@charset "utf-8";

/*body::-webkit-scrollbar {width: 10px;}
body::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,0.4);border-radius: 10px;background-clip: padding-box;border: 2px solid transparent;}
body::-webkit-scrollbar-track {background-color: transparent;border-radius: 10px;}*/

.header {background-color: transparent;min-height: 120px;}
.header::before {top: 120px;}
.header .header-inner {max-width:100%; padding:0 40px;position: relative;justify-content:center;}
.header.header-over{background-color: #ffffff;}
.header.header-fix{background-color: #ffffff;}
.header:is(.header-fix,.header-over) .gnb-wrap .gnb .gnb-nav > li > a{color:#000000;}
.header:is(.header-fix,.header-over)  .header-logo a img.logo-drk {display: none;}
.header:is(.header-fix,.header-over)  .header-logo a img.logo-wht {display: block;}


.header-logo{position: absolute;left:25px;top:5px;}
.header-logo a img {height: 70px;}
.gnb-wrap{overflow: hidden;height: 120px;}
.gnb-wrap .gnb .gnb-nav > li {max-width: 220px;transition-duration: 0.6s;}
.gnb-wrap .gnb .gnb-nav > li > a {padding: 0px 25px;line-height:120px; font-size:18px; font-weight:500; color:#ffffff;}
.gnb-wrap .gnb .gnb-nav > li > a:before {height: 3px;}
.gnb-wrap .gnb .gnb-nav > li > ul > li > a:hover, .gnb-wrap .gnb .gnb-nav > li > ul > li.active > a {color:#7736a9; font-weight:600; font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','dotum','굴림';}
.gnb-wrap .gnb .gnb-nav > li.active > a > span {color: var(--white-color);}
.header.sub-header .gnb-wrap .gnb .gnb-nav > li > a {color: var(--white-color);}
.header.sub-header .gnb-wrap .gnb .gnb-nav > li > a > span::before {background-color:var(--white-color);transform: scale(0);display:none;}/*동그라미*/
.header.sub-header .gnb-wrap .gnb .gnb-nav > li.active > a > span::after {background-color:#ffffff;}/*언더라인*/
.header.sub-header .gnb-wrap .gnb .gnb-nav > li.active > a > span::before {transform: scale(1);}/*동그라미*/
.gnb-wrap .gnb .gnb-nav > li > a > span::before {background-color:#ffffff;display:none;}/*동그라미*/
.header.sub-header:is(.header-fix,.header-over) .gnb-wrap .gnb .gnb-nav > li > a > span{color:#000000}
.header.sub-header:is(.header-fix,.header-over) .gnb-wrap .gnb .gnb-nav > li.active > a > span{color:#000000;}/*메인메뉴-액티브컬러*/
.header.sub-header:is(.header-fix,.header-over) .gnb-wrap .gnb .gnb-nav > li > a > span::before {background-color:#7736a9; display:block;}/*동그라미*/
.header.sub-header:is(.header-fix,.header-over) .gnb-wrap .gnb .gnb-nav > li.active > a > span::after {background-color: var(--primary-color-dark); display:none;}/*언더라인*/


.top-bar{position: absolute;right: 40px;}
.top-bar .top-bar-list {margin-top: 35px;}
.top-bar .top-bar-btn{column-gap:10px;}
.top-bar .top-bar-btn .sitemap-button .bar-group .bar {background-color: var(--white-color);}
.top-bar .top-bar-btn .sitemap-button:hover .bar-group .bar {background-color: var(--white-color);}
/*.top-bar .top-bar-btn .top-button{font-weight: 500;font-size: 16px;color:var(--white-color);display: flex;justify-content: center;align-items: center;border:1px solid rgba(255,255,255,0.3); border-radius: 50px;width: 110px;height: 50px;}*/
.top-bar .top-bar-btn .top-button{font-weight: 500;font-size: 16px;color:var(--white-color);display: flex;justify-content: center;align-items: center; background-color: #7736a9 !important; border-color:#7736a9 !important; border-radius: 50px; width: 118px;height: 50px; padding-bottom:1px; margin-right:10px;}
.top-bar .top-bar-btn .top-button:hover{background-color: #7736a9 !important; border-color:#7736a9 !important; color:var(--white-color)!important; }

.top-bar .top-bar-btn .menu-button .bar-group .bar {background-color: var(--white-color);}
body.menuOpen .top-bar .top-bar-btn .menu-button .bar-group .bar {background-color: var(--white-color);}
body.menuOpen .top-bar .top-bar-btn  .language-button .btn-hd {color: var(--white-color);background-image: url(./images/icons/icon-language_hover.svg)}

.top-bar .top-bar-btn .language-box{display: flex;align-items: center;transition-duration: 0.3s;}
.top-bar .top-bar-btn .language-box::before{content:'';width:20px; height:20px;background-image: url("/image/common/icon-lang.png");background-size:contain;display: block;margin-right:7px;transition-duration: 0.3s;}
.top-bar .top-bar-btn .language-box .lang-item{width: 30px;font-size:16px; font-weight:600;color:rgba(255,255,255,0.3);}
.top-bar .top-bar-btn .language-box .lang-item.active{color:rgba(255,255,255,1);}
.top-bar .top-bar-btn .language-box .lang-item:hover{color:rgba(192,143,248,1);}
.top-bar .top-bar-btn .language-box .bar{content:'';width: 1px;height: 11px;background-color: rgba(255,255,255,0.3);display: inline-block;margin: 0 11px;}

@media (max-width: 640px) {
    .top-bar .top-bar-btn {column-gap:10px; }
    .top-bar .top-bar-btn .top-button{font-weight:500; font-size:11px; color:var(--white-color); display:flex; justify-content:center; align-items:center; border:1px solid #7736a9; background:#7736a9; border-radius:50px; width:66px; height:28px; padding:0 0 2px; margin-right:2px;}
    .top-bar .top-bar-btn .top-button:hover{background-color:#7736a9 !important; border-color:#7736a9 !important; color:var(--white-color)!important; }
    
    .top-bar .top-bar-btn .language-box::before{width:14px;height:14px; margin-right:2px;transition-duration: 0.3s;}
    .top-bar .top-bar-btn .language-box .lang-item{width:28px; font-size: 14px;}
    .top-bar .top-bar-btn .language-box .bar{margin:0 10px 0 10px;}
    body.menuOpen .top-bar .top-bar-btn .language-box .bar{background-color: rgba(0,0,0,0.3);}
}

/*.header:is(.header-fix,.header-over) .top-bar .top-bar-btn .top-button{color:var(--black-color);border-color:var(--black-color);}*/
.header:is(.header-fix,.header-over) .top-bar .top-bar-btn .top-button{background-color: #7736a9 !important; border-color:#7736a9 !important; color:var(--white-color)!important;}
.header:is(.header-fix,.header-over) .top-bar .top-bar-btn .language-box .bar{background-color: var(--black-color);}
.header:is(.header-fix,.header-over) .top-bar .top-bar-btn .language-box .lang-item{color:rgba(0,0,0,0.3);}
.header:is(.header-fix,.header-over) .top-bar .top-bar-btn .language-box .lang-item.active{color:rgba(0,0,0,1);}
.header:is(.header-fix,.header-over) .top-bar .top-bar-btn .language-box::before{background-image: url("/image/common/icon-lang-on.png");}
.header:is(.header-fix,.header-over) .top-bar .top-bar-btn .sitemap-button .bar-group .bar {background-color: var(--black-color);}
.header:is(.header-fix,.header-over) .top-bar .top-bar-btn .menu-button .bar-group .bar {background-color: var(--black-color);}
.header:is(.header-fix,.header-over) .top-bar .top-bar-btn .language-button .btn-hd {color: var(--black-color);background-image: url(./images/icons/icon-language_hover.svg)}

.header.header-over .gnb-wrap .gnb .gnb-nav > li{max-width: 260px;}

body.sitemap-open .gnb-wrap{opacity: 0;pointer-events: none;}
body.sitemap-open .header{background-color: transparent;}
body.sitemap-open .header.header.header-fix {box-shadow: none}
body.sitemap-open .header-logo a img.logo-drk {display: block !important;}
body.sitemap-open .header-logo a img.logo-wht {display: none !important;}
body.sitemap-open .top-bar .top-bar-btn .top-button{color:var(--white-color);border-color:var(--white-color);}
body.sitemap-open .top-bar .top-bar-btn .language-box .bar{background-color: var(--white-color);}
body.sitemap-open .top-bar .top-bar-btn .language-box .lang-item{color:rgba(255,255,255,0.3);}
body.sitemap-open .top-bar .top-bar-btn .language-box .lang-item.active{color:rgba(255,255,255,1);}
body.sitemap-open .top-bar .top-bar-btn .language-box .lang-item:hover{color:rgba(192,143,248,1);}
body.sitemap-open .top-bar .top-bar-btn .language-box::before{background-image: url("/image/common/icon-lang.png");}
body.sitemap-open .top-bar .top-bar-btn .sitemap-button .bar-group .bar {background-color: var(--white-color);}
body.sitemap-open .top-bar .top-bar-btn .language-button .btn-hd {color: var(--white-color);background-image: url("/image/common/icon-lang.png")}

body.sitemap-open .header:is(.header-fix,.header-over) .top-bar .top-bar-btn .language-box .bar{background-color: var(--white-color);}
body.sitemap-open .header:is(.header-fix,.header-over) .top-bar .top-bar-btn .language-box .lang-item{color:rgba(255,255,255,0.3);}
body.sitemap-open .header:is(.header-fix,.header-over) .top-bar .top-bar-btn .language-box .lang-item.active{color:rgba(255,255,255,1);}
body.sitemap-open .header:is(.header-fix,.header-over) .top-bar .top-bar-btn .language-box .lang-item:hover{color:rgba(192,143,248,1);}
body.sitemap-open .header:is(.header-fix,.header-over) .top-bar .top-bar-btn .language-box::before{background-image: url("/image/common/icon-lang.png");}
body.sitemap-open .header:is(.header-fix,.header-over) .top-bar .top-bar-btn .sitemap-button .bar-group .bar {background-color: var(--white-color);}
body.sitemap-open .header:is(.header-fix,.header-over) .top-bar .top-bar-btn .menu-button .bar-group .bar {background-color: var(--white-color);}
body.sitemap-open .header:is(.header-fix,.header-over) .top-bar .top-bar-btn .language-button .btn-hd {color: var(--white-color);background-image: url("/image/common/icon-lang.png")}


.site-map-box {z-index: 101;}
.site-map-box .site-map-content::before{content:'';background-image: url("/image/main/sitemap-bg.jpg");display: block;position: absolute;background-size: cover;width: calc(((100% - 1920px) / 2) + 480px);height: 100%;left: 0;top:0;z-index: 1;}
.site-map-box .site-map-content::after {content: "";width: calc(((100% - 1920px) / 2) + 480px);height: 100%;background: #fff;position: absolute;top: 0;left: 0;transform: scaleY(1);transform-origin: bottom;transition: transform 0s 0.5s;z-index: 1;}
.site-map-box nav .site-map-inner {padding-left: 480px;}
.site-map-box nav .depth1 {flex-direction: row;flex-wrap: wrap;}
.site-map-box nav .depth1 > .item-box:after {content:none;}
.site-map-box nav .depth1 > .item-box {width: 100%;display: flex;flex-direction: column;align-items: flex-start;row-gap: 20px;}
.site-map-box nav .depth1 > .item-box > a {width: var(--site-name-width);font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';font-weight:500;font-size: 32px;line-height: 1.25;height: 1.25em;flex: none;color: #ffffff;}
.site-map-box nav .depth1 > .item-box:nth-of-type(1) > a{width:94px;}
.site-map-box nav .depth1 > .item-box:nth-of-type(2) > a{width:294px;}
.site-map-box nav .depth1 > .item-box:nth-of-type(3) > a{width:250px;}
.site-map-box nav .depth1 > .item-box:nth-of-type(4) > a{width:346px;}
.site-map-box nav .depth1 > .item-box:nth-of-type(5) > a{width:300px;}
.site-map-box nav .depth1 > .item-box:nth-of-type(6) > a{width:194px;}
.site-map-box nav .depth1 > .item-box:nth-of-type(7) > a{width:186px;}/* 사이즈조정 */
/*.site-map-box nav .depth1 > .item-box:nth-of-type(2) {width: calc(100% / 3);}
.site-map-box nav .depth1 > .item-box:nth-of-type(3) {width: calc(100% / 3);}
.site-map-box nav .depth1 > .item-box:nth-of-type(4) {width: calc(100% / 3);}*/
.site-map-box nav .depth2 {display: flex;flex-wrap: wrap;column-gap: 30px;row-gap: 10px;}
.site-map-box nav .depth2 > .item-box > a {font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';font-weight: 500;font-size: 17px;letter-spacing: -0.025em;line-height: 1.76;height: 1.76em;color: #8590a2;opacity: 1;position: relative;}
.site-map-box nav .depth2 > .item-box > a:hover {color: #ffffff;}
.site-map-box nav  a{transform: translateY(100%);clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);transition: transform 0s 0.5s, clip-path 0s 0.5s, color 0.5s;position: relative;}
.site-map-box nav  a::after{content:'';width: 0;height: 9px;display: block;position: absolute;left: 0;bottom:-4px;transform:translateY(-50%);background-color: #7736a9;z-index: -1;transition-duration: 0.5s;transition-property: width;}
.site-map-box nav  a:hover::after{width: 100%;}
.site-map-box nav  .depth1 > .item-box > a {padding: 0;}
.site-map-box nav  a:hover{background-size: 100% 9px;}

.site-map-box nav .depth3 {width: 100%;margin-top: 10px;flex-direction: column;row-gap: 10px;}
.site-map-box nav .depth3 > .item-box {padding-left: 4px;}
.site-map-box nav .depth3 > .item-box > a {font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';font-weight: 400;font-size: 16px;color: #ffffff;display: inline-flex;;align-items: center;line-height: 1;}
.site-map-box nav .depth3 > .item-box > a::before {content:'';margin: 0 5px;display: inline-block;width: 4px;height: 4px;border-radius: 50%;background-color: var(--white-color);}
.site-map-box nav .depth3 > .item-box::after {content: none;}
.site-map-box nav .depth4 {margin-top: 10px;width: 100%;display: flex;flex-direction: column;row-gap: 10px;}
.site-map-box nav .depth4 > .item-box {padding-left: 18px;}
.site-map-box nav .depth4 > .item-box > a {font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';font-weight: 400;font-size: 15px;color: #747474;display: flex;;align-items: center;}
.site-map-box nav .depth4 > .item-box > a::before {content:'';background-image: url("/image/common/depth4-mark.png");width: 10px;height: 10px;margin-right: 10px;transform: translateY(-50%);}
.site-map-box .site-map-footer {margin-top: 0;}
.site-map-box .site-map-footer a {font-size: 16px;font-weight: 600;letter-spacing: -0.025em;color: rgba(255,255,255,0.6);}
.site-map-box .bottom-button{display: flex;justify-content: space-between;align-items: center;padding:55px 0;}
.site-map-box .link-box {column-gap: 40px;margin-top: 0;margin-left:0;}

body.sitemap-open .site-map-box .site-map-content::after{transform: scaleY(0);transition: transform 1s 0.5s;}
body.sitemap-open .site-map-box nav  a{transform: translateY(0);clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); transition: transform 1s 0.5s, clip-path 1s 0.5s, color 0.5s;}

/*.quick-menu {position: absolute;top: 290px;right: calc(((100% - 1600px) / 2));z-index: 100;transform: translateX(100%);}*/
.quick-menu {position: absolute;top: 290px;right:110px; z-index:100;transform: translateX(100%);}
.quick-menu .quick-content{display: flex;flex-direction: column;align-items: center;row-gap: 0;width:110px;background-color: transparent;box-shadow: none;border-radius:3px;padding: 0;overflow: hidden;}
.quick-menu .quick-content .quick-header{background-color: #7736a9;padding:16px 0;display: flex;justify-content: center;align-items: center;width: 100%;transition-duration: 0.3s;border: 0;height: auto;}
.quick-menu .quick-content .quick-header h3{text-align: center;font-family:'S-CoreDream','Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';color: var(--white-color);font-weight:500;font-size:12px;line-height:1.3;margin-top: 0;}
.quick-menu .quick-content .quick-header:hover{background-color: #7736a9;}
.quick-menu .quick-item{height:100px;width: 100%;border-bottom:1px solid #e4e4e4;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;padding:10px 0; background-color: #ffffff;}
.quick-menu .quick-item > a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;flex-direction: column;}
.quick-menu .quick-item h2 {font-family:'S-CoreDream','Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';color: #463d3d;font-size:13px; font-weight:400; letter-spacing:-0.03em; }
.quick-menu .quick-item:hover h2 {color: #7736a9;}
.quick-menu .quick-item .icon-box{background-size: cover;width: 38px;height: 38px;background-repeat: no-repeat;transition-duration: 0.3s;}
.quick-menu .quick-item .tel{font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';font-weight:600; font-size:13px; letter-spacing:-0.03em; padding-top:1px;}
.quick-menu .quick-item:nth-of-type(2) .icon-box{background-image: url("/image/common/icon-quick001.png");}
.quick-menu .quick-item:nth-of-type(3) .icon-box{background-image: url("/image/common/icon-quick002.png");}
.quick-menu .quick-item:nth-of-type(4) .icon-box{background-image: url("/image/common/icon-quick003_1.png");}
.quick-menu .quick-item:nth-of-type(5) .icon-box{background-image: url("/image/common/icon-quick004_1.png");}

.quick-menu .quick-item:nth-of-type(2):hover .icon-box{background-image: url("/image/common/icon-quick001-hover.png?1");}
.quick-menu .quick-item:nth-of-type(3):hover .icon-box{background-image: url("/image/common/icon-quick002-hover.png?1");}
.quick-menu .quick-item:nth-of-type(4):hover .icon-box{background-image: url("/image/common/icon-quick003_1-hover.png?1");}
.quick-menu .quick-item:nth-of-type(5):hover .icon-box{background-image: url("/image/common/icon-quick004_1-hover.png?1");}

.quick-menu .quick-item.info-box{display: flex;justify-content: center;align-items: center;background-color: #868283;height:116px;border:0;}
.quick-menu .quick-item.info-box p{font-family:'S-CoreDream','Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';text-align: center;color:var(--white-color);font-size:13px;}
.quick-menu .quick-item.info-box em{font-weight: 400;font-style: normal;}
.quick-menu .quick-item.info-box .time{font-weight: 400;font-size:13px;}
.quick-menu .quick-top .top-button {width: 100%;border: 0;background-color: #635d5f;padding:15px 0;color:#ffffff;transition-duration: 0.3s;}
.quick-menu .quick-top .top-button h2 {font-family:'S-CoreDream','Noto Sans KR','Nanum Gothic','나눔고딕','돋음','굴림';font-weight: 500;font-size: 14px;letter-spacing:0.05em;color:#ffffff;text-align: center;margin-top: 0;transition-duration: 0.3s;}
.quick-menu .quick-top .top-button h2::after{content:'';background-image: url("/image/common/icon-quick-top.png?1");display: inline-block;width: 12px;height: 8px;margin-left: 5px;}
.quick-menu .quick-top .top-button:hover h2::after{background-image: url("/image/common/icon-quick-top-hover.png?1");}
.quick-menu .quick-top .top-button:hover h2{color:var(--white-color);}
.quick-menu .quick-top .top-button:hover{background-color: #423b3d;}


.ti_07 { font-size: 32px; line-height: 1; font-weight: 600; color: #333; background: url(/image/common/point/ti_07_icon.gif) no-repeat 0 center; padding: 16px 0 18px 24px; }
.ti_07 { font-size: 32px; font-weight: 600; color: #333; padding: 16px 0 18px 24px; }

@media (max-width: 640px) {    
    .ti_07 { font-size: 22px; font-weight: 600; color: #333; padding: 16px 0 18px 20px; }
}


/*비디오 레이어*/
.video-layer{}
.video-layer{display: flex;justify-content: center;align-items: center;background-color: rgba(0,0,0,.8);width: 100%;height: 100%;position: fixed;top:0;left: 0;z-index: 999;opacity: 0;pointer-events: none;}
.video-layer .layer-content .close-button{display: block;background-image: url("/image/preview/icon-layer-close.png");background-size:cover;width: 36px;height: 36px;border:0;background-color: transparent;font-size: 0;text-indent: -9999px;}
.video-layer .layer-content{position: relative;max-width: 1200px;width: 100%;padding:20px;}
.video-layer .layer-content .layer-header{display: flex;justify-content: space-between;background-color: #3617ce;border-radius: 20px 20px 0 0;align-items: center;;height: 77px;padding:0 30px;}
.video-layer .layer-content .layer-header h2{font-size: 24px;font-weight: 700;color:#ffffff;display: inline-flex;align-items: center}
.video-layer .layer-content .layer-header h2::before{content:'';width: 25px;height: 25px;border:9px solid #00b0ec;display: inline-block;margin-right: 11px;border-radius: 9px;}
.video-layer .layer-content .video-content{width: 100%;padding:20px;background-color: #ffffff;border-radius: 0 0 20px 20px;}
.video-layer .layer-content .video-content iframe{width: 100%;height: 600px;border-radius: 15px;}

body.videoOpen .video-layer{opacity: 1;pointer-events: auto;transition: .6s opacity;}


#mainContent.main-basic-body {padding-top: 0;}


@media (min-width: 2000px) {
    .site-map-box {--box-header:100px; --box-top-padding:20px;--max-width:1600px;--menu-max-width:1600px;}
    .site-map-box .site-map-content::before{width: calc(((100% - 1920px) / 2) + 480px);}
    .site-map-box .site-map-content::after {width: calc(((100% - 1920px) / 2) + 480px);}
    .site-map-box nav .site-map-inner {padding-left: 480px;}
}

@media (max-width: 1999px) {
    .site-map-box {--box-header:80px; --box-top-padding:0px;--max-width:1600px;--menu-max-width:1600px;}
    .site-map-box .site-map-content::before{width: calc(((100% - 1920px) / 2) + 580px);}
    .site-map-box .site-map-content::after {width: calc(((100% - 1920px) / 2) + 580px);}
    .site-map-box nav .site-map-inner {padding-left: 580px;}
}


@media (max-width: 1700px) {
    /*.top-bar .top-bar-btn .top-button{display: none;}*/
}


@media (max-width: 1560px) {
    .gnb-wrap .gnb .gnb-nav > li > a {padding: 0 10px;font-size: 16px;}
    .gnb-wrap .gnb .gnb-nav > li > ul > li > a {font-size: 12px;}
}


@media (max-width: 1560px) {
    .gnb-wrap .gnb .gnb-nav > li > a {padding: 0 10px;font-size: 16px;}
    .gnb-wrap .gnb .gnb-nav > li > ul > li > a {font-size: 12px;}
}

@media (max-width: 1460px) {
    .gnb-wrap .gnb .gnb-nav > li > a {padding: 0 5px;font-size: 14px;}
    .gnb-wrap .gnb .gnb-nav > li > ul > li > a {font-size: 12px;}
    .header .header-inner {max-width: 100%;padding: 0 20px;}
    .header-logo{left: 20px;}
    .top-bar{right: 20px;}
}

@media (max-width: 1400px) {
    .header.header-over .top-bar{opacity: 0;pointer-events: none;}
    .site-map-box {--max-width:1260px;--menu-max-width:1080px;}
    .site-map-box .site-map-content::before {width: calc(((100% - 1920px) / 2) + 260px);}
    .site-map-box .site-map-content::after {width: calc(((100% - 1920px) / 2) + 260px);}
    .site-map-box nav .site-map-inner {padding-left: 0;}
    
    body.sitemap-open .header{background-color: var(--white-color);transition-duration: 1s;}
    body.sitemap-open .header-logo {opacity:1;pointer-events: none;}
    
    body.menuOpen .top-bar .top-bar-btn .menu-button .bar-group .bar {background-color: var(--black-color);}
    body.menuOpen .top-bar .top-bar-btn  .language-button .btn-hd {color: var(--black-color);background-image: url(./images/icons/icon-language_hover.svg)}    
    body.sitemap-open .top-bar .top-bar-btn .top-button{color:var(--black-color);border-color:var(--black-color);}
    body.sitemap-open .top-bar .top-bar-btn .language-box .bar{background-color: var(--black-color);}
    body.sitemap-open .top-bar .top-bar-btn .language-box .lang-item{color:rgba(0,0,0,0.3);}
    body.sitemap-open .top-bar .top-bar-btn .language-box .lang-item.active{color:rgba(0,0,0,1);}
    body.sitemap-open .top-bar .top-bar-btn .language-box::before{background-image: url("/image/common/icon-lang-on.png");}
    body.sitemap-open .top-bar .top-bar-btn .sitemap-button .bar-group .bar {background-color: var(--black-color);}
    body.sitemap-open .top-bar .top-bar-btn .language-button .btn-hd {color: var(--black-color);background-image: url(./images/icons/icon-language_hover.svg)}    
    body.sitemap-open .header:is(.header-fix,.header-over) .top-bar .top-bar-btn .language-box .bar{background-color: var(--black-color);}
    body.sitemap-open .header:is(.header-fix,.header-over) .top-bar .top-bar-btn .sitemap-button .bar-group .bar {background-color: var(--black-color);}
    body.sitemap-open .header:is(.header-fix,.header-over) .top-bar .top-bar-btn .menu-button .bar-group .bar {background-color: var(--black-color);}
    body.sitemap-open .header:is(.header-fix,.header-over) .top-bar .top-bar-btn .language-button .btn-hd {color: var(--black-color);background-image: url(./images/icons/icon-language_hover.svg)}
}

@media (max-width: 1360px) {
    .gnb-wrap .gnb .gnb-nav > li {max-width: 120px;}
}

@media (max-width: 1280px) {
    .header-logo {margin: 20px 0;z-index: 3;}
    .gnb-wrap{display: none;}
    .site-map-box nav .depth1 > .item-box {padding: 20px 0;row-gap: 20px;}
    .site-map-box nav .depth1 > .item-box > a {font-size: 30px;}
    .site-map-box nav .depth2 > .item-box > a {font-size: 16px;}
    .site-map-box nav .depth3 > .item-box > a {font-size: 14px;}
    .site-map-box .bottom-button {padding: 30px 0;}

}

@media (max-width: 970px) {
    .header-logo {padding-left: 0;}
    .top-bar {padding-right: 0;}
}

@media (max-width: 800px) {
    .site-map-box nav .depth1 > .item-box {padding: 20px 0;row-gap: 20px;}
    .site-map-box nav .depth1 > .item-box > a {font-size: 26px;}
    .site-map-box nav .depth2 > .item-box > a {font-size: 15px;line-height: 1.5;height: 1.5em;}
    .site-map-box nav .depth3 > .item-box > a {font-size: 13px;}
    /*.site-map-box nav .depth1 > .item-box:nth-of-type(2) {width: calc(100% / 2);}
    .site-map-box nav .depth1 > .item-box:nth-of-type(3) {width: calc(100% / 2);}
    .site-map-box nav .depth1 > .item-box:nth-of-type(4) {width: calc(100% / 2);}
    .site-map-box nav .depth1 > .item-box:nth-of-type(5) {width: calc(100% / 2);}*/
}


@media (max-width: 640px) { 
    .header {padding: 0 10px 0 15px;min-height: 80px}
    .header .header-inner {max-width: 100%;padding: 0;}
    .header-logo {left: 0;}
    .top-bar {right: 0;}
    .top-bar .top-bar-list {margin-top: 0;}
    .header-logo a img {height: 34px;}

    .m-menu-box {display: flex;position: fixed;left: 0;top: 0;width: 100%;height: 100vh;background-color: var(--white-color);pointer-events: none;opacity: 0;transition: 0.3s;padding-top: 60px;}
    .m-menu-box .menu-list {background-color: var(--white-color);height: calc(100% - 60px);position: absolute;right: 0;transform: translateX(100%);transition: 0.3s;overflow-y: auto;padding: 30px 0 40px 0;}
    .m-menu-box .depth01>li {border-bottom:1px solid #eeeeee;}
    .m-menu-box .depth01>li>a {padding: 10px 15px;font-size: 22px;font-weight: 600;display: block;color: var(--text-color);}
    .m-menu-box .depth02 {padding: 15px 0;border-radius: 0;margin-top: 0;background-color:#7736a9;}
    .m-menu-box .depth02>li {padding: 5px 0;}
    .m-menu-box .depth02>li>a {padding: 0 20px;font-size:16px;font-weight:600;color: #ffffff;}
    .m-menu-box .depth02>li.more>a::after {right: 15px;}
    .m-menu-box .depth02>li:hover>a {color:#f0c6d3;}
    .m-menu-box .depth02>li.active>a {color:#f5bacd; font-weight:700;}
    .m-menu-box .depth02>li.active .depth03 {display: block;}
    .m-menu-box .depth03>li>a{color:var(--white-color)}
    .m-menu-box .depth03{padding:10px 15px;margin-top:0px;background-color: #7736a9;}
    .m-menu-box .depth03>li {position: relative;padding: 5px 26px;}
    .m-menu-box .depth03>li>a::before {content: '';width: 5px;height: 5px;border-radius: 50%;clear: both;position: absolute;background-color: var(--white-color);top: 16px;left: 12px;transform: none;}
    .m-menu-box .depth03>li:hover>a, .m-menu-box .depth03>li:hover>a {color: #f0c6d3;}
    .m-menu-box .depth03>li.active>a {color: #f0c6d3;}
    .m-menu-box .depth03>li:hover>a, .m-menu-box .depth03>li:hover>a {color: #f0c6d3;}

    .m-menu-box .depth04>li>a{color:var(--white-color)}
    .m-menu-box .depth04{padding:5px 0;}
    .m-menu-box .depth04>li {position: relative;padding: 5px 10px;}
    .m-menu-box .depth04>li>a::before {content: '';width: 5px;height: 2px;clear: both;position: absolute;background-color: var(--white-color);top: 15px;left: 0;transform: none;}
    .m-menu-box .depth04>li.active>a {color: #f0c6d3;}
    .m-menu-box .depth04>li.active>a:before {background-color: #f0c6d3;}

    .m-menu-box .link-box a:nth-of-type(1)::before{content: '';background-image: url(/css/images/icons/icon-m01.png);display: inline-block;width: 25px;height: 25px;margin-right: 11px;}
    .m-menu-box .link-box a:nth-of-type(2)::before{content: '';background-image: url(/css/images/icons/icon-m02.png);display: inline-block;width: 29px;height: 31px;margin-right: 11px;}
    .m-menu-box .menu-footer-box .link-item a {color: var(--text-color);font-size: 12px;display: inline-flex;align-items: center;}

    .video-layer .layer-content .layer-header h2::before {width: 20px;height: 20px;border: 7px solid #00b0ec;border-radius: 7px;}
    .video-layer .layer-content .layer-header {height: 60px;padding: 0 15px;}
    .video-layer .layer-content .layer-header h2 {font-size: 20px;}
    .video-layer .layer-content .video-content iframe {width: 100%;height: auto;aspect-ratio: 550 / 340;border-radius: 15px;}
    .video-layer .layer-content .close-button {width: 20px;height: 20px;}
}