/* BASIC css start */
#content{padding-top:48px;}

/* 프로모션 타이틀 */
#productPlan .page-hd{position:relative; margin-bottom:32px; display:flex; align-items: center; justify-content: space-between;}
#productPlan .page-hd h2{font-size:28px; line-height:34px; font-weight:500;}
#productPlan .page-hd span,
#productPlan .page-hd span a{color: #929292; text-transform: capitalize; vertical-align:top; display:inline; font-size:12px;}


/* 랜딩 */
#productPlan .page-body .visual { margin-top: 30px;padding-bottom: 0;}
#productPlan .page-body .visual .prdWrap img:not(.wd50){width:100%;}
#productPlan .page-body .visual .prdWrap a:not(.wd50),
#productPlan .page-body .visual .prdWrap a:not(.wd50) img{display: block; width:100%}
#productPlan .page-body .visual .prdWrap img:not(.wd50){width:100%;}
#productPlan .page-body .visual .prd_tab, .loginCoupon{ cursor: pointer;}
#productPlan .page-body .visual .prdWrap .flex_box{display:flex;}
#productPlan .page-body .visual .prdWrap .flex_box a{display:inline-block; width:unset !important;}

#productPlan .prdWrap img[onclick]{cursor: pointer;}
.loginChk { cursor:pointer; }

.inner:has(.gamtan-promotion) { overflow:unset; }

/* 프로모션 공통스타일 2025-10-29 차민우 */
.gamtan-promotion {
    width: 737px;
    margin: 0 auto 80px;
    border: none;
    font-size: 0;
    line-height: 0;
}

.gamtan-promotion a {
    display: inline-block;
    vertical-align: bottom;
    font-size: 0;
    line-height: 0;
}

.gamtan-promotion img {
    width: 100%;
    border: 0;
    vertical-align: bottom;
}

.gamtan-promotion img[onclick] { cursor: pointer; }

.gamtan-promotion .menuBtn { margin: 0 auto; }

.gamtan-promotion .wd25 {
    width: 25%;
    display: inline-block;
}

.gamtan-promotion .wd33 {
    width: calc(100% / 3);
    display: inline-block;
}

.gamtan-promotion .wd50 {
    width: 50%;
    display: inline-block !important;
}

.gamtan-promotion .accordionBox { display: none; }


/* -------------------------------------------------------------------------------- */
/* 상단 플로팅 탭 */
.menuBtn{display:flex; cursor: pointer;}
.menuBtn.hidden{display:none;}

