@charset "utf-8";

.wrap { width: 100%; position: relative; margin: 0 auto; overflow: hidden; }
.wrapper { width: 100%; margin: 0 auto; position: relative; }

/* skip navi */
#skip {width:1080px; margin:0 auto; position:relative;}
#skip ul {position:absolute; z-index:999;}
#skip ul li {}
#skip ul a {float:left; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center; white-space:nowrap; font-size:0.688em;}
#skip ul a:focus, #accessibility a:active {top:10px; height:auto; width:1080px; padding:10px 0; margin:0 auto; font-weight:bold; background:#000; color:#fff;}


/* HEADER */
header#header { width: 100%; }
#header .link { background: #005aab; height: 30px; }
#header .link .wrapper::after { content: ''; display: block; clear: both; float: none; }
#header .link .siteLinkR::after { content: ''; display: block; clear: both; float: none; }
#header .link ul li { float: left; margin: 0 8px 0 0;  }
#header .link ul li:last-child { margin: 0;  }
#header .link ul li a { display: block; color: #fff; line-height: 30px; font-size: 0.688em; }
#header .link ul li a:hover { text-decoration: underline; }
#header .link ul .first {background:#004888; height:30px; line-height:30px; margin:0 8px 0 0; padding:0 8px 0 10px;}
#header .link ul .first .arrow {background:url('../../img/asis/main_bg.png') no-repeat 70px -258px; padding:0 15px 0 0; font-weight:500; letter-spacing:0.2px;}
#header .link ul li a:hover {color:#ffffff; text-decoration:underline;}

#header .link ul .first_on {background:#019cfe; padding:10px 10px 10px 12px; margin:0 8px 0 0;}
#header .link ul .first_on .arrow {background-image:url('../../img/asis/main_bg.png'); background-repeat:no-repeat; background-position:right center; padding:0 10px 0 0; color:#ffffff;} 

#header .mnbLayout { height: 80px; border-bottom: 1px solid #dadada; clear: both; }
#header h1#logo { position: absolute; left: 0; top: 38px; display: inline-block; z-index: 23; }
#header #searchBox { width: 100%; height: 80px; position: absolute; }
#header #searchTop { position: relative; width:300px; height:32px; margin: 23px auto 0; border: 1px solid #bcbcbc; border-radius: 17px; }
#header #searchTop select { padding: 6px 0; height: 32px; box-sizing: border-box; border: none; background: none; width: 75px; margin-left: 10px;
            font-size: 0.75em; color: #585858;  }
#header #searchTop input[type="text"] { border: none; height: 29px; font-size: 0.75em; width: 135px; padding: 0 3px; box-sizing: border-box; }
#header #searchTop input[type="submit"] { border: none; position: absolute; width: 78px; padding: 0 0 0 40px;  height:34px;
                                text-align: left; cursor: pointer;
                                border-radius: 18px; right: -1px; top: -1px; color: #ffffff;
                                background: #282828 url('../../img/asis/main_bg.png') no-repeat -60px 2px;
                                font-size: 0.7em; font-weight: 500; }
#header .mnbLayout .search_m_open { display: none; }
#header .relation_link {position:absolute; right:0; top:32px; font-size:1em;}
#header .relation_link li {float:left; padding:0 0 0 10px; margin-right:10px; letter-spacing:0;}
#header .relation_link li:first-child a { color: #005aab; }
#header .relation_link li:first-child a strong { font-weight: bold; }
#header .relation_link li a {font-weight:bold; color:#333333;}
#header .relation_link li a:hover {text-decoration:underline;}
#header .relation_link .last {margin:0;background: url(../../img/asis/main_bg.png) no-repeat 0 -230px;}

#header nav#gnb { height: 48px; border-bottom: 2px solid #dadada;}
#header nav#gnb .gnbBg { height: 48px; background: #fff url('../../img/asis/gnbBg_kor.gif') repeat-x left 0; position: absolute; width: 100%; z-index: 99; border-bottom: 2px solid #198c56; box-shadow: 0px 2px 3px rgba(0,0,0,0.2); overflow: hidden; /*transition: height 0.5s ease-in-out;*/}
#header nav#gnb div > ul {   text-align: center; display: table;}
#header nav#gnb div > ul > li { width:20%; display: table-cell; line-height: 48px; }
#header nav#gnb div > ul > li > a {position:relative; display: block; text-align: center; font-size: 1.125em; font-weight: 500; color: #0b0b0b;  background: url('../../img/asis/main_bg.png') no-repeat 0 -217px; }
#header nav#gnb .gnbBg:focus { height: 250px; }
#header nav#gnb div > ul > li:first-child a { background: none; }
#header nav#gnb div > ul > li.click > a{color: #198c56;}
#header nav#gnb div > ul > li > a:hover { color: #198c56; }
#header nav#gnb div > ul > li > a:focus { color: #198c56; }
#header nav#gnb div > ul > li.click > a:before{content:'';position:absolute;width: 100%;height: 3px;background: #198c56;bottom: 0;left: 0;}
#header nav#gnb div > ul > li > a:hover:before{content:'';position:absolute;width: 100%;height: 5px;background: #198c56;bottom: -2px;left: 0;}
#header nav#gnb div > ul > li > a:focus:before{content:'';position:absolute;width: 100%;height: 5px;background: #198c56;bottom: -2px;left: 0;}


/* 주요메뉴 마우스오버 */
#header nav#gnb .gnbBgfull { height: 250px; background: #fff url('../../img/asis/gnbBg_kor.gif') repeat-x left 0; position: absolute; width: 100%; z-index: 99; border-bottom: 2px solid #198c56; box-shadow: 0px 2px 3px rgba(0,0,0,0.2); /*transition: height 0.5s ease-in-out;*/ overflow: hidden;}

