/* header .main_nav{background-color: #fff !important;} */
.sub-page-top{
    padding: 170px 0;
}

.sub-p-banner{width:100%; height:500px;}
.sub-p-banner .img-bg{width:100%; height:100%; background-attachment: fixed;}

.sub-p-list-container
{display: flex; display: -webkit-box; display: -ms-flexbox;
    -webkit-box-orient: horizontal; -ms-flex-direction: column; flex-direction: column;}


.tab-list-con{margin-right:auto; width: 272px;}
.tab-list-con h5{color:#777; font-weight: 300; line-height: 1.2;}
.tab-list-con .sel-list{width:272px; z-index: 100;}
.tab-list-con .sel-list > li{padding:8px;}
.tab-list-con .sel-list-tit{padding-left:0;}
.tab-list-con .sel-list-tit .sel-arrow{top:42%; background-image: url(https://lbcontents.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/icon-b-arrow.png); width:18px; height:10px;}


.tab-con{margin:4px 16px; font-size:1.15em; cursor: pointer; opacity:.7; padding-bottom:4px; position: relative;}
.tab-con:first-child{margin-left:0;}
.tab-con.current{opacity: 1; font-weight: 500;}
.tab-con:hover{font-weight: 500;}

/* 제품필터 */
.filter-list-con{
    max-width: 150px; width:100%;
    position: absolute; right:16px; bottom:0;}

.sel-list-tit{ display: block; cursor: pointer; padding:4px 8px; padding-right:16px; position: relative;} 
.sel-list-tit .sel-arrow{ position: absolute; right:4px;}
.sel-list-tit .sel-arrow.sel-arrow-st1{position: absolute; top:14px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #aaa;}
.sel-list-tit .sel-arrow.sel-arrow-st2{position: absolute; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);
    background-size:9px 5px; width:9px; height:5px; background-repeat: no-repeat; background-image:url(https://lbcontents.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/icon-arrow-st2.png);}

    .sel-list-tit.open .sel-arrow{transform: rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
    .sel-list-tit.open .sel-arrow.sel-arrow-st2{transform: rotate(180deg) translateY(45%); -webkit-transform:rotate(180deg) translateY(45%); -ms-transform:rotate(180deg) translateY(45%);}
.sel-list{border:1px solid #d1d1d1; display: none; position: absolute; width: 100%; z-index:10; background-color:#fff;}
.sel-list > li{ display: block; cursor: pointer; padding:4px 8px;}
.sel-list > li:hover{background-color:#f6f6f6;}

/* 제품상세 */
.pd-view-t-container li{display: flex; display: -webkit-box; display: -ms-flexbox; 
    -webkit-box-orient: vertical; -ms-flex-direction: row; flex-direction: row; align-items: center;}

.pd-view-t-container .pd-img-con{padding-bottom:0; background-color:#fff;}

/* 제품상세 상단 이미지 사이즈 */
.pd-view-t-container .pd-img-con .pd-img {max-width: 400px;}

.pd-detail{margin:auto; border-top:1px solid #d1d1d1;}
.pd-view-t-container dl{display: block; line-height:3; font-size:1em;}
.pd-view-t-container dt{min-width:96px;}
.pd-view-t-container dt, .pd-view-t-container dd{display: table-cell;}
.pd-view-t-container dd {
    color: #555;
}

.pd-total{} 
.pd-total dd{width:100%; line-height: 1.6;}
.pd-total dt{ font-weight: 500;}
.pd-total .price{color:#000; font-weight: 600;}


/* 제품 수량 */
.count-dl{
    padding:8px 22px 6px; background:#f5f5f5;
    border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.count-container{border: 1px solid #d1d1d1; font-size:0; background-color: #fff;}
.count-container span{text-align: center; display: inline-block; font-size:22px; font-weight: 500; line-height:1.3;}
.count-container span.count{position: relative; top:-3px;}
.count-container span.num{cursor: pointer; width:29px; height:29px;}
.count-container span.num.minus_count{border-right: 1px solid #d1d1d1;}
.count-container span.num.plus_count{border-left: 1px solid #d1d1d1;}
.count-container span.num:hover{border:1px solid transparent; background-color:#626262; color:#fff;}

.count-container span input{border:0; text-align: center; width:60px; font-size:15px; background-color: transparent;}
/* 제품 수량 사이즈 조절 */
.count-container.count-small span{font-size:16px; line-height:1;}
.count-container.count-small span.num{width:22px; height:22px; font-family: sans-serif;}
.count-container.count-small span input{width:36px;}


/* 제품상세 버튼 */
.pd-btn-container.row{margin-left: -2px; margin-right: -2px;}
.pd-btn-container.row > p{padding:0 2px;}
.pd-btn-container .btn{width:100%; min-width: unset; padding:0;}
.pd-btn-container .btn img{height:27px;}
.pd-btn-container .btn-icon:hover{background-color:#222; border:1px solid transparent;}

/* 별점 */
.star-container{position: relative; background-image: url(https://lbcontents.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/icon-star0.png); width: 128px; height:22px; overflow: hidden;}
.star{position: absolute; top:0; left:-128px; width: 128px; height:22px; background-size:contain; display: block; text-align: left; background-image: url(https://lbcontents.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/icon-star5.png);}
.star-container .star1{left:-107px;}
.star-container .star2{left:-80px;}
.star-container .star3{left:-54px;}
.star-container .star4{left:-27px;}
.star-container .star5{left:0;}

/* 중간영역 소개 탭 */
.view-tab-container{
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    font-size:0; letter-spacing: 0;} 
.view-tab-container li{
    position: relative;
    display:inline-block;
    width:25%; margin:0; padding:10px 8px;
    font-size:15px; text-align: center;  color:#626262; 
    cursor: pointer;
}

.view-detail-wrap .bg-light-gray{padding:32px;}


.table-container .pd-detail-table tr td:first-child{font-weight: 700;}
.table-container .pd-detail-table td{padding:8px 12px; }


/* 리뷰작성 */
.view-datail-review-container{display: flex; display: -webkit-box; display: -ms-flexbox; overflow: hidden; border-bottom:1px solid #d1d1d1;
    -webkit-box-orient: horizontal; -ms-flex-direction: column; flex-direction: column; position: relative; min-height:132px;}

    .review-main{width: 100%; padding-right:160px;}
    .review-info{margin-left:auto; width:128px; position: absolute; right:0; top:0; height:auto; background-color:#f6f6f6; padding:16px 12px; font-size:0.9em;}
    .review-info b, .review-info span{display: block;}
    .review-info span{font-weight:600;}
/* 리뷰 평점 */
.view-datail-review-container .star{width: 106px; height: 18px; position: relative; left:0; overflow: hidden;}
.view-datail-review-container .star5{left:0;}
.view-datail-review-container .star4{left:-22px;}
.view-datail-review-container .star3{left:-44px;}
.view-datail-review-container .star2{left:-66px;}
.view-datail-review-container .star1{left:-88px;}

/* 리뷰 이미지 */
.review-main-img-con{margin-left: -4px; margin-right:-4px;}
.review-main-img{float:left; margin-right:5px; line-height: 1;}
.review-main-img:last-child{margin-right:0;}
.review-main-img img{width:96px; height:96px; cursor: pointer;}

/* 더보기 */
.review-main-text.multiple-line-ellipsis.open{height:100%; -webkit-line-clamp:unset !important;}
.more-btn{font-size:0.85em; font-weight: 700; color:#222; cursor: pointer; display: inline-block;}

/* Q & A */
.my-table-container{width: 100%;}
.my-table-container dl{border-bottom:1px solid #d1d1d1; padding:16px 0; display: table; table-layout: fixed; width: 100%;}
.my-table-container dd{line-height: 1; padding:0 4px;}
.my-table-container dd.first{min-width: 64px; width: 11%;}
.my-table-container dd.first .com{background-color:#626262; font-size:0.75em; padding:2px 8px; color:#fff;}
.my-table-container dd.tit:hover{text-decoration: underline;}
.my-table-container dd.name{min-width:112px; width: 17%;} .my-table-container dd.date{width:112px;}
.my-table-container dd{display: table-cell;}



/* btn-etc */
.btn-etc{text-decoration: underline;  cursor: pointer;}
.btn-etc-box{color:#626262; background-color:#fff; line-height: 1; padding:4px 8px; border:1px solid #d1d1d1; font-size:0.85em; cursor: pointer;}
.btn-etc-box:hover, .btn-etc-box:focus{color:#fff; background-color:#626262; border:1px solid transparent;}
button.btn-etc-box{font-size:1em; min-width: 96px; min-height:36px; padding:8px 16px;}

/* search page */
.main-search-wrap{padding:48px 0; border:1px solid #d1d1d1; background-color:#f6f6f6;}
.main-search-container{ width: 100%; max-width: 576px; margin-left:auto; margin-right:auto; padding-left:20px; padding-right:20px;}
.main-search-con{position: relative;}
.main-search-con input{font-size:2em; background-color:transparent; border:0; height:60px; width: 100%; border-bottom:1px solid #777; padding-bottom:8px; padding-right:96px;}

.main-search-con .search-icon{position: absolute; right:4px; bottom:6px; cursor: pointer;}
.main-search-con .search-icon img{height:40px;}
.main-search-con .search-delete{position: absolute;}
.main-search-con .search-delete{font-size:2em; font-family: sans-serif !important; right:60px; color:#777; cursor: pointer;}

.search-counting{font-size:15px; display: inline-block;}
.search-counting i{font-weight: 700; margin-left:8px; color:#ff5d00;}

/* 인기검색어 */
.keyword-popular-wrap li{display: inline-block; margin-right:-4px;}
.keyword-popular-wrap .keyword-con-list span{margin-left:12px; cursor: pointer;}
.keyword-popular-wrap .keyword-tit{font-weight: 700;}


/* txt info container */
.main-txt-info-container{margin-bottom:48px;}

/* 주문완료, 결제완료 */



.order-receipt-container{background-color:#f6f6f6; padding:24px 20px; min-height:160px;}
.order-receipt-container .error{color:#ff5d00;}
.order-receipt-container dl{margin-bottom:24px;}
.order-receipt-container dl:last-child{margin-bottom:0;}
.order-receipt-container dl dt{min-width: 128px;}
:lang(en) .order-receipt-container dl dt{min-width: 160px;}
.order-receipt-container dl dt, .order-receipt-container dl dd{float:left;}

.mypage .order-receipt-container{border:1px solid #d1d1d1; background-color:#fff;}
.mypage .mypage-top-main{border:1px solid #d1d1d1;}
.mypage .pay-list .list-con dl{border-bottom:1px solid #d1d1d1;}
.mypage .pay-list .list-con dl:last-child{border-bottom:0;}
.mypage .pay-info .pay-info-con{border:0; background-color:#f6f6f6;}




/* 카탈로그 */
/* .catalog-container .d-grid .catalog-item:nth-child(1){
    grid-row: 1 / 3;
}
.catalog-container .d-grid .catalog-item .img-box{
    height: 0;
}
.catalog-container .d-grid .catalog-item:nth-child(1) .img-box{
    padding-bottom: 101.1%;
}
.catalog-container .d-grid .catalog-item:nth-child(2) .img-box,.catalog-container .d-grid .catalog-item:nth-child(3) .img-box{
    padding-bottom: 32.8%;
}
.catalog-container .d-grid .catalog-item .img-box img{
    width: 100%;
    height: 100%;
    bottom:50px;
}
.catalog-container .d-grid .catalog-item{position:relative;}
.catalog-container .d-grid .catalog-item:nth-child(2){}
.catalog-container .d-grid .catalog-item:nth-child(3){grid-row:2}

.catalog__desc{
    display:none;
    text-align: center; top:initial;}
.catalog__desc *{color:#000;}
.catalog__desc h4{font-size:37px; letter-spacing: -1px; margin-bottom: 10px;}
.catalog__desc button{
    background:#000;color:#fff; border-radius:20px; padding:11px 29px;
    margin-top:20px;} */

 
.catalog-container .catalog-cont{display: flex;}
.catalog-container .catalog-item{width: 33.33%; padding:1%;}
.catalog-container .catalog-item .catalog_desc{
    margin-top: 15px;}
.catalog-container .catalog-item .catalog_desc h4{
    font-size: 18px;
}
.catalog-container .catalog-item img{width: 100%;}
.catalog-container .catalog-item button{
    display: block;
    background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/WKCC/publishing/164048534561282.png)no-repeat center; background-size:cover;
    width: 22px; height: 22px;}



button.myboard{
    padding: 5px 2px; margin-bottom: 15px;
    border-bottom:1px solid #555;
}

/* ********************************************* *
* 768px max
* ********************************************* */

@media (max-width:768px){
    .sub-page-top{
        padding: 100px 0;
    }

    .table-container .pd-detail-table td:last-child{padding-top:0;}
    .table-container .pd-detail-table td{display: block; padding-left:0; padding-right:0;}

    /* 카탈로그 */
    .catalog-container .d-grid .catalog-item:nth-child(3) {
        grid-row: 3;
    }
    .catalog-container .d-grid .catalog-item:nth-child(1) .img-box, .catalog-container .d-grid .catalog-item:nth-child(2) .img-box, .catalog-container .d-grid .catalog-item:nth-child(3) .img-box {
        padding-bottom: 37%;
    }
    .catalog-container .d-grid .catalog-item:nth-child(1) {
        grid-row: 1;
    }
    .catalog__desc {
        position: initial !important;
        text-align: center;
        top: 0;
        bottom: 0;
        left: 0 !important;
        transform: initial !important;
        margin-top: 0; margin-bottom: 20px;
        
    }
    .catalog__desc:before, .catalog__desc:after{
        display: block;
        content: '';
        clear: both;
    }
    .catalog__desc * {
        text-align: left;
    }
    .catalog__desc h4 {
        font-size: 23px;
        letter-spacing: -1px;
        margin-top: 22px;
    }
    .catalog__desc button {
        float: right;
    }

}

/* ********************************************* *
* 640[x max
* ********************************************* */
@media (max-width:640px){
    .sub-visual .con-tit{margin-bottom: 0px !important;}
    .sub-page-top {
        padding: 62px 0;
    }
    .sub-page-top.mt-0 {
        margin-top: 60px !important;
    }
    .con-tit{margin-bottom: 40px !important;}
    .con-tit.large-header > h2 {
        font-size: 28px !important;
    }


    .view-tab-container li{font-size:13px; letter-spacing: -.5px;}
    .view-detail-wrap .bg-light-gray{padding:20px 16px;}



    
}