/* BASIC css start */
/* BASIC css start */
.section{width:100%;}
.section:not(:first-child){margin-bottom: 60px;}
.sec_inner{padding:0 5%;}
.section h2{font-family: 'Montserrat', 'Noto Sans KR', sans-serif;margin-bottom: 22px; font-size: 23px; color: #000; font-weight: 500;}
.section h2.en{font-weight:600}
.more_items{display: flex; align-items: center; justify-content: center; margin: 10px 0 ; }
.more_items a{display: flex;align-items: center;transition: all .2s;justify-content: center;gap: 6px;border: 1px solid #000;padding: 14px 0;width: 100%;color:#000;font-size: 13px; font-weight: 500;}
.more_items + .more_items {display:none !important;}
         
#sec1{ margin-bottom: 50px;}
#sec1 .swiper{width: 100%;}
#sec1 .swiper .swiper-wrapper{}
#sec1 .swiper .swiper-wrapper .swiper-slide{}
#sec1 .swiper .swiper-wrapper .swiper-slide a{display: block;width: 100%;}
#sec1 .swiper .swiper-wrapper .swiper-slide a img{width: 100%;}
#sec1 .swiper .swiper_btn_prev,#sec1 .swiper .swiper_btn_next{position: absolute;z-index: 2; cursor: pointer; top: 50%; transform: translateY(-50%);}
#sec1 .swiper .swiper_btn_prev{left:5%}
#sec1 .swiper .swiper_btn_next{right: 5%}
#sec1 .swiper :is(.swiper_btn_prev,.swiper_btn_next) img{transform: scale(.66);transform-origin: center center;}

#sec1 .swiper .swiper-pagination-progressbar {width:53px; height:2px; top:auto; bottom:17px; left:50%; margin-left:-45px; background-color:rgba(255,255,255,0.5); }
#sec1 .swiper .swiper-pagination-progressbar span {background: #fff;}
/*
#sec2{}
#sec2 .sec_inner{width: 100%;padding:0;}
#sec2 .sec_inner h2{margin: 0 5% 22px;}
#sec2 .sec_inner .sec2_cont{padding-left:5%}
#sec2 .sec_inner .sec2_cont .swiper{padding-bottom: 20px;}
#sec2 .sec_inner .sec2_cont .swiper ul{}
#sec2 .sec_inner .sec2_cont .swiper ul li{width: 48%;}
#sec2 .sec_inner .sec2_cont .swiper ul li .img_sec{}
#sec2 .sec_inner .sec2_cont .swiper ul li .img_sec a{display: block;}
#sec2 .sec_inner .sec2_cont .swiper ul li .img_sec a img{width: 100%;}
#sec2 .sec_inner .sec2_cont .swiper ul li .text_sec{padding: 15px 0; width: 100%;}
#sec2 .sec_inner .sec2_cont .swiper ul li .text_sec p{font-family: 'Noto Sans KR', sans-serif; line-height: 1.3; letter-spacing:-.4px}
#sec2 .sec_inner .sec2_cont .swiper ul li .text_sec p.big{font-size: 17px;color: #000; margin-bottom: 10px; font-weight: 400;}
#sec2 .sec_inner .sec2_cont .swiper ul li .text_sec p.small{color: #8d8d8d; font-size: 13px; font-weight: 400;line-height: 1.4; }
#sec2 .swiper .swiper-pagination-progressbar{bottom: 0; top: unset; height: 1px; background-color: rgba(0,0,0,.09);width: 100%; left: 0;}
#sec2 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #222;}
*/

/* sec2 */
#sec2{margin-bottom:40px}
#sec2 .sec_inner{}
#sec2 .sec_inner h2{}
#sec2 .sec_inner .sec2_cate{margin-bottom: 25px;}
#sec2 .sec_inner .sec2_cate ul{display:flex;gap: 10px 15px;    flex-wrap: wrap;}
#sec2 .sec_inner .sec2_cate ul li{}
#sec2 .sec_inner .sec2_cate ul li a{display:block; width:100%; text-align:center; font-family: 'Noto Sans KR', sans-serif; color:#979797; font-size: 14px; font-weight: 400; letter-spacing: -.3px;transition: all .3s; display:block;}
#sec2 .sec_inner .sec2_cate ul li.on>a{ color: #000 !important;font-weight: 500; }
#sec2 .sec2_prd{}
#sec2 .sec2_prd>div{ position:relative;} 
#sec2 .sec2_prd>div.hide{display: none;}
#sec2 .sec2_prd>div.show{display: block;}
#sec2 .swiper .swiper-pagination-progressbar{bottom: 0; top: unset; height: 1px; background-color: rgba(0,0,0,.09);width: 100%; left: 0;}
#sec2 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #222;}

/* sec3 */
#sec3{margin-bottom:40px}
#sec3 .sec_inner{}
#sec3 .sec_inner h2{}
#sec3 .sec_inner .sec3_cate{margin-bottom: 25px;}
#sec3 .sec_inner .sec3_cate ul{display:flex;gap: 10px 15px;    flex-wrap: wrap;}
#sec3 .sec_inner .sec3_cate ul li{}
#sec3 .sec_inner .sec3_cate ul li a{display:block; width:100%; text-align:center; font-family: 'Noto Sans KR', sans-serif; color:#979797; font-size: 14px; font-weight: 400; letter-spacing: -.3px;transition: all .3s; display:block;}
#sec3 .sec_inner .sec3_cate ul li.on>a{ color: #000 !important;font-weight: 500; }
#sec3 .sec3_prd{}
#sec3 .sec3_prd>div{display: none; position:relative;}
#sec3 .sec3_prd>div ul{display:flex; flex-wrap:wrap}
#sec3 .sec3_prd>div.show{display: block;}



/* sec4 */
#sec4{ display: none; }
#sec4 .sec_inner{}
#sec4 .sec_inner ul{display: flex; justify-content: space-between; flex-wrap: wrap; gap:10px 0}
#sec4 .sec_inner ul li:not(:first-child){width:48.5%}
#sec4 .sec_inner ul li:first-child{width:100%}
#sec4 .sec_inner ul li a{display: block;width: 100%;}
#sec4 .sec_inner ul li a img{width: 100%;}


/* sec5 */
/*
#sec5{}
#sec5 h2{margin: 0 5% 22px;}
#sec5{width: 100%;}
#sec5 .swiper{padding-bottom: 40px;}
#sec5 .sec_inner{padding:0}
#sec5 .swiper ul.swiper-slide{padding:0 5%}
#sec5 .swiper .swiper-pagination-progressbar{bottom: 0; top: unset; height: 1px; background-color: rgba(0,0,0,.09); width:90%; transform:translateX(-50%); left:50%}
#sec5 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #222;}
*/
/* sec6 */
#sec6{margin-bottom:40px}
#sec6 .sec_inner{}
#sec6 .sec_inner .sec6_cont{}
#sec6 .sec_inner .sec6_cont>div{}
#sec6 .sec_inner .sec6_cont>div:first-child{margin-bottom:30px}
#sec6 .sec_inner .sec6_cont>div .banner{}
#sec6 .sec_inner .sec6_cont>div .banner h3{line-height:1.5;    letter-spacing: -.9px; margin-bottom: 20px;font-family:'Montserrat','Noto Sans KR', sans-serif; font-size: 23px; font-weight: 500; color: #000;}
#sec6 .sec_inner .sec6_cont>div .banner .banner_img{}
#sec6 .sec_inner .sec6_cont>div .banner .banner_img a{display: block; width: 100%;border-radius: 15px; overflow: hidden;}
#sec6 .sec_inner .sec6_cont>div .banner .banner_img a img{width: 100%;}
#sec6 .sec_inner .sec6_cont>div .banner p{    margin: 15px 0 35px;letter-spacing:-.7px; font-family:'Noto Sans KR', sans-serif; font-size:13px; color:#000; font-weight:400; line-height:1.7;}
#sec6 .sec_inner .sec6_cont>div .swiper{padding-bottom: 20px;}
#sec6 .sec_inner .sec6_cont>div .swiper ul{}
#sec6 .sec_inner .sec6_cont>div .swiper ul li{}
#sec6 .sec_inner .sec6_cont>div .swiper ul li.item_list .info .prdname{margin-bottom:5px; font-size:14px}
#sec6 .sec_inner .sec6_cont>div .swiper ul li.item_list .info .price{/* font-weight:500; */}
#sec6 .sec_inner .sec6_cont>div .swiper .swiper-pagination-bullet{width:6px; height:6px; margin:0 3px;}
#sec6 .sec_inner .sec6_cont>div .swiper .swiper-pagination-bullet-active{background-color:#000}
#sec6 .sec_inner .sec6_cont>div .swiper ul li.item_list .info strike {display: block;margin-left: 0;padding: 2px 0 1px;}
#sec6 .sec_inner .sec6_cont ul li .timer {padding: 6px 0 1px;margin: 11px 0 0;}
#sec6 .sec_inner .sec6_cont ul li .timer em {display: none;}
#sec6 .sec_inner .sec6_cont ul li .timer .displayTimeSale .time {font-size: 12px;}
#sec6 .sec_inner .sec6_cont>div .swiper .swiper-pagination {
    width: 100%;
}
#sec6 .sec_inner .sec6_cont>div .item_list .thumb {}

#sec6 .sec_inner .sec6_cont>div .item_list .thumb .prd_review_count{
    position: absolute;
    top: 2px;
    right: 2px;
    font-size: 10px;
    color:#c7c7c7;
    font-size:11px;
    font-weight:500;
    float:right;
    font-family: 'Calibri', sans-serif;
    display:flex;
    align-items:center;
    gap: 1px;
    }
