/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
.item-wrap .item-cont{overflow: initial;}
.swiper-button-next:after, .swiper-button-prev:after {display:none}


/* ¸ÞÀÎ ½½¶óÀ̵å */
.mainSwiper {position: relative; width: 100%; overflow: hidden;}
.mainSwiper .swiper-slide img {width: 100%;}
.mainSwiper .swiper-button-next, 
.mainSwiper .swiper-button-prev {width: auto; height: auto; background-image: none;}
.mainSwiper .swiper-button-next {right: 80px;}
.mainSwiper .swiper-button-prev {left: 80px;}
.mainSwiper .swiper-button-prev img {transform: scaleX(-1);}
.mainSwiper .swiper-button-next.swiper-button-disabled, 
.mainSwiper .swiper-button-prev.swiper-button-disabled {opacity: 0.2;}
.mainSwiper .swiper-pagination {bottom: 2.7vw;}
.mainSwiper .swiper-pagination-bullet {width: 12px; height: 12px; margin: 0 5px!important; background: #fff; opacity: 0.7;}
.mainSwiper .swiper-pagination-bullet-active {background: #000; opacity: 0.7;}

/*ŸÀÌƲ °øÅë */
.main-title {padding: 0 0 60px; color: #333; font-size: 38px; font-weight: 300; text-align: center;}
.main-title02 {padding: 0 0 0px; color: #333; font-size: 36px; font-weight: 500; text-align: center;}

/* ½áŬÇü ¹è³Ê */
.circle-tab {display: table; margin: -30px auto 40px;}
.circle-tab button {position: relative; padding: 0 32px; height: 40px; color: #000; font-size: 16px; font-weight: 300; text-align: center; background: rgba(0,0,0,0); border-radius: 100px; box-sizing: border-box; }
.circle-tab button.on {padding: 0 29px; color:#BC9A77; font-size: 16px; font-weight: 700; border: 2px solid #BC9A77;}

/*  */
.imgBanner { margin:30px auto 0; position:relative; width:1200px; overflow:hidden }
.imgBanner ul { *zoom:1 }
.imgBanner ul:after { display:block; clear:both; content:'' }
.imgBanner ul li { padding-right:10px; float:left }

/*  */
.product-wrap { margin:130px auto 0; position:relative; max-width:1330px; width: 100%; }
.product-wrap .more a{display: table; width: 212px; height: 70px; margin: 0 auto;}
.product-wrap .more button {widtH: 100%; height: 100%; color: #000; font-size: 16px; font-weight: 300; line-height: 68px; text-align: center; background: #fff; border: 1px solid #ddd; box-sizing: border-box;}


/* banner */
.goLinkBanner {display: flex; justify-content: space-between; position: relative; widtH: 100%; max-width: 1240px; margin: 0 auto; padding: 70px 0 20px;}
.goLinkBanner .area {position: relative;}
.goLinkBanner .area .new {position: absolute; top: 13px; right: 4px;}
.goLinkBanner p {margin-top: 20px; color: #333; font-size: 16px; font-weight: 400; line-height: 20px; text-align: center; letter-spacing: -0.5px;}

/* NOW! BEST */
#nowBest {position: relative; width: 100%; margin: 130px 0 160px;}
#nowBest .item-wrap .item-cont .item-list {width: 250px; margin: 0 20px 0 0; padding: 0;}
#nowBest .bestTab {position: relative; max-width: 1330px; width: 100%; margin: 0 auto; display: none;}
#nowBest .swiper-button-next, 
#nowBest .swiper-button-prev {width: auto; height: auto; background-image: none; top: 170px;}
#nowBest .swiper-button-next img, 
#nowBest .swiper-button-prev img {width: 32px;}
#nowBest .swiper-button-next {right: -52px;}
#nowBest .swiper-button-prev {left: -52px;}
#nowBest .swiper-button-prev img {transform: scaleX(-1);}
#nowBest .swiper-button-next.swiper-button-disabled, 
#nowBest .swiper-button-prev.swiper-button-disabled {opacity: 0.2;}

/* LIVE SALE */
#liveSale .main-title {padding: 90px 0 0;}
#liveSale .banner {position: relative; width: 100%; height: 419px; background-image: url('//joamom.jpg2.kr/2023/renewal/timesale/0919_time_sale_pc.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; box-sizing: border-box;}
#liveSale .sub-title {padding: 17px 0 12px; color: #333; font-size: 24px; font-weight: 300; line-height: 29px; text-align: center;}
#liveSale .sub-title span {font-weight: 700;}
#liveSale .item-wrap {position: relative; width: 100%; max-width: 1420px; margin: -120px auto 0; padding: 49px 45px; background: #fff; box-sizing: border-box; overflow: inherit;}
#liveSale .item-wrap .item-cont .item-list {margin-bottom: 0;}
#liveSale .item-wrap .item-cont .item-list dd {padding-top: 23px}
#liveSale .item-wrap .item-cont .item-list .prd-name {padding: 0}
#liveSale .item-wrap .item-cont .item-list .prd-name a {margin-bottom: 10px; font-size: 14px; text-align: center;}
#liveSale .item-wrap .item-cont .item-list .prd-price {font-size: 14px; text-align: center;}
#liveSale .liveSwiper {position: relative;/* padding-bottom: 97px; *//* overflow: hidden; */}
#liveSale .liveSwiper .swiper-pagination{display: flex; justify-content: space-around; bottom: 0; top: auto; height: 2px; background: #ddd; opacity: 1;}
#liveSale .liveSwiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #000;}
#liveSale .prd-brand {text-align:center}

#liveSale #timer {display: flex; justify-content: center; font-size: 48px; font-weight: 400; line-height: 58px; text-align: center;}
#liveSale #timer p {position: relative; color: #333;}
#liveSale #timer p::after {content: ''; position: absolute; top: 100%; left: 0; width: 100%; font-size: 12px; font-weight: 400; text-align: center; line-height: 1; letter-spacing: 0.5px;}
#liveSale #timer .days::after {content: 'DAYS';}
#liveSale #timer .hours::after {content: 'HOURS';}
#liveSale #timer .minutes::after {content: 'MINUTES';}
#liveSale #timer .seconds::after {content: 'SECONDS';}
#liveSale #timer span {display: inline-block; width: 30px; text-align: center;}
#liveSale #timer>span {width: 50px; line-height: 50px;}

#liveSale .swiper-button-next, 
#liveSale .swiper-button-prev {width: auto;height: auto;background-image: none;top: 254px;}
#liveSale .swiper-button-next img, 
#liveSale .swiper-button-prev img {width: 32px;}
#liveSale .swiper-button-next {right: -29px;}
#liveSale .swiper-button-prev {left: -29px;}
#liveSale .swiper-button-prev img {transform: scaleX(-1);}
#liveSale .swiper-button-next.swiper-button-disabled, 
#liveSale .swiper-button-prev.swiper-button-disabled {opacity: 0.2;}




/* MADE JOAMOM */
#madeJoamom {margin-top: 160px; padding: 140px 0 132px; background: #F8F3F0; overflow: hidden;}
#madeJoamom .area{display: flex; position: relative; max-width: 1330px; width: 100%; margin: 0 auto;}
#madeJoamom .left {width: 280px;padding-right: 89px;}
#madeJoamom .right {position: relative;}
#madeJoamom .main-title {padding: 0; font-size: 36px; line-height: 36px; text-align: left;}
#madeJoamom .sub-title {margin-top: 25px; color: #000; font-size: 15px; line-height: 22px; letter-spacing: -0.75px;}
#madeJoamom .tabs {margin-top: 46px;}
#madeJoamom .tabs button {position: relative; width: 100%; height: 50px; margin-bottom: 8px; padding: 0 21px; color: #B6B6B6; font-size: 24px; font-weight: 400; text-align: left; letter-spacing: -0.02em; background: rgba(0,0,0,0);}
#madeJoamom .tabs button.on {color: #fff; font-weight: 700; background: #BC9A77;}
#madeJoamom .tabs button.on::after {content: ''; position: absolute; top: 13px; right: 10px; width: 24px; height: 24px; background-image: url('/design/yamiyami/dizi/pc/arrow_right.svg');}
#madeJoamom .item-wrap .item-cont .item-list {margin-bottom: 0;}
#madeJoamom .madeTab {display: none;}
#madeJoamom .madeSwiper {position: relative; max-width: 963px; width: 100%; margin: 0 auto; padding-bottom: 82px;}
/*
#madeJoamom .madeSwiper .swiper-pagination{display: flex; justify-content: space-around; bottom: 0; top: auto; height: 2px; background: #ddd; opacity: 1;}
#madeJoamom .madeSwiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #000;}
*/
#madeJoamom .swiper-button-next, 
#madeJoamom .swiper-button-prev {width: auto;height: auto;background-image: none;top: 196px;}
#madeJoamom .swiper-button-next img, 
#madeJoamom .swiper-button-prev img {width: 32px;}
#madeJoamom .swiper-button-next {right: -50px;}
#madeJoamom .swiper-button-prev {left: -50px;}
#madeJoamom .swiper-button-prev img {transform: scaleX(-1);}
#madeJoamom .swiper-button-next.swiper-button-disabled, 
#madeJoamom .swiper-button-prev.swiper-button-disabled {opacity: 0.2;}
#madeJoamom .made-more {display: table;/* position: absolute; */left: 50%;bottom: 173px;transform: translateX(-8px);width: 212px;height: 40px;color: #000;margin: 0 auto;font-size: 16px;line-height: 38px;text-align: center;background: #fff;border: 1px solid #ddd;}


/* STYLE FOR YOU */
#forYou {margin-top: 140px; padding-top: 130px; background: #F8F3F0;}
#forYou .item-wrap .item-cont .item-list {width: 310px; margin:0 30px 0 0; padding: 0;}
#forYou .foryouTab {max-width: 1330px; margin: 0 auto; display: none; position: relative; padding-bottom: 115px;}
#forYou .foryouSwiper {position: relative; max-width: 1330px; width: 100%; margin: 0 auto; padding-bottom: 176px;}
#forYou .foryouSwiper .swiper-pagination{display: flex; justify-content: space-around; bottom: 0; top: auto; height: 2px; background: #ddd; opacity: 1;}
#forYou .foryouSwiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #000;}
#forYou .foryou-more {display: table; position: absolute; left: 50%; bottom: 173px; transform: translateX(-106px); width: 212px; height: 40px; margin: 0 auto; color: #000; font-size: 16px; line-height: 38px; text-align: center; background: #fff; border: 1px solid #ddd;}
#forYou .swiper-button-next, 
#forYou .swiper-button-prev {width: auto; height: auto; background-image: none;top: 190px;}
#forYou .swiper-button-next {right: -66px;}
#forYou .swiper-button-prev {left: -65px;}
#forYou .swiper-button-next img, 
#forYou .swiper-button-prev img {width: 32px;}
#forYou .swiper-button-prev img {transform: scaleX(-1);}
#forYou .swiper-button-next.swiper-button-disabled, 
#forYou .swiper-button-prev.swiper-button-disabled {opacity: 0.2;}
.foryouSwiper .swiper-pagination {bottom: 2.7vw;}
.foryouSwiper .swiper-pagination-bullet {width: 12px; height: 12px; margin: 0 5px!important; background: #fff; opacity: 0.7;}
.foryouSwiper .swiper-pagination-bullet-active {background: #000; opacity: 0.7;}






/* CODI ITEM */
#codiItem {margin: 130px auto 100px;}

/* ACC ITEM */
#accItem {margin: 130px auto 100px;}


/* event banner */
#eventBanner {position: relative; width: 100%; max-width: 1330px; margin: 0 auto;}
#eventBanner .mainEventSwiper { overflow: hidden;}
#eventBanner .swiper-button-next, 
#eventBanner .swiper-button-prev {display: grid; align-items: center; justify-items: center;  width: 40px; height: 40px; font-size: 24px; background-image: none; background-color: #fff; border-radius: 100%; box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);}
#eventBanner .swiper-button-next {right: -20px;}
#eventBanner .swiper-button-prev {left: -20px;}
#eventBanner .swiper-button-next i {position: relative; right: -1px;}
#eventBanner .swiper-button-prev i {position: relative; left: -1px;}

/* insta */
#instaArea {position: relative; width: 100%; max-width: 1330px; margin: 100px auto 90px;}
#instaArea .go-link {display: table; position: absolute; top: 50px; right: 0; width: 190px; height: 40px; padding-left: 23px; color: #000; font-size: 14px; font-weight: 400; line-height: 38px; border: 1px solid #ddd; border-radius: 100px; box-sizing: border-box; }
#instaArea .go-link i {margin-left: 8px}

@media screen and (max-width: 1480px){
    #nowBest .swiper-button-next, 
    #nowBest .swiper-button-prev,
    #eventBanner .swiper-button-next, 
    #eventBanner .swiper-button-prev {display: none;}
    #forYou .swiper-button-next, 
    #forYou .swiper-button-prev {display: none;}
    #madeJoamom .swiper-button-next, 
    #madeJoamom .swiper-button-prev {display: none;}
}

@media screen and (max-width: 1590px){
    #liveSale .swiper-button-next, 
    #liveSale .swiper-button-prev {display: none;}
}






/* BASIC css end */


/* BASIC css end */