/* 하단 플로팅 */
.floating_box{ position: fixed; z-index: 1; top: 8%; left: 50%; width: 500px; transform: translate(-50%, 0); display: none; gap: 8px; align-items: center; background: #DB7445; padding: 12px 16px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15); }
.floating_box p{font-size: 18px;}
.floating_box span{color:#ffffff; font-size: 18px; font-weight: 400;}
.floating_box .close{display:block; margin: 0 0 0 auto; width:25px !important;}


/* 스와이퍼 */
.swiper19{position: relative; width:100%; overflow:hidden;}
.swiper19 .swiper-wrapper{position:absolute; top:35%;}
.swiper19 .swiper-button-next::after, .swiper19 .swiper-button-prev::after{color:#000000}

.gamtan_swiper {background: #544639;}
.gamtan_swiper :is(.swiper-button-next, .swiper-button-prev){color:#d1d1d1;}
.gamtan_swiper .swiper-button-next{right:24px;}
.gamtan_swiper .swiper-button-prev{left:24px;}

.jase_swiper{position: relative; overflow: hidden; -ms-overflow-style: none;}
.jase_swiper .swiper-wrapper{position:absolute; top:35%;}
.prdWrap .jase_swiper .swiper-pagination.swiper-pagination-bullets{bottom:70%}
.prdWrap .jase_swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{
    width: auto;
    height: auto;
    background: 0;
    border: 2px solid #9EA193;
    border-radius: 100px;
    margin: 0 8px;
    padding: 0px 28px;
    font-size: 18px;
    line-height: 40px; 
    color: #9EA193;
}

.prdWrap .jase_swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {
    border-color: #897500;
    color: #897500;
}
.prdWrap .jase_swiper .swiper-pagination.swiper-pagination-bullets span {
    color: inherit;
}

.thumbnail_slide > .thumb-list{position:relative;}
.thumbnail_slide > .thumb-list .swiper-pagination{display: flex; top: 0; width: 88%; left: 5.5%; justify-content: space-between; padding-bottom:30px;}
.thumbnail_slide > .thumb-list .swiper-pagination img{width:23% !important; border-radius:0; height:auto; margin:0;}

.junior_swiper{position: relative; overflow: hidden; -ms-overflow-style: none;}
.junior_swiper svg {display:none;}
.junior_swiper :is(.swiper-button-next, .swiper-button-prev){ color: #a7a7a7; top: 40% !important;  z-index:10;}
.junior_swiper .swiper-button-next:after, .junior_swiper .swiper-button-prev:after{font-size: 35px;}
.junior_swiper::-webkit-scrollbar{ display:none;}

.swiper01 .swiper-button-next::after,
.swiper01 .swiper-button-prev::after{color:#BAC7CD;}


/* #38340 자세브라 스와이퍼 페이드 타입 2025-10-24 차민우 */
.jase-swiper-fade { position: relative; }
.jase-swiper-fade .swiper-nav { 
    position: absolute; 
    bottom: 372px;
    width: 100%;
}
.jase-swiper-fade .swiper-nav .swiper-btn {
    position: absolute;
    z-index: 1;
    display: inline-block;
    width: 22px;
    height: 38px;
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='38' fill='none' viewBox='0 0 22 38'%3E%3Cpath fill='%23000' fill-opacity='.3' d='m18.752-.002 2.85 2.95-15.75 15.8 15.75 15.85-2.85 2.9-18.75-18.75z'/%3E%3C/svg%3E") no-repeat center center;
    background-size: cover;
    border: 0;
    cursor: pointer;
}
.jase-swiper-fade .swiper-nav .btn-prev {
    left: 16px;
}
.jase-swiper-fade .swiper-nav .btn-next {
    right: 16px;
    transform: scale(-1);
}

.relative { position: relative; }

.js-swiper-simple { 
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width:100%;
    height:100%;
    overflow:hidden;
}

.js-swiper-simple .swiper-wrapper {
    width: auto;
}

.js-swiper-simple .swiper-slide {
    width: 590px;
}

.js-swiper-simple .swiper-nav { 
    position: absolute;
    top:50%;
    transform:translateY(-50%);
    z-index: 2;
    width: 100%;
}
.js-swiper-simple .swiper-btn {
    position: absolute;
    display: inline-block;
    width: 22px;
    height: 38px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='45' fill='none' viewBox='0 0 26 45'%3E%3Cpath fill='%23cea0a9' fill-opacity='.6' d='m22.26 0 2.94 3L6 22.26l19.2 19.32-2.94 2.94L0 22.26z'/%3E%3C/svg%3E") no-repeat center center;
    background-size: cover;
    border: 0;
    cursor: pointer;
}

.js-swiper-simple .swiper-btn.prev { left: 16px; }
.js-swiper-simple .swiper-btn.next {
    right: 16px;
    transform: scale(-1);
}
    
.echo-text-bubble-wrap { 
    position: absolute;
    top: -62px;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
}
.echo-text-bubble { 
    display: block;
    width: 100%;
    height: 100px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='291' height='138' fill='none' viewBox='0 0 291 138'%3E%3Cg filter='url(%23a)'%3E%3Cpath fill='%23232323' d='M233.5 15c23.472 0 42.5 19.028 42.5 42.5S256.972 100 233.5 100h-73.105l-12.138 20.61c-1.16 1.971-4.01 1.971-5.17 0L130.949 100H57.5C34.028 100 15 80.972 15 57.5S34.028 15 57.5 15z'/%3E%3Cpath fill='%23fff' d='M83.281 46.07c0 1.934-.156 3.828-.508 5.664h8.165v-9.453h3.671v35h-3.671V64.156h-9.415V61.11h9.415v-6.406H82.07c-1.992 6.504-6.523 12.149-14.765 16.172l-1.953-2.969c9.004-4.433 13.496-10.781 14.199-18.867H66.953V46.07zm33.496-3.36c7.89-.019 12.48 2.15 12.5 6.017-.02 3.925-4.61 6.054-12.5 6.054-7.891 0-12.52-2.129-12.5-6.054-.02-3.868 4.609-6.036 12.5-6.016m-15.938 17.071v-2.93h31.914v2.93h-14.141v3.008h10.118v8.203h-20.391v3.125h21.367v2.852h-25v-8.672h20.352v-2.734h-20.391v-2.774h10.235v-3.008zm7.305-11.054c-.02 2.168 3.066 3.261 8.633 3.28 5.605-.019 8.691-1.112 8.671-3.28.02-2.051-3.066-3.223-8.671-3.243-5.567.02-8.653 1.192-8.633 3.243m66.131-6.368v11.25h5.078v3.086h-5.078v11.836h-3.711V42.36zm-27.461 7.07v-3.007h8.594V42.32h3.711v4.102h8.554v3.008zm1.914 8.282c-.019-4.004 3.438-6.621 8.516-6.602 5.019-.02 8.476 2.598 8.476 6.602 0 3.965-3.457 6.543-8.476 6.562-5.078-.02-8.535-2.597-8.516-6.562m3.36 18.867V66.461h3.71v7.11h19.961v3.007zm.234-18.867c-.039 2.285 1.953 3.691 4.922 3.672 2.969.02 4.961-1.387 5-3.672-.039-2.305-2.031-3.73-5-3.75-2.969.02-4.961 1.445-4.922 3.75m59.003-15.39v20.82h-3.711v-8.868h-6.523v-3.046h6.523V42.32zm-29.18 17.656c5.43-1.895 8.77-6.621 8.75-11.446v-.781h-7.578v-3.008h18.867v3.008h-7.5v.742c-.019 4.434 3.145 8.75 8.438 10.547l-1.914 2.93c-3.926-1.348-6.817-4.16-8.34-7.617-1.523 3.906-4.59 7.05-8.77 8.593zm5.625 10.742c-.019-4.16 4.473-6.582 11.836-6.602 7.324.02 11.817 2.442 11.836 6.602-.019 4.16-4.512 6.582-11.836 6.601-7.363-.02-11.855-2.441-11.836-6.601m3.672 0c-.019 2.363 3.028 3.71 8.164 3.672 5.098.039 8.145-1.309 8.164-3.672-.019-2.383-3.066-3.73-8.164-3.711-5.136-.02-8.183 1.328-8.164 3.71m32.519-25-.352 20.117h-3.867l-.351-20.117zM218.922 71.5c-.02-1.523 1.25-2.773 2.773-2.773 1.504 0 2.754 1.25 2.774 2.773a2.824 2.824 0 0 1-2.774 2.773c-1.523-.02-2.793-1.25-2.773-2.773'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' width='291' height='137.09' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='7.5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_3992_6713'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_3992_6713' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    animation: floatY 2s ease-in-out infinite;
}
    
/* 위아래로 천천히 움직이는 애니메이션 */
@keyframes floatY {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

/* #38344 아울렛 스와이퍼 nav버튼 추가 2025-10-27 차민우 */
[class*="outlet-swiper"] {
    position: relative;
}
[class*="outlet-swiper"] .swiper-nav {
    position: absolute;
    bottom:210px;
    width:100%;
}
/* 마지막 스와이퍼 예외처리*/
.outlet-swiper3 .swiper-nav {
    bottom: 262px;
}

[class*="outlet-swiper"] .swiper-btn {
    position: absolute;
    z-index:1;
    display: block;
    width: 29px;
    height: 53px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='53' fill='none' viewBox='0 0 29 53'%3E%3Cpath stroke='%23777' stroke-width='3.271' d='M27.32 1.156 1.153 27.324M27.32 51.18 1.153 25.013'/%3E%3C/svg%3E") no-repeat center center;
    background-size:cover;
    border: 0;
    cursor: pointer;
}

[class*="outlet-swiper"] .swiper-btn.prev {
    left: 30px;
}
    
[class*="outlet-swiper"] .swiper-btn.next {
    right: 30px;
    transform: scale(-1);
}


/* 플로팅 네비 */
.floating_nav{overflow:auto; background:#fff; z-index:99;}
.floating_nav ul{width:100%; display:flex; justify-content: center; margin:0 auto;}
.floating_nav ul li{width:100%; padding:16px 18px; margin-right:1px; position:relative;text-align:center; font-size:20px;;font-weight:500; color:#999; cursor:pointer; line-height:26px;}
.floating_nav ul li span{display:block; font-size:18px}
.floating_nav ul li::after{content:''; display:block; position:absolute; left:100%; top:50%; transform:translateY(-50%); width:1px; height:14px; background:#CCCCCC;}
.floating_nav ul li:last-child::after{display:none;}
.floating_nav ul li.active{color:#953E22;}

.floating_nav.gamtan_gnb{background:#fff; white-space: nowrap;}
.floating_nav.gamtan_gnb ul{/*gap: 40px;*/}
.floating_nav.gamtan_gnb ul li{width:auto; color:#999999;}
.floating_nav.gamtan_gnb ul li span {color:#999999;}
.floating_nav.gamtan_gnb ul li:not(:last-child)::after{content:''; display:block; position:absolute; left:auto; right: 0; top:50%; transform:translateY(-50%); width:1px; height:14px; background:#CCCCCC;}
.floating_nav.gamtan_gnb ul li.active{color:#953E22}
.floating_nav.gamtan_gnb ul li.active span{color:#953E22}

.floating_nav.gamtan_gnb.gamtan ul li.active { color: #3F5F77; }
.floating_nav.gamtan_gnb.gamtan ul li.active span { color: #3F5F77; }

.floating_nav.junior ul li.active{ color:#AE2725; }


/* -------------------------------------------------------------------------------- */
/* 아코디언 */
.accordionBox{display:none;}

/* -------------------------------------------------------------------------------- */
/* 타이머 */
#timer19{ width: 100%; text-align: center; position: relative;}

#HourCountdown19 { 
    font-family:'SpoqaHanSansNeo-Regular'; 
    position:absolute;transform:translateY(-50%); display: flex; justify-content: space-between;  
    text-align:center;line-height:1; letter-spacing:1.5px;
    
    width:47%; bottom: 31%; left:23.2%; 
}
#HourCountdown19 span{ display:inline-block; font-size: 46px; font-weight:600; color: #fff; text-align:center; white-space:nowrap; 
    /* 숫자 흔들림 방지 */
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum"; }
#HourCountdown19 .timerText {font-weight:400; text-align:left; color: #fff; font-size:38px;}

#floating_timer { 
     font-family:'SpoqaHanSansNeo-Regular' !important; 
     display: flex; text-align:center; font-weight: 500; letter-spacing: 1px; gap:4px;
}
#floating_timer span{ width: 100%; display: block; font-size: 18px; font-weight:600; color: #ffffff; }

#timer32{ width: 100%; text-align: center; position: relative;}
#HourCountdown32 { 
    font-family:'SpoqaHanSansNeo-Regular'; 
    position:absolute;transform:translateY(-50%); display: flex; justify-content: space-between;  
    text-align:center;line-height:1; letter-spacing:-1.5px;
  
    width:61%; bottom: 27%; left:18.5%; 
}
#HourCountdown32 span{ display:inline-block; font-size: 60px; font-weight:500; color: #fff; text-align:center; white-space:nowrap; 
    /* 숫자 흔들림 방지 */
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum"; }
#HourCountdown32 .timerText {font-weight:400; text-align:left; color: #fff; font-size:48px;}

#timer24{ width: 100%; text-align: center; position: relative;}
#HourCountdown24 { 
    font-family:'SpoqaHanSansNeo-Regular'; 
    position:absolute;transform:translateY(-50%); display: flex; justify-content: space-between;  
    text-align:center;line-height:1; letter-spacing:-1.5px;
  
    width: 61%; bottom: 22%; left: 7%;   
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum";
}
#HourCountdown24 span{ width:100%; font-size: 52px; color: #fff; font-weight:500; text-align:center; white-space:nowrap; }


div[id*='timer'].blur{ width: 100%; text-align: center; position: relative;}
div[id*='timer'].blur .timer-box{position:absolute; top:0; left:50%; transform:translateX(-50%); width:737px;  background:#016D9D /*rgba(12, 46, 86, 0.50);  backdrop-filter: blur(26px)*/; padding: 32px 46px; text-align:left;}
div[id*='timer'].blur .timer-box div[id*='HourCountdown']{position:unset !important; transform:unset !important;}
div[id*='timer'].blur .timer-box > span{color:#fff; display:block; font-size:24px; padding-top:6px; line-height:1;}
div[id*='timer'].blur .timer-box > span:last-child{padding:12px 18px; background:#fff; color:#003349; position:absolute; right:46px; top:50%; transform:translateY(-50%); line-height:1;}
div[id*='timer'].blur + img{padding-top:140px;}
#timer19.blur .timer-box{background: #3D1C00;}
#timer32.blur .timer-box{background: #4D0012;}
#timer24.blur .timer-box{background: #781B28;}
#timer19.blur .timer-box > span:last-child{color:#3D1C00; cursor:pointer;}
#timer32.blur .timer-box > span:last-child{background-color:#EAC6CA; color:#4D0012; cursor:pointer;}
#timer24.blur .timer-box > span:last-child{color:#130706; cursor:pointer;}

/* -------------------------------------------------------------------------------- */

/* 이벤트 탭 */
.displaynone {display: none!important;}
.eventPage .item-wrap {overflow:visible;}
.eventPage .item-wrap .item-cont .item-list {margin-bottom: 30px;}
.eventPage .item-wrap .item-cont .item-list:last-child {margin-right:0 !important;}

.item-wrap .swiper { margin-bottom:140px; border-top: 2px solid #E5E5E5; overflow:visible; padding-top:67px;}
.item-wrap .swiper:first-child {margin-top:24px; }
.item-wrap .swiper [class^='mySwiper'] {overflow:hidden;}
.item-cont.swiper-wrapper {display:flex;}
.item-wrap .swiper-button-next {right:-73px;}
.item-wrap .swiper-button-next::after {display:none;}
.item-wrap .swiper-button-prev {left:-30px;display:none;}
.item-wrap .swiper-button-lock {display:block;}


.eventTab_wrap{padding:26px 0;}
.eventTab_wrap .eventTab {text-align: left;width: 100%;margin: auto;}
.eventTab_wrap .eventTab p {display: inline-block;padding: 12px 22px;border: 1px solid #D6D6D6;border-radius: 5px;color: #545454;font-size: 20px;font-weight: 300;margin-right: 13px;cursor: pointer;background-color: #fff;}
.eventTab_wrap .eventTab p.on {font-weight: 600;color: #F06D48;border: 2px solid #F06D48;}
.eventTab_wrap .eventTab p span {font-weight: 300;padding: 0 0.123em;}

.plan_title_name { text-align: left;margin-bottom:50px;}
.plan_title_name .event_title {font-size:24px;font-weight:700;color:#414141;letter-spacing: -0.01em;}
.plan_title_name .event_subTitle {font-size:24px;font-weight:500;color:#414141;}
.plan_title_name .event_subTitle::before {content:'|';padding:0 15px;}
.plan_title_name .event_description {font-size:20px;font-weight:400;color:#898989;margin-top:23px;letter-spacing:0;}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {width: 100% !important;background-color: #F0F0F0 !important;left: 0 !important;bottom:0 !important;}
.swiper-scrollbar-drag {background-color: #F06D48 !important;height: 6px !important;}

.page-body center {margin-bottom:100px;}
.eventTab_wrap.scroll {position: fixed;top: 67px;left:50%; width: 100%; max-width: 1920px; min-width: 1280px; margin: 0 auto; padding: 26px 80px;background-color: #fff;z-index: 1000; border-bottom:1px solid rgb(221, 221, 221); transform:translateX(-50%);}
.prd-info, .item-wrap .item-cont .item-list .prd-name a, .item-wrap .item-cont .item-list .prd-price{font-family: "Pretendard", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}


/* 주니어브라 */
.prdWrap.juniorPromotion{margin-bottom:50px;}
.eventTab_wrap.junior .eventTab{text-align:center;}
.eventTab_wrap.junior .eventTab p{width:200px !important; text-align:center; border-radius:35px; padding:17px 17px; font-size:25px;}
.eventTab_wrap.junior .eventTab p.on{background:#F69155; border-color:#F69155; color:white;}
.prdWrap > p{font-size:2.8rem; margin-top:30px; line-height:1.5}

/* 탭 */
.prd_tab{display:flex; width:100%;}
.prd_tab li img{display:none !important;}
.prd_tab li img.on{display:block !important;}
.tab-con{display:none;}
.tab-con.on{display:flex; flex-wrap: wrap;}

.text_tab>*{flex : 1;}
.text_tab li{padding: 24px 0;background: #ffffff;text-align:center;font-size: 16px;font-weight: 400;line-height: 22px;color: #999999;}
.text_tab li.on{color: #493A3A; border-bottom: 6px solid #493A3A;}
.text_tab li span{display: block; font-size: 20px; font-weight: 500; color: #999999;}
.text_tab li.on span {color: #493A3A;}

.text_tab.green li.on{color: #3D1C00; background: #DFDCC5; border-bottom: 3px solid #3D1C00;}
.text_tab.green li.on span {color: #3D1C00;}

.text_tab.pink li.on{color: #461A12; background: #EDCAC7; border-bottom: 3px solid #461A12;}
.text_tab.pink li.on span {color: #461A12;}

.text_tab.orange li.on{color: #E76616; background: #FFF6F0; border-bottom: 3px solid #E76616;}
.text_tab.orange li.on span {color: #E76616;}

.text_tab.beige li.on{color: #3D1C00; background: #F4F2EC; border-bottom: 3px solid #3D1C00;}
.text_tab.beige li.on span {color: #3D1C00;}

.text_tab.brown li.on{color: #FDD2CB; background: #3C1217; border-bottom: 3px solid #FDD2CB;}
.text_tab.brown li.on span {color: #FDD2CB;}

.text_tab.blue li.on{color: #F7F3EA; background: #3F5F77; border-bottom: 3px solid #F7F3EA;}
.text_tab.blue li.on span {color: #F7F3EA;}

.text_tab.purple li.on{color: #754A8C; background: #F8E9FF; border-bottom: 3px solid #754A8C;}
.text_tab.purple li.on span {color: #754A8C;}

.text_tab.red li.on{color: #F97A0F; background: #FAECDD; border-bottom: 3px solid #F97A0F;}
.text_tab.red li.on span {color: #F97A0F;}

.text_tab.yellow li.on{color: #D08E00; background: #FFF6E0; border-bottom: 3px solid #D08E00;}
.text_tab.yellow li.on span {color: #D08E00;}

.text_tab.lightbrown li.on{color: #BB830A; background: #F9F4EA; border-bottom: 3px solid #BB830A;}
.text_tab.lightbrown li.on span {color: #BB830A;}

.text_tab.junior li span { font-size: 24px; }
.text_tab.junior li.on { background-color: #1D3123; border-bottom: 3px solid #FEE7D6; }
.text_tab.junior li.on span { color: #FEE7D6; }
.text_tab.junior .echo-text-bubble-wrap { width: 70%; }
.text_tab.junior .echo-text-bubble { 
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='291' height='138' fill='none' viewBox='0 0 291 138'%3E%3Cg filter='url(%23a)'%3E%3Cpath fill='%231d3123' d='M233.5 15c23.472 0 42.5 19.028 42.5 42.5S256.972 100 233.5 100h-73.105l-12.138 20.61c-1.16 1.971-4.01 1.971-5.17 0L130.949 100H57.5C34.028 100 15 80.972 15 57.5S34.028 15 57.5 15z'/%3E%3Cpath fill='%23fff' d='M98.08 40.36v11.25h5.078v3.085H98.08v11.836h-3.711V40.36zm-6.602 4.062v3.008h-20.86v-3.008h8.595V40.32h3.71v4.102zm-10.43 4.687c5.04 0 8.477 2.618 8.477 6.602s-3.437 6.562-8.477 6.562c-5.078 0-8.515-2.578-8.515-6.562s3.437-6.602 8.515-6.602m0 2.852c-2.968 0-4.96 1.445-4.921 3.75-.04 2.266 1.953 3.672 4.921 3.672 2.97 0 4.961-1.406 5-3.672-.039-2.305-2.03-3.75-5-3.75m18.516 19.61v3.007H75.892V64.461h3.711v7.11zm35.566-31.25v20.82h-3.711v-8.868h-6.524v-3.046h6.524V40.32zm-11.719 21.796c7.344 0 11.836 2.422 11.836 6.602s-4.492 6.562-11.836 6.601c-7.344-.039-11.875-2.422-11.836-6.601-.039-4.18 4.492-6.602 11.836-6.602m0 2.89c-5.117 0-8.164 1.329-8.164 3.712 0 2.344 3.047 3.71 8.164 3.672 5.117.039 8.164-1.329 8.164-3.672 0-2.383-3.047-3.711-8.164-3.711m-4.922-18.515c0 4.453 3.164 8.75 8.438 10.547l-1.914 2.93c-3.926-1.367-6.817-4.16-8.321-7.617-1.543 3.925-4.609 7.07-8.789 8.593l-1.953-2.968c5.43-1.875 8.75-6.602 8.75-11.446v-.781h-7.578v-3.008h18.867v3.008h-7.5zm50.683-3.984v3.086c0 3.32 0 6.914-.977 11.914h5.039v3.047h-14.179v14.804h-3.75V60.555H141.32v-3.047h23.125c1.055-4.98 1.055-8.653 1.055-11.914v-.04h-20.273v-3.046zm19.941 3.047c0 4.922 3.164 9.297 8.476 11.015l-2.031 2.89c-3.848-1.386-6.68-4.081-8.203-7.577-1.524 4.004-4.571 7.11-8.789 8.633l-1.993-2.97c5.586-1.913 8.829-6.562 8.868-11.835v-3.438h3.672zm16.757-5.235v20.664h-3.711V50.477h-7.382V47.43h7.382v-7.11zm-11.718 21.64c7.343 0 11.836 2.423 11.836 6.68 0 4.22-4.493 6.641-11.836 6.602-7.344.04-11.875-2.383-11.836-6.601-.039-4.258 4.492-6.68 11.836-6.68m0 2.892c-5.118 0-8.164 1.367-8.164 3.789 0 2.343 3.046 3.671 8.164 3.671 5.117 0 8.164-1.328 8.164-3.671 0-2.422-3.047-3.79-8.164-3.79m24.354-21.133-.351 20.117h-3.867l-.352-20.117zm-2.265 28.554c-1.524 0-2.813-1.25-2.774-2.773-.039-1.523 1.25-2.773 2.774-2.773 1.484 0 2.773 1.25 2.773 2.773s-1.289 2.773-2.773 2.773'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' width='291' height='137.088' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='7.5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_4163_3755'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_4163_3755' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}

.inner_tab .tab{display:flex;}
.inner_tab .tab li img{display:none !important;}
.inner_tab .tab li img.on{display:block !important;}
.inner_tab .con{display:none;}
.inner_tab .con.on{display:flex; flex-wrap: wrap;}


/* -------------------------------------------------------------------------------- */
/* 하단 진열상품 */
.inner{padding:0 80px;}
.prdWrap.inner_m{width: 737px !important;}
.item-wrap .item-cont{display:flex; padding-bottom:56px;}
.item-wrap .item-cont li{display:block; width:calc((100% - 72px)/4); margin-bottom:40px; margin-right:24px;}
.item-wrap .item-cont li:nth-child(4n){margin-right:0;}
.item-wrap .item-cont li a{display:block; position:relative;}
.item-wrap .item-cont li a .number{position:absolute; top:0; left:0; display:block; width:24px; height:24px; text-align:center; font-size:14px; font-weight:500; line-height:24px; color:#fff; background:#000;}
.item-wrap .item-cont li figure img{width:100%; border:solid 1px #F6F6F6;} 
.item-wrap .item-cont li figure .list_shoppingInfo{padding-top:16px;}
.item-wrap .item-cont li figure .list_shoppingInfo .listName{font-size:16px; font-weight:500; line-height:19px; color:#333; padding-bottom:4px;}
.item-wrap .item-cont li figure .list_shoppingInfo .listDiscount{font-size:14px; font-weight:500; line-height:17px; color:#BFBFBF; padding-bottom:2px; text-decoration:line-through;}
.item-wrap .item-cont li figure .list_shoppingInfo .c-sale{display:flex;}
.item-wrap .item-cont li figure .list_shoppingInfo .c-sale > div{margin-right:4px;}
.item-wrap .item-cont li figure .list_shoppingInfo .c-sale > div,
.item-wrap .item-cont li figure .list_shoppingInfo .c-sale > div strong{font-size:18px; font-weight:700; line-height:22px; color:#F06D48;}
.item-wrap .item-cont li figure .list_shoppingInfo .c-sale .listPrice strong{font-size:18px; font-weight:700; line-height:22px; color:#242424;}
.item-wrap .item-cont li figure .list_shoppingInfo .prd-ico .MK-product-icons{display:flex;}
.item-wrap .item-cont li figure .list_shoppingInfo .prd-ico .MK-product-icons img{margin-bottom:10px; height:21px !important; width:auto; box-sizing:content-box;}
.item-wrap .item-cont li figure .list_shoppingInfo .c-prd-etc{margin-top:10px; display:flex;}
.item-wrap .item-cont li figure .list_shoppingInfo .c-prd-etc .c-review{margin-right:8px; font-size:12px; font-weight:500; line-height:14px; color:#999999;}
.item-wrap .item-cont li figure .list_shoppingInfo .c-prd-etc .c-color{font-size:12px; font-weight:500; line-height:14px; color:#999999;}


.item-wrap .swiper .item-cont .none-data{margin:0 auto;}
.item-wrap .swiper .item-cont .none-data i{font-size:4em;}
.item-wrap .swiper .item-cont .none-data p{font-size:2em; margin-top:1.4em}


.float_text{ position: absolute; top: -50%; left: 50%; width: 145px; height: 50px; font-size: 24px; background: #232323; transform:translate(-50%,0);
             display: flex; color: #ffffff; align-items: center; justify-content: center; border-radius: 45px; animation: joinAni .6s infinite alternate;}
.float_text::after {content:""; position: absolute; bottom: -10px; left: 50%; width: 20px; height: 20px; background: #232323; transform:translate(-50%,0) rotate(45deg);}

@keyframes joinAni {
    0% {
        margin-top: 0px;
    }

    100% {
        margin-top: 5px;
    }
}


/* BASIC css end */