/* BASIC css start */
#overlay_layer {
  display: none;
}

button img {
  display: block;
}

.wrap {
  position: relative;
  width: 100%;
  overflow:hidden;
  margin-top:52px;
}
.wrap * {
  font-family: YoonGothic !important;
}
.wrap img {
    max-width: none;
    margin:0 auto;
    display:block;
    background:transparent;
}

.test{position:fixed; top:100px; left:20px; z-index:999;}

/*-------------------------------------*/

/*slider next,prev btn*/
.slideWrap .swiper-button-next, .slideWrap .swiper-button-prev{width:21px; height:26px; top:52%; z-index:9;}
.slideWrap .swiper-button-next:after, .slideWrap .swiper-button-prev:after{display:none;}


/*slider pagination*/
.slideWrap{position:relative;}
.slideWrap .swiper-pagination{width:100%; bottom:-30px !important; left:0px !important; z-index:9;}
.slideWrap .swiper-pagination .swiper-pagination-bullet{width:6px; height:6px; border-radius:50%; background:no-repeat; border:1px solid #222; margin:0 2px !important; opacity:1 !important;}
.slideWrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#222;}


/*-------------------------------------*/

/*roll*/
#rolling{background:#fff; width:100%; height:42px; position:relative;}
#rolling .roll{width:100%; height:42px; position:absolute; bottom:0px; left:0; background-image:url("http://skinfood.img15.kr/data/content/20thAnniversary/postcard/roll2.png"); background-repeat:repeat-x; background-position:0 0; background-size:auto 100%; animation:move1 70s infinite linear;}

@keyframes move1{
    0%{background-position:0 0;}
    100%{background-position:-8740px 0;}
}

.bann{width:100%;}
.cntWrap .thumbWrap{width:100%; padding:15px 20px; display:flex; flex-wrap:nowrap; overflow-x:scroll; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.cntWrap .thumbWrap > li{border:2px solid #fff; margin-right:4px; cursor:pointer;}
.cntWrap .thumbWrap > li.select{border:2px solid #ffc000;}
.cntWrap .thumbWrap > li img{width:70px;}

.cntWrap .imgWrap{background:#ffd452; position:relative; padding:50px 0;}

.cntWrap .imgWrap .btns{width:119px; height:40px; background:url("http://skinfood.img15.kr/data/content/20thAnniversary/postcard/msgbtn-on.png") no-repeat center / cover; margin:36px auto 0; position:relative; cursor:pointer;}

.cntWrap .imgWrap .arrws{display:block; cursor:pointer;}
.cntWrap .imgWrap .prev_box1Slider{width:21px; position:absolute; top:215px; left:calc(50% - 21px/2 - 156px);}
.cntWrap .imgWrap .next_box1Slider{width:21px; position:absolute; top:215px; right:calc(50% - 21px/2 - 156px);}

.cntWrap .imgWrap .img{position:relative; width:274px; height:366px; margin:auto;}
.cntWrap .imgWrap .img img{width:100%; filter:drop-shadow(8px 8px 5px rgba(0,0,0,0.05));}

.cntWrap .imgWrap .img .txt{position:absolute; top:calc(50% - 70px/2); left:0; width:100%; height:auto;}
.cntWrap .imgWrap .img .txt p{position:absolute; top:0; left:0; width:100%; font-size:22px; font-family: Sandoll KwangsooBbori !important; font-weight: 500; text-align:center;}
.cntWrap .imgWrap .img .txt p div{font-family: Sandoll KwangsooBbori !important; font-weight: 500;}
.cntWrap .imgWrap .img .txt p:nth-child(2){opacity:1;}
.cntWrap .imgWrap .img .txt p:nth-child(2).on{opacity:0;}

.cntWrap .imgWrap .img .txt .tf1{color:#9bd4f0; z-index:2;}
.cntWrap .imgWrap .img .txt .tb1{color:#9bd4f0; -webkit-text-stroke: 3px #fff; text-shadow:0 0 7px rgba(155, 212, 240, 0.2); z-index:1;}

.cntWrap .imgWrap .img .txt .tf2{color:#71d6ff; z-index:2;}
.cntWrap .imgWrap .img .txt .tb2{color:#71d6ff; -webkit-text-stroke: 3px #fff; text-shadow:0 0 7px rgba(113, 214, 255, 0.2); z-index:1;}

.cntWrap .imgWrap .img .txt .tf3{color:#ff96c0; z-index:2;}
.cntWrap .imgWrap .img .txt .tb3{color:#ff96c0; -webkit-text-stroke: 3px #fff; text-shadow:0 0 7px rgba(255, 150, 192, 0.2); z-index:1;}

.cntWrap .imgWrap .img .txt .tf4{color:#f39130; z-index:2;}
.cntWrap .imgWrap .img .txt .tb4{color:#f39130; -webkit-text-stroke: 3px #fff; text-shadow:0 0 7px rgba(243, 145, 48, 0.2); z-index:1;}

.cntWrap .imgWrap .img .txt .tf5{color:#ff3a1b; z-index:2;}
.cntWrap .imgWrap .img .txt .tb5{color:#ff3a1b; -webkit-text-stroke: 3px #fff; text-shadow:0 0 7px rgba(255, 58, 27, 0.2); z-index:1;}

.cntWrap .imgWrap .img .txt .tf6{color:#ff7f00; z-index:2;}
.cntWrap .imgWrap .img .txt .tb6{color:#ff7f00; -webkit-text-stroke: 3px #fff; text-shadow:0 0 7px rgba(255, 127, 0, 0.2); z-index:1;}

.cntWrap .imgWrap .img .txt .tf7{color:#eb5c46; z-index:2;}
.cntWrap .imgWrap .img .txt .tb7{color:#eb5c46; -webkit-text-stroke: 3px #fff; text-shadow:0 0 7px rgba(235, 92, 70, 0.2); z-index:1;}

.cntWrap .imgWrap .img .txt .tf8{color:#ff00b6; z-index:2;}
.cntWrap .imgWrap .img .txt .tb8{color:#ff00b6; -webkit-text-stroke: 3px #fff; text-shadow:0 0 7px rgba(255, 0, 182, 0.2); z-index:1;}

.cntWrap .imgWrap .img .txt .tf9{color:#ff00ea; z-index:2;}
.cntWrap .imgWrap .img .txt .tb9{color:#ff00ea; -webkit-text-stroke: 3px #fff; text-shadow:0 0 7px rgba(255, 0, 234, 0.2); z-index:1;}

.cntWrap .imgWrap .img .txt .tf10{color:#ff00b6; z-index:2;}
.cntWrap .imgWrap .img .txt .tb10{color:#ff00b6; -webkit-text-stroke: 3px #fff; text-shadow:0 0 7px rgba(255, 0, 182, 0.2); z-index:1;}

.botWrap{padding:40px 0; display:flex; flex-wrap:wrap; justify-content:center; background:#fff6d9;}
.botWrap img{width:124px; display:block; margin:0 10px; cursor:pointer;}

.cropWrap{padding:20px 0; background:red;}



/* BASIC css end */