/* BASIC css start */
#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: YoonGothic !important;
}
.wrap img {
    max-width: none;
    margin:0 auto;
    display:block;
}

.btns{display:block; margin-top:50px;}
.slideWrap .swiper-button-next:after, .slideWrap .swiper-button-prev:after{display:none;}

/*intro*/
#intro{background:#a32f2f; height:1596px; position:relative;}

#intro img{display:block; margin:0 auto;}
#intro .botwrap{width:100%; position:absolute; bottom:0; left:0;}
#intro .botwrap img.bot{width:2000px; position:absolute; bottom:0; left:calc(50% - 2000px/2);}
#intro .botwrap img.twink{width:100px; position:absolute; bottom:378px; left:calc(50% - 50px/2); padding-left:0; z-index:2;}

#intro .countdown{text-align:center; padding:36px 0;}

#intro .countdown p{display:inline-block;}
#intro .countdown p.hours:after{content:"HOURS"; display:block; text-align:center; width:100%; font-size:18px; color:#fff; padding-top:16px;}
#intro .countdown p.mins:after{content:"MINUTES"; display:block; text-align:center; width:100%; font-size:18px; color:#fff; padding-top:16px;}
#intro .countdown p.secs:after{content:"SECONDS"; display:block; text-align:center; width:100%; font-size:18px; color:#fff; padding-top:16px;}
#intro .countdown p.dash:after{content:"."; display:block; text-align:center; width:100%; font-size:18px; color:#fff; opacity:0; padding-top:16px;}

#intro .countdown p span{display:inline-block; color:#fff; font-weight:bold; font-size:70px; padding:30px 0;}
#intro .countdown p.hours span, #intro .countdown p.mins span, #intro .countdown p.secs span{background:rgba(255, 250, 231, 0.24); width:110px; border-radius:40px; margin:0 5px;}
#intro .countdown p.dash span{margin:0 10px;}

/*header*/
#header{text-align:center; display:flex; background:#f9ee91; padding:20px 0; width:100%; justify-content:center; position:static;}
#header.fixed{position:fixed; top:0; left:0; z-index:9999;}
#header a.menu{position:relative; border-right:1px solid #b77047;}
#header a.menu:nth-last-child(1){border-right:none;}
#header a.menu img{height:104px;}
#header a.menu img:nth-child(2){position:absolute; top:0; left:0; opacity:0;}
#header a.menu.select img:nth-child(2){opacity:1;}

/*benefit*/
#benefit{background:#fff8ec; padding:120px 0 90px;}
#benefit.fixed{padding:264px 0 90px;}
#benefit img{padding-bottom:40px;}

/*coupon*/
#coupon{background:#e6ba85; padding:120px 0;}

/*rolling banner*/
#rolling{background:#37755a; width:100%; height:120px; position:relative;}
#rolling .inn{width:100%; height:50px; position:absolute; bottom:32px; left:0; background-image:url(/design/skinfood/event/TY12_news.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;}
}

/*new*/
#new{background:#fff8ec; padding:70px 0 130px;}
#new .prd{display:flex; flex-wrap: wrap; width:1000px; margin:-50px auto 0;}
#new .prd a{width:50%;}
#new .prd a:nth-child(1), #new .prd a:nth-child(2){margin-bottom:70px;}

/*only*/
#only{background:#f2d9b8; padding:70px 0 130px;}
#only .slideWrap{width:1095px; margin:-50px auto 0;}
#only .slideWrap .swiper-button-next, .slideWrap .swiper-button-prev{width:36px; height:70px;}
#only .slideWrap .swiper-button-next{background:url("/design/skinfood/event/TY12_arrwR.png") no-repeat center; background-size:cover;}
#only .slideWrap .swiper-button-prev{background:url("/design/skinfood/event/TY12_arrwL.png") no-repeat center; background-size:cover;}
#only .slideWrap .only-slider ul li{position:relative;}
#only .slideWrap .only-slider ul li a{width:50%; height:100%;}
#only .slideWrap .only-slider ul li a:nth-child(2){position:absolute; top:0; left:0;}
#only .slideWrap .only-slider ul li a:nth-child(3){position:absolute; top:0; right:0;}

/*lucky*/
#lucky{background:#a32f2f; padding:130px 0 140px;}
#lucky .inn{display:block; width:964px; height:770px; margin:0 auto 25px; position:relative;}
#lucky .inn img.ele-tit{position:absolute; top:0; right:40px; z-index:2;}
#lucky .inn img.ele-tag{position:absolute; bottom:12px; right:35px; z-index:2;}
#lucky .inn img.ele-box{position:absolute; bottom:0; right:90px; z-index:1;}

/*more*/
#more{background:#fff8ec; padding:70px 0 130px;}
#more .prd{display:flex; flex-wrap: wrap; width:1000px; margin:-70px auto 0;}
#more .prd a{width:50%;}
#more .prd a:nth-child(1), #new .prd a:nth-child(2){margin-bottom:70px;}

/*caution*/
#caution{background:#32211a; padding:80px 0;}















/* BASIC css end */