/* 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{height:945px; background:url("/design/skinfood/event/DY1_intro-bg.jpg") no-repeat center; background-size:cover; overflow:hidden; position:relative;}
#intro img{display:block; margin:0 auto;}
#intro img.top{margin-top:55px;}
#intro img.tit{position:absolute; top:327px; left:calc(50% - 592px/2);}
#intro img.sun{position:absolute; top:-160px; left:calc(50% - 488px);}
#intro img.bot{position:absolute; bottom:-40px; left:calc(50% - 675px);}
#intro img.main{position:absolute; top:0; left:calc(50% - 2000px/2);}

/*header*/
#header{text-align:center; display:flex; background:#fff; 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 rgba(0,0,0,0.3);}
#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(1){opacity:0;}
#header a.menu.select img:nth-child(2){opacity:1;}

/*best*/
#best{height:1365px; background:url("/design/skinfood/event/DY1_best-bg.jpg") no-repeat center; background-size:cover; overflow:hidden; position:relative;}
#best.fixed{padding:144px 0 90px;}
#best .tit{margin:148px auto 114px;}
#best a.btns{margin-top:71px;}
#best .slideWrap .best-slider ul li{position:relative;}
#best .slideWrap .best-slider ul li img.tw{position:absolute; top:0; left:0; opacity:0;}

#best .slideWrap .best-slider ul li.swiper-slide-active a img.tw{animation:blink 0.5s ease-in-out; animation-delay:1s;}
@keyframes blink{
    0%{opacity:0;}
    50%{opacity:1;}
    100%{opacity:0;}
}

/*benefit*/
#benefit{height:2734px; background:url("/design/skinfood/event/DY1_bene-bg.jpg") no-repeat center; background-size:cover; overflow:hidden; position:relative;}
#benefit .tit{margin:137px auto 115px;}
#benefit .tit2{margin:97px auto 87px;}
#benefit .slideWrap{margin: 0 auto; overflow:hidden;}
#benefit .slideWrap .benefit-slider{}
#benefit .slideWrap .benefit-slider ul li a{width:100%; height:100%;}
#benefit .slideWrap .benefit-slider .swiper-button-next, .slideWrap .benefit-slider .swiper-button-prev{width:68px; height:79px; top:48.5%;}
#benefit .slideWrap .benefit-slider .swiper-button-next{background:url("/design/skinfood/event/DY1_bene-arrwR.png") no-repeat center; background-size:cover; right:calc(50% - 499px);}
#benefit .slideWrap .benefit-slider .swiper-button-prev{background:url("/design/skinfood/event/DY1_bene-arrwL.png") no-repeat center; background-size:cover; left:calc(50% - 504px);}
#benefit a.btns{margin:0 auto;}

/*new*/
#new{height:1663px; background:url("/design/skinfood/event/DY1_new-bg.jpg") no-repeat center; background-size:cover; overflow:hidden; position:relative;}
#new .tit{margin:139px auto 93px;}
#new .prd{width:956px; margin:0 auto; position:relative;}
#new .prd a:nth-child(2){display:block; width:100%; height:530px; position:absolute; top:0; left:0;}
#new .prd a:nth-child(3){display:block; width:50%; height:594px; position:absolute; bottom:0; left:0;}
#new .prd a:nth-child(4){display:block; width:50%; height:594px; position:absolute; bottom:0; right:0;}

/*sale*/
#sale{height:2174px; background:url("/design/skinfood/event/DY1_sale-bg.jpg") no-repeat center; background-size:cover; overflow:hidden; position:relative;}
#sale .tit{margin:89px auto 32px;}
#sale .slideWrap{margin: 0 auto; overflow:hidden;}
#sale .slideWrap .sale-slider{}
#sale .slideWrap .sale-slider ul li a{width:458px; height:50%;}
#sale .slideWrap .sale-slider ul li a:nth-child(2){position:absolute; top:0; left:calc(50% - 471px);}
#sale .slideWrap .sale-slider ul li a:nth-child(3){position:absolute; top:0; right:calc(50% - 464px);}
#sale .slideWrap .sale-slider ul li a:nth-child(4){position:absolute; bottom:0; left:calc(50% - 471px);}
#sale .slideWrap .sale-slider ul li a:nth-child(5){position:absolute; bottom:0; right:calc(50% - 464px);}
#sale .slideWrap .sale-slider .swiper-button-next, .slideWrap .sale-slider .swiper-button-prev{width:68px; height:79px; top:48.5%;}
#sale .slideWrap .sale-slider .swiper-button-next{background:url("/design/skinfood/event/DY1_sale-arrwR.png") no-repeat center; background-size:cover; right:calc(50% - 550px);}
#sale .slideWrap .sale-slider .swiper-button-prev{background:url("/design/skinfood/event/DY1_sale-arrwL.png") no-repeat center; background-size:cover; left:calc(50% - 550px);}
#sale a.btns{margin:108px auto 0;}

/*upto*/
#upto{height:1350px; background:url("/design/skinfood/event/DY1_upto-bg.jpg") no-repeat center; background-size:cover; overflow:hidden; position:relative;}
#upto .tit{margin:50px auto 25px;}
#upto .prd{position:relative;}
#upto .prd a{display:block; width:470px; height:100%;}
#upto .prd a:nth-child(2){position:absolute; top:0; left:calc(50% - 470px);}
#upto .prd a:nth-child(3){position:absolute; top:0; right:calc(50% - 470px);}
#upto .btns{margin:101px auto 0;}

/*foot*/
#foot{height:558px; position:relative;}
#foot a{display:block; width:100%;}
#foot a:nth-child(1){position:absolute; bottom:370px; left:0;}
#foot a:nth-child(2){background:#ffd89a; position:absolute; bottom:185px; left:0;}
#foot a:nth-child(3){background:#148b24; position:absolute; bottom:0; left:0;}

/*caution*/
#caution{background:#0e0e0e; padding:112px 0;}





/* BASIC css end */