@charset "UTF-8";

/**
 * 디자인별 템플릿 css 분리
 * 팝업 관련 css
 * @date:2021-07-08
 * @name:이상아
 */

/* 레이어 */
.overlay {z-index:102; display:none; position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0, 0, 0, 0.75);}
.layer-wrap {z-index:103; display:none; position:fixed; top:50%;right:0; left:0; transform:translateY(-50%); background:#fff;} /* 17.10.31 수정 */
.fadeLayer {display:none; position:absolute; z-index:101; background:#000; color:#fff; padding:7px; border:1px solid #000; border-radius:10px; opacity:0.7;} /* 18.11.29 수정 fade layer alert utility 에서 사용 */
.clipboardLayer {display:none; position:absolute; z-index:101; background:#000; color:#fff; padding:7px; border:1px solid #000; border-radius:10px; opacity:0.7;} /* 18.10.10 clipboard layer */

/* 장바구니 아이콘 */
.layer-cart-ok {display:none; width:100%; height:100%; position:fixed; top:0; left:0; z-index:999;}
.layer-cart-ok .inner {display:table-cell; vertical-align:middle; text-align:center;}
.layer-cart-ok .inner .cart {display:inline-block; width:123px;}
.layer-cart-ok.on {display:table;}

/* 장바구니 아이콘 */
@-webkit-keyframes check {
	0% {height:0; width:0;}
    33.3333% {width:10px; height:0;}
}
@-moz-keyframes check {
	0% {height:0; width:0;}
    33.3333% {width:10px; height:0;}
}
@-ms-keyframes check {
	0% {height:0; width:0;}
    33.3333% {width:10px; height:0;}
}
@keyframes check {
	0% {height:0; width:0;}
    33.3333% {width:10px; height:0;}
}
.checkmark {display:block; position:absolute; top:50%; left:50%; margin:14px 0 0 50px;}
.checkmark:after {-webkit-animation:check 0.5s; -moz-animation:check 0.5s ; -o-animation:check 0.5s; animation:check 0.5s; 
-moz-transform:scaleX(-1) rotate(135deg); -ms-transform:scaleX(-1) rotate(135deg); -webkit-transform:scaleX(-1) rotate(135deg); transform:scaleX(-1) rotate(135deg);
-moz-transform-origin:left top; -ms-transform-origin:left top; -webkit-transform-origin:left top; transform-origin:left top; border-right:2px solid #fff; border-top:2px solid #fff; content:'';
display:block; height:20px; left:0; position:absolute; top:0; width:10px;}

/* 우편번호통합 안내팝업 S*/
#zipcode_integrated_layer {display:block; width:420px;height:310px; overflow-x:hidden; border:1px solid #000; background:#fff; margin:0 auto;}
#zipcode_integrated_layer #pop-header {position:relative;height:65px; background:#fcfcfc;}
#zipcode_integrated_layer #pop-header .layer-title {padding-left:30px;font-size:22px;line-height:65px;}
#zipcode_integrated_layer #pop-header .zipcode_integrated_layer_close {position:absolute; top:50%; right:20px; width:21px; height:21px; margin-top:-11px; background:url(//image.makeshop.co.kr/mysoho/assets/admin/images/btn/h42_close_black.png) no-repeat center / 21px auto; text-indent:-9999px;}
#zipcode_integrated_layer .zipcodeIntegratedPopup {position:relative;}
#zipcode_integrated_layer .zipcodeIntegratedPopup .popup-cnt {display:table; width:100%; position:relative;}
#zipcode_integrated_layer .zipcodeIntegratedPopup .popup-txt {padding:0px 30px; font-size:16px; display:table-cell; vertical-align:middle; line-height:22px; color:#000; text-align:center;}
#zipcode_integrated_layer .zipcodeIntegratedPopup .popup-strong-txt {font-weight:bold; margin-bottom:35px;}
#zipcode_integrated_layer .zipcodeIntegratedPopup .zipcode-ok-btn {width:190px;display:inline-block;height:65px;line-height:65px;background:#000;box-sizing:border-box;color:#fff;font-size:16px; text-align:center;}

/* 옵션 레이어 */
.basket-list .prd-option-layer {display:none; position:fixed; bottom:-500px; z-index:200; width:100%; background:#fff; margin-left:-350px; width:740px;}
.basket-list .prd-option-layer .prd-option {overflow-x:hidden; overflow-y:scroll; text-align:left; max-height:500px; width:640px; padding:10px 50px;}

/* 레이어 */
.pop-page {position:relative;}
.pop-page .tab {border-bottom:1px solid #f0f0f0; text-align:center; margin-top:60px; background:#fff;}
.pop-page .tab ul {width:100%; margin:0 auto; overflow:hidden;}
.pop-page .tab ul li {float:left; width:170px; height:66px; border-bottom:2px solid #fff; box-sizing:border-box;}
.pop-page .tab ul li a {display:block; text-align:center; line-height:64px; font-size:15px; color:#666666;}
.pop-page .tab ul li.now {border-bottom:2px solid #000;}
.pop-page .tab ul li.now a {border-bottom:none; font-weight:bold; color:#000;} /* 21.03.03 수정 */
.pop-page .txt-detail th {padding:12px 10px 10px; border:1px solid #e2e1e1; background:#f0f0f0; font-size:13px; color:#333; text-align:left; font-weight:normal;}
.pop-page .txt-detail td {padding:12px 10px 10px; border:1px solid #e2e1e1; background:#fff; font-size:13px; color:#2d2d2d;}
.pop-page .tab.tab2x ul li {width:50%; height:78px;} /* 21.03.04 수정 */
.pop-page .tab.tab2x ul li a {font-size:20px;} /* 21.03.04 수정 */
.pop-page .tab.tab3x ul li {width:33.33%;}
.pop-page .tab.fix {position:fixed; top:90px; z-index:100; width:1080px; margin-top:0;}

/* 19.01.11 팝업 */
#MainPopup {width:400px; background:#fff; margin:0 auto;}
.shopMainPopup {position:relative;}
.shopMainPopup ul li {float:left;}
.shopMainPopup .swiper-pagination-bullet {width:11px; height:11px; background:#d6d6d6; cursor:pointer;}
.shopMainPopup .swiper-pagination-bullet-active {background:#555555;}
.shopMainPopup .img-type img {width:100%;}
.shopMainPopup .popup-cnt {display:table; width:100%; position:relative;}
.shopMainPopup .popup-txt {display:table-cell; vertical-align:middle; padding:30px; line-height:22px; font-size:17px; color:#000; text-align:center;} /* 19.03.07 수정 */
.shopMainPopup .popup-txt p {margin-bottom:10px;}
.shopMainPopup .hd-type .popup-hd {height:60px; text-align:center; box-sizing:border-box; color:#fff;} /* 19.03.07 수정 */
.shopMainPopup .hd-type .popup-hd span {display:inline-block; line-height:60px; font-weight:bold; font-size:22px;} /* 19.03.07 수정 */
.shopMainPopup .hd-type .popup-hd span i {margin-right:10px;}
.shopMainPopup .hd-type .popup-hd.bg-ffffff {background:#ffffff; border-bottom:1px solid #000;}
.shopMainPopup .hd-type .popup-hd.bg-ffffff span {color:#000;}
.shopMainPopup .hd-type .popup-hd.bg-e6207d {background:#e6207d;}
.shopMainPopup .hd-type .popup-hd.bg-c90800 {background:#c90800;}
.shopMainPopup .hd-type .popup-hd.bg-f74c00 {background:#f74c00;}
.shopMainPopup .hd-type .popup-hd.bg-fcb800 {background:#fcb800;}
.shopMainPopup .hd-type .popup-hd.bg-23c2ad {background:#23c2ad;}
.shopMainPopup .hd-type .popup-hd.bg-3a6dd5 {background:#3a6dd5;}
.shopMainPopup .hd-type .popup-cnt {height:340px;} /* 19.03.07 수정 */
.shopMainPopup .txt-type .popup-txt {padding:30px;}
.shopMainPopup .txt-type .popup-cnt {height:400px;}
.shopMainPopup .bot {height:47px; overflow:hidden; background:#ededed;}
.shopMainPopup .bot a {display:block; width:199px; border-left:1px solid #d5d5d5; float:left; line-height:47px; text-align:center; font-size:18px; color:#808080;}
.shopMainPopup .bot a:first-child {border-left:none;}
.shopMainPopup .swiper-pagination-bullet {opacity:0.9;}
.shopMainPopup .swiper-pagination {bottom:15px;}

@media screen and (max-width:640px) {
	#MainPopup {width:80%;}
	.shopMainPopup {width:100%; height:auto;}
	.shopMainPopup .img-type img {width:100%; height:auto;}
	.shopMainPopup .bot a {width:49%; font-size:16px;}
	.shopMainPopup .hd-type .popup-hd {height:50px;}
	.shopMainPopup .hd-type .popup-hd span {line-height:50px; font-size:18px;}
	.shopMainPopup .hd-type .popup-hd span i {margin-right:5px;}
	.shopMainPopup .hd-type .popup-cnt {height:100%;}
	.shopMainPopup .hd-type .popup-txt {padding:20px; line-height:18px; font-size:14px;}
	.shopMainPopup .txt-type .popup-cnt {height:auto;}
	.shopMainPopup .txt-type .popup-txt {padding:15px;}
	.shopMainPopup .popup-cnt {height:auto;}
	.shopMainPopup .popup-txt {line-height:18px; font-size:14px;}
	.shopMainPopup .popup-txt p {margin-bottom:5px;}
}

/* 레이어 */
#addrSearch {top:40%; left:50%; width:500px; margin-left:-250px; transform:unset;}
#addrSearch .btn-search {position:absolute; right:0; width:42px; height:42px; border-left:1px solid #dedede; 
background:url(https://image.makeshop.co.kr/mysoho/assets/shop/img/btn/h24_search.png) no-repeat center; background-size:15px auto; text-align:center; line-height:38px; text-indent:-9999em;} /* 2017-11-01 주소버튼 */
.layer-wrap .lcont .adrs-method {overflow:hidden; margin-bottom:14px;}
.layer-wrap .lcont .adrs-method li {float:left; margin-right:16px;}/*  2017-11-01 추가 */
.layer-wrap .lcont .adrs-method li:last-child {margin-right:0;}
.layer-wrap .lcont .adrs-method label span {padding-left:25px;} /* 2017-11-01 추가 */
.layer-wrap .lcont .li-input li {margin-bottom:7px;}
.layer-wrap .lcont .li-input li p {line-height:20px;}
.layer-wrap .btn-wrap a {float:right;}
.ps-base {position:relative; width:100%;}
.overlay {z-index:102; display:none; position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0, 0, 0, 0.75);}
.layer-wrap {z-index:103; display:none; position:fixed; top:50%;right:0; left:0; transform:translateY(-50%); background:#fff;} /* 17.10.31 수정 */
.layer-wrap .lhd {height:42px; border-bottom:1px solid #e4e4e4;} /* 17.10.23 수정 */
.layer-wrap .lhd h2 {font-size:18px; line-height:44px; text-align:center;} /* 2017-11-01 */
.layer-wrap .lhd .btn-h30-close {top:25px; left:90%; width:12px; height:12px; background-size:12px auto;}
.layer-wrap .lcont {padding:15px;} /* 17.10.23 수정 */
.layer-wrap .lcont .box-terms {height:60px; padding:10px; background:#f0f0f0; color:#808080; font-size:11px; line-height:1.45;}
.btn-h43-black {display:inline-block; width:100%; height:47px; background:#000; font-size:14px; color:#fff; line-height:49px; text-align:center;} /* 2017-11-01 */
.btn-h30-close {position:absolute; top:50%; left:20px; width:15px; height:15px; margin-top:-8px; background:url(https://image.makeshop.co.kr/mysoho/assets/shop/img/btn/h30_close.png) no-repeat 0 0 / 15px auto; text-indent:-9999em;} /* 2017-11-01 */

/* 17.11.20 추가 */
.open-layer-addr {position:relative;}
.open-layer-addr .btn-search {top:0; border-left:none;}

/* 공유하기 */
#shareLayer {left:50%; width:248px; margin-left:-124px;}
#shareLayer .lhd {border-bottom:none;}
#shareLayer .lhd .btn-h30-close {right:15px; width:15px; height:15px; background-size:15px auto;}
#shareLayer .tit {font-size:18px; color:#333; text-align:center;} /* 2017-11-01 */
#shareLayer .lcont {padding:20px 35px 30px;}
#shareLayer .lcont .sns {overflow:hidden;}
#shareLayer .lcont .sns li {float:left; width:50px; height:50px; margin:0 14px 14px 0;}
#shareLayer .lcont .sns li:nth-child(3n) {margin-right:0;}
#shareLayer .lcont .sns li a {display:block; width:50px; height:50px; background-size:50px auto; text-indent:-99999em;}
#shareLayer .lcont .sns li.fb a {background-image:url(https://image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_sns_facebook.png);}
#shareLayer .lcont .sns li.twitter a {background-image:url(https://image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_mysns_twitter_blue.png);}
#shareLayer .lcont .sns li.line a {background-image:url(https://image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_mysns_line.png);}
#shareLayer .lcont .sns li.kas a {background-image:url(https://image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_sns_kakaostory.png);}
#shareLayer .lcont .sns li.katalk a {background-image:url(https://image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_sns_kakaotalk.gif);}
#shareLayer .lcont .sns li.blog a {background-image:url(https://image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_sns_blog.png);}
#shareLayer .lcont .sns li.band a {background-image:url(https://image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_mysns_band.png);}
#shareLayer .lcont .sns li.google a {background-image:url(https://image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_mysns_google.png);}
#shareLayer .lcont .sns li.telegram a {background-image:url(https://image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_mysns_telegram.png);}
#shareLayer .lcont .sns li.sms a {background-image:url(https://image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_sns_sms.png);}
#shareLayer .lcont .sns li.uc a {background-image:url(https://image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_sns_urlcopy.png);}

/* 에스크로 추가 */
.layer-wrap .lcont .return-application .txt {text-align:center; line-height:20px; font-size:14px; color:#333333;}
.layer-wrap .lcont .return-application .way {margin-bottom:20px; line-height:40px; background:#f5f5f5; margin-top:10px; text-align:center; font-size:14px; color:#297bcf;}
.layer-wrap .lcont .return-application .tbl-setting {padding-top:20px; border-top:1px solid #e8e8e8;}
.layer-wrap .lcont .return-application .tbl-setting .tit {margin-bottom:10px; font-weight:bold; font-size:14px; color:#333333;}
.layer-wrap .lcont .return-application .tbl-setting th {font-weight:400; line-height:42px; text-align:left; font-size:14px; color:#999999;}
.layer-wrap .lcont .return-application .tbl-setting td {padding:8px 0;}
.btn-h43-gray {display:inline-block; line-height:47px; background:#666666; text-align:center; font-size:14px; font-weight:bold; color:#fff;}
.layer-wrap .lcont .return-application .btns {overflow:hidden;}

/* 레이어 */
.layer-pop{width:540px;position:fixed; left:50%; margin-left:-270px; z-index:111;background:#fff;top:10%;overflow:hidden;  text-align:center !important;} /* 19.12.18 수정 */
.layer-pop .pop-tit {position:relative;text-align:center;height:60px; text-align:left; padding:5px 25px;}
.layer-pop .pop-tit h2{font-size:22px;line-height:62px}
.layer-pop .pop-tit .close-btn{cursor:pointer;position:absolute;top:50%;margin-top:-10px;right:20px;width:20px;height:20px;background:url(//image.makeshop.co.kr/mysoho/assets/shop/pc/img/btn/h22_close_gray.png) no-repeat 50% 50%;text-indent:-9999px;} /* 19.12.18 수정 */
.layer-pop .users-normal-txt{font-size:16px; color:#333;text-align:center;margin:0 auto 15px} /* 19.12.18 수정 */
.layer-pop .pop-cont {padding:0 28px 28px 28px;}
.layer-pop .layer-write {margin-top:25px;}
.layer-pop .layer-write .top-area {overflow:hidden; margin-top:0;}
.layer-pop .layer-write .top-area h3 {float:left; line-height:20px; font-size:14px; color:#000;} 
.layer-pop .layer-write .top-area label {float:right;}
.layer-pop .layer-write .top-area label span {padding-left:25px;}
.layer-pop .layer-write > div {margin-top:10px; font-size:12px; color:#666666; text-align:left;}
.layer-pop .layer-write > div input {font-size:12px;}
.layer-pop .layer-write textarea {padding:10px; height:137px; width:464px; border:1px solid #dedede; font-size:12px;}
.layer-pop .layer-write .securityword-box .securityword {overflow:hidden;}
.layer-pop .layer-write .securityword-box .securityword .word {float:left; border:1px solid #e4e4e4; width:350px; height:50px;}	
.layer-pop .layer-write .securityword-box .securityword  .btns {float:right; width:123px;}
.layer-pop .layer-write .securityword-box .securityword  .btns a {margin-top:5px; display:block; text-align:center; line-height:52px; background:#f0f0f0;}
.layer-pop .layer-write .securityword-box .securityword  .btns a:first-child {margin-top:0;}
.layer-pop .layer-write .securityword-box .securityword  .btns a span {display:inline-block; padding-left:25px;}
.layer-pop .layer-write .securityword-box .securityword  .btns a span.re {background:url(//image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/ico_re.png) left center no-repeat;}
.layer-pop .layer-write .securityword-box .securityword  .btns a span.voice {background:url(//image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/ico_voice.png) left center no-repeat;}
.review-layer-popup {display:none; position:fixed; top:0; left:50%; z-index:999; top:50%; transform:translate(-50%,-50%);}
.review-layer-popup .layer-popup {width:540px; position:relative; display:inline-block; text-align:center;}
.review-layer-popup .layer-popup .swiper-slide {text-align:center;}
.review-layer-popup .layer-popup .swiper-button-next {width:26px; height:50px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/btn_review_slider_next.png) 0 0 no-repeat; position:absolute; right:-75px; top:50%; transform:translateY(-50%);}
.review-layer-popup .layer-popup .swiper-button-prev {width:26px; height:50px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/btn_review_slider_prev.png) 0 0 no-repeat; left:-75px; top:50%; transform:translateY(-50%);}
.review-layer-popup .btn-close {display:inline-block; position:absolute; top:-50px; right:-66px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/btn_review_slider_close.png) 0 0 no-repeat; width:56px; height:56px;}
.review-layer-popup .swiper-pagination-fraction {display:inline-block; width:48px; height:30px; background:rgba(0, 0, 0, 0.5); border-radius:50px; text-align:center; color:#fff; line-height:30px; letter-spacing:-2px; font-size:14px; left:50%; transform:translateX(-50%);}

/* 마이페이지 */
.layer-pop .estimate-wrap {display:block; margin-top:20px; padding:30px 0; text-align:center; border:1px solid #e4e4e4;}
.layer-pop .estimate-wrap .estimate-point {display:inline-block; margin-right:0; float:none;}
.layer-pop .estimate-wrap .estimate-point p {font-size:18px; color:#000;}
.layer-pop .estimate-wrap .estimate-point .stars {display:inline-block; margin-top:15px; float:none;}
.layer-pop .estimate-wrap .estimate-point .stars * {cursor:pointer;}
.layer-pop .estimate-wrap .estimate-point .stars .starL {display:inline-block; width:30px; height:30px; float:left; margin-left:8px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/review_big_star_off.png) 0 0 no-repeat; background-size:30px 30px;}
.layer-pop .estimate-wrap .estimate-point .stars .starR {display:inline-block; width:0px; height:30px; float:left; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/review_big_star_off.png) right 0 no-repeat; background-size:30px 30px;}
.layer-pop .estimate-wrap .estimate-point .stars .starL.on {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/review_big_star_on.png) 0 0 no-repeat; background-size:30px 30px}
.layer-pop .estimate-wrap .estimate-point .stars .starR.on {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/review_big_star_on.png) right 0 no-repeat; background-size:30px 30px}

/* 레이어 */
#odr-info-layer {width:600px;}
.layer-pop .odr-info-table th {text-align:left; line-height:24px; font-size:14px; color:#999999;}
.layer-pop .odr-info-table th.address {padding:10px 0; vertical-align:top;}
.layer-pop .odr-info-table td {padding:10px 10px 10px 0; text-align:left; line-height:24px; font-size:14px; color:#000;}
.layer-pop .price-table {margin-top:10px;}
.layer-pop .price-table th {border-bottom:1px solid #fff; padding:17px 0px; background:#f8f8f8; position:relative; text-align:center; font-weight:bold; font-size:14px; color:#000;}
.layer-pop .price-table th.minus:before {display:block; content:'-'; position:absolute; left:0;}
.layer-pop .price-table th.plus:before {display:block; content:'+'; position:absolute; left:0;}
.layer-pop .price-table th.equal:before {display:block; content:'='; position:absolute; left:0;}
.layer-pop .price-table td {border-bottom:1px solid #fff; padding:17px 20px; background:#f8f8f8; text-align:center; font-size:12px; color:#000; vertical-align:top;}
.layer-pop .price-table td.discount p {margin-top:10px; overflow:hidden;}
.layer-pop .price-table td.discount p:first-child {margin-top:0;}
.layer-pop .price-table td.discount p span {float:left;}
.layer-pop .price-table td.discount p span.price {float:right;}
.layer-pop .price-table td.total-price {font-weight:bold; font-size:16px; color:#ca0003;}
.layer-pop .price-table td.refund-decision p {margin-top:15px; overflow:hidden;}
.layer-pop .price-table td.refund-decision p:first-child {margin-top:0;}
.layer-pop .price-table td.refund-decision p .tit {font-size:14px; float:left; color:#999999;}
.layer-pop .price-table td.refund-decision p .price {font-size:14px; float:right; color:#000000;}
.layer-pop .prdReview-write {width:480px;}
.layer-pop .prdReview-write .prd-info {padding-left:112px; height:90px;position:relative; background:#fcfcfc; border:1px solid #d8d8d8;} /* 20.11.16 pub */
.layer-pop .prdReview-write .prd-info .prd-img-resizing {position:absolute; top:0px; left:0px; width:90px; height:90px;} /* 20.11.16 pub */
.layer-pop .prdReview-write .prd-info .prd-img-resizing p {min-height:90px; box-sizing:border-box; position:relative; padding-top:100%;}
.layer-pop .prdReview-write .prd-info .prd-img-resizing p span {display:block; position:absolute; top:0; left:0; right:0; bottom:0;}
.layer-pop .prdReview-write .prd-info .prd-img-resizing p span img {display:inline-block; width:auto; height:auto; min-width:100%; min-height:100%; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); cursor:pointer;}
.layer-pop .prdReview-write .prd-info .prd-txt {padding:25px 0; text-align:left;}
.layer-pop .prdReview-write .prd-info .prd-txt .name {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; color:#000;}
.layer-pop .prdReview-write .prd-info .prd-txt .option {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; color:#888888; margin-top:10px;}
.layer-pop .prdReview-write .input-box {padding:10px; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4;}
.layer-pop .prdReview-write .input-box textarea {display:block; width:100%; height:120px; border:none; font-size:12px;}
.layer-pop .prdReview-write .password-box {padding-top:10px;}
.layer-pop .prdReview-write .password-box input {font-size:12px; color:#999999;}
.layer-pop .prdReview-write .password-box .txt-box {margin-top:10px;}
.layer-pop .prdReview-write .password-box .txt-box .gray-txt2 span {position:absolute; top:0; left:0;}
.layer-pop .prdReview-write .password-box .txt-box .gray-txt2 {padding-left:15px; position:relative; line-height:20px; font-size:12px; color:#999999; text-align:left;}
.layer-pop .prdReview-write .photo-box {margin-top:10px;}
.layer-pop .prdReview-write .photo-box ul {overflow:hidden;}
.layer-pop .prdReview-write .photo-box ul li {float:left; margin-left:10px; width:88px; height:88px;}
.layer-pop .prdReview-write .photo-box ul li div {width:100%; height:100%; position:relative;}
.layer-pop .prdReview-write .photo-box ul li div p {box-sizing:border-box; width:88px; height:88px;}
.layer-pop .prdReview-write .photo-box ul li div p img {display:inline-block; width:100%; height:100%; cursor:pointer;}
.layer-pop .prdReview-write .photo-box ul li div .btn-delete {display:block; width:19px; height:19px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/btn_file_upload_del.png) 0 0 no-repeat; position:absolute; background-size:19px 19px; top:0; right:0; z-index:99;}
.layer-pop .prdReview-write .photo-box ul li:first-child {margin-left:0;}
.layer-pop .prdReview-write .photo-box ul li .file {position:relative;}
.layer-pop .prdReview-write .photo-box ul li .file input[type=file] {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.layer-pop .prdReview-write .photo-box .txt-box {margin-top:10px;}
.layer-pop .prdReview-write .photo-box .txt-box .gray-txt2 {padding-left:15px; position:relative; line-height:20px; font-size:12px; color:#999999; text-align:left;}
.layer-pop .prdReview-write .photo-box .txt-box .gray-txt2 span {position:absolute; top:0; left:0;}

/* style.container.css 에 있던 popup */
/* 18.04.20 추가 s */
.pop-page .popTopWrap {position:relative; border-bottom:1px solid #e4e4e4;}
.pop-page .popTopWrap .tabWrap {margin-right:40px; border-right:1px solid #e4e4e4;}
.pop-page .popTopWrap .tabWrap .tab {overflow:visible; border-bottom:none;}
.pop-page .popTopWrap .tabWrap .tab li {width:42%;}
.pop-page .popTopWrap .btn-popTop-close {position:absolute; top:0; right:0; z-index:10; width:37px; height:48px; background:#fff url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/h22_close_gray.png) no-repeat center / 11px auto;}
.pop-page .tbl-detail {padding:20px 20px 35px;}
.pop-page .tbl-detail th {padding:12px 10px 10px; border:1px solid #e2e1e1; background:#f0f0f0; font-size:13px; color:#333; text-align:left; font-weight:normal;} /* 2017-11-01 */
.pop-page .tbl-detail th.bold {font-weight:bold;} 
.pop-page .tbl-detail td {padding:12px 10px 10px; border:1px solid #e2e1e1; background:#fff; font-size:13px; color:#2d2d2d;} /* 2017-11-01 */
.pop-page .tbl-detail td.bold {font-weight:bold;} 
.pop-page .inner {padding:25px 20px;}
.pop-page.prd-detail .txt-detail {overflow:hidden; padding:35px 20px; text-align:center;} /* 2017-11-01 */
.pop-page.prd-detail .txt-detail.non p {margin-top:-webkit-calc(50% - 39px); margin-top:-moz-calc(50% - 39px); margin-top:calc(50% - 39px); padding-top:63px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/bul_non.gif) no-repeat center top; background-size:41px; color:#808080;}
.pop-page.prd-detail .tbl-detail.non {padding:35px 20px;}
.pop-page.prd-detail .tbl-detail.non p {margin-top:-webkit-calc(50% - 39px); margin-top:-moz-calc(50% - 39px); margin-top:calc(50% - 39px); padding-top:63px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/bul_non.gif) no-repeat center top; background-size:41px; color:#808080; text-align:center;}
.pop-page.terms .tab li {width:33.3%;}
.pop-page.terms dt {margin-bottom:25px; font-size:15px; font-weight:bold;} /* 2017-11-01 */
.pop-page.terms dd {margin-bottom:25px; font-size:14px; font-weight:lighter; color:#4c4c4c; line-height:21px;} /* 2017-11-01 */
#addressSearchLayer {width:640px; max-height:370px; margin:0px auto; transform:unset; top:30%;}
#addressSearchLayer .address-hd .address-search {margin:5px 10px !important;}
#addressSearchLayer .btn-search {position:absolute; right:0; width:42px; height:42px; border-left:1px solid #dedede; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/h24_search.png) no-repeat center; background-size:15px auto; text-align:center; line-height:38px; text-indent:-9999em;} /* 2017-11-01 */
.users-layer-pop .users-cont {padding:20px; width:auto;}

/* 21.12.14 황수현 추가 */
.thVtop {vertical-align: top !important;}

/* 22.07.01 이상아 추가 */
.pop-page .inner .tbl-terms {word-break:break-word;}