/* BASIC css start */
.reviewWrap .cateList .slick-track{width:auto !important; transform:none !important; text-align:center;}
.reviewWrap .cateList .slick-track .slick-slide{display:inline-block !important; outline:0;   float: none !important;}
.reviewWrap .cateList .slick-track .slick-current a{ position: relative; color: #000 }
.reviewWrap .cateList .slick-track .slick-current a::after { content:''; display: block; position: absolute; left: 0; bottom: -3px; width: 100%; height: 2px; background: #000; }

.listType_1 { width: auto; }
.slick-dots li{cursor:pointer}

.wrapTitle {font-weight:500; font-family:'Roboto';}
/* ¸ÞÀÎ ºñÁê¾ó ¹è³Ê */
.visualSlide { font-size: 0 }
.visualSlide .slick-slide li { position: relative; background-size: 2560px 820px; background-position:50% 50%; background-repeat:no-repeat;}
.visualSlide .slick-slide li .container { padding-left: 200px; position: absolute; top: 200px; left: 50%; transform: translateX(-50%); }
.visualSlide .slick-slide li a { display: block; width: 100%; height: 100% }
.visualSlide .slick-slide img{ display:block; margin:0 auto;}
.visualSlide .container .tit { font-size: 25px; letter-spacing:-1px;}
.visualSlide .container .engtit { font-size: 25px; font-family: 'Piek-Light';} /*¿µ¹® Á¦¸ñ*/
.visualSlide .container .kotit { font-size: 20px;} /*±¹¹® Á¦¸ñ*/
.visualSlide .container .stit { margin-top: 10px; line-height: 65px; font-size: 48px; letter-spacing:-2px; font-weight:600;}
.visualSlide .container .etit { margin-top: 30px; line-height: 1.4; font-size: 30px; font-family: 'Piek-Light'; } /*¿µ¹® ¼³¸í*/
.visualSlide .container .ktit { margin-top: 30px; line-height: 1.4; font-size: 28px; letter-spacing:-1px; }

.visualSlide .container .btn_Black, .visualSlide .container .btn_White { margin-top: 95px; }

.visualSlide .slick-arrow { width: 42px; height: 80px; position: absolute; top: 45%; background: url('/design/cosrx/phps/main/visual_button_sp.png') no-repeat center; background-size: cover; font-size: 0; z-index: 1; }
.visualSlide .slick-arrow.slick-prev { left: 50%; margin-left: -600px;  background-position: 0 0; }
.visualSlide .slick-arrow.slick-next { right: 50%; margin-right: -600px; background-position: 0 -80px; }
.visualSlide .slick-dots { position: absolute; bottom: 50px; width: 100%; text-align: center; }
.visualSlide .slick-dots li { margin:0 15px; display: inline-block; width: 10px; height: 10px; background: #fff; border:1px solid #000; border-radius: 50%; }
.visualSlide .slick-dots li button { font-size: 0 }
.visualSlide .slick-dots li.slick-active { background: #000 }


.listType_1 { position: relative; }
.listType_1 .prd-ico { position: absolute; top: 40px; right: 29px; display: inline-block; }

.imgBnSlide { font-size: 0 }
.imgBnSlide .slick-slide li { position: relative; }
.imgBnSlide .slick-slide li .container { padding-left: 300px; position: absolute; top: 110px; left: 50%; transform: translateX(-50%); }
.imgBnSlide .slick-slide li a { display: block; width: 100%; height: 100% }
.imgBnSlide .slick-arrow { width: 42px; height: 80px; position: absolute; top: 50%; background: url('/design/cosrx/phps/main/visual_button_sp.png') no-repeat center; background-size: cover; font-size: 0; z-index: 1; }
.imgBnSlide .slick-arrow.slick-prev { left: 50%; margin-left: -600px;  background-position: 0 0; }
.imgBnSlide .slick-arrow.slick-next { right: 50%; margin-right: -600px; background-position: 0 -80px; }
.imgBnSlide .slick-dots { position: absolute; bottom: 50px; width: 100%; text-align: center; }
.imgBnSlide .slick-dots li { margin:0 15px; display: inline-block; width: 10px; height: 10px; background: #fff; border:1px solid #000; border-radius: 50%; }
.imgBnSlide .slick-dots li button { font-size: 0 }
.imgBnSlide .slick-dots li.slick-active { background: #000 }


/* À̺¥Æ® ŸÀÌ¸Ó */
.prdTimeArea { display:none } 
.prdTimeArea .remainDcTime { display:none }
.timeDefaultArea .timeDefaultMsg { display: none; }

.eventTimerWrap { margin-top: -5px; background: #f8f8f8; }
.time-wrap { margin-top: 50px; }
.timeDefaultArea { margin: 0 auto; width: 460px; height: 60px; background: url('/design/cosrx/phps/main/main_timer_bg.png') no-repeat center; background-size: cover; }
.timeDefaultArea .timeDefaultMsg, .timeDefaultArea .time_Day { display: none; }
.timeDefaultArea .timeArea { position: relative; font-size: 0 }
.timeDefaultArea .timeArea span { position: absolute; font-size: 40px; line-height: 30px; font-weight: 300; font-family: 'Roboto'; }
.timeDefaultArea .timeArea .val:nth-of-type(1) { top: 0px; left: 82px; }
.timeDefaultArea .timeArea .val:nth-of-type(2) { top: 0px; left: 193px; }
.timeDefaultArea .timeArea .val:nth-of-type(3) { top: 0px; left: 303px; }
.timeDefaultArea .timeArea .val:nth-of-type(4) { top: 0px; left: 413px; }
.timeDefaultArea .timeArea .val:nth-of-type(5) { top: 0px; left: 413px; }
.timeDefaultArea .timeArea .day { display: none; }

.eventTimerWrap .items { padding:50px 0; }
.eventTimerWrap .items .alignBox .left { position: relative; width: 500px; margin-right: 60px; }
.eventTimerWrap .items .alignBox .right { width: 540px; padding: 50px 0; }
.eventTimerWrap figure { position: relative; margin: 0 auto; }
.eventTimerWrap figure img { width: 100%; }
.eventTimerWrap figure .listDcPrice { position: absolute; top: 110px; right: 0; display: block; width: 70px; height: 70px; line-height: 70px; background: #000; border-radius: 50%; text-align: center; font-size: 20px; color: #fff; }
.eventTimerWrap .shoppingInfo { text-align: center; }
.eventTimerWrap .shoppingInfo .listName { margin-top: 50px; font-size: 40px; font-weight: 600; letter-spacing: -2px; }
.eventTimerWrap .shoppingInfo .listSubname { font-size: 30px; display: none; }
.eventTimerWrap .shoppingInfo .alignBox { line-height: 25px; margin: 20px 0 50px 0; font-weight: 600 }
.eventTimerWrap .shoppingInfo .alignBox .left { margin-right: 0; width: 50%; text-align: right; font-size: 20px; }
.eventTimerWrap .shoppingInfo .alignBox .left del { margin: 10px; color: #8d8d8d; font-weight: 400; }
.eventTimerWrap .shoppingInfo .alignBox .right { margin-right: 0; width: 50%; text-align: left; font-size: 30px; font-weight: 400; }
.eventTimerWrap .shoppingInfo .alignBox .listPrice { font-size: 30px;  padding: 0;}

.eventTimerWrap .shoppingInfo .eventTimerMoreBtn { display: block; margin: 0 auto; width: 150px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; font-weight: 600; background: #000; border: 1px solid #000; color: #fff; }




/* ¿µ»ó ¿µ¿ª */

.mainvideo {width:100%; background-color:#fff; text-align:center; margin-top:100px; margin-bottom:100px;}




/* new item */
.newitemWrap {width:100%; background-color:#f8f8f8; overflow:hidden; padding:0 0 70px 0;}
.newitemWrap .newBox {width:1200px; height:auto; margin:0 auto; overflow:hidden;}
.newitemWrap .newBox a {display:block;}
.newitemWrap .newBox img{display:block; width:100%;}

.newitemWrap .newBox .new01 {position:relative; width:100%; height:350px; margin-bottom:2%;}
.newitemWrap .newBox .new01 img {display:block; width:100%; height:auto;}

.newitemWrap .newBox .newitem .newtxtBox {width:100%; height:auto; padding:40px; box-sizing:border-box; text-align:left;position:absolute; top:0px;}
.newitemWrap .newBox .newitem .newtxtBox .nnum {display:inline-block; border-bottom:1px solid #000; margin-bottom:85px; font-size:22px; font-weight:400; font-family:'Piek-Light'; }
.newitemWrap .newBox .newitem .newtxtBox .ntit {font-size:28px; font-weight:700; line-height:45px; margin-bottom:27px; font-family:'Piek-Light';}
.newitemWrap .newBox .newitem .newtxtBox .nml {float:left; font-size:20px; font-weight:300; margin-right:12px;}
.newitemWrap .newBox .newitem .newtxtBox .nprice {float:left; font-size:20px; font-weight:bold; }
.newitemWrap .newBox .newitem .newtxtBox .nevent {float:left; font-size:20px; color:#aaa; margin-right:12px;}

.newitemWrap .newBox .new02 {float:left; position:relative;  width:49%; height:350px; margin-bottom:2%;}
.newitemWrap .newBox .new03 {float:right; position:relative; width:49%; height:350px; margin-bottom:2%;}




/* new & best */
.newBestWrap { width: 1200px; margin: 0 auto; }
.newBestWrap .swiper-slide { margin: 0 -5px; }
.newBestWrap .shoppingInfo { position: relative; margin: 0 5px; text-align: center; }
.newBestWrap .shoppingInfo img { margin: 20px 0; width: 100%; background: #f4f4f4; }
.newBestWrap .shoppingInfo .listName { letter-spacing: -1px; font-size: 20px; font-weight: 600 }
.newBestWrap .shoppingInfo .listSubname { font-size: }
.newBestWrap .shoppingInfo .listPrice { font-size: 16px; font-weight: 600 }

.newBestWrap .slick-dots { margin-top: 55px; display: table; table-layout: fixed; width: 100%; }
.newBestWrap .slick-dots li { display: table-cell; line-height: 0; height: 4px; background: #e5e5e5; }
.newBestWrap .slick-dots li button { font-size: 0 }
.newBestWrap .slick-dots li.slick-active { background: #000 }

.newBestWrap .swiper-slide { margin: 0 }
.prdSlider .prd-swiper-pagination { position: relative; height:4px; background: #e5e5e5; margin-top: 55px; }
.prdSlider .prd-swiper-pagination .swiper-scrollbar-drag { background: #000 }

/* À̹ÌÁö ¹è³Ê */
.imgBannerWrap { position: relative; margin-top: 230px; }
.imgBannerWrap img { width: 100% }
.imgBannerWrap video { width: 100% }
.imgBannerWrap .txtBox { position: absolute; bottom: 50px; left: 50%; margin-left:-600px; }
.imgBannerWrap .txtBox .tit { font-size: 45px; font-weight: 700; line-height: 65px; }
.imgBannerWrap .txtBox .stit { font-size: 16px; line-height: 26px; }
.imgBannerWrap .playBtn { position: absolute; top: 50%; left: 50%; width: auto; transform: translate(-50%,-50%); }
.imgBannerWrap .moreBtn { display: block; margin-top: 25px; width: 150px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; font-weight: 600; background: #000; border: 1px solid #000; color: #fff; }




/* NEW ¹è³Ê */
/*post slider*/
.page-wrapper{position:relative; margin-top:150px;}
.post-slider{width:100%; margin:0px auto; position:relative;}
.post-slider .next{ position:absolute; top:50%; right:30px; font-size:2em; color:gray; cursor: pointer;}
.post-slider .prev{ position:absolute; top:50%; left:30px; font-size:2em; color:gray; cursor: pointer;}
.post-slider .post-wrapper{ width:100%; margin:0px auto; overflow: hidden; padding:10px 0px 10px 0px;}
.post-slider .post-wrapper .post{  margin:0px auto;  display:inline-block;}
.post-slider .post-wrapper .post .post-info{ padding-top:35px; padding-left:20px;}
.post-slider .post-wrapper .post .post-info b{line-height: 1; font-size:27px; font-weight: 600; color: #111;}
.post-slider .post-wrapper .post .post-info p{ font-size:16px; font-weight: 400; margin-top: 12px; color: #999;}
.post-slider .post-wrapper .post .slider-image{ object-fit:cover; width:100%;  max-height:635px;}




/* full fit */
.fullFitWrap { width: 1200px; margin: 0 auto; }
.fullFitWrap .swiper-slide { margin: 0 -5px; }
.fullFitWrap .shoppingInfo { position: relative; margin: 0 5px; text-align: center; }
.fullFitWrap .shoppingInfo img { margin: 20px 0; width: 100%; }
.fullFitWrap .shoppingInfo .listName { letter-spacing: -1px; font-size: 20px; font-weight: 600 }
.fullFitWrap .shoppingInfo .listSubname { font-size: }
.fullFitWrap .shoppingInfo .listPrice { font-size: 16px; font-weight: 600 }

.fullFitWrap .slick-dots { margin-top: 55px; display: table; table-layout: fixed; width: 100%; }
.fullFitWrap .slick-dots li { display: table-cell; line-height: 0; height: 4px; background: #e5e5e5; }
.fullFitWrap .slick-dots li button { font-size: 0 }
.fullFitWrap .slick-dots li.slick-active { background: #000 }

.fullFitWrap .swiper-slide { margin: 0 }
.fullFitSlide .full-swiper-pagination { position: relative; height:4px; background: #e5e5e5; margin-top: 55px; }
.fullFitSlide .full-swiper-pagination .swiper-scrollbar-drag { background: #000 }



/* best review renewal */

.reWrap {width:1200px; height:auto; margin: 0 auto; margin-bottom:30px; overflow:hidden;}
.reWrap .rewrapTitle {padding-top:150px; text-align:left; font-size:20px; font-weight:600; font-family:'Roboto';}
.reWrap .reBox {width:100%; height:auto;}
.reWrap .reBox .review01 {}
.reWrap .reBox .reviewContent {width:100%; padding-bottom:80px; margin-bottom:80px; overflow:hidden; border-bottom:1px solid #dedede; display:none;}
.reWrap .reBox .reviewContent:last-child {border-bottom:none;}

.reWrap .reBox .reviewContent .retxtBox {display: inline-block; width:50%; height:auto; text-align:left; box-sizing:border-box;}
.reWrap .reBox .reviewContent .reimgBox {display: inline-block; width:49%; text-align:right; position:relative; box-sizing:border-box; vertical-align:bottom;}
.reWrap .reBox .reviewContent .reimgBox img.reimgProduct{position:absolute; bottom:-50px; left:-50px; width:70%;}
.reWrap .reBox .reviewContent .reimgBox img.reimgProductBG{width:420px;}


.reWrap .reBox .reviewContent .retxtBox .retit {font-size:36px; line-height:1.5; font-weight:700; margin-bottom:45px;}
.reWrap .reBox .reviewContent .retxtBox .rename {font-size:25px; font-weight:700; margin-bottom:25px;}
.reWrap .reBox .reviewContent .retxtBox .redetail {font-size:20px; line-height:30px; font-weight:400; margin-bottom:45px;}
.reWrap .reBox .reviewContent .retxtBox .restar {font-size:25px; color:#f1bc24; margin-bottom:15px;}
.reWrap .reBox .reviewContent .retxtBox .reid {font-size:20px; font-weight:500;}


.reWrap .moreBtn:hover {color:#fff; background-color:#000;}
.reWrap .moreBtn {width:200px; height:50px; margin:0 auto; text-align:center; border:1px solid #000; border-radius:50px; display:block; padding:11px; box-sizing:border-box;}
.reWrap .moreBtn .remoreBtn {display:block; font-size:20px; font-weight:600; font-family:'Roboto';}




/* best review */
.reviewWrap { width: 1200px; margin: 0 auto; }
.reviewWrap .reviewBox { display: none; font-size: 0 }
.reviewWrap .reviewBox .alignBox { display: inline-block; margin-bottom: 100px; width: 50% }
.reviewWrap .reviewBox .alignBox img { width: 250px; }  
.reviewWrap .reviewBox .alignBox .left { width: 280px; }
.reviewWrap .reviewBox .alignBox .right, .reviewWrap .reviewBox .alignBox .right a { line-height: 30px; font-size: 16px; color: #666; letter-spacing: -1px; }
.reviewWrap .reviewBox .alignBox .right .pdName { margin-top: 20px; margin-bottom: 10px; line-height: 30px; font-size: 20px; font-weight: 600; color: #000 }
.reviewWrap .reviewBox .alignBox .right .starWrap { color: #000 }
.reviewWrap .reviewBox .alignBox .right .rvCount { color: #8d8d8d; letter-spacing: 0px; }
.reviewWrap .reviewBox .alignBox .right .cont { margin-top: 40px; letter-spacing: -1px; }
.reviewWrap .reviewBox .alignBox .right .cont a { margin-top: 35px; height: 120px; overflow: hidden; text-overflow: ellipsis; display:block;display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap: break-word; }

.reviewWrap .cateList { text-align: center; }
.reviewWrap .cateList li { display: inline-block; margin:0px 20px 60px; }
.reviewWrap .cateList li a { line-height: 30px; font-size: 20px; font-weight: 600; color: #999; font-family: 'Roboto';}
.reviewWrap .cateList a.active { position: relative; color: #000 }
.reviewWrap .cateList a.active::after { content:''; display: block; position: absolute; left: 0; bottom: -3px; width: 100%; height: 2px; background: #000; }

/* »óÇ° ¸ñ·Ï ¿µ¿ª */
.product-wrap { margin:0 auto; position:relative; width:1100px }

/* °íÁ¤ À̹ÌÁö ¹è³Ê */
.fixedBnnr { position:relative; width:100%; min-width:1100px; height:220px; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/main/fixbn.jpg) center top no-repeat fixed }
.fixedBnnr .inner { margin:0 auto; position:relative; width:1100px; text-align:center }
.fixedBnnr .inner .tx { padding-top:100px; font-size:16px; color:#fff; letter-spacing:16px }


/*ÆÄ¿ö¸®ºä Æ˾÷*/
#popReview .PR15N01-thumb .thumb .main_attach_image { max-width: 340px; }

/* BASIC css end */