/* LAYERPOPUP :: Default */ input[type=text]:read-only, input[type=tel]:read-only, input[type=phone]:read-only, input[type=number]:read-only, input[type=search]:read-only, input[type=password]:read-only, textarea:read-only {background-color:#f7f7f7 !important;} .shopbylayerCont {display:none;background-color:#fff;border-radius:0.75rem;} .shopbylayerCont {position:relative;width:640px;-webkit-transition: .25s; transition: .25s;padding:1.5rem; } .shopbylayerCont.small{width:480px;} .shopbylayerCont.medium {max-width:40rem;width:100%;} /* .shopbylayerCont.max {max-width:62.5rem;width:100%;} .shopbylayerCont.middle {max-width:53.75rem;width:100%;} .shopbylayerCont.small {max-width:40.0rem;width:100%;} */ #shopby-layerPopup-default { position:fixed;top:0;left:0;right:0;bottom:0;opacity:0; -o-transition: opacity .2s .1s ease-in-out; -ms-transition: opacity .2s .1s ease-in-out; -moz-transition: opacity .2s .1s ease-in-out; -webkit-transition: opacity .2s .1s ease-in-out; transition: transform .1s .2s ease-in-out, opacity .2s .1s ease-in-out; } #shopby-layerPopup-default.active { opacity:1; -o-transition: opacity .0s .0s ease-in-out; -ms-transition: opacity .0s .0s ease-in-out; -moz-transition: opacity .0s .0s ease-in-out; -webkit-transition: opacity .0s .0s ease-in-out; transition: opacity .0s .0s ease-in-out; } #shopby-layerPopup-default.deactive {z-index:-1;} #shopby-layerPopup-default > .layerPopupWrap {display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:rgba(0,0,0,0.5);/*-webkit-backdrop-filter: blur(1.5px);backdrop-filter: blur(1.5px);*/position:relative;} #shopby-layerPopup-default > .layerPopupWrap.none-cover{background-color: rgba(0,0,0,0);} #shopby-layerPopup-default > .layerPopupWrap.backdrop {-webkit-backdrop-filter: blur(7px);backdrop-filter: blur(7px);} #shopby-layerPopup-default > .layerPopupWrap > .shopbylayerCont {position:relative;display:block;box-shadow:0px 0px 50px rgba(0,0,0,0.25); padding:0 !important;} #shopby-layerPopup-default > .layerPopupWrap > .shopbylayerCont .wrap > h1{padding:1.25rem 1.5rem;position:relative;font-weight:700;color:#030712;font-size:1.125rem;} #shopby-layerPopup-default > .layerPopupWrap > .shopbylayerCont .wrap > h1::after{content: "";display: block; width:100%; height: 1px; background: #D1D5DB; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);} #shopby-layerPopup-default > .layerPopupWrap > .shopbylayerCont .layerPopupClose {position:absolute;top:1.25rem;right:1.5rem;width:1.5rem;height:1.5rem;background:url('../images/common/layerPopupCloseBtn.png') no-repeat center center/contain;cursor:pointer;z-index:1;} #shopby-layerPopup-default > .layerPopupWrap .shopbylayerCont .conts{padding:1.5rem;} #shopby-layerPopup-default > .layerPopupWrap .shopbylayerCont .btn-wrap{padding:1.5rem !important;} #shopby-layerPopup-default > .layerPopupWrap > .shopbylayerCont .btn-wrap{margin-top:0 !important;} #shopby-layerPopup-default > .layerPopupWrap > .shopbylayerCont .btn-wrap > a{line-height:3rem;border:1px solid #D1D5DB;color:#030712;display:flex;align-items:center;border-radius:0.25rem;justify-content:center;} #shopby-layerPopup-default > .layerPopupWrap > .shopbylayerCont .btn-wrap > a.b-ty{border:1px solid #1F2937;background-color: #1F2937;color:#fff;} #shopby-layerPopup-default > .layerPopupWrap.side{justify-content: flex-end;} #shopby-layerPopup-default > .layerPopupWrap.side > .shopbylayerCont h1{padding:1.25rem 1.5rem !important;font-size:1.125rem;font-weight:600;color:#030712} #shopby-layerPopup-default > .layerPopupWrap.side .shopbylayerCont{max-height:100% !important;min-height: 100% !important;height: 100% !important;border-radius: 0 !important;width: 640px !important;padding:0 !important;} #shopby-layerPopup-default > .layerPopupWrap.side .shopbylayerCont .conts{padding:1.5rem !important; overflow-y: auto;} #shopby-layerPopup-default > .layerPopupWrap.side .shopbylayerCont .btn-wrap{display: flex;justify-content: space-between;margin:0;padding:0.75rem 1.5rem !important;width: 100%;position:absolute;bottom:0;border-top:1px solid #D1D5DB;background-color: #fff;} #shopby-layerPopup-default > .layerPopupWrap.side .shopbylayerCont .btn-wrap > a{border-radius: 0.25rem !important;height:3rem;width: 8rem;font-size:1rem !important;font-weight: 600 !important;display:flex;align-items:center;justify-content: center;border:1px solid #D1D5DB;color:#030712;} #shopby-layerPopup-default > .layerPopupWrap.side .shopbylayerCont .btn-wrap > a.b-ty{border:1px solid #1F2937;background-color: #1F2937;color:#fff;} /*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* 레이어팝업 테이블 공통 스타일 */ .shopbylayerCont .wrap .conts .con-table {} .shopbylayerCont .wrap .conts .con-table table thead tr th, .shopbylayerCont .wrap .conts .con-table table tbody tr td {position:relative;display:table-cell;padding:1.0rem 0.625rem;border-bottom:1px solid #e2e2e2;} /* 02. 리스트 > 장바구니 담기 :: 팝업관련 2023-02-28 추가*/ #shopby-layerPopup-default > .layerPopupWrap > .shopbylayerCont.cart-popup{width: 480px;} #shopby-layerPopup-default > .layerPopupWrap > .shopbylayerCont.cart-popup .conts .visual > *{font-size: 0.875rem;} #shopby-layerPopup-default > .layerPopupWrap > .shopbylayerCont.cart-popup .conts .visual h4{margin-bottom: 0.25rem;} #shopby-layerPopup-default > .layerPopupWrap > .shopbylayerCont.cart-popup .btn-wrap{display:flex;justify-content:flex-end; padding-top: 0 !important;} #shopby-layerPopup-default > .layerPopupWrap > .shopbylayerCont.cart-popup .btn-wrap > a{line-height: 2rem; padding: 0 0.5625rem; font-size: 0.875rem; font-weight: 600;} #shopby-layerPopup-default > .layerPopupWrap > .shopbylayerCont.cart-popup .btn-wrap > a + a{margin-left: 0.375rem;} /* 02. 리스트 > 찜리스트 담기 :: 팝업관련 팝업 2023-02-28 추가*/ .shopbylayerCont.decision-popup {max-width: 37.5rem; padding:3.125rem;} .shopbylayerCont.decision-popup .layerPopupClose{top:1.25rem !important} .shopbylayerCont.decision-popup .wrap h1 {color:#000;font-size:1.125rem;font-weight:700;/*border-bottom:1px solid #000;*/padding-bottom:1.125rem; position: relative;} .shopbylayerCont.decision-popup .wrap .conts .visual{} .shopbylayerCont.decision-popup .wrap .conts .visual p{font-size:0.875rem;color:#000;font-weight:400;} .shopbylayerCont.decision-popup .wrap .btn-wrap {display:flex;justify-content:flex-end;padding-top:0 !important;} .shopbylayerCont.decision-popup .wrap .btn-wrap a {min-width:5rem;;color:#030712;font-size:0.875rem;font-weight:600;line-height:1.875rem !important;text-align:center;border:1px solid #D1D5DB;border-radius:3px; padding: 0 0.5625rem;} .shopbylayerCont.decision-popup .wrap .btn-wrap a.apply {color:#fff !important;background-color:#1F2937; border-color: #1F2937;} .shopbylayerCont.decision-popup .wrap .btn-wrap a + a {margin-left:0.375rem;} /* 02. 장바구니 > 메인 (주문/배송 조회) / 주문/배송조회 :: 팝업관련 :: 옵션/수량변경 팝업 2023-02-23 추가*/ .shopbylayerCont.default-option-change {max-height:85%;min-height:35.0rem;} .shopbylayerCont.default-option-change .wrap h1 {color:#000;font-size:1.375rem;font-weight:600;border-bottom:1px solid #000;padding-bottom:1.0rem;} .shopbylayerCont.default-option-change .wrap h1 > span.desc {display:block;color:#000;font-size:1.0rem;font-weight:400;margin-top:0.5rem;} .shopbylayerCont.default-option-change .wrap .conts {overflow-y:auto;padding-top:1.25rem;max-height:37.75rem;min-height:24.25rem;display:flex;flex-direction:column;justify-content:space-between} .shopbylayerCont.default-option-change .wrap .conts .goods{display:flex;align-items:center;} .shopbylayerCont.default-option-change .wrap .conts .goods figure.thumb{width: 5.625rem;height: 5.625rem;border-radius: 0.625rem;overflow: hidden;margin-right:1.25rem} .shopbylayerCont.default-option-change .wrap .conts .goods > p{font-size:0.875rem;font-weight:600;color:#000} .shopbylayerCont.default-option-change .wrap .conts .count-wrap{} .shopbylayerCont.default-option-change .wrap .conts .count-wrap .items{display:flex;align-items:center;width:100%;height:3.75rem;border-radius:0.625rem;background-color:#f7f7f7;padding:1rem 4.375rem 1rem 1.25rem;justify-content:space-between;position:relative;} .shopbylayerCont.default-option-change .wrap .conts .count-wrap > div + div{margin-top:0.625rem} .shopbylayerCont.default-option-change .wrap .conts .count-wrap .items > p.tit{font-size:1rem;color:#000;font-weight:600;} .shopbylayerCont.default-option-change .wrap .conts .count-wrap .items .rate{display:flex;align-items:center;} .shopbylayerCont.default-option-change .wrap .conts .count-wrap .items .rate .price{font-size:1.25rem;color:#000;font-weight:600;margin-left:8.125rem} .shopbylayerCont.default-option-change .wrap .conts .count-wrap .items .rate .price span{font-size:0.875rem;color:#000;font-weight:400;} .shopbylayerCont.default-option-change .wrap .conts .count-wrap .items > a.counter_close{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);background:url("../images/common/counter_close.png")no-repeat center center;width:0.9375rem;height:0.9375rem;} .shopbylayerCont.default-option-change .wrap .btn-wrap {display:flex;justify-content:center;margin-top:3.125rem;} .shopbylayerCont.default-option-change .wrap .btn-wrap a {min-width:20.0rem;height:3.0rem;;color:#000;font-size:1.125rem;font-weight:600;line-height:2.875rem;text-align:center;border:1px solid #000;border-radius:3.0rem;} .shopbylayerCont.default-option-change .wrap .btn-wrap a.apply {color:#fff;background-color:#000;} .shopbylayerCont.default-option-change .wrap .btn-wrap a + a {margin-left:0.5rem;} .shopbylayerCont.option-change .wrap .conts .option-type + .option-type {margin-top:0.25rem;} .shopbylayerCont.option-change .wrap .conts .option-type > input[type=text]{width:100%;border-radius:0.625rem;} .shopbylayerCont.option-change .wrap .conts .option-type > input + input{margin-top:0.25rem;} /* 02. 장바구니 > 메인 (주문/배송 조회) / 주문/배송조회 :: 팝업관련 :: 옵션/수량변경 팝업 2023-02-28 추가*/ .shopbylayerCont.add-option-change {max-height:85%;min-height:35.0rem;} .shopbylayerCont.add-option-change .wrap h1 {color:#000;font-size:1.375rem;font-weight:600;border-bottom:1px solid #000;padding-bottom:1.0rem;} .shopbylayerCont.add-option-change .wrap h1 > span.desc {display:block;color:#000;font-size:1.0rem;font-weight:400;margin-top:0.5rem;} .shopbylayerCont.add-option-change .wrap .conts {overflow-y:auto;padding-top:1.25rem;max-height:37.75rem;min-height:24.25rem} .shopbylayerCont.add-option-change .wrap .conts .goods{display:flex;align-items:center;} .shopbylayerCont.add-option-change .wrap .conts .goods figure.thumb{width: 5.625rem;height: 5.625rem;border-radius: 0.625rem;overflow: hidden;margin-right:1.25rem} .shopbylayerCont.add-option-change .wrap .conts .goods > p{font-size:0.875rem;font-weight:600;color:#000} .shopbylayerCont.add-option-change .wrap .conts .option-wrap{margin:1.25rem 0} .shopbylayerCont.add-option-change .wrap .conts .option{display:flex;align-items:center;} .shopbylayerCont.add-option-change .wrap .conts .option + .option{margin-top:0.625rem} .shopbylayerCont.add-option-change .wrap .conts .option > p{font-size:1rem;color:#000;width:3.625rem;} .shopbylayerCont.add-option-change .wrap .conts .option-wrap .option div.select-box-default-st.option-select-box span.selectText{min-width:33.75rem} .shopbylayerCont.add-option-change .wrap .conts .count-wrap{} .shopbylayerCont.add-option-change .wrap .conts .count-wrap .items{display:flex;align-items:center;width:100%;height:3.75rem;border-radius:0.625rem;background-color:#f7f7f7;padding:1rem 4.375rem 1rem 1.25rem;justify-content:space-between;position:relative;} .shopbylayerCont.add-option-change .wrap .conts .count-wrap > div + div{margin-top:0.625rem} .shopbylayerCont.add-option-change .wrap .conts .count-wrap .items > p.tit{font-size:1rem;color:#000;font-weight:600;} .shopbylayerCont.add-option-change .wrap .conts .count-wrap .items .rate{display:flex;align-items:center;} .shopbylayerCont.add-option-change .wrap .conts .count-wrap .items .rate .price{font-size:1.25rem;color:#000;font-weight:600;margin-left:8.125rem} .shopbylayerCont.add-option-change .wrap .conts .count-wrap .items .rate .price span{font-size:0.875rem;color:#000;font-weight:400;} .shopbylayerCont.add-option-change .wrap .conts .count-wrap .items > a.counter_close{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);background:url("../images/common/counter_close.png")no-repeat center center;width:0.9375rem;height:0.9375rem;} .shopbylayerCont.add-option-change .wrap .btn-wrap {display:flex;justify-content:center;margin-top:3.125rem;} .shopbylayerCont.add-option-change .wrap .btn-wrap a {min-width:20.0rem;height:3.0rem;;color:#000;font-size:1.125rem;font-weight:600;line-height:2.875rem;text-align:center;border:1px solid #000;border-radius:3.0rem;} .shopbylayerCont.add-option-change .wrap .btn-wrap a.apply {color:#fff;background-color:#000;} .shopbylayerCont.add-option-change .wrap .btn-wrap a + a {margin-left:0.5rem;} .daewonlayerCont.photo-review-list .wrap .conts ul li.active a:before /* 03. 제품상세보기 :: 포토 리뷰 [리스트] */ #shopby-layerPopup-default > .layerPopupWrap > .shopbylayerCont.photo-review-list .layerPopupClose {} .shopbylayerCont.photo-review-list {} .shopbylayerCont.photo-review-list .wrap h1 {} .shopbylayerCont.photo-review-list .wrap h1 > span {font-size:0.875rem;font-weight:400;} .shopbylayerCont.photo-review-list .wrap h1 > span em {font-style:normal;font-weight:600;} .shopbylayerCont.photo-review-list .wrap .conts {max-height:640px;overflow-y:auto;} .shopbylayerCont.photo-review-list .wrap .conts ul {display:flex;flex-wrap:wrap;margin-left:-0.75rem;margin-top:-0.75rem;} .shopbylayerCont.photo-review-list .wrap .conts ul li {position:relative;width:calc((100% / 4) - 0.75rem);margin-left:0.75rem;margin-top:0.75rem;border-radius:0.25rem;overflow:hidden;} .shopbylayerCont.photo-review-list .wrap .conts ul li a:before{display:none} .shopbylayerCont.photo-review-list .wrap .conts ul li.active a:before {content:'';border:2px solid #64B2FF;width:100%;height:100%;display:block;border-radius:0.25rem;position:absolute;left:0;top:0;bottom:0;right:0;} .shopbylayerCont.photo-review-list .wrap .conts ul li a {display:flex;background-repeat:no-repeat;background-position:center center;background-size:cover;} .shopbylayerCont.photo-review-list .wrap .conts ul li a span {position:absolute;bottom:0.5rem;right:0.5rem;background-color:#1F2937;border-radius:2px;color:#fff;font-size:0.75rem;line-height:1.5rem;min-width:1.5rem;padding:0 0.5rem;} /* 03. 제품상세보기 :: 포토 리뷰 [내용보기] */ .shopbylayerCont.photo-review-detail {position: relative;} #shopby-layerPopup-default .l_slide_arrows{font-size:0.875rem;font-weight:600;display: flex;align-items: center;padding:0 0.5625rem;line-height: 2rem;} #shopby-layerPopup-default .l_slide_arrows:before{content:'';background: url("../images/common/pop_slide_arrow.svg")no-repeat top left / 1.75rem 1.75rem;width:0.875rem;height: 0.875rem;margin-right:0.375rem;} #shopby-layerPopup-default .r_slide_arrows{font-size:0.875rem;font-weight:600;display: flex;align-items: center;padding:0 0.5625rem;line-height:2rem;} #shopby-layerPopup-default .r_slide_arrows:after{content:'';background: url("../images/common/pop_slide_arrow.svg")no-repeat top right / 1.75rem 1.75rem;width:0.875rem;height: 0.875rem;margin-left:0.375rem;} #shopby-layerPopup-default .l_slide_arrows.disabled{color:#9CA3AF;pointer-events: none;} #shopby-layerPopup-default .r_slide_arrows.disabled{color:#9CA3AF;pointer-events: none;} #shopby-layerPopup-default .l_slide_arrows.disabled:before{background: url("../images/common/pop_slide_arrow.svg")no-repeat bottom left / 1.75rem 1.75rem;} #shopby-layerPopup-default .r_slide_arrows.disabled:after{background: url("../images/common/pop_slide_arrow.svg")no-repeat bottom right / 1.75rem 1.75rem;} .shopbylayerCont.photo-review-detail .wrap h1 {display: flex;align-items: center;justify-content: space-between;padding:0.75rem 1.5rem !important;} .shopbylayerCont.photo-review-detail .wrap h1 .star{color:#030712;font-size:0.875rem;font-weight:700;display: flex;} .shopbylayerCont.photo-review-detail .wrap h1 .star:before{content:'';background: url('../images/common/star-infor.svg')no-repeat center top -5rem / 6rem 6rem;width:6rem;height:1rem;display: inline-block;margin-right:0.25rem;} .shopbylayerCont.photo-review-detail .wrap h1 .star.star5:before{background-position: center top;} .shopbylayerCont.photo-review-detail .wrap h1 .star.star4:before{background-position: center top -1rem;} .shopbylayerCont.photo-review-detail .wrap h1 .star.star3:before{background-position: center top -2rem;} .shopbylayerCont.photo-review-detail .wrap h1 .star.star2:before{background-position: center top -3rem;} .shopbylayerCont.photo-review-detail .wrap h1 .star.star1:before{background-position: center top -4rem;} .shopbylayerCont.photo-review-detail .wrap h1 .l-conts{} .shopbylayerCont.photo-review-detail .wrap h1 .l-conts .sub{margin-top:0.25rem;display: flex;align-items: center;} .shopbylayerCont.photo-review-detail .wrap h1 .l-conts .sub > span{position:relative;font-size:0.75rem;color:#6B7280;} .shopbylayerCont.photo-review-detail .wrap h1 > div.review-detail-util{display: flex;align-items: center;padding-right:3rem;} .shopbylayerCont.photo-review-detail .wrap h1 > div.review-detail-util > div{display: flex;align-items: center;} .shopbylayerCont.photo-review-detail .wrap h1 span {color:#666;font-size:1.25rem;font-weight:400;} .shopbylayerCont.photo-review-detail .wrap h1 span em {font-style:normal;font-weight:600;} .shopbylayerCont.photo-review-detail .wrap h1 a.photo-all-view {display:inline-flex;align-items:center;height:2rem;color:#030712;font-size:0.875rem;font-weight:600;line-height:2rem;padding:0 0.5625rem;margin-left:0.25rem;} .shopbylayerCont.photo-review-detail .wrap h1 a.photo-all-view:before{content:"";width:0.875rem;height:0.875rem;background:url('../images/common/photo-review-allview.svg') no-repeat center center/cover;margin-right:0.375rem;} #shopby-layerPopup-default > .layerPopupWrap > .shopbylayerCont.photo-review-detail .layerPopupClose {} .shopbylayerCont.photo-review-detail .wrap .conts {} .shopbylayerCont.photo-review-detail .wrap .conts .t-conts > div{display: flex; flex-direction: column;} .shopbylayerCont.photo-review-detail .wrap .conts .t-conts .review-slide{position: relative;overflow: hidden;border-radius: 0.25rem;background-color: #F3F4F6;} .shopbylayerCont.photo-review-detail .wrap .conts .t-conts .slide-wrap{display: flex;transition: transform 0.3s ease-in-out;} .shopbylayerCont.photo-review-detail .wrap .conts .t-conts .slide-wrap .slide{width: 37rem;height: 37rem;overflow: hidden;border-radius: 0.25rem;position: relative;flex-shrink: 0;display:flex;align-items:center;justify-content:center;} .shopbylayerCont.photo-review-detail .wrap .conts .t-conts .slide-wrap .slide:before{content:'';display: block;padding-top:100%;} .shopbylayerCont.photo-review-detail .wrap .conts .t-conts .slide-wrap .slide img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);object-fit: cover;} .shopbylayerCont.photo-review-detail .wrap .conts .t-conts > div > p{padding-top:0.75rem;font-size:0.875rem;word-break: break-all;} .shopbylayerCont.photo-review-detail .wrap .conts .t-conts .slide-arrow {position: absolute; top: 50%; width: 100%;display: flex; justify-content: space-between;transform: translateY(-50%);z-index: 2;} .shopbylayerCont.photo-review-detail .wrap .conts .t-conts .slide-arrow .prev, .shopbylayerCont.photo-review-detail .wrap .conts .t-conts .slide-arrow .next {background-color: rgba(0, 0, 0, 0.5);z-index:2;display: flex;align-items:center;justify-content:center;width: 2rem;height: 2rem;border-radius: 0.25rem;border: 1px solid #D1D5DB;background-color: #fff;} .shopbylayerCont.photo-review-detail .wrap .conts .t-conts .slide-arrow .prev:before{content:'';background:#fff url('../images/common/detail_slide_arrow.svg') no-repeat center left /3rem 1.5rem;width:1.5rem;height:1.5rem;} .shopbylayerCont.photo-review-detail .wrap .conts .t-conts .slide-arrow .next:before{content:'';background:#fff url('../images/common/detail_slide_arrow.svg') no-repeat center right/3rem 1.5rem;width:1.5rem;height:1.5rem;} .shopbylayerCont.photo-review-detail .wrap .conts .t-conts .cnt {z-index: 2;position: absolute;bottom: 0.5rem;right: 0.5rem;background:#1F2937;border-radius: 3px; color: #fff;padding: 6px 9px;border-radius: 5px;font-size: 0.875rem;font-weight:600;letter-spacing: -0.05em;} .shopbylayerCont.photo-review-detail .wrap .conts .b-conts{margin-top:0.75rem;display:flex;align-items: center;justify-content: space-between;} .shopbylayerCont.photo-review-detail .wrap .conts .b-conts p{color:#6B7280;font-size:0.75rem;} .shopbylayerCont.photo-review-detail .wrap .conts .b-conts a.like{display: flex;align-items: center;justify-content: center;color:#030712;font-weight:600;font-size:0.875rem;border-radius: 3px;border:1px solid #D1D5DB;padding:0 0.5625rem;min-width: 2.9375rem;height:2rem;} .shopbylayerCont.photo-review-detail .wrap .conts .b-conts a.like:before{content:'';background: url("../images/common/detail-like-icon.svg")no-repeat center top / 0.875rem 1.75rem;display: inline-block;width: 0.875rem;height: 0.875rem;margin-right:0.375rem;} .shopbylayerCont.photo-review-detail .wrap .conts .b-conts a.like.active{background-color: #E0F0FF;color:#64B2FF;border:1px solid #E0F0FF;} .shopbylayerCont.photo-review-detail .wrap .conts .b-conts a.like.active:before{content:'';background: url("../images/common/detail-like-icon.svg")no-repeat center bottom / 0.875rem 1.75rem;} .shopbylayerCont.photo-review-detail .wrap .conts .summary {width:calc(100% - 34.375rem);padding-left:2.5rem;} .shopbylayerCont.photo-review-detail .wrap .conts .summary .star-n-util {padding:1.25rem 0 0.9375rem;border-top:1px solid #000;} .shopbylayerCont.photo-review-detail .wrap .conts .summary .star {display:flex;align-items:center;color:#000;font-weight:600;} .shopbylayerCont.photo-review-detail .wrap .conts .summary .star:before {content:"";width:5.375rem;height:1.25rem;background:url('../images/common/star.png') no-repeat center top/5.375rem 7.5rem;margin-right:0.5rem;} .shopbylayerCont.photo-review-detail .wrap .conts .summary .star.s5:before {background-position:center top} .shopbylayerCont.photo-review-detail .wrap .conts .summary .star.s4:before {background-position:center top -1.25rem;} .shopbylayerCont.photo-review-detail .wrap .conts .summary .star.s3:before {background-position:center top -2.5rem;} .shopbylayerCont.photo-review-detail .wrap .conts .summary .star.s2:before {background-position:center top -3.75rem} .shopbylayerCont.photo-review-detail .wrap .conts .summary .star.s1:before {background-position:center top -5.0rem;} .shopbylayerCont.photo-review-detail .wrap .conts .summary .star.s0:before {background-position:center top -6.25rem;} .shopbylayerCont.photo-review-detail .wrap .conts .summary .util {color:#7B8089;font-size:0.875rem;margin-top:0.625rem;} .shopbylayerCont.photo-review-detail .wrap .conts .summary .util span{position:relative;padding:0 0.875rem;padding-left:0;} .shopbylayerCont.photo-review-detail .wrap .conts .summary .util span + span{padding-left:0.875rem} .shopbylayerCont.photo-review-detail .wrap .conts .summary .util span + span:before{content:'';width:1px;height:0.625rem;background-color:#d9d9d9;position:absolute;left:0;top:50%;transform:translateY(-50%)} .shopbylayerCont.photo-review-detail .wrap .conts .desc-prd-name{border-top:1px solid #d9d9d9;font-size:1rem;color:#000;padding:0.9375rem 0;} .shopbylayerCont.photo-review-detail .wrap .conts .desc {max-height:33.375rem;height:100%;padding-top:0.9375rem;overflow-y:auto;overflow-x:hidden;border-top:1px solid #D9D9D9;} .shopbylayerCont.photo-review-detail .wrap .conts .desc p.name {color:#666;font-size:0.875rem;} .shopbylayerCont.photo-review-detail .wrap .conts .desc div.con {color:#000;word-break:break-all;} .shopbylayerCont.photo-review-detail .wrap .conts .desc div.con > p {margin-top:0.25rem;} .shopbylayerCont.photo-review-detail .wrap .conts .admin-text{background-color: #F3F4F6;padding:20px;margin-top:20px;width: 100%;border-radius: 4px;} .shopbylayerCont.photo-review-detail .wrap .conts .admin-text .title{margin-bottom:10px;display: flex;align-items: center;} .shopbylayerCont.photo-review-detail .wrap .conts .admin-text .title p{font-size:12px;} .shopbylayerCont.photo-review-detail .wrap .conts .admin-text .title p:nth-child(1){font-weight: 700;} .shopbylayerCont.photo-review-detail .wrap .conts .admin-text .title p + p{margin-left:4px;padding-left:4px;position: relative;} .shopbylayerCont.photo-review-detail .wrap .conts .admin-text .title p + p::before{content:'';background-color:#6B7280;width: 1px;height:0.625rem;position:absolute;left:0;top:50%;transform: translateY(-50%);} .shopbylayerCont.photo-review-detail .wrap .conts .admin-text .text-a{} .shopbylayerCont.photo-review-detail .wrap .conts .admin-text .text-a p{font-size:14px;} /* 03. 제품상세보기 :: 재입고 알림 신청 2023-03-07*/ .shopbylayerCont.signal-request{} .shopbylayerCont.signal-request .wrap h1 {} .shopbylayerCont.signal-request .wrap .conts{} .shopbylayerCont.signal-request .wrap .conts .prd-visual{display:flex;align-items:center;padding-bottom:0.75rem} .shopbylayerCont.signal-request .wrap .conts .prd-visual > div{display:flex;align-items:center;} .shopbylayerCont.signal-request .wrap .conts .prd-visual > div > figure{background-color: #F3F4F6; display: flex; align-items: center; justify-content: center; width:2.5rem;height:2.5rem;border-radius:0.25rem;overflow:hidden;min-width: 2.5rem;} .shopbylayerCont.signal-request .wrap .conts .prd-visual > div > figure img{} .shopbylayerCont.signal-request .wrap .conts .prd-visual > div > div{max-width:calc(100% - 2.5rem);padding-left:0.75rem;} .shopbylayerCont.signal-request .wrap .conts .prd-visual > div > div p{color:#030712;font-size:1rem;} .shopbylayerCont.signal-request .wrap .conts .prd-visual > div > div span{color:#6B7280;font-size:0.75rem;} .shopbylayerCont.signal-request .wrap .conts .prd-visual > div > div a.company{font-size:0.75rem;font-weight:600;color:#9CA3AF;display:inline-flex;align-items:center;line-height: 1;} .shopbylayerCont.signal-request .wrap .conts .prd-visual > div > div a.company:after{content:'';background:url("../images/common/prd-list-arrow.svg")no-repeat center;width:1rem;height:1rem;display:inline-block;margin-top:-1px;} .shopbylayerCont.signal-request .wrap .conts .prd-visual > div > div a.company:before{content:'';background:url("../images/common/prd-list-logo2.svg")no-repeat center;width:1rem;height:1.0625rem;display:inline-block;margin-right:0.25rem;margin-top:-1px;} .shopbylayerCont.signal-request .wrap .conts .prd-visual > div > div a.company.sim:before{content:'';background:url("../images/common/prd-list-logo.svg")no-repeat center;width:1rem;height:1rem;display:inline-block;margin-right:0.25rem;} .shopbylayerCont.signal-request .wrap .conts .prd-visual > div > div a.sub{display: flex;flex-direction: column;} .shopbylayerCont.signal-request .wrap .conts h4{font-size:1rem;color:#000;padding-left:0.9375rem;width:calc(100% - 6.25rem);} .shopbylayerCont.signal-request .wrap .conts .info{padding:0.75rem 0;border-top:1px solid #D1D5DB} .shopbylayerCont.signal-request .wrap .conts .info > div{display:flex;align-items:flex-start;flex-direction: column;} .shopbylayerCont.signal-request .wrap .conts .info > div + div{margin-top:0.625rem;} .shopbylayerCont.signal-request .wrap .conts .info > div > p{font-size:1rem;color:#030712;margin-bottom:0.25rem;} .shopbylayerCont.signal-request .wrap .conts .info > div > p:after{content:'*';color:#E94948;margin-left:0.1875rem;} .shopbylayerCont.signal-request .wrap .conts .info > div input{width: 100%;} .shopbylayerCont.signal-request .wrap .conts .agree-wrap{} .shopbylayerCont.signal-request .wrap .conts .agree-wrap div.chk {align-items:center;display:flex;justify-content:space-between;} .shopbylayerCont.signal-request .wrap .conts .agree-wrap div.chk .agree {font-weight:700;} .shopbylayerCont.signal-request .wrap .conts .agree-wrap div.chk input[type=checkbox] + label:before{margin-right:0.1875rem;} .shopbylayerCont.signal-request .wrap .conts .agree-wrap div.chk span.nece {color:#333;font-weight:600;margin:0 0.25rem;margin-bottom:0.125rem;} .shopbylayerCont.signal-request .wrap .conts .agree-wrap div.chk > span {margin-left:0.3125rem;color:#333;font-weight:400;} .shopbylayerCont.signal-request .wrap .conts .agree-wrap div.chk a.view {font-size:0.875rem;font-weight:600;color:#030712;text-decoration: underline;} .shopbylayerCont.signal-request .wrap .conts .agree-wrap div.cont-box {width:100%;border:1px solid #E4E5E7;overflow:hidden;border-radius:0.625rem;margin-top:1.25rem;font-size:0.875rem;color:#000;font-weight:300;line-height:1.25rem;} .shopbylayerCont.signal-request .wrap .conts .agree-wrap div.cont-box .agree-scroll {height:7.5rem;overflow-y:auto;padding:0.9375rem;background-color:#F7F7F7;font-size:0.875rem;} .shopbylayerCont.signal-request .wrap .conts .agree-wrap div.caption{padding:0.75rem;background-color: #F3F4F6;border:1px solid #D1D5DB;border-radius: 0.25rem;margin-top:0.75rem;} .shopbylayerCont.signal-request .wrap .conts .agree-wrap div.caption > p{position: relative;padding-left:1rem;font-size:0.875rem;} .shopbylayerCont.signal-request .wrap .conts .agree-wrap div.caption > p::before{content:'';background-color: #030712;width: 3px;height: 3px;border-radius: 50%;position: absolute;left:0.5rem;top:6px;} .shopbylayerCont.signal-request .wrap .btn-wrap{display:flex;justify-content:center;} .shopbylayerCont.signal-request .wrap .btn-wrap > a{width: 100%;} .shopbylayerCont.signal-request .wrap .btn-wrap > a + a{margin-left:0.75rem;} /* 03. 제품상세보기 :: 사은품 안내 2023-03-07*/ .shopbylayerCont.freebies-info{} .shopbylayerCont.freebies-info .wrap h1 {} .shopbylayerCont.freebies-info .wrap .conts{overflow-y:auto;max-height:500px;} .shopbylayerCont.freebies-info .wrap .conts .freebiesBox{padding:1.5rem;border-radius: 0.25rem;border:1px solid #D1D5DB;} .shopbylayerCont.freebies-info .wrap .conts .freebiesBox + .freebiesBox{margin-top:0.75rem;} .shopbylayerCont.freebies-info .wrap .conts .freebiesBox > h3{font-size:1rem;font-weight:700;} .shopbylayerCont.freebies-info .wrap .conts .freebiesBox .list{} .shopbylayerCont.freebies-info .wrap .conts .freebiesBox .list > div{display:flex;align-items:center;margin-top:1.5rem;} .shopbylayerCont.freebies-info .wrap .conts .freebiesBox .list > div > figure{background-color: #F3F4F6; display: flex; align-items: center; justify-content: center; width:2.5rem;height:2.5rem;border-radius:0.25rem;overflow:hidden;min-width: 2.5rem;} .shopbylayerCont.freebies-info .wrap .conts .freebiesBox .list > div > figure img{} .shopbylayerCont.freebies-info .wrap .conts .freebiesBox .list > div > div{max-width:calc(100% - 2.5rem);padding-left:0.75rem;} .shopbylayerCont.freebies-info .wrap .conts .freebiesBox .list > div > div p{color:#030712;font-size:1rem;} .shopbylayerCont.freebies-info .wrap .conts .freebiesBox .list > div > div span{color:#6B7280;font-size:0.75rem;} .shopbylayerCont.freebies-info .wrap .conts .freebiesBox .list > div > div a.company{font-size:0.75rem;font-weight:600;color:#9CA3AF;display:inline-flex;align-items:center;line-height: 1;} .shopbylayerCont.freebies-info .wrap .conts .freebiesBox .list > div > div a.company:after{content:'';background:url("../images/common/prd-list-arrow.svg")no-repeat center;width:1rem;height:1rem;display:inline-block;margin-top:-1px;} .shopbylayerCont.freebies-info .wrap .conts .freebiesBox .list > div > div a.company:before{content:'';background:url("../images/common/prd-list-logo2.svg")no-repeat center;width:1rem;height:1.0625rem;display:inline-block;margin-right:0.25rem;margin-top:-1px;} .shopbylayerCont.freebies-info .wrap .conts .freebiesBox .list > div > div a.company.sim:before{content:'';background:url("../images/common/prd-list-logo.svg")no-repeat center;width:1rem;height:1rem;display:inline-block;margin-right:0.25rem;} .shopbylayerCont.freebies-info .wrap .conts .freebiesBox .list > div > div a.sub{display: flex;flex-direction: column;} .shopbylayerCont.freebies-info .wrap .conts .freebiesBox .infor{margin-top:1.5rem;display:flex;flex-wrap:wrap;font-size:0.875rem;gap:12px 0;} .shopbylayerCont.freebies-info .wrap .conts .freebiesBox .infor dt{width: 8rem;} .shopbylayerCont.freebies-info .wrap .conts .freebiesBox .infor dd{padding-left:0.75rem;width: calc(100% - 8rem);} /* 03. 제품상세보기 :: Q&A 2023-03-07*/ .shopbylayerCont.inquiryPopup {} .shopbylayerCont.inquiryPopup .wrap h1 {} .shopbylayerCont.inquiryPopup .wrap .conts{overflow-y:auto;} .shopbylayerCont.inquiryPopup .wrap .conts .goods-wrap{display:flex;padding-bottom: 1.25rem;border-bottom: 1px solid #D1D5DB;;} .shopbylayerCont.inquiryPopup .wrap .conts .goods-wrap > div{display:flex;align-items:center;} .shopbylayerCont.inquiryPopup .wrap .conts .goods-wrap > div > figure{background-color: #F3F4F6; display: flex; align-items: center; justify-content: center; width:2.5rem;height:2.5rem;border-radius:0.25rem;overflow:hidden;min-width: 2.5rem;} .shopbylayerCont.inquiryPopup .wrap .conts .goods-wrap > div > figure img{} .shopbylayerCont.inquiryPopup .wrap .conts .goods-wrap > div > div{max-width:calc(100% - 2.5rem);padding-left:0.75rem;} .shopbylayerCont.inquiryPopup .wrap .conts .goods-wrap > div > div p{color:#030712;font-size:1rem;} .shopbylayerCont.inquiryPopup .wrap .conts .goods-wrap > div > div span{color:#6B7280;font-size:0.75rem;} .shopbylayerCont.inquiryPopup .wrap .conts .goods-wrap > div > div a.company{font-size:0.75rem;font-weight:600;color:#9CA3AF;display:inline-flex;align-items:center;line-height: 1;} .shopbylayerCont.inquiryPopup .wrap .conts .goods-wrap > div > div a.company:after{content:'';background:url("../images/common/prd-list-arrow.svg")no-repeat center;width:1rem;height:1rem;display:inline-block;margin-top:-1px;} .shopbylayerCont.inquiryPopup .wrap .conts .goods-wrap > div > div a.company:before{content:'';background:url("../images/common/prd-list-logo2.svg")no-repeat center;width:1rem;height:1.0625rem;display:inline-block;margin-right:0.25rem;margin-top:-1px;} .shopbylayerCont.inquiryPopup .wrap .conts .goods-wrap > div > div a.company.sim:before{content:'';background:url("../images/common/prd-list-logo.svg")no-repeat center;width:1rem;height:1rem;display:inline-block;margin-right:0.25rem;} .shopbylayerCont.inquiryPopup .wrap .conts .goods-wrap > div{font-size:1rem;color:#000;display: flex; align-items: center;} .shopbylayerCont.inquiryPopup .wrap .conts .form-wrap{} .shopbylayerCont.inquiryPopup .wrap .conts .form-wrap dl{display:flex;align-items:flex-start;flex-direction: column;margin-top:0.75rem;} .shopbylayerCont.inquiryPopup .wrap .conts .form-wrap dl + dl{} .shopbylayerCont.inquiryPopup .wrap .conts .form-wrap dl > dt{font-size:1rem;color:#030712;margin-bottom:0.25rem;} .shopbylayerCont.inquiryPopup .wrap .conts .form-wrap dl > dt::after{content: "*"; display: inline-block; margin-left: 0.25; color: #E94948;} .shopbylayerCont.inquiryPopup .wrap .conts .form-wrap dl > dd{width:100%;} .shopbylayerCont.inquiryPopup .wrap .conts .form-wrap dl > dd div.secret{display:flex;align-items:center;} .shopbylayerCont.inquiryPopup .wrap .conts .form-wrap dl > dd div.secret .chkbox{padding-left:0.625rem} .shopbylayerCont.inquiryPopup .wrap .conts .form-wrap dl > dd input{width:100%;border-radius:0.25rem;} .shopbylayerCont.inquiryPopup .wrap .conts .form-wrap dl > dd textarea{min-width:100%;max-width:100%;border-radius:0.25rem;border:1px solid #D1D5DB;min-height:8rem;max-height:8rem;overflow-y:auto;padding:0.75rem 1rem;outline:none;resize:none;font-size:1rem;} .shopbylayerCont.inquiryPopup .wrap .conts .form-wrap dl > dd .file-box{display:flex;align-items:center;justify-content:space-between} .shopbylayerCont.inquiryPopup .wrap .conts .form-wrap dl > dd .file-box + .file-box{margin-top:0.625rem;} .shopbylayerCont.inquiryPopup .wrap .conts .form-wrap dl > dd .file-box input:disabled{background-color:#fff !important} .shopbylayerCont.inquiryPopup .wrap .conts .form-wrap dl > dd .file-box label{cursor:pointer;color:#333;padding:1rem 1.875rem;font-size:0.875rem;background-color:#f1f1f1;border:1px solid #ddd;border-radius:0.62rem;} .shopbylayerCont.inquiryPopup .wrap .conts .form-wrap dl > dd .file-box .upload-name {display: inline-block;vertical-align: middle;color: #999999;max-width:33.125rem;} .shopbylayerCont.inquiryPopup .wrap .conts .form-wrap dl > dd .file-box input[type=file] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;} .shopbylayerCont.inquiryPopup .wrap .conts .form-wrap dl > dd .file-box a.file-add{width:3.125rem;height:3.125rem;border:1px solid #ddd;border-radius:0.625rem;background-color:#fff;position:relative;} .shopbylayerCont.inquiryPopup .wrap .conts .form-wrap dl > dd .file-box a.file-add:before{content:'';width:1.125rem;height:2px;background-color:#888;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)} .shopbylayerCont.inquiryPopup .wrap .conts .form-wrap dl > dd .file-box a.file-add:after{content:'';width:2px;height:1.125rem;background-color:#888;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)} .shopbylayerCont.inquiryPopup .wrap .conts .form-wrap dl > dd .file-box a.file-del{width:3.125rem;height:3.125rem;border:1px solid #ddd;border-radius:0.625rem;background-color:#fff;position:relative;} .shopbylayerCont.inquiryPopup .wrap .conts .form-wrap dl > dd .file-box a.file-del:before{content:'';width:1.125rem;height:2px;background-color:#888;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)} .shopbylayerCont.inquiryPopup .wrap .conts .form-wrap dl > dd div.select-box-default-st.option span.selectText{font-size:1rem;} .shopbylayerCont.inquiryPopup .wrap .conts .form-wrap dl > dd .prevent{display:flex;align-items:flex-end;} .shopbylayerCont.inquiryPopup .wrap .conts .form-wrap dl > dd .prevent .num{display:flex;justify-content:center;align-items:center;overflow:hidden;width:16rem;height:4.75rem;border-radius:0.25rem;background-color: #F3F4F6;position:relative;} .shopbylayerCont.inquiryPopup .wrap .conts .form-wrap dl > dd .prevent .num a.btn-captcha{display: flex;align-items: center;justify-content: center;width: 1.25rem;height: 1.25rem;position:absolute;right:0.75rem;bottom:0.75rem;overflow: hidden;font-size:0;text-indent: -250%;} .shopbylayerCont.inquiryPopup .wrap .conts .form-wrap dl > dd .prevent .num a.btn-captcha::before{content:'';background: url("../images/common/ref-btn.png");width: 1.25rem;height: 1.25rem;display: inline-block;} .shopbylayerCont.inquiryPopup .wrap .conts .form-wrap dl > dd .prevent .refresh{padding-left:1.5rem;width:calc(100% - 16rem)} .shopbylayerCont.inquiryPopup .wrap .conts .form-wrap dl > dd .prevent .refresh > p{font-size:1rem;color:#030712;} .shopbylayerCont.inquiryPopup .wrap .conts .form-wrap dl > dd .prevent .refresh > div{display:flex;align-items:center; justify-content: center; margin-top:0.25rem;} .shopbylayerCont.inquiryPopup .wrap .conts .form-wrap dl > dd .prevent .refresh > div a{margin-right:0.625rem;color:#333;padding:0.9375rem 1.5625rem;font-size:0.875rem;background-color:#F5F9FB;border:1px solid #E4E5E7;border-radius:0.62rem; min-width: 7.5rem; display: flex; align-items: center;} .shopbylayerCont.inquiryPopup .wrap .conts .form-wrap dl > dd .prevent .refresh > div a::after{content: "";display: inline-block;width: 1rem; height: 1rem; background: url('../images/common/refresh-icon.png')no-repeat center center; margin-left:0.375rem;} .shopbylayerCont.inquiryPopup .wrap .btn-wrap{display:flex;justify-content:center;margin-top:1.875rem;} .shopbylayerCont.inquiryPopup .wrap .btn-wrap > a{width: 100%;} .shopbylayerCont.inquiryPopup .wrap .btn-wrap > a + a{margin-left:0.75rem;} /* 03. 제품상세보기 :: 쿠폰받기*/ .shopbylayerCont.get-coupon .btn-wrap {display:flex;justify-content:center;} .shopbylayerCont.get-coupon .btn-wrap a{width:100%;} .shopbylayerCont.get-coupon .btn-wrap a + a{margin-left:0.75rem;} .shopbylayerCont.get-coupon table{border-top:1px solid #6B7280;} .shopbylayerCont.get-coupon table thead{} .shopbylayerCont.get-coupon table thead tr th {padding:0.875rem;border-bottom:1px solid #6B7280;color:#000;font-size:0.875rem;font-weight: 600;} .shopbylayerCont.get-coupon table thead tr th:last-child {border-right:none;} .shopbylayerCont.get-coupon table tbody tr td {padding:0.875rem 0.75rem;border-bottom:1px solid #D1D5DB;} .shopbylayerCont.get-coupon table tbody tr td:last-child {border-right:none;} .shopbylayerCont.get-coupon table tbody tr td.none{text-align:center;padding:3.75rem 0;color:#000;font-size:1.125rem} .shopbylayerCont.get-coupon table tbody tr td.name > div{display: flex;align-items: center;} .shopbylayerCont.get-coupon table tbody tr td.name .coupon-visual{background: url("../images/mypage/mycoupon-icon.svg")no-repeat center center; width: 6rem;height: 2.25rem;overflow: hidden;display:flex;} .shopbylayerCont.get-coupon table tbody tr td.name .coupon-visual .cont{padding:0.3125rem 2.1875rem 0.3125rem 0.75rem;height:100%;display: flex;align-items: center;width: 100%;} .shopbylayerCont.get-coupon table tbody tr td.name .coupon-visual .cont p{margin-top:0;font-size:0.875rem;text-align:left;font-weight:800;} .shopbylayerCont.get-coupon table tbody tr td.name > div > p{margin-left:0.75rem;font-size:0.875rem;font-weight:600;} .shopbylayerCont.get-coupon table tbody tr td.discount-price{font-size:0.875rem;} .shopbylayerCont.get-coupon table tbody tr td.state a{font-size:0.875rem;display: flex;align-items: center;justify-content: center;border:1px solid #D1D5DB;border-radius: 0.1875rem;line-height: 2rem;padding:0 0.5625rem;width: 5.4375rem;color:#030712;font-size:0.875rem;font-weight:600;} .shopbylayerCont.get-coupon table tbody tr td.state a:before{content:'';background: url("../images/common/coupon-down-icon.svg")no-repeat;width: 0.875rem;height: 0.875rem;display: inline-block;margin-right:0.375rem;} .shopbylayerCont.get-coupon table tbody tr td.state a.complete{background-color: #F3F4F6;opacity: 0.55;pointer-events: none;} /* 03. 제품상세보기 :: 배송정책*/ .shopbylayerCont.delivery-info-popup .wrap .conts p{font-size:0.875rem;padding-left:1rem;position:relative;} .shopbylayerCont.delivery-info-popup .wrap .conts p + p{margin-top:0.25rem;} .shopbylayerCont.delivery-info-popup .wrap .conts p:before{content:'';background-color: #030712;width:3px;height:3px;border-radius: 50%;position: absolute;left:0;top:6px;} /* 04. 장바구니 > 메인 (주문/배송 조회) / 주문/배송조회 :: 팝업관련 */ .shopbylayerCont.coupon-apply {max-height:85%;min-height:35.0rem;} .shopbylayerCont.coupon-apply .wrap h1 {color:#000;font-size:1.375rem;font-weight:600;border-bottom:1px solid #000;padding-bottom:1.0rem;} .shopbylayerCont.coupon-apply .wrap h1 > span.desc {display:block;color:#000;font-size:1.0rem;font-weight:400;margin-top:0.5rem;} .shopbylayerCont.coupon-apply .wrap .conts {overflow-y:auto;} .shopbylayerCont.coupon-apply .wrap .conts .con-table table tbody tr td.cp-name {color:#000;font-size:1.125rem;} .shopbylayerCont.coupon-apply .wrap .conts .con-table table tbody tr td.cp-name p.desc {color:#888;font-size:0.875rem;margin-top:0.3125rem;} .shopbylayerCont.coupon-apply .wrap .conts .con-table table tbody tr td.cp-condition p {color:#888;font-size:1.0rem;} .shopbylayerCont.coupon-apply .wrap .conts .con-table table tbody tr td.cp-condition p + p {margin-top:0.3125rem;} .shopbylayerCont.coupon-apply .wrap .conts .con-table table tbody tr td.cp-condition p.dash {position:relative;color:#888;padding-left:0.625rem;} .shopbylayerCont.coupon-apply .wrap .conts .con-table table tbody tr td.cp-condition p.dash:before {content:"-";position:absolute;top:0;left:0;} .shopbylayerCont.coupon-apply .wrap .conts .con-table table tbody tr td.cp-time {color:#000;text-align:center;} .shopbylayerCont.coupon-apply .wrap .conts dl.porice-point-infor {width:13.75rem;margin:1.0rem 0 0 auto;display:flex;flex-wrap:wrap;align-items:flex-start;} .shopbylayerCont.coupon-apply .wrap .conts dl.porice-point-infor dt {width:40%;text-align:right;color:#000;margin-top:0.3125rem;} .shopbylayerCont.coupon-apply .wrap .conts dl.porice-point-infor dd {width:60%;text-align:right;color:#ed1b23;font-size:1.25rem;font-weight:700;margin-top:0.3125rem;} .shopbylayerCont.coupon-apply .wrap .conts dl.porice-point-infor dd > span {color:#000;font-size:0.875rem;font-weight:400;} .shopbylayerCont.coupon-apply .wrap .conts .btn-wrap {display:flex;justify-content:center;margin-top:2.5rem;} .shopbylayerCont.coupon-apply .wrap .conts .btn-wrap a {min-width:20.0rem;height:3.0rem;;color:#000;font-size:1.125rem;font-weight:600;line-height:2.875rem;text-align:center;border:1px solid #000;border-radius:3.0rem;} .shopbylayerCont.coupon-apply .wrap .conts .btn-wrap a.apply {color:#fff;border-color:#ed1b23;background-color:#ed1b23;} .shopbylayerCont.coupon-apply .wrap .conts .btn-wrap a + a {margin-left:0.5rem;} /* 04. 장바구니 > 메인 (주문/배송 조회) / 주문/배송조회 :: 팝업관련 :: 옵션/수량변경 팝업 2023-02-23 추가*/ .shopbylayerCont.option-change {} .shopbylayerCont.option-change .wrap > h1 {} .shopbylayerCont.option-change .wrap h1 > span.desc {} .shopbylayerCont.option-change .wrap .conts {overflow-y:auto;} .shopbylayerCont.option-change .wrap .conts .goods{display:flex;align-items:center;margin-bottom:1.5rem;} .shopbylayerCont.option-change .wrap .conts .goods > div{display:flex;align-items:center;} .shopbylayerCont.option-change .wrap .conts .goods > div > figure{background-color: #F3F4F6; display: flex; align-items: center; justify-content: center; width:2.5rem;height:2.5rem;border-radius:0.25rem;overflow:hidden;min-width: 2.5rem;} .shopbylayerCont.option-change .wrap .conts .goods > div > figure img{} .shopbylayerCont.option-change .wrap .conts .goods > div > div{max-width:calc(100% - 2.5rem);padding-left:0.75rem;} .shopbylayerCont.option-change .wrap .conts .goods > div > div p{color:#030712;font-size:1rem;} .shopbylayerCont.option-change .wrap .conts .goods > div > div span{color:#6B7280;font-size:0.75rem;} .shopbylayerCont.option-change .wrap .conts .goods > div > div a.company{font-size:0.75rem;font-weight:600;color:#9CA3AF;display:inline-flex;align-items:center;line-height: 1;} .shopbylayerCont.option-change .wrap .conts .goods > div > div a.company:after{content:'';background:url("../images/common/prd-list-arrow.svg")no-repeat center;width:1rem;height:1rem;display:inline-block;margin-top:-1px;} .shopbylayerCont.option-change .wrap .conts .goods > div > div a.company:before{content:'';background:url("../images/common/prd-list-logo2.svg")no-repeat center;width:1rem;height:1.0625rem;display:inline-block;margin-right:0.25rem;margin-top:-1px;} .shopbylayerCont.option-change .wrap .conts .goods > div > div a.company.sim:before{content:'';background:url("../images/common/prd-list-logo.svg")no-repeat center;width:1rem;height:1rem;display:inline-block;margin-right:0.25rem;} .shopbylayerCont.option-change .wrap .conts .goods > div > div a.sub{display: flex;flex-direction: column;} /* .shopbylayerCont.option-change .wrap .conts .goods figure.thumb{width: 6.25rem;height: 6.25rem;border-radius:0.625rem;margin-right:1.25rem;background-color: #f7f7f7; display: flex;align-items: center; justify-content:center;overflow:hidden;} .shopbylayerCont.option-change .wrap .conts .goods > p{font-size:1rem;font-weight:600;color:#000} .shopbylayerCont.option-change .wrap .conts .option-wrap{margin:1.25rem 0} .shopbylayerCont.option-change .wrap .conts .option{display:flex;align-items:center;} .shopbylayerCont.option-change .wrap .conts .option + .option{margin-top:0.625rem} .shopbylayerCont.option-change .wrap .conts .option > p{font-size:1rem;color:#000;width:3.625rem;} .shopbylayerCont.option-change .wrap .conts .option-wrap .option div.select-box-default-st.option-select-box span.selectText{min-width:33.75rem} .shopbylayerCont.option-change .wrap .conts .count-wrap{} */ /* .shopbylayerCont.option-change .wrap .conts .count-wrap .items{display:flex;align-items:center;width:100%;height:3.75rem;border-radius:0.625rem;background-color:#f7f7f7;padding:1rem 4.375rem 1rem 1.25rem;justify-content:space-between;position:relative;} .shopbylayerCont.option-change .wrap .conts .count-wrap > div + div{margin-top:0.625rem} .shopbylayerCont.option-change .wrap .conts .count-wrap .items > p.tit{font-size:1rem;color:#000;font-weight:600;} .shopbylayerCont.option-change .wrap .conts .count-wrap .items .rate{display:flex;align-items:center;} .shopbylayerCont.option-change .wrap .conts .count-wrap .items .rate .price{font-size:1.25rem;color:#000;font-weight:600;margin-left:8.125rem} .shopbylayerCont.option-change .wrap .conts .count-wrap .items .rate .price span{font-size:0.875rem;color:#000;font-weight:400;} .shopbylayerCont.option-change .wrap .conts .count-wrap .items > a.counter_close{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);background:url("../images/common/counter_close.png")no-repeat center center;width:0.9375rem;height:0.9375rem;} */ .shopbylayerCont.option-change .wrap .conts .hidden{display:none;} .shopbylayerCont.option-change .wrap .btn-wrap {display:flex;justify-content:center;} .shopbylayerCont.option-change .wrap .btn-wrap a {width: 100%;} .shopbylayerCont.option-change .wrap .btn-wrap a + a {margin-left:0.75rem;} /* .shopbylayerCont.option-change .wrap .item{background-color: #F7F7F7;} .shopbylayerCont.option-change .wrap .item .quantity-wrap .count-box input[type=number]{border-radius: 0;} .shopbylayerCont.option-change .wrap .option-table-storage .item .subj h1{font-size: 1rem;} .shopbylayerCont.option-change .wrap .option-table-storage .item .buy-price-wrap > span.price{font-size: 1.375rem;} .shopbylayerCont.option-change .wrap .option-table-storage .item .buy-price-wrap > span.won{font-size: 1.25rem;} */ .shopbylayerCont.option-change .wrap .goods-slideList{padding:1.5rem 0;border-top:1px solid #D1D5DB} .shopbylayerCont.option-change .wrap .goods-slideList .slide-cont + .slide-cont{margin-top:1.5rem;} .shopbylayerCont.option-change .wrap .goods-slideList .prd-val{display:flex;align-items:center;width:100%;} .shopbylayerCont.option-change .wrap .goods-slideList .prd-val .title{line-height:1;color:#6B7280;font-size:0.875rem;font-weight:400;} .shopbylayerCont.option-change .wrap .goods-slideList .prd-val .val-list{margin-left:0.25rem;line-height:1;} .shopbylayerCont.option-change .wrap .goods-slideList .prd-val .val{color:#030712;font-weight:600;font-size:0.875rem;} .shopbylayerCont.option-change .wrap .goods-slideList .slide-Box{position:relative;margin-top:0.75rem;width:100%;} .shopbylayerCont.option-change .wrap .goods-slideList .slide-Box:after{content:'';background: linear-gradient(to left, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);width: 3rem;height: 100%;position:absolute;right:0;top:50%;transform: translateY(-50%);} .shopbylayerCont.option-change .wrap .goods-slideList .slide-Box:after{} .shopbylayerCont.option-change .wrap .goods-slideList .prd-list{display:flex;overflow-x:auto;/*width:456px;*/margin-left:-0.25rem;position:relative;padding-right:1.5rem;} .shopbylayerCont.option-change .wrap .goods-slideList .prd-list:after{} .shopbylayerCont.option-change .wrap .goods-slideList .prd-list::-webkit-scrollbar{display:none;} .shopbylayerCont.option-change .wrap .goods-slideList .prd-list .slick-slide{} .shopbylayerCont.option-change .wrap .goods-slideList .prd-list .slide-item{overflow:hidden;border:1px solid #D1D5DB;border-radius:0.25rem;cursor:pointer;margin-left:0.25rem;min-width:calc((100% / 5) - 0.25rem);padding:0.75rem; text-align: center;} .shopbylayerCont.option-change .wrap .goods-slideList .prd-list .slide-item.s9{min-width:calc((100% / 9) - 0.25rem);width:calc((100% / 9) - 0.25rem);padding:0.5rem;} .shopbylayerCont.option-change .wrap .goods-slideList .prd-list .slide-item.s6{min-width:calc((100% / 7) - 0.25rem);height:4.75rem;width:calc((100% / 7) - 0.25rem);padding:0.5rem;} .shopbylayerCont.option-change .wrap .goods-slideList .prd-list .slide-item.active{border:2px solid #64B2FF;} .shopbylayerCont.option-change .wrap .goods-slideList .prd-list .slide-item.soldout{background-color:#f9f9f9;border:1px solid #f9f9f9;cursor:default;} .shopbylayerCont.option-change .wrap .goods-slideList .prd-list .slide-item .wrap{position:relative;display:flex;flex-direction:column;justify-content:center;height:100%;} .shopbylayerCont.option-change .wrap .goods-slideList .prd-list .slide-item .wrap img{position:absolute;width:100%;height:100%;left:0;top:0;bottom:0;right:0;object-fit:cover;} .shopbylayerCont.option-change .wrap .goods-slideList .prd-list .slide-item .wrap img:before{content:'';padding-top:100%;display:block;} .shopbylayerCont.option-change .wrap .goods-slideList .prd-list .slide-item p{font-size:1rem;color:#030712;} .shopbylayerCont.option-change .wrap .goods-slideList .prd-list .slide-item strong{font-size:1rem;color:#030712;font-weight:700;margin-top:0.25rem;} .shopbylayerCont.option-change .wrap .goods-slideList .prd-list .slide-item.active p{font-size:1rem;color:#030712;} .shopbylayerCont.option-change .wrap .goods-slideList .prd-list .slide-item p.slide-price{font-weight:600;} .shopbylayerCont.option-change .wrap .goods-slideList .slick-arrow > a{position:relative;width:2rem;height:2rem;border:1px solid #D1D5DB;font-size:0;line-height:0;text-indent:-250%;border-radius:0.25rem;z-index: 2;overflow: hidden;} .shopbylayerCont.option-change .wrap .goods-slideList .slick-arrow a.slick-prev {position:absolute;left:-1.5rem;top:50%;background:#fff;display:flex;align-items:center;justify-content:center;transform: translateY(-50%);} .shopbylayerCont.option-change .wrap .goods-slideList .slick-arrow a.slick-prev:before{content:'';transform:rotate(180deg);background:#fff url('../images/common/slide-arrow.svg') no-repeat center center;width:2rem;height:2rem;} .shopbylayerCont.option-change .wrap .goods-slideList .slick-arrow a.slick-next {position:absolute;right:0;top:50%;background:#fff;display:flex;align-items:center;justify-content:center;transform: translateY(-50%);} .shopbylayerCont.option-change .wrap .goods-slideList .slick-arrow a.slick-next:before{content:'';background:#fff url('../images/common/slide-arrow.svg') no-repeat center center;width:2rem;height:2rem;} .shopbylayerCont.option-change .wrap .goods-slideList .slick-arrow > a.slick-disabled{visibility: hidden;opacity: 0;} .shopbylayerCont.option-change .wrap .option-table-storage{padding-bottom:0;} .shopbylayerCont.option-change .wrap .total-price{display: flex;align-items: center;justify-content: space-between;margin-top:3rem;} .shopbylayerCont.option-change .wrap .total-price > p{font-size:1rem;} .shopbylayerCont.option-change .wrap .total-price > p.price{font-size:1.5rem;font-weight:700;} /* 04. 장바구니 > 메인 (주문/배송 조회) / 주문/배송조회 :: 팝업관련 :: 배송지관리 팝업 2023-02-23 추가*/ /* .shopbylayerCont.destination {max-height:40.0rem;min-height:40.0rem;height:100%;} */ .shopbylayerCont.destination .wrap h1 {} .shopbylayerCont.destination .wrap h1 > span.desc {} .shopbylayerCont.destination .wrap .conts {overflow-y:auto;} .shopbylayerCont.destination .wrap .conts #pagging-wrap{margin-top:3.125rem} .shopbylayerCont.destination .wrap .conts .title{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid #e2e2e2;} .shopbylayerCont.destination .wrap .conts .title > p{font-size:1rem;font-weight:600;color:#000;} .shopbylayerCont.destination .wrap .conts .title > a.add{font-size:0.875rem;font-weight:600;border:1px solid #3B6EFF;color:#3B6EFF;border-radius:0.3125rem;width:6.875rem;height:2.8125rem;text-align:center;display:flex;justify-content:center;align-items:center;line-height:0;} .shopbylayerCont.destination .wrap .conts .con-table table thead tr th{border-top: 1px solid #000; border-bottom: 1px solid #000;} .shopbylayerCont.destination .wrap .conts .con-table table thead tr th , .shopbylayerCont.destination .wrap .conts .con-table table tbody tr td{color:#000; font-size: 0.875rem;} .shopbylayerCont.destination .wrap .conts .con-table table thead tr th {padding:1.25rem 0.625rem; font-weight: 600;} .shopbylayerCont.destination .wrap .conts .con-table table tbody tr td {padding:1.75rem 0.625rem;} .shopbylayerCont.destination .wrap .conts .con-table table tbody tr td p.tag{background-color: #E0F0FF; padding: 0 8px; line-height: 1.25rem; border-radius: 2px;} .shopbylayerCont.destination .wrap .conts .con-table table tbody tr td a.sel{margin:0 auto;border:1px solid #d9d9d9;font-weight:600;border-radius:0.3125rem;font-size:0.875rem;width:3.125rem;height:2.8125rem;display:flex;justify-content:center;align-items:center;line-height:0;} .shopbylayerCont.destination .wrap .conts .con-table table tbody tr td p.dst{font-weight:600; margin-top: 0.75rem;} .shopbylayerCont.destination .wrap .conts .con-table table tbody tr td.tel-num > div{ display: flex; align-items: center; justify-content: center; flex-direction: column;} .shopbylayerCont.destination .wrap .conts .con-table table tbody tr td.tel-num > div span{display: inline-flex; align-items: center; justify-content: center; background: #F3F4F6; width: 4rem; height: 1.25rem; border-radius: 2px;} .shopbylayerCont.destination .wrap .conts .con-table table tbody tr td.tel-num > div + div{margin-top: 0.75rem;} .shopbylayerCont.destination .wrap .conts .con-table table tbody tr td .btn{display:flex;justify-content:center; align-items: center; flex-direction: column;} .shopbylayerCont.destination .wrap .conts .con-table table tbody tr td .btn a{border:1px solid #D1D5DB;background-color:#fff;font-weight:600;border-radius:0.1875rem;font-size:0.875rem;width: 100%;height:1.875rem;display:flex;justify-content:center;align-items:center;line-height:0;} .shopbylayerCont.destination .wrap .conts .con-table table tbody tr td .btn a::before{ content: '';background: no-repeat;width: 0.875rem;height: 0.875rem;display: inline-block;margin-right: 0.375rem;} .shopbylayerCont.destination .wrap .conts .con-table table tbody tr td .btn > div{display:flex;justify-content:center; align-items: center; margin-top: 0.25rem; width: 100%;} .shopbylayerCont.destination .wrap .conts .con-table table tbody tr td .btn a.sel::before{width: 14px; height: 14px; background: url("../images/common/small_checkbox.svg") no-repeat right center/28px auto; } .shopbylayerCont.destination .wrap .conts .con-table table tbody tr td .btn a.mod::before{background-image: url("../images/common/modify-btn-icon.svg");} .shopbylayerCont.destination .wrap .conts .con-table table tbody tr td .btn a.del{border-color: #FCA5A5; color:#EF4444;} .shopbylayerCont.destination .wrap .conts .con-table table tbody tr td .btn a.del::before{background-image: url("../images/common/del-btn-icon.svg");} .shopbylayerCont.destination .wrap .btn-wrap a.add:before{content:'';display: inline-block; width: 16px; height: 16px; background: url("../images/common/detail-icon-plusminus.svg") no-repeat left center/cover; margin-right:0.5rem;} /* 04. 장바구니 > 메인 (주문/배송 조회) / 주문/배송조회 :: 팝업관련 :: 배송지관리 팝업 2023-02-23 추가*/ .shopbylayerCont.destination-detail {} .shopbylayerCont.destination-detail .wrap h1 {} .shopbylayerCont.destination-detail .wrap .conts {} .shopbylayerCont.destination-detail .wrap .conts .title{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem;} .shopbylayerCont.destination-detail .wrap .conts .title > p{font-size:1rem;font-weight:600;color:#000;} .shopbylayerCont.destination-detail .wrap .conts .title > p.point{font-size:1rem;font-weight:600;color:#ED1B23;text-align:center;display:flex;justify-content:center;align-items:center;} .shopbylayerCont.destination-detail .wrap .conts .con-table{} .shopbylayerCont.destination-detail .wrap .conts .table > dl > dd > div{width: 100%;} .shopbylayerCont.destination-detail .wrap .conts .con-table input[type=text]{width:100%;} .shopbylayerCont.destination-detail .wrap .conts .con-table input[type=text].w100p{width:100%} .shopbylayerCont.destination-detail .wrap .conts .con-table.table > dl dd .address{width:100%} .shopbylayerCont.destination-detail .wrap .conts .con-table.table > dl dd .address .address_2 input[type=text]{margin-top:0.75rem} .shopbylayerCont.destination-detail .wrap .conts .con-table.table > dl dd .address .address_1 a.zip-code{color:#030712;display:flex;justify-content:center;align-items:center;font-size:1rem;font-weight:600;margin-left:0.75rem;min-width:7.5rem;line-height:3rem; border-radius: 0.25rem;border:1px solid #D1D5DB;} .shopbylayerCont.destination-detail .wrap .conts .con-table.table .chkbox{margin-top:1.5rem;} .shopbylayerCont.destination-detail .wrap .conts .con-table.table .chkbox label{font-size:0.875rem;} /* 04. 장바구니 > 메인 (주문/배송 조회) / 주문/배송조회 :: 팝업관련 :: 배송지관리 팝업 2023-02-23 추가*/ .shopbylayerCont.postal_code_search {} .shopbylayerCont.postal_code_search .layerPopupClose{} .shopbylayerCont.postal_code_search .wrap h1 {} #shopby-layerPopup-default > .layerPopupWrap.side .shopbylayerCont.postal_code_search .conts{padding: 0 !important;} .shopbylayerCont.postal_code_search .wrap .conts {max-height:calc(100vh - 3.875rem); } .shopbylayerCont.postal_code_search .wrap .conts .search-wrap{padding:1.5rem; } .shopbylayerCont.postal_code_search .wrap .conts .search-wrap input[type=text].i_search{width: 100%;} .shopbylayerCont.postal_code_search .wrap .conts .search-wrap input[type=text]::placeholder{font-size: 1rem;} .shopbylayerCont.postal_code_search .wrap .conts .search-wrap a.search-btn{display:flex;justify-content:center;align-items:center;line-height:3rem;min-width: 8rem;border-radius: 0.25rem;border:1px solid #D1D5DB;margin-left:0.75rem;font-weight: 600;} .shopbylayerCont.postal_code_search .wrap .conts .search-wrap a.search-btn:before{content:'';background: url("../images/common/post-search-icon.svg")no-repeat;width: 1rem;height: 1rem;margin-right:0.5rem;} .shopbylayerCont.postal_code_search .wrap .conts .search_ex_none{padding: 0 1.5rem;} .shopbylayerCont.postal_code_search .wrap .conts .tip-wrap{padding:0.75rem;background-color: #F3F4F6;border: 1px solid #D1D5DB;border-radius: 0.25rem;width: calc(100% - 3rem); margin: 0 auto;} .shopbylayerCont.postal_code_search .wrap .conts .tip-wrap > h4{font-size:1rem;color:#030712;font-weight:700;display:flex;align-items:center;} .shopbylayerCont.postal_code_search .wrap .conts .tip-wrap > h4:before{content:'';background: url("../images/common/caption-icon.svg")no-repeat;width: 1.25rem;height: 1.25rem;display: inline-block;margin-right:0.375rem;} .shopbylayerCont.postal_code_search .wrap .conts .tip-wrap > p{font-size:0.875rem;position:relative;padding-left:3rem;margin-top:0.25rem;} .shopbylayerCont.postal_code_search .wrap .conts .tip-wrap > p:before{content:"";background-color: #030712;width: 3px;height: 3px;border-radius: 50%;position:absolute;top:6px;left:2.25rem;} .shopbylayerCont.postal_code_search .wrap .conts .search_ex{padding:0.75rem;background-color: #F3F4F6;border: 1px solid #D1D5DB;border-radius: 0.25rem;width: calc(100% - 3rem); margin: 0 auto;} .shopbylayerCont.postal_code_search .wrap .conts .search_ex > h4{font-size:1rem;color:#030712;font-weight:700;display:flex;align-items:center;} .shopbylayerCont.postal_code_search .wrap .conts .search_ex > h4:before{content:'';background: url("../images/common/caption-icon.svg")no-repeat;width: 1.25rem;height: 1.25rem;display: inline-block;margin-right:0.375rem;} .shopbylayerCont.postal_code_search .wrap .conts .search_ex > p{font-size:0.875rem;position:relative;padding-left:3rem;margin-top:0.25rem;} .shopbylayerCont.postal_code_search .wrap .conts .search_ex > p:before{content:"";background-color: #030712;width: 3px;height: 3px;border-radius: 50%;position:absolute;top:6px;left:2.25rem;} .shopbylayerCont.postal_code_search .wrap .conts .ex{margin-top:1.375rem} .shopbylayerCont.postal_code_search .wrap .conts .ex p.tit{font-size:1rem;font-weight:600;color:#000} .shopbylayerCont.postal_code_search .wrap .conts .ex p{font-size:1rem !important;color:#888} .shopbylayerCont.postal_code_search .wrap .conts .address_table{margin-top:1.25rem;border-top:1px solid #D1D5DB;overflow-y:auto;} .shopbylayerCont.postal_code_search .wrap .conts .address_table dl{position:relative;border-bottom:2px solid #D1D5DB;width:100%;} .shopbylayerCont.postal_code_search .wrap .conts .address_table dl:after{content:'';width: 0.75rem; height: 0.75rem; background: url("../images/common/more-icon.svg")no-repeat center center/cover; position: absolute; right: 1.5rem; top: 50%; transform: translateY(-50%);} .shopbylayerCont.postal_code_search .wrap .conts .address_table dl:hover{background-color: #F3F4F6;} .shopbylayerCont.postal_code_search .wrap .conts .address_table dl:hover dt li{text-decoration: underline;} .shopbylayerCont.postal_code_search .wrap .conts .address_table dl > a{display:flex;width:100%;padding:1.5rem;flex-direction:column-reverse;} .shopbylayerCont.postal_code_search .wrap .conts .address_table dl dt{width:100%;font-size:1rem;color:#030712;padding:0 !important;} .shopbylayerCont.postal_code_search .wrap .conts .address_table dl dt li{margin-top:0.25rem;} .shopbylayerCont.postal_code_search .wrap .conts .address_table dl dd{width:100% !important;display:flex;justify-content:flex-start !important;align-items:center;font-size:1rem;font-weight:600;color:#030712;} /* .shopbylayerCont.postal_code_search .wrap .conts .tip-wrap{border:1px solid #888;padding:2.5rem 1.25rem;margin-top:1.25rem; width: calc(100% - 3rem); } .shopbylayerCont.postal_code_search .wrap .conts .tip-wrap .ex-wrap p {position:relative;padding-left:0.625rem;color:#000;font-weight:400;font-size:1rem} .shopbylayerCont.postal_code_search .wrap .conts .tip-wrap .ex-wrap p + p{margin-top:1.375rem} .shopbylayerCont.postal_code_search .wrap .conts .tip-wrap .ex-wrap p:before {content:"*";position:absolute;left:0;top:0px;color:#000;} */ .shopbylayerCont.postal_code_search #pagging-wrap{margin: 1.5rem 0; } /* 04. 장바구니 > 메인 (주문/배송 조회) / 주문/배송조회 :: 팝업관련 :: 배송지관리 팝업 2023-02-23 추가*/ .shopbylayerCont.coupon_inquiry .wrap .conts{display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between;} .shopbylayerCont.coupon_inquiry .wrap .conts .coupon-wrap {display: flex;align-items: flex-start;flex-direction: column;/*justify-content: space-between;*/overflow-y:auto; height: 100%;} .shopbylayerCont.coupon_inquiry .wrap .conts .coupon-wrap > div .tit{font-size: 1.125rem; font-weight: 700; margin-bottom: 1.5rem;} .shopbylayerCont.coupon_inquiry .wrap .conts table{border-top:1px solid #eee;border-bottom:1px solid #d9d9d9;} .shopbylayerCont.coupon_inquiry .wrap .conts table thead tr th{text-align:center;padding:1rem 0;font-size:0.875rem;font-weight: 600; color:#000; border-top: 1px solid #6B7280;border-bottom: 1px solid #6B7280;} .shopbylayerCont.coupon_inquiry .wrap .conts table tbody tr + tr{border-top:1px solid #D1D5DB;} .shopbylayerCont.coupon_inquiry .wrap .conts table tbody tr td{padding:1rem 0;} .shopbylayerCont.coupon_inquiry .wrap .conts table tbody tr td.goods{display: flex; flex-direction: column; align-items:flex-start;} .shopbylayerCont.coupon_inquiry .wrap .conts table tbody tr td.goods .prd_visual{display: flex;align-items:center;} .shopbylayerCont.coupon_inquiry .wrap .conts table tbody tr td.goods .prd_visual .thumb{max-width:2.5rem ; background: #F3F4F6; border-radius: 0.25rem; overflow: hidden;margin-right: 0.75rem;} .shopbylayerCont.coupon_inquiry .wrap .conts table tbody tr td.goods .prd_visual > div .brand-link{ font-size: 0.75rem;font-weight: 600;color: #9CA3AF;display: inline-flex;align-items: center;line-height: 1;} .shopbylayerCont.coupon_inquiry .wrap .conts table tbody tr td.goods .prd_visual > div .brand-link:after {content: '';background: url("../images/common/prd-list-arrow.svg")no-repeat center;width: 1rem;height: 1rem;display: inline-block;margin-top: -1px;} .shopbylayerCont.coupon_inquiry .wrap .conts table tbody tr td.goods .prd_visual > div .brand-link:before {content: '';background: url("../images/common/prd-list-logo2.svg")no-repeat center;width: 1rem;height: 1.0625rem;display: inline-block;margin-right: 0.25rem;margin-top: -1px;} .shopbylayerCont.coupon_inquiry .wrap .conts table tbody tr td.goods .prd_visual > div .brand-link.sim:before {content: '';background: url("../images/common/prd-list-logo.svg")no-repeat center;width: 1rem;height: 1rem;display: inline-block;margin-right: 0.25rem;} .shopbylayerCont.coupon_inquiry .wrap .conts table tbody tr td.goods .prd_visual > div span{font-size: 0.875rem; color: #6B7280;} .shopbylayerCont.coupon_inquiry .wrap .conts table tbody tr td.goods .coupon-selct{width: 100%; margin-top: 0.75rem;} .shopbylayerCont.coupon_inquiry .wrap .conts table tbody tr td.goods .coupon-selct div.select-box-default-st.option.on span.selectText{border-color: #64B2FF;border-radius: 0.25rem ;} .shopbylayerCont.coupon_inquiry .wrap .conts table tbody tr td.goods .coupon-selct div.select-box-default-st.option > .select-wrap {top: calc(100% - -5px); } .shopbylayerCont.coupon_inquiry .wrap .conts table tbody tr td.goods .coupon-selct div.select-box-default-st.option ul.select-box-option{border-radius: 0.25rem ; padding: 0.75rem; max-height:20rem; overflow-y: auto;} .shopbylayerCont.coupon_inquiry .wrap .conts table tbody tr td.goods .coupon-selct div.select-box-default-st ul.select-box-option li{padding: 0.75rem; display: flex; align-items: center;} .shopbylayerCont.coupon_inquiry .wrap .conts table tbody tr td.goods .coupon-selct div.select-box-default-st ul.select-box-option li:hover {background-color: #F3F4F6;} .shopbylayerCont.coupon_inquiry .wrap .conts table tbody tr td.goods .coupon-selct .coupon-visual {background: url("../images/mypage/mycoupon-icon.svg")no-repeat center center;width: 6rem;height: 2.25rem;overflow: hidden;display: flex;min-width:6rem;} .shopbylayerCont.coupon_inquiry .wrap .conts table tbody tr td.goods .coupon-selct .coupon-visual .cont {padding: 0.3125rem 2.1875rem 0.3125rem 0.75rem;height: 100%;display: flex;align-items: center;width: 100%; margin-right: 0.75rem;} .shopbylayerCont.coupon_inquiry .wrap .conts table tbody tr td.goods .coupon-selct .coupon-visual .cont p {margin-top: 0;font-size: 0.875rem;text-align: left;font-weight: 800; color: #030712;} .shopbylayerCont.coupon_inquiry .wrap .conts table tbody tr td.goods .coupon-selct .name{color: #030712; font-size: 0.875rem; font-weight: 600; margin-left: 0.75rem;} .shopbylayerCont.coupon_inquiry .wrap .conts table tbody tr td.goods .coupon-selct .name span{ font-size: 0.75rem; font-weight: 400;} .shopbylayerCont.coupon_inquiry .wrap .conts table tbody tr td .ori-price{font-size: 0.875rem; font-weight: 600;} .shopbylayerCont.coupon_inquiry .wrap .conts .order-coupon{margin-top: 1.5rem;} /* 쿠폰 적용한 총 가격 */ .shopbylayerCont.coupon_inquiry .wrap .conts .total{margin-top:1.5rem ; margin-bottom: 5.9375rem; width: 100%;} .shopbylayerCont.coupon_inquiry .wrap .conts .total div{} .shopbylayerCont.coupon_inquiry .wrap .conts .total div dl{display: flex; align-items: center; justify-content: space-between; font-size: 0.875rem;margin-top: 0.75rem;} .shopbylayerCont.coupon_inquiry .wrap .conts .total div dl dt{} .shopbylayerCont.coupon_inquiry .wrap .conts .total div dl dd{font-weight: 700;} .shopbylayerCont.coupon_inquiry .wrap .conts .total div dl.total-price{padding-top: 0.75rem; border-top: 1px solid #000;} .shopbylayerCont.coupon_inquiry .wrap .conts .total div dl.total-price > *{font-weight: 700; font-size: 1rem;} .shopbylayerCont.coupon_inquiry .wrap .conts .total div dl.total-dl{margin-top:0.75rem;padding-top:0.75rem;border-top:1px solid #6B7280;} .shopbylayerCont.coupon_inquiry .wrap .conts .total div dl.total-dl dt, .shopbylayerCont.coupon_inquiry .wrap .conts .total div dl.total-dl dd{font-size:1rem;font-weight:700;color:#030712;} /* 06. 고객센터 > 메인 (자주찾는 질문 TOP10) */ .shopbylayerCont.faqTop10 {max-height:85%;min-height:35.0rem;} .shopbylayerCont.faqTop10 .wrap h1 {color:#000; font-size:1.375rem;font-weight:600;border-bottom:1px solid #000;padding-bottom:1.0rem;} .shopbylayerCont.faqTop10 .wrap .conts {color:#000;font-size:1.125rem;line-height:1.4;padding-top:1.5rem;overflow-y:auto;} /* 고객센터 - 스스로 가이드 */ .shopbylayerCont.guide {overflow:hidden;} .shopbylayerCont.guide .wrap h1 {padding:0.625rem 1.5rem;font-size:0.875rem !important;font-weight:700;} .shopbylayerCont.guide .wrap h1 > p{display: block;font-size:1rem;font-weight:400;} .shopbylayerCont.guide .wrap .conts {} .shopbylayerCont.guide .wrap .conts .youtube-container { position: relative; width: 100%; padding-bottom: 56.25%; height: 0; overflow: hidden; } .shopbylayerCont.guide .wrap .conts .youtube-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } /* 08. 마이페이지 > 메인 (주문/배송 조회) / 주문/배송조회 :: 팝업관련 */ .shopbylayerCont.order-cancel {/*min-height:48rem;max-height:48rem;height:100%;*/} /* 08. 마이페이지 > 주문취소 신청서 :: 팝업관련 23-03-08*/ .shopbylayerCont.order-cancel .conts{} .shopbylayerCont.order-cancel .conts .table-wrap{} .shopbylayerCont.order-cancel .conts .table-wrap + .table-wrap{padding-top:1.5rem;margin-top:1.5rem;border-top:1px solid #D1D5DB;} .shopbylayerCont.order-cancel .conts .table-wrap > p.title{font-size:1rem;font-weight:600;color:#030712;padding-bottom:1.5rem;} .shopbylayerCont.order-cancel .conts .table-wrap table thead tr th{padding:0.75rem;text-align:center;font-size:1rem;color:#000;} .shopbylayerCont.order-cancel .conts .table-wrap table tbody tr td{text-align:center;} .shopbylayerCont.order-cancel .conts .table-wrap table tbody tr td.price{font-weight:600;} .shopbylayerCont.order-cancel .conts .table-wrap table tbody tr td.goods{text-align:left;} .shopbylayerCont.order-cancel .conts .table-wrap table tbody tr td.goods .goods-list{display:flex;align-items:center;} .shopbylayerCont.order-cancel .conts .table-wrap table tbody tr td.goods .goods-list > div{padding-left:0.75rem;display:flex;flex-direction: column;} .shopbylayerCont.order-cancel .conts .table-wrap table tbody tr td.goods .goods-list figure.thumb{width:2.5rem;height:2.5rem;border-radius:0.25rem;overflow:hidden; background-color: #f7f7f7;min-width:2.5rem; display: flex; align-items: center;justify-content:center;} .shopbylayerCont.order-cancel .conts .table-wrap table tbody tr td.goods .goods-list div{} .shopbylayerCont.order-cancel .conts .table-wrap table tbody tr td.goods .goods-list div a.company{font-size:0.75rem;font-weight:600;color:#9CA3AF;display:inline-flex;align-items:center;line-height: 1;} .shopbylayerCont.order-cancel .conts .table-wrap table tbody tr td.goods .goods-list div a.company:after{content:'';background:url("../images/common/prd-list-arrow.svg")no-repeat center;width:1rem;height:1rem;display:inline-block;margin-top:-1px;} .shopbylayerCont.order-cancel .conts .table-wrap table tbody tr td.goods .goods-list div a.company:before{content:'';background:url("../images/common/prd-list-logo2.svg")no-repeat center;width:1rem;height:1.0625rem;display:inline-block;margin-right:0.25rem;margin-top:-1px;} .shopbylayerCont.order-cancel .conts .table-wrap table tbody tr td.goods .goods-list div a.company.sim:before{content:'';background:url("../images/common/prd-list-logo.svg")no-repeat center;width:1rem;height:1rem;display:inline-block;margin-right:0.25rem;} .shopbylayerCont.order-cancel .conts .table-wrap table tbody tr td.goods .goods-list div p.tit{font-size:1rem;font-weight:400;color:#000;} .shopbylayerCont.order-cancel .conts .table-wrap table tbody tr td.goods .goods-list div p.name{font-size:1rem;} .shopbylayerCont.order-cancel .conts .table-wrap table tbody tr td.goods .goods-list div p.option-name{font-size:0.75rem;color:#6B7280;} .shopbylayerCont.order-cancel .conts .table-wrap input[type=checkbox] + label:before{margin:0;width:1.125rem;height:1.125rem;border-radius:0;background:#fff url('../images/common/small_checkbox.png') no-repeat left 0 center/2.25rem 1.125rem} .shopbylayerCont.order-cancel .conts .table-wrap input[type=checkbox]:checked + label:before{background-position:left -1.125rem center} .shopbylayerCont.order-cancel .conts div.select-box-default-st.option span.selectText{width: 100%;font-size:1rem;color:#030712;} .shopbylayerCont.order-cancel .conts .table-wrap textarea{width:100%;height:15rem;border:1px solid #D1D5DB;min-width:100%;overflow-y:auto;padding:0.75rem 1rem;outline:none;border-radius: 0.25rem;resize:none;font-size:1rem;} .shopbylayerCont.order-cancel .conts .table-wrap .table dl {} .shopbylayerCont.order-cancel .conts .table-wrap .table dt{margin-top:0;} .shopbylayerCont.order-cancel .conts .table-wrap .table dd{} .shopbylayerCont.order-cancel .conts .table-wrap .table dd > div{width:100%;font-size:0.875rem;display:flex;align-items:center;} .shopbylayerCont.order-cancel .conts .table-wrap .table dd > div .select-box-default-st.w90{width:8.625rem} .shopbylayerCont.order-cancel .conts .table-wrap .table dd > div .select-box-default-st.w90 > .select-wrap{top:auto;bottom:calc(100% - 1px);} .shopbylayerCont.order-cancel .conts .table-wrap .table dd > div .select-box-default-st.w90 ul.select-box-option{width:calc(100% - 3px)} .shopbylayerCont.order-cancel .conts .table-wrap .table dd > div input[type=text].w90{width:5.625rem} .shopbylayerCont.order-cancel .conts .table-wrap .table dd > div input[type=text].w340{width:18.25rem} .shopbylayerCont.order-cancel .conts .table-wrap .table dd > div input[type=text].w205{width:12.8125rem;} .shopbylayerCont.order-cancel .btn-wrap {display:flex;justify-content:center;margin-top:3.125em;} .shopbylayerCont.order-cancel .btn-wrap a {font-size:1rem;color:#030712;font-weight:600;text-align:center;border:1px solid #D1D5DB;} .shopbylayerCont.order-cancel .btn-wrap a.apply {color:#fff;border-color:#1F2937;background-color:#1F2937;} /* 08. 마이페이지 > 주문취소 신청서 상세보기 :: 팝업관련 23-03-09*/ .shopbylayerCont.order-cancel-detail {} .shopbylayerCont.order-cancel-detail .wrap h1 {} .shopbylayerCont.order-cancel-detail .wrap .conts {overflow-y:auto;} .shopbylayerCont.order-cancel-detail .conts .table-wrap table thead tr th{padding:0;text-align:center;font-size:1rem;color:#000;} .shopbylayerCont.order-cancel-detail .conts .table-wrap table thead tr{} .shopbylayerCont.order-cancel-detail .conts .table-wrap table tbody tr{} .shopbylayerCont.order-cancel-detail .conts .table-wrap table tbody tr td{font-size:1rem;color:#000;padding:0;text-align:center;} .shopbylayerCont.order-cancel-detail .conts .table-wrap table tbody tr td.price{font-weight:600;} .shopbylayerCont.order-cancel-detail .conts .table-wrap table tbody tr td.goods {text-align: left;} .shopbylayerCont.order-cancel-detail .conts .table-wrap table tbody tr td.goods > div{display:flex;align-items:center;} .shopbylayerCont.order-cancel-detail .conts .table-wrap table tbody tr td.goods > div > figure{background-color: #F3F4F6; display: flex; align-items: center; justify-content: center; width:2.5rem;height:2.5rem;border-radius:0.25rem;overflow:hidden;min-width: 2.5rem;} .shopbylayerCont.order-cancel-detail .conts .table-wrap table tbody tr td.goods > div > figure img{} .shopbylayerCont.order-cancel-detail .conts .table-wrap table tbody tr td.goods > div > div{max-width:calc(100% - 2.5rem);padding-left:0.75rem;} .shopbylayerCont.order-cancel-detail .conts .table-wrap table tbody tr td.goods > div > div p{color:#030712;font-size:1rem;} .shopbylayerCont.order-cancel-detail .conts .table-wrap table tbody tr td.goods > div > div span{color:#6B7280;font-size:0.75rem;} .shopbylayerCont.order-cancel-detail .conts .table-wrap table tbody tr td.goods > div > div a.company{font-size:0.75rem;font-weight:600;color:#9CA3AF;display:inline-flex;align-items:center;line-height: 1;} .shopbylayerCont.order-cancel-detail .conts .table-wrap table tbody tr td.goods > div > div a.company:after{content:'';background:url("../images/common/prd-list-arrow.svg")no-repeat center;width:1rem;height:1rem;display:inline-block;margin-top:-1px;} .shopbylayerCont.order-cancel-detail .conts .table-wrap table tbody tr td.goods > div > div a.company:before{content:'';background:url("../images/common/prd-list-logo2.svg")no-repeat center;width:1rem;height:1.0625rem;display:inline-block;margin-right:0.25rem;margin-top:-1px;} .shopbylayerCont.order-cancel-detail .conts .table-wrap table tbody tr td.goods > div > div a.company.sim:before{content:'';background:url("../images/common/prd-list-logo.svg")no-repeat center;width:1rem;height:1rem;display:inline-block;margin-right:0.25rem;} .shopbylayerCont.order-cancel-detail .conts .table-wrap table tbody tr td.goods > div > div a.sub{display: flex;flex-direction: column;} .shopbylayerCont.order-cancel-detail .conts .table-wrap table{margin:1.5rem 0;} .shopbylayerCont.order-cancel-detail .conts .table-wrap{} .shopbylayerCont.order-cancel-detail .conts .table-wrap + .table-wrap{padding:1.5rem 0;border-top:1px solid #D1D5DB;} .shopbylayerCont.order-cancel-detail .conts .table-wrap > p.title{font-size:1rem;font-weight:600;color:#030712;padding-bottom:0;} .shopbylayerCont.order-cancel-detail .conts .table-wrap.cancelInfo > p.title{margin-bottom: 1.25rem;} .shopbylayerCont.order-cancel-detail .conts .table-wrap .table dd > div{width:100%;font-size:0.875rem} .shopbylayerCont.order-cancel-detail .conts .table-wrap .table dd > div.bold{font-weight:600;} .shopbylayerCont.order-cancel-detail .conts .table-wrap .table dd > div.point{display: flex;align-items: center;font-weight:600;} .shopbylayerCont.order-cancel-detail .conts .table-wrap .table dd > div.point:before{content:'';background: url("../images/common/point-icon.svg")no-repeat;width: 1.25rem;height: 1.25rem;display: inline-block;margin-right:0.25rem;} .shopbylayerCont.order-cancel-detail .conts .table-wrap .table dd > div.tag span{display: inline-flex;align-items: center;justify-content: center;padding:0 0.5rem;background-color: #F3F4F6;border-radius: 2px;line-height:1.25rem;} .shopbylayerCont.order-cancel-detail .conts .table-wrap .table > dl{} .shopbylayerCont.order-cancel-detail .conts .table-wrap .table > dl + dl{} .shopbylayerCont.order-cancel-detail .conts .table-wrap .table > dl dt{width: 8rem;margin-top:1.5rem;} .shopbylayerCont.order-cancel-detail .conts .table-wrap .table > dl dt label{font-size:0.875rem;} .shopbylayerCont.order-cancel-detail .conts .table-wrap .table > dl dd{width: calc(100% - 8rem);margin-top:1.5rem;} .shopbylayerCont.order-cancel-detail .btn-wrap {display:flex;justify-content:center;margin-top:3.125em;} .shopbylayerCont.order-cancel-detail .btn-wrap a {min-width:7rem;height:3.0rem;;color:#fff;background-color:#64B2FF;font-size:1.125rem;font-weight:600;line-height:2.875rem;text-align:center;border:1px solid #64B2FF;border-radius:0.625rem;} /* 08. 마이페이지 > 환불 상세보기 :: 팝업관련 23-03-09*/ .shopbylayerCont.order-ref-detail {max-height:85%;min-height:35.0rem;} .shopbylayerCont.order-ref-detail .wrap h1 {color:#000;font-size:1.375rem;font-weight:600;border-bottom:1px solid #000;padding-bottom:1.0rem;} .shopbylayerCont.order-ref-detail .wrap .conts {color:#000;font-size:1.125rem;line-height:1.4;overflow-y:auto;height:35rem;padding:0 0.3125rem;} .shopbylayerCont.order-ref-detail .conts .table-wrap table thead tr th{padding:0.875rem 1.25rem;text-align:center;font-size:1rem;color:#000;} .shopbylayerCont.order-ref-detail .conts .table-wrap table thead tr{border-bottom:1px solid #d9d9d9;} .shopbylayerCont.order-ref-detail .conts .table-wrap table tbody tr{border-bottom:1px solid #d9d9d9;} .shopbylayerCont.order-ref-detail .conts .table-wrap table tbody tr td{font-size:1rem;color:#000;padding:1.25rem;text-align:center;} .shopbylayerCont.order-ref-detail .conts .table-wrap table tbody tr td.price{font-weight:600;} .shopbylayerCont.order-ref-detail .conts .table-wrap table tbody tr td.goods{text-align:left;} .shopbylayerCont.order-ref-detail .conts .table-wrap table tbody tr td.goods .goods-list{display:flex;align-items:center;} .shopbylayerCont.order-ref-detail .conts .table-wrap table tbody tr td.goods .goods-list figure.thumb{width:5.625rem;height:5.625rem;border-radius:0.625rem;overflow:hidden;} .shopbylayerCont.order-ref-detail .conts .table-wrap table tbody tr td.goods .goods-list div{margin-left:1rem} .shopbylayerCont.order-ref-detail .conts .table-wrap table tbody tr td.goods .goods-list div p.tit{font-size:1rem;font-weight:400;color:#000;} .shopbylayerCont.order-ref-detail .conts .table-wrap table tbody tr td.goods .goods-list div p.name{font-size:0.875rem;font-weight:600;color:#000;} .shopbylayerCont.order-ref-detail .conts .table-wrap table tbody tr td.goods .goods-list div p.option-name{font-size:0.75rem;color:#888;margin-top:0.625rem;} .shopbylayerCont.order-ref-detail .conts .table-wrap{padding-top:3.125rem;} .shopbylayerCont.order-ref-detail .conts .table-wrap > p.title{font-size:1.125rem;font-weight:600;color:#000;padding-bottom:1.125rem;border-bottom:1px solid #000;} .shopbylayerCont.order-ref-detail .conts .table-wrap .table dd > div{width:100%;font-size:0.875rem} .shopbylayerCont.order-ref-detail .btn-wrap {display:flex;justify-content:center;margin-top:3.125em;} .shopbylayerCont.order-ref-detail .btn-wrap a {min-width:20.0rem;height:3.0rem;;color:#fff;background-color:#000;font-size:1.125rem;font-weight:600;line-height:2.875rem;text-align:center;border:1px solid #000;border-radius:3.0rem;} /* 08. 마이페이지 > 교환 신청서 :: 팝업관련*/ .shopbylayerCont.order-exchange{} .shopbylayerCont.order-exchange {} .shopbylayerCont.order-exchange .wrap h1 {} .shopbylayerCont.order-exchange .conts {color:#000;font-size:1.125rem;line-height:1.4;overflow-y:auto;padding:1.25rem 0; padding-bottom: 0;height:100%;max-height:calc(100% - 3rem);} .shopbylayerCont.order-exchange .conts .ex-wrap > div{background-color:#F3F4F6;width:100%;border:1px solid #D1D5DB;border-radius:0.25rem;padding:0.75rem;letter-spacing: -0.3px;} .shopbylayerCont.order-exchange .conts .ex-wrap > div .title{font-size:0.875rem;font-weight:600;color:#000;margin-bottom:0.25rem;} .shopbylayerCont.order-exchange .conts .ex-wrap > div p{font-size:0.875rem;color:#030712;font-weight:300;position:relative;padding-left:1rem;line-height: 1.5;} .shopbylayerCont.order-exchange .conts .ex-wrap > div p:before{content:'';position:absolute;left:0.5rem;top:7px;width:3px;height:3px;border-radius: 50%;background-color: #030712;} .shopbylayerCont.order-exchange .conts .ex-wrap > div.r-ty{background-color:#FEF2F2;width:100%;border:1px solid #FCA5A5;} .shopbylayerCont.order-exchange .conts .ex-wrap > div.r-ty .title{color:#EF4444;} .shopbylayerCont.order-exchange .conts .ex-wrap > div.r-ty p{color:#EF4444;} .shopbylayerCont.order-exchange .conts .ex-wrap > div.r-ty p:before{background-color: #EF4444;} .shopbylayerCont.order-exchange .conts .ex-wrap > div + div{margin-top:1.5rem;height:auto;} .shopbylayerCont.order-exchange .conts .table-wrap{padding:1.5rem 0;} .shopbylayerCont.order-exchange .conts .table-wrap + .table-wrap{border-top:1px solid #D1D5DB;} .shopbylayerCont.order-exchange .conts .table-wrap .table-head{display:flex;align-items:center;justify-content:space-between;width:100%;} .shopbylayerCont.order-exchange .conts .table-wrap .table-head p.title{font-size:1.125rem;font-weight:600;color:#000;} .shopbylayerCont.order-exchange .conts .table-wrap .table-head p.title span.desc{display:block;font-size:1rem;font-weight:400;margin-top:0.25rem;} .shopbylayerCont.order-exchange .conts .table-wrap .table-head .table_chk label{font-size:0.875rem;font-weight:400;color:#000;} .shopbylayerCont.order-exchange .conts .table-wrap .table-head .table_chk label:before{margin-right:0.3125rem;} .shopbylayerCont.order-exchange .conts .table-wrap > p.title{font-size:1rem;font-weight:600;padding-bottom:1.5rem;} .shopbylayerCont.order-exchange .conts .table-wrap.exchangeInfo > p.title{margin-bottom: 1.25rem;} .shopbylayerCont.order-exchange .conts .table-wrap > p.title span.desc{display:block;font-size:1rem;font-weight:400;color:#030712;} .shopbylayerCont.order-exchange .conts .table-wrap table thead tr th{padding:0.875rem 1.25rem;text-align:center;font-size:1rem;color:#000;} .shopbylayerCont.order-exchange .conts .table-wrap table thead tr{} .shopbylayerCont.order-exchange .conts .table-wrap table tbody{} .shopbylayerCont.order-exchange .conts .table-wrap table tbody tr{} .shopbylayerCont.order-exchange .conts .table-wrap table tbody tr td{text-align:center;} .shopbylayerCont.order-exchange .conts .table-wrap table tbody tr td.price{font-weight:600;} .shopbylayerCont.order-exchange .conts .table-wrap table tbody tr td.goods{text-align:left;} /* .shopbylayerCont.order-exchange .conts .table-wrap table tbody tr td.goods .goods-list{display:flex;align-items:center;} .shopbylayerCont.order-exchange .conts .table-wrap table tbody tr td.goods .goods-list figure.thumb{width:5.625rem;height:5.625rem;border-radius:0.625rem;overflow:hidden; background: #f7f7f7; border-radius: 0.625rem; display: flex; align-items:center; justify-content:center;} .shopbylayerCont.order-exchange .conts .table-wrap table tbody tr td.goods .goods-list div{margin-left:1rem} .shopbylayerCont.order-exchange .conts .table-wrap table tbody tr td.goods .goods-list div p.tit{font-size:1rem;font-weight:400;color:#000;} .shopbylayerCont.order-exchange .conts .table-wrap table tbody tr td.goods .goods-list div p.name{font-size:0.875rem;font-weight:600;color:#000;} .shopbylayerCont.order-exchange .conts .table-wrap table tbody tr td.goods .goods-list div p.option-name{font-size:0.75rem;color:#888;margin-top:0.625rem;} */ .shopbylayerCont.order-exchange .conts .table-wrap table tbody tr td.goods .goods-list{display:flex;align-items:center;} .shopbylayerCont.order-exchange .conts .table-wrap table tbody tr td.goods .goods-list > div{padding-left:0.75rem;display:flex;flex-direction: column;} .shopbylayerCont.order-exchange .conts .table-wrap table tbody tr td.goods .goods-list figure.thumb{width:2.5rem;height:2.5rem;border-radius:0.25rem;overflow:hidden; background-color: #f7f7f7;min-width:2.5rem; display: flex; align-items: center;justify-content:center;} .shopbylayerCont.order-exchange .conts .table-wrap table tbody tr td.goods .goods-list div{display: flex;flex-direction: column;} .shopbylayerCont.order-exchange .conts .table-wrap table tbody tr td.goods .goods-list div a{cursor: default;} .shopbylayerCont.order-exchange .conts .table-wrap table tbody tr td.goods .goods-list div a.company{font-size:0.75rem;font-weight:600;color:#9CA3AF;display:inline-flex;align-items:center;line-height: 1;} .shopbylayerCont.order-exchange .conts .table-wrap table tbody tr td.goods .goods-list div a.company:after{content:'';background:url("../images/common/prd-list-arrow.svg")no-repeat center;width:1rem;height:1rem;display:inline-block;margin-top:-1px;} .shopbylayerCont.order-exchange .conts .table-wrap table tbody tr td.goods .goods-list div a.company:before{content:'';background:url("../images/common/prd-list-logo2.svg")no-repeat center;width:1rem;height:1.0625rem;display:inline-block;margin-right:0.25rem;margin-top:-1px;} .shopbylayerCont.order-exchange .conts .table-wrap table tbody tr td.goods .goods-list div a.company.sim:before{content:'';background:url("../images/common/prd-list-logo.svg")no-repeat center;width:1rem;height:1rem;display:inline-block;margin-right:0.25rem;} .shopbylayerCont.order-exchange .conts .table-wrap table tbody tr td.goods .goods-list div a.sub p{font-size:1rem;} .shopbylayerCont.order-exchange .conts .table-wrap table tbody tr td.goods .goods-list div span{font-size:0.75rem;color:#6B7280} .shopbylayerCont.order-exchange .conts .table-wrap table tbody tr td.goods .goods-list div p.tit{font-size:1rem;font-weight:400;color:#000;} .shopbylayerCont.order-exchange .conts .table-wrap table tbody tr td.goods .goods-list div p.name{font-size:1rem;} .shopbylayerCont.order-exchange .conts .table-wrap table tbody tr td.goods .goods-list div p.option-name{font-size:0.75rem;color:#6B7280;} .shopbylayerCont.order-exchange .conts .table-wrap textarea{width:100%;height:15rem;border:1px solid #D1D5DB;min-width:100%;overflow-y:auto;padding:0.75rem 1rem;outline:none; border-radius: 0.25rem;resize:none;} .shopbylayerCont.order-exchange .conts .table-wrap .table dd > div{width:100%;font-size:0.875rem} .shopbylayerCont.order-exchange .conts .table-wrap .table dl > dt{} .shopbylayerCont.order-exchange .conts .table-wrap .table dl > dt + dt{border:1px solid red;} .shopbylayerCont.order-exchange .conts .table-wrap .table dl > dd .file-box{display:flex;align-items:center;} .shopbylayerCont.order-exchange .conts .table-wrap .table dl > dd .file-box + .file-box{margin-top:0.625rem;} .shopbylayerCont.order-exchange .conts .table-wrap .table dl > dd .file-box label{font-weight:600;cursor:pointer;color:#030712;font-size:1rem;background-color:#fff;width:12rem;height:3rem;margin-left:0.75rem;display:flex;justify-content:space-between;align-items:center;line-height:0; border-radius:0.25rem;border:1px solid #D1D5DB;padding:0 1rem;} .shopbylayerCont.order-exchange .conts .table-wrap .table dl > dd .file-box label:after{content:'';background:url("../images/common/file-select-icon.svg")no-repeat;width:1rem;height:1rem;display:inline-block;} .shopbylayerCont.order-exchange .conts .table-wrap .table dl > dd .file-box .upload-name {display: inline-block;vertical-align: middle;max-width:16rem;} .shopbylayerCont.order-exchange .conts .table-wrap .table dl > dd .file-box input[type=file] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;} .shopbylayerCont.order-exchange .conts .table-wrap .table dl > dd > div.table_radio{display:flex;align-items:center;} .shopbylayerCont.order-exchange .conts .table-wrap .table dl > dd > div.table_radio .chk{display:flex;align-items:center;} .shopbylayerCont.order-exchange .conts .table-wrap .table dd > div input[type=text]{width: 100%;} .shopbylayerCont.order-exchange .conts .table-wrap .table dd > div input[type=text].w90{width:5.625rem;min-width:5.625rem} .shopbylayerCont.order-exchange .conts .table-wrap .table dd > div input[type=text].w100p{width:100%;} .shopbylayerCont.order-exchange .conts .table-wrap .table dd > div input[type=text].w340{width:21.25rem;min-width:21.25rem} .shopbylayerCont.order-exchange .conts .table-wrap .table dd > div input[type=text].w205{width:12.8125rem;min-width:12.8125rem} .shopbylayerCont.order-exchange .conts .table-wrap .table dd .address{width:100%} .shopbylayerCont.order-exchange .conts .table-wrap .table dd .address .address_2 input[type=text]{margin-top:0.75rem} .shopbylayerCont.order-exchange .conts .table-wrap .table dd .address .address_1 a.zip-code{color:#030712;display:flex;justify-content:center;align-items:center;font-size:0.875rem;margin-left:0.75rem;width:9.375rem;height:3.125rem; border-radius:0.25rem; border: 1px solid #D1D5DB;} .shopbylayerCont.order-exchange .btn-wrap {display:flex;justify-content:center;margin-top:3.125em;} .shopbylayerCont.order-exchange .btn-wrap a {} .shopbylayerCont.order-exchange .btn-wrap a.apply {color:#fff;border: 1px solid #1F2937;background-color: #1F2937;} /* 08. 마이페이지 > 교환신청서상세 :: 팝업관련*/ .shopbylayerCont.order-exchange-detail{} .shopbylayerCont.order-exchange-detail {} .shopbylayerCont.order-exchange-detail .wrap h1 {} .shopbylayerCont.order-exchange-detail .conts {overflow-y:auto;} .shopbylayerCont.order-exchange-detail .conts .ex-wrap > div{background-color:#F9F9F9;width:100%;border:1px solid #e2e2e2;border-radius:0.9375rem;padding:1.8125rem 1.25rem;height:12.5rem; letter-spacing: -0.3px;} .shopbylayerCont.order-exchange-detail .conts .ex-wrap > div .title{font-size:1.125rem;font-weight:600;color:#000;margin-bottom:1.5625rem;} .shopbylayerCont.order-exchange-detail .conts .ex-wrap > div p{font-size:1rem;color:#888;font-weight:300;position:relative;padding-left:0.625rem;} .shopbylayerCont.order-exchange-detail .conts .ex-wrap > div p:before{content:'*';position:absolute;left:0;top:0.1875rem;} .shopbylayerCont.order-exchange-detail .conts .ex-wrap > div + div{margin-top:0.625rem;height:auto;} .shopbylayerCont.order-exchange-detail .conts .table-wrap{} .shopbylayerCont.order-exchange-detail .conts .table-wrap + .table-wrap{padding:1.5rem 0;border-top:1px solid #D1D5DB;} .shopbylayerCont.order-exchange-detail .conts .table-wrap > p.title{font-size:1rem;font-weight:700;color:#000;} .shopbylayerCont.order-exchange-detail .conts .table-wrap.exchangeInfo > p.title{margin-bottom: 1.25rem;} .shopbylayerCont.order-exchange-detail .conts .table-wrap > p.title span.desc{display:block;font-size:1rem;font-weight:400;color:#030712;margin-top:0.25rem;} .shopbylayerCont.order-exchange-detail .conts .table-wrap table{margin-bottom:1.5rem;} .shopbylayerCont.order-exchange-detail .conts .table-wrap table thead tr th{padding:00;text-align:center;} .shopbylayerCont.order-exchange-detail .conts .table-wrap table thead tr{} .shopbylayerCont.order-exchange-detail .conts .table-wrap table tbody tr{} .shopbylayerCont.order-exchange-detail .conts .table-wrap table tbody tr td{padding:0;text-align:center;} .shopbylayerCont.order-exchange-detail .conts .table-wrap table tbody tr td.price{font-weight:600;} .shopbylayerCont.order-exchange-detail .conts .table-wrap table tbody tr td.goods{text-align:left;} /* .shopbylayerCont.order-exchange-detail .conts .table-wrap table tbody tr td.goods .goods-list{display:flex;align-items:center;} .shopbylayerCont.order-exchange-detail .conts .table-wrap table tbody tr td.goods .goods-list figure.thumb{width:5.625rem;height:5.625rem;border-radius:0.625rem;overflow:hidden;background-color: #f7f7f7;display:flex;align-items:center;justify-content: center;} .shopbylayerCont.order-exchange-detail .conts .table-wrap table tbody tr td.goods .goods-list div{margin-left:1rem} .shopbylayerCont.order-exchange-detail .conts .table-wrap table tbody tr td.goods .goods-list div p.tit{font-size:1rem;font-weight:400;color:#000;} .shopbylayerCont.order-exchange-detail .conts .table-wrap table tbody tr td.goods .goods-list div p.name{font-size:0.875rem;font-weight:600;color:#000;} .shopbylayerCont.order-exchange-detail .conts .table-wrap table tbody tr td.goods .goods-list div p.option-name{font-size:0.75rem;color:#888;margin-top:0.625rem;} */ .shopbylayerCont.order-exchange-detail .conts .table-wrap table tbody tr td.goods > div{display:flex;align-items:center;} .shopbylayerCont.order-exchange-detail .conts .table-wrap table tbody tr td.goods > div > figure{background-color: #F3F4F6; display: flex; align-items: center; justify-content: center; width:2.5rem;height:2.5rem;border-radius:0.25rem;overflow:hidden;min-width: 2.5rem;} .shopbylayerCont.order-exchange-detail .conts .table-wrap table tbody tr td.goods > div > figure img{} .shopbylayerCont.order-exchange-detail .conts .table-wrap table tbody tr td.goods > div > div{max-width:calc(100% - 2.5rem);padding-left:0.75rem;} .shopbylayerCont.order-exchange-detail .conts .table-wrap table tbody tr td.goods > div > div p{color:#030712;font-size:1rem;} .shopbylayerCont.order-exchange-detail .conts .table-wrap table tbody tr td.goods > div > div span{color:#6B7280;font-size:0.75rem;} .shopbylayerCont.order-exchange-detail .conts .table-wrap table tbody tr td.goods > div > div a.company{font-size:0.75rem;font-weight:600;color:#9CA3AF;display:inline-flex;align-items:center;line-height: 1;} .shopbylayerCont.order-exchange-detail .conts .table-wrap table tbody tr td.goods > div > div a.company:after{content:'';background:url("../images/common/prd-list-arrow.svg")no-repeat center;width:1rem;height:1rem;display:inline-block;margin-top:-1px;} .shopbylayerCont.order-exchange-detail .conts .table-wrap table tbody tr td.goods > div > div a.company:before{content:'';background:url("../images/common/prd-list-logo2.svg")no-repeat center;width:1rem;height:1.0625rem;display:inline-block;margin-right:0.25rem;margin-top:-1px;} .shopbylayerCont.order-exchange-detail .conts .table-wrap table tbody tr td.goods > div > div a.company.sim:before{content:'';background:url("../images/common/prd-list-logo.svg")no-repeat center;width:1rem;height:1rem;display:inline-block;margin-right:0.25rem;} .shopbylayerCont.order-exchange-detail .conts .table-wrap table tbody tr td.goods > div > div a.sub{display: flex;flex-direction: column;} .shopbylayerCont.order-exchange-detail .conts .table-wrap .table dd > div{width:100%;font-size:0.875rem} .shopbylayerCont.order-exchange-detail .conts .table-wrap .table dd > div.tag span{display: inline-flex;align-items: center;justify-content: center;padding:0 0.5rem;background-color: #F3F4F6;border-radius: 2px;line-height:1.25rem;} .shopbylayerCont.order-exchange-detail .conts .table-wrap .table dd.file > div > a{font-weight:700;text-decoration: underline;display: flex;align-items: center;} .shopbylayerCont.order-exchange-detail .conts .table-wrap .table dd.file > div > a + a{margin-top:0.75rem;} .shopbylayerCont.order-exchange-detail .conts .table-wrap .table dd.file > div > a:before{content:'';background: url("../images/common/my-file-icon.svg")no-repeat;width: 1rem;height: 1rem;margin-right:0.25rem;} .shopbylayerCont.order-exchange-detail .conts .table-wrap .table > dl dt{width: 8rem;} .shopbylayerCont.order-exchange-detail .conts .table-wrap .table > dl dt label{font-size:0.875rem;} .shopbylayerCont.order-exchange-detail .conts .table-wrap .table > dl dd{width: calc(100% - 8rem);margin-top:1.5rem;} .shopbylayerCont.order-exchange-detail .btn-wrap {display:flex;justify-content:center;margin-top:3.125em;} .shopbylayerCont.order-exchange-detail .btn-wrap a {min-width:7rem;height:3.0rem;;color:#fff;background-color:#64B2FF;font-size:1.125rem;font-weight:600;line-height:2.875rem;text-align:center;border:1px solid #64B2FF;border-radius:0.625rem;} /* 08. 마이페이지 > 반품신청서 :: 팝업관련*/ .shopbylayerCont.order-return{} .shopbylayerCont.order-return .conts {overflow-y:auto;} .shopbylayerCont.order-return .conts .ex-wrap > div{background-color:#F3F4F6;width:100%;border:1px solid #D1D5DB;border-radius:0.25rem;padding:0.75rem;letter-spacing: -0.3px;} .shopbylayerCont.order-return .conts .ex-wrap > div .title{font-size:0.875rem;font-weight:600;color:#000;margin-bottom:0.25rem;} .shopbylayerCont.order-return .conts .ex-wrap > div p{font-size:0.875rem;color:#030712;font-weight:300;position:relative;padding-left:1rem;line-height: 1.5;} .shopbylayerCont.order-return .conts .ex-wrap > div p:before{content:'';position:absolute;left:0.5rem;top:7px;width:3px;height:3px;border-radius: 50%;background-color: #030712;} .shopbylayerCont.order-return .conts .ex-wrap > div.r-ty{background-color:#FEF2F2;width:100%;border:1px solid #FCA5A5;} .shopbylayerCont.order-return .conts .ex-wrap > div.r-ty .title{color:#EF4444;} .shopbylayerCont.order-return .conts .ex-wrap > div.r-ty p{color:#EF4444;} .shopbylayerCont.order-return .conts .ex-wrap > div.r-ty p:before{background-color: #EF4444;} .shopbylayerCont.order-return .conts .ex-wrap > div + div{margin-top:1.5rem;} .shopbylayerCont.order-return .conts .table-wrap{padding:1.5rem 0;} .shopbylayerCont.order-return .conts .table-wrap + .table-wrap{border-top:1px solid #D1D5DB;} .shopbylayerCont.order-return .conts .table-wrap > p.title{font-size:1rem;font-weight:600;color:#030712;padding-bottom:1.5rem;} .shopbylayerCont.order-return .conts .table-wrap > p.title span.desc{display:block;font-size:1rem;font-weight:400;color:#030712;margin-top:0.25rem;} .shopbylayerCont.order-return .conts .table-wrap.returnInfo > p.title{margin-bottom: 1.25rem;} .shopbylayerCont.order-return .conts .table-wrap table thead tr th{padding:0.875rem 1.25rem;text-align:center;font-size:1rem;color:#000;} .shopbylayerCont.order-return .conts .table-wrap table thead tr{} .shopbylayerCont.order-return .conts .table-wrap table tbody tr{} .shopbylayerCont.order-return .conts .table-wrap table tbody tr td{font-size:1rem;color:#000;padding:0;text-align:center;} .shopbylayerCont.order-return .conts .table-wrap table tbody tr td.price{font-weight:600;} .shopbylayerCont.order-return .conts .table-wrap table tbody tr td.goods{text-align:left;} /* .shopbylayerCont.order-return .conts .table-wrap table tbody tr td.goods .goods-list{display:flex;align-items:center;} .shopbylayerCont.order-return .conts .table-wrap table tbody tr td.goods .goods-list figure.thumb{width:5.625rem;height:5.625rem;border-radius:0.625rem;overflow:hidden;background-color: #f7f7f7; border-radius: 0.625rem; display: flex;align-items:center;justify-content:center;} .shopbylayerCont.order-return .conts .table-wrap table tbody tr td.goods .goods-list div{margin-left:1rem} .shopbylayerCont.order-return .conts .table-wrap table tbody tr td.goods .goods-list div p.tit{font-size:1rem;font-weight:400;color:#000;} .shopbylayerCont.order-return .conts .table-wrap table tbody tr td.goods .goods-list div p.name{font-size:0.875rem;font-weight:600;color:#000;} .shopbylayerCont.order-return .conts .table-wrap table tbody tr td.goods .goods-list div p.option-name{font-size:0.75rem;color:#888;margin-top:0.625rem;} */ .shopbylayerCont.order-return .conts .table-wrap table tbody tr td.goods .goods-list{display:flex;align-items:center;} .shopbylayerCont.order-return .conts .table-wrap table tbody tr td.goods .goods-list > div{padding-left:0.75rem;display:flex;flex-direction: column;} .shopbylayerCont.order-return .conts .table-wrap table tbody tr td.goods .goods-list figure.thumb{width:2.5rem;height:2.5rem;border-radius:0.25rem;overflow:hidden; background-color: #f7f7f7;min-width:2.5rem; display: flex; align-items: center;justify-content:center;} .shopbylayerCont.order-return .conts .table-wrap table tbody tr td.goods .goods-list div{display: flex;flex-direction: column;} .shopbylayerCont.order-return .conts .table-wrap table tbody tr td.goods .goods-list div a{cursor: default;} .shopbylayerCont.order-return .conts .table-wrap table tbody tr td.goods .goods-list div a.company{font-size:0.75rem;font-weight:600;color:#9CA3AF;display:inline-flex;align-items:center;line-height: 1;} .shopbylayerCont.order-return .conts .table-wrap table tbody tr td.goods .goods-list div a.company:after{content:'';background:url("../images/common/prd-list-arrow.svg")no-repeat center;width:1rem;height:1rem;display:inline-block;margin-top:-1px;} .shopbylayerCont.order-return .conts .table-wrap table tbody tr td.goods .goods-list div a.company:before{content:'';background:url("../images/common/prd-list-logo2.svg")no-repeat center;width:1rem;height:1.0625rem;display:inline-block;margin-right:0.25rem;margin-top:-1px;} .shopbylayerCont.order-return .conts .table-wrap table tbody tr td.goods .goods-list div a.company.sim:before{content:'';background:url("../images/common/prd-list-logo.svg")no-repeat center;width:1rem;height:1rem;display:inline-block;margin-right:0.25rem;} .shopbylayerCont.order-return .conts .table-wrap table tbody tr td.goods .goods-list div > div span{color: #6B7280;font-size:0.75rem;} .shopbylayerCont.order-return .conts .table-wrap table tbody tr td.goods .goods-list div p.tit{font-size:1rem;font-weight:400;color:#000;} .shopbylayerCont.order-return .conts .table-wrap table tbody tr td.goods .goods-list div p.name{font-size:1rem;} .shopbylayerCont.order-return .conts .table-wrap table tbody tr td.goods .goods-list div p.option-name{font-size:0.75rem;color:#6B7280;} .shopbylayerCont.order-return .conts .table-wrap input[type=checkbox] + label:before{margin:0;width:1.125rem;height:1.125rem;border-radius:0;background:#fff url('../images/common/small_checkbox.png') no-repeat left 0 center/2.25rem 1.125rem} .shopbylayerCont.order-return .conts .table-wrap input[type=checkbox]:checked + label:before{background-position:left -1.125rem center} .shopbylayerCont.order-return .conts .table-wrap div.select-box-default-st.option span.selectText{width:100%;color:#030712;font-size:1rem;} .shopbylayerCont.order-return .conts .table-wrap textarea{width:100%;height:15rem;border:1px solid #e2e2e2;min-width:100%;overflow-y:auto;padding:0.75rem;outline:none; border-radius: 0.25rem;resize:none;font-size:1rem;} .shopbylayerCont.order-return .conts .table-wrap .table dd > div{width:100%;font-size:0.875rem;} .shopbylayerCont.order-return .conts .table-wrap .table dl > dd .file-box{display:flex;align-items:center;} .shopbylayerCont.order-return .conts .table-wrap .table dl > dd .file-box + .file-box{margin-top:0.625rem;} .shopbylayerCont.order-return .conts .table-wrap .table dl > dd .file-box input:disabled{} .shopbylayerCont.order-return .conts .table-wrap .table dl > dd .file-box label{font-weight:600;cursor:pointer;color:#030712;font-size:1rem;background-color:#fff;width:12rem;height:3rem;margin-left:0.75rem;display:flex;justify-content:space-between;align-items:center;line-height:0; border-radius:0.25rem;border:1px solid #D1D5DB;padding:0 1rem;} .shopbylayerCont.order-return .conts .table-wrap .table dl > dd .file-box label:after{content:'';background:url("../images/common/file-select-icon.svg")no-repeat;width:1rem;height:1rem;display:inline-block;} .shopbylayerCont.order-return .conts .table-wrap .table dl > dd .file-box .upload-name {display: inline-block;vertical-align: middle;max-width:16rem;} .shopbylayerCont.order-return .conts .table-wrap .table dl > dd .file-box input[type=file] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;} .shopbylayerCont.order-return .conts .table-wrap .table dl > dd > div.table_radio{display:flex;align-items:center;} .shopbylayerCont.order-return .conts .table-wrap .table dl > dd > div.table_radio .chk{display:flex;align-items:center;} .shopbylayerCont.order-return .conts .table-wrap .table dd > div input[type=text]{width: 100%;} .shopbylayerCont.order-return .conts .table-wrap .table dd > div .select-box-default-st.w90{width:8.625rem} .shopbylayerCont.order-return .conts .table-wrap .table dd > div .select-box-default-st.w90 > .select-wrap{top:auto;bottom:calc(100% - 1px);} .shopbylayerCont.order-return .conts .table-wrap .table dd > div .select-box-default-st.w90 ul.select-box-option{width:calc(100% - 3px)} .shopbylayerCont.order-return .conts .table-wrap .table dd > div input[type=text].w90{width:5.625rem;min-width:5.625rem} .shopbylayerCont.order-return .conts .table-wrap .table dd > div input[type=text].w100p{width:100%;} .shopbylayerCont.order-return .conts .table-wrap .table dd > div input[type=text].w340{width:18.25rem;min-width:18.25rem} .shopbylayerCont.order-return .conts .table-wrap .table dd > div input[type=text].w205{width:12.8125rem;min-width:12.8125rem} .shopbylayerCont.order-return .conts .table-wrap .table dd .address{width:100%} .shopbylayerCont.order-return .conts .table-wrap .table dd .address .address_2 input[type=text]{margin-top:0.75rem} .shopbylayerCont.order-return .conts .table-wrap .table dd .address .address_1 a.zip-code{color:#fff;display:flex;justify-content:center;align-items:center;font-size:0.875rem;background-color:#005696;margin-left:0.3125rem;width:9.375rem;height:3.125rem; border-radius: 0.625rem;} /* 08. 마이페이지 > 반품신청서상세 :: 팝업관련*/ .shopbylayerCont.order-return-detail{} .shopbylayerCont.order-return-detail {} .shopbylayerCont.order-return-detail .wrap h1 {} .shopbylayerCont.order-return-detail .conts {overflow-y:auto;} .shopbylayerCont.order-return-detail .conts .table-wrap{} .shopbylayerCont.order-return-detail .conts .table-wrap + .table-wrap{padding:1.5rem 0;border-top:1px solid #D1D5DB;} .shopbylayerCont.order-return-detail .conts .table-wrap > p.title{font-size:1rem;font-weight:700;color:#030712;} .shopbylayerCont.order-return-detail .conts .table-wrap.returnInfo > p.title{margin-bottom: 1.25rem;} .shopbylayerCont.order-return-detail .conts .table-wrap > p.title span.desc{display:block;font-size:1rem;font-weight:400;margin-top:0.25rem;} .shopbylayerCont.order-return-detail .conts .table-wrap table{margin:1.5rem 0;} .shopbylayerCont.order-return-detail .conts .table-wrap table thead tr th{padding:0;text-align:center;font-size:1rem;color:#000;} .shopbylayerCont.order-return-detail .conts .table-wrap table thead tr{} .shopbylayerCont.order-return-detail .conts .table-wrap table tbody tr{} .shopbylayerCont.order-return-detail .conts .table-wrap table tbody tr td{font-size:1rem;color:#000;padding:0;text-align:center;} .shopbylayerCont.order-return-detail .conts .table-wrap table tbody tr td.price{font-weight:600;} .shopbylayerCont.order-return-detail .conts .table-wrap table tbody tr td.goods{text-align:left;} .shopbylayerCont.order-return-detail .conts .table-wrap table tbody tr td.goods .goods-list{display:flex;align-items:center;} .shopbylayerCont.order-return-detail .conts .table-wrap table tbody tr td.goods .goods-list figure.thumb{width:5.625rem;height:5.625rem;border-radius:0.625rem;overflow:hidden;background-color: #f7f7f7; display: flex;align-items: center;justify-content: center;} .shopbylayerCont.order-return-detail .conts .table-wrap table tbody tr td.goods .goods-list div{margin-left:1rem} .shopbylayerCont.order-return-detail .conts .table-wrap table tbody tr td.goods .goods-list div p.tit{font-size:1rem;font-weight:400;color:#000;} .shopbylayerCont.order-return-detail .conts .table-wrap table tbody tr td.goods .goods-list div p.name{font-size:0.875rem;font-weight:600;color:#000;} .shopbylayerCont.order-return-detail .conts .table-wrap table tbody tr td.goods .goods-list div p.option-name{font-size:0.75rem;color:#888;margin-top:0.625rem;} .shopbylayerCont.order-return-detail .conts .table-wrap .table dd > div{width:100%;font-size:0.875rem} .shopbylayerCont.order-return-detail .conts .table-wrap .table dd.file > div{font-weight:700;text-decoration: underline;} .shopbylayerCont.order-return-detail .conts .table-wrap .table > dl > dt{width: 8rem;} .shopbylayerCont.order-return-detail .conts .table-wrap .table > dl > dt label{font-size:0.875rem;} .shopbylayerCont.order-return-detail .conts .table-wrap .table > dl > dd{width: calc(100% - 8rem);font-size:0.875rem;margin-top:1.5rem;} .shopbylayerCont.order-return-detail .btn-wrap {display:flex;justify-content:center;margin-top:3.125em;} .shopbylayerCont.order-return-detail .btn-wrap a {min-width:7rem;height:3.0rem;;color:#fff;background-color:#64B2FF;font-size:1.125rem;font-weight:600;line-height:2.875rem;text-align:center;border:1px solid #64B2FF;border-radius:0.625rem;} /* 08. 마이페이지 > 구매확정1 :: 팝업관련*/ /* .shopbylayerCont.buy-decide01 {max-height:31.625rem;padding:3.125rem; max-width: 37.5rem;} .shopbylayerCont.buy-decide01 .layerPopupClose{top:2.8125rem !important} .shopbylayerCont.buy-decide01 .wrap h1 {color:#000;font-size:1.375rem;font-weight:600;border-bottom:1px solid #000;padding-bottom:1.0rem;} */ .shopbylayerCont.buy-decide01 .conts {padding-bottom:0 !important;} .shopbylayerCont.buy-decide01 .conts .visual{} .shopbylayerCont.buy-decide01 .conts .visual p{font-size:0.875rem;color:#030712;font-weight:400;text-align: left;line-height:1.5;} .shopbylayerCont.buy-decide01 .btn-wrap{justify-content: flex-end;display: flex;} .shopbylayerCont.buy-decide01 .btn-wrap a {min-width: 5rem;line-height:2rem !important;border-radius: 3px !important;font-size:0.875rem !important;font-weight:600;} .shopbylayerCont.buy-decide01 .btn-wrap a.apply {color:#fff;border-color:#64B2FF;background-color:#64B2FF} .shopbylayerCont.buy-decide01 .btn-wrap a + a {margin-left:0.375rem;} /* 08. 마이페이지 > 구매확정2 :: 팝업관련*/ /* .shopbylayerCont.buy-decide02 {max-height:28.625rem;padding:3.125rem; max-width: 37.5rem;} .shopbylayerCont.buy-decide02 .layerPopupClose{top:2.8125rem !important} .shopbylayerCont.buy-decide02 .wrap h1 {color:#000;font-size:1.375rem;font-weight:600;border-bottom:1px solid #000;padding-bottom:1.0rem;} .shopbylayerCont.buy-decide02 .conts {padding-top:1.875rem;max-height:15.5rem} .shopbylayerCont.buy-decide02 .conts .visual{display:flex;justify-content:center;flex-direction:column;align-items:center;} .shopbylayerCont.buy-decide02 .conts .visual figure { border-radius: 50%; width: 4.75rem; height: 3.75rem;display: flex; align-items: center; justify-content: center;} .shopbylayerCont.buy-decide02 .conts .visual h4{font-size:1rem;color:#000;font-weight:600;margin-top:0.9375rem;} */ .shopbylayerCont.buy-decide02 .conts{padding-bottom:0 !important} .shopbylayerCont.buy-decide02 .conts .visual p{font-size:0.875rem;color:#030712;font-weight:400;text-align: left;line-height:1.5;} /* .shopbylayerCont.buy-decide02 .conts .point{display:flex;justify-content:center;margin-top:0.9375rem;} .shopbylayerCont.buy-decide02 .conts .point > a{min-width:9.6875rem; height: 1.875rem; color:#005696; ;font-size:0.75rem;font-weight:600;line-height:1.75rem;text-align:center;border:1px solid #005696;border-radius:0.3125rem; background-color: #F5F9FB;} */ .shopbylayerCont.buy-decide02 .btn-wrap{justify-content: flex-end;display: flex;} .shopbylayerCont.buy-decide02 .btn-wrap a {min-width: 5rem;line-height:2rem !important;border-radius: 3px !important;font-size:0.875rem !important;font-weight:600; padding:0 0.5625rem;} .shopbylayerCont.buy-decide02 .btn-wrap a.apply {color:#fff;border-color:#64B2FF;background-color:#64B2FF} .shopbylayerCont.buy-decide02 .btn-wrap a + a {margin-left:0.375rem;} /* 08. 마이페이지 > 비회원 구매확정1 :: 팝업관련*/ .shopbylayerCont.nonMemBuy-decide01 {max-height:85%;min-height:25.625rem;padding:3.125rem;} .shopbylayerCont.nonMemBuy-decide01 .layerPopupClose{top:2.8125rem !important} .shopbylayerCont.nonMemBuy-decide01 .wrap h1 {color:#000;font-size:1.375rem;font-weight:600;border-bottom:1px solid #000;padding-bottom:1.0rem;} .shopbylayerCont.nonMemBuy-decide01 .conts {padding-top:1.875rem;} .shopbylayerCont.nonMemBuy-decide01 .conts .visual{display:flex;justify-content:center;flex-direction:column;align-items:center;} .shopbylayerCont.nonMemBuy-decide01 .conts .visual h4{font-size:1.25rem;color:#000;font-weight:600;margin-top:1.875rem;} .shopbylayerCont.nonMemBuy-decide01 .conts .visual p{font-size:1rem;color:#888;font-weight:400;margin-top:0.3125rem;} .shopbylayerCont.nonMemBuy-decide01 .conts .point{display:flex;justify-content:center;margin-top:1.5625rem;} .shopbylayerCont.nonMemBuy-decide01 .conts .point dl{padding:1.625rem 4.375rem 1.625rem 4.6875rem;width:100%;max-width:27.875rem;border-top:1px solid #000;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;} .shopbylayerCont.nonMemBuy-decide01 .conts .point dl > dt{font-size:0.875rem;font-weight:400;color:#000;} .shopbylayerCont.nonMemBuy-decide01 .conts .point dl > dd{font-size:0.875rem;font-weight:600;color:#000;} .shopbylayerCont.nonMemBuy-decide01 .btn-wrap {display:flex;justify-content:center;margin-top:3.125em;} .shopbylayerCont.nonMemBuy-decide01 .btn-wrap a {min-width:20.0rem;height:3.0rem;;color:#000;font-size:1.125rem;font-weight:600;line-height:2.875rem;text-align:center;border:1px solid #000;border-radius:3.0rem;} .shopbylayerCont.nonMemBuy-decide01 .btn-wrap a.apply {color:#fff;border-color:#000;background-color:#000} .shopbylayerCont.nonMemBuy-decide01 .btn-wrap a + a {margin-left:0.5rem;} /* 08. 마이페이지 > 비회원 구매확정2 :: 팝업관련*/ .shopbylayerCont.nonMemBuy-decide02 {max-height:85%;min-height:25.625rem;padding:3.125rem;} .shopbylayerCont.nonMemBuy-decide02 .layerPopupClose{top:2.8125rem !important} .shopbylayerCont.nonMemBuy-decide02 .wrap h1 {color:#000;font-size:1.375rem;font-weight:600;border-bottom:1px solid #000;padding-bottom:1.0rem;} .shopbylayerCont.nonMemBuy-decide02 .conts {padding-top:1.875rem;} .shopbylayerCont.nonMemBuy-decide02 .conts .visual{display:flex;justify-content:center;flex-direction:column;align-items:center;} .shopbylayerCont.nonMemBuy-decide02 .conts .visual h4{font-size:1.25rem;color:#000;font-weight:600;margin-top:1.875rem;} .shopbylayerCont.nonMemBuy-decide02 .conts .visual p{font-size:1rem;color:#888;font-weight:400;margin-top:0.3125rem;} .shopbylayerCont.nonMemBuy-decide02 .conts .point{display:flex;justify-content:center;margin-top:1.5625rem;} .shopbylayerCont.nonMemBuy-decide02 .conts .point > a{min-width:20.0rem;height:3.0rem;;color:#fff;background-color:#ED1B23;font-size:1.125rem;font-weight:400;line-height:2.875rem;text-align:center;border:1px solid #ED1B23;border-radius:3.0rem;} .shopbylayerCont.nonMemBuy-decide02 .btn-wrap {display:flex;justify-content:center;margin-top:3.125em;} .shopbylayerCont.nonMemBuy-decide02 .btn-wrap a {min-width:20.0rem;height:3.0rem;;color:#000;font-size:1.125rem;font-weight:600;line-height:2.875rem;text-align:center;border:1px solid #000;border-radius:3.0rem;} .shopbylayerCont.nonMemBuy-decide02 .btn-wrap a.apply {color:#fff;border-color:#000;background-color:#000} /* 08. 마이페이지 > 리뷰쓰기 :: 팝업관련*/ .shopbylayerCont.review-write .conts {overflow-y:auto;} .shopbylayerCont.review-write{} .shopbylayerCont.review-write .layerPopupClose{} .shopbylayerCont.review-write .wrap h1 {} .shopbylayerCont.review-write .conts {} .shopbylayerCont.review-write .conts .table-wrap + .table-wrap{margin-top:1.5rem;} .shopbylayerCont.review-write .conts .table-wrap > p.title{font-size:1rem;font-weight:700;color:#030712;padding-bottom:1.5rem;} .shopbylayerCont.review-write .conts .table-wrap.reviewInfo > p.title{} .shopbylayerCont.review-write .conts .table-wrap > p.title span.desc{display:block;font-size:0.875rem;font-weight:400;color:#888;} .shopbylayerCont.review-write .conts .table-wrap table thead tr th{padding:0;text-align:center;font-size:1rem;color:#000;} .shopbylayerCont.review-write .conts .table-wrap table thead tr{} .shopbylayerCont.review-write .conts .table-wrap table tbody tr{border-bottom:1px solid #D1D5DB;} .shopbylayerCont.review-write .conts .table-wrap table tbody tr td{font-size:1rem;color:#000;padding:0;text-align:center;} .shopbylayerCont.review-write .conts .table-wrap table tbody tr td.goods{padding:0 0 1.5rem;} .shopbylayerCont.review-write .conts .table-wrap table tbody tr td.goods > div{display:flex;align-items:center;} .shopbylayerCont.review-write .conts .table-wrap table tbody tr td.goods > div > figure{background-color: #F3F4F6; display: flex; align-items: center; justify-content: center; width:2.5rem;height:2.5rem;border-radius:0.25rem;overflow:hidden;min-width: 2.5rem;} .shopbylayerCont.review-write .conts .table-wrap table tbody tr td.goods > div > figure img{} .shopbylayerCont.review-write .conts .table-wrap table tbody tr td.goods > div > div{max-width:calc(100% - 2.5rem);padding-left:0.75rem;} .shopbylayerCont.review-write .conts .table-wrap table tbody tr td.goods > div > div p{color:#030712;font-size:1rem;} .shopbylayerCont.review-write .conts .table-wrap table tbody tr td.goods > div > div span{color:#6B7280;font-size:0.75rem;} .shopbylayerCont.review-write .conts .table-wrap table tbody tr td.goods > div > div a.company{font-size:0.75rem;font-weight:600;color:#9CA3AF;display:inline-flex;align-items:center;line-height: 1;} .shopbylayerCont.review-write .conts .table-wrap table tbody tr td.goods > div > div a.company:after{content:'';background:url("../images/common/prd-list-arrow.svg")no-repeat center;width:1rem;height:1rem;display:inline-block;margin-top:-1px;} .shopbylayerCont.review-write .conts .table-wrap table tbody tr td.goods > div > div a.company:before{content:'';background:url("../images/common/prd-list-logo2.svg")no-repeat center;width:1rem;height:1.0625rem;display:inline-block;margin-right:0.25rem;margin-top:-1px;} .shopbylayerCont.review-write .conts .table-wrap table tbody tr td.goods > div > div a.company.sim:before{content:'';background:url("../images/common/prd-list-logo.svg")no-repeat center;width:1rem;height:1rem;display:inline-block;margin-right:0.25rem;} .shopbylayerCont.review-write .conts .table-wrap table tbody tr td.goods > div > div a.sub{display: flex;flex-direction: column;} .shopbylayerCont.review-write .conts .table-wrap table tbody tr td.price{font-weight:600;} .shopbylayerCont.review-write .conts .table-wrap table tbody tr td.goods{text-align:left;} .shopbylayerCont.review-write .conts .table-wrap table tbody tr td.goods .goods-list{display:flex;align-items:center;} .shopbylayerCont.review-write .conts .table-wrap table tbody tr td.goods .goods-list figure.thumb{width:5.625rem;height:5.625rem;border-radius:0.625rem;overflow:hidden; background-color: #f7f7f7; border-radius: 0.625rem; display: flex;align-items:center; justify-content:center;} .shopbylayerCont.review-write .conts .table-wrap table tbody tr td.goods .goods-list div{margin-left:1rem} .shopbylayerCont.review-write .conts .table-wrap table tbody tr td.goods .goods-list div p.tit{font-size:1rem;font-weight:400;color:#000;} .shopbylayerCont.review-write .conts .table-wrap table tbody tr td.goods .goods-list div p.name{font-size:0.875rem;font-weight:600;color:#000;} .shopbylayerCont.review-write .conts .table-wrap table tbody tr td.goods .goods-list div p.option-name{font-size:0.75rem;color:#888;margin-top:0.625rem;} .shopbylayerCont.review-write .conts .table-wrap textarea{width:100%;height:15rem;min-width:100%;overflow-y:auto;padding:0.75rem 1rem;outline:none;border-radius: 0.25rem;border:1px solid #D1D5DB;resize:none;} .shopbylayerCont.review-write .conts .table-wrap .table dt label span.ex{display:block;font-size:0.8125rem;} .shopbylayerCont.review-write .conts .table-wrap .table dd > div{width:100%;font-size:0.875rem} .shopbylayerCont.review-write .conts .table-wrap .table dd > div.table_radio{display:flex;align-items:center;margin-left:-1.5rem;margin-top:0.75rem;} .shopbylayerCont.review-write .conts .table-wrap .table dd > div.table_radio .chk{margin-left:1.5rem;} .shopbylayerCont.review-write .conts .table-wrap .table dd > div.table_radio .chk input[type=radio] + label .star{height:16px; background: url('../images/common/star-single-small.svg') repeat-x left center;} .shopbylayerCont.review-write .conts .table-wrap .table dd > div.table_radio .chk input[type=radio] + label .star.s5{width:80px;} .shopbylayerCont.review-write .conts .table-wrap .table dd > div.table_radio .chk input[type=radio] + label .star.s4{width:64px;} .shopbylayerCont.review-write .conts .table-wrap .table dd > div.table_radio .chk input[type=radio] + label .star.s3{width:48px;} .shopbylayerCont.review-write .conts .table-wrap .table dd > div.table_radio .chk input[type=radio] + label .star.s2{width:32px;} .shopbylayerCont.review-write .conts .table-wrap .table dd > div.table_radio .chk input[type=radio] + label .star.s1{width:16px;} .shopbylayerCont.review-write .conts .table-wrap .table dl > dd .file-wrap{display:flex;align-items:center;} .shopbylayerCont.review-write .conts .table-wrap .table dl > dd.f-contents a.add{display: inline-flex;align-items: center;justify-content: center;color:#030712;font-size:1rem;font-weight: 600;border: 1px solid #D1D5DB;border-radius: 0.25rem;padding:0 1.25rem;margin-top:1.5rem;line-height:3rem;} .shopbylayerCont.review-write .conts .table-wrap .table dl > dd .file-wrap a.del{margin-left:0.75rem;font-size:0.875rem;color:#737373;height:3rem;line-height:0;padding:0 0.75rem;width: 3rem;;border-radius:0.25rem;border:1px solid #D1D5DB;background-color:#fff;display:flex;align-items:center;justify-content:center;} .shopbylayerCont.review-write .conts .table-wrap .table dl > dd .file-wrap a.del:before{content:'';background: url("../images/common/file-minus-icon.svg")no-repeat center;width: 3rem;height: 3rem;display: inline-block;} .shopbylayerCont.review-write .conts .table-wrap .table dl > dd .file-wrap + .file-wrap{margin-top:0.625rem;} .shopbylayerCont.review-write .conts .table-wrap .table dl > dd .file-box{display:flex;align-items:center;} .shopbylayerCont.review-write .conts .table-wrap .table dl > dd .file-box + .file-box{margin-top:0.625rem;} .shopbylayerCont.review-write .conts .table-wrap .table dl > dd .file-box input:disabled{} .shopbylayerCont.review-write .conts .table-wrap .table dl > dd .file-box label{font-weight:600;cursor:pointer;color:#030712;font-size:1rem;background-color:#fff;width:11.875rem;height:3rem;margin-left:0.75rem;display:flex;justify-content:space-between;align-items:center;line-height:0;border-radius: 0.25rem;border:1px solid #D1D5DB;padding:1rem;} .shopbylayerCont.review-write .conts .table-wrap .table dl > dd .file-box label:after{content:'';background: url("../images/common/file-select-icon.svg")no-repeat;display: inline-block;width: 1rem;height: 1rem;} .shopbylayerCont.review-write .conts .table-wrap .table dl > dd .file-box .upload-name {display: inline-block;vertical-align: middle;color: #999999;min-width:16rem;} .shopbylayerCont.review-write .conts .table-wrap .table dl > dd .file-box input[type=file] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;} .shopbylayerCont.review-write .conts .table-wrap .table dd > div.registered-files{margin-bottom:0.625rem;} .shopbylayerCont.review-write .conts .table-wrap .table dd > div.registered-files a + a{margin-top:0.3125rem;} .shopbylayerCont.review-write .conts .table-wrap .table dd > div.registered-files a{text-decoration:underline;display:block;width:fit-content;font-size:0.875rem;color:#888;font-weight:600;padding:0;line-height:1; display: flex;word-break: break-all;} .shopbylayerCont.review-write .conts .table-wrap .table dd > div.registered-files a::before{ content: '';background: url("../images/common/inquiry_clip.png")no-repeat center center/cover;min-width: 1rem;height: 1rem;display: inline-block;margin-right: 0.1875rem} .shopbylayerCont.review-write .btn-wrap {display:flex;justify-content:center;margin-top:3.125em;} .shopbylayerCont.review-write .btn-wrap a {min-width:7rem;height:3.0rem;;color:#666;font-size:1.125rem;font-weight:600;line-height:2.875rem;text-align:center;border:1px solid rgba(0,0,0,0.2);border-radius:0.625rem;} .shopbylayerCont.review-write .btn-wrap a.apply {color:#fff;border-color:#64B2FF;background-color:#64B2FF;} .shopbylayerCont.review-write .btn-wrap a + a {margin-left:0.5rem;} /* 08. 마이페이지 > 리뷰쓰기(수정) :: 팝업관련*/ .shopbylayerCont.review-write-modify{max-height:50.0rem;height:100%;min-height:50.0rem;padding:3.125rem;} .shopbylayerCont.review-write-modify .layerPopupClose{top:2.8125rem !important} .shopbylayerCont.review-write-modify .wrap h1 {color:#000;font-size:1.375rem;font-weight:600;border-bottom:1px solid #000;padding-bottom:1.0rem;} .shopbylayerCont.review-write-modify .conts {color:#000;font-size:1.125rem;line-height:1.4;overflow-y:auto;height:35rem;max-height:35rem;padding:0 0.3125rem;} .shopbylayerCont.review-write-modify .conts .table-wrap{padding-top:3.125rem;} .shopbylayerCont.review-write-modify .conts .table-wrap > p.title{font-size:1.125rem;font-weight:600;color:#000;padding-bottom:1.125rem;border-bottom:1px solid #000;} .shopbylayerCont.review-write-modify .conts .table-wrap > p.title span.desc{display:block;font-size:0.875rem;font-weight:400;color:#888;} .shopbylayerCont.review-write-modify .conts .table-wrap table thead tr th{padding:0.875rem 1.25rem;text-align:center;font-size:1rem;color:#000;} .shopbylayerCont.review-write-modify .conts .table-wrap table thead tr{border-bottom:1px solid #d9d9d9;} .shopbylayerCont.review-write-modify .conts .table-wrap table tbody tr{border-bottom:1px solid #d9d9d9;} .shopbylayerCont.review-write-modify .conts .table-wrap table tbody tr td{font-size:1rem;color:#000;padding:1.25rem;text-align:center;} .shopbylayerCont.review-write-modify .conts .table-wrap table tbody tr td.price{font-weight:600;} .shopbylayerCont.review-write-modify .conts .table-wrap table tbody tr td.goods{text-align:left;} .shopbylayerCont.review-write-modify .conts .table-wrap table tbody tr td.goods .goods-list{display:flex;align-items:center;} .shopbylayerCont.review-write-modify .conts .table-wrap table tbody tr td.goods .goods-list figure.thumb{width:5.625rem;height:5.625rem;border-radius:0.625rem;overflow:hidden;} .shopbylayerCont.review-write-modify .conts .table-wrap table tbody tr td.goods .goods-list div{margin-left:1rem} .shopbylayerCont.review-write-modify .conts .table-wrap table tbody tr td.goods .goods-list div p.tit{font-size:0.875rem;font-weight:400;color:#000;} .shopbylayerCont.review-write-modify .conts .table-wrap table tbody tr td.goods .goods-list div p.name{font-size:1rem;font-weight:600;color:#000;} .shopbylayerCont.review-write-modify .conts .table-wrap table tbody tr td.goods .goods-list div p.option-name{font-size:0.875rem;color:#888;margin-top:0.625rem;} .shopbylayerCont.review-write-modify .conts .table-wrap textarea{width:100%;height:6.25rem;border:1px solid #e2e2e2;min-width:100%;min-height:6.25rem;max-height:6.25rem;overflow-y:auto;padding:0.9375rem;outline:none;} .shopbylayerCont.review-write-modify .conts .table-wrap .table dt label span.ex{display:block;font-size:0.8125rem;} .shopbylayerCont.review-write-modify .conts .table-wrap .table dd > div{width:100%;font-size:0.875rem} .shopbylayerCont.review-write-modify .conts .table-wrap .table dd > div.registered-files{margin-bottom:0.625rem;} .shopbylayerCont.review-write-modify .conts .table-wrap .table dd > div.registered-files a + a{margin-top:0.3125rem;} .shopbylayerCont.review-write-modify .conts .table-wrap .table dd > div.registered-files a{text-decoration:underline;display:block;width:fit-content;font-size:0.875rem;color:#888;font-weight:600;padding:0;line-height:1; display: flex; } .shopbylayerCont.review-write-modify .conts .table-wrap .table dd > div.table_radio{display:flex;align-items:center;} .shopbylayerCont.review-write-modify .conts .table-wrap .table dd > div.table_radio .chk input[type=radio].cate + label .star{height:16px; background: url('../images/common/star-single-small.png') repeat-x left center;} .shopbylayerCont.review-write-modify .conts .table-wrap .table dd > div.table_radio .chk input[type=radio].cate + label .star.s5{width:80px;} .shopbylayerCont.review-write-modify .conts .table-wrap .table dd > div.table_radio .chk input[type=radio].cate + label .star.s4{width:64px;} .shopbylayerCont.review-write-modify .conts .table-wrap .table dd > div.table_radio .chk input[type=radio].cate + label .star.s3{width:48px;} .shopbylayerCont.review-write-modify .conts .table-wrap .table dd > div.table_radio .chk input[type=radio].cate + label .star.s2{width:32px;} .shopbylayerCont.review-write-modify .conts .table-wrap .table dd > div.table_radio .chk input[type=radio].cate + label .star.s1{width:16px;} .shopbylayerCont.review-write-modify .conts .table-wrap .table dl > dd .file-wrap{display:flex;align-items:center;} .shopbylayerCont.review-write-modify .conts .table-wrap .table dl > dd .file-wrap a.add{margin-left:1.75rem;font-size:0.75rem;color:#231F20;height:1.75rem;line-height:0;padding:0 0.75rem;min-width:3.5rem;border-radius:1rem;border:1px solid #d9d9d9;background-color:#fff;display:flex;align-items:center;justify-content:center;} .shopbylayerCont.review-write-modify .conts .table-wrap .table dl > dd .file-wrap a.add:before{content:'+';margin-right:0.1875rem;} .shopbylayerCont.review-write-modify .conts .table-wrap .table dl > dd .file-wrap a.del{margin-left:1.75rem;font-size:0.75rem;color:#231F20;height:1.75rem;line-height:0;padding:0 0.75rem;min-width:3.5rem;border-radius:1rem;border:1px solid #d9d9d9;background-color:#fff;display:flex;align-items:center;justify-content:center;} .shopbylayerCont.review-write-modify .conts .table-wrap .table dl > dd .file-wrap a.del:before{content:'-';margin-right:0.1875rem;} .shopbylayerCont.review-write-modify .conts .table-wrap .table dl > dd .file-wrap + .file-wrap{margin-top:0.625rem;} .shopbylayerCont.review-write-modify .conts .table-wrap .table dl > dd .file-box{display:flex;align-items:center;} .shopbylayerCont.review-write-modify .conts .table-wrap .table dl > dd .file-box + .file-box{margin-top:0.625rem;} .shopbylayerCont.review-write-modify .conts .table-wrap .table dl > dd .file-box input:disabled{background-color:#fff !important} .shopbylayerCont.review-write-modify .conts .table-wrap .table dl > dd .file-box label{font-weight:300;cursor:pointer;color:#fff;font-size:0.875rem;background-color:#444;width:9.375rem;height:3.125rem;margin-left:0.3125rem;display:flex;justify-content:center;align-items:center;line-height:0;} .shopbylayerCont.review-write-modify .conts .table-wrap .table dl > dd .file-box .upload-name {display: inline-block;vertical-align: middle;color: #999999;min-width:23.125rem;} .shopbylayerCont.review-write-modify .conts .table-wrap .table dl > dd .file-box input[type=file] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;} .shopbylayerCont.review-write-modify .btn-wrap {display:flex;justify-content:center;margin-top:3.125em;} .shopbylayerCont.review-write-modify .btn-wrap a {min-width:7rem;height:3.0rem;;color:#666;font-size:1.125rem;font-weight:600;line-height:2.875rem;text-align:center;border:1px solid rgba(0,0,0,0.2);border-radius:0.625rem;} .shopbylayerCont.review-write-modify .btn-wrap a.apply {color:#fff;border-color:#64B2FF;background-color:#64B2FF;} .shopbylayerCont.review-write-modify .btn-wrap a + a {margin-left:0.5rem;} /* 08. 마이페이지 > 비회원 리뷰쓰기 :: 팝업관련*/ .shopbylayerCont.nonMemReview-write{max-height:85%;min-height:35.0rem;padding:3.125rem;} .shopbylayerCont.nonMemReview-write .layerPopupClose{top:2.8125rem !important} .shopbylayerCont.nonMemReview-write .wrap h1 {color:#000;font-size:1.375rem;font-weight:600;border-bottom:1px solid #000;padding-bottom:1.0rem;} .shopbylayerCont.nonMemReview-write .conts {color:#000;font-size:1.125rem;line-height:1.4;overflow-y:auto;height:35rem;padding:0 0.3125rem;} .shopbylayerCont.nonMemReview-write .conts .table-wrap{padding-top:3.125rem;} .shopbylayerCont.nonMemReview-write .conts .table-wrap > p.title{font-size:1.125rem;font-weight:600;color:#000;padding-bottom:1.125rem;border-bottom:1px solid #000;} .shopbylayerCont.nonMemReview-write .conts .table-wrap > p.title span.desc{display:block;font-size:0.875rem;font-weight:400;color:#888;} .shopbylayerCont.nonMemReview-write .conts .table-wrap table thead tr th{padding:0.875rem 1.25rem;text-align:center;font-size:1rem;color:#000;} .shopbylayerCont.nonMemReview-write .conts .table-wrap table thead tr{border-bottom:1px solid #d9d9d9;} .shopbylayerCont.nonMemReview-write .conts .table-wrap table tbody tr{border-bottom:1px solid #d9d9d9;} .shopbylayerCont.nonMemReview-write .conts .table-wrap table tbody tr td{font-size:1rem;color:#000;padding:1.25rem;text-align:center;} .shopbylayerCont.nonMemReview-write .conts .table-wrap table tbody tr td.price{font-weight:600;} .shopbylayerCont.nonMemReview-write .conts .table-wrap table tbody tr td.goods{text-align:left;} .shopbylayerCont.nonMemReview-write .conts .table-wrap table tbody tr td.goods .goods-list{display:flex;align-items:center;} .shopbylayerCont.nonMemReview-write .conts .table-wrap table tbody tr td.goods .goods-list figure.thumb{width:5.625rem;height:5.625rem;border-radius:0.625rem;overflow:hidden;} .shopbylayerCont.nonMemReview-write .conts .table-wrap table tbody tr td.goods .goods-list div{margin-left:1rem} .shopbylayerCont.nonMemReview-write .conts .table-wrap table tbody tr td.goods .goods-list div p.tit{font-size:1rem;font-weight:400;color:#000;} .shopbylayerCont.nonMemReview-write .conts .table-wrap table tbody tr td.goods .goods-list div p.name{font-size:0.875rem;font-weight:600;color:#000;} .shopbylayerCont.nonMemReview-write .conts .table-wrap table tbody tr td.goods .goods-list div p.option-name{font-size:0.75rem;color:#888;margin-top:0.625rem;} .shopbylayerCont.nonMemReview-write .conts .table-wrap textarea{width:100%;height:6.25rem;border:1px solid #e2e2e2;min-width:100%;min-height:6.25rem;max-height:6.25rem;overflow-y:auto;padding:0.9375rem;outline:none;} .shopbylayerCont.nonMemReview-write .conts .table-wrap .table dt label span.ex{display:block;font-size:0.8125rem;} .shopbylayerCont.nonMemReview-write .conts .table-wrap .table dd > div{width:100%;font-size:0.875rem} .shopbylayerCont.nonMemReview-write .conts .table-wrap .table dd input.w100{width:23.125rem} .shopbylayerCont.nonMemReview-write .conts .table-wrap .table dd > div.table_radio{display:flex;align-items:center;} .shopbylayerCont.nonMemReview-write .conts .table-wrap .table dd > div.table_radio .chk input[type=radio].cate + label .star{height:16px; background: url('../images/common/star-single-small.png') repeat-x left center;} .shopbylayerCont.nonMemReview-write .conts .table-wrap .table dd > div.table_radio .chk input[type=radio].cate + label .star.s5{width:80px;} .shopbylayerCont.nonMemReview-write .conts .table-wrap .table dd > div.table_radio .chk input[type=radio].cate + label .star.s4{width:64px;} .shopbylayerCont.nonMemReview-write .conts .table-wrap .table dd > div.table_radio .chk input[type=radio].cate + label .star.s3{width:48px;} .shopbylayerCont.nonMemReview-write .conts .table-wrap .table dd > div.table_radio .chk input[type=radio].cate + label .star.s2{width:32px;} .shopbylayerCont.nonMemReview-write .conts .table-wrap .table dd > div.table_radio .chk input[type=radio].cate + label .star.s1{width:16px;} .shopbylayerCont.nonMemReview-write .conts .table-wrap .table dl > dd .file-wrap{display:flex;align-items:center;} .shopbylayerCont.nonMemReview-write .conts .table-wrap .table dl > dd .file-wrap a.add{margin-left:1.75rem;font-size:0.75rem;color:#231F20;height:1.75rem;line-height:0;padding:0 0.75rem;min-width:3.5rem;border-radius:1rem;border:1px solid #d9d9d9;background-color:#fff;display:flex;align-items:center;justify-content:center;} .shopbylayerCont.nonMemReview-write .conts .table-wrap .table dl > dd .file-wrap a.add:before{content:'+';margin-right:0.1875rem;} .shopbylayerCont.nonMemReview-write .conts .table-wrap .table dl > dd .file-wrap a.del{margin-left:1.75rem;font-size:0.75rem;color:#231F20;height:1.75rem;line-height:0;padding:0 0.75rem;min-width:3.5rem;border-radius:1rem;border:1px solid #d9d9d9;background-color:#fff;display:flex;align-items:center;justify-content:center;} .shopbylayerCont.nonMemReview-write .conts .table-wrap .table dl > dd .file-wrap a.del:before{content:'-';margin-right:0.1875rem;} .shopbylayerCont.nonMemReview-write .conts .table-wrap .table dl > dd .file-wrap + .file-wrap{margin-top:0.625rem;} .shopbylayerCont.nonMemReview-write .conts .table-wrap .table dl > dd .file-box{display:flex;align-items:center;} .shopbylayerCont.nonMemReview-write .conts .table-wrap .table dl > dd .file-box + .file-box{margin-top:0.625rem;} .shopbylayerCont.nonMemReview-write .conts .table-wrap .table dl > dd .file-box input:disabled{background-color:#fff !important} .shopbylayerCont.nonMemReview-write .conts .table-wrap .table dl > dd .file-box label{font-weight:300;cursor:pointer;color:#fff;font-size:0.875rem;background-color:#444;width:9.375rem;height:3.125rem;margin-left:0.3125rem;display:flex;justify-content:center;align-items:center;line-height:0;} .shopbylayerCont.nonMemReview-write .conts .table-wrap .table dl > dd .file-box .upload-name {display: inline-block;vertical-align: middle;color: #999999;min-width:23.125rem;} .shopbylayerCont.nonMemReview-write .conts .table-wrap .table dl > dd .file-box input[type=file] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;} .shopbylayerCont.nonMemReview-write .btn-wrap {display:flex;justify-content:center;margin-top:3.125em;} .shopbylayerCont.nonMemReview-write .btn-wrap a {min-width:20.0rem;height:3.0rem;;color:#000;font-size:1.125rem;font-weight:600;line-height:2.875rem;text-align:center;border:1px solid #000;border-radius:3.0rem;} .shopbylayerCont.nonMemReview-write .btn-wrap a.apply {color:#fff;border-color:#ed1b23;background-color:#ed1b23;} .shopbylayerCont.nonMemReview-write .btn-wrap a + a {margin-left:0.5rem;} /* 08. 마이페이지 > 비회원 리뷰쓰기(수정) :: 팝업관련*/ .shopbylayerCont.nonMemReview-write-modify{max-height:85%;min-height:35.0rem;padding:3.125rem;} .shopbylayerCont.nonMemReview-write-modify .layerPopupClose{top:2.8125rem !important} .shopbylayerCont.nonMemReview-write-modify .wrap h1 {color:#000;font-size:1.375rem;font-weight:600;border-bottom:1px solid #000;padding-bottom:1.0rem;} .shopbylayerCont.nonMemReview-write-modify .conts {color:#000;font-size:1.125rem;line-height:1.4;overflow-y:auto;height:35rem;padding:0 0.3125rem;} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap{padding-top:3.125rem;} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap > p.title{font-size:1.125rem;font-weight:600;color:#000;padding-bottom:1.125rem;border-bottom:1px solid #000;} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap > p.title span.desc{display:block;font-size:0.875rem;font-weight:400;color:#888;} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap table thead tr th{padding:0.875rem 1.25rem;text-align:center;font-size:1rem;color:#000;} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap table thead tr{border-bottom:1px solid #d9d9d9;} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap table tbody tr{border-bottom:1px solid #d9d9d9;} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap table tbody tr td{font-size:1rem;color:#000;padding:1.25rem;text-align:center;} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap table tbody tr td.price{font-weight:600;} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap table tbody tr td.goods{text-align:left;} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap table tbody tr td.goods .goods-list{display:flex;align-items:center;} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap table tbody tr td.goods .goods-list figure.thumb{width:5.625rem;height:5.625rem;border-radius:0.625rem;overflow:hidden;} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap table tbody tr td.goods .goods-list div{margin-left:1rem} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap table tbody tr td.goods .goods-list div p.tit{font-size:1rem;font-weight:400;color:#000;} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap table tbody tr td.goods .goods-list div p.name{font-size:0.875rem;font-weight:600;color:#000;} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap table tbody tr td.goods .goods-list div p.option-name{font-size:0.75rem;color:#888;margin-top:0.625rem;} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap textarea{width:100%;height:6.25rem;border:1px solid #e2e2e2;min-width:100%;min-height:6.25rem;max-height:6.25rem;overflow-y:auto;padding:0.9375rem;outline:none;} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap .table dt label span.ex{display:block;font-size:0.8125rem;} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap .table dd > div{width:100%;font-size:0.875rem} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap .table dd input.w100{width:23.125rem} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap .table dd > div.registered-files{margin-bottom:0.625rem;} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap .table dd > div.registered-files a + a{margin-top:0.3125rem;} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap .table dd > div.registered-files a{text-decoration:underline;display:block;width:fit-content;font-size:0.875rem;color:#888;font-weight:600;padding:0;line-height:1;} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap .table dd > div.table_radio{display:flex;align-items:center;} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap .table dd > div.table_radio .chk input[type=radio].cate + label .star{height:16px; background: url('../images/common/star-single-small.png') repeat-x left center;} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap .table dd > div.table_radio .chk input[type=radio].cate + label .star.s5{width:80px;} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap .table dd > div.table_radio .chk input[type=radio].cate + label .star.s4{width:64px;} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap .table dd > div.table_radio .chk input[type=radio].cate + label .star.s3{width:48px;} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap .table dd > div.table_radio .chk input[type=radio].cate + label .star.s2{width:32px;} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap .table dd > div.table_radio .chk input[type=radio].cate + label .star.s1{width:16px;} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap .table dl > dd .file-wrap{display:flex;align-items:center;} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap .table dl > dd .file-wrap a.add{margin-left:1.75rem;font-size:0.75rem;color:#231F20;height:1.75rem;line-height:0;padding:0 0.75rem;min-width:3.5rem;border-radius:1rem;border:1px solid #d9d9d9;background-color:#fff;display:flex;align-items:center;justify-content:center;} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap .table dl > dd .file-wrap a.add:before{content:'+';margin-right:0.1875rem;} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap .table dl > dd .file-wrap a.del{margin-left:1.75rem;font-size:0.75rem;color:#231F20;height:1.75rem;line-height:0;padding:0 0.75rem;min-width:3.5rem;border-radius:1rem;border:1px solid #d9d9d9;background-color:#fff;display:flex;align-items:center;justify-content:center;} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap .table dl > dd .file-wrap a.del:before{content:'-';margin-right:0.1875rem;} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap .table dl > dd .file-wrap + .file-wrap{margin-top:0.625rem;} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap .table dl > dd .file-box{display:flex;align-items:center;} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap .table dl > dd .file-box + .file-box{margin-top:0.625rem;} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap .table dl > dd .file-box input:disabled{background-color:#fff !important} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap .table dl > dd .file-box label{font-weight:300;cursor:pointer;color:#fff;font-size:0.875rem;background-color:#444;width:9.375rem;height:3.125rem;margin-left:0.3125rem;display:flex;justify-content:center;align-items:center;line-height:0;} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap .table dl > dd .file-box .upload-name {display: inline-block;vertical-align: middle;color: #999999;min-width:23.125rem;} .shopbylayerCont.nonMemReview-write-modify .conts .table-wrap .table dl > dd .file-box input[type=file] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;} .shopbylayerCont.nonMemReview-write-modify .btn-wrap {display:flex;justify-content:center;margin-top:3.125em;} .shopbylayerCont.nonMemReview-write-modify .btn-wrap a {min-width:20.0rem;height:3.0rem;;color:#000;font-size:1.125rem;font-weight:600;line-height:2.875rem;text-align:center;border:1px solid #000;border-radius:3.0rem;} .shopbylayerCont.nonMemReview-write-modify .btn-wrap a.apply {color:#fff;border-color:#ed1b23;background-color:#ed1b23;} .shopbylayerCont.nonMemReview-write-modify .btn-wrap a + a {margin-left:0.5rem;} /* 08. 마이페이지 > 현금영수증 발급 :: 팝업관련*/ .shopbylayerCont.cash-receipt{padding:3.125rem;} .shopbylayerCont.cash-receipt .layerPopupClose{top:2.8125rem !important} .shopbylayerCont.cash-receipt .wrap h1 {color:#000;font-size:1.375rem;font-weight:600;border-bottom:1px solid #000;padding-bottom:1.0rem;} .shopbylayerCont.cash-receipt .conts {color:#000;font-size:1.125rem;line-height:1.4;overflow-y:auto;height:33rem;padding:1rem 0.3125rem 0;} .shopbylayerCont.cash-receipt .conts .table-wrap + .table-wrap{margin-top:3.125rem;} .shopbylayerCont.cash-receipt .conts .table-wrap > p.title{font-size:1.125rem;font-weight:600;color:#000;padding-bottom:1.125rem;border-bottom:1px solid #000;} .shopbylayerCont.cash-receipt .conts .table-wrap > p.title span.desc{display:block;font-size:0.875rem;font-weight:400;color:#888;} .shopbylayerCont.cash-receipt .conts .table-wrap .table dd{padding-left: 1.25rem;} .shopbylayerCont.cash-receipt .conts .table-wrap .table dd > div{width:100%;font-size:0.875rem} .shopbylayerCont.cash-receipt .conts .table-wrap .table dd > div.table_radio{display:flex;align-items:center; } .shopbylayerCont.cash-receipt .conts .table-wrap .table dd > div.table_radio > div > input[type=radio] + label{color: #888;} .shopbylayerCont.cash-receipt .conts .table-wrap .table dd > div.table_radio > div > input[type=radio]:checked + label{color: #000;} .shopbylayerCont.cash-receipt .conts .table-wrap .table dd > div input[type=text]{min-width:23.125rem; } .shopbylayerCont.cash-receipt .btn-wrap {display:flex;justify-content:center;margin-top:3.125em;} .shopbylayerCont.cash-receipt .btn-wrap a {min-width: 7rem; height:3.0rem;;color:#666;font-size:1.125rem;font-weight:600;line-height:2.875rem;text-align:center;border:1px solid rgba(0,0,0,0.2);border-radius:0.625rem;} .shopbylayerCont.cash-receipt .btn-wrap a.apply {color:#fff;border-color:#64B2FF;background-color:#64B2FF;min-width:8.9375rem;} .shopbylayerCont.cash-receipt .btn-wrap a + a {margin-left:0.5rem;} /* 08. 마이페이지 > 쿠폰등록 :: 팝업관련*/ .shopbylayerCont.order-coupon {} .shopbylayerCont.order-coupon .wrap h1 {} .shopbylayerCont.order-coupon .conts {color:#030712;font-size:1.125rem;line-height:1.4;overflow-y:auto;} .shopbylayerCont.order-coupon .conts > p{font-size:1rem;color:#030712;margin-bottom:0.25rem;} .shopbylayerCont.order-coupon .conts > div input{width:100%;} .shopbylayerCont.order-coupon .btn-wrap {display:flex;justify-content:center;border-top:1px solid #D1D5DB;} .shopbylayerCont.order-coupon .btn-wrap a {min-width:7rem;height:3.0rem;border-radius:0.25rem;width:100%;} .shopbylayerCont.order-coupon .btn-wrap a.apply {} .shopbylayerCont.order-coupon .btn-wrap a + a {margin-left:0.75rem;} /* 08. 마이페이지 > 쿠폰등록 :: 사용가능조건*/ .shopbylayerCont.terms-use {} .shopbylayerCont.terms-use .wrap h1 {} .shopbylayerCont.terms-use .conts {color:#030712;font-size:1.125rem;line-height:1.4;overflow-y:auto;} .shopbylayerCont.terms-use .conts > p{font-size:1rem;color:#030712;margin-bottom:0.25rem;} .shopbylayerCont.terms-use .conts > div{} .shopbylayerCont.terms-use .conts > div + div{margin-top:1.5rem;} .shopbylayerCont.terms-use .conts > div p.topic{color:#030712;font-size:1rem;font-weight:700;} .shopbylayerCont.terms-use .conts > div > div{display: flex;align-items: center;margin-top:0.75rem;} .shopbylayerCont.terms-use .conts > div > div span{display: flex;align-items: center;padding:0 0.625rem;background-color: #F3F4F6;line-height: 1.5rem;border-radius: 2px;} .shopbylayerCont.terms-use .conts > div > div span + span{margin-left:0.25rem;} .shopbylayerCont.terms-use .btn-wrap {display:flex;justify-content:center;} .shopbylayerCont.terms-use .btn-wrap a {min-width:7rem;height:3.0rem;border-radius:0.25rem;width:100%;} .shopbylayerCont.terms-use .btn-wrap a.apply {} .shopbylayerCont.terms-use .btn-wrap a + a {margin-left:0.75rem;} /* 08. 마이페이지 > 회원 개인정보 수집/이용 :: 팝업관련*/ .shopbylayerCont.personal-info-popup {max-height:85%;min-height:35.0rem;padding:3.125rem;} .shopbylayerCont.personal-info-popup .layerPopupClose{top:2.8125rem !important} .shopbylayerCont.personal-info-popup .wrap h1 {color:#000;font-size:1.375rem;font-weight:600;border-bottom:1px solid #000;padding-bottom:1.0rem;} .shopbylayerCont.personal-info-popup .wrap .conts{overflow-y:auto;height:22.125rem;padding-bottom:0.5rem;padding-top:1rem;color:#000;font-size:1.0rem;font-weight:400;} .shopbylayerCont.personal-info-popup .btn-wrap {display:flex;justify-content:center;margin-top:3.125em;} .shopbylayerCont.personal-info-popup .btn-wrap a {min-width:20.0rem;height:3.0rem;;color:#fff;font-size:1.125rem;font-weight:600;line-height:2.875rem;text-align:center;border:1px solid #000;border-radius:3.0rem;background-color:#000;} /* 08. 마이페이지 > 회원 개인정보 수집/이용 :: 비밀번호 도움말*/ .shopbylayerCont.password-guide {} .shopbylayerCont.password-guide .wrap h1 {} .shopbylayerCont.password-guide .conts {overflow-y:auto;} .shopbylayerCont.password-guide .conts > p{font-size:0.875rem;padding-left:0.625rem;position:relative;} .shopbylayerCont.password-guide .conts > p.cSky{color:#64B2FF;font-weight:600;margin-left:1rem;} .shopbylayerCont.password-guide .conts > p:before{content:'';background-color: #030712;width:3px;height:3px;border-radius: 50%;position: absolute;left:0;top:6px;} .shopbylayerCont.password-guide .conts > p.cSky:before{background-color:#64B2FF ;} .shopbylayerCont.password-guide .conts > p + p{margin-top:0.25rem;} /* 08. 마이페이지 > 비회원 개인정보 수집/이용 :: 팝업관련*/ .shopbylayerCont.nonPersonal-info-popup .wrap h1 {} .shopbylayerCont.nonPersonal-info-popup .wrap .conts{overflow-y:auto;max-height: 500px;} /* 08. 마이페이지 > 비회원 개인정보 수집/이용 :: 팝업관련*/ .shopbylayerCont.use-term-popup .wrap h1 {} .shopbylayerCont.use-term-popup .wrap .conts{overflow-y:auto;max-height:500px;} .shopbylayerCont.use-term-popup .btn-wrap {} /* 08. 마이페이지 > 상품선택 :: 팝업관련*/ .shopbylayerCont.prd-select .wrap h1 {} .shopbylayerCont.prd-select .conts {color:#000;font-size:1.125rem;line-height:1.4;} .shopbylayerCont.prd-select .conts .select-box-default-st.option span.selectText{width: 100%;} .shopbylayerCont.prd-select .conts .select-box-default-st.option ul.select-box-option{} .shopbylayerCont.prd-select .conts .sel-wrap{} .shopbylayerCont.prd-select .conts .sel-wrap > .category{display:flex;align-items:flex-start;flex-direction: column;} .shopbylayerCont.prd-select .conts .sel-wrap > .category > h4{font-size:1rem;color:#030712;} .shopbylayerCont.prd-select .conts .sel-wrap > .category > div.ip-box{display:flex;align-items:center;/* width:12.5rem */width:100%} .shopbylayerCont.prd-select .conts .sel-wrap > .category > div.ip-box > div{margin-top:0 !important;width: 100%;} .shopbylayerCont.prd-select .conts .sel-wrap > .category > div.ip-box > div + div{margin-left:0.75rem} .shopbylayerCont.prd-select .conts .sel-wrap > .search{display:flex;align-items:flex-start;margin-top:1.5rem;flex-direction: column;} .shopbylayerCont.prd-select .conts .sel-wrap > .search > h4{font-size:1rem;color:#030712;/* margin-right:1.5rem; */} .shopbylayerCont.prd-select .conts .sel-wrap > .search > div.ip-box{display:flex;align-items:center;width:100%;} .shopbylayerCont.prd-select .conts .sel-wrap > .search > div.ip-box .select-box-default-st.option{margin-right:0.75rem;min-width:8rem;} .shopbylayerCont.prd-select .conts .sel-wrap > .search > div.ip-box .search-ip{display:flex;align-items:center;width:calc(100% - 8.75rem);} .shopbylayerCont.prd-select .conts .sel-wrap > .search > div.ip-box .search-ip input{width:calc(100% - 6rem);} .shopbylayerCont.prd-select .conts .sel-wrap > .search > div.ip-box .search-ip a.search-btn{margin-left:0.75rem;background-color:#1F2937;display:flex;align-items: center;justify-content: center;padding:0 1rem;line-height: 3rem;color: #fff;font-size:1rem;font-weight: 600;border-radius: 0.25rem;} .shopbylayerCont.prd-select .conts .sel-wrap > .search > div.ip-box .search-ip a.search-btn:before{content:'';background: url("../images/common/w-search-icon.svg")no-repeat;width: 1rem;height: 1rem;display: inline-block;margin-right:0.5rem;} .shopbylayerCont.prd-select .conts .table-wrap{padding-top:1.5rem;margin-top:1.5rem;border-top:1px solid #D1D5DB;} .shopbylayerCont.prd-select .conts .table-wrap > p.title{font-size:1rem;font-weight:600;color:#030712;padding-bottom:1.5rem;border-bottom:1px solid #6B7280;} .shopbylayerCont.prd-select .conts .table-wrap > p.title span.num{display:inline-block;font-weight:700;} .shopbylayerCont.prd-select .conts .table-wrap .table{} .shopbylayerCont.prd-select .conts .table-wrap table thead tr th{padding:0.75rem;text-align:center;font-size:0.875rem;color:#030712;font-weight:600;} .shopbylayerCont.prd-select .conts .table-wrap table thead tr{border-bottom:1px solid #6B7280;} .shopbylayerCont.prd-select .conts .table-wrap table tbody tr{border-bottom:1px solid #D1D5DB;} .shopbylayerCont.prd-select .conts .table-wrap table tbody tr td{font-size:1rem;padding:0.875rem;text-align:center;} .shopbylayerCont.prd-select .conts .table-wrap table tbody tr td.price{font-weight:600;} .shopbylayerCont.prd-select .conts .table-wrap table tbody tr td.goods{text-align:left;} .shopbylayerCont.prd-select .conts .table-wrap table tbody tr td.goods input[type=radio] + label:before{margin-right:0;} /* .shopbylayerCont.prd-select .conts .table-wrap table tbody tr td.goods .goods-list{display:flex;align-items:center;} .shopbylayerCont.prd-select .conts .table-wrap table tbody tr td.goods .goods-list figure.thumb{width:5.625rem;height:5.625rem;border-radius:0.625rem;overflow:hidden;background: #f7f7f7; display: flex; align-items: center; justify-content: center;} .shopbylayerCont.prd-select .conts .table-wrap table tbody tr td.goods .goods-list p{margin-left:1.25rem;font-size:1rem;font-weight:400;color:#000;} */ .shopbylayerCont.prd-select .conts .table-wrap table tbody tr td.goods > div{display:flex;align-items:center;} .shopbylayerCont.prd-select .conts .table-wrap table tbody tr td.goods > div > figure{background-color: #F3F4F6; display: flex; align-items: center; justify-content: center; width:2.5rem;height:2.5rem;border-radius:0.25rem;overflow:hidden;min-width: 2.5rem;} .shopbylayerCont.prd-select .conts .table-wrap table tbody tr td.goods > div > figure img{} .shopbylayerCont.prd-select .conts .table-wrap table tbody tr td.goods > div > div{max-width:calc(100% - 2.5rem);padding-left:0.75rem;} .shopbylayerCont.prd-select .conts .table-wrap table tbody tr td.goods > div > div p{color:#030712;font-size:1rem;} .shopbylayerCont.prd-select .conts .table-wrap table tbody tr td.goods > div > div span{color:#6B7280;font-size:0.75rem;} .shopbylayerCont.prd-select .conts .table-wrap table tbody tr td.goods > div > div a.company{font-size:0.75rem;font-weight:600;color:#9CA3AF;display:inline-flex;align-items:center;line-height: 1;} .shopbylayerCont.prd-select .conts .table-wrap table tbody tr td.goods > div > div a.company:after{content:'';background:url("../images/common/prd-list-arrow.svg")no-repeat center;width:1rem;height:1rem;display:inline-block;margin-top:-1px;} .shopbylayerCont.prd-select .conts .table-wrap table tbody tr td.goods > div > div a.company:before{content:'';background:url("../images/common/prd-list-logo2.svg")no-repeat center;width:1rem;height:1.0625rem;display:inline-block;margin-right:0.25rem;margin-top:-1px;} .shopbylayerCont.prd-select .conts .table-wrap table tbody tr td.goods > div > div a.company.sim:before{content:'';background:url("../images/common/prd-list-logo.svg")no-repeat center;width:1rem;height:1rem;display:inline-block;margin-right:0.25rem;} /* 08. 비회원 주문비밀번호 찾기*/ .shopbylayerCont.nonMem_orderPass {min-height:23.625rem;} .shopbylayerCont.nonMem_orderPass .conts .ip-box{} .shopbylayerCont.nonMem_orderPass .conts .ip-box input{width:100%;} .shopbylayerCont.nonMem_orderPass .conts .ip-box input + input{margin-top:0.3125rem} .shopbylayerCont.nonMem_orderPass .btn-wrap{display: flex; align-items: center; justify-content: space-between;} .shopbylayerCont.nonMem_orderPass .btn-wrap a{width: 100%;} .shopbylayerCont.nonMem_orderPass .btn-wrap a + a{margin-left: 0.75rem;} /* 입점문의 팝업 */ .shopbylayerCont.inquiry-popup .conts{overflow-y: auto;} .shopbylayerCont.inquiry-popup .conts .explan h4{font-size: 1.25rem; font-weight: 700;margin-bottom:0.25rem ;} .shopbylayerCont.inquiry-popup .conts .explan p{line-height: 1.25rem;} .shopbylayerCont.inquiry-popup .conts .table dl dd > div{width: 100%; display: flex; align-items: center;} .shopbylayerCont.inquiry-popup .conts .table dl dd > div input{width: 100%;} .shopbylayerCont.inquiry-popup .conts .table dl dd > div textarea{width: 100%;height: 15rem;border: 1px solid #e2e2e2;min-width: 100%;overflow-y: auto;padding: 0.75rem;outline: none;border-radius: 0.25rem;resize: none;font-size: 1rem;} .shopbylayerCont.inquiry-popup .conts .table dl dd > div.radio-wrap .radio + .radio{margin-left: 1.5rem;} .shopbylayerCont.inquiry-popup .conts .table dl dd .num_ip {display: flex;align-items: flex-start;height: 100%;} .shopbylayerCont.inquiry-popup .conts .table dl dd .form_num {width: 14rem;height: 100%;min-height: 5.625rem;display: flex;justify-content: center;align-items: center;border: 1px solid #e2e2e2;position: relative;overflow: hidden;} .shopbylayerCont.inquiry-popup .conts .table dl dd .form_num a.ref-btn {background: url("../images/common/ref-btn.png")no-repeat;position: absolute;right: 0.625rem;bottom: 0.625rem;width: 1.125rem;height: 1.1875rem;} .shopbylayerCont.inquiry-popup .conts .table dl dd .enter {margin-left: 0.3125rem;width: calc(100% - 14rem)} .shopbylayerCont.inquiry-popup .conts .table dl dd .enter input[type=text] {margin-top: 0.3125rem;} .shopbylayerCont.inquiry-popup .conts .gain-info{margin-top: 1.5rem; border: 1px solid #D1D5DB; border-radius: 0.25rem; padding: 0.75rem; background: #F3F4F6;} .shopbylayerCont.inquiry-popup .conts .gain-info h4{font-size: 0.875rem; font-weight: 700; margin-bottom: 0.25rem;} .shopbylayerCont.inquiry-popup .conts .gain-info p{line-height: 1.25rem;font-size: 0.875rem;} .shopbylayerCont.inquiry-popup .conts .chkbox{margin-top: 1.5rem;} .shopbylayerCont.inquiry-popup .conts div.select-box-default-st.option{margin-left:0.75rem ;} .shopbylayerCont.inquiry-popup .conts div.select-box-default-st.option span.selectText{height: 3.125rem;} /* 07 멤버십 */ /* 로그인(아이디/비밀번호, 비회원 조회) */ .contents.member.join_login .login-box {width:100%;max-width:37rem;margin:0 auto;margin-top:3rem;} .contents.member.join_login .login-box form input[type=text], .contents.member.join_login .login-box form input[type=password], .contents.member.join_login .login-box form input[type=submit] {width:100%;line-height:3rem;border-radius:0;margin-bottom:0.75rem;padding:0 1rem;border:none;border-bottom:1px solid #D1D5DB;font-size:1rem;} .contents.member.join_login .login-box form input[type=text]::placeholder, .contents.member.join_login .login-box form input[type=password]::placeholder, .contents.member.join_login .login-box form input[type=submit]::placeholder{font-size:1rem;color:#9CA3AF;} .contents.member.join_login .login-box .idchk {font-size:1rem;} .contents.member.join_login .login-box .etc{display:flex;justify-content: space-between;align-items:center;margin:0.75rem 0 1.5rem;} .contents.member.join_login .login-box .search-btn {display:flex;} .contents.member.join_login .login-box .search-btn a {padding:0;margin:0;height:auto;border:0 none;background:0 none;font-size:1rem;color:#030712;text-decoration: underline;text-underline-offset: 3px;} .contents.member.join_login .login-box .search-btn a + a{margin-left:1.5rem;} .contents.member.join_login .login-box .login-wrap .login-btn {color:#fff;background:#1F2937;font-weight:600;font-size:1rem;margin-bottom:0;border:1px solid #1F2937;border-radius: 0.25rem;line-height:2.875rem;} .contents.member.join_login .login-box .login-wrap a.kakao {background-color:#FEE502;display:flex;align-items:center;justify-content: center;line-height: 3rem;border-radius: 0.25rem;margin-top:0.75rem;color:#030712;font-size:1rem;font-weight:600;} .contents.member.join_login .login-box .sns-login {text-align:center;margin-top:1.5rem;} .contents.member.join_login .login-box .sns-login span {font-weight:600;} /* .contents.member.join_login .login-box .sns-login span:before {content:"";width:100%;height:1px;background-color:#E2E2E2;display:inline-block;margin-bottom:-0.9375rem;} */ .contents.member.join_login .login-box .sns-login span em {font-style:normal;font-weight:400;font-size:0.875rem;padding:0 10px;} .contents.member.join_login .login-box .sns-login .sns-box {display:flex;justify-content:center;margin:0.75rem 0 3rem;} .contents.member.join_login .login-box .sns-login .sns-box a {font-size:0;line-height:0;border-radius:0.25rem;overflow:hidden;width:3rem;height:3rem;} .contents.member.join_login .login-box .sns-login .sns-box a + a {margin-left:0.75rem;} .contents.member.join_login .login-box .sns-login .sns-box a.facebook {background-color:#006DCC;} .contents.member.join_login .login-box .sns-login .sns-box a.naver {background-color:#28CE4B;} .contents.member.join_login .login-box .member-btn{} .contents.member.join_login .login-box .member-btn > a{display:flex;align-items:center;justify-content: center;width: 100%;line-height: 3rem;color:#030712;font-size:1rem;font-weight:600;border:1px solid #D1D5DB;border-radius: 0.25rem;} .contents.member.join_login .login-box .member-btn > a + a{margin-top:0.75rem;} .contents.member.join_login .login-box .member-btn > a.last{margin-top:3rem;} .contents.member.join_login .login-box .n-login-wrap p.title {text-align:center;font-weight:600;font-size:1.125rem;margin-bottom:1.125rem} .contents.member.join_login .login-box .n-login-wrap input.confirm-btn {border-radius:0.25rem;font-size:1rem;background:#fff;margin-bottom:0;font-weight:600;border:1px solid #D1D5DB;color:#030712;} .contents.member.join_login .login-box .find-orderPass {margin-top: 1.5rem; display: flex; align-items: center; flex-direction: column; justify-content: center;} .contents.member.join_login .login-box .find-orderPass a{text-decoration: underline;} .contents.member.join_login .login-box .find-orderPass p{margin-top: 1.5rem; font-size: 0.875rem;} .contents.member.join_login .login-box p.info_txt{font-size:0.875rem; letter-spacing: -0.5px;position: relative;padding-left: 0.8125rem;} .contents.member.join_login .login-box p.info_txt::before{content: '※ '; display: inline-block;position: absolute;left: 0;top: 0rem;} /* 로그인(비회원 주문) */ .contents.member.join_login .login-box .n-login-wrap a.confirm-btn{font-size:1rem;background:#F5F5F5;margin-bottom:0;font-weight:600;border:1px solid #F5F5F5;color:#231F20;display:flex;justify-content:center;align-items:center;width: 100%;line-height: 2.75rem;border-radius: 0.625rem;padding: 0 1.25rem;} /* 상단 경로 .mem-process*/ .wrap .mem-process {text-align:center;padding-bottom:3.125rem;} .wrap .mem-process > ul {position:relative;display:inline-flex;justify-content:space-between;} .wrap .mem-process > ul:before {content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,0);width:calc(100% - 1.875rem);border-top:1px solid #000;} .wrap .mem-process > ul li {position:relative;width:2.5625rem;height:2.5625rem;border-radius:50%;background-color:#fff;} .wrap .mem-process > ul li:after {content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.5625rem;height:1.5625rem;background-color:#F5F5F5;border-radius:50%;display:flex;justify-content:center;align-items:center;} .wrap .mem-process > ul li + li {margin-left:4.375rem;} .wrap .mem-process > ul li span {position:absolute;top:calc(100% + 0.3125rem);left:50%;transform:translate(-50%,0);white-space:nowrap;font-size:0.75rem;font-weight:700;color:#888;} .wrap .mem-process > ul li.active:after {color:#fff;font-size:0.75rem;font-weight:300;width:2.125rem;height:2.125rem;background-color:#64B2FF;} .wrap .mem-process > ul li.active span {color:#222;} .wrap .mem-process > ul li.active:nth-child(1):after {content:"01";} .wrap .mem-process > ul li.active:nth-child(2):after {content:"02";} .wrap .mem-process > ul li.active:nth-child(3):after {content:"03";} .contents.member.join_agreement .agreement-wrap {max-width:37rem;margin:0 auto;margin-top:3rem;} .contents.member.join_agreement .agreement-wrap .agree-wrap h3 {font-size:1.25rem;font-weight:700;} .contents.member.join_agreement .agreement-wrap .agreeBox{padding:1.5rem;border:1px solid #D1D5DB;border-radius: 0.25rem;margin-top:1.5rem;} .contents.member.join_agreement .agreement-wrap .agree-wrap .chk-wrap {margin-top:1.5rem;} .contents.member.join_agreement .agreement-wrap .agree-wrap .chk-wrap.agree{margin-top:0;padding-bottom:1.5rem;border-bottom:1px solid #D1D5DB;} .contents.member.join_agreement .agreement-wrap .agree-wrap .chk-wrap div.chk {align-items:center;display:flex;} .contents.member.join_agreement .agreement-wrap .agree-wrap .chk-wrap div.chk .agree {font-weight:700;} .contents.member.join_agreement .agreement-wrap .agree-wrap .chk-wrap div.chk span.nece {color:#030712;font-weight:600;font-size:0.875rem;} .contents.member.join_agreement .agreement-wrap .agree-wrap .chk-wrap div.chk > span {margin-left:0.3125rem;color:#888888;font-weight:400;} .contents.member.join_agreement .agreement-wrap .agree-wrap .chk-wrap div.chk a.view {font-size:0.875rem;font-weight:300;margin:0.1875rem 0 0 0.625rem;text-decoration:underline;color:#000;} .contents.member.join_agreement .agreement-wrap .agree-wrap .chk-wrap div.cont-box {width:100%;border:1px solid #D1D5DB;margin-top:0.875rem;color:#030712;font-size:0.875rem;font-weight:400;line-height:1.25rem;border-radius: 0.25rem 0 0 0.25rem;} .contents.member.join_agreement .agreement-wrap .agree-wrap .chk-wrap div.cont-box .agree-scroll {height:9.0625rem;overflow-y:scroll;padding:0.75rem;} .contents.member.join_agreement .agreement-wrap .agree-wrap .chk-wrap div.cont-box .agree-scroll strong {display:block;margin-top:0.9375rem;} .contents.member.join_agreement .agreement-wrap .agree-wrap .btn-box {display:flex;justify-content:center;align-items:center;margin-top:3rem;} .contents.member.join_agreement .agreement-wrap .agree-wrap .btn-box a {width:100%;height:3rem;border-radius:0.25rem;font-weight:600;line-height:3.0rem;text-align:center;padding:0 0.875rem;color:#fff;background-color: #1F2937;} /* .contents.member.join_agreement .agreement-wrap .agree-wrap .btn-box a.prev {color:#3B6EFF;background-color:#fff;border:1px solid #3B6EFF;} .contents.member.join_agreement .agreement-wrap .agree-wrap .btn-box a.next {color:#fff;background-color:#64B2FF;border:1px solid #64B2FF;} */ .contents.member.join_agreement .agreement-wrap .agree-wrap .btn-box a + a {margin-left:0.5rem;} /* 통합회원가입 :선택 */ .contents.member.join_login .combine-login-box {width:100%;max-width:37rem;margin:0 auto;margin-top:3rem;} .contents.member.join_login .combine-login-box .member-wrap{padding-bottom:1.5rem} .contents.member.join_login .combine-login-box .member-wrap > a {font-size:1rem;background:#1F2937;font-weight:600;color:#fff;display:flex;justify-content:center;align-items:center;width: 100%;line-height: 3rem;border-radius: 0.25rem;padding: 0 1.25rem;} .contents.member.join_login .combine-login-box .member-wrap > a + a{margin-top:0.75rem;} .contents.member.join_login .combine-login-box .member-wrap > a.kakao{background-color:#FEE502;color:#030712;} .contents.member.join_login .combine-login-box .sns-member{} .contents.member.join_login .combine-login-box .sns-member > p{text-align:center;font-size:0.875rem;color:#030712;font-weight:400} .contents.member.join_login .combine-login-box .sns-member > span{display:block;text-align:center;font-size:0.875rem;color:#888;font-weight:300;} .contents.member.join_login .combine-login-box .sns-box {display:flex;justify-content:center;margin:0.75rem 0;} .contents.member.join_login .combine-login-box .sns-box a {font-size:0;line-height:0;border-radius:0.25rem;overflow:hidden;width:3rem;height:3rem;margin-top:0;} .contents.member.join_login .combine-login-box .sns-box a + a {margin-left:0.75rem;} .contents.member.join_login .combine-login-box .sns-box a.facebook {background-color:#006DCC;} .contents.member.join_login .combine-login-box .sns-box a.naver {background-color:#28CE4B;} .contents.member.join_login .combine-login-box .benefit{padding-top:2.5rem;} .contents.member.join_login .combine-login-box .benefit > p{text-align:center;font-size:1.125rem;color:#000;font-weight:600} .contents.member.join_login .combine-login-box .benefit > a{font-size:1rem;font-weight:600;text-decoration:underline;color:#ED1B23;text-underline-offset :3px;display:table;margin:1.25rem auto 0} .contents.member.join_login .combine-login-box .benefit ul{margin-top:0.625rem;display:flex;flex-flow:wrap;justify-content:space-between} .contents.member.join_login .combine-login-box .benefit ul li{padding:0.75rem 1.25rem;border:1px solid #e2e2e2;display:flex;align-items:center;width:100%;margin-top:5px;} .contents.member.join_login .combine-login-box .benefit ul li > p{font-size:0.875rem;color:#222;font-weight:600;margin-left:0.625rem} /* 통합회원가입 :정보입력 */ .contents.member.join_input .input-wrap {max-width:37rem;margin:0 auto;margin-top:3rem;} .contents.member.join_input .input-wrap h3 {font-size:1.25rem;font-weight:700;color:#030712;padding-bottom:1.5rem;} .contents.member.join_input .input-wrap form .signup {margin:0 auto 3rem;} .contents.member.join_input .input-wrap form .signup > div{} .contents.member.join_input .input-wrap form .signup > div.mail-chk{display:flex; align-items: flex-end;} .contents.member.join_input .input-wrap form .signup > div.mail-chk div.select-box-default-st{color: #030712; margin-left: 0.75rem;} .contents.member.join_input .input-wrap form .signup > div.mail-chk div.select-box-default-st span.selectText {border: none; border-bottom:1px solid #D1D5DB;border-radius: 0rem ; } .contents.member.join_input .input-wrap form .signup > div.address{} .contents.member.join_input .input-wrap form .signup > div.address > div{} .contents.member.join_input .input-wrap form .signup > div.address > div + div{margin-top:1.5rem;} .contents.member.join_input .input-wrap form .signup > div.address > div.address_2 input + input{margin-top:1.5rem;} .contents.member.join_input .input-wrap form .signup > div + div{margin-top:1.5rem;} .contents.member .redWrap input{border-color: #EF4444 !important;color: #EF4444 !important;} .contents.member .redWrap span.red{color: #EF4444;font-size: 0.75rem;margin-top:0.1875rem;} .contents.member.join_input .input-wrap form .signup .calendar-wrap{width: 100%;height:3rem;} .contents.member.join_input .input-wrap form .signup .calendar-wrap input[type=text].calendar-date{height:3rem;text-align: left;} .contents.member.join_input .input-wrap form .signup .btn-zipcode{margin-left:0.75rem;border-radius: 0.25rem;display: flex;align-items: center;justify-content: center;color:#030712;font-size:1rem;font-weight:600;border:1px solid #D1D5DB;line-height: 3rem;min-width:7.5rem} .contents.member.join_input .input-wrap form .signup input {width:100%;border:none;line-height:3rem;font-size:1rem;border-radius: 0;border-bottom:1px solid #D1D5DB;padding:0 1rem;} .contents.member.join_input .input-wrap form .signup input::placeholder{font-size:1rem;color:#9CA3AF;} .contents.member.join_input .input-wrap form .signup input[type=text]:read-only, .contents.member.join_input .input-wrap form .signup input[type=tel]:read-only, .contents.member.join_input .input-wrap form .signup input[type=phone]:read-only, .contents.member.join_input .input-wrap form .signup input[type=number]:read-only, .contents.member.join_input .input-wrap form .signup input[type=search]:read-only, .contents.member.join_input .input-wrap form .signup input[type=password]:read-only, .contents.member.join_input .input-wrap form .signup textarea:read-only{background-color: #D1D5DB !important;border-bottom:none;} .contents.member.join_input .input-wrap form .signup dl dd span {font-size:0.875rem;font-weight:300;width: 9.375rem;} .contents.member.join_input .input-wrap form .signup dl dd .birth-box span {margin-left:0rem !important;} .contents.member.join_input .input-wrap form .signup dl dd div.select-wrap {} .contents.member.join_input .input-wrap form .signup dl dd div.select-wrap ul.select-box-option{width: 9.375rem;} .contents.member.join_input .input-wrap form .signup dl dd span.blue {color:#3B6EFF;} .contents.member.join_input .input-wrap form .signup dl dd span.red {color:#ED1B23;} /* .contents.member.join_input .input-wrap form .signup dd > div{width:100%} */ .contents.member.join_input .input-wrap form .signup dd div.mail-chk {display:flex;align-items:center;} .contents.member.join_input .input-wrap form .signup dd div.phone-box {display:flex;align-items:center;} .contents.member.join_input .input-wrap form .signup dd div .chkbox {font-size:0.875rem;font-weight:300;color:#888;} .contents.member.join_input .input-wrap form .signup dd div.phone-box{} .contents.member.join_input .input-wrap form .signup dd div.phone-box .chkbox{margin-top:0.3125rem;} .contents.member.join_input .input-wrap form .signup dd div.phone-box .chkbox label{} .contents.member.join_input .input-wrap form .signup dd div.mail-chk .chkbox input[type=checkbox] + label{margin-left: 0 !important; width: 100%;margin-top: 0.3125rem;} .contents.member.join_input .input-wrap form .signup dd div.mail-chk{} .contents.member.join_input .input-wrap form .signup dd .zip-code {display:inline-block;width:9.375rem;height:3.125rem;font-size:0.875rem;line-height:3.125rem;color:#fff;font-weight:700;text-align:center;background-color:#005696;padding:0 1.125rem;margin-left:0.25rem;border-radius: 0.625rem;} .contents.member.join_input .input-wrap form .signup dd .address {width:100%;} .contents.member.join_input .input-wrap form .signup dd .address > div.address_2 input {width:100%;margin-top:0.3125rem;} .contents.member.join_input .input-wrap form .signup dd .birth-box {display:flex;} .contents.member.join_input .input-wrap form .signup dd .birth-box .calendar-wrap {width: 20rem; height:3rem; text-align: left;border-radius: 0.625rem;} .contents.member.join_input .input-wrap form .signup dd .birth-box .calendar-wrap > input {line-height:3.0rem;width:100%;height:100%;border:none;padding: 0 1.875rem 0 0.3125rem;text-align: left;} .contents.member.join_input .input-wrap form .signup dt .e_interest {margin-top:0.9375rem;} .contents.member.join_input .input-wrap form .signup dd .e_interest-box {display:flex;flex-flow:row wrap;} .contents.member.join_input .input-wrap form .signup dd .e_interest-box > div {margin:0.3125rem 1.25rem 0.3125rem 0;font-size:0.875rem;font-weight:300;color:#222;line-height:17px;display:flex;} .contents.member.join_input .input-wrap .btn-box {display:flex;justify-content:center;align-items:center;margin-top:2.8125rem;} .contents.member.join_input .input-wrap .btn-box a {display:block;width:100%;height:3rem;line-height:3rem;border-radius:0.25rem;font-weight:600;text-align:center;color:#fff;background-color: #1F2937;} .contents.member.join_input .input-wrap .btn-box a + a {margin-left:0.5rem;} /* .contents.member.join_input .input-wrap .btn-box a.cancel {color:#3B6EFF;background-color:#fff;border:1px solid #3B6EFF;} .contents.member.join_input .input-wrap .btn-box a.confirm {color:#fff;background-color:#64B2FF;border:1px solid #64B2FF;} */ /* 통합회원가입 :가입완료 */ .contents.member.find_login .complete-box .txt-wrap{margin: 0.75rem 0 1.5rem; text-align: center; line-height: 1.5rem;} /* 아이디찾기 */ .contents.member.find_login .login-box {width:100%;max-width:37rem;margin:0 auto;margin-top:3rem;} .contents.member.find_login .login-box .login-wrap{border:1px solid #D1D5DB;border-radius:0.25rem;padding:1.5rem;} .contents.member.find_login .login-box .login-wrap > div{margin-bottom:1.5rem;} .contents.member.find_login .login-box .login-wrap form{} .contents.member.find_login .login-box .login-wrap form > div + div{margin-top:1.5rem;} .contents.member.find_login .login-box form input[type=text], .contents.member.find_login .login-box form input[type=password], .contents.member.find_login .login-box form input[type=submit] {width:100%;line-height:3rem;border-radius:0;padding:0 1rem;border:none;border-bottom:1px solid #D1D5DB;font-size:1rem;} .contents.member.find_login .login-box form input[type=text]::placeholder, .contents.member.find_login .login-box form input[type=password]::placeholder, .contents.member.find_login .login-box form input[type=submit]::placeholder{color:#9CA3AF;} .contents.member.find_login .login-box input[type=radio] + label:after{top:50% !important;transform:translateY(-50%) !important} .contents.member.find_login .login-box .login-wrap > p{text-align:center;font-size:1.125rem;font-weight:600;color:#000;} .contents.member.find_login .login-box .login-wrap > p.info_txt{font-size:1rem;text-align:center;position:relative;font-weight:400;margin-bottom:0;line-height: 1.4;} .contents.member.find_login .login-box .login-wrap > .find_check{margin:1.5rem 0;justify-content:center;} .contents.member.find_login .login-box .find_check > div{line-height:0;} .contents.member.find_login .login-box .find_check > div + div{margin-left:1.875rem} .contents.member.find_login .login-box .find_check > div input[type=radio] + label{color:#030712;font-size:1rem;} .contents.member.find_login .login-box .find_check > div input[type=radio]:checked + label{color:#030712;} .contents.member.find_login .login-box .idchk {margin:0.3125rem 0 0.9375rem 0;font-size:1rem;color:#030712;} .contents.member.find_login .login-box .login-wrap .login-btn {color:#fff;background:#1F2937;font-weight:600;font-size:1rem;margin-bottom:0;border:1px solid #1F2937;border-radius:0.25rem;} .contents.member.find_login .login-box .login-wrap a.login-btn {color:#fff;background:#1F2937;font-weight:600;font-size:1rem;border:1px solid #1F2937;border-radius:0.25rem;width: 100%;line-height: 3rem;display:flex;align-items:center;justify-content: center;} .contents.member.find_login .login-box .search-btn{display:flex;justify-content:space-between; margin-top:3rem;} .contents.member.find_login .login-box .search-btn a{font-size:1rem;width:100%;border-radius:0.25rem;text-align:center;line-height:3rem;display:block;font-weight:600;color:#030712;border:1px solid #D1D5DB;} .contents.member.find_login .login-box .search-btn a + a{margin-left:0.75rem;} /* .contents.member.find_login .login-box .search-btn a.pw-btn{color:#3B6EFF;border:1px solid #3B6EFF;} .contents.member.find_login .login-box .search-btn a.log-btn{color:#fff;background-color:#64B2FF;} */ .contents.member.find_login .login-box .find_form{display:none;} .contents.member.find_login .login-box .find_form.active{display:block} .contents.member.find_login .login-box .find_form .ph-btn{color:#fff;background:#1F2937;font-weight:600;font-size:1rem;border:1px solid #1F2937;border-radius:0.25rem;width: 100%;line-height: 3rem;display:flex;align-items:center;justify-content: center;} .contents.member.find_login .login-box .find-val{text-align:center;padding-top: 0.75rem; color:#000} /* 비밀번호찾기 */ .contents.member.find_login .login-box > a.login-btn{width:100%;display:block;height:3rem;line-height:3rem;border-radius:0.625rem;font-weight:600;text-align:center;color:#fff;background-color:#64B2FF;margin-top:2.5rem ;} .contents.member.find_login .login-box .pass_check{margin-bottom:2.5rem;} .contents.member.find_login .login-box .pass_check form{} .contents.member.find_login .login-box .pass_check form > div + div{margin-top:1.5rem;} .contents.member.find_login .login-box .pass_check > p{font-weight:400;color:#000;margin-bottom:1.5rem; text-align: center;} .contents.member.find_login .login-box .pass_check > div + div{margin-top:1.875rem;} .contents.member.find_login .login-box .pass_check > div label {color: #888888;} .contents.member.find_login .login-box .pass_check > div input[type=radio]:checked + label{color: #000;} .contents.member.find_login .login-box .pass_check > div input[type=radio] + label strong{font-weight:600} .contents.member.find_login .login-box .pass_check > div input[type=radio] + label p span{color:#888888} .contents.member.find_login .login-box .conts > p{font-size:0.875rem;color:#000;margin-bottom:1.125rem; margin-top: 2.5rem;} .contents.member.find_login .login-box .conts .log{position:relative} .contents.member.find_login .login-box .conts .com > div{display:flex;align-items:center;font-size:0.875rem; font-weight: 300;} .contents.member.find_login .login-box .conts .com > div p.ng{color:#ED1B23} .contents.member.find_login .login-box .conts .com > div p.af{color:#3B6EFF} .contents.member.find_login .login-box .log{display: flex; align-items: center;justify-content: space-between;} .contents.member.find_login .login-box form input[type=text].num{margin-bottom:0 !important;} .contents.member.find_login .login-box .log .date{padding: 0.75rem;} .contents.member.find_login .login-box .log .date span{color: #EF4444;} .contents.member.find_login .login-box .btn-wrap{display:flex;justify-content:space-between; margin-top:1.5rem;} .contents.member.find_login .login-box .btn-wrap a{font-size:1rem;width:100%;border-radius:0.25rem;text-align:center;line-height:3rem;display:block;font-weight:600;color:#030712;border:1px solid #D1D5DB;} .contents.member.find_login .login-box .btn-wrap a + a{margin-left:0.75rem;} .contents.member.adult_login .adult-box{width:100%;max-width:31.25rem;min-height:21.25rem;border:1px solid #000;margin:1.625rem auto 0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:2.1875rem 0} .contents.member.adult_login .adult-box .num{width:5.125rem;height:5.125rem;border-radius:50%;border:3px solid #ed1b23;display:flex;align-items:center;justify-content:center;font-size:2.25rem;font-weight:500;color:#000;margin-bottom:0.9375rem;} .contents.member.adult_login .adult-box .txt{text-align:center;color:#000;padding:0 3.75rem;} .contents.member.adult_login .adult-box .txt > h4{font-size:1.5rem;font-weight:600;margin-bottom:0.9375rem;} .contents.member.adult_login .adult-box .txt > p{font-size:1rem;font-weight:500;line-height:1.4;} .contents.member.adult_login .adult-box .adult-table{border:1px solid #e2e2e2;padding:1.25rem 2.375rem} .contents.member.adult_login .adult-box .adult-table > dl{display:flex;align-items:center;justify-content:space-between;text-align:left;} .contents.member.adult_login .adult-box .adult-table > dl + dl{margin-top:0.625rem} .contents.member.adult_login .adult-box .adult-table > dl > dt{width:50%;color:#000} .contents.member.adult_login .adult-box .adult-table > dl > dd{width:50%;color:#000;font-weight:600} .contents.member.adult_login .adult-box .cont{text-align:center;color:#000;padding:0 3rem;width:100%;} .contents.member.adult_login .adult-box .cont > h4{font-size:1.5rem;font-weight:600;margin-bottom:0.9375rem;} .contents.member.adult_login .adult-box .cont > a.adult-btn{background-color:#000;color:#fff;text-align:center;display:block;font-weight:600;font-size:1rem;margin-bottom:0.3125rem;margin-top:1.25rem;width: 100%;line-height: 2.75rem; border-radius: 3.125rem;padding: 0 1.25rem;} .contents.member.adult_login .adult-back{font-size:1rem;font-weight:500;color:#000;margin:1.25rem auto 1.875rem;display:flex;justify-content:center;text-decoration:underline;align-items:center;} .contents.member.adult_login .adult-back:before{content:'';background:url("../images/common/back-icon.png")no-repeat;width:1.5rem;height:1.5rem;display:inline-block;} .contents.member.adult_login .login-box {width:100%;max-width:31.25rem;border:1px solid #DDDDDD;margin:0 auto;border-top:3px solid #ED1B23;padding:0 2.875rem;border-radius:0 0 0.9375rem 0.9375rem;margin-top:2.5rem;} .contents.member.adult_login .login-box .login-wrap .cont{padding:2.5rem 0} .contents.member.adult_login .login-box .login-wrap .cont .chk-wrap{margin:0.625rem 0 1.875rem;display:flex;justify-content:center;} .contents.member.adult_login .login-box .login-wrap .cont + .cont{border-top:1px solid #ddd} .contents.member.adult_login .login-box .login-wrap .cont .title{text-align:center;margin-bottom:1.25rem;} .contents.member.adult_login .login-box .login-wrap .cont .title > h4{font-size:2.125rem;color:#000;font-weight:600} .contents.member.adult_login .login-box .login-wrap .cont .title > p{font-size:1rem;color:#000;margin-top:0.3125rem;} .contents.member.adult_login .login-box .login-wrap .cont a{text-align:center;display:block;font-weight:600;font-size:1rem;margin-bottom:0;margin-top:0.3125rem;width: 100%;line-height: 2.75rem; border-radius: 3.125rem;padding: 0 1.25rem;} .contents.member.adult_login .login-box .login-wrap .cont a.login-btn{color:#fff;background:#000;border:1px solid #000;} .contents.member.adult_login .login-box .login-wrap .cont a.confirm{color:#fff;background:#000;border:1px solid #000;} .contents.member.adult_login .login-box .login-wrap .cont a.regist-btn{background:#ED1B23;color:#fff;border:1px solid #ED1B23} .contents.member.adult_login .login-box .login-wrap .cont .caution{font-size:0.875rem;color:#888888;margin-top:0.875rem;} #shopby-layerPopup-default > .layerPopupWrap .shopbylayerCont .conts{max-height: 650px; overflow-y: auto;padding: 1.25rem ;} #shopby-layerPopup-default > .layerPopupWrap .shopbylayerCont .conts figure{display: flex; align-items: flex-start; justify-content: center;} @media (max-width: 680px) { .contents.member.join_complete .complete-wrap .complete-box .complete-list{flex-flow:wrap;justify-content:center;padding:0 4rem} .contents.member.join_complete .complete-wrap .complete-box .complete-list > a:nth-child(4){margin-left:0;} .contents.member.join_agreement .agreement-wrap .agree-wrap .chk-wrap div.chk{flex-flow:wrap;} .contents.member.join_agreement .agreement-wrap .agree-wrap .chk-wrap div.chk > span{width:100%;margin-left:2.375rem} .contents.member.join_agreement .agreement-wrap .agree-wrap .chk-wrap div.chk a.view{margin: 0;margin-left: 0.3125rem;} .contents.member.join_input .input-wrap form .signup dd div span.terms{margin-left: 0;margin-top: 0.3125rem;display: block;} .contents.mypage.modify .title > p.dec{line-height:1.4 !important;} } @media (max-width: 640px) { .table > dl dt{width:30%;} .table > dl dd{width:calc(100% - 30%)} .container > .wrap{padding:0 1rem;} .contents.member.join_login .login-box{padding:2.5rem 1.75rem 1.875rem 1.75rem} .contents.member.join_login .combine-login-box .benefit ul li{width:100%;padding:0.75rem} .contents.member.find_login .login-box{padding:1.875rem 1.875rem 2.5rem} .contents.member.find_login .login-box .search-btn > a,.contents.member.find_login .login-box .btn-wrap a{width:calc(50% - 0.3125rem)} .contents.mypage.modify .withdraw_input .table > dl dd input{width:100% !important;} } @media (max-width: 520px) { .contents.member.join_complete .complete-wrap .complete-box .complete-list{padding:0 1rem} } @media (max-width: 425px) { .table > dl dt,.table > dl dd,.table > dl dt label{font-size:0.75rem !important;} .table > dl dt{width:30%;padding-left:1rem;padding-right:0.5rem;} .table > dl dd{width:calc(100% - 30%)} .table > dl dd > div{width:100% !important;font-size:0.75rem} .table > dl dd > div input{width:100% !important;font-size:0.75rem} .contents.member.join_login .login-box form input[type=text], .contents.member.join_login .login-box form input[type=password], .contents.member.join_login .login-box form input[type=submit]{line-height:2.5rem !important} .shopbylayerCont.nonMem_orderPass .wrap h1{font-size:1rem;} .shopbylayerCont.nonMem_orderPass .conts p,.shopbylayerCont.nonMem_orderPass .conts .ip-box input{font-size:0.75rem;} .shopbylayerCont.nonMem_orderPass .btn-wrap > a{font-size:0.875rem} .shopbylayerCont.nonMem_orderPass .conts{padding-top:1.25rem} .shopbylayerCont.nonMem_orderPass .btn-wrap{margin-top:1.25rem;} .contents.member.join_login > .sub-head-tit h1,.contents.member.find_login > .sub-head-tit h1,.contents.member.join_agreement > .sub-head-tit h1,.contents.member.join_input > .sub-head-tit h1,.contents.member.join_complete > .sub-head-tit h1{font-size:1.125rem} .contents.member.join_login > .sub-head-tit > p.desc,.contents.member.find_login > .sub-head-tit > p.desc,.contents.member.join_agreement > .sub-head-tit > p.desc,.contents.member.join_input > .sub-head-tit > p.desc,.contents.member.join_complete >.sub-head-tit > p.desc {font-size:0.75rem} .contents.member.join_login .login-box{padding:1.25rem;margin-top:1.25rem;} .contents.member.join_login .login-box .n-login-wrap input{font-size:0.75rem} .contents.member.join_login .login-box a.find-orderPass{font-size:0.75rem} .contents.member.join_login .login-box .login-wrap input,.contents.member.join_login .login-box .idchk,.contents.member.join_login .login-box .search-btn > a{font-size:0.75rem} .contents.member.join_login .login-box .login-wrap .login-btn,.contents.member.join_login .login-box .n-login-wrap input.confirm-btn{font-size:0.875rem;} .contents.member.join_login .login-box .login-wrap .login-btn{line-height:2.5rem} .contents.member.join_login .combine-login-box{margin-top:1.25rem} .contents.member.join_login .combine-login-box .benefit ul li{width:100%;padding:0.75rem} .contents.member.join_login .combine-login-box .member-wrap{padding-bottom:1.25rem;} .contents.member.join_login .combine-login-box .member-wrap > a{font-size:0.875rem;} .contents.member.join_login .combine-login-box .sns-member > span{font-size:0.75rem;} .contents.member.join_login .combine-login-box .benefit ul li > p{font-size:0.75rem;} .contents.member.join_login .combine-login-box .benefit > a{font-size:0.75rem;} .contents.member.join_login .combine-login-box .benefit{padding:1.25rem 0} .contents.member.join_login .login-box .n-login-wrap a.confirm-btn{font-size:0.875rem;line-height:2.5rem} .contents.member.find_login .login-box .login-wrap a.login-btn{font-size:0.875rem;line-height:2.5rem} .contents.member.find_login .login-box{padding:1.25rem;margin-top:1.25rem;} .contents.member.find_login .login-box input{line-height:2.5rem !important;font-size:0.75rem} .contents.member.find_login .login-box .search-btn a{width:calc(50% - 0.3125rem)} .contents.member.find_login .login-box .login-wrap .find_check label{font-size:0.75rem;} .contents.member.find_login .login-box .login-wrap .find_form{font-size:0.75rem;} .contents.member.find_login .login-box .login-wrap .login-btn{font-size:0.875rem;line-height:2.5rem} .contents.member.find_login .login-box .search-btn > a{font-size:0.875rem;line-height:2.5rem} .contents.member.find_login .login-box .pass_check > p{font-size:0.75rem} .contents.member.find_login .login-box .pass_check > div + div{margin-top:1.25rem} .contents.member.find_login .login-box .pass_check > div input[type=radio] + label p{font-size:0.75rem;} .contents.member.find_login .login-box .pass_check input[type=radio] + label{font-size:0.75rem} .contents.member.find_login .login-box .conts > p{font-size:0.75rem;} .contents.member.find_login .login-box .login-wrap .conts .log input{font-size:0.75rem;} .contents.member.find_login .login-box .btn-wrap a{line-height:2.5rem;height:2.5rem;font-size:0.875rem;} .contents.member.find_login .login-box .conts .date{font-size:0.75rem;} .contents.member.find_login .login-box .btn-wrap{margin-top:0} .contents.member.find_login .login-box > a.login-btn{line-height:2.5rem;height:2.5rem;font-size:0.875rem} .contents.member.adult_login .adult-box{min-height:auto;/* max-height:21.25rem; */padding:1.25rem 0} .contents.member.adult_login .adult-box .txt{padding:0 1.875rem} .contents.member.adult_login .adult-box .cont{padding:0 1.25rem} .contents.member.adult_login .adult-box .adult-table{padding:1.25rem} .contents.member.adult_login .adult-box .cont > h4{font-size:1.125rem;} .contents.member.adult_login .adult-box .txt > p{font-size:0.75rem;} .contents.member.adult_login .adult-box .txt > h4{font-size:1.125rem;} .contents.member.adult_login .adult-box .cont > a.adult-btn{font-size:0.875rem;line-height:2.5rem;} .contents.member.adult_login .adult-back{font-size:0.75rem;} .contents.member.adult_login .login-box{padding:0 1.875rem} .contents.member.adult_login .login-box .login-wrap .cont{padding:1.25rem 0} .contents.member.adult_login .login-box .login-wrap .cont .caution{font-size:0.75rem;} .contents.member.adult_login .login-box .login-wrap .cont a.confirm{font-size:0.875rem;line-height:2.5rem} .contents.member.adult_login .login-box .login-wrap .cont .chk-wrap input[type=checkbox].radio + label{font-size:0.75rem} .contents.member.adult_login .login-box .login-wrap .cont .title > h4{font-size:1.125rem;} .contents.member.adult_login .adult-box .adult-table > dl > dt{font-size:0.75rem;} .contents.member.adult_login .adult-box .adult-table > dl > dd{font-size:0.75rem;} .contents.member.join_agreement .agreement-wrap .agree-wrap .chk-wrap div.chk a.view{margin:0;margin-left:0.3125rem} .contents.member.join_agreement .agreement-wrap{margin-top:1.25rem;} .wrap .mem-process{padding-bottom:2.125rem} .contents.member.join_agreement .agreement-wrap .agree-wrap h3{font-size:1.25rem;} .contents.member.join_agreement .agreement-wrap .agree-wrap .chk-wrap div.chk .agree{font-size:0.75rem} .contents.member.join_agreement .agreement-wrap .agree-wrap .chk-wrap div.chk{flex-flow:wrap} .contents.member.join_agreement .agreement-wrap .agree-wrap .chk-wrap div.chk > span{font-size:0.75rem;width:100%;margin-left:2.375rem;} .contents.member.join_agreement .agreement-wrap .agree-wrap .chk-wrap div.chk a.view{font-size:0.75rem;} .contents.member.join_agreement .agreement-wrap .agree-wrap .chk-wrap div.chk input[type=checkbox] + label{font-size:0.75rem;} .contents.member.join_agreement .agreement-wrap .agree-wrap .chk-wrap div.cont-box .agree-scroll{font-size:0.75rem} .contents.member.join_agreement .agreement-wrap .agree-wrap .btn-box a{font-size:0.875rem;line-height:2.5rem;height:2.5rem;width:calc(50% - 0.3125rem);} .contents.member.join_agreement .agreement-wrap .agree-wrap .btn-box{margin-top:1.25rem} .contents.member.join_input .input-wrap{margin-top:1.25rem} .contents.member.join_input .input-wrap h3{font-size:1rem;} .contents.member.join_input .input-wrap form .signup dd div{font-size:0.75rem} .contents.member.join_input .input-wrap form .signup dd div.phone-box{flex-direction:column;align-items:flex-start;} .contents.member.join_input .input-wrap form .signup dd div.phone-box .chkbox{margin-top:0.3125rem;} .contents.member.join_input .input-wrap form .signup dd div.phone-box .chkbox label{margin-left:0 !important;font-size:0.75rem;} .contents.member.join_input .input-wrap form .signup dd div.mail-chk{flex-direction:column;align-items:flex-start;} .contents.member.join_input .input-wrap form .signup dl dd span{width:100%;font-size:0.75rem} .contents.member.join_input .input-wrap form .signup dd div.mail-chk div.select-box-default-st{margin-left:0 !important;font-size:0.75rem;width:100%; margin-top:0.3125rem;} .contents.member.join_input .input-wrap form .signup dd div.mail-chk .chkbox input[type=checkbox] + label{margin-left:0 !important;font-size:0.75rem;width:100%; margin-top:0.3125rem;} .contents.member.join_input .input-wrap form .signup dd .zip-code{font-size:0.75rem;} .contents.member.join_input .input-wrap form .signup{margin-bottom:1.25rem} .contents.member.join_input .input-wrap form .signup dd .birth-box .calendar-wrap{height:3rem;} .contents.member.join_input .input-wrap form .signup dd .e_interest-box > div{font-size:0.75rem;width:100%;} .contents.member.join_input .input-wrap .btn-box{margin-top:1.25rem;} .contents.member.join_input .input-wrap .btn-box a{line-height:2.5rem;height:2.5rem;font-size:0.875rem;} .contents.member.join_input .input-wrap form .signup dd div span.terms{margin-left:0;margin-top:0.3125rem;display:block;} .contents.member.join_complete .complete-wrap .complete-box{padding:1.25rem;} .contents.member.join_complete .complete-wrap .complete-box .txt-wrap p.c-icon{width:2.8125rem;height:4.125rem;background-size:2.8125rem;background-repeat:no-repeat;} .contents.member.join_complete .complete-wrap .complete-box .txt-wrap p.c-tit{font-size:1rem;} .contents.member.join_complete .complete-wrap .complete-box .txt-wrap p.c-txt{font-size:0.75rem;margin-bottom:1.25rem;} .contents.member.join_complete .complete-wrap .complete-box .complete-list{flex-flow:wrap;justify-content:center;padding:0;} .contents.member.join_complete .complete-wrap .complete-box .complete-list a{width:4.375rem;height:4.375rem;} .contents.member.join_complete .complete-wrap .complete-box .complete-list a:nth-child(4){margin-left:0;} .contents.mypage.modify .title > h3{font-size:1.125rem !important;} .contents.mypage.modify .title > p.dec{font-size:0.75rem !important;} .contents.mypage.modify .ip-wrap{margin-top:1.125rem !important;} .contents.mypage.modify .ip-wrap > div > p{font-size:0.75rem !important;} .contents.mypage.modify .btn-wrap > a{font-size:0.875rem !important;} .contents.mypage.modify .ip-wrap > div.id_cont div.i_id{font-size:0.75rem !important} .contents.mypage.modify .ip-wrap > div.pw_cont input[type=password].i_pwd{font-size:0.75rem !important;line-height:2rem !important;} .contents.mypage.modify .btn-wrap > a{height:2.5rem !important;} .contents.mypage.modify .btn-wrap{margin-top:1.125rem !important;} .contents.mypage.modify .withdraw_info > h3,.contents.mypage.modify .table > h3,.contents.mypage.modify .sns-wrap > h3{font-size:1rem !important;} .contents.mypage.modify .withdraw_info > div{font-size:0.75rem !important; } .contents.mypage.modify .withdraw_input{margin-top:1.125rem !important;} .contents.mypage.modify .info_table .table > dl dd .pw_popup .conts p{font-size:0.75rem !important} .contents.mypage.modify .info_table .table > dl dd .pw_popup{padding:1.25rem !important;} .contents.mypage.modify .extra-input .table dd .e_interest-box > div{width:100%;} .contents.mypage.modify .info_table .signup dd .address_btn,.contents.mypage.modify .info_table .table > dl dd .chkbox label,.contents.mypage.modify .info_table .table > dl dd a.pw_btn{font-size:0.75rem !important;} .contents.mypage.modify .info_table .table > dl dd .hide_ip > div > p{font-size:0.75rem !important;width:5.375rem !important;padding-left:0 !important;} .contents.mypage.modify .info_table .table > dl dd .hide_ip > div > input{width:calc(100% - 5.375rem) !important} } @media (max-width: 390px) { .shopbylayerCont{padding:1.875rem 1.5rem} .contents.member.join_login .login-box .search-btn a + a:before{margin:0 0.4375rem} .contents.member.find_login .login-box .find_check > div + div{margin-left:0.875rem} }