@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanssc.css);

@font-face{
  font-family:'NotoSansKR';
  font-style:normal;
  font-weight:300;
  src:url(/font/NotoSansKR-Light-ea4db2bb9f683df8998eaaaec10beeab.woff2) format('woff2'),
       url(/font/NotoSansKR-Light-1f7c8be8c0ca8d54868052ef23475cb2.woff) format('woff'),
       url(/font/NotoSansKR-Light-69a7091d55bd70448014811215ab9642.otf) format('opentype');
}
@font-face{
  font-family:'NotoSansKR';
  font-style:normal;
  font-weight:400;
  src:url(/font/NotoSansKR-Regular-9139661f6f91e4420a77e89d352452af.woff2) format('woff2'),
       url(/font/NotoSansKR-Regular-7c3141b340ddb3c1aea80d2bb11e9f12.woff) format('woff'),
       url(/font/NotoSansKR-Regular-432678b1452b22f5c7d89ce3ed52d449.otf) format('opentype');
}
@font-face{
    font-family:'NotoSansKR';
    font-style:normal;
    font-weight:500;
    src:url(/font/NotoSansKR-Medium-2de688e285e7ba650eee5d0438c1d4a7.woff2) format('woff2'),
         url(/font/NotoSansKR-Medium-e63313c24774aee385441245d85fb80f.woff) format('woff'),
         url(/font/NotoSansKR-Medium-f76d323ad08378bc0a027a35d4b1f095.otf) format('opentype');
}
@font-face{
  font-family:'LibreBaskerville-Italic';
  font-style:normal;
  font-weight:300;
  src:url(/font/LibreBaskerville-Italic-f8be82c8a7382e29be7e5f168f469c6b.woff2) format('woff2'),
       url(/font/LibreBaskerville-Italic-f658d3e008390d1bc6766293759a9195.woff) format('woff'),
       url(/font/LibreBaskerville-Italic-8c740cb85a20b48b7f5aaaab6af8c12f.otf) format('opentype');
}
/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button, input, textarea{margin:0;padding:0;border:0;outline:unset;}
html{height:100%;display:block;font-size:62.5%;line-height:normal;-webkit-text-size-adjust:none}
ol, ul{list-style:none}
body{position:relative;height:100%;;min-height:100%;font-size:1.2rem;color:#111;-webkit-text-size-adjust:none;outline:none;-webkit-tap-highlight-color:transparent;word-break:break-word;}
html, body,input,textarea,select,button,table{font-family:'NotoSansKR',sans-serif;font-weight:400;}
html:lang(zh), body:lang(zh), input:lang(zh), textarea:lang(zh), select:lang(zh), button:lang(zh), table:lang(zh){font-family:'Noto Sans SC',sans-serif;}
button{border:0;background-color:transparent;cursor:pointer;box-sizing:border-box}
table{border-collapse:collapse;width:100%;background:#fff}
input[type='text'], input[type='email'], input[type='password'], input[type='search'], input[type='number'],input[type='tel']{border:0;width:100%;height:3.6rem;color:#333;background:#fff;box-sizing:border-box;-webkit-tab-highlight-color:rgba(0,0,0,0);}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{display:none}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
/* Firefox */
input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;}
input,button{border-radius:0;-webkit-appearance:none;-moz-appearance:none;}
::-webkit-input-placeholder,
::-webkit-textarea-placeholder { /* Chrome/Opera/Safari */color:rgb(171,171,171);}
::-moz-placeholder { /* Firefox 19+ */color:rgb(171,171,171);opacity:1}
:-ms-input-placeholder,
:-ms-textarea-placeholder{ /* IE 10+ */color:rgb(171,171,171);}
:-moz-placeholder { /* Firefox 18- */color:rgb(171,171,171);opacity:1}
textarea{resize:none;width:100%;min-height:18rem;padding:1.6rem;font-size:1.1rem;font-weight:300;box-sizing:border-box;}
button:disabled{background:rgb(232,232,232) !important;border-color:rgb(232,232,232) !important;}
img,fieldset{border:0}
strong,th,h1,h2,h3,h4,h5,h6{font-weight:300;font-size:1.3rem}
em,address{font-style:normal}
a{color:#111;text-decoration:none}
input::-webkit-input-placeholder{color:#a9a9a9}
input:focus{outline:none}
strong, b{font-weight:500;}
select{border-radius:0;margin:0;padding:0;outline:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.hide,legend,caption{position:absolute;left:-9999px;width:0;height:0;overflow:hidden;text-indent:-9999px;}
caption{display:none;}
.a11y-hidden{overflow:hidden;clip:rect(0 0 0 0);clip:rect(0,0,0,0);position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;}
.a11y-hidden.focusable:focus, .a11y-hidden.focusable:active{outline:visible;clip:auto;position:static;width:auto;height:auto;margin:0;}

body.gray{background:rgb(246,246,246)}
#wrap.height100, .height100 #container{height:100%}
.pt10{margin-bottom:10rem}

/* header */
#header{z-index:90;position:fixed;top:0;left:0;width:100%;}
#header{transition:all 0.5s;}
#header.scrollDown{transform:translateY(-12rem);}
#header.scrollUp{transform:translateY(-4.5rem);}
/* #header .search-bar{display:none} */
#header.top .search-bar{display:block}

/* title */
/*210719 수정*/.title-bar{position:relative;min-height:2.6rem;padding:2.4rem 4.5rem 1rem;text-align:center;background:#fff;}
/*210719 수정*/.title-bar h1{font-weight:500;font-size:1.6rem;}
.title-bar .btn-prev{display:block;position:absolute;left:0;top:0;width:5rem;height:6rem;padding:0 1.6rem;background:url(/images/btnHeaderBack-e8797e30230172d6278ed1a5cd72f3da.png) no-repeat center 3rem;background-size:1.7rem auto;text-indent:-9999px}
/*201215 수정*/.title-bar .btn-close{display:block;position:absolute;right:1.3rem;top:2rem;width:2rem;height:3rem;background:url(/images/icoCancel-a079ad8c7ffd4a5670cceac3d10dc80b.png) no-repeat center;background-size:1.5rem auto;text-indent:-9999px}
/*210719 추가*/.title-bar .btn-txt{display:block;position:absolute;right:1.5rem;top:2rem;width:auto;height:3.4rem;font-size:1.3rem;}


/* gnb */
#gnb{z-index:100;position:fixed;left:0;bottom:0;width:100%;padding:2.5rem 4.2rem;background:transparent;box-sizing:border-box;}
#gnb.scrollUp{transform:translateY(-80px);}
#gnb ul{position:relative;display:table;width:100%;padding:1.2rem 1rem;background:#fff;box-sizing:border-box;box-shadow:0 .8rem 1.6rem rgba(0, 0, 0,.2)}
#gnb ul::before{content:'';display:block;position:absolute;top:0;left:-.7rem;width:.9rem;height:100%;background:url(/images/bgNavLeft-3bc5d9e761d1abfa8a75da184d0087c4.png) no-repeat center left/ contain;}
#gnb ul::after{content:'';display:block;position:absolute;top:0;right:-.7rem;width:.9rem;height:100%;background:url(/images/bgNavRight-4a7d97d74febaa776bdf74449431fc00.png) no-repeat right/ contain;}
#gnb ul li{position:relative;display:table-cell;width:25%;text-align:center;}
#gnb ul li span{display:inline-block;width:2.2rem;height:2.2rem;box-sizing:border-box;text-indent:-9999px;}
#gnb ul li .ico{;background-size:2.2rem;width:2.5rem;height:2.3rem;}
#gnb ul li .ico.myorder{background-size:2.4rem;}
#gnb ul li.active .ico{background-position:center -2.2rem;}
#gnb ul li.active .ico.myorder{background-position:center -2.4rem;}
/* checkbox, radio */
input[type="radio"], input[type="checkbox"]{position:relative !important;appearance:none;margin:0 .2rem .1rem 0;box-sizing:content-box;overflow:hidden;vertical-align:middle;}
input[type="radio"]:before{content:'';display:block;width:12px;height:12px;border:2px solid #111;transition:0.2s border-color ease;}
input[type="radio"]:checked:before{transition:0.5s border-color ease;background:#111;}
input[type="radio"]:disabled:before{border-color:#cccccc;background-color:#cccccc;}
input[type="radio"]:after{content:'';display:block;position:absolute;box-sizing:content-box;top:50%;left:50%;transform-origin:50% 50%;background-color:#fff;border-radius:100vh;transform:translate(-50%, -50%) scale(0);}
input[type="radio"]:before{border-radius:100vh;}
input[type="radio"]:after{width:6px;height:6px;border-radius:100vh;transform:translate(-50%, -50%) scale(0);}
input[type="radio"]:checked:after{animation:toggleOnRadio 0.2s ease forwards;}

input:required{box-shadow:none;}
input[type="checkbox"]:before{content:'';display:block;width:12px;height:12px;background:rgb(232,232,232);transition:0.2s border-color ease;}
input[type="checkbox"]:checked:before{transition:0.5s border-color ease;background:rgb(17,17,17);}
input[type="checkbox"]:after{content:'';display:block;position:absolute;top:0;left:0;width:12px;height:12px;background:url(/images/check-93d04a36fa006c9fd84e25985cb74c64.png) no-repeat center;background-size:8px auto;}
@keyframes toggleOnCheckbox{0%{opacity:0;transform:translate(-50%, -85%) scale(0) rotate(45deg);}70%{opacity:1;transform:translate(-50%, -85%) scale(0.9) rotate(45deg);}100%{transform:translate(-50%, -85%) scale(0.8) rotate(45deg);}
}
@keyframes toggleOnRadio{0%{opacity:0;transform:translate(-50%, -50%) scale(0);}70%{opacity:1;transform:translate(-50%, -50%) scale(0.9);}100%{transform:translate(-50%, -50%) scale(0.8);}
}

/* select */
select{cursor:pointer;}
.select{position:relative;display:flex;flex:1;height:3.2rem;font-weight: 300;border-bottom:.1rem solid rgb(232,232,232);background:#fff;overflow:hidden;box-sizing:border-box;line-height:3.2rem;} 
.select::after{content:'';position:absolute;top:.9rem;right:0;width:1.5rem;height:1.5rem;background:url(/images/btnDropDown-4767245effdf7bd24fbb3b6fa714a979.png) no-repeat center;background-size:1.5rem auto;}
.select select{width:100%;font-size:1.2rem;font-weight:300;background:#fff;}
select:invalid{color:rgb(171,171,171) !important;}
option[value=""][disabled]{display:none;}
option{color:#111 !important;;}
.select .flag{margin-top:.6rem}

/* text */
.i-req{position:relative;display:inline-block;width:1rem;height:1rem}
.i-req:after{content:'*';position:absolute;top:0;right:-.2rem;display:block;width:1rem;height:1rem;color:rgb(255,85,25);line-height:1rem}
.req{position:relative;display:inline-block}
.req:after{content:'*';position:absolute;top:50%;right:-10px;display:block;width:5px;height:5px;margin-top:-5px;color:rgb(255,85,25);line-height:1rem}
.kg{position:relative}
.kg input{padding-left:0 !important;padding-right:2.4rem;}
.kg::after{content:'Kg';position:absolute;top:0;right:0;color:#111;line-height:3.2rem;}
.curr{position:relative}
/*201217 수정*/.curr::before{content:'';position:absolute;top:0;left:0;color:#111;line-height:3.2rem;}
/*201217 추가*/.krw::before{content:'KRW';position:absolute;top:0;left:0;color:#111;line-height:3.2rem;}
/*201217 추가*/.usd::before{content:'USD';position:absolute;top:0;left:0;color:#111;line-height:3.2rem;}
.calr{position:relative}
.calr::after{content:'';position:absolute;top:.6rem;right:1.3rem;width:2rem;height:2rem;background:url(/images/icoOrderCalendar-fab6e05e5b32493c6a1f21d878b2d363.png) no-repeat center;background-size:1.3rem auto}
.ref{position:relative;display:block;margin:.9rem 0;padding-left:1.9rem;font-size:1rem;font-weight:300;}
.ref::before{content:'';display:block;position:absolute;top:.12rem;left:0;width:1.3rem;height:1.3rem;background-image:url(/images/icoHelp-a6d0ec036c7e705036d3d1a1dde0c496.png);background-repeat:no-repeat;background-size:1.3rem auto;}
.ref strong{font-weight:300;font-size:1rem;color:rgb(255,85,25);}
.ref em{text-decoration:underline}
strong.ref{padding-left:0;font-weight:300}
strong.ref::before{display:none}
.txt-or{color:rgb(255,85,25) !important;}
.m-both{margin:0 1.6rem}

/* form */
.inp{position:relative;}
.inp input{height:3.2rem;padding-right:2rem;border-bottom:.1rem solid rgb(225,225,225);font-size:1.2rem;}
.inp .btn-clear{right:.1rem}
.inp #counter{display:block;margin-top:.7rem;text-align:right}

.form-line{display:table;width:100%;height:3.2rem;margin-bottom:.7rem;}
.form-line > span{display:table-cell;width:65%;height:3.2rem;}
.form-line > span.calr{width:40%;padding-right:1.5rem;}
.form-line > span.calr input{padding-left:0;padding-right:2rem;text-align:left}
.form-line > span.calr + span{width:25%;}
.form-line > span.phone{position:relative}
.form-line > span.phone::before{content:'+1';position:absolute;top:.7rem;left;0;font-weight:300}
.form-line > span.phone input{padding-left:2.5rem}
.form-line > span:first-of-type{width:35%;padding-top:.6rem;}
.form-line > span.cell-50p input{width:48%;}
.form-line > span.cell-50p input:first-child{margin-right:2%;display:inline;}
.form-line label{vertical-align:middle;}
.form-line span label{display:inline-block;min-width:6rem;margin-right:1rem;}
.form-line > span.weight input{width:27%;padding:0;text-align:center}
.form-line + .btn-100p{margin:1.2rem 0}
.form-line input[type=text],.form-line input[type=number],.form-line input[type=tel],.form-line input[type=email],.form-line input[type=password]{height:3.2rem;padding-left:4.5rem;text-align:right;border-bottom:.1rem solid rgb(232,232,232);}
.form-line.term-line .calr{width:50%;padding: 0;padding-right:1rem;border-bottom:.1rem solid rgb(232,232,232)}
.form-line.term-line span:first-of-type.calr::before{content:'';display:block;z-index:1;position:absolute;top:50%;right:-.5rem;width:.6rem;height:.1rem;background:#111}
.form-line.term-line .calr::after{right:50%;margin-right: -5rem;}
.form-line.term-line .calr .select{border-bottom:0}
.form-line.term-line .calr .select select{padding-left: 4rem;}
.form-line.term-line .calr .select::after{display:none}
/*1016*/.form-line.term-line .calr .select input{padding-left:4rem;border-bottom:0;text-align:left;}

/*정렬*/
.sort-type01 li{padding-top:1.6rem;font-weight:300}
.sort-type01 li:first-child{padding-top:0}
.sort-type01 li.selected{font-weight:500}

.flag-list li{padding-bottom:1.4rem;font-weight:300}
.flag-list li i{margin-right:1rem;vertical-align:top}

/*toggle-slide*/
.toggle-tit{position:relative}
.toggle-area{position:relative;}
.toggle-area::before{content:'';display:block;position:absolute;top:0;left:0;width:calc(100% + 1.6rem);height:.1rem;background:#111}
.toggle-cont textarea{width:100%;min-height:18rem;padding:1.6rem;font-size:1.1rem;font-weight:300;background:rgb(246,246,246);box-sizing:border-box}
.toggle-tit .arrow{display:block;position:absolute;top:50%;right:0;width:1.3rem;height:2rem;margin-top:-1rem;cursor:pointer;}
.toggle-tit .arrow:before,
.toggle-tit .arrow:after{ transition:0.15s all ease-in-out;position:absolute;content:"";width:.8rem;height:.1rem;background:#111;top:49%;border-radius:5px;}
.toggle-tit .arrow:before{transform:rotate(225deg);left:0;}
.toggle-tit .arrow:after{transform:rotate(-225deg);right:0;} 
.toggle-tit.open .arrow:before{transform:rotate(138deg);left:0;}
.toggle-tit.open .arrow:after{transform:rotate(-138deg);right:0;}

/* toast popup */
#toast{position:fixed;bottom:70px;left:50%;padding:10px 20px;transform:translate(-50%, 0);border-radius:30px;overflow:hidden;font-size:1.2rem;opacity:0;visibility:hidden;transition:opacity .5s, visibility .5s, transform .5s;background:rgba(0, 0, 0, .35);color:#fff;z-index:9999;}
#toast.reveal{opacity:1;visibility:visible;transform:translate(-50%, 0) }
/*[s] 210118 추가*/
#table-toast{position:absolute;top:45%;left:50%;padding:3rem;transform:translate(-50%, 0);border-radius:1rem;overflow:hidden;font-size:1.1rem;opacity:0;visibility:hidden;transition:opacity .5s, visibility .5s, transform .5s;background:rgba(193, 193, 193, .29);color:rgb(17,17,17);z-index:9999;width: 45%;text-align: center;border: .1rem solid rgb(193,193,193,.29);}
#table-toast.reveal{opacity:1;visibility:visible;transform:translate(-50%, 0) }
/*[e] 210118 추가*/

/* small-thumnail */
.thum{display:table-cell;width:8.2rem;}
.thum .thum-inner{ position:relative;padding-top:100%;/* 1:1 ratio */ overflow:hidden;border-radius:100%;} 
.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%);}
.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%);}

/* ico */
.ico{display:inline-block;width:2.5rem;height:2.5rem;background-size:2.5rem auto;background-repeat:no-repeat;background-position:center 0;vertical-align:middle}
.ico.myshop{background-image:url(/images/icoNavHome-112aa6237721a38b8225f466be0b6493.png);}
.ico.market{background-image:url(/images/icoNavZmarket-ecd2e9f0135f396d76018a2727af6221.png);}
.ico.cart{background-image:url(/images/icoNavCart-cac371642cfc625a9b8a4d911209dd39.png);}
.ico.mypage{background-image:url(/images/icoNavMypage-ba66d610f0df924d8f5d0713e49a9ab2.png);}
.ico.myorder{background-image:url(/images/icoNavMyorderNew-6b94c2be15888c76dbaabe47109145fe.png);}
.ico.facebook{background-image:url(/images/icoLogoFacebook-8250ff052a70f7727908c93d9d2abc80.png);}
.ico.instar{background-image:url(/images/icoLogoInstagram-bfee3f892770a8a1bcb2310cc5420a3c.png);}
.ico.youtube{background-image:url(/images/icoLogoYoutube-1428683f4667d01f686c33e9fc27a97e.png);}
.ico.blog{background-image:url(/images/icoLogoNaverblog-e9adb6f85a4799331ac02ffc298afa7a.png);}
.ico.tictok{background-image:url(/images/icoLogoTictok-e57665b9c407838e15024f7792ddddf8.png);}
.ico.kwai{background-image:url(/images/icoLogoKwai-debd8069c45754a0867b9adea235ac03.png);background-color:rgb(255,119,0)}
.ico.xiao{background-image:url(/images/icoLogoXiao-ebc0dbd179d9f17a8d016e2dcddd1b7d.png);background-color:rgb(255,39,65)}
.ico.favorites{background-image:url(/images/icoProfileLike-dc8af5c417e914f849faed855f45dd25.png);}
.ico.setting{background-image:url(/images/icoProfileSetting-ac27b741c42e559d75414a8d25c5fe17.png);}
.ico.eye{background-image:url(/images/shape-e009f97b5c38bf8659bcdb5c4bf03aec.png);background-size: 1.4rem auto;}
.ico.cancel{background-image:url(/images/btnCancelRound-b24618034b292ec55d46a76c2edf0ba7.png);}
.ico.filter{background-image:url(/images/icoCategoryFilter-af3d1efe5f76d29058920e6e7325da10.png);}
.ico.order-filter{background-image:url(/images/icoOrderFilter-d4b1b2aedab368957dfe9b8da300d040.png);}
.ico.x{width:1.2rem;height:1.2rem;background-image:url(/images/btnCancel-24e149728f45eabab7139aee1056c167.png);background-position:center;background-size:.6rem auto;}
.ico.facebookWh{width:1.6rem;height:1.6rem;background-image:url(/images/icoLogoFacebookWh-a79258e4569dd44f2c15cc3a7a420f90.png);background-position:center;background-size:1.6rem auto;}
.ico.kakao{width:1.6rem;height:1.6rem;background-image:url(/images/icoLogoKakao-4daa687e336035604d2005af4c6162e3.png);background-position:center;background-size:1.6rem auto;}
.ico.wechat{width:1.6rem;height:1.6rem;background-image:url(/images/icoLogoWechat-da54b790e2ca7553195e8517e4b190b4.png);background-position:center;background-size:1.6rem auto;}
/*210603 추가*/.ico.alipay{width:1.6rem;height:1.6rem;background-image:url(/images/icoLogoAlipay-bb19cf287ed36b7c00bbd58b267eae95.png);background-position:center;background-size:1.6rem auto;}
.ico.hamburger{width:1rem;height:.1rem;top:30px;background-color:#111;} 
.ico.hamburger::before{position:absolute;width:1rem;height:.1rem;top:-.4rem;background-color:#111;content:"";}
.ico.hamburger::after{position:absolute;width:1rem;height:.1rem;top:.4rem;background-color:#111;content:"";}
.ico.linkShare{background-image:url(/images/icoProductShareWh-0a53b808945cf633976e5e80315701bf.png);}
.ico.kakao-pay{width:2.9rem;height:2.4rem;background-image:url(/images/icoOrderKakaopay-1bb1b21385d838dba0c8f34d00c13b67.png);background-position:center;background-size:2.9rem auto;}
.ico.wechat-pay{width:4.2rem;height:2.4rem;background-image:url(/images/icoLogoWechatpay-d1a34da880917f6a614cd3536e0ff93d.png);background-position:center;background-size:4.2rem auto;}
.ico.map{width:1.2rem;height:1.2rem;background-image:url(/images/icoMap-ffa23656902c0ccbeb4000f5e79412e6.png);background-position:center;background-size:1rem auto;}
.ico.kakao2{background-image:url(/images/icoLogoKakaotalk-345c13314c621ebcef63948ae917a08f.png);}
.ico.url{background-image:url(/images/icoShare-0f04ea1395a5a722375dcd4b53405acb.png);}
/* .ico.logout{width:1rem;height:1rem;margin-right:.5rem;margin-bottom:.2rem;border-radius:2rem;border:.1rem solid #111;} */
.ico.logout{width:1.4rem;height:1.6rem;margin-right:.5rem;background-image:url(/images/icoLogout-0d9e8eb10073d2c515ac745a810ec410.png);background-size:1.4rem auto;margin-bottom: .3rem;}
.ico.copy{width:1.6rem;height:1.8rem;background-image:url(/images/icoOrderCopy-f3b8ef9f67cb02ef861a25ef9c4c9fc3.png);background-position:center;background-size:1.5rem auto;}
/*[s] 210628 추가*/
.ico.kakaoSmall{width:1.9rem;height:1.9rem;background-image:url(/images/icoKakaoSmall-89ee54d10d0be576e443f22829372b0e.png);background-position:center;background-size:1.9rem auto;}
.ico.wechatSmall{width:1.9rem;height:1.9rem;background-image:url(/images/icoWechatSmall-fbd6ba7fb646e2fcfb24d9cb5dd42ce2.png);background-position:center;background-size:1.9rem auto;}
.ico.alipaySmall{width:1.9rem;height:1.9rem;background-image:url(/images/icoAlipaySmall-daa2bb04b7bb8820a4e34ec530f45b6d.png);background-position:center;background-size:1.9rem auto;}
.check.icon{position:absolute;width:8px;height:4px;margin-left:3px;margin-top:4px;color:#000;border-bottom:1px solid rgb(255,85,25);border-left:1px solid rgb(255,85,25);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
/*[e] 210628*/
/*[s] 211123 추가*/
.logo{display:inline-block;background-repeat:no-repeat;background-position:center;vertical-align:middle;}
.logo.alipay{width:6rem;height:1.5rem;background-image:url(/images/logoAlipay-3a6db73abaf560e133dcc74f146239c6.png);background-size:contain;}
.logo.wechat{width:4.8rem;height:1.5rem;background-image:url(/images/icoLogoWechatpay-d1a34da880917f6a614cd3536e0ff93d.png);background-size:contain;}
.logo.union{width:2.5rem;height:1.5rem;background-image:url(/images/logoUnionpay-45777753d813aba4de2d066d4426be31.png);background-size:contain;}
.logo.paypal{width:5.8rem;height:1.5rem;background-image:url(/images/logoPaypal-b3064fc6acf0bec0cf0cd9b73f4b6558.png);background-size:contain;}
/*[e] 211123*/

/* flag */
.flag{display:inline-block;width:2rem;height:2rem;margin-right:.6rem;background-size:cover;background-repeat:no-repeat;background-position:center;vertical-align:middle;}
.flag.KR{background-image:url(/images/flag/KR-c3d5a215aac0bb4e6d4cc4989f48d354.png);}
.flag.US{background-image:url(/images/flag/US-e9f07bdb8f72074bcd9149f85f5f54c1.png);}
.flag.CN{background-image:url(/images/flag/CN-d7c9860b203255a2f29813c40db4d3b0.png);}
.flag.AR{background-image:url(/images/flag/AR-31605f5bb1383d9b4ab10fe52f2af6e4.png);}
.flag.AU{background-image:url(/images/flag/AU-823384237596599f3830c7244194371e.png);}
.flag.AT{background-image:url(/images/flag/AT-ea07beb1a9493715d8d5b78119dd69ba.png);}
.flag.BE{background-image:url(/images/flag/BE-2a60a822db0e11d828082a0e75d7292e.png);}
.flag.BR{background-image:url(/images/flag/BR-5c7172c8d6fee14451a5aa83f3d362a7.png);}
.flag.BG{background-image:url(/images/flag/BG-b7d458c52c37a09d9bf9d5848f45160b.png);}
.flag.CA{background-image:url(/images/flag/CA-68b7e0c0314a376c9f2da1bc9032df40.png);}
.flag.HR{background-image:url(/images/flag/HR-f52f9df2961dadea676f5bb38782b6b1.png);}
.flag.cyprus{background-image:url(/images/flag/cyprus-7f035e5c973fd0a7fa4227f6737bf926.png);}
.flag.CZ{background-image:url(/images/flag/CZ-882339c0d44e46bcba3041c56c482cf2.png);}
.flag.DK{background-image:url(/images/flag/DK-2c7b414f2ed14dcf8129b08405801a28.png);}
.flag.EG{background-image:url(/images/flag/EG-550b696b1346b8bc9f5dfb55c24c15c3.png);}
.flag.EE{background-image:url(/images/flag/EE-7cb61eab2bb1ae468c4d2d7e88e33e65.png);}
.flag.FI{background-image:url(/images/flag/FI-de9def8ecdbd0616447e291d197a35db.png);}
.flag.FR{background-image:url(/images/flag/FR-a4c666cae613d2b05d9dd03154728c8c.png);}
.flag.DE{background-image:url(/images/flag/DE-509ecfc2090949dca3cee8fded3a3c7c.png);}
.flag.GH{background-image:url(/images/flag/GH-1e667f20f967113de8405cd1f4d24f13.png);}
.flag.GR{background-image:url(/images/flag/GR-8614384ad20cb12d690267e68affe4a3.png);}
.flag.GL{background-image:url(/images/flag/GL-304ef674f0e078fb0e71381366ac5f7c.png);}
.flag.GT{background-image:url(/images/flag/GT-587d8017fcc7fb6fb1125ecd58cb8622.png);}
.flag.HK{background-image:url(/images/flag/HK-fddad3fa7bebe8a10cf42b1010d3f949.png);}
.flag.HU{background-image:url(/images/flag/HU-61450f5f730d5c2979656ab487a1f8ff.png);}
.flag.IS{background-image:url(/images/flag/IS-59d433bdd0625d9173290706059cf6ff.png);}
.flag.IN{background-image:url(/images/flag/IN-9e6f3eecaa04cf0a8ef5f4b1ea6dabb6.png);}
.flag.IE{background-image:url(/images/flag/IE-04a4ed2a48d481330431a48e525c14ae.png);}
.flag.IL{background-image:url(/images/flag/IL-87cc5c47500c648ba63a2c1f7cfad574.png);}
.flag.IT{background-image:url(/images/flag/IT-9f96893ede616ce4afb57a22dc89bf6a.png);}
.flag.JP{background-image:url(/images/flag/JP-f43801999fa1bd528aa9f272c0d694ed.png);}
.flag.LV{background-image:url(/images/flag/LV-fe818cc29ecfe844163a676ac8883025.png);}
.flag.LI{background-image:url(/images/flag/LI-15ce597aa4216f20eb9249d76f31046c.png);}
.flag.LT{background-image:url(/images/flag/LT-2acec4c28502714cdb2c7599df405ee0.png);}
.flag.LU{background-image:url(/images/flag/LU-95fbab4c609ce00f7a31790aa5016c58.png);}
.flag.MX{background-image:url(/images/flag/MX-f3a17ab045e08b08cfa54c8a5f6c224b.png);}
.flag.NL{background-image:url(/images/flag/NL-5523c554c2cbf7f78f680b7145106dff.png);}
.flag.NZ{background-image:url(/images/flag/NZ-b6d5c9bb6aad378d5119f6c797e86fcd.png);}
.flag.NO{background-image:url(/images/flag/NO-47c54b2f73b32433ddef896563976eb5.png);}
.flag.PW{background-image:url(/images/flag/PW-0ed1f8809f9990434e0858e18eec635c.png);}
.flag.PY{background-image:url(/images/flag/PY-79c8983fb68f1b92035486ea36263ad9.png);}
.flag.PE{background-image:url(/images/flag/PE-baa68147c36c5557c5ecbad058ea3780.png);}
.flag.PH{background-image:url(/images/flag/PH-dd5cef27a8bb8ac7338bb95d8f780098.png);}
.flag.PT{background-image:url(/images/flag/PT-d8ba1167125f5209e4754b3515db25f1.png);}
.flag.PL{background-image:url(/images/flag/PL-a98ee875d301a7214a2ab4280f490d8c.png);}
.flag.RU{background-image:url(/images/flag/RU-35f6151c4ea5a0afe05f26df074d1a65.png);}
.flag.SM{background-image:url(/images/flag/SM-988ec8523aeb6dd61ee16b7d90962299.png);}
.flag.SG{background-image:url(/images/flag/SG-81ae427671dceac79693f6d45f71c7f1.png);}
.flag.SK{background-image:url(/images/flag/SK-6ba2d646412826f6ac52ac6f14d1c834.png);}
.flag.SI{background-image:url(/images/flag/SI-b0fee5e7ac63d62729204b737b42d4f9.png);}
.flag.ZA{background-image:url(/images/flag/ZA-d7d34d83ec9ac021c3f1de406918666b.png);}
.flag.ES{background-image:url(/images/flag/ES-040288ed606a3fd2ea05d8b96f59b998.png);}
.flag.SE{background-image:url(/images/flag/SE-7db22de60a41d780a871ff1943d7ab23.png);}
.flag.CH{background-image:url(/images/flag/CH-4e94fea91650af113c4b1e7579176ff2.png);}
.flag.TW{background-image:url(/images/flag/TW-39a1beba49eab6881d20b40704078ce6.png);}
.flag.TR{background-image:url(/images/flag/TR-c0cc7285767c1259a07aaf7fdaab2809.png);}
.flag.AE{background-image:url(/images/flag/AE-3dd2a69885ec98aad69f7cf00dd526eb.png);}
.flag.GB{background-image:url(/images/flag/GB-2fe4327fbde24cf0fd84fd7994098f35.png);}
.flag.VN{background-image:url(/images/flag/VN-31977bb3575cd2e6067b314a2a059777.png);}
.flag.TH{background-image:url(/images/flag/TH-1cfc504d53836afacce17e2722fe8b68.png);}
.flag.MO{background-image:url(/images/flag/MO-380394865c1fe9f3ade9866062e0e7ea.png);}
.flag.LA{background-image:url(/images/flag/LA-873712bdb91d0381b65719a356263be0.png);}

/* btn */
.btn-wrap{padding:1.6rem;}
.btn-wrap.full{padding:0}
.btn-wrap.fixed{z-index:10;position:fixed;bottom:0;left:0;width:100%;background:#fff;box-sizing:border-box;}
.btn-wrap.fixed button:disabled{background:rgb(220,220,220) !important;border-color:rgb(220,220,220) !important;}
/*201215 추가*/.btn-wrap.bottom{z-index:10;position:absolute;bottom:0;left:0;width:100%;background:#fff;box-sizing:border-box;}
.btn-wrap .btn-100p{height:4.6rem;font-weight:500;font-size:1.4rem;color:#fff;border:.1rem solid rgb(255,85,25);background:rgb(255,85,25);line-height:4.4rem;}
.btn-100p{display:block;width:100%;height:3.6rem;font-size:1.2rem;color:#111;border:.1rem solid #111;background:#fff;text-align:center;line-height:3.4rem;box-sizing:border-box}
.btn-wrap:after{content:'';display:block;clear:both}
.btn-wrap .btn-50p{float:left;width:50%;height:4.6rem;font-weight:500;font-size:1.4rem;color:#fff;border:.1rem solid rgb(255,85,25);background:rgb(255,85,25);box-sizing:border-box;text-align:center;line-height:4.4rem;}
.btn-50p.btn-line{color:rgb(255,85,25);border-left:0;background:#fff}
/*201230 추가*/.btn-100p.btn-line{color:rgb(255,85,25);background:#fff}
.btn-80p{float:left;width:calc(100% - 6rem);height:4.6rem;font-weight:500;font-size:1.4rem;color:#fff;border:1px solid rgb(255,85,25);background:rgb(255,85,25);line-height:4.4rem;}
.btn-20p{float:left;width:6rem;height:4.6rem;font-weight:500;font-size:1.4rem;color:#fff;border:1px solid rgb(255,85,25);background:rgb(255,85,25);line-height:4.4rem;}
.btn-20p::before{content:'';display:block;position:absolute;top:.8rem;left:0;width:.1rem;height:3rem;background:rgb(255,255,255,.15)}
.btn-share{position:relative;text-indent:-9999px}
.btn-share .ico.linkShare{position:absolute;top:1rem;left:1.7rem;background-size:1.6rem;background-position:center center}

.btn-del{position:absolute;top:50%;right:0;width:1.4rem;height:1.4rem;margin-top:-.7rem;text-indent:-9999px;}
.btn-del:before, .btn-del:after{position:absolute;left:7px;content:' ';height:1.4rem;width:.1rem;background-color:#333;}
.btn-del:before{transform:rotate(45deg);}
.btn-del:after{transform:rotate(-45deg);}

/* 210603 수정 */.btn-sns .btn-100p i.ico{width:2rem;height:2rem;margin-right:.5rem;background-size:1.9rem auto;margin-bottom: .3rem;}
.btn-facebook{background:rgb(24,119,242) !important;border-color:rgb(24,119,242) !important}
.btn-kakao{color:rgb(25,25,25) !important;background:rgb(250,227,0) !important;border-color:rgb(250,227,0) !important}
.btn-wechat{background:rgb(45,193,0) !important;border-color:rgb(45,193,0) !important}
/* 210603 추가 */.btn-alipay{background:rgb(0,160,233) !important;border-color:rgb(0,160,233) !important}

#btn-plus,#btn-minus{position:relative;width:2.5rem;height:2.7rem;transform:rotate(180deg);transition:transform 0.3s;box-sizing:border-box;}
#btn-minus::after{content:'';display:block;position:absolute;bottom:1.2rem;left:.6rem;width:1rem;height:0px;border-bottom:.15rem solid #000;}
#btn-plus::before{content:'';display:block;position:absolute;left:.6rem;bottom:1.25rem;width:1.1rem;height:0px;border-bottom:.15rem solid #000;transform:rotate(90deg);transition:width 0.3s;}
#btn-plus::after{content:'';display:block;width:1.1rem;height:0px;position:absolute;bottom:1.25rem;left:.6rem;border-bottom:.15rem solid #000;}

/* page-button */
.page-area{margin:2.5rem 0 3rem;text-align:center;}
.page-area nav{display:inline-block;}
.page-area nav:after{content:'';display:block;clear:both;}
.page-area nav a{position:relative;float:left;height:2.5rem;line-height:2;color:#000;text-align:center;margin:0 1.8rem;min-width:1.5rem;font-weight:300;}
.page-area nav a:first-child{border-left:0;}
.page-area nav a.on{font-weight:500;border-bottom:.2rem solid #111;}
/*210118 수정*/.page-area nav a.page{margin:0;text-indent:-9999px}

/* arrow */
[class*="arrow-"]{display:block;position:absolute;top:50%;right:-.2rem;width:1.3rem;height:2rem;margin-top:-1.1rem;cursor:pointer;}
[class*="arrow-"]:before,
[class*="arrow-"]:after{ transition:0.15s all ease-in-out;position:absolute;content:"";width:.8rem;height:.1rem;background:#111;top:50%;border-radius:5px;margin-top:-0.18rem;}
[class*="arrow-"]:before{transform:rotate(45deg);left:0;}
[class*="arrow-"]:after{transform:rotate(-45deg);right:5px;top:1.5rem;} 
.arrow-left{right:0}
.arrow-left:before{transform:rotate(135deg);left:0;}
.arrow-left:after{transform:rotate(-135deg);right:5px;} 

/* [s] 210104 :move top 추가*/
.move-top {position:fixed;z-index:99;right:3.6rem;bottom:8.6rem;display:none;width:2.2rem;height:2.2rem;border:.1rem solid #acacac;background:#fff;}
.move-top .arrow{display:block;position:absolute;top:1.4rem;right:.4rem;width:1.3rem;height:1.3rem;margin-top:-1rem;cursor:pointer;}
.move-top .arrow:before,
.move-top .arrow:after{transition:0.15s all ease-in-out;position:absolute;content:"";width:.8rem;height:.1rem;background:#111;top:49%;border-radius:5px;}
.move-top .arrow:before{transform:rotate(138deg);left:0;}
.move-top .arrow:after{transform:rotate(-138deg);right:0;}
/* [e] 210104 */

/* [s] 210823 추가 */
/* loading */
.loading-wrap{position:fixed;left:0;top:0;z-index:1000;width:100%;height:100%;background: rgba(0,0,0,.5);}
.loading {position:absolute;top:50%;left:50%;padding:0;margin-top:-90px;transform:translateX(-50%);text-align:center;}
.loading::before{content:"";display:block;width:9rem;height:9.25rem;background:url(/images/profileImgZLogo-5947ce932a4f77be8574ee371cb24802.png) no-repeat center / cover;margin:0 auto 12px}
.loading div{width:7rem;height:7.25rem;margin:0 auto 12px}
.loading div img{width:100%}
.loading span {font-size:11px;display:inline-block;margin:0 1px;color:#fff;}

/* loading type #3 */
.loading03 span{font-size:14px;animation:loading03 0.7s infinite alternate;}
.loading03 span:nth-child(2){animation-delay:0.1s;}
.loading03 span:nth-child(3){animation-delay:0.2s;}
.loading03 span:nth-child(4){animation-delay:0.3s;}
.loading03 span:nth-child(5){animation-delay:0.4s;}
.loading03 span:nth-child(6){animation-delay:0.5s;}
.loading03 span:nth-child(7){animation-delay:0.6s;}

@keyframes loading03 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(.8);
  }
}
/* [e] 210823 추가 */

/*[s] 210824*/
.country-setting {padding:0 1.6rem;}
.country-setting + .search-bar{margin-top:1rem}
.country-setting span{vertical-align:middle;display: inline-block;}
.country-setting .selected{position:relative;display: inline-block;background: #fff;}
.country-setting .selected{padding:0 2rem 0 0;/*width:7.5rem;*/height:5.5rem;color:#333;line-height:5.4rem;box-sizing:border-box}
.country-setting .selected::after{content:'';display:block;position:absolute;top:2.1rem;right:.6rem;width:1.5rem;height:1.5rem;background:url(/images/btnDropDown-4767245effdf7bd24fbb3b6fa714a979.png) no-repeat center;background-size:1.5rem auto;}
/*[e] 210824*/

/* [s] 210831 */
.popup-cont.alert .tit{padding:1rem 0}
.popup-cont.alert .inner{padding-bottom:2rem;line-height:2rem;text-align:center;}
/* [e] 210831 */