@charset "utf-8";
/* common.css */

body {font-family:'Malgun Gothic',"돋움", sans-serif; font-weight:normal; font-size:9pt;}
a {color:#555;}
/*skip*/
.skip {width:100%; position:absolute;top:0px; z-index: 50000000;}  
.skip a {width:100%;top:-1000px; text-align: center; font-size: 1.3em; display: block;  position: absolute; z-index: 50000;}  
.skip a:hover {background: rgb(29, 96, 167); padding: 10px 0px; top: 0px; color: rgb(255, 255, 255); font-weight: bold;display: block; position: absolute; z-index: 500;}  
.skip a:focus {background: rgb(29, 96, 167); padding: 10px 0px; top: 0px; color: rgb(255, 255, 255); font-weight: bold;display: block; position: absolute; z-index: 500;}  
.skip a:active {background: rgb(29, 96, 167); padding: 10px 0px; top: 0px; color: rgb(255, 255, 255); font-weight: bold;display: block; position: absolute; z-index: 500;}
#wrap {overflow:hidden; min-width:980px;}

/*footer*/
footer {border-top:1px solid #e5e5e5; background:#fff; padding:30px 0; font-size:13px;}
#copy {width:980px; margin:0px auto; padding:0 0 0 360px; overflow:hidden; position:relative;}
#copy .copy_logo {text-align:left; position:absolute; left:0; top:35px;}
#copy .copy_info {float:left; color:#767676; padding-top:5px;}
#copy .copy_link {font-family:"Noto Sans KR", sans-serif; padding-top:10px;}
#copy .copy_link a {display:inline-block; color:#666; font-size:14px;}
#copy .copy_link a:hover {color:#2f88ca;}
#copy .copy_link a:first-child {color:#2f88ca; margin-right:13px;}
#copy .copy_link a:first-child::after {content:"|"; color:#ccc; font-size:12px; vertical-align:top; margin-left:13px; display:inline-block;}
#copy .copy_link a:first-child:hover {color:#3476B0;}
#copy .select {position:absolute; top:0; right:0; width:160px; font-family:"Noto Sans KR", sans-serif; }
#copy .select .btn {font-family:"Noto Sans KR", sans-serif; font-size:14px; width:100%; text-align:left; border-radius:0;}
#copy .select .btn .caret {float:right; margin-top:9px;}
#copy address {font-style:normal; clear:both; margin:20px 0 0 0;}
#copy address em { font-style:normal;}
#copy .copy {margin:0;}
#copy .copy em {color:#555; font-style:normal;}
#copy .copy span {display:inline-block;}


/*main-menu*/
#header {width:100%; left:0; top:0; transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; z-index:5000000;background-color:rgba(255,255,255,1); position:relative;}
#header a {text-decoration:none;}
#header.bgc {background-color:rgba(255,255,255,1);}
#header.on {background-color:#fff;}
.hd-top {position:relative; width:980px; height:90px; margin:0 auto; padding-top:17px;}

.gnbWrap {width:100%; margin:0 auto;}
.gnbWrap h1{margin:0; font-size:0; line-height:100%; text-align:left;}
.gnbWrap h1 a {display: inline-block; padding:15px 0;}
.gnbWrap h1 img {height:25px;}
.gnbWrap ul, .gnbWrap ul li {padding:0; margin:0; list-style:none;}
.gnbWrap .global {position:absolute; right:0; top:0; overflow:hidden; margin-top:25px; padding:10px 8px; background-color:#f0f0f0;}
.gnbWrap .global li {float:left; position:relative;}
.gnbWrap .global li::after {content:""; display:block; width:1px; height:12px; background-color:#ddd; position:absolute; right:0; top:3px;}
.gnbWrap .global li:last-child::after {display:none;}
.gnbWrap .global li a {color:#333; font-weight:lighter; font-size:13px; display:block; padding:0px 12px; font-weight:bold;}
.gnbWrap .global li a:hover, 
.gnbWrap .global li a:focus {color:#2f88ca;}
.global-mb {display:none;}
.gnbWrap .menu {border-top:1px solid #dedede;}

.gnbWrap #gnb {width:980px; margin:0 auto; position:relative; font-family:"Noto Sans KR", sans-serif !important; border-right:1px solid #dedede; display:flex; flex-wrap: nowrap;}
.gnbWrap #gnb > li {float:left; white-space: nowrap;}
.gnbWrap #gnb > li > a {display:block; color:#111; line-height:40px; font-size:15px; transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; padding:0 22px; border-left:1px solid #dedede; font-weight:bold;}
.gnbWrap #gnb > li > span {display:none; color:#111; line-height:70px; font-size:18px; transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; padding:0 30px;}
.gnbWrap #gnb > li > a:hover span {color:#1B68A1;}
.gnbWrap #gnb > li > a > span {display:block; position:relative; font-weight:bold;}
.gnbWrap #gnb > li > a > span:after {content:''; position:absolute; width:100%; height:3px; background-color:#253A93; bottom:0px; left:0; transform:scale(0); transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out}
.gnbWrap #gnb > li .subBox {display:none;}
.gnbWrap #gnb > li:hover .subBox {display:block;}

.gnbWrap #gnb > li .subBox {position:absolute;left:0px; top:40px; width:980px; margin:0px; z-index:20; height:35px; padding:0px; background-color:#494949; }
.gnbWrap #gnb > li .subBox ul {position:relative; margin:0px; z-index:20; height:35px; padding:0px;}
.gnbWrap #gnb > li .subBox ul ul {display:none;}
/* #gnavigation li ul {position:absolute; top:30px;margin:0px; display:none; z-index:20;height:30px;padding:0px;background:#2f88ca; color:#FFFFFF; } */
.gnbWrap #gnb > li .subBox li{float:left; padding:8px 10px 0px 10px;  border-right:0px solid #ddd;}

.gnbWrap #gnb > li:nth-child(1) ul {left:0px; margin-left:15px; width:930px;}
.gnbWrap #gnb > li:nth-child(2) ul {left:0px; margin-left:115px; width:780px; letter-spacing:-0. }
.gnbWrap #gnb > li:nth-child(3) ul {left:0px; margin-left:260px; width:250px;}
.gnbWrap #gnb > li:nth-child(4) ul {left:0px; margin-left:426px; width:600px;}
.gnbWrap #gnb > li:nth-child(5) ul {left:0px; margin-left:209px; width:800px;}
.gnbWrap #gnb > li:nth-child(6) ul {left:0px; margin-left:630px; width:330px;}
.gnbWrap #gnb > li:nth-child(7) ul {left:0px; margin-left:700px; width:330px;}
.gnbWrap #gnb > li:nth-child(8) ul {left:0px; margin-left:422px; width:560px;}
.gnbWrap #gnb li ul li a {color:#fff; font-size:13px;}
.gnbWrap #gnb li ul li a:hover { color:#fff; font-weight:bold; font-size:13px;}



.pt20 {padding-top:20px !important;}
.mt10 {margin-top:10px !important;}
.ml10 {margin-left:10px !important;}
.mb0 {margin-bottom:0px !important;}