#sec6 .sec_inner .sec6_cont>div .item_list .thumb .prd_review_count span{display:flex; align-items:center ;justify-content:center}
#sec6 .sec_inner .sec6_cont>div .item_list .thumb .prd_review_count span img{transform: scale(.8);}

/* sec7 */
#sec7{background-color:#f8f8f8; padding:35px 0 30px}
#sec7 .sec_inner{padding:0;}
#sec7 h2{margin: 0 5% 22px;}
#sec7 .sec7_review{padding-left:5%}
#sec7 .sec7_review>div{width: 100%;}
#sec7 .sec7_review>div>ul{width: 100%; }
#sec7 .sec7_review>div>ul>li{width:43%}
#sec7 .li_review .rv_main{ width: 100%; border-bottom: 1px solid #e4e4e4;}
#sec7 .li_review .rv_main .thumb{width:100%;}
#sec7 .li_review .rv_main .thumb a{display: block; width: 100%; height: 100%;}
#sec7 .li_review .rv_main .thumb a img{width: 100%; height: 100%; object-fit: cover;}
#sec7 .li_review .rv_main .rv_main_cont{width: 100%; padding: 10px 0;}
#sec7 .li_review .rv_main .rv_main_cont .rv_cont{letter-spacing:-.7pxfont-size: 12px; font-family: 'Noto Sans KR', sans-serif; text-overflow: ellipsis; overflow: hidden; font-weight:500; color:#000; line-height:1.4; margin-bottom:5px;display:none;}
#sec7 .li_review .rv_main .rv_main_cont .rv_info{}
#sec7 .li_review .rv_main .rv_main_cont .rv_info span{color:#acacac}
#sec7 .li_review .rv_main .rv_main_cont .rv_info span.date{}
#sec7 .li_review .rv_main .rv_main_cont .rv_info span.rv_user{}
#sec7 .li_review .rv_mini{width: 100%; display: flex; align-items: center; justify-content: left; gap:10px;margin-top:10px }
#sec7 .li_review .rv_mini .mini_thumb{width: 33px; height: 33px; border-radius: 50%; display: inline-block; border: 1px solid #f2f2f2; overflow: hidden; max-width:30%}
#sec7 .li_review .rv_mini .mini_thumb a{display: block;width: 100%; height: 100%;}
#sec7 .li_review .rv_mini .mini_thumb a img{width: 100%; height: 100%; object-fit: cover;}
#sec7 .li_review .rv_mini ul { display:flex; flex-direction:column; gap:3px; width:70%}
#sec7 .li_review .rv_mini ul li {font-family: 'Noto Sans KR', sans-serif;font-size: 12px; color: #000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis ;letter-spacing:-.7px}
#sec7 .li_review .rv_mini ul li:nth-child(2){display:flex; align-items:center}
#sec7 .li_review .rv_mini ul li span {font-family: 'Calibri', sans-serif; margin-right:10px;display:flex; align-items:center; color:#c7c7c7; font-size:11px; }
#sec7 .li_review .rv_mini ul li span img{display:inline-block; margin-right:4px;}

