.head-slide{ position: relative; cursor: pointer;}
.head-slide .slick-slide{position: relative;  height: auto;}
.head-slide .slick-slide img{width: 100%;}
.slick-initialized .slick-slide .pc_img{display: block;}
.slick-initialized .slick-slide .mob_img{display: none;}

    .slide-bg{background-repeat: no-repeat; background-size:cover; background-position: center; width:100%; height:100%; position: relative; overflow: hidden;}

    .slide-bg.slide-bg1{background-image:url(https://lbcontents.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/main-slider01.png);}
    .slide-bg.slide-bg2{background-image:url(https://lbcontents.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/main-slider02.png);}

.single-item {position: relative;}
.single-item .slick-dots{bottom:48px !important;}

.single-item .slick-arrow{padding:0 !important; line-height:1; position: absolute; bottom:50%; transform: translateY(-50%); z-index: 80; height:51px; width:51px;}
.single-item .slick-arrow:before{display: none;}
.single-item .slick-arrow.slick-next{right:8%;}
.single-item .slick-arrow.slick-prev{left:8%;}
.single-item .slick-arrow:after{display: block; content:'';   height:51px; width:51px; background-size:auto;}
.single-item .slick-arrow.slick-prev:after{background:url(https://lbcontents.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/slider-arrow-pp.png) no-repeat center;}
.single-item .slick-arrow.slick-next:after{background:url(https://lbcontents.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/slider-arrow-nn.png) no-repeat center;}


.main-banner{background-image: url(https://lbcontents.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/main-bg01.jpg); height:460px; background-attachment: fixed; position: relative;}
.main-banner:after{position: absolute; content:''; top:0; width:100%; left:0; background-color:rgba(0,0,0,.5); height:100%; z-index: 3;}
.main-banner .bd{position: relative; height:100%;}
.main-banner .inner{position: absolute; top:50%; width:100%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align: center;z-index:4;}
.main-banner .inner h3{font-size:3em;}




.con-tit{text-align: center;}
.con-tit h3{font-weight: 600;}
.slick-track{margin:0 !important;}


  .pc-mid-banner{display: block;}
  .mb-mid-banner{display:none;}
.single-banner2 .slick-dots{position: inherit;}


.pd-best-container{background-color:#fbf8f7;}
.pd-best-container .pd-img-con{background-color: #fefefe;}

.sct-st2 .clip-con {
  margin-left:0px;
  margin-right:0px;
  position: relative;
}

.center-banner-con{background: #fff; position: relative;}
.center-banner-con dl{
    background-color: #fff;
    -webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:10px 10px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1); 
}
.center-banner-con dt, .center-banner-con dd{float:left;}
.center-banner-con dt{width: calc(100% - 35%);}
.center-banner-con dt > .img-bg{background-image: url(https://lbcontents.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/line-slide01.jpg); height:500px;}
.center-banner-con dd{padding:48px 40px; line-height: 1.3; width:35%; background-color: #fff; height:100%;}

.center-banner-con .round{background-color:#d05767; color:#fff; display: block; border-radius: 50%; width:46px; height:46px; position: relative;}
.center-banner-con .round > i{ font-size:0.9em;
  position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}

.center-banner-con dd h4{font-size:2em; margin-top:16px; font-weight: 500; color:#444;}
.center-banner-con dd p{font-size:1.25em; margin-top:16px; color:#828282;}
.center-banner-con dd .btn-con{margin-top:48px;}
.center-banner-con dd button{position: relative; padding-right:48px; font-size:1.025em; padding-left:0;}
.center-banner-con dd button i{position: absolute; right:0; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);}


.center-mode .slick-list{overflow: inherit;}
.center-mode .slick-slide,
.center-mode .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
  transform: scale(0.8, 0.8);
  opacity: .6;
}
.center-mode .slick-center,
.center-mode .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {
  transform: scale(1, 1);
  opacity: 1;
}


/* 인스타그램 */
.insta-container{min-height:inherit;}
.insta-content ul li{float:left; padding:1px; width:20%; line-height: 0; position: relative; overflow: hidden; padding-top:20%; background-color: #fff;}
.insta-content ul li img{position: absolute; top:0; left:0; right:0;}


/* ********************************************* *
 * 1024px max
 * ********************************************* */
 @media (max-width:1024px){


  .slick-initialized .slick-slide .pc_img{display: none;}
  .slick-initialized .slick-slide .mob_img{display: block;}
  .head-slide .slick-slide{height: auto;}


  .wrapper{top:50px; position: relative;}
  .head-slide .slide-bg{padding-top:100%;}
.slide-bg.slide-bg1{background-image:url(https://lbcontents.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/mobile-slider01.jpg);}
.slide-bg.slide-bg2{background-image:url(https://lbcontents.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/mobile-slider01.jpg);}

.single-item .slick-arrow.slick-next{right:10px;}
.single-item .slick-arrow.slick-prev{left:10px;}

.sct1 .row{margin-left:-10px; margin-right:-10px;}
.sct1 .row > li{padding-left:10px; padding-right:10px;}
.sct1 .img-con:last-child .inner{margin-top:120px;}


.center-banner-con dt{width:100%;}
.center-banner-con dt > .img-bg{height:360px;}
.center-banner-con dd{width:100%; padding:24px 40px;}
.center-banner-con .round{height:40px; width:40px;}

 
}

/* ********************************************* *
 * 768px max
 * ********************************************* */
 @media (max-width:768px){

  .single-item .slick-arrow{display: none !important;}

    .pc-mid-banner{display: none;}
    .mb-mid-banner{display:block;}

    .insta-content ul li{width:33.33%; padding-top:33.33%;}

}

/* ********************************************* *
 * 640px max
 * ********************************************* */
@media (max-width: 640px){

    .single-item .slick-dots{bottom:24px !important;}

    .sct1 .row > li{margin-bottom:48px;}
    .sct1 .img-con:nth-child(2) .cf > div{margin-bottom:0;}
    .sct1 .img-con:last-child{display: none;}


    .center-banner-con dd{padding:24px 20px;}

    .insta-content ul li{width:50%; padding-top:50%;}

 }