@charset "utf-8";

header.active {background:none;}
header.active h1 a {background: url(/resources/images/common/logo_active_v2.png) no-repeat 0 0;background-size:143px 43px;}
header.active #gnbMenu .depth1 > a {color:#fff;} 
header.active  .aside .recipt {color:#fff;}
header.active .aside .counsel {color:#fff;}
header.active .aside .search {background: url(/resources/images/common/ic_search_active.png) no-repeat;}
header.active .aside .mypage {background:url(/resources/images/common/ic_mypage_active.png) no-repeat;}
header.active .aside .counsel:before,
header.active .aside .recipt:before {background:#fff;}

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.open.lineBanner{height:611px;}
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 {border-bottom:1px solid #ddd;} */
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 .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 h1 {opacity:0;transition:0.1s ease-in-out;}
header.open_search #gnbMenu .depth1.first {opacity:0;visibility:hidden;transition:0.1s; transition-delay:0.2s}
header.open_search #gnbMenu .depth1.second {opacity:0;visibility:hidden;transition:0.1s; transition-delay:0.3s}
header.open_search #gnbMenu .depth1.third {opacity:0;visibility:hidden;transition:0.1s; transition-delay:0.4s}
header.open_search #gnbMenu .depth1.fourth {opacity:0;visibility:hidden;transition:0.1s; transition-delay:0.5s}
header.open_search #gnbMenu .depth1.fifth {opacity:0;visibility:hidden;transition:0.1s; transition-delay:0.6s}
header.open_search #gnbMenu .depth1.sixth {opacity:0;visibility:hidden;transition:0.1s; transition-delay:0.7s}
header.open_search .aside {opacity:0;transition:0.1s ease-in-out; transition-delay:0.8s} */
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.open .header {height:100px;}
header.open #gnbMenu>ul {margin-left:45px;margin-top:40px;}
header.open #gnbMenu .depth1>a {font-size:20px;}
header.open #gnbMenu .depth1 {margin-right:40px;}
header.open h1 a {width:143px;height:42px;} */

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;}

/* header.open .aside {top:20px;}
header.open .aside .recipt, 
header.open .aside .counsel {font-size:18px;}
header.open .aside .recipt {margin-right:20px;padding-right:20px;}
header.open .aside .counsel {padding-right:20px;margin-right:30px;}
header.open .aside .mypage {width:34px;height:35px;}
header.open .aside .search {width:34px;height:34px;margin:0 30px;}
header.open .aside .spon {width:137px;height:60px;line-height:60px;font-size:22px;}
 */
 
.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 {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: 323px;}/* 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;}
.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:12px;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;}

.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_hide {position:fixed;bottom:80px;right:20px;display:block;z-index:80;width:80px;height:80px;transition:all 0.3s ease;display:none;}
.btn_show {position:fixed;bottom:80px;right:20px;display:none;z-index:80;width:80px;height:80px;transition:all 0.3s ease;}
.btn_spon img,
.btn_hide img,
.btn_show img {width:100%;height:100%;}


.btn_spon.hide {bottom:80px;visibility:hidden;opacity:0;transition:all 0.3s ease;transition-delay:0.2s;}
.chatbot.hide {bottom:80px;visibility:hidden;opacity:0;transition:all 0.3s ease;transition-delay:0.1s;}

#container {width:100%;margin-top:100px;}
.popup-window #container {margin-top:0;}
/* #container.support {margin-top:46px;} */
#subVisual{width:100%;height:279px;background-size:cover;}
#subVisual .inner{width:1200px;margin:0 auto;padding-top:70px;text-align:center;}
#subVisual .inner strong {font-size:40px;color:#fff;}
#subVisual .inner p {color:#fff;font-size:17px;line-height:27px;margin-top:27px;}
#contents {outline:none;position:relative;margin:0 auto;padding:80px 0 100px;width:1200px;min-height:700px;_height:700px;*zoom:1;-webkit-box-sizing:border-box;box-sizing:border-box;}
#contents.mypage_wrap {padding: 100px 0 100px;width:1180px}
#contents:after { content:'';display:block;clear:both;}

.location {text-align:right;margin-bottom:30px;padding-right:2px;}
.location li{position:relative;display:inline-block;*display:inline;zoom:1;padding-left:12px;font-size:12px;color:#888;line-height:14px}
.location li:before {content:'';display:inline-block;background:url('../../resources/images/common/bg/gt.gif') no-repeat;width:4px;height:7px;position: absolute;top:4px;left:3px;}
.location li:first-child:before {display:none;}
.location a{color:#888}
.location a:hover{text-decoration:underline}

#wrap {letter-spacing: -1px;}
#wrap .content_sub {float:right;width:100%;/*overflow:hidden*/}
#wrap .content_sub > h3{font-family:'Noto Sans KR';font-size:45px;color:#333;font-weight:700;}
#wrap .content_sub .addTxt{font-size: 20px;font-weight: 500; color: #999; margin-top: 10px;line-height: normal;}
#wrap .content_sub .addTxt1{margin:20px 0 10px 0}
#wrap .content_sub .subTxt{margin:17px 0 35px 0}

.filter{float:left;width:170px}
.filter strong{display:block;margin:0 0 10px 0}
.filter div{margin:0 0 30px 0}
.filter div>ul li{height:18px;margin:0 0 7px 0;color:#666;font-size:13px;vertical-align:middle;line-height:18px;position:relative}
.filter .line ul{height:20px}
.filter .line ul li{float:left;font-size:13px}
.filter .keyword .board_search{margin:0}
.filter .keyword .board_search label{width:0;height:0;overflow:hidden;text-indent:-9999px}
.filter .keyword .board_search input{width:115px;height:28px;border-left:1px solid #ddd;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.filter .keyword .board_search img{height:30px}
.filter .keyword .tag{margin:10px 0 0 0;padding:0 0 0 25px;font-size:13px;line-height:23px;background:url('/resources/images/sharetv/icon_tag.gif') left 3px no-repeat}
.filter .keyword .tag ul li{float:left;margin:0 3px 0 0}
.filter .keyword .tag ul li a{color:#666}
.filter .category>ul li>span{display:inline-block;width:18px;height:18px;vertical-align:middle;background:url('/resources/images/common/radio_n.png') no-repeat 0 0;position:absolute;top:2px;left:0}
.filter .category>ul li>span button{width:18px;height:18px;text-indent:-9999px}
.filter .category>ul li>span.on{background:url('/resources/images/common/radio_p.png') no-repeat 0 0}
.filter .category>ul li>input{width:10px;height:10px;margin:0 15px 0 0;border:0;background:0}
.filter .category>ul li>label{display:inline-block;margin:0 0 0 5px;vertical-align:top;line-height:18px}

#subTitle{width:1200px;height:167px;margin:0 auto;padding:0 20px;}
#subTitle>div{float:left;padding: 50px 0 0 0;}
#subTitle>ul{float:right;padding:25px 0 0 0}
#subTitle h2{margin:0 0 20px 0}

#wrap .lnb {float:left;width:200px;/*font-family:'Malgun Gothic' !important*/}
#wrap .lnb h2 {width:100%;padding:0 0 20px 0;border-bottom:3px solid #e4e4e4;font-size: 30px !important;}
#wrap .lnb h2.lnb-title {font-family:'Noto Sans KR', sans-serif;font-size:30px;font-weight:500;color:#333333;letter-spacing:-1.8px;padding:7px 0 13px 0;}
#wrap .lnb .dep1{margin-bottom:50px}
#wrap .lnb .dep1>li {border-bottom:1px solid #e4e4e4;line-height:46px}
#wrap .lnb .dep1>li a {display:block;padding:0 0 0 17px;font-size:16px;font-weight:bold;color:#333}
#wrap .lnb .dep1>li.on {border:0;background:url('/resources/images/common/bg/bg_lnb.jpg') no-repeat;margin-top:-1px}
#wrap .lnb .dep1>li.on a {color:#fff}
#wrap .lnb .dep1>li.on>.dep2{display:block}
#wrap .lnb .dep1>li>.dep2{display:none;margin-top:15px;padding:0 0 10px 17px;border-bottom:1px solid #e4e4e4}
#wrap .lnb .dep1>li>.dep2>li{margin-bottom:10px;line-height:18px;background:url('/resources/images/common/bg/bg_dep2.gif') no-repeat 0 6px} 
#wrap .lnb .dep1>li>.dep2>li>a{font-size:16px;padding-left:10px;font-weight:normal;color:#666} 
#wrap .lnb .dep1>li>.dep2>li.on{background:url('/resources/images/common/bg/bg_dep2_on.gif') no-repeat 0 6px} 
#wrap .lnb .dep1>li>.dep2>li.on>a{color:var(--renew-point-color);font-weight:bold} 
#wrap .lnb .dep1>li>.dep2>li>.dep3{margin-top:10px;padding-left:9px}
#wrap .lnb .dep1>li>.dep2>li>.dep3>li{margin-bottom:8px;line-height: initial;background:url('/resources/images/common/bg/bg_dep3.gif') no-repeat 0 9px} 
#wrap .lnb .dep1>li>.dep2>li>.dep3>li.on{background:url('/resources/images/common/bg/bg_dep3_on.gif') no-repeat 0 8px}
#wrap .lnb .dep1>li>.dep2>li>.dep3>li>a{padding-left:10px;font-size:14px;font-weight:normal;color:#888} 
#wrap .lnb .dep1>li>.dep2>li>.dep3>li.on>a{font-weight:normal;color:var(--renew-point-color)}

#wrap .lnb .lnb_banner {width:168px;border-top:1px solid #e4e4e4;border-right:1px solid #e4e4e4;border-left:1px solid #e4e4e4;border-radius:3px}
#wrap .lnb .lnb_banner * {box-sizing: border-box;}
#wrap .lnb .lnb_banner ul>li{height:40px;border-bottom:1px solid #e4e4e4}
#wrap .lnb .lnb_banner ul>li>span{display:inline-block;width:46px;height:100%;padding-top:11px;background:#f5f5f5;text-align:center}
#wrap .lnb .lnb_banner ul>li>a{display:inline-block;width:calc(100% - 46px);height:100%;padding:13px 0 13px 9px;font-size:13px;font-weight:bold;color:#666;vertical-align:top;}

#wrap .lnb.mypage .dep1>li a {display:block;padding:0 0 0 10px;font-size:18px;font-weight:bold;color:#333}
#wrap .lnb.mypage .dep1>li.on {border:0;background:url('/resources/images/common/bg/bg_dep2_on.png') no-repeat 0 20px} 
#wrap .lnb.mypage .dep1>li.on > a {color:var(--renew-point-color);border-bottom:1px solid #e4e4e4}
#wrap .lnb.mypage .dep1>li.on > .dep2{display:block}
#wrap .lnb.mypage .dep1>li>.dep2 {display:none;margin-top:15px;padding-left:17px;border-bottom:1px solid #e4e4e4}
#wrap .lnb.mypage .dep1>li>.dep2 > li {margin-bottom:15px;line-height:15px;background:url('/resources/images/common/bg/bg_dep3.gif') no-repeat 0 9px} 
#wrap .lnb.mypage .dep1>li>.dep2 > li.on {background:url('/resources/images/common/bg/bg_dep3_on2.gif') no-repeat 0 9px} 
#wrap .lnb.mypage .dep1>li>.dep2 > li.on > a {color:var(--renew-point-color);font-weight:normal} 

/* 2022 Lnb 변경 */
#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}
.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:280px}
.gotoTop.maffix{position:fixed;bottom:20px}

	html.greenNovel {
		width:auto;
	}

 @media (max-width: 1600px) {
	body {
		overflow-x:hidden;
	}	
	
	html {
		width:1600px;
		overflow-x:scroll;
	}

	
    /* header {
		max-width:auto;
		width:1600px;
		left:0;
		position:absolute;
	}   */
	
	/* 0519 수정 시작 */
	
	header .aside {
		right:30px;
	}
	
	
	
	

	header #gnbMenu .depth2 {
		left:-180px;
	}
	
	#wrap {
		width:1600px;
	}
	
	.v2 body.popup-window #wrap {
		width:auto;
	}
	
    header #gnbMenu .depth1 {
        padding-right: 20px;
        margin-right:0;
    }

	header.scroll_under {
		background:#fff;
		box-shadow: 0 3px 3px rgba(00, 00, 00, .05);
	}
	
	.chatbot {bottom:180px !important;}
	
	.btn_spon {
		display:block;
	}
	
	.btn_hide {
		display:block;
	}
	
	.gotoTop.affix {
		bottom:20px; 
	}
} 

 @media (max-width: 1280px) {
 	 	header .aside .recipt {
		display: none;
	} 
	
	header .aside .counsel {
		display: none;
	} 
	
		header .aside .mypage_view {
		left: -80px !important;
	}
	
 }

 @media (max-width: 1080px) {
 	body {
 		/*height:100% !important;*/
 	}
 
 	header {
 		width:1600px;
 		left:0;
 		position:absolute;
 	}
 	

 }
 
 /* 캠페인 메뉴 서브 비주얼 교체 20230913 */
 #subVisual.sub-campaign {background-image:url(/resources/images/sub4_bg.png);background-repeat:no-repeat}
 
 /* 일부 페이지 제외 플로팅 배너 삭제 */
 @media (max-width: 1600px) {
 	.btn_hide,
 	.btn_show,
 	.btn_spon {display:none!important}
 }
 
 /* 2024_홈페이지IA전체개편_마이페이지 */
 #wrap .lnb.mypage .dep1>li.on > a,
#wrap .lnb.mypage .dep1>li>.dep2 > li.on > a{color:var(--renew-point-color);}
header .aside .recipt {color:var(--renew-point-color);}
header .aside .mypage_view li.logout a{background:var(--renew-point-color);}
header .aside .mypage_view li.id{color:var(--renew-point-color);}
.footer .up_footer .cs .tel{color:var(--renew-point-color);}
.footer .f_menu li a.green{color:var(--renew-point-color);}
.btn_spon{color:var(--renew-point-color);}
#wrap .lnb.mypage .dep1>li.on > a,
#wrap .lnb.mypage .dep1>li>.dep2 > li.on > a{color:var(--renew-point-color)}
/*header*/
header #gnbMenu .third .depth2 li:nth-child(6) .depth3,
header #gnbMenu .third .depth2 li:nth-child(7) .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);}
header #gnbMenu .depth1.sixth .depth2 li:nth-child(2){padding-right:100px;width:217px;}
