header .main_nav{background-color: #fff !important;}

.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; background-color:#626262; color:#fff; font-weight: 500;}
.tab-con:hover{font-weight: 500;}

/* 제품필터 */
.filter-list-con{max-width:96px; 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; padding-top:16px;}
.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-total{border-top:1px solid #dfdfdf;} .pd-total dd{width:100%; line-height: 1.6;}
.pd-total dt, .pd-total .price{ font-weight: 500;}

/* 제품 수량 */
.count-container{font-size:0;}
.count-container span{text-align: center; display: inline-block; font-size:22px; border-radius: 50%; font-weight: 500; line-height:1.3;}
.count-container span.count{position: relative; top:-3px;}
.count-container span.num{border:1px solid #d1d1d1; background-color: #fff; cursor: pointer; width:29px; height:29px;}
.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; height:40px; 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{font-size:0; letter-spacing: 0;} 
.view-tab-container li{font-size:15px; display:inline-block;  text-align: center; cursor: pointer; color:#626262; background-color:#f6f6f6; position: relative;
    width:25%; margin:0; padding:10px 8px;}

.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;}


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

@media (max-width:768px){
    .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;}
}

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

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