@charset "utf-8";

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

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

/*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:#555; font-size:14px;line-height:1.8; font-family: 'Poppins', sans-serif; font-weight:300;  letter-spacing:0.5px;}

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

.blind{display:none;}
strong,th{ font-family: 'Poppins', sans-serif;  font-weight:500;}
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; top:5px;}
header .h-logo img{height:40px;}

.gnb{position:absolute; width:800px; left:230px; top:22px;}
.gnb a{font-family:'Montserrat'; font-size:15px; padding-right:20px; padding-left:20px; font-weight:400; text-transform:uppercase; letter-spacing:0;}
.gnb li{border-left:1px #b9b9b9 solid; float:left;  position:relative; line-height:1;}
.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:210px; left:50%; margin-left:-105px; margin-top:-5px;}
.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-size:14px; line-height:30px; padding:0; width:100%;text-align:center; display:block; letter-spacing:0.15; text-transform:lowercase; font-family: 'Poppins', sans-serif; font-weight:300;}
.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:24px; 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:5px;}
#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:'Montserrat'; font-size:15px;  width:100%; height:15px; padding:34px 0;border-right:1px #e0e0e0 solid;   text-align:center; text-transform:uppercase;}
#sitemap ul li h2 a{display:block; text-align:center; line-height:1; font-size:15px;}
#sitemap ul li:hover > h2{color:#1b79af;}
#sitemap ul li:first-child h2 {border-left:1px #e0e0e0 solid;}
#sitemap ul li ul{clear:both; display:block; width:149px; position:relative; padding:15px 0; min-height:220px; margin-left:0; border-right: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:1px #e0e0e0 solid;}
#sitemap ul li ul li:first-child{width:100%;}
#sitemap ul li ul li a{ padding:10px 25px; display:block; font-size:14px; text-align:center; line-height:1.2;}
#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:22px 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; font-size:12px;}
footer address{ margin:5px 0;}
footer address li{margin-bottom:5px; font-size:12px;}
footer address li span{display:inline-block; }
footer address li strong{display:inline-block; margin-right:10px;}
footer .footer-wrap p{position:absolute; bottom:0; right:0; font-size:12px;}
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%;}
header .h-logo{top:8px;}
header .h-logo img{height:35px;}
.gnb{width:700px; left:50%; margin-left:-335px;}
.gnb a{font-size:14px; padding:0 15px;}
.gnb li a:hover,.gnb li.on a{padding-bottom:28px;}
#tnb{margin-right:10px; z-index:55;}

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;}


}

/*-----------------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;}
}

/*-----------------767px---------------------*/
@media screen and (max-width:767px){
#tnb a{width:28px; height:28px; line-height:28px; border-radius:50%;}

}

/*-----------------460px---------------------*/
@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;}
}