@charset "utf-8";

#layerpopup .content.detailshare .share{margin:0 -24px;padding:16px 0 0}
#layerpopup .content.detailshare .share dt{margin:2px 0 -3px;text-align:center;font-size:13px;color:black;line-height:19px}
#layerpopup .content.detailshare .share dd{padding:27px 0 0;text-align:center;font-size:0}
#layerpopup .content.detailshare .share dd a{display:inline-block;max-width:calc(25% - 16px);width:58px;margin:0 8px;vertical-align:top}
#layerpopup .content.detailshare .share dd img{display:inline-block;width:100%;vertical-align:top}

#layerpopup .content.orderaddress .addressdefault{position:relative}
#layerpopup .content.orderaddress .addressdefault:before{content:"";position:absolute;top:0;left:-15px;z-index:2;width:15px;height:100%;background:white}
#layerpopup .content.orderaddress .addressdefault:after{content:"";display:block;clear:both}
#layerpopup .content.orderaddress .addressdefault dt{float:left;width:100%;margin:-4px 0 0;padding:0 0 11px;font-size:13px;color:black;line-height:19px;border-bottom:1px solid #eee}
#layerpopup .content.orderaddress .addressdefault dd{clear:both;margin:0 0 0 -15px;padding:10px 0 22px;word-wrap:break-word}
#layerpopup .content.orderaddress .addressdefault dd span{display:block;margin:0 0 0 15px;font-size:11px;color:#666;line-height:17px}
#layerpopup .content.orderaddress .addressdefault dd .title{padding:0 0 5px;font-size:13px;color:black;line-height:19px}
#layerpopup .content.orderaddress .addressdefault dd .name{display:inline-block}
#layerpopup .content.orderaddress .addressdefault dd .tel{display:inline-block;position:relative;z-index:1;margin:0 0 0 7px;padding:0 0 0 8px;line-height:15px;font-family:'Pretendard-Regular','Spoqa Han Sans Neo',Apple Gothic,Droid Sans,sans-serif}
#layerpopup .content.orderaddress .addressdefault dd .tel:before{content:"";position:absolute;top:2px;left:0;width:1px;height:10px;background:#666}
#layerpopup .content.orderaddress .addresslist{overflow:auto;-webkit-overflow-scrolling:touch;max-height:150px;padding:3px 0;background:#f7f7f7}
#layerpopup .content.orderaddress .addresslist .item{position:relative}
#layerpopup .content.orderaddress .addresslist .item input[type=radio]{position:absolute;top:50%;left:14px;z-index:2;margin:-10px 0 0}
#layerpopup .content.orderaddress .addresslist .item label{display:block;position:relative;z-index:1;padding:6px 15px 7px 34px;word-wrap:break-word}
#layerpopup .content.orderaddress .addresslist .item label:before{content:"";position:absolute;top:0;left:34px;z-index:2;width:15px;height:100%;background:#f7f7f7}
#layerpopup .content.orderaddress .addresslist .item label span{display:block;margin:0 0 0 15px;font-size:11px;color:#666;line-height:17px}
#layerpopup .content.orderaddress .addresslist .item label .title{padding:0 0 5px;font-size:13px;color:black;line-height:19px}
#layerpopup .content.orderaddress .addresslist .item label .name{display:inline-block}
#layerpopup .content.orderaddress .addresslist .item label .tel{display:inline-block;position:relative;z-index:1;margin:0 0 0 7px;padding:0 0 0 8px;line-height:15px;font-family:'Pretendard-Regular','Spoqa Han Sans Neo',Apple Gothic,Droid Sans,sans-serif}
#layerpopup .content.orderaddress .addresslist .item label .tel:before{content:"";position:absolute;top:2px;left:0;width:1px;height:10px;background:#666}
#layerpopup .content.orderaddress .addresslist .list-none{padding:28px 0 29px;text-align:center;font-size:11px;color:#666;line-height:17px}

