@charset "UTF-8";

/********* common_layout *********/
html, body {height:100%;}
body {line-height:1.3; color:#333; font-family: 'Noto Sans KR', 'sans-serif'; font-size:15px;}
.wrapper {position:relative; z-index:1; min-height:100%;}
.container {position:relative; z-index:1; max-width:1280px; margin:0 auto;}

/* skip navi */
.skip_navi {position:absolute; z-index:999999; width:100%; left:0; top:0; text-align:center;}
.skip_navi a {display:block; position:absolute; left:0; top:-9999px; z-index:1; width:100%; height:40px; line-height:40px; background-color:#333; color:#fff; font-size:20px; font-weight:700;outline:none;}
.skip_navi a:hover, .skip_navi a:focus {top:0;}
.skip_navi a:focus:after{content: ''; display:block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid red; box-sizing: border-box;}

/* 접근성 메뉴 */
.top_menu{height: 40px; overflow: hidden; background: #03875b; }
.top_menu .inr{position:relative;max-width: 1280px;margin: 0 auto;padding: 8px 0 0;}
.top_menu ul li{float:left;font-size:1.067rem;color:#fff;}
.top_menu ul li a{color:#fff;font-size:1.067rem;}
.top_menu ul li a:focus{display:inline-block; outline: 2px solid red;}
.top_menu ul li:before{content:'';display: inline-block;width:1px;height:14px;margin: 0 20px;background:#fff;}
.top_menu ul li:first-child:before{display:none;}
.top_menu ul li:last-child{position:absolute;right:0;top: 8px;}
.top_menu ul li:last-child:before{display:none;}
.top_menu ul li:last-child a:after{content:'';display: inline-block;width:6px;height:8px;margin-left:5px;vertical-align: 2px;background:url(../../images/renewal/common/btn_top_menu01.png) no-repeat;}
.top_menu ul li button{width:18px;height:18px;margin-right:10px;text-indent: -9999px;vertical-align: -4px;background:url(../../images/renewal/common/btn_top_menu.png) no-repeat;}
.top_menu ul li .minus{background-position: 0 -18px;margin-left:10px;margin-right:0;}

/* header */
.header {position:relative; z-index:999; background-color:#FFF;}
.gnb_header {top:-85px; background-color:#FFF; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s;}
/* 20220727 모바일로고 관련 수정 */
.head_logo {position:absolute; left:0; top:50%; z-index:1; transform:translateY(-50%);}
.gnb {/*position: relative;*/float:right; padding-right:330px;}
.gnb > li {z-index:1; float:left; width:auto;}
.gnb > li:first-child {margin-left:0;}
.gnb > li > a {position:relative;display:block; height:85px; line-height:85px; margin: 0 40px 0 0; font-size:1.4em; font-weight:350;font-family: 'Noto Sans KR';color:#000;}
.gnb > li > a:hover:after{content:'';display:block;width:100%;height:5px;background:#03875b;position:absolute;left:0;bottom:0;}
.gnb > li > a:hover{font-weight: 500;color:#03875b;}
.gnb > li > a em {display: inline-block; position: relative;}
.gnb > li > a em:after {content:""; display:block; position:absolute; left:0; bottom:0; z-index:1; width:0; height:3px; background-color:#137dea; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s;}
.gnb > li:hover > a em:after, .gnb > li:focus > a em:after {width:100%;}
.gnb > li:last-child > a {margin: 0 85px 0 0;}


.sub_gnb {display:none; position:absolute; left: auto; top:85px; z-index:1; width:100%; height: 85px; background-color: #fff; border-top: 1px solid #dcdcdc;}
.gnb li:nth-child(3) .sub_gnb{left: 550px;}
.gnb li:nth-child(5) .sub_gnb{left: 783px;}
.sub_gnb::before{content: ''; display: block; width: 100%; height: 100%; background-color: #fff; position: absolute; top: -1px; border-top: 1px solid #dcdcdc; right: 100%;}
.sub_gnb::after{content: ''; display: block; width: 100%; height: 100%; background-color: #fff; position: absolute; top: -1px; border-top: 1px solid #dcdcdc; left: 100%;}
.sub_gnb > li {float:left;margin-right: 50px;}
.sub_gnb > li:last-child {margin-bottom: 0;}
.sub_gnb > li > a {display:block; line-height:84px;height:84px;position: relative; color: #666; font-size: 1.2em;font-weight: 350;font-family: 'Noto Sans KR';}
/* .sub_gnb > li > a:before {display: block; content:''; position: absolute; left: 0; top: 10px; width: 3px; height: 3px; background-color: #2f2822; border-radius: 50%;} */
.sub_gnb > li:hover > a, .sub_gnb > li > a:focus {color:#03875b; font-weight: 500;}
.sub2_gnb {padding-top: 5px; padding-left: 3px;}
.sub2_gnb > li {margin-bottom: 5px;}
.sub2_gnb > li:last-child {margin-bottom: 0;}
.sub2_gnb > li > a {color: #777; font-size: 0.933em;}
.sub2_gnb > li > a:before {content:'-'; padding-right: 5px;}
.sub2_gnb > li > a:hover {color: #2e51ad;}
.util_header {position:absolute; top:0; z-index:1; width:100%; background-color:#2e51ad;}
.util_header .container {height:30px; line-height:30px;}
.home_link {color:#fff;}
.gnb_bg {position: absolute; top:125px; left:0; display: none; background: #fff; width: 100%; height: 85px; border-top: 1px solid #dcdcdc; overflow: hidden;}
.gnb_bg .inner_box {position: relative; max-width: 1280px; height: 100%; margin: 0 auto;}
.gnb_bg .inner_box .img {position: absolute; left: -36px; top: 40px;}
.header .language_box {position: absolute; right: 42px; top: 50%; margin-top: -17px;}
.header .language_box .language_btn {display: inline-block; width: 128px; height: 35px; line-height: 33px; padding-left: 10px; border: 1px solid #5d5d5d; color: #353535; background: url('/images/common/language_down.jpg') no-repeat right 14px center; font-size: 0.867em; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.header .language_box .language_btn.on {background-image: url('/images/common/language_up.jpg');}
.header .language_box .language_btn img {vertical-align: middle; margin-top: -3px; margin-right: 5px;}
.header .language_box .language_list {display: none; position: absolute; left: 0; top: 34px; width: 100%; border: 1px solid #5d5d5d; background-color: #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.header .language_box .language_list > li {border-bottom: 1px dashed #ccc;}
.header .language_box .language_list > li:last-child {border-bottom: 0;}
.header .language_box .language_list > li > a {display: block; height: 25px; line-height: 25px; font-size: 0.867em; text-align: center;}
.header .search_btn {position: absolute; right: 0; top: 50%; margin-top: -11px;}
/* .header .search_btn_type02 {position: absolute; right: 0; top: 50%; margin-top: -11px;} */
.header .search_form_wrap{position: absolute; top:calc(50% - 25px); right:0; z-index:1; }
.header .search_form_wrap .search_form_inner{position: relative; width:330px; height:45px;}
.header .search_form_wrap .search_form_inner .search_form_input{display: block;width:100%; height:100%; box-sizing:border-box; border-radius:25px; line-height:50px;  padding:0 23px; border:1px solid #03875b; font-size: 16px; padding-right: 45px;}
.header .search_form_wrap .search_form_inner .search_button_type02{position: absolute;top:0;right:0; display: block; width:40px; height:45px;padding: 9px 0 0;}
.header .search_form_wrap .search_form_inner .search_button_type02 img{display: inline-block; vertical-align: middle;;}

/* sitemap (10/10) */ 
/* .sitemap_btn {position: absolute; right: 5px; top: 50%; margin-top: -10px; outline: none; font-size:0;}
.sitemap_wrap {display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 9999; overflow: auto; padding: 110px 0; background-color: rgba(0,0,0,0.8);}
.sitemap_wrap .title {position: absolute; top: -55px; left: 0; width: 100%; text-align: center; color: #fff; font-family: 'NanumSquare'; font-size: 2em;}
.sitemap_wrap .sitemap_close {position: absolute; right: 0; top: -60px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.sitemap_wrap .sitemap_close:hover {transform:rotate(180deg);}
.sitemap_wrap .sitemap {padding: 50px 30px; background-color: #fff;}
.sitemap_wrap .sitemap > li {float: left; width: 23.5%; margin-right: 2%;}
.sitemap_wrap .sitemap > li:nth-child(4n) {margin-right: 0;}
.sitemap_wrap .sitemap > li:nth-child(n+5) {margin-top: 2%;}
.sitemap_wrap .sitemap > li > a {display: block; padding-bottom: 20px; border-bottom: 2px solid #0a3f88; color: #0a3f88; text-align: center; font-family: 'NanumSquare'; font-size: 1.467em; font-weight: 700;}
.sitemap_wrap .sitemap_sub_gnb {min-height: 200px; margin-top: 20px;}
.sitemap_wrap .sitemap_sub_gnb > li {margin-bottom: 8px;}
.sitemap_wrap .sitemap_sub_gnb > li:last-child {margin-bottom: 0;}
.sitemap_wrap .sitemap_sub_gnb > li > a {display: block; padding-left: 13px; background: url('/images/bull/bull_dot.jpg') 0 8px no-repeat; font-size: 1.067em; }
.sitemap_wrap .sitemap_sub2_gnb {margin-top: 8px;}
.sitemap_wrap .sitemap_sub2_gnb > li {margin-bottom: 5px;}
.sitemap_wrap .sitemap_sub2_gnb > li:last-child {margin-bottom: 0;}
.sitemap_wrap .sitemap_sub2_gnb > li > a {display: block; color: #777; margin-left: 13px; padding-left: 10px; background: url('/images/bull/bull_bar.jpg') no-repeat 0 9px;} */


/* scrolled */
.header.scrolled {padding-top:100px;}
.header.scrolled .gnb_header {position:fixed; top:0; z-index:1; width:100%; border-bottom: 1px solid #e2e4e8; box-shadow:0 2px 5px rgba(211,211,211,0.5);}
.header.scrolled .gnb_bg {top:85px;}


/* m_gnb */
.m_gnb_btn {display:none; position:absolute; right:20px; top:50%; z-index:1; width:24px; height:24px; margin-top:-12px;}
.m_gnb_btn span {display:block; position:absolute; left:0; top:0; z-index:1; width:100%; height:4px; border-radius:2px; background-color:#03875b; }
.m_gnb_btn span.mid {top:50%; margin-top:-2px;}
.m_gnb_btn span.btm {top:auto; bottom:0;}

.m_gnb_wrap {display:none; position:fixed; right:-480px; top:0; z-index:9999; overflow-y: auto; width: 100%;max-height:800px; background:#fff;}
.m_gnb_wrap .logo{display:block;height:70px;text-indent: -9999px;background:url(../../images/renewal/common/logo_m_menu.png) 20px 50% / auto 35px  no-repeat;}
.m_gnb_top {display:none;height:70px; border-bottom:1px solid #e5e5e5; text-align:center;}
.m_logo {display: inline-block; vertical-align: middle;}
.m_logo img {max-width: 200px;}
.m_gnb > li{border-bottom:1px solid #e5e5e5;}
.m_gnb > li > a {display:block; position:relative; z-index:1; height:60px; line-height:60px; padding-left:20px;  color:#000; font-size:20px;font-weight: 300;}
.m_gnb > li > a.on {color:#03875b;font-weight: 500;}
.m_sub_gnb {display:none; padding: 0 40px 8px; background-color:#fff;margin-top: -15px;}
.m_sub_gnb > li > a {display:block; width:100%; height:40px; line-height:40px; color:#000; font-size:18px;font-weight: 300;}
.m_sub_gnb > li > a:hover{font-weight: 400;color:#03875b;}
.m_sub_gnb > li:first-child > a {border-top:0 none;}
.m_sub2_gnb {padding:5px 5%; border-top: 1px solid #efede9;}
.m_sub2_gnb li a {display:block; padding:5px 0; color:#5a5340;}
.m_sub2_gnb li a:before {content:"-"; margin-right:5px; vertical-align:top;}
.m_gnb_close {display:block; position:absolute ; top:20px; right:15px; z-index:1; width:30px; height:30px; line-height: 30px; color:#03875b; font-size:25px; text-align: center;}
.m_gnb_bg {display:none; position: fixed; left:0; top:0; z-index:9998; width:100%; height:100%; background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;} /* 20211102 */
.m_language_list {padding: 0 30px; margin-top: 50px; text-align: center;}
.m_language_list > li {float: left; width: 49%; margin-right: 2%; margin-bottom: 2%;}
.m_language_list > li:nth-child(2n) {margin-right: 0;}
.m_language_list > li a {display: block; height: 40px; line-height: 40px; border: 1px solid #ccc;}


.m_gnb_wrap .search_form_wrap{width: calc(100% - 80px); top:10px; right: 60px !important;}
.m_gnb_wrap .search_form_wrap .search_form_inner{width: 100%; height:44px !important;}
.m_gnb_wrap .search_form_wrap .search_form_inner .search_form_input{visibility: visible !important;}
.m_gnb_wrap .search_form_wrap .search_form_inner .search_button_type02{height: 44px; padding: 11px 20px 11px 0;}
.m_gnb_wrap .search_form_wrap .search_form_inner .search_button_type02 img{}


/* 플로팅배너 */
.floatWrap{position: fixed; top: auto; bottom: 0; left: 0; right: 0; z-index: 100;}
.floatWrap .inr{position: relative; width: 1740px; margin: 0 auto;} 
.floatWrap .inr .link_area{position: absolute; bottom: 105px; right: 0; background: #fff; text-align: center; padding: 0 10px; width: 86px; box-sizing: border-box; height: auto; border-radius: 10px; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.17);}
.floatWrap .inr a{display: block; text-align: center; border-bottom: 2px solid #e7e7e7; padding: 20px 0; box-sizing: border-box;}
.floatWrap .inr a:focus{border: none !important;}
.floatWrap .inr a:last-child{border-bottom: none;}
.floatWrap .inr a img{margin: 0 auto;}
.floatWrap .inr a strong{font-size: 15px; color: #000; letter-spacing: -1px; display: block; padding: 10px 0 0 0; line-height: 1;}

/*하단여백 제거*/
.hide_t{display: block; height: 0; visibility: hidden; }
.blind{overflow:hidden;position:absolute;top:auto;left:-9999px;width:1px;height:1px;text-indent:-9999px;} /* 공통 css파일에 추가 */


a.accessibility{display:block; position: absolute; top: 50px; right: 0px;}
a.accessibility img{width: 70px}

/*.inner_box iframe{display:none; visibility: hidden;}*/

#footer {
    padding: 45px 0;
    background: #1c2b43;
}

#footer .footer_box {
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
}

#footer .footer_box .guide {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

#footer .footer_box .guide:after {
    content: '';
    display: block;
    clear: both;
}

#footer .footer_box .guide>h2 {
    float: left;
    font-size: 100%;
    font-weight: normal;
}

#footer .footer_box .guide .foot_link {
    float: left;
    padding-left: 70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#footer .footer_box .guide .foot_link ul {
    overflow: hidden;
    margin-bottom: 15px;
}

#footer .footer_box .guide .foot_link ul li {
    float: left;
    padding: 0 12px;
    position: relative;
}

#footer .footer_box .guide .foot_link ul li:first-child {
    padding-left: 0;
}

#footer .footer_box .guide .foot_link ul li:first-child:after {
    display: none;
}

#footer .footer_box .guide .foot_link ul li a {
    color: #fff;
    font-family: 'NotoSansCJKkr-L';
}


#footer .footer_box .guide .foot_link p {
    color: #797e88;
    font-family: 'NotoSansCJKkr-L';
    line-height: 1.6rem;
}

#footer .footer_box .guide .foot_link p span {
    display: inline-block;
    margin-right: 20px;
}

#footer .footer_box .guide .foot_link p span::after{
    content: '';
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #797e88;
    margin: 0 0 0 20px;

}
#footer .footer_box .guide .foot_link p span:last-child::after{
    display: none;
}

#footer .footer_box .guide .foot_href {
    position: absolute;
    right: 0;
    top: 5px;


}

#footer .footer_box .guide .foot_href ul {
    overflow: hidden;
}

#footer .footer_box .guide .foot_href ul li {
    float: left;
    margin-left: 10px;
    padding: 3px;
}

#footer .footer_box .guide .foot_href ul li i {
    font-size: 2.2rem;
    color: #717171;
}

#footer .footer_box .guide .foot_href ul li a {
    width: 32px;
    height: 32px;
    display: block;
    text-indent: -9999px;
}

#footer .footer_box .guide .foot_href .youtube {
    background: url(../../images/renewal/footer_icon_youtube.gif) no-repeat;
}

#footer .footer_box .guide .foot_href .instagram {
    background: url(../../images/renewal/footer_icon_instagram.gif) no-repeat;
}

#footer .footer_box .guide .foot_href .facebook {
    background: url(../../images/renewal/footer_icon_facebook.gif) no-repeat;
}

#footer .footer_box .fot_wah {
    position: absolute;
    right: 0;
    top: 50px;
    margin: 0 !important;
}

#footer .top_btn{position: fixed;top: auto;left: 0;bottom: 0;right: 0;z-index: 101;}
#footer .top_btn .inr{position: relative;width: 1740px;margin: 0 auto;}
#footer .top_btn a{position: absolute;bottom: 25px;right: 12px;z-index: 100;width:60px;height:60px;text-indent: -9999px;background:url(../../images/renewal/common/top_btn01.png) no-repeat;}