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

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

.btns{display:block; width:866px; margin:110px auto 0px; padding:0 0 140px; position:relative;}
.btns a img:nth-child(2){position:absolute; top:0; left:0; opacity:0;}
.btns a img:nth-child(2):hover{opacity:1;}
.btns2{margin:150px auto 0;}

/*slider next,prev btn*/
.slideWrap .swiper-container .swiper-button-next, .slideWrap .swiper-container .swiper-button-prev{width:68px; height:79px; top:50%;}
.slideWrap .swiper-container .swiper-button-next{background:url("/design/skinfood/event/DY2_arrwR.png") no-repeat center; background-size:cover; right:calc(50% - 540px);}
.slideWrap .swiper-container .swiper-button-prev{background:url("/design/skinfood/event/DY2_arrwL.png") no-repeat center; background-size:cover; left:calc(50% - 550px);}
.slideWrap .swiper-button-next:after, .slideWrap .swiper-button-prev:after{display:none;}


/*slider pagination*/
.swiper-container{overflow:visible !important;}
.swiper-container .swiper-pagination{bottom:-40px !important; left:-4px !important;}
.swiper-container .swiper-pagination .swiper-pagination-bullet{width:20px; height:20px; border-radius:50%; background:#999999; margin:0 6px !important; opacity:1 !important;}

#box3Slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#57a700;}
#box4Slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#eba600;}
#box5Slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#5299dc;}

/*4 items slider*/
.slideWrap .grid4-slider ul li{position:relative;}
.slideWrap .grid4-slider ul li a{display:block; width:432px; height:48%;}
.slideWrap .grid4-slider ul li a:nth-child(2){position:absolute; top:0; left:calc(50% - 445px); background:red; opacity:0;}
.slideWrap .grid4-slider ul li a:nth-child(3){position:absolute; top:0; right:calc(50% - 437px); background:blue; opacity:0;}
.slideWrap .grid4-slider ul li a:nth-child(4){position:absolute; bottom:10px; left:calc(50% - 445px); background:green; opacity:0;}
.slideWrap .grid4-slider ul li a:nth-child(5){position:absolute; bottom:10px; right:calc(50% - 437px); background:orange; opacity:0;}

/*2 items slider*/
.slideWrap .grid2-slider ul li{position:relative;}
.slideWrap .grid2-slider ul li a{display:block; width:432px; height:100%;}
.slideWrap .grid2-slider ul li a:nth-child(2){position:absolute; top:0; left:calc(50% - 445px); background:red; opacity:0;}
.slideWrap .grid2-slider ul li a:nth-child(3){position:absolute; top:0; right:calc(50% - 437px); background:blue; opacity:0;}

/*on header fixed*/
#box2.fixed{padding-top:144px;}

/*target point*/
.posrel{position:relative;}
#tar1{position:absolute; top:-100px; left:0; display:block; width:100%; height:0;}
#tar2{position:absolute; top:-100px; left:0; display:block; width:100%; height:0;}
#tar3{position:absolute; top:-100px; left:0; display:block; width:100%; height:0;}
#tar4{position:absolute; top:-100px; left:0; display:block; width:100%; height:0;}

/*intro*/
#intro{height:944px; background:url("/design/skinfood/event/DY2_1-bg.jpg") no-repeat center; background-size:cover; overflow:hidden; position:relative;}
#intro img{display:block; margin:0 auto;}
#intro img.main{margin-top:57px;}
#intro .tit{position:relative; width:424px; margin:70px auto 0;}
#intro .tit img.day{position:absolute; top:121px; right:-65px;}
#intro .tit img.butt{position:absolute; top:-10px; right:-320px;}
#intro img.bot-prd{position:absolute; bottom:-20px; left:calc(50% - 944px/2); z-index:5;}
#intro img.bot-img{position:absolute; bottom:0; left:calc(50% - 1108px/2);}

/*header*/
#header{text-align:center; display:flex; background:#f58aaf; padding:20px 0; width:100%; justify-content:center; position:static; opacity:1;}
#header.fixed{position:fixed; top:0; left:0; z-index:9999;}
#header a.menu{position:relative; border-right:1px solid rgba(255,255,255,0.5);}
#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;}

/*box2*/
#box2{background:#f8e1e9;}
#box2 img.cnt{padding-top:150px;}

/*box3*/
#box3{height:2269px; background:url("/design/skinfood/event/DY2_3-bg.jpg") no-repeat center; background-size:cover; overflow:hidden;}
#box3 .tit{margin:150px auto 120px;}

/*box4*/
#box4{height:2270px; background:url("/design/skinfood/event/DY2_4-bg.jpg") no-repeat center; background-size:cover; overflow:hidden;}
#box4 .tit{width:437px; margin:122px auto 120px; position:relative;}
#box4 .tit img.deco{position:absolute; bottom:63px; right:-43px;}

/*box5*/
#box5{height:1535px; background:url("/design/skinfood/event/DY2_5-bg.jpg") no-repeat center; background-size:cover; overflow:hidden;}
#box5 img.tit{margin:120px auto 110px;}

/*box6*/
#box6{height:1350px; background:url("/design/skinfood/event/DY2_6-bg.jpg") no-repeat center; background-size:cover; overflow:hidden;}
#box6 img.tit{margin:120px auto 110px;}
#box6 .prd{width:900px; margin:0 auto; position:relative;}
#box6 .prd a{display:block; width:432px; height:100%;}
#box6 .prd a:nth-child(2){position:absolute; top:0; left:calc(50% - 445px); background:red; opacity:0;}
#box6 .prd a:nth-child(3){position:absolute; top:0; right:calc(50% - 437px); background:blue; opacity:0;}

/*caution*/
#caution{height:1015px; position:relative; background:#0e0e0e;}
#caution img{position:absolute; top:0; left:calc(50% - 2000px/2);}


/* BASIC css end */