@charset "utf-8";

body:not(.main) #container { margin-top: var(--hdH); }
.sub_pd {padding-bottom: var(--subPd);}
body:not(.main) .container {font-size: var(--p3);word-break: keep-all;}


/* Visual */
.sub_visual { position: relative; width: 100%; margin-bottom: 12rem; margin-top: var(--hdH); border-bottom:1px solid var(--gray20);}
.sub_visual.no_line{margin-bottom: 5rem; border-bottom: none;}
.sub_visual .lnb { position: relative; display: flex; align-items: center; width: var(--in); max-width: 100%; padding: 5rem 0 0; margin: 0 auto; font-size: var(--p4); z-index: 150; }
.sub_visual .lnb .home { position: relative; top: 1px; display: flex; align-items: center; justify-content: center; fill: var(--black); width: 1.1em; height: 1.1em;}
.sub_visual .lnb .home svg { width: 100%; display:block; fill: var(--point01);}
.sub_visual .lnb .sel_wrap { position: relative;;margin-left: 1em; padding-left: 1em; top: 0.1em; display: flex; align-items: center; justify-content: center; }
.sub_visual .lnb .sel_wrap::before {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 0.8em; background-color: var(--gray90); opacity: 0.3;}
.sub_visual .lnb .sel_wrap .nice-select { border: 0; padding-left: 0; padding-right: 3rem; background:transparent; height: auto; line-height: 1; font-weight: 500; font-size: var(--p4);}
.sub_visual .lnb .sel_wrap .nice-select:after { right: 0; width: 1em;; height: 1em; margin-top: -0.5em; font-size: 1em; border: 0; transform: rotate(0deg); transform-origin: center; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224 385.9l17-17L401 209l17-17L384 158.1l-17 17-143 143L81 175l-17-17L30.1 192l17 17L207 369l17 17z"/></svg>') center/contain no-repeat; transition: transform 0.3s; }
.sub_visual .lnb .sel_wrap .nice-select.open:after { transform: rotate(180deg); }
.sub_visual .lnb .sel_wrap.current .current { color:var(--gray90); } /* 현재 페이지*/
.sub_visual .lnb .sel_wrap > .current { font-size: var(--p4); font-weight: 500; line-height: 1; } /* 메뉴 1개일 때 select 없이 텍스트만 표시 */
.sub_visual .lnb .sel_wrap .nice-select .option{padding: 0 1.2em;}
.sub_visual .lnb .sel_wrap .nice-select .list .option[data-value^="http"] {padding-right: 2em;}
.sub_visual .lnb .sel_wrap .nice-select .list .option[data-value^="http"]::after {
    opacity: 0;
    content: "";
    position: absolute;
    right: 0.7em;
    top: 50%;
    transform: translate(0%,-50%);
    display: block;
    width: 0.85em;
    height: 0.85em;
    transition: 0.3s ease-in-out;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23000" viewBox="0 0 512 512"><path d="M304 24c0 13.3 10.7 24 24 24l102.1 0L207 271c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l223-223L464 184c0 13.3 10.7 24 24 24s24-10.7 24-24l0-160c0-13.3-10.7-24-24-24L328 0c-13.3 0-24 10.7-24 24zM72 32C32.2 32 0 64.2 0 104L0 440c0 39.8 32.2 72 72 72l336 0c39.8 0 72-32.2 72-72l0-128c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 128c0 13.3-10.7 24-24 24L72 464c-13.3 0-24-10.7-24-24l0-336c0-13.3 10.7-24 24-24l128 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L72 32z"/></svg>') no-repeat center / contain;
}

.sub_visual .lnb .sel_wrap .nice-select.open .list .option[data-value^="http"]::after {opacity: 1;}
.sub_visual .lnb .sel_wrap .nice-select .list{margin-top: 1em; font-size: var(--p4);}

.sub_visual .tit_wrap{ width: 100%; padding: 4rem 0 10rem;}
.sub_visual.no_lnb .tit_wrap{padding-top: 6rem;}
.sub_visual .tit_wrap .tit { font-size: var(--h2); font-weight: 700; line-height: 1.5;}
.sub_visual .tit_wrap .txt { margin-top: 0.5em; font-size: var(--p3); font-weight: 400;}


body.transparent.white .sub_visual .tit_wrap{color: #fff;}
body.transparent.white .sub_visual .lnb .home svg{fill: #fff;}
body.transparent.white .sub_visual .lnb .sel_wrap .nice-select,
body.transparent.white .sub_visual .lnb .sel_wrap.current .current{color: #fff;}
body.transparent.white .sub_visual .lnb .sel_wrap .nice-select:after{background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%23fff"><path d="M224 385.9l17-17L401 209l17-17L384 158.1l-17 17-143 143L81 175l-17-17L30.1 192l17 17L207 369l17 17z"/></svg>') center/contain no-repeat; }
body.transparent.white .sub_visual .lnb .sel_wrap::before{background-color:rgba(255,255,255,1)}
body.transparent.white .sub_visual .lnb .sel_wrap .nice-select .list{color: var(--black);}


/* 페이징 */
.pagination { display: flex; align-items: center; justify-content: center; margin-top: 8rem; }
.pagination > a { line-height: 1; }
.pagination > a svg { fill: var(--black); transition: all 0.3s; width: 1.2em; height: auto; }
.pagination .num_list { display: flex; align-items: center; justify-content: center; margin: 0 4.5rem; }
.pagination .num_list li { position: relative; width: 2.3em; height: 2.3em; margin: 0 0.25rem; border-radius: 10rem; text-align: center; transition: all 0.3s; }
.pagination .num_list li a { position: absolute; line-height: 2.3em; left: 50%; top: 50%; display: block; width: 100%; height: 100%; transform: translate(-50%, -50%); transition: all 0.4s; }
.pagination .num_list li a:before { content: ''; position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; border-radius: 50%; color: #fff; transform: translate(-50%, -50%); transition: all 0.4s; z-index: -1; }
.pagination .num_list li.active a { color: #fff; }
.pagination .num_list li.active a:before { background-color: var(--black) }
.pagination .next { margin-right: 2rem; }
.pagination .prev { margin-left: 2rem; }
.pagination .none { opacity: 0.4; cursor: default; }


/* 리스트 없을 떄 */
.empty_box{width:100%; display:flex; flex-direction: column; align-items: center; justify-content: center; grid-column: 1 / -1; padding-bottom: 80px; margin-top: 80px}
.empty_box img{display:flex; width: max(24rem, 180px); filter: grayscale(1); opacity: 0.4;}
.empty_box span{font-size: var(--p4);font-weight: 400;color: rgba(0,0,0,0.5);margin-top: 2rem;}
.empty_box svg{display: block; width: max(20rem, 240px); opacity: 0.3;}
.empty_box svg path{fill: #000;}
.empty_box .list_back_btn{margin-top: 2rem; display: flex; align-items: center;border: 1px solid var(--line);border-radius: 1rem;font-size: var(--p4); font-weight:600;padding: 0.6em 1em; transition: 0.3s ease-in-out;}


/* Txt */
.sub_tit_box, 
.sect_tit{margin-bottom: 2rem;}
.sub_tit_box .tit,
.sect_tit{font-size: var(--h8); font-weight: 700; line-height: 1.5;}
.sub_tit_box .txt{font-size: var(--p4); margin-top: 2rem;}
.sub_tit_box .desc{font-size:var(--p2); font-weight: 700; margin-bottom: 1.6rem; text-transform: uppercase;}
/* .sub_tit_box > * {opacity: 0; transform: translateY(5rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.sub_tit_box.active > *{opacity: 1; transform: translateY(0);} */
.sub_tit_box .ico{margin: 0 auto; width: 4rem; height: 4rem; margin-bottom: 1.6rem; transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out; 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"><path d="M24.9995 50C38.6522 50 50 38.6765 50 25C50 11.3476 38.6271 0 24.9744 0C11.2987 0 0 11.3476 0 25C0 38.6765 11.3227 50 24.9995 50ZM24.9765 28.6769C23.6766 28.6769 22.9665 27.9166 22.9163 26.6168L22.5733 14.511C22.5241 13.162 23.5532 12.2072 24.9503 12.2072C26.3234 12.2072 27.3765 13.1871 27.3284 14.5351L26.9844 26.6188C26.9352 27.9417 26.2 28.6779 24.9754 28.6779M24.9754 37.6976C23.5532 37.6976 22.2292 36.5703 22.2292 35.0498C22.2292 33.5292 23.5291 32.404 24.9754 32.404C26.3966 32.404 27.7196 33.5062 27.7196 35.0498C27.7196 36.5944 26.3715 37.6976 24.9754 37.6976Z" fill="%23FFBF00"/></svg>') no-repeat center / contain;}
.sub_tit_box.active .txt {transition-delay: 0.3s;}
.sub_tit_box.active .desc + .tit {transition-delay: 0.4s;}
.sub_tit_box.active .desc + .tit + .txt {transition-delay: 0.6s;}


.com_info_tit{display: flex; align-items: center; font-size: var(--p2);}
.com_info_tit .ico{width: 1em;height: 1em; display: inline-block; margin-right: 0.5em; 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"><circle cx="10" cy="10" r="10" fill="%232F58E0"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.0098 13.0742C10.5621 13.0742 11.0098 13.5219 11.0098 14.0742C11.0097 14.6264 10.562 15.0742 10.0098 15.0742H10C9.44777 15.0742 9.00008 14.6264 9 14.0742C9 13.5219 9.44772 13.0742 10 13.0742H10.0098ZM10 4.92578C10.5522 4.92578 10.9999 5.37357 11 5.92578V10C10.9999 10.5522 10.5522 11 10 11C9.44776 11 9.00008 10.5522 9 10V5.92578C9.00008 5.37357 9.44777 4.92578 10 4.92578Z" fill="white"/></svg>') no-repeat center / contain;}

.com_info_ico_txt{display: flex; align-items: flex-start; font-size: var(--p6); font-weight: 500;}
.com_info_ico_txt .ico{flex-shrink: 0; width: 1em;height: 1em; margin-top: 0.3em; display: inline-block; margin-right: 0.5em; 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"><circle cx="10" cy="10" r="10" fill="%232F58E0"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.0098 13.0742C10.5621 13.0742 11.0098 13.5219 11.0098 14.0742C11.0097 14.6264 10.562 15.0742 10.0098 15.0742H10C9.44777 15.0742 9.00008 14.6264 9 14.0742C9 13.5219 9.44772 13.0742 10 13.0742H10.0098ZM10 4.92578C10.5522 4.92578 10.9999 5.37357 11 5.92578V10C10.9999 10.5522 10.5522 11 10 11C9.44776 11 9.00008 10.5522 9 10V5.92578C9.00008 5.37357 9.44777 4.92578 10 4.92578Z" fill="white"/></svg>') no-repeat center / contain;}

.com_info_txt{position: relative; font-size: var(--p4);}
.com_info_txt:before{content: '*'; display: inline-block; margin-right: 0.2em;}
.com_info_txt .info_link{text-decoration: underline; text-underline-offset: 2px;}
.com_info_txt .info_link.color{color: var(--point01);}
.com_info_tit + .info_list{margin-top: 0.8rem;}

.com_paging {margin-top: var(--contMt4); display: flex; align-items: center;}
.com_paging .swiper-pagination-progressbar {background-color: var(--gray10); flex: 1; height: 3px; position:relative;}
.com_paging .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: var(--gray90);}
.com_paging .swiper_btn_box {margin-left: 3rem; display: flex; align-items: center;}
.com_paging .swiper_btn_box .swiper_btn {width: 5rem; height: 5rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid var(--gray20); transition: 0.3s ease-in-out;}
.com_paging .swiper_btn_box .swiper_btn.wh{background-color: #fff; border:none}
.com_paging .swiper_btn_box .swiper_btn + .swiper_btn  {margin-left: 10px;}
.com_paging .swiper_btn_box .swiper_btn svg {width: 30%; height: auto;}
.com_paging .swiper_btn_box .swiper_btn svg path {transition: 0.3s ease-in-out;}

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






/* 스토어 */

/* 퍼블 임시 */
/* .store_prd_sect .com_prd_cont .prd_info .name .new_badge{display: none;}
.store_prd_sect .com_prd_cont:nth-child(1) .prd_info .name .new_badge,
.store_prd_sect .com_prd_cont:nth-child(2) .prd_info .name .new_badge,
.store_prd_sect .com_prd_cont:nth-child(3) .prd_info .name .new_badge{display: inline-flex;}

.store_prd_sect .com_prd_cont .prd_img_box .soldout{display: none;}
.store_prd_sect .com_prd_cont .prd_img_box .soldout + .img{opacity: 1;}
.store_prd_sect .com_prd_cont:nth-child(6) .prd_img_box .soldout{display: flex;}
.store_prd_sect .com_prd_cont:nth-child(6) .prd_img_box .soldout + .img{opacity: 0.3;} */
/* //퍼블 임시 */


body:has(.page_store) .header{ box-shadow: none;}
.page_store:not(.viewSubPage){padding-top: var(--hdH);}
.page_store:not(.viewSubPage) .sub_visual{display: none;}

.sub_menu{width: 100%; position: sticky; top: var(--hdH); font-size: var(--p3); z-index: 100; background-color: #fff; border-bottom: 1px solid rgba(31, 41, 51, 0.20); transition: top 0.3s ease-in-out;}
body:has(.header.down) .sub_menu{top: 0;}
.sub_menu .cont{display: flex; justify-content: space-between;  align-items: center; gap: 8rem; height:7rem;}
.sub_menu .menu_list{display: flex; align-items: center; gap: 3rem;}
.sub_menu .menu_list .item{position: relative; font-weight: 600; transition: color 0.3s ease; white-space: nowrap;}
.sub_menu .menu_list .item.active{font-weight: 700; color: var(--point01);}
.sub_menu .menu_list .item:before{content: ''; ;position: absolute; display: block; right: -0.5em; top: 0.2em; width: 100%; width: 5px; height: 5px; border-radius: 50%; background-color: var(--point01); opacity: 0; transition: 0.3s ease;}
.sub_menu .menu_list .item.active:before{opacity: 1; }


.sub_menu .link_list{display: flex; gap: 0.8rem;}
.sub_menu .link_list .item .link{position: relative; display: block; font-size: var(--p4); padding: 0.2em 0.9em 0.15em; font-weight: 600; border: 1px solid rgba(31, 41, 51, 0.20); border-radius: 99rem; transition: 0.3s ease;}
.sub_menu .link_list .item.new .link{padding-right: calc(0.9em + 5px);}
.sub_menu .link_list .item .link .txt{position: relative; display: inline-block;}
.sub_menu .link_list .item .link .txt .new_badge{position: absolute; display: none; top: -0.2em; right: -0.5em; width: 5px; height: 5px; border-radius: 50%; background-color: #FF5B8C;}
.sub_menu .link_list .item.new .link .txt .new_badge{display: inline-block;}
.sub_menu .link_list .item .link.active{color: #fff; background-color: var(--point01); border-color:var(--point01)}


.page_store .form_filter_box {top: calc(var(--hdH) + 10rem); }
body:has(.header.down) .page_store .store_list01 .form_filter_box {top: 10rem;}

.page_store .main_basic_slide24{padding-top: 5rem;}
.store_prd_sect  {margin-top: var(--pd4);}


/* BEST Slide */
.page_store .sect_tit{opacity: 1; transform: unset;}
.page_store .store_best_sect {margin-top: var(--contMt1); font-size: var(--p3); background-color: #fff; }
.page_store .store_best_sect .best_slide.store_list01{display: block;}
.page_store .store_best_sect .best_slide .swiper-slide{max-width: 25%;}
.page_store .store_prd_sect .store_list01 .prd_list_box{ padding-top: 3.5em;}

/* TOP banner */
.page_store .top_banner{position: relative; overflow: hidden; margin-bottom: var(--contMt3);}
.page_store .top_banner .txt_box{color: #fff; padding-top: var(--pd3); padding-bottom: 40%; text-align: center;}
.page_store .top_banner .txt_box .desc{display: inline-block; font-size: var(--h6); margin-bottom: 2.5rem; font-weight: 800; line-height: 1.4; padding: 0.5em 1em 0.4em; background-color: #fff; border-radius: 99rem;}
.page_store .top_banner .txt_box .tit{font-size: 10rem; font-weight: 800; line-height: 1.4;}
.page_store .top_banner .txt_box .txt{font-size: var(--p3); font-weight: 500; margin-top: 2.5rem;}
.page_store .top_banner .img{position: absolute; top: 0; width: 100%; height: 100%;}
.page_store .top_banner .img img{width: 100%; height: 100%; object-fit: cover;}

/* 내가 고른 제품 */
.choice_prd_menu {position: fixed; bottom: 0; left: 0; width: 100%;  z-index: 201; transform: translateY(calc(100%)); transition: 0.3s ease-in-out;}
.choice_prd_menu.active {transform: unset;}
.choice_prd_menu.hide {opacity: 0; pointer-events: none;}
.choice_prd_menu .top_box {display: flex; display: none; align-items: center; justify-content: center; font-size: var(--p5); color: #fff; font-weight: 600; border-radius:1rem 1rem 0 0; padding: 0 1.8em; height: 2.6em ; position: absolute; left: 50%; top: 1px; transform: translate(-50%, -100%); background: rgba(0, 45, 195, 0.60);backdrop-filter: blur(15px); cursor: pointer;}
.choice_prd_menu .top_box:after{content:''; position: relative; width: 0.8em; height: 0.8em; margin-left: 0.5em; margin-top: -0.1em; transform: rotate(180deg); display: inline-block; transition: 0.3s ease; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="9" viewBox="0 0 15 9" fill="none"><path d="M13.4141 1.41431L7.41406 7.41431L1.41406 1.41431" stroke="white" stroke-width="2" stroke-linecap="square"/></svg>') no-repeat center / contain;}
.choice_prd_menu.active .top_box:after{transform: rotate(0deg);}
.choice_prd_menu .choice_menu { background: rgba(0, 45, 195, 0.60);backdrop-filter: blur(15px);}
.choice_prd_menu .choice_menu .tit{color: #fff; font-weight: 600; margin-right: 2rem;}
.choice_prd_menu .cont_box {display: flex; align-items: center; padding: 1.5rem 0;}
.choice_prd_menu .cont_box .slide {flex: 1; min-width: 0;}
.choice_prd_menu .cont_box .slide .swiper-pagination {height: 3px; margin-top: 10px; background-color: rgba(255,255,255,0.2); position: relative;}
.choice_prd_menu .cont_box .slide .swiper-pagination-progressbar-fill {background-color: rgba(255,255,255,0.8);}
.choice_prd_menu .cont_box .slide .swiper-slide {width: 8rem;}
.choice_prd_menu .cont_box .slide .swiper-slide .box.empty {border: 1px dashed #fff; border-radius: 1rem; background: rgba(255, 255, 255, 0.10); overflow: hidden; box-sizing: border-box;}
.choice_prd_menu .cont_box .slide .swiper-slide .img {position: relative; padding-top: 100%; border-radius: 1rem; overflow: hidden;;}
.choice_prd_menu .cont_box .slide .swiper-slide .box.empty .img {background: 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%;}
/* .choice_prd_menu .cont_box .slide .swiper-slide .img::after {content: ''; position: absolute; inset: 0; background-color: rgba(0,0,0,0.02); pointer-events: none;} */
.choice_prd_menu .cont_box .slide .swiper-slide .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}
.choice_prd_menu .cont_box .estimate_btn {display: flex; align-items: center; padding: 0.6em 0.6em 0.6em 1.5em; font-size: var(--p5); font-weight: 700; background-color: #fff; border-radius: 10em; margin-left: 6rem; transition: 0.3s ease-in-out;}
.choice_prd_menu .cont_box .estimate_btn .ico {width: 1.8em; height: 1.8em; border-radius: 50%; background-color: var(--gray90); display: flex; align-items: center; justify-content: center; margin-left:1em; transition: 0.3s ease-in-out;}
.choice_prd_menu .cont_box .estimate_btn .ico svg {width: 35%; height: auto;}
.choice_prd_menu .cont_box .estimate_btn .ico svg path {transition: 0.3s ease-in-out;}

.choice_prd_menu .cont_box .slide .swiper-slide .pick_del_btn{position: absolute; display: flex; display: none; 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;}
.choice_prd_menu .cont_box .slide .swiper-slide .pick_del_btn svg{display: block; width: 50%; height: auto;}




/* 스토어 상세 */
.page_store .sub_visual.no_line .lnb{padding-top: 2rem; justify-content: flex-start; padding-left: 0;}
.page_store.viewSubPage .com_opt_wrap .inp_cont .inp_box .select .nice-select .list{max-height: 160px;}
/* 옵션 구간(tier) 연동 안내 — 직접입력 수량 추정 시 노출 */
.com_opt_wrap .inp_cont .opt_dep_hint{margin-top: .6rem; font-size: 1.2rem; line-height: 1.4; color: #d2705a;}
.com_opt_wrap .inp_cont[data-dependent="Y"] .opt_select[disabled]{opacity: .6; cursor: not-allowed;}

/* 관련 포트폴리오 */
.page_store .port_sect{padding: var(--contMt2) 0; background-color: var(--gray5);}
.page_store .port_sect .sub_tit_box .tit{font-size: var(--p1);}
.page_store .port_sect .slide .item .link{position: relative; display: inline-flex; width: 100%; padding-top: 100%; border-radius: 2rem; overflow: hidden; background-color: #fff;}
.page_store .port_sect .slide .item .link .img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}
.page_store .port_sect .slide .item .hover_tit{position: absolute; display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; inset: 0; width: 100%; height: 100%;border-radius: 2rem; overflow: hidden;  background-color: rgba(0, 0, 0, 0.50); font-size: var(--p6); color: #fff; font-weight: 700; transition: 0.3s ease; z-index: 2;}
.page_store .port_sect .slide .item .link:hover + .hover_tit{opacity: 1; }
.page_store .port_sect .com_paging{margin-top: 2rem;}
/* 연관상품 */
.page_store .related_sect{padding: var(--contMt1) 0;}
/* 세로 열 우선 채움 — 마지막 잔여 슬라이드(예: 5개)가 열별 2·2·1 로 흩어지지 않고 3·2 묶음으로 떨어지게 */
.page_store .related_sect .shop_list01{display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); grid-template-rows: repeat(3, auto); grid-auto-flow: column; gap: 0 6rem;}
/* .page_store .related_sect .shop_list01 .com_prd_info{padding-right: 3rem;} */
/* .page_store .related_sect .shop_list01 .com_prd_info .top .like {color: var(--gray40); font-size: var(--p6);} */
.page_store .related_sect .shop_list01 .com_prd_info .name{font-size: var(--p3);}
.page_store .related_sect .shop_list01 .com_prd_info .num{color: var(--gray40); } 



/* 스토어 랭킹 */
.page_rank .sub_visual{margin-bottom: 0; text-align: center;}
.page_rank .rank_sect{padding: calc(var(--pd4) + 7rem) 0 0;}
/* .page_rank .rank_sect.best{background-color: var(--bg); padding: var(--pd3);} */
.page_rank .rank_sect .sect_tit{margin-bottom: 0; opacity: 1; transform: unset;}
.page_rank .rank_sect .top_box{align-items: flex-end;}
.page_rank .rank_sect .store_list01 .prd_list_box .top_box .nice-select{width: 4em;}


/* ============ 포트폴리오 ============  */
.page_production:not(.viewSubPage) .sub_visual,
.page_design:not(.viewSubPage) .sub_visual{border-bottom: none; background: linear-gradient(180deg, #1374C6 17.38%, #1374C6 100%); margin-bottom: 0; margin-top: 0; padding-top: var(--hdH);}
.page_production:not(.viewSubPage) .sub_visual .tit_wrap,
.page_design:not(.viewSubPage) .sub_visual .tit_wrap{padding-bottom: 5rem;}
.page_production:not(.viewSubPage) .port_branding_sect,
.page_design:not(.viewSubPage) .port_branding_sect{background: linear-gradient(180deg, #1374C6 17.38%, #59A5E6 85.77%);}

.sub_visual .portfolio .tit_wrap{display: none;}

.port_branding_sect{padding: var(--pd4) 0;}
.port_branding_sect .top_cont{display: flex; justify-content: center; align-items: center; color: #fff;}
.port_branding_sect .top_cont .txt_box{margin-left: -4rem;}
.port_branding_sect .top_cont .txt_box .tit{font-size: var(--h2); line-height: 1.5;}
.port_branding_sect .top_cont .txt_box .txt{font-size: var(--p2); margin-top: 3rem;}
.port_branding_sect .top_cont .img_box{height: 60rem; flex-shrink: 0; }
.port_branding_sect .top_cont .img_box img{height: 100%; object-fit: contain;}

.port_branding_sect .sch_wrap{padding-top: 6rem; }
.port_branding_sect .sch_box{position:relative; display: flex; justify-content: space-between; width: 60rem; max-width: 100%; height: 4em; margin:0 auto; }
.port_branding_sect .sch_box .sch_inp{ display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; width: 100%; height:100%; padding: 0 1.6em; background-color: #fff; border-radius: 10rem;}
.port_branding_sect .sch_box .sch_inp input{flex: 1; width:80%; height: 100%; font-size:var(--p3); font-weight: 600; background: transparent;}
.port_branding_sect .sch_box .sch_inp input::placeholder{color:rgba(31, 41, 51, 0.50);}
.port_branding_sect .sch_box .sch_inp button svg{display: block; width: 3rem; height: 3rem; transition: fill 0.3s ease;}
.port_branding_sect .sch_box .sch_inp button svg path{transition: stroke 0.3s ease;}

.port_branding_sect .keword_box{display: flex; justify-content: center; font-size:var(--p5); margin: 2rem auto 0;  width: 55em; max-width: 90%;}
.port_branding_sect .keword_box .tit{ color: #fff; font-weight: 600; margin-right: 2rem; margin-top: 0.3em; white-space: nowrap;}
.port_branding_sect .keword_box .keword_btn_box{display: flex; flex-wrap:wrap; gap: 10px;}
.port_branding_sect .keword_box .keword_btn_box .btn{padding: 0.6em 1em; font-weight: 500; border-radius: 10rem; color: #fff; border: 1px solid rgba(255, 255, 255, 0.50); background-color: transparent; font-weight: 500; white-space: nowrap; line-height: 1; transition:0.3s ease}
.port_branding_sect .keword_box .keword_btn_box .btn:before{content: '#';}
.port_branding_sect .keword_box .keword_btn_box .btn.active{background-color:var(--black); color:#fff; }

.port_search_sect .port_branding_sect{margin: 0 5rem; border-radius: 3rem;}



/* 포트폴리오 리스트 */
.port_tab_wrap{margin-bottom: var(--contMt2);}
.port_tab_wrap .tab_box{display: flex; justify-content: center; gap: 1rem; }
.port_tab_wrap .tab_box .tab{display: flex;  gap: 1rem; white-space: nowrap; background-color: var(--gray5); color: var(--gray40); font-size: var(--p3); padding: 0.3em 1.1em; font-weight: 700; border-radius: 99rem; transition: 0.3s ease;}
.port_tab_wrap .tab_box .tab.active{background-color: var(--point01); color: #fff;} 

.prd_list_box.portfolio .com_prd_cont .prd_img_box{border: 1px solid #F7F7F7;}
/* .prd_list_box.portfolio .com_prd_cont .prd_img_box .img {background-color: #F7F7F7;} */
.prd_list_box.portfolio .com_prd_cont .prd_img_box .img img{width: 100%; height: 100%;}
.prd_list_box.portfolio .com_prd_cont .prd_img_box .img::after{display: none;}
.prd_list_box.portfolio .com_tag_box .tag{font-size:var(--p7);}


/* 포트폴리오 상세 */
.port_view_sect{padding-bottom: var(--pd4);}
.port_view_sect .port_list_btn_box{display: flex; justify-content: center; margin-top:5rem;}
.port_related_sect{background-color: var(--bg); padding: var(--pd4) 0;}
.port_related_sect .slide .tit{font-size: var(--p2); font-weight: 700; margin-top: 1.5rem;}
.port_related_sect .slide .img{position: relative; width: 100%; padding-top: 100%; border-radius: 2rem; overflow: hidden; background: #fff;}
.port_related_sect .slide .img.pre_img{background: url(/inc/img/sub/product_coming_soon.svg) no-repeat center / cover;}
.port_related_sect .slide .img > *{position: absolute; width: 100%; height: 100%; inset: 0;}



/* 포트폴리오 상세_모달 */
.modal .modal_wrap .modal_cont.portfolio_view {width: 150rem; max-width: 80%; max-height: 80svh; background: #1c1c1c; color: #fff; --portViewThumW:12.5rem;}
.modal_cont.portfolio_view .cont { position: relative; width: 100%; height: 100%; border-radius: 0; background: #1c1c1c;  overflow: hidden;
    padding: 12rem var(--portViewThumW) 9rem 0;}

.modal_cont.portfolio_view .portfolio_view_head {width: calc(100% - var(--portViewThumW)); position: absolute; left: 0; top: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; padding: 3rem; pointer-events: none;}
.modal_cont.portfolio_view .portfolio_view_head .tit { font-size: var(--p2); font-weight: 700; letter-spacing: -0.04rem;}
.modal_cont.portfolio_view .portfolio_view_head .txt { font-size: var(--p4); font-weight: 400;}
.modal_cont.portfolio_view .portfolio_view_head .detail_btn { display: inline-flex;  align-items: center; justify-content: center; height: 6rem; padding: 0 3rem; border-radius: 999rem;background: rgba(255, 255, 255, 0.15);  color: #fff; font-size: var(--p4);  font-weight: 600; white-space: nowrap;  backdrop-filter: blur(10px); pointer-events: auto; transition: background 0.25s ease; }


.modal_cont.portfolio_view .portfolio_view_main {height: 100%;}
.modal_cont.portfolio_view .portfolio_view_main .swiper-container,
.modal_cont.portfolio_view .portfolio_view_main .swiper-wrapper,
.modal_cont.portfolio_view .portfolio_view_main .swiper-slide { height: 100%;}

.modal_cont.portfolio_view .portfolio_view_main .swiper-slide { display: flex;align-items: center;justify-content: center; overflow: hidden; padding: 5rem;} /*padding: 11rem 9rem 3rem;*/

.modal_cont.portfolio_view .portfolio_view_main .img_box {  display: flex; align-items: center; justify-content: center; width: min(60rem, 64vh, 70vw); max-height: 100%; aspect-ratio: 1/1; overflow: visible; transform: scale(var(--portfolioViewScale, 1)); transform-origin: center; transition: transform 0.2s ease;}
.modal_cont.portfolio_view .portfolio_view_main .img_box img { display: block;  width: 100%; height: auto;max-height: 100%; object-fit: contain;}

/* <> */
.modal_cont.portfolio_view .portfolio_view_nav {width: calc(100% - var(--portViewThumW)); position: absolute; left: 0;  top: 50%; z-index: 18; display: flex; justify-content: space-between;padding: 0 3rem; transform: translateY(-50%); pointer-events: none;}
.modal_cont.portfolio_view .portfolio_view_nav .swiper_btn { display: flex; align-items: center; justify-content: center;width: 7.2rem; height: 7.2rem;color: #fff;background: rgba(0, 0, 0, 0.35); border-radius: 50%;opacity: 0.85; pointer-events: auto;transition: opacity 0.25s ease, background 0.25s ease;}
.modal_cont.portfolio_view .portfolio_view_nav .swiper_btn:hover { opacity: 1;background: rgba(0, 0, 0, 0.55);}
.modal_cont.portfolio_view .portfolio_view_nav .swiper_btn.swiper-button-disabled { opacity: 0.3;pointer-events: none;}
.modal_cont.portfolio_view .portfolio_view_nav .swiper_btn svg { display: block;width: 3.6rem; height: 3.6rem;}

/* 썸네일 */
.modal_cont.portfolio_view .portfolio_view_thumb { position: absolute;  right: 0; top: 0; z-index: 15; width: var(--portViewThumW); height: 100%; padding: 2rem; border-left: 1px solid rgba(255, 255, 255, 0.3); background: #1c1c1c;}
.modal_cont.portfolio_view .portfolio_view_thumb .swiper-container {width: 8.5rem; height: 100%; overflow: hidden;}
.modal_cont.portfolio_view .portfolio_view_thumb .swiper-slide { width: 8.5rem; height: 8.5rem; cursor: pointer;}
.modal_cont.portfolio_view .portfolio_view_thumb .thumb_img { width: 100%;  height: 100%; border-radius: 1rem;background: var(--bg);  overflow: hidden; opacity: 0.3; transition: opacity 0.25s ease;}
.modal_cont.portfolio_view .portfolio_view_thumb .swiper-slide-thumb-active .thumb_img { opacity: 1;}
.modal_cont.portfolio_view .portfolio_view_thumb .thumb_img img { display: block;  width: 100%; height: 100%;object-fit: cover;}

/* 하단 num + +- 툴 */
.modal_cont.portfolio_view .portfolio_view_tools{ position: absolute;left: 0; bottom: 0; z-index: 20;   display: flex;align-items: center; justify-content: center; width: calc(100% - var(--portViewThumW)); min-height: 9rem; padding: 3rem;}
.modal_cont.portfolio_view .portfolio_view_tools .count {position: absolute; left: 3rem; top: 50%; display: flex; align-items: center; gap: 0.5rem; color: #fff; font-size: var(--p6); font-weight: 600; line-height: 1; transform: translateY(-50%);}
.modal_cont.portfolio_view .portfolio_view_tools .count .total,
.modal_cont.portfolio_view .portfolio_view_tools .count .slash {opacity: 0.5;}

.modal_cont.portfolio_view .portfolio_view_tools .tool_box {display: flex; align-items: center; gap: 2rem;}
.modal_cont.portfolio_view .portfolio_view_tools .tool_btn {display: flex; align-items: center; justify-content: center; width: 2.4rem; height: 2.4rem; color: #fff; opacity: 0.9; transition: opacity 0.25s ease;}
.modal_cont.portfolio_view .portfolio_view_tools .tool_btn:disabled {opacity: 0.3; cursor: default;}

.modal_cont.portfolio_view .portfolio_view_tools .tool_btn svg {display: block; width: 100%; height: 100%;}










/* ============ 케빈스룸 소개 ============  */
.intro .header:not(.header_down, .search) {background-color: transparent;}

.page_intro .sub_visual {display:none;}
.page_intro .sub_sect_tit{font-size: var(--h2);}
.page_intro .sub_cont_text02 .tit_box .btn_box{margin-top: 3rem ;}


/* 소개_인트로 */
.page_intro .bg_sect_wrap{position: relative; background-color:#D3EAFB; isolation: isolate; --bg-overlay-opacity: 0;}
.page_intro .bg_sect_wrap::before{content:""; position: absolute; inset: 0; background: linear-gradient(180deg, #1374C6 17.38%, #59A5E6 116.53%); opacity: var(--bg-overlay-opacity); pointer-events: none; z-index: 0;}
.page_intro .bg_sect_wrap > *{position: relative; z-index: 1;}
.page_intro .visual_sect{position: relative; overflow: hidden; }
.page_intro .visual_sect .img_wrap{position: relative; height: 100vh;}
.page_intro .visual_sect .img_wrap .scroll_area{position: sticky; top: 0; height: 100%; overflow: hidden;}
.page_intro .visual_sect .top_img{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; z-index: 1; background-color: #D3EBFC; will-change: transform, opacity;}
.page_intro .visual_sect .top_img img{width: 100%; height: 100%; object-fit: contain;}
/* .page_intro .visual_sect .img_wrap .scroll_area{position: sticky; top: 0; height: 100vh; overflow: hidden;}
.page_intro .visual_sect .top_img{position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100svh; z-index: 1; background-color: #D3EBFC; will-change: transform, opacity;}
.page_intro .visual_sect .top_img img{width: 100%; height: 100%; object-fit: contain;}
.page_intro .visual_sect .img_3d{position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; width: 100%; height: 100svh; transform: translateY(40%); z-index: 2; will-change: transform, opacity;}
.page_intro .visual_sect .img_3d img{width: 51%; height: 100%; object-fit: contain;} */

.page_intro .visual_sect .cont{position: relative; display: flex; flex-direction: column; align-items: center; z-index:2; width: 100%;}
.page_intro .visual_sect .cont {margin-top: 5rem; }
.page_intro .visual_sect .cont .top_tit{ font-size: 9.4vw; text-align: center; color: #BDDDF5; line-height: 1;}
.page_intro .visual_sect .cont .top_tit .txt{display:block; overflow: hidden;}
.page_intro .visual_sect .cont .top_tit .txt span{display:block; transform: translateY(100%); transition: 1s ease-in-out;}
.page_intro .visual_sect .cont .top_tit .txt:nth-child(2) span{transition-delay: 0.2s;}
.page_intro .visual_sect .cont .top_tit.active .txt span{display:block; transform: translateY(0);}
.page_intro .visual_sect .cont .txt_wrap{display: flex; justify-content: center;}
.page_intro .visual_sect .cont .txt_wrap .key_img{width:62rem; max-width: 90%; flex-shrink: 0; margin-top: -15rem; animation:keyFloat 3.2s ease-in-out infinite; will-change: transform; opacity: 0; margin-top: -10rem; transition: opacity 0.3s ease-in-out, margin 0.8s ease-in-out;}
.page_intro .visual_sect .cont .txt_wrap.active .key_img{opacity: 1; margin-top: -15rem;}
@keyframes keyFloat {
    0% {transform: translate3d(0, 0, 0) rotate(0deg);}
    50% {transform: translate3d(0, -2.5rem, 0) rotate(-2deg);}
    100% {transform: translate3d(0, 0, 0) rotate(0deg);}
}
.page_intro .visual_sect .cont .txt_wrap .txt_box{max-width: calc(100% - 62rem); padding-top: 12rem; color: #132753; opacity: 0; transform: translateX(5rem); transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.page_intro .visual_sect .cont .txt_wrap.active .txt_box{opacity: 1; transform: unset;}
.page_intro .visual_sect .cont .txt_wrap .txt_box .tit{font-size: var(--h5); font-weight: 700;}
.page_intro .visual_sect .cont .txt_wrap .txt_box .txt{font-size: var(--p1); font-weight: 600; color: #394E74; margin-top: 1rem;}
.page_intro .visual_sect .cont .txt_wrap .txt_box .copy_tit{font-size: var(--h2); font-weight: 700; margin-top: 9.5rem;}
.page_intro .visual_sect .cont .txt_wrap .txt_box .logo{width:64rem; max-width: 90%; margin-top: 2.5rem;}

.page_intro .recom_sect{padding: var(--pd) 0;}

/* 소개_팀 */
.page_intro .team_sect{margin: 0 5rem; border-radius: 5rem; background-color: var(--bg); padding: var(--pd3) 0; overflow: hidden;}
.page_intro .team_sect .com_tab01 .tab_box{background-color: #fff;}
.page_intro .team_sect .com_tab01 .btn{min-width: 16rem;}
.page_intro .team_sect .tab_cont .cont{display: none; padding-top: 3rem;}
.page_intro .team_sect .tab_cont .cont.active{display: block;}
.page_intro .team_sect .tab_cont .cont .cont_box{display: flex; align-items: center;} 
.page_intro .team_sect .tab_cont .cont .cont_box .img{position: relative; width: 71rem; max-width: 100%; padding-top: calc(71rem * 0.84); flex-shrink: 0; margin-right: 8rem; border-radius: 3rem; overflow: hidden;}
.page_intro .team_sect .tab_cont .cont .cont_box .img img{position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover;}
.page_intro .team_sect .tab_cont .cont .cont_box .txt_box + .txt_box{margin-top:4rem;}
.page_intro .team_sect .tab_cont .cont .cont_box .txt_box .tit{position: relative; font-size: var(--p2); font-weight: 700; padding-left: 2em;}
.page_intro .team_sect .tab_cont .cont .cont_box .txt_box .tit:before{content: ''; position: absolute; width: 1.5em; height: 1.5em; left: 0; top:0; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><rect width="30" height="30" rx="15" fill="%23D9E4FF"/><path d="M22 11L13.0625 20L9 15.9091" stroke="%232F58E0" stroke-width="3" stroke-linejoin="round"/></svg>') no-repeat center / contain;}
.page_intro .team_sect .tab_cont .cont .cont_box .txt_box .txt{font-size: var(--p4); font-weight: 400; margin-top: 1rem;}



/* .page_intro .team_sect{margin: 0 5rem;}
.page_intro .team_sect .sub_rolling01 .tit_box .desc{font-size: var(--p1); color: var(--gray60); font-weight: 600;}
.page_intro .team_sect .sub_rolling01 .tit_box .main_tit{font-size: var(--d1); font-weight: 600; letter-spacing: -0.02em; line-height: 1; margin-top: 2.5rem;}
.page_intro .team_sect .sub_rolling01 .cont_txt_box .txt_box .num{font-size: var(--p4);}
.page_intro .team_sect .sub_rolling01 .cont_txt_box .txt_box .num{width: 3.4em; height: 3.4em;}
.page_intro .team_sect .sub_rolling01 .cont_txt_box .tit { font-size: var(--p2); margin-top: 0; }
.page_intro .team_sect .sub_rolling01 .cont_txt_box .txt { margin-top: 0.3em; font-size: var(--p4); color: var(--gray70); }
.page_intro .team_sect .sub_rolling01 .cont .num_list{margin-top: 6rem;}
.page_intro .team_sect .sub_rolling01 .cont .num_list .item + .item{margin-top: 4rem;} */




/* 소개_굿즈 이야기 */
.page_intro .story_sect{padding: var(--pd2) 0; overflow: hidden;}
.page_intro .story_sect .list_cont{display: flex; align-items: flex-start; justify-content: space-between; margin-top: 0;}
.page_intro .story_sect .list_cont > *{opacity: 0; transform: translateX(5rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.page_intro .story_sect .list_cont > *:nth-child(2){transform: translateX(-5rem);}
.page_intro .story_sect .list_cont.active > *{opacity: 1; transform: unset;}
.page_intro .story_sect .list_cont .store_list01{width: 60%;}
.page_intro .story_sect .list_cont .store_list01 .prd_list_box .prd_list{grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6rem 2rem;}

/* 더보기 */
.page_intro .story_sect .com_prd_cont.hide{display: none;}

.com_more_btn{ display:flex; justify-content: center; margin: 6rem auto 0;}
.com_more_btn.hide{display: none;}
.com_more_btn .more_btn{background-color: #fff; border: 1px solid var(--gray20); border-radius: 100px; font-size:var(--p5); display: flex; align-items: center; justify-content: center; width: max-content; padding: 0.5em 1.4em; font-weight: 700;}
.com_more_btn .more_btn .txt{margin-right: 5px;}
.com_more_btn .more_btn .ico {transition: transform .25s;}
.com_more_btn .more_btn.is-open .ico {transform: rotate(180deg);}
.com_more_btn .more_btn .ico svg{display: block; height: 0.9em; }


/* 회사소개, 채용공고 */
.com_client_cont {margin-top: var(--pd4); opacity: 0; transform: translateY(5rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.com_client_cont.active{opacity: 1; transform: unset;}
.com_client_cont .client_logo_wrap{position: relative; width: 100%; margin-top: 3rem; overflow: hidden;} /* opacity: 0; transition: opacity 0.8s ease-in-out 0.4s;*/
.com_client_cont.active .client_logo_wrap{opacity: 1;}
.com_client_cont .logo_slide{display: flex; width: max-content; min-width: 100%;}
.com_client_cont .logo_slide + .logo_slide{margin-top: 2rem;}
.com_client_cont .logo_track{display: flex; align-items: center; flex-shrink: 0; animation: logoMarquee 150s linear infinite;}
.com_client_cont .logo_slide.reverse .logo_track{animation-name: logoMarqueeReverse;}
.com_client_cont .logo{position: relative; flex-shrink: 0; width: 23rem; background-color: #fff; margin-right: 1rem; overflow: hidden;}
.com_client_cont .logo a{position: relative; width: 100%; padding-top: 40%; display: flex;align-items: center; justify-content: center; pointer-events: none;}
.com_client_cont .logo img{position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover;}
.com_client_cont .client_logo_wrap::before{content: ""; position: absolute; left: 0; top:0; bottom: 0; width: 10%; background: linear-gradient(90deg, #FFF 19.77%, rgba(255, 255, 255, 0.66) 49.57%, rgba(255, 255, 255, 0.00) 71%); z-index: 2;}
.com_client_cont .client_logo_wrap::after{content: ""; position: absolute; right: 0; top:0; bottom: 0; width: 10%; background: linear-gradient(270deg, #FFF 19.77%, rgba(255, 255, 255, 0.66) 49.57%, rgba(255, 255, 255, 0.00) 71%); z-index: 2;}

@keyframes logoMarquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@keyframes logoMarqueeReverse {
  from { transform: translateX(-50%); }
  to { transform: translateX(0); }
}
.page_intro .intro_sect{padding-bottom: var(--pd2);}

.page_intro .char_sect{position: relative; z-index: 1; overflow: hidden;}
.page_intro .char_sect{background-color: var(--point01); color: #fff; padding: var(--pd) 0 0;}
.page_intro .char_sect .slide {margin-top:var(--contMt2); overflow: hidden;}
.page_intro .char_sect .slide .swiper-container{overflow: hidden;}
.page_intro .char_sect .slide .swiper-wrapper{align-items: stretch; padding-bottom: 5rem; width: calc(100% + 30rem); margin-left: 15rem;}
.page_intro .char_sect .slide .swiper-slide{width: 30rem; transition: transform 0.8s ease-in-out;}
.page_intro .char_sect .slide .swiper-slide .box .box{position: relative; width: 100%; padding-top: 100%; }
.page_intro .char_sect .slide .swiper-slide .box .img_box{ width: 100%; padding-top: 100%; }
.page_intro .char_sect .slide .swiper-slide .box .img_box img{position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; border-radius: 3rem; overflow: hidden;}
.page_intro .char_sect .slide .swiper-slide .box .char_name{ position:absolute; top: 2rem; left: 2rem; display: inline-block; font-size: var(--p4); font-weight: 700; padding: 0.2em 1em; background-color: var(--gray80); border-radius: 99rem; z-index: 2;}
.page_intro .char_sect .slide .swiper-slide[class$=-prev],
.page_intro .char_sect .slide .swiper-slide[class$=-active] + .swiper-slide,
.page_intro .char_sect .slide .swiper-slide[class$=-active] + .swiper-slide + .swiper-slide + .swiper-slide,
.page_intro .char_sect .slide .swiper-slide[class$=-active] + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide,
.page_intro .char_sect .slide .swiper-slide[class$=-active] + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide  + .swiper-slide + .swiper-slide,
.page_intro .char_sect .slide .swiper-slide[class$=-active] + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide  + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide,
.page_intro .char_sect .slide .swiper-slide[class$=-active] + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide  + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide { transform: translateY(5rem); }


.page_intro .map_sect{position: relative;z-index: 3;margin-top: -100vh; transform: none; padding-bottom: var(--pd2); background-color: #fff; padding-top: var(--pd2); }
.page_intro .map_sect .sub_directions04_sect{margin-top: 3rem;}





/* ============ 커뮤니티 ============  */
/* 소식 */
.page_news .sub_visual .in,
.page_faq .sub_visual .in{width: var(--in3);}

.notice_view01_sect {margin-top: calc(var(--hdH) + 12rem);}
.page_news .tab_cont .cont{display: none;}
.page_news .tab_cont .cont.active{display: block;}

.tab_cont.instagram .bulletin_list_thum07 .list li a .img{padding-top: 125%;}
/* .tab_cont.youtube .pinter_list02 .list_box li .img{border-radius: 0;} */

.page_news .com_more_btn{margin-top: 1rem; border-radius: 1rem;}
.page_news .com_more_btn .more_btn{border-radius: 1rem; padding: 0 3.5em; height: 3.75em; font-size: var(--p4); border-color: var(--black);}
.page_news .com_more_btn .more_btn .txt{margin-right: 0;}
.page_news .com_more_btn .more_btn .ico{display: none;}




/* 채용공고 */
.page_recruit .sub_visual{margin-bottom: 0;}
.page_recruit .sub_sect_tit{font-size: var(--h2);}


/* 서브탑_풀비쥬얼타입_04 */
.page_recruit .visual_sect {position: relative; height: calc(var(--vh, 1vh) * 100);}

.page_recruit .visual_sect .bg {position: relative; width: 100%; height: 100svh; background-color: #000;}
.page_recruit .visual_sect .bg:before{content: ''; position: absolute; inset: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.65); z-index: 2;}
.page_recruit .visual_sect .bg img {position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; opacity: 1;}

.page_recruit .visual_sect .txt_box {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; padding: 0 var(--inPd); font-size:7rem; font-weight: 700; text-align: center; z-index: 3; line-height: 1.5;}
.page_recruit .visual_sect .txt_box{color: #fff;}
.page_recruit .visual_sect .txt_box .tit{font-size: var(--h2); font-weight: 700; line-height: 1.5;}
.page_recruit .visual_sect .txt_box .txt{font-size: var(--p1); font-weight: 600; margin-top: var(--contMt2);}
.page_recruit .visual_sect .txt_box .txt.lg{font-size: var(--h5); font-weight: 700; margin-top: 1.5rem;}



.page_recruit .like_sect{background: var(--point01); padding: var(--pd) 0; color: #fff;}
.page_recruit .like_sect .sub_cont_sorting17{margin-top: var(--contMt1);}

.recruit_cont {padding: var(--pd2) 0;}
.page_recruit .list_sect .sub_cont_text02{position: sticky; top: calc(var(--hdH) + 2rem);}
.recruit_cont .cont_wrap{display: flex; align-items: flex-start; justify-content: space-between; gap: 6rem;}
.recruit_cont .tit_box .info_txt {display: flex; align-items: flex-start; font-size: var(--p4); font-weight: 500; margin-top: 2rem;}
.recruit_cont .tit_box .info_txt .ico svg{display: block; margin-top: 0.3em; margin-right: 0.5em;}
.recruit_cont .tit_box .btn_box{margin-top: 4rem;}

.recruit_cont .cont{display: flex; flex-direction: column; gap: 5rem; width: 53%; max-width: 100%; flex-shrink: 0;}
.recruit_cont .recruit_list{display: flex; flex-direction: column; gap: 2rem;}
.recruit_cont .recruit_item{display: flex; align-items: center; justify-content: space-between; gap: 3rem; width: 100%; min-height: 10.6rem; padding: 3rem; border: 1px solid var(--gray20); border-radius: 1rem; transition: border-color 0.3s ease, box-shadow 0.3s ease;}
.recruit_cont .recruit_item .txt_box{display: flex; flex-direction: column; justify-content: center; gap: 1.5rem; min-width: 0;}
.recruit_cont .recruit_item .team_box{display: flex; align-items: center; gap: 1rem;}
.recruit_cont .recruit_item .status{display: inline-flex; align-items: center; justify-content: center; padding: 0.5em; border-radius: 0.5rem; background-color: #F3F6FF; color: var(--point01); font-size: var(--p8); font-weight: 600; line-height: 1; white-space: nowrap;}
.recruit_cont .recruit_item .team{font-size: var(--p2); font-weight: 700; line-height: 1;}
.recruit_cont .recruit_item .position{font-size: var(--p6); font-weight: 500; color: var(--gray70);}
.recruit_cont .recruit_item .apply_btn{display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; padding: 0.5em 1.2em; border-radius: 99rem; background-color: var(--point01); color: #fff; font-size: var(--p4); font-weight: 600; line-height: 1.7; letter-spacing: -0.02em; transition: background-color 0.3s ease;}

.recruit_cont .cont_tit{font-size: var(--h8); font-weight: 700; line-height: 1.5}
.recruit_cont .info_group,
.recruit_cont .process_group{display: flex; flex-direction: column; gap: 2rem;}
.recruit_cont .info_list{border-bottom: 1px solid var(--gray20);}
.recruit_cont .info_list li{display: flex; flex-direction: column; justify-content: center; gap: 1rem; padding: 3rem; border-top: 1px solid var(--gray20);}
.recruit_cont .info_tit{display: flex; align-items: center; gap: 1rem;}
.recruit_cont .info_tit .num{display: inline-flex; align-items: center; justify-content: center; width: 1.875em; height: 1.875em; border-radius: 50%; background-color: var(--black); color: #fff; font-size: var(--p4); font-weight: 600; line-height: 1; letter-spacing: -0.02em;}
.recruit_cont .info_tit .tit{font-size: var(--p2); font-weight: 600;}
.recruit_cont .info_list .txt,
.recruit_cont .notice_list{font-size: var(--p4); font-weight: 400; color: var(--gray70);}

.recruit_cont .process_list{display: flex; align-items: center; gap: 4.6rem; width: 100%;}
.recruit_cont .process_list li{position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1.5rem; width: calc((100% - 4rem) / 3); aspect-ratio: 1 / 1; border-radius: 50%; background-color: #F5F7FA; color: var(--black); line-height: 1; white-space: nowrap;}
.recruit_cont .process_list li + li:before{content: ''; position: absolute; left: -2.4rem; top: 50%; width: 0.9rem; height:5rem; transform: translate(-50%, -50%); background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none"><path d="M1 1L6 6L1 11" stroke="%231F2933" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center / contain;}
.recruit_cont .process_list li.active{background-color: var(--point01); color: #fff;}
.recruit_cont .process_list .step{font-size: var(--p4); font-weight: 600; color: var(--gray40);}
.recruit_cont .process_list .tit{font-size: var(--p1); font-weight: 700;}
.recruit_cont .process_list .active .step{color: #fff;}
.recruit_cont .notice_list li{position: relative; padding-left: 0.6em;}
.recruit_cont .notice_list li:before{content: '·'; position: absolute; left: 0; top: 0;}


.page_recruit .benefit_sect .sub_cont_sorting21_2{margin-top: var(--contMt4);}

.page_recruit .com_client_cont {}
.page_recruit .com_client_cont .client_logo_wrap::before{display: none;}
.page_recruit .com_client_cont .client_logo_wrap::after{display: none;}

.page_recruit .data_sect{padding-top: var(--pd2);}
.page_recruit .data_sect .graph_box{position: absolute; inset: 0; width: 100%; overflow: hidden;}
.page_recruit .data_sect .cont{position: relative; margin-top: 5rem; width: 100%; padding-top: 37%;}
.page_recruit .data_sect .graph_line{width: 100%; height: 100%; transition: 1.4s ease-in-out; clip-path: inset(0 100% 0 0);}
.page_recruit .data_sect .graph_line svg{display: block; width: 100%; height: 100%; }
.page_recruit .data_sect .dot_wrap{position: absolute; inset: 0; width: 100%; height: 100%; display: flex; justify-content: center;}
.page_recruit .data_sect .dot_wrap .dot_item{position: absolute; display: flex; flex-direction: column; justify-content: center; text-align: center; width: min(25%, 38rem); transform: translateX(-50%);}
.page_recruit .data_sect .dot_wrap .dot_item:nth-child(1){bottom:26.455%; left: 27.441%;}
.page_recruit .data_sect .dot_wrap .dot_item:nth-child(2){bottom:47.831%; left: 39.473%;}
.page_recruit .data_sect .dot_wrap .dot_item:nth-child(3){bottom:66.667%; left: 51.504%;}
.page_recruit .data_sect .dot_wrap .dot_item:nth-child(4){bottom:80.423%; left: 63.535%;}
.page_recruit .data_sect .dot_wrap .dot_item:nth-child(5){bottom:88.889%; left: 75.566%;}

.page_recruit .data_sect .dot_wrap .dot_item .txt_box{position: relative; margin: 0 auto 3rem; opacity: 0; transform: translateY(5rem); transition: 0.6s ease-in-out; z-index: 2;}
.page_recruit .data_sect .dot_wrap .dot_item .year{display: block; color: var(--gray30); font-size: 1.8rem; font-weight: 700; line-height: 1; margin-bottom: 1.5rem;}
.page_recruit .data_sect .dot_wrap .dot_item .num{display: block; font-size: var(--h8); font-size: 2.5rem; font-weight: 700; line-height: 1;}

.page_recruit .data_sect .dot_wrap .dot_item .dot{position: relative; width: 3rem; height: 3rem; margin: 0 auto; border-radius: 50%; border: 0.5rem solid #FFF; background-color: var(--point01); box-sizing: border-box; opacity: 0; transition: 0.5s ease-in-out; }
.page_recruit .data_sect .dot_wrap .dot_item.current .dot{ width: 4.5rem; height: 4.5rem; border: 0; background: transparent; z-index: 1;}
.page_recruit .data_sect .dot_wrap .dot_item.current .dot:before{content: ''; position: absolute; inset: 0; border-radius: 50%; border: 1rem solid #FFF; background-color: var(--point01); box-sizing: border-box; z-index: 2;}
.page_recruit .data_sect .dot_wrap .dot_item.current .dot svg{width: 100%; height: 100%;}
.page_recruit .data_sect .dot_wrap .dot_item.current .dot .dot_effect{position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 1; pointer-events: none; opacity: 0;  transition: 0.5s ease-in-out 1.3s;}
.page_recruit .data_sect .dot_wrap .dot_item.current .dot .dot_effect:before{content:''; position: absolute; left: 50%; top: 50%; width: 200%; height: 200%; border-radius: 50%; transform: translate(-50%, -50%) scale(0.3); background: rgba(45, 160, 255, 0.20); animation:pulseWave 2s ease-out infinite;}
.page_recruit .data_sect .dot_wrap .dot_item.current .dot .dot_effect:after{content:''; position: absolute; left: 50%; top: 50%; width: 400%; height: 400%; border-radius: 50%; transform: translate(-50%, -50%) scale(0.3); background: rgba(45, 160, 255, 0.10); animation:pulseWave 2s ease-out 0.35s infinite;}

.page_recruit .data_sect .dot_wrap .dot_item.current .txt_box{margin-bottom: 6rem;}
.page_recruit .data_sect .dot_wrap .dot_item.current .bubble{position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: var(--point01); width: 36rem; height: 15rem; padding: 1em; border-radius: 99rem; color: #fff;}
.page_recruit .data_sect .dot_wrap .dot_item.current .bubble:before{content: ''; position: absolute; left: 0; width: 100%; height: 4rem; top: 80%; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="82" height="46" viewBox="0 0 82 46" fill="none"><path d="M44.457 44.4578C42.5043 46.4112 39.3376 46.4112 37.3848 44.4578L1.47361 8.53478C-1.67541 5.38472 0.555615 -0.000164128 5.00974 -0.000163739L76.8322 -0.000157458C81.2863 -0.000157068 83.5173 5.38473 80.3683 8.53479L44.457 44.4578Z" fill="%232F58E0"/></svg>') no-repeat center / contain;}
.page_recruit .data_sect .dot_wrap .dot_item.current .bubble .year{font-size: 2rem; color: #fff;}
.page_recruit .data_sect .dot_wrap .dot_item.current .bubble .num{font-size: 3rem;}

.page_recruit .data_sect .cont.active .graph_line { clip-path: inset(0 0 0 0);}
.page_recruit .data_sect .cont.active .dot_item{opacity: 1; }
.page_recruit .data_sect .cont.active .dot_wrap .dot_item .txt_box{opacity: 1; transform: unset;}
.page_recruit .data_sect .cont .dot_wrap .dot_item:nth-child(1) .txt_box,
.page_recruit .data_sect .cont .dot_wrap .dot_item:nth-child(1) .dot{transition-delay: 0.5s;}
.page_recruit .data_sect .cont .dot_wrap .dot_item:nth-child(2) .txt_box,
.page_recruit .data_sect .cont .dot_wrap .dot_item:nth-child(2) .dot{transition-delay: 0.7s;}
.page_recruit .data_sect .cont .dot_wrap .dot_item:nth-child(3) .txt_box,
.page_recruit .data_sect .cont .dot_wrap .dot_item:nth-child(3) .dot{transition-delay: 0.9s;}
.page_recruit .data_sect .cont .dot_wrap .dot_item:nth-child(4) .txt_box,
.page_recruit .data_sect .cont .dot_wrap .dot_item:nth-child(4) .dot{transition-delay: 1.1s;}
.page_recruit .data_sect .cont .dot_wrap .dot_item:nth-child(5) .txt_box,
.page_recruit .data_sect .cont .dot_wrap .dot_item:nth-child(5) .dot{transition-delay: 1.3s;}
.page_recruit .data_sect .cont.active .dot_wrap .dot_item .dot{opacity: 1;}
.page_recruit .data_sect .cont.active .dot_wrap .dot_item.current .dot .dot_effect{opacity: 1;}



@keyframes pulseWave{
    0%{transform: translate(-50%, -50%) scale(0.3); opacity: 0.8;}
    70%{opacity: 0.5;}
    100%{transform: translate(-50%, -50%) scale(1); opacity: 0;}
}




/* ============ CONTACT US 문의하기 ============  */
.page_inquiry {padding-bottom: var(--subPd);}
.page_inquiry .sub_visual .in{width: var(--in3);}
.page_inquiry .consult1_sect .consent_cont .policy-section + .policy-section{margin-top: 1em;}
.page_inquiry .consult1_sect .consent_cont .policy-section h4{margin-top: 1em;}
.page_inquiry .consult1_sect .consent_cont .policy-item{margin-top: 0.6em;}
.page_inquiry .consult1_sect .consent_cont .policy-notice{margin-top: 1em;}
.page_inquiry .consult1_sect .consent_cont li{position: relative; padding-left: 0.5em;}
.page_inquiry .consult1_sect .consent_cont li:before{content: '·'; position: absolute; left: 0; top: 0;}
.page_inquiry .consult1_sect .consent_cont .policy-notice{text-indent: -0.8em; padding-left: 0.8em;}


/* ============ MD추천굿즈 ============  */
.page_mdPick .main_cont{display: flex; align-items: center;}
.page_mdPick .main_cont .img_box{width: 50%; flex-shrink: 0; margin-right: 5rem; border-radius: 3rem; overflow: hidden;}
.page_mdPick .main_cont .img_box img{width: 100%; height: 100%; object-fit: cover;}
.page_mdPick .main_cont .txt_box .desc{font-size: var(--p3); color: var(--point01); font-weight: 700; margin-bottom: 0.5rem;}
.page_mdPick .main_cont .txt_box .tit{font-size: var(--h5); font-weight: 700; line-height: 1.5;}
.page_mdPick .main_cont .txt_box .txt{font-size: var(--p4); margin-top: 2.5rem;}
.page_mdPick .main_cont .com_tag_box{margin-top: 1.5rem;}
.page_mdPick .main_cont .com_tag_box .tag{font-size: var(--p6); font-weight: 600; }
.page_mdPick .main_cont .btn_box{margin-top: 5rem;}

.page_mdPick .store_prd_sect .store_list01 .prd_list_box { padding-top:0; }
.page_mdPick .store_prd_sect .md_pick_cont + .md_pick_cont{margin-top: calc(var(--contMt1) + 5rem);}
.page_mdPick .store_prd_sect .main_basic_slide23 .shop_list01 .thum {width: 7rem; height: 7rem;}
.page_mdPick .store_prd_sect .main_basic_slide23{margin-top:5rem;}
.page_mdPick .store_prd_sect .main_basic_slide23 .pick_card .img_box{border-radius: 2rem;}
.page_mdPick .store_prd_sect .main_basic_slide23 .com_swiper_btn .swiper_btn{display: none;}
.page_mdPick .store_prd_sect .shop_list01 .shop_item{gap: 2rem;}

.page_mdPick .store_prd_sect .full_bnr_slide{margin-top:5rem; position: relative; border-radius: 3rem; overflow: hidden;}
.page_mdPick .store_prd_sect .full_bnr_slide .img_box{display: block; position: relative; padding-top: 53%;}
.page_mdPick .store_prd_sect .full_bnr_slide .img_box img{position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover;}
.page_mdPick .store_prd_sect .full_bnr_slide .paging{position: absolute; display: flex; gap: 1rem; bottom: 2rem; left: 50%; transform: translateX(-50%); z-index: 2;} 
.page_mdPick .store_prd_sect .full_bnr_slide .swiper-pagination-bullet{background-color: transparent; border:1px solid #fff; opacity: 1; } 
.page_mdPick .store_prd_sect .full_bnr_slide .swiper-pagination-bullet-active{background-color: #fff; opacity: 1; } 



/* ============ 장바구니 ============  */
.com_basic_btn{display: inline-flex; align-items: center; justify-content: center; min-width: 17rem; background-color: var(--black); color: #fff; padding: 1.2em 0; font-size: var(--p4); font-weight: 600; line-height: 1; border: 1px solid var(--black); border-radius: 1rem; transition: color 0.3s, background-color 0.3s; }
.com_basic_btn.line{border-color:var(--gray20); background-color: #fff; color: var(--black);}
.com_basic_btn.blue.line{border-color:var(--point01); color: var(--point01);}

/* .page_cart .tit_box{ margin-bottom: 3rem;} */
.page_cart .tit_box .sect_tit{font-size:var(--h4); opacity: 1; transform: unset;}
.page_cart .tit_box .sect_txt{font-size: var(--p3); margin-top: 1.5rem; transform: unset; opacity: 1; margin-top: 2rem; opacity: 1; transform: unset;}

.page_cart .store_cart01 + .store_cart01{padding-top: var(--contMt1);}



/* 모달_옵션수정 */
.modal_cont.cart .btn_wrap{border-top: 1px solid var(--gray90); margin-top: 3rem; padding-top: 3rem;}
/* 모달_내가 선택한 상품 */ 
.modal_cont.cart .com_inp_cont .inp_box .inp textarea {width: 100%; font-size: var(--p6); border-radius: 1rem; height: 15rem; padding: 1.25em;background-color: #fff; border: 1px solid var(--gray20); resize: none; line-height: 1.7;}
.modal_cont.cart .com_inp_cont .inp_box .txt_count {margin-top: 0.5rem; font-size: var(--p8); color: var(--gray50); text-align: right;}
.modal_cont.cart .com_inp_cont + .com_inp_cont{margin-top: 2rem;}
.modal_cont.cart .com_inp_cont .inp_txt{font-size: var(--p4); font-weight: 600; margin-bottom: 0.5rem;}
.modal_cont.cart .com_inp_cont .file_cont {flex: 1; min-width: 0;}
.modal_cont.cart .com_inp_cont .file_cont .file_em_txt {display: flex; color: var(--gray1); margin-top: 0.8em; font-size: var(--p4);}
.modal_cont.cart .com_inp_cont .file_cont .file_em_txt span {margin-right: 0.25em;}
.modal_cont.cart .com_inp_cont .file_box {display: flex; width: 100%; min-width: 0;}
.modal_cont.cart .com_inp_cont .file_box .file {display: flex; align-items: center; flex: 1; min-width: 0; background-color: #fff; border: 1px solid var(--gray20); padding: 0 1.25em; height: var(--inpH); border-radius: 1rem; position: relative;}
.modal_cont.cart .com_inp_cont .file_box .file .file_svg {margin-right: 10px; width: 1em; flex-shrink: 0;}
.modal_cont.cart .com_inp_cont .file_box .file .file_name  {font-size: var(--p4); font-weight: 600; background-color: transparent;;}
.modal_cont.cart .com_inp_cont .file_box .file .file_name .name > span:first-child {display: inline-block; max-width: 10em; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; vertical-align: middle;}
.modal_cont.cart .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;}
.modal_cont.cart .com_inp_cont .file_box .commonFileDeleteBtn svg{display: block;}
.modal_cont.cart .com_inp_cont .file_box .commonFileDeleteBtn svg path {fill: #fff;}
.modal_cont.cart .com_inp_cont .file_box .flie_btn {font-size: var(--p4); margin-left: 1rem; border: 1px solid var(--black); width: 15rem; flex-shrink: 0; border-radius: 1rem; height: var(--inpH); line-height: var(--inpH); font-weight: 600; transition: 0.3s ease-in-out;}
/* 파일선택 바에는 요약(.file_summary, .em_txt 스타일)만 노출 — 위젯(skin_kor) 기본 엔트리/잔여 삭제버튼 숨김 (목록은 .attached_file_box 가 담당) */
.modal_cont.cart .com_inp_cont .file_box .file .uploadedCommonFile,
.modal_cont.cart .com_inp_cont .file_box .file #fileNameBox .commonFileDeleteBtn {display: none;}
.modal_cont.cart .com_inp_cont .file_box .file .file_summary {white-space: nowrap; min-width: 0; overflow: hidden;  margin-top: 0;}
.modal_cont.cart .com_inp_cont .file_box .file .file_summary.em_txt{display: flex; align-items: center; flex: 1; min-width: 0;}
.modal_cont.cart .com_inp_cont .file_box .file .file_summary.em_txt .name{display: flex; min-width: 0;}
.modal_cont.cart .com_inp_cont .file_box .file .file_summary.em_txt .name > span:first-child {display: block; flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.modal_cont.cart .com_inp_cont .file_box .file .file_summary.em_txt .name > span:last-child,
.modal_cont.cart .com_inp_cont .file_box .file .file_summary.em_txt .more{flex-shrink: 0;}

.modal_cont.cart .com_inp_cont .attached_file_box{margin-top: 1rem;}
.modal_cont.cart .com_inp_cont .attached_file_box .attached_file{position: relative; display: flex; align-items: center; background-color: var(--bg); padding: 0.8em 3.6em 0.8em 0.8em; font-size: var(--p6); border-radius: 0.5rem;}
.modal_cont.cart .com_inp_cont .attached_file_box .attached_file + .attached_file{margin-top: 1rem;}
.modal_cont.cart .com_inp_cont .attached_file_box .attached_file .file_svg {margin-right: 0.5em; width: 1em; flex-shrink: 0; margin-right: 0.5em;}
.modal_cont.cart .com_inp_cont .attached_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:var(--gray30); border-radius: 50%; margin-left: auto;}
.modal_cont.cart .com_inp_cont .attached_file_box .commonFileDeleteBtn svg{display: block; width: 0.55em; height: 0.55em;}
.modal_cont.cart .com_inp_cont .attached_file_box .commonFileDeleteBtn svg path {fill: #fff;}

.modal_cont.cart .com_inp_cont .attached_file_box .attached_file .file_name {display: flex; flex: 1; min-width: 0; margin-right:1rem;}
.modal_cont.cart .com_inp_cont .attached_file_box .attached_file .name {display: block; min-width: 0; max-width: 100%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.modal_cont.cart .com_inp_cont .attached_file_box .attached_file .ext {flex-shrink: 0;}

/* 견적 요청하기 */
.page_cart .request_sect{margin-top: var(--contMt2);}
.page_cart .request_sect .tit_box .sub_txt_wrap{display: flex; align-items: center; font-size: var(--p6); margin-top: 1rem;}
.page_cart .request_sect .tit_box .sub_txt_wrap .badge{ color: var(--point01); background-color: var(--pointBg); padding: 0.2em 0.6em; font-weight: 600; border-radius: 0.5rem; margin-right: 1rem; }
.page_cart .request_sect .tit_box .sub_txt_wrap .txt{position: relative; font-size: var(--p6);}
.page_cart .request_sect .tit_box .sub_txt_wrap .txt + .txt{ margin-left: 0.8rem; padding-left: 0.9rem; }
.page_cart .request_sect .tit_box .sub_txt_wrap .txt + .txt:before{content: ''; position: absolute; display: block; top: 25%; left: 0; width: 1px; height: 50%; background-color: var(--gray50);}

.page_cart .step_sect .cont_box{background-color: var(--pointBg); border-radius: 2rem; padding: 5rem 3rem; margin-top: var(--pd4);}
.page_cart .step_sect .cont_box .tit{text-align: center; font-size: var(--h8);}
.page_cart .step_sect .cont_box .cont{margin-top: var(--contMt4); display: flex;}
.page_cart .step_sect .cont_box .cont .item{position: relative; flex: 1; text-align: center;}
.page_cart .step_sect .cont_box .cont .item .ico{display: flex; align-items: center; justify-content: center; width: 6.5rem; height: 6.5rem; margin: 0 auto; border-radius: 1rem; background-color: #fff;}
.page_cart .step_sect .cont_box .cont .item .ico img{width: 54%; height: auto; object-fit: contain;}
.page_cart .step_sect .cont_box .cont .item .txt_box{margin-top: 2rem;}
.page_cart .step_sect .cont_box .cont .item .txt_box .cont_tit{font-size: var(--p4); font-weight: 700; }
.page_cart .step_sect .cont_box .cont .item .txt_box .txt{font-size: var(--p7); color: var(--gray70); margin-top: 0.2em;}
.page_cart .step_sect .cont_box .cont .item + .item:before{content: ''; position: absolute; top: calc(6.5rem / 2 - 0.7rem); left: -5%; width: 10%; height: 1.4rem; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="15" viewBox="0 0 9 15" fill="none"><path d="M1.41406 1.41431L7.41406 7.41431L1.41406 13.4143" stroke="%23CBD2D9" stroke-width="2" stroke-linecap="square"/></svg>') no-repeat center / contain;}
.page_cart .step_sect .cont_box .cont .item:nth-child(4) .ico img{width: 66%;}




/* ============ 마이페이지 ============  */
.page_my .com_tab01{padding-bottom: var(--contMt2);}
.page_my .info_box {display: flex; align-items: flex-end; justify-content: space-between; background-color: var(--bg); padding: 4rem; border-radius: 1rem; margin-bottom: var(--contMt4);}
.page_my .info_box .dot_txt{font-size: var(--p4);}
.page_my .info_box .link_btn.wh{color: var(--black); background-color: #fff;}
.page_my .info_box .link_btn.wh .ico {background: url('data:image/svg+xml,<svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.7578 7.96875L10.7813 13.9844L10.1172 14.6484L8.78906 13.3203L9.45313 12.6562L13.8281 8.24219L0.9375 8.24219H0L0 6.36719H0.9375L13.8281 6.36719L9.45312 1.99219L8.78906 1.32812L10.1172 0L10.7812 0.664062L16.7578 6.64062L17.4219 7.30469L16.7578 7.96875Z" fill="%23000"/></svg>') no-repeat center / contain}
.page_my .info_box .link_btn + .link_btn{margin-left: 0.8rem;}

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

/* 마이페이지_견적조회 */
.page_esti .esti_sect .est_list .subj{ flex: 1;}
.page_esti .esti_sect .est_list .subj .prd_num{ color: var(--gray30); font-size: 0.8em; font-weight: 500; margin-right: 0.57em;}
.page_esti .esti_sect .est_list .option{display: flex; font-size: var(--p6); gap: 1rem; align-items: center; color: var(--gray40); margin-top: 1rem;}
.page_esti .esti_sect .est_list .option:empty{margin-top: 0;}
.page_esti .esti_sect .est_list .option .txt{line-height: 1; font-weight: 500; word-break: break-all;}
.page_esti .esti_sect .est_list .option .txt + .txt{border-left: 1px solid #B5B9BE; padding-left: 1rem;}
.page_esti .esti_sect .est_list .option .txt.color {display: flex; align-items: center; gap:0.8rem;}
.page_esti .esti_sect .est_list .option .txt.color .ball{display: inline-block; width: 1em; height: 1em; background-color: #000; border: 1px solid rgba(31, 41, 51, 0.2) !important; border-radius: 99rem;}
.page_esti .esti_sect .est_list .file{ width: 1em; height: 1em; margin-right: 5rem;}
.page_esti .esti_sect .est_list .file svg{ display:block; width: 100%; height: 100%;}
.page_esti .esti_sect .est_list .file.file_n svg{ display:none; }
.page_esti .esti_sect .est_list .req_txt{font-size:var(--p5); text-align: center; color: var(--gray40); margin-right: 4rem; width: 20rem; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}


/* 마이페이지_견적조회_상세, 문의내역_상세 */
.page_my_view .view_sect .in3{width: 87rem;}
.page_my_view .view_sect .cont{ border-top: 1px solid var(--gray90); margin-top: 2rem;}

.page_my_view .view_sect .req_cont .cont{border-bottom: 1px solid var(--gray20); padding: 2rem 0 3rem; }
.page_my_view .view_sect .req_cont .cont .com_opt_wrap + .com_opt_wrap{margin-top: 2rem; padding-top: 2rem; border-top: 1px solid var(--gray20);}
.page_my_view .view_sect .req_cont .form_box{max-height: 45rem; overflow: auto;}
.page_my_view .view_sect .req_cont .form_box::-webkit-scrollbar {width: 5px;}
.page_my_view .view_sect .req_cont .form_box::-webkit-scrollbar-track {background: transparent;}
.page_my_view .view_sect .req_cont .form_box::-webkit-scrollbar-thumb {background: var(--gray20); border-radius: 999px;}
.page_my_view .view_sect .req_cont .with_num{display: flex; align-items: flex-start;}
.page_my_view .view_sect .req_cont .tit_box{ margin-bottom: 2rem;}

.page_my_view .view_sect .info_cont{margin-top: var(--contMt3);}
.page_my_view .view_sect .info_cont .info_item{padding: 2rem;} 
.page_my_view .view_sect .info_cont .info_list.cont{padding-top: 0;}
.page_my_view .view_sect .info_cont .info_list {font-size: var(--p4);}
.page_my_view .view_sect .info_cont .info_list .info_item {display: flex; align-items: center; border-bottom: 1px solid var(--gray20);}
.page_my_view .view_sect .info_cont .info_list .info_item dt {min-width: 8em; font-weight: 700;}
.page_my_view .view_sect .info_cont .info_list .info_item dd { flex: 1; min-width: 0; margin: 0;}
.page_my_view .view_sect .info_cont .info_list .info_item dd .board_file_wrap{display: flex; flex-wrap: wrap; flex-direction: column; gap: 1rem 2rem; }
.page_my_view .view_sect .info_cont .info_list .info_item dd .board_file {display: flex; align-items: center; min-width: 0; max-width: 100%; font-size: var(--p5); color: var(--gray60);}
/* .page_my_view .view_sect .info_cont .info_list .info_item dd .board_file + .board_file{border-left:0; margin-left: 0; padding-left: 0;} */
.page_my_view .view_sect .info_cont .info_list .info_item dd .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;}
.page_my_view .view_sect .info_cont .info_list .info_item dd .board_file .file {display: flex; min-width: 0; max-width: 100%;}
.page_my_view .view_sect .info_cont .info_list .info_item dd .board_file .file .file_txt {display: flex; flex: 1; min-width: 0;}
.page_my_view .view_sect .info_cont .info_list .info_item dd .board_file .file .file_txt .file_name{display: block; min-width: 0; max-width: 25em; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.page_my_view .view_sect .a_cont {background-color: var(--gray5); padding: 3rem; margin-top: 5rem; font-size: var(--p4);}
.page_my_view .view_sect .a_cont .wait {display: flex; flex-direction: column; align-items: center; justify-content: center; height: 25rem;}
.page_my_view .view_sect .a_cont .wait svg {height: 1.5em; fill: #adadad;}
.page_my_view .view_sect .a_cont .wait p { font-weight: 700; color: #B5B5B5; margin-top: 1em;}
.page_my_view .view_sect .a_cont .top {display: flex; align-items: center;}
.page_my_view .view_sect .a_cont .top .name { font-weight: 700;}
.page_my_view .view_sect .a_cont .top .badge { height: 2.4em; line-height: 2.5em; padding: 0 1em; font-size: 0.875em; color: #fff; background: var(--black); font-weight: 700; border-radius: 50px; text-align: center; margin-right: 1.5rem}
.page_my_view .view_sect .a_cont .txt {margin-top: 2rem; word-break: break-all;}
.page_my_view .view_sect .a_cont .date{font-size: var(--p5); color: var(--gray40); margin-top: 2rem;}
.page_my_view .view_sect .bot_btn_box {display: flex; justify-content: center; margin-top: 5rem; }
.page_my_view .view_sect .bot_btn_box .com_basic_btn + .com_basic_btn {margin-left: 10px;}



/* 마이페이지_문의 내역 조회 */
.page_my .info_box .tel_btn{display: flex; align-items: center; font-size: var(--p2); font-weight: 700; margin-bottom: 1rem;}
.page_my .info_box .tel_btn svg{display: block; height: 1.2em; margin-right: 0.1em; margin-top: -0.1em;}


/* 마이페이지_회원 정보 */
.page_my .join_01{display: block; background-color: transparent; min-height: 0; padding: 0;}
.page_my .join_01 .join_box.basic .form_cont{padding-bottom: 4rem; border-bottom: 1px solid var(--line);}
.page_my .join_01 .join_box{padding-top: 0; padding-bottom: 0;}
.page_my .join_01 .join_box + .join_box{margin-top: var(--contMt4);}

/* 마이페이지_회원탈퇴 */
.page_my .join_01 .widthdraw_cont .inp_wrap{flex-direction: column;}
.page_my .join_01 .widthdraw_cont .inp_wrap .inp_tit{width: 100%; font-weight: 700; font-size: var(--p4); margin-bottom: 1.5rem;}
.page_my .join_01 .widthdraw_cont .inp_wrap .radio_box{ flex-direction: column; gap: 1.5rem;} 
.page_my .join_01 .widthdraw_cont .inp_wrap .radio_box .radio.etc{display: block; height: auto;}
.page_my .join_01 .widthdraw_cont .inp_wrap .radio_box .radio.etc .inp_box{margin-top: 1rem;}
.page_my .join_01 .widthdraw_cont .inp_wrap .inp textarea {font-size:var(--p4); width: 100%; border-radius: 10px; height: 25rem; padding: 1.25em; line-height: 1.5; background-color: #fff; border: 1px solid var(--gray20); resize: none;}
.page_my .join_01 .widthdraw_cont .inp_wrap + .inp_wrap.draw{margin-top: 4rem;}
.page_my .join_01 .join_wrap .dot_list {margin-top: 1rem; color: rgba(0,0,0,0.5); font-size: var(--p4);}
.page_my .join_01 .join_wrap .dot_list li{position: relative; padding-left: 0.5em; font-size: var(--p4);}
.page_my .join_01 .join_wrap .dot_list li:before{content: '· '; position: absolute; left: 0;}

.page_my .join_01 .widthdraw_cont .chk_cont_wrap{margin-top: 4rem; padding-top: 4rem; border-top: 1px solid var(--gray20);}
.page_my .join_01 .widthdraw_cont .chk_wrap .txt{font-size: var(--p3); font-weight: 700;}
.page_my .join_01 .widthdraw_cont .chk_wrap + .info_box{padding: 2rem; margin-top: 1.4rem;}
.page_my .join_01 .widthdraw_cont .chk_wrap + .info_box .dot_txt{font-size: var(--p6);}

.page_my .join_01 .widthdraw_cont .inp_wrap .radio_box{display: flex;}
.page_my .join_01 .widthdraw_cont .inp_wrap + .inp_wrap{margin-top: 4rem;}


/* ============ 로그인 ============  */
.page_login .header{background-color: transparent;}



/* ============ 회원가입 ============  */


/* ============ 나만의캐릭터 ============  */
.page_my_chr .chr_custom_wrap{margin-top: var(--contMt4);}
.page_my_chr .sub_sect_tit,
.page_my_chr .sub_sect_txt{opacity: 1; transform: unset;}



/* ===== 통합검색 결과 리스트 (search.php / _Prog/search/*) ===== */
.search_result_list { display: flex; flex-direction: column; }
.search_result_list > li { border-bottom: 1px solid #eef0f2; }
.search_result_list > li > a { display: flex; gap: 20px; align-items: center; padding: 20px 4px; transition: background-color .2s ease; }
.search_result_list .info { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.search_result_list .tit { font-weight: 600; font-size: 18px; color: #1f2933; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.search_result_list .desc { font-size: 15px; color: #7b8794; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.search_result_list .date { font-size: 13px; color: #9aa5b1; }

/* visual variant - product / portfolio / mdpick (thumbnail grid) */
.search_result_list.visual { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.search_result_list.visual > li { border-bottom: 0; }
.search_result_list.visual > li > a { flex-direction: column; align-items: stretch; gap: 12px; padding: 0; }
.search_result_list.visual .thumb { display: block; width: 100%; aspect-ratio: 1 / 1; border-radius: 12px; overflow: hidden; background: #f4f6f8; }
.search_result_list.visual .thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.search_result_list.visual .tit { white-space: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.search_result_list.visual .desc { -webkit-line-clamp: 2; }







/* hover 스타일 */
@media screen and (min-width: 1241px) {

    .page_inquiry .info_sect .info_cont .btn_box .btn:hover{background-color: var(--black); color: #fff;}
    .page_inquiry .info_sect .info_cont .btn_box .btn:hover svg path{fill: #fff;}

    .com_basic_btn:hover,
    .com_basic_btn.blue.line:hover,
    .com_basic_btn.line:hover{color: #fff; border-color: var(--point01); background-color: var(--point01);}

    .search_result_list.visual > li > a:hover { background-color: transparent; }
    .search_result_list.visual > li > a:hover .thumb img { transform: scale(1.05); }

    .com_paging .swiper_btn_box .swiper_btn:hover {background-color: var(--gray90); border-color: var(--gray90); }
    .com_paging .swiper_btn_box .swiper_btn:hover svg path {stroke: #fff;}

    .empty_box .list_back_btn:hover{background-color: #000; color: #fff; border-color: #000;}

    .sub_menu .menu_list .item:hover{color: var(--point01);}
    .sub_menu .link_list .item .link:hover{color: #fff; background-color: var(--point01); border-color:var(--point01)}
    .choice_prd_menu .cont_box .estimate_btn:hover {background-color: var(--point01); color: #fff;}
    .choice_prd_menu .cont_box .estimate_btn:hover .ico {background-color: #fff}
    .choice_prd_menu .cont_box .estimate_btn:hover .ico svg path {stroke: var(--point01);}

    .port_branding_sect .keword_box .keword_btn_box .btn:hover{background-color: #fff; color: #1374C6; }
    .port_tab_wrap .tab_box .tab:not(.active):hover{color: var(--black);}
    .modal_cont.portfolio_view .portfolio_view_head .detail_btn:hover {background: rgba(255, 255, 255, 0.28);}

    .page_intro .link_btn.wh:hover{background-color: var(--black);}
    .page_intro .team_sect .com_tab01 .btn:hover:not(.active) {background-color: var(--gray5);}

    .page_my .info_box .link_btn.wh:hover{background-color: var(--black); color:#fff}
    .page_my .info_box .link_btn.wh:hover .ico {background: url('data:image/svg+xml,<svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.7578 7.96875L10.7813 13.9844L10.1172 14.6484L8.78906 13.3203L9.45313 12.6562L13.8281 8.24219L0.9375 8.24219H0L0 6.36719H0.9375L13.8281 6.36719L9.45312 1.99219L8.78906 1.32812L10.1172 0L10.7812 0.664062L16.7578 6.64062L17.4219 7.30469L16.7578 7.96875Z" fill="%23fff"/></svg>') no-repeat center / contain}
    
    .search_result_list > li > a:hover { background-color: #f7f9fa; }
    .search_result_list > li > a:hover .tit { color: var(--green, #00a86b); }


}

@media screen and (max-width: 2000px) {
    .page_store .top_banner .txt_box{padding-top: var(--pd4);}
    .page_store .top_banner .txt_box .desc{font-size: var(--p2);}
    .page_store .top_banner .txt_box .tit{font-size: 7.5rem;}
    .page_store .top_banner .txt_box .desc{font-size: var(--p1);}


}

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

    /* 스토어 1240 */    
    .page_store .store_best_sect .best_slide .swiper-slide{max-width: 50%;}
    .page_store .port_sect .slide .item .hover_tit{position: relative; display: block; inset: unset; width: auto; height: auto; font-size: var(--p4); border-radius: 0; opacity: 1; background-color: transparent; color: var(--black);}

    /* 포트폴리오 1240 */
    .port_tab_wrap .tab_box{ overflow-x: auto; justify-content: flex-start; width: calc(100% + var(--inPd) * 2); margin: 0 calc(var(--inPd) * -1); padding: 0 var(--inPd) 1px;}
    .port_tab_wrap .tab_box::-webkit-scrollbar{display: none;}

    /* 소개 1240 */
    .page_intro .team_sect .com_tab01 .tab_box{width: auto; margin-left: 0; border-radius: 99rem;}
    .page_intro .story_sect .list_cont .store_list01{width: 65%;}



    
}





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

    /* 스토어 1024 */
    .sub_menu .cont{ overflow-x: auto; width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd); }
    .sub_menu .cont::-webkit-scrollbar{display: none;}
    .page_store .related_sect .shop_list01{grid-template-columns: repeat(2, minmax(0, 1fr));}

    /* 포트폴리오 1024 */
    .modal .modal_wrap .modal_cont.portfolio_view {--portViewThumW:12rem;}
    .modal_cont.portfolio_view .cont {padding-right: 0; padding-bottom: calc(var(--portViewThumW) + 7rem);}
    .modal_cont.portfolio_view .portfolio_view_head,
    .modal_cont.portfolio_view .portfolio_view_nav,
    .modal_cont.portfolio_view .portfolio_view_tools {width: 100%;}
    .modal_cont.portfolio_view .portfolio_view_thumb {top: auto; bottom: 0; width: 100%; height: var(--portViewThumW); padding: 1.5rem 2rem; border-top: 1px solid rgba(255, 255, 255, 0.3); border-left: 0;}
    .modal_cont.portfolio_view .portfolio_view_thumb .swiper-container {width: 100%; height: 8.5rem;}
    .modal_cont.portfolio_view .portfolio_view_tools {bottom: var(--portViewThumW);}
    .modal_cont.portfolio_view .portfolio_view_nav .swiper_btn{width: max(6.4rem, 44px); height: max(6.4rem, 44px);}
    .modal_cont.portfolio_view .portfolio_view_nav .swiper_btn svg{width: 3.6rem; height: 3.6rem;}
    /* .modal_cont.portfolio_view .portfolio_view_main .swiper-slide{padding-bottom: 8rem; padding-top: 15rem;} */


    /* 마이페이지 1024 */
    .page_my .info_box{ align-items: flex-start; flex-direction: column;}
    .page_my .info_box .btn_box{margin-top: 2rem;}
    .page_esti .esti_sect .est_list .req_txt{order: 4; -webkit-line-clamp: 1; width: fit-content; max-width: 90%; min-width: 0; flex: 0 1 auto; margin-top: 1.5rem; margin-right: 0.8rem;}
    .page_esti .esti_sect .est_list .file{order: 5; flex: 0 0 1em; width: 1em; margin-right: 0; margin-top: 1.5rem;}
    .page_esti .esti_sect .est_list .date{order: 6;}
    .page_esti .notice_list08_sect .one_to_list .list li a .date{order: 6; width: 100%; margin-top: 1.5rem;}


    /* 소개 1024 */
    .page_intro .team_sect .tab_cont .cont{padding-top: 5rem;}
    .page_intro .team_sect .tab_cont .cont .cont_box{align-items: flex-start;}
    .page_intro .team_sect .tab_cont .cont .cont_box .img{margin-right: 5rem;}
    .page_intro .team_sect .tab_cont .cont .cont_box .txt_wrap{padding-top: 5rem;}
    .page_intro .team_sect .tab_cont .cont .cont_box .txt_box + .txt_box{margin-top: 3rem;}


    /* 채용공고 1024 */
    .page_recruit .data_sect .cont{margin-top: 15rem;}



}


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

    .sub_visual{margin-bottom: 10rem;}
    .sub_visual .tit_wrap{padding-bottom: 8rem;}
    

    /* 스토어 768 */
    .page_store .top_banner .txt_box{padding-top: var(--pd4);}
    .page_store .store_list01 .prd_list_box .top_box{top:calc(var(--hdH) + 7rem);}
    body:has(.header.down) .page_store .store_list01 .prd_list_box .top_box{top: 0;}
    .page_store .store_prd_sect .store_list01 .prd_list_box{padding-top: 0;}

    .page_store .port_sect .slide,
    .page_store .related_sect .slide,
    .page_store .store_best_sect .best_slide,
    .port_related_sect .slide{width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); }
    .page_store .port_sect .slide .swiper-container,
    .page_store .port_sect .com_paging,
    .page_store .related_sect .slide .swiper-container,
    .page_store .related_sect .slide .com_paging,
    .page_store .store_best_sect .best_slide .swiper-container,
    .page_store .store_best_sect .best_slide .com_paging,
    .port_related_sect .slide .swiper-container,
    .port_related_sect .slide .com_paging{ padding: 0 var(--inPd);}

    /* 포트폴리오 768 */
    .port_branding_sect{padding-top: 40px;}
    .port_branding_sect .top_cont .img_box{height: 50rem;}
    .port_branding_sect .top_cont .txt_box .txt{font-size: var(--p3);}
    .port_branding_sect .keword_box {font-size: var(--p6);}
    .port_branding_sect .keword_box .tit{margin-top: 0.4em;}
    .port_branding_sect .top_cont .txt_box .txt br{display: none;}

    .modal_cont.portfolio_view .modal_close {top: 2rem; right: 2rem;}
    .portfolio_view_head {align-items: flex-start; padding: 2rem 6rem 2rem 2rem;}
    .portfolio_view_head .tit {font-size: 1.8rem;}
    .portfolio_view_head .txt {font-size: 1.4rem;}
    .portfolio_view_head .detail_btn {width: auto; height: 4.4rem; padding: 0 1.6rem;}
    /* .portfolio_view_main .swiper-slide {padding: 9rem 5rem 2rem;} */
    .portfolio_view_main .img_box {width: min(100%, 54vh);}
    .portfolio_view_nav {padding: 0 1rem;}
    .modal_cont.portfolio_view .portfolio_view_tools {min-height: 7rem; padding: 2rem;}
    .modal_cont.portfolio_view .portfolio_view_tools .count {left: 2rem; }


    /* 소개 768 */
    .page_intro .visual_sect .img_wrap{height: auto; padding-top: calc(var(--hdH) + 2rem);}
    .page_intro .visual_sect .top_img{width: 120%; margin-left: -10%;}

    .page_intro .visual_sect .cont .txt_wrap{width: 100%; padding: 0 var(--inPd);}
    .page_intro .visual_sect .cont .txt_wrap .key_img{width: 50%;  margin-left: auto; margin-left: -5%;}
    .page_intro .visual_sect .cont .txt_wrap .txt_box{max-width: 50%; margin-left: -5%;}
    .page_intro .visual_sect .cont .txt_wrap.active .key_img{margin-top: -10rem;}
    .page_intro .visual_sect .cont .txt_wrap.active .txt_box{transform: translateX(0);}
    .page_intro .visual_sect .cont .txt_wrap .txt_box .txt br{display: none;}

    .page_intro .team_sect .com_tab01 .btn{padding: 0.90em 1.5em;}

    .page_intro .team_sect .tab_cont .cont .cont_box{flex-direction: column; align-items: center;}
    .page_intro .story_sect .list_cont{flex-direction: column;}
    .page_intro .story_sect .sub_sect_tit br{display: none;}
    .page_intro .story_sect .sub_cont_text02{width: 100%;}
    .page_intro .story_sect .sub_cont_text02 .tit_box {width: 100%; display: flex; gap: 2rem; justify-content: space-between;}
    .page_intro .story_sect .sub_cont_text02 .tit_box .btn_box{margin-top: 0;}
    .page_intro .story_sect .list_cont .store_list01{width: 100%; margin-top: var(--contMt3);}

    .page_intro .story_sect .list_cont > *,
    .page_intro .story_sect .list_cont > *:nth-child(2){transform: translateY(5rem);}
    .page_intro .story_sect .list_cont.active > *{transform: unset;}
    
    
    
    /* 채용공고 768 */
    .page_recruit .visual_sect{height: auto;}
    .page_recruit .visual_sect .txt_box{position: relative; top: unset; left: unset; transform: unset; padding: 120px 0 350px;}
    .page_recruit .visual_sect .bg{position: absolute; inset: 0; height: 100%;}
    .page_recruit .visual_sect .bg img{object-position: 50% 80%;}
    

    .page_recruit .list_sect .sub_cont_text02{position: relative; top: unset;}
    .recruit_cont .cont_wrap{flex-direction: column; gap: 0;}
    .recruit_cont .cont{width: 100%; margin-top: var(--contMt3); gap: var(--contMt2);}

    .recruit_cont .recruit_list{flex-direction: row; flex-wrap: wrap;}
    .recruit_cont .recruit_list a{width: calc(50% - 1rem);}
    .recruit_cont .info_list li{padding: 22px 0;}
    .recruit_cont .process_list{width: 550px; max-width: 100%;}

    .page_recruit .data_sect{width: 100%; overflow: hidden;}
    .page_recruit .data_sect .dot_wrap .dot_item.current .bubble{width: 34rem; height: 14rem;}
    .page_recruit .data_sect .dot_wrap .dot_item:nth-child(1){bottom: 25%;}
    .page_recruit .data_sect .dot_wrap .dot_item:nth-child(2){bottom: 47%;}
    .page_recruit .data_sect .dot_wrap .dot_item:nth-child(3){bottom: 65%;}
    .page_recruit .data_sect .dot_wrap .dot_item:nth-child(4){bottom: 79%;}
    .page_recruit .data_sect .dot_wrap .dot_item:nth-child(5){bottom: 87%;}
    

    /* 마이페이지 768 */
    /* .page_my_view .view_sect .in3{width: 100%;} */




    .search_result_list.visual { grid-template-columns: repeat(4, 1fr); }




}





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

    .sub_visual{margin-bottom: 40px;}
    .sub_visual .lnb{padding-top: 20px;}
    .sub_visual .tit_wrap{padding: 20px 0 25px;}

    /* 스토어 600 */
    .page_store .top_banner .txt_box{padding-bottom: 80%;}
    .page_store .top_banner .txt_box .desc{font-size: var(--p3);}
    .page_store .top_banner .txt_box .tit{font-size: var(--h1);}

    .com_paging .swiper_btn_box{margin-left: 15px;}
    .com_paging .swiper_btn_box .swiper_btn + .swiper_btn{margin-left: 8px;}
    .page_store .related_sect .shop_list01{grid-template-columns: repeat(1, minmax(0, 1fr));}


    /* 포트폴리오 600 */
    .port_branding_sect .top_cont{flex-direction: column; align-items: center;}
    .port_branding_sect .top_cont .img_box{width: 60%; height: auto;}
    .port_branding_sect .top_cont .txt_box{margin-left: 0; margin-top: 15px;}
    .port_branding_sect .top_cont .txt_box .txt{margin-top: 8px;}

    .port_branding_sect .keword_box .keword_btn_box{gap: 5px;}
    
    .portfolio_view_head .detail_btn {display: none;}
    .modal .modal_wrap .modal_cont.portfolio_view{width: 100%; max-width: 100%;}
    .modal .modal_wrap .modal_cont.portfolio_view .modal_close{right: 0; transform: unset; top: -35px;}
    .modal_cont.portfolio_view .portfolio_view_nav{padding: 0 5px;}
    .modal_cont.portfolio_view .portfolio_view_tools .tool_btn {width: 2.8rem; height: 2.8rem;}

    .prd_list_box.portfolio .com_tag_box .tag{font-size:10px;}
    

    /* 큐레이션 md 600 */
    .page_mdPick .main_cont{flex-direction: column; align-items: flex-start;}
    .page_mdPick .store_prd_sect{margin-top: 0;}
    .page_mdPick .main_cont .img_box{width: 100%; margin-right: 0; margin-bottom: 20px;}
    .page_mdPick .store_prd_sect .full_bnr_slide,
    .page_mdPick .main_cont .img_box{border-radius: 15px;}
    .page_mdPick .main_cont .txt_box .txt{margin-top: 8px;}
    .page_mdPick .main_cont .btn_box{margin-top: 20px;}


    /* 소개 600 */
    .page_intro .visual_sect .cont{margin-top: 15px; align-items: flex-start; width: 100%;}
    .page_intro .visual_sect .cont .top_tit{width: 100%;}
    
    .page_intro .visual_sect .cont .txt_wrap{position: relative; flex-direction: column;}
    .page_intro .visual_sect .cont .txt_wrap .key_img{width: 40%; position: absolute; margin-left: -4%; left: 0; margin-top: 0; top: 0;}
    .page_intro .visual_sect .cont .txt_wrap.active .key_img{margin-top: -10px;}
    .page_intro .visual_sect .cont .txt_wrap .txt_box{margin-left: 32%; transform: translateY(5rem); max-width: 100%; padding-top: var(--contMt3);}
    .page_intro .visual_sect .cont .txt_wrap .txt_box .txt{ font-size: var(--p3);}
    .page_intro .visual_sect .cont .txt_wrap .txt_box .copy_tit{margin-top: var(--contMt4);}
    .page_intro .visual_sect .cont .txt_wrap .txt_box .logo{margin-top: 5px; max-width: 100%;}
    .page_intro .visual_sect .cont .txt_wrap.active .txt_box{ transform: unset;}

    .page_intro .team_sect{margin: 0; border-radius: 0;}
    .page_intro .team_sect .tab_cont .cont .cont_box{align-items: flex-start;}
    .page_intro .team_sect .tab_cont .cont .cont_box .img{margin-right: 0; padding-top: 84%;}
    .page_intro .team_sect .tab_cont .cont .cont_box .img{width: 100%;}

    .page_intro .team_sect .com_tab01 .tab_box{width: 100%;}
    .page_intro .team_sect .com_tab01 .btn{padding: 0.90em 1.5em;}
    .page_intro .team_sect .tab_cont .cont .cont_box .txt_box .tit:before{width: 1.4em; height: 1.4em;}
    .page_intro .team_sect .tab_cont .cont .cont_box .txt_box .txt{margin-top: 5px;}

    .page_intro .story_sect .list_cont .store_list01 .prd_list_box .prd_list {grid-template-columns: repeat(2, minmax(0, 1fr));}
    .page_intro .story_sect .sub_cont_text02 .tit_box {display: block; }
    .page_intro .story_sect .sub_cont_text02 .tit_box .btn_box{margin-top: 15px;}
    


    /* 채용공고 600 */
    .page_recruit .visual_sect .txt_box{padding: 90px 0 250px;}
    .page_recruit .visual_sect .txt_box .txt br{display: none;}
    .page_recruit .visual_sect .txt_box .txt{font-size: var(--p3); font-weight: 400;}
    .page_recruit .visual_sect .txt_box .txt.lg{font-size: var(--p1);}

    .recruit_cont .tit_box .info_txt{margin-top: 8px;}
    .recruit_cont .tit_box .btn_box{margin-top: 15px;}
    .recruit_cont .recruit_item{align-items: flex-start; flex-direction: column;}
    .recruit_cont .recruit_item .team_box{align-items: flex-start; flex-direction: column; gap: 10px;}
    .recruit_cont .recruit_item .position{font-size: 13px; line-height: 1.5; white-space: normal;}
    .recruit_cont .recruit_item .apply_btn{width: 100%;}
    .recruit_cont .info_tit .num{font-size: 11px;}
    .recruit_cont .info_list .txt,
    .recruit_cont .notice_list{font-size: 13px;}
    .recruit_cont .process_list{ margin: 0 auto; gap: 15px;}
    .recruit_cont .process_list li + li:before{left: -7px;}
    .recruit_cont .process_list .step{font-size: var(--p8);}
    .recruit_cont .process_list .tit{font-size: var(--p2);}
    .recruit_cont .recruit_item .team{font-size: 16px;}

    
    .page_recruit .data_sect .cont{padding-top: 79.5%; margin-top: 14rem;}
    .page_recruit .data_sect .dot_wrap .dot_item .dot,
    .page_recruit .data_sect .dot_wrap .dot_item.current .dot{width: 12px; height: 12px; border-width: 2px;}
    .page_recruit .data_sect .dot_wrap .dot_item.current .dot:before{border-width: 2px;}
    .page_recruit .data_sect .dot_wrap .dot_item:last-child .txt_box { position: absolute; right: 0; bottom: 0;}
    .page_recruit .data_sect .dot_wrap .dot_item .year{margin-bottom: 1rem;}
    .page_recruit .data_sect .dot_wrap .dot_item.current .bubble:before{background-position: 85%;}
    .page_recruit .data_sect .dot_wrap .dot_item.current .bubble{left: unset; right: 0; transform: unset;}

    .page_recruit .data_sect .dot_wrap .dot_item:nth-child(1){ left: 12%; bottom: 13%;}
    .page_recruit .data_sect .dot_wrap .dot_item:nth-child(2){ left: 31%; bottom: 26%;}
    .page_recruit .data_sect .dot_wrap .dot_item:nth-child(3){ left: 47%; bottom: 48%;}
    .page_recruit .data_sect .dot_wrap .dot_item:nth-child(4){ left: 65%; bottom: 70%;}
    .page_recruit .data_sect .dot_wrap .dot_item:nth-child(5){ left: 84%; bottom: 85%;}



    /* 마이페이지 */
    .page_likes .prd_likes_list {grid-template-columns: repeat(2,minmax(0,1fr));}

    /* 장바구니 600 */
    .page_cart .step_sect .cont_box .cont{flex-wrap: wrap; gap: 20px;}
    .page_cart .step_sect .cont_box .cont .item{flex:unset; width: calc(50% - 10px); flex-shrink: 0;}
    .page_cart .step_sect .cont_box .cont .item + .item:before{left: -10%; height: 2rem;}
    .page_cart .step_sect .cont_box .cont .item + .item:nth-child(3):before,
    .page_cart .step_sect .cont_box .cont .item + .item:nth-child(5):before{display: none;}


    .search_result_list .tit { font-size: 16px; }
    .search_result_list > li > a { gap: 14px; }


}