:root{
    --zm_header_height: 48px;

    --point_wv_00: #0e63f0; --point_wv_01: #2174ff; --point_wv_02: #609bff;
    --point_wv_10: #f0811a;
    --point_wv_21: #262626;
    --point_wv_30: #beff1d;
}
.point_wv_00{ color: var(--point_wv_00) !important; }
.point_wv_01{ color: var(--point_wv_01) !important; }
.point_wv_02{ color: var(--point_wv_02) !important; }
.point_wv_10{ color: var(--point_wv_10) !important; }

.wrapper.main .header_wrap{opacity: 1}
.header_wrap { height: 50px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: absolute; top:0; left:0; z-index: 13; padding: 10px 6px 10px 17px; box-sizing: border-box; /* background-color: var(--point_wv_21, #262626); */ background-color: #fff; }
/* [data-wv-layout-seq="1"] .header_wrap, [data-wv-layout-seq="309"] .header_wrap, [data-wv-layout-seq="247"] .header_wrap { background-color: #fff; } */
.header_wrap .header_right_con{ display: flex; align-items: center; height: fit-content; /* margin-left: auto; */ margin-top: -7px; }

.header_menu_wrap { display: none; position: absolute; top: 18px; left: 50%; transform: translateX(-50%); width: 60%; }
/* [data-wv-layout-seq="1"] .header_menu_wrap, [data-wv-layout-seq="309"] .header_menu_wrap, [data-wv-layout-seq="247"] .header_menu_wrap { display: block; } */
.header_menu_wrap ul { flex-wrap: wrap; width: 100%; justify-content: center; }
#gnbFlex > li, .header_menu_list { line-height: 13px; letter-spacing: -0.02em; font-weight: 700; color: #000; padding: 0 23px; /* margin-bottom: 10px; */ /* border-right: 1px solid rgb(0,0,0,1); */ white-space: nowrap; transition: all 0.2s; }
#gnbFlex > li { font-size: 16px; }
.header_menu_list { font-size: 13px; }
/* #gnbFlex > li:hover, #gnbFlex > li.active, .header_menu_list:hover, .header_menu_list.active{ color: var(--point_wv_00); } */
#gnbFlex > li.active, .header_menu_list.active{ color: var(--point_wv_00); }
/* .header_menu_list:last-child { border-right: none; } */

.gnb_mysite { font-size: 11px; line-height: 1; letter-spacing: 0; font-weight: 700; color: #fff; text-align: center; margin-right: 3px; background-color: var(--point_wv_00); border-radius: 7px; min-width: 79px;
    background-image: url('/weven_service/asset/img/svg/keyboard_arrow_right_24dp_FFF_FILL0_wght400_GRAD0_opsz24.svg'); background-repeat: no-repeat; background-position: right 3px top 6px; background-size: 16px; cursor: pointer; transition: all 0.2s; }
.gnb_mysite a { display: block; padding: 9px 19px 8px 7px; }
.gnb_mysite:hover { background-color: var(--point_wv_00); /* background-color: rgb(255, 255, 255, 0.2); */ }


.customer_view_con{display: none;}

/* left */
/*logo*/
.header_wrap .logo_con { margin: 0; }
.header_wrap .logo_con > h1 { font-size: 0; position: absolute; top: -10px; left: 0; }
.header_wrap .logo_con .logo{ display:inline-block; /* min-width: 90px; */ min-width: 92px; display: flex; align-items: center; gap: 6px;}
.header_wrap .logo_con .logo img{ width: 70px; }

/* right */
/*공통*/
.gnb_inner_wrapper{ /* width: 50px; height: 40px; */ cursor: pointer; padding: 10px 10px 10px 10px;
    display: flex; align-items: center; justify-content: center; font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; font-weight: 400;}
.gnb_inner_wrapper.is_login{ width: auto; height: auto; margin-left: 0; cursor: auto;}
.gnb_container_dropdown{ width: 336px; position: fixed; top: 65px; right: 17px; display: block; z-index: 1000; overflow: hidden;
    border: 1px solid #d8e4ee; background-color: #fff; border-radius: 10px; box-shadow: 5px 5px 10px rgba(0,0,0,0.06);
    transform: scale(0); opacity: 0; transition: transform .2s, opacity .4s, right .5s; transform-origin: top right; }
.gnb_inner_wrapper.active .gnb_container_dropdown{transform: scale(1); opacity: 1;}
.gnb_container_dropdown .gnb_inner_btn_wrap:last-child{ border-bottom: none; }
.gnb_container_dropdown .gnb_inner_btn_con{ padding: 29px 30px; border-bottom: 1px solid #e9eef5; cursor: default; }
.gnb_container_dropdown > ul > li{ border-bottom: 1px solid #e9eef5; }
.gnb_container_dropdown > ul > li:hover{ background-color: #f9fbff; }
.gnb_container_dropdown > ul > li:last-child{ border-bottom: none;}
.gnb_container_dropdown > ul > li a{ display: block; padding: 25px 21px 24px 25px;
    font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; font-weight: 700; }
.gnb_container_dropdown > ul > li a > span{ display: flex; justify-content: space-between; align-items: center;}
.gnb_container_dropdown > ul > li a > span:after{content: ""; width: 15px; height: 11px; display: inline-block; position: relative; top: 0; right: -2px;
        background-image: url('/weven_service/asset/img/svg/icons8-arw_right.svg'); background-size: contain; background-repeat: no-repeat; background-position: center;}
/*헤더(h) 프로필 이미지 - 기본: 23*23*/
.login_logout .h_profile_img_con { display: none; }
.login_logout.is_login .h_profile_img_con { display: block; }
.h_profile_img_con{width: 23px; height: 23px; border-radius: 50%; background-color: transparent; display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; }
.h_profile_img_con .h_profile_img{width: 100%; height: 100%; border-radius: 50%; text-indent: -1000px;
    background-size: cover; background-position: center; background-repeat: no-repeat; box-shadow: var(--profile_border);}
.h_profile_img_con [membername] {font-size: 10px; line-height: 23px; font-weight: 700; color:transparent; text-align: center;}
/*헤더(h) 프로필 이미지 - type_2: 40*40*/
.h_profile_img_con.type_2{width: 40px; height: 40px;}
.h_profile_img_con.type_2 [membername] {font-size: 15px;}
.h_profile_img_con.type_2 [membername] { line-height: 40px; }
/*햄버거메뉴 버튼 (#siteMapOpenBtn, #fixedSiteMapOpenBtn 내부)*/
.gnb_icon{ display: flex; flex-direction: column; gap: 3px; }
.gnb_icon span{background-color: #000; /* height: 3px; width: 27px; */ width: 18px; height: 2px; transition: all 0.3s;}
#fixedSiteMapOpenBtn .gnb_icon span{background-color: var(--point_wv_01); }
.gnb_inner_wrapper:hover .gnb_icon span{background-color: var(--point_wv_01) !important;}

/*right 로그인*/
#gnbLoginWrap{ margin-right: 2px; }
.login_logout .profile_wrap{ display: flex; align-items: center; font-size:0px; line-height:0px; cursor: pointer; margin-top: 3px; }
.login_logout.is_login .profile_wrap { margin-top: 0; }
.login_logout .profile_name{ position: relative; display: inline-block; font-size: 0; line-height: 0; color: #000; padding-left: 8px; padding-right: 21px; margin-top: -1px;}
.login_logout .profile_name span{ display: inline-block; max-width: 140px; overflow: hidden; text-overflow: ellipsis; font-size: 13px; font-size: 1.3rem; line-height: 21px; line-height: 2.1rem; font-weight: 700; }
.login_logout .profile_name svg{ position: absolute; right: 5px; top: 0px; width: 11px; height: 100%; fill: #000; }
.login_logout.is_login .profile_name{padding-right: 23px;}
.login_logout.is_login .profile_name svg{top: 0; width: 17px;}
.login_logout:hover .profile_name {color: var(--point_wv_01) !important; transition: color 0.3s;}
.login_logout:hover .profile_name svg{fill: var(--point_wv_01) !important; transition: fill 0.3s;}
.login_logout.active .profile_name {color: var(--point_wv_01) !important;}
.login_logout.active .profile_name svg{fill: var(--point_wv_01) !important; transition: fill 0.3s;}
.login_logout.gnb_inner_wrapper { padding-right: 0; }
.header_member_list_con{}
.header_member_list_con .gnb_inner_btn_con{ transition: background-color 0.2s; }
.header_member_list_con .gnb_inner_btn_con:hover{ background-color: #f9fbff; }
.header_member_list_con .gnb_inner_btn_con.nickname_wrap { cursor: pointer; }
.header_member_list_con .gnb_inner_btn_con .credit_img{width: 40px; height: 40px; background-image: url("/weven_service/asset/img/svg/credit_icon.svg"); background-size: contain; background-position: center; background-repeat: no-repeat;}
.header_member_list_con .gnb_inner_btn_con .gnb_inner_btn_right{margin-left: 20px;}
.header_member_list_con .gnb_inner_btn_con .gnb_inner_btn_right div{font-size: 13px; font-size: 1.3rem; line-height: 21px; line-height: 2.1rem;}
.header_member_list_con .gnb_inner_btn_con .gnb_inner_btn_right div.nickname_email{font-weight : 700; max-width: 140px; overflow: hidden; text-overflow: ellipsis;}
.header_member_list_con .gnb_inner_btn_con .gnb_inner_btn_right div.nickname_name{font-weight: 300;}
.header_member_list_con .gnb_inner_btn_con .gnb_inner_btn_right div.credit_title{font-weight: 500;}
.header_member_list_con .gnb_inner_btn_con .gnb_inner_btn_right div.credit_amount{font-weight: 700;}
.header_member_list_con .logout_btn_wrap{background-color: #fff; border: 1px solid #a4abba; border-radius: 3px; overflow: hidden; box-sizing: border-box; transition: .2s; position: absolute; right: 30px; top: 38px;}
.header_member_list_con .logout_btn{display: inline-block; font-size: 10px; font-size: 1.0rem; line-height: 16px; line-height: 1.6rem; font-weight: 500; color: #2a2a2a; letter-spacing: 0.0em; padding: 2px 8px 3px 8px; transition: .2s;}
.header_member_list_con .logout_btn_wrap:hover{background-color: #2a2a2a; border-color: #2a2a2a;}
.header_member_list_con .logout_btn_wrap:hover .logout_btn{color: #fff;}
.header_member_list_con > ul > li a {padding-left: 29px;}
.header_member_list_con > ul > li a:after{right: 3px;}
/* (크레딧) */
#gnbMember li a.credit_li { display: flex; justify-content: space-between; align-items: center; white-space: nowrap; }
/* span after 제거 */
#gnbMember li a span.arrow_delete::after { content: none !important; }


/*right 사이트맵*/
#siteMapOpenBtn{ opacity: 1; }
.header_menu_list_con{}
.header_menu_list_con .close_btn{width: 29px; height: 29px; padding: 10px 10px 10px 18px; position: absolute; left: 10px; top: 0px; cursor: pointer;
    background-image: url('/weven_service/asset/img/svg/icons8-right_fold_white.svg'); background-size: 26px; background-repeat: no-repeat; background-position: center;}
.site_lang{ display: flex; gap: 22px; position: absolute; top: 16px; right: 26px; }
/* .site_lang li{ position: relative; display: inline-block; font-size: 14px; line-height: 20px; font-weight: 600; color: #fff; cursor: pointer; opacity: 0.3; } */
.site_lang li{ position: relative; display: inline-block; font-size: 17px; line-height: 20px; font-weight: 500; color: #fff; cursor: pointer; opacity: 0.5; }
.site_lang li:hover{ opacity: 0.5; }
.site_lang li.active{ opacity: 1; }
/* .site_lang li:not(:first-child)::before{ content: ''; display: inline-block; width: 1px; height: 10px; background-color: #fff; position: absolute; top: 5px; left: -9px; opacity: 0.3; } */
.header_menu_list_con .gnb_inner_btn_wrap{margin-bottom: 15px;}
.header_menu_list_con .gnb_inner_btn_con{display: flex; align-items: center; justify-content: center;}
.header_menu_list_con .gnb_inner_btn_con a{position: relative; width: 100%; padding-top: 12px; padding-bottom: 11px; border: 1px solid var(--point_wv_01); border-radius: 5px; text-align: center;
    font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; font-weight: 700;}
.header_menu_list_con .gnb_inner_btn_con a svg{width: 12px; height: 19px; position: absolute; right: 20px; transform: translateX(-100%); opacity: 0; transition: 0.3s; transform-origin: left; }
.header_menu_list_con .gnb_inner_btn_con a:hover svg{transform: translateX(0); opacity: 1;}
.header_menu_list_con .gnb_inner_btn_con a.bg_blue{background-color: var(--point_wv_01); color: #fff; margin-bottom: 8px;}
.header_menu_list_con .gnb_inner_btn_con a.bg_white{ margin-bottom: 8px; background-color: #fff; border-color: #fff; color: var(--point_wv_01); font-size: 15px; font-size: 1.5rem; letter-spacing: 0.02em;}

.header_menu_list_con .gnb_inner_btn_con a.bg_white svg{top: 50%; transform: translate(-100%, -50%);}
.header_menu_list_con .gnb_inner_btn_con a.bg_white:hover svg{transform: translate(0, -50%);}
.header_menu_list_con .gnb_inner_btn_con a.bg_white span{ display: inline-block; max-width: 115px; }

/* GNB */
.gnb_container_open{ color: #fff; }

/*1depth*/
.gnb_container_open > div > ul{ font-size: 14px; font-size: 1.4rem; line-height: 36px; line-height: 3.6rem; font-weight: 500; padding-bottom: 33px; margin-top: -6px; margin-left: 5px; /* border-bottom: 1px solid rgb(255, 255, 255, 0.2); */ }
.gnb_container_open > div > ul > li > a{ display: block; padding: 0 0 0 37px; background-repeat: no-repeat; background-position: left 0 top 49%; transition: all 0.2s; line-height: 55px; white-space: nowrap; 
    font-size: 19px; line-height: 55px;  opacity: 0.6; letter-spacing: 0; font-weight: 600; background-size: 25px; }
.gnb_container_open > div > ul > li > a:hover { opacity: 1; }
.gnb_container_open > div > ul > li > a[href*="introduction"]{ position: relative; }
.gnb_container_open > div > ul > li > a[href*="introduction"]::before{ content: "Z"; position: absolute; left: 7px; top: 54%; transform: translateY(-50%); font-family: "Fugaz One"; font-size: 23px; font-weight: 700; 
   /* background-image: url('/weven_service/asset/img/svg/header-logo.svg'); background-repeat: no-repeat; background-position: center center;  opacity: 0.7; */
}

.gnb_container_open > div > ul > li > a[href*="sitedesign"]{background-image: url('/weven_service/asset/img/svg/satellite_24dp_FFF_FILL0_wght400_GRAD0_opsz24.svg');  }
.gnb_container_open > div > ul > li > a[href*="store"]{background-image: url('/weven_service/asset/img/svg/header-deployed_icon.svg');   background-size: 25px; }
.gnb_container_open > div > ul > li > a[href*="help-center"]{background-image: url('/weven_service/asset/img/svg/header-help_icon.svg');  }
.gnb_container_open > div > ul > li > a[href*="domain"]{background-image: url('/weven_service/asset/img/svg/header-domain_icon.svg');  }
.gnb_container_open > div > ul > li > a[href*="payment"]{background-image: url('/weven_service/asset/img/svg/header-confirmation_icon.svg'); }
.gnb_container_open > div > ul > li > a[href*="news"]{background-image: url('/weven_service/asset/img/svg/header-sms_icon.svg'); background-size: 25px; background-position: left top 55%;  }
/*hover*/
.gnb_container_open > div > ul > li > a:hover{ color: #fff; }
/* .gnb_container_open > div > ul > li > a[href*="introduction"]:hover{background-image: url('/weven_service/asset/img/svg/header-preliminary_icon_h.svg');} */

.gnb_container_open > div > ul > li > a:hover[href*="sitedesign"],
.gnb_container_open > div > ul > li > a:hover[href*="store"],
.gnb_container_open > div > ul > li > a:hover[href*="help-center"],
.gnb_container_open > div > ul > li > a:hover[href*="domain"],
.gnb_container_open > div > ul > li > a:hover[href*="payment"],
.gnb_container_open > div > ul > li > a:hover[href*="news"] { opacity: 1; }
/* .gnb_container_open > div > ul > li > a[href*="sitedesign"]:hover{background-image: url('/weven_service/asset/img/svg/satellite_24dp_0E63F0_FILL0_wght400_GRAD0_opsz24.svg');}
.gnb_container_open > div > ul > li > a[href*="store"]:hover{background-image: url('/weven_service/asset/img/svg/header-deployed_icon_h.svg');}
.gnb_container_open > div > ul > li > a[href*="help-center"]:hover{background-image: url('/weven_service/asset/img/svg/header-help_icon_h.svg');}
.gnb_container_open > div > ul > li > a[href*="domain"]:hover{background-image: url('/weven_service/asset/img/svg/header-domain_icon_h.svg');}
.gnb_container_open > div > ul > li > a[href*="payment"]:hover{background-image: url('/weven_service/asset/img/svg/header-confirmation_icon_h.svg');}
.gnb_container_open > div > ul > li > a[href*="news"]:hover{background-image: url('/weven_service/asset/img/svg/header-sms_icon_h.svg');} */
/*active*/
.gnb_container_open > div > ul > li.active > a{ opacity: 1; }
/* .gnb_container_open > div > ul > li.active > a[href*="introduction"]{background-image: url('/weven_service/asset/img/svg/header-preliminary_icon_h.svg');} */
/* .gnb_container_open > div > ul > li.active > a[href*="sitedesign"]{background-image: url('/weven_service/asset/img/svg/satellite_24dp_0E63F0_FILL0_wght400_GRAD0_opsz24.svg');}
.gnb_container_open > div > ul > li.active > a[href*="store"]{background-image: url('/weven_service/asset/img/svg/header-deployed_icon_h.svg');}
.gnb_container_open > div > ul > li.active > a[href*="help-center"]{background-image: url('/weven_service/asset/img/svg/header-help_icon_h.svg');}
.gnb_container_open > div > ul > li.active > a[href*="domain"]{background-image: url('/weven_service/asset/img/svg/header-domain_icon_h.svg');}
.gnb_container_open > div > ul > li.active > a[href*="payment"]{background-image: url('/weven_service/asset/img/svg/header-confirmation_icon_h.svg');}
.gnb_container_open > div > ul > li.active > a[href*="news"]{background-image: url('/weven_service/asset/img/svg/header-sms_icon_h.svg');} */

/*2depth*/
.gnb_container_open > div > ul > li > ul{}
.gnb_container_open > div > ul > li > ul > li{ }
.gnb_container_open > div > ul > li > ul > li:hover{ color: var(--point_wv_01); }
.gnb_container_open > div > ul > li > ul > li > a{display: block; padding: 8px 0 12px 37px; font-weight: 600;}
/*list_on*/
.gnb_container_open > div > ul > li.has_child > a:after{content: ''; width: 29px; height: 20px; position: absolute; right: 3px;
    background-image: url('/weven_service/asset/img/svg/icons8-arw_down.svg'); background-size: 17px; background-repeat: no-repeat; background-position: center;}
.gnb_container_open > div > ul > li.has_child > ul{height: 0; overflow: hidden; margin-bottom: 0; transition: .2s; transform: translateY(-10px); opacity: 0;}
.gnb_container_open > div > ul > li.has_child.list_on > a:after{ background-image: url('/weven_service/asset/img/svg/icons8-arw_up.svg');}
.gnb_container_open > div > ul > li.has_child.list_on > ul{height: auto; margin-bottom: 27px; transition: .2s; transform: translateY(0); opacity: 1;}
/*active*/
.gnb_container_open > div > ul > li.has_child > ul > li.active > a{color: var(--point_wv_01);}


/*fixedGnb*/
/*버튼*/
#fixedSiteMapOpenBtn{ position: fixed; top: 13px; right: 12px; z-index: 13; transition: 0.5s; opacity: 0; transform: translateY(-100%); }
#fixedSiteMapOpenBtn .gnb_inner_wrapper{margin-left: 0;}
/*리스트*/
#siteMap {position: relative; z-index: 14;}
#siteMap .gnb_container_open{ position: fixed; top: 0; right: -313px; width: 250px; height: 100vh; background-color: #262626; z-index: 9999; padding: 84px 21px 30px 21px; cursor: auto; overflow: auto; box-sizing: border-box; }
/* [lang="ko"] [data-wv-layout-seq="1"] #siteMap .gnb_container_open { top: 51px; } */
[lang="ko"] [data-wv-layout-seq="1"] #siteMap .gnb_container_open.unScroll { top: 0; }
#siteMap .gnb_container_open::-webkit-scrollbar{ display: inline-block; width: 9px; }
#siteMap .gnb_container_open::-webkit-scrollbar-track{ background: transparent; -webkit-box-shadow: inset 0 0 9px transparent; }
#siteMap .gnb_container_open::-webkit-scrollbar-thumb{ background-color: var(--point_wv_01); border-left: 3px solid #fff; border-right: 3px solid #fff; -webkit-box-shadow: inset 0 0 40px var(--point_wv_01); }
#siteMap.active .gnb_container_open{ right: 0; }
#siteMap.active .gnb_container_open_dim{ width: 100%; height: 100vh; background-color: rgba(0,0,0,0.3); position: fixed; left: 0; top: 0; z-index: 9998;}
/* #siteMap.active + .header_wrap .login_logout .profile_name { margin-top: 6px; } */

/*검정 배경일 때 헤더 요소 흰색으로 변경 (#headerWrapper에 .bg_black 추가하여 사용)*/
/* #headerWrapper.bg_black */


/* 스튜디오 이동 버튼 */
.gnb_studio{ display: flex; flex-direction: column; align-items: left;  cursor: pointer; padding: 20px 17px 24px 17px; background-color: #353739; border-radius: 10px; }
[lang="en"] .gnb_studio { padding: 13px 8px; }
[lang="jp"] .gnb_studio { padding: 13px 16px; }
.gnb_studio_logo{ padding-bottom: 6px; font-family: "Fugaz One"; font-size: 24px; line-height: 1; font-weight: 500; letter-spacing: -0.02em; background: linear-gradient(to right, #fbd0e4, var(--point_wv_01)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;  
    text-align: center;
}
.gnb_studio_desc{ font-size: 16px; line-height: 1; font-weight: 500; transition: all 0.2s; position: relative; text-align: center; letter-spacing: -0.02em; text-align: center; letter-spacing: -0.02em; opacity: 0.7;
   /* background-image: url("/weven_service/asset/img/svg/keyboard_arrow_right_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.svg"); background-size: 15px; background-position: right 1px center; background-repeat: no-repeat; */ }
[lang="en"] .gnb_studio_desc{ line-height: inherit; }
/* .gnb_studio:hover .gnb_studio_desc{ background-image: url("/weven_service/asset/img/svg/keyboard_arrow_right_24dp_FFF_FILL0_wght400_GRAD0_opsz24.svg"); } */
/* .gnb_studio_desc::before { content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 17px; height: 17px; border-radius: 50%; background-color: #fff; z-index: -1; } */
/* .gnb_studio:hover .gnb_studio_desc::before { background-color: var(--point_wv_00); } */

/*(/page/web-gpt)*/
#webGptPage #headerWrapper .gnb_inner_wrapper:hover .gnb_icon span{background-color: var(--point_wv_30) !important;}
#webGptPage .login_logout:hover .profile_name{color: var(--point_wv_30) !important;}
#webGptPage .login_logout:hover .profile_name svg{fill: var(--point_wv_30) !important;}
#webGptPage .login_logout.active .profile_name{color: var(--point_wv_30) !important;}
#webGptPage .login_logout.active .profile_name svg{fill: var(--point_wv_30) !important;}



@media all and (min-width: 700px){
    .login_logout .profile_name span{max-width: none;}

}

@media all and (min-width: 768px){
    /* .header_menu_wrap { top: 19px; width: 40%; left: 20%; transform: translateX(0); } */
    /* .header_menu_wrap ul { width: 80%; } */

}

@media all and (min-width: 992px){
    /* .gnb_inner_wrapper{ margin-left: 10px; } */
    .gnb_container_dropdown{ right: 27px;}
    .gnb_container_open > div > ul > li > ul > li > a{padding: 0 0 14px 37px;}
    .gnb_container_open > div > ul > li.has_child.list_on > ul{margin-bottom: 17px;}

    #fixedSiteMapOpenBtn{ right: 15px; }

    

    #siteMap .gnb_container_open{ position: fixed; top: 0; right: -313px; width: 176px; height: 100vh; background-color: #262626; z-index: 9999; padding: 70px 21px 30px 21px; cursor: auto; overflow: auto; box-sizing: border-box; }
    .header_menu_list_con .close_btn{width: 29px; height: 29px; padding: 10px; position: absolute; left: 10px; top: 0px; cursor: pointer;
    background-image: url('/weven_service/asset/img/svg/icons8-right_fold_white.svg'); background-size: 16px; background-repeat: no-repeat; background-position: center;}
    .site_lang{ display: flex; gap: 11px; position: absolute; top: 16px; right: 26px; }
    .site_lang li{ position: relative; display: inline-block; font-size: 11px; line-height: 20px; font-weight: 500; color: #fff; cursor: pointer; opacity: 0.5; }
    .gnb_container_open > div > ul > li > a{ display: block; padding: 0 0 0 28px; background-repeat: no-repeat; background-position: left 0 top 54%; transition: all 0.2s; line-height: 20px; white-space: nowrap; 
    font-size: 14px; line-height: 34px;  opacity: 0.6; letter-spacing: 0; font-weight: 600; background-size: 16px; }
    .gnb_container_open > div > ul > li > a[href*="introduction"]::before{ content: "Z"; position: absolute; left: 4px; top: 52%; transform: translateY(-50%); font-family: "Fugaz One"; font-size: 14px; font-weight: 700; 
   /* background-image: url('/weven_service/asset/img/svg/header-logo.svg'); background-repeat: no-repeat; background-position: center center;  opacity: 0.7; */}
    .gnb_container_open > div > ul > li > a[href*="store"]{ background-size: 17px; }
        .gnb_container_open > div > ul > li > a[href*="news"]{background-image: url('/weven_service/asset/img/svg/header-sms_icon.svg'); background-size: 15px; background-position: left top 55%;  }

    .gnb_container_open > div > ul{ font-size: 14px; font-size: 1.4rem; line-height: 36px; line-height: 3.6rem; font-weight: 500; padding-bottom: 23px; margin-top: -6px; margin-left: 5px; /* border-bottom: 1px solid rgb(255, 255, 255, 0.2); */ }
    .gnb_studio{ display: flex; flex-direction: column; align-items: left;  cursor: pointer; padding: 11px 17px 13px 17px; background-color: #353739; border-radius: 5px; }
        .gnb_studio_logo{ padding-bottom: 4px; font-family: "Fugaz One"; font-size: 16px; line-height: 1; font-weight: 500; letter-spacing: -0.02em; background: linear-gradient(to right, #fbd0e4, var(--point_wv_01)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;  
    text-align: center;}
    .gnb_studio_desc{ font-size: 11px; line-height: 1; font-weight: 500; transition: all 0.2s; position: relative; text-align: center; letter-spacing: -0.02em; text-align: center; letter-spacing: -0.02em;
   /* background-image: url("/weven_service/asset/img/svg/keyboard_arrow_right_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.svg"); background-size: 15px; background-position: right 1px center; background-repeat: no-repeat; */ }
}


@media all and (min-width: 1024px) {
    
}


@media all and (min-width: 1200px) {
    /* .header_menu_wrap { left: 50%; transform: translateX(-50%); } */
    .header_menu_wrap { display: block; }

}

@media all and (min-width: 1390px){

    /*siteMap 화면 밀고 나오기*/
    #siteMap .gnb_container_open{ /* width: var(--siteMap_fixed_width); */ right: calc( (var(--siteMap_fixed_width) + 10px)*(-1) ); }
    #siteMap.active .gnb_container_open{ right: 0; }
    #siteMap.active ~ .header_wrap{ width: calc(100% - var(--siteMap_fixed_width)); }
    #siteMap.active .gnb_container_open_dim{ display: none; }
    #siteMap.active ~ .header_wrap #siteMapOpenBtn{ /*opacity: 0;*/ display: none; }
    #siteMap.active ~ .header_wrap .gnb_container_dropdown{ right: 176px; }

}