/* BASIC css start */
.item_cont.empty{display:none !important}
.item-cont.empty{display:none !important}
/* ¸ÞÀÎ ºñÁÖ¾ó */
.main_visu{width: 100%;  position:relative}
.main_visu .swiper{position:relative}
.main_visu .swiper ul{}
.main_visu .swiper ul li{ }
.main_visu .swiper ul li a{display: block;}
.main_visu .swiper ul li a img{width:100%}


.main_visu .swiper-pagination{position: absolute;right:25px !important; width: 55px !important; text-align: center !important; bottom: 25px !important;background-color:rgba(255,255,255,.1); padding:8px 14px; border-radius:20px}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{left:unset !important}
.swiper-pagination{color:#000}
.swiper-pagination-current{font-weight:400; color:#fff}

/*¼½¼Ç °øÅë*/
section h2{font-size: 20px; color: #000;font-weight: bold; margin-bottom:10px;line-height:1.2;}
section h2 span{font-size:23px; color:#000}
section h2 span i {
    display: none;
    font-style: normal;
}

section h2 a{width:19px; height:19px; float:right; display:block;margin-top: 6px;}
section h2 img{width:100%}
section .p_subTitle{padding: 0px 15px;font-size:14px; color:#888;margin-top: 12px; }
section .p_subTitle a{width:19px; height:19px; float:right; display:block}
section .p_subTitle a img{width:100%}
section .tumb {position:relative;}
section .tumb .prd_icon {position: absolute;right: -2px;top: 0;}
section .tumb .prd_icon span img {display:block;max-width:55px;width: 100%;object-fit: contain !important;}
section .prd-wish {position: absolute;right: 10px;bottom: 10px;}
section .prd-wish a img {max-width:19px;}
section .prd-wish a span .wishOn {display:none;}
section .prd-wish a span.wish-on .wishOff {display:none;}
section .prd-wish a span.wish-on .wishOn {display:block;}
section .info {position:relative;}
section .info .add_info_list {height:20px;}
section .info .prd_review {position: absolute;bottom: 25px;right: 5px;font-family: 'Red Hat Display', sans-serif;font-weight: 500;}
section .prdprice .price .normal {color:#222;}
section .prdprice .price .dc_per {margin-right: 4px;}
section .prdprice .price .consumer {display:none;}
section .item_list .info .add_info_list p {display:none;}
section .item_list .info .add_info_list p.add_2 {display:block;}
section .item_list .info .add_info_list p img {height:17px;}
@media(max-width:425px){
    section .item_list .info .add_info_list p img {height:auto; width:100%;}
}

/*Àü ¼½¼Ç °øÅë*/
.item_list .tumb > a > img {aspect-ratio:4/5; height: auto !important;}

/* ¼½¼Ç1 */
#sec1 .prd-wish.if_time{bottom:45px;}
#sec1 {padding: 56px 0 40px;background: #F8F8F8;}
#sec1 h2 {padding: 0 15px;margin-bottom: 20px;}
#sec1 .sec1_prd {position: relative;;margin-bottom: 36px;}
#sec1 .sec1_prd .swiper{height:auto !important;padding:0 5px}
#sec1 .item_list{}
#sec1 .item_list .prd-sale + .thumb{}
#sec1 .item_list .tumb {position:relative;_height: 30vh;}
#sec1 .item_list .tumb.round{
    border-radius: 30px;
    overflow: hidden;}
#sec1 .item_list .prd-sale > img{vertical-align:middle}

#sec1 .item_list .tumb > a > img {
    aspect-ratio: 1/1;
    height: auto;
    object-fit: cover;
    border-radius: 30px;
    object-position: top;}
#sec1 .item_list .prd-sale + 
#sec1 .item_list .prd-sale > img {vertical-align: middle;margin-top: -2px;margin-right: 3px;}
#sec1 .item_list .prd-sale {position: relative;background: #A89487;text-align: center;height: 38px;line-height:38px;font-size: 13px;color: #fff;font-weight: 600;border-radius: 0 0 30px 30px; margin-top: -38px;}
#sec1 .item_list .prd-sale .remain_time {font-family: 'Red Hat Display', sans-serif;font-weight: 500;}
#sec1 .item_list .prd-sale.soon-end {background:#F46B49;}

#sec1 .item_list .info {margin-top:10px;padding: 0 6px;}
#sec1 .p_subTitle{margin-bottom:30px}
#sec1 .p_subTitle a{width:19px; height:19px; float:right; display:block}
#sec1 .p_subTitle a img{width:100%}

#sec1 .swiper-pagination {display: flex;align-items: center;justify-content: center;bottom:-30px;}
#sec1 .swiper-pagination-bullets .swiper-pagination-bullet {width: 5px;height: 5px;background: rgba(0, 0, 0, 0.2);}
#sec1 .swiper-pagination-bullets .swiper-pagination-bullet-active {width:8px;height:8px; background:#000;}


/* ¼½¼Ç2 */
#sec2 {margin-bottom:72px;}
#sec2 h2{padding:0 15px;margin-bottom: 20px;}
#sec2 .sec2_banner{width:100%}
#sec2 .sec2_banner ul{width:100%}
#sec2 .sec2_banner ul li{width:100%}
#sec2 .sec2_banner ul li a{display:block; width:100%}
#sec2 .sec2_banner ul li a img{width:100%}


/* ¼½¼Ç3 */
#sec3{margin:40px 0 72px;}
#sec3  h2 {padding: 0px 15px;}
#sec3 .sec3_prd {margin-top:30px;padding: 0 5px;}
#sec3 .sec3_prd .item-cont {display: flex;flex-wrap: wrap;row-gap: 20px;}
#sec3 .item_list{width:calc((100% - 6px) / 2) !important; position:relative;margin-bottom:20px;}
#sec3 .item_list:nth-child(odd){margin-right:6px}
#sec3 .item_list .tumb {_height: 62vw;}
#sec3 .item_list .tumb img {height:100%;object-fit: cover;}
#sec3 .item_list .info{width:100%; height:auto;margin-top: 4px;}
#sec3 .item_list .info .prdname{font-size: 13px;line-height: 16px;color: #222;}
#sec3 .item_list .info .price{}
#sec3 .info .prd_review {bottom:0;}


/* sec4 */
#sec4 {margin-top:30px;}
#sec4 h2{padding:0 20px}
#sec4 .sec4_cate{margin:25px 0 10px; padding: 0 20px}
#sec4 .sec4_cate ul{display:flex;width:95%}
#sec4 .sec4_cate ul li{display: inline-block;margin-right: 15px; }
#sec4 .sec4_cate ul li a{color: #888;padding-bottom:4px; font-size:14.5px}
#sec4 .sec4_cate ul li.on>a{border-bottom: 2px solid #000; color: #000;font-weight:700}
#sec4 .sec4_cate>a{float: right;}
#sec4 .sec4_prd>div{display: none;position:relative}
#sec4 .sec4_prd>div.show{display: block;}

#sec4 .item-cont{width:100%; display:flex;flex-wrap: wrap;column-gap: 5px;row-gap: 40px;padding:20px 5px;}
#sec4 .item_list{width:49%; float:left;}
#sec4 .item_list .tumb {_height: 60vw;}
#sec4 .item_list .tumb img {height:100%;object-fit: cover;}
#sec4 .item_list:nth-child(3n){margin-right:0 !important}
#sec4 .item_list .info{padding: 4px 0 25px !important;}
#sec4 .item_list .info .prdprice .price{}

#sec4 .swiper-pagination-bullet{background-color:#555 !important}


/* sec5 */
#sec5{padding:40px 15px; }
#sec5 h2 a{float: right;}
#sec5 h2{margin-bottom:20px}
#sec5 .sec5_banner ul{width: 100%;height:auto;display:flex; justify-content:space-between; flex-wrap:wrap}
#sec5 .sec5_banner ul li{display:inline-block;margin-bottom:10px;}
#sec5 .sec5_banner ul li:last-child {margin-bottom:0;}
#sec5 .sec5_banner a{ display: block; width:100%}
#sec5 .sec5_banner a img{width:100%}


/* sec6 */
#sec6{margin-bottom:72px;}
#sec6 .txt_area {padding:0 15px;}
#sec6 .txt_area h2 {
    line-height: 26px;
    letter-spacing: -1px;
}

#sec6 .p_subTitle {
    padding: 0;
    line-height: 1.4;
    padding-bottom: 10px;
}

#sec6 .sec6_banner {margin:20px 0 32px;}
#sec6 .sec6_banner img {width:100%;}
#sec6 .sec6_prd .item-cont {padding:12px 15px 0;border-top: 1px solid #eee;}
#sec6 .item_list{width:100%;height: 100px;position:relative;margin-bottom:10px;}
#sec6 .item_list .tumb {float: left;width: 80px;height: 100%;margin-right: 16px;}
#sec6 .item_list .tumb img {height: 100%; object-fit: cover;}
#sec6 .item_list .info{float: right;width: calc(100% - 100px);}
#sec6 .item_list .info .prdname{margin-bottom:10px; font-size:12px;line-height: 17px;color:#222;}
#sec6 .item_list .info .price{font-size:13px;}
#sec6 .item_list .prdprice .percent {font-size:13px;}
#sec6 .item_list .info .add_info_list p img {max-width:180px;}
#sec6 .swiper-pagination-bullet{background-color:#555 !important}
#sec6 .info .prd_review {position: absolute;bottom: -2px;right: 0;}
#sec6 .prd-wish {right:8px;bottom:8px;}


/* sec7 */
#sec7{position: relative; width: 100%; height: auto;}
#sec7 img{width: 100%;}
#sec7 .sec7_textArea{position: absolute; left: 0; top: 0;padding: 0 25px; width: 100%; height: 100%;; display:flex; justify-content: center; flex-direction:column;}
#sec7 .sec7_textArea h3{opacity:0; margin-bottom: 16px;color: #fff; font-size: 22px;line-height:35px;font-weight: 500;}
#sec7 .sec7_textArea p {opacity:0; font-size: 13px;line-height: 24px;color: #fff;}


/* sec8 */
#sec8{margin:40px 0}
#sec8 .sec_inner{}
#sec8 h2{padding: 0 20px;}
#sec8 h2 a{float: right;}
#sec8 .p_subTitle {padding:0 20px;}
#sec8 .sec8_mag{margin-top:30px;margin-left: 20px;}
#sec8 .sec8_mag ul{}
#sec8 .sec8_mag ul li{position: relative;width:80%;}
#sec8 .sec8_mag ul li .pic{width:100%}
#sec8 .sec8_mag ul li .pic a{display:block; width:100%}
#sec8 .sec8_mag ul li .pic a img{width:100%}
#sec8 .sec8_mag ul li .pic > a > div{
    font-family: Noto Sans KR;
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: -.02em;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;}
#sec8 .sec8_mag ul li .pic > a > div > span{
    font-size: 20px;
    margin-bottom: 12px;
    font-weight: 700;
    line-height: 1;
}
.item_list .prdname {
    color: #1f1818;
}
/* BASIC css end */