#layerpopup .content.orderagree .policylist .item{border-bottom:1px solid #eee}
#layerpopup .content.orderagree .policylist .item:last-child{border-bottom:none}
#layerpopup .content.orderagree .policylist .item .button{display:block;position:relative;width:100%;padding:15px 22px 16px 10px;box-sizing:border-box;text-align:left;font-size:13px;color:black;line-height:19px}
#layerpopup .content.orderagree .policylist .item .button:after{content:"";position:absolute;top:50%;right:10px;width:12px;height:8px;background:url(../imgs/global/arrow3.png) 0 1px no-repeat;background-size:12px 7px}
#layerpopup .content.orderagree .policylist .item .content{display:none;overflow:auto;-webkit-overflow-scrolling:touch;height:288px;padding:10px 14px 11px;word-wrap:break-word;font-size:11px;color:#666;line-height:1.55;background:#f7f7f7}
#layerpopup .content.orderagree .policylist .item .content table{max-width:100%}
#layerpopup .content.orderagree .policylist .item .content table td{width:revert !important}
#layerpopup .content.orderagree .policylist .item .content iframe{width:100% !important;height:auto !important}
#layerpopup .content.orderagree .policylist .item.active{padding:0 0 15px}
#layerpopup .content.orderagree .policylist .item.active .button:after{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}
#layerpopup .content.orderagree .policylist .item.active .content{display:block}
#layerpopup .content.orderagree .policylist .item:last-child.active{padding:0}
#layerpopup .content.orderagree .singlecontent{clear:both;overflow:auto;-webkit-overflow-scrolling:touch;height:288px;padding:10px 14px 11px;word-wrap:break-word;font-size:11px;color:#666;line-height:1.55;background:#f7f7f7}
#layerpopup .content.orderagree .singlecontent table{max-width:100%}
#layerpopup .content.orderagree .singlecontent iframe{width:100% !important;height:auto !important}

#fulllayerpopup .content.detailinfo h1{height:auto;margin:0 0 22px;font-size:14px;line-height:20px}
#fulllayerpopup .content.detailinfo h1 span{display:block;width:40px;margin:0 0 2px;padding:0 0 1px;text-align:center;font-size:9px;color:white;line-height:15px;font-weight:500;background:#601986}
#fulllayerpopup .content.detailinfo h1 span:after{content:"선택";display:inline-block;vertical-align:top;font-weight:400}
#fulllayerpopup .content.detailinfo .html{word-wrap:break-word;text-align:left;font-size:13px;color:#666;line-height:1.45}
#fulllayerpopup .content.detailinfo .html table{max-width:100%}
#fulllayerpopup .content.detailinfo .html iframe{width:100% !important;height:auto !important}

