@charset "utf-8";

.wrapper { /* width: 100%; */ width:1080px; max-width: 1110px; margin: 0 auto; position: relative; }
.mwrapper01 { width: 100%; min-width:1110px;margin: 0 auto; position: relative; }
.mwrapper02 { width: 100%; min-width:1110px;margin: 30px auto 0 auto; position: relative; background:#e1ecf4;}
.mwrapper03 { width: 100%; min-width:1110px;margin: 0 auto; position: relative; background: #f4f4f4;}
.mwrapper04 { width: 100%; min-width:1110px;margin: 0 auto; position: relative; }

/* skip navi */
#skip { width:100%; margin:0 auto; position:relative;}
#skip ul {position:absolute; z-index:999;}
#skip ul a {float:left; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center; white-space:nowrap; font-size:12px; display: block;}
#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 {width: 100%; position:relative;}
#header #topLink { background: #dce3e9; width: 100%; height: 29px;  min-width:1110px;}
#header #topLink #linkR { text-align: right;}
#header #topLink #linkR li { display: inline-block; }
#header #topLink #linkR li:first-child { margin-right: 8px; }
#header #topLink #linkR li a { color: #222222; line-height: 30px; font-size: 12px; }
#header #topLink #linkR li a:hover {text-decoration: underline;}

#header h1#logo { position: absolute; left: 0; top: 41px; z-index:1;}
#header h1#logo img {width:192px;}
#header h1#logo img.gw {width:212px;}

.mnbLayout { /* height: 80px; */ height:126px; padding:0 15px;}
#searchBox { position: absolute; width: 100%; height: 80px; }
.search_m_open { display: none; }
#searchBox #searchTop { background: #ffffff; width: 335px; height: 30px; border: 2px solid #282828;  padding: 0; margin: 23px auto 0; }
#searchBox #searchTop form { position: relative; }
#searchBox #searchTop select {width:117px; height: 30px; font-size: 13px; margin: 0; border: 0; vertical-align: top; padding: 0 20px 0 10px; box-sizing: border-box; appearance: none; font-family: 'Noto Sans Korean', sans-serif;}
#searchBox #searchTop input#query { border: 0; margin: 0; height: 30px; padding: 0; vertical-align: top; width: 185px; }
#searchBox #searchTop input#btn_ts_search { background:#282828 url('../../img/asis/mainImg.png') no-repeat 8px 5px; border: 0; box-shadow: none; padding: 0; height: 30px; width: 36px; position: absolute; right: 0; top: 0; font-size: 0; color: transparent; overflow: hidden; text-indent: -9999px; overflow: hidden; }

/* #searchBox select { appearance: none; -webkit-appearance: none;}
select::-ms-expand { display:none; }*/
select{background:url('../../img/asis/select_arrow.png') right 3px center no-repeat #fff;}

#relationLink { position: absolute; right: 0; top: 31px; }
#relationLink li { display: inline-block; }
#relationLink li::after { content: '|'; color: #ccc; margin: 0 10px; line-height: 16px; vertical-align: baseline; }
#relationLink li:last-child::after { display: none; }
#relationLink li a {font-weight: bold; line-height: 16px;}
#relationLink li a > strong {font-weight: bold; }
#relationLink li a:hover { text-decoration: underline; }
#relationLink li:first-child a { color: #005aab; }

/* nav#gnb { width: 100%; background: #123f91;} */
nav#gnb {  width: 100%; background: #123f91; position:absolute; top:109px; left:0; min-width:1110px;}
nav#gnb .gnbBg { height: 46px; overflow: hidden; }
/* nav#gnb ul.wrapper { display: flex; width:95.7%; margin:0;} */
/* nav#gnb ul.wrapper > li { width: 20%;} */
nav#gnb ul.wrapper {width:95.7%; margin:0; overflow:hidden;}
nav#gnb ul.wrapper > li { width: 20%; float:left;}

nav#gnb ul.wrapper > li > a { display: block; line-height: 46px; text-align: center; font-size: 18px;  color:#ffffff; background: url('../../img/asis/line_nav.gif') no-repeat right center;}
nav#gnb ul.wrapper > li:last-child > a {background: none;}
nav#gnb ul.wrapper > li > a:hover {background-color:#001235;}
nav#gnb ul.wrapper > li.click > a {background-color:#001235;}
nav#gnb .subGnb {padding: 10px 0;height: 267px;box-sizing: border-box;}

nav#gnb ul.wrapper > li:nth-child(2n-1) > ul {background: #f7f7f7;}
/* nav#gnb #gnbSub01{background: #f7f7f7;}
nav#gnb #gnbSub02{background: #f7f7f7;}
nav#gnb #gnbSub04{background: #f7f7f7;} */

nav#gnb .subGnb li { text-align: center; line-height: 2.2;  }
nav#gnb .subGnb li a { display: block; transition: 0.5s; }
nav#gnb .subGnb li a:hover { background:#b7cce0; }

nav#gnb .subGnb li a[target="_blank"] span {padding:0 20px 0 0; background: url('../../img/asis/t_blank_icon.png') no-repeat center right 0;}

/* 서브메뉴 오버 */
nav#gnb .gnbBgFull { z-index: 700; position: relative; }
nav#gnb .gnbBgFull:before {content: ''; display: block; position: absolute; top: 46px; left: 0; width: 100%; height: 268px; background: #ffffff; z-index: -2; border-bottom:2px solid #123f91; box-shadow:7px 7px 20px 0 rgba(0,0,0,0.1);}
nav#gnb .gnbBgFull:after {height: 100%;}
/* nav#gnb .gnbBgFull .subGnb { display: block; position: absolute; width: 20%;} */

nav#gnb .gnbBgFull .subGnb { display: block;  width: 100%;}

nav#gnb .gnbwrap { /* width: 100%; */ width:1080px; max-width: 1080px; margin: 0 auto; position: relative; }

#header .gnb_m_open button {display: none;}
#header .gnb_m_all_open button {display: none;}

#header .gnb_all_open {position:absolute; width:46px; height:46px; margin:0; padding:0; background:#052d75; font-size:0px; color:transparent; line-height:0; right:0; top:0; overflow:hidden; }
#header .gnb_all_open button {display:block; width:100%; height:100%; cursor:pointer; padding-top:0; padding-right:0; padding-bottom:0; padding-left:0; font-size:0; }
#header .gnb_all_open button.open {background: url('../../img/asis/icon_lnb_all_open.png') no-repeat center center;}
#header .gnb_all_open button.close {background: url('../../img/asis/icon_lnb_all_close.png') no-repeat center center;}


#all_menu {position: fixed;  top:0; width:100%; height:100%; padding:50px; overflow:hidden; overflow-y:auto; background: rgba(0,0,0,0.8); z-index:1000; box-sizing:border-box; }
#all_menu .allmnTitle {position: absolute;  top: 76px; left:0; z-index: 1050; font-size: 30px; width: 100%; text-align: center; font-weight: 500;}

#all_menu .gnb_m_device {display:block; position:relative; overflow:hidden; background:#fff; z-index:1040; box-shadow: 0px 11px 15px 2px #111111;}

#all_menu .gnb_m_hd {display: none;}
#all_menu .gnb_m_device .btn_allNavClose{ position:absolute; top:10px; right:10px; width:20px; font-size:0; cursor:pointer; height:20px; background:url('../../img/asis/btn_allNavClose.png') no-repeat center center;}
#all_menu .mo_dropdown_mn {padding: 25px 0 45px 0;overflow: hidden;width:98%;margin: 95px auto 0 auto;border-top: 2px solid #000000;}
#all_menu .gnb_m_device .btn_allNavClose a {display:block; height:20px;}
#all_menu .mo_dropdown_mn > li {  width: 18%;  float: left;  padding: 0 1%;}
#all_menu .mo_dropdown_mn li a { display:block; float:none; line-height:30px;font-size:17px;color:#111111; border-bottom:#dddddd solid 1px; padding-left:10px; font-weight:bold; }
#all_menu .mo_dropdown_mn li.dep1 > a { line-height: 42px; }
#all_menu .mo_dropdown_mn li li a { background: #efefef; border-bottom:#dddddd solid 1px; padding:2px 10px 1px 20px; font-size:16px; font-weight:normal;}
#all_menu .mo_dropdown_mn li li a[target="_blank"] {background: #efefef url('../../img/asis/t_blank_icon.png') no-repeat 94% center;}
#all_menu .mo_dropdown_mn li li a[target="_blank"]:hover {color:#ffffff; background: #2e9951 url('../../img/asis/t_blank_iconW.png') no-repeat 94% center; border-bottom:#dddddd solid 1px; padding:2px 10px 1px 20px; font-size:16px; font-weight:normal;}
#all_menu .mo_dropdown_mn li li ul.dep3 a[target="_blank"] {background: url('../../img/asis/t_blank_icon.png') no-repeat 94% center;}
#all_menu .mo_dropdown_mn li li ul.dep3 a[target="_blank"]:hover {color:#333; border:none; padding:0 0 0 20px; color:#2e9951; text-decoration:underline;border:none; line-height:1.8; font-weight:bold; font-size:14px;}

#all_menu .mo_dropdown_mn li li a:hover {color:#ffffff; background: #2e9951 ; font-weight:500; }
#all_menu .mo_dropdown_mn li li li a {position:relative; background :none;  padding:0 0 0 20px; color:#333; border-bottom:none; line-height:1.8; font-size:14px;font-weight:normal;}
#all_menu .mo_dropdown_mn li li li a:hover {background: none; padding:0 0 0 20px; color:#2e9951; text-decoration:underline;border:none; line-height:1.8; font-weight:bold;}
#all_menu .mo_dropdown_mn li li li a:before{content:"";display:block;width: 6px;height: 1px;background:#999;position:absolute;left: 7px;top: 11px;margin-top: 0;}

#all_menu .mo_dropdown_mn ul ul { background:#f8f8f8; padding:5px 15px;border-bottom:#dddddd solid 1px;}


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

/* #all_menu { display:none; } */

/* .container { padding:20px 15px 45px 15px;} */
.mcontainer { padding: 30px 0;}
.mcontainer .ico_window {display:none;}

.foot_wrapper { /* width: 100%; */ width:1080px; max-width: 1080px; margin: 0 auto; position: relative; }

#footer #btmGnb {width: 100%; background: #424553; height: 42px; min-width:1110px;}
#footer #btmGnb .foot_wrapper > ul {float:left; height: 42px;}
#footer #btmGnb .foot_wrapper > ul li { display: inline-block; overflow: hidden; padding:8px 0 0 0;}
#footer #btmGnb .foot_wrapper > ul li a { font-size: 13px; color:#efefef;}
#footer #btmGnb .foot_wrapper > ul li a:hover{ text-decoration: underline;}
#footer #btmGnb .foot_wrapper > ul li:last-child::after { display: none; }
#footer #btmGnb .foot_wrapper > ul li::after { content: '|'; font-size: 12px; margin: 0 19px; color: #a9a9a9; vertical-align: baseline; }

#footer #siteListBox {align-items: center; padding:0; float:right;}
#footer #siteListBox .siteList {height: 42px; position: relative; box-sizing: border-box; align-items: center;  background: #242839; float:left; width:190px;}
#footer #siteListBox .siteList:first-child {border-right:1px solid #757984;}
#footer #siteListBox .siteList > a { display: block; width: 100%; height: 42px; line-height: 40px; background: url('../../img/asis/mainImg.png') no-repeat right -28px; font-size: 13px; color: #efefef; padding: 0 0 0 13px; box-sizing: border-box; }

#footer #siteListBox .siteList > div { position: absolute; left:0; bottom: 0px;  width: 100%;  z-index:40;}
#footer #siteListBox .siteList div p {height: 42px; background: #242839 url('../../img/asis/mainImg.png') no-repeat right -59px; font-size: 14px; box-sizing: border-box; position: relative; color: #efefef; padding: 0 0 0 13px; line-height: 40px;}
#footer #siteListBox .siteList div p a { display: block; width: 20px; height: 20px; text-indent: -999px; overflow: hidden; position: absolute; right: 7px; top: 12px; font-size: 0; color: transparent; overflow: hidden; }
#footer #siteListBox .siteList div .sitetype01 { padding: 10px; box-sizing: border-box; background: #ffffff; border: 2px solid #242839; border-bottom: 0; }
#footer #siteListBox .siteList div .sitetype01 li { font-size: 13px; margin:3px 0;}
#footer #siteListBox .siteList div .sitetype01 li:first-child { margin-top: 0; }
#footer #siteListBox .siteList div .sitetype01 li a:hover { text-decoration: underline; }

#footer #siteListBox .siteList div .siteType02 {padding: 10px; box-sizing: border-box; background: #ffffff; border: 2px solid #242839; border-bottom: 0; max-height: 430px; overflow-y: scroll;}
#footer #siteListBox .siteList div .site_g {margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #dddddd;}
#footer #siteListBox .siteList div .site_g:first-child {margin-top:0;}
#footer #siteListBox .siteList div .site_g:last-child {padding-bottom:0; border:none;}
#footer #siteListBox .siteList div .site_g dt {font-size:14px; font-weight: 500; margin-bottom:4px; color:#242839;}
#footer #siteListBox .siteList div .site_g dd {}
#footer #siteListBox .siteList div .site_g dd ul {}
#footer #siteListBox .siteList div .site_g dd ul li {font-size: 13px; margin:3px 0;}
#footer #siteListBox .siteList div .site_g dd ul li a {line-height: 1.4; letter-spacing:-0.6px;}
#footer #siteListBox .siteList div .site_g dd ul li a:hover { text-decoration: underline; }

.bulType01 > li { font-size: 14px; padding-left: 10px; margin-top: 5px; position: relative; word-break: keep-all;  }
.bulType01 > li:first-child { margin-top: 0; }
.bulType01 > li::before { content: '·'; font-weight: 600; font-size:16px; color: #666666; line-height: 1.1; position: absolute; left: 0; top:0;}



#footer #siteListBox .siteList .moreSite { display: block; }
#footer #siteListBox .siteList .moreSiteHidden { display: none; }

#footer #snsLink { position: absolute; right: 76px; /* display: flex; */ overflow:hidden; top: 22px; }
#footer #snsLink li { text-indent: -9999px; height: 45px; margin-left: 4px; font-size: 0; color: transparent; overflow: hidden; float:left; }
#footer #snsLink li a {width:29px; height:29px; display:block;}
#footer #snsLink li:nth-child(1) a { background: url('../../img/asis/sns_icon.png') no-repeat -1px -1px; }
#footer #snsLink li:nth-child(2) a { background: url('../../img/asis/sns_icon.png') no-repeat -32px -1px;}
#footer #snsLink li:nth-child(3) a { background: url('../../img/asis/sns_icon.png') no-repeat -65px -1px; }
#footer #snsLink li:nth-child(4) a { background: url('../../img/asis/sns_icon.png') no-repeat -97px -1px;}
#footer #snsLink li:nth-child(5) a { background: url('../../img/asis/sns_icon.png') no-repeat -128px -1px;}
#footer #snsLink li:nth-child(6) a { background: url('../../img/asis/sns_icon.png') no-repeat -159px -1px;}


#footer #snsLink li.youtube a { background: url('../../img/asis/sns_icon.png') no-repeat -1px -1px; }
#footer #snsLink li.facebook a { background: url('../../img/asis/sns_icon.png') no-repeat -32px -1px;}
#footer #snsLink li.twiter a { background: url('../../img/asis/sns_icon.png') no-repeat -65px -1px; }
#footer #snsLink li.blog a { background: url('../../img/asis/sns_icon.png') no-repeat -97px -1px;}
#footer #snsLink li.instagram a { background: url('../../img/asis/sns_icon.png') no-repeat -128px -1px;}
#footer #snsLink li.kakaochannel a { background: url('../../img/asis/sns_icon.png') no-repeat -159px -1px;}

#footer .addBox {width:100%; min-width:1110px;}
#footer .addBox .wrapper { padding: 15px 0; font-size: 13px; line-height: 1.9;}
#footer address span { padding-left: 10px;}
#footer .openLink { position: absolute; right: 0; top: 24px;}