@charset "utf-8";

#wrap {letter-spacing:-1px;}

/*Header*/
header {position: fixed;width: 100%;left: 0;top: 0;z-index: 999;/*background: rgba(255,255,255,0.5);*/font-family:'noto'}
header.open  #gnbMenu {height:550px;}
.fp-enabled header {background: rgba(255,255,255,0.7);}
.wrap-ga header {background:#fff;}
header.open {background: #fff;height: 500px;box-shadow: 0 6px 8px rgba(00, 00, 00, .05);padding-bottom: 40px;}
header.open2 {height: 500px;box-shadow: 0 6px 8px rgba(00, 00, 00, .05);padding-bottom: 30px;}
header.open3 {height: 430px;box-shadow: 0 6px 8px rgba(00, 00, 00, .05);padding-bottom: 30px;}
header.scroll {background:#fff; box-shadow: 0 6px 8px rgba(00, 00, 00, .05);}
header.open_search {background:#fff;box-shadow:none;}
header h1 {margin-top: 26px;z-index: 1;transition:0.3s ease-in-out;}
header h1 a {display: block;width: 143px;height: 43px;font-size: 0 !important;background: url(/resources/images/common/logo_v2.png) no-repeat 0 0;background-size:cover;transition: all 0.3s ease-in-out;}
header .header {position: relative;display: flex;max-width: 1789px;height: 100px;margin: 0 auto;padding:0 30px;box-sizing:border-box;}
header.open .header:before {content:'';position:absolute;top:99px;left:-50%;width:200%;height:1px;background:#ddd;}
header #gnbMenu{width:100%;} 
header #gnbMenu>ul {position: relative;display: flex;margin-top: 40px;margin-left: 45px;}
header #gnbMenu .depth1 {display: inline-block;margin-right:40px;}
header #gnbMenu .depth1:last-child {padding-right: 0}
header #gnbMenu .depth1>a {position: relative;display: block;height: 59px;color: #222;font-weight: 700 !important;font-size: 20px;text-align: center;transition: all 0.2s ease-in-out;padding:0 10px;}
header #gnbMenu .depth1.on > a {color:#f8a910;}
header #gnbMenu .depth1>a:before {content: "";z-index: 1;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;width: 0;height: 2px;background: #f8a910;transition: all 0.2s ease-in-out}
header #gnbMenu .depth1.on>a:before {width: 100%;}
header #gnbMenu .depth2 {z-index: 1;position: absolute;top:80px;left: -50px;right: 0;width: 865px;padding-top: 0;margin-left: 189px;text-align: left;box-sizing: border-box;display: flex;flex-direction: column;}
header #gnbMenu .depth2 .index {position: absolute;left: -189px;top:14px;font-size: 20px;color: #f8a910;}
header #gnbMenu .depth2 {display: none;}
header #gnbMenu .depth1.over .show {display: block;}
header #gnbMenu .depth2 li {position:relative;width:170px;float:left;box-sizing:border-box;}
header #gnbMenu .third .depth2 li:nth-child(6) {padding-top:60px;}
header #gnbMenu .third .depth2 li:nth-child(7) {padding-top:60px;}
header #gnbMenu .third .depth2 li:nth-child(8) {padding-top:60px;}
header #gnbMenu .third .depth2 li:nth-child(9) {padding-top:60px;}
header #gnbMenu .third .depth2 li:nth-child(7) .depth3{top:110px;}
header #gnbMenu .fifth .depth2 li:nth-child(6) {padding-top:60px;}
header #gnbMenu .fifth .depth2 li:nth-child(7) {padding-top:60px;}
header #gnbMenu .fifth .depth2 li:nth-child(7) .depth3 {top: 110px;}
header #gnbMenu .depth2 a {position: relative;display: inline-block;font-size: 17px;color: #222;font-weight:700;}
header #gnbMenu .depth2 li:hover a {color: #222;font-weight: 700;transition: all 0.2s ease-in-out;}
header #gnbMenu .depth2 a:before {content: "";position: absolute;top:17px;right: -30px;width: 10px;height: 14px;margin: 0 auto;background: url(/resources/images/common/ic_arrow.png);visibility: hidden;}
header #gnbMenu .depth2 li.on.has_child>a:before {visibility: visible;} 
header #gnbMenu .depth2 span {position: relative;top: -1px;display: inline-block;height: 20px;line-height: 18px;padding: 0 7px;margin-right: 5px;vertical-align: middle;color: #fff;font-size: 11px;border-radius: 4px;background: #000}
header #gnbMenu .depth2.show {height: 370px}
header #gnbMenu .depth3 {position: absolute;top:50px;left: 0;}
header #gnbMenu .depth3 li {float:none;}
header #gnbMenu .depth3 li a {font-size: 17px;color: #666 !important;font-weight: 400 !important;}
header #gnbMenu .depth3 li~li {padding-top:15px;}
header #gnbMenu .depth3 li:hover > a {font-weight: 500 !important;color: #222 !important;}
header #gnbMenu .depth4 {margin-top:15px;}
header #gnbMenu .depth4 li a {padding-left:10px;font-size:15px;color:#999 !important;}
header #gnbMenu .depth4 li:hover a {color:#999 !important;}
header.gnb_open {z-index: 9;background: #fff;border-bottom: 1px solid #eee}
header.gnb_open #gnbMenu .depth1>a {color: #333}
header.gnb_open:before {height: 370px;box-shadow: 0 3px 3px rgba(00, 00, 00, .05)}
header.gnb_open:after {opacity: 1;height: 370px;}
header #gnbMenu .side {position: absolute;top: 30px;left: 840px;width: 320px;height:350px;z-index: 1;padding-left: 40px;border-left: 1px solid #ddd;}
header #gnbMenu .depth1.fourth .side,
header #gnbMenu .depth1.fifth .side,
header #gnbMenu .depth1.sixth .side {height:350px;}
header #gnbMenu .side a {display: block;}
header #gnbMenu .side .thum {width: 280px;height: auto;}
header #gnbMenu .side .thum img {width:100%;height:100%;}
header #gnbMenu .side .txt1 {font-size: 16px;color: #666;line-height: 16px;margin-bottom: 15px;margin-top: 30px;}
header #gnbMenu .side .txt2 {font-size: 20px;font-weight: 700;line-height: 28px;color: #222;}
header #gnbMenu .btm {position:absolute;top:242px;left:0;width:819px;height:138px;z-index:1;}
header .aside {position: absolute;top: 20px;right: 30px;display: flex;align-items: center;height: 60px;transition:0.3s ease-in-out;}
header .aside a {display: block;}
header .aside .recipt {position: relative;font-size: 18px;font-weight: 700;color:var(--renew-point-color);margin-right: 20px;padding-right: 20px;transition:0.3s ease-in-out;}
header .aside .recipt:before {content: '';position: absolute;top: 0px;right: 0;width: 1px;height: 20px;background: #aaa;}
header .aside .counsel {position: relative;display:block;height:100px;line-height:100px;font-size: 18px;font-weight: 500;color: #666;padding-right: 20px;margin-right: 30px;background:none;transition:0.3s ease-in-out;}
header .aside .counsel:before {content: '';position: absolute;top: 40px;right: -5px;width: 1px;height: 20px;background: #aaa;}
header .aside .mypage {width: 34px;height: 35px;background: url(/resources/images/common/ic_mypage.png) no-repeat;background-size:cover;font-size: 0;transition:0.3s ease-in-out;}
/* 220427 로그인 아이콘 수정 시작 */
header .aside .mypage_login {width:42px;height:36px;background:url(../images/ic_login.png) no-repeat;font-size:0;}
header .aside .login_google {width:36px;height:36px;background:url(../images/login_google.png) no-repeat;font-size:0;}
header .aside .login_naver {width:36px;height:36px;background:url(../images/login_naver.png) no-repeat;font-size:0;}
header .aside .login_kakao {width:36px;height:36px;background:url(../images/login_kakao.png) no-repeat;font-size:0;}
/* 220427 로그인 아이콘 수정 끝 */
header .aside .search {width:34px;height:34px;background:url(/resources/images/common/ic_search.png) no-repeat;background-size:cover;margin:0 30px;font-size:0;transition:0.3s ease-in-out;}
header .aside .spon {width:137px;height:60px;background:#f8a910;color:#fff;font-size:22px;font-weight:700;text-align:center;line-height:60px;transition:0.3s ease-in-out;}
/*220427 아이디 노출 수정 시작 */
header .aside .mypage_view {position:absolute;top:80px;left:180px;width:205px;background:#fff;padding-bottom:30px;box-sizing:border-box;box-shadow:0 0 15px rgba(0, 0, 0, 0.2);display:none;}
header.scroll .aside .mypage_view {left:140px;}
header .aside .mypage_view li {padding-left:30px;}
header .aside .mypage_view li~li {margin-top:20px;}
header .aside .mypage_view li a {font-size:18px;color:#666;line-height:18px;}
header .aside .mypage_view li:hover a {font-weight:700;color:#222;transition:all 0.2s ease-in-out;}
header .aside .mypage_view li.logout a {display:block;width:145px;height:60px;text-align:center;line-height:60px;background:var(--renew-point-color);color:#fff;font-weight:500;font-size:20px;margin-top:33px;}
header .aside .mypage_view li.id {height:80px;line-height:80px;background:#f6f6f6;padding-left:0;text-align:center;font-size:18px;font-weight:500;color:var(--renew-point-color);}
/*220427 아이디 노출 수정 끝 */
.totalSearch {position: absolute;top: 0;left: 0;right: 0;height: 0;overflow: hidden;transition: all 0.3s ease-in-out;box-sizing: border-box;/*box-shadow: 0 3px 3px rgba(00, 00, 00, .05);*/z-index:1;}
.totalSearch.show {height: 500px;opacity: 1;visibility: visible;transition:0.4s ease-in-out;transition-delay:0.3s;}
.totalSearch:before {content:'';position:fixed;top:0;left:0;width:100%;height:0;background:rgba(0,0,0,0.3);}
.totalSearch.show:before {height:100%;transition-delay:0.5s;}
.totalSearch .inner {position: relative;width: 100%;margin: 0 auto;}
.totalSearch label {font-size: 0;position: absolute;left: -10000px;}
.totalSearch .box {position: relative;box-sizing: border-box;opacity:0;}
.totalSearch .search_form {height:100px;text-align:center;padding-top:20px;box-sizing:border-box;background:#f5f5f5}
.totalSearch .search_form .write {position:relative;width:700px;margin: 0 auto}
.totalSearch input[type=text] {width: 700px;height: 55px;margin: 0 auto;font-size: 19px;color: #555;border:0;;border-bottom: 2px solid #222;background: none}
.totalSearch input[type=text]::placeholder {font-size: 24px;font-weight: 400;color: #ddd;}
.totalSearch .btn_totalSearch {position: absolute;top: 5px;right: 0;width: 34px;height: 34px;background: url(/resources/images/common/ic_search2_v2.png) no-repeat 50% 50%;background-size:cover;font-size: 0;}
.totalSearch .btn_totalSearch:before {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 20px;height: 17px;}
.totalSearch .btn_close {position: absolute;top: 35px;right: 70px;width: 27px;height: 27px;background: url(/resources/images/common/ic_close.png) no-repeat 50% 50%;font-size: 0;z-index:1;}
.totalSearch .keyword_box {width:700px;height:235px;background:#fff;margin: 0 auto;padding: 40px 50px;box-sizing:border-box;border-bottom-left-radius:30px;border-bottom-right-radius:30px;}
.totalSearch .keyword_box p {vertical-align:top;font-size:20px;font-weight:700;margin-right:30px;margin-bottom:30px}
.totalSearch .keyword_box ul {font-size:0;opacity:0;transform:translateX(50px);transition: all 0.3s;}
.totalSearch .keyword_box ul li {display:inline-block;height:43px;line-height:43px;padding:0 20px;background:#f6f6f6;border-radius:30px;margin-right:20px;margin-bottom:20px;}
.totalSearch .keyword_box ul li a {display:block;font-size:20px;color:#666;font-weight:500;}
.totalSearch.show .keyword_box ul {opacity:1;transform:translateX(0);transition: all 0.3s;transition-delay:0.5s;}
header.open_search {background:#f5f5f5;transition:0.1s ease-in-out;transition-delay:0.3s;}
header.open_search .totalSearch .box {opacity:1;transition:0.1s ease-in-out;transition-delay:0.3s;}

/* 스크롤 효과  */
header.scroll .header {height:80px;}
header.scroll #gnbMenu>ul {margin-left:25px;margin-top:30px;}
header.scroll #gnbMenu .depth1>a {font-size:17px;}
header.scroll #gnbMenu .depth1 {margin-right:20px;}
header.scroll h1 {margin-top:18px;}
header.scroll h1 a {width:130px;height:39px;}
header.scroll.open .header:before {top:79px;}
header.scroll.open #gnbMenu .depth1>a:before {bottom:9px;}
header.scroll .aside {top:10px;}
header.scroll .aside .recipt, 
header.scroll .aside .counsel {font-size:15px;}
header.scroll .aside .recipt {margin-right:15px;padding-right:15px;}
header.scroll .aside .counsel {padding-right:15px;margin-right:25px;}
header.scroll .aside .mypage {width:26px;height:27px;}
header.scroll .aside .search {width:27px;height:27px;margin:0 20px;}
header.scroll .aside .spon {width:130px;height:45px;line-height:45px;font-size:18px;}
.wrap-camp header .header {height:80px;}
.wrap-camp header #gnbMenu>ul {margin-left:25px;margin-top:30px;}
.wrap-camp header #gnbMenu .depth1>a {font-size:17px;}
.wrap-camp header #gnbMenu .depth1 {margin-right:20px;}
.wrap-camp header h1 {margin-top:18px;}
.wrap-camp header h1 a {width:130px;height:39px;}
.wrap-camp header.open .header:before {top:79px;}
.wrap-camp header.open #gnbMenu .depth1>a:before {bottom:9px;}
.wrap-camp header {background:#fff;}
.wrap-camp header .aside {top:10px;}
.wrap-camp header .aside .recipt, 
.wrap-camp header .aside .counsel {font-size:15px;}
.wrap-camp header .aside .recipt {margin-right:15px;padding-right:15px;}
.wrap-camp header .aside .counsel {padding-right:15px;margin-right:25px;}
.wrap-camp header .aside .mypage {width:26px;height:27px;}
.wrap-camp header .aside .search {width:27px;height:27px;margin:0 20px;}
.wrap-camp header .aside .spon {width:130px;height:45px;line-height:45px;font-size:18px;display:none;}

/* footer */ 
.footer {margin-bottom:0;}
.footer .cons {position: relative;width: 1180px;margin: 0 auto;}
.footer .up_footer {width: 100%;height: 82px;background: #f8f8f8;border-bottom: 2px solid #e7e7e7;}
.footer .up_footer .cons {display: flex;align-items: center;height: 100%;}
.footer .up_footer .cs {margin-right: 265px;}/* 20250626_수정 */
.footer .up_footer .cs span {display: inline-block;}
.footer .up_footer .cs .tit {font-size: 20px;font-weight: 700;margin-right: 20px;}
.footer .up_footer .cs .tel {font-size: 20px;font-weight: 700;color:var(--renew-point-color);margin-right: 10px;}
.footer .up_footer .cs .noti {font-size: 20px;color: #666;letter-spacing:-1px;}
.footer .up_footer .link_g a {position: relative;display: inline-block;vertical-align:middle;font-size: 20px;font-weight: 700;}/* 20250626_수정 */
.footer .up_footer .link_g a~a {margin-left: 29px;}
.footer .up_footer .link_g a~a:before {content: '';position: absolute;left: -18px;top: 3px;width: 2px;height: 18px;background: #e7e7e7;}
/* 20250626_추가 */
.footer .up_footer .link_g a img,
.footer .up_footer .link_g a span{display:inline-block;vertical-align:middle;}
.footer .up_footer .link_g a span{padding-left:5px;}
.footer .up_footer .link_g a .deco_img{width:35px;height:35px;border-radius:5px 5px;}
/* 20250626_추가 */
.footer .btm_footer {position: relative;height: 300px;}
.footer .btm_footer .cons {padding-top:35px;padding-left: 160px;box-sizing: border-box;background: url(/resources/images/common/logo_g.png) no-repeat 0 121px;}
.footer .sns_g {text-align:center;margin:0 190px 30px 0;}
.footer .sns_g li {display: inline-block}
.footer .sns_g li~li {margin-left: 12px;}
.footer .sns_g a {display: block;}
.footer .f_menu {margin-left: 44px;}
.footer .f_menu li {display: inline-block;}
.footer .f_menu li~li {margin-left: 36px;}
.footer .f_menu li a {font-size:18px;color:#222;}
.footer .f_menu li.privacy a {font-weight:600}
.footer .f_menu li a.green {color:var(--renew-point-color);}
.footer .address {margin-left: 44px;margin-top:20px;}
.footer .address p {position: relative;display: inline-block;font-size: 16px;color: #666;line-height: 27px;font-weight:300;}
.footer .copy {margin:5px 0 15px 44px;font-size: 17px;color: #666;font-weight:300;}
.footer .site_g {position: absolute;top:120px;right: 0;}
.footer .site_g2 {top:158px;}
.footer .select_box {position: relative;width: 192px;height: 40px;margin-bottom: 18px;z-index: 1;}
.footer .select_box p a {position: relative;display: block;padding: 0 10px;line-height: 34px;font-size:18px;border-bottom: 1px solid #ddd;color:#666;}
.footer .select_box p i {position: absolute;top: 5px;right: 0;bottom: 0;width: 15px;height: 8px;margin: auto 0 auto 30px;transition: all 0.2s ease-in-out;transform: rotate(90deg);}
.footer .select_box p i:before,
.footer .select_box p i:after {content: "";position: absolute;top: 0;bottom: 0;left: 0;margin: auto 0;width: 10px;height: 2px;right: 10px;background: #ddd;}
.footer .select_box p i:before {transform: rotate(135deg);top: 7px;}
.footer .select_box p i:after {transform: rotate(-135deg);top: -7px;}
.footer .select_box .option {display: none;position: absolute;bottom: 40px;left: -1px;width: 290px;height: 250px;border: 1px solid #e7e7e7;background: #fff;overflow-y: auto;overflow-x: hidden;}
.footer .select_box.open .option {display: block;}
.footer .select_box.open p i:before {transform: rotate(-135deg);transition: all 0.2s;}
.footer .select_box.open p i:after {transform: rotate(135deg);transition: all 0.2s;}
.footer .select_box .option li {position:relative;height: 38px;}
.footer .select_box .option li:hover {background: #f5f5f5;transition: all 0.2s;}
.footer .select_box .option li strong{position:absolute;top:11px;left:10px;font-size:15px;}
.footer .select_box .option li a {display: block;color: #222;line-height: 38px;padding: 0 5px 0 43%;transition: all 0.2s ease-in-out;white-space: nowrap;font-size: 15px;font-weight: 400;}
.footer .select_box .option::-webkit-scrollbar {width: 6px;height: 6px;border: 6px solid #e7e7e7;}
.footer .select_box .option::-webkit-scrollbar-button:start:decrement,
.footer .select_box .option::-webkit-scrollbar-button:end:increment {display: block;height: 10px;background: #e7e7e7}
.footer .select_box .option::-webkit-scrollbar-track {background: #e7e7e7;border-radius: 10px;}
.footer .select_box .option::-webkit-scrollbar-thumb {height: 50px;width: 6px;background: #ccc;-webkit-border-radius: 8px;border-radius: 8px;-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .1)}
.footer .select_box .option li.topLine{border-top:1px solid #efefef;}
.footer .site_g1 .select_box .option{width:192px;}
.footer .site_g1 .select_box .option li a{padding-left:53%;}
.footer .site_g2 .option{left:auto;right:0;}

#nav{border-bottom:1px solid #ddd;background:#f9f9f9;}
#nav .inner {width:1200px;margin:0 auto;}
#nav .inner > ul > li {display:none;position:relative;border-right:1px solid #ddd;}
#nav .inner > ul > li.depth_2 {display:inline-block;}
#nav .inner > ul > li.depth_2 > a {padding-right:55px;background:#f9f9f9 url('/resources/images/common//lnb_arrow_l.gif') no-repeat 85% center;min-width:120px;}
#nav .inner > ul > li > a {display:block;position:relative;min-width:60px;padding:24px 30px 25px;box-sizing:border-box;font-size:18px;color:#666;}
#nav .inner > ul > li > span {display:block;position:relative;min-width:60px;padding:18px 20px;box-sizing:border-box;}
#nav .inner > ul > li > a span {display:block;position:absolute;top:27px;right:15px;width:9px;height:5px;}
#nav .inner > ul > li:first-child {background:url('/resources/images/common/lnb_home.png') no-repeat center;text-indent:-9999px;border-left:1px solid #ddd;}
#nav .inner > ul > li:last-child > a {padding-right:100px;}
#nav .inner > ul.dep1.type02 > li {display:inline-block;}
#nav .inner .dep2, #nav .inner .dep5 {display:none;position:absolute;top:67px;left:-3px;width:100%;z-index:150;border:1px solid #ddd;border-bottom:0;background:#f9f9f9;padding-right:2px;}
#nav .inner .dep2 li a, #nav .inner .dep5 li a {display:block;padding:20px;border-bottom:1px solid #ddd;font-size:16px;}
#nav .inner .dep2 li a:hover, #nav .inner .dep5 li a:hover {background:#f8fafc;color:#F8A910;}
#nav .inner > ul > li.home, #nav .inner > ul > li.on, #nav .inner > ul > li.dep3.on {display:inline-block}
#nav .inner > ul > li.dep3 > a, #nav .inner > ul > li.dep4 > a {padding-right:90px;background:#f9f9f9 url('/resources/images/common/lnb_arrow_b.png') no-repeat 90% center;color:#F8A910;font-weight:500;}
#nav.login .inner > ul > li.dep3 > a {color:#f8a910;background:#f9f9f9 url('/resources/images/sub/ic_arrow3.png') no-repeat 90% center}

#container {margin-top:100px;} 
#container #contents {width:1200px;margin:80px auto 100px;}

.chatbot {position:fixed;bottom:70px;right:20px;display:block;width:80px;z-index:60;transition-delay:0.2s;}
.chatbot img {width:100%;}
.chatbot_close {position:fixed;bottom:639px;right:12px;z-index:1501;width:42px;height:42px;font-size:0;text-indent:-9999em;display:none;}
.gotoTop{display:none;width:40px;height:40px;position:absolute;bottom:130px;right:20px;z-index:1000;-webkit-transition:opacity .7s ease-in-out, bottom .5s ease-in-out;transition:opacity .7s ease-in-out, bottom .5s ease-in-out;-webkit-transform:translateZ(0);transform:translateZ(0)}
.gotoTop.affix{position:fixed;bottom:20px}
.gotoTop.maffix{position:fixed;bottom:20px}
.pop_chatbot {position:fixed;bottom:0;right:-485px;width:460px;height:700px;z-index:1500;}
.pop_chatbot iframe {width:100%;height:100%;}
.open_pop {display:inline-block;color:#222;font-size:17px;vertical-align:middle;margin-left:10px;border-bottom:1px solid #222;}
.btn_spon {position:fixed;bottom:300px;right:20px;display:block;width:80px;height:80px;z-index:80;display:none;transition:all 0.3s ease;transition-delay:0.1s;font-size:18px;font-weight:700;color:var(--renew-point-color);text-align:center;}
.btn_spon.hide {bottom:80px;visibility:hidden;opacity:0;transition:all 0.3s ease;transition-delay:0.2s;position:fixed;right:20px;width:80px;height:80px}
.chatbot.hide {bottom:80px;visibility:hidden;opacity:0;transition:all 0.3s ease;transition-delay:0.1s;}

/** 2024_홈페이지IA전체개편 **/
/*header*/
header #gnbMenu .third .depth2 li:nth-child(6) .depth3{top:110px}
header .aside .mypage_view li.id{color:var(--renew-point-color);}
header .aside .mypage_view li.logout a{background:var(--renew-point-color);}