/* BASIC css start */
.main_title {padding:24px 16px 12px;}
.main_title h2 {position:relative;  line-height:50px; font-size:18px; font-weight:700; color:#000; letter-spacing:-0.26px;}
.main_title h2 a { line-height:50px; font-size:18px; font-weight:700; color:#000; letter-spacing:-0.26px;}

/* 롤링배너 */
#mainSlide {position:relative; overflow:hidden;}
#mainSlide .swiper-slide img {width:100%;}
#mainSlide .swiper-control {position:absolute; bottom:0; width:66px; right:0; background:rgba(0, 0, 0, 0.20); height:26px; line-height:26px; padding:0 10px; box-sizing:border-box; z-index:1;}
#mainSlide .swiper-pagination { color:#fff; font-size:12px; left:10px!important; top:0; bottom:0; width:auto!important; letter-spacing: 2px;}
#mainSlide .swiper-button-next {background:url('//dorocyshop.img9.kr/snapskin/image/m/icon_next.svg') 0 0 no-repeat; width: 6px; height: 11px; right: 10px; top: 7.5px; margin-top: 0;}
#mainSlide .swiper-button-next:after {content:none;}
#mainSlide .swiper-slide {position:relative;}
#mainSlide .swiper-slide a {display:block;}
#mainSlide .swiper-slide .svg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

#mainSlide .swiper-slide .svg svg {
    width: 100%;
    height: auto;
    background:rgba(0,0,0,0.02);
}


#main_best .swiper_tab_box {margin-bottom:24px; display:none;}
#main_best .swiper_tab_box .swiper_tab_con, #main_best .swiper-container {padding:0 16px;}
#main_best .swiper_tab_box .swiper-slide {width:auto; height:36px; line-height:36px; padding:0 14px; border:1px solid #d9d9d9; border-radius:20px; cursor:pointer; font-size:13px; font-weight:500; margin-right:4px;}
#main_best .swiper_tab_box .swiper-slide:last-child {margin-right:0;}
#main_best .swiper_tab_box .swiper-slide a {color:#000;}
#main_best .swiper_tab_box .swiper-slide.swiper-slide-thumb-active {border:1px solid #2c5334; background:#2c5334; color:#fff;}
#main_best .swiper_tab_box .swiper-slide.swiper-slide-thumb-active a {color:#fff;}
#main_best .item_container.item_list03 .item {margin-bottom:10px;}
#main_best .item_container .item .thumbnail .icons span img {height:12px;}
.view_more {width:150px; margin:20px auto; text-align:center; }
.view_more a {display:block; width:100%; height:40px; line-height:40px; border-radius:40px; font-size:14px; color:#fff; font-weight:500; background:#2c5334;}


#main_new .item_container {padding:0 16px;}
#main_new .banner {padding:0 16px; margin-bottom:20px;}
#main_new .banner .thumbnail {border-radius:8px; margin-bottom:10px;}
#main_new .banner .thumbnail img {width:100%;}
#main_new .banner .item_txt {font-size:16px; font-weight:600; color:#000; text-align:center;}


#main_celeb {background:#f2f2f2; padding:0 0 50px; overflow:hidden;}
#main_celeb .item_container .item.swiper-slide {width:auto; background: #fff; border-radius: 18px;}
#main_celeb .item_container {width:260px; margin:0 auto;}
#main_celeb .item_container .swiper-container {overflow:inherit;}
#main_celeb .item_container .item.swiper-slide {margin:0;}
#main_celeb .item_container .item.swiper-slide .item_txt {padding:0 16px 20px;}

#main_timesale {position:relative;}
#main_timesale .late {font-size:26px; font-weight:700; color:#000;}
#main_timesale .main_title{text-align:center;}
#main_timesale .product_list_box_wrap {padding:0 50px;}
#main_timesale .item_container .item.swiper-slide {width:100%; background: #fff;}
#main_timesale .item_container .swiper-container { border-radius: 18px; box-shadow:5px 5px 10px rgba(0,0,0,0.05);}
#main_timesale .item_container .item.swiper-slide {margin:0;}
#main_timesale .item_container .item.swiper-slide .item_txt {padding:0 16px 20px;}
#main_timesale .swiper-button-next, #main_timesale .swiper-button-prev {top:60%}
#main_timesale .swiper-button-next:after, #main_timesale .swiper-button-prev:after {color:#000; font-size:30px;}

#main_collection {position:relative;}
#main_collection .swiper-container {padding:0 16px;}
#main_collection .swiper-container .collection_img img {width:100%;}
#main_collection .swiper-container .collection_item {margin-top:8px;}
#main_collection .item_container .item.swiper-slide {width:100%; margin:0; padding:6px 0;}
#main_collection .item_container .item.swiper-slide a {display:flex; align-items:center; gap:10px;}
#main_collection .item_container .item.swiper-slide a .thumbnail, #main_collection .item_container .item.swiper-slide a .item_txt {display:inline-block; width:100%;}
#main_collection .item_container .item.swiper-slide a .thumbnail {width:80px; padding-bottom:80px; flex-shrink:0;}
#main_collection .item_container .item.swiper-slide .item_txt .name {margin-top:0;}
#main_collection .item_container .item .thumbnail .my-wish-list {display:none;}
#main_collection .item_container .item .thumbnail .icons span img {height:10px;}

#main_shopby .swiper-container {padding:0 16px;}
#main_shopby li.swiper-slide {width:80px;}
#main_shopby li.swiper-slide a{display:block;}
#main_shopby li.swiper-slide a span {display:block;}
#main_shopby li.swiper-slide .thumb {width:80px; box-sizing:border-box; border-radius:100%; overflow:hidden;}
#main_shopby li.swiper-slide .thumb img {width:100%; border-radius:100%; overflow:hidden;}
#main_shopby li.swiper-slide .desc {margin-top:10px; font-size:14px; color:#000; text-align:center;}

#main_month .item_container {padding:0 16px;}

/*HSS OFFLINE*/
#main_offline {background:#f2f2f2; padding:50px 16px 50px;}
#main_offline h2 {position:relative; color:#000; text-align:center; font-size:30px; font-weight:500; margin-bottom:25px;}
#main_offline p {font-size:13px; line-height:1.5; color:#000; font-weight:400; text-align:center; letter-spacing:-1px;}
#main_offline ul {margin-top:24px;}
#main_offline ul li {background:#fff; margin-bottom:8px; border-radius:8px;}
#main_offline ul li a {overflow:hidden; position:relative; display:block;}
#main_offline ul li:last-child {margin-bottom:0;}
#main_offline ul li .thumb {}
#main_offline ul li .thumb img {width:100%;}
#main_offline ul li svg {position:absolute; right:4px; top:50%; margin-top:-16.5px;}
#main_offline ul li .description {padding:20px 16px; position:relative;}
#main_offline ul li .description span {display:block;}
#main_offline ul li .description span.title_01 {font-size:15px; line-height:15px; font-weight:600; letter-spacing:-1px;}
#main_offline ul li .description span.title_02 {font-size:18px; line-height:18px; font-weight:700; margin-top:4px;}
#main_offline ul li .description span.address {line-height:14px; font-size:13px; font-weight:400; margin-top:20px; letter-spacing:-1px;}
#main_offline ul li .description span.tel {line-height:14px; font-size:13px; font-weight:400; margin-top:2px; letter-spacing:-1px;}
#main_offline .btn { text-align: center; display: block; position: relative; border: 1px solid #000; background: #000; color:#fff; border-radius: 4px; font-size: 14px; line-height: 38px; margin-top:16px;}
#main_offline .btn span.icon {padding-left: 20px; position: relative;}
#main_offline .btn span.icon > svg {position: absolute; left: 0px; top: 50%; margin-top: -9px;}
#main_offline .btn span.circle {width: 24px; height: 24px; border-radius: 12px; position: absolute !important; top: 50%; margin-top: -12px; display: block; padding: 0 !important; background:#4D4D4D; right:8px;}
#main_offline .btn span.circle svg {position: absolute; top: 50%; left: 50%; margin-left: -8px; margin-top: -8px;}
#main_offline .btn svg path {stroke:#fff;}
/* BASIC css end */