#sec8{margin-bottom:0}
#sec8 .sec_inner{padding:0;}
#sec8 h2{margin: 0 5% 22px;}



/* custom */

.eventlolban {margin: 10px 5%;border-radius: 15px;overflow: hidden;}
.eventlolban button{position: absolute; top: 50%; transform: translateY(-50%); width:12px; height:24px; border: 0; outline: 0; font-size: 0; z-index: 10;}
.eventlolban .slick-prev{ left: 13px; background: url(/design/purygold/noto/MO_img/bannerarrowL.png) no-repeat; background-size: contain;}
.eventlolban .slick-next{ right: 13px; background: url(/design/purygold/noto/MO_img/bannerarrowR.png) no-repeat; background-size: contain;}
#modeny{margin: 35px 0 0;} 
#modeny .sec8_cont{ width: 100%;}
#modeny .sec8_cont>div{ width: 100%;}
#modeny .sec8_cont .sec8_L{}
#modeny .sec8_cont .sec8_L .swiper{width: 100%;}
#modeny .sec8_cont .sec8_L .swiper ul{width: 100%;}
#modeny .sec8_cont .sec8_L .swiper ul li{width: 100%;}
#modeny .sec8_cont .sec8_L .swiper ul li a{display: block;width: 100%;}
#modeny .sec8_cont .sec8_L .swiper ul li a img{width: 100%;}
#modeny .sec8_cont .sec8_L .swiper .swiper_btn_prev{ position:absolute; top:50%; left: 3%;transform: translateY(-50%); z-index:4; cursor:pointer}
#modeny .sec8_cont .sec8_L .swiper .swiper_btn_next{position:absolute; top:50%; right: 3%;transform: translateY(-50%); z-index:4; cursor:pointer}
#modeny .swiper_btn_prev img,#modeny .swiper_btn_next img{transform: scale(.66)}
#modeny .sec8_cont .sec8_L .swiper .swiper-pagination{}
#modeny .sec8_cont .sec8_L .swiper .swiper-pagination-bullet{background-color:#fff !important;}

