/* BASIC css start */
.icon_link_wrap {position:relative;}
.icon_link_wrap .icon_link {width:24px; height:24px; background:#000; color:#fff; line-height:24px; text-align:center; border-radius:12px; position:absolute; cursor: pointer;}


/* class-list */
.loc-navi {text-align:left!important; margin:0 0 30px;}
.categoryTop img {width:100%;}
#productClass .categoryName {font-size:26px; font-weight:600; letter-spacing:1.04px; text-align:center; margin-top:50px;}
#productClass .bestItemTitle {margin-top:24px; margin-bottom:34px; font-size:18px; font-weight:500; letter-spacing:0.72px; text-decoration:underline; line-height:22px; text-align:center;}
.best_item .item_container .item {margin-right:0;}
#productClass .class-list h2 {font-size:20px; font-weight:500; letter-spacing:0.64px; line-height:22px;}
#productClass .class-list ul {margin-top:30px;}
#productClass .class-list ul:after { display:block; clear:both; content:'' }
#productClass .class-list ul li {float:left; margin-right:20px; line-height:22px; font-size:16px;}
#productClass .class-list ul li a { display:block; font-size:16px; color:#858585; font-weight:400; }
#productClass .class-list ul li a.active {color:#000; font-weight:600;}
.item_container .item .item_price span.sale_percent, .item_container .item .item_price span.strike {display:inline-block;}
.product_wrap {margin-top:50px;}


/* best-item */
#productClass .best_item { padding:80px 0 40px; background-color: #F7F7F8; }

/* total-sort */
#productClass .total-sort { padding-top: 30px; }


.category_info.common_wrapper {padding:10px 0; position:sticky; top:44px; z-index:999; background:#fff; transition: all 0.4s; -webkit-transition: all 0.4s;}
.category_info.common_wrapper.headroom--unpinned {
    top: 40px;
}
.category_info .item-sort {font-size:14px; font-weight:500; position:relative;}
.category_info .item-sort .item-order {width:auto; display:inline-block; margin-right:10px;}
.category_info .item-sort h2 {padding:8px 12px; padding-right:24px; line-height:20px; position:relative; cursor:pointer; font-family: "Pretendard"; border-radius:36px; background:#f0f0f0; font-size:16px;}
.category_info .item-sort h2 img {position:absolute; top:50%; margin-top:-3px; right:12px;}
.category_info .item-sort dd {display:none; position:absolute; width:120px; border:1px solid #000; padding:5px 0; left:0; z-index:100000; background:#fff;}
.category_info .item-sort dd ul li {line-height:30px; padding:0 10px;}
.category_info .item-sort dd ul li a {font-size:14px;}
.category_info .item-sort dd ul li a.active {color:#000;}

.category_info .item-order.active dd {display:block;}
.category_info .item-order.active h2 img {transform:rotate(180deg)}

.filter-wrap {position:fixed; bottom:0; top:0; left:0; bottom:0; background:rgba(0,0,0,0.5); width:100%; z-index: 10000; display:none;}
.filter-wrap.active {display:block;}
.filter-wrap .layer-filter-wrap {background: #fff; max-height: 360px; position: absolute; bottom:0; left:50%; width:1400px; margin-left:-700px; overflow: hidden; padding:30px 16px; border-radius:16px 16px 0 0;}
.filter-wrap .layer-filter-wrap .filter_close {position:absolute; top:20px; right:20px;}
.filter-wrap .opt-box {display:flex; font-size:16px;}
.filter-wrap .opt-box li {margin-right:15px; color:#999; font-weight:600; cursor:pointer; position:relative;}
.filter-wrap .opt-box li.active {color:#000;}
.filter-wrap .opt-box li.on:after {content:''; width:4px; height:4px; border-radius:2px; position:absolute; right:-5px; top:0; position:absolute; background:#ff3800;}

.filter-wrap .filter-content {display:none;}
.filter-wrap .filter-content.active {display:block;}
.filter-wrap .filter-content .chk-box {display:grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; gap:15px 0; margin-top:16px;}
.filter-wrap .filter-content .chk-box > span {display:flex; gap:5px; font-size:16px;}
.filter-wrap .filter-content .chk-box > span input[type="checkbox"] {background: url(/design/dorocyshop/images/renewal/ico_radio_off.png) no-repeat !important; background-size: 18px !important; border: 0; -webkit-appearance: none; position: static; width: 18px; margin: 0; height: 18px; background-position: center center;}
.filter-wrap .filter-content .chk-box > span input[type="checkbox"]:checked {background: url(/design/dorocyshop/images/renewal/ico_radio_on.png) no-repeat !important; background-size: 18px !important; border: 0; -webkit-appearance: none; position: static; width: 18px; margin: 0; height: 18px; background-position: center center;}


.filter-wrap .select-filter {display:flex; flex-wrap:wrap; gap:5px; margin:30px 0 10px;}
.filter-wrap .select-filter li {display: inline-block; margin-left: 5px; padding: 8px 10px; line-height: 22px; border: 1px solid #f0f0f0; word-break: break-all; font-weight: 500; border-radius: 20px; background: #f0f0f0; color: #000;}
.filter-wrap .select-filter li .btn-del {
    margin-left: 2px;
    vertical-align: top;
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(/design/dorocyshop/images/renewal/ico_filter_delete.png) no-repeat 50% 50%;
    background-size: 18px;
    border:0; font-size:0;
}
.filter-wrap .select-filter li span {display:inline-block;}
.filter-wrap .select-filter li .color-code {display:inline-block; width:18px; height:18px; margin-right:5px; border-radius:50%; display:none;}
.filter-wrap .select-filter li .filter-text {max-width:200px;}


.filter-wrap .btn-wrap {display:flex; margin:0; box-sizing:border-box; gap:5px;}
.filter-wrap .btn-wrap button {width:100%; padding:16px 0; text-align:center; background:#fff; font-size:16px; font-weight:bold; border:1px solid #000; }
.filter-wrap .btn-wrap button.btn-reset {width:100%; min-width:120px;}
.filter-wrap .btn-wrap button.btn-search {min-width:220px; background:#000; color:#fff;}
.filter-wrap .btn-wrap button span {display:inline-block; visibility:visible;}
.filter-wrap .btn-wrap button span.fc-fff {color:#fff;}
.more {width:200px; height:50px; line-height:50px; margin:0 auto 50px; font-size:16px; color:#fff; background:#2c5334; text-align:center;}
.more a {color:#fff; display:block; height:50px; line-height:50px;}


.editorialContainer { padding: 0 0 60px; }
.editorialContainer .wrapper { width: 900px; min-width: 900px !important; margin: 0 auto; }
.editorialContainer .title1 { font-size: 22px; font-weight: 600; line-height: 100%; letter-spacing: -0.68px; padding: 20px 0; }
.editorialContainer .ntitle1 { width: 530px; margin: 0 auto; font-size: 22px; font-weight: 600; line-height: 100%; letter-spacing: -0.68px; padding: 20px 0; }
.editorialContainer .title2 { width: 530px; margin: 0 auto; font-size: 20px; font-weight: 300; line-height: 28px; letter-spacing: -0.25px; padding: 20px 0; text-align:center;}
.editorialContainer .title3 { width: 530px; margin: 0 auto; font-size: 15px; font-weight: 600; line-height: 22px; letter-spacing: -0.44px; padding: 20px 0; }
.editorialContainer .title4 { width: 530px; margin: 0 auto; font-size: 28px; font-weight: 600; line-height: 100%; letter-spacing: -0.35px; padding: 20px 0; text-align:center;}
.editorialContainer .title3 ul li { font-weight: 400; padding-left: 12px; position: relative; margin-top: 5px; }
.editorialContainer .title3 ul li:after { content: '‘€'; position: absolute; left: 3px; top: 0; font-weight: 900; }
.editorialContainer .product1 { width: 100%; margin: 0 auto; }
.editorialContainer .line1 { height: 20px; }
.editorialContainer .line3 { height: 60px; }
.editorialContainer .line5 { height: 100px; }
.editorialContainer .banner1 {}
.editorialContainer .banner1 img { width: 100%; }
.editorialContainer .banner2 { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.editorialContainer .banner2 img { width: 100%; }
.editorialContainer .banner4 { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.editorialContainer .banner4 img { width: 100%; }
.editorialContainer .banner5 .swiper-container {}
.editorialContainer .banner5 .swiper-pagination-progressbar { position: relative; width: 630px; margin: 36px auto 0; border-radius: 4px; overflow: hidden; background: #d9d9d9; }
.editorialContainer .banner5 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #000; border-radius: 4px; }
.editor_swiper .swiper-slide img { width: 100%; }
.editorialContainer .product_list_box .prd-icons {display:none!important;}
.editorialContainer .product_list_box .prd-icons img {height:20px!important; width:auto!important; margin-right:3px;}

/* 250509 Γί°‘ */
.editorialContainer .product1 .product_list_box .item_container { display: flex; flex-wrap: wrap; gap: 0 20px; }
.editorialContainer .product1 .product_list_box .item_container .item { display: block; width: calc(50% - 10px); margin: 0; }
.editorialContainer .product1 .product_list_box .item_container .item .detail { display: flex; align-items: center; margin:0; padding: 20px 0; gap: 0 20px; border-bottom: 1px solid #f0f0f0; box-sizing: border-box; overflow: hidden; }
.editorialContainer .product1 .product_list_box .item_container .item .thumb-wrap { width: 100px; }
.editorialContainer .product1 .product_list_box .item_container .item .txt-wrap { width: calc(100% - 120px); }
.editorialContainer .product1 .product_list_box .item_container .item .table-opt,
.editorialContainer .product1 .product_list_box .item_container .item .sns-btns,
.editorialContainer .product1 .product_list_box .item_container .item .f-btns { display: none; }
.editorialContainer .product1 .product_list_box .item_container .item .item_price,
.editorialContainer .product1 .product_list_box .item_container .item .item_price .price { display: inline-block !important; }
.editorialContainer .product1 .product_list_box .item_container .item .item_price {position:relative; margin-top:10px; font-size:16px; line-height:22px;}
.editorialContainer .product1 .product_list_box .item_container .item .item_price .prd-price { display: flex; align-items: center; gap: 0 4px; }
.editorialContainer .product1 .product_list_box .item_container .item .item_price .prd-price .sale_percent {color:#2c5334; font-weight:600; margin-right:4px; display:none;}
.editorialContainer .product1 .product_list_box .item_container .item .item_price .prd-price .price { margin: 0; font-weight:700;}
.editorialContainer .product1 .product_list_box .item_container .item .item_price .prd-price .price_consumer {color:#9A9A9A; text-decoration: line-through; font-size:14px; font-weight:500; display:none;}
.editorialContainer .product1 .product_list_box .item_container .item .detail .ptit { font-size:14px; font-weight:500; line-height:22px; position:relative; word-break: break-all;}
.editorialContainer .product1 .product_list_box .item_container .item .item_price .snap_review_count {position:absolute; right:0; top:0; font-size:14px;}



.editorialContainer .product2 .product_list_box .item_container .item {margin-bottom:0;}
.editorialContainer .product2 .product_list_box .item_container .item .detail { display: flex; flex-direction: column; margin:0; padding: 0; gap: 10px; box-sizing: border-box; overflow: hidden; }
.editorialContainer .product2 .product_list_box .item_container .item .table-opt,
.editorialContainer .product2 .product_list_box .item_container .item .sns-btns,
.editorialContainer .product2 .product_list_box .item_container .item .f-btns { display: none; }
.editorialContainer .product2 .product_list_box .item_container .item .item_price,
.editorialContainer .product2 .product_list_box .item_container .item .item_price .price { display: inline-block !important; }
.editorialContainer .product2 .product_list_box .item_container .item .item_price {position:relative; margin-top:10px; font-size:16px; line-height:22px;}
.editorialContainer .product2 .product_list_box .item_container .item .item_price .prd-price { display: flex; align-items: center; gap: 0 4px; }
.editorialContainer .product2 .product_list_box .item_container .item .item_price .prd-price .sale_percent {color:#2c5334; font-weight:600; margin-right:4px; display:none;}
.editorialContainer .product2 .product_list_box .item_container .item .item_price .prd-price .price { margin: 0; font-weight:700;}
.editorialContainer .product2 .product_list_box .item_container .item .item_price .prd-price .price_consumer {color:#9A9A9A; text-decoration: line-through; font-size:14px; font-weight:500; display:none;}
.editorialContainer .product2 .product_list_box .item_container .item .detail .ptit { font-size:14px; font-weight:500; line-height:22px; position:relative; word-break: break-all;}
.editorialContainer .product2 .product_list_box .item_container .item .item_price .snap_review_count {position:absolute; right:0; top:0; font-size:14px;}


.editorialContainer .product2 .swiper-pagination-progressbar { position: relative; width: 630px; margin: 36px auto 0; border-radius: 4px; overflow: hidden; background: #d9d9d9; }
.editorialContainer .product2 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #000; border-radius: 4px; }

.editorialContainer .title5 h2 {background:#000; text-align:center; line-height:40px; color:#fff; cursor:pointer;   -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none; user-select:none;}
.editorialContainer .title5 h2 span {display:inline-block; padding-right:20px; position:relative; line-height:40px; font-size:20px;}
.editorialContainer .title5 h2 span svg {position:absolute; right:0; top:50%; margin-top:-3px;}
.editorialContainer .title5.active h2 span svg {transform:rotate(180deg);}
.editorialContainer .title5 div {background:#272727; padding:20px 40px; color:#fff; display:none;}
.editorialContainer .title5.active div {display:block;}
.editorialContainer .title5 div ul li {line-height:22px; padding-left:20px; position:relative; font-size:16px;}
.editorialContainer .title5 div ul li:after {
    content: '‘€';
    position: absolute;
    left: 3px;
    top: 0;
    font-weight: 900;
    font-size:12px; color:#fff;
}

.editorialContainer .tab1 {position:sticky; top:44px; z-index:100; background:#fff;}
.editorialContainer .tab1 .tab_box .tabList {display:flex; gap:10px; padding:10px 0; justify-content: center;}
.editorialContainer .tab1 .tab_box .tabList .tab {cursor:pointer; padding:0 20px; text-align:center; border:1px solid #dbdbdb; border-radius:19px; line-height:38px; box-sizing:border-box;}
.editorialContainer .tab1 .tab_box .tabList .tab.active {background:#000; color:#fff;}
/* BASIC css end */