@charset "utf-8";

/* 상품 목록 페이지 ======================================== */

.p_List_ctrl {width:100%; margin:0;}
.p_List_ctrl p {font-size:1.6rem; color:var(--color-gray-700); font-weight:500; letter-spacing:-0.02em; line-height:2.4rem;}
.p_List_ctrl p em {font-size:1.6rem; font-weight:500;}

.product_list {width:100%;}
.product_list .item_list {width:100%; display:flex; flex-wrap:wrap; gap:4.8rem 2.4rem;}
.product_list .item_list li {width:calc(20% - 1.92rem);}

.product_list .item_list .item {width:100%; position: relative;}
.product_list .item_list .item a.upper_link {width:100%; height:100%; position: absolute; top:0; left:0; z-index:9;}
.product_list .item_list .item .btn_detail {width:100%; height:100%; position: absolute; top:0; left:0; cursor: pointer;z-index:9;}

.product_list .item_list .item .thumb {width:100%; padding-top:100%; position: relative; border-radius:2.4rem; -webkit-radial-gradient(white, black); isolation: isolate; overflow: hidden;}
.product_list .item_list .item .thumb .img {width:100%; height:100%; position: absolute; top:0; left:0; display:flex; align-items: center; justify-content: center;}
.product_list .item_list .item .thumb .img::before {content:"상세보기"; width:100%; height:100%; position: absolute; top:0; left:0; background-color:rgba(0,0,0,0.5); display:flex; align-items: center; justify-content: center; font-size:2.2rem; color:var(--color-white); font-weight:500; letter-spacing:-0.02em; line-height:3.2rem; opacity:0; z-index:3;}
.product_list .item_list .item .thumb .img img {display: block; width:100%; height:100%; object-fit: cover;}

.product_list .item_list .item .info {width:100%; margin-top:1.6rem;}
.product_list .item_list .item .info .item_name {font-size:1.7rem; color:var(--color-gray-700); font-weight:600; letter-spacing:-0.03em; line-height:2.6rem; max-height:5.2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.product_list .item_list .item .info .price {font-size:1.8rem; color:var(--color-gray-800); font-weight:700; letter-spacing:-0.03em; line-height:2.8rem; display: block; margin-top:0.4rem;}

.product_list .item_list .item .info .brand_name {font-size:1.6rem; color:var(--color-gray-600); font-weight:500; letter-spacing:-0.02em; line-height:2.4rem; display: block; margin-bottom:0.4rem;}
.product_list .item_list .item .info .prod_name {font-size:1.8rem; color:var(--color-gray-800); font-weight:600; letter-spacing:-0.03em; line-height:2.8rem; max-height:5.6rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}

.product_btn {width:100%; margin-top:6.4rem;position: relative; display:flex; justify-content: center;}
.product_btn::before {content:""; width:100%; height:1px; background-color:var(--color-gray-200); position: absolute; top:50%; left:0; z-index:1;}
.product_btn button {width:100%; max-width:25.4rem; height:5.7rem; background-color:var(--color-gray-800); border-radius:10rem; font-size:1.6rem; color:var(--color-white); font-weight:500; letter-spacing:-0.02em; line-height:2.4rem; position: relative; z-index:2; cursor: pointer;}


.c_none {padding:12rem 0; background-color:var(--color-gray-50); border-radius:2.4rem;}
.c_none .gtxt {font-size:1.5rem; line-height:2.3rem;}


@media (hover: hover) {
    .product_list .item_list .item .thumb img  {transition:all 0.5s;}
    .product_list .item_list .item .thumb .img::before {transition:all 0.2s;}
    .product_list .item_list .item:hover .thumb img {transform: scale(1.12);}
    .product_list .item_list .item:hover .thumb .img::before {opacity:1;}
    .product_list .item_list .item:hover .info .item_name,
    .product_list .item_list .item:hover .info .price {text-decoration: underline; text-underline-offset:0.2rem;}
    .product_btn button {transition:all 0.2s;}
    .product_btn button:hover {background-color:var(--color-action);}
}
@media (max-width:1300px) {
    .product_list .item_list {gap:4.4rem 2rem;}
    .product_list .item_list li {width:calc(20% - 1.6rem);}
    .product_list .item_list .item .thumb {border-radius:2rem;}
}
@media (max-width:1200px) {
    .product_list .item_list {gap:4.2rem 2rem;}
    .product_list .item_list li {width:calc(25% - 1.5rem);}
    
    .product_btn {margin-top:5.6rem;}
    .product_btn button {max-width:22rem; height:5.5rem;}
}
@media (max-width:1023px) {
    .product_list .item_list {gap:4.2rem 1.6rem;}
    .product_list .item_list li {width:calc(25% - 1.28rem);}
    .product_list .item_list .item .thumb {border-radius:1.6rem;}
    .product_list .item_list .item .thumb .img::before {font-size:2rem; line-height:3rem;}
}
@media (max-width:900px) {
    .product_list .item_list {gap:5rem 2.4rem;}
    .product_list .item_list li {width:calc(50% - 1.2rem);}
    .product_list .item_list .item .thumb {border-radius:2rem;}
    .product_list .item_list .item .thumb .img::before {font-size:2.4rem; line-height:3.4rem;}
}
@media (max-width:767px) {
    .p_List_ctrl p {font-size:1.5rem; line-height:2.3rem;}
    .p_List_ctrl p em {font-size:1.5rem;}

    .product_list .item_list {gap:4.4rem 2.4rem;}
    .product_list .item_list .item .thumb {border-radius:1.8rem;}
    .product_list .item_list .item .thumb .img::before {font-size:2.2rem; line-height:3.2rem;}
        
    .product_btn {margin-top:4.8rem;}
    .product_btn button {max-width:20rem; height:5.1rem;}

    .c_none {padding:8.6rem 0; border-radius:2rem;}
    .c_none .gtxt {font-size:1.4rem; line-height:2.2rem;}
    .c_none .gtxt:before {height:4.2rem; margin-bottom:0.8rem; background-size:4.2rem 4.2rem!important;}
}
@media (max-width:600px) {
    .product_list .item_list .item .thumb {border-radius:1.6rem;}
    .product_list .item_list .item .thumb .img::before {font-size:2rem; line-height:3rem;}
    
    .product_list .item_list .item .info .item_name {font-size:1.6rem; line-height:2.4rem; max-height:4.8rem;}
    .product_list .item_list .item .info .price {font-size:1.7rem; line-height:2.7rem; margin-top:0.3rem;}

    .product_list .item_list .item .info .brand_name {font-size:1.5rem; line-height:2.3rem; margin-bottom:0.3rem;}
    .product_list .item_list .item .info .prod_name {font-size:1.7rem; line-height:2.7rem; max-height:5.4rem;}

    .product_btn {margin-top:4.6rem;}
    .product_btn button {max-width:18rem; height:4.7rem; font-size:1.5rem; line-height:2.3rem;}
}
@media (max-width:479px) {
    .p_List_ctrl p {font-size:1.4rem; line-height:2.2rem;}
    .p_List_ctrl p em {font-size:1.4rem;}

    .product_list .item_list {gap:3.6rem 2rem;}
    .product_list .item_list li {width:calc(50% - 1rem);}
    .product_list .item_list .item .thumb {border-radius:1.2rem;}
    .product_list .item_list .item .thumb .img::before {font-size:1.8rem; line-height:2.8rem;}
    .product_list .item_list .item .info .item_name {font-size:1.5rem; line-height:2.3rem; max-height:4.6rem;}
    .product_list .item_list .item .info .price {font-size:1.6rem; line-height:2.6rem;}

    .product_list .item_list .item .info .brand_name {font-size:1.4rem; line-height:2.2rem;}
    .product_list .item_list .item .info .prod_name {font-size:1.6rem; line-height:2.6rem; max-height:5.2rem;}
    
    .c_none {padding:7.2rem 0; border-radius:1.6rem;}
    .c_none .gtxt {font-size:1.3rem; line-height:2.1rem;}
    .c_none .gtxt:before {height:3.8rem; margin-bottom:0.6rem; background-size:3.8rem 3.8rem!important;}
    
    .product_btn {margin-top:4.2rem;}
    .product_btn::before {display:none;}
    .product_btn button {max-width:100%;}
}
@media (max-width:420px) {
    .product_list .item_list {gap:3rem 1.6rem;}
    .product_list .item_list li {width:calc(50% - 0.8rem);}
    .product_list .item_list .item .info .item_name {font-size:1.4rem; line-height:2.2rem; max-height:4.4rem;}
    .product_list .item_list .item .info .price {font-size:1.5rem; line-height:2.5rem; margin-top:0.2rem;}
    
    .product_list .item_list .item .info .brand_name {font-size:1.3rem; margin-bottom:0.2rem;}
    .product_list .item_list .item .info .prod_name {font-size:1.5rem; line-height:2.5rem; max-height:5rem;}

    .c_none {padding:6.8rem 0; border-radius:1.2rem;}
}




#content:has(.productWrap) {padding:0;}

.productWrap {width:100%; display:flex; align-items: flex-start;}
.productWrap .prodFilter {width:27.2rem; position: sticky; top:0; left:0; z-index:11; padding-top:8rem;}

.prodFilter .scroll-wrapper {overflow: hidden !important;  padding: 0 !important; position: relative;}
.prodFilter .scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important; pointer-events: auto;}
.prodFilter .scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0;}
.prodFilter .scroll-element { display: none;}
.prodFilter .scroll-element, .scroll-element div { box-sizing: content-box;}
.prodFilter .scroll-element.scroll-x.scroll-scrollx_visible,
.prodFilter .scroll-element.scroll-y.scroll-scrolly_visible { display: block;}
.prodFilter .scroll-element .scroll-bar,
.prodFilter .scroll-element .scroll-arrow { cursor: default;}
.prodFilter .scroll-textarea {border: 1px solid #cccccc; border-top-color: #999999;}
.prodFilter .scroll-textarea > .scroll-content { overflow: hidden !important;}
.prodFilter .scroll-textarea > .scroll-content > textarea { border: none !important; box-sizing: content-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important;}
.prodFilter .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0;}
.prodFilter .scrollbar-outer > .scroll-element,
.prodFilter .scrollbar-outer > .scroll-element div{ border: none; margin: 0; padding: 0; position: absolute; z-index: 10;} 
.prodFilter .scrollbar-outer > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; }
.prodFilter .scrollbar-outer > .scroll-element.scroll-x { display:none; bottom: 0; height: 12px; left: 0; width: 100%;}
.prodFilter .scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 0;}
.prodFilter .scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; }
.prodFilter .scrollbar-outer > .scroll-element .scroll-element_track { background-color:none; }
.prodFilter .scrollbar-outer > .scroll-element .scroll-element_outer,
.prodFilter .scrollbar-outer > .scroll-element .scroll-element_track,
.prodFilter .scrollbar-outer > .scroll-element .scroll-bar { -ms-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.prodFilter .scrollbar-outer > .scroll-content.scroll-scrolly_visible { left:0; margin-left: 0; }
.prodFilter .scrollbar-outer > .scroll-content.scroll-scrollx_visible { top:  -12px; margin-top:  12px;}
.prodFilter .scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; }
.prodFilter .scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; }
.prodFilter .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; }
.prodFilter .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; }
.prodFilter .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; }
.prodFilter .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px;}

.prodFilter .scrollbar-outer > .scroll-element.scroll-y {height:calc(100% - 0.4rem); right:0; top:0; width:0.4rem; position:absolute;}
.prodFilter .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {left:0; width:0.4rem;}
.prodFilter .scrollbar-outer > .scroll-element .scroll-bar { background-color:var(--color-gray-200); cursor: pointer;}
.prodFilter .scrollbar-outer > .scroll-element .scroll-bar:hover { background-color:var(--color-gray-300);}
.prodFilter .scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color:var(--color-gray-400);}

.prodFilter .scrollbar-outer > .scroll-element .scroll-bar {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; transition: opacity 0.2s linear;}
.prodFilter .scrollbar-outer.show > .scroll-element .scroll-bar,
.prodFilter .scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7;}


.productWrap .prodFilter .pfContainer {width:100%; max-height:calc(100vh - 8rem); min-height:calc(100vh - 8rem);}
.productWrap .prodFilter .pfContainer .pfContent {width:100%; padding:2.4rem 0; padding-top:0;}
.productWrap .prodFilter .pfContainer .pfContent .pfBox {width:100%; border-top:2px solid var(--color-gray-800);}
.productWrap .prodFilter .pfContainer .pfContent .pfBox + .pfBox {margin-top:2.4rem;}
.productWrap .prodFilter .pfContainer .pfContent .pfBox .f_tit {width:100%; padding:1.6rem; position: relative;}
.productWrap .prodFilter .pfContainer .pfContent .pfBox .f_tit p {font-size:1.7rem; color:var(--color-gray-800); font-weight:700; letter-spacing:-0.03em; line-height:2.6rem;}

