@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');

@font-face {
 font-family: 'NanumSquare';
 src: url(../font/NanumSquare.eot);
 src: url(../font/NanumSquare.eot?#iefix) format('embedded-opentype'),
      url(../font/NanumSquare.woff) format('woff'),
      url(../font/NanumSquare.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../font/NanumGothic-Regular.eot);
  src: url(../font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
	   url(../font/NanumGothic-Regular.woff2) format('woff2'),
	   url(../font/NanumGothic-Regular.woff) format('woff'),
	   url(../font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic Bold';
  font-style: normal;
  font-weight: 700;
  src: url(../font/NanumGothic-Bold.eot);
  src: url(../font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
	   url(../font/NanumGothic-Bold.woff2) format('woff2'),
	   url(../font/NanumGothic-Bold.woff) format('woff'),
	   url(../font/NanumGothic-Bold.ttf) format('truetype');
}

/*Reset*/
legend,caption,.blind{display: none;}
body{margin: 0; padding: 0;}
div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,form,fieldset,legend,input,textarea,button,select,table,th,td{margin:0;padding: 0;border:0;}
ul,ol,li,dl{list-style: none;}
img{border:0;vertical-align: top;}
address,caption,cite,code,dfn,em,var{font-style: normal;}
blockquote,q{quotes: none;}
blockquote:before,blockquote:after,q:after{content:""; content: none;}
form,fieldset{border:0;}
input,select,textarea,button{font-size:100%;vertical-align: middle;}
button{border:0;background-color: transparent;cursor:pointer;}
a{color:inherit; text-decoration:none; color:#3b3836;}
td a, div a{color:#4f5052;}
a:hover,a:active,a:focus{text-decoration:none; color:#1b79af;}
table{width:100%; *border-collapse:collapse; border-spacing:0; table-layout:fixed;}


/* skiptoContent */
#skiptoContent{position:fixed;top:0;left:0;width:100%;z-index:999}
#skiptoContent a{display:block;position:absolute;top:0;left:-9999px;width:250px;height:26px;background:#0a94b2;color:#fff;font-size:12px;line-height:26px;text-align:center}
#skiptoContent a:focus, #skiptoContent a:active{left:50%;margin-left:-500px;text-decoration:none}
#skiptoContent a:hover{text-decoration:underline}

/* common */
body,th,td,input,select,textarea,button{color:#2a2a2a;font-size:13px;line-height:1.5; font-family:'NanumGothic','Nanum Gothic','맑은 고딕', 'Malgun Gothic', 'Roboto';}

article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary,main {display:block;}

.blind{display:none;}
.eng{font-family: 'Montserrat', sans-serif; font-weight:400;}
strong,th{ font-family:'Nanum Gothic Bold'; font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}

#top{position:fixed; right:10px; bottom:30px; z-index:9999; display:none;}
#top button{display:block; text-align:center; width:50px; height:50px;  background:#fff; }
#top button img{width:48px; vertical-align:middle;border:1px #0082bf solid;}


/*header*/
header{height:62px; width:1200px; margin:18px auto 0; position:relative;}
header .h-logo{position:absolute; left:0; z-index:99;}
header .h-logo img{height:45px;}

.gnb{position:absolute; width:800px; left:260px; top:17px;}
.gnb a{font-family:'NanumSquare'; font-size:19px; line-height:1; padding-right:40px; padding-left:40px;}
.gnb li{border-left:1px #b9b9b9 solid; float:left;  position:relative;}
.gnb li:first-child{border-left:0;}
.gnb ul:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}
.gnb ul li ul{position:absolute; background:#fff; z-index:995; clear:both;  height:0; overflow:hidden; width:140px; left:0;}
.gnb ul li ul li{clear:both; float:none; border-left:none;  width:100%; padding-left:0; margin-left:0;}
.gnb ul li ul li a{font-family:'Nanum Gothic'; font-size:14px; line-height:30px; padding:0; width:100%;text-align:center; display:block}
.gnb li:hover ul,.gnb li.on ul{height:auto;color:#1b79af;}
.gnb li:hover a,.gnb li.on a{background:url(../../images/common/gnb-bg.gif) no-repeat 50% 100%;padding-bottom:26px; color:#1b79af; position:relative; z-index:999;}
.gnb ul li.on ul li a,.gnb ul li:hover ul li a:hover,.gnb ul li:active ul li a,.gnb ul li ul li a:active,.gnb ul li:hover ul li a{background:none; padding-bottom:0; color:#555;}
.gnb li:hover ul,.gnb li:active ul, .gnb li.on ul{display:block;border:1px #ddd solid; top:45px; padding:10px 0;}
.gnb li ul li a:hover,.gnb ul li ul li a:hover{ color:#1b79af;}

#tnb{position:absolute; right:0; top:11px; z-index:99;}
#tnb li{float:left; margin-left:8px;}
#tnb a{font-family:'Montserrat'; font-size:12px; color:#666; display:block; border:1px #ccc solid; width:31px; height:31px; line-height:31px;text-align:center; border-radius:16px;}
#tnb .all-site a{border-color:transparent; background:#188ecb; color:#fff;} 
#tnb a i{font-size:16px; vertical-align:-15%;}
#tnb ul:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}

/*sitemap*/
#sitemap{position:absolute; border-bottom:2px #1b79af solid;  width:100%; top:1px; right:0; z-index:88; background:rgba(255,255,255,1); display:none;}
#sitemap ul{width:750px;margin:0 auto; padding-left:70px; }
#sitemap ul li{width:20%; float:left; }
#sitemap ul li h2{ font-family:'NanumSquare';}
#sitemap ul li h2{font-size:14px; width:100%; height:15px; padding:34px 0;  text-align:center; }
#sitemap ul li h2 a{display:block; text-align:center; line-height:1; border-left:1px #b9b9b9 solid; font-size:19px;}
#sitemap ul li:hover > h2{color:#1b79af;}
#sitemap ul li:first-child h2 a{border-left:0;}
#sitemap ul li ul{clear:both; display:block; width:149px; position:relative; padding:15px 0; min-height:220px; margin-left:0; border-left:1px #e0e0e0 solid; margin-top:-2px;}
#sitemap ul li ul li{width:100%; float:none; display:block; height:100%; border:none;}
#sitemap ul li:first-child ul{border-left-width:0;}
#sitemap ul li ul li:first-child{width:100%;}
#sitemap ul li ul li a{ padding:5px 25px; display:block; font-size:14px; text-align:center;}
#sitemap ul li ul li a:hover{color:#1b79af;}
#sitemap ul:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}
#sitemap .btn-sitemap-close{position:absolute; bottom:0; right:0; background:#1b79af; cursor:pointer; display:block; z-index:9999;}
#sitemap .btn-sitemap-close:hover{color:#424242;}
#sitemap .btn-sitemap-close span{font-size:0;}
#sitemap .btn-sitemap-close i{font-size:22px; padding:10px; color:#fff;}
#sitemap .sitemap-line{position:absolute; width:100%; height:1px; background:#e0e0e0; top:80px;}

/*footer*/
footer{background:#f1f2f6; border-top:1px #e5e6eb solid; width:100%; min-width:1200px; padding:32px 0;}
footer .footer-wrap{background:url(../../images/common/footer-logo.png) no-repeat 0 0; width:1100px; min-height:45px; margin:0 auto; padding-left:100px; position:relative; color:#666;}
footer address{ margin:5px 0;}
footer address li{margin-bottom:5px;}
footer address li span{display:inline-block; margin-left:10px;}
footer address li strong{display:inline-block; width:40px;}
footer .footer-wrap p{position:absolute; top:0; right:0;}
footer .footer-wrap p a{display:block; line-height:30px; padding:0 20px; border:1px #d0d0d0 solid; border-radius:16px;}

/*-----------------1200px---------------------*/
@media screen and (max-width:1200px){
header{width:100%;}
.gnb{width:700px; left:50%; margin-left:-300px;}
.gnb a{font-size:18px; padding:0 32px;}
.gnb li a:hover,.gnb li.on a{padding-bottom:28px;}
#tnb{margin-right:20px;}
header .h-logo{left:20px; top:3px;}
header .h-logo img{height:40px;}
footer{min-width:100%; padding-top:0;}
footer .footer-wrap{width:auto; background:none; padding:52px 3% 0; text-align:center;}
footer .footer-wrap p{top:0; left:0; right:0;}
footer .footer-wrap p a{border:0; border-bottom:1px #e5e6eb solid; border-radius:0; text-align:center; height:40px; line-height:40px;}

.gnb ul li ul{left:-10px;}
}

/*-----------------1023px---------------------*/
@media screen and (max-width:1023px){
.gnb{display:none;}
header{height:55px; margin:0 auto;}
header .h-logo{top:7px;}

/*#tnb{top:0; margin-right:0;}
#tnb li{margin-left:0;}
#tnb a{height:55px; line-height:55px; width:55px; border:none; border-right:1px #ccc solid; border-radius:0;}
#tnb a i{font-size:25px; vertical-align:-18%}*/



/*sitemap*/
#sitemap{z-index:9999; top:55px; background:#f2f2f2;}
#sitemap ul{width:100%; padding-left:0;}
#sitemap ul li{width:100%; float:none;}
#sitemap ul li h2{background:#1b79af; padding:15px 0;}
#sitemap ul li h2 a{border-left:0; color:#fff;}
#sitemap .sitemap-line{display:none;}
#sitemap ul li ul{min-height:auto; width:100%; border-left:0; margin-top:0; padding:0;}
#sitemap ul li ul li{border-top:1px #e0e0e0 dashed;}
#sitemap ul li ul li:first-child{border-top:0;}
#sitemap ul li ul li a{padding:8px 0;}
}


/*-----------------420px---------------------*/
@media screen and (max-width:460px){
header .h-logo{left:1%; top:12px;}
header .h-logo img{height:30px;}
#tnb li{margin-left:4px;}
#tnb{margin-right:10px;}
}