/* Header */
/* 공용 레이아웃 */
.mobile {display:none !important;}
.header {position:relative; width:100%; /* height:74px; */ top:0; align-items:center; /* display:flex; */ justify-content:center; background-color:#fff; z-index:1040; /*border:1px solid transparent;*/}
.header.active {background:transparent;}
.header.active .hd_middle a {color:#fff;}
.header span, .header p, .header div, .header a, .header button {font-family: var(--main-font);}
.header .gnb-menu {width:900px; padding:20px 0;}
.hd-search.mobile {display: none !important;}


/* 22. 06. 28 진이어스 헤더 (최상위 class = hd-type01) */
header {}
header .hd-type01 {}
header .hd-fixed.hd_active {position:fixed; top:0; left:0; width:100%; background-color:#fff; z-index:1000;}
header .hd-fixed.hd_active .hd-top {display:none;}
/* header .hd-fixed.active .hd-mid {margin-top:25px;} */

header .hd-top {/* margin:25px auto; */ text-align:right;}
header .hd-top .hd-top-item {display:inline-flex; margin: 25px 10px 5px 0;}
header .hd-top .hd-top-item:last-child {margin-right:0;}
header .hd-top .hd-top-item a {color:#585858; font-size:14px;}
header .hd-top .myinfo a {font-weight: 600;}

header .hd-mid {display:flex; align-items:center; justify-content:space-between;}
/* header .hd-mid .hd-mid-left {max-width:30px;} */
header .hd-mid .hd-mid-left .hd-search {position:relative; display:inline-flex; align-items:center; margin-left:20px;}
header .hd-mid .hd-mid-left .hd-search .hd-search-input {width:300px; padding:10px 10px 10px 30px; background-color:#F3F3F3;}
header .hd-mid .hd-mid-left .hd-search .hd-search-input::placeholder {font-size:.9rem; color:#989898;}
header .hd-mid .hd-mid-left .hd-search .hd-search-icon {position:absolute; top:50%; left:10px; transform:translateY(-50%);}


/* 검색 - 인기검색어 추가 (22.07.21) */
header .hd-search .search-hit {display:none; position:absolute; width:100%; top:110%; left:0; padding:20px; border:1px solid #999; z-index:150; background-color:#fff;}

/* header .on-mobile.active .search-hit {display:block;} */
header .hd-search.active .search-hit {display:block;}
/* header .hd-search .search-hit.active {display:block;} */
header .hd-search .search-hit .hit-title {padding-bottom:15px; border-bottom:1px solid #999; margin-bottom:15px; font-weight:800; font-size:1.1rem;}
header .hd-search .search-hit .hit-list {}
header .hd-search .search-hit .hit-list .hit-data {cursor:pointer; line-height:1.8;}


header .hd-mid .hd-mid-right {}
header .hd-mid .hd-mid-right .hd-icon {position:relative; display:inline-block; margin-right:5px;}
/* header .hd-mid .hd-mid-right .hd-icon:last-child {margin-right:0;} */
header .hd-mid .hd-mid-right .hd-icon i {font-size:2rem;}
header .hd-mid .hd-mid-right .hd-icon.hd-basket .hd-basket-count {position:absolute; top:-3px; right:-8px; display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:50%; background-color:#1159FE; color:#fff; font-size:.6rem;}

header .hd-bot {position:relative; display:flex;}
header .hd-menu {display:flex; z-index:110;}
header .hd-menu span {cursor:pointer;}
header .main-cate-menu .hd-category {margin-right:45px;}
header .main-cate-menu .hd-category:last-child {margin-right:0;}
header .main-cate-menu .hd-category .cate-main {display:inline-block; padding:20px 0; font-size:1.1rem; font-weight:700; border-bottom:2px solid transparent;}
header .main-cate-menu .hd-category .cate-main:hover {border-color:#050505;}
header .main-cate-menu .hd-category .cate-middle {display:none; position:absolute; top:100%; left:0; width:100%; background-color:#f8f8f8; padding:0 10px; z-index:100; /*border-bottom:1px solid #c4c4c4;*/}
/* header .hd-category .cate-middle a:first-child {padding-top: 20px;}
header .hd-category .cate-middle a:last-child {padding-bottom: 20px;} */
header .main-cate-menu .hd-category:hover .cate-middle {display:block;}
header .main-cate-menu .hd-category .cate-middle:hover {display:block;}
header .main-cate-menu .hd-category .cate-middle a {display:inline-block; padding:0 0 15px; color:#585858; font-weight:500;}
header .main-cate-menu .hd-category .cate-middle a:hover {color:#050505; font-weight:700;}
header .main-cate-menu .hd-category .cate-middle a:first-child {padding-top:20px;}
header .main-cate-menu .hd-category .cate-middle a:last-child {padding-bottom:20px;}
header .main-cate-menu .hd-category .cate-cont {align-items:flex-start;}




header .header_type02 .main-cate-menu .hd-category .cate-middle a:first-child {padding-top:27px;}
header .header_type02 .main-cate-menu .hd-category .cate-middle a:last-child {padding-bottom:27px;}

/* type3 분기처리 - 22.11.14 / by.Chungwon */
header .header_type03 {justify-content: space-between;display:flex;}
header .header_type03 .hd-mid .hd-mid-left {max-width:180px;}
header .header_type03 .hd-bot{flex: none;}
header .header_type03 .hd-category .cate-main {padding:10px 15px; border:1px solid #de7d2f; background-color:#de7d2f; color:#fff; font-size:1.3rem; transition:.3s;}
header .header_type03 .hd-category .cate-main:hover {border-color:#de7d2f; background-color:#fff; color:#de7d2f;}

/* type4 분기처리 - 22.11.18 (by.hyemi) */
header .header_type04 {}
header .header_type04.hd-fixed.hd_active {background-color:rgba(255,255,255,.7);}
header .header_type04 .hd-mid .hd-mid-left {max-height:62px; margin:10px 0;}
header .header_type04 .hd-mid .hd-mid-left .logo {margin:0;}
/* header .header_type04 .main-cate-menu .hd-category .cate-cont {padding:20px;} */

/* type5 분기처리 - 23.02.02 (by.hyemi) */
header .header_type05 {/*border:none;*/ position:relative;}
/* 중앙 메뉴 부분 */
header .header_type05 .hd-mid {position:absolute; top:100%; left:50%; transform:translateX(-50%); min-width:1600px; max-width:100%; background-color:transparent;}
header .header_type05.hd-fixed.hd_active {background-color:rgba(255,255,255,.8);}
header .header_type05.hd-fixed.hd_active .hd-mid {background-color:rgba(255,255,255,.8);}
header .header_type05 .hd-mid .hd-mid-left {max-height:60px; margin:10px 0 10px 30px;}
header .header_type05 .hd-mid .hd-mid-left .logo {margin:0; max-height:60px;}
header .header_type05 .hd-mid .hd-mid-center {position:absolute; left:50%; transform:translateX(-50%);}
header .header_type05 .hd-mid .hd-mid-right {margin-right:30px;}

header .header_type05 .main-cate-menu .hd-category {position:relative; transition:.2s;}
header .header_type05 .main-cate-menu .hd-category .cate-middle {left:50%; min-width:130px; width:auto; text-align:center; transform:translateX(-50%); border-radius:5px; background-color:#fafafa;}
header .header_type05 .main-cate-menu .hd-category .cate-middle .cate-cont {display:block;}
header .header_type05 .main-cate-menu .hd-category .cate-middle .cate-cont a.menu-sub {display:block; font-weight:400; font-size:1rem; white-space:nowrap;}
header .header_type05 .main-cate-menu .hd-category .cate-middle .cate-cont a.menu-sub:hover {font-weight:600;}

header .header_type05 .main-cate-menu .hd-category .cate-main:hover {position:relative; border-color:#000;}
/* header .header_type05 .main-cate-menu .hd-category .cate-main:hover {border-color:#fff; color:#fff;} */
header .header_type05 .main-cate-menu .hd-category .cate-main:hover:before {content:''; position:absolute; top:50%; left:50%; width:150%; height:80%; background-color:rgba(255,255,255,.5); transform:translate(-50%, -50%); z-index:-1; border-radius:10px;}
header .header_type05.hd-fixed.hd_active .main-cate-menu .hd-category .cate-main:hover {border-color:#000;}

header .header_type05 .main-cate-menu .hd-category a.cate-main {font-weight:500; font-size:1rem; color:#000;}
header .header_type05.hd-fixed.hd_active .main-cate-menu .hd-category a.cate-main {color:#000;}

header .header_type05 .toggle_open i {font-size:20px; color:#000;}
header .header_type05.hd-fixed.hd_active .toggle_open i {color:#000;}

/* 메뉴 전체보기 */
header .header_type05 .hd-bot {position:absolute; top:calc(100% + 10px); width:100%;}
header .header_type05 .hd-all-gnb {padding:25px 30px; width:92%; left:50%; transform:translateX(-50%); border-radius:10px; background-color:#fff; border:1px solid #eee;}
header .header_type05.hd-fixed.hd_active .hd-all-gnb {background-color:#000;}

header .header_type05 .hd-all-gnb .hd-category {text-align:center;}
header .header_type05 .hd-all-gnb .hd-category a.cate-main {font-weight:700; font-size:1.2rem; color:#000;}
header .header_type05 .hd-all-gnb .hd-category .cate-middle {margin-top:15px;}
header .header_type05 .hd-all-gnb .hd-category .cate-middle .cate-cont {display:block;}
header .header_type05 .hd-all-gnb .hd-category .cate-middle .cate-cont a.menu-sub {display:block; padding-bottom:8px; font-size:1rem; color:#444;}
header .header_type05 .hd-all-gnb .hd-category .cate-middle .cate-cont a.menu-sub:hover {font-weight:600; color:#000;}
header .header_type05 .hd-all-gnb .hd-category .cate-middle .cate-cont a.menu-sub:last-child {padding-bottom:0;}

/* 모바일 환경 분기처리 (23.02.03) */
.service-mobile header .header_type05 .hd-mid {min-width:90%;}
.service-mobile header .header_type05 .hd-mid .hd-mid-left {margin-left:10px;}
.service-mobile header .header_type05 .hd-mid .hd-mid-right {margin-right:10px;}
.service-mobile header .header_type05 .hd-mid .hd-mid-center {display:none;}

.service-mobile header .header_type05 .toggle_open i {font-size:25px;}

/* 임시 CSS 지워야함 (23.02.02) */
.fit-intro01 {}
.fit-intro01 .intro-test {width:100%; height:100vh; background-image: url('/resources/image/ex-img/main_serction_01.png');}

@media screen and (max-width:768px) {
    header .header_type05 .hd-mid {min-width:90%; padding:10px 0; left:0; transform:translateX(0);}
    header .header_type05 .hd-mid .hd-mid-left {margin-left:10px;}
    header .header_type05 .hd-mid .hd-mid-right {margin-right:10px;}
    header .header_type05 .hd-mid .hd-mid-center {display:none;}

    header .header_type05 .toggle_open i {font-size:25px;}

    header .header_type05.hd-fixed.hd_active .hd-mid {}
}




@media screen and (max-width:768px){
    /* header search btn */
    header .hd-mid .hd-mid-left .hd-search {position: absolute; margin: 0; right: 100px; }
    header .hd-mid .hd-mid-left .hd-search .hd-search-input {width: 25px; padding: 0; background: transparent; -webkit-transition : none;}
    header .hd-mid .hd-mid-left .hd-search .hd-search-icon {font-size: 25px; left: 0; z-index: -1;}
    
    header .hd-mid .hd-mid-left .search-form.active .hd-search-icon {transform: none; left: -25px;z-index:10000;}
    header .hd-mid .hd-mid-left .search-form.active #header-search_form {position: fixed; width: 100%; height: 100%; top: 74px; left: 0; background: #fff;}
    header .hd-mid .hd-mid-left .search-form.active .hd-search-input {position: absolute; background: #f4f4f4; width: 90%; height: 40px; margin: 30px 20px; padding: 10px; box-sizing: border-box; z-index: 1000;}
    /* header .hd-mid .hd-mid-left .search-form.active .search-hit {top: 80px;} */
    /* 검색 - 인기검색어 추가 */
    header .hd-search .search-hit {position: fixed; top: 80px; left: 0; height:100%; border: 0; padding-top: 102px;}
}


/* 22. 08. 02 카테노이드 헤더 (최상위 class = hd-type02) */
.hd-type02 {padding:30px 0; border-bottom:1px solid #999;}
.hd-type02.active {position:fixed; top:0; left:0; width:100%; background-color:#fff; z-index:1000;}
.hd-line-gnb {}
.hd-line-gnb .hd-logo {width:220px;}
.hd-line-gnb .hd-logo img {display:inline-block; width:100%;}
.hd-line-gnb .hd-menu {}
.hd-line-gnb .hd-menu .menu-item {position:relative; margin-right:30px;}
.hd-line-gnb .hd-menu .menu-item:hover .menu-sub-cont {display:block;}
.hd-line-gnb .hd-menu .menu-item:last-child {margin-right:0;}
.hd-line-gnb .hd-menu .menu-title {font-size:1.3rem; font-weight:600; color:#000;}
.hd-line-gnb .hd-menu .menu-title:hover {color:#713f94;}
.hd-line-gnb .hd-menu .menu-sub-cont {display:none; position:absolute; top:100%; left:50%; transform:translateX(-50%); width:120%; padding-top:20px;}
.hd-line-gnb .hd-menu .menu-sub {display:block; padding:10px 0; background-color:#fff; font-size:1.1rem; text-align:center; border:1px solid #eee; border-top:0;}
.hd-line-gnb .hd-menu .menu-sub:first-child {border-top:2px solid #713f94;}
.hd-line-gnb .hd-menu .menu-sub:hover {background-color:#f1f1f1; font-weight:600;}




/* 푸터 */
/* 공용 레이아웃 */
footer {width: 100%;/*  background-color: #fff;  position:absolute;*/ bottom:0; left:0;}
/* .wrap {padding: 0 !important;} */
/* .container {max-width: 1400px; margin: 0 auto;} */

/* 스크롤탑 */
a.scroll-top {position: fixed; right:42px; bottom: 50px; display: none; z-index:999; background: #050505; width: 64px; height: 64px; border-radius: 100%; color: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column;}
a.scroll-top span {font-size: 14px; font-weight: 700; font-family: 'Noto Sans KR', sans-serif; letter-spacing: 1px;}
a.scroll-top img {width:50px; height:auto;}

/* 푸터 */
.footer {background:#f3f3f3;}
.footer div {text-align:left;}
.footer a, .footer p, .footer span, .footer div {color:#000; font-family: 'Noto Sans KR', sans-serif; font-size:0.9rem; font-weight:300; line-height:19px;}
.footer .ft-cont {}

.ft-in-flex {display:inline-flex;}

@media screen and (max-width: 768px) {
.m-ft-block {display:block;}
}

/* 푸터 유형1 (키즈토리) */
.footer .ft-section01 {padding:60px 0 70px; max-width:1600px; margin:0 auto; }
.footer .ft-section01 .ft-top img {width:144px; height:auto;}
.footer .ft-section01 .ft-top {display:flex; align-items: flex-start;}
.footer .ft-section01 .ft-cont-right {margin-left:28px;}
.footer .ft-section01 .ft-cont-right .ft-cont-top span {margin-right: 17px; cursor: pointer;}
.footer .ft-section01 .ft-cont-right .ft-cont-top span:last-child {margin-right: 0;}
.footer .ft-section01 .ft-cont-right .ft-cont-mid {margin: 27px 0 21px;}
.footer .ft-section01 .ft-cont-right .ft-cont-mid p {position: relative; display: inline-block; margin-right: 18px;}
.footer .ft-section01 .ft-cont-right .ft-cont-mid p.bold {font-weight: 700;}
.footer .ft-section01 .ft-cont-right .ft-cont-mid p::after {content: ""; position: absolute; top: 58%; right: -11px; transform: translateY(-50%); display: block; width: 1px; height: 10px; background: #c4c4c4;}
.footer .ft-section01 .ft-cont-right .ft-cont-mid p.no-line {margin-right: 0;}
.footer .ft-section01 .ft-cont-right .ft-cont-mid p.no-line::after {display: none;}
.footer .ft-section01 .ft-cont-bot .ft-cont01,
.footer .ft-section01 .ft-cont-bot .ft-cont01 span {color: #585858;}
.footer .ft-section01 .ft-cont-bot .ft-cont02,
.footer .ft-section01 .ft-cont-bot .ft-cont02 span {color: #000;}
.footer .ft-section01 .ft-logo {min-width:50px; max-width:150px;}


/* 푸터 유형2 (진이어스) */
.footer .ft-section02 {display:flex;padding:60px 0 70px; max-width:1600px; margin:0 auto; }
.footer .ft-section02 .ft-left .ft-logo {margin-right:30px;}
.footer .ft-section02 .ft-top img {width:144px; height:auto;}
.footer .ft-section02 .ft-terms {margin-top:20px;}
.footer .ft-section02 .ft-terms span.pret {display:inline-block; margin-right:5px; cursor:pointer;}
.footer .ft-section02 .ft-terms span.pret.ft-bold {font-weight:600;}
/* .footer .ft-section02 .ft-top {display:flex; align-items: flex-start;} */
/* .footer .ft-section02 .ft-cont-right {margin-left:28px;} */
/* .footer .ft-section02 .ft-cont-right .ft-cont-top span {margin-right: 17px; cursor: pointer;} */
/* .footer .ft-section02 .ft-cont-right .ft-cont-top span:last-child {margin-right: 0;}
.footer .ft-section02 .ft-cont-right .ft-cont-mid {margin: 27px 0 21px;}
.footer .ft-section02 .ft-cont-right .ft-cont-mid p {position: relative; display: inline-block; margin-right: 18px;}
.footer .ft-section02 .ft-cont-right .ft-cont-mid p.bold {font-weight: 700;}
.footer .ft-section02 .ft-cont-right .ft-cont-mid p::after {content: ""; position: absolute; top: 58%; right: -11px; transform: translateY(-50%); display: block; width: 1px; height: 10px; background: #c4c4c4;}
.footer .ft-section02 .ft-cont-right .ft-cont-mid p.no-line {margin-right: 0;}
.footer .ft-section02 .ft-cont-right .ft-cont-mid p.no-line::after {display: none;}
.footer .ft-section02 .ft-cont-bot .ft-cont01,
.footer .ft-section02 .ft-cont-bot .ft-cont01 span {color: #585858;}
.footer .ft-section02 .ft-cont-bot .ft-cont02,
.footer .ft-section02 .ft-cont-bot .ft-cont02 span {color: #000;} */


/* 푸터 유형3 (진이어스) */
/* .footer .ft-section03 {display:flex; align-items:flex-start; justify-content:space-between; padding:60px 60px 70px; max-width:100%; margin:0 auto; background-color:#282828;}
.footer .ft-section03,
.footer .ft-section03 p,
.footer .ft-section03 span {color:#fff;}
.footer .ft-section03 .ft-left {}
.footer .ft-section03 .ft-left .ft-logo {max-width:220px; margin-bottom:20px;}
.footer .ft-section03 .ft-cont-mid {margin:0;}
.footer .ft-section03 .ft-cont-bot {margin-top:20px;}
.footer .ft-section03 .ft-right {width:auto;}
.footer .ft-section03 .sns-data {display:flex; align-items:center;}
.footer .ft-section03 .sns-data a.sns-icon {display:inline-flex; align-items:center; justify-content:center; width:35px; height:35px; margin-right:8px; border-radius:50px; background-color:#fff;}
.footer .ft-section03 .sns-data a.sns-icon:last-child {margin-right:0;}
.footer .ft-section03 .sns-data a.sns-icon img {width:45%;}

.footer .ft-section03 .ft-in-flex {display:inline-flex; align-items:center;}
.footer .ft-section03 .ft-bot-data span {display:inline-flex; align-items:center; line-height:1.5;}
.footer .ft-section03 .ft-bot-data .ft-bold span.bind-autoset {font-weight:300; padding:0 4px;}
.footer .ft-section03 .ft-bot-data .ft-bold {font-weight:500;}
.footer .ft-section03 .ft-cont02 {color:#999;} */

/* 푸터 유형3 */
.footer .ft-section03 {padding:60px 0 70px; max-width:1600px; margin:0 auto; display:flex; align-items:flex-start; justify-content:space-between;}
.footer .ft-section03 .ft-left .ft-cont-top .ft-logo {margin-bottom:8px;}
.footer .ft-section03 .ft-left .ft-cont-mid .ft-bold {display:inline-flex; align-items:center; font-weight:500;}
.footer .ft-section03 .ft-left .ft-cont-mid .ft-bold .bind-autoset {padding-left:4px; font-weight:normal; color:#444;}
.footer .ft-section03 .ft-right {width:auto;}
.footer .ft-section03 .ft-right .sns-data {font-size:0;}
.footer .ft-section03 .ft-right .sns-data .sns-icon {display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; background-color:#fff; border-radius:50%; margin-right:6px;}
.footer .ft-section03 .ft-right .sns-data .sns-icon:last-child {margin-right:0;}
.footer .ft-section03 .ft-right .sns-data .sns-icon img {width:12px; height:12px;}

/* .footer .ft-section03 .ft-top img {width:144px; height:auto;}
.footer .ft-section03 .ft-top {display:flex; align-items: flex-start;}
.footer .ft-section03 .ft-cont-right {margin-left:28px;}
.footer .ft-section03 .ft-cont-right .ft-cont-top span {margin-right: 17px; cursor: pointer;}
.footer .ft-section03 .ft-cont-right .ft-cont-top span:last-child {margin-right: 0;}
.footer .ft-section03 .ft-cont-right .ft-cont-mid {margin: 27px 0 21px;}
.footer .ft-section03 .ft-cont-right .ft-cont-mid p {position: relative; display: inline-block; margin-right: 18px;}
.footer .ft-section03 .ft-cont-right .ft-cont-mid p.bold {font-weight: 700;}
.footer .ft-section03 .ft-cont-right .ft-cont-mid p::after {content: ""; position: absolute; top: 58%; right: -11px; transform: translateY(-50%); display: block; width: 1px; height: 10px; background: #c4c4c4;}
.footer .ft-section03 .ft-cont-right .ft-cont-mid p.no-line {margin-right: 0;}
.footer .ft-section03 .ft-cont-right .ft-cont-mid p.no-line::after {display: none;}
.footer .ft-section03 .ft-cont-bot .ft-cont01,
.footer .ft-section03 .ft-cont-bot .ft-cont01 span {color: #585858;}
.footer .ft-section03 .ft-cont-bot .ft-cont02,
.footer .ft-section03 .ft-cont-bot .ft-cont02 span {color: #000;} */
.footer .ft-section03 .ft-logo {min-width:50px; max-width:200px;}


/* 푸터 유형4 */
.footer .ft-section04 {padding:60px 0 70px; max-width:1600px; margin:0 auto; display:flex; align-items:flex-start; justify-content:space-between;}
.footer .ft-section04 .ft-bold,
.footer .ft-section04 .ft-bold span {line-height:1.5;}
.footer .ft-section04 .ft-left .ft-cont-top {position:relative; margin-left:170px; display:flex; flex-direction:column; margin-bottom:20px;}
.footer .ft-section04 .ft-left .ft-cont-top .ft-logo {margin-right: 8px; min-width: 50px; max-width: 150px; position: absolute; top: 0; left: -170px; width: 150px;}
.footer .ft-section04 .ft-left .ft-cont-top .ft-logo img {}
.footer .ft-section04 .ft-left .ft-cont-mid {display:flex; flex-direction:column; margin-left:170px;}
.footer .ft-section04 .ft-left .ft-cont-mid .ft-bold {display:inline-flex; align-items:center; font-weight:500;}
.footer .ft-section04 .ft-left .ft-cont-mid .ft-bold .bind-autoset {padding-left:4px; font-weight:normal; color:#444;}
.footer .ft-section04 .ft-left .ft-cont-bot {display:flex; flex-direction:column; margin-left:170px;}
.footer .ft-section04 .ft-right {width:auto;}
.footer .ft-section04 .ft-right .sns-data {font-size:0;}
.footer .ft-section04 .ft-right .sns-data .sns-icon {display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; background-color:#fff; border-radius:50%; margin-right:6px;}
.footer .ft-section04 .ft-right .sns-data .sns-icon:last-child {margin-right:0;}
.footer .ft-section04 .ft-right .sns-data .sns-icon img {width:12px; height:12px;}
@media screen and (max-width: 768px) {
    .footer .ft-section04 {display:block; padding:30px 10px;}
    .footer .ft-section04 .ft-left .ft-cont-top .ft-logo {position:relative; top:inherit; left:inherit; margin-right:0; margin-bottom:10px;}
    .footer .ft-section04 .ft-left .ft-cont-top {margin-left:0;}
    .footer .ft-section04 .ft-left .ft-cont-mid {margin-left:0;}
    .footer .ft-section04 .ft-left .ft-cont-bot {margin-left:0;}
}

/* 22.08.02 카테노이드 푸터 */
.ft-section02 {padding:20px 0;}
.ft-section02 .ft-logo {width:150px; margin-right:50px;}
.ft-section02 .ft-logo img {width:100%;}





/* 이용약관 팝업 */
.fit-service-pop {display:none;}


/* 22.07.21 헤더 중분류 메뉴 수정 (by.hyemi) */
.hd-sub {height:150px; background-color:#fff;}


header .toggle_open {/* position:absolute; top:50%; right:20px; transform:translateY(-50%); */ position: relative; display:inline-block; width:25px; height:25px; background:transparent; transition:all 0.5s; z-index:1;}
header .toggle_open .line {position:absolute; width:100%; height:100%; top:50%; left:50%; transform: translate(-50%,-50%);}
header .toggle_open .line span {position:absolute; width:100%; height:1.6px; right:0; background:#171717; transition:opacity 0.3s, top 0.5s, transform 0.5s; transition-delay:0s, 0.3s, 0s;}
header .toggle_open .line span.top {top:0; transform:rotate(0);}
header .toggle_open .line span.mid {top:5px; opacity:1;}
header .toggle_open .line span.btm {top:10px; transform:rotate(0);}
header.toggle_active .toggle_open .line span {transition:opacity 0.3s, top 0.3s, transform 0.5s; transition-delay:0s, 0s, 0.3s;}
header.toggle_active .toggle_open .line span.top {top:7.5px; transform:rotate(-45deg)}
header.toggle_active .toggle_open .line span.mid {opacity:0;}
header.toggle_active .toggle_open .line span.btm {top:7.5px; transform:rotate(45deg)}

.wrap.active {padding-top: 10px;}

@media screen and (max-width: 768px) {
    /* 헤더 */
    .mobile {display:block !important;}
    .move-cont {transform:translate(-280px, 0);}
    .body-cont {transition:.3s;}
    .mo-side-cover {z-index:9999; display:none; position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.4);}
    .hd-search.mobile {display: block !important;}

    /* header {padding: 20px; border-bottom: 1px solid #050505;} */
    header .hd-type01 {width: 100%;}
    header .hd-mid {width: 100%; margin: 0; padding:15px 10px;}
    header .hd-mid .hd-mid-center {display:none;}
    header .hd-mid .hd-mid-right {display: flex; align-items: center;}
    header .hd-mid .hd-mid-right .hd-icon {margin: 0 18px 0 10px;}
    header .hd-mid .hd-mid-right .hd-search-icon {font-size: 1.5rem;}

    /* 헤더 수정 (22.07.22) */
    header .hd-type01.active .hd-mid {margin-top:0; padding:20px 10px; box-shadow:1px 1px 9px 2px rgb(0 0 0 / 20%);}
    /* header .hd-mid .hd-mid-left img {width:65%;} */

    /* 검색창 팝업 */
    header .hd-search .mob-search-hit {width: 102%; height: 100vh; top: 73px; left: -1px; border:0;}
    header .hd-search .mob-search-hit p {text-align: left;}
    .mob-search-hit .search-input {position: relative; margin-bottom: 40px;}
    .mob-search-hit .search-input input {background-color: #F3F3F3; padding: 13px 0 13px 45px; width: 100%;}
    .mob-search-hit .search-input .xi-search {position: absolute; top: 50%; left: 13px; transform: translateY(-50%); font-size: 18px; color: #989898; font-weight: 700;}

    /* 사이드바 마이페이지메뉴 팝업 */
    .sidebar_mypageMenu {display:none; position: fixed; top: 0; width: 100%; height: 100%; background: #fff; padding: 20px; z-index: 100000;}
    .sidebar_mypageMenu .xi-close {position: absolute; top: 26px; right: 20px; font-size: 1.429rem; font-weight: 600;}
    .sidebar_mypageMenu .sl-title {font-size: 24px; font-weight: 700;}
    .sidebar_mypageMenu ul {margin-top: 20px;}
    .sidebar_mypageMenu li {border-bottom: 1px solid #c4c4c4;}
    .sidebar_mypageMenu li a {display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; padding: 13px 12px; font-size: 14px; font-weight: 400; color: #585858;}
    .sidebar_mypageMenu li a.active {font-weight: bold; color: #000;}
    .sidebar_mypageMenu li a::after {content: ""; display: inline-block; background: url('../image/icon/arrow_right_min.png') no-repeat center; width: 15px; height: 15px;}

    
    /* 22. 08. 02 카테노이드 헤더 (최상위 class = hd-type02) */
    .hd-type02 {padding:5px 0; border-bottom:0;}
    .hd-type02.active {padding:20px; border-bottom:1px solid #050505;}
    .hd-line-gnb .hd-logo {width:160px;}
    .hd-type02 .toggle_open {width:24px; height:16px;}
    .hd-type02 .toggle_open .line span {height:2px;}
    .hd-type02 .toggle_open .line span.mid {top:8px;}
    .hd-type02 .toggle_open .line span.btm {top:16px;}

    /* header { width:100%; height:70px;}
    header .inner {padding:0 20px;}
    header nav.hd-pc-nav {display:none;}
    header nav.hd-mo-nav {display:block; width:100%;}
    header nav.hd-mo-nav ul {width:100%;}

    header .mo-gnb-menu {position: relative; width:100%; height:100%; background:#fff; padding: 0 20px;}
    header .mo-gnb-menu.active {background:transparent;}
    header .mo-gnb-menu.active .line span {background:#fff;}
    header .mo-gnb-menu .hd-logo {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
    header .mo-gnb-menu .hd-logo .white-logo {display:none;}
    header .mo-gnb-menu .hd-logo a {display:inline-block; width:100%;height:100%; max-width: 100px;}
    header .mo-gnb-menu .hd-logo img {width:auto; height:32px;}
    
    header .mo-gnb-menu i.go-back {display:none; position:absolute; top:50%; left:14px; transform: translateY(-50%); color:#000;} */



    /* 푸터 */
    .footer a, .footer p, .footer div {text-align:left;}
    .footer .ft-section01 {width:100%; max-width:100%; min-width:100%; padding:40px 20px 64px; margin:0;}
    /* .footer .ft-section01 .ft-top {display:revert; margin-bottom:14px;} */
    /* .footer .ft-section01 .ft-top .ft-logo {margin-bottom:26px;} */
    .footer .ft-section01 .ft-top .ft-logo img {width:30%;}
    .footer .ft-section01 .ft-top .ft-logo .info-tit {font-size:1.143rem; font-weight:800; display:flex; align-items:center; color:#fff; cursor: pointer;}
    .footer .ft-section01 .ft-top .ft-logo .info-tit i {font-size:.9rem; color:#fff; margin-top:2px; margin-left:9px; font-weight:600;}
    .footer .ft-section01 .ft-top .ft-logo .info-tit.active i {transform:rotate(180deg); margin-bottom:3px;}
    .footer .ft-section01 .ft-bot {display:revert;}
    /* .footer .ft-section01 .ft-top .ft-cont-right {margin:0; height:0; overflow: hidden; margin:0;}
    .footer .ft-section01 .ft-top .ft-cont-right.active {height:auto; overflow: hidden; margin-bottom:20px;}
    .footer .ft-section01 .ft-top .ft-cont-right .ft-line p {line-height:20px; text-align:left;} */
    .footer .ft-section01 .ft-top .ft-cont-mid .ft-line {display:flex; align-items:center; font-size:.9rem; font-weight:300;}
    .footer .ft-section01 .ft-top .ft-cont-mid .ft-line span {position: relative; font-size:.9rem; font-weight:300; margin-right:14px;}
    .footer .ft-section01 .ft-top .ft-cont-mid .ft-line span:last-child {margin-right:0; font-weight:600;}
    /* .footer .ft-section01 .ft-top .ft-cont-mid .ft-line span::after {position:absolute; right:-10px; top:50%; transform:translateY(-50%); content:""; display:inline-block; width:1px; height:11px; background:#C2C7CF;} */
    /* .footer .ft-section01 .ft-top .ft-cont-mid .ft-line span:last-child::after {display:none;} */
    .footer .ft-section01 .ft-top .ft-cont-mid .ft-line a {display:flex; align-items:center; font-size:.9rem; font-weight:300;}

    .footer .ft-section01 .ft-bot {width:100%;}
    .footer .ft-section01 .ft-bot .ft-line {margin-bottom:20px;}
    .ft-bot .ft-bot-data {margin-bottom:7px; color:#000; line-height:1;}
    .ft-bot .ft-bot-data span {position:relative; margin-right:15px; color:#000; line-height:1;}
    .ft-bot .ft-bot-data a {line-height:1;}
    .ft-bot .ft-bot-data span:after {content:''; position:absolute; top:50%; right:-10px; transform:translateY(-50%); width:1px; height:60%; background-color:#999;}
    .ft-bot .ft-bot-data span:last-child {margin-right:0;}
    .ft-bot .ft-bot-data span:last-child:after {display:none;}
    .ft-bot .ft-bold {font-weight:700;}
    .footer a, .footer p, .footer span, .footer div {font-size:.9rem;}
    a.scroll-top {right:20px; bottom:30px; width:54px; height:54px; font-size:0;}
    a.scroll-top i {font-size:.6rem;}
    a.scroll-top span {font-size:.8rem;}

    /* 22.08.02 카테노이드 푸터 */
    .ft-section02 {padding:40px 20px; flex-direction:column;}
    .ft-section02 .ft-logo {margin-right:0; margin-bottom:20px;}
    .ft-section02 .ft-info p {text-align:center;}

    .footer .ft-section02 {padding:40px 20px;}
    .ft-section02 .ft-logo {max-width:100px;}

    .wrap.active {margin-top: 74px;}

}


/* 22.07.22 모바일 사이드바 스타일 병합 */
@media screen and (max-width: 768px){
    /* mo-sidebar */
    .mo-sidebar {overflow-y:scroll; z-index: 10000; display:block; position:fixed; top:0; width:85%; max-width:85%; height:100%; background-color:#fff; transition:.3s; right:0; transform:translate(100%, 0); border-radius:25px 0 0 25px;}
    .mo-sidebar.active {transform:translate(0, 0);}
    .mo-sidebar .hd-top {display:flex; align-items:center; justify-content:space-between; padding: 25px 20px;}
    .mo-sidebar .hd-top .hd-search {margin-right:30px;}
    .mo-sidebar .hd-top .hd-search img {width:20px; height:20px;}

    .mo-sidebar .mo-side-bot {display: flex; align-items: center;}
    .mo-sidebar .mo-side-bot .mo-side-user {font-size:1rem; color: #585858; margin-right: 8px;}
    /* .mo-sidebar .mo-side-bot .mo-side-user p {display:flex; align-items:center; font-size:20px; font-weight:f400;}
    .mo-sidebar .mo-side-bot .mo-side-user p span {font-size:20px; font-weight:700; margin-right:5px;}
    .mo-sidebar .mo-side-bot .prof-menu-bot li {margin-bottom:16px; display:flex; align-items:center;}
    .mo-sidebar .mo-side-bot .prof-menu-bot li:last-child {margin-bottom:0;}
    .mo-sidebar .mo-side-bot .prof-menu-bot li .nbsp {margin:0 4px;}
    .mo-sidebar .mo-side-bot .prof-menu-bot li a {font-size:1.143rem; font-weight:400; padding-bottom:3px;}
    .mo-sidebar .mo-side-bot .prof-menu-bot li a.active {color:#00CFFF; font-weight:700; border-bottom:2px solid #00CFFF;}
    .mo-sidebar .mo-side-bot .prof-menu-bot li a:hover {color:#00CFFF; font-weight:700; border-bottom:2px solid #00CFFF;} */

    .mo-sidebar .sidebar-close {}
    .mo-sidebar .sidebar-close button {width:auto !important; height:auto !important;}
    .mo-sidebar .sidebar-close button i {font-size:1.429rem; font-weight:600;}
}

/* 22.09.23 (by.jieun) */
/* footer - jenius */
.ft-section01 {display: flex; align-items: flex-start;}
.ft-bold span {font-weight: 700; margin: 0 !important;}
.ft-left {margin-right: 28px;}
.ft-right {width: 50%;}
.ft-cont-mid {margin: 0 0 21px;}
.ft-cominfo .ft-bot-data:has(.ft-in-block) {position: relative; /*display: inline-block; float: left;*/}
/* .ft-cominfo .ft-bot-data:has(.ft-in-block)::after {content: ""; position: absolute; right: -9px; top: 50%; transform: translateY(-50%); display: block; width: 1px; height: 10px; background: #c4c4c4;} */
.ft-cominfo .ft-bot-data {margin:0 18px 5px 0;}
.ft-cominfo .ft-bot-data span {display: flex; font-weight:500;}
.ft-cominfo .ft-bot-data span span {font-weight:400;}
.ft-cominfo .ft-bot-data .bind-autoset {margin-left: 3px;}
.ft-cont-bot .ft-cont01,
.ft-cont-bot .ft-cont01 span,
.ft-cont-bot .ft-cont02,
.ft-cont-bot .ft-cont02 span {display: flex; align-items: center;}

/* footer - kidstory */
.ft-mid {width: 100%;}
.sns-data .ft-line {display: flex; align-items: center; justify-content:flex-end; margin-top: 20px;}
.sns-data .ft-line a {display: block; width: 22px; margin-left: 13px;}
.sns-data .ft-line a:first-child {margin-left: 0;}

@media screen and (max-width: 768px) {
    .footer .ft-section01 {display: inherit;}
    .ft-left {margin-bottom: 20px;}
    .ft-right {width:100%;}
    .ft-cominfo .ft-bot-data:has(.m-ft-block) {display: block; float: none;}
    .ft-cominfo .ft-bot-data:has(.m-ft-block)::after {display: none;}

    .hd-mo-nav {padding: 30px 20px;}
    .sideMenu {margin-bottom: 27px;}
    /* .hd-mo-nav .hd-category, */
    .mo-sidebar .cate-main {position:relative; display: flex; align-items: center; justify-content: space-between; font-size: 16px; font-weight: 700;}
    /* .mo-sidebar .cate-main::after {content: "\f107"; font-family: 'FontAwesome'; font-size: 15px; font-weight: 600; color: #000; transition: all .3s;} */
    .mo-sidebar .cate-main.xi-angle-down {font-size: 15px;}
    .mo-sidebar .cate-main.active.xi-angle-down {transform: rotate(180deg);}
    
    .mo-sidebar .hd-category {position:relative; margin-bottom: 23px;}
    .mo-sidebar .hd-category a.cate-main:after {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); display:block; width:13px; height:13px; background-image:url('/resources/image/icon/arrow_r.png'); background-size:cover; background-repeat:no-repeat;}
    .mo-sidebar .hd-category ul li {display: flex; flex-direction: column; align-items: flex-start;}
    .mo-sidebar .hd-category ul li a {display: block;}
    .mo-sidebar .hd-category > ul {display: none; padding:10px 10px 0;}
    .mo-sidebar .hd-category > ul li a {margin-bottom: 10px; font-size:1rem; font-weight:400; color: #585858; display: block; align-items: center; justify-content: space-between;}
    .mo-sidebar .hd-category > ul li.active a {color: #000;}
    /* 소분류 */
    .mo-sidebar .hd-category > ul > li > ul {padding: 0 15px 10px;}    
    .mo-sidebar .hd-category > ul > li:last-child {margin-bottom:0;}
    .mo-sidebar .hd-category > ul > li a i {font-size:1.2rem;}
    .mo-sidebar ul.sidebar-menu li a.active {border-bottom:3px solid #00CFFF; font-weight:700; color:#00CFFF;}

    /* 22.07.22 스타일 추가/수정 (by. hyemi) */
    .sideMenu-tit.not-prd {color:#1159FE;}
    .mo-sidebar ul.sidebar-menu.not-prd {display:block; padding:15px 10px 0;}
    .mo-sidebar ul.sidebar-menu.not-prd li {margin-bottom:15px;}
    .mo-sidebar ul.sidebar-menu.not-prd li a {font-size:1.1rem;}

    
    /* 22.08.02 카테노이드 사이드바 */
    .mo-sidebar02 .hd-top {justify-content:flex-end;}
}

/* 22.09.28 */

/* 헤더 타입이 붙지 않으면 안보이게 - By. Chungwon / 2022.11.06 */
.header:not([class*="header_type"]) {display:none;}


/********** header 타입별 css **********/
header .main-cate-menu .hd-category .cate-middle {display:none; position:absolute; top:100%; left:0; width:100%; background-color:#f8f8f8; padding:0 10px; z-index:100; /*border-bottom:1px solid #c4c4c4;*/}
header .header .hd-mid .logo {margin: 25px 0; /*max-width:150px;*/ cursor:pointer; position:relative; z-index:100;}
/* section 1개 / 소개형 / 로고 메뉴 하나의 섹션에 나열 형식 (kidstory) */
header .header_type02 {border-bottom: 1px solid #EDEDED;}
header .header_type02 .hd-bot {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%;}
header .header_type02 .hd-menu {justify-content: center;}

header .header_type02 .main-cate-menu .cate-main {font-weight: 500;}
header .header_type02 .main-cate-menu .cate-main:hover {border-color: #6C99FF; color: #6C99FF;}
header .header_type02 .main-cate-menu .cate-middle a {padding: 27px 16px;}
header .header_type02 .hd-all-gnb .cate-main {color: #6C99FF; font-weight: 700;}
header .header_type02 .hd-all-gnb .cate-cont {flex-direction: column; align-items: flex-start; margin-top: 9px;}
header .header_type02 .hd-all-gnb .cate-cont a {display: block; margin-top: 9px;}

/* section 3개 / 쇼핑몰형 (genius) */
/* header .header_type01 {border-bottom:2px solid #050505;}
header .header_type01 .main-cate-menu .cate-middle { border-top:2px solid #000;}
header .header_type01 .main-cate-menu .cate-middle a:first-child {padding-top: 31px;}
header .header_type01 .main-cate-menu .cate-middle a:last-child {padding-bottom: 31px;} 
header .header_type01 .hd-mid .hd-mid-right {margin: 25px 0 25px 15px;}
header .header_type01 .hd-mid .hd-mid-right i {font-size:20px;}
header .header_type01 .hd-mid .logo {display:inline-block; width:auto; height:50px;}
header .header_type01 .toggle_open {display: none !important;} */

@media screen and (max-width:768px){
    header .header {padding: 20px;}
    header .header .hd-mid .logo {margin: 0; height:100%;}
    /* section 1개 / 소개형 / 로고 메뉴 하나의 섹션에 나열 형식 (kidstory) */
    /* sidebar */
    .header_type02.mo-sidebar .hd-top {border: 0; background: #e8e8e8; padding: 15px;}
    .header_type02.mo-sidebar .sidebar-close button i {color: #000; font-size: 16px; font-weight: 300;}
    
    /* section 3개 / 쇼핑몰형 (genius) */
    /* header .header_type01 {border-bottom: 1px solid #050505;}
    header .header_type01 .hd-mid .logo {height:30px;}
    header .header_type01 .hd-mid .logo,
    header .header_type01 .hd-mid .hd-mid-right {margin-top: 0; margin-bottom: 0;}
    header .header_type01 .toggle_open {display: inline-flex !important; align-items:center; justify-content:center;} */
    /* sidebar */
    /* .header_type01.mo-sidebar .hd-mo-nav {border-top:1px solid #050505;} */
}

/* 임시 적용 (23.04.06) */
header .header_type01 {border:none;}
/* 중앙 메뉴 부분 */
header .header_type01 .hd-mid {position:absolute; top:100%; left:50%; transform:translateX(-50%); min-width:1600px; max-width:100%; background-color:transparent;}
header .header_type01.hd-fixed.hd_active {background-color:rgba(255,255,255,.8);}
header .header_type01.hd-fixed.hd_active .hd-mid {background-color:rgba(255,255,255,.8);}
header .header_type01 .hd-mid .hd-mid-left {max-height:60px; margin:10px 0 10px 30px;}
/* header .header_type01 .hd-mid .hd-mid-left .logo {margin:0; max-width:119px;max-height:34px;} */
header .header_type01 .hd-mid .hd-mid-left .logo {margin:0; /*max-height:68px;*/ max-width:220px;}
header .header_type01 .hd-mid .hd-mid-center {position:absolute; left:50%; transform:translateX(-50%);}
header .header_type01 .hd-mid .hd-mid-right {margin-right:30px;}

header .header_type01 .main-cate-menu .hd-category {position:relative; transition:.2s;}
header .header_type01 .main-cate-menu .hd-category .cate-middle {left:50%; min-width:130px; width:auto; text-align:center; transform:translateX(-50%); border-radius:5px; background-color:#fafafa;}
header .header_type01 .main-cate-menu .hd-category .cate-middle .cate-cont {display:block;}
header .header_type01 .main-cate-menu .hd-category .cate-middle .cate-cont a.menu-sub {display:block; font-weight:400; font-size:1rem; white-space:nowrap;}
header .header_type01 .main-cate-menu .hd-category .cate-middle .cate-cont a.menu-sub:hover {font-weight:600;}

header .header_type01 .main-cate-menu .hd-category .cate-main:hover {border-color:#000;}
header .header_type01.hd-fixed.hd_active .main-cate-menu .hd-category .cate-main:hover {border-color:#000;}

header .header_type01 .main-cate-menu .hd-category a.cate-main {font-weight:500; font-size:1rem; color:#000;}
header .header_type01 .main-cate-menu .hd-category a.cate-main img {width:22px; height:22px;}
header .header_type01.hd-fixed.hd_active .main-cate-menu .hd-category a.cate-main {color:#000;}

header .header_type01 .toggle_open i {font-size:20px; color:#000;}
header .header_type01.hd-fixed.hd_active .toggle_open i {color:#000;}

/* 메뉴 전체보기 */
header .header_type01 .hd-bot {position:absolute; top:calc(100% + 10px); width:100%;}
header .header_type01 .hd-all-gnb {padding:25px 30px; width:92%; left:50%; transform:translateX(-50%); border-radius:10px; background-color:#fff; border:1px solid #eee;}
header .header_type01.hd-fixed.hd_active .hd-all-gnb {background-color:#000;}

header .header_type01 .hd-all-gnb .hd-category {text-align:center;}
header .header_type01 .hd-all-gnb .hd-category a.cate-main {font-weight:700; font-size:1.2rem; color:#000;}
header .header_type01 .hd-all-gnb .hd-category a.cate-main img {width:24px; height:24px;}
header .header_type01 .hd-all-gnb .hd-category .cate-middle {margin-top:15px;}
header .header_type01 .hd-all-gnb .hd-category .cate-middle .cate-cont {display:block;}
header .header_type01 .hd-all-gnb .hd-category .cate-middle .cate-cont a.menu-sub {display:block; padding-bottom:8px; font-size:1rem; color:#444;}
header .header_type01 .hd-all-gnb .hd-category .cate-middle .cate-cont a.menu-sub:hover {font-weight:600; color:#000;}
header .header_type01 .hd-all-gnb .hd-category .cate-middle .cate-cont a.menu-sub:last-child {padding-bottom:0;}

/* 모바일 환경 분기처리 (23.02.03) */
.service-mobile header .header_type01 .hd-mid {min-width:90%;}
.service-mobile header .header_type01 .hd-mid .hd-mid-left {margin-left:10px;}
.service-mobile header .header_type01 .hd-mid .hd-mid-right {margin-right:10px;}
.service-mobile header .header_type01 .hd-mid .hd-mid-center {display:none;}

.service-mobile header .header_type01 .toggle_open i {font-size:25px;}


header .header_type01 .main-cate-menu .hd-category .cate-main:hover {position:relative; border-color:#000;}
/* header .header_type01 .main-cate-menu .hd-category .cate-main:hover {border-color:#fff; color:#fff;} */
header .header_type01 .main-cate-menu .hd-category .cate-main:hover:before {content:''; position:absolute; top:50%; left:50%; width:150%; height:80%; background-color:rgba(255,255,255,.5); transform:translate(-50%, -50%); z-index:-1; border-radius:10px;}


@media screen and (max-width:768px) {
    header .header_type01 .hd-mid {min-width:90%; padding:10px 0; left:0; transform:translateX(0);}
    header .header_type01 .hd-mid .hd-mid-left {margin-left:10px;}
    header .header_type01 .hd-mid .hd-mid-right {margin-right:10px;}
    header .header_type01 .hd-mid .hd-mid-center {display:none;}

    header .header_type01 .toggle_open i {font-size:25px;}

    header .header_type01.hd-fixed.hd_active .hd-mid {}

    header .header_type01 .hd-mid .hd-mid-left .logo {margin:0; max-height:34px;}

}





/* 모바일 환경일 때 처리 (추후에 지워도 됨) */
.service-mobile header .header {padding:0;}
.service-mobile .header-none-member {display:flex; flex-direction:column-reverse;}
.service-mobile .header-none-member .none-mem-top .none-mem-tl {width:100%; padding-bottom:6px; margin-bottom:6px; border-bottom:2px dashed #ddd;}
.service-mobile .header-none-member .none-mem-top {flex-direction:column; align-items:flex-start; padding:20px 10px;}
.service-mobile .header-none-member .none-mem-top .mem-top-icon {display:none;}
.service-mobile .header-none-member .none-mem-top .none-mem-tl .mem-info {width:100%;}
.service-mobile .header-none-member .none-mem-top .none-mem-tl p,
.service-mobile .header-none-member .none-mem-top .none-mem-tl span {font-size:1rem;}
.service-mobile .header-none-member .none-mem-top .none-mem-tl .mem-payment {justify-content:space-between;}
.service-mobile .header-none-member .none-mem-top .none-mem-tr {text-align:left;}

@media screen and (max-width:768px){
    /* header 띠배너 - 결제용 (23.02.03) */
    header .header {padding:0;}
    .header-none-member {display:flex; flex-direction:column-reverse;}

    .header-none-member .none-mem-top .none-mem-tl {width:100%; padding-bottom:6px; margin-bottom:6px; border-bottom:2px dashed #ddd;}
    .header-none-member .none-mem-top {flex-direction:column; align-items:flex-start; padding:20px 10px;}
    .header-none-member .none-mem-top .mem-top-icon {display:none;}
    .header-none-member .none-mem-top .none-mem-tl .mem-info {width:100%;}
    .header-none-member .none-mem-top .none-mem-tl p,
    .header-none-member .none-mem-top .none-mem-tl span {font-size:1rem;}
    .header-none-member .none-mem-top .none-mem-tl .mem-payment {justify-content:space-between;}
    .header-none-member .none-mem-top .none-mem-tr {text-align:left;}

    .header-none-member+header .header.hd-fixed {position:relative;}
}



/* 퀵메뉴 (23.04.12 by.Hyemi) */
[data-quick_menu] {display:none;}
.active[data-quick_menu] {display:block; position:fixed; top:50%; right:10px; transform:translateY(-50%); padding: 0; background-color: #fff; border-radius: 5px; border: 1px solid #ddd; z-index:999; text-align:center;}
.active[data-quick_menu]:before {content:'Quick'; font-size:.9rem; font-weight:700; padding:5px 4px; position: absolute; top: -30px; left: 50%; display: flex; align-items: center; justify-content: center; width: 110%; background-color: #222; color: #fff; border-radius: 5px; transform:translateX(-50%);}
.active[data-quick_menu] .hd-category {border-bottom:1px solid #ddd;}
.active[data-quick_menu] .hd-category:last-child {border-bottom:0;}
.active[data-quick_menu] .hd-category a.cate-main {display:inline-flex; align-items:center; justify-content:center; padding:8px 14px; width:100%; height:100%; font-size:.8rem;}
.active[data-quick_menu] .hd-category a.cate-main:hover {background-color:#f8f8f8;}
.active[data-quick_menu] .hd-category a.cate-main.free_size {padding:0px;}
.active[data-quick_menu] .hd-category a.cate-main:not(.free_size) img {width:28px; height:28px;}

@media screen and (max-width:768px){
    [data-quick_menu] {top:77%;}
}