.productWrap .prodFilter .pfContainer .pfContent .pfBox.fold .f_tit {cursor: pointer;}
.productWrap .prodFilter .pfContainer .pfContent .pfBox.fold .f_tit::before {content:""; width:1.4rem; height:0.2rem; border-radius:10rem; background-color:var(--color-gray-800); position: absolute; top:50%; right:1.6rem; transform: translateY(-50%);}
.productWrap .prodFilter .pfContainer .pfContent .pfBox.fold .f_tit::after {content:""; width:0.2rem; height:1.4rem; border-radius:10rem; background-color:var(--color-gray-800); position: absolute; top:50%; right:2.2rem; transform: translateY(-50%); display:none;}
.productWrap .prodFilter .pfContainer .pfContent .pfBox.fold.hide .f_tit::after {display:block;}

.productWrap .prodFilter .pfContainer .pfContent .pfBox .f_cont {width:100%; padding-bottom:1.6rem;}
.productWrap .prodFilter .pfContainer .pfContent .pfBox.hide .f_cont {display:none;}

.productWrap .prodFilter .pfContainer .pfContent .pfBox .category_list {width:100%;}
.productWrap .prodFilter .pfContainer .pfContent .pfBox .category_list .cg_list {width:100%;}
.productWrap .prodFilter .pfContainer .pfContent .pfBox .category_list .cg_list label {width:100%; cursor: pointer; display: block;}
.productWrap .prodFilter .pfContainer .pfContent .pfBox .category_list .cg_list label + label {margin-top:0.8rem;}
.productWrap .prodFilter .pfContainer .pfContent .pfBox .category_list .cg_list label input {display:none;}
.productWrap .prodFilter .pfContainer .pfContent .pfBox .category_list .cg_list label em {display:block; padding:0.4rem 1.6rem; font-size:1.6rem; color:var(--color-gray-500); font-weight:500; letter-spacing:-0.02em; line-height:2.4rem; border-radius:0 10rem 10rem 0; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.productWrap .prodFilter .pfContainer .pfContent .pfBox .category_list .cg_list label input:checked + em {background-color:var(--color-action); color:var(--color-white);}


.productWrap .prodFilter .pfContainer .pfContent .f_search_wrap {display: block; width:100%; padding:0 1.6rem;}
.productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar {width:100%; border:1px solid var(--color-gray-400); border-radius:10rem; position: relative; display:flex; align-items: center; padding:0 1.6rem; padding-right:1.4rem; flex-wrap:wrap;}
.productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar input {width:calc(100% - 2.5rem); height:3.9rem; font-size:1.5rem; color:var(--color-gray-800); letter-spacing:-0.02em; font-weight:500; line-height:2.4rem; background-color: transparent;}
.productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar:has(.btn_delete.show) input {padding-right:2.7rem;}
.productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar input::placeholder {font-size:1.5rem; color:var(--color-white)!important; font-weight:400; letter-spacing:-0.02em;}
.productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar input::-moz-placeholder {font-size:1.5rem; color:var(--color-white)!important; font-weight:400; letter-spacing:-0.02em;}
.productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar input:-ms-input-placeholder {font-size:1.5rem; color:var(--color-white)!important; font-weight:400; letter-spacing:-0.02em;}
.productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar input::-webkit-input-placeholder {font-size:1.5rem; color:var(--color-white)!important; font-weight:400; letter-spacing:-0.02em;}

.productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar.selected {border-color:var(--color-action);}
.productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar.selected input {color:var(--color-action);}

.productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar .btn_delete {width:1.9rem; height:1.9rem; position: absolute; top:50%; right:4rem; transform: translateY(-50%) translateY(-0.05rem); display:none; align-items: center; justify-content: center; cursor: pointer;}
.productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar .btn_delete.show {display:flex;}
.productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar .btn_delete::before {content:""; width:1.3rem; height:1.3rem; border-radius:100%; background:url("../svg/common/ic_delete.svg")no-repeat center var(--color-gray-400); background-size:0.7rem; display: block;}

.productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar .btn_search {width:1.9rem; height:1.9rem; margin-left: auto; cursor: pointer;}
.productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar .btn_search::before {content:""; width:100%; height:100%; display: block; -webkit-mask:url("../svg/common/ic_search.svg")no-repeat center; -moz-mask:url("../svg/common/ic_search.svg")no-repeat center; -o-mask:url("../svg/common/ic_search.svg")no-repeat center; -ms-mask:url("../svg/common/ic_search.svg")no-repeat center; mask:url("../svg/common/ic_search.svg")no-repeat center; -webkit-mask-size:1.5rem; -moz-mask-size:1.5rem; -o-mask-size:1.5rem; -ms-mask-size:1.5rem; mask-size:1.5rem; background-color:var(--color-gray-600);}


.productWrap .prodFilter .pfContainer .pfContent .filterSelect {width:100%;}
.productWrap .prodFilter .pfContainer .pfContent .filterSelect .f_s_inner {width:100%;}
.productWrap .prodFilter .pfContainer .pfContent .filterSelect .f_s_inner .btn_modal {width: max-content; gap:1.2rem; display:none;}
.productWrap .prodFilter .pfContainer .pfContent .filterSelect .f_s_inner .btn_modal button {border:1px solid var(--color-gray-200); border-radius:10rem; padding:0 1.6rem;}
.productWrap .prodFilter .pfContainer .pfContent .filterSelect .f_s_inner .btn_modal button em {display: block; white-space:nowrap; font-size:1.6rem; color:var(--color-gray-500); font-weight:500; line-height:4rem; padding-right:2.4rem; position: relative;}
.productWrap .prodFilter .pfContainer .pfContent .filterSelect .f_s_inner .btn_modal button em::before {content:""; width:1.1rem; height:100%; -webkit-mask:url("../svg/common/select.svg")no-repeat center; -moz-mask:url("../svg/common/select.svg")no-repeat center; -o-mask:url("../svg/common/select.svg")no-repeat center; -ms-mask:url("../svg/common/select.svg")no-repeat center; mask:url("../svg/common/select.svg")no-repeat center; -webkit-mask-size:100%; -moz-mask-size:100%; -o-mask-size:100%; -ms-mask-size:100%; mask-size:100%; background-color:var(--color-gray-600); position: absolute; top:0; right:0;}

.productWrap .prodFilter .pfContainer .pfContent .filterSelect .f_s_inner .btn_modal button.selected {border-color: var(--color-action);}
.productWrap .prodFilter .pfContainer .pfContent .filterSelect .f_s_inner .btn_modal button.selected em {color:var(--color-action);}
.productWrap .prodFilter .pfContainer .pfContent .filterSelect .f_s_inner .btn_modal button.selected em::before {background-color:var(--color-action);}

.productWrap .prodFilter .pfContainer .pfContent .pfBox .f_radio_list {width:100%; display:flex; flex-wrap:wrap; gap:0.8rem 1rem; padding:0 1.6rem;}
.productWrap .prodFilter .pfContainer .pfContent .pfBox .f_radio_list label {width:calc(50% - 0.5rem); cursor: pointer;}
.productWrap .prodFilter .pfContainer .pfContent .pfBox .f_radio_list label input {display:none;}
.productWrap .prodFilter .pfContainer .pfContent .pfBox .f_radio_list label em {display:block; text-align: center; border:1px solid var(--color-gray-200); border-radius:10rem; font-size:1.4rem; color:var(--color-gray-500); font-weight:500; line-height:2.6rem;}
.productWrap .prodFilter .pfContainer .pfContent .pfBox .f_radio_list label input:checked + em {border-color:var(--color-action); color:var(--color-action);}

.productWrap .prodFilter .pfContainer .pfContent .pfBox .f_chk_list {width:100%; padding:0 1.6rem;}
.productWrap .prodFilter .pfContainer .pfContent .pfBox .f_chk_list label {width:100%; display: block; cursor: pointer;}
.productWrap .prodFilter .pfContainer .pfContent .pfBox .f_chk_list label + label {margin-top:0.8rem;}
.productWrap .prodFilter .pfContainer .pfContent .pfBox .f_chk_list label input {display:none;}
.productWrap .prodFilter .pfContainer .pfContent .pfBox .f_chk_list label em {display:block; font-size:1.4rem; color:var(--color-gray-700); font-weight:500; line-height:2rem; position: relative; padding-left:2.5rem;}
.productWrap .prodFilter .pfContainer .pfContent .pfBox .f_chk_list label em::before {content:""; width:1.6rem; height:1.6rem; border:2px solid var(--color-gray-200); position: absolute; top:0.2rem; left:0; box-sizing: border-box; border-radius:0.3rem; background:url("../svg/common/chk_off.svg")no-repeat center; background-size:1rem;}
.productWrap .prodFilter .pfContainer .pfContent .pfBox .f_chk_list label input:checked + em::before {border-color:var(--color-action); background-color:var(--color-action); background-image:url("../svg/common/chk_on.svg");}


.productWrap .prodFilter .pfContainer .pfContent .pfBtn {width:100%; margin-top:2.4rem; display:none;}
.productWrap .prodFilter .pfContainer .pfContent .pfBtn.show {display: flex;}
.productWrap .prodFilter .pfContainer .pfContent .pfBtn button {width:100%; height:4.4rem; border:1px solid var(--color-gray-300); border-radius:10rem; background-color:var(--color-gray-50); font-size:1.4rem; color:var(--color-gray-600); font-weight:500; line-height:2rem; cursor: pointer;}
.productWrap .prodFilter .pfContainer .pfContent .pfBtn button#btn_submit {display:none;}


.productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal {width:100%;}
.productWrap .prodFilter .pfContainer .pfContent:has(.category_list) .mobileFilterModal {margin-top:2.4rem;}
.productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout {width:100%;}
.productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout .mfTitle {width:100%; padding:2.4rem 3rem; padding-bottom:0; display:none; position: relative;}
.productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout .mfTitle h2 {font-size:1.7rem; line-height:2.4rem; color:var(--color-gray-700); font-weight:500; letter-spacing:-0.02em;}
.productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout .mfTitle .close {position:absolute; top:2.1rem; right:0; width:6.5rem; height:3rem; background:url("../svg/common/ic_close_black.svg")no-repeat center; background-size:1.5rem;}


.productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout .mfTab {width:100%; display:none; position: relative;}
.productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout .mfTab::before {content:""; width:100%; height:1px; background-color:var(--color-gray-200); position: absolute; bottom:0; left:0;}
.productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout .mfTab .tabInner {width:100%; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding:0; z-index:9; position: relative;}
.productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout .mfTab .tabInner::-webkit-scrollbar {display: none;}
.productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout .mfTab ul {width: max-content; display:flex; gap:2.4rem; flex-wrap:nowrap; padding:0 3rem;}
.productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout .mfTab ul li {padding:1.6rem 0.4rem; padding-bottom:1.2rem; font-size:1.6rem; color:var(--color-gray-800); font-weight:500; line-height:2.4rem; position: relative; cursor: pointer;}
.productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout .mfTab ul li.hit {color:var(--color-action); font-weight:700;}
.productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout .mfTab ul li.hit::before {content:""; width:100%; height:2px; background-color:var(--color-action); position: absolute; bottom:0; left:0;}

.productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout .mfContainer {width:100%;}
.productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout .mfContainer .mfContent {width:100%;}
.productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .popupBg {display:none;}


.productWrap .prodContainer {width:calc(100% - 38.2rem); margin-left: auto; position: relative; z-index:10;}
.productWrap .prodContainer .prodContent {width:100%; padding:8rem 0;}
.productWrap .prodContainer .prodContent:last-child {padding-bottom:16rem;}
.productWrap .prodContainer .prodContent .p_List_ctrl {margin-bottom:4rem;}
.productWrap .prodContainer .prodContent .p_List_ctrl p {font-size:2rem; color:var(--color-gray-800); font-weight:700; line-height: 3rem;}

.productWrap .brand_kit_list .item_list li {width:calc(33.33% - 1.6rem);}


.c_banner_wrap {width:100%; margin-bottom:16rem;}
.c_banner_wrap .banner {width:100%; background:url("../img/product/brandkit_banner_pc.jpg")no-repeat center / cover; display:flex; align-items: center; border-radius:2.4rem; padding:4rem;}
.c_banner_wrap .banner .txt p {font-size:2rem; color:var(--color-white); font-weight:700; letter-spacing:-0.05em; line-height:3rem;}
.c_banner_wrap .banner .txt em {display: block; font-size:1.7rem; color:var(--color-white); font-weight:600; letter-spacing:-0.03em; line-height:2.6rem; margin-top:2.4rem;}
.c_banner_wrap .banner .btn {margin-left:auto;}
.c_banner_wrap .banner .btn a {display:flex; align-items: center; justify-content: center; width:24rem; height:5.6rem; background-color:var(--color-white); font-size:2rem; color:var(--color-gray-800); font-weight:800; letter-spacing:-0.05em; line-height:3rem; border-radius:10rem;}



@media (hover: hover) {
    .productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar .btn_delete,
    .productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar .btn_search,
    .productWrap .prodFilter .pfContainer .pfContent .filerReset button {transition:all 0.2s;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox .category_list .cg_list label:hover em {color:var(--color-gray-300);}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox .f_radio_list label:hover em {color:var(--color-gray-300); border-color:var(--color-gray-300);}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox .f_chk_list label:hover em {color:var(--color-gray-400);}
    .productWrap .prodFilter .pfContainer .pfContent .filerReset button:hover {color:var(--color-gray-700); border-color:var(--color-gray-500);}

    .productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar .btn_delete:hover,
    .productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar .btn_search:hover {opacity:0.5;}

    .c_banner_wrap .banner .btn a {transition:all 0.2s;}
    .c_banner_wrap .banner .btn a:hover {background-color:var(--color-action); color:var(--color-white);}
}
@media (max-width:1500px) {
    .productWrap .prodContainer {width:calc(100% - 34rem);}
    .productWrap .product_list .item_list {gap:4.2rem 2rem;}
    .productWrap .product_list .item_list li {width:calc(25% - 1.5rem);}
    .productWrap .brand_kit_list .item_list li {width:calc(33.33% - 1.6rem);}

    .c_banner_wrap .banner .btn a {width:22rem;}
}
@media (max-width:1400px) {
    .productWrap .prodFilter {width:25rem;}
    .productWrap .prodContainer {width:calc(100% - 32rem);}
    .productWrap .product_list .item_list {gap:4.2rem 2rem;}
    .productWrap .product_list .item_list li {width:calc(25% - 1.5rem);}
    .productWrap .brand_kit_list .item_list li {width:calc(33.33% - 1.6rem);}

    .c_banner_wrap .banner .btn a {width:20rem;}
}
@media (max-width:1300px) {
    .productWrap .prodFilter .pfContainer .pfContent .pfBox .f_tit {padding:1.4rem 1.2rem;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox .category_list .cg_list label em {padding:0.4rem 1.2rem;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox .f_radio_list {gap:0.8rem; padding:0 1.2rem;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox .f_radio_list label {width:100%;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox .f_chk_list {padding:0 1.2rem;}
    .productWrap .prodFilter .pfContainer .pfContent .f_search_wrap {padding:0 1.2rem;}

    .productWrap .prodContainer {width:calc(100% - 31rem);}
    .productWrap .product_list .item_list {gap:4.2rem 2rem;}
    .productWrap .product_list .item_list li {width:calc(25% - 1.5rem);}
    .productWrap .brand_kit_list .item_list li {width:calc(33.33% - 1.6rem);}

    .c_banner_wrap .banner .btn a {width:18rem; height:5.4rem; font-size:1.8rem;}
}
@media (max-width:1200px) {
    .productWrap .prodFilter {width:24rem; padding-top:7.2rem;}
    .productWrap .prodFilter .pfContainer {max-height:calc(100vh - 7.2rem);}

    .productWrap .prodContainer {width:calc(100% - 29rem);}
    .productWrap .prodContainer .prodContent {padding:6rem 0;}
    .productWrap .prodContainer .prodContent:last-child {padding-bottom:12rem;}

    .productWrap .prodContainer .prodContent .p_List_ctrl {margin-bottom:3.2rem;}
    .productWrap .product_list .item_list {gap:4rem 2.4rem;}
    .productWrap .product_list .item_list li {width:calc(33.33% - 1.6rem);}
    .productWrap .brand_kit_list .item_list li {width:calc(50% - 1.2rem);}

    .c_banner_wrap .banner .txt em {margin-top:1.6rem;}
    .c_banner_wrap .banner .btn a {width:16rem; height:5rem; font-size:1.7rem;}

}
@media (max-width:1023px) {
    .productWrap .prodFilter {width:23rem; padding-top:4.6rem; top:2.6rem;}
    .productWrap .prodFilter .pfContainer {max-height:calc(100vh - 4.6rem);}

    .productWrap .prodContainer {width:calc(100% - 27rem);}
    .productWrap .prodContainer .prodContent {padding:5.6rem 0;}
    .productWrap .prodContainer .prodContent:first-child {padding-top:4.6rem;}
    .productWrap .prodContainer .prodContent:last-child {padding-bottom:11.2rem;}
    .productWrap .prodContainer .prodContent .p_List_ctrl {margin-bottom:2.4rem;}
    .productWrap .product_list .item_list {gap:4rem 1.8rem;}
    .productWrap .product_list .item_list li {width:calc(33.33% - 1.2rem);}
    
    .productWrap .brand_kit_list .item_list {gap:4rem 2rem;}
    .productWrap .brand_kit_list .item_list li {width:calc(50% - 1rem);}

    .c_banner_wrap .banner {padding:5rem 3.2rem; border-radius:2rem;}
    .c_banner_wrap .banner .txt p {font-size:1.8rem; line-height:2.8rem;}
    .c_banner_wrap .banner .txt em {font-size:1.6rem; line-height:2.4rem; margin-top:1.2rem;}
    .c_banner_wrap .banner .btn a {width:14rem; height:4.8rem; font-size:1.6rem;}
}
@media (max-width:900px) {
    #content .inner {width:100%;}

    .productWrap {display: block;}
    .productWrap .prodFilter {width:100%; position: static; margin:0; padding:0;}
    .productWrap .prodFilter .pfContainer {max-height:none; min-height:auto;}
    .productWrap .prodFilter .pfContainer .pfContent {padding:0;}
    .productWrap .prodFilter .pfContainer .pfContent:has(.category_list) {padding-top:4rem;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox {border:0;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox + .pfBox {margin:0;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox .f_tit {display:none;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox.fold .f_tit::before,
    .productWrap .prodFilter .pfContainer .pfContent .pfBox.fold .f_tit::after {display:none;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox.fold.hide .f_tit::after {display:none;}

    .productWrap .prodFilter .pfContainer .pfContent .pfBox .f_cont {padding:0;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox.hide .f_cont {display:block;}

    .productWrap .prodFilter .pfContainer .pfContent .pfBox:has(.category_list) {position: fixed; top:7.2rem; left:0; background-color:#fff; z-index:11;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox:has(.category_list)::before {content:""; width:100%; height:1px; background-color:var(--color-gray-200); position: absolute; bottom:0; left:0; z-index:1;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox .category_list {width:100%; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding:0; z-index:9;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox .category_list::-webkit-scrollbar {display: none;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox .category_list .cg_list {width: max-content; display:flex; gap:3.2rem; flex-wrap:nowrap; padding:0 3rem;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox .category_list .cg_list label {width:auto;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox .category_list .cg_list label + label {margin:0;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox .category_list .cg_list label input {display:none;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox .category_list .cg_list label em {display:block; padding:0 0.2rem; padding-bottom:1.6rem; border-radius:0; position: relative;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox .category_list .cg_list label input:checked + em {background-color:transparent; color:var(--color-action); font-weight:700;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox .category_list .cg_list label input:checked + em::before {content:""; width:100%; height:2px; background-color:var(--color-action); position: absolute; bottom:0; left:0; z-index:9;}

    .productWrap .prodFilter .pfContainer .pfContent .f_search_wrap {padding:0;}
    .productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar {width:30rem; border-color:var(--color-gray-200);}
    .productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar.has-value {border-color:var(--color-action);}
    .productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar input {width:calc(100% - 2.4rem); height:4rem; font-size:1.6rem;}
    .productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar:has(.btn_delete.show) input {padding-right:2.8rem;}
    .productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar input::placeholder {font-size:1.6rem; color:var(--color-gray-200)!important;}
    .productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar input::-moz-placeholder {font-size:1.6rem; color:var(--color-gray-200)!important;}
    .productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar input:-ms-input-placeholder  {font-size:1.6rem; color:var(--color-gray-200)!important;}
    .productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar input::-webkit-input-placeholder {font-size:1.6rem; color:var(--color-gray-200)!important;}

    .productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar .btn_delete {width:2rem; height:2rem; transform: translateY(-50%);}
    .productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar .btn_delete::before {width:1.2rem; height:1.2rem; background-size:0.6rem;}

    .productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar .btn_search {width:2rem; height:2rem;}
    .productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar .btn_search::before {-webkit-mask-size:1.6rem; -moz-mask-size:1.6rem; -o-mask-size:1.6rem; -ms-mask-size:1.6rem; mask-size:1.6rem;}

    
    .productWrap .prodFilter .pfContainer .pfContent .pfBox .f_radio_list {gap:1.2rem; padding:0;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox .f_radio_list label em {text-align:left; border:0; border-radius:0; font-size:1.6rem; color:var(--color-gray-700); line-height:2.4rem; position: relative; padding-left:3rem;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox .f_radio_list label em::before {content:""; width:2.2rem; height:2.2rem; border:2px solid var(--color-gray-200); position: absolute; top:0.1rem; left:0; box-sizing: border-box; border-radius:0.5rem; background:url("../svg/common/chk_off.svg")no-repeat center; background-size:1.2rem;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox .f_radio_list label input:checked + em {border-color:var(--color-action); color:var(--color-action);}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox .f_radio_list label input:checked + em::before {border-color:var(--color-action); background-color:var(--color-action); background-image:url("../svg/common/chk_on.svg");}

    .productWrap .prodFilter .pfContainer .pfContent .pfBox .f_chk_list {padding:0;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox .f_chk_list label + label {margin-top:1.2rem;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox .f_chk_list label em {font-size:1.6rem; line-height:2.4rem; padding-left:3rem;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox .f_chk_list label em::before {width:2.2rem; height:2.2rem; top:0.1rem; border-radius:0.5rem; background-size:1.2rem;}


    .productWrap .prodFilter .pfContainer .pfContent .filterSelect {overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none;}
    .productWrap .prodFilter .pfContainer .pfContent .filterSelect::-webkit-scrollbar {display: none;}
    .productWrap .prodFilter .pfContainer .pfContent .filterSelect .f_s_inner {padding:2.4rem 3rem; padding-bottom:0; width: max-content; display:flex; gap:1.2rem; flex-wrap:nowrap;}
    .productWrap .prodFilter .pfContainer .pfContent:not(:has(.category_list)) .filterSelect .f_s_inner {padding-top: 0;}
    .productWrap .prodFilter .pfContainer .pfContent .filterSelect .f_s_inner .btn_modal {display:flex;}
    

    .productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal {margin:0; height:100%; position: fixed; top:0; left:0; display:none; align-items: flex-end; z-index:10002;}
    .productWrap .prodFilter .pfContainer .pfContent:has(.category_list) .mobileFilterModal {margin:0;}
    .productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal.popupShow {display:flex;}
    .productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout {background-color:var(--color-white); position: relative; z-index:2; border-radius:2rem 2rem 0 0;}
    .productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout .mfTitle {display:block;}
    .productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout .mfTab {display:block;}
    .productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout .mfContainer {max-height: calc(var(--vh, 1vh) * 100 - 16.4rem);}
    .productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout .mfContainer .mfContent .pfBox {display:none;}
    .productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout .mfContainer .mfContent .pfBox.show {display: block;}
    .productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout .mfContainer .mfContent .pfBox .f_cont {padding:3rem;}

    .productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .popupBg {display:block; z-index:1;}


    .productWrap .prodFilter .pfContainer .pfContent .pfBtn {display:flex; margin:0;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBtn button {border:0; border-radius:0; background-color:var(--color-white); border-top:1px solid var(--color-gray-200); height:5.4rem; font-size:1.6rem;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBtn button#btn_submit {display: block; background-color:var(--color-gray-800); border-color:var(--color-gray-800); color:var(--color-white);}


    .productWrap .prodContainer {width:100%; padding:0 3rem;}
    .productWrap .prodContainer .prodContent {padding:5rem 0;}
    .productWrap .prodContainer .prodContent:first-child {padding-top:4.2rem;}
    .productWrap .prodContainer .prodContent:last-child {padding-bottom:11rem;}
    .productWrap .prodContainer .prodContent .p_List_ctrl {margin-bottom:2rem;}

    .productWrap .product_list .item_list {gap:4.2rem 2rem;}
    .productWrap .product_list .item_list li {width:calc(25% - 1.5rem);}
    .productWrap .product_list .item_list .item .thumb .img::before {font-size:1.8rem; line-height:2.8rem;}

    .productWrap .brand_kit_list .item_list {gap:4.2rem 1.8rem;}
    .productWrap .brand_kit_list .item_list li {width:calc(33.33% - 1.2rem);}

    .c_banner_wrap .banner {padding:4.6rem 3.2rem; border-radius:2.4rem; flex-wrap:wrap; justify-content:center; background:url("../img/product/brandkit_banner_m.jpg")no-repeat center / cover;}
    .c_banner_wrap .banner .txt p {font-size:2rem; line-height:3rem;}
    .c_banner_wrap .banner .txt em {margin-top:1.6rem;}
    .c_banner_wrap .banner .btn {width:100%; display:flex; justify-content: center; margin:0; margin-top:2.4rem;}
    .c_banner_wrap .banner .btn a {width:18rem; height:4.8rem; font-size:1.6rem;}
}
@media (max-width:767px) {
    .productWrap .prodFilter .pfContainer .pfContent .pfBox:has(.category_list) {top:6.2rem;}

    .productWrap .prodContainer .prodContent .p_List_ctrl p {font-size:1.9rem; line-height: 2.9rem;}

    .productWrap .prodContainer .prodContent {padding:5rem 0;}
    .productWrap .prodContainer .prodContent:first-child {padding-top:4.2rem;}
    .productWrap .prodContainer .prodContent:last-child {padding-bottom:11rem;}
    .productWrap .prodContainer .prodContent .p_List_ctrl {margin-bottom:2rem;}

    .productWrap .product_list .item_list {gap:4.2rem 2.1rem;}
    .productWrap .product_list .item_list li {width:calc(33.33% - 1.4rem);}

    .productWrap .brand_kit_list .item_list {gap:4.2rem 2rem;}
    .productWrap .brand_kit_list .item_list li {width:calc(50% - 1rem);}

    .c_banner_wrap .banner {border-radius:2rem;}

}
@media (max-width:600px) {
    .productWrap .prodFilter .pfContainer .pfContent:has(.category_list) {padding-top:4rem;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox:has(.category_list) {top:6.2rem;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox .category_list .cg_list {gap:2.4rem;}

    .productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar {width:26rem;}
    .productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar input {font-size:1.5rem;}
    .productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar:has(.btn_delete.show) input {padding-right:2.8rem;}
    .productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar input::placeholder {font-size:1.5rem;}
    .productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar input::-moz-placeholder {font-size:1.5rem;}
    .productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar input:-ms-input-placeholder  {font-size:1.5rem;}
    .productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar input::-webkit-input-placeholder {font-size:1.5rem;}

    .productWrap .prodFilter .pfContainer .pfContent .filterSelect .f_s_inner .btn_modal button em {font-size:1.5rem; padding-right:2rem;}
    .productWrap .prodFilter .pfContainer .pfContent .filterSelect .f_s_inner .btn_modal button em::before {width:1rem;}
    
    .productWrap .prodFilter .pfContainer .pfContent .pfBox .f_radio_list label em {font-size:1.5rem; line-height:2.3rem;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox .f_radio_list label em::before {width:2.1rem; height:2.1rem; background-size:1.1rem;}

    .productWrap .prodFilter .pfContainer .pfContent .pfBox .f_chk_list label em {font-size:1.5rem; line-height:2.3rem;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox .f_chk_list label em::before {width:2.1rem; height:2.1rem; top:0.1rem; border-radius:0.5rem; background-size:1.1rem;}

    .productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout .mfTitle {padding:2.4rem; padding-bottom:0;}
    .productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout .mfTitle .close {background-size:1.4rem; width:6.2rem; top:2rem;}
    .productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout .mfTab ul {padding:0 2.4rem;}
    .productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout .mfContainer {max-height: calc(var(--vh, 1vh) * 100 - 20.4rem);}
    .productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout .mfContainer .mfContent .pfBox .f_cont {padding:2.4rem;}

    .productWrap .prodContainer .prodContent {padding:4.8rem 0;}
    .productWrap .prodContainer .prodContent:first-child {padding-top:3.6rem;}
    .productWrap .prodContainer .prodContent:last-child {padding-bottom:12rem;}
    .productWrap .prodContainer .prodContent .p_List_ctrl {margin-bottom:1.6rem;}

    .productWrap .product_list .item_list {gap:4.2rem 2.4rem;}
    .productWrap .product_list .item_list li {width:calc(50% - 1.2rem);}

    .productWrap .brand_kit_list .item_list {gap:4.2rem 2rem;}
    .productWrap .brand_kit_list .item_list li {width:calc(50% - 1rem);}

    .c_banner_wrap {margin-bottom:14rem;}
    .c_banner_wrap .banner {padding:4.2rem 2.4rem; border-radius:1.6rem;}
    .c_banner_wrap .banner .txt p {font-size:1.8rem; line-height:2.8rem;}
    .c_banner_wrap .banner .txt em {font-size:1.5rem; line-height:2.5rem; margin-top:1.4rem;}
    .c_banner_wrap .banner .btn {margin-top:2.4rem;}
    .c_banner_wrap .banner .btn a {width:15rem; height:4.4rem; font-size:1.5rem;}
}
@media (max-width:479px) {
    .productWrap .prodFilter .pfContainer .pfContent:has(.category_list) {padding-top:3.9rem;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox:has(.category_list) {top:6rem;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox .category_list .cg_list {padding:0 2.2rem;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox .category_list .cg_list label em {padding-bottom:1.5rem;}

    .productWrap .prodFilter .pfContainer .pfContent .pfBox .f_radio_list label em::before {width:2rem; height:2rem; background-size:1rem; top:0.2rem;}

    .productWrap .prodFilter .pfContainer .pfContent .pfBox .f_chk_list label em {font-size:1.5rem; line-height:2.3rem;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox .f_chk_list label em::before {width:2rem; height:2rem; top:0.2rem; background-size:1rem;}

    .productWrap .prodFilter .pfContainer .pfContent .pfBtn button {font-size:1.5rem; height:5rem;}

    .productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout .mfTitle {padding:2.2rem; padding-bottom:0;}
    .productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout .mfTitle h2 {font-size:1.6rem;}
    .productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout .mfTitle .close {background-size:1.3rem; width:5.7rem; top:1.9rem;}
    .productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout .mfTab ul {padding:0 2.2rem; gap:2rem;}
    .productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout .mfTab ul li {font-size:1.5rem; line-height:2.3rem;}
    .productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout .mfContainer {max-height: calc(var(--vh, 1vh) * 100 - 19.7rem);}
    .productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout .mfContainer .mfContent .pfBox .f_cont {padding:2.4rem 2.2rem;}

    .productWrap .prodFilter .pfContainer .pfContent .filterSelect .f_s_inner {padding:2rem 2.2rem; padding-bottom:0.8rem;}

    .productWrap .prodContainer {padding:0 2.2rem;}
    .productWrap .prodContainer .prodContent {padding:4.2rem 0;}
    .productWrap .prodContainer .prodContent:first-child {padding-top:2.4rem;}
    .productWrap .prodContainer .prodContent:last-child {padding-bottom:11rem;}
    .productWrap .prodContainer .prodContent .p_List_ctrl p {font-size:1.8rem; line-height:2.8rem;}

    .productWrap .product_list .item_list {gap:3.8rem 2rem;}
    .productWrap .product_list .item_list li {width:calc(50% - 1rem);}

    .productWrap .brand_kit_list .item_list {gap:3.8rem 2rem;}
    .productWrap .brand_kit_list .item_list li {width:calc(50% - 1rem);}

    .c_banner_wrap {margin-bottom:12rem;}
    .c_banner_wrap .banner {padding:4rem 1.6rem; border-radius:1.2rem;}
    .c_banner_wrap .banner .txt p {font-size:1.7rem; line-height:2.7rem;}
    .c_banner_wrap .banner .txt em {font-size:1.4rem; line-height:2.2rem; margin-top:1.2rem;}
    .c_banner_wrap .banner .btn {margin-top:2rem;}
    .c_banner_wrap .banner .btn a {width:14rem; height:4.1rem; font-size:1.5rem;}
}
@media (max-width:420px) {
    .productWrap .prodFilter .pfContainer .pfContent:has(.category_list) {padding-top:3.7rem;}

    .productWrap .prodFilter .pfContainer .pfContent .pfBox:has(.category_list) {top:5.6rem;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox .category_list .cg_list {padding:0 2rem;}
    .productWrap .prodFilter .pfContainer .pfContent .pfBox .category_list .cg_list label em {font-size:1.5rem; line-height:2.3rem; padding-bottom:1.4rem;}

    .productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar {width:24rem; padding:0 1.4rem;}
    .productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar input {font-size:1.4rem; height:3.8rem;}
    .productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar:has(.btn_delete.show) input {padding-right:2.8rem;}
    .productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar input::placeholder {font-size:1.4rem;}
    .productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar input::-moz-placeholder {font-size:1.4rem;}
    .productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar input:-ms-input-placeholder  {font-size:1.4rem;}
    .productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar input::-webkit-input-placeholder {font-size:1.4rem;}
    .productWrap .prodFilter .pfContainer .pfContent .f_search_wrap .search_bar .btn_search::before {-webkit-mask-size:1.4rem; -moz-mask-size:1.4rem; -ms-mask-size:1.4rem; -o-mask-size:1.4rem; mask-size:1.4rem;}

    .productWrap .prodFilter .pfContainer .pfContent .filterSelect .f_s_inner {gap:0.8rem; padding:1.6rem 2rem;}
    .productWrap .prodFilter .pfContainer .pfContent .filterSelect .f_s_inner .btn_modal {gap:0.8rem;}
    .productWrap .prodFilter .pfContainer .pfContent .filterSelect .f_s_inner .btn_modal button {padding:0 1.4rem;}
    .productWrap .prodFilter .pfContainer .pfContent .filterSelect .f_s_inner .btn_modal button em {font-size:1.4rem; line-height:3.8rem; padding-right:1.8rem;}
    .productWrap .prodFilter .pfContainer .pfContent .filterSelect .f_s_inner .btn_modal button em::before {width:1.1rem;}


    .productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout .mfTitle {padding:2rem; padding-bottom:0;}
    .productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout .mfTitle .close {background-size:1.2rem; width:5.2rem; top:1.6rem;}
    .productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout .mfTab ul {padding:0 2rem; gap:2rem;}
    .productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout .mfTab ul li {padding:1.4rem 0.2rem;}
    .productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout .mfContainer {max-height: calc(var(--vh, 1vh) * 100 - 19.5rem);}
    .productWrap .prodFilter .pfContainer .pfContent .mobileFilterModal .mfLayout .mfContainer .mfContent .pfBox .f_cont {padding:2.4rem 2rem;}


    .productWrap .prodContainer {padding:0 2rem;}
    .productWrap .prodContainer .prodContent {padding:3.6rem 0;}
    .productWrap .prodContainer .prodContent:first-child {padding-top:0.8rem;}
    .productWrap .prodContainer .prodContent:last-child {padding-bottom:10rem;}
    .productWrap .prodContainer .prodContent .p_List_ctrl p {font-size:1.7rem; line-height:2.7rem;}

    .productWrap .product_list .item_list {gap:3rem 1.6rem;}
    .productWrap .product_list .item_list li {width:calc(50% - 0.8rem);}
}
@media (max-width:320px) {
    .c_banner_wrap .banner {padding:3.2rem 1.6rem;}
}



/* 상품 상세페이지 ======================================== */
.productViewWrap {width:100%; position: relative; background-color: var(--color-white);}

.productViewTop {display:flex; padding-top:8rem;}

.productPhoto {width:calc(50% - 3.2rem);}
.productPhoto .prdouctPhotoSlider {width:100%; position: sticky; top:8rem; left:0;}
.productPhoto .prdouctPhotoSlider .thumbSlider {width:100%; border-radius:2.4rem; -webkit-radial-gradient(white, black); isolation: isolate; overflow: hidden; position: relative;}

.productPhoto .prdouctPhotoSlider .thumbSlider .thumb {width:100%;}
.productPhoto .prdouctPhotoSlider .thumbSlider .thumb img {display: block; width:100%; height:100%; object-fit:cover;}

.productPhoto .prdouctPhotoSlider .thumbSlider .js_thumb_slider {width:100%;}
.productPhoto .prdouctPhotoSlider .thumbSlider .js_thumb_slider .swiper-slide {width:100%;}
.productPhoto .prdouctPhotoSlider .thumbSlider .js_thumb_slider .swiper-slide img {display: block; width:100%; height:100%; object-fit: cover;}

.productPhoto .prdouctPhotoSlider .thumbSlider .thumb_rolling_ctrl {width:100%; position: absolute; bottom:2.4rem; display:flex; justify-content: center; z-index:9;}
.productPhoto .prdouctPhotoSlider .thumbSlider .thumb_rolling_ctrl .ctrl_content {display:flex; align-items: center; gap:0.2rem; border-radius:10rem; background-color:rgba(0,0,0,0.6); padding:0.2rem 0.4rem;}
.productPhoto .prdouctPhotoSlider .thumbSlider .thumb_rolling_ctrl .ctrl_content .button_prev {width:2.2rem; height:2.2rem; -webkit-mask:url("../svg/common/page_prev.svg")no-repeat center; -moz-mask:url("../svg/common/page_prev.svg")no-repeat center; -o-mask:url("../svg/common/page_prev.svg")no-repeat center; -ms-mask:url("../svg/common/page_prev.svg")no-repeat center;  mask:url("../svg/common/page_prev.svg")no-repeat center; -webkit-mask-size:1.4rem; -moz-mask-size:1.4rem; -o-mask-size:1.4rem; -ms-mask-size:1.4rem; mask-size:1.4rem; background-color:var(--color-gray-50); cursor: pointer;}
.productPhoto .prdouctPhotoSlider .thumbSlider .thumb_rolling_ctrl .ctrl_content .button_next {width:2.2rem; height:2.2rem; -webkit-mask:url("../svg/common/page_next.svg")no-repeat center; -moz-mask:url("../svg/common/page_next.svg")no-repeat center; -o-mask:url("../svg/common/page_next.svg")no-repeat center; -ms-mask:url("../svg/common/page_next.svg")no-repeat center; mask:url("../svg/common/page_next.svg")no-repeat center; -webkit-mask-size:1.4rem; -moz-mask-size:1.4rem; -o-mask-size:1.4rem; -ms-mask-size:1.4rem; mask-size:1.4rem; background-color:var(--color-gray-50); cursor: pointer;}

.productPhoto .prdouctPhotoSlider .thumbSlider .thumb_rolling_ctrl .ctrl_content .pagination {width:auto; font-size:1.4rem; color:var(--color-gray-300); font-weight:400; line-height:2rem; display:flex; gap:0.5rem;}
.productPhoto .prdouctPhotoSlider .thumbSlider .thumb_rolling_ctrl .ctrl_content .pagination span {font-size:1.4rem; font-weight:400;}
.productPhoto .prdouctPhotoSlider .thumbSlider .thumb_rolling_ctrl .ctrl_content .pagination .swiper-pagination-current {font-size:1.4rem; color:var(--color-gray-50); font-weight:500;}


.productPhoto .prdouctPhotoSlider .pagerSlider {width:100%; margin-top:3.2rem;}
.productPhoto .prdouctPhotoSlider .pagerSlider .js_pager_slider {width:100%;}
.productPhoto .prdouctPhotoSlider .pagerSlider .js_pager_slider ul {width:100%; display:flex; justify-content: center; flex-wrap:wrap; gap:1.6rem;}
.productPhoto .prdouctPhotoSlider .pagerSlider .js_pager_slider ul li {width:5rem; height:5rem; border-radius:0.8rem; -webkit-radial-gradient(white, black); isolation: isolate; overflow: hidden; position: relative; cursor: pointer;}
.productPhoto .prdouctPhotoSlider .pagerSlider .js_pager_slider ul li img {display: block; width:100%; height:100%; object-fit: cover;}
.productPhoto .prdouctPhotoSlider .pagerSlider .js_pager_slider ul li.hit {opacity:1!important;}
.productPhoto .prdouctPhotoSlider .pagerSlider .js_pager_slider ul li.hit::before {content:""; width:calc(100% - 4px); height:calc(100% - 4px); position: absolute; top:0; left:0; border:2px solid var(--color-action); border-radius:0.8rem;}

.productPhoto .prdouctPhotoSlider .hashtagWrap {width:100%; margin-top:3.2rem;}
.productPhoto .prdouctPhotoSlider .hashtagWrap .hashtagList {width:100%;}
.productPhoto .prdouctPhotoSlider .hashtagWrap .hashtagList ul {width:100%; display:flex; justify-content: center; flex-wrap:wrap; gap:1.2rem;}
.productPhoto .prdouctPhotoSlider .hashtagWrap .hashtagList ul li a {display: block; border-radius:10rem; background-color:var(--color-gray-100); padding:0 1.2rem; font-size:1.4rem; color:var(--color-gray-500); font-weight:500; line-height:2.6rem; border:1px solid var(--color-gray-100);}



.productViewTop .productInfo {width:calc(50% - 3.2rem); margin-left:auto;}
.productViewTop .productInfo .p_name {width:100%; position: relative; padding-bottom:1.6rem; border-bottom:1px solid var(--color-gray-200);}
.productViewTop .productInfo .p_name .item_name {width:100%;}
.productViewTop .productInfo .p_name .item_name p {font-size:1.8rem; color:var(--color-gray-700); font-weight:600; letter-spacing:-0.03em; line-height:2.8rem; word-break: keep-all;}
.productViewTop .productInfo .p_name .item_name span {font-size:1.4rem; color:var(--color-gray-500); font-weight:600; line-height:2rem; margin-top:0.8rem; word-break: keep-all; display: block;}

.productViewTop .productInfo .p_name .item_price {margin-top: 15px; font-size: 33px; line-height: 1; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.productViewTop .productInfo .p_name .item_price .before {position: relative; font-size: 0.45em; color: #aaa; padding: 0 2px; box-sizing: border-box;}
.productViewTop .productInfo .p_name .item_price .before:before {content:''; width:100%; height:1px; position:absolute; left:0; top:50%; background:#aaa; z-index:1; margin-top:-1px;}
.productViewTop .productInfo .p_name .item_price .price_in {display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%;}
.productViewTop .productInfo .p_name .item_price .price_in .price_left {display: flex; align-items: center;}
.productViewTop .productInfo .p_name .item_price .price_in .btn_share {margin-left: auto;}
.productViewTop .productInfo .p_name .item_price .after {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; color: #000; margin-right: 10px; white-space: nowrap;}
.productViewTop .productInfo .p_name .item_price .after .won {font-weight: 700; font-size:2rem; color:var(--color-gray-800); letter-spacing:-0.05em; line-height:3rem;}
.productViewTop .productInfo .p_name .item_price .percent {color: #e10000; font-weight: 700; font-size:2rem; }
.productViewTop .productInfo .p_name .item_price .btn_share {width:2.4rem; height:2.4rem; margin-left: auto; flex-shrink: 0; shape-outside: inset(0); -webkit-mask:url("../svg/product/ic_share.svg")no-repeat center; -moz-mask:url("../svg/product/ic_share.svg")no-repeat center; -o-mask:url("../svg/product/ic_share.svg")no-repeat center; -ms-mask:url("../svg/product/ic_share.svg")no-repeat center; mask:url("../svg/product/ic_share.svg")no-repeat center; -webkit-mask-size:100%; -moz-mask-size:100%; -o-mask-size:100%; -ms-mask-size:100%; mask-size:100%; background-color:var(--color-gray-700);}

.productViewTop .productInfo .m_min_qty_info {width:100%; margin-top:2rem; padding:0 3rem; display:none;}
.productViewTop .productInfo .m_min_qty_info dl {width:100%; display:flex; align-items: center; gap:0.8rem;}
.productViewTop .productInfo .m_min_qty_info dl dt {font-size:1.4rem; color:var(--color-gray-800); font-weight:700; line-height:2rem; flex-shrink:0; shape-outside: inset(0);}
.productViewTop .productInfo .m_min_qty_info dl dd {font-size:1.4rem; color:var(--color-gray-800); font-weight:700; line-height:2rem;}


.p_Vfix {margin:0; padding:0; border:0; width:100%;}

.p_Vopt {width:100%; margin-top:2.4rem;}
.p_Vopt .this_option {width:100%; padding-bottom:1.6rem; border-bottom:1px solid var(--color-gray-200);}
.p_Vopt .this_option dl {display: block;}
.p_Vopt .this_option dl + dl {border:0; padding:0; margin-top:2.4rem;}
.p_Vopt .this_option dl dt {font-size:1.4rem; color:var(--color-gray-700); font-weight:500; line-height:2rem; margin-bottom:1.6rem;}

.p_Vopt .opt_dropbox .opt_tx {height:4rem; padding:0 1.2rem; border-radius:0.4rem; border:1px solid var(--color-gray-400);}
.p_Vopt .opt_dropbox .opt_tx strong {font-size:1.4rem; color:var(--color-gray-500); font-weight:500; line-height:2rem;}
.p_Vopt .opt_dropbox .arrow {width:3.6rem; height:100%; top:0; right:0; background:url("../svg/common/select.svg")no-repeat center; background-size:1.2rem;}

.p_Vopt .opt_dropbox .opt_list {border-color:var(--color-gray-700); z-index:9;}
.p_Vopt .opt_dropbox .opt_list .opt_tx {border-color:var(--color-gray-200); border-radius:0;}

.p_Vopt .opt_dropbox.before .opt_tx {background-color:var(--color-gray-100); border-color:var(--color-gray-200);}
.p_Vopt .opt_dropbox.before .opt_tx strong {color:var(--color-gray-400);}

.p_Vopt .opt_dropbox .opt_tx em.opt_remain {font-size:1.4rem; line-height:2rem; color:var(--color-gray-400);}
.p_Vopt .opt_dropbox .opt_tx em.opt_price {font-size:1.4rem; line-height:2rem; color:var(--color-gray-800); font-weight:700;}

.p_Vopt .opt_dropbox.soldout .opt_tx {background-color:var(--color-gray-50)!important; border-color:var(--color-gray-100)!important;}
.p_Vopt .opt_dropbox.soldout .opt_tx strong {color:var(--color-gray-400)!important;}
.p_Vopt .opt_dropbox.soldout .arrow {display:none;}

.p_Vopt .min_qty_info {width:100%; margin-top:2.4rem; padding-bottom:1.6rem; border-bottom:2px solid var(--color-gray-800);}
.p_Vopt .min_qty_info dl {width:100%; display:flex; align-items: center; gap:0.8rem;}
.p_Vopt .min_qty_info dl dt {font-size:1.4rem; color:var(--color-gray-800); font-weight:700; line-height:2rem; flex-shrink:0; shape-outside: inset(0);}
.p_Vopt .min_qty_info dl dd {font-size:1.4rem; color:var(--color-gray-800); font-weight:700; line-height:2rem;}


.p_Vopt .type_result {margin:0; margin-top:2.4rem; background:none;}
.p_Vopt .type_result dl {background-color:var(--color-gray-50); padding:2.4rem; border-radius:2.4rem; position: relative;}
.p_Vopt .type_result dl + dl {border:0; margin-top:1.2rem;}
.p_Vopt .type_result dl dt {width:100%; display:flex; align-items: center; font-size:1.4rem; color:var(--color-gray-800); font-weight:500; line-height:2rem; padding-right:3rem; word-break: keep-all;}
.p_Vopt .type_result .add_tag {background-color:var(--color-gray-200); font-size:1.2rem; line-height:2rem; padding:0 0.8rem; border-radius:10rem; margin-right:0.8rem; color:var(--color-gray-600); flex-shrink:0; shape-outside: inset(0);}

.p_Vopt .type_result dl dd {margin-top:1.2rem;}
.p_Vopt .type_result .counter_box {width:15rem; height:4.4rem; border-color:var(--color-gray-400); border-radius:10rem; gap:0.4rem; align-items: center; padding:0 1.2rem;}
.p_Vopt .type_result .counter_box .updown_input {width:6.4rem; height:100%; font-size:1.4rem; color:var(--color-gray-800); font-weight:600;}
.p_Vopt .type_result .counter_box .updown_input::placeholder {font-size:1.4rem; color:var(--color-gray-200)!important; font-weight:500; letter-spacing:0;}
.p_Vopt .type_result .counter_box .updown_input::-moz-placeholder {font-size:1.4rem; color:var(--color-gray-200)!important; font-weight:500; letter-spacing:0;}
.p_Vopt .type_result .counter_box .updown_input:-ms-input-placeholder {font-size:1.4rem; color:var(--color-gray-200)!important; font-weight:500; letter-spacing:0;}
.p_Vopt .type_result .counter_box .updown_input::-webkit-input-placeholder {font-size:1.4rem; color:var(--color-gray-200)!important; font-weight:500; letter-spacing:0;}

.p_Vopt .type_result .counter_box a {width:2.6rem; height:2.6rem; border-radius:100%;}
.p_Vopt .counter_box .shape {width:1.2rem; height:1.2rem;}
.p_Vopt .counter_box .shape::before {height:0.2rem; background-color:var(--color-gray-500);}
.p_Vopt .counter_box .shape::after {width:0.2rem; background-color:var(--color-gray-500);}

.p_Vopt .type_result .price {font-size:1.6rem; color:var(--color-gray-800); font-weight:700; letter-spacing:-0.02em; line-height:2.4rem; gap:0.1rem;}

.p_Vopt .type_result .btn_delete {width:2.4rem; height:2.4rem; background:none; display:flex; align-items: center; justify-content: center; position: absolute; top:2.2rem; right:2rem;}
.p_Vopt .type_result .btn_delete::before {content:""; width:1.6rem; height:1.6rem; border-radius:100%; background:url("../svg/product/ic_delete.svg")no-repeat center #08040499; background-size:0.8rem;}


.p_Vfix .fix_btm {margin:0; margin-top:2.4rem;}
.p_Vfix .fix_btm .qty_total {display:flex; align-items: center; font-size:1.4rem; color:var(--color-gray-700); font-weight:500; margin:0;}
.p_Vfix .fix_btm .qty_total strong {font-size:1.7rem; color:var(--color-gray-800); font-weight:600; letter-spacing:-0.03em; line-height:2.6rem; margin-left:auto;}
.p_Vfix .fix_btm .qty_total em {font-size:1.7rem; color:var(--color-gray-800); font-weight:600; letter-spacing:-0.03em; line-height:2.6rem; margin-left:0.2rem;}

.p_Vfix .fix_btm .price_total {justify-content:initial; align-items: center; font-size:1.4rem; color:var(--color-gray-700); font-weight:500; margin:0; margin-top:1.6rem;}
.p_Vfix .fix_btm .price_total strong {font-size:1.7rem; color:var(--color-action); font-weight:600; letter-spacing:-0.03em; line-height:2.6rem; margin-left:auto;}
.p_Vfix .fix_btm .price_total em {font-size:1.7rem; color:var(--color-action); font-weight:600; letter-spacing:-0.03em; line-height:2.6rem; margin-left:0.2rem;}


.p_Vfix .fix_btm .buy_box {margin-top:3.2rem; gap:1.6rem;}
.p_Vfix .fix_btm .buy_box li {position: relative;}
.p_Vfix .fix_btm .buy_box .btn {height:5.6rem; border-color:var(--color-gray-800); border-radius:10rem; font-size:1.6rem; color:var(--color-gray-800); line-height:2.4rem; position: relative; z-index:2;}
.p_Vfix .fix_btm .buy_box .btn.btn_order {background:var(--color-gray-800);}
.p_Vfix .fix_btm .buy_box .btn:hover,
.p_Vfix .fix_btm .buy_box .btn.btn_order:hover {background:none; border-color:none;}
.p_Vfix .fix_btm .buy_box .btn.btn_soldout {background-color:var(--color-gray-50); border-color:var(--color-gray-200); color:var(--color-gray-400); font-weight:500; cursor:default;}

.p_Vfix .fix_btm .buy_box .tooltip {position: absolute; bottom:7.6rem; left:50%; transform: translateX(-50%); white-space:nowrap; animation:tooltip_ani 1.6s linear infinite; z-index:1;}
.p_Vfix .fix_btm .buy_box .tooltip.hide {animation:tooltip_hide 0.5s linear forwards;}
.p_Vfix .fix_btm .buy_box .tooltip div {background-color:rgba(8,4,4,0.8); font-size:1.4rem; color:var(--color-white); font-weight:500; line-height:2rem; padding:1.2rem 1.6rem; border-radius:10rem;}
.p_Vfix .fix_btm .buy_box .tooltip div::before {content:""; width: 0; height: 0; border-style: solid; border-width: 0.8rem 0.8rem 0 0.8rem; border-color: rgba(8,4,4,0.8) transparent transparent transparent; position: absolute; bottom:-0.8rem; left:50%; transform: translateX(-50%);}


.p_Vfix .btn_close {background-color:var(--color-white);}

.p_Vfixbtn {z-index:9;}
.p_Vfixbtn .btn {height:5.6rem; border:0; border-top:1px solid var(--color-gray-200); background-color:var(--color-white); color:var(--color-gray-800); font-size:1.6rem; position: relative; z-index:2;}
.p_Vfixbtn .btn.btn_buy {background-color:var(--color-gray-800); border-color:var(--color-gray-800); color:var(--color-white);}
.p_Vfixbtn .btn.btn_soldout {background-color:var(--color-gray-50); border-color:var(--color-gray-200); color:var(--color-gray-400); font-weight:500; cursor:default;}

.p_Vfixbtn li {position: relative;}
.p_Vfixbtn .tooltip {position: absolute; bottom:7.6rem; left:50%; transform: translateX(-50%); white-space:nowrap; animation:tooltip_ani 1.6s linear infinite; z-index:9;}
.p_Vfixbtn .tooltip.hide {animation:tooltip_hide 0.5s linear forwards;}
.p_Vfixbtn .tooltip div {background-color:rgba(8,4,4,0.8); font-size:1.3rem; color:var(--color-white); font-weight:500; line-height:2.1rem; padding:0.8rem 1.4rem; border-radius:10rem;}
.p_Vfixbtn .tooltip div::before {content:""; width: 0; height: 0; border-style: solid; border-width: 0.6rem 0.6rem 0 0.6rem; border-color: rgba(8,4,4,0.8) transparent transparent transparent; position: absolute; bottom:-0.6rem; left:50%; transform: translateX(-50%);}

@keyframes tooltip_ani {
	0% {bottom:7.6rem;}
	50% {bottom:6.8rem;}
	100% {bottom:7.6rem;}
}
@keyframes tooltip_hide {
	0% {bottom:6.8rem; opacity:1;}
	100% {bottom:0; opacity:0;}
}


.p_Vbanner {margin-top:8rem;}
.p_Vbanner .layout_fix {max-width:none; padding:0; width:100%;}



@media (hover: hover) {
    .productPhoto .prdouctPhotoSlider .pagerSlider .js_pager_slider ul li,
    .productPhoto .prdouctPhotoSlider .thumbSlider .thumb_rolling_ctrl .ctrl_content .button_prev,
    .productPhoto .prdouctPhotoSlider .thumbSlider .thumb_rolling_ctrl .ctrl_content .button_next,
    .productPhoto .prdouctPhotoSlider .hashtagWrap .hashtagList ul li a,
    .productViewTop .productInfo .p_name .item_price .btn_share,
    .p_Vopt .opt_dropbox .opt_tx {transition:all 0.2s;}

    .productPhoto .prdouctPhotoSlider .pagerSlider .js_pager_slider ul li:hover {opacity:0.6;}
    .productPhoto .prdouctPhotoSlider .thumbSlider .thumb_rolling_ctrl .ctrl_content .button_prev:hover,
    .productPhoto .prdouctPhotoSlider .thumbSlider .thumb_rolling_ctrl .ctrl_content .button_next:hover {background-color:var(--color-gray-400);}
    .productPhoto .prdouctPhotoSlider .hashtagWrap .hashtagList ul li a:hover {background-color:var(--color-white); border-color:var(--color-action); color:var(--color-action)}

    .productViewTop .productInfo .p_name .item_price .btn_share:hover {background-color:var(--color-action);}

    .p_Vopt .opt_dropbox > .opt_tx:hover {border-color:var(--color-gray-600);}

    .p_Vopt .opt_dropbox .opt_list .opt_tx:hover {background-color:var(--color-gray-100);}
    .p_Vopt .opt_dropbox .opt_list .opt_tx:hover strong {color:var(--color-gray-600);}

    .p_Vopt .type_result .counter_box a,
    .p_Vopt .counter_box .shape::before,
    .p_Vopt .counter_box .shape::after,
    .p_Vopt .type_result .btn_delete::before {transition:all 0.2s;}

    .p_Vopt .type_result .counter_box a:hover {background-color:var(--color-gray-100);}
    .p_Vopt .counter_box a:hover .shape::before,
    .p_Vopt .counter_box a:hover .shape::after {background-color: var(--color-gray-700);}

    .p_Vopt .type_result .btn_delete:hover::before {background-color:var(--color-gray-800);}

    .p_Vfix .fix_btm .buy_box .btn,
    .p_Vfixbtn .btn {transition:all 0.2s;}
    .p_Vfix .fix_btm .buy_box .btn:hover,
    .p_Vfixbtn .btn:hover {border-color:var(--color-action); color:var(--color-action);}
    .p_Vfix .fix_btm .buy_box .btn.btn_order:hover,
    .p_Vfixbtn .btn.btn_buy:hover {background-color:var(--color-action); border-color:var(--color-action); color:var(--color-white);}
}
@media (max-width:1400px) {
    .productViewTop {padding-top:6.4rem;}
    .productPhoto,
    .productViewTop .productInfo {width:calc(50% - 2.8rem);}
}
@media (max-width:1300px) {
    .productViewTop {padding-top:5rem;}
    .productPhoto,
    .productViewTop .productInfo {width:calc(50% - 2.4rem);}
}
@media (max-width:1200px) {
    .productViewTop {padding-top:4rem;}
    .productPhoto,
    .productViewTop .productInfo {width:calc(50% - 2rem);}
    .productPhoto .prdouctPhotoSlider {top:7.2rem;}
}
@media (max-width:1023px) {
    .productViewTop {padding-top:2.4rem;}
    .productPhoto,
    .productViewTop .productInfo {width:calc(50% - 1.6rem);}
}
@media (max-width:900px) {
    .productViewTop {padding-top:0;}

    .productPhoto {width:calc(50% - 1.2rem);}
    .productPhoto .prdouctPhotoSlider .thumbSlider {border-radius:1.6rem;}
    .productPhoto .prdouctPhotoSlider .thumbSlider .thumb_rolling_ctrl {bottom:2rem;}
    .productPhoto .prdouctPhotoSlider .thumbSlider .thumb_rolling_ctrl .ctrl_content {gap:0.1rem; padding:0.2rem;}
    .productPhoto .prdouctPhotoSlider .thumbSlider .thumb_rolling_ctrl .ctrl_content .pagination {font-size:1.3rem; gap:0.4rem;}
    .productPhoto .prdouctPhotoSlider .thumbSlider .thumb_rolling_ctrl .ctrl_content .pagination span {font-size:1.3rem;}
    .productPhoto .prdouctPhotoSlider .thumbSlider .thumb_rolling_ctrl .ctrl_content .pagination .swiper-pagination-current {font-size:1.3rem;}


    .productPhoto .prdouctPhotoSlider .pagerSlider {margin-top:2.4rem;}
    .productPhoto .prdouctPhotoSlider .pagerSlider .js_pager_slider ul {gap:1.2rem;}
    .productPhoto .prdouctPhotoSlider .pagerSlider .js_pager_slider ul li {width:4.8rem; height:4.8rem; border-radius:0.6rem;}
    .productPhoto .prdouctPhotoSlider .pagerSlider .js_pager_slider ul li.hit::before {border-radius:0.6rem;}

    .productPhoto .prdouctPhotoSlider .hashtagWrap {margin-top:2.4rem;}
    .productPhoto .prdouctPhotoSlider .hashtagWrap .hashtagList ul {gap:1rem;}
    .productPhoto .prdouctPhotoSlider .hashtagWrap .hashtagList ul li a {padding:0 1rem; font-size:1.3rem; line-height:2.5rem;}

    .productViewTop .productInfo {width:calc(50% - 1.2rem);}
    .productViewTop .productInfo .p_name .item_name p {font-size:1.7rem; line-height:2.7rem;}
    .productViewTop .productInfo .p_name .item_name span {font-size:1.3rem; margin-top:0.6rem;}

    .productViewTop .productInfo .p_name .item_price {margin-top:2rem;}

    .p_Vopt .type_result {margin-top:2rem;}
    .p_Vopt .type_result dl {padding:1.6rem; border-radius:1.2rem;}
    .p_Vopt .type_result .counter_box {width:auto; height:4rem; gap:0.2rem; padding:0 0.6rem;}
    .p_Vopt .type_result .counter_box .updown_input {width:6rem;}

    .p_Vopt .type_result .counter_box a {width:2.4rem; height:2.4rem;}
    .p_Vopt .counter_box .shape {width:1rem; height:1rem;}

    .p_Vopt .type_result .btn_delete {width:2.2rem; height:2.2rem; top:1.6rem; right:1.2rem;}
    .p_Vopt .type_result .btn_delete::before {width:1.4rem; height:1.4rem;}

    .p_Vfix .fix_btm {margin:0; margin-top:2rem;}
    .p_Vfix .fix_btm .qty_total strong,
    .p_Vfix .fix_btm .qty_total em {font-size:1.6rem; line-height:2.4rem;}

    .p_Vfix .fix_btm .price_total {margin-top:0.8rem;}
    .p_Vfix .fix_btm .price_total strong,
    .p_Vfix .fix_btm .price_total em {font-size:1.6rem; line-height:2.4rem;}

    .p_Vfix .fix_btm .buy_box {margin-top:2.8rem; gap:1.2rem;}
    .p_Vfix .fix_btm .buy_box .btn {height:4.9rem; font-size:1.5rem; line-height:2.3rem;}
}
@media (max-width:767px) {
    .productViewWrap .sInner {width:100%;}
    .productViewTop {display: block;}

    .productPhoto {width:100%;}
    .productPhoto .prdouctPhotoSlider .thumbSlider {border-radius:0;}
    .productPhoto .prdouctPhotoSlider .thumbSlider .thumb_rolling_ctrl {bottom:2rem; justify-content: flex-end; padding:0 2rem;}
    .productPhoto .prdouctPhotoSlider .thumbSlider .thumb_rolling_ctrl .ctrl_content {gap:0.1rem; padding:0.2rem 1.2rem;}
    .productPhoto .prdouctPhotoSlider .thumbSlider .thumb_rolling_ctrl .ctrl_content button {display:none;}

    .productPhoto .prdouctPhotoSlider .pagerSlider {display:none;}

    .productPhoto .prdouctPhotoSlider .hashtagWrap {margin:0;}
    .productPhoto .prdouctPhotoSlider .hashtagWrap .hashtagList {width:100%; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding:0; z-index:9;}
    .productPhoto .prdouctPhotoSlider .hashtagWrap .hashtagList::-webkit-scrollbar {display: none;}
    .productPhoto .prdouctPhotoSlider .hashtagWrap .hashtagList ul {width: max-content; display:flex; gap:1.6rem; flex-wrap:nowrap; padding:2rem 3rem;}
    .productPhoto .prdouctPhotoSlider .hashtagWrap .hashtagList ul li a {padding:0; font-size:1.3rem; line-height:2.5rem; background:none; border:0;}


    .productViewTop .productInfo {width:100%;}
    .productViewTop .productInfo .p_name {width:calc(100% - 6rem); margin:auto;}
    .productViewTop .productInfo .p_name .item_name span {margin-top:0.5rem;}
    .productViewTop .productInfo .p_name .item_price {margin-top:1.6rem;}

    .productViewTop .productInfo .m_min_qty_info {display:block;}

    .p_Vfix {height:100%; position: fixed; left:0; bottom:0; display:flex; flex-direction: column; justify-content: flex-end; align-items: stretch; padding-top:8rem; z-index:-1;}
    .p_Vfix .white_box {border-radius:2.4rem 2.4rem 0 0; max-height:calc(100vh - 5rem); transform:translateY(100%); position: relative; z-index:2; display:flex; flex-direction: column; justify-content: flex-end; align-items: stretch;}
    .p_Vfix .scroll_box {overflow-x:hidden; overflow-y: auto; padding:3rem; padding-bottom:8.6rem;}
    
    .p_Vopt {margin:0;}
    .p_Vopt .this_option {padding-bottom:2rem;}
    .p_Vopt .this_option dl dt {margin-bottom:0.8rem;}
    .p_Vopt .this_option dl:first-of-type dt {display:block;}
    .p_Vfix .btn_close {display:flex; height:3rem; border-radius:2.4rem 2.4rem 0 0;}
    .p_Vfix .bg_close {display:block;}
    
    .p_Vfix.if_open_fix {z-index:1000;}
    .p_Vfix.if_open_fix .white_box {transform: translateY(0); transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
    .p_Vfix.if_open_fix .bg_close {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); transition: opacity 0.3s ease-out; -webkit-transition: opacity 0.3s ease-out;}

    .p_Vopt .opt_dropbox .arrow {z-index:2;}
    .p_Vopt .opt_dropbox .opt_list {position:fixed; top:auto; bottom:0; width:100%; border:0; z-index:400; height:100%; max-height:100%; min-height:auto; padding:0 3rem; padding-top:0.8rem;}
	.p_Vopt .opt_dropbox .opt_list {transform:translateY(100%); border-radius:2.4rem 2.4rem 0 0; overflow:hidden; display:flex !important; justify-content: stretch; align-items: stretch; flex-direction:column;}
	.p_Vopt .opt_dropbox .opt_list .c_scroll_v {flex:1; height:calc(100% - 5.8rem); max-height:none;}
	.p_Vopt .opt_dropbox .opt_tx.this_selected {border-color:var(--color-gray-200) !important; border-radius:0.5rem!important;}
	.p_Vopt .opt_dropbox .opt_list .opt_tx {padding:0px;}
	.p_Vopt .opt_dropbox .opt_list div.opt_tx {background:transparent url('../images/c_img/ic_close.svg') center right no-repeat !important; background-size:1.2rem !important; height:5rem; font-weight:600; font-size:1.5rem;}
	.p_Vopt .opt_dropbox.if_open_opt .opt_list {transform:translateY(0);}

    .p_Vopt .min_qty_info {padding-bottom:1.2rem; margin-top:2rem;}
    .p_Vopt .min_qty_info dl dt,
    .p_Vopt .min_qty_info dl dd {font-size:1.3rem; line-height:1.8rem;}

    .p_Vopt .type_result dl {padding:1.6rem; border-radius:1.2rem;}
    .p_Vopt .type_result .counter_box {width:auto; height:4rem; gap:0.2rem; padding:0 0.6rem;}
    .p_Vopt .type_result .counter_box .updown_input {width:6rem;}

    .p_Vopt .type_result .counter_box a {width:2.4rem; height:2.4rem;}
    .p_Vopt .counter_box .shape {width:1rem; height:1rem;}

    .p_Vopt .type_result .btn_delete {width:2.2rem; height:2.2rem; top:1.6rem; right:1.2rem;}
    .p_Vopt .type_result .btn_delete::before {width:1.4rem; height:1.4rem;}

    .p_Vfix .fix_btm {margin:0; padding:0; padding-top:2.4rem; position:static;}
    .p_Vfix.if_open_fix .fix_btm {padding:0; padding-top:2.4rem; position:static;}
    
    .p_Vfix .fix_btm .qty_total strong,
    .p_Vfix .fix_btm .qty_total em {font-size:1.6rem; line-height:2.4rem;}

    .p_Vfix .fix_btm .price_total {margin-top:0.8rem;}
    .p_Vfix .fix_btm .price_total strong,
    .p_Vfix .fix_btm .price_total em {font-size:1.6rem; line-height:2.4rem;}

    .p_Vfix .fix_btm .buy_box {margin:0; gap:0; position: fixed; width:100%; bottom:0; left:0;}
    .p_Vfix .fix_btm .buy_box .btn {height:5.6rem; font-size:1.6rem; line-height:2.4rem; border-radius:0; border:0; border-top:1px solid var(--color-gray-200);}
    .p_Vfix .fix_btm .buy_box .btn.btn_order {border-color:var(--color-gray-800);}
    
    .p_Vfixbtn {display:block;}

    .p_Vbanner {width:calc(100% - 6rem); margin:auto; margin-top:4rem;}
    .p_Vbanner .layout_fix {border-radius:1.6rem; overflow: hidden; -webkit-radial-gradient(white, black); isolation: isolate;}
}
@media (max-width:479px) {
    .productPhoto .prdouctPhotoSlider .hashtagWrap .hashtagList ul {padding:2rem 2.2rem;}

    .productViewTop .productInfo .p_name {width:calc(100% - 4.4rem);}
    .productViewTop .productInfo .p_name .item_name p {font-size:1.6rem; line-height:2.6rem;}
    .productViewTop .productInfo .p_name .item_name span {margin-top:0.3rem;}
    .productViewTop .productInfo .p_name .item_price {margin-top:1.6rem;}
    .productViewTop .productInfo .p_name .item_price .btn_share {width:2.2rem; height:2.2rem;}

    .p_Vopt .opt_dropbox .opt_list {padding:0 2.2rem; padding-top:0.8rem;}

    .p_Vfix .scroll_box {padding:3rem 2.2rem; padding-bottom:7.7rem;}

    .p_Vfix .fix_btm,
    .p_Vfix.if_open_fix .fix_btm {padding-top:1.6rem;}
    .p_Vfix .fix_btm .qty_total {font-size:1.3rem;}
    .p_Vfix .fix_btm .qty_total strong,
    .p_Vfix .fix_btm .qty_total em {font-size:1.5rem; line-height:2.3rem;}

    .p_Vfix .fix_btm .price_total {margin-top:0.6rem; font-size:1.3rem;}
    .p_Vfix .fix_btm .price_total strong,
    .p_Vfix .fix_btm .price_total em {font-size:1.5rem; line-height:2.3rem;}

    .p_Vfix .fix_btm .buy_box .btn {height:5.3rem; font-size:1.5rem; line-height:2.3rem;}

    .p_Vfixbtn .btn {height:5.3rem; font-size:1.5rem; line-height:2.3rem;}

    .p_Vbanner {width:calc(100% - 4.4rem); margin-top:3.6rem;}
    .p_Vbanner .layout_fix {border-radius:1.2rem;}
}
@media (max-width:420px) {
    .productPhoto .prdouctPhotoSlider .hashtagWrap .hashtagList ul {padding:2rem;}

    .productViewTop .productInfo .p_name {width:calc(100% - 4rem);}
    .p_Vopt .opt_dropbox .opt_list {padding:0 2rem; padding-top:0.8rem;}
    .p_Vopt .type_result dl {padding:1.2rem; border-radius:0.8rem;}
    .p_Vopt .type_result .counter_box {height:3.8rem;}
    .p_Vopt .type_result .counter_box .updown_input {width:5.4rem; font-size:1.3rem;}
    .p_Vopt .type_result .counter_box a {width:2.2rem; height:2.2rem;}
    .p_Vopt .type_result .price {font-size:1.5rem;}

    .p_Vfix .scroll_box {padding:3rem 2rem; padding-bottom:7.7rem;}
}



.productViewContainer {margin-top:8rem;}
.productViewContainer .tab_menu {width:100%; position: sticky; top:8rem; left:0; z-index:9; background-color:#fff;}
.productViewContainer .tab_menu .layout_fix {width:100%; position: relative; max-width:none; padding:0;}
.productViewContainer .tab_menu .layout_fix::before {content:""; width:100%; height:1px; background-color:var(--color-gray-200); position: absolute; bottom:0; left:0;}
.productViewContainer .tab_menu .layout_fix ul {width:100%; display:flex;}
.productViewContainer .tab_menu .layout_fix ul li {flex:1; text-align: center; font-size:1.6rem; color:var(--color-gray-600); font-weight:500; letter-spacing:-0.02em; line-height:5.6rem; position:relative; cursor: pointer;}
.productViewContainer .tab_menu .layout_fix ul li.hit {color:var(--color-gray-800);}
.productViewContainer .tab_menu .layout_fix ul li.hit::before {content:""; width:100%; height:2px; background-color:var(--color-gray-800); position: absolute; bottom:0; left:0;}


.productViewContainer .p_Vconts {margin:0 auto; padding:8rem 0;}
.productViewContainer .p_Vconts .detail {margin:0;}
.productViewContainer .p_Vconts .detail img {display: block;}
.productViewContainer .p_Vconts .detail img.m_img {display:none;}

.p_Vconts .detail.this_fold {height:80rem;}
.p_Vconts .detail .fold_ctrl {height:auto; padding:0; background-color:var(--color-white); display:none!important;}
.p_Vconts .detail .fold_ctrl::before {content:""; width:100%; height:8rem; background:linear-gradient(to top,var(--color-white) 30%, rgba(255,255,255,0) 100%); position: absolute; top:-8rem; left:0;}
.p_Vconts .detail .fold_ctrl .btn_ctrl {font-size:1.6rem; color:var(--color-gray-600); height:5.6rem;}
.p_Vconts .detail .fold_ctrl .btn_ctrl strong {background:none; background-size:1.4rem; padding-right:2.2rem; position: relative;}
.p_Vconts .detail .fold_ctrl .btn_ctrl strong::before {content:""; width:1.4rem; height:100%; position: absolute; top:0; right:0; -webkit-mask:url("../svg/common/select.svg")no-repeat center; -moz-mask:url("../svg/common/select.svg")no-repeat center; -o-mask:url("../svg/common/select.svg")no-repeat center; -ms-mask:url("../svg/common/select.svg")no-repeat center; mask:url("../svg/common/select.svg")no-repeat center; -webkit-mask-size:100%; -moz-mask-size:100%; -o-mask-size:100%; -ms-mask-size:100%; mask-size:100%; background-color:var(--color-gray-600); position: absolute; top:0; right:0;}

.p_Vconts .detail.this_fold .fold_ctrl {display:flex!important;}
.p_Vconts .detail.this_fold.if_unfold .fold_ctrl {display:none!important;}


.productViewContainer .p_Vconts .js_guide_wrap {width:100%; display:flex; gap:9.6rem;}
.productViewContainer .p_Vconts .js_guide_wrap .notify {width:calc(50% - 4.8rem); margin:0;}
.productViewContainer .p_Vconts .js_guide_wrap .notify .sub_tit {width:100%; margin:0;}
.productViewContainer .p_Vconts .js_guide_wrap .notify .sub_tit p {font-size:3.4rem; color:var(--color-gray-700); font-weight:700; letter-spacing:-0.05em; line-height:4.4rem;}
.productViewContainer .p_Vconts .js_guide_wrap .notify .table {width:100%; margin-top:3.2rem; border:0;}
.productViewContainer .p_Vconts .js_guide_wrap .notify .table dl {width:100%; display:flex; align-items: flex-start; padding:1.2rem 0; border-bottom:1px solid var(--color-gray-200); gap:0.3rem;}
.productViewContainer .p_Vconts .js_guide_wrap .notify .table dl + dl {border:0; border-bottom:1px solid var(--color-gray-200);}
.productViewContainer .p_Vconts .js_guide_wrap .notify .table dl dt {font-size:1.6rem; color:var(--color-gray-700); font-weight:500; letter-spacing:-0.02em; line-height:2.4rem; padding:0; background:transparent; width:auto; flex-shrink:0; shape-outside: inset(0);}
.productViewContainer .p_Vconts .js_guide_wrap .notify .table dl dd {font-size:1.6rem; color:var(--color-gray-700); font-weight:500; letter-spacing:-0.02em; line-height:2.4rem; padding:0; width:auto;}


.productViewContainer .p_Vconts .js_vrelative_wrap .sub_tit {margin-bottom:0;}
.productViewContainer .p_Vconts .js_vrelative_wrap .sub_tit p {font-size:3.4rem; color:var(--color-gray-700); font-weight:700; letter-spacing:-0.05em; line-height:4.4rem;}
.productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list {width:100%; margin-top:2.4rem;}
.productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider {overflow: hidden;}
.productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide {width:calc(20% - 1.96rem); margin-right:2.45rem;}
.productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide .item {width:100%; position: relative;}
.productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide .item a.upper_link {width:100%; height:100%; position: absolute; top:0; left:0; z-index:2;}
.productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide .item .btn_detail {width:100%; height:100%; position: absolute; top:0; left:0; z-index:2; cursor: pointer;}
.productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide .item .thumb {width:100%; padding-top:100%; position: relative; border-radius:2.4rem; -webkit-radial-gradient(white, black); isolation: isolate; overflow: hidden;}
.productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide .item .thumb .img {width:100%; height:100%; position: absolute; top:0; left:0; display:flex; align-items: center; justify-content: center;}
.productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide .item .thumb .img {width:100%; height:100%; position: absolute; top:0; left:0; display:flex; align-items: center; justify-content: center;}
.productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide .item .thumb .img::before {content:"상세보기"; width:100%; height:100%; position: absolute; top:0; left:0; background-color:rgba(0,0,0,0.5); display:flex; align-items: center; justify-content: center; font-size:2.2rem; color:var(--color-white); font-weight:500; letter-spacing:-0.02em; line-height:3.2rem; opacity:0; z-index:3;}
.productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide .item .thumb .img img {display: block; width:100%; height:100%; object-fit: cover;}

.productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide .item .info {width:100%; margin-top:1.6rem;}
.productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide .item .info p {font-size:1.6rem; color:var(--color-gray-600); font-weight:500; letter-spacing:-0.03em; line-height:2.6rem; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide .item .info em {font-size:1.8rem; color:var(--color-gray-800); font-weight:600; letter-spacing:-0.03em; line-height:2.8rem; display: block; margin-top:0.4rem; max-height:5.6rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}


@media (hover: hover) {
    .p_Vconts .detail .fold_ctrl .btn_ctrl,
    .p_Vconts .detail .fold_ctrl .btn_ctrl strong::before {transition:all 0.2s;}
    .p_Vconts .detail .fold_ctrl .btn_ctrl:hover {color:var(--color-action); border-color:var(--color-action)}
    .p_Vconts .detail .fold_ctrl .btn_ctrl:hover strong::before {background-color:var(--color-action);}

    .productViewContainer .tab_menu .layout_fix ul li {transition:all 0.2s;}
    .productViewContainer .tab_menu .layout_fix ul li:not(.hit):hover {color:var(--color-action); font-weight:600;}

    .productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide .item .thumb img {transition:all 0.5s;}
    .productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide .item .thumb .img::before {transition:all 0.2s;}
    .productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide .item:hover .thumb img {transform: scale(1.12);}
    .productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide .item:hover .thumb .img::before {opacity:1;}
    .productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide .item:hover .info p,
    .productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide .item:hover .info em {text-decoration: underline; text-underline-offset:0.2rem;}
}
@media (max-width:1400px) {
    .productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider {width:100%; padding:0 3rem;}
    .productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide {width:20.226%; margin-right:2.4rem;}
}
@media (max-width: 1300px) {
    .productViewContainer .p_Vconts {padding:7rem 0;}
    
    .p_Vconts .detail.this_fold {height:70rem;}

    .productViewContainer .p_Vconts .js_guide_wrap {gap:6.4rem;}
    .productViewContainer .p_Vconts .js_guide_wrap .notify {width:calc(50% - 3.2rem);}

    .productViewContainer .p_Vconts .js_guide_wrap .notify .sub_tit p,
    .productViewContainer .p_Vconts .js_vrelative_wrap .sub_tit p {font-size:3.2rem; line-height:4.2rem;}

    .productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide {width:22.174%;}
}
@media (max-width:1200px) {

    .p_Vconts .detail.this_fold {height:60rem;}

    .p_Vconts .detail .fold_ctrl .btn_ctrl {max-width:23rem; height:5.4rem;}

    .productViewContainer .tab_menu {top:7.2rem;}
    .productViewContainer .p_Vconts.js_info_position {padding-top:6rem;}

    .productViewContainer .p_Vconts .js_guide_wrap {gap:4.8rem;}
    .productViewContainer .p_Vconts .js_guide_wrap .notify {width:calc(50% - 2.4rem);}
    .productViewContainer .p_Vconts .js_guide_wrap .notify .sub_tit p {font-size:3rem; line-height:4rem;}
    .productViewContainer .p_Vconts .js_guide_wrap .notify .table {margin-top:2.8rem;}

    .productViewContainer .p_Vconts .js_vrelative_wrap .sub_tit p {font-size:3rem; line-height:4rem;}
    .productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide .item .thumb {border-radius:1.7rem;}
    .productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide {width:24.482%;}
}
@media (max-width:1023px) {
    .p_Vconts .detail.this_fold {height:56rem;}

    .p_Vconts .detail .fold_ctrl .btn_ctrl {max-width:21rem; font-size:1.5rem; line-height:2.3rem; height:5.3rem;}
    .p_Vconts .detail .fold_ctrl .btn_ctrl strong {padding-right:2.1rem;}
    .p_Vconts .detail .fold_ctrl .btn_ctrl strong::before {width:1.3rem;}

    .productViewContainer .p_Vconts {padding:6.4rem 0;}
    .productViewContainer .p_Vconts .js_guide_wrap {gap:4rem;}
    .productViewContainer .p_Vconts .js_guide_wrap .notify {width:calc(50% - 2rem);}
    .productViewContainer .p_Vconts .js_guide_wrap .notify .sub_tit p {font-size:2.8rem; line-height:3.8rem;}
    .productViewContainer .p_Vconts .js_guide_wrap .notify .table {margin-top:2.4rem;}
    .productViewContainer .p_Vconts .js_guide_wrap .notify .table dl {gap:0.2rem;}
    .productViewContainer .p_Vconts .js_guide_wrap .notify .table dl dt {font-size:1.5rem; line-height:2.3rem;}
    .productViewContainer .p_Vconts .js_guide_wrap .notify .table dl dd {font-size:1.5rem; line-height:2.3rem;}

    .productViewContainer .p_Vconts .js_vrelative_wrap .sub_tit p {font-size:2.8rem; line-height:3.8rem;}
    .productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list {margin-top:2rem;}
    .productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide {width:27.35%;}
    .productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide .item .thumb .img::before {font-size:2.2rem; line-height:3.2rem;}
}
@media (max-width:900px) {
    .productViewContainer .tab_menu .layout_fix ul li {line-height:2.4rem; padding-bottom:1.8rem;}

    .p_Vconts:before {display:none;}

    .p_Vconts .detail.this_fold {height:48rem;}

    .p_Vconts .detail .fold_ctrl .btn_ctrl {max-width:20rem; height:5.1rem; border-radius:10rem;}

    .productViewContainer .p_Vconts .js_guide_wrap {gap:6.4rem; flex-wrap:wrap;}
    .productViewContainer .p_Vconts .js_guide_wrap .notify {width:100%;}

    .productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide {width:36.3%;}
    .productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide .item .thumb .img::before {font-size:2rem; line-height:3rem;}
}
@media (max-width:767px) {
    .productViewContainer {margin-top:5.6rem;}

    .p_Vconts .detail.this_fold {height:50rem;}

    .p_Vconts .detail .fold_ctrl .btn_ctrl {max-width:none; border-radius:0;}

    .productViewContainer .tab_menu {top:6.2rem;}
    .productViewContainer .tab_menu .layout_fix ul li {font-size:1.5rem; line-height:2.3rem; padding-bottom:1.6rem;}

    .productViewContainer .p_Vconts {padding:6rem 0;}
    .productViewContainer .p_Vconts.sInner {width:calc(100% - 6rem);}
    .productViewContainer .p_Vconts.js_info_position {padding-top:4.2rem;}

    .productViewContainer .p_Vconts .detail img.pc_img {display:none;}
    .productViewContainer .p_Vconts .detail img.m_img {display: block; margin: auto;}

    .productViewContainer .p_Vconts .js_guide_wrap {gap:5rem;}
    .productViewContainer .p_Vconts .js_guide_wrap .notify .sub_tit p {font-size:2.6rem; line-height:3.6rem;}
    .productViewContainer .p_Vconts .js_guide_wrap .notify .table {margin-top:2rem;}

    .productViewContainer .p_Vconts .js_vrelative_wrap .sub_tit {padding:0 3rem;}
    .productViewContainer .p_Vconts .js_vrelative_wrap .sub_tit p {font-size:2.6rem; line-height:3.6rem;}
    .productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide {width:36.3%;}
    .productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide .item .thumb .img::before {font-size:1.9rem; line-height:2.9rem;}
}
@media (max-width:600px) {
    .productViewContainer {margin-top:4.2rem;}

    .p_Vconts .detail.this_fold {height:46rem;}

    .productViewContainer .p_Vconts {padding:5rem 0;}
    .productViewContainer .p_Vconts.js_info_position {padding-top:3.6rem;}

    .productViewContainer .p_Vconts .js_guide_wrap {gap:4rem;}
    .productViewContainer .p_Vconts .js_guide_wrap .notify .sub_tit p {font-size:2.4rem; line-height:3.4rem;}
    .productViewContainer .p_Vconts .js_guide_wrap .notify .table {margin-top:0.8rem;}
    .productViewContainer .p_Vconts .js_guide_wrap .notify .table dl {gap:0.3rem;}
    .productViewContainer .p_Vconts .js_guide_wrap .notify .table dl dt,
    .productViewContainer .p_Vconts .js_guide_wrap .notify .table dl dd {font-size:1.4rem; line-height:2.2rem;}

    .productViewContainer .p_Vconts .js_vrelative_wrap .sub_tit p {font-size:2.4rem; line-height:3.4rem;}
    .productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list {margin-top:1.6rem;}
    .productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide {width:47.382%; margin-right:2rem;}
    .productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide .item .thumb {border-radius:1.6rem;}
    .productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide .item .info p {font-size:1.6rem; line-height:2.4rem; max-height:4.8rem;}
    .productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide .item .info em {font-size:1.7rem; line-height:2.7rem; margin-top:0.3rem;}
}
@media (max-width:479px) {

    .p_Vconts .detail.this_fold {height:42rem;}

    .p_Vconts .detail .fold_ctrl .btn_ctrl {font-size:1.4rem; line-height:2rem; height:5.2rem;}
    .p_Vconts .detail .fold_ctrl .btn_ctrl strong {padding-right:2rem;}
    .p_Vconts .detail .fold_ctrl .btn_ctrl strong::before {width:1.2rem;}

    .productViewContainer .tab_menu {top:6rem; padding:0;}

    .productViewContainer .p_Vconts {padding:4.2rem 0;}
    .productViewContainer .p_Vconts.sInner {width:calc(100% - 4.4rem);}
    .productViewContainer .p_Vconts.js_info_position {padding-top:3rem;}

    .productViewContainer .p_Vconts .js_guide_wrap .notify .sub_tit p {font-size:2.2rem; line-height:3.2rem;}
    .productViewContainer .p_Vconts .js_guide_wrap .notify .table {margin-top:0.6rem;}
    .productViewContainer .p_Vconts .js_guide_wrap .notify .table dl {gap:0.3rem; padding:1rem 0;}

    .productViewContainer .p_Vconts .js_vrelative_wrap .sub_tit {padding:0 2.2rem;}
    .productViewContainer .p_Vconts .js_vrelative_wrap .sub_tit p {font-size:2.2rem; line-height:3.2rem;}
    .productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list {margin-top:1.4rem;}
    .productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider {padding:0 2.2rem;}
    .productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide {width:44.83%;}
    .productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide .item .thumb {border-radius:1.2rem;}
    .productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide .item .thumb .img::before {font-size:1.8rem; line-height:2.8rem;}

    .productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide .item .info p {font-size:1.5rem; line-height:2.3rem;}
    .productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide .item .info em {font-size:1.6rem; line-height:2.6rem; max-height:5.2rem;}
}
@media (max-width:420px) {
    .productViewContainer .tab_menu {top:5.6rem;}
    .productViewContainer .tab_menu .layout_fix ul li {font-size:1.4rem; line-height:2.2rem; padding-bottom:1.4rem;}

    .productViewContainer .p_Vconts {padding:3.6rem 0;}
    .productViewContainer .p_Vconts.sInner {width:calc(100% - 4rem);}
    .productViewContainer .p_Vconts.js_info_position {padding-top:2.4rem;}

    .productViewContainer .p_Vconts .js_guide_wrap .notify .sub_tit p {font-size:2rem; line-height:3rem;}
    .productViewContainer .p_Vconts .js_guide_wrap .notify .table {margin-top:0;}
    .productViewContainer .p_Vconts .js_guide_wrap .notify .table dl {gap:0.2rem; padding:1rem 0;}
    .productViewContainer .p_Vconts .js_guide_wrap .notify .table dl dt,
    .productViewContainer .p_Vconts .js_guide_wrap .notify .table dl dd {font-size:1.3rem; line-height:2.1rem;}

    .productViewContainer .p_Vconts .js_vrelative_wrap .sub_tit {padding:0 2rem;}
    .productViewContainer .p_Vconts .js_vrelative_wrap .sub_tit p {font-size:2rem; line-height:3rem;}
    .productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider {padding:0 2rem;}
    .productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide {width:44.74%;}
    .productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide .item .info p {font-size:1.4rem; line-height:2.2rem;}
    .productViewContainer .p_Vconts .js_vrelative_wrap .vrelative_list .js_vrelative_slider .swiper-slide .item .info em {font-size:1.5rem; line-height:2.5rem; margin-top:0.2rem; max-height:5rem;}
}