/* sec9 */
#sec9{margin-bottom:40px;margin-top:40px}
#sec9 .sec_inner {
    padding-right: calc(5% - 10px);
}
#sec9 .sec_inner h2{}
#sec9 .sec_inner .sec9_cate{margin-bottom: 25px;}
#sec9 .sec_inner .sec9_cate ul{display:flex;gap: 10px 15px;    flex-wrap: wrap;}
#sec9 .sec_inner .sec9_cate ul li{}
#sec9 .sec_inner .sec9_cate ul li a{display:block; width:100%; text-align:center; font-family: 'Noto Sans KR', sans-serif; color:#979797; font-size: 14px; font-weight: 400; letter-spacing: -.3px;transition: all .3s; display:block;}
#sec9 .sec_inner .sec9_cate ul li.on>a{ color: #000 !important;font-weight: 500; }
#sec9 .sec9_prd{}
#sec9 .sec9_prd>div{ position:relative;} 
#sec9 .sec9_prd>div.hide{display: none;}
#sec9 .sec9_prd>div.show{display: block;}
#sec9 .swiper .swiper-pagination-progressbar{bottom: 0; top: unset; height: 1px; background-color: rgba(0,0,0,.09);width: 100%; left: 0;}}
#sec9 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #222;} 
#sec9 .swiper {width: 100%;/*height: 190vw;*/}
#sec9 .swiper .swiper-slide{height: calc((100% - 10px) / 2); }
/*
@media (min-width: 600px) {
#sec9 .swiper{height: 140vw;}
}
*/ 
#sec9 .sec9_prd>div li {
    padding-right: 10px;
}
/**
 *  Progress Bar
 */

.progress {
  display: block;
  width: 100%;
  height: 1px;
  overflow: hidden;
  background-color:rgba(0,0,0,.09);
  background-image: linear-gradient(to right, black, black);
  background-repeat: no-repeat;
  background-size: 0 100%;
  transition: background-size .3s ease-in-out;
}

/* sec5 */