#fulllayerpopup .content.ordercoupon h1{margin:0}
#fulllayerpopup .content.ordercoupon .orderlist{clear:both}
#fulllayerpopup .content.ordercoupon .orderlist .item{position:relative;padding:25px 0 20px;border-bottom:1px solid #eee}
#fulllayerpopup .content.ordercoupon .orderlist .item:after{content:"";display:block;clear:both}
#fulllayerpopup .content.ordercoupon .orderlist .item .product{position:relative;float:left;width:100%;margin:0 0 -14px;box-sizing:border-box}
#fulllayerpopup .content.ordercoupon .orderlist .item .product span{float:left;clear:both;width:100%;margin:-4px 0 -3px;padding:0 0 14px;word-wrap:break-word;font-size:11px;color:#999;line-height:17px}
#fulllayerpopup .content.ordercoupon .orderlist .item .product .brand{padding:0 0 9px;color:#666}
#fulllayerpopup .content.ordercoupon .orderlist .item .product .name{font-size:13px;color:black;line-height:19px;font-weight:500}
#fulllayerpopup .content.ordercoupon .orderlist .item .product .price{margin-left:-18px}
#fulllayerpopup .content.ordercoupon .orderlist .item .product .price span{display:inline-block;float:none;width:auto;margin:0 0 0 18px;padding:0;vertical-align:top}
#fulllayerpopup .content.ordercoupon .orderlist .item .coupon{float:left;clear:both;width:100%;margin:20px 0 0}
#fulllayerpopup .content.ordercoupon .orderlist .item .coupon:before{content:"할인 쿠폰";float:left;margin:-4px 0 -3px;font-size:12px;color:black;line-height:18px}
#fulllayerpopup .content.ordercoupon .orderlist .item .coupon .selectDummy{clear:both;margin:10px 0 0}
#fulllayerpopup .content.ordercoupon .etccoupon{clear:both;padding:25px 0 0}
#fulllayerpopup .content.ordercoupon .etccoupon:after{content:"";display:block;clear:both}
#fulllayerpopup .content.ordercoupon .etccoupon dt{float:left;margin:-4px 0 -3px;font-size:13px;color:red;line-height:19px;font-weight:500}
#fulllayerpopup .content.ordercoupon .etccoupon dd{float:left;clear:both;width:100%;padding:15px 0 0}
#fulllayerpopup .content.ordercoupon .etccoupon dd:before{float:left;margin:-4px 0 -3px;font-size:12px;color:black;line-height:18px}
#fulllayerpopup .content.ordercoupon .etccoupon dd .selectDummy{clear:both;margin:10px 0 0}
#fulllayerpopup .content.ordercoupon .etccoupon dt+dd{padding:20px 0 0}
#fulllayerpopup .content.ordercoupon .etccoupon dd.cart:before{content:"장바구니 쿠폰"}
#fulllayerpopup .content.ordercoupon .etccoupon dd.brand:before{content:"브랜드 쿠폰"}
#fulllayerpopup .content.ordercoupon .etccoupon dd.delivery:before{content:"무료배송 쿠폰"}
#fulllayerpopup .content.ordercoupon .warning{clear:both;margin:25px 0 0;padding:7px 20px 8px;background:#f7f7f7}
#fulllayerpopup .content.ordercoupon .warning dl{padding:4px 0;word-wrap:break-word;font-size:11px;color:#666;line-height:17px}
#fulllayerpopup .content.ordercoupon .warning dl dt{padding:0 0 3px;color:black}
#fulllayerpopup .content.ordercoupon .warning dl dd{margin:0 0 0 4px}
#fulllayerpopup .content.ordercoupon .warning dl dd ul li{position:relative;padding:0 0 0 5px}
#fulllayerpopup .content.ordercoupon .warning dl dd ul li:before{content:"·";position:absolute;top:0;left:-2px}

#fulllayerpopup .content.qnawrite h1{margin:0}
#fulllayerpopup .content.qnawrite dl{padding:25px 0 0}
#fulllayerpopup .content.qnawrite dl:after{content:"";display:block;clear:both}
#fulllayerpopup .content.qnawrite dl dt{float:left;clear:both;width:100%;margin:-4px 0 7px;font-size:13px;color:black;line-height:19px}
#fulllayerpopup .content.qnawrite dl dt span{vertical-align:top}
#fulllayerpopup .content.qnawrite dl dd{position:relative;clear:both}
#fulllayerpopup .content.qnawrite dl dd:after{content:"";display:block;clear:both}
#fulllayerpopup .content.qnawrite dl dd .text{float:left;clear:both;width:100%;margin:-4px 0 -3px;word-wrap:break-word;font-size:13px;color:black;line-height:19px}
#fulllayerpopup .content.qnawrite dl dd .note1{float:left;clear:both;width:100%;margin:-4px 0;font-size:11px;color:black;line-height:18px}
#fulllayerpopup .content.qnawrite dl dd .checklist1{margin:-10px -15px 0 0}
#fulllayerpopup .content.qnawrite dl dd .checklist1:after{content:"";display:block;clear:both}
#fulllayerpopup .content.qnawrite dl dd .checklist1 .item{float:left;margin:10px 15px 0 0}
#fulllayerpopup .content.qnawrite dl dd .textarea:before{content:"· 배송, 결제, 교환 및 반품에 대한 문의는 ‘1:1문의’를 이용해주세요.\A· 상품과 무관한 내용, 비방, 광고, 불건전한 내용의 글은 사전 동의 없이 삭제될 수 있습니다.\A· 내용은 1,000자 이내로 입력해주세요."}
#fulllayerpopup .content.qnawrite dl.emailcell dd{font-size:0}
#fulllayerpopup .content.qnawrite dl.emailcell dd input{width:calc(50% - 10px)}
#fulllayerpopup .content.qnawrite dl.emailcell dd .at{display:inline-block;width:20px;height:17px;padding:8px 0 10px;vertical-align:top;text-align:center;font-size:13px;color:#333;line-height:17px}
#fulllayerpopup .content.qnawrite dl.emailcell dd .selectDummy{margin:5px 0 0}

