/* 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;}

#header.headroom--not-top.slideUp {top:-51px;}
#header.headroom--not-top.slideDown {top:0;}
.banner img {width:100%;}
.category_util.headroom--not-top.slideUp {top:0;}
.category_util.headroom--not-top.slideDown {top:51px;}
.categoryTop img {width:100%;}



.categoryName {text-align:center; line-height:40px; margin-top:20px; font-weight:600; letter-spacing:0.88px; font-size:22px;}
#header.hide .header_box .common_wrapper {display:none;}
.category_infos.common_wrapper {padding:20px 15px; display:flex; justify-content: space-between; line-height:22px; box-sizing:border-box;}
.category_infos .category_count {font-size:14px; font-weight:500; line-height:24px;}
.category_infos .category_count span {color:#2c5334;}
.category_infos .item-sort .sort {display:inline-block; vertical-align:middle;}
.bestItemTitle {text-align:center; line-height:40px; margin-bottom:20px;}
.bestItemTitle span {display:inline-block; text-decoration: underline; font-size:13px; font-weight:500;}

.best_item .swiper-container {padding:0 15px;}

.shopbrand .product_wrapper {padding:0 15px; margin-top:20px;}

.shopbrand .class-list {padding:10px 0;}
.shopbrand .class-list h2 {padding:0 16px; font-size:20px; margin-top:10px; font-weight:600;}
.shopbrand .class-list ul:after { display:block; clear:both; content:'' }
.shopbrand .class-list ul li {float:left; font-size:14px; width:auto!important}
.shopbrand .class-list ul li a { display:block; font-size:14px; color:#858585; font-weight:400; line-height:40px;}
.shopbrand .class-list ul li a.active {color:#000; font-weight:600;}
.shopbrand .class-list .swiper-container {padding:0 15px;}

.shopbrand .MK_product_list {background-color:#f9f9f9; border-bottom:1px solid #4a4a4a; border-top: 1px solid #4a4a4a;}
.shopbrand .MK_product_list .items {padding: 10px 0;}
.shopbrand .MK_product_list .items #MK_best_product li {width:33.33%;}
.shopbrand .MK_product_list .items .paging-num {text-align: center; clear: both; margin:20px 0;}
.shopbrand .MK_product_list .items .paging-num a {background-color:#fff; border:1px solid #393939; padding:5px 10px; margin:0 10px;}
.shopbrand .list_group {padding:12px 1%; text-align:center;}
.shopbrand .list_group select {width:49%; height:28px;}
.shopbrand .more .more-title {color: #3b3b3b;}
.shopbrand .more .more-num {color: #aaaaaa;}
.shopbrand .shopbrandTitle img {max-width: 100%;}
.shopbrand .list_array .list_arrayRight img {width: 23px; height: auto;}

.shopbrand .coupon-benefit {position:relative; margin:-12px 0 10px 0;} 
.shopbrand .btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px;}
.shopbrand .btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; }
.shopbrand .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; }


.category_util .category_util_wrap {left:0; width:100%; background:#fff; z-index:99; box-sizing:border-box;}
.category_util.fixed .category_swiper {border-bottom:1px solid #eaeaea;}
.item_container.item_list03 .item .item_txt .item_price .strike {display:block;}
 
.header_box .rollingCate {border-bottom:1px solid #eaeaea;}
.header_box .rollingCate .common_wrapper {height:82px;}
.header_box .rollingCate .swiper-slide {padding:30px 16px;}

.category_info.common_wrapper {padding:10px 0; position:sticky; top:50px; z-index:1000; background:#fff; transition: all 0.4s; -webkit-transition: all 0.4s;}
.category_info.common_wrapper.headroom--unpinned {
    top: 40px;
}
.category_info.common_wrapper .swiper-container {padding:0 16px;}
.category_info .item-sort {font-size:14px; font-weight:500; position:relative;}
.category_info .item-sort .item-order {width:auto;}
.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;}
.category_info .item-sort h2.select {padding-right:12px;}
.category_info .item-sort h2 img {position:absolute; top:50%; margin-top:-3px; right:12px;}
.category_info .item-sort h2 select {height:auto; line-height:20px; border:0; color:#000; background:transparent url(/design/dorocyshop/images/renewal/icon_select_arrow.svg) no-repeat right 50%; padding:0 10px 0 0; width: auto; -webkit-appearance: none; outline:none;}


.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: 0; right: 0; overflow: hidden; padding:30px 16px; border-radius:16px 16px 0 0;}

.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_close {position:absolute; top:20px; right:20px;}
.filter-wrap .filter-content .chk-box {display:grid; grid-template-columns: 1fr 1fr 1fr; gap:15px 0; margin-top:16px;}
.filter-wrap .filter-content .chk-box > span {display:flex; gap:5px; font-size:13px;}
.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:auto; padding:16px 0; text-align:center; background:#fff; font-size:14px; 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 a{display:block; width:100%; height:40px; line-height:40px; font-size:14px; color:#fff; background:#2c5334;}


.editorialContainer { padding: 0 0 60px; }
.editorialContainer .wrapper { width: 100%; margin: 0 auto; }
.editorialContainer .wrapper > div:first-child {padding-top:0!important;}
.editorialContainer .title1 { font-size: 22px; font-weight: 600; line-height: 100%; letter-spacing: -0.68px; padding: 20px 0; }
.editorialContainer .ntitle1 { width: 100%; margin: 0 auto; font-size: 22px; font-weight: 600; line-height: 100%; letter-spacing: -0.68px; padding: 20px 0; }
.editorialContainer .title2 { width: 100%; margin: 0 auto; font-size: 15px; font-weight: 400; line-height: 24px; letter-spacing: -0.44px; padding: 20px 0; text-align:center;}
.editorialContainer .title3 { width: 100%; margin: 0 auto; font-size: 15px; font-weight: 600; line-height: 22px; letter-spacing: -0.44px; padding: 20px 0; }
.editorialContainer .title4 { width: 100%; margin: 0 auto; font-size: 22px; font-weight: 600; line-height: 100%; letter-spacing: -0.68px; 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: 100%; 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%; }

/* 250509 Γί°‘ */
.editorialContainer .product1 .product_list_box .item_container .MK-product-icons {display:none;}
.editorialContainer .product1 .product_list_box .item_container .MK-product-icons img {margin-right:2px;}
.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: 100%; margin: 0; }
.editorialContainer .product1 .product_list_box .item_container .item .detail { display: flex; align-items: center; margin:0 10px; padding: 15px !important; 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 { width: 100%; 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 5px; }
.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:12px; font-weight:400; display:none;}
.editorialContainer .product1 .product_list_box .item_container .item .detail .ptit { font-size:13px; font-weight:400; line-height:20px; 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 {padding-top:10px;}
.editorialContainer .product2 .swiper-container {padding:0 10px;}
.editorialContainer .product2 .product_list_box .item_container .MK-product-icons {display:none;}
.editorialContainer .product2 .product_list_box .item_container .MK-product-icons img {margin-right:2px;}
.editorialContainer .product2 .product_list_box .item_container .item { display: block; width: 100%; margin: 0; }
.editorialContainer .product2 .product_list_box .item_container .item .detail { display: flex; padding: 0!important; gap: 10px; box-sizing: border-box; overflow: hidden; flex-direction: column;}
.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 { width: 100%; 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 5px; }
.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:12px; font-weight:400; display:none;}
.editorialContainer .product2 .product_list_box .item_container .item .detail .ptit { font-size:13px; font-weight:400; line-height:20px; 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: 100%; 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;}
.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; color:#fff; display:none;}
.editorialContainer .title5.active div {display:block;}
.editorialContainer .title5 div ul li {line-height:22px; padding-left:20px; position:relative;}
.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:50px; z-index:100; background:#fff;}
.editorialContainer .tab1 .tab_box .tabList {display:flex; gap:10px; padding:10px!important;}
.editorialContainer .tab1 .tab_box .tabList .tab {cursor:pointer; width:25%; 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 */