#header nav#gnb div > ul > li:nth-child(2n) .subGnb { background: #f9f9f9; border-left: 1px solid #dadada; border-right: 1px solid #dadada; }
#header nav#gnb div .subGnb { margin-top: 2px; height: 200px; box-sizing: border-box; padding: 10px 0 12px; }
#header nav#gnb .gnbBgfull .subGnb { display: block; }
#header nav#gnb div .subGnb li { font-size: 1em; line-height: 30px;}
#header nav#gnb div .subGnb li a { padding: 0; }
#header nav#gnb div li:first-child .subGnb li a { padding: 0; }
#header nav#gnb div .subGnb li a:hover { font-weight: 500; text-decoration: underline; }



#header .gnb_m_open { position:absolute; width:1px; height:1px; margin:0; padding:0; background:none; font-size:0px; color:transparent; line-height:0; right:9999px; top:-9999px; overflow:hidden; }

#all_menu { display:none; }





/* FOOTER */
#footer { clear: both; margin-bottom: 15px; }
#footer .btmGnb { width: 100%; min-height: 45px; background: #f2f2f3; border-top: 1px solid #e3e5e8; border-bottom: 1px solid #e3e5e8; }
#footer .btmGnb .wrapper::after { content: ''; display: block; clear: both; float: none; }
#footer .btmGnb .btmLeft { float: left; width:60%; min-height: 45px; padding: 11px 0; box-sizing: border-box; }
#footer .btmGnb .btmLeft li { display: inline-block; font-size: 0.875em; vertical-align: middle; line-height: 18px; }
#footer .btmGnb .btmLeft li::after { content: ''; padding: 0 20px; 
                        background: url('../../img/asis/main_bg.png') no-repeat 20px -420px;}
#footer .btmGnb .btmLeft li:first-child { font-weight: 500; }
#footer .btmGnb .btmLeft li:last-child::after { background: none;  }
#footer .btmGnb .btmLeft li a:hover { text-decoration: underline; }


#footer .btmGnb #siteListBox { float: right; width: 40%; display: flex; flex-direction: row; justify-content: flex-end;}


#footer .btmGnb #siteListBox {padding:0; float:right; font-size:0;}
#footer .btmGnb #siteListBox .siteList {position:relative; height:44px; box-sizing:border-box; background:#fff; display:inline-block; width:195px;}
#footer .btmGnb #siteListBox .siteList:last-child{margin:0 0 0 -1px;}
#footer .btmGnb #siteListBox .siteList > a {display:block;width:100%;height:100%;line-height:44px;background: #e9eff3 url('../../img/asis/main_bg.png') no-repeat right -460px; font-size:13px;color:#333333;padding:0 13px;box-sizing:border-box;border:1px solid #d1d1d1;border-top:0;border-bottom:0;}

#footer .btmGnb #siteListBox .siteList > div {position:absolute; left:0; bottom:0px; width:195px; border:1px solid #d1d1d1; z-index:40; box-sizing:border-box; border-bottom:0;}
#footer .btmGnb #siteListBox .siteList div p {position:relative;height:45px;background: #ffffff url('../../img/asis/main_bg.png') no-repeat right -507px;font-size:13px;box-sizing:border-box;color:#333333;padding:0 13px;line-height:44px;border-top:1px solid #d1d1d1;}
#footer .btmGnb #siteListBox .siteList div p a {width:100%; height:100%; text-indent:-999px; position:absolute; right:0; top:0; font-size:0; color:transparent; overflow:hidden;}
#footer .btmGnb #siteListBox .siteList div .sitetype01 {padding:10px; box-sizing:border-box; background:#ffffff; border-bottom:0;}
#footer .btmGnb #siteListBox .siteList div .sitetype01 li {font-size:13px; margin:3px 0;}
#footer .btmGnb #siteListBox .siteList div .sitetype01 li:first-child {margin-top:0;}
#footer .btmGnb #siteListBox .siteList div .sitetype01 li a:hover {text-decoration:underline;}

#footer .btmGnb #siteListBox .siteList div .siteType02 {padding:10px; box-sizing:border-box; background:#ffffff; border-bottom:0; max-height:220px; overflow-y:scroll;}
#footer .btmGnb #siteListBox .siteList div .site_g {margin-top:10px;}
#footer .btmGnb #siteListBox .siteList div .site_g:first-child {margin-top:0;}
#footer .btmGnb #siteListBox .siteList div .site_g:last-child {padding-bottom:0; border:none;}
#footer .btmGnb #siteListBox .siteList div .site_g dt {line-height:27px; background:#e7e7e7; font-size:14px; font-weight:500; margin-bottom:8px; color:#242839; padding:0 10px;}
#footer .btmGnb #siteListBox .siteList div .site_g dd ul li {font-size: 13px; margin:3px 0;}
#footer .btmGnb #siteListBox .siteList div .site_g dd ul li a:hover {text-decoration:underline;}
#footer .btmGnb #siteListBox .siteList .moreSite {display:block;}
#footer .btmGnb #siteListBox .siteList .moreSiteHidden {display:none;}


#footer .addBox { margin-top: 18px; }
#footer .addBox address, #footer .addBox .copyright { color: #606060; font-size: 0.875em; }
#footer .addBox .copyright { margin-top: 10px; }
#footer .addBox a.openLink { display: block; position: absolute; top: 4px; right: 0;}