/* 주문/배송내역 팝업 */
#fulllayerpopup .content.inquiry-order{padding:0 0 20px}
#fulllayerpopup .content.inquiry-order h1{padding: 20px 20px 17px;height: auto;margin: 0;}
#fulllayerpopup .content.inquiry-order h1 span{display:block;color:#999;font-size: 11px;margin-top: 17px;line-height: 17px;}
#fulllayerpopup .content.inquiry-order .list-section{border-top:10px solid #f7f7f7;padding: 0 20px; margin-top: 0;}
#fulllayerpopup .content.inquiry-order .list-info{padding:20px 0;border-bottom:1px solid #eee;display: flex;align-items: center;}
#fulllayerpopup .content.inquiry-order .list-info .check{flex-basis: 31px;}
#fulllayerpopup .content.inquiry-order .list-info label{flex-basis: calc(100% - 31px - 60px);}
#fulllayerpopup .content.inquiry-order .list-info .date{color: #999;}
#fulllayerpopup .content.inquiry-order .list-info .pdtname{font-size: 12px; color: #000; font-weight: 500; line-height: 18px; margin: 17px 0 7px 0;}
#fulllayerpopup .content.inquiry-order .list-info .order-result{font-size:13px;font-weight:500;color: #000;flex-basis: 60px;text-align: right;}
#fulllayerpopup .content.inquiry-order .list-info span{display:block;font-size:11px;color: #000;line-height: 1;}
#fulllayerpopup .content.inquiry-order .list-info .name{font-size: 13px;color:#000;margin-bottom: 15px;font-weight:500;line-height: 1;}
#fulllayerpopup .content.inquiry-order .list-info .name .default{display:inline-block;border:1px solid #601986;height: 16px;color:#601986;line-height: 14px;box-sizing:border-box;text-align:center;font-size: 11px;padding: 0 5px;margin: -1px 0 0 8px;position: absolute;}
#fulllayerpopup .content.inquiry-order .list-info .addr{color:#000;line-height: 1;margin-bottom: 10px;}
#fulllayerpopup .content.inquiry-order .list-info .num{margin-bottom: 20px;line-height: 1;}
#fulllayerpopup .content.inquiry-order .list-info .num .bar{display:inline-block;width:1px;height: 11px;margin: 0 6px;background: #999;vertical-align: top;}
#fulllayerpopup .content.inquiry-order .list-none{padding: 80px 0;text-align:center;font-size: 13px;color: #666;line-height: 1;}

/* 이미지뷰 레이어 */
.imgviewlayer{display:none;position:fixed;top:50%;left:20px;z-index:300;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;width:calc(100% - 40px);max-height:calc(100% - 40px);padding:20px;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);box-sizing:border-box;border:1px solid #ddd;background:white}
.imgviewlayer img{display:block !important;width:100% !important;margin:0 !important;padding:0 !important;border:none !important;background:none !important}
.imgviewlayer .close-button{position:absolute;top:0;right:0;overflow:hidden;width:20px;height:20px;text-indent:-9999px;background:url(../imgs/global/close5.png) center center no-repeat;background-size:10px 10px}
.imgviewlayer.active{display:block}

