.slick-dots li button:before{font-size:28px !important; content:'' !important;
   background-image: url('https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/IPIACOSMETIC/156432842269999.png');
   background-size: cover; width: 10px !important; height: 10px !important;}
.pd-slide .slick-dots {bottom:-48px;}


/* section{margin-top:112px; margin-bottom:112px; position: relative; min-height:360px;} */
.con-tit > h2{font-size:2.275em; font-weight:500; color:#626262;}
.con-tit > h3{font-size:2.125em;  line-height: 1; font-weight: 500; color:#626262;
   -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -ms-transition:all 0.3s ease-out;}
.con-tit > p{font-size:1.1em; color:#626262; font-weight: 300;}
.con-tit > p > a{font-weight: 500;}
.con-tit > p > a:hover{text-decoration: underline;}

.sig-color{color:#222 !important; font-weight: 500 !important;}
.naro-gray{color:#777;}



/* main-cst1 */
.full-txt, .full-img{position: relative; height:600px;}
.full-img img{height:100%;}
.full-txt .inner{position: absolute; top:40%; transform: translateY(-50%); width:calc(100% - 26%); right:0;}
.con-txt p.p-st1{font-size:1.5em; font-weight:700; letter-spacing: 5px;} 
.con-txt p.p-st2{color:#39a4c6; font-size:1.25em; font-weight: 500; line-height: 1.8;}
.con-txt p.p-st3{font-size:1.1em; line-height: 1.8;}


/* pd */
.pd-slide > li{padding:0 15px !important;}

.pd-content{margin-top:32px;}
.pd-content li .inner{cursor: pointer; margin-bottom:16px;}
.pd-content li .inner.soldout .pd-img-con{opacity: .7;}
.pd-content li .inner.soldout
.pd-content li .inner:hover .pd-img-con{background-color:#fff;}

.pd-img-con{background-color:#fff; padding-bottom:100%; position: relative;
   -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -ms-transition:all 0.2s ease-out;}
.pd-img-con .pd-img{background-size:contain;  width: 100%; padding-bottom:100%;  -ms-transform: translateX(-50%);}

.pd-txt-con{position: relative; min-height:128px; text-align: center; margin-top:20px;}
.pd-txt-bt{position: absolute; bottom:-16px; left:0; width: 100%;}
.pd-txt-con .pd-name{font-size:1.05em; font-weight: 300; color:#626262; letter-spacing: 1px;
   overflow: hidden; text-overflow: ellipsis;display: -webkit-box;
  -webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap:break-word; line-height:1.7;
}
.pd-txt-con .pd-discount{font-size:0.9em; text-decoration: line-through; color:#999;}
.pd-txt-con .pd-price-con{font-size:1.1em;color:#232323; font-weight: 600; margin-top:-4px;}
.pd-txt-con .pd-price-con > span{display: inline-block; position: relative; font-weight: 500;}
.pd-txt-con .pd-pct{color:#d51e3d; font-size:0.85em; bottom:1px; font-weight: 700; margin-left:8px;}

.pd-i-unit{margin-top:16px; cursor: auto;}
.pd-i-unit:after{content:''; display: block; background-color:transparent; width:42px; height:42px; border:1px solid transparent;  position: absolute; bottom:0; right:0; z-index: 1; border-radius: 50%;}
.pd-i-unit i.i-wish{background-image:url(https://ipschool1.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/icon-wish.png);}
.pd-i-unit i.i-cart{background-image:url(https://ipschool1.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/icon-cart.png);}
.pd-i-unit i{background-image:url(https://ipschool1.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/icon-cart.png); width: 22px; height: 22px; position: relative; z-index: 2; display: inline-block; cursor: pointer;
   -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -ms-transition:all 0.3s ease-out; margin:0 4px;}



/* sub page tab */
[class*="subpage-tab-wrap-"]{margin-left: auto; margin-right:auto; ; z-index: 2;overflow: hidden;
   overflow-x: auto;  white-space: nowrap; -ms-overflow-style: none;
   width:1200px; max-width:100%; overflow: hidden; overflow-X: auto; text-align: left;}
   [class*="subpage-tab-wrap-"]::-webkit-scrollbar {height:4px;}
   [class*="subpage-tab-wrap-"]::-webkit-scrollbar-thumb {background: #e1e1e1;  border-radius: 4px;}

.subpage-tab-pc{width: 100%;}
.subpage-tab-pc .subpage-tab > li{width: 25%; float:left; text-align: center; border:1px solid #d1d1d1; border-right:0; padding:20px; cursor: pointer;}
.subpage-tab-pc .subpage-tab > li.current{background-color:#f6f6f6;}
.subpage-tab-pc .subpage-tab > li:last-child{border-right:1px solid #d1d1d1;}
.subpage-tab-pc .subpage-tab > li img{margin-bottom:8px;}
.subpage-tab-pc .subpage-tab > li  p{line-height: 1;}

.mypage .subpage-tab-pc .subpage-tab > li{width: 14.28%;}
   
.subpage-tab-wrap-main{height:60px; line-height:60px;}
.subpage-tab-wrap-main li.dep2{display:inline; padding:0; margin:0 16px; font-size:1.15em; cursor: pointer; opacity:.7; padding-bottom:4px;}
.subpage-tab-wrap-main li.dep2.current, .subpage-tab-wrap-main li.dep2:hover{border-bottom:2px solid #222; opacity: 1; }

.subpage-tab-wrap-main .subpage-tab li.current{font-weight: 600;}

/* product page tab */
.mobile-subpage-tab-wrapper{display: none;}

/* float로 나눈 tab */
.p-tab-container li{padding:16px 12px; cursor: pointer;   border-bottom:2px solid #222; background-color:#fff;
   -webkit-box-shadow:0px 0px 0px #e1e1e1; -ms-box-shadow:0px 1px 0px #e1e1e1; box-shadow:0px 0px 0px #e1e1e1;}
.p-tab-container li.current{border:2px solid #222; border-bottom:0px solid transparent; font-weight: 600;}

/* subpage tab2 */
.subpage-tab2{text-align: center;}
.subpage-tab2 > li{border:1px solid #d1d1d1; border-radius: 25px; padding:4px 16px; font-size: 1em; margin:0 8px;}
.subpage-tab2 > li:hover{border:1px solid #626262;}
.subpage-tab2 > li.current{background-color:#626262; color:#fff; border:1px solid transparent;}

/* agreement */
.agreement-container{padding:0 48px;}

/* 비밀글 */
.icon-reply{background-color: #626262; font-size: 0.725em; padding: 0px 8px; color: #fff; display: inline-block; margin-right:8px;}
.icon-secret{position: relative; width:19px; height:15px; display: inline-block; font-size:0;}
.icon-secret img{position: absolute; width:12px; height:14px; top:3px; left:0;}


.mobile-d-block{display: none;}

.no_post2{font-size:1em; display: block; padding:128px 16px; text-align: center;}

.tab_open_menu{display: none;}



.subpage-tab-wrap-main.faq_tab{line-height: inherit; height: auto;}
.subpage-tab-wrap-main.faq_tab li{display: inline-block;}

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


 }


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


   .con-tit > h2{font-size:2.75em;}

    .full-txt{height:100%; margin-bottom:48px;}
    .full-txt .inner{width: 100% !important; padding-left:24px; padding-right:24px; position: relative !important; transform: translate(0) !important; top:unset !important;}
    .full-img{height:auto; max-height:480px;}
    .full-img img{width: 100%; height:unset;}

    .s-sct1 .full-txt{margin-bottom:0;}

    /* agreement */
   .agreement-container{padding:0;}

   /* pdview */
   .pd-view-t-container li > div{padding-left:0; padding-right:0;}

   /* product page tab */
   .tab-list-pc{opacity: 0; visibility: hidden; font-size:0; width:0; height:0;}
   .mobile-subpage-tab-wrapper{display: block;}

   /* .mobile-d-none{display:  none !important;} */
   .mobile-d-block{display:block;}
   /* 제품이미지 */
   .pd-view-t-container li:first-child{height:auto;}
   .pd-view-t-container .pd-img-con .pd-img{    /* padding: 0 20px; */position: inherit; margin-bottom:32px;}
   /* 제품스펙 */
   .pd-view-t-container li{height:auto;}

   /* 제품상세 버튼 */
   .mobile-pd-btn-wrap{position: fixed; bottom:0; z-index: 900; width: 100%;}
   .mobile-pd-btn-wrap > .inner{background-color:#fff; border-top:1px solid #e1e1e1;}
   .pd-btn-container.row{padding:12px 0px;}

   .mobile-pd-btn-wrap .price-container{padding:12px 20px; padding-bottom:0; position: relative;}
   .mobile-pd-btn-wrap .price-container .inner{width:50%; margin-right:-4px; display: inline-block;}

   /* 수량, 금액 */
   .price-container .close-btn{width:48px; height:20px; position: absolute; top:-19px;
      background-color:#fff;border:1px solid #e1e1e1; border-bottom:1px solid #fff; 
   left:50%; transform: translateX(-50%); -ms-transform: translateX(-50%);  -webkit-transform: translateX(-50%); cursor: pointer;}
   .price-container .close-btn img{height:7px; line-height: 1; display: block; margin:0 auto; margin-top:7px;}
   .price-container .close-btn img.open{transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);}
   

   /* 제품 상세이미지 */
   /* .pd-view-md-container > .bd{padding-left:0; padding-right:0;} */

 }

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

   body{font-size:14px;}

   /* section{margin-top:80px; margin-bottom:80px;} */
    .con-tit h3{font-size:2em;}
    .con-txt p.p-st3{font-size:1.05em;}

    .pd-slide.row, .pd-content .row{margin-right:-5px; margin-left:-5px;}
    .pd-slide > li, .pd-content .row li{padding:0 5px !important;}

    /* 정렬 필터 */
    .sub-p-list-container{display: block !important; text-align: center;}
    .tab-list-con{width:100%; position: relative;}
    .filter-list-con{text-align: center; float: none !important; left:10px; bottom:-48px;}

    .tab-list-con .sel-list{width: 100%; z-index: 100;}

    /* 고객 리뷰 */
    .review-main{padding-right:0;}
    .review-info{width: auto; right:none; left:114px; top:-2px;}
    .review-info b{display: none;}
    .review-info p{display: inline-block;}
    .review-info span{font-size:0.9em; padding-left:4px;}


    /* 인기검색어 */
   .keyword-popular-wrap li{display:block; margin-right:0;}
   .keyword-popular-wrap .keyword-tit{margin-bottom:6px;}
   .keyword-popular-wrap .keyword-con-list span:first-child{margin-left:0;}

   /* 주문완료, 결제완료 */
   .order-receipt-container dl{margin-bottom:16px;}
   .order-receipt-container dl dt, .order-receipt-container dl dd{float:none;}
   .order-receipt-container dl dt{ margin-bottom:6px; font-size:0.85em; color:#777;}
   .order-receipt-container dl dd{min-height:24px;}

   /* QnA */
   .my-table-container dl{display:block;}
   .my-table-container dd{display: inline-block; text-align: left !important; width: auto; min-width: auto !important; font-size:0.85em;}
   .my-table-container dd.first{position: absolute;}
   .my-table-container dd.tit{padding-left:40px; display: block; margin-bottom:12px; font-size:1em;}

   button.btn-etc-box{font-size:0.85em; min-width: 80px; min-height:28px; padding:8px 16px;}

      /* 이미지 오른쪽 정렬 */
      .img-right-set .list-con dd.img{right:0; left:initial;}

      /* 2020-07-27 */
      .subpage-tab-wrap-main.faq_tab{margin-bottom:32px; height: auto; line-height: 48px;}
      .subpage-tab-wrap-main.faq_tab .subpage-tab li{width: 33.33333%; border-radius: 0; margin:0; float:left; border-left:1px solid transparent; padding:0; font-size:0.9em;}
      .subpage-tab-wrap-main.faq_tab .subpage-tab li:nth-child(4){border-left:1px solid #d1d1d1;}
      .subpage-tab-wrap-main.faq_tab .subpage-tab li:nth-child(4), .subpage-tab-wrap-main.faq_tab .subpage-tab li:nth-child(5){border-top:1px solid transparent;}
      .subpage-tab-wrap-main.faq_tab{overflow: inherit; overflow-x: inherit;     white-space: inherit;}

      :lang(en) .subpage-tab-wrap-main.faq_tab .subpage-tab li{width:50%;}
      :lang(en) .subpage-tab-wrap-main.faq_tab .subpage-tab li:nth-child(4){border-left:0;}
      :lang(en) .subpage-tab-wrap-main.faq_tab .subpage-tab li:nth-child(3),
      :lang(en) .subpage-tab-wrap-main.faq_tab .subpage-tab li:nth-child(5){border-left: 1px solid #d1d1d1;}

      .subpage-tab-wrap-main.open_menu_st{padding-top:16px; height:76px;}
      .tab_open_menu{display: inline-block; position: absolute; bottom:15%; transform: translateY(-50%);
         background-color: #fff;
          right:12px; border:1px solid #d1d1d1; height:auto; padding:6px 12px; cursor: pointer; z-index: 11;}
      .tab_open_menu img{width: 10px; display: block;}
      .tab_open_menu.open img{transform: rotate(-180deg);}


      .tab_open_menu_inner{display: none;
         position: absolute; width:calc(100% - 24px); background-color: #fafafa; z-index: 100; top:calc(100% - 22px); border:1px solid #e1e1e1;
         left:50%; transform: translateX(-50%); -ms-transform:translateX(-50%);}
      .tab_open_menu_inner li{display: block; width: 50%; float: left; text-align: center; font-weight: 500; font-size:1em; padding:0; margin:0;
         margin-bottom: -1px;
         border-bottom: 1px solid #e1e1e1;
         box-sizing: border-box;
         line-height: 48px;
         font-weight: 500;
         font-size:1em;
         cursor: pointer;
      }
      .tab_open_menu_inner li:nth-child(odd){border-right: 1px solid #e1e1e1;
      }

      .view-detail-wrap img {
         width: 90%;
     }
 

 }

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



   /* ********************************************* *
   * 1600 max
   * ********************************************* */
   @media (max-width:1600px){
      /* .bd-xl {padding:0 20px; } */
   
}

 /* ********************************************* *
 * 1400 max
 * ********************************************* */
 @media (max-width:1400px)
{
  .header .header_bottom .nav_depth02 {padding-left: 66px;}
  
  .header .header_bottom .nav_depth > li {padding-right: 30px;}
}

 /* ********************************************* *
 * 1200 max
 * ********************************************* */
 @media (max-width:1200px)
{
   .header .header_bottom .nav_depth > li {  padding-right: 22px; }
}

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

}

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

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


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