/* common */ 
* {word-break:keep-all;}
html, body {margin:0; padding:0; height:100%; color:#4c4c4c; 
font-size:16px; font-weight:400; text-rendering: 
optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; } 
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abb 
r,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,st 
rong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset, form, label, legend, table, caption, tbody,tfoot,thead,tr,th,td { font-family: 'Noto Sans', 'Source Han Sans', "Noto Sans CJK KR", '본고딕', '나눔바른고딕', '나눔고딕', 'Nanum Gothic',  'NanumGothic', '맑은고딕', 'Malgun Gothic', dotum, serif;letter-spacing: -0.5px;} 
body {position:relative;} 
ul,li {list-style: none;padding: 0;margin: 0;} 
h1, .h1 {font-size: 100%;} 
h1, .h1, h2, .h2, h3, .h3 {margin:0;} 
.clear {clear:both;}
.clear:before, .clear:after {content: ''; display: table;}
.no-mar {margin-left: 0;margin-right: 0;} 
.no-mar > .no-pad {padding-left:0; padding-right:0;} 
.no-pad {padding: 0;} 
.posi-relative {position: relative;} 
.posi-absolute {position: 
absolute;} 
.max-height {height: 100%;} 
.margincenter {margin: 0 auto;} 
.vc {display: table;width: 100%;height :100%;} 
.vm {display: table-cell;width: 100%;height :100%;vertical-align: middle;} 
strong {font-weight:700;} 
.block {display:block;} 
.img-responsive {max-width:100%;} 
.aligncenter {display:block; max-width:100%; margin:0 auto;} 
.alignleft {float:left;} 
.alignright {float:right;} 
.vertical-top {vertical-align:top;} 
.vertical-base {vertical-align:baseline;} 
.vertical-middle {vertical-align:middle;} 
.vertical-sub {vertical-align:sub;} 
::selection { background: rgba(57, 71, 132, 
0.7); color:#fff} 
body.modal-open {overflow: visible; padding:0!important;}

.header {height: 90px;position: fixed;top: 40px;left: 0;width: 100%;z-index: 100;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;text-align: center;font-size: 0;padding: 0 90px;}
.scrolled .header {top: 0;-webkit-box-shadow: 0 0 2px rgba(0,0,0,.175);box-shadow: 0 0 2px rgba(0,0,0,.175);}
.header .header_in {max-width:1920px;background-color: #fff;margin: 0 auto;height: 100%;width: 100%;position: relative;}
.header .header_in:before {content: "";display: table;}
.header .header_in:after {content: "";display: table;clear: both;}
.header_fix {padding: 0;}
.header h1 {position: absolute;left: 50px;top: 50%;margin-top: -18px;}
.header h1 a {display: block;width: 156px;height: 37px;background-image: url('/skin/default/img/main/top_logo.png');background-position: 0 0;background-repeat: no-repeat;}
.header .language {position: absolute;right: 40px;top: 0;height: 100%;display: none;}
.header .language ul.lan {height: 100%;}
.header .language ul.lan li.lanl {height: 100%;float:left;}
.header .language ul.lan li.lanl.bar {padding-right: 11px;margin-right: 10px;position: relative;}
.header .language ul.lan li.lanl a.lana {height: 100%;text-decoration: none;font-size: 0;display: table;width: 100%;}
.header .language ul.lan li.lanl a.lana span {display: table-cell;vertical-align: middle;width: 100%;height: 100%;font-size: 11px;color: #000;font-weight: 700;}
.header .language ul.lan li.lanl.bar:after {width: 1px;content: "";display: block;height: 8px;background-color: #c7c7c7;position: absolute;right: 0;top: 50%;margin-top: -4px;}
.header .language ul.lan li.lanl.active a.lana span {color: #00aeef;}

.topgnb_wrap {height: 100%;}
.topgnb:before {display: table;content: "";}
.topgnb:after {display: table;content: "";clear: both;}
.topgnb {height: 100%;display: inline-block;}
.topgnb .dropdown {float:left;height: 100%;position: relative;}
.topgnb .dropdown .dropdown-toggle {display:table;width: 100%;height: 100%;text-decoration: none;}
.topgnb .dropdown .dropdown-toggle span {color: #000;display: table-cell;font-size: 18px;font-weight: 500;width: 100%;text-align: center;height: 100%;vertical-align: middle;padding: 0 40px;}
.topgnb .dropdown.active .dropdown-toggle span{color: #fff;background-color: #1767b9;}
.topgnb .dropdown.on .dropdown-toggle span {color: #00aeef;}
.topgnb .dropdown.on.active .dropdown-toggle span {color: #fff;}

.topgnb .dropdown.active .sub-onemenu {display: block;}
.topgnb .sub-onemenu {width: 100%;background-color: #0098e7;position: absolute;left: 0;top: 90px;display: none;padding: 10px 0;}
.is-gnb .sub-onemenu {display: block;}
.topgnb .sub-onemenu li a {font-size: 16px;color: #88cdf1;font-weight: 400;display: block;padding: 10px;text-decoration: none;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.topgnb .sub-onemenu li a:hover {color: #fff;text-decoration: underline;}
.top {opacity: 0;position: fixed;bottom: 50px;right: 50px;z-index: 50;transition: opacity .5s ease;-webkit-transition: opacity .5s ease;-moz-transition: opacity .5s ease;}
.scrolled .top {opacity: 1;}

.tmenu_wrap {position:fixed;top:0;right:0;z-index:500;display: none;}
a.tmenu {display: block;position:relative;width:90px;height:90px;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
a.tmenu span {display:inline-block;position:absolute;left:50%;margin-left:0;top:50%;margin-top:-1px;width:20px;height:3px;background-color:#000;}
a.tmenu span:before {position:absolute;width:30px;height:3px;left:50%;margin-left:-20px;top:50%;margin-top:-11px;background-color:#000;content:"";display:block;}
a.tmenu span:after {position:absolute;width:30px;height:3px;left:50%;margin-left:-20px;top:50%;margin-top:7px;background-color:#000;content:"";display:block;}
a.tmenu span,
a.tmenu span:before,
a.tmenu span:after {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}

.is-total a.tmenu span {background:none;}
.is-total a.tmenu span:before {margin-top: -3px;transform: rotate(45deg);background-color: #fff;}
.is-total a.tmenu span:after {margin-top: -3px;transform: rotate(-45deg);background-color: #fff;}

.gnb_wrap {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 100;background: rgba(0, 152, 231, 0.9);padding: 100px 0 100px 0;-moz-transform: translateY(-100%);-webkit-transform: translateY(-100%);-o-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%);visibility : hidden;}
.gnb_container {max-width: 1540px;margin: 0 auto;}
.gnb_container {margin: 0 auto;padding: 0 90px;}
.gnb_container:before {display: table;content: "";}
.gnb_container:after {display: table;content: "";clear: both;}
.gnb_wrap .site_map_tit {text-align:left;margin-bottom: 50px;font-size: 40px;color: #fff;font-weight: 700;position: relative;padding-bottom: 20px;}
.gnb_wrap .site_map_tit:after {content: "";display: block;width: 30px;height: 2px;position: absolute;left: 0;bottom: 0;background-color: #fff;}
.gnb {width: 100%;}
.gnb:before {display: table;content: "";}
.gnb:after {display: table;content: "";clear: both;}
.gnb .dropdown {overflow: hidden;transform: matrix(1, 0, 0, 1, -40, 0);opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;float: left;display: block;width: 100%;padding: 0;}
.gnb .dropdown .dropdowna {text-align: left;display: block;font-size: 26px;color: #fff;font-weight: 600;letter-spacing: -1px;float:left;width: 20%;position: relative;position: relative;}
.gnb .sub-onemenu {overflow: hidden;float: left;width: 80%;border-bottom: 1px solid #5773c5;}
.gnb .sub-onemenu .sub-dropdown {text-align: left;padding: 0 20px;float: left;}
.gnb .sub-onemenu .sub-dropdown .sub-onemenua {word-break:keep-all;line-height: 1.3;display: block;font-size: 16px;color: #d2d2d2;font-weight: 500;padding: 5px 0;text-decoration: none;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.gnb .sub-onemenu .sub-dropdown .sub-onemenua:hover {color: #17a0e5;}

.gnb .dropdown .dropdowna,
.gnb .sub-onemenu {padding: 30px 0;}

.footer {background-color: #111111;padding: 45px 0 50px 0;}
.footer .pcopy {font-weight: 600;font-family: 'Titillium Web', sans-serif;font-size: 12px;color: #666666;}
.footer_inner {position: relative;padding-left: 218px;}
.footer_inner h1 {position: absolute;left: 0;top: 0;}
.bottom_link {overflow:hidden;margin-bottom: 15px;}
.bottom_link li {float:left;}
.bottom_link li.dot {padding-right: 28px;margin-right: 24px;position: relative;}
.bottom_link li.dot:after {content: "";display: block;position: absolute;right: 0;top: 10px;width: 3px;height: 3px;background-color: #515151;}
.bottom_link li a {font-size: 16px;color: #aaaaaa;font-weight: 700;}
.footer .ptxt {font-size: 16px;color: #777777;font-weight: 300;margin-bottom: 15px;}

@media (max-width: 1559px) {
	.topgnb .dropdown .dropdown-toggle span {padding: 0 20px;}
}
@media (max-width: 1430px) {
	.header {padding: 0;top: 0;}
	.header h1 {left: 15px;}
	.header .language {right: 25px;}
	.topgnb .dropdown {float:left;padding: 0 40px;}
	.gnb_wrap .site_map_tit {font-size: 30px;margin-bottom: 25px;padding-bottom: 10px;}
	.topgnb .dropdown {padding: 0 20px;}
	.topgnb .dropdown .dropdown-toggle span {padding: 0 10px;}
}
@media (max-width: 1229px) {
	.header {height: 60px;}
	.topgnb_wrap {top: 60px;position: fixed;left: 0;width: 100%;height: auto;background-color: #fff;padding: 0 0;border-top: 1px solid #ccc;}
	.scrolled .header {top: 0;}
	.scrolled .topgnb_wrap {background-color: #fff;-webkit-box-shadow: 0 0 2px rgba(0,0,0,.175);box-shadow: 0 0 2px rgba(0,0,0,.175);}
	.is-gnb .topgnb_wrap {background-color: #fff;}
	a.tmenu {width: 60px;height: 60px;}
	.topgnb {display: block;}
	.topgnb .dropdown {width: 20%;padding: 0 15px;}
	.topgnb .dropdown .dropdown-toggle span {font-size: 15px;padding: 15px 0;}
	.header_back {top: 108px;height: 298px;}
	.topgnb .sub-onemenu {top: 50px;padding-top: 15px;}
	.topgnb .sub-onemenu li a {font-size: 13px;}
	.topgnb .sub-onemenu:after {top: 15px;height: 265px;}
}
@media (max-width: 1199px) {
	.header h1 {left: 20px;}
	.header .language {right: 62px;}
	.gnb_wrap .site_map_tit {font-size: 20px;margin-bottom: 15px;}
	.gnb .dropdown .dropdowna, .gnb .sub-onemenu {padding: 15px 0;font-size: 15px;}
	.gnb .sub-onemenu .sub-dropdown .sub-onemenua {font-size: 13px;}
}
@media (max-width: 991px) {
	.topgnb_wrap {display: none;}
	.header.scrolled .topgnb_wrap {display: none;}
	.header h1 {margin-top: -10px;}
	.header h1 a {width: 78px;height: 19px;-webkit-background-size: 78px auto;background-size: 78px auto;}
	.top {right: 10px;bottom: 10px;}
	.top img {width: 23px;}
	.gnb_container {padding: 0 30px;}
	.gnb_wrap {padding: 50px 0;}
	.header .language {right: 70px;}
	.tmenu_wrap {display: block;}
	.footer_inner h1 img {width: 78px;}
	.footer_inner {padding-left: 109px;}
	.bottom_link li a {font-size: 13px;}
	.bottom_link li.dot {padding-right: 14px;margin-right: 12px;}
	.footer .ptxt p {font-size: 13px;}
	.footer {padding: 25px 0;}
}
@media (max-width: 767px) {
	.gnb_container {padding: 0 15px;}
	.gnb_wrap {padding: 15px 0;}
	.gnb_wrap .site_map_tit {font-size: 15px;margin-bottom: 10px;}
	.gnb .dropdown .dropdowna, .gnb .sub-onemenu {padding: 10px 0;font-size: 13px;}
	.gnb .sub-onemenu .sub-dropdown {padding: 0 5px;}
	.gnb .sub-onemenu .sub-dropdown .sub-onemenua {padding: 0 0 5px 0;}
	.gnb_wrap .site_map_tit:after {width: 15px;}
	.gnb .dropdown .dropdowna {width: 100%;}
	.gnb .sub-onemenu {width: 100%;}
	.footer_inner h1 {position: static;left: auto;top: auto;}
	.footer_inner {padding-left: 0;}
	.bottom_link {margin-top: 15px;}
	.footer .ptxt p {font-size: 12px;}
}