/* 사은품 */
#layerpopup2 .content{position:relative;padding:5px;}
#layerpopup2 .content h1{height:16px;margin:0 0 10px;text-align:left;font-size:16px;color:black;line-height:15px;font-weight:500}
#layerpopup2 .content .close-button{position:absolute;top:-8px;right:-8px;overflow:hidden;width:32px;height:32px;text-indent:-9999px;background:url(../imgs/global/close1.png) center center no-repeat;background-size:16px 16px}
#layerpopup2 .content .buttonwrap{margin:0 -5px 0 -6px;padding:14px 0 0}
#layerpopup2 .content .buttonwrap a,
#layerpopup2 .content .buttonwrap button{text-overflow:ellipsis;overflow:hidden;width:calc(50% - 11px);margin:11px 5px 0 6px;padding:7px 0 9px;white-space:nowrap;font-size:13px;line-height:17px}
#layerpopup2 .content .buttonwrap .wide{width:calc(100% - 11px)}
#layerpopup2 .order-list{clear:both;overflow:hidden;margin:0;border-top:1px solid #eee}
#layerpopup2 .order-list .item{position:relative;padding:11px 0 20px;border-bottom:1px solid #eee}
#layerpopup2 .order-list .item input[type=checkbox]{position:absolute;top:20px;left:20px}
#layerpopup2 .order-list .item .d-button{position:absolute;top:10px;right:10px;z-index:3;overflow:hidden;width:30px;height:30px;text-indent:-9999px;background:url(../imgs/global/close6.png) center center no-repeat;background-size:10px 10px}
#layerpopup2 .order-list .item .product{padding:9px 0 0}
#layerpopup2 .order-list .item .product:after{content:"";display:block;clear:both}
#layerpopup2 .order-list .item .product .img{position:relative;float:left;width:71px;height:98px;margin:0 15px 0 0;background-size:cover;background-position:center center;background-repeat:no-repeat}
#layerpopup2 .order-list .item .product .img .label{position:absolute;bottom:0;left:0;width:100%;padding:0 0 1px;text-align:center;font-size:11px;color:white;line-height:17px;background:#601986}
#layerpopup2 .order-list .item .product .text{position:relative;float:left;width:100%;min-height:98px;padding:0 0 10px;box-sizing:border-box}
#layerpopup2 .order-list .item .product .text span{float:left;clear:both;width:100%;margin:-4px 0 -3px;padding:0 0 14px;word-wrap:break-word;font-size:11px;color:#999;line-height:17px}
#layerpopup2 .order-list .item .product .text .brand{padding:0 0 9px;color:#666}
#layerpopup2 .order-list .item .product .text .name{font-size:13px;color:black;line-height:19px;font-weight:500}
#layerpopup2 .order-list .item .product .text .option span{float:none;width:auto;margin:0;padding:0}
#layerpopup2 .order-list .item .product .text .price{margin:-4px 0 -15px;padding:0;font-size:13px;color:black;line-height:19px;font-weight:500}
#layerpopup2 .order-list .item .product .text .price span{display:inline-block;float:none;width:auto;margin:0;padding:0;font-size:13px;color:black;line-height:17px;font-weight:500;font-family:'Pretendard-Regular','Spoqa Han Sans Neo',Apple Gothic,Droid Sans,sans-serif}
#layerpopup2 .order-list .item .product .text .notice{position:absolute;bottom:-3px;left:-15px;margin:0;padding:0;white-space:nowrap;font-size:0}
#layerpopup2 .order-list .item .product .text .notice span{display:inline-block;float:none;width:auto;margin:0 0 0 15px;padding:0;vertical-align:top;white-space:nowrap;font-size:11px}
#layerpopup2 .order-list .item .product .img+.text{width:calc(100% - 86px)}
#layerpopup2 .content .info{float:left;clear:both;width:100%;margin:16px 0 -3px;padding:0;box-sizing:border-box}
#layerpopup2 .content .info:first-child{margin-top:-4px}
#layerpopup2 .content .info li{word-wrap:break-word;font-size:11px;color:#999;line-height:17px}
#layerpopup2 .content .info li.dot{position:relative;padding:0 0 0 5px}
#layerpopup2 .content .info li.dot:before{content:"·";position:absolute;top:0;left:-2px}