#sec5 .swiper-button-next{right:5% ; width:auto; height:auto}
#sec5{position:relative;}
#sec5 .swiper{}
#sec5 .swiper>ul.swiper-wrapper{}
#sec5 .swiper>ul.swiper-wrapper>li.swiper-slide{background-color:#fff; }
#sec5 li.swiper-slide .sec5_cont{}
#sec5 li.swiper-slide .sec5_cont .sec5_ban{}
#sec5 li.swiper-slide .sec5_cont .sec5_ban a{display: block; width: 100%; border-radius: 0 65px 0 0; overflow: hidden;}
#sec5 li.swiper-slide .sec5_cont .sec5_ban a img{width: 100%;}
#sec5 li.swiper-slide .sec5_cont .sec5_itemWrap{display: flex; flex-direction: column; padding:0 5%}
#sec5 li.swiper-slide .sec5_cont .sec5_itemWrap .sec5_contTop{display: flex; flex-direction: column; gap: 20px;margin-top:20px ;border-bottom: 1px solid #f6f3f1; padding-bottom: 20px;}
#sec5 li.swiper-slide .sec5_cont .sec5_itemWrap .sec5_contTop h3{font-family: "Noto Sans KR", sans-serif;color: #000;font-size: 23px;font-weight: 500;line-height: 1.3;}
#sec5 li.swiper-slide .sec5_cont .sec5_itemWrap .sec5_contTop p.sec5sub{font-family: "Noto Sans KR", sans-serif;line-height: 1.4;color: #3c3c3c;font-size: 13px;font-weight: 500;letter-spacing: -0.5px;}
#sec5 li.swiper-slide .sec5_cont .sec5_itemWrap ul{display:flex; flex-direction:column; align-items:center; gap:25px 0}
#sec5 li.swiper-slide .sec5_cont .sec5_itemWrap ul li{display:flex; gap:20px;position: relative;}
#sec5 li.swiper-slide .sec5_cont .sec5_itemWrap ul li .thumb{width:20%; height:100%}
#sec5 li.swiper-slide .sec5_cont .sec5_itemWrap ul li .thumb a{height:100%; }
#sec5 li.swiper-slide .sec5_cont .sec5_itemWrap ul li .thumb a img{height:100%; object-fit:cover; }
#sec5 li.swiper-slide .sec5_cont .sec5_itemWrap ul li .info{flex-grow:1; padding:0; display:flex; flex-direction:column;justify-content:space-between;}
#sec5 li.swiper-slide .sec5_cont .sec5_itemWrap ul li .info .prdname{font-size:16px}
#sec5 li.swiper-slide .sec5_cont .sec5_itemWrap ul li .info .prdetc{font-size:14px}
#sec5 li.swiper-slide .sec5_cont .sec5_itemWrap ul li.item_list .info .prdprice{border:none; margin:0}
#sec5 li.swiper-slide .sec5_cont .sec5_itemWrap ul li.item_list .info .prdprice .percent{}

#sec5 p.line{width:90%; margin:0 auto 25px; height:1px; background-color:#f6f3f1}
#sec5 .swiper_btn_wrap{cursor:pointer;  border: 1px solid #e9e9e9; display: flex; align-items: center; gap: 5px;border-radius: 25px; justify-content: center; width: max-content; margin: 0 auto;}
#sec5 .swiper_btn_wrap .swiper_btn_next{display: flex; align-items: center; justify-content: center; gap: 5px; padding: 8px 30px; }
#sec5 .swiper_btn_wrap .swiper_btn_next span.img{display: flex; align-items: center ; justify-content: center;}
#sec5 .swiper_btn_wrap .swiper_btn_next span.img img{transform: scale(.66); transform-origin:center center;}
#sec5 .swiper_btn_wrap .swiper_btn_next p{font-family: 'Pretendard', sans-serif; font-size: 13px; font-weight: 500; color: #161616; }
#sec5 .swiper_btn_wrap .swiper-pagination{position:unset; width:auto; margin-top:1px}

#sec5 li.swiper-slide .sec5_cont .sec5_itemWrap ul li.timesale{padding-bottom: 52px;}
#sec5 li .sec5_cont .sec5_itemWrap ul li .timer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
#sec5 li.swiper-slide .sec5_cont .sec5_itemWrap ul li .thumb .prd_review_count{
    position: absolute;
    top: 2px;
    right: 2px;
    font-size: 10px;
    color:#c7c7c7;
    font-size:11px;
    font-weight:500;
    float:right;
    font-family: 'Calibri', sans-serif;
    display:flex;
    align-items:center;
    gap: 1px;
    }
#sec5 li.swiper-slide .sec5_cont .sec5_itemWrap ul li .thumb .prd_review_count span{display:flex; align-items:center ;justify-content:center}
#sec5 li.swiper-slide .sec5_cont .sec5_itemWrap ul li .thumb .prd_review_count span img{transform: scale(.8);}

.item_list .prd-wish a {   display: none;} 
/* BASIC css end */