/* BASIC css start */
.slickInit{opacity:0;visibility:hidden}
.slickInit.slick-initialized{visibility:visible;opacity:1}
.mainSlide .slick-dots { text-align: left; margin:0 5%;
    width: 100%;
    position: absolute;
    bottom: 3%;}
.mainSlide .slick-dots li { margin: 3px; display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: #fff;border:1px solid #000;box-sizing:border-box }
.mainSlide .slick-dots li.slick-active { width: 9px; background: #000;  }
.mainSlide .slick-dots li button {display:none;}
.slick-slide,.slick-slide a{outline:0;}
.MK-product-icon-2{width:30px !important;}


/* ÅÇ°øÅë */
.commonTab { position: relative; height:0; opacity:0; visibility: hidden; overflow: hidden; }  
.commonTab.active { height: 100%; opacity: 1; visibility: visible; }

/* ¸ÞÀÎ ½½¶óÀ̵å */
.mainSlide .slick-slide { font-size: 0; text-align:left; }
.mainSlide .main-slide { position: relative;}
.mainSlide .main-slide img { width: 100%; }
.mainSlide .main-slide .txtBox { position: absolute; bottom: 10%; margin:0 5%; text-align:left; }
.mainSlide .main-slide .txtBox .tit {font-size: 13px; }
.mainSlide .main-slide .txtBox .etit {font-size: 13px; font-family: 'Piek-Light'; }

.mainSlide .main-slide .txtBox .stit { margin-bottom: 15px; font-weight: 700; font-size: 34px; line-height:1.3; letter-spacing:-2px; }
.mainSlide .main-slide .txtBox .ktit { font-size: 15px; }
.mainSlide .main-slide .mainSlideMoreBtn {margin-top: 30px;  text-align:left; font-size: 15px; line-height:20px; font-weight: 700; color:#000; font-family: 'Roboto'; width:20px; border-bottom:2px solid #000;   }
.mainSlide .main-slide .mainSlideMoreBtn_White {margin-top: 30px;  text-align:left; font-size: 15px; line-height:20px; font-weight: 700; color:#fff; font-family: 'Roboto'; width:20px; border-bottom:2px solid #fff;   }



/*¿ÀÇǼȸô*/

.officialWrap {width:100%; height:auto; box-sizing:border-box; padding:0 20px 35px 20px;}
.officialWrap .officialBox {width:100%;}
.officialWrap .officialBox a {width:32%; float:left; margin-right:2%; overflow:hidden;}
.officialWrap .officialBox a:last-child{margin:0;}
.officialWrap .officialBox a img {width:100%; border-radius:5px;}
.officialWrap .officialBox a p {margin-top:10px; text-align:center; font-size:15px; font-weight: 600;}
.clearfix::after {content: ""; clear: both; display: block;}






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

.mainvideo {width:100%; text-align:center; margin-bottom:40px;}








/* »óÇ°¹è³Ê */
.pdSlide .swiper-slide { position: relative; }
.pdSlide .swiper-slide img { width: 100%; }
.pdSlide .swiper-slide .txtBox { padding: 0 20px; width: 100%; position: absolute; bottom: 60px; }
.pdSlide .swiper-slide .txtBox .tit { margin-bottom: 5px; font-size: 21px; font-weight: 700; }
.pdSlide .swiper-slide .txtBox .stit { font-size: 13px; font-weight: 600; }
/*.pdSlide .slick-dots { text-align: center;
    width: 100%;
    position: absolute;
    bottom: 15px;}
.pdSlide .slick-dots li { margin: 3px; display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: #fff;border:1px solid #000;box-sizing:border-box }
.pdSlide .slick-dots li.slick-active { width: 9px; background: #000;  }*/
.pdSlide .slick-dots li button {display:none;}




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

.eventTimerWrap { background: #f8f8f8; }
.timeDefaultArea { margin: 0 auto; width: 237px; height: 37px; background: url('/design/cosrx/phps/m/main_timerBackground.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: 25px; line-height: 20px; font-family: 'Roboto'; }
.timeDefaultArea .timeArea .val:nth-of-type(1) { top: 0px; left: 40px; }
.timeDefaultArea .timeArea .val:nth-of-type(2) { top: 0px; left: 95px; }
.timeDefaultArea .timeArea .val:nth-of-type(3) { top: 0px; left: 153px; }
.timeDefaultArea .timeArea .val:nth-of-type(4) { top: 0px; left: 210px; }
.timeDefaultArea .timeArea .val:nth-of-type(5) { top: 0px; left: 210px; }
.timeDefaultArea .timeArea .day { display: none; }

.eventTimerWrap .items li { padding: 120px 0; }
.eventTimerWrap figure { position: relative; margin: 0 auto; width: 70%; min-width: 210px; }
.eventTimerWrap figure img { margin: 20px 0; width: 100%; }
.eventTimerWrap figure .listDcPrice { position: absolute; top: 110px; right: 0; display: block; width: 35px; height: 35px; line-height: 35px; background: #000; border-radius: 50%; text-align: center; font-size: 11px; color: #fff; }
.eventTimerWrap .shoppingInfo { text-align: center; }
.eventTimerWrap .shoppingInfo .listName { font-size: 15px; font-weight: 600; }
.eventTimerWrap .shoppingInfo .alignBox { line-height: 25px; margin: 10px 0 20px 0; font-weight: 600 }
.eventTimerWrap .shoppingInfo .alignBox .left { width: 46%; text-align: right; font-size: 13px; }
.eventTimerWrap .shoppingInfo .alignBox .left del { margin: 5px; }
.eventTimerWrap .shoppingInfo .alignBox .right { text-align: left; font-size: 20px; }

.eventTimerWrap .shoppingInfo .eventTimerMoreBtn { display: block; margin: 0 auto; width: 150px; height: 50px; line-height: 50px; text-align: center; font-size: 15px; font-weight: 700; border: 1px solid #000; }

/*»óÇ°¸®½ºÆ® 2´Ü*/
.list_shopping2x h5 {padding-top:150px; margin-bottom:40px; line-height:30px; font-weight:700; font-size:35px;}


/*new item*/
.newitemWrap {width:100%; box-sizing:border-box; padding-left:20px;}
.newitemWrap h5 { margin: 40px 0; line-height: 21px; font-size: 35px; font-weight: 700; text-align: left; font-family: 'Roboto'; }

.newitemWrap .swiper-container {position:relative; overflow:hidden; list-style:none; padding:0; z-index:1;}
.newitemWrap .swiper-container .swiper-wrapper {position:relative; width:83%; height:100%; z-index:1;}
.newitemWrap .swiper-container .swiper-wrapper .swiper-slide {float:left;}
.newitemWrap .swiper-container .swiper-wrapper .swiper-slide:last-child{margin-right:20px;}
.newitemWrap .swiper-container .swiper-wrapper .swiper-slide a {width:100%; height:auto; display:block;}

.newitemWrap .newContent .new01 {position:relative; width:100%; height:auto;}
.newitemWrap .newContent .new01 > img {width:100%; height:auto;}

.newitemWrap .newContent .newitem .newtxtBox {width:100%; height:auto; padding:30px; box-sizing:border-box; position:absolute; bottom:0px;}


.newitemWrap .newContent .newitem .newtxtBox .nnum {float:right; display:inline-block; border-bottom:1px solid #000; font-size:25px; font-weight:300;  font-family:'Piek-Light';}
.newitemWrap .newContent .newitem .newtxtBox .ntit {text-align:left; font-size:1.8em; line-height:30px; font-weight:700; padding-top:120%; margin-bottom:5%;  font-family:'Piek-Light';}
.newitemWrap .newContent .newitem .newtxtBox .viewbutton {text-align:left; display:inline-block; border-bottom:1px solid #000; font-size:16px; font-weight:400; margin-left:4px;}

.newitemWrap .newContent .new02 {position:relative; width:100%; height:auto;}
.newitemWrap .newContent .new02> img {width:100%; height:auto;}

.newitemWrap .newContent .new03 {position:relative; width:100%; height:auto;}
.newitemWrap .newContent .new03> img {width:100%; height:auto;}




/*best */
.BestWrap { width: 100%; box-sizing:border-box; padding-left:20px; margin-bottom: 60px; }
.BestWrap h5 { margin: 60px 0 40px 0; line-height: 21px; font-size: 35px; font-weight: 700; text-align: left; font-family: 'Roboto'; }
.BestWrap .swiper-wrapper {width:43%;}
.BestWrap .swiper-slide { margin: 0 -5px; }

.BestWrap .shoppingInfo { position: relative; margin: 0 5%; text-align: left; }
.BestWrap .shoppingInfo img { margin: 20px 0; width: 100%; background: #f4f4f4; }
.BestWrap .shoppingInfo .listName { letter-spacing: -1px; font-size:1.3em; font-weight: 600 }
.BestWrap .shoppingInfo .listSubname { font-size: }
.BestWrap .shoppingInfo .listPrice {display:inline-block; font-size: 16px; font-weight: 600 }
.BestWrap .shoppingInfo .listPercent{display:inline-block; margin-left:5px; text-align:left; font-size: 16px; font-weight: 600 }

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

.BestWrap .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 }





/* new & best */
.newBestWrap { padding: 120px 20px; }
.newBestWrap h5 { margin: 0px 0 40px 0; line-height: 21px; font-size: 35px; font-weight: 700; text-align: center; font-family: 'Roboto'; }
.newBestWrap .cateList ul { font-size: 0; }
.newBestWrap .cateList ul li { display: inline-block; width: 33.3%; height: 35px; line-height: 35px; text-align: center; font-size: 15px; }
.newBestWrap .cateList ul li a { display: block; width: 100%; height: 100%; font-weight: 600; color: #8d8d8d; border-bottom: 1px solid #ccc; }
.newBestWrap .cateList ul li a.active { color: #000; border-bottom: 1px solid #000 }
.newBestWrap .slick-dots li { margin: 3px; display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: #fff;border:1px solid #000;box-sizing:border-box }
.newBestWrap .slick-dots li.slick-active { width: 9px; background: #000;  }
.newBestWrap .slick-dots li button {display:none;}
.commonTab .shoppingInfo { position: relative; margin: 0 auto; width: 80%; min-width: 210px; text-align: center; }
.commonTab .shoppingInfo img { margin: 10px 0 20px 0; width: 100%; }
.commonTab .shoppingInfo .listName { font-size: 13px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; height: 25px;}
.commonTab .shoppingInfo .listDiscount {font-size: 13px; font-weight: 600; display:inline-block;}
.commonTab .shoppingInfo .listPrice { font-size: 13px; font-weight: 600; /* padding-top: 10px; */ ; display:inline-block; }

.commonTab .slick-arrow { position: absolute; width: 13px; height: 22.5px; background: url('/design/cosrx/phps/m/main_slide_navi_sp.png') no-repeat center; background-size: cover; z-index: 1;     font-size: 0;
    outline: 0;
    border: 0;}
.commonTab .slick-prev { top: 50%; margin-top: -40px; background-position: 0 0; }
.commonTab .slick-next { top: 50%; right:0; margin-top: -40px; background-position: 0 -25px; }
#tab01 { visibility: visible; opacity: 1; height: auto; }



/* Ä«Å×°í¸® */
.fullFitWrap { padding: 50px 0px; }
.fullFitWrap h5 { margin: 0px 0 50px 0; line-height: 21px; font-size: 35px; font-weight: 700; text-align: center; font-family: 'Roboto';}

.fullFitSlide > img { width: 100% }
.fullFitSlide .shoppingInfo { position: relative; margin: 0 auto; width: calc(80% - 20px); min-width: 210px; text-align: center; }
.fullFitSlide .shoppingInfo a { display: block; }
.fullFitSlide .shoppingInfo a > img {     margin: 10px auto 20px auto; width: 95.6%; }
.fullFitSlide .shoppingInfo .listName { font-size: 13px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; height: 25px;}
.fullFitSlide .shoppingInfo .listPrice { font-size: 13px; font-weight: 600; /* padding-top: 10px; */ }
.fullFitSlide .prdIcon {  }

.fullFitSlide { position: relative; overflow: hidden; }
.fullFitSlide .slick-arrow { position: absolute; width: 13px; height: 22.5px; background: url('/design/cosrx/phps/m/main_slide_navi_sp.png') no-repeat center; background-size: cover; z-index: 1;     font-size: 0;
    outline: 0;
    border: 0;}
.fullFitSlide .slick-prev { top: 50%; left:20px; margin-top: -22px; background-position: 0 0; }
.fullFitSlide .slick-next { top: 50%; right:20px; margin-top: -22px; background-position: 0 -25px; }




/* best review renewal*/

.reviewWrap {width:100%; height:auto; margin-top:30px; margin-bottom:30px; overflow:hidden;}
.reviewWrap h5 { margin: 40px 0 40px 20px; line-height: 21px; font-size: 35px; font-weight: 700; text-align: left; font-family: 'Roboto'; }
.reviewWrap .reviewBox {width:100%; height:auto; margin: 0 auto; overflow:hidden;}


.reviewWrap .reviewBox .reviewContent {position:relative; width:100%; display:none; margin-bottom:50px;}


.reviewWrap .reviewBox .reviewContent .retxtBox{background-size:100%; background-repeat:no-repeat; background-position:50% 0; overflow: hidden;}
.reviewWrap .reviewBox .reviewContent .retxtBox ul{background-color:#f3f4f6; margin:90% 20px 0 20px; padding:12% 25px 25px 25px; }
.reviewWrap .reviewBox .reviewContent .reimgProduct{position:absolute; top:0px; left:50%; transform: translate(-50%); width:100%; text-align: center; }
.reviewWrap .reviewBox .reviewContent .reimgProduct img{width:70%;}


.reviewWrap .reviewBox .reviewContent .retxtBox .rename {font-size:18px; color:#666; font-weight:600; margin-bottom:15px;}
.reviewWrap .reviewBox .reviewContent .retxtBox .retit {font-size:2em; line-height:1.5; font-weight:700; margin-bottom:15px;}
.reviewWrap .reviewBox .reviewContent .retxtBox .redetail {font-size:14px; font-weight:400; margin-bottom:15px;}
.reviewWrap .reviewBox .reviewContent .retxtBox .restar {font-size:18px; color:#f1bc24;}
.reviewWrap .reviewBox .reviewContent .retxtBox .reid {font-size:14px; font-weight:400;}


.reviewWrap .moreBtn:hover {color:#fff; background-color:#000;}
.reviewWrap .moreBtn {width:35%; height:auto; display:block; text-align:center; margin:0 auto; border:1px solid #000; border-radius:50px; font-family:'Roboto'; padding:15px;}
.reviewWrap .moreBtn .remoreBtn {width:100%; height:auto; font-size:18px; font-weight:600; }
/*.reviewWrap .moreBtn .vertical {writing-mode:vertical-rl; font-size:20px; font-weight:600;}
.reviewWrap .moreBtn img {max-width:20px; height:auto; display:inline-block; padding-top:6px;}*/




/*blog*/
.blogWrap {width:100%; height:auto; margin-bottom:50px; overflow:hidden; box-sizing:border-box; padding:20px;}
.blogWrap h5 { float:left; margin:40px 0; line-height: 21px; font-size: 35px; font-weight: 700; text-align: left; font-family: 'Roboto'; }
.blogWrap .blogbtn {float:right; display:block; margin:40px 0;}

.blogWrap .blogBox {width:100%; height:auto; overflow:hidden;}

.blogWrap .blogBox .blogContent {margin-bottom:50px;}

.blogWrap .blogBox .blogContent a img{width:100%;}
.blogWrap .blogBox .blogContent a .blogtit {margin:10px 0 10px 0; font-size:1.5em; font-weight:700;}
.blogWrap .blogBox .blogContent a .blogdate {font-size:1em; color:#5d5d5d;}






/* best review */
.bestReviewWrap { padding: 0 20px 0; }
.bestReviewWrap h5 { margin: 0px 0 40px 0; line-height: 21px; font-size: 35px; font-weight: 700; text-align: center; font-family: 'Roboto';}
.bestReviewWrap .cateList { overflow: hidden;}
.bestReviewWrap .cateList ul { font-size: 0;}
.bestReviewWrap .cateSlider .slick-slide { display: inline-block; margin-right: 30px;width: auto; height: 35px; line-height: 35px; text-align: center; font-size: 15px; font-family: 'Roboto';}
.bestReviewWrap .cateSlider .slick-slide:last-child { margin-right: 0 }
.bestReviewWrap .cateSlider .slick-item{ display: block; width: 100%; height: 100%; font-weight: 600; color: #8d8d8d; border-bottom: 1px solid #ccc; word-break: break-all; }
.bestReviewWrap .cateSlider .slick-current .slick-item { color: #000; border-bottom: 1px solid #000 }

.bestReviewWrap .reviewBox { display: none; }
.bestReviewWrap .reviewBox:first-child { display: block; }
.bestReviewWrap .reviewBox .alignBox { padding: 50px 0; border-bottom: 1px solid #ccc; }
.bestReviewWrap .reviewBox .alignBox:nth-last-child(1) { border-bottom: 0; }
.bestReviewWrap .reviewBox .alignBox .left { width: 30%; margin-right: 5% }
.bestReviewWrap .reviewBox .alignBox .left img { width: 100% }
.bestReviewWrap .reviewBox .alignBox .right { width: 65%; font-size: 13px; }
.bestReviewWrap .reviewBox .alignBox .right .conts {
    color :#666;
    display: -webkit-box;
    /* color: #666; */
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    overflow: hidden;
    line-height: 1.4em;
    word-break: keep-all;
}
.bestReviewWrap .reviewBox .alignBox .right .pdName { margin-top: 4px; font-size: 12px; font-weight:600 }

.bestReviewWrap .reviewBox .alignBox.starWrap { margin-top: 15px; line-height: 20px; padding: 0; border-bottom: 0 none; }
.bestReviewWrap .reviewBox .alignBox.starWrap .left { width: 50%; margin-right: 0 } 
.bestReviewWrap .reviewBox .alignBox.starWrap .right { width: 50%; font-size: 9px; color: #8d8d8d; }





/*LAB*/

.LABWrap{width:100%;  padding: 0 0 120px ; overflow:hidden;}
.LABWrap h5 { margin: 0 0 40px 0;  font-size: 35px; font-weight: 700; text-align: center; font-family: 'Roboto';}
.LABWrap .swiper-container-lab {width: 100%; margin-left:20px;}
.LABWrap .swiper-container-lab .swiper-slide {width: 80%;}
.LABWrap .swiper-container-lab .swiper-slide img{width: 100%;}
.LABWrap .swiper-container-lab .swiper-slide p{color: #000; text-align: left; -1px; font-size: 1.25em; font-weight: 600; margin:20px 0 0 0;}



/*media Query*/


@media screen  and (max-width:380px) {

.mainSlide .main-slide .txtBox .stit { font-size: 1.8rem; }
.mainSlide .main-slide .txtBox .ktit { font-size: 0.8rem; }


.newitemWrap .newContent .newitem .newtxtBox .ntit {font-size:1.34em; line-height:25px;}
.newitemWrap .newContent .newitem .newtxtBox .viewbutton {font-size:10px;}

}



@media screen and (min-width:640px) and (max-width:767px) {

.mainSlide .main-slide .txtBox {bottom:10%; }
.mainSlide .main-slide .txtBox .tit, .mainSlide .main-slide .txtBox .etit {font-size: 1.5rem; }
.mainSlide .main-slide .txtBox .stit { font-size: 3.5rem; }
.mainSlide .main-slide .txtBox .ktit { font-size: 1.5rem; }
.mainSlide .main-slide .mainSlideMoreBtn, .mainSlide .main-slide .mainSlideMoreBtn_White {margin-top: 70px; width:30px; font-size: 1.5rem; padding:0 0 5px 0;}

.bestReviewWrap .reviewBox .alignBox{width:49%; display:inline-block; vertical-align:top; border-bottom:0; padding: 50px 0 0 0;}
.bestReviewWrap .reviewBox .alignBox .right { width: 60%; margin-right: 5% }
.bestReviewWrap .reviewBox .alignBox.starWrap .left, .bestReviewWrap .reviewBox .alignBox.starWrap .right{ width: 100%;}




}

@media screen and (min-width:768px) {

.mainSlide .main-slide .txtBox {bottom:10%; }
.mainSlide .main-slide .txtBox .tit, .mainSlide .main-slide .txtBox .etit { font-size: 1.8rem; }
.mainSlide .main-slide .txtBox .stit { font-size: 4rem; }
.mainSlide .main-slide .txtBox .ktit { font-size: 1.8rem; }
.mainSlide .main-slide .mainSlideMoreBtn, .mainSlide .main-slide .mainSlideMoreBtn_White{margin-top: 90px; width:40px; font-size: 1.8rem; padding:0 0 10px 0;}

.bestReviewWrap .reviewBox .alignBox{width:49%; display:inline-block; vertical-align:top; border-bottom:0; padding: 50px 0 0 0;}
.bestReviewWrap .reviewBox .alignBox .right { width: 60%; margin-right: 5% }
.bestReviewWrap .reviewBox .alignBox.starWrap .left, .bestReviewWrap .reviewBox .alignBox.starWrap .right{ width: 100%;}



}









/* BASIC css end */