.dot_txt{position: relative; padding-left: 0.5em;}
.dot_txt:before{content: '·'; position: absolute; left: 0;}

.com_tag_box{display:flex; flex-wrap:wrap; gap: 8px 5px; }
.com_tag_box .tag{display:inline-flex; align-items:center; justify-content:center; padding:0.5em 0.7em; border-radius:0.5rem; background:#EEF5FF; color:#32549D; font-size:var(--p6); line-height:1; font-weight:500; white-space:nowrap;}


/* 슬라이드 화살표 <> */
.com_swiper_btn .swiper_btn{position: absolute; display: flex; align-items: center; justify-content: center; border: 2px solid var(--point01); background-color: #fff; z-index: 3; width: 8rem; height: 8rem; top: 50%; transform: translateY(-50%); border-radius: 999px; transition: background-color 0.3s ease-in-out, border 0.3s ease-in-out;}
.com_swiper_btn .swiper_btn .arr{width: 57%; height: 57%; transition: background 0.3s ease-in-out; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="46" height="46" viewBox="0 0 46 46" fill="none"><path d="M37 23H13" stroke="%232F58E0" stroke-width="3" stroke-linecap="square" stroke-linejoin="round"/><path d="M23 11L11 23L23 35" stroke="%232F58E0" stroke-width="3" stroke-linecap="square"/></svg>') no-repeat center / cover;}
.com_swiper_btn .swiper_btn svg path{transition: all 0.3s ease-in-out}
.com_swiper_btn .swiper_btn.prev{ left: calc(-1 * 8rem - 4rem);}
.com_swiper_btn .swiper_btn.next{ right: calc(-1 * 8rem - 4rem);}
.com_swiper_btn .swiper_btn.next .arr{transform: rotate(180deg);}

.com_swiper_btn .swiper_btn.wh{border-color: rgba(255, 255, 255, 0.30); background: rgba(255, 255, 255, 0.10); box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.10);}
.com_swiper_btn .swiper_btn.wh .arr{background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="46" height="46" viewBox="0 0 46 46" fill="none"><path d="M37 23H13" stroke="white" stroke-width="3" stroke-linecap="square" stroke-linejoin="round"/><path d="M23 11L11 23L23 35" stroke="white" stroke-width="3" stroke-linecap="square"/></svg>') no-repeat center / cover;}

.com_swiper_btn.none {display: none !important;}


/* KV_기본타입_10 */
.kv_basic10{height: 100svh;}
.kv_basic10 .slide{position: relative; width: 100%; height: 100%;}
.kv_basic10 .swiper-container,
.kv_basic10 .swiper-slide{height: 100%;} 
.kv_basic10 .item{position: relative; display: flex; width: 100%; height: 100%; align-items: center; color: #ECECF1;}
.kv_basic10 .item .bg{position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden;}
.kv_basic10 .item .bg img{transform: scale(1.2); transform-origin: center center; transition: transform 1.8s ease-out; will-change: transform; backface-visibility: hidden;}
.kv_basic10 .item .bg > *,
.kv_basic10 .item .bg iframe{width: 100%; height: 100%; object-fit: cover; object-position: center; }
.kv_basic10 .item .bg iframe{pointer-events: none;}
.kv_basic10 .item .bg .youtube{position: relative;}
.kv_basic10 .item .bg .youtube iframe{display: block; pointer-events: none;}
.kv_basic10 .item .bg .youtube:before{content: ''; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.1); z-index: 2;}
.kv_basic10 .item.swiper-slide-active .bg img,
.kv_basic10 .item.swiper-slide-duplicate-active .bg img{transform: scale(1);}
.kv_basic10 .item .txt_box{position: relative; z-index: 2; padding-left: 28rem;}
.kv_basic10 .item .txt_box > *{transform: translateY(5rem); opacity:0; transition: opacity 1.2s ease, transform 1.2s ease, background-color 0.3s ease-in-out, color 0.3s ease-in-out; will-change: transform, opacity; backface-visibility: hidden;}
.kv_basic10 .item.swiper-slide-active .txt_box > *,
.kv_basic10 .item.swiper-slide-duplicate-active .txt_box > *{transform: translateY(0); opacity:1;}
.kv_basic10 .item .desc{font-size: var(--p2); color: #E9E9EF; font-weight: 700; margin-bottom: 2rem;}
.kv_basic10 .item .tit{font-size: var(--h2); font-weight: 700; transition-delay: 0.2s; line-height: 1.5;}
.kv_basic10 .item .txt{font-size: var(--p3); color:#ECECF1; margin-top: 2rem; transition-delay: 0.4s; line-height: 1.5;}
.kv_basic10 .item .link_btn{margin-top: 5rem; transition-property: opacity, transform, background-color, color; transition-duration: 1.2s, 1.2s, 0.3s, 0.3s; transition-timing-function: ease, ease, ease-in-out, ease-in-out; transition-delay: 0.6s, 0.6s, 0s, 0s;}
/* 메인 배너: 글자색(textColor)에 +아이콘도 동일 적용 — mask + currentColor 틴트 */
.kv_basic10 .item .link_btn.plus .ico{ background-image: none; background-color: currentColor; -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none"><path d="M8.5 6.5H15V8.5H8.5V15H6.5V8.5H0V6.5H6.5V0H8.5V6.5Z" fill="black"/></svg>') no-repeat center / contain; mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none"><path d="M8.5 6.5H15V8.5H8.5V15H6.5V8.5H0V6.5H6.5V0H8.5V6.5Z" fill="black"/></svg>') no-repeat center / contain;}

.kv_basic10 .com_swiper_btn .swiper_btn.prev{ left: 5rem;}
.kv_basic10 .com_swiper_btn .swiper_btn.next{ right: 5rem;}

.kv_basic10 .pointer .pointer_box{ display: flex; align-items: center; font-size: var(--p4); gap: 1rem; width:11rem; height: 11rem; flex-direction: row; font-size: var(--p5); font-weight: 400; background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(15px);}
.kv_basic10 .pointer .pointer_box .arr svg{ display:block; width: 2.4rem; height: auto;}
.kv_basic10 .pointer .num{ text-align: center;}

.kv_basic10 .progress_bar{position: absolute; left: 0; right: 0; bottom: 0; z-index: 4; height: 0.8rem; background: rgba(255, 255, 255, 0.4); overflow: hidden;}
.kv_basic10 .progress_bar .bar{display: block; width: 0; height: 100%; background: #0E44B7; transition: none;}
.kv_basic10 .progress_bar .bar.active{width: 100%; transition: width var(--kv-basic10-autoplay-delay, 5000ms) linear;}

.kv_basic10 .com_swiper_btn .num_wrap{color: #fff;}

.kv_basic10 .num_wrap_mo{display: none;}

/* 서브페이지_진료과목_텍스트모션_02  */
.sub_text_motion02 {position: relative; height: 100vh; overflow: hidden;}
.sub_text_motion02 .center_txt {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) ;white-space: nowrap; text-align: center;}
.sub_text_motion02 .center_txt .tit {font-size: var(--h4); font-weight: 700;}
.sub_text_motion02 .center_txt .txt{font-size: var(--h8); font-weight: 600; margin-top: 2rem;}
.sub_text_motion02 .txt_list {position: absolute; width: 100% ;left: 0%; top: 70%; white-space: nowrap; font-size: max(2vw,20px); font-weight: 300;  opacity: 0}
.sub_text_motion02 .txt_list li {display: flex; align-items: center; justify-content: center; height: calc(3.4vw * 2); font-weight: 700}

.sub_text_motion02 .txt_list .img {width: 1vw; margin-left: 6rem; overflow: hidden; display: inline-block; flex-shrink: 0;  position: relative; will-change: width; opacity: 0}
.sub_text_motion02 .txt_list .txt {
    color: var(--black);
    -webkit-mask-image: -webkit-gradient(linear,left top,right top,color-stop(33.3%,black),color-stop(66.6%,rgba(0,0,0,0.1)));
    -webkit-mask-image: linear-gradient(90deg,black 33.3%,rgba(0,0,0,0.1) 66.6%);
    mask-image: -webkit-gradient(linear,left top,right top,color-stop(33.3%,black),color-stop(66.6%,rgba(0,0,0,0.1)));
    mask-image: linear-gradient(90deg,black 33.3%,rgba(0,0,0,0.1) 66.6%);
    -webkit-mask-position: 100% 100%;
    mask-position: 100% 100%;
    -webkit-mask-size: 300% 100%;
    mask-size: 300% 100%;

}




/* 탭_롤링07 */
.tab_rolling07 .tab_cont{ max-width:100%; margin:var(--mainContMt) auto 0; opacity:0; transform:translateY(5rem); transition:opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.tab_rolling07.active .tab_cont{opacity:1; transform:unset;}
/* 기존 탭 스와이퍼 제거 */
.tab_rolling07 .tab_cont > .swiper-container > .swiper-wrapper{display:block; transform:none !important;}
.tab_rolling07 .tab_cont > .swiper-container > .swiper-wrapper > .swiper-slide{opacity:0; pointer-events:none; width:100% !important; transform:none !important; transition:opacity 0.3s ease;}
.tab_rolling07 .tab_cont > .swiper-container > .swiper-wrapper > .swiper-slide.item:not(:first-child){position: absolute; top: 0; left: 0;}
.tab_rolling07 .tab_cont > .swiper-container > .swiper-wrapper > .swiper-slide.active,
.tab_rolling07 .tab_cont > .swiper-container > .swiper-wrapper > .swiper-slide.swiper-slide-active{position:relative; opacity:1; pointer-events:auto;}

.tab_rolling07 .item{--cardH:74rem; display:flex; align-items:flex-start; gap:9rem;}
.tab_rolling07 .item .left_card{position:relative; flex:0 0 60rem;}
.tab_rolling07 .item .left_card .bg_img{position:relative; width:100%; height:var(--cardH); overflow:hidden; border-radius:4rem; background:var(--bg);}
.tab_rolling07 .item .left_card .bg_img img{position: absolute; inset: 0; width:100%; height:100%; object-fit:cover;}
.tab_rolling07 .item .left_card .txt_box{position:absolute; left:5.2rem; top:6rem; padding-right: 3rem; z-index:2; color:#fff;}
.tab_rolling07 .item .left_card .tit{font-size:var(--h2); font-weight:700;}
.tab_rolling07 .item .left_card .txt{font-size:var(--p3); line-height:1.5; font-weight:500; margin-top:0.3rem;}
.tab_rolling07 .item .left_card .btn_box {margin-top: 4rem;}

.tab_rolling07 .item .right_box{display:flex; flex-direction:column; flex:1; min-width:0; height:var(--cardH); overflow:hidden;}
.tab_rolling07 .item .right_box > .tit_box{margin-bottom: 7rem;}
.tab_rolling07 .item .right_box > .tit_box .com_tag_box{margin-top: 2rem; max-width: 80%;}
.tab_rolling07 .item .right_box .shop_list01{flex:1; min-height:0; margin: 0; } /*overflow-y:auto; overflow-x:hidden;*/
.tab_rolling07 .item .right_box .shop_list01::-webkit-scrollbar{display:none;}
.tab_rolling07 .item .right_box .shop_list01.swiper-container,
.tab_rolling07 .item .right_box .shop_list01.tab_rolling07_list_swiper{overflow:hidden !important; overscroll-behavior:contain; cursor:none !important;}
.tab_rolling07 .item .right_box .shop_list01 .swiper-wrapper{height:100%;}
.tab_rolling07 .item .right_box .shop_list01 .swiper-slide{height:auto;}
/* .tab_rolling07 .item .right_box .shop_list01 .shop_item.swiper-slide{height:auto; margin-top:0;}
.tab_rolling07 .item .right_box .shop_list01 .shop_item.swiper-slide + .shop_item.swiper-slide{margin-top:0;} */

.tab_rolling07 .item .right_box .shop_list01 .shop_item{width:100%; margin-top:0; cursor:none; user-select:none;}
.tab_rolling07 .item .right_box .shop_list01 .shop_item:active{cursor:none;}
.tab_rolling07 .item .right_box .shop_list01 .shop_item:first-child{margin-top: 0;}

.tab_rolling07 .item .right_box .shop_list01 .shop_item .shop_link{display: flex; align-items: center; gap: 2.5rem; cursor:pointer; user-select:none;}
.tab_rolling07 .item .right_box .shop_list01 .shop_item .thum{width: 9rem; height: 9rem;}
.tab_rolling07 .item .right_box .shop_list01 .shop_item .tit_box .tag{font-size: var(--p4);}
.tab_rolling07 .item .right_box .shop_list01 .shop_item .badge_box{display: flex; margin-left: auto; gap: 5px;}
.tab_rolling07 .item .right_box .shop_list01 .shop_item .badge_box .badge{background-color: var(--point01); color: #fff; font-size: var(--p6); padding: 0.3em 1em; border-radius: 0.5rem; white-space: nowrap;}
.tab_rolling07 .item .right_box .shop_list01 .shop_item .com_prd_info {flex: inherit; flex: 1;}
.tab_rolling07 .item .right_box .shop_list01 .shop_item .com_prd_info .top{justify-content: flex-start; gap: 4rem;}
.tab_rolling07 .item .right_box .shop_list01 .shop_item .com_prd_info .top {font-size: var(--p3);}
.tab_rolling07 .item .right_box .shop_list01 .shop_item .com_prd_info .like{margin-left: 0; margin-top: 0.1em;}

.tab_rolling07 .item .right_box .shop_list01 .rank_num{font-weight: 700; font-size: var(--p3); min-width: 1em; }

.tab_rolling07 .pointer {position:fixed; left: 0; top: 0;  z-index: 10;  pointer-events: none; }
.tab_rolling07 .pointer .pointer_box { display: flex; align-items: center; justify-content: center; width: 7rem; height: 7rem;  background: rgba(0, 45, 196, 0.50); backdrop-filter: blur(10px); border-radius: 50%; transition:all .3s ease-out;display: flex; flex-direction: column; align-items: center; justify-content: center;  color: #fff; opacity:0; transform: scale(0);}
.tab_rolling07 .pointer svg {display: block; width: 1.5rem; height: auto;}
.tab_rolling07 .pointer.on .pointer_box {opacity: 1; transform: scale(1);}



/* 조합형푸터_08 */
.load_footer08{background-color: var(--point01); padding: 12rem 0; color: #fff;}
.load_footer08 .tit_box > *{opacity: 0; transform: translateY(5rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.load_footer08.active .tit_box > *{opacity: 1; transform: unset;}
.load_footer08 .tit_box .desc{font-size: var(--p2); font-weight: 500;}
.load_footer08 .tit_box .tit{font-size: var(--h3); font-weight: 700; line-height: 1.5; margin-top: 1.2rem;}

.load_footer08 .info_cont{display: flex; gap:2.2rem; margin-top: var(--contMt4);}
.load_footer08 .info_cont .cont{flex: 1; background: rgba(255, 255, 255, 0.10); padding: 4rem 6rem; opacity: 0; transform: translateY(5rem); transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.load_footer08.active .info_cont .cont{opacity: 1; transform: unset;}
.load_footer08 .info_cont .cont:nth-child(1){transition-delay: 0s, 0s, 0.3s, 0.3s;}
.load_footer08 .info_cont .cont:nth-child(2){transition-delay: 0s, 0s, 0.6s, 0.6s;}
.load_footer08 .info_cont .cont:nth-child(3){transition-delay: 0s, 0s, 0.9s, 0.9s;}
.load_footer08 .info_cont .cont .ico{margin-bottom: 3rem;}
.load_footer08 .info_cont .cont .ico svg{display: block; width: 2.6rem; height: 2.6rem;}
.load_footer08 .info_cont .cont .ico svg path{fill: #fff; transition:fill 0.3s ease-in-out;}
.load_footer08 .info_cont .cont .cont_tit_box{display: flex; align-items: center; font-size:var(--h7); font-weight:700; line-height:normal;}
.load_footer08 .info_cont .cont .cont_tit_box .arr{margin-left: 0.2em;}
.load_footer08 .info_cont .cont .cont_tit_box .arr svg{display: block; width: 0.8em; height: 0.7em;}
.load_footer08 .info_cont .cont .cont_tit_box .arr svg path{transition:fill 0.3s ease-in-out;}
.load_footer08 .info_cont .cont .txt_box .txt{font-size: var(--p5); margin-top: 2.5rem; line-height: 1.5;}




/* 서브페이지_진료과목_텍스트모션_03 */ 
.sub_text_motion03{padding: 25vh 0 0;
    --motion03-gap: 5rem;
    --motion03-item-height: 4rem;
    --motion03-active-height: 11rem;
    /* landing2.js 사용*/
    --motion03-active-img-width: 11rem;
    --motion03-base-font-size: var(--h5);
    --motion03-active-font-size: var(--h3);
}
.sub_text_motion03 .copyscroll_sect{ 
    position: relative; overflow: hidden; 
    height: calc(var(--motion03-active-height) + (var(--motion03-item-height) * 3) + (var(--motion03-gap) * 3) + max(var(--motion03-gap), 2rem)); 
    margin-top: 1rem; 
    padding-top: max(calc(var(--mainContMt) + 2rem), calc(var(--motion03-item-height) + var(--motion03-gap) + 2rem)); /* 사라지는 영역 */
    opacity: 0; transform: translateY(5rem); transition: opacity 0.6s ease-in-out 0.6s, transform 0.6s ease-in-out 0.6s;}
.sub_text_motion03 .copyscroll_sect:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: var(--motion03-fade-height); background: linear-gradient(0, rgba(255,255,255,1), rgba(255,255,255,0));}
.sub_text_motion03.active .copyscroll_sect{opacity: 1; transform: unset;}
.sub_text_motion03 .copy_cont,
.sub_text_motion03 .copy_wrap{position: relative; width: 100%; height: 0; min-height: 0; overflow: visible;}
.sub_text_motion03 .copy_item{position: absolute; left: 0; top: 0; width: 100%; height: var(--motion03-item-height); display: flex; align-items: center; justify-content: center; box-sizing: border-box; color: rgba(31, 41, 51, 0.05); will-change: transform, opacity;}
.sub_text_motion03 .copy_item .cont{position: relative; display: flex; align-items: center; text-align: center; font-size: var(--h5);}
.sub_text_motion03 .copy_item .cont .txt { line-height: 1.5; font-weight: 600; }
.sub_text_motion03 .copy_item .cont .img{display: block; height: 2.75em; width: 0; margin-left: 0.5em; opacity: 0;}
.sub_text_motion03 .copy_item .cont .img img{height: 100%; width: 100%;}



/* 탭_롤링_08 */
.tab_rolling08{background-color: var(--point01); padding: 10rem 0; overflow: hidden; width: 100%;}
.tab_rolling08 .swiper-container{overflow: visible;}
.tab_rolling08 .tit_wrap{display: flex; align-items: flex-start; justify-content: space-between}
.tab_rolling08 .main_tit_box{color: #fff;}
.tab_rolling08 .tab_depth1_wrap{margin-top: 8rem;}
.tab_rolling08 .tab_depth1_wrap .tab_box{display: flex; gap: 2rem; justify-content: center;}
.tab_rolling08 .tab_depth1_wrap .tab_box .tab{font-size: var(--p2); color: #6D8FFF; font-weight: 700; transition: opacity 0.3s ease;}
.tab_rolling08 .tab_depth1_wrap .tab_box .tab .ico{display: flex; align-items: center; justify-content: center; width: 11rem; height:7rem; margin-bottom: 1rem; border-radius: 99rem; background-color: #5078FF; transition: 0.3s ease;}
.tab_rolling08 .tab_depth1_wrap .tab_box .tab .ico img{width: 38%; height: 100%; object-fit: contain;}
.tab_rolling08 .tab_depth1_wrap .tab_box .tab.active{color: #fff;}
.tab_rolling08 .tab_depth1_wrap .tab_box .tab.active .ico{background-color: #fff;}


.tab_rolling08 .cont{margin-top: 5rem; color: #fff}
.tab_rolling08 .tab_depth2_wrap{display: flex; justify-content: center; margin:0 auto 6rem;}
.tab_rolling08 .tab_depth2_wrap .tab_box{display: flex; gap:1rem;}
.tab_rolling08 .tab_depth2_wrap .tab_box .tab{font-size:var(--p4); padding: 0.3em 1.1em; background-color: var(--point01); font-weight: 700; border-bottom:2px solid var(--point01); transition: 0.3s ease;} /*border-radius: 99rem;*/
/* .tab_rolling08 .tab_depth2_wrap .tab_box .tab.active{ background-color: #fff; color: var(--point01);} */
.tab_rolling08 .tab_depth2_wrap .tab_box .tab.active{ border-bottom: 2px solid #fff;}
.tab_rolling08 .tab_depth2_wrap .tab_box{display: none;}
.tab_rolling08 .tab_depth2_wrap .tab_box.active{display: block;}

.tab_rolling08 .slide{opacity: 0; transform: translateY(5rem); transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.tab_rolling08 .slide.active{opacity: 1; transform: translateY(0);}
.tab_rolling08 .slide .swiper-slide{opacity: 0.3; transition: opacity 0.3s ease;} /* max-width: 20%; */
.tab_rolling08 .slide .swiper-slide.is-visible-slide{opacity: 1;}

.tab_rolling08 .slide .item_box{background-color: #fff; border-radius: 2rem; padding: 2rem 0 3.7rem;}
.tab_rolling08 .slide .item_box .item_info{display: flex; align-items: center; padding: 0 2rem}
.tab_rolling08 .slide .item_box .item_info .badge{font-size: var(--p7); background-color: var(--gray10); color:var(--gray60); border-radius: 0.5rem; padding: 0.4em 0.8em; font-weight: 700;}
.tab_rolling08 .slide .item_box .item_info .num{font-size: var(--p6); color: var(--point01); font-weight: 700; margin-left: 0.8em;}
.tab_rolling08 .slide .item_box .item_info .like{display: flex; align-items: center; font-size: var(--p6); font-weight: 500; margin-left: auto; color:var(--black);}
.tab_rolling08 .slide .item_box .item_info .like::before {content: ""; width: 1em; height: 1em; margin-right: 0.3em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="14" viewBox="0 0 15 14" fill="none"><path d="M13.8582 1.09323C12.1241 -0.677831 8.6006 -0.403873 7.49998 2.70353C6.39936 -0.402587 2.87589 -0.676545 1.14185 1.09323C-0.592196 2.8643 -0.291232 6.14662 1.638 8.37556C3.56724 10.6032 7.49998 14 7.49998 14C7.49998 14 11.4327 10.6032 13.362 8.37556C15.2912 6.1479 15.5922 2.8643 13.8582 1.09323Z" fill="%23FF5B8C"/></svg>') no-repeat center / contain;}
.tab_rolling08 .slide .item_box .img_box{margin-top: 3rem;}
.tab_rolling08 .slide .item_box .img_box img{width: 100%; object-fit: cover;}

.tab_rolling08 .slide .name_box{display: flex; align-items: flex-start; justify-content: space-between; margin-top: 2rem;}
.tab_rolling08 .slide .name_box .name{ font-size:var(--p3); font-weight:600; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; line-height: 1.4;}
.tab_rolling08 .slide .name_box .cart_btn{display: flex; align-items: center; font-size:var(--p5); font-weight:700; padding: 0.2em 0.8em; border:1px solid #fff; border-radius: 99rem; transition: background 0.3s ease, color 0.3s ease;}
.tab_rolling08 .slide .name_box .cart_btn .ico{width: 1.2em; height: 1.2em; margin-right: 0.5em; transition: background 0.3s ease; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10 10.8345C8.89493 10.8345 7.83512 10.3955 7.05372 9.61408C6.27232 8.83268 5.83333 7.77287 5.83333 6.66781H7.5C7.5 7.33085 7.76339 7.96673 8.23223 8.43557C8.70107 8.90441 9.33696 9.16781 10 9.16781C10.663 9.16781 11.2989 8.90441 11.7678 8.43557C12.2366 7.96673 12.5 7.33085 12.5 6.66781H14.1667C14.1667 7.77287 13.7277 8.83268 12.9463 9.61408C12.1649 10.3955 11.1051 10.8345 10 10.8345ZM10 2.50114C10.663 2.50114 11.2989 2.76453 11.7678 3.23337C12.2366 3.70221 12.5 4.3381 12.5 5.00114H7.5C7.5 4.3381 7.76339 3.70221 8.23223 3.23337C8.70107 2.76453 9.33696 2.50114 10 2.50114ZM15.8333 5.00114H14.1667C14.1667 4.45396 14.0589 3.91215 13.8495 3.40662C13.6401 2.9011 13.3332 2.44177 12.9463 2.05486C12.5594 1.66795 12.1 1.36104 11.5945 1.15164C11.089 0.942247 10.5472 0.834473 10 0.834473C8.89493 0.834473 7.83512 1.27346 7.05372 2.05486C6.27232 2.83626 5.83333 3.89607 5.83333 5.00114H4.16667C3.24167 5.00114 2.5 5.74281 2.5 6.66781V16.6678C2.5 17.1098 2.67559 17.5338 2.98816 17.8463C3.30072 18.1589 3.72464 18.3345 4.16667 18.3345H15.8333C16.2754 18.3345 16.6993 18.1589 17.0118 17.8463C17.3244 17.5338 17.5 17.1098 17.5 16.6678V6.66781C17.5 5.74281 16.75 5.00114 15.8333 5.00114Z" fill="white"/></svg>') no-repeat center / contain}

.tab_rolling08 .slide .progress_bar{position: relative; margin: 8rem auto 0; width: 30rem; height: 0.5rem; background-color: rgba(255, 255, 255, 0.15); overflow: hidden;}
.tab_rolling08 .slide .progress_bar .swiper-pagination-progressbar-fill{background-color: #fff;}
.tab_rolling08 .slide .progress_bar.none{display: none !important;}

.tab_rolling08 .pick_box{display: flex; align-items: center; background-color: #fff; padding: 3rem 4rem; gap: 4rem; border-radius: 2rem; margin-top: 5rem;}
.tab_rolling08 .pick_box .tit_box{flex: 0 0 auto;}
.tab_rolling08 .pick_box .tit_box .cont_tit{font-size: var(--h8); font-weight: 700; white-space: nowrap;}
.tab_rolling08 .pick_box .tit_box .link_btn{font-size: var(--p7); margin-top: 5rem; padding: 1em 1.4em; white-space: nowrap;}
.tab_rolling08 .pick_box .tit_box .link_btn .ico{margin-left: 0.7em;}
.tab_rolling08 .pick_box .item_wrap{display: flex; flex: 1 1 auto; min-width: 0; gap: 1.5rem;} 
.tab_rolling08 .pick_box .item_wrap .item_box{position: relative; display: flex; justify-content: center; align-items: center; width: calc((100% - 9rem) / 8); background-color: var(--bg);}
.tab_rolling08 .pick_box .item_wrap .item_box::before{content: ""; display: block; padding-top: 100%;}
.tab_rolling08 .pick_box .item_wrap .item_box > *{position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover;}
.tab_rolling08 .pick_box .item_wrap .item_box .ico{width: 25%; height: 25%; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" fill="none"><g clip-path="url(%23clip0_294_3630)"><path d="M37.5 12.5C37.5 9.18479 36.183 6.00537 33.8388 3.66116C31.4946 1.31696 28.3152 0 25 0C21.6848 0 18.5054 1.31696 16.1612 3.66116C13.817 6.00537 12.5 9.18479 12.5 12.5H0V43.75C0 45.4076 0.65848 46.9973 1.83058 48.1694C3.00268 49.3415 4.5924 50 6.25 50H29.1667V45.8333H6.25C5.69747 45.8333 5.16756 45.6138 4.77686 45.2231C4.38616 44.8324 4.16667 44.3025 4.16667 43.75V16.6667H12.5V20.8333H16.6667V16.6667H33.3333V20.8333H37.5V16.6667H45.8333V29.1667H50V12.5H37.5ZM16.6667 12.5C16.6667 10.2899 17.5446 8.17025 19.1074 6.60744C20.6702 5.04464 22.7899 4.16667 25 4.16667C27.2101 4.16667 29.3298 5.04464 30.8926 6.60744C32.4554 8.17025 33.3333 10.2899 33.3333 12.5H16.6667Z" fill="%23374957" fill-opacity="0.2"/><path d="M43.7506 33.332H39.584V39.582H33.334V43.7487H39.584V49.9987H43.7506V43.7487H50.0006V39.582H43.7506V33.332Z" fill="%23374957" fill-opacity="0.2"/></g><defs><clipPath id="clip0_294_3630"><rect width="50" height="50" fill="white"/></clipPath></defs></svg>') no-repeat center / contain;}


/* 탭_롤링_08_2 */
.tab_rolling08_2{padding: 0 0; overflow: hidden; width: 100%;}
.tab_rolling08_2 .main_tit_box{text-align: center;}

.tab_rolling08_2 .tab_depth1_wrap {margin-top:3rem}
.tab_rolling08_2 .tab_depth1_wrap .tab_box{display: flex; justify-content: center; gap: 6rem;}
.tab_rolling08_2 .tab_depth1_wrap .tab_box .tab {display: flex; flex-direction: column; align-items: center; font-size: var(--p2); color: var(--gray30); font-weight: 600;}
.tab_rolling08_2 .tab_depth1_wrap .tab_box .tab .ico{display: block; }
.tab_rolling08_2 .tab_depth1_wrap .tab_box .tab svg {display: block; width: auto; height: 8.5rem;}
.tab_rolling08_2 .tab_depth1_wrap .tab_box .tab svg *{stroke: var(--gray30);}
.tab_rolling08_2 .tab_depth1_wrap .tab_box .tab.active svg *{stroke: var(--point01);}
.tab_rolling08_2 .tab_depth1_wrap .tab_box .tab.active .txt {color: var(--point01);}
/* 업로드 아이콘(일반/액티브) — .tab.active 기준 전환 */
.tab_rolling08_2 .tab_depth1_wrap .tab_box .tab .ico img{display: block; width: auto; height: 8.5rem; object-fit: contain;}
.tab_rolling08_2 .tab_depth1_wrap .tab_box .tab .ico .ico_active{display: none;}
.tab_rolling08_2 .tab_depth1_wrap .tab_box .tab.active .ico .ico_normal{display: none;}
.tab_rolling08_2 .tab_depth1_wrap .tab_box .tab.active .ico .ico_active{display: block;}

.tab_rolling08_2 .cont .top_box{display: flex; justify-content: space-between; margin-top: var(--contMt4); border-bottom: 1px solid var(--gray10);}
.tab_rolling08_2 .tab_depth2_wrap .tab_box{display: none;}
.tab_rolling08_2 .tab_depth2_wrap .tab_box.active {display: flex;}
.tab_rolling08_2 .tab_depth2_wrap .tab_box .tab{opacity: 0.3; font-size: var(--p3); font-weight: 700; padding-bottom: 0.6rem; border-bottom: 2px solid #fff; white-space: nowrap;}
.tab_rolling08_2 .tab_depth2_wrap .tab_box .tab + .tab{margin-left: 3rem;}
.tab_rolling08_2 .tab_depth2_wrap .tab_box .tab.active{opacity: 1; border-bottom: 2px solid var(--gray90);}

.tab_rolling08_2 .top_box .form_chk{pointer-events: none;}

.tab_rolling08_2 .prd_list_box{margin-top: 3rem;}
.tab_rolling08_2 .prd_list_box .com_prd_cont:nth-of-type(n+13){display: none;}
.tab_rolling08_2 .prd_list_box .com_prd_cont{position: relative;}

.tab_rolling08_2 .in{padding-bottom: 25rem;} /* pick_box 크기 */
.tab_rolling08_2 .pick_box{position: fixed; bottom: 2rem; left: 50%; transform: translateX(-50%); z-index: 999;opacity: 0; transition: opacity 0.3s ease; pointer-events: none;}
.tab_rolling08_2 .pick_box.show{opacity: 1; pointer-events: unset;}
.tab_rolling08_2 .pick_box.no_fixed{position: absolute; }
.tab_rolling08_2 .pick_box{width: 120rem; min-width: max-content; padding: 1px; margin:0 auto; padding: 2rem 3rem 2rem 0; background-color: var(--point01); border-radius: 99rem; margin-top: var(--contMt1);}
.tab_rolling08_2 .pick_box .cont{position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%;}
.tab_rolling08_2 .pick_box .item_wrap{display: flex; justify-content: flex-end; gap: 1.5rem;}
.tab_rolling08_2 .pick_box .item_wrap .item_box{display: flex; align-items: center; width: 8.5rem; height: 8.5rem; background-color: #fff; border-radius: 1rem;}
.tab_rolling08_2 .pick_box .item_wrap .item_box.empty{ border: 1px dashed #fff; background-color: transparent;}
.tab_rolling08_2 .pick_box .cont_tit{ font-size: var(--h8); font-weight: 700; }

.tab_rolling08_2 .pick_box .chr_img{width: 18.4rem; position: absolute; left: 2.4rem; bottom: -2rem;}
.tab_rolling08_2 .pick_box .slide{width: calc(48.5rem + 23rem); padding-left: 23rem;}
.tab_rolling08_2 .pick_box .slide .swiper-slide{max-width: 20%; padding: 0 1px;}
.tab_rolling08_2 .pick_box .slide .swiper-slide .box{display: block; width: 100%; border-radius: 1rem; overflow: hidden}
.tab_rolling08_2 .pick_box .slide .swiper-slide .box.empty{border: 1px dashed #FFF; background: rgba(255, 255, 255, 0.10) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 5V19" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M5 12H19" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center / 30%;}
.tab_rolling08_2 .pick_box .slide .swiper-slide .box.empty.none{background: rgba(255, 255, 255, 0.10)}
.tab_rolling08_2 .pick_box .slide .swiper-slide .box .img{position: relative; width: 100%; padding-top: 100%;}
.tab_rolling08_2 .pick_box .slide .swiper-slide .box .img img{position: absolute; inset: 0; width: 100%; height: 100%;}
.tab_rolling08_2 .pick_box .slide .swiper-slide .pick_del_btn{position: absolute; display: flex; align-items: center; justify-content: center; top: 0.4rem; right:0.4rem; background-color: var(--black); border-radius: 99rem; width: max(2.2rem, 20px); height: max(2.2rem, 20px); z-index: 2;}
.tab_rolling08_2 .pick_box .slide .swiper-slide .pick_del_btn svg{display: block; width: 50%; height: auto;}
.tab_rolling08_2 .pick_box .slide .swiper-slide .box.empty .pick_del_btn{display: none;}
.tab_rolling08_2 .pick_box .slide .swiper-pagination {height: 3px; margin-top:1.2rem; background-color: rgba(255,255,255,0.1); position: relative;}
.tab_rolling08_2 .pick_box .slide .swiper-pagination-progressbar-fill {background-color: rgba(255,255,255,1);}
.tab_rolling08_2 .pick_box .slide .swiper-pagination.hide{display: none !important;}
.tab_rolling08_2 .pick_box .estimate_btn {display: flex; align-items: center; white-space: nowrap; padding: 1em 1em 1em 1.5em; font-size: var(--p2); font-weight: 700; background-color: #fff; border-radius: 10em; margin-left: 3rem; transition: 0.3s ease-in-out;}
.tab_rolling08_2 .pick_box .estimate_btn .ico {width: 2em; height: 2em; border-radius: 50%; background-color: var(--gray90); display: flex; align-items: center; justify-content: center; margin-left:1em; transition: 0.3s ease-in-out;}
.tab_rolling08_2 .pick_box .estimate_btn .ico svg {width: 35%; height: auto;}
.tab_rolling08_2 .pick_box .estimate_btn .ico svg path {transition: 0.3s ease-in-out;}


/* 담기 플라이 모션 (상품 이미지 → pick_box 슬라이드 영역) */
.pick_fly_clone{position: fixed; z-index: 9999; pointer-events: none; object-fit: cover; border-radius: 1.2rem; box-shadow: 0 0.6rem 1.6rem rgba(0,0,0,0.18); transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.6s ease; will-change: transform, opacity;}
.tab_rolling08_2 .pick_box .cont.is-drop .chr_img{animation: pickDropBob 0.45s ease;}
@keyframes pickDropBob{0%{transform: translateY(0);} 35%{transform: translateY(-0.6rem);} 100%{transform: translateY(0);}}
@media (prefers-reduced-motion: reduce){.pick_fly_clone{transition: none;} .tab_rolling08_2 .pick_box .cont.is-drop .chr_img{animation: none;}}


/* 게시판 리스트_핀터레스트형_02 */
.pinter_list02 .list_box li {position: relative;display: block;width: calc(25% - (3rem * 3  / 4) ); margin-bottom: 6rem;}
.pinter_list02 .list_box li.hide {display: none;}
.pinter_list02 .list_box li .img {overflow: hidden;border-radius: 1.5rem;}
.pinter_list02 .list_box li .img img {width: 100%;}
.pinter_list02 .list_box li .txt_box {margin-top: 1.5rem;}
.pinter_list02 .list_box li .txt_box .tit {text-align: left; font-size: var(--p3);font-weight: 600;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.youtube .pinter_list02 .list_box li.shorts .img{position: relative; width: 100%; padding-top: 180%;}
.youtube .pinter_list02 .list_box li.video .img{position: relative; width: 100%; padding-top: 56.25%;}
.youtube .pinter_list02 .list_box li .img img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.youtube .pinter_list02 .list_box li button{display: block; width: 100%;}

/* 기본롤링24 */
.main_basic_slide24 {overflow: hidden;}
.main_basic_slide24 .slide {position: relative; }
/* .main_basic_slide24 .slide .swiper-container {overflow: visible;} */
.main_basic_slide24 .slide {border-radius: 3rem; overflow: hidden;}
.main_basic_slide24 .slide .bg {position: relative; padding-top: 30%; }
.main_basic_slide24 .slide .bg img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.main_basic_slide24 .slide .txt_box {color: #fff; position: absolute; left: 10%; top: 50%; transform: translate(0,-50%); width: 80%}
.main_basic_slide24 .slide .txt_box .tit {font-size: var(--h4);font-weight: 600; margin-bottom: 1.5rem; line-height: 1.5;}
.main_basic_slide24 .slide .txt_box .txt {font-size: var(--p3); }
.main_basic_slide24 .slide .swiper_num {position: absolute; right:3rem; bottom: 3rem; z-index: 3; display: flex; align-items: center; gap: 1rem; font-size: var(--p6);}
.main_basic_slide24 .slide .swiper_num .swiper_pagination {border-radius: 999px; background: rgba(0, 0, 0, 0.30);backdrop-filter: blur(15px); width: 4.25em; height: 2em; display: flex; align-items: center; justify-content: center; color: #fff;}
.main_basic_slide24 .slide .swiper_num.hide,
.main_basic_slide24 .slide .swiper_num .swiper_pagination.hide,
.main_basic_slide24 .slide .swiper_num .stop_btn.hide{display: none;}
.main_basic_slide24 .slide .swiper_num .barSpace {margin: 0 0.3em;}
.main_basic_slide24 .slide .swiper_num .stop_btn {width: 2em; height: 2em; border-radius: 50%; background: rgba(0, 0, 0, 0.30);backdrop-filter: blur(15px); display: flex; align-items: center; justify-content: center;}
.main_basic_slide24 .slide .swiper_num .stop_btn svg.stop {width: 28%; height: auto;}
.main_basic_slide24 .slide .swiper_num .stop_btn svg.play {width: 30%; height: auto; display: none;}
.main_basic_slide24 .slide .swiper_num .stop_btn.playing .stop {display: none;}
.main_basic_slide24 .slide .swiper_num .stop_btn.playing .play {display: block;}

/* .main_basic_slide24 .slide .swiper_num .swiper_pagination,
.main_basic_slide24 .slide .swiper_num .stop_btn{display: none;} */



/* --------------------------------------- 쇼핑몰 --------------------------------------- */
/* 공통 상품 리스트 (가로형) */
.shop_list01 .shop_item {display: flex; align-items: center; gap: 2.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--line); }
.shop_list01 .shop_item + .shop_item{margin-top: 1.5rem;}
.shop_list01 .thum {position: relative; flex-shrink: 0; width: 11rem; height: 11rem; overflow: hidden; border-radius: 1rem; }
.shop_list01 .thum img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
/* .shop_list01 .thum img{background: url(/inc/img/common/store_thum.svg) no-repeat center / cover;} */
.shop_list01 .thum::after {content: ''; position: absolute; inset: 0; background-color: rgba(0,0,0,0.02); z-index: 2; pointer-events: none;}
/* 공통 상품 텍스트 */
.shop_list01 .com_prd_info {flex: 1;}
.shop_list01 .com_prd_info .top {display: flex; align-items: flex-start; justify-content: flex-start;  font-size: var(--p5); gap: 1rem; line-height: 1.4;}
.shop_list01 .com_prd_info .name {overflow: hidden; font-weight: 700; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.shop_list01 .com_prd_info .like {display: inline-flex; align-items: center; margin-left: auto; flex-shrink: 0; color: var(--gray30); font-size: var(--p6); font-weight: 500; }
.shop_list01 .com_prd_info .like::before {content: ""; width: 1em; height: 1em; margin-right: 0.3em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" viewBox="0 0 13 12" fill="none"><path opacity="0.3" d="M9.49414 0C11.4486 0.0191326 13.0185 1.66563 13 3.67773C12.9999 6.20476 10.7899 8.264 7.44238 11.3857L7.33887 11.4834L7.24707 11.5615C6.77366 11.9273 6.10615 11.9026 5.6582 11.4863L5.55762 11.3926C2.31474 8.36145 0.139632 6.33432 0.00683594 3.91309L0 3.67773V3.60547C0.0203375 1.59433 1.62084 -0.0196967 3.5752 0.000976562L3.78516 0.0078125C4.83222 0.0741275 5.81242 0.574014 6.5 1.39844C7.23253 0.519187 8.29971 0.00978026 9.4248 0.000976562V0H9.49414ZM9.43652 1.50098C8.76057 1.50627 8.10768 1.81188 7.65234 2.3584L6.50098 3.74121L5.34766 2.35938C4.89105 1.81192 4.23899 1.50624 3.56348 1.50098H3.55957C2.47447 1.48947 1.5123 2.39727 1.5 3.62109V3.67773C1.50006 4.46213 1.83035 5.28385 2.69824 6.37598C3.56971 7.47257 4.8348 8.66379 6.49609 10.2168C8.16148 8.66353 9.43006 7.47232 10.3027 6.375C11.1703 5.28409 11.4999 4.46211 11.5 3.67773V3.66406C11.5112 2.44223 10.5708 1.51529 9.48828 1.5L9.43652 1.50098Z" fill="%231F2933"/></svg>') no-repeat center / contain;}
.shop_list01 .com_prd_info .name_num{font-size: var(--p7); color: var(--gray40); }
.shop_list01 .com_prd_info .num {display: flex; align-items: center; margin-top: 1rem; gap: 1rem; color: var(--gray50); font-size: var(--p8); font-weight: 500; line-height: 1.5;}
.shop_list01 .com_prd_info .num .badge {display: inline-flex; align-items: center; justify-content: center; padding: 0.2em 0.625em; border-radius: 0.3rem; background-color: #F0F4F9; color: var(--gray40); font-size:var(--p9); font-weight: 700;}

/* 순위 등락표 */
.shop_list01 .rank{display: flex; align-items: center; margin-left: auto; gap:0.4em; min-width: 3.5em; height: 1.8em; text-align: center; justify-content:center; padding: 0.2em 0; line-height: 1; font-size:var(--p5); border-radius: 99rem;}
.shop_list01 .rank .ico{display: block; width: 0.7em; height: 0.7em;}
.shop_list01 .rank.up{align-items: center; background-color: #FFF4F4;}
.shop_list01 .rank.up .ico{ background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="14" viewBox="0 0 16 14" fill="none"><path d="M7.06366 0.5C7.44856 -0.166666 8.41081 -0.166667 8.79571 0.5L15.7239 12.5C16.1088 13.1667 15.6277 14 14.8579 14H1.00148C0.231684 14 -0.249442 13.1667 0.135458 12.5L7.06366 0.5Z" fill="%23FB5353"/></svg>') no-repeat center / contain;}
.shop_list01 .rank.down{ background-color: #ECF5FF;}
.shop_list01 .rank.down .ico{margin-top: 0.1em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="14" viewBox="0 0 16 14" fill="none"><path d="M7.06366 13.5C7.44856 14.1667 8.41081 14.1667 8.79571 13.5L15.7239 1.5C16.1088 0.833334 15.6277 0 14.8579 0H1.00148C0.231684 0 -0.249442 0.833333 0.135458 1.5L7.06366 13.5Z" fill="%23005DFF"/></svg>') no-repeat center / contain;}
.shop_list01 .rank.same{ background-color: #F2F2F2;}
.shop_list01 .rank.same .ico{width: 1rem; height: 2px; background-color: #9AA5B1;}

/* 쇼핑몰_상품리스트 01 */
.store_list01 {display: flex; align-items: flex-start;}
/* 상품 필터 */
.store_list01 .form_filter_box {width: max(25rem, 200px); position: sticky; top: calc(var(--hdH) + 3rem); max-height: calc(100vh - 10rem); flex-shrink: 0; margin-right: 6rem; overflow-y: auto; transition: top 0.3s ease-in-out;} 
body:has(.header.down) .store_list01 .form_filter_box {top: 3rem;}
.store_list01 .form_filter_box::-webkit-scrollbar {display: none;}
.store_list01 .form_filter_box .sch_wrap + .box {border-top: 1px solid var(--gray20);}
.store_list01 .form_filter_box .box  {border-bottom: 1px solid var(--gray20);}
.store_list01 .form_filter_box .box_head {display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 2rem 0; cursor: pointer;}
.store_list01 .form_filter_box .box_cont{padding-bottom: 2rem;}
.store_list01 .form_filter_box .box_tit {font-size: var(--p4); font-weight: 700;}
.store_list01 .form_filter_box .box_cont {display: none;}
.store_list01 .form_filter_box .box_toggle {position: relative; width: 2.4rem; height: 2.4rem; flex-shrink: 0;}
.store_list01 .form_filter_box .box_toggle span,
.store_list01 .form_filter_box .box_toggle span::before {content: ""; position: absolute; left: 50%; top: 50%; width: 1.2rem; height: 2px; background-color: var(--gray90); transform: translate(-50%, -50%); transition: 0.2s ease-in-out;}
.store_list01 .form_filter_box .box_toggle span::before {transform: translate(-50%, -50%) rotate(90deg);}
.store_list01 .form_filter_box .box.active .box_toggle span::before {transform: translate(-50%, -50%) rotate(0deg); opacity: 0;}
.store_list01 .form_filter_box .filter_reset_btn {display: block; margin: 2rem 0 0 auto; font-size: 13px; font-weight: 600; color: var(--gray30); transition: 0.2s ease-in-out;}
.store_list01 .form_filter_box .btn_type {display: flex; flex-wrap: wrap; gap: 5px;}
.store_list01 .form_filter_box .btn_type .btn input:checked {}
.store_list01 .form_filter_box .btn_type .btn .txt {display: flex; align-items: center; justify-content: center; border: 1px solid var(--gray90); border-radius: 5px; padding: 0 0.7em; height: 2.5em; font-size: var(--p7); font-weight: 600; color: var(--gray40); border: 1px solid var(--gray20); cursor: pointer;}
.store_list01 .form_filter_box .btn_type .btn input:checked + label .txt {border-color: var(--gray90); color: var(--gray90);}

.store_list01 .form_filter_box .select_type {display: flex; align-items: center; }
.store_list01 .form_filter_box .select_type .select {flex: 1;}
.store_list01 .form_filter_box .select_type .select .nice-select {font-size: 12px; height: 3.75em; border-radius: 0.5rem;}
.store_list01 .form_filter_box .select_type .select .nice-select:after {width: 0.85em; right: 15px;}
.store_list01 .form_filter_box .select_type .select .nice-select .list{max-height: 150px;}
.store_list01 .form_filter_box .select_type .txt {font-size: var(--p6); margin-left: 1rem;}
.store_list01 .form_filter_box .select_type .range {margin: 0 1rem;}
.store_list01 .form_filter_box .info_txt{font-size: var(--p8); margin-top: 1rem;}
.store_list01 .form_filter_box .ref_txt {font-size: 12px; color: var(--gray40); margin-top: 1.5rem;}

.store_list01 .form_filter_box .sch_wrap{padding-bottom: 2rem;}
.store_list01 .form_filter_box .sch_wrap .sch_box .sch_inp{position: relative; border-bottom: 1px solid var(--black); padding: 0.8em 0; font-size: var(--p5);}
.store_list01 .form_filter_box .sch_wrap .sch_box .sch_inp input{width: 90%;}
.store_list01 .form_filter_box .sch_wrap .sch_box .sch_inp .btn { position: absolute;right: 0; top: 50%; transform: translateY(-50%);}
.store_list01 .form_filter_box .sch_wrap .sch_box .sch_inp .btn svg{display: block; height: 1.55em;}

.store_list01 .form_filter_box .form_btn_box {display: flex; gap: 1rem; font-size: var(--p6); margin-top: 2rem; padding-bottom: 125px;}
.store_list01 .form_filter_box .form_btn_box .btn { height: 3.2em; border-radius: 5px;}
.store_list01 .form_filter_box .form_btn_box .btn.reset {width: 3.2em; border:1px solid var(--gray20); display: flex; align-items: center; justify-content: center; transition: 0.3s ease-in-out;}
.store_list01 .form_filter_box .form_btn_box .btn.reset svg {display: block; width: auto; height: 1.2em;}
.store_list01 .form_filter_box .form_btn_box .btn.reset svg path {transition: 0.3s ease-in-out;}
.store_list01 .form_filter_box .form_btn_box .btn.search{flex: 1; background-color: var(--gray90); color: #fff; font-weight: 600; flex: 1; transition: 0.3s ease-in-out;}

/* 상품 리스트_탑 */
.store_list01 .prd_list_box {flex: 1; min-width: 0; }
.store_list01 .prd_list_box .top_box {display: flex; align-items: center; margin-bottom: 2rem;}
.store_list01 .prd_list_box .top_box .total_num {font-size: var(--p4);}
.store_list01 .prd_list_box .top_box .total_num strong {font-weight: 700; color: var(--point01);}
.store_list01 .prd_list_box .top_box .select {margin-left: auto;}
.store_list01 .prd_list_box .top_box .select + .select {position: relative; margin-left: 2rem; padding-left: 2rem;  }
.store_list01 .prd_list_box .top_box .select + .select:before {content:''; position: absolute; left: 0; width: 1px; height: 60%; top:20%; border: 1px solid #BCBFC2; }
.store_list01 .prd_list_box .top_box .nice-select {width: 5.8em; padding: 0 1.5em 0 0; border: none; height: auto; line-height: 1.5; font-size: var(--p6);}
.store_list01 .prd_list_box .top_box .nice-select .current{font-weight: 600;}
.store_list01 .prd_list_box .top_box .nice-select:after {right: 0;}
.store_list01 .prd_list_box .top_box .nice-select .list {font-size: var(--p6); right: 0; left: auto; z-index: 99;}
.store_list01 .prd_list_box .top_box .sel_btn_wrap{display: flex; gap: 2rem;}
.store_list01 .prd_list_box .top_box .sel_btn_wrap .opt{display: flex; align-items: center; font-size: var(--p6); font-weight: 600; opacity: 0.4; transition: 0.3s ease ;}
.store_list01 .prd_list_box .top_box .sel_btn_wrap .opt .badge{display: flex; align-items: center; justify-content: center; background-color: #000; font-size:0.8em; padding: 0.25em 0.4em; margin-right: 5px; background-color: #000; height: 1.5em; color: #fff; border-radius: 0.3rem;}
.store_list01 .prd_list_box .top_box .sel_btn_wrap .opt .badge.best{font-weight: 500; } 
.store_list01 .prd_list_box .top_box .sel_btn_wrap .opt .badge.new{width: 1.5em; font-weight: 600; vertical-align: middle;}
.store_list01 .prd_list_box .top_box .sel_btn_wrap .opt.active{opacity: 1;}
.store_list01 .prd_list_box .top_box .sel_btn_wrap .opt.active .badge.best{ background-color:var(--point01);}
.store_list01 .prd_list_box .top_box .sel_btn_wrap .opt.active .badge.new{background-color: #E00606;}

/* 상품 리스트 */
.store_list01 .prd_list_box .prd_list {display: grid; gap: 5rem 2rem; grid-template-columns: repeat(4,minmax(0,1fr));}
.store_list01 .prd_list_box .prd_list.grid_4 {grid-template-columns: repeat(4,minmax(0,1fr));}
.store_list01 .prd_list_box .prd_list.grid_5 {grid-template-columns: repeat(5,minmax(0,1fr));}

.com_prd_cont .prd_img_box {overflow: hidden; position: relative; padding-top: 100%; border-radius: 1rem;}
.com_prd_cont .prd_img_box .img {position: absolute; inset: 0; height: 100%;}
.com_prd_cont .prd_img_box .img::after {content: ''; position: absolute; inset: 0; height: 100%; background-color: rgba(0,0,0,0.02); z-index: 2; pointer-events: none;}
.com_prd_cont .prd_img_box .img img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 80%; height: 80%; object-position: center; object-fit: cover;}
.com_prd_cont .prd_img_box .badge_wrap {position: absolute; right: 1.5rem; top: 1.5rem;}
.com_prd_cont .prd_img_box .badge_wrap .badge {background-color: #fff; border-radius: 0.5rem; padding: 0 0.7em; height: 2em; display: flex; align-items: center; justify-content: center; color: var(--point01); font-weight: 700; font-size: var(--p6); background-color: #fff; z-index: 3;}   
.com_prd_cont .prd_img_box .badge_wrap .badge.best {background-color: #000; color: #fff; border-radius: 99rem;}

.com_prd_cont .prd_btn_box {position: absolute; right: 0.8rem; bottom: 0.8rem; display: flex; align-items: center; gap: 0.5rem; z-index: 5;}
.com_prd_cont .prd_btn_box .btn {width: 3.5rem; height: 3.5rem; display: flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 0.3rem;}
.com_prd_cont .prd_btn_box .btn svg {display: block; width: 66%; height: auto;}
.com_prd_cont .prd_btn_box .btn.heart svg{width: 54%;}
.com_prd_cont .prd_btn_box .btn.heart.active svg path {fill: #FF5B8C;}
.com_prd_cont .prd_btn_box .btn.heart.active svg g {opacity: 1;}

/* 준비중*/
.com_prd_cont .prd_img_box .soldout{position: absolute; display: flex; align-items: center; justify-content: center; inset: 0; width:100%; height:100%; background: rgba(0, 0, 0, 0.50); color: #fff; z-index: 50; pointer-events: none;}
.com_prd_cont .prd_img_box .soldout + .img{opacity: 0.3;}
.com_prd_cont .prd_img_box .soldout .txt{color:#fff; padding: 0 1em; height: 2em; line-height:2em; font-weight: 700; border-radius: 99rem; background: rgba(255, 255, 255, 0.20); backdrop-filter: blur(10px);}
.com_prd_cont .prd_img_box:has(.soldout) .prd_btn_box{pointer-events: none;}
/* 장바구니 준비중 */
.com_opt_wrap .prd_info .thum .soldout{position: absolute; display: flex; align-items: center; justify-content: center; inset: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.50); z-index: 5;}
.com_opt_wrap .prd_info .thum .soldout .txt{color:#fff; font-size: var(--p8); font-weight: 700;}

/* 상품 정보 텍스트 */
.com_prd_cont .prd_info {position: relative; margin-top: 1.5rem; display: block; width: 97%;}
.com_prd_cont .prd_info .prd_num {font-size: var(--p9); color: var(--gray40); font-weight: 500; display: none;}
.com_prd_cont .prd_info .heart{position: absolute; right: 0; top: 1.2rem; display: flex; align-items: center; min-width: 2.2em; font-size: var(--p6); color: var(--gray40); margin-left: auto; line-height: 1;}
.com_prd_cont .prd_info .heart::before {content: ""; width: 1em; height: 1em; margin-right: 0.3em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" viewBox="0 0 13 12" fill="none"><path opacity="0.3" d="M9.49414 0C11.4486 0.0191326 13.0185 1.66563 13 3.67773C12.9999 6.20476 10.7899 8.264 7.44238 11.3857L7.33887 11.4834L7.24707 11.5615C6.77366 11.9273 6.10615 11.9026 5.6582 11.4863L5.55762 11.3926C2.31474 8.36145 0.139632 6.33432 0.00683594 3.91309L0 3.67773V3.60547C0.0203375 1.59433 1.62084 -0.0196967 3.5752 0.000976562L3.78516 0.0078125C4.83222 0.0741275 5.81242 0.574014 6.5 1.39844C7.23253 0.519187 8.29971 0.00978026 9.4248 0.000976562V0H9.49414ZM9.43652 1.50098C8.76057 1.50627 8.10768 1.81188 7.65234 2.3584L6.50098 3.74121L5.34766 2.35938C4.89105 1.81192 4.23899 1.50624 3.56348 1.50098H3.55957C2.47447 1.48947 1.5123 2.39727 1.5 3.62109V3.67773C1.50006 4.46213 1.83035 5.28385 2.69824 6.37598C3.56971 7.47257 4.8348 8.66379 6.49609 10.2168C8.16148 8.66353 9.43006 7.47232 10.3027 6.375C11.1703 5.28409 11.4999 4.46211 11.5 3.67773V3.66406C11.5112 2.44223 10.5708 1.51529 9.48828 1.5L9.43652 1.50098Z" fill="%231F2933"/></svg>') no-repeat center / contain;}
.com_prd_cont .prd_info .top{display: flex; align-items: center; justify-content: space-between;}
.com_prd_cont .prd_info .info{margin-top: 0.8rem;}
.com_prd_cont .prd_info .name{display: flex; align-items: flex-start; max-width: 80%; font-size: var(--p3); font-weight: 700; line-height: 1.4;}
.com_prd_cont .prd_info .name .name_text {min-width: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-all;}
.com_prd_cont .prd_info .name .new_badge{flex-shrink: 0; display:inline-flex; align-items: center; justify-content: center; width: 1.3em; height: 1.3em; margin-top: 0.2em; border-radius: 0.2rem; font-size: max(1rem, 7px); line-height: 1; background: #E00606; color: #fff; margin-left: 0.5rem; font-weight: 700; vertical-align: text-top; -webkit-box-orient: initial;}
.com_prd_cont .prd_info .num {display: flex; align-items: center; margin-top: 1.2rem; gap: 0.8rem; color: var(--gray40); font-size: var(--p8); font-weight: 500;}
.com_prd_cont .prd_info .num .badge {display: inline-flex; align-items: center; justify-content: center; padding: 0.2em 0.6em; border-radius: 0.5rem; background-color: #F0F4F9; font-size: var(--p9); font-weight: 600;}
.com_prd_cont .prd_info .txt{font-size: var(--p6); min-height: 3.4em; margin-top: 0.5rem; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.com_prd_cont .prd_info .com_tag_box,
.com_prd_cont .prd_info + .com_tag_box{margin-top: 1.5rem; gap: 5px;}


.com_prd_cont .prd_badge_wrap { display: flex; flex-wrap: wrap; gap:4px; }
.com_prd_cont .prd_img_box .prd_badge_wrap{position: absolute; z-index: 10; top: 0.8rem; left: 0.8rem;}
.com_prd_cont .prd_badge_wrap .prd_badge{margin-top: 0; background-color: #fff; color: var(--black); font-size: var(--p8); font-weight: 500; line-height: 1; padding:0.4em 0.5em; border-radius: 0.3rem; white-space: nowrap;}
.com_prd_cont .prd_badge_wrap .prd_badge.best{background-color: var(--point01); color: #fff;}
.com_prd_cont .prd_badge_wrap .prd_badge.soldout{position: relative; width: auto;}

/* 랭킹 베스트 */
.store_list01 .com_prd_cont .prd_img_box .rank_num{position: absolute; top: 1rem; left: 1rem; display: flex; align-items: center; justify-content: center; font-size: var(--p8); width: 2em; height: 2em; background:#000; border-radius: 0.3rem; color: #fff; line-height: 1; font-weight: 700; z-index: 2;}

/* 상품없을때*/
.store_list01 .prd_empty_box,
.store_list01 .grid_4 .prd_empty_box{grid-column: span 4;}
.store_list01 .grid_5 .prd_empty_box{grid-column: span 5;}
.store_list01 .grid_6 .prd_empty_box{grid-column: span 6;}
.store_list01 .prd_empty_box{display: flex; flex-direction: column; align-items: center; font-size:var(--p4); padding: var(--pd3) 0; gap: 2rem; justify-content: center; text-align: center;} 
.store_list01 .prd_empty_box .ico svg{display: block; width:3.125em; height:3.125em}
.store_list01 .prd_empty_box .txt{color: var(--gray40); font-weight: 500;}
.store_list01 .prd_empty_box .list_back_btn{margin-top: 2rem; display: flex; align-items: center;border: 1px solid var(--gray20);border-radius: 1rem;font-size: var(--p5); font-weight:600;padding: 0.6em 1em; transition: 0.3s ease-in-out;}

/* 좋아요 리스트 */
.store_list01.likes{width: 100%; display:block;}
.store_list01.likes .prd_likes_list {display: grid; gap: 5rem 2rem; grid-template-columns: repeat(4,minmax(0,1fr));}
.store_list01.likes .prd_likes_list .com_prd_cont .prd_info{margin-bottom: 2rem;}
.store_list01.likes .prd_likes_list .com_prd_cont{position: relative; display: flex; flex-direction: column;}
.store_list01.likes .prd_likes_list .com_prd_cont .prod_like_chk{position: absolute; top: 1.5rem; right: 1.5rem; z-index: 5;}
.store_list01.likes .prd_likes_list .com_prd_cont .prod_like_chk .chk_box input + label .ico{margin-right: 0; background-color: #fff;}
.store_list01.likes .prd_likes_list .com_prd_cont .prod_like_chk .chk_box input:checked + label .ico{ background-color: var(--black);}
.store_list01.likes .prd_likes_list .bot_btn_box{margin-top: auto; display: flex; gap: 0.8rem;} 
.store_list01.likes .prd_likes_list .bot_btn_box .com_basic_btn{flex: 1; min-width: 0;}
.store_list01.likes .prd_likes_list .bot_btn_box .com_basic_btn{padding: 0.9em 0; font-size: var(--p5); border-radius: 0.7rem;}


/* 공통_쇼핑몰_옵션 */
.com_opt_wrap .prd_info{display: flex; align-items: center;}
.com_opt_wrap .prd_info .thum{position: relative; width: 10rem; height: 10rem; border-radius: 1rem; overflow: hidden; margin-right: 1.5rem;}
.com_opt_wrap .prd_info .thum:after{content: ''; position: absolute; inset: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.04);}
.com_opt_wrap .prd_info .thum img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.com_opt_wrap .prd_info .name_num{ font-size: var(--p7); font-weight: 500; color: var(--gray40); }
.com_opt_wrap .prd_info .name{font-size: var(--p3); font-weight: 700;}
/* 옵션 선택 */
.com_opt_wrap .inp_cont { display: flex;}
.com_opt_wrap .inp_cont .form_box{margin-top: 2rem;}
.com_opt_wrap .inp_cont .inp_txt{position: relative; display: flex; align-items: center;}
.com_opt_wrap .inp_cont .inp_box{flex: 1;}
.com_opt_wrap .inp_cont .inp_box{font-size: var(--p6);}
.com_opt_wrap .inp_cont .inp_box .select .nice-select,
.com_opt_wrap .inp_cont .inp_box .inp input{font-size: var(--p6); width: 100%; height: 3.5em; border-radius: 1rem; background-color: #fff; border:1px solid var(--gray10);} 
.com_opt_wrap .inp_cont .inp_box .select .nice-select .list{max-height: 110px; z-index: 20;}
.com_opt_wrap .inp_cont .inp_box .inp input{padding: 0 1em;}
.com_opt_wrap .inp_cont.num_type .inp_box .select,
.com_opt_wrap .inp_cont.num_type .inp{width: 100%;}
.com_opt_wrap .inp_cont + .inp_cont{margin-top: 1.5rem;}
.com_opt_wrap .inp_cont.num_type .inp_box{display: flex; align-items: center;}
.com_opt_wrap .inp_unit{margin-left: 1rem;}
.com_opt_wrap .inp_btn{background-color:#fff; border:1px solid var(--gray90); font-weight: 500; padding: 0.2em 1.2em; width: auto; margin-left: 1rem;  height: 2.85em; white-space: nowrap; border-radius: 99rem;transition: 0.3s ease;}

.com_opt_wrap .inp_cont .inp_txt .opt_req{color: var(--point01); margin-left: 0.2rem; font-weight: 700;}

/* 툴팁 */
.com_opt_wrap .tooltip_wrap .tooltip{position: absolute; opacity: 0; pointer-events: none; left: 0; bottom: 95%; width: 20rem; z-index: 2; background-color: #fff; border-radius: 1rem; padding: 1rem 1.5rem; box-shadow: 0 0 30px 0 rgba(126, 126, 126, 0.15); transition: 0.3s ease;}
.com_opt_wrap .tooltip_wrap .tooltip .txt{font-weight: 500; font-size: var(--p6); line-height: 1.5;}
.com_opt_wrap .tooltip_wrap .tooltip_btn svg,
.com_opt_wrap .tooltip_wrap .tooltip_btn svg path{transition: 0.3s ease;}

/* 선택한 옵션 리스트 */
.com_opt_wrap .form + .opt_selected_list{margin-top: 4rem;}
.com_opt_wrap .opt_selected_list .option {display: flex; justify-content: space-between; gap: 1rem; background-color: var(--gray5); padding: 1em; border-radius: 0.5rem;}
.com_opt_wrap .opt_selected_list .option + .option{margin-top: 1rem;}
.com_opt_wrap .opt_selected_list .option .txt_box{display: flex; font-size: var(--p6); gap: 1rem; align-items: center; flex-wrap: wrap; }
.com_opt_wrap .opt_selected_list .option .txt_box .txt{line-height: 1; font-weight: 500; word-break: break-all;}
.com_opt_wrap .opt_selected_list .option .txt_box .txt + .txt{border-left: 1px solid #B5B9BE; padding-left: 1rem;}
.com_opt_wrap .opt_selected_list .option .txt_box .txt.color {display: flex; align-items: center; gap:0.8rem;}
.com_opt_wrap .opt_selected_list .option .txt_box .txt.color .ball{display: inline-block; flex-shrink: 0; width: 1em; height: 1em; background-color: #000; border:1px solid rgba(31, 41, 51, 0.2); border-radius: 99rem;}
.com_opt_wrap .opt_selected_list .option .option_del_btn svg{display: block; width: auto; height: 1em;}

/* ----- 상품 모달 ----- */
.modal_wrap .modal_cont.store_type {border-radius: 0; width: max(60rem, 480px); padding: 0 4rem 4rem 4rem; }
.modal_wrap .modal_cont.store_type .head{background-color: transparent; color: var(--black); padding-left: 0; padding-right: 0;}
.modal_wrap .modal_cont.store_type .cont{ background-color: #fff; padding-top: 0; padding: 0; border-radius: 0; overflow: unset;}

/* 옵션 선택 */
.modal_wrap .modal_cont.store_type .com_opt_wrap .form_box{margin-top: 2rem;}
.modal_wrap .modal_cont.store_type .com_opt_wrap .inp_cont .inp_txt{width: 7em;}
.modal_wrap .modal_cont.store_type .com_opt_wrap .inp_cont .inp_box .select,
.modal_wrap .modal_cont.store_type .com_opt_wrap .inp_cont .inp_box .inp{width: calc(100% - 1rem - 8em); max-width: 100%;}
.modal_wrap .modal_cont.store_type .com_opt_wrap .inp_btn{width: 8em; padding: 0.2em 0; flex-shrink: 0;}
/* 옵션 리스트 */
.modal_wrap .modal_cont.store_type .opt_selected_list{border-top: 1px solid var(--gray90); margin-top: 3rem; padding-top: 0;}
.modal_wrap .modal_cont.store_type .opt_selected_list .option:first-child{ margin-top: 3rem;}
/* 필수 옵션 표시 / 선택 옵션 구분선 (담기 모달) */
/* .modal_wrap .modal_cont.store_type .com_opt_wrap .inp_cont .inp_txt .opt_req{color: var(--point01); margin-left: 0.2rem; font-weight: 700;} */
.modal_wrap .modal_cont.store_type .com_opt_wrap .opt_group_divider{border-top: 1px dashed var(--gray90); margin: 2rem 0 0.5rem;}
.modal_wrap .modal_cont.store_type .com_opt_wrap .opt_group_divider .opt_optional_tit{display: inline-block; margin-top: 1.5rem; font-size: var(--p4); font-weight: 600; color: var(--gray70);}
.modal_wrap .modal_cont.store_type .com_opt_wrap .opt_empty_guide{color: var(--gray70); font-size: var(--p5); padding: 1rem 0;}
.page_cart .store_cart01 .cart_empty_guide{padding: 3rem 0; text-align: center; color: var(--gray70); font-size: var(--p4);}
/* 템플릿 */
.modal_wrap .modal_cont.store_type.template {width: 74rem; font-size: var(--p5);}
.modal_wrap .modal_cont.store_type.template .cont{max-height: 70svh; overflow: auto; padding-right: 1rem;}
.modal_wrap .modal_cont.store_type.template .cont::-webkit-scrollbar-button:vertical:decrement{height: 0;}
.modal_wrap .modal_cont.store_type.template .cont::-webkit-scrollbar-button:vertical:increment{height: 0;}
.modal_wrap .modal_cont.store_type.template .txt_box{max-width: 100%;}
.modal_wrap .modal_cont.store_type.template .com_info_ico_txt{margin-bottom: 2rem;}
.modal_wrap .modal_cont.store_type.template .info_txt{font-size: var(--p4); color: var(--gray70); margin-top: 2rem;}
.modal_wrap .modal_cont.store_type.template .info_list{color: var(--gray70); margin-top: 2rem;}
.modal_wrap .modal_cont.store_type.template .info_list .tit{font-size: var(--p4);}
.modal_wrap .modal_cont.store_type.template .info_list .com_info_txt{font-size: var(--p5);}
/* 템플릿 탭 */
.modal_wrap .modal_cont.store_type.template .txt_box.active{display: block;}
.modal_wrap .modal_cont.store_type.template .txt_box{display: none;}
.modal_wrap .modal_cont.store_type.template .tab_box{width: 100%; display: flex; margin-bottom: 2rem;}
.modal_wrap .modal_cont.store_type.template .tab_box .tab{flex: 1; border-bottom:2px solid var(--gray20); color: var(--gray40); font-weight: 700; padding: 0.9em 0.5em; line-height: 1.5;}
.modal_wrap .modal_cont.store_type.template .tab_box .tab.active{border-color: var(--black); color: var(--black);}



/* 쇼핑몰 상품상세 01 */
.prd_view_cont01{padding-bottom: var(--contMt1);}
.prd_view_cont01 .prd_cont_box{position: relative; display: flex; align-items: flex-start;}

.prd_view_cont01 .prd_img_wrap {width: 50%; position: sticky; top: var(--hdH);}
.prd_view_cont01 .prd_img_wrap .visual_box {flex: 1; min-width: 0;}
.prd_view_cont01 .prd_img_wrap .visual_box .img {position: relative; padding-top: 100%; overflow: hidden; border-radius: 3rem;}
.prd_view_cont01 .prd_img_wrap .visual_box .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.prd_view_cont01 .prd_img_wrap .visual_box .img > *{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.prd_view_cont01 .prd_img_wrap .visual_box .img:before{content: ''; position: absolute; inset: 0; background-color: rgba(0,0,0,0.02); z-index: 2; pointer-events: none;}
.prd_view_cont01 .prd_img_wrap .visual_box .img.video_frame iframe{pointer-events: none;}

.prd_view_cont01 .prd_img_wrap .thum_slide {display: flex; align-items: center; margin-top: 3rem;}
.prd_view_cont01 .prd_img_wrap .thum_slide .swiper-container { width: 100%; margin-left: 0; margin-right: 0; padding: 1px;}
.prd_view_cont01 .prd_img_wrap .thum_slide .swiper-slide{ border-radius: 1rem; overflow: hidden; max-width: 16.6%; cursor:pointer;} 
/* .prd_view_cont01 .prd_img_wrap .thum_slide .swiper-slide.active{border: 1px solid var(--gray90);} */
.prd_view_cont01 .prd_img_wrap .thum_slide .swiper-slide.active:before{content: ''; position: absolute; inset: 0; border: 1px solid var(--gray90); border-radius: 1rem; z-index:1;}
.prd_view_cont01 .prd_img_wrap .thum_slide .swiper-slide .img{position: relative; padding-top: 100%; }
.prd_view_cont01 .prd_img_wrap .thum_slide .swiper-slide .img img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.prd_view_cont01 .prd_img_wrap .thum_slide .swiper-slide .img:before{content: ''; position: absolute; inset: 0; background-color: rgba(0,0,0,0.02); z-index: 2; pointer-events: none;}
.prd_view_cont01 .prd_img_wrap .thum_slide .swiper-slide .img .ico{position: absolute; display: flex; align-items: center; justify-content: center; width: 35%; height: 35%; top:50%; left: 50%; transform: translate(-50%, -50%); display: none; background-color: rgba(0, 0, 0, 0.30); backdrop-filter: blur(15px); border-radius: 99rem; z-index: 3;}
.prd_view_cont01 .prd_img_wrap .thum_slide .swiper-slide .img.video .ico{display: flex;}
.prd_view_cont01 .prd_img_wrap .thum_slide .swiper-slide .img.video .ico svg{width: 30%; height: 30%;}

.prd_view_cont01 .prd_img_wrap .thum_slide .swiper_btn{display: none;}
.prd_view_cont01 .prd_img_wrap .thum_slide .swiper_btn.prev{margin-right: 0.6rem;}
.prd_view_cont01 .prd_img_wrap .thum_slide .swiper_btn.next{margin-left: 0.6rem;}
.prd_view_cont01 .prd_img_wrap .thum_slide .swiper_btn svg{display: block;}
.prd_view_cont01 .prd_img_wrap .thum_slide .swiper_btn.swiper-button-disabled{opacity: 0.3;}

.prd_view_cont01 .prd_info_wrap {flex: 1; min-width: 0; margin-left: 5.5rem;}
.prd_view_cont01 .prd_info_wrap .prd_tit_box .top {position: relative; display: flex; align-items: flex-end; justify-content: space-between;}
.prd_view_cont01 .prd_info_wrap .prd_tit_box .top .num {font-size: var(--p4); color: var(--gray40);}
.prd_view_cont01 .prd_info_wrap .prd_tit_box .top .tit {font-size: var(--h7); font-weight: 700; line-height: 1.5; }
.prd_view_cont01 .prd_info_wrap .prd_tit_box .top .heart{position: relative; display: flex; align-items: center; font-size: var(--p4); font-weight: 600; margin-left: auto; margin-right: 2rem; pointer-events: none;}
.prd_view_cont01 .prd_info_wrap .prd_tit_box .top .heart .ico svg{display: block; height: 1.2em; margin-top: -0.1em; margin-right: 0.4em;}
/* .prd_view_cont01 .prd_info_wrap .prd_tit_box .top .heart::before {content: ""; width: 1em; height: 1em; margin-right: 0.3em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M10.4434 0C12.5931 0.0210448 14.32 1.83178 14.2998 4.04492C14.2998 6.82478 11.8687 9.09038 8.18652 12.5244L8.07227 12.6309C7.54927 13.1211 6.74918 13.1232 6.22363 12.6348L6.11328 12.5322C2.43107 9.0903 0 6.82478 0 4.04492V3.9668C0.0222214 1.75438 1.78279 -0.0217887 3.93262 0.000976562L4.16406 0.00878906C5.31546 0.0818687 6.39324 0.63152 7.14941 1.53809C7.9552 0.570882 9.12958 0.0106225 10.3672 0.000976562V0H10.4434Z" fill="%23FF5B8C"/></svg>') no-repeat center / contain;} */
.prd_view_cont01 .prd_info_wrap .prd_tit_box .txt {margin-top: 1.5rem; font-size: var(--p4);}
.prd_view_cont01 .prd_info_wrap .prd_tit_box .share_box {font-size: var(--p4); position: relative; z-index: 3; padding-bottom: 0.1em;}
.prd_view_cont01 .prd_info_wrap .prd_tit_box .share_box .btn {position: relative; width: 1.5em; border-radius: 50%; transition: 0.3s ease-in-out;}
.prd_view_cont01 .prd_info_wrap .prd_tit_box .share_box .btn .ico {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) ;width: 100%; height: auto}
.prd_view_cont01 .prd_info_wrap .prd_tit_box .share_box .btn .ico path {transition: 0.3s ease-in-out;}
.prd_view_cont01 .prd_info_wrap .prd_tit_box .share_box .btn .ico.x_ico {opacity: 0}
.prd_view_cont01 .prd_info_wrap .prd_tit_box .share_box .btn.on + .sns_list {opacity: 1; pointer-events: auto}
.prd_view_cont01 .prd_info_wrap .prd_tit_box .share_box .sns_list {position: absolute;left: 50%;bottom: 0px;z-index: 1;padding-top: 1.5rem;transform: translate(-50%,100%);width: max(5rem, 35px);opacity: 0;pointer-events: none;transition: 0.3s ease-in-out;}
.prd_view_cont01 .prd_info_wrap .prd_tit_box .share_box .sns_list .ico {position: relative; display: block; width: 100%; padding-top: 100%; background-color: #000; border-radius: 50%; transition: 0.3s ease-in-out}
.prd_view_cont01 .prd_info_wrap .prd_tit_box .share_box .sns_list .ico + .ico {margin-top: 10px}
.prd_view_cont01 .prd_info_wrap .prd_tit_box .share_box .sns_list .ico svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 38%}
.prd_view_cont01 .prd_info_wrap .prd_tit_box .share_box .sns_list .ico.band svg {width: 35%}
.prd_view_cont01 .prd_info_wrap .prd_tit_box .share_box .sns_list .ico.twitter svg {width: 35%}
.prd_view_cont01 .prd_info_wrap .prd_tit_box .share_box .sns_list .ico.face svg {width: 25%}

.prd_view_cont01 .prd_info_wrap .info_wrap {margin-top: 3rem; padding-top: 3rem; border-top: 1px solid var(--gray20);}
.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li {display: flex; align-items: flex-start; font-size: var(--p6);}
.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li + li {margin-top: 1.5rem;}
.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li .left_txt,
.com_opt_wrap .inp_cont .inp_txt {display:flex; align-items: center; font-size: var(--p6); font-weight: 700; width: 8.5em; flex-shrink: 0;} 
.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li .left_txt .ico,
.com_opt_wrap .inp_cont .inp_txt .ico {vertical-align: middle; margin-left: 0.4em;}
.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li .left_txt .ico svg,
.com_opt_wrap .inp_cont .inp_txt .ico svg{display: block; height: 1em; margin-top: -0.1em;}

.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list .left_txt{flex-wrap: wrap;}
.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list .right_txt > .more_btn{ width: 100%; } 
.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list .right_txt > .more_btn .btn{display: flex; align-items: center; gap: 0.3em; font-size: var(--p8); font-weight: 600; padding: 0.5em 1.2em; border: 1px solid var(--black); border-radius: 99em;}

.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li .right_txt{flex: 1; overflow-x: hidden;}
.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li .more_btn + .template_box{margin-top: 1rem;}
.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li .template_box{padding: 1rem 2rem; border-radius: 1rem; background-color: var(--bg);}
.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li .template_list { font-size: var(--p6);}
.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li .template_list a{ position:relative; display: flex; align-items: center; font-weight: 500; padding: 0.6em 0; line-height: 1.5;}
.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li .template_list a:after{content:''; flex-shrink: 0; position: relative; display:inline-block; margin-left: auto; width: 1.4em; height: 1.4em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M17.5 12.5V15.8333C17.5 16.2754 17.3244 16.6993 17.0118 17.0118C16.6993 17.3244 16.2754 17.5 15.8333 17.5H4.16667C3.72464 17.5 3.30072 17.3244 2.98816 17.0118C2.67559 16.6993 2.5 16.2754 2.5 15.8333V12.5" stroke="%231F2933" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="round"/><path d="M14.1667 8.33333L10 12.5L5.83337 8.33333" stroke="%231F2933" stroke-width="1.5" stroke-linejoin="round"/><path d="M10 12.5V2.5" stroke="%231F2933" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center / cover;}
.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li .template_box .more_btn{display: flex; justify-content: center; margin: 1rem auto;}
.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li .template_box .more_btn.hide{display: none;}
.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li .template_box .more_btn .btn {font-size: var(--p6); font-weight: 600; color: var(--gray40);}
.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li .template_box .more_btn .btn svg{ height: 0.5em; transition: 0.3s ease;}
.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li .template_box .more_btn.open .btn svg{transform: rotate(180deg);}


.prd_view_cont01 .prd_info_wrap .com_opt_wrap{padding-top: 4rem; margin-top: 4rem; border-top: 1px solid var(--gray10);}
.prd_view_cont01 .prd_info_wrap .pay_btn_box{position: relative; z-index: 15; margin-bottom: calc(-1 * var(--hdH));} /* 하단 탭 여백때문에 -hdH */
.prd_view_cont01 .prd_info_wrap .pay_btn_box .btn_box{display: flex; font-size: var(--p4); height: 3.75em; gap: 1rem; margin-top: 3rem;}
.prd_view_cont01 .prd_info_wrap .pay_btn_box .btn {border: 1px solid var(--gray20); border-radius: 1rem; display: flex; align-items: center; justify-content: center; font-weight: 600;}
.prd_view_cont01 .prd_info_wrap .pay_btn_box .btn.heart {width: 3.75em; height: 100%; flex-shrink: 0;}
.prd_view_cont01 .prd_info_wrap .pay_btn_box .btn.heart svg {width: 35%; height: auto; transform-origin: center; overflow: visible;}
.prd_view_cont01 .prd_info_wrap .pay_btn_box .btn.heart.active svg path {fill:#FF5B8C;}
.prd_view_cont01 .prd_info_wrap .pay_btn_box .btn.bag {flex: 1; transition: 0.3s ease-in-out; border-color: var(--point01); color:var(--point01)}
.prd_view_cont01 .prd_info_wrap .pay_btn_box .btn.bag_all {flex: 1; transition: 0.3s ease-in-out; border-color: var(--gray20);}
.prd_view_cont01 .prd_info_wrap .pay_btn_box .btn.buy {flex: 1; background-color: var(--point01); border-color: var(--point01); color: #fff; transition: 0.3s ease-in-out;}

.com_prd_cont .prd_btn_box .btn.heart.active svg,
.prd_view_cont01 .prd_info_wrap .pay_btn_box .btn.heart.active svg {animation: heartPop 0.34s ease-out; }

.prd_view_cont01 .prd_empty_box{display: flex; flex-direction: column; align-items: center; font-size: var(--p4); margin-top: 4rem; border-top: 1px solid var(--gray10); font-weight: 500; justify-content: center; padding:var(--contMt2) 0;}
.prd_view_cont01 .prd_empty_box .ico svg{ display: block; height: 5rem;}
.prd_view_cont01 .prd_empty_box .txt{margin-top:2rem; color: var(--gray40);}

@keyframes heartPop {
    0% {transform: scale(0.8);}
    45% {transform: scale(1.2);}
    72% {transform: scale(0.99);}
    100% {transform: scale(1);}
}

/* 상세설명 탭 */
.prd_view_cont01 .detail_info{position: relative; margin-top: 3rem;}
.prd_view_cont01 .detail_info .tab_box {width: 100%; position: sticky; top: var(--hdH); top: 0; padding-top: var(--hdH); z-index: 10; overflow: hidden; background-color: #fff; transition: top 0.3s ease-in-out; box-shadow: none;}
.prd_view_cont01 .detail_info .tab_box .tab_list{--store-detail-tab-count: 4; display: flex; width: 100%; cursor: grab; user-select: none;}
.prd_view_cont01 .detail_info .tab_box .tab_list:active{cursor: grabbing;}
.prd_view_cont01 .detail_info .tab_box .tab_list .tab{flex: 0 0 calc(100% / var(--store-detail-tab-count)); min-width: 20%; text-align: center; font-size: var(--p4); }
.prd_view_cont01 .detail_info .tab_box .tab_list .tab_btn{display: inline-block; width: 100%; height: 100%; padding: 0.6em 0; color: var(--gray40); border-bottom: 2px solid var(--gray20); font-weight: 600; white-space: nowrap;}
.prd_view_cont01 .detail_info .tab_box .tab_list .tab_btn.active{color: var(--black); border-color: var(--black); font-weight: 700;}

.prd_view_cont01 .detail_info .tab_cont{padding-top: 3rem; }
.prd_view_cont01 .detail_info .tab_cont + .tab_cont{ margin-top: 3rem; border-top: 1px solid var(--gray20);}
.prd_view_cont01 .detail_info .tab_cont .cont_tit{font-size: var(--p3); font-weight: 700; padding: 0 0 1em; line-height: 1; } 
.prd_view_cont01 .detail_info .tab_cont .cont{font-size: var(--p5); padding-top: 0;} 
.prd_view_cont01 .detail_info .tab_cont .cont * + table{margin-top: 2rem;}
.prd_view_cont01 .detail_info .tab_cont .cont table {width: 100%; border-top: 1px solid #ececec; border-left: 1px solid #ececec;}
.prd_view_cont01 .detail_info .tab_cont .cont table th{background-color: var(--gray10); padding: 10px; text-align: left; border-right: 1px solid #ececec;}
.prd_view_cont01 .detail_info .tab_cont .cont table td{padding: 10px; border-bottom: 1px solid #ececec; border-right: 1px solid #ececec;}
.prd_view_cont01 .detail_info .tab_cont .cont figure{margin: 0; width: 100% !important; max-width: 100%;}
.prd_view_cont01 .detail_info .tab_cont .cont p{ text-indent: -0.8em; padding-left: 0.8em;}
.prd_view_cont01 .detail_info .tab_cont .cont p:has(iframe){text-indent: 0; padding-left: 0;}
.prd_view_cont01 .detail_info .tab_cont .cont .image + .image,
.prd_view_cont01 .detail_info .tab_cont .cont img + img,
.prd_view_cont01 .detail_info .tab_cont .cont .image + p{margin-top: 2rem;}
/* .prd_view_cont01 .detail_info .tab_cont .cont img{margin-bottom: 2rem;} */
.prd_view_cont01 .detail_info .tab_cont .cont iframe,
.prd_view_cont01 .detail_info .tab_cont .cont video{width: calc(100% + 2px); margin-left: -1px; height: auto; aspect-ratio: 16 / 9; border: 0;}
/* .prd_view_cont01 .detail_info .tab_cont .cont iframe > *{position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover;} */
.prd_view_cont01 .detail_info .tab_cont .cont > *{max-width: 100%;}

/* 쇼핑몰 상품상세 01_2 변형 */
.prd_view_cont01_2 .prd_cont_box{display: flex; align-items: flex-start; gap: 5rem;}
.prd_view_cont01_2 .prd_cont_box .prd_img{position: relative; width: 28rem; height: 28rem; flex-shrink: 0; border-radius: 2rem; overflow: hidden;}
.prd_view_cont01_2 .prd_cont_box .prd_img > *{position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover;}
.prd_view_cont01_2 .prd_cont_box .tit{font-size: var(--h7);}
.prd_view_cont01_2 .prd_cont_box .com_tag_box{margin-top: 1rem;}
.prd_view_cont01_2 .prd_cont_box .prd_info_list {font-size: var(--p6); margin-top: 3rem;}
.prd_view_cont01_2 .prd_cont_box .prd_info_list .item{display: flex;}
.prd_view_cont01_2 .prd_cont_box .prd_info_list .item + .item{margin-top: 2rem;}
.prd_view_cont01_2 .prd_cont_box .prd_info_list .label{font-weight: 700; min-width: 5em; display: inline-block;}

.prd_view_cont01_2 .slide{margin-top: 3rem;}
.prd_view_cont01_2 .slide .link{position: relative; display: block; width: 100%; padding-top: 100%; border-radius: 2rem; overflow: hidden; }
.prd_view_cont01_2 .slide .link > *{position: absolute; width: 100%; height: 100%; inset: 0;}



/* 장바구니_01 */
.store_cart01 .tit_box.with_num{display: flex; align-items: flex-start;}
.store_cart01 .tit_box .sect_tit{opacity: 1; transform: unset; margin-bottom: 0;}
.store_cart01 .tit_box .total_num{display: flex; align-items: center; justify-content: center; color: var(--point01); background-color: var(--pointBg); font-size: var(--p6); min-width: 1.8em; height: 1.8em; padding: 0 0.2em; margin-left: 0.4em; line-height: 1; font-weight: 700; border-radius: 50%;}

.store_cart01 .tit_wrap{display: flex; justify-content: space-between; align-items: flex-end;}
.store_cart01 .tit_wrap .com_basic_btn.blue.line{min-width: 14rem; padding: 1em; }

.store_cart01 .cont{position: relative; }
.store_cart01 .tit_wrap + .cont,
.store_cart01 .tit_box + .cont{border-top: 1px solid var(--gray90);}
.store_cart01 .tit_wrap,
.store_cart01 .tit_box {margin-bottom: 3rem;}
.store_cart01 .tit_wrap .tit_box {margin-bottom: 0;}

.page_cart .cont:has(.com_top_sel_box){border-top:none}

/* 상품없음 */
.store_cart01 .cart_empty{ display: flex; justify-content: center; flex-direction: column; }
.store_cart01 .cart_empty .txt_box{padding: 12rem 0; text-align: center; color: var(--gray40); font-size: var(--p4);}
.store_cart01 .cart_empty .txt_box .ico svg{display: block; width: 5rem; height: auto; margin: 0 auto;}
.store_cart01 .cart_empty .txt_box .txt{font-weight: 500; margin-top: 2rem;}
.store_cart01 .btn_box{display: flex; align-items: center; justify-content: center;}

/* 상품있음 */
.store_cart01 .form_box{padding: 3rem 0;}
/* 한번에 견적 */
.store_cart01 .all_info_box{background-color: var(--pointBg); border-radius: 0.5rem; padding: 3rem; margin-top:3rem}
.store_cart01 .all_info_box{display: flex; justify-content: space-between; align-items: flex-start;}
.store_cart01 .all_info_box .left_box .tit{font-size:var(--p6); font-weight: 600;}
.store_cart01 .all_info_box .left_box .tit .ico{display: none;}
.store_cart01 .all_info_box .left_box .list{margin-top: 1rem;}
.store_cart01 .all_info_box .left_box .list li{display: flex; font-size: var(--p8); color: var(--gray50);}
.store_cart01 .all_info_box .left_box .list li + li{margin-top: 0.3em;}
.store_cart01 .all_info_box .left_box .list li .chk_ico{display: block; width: 1.4em; height: 1.4em; margin-top: 0.2em; margin-right: 0.5em; border-radius: 50%; background:var(--gray20) url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="14" height="14" rx="7" fill="transparent"/><path d="M4 7L6.13254 9L10 5" stroke="white"/></svg>') no-repeat center / cover;}
.store_cart01 .all_info_box .left_box .list li .chk_ico.active{background-color:var(--point01);}
.store_cart01 .all_info_box strong.color{color: var(--point01);}
.store_cart01 .all_info_box .right_box{font-size: var(--p8); display: flex; align-items: center; gap: 1rem;}
.store_cart01 .all_info_box .right_box .txt{}
.store_cart01 .all_info_box .right_box .btn{ border:1px solid var(--point01); padding: 0.3em 1em; border-radius: 99rem; color: var(--point01); font-weight: 600; transition: 0.3s ease;}

.store_cart01 .all_info_box.apply{flex-direction: column; align-items: center; text-align: center; padding: 3rem 2.5rem;}
.store_cart01 .all_info_box.apply .txt{font-weight: 600; line-height: 1.5;}
.store_cart01 .all_info_box.apply .ico svg{display: block; width: 2rem; height: 2rem; margin-bottom: 1rem;}

.com_form_chk{ display: flex; align-items: flex-start; gap: 0.8rem; font-weight: 500;}
.com_form_chk + .form_chk{margin-top: 0.5em;}
.com_form_chk .chk_box{position: relative;}
.com_form_chk .chk_box label { display: flex; align-items: center; cursor: pointer; }
.com_form_chk .chk_box input{position: absolute; width: 1px; height: 1px; margin: 0; padding: 0; border: 0; opacity: 0; pointer-events: none; clip: rect(0 0 0 0); clip-path: inset(50%); overflow: hidden;}
.com_form_chk .chk_box input + label .ico { display: flex; align-items: center; justify-content: center; margin-right: 0.8rem; border-radius: 0.5rem; width:max(2rem, 18px); height:max(2rem, 18px); background-color: #fff; border:2px solid rgba(0,0,0,0.3); transition: all 0.3s ease;}
.com_form_chk .chk_box input + label .ico svg{display: block; width: 70%; margin-left: 10%;}
.com_form_chk .chk_box input:checked + label .ico{ fill: #fff; background-color:var(--black); border-color: var(--black);}
.com_form_chk .chk_box input:checked + label .ico path{ stroke: #fff;}
.com_form_chk .chk_box + .view_btn { flex-shrink: 0; margin-left: 1em; transition: color 0.3s; font-weight: 400; line-height: 1.7; color: #828282; border-bottom: 1px solid #828282; font-size: var(--p5); transition: 0.3s ease-in-out;}

/* 상단_전체선택 / 선택삭제 */
.com_top_sel_box{ display: flex; justify-content: flex-start; gap: 2rem; font-size: var(--p6); font-weight: 500; margin-bottom: 1.5rem;}
.com_top_sel_box .sel_del_btn{display: flex; align-items: center; color:var(--gray60); font-weight: 500;}
.com_top_sel_box .sel_del_btn svg{display: block; height: 1.4em; margin-right: 0.4em; margin-top: -0.1em;}
.com_top_sel_box + .com_opt_wrap{ border-top: 1px solid var(--gray90); border-bottom: 1px solid var(--gray90);}
.com_top_sel_box .all_del_btn + label{color: var(--gray60); transition: color 0.3s ease;}
.com_top_sel_box .all_del_btn:checked + label{color: var(--black); font-weight: 500;}

/* 옵션 */
.com_opt_wrap .form_box + .form_box{border-top: 1px solid var(--gray20);}
.store_cart01 .prod_chk .chk_box {display: flex;}
.store_cart01 .form_box .prod_chk.com_form_chk .chk_box input + label .ico{margin-right: 1.5rem;}

.com_opt_wrap .form_box .prod_chk .btn_wrap{margin-left: auto;}
.com_opt_wrap .form_box .prod_chk .btn_wrap .btn{font-size: var(--p8); border: 1px solid var(--gray20); border-radius: 99rem; padding: 0.3em 0.8em 0.2em;}
.com_opt_wrap .form_box .prod_chk .btn_wrap .btn + .btn{margin-left: 5px;}
.com_opt_wrap .form_box .prd_info .name_num{font-size: var(--p7); line-height: 1; margin-bottom: 0.5rem;}
.com_opt_wrap .form_box .form_chk .chk_box input + label .ico{margin-right: 1.5rem;}
.com_opt_wrap .form_box .opt_selected_list{margin-top: 2rem;}
.com_opt_wrap .form_box .opt_selected_list .option .txt_box .txt{font-weight: 400;}

/* 공통_옵션수정시 */
.com_opt_wrap .form_box .add_txt_box{margin-top: 2rem; font-size: var(--p6);}
.com_opt_wrap .form_box .add_txt_box .board_file_wrap{display: flex; flex-direction: column; gap: 10px; margin-top: 1rem;}
.com_opt_wrap .form_box .add_txt_box .board_file {display: flex; min-width: 0; font-size: var(--p6); color: var(--gray60); font-weight: 500;}
.com_opt_wrap .form_box .add_txt_box .board_file .ico{flex-shrink: 0; width: 1em; height: 1em; margin-right: 0.5rem; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M12.063 14.4286C12.3882 14.1031 12.3884 13.5755 12.063 13.2501C11.7376 12.925 11.2098 12.9249 10.8845 13.2501L9.0229 15.1116C8.48894 15.6455 7.78165 15.9381 6.98352 15.9322C6.20633 15.9265 5.46993 15.6226 4.92458 15.0599C4.91855 15.0536 4.91238 15.0475 4.90616 15.0414C4.34332 14.496 4.03893 13.7593 4.03321 12.9819C4.02765 12.2167 4.33556 11.4838 4.87682 10.9425L6.73781 9.08155C7.06324 8.75612 7.06324 8.22848 6.73781 7.90304C6.41237 7.57761 5.88473 7.57761 5.55929 7.90304L3.6983 9.76403C2.84939 10.6129 2.35774 11.7719 2.36673 12.9946C2.37567 14.2052 2.85335 15.3721 3.74664 16.2378C4.6105 17.1191 5.76952 17.5905 6.97144 17.5993C8.20615 17.6084 9.34512 17.1463 10.2014 16.2902L12.063 14.4286ZM16.3017 10.2359C17.1506 9.38699 17.6423 8.22804 17.6333 7.00535C17.6243 5.799 17.1499 4.63611 16.2626 3.77135L16.0974 3.61425C15.2544 2.851 14.1622 2.43199 13.0286 2.42366C11.819 2.41479 10.6562 2.87409 9.79802 3.73222L7.93703 5.59321C7.61166 5.91858 7.6118 6.44627 7.93703 6.77172C8.26247 7.09716 8.79011 7.09716 9.11554 6.77172L10.9765 4.91073C11.5085 4.37878 12.2377 4.08455 13.0159 4.09015C13.7947 4.09587 14.5361 4.40191 15.0841 4.94986C15.0871 4.95289 15.0902 4.95608 15.0933 4.95907C15.6561 5.50454 15.9611 6.24063 15.9668 7.01801C15.9724 7.78326 15.6644 8.51611 15.1232 9.05739L13.2622 10.9184C12.9368 11.2438 12.9368 11.7714 13.2622 12.0969C13.5876 12.4223 14.1153 12.4223 14.4407 12.0969L16.3017 10.2359ZM13.3502 7.77817C13.6757 7.45273 13.6757 6.9251 13.3502 6.59966C13.0248 6.27437 12.4971 6.27427 12.1717 6.59966L6.58819 12.1832C6.2628 12.5086 6.2629 13.0363 6.58819 13.3617C6.91363 13.6872 7.44126 13.6872 7.7667 13.3617L13.3502 7.77817Z" fill="%2352606D"/></svg>') no-repeat center/contain;}
.com_opt_wrap .form_box .add_txt_box .board_file .file {display: flex; min-width: 0; max-width: 100%; line-height: 1;}
.com_opt_wrap .form_box .add_txt_box .board_file .file .file_txt {display: block; max-width: 28em; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.store_cart01 .com_opt_wrap .form_box .opt_selected_list:empty{margin-top: 0;}




/* --------------------------------------- // 쇼핑몰 --------------------------------------- */





/* 메인_기본롤링_23  */
.main_basic_slide23 .slide {position: relative; overflow: visible; width:100%; opacity: 0; transform: translateY(5rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.main_basic_slide23.active .slide{opacity: 1; transform: unset;}
/* .main_basic_slide23 .slide.center .swiper-wrapper {justify-content: center;} */
.main_basic_slide23 .slide .swiper-slide {height: auto;}

.main_basic_slide23 .pick_card {display:flex; flex-direction: column; height: 100%; border-radius: 3rem; transition: background 0.3s ease-in-out; padding-bottom: 3rem;}
.main_basic_slide23 .pick_card .img_box {position: relative; overflow: hidden; padding-top: 150%; border-radius: 3rem; }
.main_basic_slide23 .pick_card .img_box[href="javascript:void(0);"]{cursor: default;}
.main_basic_slide23 .pick_card .img_box > img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.main_basic_slide23 .pick_card .label_box {position: absolute; left: 50%; top: 3rem; width: calc(100% - 6rem); padding: 2rem; transform: translateX(-50%); border-radius: 2rem; background-color: rgba(255,255,255,0.7); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); display: none;}
.main_basic_slide23 .pick_card .label_box .name {font-size: var(--h8); font-weight: 700;}
.main_basic_slide23 .pick_card .label_box .tag_box {display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1.5rem;}
.main_basic_slide23 .pick_card .label_box .tag_box span {display: inline-flex; align-items: center; justify-content: center; min-height: 3rem; padding: 0.2em 0.8em; border-radius: 0.8rem; background-color: #46C39C; color: #fff; font-size: var(--p4); font-weight: 500; line-height: 1.5;}

.main_basic_slide23 .pick_card .txt_box {display: flex; flex-direction: column; margin-top: 3rem; margin-bottom: 3rem; min-height: 3.8em; padding: 0 2rem;}
.main_basic_slide23 .pick_card .txt_box .tit {font-size: var(--p2); font-weight: 700; line-height: 1.5; }
.main_basic_slide23 .pick_card .txt_box .txt { margin-top: 1rem; min-height: 3em; margin-bottom: 2rem; font-size: var(--p5); font-weight: 500; line-height: 1.5; } 
/* .main_basic_slide23 .pick_card .txt_box .tag_wrap{display: flex; flex-wrap: wrap; gap: 1rem; margin-top: auto;}
.main_basic_slide23 .pick_card .txt_box .tag_wrap .tag{display: inline-flex; align-items: center; justify-content: center; min-height: 3rem; font-size: var(--p7); padding: 0em 0.8em; border-radius: 5px; background-color: #EEF5FF; color: var(--point02); font-weight: 500; line-height: 1.5;} */
.main_basic_slide23 .com_swiper_btn .swiper_btn{top: 32%;}

.main_basic_slide23 .shop_list01 .thum{width: 8rem; height: 8rem;}
.main_basic_slide23 .shop_list01 .shop_item{margin-left:2rem; margin-right: 2rem;}
.main_basic_slide23 .com_tag_box{margin-top: 1.2rem;}
.main_basic_slide23 .com_tag_box .tag{font-size:var(--p8); border-radius: 99rem;}



/* 회사병원소개_모션_05 */
.sub_info_motion05 .slide{margin: var(--contMt3) auto 0; width: calc(40rem * 4 + 3rem * 3); max-width: 100%; padding: var(--inPd);}
.sub_info_motion05 .slide .swiper-container {overflow: visible;}
.sub_info_motion05 .slide .swiper-wrapper {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 3rem;}
.sub_info_motion05 .slide .item {position: relative; border-radius: 3rem; height: auto; background-color: #677FD1; color: #fff; padding: 4rem; display: flex; flex-direction: column; transform-origin: 50% 50%; transition: transform 1.5s cubic-bezier(.22,1,.36,1) 0.4s, opacity 0.45s ease;}
.sub_info_motion05 .slide .item .txt_box{margin-top: 4rem}
.sub_info_motion05 .slide .item .step_box {display: flex; align-items: center;}
.sub_info_motion05 .slide .item .step_box .num {font-size: var(--p5); padding: 0.4em 1em ; font-weight: 700; color: #677FD1; background-color: #fff; border-radius: 99rem;}
.sub_info_motion05 .slide .item .step_box .txt {font-size: var(--p4); font-weight: 700; margin-left: 1rem;}
.sub_info_motion05 .slide .item .tit{margin-top: 2rem; font-size: var(--p1); font-weight: 700;}
.sub_info_motion05 .slide .item .txt{margin-top: 0.5rem; font-size: var(--p4);}
.sub_info_motion05 .slide .item .img_box{width: 100%; height: 22rem;}
.sub_info_motion05 .slide .item .img_box img{width: 100%; height: 100%; object-fit: contain; object-position: bottom;}
.sub_info_motion05 .slide .item:nth-child(2) {background-color: #40369C}
.sub_info_motion05 .slide .item:nth-child(3) {background-color: #4D8DD2}
.sub_info_motion05 .slide .item:nth-child(4) {background-color: #224ACF}
.sub_info_motion05 .slide .item:nth-child(2) .step_box .num{color: #40369C}
.sub_info_motion05 .slide .item:nth-child(3) .step_box .num{color: #4D8DD2}
.sub_info_motion05 .slide .item:nth-child(4) .step_box .num{color: #224ACF}
.sub_info_motion05 .slide .item:nth-child(1) {transform: translate(64.5rem, 1.6rem) rotate(-8deg); z-index: 1;}
.sub_info_motion05 .slide .item:nth-child(2) {transform: translate(21.5rem, 0.4rem) rotate(-2deg); z-index: 2;}
.sub_info_motion05 .slide .item:nth-child(3) {transform: translate(-21.5rem, -0.8rem) rotate(5deg); z-index: 4;}
.sub_info_motion05 .slide .item:nth-child(4) {transform: translate(-64.5rem, 1.8rem) rotate(11deg); z-index: 3;}
.sub_info_motion05 .slide.active .item {transform: rotate(0deg) translate(0, 0);}


/* 숫자로보는 전문성_12 */
.cont_number12{position: relative; color: #fff;}
.cont_number12 .tit{opacity: 0; font-size: 10rem; text-align: center; line-height: 1.5; height: 100svh; display: flex; align-items: center; justify-content: center;}
.cont_number12 .tit { height: 100svh;}
.cont_number12 .bg_line { opacity: 0; position: absolute; left: 50%; top: -10%; z-index: 3; height: 0%; width: 3px; background: linear-gradient(180deg, rgba(255, 191, 0, 0.00) 13.25%, rgb(255 255 255 / 50%) 50%, rgb(255 255 255) 100%);}
.cont_number12 .bg_line .dot{position: absolute; width: 5rem; bottom: -1.5em; left: 50%; transform: translateX(-50%); opacity: 1;}
.cont_number12 .bg_line .dot svg{display:block; width: 100%; }
.cont_number12 .cont{display: flex; justify-content: center; width: 100%; gap: 20rem; padding-bottom: var(--pd);} /*margin-top: 60vh;*/
.cont_number12 .cont .item{display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 0; transform: translateY(5rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.cont_number12 .cont.active .item{opacity: 1; transform: unset;}
.cont_number12 .cont .item:nth-child(2){transition-delay: 0.2s;}
.cont_number12 .cont .item:nth-child(3){transition-delay: 0.4s;}
.cont_number12 .cont .item:nth-child(4){transition-delay: 0.6s;}
.cont_number12 .cont .item .ico{width: 8rem; height: 8rem;}
.cont_number12 .cont .item .num_box{line-height: 1; margin-top: 5rem; font-size:9rem;}
.cont_number12 .cont .item .num_box .num{display: inline-flex; align-items: flex-start; font-size:0.66em; font-weight: 600; font-family: var(--en); letter-spacing: normal;}
.cont_number12 .cont .item .num_box .num_count{display: inline-block; font-size:1.5em; width: var(--count-width, auto); text-align: right; white-space: nowrap;}
.cont_number12 .cont .item .num_box .unit{font-size:0.7em; font-weight: 700;}
.cont_number12 .cont .item .txt{color: #DEF2FF; text-align: center; font-weight: 500; line-height: 1; margin-top: 2rem;}



/* 게시판리스트_박스형_03 */
.list_box03 .tit_wrap{display: flex; align-items: flex-end; justify-content: space-between;}
.list_box03 .tit_wrap .sub_sect_tit{opacity: 1; transform: unset;}
.list_box03 .nice-select{min-width: 19rem; height: var(--inpH); line-height: var(--inpH);}
.list_box03 .nice-select .list .option{padding-left: 18px;}
.list_box03 .cont{position: relative; display: flex; margin-top:3rem; border-radius: 3rem; overflow:hidden;}
.list_box03 .cont .txt_box{display: flex; flex-direction: column; background-color: var(--point01); color: #fff; padding: 6rem; }
.list_box03 .cont .txt_box .desc{font-size: var(--p3); font-weight: 600; margin-bottom: 0.5rem;}
.list_box03 .cont .txt_box .tit{font-size: var(--h5); font-weight: 700;}
.list_box03 .cont .txt_box .txt{font-size: var(--p2); font-weight: 500; margin-top: 2rem;}
.list_box03 .cont .txt_box .btn_box{margin-top: auto;}
.list_box03 .cont .txt_box .link_btn.down .ico {height: 1.25em; margin-left: 0.6em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M17.5 12.5V15.8333C17.5 16.2754 17.3244 16.6993 17.0118 17.0118C16.6993 17.3244 16.2754 17.5 15.8333 17.5H4.16667C3.72464 17.5 3.30072 17.3244 2.98816 17.0118C2.67559 16.6993 2.5 16.2754 2.5 15.8333V12.5" stroke="white" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="round"/><path d="M14.1663 8.33333L9.99967 12.5L5.83301 8.33333" stroke="white" stroke-width="1.5" stroke-linejoin="round"/><path d="M10 12.5V2.5" stroke="white" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center / contain ;}
.list_box03 .cont .img_box{position: relative; width: 67%; flex-shrink: 0; padding-top: 33.3%;}
.list_box03 .cont .img_box img{position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover;}


/* 콘텐츠_텍스트모션_09 */
.txt_motion09{position:relative; display:flex; align-items:center; justify-content:center; height:100svh; overflow:hidden;}
.txt_motion09 .txt_wrap{display:flex; flex-direction:column; align-items:center; width:100%; will-change:transform;}
.txt_motion09 .txt_box{display:flex; align-items:center; justify-content:center; width:100%; font-size:var(--h2); opacity:.2; transition:opacity .3s ease, transform .3s ease, font-size .3s ease;}
.txt_motion09 .txt_box.active{font-size: 7rem; opacity: 1;}
.txt_motion09 .txt_box + .txt_box{margin-top: 12rem;}
.txt_motion09 .txt{font-weight: 700; line-height: 1.4;}
.txt_motion09 .img{display: inline-flex; width: 1.1em; height: 1.1em; margin: 0 5px;}
.txt_motion09 .img img{display: block; width: 100%; height:100%; object-fit: contain;}
.txt_motion09 .final_txt{ position: absolute;inset: 0;z-index: 2;display: flex; align-items: center; justify-content: center;  width: 100%;height: 100%;text-align: center;opacity: 0;pointer-events: none;}
.txt_motion09 .final_txt .txt{font-size: 8rem; font-weight: 700;  color: #fff;opacity: 0; transform: translateY(6rem);  transition: color .3s ease;}

/* 콘텐츠_텍스트모션_09_변형 */
.txt_motion09_2{display:flex; align-items:center; justify-content:center; height:100svh; overflow:hidden;}
.txt_motion09_2 .txt_box{display:flex; align-items:center; justify-content:center; font-size:var(--h3); transition:.3s; opacity: 0.2;}
.txt_motion09_2 .txt_box.active{font-size: 7rem; opacity: 1;}
.txt_motion09_2 .txt_box + .txt_box{margin-top: 12rem;}
.txt_motion09_2 .txt{font-weight: 700; line-height: 1.4;}
/* .txt_motion09_2 .img{display: inline-flex; width: 1.1em; height: 1.1em; margin: 0 5px;}
.txt_motion09_2 .img img{display: block; width: 100%; height:100%; object-fit: contain;} */
.txt_motion09_2 .txt_wrap{will-change:transform; text-align: center;}


/* 오시는길_04 */
.sub_directions04_sect .cont_box{display: flex; align-items: center ;}
.sub_directions04_sect .cont_box .map_cont { position: relative; width: 47%; flex-shrink: 0; padding-top: 33.5%; border-radius: 3rem; overflow: hidden;}
.sub_directions04_sect .cont_box .map_cont .map {position: absolute; left: 0; top: 0;width: 100%; height: 100%; pointer-events: none;}
.sub_directions04_sect .cont_box .map_cont .map > *{position: absolute; left: 0; top: 0;width: 100%; height: 100%; object-fit: cover;}
/* 카카오맵(intro_map) — 정적 이미지용 차단/맞춤 규칙 해제 */
.sub_directions04_sect .cont_box .map_cont.intro_map .map{pointer-events: auto;}
.sub_directions04_sect .cont_box .map_cont.intro_map .map > *{position: static; width: auto; height: auto; object-fit: unset;}

.sub_directions04_sect .cont_box .txt_box{margin-left: 8rem;}
.sub_directions04_sect .cont_box .txt_box .addr_txt{ display: flex; font-size: var(--p1); font-weight: 700;}
.sub_directions04_sect .cont_box .txt_box .addr_txt .ico{width: 1.1em; height: 1.1em; margin-top: 0.3em; margin-right: 0.2em;}
.sub_directions04_sect .cont_box .txt_box .btn_box{display: flex; flex-wrap: wrap; margin-top: 2rem; gap: 1.2rem 2rem;}
.sub_directions04_sect .cont_box .txt_box .btn_box .btn{display: flex; align-items: center; justify-content: center; white-space: nowrap; font-size: var(--p4); padding: 0 1.5em; height: 3.3em; font-weight: 600; border: 1px solid var(--gray20); border-radius: 99rem; transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;}
.sub_directions04_sect .cont_box .txt_box .btn_box .btn .ico{height: 1.5em; margin-right: 0.5em;}

.sub_directions04_sect .cont_box .tel_list{margin-top: 5rem;}
.sub_directions04_sect .cont_box .tel_list .tel_btn{display: flex; align-items: center; font-size: var(--p1); font-weight: 700;}
.sub_directions04_sect .cont_box .tel_list .tel_btn .ico svg{display: block; width: 1.1em; height: 1.1em; margin-right: 0.3em;}

.sub_directions04_sect .cont_box .info_box{margin-top: 5rem;}
.sub_directions04_sect .cont_box .info_box .info_list{display: flex; gap: 5rem;}
.sub_directions04_sect .cont_box .info_box .info_list li .tit{display: flex; align-items: center; line-height: 1;}
.sub_directions04_sect .cont_box .info_box .info_list li .tit .ico svg{display: block; width: 1.1em; height: 1.1em; margin-top: -0.1em; margin-right: 0.4em;}
.sub_directions04_sect .cont_box .info_box .info_list li .txt{font-size: var(--p3); font-weight: 600; margin-top: 1.5rem;}
.sub_directions04_sect .cont_box .info_box .info_list li .info_txt{font-size: var(--p4); color:var(--gray60); margin-top: 0.2rem;}




/* 견적문의 상담_03 */
/* 상단 안내 박스 */
.consult3_sect .info_cont .cont_box{display: flex; gap: 2rem;}
.consult3_sect .info_cont .cont{display: flex; flex-direction: column; font-size: var(--p4); font-weight: 500; background-color: var(--gray5); border: 1px solid var(--gray5); border-radius: 2rem; padding: 4rem; transition: 0.3s ease;}
.consult3_sect .info_cont .cont1{width: 26%; } 
.consult3_sect .info_cont .cont:not(.cont1){flex: 1;}
.consult3_sect .info_cont .cont .tit{display: flex; align-items: center; font-size: var(--p2); font-weight: 700; margin-bottom: 1rem;}
.consult3_sect .info_cont .cont .btn{display: inline-flex; align-items: center; justify-content: center; text-align: center; white-space: nowrap; font-size: var(--p4); margin-top: auto; font-weight: 500; background-color: #fff; padding: 0.6em 1.5em; border-radius: 99rem; transition: 0.3s ease;} 
.consult3_sect .info_cont .cont .btn svg{display: block; height: 1.1em; margin-right: 0.6em; margin-top: -0.1em;}
.consult3_sect .info_cont .cont2 .tit .tel_btn {display: inline-flex; align-items: center; margin-left: 0.3em;}
.consult3_sect .info_cont .cont2 .tit .tel_btn svg{display: block; height: 1.2em; }
.consult3_sect .info_cont .cont2 .info_list{margin-top: 0.6rem; margin-bottom: 3rem;}
.consult3_sect .info_cont .cont2 .info_list .com_info_txt{font-size: var(--p6); color: var(--gray70);}
.consult3_sect .info_cont .cont2 .btn{margin-left: auto;}
.consult3_sect .info_cont .cont3 .email_box{margin-top: 1rem; margin-bottom: 0.5rem;}
.consult3_sect .info_cont .cont3 .email_box .email_btn{display: flex; align-items: center; font-size: var(--h8); font-weight: 700;}
.consult3_sect .info_cont .cont3 .email_box .email_btn svg{display: block; height: 1em; margin-right: 0.3em;}


/* 상담대타이틀 */
.consult3_sect .info_cont + .form_box{margin-top: 12rem;}
.consult3_sect .sub_sect_tit{font-size: var(--h4); opacity: 1; transform: unset;}
.consult3_sect .sub_sect_txt{opacity: 1; transform: unset;}
.consult3_sect .sub_sect_tit + .sub_sect_txt{margin-top: 0.4em;}
.consult3_sect .dot_txt.red strong,
.consult3_sect .dot_txt.red:before{color: #fd2b2b;}

/* form */
.consult3_sect .form_box .cont{margin-top: 5rem; padding-top: 5rem; border-top: 1px solid var(--black);}
.consult3_sect .form_box .cont .cont_tit{font-size: var(--h8); font-weight: 600; margin-bottom: 2rem;}
.consult3_sect .form_box .cont .cont_tit.pd_s{margin-bottom: 1rem;}

.consult3_sect .inp_grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3rem 5rem;}
.consult3_sect .inp_grid .com_inp_cont.span2{grid-column:span 2;}

.consult3_sect .com_inp_cont .inp_txt{font-size: var(--p4); font-weight: 600; margin-bottom: 1.5rem;}
.consult3_sect .com_inp_cont .inp_txt.ess:after,
.consult3_sect .cont_tit.ess:after {content: '*';color: var(--point01);font-weight: 700; margin-left: 0.25em;}

.consult3_sect .com_inp_cont .inp_box {flex: 1; min-width: 0; font-size: var(--p4);}
.consult3_sect .com_inp_cont .inp_box .inp input {position: relative; width: 100%; border-radius: 1rem; height: var(--inpH); line-height: var(--inpH); padding: 0 1.25em; background-color: #fff; border: 1px solid var(--gray20); }
.consult3_sect .com_inp_cont .inp_box .inp input:disabled{color: rgba(0,0,0,0.5); background-color: var(--gray10);}
.consult3_sect .com_inp_cont .inp_box .inp textarea {width: 100%; border-radius: 10px; height: 25rem; padding: 1.25em; line-height: 1.5; background-color: #fff; border: 1px solid var(--gray20); resize: none;}


.consult3_sect .com_inp_cont .inp_box .radio_box {display: flex; align-items: center; gap:2rem 3.5rem;}
/* .consult3_sect .com_inp_cont .inp_box .radio_box .radio{height: var(--inpH);} */
.consult3_sect .com_inp_cont .inp_box .radio_box .radio label {display: flex; align-items: center; cursor: pointer;}
.consult3_sect .com_inp_cont .inp_box .radio_box .radio > input {position: absolute; width: 1px; height: 1px; margin: 0; padding: 0; border: 0; opacity: 0; pointer-events: none; clip: rect(0 0 0 0); clip-path: inset(50%); overflow: hidden;}
.consult3_sect .com_inp_cont .inp_box .radio_box .radio .ico {position: relative; width: var(--h8); height: var(--h8); margin-right: 1rem;}
.consult3_sect .com_inp_cont .inp_box .radio_box .radio .ico .stroke {width: 100%; height: auto;}
.consult3_sect .com_inp_cont .inp_box .radio_box .radio .ico .stroke rect {transition: all 0.2s ease-in-out;}
.consult3_sect .com_inp_cont .inp_box .radio_box .radio .ico .fill {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0) ; width: 50%; height: 50%;transition: transform 0.2s ease-in-out;}
.consult3_sect .com_inp_cont .inp_box .radio_box .radio input:checked + label .ico .fill { transform: translate(-50%,-50%) scale(1);}
.consult3_sect .com_inp_cont .inp_box .radio_box .radio input:checked + label .ico .stroke rect {stroke:var(--point01);}
.consult3_sect .com_inp_cont .inp_box .radio_box + .file_cont {margin-top: 2rem;}

.consult3_sect .check_inp {position: relative;}
.consult3_sect .check_inp label { display: flex; align-items: center; cursor: pointer; }
.consult3_sect .check_inp input{position: absolute; width: 1px; height: 1px; margin: 0; padding: 0; border: 0; opacity: 0; pointer-events: none; clip: rect(0 0 0 0); clip-path: inset(50%); overflow: hidden;}
.consult3_sect .check_inp input + label .ico { display: flex; align-items: center; justify-content: center; margin-right: 0.5em; margin-top: -0.2em ;border-radius: 0.6rem; width:1.4em; height:1.4em; background-color: #fff; border:2px solid rgba(0,0,0,0.3); transition: all 0.3s ease;}
.consult3_sect .check_inp input + label .ico svg{display: block; width: 0.8em;}
.consult3_sect .check_inp input:checked + label .ico{ fill: #fff; background-color: #000; border-color: #000;}
.consult3_sect .check_inp input:checked + label .ico path{ fill: #fff;}

.consult3_sect .com_inp_cont .inp_box .select .nice-select {background-color: #fff; border:1px solid var(--gray20); border-radius: 1rem; height: var(--inpH); line-height: var(--inpH); padding: 0 3em 0 1.25em; font-size: var(--p4);}
.consult3_sect .com_inp_cont .inp_box .select .nice-select .list { top: calc(100% + 2px); max-height: 300px; overflow-y: auto; }
.consult3_sect .com_inp_cont .inp_box .select .nice-select .list::-webkit-scrollbar{display: inherit; width: 10px;}
.consult3_sect .com_inp_cont .inp_box .select .nice-select .list::-webkit-scrollbar-thumb{background: #BFBFBF; border-right: 5px solid #fff; border-radius: 3px; border-top-right-radius: 8px 3px; border-bottom-right-radius: 8px 3px;}
.consult3_sect .com_inp_cont .inp_box .select .nice-select .list::-webkit-scrollbar-track{background: #fff;}
.consult3_sect .com_inp_cont .inp_box .select .nice-select .list::-webkit-scrollbar-button:vertical:decrement{height: 5px;}
.consult3_sect .com_inp_cont .inp_box .select .nice-select .list::-webkit-scrollbar-button:vertical:increment{height: 5px;}
.consult3_sect .com_inp_cont .inp_box .select .nice-select .option:hover, 
.consult3_sect .com_inp_cont .inp_box .select .nice-select .option.focus, 
.consult3_sect .com_inp_cont .inp_box .select .nice-select .option.selected.focus{background: var(--gray5); }

.consult3_sect .com_inp_cont .captcha_wrap{display: flex; align-items: center; justify-content: flex-start; gap: 1.6rem;}
.consult3_sect .com_inp_cont .captcha_wrap > div{width: 50%;}
.consult3_sect .com_inp_cont .captcha_wrap .captcha {position: relative; display: flex; align-items: center; justify-content: space-between; height: var(--inpH); padding: 0 2rem; background-color: var(--gray5); border-radius: 1rem; }
.consult3_sect .com_inp_cont .captcha_wrap .captcha img { height: 100%; }
.consult3_sect .com_inp_cont .captcha_wrap .captcha .btn { position: absolute; right: 2rem; display: flex; align-items: center; justify-content: center; width: 1em; height: 1em; } /* margin-left: 3rem;*/


.com_inp_cont .em_txt {font-size: var(--p6); color: var(--gray60); margin-top: 0.8em; display: flex;}
.com_inp_cont .em_txt > span {margin-right: 0.25em;}
.com_inp_cont .em_txt + .em_txt{margin-top: 0;}
.com_inp_cont > .em_txt:first-child{margin-top: 0;}

.consult3_sect .com_inp_cont .file_cont {flex: 1; min-width: 0;}
.consult3_sect .com_inp_cont .file_cont .file_em_txt {display: flex; color: var(--gray1); margin-top: 0.8em; font-size: var(--p4);}
.consult3_sect .com_inp_cont .file_cont .file_em_txt span {margin-right: 0.25em;}
.consult3_sect .com_inp_cont .file_box {display: flex; width: 100%;}
.consult3_sect .com_inp_cont .file_box .file {display: flex; align-items: center; flex: 1; background-color: #fff; border: 1px solid var(--gray20); padding: 0 1.25em; height: var(--inpH); border-radius: 1rem; position: relative;}
.consult3_sect .com_inp_cont .file_box .file .file_svg {margin-right: 10px; width: 1em; flex-shrink: 0;}
.consult3_sect .com_inp_cont .file_box .file .file_name{ flex:1; margin-top: 1px;}
.consult3_sect .com_inp_cont .file_box .file .file_name .name{font-size: var(--p6); color:var(--gray60); }
.consult3_sect .com_inp_cont .file_box .file .file_name .name{margin-top: 0;}
.consult3_sect .com_inp_cont .file_box .file .file_name .name > span:first-child {display: inline-block; margin-right: 0; max-width: 18em; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; vertical-align: middle;}
.consult3_sect .com_inp_cont .file_box .commonFileDeleteBtn {position: absolute; right: 1.25em; top: 50%; transform: translateY(-50%);display: flex; align-items: center; justify-content: center; width: 1.5em; height: 1.5em; background-color:#000; border-radius: 50%; margin-left: auto;}
.consult3_sect .com_inp_cont .file_box .commonFileDeleteBtn svg path {fill: #fff;}
.consult3_sect .com_inp_cont .file_box .flie_btn {flex-shrink: 0; font-size: var(--p4); margin-left: 1rem; border: 1px solid var(--black); width: 15rem; border-radius: 1rem; height: var(--inpH); line-height: var(--inpH); font-weight: 600; transition: 0.3s ease-in-out;}



.consult3_sect .consent_cont {margin-top: 6rem;}
.consult3_sect .consent_cont .cont_tit {font-size: var(--h8); font-weight: 700;}
.consult3_sect .consent_cont .cont_tit:after {content: '*';color: var(--point01);font-weight: 700; margin-left: 0.15em;}
.consult3_sect .consent_cont .cont {display: block; border: 1px solid var(--line); padding: 1.8em; font-size: var(--p4); color: var(--gray70); border-radius: 2rem; font-weight: 500; margin-top: 2rem; overflow-y: auto; max-height: 30rem;}
.consult3_sect .consent_cont .cont::-webkit-scrollbar{width: 10px;}
.consult3_sect .consent_cont .cont::-webkit-scrollbar-thumb{background: #d7d7d7; border-right: 5px solid transparent; background-clip: padding-box; -webkit-background-clip: padding-box; border-radius: 3px; border-top-right-radius: 8px 3px; border-bottom-right-radius: 8px 3px;}
.consult3_sect .consent_cont .cont::-webkit-scrollbar-track{background: #fff;}
.consult3_sect .consent_cont .cont::-webkit-scrollbar-button:vertical:decrement{height: 15px;}
.consult3_sect .consent_cont .cont::-webkit-scrollbar-button:vertical:increment{height: 15px;}
/* Safari */
@supports (-webkit-hyphens: none) {
    .consult3_sect .consent_cont .cont::-webkit-scrollbar{width: 5px;}
    .consult3_sect .consent_cont .cont::-webkit-scrollbar-thumb{background: #d7d7d7; border: 0; border-radius: 999px;}
    .consult3_sect .consent_cont .cont::-webkit-scrollbar-track{background: transparent; margin: 15px 0;}
    .consult3_sect .consent_cont .cont::-webkit-scrollbar-button:vertical:decrement{height: 0;}
    .consult3_sect .consent_cont .cont::-webkit-scrollbar-button:vertical:increment{height: 0;}
}

.consult3_sect .consent_cont .cont p + p {margin-top: 0.5em;}
.consult3_sect .consent_cont [class*="form_chk"] {margin-top: 2rem;}
.consult3_sect .consent_cont [class*="form_chk"] .chk_box input + label .ico {margin-top: 0;}
.consult3_sect .consent_cont [class*="form_chk"] .txt {font-weight: 600; font-size: var(--p4);}
.consult3_sect .consent_cont [class*="form_chk"] .txt span {color: var(--point01); }
.consult3_sect .consent_cont .policy-section + .policy-section{margin-top: 1em;}
.consult3_sect .consent_cont .policy-section h4{margin-top: 1em;}
.consult3_sect .consent_cont .policy-item{margin-top: 0.6em;}
.consult3_sect .consent_cont .policy-notice{margin-top: 1em;}
.consult3_sect .consent_cont li{position: relative; padding-left: 0.5em;}
.consult3_sect .consent_cont li:before{content: '·'; position: absolute; left: 0; top: 0;}
.consult3_sect .consent_cont .policy-notice{text-indent: -0.8em; padding-left: 0.8em;}

/* 폼 개별 스타일 */
.consult3_sect .com_inp_cont .inp_box .phone_box,
.consult3_sect .com_inp_cont .inp_box .email_box {display: flex; align-items: center; }
.consult3_sect .com_inp_cont .inp_box .phone_box .dot,
.consult3_sect .com_inp_cont .inp_box .email_box .dot {margin: 0 5px; text-align: center;}
.consult3_sect .com_inp_cont .inp_box .email_box .inp {flex: 1;}
.consult3_sect .com_inp_cont .inp_box .email_box .inp:first-of-type {flex: none; width: 31%; }
.consult3_sect .com_inp_cont .inp_box .email_box .select {flex: 1;}
.consult3_sect .com_inp_cont .inp_box .email_box .inp + .select {margin-left: 1rem;}
.consult3_sect .com_inp_cont .inp_box .phone_box .inp {flex: 1;}
.consult3_sect .com_inp_cont .inp_box .phone_box .select:first-of-type {flex: none; width: 31%;}
.consult3_sect .com_inp_cont .inp_box .phone_box .select {flex: 1;}
.consult3_sect .com_inp_cont .inp_box .phone_box .inp:last-child {flex: 1;}

.consult3_sect .com_inp_cont.date .inp_box .inp{position: relative; }
.consult3_sect .com_inp_cont.date .inp_box .inp::before{ content: ''; position: absolute; top:50%; transform: translateY(-50%); right: 1.5rem; display:block; width: 1.2em; height:1.2em; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M15.8333 3.33331H4.16667C3.24619 3.33331 2.5 4.07951 2.5 4.99998V16.6666C2.5 17.5871 3.24619 18.3333 4.16667 18.3333H15.8333C16.7538 18.3333 17.5 17.5871 17.5 16.6666V4.99998C17.5 4.07951 16.7538 3.33331 15.8333 3.33331Z" stroke="%231F2933" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.3335 1.66669V5.00002" stroke="%231F2933" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.6665 1.66669V5.00002" stroke="%231F2933" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.5 8.33331H17.5" stroke="%231F2933" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center / contain; z-index: 1;}
.consult3_sect .com_inp_cont.date .inp_box .inp input{padding-right: 3em;}

.consult3_sect .com_inp_cont.visit .inp_box .radio_box{flex-wrap: wrap; align-items: center; }
.consult3_sect .com_inp_cont.visit .inp_box .radio_box .radio.etc {display: flex; align-items: center; gap: 2rem; height: var(--inpH);}

@media screen and (min-width:1025px) {
    .consult3_sect .com_inp_cont.visit .inp_box .radio_box{flex-wrap: nowrap; column-gap: clamp(2rem, 2.5vw, 3.5rem);}
    .consult3_sect .com_inp_cont.visit .inp_box .radio_box .radio{flex: 0 0 auto;}
    .consult3_sect .com_inp_cont.visit .inp_box .radio_box .radio.etc{gap: 1.5rem;}
    .consult3_sect .com_inp_cont.visit .inp_box .radio_box .radio.etc > .inp_box{flex: 0 0 clamp(20rem, 22vw, 26rem); min-width: 0;}
}

/* 하단 버튼 */
.consult3_sect .bot_btn_box {display: flex; justify-content: center; gap: 1rem; margin-top: 5rem; padding-top: 5rem; border-top: 1px solid var(--black);}
.consult3_sect .com_basic_btn {display: flex; align-items: center; justify-content: center; font-size: var(--p4); color: #fff; font-weight: 600; border-radius: 10px; background-color: #000; min-width: 10em; padding: 0 1.25em;height: 3.7em; transition: 0.3s ease-in-out;}
.consult3_sect .com_basic_btn.line {border: 1px solid var(--gray20); color: var(--black); background-color: transparent;}
.consult3_sect .com_basic_btn .ico {background: url('data:image/svg+xml, <svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.3789 10.0225L12.1631 17.959L11.4912 18.6992L10.0107 17.3535L10.6836 16.6133L16.3789 10.3496L-4.52396e-07 10.3496L-3.64973e-07 8.34961L16.3789 8.34961L10.6836 2.08496L10.0107 1.3457L11.4912 -3.71504e-07L12.1631 0.740234L19.3789 8.67676L19.9902 9.34961L19.3789 10.0225Z" fill="%23fff"></path></svg>') no-repeat center / contain;}
.consult3_sect .com_basic_btn.wh {background-color: #fff; color: #1c1c1c; border: 1px solid #1c1c1c;}
.consult3_sect .com_basic_btn.wh .ico {width: 1em; height: 1em; margin-left: 2.2em; background: url('data:image/svg+xml, <svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.3789 10.0225L12.1631 17.959L11.4912 18.6992L10.0107 17.3535L10.6836 16.6133L16.3789 10.3496L-4.52396e-07 10.3496L-3.64973e-07 8.34961L16.3789 8.34961L10.6836 2.08496L10.0107 1.3457L11.4912 -3.71504e-07L12.1631 0.740234L19.3789 8.67676L19.9902 9.34961L19.3789 10.0225Z" fill="%231c1c1c"></path></svg>') no-repeat center / contain; transition: 0.3s ease-in-out;}





/* ----- 로그인_01 *페이지 ----- */
.login_01 {background-color: var(--gray5); display: flex; align-items: center; justify-content: center; min-height: 100svh; padding: calc(var(--hdH) + var(--pd4)) 0 var(--subPd);}

.login_01 .login_wrap {padding: 10rem; background: #fff; margin: 0 auto; border-radius: 3rem; width: 60rem; max-width: 100%;}
.login_01 .login_wrap .logo {width: 25%; margin: 0 auto;}
.login_01 .login_wrap .logo img {width: 100%;} 

.login_01 .login_wrap .tit_box {text-align: center;}
.login_01 .login_wrap .tit_box .tit{font-size: var(--h3); font-weight: 700; line-height: 1;}
.login_01 .login_wrap .tit_box .txt{font-size: var(--p3); font-weight: 400; margin-top: 2rem; }
.login_01 .login_wrap .tit_box .txt br{display: none;}

.login_01 .login_wrap .input_wrap{margin-top: 5rem;}
.login_01 .login_wrap .input_wrap .inp {position: relative; margin-bottom: 1.25rem;}
.login_01 .login_wrap .input_wrap input{width: 100%; height: var(--inpH); padding-left: 1.2em; background-color: var(--bg); font-size: var(--p4); border-radius: 1rem; line-height: var(--inpH); transition: background 0.25s, border 0.25s;}
.login_01 .login_wrap .input_wrap input::placeholder{color: #1F2933; opacity: 0.3; font-weight: 600;}
.login_01 .login_wrap .input_wrap button {width: 100%; height: var(--inpH); background: var(--black); color: #fff; font-size: var(--p3); font-weight: 700; text-align: center; border-radius:1rem; line-height: 1em; transition: background 0.25s;}
/* ===== 비밀번호 표시/숨김 토글 (공통 컴포넌트) ===== */
/* .pw_inp 래퍼 + .pw_toggle 버튼. 로그인/회원가입/비밀번호변경 모달 공용. */
.pw_inp {position: relative;}
.pw_inp input {padding-right: 3.4em;}
.pw_inp.has_ico input {padding-right: 6em;}
.pw_inp .pw_toggle {position: absolute; top: 50%; right: 1.2rem; transform: translateY(-50%); width: auto; height: auto; padding: 0.4em; background: transparent; color: #1F2933; opacity: 0.45; line-height: 0; border-radius: 0.6rem; transition: opacity 0.2s;}
/* 검증 인디케이터(.ico: right:15px·2.2rem)가 함께 있는 칸은 토글을 그 왼쪽으로 */
/* .pw_inp.has_ico .pw_toggle {right: 4.4rem;} */
.pw_inp .pw_toggle:hover {opacity: 0.8;}
.pw_inp .pw_toggle svg {display: block; width: max(2rem, 18px); height: max(2rem, 18px);}
.pw_inp .pw_toggle .ico_off {display: none;}
.pw_inp .pw_toggle.on .ico_on {display: none;}
.pw_inp .pw_toggle.on .ico_off {display: block;}
/* login 페이지 전용 오버라이드 — .login_01 ... .input_wrap button(풀폭 검정 버튼, 명시도 0,3,1)보다 우선 */
.login_01 .login_wrap .input_wrap .pw_inp .pw_toggle {width: auto; height: auto; background: transparent; color: #1F2933; line-height: 0;}
/* 모달/회원가입: 입력 패딩(.modal..inp_wrap input=0,4,1 / .join_01..input=0,3,1)보다 우선해 토글/인디케이터 자리 확보 */
.modal .member .join_wrap .inp_wrap .inp.pw_inp input {padding-right: 3.6em;}
.modal .member .join_wrap .inp_wrap .inp.pw_inp.has_ico input {padding-right: 6em;}
.join_01 .inp_wrap .inp.pw_inp input {padding-right: 3.6em;}
.join_01 .inp_wrap .inp.pw_inp.has_ico input {padding-right: 6em;}

.login_01 .login_wrap .util_wrap{display: flex; justify-content: center; margin-top: 2rem;}
.login_01 .login_wrap .util_wrap a{position: relative; color: rgba(0,0,0,0.5); font-size: var(--p5); font-weight: 500; line-height: 1em; transition: color 0.3s;}
.login_01 .login_wrap .util_wrap a + a{padding-left: 1em; margin-left: 1em; border-left: 1px solid rgba(188, 191, 199, 0.5);}

.login_01 .login_wrap .sns_wrap {margin-top: 5rem;}
.login_01 .login_wrap .sns_wrap .btn {display: flex; align-items: center; justify-content: center; font-size: var(--p4); height: var(--inpH); border-radius:1rem; border: 1px solid var(--line); font-weight: 600; transition: 0.3s ease-in-out;}
.login_01 .login_wrap .sns_wrap .btn + .btn {margin-top: 1.25rem;}
.login_01 .login_wrap .sns_wrap .btn .icon-sns {display: flex; align-items: center; margin-right: 10px; font-size: 10px}
.login_01 .login_wrap .sns_wrap .btn .icon-sns img,
.login_01 .login_wrap .sns_wrap .btn .icon-sns svg {width: 100%;}
.login_01 .login_wrap .sns_wrap .btn svg path {transition: 0.3s ease-in-out;}
.login_01 .login_wrap .sns_wrap .btn .icon-sns.icon-naver {width: 2.4em;}
.login_01 .login_wrap .sns_wrap .btn .icon-sns.icon-kakao {width: 2.4em;}
.login_01 .login_wrap .sns_wrap .btn .icon-sns.icon-google {width: 2em;}




/* ----- 회원가입_01 *페이지 ----- */
.join_01 {background-color: var(--gray5); display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100svh; padding: calc(var(--hdH) + var(--pd4)) 0 var(--subPd);}
.join_01 .join_wrap{width:100%; padding: var(--inPd);}
.join_01 .join_wrap .join_box{padding: 5rem; background: #fff; margin: 0 auto; border-radius: 3rem; width: 70rem; width: 80rem; max-width: 100%;}
.join_01 .join_box .txt_box{ border-bottom:1px solid var(--black); padding-bottom:1.5rem; margin-bottom: 4rem;}
.join_01 .join_box .sect_tit{opacity: 1; transform: unset; margin-bottom: 0;}
.join_01 .join_box .sect_txt{opacity: 1; transform: unset; margin-top: 0.5rem; font-size: var(--p6);}
.join_01 .join_wrap .join_box + .join_box{margin-top: 2rem;}
.join_01 .join_box.basic .form_cont{border-bottom: 1px solid var(--line); padding-bottom: 2rem;}

/* 상단  스텝 */
.join_01 .step_cont{ margin-bottom: 4rem;}
.join_01 .step_cont .step_list{position: relative; display: flex; align-items: flex-start; gap: 6rem; width: 100%; height: 100%; padding: 0; margin: 0; list-style: none;}
.join_01 .step_cont .step_item{position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 1.5rem; color: var(--gray30); font-size: var(--p6); font-weight: 600; line-height: 1;}
.join_01 .step_cont .step_item + .step_item::before{content: ''; position: absolute; top: 20%; left: -100%; width: 6rem; left: -6rem; height: 0.4rem; background:url('data:image/svg+xml,<svg width="20" height="4" viewBox="0 0 20 4" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="2" cy="2" r="2" fill="%23CBD2D9"/><circle cx="10" cy="2" r="2" fill="%23CBD2D9"/><circle cx="18" cy="2" r="2" fill="%23CBD2D9"/></svg>') no-repeat center / contain; }
.join_01 .step_cont .step_item.active + .step_item::before{background:url('data:image/svg+xml,<svg width="20" height="4" viewBox="0 0 20 4" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="2" cy="2" r="2" fill="%232F58E0"/><circle cx="10" cy="2" r="2" fill="%232F58E0"/><circle cx="18" cy="2" r="2" fill="%232F58E0"/></svg>') no-repeat center / contain;}
.join_01 .step_cont .step_num{display: flex; align-items: center; justify-content: center; font-size:var(--p6); width: 2.1em; height: 2.1em; border-radius: 50%; background-color: var(--gray20); color: var(--gray30); font-weight: 700; line-height: 1;}
.join_01 .step_cont .step_label{color: currentColor; white-space: nowrap;}
.join_01 .step_cont .step_item.active{color: var(--black); font-weight: 700;}
.join_01 .step_cont .step_item.active .step_num{background-color: var(--point01); color: #fff;}

/* 약관 전체 동의 */
.join_01 .chk_all_wrap {padding-bottom: 4rem; border-bottom: 1px solid var(--gray20); margin-bottom: 4rem;}
.join_01 .chk_all_wrap label {display: flex; align-items: center; gap: 1rem; font-size: var(--p3); font-weight: 600; cursor: pointer;}
.join_01 .chk_all_wrap label svg {width: max(2.5rem, 20px); height: auto;}
.join_01 .chk_all_wrap input:checked + label svg circle {fill-opacity:1; fill: var(--black);}
.join_01 .chk_info_box{background-color: var(--bg); border-radius: 1rem; padding: 2rem; margin-top: 1.5rem;}
.join_01 .chk_info_box .dot_txt{font-size: var(--p6);}
/* 일반 동의 */
.join_01 .chk_wrap {display: flex; align-items: center; width: 100% ;}
.join_01 .chk_wrap svg {width: max(2.5rem, 20px); flex-shrink: 0; height: auto;}
.join_01 .chk_wrap label {display: flex; align-items: center; cursor: pointer;}
.join_01 .chk_wrap input:checked + label svg circle {fill-opacity:1; fill: var(--black);}
.join_01 .chk_wrap .txt {font-size: var(--p4); font-weight: 500; margin-left: 1rem;}
.join_01 .chk_wrap .txt span {color: var(--black);}
.join_01 .chk_wrap .view {margin-left: auto; font-size: var(--p6); color: rgba(0,0,0,0.3);}

.join_01 .btn_wrap{display: flex; justify-content: center; gap: 1rem; margin-top: 4rem;}


/* STEP2_정보입력 */
.join_01 .inp_wrap .radio_box {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:2rem 3.5rem; font-size: var(--p4); flex-wrap: wrap; max-width: max(35rem, 300px);}
.join_01 .inp_wrap .radio_box .radio label {display: flex; align-items: center; cursor: pointer;}
.join_01 .inp_wrap .radio_box .radio > input {position: absolute; width: 1px; height: 1px; margin: 0; padding: 0; border: 0; opacity: 0; pointer-events: none; clip: rect(0 0 0 0); clip-path: inset(50%); overflow: hidden;}
.join_01 .inp_wrap .radio_box .radio .ico {position: relative; width: var(--h8); height: var(--h8); margin-right: 1rem;}
.join_01 .inp_wrap .radio_box .radio .ico .stroke {width: 100%; height: auto;}
.join_01 .inp_wrap .radio_box .radio .ico .stroke rect {transition: all 0.2s ease-in-out;}
.join_01 .inp_wrap .radio_box .radio .ico .fill {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0) ; width: 50%; height: 50%;transition: transform 0.2s ease-in-out;}
.join_01 .inp_wrap .radio_box .radio input:checked + label .ico .fill { transform: translate(-50%,-50%) scale(1);}
.join_01 .inp_wrap .radio_box .radio input:checked + label .ico .stroke rect {stroke:var(--point01);}
.join_01 .inp_wrap .radio_box + .file_cont {margin-top: 2rem;}

.join_01 .inp_wrap .radio_box .radio.etc {display: flex; align-items: flex-start; grid-column: span 2; gap: 2rem; width: 100%; height: var(--inpH);}


/* STEP2_정보입력_기본정보 */
.join_01 .inp_wrap{display: flex;}
.join_01 .inp_wrap + .inp_wrap{margin-top: 2rem;}
.join_01 .inp_wrap .inp_tit{display: flex; align-items: center; justify-content: space-between; font-size: var(--p4); font-weight: 600; width: 11.5em; flex-shrink: 0; margin-bottom: 1rem; font-weight: 500;}
.join_01 .inp_wrap .inp_tit p .ess{margin-left: 3px; color: var(--point01);}
.join_01 .inp_wrap .inp_tit a{display: flex; align-items: center; color: #9A9EA7; font-size: var(--tinyTxt); transition: color 0.25s;}
.join_01 .inp_wrap .inp_tit a svg{margin-left: 0.5em; fill: #9A9EA7; transition: fill 0.25s;}
.join_01 .inp_wrap .inp_tit.al_t{align-items: flex-start;}

.join_01 .inp_wrap .inp_box{width: 100%;}
.join_01 .inp_wrap .inp{position: relative; flex: 1;}
.join_01 .inp_wrap input{width: 100%; height: var(--inpH); font-size: var(--p4); padding: 0 1.2em; background-color: #fff; border: 1px solid var(--gray20); border-radius: 1rem; line-height: var(--inpH); transition: background 0.25s, border 0.25s;}
.join_01 .inp_wrap input:focus{border-color: #232323;}
.join_01 .inp_wrap input::placeholder{color: #BCBFC7;}
.join_01 .inp_wrap .inp input + .ico {position: absolute; right: max(5rem,35px); top: 50%; transform: translateY(-50%); width: 2.2rem; height: 2.2rem; background-color: var(--point01); border-radius: 50%; display: none;}
.join_01 .inp_wrap .inp input + .ico.checked {display: block;}
.join_01 .inp_wrap .inp input + .ico.checked.enable {display: block; background: var(--point01) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="7" viewBox="0 0 8 7" fill="none"><path d="M0.75 2.75L3.25 5.25L7.25 0.75" stroke="white" stroke-width="1.5" stroke-linecap="round"/></svg>') no-repeat 55% 50% / 50%}
.join_01 .inp_wrap .inp input + .ico.checked.unable {display: block; background: #EC5252 url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M9 3L3 9" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 3L9 9" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat 50% 50% / 70%;}

.join_01 .inp_wrap .flex_wrap{display: flex; align-items: center; width: 100%;}
.join_01 .inp_wrap .flex_wrap button{margin-left: 0.8rem ;flex-shrink: 0; height: var(--inpH); padding: 0 1.5em; width: 12rem; min-width: max-content; font-size: var(--p4); border-radius: 1rem ; color: #fff; background-color: var(--point01); transition: background 0.25s, color 0.25s;}

.join_01 .inp_wrap .phone_box,
.join_01 .inp_wrap .email_box{align-items: center; gap:1rem;}
.join_01 .inp_wrap .phone_box .select{flex: 1; }
.join_01 .inp_wrap .tel_box .nice-select {width: 14em; margin-right: 0.8rem;}

.join_01 .nice-select {font-size: var(--p4);height: var(--inpH);line-height: var(--inpH);padding: 0 1.3em;border: 0;border-radius: 1rem;font-weight: 500;background-color: #fff; border: 1px solid var(--gray20);}
.join_01 .inp_wrap .info_txt {font-size: var(--p6); margin-top: 1rem; color: var(--gray60); line-height: 1.5;}


/* STEP2_정보입력_회사 정보(선택) */
.join_01 .join_box .acco_btn{position: relative; cursor: pointer; transition: 0.3s ease-in-out;}
.join_01 .join_box .acco_btn .ico{position: absolute; right: 0; top: 5%; transition: 0.3s ease-in-out; }
.join_01 .join_box .acco_btn .ico svg{width: 1.5rem; height: auto;}
.join_01 .join_box .acco_btn .ico{transform: rotate(0);}
.join_01 .join_box .acco_btn.close .ico{transform: rotate(180deg);}
.join_01 .join_box .acco_btn.close{margin-bottom: 0; border-bottom: none;}


/* STEP2_정보입력_캐릭터설정 */
.join_01 .join_box.chr_box{background: #FFDEDE; padding: 0; overflow: hidden;}
/* .join_01 .join_box.chr_box.ch_bg_w{border: 1px solid var(--gray10);} */
.join_01 .join_box .chr_display{position: relative;}
.join_01 .join_box .chr_display .img_wrap{position: relative; margin: 0 auto; width: 37.5rem; height: 34.5rem; overflow: hidden;}
.join_01 .join_box .chr_display .img_wrap .parts{position: absolute; width: 100%; height: 100%; inset: 0;}

.join_01 .join_box.chr_box .chr_display .reset_btn{position: absolute; right: 2rem; top: 2rem; color: var(--gray40); font-weight: 600; font-size:var(--p6); border-radius: 99rem; background-color: #fff; z-index: 5; padding: 0.3em 1em; border: 1px solid rgba(31, 41, 51, 0.10); display: flex; align-items: center; gap:0.5rem; transition: 0.3s ease;}
.join_01 .join_box.chr_box .chr_display .reset_btn:before{content:''; width:1em; height:1em; transition: 0.3s ease; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><g clip-path="url(%23clip0_2370_10174)"><path d="M13.417 2.3335V5.8335H9.91699" stroke="%237B8794" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.9521 8.74985C11.5729 9.82313 10.8552 10.7441 9.90703 11.374C8.95888 12.0038 7.8317 12.3085 6.69535 12.242C5.55899 12.1755 4.47503 11.7415 3.60679 11.0054C2.73856 10.2693 2.1331 9.27089 1.88165 8.16071C1.6302 7.05053 1.74638 5.8887 2.21269 4.8503C2.679 3.8119 3.47017 2.95318 4.46698 2.40355C5.46379 1.85392 6.61223 1.64315 7.73925 1.80301C8.86626 1.96287 9.9108 2.48469 10.7154 3.28985L13.4163 5.83318" stroke="%237B8794" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_2370_10174"><rect width="14" height="14" fill="white"/></clipPath></defs></svg>') no-repeat center / contain}

.join_01 .join_box.chr_box .chr_panel{background-color: #fff; border-radius: 3rem; box-shadow: 0 0 50px 0 rgba(193, 193, 193, 0.30);}
.join_01 .join_box.chr_box .tab_box{display: flex; padding: 0 var(--inPd); border-bottom: 1px solid var(--gray10);}
.join_01 .join_box.chr_box .tab_box .tab{flex: 1;}
.join_01 .join_box.chr_box .tab_box .tab button{display: flex; flex-direction: column; justify-content:center; align-items: center; height: 8rem; width: 100%;}

.join_01 .join_box.chr_box .tab_box .ico{display: block;}
.join_01 .join_box.chr_box .tab_box .ico svg{display: block; width: 3rem; height: 3rem; margin: 0 auto;}
.join_01 .join_box.chr_box .tab_box .txt{display: block; font-size: var(--p6); color: var(--gray30); line-height: 1; font-weight: 700; margin-top: 0.5em;}
.join_01 .join_box.chr_box .tab_box .tab.active .ico svg path{fill: var(--point01);}
.join_01 .join_box.chr_box .tab_box .tab.active .txt{color: var(--point01);}

.join_01 .join_box.chr_box .tab_cont{display: flex; justify-content: center; flex-wrap: wrap; gap: 2rem 1rem; padding: 2.5rem var(--inPd);}
.join_01 .join_box.chr_box .tab_cont .chr_item{position: relative; width: 7.5rem; height: 7.5rem; background-color: var(--bg); border-radius: 1rem; overflow: hidden;}
.join_01 .join_box.chr_box .tab_cont .chr_item img{width: 100%; height: 100%; object-fit: contain;}
.join_01 .join_box.chr_box .tab_cont .chr_item.active:before{content:''; position: absolute; inset: 0; width: 100%; height: 100%; border-radius: 1rem; border: 1px solid var(--black); }

.join_01 .join_box.chr_box .tab_cont.color_cont .chr_item{margin: 0; border-radius: 50%; border: 0.2rem solid var(--gray10); box-shadow: inset 0 0 0 0.55rem #fff; overflow: hidden;}
.join_01 .join_box.chr_box .tab_cont.color_cont .chr_item.ch_bg_w{box-shadow: inset 0 0 0 0.55rem #fff, inset 0 0 0 0.62rem var(--gray10);}
.join_01 .join_box.chr_box .tab_cont.color_cont .chr_item.active{border-color: var(--black);}
.join_01 .join_box.chr_box .tab_cont.color_cont .chr_item.active:before{display: none;}

/* 마이페이지 */
.join_01 .inp_wrap .btn_find{font-size:var(--p4); border: 1px solid var(--black); border-radius: 99rem; padding: 0 1.2em; height: 2.5em; transition: 0.3s ease;}

.join_01 .my_write_form .join_box.my_chr_box .txt_box{border-bottom:none; margin-bottom:0}
.join_01 .my_write_form .join_box.my_chr_box .chr_box{border-radius: 3rem; overflow: hidden;}
.join_01 .my_write_form .join_box.my_chr_box .chr_box.ch_bg_w{border: 1px solid var(--gray10);}
/* .join_01 .my_write_form .join_box.my_chr_box .chr_box .chr_modify{position: absolute; display: flex; align-items: center; justify-content: center; border-radius:50%; width: max(3rem, 25px); height: max(3rem, 25px); top: 1rem; right: 1rem; background:var(--black) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 0C7.33755 3.15705e-08 7.66171 0.134364 7.90039 0.373047C8.13879 0.611633 8.27239 0.935176 8.27246 1.27246V1.33008C8.27329 1.53474 8.3343 1.73461 8.44727 1.90527C8.56033 2.076 8.72096 2.21035 8.90918 2.29102C9.10109 2.37568 9.31412 2.4007 9.52051 2.36328C9.72687 2.32583 9.91745 2.22771 10.0674 2.08105L10.1055 2.04297C10.2237 1.92464 10.3641 1.83065 10.5186 1.7666C10.673 1.70256 10.8386 1.66993 11.0059 1.66992C11.1731 1.66992 11.3387 1.70257 11.4932 1.7666C11.6477 1.83065 11.788 1.92464 11.9062 2.04297C12.0246 2.16116 12.1186 2.30158 12.1826 2.45605C12.2466 2.6105 12.2793 2.77618 12.2793 2.94336C12.2793 3.11056 12.2466 3.27621 12.1826 3.43066C12.1186 3.58514 12.0246 3.72557 11.9062 3.84375L11.8682 3.88184C11.7215 4.0318 11.6234 4.22231 11.5859 4.42871C11.5485 4.63514 11.5735 4.8481 11.6582 5.04004V5.09082C11.7389 5.27904 11.8732 5.43967 12.0439 5.55273C12.2146 5.66567 12.4145 5.72672 12.6191 5.72754H12.7275C13.0648 5.72761 13.3884 5.86121 13.627 6.09961C13.8656 6.33829 14 6.66245 14 7C14 7.33755 13.8656 7.66171 13.627 7.90039C13.3884 8.13879 13.0648 8.27239 12.7275 8.27246H12.6699C12.4653 8.27329 12.2654 8.3343 12.0947 8.44727C11.924 8.56033 11.7897 8.72096 11.709 8.90918C11.6243 9.10109 11.5993 9.31412 11.6367 9.52051C11.6742 9.72687 11.7723 9.91745 11.9189 10.0674L11.957 10.1055C12.0754 10.2237 12.1693 10.3641 12.2334 10.5186C12.2974 10.673 12.3301 10.8386 12.3301 11.0059C12.3301 11.1731 12.2974 11.3387 12.2334 11.4932C12.1693 11.6477 12.0754 11.788 11.957 11.9062C11.8388 12.0246 11.6984 12.1186 11.5439 12.1826C11.3895 12.2466 11.2238 12.2793 11.0566 12.2793C10.8894 12.2793 10.7238 12.2466 10.5693 12.1826C10.4149 12.1186 10.2744 12.0246 10.1562 11.9062L10.1182 11.8682C9.9682 11.7215 9.77769 11.6234 9.57129 11.5859C9.36486 11.5485 9.1519 11.5735 8.95996 11.6582C8.77176 11.7389 8.6111 11.8732 8.49805 12.0439C8.38513 12.2146 8.32406 12.4145 8.32324 12.6191V12.7275C8.32317 13.0649 8.18961 13.3884 7.95117 13.627C7.71249 13.8656 7.38833 14 7.05078 14C6.71331 14 6.39001 13.8656 6.15137 13.627C5.91275 13.3883 5.77839 13.065 5.77832 12.7275V12.6699C5.77338 12.4593 5.70459 12.2553 5.58203 12.084C5.45947 11.9126 5.28854 11.7817 5.09082 11.709C4.89891 11.6243 4.68588 11.5993 4.47949 11.6367C4.27313 11.6742 4.08255 11.7723 3.93262 11.9189L3.89453 11.957C3.77634 12.0754 3.63594 12.1693 3.48145 12.2334C3.32695 12.2974 3.16138 12.3301 2.99414 12.3301C2.82691 12.3301 2.66133 12.2974 2.50684 12.2334C2.35233 12.1693 2.21195 12.0754 2.09375 11.957C1.97545 11.8388 1.88142 11.6984 1.81738 11.5439C1.75339 11.3895 1.7207 11.2238 1.7207 11.0566C1.72073 10.8894 1.75336 10.7238 1.81738 10.5693C1.88143 10.4149 1.97544 10.2744 2.09375 10.1562L2.13184 10.1182C2.27852 9.9682 2.37663 9.77769 2.41406 9.57129C2.45149 9.36486 2.42651 9.1519 2.3418 8.95996C2.26113 8.77176 2.12677 8.6111 1.95605 8.49805C1.7854 8.38513 1.58549 8.32406 1.38086 8.32324H1.27246C0.935146 8.32317 0.611639 8.18961 0.373047 7.95117C0.134364 7.71249 0 7.38833 0 7.05078C3.38039e-05 6.71331 0.134438 6.39001 0.373047 6.15137C0.611667 5.91275 0.935009 5.77839 1.27246 5.77832H1.33008C1.54068 5.77338 1.74467 5.70459 1.91602 5.58203C2.08736 5.45947 2.2183 5.28854 2.29102 5.09082C2.37569 4.89891 2.4007 4.68588 2.36328 4.47949C2.32583 4.27313 2.22771 4.08255 2.08105 3.93262L2.04297 3.89453C1.92464 3.77634 1.83065 3.63594 1.7666 3.48145C1.70256 3.32695 1.66993 3.16138 1.66992 2.99414C1.66992 2.82691 1.70257 2.66133 1.7666 2.50684C1.83065 2.35233 1.92464 2.21195 2.04297 2.09375C2.16116 1.97545 2.30158 1.88142 2.45605 1.81738C2.6105 1.75339 2.77618 1.7207 2.94336 1.7207C3.11056 1.72073 3.27621 1.75336 3.43066 1.81738C3.58514 1.88143 3.72557 1.97544 3.84375 2.09375L3.88184 2.13184C4.0318 2.27852 4.22231 2.37663 4.42871 2.41406C4.63514 2.45149 4.8481 2.42651 5.04004 2.3418H5.09082C5.27904 2.26113 5.43967 2.12678 5.55273 1.95605C5.66567 1.78539 5.72672 1.58551 5.72754 1.38086V1.27246C5.72761 0.935176 5.86121 0.611633 6.09961 0.373047C6.33829 0.134364 6.66245 0 7 0ZM7 4.66699C5.71134 4.66699 4.66699 5.71134 4.66699 7C4.66699 8.28866 5.71134 9.33301 7 9.33301C8.28866 9.33301 9.33301 8.28866 9.33301 7C9.33301 5.71134 8.28866 4.66699 7 4.66699Z" fill="white"/></svg>') no-repeat 50% 50% / 51%;} */

.join_01 .my_write_form .join_box.my_chr_box .chr_box .chr_modify{position: absolute; display: flex; align-items: center; justify-content: center; width: auto; font-size:var(--p6); font-weight:500; padding: 0.3em 0.8em; border-radius: 99rem; background-color: #000; border:1px solid #000; top: 2rem; right: 2rem; color:#fff; transition: 0.3s ease;}
.join_01 .my_write_form .join_box.my_chr_box .chr_box .chr_modify .ico svg{display: block; height: 1em; width: 1em; transition: 0.3s ease;}
.join_01 .my_write_form .join_box.my_chr_box .chr_box .chr_modify .ico svg path{ transition: 0.3s ease;}
.join_01 .my_write_form .join_box.my_chr_box .chr_box .chr_modify .txt{margin-top: 0.1em; margin-left: 0.3em;}

.join_01 .my_write_form .text_box{ line-height: var(--inpH);}
.join_01 .my_write_form .email_txt{font-weight: 500;  line-height: var(--inpH);}
.join_01 .my_write_form .inp_wrap .radio_box{display: flex;}
.join_01 .my_write_form .inp_wrap .inp_tit{margin-bottom: 0;}



/* 서브탑_풀비쥬얼타입_04 */
.sub_top_visual04 {position: relative; z-index: 0; isolation: isolate; height: calc(var(--vh, 1vh) * 100);}
.sub_top_visual04 .text_sect {position: absolute; height: 100svh; width: 100%; top: 0; left: 0; text-align: center; padding-top: 15vh; } /* height: calc(var(--vh, 1vh) * 60);*/
.sub_top_visual04 .text_sect .basic_txt .tit {font-size: 10rem; font-weight: 700; line-height: 1.5;}
.sub_top_visual04 .text_sect .basic_txt .txt {font-size: var(--h5); font-weight: 600;}

.sub_top_visual04 .visual_sect {position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: calc(var(--vh, 1vh) * 100); display:flex; align-items: flex-end; justify-content: center; overflow: hidden;}
.sub_top_visual04 .visual_sect .bg {position: relative; border-radius: 5rem; overflow: hidden; width: 60rem; padding-top: 30%; transform: translateY(10vh); background-color: #000;}
.sub_top_visual04 .visual_sect .bg img {position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; opacity: 1;}
.sub_top_visual04 .visual_sect .txt_box {position: absolute; top: 100%; left: 50%; transform: translate(-50%, -50%); width: 100%; padding: 0 var(--inPd); font-size:7rem; font-weight: 700; text-align: center; z-index: 3; opacity: 0; line-height: 1.5;}
/* .sub_top_visual04 .visual_sect .tit {position: absolute; top: 100%; left: 50%; transform: translate(-50%, -50%); width: 100%; padding: 0 var(--inPd); font-size:7rem; font-weight: 700; text-align: center; z-index: 3; opacity: 0; line-height: 1.5;} */
/* .sub_top_visual04 .visual_sect .tit .text {background: linear-gradient(to right, #fff 50%, rgba(255,255,255,0.5) 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;display: inline;} */

.sub_top_visual04 .visual_sect .txt_box{color: #fff;}
.sub_top_visual04 .visual_sect .txt_box .tit{font-size: var(--h2); font-weight: 700; line-height: 1.5;}
.sub_top_visual04 .visual_sect .txt_box .txt{font-size: var(--p1); font-weight: 600; margin-top: var(--contMt2);}
.sub_top_visual04 .visual_sect .txt_box .txt.lg{font-size: var(--h5); font-weight: 700; margin-top: 1.5rem;}





/* 서브페이지_진료과목_단순정렬_17 */
.sub_cont_sorting17{padding: var(--point01); color: #fff;}
.sub_cont_sorting17 .cont{display: flex; justify-content: center; gap: 5rem; margin: 0 auto; max-width: 100%; text-align: center;}
.sub_cont_sorting17 .cont .item{width: max(40rem, 280px); opacity: 0; transform: translateY(5rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.sub_cont_sorting17 .cont.active .item{opacity: 1; transform: unset;}
.sub_cont_sorting17 .cont .item:nth-child(1){transition-delay: 0.3s;}
.sub_cont_sorting17 .cont .item:nth-child(2){transition-delay: 0.6s;}
.sub_cont_sorting17 .cont .item:nth-child(3){transition-delay: 0.9s;}
.sub_cont_sorting17 .cont .img_box{width: 15rem; margin: 0 auto;}
.sub_cont_sorting17 .cont .txt_box{margin-top: 5rem;}
.sub_cont_sorting17 .cont .desc{display: inline-block; font-size: var(--p3); color: var(--point01); font-weight: 700; background-color: #fff; border-radius: 99rem; padding: 0.25em 1em;}
.sub_cont_sorting17 .cont .tit{font-size: var(--h3); font-weight: 700; margin-top: 2rem; line-height: 1;}
.sub_cont_sorting17 .cont .txt{font-size: var(--p3); font-weight: 500; margin-top: 4.5rem;}


/* 서브페이지_진료과목_단순정렬_21_변형버전 */
.sub_cont_sorting21_2 .cont{display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem;}
.sub_cont_sorting21_2 .cont .box{background-color: var(--bg); border-radius: 2rem; padding: 4rem 5rem;}
.sub_cont_sorting21_2 .cont .ico{width: 6rem; height: 6rem;}
.sub_cont_sorting21_2 .cont .ico img{width: 100%; height: 100%; object-fit: cover;}
.sub_cont_sorting21_2 .cont .txt{font-weight: 600; margin-top: 3rem;}
.sub_cont_sorting21_2 .cont .txt .desc{display: inline-block; font-size: var(--p6); color: var(--gray40); font-weight: 500;}






/* Hover */
@media screen and (min-width: 1241px) {

    .kv_basic10 .swiper_btn:hover{background-color: #fff;}
    .kv_basic10 .swiper_btn:hover svg path{stroke: var(--black);}

    .load_footer08 .info_cont a.cont:hover{background-color: #fff; color: var(--point01);}
    .load_footer08 .info_cont a.cont:hover .ico svg path{fill: var(--point01);}
    .load_footer08 .info_cont a.cont:hover .cont_tit_box .arr svg path{fill: var(--point01);}
    
    .search_01 .keword_box .keword_btn_box .btn:hover{background-color:var(--point01); color:#fff; }

    .main_basic_slide23 .pick_card:has(.shop_list01):hover{background-color: #f9f9f9;}

    .store_list01 .form_filter_box .form_btn_box .btn.reset:hover {background-color: var(--gray90); border-color: var(--gray90); color: #fff;}
    .store_list01 .form_filter_box .form_btn_box .btn.reset:hover svg path {stroke: #fff;}
    .store_list01 .form_filter_box .form_btn_box .btn.search:hover {background-color: var(--point01); }

    .login_01 .login_wrap .sns_wrap .btn.naver:hover {background-color: #2EB400; border-color: #2EB400; color: #fff;}
    .login_01 .login_wrap .sns_wrap .btn.naver:hover svg path {fill: #fff;}
    .login_01 .login_wrap .sns_wrap .btn.kakao:hover {background-color: #FFE812; border-color: #FFE812 ;}
    .login_01 .login_wrap .sns_wrap .btn.google:hover {background-color: #000; border-color: #000; color: #fff;}
    .login_01 .login_wrap .input_wrap button:hover {background-color: var(--point01);}
    .login_01 .login_wrap .util_wrap a:hover {color: var(--black);}

    .join_01 .join_box .chr_display .reset_btn:hover{background-color: var(--black); border-color:var(--black); color: #fff;}
    .join_01 .join_box .chr_display .reset_btn:hover:before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><g clip-path="url(%23clip0_2370_10174)"><path d="M13.417 2.3335V5.8335H9.91699" stroke="%23fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.9521 8.74985C11.5729 9.82313 10.8552 10.7441 9.90703 11.374C8.95888 12.0038 7.8317 12.3085 6.69535 12.242C5.55899 12.1755 4.47503 11.7415 3.60679 11.0054C2.73856 10.2693 2.1331 9.27089 1.88165 8.16071C1.6302 7.05053 1.74638 5.8887 2.21269 4.8503C2.679 3.8119 3.47017 2.95318 4.46698 2.40355C5.46379 1.85392 6.61223 1.64315 7.73925 1.80301C8.86626 1.96287 9.9108 2.48469 10.7154 3.28985L13.4163 5.83318" stroke="%23fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_2370_10174"><rect width="14" height="14" fill="white"/></clipPath></defs></svg>') no-repeat center / contain}
    .join_01 .inp_wrap .btn_find:hover{background-color: var(--black); color: #fff;}

    .sub_directions04_sect .cont_box .txt_box .btn_box .btn:hover{background-color: var(--black); color: #fff; border-color: var(--black);}

    .tab_rolling08 .slide .name_box .cart_btn:hover{background-color: #fff; color: var(--point01);}
    .tab_rolling08 .slide .name_box .cart_btn:hover .ico{
    background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10 10.8345C8.89493 10.8345 7.83512 10.3955 7.05372 9.61408C6.27232 8.83268 5.83333 7.77287 5.83333 6.66781H7.5C7.5 7.33085 7.76339 7.96673 8.23223 8.43557C8.70107 8.90441 9.33696 9.16781 10 9.16781C10.663 9.16781 11.2989 8.90441 11.7678 8.43557C12.2366 7.96673 12.5 7.33085 12.5 6.66781H14.1667C14.1667 7.77287 13.7277 8.83268 12.9463 9.61408C12.1649 10.3955 11.1051 10.8345 10 10.8345ZM10 2.50114C10.663 2.50114 11.2989 2.76453 11.7678 3.23337C12.2366 3.70221 12.5 4.3381 12.5 5.00114H7.5C7.5 4.3381 7.76339 3.70221 8.23223 3.23337C8.70107 2.76453 9.33696 2.50114 10 2.50114ZM15.8333 5.00114H14.1667C14.1667 4.45396 14.0589 3.91215 13.8495 3.40662C13.6401 2.9011 13.3332 2.44177 12.9463 2.05486C12.5594 1.66795 12.1 1.36104 11.5945 1.15164C11.089 0.942247 10.5472 0.834473 10 0.834473C8.89493 0.834473 7.83512 1.27346 7.05372 2.05486C6.27232 2.83626 5.83333 3.89607 5.83333 5.00114H4.16667C3.24167 5.00114 2.5 5.74281 2.5 6.66781V16.6678C2.5 17.1098 2.67559 17.5338 2.98816 17.8463C3.30072 18.1589 3.72464 18.3345 4.16667 18.3345H15.8333C16.2754 18.3345 16.6993 18.1589 17.0118 17.8463C17.3244 17.5338 17.5 17.1098 17.5 16.6678V6.66781C17.5 5.74281 16.75 5.00114 15.8333 5.00114Z" fill="%232358E0"/></svg>') no-repeat center / contain;
    }

    .consult3_sect .com_basic_btn:hover {background-color: var(--point01); border-color: var(--point01); color: #fff;}
    .consult3_sect .com_inp_cont .file_box .flie_btn:hover{background-color: var(--black); color: #fff;}

    .store_cart01 .all_info_box .right_box .btn:hover{color: #fff; background-color: var(--point01);}

    .tab_rolling08_2 .pick_box .estimate_btn:hover {background-color: var(--black); color: #fff;}
    .tab_rolling08_2 .pick_box .estimate_btn:hover .ico {background-color: #fff}
    .tab_rolling08_2 .pick_box .estimate_btn:hover .ico svg path {stroke: var(--black);}
    .store_list01 .form_filter_box .filter_reset_btn:hover {color: var(--gray90);}

    .store_list01 .prd_list_box .top_box .sel_btn_wrap .opt:hover{opacity: 1;}
    .store_list01 .prd_list_box .top_box .sel_btn_wrap .opt:hover .badge.best{ background-color:var(--point01);}
    .store_list01 .prd_list_box .top_box .sel_btn_wrap .opt:hover .badge.new{background-color: #E00606;}

    /* 6개씩 보기 */
    .store_list01 .prd_list_box .prd_list.grid_6{grid-template-columns: repeat(6,minmax(0,1fr)); gap: 4rem 1.2rem;}
    .store_list01 .prd_list_box .prd_list.grid_6 .com_prd_cont .prd_info .name{font-size: var(--p4);}
    .store_list01 .prd_list_box .prd_list.grid_6 .com_prd_cont .prd_btn_box{bottom: 1rem; right: 1rem;}
    .store_list01 .prd_list_box .prd_list.grid_6 .com_prd_cont .prd_btn_box .btn{width: 2.8rem; height: 2.8rem;}
    .store_list01 .prd_list_box .prd_list.grid_6 .com_prd_cont .prd_btn_box{gap: 0.5rem;}
    .store_list01 .prd_list_box .prd_list.grid_6 .com_prd_cont .prd_badge_wrap .prd_badge{font-size: 9px;}
    .store_list01 .prd_list_box .prd_list.grid_6 .com_prd_cont .prd_img_box .soldout .txt{font-size: var(--p4);}
    .store_list01 .prd_list_box .prd_list.grid_6 .com_prd_cont .prd_info .name .new_badge{font-size: 0.9rem;}
    .store_list01 .prd_list_box .prd_list.grid_6 .com_prd_cont .prd_info .name .name_text{-webkit-line-clamp: 1;}
    .store_list01 .prd_list_box .prd_list.grid_6 .com_prd_cont .prd_info .heart{font-size: var(--p8);}

    .com_opt_wrap .inp_btn:hover{color: #fff; background-color: var(--point01); border-color: var(--point01);}

    .com_opt_wrap .tooltip_wrap .tooltip_btn:hover + .tooltip{opacity: 1; pointer-events: inherit;}
    .com_opt_wrap .tooltip_wrap .tooltip_btn:hover svg{fill: var(--black);}
    .com_opt_wrap .tooltip_wrap .tooltip_btn:hover svg path{stroke: #fff;}
    .com_opt_wrap .tooltip_wrap .tooltip_btn:hover svg path:first-child{stroke: var(--black);}

    .prd_view_cont01 .prd_info_wrap .prd_tit_box .share_box:hover .sns_list {opacity: 1;pointer-events: auto;}
    .prd_view_cont01 .prd_info_wrap .prd_tit_box .share_box .sns_list .ico:hover {background-color: var(--point01)}

    .prd_view_cont01 .prd_info_wrap .pay_btn_box .btn.bag_all:hover {background-color: var(--black); color: #fff; border-color: var(--black);}
    .prd_view_cont01 .prd_info_wrap .pay_btn_box .btn.bag:hover {background-color: #F3F6FF;}
    .prd_view_cont01 .prd_info_wrap .pay_btn_box .btn.buy:hover {background-color: #2048BA; color: #fff; border-color: #2048BA;}

    .consult3_sect .info_cont .cont .btn:hover{background-color: var(--point01); color: #fff;}
    .consult3_sect .info_cont .cont .btn:hover svg path{fill: #fff;} 

    .join_01 .my_write_form .join_box.my_chr_box .chr_box .chr_modify:hover{background-color: #fff; color: var(--black); border-color: rgba(31, 41, 51, 0.10);}
    .join_01 .my_write_form .join_box.my_chr_box .chr_box .chr_modify:hover svg path{fill: var(--black);}

}



@media screen and (max-width: 2560px) {

    .kv_basic10 .progress_bar{height: 0.5rem;}

    .com_swiper_btn .swiper_btn{width: 7rem; height: 7rem;}

}
 
@media screen and (max-width: 2000px) {
    .kv_basic10 .item .txt_box{padding-left: 20rem;}

    .login_01 .login_wrap .tit_box .txt br{display: block;}

    .tab_rolling07 .item .right_box > .tit_box{ margin-bottom: 5rem;}

    .tab_rolling08_2 .tab_depth1_wrap .tab_box .tab .ico img{height: 6rem;}
    .tab_rolling08_2 .tab_depth1_wrap .tab_box .tab{font-size: var(--p4);}
    .tab_rolling08_2 .tab_depth2_wrap .tab_box .tab{font-size: var(--p5);}
    
    .prd_view_cont01 .detail_info .tab_box .tab_list .tab{font-size: var(--p5);}

    .sub_top_visual04 .text_sect{padding-top: 12svh;}


}

@media screen and (max-width: 1640px) {

    .tab_rolling08_2 .pick_box{width:140rem; min-width: 0; max-width: calc(100% - var(--inPd) * 2);}

    .main_basic_slide23 .shop_list01 .thum{width: 10rem; height: 10rem;}

    .sub_top_visual04 .text_sect .basic_txt .tit {font-size: 8rem;}
    .sub_top_visual04 .visual_sect .txt_box .txt{font-size: var(--p3);}

    .tab_rolling07 .item .right_box .shop_list01 .shop_item .thum{width: 11rem; height: 11rem;}



}


@media screen and (max-width: 1440px) {


    .main_basic_slide23 .slide{width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1);}
    .main_basic_slide23 .slide .swiper-container{padding: 0 var(--inPd);}

    .load_footer08 .info_cont .cont{padding: 4.5rem 4rem;}

    .login_01 .login_wrap{width: 65rem; }


}


@media screen and (max-width: 1240px) {
    .kv_basic10 .com_swiper_btn .swiper_btn.prev{left: 2rem;}
    .kv_basic10 .com_swiper_btn .swiper_btn.next{right: 2rem;}
    .kv_basic10 .item .txt_box{padding-left: 12rem;}
    /* .kv_basic10 .item .bg img{object-position: 65% 50%;} */
    
    .tab_rolling07 .item .right_box .shop_list01.swiper-container,
    .tab_rolling07 .item .right_box .shop_list01.tab_rolling07_list_swiper{cursor: default !important;}
    .tab_rolling07 .item .right_box .shop_list01 .shop_item,
    .tab_rolling07 .item .right_box .shop_list01 .shop_item:active{cursor:default;}

    .tab_rolling08_2 .pick_box .slide .swiper-slide{max-width: 25%;}
    .tab_rolling08_2 .pick_box .chr_img{width: 14.5%;}
    .tab_rolling08_2 .pick_box .slide{width: 58%; padding-left: 17%;}

    .main_basic_slide23 .slide .swiper-slide{width:280px;}
    .main_basic_slide23 .com_swiper_btn .swiper_btn{display:none;}

    .store_list01 .prd_list_box .top_box .select.grid_view{display: none;}
    .shop_list01 .thum{width: 12rem; height: 12rem;}

    .cont_number12 .cont{gap: 15rem;}

    .login_01 .login_wrap{width: 70rem;}
    .join_01 .join_box .acco_btn .ico svg{width: 2rem;}


    .com_prd_cont .prd_btn_box .btn{width: 4.5rem; height: 4.5rem;}

    .tab_rolling07 .pointer{display: none}


}



@media screen and (max-width: 1024px) {
    .main_basic_slide23 .slide .swiper-slide{width:260px;}

    .kv_basic10{height: max(50svh, 530px);}
    .kv_basic10 .item .txt_box{max-width: 45%; padding: 0 calc(var(--inPd) + 5px); }
    .kv_basic10 .item .txt_box .txt br{display: none;}

    .kv_basic10 .num_wrap_mo{display: block; color: #fff; display: flex !important; align-items: center;}
    .kv_basic10 .com_swiper_btn{position: absolute; bottom: 20px; left: var(--inPd); display: flex; align-items: center; gap: 15px; z-index: 10;}
    .kv_basic10 .com_swiper_btn .swiper_btn{position: unset; top: unset; transform: none; width: 4rem; height: 4rem; background: transparent; border:none;} 
    .kv_basic10 .com_swiper_btn .swiper_btn .arr{width: 100%; height: 100%;}
    .kv_basic10 .num_wrap_mo .num{min-width: 0.8em; display: inline-block; text-align: center;}
    .kv_basic10 .num_wrap_mo .progress_bar{position: relative; left: auto; right: auto; bottom: auto; margin: 0 10px; width: 9.5rem; height: 2px; background: rgba(255, 255, 255, 0.3);}
    .kv_basic10 .num_wrap_mo .progress_bar .swiper-pagination-progressbar-fill{background: #fff;}


    .sub_text_motion03{padding: 15svh 0 0;}
    /* --motion03-gap: 10rem;} */

    .tab_rolling08 .pick_box{padding-right: 0; overflow: hidden;}
    .tab_rolling08 .tit_wrap{flex-direction: column; align-items: flex-start;}
    .tab_rolling08 .tit_wrap .tab_depth1_wrap{margin-top: var(--contMt2);}
    .tab_rolling08 .pick_box .item_wrap{gap: 10px; overflow-x: auto; padding-right: 15px;}
    .tab_rolling08 .pick_box .item_wrap::-webkit-scrollbar{display: none;}
    .tab_rolling08 .pick_box .item_wrap .item_box{width: 100px; height: 100px; flex-shrink: 0; }

    .tab_rolling08_2 .pick_box .slide{width: 55%;}

    .search_01 .sch_box{height: 14rem;}
    .search_01 .sch_box .img_box .img.character1{width: 22rem;}
    .search_01 .sch_box .sch_inp{padding-left: 30rem;}
    .search_01 .sch_box .type_txt{left: 30rem;}
    .search_01 .sch_box .img_box .img.character2{width: 11rem; top: -8rem;}

    .pinter_list02 .list_box li{width: calc(33.3% - (3rem * 3 / 4));}

    .prd_view_cont01 .detail_info .tab_box .tab_list{--store-detail-tab-count: 3;}
    .prd_view_cont01 .detail_info .tab_box .tab_list .tab{min-width: 33.333%;}

    .store_list01 .prd_list_box .prd_list,
    .store_list01 .prd_list_box .prd_list.grid_4,
    .store_list01 .prd_list_box .prd_list.grid_5,
    .store_list01 .prd_list_box .prd_list.grid_6 {grid-template-columns: repeat(3, minmax(0, 1fr));}
    .store_list01 .prd_empty_box,
    .store_list01 .grid_4 .prd_empty_box,
    .store_list01 .grid_5 .prd_empty_box,
    .store_list01 .grid_6 .prd_empty_box{grid-column: span 3;}

    .cont_number12 .cont{gap: 10rem;}
    .cont_number12 .tit{font-size: 8rem;}
    .cont_number12 .cont .item .num_box{font-size:7rem}

    .sub_info_motion05 .slide {overflow: hidden; overflow-x: auto; width: 100%; padding: 0 var(--inPd);}
    .sub_info_motion05 .slide::-webkit-scrollbar{display: none;}
    .sub_info_motion05 .slide .swiper-container{width: max-content;}
    .sub_info_motion05 .slide .swiper-wrapper{display: flex; padding: 0;}
    .sub_info_motion05 .slide .item{width: 250px; flex-shrink: 0;}
    .sub_info_motion05 .slide .item:nth-child(1),
    .sub_info_motion05 .slide .item:nth-child(2),
    .sub_info_motion05 .slide .item:nth-child(3),
    .sub_info_motion05 .slide .item:nth-child(4){transform: unset;}

    .sub_top_visual04 .visual_sect .bg{ padding-top: 50%;}
    
    .txt_motion09_2 .txt_box.active{font-size: 6rem;}
    .txt_motion09_2 .txt_box{font-size: var(--h4);}
    .txt_motion09_2 .txt_box + .txt_box{margin-top: 10vh;}

    .sub_cont_sorting21_2 .cont .box{padding: 4rem 4.5rem;}


}


@media screen and (max-width: 960px) {

    .sub_directions04_sect .cont_box{flex-direction: column;}
    .sub_directions04_sect .cont_box .map_cont{width: 100%;}
    .sub_directions04_sect .cont_box .txt_box{width: 100%; margin-left: 0; margin-top: var(--contMt4);}
    .sub_directions04_sect .cont_box .txt_box .btn_box{gap: 1rem;}
    .sub_directions04_sect .cont_box .txt_box{margin-left: 0;}

}


@media screen and (max-width: 768px) {

    .sub_text_motion03 .copy_item .cont .txt { transition: font-size 0.12s linear, font-weight 0.12s linear; }

    .main_basic_slide23 .com_swiper_btn{display: none;}
    .main_basic_slide23 .slide .swiper-slide{width: 230px;}

    .tab_rolling07 .item{ gap: 20px;}
    .tab_rolling07 .item .right_box .tit_box{margin-bottom: 35px;}
    .tab_rolling07 .item .left_card{flex: 0 0 55rem;}
    .tab_rolling07 .item .right_box .shop_list01 .badge_box .badge{font-size: var(--p9); padding: 0.3em 0.8em;}


    .tab_rolling08 .tab_depth1_wrap{width: calc(100% + var(--inPd) * 2); margin:4rem calc(var(--inPd) * -1) 0; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;}
    .tab_rolling08 .tab_depth1_wrap::-webkit-scrollbar{display: none;}
    .tab_rolling08 .tab_depth1_wrap .tab_box{width: max-content; padding: 0 var(--inPd);}
    .tab_rolling08 .tab_depth1_wrap .tab_box .tab{flex: 0 0 auto;}


    .load_footer08 .info_cont .cont{padding: 25px 15px 20px 15px;}
    .load_footer08 .tit_box .desc{font-size: var(--p2);}
    .load_footer08 .tit_box .tit{font-size: var(--h4);}

    .search_01 .sch_box{width: 80%; min-width: 0;}
    .search_01 .sch_box .img_box .img.character1{width: 110px;}
    .search_01 .sch_box .sch_inp{padding-left: 160px;}
    .search_01 .sch_box .type_txt{left: 160px;}
    .search_01 .keword_box{width: 80%;}
    .search_01 .keword_box .keword_btn_box{gap: 5px;}
    .search_01 .keword_box .tit{margin-right: 3rem;}

    .consult3_sect .info_cont .cont3 .email_box .email_btn{font-size: var(--p2);}
    .consult3_sect .info_cont .cont{padding: 20px;}
    .consult3_sect .com_inp_cont.visit .inp_box .radio_box .radio.etc{width: 100%;}
    .consult3_sect .form_box .cont .cont_tit.pd_s{margin-bottom: 2rem;}
    .consult3_sect .com_inp_cont .file_box .file .file_name .em_txt > span:first-child{max-width: 150px;}

    .sub_top_visual04 {height: calc(var(--vh, 1vh) * 100);}
    .sub_top_visual04 .visual_sect .tit {transition: opacity 0.3s ease-in-out, top 0.6s ease-in-out, transform 0.6s ease-in-out;}
    .sub_top_visual04 .visual_sect .tit.active {opacity: 1; top: 50%; transform: translate(-50%,-50%);}
    .sub_top_visual04 .visual_sect .tit.active .text {transition: background-position-x 1s ease-in-out; background-position-x: 0;}

    .tab_rolling08_2 .pick_box .chr_img{width: 17%;}
    .tab_rolling08_2 .pick_box .slide{padding-left: 20%;}
    .tab_rolling08_2 .pick_box .slide .swiper-slide{max-width: 25%;}

    .main_basic_slide24 .slide .txt_box {left:5%;}

    .store_list01 .prd_list_box .filter_mo_btn { border-radius: 3px; margin-right: 5px;}
    .store_list01 .prd_list_box .filter_mo_btn .btn{font-size: var(--p4); background-color: var(--point01); color: #fff; padding: 0.2em 0.8em; border-radius: 3px; margin-right: 5px; font-weight: 500;}
    .store_list01::before{content: ""; position: fixed; inset: 0; background-color: rgba(0, 0, 0, 0.45); z-index: 998; opacity: 0; pointer-events: none; transition: opacity 0.3s ease-in-out;}
    .store_list01:has(.form_filter_box.open)::before{opacity: 1; pointer-events: auto;}
    .store_list01 .form_filter_box{position: fixed;left: 0; top: 0 !important; width: 300px; height: 100% !important; max-height: 100%; transform: translateX(-100%); background-color: #fff; z-index: 999; padding: 50px 30px 0; transition: transform 0.6s ease-in-out;}
    .store_list01 .form_filter_box.open{transform: translateX(0); }
    .store_list01 .form_filter_box .sect_tit{opacity: 1; transform: unset;}
    .store_list01 .form_filter_box .cls_mo_btn {position: absolute; top: 20px; right: 20px; width: 2.5rem; height: 2.5rem; cursor: pointer; z-index: 2;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23101010" d="M420.7 36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L246.6 256 443.3 452.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L224 278.6 27.3 475.3c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L201.4 256 4.7 59.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L224 233.4 420.7 36.7z"/></svg>') no-repeat center; background-size: 1.2em; transition: transform 0.5s; }
    .com_prd_cont .prd_info .heart{font-size: var(--p8);}

    .shop_list01 .com_prd_info .like{font-size: var(--p8);}

    .store_list01 .prd_list_box .top_box{position: sticky; top: var(--hdH); width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 2rem var(--inPd); background-color: #fff; z-index: 100; margin-bottom: 0; transition: top 0.3s ease-in-out;}
    body:has(.header.down) .store_list01 .prd_list_box .top_box{top: 0;}

    .page_store .store_prd_sect .store_list01 .prd_list_box{position: relative;}
    
    .prd_view_cont01 .prd_img_wrap{position: relative; top: unset;}
    .prd_view_cont01 .prd_cont_box{flex-direction: column;}
    .prd_view_cont01 .prd_info_wrap{flex:unset; width: 100%; margin-left: 0; margin-top: 30px;}
    .prd_view_cont01 .prd_img_wrap{width: 100%;}
    .prd_view_cont01 .prd_info_wrap .pay_btn_box{margin-bottom: 0;}
    .prd_view_cont01 .detail_info .tab_box{top: var(--hdH);}
    body:has(.header.down) .prd_view_cont01 .detail_info .tab_box{top:0;}
    .prd_view_cont01 .detail_info .tab_box{width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding-top: 0;}
    .prd_view_cont01 .detail_info .tab_box .tab_list .tab_btn{padding: 10px 0;}

    /* 슬라이드 full */
    .prd_view_cont01_2 .slide{width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); }
    .prd_view_cont01_2 .slide .swiper-container,
    .prd_view_cont01_2 .slide .com_paging{ padding: 0 var(--inPd);}

    .cont_number12 .tit{font-size: 7rem;}
    .cont_number12 .cont{flex-wrap: wrap; gap: 60px 0; width: 580px; max-width: 100%; margin: 0 auto;}
    .cont_number12 .cont .item{width: calc(50%);}
    .cont_number12 .cont .item .ico{width: 6rem; height: 6rem;}
    .cont_number12 .cont .item .num_box{font-size: 9rem; margin-top: 10px;}

    .txt_motion09 .txt_box.active{font-size: 6rem;}
    .txt_motion09 .txt_box{font-size: var(--h4);}

    .list_box03 .cont .txt_box{padding: 25px 20px;}
    .list_box03 .cont .txt_box .desc{font-size: var(--p5);}
    .list_box03 .cont .txt_box .txt{font-size: var(--p3);}

    .sub_top_visual04 .text_sect .basic_txt .tit{font-size: 6rem;}
    .sub_top_visual04 .visual_sect .bg{ transform: translateY(-10vh);}

    .sub_cont_sorting17 .cont{gap: 20px;}
    .sub_cont_sorting17 .cont .tit{font-size: var(--h4);}
    .sub_cont_sorting17 .cont .txt br{display: none;}
    .sub_cont_sorting17 .cont .txt{padding: 0 5%;}
    .sub_cont_sorting17 .cont .img_box{width: 12rem; height: 12rem;}
    .sub_cont_sorting17 .cont .desc{font-size: var(--p5);}
    .sub_cont_sorting17 .cont .txt{margin-top: 3.5rem;}

    .sub_cont_sorting21_2 .cont{grid-template-columns: repeat(7, 1fr); overflow-x: auto; width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd);}
    .sub_cont_sorting21_2 .cont::-webkit-scrollbar{display: none;}
    .sub_cont_sorting21_2 .cont .box{width: 230px;}
    .sub_cont_sorting21_2 .cont .txt .desc{font-size:12px}
    .sub_cont_sorting21_2 .cont .box{padding: 20px;}
    

    .txt_motion09_2 .txt_box.active{font-size: var(--h2);}
    
    .join_01 .my_write_form .join_box.my_chr_box .chr_box .chr_modify .txt{display: none;}
    .join_01 .my_write_form .join_box.my_chr_box .chr_box .chr_modify{width: 25px; height: 25px;}
    .join_01 .my_write_form .join_box.my_chr_box .chr_box .chr_modify .ico svg{width: 1.1em; height: 1.1em;}
    
}


@media screen and (max-width: 600px){
    .pinter_list02 .list_box li{width: calc((100% - 15px) / 2);}
    .pinter_list02 .list_box li{margin-bottom: 25px;}

    .kv_basic10{height: calc(var(--vh, 1vh) * 100);}
    .kv_basic10 .slide .mini_over{display: none !important;}
    .kv_basic10 .slide .mini_only{display: block !important;}
    .kv_basic10 .item{align-items: flex-end;}
    .kv_basic10 .item .txt_box{padding: 0 var(--inPd); padding-bottom: 80px; max-width: 100%;}
    .kv_basic10 .item .bg img{object-position: center 35%;}
    .kv_basic10 .item .txt br{display: none;}
    .kv_basic10 .com_swiper_btn{ border-width: 1px; font-size: var(--p5); gap: 8px;}
    .kv_basic10 .item .txt_box{padding-bottom: 85px;}
    .kv_basic10 .item .desc{font-size: var(--p3);}

    .sub_text_motion03{padding: 25svh 0 0;
        --motion03-gap: 10px;
        --motion03-item-height: calc(60px + 40px);
        --motion03-active-height: calc(60px + 40px);
        --motion03-base-font-size: var(--p1);
        --motion03-active-font-size: var(--h5);
        --motion03-active-img-width: 40px;
    }
    .sub_text_motion03 .copyscroll_sect{padding-top: 50px;}
    .sub_text_motion03 .copy_item{transition: color 0.45s ease-in-out;}
    .sub_text_motion03 .copy_item .cont{flex-direction: column; gap: 0; transition: transform 0.5s ease-in-out;}
    .sub_text_motion03 .copy_item .cont .txt {order: 2; font-size: var(--p1);}
    .sub_text_motion03 .copy_item .cont .img{order: 1; width: 0; height: 20px; margin: 0;}
    .sub_text_motion03 .copy_item .cont .img {height: 50px; }


    .txt_motion09 .txt_box{font-size: var(--h4); flex-direction: column;}
    .txt_motion09 .txt_box + .txt_box{margin-top: 50px;}
    .txt_motion09 .txt_box.active{font-size: var(--h2);}
    .txt_motion09 .img{order: 0; width: 2em; height: 2em; padding-bottom: 0.2em;}
    .txt_motion09 .txt:first-child{order: 2;}
    .txt_motion09 .final_txt .txt{font-size: var(--h1);}


    .main_basic_slide23 .slide .swiper-slide{width: 240px;}


    .tab_rolling07 .item{flex-direction: column; }
    .tab_rolling07 .item .left_card{flex:inherit; width: 100%;}
    .tab_rolling07 .item .left_card .txt_box{top: 40px; left: 20px;}
    .tab_rolling07 .item .right_box{width: 100%; height: auto; overflow: visible; margin-top:15px;}
    .tab_rolling07 .item .right_box .tit_box{margin-bottom: 25px;}
    .tab_rolling07 .item .right_box > .tit_box .com_tag_box{margin-top: 1.5rem;}
    .tab_rolling07 .item .right_box .shop_list01{flex: none; min-height: auto; height: 300px; overflow: auto;}
    .tab_rolling07 .item .right_box .shop_list01.tab_rolling07_list_swiper{overflow:hidden !important;}
    .tab_rolling07 .item .right_box .shop_list01 .badge_box .badge{font-size: 10px; padding: 0.3em 0.8em;}
    .tab_rolling07 .item .right_box .shop_list01 .shop_item{gap: 2rem; width: 100%;}
    .tab_rolling07 .item .right_box .shop_list01 .com_prd_info .top{gap: 2rem;}
    .tab_rolling07 .item .right_box .shop_list01 .shop_item .badge_box .badge{font-size: 10px; padding:0.3em 0.8em}
    .tab_rolling07 .item .right_box .shop_list01 .rank{font-size: 11px;}
    .tab_rolling07 .item .right_box .shop_list01 .shop_item .shop_link{gap: 10px;}

    
    .tab_rolling08 .pick_box{padding: 20px 0 20px 15px; gap: 15px;}
    .tab_rolling08 .pick_box .tit_box .link_btn {padding: 0.8em 1.2em;}

    .load_footer08{padding: 50px 0;}
    .load_footer08 .info_cont{flex-direction: column;}
    .load_footer08 .info_cont .cont .ico{margin-bottom: 0;}
    .load_footer08 .info_cont .cont .top_box{display: flex; align-items: center; gap: 5px;}
    .load_footer08 .info_cont .cont .txt_box .txt{margin-top: 10px;}
    .load_footer08 .info_cont .cont .cont_tit_box .arr svg{width: 1em; height: 0.9em;}

    .search_01 .sch_box{width:100%; height:65px;}
    .search_01 .sch_box .sch_inp input{width: 70%;}
    .search_01 .sch_box .sch_inp input{font-size:18px;}
    .search_01 .sch_box .img_box .img.character1{width: 90px; left:15px}
    .search_01 .sch_box .type_txt{font-size:18px; left:120px;}
    .search_01 .sch_box .sch_inp{padding-left:120px; padding-right:20px}
    .search_01 .sch_box .img_box .img.character2{width:50px; top:-35px;}
    .search_01 .sch_box .sch_inp button svg{width: 20px; height: 20px;}
    .search_01 .keword_box{width: 100%; flex-direction: column; margin-top: 20px;}
    .search_01 .keword_box .tit{margin-top: 0; margin-bottom: 5px;}
    

    .consult3_sect .info_cont .cont_box{flex-wrap: wrap;}
    .consult3_sect .info_cont .cont1{width: auto; flex: 1;}
    .consult3_sect .inp_grid {grid-template-columns: repeat(1, minmax(0, 1fr));}
    .consult3_sect .inp_grid .com_inp_cont.span2{grid-column:span 1;}
    .consult3_sect .com_inp_cont .inp_box .inp input{padding: 0 1em;}
    .consult3_sect .info_cont .cont2 .info_list{margin-bottom: 0;}
    .consult3_sect .info_cont .cont .btn{margin-top: 15px;}
    .consult3_sect .com_inp_cont.visit .inp_box .radio_box .radio.etc{align-items: flex-start;}
    .consult3_sect .consent_cont .cont{padding: 20px 15px;}
    .consult3_sect .com_inp_cont .inp_box .radio_box{gap: 15px 10px;}
    .consult3_sect .com_inp_cont .inp_box .radio_box .radio{width: calc(33.3% - 10px);}
    .consult3_sect .com_inp_cont.visit .inp_box .radio_box .radio.etc{width: 100%;}
    

    .main_basic_slide23 .pick_card{border-radius: 15px;}
    .main_basic_slide23 .pick_card .txt_box{padding: 0 10px;}
    .main_basic_slide23 .shop_list01 .shop_item{margin-left: 10px; margin-right: 10px;}


    .tab_rolling08_2 .tab_depth1_wrap{overflow-x: auto; width: calc(100% + var(--inPd) * 2); margin: 5rem calc(var(--inPd) * -1) 0; max-width: unset; }
    .tab_rolling08_2 .tab_depth1_wrap .tab_box{padding: 0 var(--inPd); width: max-content;}
    .tab_rolling08_2 .tab_depth1_wrap::-webkit-scrollbar,
    .tab_rolling08_2 .tab_depth2_wrap::-webkit-scrollbar{display: none;}
    .tab_rolling08_2 .tab_depth1_wrap .tab_box{ justify-content: flex-start; gap: 25px; }
    .tab_rolling08_2 .tab_depth1_wrap .tab_box .tab svg{height: 40px;}
    .tab_rolling08_2 .tab_depth1_wrap .tab_box .tab{font-size: var(--p3);}
    .tab_rolling08_2 .cont .top_box{margin-top: 30px;}
    .tab_rolling08_2 .tab_depth2_wrap{overflow-x: auto; width: calc(100% + var(--inPd) * 2); margin: 0 calc(var(--inPd) * -1); max-width: unset; border-bottom: 1px solid var(--gray10);}
    .tab_rolling08_2 .tab_depth2_wrap .tab_box{padding: 0 var(--inPd); width: max-content;}
    .tab_rolling08_2 .tab_depth2_wrap .tab_box .tab{flex-shrink: 0;}
    .tab_rolling08_2 .cont .top_box{border-bottom: none;}
    .tab_rolling08_2 .in{padding-bottom: 55%}
    .tab_rolling08_2 .pick_box{max-width: calc(100% + 2px); left:-1px; transform: unset; margin-top:0; border-radius: 0; padding: 15px var(--inPd); bottom: 0;}
    .tab_rolling08_2 .pick_box.no_fixed{}
    .tab_rolling08_2 .pick_box .cont{flex-wrap: wrap;}
    .tab_rolling08_2 .pick_box .chr_img{bottom: 52px; width: 32%; margin-left: -3%; left: 0;}
    .tab_rolling08_2 .pick_box .slide{width: 100%; padding-left: 28%; padding-bottom: 15px;}
    .tab_rolling08_2 .pick_box .estimate_btn{width: 100%; margin-left: 0; justify-content: center; height: 52px; padding: 0.8em 1em 0.8em 1.5em;}
    .tab_rolling08_2 .pick_box .estimate_btn .ico {width: 1.8em; height: 1.8em;}
    

    .store_list01 .prd_list_box .top_box .sel_btn_wrap{gap: 14px;}
    .store_list01 .prd_list_box .top_box .sel_btn_wrap .opt .badge{display: none;}
    .store_list01 .prd_list_box .top_box .sel_btn_wrap .opt + .opt{position: relative;}
    .store_list01 .prd_list_box .top_box .sel_btn_wrap .opt + .opt:before{content:''; position: absolute; left: -7px; top: 20%; height: 60%; width: 1px; background-color: var(--gray20);}
    .store_list01 .prd_list_box .prd_list,
    .store_list01 .prd_list_box .prd_list.grid_4,
    .store_list01 .prd_list_box .prd_list.grid_5,
    .store_list01 .prd_list_box .prd_list.grid_6 {grid-template-columns: repeat(2, minmax(0, 1fr));}
    .store_list01 .grid_4 .prd_empty_box,
    .store_list01 .grid_5 .prd_empty_box,
    .store_list01 .grid_6 .prd_empty_box{grid-column: span 2;}
    .store_list01 .form_filter_box{padding: 50px 20px 0;} 
    .store_list01 .prd_list_box .com_prd_cont .prd_info .txt{min-height: 0;}

    .store_list01.likes .prd_likes_list{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 12px;}
    .store_list01.likes .prd_likes_list .bot_btn_box{}
    .store_list01.likes .prd_likes_list .bot_btn_box .com_basic_btn{padding: 0.9em 0; font-size: 11px; border-radius: 5px;}
    .store_list01.likes .prd_likes_list .bot_btn_box{gap: 5px;}
    .com_prd_cont .prd_info .heart::before{margin-right: 2px; width: 1.1em; height: 1.1em; margin-top: 0;}
    .com_prd_cont .prd_info .name{ max-width: 75%;}
    

    .modal_wrap .modal_cont.store_type{width: 100%; padding:0 20px 25px}
    .modal_wrap .modal_cont.store_type .com_opt_wrap .inp_cont .inp_txt{width: 6em;}
    /* .modal_wrap .modal_cont.store_type .com_opt_wrap .inp_cont .inp_box .select,
    .modal_wrap .modal_cont.store_type .com_opt_wrap .inp_cont .inp_box .inp{width: calc(100% - 1rem - 7em);} */
    .modal_wrap .modal_cont.store_type .com_opt_wrap .inp_cont .inp_box .select,
    .modal_wrap .modal_cont.store_type .com_opt_wrap .inp_cont .inp_box .inp{width: 100%;}
    .modal_wrap .modal_cont.store_type .com_opt_wrap .inp_btn{width: 7em; font-size:11px;}
    .com_opt_wrap .inp_cont .inp_box .select .nice-select,
    .com_opt_wrap .inp_cont .inp_box .inp input{padding-left: 10px;}

    .prd_view_cont01 .detail_info .tab_box .tab_list{--store-detail-tab-count: 3;}
    .prd_view_cont01 .detail_info .tab_box .tab_list .tab{min-width: 33.333%;}
    /* .prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li.temp{flex-direction: column; margin-top: 20px;} */
    /* .prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li.temp .left_txt{width: 100%;} */
    .prd_view_cont01 .prd_info_wrap .info_wrap .txt_list .left_txt .more_btn{width: auto; }
    /* .prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li.temp .right_txt{width: 100%; margin-top: 10px;} */
    .prd_view_cont01 .prd_info_wrap .pay_btn_box .btn_box{gap: 5px; }
    .prd_view_cont01 .prd_info_wrap .pay_btn_box .btn_box{height: 45px; }
    .prd_view_cont01 .prd_info_wrap .pay_btn_box .btn.heart svg{height: 45%;}
    .prd_view_cont01 .prd_info_wrap .pay_btn_box .btn{line-height: 1;}
    .prd_view_cont01 .prd_info_wrap .pay_btn_box .btn.heart{width: 45px;}
    .prd_view_cont01 .prd_img_wrap .thum_slide .swiper-slide{max-width: 25%;}
    .prd_view_cont01 .prd_img_wrap .thum_slide .swiper_btn.prev{margin-left: -10px; margin-right: 0;}
    .prd_view_cont01 .prd_img_wrap .thum_slide .swiper_btn.next{margin-right: -10px; margin-left: 0;}

    .prd_view_cont01_2 .prd_cont_box{flex-direction: column; gap: 18px;}
    .prd_view_cont01_2 .prd_cont_box .prd_img{position: relative; width: 100%; padding-top: 100%;}
    .prd_view_cont01_2 .prd_cont_box .prd_img img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
    .prd_view_cont01_2 .slide{margin-top: var(--contMt2);}
    .prd_view_cont01_2 .prd_cont_box .prd_info_list .item + .item{margin-top: 10px;}
    .prd_view_cont01_2 .slide .link{border-radius: 10px;}

    .prd_view_cont01 .prd_info_wrap .prd_tit_box .top .heart{margin-right: 2.5rem;}
    .prd_view_cont01 .prd_info_wrap .prd_tit_box .share_box .btn{width: 3.5rem;}

    .sub_info_motion05 .slide .swiper-wrapper{gap: 15px;}

    .main_basic_slide24 .slide .bg{padding-top: max(70%, 250px); border-radius: 15px;}
    .main_basic_slide24 .slide .txt_box{top: 25px; transform: unset; left:20px}
    .main_basic_slide24 .slide .txt_box .tit{line-height: 1.4; font-size: var(--h5); margin-bottom: 5px;}

    .cont_number12 .tit{font-size: var(--h1);}
    .cont_number12 .cont .item .num_box{font-size: 30px;}
    .cont_number12 .cont{gap: 50px 0;}
    .cont_number12 .cont{padding-bottom: 100px;}
    .cont_number12 .cont .item .num_box .num{gap: 3px;}

    .sub_directions04_sect .cont_box .txt_box .btn_box .btn{font-size: 12px; padding: 0 1em; height: 3.1em;}
    .sub_directions04_sect .cont_box .info_box .info_list{gap: 20px;}
    .sub_directions04_sect .cont_box .map_cont{padding-top: 65%;}
     
    .sub_top_visual04 .text_sect .basic_txt .tit{font-size: 4.5rem;}
    .sub_top_visual04 .visual_sect .bg{width: 60%; padding-top: 90%; border-radius:20px;}
    .sub_top_visual04 .visual_sect .txt_box .txt br{display: none;}
    .sub_top_visual04 .visual_sect .txt_box .txt.lg{font-size: var(--h6);}
    .sub_top_visual04 .visual_sect .txt_box .txt{font-weight: 400;}

    .sub_cont_sorting17{overflow-x: auto; width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); }
    .sub_cont_sorting17::-webkit-scrollbar{display: none;}
    .sub_cont_sorting17 .cont{justify-content: flex-start; padding: 0 var(--inPd); }
    .sub_cont_sorting17 .cont .item{flex-shrink: 0; width: 220px; transform: translateX(5rem);}
    .sub_cont_sorting17.active .cont .item{transform: unset;}

    .cont_number12 .tit{height: 80svh;}

    .list_box03 .tit_wrap .select{margin-left: 20px;}
    .list_box03 .tit_wrap .sub_sect_tit br{display: none;}
    .list_box03 .cont{flex-direction: column;}
    .list_box03 .cont .txt_box .btn_box{margin-top: 25px;}
    .list_box03 .cont .img_box{width: 100%; padding-top: 50%;}
    .list_box03 .nice-select{ padding-left: 15px; min-width: 16rem;}


    .login_01{padding: var(--hdH) 0;}
    .login_01 .login_wrap{padding: 50px 35px;}
    .login_01 .login_wrap .input_wrap{margin-top: 20px;}
    .login_01 .login_wrap .tit_box .tit{font-size: var(--h2);}
    .login_01 .login_wrap .tit_box .txt{line-height: 1.6;}

    .join_01 .nice-select{padding-left: 10px;}
    .join_01 .nice-select:after{right: 10px;}
    .join_01 .join_box.chr_box .tab_cont{}
    .join_01 .join_box.chr_box .tab_box .tab button{height: 10rem;}
    .join_01 .join_box.chr_box .tab_cont .chr_item{width: 55px; height: 55px;}
    .join_01 .inp_wrap{flex-direction: column;}
    .join_01 .join_wrap.my_write_form .inp_wrap {flex-direction: row; gap: 10px;}
    .join_01 .join_wrap.my_write_form .join_box{width: 100%; padding: 0;}
    .join_01 .join_wrap.my_write_form{padding: 0;}
    .join_01 .join_wrap.my_write_form .inp_tit{width: 6.5em; line-height: 1.4;}
    .join_01 .join_wrap.my_write_form .inp_wrap.agree{margin-top: 18px;}

    .store_cart01 .all_info_box{flex-direction: column;}
    .store_cart01 .all_info_box .right_box{margin-top: 15px;}
    .store_cart01 .form_box .prod_chk {flex-direction: column;}
    .com_opt_wrap .form_box .prod_chk .btn_wrap{margin-left: 0; margin-top: 10px;}
    .store_cart01 .tit_wrap .com_basic_btn.blue.line{font-size: 12px;}




}



@media screen and (max-width: 380px) {


}


/* ------------------------------------------
 * 에디터 삽입 유튜브 페이사드 (.prd_ytb)
 * 마크업: CKEditor youtubeButton(common.js) / 재생 전환: landing2.js
 * ------------------------------------------ */
.prd_ytb{position: relative; width: 100%; max-width: 100%; aspect-ratio: 16 / 9; margin: 0 auto; background: #fff; overflow: hidden; cursor: pointer;}
/* 영상 사이 줄바꿈(빈 .prd_ytb 유령은 제거됨) → 인접 facade 가 맞붙지 않도록 세로 간격(본문 표준 2rem) */
.prd_ytb + .prd_ytb{margin-top: 2rem;}
.prd_ytb .prd_ytb_thumb{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
/* 재생 버튼 — 빈 span 은 CKEditor 가 제거하므로 가상요소로 표현, 재생 시작(.is-playing) 후 숨김 */
.prd_ytb:not(.is-playing)::before{content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 6.8rem; height: 4.8rem; background: rgba(33, 33, 33, 0.8); border-radius: 1.2rem; transition: background 0.2s; z-index: 1;}
.prd_ytb:not(.is-playing)::after{content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-40%, -50%); border-style: solid; border-width: 1.1rem 0 1.1rem 1.9rem; border-color: transparent transparent transparent #fff; z-index: 1;}
.prd_ytb:hover:not(.is-playing)::before{background: #f00;}
.prd_ytb.is-playing{cursor: default;}
.prd_ytb iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}