@charset "UTF-8";

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

/* Reset */
body,div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,code,blockquote,form,fieldset,legend,input,textarea,button,select,table,th,td{margin:0;padding:0}
ul,ol,li,dl,menu{list-style:none}
img{border:0 none;vertical-align:top}
form,fieldset{border:0 none}
label,input,select,textarea,button{border:0;border-radius:0;font-size:inherit;line-height:normal;vertical-align:middle;/*-webkit-appearance:none*/}
input[type='submit']{cursor:pointer}
button{border:0 none;background-color:transparent;cursor:pointer;outline:0}
button::-moz-focus-inner{padding:0;border:0}/* Fire Fox button style bug */
table{width:100%;border-collapse:collapse;border:0;border-spacing:0;}
p{word-break:break-all}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:''}
header,footer,section,article,aside,nav,details,menu,figure,figcaption,main{display:block;margin:0;padding:0}/* html5 tags */
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:1em}

/* Common */
@font-face {font-family:'NBG';src:url(../fonts/NanumBarunGothicWeb.eot);src:local(※),url(../fonts/NanumBarunGothicWeb.woff) format('woff');font-weight:400}
@font-face {font-family:'NBGB';src:url(../fonts/NanumBarunGothicWebBold.eot);src:local(※),url(../fonts/NanumBarunGothicWebBold.woff) format('woff');}
body, input, select, button, textarea {color:#333;font-family:'NBG','돋움',dotum,sans-serif;font-size:14px;font-weight:400;line-height:1.692}
caption, legend, .offscreen {overflow:hidden;visibility:hidden;position:absolute;left:-9999em;width:1px;height:1px;margin:0;padding:0;border:0;background:none;font-size:1px;line-height:1px}
.ir {display:block;float:left;margin:0;padding:0;border:none;color:transparent;text-indent:-9999em;overflow:hidden}
.inner {width:1000px;margin:0 auto;}
.group {zoom:1}
.group:after {display:block;clear:both;content:''}
::-moz-selection {background-color:#21b0bd;color:#fff}
::selection {background-color:#21b0bd;color:#fff}
a, a:link, a:visited {color:#555;text-decoration:none}
a:hover, a:focus, a:active {color:#21b0bd;text-decoration:none}
.eng {font-family:'Ubuntu','돋움',dotum,sans-serif}

/* Layout */
body {width:100%;	direction:ltr;}
#skip-navigation a {position:fixed;top:-32px;left:0;z-index:500;display:block;width:100%;height:28px;background:#21b0bd;color:#fff;font-size:0.928em;font-weight:bold;text-align:center;text-decoration:none;line-height:32px}
#skip-navigation a:hover, #skip-navigation a:active, #skip-navigation a:focus {top:0}
.visual {background:#d2e1eb}

/* ------------------------------------------------ */
/*                      Header                      */
/* ------------------------------------------------ */
#header {position:relative;top:0;left:0;width:100%; min-width:1000px;height:90px;/*260*/background:#fff;z-index:100;}
#header h1 a{display:block;position:absolute;width:220px;height:37px;margin-top:40px;z-index:200}
#header h1 a img{width:220px;}
#header .inner {position:relative}

#gnb {position:absolute;top:5px;right:0px}
#gnb li{display:inline-block; margin-left:-3px;}
#gnb a{display:block;height:29px;padding:0 8px 0 8px;border:1px solid #d6d9db;border-radius:3px 0 0 3px;color:#afb1b4;font-size:0.925em;text-decoration:none;line-height:30px; font-family:'Ubuntu','돋움',dotum,sans-serif}
#gnb a i{margin-right:5px;}

#gnb .go-eng a{background:url(../../images/common/img-common.png) no-repeat -190px -140px; padding-left:34px; border-left-width:0; border-radius:0 3px 3px 0;} 

.open-menu {position:absolute;top:13px;right:0;width:56px;height:54px;background:url(../../images/common/img-common.png) no-repeat 0 -170px}
.close-menu {display:none;position:absolute;bottom:0;right:0;width:56px;height:54px;border:1px solid #e3e6e9;border-bottom:0;background:url(../../images/common/img-common.png) no-repeat -180px -170px}


#headerWrap{background:#fff; position:absolute; top:30px; left:50%; margin-left:-265px;}
#headerWrap.on{border-bottom:1px #f0f0ef solid; }
.lnb{text-align:center;}
.lnb > li{display:inline-block; vertical-align:top; position:relative; width:125px; margin-right:-3px;text-align:center; }
.lnb > li:first-child{}
.lnb:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}
.lnb > li{}
.lnb > li > a{display:block; padding:0 15px; line-height:60px; font-size:18px;}
.lnb li:hover > a,
#headerWrap .lnb li.current > a{color:#21b0bd;}
#headerWrap .lnb > li > a .bar {display:none;position:absolute;left:50%;bottom:-1px;z-index:10;width:66px;height:6px;margin-left:-33px;background:#059ec4}
#headerWrap .lnb > li.current > a, .lnb > li.active > a {color:#059ec4}
#headerWrap .lnb > li.current > a .bar,
#headerWrap .lnb > li.active > a .bar {display:block}
#headerWrap .lnb > li > ul{background:#fff; display:none;}
#headerWrap .lnb li ul{position:absolute; width:100%;padding:20px 0;}
#headerWrap .lnb li ul li{display:block;}
#headerWrap .lnb li ul li a{word-break: keep-all; display:block; padding:5px 10px; font-size:1.1em;}

#m-menu{display:none;}

/* ------------------------------------------------ */
/*                      Footer                      */
/* ------------------------------------------------ */
#foot-contents {position:relative;height:52px;border-top:1px solid #dddedf;border-bottom:1px solid #dddedf;line-height:52px; min-width:1000px;}
#foot-contents .inner {position:relative;}
#foot-contents h2 {float:left;width:200px;color:#0a3d60;font-weight:700;text-transform:uppercase}
#foot-contents .date {margin-left:10px;color:#999}
#foot-contents .go-privacy a {display:block;position:absolute;top:0;right:0;width:150px;height:52px;padding-left:34px;border-left:1px solid #dddedf;border-right:1px solid #dddedf;background:url(../../images/common/img-common.png) no-repeat 100% -230px;color:#75787d;line-height:56px;text-decoration:none;transition:background .5s}
#foot-contents .go-privacy a:hover, #foot-contents .go-privacy a:active, #foot-contents .go-privacy a:focus {background-color:#efefef;color:#555}

#footer {color:#555;font-size:0.923em;line-height:1.666}
#footer .inner {position:relative;padding:25px 0 60px}
#footer .sep {padding:0 2px 0 1px;color:#bbb;font-family:'돋움',dotum,sans-serif;font-size:12px}
#fnb {position:absolute;top:23px;right:-10px}
#fnb li {float:left}
#fnb li a {display:block;position:relative;width:80px;height:30px;padding-top:44px;color:#7f8388;text-align:center;text-decoration:none;}
#fnb li a:hover, #fnb li a:active, #fnb li a:focus {color:#21b0bd;font-weight:700}
#fnb li a .ir {position:absolute;top:4px;left:50%;width:32px;height:32px;margin-left:-16px;background:url(../../images/common/img-common.png) no-repeat;transition:background-position .3s}
#fnb li a .fnb1 {background-position:0 -70px}
#fnb li a:hover .fnb1, #fnb li a:active .fnb1, #fnb li a:focus .fnb1 {background-position:0 -120px}
#fnb li a .fnb2 {background-position:-50px -70px}
#fnb li a:hover .fnb2, #fnb li a:active .fnb2, #fnb li a:focus .fnb2 {background-position:-50px -120px}
#fnb li a .fnb3 {background-position:-100px -70px}
#fnb li a:hover .fnb3, #fnb li a:active .fnb3, #fnb li a:focus .fnb3 {background-position:-100px -120px}



/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width:640px) {

.inner{width:100%;}

#header{min-width:100%;}
.bbdd{height:60px;}


#gnb{position:relative; top:0; border-bottom:1px solid #d6d9db;}
#gnb li{width:50%; margin-left:-2px;}
#gnb li a{text-align:center; border-width:0;border-radius:0;}
#gnb .go-eng a{border-radius:0; border-left-width:1px;}
#header h1 a{margin-top:47px; left:50%; margin-left:-100px; width:200px;}
#header h1 a img{width:200px;}

#m-menu{display:block;}
#headerWrap{display:none;}

.m-menu-btn{position:absolute;   cursor:pointer; z-index:999; display:block;}
.m-menu-btn button{display:block;  text-align:center; font-size:0;}
.m-menu-btn.m-menu-btn-open{right:10px; top:40px;}
.m-menu-btn.m-menu-btn-open button{color:#114a80; border:1px #114a80 solid; border-radius:3px; height:38px; width:38px; line-height:36px;}
.m-menu-btn.m-menu-btn-open button i{margin-left:2px;}
.m-menu-btn.m-menu-btn-close{position:fixed; top:0px; right:260px;}
.m-menu-btn.m-menu-btn-close button{background:#248a7f; width:50px; height:50px; line-height:50px;color:#fff; }
.m-menu-btn button i{font-size:25px; vertical-align:middle;}
.mobile-menu-box{display:none; position:fixed; width:100%; height:100%; top:0; left:0; z-index:999; overflow:hidden;overflow-y:auto;background:rgba(0,0,0,0.5);}
header .m-menu-list{position:absolute; width:220px; height:auto; min-height:100%;  z-index:99;  right:0%;background:#00a286;padding:0 20px 20px;}
header .m-menu-list a{color:#fff;}
header .m-menu-list .lnb{margin-left:0;}
header .m-menu-list .lnb{padding-top:10px; padding-top:0; height:auto;}
header .m-menu-list .lnb li{display:block; width:100%; text-align:left;}
header .m-menu-list .lnb > li > a{ border-bottom:1px rgba(255,255,255,0.28) solid; padding:20px 0 10px; padding-left:0; line-height:45px; height:auto; display:block;}
header .m-menu-list .lnb li h2 a{height:auto;}
header .m-menu-list .lnb li ul{position:relative; top:0; padding-bottom:0; margin-left:0; padding-top:20px; border-left-width:0;}
header .m-menu-list .lnb li ul li a{color:rgba(255,255,255,0.7); padding:5px 0; display:block;}
header .m-menu-list .lnb{text-align:left;}
header .m-menu-list .lnb li h2 a{border-bottom:2px #fff solid; padding-bottom:1px;font-size:16px; line-height:35px;}
header .m-menu-list .lnb > li:hover > a{color:#fff;}
header .m-menu-list .lnb li:hover h2{height:auto;}



#foot-contents{border-top-width:0; height:auto; min-width:100%;}
#foot-contents h2{display:block; width:100%; background:#0a3d60; color:#fff; text-align:center;}
#foot-contents ul{padding-left:10px;}
#foot-contents .go-privacy a{top:auto; bottom:-62px; left:10px; display:inline-block; height:35px; line-height:35px; border-radius:9999px;  background:#7f8388; color:#fff; text-align:center; padding-left:0;}
#footer{padding-top:55px;}
#footer .inner{padding-bottom:120px;}
#footer address,
#footer .copyright{padding:0 10px;}
#fnb{top:auto; bottom:20px; right:auto; left:50%; margin-left:-120px;}
}