/* BASIC css start */
html {
  scroll-behavior: smooth;
}

#overlay_layer {
  display: none;
}

/* max-width 초기화 */
#layout_body {
  max-width: none !important;
}
.top-area {
  /*max-width: 1140px;*/
  margin: 0 auto;
}
.header__line-banner{
    margin: 0 auto;
}
.wrap {
  position: relative;
  width: 100%;
  min-width: 1140px;
}
.wrap * {
  font-family: "Pretendard Variable","Pretendard",sans-serif !important;
}
.wrap img {
    max-width: none;
    margin:0 auto;
    display:block;
}

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

/*slider next,prev btn*/
.slideWrap .swiper-button-next, .slideWrap .swiper-button-prev{width:68px; height:79px; top:49%;}
.slideWrap .swiper-button-next:after, .slideWrap .swiper-button-prev:after{display:none;}

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

/*roll*/
#rolling{background:#fff; width:100%; height:150px; position:relative;}
#rolling .roll{width:100%; height:150px; position:absolute; bottom:7px; left:0; background-image:url("https://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:35px 30px; 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:4px solid #fff; margin-right:10px; cursor:pointer;}
.cntWrap .thumbWrap > li.select{border:4px solid #ffc000;}
.cntWrap .thumbWrap > li img{width:140px;}

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

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

.cntWrap .imgWrap .arrws{display:block; cursor:pointer;}
.cntWrap .imgWrap .prev_box1Slider{position:absolute; top:650px; left:calc(50% - 68px/2 - 533px);}
.cntWrap .imgWrap .next_box1Slider{position:absolute; top:650px; right:calc(50% - 68px/2 - 533px);}
.cntWrap .imgWrap .img{position:relative; width:900px; height:1200px; 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% - 172px/2); left:0; width:100%; height:auto;}
.cntWrap .imgWrap .img .txt p{position:absolute; top:0; left:0; width:100%; font-size:56px; 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: 8px #fff; text-shadow:0 0 30px rgba(155, 212, 240, 0.3); z-index:1;}

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

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

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

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

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

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

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

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

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

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








/* BASIC css end */