@charset "utf-8";

/*** LOGIN ***/
/*** LOGIN ***/
/*210716 수정*/.login{position:absolute;left:0;top:calc(50% - 26rem);width:100%;padding:0 3rem;text-align:right;box-sizing:border-box;}
/*210716 추가*/.login-wrap{position:relative}
/*210716 추가*/.login-wrap::after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:18rem;background:url(/images/imgLoginZeplinCopy-d6fe116ba6c87e7591a99c0821fd29b8.png) no-repeat center 100%;background-size:contain}
/* [s] 210824 추가 */
.login-wrap .country-setting{position:absolute;top:0;right:1.5rem;}
.login-wrap .country-setting .selected{/*padding-right:0;*/text-align: right;}
/* [e] 210824 추가 */
.login h1 img{width:7.2rem}
.login p{margin:.3rem 0 2rem;color:rgb(255,85,25);font-weight: 500;}
.login p strong{display:block;font-size:4rem;letter-spacing:-.2rem}
/*210104 추가*/.login p strong.inf{font-size:3rem;font-weight:bold}
.login p:first-of-type{font-size:1.4rem}
.login p:last-of-type{margin-top:2rem;text-align:center;}
.login p:last-of-type a{color:rgb(255,85,25);text-decoration:underline}
.login .btn-wrap{padding:0}
.login .btn-wrap .btn-100p{position:relative;margin-top:.7rem}
.login .btn-wrap .btn-100p::before{content:'';display:block;position:absolute;top:50%;left:0;width:1.2rem;height:1.2rem;margin-top:-.5rem;margin-left:-.8rem;border-radius:1rem;background:#fff}
.login .btn-wrap .btn-100p::after{content:'';display:block;position:absolute;top:50%;right:0;width:1rem;height:1.2rem;margin-top:-.5rem;margin-right:-.6rem;border-radius:1rem;background:#fff}

.login-enter{padding:5rem 4rem}
.login-enter h1{margin-bottom:6rem;text-align:center;}
.login-enter h1 img{width:12rem}
.login-enter .inp{margin-top:1.2rem}
.login-enter .inp input:focus{border-color:#111}
.login-enter .checkbox-wrap{margin:2rem 0;text-align:right;}
/*.login-enter .checkbox-wrap span{margin-right:3.5rem}*/
.login-enter input[type="checkbox"]{margin:0 .3rem 0 0;}
.login-enter input[type="checkbox"]:before{width:1.2rem;height:1.2rem;background:#fff;border:.1rem solid #111;box-sizing:border-box;}
.login-enter input[type="checkbox"]:checked:before{width:1.2rem;height:1.2rem;background:#111;}
.login-enter > a{display:block;margin:2rem 0;color:rgb(102,102,102);text-decoration:underline;text-align:center}
.login-enter p.txt-bt{position:absolute;bottom:0;left:0;width:100%;padding-bottom:3rem;color:rgb(255,85,25);text-align:center;box-sizing:border-box}
.login-enter p.txt-bt a{font-weight:500;color:rgb(255,85,25);text-decoration:underline}

/* 이용약관 */
/* [s] 1014 edit : 이용약관 반영 */
/*[s] 230307 : 개인정보처리방침 추가 및 수정 */
.terms-cont{padding:0 1.6rem 8rem;word-break:break-word;}
.terms-cont p{line-height:1.7rem}
.terms-tit{margin:0 0 1.6rem;word-break:break-word;border:1px solid #BFBFBF;padding:1rem;outline:none;background:#F2F2F2;}
.terms-list p{margin-bottom:0.6rem;}
.terms-list li{font-weight:500;line-height:2.2;}
.terms-cont h3{padding-top:1.6rem;color:#111;font-weight:500;}
.terms-cont table td{word-break:break-word;text-align:center;}
.terms-cont .btn-privacy{color:#0000F9;margin-left:0.5rem;}
.terms-cont #privacy01 + p + table td{text-align:left;}
.terms-cont #privacy07{padding-top:0;}
.terms p {min-height:15px;font-weight:300;line-height:1.8}
.terms p strong{display:block;margin-top:30px;font-weight:400}
.terms p.mt{margin-top:20px}
.terms table {margin:20px 0}
.terms table th{text-align:center;background:#F2F2F2;}
.terms table th,.terms table td{padding:0.5rem;font-weight:300;border:1px solid #111;border-top:0;border-left:0}
.terms table th{padding:5px 10px;font-size:1.2rem;border-top:1px solid #111;}
.terms table th:first-child,.terms table td:first-child{border-left:1px solid #111}
/*[e] 230307 : 개인정보처리방침 추가 및 수정 */
/* [e] 1014 */

/* 회원가입 */
.membership{padding:1.6rem}
.nick-name .inp input[type=text]{margin-bottom:.5rem;border-width:.15rem;font-size:1.8rem}
.nick-name .inp input[type=text]:focus{border-color:#111}
.inp-esse{position:relative;padding-left:1rem;font-size:1rem;color:rgb(102,102,102);line-height:1.8rem}
.inp-esse::before{content:'';position:absolute;top:50%;left:0;display:block;width:.2rem;height:.2rem;margin-top:-.1rem;border-radius:1rem;background:rgb(102,102,102)}
.inp-esse.err,.inp-etc{font-size:1rem;color:rgb(255,85,25)}
.inp-esse.err::before{background:rgb(255,85,25)}
.inp-esse.ok,.inp-ok{font-size:1rem;color:rgb(104,187,119)}
.inp-esse.ok::before{top:.7rem;left:0;width:.6rem;height:.6rem;border-radius:0;background:url(/images/icoCheckGreen-08e9495d41e0f14cce64f61f114a5976.png) no-repeat center;background-size:.6rem}
.inp-ok,.inp-etc{line-height:1.8rem}

.singup-inp{margin-top:4rem}
.singup-inp label{display:inline-block;margin-bottom:1.2rem}
.singup-inp input:focus{border-color:#111}
/* [s] 210628 */
.email-auth > span{display:inline-block;margin-bottom:.8rem;}
.email-auth p{font-size:1.1rem;font-weight:300}
.email-auth p.inp-etc{margin-top:.4rem;line-height:1.6rem}
.email-auth .btn-100p{margin-top:2rem;color:rgb(255,85,25);border-color:rgb(255,85,25);font-weight: 500;}
.email-auth .btn-100p:disabled{border-color:rgb(255,85,25) !important;background:#fff !important;}
.email-auth p strong{display:block;font-size:1.1rem;color:rgb(255,85,25)}
.email-auth .auto-code{margin-top:2rem}
.email-auth .auto-code + .btn-100p{margin-top:1rem;}
.email-auth .auto-code > div{position:relative;}
.email-auth .auto-code > div:after{content:'';display:block;clear:both}
.email-auth .auto-code input{float:left;width:74%;height:3.2rem;padding-left:1rem;font-size:1.2rem;font-weight:300;border:.1rem solid rgb(232,232,232)}
.email-auth .auto-code button{float:right;width:24%;height:3.2rem;font-size:1.2rem;color:#fff;background:rgb(255,85,25)}
.email-auth .auto-code .time{position:absolute;top:.7rem;right:29%;color:rgb(171,171,171);font-weight:300}
.email-auth .comp div{margin-top:3rem;color:rgb(255,85,25);line-height:3.6rem;text-align:center;background:rgb(255,236,229)}
.email-auth .comp span,.email-auth .comp a{display:inline-block;position:relative;font-weight:500;color:rgb(255,85,25)}
.email-auth .comp .check{top:10px;left:-20px;}
/* [e] 210628 */

.singup-checkbox{margin:4rem 0}
.agree-all{margin-bottom:1rem;padding:.5rem 0;border-bottom:.1rem solid rgb(232,232,232);}
.agree-all label strong{padding-left:.4rem;font-size:1.2rem}
.agree-wrap label{font-weight:300}
.agree-wrap > div{position:relative;margin-top:.5rem;padding-right:2.5rem;}
.agree-wrap > div > a{position:absolute;top:0;right:0;color:rgb(17,17,17);font-size:1rem;font-weight:300;text-decoration:underline}

/* [s] 201125 : 비밀번호 찾기,재설정 추가 */
.password{padding:1.6rem}
.password > div:first-of-type{margin-bottom:2.5rem;color:rgb(17,17,17);font-weight:300;font-size: 1.3rem;}
.password .singup-inp{margin:0 0 4rem}  
.password .singup-inp .inp{margin-bottom:.5rem}
/* [e] 201125 */

/*** MYSHOP ***/
/* 상품리스트 */
.list-info{display:table;width:calc(100% - 1.6rem);margin:0 0 3rem 1.6rem;border-bottom:.1rem solid #000}
.list-info:after{content:'';display:block;clear:both}
.list-info > div{display:table-cell;width:50%;padding:1.2rem 0;font-weight:300;vertical-align:middle;}
.list-info > div:last-of-type{padding-right:1.6rem;text-align:right}
.sort .ico.filter{width:1.1rem;height:1.1rem;margin-left:.5rem;background-size:1.1rem auto;}
.select-list ul{display:none}
.gutter-sizer{width:2rem;}
.item{width:calc(50% - 7px);margin-bottom:3.4rem;}
.item .img{display:block;max-width:100%;}
.loader{display:none;text-align:center}
.thumbnail{position:relative;display:table;width:100%;height:100%;}
[class^='state']{z-index:10;position:absolute;display:table-row;width:100%;height:100%;text-align:center}
[class^='state']:after{content:'';z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5}
.item [class^='state'] span{z-index:11;display:block;position:absolute;top:50%;left:0;width:100%;height:8rem;margin-top:-4rem}
[class^='state'] em{display:block;width:5.2rem;padding:.2rem .3rem;margin:0 auto;font-size:1.1rem;color:rgba(17,17,17);font-weight:500;border-radius:8rem;letter-spacing:.2rem;background:#fff;box-sizing:border-box}
[class^='state'] strong{display:block;padding-top:1rem;font-family:'LibreBaskerville-Italic', serif;color:#000;font-size:2rem}
.state-lc em{color:rgb(255,85,25)}
.state-lc strong{color:#fff}
/* [s]1007 edit : 상품리스트 뱃지 추가 */
.item .state.sorry span,.item .state.sold-out span{display:table;height:100%;margin:0;top:0;}
.item .state.sorry::after,.item .state.sold-out::after{z-index:-2;}
.item .state.sorry::before,.item .state.sold-out::before{content:'';z-index:-1;position:absolute;top:50%;left:50%;width:9rem;height:9rem;margin:-4.5rem 0 0 -4.5rem;border-radius:100%;background:rgba(24,22,22,0.83);}
.item .state.sold-out::before{
background:#78ffff;/* Old browsers */
background:-moz-linear-gradient(45deg,  #78ffff 12%, #ff9f65 46%, #ff652f 72%, #ff5519 100%);/* FF3.6-15 */
background:-webkit-linear-gradient(45deg,  #78ffff 12%,#ff9f65 46%,#ff652f 72%,#ff5519 100%);/* Chrome10-25,Safari5.1-6 */
background:linear-gradient(45deg,  #78ffff 12%,#ff9f65 46%,#ff652f 72%,#ff5519 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#78ffff', endColorstr='#ff5519',GradientType=1 );/* IE6-9 fallback on horizontal gradient */}
.item .state.sorry span strong,.item .state.sold-out span strong{padding:0;font-size:1.6rem;color:#fff;display: table-cell;vertical-align: middle;}
/* [e]1007  */
.item .info p{color:rgb(17,17,17);font-size:1.2rem;line-height:2.2rem;}
.item .info p.brand-name{margin-top:1rem;font-weight:500;}
.item .info p.prod-name{padding-right:1.5rem;font-weight:300;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;text-overflow:ellipsis;overflow:hidden;}
.item .info p.price{font-weight:bold;font-size:1.3rem;}
.item .info p.price span{padding-left:.4rem;font-weight:300;font-size:1.1rem}

/*상품등록*/
/*201221 수정*/.prod-regist{padding:1.6rem 1.6rem 6rem;box-sizing:border-box}
.prod-regist h2,.order h2,.toggle-tit{height:4.25rem;font-weight:500;line-height:4.25rem;cursor:pointer;}
.prod-regist h2{margin-bottom:.7rem}
.prod-regist h2 em{display:inline-block;margin-left:1.8rem;font-size:1.2rem;font-weight:300;}
.prod-regist article{position:relative;margin-bottom:3.4rem;font-weight:300;}
.prod-regist .option-detail{padding:2rem 0 1rem;}
.term-tab{padding:1rem 0 1.7rem;}
.term-tab ul{display:table;width:100%}
.term-tab ul li{display:table-cell;position:relative;width:20%;padding:.2rem 0;font-weight:300;text-align:center}
.term-tab ul li::before{content:'';display:block;position:absolute;top:.8rem;width:1px;height:.6rem;background:rgb(232,232,232)}
.term-tab ul li:first-of-type::before{display:none}
.term-tab ul li.active{color:rgb(255,85,25);font-weight:500}
.btn-wrap.option-use{padding:0}
.btn-wrap.option-use .btn-100p{height:4.2rem;font-size:1.3rem;line-height:4rem}
/*[s]201221 추가*/
/*210106 수정*/.provision-noti{border-top:.1rem solid #111;border-bottom:.1rem solid #111;}
.provision-noti h3{padding:.6rem 0;font-size:1.2rem;font-weight:500;background:rgb(246,246,246);text-align:center}
.provision-noti ul {padding:1.3rem 0}
.provision-noti ul li{display:table;width:100%;padding-top:2.2rem}
.provision-noti ul li:first-of-type{padding-top:0}
.provision-noti ul li span{display:table-cell;width:40%;font-weight:200;text-align:right;vertical-align:middle;box-sizing:border-box}
.provision-noti ul li span:first-of-type{width:60%;padding-right:1.5rem;font-weight:400;text-align:left}
/*210106 추가*/.select + .provision-noti{margin-top:3rem}
/*[e]201221 추가*/

/* 해시태그 */
.inp.tag{padding-right:0}
.inp.tag input{padding-left:1.5rem}
.tag::before{content:'#';position:absolute;top:0;left:0;color:#111;line-height:3.1rem;}
#tag-list{margin-top:1rem;}
#tag-list:after{content:'';display:block;clear:both}
.tag-item{display:block;position:relative;float:left;margin-right:.5rem;margin-top:.5rem;padding:.2rem 1rem .2rem 1.8rem;border-radius:1.5rem;border:.1rem solid rgb(232,232,232);text-align:center}
.tag-item::before{content:'#';position:absolute;top:-.4rem;left:1rem;color:#111;line-height:3.1rem;}
.tag-item #tab-del{margin-left:.4rem;cursor:pointer;}

#change-order{position:absolute;top:1.2rem;right:0;color:#111;font-weight:300}
#delivery-info{position:absolute;top:1.2rem;right:0;color:rgb(255,85,25);font-weight:500;text-decoration:underline;}

/* 프로필이미지 업로드 */
.list-wrap{overflow-x:auto;overflow-y:hidden;background-color:#fff;-webkit-overflow-scrolling:touch;}
.img-list{position:relative;white-space:nowrap;}
.img-list:after{content:'';display:block;clear:both}
.input-wrap:after{content:'';display:block;clear:both}
.img-list .input-wrap input{display:none}
.imgs-wrap li{position:relative;display:inline-block;width:6.6rem;height:6.6rem;margin-left:.5rem;border:.1rem solid rgb(220,220,220);vertical-align:middle;}
.imgs-wrap li::after{content:'';display:block;z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(17,17,17,.4)}
.imgs-wrap li img{width:100%;height:100%;}
.imgs-wrap li .btn-del{display:block;z-index:2;position:absolute;top:1.1rem;right:.5rem;width:1rem;height:1rem;text-indent:-9999px}
.imgs-wrap li .btn-del:before,
.imgs-wrap li .btn-del:after{height:1rem;top:0;left:50%;background-color:#fff}
.imgs-wrap li .btn-modify{z-index:2;position:absolute;bottom:.4rem;left:50%;margin-left:-2.2rem;padding:0 1.4rem;font-size:.8rem;font-weight:500;color:#111;border-radius:1rem;background:#fff;line-height: 2;}
#input_imgs{display:none}
.btn-upload{display:block;width:6.6rem;height:6.6rem;color:rgb(220,220,220);border:.1rem solid rgb(220,220,220);background:url(/images/icoPlus-d00f8973a7e908d982cb9f9b4f83a892.png) no-repeat center 2rem;background-size:1.5rem;}
.input-wrap{position:relative;float:left;width:6.6rem;height:6.6rem;margin-right:.2rem;vertical-align:top;}
.input-wrap .count{position:absolute;bottom:1rem;left:50%;margin-left:-1rem;font-size:.9rem;color:rgb(171,171,171)}
.imgs-wrap{height:7.8rem;}

/* 이미지 미리보기 */
.file-box{position:relative;float:left;width:100px;height:100px;margin-right:5px;}
.file-box input[type="file"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);}
.file-box label{display:inline-block;color:#999;font-size:inherit;line-height:normal;vertical-align:middle;background-color:#fdfdfd;cursor:pointer;border-bottom-color:#e2e2e2;}
.file-box .upload-display{width:100px;height:100px;margin-bottom:5px;border:1px solid red;}
.file-box .upload-display img{display:block;max-width:100%;width:100%;height:auto;}
.file-box .upload-thumb-wrap{display:table-cell;width:100px;height:100px;vertical-align:middle;}
.file-box .upload-name{display:none;padding:.5em .75em;background-color:#f5f5f5;border:1px solid #ebebeb;border-bottom-color:#e2e2e2;border-radius:.25em;-webkit-appearance:none;/* 네이티브 외형 감추기 */ -moz-appearance:none;appearance:none;}
.file-box .btn-area{display:none;width:100%;position:absolute;bottom:0;left:0;background:gray}
.file-box .btn-area:after{content:'';display:block;clear:both}
.file-box .btn-area label,.file-box .btn-area button{display:block;float:left;width:50%;height:20px;color:#fff;background:transparent;text-align:center;border:0;}
.file-box .btn-area label:after{display:none}

/*201224 수정*/.profile{padding:7.8rem 2.7rem 2rem;background: #78ffff; /* Old browsers */
background: -moz-linear-gradient(45deg,  #78ffff 0%, #ffa565 34%, #ffa565 46%, #ff5e19 76%, #ff5e19 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #78ffff 0%,#ffa565 34%,#ffa565 46%,#ff5e19 76%,#ff5e19 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #78ffff 0%,#ffa565 34%,#ffa565 46%,#ff5e19 76%,#ff5e19 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78ffff', endColorstr='#ff5e19',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
/*201224 추가*/.lc-profile,.inf-profile,.br-profile{background-repeat:no-repeat;background-position:center;background-size:cover}
.profile .info{position:relative;padding:1.6rem 1rem 1rem;background:#fff}
.profile .info::before{content:'';display:block;position:absolute;top:0;left:-.7rem;width:.9rem;height:100%;background:url(/images/profileBgLeft-ecec2a7a91290148a53fee0d8ec353f4.png) no-repeat center / contain}
.profile .info::after{content:'';display:block;position:absolute;top:0;right:-.7rem;width:.9rem;height:100%;background:url(/images/profileBgRight-786b0bd0facd7d6b40f71b0c486cc19d.png) no-repeat center / contain}
.profile .info .info-inner{display:table;width:100%}
.profile-thum{display:table-cell;width:8.2rem}
.profile-thum .thum-inner{position:relative;padding-top:100%;/* 1:1 ratio */ overflow:hidden;} 
.profile-thum .thum-inner .centered{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%);}
.profile-thum .thum-inner .centered img{position:absolute;top:0;left:0;max-width:100%;height:auto;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.profile .info .info-inner dl{display:table-cell;width:calc(100% - 8.2rem);vertical-align:middle;padding-left:1rem;}
.profile dl::after{content:'';display:block;clear:both}
.profile dl dt{padding-bottom:.4rem;font-size:1.6rem;font-weight:bold}
.profile dl dd{font-size:1.1rem;font-weight:300;text-align:left}
.txt-over{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;text-overflow:ellipsis;overflow:hidden;}
.btn-favorites{position:absolute;top:1.5rem;right:1.2rem;width:1.6rem;height:1.6rem}
.btn-favorites span.ico{display:block;width:1.6rem;height:1.6rem;background-size:1.4rem 1.6rem;text-indent:-9999px}
.btn-setting{position:absolute;top:1.5rem;right:1.2rem;width:1.8rem;height:1.8rem;}
.btn-setting span.ico{display:block;width:1.8rem;height:1.8rem;background-size:1.7rem 1.7rem;text-indent:-9999px}

/*201229 수정*/.profile .info .sns{position:relative;min-height:2.8rem;margin-top:1.6rem;padding-top:1.1rem;border-top:.1rem dashed #e8e8e8;}
.profile .info .sns ul::after{content:'';display:block;clear:both}
.profile .info .sns ul li{float:left;margin-right:1.4rem}
.profile .info .sns ul li a{display:block}
.profile .info .sns span.ico{width:2.8rem;height:2.8rem;text-indent:-9999px}
.profile .info .sns .share{position:absolute;top:1.6rem;right:0}
.profile .info .sns .share span{display:block;padding-left:1.5rem;background:url(/images/icoShareNew-fa69446fea26a7764e57775da7f293b6.png) no-repeat 0 center;background-size:1.2rem auto;text-indent:-9999px;}
.search-bar{position:relative;margin:2rem 1.6rem;padding:0 1.8rem;height:4rem;border:.1rem solid #111;background:#fff;}
.search-bar::before{content:'';display:block;position:absolute;top:1.5rem;left:-.1rem;width:.6rem;height:1rem;border:.1rem solid #111;border-bottom-right-radius:1rem;border-top-right-radius:1rem;border-left:0;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.search-bar::after{content:'';display:block;position:absolute;top:1.5rem;right:-.1rem;width:.6rem;height:1rem;border:.1rem solid #111;border-bottom-left-radius:1rem;border-top-left-radius:1rem;border-right:0;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.search-bar .ico.search{width:2.6rem;height:4rem;background-image:url(/images/icoSearch-76f50744ff254d1faf86d9138a305823.png);background-position:0 center;background-size:1.6rem auto;vertical-align:top}
.search-bar input{width:calc(100% - 4rem);height:4rem;border-bottom:0;}
.search-bar .btn-clear{top:2rem;right:1.5rem}
.btn-clear{display:none;position:absolute;top:1.6rem;right:1.8rem;width:1.6rem;height:1.6rem;margin-top:-.8rem;vertical-align:top}
.btn-clear .ico.cancel{width:1.6rem;height:1.6rem;background-position:center;background-size:1.6rem auto;text-indent:-9999px;vertical-align:top;}
.photo-wrap{margin-top:20px;position:relative}
.photo-wrap input[type=file]{display:none}
.photo-wrap label{cursor:pointer}
.photo-wrap .profile-photo{position:absolute;left:50%;bottom:-30px;width:100px;height:100px;margin-left:-50px;border-radius:100%;;background:url(/images/temp-d3bceb40e95e225bebc530ea68f619fe.jpg) no-repeat center;background-size:cover}
.profile-photo label{position:absolute;bottom:0;right:0;width:100%;height:100%;border-radius:100%;border:1px solid red}
.photo-wrap .concept-photo{height:200px;background:url(/images/test-61d06114f8ce1e620897364d1616d3c7.jpg) no-repeat center;background-size:cover}
.concept-photo label{position:absolute;bottom:0;right:0;}
.profile-form{position:absolute;top:21.1rem;left:0;width:calc(100% - 3.2rem);margin:0 1.6rem;padding:2.2rem 1.6rem 0;background:#fff;box-sizing:border-box}
/* [s] 211105 수정 */
.profile-form label{float:left;width:8.5rem;height:3.6rem;font-weight:300;line-height:3.4rem}
.profile-form input{width:calc(100% - 8.5rem);margin-bottom:1rem;border-bottom:.1rem solid #e8e8e8;}
.profile-form .sns label{width:5.8rem}
.profile-form .sns input{width:calc(100% - 5.8rem)}
/* [e] 211105 수정 */
.profile-form .sns h3{margin-top:2.8rem;padding-bottom:1.6rem;}
.profile-form .sns .ico{width:2.6rem;height:2.6rem;background-size:2.6rem auto;border-radius:0.4rem;}
#product-list{width:calc(100% - 3.2rem) !important;padding:0 1.6rem;box-sizing:border-box;}
.profile-modify .btn-wrap{position:absolute;top:68rem;left:0;width:calc(100% - 3.2rem);}

.profile-modify{position:relative}
.profile-upload{z-index:10;position:absolute;top:6rem;left:50%;width:11rem;margin-left:-5.5rem;}
.upload-wrap{position:absolute;top:16.7rem;left:0;display:table;width:100%;padding:0 1.6rem;box-sizing:border-box;}
.upload-wrap > div{position:relative;display:table-cell;width:50%;}
.upload-wrap > div.profile-edit::after{content:'';display:block;position:absolute;top:calc(50% - 6px);right:0;width:1px;height:10px;background:#e8e8e8}
.profile-edit input{display:none;}
.upload-wrap > div input + label{display:inline-block;width:100%;height:3.6rem;background:#fff;cursor:pointer;font-weight:500;text-align:center;line-height:3.4rem;transition:all 0.2s ease-in-out;}
.profile-upload .profile-preview{width:9.5rem;height:9.5rem;position:relative;border:.8rem solid #F8F8F8;box-sizing:border-box;}
.profile-upload .profile-preview > div{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;}
.concept-upload{position:relative;max-width:100%;}
.concept-edit input{display:none;}
.concept-upload .concept-preview{width:100%;height:28rem;position:relative;} 
.concept-upload .concept-preview > div{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;} /* 옵션등록 */

/* [s] 201215 수정 : 옵션등록 */
.option-regist > .btn-100p{margin-top:3rem}
.option-regist div:first-of-type.regist-area{margin-top:0}
.regist-area{position:relative;margin-top:3.5rem}
.last-option{display:none}
.last-option.active{display:block}
.regist-area button{position:absolute;top:0;right:0;font-weight:300;}
.regist-area .inp{margin-top:.7rem;}
/* [e] 201215 수정 : 옵션등록 */

.option-detail{padding-bottom:10rem}
.option-detail h3{font-weight:500}
.option-detail table th,.option-detail table td{padding:1rem;font-size:1.2rem;;text-align:left}
.option-detail table th{font-weight:500;border-bottom:.1rem solid #111}
.option-detail table th:last-of-type{text-align:right}
.option-detail table td{font-weight:300}
.option-detail table td input{padding:0 .6rem;border:.1rem solid rgb(232,232,232);text-align:right}
.option-detail table tfoot td{border-top:.1rem solid #111;font-weight:500}
.option-detail table td:last-of-type{text-align:right}

/* 사진 순서 변경 */
/*201217 수정*/.photo-list{padding:1.75rem 0 2.2rem;box-sizing:border-box;}
.photo-list h2{margin-bottom:.6rem}
.photo-list h2 span{padding-left:.2rem;font-weight:500;font-size:1.1rem;}
#sortable{margin:2rem 0}
#sortable li{position:relative;padding:1rem 2.25rem;border:0;border-bottom:.1rem solid rgb(232,232,232);vertical-align:middle;background:#fff;}
#sortable li .ico.hamburger{position:absolute;top:0;left:0}
#sortable li img{width:100%;vertical-align:middle}
#sortable li div{display:table;width:100%;box-sizing:border-box}
#sortable li div span{display:table-cell;padding-left:1.8rem;vertical-align:middle}
#sortable li div span:first-of-type{width:4rem;height:4rem;padding:0;}
#sortable li .ico.hamburger{position:absolute;top:50%;left:0;margin-top:-.2rem}


/* 상품상세 */
.slick-list{margin:0}
.slick-slide img{width:100vmin; height:100vmin; object-fit:contain; margin:0 auto;}
/*.slick-slide{ height:400px !important;}
.slick-slide img {height: auto; width: auto; max-width: 100%; max-height: 400px; margin: 0 auto;}*/
.prod-info{padding:2.25rem 1.6rem;font-weight:300}
.prod-info h2{font-weight:500;font-size:1.6rem;line-height:2rem;/*! text-transform:uppercase */}
.prod-info h2 span{display:block;font-weight:300;font-size:1.2rem}
.prod-info .info-wrap{margin-top:2rem}
.prod-info dl{display:table;width:100%}
.prod-info dl.line{padding-bottom:1.2rem;border-bottom:.1rem solid #e8e8e8;}
.prod-info dl.line+ dl{padding-top:1.2rem}
.prod-info dl dt,.prod-info dl dd{display:table-cell;padding-bottom:.4rem;font-size:1.1rem;vertical-align:middle;box-sizing:border-box}
.prod-info dl dt{width:20%}
.prod-info dl dd{width:80%;font-weight: 400;}
.prod-info dl dd em{display:inline-block;font-size:1.6rem;font-weight:500}
.prod-info dl dd.txt-or em{font-size:2rem}
/*210719 수정 : .prod-info dl dd span 를 > span으로 수정*/.prod-info dl dd > span{display:inline-block;padding-left:1rem}
/*210719 추가*/.prod-info dl dd .sign{padding-right:.4rem}
.prod-detail{padding-bottom:7.5rem;}
.prod-detail .toggle-area{margin:0 1.6rem}
.prod-detail .toggle-cont{display:none;padding:1.5rem 0 2.8rem;font-weight:300;box-sizing:border-box;word-break: break-word;}
.detail-profile{margin-bottom:1.5rem}
.detail-profile span{display:inline-block;padding-left:.5rem;font-weight:500;vertical-align:middle}
.detail-profile .logo{display:inline-block;width:2.5rem;height:2.5rem;padding-left:0;border-radius:5rem;background:url(/images/temp-d3bceb40e95e225bebc530ea68f619fe.jpg) no-repeat center / cover;}
/*[s] 201229 추가*/
.sale-vicarious{padding:1.6rem 1.6rem 6rem;box-sizing:border-box}
.sale-vicarious h2{height:4.25rem;margin-bottom:.7rem;font-weight:500;line-height:4.25rem;cursor:pointer;}
.sale-vicarious h2 em{display:inline-block;margin-left:1.8rem;font-size:1.2rem;font-weight:300;}
.sale-vicarious article{position:relative;margin-bottom:3.4rem;font-weight:300;}
.sale-vicarious .toggle-area::before{display:none}
/*[e] 201229 추가*/

/* 브랜드샵 */
.category-wrap ul{/*! margin-top:1.4rem; */padding:1.4rem 1rem 0;background-color:#fff;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;/*! border-bottom:.2rem solid #e8e8e8;*/position:relative;z-index:1;}
.category-wrap ul::after{content:'';display:block;width:calc(100% + 14rem);height:100%;border-bottom:.2rem solid #e8e8e8;}
.category-wrap ul li{display:inline-block;position:relative;width:7rem;height:2.6rem;margin-right:1.7rem;text-align:center;vertical-align:top}
.category-wrap ul li:last-child{margin-right:0}
.category-wrap ul li.active::after{content:'';display:block;position:absolute;bottom:-.2rem;left:0;width:100%;height:100%;border-bottom:.2rem solid #111;z-index:1;}
/*201229 수정*/.category-wrap ul li a{display:block;z-index:2;position:relative;font-size:1.3rem;color:#111}
.category-wrap ul li.active a{font-weight:500}

/* Zmarket */
#wrap{position:relative;height:100%;}
/* .drawer-wrap{overflow:hidden;} */
#drawer-open{display:inline-block;width:1.8rem;height:1.8rem;background:url(/images/icoOrderFilter-d4b1b2aedab368957dfe9b8da300d040.png) no-repeat center / cover;text-indent:-9999px}
.drawer-open{visibility:hidden;z-index:100;position:fixed;top:0;left:0;;width:100%;height:100%;background:#fff;}
.drawer-open{visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform: translateX(100%);transform: translateX(100%);-webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s;transition: transform 0.3s, visibility 0s 0.3s;}
.drawer-open.drawer-active{visibility: visible;-webkit-transform: translateX(0%);transform: translateX(0%);-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;}
.drawer-open header{height:6.7rem;padding:2.5rem 1rem 1rem 1.6rem;text-align:right;box-sizing:border-box;}
.drawer-open header button{font-size:1.2rem;font-weight:500}
.drawer-cont{height:calc(100% - 14.1rem);padding:1.5rem 1.6rem;box-sizing:border-box;}
.drawer-cont h2{font-weight:500}
.drawer-cont ul{margin-bottom:3.5rem}
.drawer-cont ul li{margin-top:2rem}
.drawer-close{width:3rem;height:3rem;margin-left:.5rem;background:url(/images/icoCancel-a079ad8c7ffd4a5670cceac3d10dc80b.png) center center no-repeat;background-size:1.4rem auto;text-indent:-9999px;}

.zmarket-header{/*! padding:2.4rem 1.6rem 1.6rem; */background:-moz-linear-gradient(75deg, #78ffff 10%,#78ffff 10%,#ffa565 25%,#ffa565 30%,#ff6d2f 50%,#ff6d2f 55%,#ff6d2f 86%,#ff5e19 100%);/* FF3.6-15 */background:-webkit-linear-gradient(75deg, #78ffff 10%,#78ffff 10%,#ffa565 25%,#ffa565 30%,#ff6d2f 50%,#ff6d2f 55%,#ff6d2f 86%,#ff5e19 100%);/* Chrome10-25,Safari5.1-6 */background:linear-gradient(75deg, #78ffff 10%,#78ffff 10%,#ffa565 25%,#ffa565 30%,#ff6d2f 50%,#ff6d2f 55%,#ff6d2f 86%,#ff5e19 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */box-sizing: border-box;}
.zmarket-header h1{text-align:center;padding-top: 2.4rem;}
.zmarket-header h1 img{width:9.4rem;}
.zmarket-header .search-bar{margin:1.6rem 1.6rem 1.5rem;border-color:#fff;}
.zmarket-header .search-bar::before{border-color:#fff;background:#78FFFF}
.zmarket-header .search-bar::after{border-color:#fff;background:#ff5e19}
.zmarket-cont{padding-top:20rem;}
.zmarket-cont .list-info{margin-bottom:.5rem;border-bottom:0}
#zmarket-list ul{padding:0 1.6rem}
#zmarket-list ul:after{content:'';display:block;clear:both}
#zmarket-list ul li:nth-child(2n+1){margin-right:1rem}
#zmarket-list ul li.item{float:left;width:calc(50% - .5rem);}
#zmarket-list ul li.item .img{width:47vmin; height:47vmin; object-fit:cover; margin:0 auto;}
#zmarket-list .price{margin-top:.3rem;}
#zmarket-list .price dl{display:table;width:100%;color:#111;font-weight:300;font-size:1.1rem}
#zmarket-list .price dl:last-of-type dd{font-weight:bold;}
#zmarket-list .price dt,#zmarket-list .price dd{display:table-cell}
#zmarket-list .price dt{width:40%;font-weight: 400;}
#zmarket-list .price dd{font-size:1.3rem;text-align:right}
#zmarket-list .price dd span{padding-left:.4rem;font-size:1.1rem;font-weight:300}
/* [s] 210122 추가 */
.market-thumbnail{position:relative;width:100%;}
.market-thumbnail .img{padding-top:110%;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;}
.market-thumbnail .img img{width:100%;vertical-align:top}
/* [e] 210122 추가 */

/* [s] 210414 추가 */
.zmarket-header .deliver{padding:1.4rem 1.6rem 1.4rem 3.4rem;font-size:1.1rem;color:#666;background:#fff url(/images/icoMapGrey-b991cb20d081fb8dc4e7adbdd0b01448.png) no-repeat 1.8rem center/ .9rem;cursor:pointer}
.zmarket-header .deliver span{display:inline-block;position:relative;padding-right:1.6rem}
.zmarket-header .deliver span::after{content:"";display:block;width:.1rem;height:.7rem;position:absolute;top:50%;right:.5rem;margin-top:-.3rem;background:#d8d8d8}
.zmarket-header .deliver strong{;font-size:1.1rem;font-weight: 700;}
/* [e] 210414 추가 */


/* Q&A */
.toggle-area.qna-area{margin:0}
a.btn-write{display:block;position:absolute;top:1.5rem;right:1.6rem;color:#000;font-weight:500;border-bottom:.15rem solid #000;}
.qna-area .toggle-cont{position:relative;padding:5rem 0 0;}
.qna-list{clear:both}
.qna-list li{padding:0 1.6rem;}
.qna-list li.active{background:rgb(246,246,246)}
.qna-list li .answer{height:0;overflow:hidden;}
.qna-list li.active .answer{height:auto;}
.list-box{padding:1.6rem 0;position:relative;display:table;width:100%;box-sizing:border-box;}
.list-box::after{content:'';clear:both;width:100%;border-bottom:.1rem solid rgb(232,232,232);position:absolute;bottom:0;left:0;}
.list-box > div{display:table-cell;width:calc(100% - 3rem);padding-left:1.2rem;box-sizing:border-box;vertical-align:top;}
.list-box > div:first-child{width:3rem;padding:0}
/*210603 수정*/.list-box > div p{position:relative;font-size:1rem;word-break:break-all;}
.list-box > div p span{padding-right:.5rem}
.list-box > div p span:first-child{width:5rem;padding-right:0;font-weight:500;}
.list-box > div p span:first-child::after{content:'';display:inline-block;width:.1rem;margin-left:1rem;margin-right:.8rem;height:1rem;background:rgba(0,0,0,.1);vertical-align:middle;}
.list-box > div p span.q-state{position:absolute;top:0;right:0;padding-right:0;font-weight:500}
.list-box > div p span.q-state.comp{color:rgb(255,85,25)}
.list-box > div p:last-child{margin-top:.4rem;line-height:1.6rem;}
.list-box.answer > div p span:last-child{position:relative;font-weight:300}
.toggle-area.qna-area::before{left:1.6rem;width:calc(100% - 1.6rem);}
.toggle-area.qna-area h2{padding-left:1.6rem}
.toggle-area.qna-area .toggle-tit .arrow{right:1.6rem}
/* [s] 210823 추가 */
.list-modify{text-align:right;padding-top: 1.6rem;}
.list-modify a{display:inline-block;position:relative;padding-left:2rem;font-size:1.1rem;font-weight:400;vertical-align:middle;}
.list-modify a::before{content:"";display:block;position:absolute;top:50%;left:.9rem;width:.1rem;height:.7rem;margin-top:-.3rem;background:rgb(232,232,232)}
.list-modify a:first-child::before{display:none}
/* [e] 210823 추가 */

/* option-layer */
body.hidden{overflow:hidden}
.option-bg{z-index:10;position:fixed;width:100%;height:100%;background:#000;opacity:.6}
#layer-option{display:none;z-index:9999;position:fixed;left:0px;bottom:0;width:100%;background:#fff;box-shadow:1px 0 10px #ddd}
#layer-option.opend{display:block}
#layer-option .btn-toggle{width:100%;height:20px;border:1px solid blue;text-align:center}
.option-cont{width:100%;max-height:33rem;overflow-y:scroll;box-sizing:border-box;}
.option-cont > div{;padding:0 1.6rem 8rem;}
.btn-option{position:absolute;left:0;bottom:0;width:100%;background:#fff;}
.btn-option .btn-50p.btn-line{border-left:.1rem solid rgb(255,85,25)}

/* .select-option */
#layer-option .bar{display: block;}
#layer-option .bar::before{content:'';display:block;width:6.4rem;height:.3rem;margin:1.6rem auto 3rem;border-radius:1.5rem;background:rgb(232,232,232)}
.option-cont p:last-of-type.ref{margin-bottom:2rem}
.select-option{margin-bottom:1.6rem;}
.option-list{border-top:0;border-bottom:0;}
.option-list span{position:relative;display:block;width:100%;padding:1rem 0;text-transform:uppercase;font-weight:300;border-bottom:.15rem solid #000;box-sizing:border-box;}
.option-list span .arrow{display:block;position:absolute;top:50%;right:0;width:1rem;height:2rem;margin-top:-1rem;cursor:pointer;}
.option-list span .arrow:before,
.option-list span .arrow:after{transition:0.15s all ease-in-out;position:absolute;content:"";width:.6rem;height:.15rem;background:#111;top:49%;border-radius:5px;}
.option-list span .arrow:before{transform:rotate(225deg);left:0;}
.option-list span .arrow:after{transform:rotate(-225deg);right:0;} 
.option-list span.active .arrow:before{transform:rotate(138deg);left:0;}
.option-list span.active .arrow:after{transform:rotate(-138deg);right:0;}
.option-list ul{display:none;max-height:12rem;margin-bottom:.5rem;overflow:hidden;overflow-y:scroll;}
.option-list ul li{padding:1rem;border-top:0}
.option-list ul li:last-of-type{border-bottom:0}
.option-list ul.opend{display:block}

/* .selected-option */
.selected-option li{position:relative;display:table;width:100%;margin-top:1rem}
.selected-option li div{display:table-cell;font-weight:300;vertical-align:middle;}
.selected-option li > div:first-child{width:50%;font-weight:500;text-align:left;}
.selected-option li > div:last-child{width:2.5rem;padding-left:1rem;text-align:right}
.selected-option li > div.amount{text-align:right;padding-right:3rem;}
.selected-option li > div button{font-weight:300}
.selected-option .count{position:relative;width:calc(50% - 3.5rem)}
.count:after{content:'';display:block;clear:both}
.count input{float:left;width:calc(100% - 5rem);padding:0 1rem;height:2.7rem;border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;color:#61656d;text-align:center;vertical-align:top;-webkit-appearance:none;font-size:1.1rem;}
.count button{display:inline-block;float:left;position:relative;width:2.5rem;height:2.5rem;border:1px solid #d2d2d2;background-color:#fefefe;vertical-align:top;outline:none;}
.total-price{margin-top:2.2rem;font-size:1.1rem;text-align:right}
.total-price span{padding-right:1.2rem;font-size:1.3rem;opacity:.7}
.total-price strong{font-weight:500}

/* cart */
.cart .deliver{display:inline-block;margin:1rem 1.6rem;padding:.2rem 0;font-size:1rem;border-bottom:.1rem solid rgb(232,232,232)}
.cart .deliver strong{font-size:1rem}
.cart .select-all{position:relative;padding:1rem 1.6rem;border-bottom:.5rem solid rgb(246,246,246);}
.cart .select-all label{padding-left:.3rem}
.cart .select-all .item-del{top:1rem;right:1.6rem}
.cart input[type="checkbox"]{margin:0 .3rem 0 0;}
.cart input[type="checkbox"]:before{width:1.2rem;height:1.2rem;background:#fff;border:.1rem solid #111;box-sizing:border-box;}
.cart input[type="checkbox"]:checked:before{width:1.2rem;height:1.2rem;background:#111;}
.cart .item-del{position:absolute;top:0;right:0;font-size:1.2rem;font-weight:300}
.cart-item{margin-left:1.6rem;padding:2rem 1.6rem 0 0;border-bottom:.1rem solid #111;box-sizing:border-box}
.cart-item .item-top label{font-weight:500;vertical-align: top;}
.cart-item .item-top{position:relative;margin-bottom:.7rem;font-size:1.1rem;}
.cart-item ul li{padding:1.5rem 0;border-bottom:.1rem solid rgb(232,232,232)}
.cart div.cart-item:last-child,.cart-item ul li:last-child{border-bottom:0}
.cart-item .item-mid{display:table;width:100%;}
.cart-item .item-mid > div{display:table-cell;box-sizing:border-box;vertical-align:top;}
.cart-item .item-mid .thumbnail{position:relative;width:7.6rem;height:7.8rem;}
.cart-item .item-mid .thumbnail img{display:block;width:7.6rem;height:7.8rem;}
.cart-item .state span{z-index:11;display:table-cell;position:relative;width:7.5rem;height:8rem;vertical-align: middle;}
.cart-item .state::after{z-index:-2;background:rgba(216,216,216,.8)}
.cart-item .state::before{content:'';z-index:-1;position:absolute;top:50%;left:50%;width:5rem;height:5rem;margin:-2.5rem 0 0 -2.5rem;border-radius:100%;background:rgba(24,22,22,0.83);}
.cart-item .state.sold-out::before{
background:#78ffff;/* Old browsers */
background:-moz-linear-gradient(45deg,  #78ffff 12%, #ff9f65 46%, #ff652f 72%, #ff5519 100%);/* FF3.6-15 */
background:-webkit-linear-gradient(45deg,  #78ffff 12%,#ff9f65 46%,#ff652f 72%,#ff5519 100%);/* Chrome10-25,Safari5.1-6 */
background:linear-gradient(45deg,  #78ffff 12%,#ff9f65 46%,#ff652f 72%,#ff5519 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#78ffff', endColorstr='#ff5519',GradientType=1 );/* IE6-9 fallback on horizontal gradient */}
.cart-item .state span strong{padding:0;font-size:1.1rem;color:#fff}
.cart-item .item-mid .info{width:calc(100% - 7.6rem);padding-left:.5rem;font-size:1rem;font-weight:300}
.cart-item .item-mid .info .brand-name{font-weight:500}
.cart-item .item-mid .info .prod-name{padding-right:1.5rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;text-overflow:ellipsis;overflow:hidden;}
.cart-item .item-mid .info .option span{display:inline-block;margin:0 .3rem;font-weight:400}
.cart-item .item-mid .info .option span:first-of-type{margin-left:0}
.cart-item .item-mid .info .price{padding-top:1.2rem;}
.cart-item .item-mid .info .price em{display:inline-block;padding-left:.5rem}
.cart-item .item-mid .count{margin-top:2.1rem;}
.cart-item .item-mid .count input{width:5rem}
.cart-item .item-bottom{margin-top:1.5rem;text-align:right}
.cart-item .item-bottom p{font-size:1.1rem;color:rgb(255,85,25);font-weight:500}
.cart-item .item-bottom .price{color:#111;font-size:1rem}
.cart .payment-info{padding:1.6rem 1.6rem 7rem;border-top:.5rem solid rgb(246,246,246)}
.cart .payment-info ul{margin-bottom:2rem}

/* order */
.order > article{padding:0 1.6rem 2rem;border-top:.5rem solid rgb(246,246,246)}
.order > article.toggle-area::before{display:none}
.order > article:first-of-type.toggle-area{border-top:0}
.order textarea{width:100%;min-height:6rem;padding:.8rem;font-size:1.2rem;font-weight:300;background:rgb(246,246,246);box-sizing:border-box}
.order .form-line > span{height:auto}
.order .form-line input{padding-left:0;font-size:1.2rem;font-weight:300;text-align:left;/*! border: 1px solid red; */}
.order .form-line em.ref{margin-bottom:0;}
.address-bar{position:relative;border-bottom:.1rem solid rgb(232,232,232);background:#fff;}
.address-bar .ico.search{width:2.6rem;height:3.2rem;background-image:url(/images/icoSearch-76f50744ff254d1faf86d9138a305823.png);background-position:100% center;background-size:1.4rem auto;vertical-align:top;}
.address-bar input{width:calc(100% - 4rem);height:3.2rem;text-align:right;}
.order .toggle-cont > div:first-of-type.brand-item{border-top:0}

.address .address-bar{margin:1rem 1.6rem 0;border-bottom: .1rem solid #111;}
.address .address-bar input{width:calc(100% - 3rem);text-align:left}
.address .address-bar .ico.search{background-size: 1.6rem auto;}
.address .address-info{margin:2rem 1.6rem}
.address .address-info ul li{padding-top:.6rem;font-weight:300;color:rgb(255,85,25);}
.address .address-info ul li span{font-size:1rem;color:rgb(171,171,171);vertical-align:middle}
.address .address-none{margin:0 1.6rem;padding:5rem 0 12rem;border-bottom:.1rem solid #111;background:url(/images/imgSearchZeplin-758b8044d901c044be2d7f44d02612cd.png) no-repeat center bottom;background-size:13rem auto;text-align:center}
.address .address-none strong{display:block;padding-bottom:.5rem;font-size:1.5rem;color:rgb(255,85,25)}
.address .address-list > p{margin:2rem 1.6rem 1rem;font-weight:300}
.address .address-list ul li{display:table;width:100%;padding:1.6rem;border-bottom:.1rem solid rgb(232,232,232);box-sizing:border-box}
.address .address-list ul li div{display:table-cell;width:calc(100% - 5rem);vertical-align:middle}
.address .address-list ul li div:last-of-type{width:5rem;color:rgb(255,85,25);font-size:1.3rem;font-weight:500;text-align:right;}
.address .address-list ul li div p{display:table;width:100%;padding-bottom: 1rem;}
.address .address-list ul li div p span{display:table-cell;width:calc(100% - 4.5rem);box-sizing:border-box;vertical-align: top;}
.address .address-list ul li div p span:first-of-type{width:4.5rem;padding-right:1rem}
.address .address-list ul li div p span:last-of-type{font-weight:300;line-height:1.7}
.address .address-list ul li div p span strong{display:inline-block;width:4.5rem;padding:.1rem 0;font-size:1.1rem;color:rgb(153,153,153);border-radius:10rem;border:.1rem solid rgb(216,216,216);text-align:center;}

.brand-item{padding:1.5rem 0 0;}
.brand-item{border-top:1px solid #111}
.brand-item ul li{padding:1.5rem 0;border-bottom:.1rem solid rgb(232,232,232)}
.brand-item ul li:last-child{border-bottom:0}
.brand-item ul li a{display:table;width:100%;}
.brand-item ul li div{display:table-cell;box-sizing:border-box;vertical-align:top;}
.brand-item ul li div.thumbnail{width:7.6rem;height:7.8rem;}
.brand-item ul li div.thumbnail img{display:block;width:7.6rem;height:7.8rem;}
/* [s] 20220527 : 추가 */
.brand-item .state::after{z-index:-2;background:rgba(216,216,216,.8)}
.brand-item .state::before{content:'';z-index:-1;position:absolute;top:50%;left:50%;width:5rem;height:5rem;margin:-2.5rem 0 0 -2.5rem;border-radius:100%;background:rgba(24,22,22,0.83);}
.brand-item .state span{z-index:11;display:table-cell;position:relative;width:7.5rem;height:8rem;vertical-align: middle;}
.brand-item .state span strong{padding:0;font-size:1.1rem;color:#fff}
/* [e] 20220527 : 추가 */
.brand-item ul li div.info{width:calc(100% - 7.6rem);padding-left:.5rem;font-size:1rem;font-weight:300}
.brand-item ul li div.info .brand-name{font-weight:500}
.brand-item ul li div.info .prod-name{padding-right:1.5rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;text-overflow:ellipsis;overflow:hidden;}
.brand-item ul li div.info .option span{display:inline-block;margin:0 .3rem}
.brand-item ul li div.info .option span:first-of-type{margin-left:0}
.brand-item ul li div.info .price{padding-top:1.2rem;}
.brand-item ul li div.info .price em{display:inline-block;padding-left:.5rem}
/* [s] 20220527 : 추가 */
.brand-item ul li div.info .price.error-ship {text-align: right; font-size: 1.1rem; color: rgb(255,85,25); font-weight: 500; }
/* [e] 20220527 : 추가 */
.payment-info ul li{display:table;width:100%;padding-top:.5rem;font-weight:300;}
.payment-info ul li .ref{margin-bottom:.5rem}
.payment-info ul li.total{position:relative;margin-top:1rem;padding-top:1rem;font-size:1.4rem;font-weight:500;}
.payment-info ul li.total::before{content:'';display:block;position:absolute;top:0rem;left:0;width:calc(100% + 1.6rem);height:.1rem;background:#111;}
.payment-info ul li span{display:table-cell;}
.payment-info ul li span:last-child{font-weight:400;text-align:right}
.payment-info ul li.total span:last-child{color:rgb(255,85,25);font-size:1.1rem;font-weight:300}
.payment-info ul li.total span strong{padding-right:.2rem;font-size:1.4rem;}
.paymet-way h2{height:1.6rem;padding-top:1.5rem;line-height:1.5rem;}
.paymet-way h2 + p{margin-top:.3rem;font-size:1rem;}
.paymet-way h2 + p .ico{padding-right:.4rem;}
.paymet-way ul{padding:1.3px 0 .5rem}
.paymet-way ul li{margin-top:1.2rem}
/*[s] 211123 추가*/
.paymet-way ul li .label{margin-left:.4rem}
.paymet-way ul li .label span{vertical-align:middle}
.paymet-way ul li .label .logo{margin-right:.6rem}
/*[e] 211123 */
/* [s] 220325 : 추가 */
.payment-wrap{padding:0 1.6rem 4rem;border-top:.5rem solid rgb(246,246,246)}
.payment-wrap h2{padding:2rem 0 1.6rem;}
.payment-wrap input[type="radio"]::before{width:14px;height:14px;border-width:1px}
.cash-receipt{display:none}
.cash-receipt ul li{display:inline-block;margin:1.2rem 2.4rem 0 0}
.cash-receipt div label{font-weight:300;font-size:1.1rem}
.cash-receipt .inp{margin-top:1rem}
.cash-receipt input[type="checkbox"]::before{width:14px;height:14px}
.cash-receipt input[type="checkbox"]::after{width:14px;height:14px;background-position:center;background-size:8px}
/* [e] 220325 */

/* [s] 220330 : 추가 */
.cash-receipt .radio-cont{display:none}
.cash-receipt #tab1{display:block}
.cash-receipt .radio-cont label{display:block;margin:1.2rem 0;font-weight:400}
.cash-receipt .radio-cont div::after{content:"";display:block;clear:both}
.cash-receipt .radio-cont div span:first-of-type{margin-left:0}
.cash-receipt .radio-cont div span:first-of-type::before{display:none}
.cash-receipt .radio-cont div span{float:left;position:relative;width:31%;margin-left:3.5%;}
.cash-receipt .radio-cont div span::before{content:"-";display:block;width:1.5rem;height:3.6rem;position:absolute;top:0;left:-1.5rem;font-size:1.6rem;color:rgb(198, 198, 198);text-align:center;line-height:3.6rem;}
.cash-receipt .radio-cont div input{border:1px solid rgb(232,232,232);font-size:1.2rem;text-align: center;}
.cash-receipt .radio-cont div.inp-comp input{border-color:rgb(17,17,17);}
.cash-receipt .radio-cont div.inp-comp span::before{color:rgb(17,17,17)}
/* [e] 220330 */

.payment-comp{padding:2.2rem 1.6rem;box-sizing:border-box;}
.payment-comp > div{position:relative;height:100%}
.payment-comp > div::before{content:'';display:block;position:absolute;top:1rem;left:1rem;width:1.5rem;height:1.5rem;border:.1rem solid rgb(232,232,232);border-radius:1.2rem}
.payment-comp header{position:relative;/*! height:11.5rem;*/padding:3.5rem 1.8rem 2.5rem;border:.1rem solid rgb(232,232,232);border-bottom:0;box-sizing:border-box;}
.payment-comp header::before{content:'';display:block;z-index:1;position:absolute;bottom:-.8rem;left:-.1rem;width:.9rem;height:1.5rem;border:.1rem solid rgb(232,232,232);border-bottom-right-radius:1rem;border-top-right-radius:1rem;border-left:0;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.payment-comp header::after{content:'';display:block;z-index:1;position:absolute;bottom:-.8rem;right:-.1rem;width:.9rem;height:1.5rem;border:.1rem solid rgb(232,232,232);border-bottom-left-radius:1rem;border-top-left-radius:1rem;border-right:0;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.payment-comp header h1{position:relative;display:inline-block;font-size:2.2rem;font-weight:400;}
.payment-comp header h1 span{position:relative;z-index:1}
.payment-comp header h1::after{content:'';position:absolute;bottom:.1rem;left:0;display:block;width:100%;height:.7rem;background:rgb(120,255,255)}
.payment-comp header h1 + p{font-size:1.3rem;font-weight:300;padding-top:.5rem;}
.payment-comp [class*='cont']{position:relative;padding:0 1.8rem;border:.1rem solid rgb(232,232,232);border-bottom:0;border-top:0;}
.payment-comp [class*='cont']::before{content:'';display:block;z-index:1;position:absolute;bottom:7.5rem;left:-.1rem;width:.9rem;height:1.6rem;border:.1rem solid rgb(232,232,232);border-bottom-right-radius:1rem;border-top-right-radius:1rem;border-left:0;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.payment-comp [class*='cont']::after{content:'';display:block;z-index:1;position:absolute;bottom:7.5rem;right:-.1rem;width:.9rem;height:1.6rem;border:.1rem solid rgb(232,232,232);border-bottom-left-radius:1rem;border-top-left-radius:1rem;border-right:0;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.payment-comp [class*='cont'] ul::before{content:'';display:block;position:relative;left:-1.8rem;width:calc(100% + 3.6rem);height:10rem;padding-top:7rem;background:rgb(246,246,246) url(/images/payImgSuc-91d8bd651aa381268257bd8706d2b0d0.png) no-repeat bottom center;background-size:16rem}
.payment-comp [class*='cont'] ul{padding:0 0 1rem;border-bottom:.1rem solid rgb(232,232,232);}
.payment-comp [class*='cont'] ul li{display:table;width:100%;margin:1rem 0 .8rem;}
.payment-comp [class*='cont'] ul li:first-of-type{margin-top:2rem;}
.payment-comp [class*='cont'] ul li span{display:table-cell;width:50%;font-weight:200;font-size:1.1rem;}
.payment-comp [class*='cont'] ul li span:last-child{font-weight:500;text-align:right}
.payment-comp header::before{content:'';display:block;z-index:1;position:absolute;bottom:-.8rem;left:-.1rem;width:.9rem;height:1.6rem;border:.1rem solid rgb(232,232,232);border-bottom-right-radius:1rem;border-top-right-radius:1rem;border-left:0;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.payment-comp header::after{content:'';display:block;z-index:1;position:absolute;bottom:-.8rem;right:-.1rem;width:.9rem;height:1.6rem;border:.1rem solid rgb(232,232,232);border-bottom-left-radius:1rem;border-top-left-radius:1rem;border-right:0;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.payment-comp footer{position:relative;border-left:.1rem solid rgb(232,232,232);border-right:.1rem solid rgb(232,232,232);}
.payment-comp footer::after{content:'';display:block;position:absolute;bottom:-.6rem;left:0;width:100%;height:1rem;background:url(/images/waveLine-b9231e57aab35133c724e5c9c5f037bc.png) repeat-x bottom center;background-size:contain;}
.payment-comp footer {padding:1.6rem 1.8rem 2rem;}
.payment-comp footer a{display:block;position:relative;padding:.5rem 0 1rem;font-size:1.3rem;}
.payment-comp footer a .arrow-right{right:0;margin-top:-1.3rem;}
.payment-comp .fail-header h1::after{width:85%}
.payment-comp .fail-cont ul::before{background:rgb(246,246,246) url(/images/imgFail-d31acae393582f155046cd06d24598f2.png) no-repeat bottom center;background-size:13.6rem}
.payment-comp .fail-cont ul{padding:0 0 1rem;border-bottom:0}
.payment-comp .fail-cont + div{padding:1rem 0;border-left:.1rem solid rgb(232,232,232);border-right:.1rem solid rgb(232,232,232);text-align:center}

/* 마이페이지 */
.btn-noti{position:absolute;top:2rem;right:1.2rem;width:3rem;height:3rem;background:url(/images/icoNoti-ea0906895c97a90faf9861a7ba4955be.png) no-repeat center;background-size:2rem auto}
.btn-noti span{display:block;position:absolute;top:-.2rem;left:-.2rem;padding:0 .6rem;height:1.6rem;color:#fff;font-size:1rem;border-radius:3rem;background:rgb(255,85,25);line-height:1.6rem;text-align:center;}
.mypage > article{padding:1.6rem;border-top:.5rem solid rgb(246,246,246)}
.mypage > article:first-of-type{border-top:0}
.mypage .my-info{padding-bottom:1rem}
/* [s] 210708 추가*/
.mypage .my-info ul li{display:table;width:100%;padding:.6rem 0;margin-bottom:.6rem;font-weight:300}
.mypage .my-info ul li span{display:table-cell;width:70%;text-align:right}
.mypage .my-info ul li span:first-of-type{width:30%;text-align:left;}
.info-modify{margin-top:2.6rem}
.info-modify label{margin-bottom:1rem}
/* [e] 210708 추가*/
.my-profile{display:table;width:calc(100% - 3.8rem);margin-bottom:1.7rem}
.my-profile div{display:table-cell;padding-left:.6rem;vertical-align:middle;}
.my-profile div:first-of-type{width:3.8rem;padding:0}
.my-profile span.img{display:block;}
.my-profile div em,.my-profile div strong{display:block;line-height:1.4}
.my-profile div em{font-size:1.1rem;font-weight:300}
.my-profile span strong{font-size:1.2rem}
.my-profile img{width:3.8rem;height:3.8rem;border-radius:100%;vertical-align:middle;}
.my-level h3{margin-bottom:auto;line-height:1.2}
.my-level h3 em{display:block;font-size:1.1rem;text-transform:uppercase}
.my-level h3 strong{font-size:1.3rem}
.mypage .lc-info p{position:relative;display:inline-block;font-size:1.7rem;font-weight:400;}
.mypage .lc-info p .arrow-right{top:auto;right:-2rem;bottom:.2rem;}
/*210708 수정*/
.mypage .lc-info .after{display:block;padding-bottom:1.6rem;font-size:2rem;font-weight:300}
.mypage .lc-info .after strong{font-size:2rem}
.mypage .lc-info .after span{display:block;font-size:1.2rem}
.mypage .account-info{margin:2.5rem 0}
.mypage .account-info p{display:table;width:100%;margin-bottom:.7rem}
.mypage .account-info p span{display:table-cell;font-weight:300}
.mypage .account-info p span:last-of-type{font-weight:500;text-align:right}
.mypage .account-info + p.ref{margin-bottom:2.5rem}
.progress{height:.5rem;background:rgb(255,206,189);box-shadow:none;-webkit-box-shadow:none;}
.progress-area p{margin-bottom:.5rem;font-size:.9rem;text-align:right}
.progress-area p:last-of-type{display:table;width:100%;margin:.5rem 0 0;text-transform:uppercase}
.progress-area p span{display:table-cell;width:50%}
.progress-area p span:first-of-type{text-align:left}
.progress-bar {height:.5rem;box-shadow:none;-webkit-box-shadow:none;
background:-moz-linear-gradient(75deg, #78ffff 10%,#78ffff 10%,#ffa565 25%,#ffa565 30%,#ff6d2f 50%,#ff6d2f 55%,#ff6d2f 86%,#ff5e19 100%);/* FF3.6-15 */
background:-webkit-linear-gradient(75deg, #78ffff 10%,#78ffff 10%,#ffa565 25%,#ffa565 30%,#ff6d2f 50%,#ff6d2f 55%,#ff6d2f 86%,#ff5e19 100%);/* Chrome10-25,Safari5.1-6 */
background:linear-gradient(75deg, #78ffff 10%,#78ffff 10%,#ffa565 25%,#ffa565 30%,#ff6d2f 50%,#ff6d2f 55%,#ff6d2f 86%,#ff5e19 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}

.mypage a{position:relative;display:block;width:100%;}
.mypage [class*='btn-']{font-size:1.3rem}
.mypage .my-cont a .req{font-weight:500;}

.mypage .my-cont{padding-bottom:3rem;}
.mypage .my-cont > ul > li .ref{margin-bottom:1.5rem;}
.mypage .my-cont > ul > li{margin:0 0 1rem;}
.mypage .my-cont > ul > li.mt{margin-top:4rem}
.mypage .my-cont > ul > li h3,
/*[s] 210628 수정*/.mypage .my-cont > ul > li > a{padding:1rem 0;font-weight:500;font-size:1.3rem}
.mypage .my-cont ul li ul li a{padding:1.4rem 0 .6rem;border-bottom:.1rem solid rgb(232,232,232);font-size:1.2rem}
.mypage .my-cont > ul > li > a.btn-100p{padding:0}
.mypage .btn-logout{font-size:1.3rem;font-weight:300;}
.mypage .my-cont > ul > li a::after{content:"";display:block;clear:both}
.mypage .my-cont > ul > li span.txt{float:left;}
.mypage .my-cont > ul > li .txt.right{float:right;margin-right:2.5rem}


/*[s] 210628 추가*/
.sns-account h2{padding:1.6rem;font-weight:500;font-size: 1.4rem;}
.sns-account ul{padding-top:1rem;border-top:.5rem solid rgb(246,246,246)}
.sns-account ul li{position:relative;padding:0 6rem 0 2rem;font-size:1.3rem;background:#fff;line-height:5.6rem;}
.sns-account .switch{position:absolute;right:1.6rem;top:0;}
.sns-account .switch input[type=checkbox].check-switch{overflow:hidden;position:relative;width:4rem;height:2.2rem;border-radius:30rem;background:rgb(216,216,216);}
.sns-account .switch input[type=checkbox].check-switch:after{content:'';position:absolute;top:.15rem;left:.2rem;width:1.8rem;height:1.8rem;border-radius:50%;font-size:1.1rem;text-indent:2.8rem;line-height:2;white-space:nowrap;font-weight:bold;color:#717171;background:#fff;transition:left 0.3s}
.sns-account .switch input[type=checkbox].check-switch:before{display:none}
.sns-account .switch input[type=checkbox].check-switch:checked{background:rgb(255,85,25);}
.sns-account .switch input[type=checkbox].check-switch:checked:after{content:'';position:absolute;top:0.15rem;left:2rem;text-indent:-2.8rem;color:#fff;transition:left 0.3s}
.sns-account .ico{margin-right:1rem}
/*[e] 210628 추가*/

.settlement-info{padding-bottom:2rem}
.settlement-info > article{padding:0 1.6rem;}
.settlement-info > article h2{height:4.25rem;font-weight:500;line-height:4.25rem;cursor:pointer;}
.settlement-info > article > div{margin-bottom:2.5rem;}
.settlement-info > article > div > label{display:block;margin-top:1.2rem}
.settlement-info > article p{margin-bottom:1.5rem;}
.settlement-info .inp.bank::after{content:'';display:block;clear:both}
.settlement-info .inp.bank .select{float:left;width:30%;margin-right:2%}
.settlement-info .inp.bank input{float:left;width:68%}
.settlement-info .btn-upload{background-image:url(/images/icoPlusBk-050e1fd5bf473863c1cc35cc12ccdf26.png)}
.settlement-info .input-wrap .count{color:#111}
.settlement-global .ref{margin:1.5rem 1.6rem}
.settlement-global > div{padding:0 1.6rem;margin-bottom:2.5rem}

.user-auth{padding:2rem 0 3rem;font-weight:300}
.user-auth article > div{margin-top:3rem}
.user-auth .form-line{position:relative}
.user-auth .form-line > span.cell-50p{position:relative;width:50%}
.user-auth .form-line > span:first-of-type::after{content:'';display:block;z-index:1;position:absolute;top:50%;right:0;width:.6rem;height:.1rem;background:#111}
.user-auth .form-line > span.cell-50p input{width:100%;padding:0;text-align:center}
.user-auth .form-line .ico.eye{position:absolute;right:0;top:1.5rem;width:1.4rem;height:1rem;cursor:pointer}

div.setting{padding:1rem 1.6rem}
div.setting h3{margin-bottom:1rem;font-size:1.2rem;}
div.setting article{margin-top:2.5rem}
div.setting article:first-of-type{margin-top:0}

/* 알림 */
.notice ul{padding:.5rem 1.6rem}
.notice ul li{border-bottom:1px solid rgb(232,232,232);padding:1.6rem 1.6rem 1.8rem}
.notice dl dt{margin-bottom:.3rem;font-weight:500}
.notice dl dd{font-size:1.3rem}
.notice dl dd span{font-size:1.1rem;font-weight:300}

.write{height:100%;padding:0 1.6rem;box-sizing:border-box}
.write h2{margin-bottom:2rem;font-size:1.5rem;font-weight:400}
.write textarea{height:25rem;padding:1rem;font-size:1.2rem;background:rgb(246,246,246);}
.write .inp{margin:.5rem 0 1.25rem;}
.write .inp input{border-color:#111}

/* 1:1 문의 */
.cs-inqiry > p{padding:1rem 1.6rem 3.5rem;font-weight:300}
.cs-inqiry > p em{display:block;padding-bottom:.3rem;font-size:1.4rem;font-weight:400}
.cs-inqiry .list-type ul{margin-left:1.6rem;}
.inqiry-list{position:relative;/*! padding-top:2.5rem */}
.inqiry-list a.btn-write{top:-2rem;font-size:1.3rem;}
.inqiry-list .toggle-area::before{display:none}
.inqiry-list .toggle-cont{display:none;padding:1rem 0;font-weight:300}
.inqiry-list .toggle-cont p:first-of-type{margin-bottom:.2rem;font-size:1.1rem;text-align:right}
/*210603 수정*/.inqiry-list .toggle-cont p{margin-bottom:1rem;word-break: break-all;}
/*210603 수정*/.inqiry-list .toggle-cont div{padding:1rem;background:rgb(242,242,242);word-break: break-all;}
.inqiry-list .toggle-tit{border-bottom:.1rem solid rgb(232,232,232)}
.inqiry-list .toggle-tit{display:table;width:100%;padding: 1rem 0;}
.inqiry-list .toggle-tit span{display:table-cell;font-size:1.2rem;line-height: 1.5;vertical-align: middle;}
.inqiry-list .toggle-tit span:first-of-type{width:4rem;}
/*210603 수정*/.inqiry-list .toggle-tit span.reply{width:5rem;padding-right:2rem;font-size:1.1rem;text-align:right}
/*210603 수정*/.inqiry-list .toggle-tit .qna-tit{padding:0 2rem;font-size:1.3rem;font-weight:300;word-break: break-all;}
.inqiry-list .toggle-tit .arrow{width:1rem;}
.inqiry-list .toggle-tit .arrow::before,.inqiry-list .toggle-tit .arrow::after{width:.6rem;}
.inqiry-list .toggle-area{padding:0 1.6rem;}

/* FAQ */
/*1016 수정*/.list-type ul{height:3.6rem;padding:0 1.6rem 0 0;margin-top:1rem;box-sizing:border-box;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative;z-index:1;}
.list-type ul li{display:inline-block;position:relative;padding:.3rem 1.7rem;margin-right:.5rem;border:.1rem solid rgb(232,232,232);border-radius:1.6rem;vertical-align:middle;}
.list-type ul li a{display:block;color:#111;font-weight:300;}
.list-type ul li.active{border-color:rgb(255,85,25);background:rgb(255,85,25)}
.list-type ul li.active a{color:#fff}

/* 주문내역 */
.order-list article{padding:1.6rem;background:#fff}
.inquiry-period{position:relative;padding-bottom:1rem;font-weight:300;border-bottom:.1rem solid rgb(232,232,232)}
.inquiry-period em{display:inline-block;width:calc(100% - 11rem);padding-left:1rem;font-weight:500;text-align:center}
.inquiry-period button {display:inline-block;position:absolute;top:0;right:0;width:1.8rem;height:1.8rem;text-indent:-9999px;vertical-align:middle;}
.inquiry-period button span{display:inline-block;text-indent:-9999px}
.inquiry-period .ico.order-filter{background-size:cover}
.filter-cont .btn-wrap{margin-top:2rem}
.order-list .order-item{margin:0;background:rgb(246,246,246);}
.order-item .cart-item{margin:0;padding:2rem 0 0;}
.order-item > div{padding:0 1.6rem;background:#fff;border-top:.1rem solid rgb(246,246,246)}
.order-item > div > div.cart-item:last-child{border-bottom:0}
.order-item .item-mid .info .price{padding-top:1.3rem;}
.order-detail .order-item{padding:0}
.order-number{position:relative;display:block;padding:.8rem 1.6rem;font-weight:300;background:#fff}
.order-number em{padding-left:.6rem;font-weight:500}
.order-number .arrow-right{right:1rem}
.item-bottom.prod-status{display:table;width:100%;margin:1rem 0 .4rem;}
.item-bottom.deliver-status{display:table;width:100%;margin:1rem 0 .4rem;}
.prod-status > div{display:table-cell;width:7.6rem;font-weight:500;vertical-align:middle;text-align:left;}
.prod-status > div.btn-status{width:calc(100% - 7.6rem);padding-left:.5rem;text-align:right;}
.item-bottom.deliver-status strong{font-size:1.2rem}
.btn-status a{display:inline-block;min-width:7.5rem;padding:.5rem 1.6rem;font-size:1.1rem;font-weight:300;border:.1rem solid rgb(232,232,232);text-align:center;box-sizing:border-box}
.btn-status a:last-of-type{margin-left:.5rem;}
.deliver-info{border-top:.5rem solid rgb(246,246,246)}
.deliver-info article{margin:0 1.6rem;padding:1.8rem 0;border-top:.1rem solid rgb(232,232,232)}
.deliver-info article h2{padding-bottom:1.2rem;font-weight:500;}
.deliver-info ul li{display:table;width:100%;margin-bottom:.6rem}
.deliver-info ul li span{display:table-cell;line-height:2}
.deliver-info ul li span:first-of-type{width:30%;padding-right:1rem;font-weight:300}
.deliver-info ul li span:first-of-type{width:30%;}
.deliver-status > div{display:table-cell;width:calc(100% - 8rem);font-weight:300;vertical-align:middle;text-align:left;}
.deliver-status > div.btn-status{width:8rem;padding-left:.5rem;text-align:right;}
.deliver-status .ico.copy{margin-left:.6rem;cursor:pointer}
.prod-status + .deliver-status{margin-top:0}
.return-info{padding-bottom:1.6rem;border-top:.5rem solid rgb(246,246,246)}
.return-info article{margin-bottom:0}
.return-info textarea{margin:2rem 0;height:8rem;background:rgb(246,246,246)}
.return-info .list-wrap{margin-bottom:2rem}
.return-amount{position:relative}
.return-amount .count{position:absolute;right:0;top:.8rem;width:10rem}

/* footer */
#footer{color:#fff;background:#000}
#gnb + #footer{padding-bottom:8rem;}
#footer h1:after{content:'';display:block;width:calc(100% + 1.5rem);margin-top:.6rem;overflow:hidden;border-bottom:1px solid #fff}
#footer h1 img{width:8.2rem}
.footer-cont{padding:3rem 1.5rem;font-weight:300}
.footer-cont address{padding:1.6rem 0;font-size:1rem;line-height:1.8rem;word-break:break-all}
.footer-cont > p{font-size:1.1rem;padding-top:1.2rem;line-height:1.8rem}
.shortcuts{position:relative;width:100%;}
/*210906 수정*/.shortcuts .terms{width:100%;background:#1d1d1d;}/*select-lang 있을 경우엔 width:calc(100% - 8.4rem)*/
/*[s] 230307 : 추가*/
.shortcuts .terms a.bol{font-weight:bold;}
/*[e] 230307 : 추가*/
.shortcuts .terms a{display:inline-block;height:5.5rem;padding:0 2rem 0 1.2rem;font-size:1rem;color:#fff;vertical-align:middle;line-height:5.5rem;}
.select-lang{position:absolute;right:0;bottom:0;background:rgb(17,17,17);}
.select-lang ul li.init{display:block}
.select-lang ul li{display:none;width:8.4rem;height:5.5rem;padding:0 2rem 0 1.5rem;font-size:1rem;color:#fff;line-height:5.5rem;text-align:center;box-sizing:border-box;}
.select-lang .arrow{display:block;position:absolute;bottom:2.2rem;right:1rem;width:.8rem;height:1rem;margin-top:-1rem;cursor:pointer;/*! border: 1px solid #fff; */}
.select-lang .arrow:before,
.select-lang .arrow:after{ transition:0.15s all ease-in-out;position:absolute;content:"";width:.5rem;height:.1rem;background:#fff;top:49%;border-radius:5px;}
.select-lang .arrow:before{transform:rotate(138deg);left:0;}
.select-lang .arrow:after{transform:rotate(-138deg);right:0;} 
.select-lang.open .arrow:before{transform:rotate(225deg);left:0;}
.select-lang.open .arrow:after{transform:rotate(-225deg);right:0;}
.cs-center{font-size:1.1rem}
.cs-center h2{font-size:1.1em;font-weight:bold;}
/*210906 수정*/.cs-center a,.cs-center span{display:inline-block;margin-right:.8rem;color:#fff;font-weight:bold;font-size:1.6rem;text-align:center;text-decoration:underline;box-sizing:border-box}

/*[s] 201230 :시스템에러 추가*/
/* error */
.error{padding:4.6rem 2.6rem 0;text-align:center;box-sizing:border-box}
.error-img{width:100%;padding-top:2.8rem;background:rgb(246,246,246);box-sizing:border-box}
.error-img img{display:block;width:16rem;margin:0 auto 2.8rem}
.error p strong{display:block;margin-bottom:1rem;font-size:1.6rem;}
.error p {font-weight:200;line-height:1.8}
.error .btn-wrap{padding:0;margin-top:4rem}
.error .btn-wrap a:first-of-type{margin-bottom:1rem}
/*[e] 201230 */

/*팝업*/
body.hidden{overflow:hidden}
body.dim{overflow:hidden}
body.dim:before{z-index:110;content:"";display:block;position:fixed;width:100%;height:100%;background:#000;opacity:.6}
.ani{-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.overlay-popup{visibility:hidden;z-index:120;position:fixed;width:100%;height:100%;background:#fff;/*! overflow-y:scroll; */-webkit-overflow-scrolling:touch;}
.overlay-popup.on{visibility:visible}
.overlay-popup.full-popup{z-index:100}
/*201217 수정*/.overlay-popup[class*="select-"] > section{height:calc(100% - 3rem);overflow-y:scroll}
/*201217 수정*/.overlay-popup[class*="full-popup"] > section{height:calc(100% - 8rem);overflow-y:scroll;}
/*201217 추가*/.overlay-popup[class*="full-popup"].delivery-info > section,.overlay-popup[class*="full-popup"].deliver-to > section,
.overlay-popup[class*="full-popup"].personal-info > section{height:100%;}
/*201217 추가*/.overlay-popup[class*="full-popup"].change-order > section{height:calc(100% - 4.6rem);} 
.overlay-popup > section:first-child::before{content:'';display:block;width:6.4rem;height:.3rem;margin:1.5rem auto 3rem;border-radius:1.5rem;background:rgb(232,232,232)}
.full-popup > section:first-child::before{display:none}
[class*="layer-"]{display:none;z-index:9999;position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;color:#222}
.dimed{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.7;filter:alpha(opacity=70);}
.popup{display:block;z-index:10;position:absolute;top:50%;left:50%;width:90%;height:auto;font-size:1.2rem;background-color:#fff;letter-spacing:-1px;overflow-y:scroll;}
.overlay-popup .popup-tit{position:relative;border-bottom:.1rem solid #ccd0db;background:#fff}
.overlay-popup .tit{height:6rem;line-height:6rem;text-align:center;color:#333;font-size:2rem;font-weight:500}
.overlay-popup .cont{padding:1.6rem 1.6rem 3rem;background:#fff}
.overlay-popup .bar{display: block;}
.overlay-popup .bar::before{content:'';display:block;width:6.4rem;height:.3rem;margin:1.5rem auto 3rem;border-radius:1.5rem;background:rgb(232,232,232)}
.overlay-popup .closePopup{position:absolute;right:3rem;top:3rem}

.overlay-popup .contents{padding:1rem 1.6rem}
.overlay-popup .contents article{margin-top:2.5rem}
.overlay-popup .contents article:first-of-type{margin-top:0}
.overlay-popup .contents article h3{margin-bottom:1rem;font-size:1.2rem}

/* 중앙팝업 */
.popup .tit{color:#333;font-size:1.5rem;font-weight:500;text-align:center}
.popup-cont{padding:1.6rem;}
.popup .inner{min-height:4rem;font-weight:300}
.popup .btn-wrap{position:relative;padding:.5rem 0 0;}
.popup .btn-wrap .btn-100p{margin-top:.9rem}
.btn-100p.close{color:rgb(255,85,25);border-color:rgb(255,85,25);background:#fff}
.layer-request .tit{padding:1rem 0 2.4rem;}
.layer-request .inner{line-height:2.2rem;text-align:center;}
.layer-request .inner div{padding:3.2rem 0;font-size:1.3rem;line-height:2.6rem;}
.layer-request .inner div strong{display:block;;font-size:1.4rem;}

/* 마이샵오픈 팝업 */
.layer-shopOpen .popup{position:relative;background:transparent;padding-top:6rem;}
.layer-shopOpen .popup::before{content:'';display:block;z-index:1;position:absolute;top:0;left:50%;width:10rem;height:11rem;margin-left:-5rem;background:url(/images/imgShopZeplin2-c33ac21c46238b9d9549c3806abb158f.png) no-repeat center / contain}
.layer-shopOpen .popup-cont{position:relative;margin:0 1rem;background:#fff;text-align:center;padding:0 .8rem 1.6rem;}
.layer-shopOpen .popup-cont::before{content:'';display:block;position:absolute;top:0;left:-.8rem;width:1rem;height:100%;background:url(/images/imgBgShopopenLeft-248df3a6cb721500dd8eac751000a806.png) no-repeat center / contain}
.layer-shopOpen .popup-cont::after{content:'';display:block;position:absolute;top:0;right:-.8rem;width:1rem;height:100%;background:url(/images/imgBgShopopenRight-48cf1819dd07e49bc8c00f62f13e8971.png) no-repeat center / contain}
.layer-shopOpen .inner{padding-top:6rem;}
.layer-shopOpen .inner strong,.layer-shopOpen .inner em{display:block}
.layer-shopOpen .inner strong{font-size:1.8rem}
.layer-shopOpen .inner em{display:block;margin:.6rem 0;font-size:1.6rem;}
.layer-shopOpen .inner p{padding-top:1rem;font-size:1.2rem;}
/*210118 수정*/.layer-shopOpen .btn-wrap .btn-100p{margin-top:3.2rem;height: 3.8rem;line-height: 3.6rem;font-size: 1.4rem;font-weight: 200;}
/*210118 수정*/.layer-shopOpen .btn-wrap::after{content:'';display:block;position:absolute;top:9.2rem;left:0;width:100%;height:.2rem;border-top:.1rem dashed #ffcebd;}

/* [s] 211116 */
/* 로그인/회원가입 팝업 */
.layer-join .btn-popup {position:absolute; left: 0 !important;bottom: 3rem !important; width: 100%; z-index: 10;margin: 0 !important;}
.layer-join .btn-popup .btn-wrap {position: relative; margin: 0 4.5rem; padding: 0;}
/*.layer-join .btn-popup .close {position: absolute; top: -20px; right: 0; width:16px; height: 16px; font-size: 0; text-indent: -9999px; overflow: hidden; background: url(/images/btnCancelW-a8cb6452125c65cf26b3696ecc369ea4.png) no-repeat center / 11px 11px;}*/
.layer-join .btn-popup .btn-wrap .btn-100p {margin-bottom: 2rem; height:5.3rem; font-weight: 400; line-height: 5rem;}
.layer-join .btn-popup .btn-wrap .btn-100p:last-child {margin-bottom: 0;}
.layer-join .btn-popup .btn-wrap .btn-100p::after {content:''; display: inline-block; width: 13px; height: 13px; margin-left: 6px; vertical-align: middle; background: url(/images/icoArrowRight-68abe30f55e8150d15206e5eae5555cd.png) no-repeat center;}

/* 회원가입 완료 팝업 */
.layer-joinComplete .popup{position:relative;background:transparent;padding-top:6rem;}
.layer-joinComplete .popup::before{content:'';display:block;z-index:1;position:absolute;top:0;left:50%;width:10rem;height:11rem;margin-left:-5rem;background:url(/images/imgShopZeplin2-c33ac21c46238b9d9549c3806abb158f.png) no-repeat center / contain}
.layer-joinComplete .popup-cont{position:relative;margin:0 1rem;background:#fff;text-align:center;padding:0 .8rem 1.6rem;}
.layer-joinComplete .inner{padding-top:6rem;}
.layer-joinComplete .inner strong,.layer-joinComplete .inner em{display:block}
.layer-joinComplete .inner strong{font-size:1.8rem}
.layer-joinComplete .inner em{display:block;margin:.6rem 0;font-size:1.6rem;}
.layer-joinComplete .inner p{padding-top:1rem;font-size:1.2rem;}
.layer-joinComplete .btn-wrap .btn-100p{margin-top:3.2rem;height: 3.8rem;line-height: 3.6rem;font-size: 1.4rem;font-weight: 200;}
/* [e] 211116  */

/* 브랜드샵 가입축하 오픈 팝업 */
.layer-brandShop .popup{position:relative;background:transparent;padding-top:6rem;}
.layer-brandShop .popup::before{content:'';display:block;z-index:1;position:absolute;top:0;left:50%;width:10rem;height:11rem;margin-left:-5rem;background:url(/images/imgShopZeplin2-c33ac21c46238b9d9549c3806abb158f.png) no-repeat center / contain}
.layer-brandShop .popup-cont{position:relative;margin:0 1rem;background:#fff;text-align:center;padding:0 .8rem 1.6rem;}
.layer-brandShop .popup-cont::before{content:'';display:block;position:absolute;top:0;left:-.8rem;width:1rem;height:100%;}
.layer-brandShop .popup-cont::after{content:'';display:block;position:absolute;top:0;right:-.8rem;width:1rem;height:100%;}
.layer-brandShop .inner strong,.layer-brandShop .inner em{display:block}
.layer-brandShop .inner{padding-top:6rem;}
.layer-brandShop .inner strong{font-size:1.8rem}
.layer-brandShop .inner em{display:block;margin:.6rem 0;font-size:1.6rem;}
.layer-brandShop .inner p{padding-top:1rem;font-size:1.2rem;}
/*210118 수정*/.layer-brandShop .btn-wrap .btn-100p{margin-top:3.2rem;height: 3.8rem;line-height: 3.6rem;font-size: 1.4rem;font-weight: 200;}


/* 구매확정 */
.layer-purchase .tit{padding:1rem 0 2.4rem;}
.layer-purchase .inner{padding-bottom:1.4rem;line-height:2.2rem;text-align:center;}

/* 공유하기 */
.select-share .sort-type01 li .ico{width:2.2rem;height:2.2rem;margin-right:1rem;margin-bottom:.3rem;background-size:2.2rem auto;}

/* 해외배송비 안내 */
.delivery-info h3{padding-bottom:1rem;font-weight:500}
.delivery-info .form-line .label{font-weight:300}
.delivery-info .ref{margin-top:2rem}
.delivery-info .fee-table{position:relative}
.delivery-info .fee-table::before{content:'';display:block;position:absolute;top:5.5rem;left:0;width:100%;height:.1rem;background:#111}
.delivery-info table th,.delivery-info table td{padding:1rem;font-size:1.2rem;;text-align:center;}
.delivery-info table th{padding:0 1rem;font-weight:500;}
.delivery-info table th.line{border-right:.1rem solid rgb(232,232,232);}
.delivery-info table th.line + th{padding-bottom:.5rem;border-bottom:0;font-weight:300;}
.delivery-info table td{padding-top:2rem;font-weight:300;border-bottom: .1rem solid rgb(232,232,232);}
.delivery-info table tbody tr:first-child td{padding-top:4rem;}

/* [s] 201125 : 비밀번호 재설정 안내 */
.layer-pwReset .popup-cont{padding:2.5rem 1.6rem}
.layer-pwReset .inner{padding:2rem 0;text-align:center}
/* [e] 201125 */

/* [s] 210118 : 수익관리 */
.profit{padding:0 1.6rem}
.profit > div{position:relative;padding-bottom:2.6rem;}
.profit > div > a{position:absolute;bottom:0;right:0;font-size:1.3rem;color:rgb(255,85,25);font-weight:500;text-decoration:underline;}
.profit table{margin-top:1rem;}
.table-wrap table th,.table-wrap table td{padding:.5rem;font-weight:200;border:.1rem solid rgb(238,238,238);border-left:0;border-top:0;font-size:1.1rem;text-align:center;}
.table-wrap table th:first-child,.table-wrap table td:first-child{border-left:.1rem solid rgb(238,238,238)}
.table-wrap table th{padding:.8rem .5rem;font-weight:400;background:rgb(238,238,238)}
.profit-detail{padding:0 1.6rem}
.profit-detail article{padding:1.6rem 0}
.profit-detail .list-type{margin-bottom:1rem}
.profit-detail .list-type:after{content:'';display:block;clear:both}
.profit-detail .list-type span{float:left;width:6rem;font-weight:300;line-height:4.6rem;}
.profit-detail .list-type ul{float:left;width:calc(100% - 6rem);}
.profit-detail .filter-cont{display:none}
.profit-detail .filter-cont .btn-wrap{margin-top:2rem;padding:0}
.profit-detail .filter-cont .btn-wrap .btn-50p{width:49%;height:3.5rem;font-weight:400;line-height:3.3rem}
.profit-detail .filter-cont .btn-wrap .btn-line{margin-right:2%;border:.1rem solid rgb(17,17,17);color:rgb(17,17,17)}
.profit-detail .table-wrap{position:relative;margin:2.4rem 0 1rem;min-height: 18rem;}
.profit-detail .table-wrap div{width:100%;margin-top:1.5rem;border-left:.1rem solid rgb(238,238,238);border-right:.1rem solid rgb(238,238,238);overflow:auto;}
.profit-detail .table-wrap div table{white-space:nowrap;border-collapse:collapse}
.profit-detail .table-wrap table th:first-child,.profit-detail .table-wrap table td:first-child{border-left:0}
.profit-detail .table-wrap table th:last-child,.profit-detail .table-wrap table td:last-child{border-right:0}
/* [e] 210118 */

/* [s] 210628 */
#layer-login{padding-top:3rem;background:transparent}
#layer-login .popup-cont{padding-top:14rem;background:#fff url(/images/imgQrIllust-e0c5248f41d979c74665e40eee37d799.png) no-repeat center 5rem / 9rem;text-align:center}
#layer-login .close{z-index:10;position:absolute;top:0;right:0;display:block;width:2rem;height:2rem;background:url(/images/btnHeaderCancelWh-85c7b7afe7a4f0acc9b042e9cd26b54a.png) no-repeat center / cover}
#layer-login h2{margin:1.6rem 0;font-size:1.8rem;font-weight:500}
#layer-login p strong.blue{color:rgb(0,160,233)}
#layer-login p strong.green{color:rgb(45,193,0)}
#layer-login .btn-100p{margin-top:3rem}
/* [e] 210628 */

/* [s] 210813 */
.payment-option{padding:7.5rem 1.6rem 0}
.payment-option h2{margin-bottom:2.4rem;font-size:1.7rem;font-weight:500}
.payment-option ul li{position:relative;padding-bottom:.5rem;margin-left:2.2rem;margin-bottom:1.2rem;border-bottom:.1rem solid rgb(232,232,232)}
.payment-option ul li strong{color:rgb(255,85,25)}
.payment-option ul li::before{content:"1";display:block;position:absolute;top:.3rem;left:-2.1rem;width:1.4rem;height:1.4rem;font-size:.8rem;color:#fff;line-height:1.3rem;text-align:center;background:rgb(255,85,25)}
.payment-option ul li:nth-child(2)::before{content:"2";}
.payment-option ul li:nth-child(3)::before{content:"3";}
.payment-option ul + .btn-100p{margin-top:2.6rem;border-color:rgb(255,85,25);color:rgb(255,85,25);font-size:1.3rem;font-weight:500}
/* [e] 210813 */

/* [s] 220512 : 추가 */
.overlay-popup.addr-cn .bar{display:block;width:6.5rem;margin:0 auto;padding:1.5rem 0;}
.overlay-popup.addr-cn .bar::before{margin:0 auto;}
.overlay-popup.addr-cn.on{height:97% !important}
.overlay-popup.addr-cn > section{height: calc(100% - 3.3rem);}
.overlay-popup.addr-cn .address{height:100%;}
.overlay-popup.addr-cn .address-bar{margin:1rem 1.6rem 1.6rem;border-color:rgb(232,232,232)}
.overlay-popup.addr-cn .address-list{height: calc(100% - 6rem);overflow-y: scroll;}
.overlay-popup.addr-cn .address-list li{border-bottom:0;font-size: 1.3rem;padding: 0 1.6rem 1.6rem;}
.form-cn .form-line span label{color:rgb(171,171,171)}
.form-cn .form-line  .inp-comp{color:rgb(17,17,17)}
/* [e] 220512 : 추가 */

@media(min-width:768px){
  .file-box .upload-display{display:inline-block;margin-right:5px;margin-bottom:0;}
}
@media(max-width:320px){
	.form-line > span.weight input{width:26%;}
	.form-line > span:first-of-type{width:38%;}
	/*1016*/.form-line.term-line .calr .select input{padding-left:3rem;}
	/* [s] 210824 추가 */
  .login-wrap .country-setting{left:1.5rem;}
  .login-wrap .country-setting .selected{text-align:left;}
  /* [e] 210824 추가 */
}

/*[s] 210716 : 추가*/
@media(max-height:620px){
	.login{top:3rem}
	.login-wrap::after{height:14rem;}
	/* [s] 210824 추가 */
  .login-wrap .country-setting{left:1.5rem;}
  .login-wrap .country-setting .selected{text-align:left;}
  /* [e] 210824 추가 */
}

@media(max-width:320px) and (max-height:480px){
	.login{top:3rem}
	.login-wrap::after{height:12rem;}
}
/*[e] 210716*/