@charset "utf-8";
/* 확인 팝업 */
html,body { min-width: 400px; }
#ebric_pc_wrap #main-content-wrap .bread-crumb-wrap { margin: 0 auto; box-shadow: none; padding-bottom: 5px; margin-bottom: 20px; }
#ebric_pc_wrap #main-content-wrap .bread-crumb-wrap>div { width: 100%; padding: 0 20px; }
#ebric_pc_wrap #main-content-wrap { background: #fff; }
#ebric_pc_wrap #main-content-wrap .bread-crumb-wrap .main-product-category-title { font-size: 2rem; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .btn-wrap { text-align: center; margin-top: 25px; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .btn-wrap a { height: 40px; line-height: 40px; margin: 0 5px; padding: 0 40px; }

#ebric_pc_wrap #main-content-wrap .sub-view-wrap.buy-option-view-wrap { width: 500px; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap.buy-option-view-wrap .confirm-notice-wrap { text-align: center; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap.buy-option-view-wrap .confirm-notice-wrap p { font-size: 1.4rem; display: block; }

#ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table { border: 1px solid #ddd; background: #fff; padding: 0; margin-top: 8px; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table { width: 100%; font-size: 1.2rem; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table>table>tbody>tr { border-bottom: 1px solid #e5e5e5; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table>table>tbody>tr>th { text-align: center; padding: 13px 0; font-weight: 500; background: #f6f7fb; border-right: 1px solid #eee; display: none; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr th:last-child { border-right: none;}
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr th.check { width: 10%; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr th.name { width: 90%; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table>table>tbody>tr>td { padding: 10px; border-right: 1px solid #eee; text-align: center; position: relative; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr td:last-child { border-right: none; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr td .delete-btn { border: 1px solid #ddd; display: block; height: 30px; border-radius: 4px; line-height: 28px; font-size: 1.2rem; font-weight: 400; text-align: center; background: #F5F7F9; letter-spacing: -0.5px; transition: background .2s ease,  color .2s ease, border-color .2s ease; width: 60px; }

#ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr td .img-box { width: 100px; height: 100px; border: 1px solid #e5e5e5; background: #fff; position: relative; overflow: hidden; display: inline-block; vertical-align: middle; float: left; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr td .img-box .thumbnail { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); width: 100%; height: 100%; z-index: 1; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr td .img-box .thumbnail img { position: absolute; top: 0; left: 0; -webkit-transform: translate(-50%,-50%) scale3d(1,1,1) rotate3d(0,0,0,0.01deg); -ms-transform: translate(-50%,-50%) scale3d(1,1,1) rotate3d(0,0,0,0.01deg); transform: translate(-50%,-50%) scale3d(1,1,1) rotate3d(0,0,0,0.01deg); z-index: 1; transition: all 0.3s ease-out; max-height: 100%; max-width: 100%; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr td.name { text-align: left; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr td.name .product-property { display: inline-block; vertical-align: middle; text-align: left; max-width: 325px; float: left; padding: 5px 0 0 15px; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr td.name .product-property .product-name { font-size: 1.5rem; font-weight: 700; display: block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr td.name .product-property .product-name:hover { text-decoration: underline; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr td.name .product-property .option { color: #999; }

#ebric_pc_wrap #main-content-wrap .sub-view-wrap .imp-notice { display: block; margin-top: 5px; font-size: 1.2rem; color: #2f6ed5; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .imp-notice i { margin-right: 3px; }

/* 인풋 가로 UI 공통 */
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .option-table { margin-bottom: 20px; border: 1px solid #ddd; margin-top: 10px; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .option-table table { width: 100%; border-left: 2px solid #363e4e; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .option-table table tbody tr { border-bottom: 1px solid #e5e5e5; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .option-table table tbody tr td,
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .option-table table tbody tr th { padding: 10px 15px; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .option-table table tbody tr td { background: #fff; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .option-table table tbody tr th { background: #f6f7fb; font-weight: 500; border-right: 1px solid #eee; width: 200px; width: 30%; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .option-table table tbody tr td input[type=text] { height: 30px; width: 100%; border-radius: 3px; padding-left: 10px; }

/* 날짜 선택 인풋 */
#ebric_pc_wrap #main-content-wrap .sub-view-wrap table tbody tr td .date-select-wrap { display: block; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap table tbody tr td .date-select-wrap .date-select { display: inline-block; position: relative; height: 30px; width: 140px; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap table tbody tr td .date-select-wrap .date-select input[type=text] { width: 100%; height: 100%; border: 1px solid #dcdcdc; border-radius: 3px; padding-left: 10px; padding-right: 30px; font-size: 1.2rem; line-height: 28px; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap table tbody tr td .date-select-wrap .date-select .calendar-btn { position: absolute; z-index: 2; top: 5px; right: 10px; opacity: 0.5; transition: opacity .2s ease; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap table tbody tr td .date-select-wrap .date-select .calendar-btn:hover { opacity: 1; }

/* 상품평 작성 */
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr.review>td { padding: 0; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr.review>td .option-table { margin: 0; border: none; border-top: 1px solid #2F6ED5; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr.review>td .option-table table { border-left: none; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr.review>td .option-table table tr th { width: 20%; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr.review>td .option-table table tr td .star-select li { display: inline-block; margin-right: 10px; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr.review>td .option-table table tr td .star-select li:last-child { margin-right: 0; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr.review>td .option-table table tr td .star-select li label i { font-size: 1.1rem; line-height: 15px; margin-right: 1px; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .shopping-list .product-list-wrap .product-list-table table tbody tr.review>td .option-table table tr td textarea { width: 100%; height: 150px; padding: 5px 10px; }






/* 구매확정 */
.purchase-notice-text { padding-top: 5px;}
.purchase-notice-text .confirm-text { font-size: 1.2rem; color: #666666; font-weight: 400;}
.purchase-notice-text .confirm-text .bold { font-weight: 500; color: #2f6ed5;}



/* 국내 재고 여부 확인 팝업*/
.pop-up { width: 100%; height: auto; padding: 0px 25px;}
#ebric_pc_wrap #main-content-wrap .pop-up .title-area { border-bottom: 1px solid #dee3eb; padding-bottom: 15px; }
#ebric_pc_wrap #main-content-wrap .pop-up .title-area .pop-title { font-size: 1.8rem; font-weight: 500; color: #666;}
#ebric_pc_wrap #main-content-wrap .pop-up .title-area .pop-title.alert { font-size: 1.5rem;}
#ebric_pc_wrap #main-content-wrap .pop-up .title-area p { font-size: 1.5rem; font-weight: 400; color: #666; display: block; float:left }
#ebric_pc_wrap #main-content-wrap .pop-up .point {color: #2f6ed5;font-weight:500}
#ebric_pc_wrap #main-content-wrap .pop-up .title-area .close-btn {float: right; opacity: 0.5; cursor: pointer;}
#ebric_pc_wrap #main-content-wrap .pop-up .content-area { margin-top: 15px; position: relative; }
#ebric_pc_wrap #main-content-wrap .pop-up .content-area .content {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ccc;font-size: 1.4rem; line-height: 21px;}
#ebric_pc_wrap #main-content-wrap .pop-up .content-area .content:last-child {margin-bottom: 0; padding-bottom: 0; border: 0}
#ebric_pc_wrap #main-content-wrap .pop-up .content-area .content .cont-text {padding-left: 65px; background: url('../../../img/estimate/notice.png') no-repeat 15px top; width: 100%}
#ebric_pc_wrap #main-content-wrap .pop-up .content-area .content .cont-text h5 {padding-bottom: 5px}
#ebric_pc_wrap #main-content-wrap .pop-up .content-area .content p.date {font-weight: 500; padding-bottom:5px; padding-top: 15px;  color: #073a8d}
#ebric_pc_wrap #main-content-wrap .pop-up .content-area .content .cont-background {font-size: 1.2rem; font-weight: 400; background: #F6F8FA; color: #767676; padding: 10px 18px;}
#ebric_pc_wrap #main-content-wrap .pop-up .content-area .content .cont-background .notice-text { position: relative;}
#ebric_pc_wrap #main-content-wrap .pop-up .content-area .content .cont-background .notice-text::before { content: ""; position: absolute; top: 9px; left: -7px; width: 2px; height: 2px; border-radius: 50%; background-color: #767678;}
#ebric_pc_wrap #main-content-wrap .pop-up .content-area .content .result-area { position: relative;}
#ebric_pc_wrap #main-content-wrap .pop-up .content-area .content .result-area .result-text { font-size: 1.4rem; font-weight: 400; color: #767678;}
#ebric_pc_wrap #main-content-wrap .pop-up .content-area .content .result-area .result-text .point { color: #2F6ED5; font-weight: 500;}
#ebric_pc_wrap #main-content-wrap .pop-up .content-area .content .result-area .result-text img { position: relative; top: 3px; width: 15px; height: auto;}
#ebric_pc_wrap #main-content-wrap .pop-up .content-area .content .result-area .result-text.question { cursor: pointer; padding-bottom: 5px;}
#ebric_pc_wrap #main-content-wrap .pop-up .content-area .content .result-area .result-text.question:hover .tooltip { visibility: visible;}
#ebric_pc_wrap #main-content-wrap .pop-up .content-area .content .result-area .result-text .tooltip { visibility: hidden; font-size: 1.1rem; width: 270px;  background: #fff; border: 1px solid #2F6ED5; border-radius: 6px; padding: 5px 7px; position: absolute; left: 175px; top: -25px; z-index: 1; line-height: 1.5;}
#ebric_pc_wrap #main-content-wrap .pop-up .content-area .content p b {font-weight: 500}
#ebric_pc_wrap #main-content-wrap .pop-up .content-area .content p.date i.fas {margin-right: 5px}
#ebric_pc_wrap #main-content-wrap .pop-up > .btn-wrap { padding-top: 20px; text-align: center;}
#ebric_pc_wrap #main-content-wrap .pop-up > .btn-wrap .wh-btn { height: 38px; line-height: 38px;}
#ebric_pc_wrap #main-content-wrap .pop-up > .btn-wrap .wh-btn.full { width: 100%;}
#ebric_pc_wrap #main-content-wrap .pop-up > .btn-wrap .bl-btn { height: 38px; line-height: 38px;}


.content.scroll {overflow: hidden; }
.content.scroll .product-list-table { max-height: 365px; overflow-y: auto; display: block; width: 100%; border-collapse: collapse;}

.product-list-table { border: 1px solid #ddd; border-top: 2px solid #363e4e; background: #fff; padding: 0; margin-top: 8px; }
.product-list-table table { width: 100%; font-size: 1.2rem; }
.product-list-table table tbody tr { border-bottom: 1px solid #e5e5e5; }
.product-list-table table tbody tr th { text-align: center; padding: 13px 0; font-weight: 500; background: #f6f7fb; border-right: 1px solid #eee; }
.product-list-table table tbody tr th:last-child { border-right: none;}
.product-list-table table tbody tr th.name { width: 60%; }
.product-list-table table tbody tr th.price { width: 10%; }
.product-list-table table tbody tr th.count { width: 10%; }
.product-list-table table tbody tr th.order-price { width: 10%; }
.product-list-table table tbody tr th.delivery-charge { width: 10%; }
.product-list-table table tbody tr td { padding: 10px; border-right: 1px solid #eee; text-align: center; position: relative; }
.product-list-table table tbody tr td:last-child { border-right: none; }


.product-list-table table tbody tr td .counting-box { display: block; position: relative; width: 180px; height: 100%; border: 1px solid #ddd; border-radius: 2px;}
.product-list-table table tbody tr td .counting-box input[type=text] { width: 100%; height: 30px; border-style: none; padding: 0 25px 0 10px; font-weight: 300;}
.product-list-table table tbody tr td .counting-box .btn-wrap { position: absolute; z-index: 2; top: 0; right: 0; width: 21px; height: 100%; border-left: 1px solid #eee;}
.product-list-table table tbody tr td .counting-box .btn-wrap a { display: block; height: 50%; line-height: 13px; font-size: 1rem; color: #999; transition: background .25s ease; background: #fff;}
.product-list-table table tbody tr td .counting-box .btn-wrap a.up-btn { border-bottom: 1px solid #eee;}
.product-list-table table tbody tr td .counting-box .btn-wrap a:hover { background: #F0F0F0;}

.alert-pop { position: fixed; background: rgba(0, 0, 0, 0.6); z-index: 10; width: 100%; height: 100%; top: 0; left: 0; }
.alert-pop .pop-up { width: 380px;}
#ebric_pc_wrap #main-content-wrap .pop-up .title-area .pop-title.alert { font-size: 1.5rem;}
.alert-pop .pop-up .alert-text-area { text-align: center; color: #404048;}
.alert-pop .pop-up .alert-text-area .alert-title { font-size: 1.7rem; font-weight: 500; padding-bottom: 10px;}
.alert-pop .pop-up .alert-text-area .alert-text { font-size: 1.3rem; font-weight: 400;}

.content .text-area { padding-bottom: 5px;}
.content .text-area .sub-tit { font-size: 1.2rem; color: #404048;}
.content .text-area .sub-tit .point { color: #2F6ED5;}
.content .text-area textarea { width: 100%; height: 100px; padding: 5px 10px;}