@charset "UTF-8";

.hide {position: absolute; left: -9999px; overflow: hidden; width: 1px; height: 1px; line-height: 1px; font-size: 1px;}
.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;}
.skip_navi a:hover, .skip_navi a:focus {top: 0;}

/*===================== header =====================*/
.gnb_header {}

header.on {position: relative; background-color: #ffffff; z-index: 9999;}
.header {width:100%;position:absolute;left:0;top:0;z-index:9999}
.header button, 
.header a {transition:0.2s}
.header .container {width:100%}

.header .header_inner {}
.header .header_top_cont {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: space-between}
.header .header_top_cont .container {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: space-between; padding: 18px 0;}
.header .header_top_cont .logo_area {flex:0.3;margin: 0 40px 0 0;}
.header .header_top_cont .logo_area .logo {display: block; width: 155px;}
.header .header_top_cont .head_sch_cont_area {flex:2;position:relative; width: 100%; max-width:360px;padding-right:60px; background-color: #FAFAFA; border-radius:64px;border:1px solid #eee}
.header .header_top_cont .head_sch_cont_area .head_inp {width:100%;height:64px;padding-left:20px;font-size:1.1em;border:none;border-radius:64px;background-color:inherit;}
.header .header_top_cont .head_sch_cont_area .head_inp::placeholder {color: #949494;}
.header .header_top_cont .head_sch_cont_area .sch_btn {width:48px;height:48px;color:#fff;font-size:23px;line-height:52px;background-color:#9e9e9e;border-radius:100%;position:absolute;right:8px;top:50%;transform:translateY(-50%)}
/*.header .header_top_cont .yot_head_area {margin: 0 0 0 12px; font-size: 0; flex: 0.5;}
.header .header_top_cont .yot_head_area .box {display: table; width: 48px; background-color: #FF0808;border:1px solid #ED0000;table-layout: fixed; font-size: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border-radius: 50%;}
.header .header_top_cont .yot_head_area .box:hover,
.header .header_top_cont .yot_head_area .box:focus {width: 128px; padding: 0 0 0 15px; border-radius: 25px;}
.header .header_top_cont .yot_head_area .box .img_area {display: table-cell; width: 28px; height: 46px; vertical-align: middle; text-align: center;}
.header .header_top_cont .yot_head_area .box:hover .img_area,
.header .header_top_cont .yot_head_area .box:focus .img_area {width: 32px; padding: 0 4px 0 0;}
.header .header_top_cont .yot_head_area .box .img_area img {}
.header .header_top_cont .yot_head_area .box .text {display: none; font-weight: 400; font-size: 14px; line-height: 46px; color: #ffffff; vertical-align: middle;}
.header .header_top_cont .yot_head_area .box:hover .text,
.header .header_top_cont .yot_head_area .box:focus .text {display: table-cell;}*/
.header .header_top_cont .head_sns_obj {margin-left:16px;flex:0.3}
.header .header_top_cont .head_sns_obj .sns_list {display:flex;column-gap:8px}
.header .header_top_cont .head_sns_obj .sns {width:48px;height:48px;border-radius:100%;border:1px solid #e1e1e1;overflow:hidden;transition:0.2s}
.header .header_top_cont .head_sns_obj .sns .link {display:flex;align-items:center;justify-content:center;height:100%;background-position:center;background-repeat:no-repeat;transition:0.2s}
.header .header_top_cont .head_sns_obj .sns:focus-within {outline:2px solid #191919;outline-offset:2px}
.header .header_top_cont .head_sns_obj .sns.youtube {}
.header .header_top_cont .head_sns_obj .sns.youtube .link {background-image:url(/new2025/images/icon/ic_youtube.png)}
.header .header_top_cont .head_sns_obj .sns.facebook {}
.header .header_top_cont .head_sns_obj .sns.facebook .link {background-image:url(/new2025/images/icon/ic_facebook.png)}
.header .header_top_cont .head_sns_obj .sns.insta {}
.header .header_top_cont .head_sns_obj .sns.insta .link {background-image:url(/new2025/images/icon/ic_insta.png)}

.header .header_top_cont .head_sns_obj .sns.youtube:focus-within, 
.header .header_top_cont .head_sns_obj .sns.youtube:hover {border-color:#ff0808;background-color:#ff0808}
.header .header_top_cont .head_sns_obj .sns.youtube:focus-within .link, 
.header .header_top_cont .head_sns_obj .sns.youtube:hover .link {background-image:url(/new2025/images/icon/ic_youtube_w.png)}
.header .header_top_cont .head_sns_obj .sns.facebook:focus-within, 
.header .header_top_cont .head_sns_obj .sns.facebook:hover {border-color:#0866ff;background-color:#0866ff}
.header .header_top_cont .head_sns_obj .sns.facebook:focus-within .link, 
.header .header_top_cont .head_sns_obj .sns.facebook:hover .link {background-image:url(/new2025/images/icon/ic_facebook_w.png)}
.header .header_top_cont .head_sns_obj .sns.insta:focus-within, 
.header .header_top_cont .head_sns_obj .sns.insta:hover {border-color:#db3075;background:linear-gradient(45deg, #fcab47, #db3075, #953dad)}
.header .header_top_cont .head_sns_obj .sns.insta:focus-within .link, 
.header .header_top_cont .head_sns_obj .sns.insta:hover .link {background-image:url(/new2025/images/icon/ic_insta_w.png)}

.header .header_top_cont .etc_menu_list_area {flex:0.3}
.header .header_top_cont .etc_menu_list_area .inner_box {display: flex;align-items: center;}
.header .header_top_cont .etc_menu_list_area .inner_box > .box {display: inline-block; vertical-align: middle;}
.header .header_top_cont .etc_menu_list_area .inner_box > .box.left {display:flex;align-items:center;margin-right:23px}
.header .header_top_cont .etc_menu_list_area .inner_box > .box.left .text {display:inline-block;margin-right:12px;font-weight: 500;font-size: 16px;line-height:1;vertical-align:middle}
.header .header_top_cont .etc_menu_list_area .inner_box > .box.left .ft_funct_list_area {display: inline-block; vertical-align: middle;}
.header .header_top_cont .etc_menu_list_area .inner_box > .box.left .ft_funct_list_area > .list {display: flex; font-size: 0;}
.header .header_top_cont .etc_menu_list_area .inner_box > .box.left .ft_funct_list_area > .list > li {display: inline-block; margin: 0 3px 0 0;}
.header .header_top_cont .etc_menu_list_area .inner_box > .box.left .ft_funct_list_area > .list > li:last-child {margin: 0;}
.header .header_top_cont .etc_menu_list_area .inner_box > .box.left .ft_funct_list_area .btn_box {display: table; width: 32px; table-layout: fixed;}
.header .header_top_cont .etc_menu_list_area .inner_box > .box.left .ft_funct_list_area .btn_box .btn {display: table-cell; width: 100%; height: 32px;font-size:18px;border: 1px solid #dedede;border-radius:3px;background-color: #ffffff; background-position: center; background-repeat: no-repeat; vertical-align: middle; text-align: center;}
.header .header_top_cont .etc_menu_list_area .inner_box > .box.left .ft_funct_list_area .btn_box .btn:hover,
.header .header_top_cont .etc_menu_list_area .inner_box > .box.left .ft_funct_list_area .btn_box .btn:focus {color:var(--colorMain);border-color:var(--colorMain);}
.header .header_top_cont .etc_menu_list_area .inner_box > .box.mid {display:flex;align-items:center;margin-right:30px}
.header .header_top_cont .etc_menu_list_area .inner_box > .box.mid .text {display:inline-block;margin-right:12px;font-weight: 500;font-size: 16px;line-height:1;vertical-align:middle}
.header .header_top_cont .etc_menu_list_area .inner_box > .box.right {}
.header .header_top_cont .etc_menu_list_area .inner_box > .box.right .login_menu_list_area {}
.header .header_top_cont .etc_menu_list_area .inner_box > .box.right .login_menu_list_area > .list2 {display:flex;align-items:baseline;text-align:center}
.header .header_top_cont .etc_menu_list_area .inner_box > .box.right .login_menu_list_area > .list2 > li {display:inline-block;margin-right:15px;position:relative}
.header .header_top_cont .etc_menu_list_area .inner_box > .box.right .login_menu_list_area > .list2 > li:last-child {margin-right:0}
.header .header_top_cont .etc_menu_list_area .inner_box > .box.right .login_menu_list_area .box {display:block}
.header .header_top_cont .etc_menu_list_area .inner_box > .box.right .login_menu_list_area .box:hover, 
.header .header_top_cont .etc_menu_list_area .inner_box > .box.right .login_menu_list_area .box:focus {color:var(--colorMain)}
.header .header_top_cont .etc_menu_list_area .inner_box > .box.right .login_menu_list_area .box .icon {margin-bottom:4px;font-size:28px;line-height:1;vertical-align:top}
.header .header_top_cont .etc_menu_list_area .inner_box > .box.right .login_menu_list_area .box .text {display:block;font-size:14px}
.header .header_top_cont .etc_menu_list_area .inner_box > .box.right .login_menu_list_area .menu_list_area {display: none; position: absolute; top: 55px; left: 50%; transform:translateX(-50%); width: 130px;padding:5px 0;text-align:left; border: 1px solid #3ca54e; box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.15); background-color: #ffffff; z-index: 5;}
.header .header_top_cont .etc_menu_list_area .inner_box > .box.right .login_menu_list_area .menu_list_area li {}
.header .header_top_cont .etc_menu_list_area .inner_box > .box.right .login_menu_list_area .menu_list_area .link {display: block; padding:5px 10px 5px 21px; font-weight: 400; font-size: 15px; line-height:1.4; color: #555555;}
.header .header_top_cont .etc_menu_list_area .inner_box > .box.right .login_menu_list_area .menu_list_area li:first-child .link {line-height: 22px;}
.header .header_top_cont .etc_menu_list_area .inner_box > .box.right .login_menu_list_area .menu_list_area .link:hover,
.header .header_top_cont .etc_menu_list_area .inner_box > .box.right .login_menu_list_area .menu_list_area .link:focus {background-color: #f5f5f5; font-weight: 400; color: #39823c;}

/* 2024-12-02 추가 */
.btn_head_area {margin: 0 32px 0 15px; font-size: 0;}
.btn_head_area .link_btn {display: inline-block; border: 1px solid #b9e3c0; padding: 0 15px; border-radius: 16px;}
.btn_head_area .link_btn .text {padding: 0 0 0 23px; background-image: url('/new2023/images/header/head_link_icon1.png'); background-position: left center; background-repeat: no-repeat; font-weight: 500; font-size: 15px; line-height: 30px; color: #007e3d; white-space: nowrap}
.btn_head_area .link_btn .text .black {color:#212121;cursor:pointer}
/* 2024-12-02 추가 */

.header .menu_deleteY {display:none !important}

.header .gnb_cont_area {border-bottom:1px solid #e9ebee;position:relative}
.header .gnb_cont_area .container {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: space-between; position:relative;}
.header .gnb_cont_area .gnb_area {width:100%}
.header .gnb_cont_area #gnb {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex: 1;max-width:1400px;margin:0 auto}
.header .gnb_cont_area #gnb .gnb_li {position:inherit;flex:1;text-align:center}
.header .gnb_cont_area #gnb .gnb_li.none {display:none}
.header .gnb_cont_area #gnb .sitemap_tit {display:block;color:#212121;position:relative}
.header .gnb_cont_area #gnb .sitemap_tit::after {width:0;height:3px;content:"";background-color:var(--colorMain);position:absolute;left:0;bottom:0;transition:width 0.2s}
.header .gnb_cont_area #gnb .sitemap_tit .text {display:block;font-weight:500;font-size:20px;line-height:87px}
.header .gnb_cont_area #gnb .gnb_li:hover .sitemap_tit, 
.header .gnb_cont_area #gnb .gnb_li:focus .sitemap_tit, 
.header .gnb_cont_area #gnb .gnb_li.on .sitemap_tit {color:var(--colorMain)}
.header .gnb_cont_area #gnb .gnb_li:hover .sitemap_tit::after, 
.header .gnb_cont_area #gnb .gnb_li:focus .sitemap_tit::after, 
.header .gnb_cont_area #gnb .gnb_li.on .sitemap_tit::after {width:100%}
.header .gnb_cont_area .sub_gnb_area {display:none;padding:0;background-color:#fff;box-shadow:0 24px 24px rgba(0, 0, 0, 0.12);border-top:1px solid #e9ebee;position:absolute;left:0;right:0;z-index:3;overflow-x:hidden}
.header .gnb_cont_area .sub_gnb_area .container {position:relative; padding: 0 0 0 320px;}
.header .gnb_cont_area .sub_gnb_area .title_area {position: absolute; right: calc(100% - 320px); width: 100%; height: 100%; padding: 30px 30px 0 10px; background-color: #F3FBF5; background-image:url(/new2025/images/contents/bg_gnb.png);background-position:right top 95px;background-repeat:no-repeat;background-size:auto;vertical-align: top; text-align: right;}
.header .gnb_cont_area .sub_gnb_area .title_cont {display: inline-block; max-width: 320px; height: 100%; text-align: left;}
.header .gnb_cont_area .sub_gnb_area .title_cont .title {margin: 0 0 8px; font-weight: 700; font-size: 32px; line-height: 48px; color:var(--colorMain)}
.header .gnb_cont_area .sub_gnb_area .title_cont .text {font-weight:400; font-size: 14px; color: #616161;}

/* 사이트맵과 디자인이 동일해 .sub_gnb만 따로 정의 */
.sub_gnb_area.new_sty .sub_gnb {display:flex;flex-wrap:wrap;row-gap:30px;width:100%;padding:40px;text-align:left;}
.sub_gnb_area.new_sty .sub_gnb_li {display: inline-block;width:calc(25% - 30px);margin-right:40px;vertical-align:top}
.sub_gnb_area.new_sty .sub_gnb_li:nth-child(4n) {margin-right:0}
.sub_gnb_area.new_sty .sub_gnb_li .link {display:flex;align-items:center;justify-content:center;height:48px;padding:0 20px;font-weight:700;font-size:20px;color:#222;text-align:center;background-color:#fafafa;border:1px solid #e1e1e1;border-radius:8px}
.sub_gnb_area.new_sty .sub_gnb_li .depth3 {display:block;margin-top:15px}
.sub_gnb_area.new_sty .sub_gnb_li .depth3_li {}
.sub_gnb_area.new_sty .sub_gnb_li .depth3_li a {display: block; position:relative;padding:8px 0 8px 18px; font-weight: 400; font-size: 16px; color:#616161;}
.sub_gnb_area.new_sty .sub_gnb_li .depth3_li a::before {width:0;height:2px;content:"";background-color:var(--colorMain);position:absolute;left:0;top:calc(50% - 1px);transform:translateY(-50%)}

/*#themeOption {display:inline-flex;width:56px;height:32px;padding:4px;border-radius:32px;background-color:#e1e1e1}
#themeOption .btn_box {width:24px;height:100%}
#themeOption .btn_box .btn {display:block;width:100%;height:100%;background-color:transparent;border-radius:100%}
#themeOption .btn_box {}
#themeOption .btn_box .btn.current {background-color:#fff}
#themeOption.dark {background-color:var(--colorMain)}
#themeOption.dark .btn_box .btn {background-color:var(--colorMain)}
#themeOption.dark .btn_box .btn.current {background-color:#fff}*/
#themeOption {width:56px;height:32px;border-radius:32px;background-color:#e1e1e1}
#themeOption input {width:1px;height:1px;margin:-1px;padding:0;white-space:nowrap;border:0;clip:rect(0,0,0,0);overflow:hidden;position:absolute}
#themeOption label {display:block;width:100%;height:100%;cursor:pointer;text-indent:-9999px;border-radius:32px;position:relative}
#themeOption label::after {width:24px;height:24px;content:'';border-radius:100%;background-color:#fff;position:absolute;left:4px;top:4px;transition:0.3s ease-in-out}
#themeOption input:focus + label {outline:2px solid #333;outline-offset:2px}
#themeOption input:checked + label::after {left:28px}
#themeOption.dark  {background-color:var(--colorMain)}
#themeOption.dark input:focus + label {outline-color:#fff}

@media screen and (min-width:1081px){
	.sub_gnb_area.new_sty .sub_gnb_li .link:hover,
	.sub_gnb_area.new_sty .sub_gnb_li .link:focus, 
	.sub_gnb_area.new_sty .sub_gnb_li.on .link {color:#fff;font-weight:500;background-color:var(--colorMain);border-color:var(--colorMain)}
	.sub_gnb_area.new_sty .sub_gnb_li .depth3_li a:hover,
	.sub_gnb_area.new_sty .sub_gnb_li .depth3_li a:focus {padding-left:34px;color:var(--colorMain);font-weight:500;background-color:#F3FBF5;border-radius:4px}
	.sub_gnb_area.new_sty .sub_gnb_li .depth3_li a:hover::before,
	.sub_gnb_area.new_sty .sub_gnb_li .depth3_li a:focus::before {width:15px;left:12px}	
}


/* scrolled */
.header.scrolled {position:fixed;border-bottom:1px solid #e2e4e8;box-shadow:0 2px 5px rgba(211,211,211,0.5);background-color:#ffffff}
.header.scrolled .gnb_header {}
.header.scrolled .sub_gnb_cont {top: 94px;}
.header.scrolled .head_popzon {height: 0;}
/* .header.scrolled .header_top_cont {display: none;} */


/* sitemap (10/10) */ 
.sitemap_wrap {display:none;width:100%;height:100%;padding:0 0 0 540px;background-color:#fff;position:fixed;left:0;top:0;z-index:9999}
.sitemap_wrap:before {content:''; position: fixed; top: 0; left: 0; width: 100%; max-width: 540px; height: 100%;background-color:#fafafa;background-image:url('/new2025/images/contents/bg_sitemap.png');background-repeat:no-repeat;background-position:left top 235px}
.sitemap_wrap > .container {max-width:1146px;height:100%;margin-left:0;overflow:hidden} /*padding-bottom:100px*/
.sitemap_wrap .logo_area {position:absolute; top: 0; left: 0; width: 100%; max-width: 540px; text-align: right;}
.sitemap_wrap .logo_area .logo_cont {display: inline-block; width: 100%; max-width: 300px;padding:100px 90px 0 0;text-align:right}
.sitemap_wrap .logo_area .logo_cont img {}
.sitemap_wrap .sitemap_close {width:35px;height:35px;font-size:35px;line-height:1;position:absolute;top:100px;right:calc(100% - 1800px);transform:translateX(-50%)}
.sitemap_wrap .sitemap_close:hover, 
.sitemap_wrap .sitemap_close:focus {color:var(--colorMain);transform:translateX(-50%) rotate(180deg)}
.sitemap_wrap .sitemap_obj {height:calc(100% - 100px);margin-top:100px;overflow-y:auto}
.sitemap_wrap .sitemap_obj::-webkit-scrollbar {width:6px;height:6px}
.sitemap_wrap .sitemap_obj::-webkit-scrollbar-track {background-color:#e1e1e1;border-radius:6px}
.sitemap_wrap .sitemap_obj::-webkit-scrollbar-thumb {background-color:#767676;border-radius:6px}
.sitemap_wrap .sitemap_obj::-webkit-scrollbar-thumb:hover {background-color:var(--colorMain)}
.sitemap_wrap .sitemap {padding:0 60px 60px 60px}
.sitemap_wrap .sitemap > li {display:block;width: 100%;margin-bottom:65px;vertical-align: top}
.sitemap_wrap .sitemap > li:last-child {margin-bottom:0}
.sitemap_wrap .sitemap > li.none {display:none !important}
.sitemap_wrap .sitemap .sitemap_tit {font-size:30px;line-height:1;font-weight:700}
.sitemap_wrap .sitemap .sitemap_sub_gnb {display:flex;flex-wrap:wrap;row-gap:40px;margin-top:20px;padding-top:24px;border-top:1px solid #e1e1e1}
.sitemap_bg_mobile {display:none;width:100%;height:100%;content:"";background-color:rgba(0,0,0,0.4);position:fixed;left:0;top:0;z-index:9998}
/*===================== header =====================*/

/* ==================== POPZON ==================== */
.head_popzon {background-color: #39823c;}
.head_popzon .popzon_box {position: relative; width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 180px; font-size: 0; text-align: center;}
.head_popzon .popzon_box .nav_box {position: absolute; top: 50%; left: 5px; margin: -13px 0 0; font-size: 0;}
.head_popzon .popzon_box .nav_box.m {display: none;}
.head_popzon .popzon_box .nav_box .nav {display: inline-block; width: 28px; height: 28px; border: 1px solid rgba(255, 255, 255, 0.3); background-position: center; background-size: 8px 13px; background-repeat: no-repeat; vertical-align: middle; border-radius: 50%;}
.head_popzon .popzon_box .nav_box .nav.prev {background-image: url('/new2023/images/header/popzon_prev.png');}
.head_popzon .popzon_box .nav_box .nav.next {background-image: url('/new2023/images/header/popzon_next.png');}
.head_popzon .popzon_box .nav_box .play_box {display: inline-block; margin: 0 3px; vertical-align: middle;}
.head_popzon .popzon_box .nav_box .play_box .btn {display: inline-block; width: 28px; height: 28px; border: 1px solid rgba(255, 255, 255, 0.3); background-position: center; background-size: 10px 15px; background-repeat: no-repeat; vertical-align: middle;  border-radius: 50%;}
.head_popzon .popzon_box .nav_box .play_box .btn.play {display: none; background-image: url('/new2023/images/header/popzon_play.png');}
.head_popzon .popzon_box .nav_box .play_box .btn.stop {background-image: url('/new2023/images/header/popzon_stop.png');}
.head_popzon .popzon_box .nav_box .num {display: inline-block; margin: 0 0 0 24px; font-weight: 400; font-size: 18px; line-height: 27px; color: #ffffff; vertical-align: middle;}
.head_popzon .popzon_box .slide_zon {}
.head_popzon .popzon_box .slide_zon #head_slide {}
.head_popzon .popzon_box .slide_zon #head_slide li {}
.head_popzon .popzon_box .slide_zon #head_slide li a {display: block; padding: 18px 0;}
.head_popzon .popzon_box .slide_zon #head_slide li a .title {height: 34px; font-weight: 700; font-size: 24px; line-height: 34px; color: #ffffff; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.head_popzon .popzon_box .slide_zon #head_slide li a .title .mark {display: inline-block; margin: 0 10px 0 0; padding: 0 25px; background-color: #ffffff; font-weight: 700; font-size: 20px; line-height: 34px; color: #3ca54e; border-radius: 17px;}
.head_popzon .popzon_box .head_popzon_close {display: inline-block; position:absolute; top: 10px; right: 5px; width: 19px; height: 18px; background-image: url('/new2023/images/header/popzon_close.png'); background-size: cover; background-repeat: no-repeat;}
.head_popzon .popzon_box .slide_zon #head_slide .slick-dots {display: none !important;}
/* ==================== POPZON ==================== */
.header .scroll_indicator {position:absolute; right: 0; bottom: 0; left: 0; height: 4px; font-size: 0;}
.header .scroll_indicator span {display: inline-block; height: 4px; background-color: #000;  -webkit-transition: width .4s ease-out; transition: width .4s ease-out;}


/* 다크모드 */
.gray .header.scrolled {background-color:#121212;border-color:#424242;box-shadow:0 2px 10px rgba(103,103,103,0.5)}
.gray .header .header_top_cont .head_sch_cont_area {background-color:#424242;border-color:#616161}
.gray .header .header_top_cont .head_sch_cont_area .head_inp {color:#fff;background-color:transparent !important}
.gray .header .header_top_cont .head_sns_obj .sns {background-color:#e1e1e1}
.gray .header .header_top_cont .etc_menu_list_area .inner_box > .box.left .ft_funct_list_area .btn_box .btn {background-color:transparent;border-color:#424242}
.gray .header .gnb_cont_area {border-color:#424242}
.gray .header .gnb_cont_area #gnb .sitemap_tit {color:#fff}
.gray .header .gnb_cont_area .sub_gnb_area {background-color:#121212;border-color:#424242}
.gray .header .gnb_cont_area .sub_gnb_area .title_area {background-color:#424242;background-image:url(/new2025/images/contents/bg_gnb_dark.png)}
.gray .header .gnb_cont_area .sub_gnb_area .title_cont .title {color:#fff}
.gray .sitemap_wrap {background-color:#121212}
.gray .sitemap_wrap:before {background-color:#424242;background-image:url('/new2025/images/contents/bg_sitemap_dark.png')}
.gray .sitemap_wrap .sitemap_obj::-webkit-scrollbar-track {background-color:rgba(255,255,255,0.1)}
.gray .sitemap_wrap .sitemap_obj::-webkit-scrollbar-thumb {background-color:#424242}
.gray .sitemap_wrap .sitemap_obj::-webkit-scrollbar-thumb:hover {background-color:var(--colorMain)}
.gray .sitemap_wrap .sitemap .sitemap_sub_gnb {border-color:#424242}
.gray .sub_gnb_area.new_sty .sub_gnb_li .link {color:#fff;border-color:#424242;background-color:#616161}
.gray .sub_gnb_area.new_sty .sub_gnb_li .link:hover, 
.gray .sub_gnb_area.new_sty .sub_gnb_li .link:focus, 
.gray .sub_gnb_area.new_sty .sub_gnb_li.on .link {color:#fff;background-color:var(--colorMain);border-color:var(--colorMain)}
.gray .sub_gnb_area.new_sty .sub_gnb_li .depth3_li a {color:rgba(255,255,255,0.8)}
.gray .sub_gnb_area.new_sty .sub_gnb_li .depth3_li a:hover, 
.gray .sub_gnb_area.new_sty .sub_gnb_li .depth3_li a:focus {color:#fff;background-color:#424242}
.gray .sub_gnb_area.new_sty .sub_gnb_li .depth3_li a::before {background-color:#fff}