/* common */

html {width: 100%;height: 100%;min-height: 100%;}
body {font-size:16px; font-family:"Noto Sans KR"; color:#000; position: relative;height: 100%;min-height: 100%;font-weight:400;line-height: 1;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;line-height: 1.5; min-width: 1200px;
-ms-word-break: keep-all;
word-break: keep-all;
}
a {text-decoration:none; color:inherit;}
.auto { margin:0 auto;position:relative;width:1100px;}
.auto:after ,ul:after,ol:after,dl:after{content:""; display:block;width:0; height:0; overflow:hidden;clear:both;font-size:0;}
h1,h2,h3,h4,h5,h6 {line-height: 1;}
em , strong {font-weight: 700;}

/* skip */
#skipNav {height:0; overflow: hidden;}
#skipNav li a {display: block;font-size:1em;width:100%;position:absolute;top:-9999px;left:0;text-align:center;z-index:999999;}
#skipNav li a:focus, #skipNav li a.on {position:absolute;top:0;left:0;font-weight:bold;color:#fff;background:#272727;padding:20px 0;color:#ffffff;}

#header .headerTop {border-top: 2px solid #07767b;border-bottom: 1px solid #d9d9d9; height: 30px;background: #f8f8f8;}
#header .headerTop ul {float: right;font-family: "굴림"; font-size: 11px;color: #333;position: relative;right:-10px;} 
#header .headerTop ul li {float: left;} 
#header .headerTop ul li a {display: block;padding:  0 10px;height: 30px;line-height: 30px; background: url("../images/layout/bgUtil.png") no-repeat 0 50%; text-transform: uppercase;} 
#header .headerTop ul li:first-child a {background: none;}

#header  {position:fixed;z-index:555;width: 100%;height: 124px;overflow: hidden; top:0;background:#fff;
-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
}
#header.on  {border-bottom: 2px solid #067275;}
#header .logo { float: left; }
#header .logo a {display: block;padding: 17px 0;}
#header #gnb  { float: right;}
#header #gnb .gnbList {}
#header #gnb .gnbList > li{ float: left; position: relative;  background: url("../images/layout/gnbLine.png") no-repeat 0 40px;}
#header #gnb .gnbList > li >  h2 {}
#header #gnb .gnbList > li >  h2 > a {display: block;height: 90px;line-height: 90px; font-size: 20px; font-weight: 500; padding: 0 35px;text-align: center;position: relative;}
#header #gnb .gnbList > li >  h2 > a:before {content: "";display: block;width: 100%;height:4px ; background: #005c9f; position: absolute; top:0;left:0; opacity:0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#header #gnb .gnbList > li:hover > h2 > a {color: #005c9f ;}
#header #gnb .gnbList > li:hover > h2 > a:before {opacity: 1;}
#header #gnb .gnbList > li > .sub {height:400px;text-align: center;font-size:15px; border-right: 1px solid #d9d9d9;padding-top: 20px;}
#header #gnb .gnbList > li:hover > .sub {background: #f8f8f8;}
#header #gnb .gnbList > li:first-child > .sub {border-left: 1px solid #d9d9d9;}
#header #gnb .gnbList > li > .sub > li > h3 > a {display: block;padding: 7px 10px; color:#3f3f3f; font-weight: 400; letter-spacing: -0.05em;}
#header #gnb .gnbList > li > .sub > li:hover > h3 > a {color: #007476;}
#header #gnb .gnbList > li > .sub .depth03 {font-size: 14px; text-align: left;color: #666;display: none;}
#header #gnb .gnbList > li > .sub .depth03 li a {display: block;padding:3px 20px 3px 45px;position: relative;}
#header #gnb .gnbList > li > .sub .depth03 li:hover a {color: #005c9f;}
#header #gnb .gnbList > li > .sub .depth03 a:before {content: "";display: block;width: 3px;height: 3px;background: #005c9f;position: absolute;left:36px; top:50%;margin-top: -1px;}
#header #gnb .gnbList > li .depth04 {display: none;}

#header .gnbWrap {position: relative;}
#header .gnbWrap:after {content: "";display: block;width: 100%;height: 1px;background: #d9d9d9;position: absolute; left:0; top:90px;}
#header .gnbWrap .auto {background: url("../images/layout/bgGnb.png") no-repeat 0 92px;}

#header .btnAll {position: absolute;right:30px; top:63px;width: 30px;dis play: none;}
#header .btnAll img {width: 100%;}

.eng #header #gnb .gnbList > li:nth-child(2) > h2 > a {padding: 0 50px;}

/* footer */
#footer {padding: 30px 0; border-top: 1px solid #e6e6e6; overflow:hidden;background: #333; text-align: left;fon t-family: "nanum"; font-size: 13px;line-height: 1.5;}
#footer .fLogo {float: left;padding: 10px 0;}
#footer .footerWrap  {float: left;margin-left: 50px; }
#footer address span {display: block;font-family: "굴림";color: #9797a6; font-size: 12px;line-height: 1.8;}
#footer address .copyright {color: #747480;display: block;}
#footer .fUtil {color: #93cfed;font-size: 14px;margin-bottom: 10px;}
#footer .fUtil li {float: left;}
#footer .fUtil li a {display: block;padding: 0 10px;background: url("../images/layout/bgFutil.png") no-repeat 0 50%;}
#footer .fUtil li:first-child a {background: none;padding-left: 0;}


/* sitemap */
.sitemap {position: fixed;width: 100%;height: 100%;top:0;left:0;background: rgba(0,0,0,0.9);z-index:9999; text-align: center;display: none;}
.sitemap .auto > h2 {font-size: 60px;font-weight: 700;color: #0c4da2;padding: 100px 0 50px;margin-bottom: 50px; border-bottom: 1px solid rgba(255,255,255,0.2);line-height: 1;}
.sitemap .gnbList > li { display: inline-block; position: relative;  vertical-align: top;}
.sitemap .gnbList > li >  h2 > a {display: block;height: 90px;line-height: 90px; font-size: 24px; padding: 0 60px;color: #fff; text-align: center;}
.sitemap .gnbList > li:hover > h2 > a,.sitemap.gnbList > li.active > h2 > a {color: #0c4da2;}
.sitemap .gnbList > li .sub a {display: block;padding: 10px 0; font-size: 18px; text-align: center;color: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.sitemap .gnbList > li .sub .depth03 {display: none;}
.sitemap .gnbList > li .sub li:hover a {background: #0c4da2;color: #fff;}
.sitemap .btnClose {display: inline-block;color: #fff;padding: 15px 60px;background: #0c4da2;margin-top: 100px;font-size: 18px; font-weight: 700;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}


/* eng */
.eng .sitemap .gnbList > li >  h2 > a {padding: 0 49px;}
@media screen and (max-width:960px) {
	/* #header .btnAll {display: block;} */
}