@charset "utf-8";

body.main #_wrap #_wrapArticle	{padding: 0;}
body.main #_wrap #_wrapArticle #_container	{padding: 20px;}
/**[Header]********************************************************/
.topDir .left, .topMenu .allMenuBtn, .topMenu:after, .topDir .right li.remote, .topDir > ul > li.taegugki {display: none;}
#_wrap #_wrapHeader {height: auto;}
.topDir {display: none; position: absolute; top: 0; right: 0; width: 100%; max-width: 500px; background-color: rgba(13, 26, 44, 0.9); border-bottom: 1px solid rgb(71, 81, 95); z-index: 101; padding: 23px 15px 22px; box-sizing: border-box; text-align: left; margin-bottom: 0;}
.topDir ul {width: 80%;}
.topDir .right {float: none;}
.topDir .right li.siteMap a {display: block;}

/* header - logo Area */
#_wrap #_wrapHeader #_header.fixed {position: fixed; top: 0; width: 100%;z-index: 100;background-color: #fff;}
#_wrap #_wrapHeader .logoWrap {overflow: hidden; display: block; padding: 15px 20px; box-sizing: border-box; margin: 0;}
#_logo {margin-right: 0;}
#_logo a {width: 210px; height: 40px;}
.searchWrap .search_top, .searchWrap .rec, .top_direct {display: none;}

.searchWrap {float: none; margin-top: 0; position: absolute; top: -100px; left: 0; width: 100%; height: 100%; background-color: #51697c; z-index: 104;}
.searchForm {float: none; border: 0; background-color: #fff; width: 74%; padding-left: 15px; margin: 18px auto 0 20px;max-width: 320px; box-sizing: border-box;}
.searchForm input[type="text"] {max-width: 100%; width: 80%;}
.search_btn_mobile {transition: all 0.25s ease; display: block; position: absolute; top: 18px; right: 80px; width: 50px; height: 35px; background: url('../images/search_btn_mobile.png') left top no-repeat; text-indent: -5000px; z-index: 100;}
.search_btn_mobile.on {right: 20px; background-position: right top;z-index: 104;}


/**[주메뉴]********************************************************/
#gnb_wrap {overflow-y: auto; display: none; position: absolute; top: 70px; background-color: transparent; border: 0;background-color: rgba(13, 26, 44, 0.9); }
.menuUItop {float: none; width: 100%;}
.menuUItop ul.ul_1 li.li_1 {display: block; float: none; width: 100%; padding: 0; border-bottom: 1px solid rgb(71, 81, 95); background: none;}
.menuUItop li.eQ01 {border: 0;}
.menuUItop ul.ul_1 li.li_1:before,
.menuUItop ul.ul_1 li.li_1:after,
.menuUItop li.eQ01 a.a_1:after {display: none !important;}
/* 220420_GNB수정 */
.menuUItop ul.ul_1 li.li_1.eQ02 a.a_1:after{display:none;}

.menuUItop ul.ul_1 li.li_1 .div_2 {position: static;  margin: 0; padding: 0;}
.menuUItop ul.ul_1 li.li_1 a.a_1 {display: block; color: #fff; font-size: 18px; font-weight: 400; text-align: left; padding: 14px 20px;}
.menuUItop ul.ul_1 li.li_1.eQ01 a.a_1 {color: #fff;}
.menuUItop ul.ul_1 li.li_1 a.a_1:before {content: ''; display: block; float: left; width: 4px; height: 16px; background-color: #4e94ea; margin-right: 10px; margin-top: 6px;}
.menuUItop .div_2 {display: none;}
.menuUItop li._menuOn > .div_2,
.menuUItop li.on > .div_2 {display: block;}
.menuUItop .div_2 .ul_2 li.li_2 {margin-bottom: 0;}
.menuUItop .div_2 .ul_2 li.li_2._useChildDiv a.a_2 {position: relative;}
.menuUItop .div_2 .ul_2 li.li_2._useChildDiv a.a_2:before,
.menuUItop .div_2 .ul_2 li.li_2._useChildDiv a.a_2:after {
    content: '';
    display: block;
    background-color: #ffffff;
    position: absolute;
}
.menuUItop .div_2 .ul_2 li.li_2._useChildDiv a.a_2:before {
    top: 22px; right: 22px; width: 16px; height: 2px;
}
.menuUItop .div_2 .ul_2 li.li_2._useChildDiv a.a_2:after {
    top: 15px; right: 29px; width: 2px; height: 16px;
    transition: all 0.2s ease;
}
.menuUItop .div_2 .ul_2 li.li_2._useChildDiv a.a_2._active:after,
.menuUItop .div_2 .ul_2 li.li_2._useChildDiv a.a_2.on:after {
    transform: rotate(90deg);
}
.menuUItop .div_2 .ul_2 li.li_2 a.a_2 {display: block; color: #fff; font-size: 16px; font-weight: 300; background-color: rgba(43, 101, 170, 0.7); padding: 10px 35px 11px; border-bottom: 1px solid rgba(65, 117, 179, 0.65);}
.menuUItop .div_2 .ul_2 li.li_2 a.a_2._active {background-color: rgba(43, 101, 170, 0.4)}

.menuUItop .div_3 {display: none;background-color: #d6e5ff; padding: 4px 38px;}
.menuUItop .div_3.activeOn {display: block !important;}
.menuUItop .div_3 .ul_3 li.li_3 {margin: 7px 0;}
.menuUItop .div_3 .ul_3 li.li_3 a.a_3 {color: #535353; font-weight: 400;}
.menuUItop .div_3 .ul_3 li.li_3 a.a_3._active {color: #002e8d; display: inline-block;}
.menuUItop .div_3 .ul_3 li.li_3 a.a_3._active:after {float: left; content: ''; display: block; width: calc(100% - 28px); height: 1px; background-color: #002e8d; margin-top: 5px; margin-left: 14px;}
.menuUItop .div_3 .ul_3 li.li_3 a.a_3:before {content: '·'; display: block; float: left; margin-right: 5px;}

/**[모바일 - 메뉴열기/닫기]********************************************************/
#mMenu {
    display: block;
    position: absolute;
    top: 18px;
    right: 20px;
    width: 50px;
    height: 35px;
    background-color: #28a2e7;
    z-index: 103;
    border-radius: 16px;
}
#mMenu .mMenuButton.close {background-position: left top;}
#mMenu .mMenuButton {
    width: 100%;
    height: 100%;
    background: url('../images/mMenuButton.png') right top no-repeat;
    text-indent: -5000px;
    transition: all 0.2s ease;
}


/**[Footer]********************************************************/
#_jumpWrap .sitelink {margin-bottom: 0;}
#_jumpWrap .sitelink > li {float: none; width: 100%;}
#_footer {padding-bottom: 50px;}
#_footer ._directWrap {margin: 0 20px;}
#_footer ._direct {float: none;}
#_footer ._direct li {height: 38px;}
#_footer ._direct_sns {float: none; position: absolute; top: 20px; left: 50%; margin-left: -82px;}

._addressWrap {text-align: center; padding: 65px 20px 47px; background: none;}
._addressWrap ._info ._address:before {display: none;}