@charset "utf-8";

#owner-main .product{width:100%;height:calc(100vh - 0);overflow:hidden;overflow-y:auto;background:#fff}
#owner-main .product .hd{position:relative;z-index:1}
#owner-main .product .hd .tit{display:flex;align-items:center;justify-content:center;height:5rem}
#owner-main .product .hd .tit h3{font-size:1.8rem;text-align:center}
#owner-main .product .hd .btn{position:absolute;top:0;left:0;z-index:2}
#owner-main .product .hd .btn .bt-close{width:5rem;height:5rem;background:url("/img/user/bt-pop-close.svg") no-repeat 50% 50%}
#owner-main .product .hd .txt{position:absolute;top:0;right:0;z-index:2;display:flex;align-items:center;height:5rem}
#owner-main .product .hd .txt em{display:flex;position:relative;top:-.4rem;margin-right:.4rem;width:.6rem;height:.6rem;background:#F3132C;border-radius:.6rem}
#owner-main .product .hd .txt{padding:0 1.6rem;font-size:1.4rem;color:#F3132C}
#owner-main .product .hd .cls{position:absolute;top:0;left:0;z-index:2}
#owner-main .product .hd .cls .bt-close{width:5rem;height:5rem;background:url("/img/user/bt-pop-close.svg") no-repeat 50% 50%}
#owner-main .product .hd .title{display:flex;align-items:center}
#owner-main .product .hd .prev{display:flex;width:5rem;height:5rem;background:url("/img/user/ico-prev.svg") no-repeat 50% 50%}
#owner-main .product .hd .srch{display:flex;align-items:center;justify-content:space-between;margin:0 1.6rem 0 0;width:calc(100% - 5rem)}
#owner-main .product .article{min-height:calc(100vh - 13rem)}
#owner-main .product .prod{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;padding:0 1.6rem}
#owner-main .product .prod .item{margin:0 0 2.4rem 0 !important}
#owner-main .product .prod .inner{width:50%}
#owner-main .product .prod .item .img{border:0 !important}
#owner-main .product .prod .item .img .image{position:relative}
#owner-main .product .prod .item .img .image:before{content:"";position:absolute;top:0;bottom:0;right:0;left:0;border:.1rem solid #000}
#owner-main .product .prod .item .img:hover .image:before{border:.3rem solid #3182f5}
#owner-main .product .prod .ht{position:absolute;z-index:2;bottom:1rem;right:1rem;display:block;width:3.2rem;height:3.2rem}
#owner-main .product .prod .ck{position:absolute;z-index:2;top:1rem;left:1rem;display:block;width:3.2rem;height:3.2rem}
#owner-main .product .state{position:relative;padding:1rem 0 0 1.6rem}
#owner-main .product .state .khwrap{display:flex;align-items:center;gap:1rem}
#owner-main .product .state .item{display:flex;align-items:center;height:2rem}
#owner-main .product .state .item i{display:block;width:2rem;height:2rem}
#owner-main .product .state .item span{display:block;font-size:1.3rem}
#owner-main .product .state .ht1{background:url("/img/detail/dicon1.svg") no-repeat 50% 50%}
#owner-main .product .state .ht2{background:url("/img/detail/dicon2.svg") no-repeat 50% 50%}
#owner-main .product .state .ht3{background:url("/img/detail/dicon3.svg") no-repeat 50% 50%}
#owner-main .product .state p{position:absolute;right:1.6rem;font-size:1.2rem;font-weight:300}
#owner-main .product .form{display:flex;flex-direction:column}
#owner-main .product .form .fr-innr{padding:2.4rem 1.6rem;border-bottom:.6rem solid #F4F4F4}
#owner-main .product .form .fr-innr:last-child{border-bottom:0}
#owner-main .product .form .tit{display:flex;align-items:center;justify-content:space-between;padding-bottom:1.6rem}
#owner-main .product .form .tit label{font-size:1.6rem;font-weight:700;color:#000}
#owner-main .product .form .tit label i{font-weight:700;color:#F3132C}
#owner-main .product .form .tit em{font-size:1.4rem;color:#545454}
#owner-main .product .form .tip{display:flex;align-items:center;gap:.6rem;font-size:1.2rem;color:#8a8a8a}
#owner-main .product .form .tip i{font-size:1.6rem;color:#8A8A8A}
#owner-main .product .form .tip + .con{margin-top:1.6rem}
#owner-main .product .form .bac{margin-top:1.6rem}
#owner-main .product .form .bac label{justify-content:flex-start !important}
#owner-main .product .form .box{display:flex;align-items:center;gap:1rem;position:relative}
#owner-main .product .form .box .won{min-width:1.4rem}
#owner-main .product .form .box + .con{margin-top:2rem;padding-top:2rem;border-top:.1rem solid #E8E8E8}
#owner-main .product .form .con{display:flex;align-items:center;justify-content:space-between;gap:1rem}
#owner-main .product .form .con strong{min-width:5rem}
#owner-main .product .form .sal{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2rem}
#owner-main .product .form .sal strong{min-width:5rem}
#owner-main .product .form .sal .per strong{padding-right:.4rem;font-size:1.8rem;color:#3182F5}
#owner-main .product .form .set{width:100%}
#owner-main .product .form .ip-txt{padding:0 1.6rem;width:100%;height:5rem;font-size:1.6rem;color:#000;border:.1rem solid #CDCDCD;background:#fff;border-radius:.8rem}
#owner-main .product .form .ip-txt:focus{border:.1rem solid #3182f5}
#owner-main .product .form .ip-txt::placeholder{color:#8a8a8a}
#owner-main .product .form .tx-txt{padding:1.6rem;width:100%;height:4.8rem;font-size:1.6rem;color:#000;border:.1rem solid #CDCDCD;background:#fff;border-radius:.8rem;resize:none}
#owner-main .product .form .tx-txt:focus{border:.1rem solid #3182f5}
#owner-main .product .form .tx-txt::placeholder{color:#8a8a8a}
#owner-main .product .form .set{display:flex;align-items:center;height:5rem;border:.1rem solid #cdcdcd;background:#fff;border-radius:.8rem}
#owner-main .product .form .set input{display:none}
#owner-main .product .form .set label{display:flex;align-items:center;justify-content:center;width:100%;height:5rem;font-size:1.6rem;font-weight:700;color:#9A9A9A;border-radius:.8rem}
#owner-main .product .form .set input:checked + label{color:#fff;background:#3182F5}

#owner-main .product .form .ste{display:flex;align-items:center;width:100%;height:5rem;border:.1rem solid #cdcdcd;background:#fff;border-radius:.8rem}
#owner-main .product .form .ste input{display:none}
#owner-main .product .form .ste label{display:flex;align-items:center;justify-content:center;width:100%;height:5rem;font-size:1.6rem;font-weight:700;color:#9A9A9A;border-radius:.8rem}
#owner-main .product .form .ste input:checked + label{color:#fff;background:#000}

#owner-main .product .form .opt{margin-top:2rem;border:.2rem solid #E8E8E8;border-radius:1rem}
#owner-main .product .form .opt .tit{display:flex;align-items:flex-start;flex-direction:column;gap:1.6rem;padding:2rem}
#owner-main .product .form .opt .tit h4{display:flex;align-items:center;justify-content:space-between;width:100%}
#owner-main .product .form .opt .tit h4 strong{display:flex;align-items:center;gap:.4rem}
#owner-main .product .form .opt .tit h4 i{display:flex;align-items:center;justify-content:center;min-width:1.9rem;height:1.8rem;font-size:1.4rem;font-weight:700;color:#fff;background:#3182F5}
#owner-main .product .form .opt .tit h4 button{font-size:1.6rem;text-decoration:underline}
#owner-main .product .form .opt .con{flex-direction:column;gap:0}
#owner-main .product .form .opt .con h5{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem;font-size:1.6rem}
#owner-main .product .form .opt .con h5 i{font-weight:700}
#owner-main .product .form .opt .box{min-width:100%}
#owner-main .product .form .opt .box label{justify-content:flex-start}
#owner-main .product .form .opt .box + h5{margin-top:1.8rem}
#owner-main .product .form .opt .innr{padding:2rem;min-width:100%;border-top:.2rem solid #E8E8E8}
#owner-main .product .form .opt .bt-del{font-size:1.8rem}
#owner-main .product .form .opt .fot{padding:2rem;border-top:.2rem solid #E8E8E8}
#owner-main .product .form .opt .btn{display:flex;align-items:center;justify-content:center;padding-bottom:2rem}
#owner-main .product .form .opt .inp{display:flex;align-items:center;justify-content:flex-start;gap:1rem;padding-top:1.6rem}
#owner-main .product .form .opt .inp .ip-txt{width:11.5rem}
#owner-main .product .form .opt .bt-add{font-size:1.6rem;font-weight:700;color:#3182F5}
#owner-main .product .form .chk{display:none}
#owner-main .product .form .chk + label{display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:400;color:#545454}
#owner-main .product .form .chk + label:before{content:"";display:block;margin-right:.6rem;width:1.8rem;height:1.8rem;border:.1rem solid #E7E7E7;background:#E7E7E7;border-radius:.2rem}
#owner-main .product .form .chk:checked + label:before{content:"";border:.1rem solid #3182f5;background:#3182f5 url("/img/user/chk-ck1.svg") no-repeat 50% 50%;background-size:1rem auto}
#owner-main .product .form .button{display:flex;align-items:center;gap:1rem;padding-top:1.8rem}
#owner-main .product .form .button .bt{display:block;width:100%;height:5rem;font-size:1.5rem;font-weight:700;text-align:center;border-radius:.8rem}
#owner-main .product .form .bt-option{color:#fff;border:.1rem solid #2F2F2F;background:#2F2F2F}
#owner-main .product .form .bt-basic{color:#2F2F2F;border:.1rem solid #2F2F2F;border-left:.1rem solid #2F2F2F !important;background:#fff}
#owner-main .product .form .bt-gray{min-width:14rem;height:4.8rem;font-size:1.6rem;font-weight:700;color:#9A9A9A;border:.1rem solid #E9E9E9;background:#E9E9E9;border-radius:.8rem}

#owner-main .product .ft{position:sticky;z-index:1000;bottom:0;padding:0 !important;background:#fff;box-shadow: rem -.1rem 1rem rgb(0 0 0 / 10%)}
#owner-main .product .ft .button{display:flex;align-items:center;gap:1rem;padding:0 1.6rem;height:8rem;background:#fff}
#owner-main .product .ft .button .bt{display:block;width:100%;height:5rem;font-size:1.6rem;font-weight:700;text-align:center;border-radius:.8rem}
#owner-main .product .ft .bt-order{color:#fff;border:.1rem solid #545454;background:#545454}
#owner-main .product .ft .bt-order.act{border:.1rem solid #3182f5;background:#3182f5}
#owner-main .product .ft .bt-entry{color:#545454;border:.1rem solid #545454;background:#fff}
#owner-main .product .ft .bt-entry.act{color:#3182F5;border:.1rem solid #3182F5;background:#fff}
#owner-main .product .ft .bt-okay{color:#fff;border:.1rem solid #545454;background:#545454}
#owner-main .product .ft .bt-okay.act{border:.1rem solid #3182F5;background:#3182F5}
#owner-main .product .ft .bt-delete{min-width:13rem;width:auto !important;color:#3182F5;border:.1rem solid #3182F5;background:#fff}
#owner-main .product .ft .bt-delete.act{border:.1rem solid #3182F5;background:#fff}
#owner-main .product .ft .bt-save{color:#fff;border:.1rem solid #3182F5;background:#3182F5}
#owner-main .product .ft .bt-save.act{border:.1rem solid #3182F5;background:#3182F5}

#owner-main .product .phoadd{padding:1.6rem 0 0 0}
#owner-main .product .phoadd label{position:relative;display:block;padding:0 0 .8rem 0;font-size:1.4rem;font-weight:700;color:#242a38}
#owner-main .product .phoadd label i{padding:0 .2rem;color:#3182f5}
#owner-main .product .phoadd .swiper-wrapper{padding:.6rem 0 1.2rem 0;overflow-x:auto}
#owner-main .product .phoadd .swiper-slide{margin-right:.8rem;width:auto !important}
#owner-main .product .phoadd .lot{position:absolute;top:.2rem;right:0;font-size:1.4rem;font-weight:500;color:#999}
#owner-main .product .phoadd .area{position:relative;padding:1rem;font-size:1.4rem;border:.1rem solid #ccc;border-radius:.4rem}
#owner-main .product .phoadd .area button{position:absolute;top:-.5rem;right:-.5rem;width:2rem;height:2rem;background:url("/img/ico/cross_red.svg") no-repeat 50% 50% / 100% auto}
#owner-main .product .phoadd .area button span{display:none}
#owner-main .product .phoadd .img{position:relative}
#owner-main .product .phoadd .image{display:block;width:10rem;height:10rem;background-color:#000;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:.6rem;overflow:hidden}
#owner-main .product .phoadd .bt-del{position:absolute;top:-.6rem;right:-.6rem;width:2.2rem;height:2.2rem;background:#fff url("/img/user/bt-img-del.svg") no-repeat 50% 50%;background-size:2.4rem auto;border-radius:2.4rem}
#owner-main .product .phoadd .bt-del span{display:none}
#owner-main .product .phoadd .bt-shift{display:block;width:100%;height:2.4rem;background:url("/img/user/ico-shift.svg") no-repeat 50% 50%}
#owner-main .product .phoadd .bt-shift span{display:none}
#owner-main .product .phoadd .add{display:flex;align-items:center;justify-content:center;width:10rem;height:10rem;border:.1rem solid #D6D6D6;border-radius:.6rem}
#owner-main .product .phoadd .add button{text-align:center;color:#2f2f2f}
#owner-main .product .phoadd .add i{font-size:2.4rem;color:#7E7E7E}
#owner-main .product .phoadd .bt-change{display:flex;align-items:center;justify-content:center;gap:.6rem;position:absolute;bottom:0;right:0;left:0;height:2.6rem;font-size:1.2rem;text-align:center;color:#fff;background:#00000075;border-radius:0 0 1rem 1rem}
#owner-main .product .phoadd .bt-change i{font-size:1.6rem}

#owner-main{min-height:calc(100vh - 10.8rem)}
#owner-main .prod-option{padding:2rem 1.6rem}
#owner-main .prod-option-modify{padding:0 1.6rem}

#owner-main .form{display:flex;flex-direction:column}
#owner-main .form .tit{display:flex;align-items:center;justify-content:space-between;padding-bottom:1.6rem}
#owner-main .form .tit label{font-size:1.6rem;font-weight:700;color:#000}
#owner-main .form .tit label i{font-weight:700;color:#F3132C}
#owner-main .form .tit em{font-size:1.4rem;color:#545454}
#owner-main .form .tip{display:flex;align-items:center;gap:.6rem;font-size:1.2rem;color:#8a8a8a}
#owner-main .form .tip i{font-size:1.6rem;color:#8A8A8A}
#owner-main .form .bac{margin-top:1.6rem}
#owner-main .form .bac label{justify-content:flex-start !important}
#owner-main .form .box{display:flex;align-items:center;gap:1rem;position:relative}
#owner-main .form .box .won{min-width:1.4rem;font-size:1.6rem}
#owner-main .form .box + .con{margin-top:2rem;padding-top:2rem;border-top:.1rem solid #E8E8E8}
#owner-main .form .con{display:flex;align-items:center;justify-content:space-between;gap:1rem}
#owner-main .form .con strong{min-width:5rem}
#owner-main .form .sal{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2rem}
#owner-main .form .sal strong{min-width:5rem}
#owner-main .form .sal .per strong{padding-right:.4rem;font-size:1.8rem;color:#3182F5}
#owner-main .form .set{width:100%}
#owner-main .form .ip-txt{padding:0 1.6rem;width:100%;height:5rem;font-size:1.6rem;color:#000;border:.1rem solid #CDCDCD;background:#fff;border-radius:.8rem}
#owner-main .form .ip-txt:focus{border:.1rem solid #3182f5}
#owner-main .form .ip-txt::placeholder{color:#8a8a8a}
#owner-main .form .tx-txt{padding:1.6rem;width:100%;height:4.8rem;font-size:1.6rem;color:#000;border:.1rem solid #CDCDCD;background:#fff;border-radius:.8rem;resize:none}
#owner-main .form .tx-txt:focus{border:.1rem solid #3182f5}
#owner-main .form .tx-txt::placeholder{color:#8a8a8a}
#owner-main .form .set{display:flex;align-items:center;height:5rem;border:.1rem solid #cdcdcd;background:#fff;border-radius:.8rem}
#owner-main .form .set input{display:none}
#owner-main .form .set label{display:flex;align-items:center;justify-content:center;width:100%;height:5rem;font-size:1.6rem;font-weight:700;color:#9A9A9A;border-radius:.8rem}
#owner-main .form .set input:checked + label{color:#fff;background:#3182F5}
#owner-main .form .opt{/*margin-top:2.4rem;border:.2rem solid #E8E8E8;border-radius:1rem*/}
#owner-main .form .opt .tit{display:flex;align-items:flex-start;flex-direction:column;gap:1.6rem;padding:3rem 1.6rem/*;padding:2rem*/}
#owner-main .form .opt .tit h4{display:flex;align-items:center;justify-content:space-between;width:100%}
#owner-main .form .opt .tit h4 strong{display:flex;align-items:center;gap:.4rem;font-size:1.8rem}
#owner-main .form .opt .tit h4 i{display:flex;align-items:center;justify-content:center;min-width:1.9rem;height:1.8rem;font-size:1.4rem;font-weight:700;color:#fff;background:#3182F5}
#owner-main .form .opt .tit h4 button{font-size:1.6rem;text-decoration:underline}
#owner-main .form .opt .con{flex-direction:column;gap:0}
#owner-main .form .opt .con h5{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem;font-size:1.6rem}
#owner-main .form .opt .con h5 i{font-weight:700}
#owner-main .form .opt .box{min-width:100%}
#owner-main .form .opt .box label{justify-content:flex-start}
#owner-main .form .opt .box + h5{margin-top:1.8rem}
#owner-main .form .opt .innr{padding:2rem;min-width:100%;border-top:.2rem solid #E8E8E8}
#owner-main .form .opt .bt-del{font-size:1.8rem}
#owner-main .form .opt .fot{padding:2rem;border-top:.2rem solid #E8E8E8}
#owner-main .form .opt .btn{display:flex;align-items:center;justify-content:center;padding-bottom:2rem}
#owner-main .form .opt .inp{display:flex;align-items:center;justify-content:flex-start;gap:1rem;padding-top:1.6rem;font-size:1.6rem}
#owner-main .form .opt .inp .ip-txt{width:11.5rem}
#owner-main .form .opt .bt-add{font-size:1.6rem;font-weight:700;color:#3182F5}
#owner-main .form .chk{display:none}
#owner-main .form .chk + label{display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:400;color:#545454}
#owner-main .form .chk + label:before{content:"";display:block;margin-right:.6rem;width:1.8rem;height:1.8rem;border:.1rem solid #E7E7E7;background:#E7E7E7;border-radius:.2rem}
#owner-main .form .chk:checked + label:before{content:"";border:.1rem solid #3182f5;background:#3182f5 url("/img/user/chk-ck1.svg") no-repeat 50% 50%;background-size:1rem auto}
#owner-main .form .button{display:flex;align-items:center;gap:1rem;padding-top:1.8rem}
#owner-main .form .button .bt{display:block;width:100%;height:5rem;font-size:1.5rem;font-weight:700;text-align:center;border-radius:.8rem}
#owner-main .form .bt-option{color:#fff;border:.1rem solid #2F2F2F;background:#2F2F2F}
#owner-main .form .bt-basic{color:#2F2F2F;border:.1rem solid #2F2F2F;border-left:.1rem solid #2F2F2F !important;background:#fff}
#owner-main .form .bt-gray{min-width:14rem;height:4.8rem;font-size:1.6rem;font-weight:700;color:#9A9A9A;border:.1rem solid #E9E9E9;background:#E9E9E9;border-radius:.8rem}

#owner-main .tit-panel{display:flex;align-items:flex-start;flex-direction:column;gap:1.6rem;padding:1.8rem}
#owner-main .tit-panel h4{display:flex;align-items:center;justify-content:space-between;width:100%}
#owner-main .tit-panel strong{display:flex;align-items:center;gap:.4rem}
#owner-main .tit-panel strong i{display:flex;align-items:center;justify-content:center;width:2rem;height:1.8rem;font-size:1.4rem;font-weight:700;color:#fff;background:#3182F5;border-radius:.2rem}
#owner-main .tit-panel span{display:flex;align-items:center;gap:1rem}
#owner-main .tit-panel span button{position:relative;z-index:10;font-size:1.6rem;font-weight:600}
#owner-main .tit-panel .bt-mod{color:#3182F5}
#owner-main .tit-panel .bt-del{color:#545454}

#owner-main .nwnav{position:relative;padding:2rem 1.6rem;background:#f3f3f3;overflow:hidden}
#owner-main .nwnav .innr{display:flex;align-items:center;width:auto !important;cursor:pointer}
#owner-main .nwnav .tit{display:flex;align-items:center;padding:0 1.6rem;height:3.6rem;font-size:1.6rem;color:#787878;border:.1rem solid #9A9A9A;background:#fff;border-radius:3rem;transition:.2s}
#owner-main .nwnav .tit:hover,
#owner-main .nwnav .innr.act .tit{color:#fff;border:.1rem solid #3182F5;background:#3182F5}

#owner-main .opt-panel + .button{padding-top:4rem;text-align:right}
#owner-main .opt-panel + .button .bt-opt{font-size:1.6rem;text-decoration:underline}
#owner-main .ft{position:sticky;z-index:1000;bottom:0;padding:0 1.6rem;background:#fff;box-shadow: rem -.1rem 1rem rgb(0 0 0 / 10%)}
#owner-main .ft .button{display:flex;align-items:center;gap:1rem;padding:0 1.6rem;height:8rem;background:#fff}
#owner-main .ft .button .bt{display:block;width:100%;height:4.6rem;font-size:1.6rem;font-weight:700;text-align:center;border-radius:.8rem}
#owner-main .ft .bt-order{color:#fff;border:.1rem solid #545454;background:#545454}
#owner-main .ft .bt-order.act{border:.1rem solid #3182f5;background:#3182f5}
#owner-main .ft .bt-entry{color:#545454;border:.1rem solid #545454;background:#fff}
#owner-main .ft .bt-entry.act{color:#3182F5;border:.1rem solid #3182F5;background:#fff}
#owner-main .ft .bt-okay{color:#fff;border:.1rem solid #545454;background:#545454}
#owner-main .ft .bt-okay.act{border:.1rem solid #3182F5;background:#3182F5}

#owner-main .owner-setup{}
#owner-main .owner-setup .tabs{}
#owner-main .owner-setup .tabs ul{display:flex;align-items:center}
#owner-main .owner-setup .tabs li{min-width:50%;border-bottom:.2rem solid #E9E9E9}
#owner-main .owner-setup .tabs li a{display:block;line-height:4rem;font-size:1.4rem;font-weight:700;text-align:center;color:#111}
#owner-main .owner-setup .tabs li a em{color:#3182F5}
#owner-main .owner-setup .tabs li.act{border-bottom:.2rem solid #3182F5}
#owner-main .owner-setup .sort{display:flex;align-items:center;justify-content:space-between;padding:0 1.6rem}
#owner-main .owner-setup .sort .sel ul{display:flex;align-items:center;gap:1rem;padding:2rem 0}
#owner-main .owner-setup .sort .opt button{display:flex;align-items:center;padding:0 1.5rem;height:3.2rem;color:#fff;background:#777;border-radius:.4rem}
#owner-main .owner-setup .sort .opt button.act{background:#3182f5}

#owner-main .ckmng{display:none}
#owner-main .ckmng + label{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:1.4rem}
#owner-main .ckmng + label i{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:1.8rem;color:#E7E7E7;background:#E7E7E7;border-radius:.2rem}
#owner-main .ckmng:checked + label i{color:#fff;background:#3182F5}

#offer.mh100vh{min-height:calc(100vh - 5rem)}
#offer .form{padding:1.6rem;background:#fff;overflow:hidden}
#offer .form .title{position:relative;padding-bottom:.8rem}
#offer .form .title h1{font-size:2rem;font-weight:700;text-align:center;color:#000}
#offer .form .title h2{font-size:1.6rem;font-weight:700;color:#000}
#offer .form .title h3{display:flex;align-items:center;font-size:1.6rem;font-weight:700;color:#000}
#offer .form .title h3:before{content:'';margin:0 .6rem 0 0;width:.5rem;height:.5rem;background:#000}
#offer .form .title h3 i{padding:0 .4rem;font-size:1.6rem;font-weight:700;color:#f3132c}
#offer .form .title h3 span{font-size:1.4rem;font-weight:400;color:#848B96}
#offer .form .title em{display:flex;align-items:center;position:absolute;top:0;right:0;height:2rem;font-size:1.4rem;font-weight:500;color:#999}
#offer .form .title p{padding-top:.8rem;font-size:1.2rem;font-weight:300;color:#999}
#offer .form .title .cut{position:absolute;top:.5rem;right:0}
#offer .form .prd{padding:2.6rem 0}
#offer .form .prd .innr{display:flex;flex-direction:column;position:relative;text-align:center}
#offer .form .prd .innr dd{display:flex;flex-direction:column;justify-content:space-between;position:relative;padding:.8rem 0 0 0}
#offer .form .prd .bt-navi{display:flex;position:absolute;top:0;right:0;width:2.4rem;height:2.4rem;background:url("/img/user/ico-navi.svg") no-repeat 50% 50%}
#offer .form .prd .image{display:block;position:relative;margin:0 auto;width:8.6rem;height:8.6rem;background-color:#eee;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden}
#offer .form .prd .image:before{content:'';position:absolute;top:0;bottom:0;right:0;left:0;border:.1rem solid #000}
#offer .form .prd .tit{color:#2f2f2f}
#offer .form .prd .tit em{display:block;padding-bottom:.4rem;font-size:1.6rem;font-weight:400}
#offer .form .prd .tit a{display:block;font-size:1.8rem;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#offer .form .score{padding:0 0 5.2rem 0;text-align:center}
#offer .form .score h4{padding:1.2rem 0 0 0;font-size:2rem;font-weight:700;color:#3182f5}
#offer .form .score p{font-size:1.4rem;font-weight:700;color:#3182f5}
#offer .form .score .star{display:inline-block;width:18.7rem;vertical-align:middle;background:url("/img/user/star2.svg") no-repeat 0 50%;background-size:18.7rem auto}
#offer .form .score .star span{display:block;height:3.1rem;background:url("/img/user/star1.svg") no-repeat 0 50%;background-size:18.7rem auto}
#offer .form .kflex{margin-right:-.8rem}
#offer .form .kflex .input{margin-right:.8rem}
#offer .form .input{position:relative;margin:0 0 2.4rem 0}
#offer .form .input .skip{display:none}
#offer .form .input .ip-txt{padding:0 1.6rem;width:100%;height:4.8rem;font-size:1.6rem;color:#000;border:.1rem solid #f4f4f4;background:#f4f4f4;border-radius:.8rem}
#offer .form .input .ip-txt:focus{border:.1rem solid #3182f5}
#offer .form .input .ip-txt::placeholder{color:#8a8a8a}
#offer .form .input .tx-txt{padding:1.6rem;width:100%;height:4.8rem;font-size:1.6rem;color:#000;border:.1rem solid #f4f4f4;background:#f4f4f4;border-radius:.8rem;resize:none}
#offer .form .input .tx-txt:focus{border:.1rem solid #3182f5}
#offer .form .input .tx-txt::placeholder{color:#8a8a8a}
#offer .form .input .ip-grb{padding:0 .8rem;height:4.8rem;font-size:1.6rem;text-align:center;color:#000;border:0;background:none}
#offer .form .input .ip-grb::placeholder{color:#8a8a8a}
#offer .form .input .ip-dat{padding:0 1.6rem;width:100%;height:4.5rem;font-size:1.4rem;color:#242a38;border:.1rem solid #ddd;border-radius:.4rem}
#offer .form .input .ip-dat:focus{border:.1rem solid #242a38;background:#f9f9f9}
#offer .form .input .ip-dat::-webkit-clear-button,
#offer .form .input .ip-dat::-webkit-inner-spin-button{display:none} 
#offer .form .input .ip-dat::-webkit-calendar-picker-indicator{background:url("/img/ico/ico-date.svg") no-repeat 95% 50%}
#offer .form .input .row{padding:0 1rem}
#offer .form .input .tag{display:flex;flex-wrap:wrap}
#offer .form .input .tag .innr{position:relative;padding:0 .6rem .6rem 0}
#offer .form .input .tag .bt-kywd{padding:0 1.2rem;height:3.4rem;color:#3FB074;border:.1rem solid #3FB074;border-radius:1.6rem}
#offer .form .input .tag .bt-del{display:flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;position:absolute;top:-.6rem;right:0;color:#fff;background:#777;border-radius:1.8rem}
#offer .form .input .tag .bt-del i{font-size:1.6rem}
#offer .form .input .err{border:.1rem solid #f3132c !important}
#offer .form .input .box{display:flex;position:relative}
#offer .form .input .box:nth-child(1){margin:0}
#offer .form .input .box .bt{display:block;margin-left:.6rem;min-width:10rem;height:4.8rem;font-size:1.6rem;text-align:center;color:#fff;background:#000;border-radius:.6rem}
#offer .form .input .box .bt:focus{color:#fff;background:#3182f5}
#offer .form .input .box .bt.act{color:#fff;background:#3182f5}
#offer .form .input .box .canum{width:100%;text-align:center;border:.1rem solid #f4f4f4;background:#f4f4f4;border-radius:.8rem}
#offer .form .input .box .canum em{font-size:1.6rem;text-align:center;color:#2f2f2f}
#offer .form .input .fed{display:flex;position:absolute;margin:.4rem 0 0 0;font-size:1.4rem;color:#f3132c}
#offer .form .input .fed i{margin:0 .2rem 0 0;font-size:1.6rem;font-family:'xeicon'}
#offer .form .input .fed.relative{margin:.4rem 0 .8rem 0}
#offer .form .input .btn{padding-top:2rem}
#offer .form .input .btn .bt-login{width:100%;height:4.8rem;font-size:1.6rem;font-weight:700;color:#fff;background:#000}
#offer .form .input .btn .bt-login.act{background:#3182f5}
#offer .form .boxed{display:flex;align-items:center;position:relative;margin-bottom:1rem}
#offer .form .boxed .btn{position:absolute;top:0;right:0;display:block;width:4.5rem;height:4.5rem;font-size:2.4rem}
#offer .form .boxed .ip-txt{padding:0 1.6rem;width:100%;height:4.5rem;line-height:4.5rem;font-size:1.4rem;color:#242a38;border:.1rem solid #e8e8ec;border-radius:.4rem}
#offer .form .boxed .ip-txt:focus{border:.1rem solid #242a38;background:#f9f9f9}
#offer .form .boxed .bt-add{margin-left:.8rem;min-width:6rem;height:4.5rem;font-size:1.4rem;font-weight:600;color:#fff;background:#999;border-radius:.4rem}
#offer .form .check{display:flex;flex-wrap:wrap;align-items:center;padding:0 0 1.6rem 0}
#offer .form .check.col3 .innr{min-width:33.33%}
#offer .form .check label{font-size:1.4rem;font-weight:700;color:#545454}
#offer .form .check button{float:right;font-size:1.4rem;font-weight:400;color:#242a38;text-decoration:underline}
#offer .form .checked{display:flex;flex-wrap:wrap;align-items:center;padding:2.4rem 0}
#offer .form .chklbl{display:none}
#offer .form .chklbl + label{display:flex;align-items:center;justify-content:center;margin:0 .8rem .8rem 0;height:3.8rem;font-size:1.6rem;font-weight:700;color:#b8b8b8;border:.1rem solid #b8b8b8;background:#fff}
#offer .form .chklbl:checked + label{color:#fff;border:.1rem solid #3182f5;background:#3182f5}
#offer .form .cross{position:absolute;bottom:1.5rem;right:0;width:2rem;height:2rem;background:url("/img/member/cross.svg") no-repeat 50% 50%}
#offer .form .change{position:absolute;bottom:1.5rem;right:1.5rem;font-size:1.4rem;font-weight:400;color:#242a38}
#offer .form .feed{margin:.8rem 0 0 0;padding:0 0 0 1.6rem;font-size:1.2rem;color:#f5183d;background:url("/img/ico/ico_feed.svg") no-repeat 0 .1rem}
#offer .form .feed button{float:right;font-size:1.2rem;font-weight:400;color:#83878f;text-decoration:underline}
#offer .form .tip{padding:.6rem 0 0 0;font-size:1.2rem;color:#848b96}

#offer .fr-form{min-height:calc(100vh - 13rem)}
#offer .fr-form .fr-innr{padding:2.4rem 1.6rem;border-bottom:.6rem solid #F4F4F4}
#offer .fr-form .fr-innr:last-child{border-bottom:0}
#offer .fr-form .tit{display:flex;align-items:center;justify-content:space-between;padding-bottom:1.6rem}
#offer .fr-form .tit label{display:flex;align-items:flex-start;gap:.6rem;font-size:1.6rem;font-weight:700;color:#000}
#offer .fr-form .tit label i{margin-top:.1rem;width:.6rem;height:.6rem;background:#F3132C;border-radius:.6rem;font-size:0;overflow:hidden}
#offer .fr-form .tit em{font-size:1.4rem;color:#545454}
#offer .fr-form .tip{display:flex;align-items:center;gap:.6rem;font-size:1.2rem;color:#8a8a8a}
#offer .fr-form .tip i{font-size:1.6rem;color:#8A8A8A}
#offer .fr-form .tip + .con{margin-top:1.6rem}
#offer .fr-form .bac{margin-top:1.6rem}
#offer .fr-form .bac label{justify-content:flex-start !important}
#offer .fr-form .box{display:flex;align-items:center;gap:1rem;position:relative}
#offer .fr-form .box .won{min-width:1.4rem}
#offer .fr-form .box + .con{margin-top:1.6rem;padding-top:1.6rem;border-top:.1rem solid #E8E8E8}
#offer .fr-form .con{display:flex;align-items:center;justify-content:space-between;gap:1rem}
#offer .fr-form .con strong{min-width:5rem}
#offer .fr-form .sal{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2rem}
#offer .fr-form .sal strong{min-width:5rem}
#offer .fr-form .sal .per strong{padding-right:.4rem;font-size:1.8rem;color:#3182F5}
#offer .fr-form .set{width:100%}
#offer .fr-form .ip-txt{padding:0 1.6rem;width:100%;height:5rem;font-size:1.6rem;color:#000;border:.1rem solid #CDCDCD;background:#fff;border-radius:.8rem}
#offer .fr-form .ip-txt:focus{border:.1rem solid #3182f5}
#offer .fr-form .ip-txt::placeholder{color:#8a8a8a}
#offer .fr-form .tx-txt{padding:1.6rem;width:100%;height:4.8rem;font-size:1.6rem;color:#000;border:.1rem solid #CDCDCD;background:#fff;border-radius:.8rem;resize:none}
#offer .fr-form .tx-txt:focus{border:.1rem solid #3182f5}
#offer .fr-form .tx-txt::placeholder{color:#8a8a8a}
#offer .fr-form .set{display:flex;align-items:center;height:5rem;border:.1rem solid #cdcdcd;background:#fff;border-radius:.8rem}
#offer .fr-form .set input{display:none}
#offer .fr-form .set label{display:flex;align-items:center;justify-content:center;width:100%;height:5rem;font-size:1.6rem;font-weight:700;color:#9A9A9A;border-radius:.8rem}
#offer .fr-form .set input:checked + label{color:#fff;background:#3182F5}
#offer .fr-form .opt{margin-top:2rem;border:.2rem solid #E8E8E8;border-radius:1rem}
#offer .fr-form .opt .tit{display:flex;align-items:flex-start;flex-direction:column;gap:1.6rem;padding:2rem}
#offer .fr-form .opt .tit h4{display:flex;align-items:center;justify-content:space-between;width:100%}
#offer .fr-form .opt .tit h4 strong{display:flex;align-items:center;gap:.4rem}
#offer .fr-form .opt .tit h4 i{display:flex;align-items:center;justify-content:center;min-width:1.9rem;height:1.8rem;font-size:1.4rem;font-weight:700;color:#fff;background:#3182F5}
#offer .fr-form .opt .tit h4 button{font-size:1.6rem;text-decoration:underline}
#offer .fr-form .opt .con{flex-direction:column;gap:0}
#offer .fr-form .opt .con h5{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem;font-size:1.6rem}
#offer .fr-form .opt .con h5 i{font-weight:700}
#offer .fr-form .opt .box{min-width:100%}
#offer .fr-form .opt .box label{justify-content:flex-start}
#offer .fr-form .opt .box + h5{margin-top:1.8rem}
#offer .fr-form .opt .innr{padding:2rem;min-width:100%;border-top:.2rem solid #E8E8E8}
#offer .fr-form .opt .bt-del{font-size:1.8rem}
#offer .fr-form .opt .fot{padding:2rem;border-top:.2rem solid #E8E8E8}
#offer .fr-form .opt .btn{display:flex;align-items:center;justify-content:center;padding-bottom:2rem}
#offer .fr-form .opt .inp{display:flex;align-items:center;justify-content:flex-start;gap:1rem;padding-top:1.6rem}
#offer .fr-form .opt .inp .ip-txt{width:11.5rem}
#offer .fr-form .opt .bt-add{font-size:1.6rem;font-weight:700;color:#3182F5}
#offer .fr-form .chk{display:none}
#offer .fr-form .chk + label{display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:400;color:#545454}
#offer .fr-form .chk + label:before{content:"";display:block;margin-right:.6rem;width:1.8rem;height:1.8rem;border:.1rem solid #E7E7E7;background:#E7E7E7;border-radius:.2rem}
#offer .fr-form .chk:checked + label:before{content:"";border:.1rem solid #3182f5;background:#3182f5 url("/img/user/chk-ck1.svg") no-repeat 50% 50%;background-size:1rem auto}
#offer .fr-form .button{display:flex;align-items:center;gap:1rem;padding-top:1.8rem}
#offer .fr-form .button .bt{display:block;width:100%;height:5rem;font-size:1.5rem;font-weight:700;text-align:center;border-radius:.8rem}
#offer .fr-form .bt-option{color:#fff;border:.1rem solid #2F2F2F;background:#2F2F2F}
#offer .fr-form .bt-basic{color:#2F2F2F;border:.1rem solid #2F2F2F;border-left:.1rem solid #2F2F2F !important;background:#fff}
#offer .fr-form .bt-gray{min-width:14rem;height:4.8rem;font-size:1.6rem;font-weight:700;color:#9A9A9A;border:.1rem solid #E9E9E9;background:#E9E9E9;border-radius:.8rem}
#offer .fr-form .phoadd{padding:1.6rem 0 0 0}
#offer .fr-form .phoadd label{position:relative;display:block;padding:0 0 .8rem 0;font-size:1.4rem;font-weight:700;color:#242a38}
#offer .fr-form .phoadd label i{padding:0 .2rem;color:#3182f5}
#offer .fr-form .phoadd .swiper-wrapper{padding:.6rem 0 1.2rem 0;overflow-x:auto}
#offer .fr-form .phoadd .swiper-slide{margin-right:.8rem;width:auto !important}
#offer .fr-form .phoadd .lot{position:absolute;top:.2rem;right:0;font-size:1.4rem;font-weight:500;color:#999}
#offer .fr-form .phoadd .area{position:relative;padding:1rem;font-size:1.4rem;border:.1rem solid #ccc;border-radius:.4rem}
#offer .fr-form .phoadd .area button{position:absolute;top:-.5rem;right:-.5rem;width:2rem;height:2rem;background:url("/img/ico/cross_red.svg") no-repeat 50% 50% / 100% auto}
#offer .fr-form .phoadd .area button span{display:none}
#offer .fr-form .phoadd .img{position:relative}
#offer .fr-form .phoadd .image{display:block;width:10rem;height:10rem;background-color:#000;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:.6rem;overflow:hidden}
#offer .fr-form .phoadd .bt-del{position:absolute;top:-.6rem;right:-.6rem;width:2.2rem;height:2.2rem;background:#fff url("/img/user/bt-img-del.svg") no-repeat 50% 50%;background-size:2.4rem auto;border-radius:2.4rem}
#offer .fr-form .phoadd .bt-del span{display:none}
#offer .fr-form .phoadd .bt-shift{display:block;width:100%;height:2.4rem;background:url("/img/user/ico-shift.svg") no-repeat 50% 50%}
#offer .fr-form .phoadd .bt-shift span{display:none}
#offer .fr-form .phoadd .add{display:flex;align-items:center;justify-content:center;width:10rem;height:10rem;border:.1rem solid #D6D6D6;border-radius:.6rem}
#offer .fr-form .phoadd .add button{text-align:center;color:#2f2f2f}
#offer .fr-form .phoadd .add i{font-size:2.4rem;color:#7E7E7E}
#offer .fr-form .phoadd .bt-change{display:flex;align-items:center;justify-content:center;gap:.6rem;position:absolute;bottom:0;right:0;left:0;height:2.6rem;font-size:1.2rem;text-align:center;color:#fff;background:#00000075;border-radius:0 0 1rem 1rem}
#offer .fr-form .phoadd .bt-change i{font-size:1.6rem}
#offer .fr-form .date{gap:.4rem}
#offer .fr-form .date input{padding:0 1.2rem;width:100%;height:4.5rem;line-height:4.5rem;font-size:1.4rem;color:#242a38;border:.1rem solid #e8e8ec;border-radius:.4rem}
#offer .fr-form .date input:focus{border:.1rem solid #242a38;background:#f9f9f9}
#offer .fr-form .date span{min-width:2rem;text-align:center}
#offer .fr-form .box + .kyw{margin-top:1.6rem}
#offer .fr-form .kyw .chk-kyword{display:none}
#offer .fr-form .kyw .chk-kyword + label{display:flex;align-items:center;padding:0 1.2rem;height:3.6rem;font-size:1.4rem;font-weight:300;border:.1rem solid #E9E9E9;background:#fff;border-radius:.4rem}
#offer .fr-form .kyw .chk-kyword:checked + label{font-weight:700;color:#fff;border:.1rem solid #9A9A9A;background:#9A9A9A}
#offer .fr-form .kyw{display:flex;flex-wrap:wrap;gap:1rem}
#offer .fr-form .kyw .item{display:flex;align-items:center;position:relative;padding:0 1.2rem;height:3.6rem;font-size:1.4rem;font-weight:700;color:#fff;border:.1rem solid #555;background:#555;border-radius:.4rem}
#offer .fr-form .kyw .bt-del{position:absolute;top:-.6rem;right:-.6rem;min-width:2rem;height:2rem;background:#fff url("/img/user/bt-img-del.svg") no-repeat 50% 50%;background-size:2rem auto;border-radius:2.4rem}
#offer .fr-form .kyw .bt-del span{display:none}
#offer .fr-form .bt-add{display:block;min-width:10rem;height:5rem;font-size:1.6rem;font-weight:700;color:#fff;border:.1rem solid #545454;background:#545454;border-radius:.8rem}
#offer .fr-form .bt-add.act{border:.1rem solid #3182F5;background:#3182F5}
#offer .ft{position:sticky;z-index:1000;bottom:0;background:#fff;box-shadow: rem -.1rem 1rem rgb(0 0 0 / 10%)}
#offer .ft .button{display:flex;align-items:center;gap:1rem;padding:0 1.6rem;height:8rem;background:#fff}
#offer .ft .button .bt{display:block;width:100%;height:5rem;font-size:1.6rem;font-weight:700;text-align:center;border-radius:.8rem}
#offer .ft .bt-order{color:#fff;border:.1rem solid #545454;background:#545454}
#offer .ft .bt-order.act{border:.1rem solid #3182f5;background:#3182f5}
#offer .ft .bt-entry{color:#545454;border:.1rem solid #545454;background:#fff}
#offer .ft .bt-entry.act{color:#3182F5;border:.1rem solid #3182F5;background:#fff}
#offer .ft .bt-okay{color:#fff;border:.1rem solid #545454;background:#545454}
#offer .ft .bt-okay.act{border:.1rem solid #3182F5;background:#3182F5}
#offer .ft .bt-delete{min-width:13rem;width:auto !important;color:#3182F5;border:.1rem solid #3182F5;background:#fff}
#offer .ft .bt-delete.act{border:.1rem solid #3182F5;background:#fff}
#offer .ft .bt-save{color:#fff;border:.1rem solid #3182F5;background:#3182F5}
#offer .ft .bt-save.act{border:.1rem solid #3182F5;background:#3182F5}

#ktplay .nw-prod{padding:1.5rem}
#ktplay .nw-prod .item{display:block;margin:0 .8rem 2.4rem 0}
#ktplay .nw-prod .item .img{display:block;margin:0 !important;position:relative;border-radius:0rem;overflow:hidden}
#ktplay .nw-prod .item .img .ht{position:absolute;z-index:2;bottom:1rem;right:1rem;display:block;width:3.2rem;height:3.2rem}
#ktplay .nw-prod .item .chk-ht,
#ktplay .nw-prod .item .chk-ht + label em{display:none}
#ktplay .nw-prod .item .chk-ht + label{display:block;width:3.2rem;height:3.2rem;background:url("/img/user/chk-ht1.svg") no-repeat 50% 50%}
#ktplay .nw-prod .item .chk-ht:checked + label{background-image:url("/img/user/chk-ht2.svg") !important}
#ktplay .nw-prod .item .img.act{border-radius:0}
#ktplay .nw-prod .item .img.act .opt{position:static !important;margin-left:0}
#ktplay .nw-prod .item .img.act .opt i{position:static !important}
#ktplay .nw-prod .item .dongne.act .opt{margin-left:1.6rem}
#ktplay .nw-prod .item .img.none{padding:0 0 100% 0 !important;background:#eee url("/img/none/none.jpg") no-repeat 50% 50% / 50% auto}
#ktplay .nw-prod .item .title{padding:2rem}
#ktplay .nw-prod .item .img img{display:block;width:auto;max-width:100%;height:auto;object-fit:cover}
#ktplay .nw-prod .item .img time{position:absolute;bottom:0;right:0;left:0;line-height:2.5rem;font-size:1.2rem;text-align:center;color:#fff;background:rgba(0,0,0,.8)}
#ktplay .nw-prod .item .box .txt{padding:1rem 0 0 0}
#ktplay .nw-prod .item .lab .news{display:inline-block;padding:.5rem 1rem;font-size:1.2rem;color:#fff;background:#ff6767;border-radius:.4rem}
#ktplay .nw-prod .item .lab .even{display:inline-block;padding:.5rem 1rem;font-size:1.2rem;color:#fff;background:#3c9c5e;border-radius:.4rem}
#ktplay .nw-prod .item .lab .md{position:absolute;z-index:2;top:1rem;left:1rem;display:block;width:4.5rem;height:4.5rem;background:url("/img/ico/ico_md.svg") no-repeat 50% 50%}
#ktplay .nw-prod .item .lab .ck{position:absolute;z-index:2;top:1rem;left:1rem;display:block;width:3.2rem;height:3.2rem}
#ktplay .nw-prod .item .lab .rb{position:absolute;z-index:2;top:.5rem;left:.5rem;display:flex;align-items:center;justify-content:center;width:5rem;height:2.7rem;font-size:1.4rem;font-weight:700; color:#545454;background:rgb(255 255 255 / 80%);border-radius:2rem}
#ktplay .nw-prod .item .lab .rb.act{color:#3182F5 !important;background:rgb(255 255 255 / 80%) !important}
#ktplay .nw-prod .item .lab .ht{position:absolute;z-index:2;bottom:1.3rem;right:1.3rem;display:block;width:2.2rem;height:2.2rem}
#ktplay .nw-prod .item .lab .act{color:#fff !important;background:#3182f5 !important}
#ktplay .nw-prod .item .sns{position:relative;margin:.6rem 0 1.2rem 0}
#ktplay .nw-prod .item .sns i{display:inline-block;width:3rem;height:3rem;vertical-align:middle}
#ktplay .nw-prod .item .sns em{display:inline-block;margin:0 1rem 0 0;font-size:1.4rem;vertical-align:middle}
#ktplay .nw-prod .item .sns .heart{position:absolute;top:0;right:0;margin:0 !important}
#ktplay .nw-prod .item .sns .heart span{display:none;line-height:1;font-size:1rem}
#ktplay .nw-prod .item .val{padding:0 0 1rem 0;font-size:1rem;color:#83878f}
#ktplay .nw-prod .item .box{padding:1rem 0}
#ktplay .nw-prod .item .box .ico{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}
#ktplay .nw-prod .item .box .ico i{display:inline-block;width:3rem;height:3rem;vertical-align:middle}
#ktplay .nw-prod .item .box .ico em{display:inline-block;margin:0 1rem 0 0;font-size:1.4rem;font-weight:800;vertical-align:middle}
#ktplay .nw-prod .item .box .tit em{display:block;padding:0 0 .5rem 0;font-size:1.2rem;font-weight:700;color:#2f2f2f}
#ktplay .nw-prod .item .box .tit span{display:block;font-size:1.4rem;font-weight:400;word-break:break-all;color:#2f2f2f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .nw-prod .item .box .tit a{display:block;font-size:1.4rem;word-break:break-all}
#ktplay .nw-prod .item .box .txt a{display:block;line-height:1.4;font-size:1.7rem}
#ktplay .nw-prod .item .box .txt span{display:inline-block;padding:0 .5rem;font-size:1.2rem;font-weight:700;color:#999}
#ktplay .nw-prod .item .box .prc{display:flex;align-items:center}
#ktplay .nw-prod .item .box .prc.between{/*justify-content:space-between*/}
#ktplay .nw-prod .item .box .prc strong.sale{padding:0 1rem 0 0;font-size:1.6rem;font-weight:700;color:#3182f5}
#ktplay .nw-prod .item .box .prc strong{line-height:1.4;font-size:2rem;color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .nw-prod .item .box .prc strong + strong{padding:0 0 0 .5rem}
#ktplay .nw-prod .item .box .prc span{font-size:1.4rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .nw-prod .item .box .prc del{font-size:1.4rem;color:#83878f}
#ktplay .nw-prod .item .box .prc .sale{color:#3182f5}
#ktplay .nw-prod .item .box .prc .pce + span{padding:0 1.2rem 0 .2rem}
#ktplay .nw-prod .item .box .sal{display:flex;align-items:center;text-decoration:line-through}
#ktplay .nw-prod .item .box .sal strong{font-size:1.4rem;color:#8f8f8f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .nw-prod .item .box .sal span{font-size:1.4rem;color:#8f8f8f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .nw-prod .item .box .etc{padding:1rem 0 0 0;font-size:0}
#ktplay .nw-prod .item .box .etc span{display:inline-block;padding:0 .8rem 0 0;vertical-align:middle}
#ktplay .nw-prod .item .box .etc i{display:inline-block;font-size:1.8rem;color:#4a4a4a;vertical-align:middle}
#ktplay .nw-prod .item .box .etc em{display:inline-block;padding:0 .4rem;font-size:1.4rem;vertical-align:middle;color:#83878f}
#ktplay .nw-prod .item .box .stt{display:flex;align-items:center}
#ktplay .nw-prod .item .box .stt span{padding:0 0 0 1rem;font-size:1.2rem;font-weight:700;color:#f2c126;background:url("/img/user/ico-star.svg") no-repeat 0 50%}
#ktplay .nw-prod .item .box .stt em{padding:0 .2rem;font-size:1.2rem;vertical-align:middle;color:#ababab}
#ktplay .nw-prod .item .box .abt{display:flex;align-items:center;padding:.4rem 0;font-size:1.5rem}
#ktplay .nw-prod .item .box .abt strong{color:#2F2F2F}
#ktplay .nw-prod .item .box .dey{display:flex;align-items:center;gap:.6rem;padding-top:.6rem}
#ktplay .nw-prod .item .box .dey .dy{display:flex;align-items:center;justify-content:center;position:relative;z-index:2;min-width:4.1rem;height:2.4rem;font-size:1.2rem;font-weight:700;text-align:center;background-color:#fff}
#ktplay .nw-prod .item .box .dey .dy1{border:.1rem solid;border-image:linear-gradient(90deg, #6256ED 0%, #55A3FF 100%);border-image-slice:1}
#ktplay .nw-prod .item .box .dey .dy1 span{background:linear-gradient(90deg, #6256ED 0%, #55A3FF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#ktplay .nw-prod .item .box .dey .dy2{color:#fff;background:linear-gradient(90deg, #6256ED 0%, #55A3FF 100%)}
#ktplay .nw-prod .item .box .dey .dy3{color:#fff;background:linear-gradient(90deg, #55A3FF 0%, #1FDB5F 100%)}
#ktplay .nw-prod .item .xi-thumbs-up,
#ktplay .nw-prod .item .xi-heart{color:#3182f5 !important}
#ktplay .nw-prod .item .numb{position:relative;display:inline-block;margin:0 0 0 .8rem;padding:0 0 0 .8rem;font-size:1.2rem;vertical-align:middle;color:#83878f}
#ktplay .nw-prod .item .numb:before{content:'';position:absolute;top:.3rem;left:0;width:.1rem;height:1rem;background:#ededed}
#ktplay .nw-prod .item .stt{padding:.5rem 0}
#ktplay .nw-prod .item .stt span{display:inline-block;margin:0 .4rem 0 0;padding:.2rem .6rem;font-size:1.2rem;vertical-align:middle;border-radius:.4rem}
#ktplay .nw-prod .item .stt .stt1{color:#fff;background:#3182f5}
#ktplay .nw-prod .item .stt .stt2{color:#fff;background:#3182f5}

#ktplay .nw-prod.white{background:#fff}
#ktplay .nw-prod.col2{display:flex;flex-wrap:wrap;margin:0 -1.5rem 0 0}
#ktplay .nw-prod.col2 .inner{width:50%}
#ktplay .nw-prod.col2 .item{margin:0 1.5rem 2rem 0}
#ktplay .nw-prod.col2 .ht{position:absolute;z-index:2;bottom:1rem;right:1rem;display:block;width:3.2rem;height:3.2rem}
#ktplay .nw-prod.col2 .ck{position:absolute;z-index:2;top:1rem;left:1rem;display:block;width:3.2rem;height:3.2rem}
#ktplay .nw-prod.col2 .chk-ht,
#ktplay .nw-prod.col2 .chk-ht + label em{display:none}
#ktplay .nw-prod.col2 .chk-ht + label{display:block;width:3.2rem;height:3.2rem;background:url("/img/user/chk-ht1.svg") no-repeat 50% 50%}
#ktplay .nw-prod.col2 .chk-ht:checked + label{background-image:url("/img/user/chk-ht2.svg") !important}
#ktplay .nw-prod.col2 .chk-ck,
#ktplay .nw-prod.col2 .chk-ck + label em{display:none}
#ktplay .nw-prod.col2 .chk-ck + label{display:block;width:2rem;height:2rem;background-color:#fff}
#ktplay .nw-prod.col2 .chk-ck:checked + label{background:#3182f5 url("/img/user/chk-ck1.svg") no-repeat 50% 50%}
#ktplay .nw-prod.col2 + .button{display:flex;align-items:center;position:sticky;z-index:10;bottom:0;padding:0 1.6rem;width:100%;height:8rem;background:#fff}
#ktplay .nw-prod.col2 + .button .bt-order{display:block;width:100%;height:4.6rem;font-size:1.6rem;font-weight:500;text-align:center;color:#cdcdcd;border:.1rem solid #000;background:#000}
#ktplay .nw-prod.col2 + .button .bt-order.act{color:#fff;border:.1rem solid #3182f5;background:#3182f5}
#ktplay .nw-prod.col2 .item .img{display:block;position:relative;border-radius:0;overflow:hidden}
#ktplay .nw-prod.col2 .item .img .out{display:flex;align-items:center;justify-content:center;position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:rgb(0 0 0 / 40%)}
#ktplay .nw-prod.col2 .item .img .out strong{font-size:1.6rem;color:#fff}
#ktplay .nw-prod.col2 .item .img .ht{position:absolute;z-index:2;bottom:.5rem;right:1rem;display:block;width:2.2rem;height:2.2rem}
#ktplay .nw-prod.col2 .item .img .chk-ht,
#ktplay .nw-prod.col2 .item .img .chk-ht + label em{display:none}
#ktplay .nw-prod.col2 .item .img .chk-ht + label{display:block;width:3.2rem;height:3.2rem;background:url("/img/user/chk-ht1.svg") no-repeat 50% 50%}
#ktplay .nw-prod.col2 .item .img .chk-ht:checked + label{background-image:url("/img/user/chk-ht2.svg") !important}
#ktplay .nw-prod.col2 .item .img.none{padding:0 0 100% 0 !important;background:#eee url("/img/none/none.jpg") no-repeat 50% 50% / 50% auto}
#ktplay .nw-prod.col2 .item .box{display:flex;flex-direction:column;gap:.5rem;width:100%;overflow:hidden}
#ktplay .nw-prod.col2 .item .box .cop{display:block;font-size:1.2rem;font-weight:400;word-break:break-all;color:#2f2f2f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .nw-prod.col2 .item .box .cop span{display:block;font-size:1.4rem;font-weight:400;word-break:break-all;color:#2f2f2f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .nw-prod.col2 .item .box .cop i{font-size:1.2rem}
#ktplay .nw-prod.col2 .item .box .pce{display:flex;align-items:center;gap:1rem}
#ktplay .nw-prod.col2 .item .box .pce ins{font-size:1.6rem;color:#2f2f2f;text-decoration:none}
#ktplay .nw-prod.col2 .item .box .pce del{font-size:1.2rem;color:#aeaeae}
#ktplay .nw-prod.col2 .item .box .loc{display:flex;align-items:center;gap:.5rem;font-size:1.4rem}
#ktplay .nw-prod.col2 .item .box .loc em{font-weight:500;color:#F7D25D}
#ktplay .nw-prod.col2 .item .box .tit{display:block;font-size:1.6rem;font-weight:700;word-break:break-all;color:#2f2f2f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .nw-prod.col2 .item .box .str{display:flex;align-items:center;gap:1rem}
#ktplay .nw-prod.col2 .item .box .str .sale{font-size:1.6rem;font-weight:700;color:#3182F5}
#ktplay .nw-prod.col2 .item .box .str .star{display:flex;align-items:center;gap:.2rem;font-size:1.4rem;font-weight:400;color:#545454}
#ktplay .nw-prod.col2 .item .box .str .star i{display:block;width:1.8rem;height:1.8rem;background:url("/img/etc/ico-nwstar.svg") no-repeat 50% 50%;background-size:cover;border-radius:1.8rem}
#ktplay .nw-prod.col2 .item .box .str .star.none{color:#545454}
#ktplay .nw-prod.col2 .item .box .str .star.none i{background-image:url("/img/etc/ico-nwstar-none.svg")}
#ktplay .nw-prod.col2 .locl{display:block;width:1rem;height:1.8rem;background:url("/img/ico/ico-locl.svg") no-repeat 50% 50%}
#ktplay .nw-prod.col2 .pick{display:block;width:1rem;height:1.8rem;background:url("/img/ico/ico-pick.svg") no-repeat 50% 50%}

#ktplay .nw-prod.row1{display:flex;flex-wrap:wrap;align-content:flex-start;gap:2.4rem;margin:0;padding:1.6rem;padding-bottom:6.4rem}
#ktplay .nw-prod.row1 .item{display:flex;align-items:flex-start;gap:1.2rem;position:relative;margin:0 !important}
#ktplay .nw-prod.row1 .inner{width:100%}
#ktplay .nw-prod.row1 .item .lab .rb{position:absolute;z-index:2;top:.5rem;left:.5rem;display:flex;align-items:center;justify-content:center;width:5rem;height:2.8rem;font-size:1.4rem;font-weight:700;color:#3182F5;background:rgb(255 255 255 / 80%);border-radius:2rem}
#ktplay .nw-prod.row1 .item .lab .ht{position:absolute;z-index:2;bottom:0 !important;right:0 !important;display:block;width:2.4rem !important;height:2.4rem !important}
#ktplay .nw-prod.row1 .item .lab .ht .ckheart + label:before{width:2.4rem;height:2.4rem;background:url(/img/user/chk-heart.svg) no-repeat 50% 50%;background-size:100% auto}
#ktplay .nw-prod.row1 .item .lab .ht .ckheart:checked + label:before{background:url(/img/user/chk-heart-act.svg) no-repeat 50% 50% !important;background-size:100% auto}
#ktplay .nw-prod.row1 .ck{position:absolute;z-index:2;top:1rem;left:1rem;display:block;width:3.2rem;height:3.2rem}
#ktplay .nw-prod.row1 .chk-ht,
#ktplay .nw-prod.row1 .chk-ht + label em{display:none}
#ktplay .nw-prod.row1 .chk-ht + label{display:block;width:3.2rem;height:3.2rem;background:url("/img/user/chk-ht1.svg") no-repeat 50% 50%}
#ktplay .nw-prod.row1 .chk-ht:checked + label{background-image:url("/img/user/chk-ht2.svg") !important}
#ktplay .nw-prod.row1 .chk-ck,
#ktplay .nw-prod.row1 .chk-ck + label em{display:none}
#ktplay .nw-prod.row1 .chk-ck + label{display:block;width:2rem;height:2rem;background-color:#fff}
#ktplay .nw-prod.row1 .chk-ck:checked + label{background:#3182f5 url("/img/user/chk-ck1.svg") no-repeat 50% 50%}
#ktplay .nw-prod.row1 + .button{display:flex;align-items:center;position:fixed;z-index:10;bottom:0;padding:0 1.6rem;width:100%;height:8rem;background:#fff}
#ktplay .nw-prod.row1 + .button .bt-order{display:block;width:100%;height:4.6rem;font-size:1.6rem;font-weight:500;color:#fff;text-align:center;border:.1rem solid #3182f5;background:#3182f5}
#ktplay .nw-prod.row1 .item .img{position:static !important;min-width:13.2rem}
#ktplay .nw-prod.row1 .item .img .image:before{background:linear-gradient(180deg, rgb(0 0 0 / 0) 0%, rgb(0 0 0 / 0) 0%)}
#ktplay .nw-prod.row1 .item .img .image{position:relative;width:13rem;height:14rem;padding:0 !important}
#ktplay .nw-prod.row1 .item .box{display:flex;flex-direction:column;justify-content:space-between;padding:0 !important;height:14.2rem}
#ktplay .nw-prod.row1 .item .box .tit em{font-size:1.4rem;font-weight:400}
#ktplay .nw-prod.row1 .item .box .tit span{display:block;padding-top:.4rem;height:5rem;line-height:1.4;font-size:1.6rem;font-weight:700;color:#000;white-space:normal !important}
#ktplay .nw-prod.row1 .item .box .tit a{display:block;font-size:1.2rem;word-break:break-all}
#ktplay .nw-prod.row1 .item .box .txt a{display:block;line-height:1.4;font-size:1.3rem}
#ktplay .nw-prod.row1 .item .box .txt span{display:inline-block;padding:0 .5rem;font-size:1.2rem;font-weight:700;color:#999}
#ktplay .nw-prod.row1 .item .box .prc{display:flex;align-items:center}
#ktplay .nw-prod.row1 .item .box .prc.between{justify-content:space-between}
#ktplay .nw-prod.row1 .item .box .prc strong.sale{position:absolute;bottom:0;left:8.4rem;display:flex;align-items:center;justify-content:center;padding:0 !important;min-width:4.7rem;height:2.8rem;font-size:1.4rem !important;font-weight:700;color:#fff !important;background:#000;border-radius:.8rem 0 0 0}
#ktplay .nw-prod.row1 .item .box .prc strong{line-height:1.4;font-size:2.4rem;color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .nw-prod.row1 .item .box .prc strong + strong{padding:0 0 0 .5rem}
#ktplay .nw-prod.row1 .item .box .prc span{font-size:1.4rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .nw-prod.row1 .item .box .prc del{font-size:1.4rem;color:#83878f}
#ktplay .nw-prod.row1 .item .box .prc .sale{color:#3182f5}
#ktplay .nw-prod.row1 .item .box .prc .pce + span{padding:0 1.2rem 0 .2rem}
#ktplay .nw-prod.row1 .item .box .sal{display:flex;align-items:center;text-decoration:line-through}
#ktplay .nw-prod.row1 .item .box .sal strong{font-size:1.4rem;color:#8f8f8f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .nw-prod.row1 .item .box .sal span{font-size:1.4rem;color:#8f8f8f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .nw-prod.row1 .item .box .etc{padding:1rem 0 0 0;font-size:0}
#ktplay .nw-prod.row1 .item .box .etc span{display:inline-block;padding:0 .8rem 0 0;vertical-align:middle}
#ktplay .nw-prod.row1 .item .box .etc i{display:inline-block;font-size:1.8rem;color:#4a4a4a;vertical-align:middle}
#ktplay .nw-prod.row1 .item .box .etc em{display:inline-block;padding:0 .4rem;font-size:1.4rem;vertical-align:middle;color:#83878f}
#ktplay .nw-prod.row1 .item .box .str{display:flex;align-items:center;position:absolute;bottom:3.4rem;padding:0 !important}
#ktplay .nw-prod.row1 .item .box .str span{padding:0 0 0 1rem;font-size:1.2rem;font-weight:700;color:#3182f5;background:url("/img/user/ico-star.svg") no-repeat 0 50%}
#ktplay .nw-prod.row1 .item .box .str em{padding:0 .2rem;font-size:1.2rem;vertical-align:middle;color:#ababab}












































#ktplay .foot{padding-top:1.6rem}
#ktplay .foot .khbtn{display:flex;align-items:center;gap:1rem}
#ktplay .foot .khbtn .inr{width:100%}
#ktplay .foot .khbtn .bt{width:100%;height:4.6rem;font-size:1.6rem;font-weight:500;text-align:center;color:#333;border:.1rem solid #ccc;background:#eee;border-radius:.4rem}
#ktplay .foot .khbtn .bt-okay{color:#3182f5;border:.1rem solid #eff6fa;background:#eff6fa}
#ktplay .foot .khbtn .bt-save{color:#3182f5;border:.1rem solid #eff6fa;background:#eff6fa}

#footer .scrbtn{display:flex;flex-direction:column;align-items:center;gap:.4rem;position:absolute;bottom:9rem;right:1.6rem}
#footer .scrbtn .bt{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;background:#fff;box-shadow:0 .2rem .6rem rgba(0, 0, 0, .08);border-radius:3.6rem}
#footer .scrbtn .bt i{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}
#footer .scrbtn .bt-top i{background:url("/img/user/scr-top.svg") no-repeat 50% 50%}
#footer .scrbtn .bt-dow i{background:url("/img/user/scr-dow.svg") no-repeat 50% 50%}

#ktplay .kt-option .inner{border-bottom:.1rem solid #E8E8E8}
#ktplay .kt-option .tit{padding-bottom:1.6rem}
#ktplay .kt-option .tit h4{display:flex;align-items:center;gap:.6rem;font-size:1.6rem;}
#ktplay .kt-option .tit h4:before{content:'';display:flex;width:.5rem;height:.5rem;background:#000}
#ktplay .kt-option .txt{display:block;padding:1rem;width:100%;height:20rem;font-size:1.5rem;border:.1rem solid #eee;resize:none}
#ktplay .kt-option .item{padding:1.6rem 0;font-size:1.6rem;color:#222}
#ktplay .kt-option .item .innr{display:flex;align-items:center}
#ktplay .kt-option .item .innr + .innr{padding-top:1.6rem}
#ktplay .kt-option .innr .itm{display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0;width:100%}
#ktplay .kt-option .innr .itm strong{display:flex;align-items:flex-start;gap:1rem;font-size:1.4rem;font-weight:300;}
#ktplay .kt-option .innr .itm ins{padding-left:1rem;min-width:12rem;font-size:1.5rem;font-weight:300;text-align:right;text-decoration:none}
#ktplay .kt-option .ip-itm{display:none}
#ktplay .kt-option .ip-itm + label strong:before{content:'';display:flex;min-width:2.4rem;height:2.4rem;background:#E7E7E7}
#ktplay .kt-option .ip-itm:checked + label strong:before{content:'';display:flex;width:2.4rem;height:2.4rem;background:#3182F5 url("/img/user/chk-ck1.svg") no-repeat 50% 50%}

input.ip-dat[type='date']::before{content:attr(data-placeholder);width:100%}
input.ip-dat[type='date']:focus::before,
input.ip-dat[type='date']:valid::before{display:none}

input.ipt[type='date']::before{content:attr(data-placeholder);width:100%}
input.ipt[type='date']:focus::before,
input.ipt[type='date']:valid::before{display:none}

.gap16{display:flex;flex-direction:column;gap:1.6rem}
.hide{display:none}

.mhc100{min-height:calc(100vh - 10rem)}
.mhc200{min-height:calc(100vh - 20rem)}
.mhc300{min-height:calc(100vh - 30rem)}
.mhc400{min-height:calc(100vh - 40rem)}
.mhc500{min-height:calc(100vh - 50rem)}
.mhc600{min-height:calc(100vh - 60rem)}
.mhc700{min-height:calc(100vh - 70rem)}
.mhc800{min-height:calc(100vh - 80rem)}
.mhc900{min-height:calc(100vh - 90rem)}

#header.sclldw{}
/*#header.scllup{top:-10.3rem}*/
#footer.sclldw{}
/*#footer.scllup{bottom:-7rem}*/
#footer.sticky{position:-webkit-sticky;position:sticky !important}

#footer .nvbtn{position:absolute;top:-7rem;right:1.6rem}
#footer .nvbtn .bt-wrt i{display:block;width:5.8rem;height:5.8rem;background:#3182f5 url("/img/user/bt-plus.svg") no-repeat 50% 50%;border-radius:5.8rem/*;box-shadow:0 0 1.5rem 0 rgb(49 130 245 / 35%)*/}

#hero-head{position:-webkit-sticky;position:sticky;z-index:99;top:0;background:#fff;transition:all .3s}
#hero-head *{}
#ktplay .swp-cnt-dp2{min-height:calc(100vh - 20rem)}
#ktplay .swp-cnt-dp3{min-height:100vh}

#ktplay .prod.swip{display:flex;flex-wrap:wrap;margin:0 -1.6rem 0 0;padding:1.6rem}
#ktplay .prod.swip .inner{display:block;width:50%}
#ktplay .khwrap .khwrap{margin:0 0 2.4rem 0 !important;padding:0 !important}
#ktplay .event-write{padding:1.6rem 0}
#ktplay .event-write .input + .input{margin-top:2.4rem}
#ktplay .event-write .input > label{}
#ktplay .event-write .boxed{display:flex;align-items:center;position:relative;margin:1rem 0}
#ktplay .event-write .boxed .btn{position:absolute;top:0;right:0;display:block;width:4.5rem;height:4.5rem;font-size:2.4rem}
#ktplay .event-write .boxed .bt-add{margin-left:.8rem;min-width:6rem;height:4.5rem;font-size:1.4rem;font-weight:600;color:#fff;background:#999;border-radius:.4rem}
#ktplay .event-write .prdadd label{position:relative;display:block;padding:0 0 1rem 0;font-size:1.4rem;font-weight:600;color:#242a38}
#ktplay .event-write .keyword{padding:1.6rem 0}
#ktplay .event-write .keyword .tit{position:relative;display:flex;align-items:center;padding:0 1.6rem 1.6rem 1.6rem;font-size:1.4rem;font-weight:600;color:#242a38}
#ktplay .event-write .keyword .tit span{padding-right:.4rem}
#ktplay .event-write .keyword .tit i{display:none;font-size:1.8rem;color:#3FB074}
#ktplay .event-write .keyword .tag{padding:0 1.6rem}
#ktplay .event-write .tag{display:flex;flex-wrap:wrap}
#ktplay .event-write .tag .innr{position:relative;padding:0 .4rem .4rem 0}
#ktplay .event-write .tag .bt-kywd{padding:0 1.2rem;height:3.4rem;color:#3FB074;border:.1rem solid #3FB074;border-radius:1.6rem}
#ktplay .event-write .tag .bt-del{position:absolute;top:-.6rem;right:0}
#ktplay .event-write .tag .bt-del i{display:block;width:1.8rem;height:1.8rem;font-size:1.7rem;color:#fff;background:#777;border-radius:1.8rem}
#ktplay .event-write .add{padding:1.6rem}
#ktplay .event-write .add .ip-txt{width:100%}
#ktplay .event-write .tlk{display:flex;align-items:center;justify-content:center;margin:0 1.6rem;padding:0 1.6rem;background:#F4F3E7;border-radius:.4rem}
#ktplay .event-write .tlk button{height:4.6rem;font-size:1.4rem;font-weight:600}
#ktplay .event-write .chkkwd{display:none}
#ktplay #write .event-write .chkkwd + label{position:relative;display:block;padding:0 1rem;height:4rem;line-height:4rem;font-size:1.4rem;font-weight:400;border:.1rem solid #ccc;background:#fff;border-radius:.4rem;cursor:pointer}
#ktplay #write .event-write .chkkwd:checked + label{font-weight:600;color:#fff;border:.1rem solid #555;background:#555}

#ktplay .ip-txt{padding:0 1.6rem;height:4.5rem;line-height:4.5rem;font-size:1.4rem;color:#242a38;border:.1rem solid #e8e8ec;border-radius:.4rem}
#ktplay .ip-txt:focus{border:.1rem solid #242a38;background:#f9f9f9}
#ktplay .ta-txt{margin:0 !important;padding:1.6rem;width:100%;height:12rem;font-size:1.4rem;border:.1rem solid #aaa;border-radius:.4rem;resize:none}
#ktplay .ta-txt:focus{border:.1rem solid #242a38;background:#f9f9f9}

article#detail{padding:0 !important}

.space-between{justify-content:space-between}

#hero-head .head-area{display:flex;align-items:center;justify-content:space-between;padding:0 1.6rem;background:#fff}
#hero-head .head-area h1{display:flex;align-items:center}
#hero-head .head-area h1 strong{display:flex;align-items:center;padding:0 0 0 .8rem;font-size:2.5rem;font-family:'Dokrip';font-weight:400;color:#000}
#hero-head .head-area h1 span{display:flex;align-items:center;position:relative;margin:.5rem 0 0 0;font-size:1.4rem;font-family:'703OTF';font-weight:400;color:#cdcdcd}
#hero-head .head-area h1 span:before{content:'';display:block;margin:0 1rem;width:.1rem;height:1.2rem;background:#cdcdcd}
#hero-head .head-icon{display:flex;align-items:center}
#hero-head .head-icon a{display:block;position:relative;width:4rem;height:5rem}
#hero-head .head-icon a span{display:none}
#hero-head .head-icon a i{position:absolute;z-index:2;top:1.5rem;right:1.5rem;width:1rem;height:1rem;background:#ffee00;border-radius:1rem;overflow:hidden}
#hero-head .head-icon .search{background:url("/img/ico/ico_search.svg") no-repeat 50% 50%}
#hero-head .head-icon .alarm{background:url("/img/ico/ico_alarm.svg") no-repeat 50% 50% / 1.8rem auto}
#hero-head .head-icon .alarm em{position:absolute;top:1.2rem;right:.2rem;display:block;padding:0 .4rem;min-width:1.6rem;line-height:1.6rem;font-size:1rem;font-weight:600;text-align:center;color:#fff;background:#010101;box-shadow:0 .4rem .8rem 0 rgb(0 0 0 / 10%);border-radius:2rem}

.head-navi{background:#f8f8f8}
.head-navi .cate{display:flex;align-items:center;padding:0 1.6rem;border-bottom:.1rem solid #eee;background:#fff;box-shadow:0 .4rem .8rem 0 rgb(0 0 0 / 5%)}
.head-navi .cate .item{display:flex;align-items:center;width:auto}
.head-navi .cate .item a{display:block;position:relative;margin:0 2.4rem 0 0;padding:1.6rem 0;font-size:1.8rem;font-weight:400;text-align:center;white-space:nowrap}
.head-navi .cate .item.act a{font-weight:600;color:#3d3d3f}
.head-navi .cate .item.act a:before{content:'';position:absolute;bottom:0;right:0;left:0;height:.4rem;background:#3182f5}
.head-navi .cate .item em{position:absolute;top:.4rem;left:calc(50% - 2rem);padding:.4rem 0 .2rem 0;width:4rem;font-size:1rem;text-align:center;color:#fff;background:#3182f5;border-radius:.4rem}
.head-navi .cate .item em:before{content:'';position:absolute;bottom:-1rem;left:calc(50% - .6rem);width:0;height:0;border:.6rem solid transparent;border-top:.6rem solid #3182f5}

.head-navi .swp-nav-dp1{display:flex;align-items:center;padding:0 1.6rem;border-bottom:.1rem solid #eee;background:#fff;box-shadow:0 .4rem .8rem 0 rgb(0 0 0 / 5%)}
.head-navi .swp-nav-dp1 .swiper-slide{display:flex;align-items:center;width:auto}
.head-navi .swp-nav-dp1 .swiper-slide .ktlink{display:block;position:relative;margin:0 2.4rem 0 0;padding:1.6rem 0;font-size:1.8rem;font-weight:400;text-align:center;white-space:nowrap}
.head-navi .swp-nav-dp1 .swiper-slide-thumb-active .ktlink{font-weight:600;color:#3d3d3f}
.head-navi .swp-nav-dp1 .swiper-slide-thumb-active .ktlink:before{content:'';position:absolute;bottom:0;right:0;left:0;height:.4rem;background:#3182f5}
.head-navi .swp-nav-dp1 .swiper-slide .ktlink.co2{color:#009646}
.head-navi .swp-nav-dp1 .swiper-slide-thumb-active .ktlink.co2{background:#009646}
.head-navi .swp-nav-dp1 .swiper-slide-thumb-active .ktlink.co2:before{content:'';position:absolute;bottom:0;right:0;left:0;height:.4rem;background:#009646}
.head-navi .swp-nav-dp1 .item{display:flex;align-items:center;width:auto}
.head-navi .swp-nav-dp1 .item .anchor{display:block;position:relative;margin:0 2.4rem 0 0;padding:1.6rem 0;font-size:1.8rem;font-weight:400;text-align:center;white-space:nowrap}
.head-navi .swp-nav-dp1 .item.act .anchor{font-weight:600;color:#3d3d3f}
.head-navi .swp-nav-dp1 .item.act .anchor:before{content:'';position:absolute;bottom:0;right:0;left:0;height:.4rem;background:#3182f5}
.head-navi .swp-nav-dp2{padding:1.2rem 1.6rem;overflow:hidden}
.head-navi .swp-nav-dp2 .swiper-slide{width:auto !important;cursor:pointer}
.head-navi .swp-nav-dp2 .swiper-slide .ktlink{display:block;position:relative;padding:.8rem 1.2rem .6rem 1.2rem;font-size:1.6rem;font-weight:400;text-align:center;white-space:nowrap}
.head-navi .swp-nav-dp2 .swiper-slide .ktlink.co2{color:#009646}
.head-navi .swp-nav-dp2 .swiper-slide-thumb-active .ktlink{font-weight:600;color:#fff !important;background:#3182f5;border-radius:.4rem}
.head-navi .swp-nav-dp2 .swiper-slide-thumb-active .ktlink.co2{background:#009646}
.head-navi .swp-nav-dp2 .act .ktlink{font-weight:600;color:#fff !important;background:#3182f5;border-radius:.4rem}
.head-navi .swp-nav-dp2 .act .ktlink.co2{background:#009646}

.end-event{display:flex;align-items:center;justify-content:flex-end;padding:1.6rem 1.6rem .4rem 1.6rem;border-top:.1rem solid #eee;background:#fff}
.end-event .ck-event{display:none}
.end-event .ck-event + label{display:flex;align-items:center;cursor:pointer}
.end-event .ck-event + label:before{content:"";width:1.8rem;height:1.8rem;border:.1rem solid #ccc;background:none;background-size:100% auto}
.end-event .ck-event + label span{padding:0 0 0 .6rem;font-size:1.6rem}
.end-event .ck-event:checked + label:before{content:"";border:.1rem solid #3182f5;background-color:#3182f5;background-image:url("/img/common/ck-event.svg") !important}

.prod-filter{display:flex;align-items:center;justify-content:space-between;padding:1.6rem 1.6rem .4rem 1.6rem;border-top:.1rem solid #eee;background:#fff}
.prod-filter .bt-filter{display:flex;align-items:center}
.prod-filter .bt-filter i{font-size:2.4rem}
.prod-filter .bt-filter span{padding:0 0 0 .4rem;font-size:1.6rem}
.prod-filter .ck-event{display:none}
.prod-filter .ck-event + label{display:flex;align-items:center;cursor:pointer}
.prod-filter .ck-event + label:before{content:"";width:1.8rem;height:1.8rem;background:url("/img/ico/check1.svg") no-repeat 50% 50%;background-size:100% auto}
.prod-filter .ck-event + label span{padding:0 0 0 .6rem;font-size:1.6rem}
.prod-filter .ck-event:checked + label:before{content:"";background-image:url("/img/ico/check2.svg") !important}

.hero-talk{padding:1.6rem;background:#fff}
.hero-talk .talk{display:flex;align-items:center;justify-content:space-between;padding:1.6rem;background:#F4F3E7;border-radius:.4rem}
.hero-talk .talk div{font-size:1.4rem}
.hero-talk .talk i{font-size:1.8rem}
.hero-talk .talk.tac{justify-content:center}
.hero-talk .talk.tac button{font-size:1.4rem;font-weight:600}

.swp-nav-dp3{padding:0 1.6rem;background:#f0f0f0;overflow:hidden}
.swp-nav-dp3 .swiper-slide{width:auto !important;cursor:pointer}
.swp-nav-dp3 .swiper-slide .ktlink{display:block;position:relative;margin:0 1.6rem 0 0;padding:1.6rem 0;font-size:1.4rem;font-weight:400;text-align:center;white-space:nowrap}
.swp-nav-dp3 .swiper-slide .ktlink:before{content:'';position:absolute;bottom:0;right:0;left:0;height:.2rem}
.swp-nav-dp3 .swiper-slide-thumb-active .ktlink{font-weight:600;color:#3d3d3f;border-radius:.4rem}
.swp-nav-dp3 .swiper-slide-thumb-active .ktlink:before{content:'';position:absolute;bottom:0;right:0;left:0;height:.2rem;background:#3182f5}

.hero-event{background:#000}
.hero-event .swiper-pagination{display:flex;align-items:center;justify-content:center;left:50%;margin-left:-3rem;padding:.2rem 0;width:6rem;font-size:1.4rem;color:#fff;border-radius:1rem;background:rgb(0 0 0 / 40%)}
.event-list img{display:flex;width:auto;max-width:100%;height:auto}
.event-prod{background:#fff}
.event-prod .img .bimage{display:block;padding-bottom:60%;background-color:#eee;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:.8rem;overflow:hidden}
.event-prod .inner{scroll-snap-align:center}
.event-prod .inner + .inner{margin:1.6rem 0 0 0;padding:1.6rem 0 0 0;border-top:.1rem solid #eee}
.event-prod .item{display:block;margin:0 0 1.6rem 0}
.event-prod .item *{}
.event-prod .item .tit{padding:0 0 .4rem 0}
.event-prod .item .tit em{display:block;padding:0 0 .5rem 0;font-size:1.2rem;color:#83878f}
.event-prod .item .tit span{display:block;margin:0 0 .4rem 0;line-height:2rem;font-size:1.4rem;overflow:hidden}
.event-prod .item .tit a{display:block;font-size:1.8rem;font-weight:600;color:#202020}
.event-prod .item .txt{padding:0 0 .8rem 0;font-size:1.4rem;color:#202020;white-space:pre-wrap}
.event-prod .item .txt a{font-size:1.6rem}
.event-prod .item .txt span{display:inline-block;padding:0 .6rem;font-size:1.2rem;font-weight:600;color:#999}
.event-prod .item .tag{padding:0 0 .6rem 0}
.event-prod .item .tag .tg{font-size:1.4rem;color:#3182f5}
.event-prod .item .tag .tg + .tg{margin:0 0 0 1.2rem}
.event-prod .item .img{margin:.8rem 0 0 0 !important;position:relative;overflow:hidden}
.event-prod .item .img.act{border-radius:0}
.event-prod .item .img.act .opt{position:static !important;margin-left:0}
.event-prod .item .img.act .opt i{position:static !important}
.event-prod .item .img.none{padding:0 0 100% 0 !important;background:#eee url("/img/none/none.jpg") no-repeat 50% 50% / 50% auto}
.event-prod .item .img img{display:block;width:auto;max-width:100%;height:auto;object-fit:cover}
.event-prod .item .img time{position:absolute;bottom:0;right:0;left:0;line-height:2.5rem;font-size:1.2rem;text-align:center;color:#fff;background:rgba(0,0,0,.8)}
.event-prod .item .img .simage{display:block;padding:0 0 100% 0;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
.event-prod .item .ico{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}
.event-prod .item .ico i{display:inline-block;width:3rem;height:3rem;vertical-align:middle}
.event-prod .item .ico em{display:inline-block;margin:0 1rem 0 0;font-size:1.4rem;font-weight:800;vertical-align:middle}
.event-prod .item .opt{font-size:0}
.event-prod .item .opt.act{position:absolute;z-index:10;top:0;left:0}
.event-prod .item .opt i + i{margin:0 0 0 .5rem}
.event-prod .item .opt .dline{display:inline-block;padding:.8rem 1.6rem;font-size:1.2rem;color:#fff;border-radius:.8rem 0 .8rem 0;box-shadow:0 .4rem .8rem 0 rgb(0 0 0 / 5%)}
.event-prod .item .opt .dline1{border:.1rem solid transparent;background:#3182f5}
.event-prod .item .opt .dline2{border:.1rem solid transparent;background:#000}
.event-prod .item .opt .dline3{border:.1rem solid transparent;background:#ff6767}
.event-prod .item .opt .dline4{padding:.6rem 1.2rem;font-size:1.4rem;color:#000;border:.1rem solid #ccc;background:#fff;border-radius:.4rem}
.event-prod .item .opt .news{display:inline-block;padding:.5rem 1rem;font-size:1.2rem;color:#fff;background:#ff6767;border-radius:.4rem}
.event-prod .item .opt .even{display:inline-block;padding:.5rem 1rem;font-size:1.2rem;color:#fff;background:#3c9c5e;border-radius:.4rem}
.event-prod .item .opt .md{position:absolute;z-index:2;top:1rem;left:1rem;display:block;width:4.5rem;height:4.5rem;background:url("/img/ico/ico_md.svg") no-repeat 50% 50%}
.event-prod .item .opt .ht{position:absolute;z-index:2;bottom:1rem;right:1rem;display:block;width:3.2rem;height:3.2rem}
.event-prod .item .opt .ck{position:absolute;z-index:2;top:1rem;left:1rem;display:block;width:3.2rem;height:3.2rem}
.event-prod .item .opt .rb{position:absolute;z-index:2;top:0;left:.5rem;display:block;width:3.6rem;height:3.6rem;background:url("/img/ico/ico_ribbon.svg") no-repeat 50% 50%}
.event-prod .item .sns{position:relative;margin:.6rem 0 1.2rem 0}
.event-prod .item .sns i{display:inline-block;width:3rem;height:3rem;vertical-align:middle}
.event-prod .item .sns em{display:inline-block;margin:0 1rem 0 0;font-size:1.4rem;vertical-align:middle}
.event-prod .item .sns .heart{position:absolute;top:0;right:0;margin:0 !important}
.event-prod .item .sns .heart span{display:none;font-size:1rem}
.event-prod .item .val{padding:0 0 1rem 0;font-size:1rem;color:#83878f}
.event-prod .item .prc strong.sale{padding:0 1rem 0 0;font-size:1.8rem;font-weight:400;color:#3182f5}
.event-prod .item .prc strong{font-size:1.8rem;color:#242a38}
.event-prod .item .prc strong + strong{padding:0 0 0 .5rem}
.event-prod .item .prc span{font-size:1.4rem}
.event-prod .item .prc del{font-size:1.4rem;color:#83878f}
.event-prod .item .prc .sale{color:#3182f5}
.event-prod .item .etc{padding:1rem 0 0 0;font-size:0}
.event-prod .item .etc span{display:inline-block;padding:0 .8rem 0 0;vertical-align:middle}
.event-prod .item .etc i{display:inline-block;font-size:1.8rem;color:#4a4a4a;vertical-align:middle}
.event-prod .item .etc em{display:inline-block;padding:0 .4rem;font-size:1.4rem;vertical-align:middle;color:#83878f}
.event-prod .item .xi-thumbs-up,
.event-prod .item .xi-heart{color:#3182f5 !important}
.event-prod .item .str{padding:0 0 1rem 0;font-size:0}
.event-prod .item .str em{display:inline-block;padding:0 .6rem;font-size:1.2rem;vertical-align:middle;color:#242a38}
.event-prod .item .star{display:inline-block;width:8rem;vertical-align:middle;background:url("/img/ico/star2.svg") no-repeat 0 50%;background-size:8rem auto}
.event-prod .item .star span{display:block;height:1.6rem;background:url("/img/ico/star1.svg") no-repeat 0 50%;background-size:8rem auto}
.event-prod .item .numb{position:relative;display:inline-block;margin:0 0 0 .8rem;padding:0 0 0 .8rem;font-size:1.2rem;vertical-align:middle;color:#83878f}
.event-prod .item .numb:before{content:'';position:absolute;top:.3rem;left:0;width:.1rem;height:1rem;background:#ededed}
.event-prod .item .stt{padding:.5rem 0}
.event-prod .item .stt span{display:inline-block;margin:0 .4rem 0 0;padding:.2rem .6rem;font-size:1.2rem;vertical-align:middle;border-radius:.4rem}
.event-prod .item .stt .stt1{color:#fff;background:#3182f5}
.event-prod .item .stt .stt2{color:#fff;background:#3182f5}

#detail .event-prod *{}
#detail .event-prod .prof .name{display:flex}
#detail .event-prod .prof .name span{padding:0 .6rem 0 0}
#detail .event-prod .item .tit{padding:0 0 .6rem 0 !important}
#detail .event-prod .item .tit h4{font-size:1.8rem}
#detail .event-prod .item .day{display:flex;align-items:center;padding-bottom:1.6rem}
#detail .event-prod .item .day time{display:block;margin:0 .6rem 0 0;padding:0 1.2rem;line-height:2.4rem;font-size:1.6rem;color:#fff;background:#3182f5;border-radius:1.2rem}
#detail .event-prod .item .day strong{font-size:1.8rem;color:#3182f5}
#detail .event-prod .item .tag{padding:0 0 .8rem 0}
#detail .event-prod .item .tag .tg{margin:0 1.2rem 0 0;font-size:1.6rem;color:#3182f5}
#detail .event-prod .item .img{margin-bottom:1.6rem !important}
#detail .event-prod .item .txt{margin-bottom:1.6rem;padding:1.6rem 0 0 0!important;font-size:1.6rem}
#detail .event-prod .item .map{margin-bottom:1.6rem}
#detail .event-prod .item .map .root_daum_roughmap{width:100% !important}

#product .ktitle{padding:2.4rem 0 0 0}
#product .ktitle .ktwrap{display:flex;align-items:center;justify-content:space-between}
#product .ktitle h3{font-size:2rem}
#product .ktitle p{font-size:1.4rem}
#product .ktitle .co1{color:#3182f5}
#product .ktitle .co2{color:#009646}
#product .ktprise{padding:1.6rem 1.6rem 2.4rem 1.6rem;overflow:hidden}
#product .ktprise .inner{width:15rem !important}
#product .ktprise .item{margin:0 !important}
#product .ktprise .item .img{border-radius:1rem}
#product .ktprise .item .tit span{margin:0 0 .8rem 0 !important}
#product .ktprise .item .str{padding:0 !important}
#product .ktprise .item .etc{display:flex}
#product .ktprise .item .etc span{display:block !important;padding:0 .4rem !important;line-height:2rem;font-size:1.2rem;text-align:center;border-radius:.4rem}
#product .ktprise .item .etc span + span{margin:0 0 0 .4rem}
#product .ktprise2{padding:1.6rem 1.6rem 2.4rem 1.6rem;overflow:hidden}
#product .ktprise2 .inner{width:20rem !important}
#product .ktprise2 .item{margin:0 !important}
#product .product .item .etc{display:flex}
#product .product .item .etc span{display:block !important;padding:0 .4rem !important;line-height:2rem;font-size:1.2rem;text-align:center;border-radius:.4rem}
#product .product .item .etc span + span{margin:0 0 0 .4rem}
#product .product .item .opt1,
#product .product .item .opt2{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
#product .product .item .opt3{color:#009646;border:.1rem solid #009646;background:#fff}


.ktaccord .acc-panel{overflow:hidden;background:#f0f0f0}
.ktaccord .acc-panel + .acc-panel{border-top:.1rem solid #fff}
.ktaccord .acc-panel .depth1{display:flex;align-items:center;justify-content:space-between;padding:1.6rem;cursor:pointer}
.ktaccord .acc-panel .depth1 strong{font-size:1.4rem;font-weight:400;color:#333}
.ktaccord .acc-panel .depth2{height:0;border-top:.1rem solid #eee;background:#fff;transition:all .4s}
.ktaccord .acc-panel.act{border-top-color:#fff}
.ktaccord .acc-panel.act .depth1{background:#fff;border-top:.1rem solid #eee}
.ktaccord .acc-panel.act .depth1 strong{font-weight:600;color:#000}
.ktaccord .acc-panel.act .depth1 i{transform:rotate(90deg)}
.ktaccord .acc-panel.act .depth2{height:auto;transition:all .4s}
.ktaccord .acc-panel .tbl{padding:1.6rem}
.ktaccord .acc-panel .tbl table{width:100%;border-collapse:collapse;border:.1rem solid #aaa}
.ktaccord .acc-panel .tbl th{padding:1rem;font-size:1.4rem;text-align:left;background:#eee}
.ktaccord .acc-panel .tbl td{padding:1rem;font-size:1.4rem;background:#fff}
.ktaccord .acc-panel .tbl tr + tr{border-top:.1rem solid #ccc}



*:focus{outline:none}

a,
button{color:#000;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
body{-ms-overflow-style:none;/* IE and Edge */scrollbar-width:none;/* Firefox */}
body::-webkit-scrollbar{/*display:none !important; Chrome, Safari, and Opera */ } 
input,
button{border-radius:0;-webkit-appearance:none}
button{color:#777}

/*ios대응*/
input{color:#242a38;appearance:none;-webkit-appearance:none;-webkit-border-radius:0}
select{color:#242a38;-webkit-appearance:none;-moz-appearance:none;appearance:none}

/* 화살표 없애기 for IE10, 11*/
select::-ms-expand{display:none}

label{cursor:pointer}
body.act{overflow:hidden}
img.row{width:auto;height:100%}
img.col{width:100%;height:auto}


.ktmap .root_daum_roughmap{width:100% !important}
.ktmap .wrap_controllers{display:none !important}
.ktmap .wrap_btn_zoom{display:none !important}

.fs12{font-size:1.2rem}
.fs14{font-size:1.4rem}
.fs16{font-size:1.6rem}
.fs18{font-size:1.8rem}
.fs20{font-size:2rem}
.fs22{font-size:2.2rem}
.fs24{font-size:2.4rem}
.fs26{font-size:2.6rem}
.fs28{font-size:2.8rem}
.fs30{font-size:3rem}

.tp50{top:-5rem !important}

.kflex{display:flex;align-items:center}
.kspace-between{justify-content:space-between}
.fixed{position:fixed !important}
.hidden{overflow-wrap:break-word;overflow:hidden}
.pre-wrap{white-space:pre-wrap !important}
.loading{display:flex;align-items:center;justify-content:center;position:fixed;z-index:999999;top:0;bottom:0;width:100%;max-width:42rem;background:rgb(255 255 255 / 90%);transition:all .4s}
.loading img{width:6.8rem}
/*.foading{position:relative;z-index:999999;display:flex;align-items:center;justify-content:center}*/
.foading{position:fixed;z-index:999999;top:0;bottom:0;right:0;left:0;transition:all .4s}
.foading i{display:flex;align-items:center;justify-content:center}

.bgwhite{background:#fff}
.bdnone{margin:0 !important;border:0 !important}

.exc{margin:0 0 2rem 0;padding:0 0 0 2.4rem;font-size:1.4rem;font-weight:400;color:#999;background:url("/img/ico/Ico_exc.svg") no-repeat 0 .2rem}
.ico_loud{display:inline-block;width:2rem;height:2rem;vertical-align:middle;background:url("/img/ico/ico_loud.svg") no-repeat}

.ready{margin:20% 0;text-align:center}
.ready h4{font-size:1.8rem;font-siez:600;color:#242a38}
.ready p{font-size:1.4rem;font-siez:400;color:#83878f}
.ready .img{padding:2rem 20%}
.ready .img img{display:block;margin:0 auto;max-width:100%;width:16rem;height:auto}

.ktnoimg{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:-20%;min-height:calc(100vh - 6rem)}
.ktnoimg .com{font-size:1.8rem;font-weight:600}
.ktnoimg .img{padding:12rem 0 4rem 0}
.ktnoimg .img img{display:block;margin:0 auto;width:24rem;height:24rem;border-radius:50%}
.ktnoimg .tit{padding:0 0 .8rem 0;font-size:1.8rem;font-weight:500}
.ktnoimg .txt{font-size:1.2rem}
.ktnoimg .btn{position:absolute;right:1.6rem;left:1.6rem;bottom:3.2rem}
.ktnoimg .btn button{display:block;width:100%;line-height:4.5rem;font-size:1.5rem;font-weight:500;color:#3182f5;border:.1rem solid #3182f5;background:#fff;border-radius:.4rem}

@media all and (max-height:66rem){
    .ktnoimg{margin-top:0}
    .ktnoimg .img{padding:8rem 0 4rem 0}
    .ktnoimg .txt{padding:0 0 6rem 0}
    .ktnoimg .btn{bottom:1.6rem}
}

.ktskip,
.kt-skip{display:none !important}
.nobr{border-radius:0 !important}

.ktbtns{padding:0 0 2rem 0}
.ktbtns .bt{display:block;width:100%;height:4.6rem;font-size:1.6rem;font-weight:500;text-align:center;color:#3182f5;border:.1rem solid #3182f5;background:#fff;border-radius:.4rem}
.ktbtns .bt-review{color:#fff;border:.1rem solid #3182f5;background:#3182f5;box-shadow:0 .4rem 1.2rem 0 rgb(0 0 0 / 10%)}

.alarms{position:fixed;z-index:9999;top:1rem;padding:2.4rem 0;width:100%;max-width:42rem;background:rgb(255 255 255 / 90%);border-radius:1rem;box-shadow:0 .8rem .8rem 0 rgb(0 0 0 / 20%)}
.alarms .tit{padding:0 2.4rem;font-size:1.5rem;font-weight:600;color:#222}
.alarms .txt{padding:0 2.4rem;font-size:1.3rem;font-weight:400;color:#222}

.switch input{display:none}
.switch label{position:relative;display:block;width:5.4rem;height:2.4rem;background:rgb(221 221 223);border-radius:3rem}
.switch label:after{content:"";position:absolute;top:50%;transform:translateY(-50%);right:auto;left:.1rem;width:2.2rem;height:2.2rem;background:#fff;border-radius:100%;transition:all .3s;box-shadow:.1rem .3rem .4rem rgba(0,0,0,0.2)}
.switch input:checked + label{background:#3182f5;transition:all .4s}
.switch input:checked + label:after{right:.1rem;left:auto}

.switchy .chtxt{display:flex;min-width:5rem;line-height:2rem;font-size:1.3rem;font-weight:600;justify-content:center;color:#727272}
.switchy .chtxt:after{display:inline-block;padding:0 .3rem;line-height:2rem;font-size:1.3rem;content:'종료'}
.switchy input{display:none}
.switchy label{position:relative;display:block;width:5.4rem;height:2.4rem;background:rgb(221 221 223);border-radius:3rem}
.switchy label:after{content:"";position:absolute;top:50%;transform:translateY(-50%);right:auto;left:.2rem;width:2.2rem;height:2.2rem;background:#fff;border-radius:100%;transition:all .3s;box-shadow:.1rem .3rem .4rem rgb(0 0 0 / 20%);clear:both}
.switchy input:checked + .chbox label{background:#3182f5}
.switchy input:checked + .chbox label:after{right:.2rem;left:auto}
.switchy input:checked + .chbox .chtxt{color:#3182f5}
.switchy input:checked + .chbox .chtxt:after{content:'중'}

.chkbtn{display:none}
.chkbtn + label{position:relative;display:block;margin:0 0 1rem 0;padding:0 2rem;height:5rem;line-height:5rem;font-size:1.4rem;font-weight:400;border:.1rem solid #c0c0c0;background:#fff;border-radius:.4rem;cursor:pointer}
.chkbtn:checked + label{font-weight:600;color:#fff;border:.1rem solid #3182f5;background:#3182f5}

.chkkwd{display:none}
.chkkwd + label{position:relative;display:block;padding:0 1rem;height:4rem;line-height:4rem;font-size:1.4rem;font-weight:400;border:.1rem solid #ccc;background:#fff;border-radius:.4rem;cursor:pointer}
.chkkwd:checked + label{font-weight:600;color:#fff;border:.1rem solid #555;background:#555}

.chkbrd{display:none}
.chkbrd + label{position:relative;display:block;padding:2rem;min-height:10.5rem;font-size:1.4rem;border:.1rem solid #c0c0c0;border-radius:.4rem;cursor:pointer}
.chkbrd:checked + label{color:#3182f5;border:.1rem solid #3182f5}

.checkjoin{display:none}
.checkjoin + label{position:relative;display:inline-block;padding:0 0 0 2.5rem;font-size:1.4rem;cursor:pointer}
.checkjoin + label:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:1.6rem;height:1.6rem;background:url("/img/ico/check1.svg") no-repeat 50% 50%;background-size:100% auto}
.checkjoin:checked + label:before{content:"";background-image:url("/img/ico/check2.svg") !important}

.checktxt{display:none}
.checktxt + label{position:relative;line-height:3rem;font-size:1.5rem;font-weight:400 !important}
.checktxt:checked + label{color:#3182f5}
.checktxt + label em{display:none}

.ckheart{display:none}
.ckheart + label{position:relative}
.ckheart + label:before{content:"";position:absolute;top:.1rem;left:0;display:block;width:3.2rem;height:3.2rem;background:url("/img/ico/ico_heart_p1.svg") no-repeat 50% 50%;background-size:100% auto}
.ckheart:checked + label{color:#0c4fcf}
.ckheart:checked + label:before{content:"";background-image:url("/img/ico/ico_heart_p2.svg") !important}
.ckheart + label em{display:none}

.chekbox{display:none}
.chekbox + label{position:relative}
.chekbox + label:before{content:"";position:absolute;top:.1rem;left:0;display:block;width:2rem;height:2rem;background:url("/img/store/chekbox1.svg") no-repeat 50% 50%;background-size:100% auto}
.chekbox:checked + label{color:#0c4fcf}
.chekbox:checked + label:before{content:"";background-image:url("/img/store/chekbox2.svg") !important}
.chekbox + label em{display:none}

.ckmark{display:none}
.ckmark + label{position:relative;margin:0 1rem 0 0}
.ckmark + label:before{content:"";display:block;margin:0 auto;width:2.2rem;height:2.2rem;background:url("/img/ico/ico_heart_o.svg") no-repeat 50% 50%;background-size:100% auto}
.ckmark:checked + label{color:#0c4fcf}
.ckmark:checked + label:before{content:"";background-image:url("/img/ico/ico_heart.svg") !important}
.ckmark + label em{display:none}
.ckmark + label span{display:none}
.ckmark + label strong{display:block;padding:.3rem 0 0 0;font-size:1.2rem;font-weight:400;text-align:center}

.radiobox.disabled{display:none}
.radiobox.disabled + label{position:relative;display:inline-block;line-height:1.2;font-size:1.5rem;font-weight:600;vertical-align:middle;color:#999;cursor:pointer}
.radiobox.disabled + label:before{content:"\e9c7";font-size:2rem;font-family:xeicon!important;vertical-align:middle;color:#aaa}
.radiobox.disabled:checked + label:before{content:"\e92b";color:#3182f5}

.radiobank{display:none}
.radiobank + label{position:relative;display:block;line-height:1.2;font-size:1.5rem;font-weight:600;vertical-align:middle;color:#333;cursor:pointer}
.radiobank + label:before{position:absolute;top:50%;right:0;transform:translateY(-50%);content:"\e9c6";font-size:2rem;font-family:xeicon!important;vertical-align:middle;color:#aaa}
.radiobank:checked + label:before{content:"\e92b";color:#3182f5}

.foreign{position:relative;margin:0 -1rem 0 0;font-size:0}
.foreign .inner{display:inline-block;width:50%}
.foreign .item{margin:0 1rem 0 0}
.foreign .item label{display:block;line-height:4.5rem;font-size:1.4rem;font-weight:400;text-align:center;color:#242a38;border:.1rem solid #e1e1e5;border-radius:.4rem}
.foreign .item input{display:none}
.foreign .item input:checked + label{color:#fff;border:.1rem solid #3182f5;background:#3182f5}

input[type="password"]{-webkit-text-security:disc;font-family:"Lucida Sans Unicode",sans-serif}
input[type="password"]::placeholder{font-family:'Noto Sans KR'} 
:-ms-input-placeholder{color:#888} 
::-ms-input-placeholder{color:#888}

.loader{position:relative;top:50%;left:50%;margin:0 0 0 -.6rem;width:1.2rem;height:1.2rem;border-radius:1.2rem;-webkit-animation:loader10m 3s ease-in-out infinite;animation:loader10m 1s ease-in-out infinite;}
.loader:before{content:"";position:absolute;top:0rem;left:-2.5rem;height:1.2rem;width:1.2rem;border-radius:1.2rem;-webkit-animation:loader10g 3s ease-in-out infinite;animation:loader10g 1s ease-in-out infinite}
.loader:after{content:"";position:absolute;top:0rem;left:2.5rem;height:1rem;width:1rem;border-radius:1rem;-webkit-animation:loader10d 3s ease-in-out infinite;animation:loader10d 1s ease-in-out infinite}

.khstate{padding:1.5rem 0}
.khstate:after{display:block;visibility:hidden;clear:both;content:""}
.khstate .txt{float:left;font-size:1.8rem;font-weight:600;color:#000}
.khstate .txt strong{font-size:1.8rem;font-weight:600;color:#000}
.khstate .btn{float:right;padding:.4rem 0;font-size:1.4rem;color:#565656}
.khstate .btn button{font-size:1.4rem;color:#565656}

.item .image{display:block;padding-bottom:100%;background-color:#eee;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden}
.item .image.bdr{border-radius:1rem 1rem 0 0 !important}
.ones .item .image,
.town .item .image,
.store .item .image{padding:0 0 56% 0 !important}
.pb50p .item .image{padding:0 0 50% 0 !important}
.pb60p .item .image{padding:0 0 60% 0 !important}
.pb70p .item .image{padding:0 0 70% 0 !important}
.pb80p .item .image{padding:0 0 80% 0 !important}

.item .image.radius-no{border-radius:0 !important}
.prof .image{display:block;padding:0 0 100% 0;background-color:#ddd;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:4rem;overflow:hidden}

.annoce{font-size:1.2rem;text-align:right;color:#888}

.cktit{padding:1rem 0 0 0}
.cktit h4{font-size:1.8rem}

.ckstar{margin:0 0 2rem 0;padding:1rem 0}
.ckstar .star{display:flex;/*flex-direction:row-reverse;*/width:18.4rem;background:url("/img/ico/ico_star_off2.svg") no-repeat 0% 50%}
.ckstar .star .item{display:block;width:20%;height:3.7rem;background:url("/img/ico/ico_star_on2.svg") no-repeat 0% 50%}
.ckstar .cktext{color:#999}

.rwprod .inner{padding:2rem 0}
.rwprod .inner + .inner{border-top:.6rem solid #eee}
.rwprod .item{display:flex;align-items:center}
.rwprod .item .img{width:14rem}
.rwprod .item .box{padding:0 0 0 1rem;width:calc(100% - 13rem)}
.rwprod .item .box .tit em{display:block;padding:0 0 .4rem 0;font-size:1.2rem;color:#707070}
.rwprod .item .box .tit a{display:block;line-height:2rem;height:4rem;font-size:1.6rem}
.rwprod .item .box .pce{padding:.4rem 0;font-size:1.4rem}
.rwprod .item .box .pce strong{font-weight:600}
.rwprod .item .box .pce ins{padding:0 .6rem;font-weight:600;text-decoration:none}
.rwprod .item .box .val{font-size:1.2rem}
.rwprod .item .box .val button{margin-top:1rem;padding:0 1rem;width:100%;height:2.5rem;font-size:1.2rem;color:#fff;border:.1rem solid #3182f5;background:#3182f5;border-radius:.4rem}
.rwprod .date{padding:1rem 0 0 0;font-size:1.2rem;color:#707070}
.rwprod .str{display:flex;align-items:center;position:relative;padding:1.2rem 0}
.rwprod .str strong{padding:0 .5rem;font-size:1.4rem}
.rwprod .star{display:block;width:9rem;height:1.5rem;background:url("/img/ico/star2.svg") no-repeat 0 50% / auto 1.5rem}
.rwprod .star span{display:block;height:1.5rem;background:url("/img/ico/star1.svg") no-repeat 0 50% / auto 1.5rem}
.rwprod .thm{padding:1rem 0 0 0}
.rwprod .thm img{width:8rem;max-width:100%;height:auto;border-radius:.4rem}
.rwprod .thm .innr{width:auto !important}
.rwprod .btn{position:absolute;top:50%;right:0;transform:translateY(-50%)}
.rwprod .btn i{font-size:2.4rem}
.rwprod .grb{position:absolute;z-index:2;top:0;right:4rem}
.rwprod .grb button{display:block;margin:0 0 .5rem 0;width:4.7rem;height:4.7rem;text-align:center;background-color:#3182f5;box-shadow: .4rem .4rem .4rem 0 rgb(0 0 0 / 20%);border-radius:50%}
.rwprod .grb span{display:block;padding:1.5rem 0 0 0;font-size:1rem;color:#fff}

#pop_header{position:relative;z-index:10;border-bottom:.1rem solid #eee;background:#fff}
#pop_header .title{position:relative;margin:0 auto/*;min-width:32rem;max-width:81.2rem*/;font-size:0}
#pop_header .title h3{line-height:5rem;font-size:1.8rem;text-align:center}
#pop_header .title .close{position:absolute;top:0;right:0;display:inline-block;width:5rem;height:5rem;background:url("/img/ico/pop_close.svg") no-repeat 50% 50% / 3rem auto}
#pop_header .title .prev{display:inline-block;width:5rem;height:6rem;background:url("/img/ico/t_prev.svg") no-repeat 50% 50% / 2rem auto}
#pop_header .title .home{display:inline-block;width:4rem;height:6rem;background:url("/img/ico/t_home.svg") no-repeat 50% 50% / 2rem auto}
#pop_header .title .search{position:absolute;top:0;right:0;display:inline-block;width:5rem;height:6rem;background:url("/img/ico/t_search.svg") no-repeat 50% 50% / 2rem auto}
#pop_modal1 .form .tip{padding:.5rem 0 2rem 0;font-size:1.2rem;color:#f5183d}
#pop_modal1 .form .input.btn{text-align:left !important}

#ktplay select{position:relative;padding:0 3.2rem 0 1.6rem;height:4.5rem;font-size:1.4rem;color:#242a38;border:.1rem solid #ddd;background:url("/img/ico/select.svg") no-repeat 100% 50% / 3rem auto;border-radius:.4rem}
#ktplay select:focus{border:.1rem solid #242a38;background:#f9f9f9 url("/img/ico/select.svg") no-repeat 100% 50% / 3rem auto}

#ktplay .ip-time{padding:0 1.6rem;width:100%;height:4.5rem;font-size:1.4rem;color:#242a38;border:.1rem solid #ddd;border-radius:.4rem}
#ktplay .ip-time:focus{border:.1rem solid #242a38;background:#f9f9f9}


#ktplay .kt-wrap{padding:0 1.6rem}
#ktplay .ktwrap{padding:0 1.6rem}
#ktplay .khwrap{padding:0 1.6rem}

#ktplay .khskip{display:none}
#ktplay .khmore{padding:2rem 0;text-align:center}
#ktplay .ktline{display:block;border-top:.1rem solid #e4e4e8;border-bottom:.9rem solid #f4f4f6}
#ktplay .khline{display:block;border-top:.1rem solid #e4e4e8;border-bottom:.9rem solid #f4f4f6}
#ktplay .ovfx{overflow-x:scroll}

#ktplay .khline + .form{padding:0 !important}

#ktplay .nocontent{display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:calc(100vh - 10rem);text-align:center}
#ktplay .nocontent i{display:block;width:8rem;height:8rem;background:url("/img/ico/noimg.svg") no-repeat 50% 50%}
#ktplay .nocontent h3{padding:0 0 1rem 0;font-size:1.6rem}
#ktplay .nocontent p{padding:1rem 2rem;font-size:1.4rem;font-weight:400;color:#333}




#header{position:-webkit-sticky;position:sticky;z-index:99;top:0;background:#fff;transition:all .3s}
#header .header{position:relative;background:#fff;box-shadow:0 .2rem .5rem rgb(0 0 0 / 5%)}
#header .header h1{display:flex;align-items:center;height:5rem;font-size:1.8rem;font-weight:700;color:#020202}
#header .header h1 strong{display:flex;align-items:center;height:5rem;font-weight:700}
#header .header h1 strong{display:flex;align-items:center;padding:0 0 0 .8rem;font-size:2.5rem;font-family:'Dokrip';font-weight:400;color:#000}
#header .header h1 i{font-size:2.4rem}

#header .header h1{display:flex;align-items:center}
#header .header h1 strong{display:flex;align-items:center;padding:0 0 0 .8rem;font-size:2.5rem;font-family:'Dokrip';font-weight:400;color:#000}
#header .header h1 span{display:flex;align-items:center;position:relative;margin:.5rem 0 0 0;font-size:1.4rem;font-family:'703OTF';font-weight:400;color:#cdcdcd}
#header .header h1 span:before{content:'';display:block;margin:0 1rem;width:.1rem;height:1.2rem;background:#cdcdcd}

#header .header .icon{position:absolute;top:50%;right:0;height:5rem;transform:translateY(-50%)}
#header .header .icon ul{font-size:0}
#header .header .icon li{display:inline-block}
#header .header .icon a{display:block;position:relative;width:5rem;height:5rem}
#header .header .icon a span{display:none}
#header .header .icon a i{position:absolute;z-index:2;top:1.5rem;right:1.5rem;width:1rem;height:1rem;background:#ff5c00;border-radius:1rem;overflow:hidden}
#header .header .icon .search{background:url("/img/ico/ico_search.svg") no-repeat 50% 50%}
#header .header .icon .alarm{background:url("/img/ico/ico_alarm.svg") no-repeat 50% 50% / 1.8rem auto}

#header .title{display:flex;align-items:center;justify-content:center;position:relative;height:5rem;box-shadow:0 .2rem .5rem rgb(0 0 0 / 5%)}
#header .title h3{font-size:1.8rem;text-align:center}
#header .title .prev{position:absolute;top:0;left:0;display:block;width:6rem;height:5rem;background:url("/img/gnb/h-btn-prev.svg") no-repeat 50% 50%}
#header .title .home{position:absolute;top:0;left:6rem;display:block;width:2rem;height:5rem;background:url("/img/ico/t_home.svg") no-repeat 50% 50% / 2.4rem auto}
#header .title .search{position:absolute;top:0;right:0;display:inline-block;width:5rem;height:5rem;background:url("/img/ico/t_search.svg") no-repeat 50% 50% / 2.4rem auto}
#header .title .alarm{position:absolute;top:0;right:0;display:inline-block;width:5rem;height:5rem;background:url("/img/ico/t_alarm.svg") no-repeat 50% 50% / 1.8rem auto}
#header .title .complete{position:absolute;top:0;right:2.4rem;display:inline-block;width:auto;height:5rem;line-height:5rem;font-size:1.4rem}
#header .title .save{position:absolute;top:0;right:0;display:inline-block;width:6rem;height:5rem}
#header .title .prev_w{background-image:url("/img/ico/t_prev_w.svg") !important}
#header .title .home_w{background-image:url("/img/ico/t_home_w.svg") !important}
#header .title .search_w{background-image:url("/img/ico/t_search_w.svg") !important}
#header .title .btn{position:absolute;top:50%;right:0;transform:translateY(-50%)}
#header .title .btn button{padding:0 1.8rem}
#header .title .btn i{font-size:2.4rem}
#header .title .grb{position:absolute;z-index:2;top:6rem;right:1rem}
#header .title .grb button{display:block;margin:0 0 .5rem 0;width:4.7rem;height:4.7rem;text-align:center;background-color:#3182f5;box-shadow: .4rem .4rem .4rem 0 rgb(0 0 0 / 20%);border-radius:50%}
#header .title .grb span{display:block;padding:1.5rem 0 0 0;font-size:1rem;color:#fff}
/*
#header .title{display:flex;align-items:center;justify-content:space-between;position:relative;background:#fff}
#header .title h3{display:flex;align-items:center;height:5rem;font-size:1.8rem;text-align:center}
#header .title .flex{display:flex;align-items:center}
#header .title .srch{display:flex;align-items:center}
#header .title .innr{min-width:5rem}
#header .title.none{border-bottom:0;background:none}
#header .title.bott{border-bottom:.1rem solid #cdcdcd}
#header .title .prev{display:flex;width:5rem;height:5rem;background:url("/img/user/ico-prev.svg") no-repeat 50% 50%}
#header .title .home{display:flex;width:2.4rem;height:5rem;background:url("/img/user/ico-home.svg") no-repeat 50% 50%}
#header .title .close{display:flex;width:5rem;height:5rem;background:url(/img/user/bt-pop-close.svg) no-repeat 50% 50%}
#header .title .search{display:flex;width:5rem;height:5rem;background:url("/img/user/ico-search.svg") no-repeat 50% 50%}
#header .title .share{display:flex;width:5rem;height:5rem;background:url("/img/user/ico-share.svg") no-repeat 50% 50%}
#header .title .complete{display:flex;align-items:center;width:5rem;height:5rem;font-size:1.8rem;color:#b8b8b8}
#header .title .cancel{display:flex;align-items:center;width:5rem;height:5rem;font-size:1.8rem;color:#F3132C}
#header .title .cancel.act{display:flex;align-items:center;width:5rem;height:5rem;font-size:1.8rem;font-weight:700;color:#000}
#header .title .setting{display:flex;width:5rem;height:5rem;background:url("/img/user/ico-setting.svg") no-repeat 50% 50%}
#ktplay .title .navi{display:flex;align-items:center;width:3.5rem;height:5rem;background:url("/img/user/ico-navi.svg") no-repeat 50% 50%}
#header .title .alarm{display:flex;align-items:center;width:5rem;height:5rem;background:url("/img/ico/t_alarm.svg") no-repeat 50% 50% / 1.8rem auto}
#header .title .save{position:absolute;top:0;right:0;display:inline-block;width:6rem;height:5rem}
#header .title .okay{display:flex;align-items:center;width:5rem;height:5rem;font-size:1.8rem;font-weight:700;color:#3182F5}
#header .title .prev_w{background-image:url("/img/ico/t_prev_w.svg") !important}
#header .title .home_w{background-image:url("/img/ico/t_home_w.svg") !important}
#header .title .search_w{background-image:url("/img/ico/t_search_w.svg") !important}
#header .title .btn{position:absolute;top:50%;right:0;transform:translateY(-50%)}
#header .title .btn button{padding:0 1.8rem}
#header .title .btn i{font-size:2.4rem}
#header .title .grb{position:absolute;z-index:2;top:6rem;right:1rem}
#header .title .grb button{display:block;margin:0 0 .5rem 0;width:4.7rem;height:4.7rem;text-align:center;background-color:#3182f5;box-shadow:.4rem .4rem .4rem 0 rgb(0 0 0 / 20%);border-radius:50%}
#header .title .grb span{display:block;padding:1.5rem 0 0 0;font-size:1rem;color:#fff}
#header .title .none{display:flex;width:5rem;height:5rem}
#header .bt-comp{display:flex;align-items:center;width:5rem;height:5rem;font-size:1.8rem;font-weight:700;color:#3182F5}*/

#header .head{display:flex;align-items:center}
#header .head .ip-txt{padding:0 1.2rem;width:100%;height:4.2rem;font-size:1.6rem;color:#2f2f2f;border:0;background:#f4f4f4;border-radius:.6rem}
#header .head .ip-txt::placeholder{color:#8a8a8a}
#header .head .bt-search{margin-left:.4rem}
#header .head .search{display:flex;width:5rem;height:5rem;background:url("/img/user/ico-search.svg") no-repeat 50% 50%}
#header .head .prev{display:flex;width:5rem;height:5rem;background:url("/img/user/ico-prev.svg") no-repeat 50% 50%}
#header .head .srch{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 5rem)}

#header .tabs{border-bottom:.1rem solid #eee}
#header .tabs ul{font-size:0}
#header .tabs li{display:inline-block;width:50%;text-align:center}
#header .tabs li a{display:block;padding:1.5rem 0;font-size:1.4rem;font-weight:400;color:#797979}
#header .tabs .act a{font-weight:500;color:#333;border-bottom:.2rem solid #3182f5}
#header .tabs .act a strong{color:#009646}
#header .tabs .act a em{color:#3182f5}
#header .tabs ul.col3 li{width:33.33%}
#header .prof + .tabz{border-top:.1rem solid #eee}
#header .navi{border-bottom:.1rem solid #ededed;overflow:hidden}
#header .navi .menu{display:flex}
#header .navi .menu .item{display:block;width:auto;align-items:center}
#header .navi .menu .item a{display:block;position:relative;padding:1.6rem 0;font-size:1.6rem;font-weight:400;text-align:center;white-space:nowrap}
#header .navi .menu .item:hover a{font-weight:600;color:#242a38}
#header .navi .menu .item.act a{font-weight:600;color:#3d3d3f}
#header .navi .menu .item:hover a:before{content:'';position:absolute;bottom:0;right:0;left:0;height:.2rem;background:#eee}
#header .navi .menu .item.act a:before{content:'';position:absolute;bottom:0;right:0;left:0;height:.2rem;background:#3182f5}
#header .navi .menu .item em{position:absolute;top:.4rem;left:calc(50% - 2rem);padding:.4rem 0 .2rem 0;width:4rem;font-size:1rem;text-align:center;color:#fff;background:#3182f5;border-radius:.4rem}
#header .navi .menu .item em:before{content:'';position:absolute;bottom:-1rem;left:calc(50% - .6rem);width:0;height:0;border:.6rem solid transparent;border-top:.6rem solid #3182f5}
#header .navi .scroll{width:100%;height:100%}
#header .child{padding:.5rem 0;overflow:hidden}
#header .child .menu{display:flex}
#header .child .menu .item{display:block;width:auto !important;align-items:center}
#header .child .menu .item a{display:block;position:relative;padding:.4rem .8rem;font-size:1.4rem;font-weight:400;text-align:center;white-space:nowrap}
#header .child .menu .item:hover a,
#header .child .menu .item.act a{font-weight:600;color:#fff;background:#3182f5;border-radius:.4rem}
#header .srch{position:absolute;top:.5rem;left:5rem;width:calc(100% - 10rem)}
#header .srch input{padding:0 4rem 0 2rem;width:100%;height:4rem;line-height:4rem;font-size:1.6rem;border:0;background:#f4f4f6;border-radius:.4rem}
#header .srch .bt_cros{right:1rem}
#header .srch .bt_srch{right:-3.5rem;background:url("/img/ico/t_search.svg") no-repeat 50% 50%}

#header .select{position:absolute;z-index:60;top:50%;left:50%;transform:translate(-50%, -50%)}
#header .select strong{display:flex;align-items:center;font-size:1.8rem;color:#000}
#header .select strong img{display:block;width:3rem}
#header .select .select-hidden{display:none;visibility:hidden;padding-right:1rem}
#header .select .rev-select{display:inline-block;margin:0;font-size:1.8rem;color:#000;cursor:pointer}
#header .select .select-styled{padding:0 3.5rem 0 1rem;line-height:4.8rem;border:0rem solid #d3d3d3;background-color:#fff;border-radius:.4rem}
#header .select .select-styled::after{content:"";position:absolute;top:58%;transform:translateY(-50%);right:1.2rem;width:0;height:0;border:.4rem solid transparent;border-color:#858585 transparent transparent transparent}
#header .select .select-styled:hover{color:#000;border:0rem solid #3182f5;background-color:#fff}
#header .select .select-styled:hover::after{color:#000;border-color:#000 transparent transparent transparent}
#header .select .select-styled:active,
#header .select .select-styled.act{color:#000;border:0rem solid #000;background-color:#fff}
#header .select .select-styled.act::after{top:45%;border-color:transparent transparent #000 transparent}
#header .select .select-options{display:none;position:absolute;top:5.1rem;right:0;left:0;z-index:999;margin:0;line-height:3rem;list-style:none;border:.1rem solid #aaa;background-color:#fff;border-radius:.4rem}
#header .select .select-options li{margin:0;padding:0 1.2rem;font-size:1.4rem}
#header .select .select-options li:hover{color:#3182f5;background:#fff}
#header .select .select-options li[rel="hide"]{display:none}

#footer{position:fixed;z-index:999;bottom:0;width:100%;max-width:42rem;transition:bottom .3s}
#footer nav{background:#fff;box-shadow:0 -.5rem 1rem rgb(0 0 0 / 5%)}
#footer nav ul{display:flex;padding:.4rem 0}
#footer nav li{display:flex;justify-content:center;position:relative;width:100%}
#footer nav li i{display:block;margin:.5rem auto 0;width:2.8rem;height:2.8rem;background-size:100% auto !important}
#footer nav li a{font-size:1.2rem;text-align:center;color:#83878f}
#footer nav li em{position:absolute;top:0;left:50%;display:block;margin:.3rem 0 0 .3rem;min-width:1.8rem;line-height:1.8rem;text-align:center;color:#fff;background:#3182f5;border-radius:1.2rem}
#footer nav li.act a{color:#3182f5}
#footer .txtbtn{padding:1rem 1.6rem;background:#fff}
#footer .txtbtn button{color:#777;border-bottom:.1rem solid #777}
#footer .check{padding:0 1.5rem;background:#fff}
#footer .khbtn{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;;background:#fff;box-shadow:0 -.1rem 1rem rgba(0, 0, 0, 0.1)}
#footer .khbtn .inner{width:49%}
#footer .khbtn .hold{display:flex;align-items:center;margin:0 1rem 0 0;width:3rem}
#footer .khbtn .order{display:block;width:100%;height:4.6rem;font-size:1.6rem;font-weight:500;color:#3182f5;text-align:center;border:.1rem solid #eff6fa;background:#eff6fa;border-radius:.4rem}
#footer .khbtn .bt{display:block;width:100%;height:5rem;font-size:1.6rem;font-weight:500;color:#3182f5;text-align:center;border:.1rem solid #3182f5;background:#fff;border-radius:.4rem}
#footer .khbtn .bt-opt{display:block;min-width:13rem;height:5rem;font-size:1.6rem;font-weight:500;color:#3182F5;border:.1rem solid #3182F5;background:#fff;border-radius:.4rem}
#footer .khbtn .bt-mod{display:block;width:100%;height:5rem;font-size:1.6rem;font-weight:500;color:#fff;border:.1rem solid #3182F5;background:#3182F5;border-radius:.4rem}
#footer .khbtn .bt_gray{color:#fff;border:.1rem solid #d4d4d4;background:#d4d4d4}
#footer .khbtn .bt_red{color:#fff;border:.1rem solid #3182f5;background:#3182f5}
#footer .khbtn .bt_line{color:#999;border:.1rem solid #ccc;background:#fff}
#footer .khwrap{padding:0 !important}
#footer .kflex{padding:0 0 1.6rem 0}
#footer .kflex .bt{display:block;width:100%;height:5rem;font-size:1.6rem;font-weight:500;color:#3182f5;text-align:center;border:.1rem solid #3182f5;background:#fff;border-radius:.4rem}
#footer .kflex .bt_cancel{width:48%;color:#777;border:.1rem solid #d4d4d4;background:#fff}
#footer .kflex .bt_okay{width:48%;color:#fff;border:.1rem solid #3182f5;background:#3182f5}
#footer .fnb1{background:url("/img/footer/bt-nv1.svg") no-repeat 50% 50%}
#footer .fnb2{background:url("/img/footer/bt-nv2.svg") no-repeat 50% 50%}
#footer .fnb3{background:url("/img/footer/bt-nv3.svg") no-repeat 50% 50%}
#footer .fnb4{background:url("/img/footer/bt-nv4.svg") no-repeat 50% 50%}
#footer .fnb5{background:url("/img/footer/bt-nv5.svg") no-repeat 50% 50%}
#footer .fnb11{background:url("/img/footer/bt-onv1.svg") no-repeat 50% 50%}
#footer .fnb12{background:url("/img/footer/bt-onv2.svg") no-repeat 50% 50%}
#footer .fnb13{background:url("/img/footer/bt-onv3.svg") no-repeat 50% 50%}
#footer .fnb14{background:url("/img/footer/bt-onv4.svg") no-repeat 50% 50%}
#footer .fnb15{background:url("/img/footer/bt-onv5.svg") no-repeat 50% 50%}
#footer .act .fnb1{background:url("/img/footer/bt-nv1-act.svg") no-repeat 50% 50%}
#footer .act .fnb2{background:url("/img/footer/bt-nv2-act.svg") no-repeat 50% 50%}
#footer .act .fnb3{background:url("/img/footer/bt-nv3-act.svg") no-repeat 50% 50%}
#footer .act .fnb4{background:url("/img/footer/bt-nv4-act.svg") no-repeat 50% 50%}
#footer .act .fnb5{background:url("/img/footer/bt-nv5-act.svg") no-repeat 50% 50%}
#footer .act .fnb11{background:url("/img/footer/bt-onv1-act.svg") no-repeat 50% 50%}
#footer .act .fnb12{background:url("/img/footer/bt-onv2-act.svg") no-repeat 50% 50%}
#footer .act .fnb13{background:url("/img/footer/bt-onv3-act.svg") no-repeat 50% 50%}
#footer .act .fnb14{background:url("/img/footer/bt-onv4-act.svg") no-repeat 50% 50%}
#footer .act .fnb15{background:url("/img/footer/bt-onv5-act.svg") no-repeat 50% 50%}
/*#footer .navbtn{position:relative;background:#fff;box-shadow:0 -.5rem 1rem rgb(0 0 0 / 5%)}
#footer .navbtn ul{display:flex}
#footer .navbtn ul.owner li{min-width:25%}
#footer .navbtn ul.user li{min-width:20%}
#footer .navbtn ul + .btn{top:-7rem !important}
#footer .navbtn li{display:flex;align-items:center;justify-content:center;flex-basis:25%;height:5.8rem}
#footer .navbtn li a{display:flex;align-items:center;flex-direction:column;font-size:1.2rem;font-weight:400;color:#83878f}
#footer .navbtn li a i{width:3rem;height:3rem}
#footer .navbtn li.act a{color:#3182f5}
#footer .navbtn .btn{display:flex;position:absolute;top:-1.6rem;right:1.6rem}
#footer .navbtn .bt-wrt i{display:block;width:5.8rem;height:5.8rem;background:#3182f5 url("/img/user/bt-plus.svg") no-repeat 50% 50%;border-radius:5.8rem}
#footer .navbtn .fnb1{background:url("/img/footer/bt-onv1.svg") no-repeat 50% 50%}
#footer .navbtn .fnb2{background:url("/img/footer/bt-onv2.svg") no-repeat 50% 50%}
#footer .navbtn .fnb3{background:url("/img/footer/bt-onv3.svg") no-repeat 50% 50%}
#footer .navbtn .fnb4{background:url("/img/footer/bt-onv4.svg") no-repeat 50% 50%}
#footer .navbtn .fnb5{background:url("/img/footer/bt-onv5.svg") no-repeat 50% 50%}
#footer .navbtn .act .fnb1{background:url("/img/footer/bt-onv1-act.svg") no-repeat 50% 50%}
#footer .navbtn .act .fnb2{background:url("/img/footer/bt-onv2-act.svg") no-repeat 50% 50%}
#footer .navbtn .act .fnb3{background:url("/img/footer/bt-onv3-act.svg") no-repeat 50% 50%}
#footer .navbtn .act .fnb4{background:url("/img/footer/bt-onv4-act.svg") no-repeat 50% 50%}
#footer .navbtn .act .fnb5{background:url("/img/footer/bt-onv5-act.svg") no-repeat 50% 50%}
#footer .navbtn .button{padding:1.5rem}
#footer .navbtn .button .bt{display:block;width:100%;height:5rem;font-size:1.6rem;font-weight:500;color:#3182f5;text-align:center;border:.1rem solid #3182f5;background:#fff;border-radius:.4rem}
#footer .navbtn .button .bt-opt{display:block;min-width:13rem;height:5rem;font-size:1.6rem;font-weight:500;color:#3182F5;border:.1rem solid #3182F5;background:#fff;border-radius:.4rem}
#footer .navbtn .button .bt-mod{display:block;width:100%;height:5rem;font-size:1.6rem;font-weight:500;color:#fff;border:.1rem solid #3182F5;background:#3182F5;border-radius:.4rem}
#footer .navbtn .button .bt_gray{color:#fff;border:.1rem solid #d4d4d4;background:#d4d4d4}
#footer .navbtn .button .bt_red{color:#fff;border:.1rem solid #3182f5;background:#3182f5}
#footer .navbtn .button .bt_line{color:#999;border:.1rem solid #ccc;background:#fff}*/

#foot{position:fixed;z-index:1000;bottom:0;width:100%;max-width:42rem}
#foot nav{background:#fff;box-shadow:0 -.5rem 1rem rgb(0 0 0 / 5%)}
#foot nav ul{display:flex;padding:.6rem 0 1.2rem 0}
#foot nav li{position:relative;width:20%;text-align:center;vertical-align:bottom}
#foot nav li i{display:block;margin:.5rem auto 0;width:2.8rem;height:2.8rem;background-size:100% auto !important}
#foot nav li a{font-size:1.2rem;color:#83878f}
#foot nav li em{position:absolute;top:0;left:50%;display:block;margin:.3rem 0 0 .3rem;min-width:1.8rem;line-height:1.8rem;text-align:center;color:#fff;background:#3182f5;border-radius:1.2rem}
#foot nav li.act a{color:#3182f5}
#foot .txtbtn{padding:0 1.5rem;text-align:right}
#foot .txtbtn button{color:#777;border-bottom:.1rem solid #777}
#foot .check{padding:0 1.5rem;background:#fff}
#foot .khbtn{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#fff}
#foot .khbtn .inner{width:49%}
#foot .khbtn .hold{display:flex;align-items:center;margin:0 1rem 0 0;width:3rem}
#foot .khbtn .order{display:block;width:100%;height:4.6rem;font-size:1.6rem;font-weight:500;color:#3182f5;text-align:center;border:.1rem solid #eff6fa;background:#eff6fa;border-radius:.4rem}
#foot .khbtn .bt{display:block;width:100%;height:5rem;font-size:1.6rem;font-weight:500;color:#3182f5;text-align:center;border:.1rem solid #3182f5;background:#fff;border-radius:.4rem}
#foot .khbtn .bt_gray{color:#fff;border:.1rem solid #d4d4d4;background:#d4d4d4}
#foot .khbtn .bt_red{color:#fff;border:.1rem solid #3182f5;background:#3182f5}
#foot .khbtn .bt_line{color:#999;border:.1rem solid #ccc;background:#fff}
#foot .khwrap{padding:0 !important}
#foot .kflex{padding:0 0 1.6rem 0}
#foot .kflex .bt{display:block;width:100%;height:5rem;font-size:1.6rem;font-weight:500;color:#3182f5;text-align:center;border:.1rem solid #3182f5;background:#fff;border-radius:.4rem}
#foot .kflex .bt_cancel{width:48%;color:#777;border:.1rem solid #d4d4d4;background:#fff}
#foot .kflex .bt_okay{width:48%;color:#fff;border:.1rem solid #3182f5;background:#3182f5}
#foot .fnb1{background:url("/img/footer/bt-nv1.svg") no-repeat 50% 50%}
#foot .fnb2{background:url("/img/footer/bt-nv2.svg") no-repeat 50% 50%}
#foot .fnb3{background:url("/img/footer/bt-nv3.svg") no-repeat 50% 50%}
#foot .fnb4{background:url("/img/footer/bt-nv4.svg") no-repeat 50% 50%}
#foot .fnb5{background:url("/img/footer/bt-nv5.svg") no-repeat 50% 50%}
#foot .fnb11{background:url("/img/footer/bt-onv1.svg") no-repeat 50% 50%}
#foot .fnb12{background:url("/img/footer/bt-onv2.svg") no-repeat 50% 50%}
#foot .fnb13{background:url("/img/footer/bt-onv3.svg") no-repeat 50% 50%}
#foot .fnb14{background:url("/img/footer/bt-onv4.svg") no-repeat 50% 50%}
#foot .fnb15{background:url("/img/footer/bt-onv5.svg") no-repeat 50% 50%}
#foot .act .fnb1{background:url("/img/footer/bt-nv1-act.svg") no-repeat 50% 50%}
#foot .act .fnb2{background:url("/img/footer/bt-nv2-act.svg") no-repeat 50% 50%}
#foot .act .fnb3{background:url("/img/footer/bt-nv3-act.svg") no-repeat 50% 50%}
#foot .act .fnb4{background:url("/img/footer/bt-nv4-act.svg") no-repeat 50% 50%}
#foot .act .fnb5{background:url("/img/footer/bt-nv5-act.svg") no-repeat 50% 50%}
#foot .act .fnb11{background:url("/img/footer/bt-onv1-act.svg") no-repeat 50% 50%}
#foot .act .fnb12{background:url("/img/footer/bt-onv2-act.svg") no-repeat 50% 50%}
#foot .act .fnb13{background:url("/img/footer/bt-onv3-act.svg") no-repeat 50% 50%}
#foot .act .fnb14{background:url("/img/footer/bt-onv4-act.svg") no-repeat 50% 50%}
#foot .act .fnb15{background:url("/img/footer/bt-onv5-act.svg") no-repeat 50% 50%}

@media only screen and (max-width:1156px){
    #footer{max-width:100% !important}
}












.gap{display:block}
.gap.h70{display:none !important}
.gap.h80{height:5.5rem !important;}

.kfoot .txtbtn{padding:.8rem 1.6rem 0 1.6rem;background:#fff}
.kfoot .txtbtn button{color:#777;border-bottom:.1rem solid #777}
.kfoot .check{padding:0 1.5rem;background:#fff}
.kfoot .khbtn{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#fff}
.kfoot .khbtn .inner{width:49%}
.kfoot .khbtn .hold{display:flex;align-items:center;margin:0 1rem 0 0;width:3rem}
.kfoot .khbtn .order{display:block;width:100%;height:4.6rem;font-size:1.6rem;font-weight:500;color:#3182f5;text-align:center;border:.1rem solid #eff6fa;background:#eff6fa;border-radius:.4rem}
.kfoot .khbtn .bt{display:block;width:100%;height:5rem;font-size:1.6rem;font-weight:500;color:#3182f5;text-align:center;border:.1rem solid #3182f5;background:#fff;border-radius:.4rem}
.kfoot .khbtn .bt_gray{color:#fff;border:.1rem solid #d4d4d4;background:#d4d4d4}
.kfoot .khbtn .bt_red{color:#fff;border:.1rem solid #3182f5;background:#3182f5}
.kfoot .khbtn .bt_line{color:#999;border:.1rem solid #ccc;background:#fff}

#write .title h3{line-height:5rem;font-size:1.7rem;text-align:center;background:#fff}
#write .title button{position:absolute;top:0;right:0;display:inline-block;width:5rem;height:5rem}
#write .title button i{font-size:2.4rem;color:#333}
#write .sarea{height:100vh;background:#aaa}
#write .sarea h3{padding:1.5rem 0;font-size:1.5rem;font-weight:500;color:#fff}
#write .form{padding:2rem 0;background:#fff}
#write .form h3{font-size:1.6rem}
#write .form p{font-size:1.4rem;color:#545454}
#write .form dt{padding:0 0 .5rem 0;font-size:1.4rem;color:#3d3d3f}
#write .form .split{margin:0 -2rem 0 0;font-size:0}
#write .form .split dl{display:inline-block;margin:0 2rem 2rem 0;width:calc(50% - 2rem)}
#write .form .multi{padding:1rem 0;border:.1rem solid #e8e8ec;border-radius:.4rem}
#write .form .multi input{padding:0;border:0;width:22%;height:3rem;font-size:1.6rem;text-align:center}
#write .form .multi em{width:4%;font-size:1.8rem;text-align:center}
#write .form{padding:0 !important}
#write .form .addition{border-bottom:0 !important}
#write .form .input{position:relative}
#write .form .input + .input{margin-top:2.4rem}
#write .form .input label{position:relative;display:block;font-size:1.4rem;font-weight:600;color:#242a38}
#write .form .input input{width:100%;height:4.5rem;line-height:4.5rem;font-size:1.4rem;color:#242a38;border:.1rem solid #e8e8ec;border-radius:.4rem}
#write .form .input input:focus{border:.1rem solid #242a38;background:#f9f9f9}
#write .form .input em{position:absolute;bottom:1.5rem;right:0;font-size:1.4rem;color:#f5183d}
#write .form .input p{padding:.4rem 0;font-size:1.4rem;color:#6f6f6f}
#write .form .input textarea{margin:.5rem 0 0 0;padding:1rem;width:100%;height:12rem;font-size:1.4rem;border:.1rem solid #aaa;border-radius:.4rem;resize:none}
#write .form .input textarea:hover,
#write .form .input textarea:focus{border:.1rem solid #242a38;background:#f9f9f9}
#write .form .input.btn{width:calc(100% - 11rem)}
#write .form .input.btn .bt{position:absolute;bottom:0;right:-11rem;display:block;width:10rem;height:4.5rem;line-height:4.5rem;font-size:1.4rem;text-align:center;color:#999;border:.1rem solid #aaa;background:#fff;border-radius:.4rem}
#write .form .input.btn .bt:focus{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
#write .form .input.btn .bt.act{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
#write .form .input.btn .red{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
#write .form .input.won{width:calc(100% - 2rem)}
#write .form .input.won > label{display:inline-block;padding:0 2rem 1rem 0}
#write .form .input.won > label i{position:absolute;top:.1rem;right:0;font-size:1.6rem}
#write .form .input.won em{position:absolute;right:-2rem;color:#777 !important}
#write .form .input.won input{margin:0 0 0 50%;width:50%;text-align:right}
#write .form .input.won ins{position:absolute;bottom:0;left:0;text-decoration:none}
#write .form .input.won ins strong{display:inline-block;font-size:2rem;color:#3182f5}
#write .form .input.won ins span{display:inline-block;font-size:1.5rem;color:#54575c}
#write .form .input.won ins i{display:inline-block;font-size:1.4rem;color:#54575c}
#write .form .input.won .rad label{display:block;font-size:1.4rem;font-weight:400;color:#242a38}
#write .form .input.won .rad .checkbox + label:before{top:.3rem}
#write .form .input.won .area{margin:.5rem -.5rem 1rem 0;text-align:center}
#write .form .input.won .area .inner{display:inline-block;vertical-align:top}
#write .form .input.won .area .item{display:block;margin:0 .5rem 0 0;font-size:1.4rem}
#write .form .input.won .ckbox{display:none}
#write .form .input.won .ckbox + label{display:block;position:relative;padding:1rem;font-size:1.4rem;color:#a3a3a3;border:.1rem solid #d3d3d3;border-radius:.4rem;cursor:pointer}
#write .form .input.won .ckbox:checked + label{color:#3182f5;border:.1rem solid #3182f5}
#write .form .input.won .ckbox + label em{display:none}
#write .form .info{margin:0 0 1rem 0}
#write .form .info .checkbox + label:before{top:-.1rem}
#write .form .info label{font-size:1.4rem;vertical-align:middle}
#write .form .radio{margin:0 0 1rem 0;font-size:0}
#write .form .radio .inner{display:inline-block;padding:0 1.2rem 0 0}
#write .form .radio .inner .item{display:block}
#write .form .radio .inner .item label{padding:0 0 0 2.2rem;font-size:1.4rem;font-weight:400}
#write .form .input.ups{width:calc(100% - 5rem)}
#write .form .input.ups em{position:absolute;right:-5rem !important;color:#777 !important}
#write .form .input .lot{position:absolute;top   :.2rem;right:0;font-size:1.4rem;font-weight:500;color:#999}
#write .form .input .typ{position:absolute;top:-2rem;right:0;font-size:1.4rem;font-weight:500;color:#999}
#write .form .input .txt{font-size:1.4rem;font-weight:300;color:#999}
#write .form .all{font-weight:400;border:.1rem solid #f4f4f6;background:#f4f4f6}
#write .form .check{padding:0 0 2rem 0}
#write .form .check label{font-size:1.4rem;font-weight:400;color:#242a38}
#write .form .check button{float:right;font-size:1.4rem;font-weight:400;color:#242a38;text-decoration:underline}
#write .form .cross{position:absolute;bottom:1.5rem;right:0;width:2rem;height:2rem;background:url("/img/member/cross.svg") no-repeat 50% 50%}

#itemDiv .title{position:relative;margin-top:2.4rem;padding:0 1.6rem;padding-bottom:.8rem}
#itemDiv .title h1{font-size:2rem;font-weight:700;text-align:center;color:#000}
#itemDiv .title h2{font-size:1.6rem;font-weight:700;color:#000}
#itemDiv .title h3{display:flex;align-items:center;font-size:1.6rem;font-weight:700;color:#000}
#itemDiv .title h3:before{content:'';margin:0 .6rem 0 0;width:.5rem;height:.5rem;background:#000}
#itemDiv .title h3 i{padding:0 .4rem;font-size:1.6rem;font-weight:700;color:#f3132c}
#itemDiv .title h3 span{font-size:1.4rem;font-weight:400;color:#848B96}
#itemDiv .title em{display:flex;align-items:center;position:absolute;top:0;right:0;height:2rem;font-size:1.4rem;font-weight:500;color:#999}
#itemDiv .title p{padding-top:.8rem;font-size:1.2rem;font-weight:300;color:#999}
#itemDiv .title .cut{position:absolute;top:.5rem;right:0}

#ktplay .form + .phtadd{position:relative;top:-1.6rem}
#ktplay .phtadd + .form{padding-top:0 !important}
#ktplay .phtadd label{display:flex;align-items:center;padding:0 1.6rem;font-size:1.6rem;font-weight:700;color:#000}
#ktplay .phtadd label i{padding:0 .2rem;color:#3182f5}
#ktplay .phtadd .overflow{padding:.8rem 1.6rem 0 1.6rem;overflow:hidden;overflow-x:auto;box-sizing:border-box}
#ktplay .phtadd .sw-wrapper{display:flex;align-items:center}
#ktplay .phtadd .sw-slide{margin-right:.8rem}
#ktplay .phtadd .lot{position:absolute;top:.2rem;right:1.6rem;font-size:1.4rem;font-weight:500;color:#999}
#ktplay .phtadd .area{position:relative;padding:1rem;font-size:1.4rem;border:.1rem solid #ccc;border-radius:.4rem}
#ktplay .phtadd .area button{position:absolute;top:-.5rem;right:-.5rem;width:2rem;height:2rem;background:url("/img/ico/cross_red.svg") no-repeat 50% 50% / 100% auto}
#ktplay .phtadd .area button span{display:none}
#ktplay .phtadd .img{position:relative;background-color:#000;border-radius:.8rem}
#ktplay .phtadd .img .image{display:block;width:9rem;height:9rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:.8rem}
#ktplay .phtadd .img .bt-del{position:absolute;top:-.6rem;right:-.6rem;width:1.8rem;height:1.8rem;background:#fff url("/img/user/bt-img-del.svg") no-repeat 50% 50%;border-radius:1.8rem}
#ktplay .phtadd .img .bt-del span{display:none}
#ktplay .phtadd .img .bt-shift{display:block;width:100%;height:2.4rem;background:url("/img/user/ico-shift.svg") no-repeat 50% 50%}
#ktplay .phtadd .img .bt-shift span{display:none}
#ktplay .phtadd .add{display:flex;align-items:center;justify-content:center;width:9rem;height:9rem;border:.1rem dashed #2f2f2f;border-radius:.8rem}
#ktplay .phtadd .add button{text-align:center;color:#2f2f2f}
#ktplay .phtadd .add i{font-size:2.4rem}
#ktplay .bt-change{display:flex;align-items:center;justify-content:center;gap:.5rem;position:absolute;bottom:0;right:0;left:0;height:2rem;font-size:1.1rem;text-align:center;color:#fff;background:#00000075;border-radius:0 0 1rem 1rem}
#ktplay .bt-change i{font-size:1.6rem}

#ktplay .prdadd{margin-top:2.4rem;padding:0 1.6rem;overflow:hidden}
#ktplay .prdadd label{display:block;padding:0 0 .8rem 0}
#ktplay .prdadd .lot{position:absolute;top:0;right:1.6rem;font-size:1.4rem;font-weight:500;color:#999}
#ktplay .prdadd .swiper-slide{width:auto !important}
#ktplay .prdadd .img{position:relative;width:9.4rem;height:9.4rem}
#ktplay .prdadd .img img{display:block;width:9.4rem;height:9.4rem;border-radius:1rem}
#ktplay .prdadd .img button{position:absolute;top:-.6rem;right:-.6rem;width:2.2rem;line-height:2.2rem;text-align:center;color:#fff;background:#3182f5;border-radius:1rem}
#ktplay .prdadd .img span{display:none}
#ktplay .prdadd .add{position:relative;width:9.4rem;height:9.4rem;border:.1rem solid #3182f5;border-radius:1rem}
#ktplay .prdadd .add button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
#ktplay .prdadd .add i{font-size:2rem;color:#3182f5}
#ktplay .prdadd .add span{display:block;font-size:1.2rem;font-weight:400;color:#3182f5}

#ktplay .prdadd.flex{display:flex;justify-content:space-between}
#ktplay .prdadd.flex .inner{width:100%}
#ktplay .prdadd.flex .item{position:relative}
#ktplay .prdadd.flex .item .img{position: absolute;bottom:0}
#ktplay .prdadd.flex .tit{min-height:3rem !important}
#ktplay .prdadd.flex .tit strong{font-size:1.4rem !important}
#ktplay .prdadd.flex .img{width:7.2rem !important;height:7.2rem !important}
#ktplay .prdadd.flex .add{width:7.2rem !important;height:7.2rem !important}

#write .textarea{padding:1rem 0 0 0}
#write .textarea textarea{padding:1rem;width:100%;height:12rem;border:.1rem solid #c0c0c0;resize:none}
#write .btn{text-align:center}
#write .btn button{display:block;width:100%;height:5rem;font-size:1.5rem;font-weight:500;color:#3182f5;border:.1rem solid #3182f5;background:#fff;border-radius:.4rem}
#write .btn button + button{margin:.7rem 0 0 0;color:#fff;border:.1rem solid #3182f5;background:#3182f5}

#write .half{position:relative;margin:0 .5rem;font-size:0}
#write .half .inner{display:inline-block;width:50%;overflow:hidden}
#write .half .inner:nth-child(1) .item{float:left}
#write .half .inner:nth-child(2) .item{float:right}
#write .half .item{display:block;font-size:1.4rem}
#write .half .item label{display:block;font-size:1.4rem}
#write .half .item input{width:12rem;height:4.5rem;line-height:4.5rem;font-size:1.4rem;color:#242a38;border:.1rem solid #e8e8ec;border-radius:.4rem}
#write .half .item input:focus{border:.1rem solid #242a38;background:#f9f9f9}
#write .half .arr{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.4rem}

#write .form .kflex{padding:1rem 0 0 0}
#write .form .eday{position:absolute;bottom:1.5rem;right:0;width:2rem;height:2.1rem;background:url("/img/ico/date.svg") no-repeat 50% 50%}

#write .date{position:relative;margin:0 0 1rem 0;padding:0 0 1rem 0;border-bottom:.1rem solid #eee}
#write .date label{position:relative;display:block;font-size:1.4rem;font-weight:600;color:#54575c}
#write .date span{display:inline-block;padding:0 .5rem;font-size:1.4rem;font-weight:400;vertical-align:middle;color:#54575c}
#write .date input{height:4.5rem;line-height:4.5rem;font-size:1.4rem;color:#242a38;border:.1rem solid #e8e8ec;border-radius:.4rem}
#write .date input:focus{border:.1rem solid #242a38;background:#f9f9f9}
#write .date button{display:inline-block;vertical-align:middle}
#write .date button i{font-size:2.4rem;color:#54575c}
#write .date em{position:absolute;bottom:1.5rem;right:0;font-size:1.4rem;color:#f5183d}
#write .date p{padding:.4rem 0;font-size:1.4rem;color:#6f6f6f}
#write .volume{position:relative;margin:0 0 1rem 0;padding:0 0 1rem 0;border-bottom:.1rem solid #eee}
#write .volume > label{display:block;padding:0 0 1rem 0;font-size:1.4rem;font-weight:600;color:#54575c}

#write .addprod .item{display:flex;align-items:center}
#write .addprod .item .sale{color:#3182f5}

#pop_modal1{background:#fff}
#pop_modal1 .addprod .item{display:flex;align-items:center;margin:0 !important}
#pop_modal1 .addprod .item .img{padding:0 !important}

#prodlist .prodlist .title{padding:0 0 1rem 3rem}
#prodlist .prodlist .title h4{font-size:1.4rem;font-weight:600;color:#333}
#prodlist .prodlist .title h4 em{font-size:1.4rem;font-weight:400;color:#3182f5}
#prodlist .prodlist .item{display:flex;gap:1rem;position:relative;margin:2rem 0 0 0}
#prodlist .prodlist .item h3{padding:0 0 1rem 0;font-size:1.6rem;font-weight:400;vertical-align:middle;color:#83878f}
#prodlist .prodlist .item .chk{display:flex;align-items:flex-start}
#prodlist .prodlist .item .img{min-width:15rem;border-radius:1.2rem;overflow:hidden}
#prodlist .prodlist .item .img .image{width:15rem;height:15rem}
#prodlist .prodlist .item .img img{width:auto;max-width:100%;height:auto}
#prodlist .prodlist .item .box{padding:1rem 0;width:100%}
#prodlist .prodlist .val{padding:0 0 1rem 0;font-size:1rem;color:#83878f} 
#prodlist .prodlist .tit{font-size:1.4rem}
#prodlist .prodlist .tit a{font-size:1.4rem;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#prodlist .prodlist .tit em{display:block;font-size:1.2rem;color:#83878f}
#prodlist .prodlist .txt{display:block;font-size:1.4rem}
#prodlist .prodlist .txt span{display:inline-block;padding:0 .5rem;font-size:1.4rem;font-weight:600;color:#999}
#prodlist .prodlist .prc strong{padding:0 .2rem 0 0;font-size:1.4rem}
#prodlist .prodlist .prc span{font-size:1.4rem}
#prodlist .prodlist .prc del{font-size:1.4rem;color:#83878f}
#prodlist .prodlist .xi-thumbs-up,
#prodlist .prodlist .xi-heart{color:#3182f5 !important}
#prodlist .prodlist .str{font-size:0}
#prodlist .prodlist .str em{display:inline-block;padding:0 .6rem;font-size:1.4rem;vertical-align:middle;color:#242a38}
#prodlist .prodlist .star{display:inline-block;width:8rem;vertical-align:middle;background:url("/img/ico/star2.svg") no-repeat 0 50%;background-size:8rem auto}
#prodlist .prodlist .star span{display:block;height:1.6rem;background:url("/img/ico/star1.svg") no-repeat 0 50%;background-size:8rem auto}
#prodlist .prodlist .stt{padding:.5rem 0}
#prodlist .prodlist .stt span{display:inline-block;margin:0 .4rem 0 0;padding:.2rem .6rem;font-size:1.2rem;vertical-align:middle}
#prodlist .prodlist .stt .stt1{color:#da1a31;background:#fce4e4}
#prodlist .prodlist .stt .stt2{color:#009646;background:#e0fbec}
#prodlist .prodlist .des span{display:inline-block;padding:0 .6rem 0 0;font-size:1.4rem;vertical-align:middle;color:#009646}
#prodlist .prodlist .des span em{color:#333}
#prodlist .prodlist .btn{padding:2rem 0 0 0}
#prodlist .prodlist .btn .bt{display:block;width:100%;height:4.4rem;font-size:1.5rem;font-weight:500;color:#fff;border:.1rem solid #3182f5;background:#3182f5;border-radius:.4rem}
#prodlist .prodlist .label{position:absolute;top:calc(50% - 1.1rem);left:0}

#ktplay .addprod .title{padding:1.6rem 0}
#ktplay .addprod .title h4{font-size:1.4rem;font-weight:600;color:#333}
#ktplay .addprod .title h4 em{font-size:1.4rem;font-weight:400;color:#3182f5}
#ktplay .addprod .item{position:relative;margin:1.6rem 0}
#ktplay .addprod .item h3{padding:0 0 1rem 0;font-size:1.6rem;font-weight:400;vertical-align:middle;color:#83878f}
#ktplay .addprod .item .chk{display:inline-block;vertical-align:middle}
#ktplay .addprod .item .img{display:inline-block;vertical-align:middle;overflow:hidden}
#ktplay .addprod .item .img img{width:auto;max-width:100%;height:auto}
#ktplay .addprod .item .image{width:15rem;height:15rem}
#ktplay .addprod .item .box{display:inline-block;width:calc(100% - 15rem);padding:0 1rem;vertical-align:middle}
#ktplay .addprod .box{padding:.5rem 0 0 0}
#ktplay .addprod .val{padding:0 0 1rem 0;font-size:1rem;color:#83878f} 
#ktplay .addprod .tit{display:block;font-size:1.4rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .addprod .tit em{display:block;font-size:1.4rem;color:#83878f}
#ktplay .addprod .txt{display:block;font-size:1.4rem}
#ktplay .addprod .txt span{display:inline-block;padding:0 .5rem;font-size:1.4rem;font-weight:600;color:#999}
#ktplay .addprod .prc strong{padding:0 .2rem 0 0;font-size:1.6rem}
#ktplay .addprod .prc span{font-size:1.4rem}
#ktplay .addprod .prc del{font-size:1.4rem;color:#83878f}
#ktplay .addprod .xi-thumbs-up,
#ktplay .addprod .xi-heart{color:#3182f5 !important}
#ktplay .addprod .str{padding:.2rem 0 0 0;font-size:0}
#ktplay .addprod .str em{display:inline-block;padding:0 .6rem;font-size:1.4rem;vertical-align:middle;color:#242a38}
#ktplay .addprod .star{display:inline-block;width:8rem;vertical-align:middle;background:url("/img/ico/star2.svg") no-repeat 0 50%;background-size:8rem auto}
#ktplay .addprod .star span{display:block;height:1.6rem;background:url("/img/ico/star1.svg") no-repeat 0 50%;background-size:8rem auto}
#ktplay .addprod .stt{padding:.5rem 0}
#ktplay .addprod .stt span{display:inline-block;margin:0 .4rem 0 0;padding:.2rem .6rem;font-size:1.2rem;vertical-align:middle}
#ktplay .addprod .stt .stt1{color:#da1a31;background:#fce4e4}
#ktplay .addprod .stt .stt2{color:#009646;background:#e0fbec}
#ktplay .addprod .des span{display:inline-block;padding:0 .6rem 0 0;font-size:1.4rem;vertical-align:middle;color:#009646}
#ktplay .addprod .des span em{color:#333}
#ktplay .addprod .btn{padding-bottom:.6rem;text-align:right}
#ktplay .addprod .btn .bt{display:block;width:100%;height:4.4rem;font-size:1.5rem;font-weight:500;color:#fff;border:.1rem solid #3182f5;background:#3182f5;border-radius:.4rem}
#ktplay .addprod .btn .bt-del{font-size:1.4rem;border-bottom:.1rem solid #aaa}
#ktplay .addprod .label{position:absolute;top:calc(50% - 1.1rem);left:0}

#ktplay .checksll{display:none}
#ktplay .checksll + label{position:relative}
#ktplay .checksll + label span{display:none}
#ktplay .checksll + label:before{content:"";position:absolute;top:0;left:0;display:block;width:.6rem;height:.6rem;border:.8rem solid #bababa;background:#fff;border-radius:2rem}
#ktplay .checksll:checked + label{color:#0c4fcf}
#ktplay .checksll:checked + label:before{content:"";border-color:#3182f5}

#ktplay .sellprod .title{}
#ktplay .sellprod .title h3{padding:2.4rem 0 1.6rem 0;font-size:1.8rem}
#ktplay .sellprod .title h4{font-size:1.4rem;font-weight:600;color:#333}
#ktplay .sellprod .title h4 em{font-size:1.4rem;font-weight:400;color:#3182f5}
#ktplay .sellprod .item{display:flex;align-items:flex-start;gap:1rem;position:relative;margin:0 0 1rem 0}
#ktplay .sellprod .item h3{padding:0 0 1rem 0;font-size:1.6rem;font-weight:400;vertical-align:middle;color:#83878f}
#ktplay .sellprod .item .img{min-width:15rem;height:15rem;vertical-align:middle;overflow:hidden}
#ktplay .sellprod .item .img img{width:auto;max-width:100%;height:auto}
#ktplay .sellprod .item .image{width:15rem;height:15rem}
#ktplay .sellprod .item .box{display:flex;flex-direction:column;padding:1rem 0;width:100%}
#ktplay .sellprod .box{padding:.5rem 0 0 0}
#ktplay .sellprod .val{padding:0 0 1rem 0;font-size:1rem;color:#83878f} 
#ktplay .sellprod .tit{display:block}
#ktplay .sellprod .tit em{display:block;font-size:1.2rem;color:#83878f}
#ktplay .sellprod .tit a{display:block;line-height:1.8rem;font-size:1.4rem;font-weight:600;overflow:hidden}
#ktplay .sellprod .txt{display:block;height:4rem;font-size:1.4rem}
#ktplay .sellprod .txt span{display:inline-block;padding:0 .5rem;font-size:1.4rem;font-weight:600;color:#999}
#ktplay .sellprod .prc strong{padding:0 .2rem 0 0;font-size:1.4rem}
#ktplay .sellprod .prc span{font-size:1.4rem}
#ktplay .sellprod .prc del{font-size:1.4rem;color:#4E4E4E}
#ktplay .sellprod .prc .sale{color:#3182f5}
#ktplay .sellprod .xi-thumbs-up,
#ktplay .sellprod .xi-heart{color:#3182f5 !important}
#ktplay .sellprod .str{padding:.2rem 0 0 0;font-size:0}
#ktplay .sellprod .str em{display:inline-block;padding:0 .6rem;font-size:1.4rem;vertical-align:middle;color:#242a38}
#ktplay .sellprod .star{display:inline-block;width:8rem;vertical-align:middle;background:url("/img/ico/star2.svg") no-repeat 0 50%;background-size:8rem auto}
#ktplay .sellprod .star span{display:block;height:1.6rem;background:url("/img/ico/star1.svg") no-repeat 0 50%;background-size:8rem auto}
#ktplay .sellprod .stt{padding:.5rem 0}
#ktplay .sellprod .stt span{display:inline-block;padding:0 .6rem;font-size:1.2rem;vertical-align:middle;border-radius:.3rem}
#ktplay .sellprod .stt span + span{margin:0 0 0 .2rem}
#ktplay .sellprod .stt .stt1{color:#fff;background:#da1a31}
#ktplay .sellprod .stt .stt2{color:#fff;background:#3C9C5E}
#ktplay .sellprod .des span{display:inline-block;padding:0 .6rem 0 0;font-size:1.4rem;vertical-align:middle;color:#009646}
#ktplay .sellprod .des span em{color:#333}
#ktplay .sellprod .btn{padding:0 0 1rem 0}
#ktplay .sellprod .btn .bt{display:block;width:100%;height:4.6rem;font-size:1.6rem;font-weight:500;color:#fff;border:.1rem solid #313131;background:#313131;border-radius:.4rem}
#ktplay .sellprod .label{position:absolute;top:calc(50% - 1.1rem);left:0}

#ktplay .leave{padding:6rem 0;text-align:center}
#ktplay .leave .img{padding:0 0 2rem 0}
#ktplay .leave .img img{display:inline-block;width:10rem;height:10rem;border-radius:10rem}
#ktplay .leave .tit{padding:1rem 0;font-size:1.8rem;font-weight:500;color:#222}
#ktplay .leave .txt{font-size:1.4rem;font-weight:300;color:#222}

#ktplay .delete{padding:2rem 0}
#ktplay .delete .inf{display:flex;margin:0 0 2.4rem 0;text-align:center;background:#F5F5F5;border-radius:1rem}
#ktplay .delete .inf .inner{width:100%}
#ktplay .delete .inf .item{padding:2.4rem 0}
#ktplay .delete .inf .item strong{display:block;font-size:2.2rem;font-weight:500;color:#3182f5}
#ktplay .delete .inf .item span{display:block;font-size:1.4rem;font-weight:400;color:#777}
#ktplay .delete .tit{display:block;padding:0 0 1rem 0;font-size:1.6rem;font-weight:500;color:#222;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .delete .txt li{position:relative;padding:0 0 1rem 1.5rem;font-size:1.4rem;font-weight:400;color:#777}
#ktplay .delete .txt li:before{content:'-';position:absolute;top:-.2rem;left:0}

#ktplay .ktorder{padding:2rem 0;text-align:center}
#ktplay .ktorder .bt-add{display:flex;align-items:center;justify-content:center;width:100%;font-size:1.6rem;color:#222}
#ktplay .ktorder .bt-add span{padding:0 .4rem}

[id^="pop_alert"]{display:none;position:fixed;z-index:1203;overflow-y:scroll;top:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;max-width:42rem;height:100vh}
[id^="pop_alert"].act{display:flex}
[id^="pop_alert"] .interact{position:relative;z-index:1204}
[id^="pop_alert"] .interact .menu{position:relative;background:#fff;border-radius:.4rem}
[id^="pop_alert"] .interact .form{padding:3rem 2rem}
[id^="pop_alert"] .interact .form h3{padding:0 0 1rem 0;font-size:1.6rem;color:#242a38}
[id^="pop_alert"] .interact .form p{font-size:1.4rem;color:#83878f}
[id^="pop_alert"] .interact .btn{border-top:.1rem solid #e8e8ec}
[id^="pop_alert"] .interact .btn button{display:inline-block;width:50%;line-height:5rem;font-size:1.4rem;color:#242a38;text-align:center}
[id^="pop_alert"] .interact .btn button + button{border-left:.1rem solid #e8e8ec}
[id^="pop_alert"] .interact .btn .bt-active{color:#3182f5}

/*[id^="pop_modal"]{display:none;position:fixed;z-index:1203;top:0;bottom:0;overflow-y:auto;width:100%;max-width:42rem;background:#fff}*/
[id^="pop_modal"]{position:fixed;z-index:-1;top:0;width:100%;max-width:42rem;height:100vh;overflow-y:scroll;background:#fff;opacity:0}
[id^="pop_modal"].act{z-index:1203;opacity:1}
[id^="pop_modal"].no-scroll{overflow:hidden}
[id^="pop_modal"] .khwrap,
[id^="pop_modal"] .nowrap{position:relative}
/*[id^="pop_modal"] .form .khwrap{min-height:calc(100vh - 9.1rem)}*/
[id^="pop_modal"] .title{position:relative;/*min-width:32rem;max-width:81.2rem*/}
[id^="pop_modal"] .title h3{font-size:1.7rem;background:#fff}
[id^="pop_modal"] .title button{position:absolute;top:0;right:0;display:inline-block;width:5rem;height:5rem}
[id^="pop_modal"] .title button i{font-size:2.4rem;color:#333}
[id^="pop_modal"] .title .close{position:absolute;top:0;right:0;display:inline-block;width:5rem;height:5rem;background:url("/img/ico/pop_close.svg") no-repeat 50% 50% / 3rem auto}
[id^="pop_modal"] .title .prev{display:inline-block;width:5rem;height:6rem;background:url("/img/ico/t_prev.svg") no-repeat 50% 50% / 2rem auto}
[id^="pop_modal"] .title .home{display:inline-block;width:4rem;height:6rem;background:url("/img/ico/t_home.svg") no-repeat 50% 50% / 2rem auto}
[id^="pop_modal"] .title .search{position:absolute;top:0;right:0;display:inline-block;width:5rem;height:6rem;background:url("/img/ico/t_search.svg") no-repeat 50% 50% / 2rem auto}

[id^="pop_modal"] .header{position:relative;z-index:10;border-bottom:.1rem solid #eee;background:#fff}
[id^="pop_modal"] .sarea{height:100vh;background:#aaa}
[id^="pop_modal"] .sarea h3{padding:1.5rem 0;font-size:1.5rem;font-weight:500;color:#fff}
[id^="pop_modal"] .form{padding:2rem 0;background:#fff;overflow:hidden}
[id^="pop_modal"] .form h3{font-size:1.6rem}
[id^="pop_modal"] .form p{font-size:1.4rem;color:#545454}
[id^="pop_modal"] .form dt{padding:0 0 .5rem 0;font-size:1.4rem;color:#3d3d3f}
[id^="pop_modal"] .form .tip{padding:.5rem 0 2rem 0;font-size:1.2rem;color:#f5183d}
[id^="pop_modal"] .form .txt{font-size:1.6rem;text-align:center}
[id^="pop_modal"] .form .input.btn{text-align:left !important}
/*[id^="pop_modal"] .form .input input{width:100%;padding:0 2rem;height:5rem;line-height:5rem;font-size:1.4rem;color:#242a38;border:.1rem solid #e8e8ec;border-radius:.4rem}*/
[id^="pop_modal"] .form .split{margin:2rem -2rem 0 0;font-size:0}
[id^="pop_modal"] .form .split dl{display:inline-block;margin:0 2rem 0 0;/*margin:0 2rem 2rem 0;*/width:calc(50% - 2rem)}
[id^="pop_modal"] .form .split dl .input{margin:0 !important}
[id^="pop_modal"] .form .multi{padding:1rem 0;border:.1rem solid #e8e8ec;border-radius:.4rem}
[id^="pop_modal"] .form .multi input{padding:0;border:0;width:22%;height:3rem;font-size:1.6rem;text-align:center}
[id^="pop_modal"] .form .multi em{width:4%;font-size:1.8rem;text-align:center}
[id^="pop_modal"] .addprod .item{margin:0 0 1rem 0;padding:0 0 0 3rem}
[id^="pop_modal"] .addprod .item .img{width:17rem;height:17rem}
[id^="pop_modal"] .addprod .item .box{width:calc(100% - 17rem)}
/*[id^="pop_modal"] .form{padding:0 !important}*/
[id^="pop_modal"] .form .addition{border-bottom:0 !important}
[id^="pop_modal"] .form .input{position:relative}
[id^="pop_modal"] .form .input + .input{margin-top:1.6rem}
[id^="pop_modal"] .form .input label{display:flex;align-items:center;position:relative;height:4rem;font-size:1.4rem;font-weight:600;color:#242a38}
[id^="pop_modal"] .form .input input{padding:0 .8rem;width:100%;height:4.5rem;font-size:1.4rem;color:#242a38;border:0;border:.1rem solid #e8e8ec;border-radius:.4rem}
[id^="pop_modal"] .form .input input:focus{border:.1rem solid #242a38;background:#f9f9f9}
[id^="pop_modal"] .form .input em{position:absolute;right:13rem;display:flex;align-items:center;height:4.5rem;font-size:1.4rem;color:#f5183d}
[id^="pop_modal"] .form .input p{padding:0 0 1rem 0;font-size:1.6rem;color:#6f6f6f}
[id^="pop_modal"] .form .input .box{position:relative}
[id^="pop_modal"] .form .input .box + .box{margin:1rem 0 0 0}
[id^="pop_modal"] .form .input .box + .feed{margin:1rem 0 0 0}
[id^="pop_modal"] .form .input.btn{width:calc(100% - 11rem)}
[id^="pop_modal"] .form .input.btn .bt{position:absolute;bottom:0;right:-11rem;display:block;width:10rem;height:4.5rem;line-height:4.5rem;font-size:1.4rem;text-align:center;color:#999;border:.1rem solid #aaa;background:#fff;border-radius:.4rem}
[id^="pop_modal"] .form .input.btn .bt:focus{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
[id^="pop_modal"] .form .input.btn .bt.act{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
[id^="pop_modal"] .form .input.btn .red{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
[id^="pop_modal"] .form .box.btn{display:flex;gap:.6rem;position:relative}
[id^="pop_modal"] .form .box.btn .bt{display:block;width:auto;min-width:11rem;height:4.5rem;font-size:1.4rem;text-align:center;color:#999;border:.1rem solid #aaa;background:#fff;border-radius:.4rem}
[id^="pop_modal"] .form .box.btn .bt:focus{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
[id^="pop_modal"] .form .box.btn .bt.act{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
[id^="pop_modal"] .form .box.btn .red{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
/*[id^="pop_modal"] .form .input.won{width:calc(100% - 2rem)}*/
[id^="pop_modal"] .form .input.won > label i{position:absolute;top:.1rem;right:0;font-size:1.6rem}
[id^="pop_modal"] .form .input.won em{position:absolute;top:50%;bottom:auto;transform:translateY(-50%);right:-2rem;color:#777 !important}
[id^="pop_modal"] .form .input.won input{/*margin:0 0 0 50%;width:50%;*/text-align:right}
[id^="pop_modal"] .form .input.won .rad{padding:0 0 .8rem 0}
[id^="pop_modal"] .form .input.won .rad label{display:block;font-size:1.4rem;font-weight:400;color:#242a38}
[id^="pop_modal"] .form .input.won .rad .checkbox + label:before{top:.3rem}
[id^="pop_modal"] .form .input.won .area{margin:.5rem -.5rem 1rem 0;font-size:0/*;text-align:center*/}
[id^="pop_modal"] .form .input.won .area .inner{display:inline-block;vertical-align:top}
[id^="pop_modal"] .form .input.won .area .item{display:block;margin:0 .5rem .5rem 0;font-size:1.4rem}
[id^="pop_modal"] .form .input.won .ckbox{display:none}
[id^="pop_modal"] .form .input.won .ckbox + label{display:block;position:relative;padding:1rem;font-size:1.4rem;color:#a3a3a3;border:.1rem solid #d3d3d3;border-radius:.4rem;cursor:pointer}
[id^="pop_modal"] .form .input.won .ckbox:checked + label{color:#fff;border:.1rem solid #3182f5;background:#3182f5}
[id^="pop_modal"] .form .input.won .ckbox + label em{display:none}
[id^="pop_modal"] .form .cate + .info{margin-top:1rem}
[id^="pop_modal"] .form .info{position:relative}
[id^="pop_modal"] .form .info label{font-size:1.4rem;vertical-align:middle}
[id^="pop_modal"] .form .info .checkbox + label:before{top:-.1rem}
/*[id^="pop_modal"] .form .info .rads{padding:0 0 18rem 0}*/
[id^="pop_modal"] .form .info .rad{padding-top:1rem}
[id^="pop_modal"] .form .info .rads label{padding-top:.2rem;font-size:1.4rem;font-weight:300}
[id^="pop_modal"] .form .info .tip{padding:0 0 2rem 2.5rem;font-size:1.2rem;color:#888}
[id^="pop_modal"] .form .info .total{margin:1rem 0 0 0;padding:1rem 0 0 0;border-top:.1rem solid #e8e8ec}
[id^="pop_modal"] .form .info .total dt{font-size:1.6rem;color:#242a38}
[id^="pop_modal"] .form .info .total dd{font-size:1.6rem;color:#3182f5}
[id^="pop_modal"] .form .rads .radiobox + label:before{top:-.2rem !important;transform:none !important}
[id^="pop_modal"] .form .radio{/**/font-size:0}
[id^="pop_modal"] .form .radio .inner{display:inline-block;padding:0 1.2rem 0 0}
[id^="pop_modal"] .form .radio .inner .item{display:block}
[id^="pop_modal"] .form .radio .inner .item label{display:flex;gap:.4rem;font-size:1.4rem;font-weight:400}
[id^="pop_modal"] .form .lbs{margin:0 0 1rem 0;padding:0 0 1rem 0;border-bottom:.1rem solid #f0f0f0}
[id^="pop_modal"] .form .lbs li{margin:0 0 1.5rem 0;font-size:0}
[id^="pop_modal"] .form .lbs label{display:block !important;font-size:1.4rem;font-weight:400;color:#242a38;vertical-align:middle}
[id^="pop_modal"] .form .lbs input{width:calc(100% - 2.5rem);height:4.5rem;line-height:4.5rem;font-size:1.2rem;vertical-align:middle;color:#242a38;border:.1rem solid #e8e8ec}
[id^="pop_modal"] .form .input.ups{width:calc(100% - 5rem)}
[id^="pop_modal"] .form .input.ups em{position:absolute;right:-5rem !important;color:#777 !important}
[id^="pop_modal"] .form .input .lot{position:absolute;top:1rem;right:0;font-size:1.4rem;font-weight:500;color:#999}
[id^="pop_modal"] .form .input .typ{position:absolute;top:-2rem;right:0;font-size:1.4rem;font-weight:500;color:#999}
[id^="pop_modal"] .form .input .txt{font-size:1.4rem;font-weight:300;color:#999}
[id^="pop_modal"] .form .all{font-weight:400;border:.1rem solid #f4f4f6;background:#f4f4f6}
[id^="pop_modal"] .form .check{padding:0 0 1.6rem 0}
[id^="pop_modal"] .form .check label{font-size:1.4rem;font-weight:400;color:#242a38}
[id^="pop_modal"] .form .check button{float:right;font-size:1.4rem;font-weight:400;color:#242a38;text-decoration:underline}
[id^="pop_modal"] .form .cross{display:none;position:absolute;bottom:1.5rem;right:0;width:2rem;height:2rem;background:url("/img/member/cross.svg") no-repeat 50% 50%}
/*[id^="pop_modal"] .form .feed{display: flex;align-items:center;gap:.4rem;margin:.8rem 0 0 0;font-size:1.2rem;color:#f5183d}
[id^="pop_modal"] .form .feed i{font-size:1.6rem}
[id^="pop_modal"] .form .feed button{float:right;font-size:1.2rem;font-weight:400;color:#83878f;text-decoration:underline}*/
/*[id^="pop_modal"] .form .btn{padding:1.6rem 0}*/
[id^="pop_modal"] .tabs{border-bottom:.1rem solid #eee}
[id^="pop_modal"] .tabs ul{font-size:0}
[id^="pop_modal"] .tabs li{display:inline-block;width:50%;text-align:center}
[id^="pop_modal"] .tabs li a{display:block;padding:1.5rem 0;font-size:1.6rem;font-weight:400;color:#797979}
[id^="pop_modal"] .tabs .act a{font-weight:500;color:#333;border-bottom:.2rem solid #3182f5}
[id^="pop_modal"] .tabs .act a em{color:#3182f5}
[id^="pop_modal"] .cont{padding:1rem 0;display:none}
[id^="pop_modal"] .cont button{text-align:left}
[id^="pop_modal"] .cont .inner{padding:1.2rem 1.6rem}
[id^="pop_modal"] .cont .inner + .inner{border-top:.1rem solid #ededed}
[id^="pop_modal"] .cont .inner.act{background:#eff6fa}
[id^="pop_modal"] .cont .item{display:flex}
[id^="pop_modal"] .cont .img{display:none;margin:0 1.5rem 0 0;width:5rem;background:#009646;border-radius:5rem}
[id^="pop_modal"] .cont .img i{display:block;width:5rem;height:5rem;background-repeat:no-repeat;background-position:50% 50%}
[id^="pop_modal"] .cont .tit{font-size:1.6rem;font-weight:400;color:#414141}
[id^="pop_modal"] .cont .tit strong{font-weight:400;color:#3182f5}
[id^="pop_modal"] .cont .txt{font-size:1.4rem;color:#a4a4a4;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
[id^="pop_modal"] .cont .day{font-size:1.4rem;color:#a4a4a4}
[id^="pop_modal"] .cont .t0{border:.1rem solid #ddd;background-image:url("/img/alarm/ico_t0.svg");background-color:#fff;border-radius:4rem}
[id^="pop_modal"] .cont .t1{background-image:url("/img/alarm/ico_t1.svg")}
[id^="pop_modal"] .cont .t2{background-image:url("/img/alarm/ico_t2.svg")}
[id^="pop_modal"] .cont .t3{background-image:url("/img/alarm/ico_t3.svg")}
[id^="pop_modal"] .cont .t4{background-image:url("/img/alarm/ico_t4.svg")}
[id^="pop_modal"] .cont .t5{background-image:url("/img/alarm/ico_t5.svg")}
[id^="pop_modal"] .cont .t6{background-image:url("/img/alarm/ico_t6.svg")}
[id^="pop_modal"] .cont .t7{background-image:url("/img/alarm/ico_t7.svg")}

[id^="pop_modal"] .poit{display:flex;align-items:center;justify-content:space-between;margin:0 2rem 2rem 2rem;padding:2rem;background:#f0f0f0}
[id^="pop_modal"] .product{background:#fff}
[id^="pop_modal"] .form .input .lot + .textarea{padding:1rem 0 0 0}
[id^="pop_modal"] .textarea textarea{padding:1rem;width:100%;height:12rem;font-size:1.4rem;border:.1rem solid #e8e8ec;border-radius:.4rem;resize:none}
[id^="pop_modal"] .textarea textarea:focus{border:.1rem solid #242a38;background:#f9f9f9}
[id^="pop_modal"] .btn{text-align:center}
[id^="pop_modal"] .btn button{display:flex;align-items:center;justify-content:center;width:100%;height:5rem;font-size:1.6rem;font-weight:500;color:#3182f5;border:.1rem solid #3182f5;background:#fff;border-radius:.4rem}
[id^="pop_modal"] .btn button + button{margin:1rem 0 0 0;color:#fff;border:.1rem solid #3182f5;background:#3182f5}
[id^="pop_modal"] .btn .bt{display:flex;align-items:center;justify-content:center;gap:.6rem}
[id^="pop_modal"] .btn .bt.act{color:#fff;border:.1rem solid #000;background:#000}
[id^="pop_modal"] .btn .bt_add{color:#000;border: 0.1rem solid #999}
[id^="pop_modal"] .btn .red{border:.1rem solid #3182f5;background:#3182f5;border-radius:.4rem}
[id^="pop_modal"] .btn .red span{color:#fff}
[id^="pop_modal"] .btn .bt-red{color:#fff;border:.1rem solid #3182f5;background:#3182f5;border-radius:.4rem}
[id^="pop_modal"] .btn .bt-red span{color:#fff}
[id^="pop_modal"] .btn .bt-gray{color:#979797;border:.1rem solid #979797 !important;background:#fff !important;border-radius:.4rem}
[id^="pop_modal"] .btn.sticky{/*position:fixed;z-index:2;bottom:1.6rem;*/padding:0 1.6rem;width:100%;max-width:42rem}
[id^="pop_modal"] .img{position:relative}
[id^="pop_modal"] .img img{width:auto;max-width:100%;height:auto}

[id^="pop_modal"] .button{position:fixed;bottom:0;padding:1.5rem 0;width:100%;max-width:42rem;background:#fff}
[id^="pop_modal"] .button .bt{display:block;width:100%;height:4.4rem;font-size:1.5rem;font-weight:500;color:#3182f5;border:.1rem solid #3182f5;background:#fff;border-radius:.4rem}
[id^="pop_modal"] .button .bt_pay{color:#fff;border:.1rem solid #3182f5;background:#3182f5}
[id^="pop_modal"] .khpopbg{position:absolute;top:0;bottom:0;right:0;left:0;background:rgb(0 0 0 / 20%)}
[id^="pop_modal"] .khclose{position:absolute;z-index:1000;top:2rem;right:2rem;cursor:pointer}
[id^="pop_modal"] .khclose i{font-size:2.4rem;color:#333}
[id^="pop_modal"] .pop_wrap{position:absolute;top:2rem;bottom:2rem;right:2rem;left:2rem;background:#fff;border-radius:.4rem;overflow:hidden}
[id^="pop_modal"] .vertical{padding:2rem;height:calc(100vh - 4rem);overflow:hidden;overflow-y:scroll}
[id^="pop_modal"] .contain{padding:2rem}
[id^="pop_modal"] .contain .tit{font-size:2rem;font-weight:600;color:#111}
[id^="pop_modal"] .contain .tag{padding:1.5rem 0 3rem 0}
[id^="pop_modal"] .contain .tag a{padding:0 .5rem 0 0;font-size:1.6rem;color:#05d245}
[id^="pop_modal"] .contain .add{padding:.4rem 0}
[id^="pop_modal"] .contain .add dl{padding:0 0 2rem 0}
[id^="pop_modal"] .contain .add dt{display:inline-block;position:relative;width:10rem;line-height:2.4rem;font-size:1.6rem;font-weight:600;vertical-align:top;color:#111}
[id^="pop_modal"] .contain .add dt:after{content:':';position:absolute;top:0;right:2.4rem}
[id^="pop_modal"] .contain .add dd{display:inline-block;width:calc(100% - 10rem);line-height:2.4rem;font-size:1.6rem;vertical-align:top;color:#111}
[id^="pop_modal"] .contain .title{color:#333;font-size:1.6rem;padding:.9rem 0 0 rem;margin:0 0 .5rem 0;font-weight:bold;text-align:center}
[id^="pop_modal"] .contain .s_title{color:#222;font-size:1.3rem;padding:.5rem 0 0 0;font-weight:bold}
[id^="pop_modal"] .contain .text{color:#222;font-size:1.4rem;padding:.5rem 1.7rem 0 1.7rem;line-height:2rem;margin:0 0 3rem 0}
[id^="pop_modal"] .contain .s_text{padding-left:1.3rem}
[id^="pop_modal"] .contain .s_text a{color:#333}
[id^="pop_modal"] .contain .s_table{padding:0 0 2rem 0;overflow:hidden;overflow-x:scroll}
[id^="pop_modal"] .contain .s_table table{width:70rem;border-collapse:collapse}
[id^="pop_modal"] .contain .s_table th:first-child{border-left:0}
[id^="pop_modal"] .contain .s_table th:last-child{border-right:0}
[id^="pop_modal"] .contain .s_table td:first-child{border-left:0}
[id^="pop_modal"] .contain .s_table td:last-child{border-right:0}
[id^="pop_modal"] .contain .s_table th{padding:1rem 0;font-size:1.2rem;border:.1rem solid #ccc;background:#f0f0f0}
[id^="pop_modal"] .contain .s_table td{padding:1rem;font-size:1.2rem;border:.1rem solid #ddd}

[id^="pop_modal"] .khwrap{position:relative}
[id^="pop_modal"] .title h3{line-height:5rem;font-size:1.8rem;text-align:center;background:#fff}
[id^="pop_modal"] .title button{position:absolute;top:0;right:0;display:inline-block;width:5rem;height:5rem}
[id^="pop_modal"] .title button i{font-size:2.4rem;color:#333}
[id^="pop_modal"] .sarea{height:100vh;background:#aaa}
[id^="pop_modal"] .sarea h3{padding:1.5rem 0;font-size:1.5rem;font-weight:500;color:#fff}

[id^="pop_modal"] .village{padding:2rem}
[id^="pop_modal"] .text{padding:0 0 2rem 0;font-size:1.4rem;font-weight:400;vertical-align:top;color:#777}
[id^="pop_modal"] .text strong{font-weight:400;color:#111}

/*[id^="pop_fade"]{position:fixed;z-index:999;top:0;bottom:0;right:0;left:0;opacity:0;visibility:hidden;transition:all .6s}*/
[id^="pop_fade"]{position:fixed;z-index:1103;bottom:-100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;max-width:42rem;padding-bottom:0;padding-bottom:calc(env(safe-area-inset-bottom));opacity:0;visibility:hidden;transition:all .6s}
[id^="pop_fade"].act{bottom:0;opacity:1;visibility:visible}
[id^="pop_fade"] .ppwrap{position:absolute;z-index:1111;bottom:-100%;right:0;left:0;transition:all .6s}
[id^="pop_fade"].act .ppwrap{bottom:0}
[id^="pop_fade"] .ppwrap .khwrap{padding:0 !important}
[id^="pop_fade"] *{line-height:1}
[id^="pop_fade"] .ppclose{position:absolute;z-index:1000;top:1rem;right:0;left:0;text-align:center;cursor:pointer}
[id^="pop_fade"] .ppclose i{display:inline-block;width:6rem;height:.6rem;background:#eee;border-radius:.4rem}
[id^="pop_fade"] .pporder{padding:3rem 2rem 6rem 2rem;background:#fff;border-radius:2rem 2rem 0 0}
[id^="pop_fade"] .pporder .title{padding:4rem 0 2rem 0;text-align:center}
[id^="pop_fade"] .pporder .title h3{font-size:1.8rem;font-weight:600;color:#333}
[id^="pop_fade"] .pporder .title .tit{padding:0 0 1.8rem 0}
[id^="pop_fade"] .pporder .title .txt{padding:0 0 .4rem 0;text-align:left}
[id^="pop_fade"] .pporder .title .tip{padding:0;font-size:1.2rem;text-align:left}
[id^="pop_fade"] .pporder .search{position:relative;margin:2rem 0}
[id^="pop_fade"] .pporder .search input{padding:0 5rem 0 2rem;width:100%;height:4.5rem;font-size:1.5rem;border:0;background:#f5f5f5;border-radius:4rem}
[id^="pop_fade"] .pporder .search button{position:absolute;top:0;right:.5rem;width:4.5rem;height:4.5rem}
[id^="pop_fade"] .pporder .search button i{font-size:2.2rem;font-weight:400}
[id^="pop_fade"] .pporder .srch{position:relative;margin:1rem 0 0 0;display:block}
[id^="pop_fade"] .pporder .srch input{padding:0 2rem 0 3.5rem;width:100%;height:4rem;line-height:4rem;border:0;background:#f4f4f6;border-radius:.4rem}
[id^="pop_fade"] .pporder .srch .search{position:absolute;top:0;left:0;width:4rem;height:4rem}
[id^="pop_fade"] .pporder .srch .search i{display:inline-block;width:2.4rem;height:2.4rem;vertical-align:middle;background:url(../img/ico/s_search.svg) no-repeat 50% 50%}
[id^="pop_fade"] .pporder .srch .cross{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;background:url("/img/ico/cross.svg") no-repeat 50% 50%}
[id^="pop_fade"] .pporder .result{padding:0 0 1rem 0}
[id^="pop_fade"] .pporder .result .inner{padding:1rem;font-size:1.6rem;color:#606060}
[id^="pop_fade"] .pporder .result i{padding:0 .5rem 0 0;font-size:1.8rem}
[id^="pop_fade"] .pporder .result button{display:flex;align-items:center;font-size:1.5rem}
[id^="pop_fade"] .pporder .list{height:24rem;overflow:hidden;overflow-y:auto}
[id^="pop_fade"] .pporder .list .inner .item{position:relative}
[id^="pop_fade"] .pporder .list .inner .item:before{content:'';position:absolute;top:0;right:0;left:0;height:.1rem;background:#eee}
[id^="pop_fade"] .pporder .list .inner .item button{padding:0 1rem;width:100%;line-height:4rem;font-size:1.6rem;text-align:left;cursor:pointer}
[id^="pop_fade"] .pporder .list .inner .item button:hover,
[id^="pop_fade"] .pporder .list .inner .item button:focus{color:#fff;background:#3182f5}
[id^="pop_fade"] .pporder .none{text-align:center;background:url("/img/member/none.svg") no-repeat 50% 40%}
[id^="pop_fade"] .pporder .none .inner{padding:12rem 0 4rem 0;font-size:1.4rem;color:#606060}

[id^="pop_fade"] .prdadd{display:flex;align-items:center;justify-content:center}
[id^="pop_fade"] .prdadd .item{margin:0 1rem 0 0}
[id^="pop_fade"] .prdadd .area{position:relative;padding:1rem 2rem;font-size:1.4rem;border:.1rem solid #ccc;border-radius:.4rem}
[id^="pop_fade"] .prdadd .area button{position:absolute;top:-.5rem;right:-.5rem;width:2rem;height:2rem;background:url("/img/ico/cross_red.svg") no-repeat 50% 50% / 100% auto}
[id^="pop_fade"] .prdadd .area button span{display:none}
[id^="pop_fade"] .prdadd .img{position:relative}
[id^="pop_fade"] .prdadd .img img{display:block;width:9.4rem;height:9.4rem;border-radius:1rem}
[id^="pop_fade"] .prdadd .img button{position:absolute;top:-.6rem;right:-.6rem;width:2.2rem;height:2.2rem;background:url("/img/ico/cross_red.svg") no-repeat 50% 50% / 100% auto}
[id^="pop_fade"] .prdadd .img button span{display:none}
[id^="pop_fade"] .prdadd .image{width:9.4rem;height:9.4rem}
[id^="pop_fade"] .prdadd .add{position:relative;width:9.4rem;height:9.4rem;border:.1rem solid #3182f5;border-radius:1rem}
[id^="pop_fade"] .prdadd .add button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
[id^="pop_fade"] .prdadd .add i{font-size:2rem;color:#3182f5}
[id^="pop_fade"] .prdadd .add span{display:block;font-size:1.2rem;font-weight:400;color:#3182f5}

[class^="ktmodal"]{position:fixed;z-index:1203;overflow-y:scroll;top:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;max-width:42rem;height:100vh;background:rgb(0 0 0 / 40%)}
[class^="ktmodal"].act{display:block}
[class^="ktmodal"] .modal{position:absolute;top:calc(50% / 2);right:2rem;left:2rem;display:flex;flex-flow:wrap;align-items:center;justify-content:center}
[class^="ktmodal"] .modal .top{text-align:center}
[class^="ktmodal"] .modal .top h3{padding:0 0 1rem 0;font-size:1.8rem}
[class^="ktmodal"] .modal .top p{line-height:1.6;font-size:1.2rem}
[class^="ktmodal"] .modal .box{padding:4rem 2rem;background:#fff;border-radius:2rem 2rem 0 0}
[class^="ktmodal"] .modal .box .img{padding:1rem;text-align:center}
[class^="ktmodal"] .modal .box .img img{margin:0 auto;width:80%;height:auto}
[class^="ktmodal"] .modal .bdy{text-align:center}
[class^="ktmodal"] .modal .bdy h4{font-size:1.2rem}
[class^="ktmodal"] .modal .bdy p{display:flex;align-items:center;justify-content:center;padding:1rem 0 0 0;font-size:1.4rem}
[class^="ktmodal"] .modal .bdy p i{padding:0 .5rem 0 0}
[class^="ktmodal"] .modal .btn{width:100%;border-radius:0 0 2rem 2rem;overflow:hidden}
[class^="ktmodal"] .modal .btn .bt{display:block;width:100%;height:4.5rem;font-size:1.6rem;text-align:center;color:#fff;background:#3182f5}

[class^="accd_modal"]{display:none;position:fixed;z-index:1203;overflow-y:scroll;top:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;max-width:42rem;height:100vh}
[class^="accd_modal"].act{display:flex}
[class^="accd_modal"] .pop_wrap{position:relative}
[class^="accd_modal"] .khclose{position:absolute;z-index:1205;top:2rem;right:3rem;cursor:pointer}
[class^="accd_modal"] .khclose i{font-size:2.4rem;color:#333}
[class^="accd_modal"] .alerts{position:relative;z-index:1204;margin:0 1.6rem;padding:2.4rem;background:#fff}
[class^="accd_modal"] .alerts .boxs + .boxs{margin:2.4rem 0 0 0}
[class^="accd_modal"] .alerts .boxs .tit{display:flex;align-items:center;padding:0 0 1rem 0;font-size:1.8rem}
[class^="accd_modal"] .alerts .boxs .tit i{margin:0 .6rem 0 0;font-size:2.4rem}
[class^="accd_modal"] .alerts .boxs .con div + div{margin:1rem 0 0 0}
[class^="accd_modal"] .alerts .btns{padding:2.4rem 0 0 0;font-size:0}
[class^="accd_modal"] .alerts .btns .bt{width:100%;height:5rem;font-size:1.6rem;font-weight:600;color:#3182f5;text-align:center;border:.1rem solid #3182f5;background:#fff}
[class^="accd_modal"] .khpopbg{position:absolute;z-index:1200;top:0;bottom:0;right:0;left:0;background:rgb(0 0 0 / 20%)}
[class^="accd_modal"] .ck-event{display:none}
[class^="accd_modal"] .ck-event + label{display:flex;align-items:center;cursor:pointer}
[class^="accd_modal"] .ck-event + label:before{content:"";width:1.8rem;height:1.8rem;border:.1rem solid #ccc;background:none;background-size:100% auto}
[class^="accd_modal"] .ck-event + label span{padding:0 0 0 .6rem;font-size:1.6rem}
[class^="accd_modal"] .boxs.co1 .ck-event:checked + label:before{content:"";border:.1rem solid #3182f5;background-color:#3182f5;background-image:url("/img/common/ck-event.svg") !important}
[class^="accd_modal"] .boxs.co2 .ck-event:checked + label:before{content:"";border:.1rem solid #009646;background-color:#009646;background-image:url("/img/common/ck-event.svg") !important}

[class^="kt-acted"]{display:none}
[class^="kt-acted"].act{display:block}

[class^="pop_fade"]{position:fixed;z-index:1103;bottom:-100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;max-width:42rem;padding-bottom:0;padding-bottom:calc(env(safe-area-inset-bottom));opacity:0;visibility:hidden;transition:all .6s}
[class^="pop_fade"].act{bottom:0;opacity:1;visibility:visible}
[class^="pop_fade"] .ppwrap{position:absolute;z-index:1111;bottom:-100%;right:0;left:0;transition:all .6s}
[class^="pop_fade"].act .ppwrap{bottom:0}
[class^="pop_fade"] .ppwrap .khwrap{padding:0 !important}
[class^="pop_fade"] *{line-height:1}
[class^="pop_fade"] .ppclose{position:absolute;z-index:1000;top:1rem;right:0;left:0;text-align:center;cursor:pointer}
[class^="pop_fade"] .ppclose i{display:inline-block;width:6rem;height:.6rem;background:#eee;border-radius:.4rem}
[class^="pop_fade"] .pporder{padding:3rem 2rem 6rem 2rem;background:#fff;border-radius:2rem 2rem 0 0}
[class^="pop_fade"] .pporder .title{padding:4rem 0 2rem 0;text-align:center}
[class^="pop_fade"] .pporder .title h3{font-size:1.8rem;font-weight:600;color:#333}
[class^="pop_fade"] .pporder .title .tit{padding:0 0 1.8rem 0}
[class^="pop_fade"] .pporder .title .txt{padding:0 0 .4rem 0;text-align:left}
[class^="pop_fade"] .pporder .title .tip{padding:0;font-size:1.2rem;text-align:left}
[class^="pop_fade"] .pporder .search{position:relative;margin:2rem 0}
[class^="pop_fade"] .pporder .search input{padding:0 5rem 0 2rem;width:100%;height:4.5rem;font-size:1.5rem;border:0;background:#f5f5f5;border-radius:4rem}
[class^="pop_fade"] .pporder .search button{position:absolute;top:0;right:.5rem;width:4.5rem;height:4.5rem}
[class^="pop_fade"] .pporder .search button i{font-size:2.2rem;font-weight:400}
[class^="pop_fade"] .pporder .srch{position:relative;margin:1rem 0 0 0;display:block}
[class^="pop_fade"] .pporder .srch input{padding:0 2rem 0 3.5rem;width:100%;height:4rem;line-height:4rem;border:0;background:#f4f4f6;border-radius:.4rem}
[class^="pop_fade"] .pporder .srch .search{position:absolute;top:0;left:0;width:4rem;height:4rem}
[class^="pop_fade"] .pporder .srch .search i{display:inline-block;width:2.4rem;height:2.4rem;vertical-align:middle;background:url(../img/ico/s_search.svg) no-repeat 50% 50%}
[class^="pop_fade"] .pporder .srch .cross{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;background:url("/img/ico/cross.svg") no-repeat 50% 50%}
[class^="pop_fade"] .pporder .result{padding:0 0 1rem 0}
[class^="pop_fade"] .pporder .result .inner{padding:1rem;font-size:1.6rem;color:#606060}
[class^="pop_fade"] .pporder .result i{padding:0 .5rem 0 0;font-size:1.8rem}
[class^="pop_fade"] .pporder .result button{display:flex;align-items:center;font-size:1.5rem}
[class^="pop_fade"] .pporder .list{height:24rem;overflow:hidden;overflow-y:auto}
[class^="pop_fade"] .pporder .list .inner .item{position:relative}
[class^="pop_fade"] .pporder .list .inner .item:before{content:'';position:absolute;top:0;right:0;left:0;height:.1rem;background:#eee}
[class^="pop_fade"] .pporder .list .inner .item button{padding:0 1rem;width:100%;line-height:4rem;font-size:1.6rem;text-align:left;cursor:pointer}
[class^="pop_fade"] .pporder .list .inner .item button:hover,
[class^="pop_fade"] .pporder .list .inner .item button:focus{color:#fff;background:#3182f5}
[class^="pop_fade"] .pporder .none{text-align:center;background:url("/img/member/none.svg") no-repeat 50% 40%}
[class^="pop_fade"] .pporder .none .inner{padding:12rem 0 4rem 0;font-size:1.4rem;color:#606060}

[class^="pop_fade"] .prdadd{display:flex;align-items:center;justify-content:center}
[class^="pop_fade"] .prdadd .item{margin:0 1rem 0 0}
[class^="pop_fade"] .prdadd .area{position:relative;padding:1rem 2rem;font-size:1.4rem;border:.1rem solid #ccc;border-radius:.4rem}
[class^="pop_fade"] .prdadd .area button{position:absolute;top:-.5rem;right:-.5rem;width:2rem;height:2rem;background:url("/img/ico/cross_red.svg") no-repeat 50% 50% / 100% auto}
[class^="pop_fade"] .prdadd .area button span{display:none}
[class^="pop_fade"] .prdadd .img{position:relative}
[class^="pop_fade"] .prdadd .img img{display:block;width:9.4rem;height:9.4rem;border-radius:1rem}
[class^="pop_fade"] .prdadd .img button{position:absolute;top:-.6rem;right:-.6rem;width:2.2rem;height:2.2rem;background:url("/img/ico/cross_red.svg") no-repeat 50% 50% / 100% auto}
[class^="pop_fade"] .prdadd .img button span{display:none}
[class^="pop_fade"] .prdadd .image{width:9.4rem;height:9.4rem}
[class^="pop_fade"] .prdadd .add{position:relative;width:9.4rem;height:9.4rem;border:.1rem solid #3182f5;border-radius:1rem}
[class^="pop_fade"] .prdadd .add button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
[class^="pop_fade"] .prdadd .add i{font-size:2rem;color:#3182f5}
[class^="pop_fade"] .prdadd .add span{display:block;font-size:1.2rem;font-weight:400;color:#3182f5}

[class^="pop_fade"] .ppbg{position:fixed;z-index:1000;top:0;bottom:0;width:100%;max-width:42rem;background:rgb(0 0 0 / 50%);opacity:0;visibility:hidden;transition:all .6s}
[class^="pop_fade"].act .ppbg{opacity:1;visibility:visible}

[class^="pop_modal"]{display:none;position:fixed;z-index:1203;top:0;bottom:0;overflow-y:auto;width:100%;max-width:42rem;background:#fff}
[class^="pop_modal"].act{display:flex;opacity:1;visibility:visible}
[class^="pop_modal"] .khwrap{position:relative}
[class^="pop_modal"] .title{position:relative/*;margin:0 1.6remmin-width:32rem;max-width:81.2rem*/}
[class^="pop_modal"] .title h3{font-size:1.7rem;background:#fff}
[class^="pop_modal"] .title button{position:absolute;top:0;right:0;display:inline-block;width:5rem;height:5rem}
[class^="pop_modal"] .title button i{font-size:2.4rem;color:#333}
[class^="pop_modal"] .title .close{position:absolute;top:0;right:0;display:inline-block;width:5rem;height:5rem;background:url("/img/ico/pop_close.svg") no-repeat 50% 50% / 3rem auto}
[class^="pop_modal"] .title .prev{display:inline-block;width:5rem;height:6rem;background:url("/img/ico/t_prev.svg") no-repeat 50% 50% / 2rem auto}
[class^="pop_modal"] .title .home{display:inline-block;width:4rem;height:6rem;background:url("/img/ico/t_home.svg") no-repeat 50% 50% / 2rem auto}
[class^="pop_modal"] .title .search{position:absolute;top:0;right:0;display:inline-block;width:5rem;height:6rem;background:url("/img/ico/t_search.svg") no-repeat 50% 50% / 2rem auto}

[class^="pop_modal"] .header{position:relative;z-index:10;border-bottom:.1rem solid #eee;background:#fff}
[class^="pop_modal"] .sarea{height:100vh;background:#aaa}
[class^="pop_modal"] .sarea h3{padding:1.5rem 0;font-size:1.5rem;font-weight:500;color:#fff}
[class^="pop_modal"] .form{padding:2rem 0 8rem 0;background:#fff;overflow: hidden;}
[class^="pop_modal"] .form h3{font-size:1.6rem}
[class^="pop_modal"] .form p{font-size:1.4rem;color:#545454}
[class^="pop_modal"] .form dt{padding:0 0 .5rem 0;font-size:1.4rem;color:#3d3d3f}
[class^="pop_modal"] .form .tip{padding:.5rem 0 2rem 0;font-size:1.2rem;color:#f5183d}
[class^="pop_modal"] .form .input.btn{text-align:left !important}
/*[class^="pop_modal"] .form .input input{width:100%;padding:0 2rem;height:5rem;line-height:5rem;font-size:1.4rem;color:#242a38;border:.1rem solid #e8e8ec;border-radius:.4rem}*/
[class^="pop_modal"] .form .split{margin:2rem -2rem 0 0;font-size:0}
[class^="pop_modal"] .form .split dl{display:inline-block;margin:0 2rem 0 0;/*margin:0 2rem 2rem 0;*/width:calc(50% - 2rem)}
[class^="pop_modal"] .form .split dl .input{margin:0 !important}
[class^="pop_modal"] .form .multi{padding:1rem 0;border:.1rem solid #e8e8ec;border-radius:.4rem}
[class^="pop_modal"] .form .multi input{padding:0;border:0;width:22%;height:3rem;font-size:1.6rem;text-align:center}
[class^="pop_modal"] .form .multi em{width:4%;font-size:1.8rem;text-align:center}
[class^="pop_modal"] .addprod .item{margin:0 0 1rem 0;padding:0 0 0 3rem}
[class^="pop_modal"] .addprod .item .img{width:17rem;height:17rem}
[class^="pop_modal"] .addprod .item .box{width:calc(100% - 17rem)}
/*[class^="pop_modal"] .form{padding:0 !important}*/
[class^="pop_modal"] .form .addition{border-bottom:0 !important}
[class^="pop_modal"] .form .input{position:relative;margin:0 0 2.4rem 0}
[class^="pop_modal"] .form .input label{position:relative;display:block;padding:0 0 1rem 0;font-size:1.4rem;font-weight:600;color:#242a38}
[class^="pop_modal"] .form .input input{padding:0 .8rem;width:100%;height:4.5rem;font-size:1.4rem;color:#242a38;border:0;border:.1rem solid #e8e8ec;border-radius:.4rem}
[class^="pop_modal"] .form .input input:focus{border:.1rem solid #242a38;background:#f9f9f9}
[class^="pop_modal"] .form .input em{position:absolute;bottom:1.5rem;right:1rem;font-size:1.6rem;color:#f5183d}
[class^="pop_modal"] .form .input p{padding:0 0 1rem 0;font-size:1.6rem;color:#6f6f6f}
[class^="pop_modal"] .form .input .box{position:relative}
[class^="pop_modal"] .form .input .box + .box{margin:1rem 0 0 0}
[class^="pop_modal"] .form .input.btn{width:calc(100% - 11rem)}
[class^="pop_modal"] .form .input.btn .bt{position:absolute;bottom:0;right:-11rem;display:block;width:10rem;height:4.5rem;line-height:4.5rem;font-size:1.4rem;text-align:center;color:#999;border:.1rem solid #aaa;background:#fff;border-radius:.4rem}
[class^="pop_modal"] .form .input.btn .bt:focus{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
[class^="pop_modal"] .form .input.btn .bt.act{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
[class^="pop_modal"] .form .input.btn .red{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
[class^="pop_modal"] .form .box.btn{position:relative;width:calc(100% - 10rem)}
[class^="pop_modal"] .form .box.btn .bt{position:absolute;top:0;right:-10rem;display:block;width:9rem;height:4.5rem;line-height:4.5rem;font-size:1.2rem;text-align:center;color:#999;border:.1rem solid #aaa;background:#fff;border-radius:.4rem}
[class^="pop_modal"] .form .box.btn .bt:focus{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
[class^="pop_modal"] .form .box.btn .bt.act{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
[class^="pop_modal"] .form .box.btn .red{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
[class^="pop_modal"] .form .input.won{width:calc(100% - 2rem)}
[class^="pop_modal"] .form .input.won > label{display:inline-block;padding:0 2rem 1rem 0}
[class^="pop_modal"] .form .input.won > label i{position:absolute;top:.1rem;right:0;font-size:1.6rem}
[class^="pop_modal"] .form .input.won em{position:absolute;top:50%;bottom:auto;transform:translateY(-50%);right:-2rem;color:#777 !important}
[class^="pop_modal"] .form .input.won input{/*margin:0 0 0 50%;width:50%;*/text-align:right}
[class^="pop_modal"] .form .input.won .rad{padding:0 0 .8rem 0}
[class^="pop_modal"] .form .input.won .rad label{display:block;font-size:1.4rem;font-weight:400;color:#242a38}
[class^="pop_modal"] .form .input.won .rad .checkbox + label:before{top:.3rem}
[class^="pop_modal"] .form .input.won .area{margin:.5rem -.5rem 1rem 0;font-size:0/*;text-align:center*/}
[class^="pop_modal"] .form .input.won .area .inner{display:inline-block;vertical-align:top}
[class^="pop_modal"] .form .input.won .area .item{display:block;margin:0 .5rem .5rem 0;font-size:1.4rem}
[class^="pop_modal"] .form .input.won .ckbox{display:none}
[class^="pop_modal"] .form .input.won .ckbox + label{display:block;position:relative;padding:1rem;font-size:1.4rem;color:#a3a3a3;border:.1rem solid #d3d3d3;border-radius:.4rem;cursor:pointer}
[class^="pop_modal"] .form .input.won .ckbox:checked + label{color:#fff;border:.1rem solid #3182f5;background:#3182f5}
[class^="pop_modal"] .form .input.won .ckbox + label em{display:none}
[class^="pop_modal"] .form .info{margin:0 0 .4rem 0}
[class^="pop_modal"] .form .info .checkbox + label:before{top:-.1rem}
[class^="pop_modal"] .form .info label{font-size:1.4rem;vertical-align:middle}
[class^="pop_modal"] .form .radio{/**/font-size:0}
[class^="pop_modal"] .form .radio .inner{display:inline-block;padding:0 1.2rem 0 0}
[class^="pop_modal"] .form .radio .inner .item{display:block}
[class^="pop_modal"] .form .radio .inner .item label{padding:0 0 0 2.2rem;font-size:1.4rem;font-weight:400}
[class^="pop_modal"] .form .lbs{margin:0 0 1rem 0;padding:0 0 1rem 0;border-bottom:.1rem solid #f0f0f0}
[class^="pop_modal"] .form .lbs li{margin:0 0 1.5rem 0;font-size:0}
[class^="pop_modal"] .form .lbs label{display:block !important;font-size:1.4rem;font-weight:400;color:#242a38;vertical-align:middle}
[class^="pop_modal"] .form .lbs input{width:calc(100% - 2.5rem);height:4.5rem;line-height:4.5rem;font-size:1.2rem;vertical-align:middle;color:#242a38;border:.1rem solid #e8e8ec}
[class^="pop_modal"] .form .input.ups{width:calc(100% - 5rem)}
[class^="pop_modal"] .form .input.ups em{position:absolute;right:-5rem !important;color:#777 !important}
[class^="pop_modal"] .form .input .lot{position:absolute;top   :.2rem;right:0;font-size:1.4rem;font-weight:500;color:#999}
[class^="pop_modal"] .form .input .typ{position:absolute;top:-2rem;right:0;font-size:1.4rem;font-weight:500;color:#999}
[class^="pop_modal"] .form .input .txt{font-size:1.4rem;font-weight:300;color:#999}
[class^="pop_modal"] .form .all{font-weight:400;border:.1rem solid #f4f4f6;background:#f4f4f6}
[class^="pop_modal"] .form .check{padding:0 0 2rem 0}
[class^="pop_modal"] .form .check label{font-size:1.4rem;font-weight:400;color:#242a38}
[class^="pop_modal"] .form .check button{float:right;font-size:1.4rem;font-weight:400;color:#242a38;text-decoration:underline}
[class^="pop_modal"] .form .cross{display:none;position:absolute;bottom:1.5rem;right:0;width:2rem;height:2rem;background:url("/img/member/cross.svg") no-repeat 50% 50%}
/*[class^="pop_modal"] .form .feed{margin:.8rem 0 0 0;padding:0 0 0 1.8rem;font-size:1.2rem;text-align:left !important;color:#f5183d;background:url("/img/ico/ico_feed.svg") no-repeat 0 .1rem}
[class^="pop_modal"] .form .feed button{float:right;font-size:1.2rem;font-weight:400;color:#83878f;text-decoration:underline}*/
[class^="pop_modal"] .tabs{border-bottom:.1rem solid #eee}
[class^="pop_modal"] .tabs ul{font-size:0}
[class^="pop_modal"] .tabs li{display:inline-block;width:50%;text-align:center}
[class^="pop_modal"] .tabs li a{display:block;padding:1.5rem 0;font-size:1.6rem;font-weight:400;color:#797979}
[class^="pop_modal"] .tabs .act a{font-weight:500;color:#333;border-bottom:.2rem solid #3182f5}
[class^="pop_modal"] .tabs .act a em{color:#3182f5}
[class^="pop_modal"] .cont{padding:1rem 0;display:none}
[class^="pop_modal"] .cont button{text-align:left}
[class^="pop_modal"] .cont .inner{padding:1rem 2.4rem}
[class^="pop_modal"] .cont .inner + .inner{border-top:.1rem solid #ededed}
[class^="pop_modal"] .cont .inner.act{background:#eff6fa}
[class^="pop_modal"] .cont .item{font-size:0}
[class^="pop_modal"] .cont .img{display:inline-block;width:5rem;background:#009646;border-radius:5rem}
[class^="pop_modal"] .cont .img i{display:block;width:5rem;height:5rem;background-repeat:no-repeat;background-position:50% 50%}
[class^="pop_modal"] .cont .box{display:inline-block;width:calc(100% - 5rem);padding:0 0 0 1.5rem}
[class^="pop_modal"] .cont .tit{font-size:1.6rem;font-weight:400;color:#414141}
[class^="pop_modal"] .cont .tit strong{font-weight:400;color:#3182f5}
[class^="pop_modal"] .cont .txt{font-size:1.4rem;color:#a4a4a4;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
[class^="pop_modal"] .cont .day{font-size:1.4rem;color:#a4a4a4}
[class^="pop_modal"] .cont .t0{border:.1rem solid #ddd;background-image:url("/img/alarm/ico_t0.svg");background-color:#fff;border-radius:4rem}
[class^="pop_modal"] .cont .t1{background-image:url("/img/alarm/ico_t1.svg")}
[class^="pop_modal"] .cont .t2{background-image:url("/img/alarm/ico_t2.svg")}
[class^="pop_modal"] .cont .t3{background-image:url("/img/alarm/ico_t3.svg")}
[class^="pop_modal"] .cont .t4{background-image:url("/img/alarm/ico_t4.svg")}
[class^="pop_modal"] .cont .t5{background-image:url("/img/alarm/ico_t5.svg")}
[class^="pop_modal"] .cont .t6{background-image:url("/img/alarm/ico_t6.svg")}
[class^="pop_modal"] .cont .t7{background-image:url("/img/alarm/ico_t7.svg")}

[class^="pop_modal"] .poit{display:flex;align-items:center;justify-content:space-between;margin:0 2rem 2rem 2rem;padding:2rem;background:#f0f0f0}
[class^="pop_modal"] .product{background:#fff}
[class^="pop_modal"] .prdadd{position:relative;margin:0 0 4rem 0;padding:0 0 1rem 0/*;overflow:hidden*/}
[class^="pop_modal"] .prdadd label{position:relative;display:block;padding:0 0 1rem 0;font-size:1.4rem;font-weight:600;color:#242a38}
[class^="pop_modal"] .prdadd .lot{position:absolute;top   :.2rem;right:0;font-size:1.4rem;font-weight:500;color:#999}
[class^="pop_modal"] .prdadd .swiper-slide{width:auto !important}
[class^="pop_modal"] .prdadd .swiper-wrapper{align-items:flex-end}
[class^="pop_modal"] .prdadd .img{position:relative;margin:0 !important}
[class^="pop_modal"] .prdadd .img img{display:block;width:9.4rem;height:9.4rem;border-radius:1rem}
[class^="pop_modal"] .prdadd .img button{position:absolute;top:-.6rem;right:-.6rem;width:2.2rem;height:2.2rem;background:url("/img/ico/cross_red.svg") no-repeat 50% 50% / 100% auto}
[class^="pop_modal"] .prdadd .img button span{display:none}
[class^="pop_modal"] .prdadd .image{width:9.4rem;height:9.4rem}
[class^="pop_modal"] .prdadd .add{position:relative;width:9.4rem;height:9.4rem;border:.1rem solid #3182f5;border-radius:1rem}
[class^="pop_modal"] .prdadd .add button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
[class^="pop_modal"] .prdadd .add i{font-size:2rem;color:#3182f5}
[class^="pop_modal"] .prdadd .add span{display:block;font-size:1.2rem;font-weight:400;color:#3182f5}
[class^="pop_modal"] .textarea{padding:0rem 0 0 0}
[class^="pop_modal"] .textarea textarea{padding:1rem;width:100%;height:12rem;font-size:1.4rem;border:.1rem solid #e8e8ec;border-radius:.4rem;resize:none}
[class^="pop_modal"] .textarea textarea:focus{border:.1rem solid #242a38;background:#f9f9f9}
[class^="pop_modal"] .btn{text-align:center}
[class^="pop_modal"] .btn button{display:flex;align-items:center;justify-content:center;width:100%;height:5rem;font-size:1.6rem;font-weight:500;color:#3182f5;border:.1rem solid #3182f5;background:#fff;border-radius:.4rem}
[class^="pop_modal"] .btn button + button{margin:1rem 0 0 0;color:#fff;border:.1rem solid #3182f5;background:#3182f5}
[class^="pop_modal"] .btn .red{border:.1rem solid #3182f5;background:#3182f5;border-radius:.4rem}
[class^="pop_modal"] .btn .red span{color:#fff}
[class^="pop_modal"] .btn .bt-red{color:#fff;border:.1rem solid #3182f5;background:#3182f5;border-radius:.4rem}
[class^="pop_modal"] .btn .bt-red span{color:#fff}
[class^="pop_modal"] .btn .bt-gray{color:#979797;border:.1rem solid #979797 !important;background:#fff !important;border-radius:.4rem}
[class^="pop_modal"] .img{position:relative}
[class^="pop_modal"] .img img{width:auto;max-width:100%;height:auto;border-radius:.4rem}
[class^="pop_modal"] .img button{position:absolute;top:-1rem;right:-1rem;width:3rem;height:3rem}
[class^="pop_modal"] .img button img{width:auto;max-width:100%;height:auto}

[class^="pop_modal"] .button{position:fixed;bottom:0;padding:1.5rem 0;width:100%;max-width:42rem;background:#fff}
[class^="pop_modal"] .button .bt{display:block;width:100%;height:4.4rem;font-size:1.5rem;font-weight:500;color:#3182f5;border:.1rem solid #3182f5;background:#fff;border-radius:.4rem}
[class^="pop_modal"] .button .bt_pay{color:#fff;border:.1rem solid #3182f5;background:#3182f5}
[class^="pop_modal"] .khpopbg{position:absolute;top:0;bottom:0;right:0;left:0;background:rgb(0 0 0 / 20%)}
[class^="pop_modal"] .khclose{position:absolute;z-index:1000;top:2rem;right:2rem;cursor:pointer}
[class^="pop_modal"] .khclose i{font-size:2.4rem;color:#333}
[class^="pop_modal"] .pop_wrap{position:absolute;top:2rem;bottom:2rem;right:2rem;left:2rem;background:#fff;border-radius:.4rem;overflow:hidden}
[class^="pop_modal"] .vertical{padding:0 0 4rem 0;height:100vh;overflow:hidden;overflow-y:scroll}
[class^="pop_modal"] .contain{padding:2rem}
[class^="pop_modal"] .contain .tit{font-size:2rem;font-weight:600;color:#111}
[class^="pop_modal"] .contain .tag{padding:1.5rem 0 3rem 0}
[class^="pop_modal"] .contain .tag a{padding:0 .5rem 0 0;font-size:1.6rem;color:#05d245}
[class^="pop_modal"] .contain .add{padding:.4rem 0}
[class^="pop_modal"] .contain .add dl{padding:0 0 2rem 0}
[class^="pop_modal"] .contain .add dt{display:inline-block;position:relative;width:10rem;line-height:2.4rem;font-size:1.6rem;font-weight:600;vertical-align:top;color:#111}
[class^="pop_modal"] .contain .add dt:after{content:':';position:absolute;top:0;right:2.4rem}
[class^="pop_modal"] .contain .add dd{display:inline-block;width:calc(100% - 10rem);line-height:2.4rem;font-size:1.6rem;vertical-align:top;color:#111}
[class^="pop_modal"] .contain .title{color:#333;font-size:1.6rem;padding:.9rem 0 0 rem;margin:0 0 .5rem 0;font-weight:bold;text-align:center}
[class^="pop_modal"] .contain .s_title{color:#222;font-size:1.3rem;padding:.5rem 0 0 0;font-weight:bold}
[class^="pop_modal"] .contain .text{color:#222;font-size:1.4rem;padding:.5rem 1.7rem 0 1.7rem;line-height:2rem;margin:0 0 3rem 0}
[class^="pop_modal"] .contain .s_text{padding-left:1.3rem}
[class^="pop_modal"] .contain .s_text a{color:#333}
[class^="pop_modal"] .contain .s_table{padding:0 0 2rem 0;overflow:hidden;overflow-x:scroll}
[class^="pop_modal"] .contain .s_table table{width:70rem;border-collapse:collapse}
[class^="pop_modal"] .contain .s_table th:first-child{border-left:0}
[class^="pop_modal"] .contain .s_table th:last-child{border-right:0}
[class^="pop_modal"] .contain .s_table td:first-child{border-left:0}
[class^="pop_modal"] .contain .s_table td:last-child{border-right:0}
[class^="pop_modal"] .contain .s_table th{padding:1rem 0;font-size:1.2rem;border:.1rem solid #ccc;background:#f0f0f0}
[class^="pop_modal"] .contain .s_table td{padding:1rem;font-size:1.2rem;border:.1rem solid #ddd}

[class^="pop_modal"] .khwrap{position:relative}
[class^="pop_modal"] .title h3{line-height:5rem;font-size:2rem;background:#fff}
[class^="pop_modal"] .title button{position:absolute;top:0;right:0;display:inline-block;width:5rem;height:5rem}
[class^="pop_modal"] .title button i{font-size:2.4rem;color:#333}
[class^="pop_modal"] .sarea{height:100vh;background:#aaa}
[class^="pop_modal"] .sarea h3{padding:1.5rem 0;font-size:1.5rem;font-weight:500;color:#fff}

[class^="pop_modal"] .village{padding:4rem 0 0 0}
[class^="pop_modal"] .text{padding:0 0 2rem 0;font-size:1.4rem;font-weight:400;vertical-align:top;color:#777}
[class^="pop_modal"] .text strong{font-weight:400;color:#111}
























.confetti{display:flex;justify-content:center;align-items:center;position:absolute;z-index:3;width:100%;height:100vh;overflow:hidden}
.confetti-piece{position:absolute;width:1rem;height:3rem;background:#ffd300;top:0;opacity:0}
.confetti-piece:nth-child(1){left:7%;-webkit-transform:rotate(-40deg);-webkit-animation:makeItRain 1000ms infinite ease-out;-webkit-animation-delay:182ms;-webkit-animation-duration:1116ms}
.confetti-piece:nth-child(2){left:14%;-webkit-transform:rotate(4deg);-webkit-animation:makeItRain 1000ms infinite ease-out;-webkit-animation-delay:161ms;-webkit-animation-duration:1076ms}
.confetti-piece:nth-child(3){left:21%;-webkit-transform:rotate(-51deg);-webkit-animation:makeItRain 1000ms infinite ease-out;-webkit-animation-delay:481ms;-webkit-animation-duration:1103ms}
.confetti-piece:nth-child(4){left:28%;-webkit-transform:rotate(61deg);-webkit-animation:makeItRain 1000ms infinite ease-out;-webkit-animation-delay:334ms;-webkit-animation-duration:708ms}
.confetti-piece:nth-child(5){left:35%;-webkit-transform:rotate(-52deg);-webkit-animation:makeItRain 1000ms infinite ease-out;-webkit-animation-delay:302ms;-webkit-animation-duration:776ms}
.confetti-piece:nth-child(6){left:42%;-webkit-transform:rotate(38deg);-webkit-animation:makeItRain 1000ms infinite ease-out;-webkit-animation-delay:180ms;-webkit-animation-duration:1168ms}
.confetti-piece:nth-child(7){left:49%;-webkit-transform:rotate(11deg);-webkit-animation:makeItRain 1000ms infinite ease-out;-webkit-animation-delay:395ms;-webkit-animation-duration:1200ms}
.confetti-piece:nth-child(8){left:56%;-webkit-transform:rotate(49deg);-webkit-animation:makeItRain 1000ms infinite ease-out;-webkit-animation-delay:14ms;-webkit-animation-duration:887ms}
.confetti-piece:nth-child(9){left:63%;-webkit-transform:rotate(-72deg);-webkit-animation:makeItRain 1000ms infinite ease-out;-webkit-animation-delay:149ms;-webkit-animation-duration:805ms}
.confetti-piece:nth-child(10){left:70%;-webkit-transform:rotate(10deg);-webkit-animation:makeItRain 1000ms infinite ease-out;-webkit-animation-delay:351ms;-webkit-animation-duration:1059ms}
.confetti-piece:nth-child(11){left:77%;-webkit-transform:rotate(4deg);-webkit-animation:makeItRain 1000ms infinite ease-out;-webkit-animation-delay:307ms;-webkit-animation-duration:1132ms}
.confetti-piece:nth-child(12){left:84%;-webkit-transform:rotate(42deg);-webkit-animation:makeItRain 1000ms infinite ease-out;-webkit-animation-delay:464ms;-webkit-animation-duration:776ms}
.confetti-piece:nth-child(13){left:91%;-webkit-transform:rotate(-72deg);-webkit-animation:makeItRain 1000ms infinite ease-out;-webkit-animation-delay:429ms;-webkit-animation-duration:818ms}
.confetti-piece:nth-child(odd){background:#7431e8}
.confetti-piece:nth-child(even){z-index:1}
.confetti-piece:nth-child(4n){width:.5rem;height:1.2rem;-webkit-animation-duration:2000ms}
.confetti-piece:nth-child(3n){width:.3rem;height:1rem;-webkit-animation-duration:2500ms;-webkit-animation-delay:1000ms}
.confetti-piece:nth-child(4n-7){background:red}

@-webkit-keyframes makeItRain{
    from{opacity:0}
    50%{opacity:1}
    to{-webkit-transform:translateY(40rem)}
}








/*[id^="pop_fade"] .prdadd{display:flex;align-items: center;position:relative;margin:0 0 2rem 0;padding:0 0 2rem 0;overflow:hidden}
[id^="pop_fade"] .prdadd label{position:relative;display:block;padding:0 0 .8rem 0;font-size:1.4rem;font-weight:600;color:#242a38}
[id^="pop_fade"] .prdadd label i{padding:0 .2rem;color:#3182f5}
[id^="pop_fade"] .prdadd .lot{position:absolute;top   :.2rem;right:0;font-size:1.4rem;font-weight:500;color:#999}
[id^="pop_fade"] .prdadd .swiper-slide{width:auto !important}
[id^="pop_fade"] .prdadd .area{position:relative;padding:1rem;font-size:1.4rem;border:.1rem solid #ccc;border-radius:.4rem}
[id^="pop_fade"] .prdadd .area button{position:absolute;top:-.5rem;right:-.5rem;width:2rem;height:2rem;background:url("/img/ico/cross_red.svg") no-repeat 50% 50% / 100% auto}
[id^="pop_fade"] .prdadd .area button span{display:none}
[id^="pop_fade"] .prdadd .img{position:relative}
[id^="pop_fade"] .prdadd .img img{display:block;width:9.4rem;height:9.4rem;border-radius:1rem}
[id^="pop_fade"] .prdadd .img button{position:absolute;top:-.6rem;right:-.6rem;width:2.2rem;height:2.2rem;background:url("/img/ico/cross_red.svg") no-repeat 50% 50% / 100% auto}
[id^="pop_fade"] .prdadd .img button span{display:none}
[id^="pop_fade"] .prdadd .image{width:9.4rem;height:9.4rem}
[id^="pop_fade"] .prdadd .add{position:relative;width:9.4rem;height:9.4rem;border:.1rem solid #3182f5;border-radius:1rem}
[id^="pop_fade"] .prdadd .add button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
[id^="pop_fade"] .prdadd .add i{font-size:2rem;color:#3182f5}
[id^="pop_fade"] .prdadd .add span{display:block;font-size:1.2rem;font-weight:400;color:#3182f5}*/

[id^="pop_fade"] .product{padding:2rem}
[id^="pop_fade"] .product .tit{padding-top:4rem;border-bottom:0}
[id^="pop_fade"] .product .tit h3{font-size:1.6rem}
[id^="pop_fade"] .prd{margin:0 0 2rem 0;padding:0 0 2rem 0;border-bottom:.1rem solid #e8e8ec}
[id^="pop_fade"] .prd dl{position:relative;font-size:0}
[id^="pop_fade"] .prd dt{position:relative;display:inline-block;margin:0 1rem 0 0;vertical-align:middle}
[id^="pop_fade"] .prd dt i{position:absolute;top:0;left:0}
[id^="pop_fade"] .prd dt button{display:block;width:6rem;height:6rem;border-radius:.4rem;overflow:hidden}
[id^="pop_fade"] .prd dd{display:inline-block;width:calc(100% - 7rem);vertical-align:middle}
[id^="pop_fade"] .prd dd strong{display:block;font-size:1.4rem;font-weight:300;color:#242a38}
[id^="pop_fade"] .prd em{display:inline-block;margin:0 .5rem 0 0;padding:0 .4rem;font-size:1.4rem;font-weight:600;vertical-align:middle;color:#3182f5;border:.1rem solid #3182f5;border-radius:1.2rem}
[id^="pop_fade"] .prd ins{display:inline-block;margin:0 .5rem 0 0;font-size:1.6rem;font-weight:600;vertical-align:middle;color:#242a38}
[id^="pop_fade"] .prd del{display:inline-block;font-size:1.4rem;vertical-align:middle;color:#83878f}
[id^="pop_fade"] .prd dd time{font-size:1.4rem;font-weight:300;color:#83878f;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
[id^="pop_fade"] .prd dd button{position:absolute;top:1rem;right:0}
[id^="pop_fade"] .select{position:relative;margin:0 0 1rem 0;font-size:0}
[id^="pop_fade"] .select select{width:100%;padding:0 2rem;height:5rem;line-height:5rem;font-size:1.4rem;color:#242a38;border:.1rem solid #e8e8ec;background:url("/img/inc/selectbox.png") no-repeat 94% 50% / 1.1rem auto;border-radius:.4rem}
[id^="pop_fade"] .opt .box{position:relative;margin:0 0 2rem 0;padding-left:10rem;height:10rem;border-bottom:.1rem solid #ccc}
[id^="pop_fade"] .opt .txt{padding:1rem 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
[id^="pop_fade"] .opt .txt .close{float:right;display:block}
[id^="pop_fade"] .opt .txt .close i{display:inline-block;width:1.2rem;height:1.2rem;background:url("/img/inc/close.svg") no-repeat 50% 50% / 1.2rem auto}
[id^="pop_fade"] .opt .img{position:absolute;top:0;left:0;width:7.7rem;height:7.7rem}
[id^="pop_fade"] .opt .img img{width:auto;max-width:100%;height:auto;border-radius:.4rem}
[id^="pop_fade"] .opt .num{overflow:hidden}
[id^="pop_fade"] .opt .num span{display:inline-block;width:3.4rem;height:3.4rem;vertical-align:middle;border:.1rem solid #e8e8ec;border-radius:4rem}
[id^="pop_fade"] .opt .num strong{display:inline-block;padding:0 .5rem}
[id^="pop_fade"] .opt .num p{float:right;padding:1rem 0 0 0}
[id^="pop_fade"] .opt .num del{display:inline-block;font-size:1.4rem;font-weight:400;color:#757575;vertical-align:middle}
[id^="pop_fade"] .opt .num ins{display:inline-block;padding:0 0 0 1rem;font-size:1.6rem;font-weight:400;color:#242a38;vertical-align:middle}
[id^="pop_fade"] .total{overflow:hidden}
[id^="pop_fade"] .total h3{float:left;font-size:1.4rem;font-weight:300;color:#242a38}
[id^="pop_fade"] .total h3 strong{font-weight:600}
[id^="pop_fade"] .total p{float:right;font-size:1.6rem;font-weight:600;color:#242a38}
[id^="pop_fade"] .total p strong{color:#3182f5}
[id^="pop_fade"] .total dl{margin:0;padding:.5rem 0;overflow:hidden}
[id^="pop_fade"] .total dl:last-child{margin:.5rem 0;padding:1.5rem 0;border-top:.1rem solid #ccc}
[id^="pop_fade"] .total dl:last-child dd{color:#3182f5}
[id^="pop_fade"] .total dt{float:left;font-size:1.4rem}
[id^="pop_fade"] .total dd{float:right;font-size:1.6rem;font-weight:600}
[id^="pop_fade"] .total dd em{font-size:1.4rem}
[id^="pop_fade"] .minus{position:relative}
[id^="pop_fade"] .minus:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.2rem;height:.1rem;background:#242a38}
[id^="pop_fade"] .plus{position:relative}
[id^="pop_fade"] .plus:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.2rem;height:.1rem;background:#242a38}
[id^="pop_fade"] .plus:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.1rem;height:1.2rem;background:#242a38}
[id^="pop_fade"] .tip{position:relative;padding:0 0 1rem 1.5rem;font-size:1.4rem;font-weight:300;color:#818181}
[id^="pop_fade"] .tip i{position:absolute;top:.2rem;left:0}
[id^="pop_fade"] .btn ul{margin:0 -1rem 0 0;font-size:0}
[id^="pop_fade"] .btn li{display:inline-block}
[id^="pop_fade"] .btn_basket{color:#242a38 !important;border:.1rem solid #e8e8ec}
[id^="pop_fade"] .order{display:block;width:100%;height:5rem;font-size:1.4rem;font-weight:600;color:#fff;text-align:center;border:.1rem solid #3182f5;background:#3182f5;border-radius:.4rem}

#terms{padding:2rem;height:100vh;overflow:hidden;overflow-y:scroll}
#terms .tit{font-size:2rem;font-weight:600;color:#111}
#terms .tag{padding:1.5rem 0 3rem 0}
#terms .tag a{padding:0 .5rem 0 0;font-size:1.6rem;color:#05d245}
#terms .add{padding:.4rem 0}
#terms .add dl{padding:0 0 2rem 0}
#terms .add dt{display:inline-block;position:relative;width:10rem;line-height:2.4rem;font-size:1.6rem;font-weight:600;vertical-align:top;color:#111}
#terms .add dt:after{content:':';position:absolute;top:0;right:2.4rem}
#terms .add dd{display:inline-block;width:calc(100% - 10rem);line-height:2.4rem;font-size:1.6rem;vertical-align:top;color:#111}
#terms .title{display:none;color:#333;font-size:1.6rem;padding:.9rem 0 0 rem;margin:0 0 .5rem 0;font-weight:bold;text-align:center}
#terms .s_title{color:#222;font-size:1.3rem;padding:.5rem 0 0 0;font-weight:bold}
#terms .text{color:#222;font-size:1.4rem;padding:.5rem 0 0 0;line-height:1.8;margin:0 0 2rem 0}
#terms .text ul li{position:relative;padding:0 0 1rem 2.4rem}
#terms .text ul li i{position:absolute;top:.4rem;left:.4rem}
#terms .s_text{padding-left:1.3rem}
#terms .s_text a{color:#333}
#terms .s_table{padding:0 0 2rem 0;overflow:hidden;overflow-x:scroll}
#terms .s_table table{width:70rem;border-collapse:collapse}
#terms .s_table th:first-child{border-left:0}
#terms .s_table th:last-child{border-right:0}
#terms .s_table td:first-child{border-left:0}
#terms .s_table td:last-child{border-right:0}
#terms .s_table th{padding:.5rem 0;font-size:1.2rem;border:.1rem solid #ccc;background:#f0f0f0}
#terms .s_table td{padding:.5rem 1rem;font-size:1.2rem;border:.1rem solid #ddd}

.alert{position:absolute;z-index:9999;top:50%;margin-top:-16rem;right:3rem;left:3rem;background:#fff;box-shadow:0 1rem 2rem 0 rgb(0 0 0 / 20%);border-radius:1.2rem;overflow:hidden}
.alert .icon{padding:2.4rem 0 0 0;font-size:6.4rem;text-align:center;color:#3182f5}
.alert .cons{padding:.8rem 2.4rem 2.4rem 2.4rem;text-align:center}
.alert .cons h3{padding:0 0 1rem 0;font-size:1.7rem;color:#333}
.alert .cons h3 strong{display:block;padding:0 0 1rem 0;font-size:4.8rem}
.alert .cons p{padding:0 1rem;font-size:1.4rem;color:#777}
.alert .conq{padding:.8rem 2.4rem 2.4rem 2.4rem;text-align:center}
.alert .conq h3{padding:0 0 1rem 0;font-size:1.7rem;color:#333}
.alert .conq h3 strong{display:block;padding:0 0 1rem 0;font-size:4.8rem}
.alert .conq p{padding:0 1rem;font-size:1.4rem;color:#777}

.alert .btn button{font-size:1.6rem;color:#3182f5;border:0;border-top:.1rem solid #eee;background:#f9f9f9;border-radius:0}
.khbg{position:fixed;z-index:103;top:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;max-width:42rem;height:100vh;padding-bottom:0;padding-bottom:calc(env(safe-area-inset-bottom));background:rgb(0 0 0 / 20%)}
.alert .btn + .btn button{color:#222;background:#f9f9f9}
.alert .btn .bt_red{color:#fff !important;border:0;background:#3182f5 !important}

.error{position:fixed;z-index:9999;bottom:10rem;width:100%;max-width:42rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.error .txt{margin:0 2.4rem;padding:.8rem 0;font-size:1.4rem;font-weight:400;text-align:center;color:#fff;background:rgb(0 0 0 / 50%);border-radius:3rem;box-shadow:0 .8rem .8rem 0 rgb(0 0 0 / 30%)}
.error.many .txt{padding:.8rem 1.6rem;text-align:left;border-radius:.4rem}

#snb1,
#snb2,
#snb3{position:fixed;z-index:9999;bottom:10rem;width:100%;max-width:42rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;visibility:hidden}

#snb1.act,
#snb2.act,
#snb3.act{visibility:visible;-webkit-animation:fadein 0.5s, fadeout 0.5s 2.5s;animation:fadein 0.5s, fadeout 0.5s 2.5s}

#snb1 .txt,
#snb2 .txt,
#snb3 .txt{margin:0 2.4rem;padding:1.2rem 0;font-size:1.4rem;font-weight:400;text-align:center;color:#fff;background:rgb(0 0 0 / 50%);border-radius:3rem;box-shadow:0 .8rem .8rem 0 rgb(0 0 0 / 30%)}
















/*#stats,
#join,
#account,
#myinfo,
#product,
#customer{min-height:calc(100vh - 6rem)}
#store{min-height:calc(100vh - 5rem)}*/

/*#store .form{padding-top:1.6rem}*/
#store .form .boxed{display:flex;align-items:center;gap:1rem;position:relative}
#store .form .boxed .btn{position:absolute;top:0;right:0;display:block;width:4.5rem;height:4.5rem;font-size:2.4rem}
#store .form .boxed .bt-add{min-width:10rem;height:4.5rem;font-size:1.4rem;font-weight:600;color:#fff;background:#999;border-radius:.4rem}
#store .form .prdadd label{position:relative;display:block;padding:0 0 1rem 0;font-size:1.4rem;font-weight:600;color:#242a38}
#store .form .keyword{padding:1.6rem 0}
#store .form .keyword .tit{position:relative;display:flex;align-items:center;padding:0 1.6rem 1.6rem 1.6rem;font-size:1.4rem;font-weight:600;color:#242a38}
#store .form .keyword .tit span{padding-right:.4rem}
#store .form .keyword .tit i{display:none;font-size:1.8rem;color:#3FB074}
#store .form .keyword .tag{padding:0 1.6rem}
#store .form .tag{display:flex;flex-wrap:wrap;gap:.5rem}
#store .form .tag .innr{position:relative}
#store .form .tag .innr .chkkwd + label{font-size:1.4rem;font-weight:400;color:#333}
#store .form .tag .innr .chkkwd:checked + label{color:#fff}
#store .form .tag .bt-kywd{padding:0 1.2rem;height:3.4rem;color:#3FB074;border:.1rem solid #3FB074;border-radius:1.6rem}
#store .form .tag .bt-del{position:absolute;top:-.6rem;right:0}
#store .form .tag .bt-del i{display:block;width:1.8rem;height:1.8rem;font-size:1.7rem;color:#fff;background:#777;border-radius:1.8rem}
#store .form .add{padding:1.6rem}
#store .form .add .ip-txt{width:100%}
#store .form .tlk{display:flex;align-items:center;justify-content:center;margin:0 1.6rem;padding:0 1.6rem;background:#F4F3E7;border-radius:.4rem}
#store .form .tlk button{height:4.6rem;font-size:1.4rem;font-weight:600}
#store .form .chkkwd{display:none}

.kt-blur{filter:blur(1rem);-webkit-filter:blur(1rem)}
.kt-mask{display:flex;justify-content:center;align-items:center;position:absolute;z-index:10;top:0;bottom:0;right:0;left:0;background:rgb(0 0 0 / 15%)}
.kt-mask .txt{font-size:1.4rem;text-align:center;color:#fff}
.kt-mask .txt i{font-size:2rem;vertical-align:middle;color:#3182f5}

#invite .kt-point{padding:4rem 0;text-align:center;background:#f0f0f0}
#invite .kt-point span{display:block;font-size:1.4rem;font-weight:400;color:#000}
#invite .kt-point strong{display:block;font-size:2.4rem;font-weight:600;color:#000}
#invite .kt-point.firework{background:#ddd url("/img/invite/firework.svg") no-repeat 18% 100%}
#invite .kt-link{padding:2rem 0}
#invite .kt-link.pd40{padding:4rem 0}
#invite .kt-link .title{font-size:1.6rem;font-weight:400;text-align:center;color:#000}
#invite .kt-link .title strong{ont-weight:600}
#invite .kt-link .list{padding:2rem 0 0 0}
#invite .kt-link .item button{width:100%;height:4.5rem;line-height:4.5rem;font-size:1.6rem;font-weight:600;color:#3182f5;border:.1rem solid #3182f5;border-radius:1rem}
#invite .kt-link .item button i{display:inline-block;width:3rem;height:4.5rem;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%}
#invite .kt-link .inner + .inner{margin:1rem 0 0 0}
#invite .kt-link .inner + .inner .item button{color:#4E3F31;border:.1rem solid #F7D25D}
#invite .kt-link .clip{background-image:url("/img/invite/clip.svg")}
#invite .kt-link .talk{background-image:url("/img/invite/talk.svg")}
#invite .kt-list .title{padding:2rem 0 0 0;font-size:1.6rem;font-weight:400;color:#000}
#invite .kt-list .list .item{display:flex;align-items:center;padding:1rem 0;border-bottom:.1rem solid #ddd}
#invite .kt-list .list .item .dat{width:9rem;font-size:1.4rem;font-weight:400;color:#787878}
#invite .kt-list .list .item .idt{width:calc(100% - 9rem);font-size:1.4rem;font-weight:400;color:#000}
#invite .none{padding:4rem 0;font-size:1.4rem;font-weight:400;text-align:center;color:#787878}

#account .button{padding:1rem 0}
#account .form{padding:2rem 0}
#account .form .title{padding:2rem 0/* 6rem 0*/}
#account .form .title h3{padding:0 0 .4rem 0;line-height:1.2;font-size:2rem;color:#3d3d3f}
#account .form .title p{line-height:1.2;font-size:1.2rem;font-weight:300;color:#999}
#account .form .find{margin:0 auto;padding:1rem 0;width:24rem;font-size:1.6rem;text-align:center;background:#e8e8e8;border-radius:.4rem}
#account .form .joinday{padding:.5rem 0;font-size:1.2rem;text-align:center;color:#5b5b5b}
#account .form .input{position:relative;margin:0 0 2rem 0}
#account .form .input label{position:relative;display:block;padding:0 0 1rem 0;font-size:1.4rem;font-weight:600;text-align:left !important;color:#242a38}
#account .form .input label i{padding:0 .2rem;color:#3182f5}
#account .form .input input{padding:0 1.6rem;width:100%;height:4.5rem;font-size:1.5rem;color:#242a38;border:0;border:.1rem solid #e8e8ec;border-radius:.4rem}
#account .form .input input:focus{border:.1rem solid #242a38;background:#f9f9f9}
#account .form .input em{position:absolute;top:1.4rem;right:1.4rem;font-size:1.4rem;color:#f5183d}
#account .form .input p{padding:0 0 .8rem 0;font-size:1.4rem;font-weight:400;color:#6f6f6f}
#account .form .input .box{position:relative}
#account .form .input .box .inp{padding:0 1.6rem;line-height:4.5rem;font-size:1.4rem;color:#242a38;;border-bottom:.1rem solid #e8e8ec}
#account .form .input .box .chg{position:absolute;top:0;right:0;line-height:4.5rem}
#account .form .input.inp label{padding:0 !important}
/*#account .form .feed{margin:.4rem 0 0 0;padding:0 0 0 1.8rem;font-size:1.2rem;color:#f5183d}*/
#account .form .gender{position:relative;margin:0 0 3rem 0}
#account .form .gender label{display:block;font-size:1.2rem;font-weight:600;color:#242a38}
#account .form .gender ul{margin:1rem -1rem 0 0;font-size:0}
#account .form .gender li{display:inline-block;width:33.33%}
#account .form .gender li label{display:block;line-height:4.5rem;font-size:1.4rem;font-weight:400;text-align:center;color:#242a38;border:.1rem solid #e1e1e5}
#account .form .gender li input{display:none}
#account .form .gender li input:checked + label{color:#fff;border:.1rem solid #3182f5;background:#3182f5}
#account .form .gender li:first-child label{border-right:0 !important;border-radius:.4rem 0 0 .6rem}
#account .form .gender li:last-child label{border-left:0 !important;border-radius:0 .6rem .6rem 0}

#account .form .change h4{padding:.5rem 0;font-size:1.4rem;font-weight:300;color:#3d3d3f}
#account .form .change .bt{height:5rem;font-size:1.4rem;color:#3182f5;border:.1rem solid #3182f5;background:#fff;border-radius:.4rem}
#account .form .input.ups{width:calc(100% - 5rem)}
#account .form .input.ups em{position:absolute;right:-5rem !important;color:#777 !important}
#account .form .input .lot{position:absolute;top:.2rem;right:0;font-size:1.2rem;font-weight:500;color:#999}
#account .form .input .typ{position:absolute;top:-2rem;right:0;font-size:1.2rem;font-weight:500;color:#999}
#account .form .input .txt{padding:0 0 .8rem 0;font-size:1.6rem;font-weight:300;color:#999}
#account .form .all{font-weight:400;border:.1rem solid #f4f4f6;background:#f4f4f6}
#account .form .check{padding:1rem 0 4rem 0}
#account .form .check label{font-size:1.5rem;font-weight:400;color:#242a38}
#account .form .check button{float:right;font-size:1.4rem;font-weight:400;color:#242a38;text-decoration:underline}

#customer .srch{position:relative;margin:1rem 0 0 0;display:block}
#customer .srch input{padding:0 2rem 0 3.5rem;width:100%;height:4rem;line-height:4rem;border:0;background:#f4f4f6;border-radius:.4rem}
#customer .srch .search{position:absolute;top:0;left:0;width:4rem;height:4rem}
#customer .srch .search i{display:inline-block;width:2.4rem;height:2.4rem;vertical-align:middle;background:url(../img/ico/s_search.svg) no-repeat 50% 50%}
#customer .srch .cross{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;background:url("/img/ico/cross.svg") no-repeat 50% 50%}
#customer .none{text-align:center}
#customer .none .inner{padding:8rem 0;font-size:1.4rem;color:#606060}

#customer .notice .name{position:relative;padding:1.2rem 0;border-bottom:.1rem solid #aaa}
#customer .notice .name h3{font-size:1.6rem;font-weight:600}
#customer .notice .name p{position:absolute;top:1.2rem;right:0}
#customer .notice .name p a{font-size:1.4rem;font-weight:400}
#customer .notice .list .item{padding:1rem 0;border-bottom:.1rem solid #e9e9e9}
#customer .notice .list .item .tit{padding:0 0 .4rem 0;font-size:1.6rem;color:#222}
#customer .notice .list .item .tit i{font-size:2rem;vertical-align:middle;color:#3182f5}
#customer .notice .list .item .dat{font-size:1.2rem;color:#9a9a9a}
#customer .notice .btns{padding:2rem 0;text-align:center}
#customer .notice .btns a{display:inline-block;padding:1rem 4rem;font-size:1.6rem;font-weight:400;color:#fff;background:#333;border-radius:3rem}
#customer .notice .ktbtn{padding:2rem 0;text-align:center}
#customer .notice .ktbtn a{display:inline-block;padding:1rem 4rem;font-size:1.6rem;font-weight:400;color:#fff;background:#333;border-radius:3rem}
#customer .notice .content{padding:1.2rem 0;line-height:1.6;overflow-wrap:break-word;overflow:hidden}
#customer .notice .content p{font-size:1.6rem}

#mypoint .info{text-align:center}
#mypoint .info .pot{margin:0 0 2rem 0;padding:2rem 0;border:.1rem solid #3182f5;border-radius:.4rem}
#mypoint .info .pot span{display:block;font-size:1.2rem;font-weight:600}
#mypoint .info .pot strong{display:block;font-size:2.4rem;font-weight:600;color:#3182f5}
#mypoint .point .item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;border-bottom:.1rem solid #F0F0F0}
#mypoint .point .item.plus .pot strong{color:#009646}
#mypoint .point .item.plus .ste i{color:#009646}
#mypoint .point .item.plus .ste span{color:#009646}
#mypoint .point .item.minus .pot strong{color:#3182f5}
#mypoint .point .item.minus .ste i{color:#3182f5}
#mypoint .point .item.minus .ste span{color:#3182f5}
#mypoint .point .chart{font-size:1.4rem;font-weight:400;color:#000}
#mypoint .point .ste{width:10%;text-align:center}
#mypoint .point .ste i{display:block;font-size:2.4rem}
#mypoint .point .ste span{display:block;font-size:1.2rem;font-weight:600}
#mypoint .point .box{width:70%}
#mypoint .point .box time{display:block;font-size:1.2rem;font-weight:400;color:#888}
#mypoint .point .box strong{display:block;font-size:1.4rem;font-weight:600;color:#030303}
#mypoint .point .box span{display:block;font-size:1.2rem;font-weight:400;color:#030303}
#mypoint .point .pot{width:20%;text-align:right}
#mypoint .point .pot strong{display:block;font-size:2rem;font-weight:400}
#mypoint .point .pot span{display:block;font-size:1.2rem;font-weight:400;color:#030303}

#myinfo .profile{display:flex;justify-content:space-between;flex-direction:row-reverse;padding:2rem 0}
#myinfo .profile .img{position:relative;width:6rem;height:6rem;border-radius:6rem;background-position:50% 50%;background-size:cover}
#myinfo .profile .img img{border-radius:6rem}
#myinfo .profile .img button{position:absolute;bottom:0;right:0}
#myinfo .profile .img button i{width:2.4rem;height:2.4rem;line-height:2.4rem;font-size:1.6rem;border-radius:2.2rem;background:#fff}
#myinfo .profile .tit{display:flex;align-items:flex-end;padding:0 0 1rem 0}
#myinfo .profile .tit button{line-height:1.2;font-size:2rem;font-weight:600;text-align:left;color:#000}
#myinfo .profile .tit strong{display:block;padding:0 2rem 0 0;max-width:20rem;line-height:1.2;font-size:1.6rem;color:#2C2C2C}
#myinfo .profile .txt{padding:0 0 2rem 0;font-size:1.2rem;color:#2C2C2C}
#myinfo .profile .pot span{display:block;font-size:1.2rem;color:#999}
#myinfo .profile .pot strong{display:block;font-size:2rem;color:#3182f5}

#myinfo .info{display:flex;justify-content:space-between}
#myinfo .info .inner{width:33.33%}
#myinfo .info .inner .item{display:block;position:relative;margin:1.5rem 0;text-align:center}
#myinfo .info .inner + .inner .item{border-left:.1rem solid #E3E3E3}
#myinfo .info .inner .ico em{display:inline-block;margin:0 0 0 2.5rem;padding:.2rem .5rem;font-size:1rem;color:#fff;background:#3182f5;border-radius:1rem}
#myinfo .info .inner .ico{display:block;height:3.5rem;background-repeat:no-repeat;background-position:50% 50%}
#myinfo .info .inner .tit{font-size:1.2rem;color:#828282}
#myinfo .info .inner .ico1{background-image:url("/img/myinfo/ico_myinfo1.svg")}
#myinfo .info .inner .ico2{background-image:url("/img/myinfo/ico_myinfo2.svg")}
#myinfo .info .inner .ico3{background-image:url("/img/myinfo/ico_myinfo3.svg")}
#myinfo .info .inner.act .ico1{background-image:url("/img/myinfo/ico_myinfo1_act.svg")}
#myinfo .info .inner.act .ico2{background-image:url("/img/myinfo/ico_myinfo2_act.svg")}
#myinfo .info .inner.act .ico3{background-image:url("/img/myinfo/ico_myinfo3_act.svg")}
#myinfo .info .inner.act .tit{color:#2C2C2C}

#myinfo .cate .inner .item{display:flex;align-items:center;padding:1rem 1.6rem;border-bottom:.1rem solid #eee}
#myinfo .cate .inner .ico{margin-right:1rem;width:1.8rem;height:1.8rem;background-repeat:no-repeat;background-position:50% 50%}
#myinfo .cate .inner .tit{display:block;font-size:1.4rem;font-weight:500;color:#828282}
#myinfo .cate .inner .tit:hover,
#myinfo .cate .inner.act .tit{color:#000}
#myinfo .cate .inner .ico1{background-image:url("/img/myinfo/ico_cate1.svg")}
#myinfo .cate .inner .ico2{background-image:url("/img/myinfo/ico_cate2.svg")}
#myinfo .cate .inner .ico3{background-image:url("/img/myinfo/ico_cate3.svg")}
#myinfo .cate .inner .ico4{background-image:url("/img/myinfo/ico_cate4.svg")}
#myinfo .cate .inner .ico5{background-image:url("/img/myinfo/ico_cate5.svg")}
#myinfo .cate .inner .ico6{background-image:url("/img/myinfo/ico_cate6.svg")}
#myinfo .cate .inner .ico7{background-image:url("/img/myinfo/ico_cate7.svg")}
#myinfo .cate .inner .ico8{background-image:url("/img/myinfo/ico_myinfo3.svg");background-size:100% auto}
#myinfo .cate .inner .ico9{background-image:url("/img/myinfo/ico_cate9.svg")}

#myinfo .cate .inner:hover .ico1,
#myinfo .cate .inner.act .ico1{background-image:url("/img/myinfo/ico_cate1_act.svg")}
#myinfo .cate .inner:hover .ico2,
#myinfo .cate .inner.act .ico2{background-image:url("/img/myinfo/ico_cate2_act.svg")}
#myinfo .cate .inner:hover .ico3,
#myinfo .cate .inner.act .ico3{background-image:url("/img/myinfo/ico_cate3_act.svg")}
#myinfo .cate .inner:hover .ico4,
#myinfo .cate .inner.act .ico4{background-image:url("/img/myinfo/ico_cate4_act.svg")}
#myinfo .cate .inner:hover .ico5,
#myinfo .cate .inner.act .ico5{background-image:url("/img/myinfo/ico_cate5_act.svg")}
#myinfo .cate .inner:hover .ico6,
#myinfo .cate .inner.act .ico6{background-image:url("/img/myinfo/ico_cate6_act.svg")}
#myinfo .cate .inner:hover .ico7,
#myinfo .cate .inner.act .ico7{background-image:url("/img/myinfo/ico_cate7_act.svg")}
#myinfo .cate .inner:hover .ico8,
#myinfo .cate .inner.act .ico8{background-image:url("/img/myinfo/ico_myinfo3_act.svg")}
#myinfo .cate .inner:hover .ico9,
#myinfo .cate .inner.act .ico9{background-image:url("/img/myinfo/ico_cate9_act.svg")}

#myinfo .mybtn{padding:4.8rem 1.6rem}
#myinfo .mybtn .bt{display:block;line-height:4.5rem;font-size:1.4rem;font-weight:500;text-align:center;color:#2C2C2C;background:#E5E5E5;border-radius:.4rem}

#myinfo .myinfo .image{position:relative;margin:3rem auto;width:11rem;height:11rem}
#myinfo .myinfo .image .img{position:relative;width:11rem;height:11rem;border-radius:11rem;background-position:50% 50%;background-size:cover}
#myinfo .myinfo .image button{position:absolute;bottom:0;right:0}
#myinfo .myinfo .image button i{width:2.4rem;height:2.4rem;line-height:2.4rem;font-size:1.6rem;border-radius:2.2rem;background:#fff}

#myinfo .myinfo .input{position:relative;margin:0 0 1.6rem 0;text-align:center}
#myinfo .myinfo .input label{position:relative;display:inline-block;padding:0 0 1rem 0;font-size:1.2rem;font-weight:600;color:#242a38}
#myinfo .myinfo .input label i{padding:0 .2rem;color:#3182f5}
#myinfo .myinfo .input input{padding:0 1.6rem;width:100%;height:4.5rem;font-size:1.4rem;color:#242a38;border:0;border:.1rem solid #e8e8ec;border-radius:.4rem}
#myinfo .myinfo .input input:focus{border:.1rem solid #242a38;background:#f9f9f9}

.customer .depth{padding:2rem 0;overflow:hidden}
.customer .depth li{width:auto !important}
.customer .depth a{display:flex;align-items:center;padding:0 1.6rem;height:4rem;font-size:1.4rem;text-align:center;color:#999;border:.1rem solid #ddd;border-radius:4rem}
.customer .depth a.act{z-index:2;color:#fff;border:.1rem solid #3182f5;background:#3182f5}

.customer .acd1{display:flex;justify-content:space-between;align-items:center;padding:2rem 0;font-size:1.4rem;color:#000;border-top:.1rem solid #ddd}
.customer .acd1 i{transform:rotate(180deg);transition:all .3s}
.customer .acd1.act i{transform:rotate(0)}
.customer .acd1 em{min-width:5rem}
.customer .acd1 em img{display:block;margin:0 auto}
.customer .acd1 div{width:100%}
.customer .acd1 strong{display:block;font-weight:400;color:#3182f5}
.customer .acd1 span{display:block}
.customer .acd1 i{display:flex;align-items:center;min-width:5rem}
.customer .acd1 i img{display:block;margin:0 auto;width:.9rem}
.customer .acd2{display:flex;justify-content:space-between;align-items:center;padding:2rem 0;font-size:1.4rem;color:#000;border-top:.1rem solid #ddd;background:#f8f8f8}
.customer .acd2 em{min-width:5rem}
.customer .acd2 em img{display:block;margin:0 auto}
.customer .acd2 div{width:100%}
.customer .acd2 span{display:block;padding:0 3.7rem 0 0}


.kt-line{display:block;border-top:.1rem solid #e4e4e8;border-bottom:.9rem solid #f4f4f6}

.kt-wrap{margin:0 1.6rem}
.kt-wrap.overflow{overflow:hidden}

.add-ctrl i{font-size:1.8rem;transform:rotate(180deg)}
.add-ctrl.act i{transform:rotate(0deg)}
.add-view{display:none}
.add-view.act{display:block}

.kt-sticky{position:sticky;z-index:1000;top:0;background:#fff}
.kt-sticky.fix .kt-nav ul{box-shadow:0 .4rem .8rem rgb(0 0 0 / 5%)}
.kt-sticky .kt-nav ul{display:flex;align-items:center;border-bottom:.1rem solid #e3e3e3;box-shadow:0 0 0 rgb(0 0 0 / 0%)}
.kt-sticky .kt-nav li{flex:auto;text-align:center}
.kt-sticky .kt-nav li button{position:relative;z-index:2;bottom:-.1rem;padding:0 1rem;height:5rem;font-size:1.6rem;font-weight:500;color:#555;border-bottom:.2rem solid transparent}
.kt-sticky .kt-nav li:hover button,
.kt-sticky .kt-nav li.act button{font-weight:600;color:#3182f5;border-bottom:.2rem solid #3182f5}

.kt-mssage .tit{display:flex;align-items:center;padding:2rem 0 0 0;font-size:1.2rem;color:#3182f5}
.kt-mssage .tit i{display:block;position:relative;top:.2rem;width:1.6rem;height:1.6rem;background:url("/img/store/ico_specker.svg") no-repeat 50% 50%}
.kt-mssage .tit span{padding:0 .2rem}
.kt-mssage .wrd{display:flex;padding:1.2rem 0}
.kt-mssage .wrd .img{margin:0 2rem 0 0;width:6rem;height:6rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:6rem}
.kt-mssage .wrd .img img{display:block;width:6rem;border-radius:6rem}
.kt-mssage .wrd .box{width:calc(100% - 8rem)}
.kt-mssage .wrd .tit{padding:0;font-size:1.6rem;font-weight:500;color:#000}
.kt-mssage .wrd .txt{padding:.5rem 0 0 0;font-size:1.4rem;font-weight:400;color:#999}

.ico-bike{display:block;width:2rem;height:2rem;background:url("/img/store/ico_bike.svg") no-repeat 50% 50%}

#kt-order{min-height:100vh}
#kt-order .payment .form{padding:2rem 0}
#kt-order .payment .form .box{}
#kt-order .payment .form .box + .box{padding-top:1rem}
#kt-order .payment .form .box .radiobox + label{font-weight:500}
#kt-order .payment .inner{padding:3rem 0;border-bottom:.1rem solid #e8e8ec}
#kt-order .payment .inner:last-child{border-bottom:0 !important}
#kt-order .payment .inner .check{display:inline-block;width:2rem;vertical-align:middle}
#kt-order .payment .inner .check .checkbox + label{padding:0}
#kt-order .payment .prod{position:relative}
#kt-order .payment .prod dl{display:flex;align-items:center}
#kt-order .payment .prod dt{position:relative;margin:0 1rem 0 0}
#kt-order .payment .prod dt i{position:absolute;top:0;left:0}
#kt-order .payment .prod dt img{display:block;width:9rem;height:9rem;border:.1rem solid #e8e8ec;border-radius:.4rem;overflow:hidden}
#kt-order .payment .prod dt button{display:block;width:9rem;height:9rem;border:.1rem solid #e8e8ec;border-radius:.4rem;overflow:hidden}
#kt-order .payment .prod dd{width:calc(100% - 10rem)}
#kt-order .payment .prod dd .tit{display:block;font-size:1.4rem;font-weight:400;color:#242a38;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#kt-order .payment .prod dd .opt{display:flex;align-items:center;padding:.7rem 0}
#kt-order .payment .prod dd .opt span{font-size:1.2rem;font-weight:400;color:#242a38}
#kt-order .payment .prod dd .opt i{display:inline-block;margin:0 .5rem 0 0;width:2.7rem;line-height:1.7rem;font-size:1rem;text-align:center;vertical-align:middle;color:#fff;background:#83878f;border-radius:.3rem}
#kt-order .payment .prod dd ins{display:inline-block;margin:0 .5rem 0 0;font-size:1.6rem;font-weight:600;vertical-align:middle;color:#242a38}
#kt-order .payment .prod em{display:inline-block;margin:0 .5rem 0 0;padding:0 .4rem;font-size:1.2rem;font-weight:600;vertical-align:middle;color:#3182f5;border:.1rem solid #3182f5;border-radius:1.2rem}
#kt-order .payment .prod del{display:inline-block;font-size:1.4rem;vertical-align:middle;color:#83878f}
#kt-order .payment .prod dd time{font-size:1.2rem;font-weight:400;color:#83878f;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#kt-order .payment .cnt{display:flex;justify-content:space-between;align-items:center}
#kt-order .payment .cnt i{margin:0 .5rem 0 0}
#kt-order .payment .cnt ins{float:right}
#kt-order .payment .cnt > button{display:inline-block;width:9rem;line-height:3rem;font-size:1.2rem;font-weight:400;text-align:center;color:#242a38;border:.1rem solid #e8e8ec;border-radius:.4rem}
#kt-order .payment .cnt .num button{display:inline-block;width:3rem;height:3rem;vertical-align:middle;border:.1rem solid #e8e8ec;border-radius:3rem}
#kt-order .payment .cnt .num strong{display:inline-block;padding:0 .5rem;font-size:1.4rem;vertical-align:middle}
#kt-order .payment .cnt .select{position:relative;font-size:0}
#kt-order .payment .cnt .select select{width:100%;padding:0 2rem;height:5rem;line-height:5rem;font-size:1.4rem;color:#242a38;border:.1rem solid #e8e8ec;background:url("/img/inc/selectbox.png") no-repeat 100% 50% / 1.1rem auto;border-radius:.4rem}
#kt-order .payment .cnt .select div{padding:0 2rem;height:5rem;line-height:5rem;font-size:1.4rem;color:#c0c6d2;border:.1rem solid #e8e8ec;border-radius:.4rem}
#kt-order .payment .btn{position:absolute;top:-2.2rem;right:0}
#kt-order .payment .btn i{font-size:2rem}
#kt-order .payment .btn span{display:none}
#kt-order .payment .minus{position:relative}
#kt-order .payment .minus:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.2rem;height:.1rem;background:#242a38}
#kt-order .payment .plus{position:relative}
#kt-order .payment .plus:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.2rem;height:.1rem;background:#242a38}
#kt-order .payment .plus:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.1rem;height:1.2rem;background:#242a38}

#kt-order .payment .info{margin:1.5rem 0;font-size:1.3rem;color:#999}
#kt-order .payment .info h3{padding:0 0 1rem 0;font-size:1.2rem;color:#242a38}
#kt-order .payment .info dl{line-height:2.6rem}
#kt-order .payment .info dt{display:inline-block;width:50%;font-size:1.4rem;vertical-align:middle;color:#83878f}
#kt-order .payment .info dd{display:inline-block;width:50%;font-size:1.4rem;font-weight:600;text-align:right;vertical-align:middle;color:#242a38}
#kt-order .payment .info .tip{padding:0 0 1rem 2.5rem;font-size:1.2rem;color:#888}
#kt-order .payment .info .total{margin:1rem 0 0 0;padding:1rem 0 0 0;border-top:.1rem solid #e8e8ec}
#kt-order .payment .info .total dt{font-size:1.6rem;color:#242a38}
#kt-order .payment .info .total dd{font-size:1.6rem;color:#3182f5}

#kt-order .payment .tip{position:relative;margin:1.5rem 0;padding:0 2rem;font-size:1.3rem;color:#999}
#kt-order .payment .tip i{position:absolute;top:.1rem;left:0}

#kt-order .payment .abu{position:relative;padding:0 0 0 2.5rem;font-size:1.3rem;color:#3182f5}
#kt-order .payment .abu i{position:absolute;top:.1rem;left:0}

.btn-order{padding:1.5rem}
.btn-order button{width:100%;height:5rem;text-align:center;font-size:1.6rem;color:#fff;background:#3182f5;border-radius:.3rem}

#kt-order .payment .loud{padding:1.6rem;background:#f3f3f3;border-radius:1rem}
#kt-order .payment .loud h4{margin:0 0 .6rem 0;font-size:1.2rem}
#kt-order .payment .loud h5{margin:0 0 1.2rem 0;padding-left:2.4rem;font-size:1.2rem;font-weight:400;background:url( "/img/ico/ico_arr_h5.svg") no-repeat 0 -.3rem}
#kt-order .payment .loud h5+p{padding:0 0 1.4rem 2.4rem}
#kt-order .payment .loud p{font-size:1.2rem}

/*#kt-order .payment .select div{padding:0 2rem;height:5rem;line-height:5rem;font-size:1.4rem;color:#c0c6d2;border:.1rem solid #e8e8ec;border-radius:.4rem}
#kt-order .payment .select.card select{color:#333;border:.1rem solid #3182f5;background-color:#eff6fa}*/
#kt-order .guide{padding:0 0 1rem 0;font-size:1.2rem;color:#777}
#kt-order .payment .button{padding:0 0 3rem 0}
#kt-order .payment .button button{width:100%;height:5rem;line-height:5rem;font-size:1.4rem;font-weight:600;text-align:center;color:#fff;background:#3182f5;border-radius:.4rem}
#kt-order .consent{padding:2rem 0;background:#f5f5f5}
#kt-order .consent dl{line-height:2.6rem}
#kt-order .consent dt{display:inline-block;width:50%;font-size:1.4rem;vertical-align:middle;color:#83878f}
#kt-order .consent dd{display:inline-block;width:50%;font-size:1.4rem;font-weight:300;text-align:right;vertical-align:middle;color:#242a38}
#kt-order .sort{padding:2rem 0 0 0}
#kt-order .sort:after{display:block;visibility:hidden;clear:both;content:""}
#kt-order .sort h3{float:left;font-size:1.4rem;font-weight:400}
#kt-order .sort h3 strong{font-weight:600}
#kt-order .sort .selectbox{float:right}
#kt-order .sort .selectbox select{padding:0 1.5rem 0 0;background:url("/img/inc/selectbox.png") no-repeat 100% 50% / 1.2rem auto}

#kt-store .infomat .review{display:flex;align-items:center}
#kt-store .infomat .text{}
#kt-store .infomat .text dl{display:flex;padding:0 0 0 0}
#kt-store .infomat .text dl + dl{padding:1rem 0 0 0}
#kt-store .infomat .text dt{width:26%;font-size:1.4rem;font-weight:600;color:#212121}
#kt-store .infomat .text dd{width:74%;font-size:1.4rem;color:#212121}
#kt-store .infomat .text dd span{font-size:1.2rem;color:#555}
#kt-store .infomat .item{margin:0 !important}
#kt-store .infomat .str{display:flex;align-items:center;margin:0 1rem 0 0}
#kt-store .infomat .str strong{padding:0 .6rem;font-size:1.2rem;vertical-align:middle;color:#242a38}
#kt-store .infomat .num{padding:0 1rem;font-size:1.4rem;border-left:.1rem solid #eee}
#kt-store .infomat .star{display:inline-block;width:6.4rem;height:1.1rem;vertical-align:middle;background:url("/img/ico/star2.svg") no-repeat 0 50%;background-size:6.4rem auto}
#kt-store .infomat .star span{display:block;height:1.1rem;background:url("/img/ico/star1.svg") no-repeat 0 50%;background-size:6.4rem auto}
#kt-store .product{flex-wrap:wrap}
#kt-store .product .noimg img{display:block;margin:0 auto;width:auto;max-width:100%;height:auto}
#kt-store .product .ready{position:absolute;z-index:2;top:0;bottom:0;right:0;left:0;margin:0;display:flex;justify-content:center;align-items:center;background:rgb(0 0 0 / 60%)}
#kt-store .product .ready .txts{font-size:1.6rem;font-weight:500;color:#fff}
#kt-store .product .ready .txts i{display:block;margin:0 auto;padding:0 0 80% 0;background:url("/img/store/noimg.png") no-repeat 50% 50%;background-size:12rem auto}
#kt-store .product .img{position:relative;z-index:1;overflow:hidden}
#kt-store .product .img .simage{display:block;padding:0 0 100% 0;background-repeat:no-repeat;background-position:50% 50%;background-color:#333;background-size:cover}
#kt-store .product .img img{display:block;width:auto;max-width:100%;height:auto}
#kt-store .product .khctrl{position:absolute;z-index:9;bottom:3rem;right:0;left:0;text-align:center}
#kt-store .product .khctrl .pag{display:inline-block;padding:0 1rem;width:auto;line-height:2.5rem;font-size:1.4rem;color:#fff;background:rgba(0 0 0 / 20%);border-radius:3rem}
#kt-store .product .boxed{position:relative;z-index:10;top:-2rem;padding:2rem;background:#fff;border-radius:2rem 2rem 0 0}
#kt-store .product .boxed .loc{position:absolute;top:2rem;right:0;font-size:1rem;color:#999}
#kt-store .product .boxed .loc i{display:block;margin:.2rem auto;width:2rem;height:2rem;background:url("/img/store/ico_pin.svg") no-repeat 50% 50%}
#kt-store .product .boxed .txt{padding:.5rem 0;font-size:1.4rem;color:#777}
#kt-store .product .location{position:relative;z-index:10;padding:0 3.5rem 0 0}
#kt-store .product .location .ico{display:flex;align-items:center;font-size:1.2rem}
#kt-store .product .location .tit{font-size:2rem;font-weight:600}
#kt-store .product .location .txt button{display:flex;justify-content:space-between;align-items:flex-start;text-align:left}
#kt-store .product .location .txt i{display:block;padding:0 .5rem;line-height:2rem}
#kt-store .product .info{display:flex;justify-content:space-between;align-items:center;margin:0 -2rem;padding:1rem 0}
/*#kt-store .product .info .inner{position:relative;width:25%}*/
#kt-store .product .info .inner{position:relative;width:33.33%}
#kt-store .product .info .inner + .inner .item:before{content:'';position:absolute;top:calc(50% - 1.5rem);left:0%;width:.1rem;height:4rem;background:#ddd}
#kt-store .product .info .item{padding:1rem 0}
#kt-store .product .info .item span{display:block;padding:.5rem 0;font-size:1.2rem;text-align:center;color:#777}
#kt-store .product .info .item i{display:block;height:2rem;background-repeat:no-repeat;background-position:50% 50%;background-size:auto;overflow: hidden}
#kt-store .product .info .item input{display:none}
#kt-store .product .info .item button{width:100%}
#kt-store .product .info .ico1{background-image:url("/img/store/ico_phone.svg")}
#kt-store .product .info .ico2{background-image:url("/img/store/ico_chat.svg")}
#kt-store .product .info .ico3{background-image:url("/img/store/ico_heart.svg")}
#kt-store .product .info .ico4{background-image:url("/img/store/ico_share.svg")}
#kt-store .product .info .act.ico1{background-image:url("/img/store/ico_phone_act.svg")}
#kt-store .product .info .act.ico2{background-image:url("/img/store/ico_chat_act.svg")}
#kt-store .product .info .act.ico3{background-image:url("/img/store/ico_heart_act.svg")}
#kt-store .product .info .act.ico4{background-image:url("/img/store/ico_share_act.svg")}
#kt-store .product .info .ckbox:checked + label .act.ico3{background-image:url("/img/store/ico_heart2.svg")}
#kt-store .detail .khctrl{position:absolute;z-index:9;bottom:1rem;right:0;left:0;text-align:center}
#kt-store .detail .khctrl .pag{display:inline-block;padding:0 1rem;width:auto;line-height:2.5rem;font-size:1.4rem;color:#fff;background:rgba(0 0 0 / 20%);border-radius:3rem}
#kt-store .owner{padding:0 0 2rem 0}
#kt-store .owner .txt{line-height:1.6;font-size:1.5rem}
#kt-store .kt-button{}

/*상세*/
#kt-store .title{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0}
#kt-store .title h3{font-size:1.6rem;color:#3D3D3F}
#kt-store .title h3 em{color:#3182f5}
#kt-store .title p button{color:#999}
#kt-store .prod .item.nargin{margin:0 !important}
#kt-store .village .prod .item{margin:0 0 1.6rem 0 !important}
#kt-store .item .stt dl{padding:0 0 .6rem 0;font-size:0}
#kt-store .item .stt dt{display:inline-block;padding:0 1rem 0 0;font-size:1.2rem;font-weight:600}
#kt-store .item .stt dd{display:inline-block;font-size:1.2rem;font-weight:400}
#kt-store .item .stt dd ins{display:block;font-size:1.6rem;color:#3182f5;text-decoration:none}
#kt-store .item .qua{position:absolute;top:0;right:0;padding:1.5rem;font-size:1.2rem;text-align:right;background:#f1f1f1;border-radius:1rem}
#kt-store .item .qua .red{font-size:1.6rem}
#kt-store .text{padding:0 0 1.5rem 0;font-size:1.6rem;word-break:break-all;color:#000}
#kt-store .text h4{padding:0 0 1rem 0;font-size:1.4rem;color:#333}
#kt-store .text strong{display:block;padding:2rem 0 0 0}
#kt-store .share{position:absolute;top:1.7rem;right:.5rem}
#kt-store .share a{display:inline-block;width:2.4rem;height:2.4rem;background:url("/img/ico/ico_share.svg") no-repeat 50% 50%}
#kt-store .share span{display:none}
#kt-store .kt-button{position:sticky;z-index:10;bottom:0;padding:1rem 0}
#kt-store .kt-button button{width:100%;height:5rem;font-size:1.6rem;color:#fff;background:#3182f5}
#kt-store .khcons{display:none}
#kt-store .khcons.act{display:block}

#kt-store .comment .cons{border-top:.1rem solid #e4e4e8}
#kt-store .comment .cons:nth-child(1){border-top:0}
#kt-store .comment .reply{margin:1rem;padding:2rem;background:#ececec !important;border-radius:1rem}
#kt-store .comment .box{position:relative;border-radius:.4rem;overflow:hidden}
#kt-store .comment .prf{position:relative;margin:1rem 0}
#kt-store .comment .prf dl{font-size:0}
#kt-store .comment .prf dt{display:inline-block;margin:0 1rem 0 0;width:5rem;height:5rem;vertical-align:middle}
#kt-store .comment .prf dt img{width:auto;max-width:100%;height:auto;border-radius:5rem}
#kt-store .comment .prf dd{display:inline-block;width:calc(100% - 6rem);vertical-align:middle}
#kt-store .comment .prf dd strong{display:block;font-size:1.2rem;font-weight:600;color:#242a38}
#kt-store .comment .prf dd span{font-size:1.4rem;font-weight:400;color:#242a38}
#kt-store .comment .prf dd time{display:block;font-size:1.2rem;font-weight:400;color:#83878f}
#kt-store .comment .thm{padding:0 0 1rem 0}
#kt-store .comment .thm img{width:8rem;max-width:100%;height:auto;border-radius:.4rem}
#kt-store .comment .thm .inner{width: auto !important;}
#kt-store .comment .btn{padding:0 0 1rem 0;text-align:right}
#kt-store .comment .btn button + button{display:inline-block;margin:0 0 0 1rem}
#kt-store .comment .reply{padding:1rem 2rem;background:url("/img/ico/ico_reply.svg") no-repeat 0 1.2rem}
#kt-store .comment .reply dt{vertical-align:top}
#kt-store .comment .reply dd strong{padding:0 0 .4rem 0}
#kt-store .comment .reply .emblem{display:inline-block;margin:0 .5rem;width:1.6rem;height:1.6rem;vertical-align:middle;background:url("/img/ico/ico_emblem.svg") no-repeat 50% 50%}
#kt-store .comment .txt{padding:0 0 2rem 0;font-size:1.4rem;color:#242a38;overflow:hidden}
#kt-store .comment .txt a{display:inline-block;color:#242a38}
#kt-store .comment .prd{padding:1rem;border:.1rem solid #e4e4e8;background:url("/img/ico/more.svg") no-repeat 94% 50%;border-radius:.4rem}
#kt-store .comment .prd dl{font-size:0}
#kt-store .comment .prd dt{display:inline-block;margin:0 1rem 0 0;width:4rem;height:4rem;vertical-align:middle}
#kt-store .comment .prd dd{display:inline-block;vertical-align:middle}
#kt-store .comment .prd dd strong{display:block;font-size:1.2rem;color:#83878f;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#kt-store .comment .prd dd ins{display:block;font-size:1.2rem;color:#242a38}
#kt-store .comment .img{display:block}
#kt-store .comment .star{position:absolute;top:50%;transform: translateY(-50%);right:0;width:8rem;height:1.3rem;background:url("/img/ico/star2.svg") no-repeat 0 50% / auto 1.3rem}
#kt-store .comment .star span{display:block;height:1.3rem;background:url("/img/ico/star1.svg") no-repeat 0 50% / auto 1.3rem}
#kt-store .comment .more{text-align:center;border-top:.1rem solid #e4e4e8}
#kt-store .comment .more button{padding:1.5rem 0;width:100%;font-size:1.4rem;font-weight:400}

#header.absolute{position:absolute;z-index:200;top:0;right:0;left:0;background:transparent}
.towns.absolute{position:absolute;z-index:200;top:0;bottom:0;right:0;left:0;background:#fff}
.towns{padding:2.4rem}
.towns .tit{margin:2rem 0;line-height:1.3;font-size:2.2rem;color:#333}
.towns .tit strong{font-weight:600}
.towns .tit .close{position:absolute;top:2rem;right:1rem;display:inline-block;width:5rem;height:5rem;background:url("/img/ico/pop_close.svg") no-repeat 50% 50% / 3rem auto}
.towns .txt{font-size:1.5rem;color:#777}
.towns .con{margin:4rem 0 0 0}
.towns .con h3{padding:0 0 1rem 0;font-size:2rem;color:#343434}
.towns .con ul{margin:0 -.8rem 0 0;font-size:0}
.towns .inner{display:inline-block;width:50%}

.towns .item{display:block;margin:0 .8rem .8rem 0;padding:0 1rem;line-height:3.5rem;font-size:1.4rem;font-weight:400;color:#3182f5;border:.1rem solid #eff6fa;background:#eff6fa;border-radius:5rem}
.towns .item span{display:inline-block;vertical-align:middle}
.towns .item img{vertical-align:middle}

#address{padding:1.6rem 0 3.2rem 0;background:#f3f3f3}
#address h2{margin:0 0 .8rem 0;padding:0 0 .8rem 0;font-size:1.2rem;color:#000;border-bottom:.1rem solid #ccc}
#address address{line-height:1.8;font-size:1.2rem;font-weight:300;color:#777}

#ktplay .footer{padding:1.6rem 0 3.2rem 0;background:#f3f3f3}
#ktplay .footer h2{font-size:1.3rem;color:#000}
#ktplay .footer address{display:block;padding-top:1.2rem;font-size:1.2rem;font-weight:400;color:#545454}
#ktplay .footer .dp1{display:flex;align-items:center;justify-content:space-between;cursor:pointer}
#ktplay .footer .dp1 .arr{font-size:2.4rem}
#ktplay .footer .act .arr{transform:rotate(180deg)}
#ktplay .footer .act + .dp2{display:block;max-height:none}
#ktplay .footer .dp2{max-height:0;display:none}



#order .form .tit{padding:1rem 0}
#order .form .tit h3{font-size:1.6rem;font-weight:600}
#order .form .info{position:relative;margin:1rem 0}
#order .form .info label{font-size:1.4rem;vertical-align:middle}
#order .form .info .checkbox + label:before{top:-.1rem}
#order .form .info .rad{padding:0 0 .8rem 0}
#order .form .info .rad label{padding-top:.2rem;font-size:1.6rem;font-weight:400}
#order .form .info .tip{padding:0 0 2rem 2.5rem;font-size:1.2rem;color:#888}
#order .form .info .total{margin:1rem 0 0 0;padding:1rem 0 0 0;border-top:.1rem solid #e8e8ec}
#order .form .info .total dt{font-size:1.6rem;color:#242a38}
#order .form .info .total dd{font-size:1.6rem;color:#3182f5}

#order .textarea{position:relative;padding-bottom:2.4rem;border:.1rem solid #c0c0c0;border-radius:.4rem}
#order .textarea:focus{border:.1rem solid #242a38;background:#f9f9f9}
#order .textarea textarea{display:block;padding:1.6rem;width:100%;height:12rem;font-size:1.4rem;border:0;border-radius:0;resize:none}
#order .textarea em{position:absolute;bottom:1rem;right:1rem;font-size:1.2rem;color:#777}

/**/
#find{}
#find .find{display:flex;height:calc(100vh - 12rem);flex-direction:column;justify-content:center;align-items:center;text-align:center}
#find .find .img{padding:0 0 2rem 0}

/**/
#nomment.flex{display:flex;justify-content:center;align-items:center;min-height:100vh}

#nomment .nomment{padding:2rem 0}
#nomment .nomment .inner + .inner{padding:1rem 0 0 0;border-top:.1rem solid #eee}
#nomment .nomment .item{position:relative;padding:1rem 0}
#nomment .nomment .item .tit{display:block;padding:0 5rem 1rem 0;font-size:1.6rem;overflow-wrap:break-word/*;text-overflow:ellipsis;white-space:nowrap;overflow:hidden*/}
#nomment .nomment .item .tit a{font-size:1.6rem}
#nomment .nomment .item .dat{display:block;font-size:1.2rem}
#nomment .nomment .item .btn{position:absolute;top:1rem;right:0;font-size:1.2rem}
#nomment .nomment .cut{display:flex;align-items:flex-start;margin:0 0 1rem 0;padding:1.2rem .8rem;font-size:1.4rem;color:#666;background:#eff6fa;border-radius:.4rem}
#nomment .nomment .mark{display:block;margin:0 .4rem 0 0;width:2rem;height:2rem;background:#eff6fa url("/img/ico/ico_excla.svg") no-repeat 50% 50% / 1.6rem auto}
#nomment .nomment .cutoff{margin:0 0 1rem 0;padding:3rem 2rem 3rem 4rem;font-size:1.4rem;text-align:center;color:#666;background:#f3f3f3;border-radius:.4rem}
#nomment .nomment .reply{display:flex;align-items:flex-start;margin-bottom:1rem;padding-left:4rem;font-size:1.4rem;color:#666;background:url("/img/ico/ico_reply.svg") no-repeat 1.2rem 0 / 1.4rem auto;border-radius:.4rem}
#nomment .nomment .reply .item{padding:0 !important}
#nomment .nomment .reply .btn{top:.2rem}
#nomment .nomment .reply .cut{margin:0;padding:1.2rem 2rem !important;width:100%;min-height:7.8rem}
#nomment .nomment .reply .cutoff{display:block;margin:0;width:100%;text-align:center;background:#eff6fa}


/**/
#customer .title{border-bottom:.1rem solid #eee}
#customer .title .khwrap{display:flex;align-items:center}
#customer .title .inner{display:block;position:relative;width:100%}
#customer .title .inner + .inner .item{border-left:.1rem solid #eee}
#customer .title .item{padding:2rem 0;text-align:center}
#customer .title .item i{display:block}
#customer .title .item span{display:block;font-size:1.4rem}

#customer .counsel{text-align:center}
#customer .counsel .btn{padding:1rem 0}
#customer .counsel .btn button{width:100%;height:5rem;color:#222;background:#d8d8d8;border-radius:.4rem}
#customer .counsel .btn button i{display:inline-block;padding:0 .5rem 0 0;vertical-align:middle}
#customer .counsel .btn button span{display:inline-block;font-size:1.6rem;vertical-align:middle}
#customer .counsel .txt{padding:0 0 2rem 0;font-size:1.6rem;color:#222}

.board{padding:2rem 0}
.board .name{position:relative;padding:0 0 1.2rem 0;border-bottom:.1rem solid #aaa}
.board .name h3{font-size:1.6rem;font-weight:600}
.board .name p{position:absolute;top:0;right:0}
.board .name p a{font-size:1.4rem;font-weight:400}
.board .list .item{padding:1.2rem 0;border-bottom:.1rem solid #e9e9e9}
.board .list .item .tit{padding:0 0 .4rem 0;font-size:1.6rem;color:#222;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.board .list .item .dat{font-size:1.2rem;color:#9a9a9a}
.board .btns{position:absolute;bottom:8rem;right:0;left:0;text-align:center}
.board .btns a{display:inline-block;padding:1rem 4rem;font-size:1.6rem;font-weight:400;color:#fff;background:#333;border-radius:3rem}

.ico-set{display:block;width:2.4rem;height:2.4rem;background:url('/img/ico/setting.svg') no-repeat 50% 50%}

/**/
#info{background:#f3f3f3}
#info .info{padding:1.6rem 0;background:#fff}
#info .info h3{font-size:1.8rem}
#info .info .khwrap{position:relative;margin:0 2.4rem;padding:0 !important}
#info .info .img{width:6.2rem;height:6.2rem;border-radius:6.2rem;background-position:50% 50%;background-size:100% auto;overflow:hidden}
#info .info .img img{width:auto;max-width:100%;height:auto}
/*#info .link{min-height:10rem}*/
#info .link .tit{font-size:1.6rem;font-weight:600;color:#494949}
#info .link .txt{display:flex;align-items:center;font-size:1.6rem;color:#494949}
#info .link .txt button{padding:0 .4rem}
#info .link .txt img{display:block}
#info .photo{position:absolute;top:1rem;right:0}
#info .photo button{position:absolute;bottom:0;right:0}
#info .photo button i{width:2.4rem;height:2.4rem;line-height:2.4rem;font-size:1.6rem;border-radius:2.2rem;background:#fff}
#info .stats{padding:1.5rem 0;overflow:hidden}
#info .stats h3{padding:0 0 1rem 0;font-size:1.8rem;font-weight:500}
#info .stats .inner{padding:1.5rem;width:15rem !important;height:15rem;line-height:1.2;background:#fff;border-radius:1rem}
#info .stats .item .ico i{display:block;width:5rem;height:5rem;background-position:50% 50%;background-repeat:no-repeat;background-size:3rem auto}
#info .stats .item .ico{padding:0 0 1rem 0}
#info .stats .item .tit{font-size:1.3rem;color:#777}
#info .stats .item .prc{padding:0 0 .6rem 0;font-size:1.8rem;/*text-align:right;*/color:#3182f5}
#info .stats .item .sco{font-size:1.4rem;color:#777}
#info .info1{background-image:url("/img/ico/ico_info1.svg") !important}
#info .info2{background-image:url("/img/ico/ico_info2.svg") !important}
#info .info3{background-image:url("/img/ico/ico_info3.svg") !important}
#info .verti .inner{padding:0 0 1rem 0}
#info .verti .item button{padding:0 1rem;width:100%;height:5rem;font-size:1.5rem;text-align:left;color:#6F6F6F;background:#fff;border-radius:.4rem}
#info .verti .item i{display:inline-block;width:3rem;height:5rem;vertical-align:middle;background-position:50% 50%;background-repeat:no-repeat}
#info .verti .item span{display:inline-block;vertical-align:middle}
#info .verti .item button.disabled{background:rgb(252 252 252)}
#info .verti .item button.disabled i,
#info .verti .item button.disabled span{opacity:.3}
#info .horiz{background:#fff;overflow:hidden;border-radius:.4rem}
#info .horiz .inner{display:inline-block;position:relative;width:33.33%}
#info .horiz .inner + .inner:before{content:'';position:absolute;top:50%;left:0;margin-top:-2rem;width:.1rem;height:4rem;background:#e8e8e8}
#info .horiz .item button{padding:1rem 0;width:100%;height:9rem;font-size:1.4rem;color:#6F6F6F;background:#fff;border-radius:.4rem}
#info .horiz .item i{display:block;margin:0 auto;width:3rem;height:2rem;vertical-align:middle;background-position:50% 50%;background-repeat:no-repeat}
#info .horiz .item span{display:block;vertical-align:middle}
#info .horiz .nv1{background-image:url("/img/ico/ico_nv1.svg") !important}
#info .horiz .nv2{background-image:url("/img/ico/ico_nv2.svg") !important}
#info .horiz .nv3{background-image:url("/img/ico/ico_nv3.svg") !important}
#info .nv1{background-image:url("/img/ico/ico_nv1.svg") !important}
#info .nv2{background-image:url("/img/ico/ico_nv2.svg") !important}
#info .nv3{background-image:url("/img/ico/ico_nv3.svg") !important}
#info .nv4{background-image:url("/img/ico/ico_nv4.svg") !important}
#info .nv5{background-image:url("/img/ico/ico_nv5.svg") !important}
#info .nv6{background-image:url("/img/ico/ico_nv6.svg") !important}
#info .nv7{background-image:url("/img/ico/ico_nv7.svg") !important}
#info .nv8{background-image:url("/img/ico/ico_nv8.svg") !important}
#info .nv9{background-image:url("/img/ico/ico_nv9.svg") !important}
#info .nv10{background-image:url("/img/ico/ico_nv10.svg") !important}
#info .nv11{background-image:url("/img/ico/ico_nv11.svg") !important}
#info .nv12{background-image:url("/img/ico/ico_nv12.svg") !important}
#info .noti{padding:1rem 0}
#info .noti .txt{display:flex;align-items:center;padding:0 2rem;background:#fff;border-radius:.4rem}
#info .noti .txt strong{display:inline-block;width:3rem;font-size:1.4rem;vertical-align:middle;color:#6F6F6F}
#info .noti .txt button{display:block;padding:0 1rem;width:calc(100% - 9rem);height:5rem;font-size:1.4rem;vertical-align:middle;color:#6F6F6F;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#info .noti .txt time{display:inline-block;width:6rem;font-size:1.4rem;vertical-align:middle;color:#6F6F6F}

#header .del{position:absolute;z-index:10;top:50%;transform:translateY(-50%);right:1.5rem;font-size:1.4rem;font-weight:400;color:#3182f5}

/*업데이트*/
#ktplay .detail .state{position:relative;padding:1rem 0}
#ktplay .detail .state .khwrap{display:flex;align-items:center;gap:1rem}
#ktplay .detail .state .item{display:flex;align-items:center;height:2rem}
#ktplay .detail .state .item i{display:block;width:2rem;height:2rem}
#ktplay .detail .state .item span{display:block;font-size:1.3rem}
#ktplay .detail .state .ht1{background:url("/img/detail/dicon1.svg") no-repeat 50% 50%}
#ktplay .detail .state .ht2{background:url("/img/detail/dicon2.svg") no-repeat 50% 50%}
#ktplay .detail .state .ht3{background:url("/img/detail/dicon3.svg") no-repeat 50% 50%}
#ktplay .detail .state p{position:absolute;right:1.6rem;font-size:1.2rem;font-weight:300}

#detail{padding:0 0 7.6rem 0}
#detail .prod .item{margin:0 !important;padding:0 0 2rem 0}
#detail .prod .img img{display:block;width:auto;max-width:100%;height:auto}
#detail .tabs{display:flex;align-items:center;padding:1rem 2rem 2rem 2rem}
#detail .tabs .inner{padding:0 2rem 0 0}
#detail .tabs a{display:inline-block;font-size:1.8rem;font-weight:600;color:#585858}
#detail .tabs a.act{color:#3182f5}
#detail .info{display:flex;justify-content:space-between;align-items:center;padding:0 2rem}
#detail .info .inner{}
#detail .info .item{padding:1rem 0}
#detail .info .item span{display:block;font-size:1.4rem;color:#777}
#detail .info .item i{display:block;height:2rem;background-repeat:no-repeat;background-position:50% 50%;background-size:auto;overflow: hidden}
#detail .info .ico1{background-image:url("/img/store/ico_phone.svg")}
#detail .info .ico2{background-image:url("/img/store/ico_chat.svg")}
#detail .info .ico3{background-image:url("/img/store/ico_heart.svg")}
#detail .info .ico4{background-image:url("/img/store/ico_share.svg")}
#detail .owner{padding:0 0 2rem 0}
#detail .owner .txt{line-height:1.6;font-size:1.5rem}

/*상세*/
#detail .detail .title{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}

#detail .detail .reservation{padding:1.6rem 0}
#detail .detail .reservation .tit{margin:0 0 .8rem 0;font-size:1.4rem}
#detail .detail .reservation .tbl{padding:1.6rem;background:#f9f9f9;border-radius:.4rem}
#detail .detail .reservation .tbl tr{border-bottom:.1rem solid #eee}
#detail .detail .reservation .tbl th{width:30%;font-size:1.5rem;text-align:left}
#detail .detail .reservation .tbl td{width:70%;font-size:1.4rem}
#detail .detail .reservation .hours{display:flex;flex-wrap:wrap;padding:.8rem 0}
#detail .detail .reservation .hours strong{min-width:20%;font-weight:300}
#detail .detail .reservation .holis{padding:.8rem 0}

#detail .detail .prod .prof{display:flex;align-items:center}
#detail .detail .prod .prof .box{padding-left:1rem !important}
#detail .detail .prod .item .box{position:relative;padding:.8rem 0}
#detail .detail .prod .item .box .txt{padding:0 0 .8rem 0}
#detail .detail .prod .item .btn{padding:0 0 1rem 0}
#detail .detail .prod .item .btn .bt{width:100%;height:4.5rem;font-size:1.4rem;font-weight:500;color:#fff;background:#3182f5;border-radius:.4rem}
#detail .detail .prod .item .tit a{font-size:2.4rem !important;font-weight:700}
#detail .detail .prod .item .tit em{font-size:1.6rem !important}
#detail .detail .prod .item .txt{vertical-align:middle}
#detail .detail .prod .item .txt a{font-size:1.6rem !important}
#detail .detail .prod .item .txt span{display:inline-block;padding:0 .5rem;font-size:1.2rem;font-weight:600}
#detail .detail .prod .item .prc strong{font-size:2.4rem}
#detail .detail .prod .item .prc strong.sale{font-size:2rem}
#detail .detail .prod .item .prc span{font-size:2.4rem}
#detail .detail .prod .item .prc del{font-size:1.6rem;color:#83878f}
#detail .detail .prod .item .etc{padding:1rem 0 0 0;font-size:0}
#detail .detail .prod .item .etc span{display:inline-block;padding:0 .8rem 0 0;vertical-align:middle}
#detail .detail .prod .item .etc i{display:inline-block;font-size:1.8rem;color:#4a4a4a;vertical-align:middle}
#detail .detail .prod .item .etc em{display:inline-block;padding:0 .4rem;font-size:1.4rem;vertical-align:middle;color:#83878f}
#detail .detail .prod .item .stt{display:flex;padding:.8rem 0}
#detail .detail .prod .item .stt span{/*display:block;margin:0 .4rem 0 0;padding:0 .8rem;line-height:2rem;font-size:1.2rem;vertical-align:middle;border-radius:2rem*/}
#detail .detail .prod .item .con{position:relative;min-height:12rem}

#detail .detail .prod .item .option{display:flex;justify-content:space-between;padding:1.6rem}
#detail .detail .prod .item .option .pce{width:64%}
#detail .detail .prod .item .option .pce dl{display:flex}
#detail .detail .prod .item .option .pce dt{width:11rem;font-size:1.2rem}
#detail .detail .prod .item .option .pce dd{width:calc(100% - 12rem);font-size:1.2rem}
#detail .detail .prod .item .option .num{padding:1rem;width:36%;font-size:1.2rem;text-align:right;background:#f1f1f1;border-radius:1rem}

#detail .detail .prod .item .opt{padding:0 1.6rem !important}
#detail .detail .prod .item .opt.act{padding:0 !important}

#detail .detail .item .stt dl{padding:0 0 .6rem 0;font-size:0}
#detail .detail .item .stt dt{display:inline-block;padding:0 1rem 0 0;font-size:1.2rem;font-weight:600}
#detail .detail .item .stt dd{display:inline-block;font-size:1.2rem;font-weight:400}
#detail .detail .item .stt dd ins{display:block;font-size:1.6rem;color:#3182f5;text-decoration:none}
#detail .detail .item .qua{position:absolute;top:0;right:0;padding:1.5rem;font-size:1.2rem;text-align:right;background:#f1f1f1;border-radius:1rem}
#detail .detail .item .qua .red{font-size:1.6rem}
#detail .detail .text{line-height:1.5;font-size:1.6rem;word-break:break-all;color:#000}
#detail .detail .text h4{padding:0 0 1rem 0;font-size:1.6rem;color:#333}
#detail .detail .text strong{display:block;padding:1rem 0;font-size:1.4rem}
#detail .detail .khctrl{position:absolute;z-index:9;bottom:1rem;right:0;left:0;text-align:center}
#detail .detail .khctrl .pag{display:inline-block;padding:0 1rem;width:auto;line-height:2.5rem;font-size:1.4rem;color:#fff;background:rgba(0 0 0 / 20%);border-radius:3rem}
#detail .detail .share{position:absolute;top:.6rem;right:0}
#detail .detail .share a{display:inline-block;width:2.4rem;height:2.4rem;background:url("/img/ico/ico_share.svg") no-repeat 50% 50%}
#detail .detail .share span{display:none}
#detail .detail .button{padding:0 0 1.5rem 0}

#ktplay .detail-img{padding:0 0 2rem 0;background:#fff}
#ktplay .detail-img img{display:block;margin:0 auto;width:auto;max-width:100%;height:auto}

#detail .detail .store{padding:0 0 1.5rem 0}
#detail .detail .store .inner{margin:0 0 2rem 0}
#detail .detail .store .str{text-align:left !important}
#detail .detail .store .item{margin:0;border:.1rem solid #e8e8ec;border-radius:1.2rem;overflow:hidden}
#detail .detail .store .item .img{position:relative;margin:0 !important}
#detail .detail .store .item .img i{position:absolute;top:1rem;left:1rem}
#detail .detail .store .item .img img{display:block;width:auto;max-width:100%;height:auto}
#detail .detail .store .item .img time{position:absolute;bottom:0;right:0;left:0;font-size:1.2rem;text-align:center;color:#fff;background:rgba(0,0,0,.8)}
#detail .detail .store .item .img .opt{position:absolute;bottom:1rem;right:1rem;font-size:0}
#detail .detail .store .item .img .opt .ht{display:block;width:3.2rem;height:3.2rem}
#detail .detail .store .item .box{padding:1rem}
#detail .detail .store .item .box .opt{font-size:0}
#detail .detail .store .item .box .opt span{display:inline-block;padding:0 .8rem 0 1.6rem;font-size:1.2rem;vertical-align:middle}
#detail .detail .store .item .box .pickup{color:#3c9c5e;background:url("/img/ico/ico_pickup.svg") no-repeat 0 50%}
#detail .detail .store .item .box .delivery{color:#3182f5;background:url("/img/ico/ico_delivery.svg") no-repeat 0 50%}
#detail .detail .store .item .tit em{display:block;font-size:1rem;color:#83878f}
#detail .detail .store .item .tit a{display:block;font-size:1.8rem !important;;font-weight:600}
#detail .detail .store .item .txt{height:3.8rem;font-size:1.4rem;overflow:hidden}
#detail .detail .store .item .add{font-size:1.4rem;color:#83878f}
#detail .detail .store .item .cnt{padding:.5rem 0}
#detail .detail .store .item .cnt span{font-size:1.2rem;color:#83878f}
#detail .detail .store .item .cnt span + span:before{content:'';position:absolute;top:0;left:0;width:.1rem;height:.8rem;background:#e8e8ec}
#detail .detail .store .item .cnt em{padding:0 1rem 0 0;font-size:1.2rem;color:#3182f5}
#detail .detail .store .item .prc strong{font-size:1.8rem}
#detail .detail .store .item .prc span{font-size:1.2rem}
#detail .detail .store .item .prc del{font-size:1.4rem;color:#83878f}
#detail .detail .store .item .str{padding:1rem;line-height:1.6rem;text-align:right;background:#fafafa}
#detail .detail .store .item .str em{display:inline-block;font-size:1.2rem;vertical-align:middle;color:#242a38}
#detail .detail .store .item .numb{position:relative;display:inline-block;margin:0 0 0 .8rem;padding:0 0 0 .8rem;font-size:1.2rem;vertical-align:middle;color:#83878f}
#detail .detail .store .item .numb:before{content:'';position:absolute;top:.3rem;left:0;width:.1rem;height:1rem;background:#ededed}
#detail .detail .store .item .star{display:inline-block;width:8rem;vertical-align:middle;background:url("/img/ico/ico_star_off.svg") no-repeat 0 50%}
#detail .detail .store .item .star span{display:block;height:1.6rem;background:url("/img/ico/ico_star_on.svg") no-repeat 0 50%}

/*후기*/
/*#review{min-height:100vh}*/
#review .title{margin:1.6rem 0}
#review .title h2{text-align:center}
#review .title h3{padding:1.5rem 0 0 0;font-size:1.5rem;color:#3d3d3f}
#review .title p{position:absolute;top:1.5rem;right:1.5rem}
#review .title button{font-size:1.5rem;color:#999}
#review .title dl{padding:2rem 1rem;background:#f3f3f3;border-radius:1rem}
#review .title dt{display:inline-block;padding:1rem 2rem 1rem 0;width:50%;vertical-align:middle;border-right:.1rem solid #c3c3c3}
#review .title dd{display:inline-block;padding:0 0 0 2rem;width:50%;vertical-align:middle}
#review .title .boxli{position:relative;padding:.7rem 3rem}
#review .title .boxli strong{position:absolute;top:0;left:0;line-height:1.9rem;font-size:1.2rem}
#review .title .boxli em{position:absolute;top:0;right:0;line-height:1.9rem;font-size:1rem;text-align:left}
#review .title .scor{font-size:3rem;font-weight:600;text-align:center;color:#585858}
#review .title .graph{background:#ddd;border-radius:.4rem}
#review .title .graph div{height:.5rem;background:#3182f5;border-radius:.4rem}
#review .title .khwrap{position:relative}
#review .title .core{padding:0 0 1rem 0;text-align:center}
#review .title .str{padding:.2rem 0 0 0;text-align:center}
#review .title .str em{display:inline-block;padding:0 .6rem;font-size:1.2rem;vertical-align:middle;color:#242a38}
#review .title .star{margin:0 auto;width:14rem;vertical-align:middle;background:url("/img/ico/star2.svg") no-repeat 0 50%;background-size:14rem auto}
#review .title .star span{display:block;height:2.4rem;background:url("/img/ico/star1.svg") no-repeat 0 50%;background-size:14rem auto}
#review .review{overflow:hidden}
#review .review .cons{padding:0 0 2rem 0;border-top:.1rem solid #e4e4e8}
#review .review .cons:nth-child(1){border-top:0}
#review .review .box{position:relative;border-radius:.4rem;overflow:hidden}
#review .review .prf{position:relative;margin:1rem 0}
#review .review .prf dl{font-size:0}
#review .review .prf dt{display:inline-block;margin:0 1rem 0 0;width:5rem;height:5rem;vertical-align:middle}
#review .review .prf dt img{width:5rem;height:5rem;/*width:auto;max-width:100%;height:auto;*/border-radius:5rem}
#review .review .prf dd{display:inline-block;width:calc(100% - 6rem);vertical-align:middle}
#review .review .prf dd strong{display:block;font-size:1.2rem;font-weight:600;color:#242a38}
#review .review .prf dd span{font-size:1.4rem;font-weight:400;color:#242a38}
#review .review .prf dd time{display:block;font-size:1.2rem;font-weight:400;color:#83878f}
#review .review .thm{padding:0 0 1rem 0}
#review .review .thm img{width:8rem;max-width:100%;height:auto;border-radius:.4rem}
#review .review .thm .inner{width: auto !important;}
#review .review .reply{padding:0 0 2rem 2rem;background:url("/img/ico/ico_reply.svg") no-repeat 0 1.2rem}
#review .review .reply dt{vertical-align:top}
#review .review .reply dd strong{padding:0 0 .4rem 0}
#review .review .reply .emblem{display:inline-block;margin:0 .5rem;width:1.6rem;height:1.6rem;vertical-align:middle;background:url("/img/ico/ico_emblem.svg") no-repeat 50% 50%}
#review .review .txt{font-size:1.4rem;color:#242a38;overflow:hidden}
#review .review .txt a{display:inline-block;color:#242a38}
#review .review .btn{padding:0 0 2rem 0;text-align:right}
#review .review .btn a{display:inline-block;font-size:1.4rem;color:#242a38}
#review .review .prd{padding:1rem;border:.1rem solid #e4e4e8;background:url("/img/ico/more.svg") no-repeat 94% 50%;border-radius:.4rem}
#review .review .prd dl{font-size:0}
#review .review .prd dt{display:inline-block;margin:0 1rem 0 0;width:4rem;height:4rem;vertical-align:middle}
#review .review .prd dd{display:inline-block;vertical-align:middle}
#review .review .prd dd strong{display:block;font-size:1.2rem;color:#83878f;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#review .review .prd dd ins{display:block;font-size:1.2rem;color:#242a38}
#review .review .img{display:block}
#review .review .star{position:absolute;top:50%;transform: translateY(-50%);right:0;width:8rem;height:1.3rem;background:url("/img/ico/star2.svg") no-repeat 0 50% / auto 1.3rem}
#review .review .star span{display:block;height:1.3rem;background:url("/img/ico/star1.svg") no-repeat 0 50% / auto 1.3rem}

/*댓글*/
#comment{position:relative;/*min-height:100vh;*/overflow:hidden}
#comment .title{border-bottom:.1rem solid #eee}
#comment .title h2{text-align:center}
#comment .title h3{padding:1.5rem 0 0 0;font-size:1.5rem;color:#3d3d3f}
#comment .title p{padding:1rem 0;text-align:right}
#comment .title button{font-size:1.5rem;color:#999}
#comment .title .khwrap{position:relative}
#comment .title .core{padding:0 0 1rem 0;text-align:center}
#comment .title .str{padding:.2rem 0 0 0;text-align:center}
#comment .title .str em{display:inline-block;padding:0 .6rem;font-size:1.2rem;vertical-align:middle;color:#242a38}
#comment .title .star{margin:0 auto;width:14rem;vertical-align:middle;background:url("/img/ico/star2.svg") no-repeat 0 50%;background-size:14rem auto}
#comment .title .star span{display:block;height:2.4rem;background:url("/img/ico/star1.svg") no-repeat 0 50%;background-size:14rem auto}
#comment .review{overflow:hidden}
#comment .comment .cons{border-top:.1rem solid #e4e4e8;}
#comment .comment .cons:nth-child(1){border-top:0}
#comment .comment .box{position:relative;border-radius:.4rem;overflow:hidden}
#comment .comment .prf{position:relative;margin:1rem 0}
#comment .comment .prf dl{font-size:0}
#comment .comment .prf dt{display:inline-block;margin:0 1rem 0 0;width:5rem;height:5rem;vertical-align:middle}
#comment .comment .prf dt img{width:auto;max-width:100%;height:auto;border-radius:5rem}
#comment .comment .prf dd{display:inline-block;width:calc(100% - 6rem);vertical-align:middle}
#comment .comment .prf dd strong{display:block;font-size:1.2rem;font-weight:600;color:#242a38}
#comment .comment .prf dd span{font-size:1.4rem;font-weight:400;color:#242a38}
#comment .comment .prf dd time{display:block;font-size:1.2rem;font-weight:400;color:#83878f}
#comment .comment .thm{padding:0 0 1rem 0}
#comment .comment .thm img{width:8rem;max-width:100%;height:auto;border-radius:.4rem}
#comment .comment .thm .inner{width: auto !important;}
#comment .comment .btn{padding:0 0 1rem 0;text-align:right}
#comment .comment .btn button + button{display:inline-block;margin:0 0 0 1rem}
#comment .comment .reply{padding:0 0 0 2rem;background:url("/img/ico/ico_reply.svg") no-repeat 0 20%}
#comment .comment .reply dt{vertical-align:top}
#comment .comment .reply dd strong{padding:0 0 .4rem 0}
#comment .comment .reply + .txt{padding:0 0 0 7.7rem}
#comment .comment .reply .emblem{display:inline-block;margin:0 .5rem;width:1.6rem;height:1.6rem;vertical-align:middle;background:url("/img/ico/ico_emblem.svg") no-repeat 50% 50%}
#comment .comment .txt{padding:0 0 2rem 0;font-size:1.4rem;color:#242a38;overflow:hidden}
#comment .comment .txt a{display:inline-block;color:#242a38}
#comment .comment .prd{padding:1rem;border:.1rem solid #e4e4e8;background:url("/img/ico/more.svg") no-repeat 94% 50%;border-radius:.4rem}
#comment .comment .prd dl{font-size:0}
#comment .comment .prd dt{display:inline-block;margin:0 1rem 0 0;width:4rem;height:4rem;vertical-align:middle}
#comment .comment .prd dd{display:inline-block;vertical-align:middle}
#comment .comment .prd dd strong{display:block;font-size:1.2rem;color:#83878f;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#comment .comment .prd dd ins{display:block;font-size:1.2rem;color:#242a38}
#comment .comment .img{display:block}
#comment .comment .star{position:absolute;top:50%;transform: translateY(-50%);right:0;width:8rem;height:1.3rem;background:url("/img/ico/star2.svg") no-repeat 0 50% / auto 1.3rem}
#comment .comment .star span{display:block;height:1.3rem;background:url("/img/ico/star1.svg") no-repeat 0 50% / auto 1.3rem}
#comment .comment .more{text-align:center;border-top:.1rem solid #e4e4e8}
#comment .comment .more button{padding:1.5rem 0;width:100%;font-size:1.4rem;font-weight:400}

#store .form .prdadd .area{position:relative;padding:1rem;font-size:1.4rem;border:.1rem solid #ccc;border-radius:.4rem}
#store .form .prdadd .area button{position:absolute;top:-.5rem;right:-.5rem;width:2rem;height:2rem;background:url("/img/ico/cross_red.svg") no-repeat 50% 50% / 100% auto}
#store .form .prdadd .area button span{display:none}

/*결제*/
#payment{min-height:100vh}
#payment .pt0{padding-top:0 !important}
#payment .payment .tit{position:relative;padding:2rem 0 0 0}
#payment .payment .tit p{position:absolute;top:2rem;right:0}
#payment .payment .tit .down{display:inline-block;width:.8rem;height:1.5rem;background:url("/img/inc/more.svg") no-repeat 50% 50% / .8rem auto;transform:rotate(90deg)}
#payment .payment .tit .up{transform:rotate(-90deg)}
#payment .addarea{padding:0 0 1.6rem 0;overflow:hidden;overflow-x:scroll}
#payment .addarea .kflex{padding:0 1.6rem}
#payment .addarea .innr{padding:0 1.6rem 0 0;min-width:32rem}
#payment .addarea .innr .name{padding:0 .4rem .4rem 0;font-size:1.4rem;font-weight:400}
#payment .addarea .innr .tel{font-size:1.4rem;font-weight:300}
#payment .addarea .innr .add{display:block;font-size:1.4rem;font-weight:600}
#payment .addarea .item{padding:1.5rem;min-height:10.5rem;border:.1rem solid #c0c0c0;border-radius:.4rem}
#payment .addarea .item button{padding:1.5rem 0 0 0;width:100%;text-align:center}
#payment .addarea .item button i{display:block;font-size:2.4rem}
#payment .addarea .item .name{font-size:1.6rem;font-weight:600}
#payment .addarea .item .add{font-size:1.4rem}
#payment .payarea{padding:0 0 1.6rem 0;overflow:hidden;overflow-x:scroll}
#payment .payarea .kflex{padding:0 1.6rem}
#payment .payarea .innr{padding:0 1.6rem 0 0;min-width:32rem}
#payment .payarea .item{padding:3rem 1.5rem;min-height:8rem;border:.1rem solid #c0c0c0;border-radius:.4rem}
#payment .payarea .item button{width:100%;text-align:center}
#payment .payarea .item button i{display:block;font-size:2.4rem}
#payment .payarea .item .bank{font-size:1.6rem;font-weight:600}
#payment .payarea .item .num{font-size:1.4rem}
#payment .list{padding:1.5rem 0 2rem 0}
#payment .list.line{border-top:.9rem solid #f4f4f6;border-bottom:.1rem solid #e4e4e8}
#payment .list .tits{padding:1rem 0}
#payment .list .tits h3{font-size:1.8rem}
#payment .list .cons{margin:0 -1rem 0 0;font-size:0}
#payment .list .inner{display:inline-block;padding:0 1rem 2rem 0;width:50%;vertical-align:top}
#payment .list .box{position:relative;border-radius:.4rem;overflow:hidden}
#payment .list .box .shadow{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0}
#payment .list .box .end{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.2) url("/img/inc/lock.svg") no-repeat 50% 50% / 2rem auto}
#payment .list .opt{position:absolute;z-index:2;top:1rem;right:1rem;left:1rem}
#payment .list .opt em{float:right;display:block;padding:0 0 0 1.2rem;font-size:1.2rem;font-weight:400;text-shadow:.1rem .1rem .6rem rgba(0,0,0,.7);color:#fff;background:url("/img/inc/pin.png") no-repeat 0 50% / .8rem auto}
#payment .list .img{display:block}
#payment .list .prd{position:absolute;z-index:4;bottom:1rem;right:1rem;left:1rem}
#payment .list .prd dl{font-size:0}
#payment .list .prd dt{display:inline-block;margin:0 .5rem 0 0;width:3.5rem;vertical-align:top}
#payment .list .prd dd{display:inline-block;width:calc(100% - 4rem);vertical-align:top}
#payment .list .prd dd strong{display:block;font-size:1.2rem;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#payment .list .prd dd ins{display:block;font-size:1.2rem;color:#fff}
#payment .list .tit{padding:1rem 0 .5rem 0;font-size:1.2rem;font-weight:600;color:#242a38}
#payment .list .tit em{float:right;padding:0 0 0 2rem;font-weight:400;color:#83878f;background:url("/img/inc/eye.svg") no-repeat 0 50%}
#payment .list .txt{padding:0 0 .5rem 0;height:4.5rem;font-size:1.4rem;color:#242a38;overflow:hidden}
#payment .list .btns{padding:0 0 1rem 0;text-align:center}
#payment .list .btns button{display:inline-block;padding:0 3rem;border:.1rem solid #242a38;border-radius:3rem}
#payment .list .btns button span{display:inline-block;height:4rem;line-height:4rem;font-size:1.4rem;font-weight:600;vertical-align:middle;color:#242a38}
#payment .list .btns button i{display:inline-block;width:1.2rem;height:4rem;vertical-align:middle;background:url("/img/inc/arrow.svg") no-repeat 50% 50%}
#payment .payment .tit{position:relative;padding:0 0 1.5rem 0}
#payment .payment .tit h3{font-size:1.6rem;font-weight:600;color:#242a38}
#payment .payment .tit button{position:absolute;top:0;right:0;display:block;line-height:2.5rem;font-size:1.2rem;font-weight:400;color:#83878f}
#payment .payment .brand{padding:3rem 0}
#payment .payment .brand .tit{padding:0 0 1.5rem 0;font-size:1.8rem;font-weight:600;color:#242a38}
#payment .payment .brand .overflow{overflow:hidden;overflow-x:scroll}
#payment .payment .brand .con{white-space:nowrap}
#payment .payment .brand .item{display:inline-block;margin:0 1rem 0 0}
#payment .payment .brand .item button{display:block;width:10rem;height:10rem;border:.1rem solid #e8e8ec;border-radius:.4rem}
#payment .payment .cate{padding:3rem 0}
#payment .payment .cate .tit{padding:0 0 1.5rem 0;font-size:1.8rem;font-weight:600;color:#242a38}
#payment .payment .cate .box{margin:0 -1rem 0 0;font-size:0}
#payment .payment .cate .item{display:inline-block}
#payment .payment .cate .item button{display:block;margin:0 1rem 0 0}
#payment .payment .cate .item i{display:block;width:5.9rem;height:5.9rem;border:.1rem solid #e8e8ec;border-radius:6rem}
#payment .payment .cate .item span{display:block;padding:1.2rem 0 2rem 0;font-size:1.2rem;font-weight:400;text-align:center;color:#242a38}
#payment .payment .ca1{background:url("/img/payment/ct1.svg") no-repeat 50% 50%}
#payment .payment .ca2{background:url("/img/payment/ct2.svg") no-repeat 50% 50%}
#payment .payment .ca3{background:url("/img/payment/ct3.svg") no-repeat 50% 50%}
#payment .payment .ca4{background:url("/img/payment/ct4.svg") no-repeat 50% 50%}
#payment .payment .ca5{background:url("/img/payment/ct5.svg") no-repeat 50% 50%}
#payment .payment .ca6{background:url("/img/payment/ct6.svg") no-repeat 50% 50%}
#payment .payment .ca7{background:url("/img/payment/ct7.svg") no-repeat 50% 50%}
#payment .payment .ca8{background:url("/img/payment/ct8.svg") no-repeat 50% 50%}
#payment .payment .ca9{background:url("/img/payment/ct9.svg") no-repeat 50% 50%}
#payment .payment .ca10{background:url("/img/payment/ct10.svg") no-repeat 50% 50%}
#payment .payment .ca11{background:url("/img/payment/ct11.svg") no-repeat 50% 50%}
#payment .payment .ca12{background:url("/img/payment/ct12.svg") no-repeat 50% 50%}
#payment .payment .ca13{background:url("/img/payment/ct13.svg") no-repeat 50% 50%}
#payment .payment .line{display:block;height:1rem;border-top:.1rem solid #e4e4e8;background:#f4f4f6}
#payment .payment .tabs{padding:1rem 0 0 0}
#payment .payment .tabs ul{text-align:center}
#payment .payment .tabs li{display:inline-block}
#payment .payment .tabs button{display:block;width:100%;line-height:4rem;font-size:1.6rem;border-bottom:.1rem solid #e8e8ec}
#payment .payment .tabs button.sel{font-weight:600;border-bottom:.2rem solid #242a38}
#payment .payment .all .check{position:relative;margin:2rem 0}
#payment .payment .all .check label{font-size:1.4rem;font-weight:400;color:#242a38}
#payment .payment .all .check a{position:absolute;top:-.3rem;right:0;display:block;padding:.5rem 1rem;font-size:1.2rem;font-weight:400;color:#83878f;border:.1rem solid #e8e8ec;border-radius:.4rem}
#payment .payment .cell{font-size:0}
#payment .payment .cell dl{display:inline-block;width:calc(100% - 2rem)}
#payment .payment .opt{padding:1rem 0 0 0;overflow:hidden}
#payment .payment .opt ins{float:right}
#payment .payment .opt > button{display:inline-block;width:9rem;line-height:3rem;font-size:1.2rem;font-weight:400;text-align:center;color:#242a38;border:.1rem solid #e8e8ec;border-radius:.4rem}
#payment .payment .opt .num{float:left}
#payment .payment .opt .num button{display:inline-block;width:3.4rem;height:3.4rem;vertical-align:middle;border:.1rem solid #e8e8ec;border-radius:4rem}
#payment .payment .opt .num strong{display:inline-block;padding:0 .5rem;font-size:1.4rem;vertical-align:middle}
#payment .payment .opt .select{position:relative;font-size:0}
#payment .payment .opt .select select{width:100%;padding:0 2rem;height:5rem;line-height:5rem;font-size:1.4rem;color:#242a38;border:.1rem solid #e8e8ec;background:url("/img/inc/selectbox.png") no-repeat 100% 50% / 1.1rem auto;border-radius:.4rem}
#payment .payment .opt .select div{padding:0 2rem;height:5rem;line-height:5rem;font-size:1.4rem;color:#c0c6d2;border:.1rem solid #e8e8ec;border-radius:.4rem}
#payment .payment .minus{position:relative}
#payment .payment .minus:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.2rem;height:.1rem;background:#242a38}
#payment .payment .plus{position:relative}
#payment .payment .plus:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.2rem;height:.1rem;background:#242a38}
#payment .payment .plus:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.1rem;height:1.2rem;background:#242a38}
#payment .payment .account{margin:0 0 3rem 0;padding:2rem;background:#f4f4f6;border-radius:.4rem}
#payment .payment .account dl{line-height:2.6rem}
#payment .payment .account dt{display:inline-block;width:50%;font-size:1.4rem;vertical-align:middle;color:#83878f}
#payment .payment .account dd{display:inline-block;width:50%;font-size:1.4rem;font-weight:600;text-align:right;vertical-align:middle;color:#242a38}
#payment .payment .account .total{margin:1rem 0 0 0;padding:1rem 0 0 0;border-top:.1rem solid #e8e8ec}
#payment .payment .account .total dt{font-weight:600;color:#242a38}
#payment .payment .account .total strong{color:#3182f5}
#payment .payment .info{padding:1.5rem 0}
#payment .payment .info h3{padding:0 0 1rem 0;font-size:1.2rem;color:#242a38}
#payment .payment .info dl{display:flex;justify-content:space-between;height:3rem}
#payment .payment .info dt{font-size:1.4rem;vertical-align:middle;color:#83878f}
#payment .payment .info dd{font-size:1.4rem;font-weight:600;color:#242a38}
#payment .payment .info .tip{padding:0 0 1rem 2.5rem;font-size:1.2rem;color:#888}
#payment .payment .info .total{margin:2rem 0 0 0;padding:2rem 0 0 0;height:5rem;border-top:.1rem solid #e8e8ec}
#payment .payment .info .total dt{font-size:1.6rem;color:#242a38}
#payment .payment .info .total dd{font-size:1.6rem;color:#3182f5}
#payment .payment .means{position:relative;padding:2rem 1rem;font-size:1.2rem;background:#eff6fa}
#payment .payment .means i{position:relative;top:-.2rem;margin:0 .5rem 0 0;font-size:1.8rem;vertical-align:middle;color:#3182f5}
#payment .payment .means button{position:absolute;top:50%;transform:translateY(-50%);right:1rem;padding:.8rem 1rem;font-size:1.2rem;text-align:center;color:#3182f5;background:#fff;border-radius:2rem}
#payment .payment .reque{position:relative;margin:0 0 1rem 0}
#payment .payment .reque h4{line-height:1.2;font-size:1.8rem;font-weight:400;color:#3d3d3f}
#payment .payment .reque h4 ins{font-size:1.8rem}
#payment .payment .reque h4 input{margin:0;padding:0;border:0;width:14rem !important;font-size:1.8rem;color:#000;border-bottom:.1rem solid #000;background:none !important}
#payment .payment .reque select{margin:0;padding:0;border:0;height:auto !important;font-size:1.8rem;color:#3d3d3f;border-bottom:.1rem solid #000;background:#fff !important}
#payment .payment .reque p{position:absolute;bottom:0;right:0;line-height:2.4rem;font-size:1.4rem}
#payment .payment .input + .time{margin-top:1rem;border:0}
#payment .payment .input{position:relative;margin:.5rem 0 0 0;font-size:0}
#payment .payment .input+.input{margin:1rem 0 0 0}
#payment .payment .input input{width:100%;padding:0 1.6rem;height:5rem;line-height:5rem;font-size:1.4rem;color:#242a38;border:.1rem solid #e8e8ec;border-radius:.4rem}
#payment .payment .input button{position:absolute;top:50%;transform:translateY(-50%);right:2rem;line-height:1.2}
#payment .payment .input .point{right:1rem;color:#3182f5}
#payment .payment .select{position:relative;padding:1.5rem 0 1rem 0;font-size:0}
#payment .payment .select select{width:100%;padding:0 2rem;height:5rem;line-height:5rem;font-size:1.4rem;color:#242a38;border:.1rem solid #e8e8ec;background:url("/img/ico/select.svg") no-repeat 99% 50% / 3rem auto;border-radius:.4rem}

#payment .payment .result{padding:2rem 0;text-align:center}
#payment .payment .result div{font-size:1.6rem;font-weight:400;color:#777}
#payment .payment .result div strong{font-weight:400}
#payment .payment .result div span{color:#3182f5}
#payment .payment .all .check{position:relative;margin:2rem 0}
#payment .payment .all .check label{font-size:1.4rem;font-weight:400;color:#242a38}
#payment .payment .all .check a{position:absolute;top:-.3rem;right:0;display:block;padding:.5rem 1rem;font-size:1.2rem;font-weight:400;color:#83878f;border:.1rem solid #e8e8ec;border-radius:.4rem}
#payment .payment .tit{position:relative;padding:2rem 0 0 0}
#payment .payment .tit p{position:absolute;top:2rem;right:0}
#payment .payment .tit .down{display:inline-block;width:.8rem;height:1.5rem;background:url("/img/inc/more.svg") no-repeat 50% 50% / .8rem auto;transform:rotate(90deg)}
#payment .payment .tit .up{transform:rotate(-90deg)}
#payment .payment .inner{position:relative;padding:2rem 0;min-width:32rem;vertical-align:top;border-bottom:.1rem solid #e8e8ec}
#payment .payment .inner:last-child{border-bottom:0 !important}
#payment .payment .inner .check{display:inline-block;width:2rem;vertical-align:middle}
#payment .payment .inner .check .checkbox + label{padding:0}
#payment .payment .cell{font-size:0}
#payment .payment .cell dl{display:inline-block;width:calc(100% - 2rem)}

#payment .payment .prod dl{position:relative;font-size:0}
#payment .payment .prod dt{position:relative;display:inline-block;margin:0 1rem 0 0;vertical-align:top}
#payment .payment .prod dt i{position:absolute;top:0;left:0}
#payment .payment .prod dt img{display:block;width:9rem;height:9rem;border:.1rem solid #e8e8ec;border-radius:.4rem;overflow:hidden}
#payment .payment .prod dt button{display:block;width:9rem;height:9rem;border:.1rem solid #e8e8ec;border-radius:.4rem;overflow:hidden}
#payment .payment .prod dd{display:inline-block;width:calc(100% - 10rem);vertical-align:middle}
#payment .payment .prod dd strong{display:block;font-size:1.4rem;font-weight:400;color:#242a38;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#payment .payment .prod dd span{display:block;padding:.7rem 0;font-size:1.2rem;font-weight:400;color:#242a38}
#payment .payment .prod dd span i{display:inline-block;width:2.7rem;line-height:1.7rem;font-size:1rem;text-align:center;vertical-align:middle;color:#fff;background:#83878f;border-radius:.3rem}
#payment .payment .prod dd ins{display:inline-block;margin:0 .5rem 0 0;font-size:1.6rem;font-weight:600;vertical-align:middle;color:#242a38}
#payment .payment .prod em{display:inline-block;margin:0 .5rem 0 0;padding:0 .4rem;font-size:1.2rem;font-weight:600;vertical-align:middle;color:#3182f5;border:.1rem solid #3182f5;border-radius:1.2rem}
#payment .payment .prod del{display:inline-block;font-size:1.4rem;vertical-align:middle;color:#83878f}
#payment .payment .prod dd time{font-size:1.2rem;font-weight:400;color:#83878f;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

#payment .payment .rest dl{position:relative;font-size:0}
#payment .payment .rest dt{position:relative;display:inline-block;margin:0 1rem 0 0;vertical-align:middle}
#payment .payment .rest dt i{position:absolute;top:0;left:0}
#payment .payment .rest dt img{display:block;width:12rem;height:12rem;border:.1rem solid #e8e8ec;border-radius:.4rem;overflow:hidden}
#payment .payment .rest dt button{display:block;width:9rem;height:9rem;border:.1rem solid #e8e8ec;border-radius:.4rem;overflow:hidden}
#payment .payment .rest dd{display:inline-block;width:calc(100% - 13rem);vertical-align:middle}
#payment .payment .rest dd strong{display:block;font-size:1.6rem;font-weight:500;color:#242a38;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#payment .payment .rest dd span{display:block;font-size:1.4rem;font-weight:400;color:#242a38}
#payment .payment .rest dd span del{color:#999}
#payment .payment .rest dd span i{display:inline-block;width:2.7rem;line-height:1.7rem;font-size:1rem;text-align:center;vertical-align:middle;color:#fff;background:#83878f;border-radius:.3rem}
#payment .payment .rest dd ins{display:inline-block;margin:0 .5rem 0 0;font-size:1.6rem;font-weight:600;vertical-align:middle;color:#242a38}

#payment .payment .loud{padding:1.6rem;background:#f3f3f3;border-radius:1rem}
#payment .payment .loud h4{margin:0 0 .6rem 0;font-size:1.2rem}
#payment .payment .loud h5{margin:0 0 1.2rem 0;padding-left:2.4rem;font-size:1.2rem;font-weight:400;background:url( "/img/ico/ico_arr_h5.svg") no-repeat 0 -.3rem}
#payment .payment .loud h5+p{padding:0 0 1.4rem 2.4rem}
#payment .payment .loud p{font-size:1.2rem}

#payment .guide{padding:0 0 1rem 0;font-size:1.2rem;color:#777}
#payment .payment .button{padding:0 0 3rem 0}
#payment .payment .button button{width:100%;height:5rem;line-height:5rem;font-size:1.4rem;font-weight:600;text-align:center;color:#fff;background:#3182f5;border-radius:.4rem}
#payment .consent{padding:2rem 0;background:#f5f5f5}
#payment .consent dl{display:flex;align-items:center;justify-content: space-between}
#payment .consent dt{display:inline-block;width:50%;font-size:1.4rem;vertical-align:middle;color:#83878f}
#payment .consent dd{display:inline-block;width:50%;font-size:1.4rem;font-weight:300;text-align:right;vertical-align:middle;color:#242a38}
#payment .sort{padding:2rem 0 0 0}
#payment .sort:after{display:block;visibility:hidden;clear:both;content:""}
#payment .sort h3{float:left;font-size:1.4rem;font-weight:400}
#payment .sort h3 strong{font-weight:600}
#payment .sort .selectbox{float:right}
#payment .sort .selectbox select{padding:0 1.5rem 0 0;background:url("/img/inc/selectbox.png") no-repeat 100% 50% / 1.2rem auto}

/*완료*/
#payment .complete{position:absolute;top:50%;right:0;left:0;transform:translateY(-50%);text-align:center}
#payment .complete .tac i{display:inline-block;padding:3rem;font-size:2.4rem;color:#fff;background:#3182f5;border-radius:10rem}
#payment .complete .info{padding:0 0 2rem 0}
#payment .complete .info h3{margin:0 0 2rem 0;padding:1rem 0 2rem 0;font-size:2rem;font-weight:600;text-align:center;color:#242a38;border-bottom:.1rem solid #eee}
#payment .complete .info h3 strong{color:#3182f5}
#payment .complete .info p{line-height:1.8;font-size:1.4rem;font-weight:400;color:#83878f}
#payment .complete .info dl{padding:.3rem 0;line-height:2.6rem}
#payment .complete .info dt{display:inline-block;width:30%;font-size:1.4rem;text-align:left;vertical-align:middle;color:#242a38}
#payment .complete .info dd{display:inline-block;width:70%;font-size:1.3rem;font-weight:400;text-align:right;vertical-align:middle;color:#242a38}
#payment .complete .etc{padding:1rem 0}
#payment .complete .etc dl{padding:.3rem 0;line-height:2.6rem}
#payment .complete .etc dt{display:inline-block;width:30%;font-size:1.4rem;font-weight:400;text-align:left;vertical-align:middle;color:#aaa}
#payment .complete .etc dd{display:inline-block;width:70%;font-size:1.3rem;font-weight:400;text-align:right;vertical-align:middle;color:#aaa}
#payment .complete .box{display:flex;justify-content:space-between;position:relative;padding:1.5rem 2rem;text-align:left;border:.1rem solid #ddd;border-radius:.4rem}
#payment .complete .box h4{min-width:10rem;font-size:1.4rem}
#payment .complete .box time{font-size:1.4rem}
#payment .complete .tip{padding:4rem 0;font-size:1.4rem}
#payment .complete .tip strong{font-weight:400;color:#3182f5}
#payment .complete .button{padding:0 0 3rem 0}
#payment .complete .button button{width:100%;height:5rem;line-height:5rem;font-size:1.4rem;font-weight:600;color:#fff;background:#3182f5;border-radius:.4rem}

/**/
#payment .form dt{padding:0 0 .5rem 0;font-size:1.4rem;color:#3d3d3f}
#payment .form .ktit{padding:2rem 0}
#payment .form .ktit h3{font-size:1.6rem}
#payment .form .ktit p{position:relative;margin:.4rem 0 0 0;padding:0 0 0 2rem;font-size:1.3rem;color:#545454}
#payment .form .ktit p em{position:absolute;top:0;left:0}
#payment .form .tip{padding:.5rem 0 2rem 0;font-size:1.2rem;color:#f5183d}
#payment .form .input.btn{text-align:left !important}

/*#payment .form .input input{width:100%;padding:0 2rem;height:5rem;line-height:5rem;font-size:1.4rem;color:#242a38;border:.1rem solid #e8e8ec;border-radius:.4rem}*/
#payment .form .split{margin:2rem -2rem 0 0;font-size:0}
#payment .form .split dl{display:inline-block;margin:0 2rem 0 0;/*margin:0 2rem 2rem 0;*/width:calc(50% - 2rem)}
#payment .form .split dl .input{margin:0 !important}
#payment .form .multi{padding:1rem 0;border:.1rem solid #e8e8ec;border-radius:.4rem}
#payment .form .multi input{padding:0;border:0;width:22%;height:3rem;font-size:1.6rem;text-align:center}
#payment .form .multi em{width:4%;font-size:1.8rem;text-align:center}
#payment .addprod .item{margin:0 0 1rem 0;padding:0 0 0 3rem}
#payment .addprod .item .img{width:17rem;height:17rem}
#payment .addprod .item .box{width:calc(100% - 17rem)}
/*#payment .form{padding:0 !important}*/
#payment .form .addition{border-bottom:0 !important}
#payment .form .input{position:relative;margin:0 0 2.4rem 0}
#payment .form .input label{position:relative;display:block;padding:0 0 1rem 0;font-size:1.4rem;font-weight:600;color:#242a38}
#payment .form .input input{padding:0 .8rem;width:100%;height:4.5rem;font-size:1.4rem;color:#242a38;border:0;border:.1rem solid #e8e8ec;border-radius:.4rem}
#payment .form .input input:focus{border:.1rem solid #242a38;background:#f9f9f9}
#payment .form .input em{position:absolute;bottom:1.5rem;right:1rem;font-size:1.2rem;color:#f5183d}
#payment .form .input p{padding:0 0 1rem 0;font-size:1.4rem;color:#6f6f6f}
#payment .form .input .box{position:relative}
#payment .form .input .box + .box{margin:1rem 0 0 0}
#payment .form .input.btn{width:calc(100% - 11rem)}
#payment .form .input.btn .bt{position:absolute;bottom:0;right:-11rem;display:block;width:10rem;height:4.5rem;line-height:4.5rem;font-size:1.4rem;text-align:center;color:#999;border:.1rem solid #aaa;background:#fff;border-radius:.4rem}
#payment .form .input.btn .bt:focus{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
#payment .form .input.btn .bt.act{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
#payment .form .input.btn .red{color:#3182f5;border:.1rem solid #3182f5;background:#fff}

#payment .form .box.btn{position:relative;width:calc(100% - 10rem)}
#payment .form .box.btn .bt{position:absolute;top:0;right:-10rem;display:block;width:9rem;height:4.5rem;line-height:4.5rem;font-size:1.2rem;text-align:center;color:#999;border:.1rem solid #aaa;background:#fff;border-radius:.4rem}
#payment .form .box.btn .bt:focus{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
#payment .form .box.btn .bt.act{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
#payment .form .box.btn .red{color:#3182f5;border:.1rem solid #3182f5;background:#fff}

/**/
#myinfo .delivery .encase{position:relative;margin:0 0 1rem 0;padding:1.5rem 2rem;border:.1rem solid #c0c0c0;border-radius:.4rem}
#myinfo .delivery .encase.basic{border:.1rem solid #3182f5}
#myinfo .delivery .act{display:inline-block;padding:.5rem;font-size:1rem;vertical-align:middle;color:#3182f5;background:#eff6fa;border-radius:.3rem}
#myinfo .delivery .tit{padding:0 0 2rem 0}
#myinfo .delivery .tit strong{display:inline-block;margin:0 1rem 0 0;font-size:1.6rem;font-weight:400;vertical-align:middle;color:#242a38}
#myinfo .delivery .add{font-size:1.4rem;font-weight:400;vertical-align:middle;color:#242a38}
#myinfo .delivery .add dl{padding:0 0 .5rem 0;font-size:0}
#myinfo .delivery .add dl:after{content:'';display:table;line-height:0;clear:both}
#myinfo .delivery .add dt{display:inline-block;width:8rem;font-size:1.4rem;vertical-align:top;color:#999}
#myinfo .delivery .add dd{display:inline-block;width:calc(100% - 8rem);font-size:1.4rem;vertical-align:top;color:#3d3d3f}
#myinfo .delivery .btn{position:absolute;top:2rem;right:2rem;border:.1rem solid #e8e8ec;border-radius:.3rem}
#myinfo .delivery .btn button{display:inline-block;padding:.4rem 1.2rem;font-size:1.2rem;color:#242a38}
#myinfo .delivery .btn button + button{border-left:.1rem solid #eee}
#myinfo .delivery .btn button i{font-size:1.4rem;vertical-align:middle;color:#999}
#myinfo .delivery .btn button strong{display:inline-block;font-weight:300;vertical-align:middle}
#myinfo .payment .title{padding:2rem 0 1rem 0}
#myinfo .payment .title h3{padding:0 0 .4rem 0;line-height:1.2;font-size:1.8rem;color:#3d3d3f}
#myinfo .payment .title p{line-height:1.2;font-size:1.2rem;font-weight:300;color:#999}
#myinfo .payment .encase{position:relative;margin:0 0 1rem 0;padding:2rem;border:.1rem solid #c0c0c0;border-radius:.4rem}
#myinfo .payment .encase.basic{border:.1rem solid #3182f5}
#myinfo .payment .act{display:inline-block;padding:.5rem;font-size:1.2rem;vertical-align:middle;color:#3182f5;background:#eff6fa;border-radius:.3rem}
#myinfo .payment .tit{padding:0 0 4rem 0}
#myinfo .payment .tit strong{display:inline-block;margin:0 1rem 0 0;font-size:1.6rem;font-weight:600;vertical-align:middle;color:#242a38}
#myinfo .payment .add{font-size:1.4rem;font-weight:400;vertical-align:middle;color:#242a38}
#myinfo .payment .add dl{font-size:0}
#myinfo .payment .add dl:after{content:'';display:table;line-height:0;clear:both}
#myinfo .payment .add dt{display:inline-block;width:8rem;font-size:1.4rem;vertical-align:top;color:#999}
#myinfo .payment .add dd{display:inline-block;width:calc(100% - 8rem);font-size:1.4rem;vertical-align:top;color:#3d3d3f}
#myinfo .payment .btn{position:absolute;top:2rem;right:2rem;font-size:0}
#myinfo .payment .btn button{display:inline-block;margin:0 0 0 .8rem;font-size:1.2rem;color:#242a38}
#myinfo .payment .btn button + button{border-left:.1rem solid #eee}
#myinfo .payment .btn button i{position:relative;top:-.2rem;font-size:1.4rem;vertical-align:middle;color:#999}
#myinfo .payment .boxend{margin:1rem 0 0 0;padding:0 2rem;height:9rem;border:.1rem solid #cfcfcf;border-radius:.4rem}
#myinfo .payment .boxend button{position:relative;top:50%;transform:translateY(-50%);width:100%;font-size:1.6rem;font-weight:500;text-align:left;color:#555}
#myinfo .payment .boxend button i{position:absolute;top:50%;transform:translateY(-50%);right:0;color:#999}
#myinfo .payment .inner{border-bottom:.1rem solid #eee}
#myinfo .payment .inner .item{padding:1rem 1.5rem}
#myinfo .payment .inner .item label{font-size:1.6rem;font-weight:500;text-align:left;color:#555}
#myinfo .payment .inner .item input{}
#myinfo .payment .banks{padding:2rem 0 0 0}
/*#myinfo .form .title{padding:2rem 0 1rem 0}
#myinfo .form .title h3{padding:0 0 .4rem 0;line-height:1.2;font-size:1.8rem;color:#3d3d3f}
#myinfo .form .title p{line-height:1.2;font-size:1.2rem;font-weight:300;color:#999}
#myinfo .form .input{position:relative;margin:0 0 1rem 0}
#myinfo .form .input label{display:block;font-size:1.2rem;font-weight:600;color:#242a38}
#myinfo .form .input input{padding:0 1.6rem;width:100%;height:4.5rem;line-height:4.5rem;font-size:1.4rem;color:#242a38;border:.1rem solid #e8e8ec}
#myinfo .form .input input:focus{border:.1rem solid #242a38}
#myinfo .form .input em{position:absolute;bottom:1.5rem;right:0;font-size:1.4rem;color:#f5183d}
#myinfo .form .input p{padding:.4rem 0;font-size:1.2rem;color:#6f6f6f}
#myinfo .form .input.btn{width:calc(100% - 11rem)}
#myinfo .form .input.btn .bt{position:absolute;bottom:0;right:-11rem;display:block;width:10rem;height:4.5rem;line-height:4.5rem;font-size:1.2rem;text-align:center;color:#999;border:.1rem solid #aaa;background:#fff;border-radius:.4rem}
#myinfo .form .input.btn .bt:focus{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
#myinfo .form .input.btn .bt.act{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
#myinfo .form .input.btn .red{color:#3182f5;border:.1rem solid #3182f5;background:#fff}*/

#myinfo .form .title{padding:2rem 0}
#myinfo .form .title h3{padding:0 0 .4rem 0;line-height:1.2;font-size:2rem;color:#3d3d3f}
#myinfo .form .title p{line-height:1.2;font-size:1.2rem;font-weight:300;color:#999}
#myinfo .form .input{position:relative;margin:0 0 1.6rem 0}
#myinfo .form .input span{position:absolute;top:0;right:0;font-size:1.4rem;font-weight:400;color:#777}
#myinfo .form .input label{position:relative;display:block/*;height:2rem*/;padding:0 0 1rem 0;font-size:1.4rem;font-weight:600;text-align:left !important;color:#242a38}
#myinfo .form .input label i{padding:0 .2rem;color:#3182f5}
#myinfo .form .input input{padding:0 1.6rem;width:100%;height:4.5rem;font-size:1.4rem;color:#242a38;border:0;border:.1rem solid #e8e8ec;border-radius:.4rem}
#myinfo .form .input input:focus{border:.1rem solid #242a38;background:#f9f9f9}
#myinfo .form .input em{position:absolute;top:1.4rem;right:1.4rem;font-size:1.4rem;color:#f5183d}
#myinfo .form .input p{padding:0 0 .8rem 0;font-size:1.4rem;font-weight:400;color:#6f6f6f}
#myinfo .form .input .box{position:relative}
#myinfo .form .input .box.btn{width:calc(100% - 11rem)}
#myinfo .form .input .box.btn .bt{position:absolute;top:0;right:-11rem;display:block;width:10rem;height:4.5rem;line-height:4.5rem;font-size:1.2rem;text-align:center;color:#999;border:.1rem solid #aaa;background:#fff;border-radius:.4rem}
#myinfo .form .input .box.btn .bt:focus{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
#myinfo .form .input .box.btn .bt.act{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
#myinfo .form .input .box.btn .red{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
#myinfo .form .input .box + .feed{margin-top:1rem}
#myinfo .form .all{font-weight:400;border:.1rem solid #f4f4f6;background:#f4f4f6}
#myinfo .form .lbs{margin:0 0 1rem 0;padding:0 0 1rem 0;border-bottom:.1rem solid #f0f0f0}
#myinfo .form .lbs li{margin:0 0 1.5rem 0;font-size:0}
#myinfo .form .lbs label{display:block !important;font-size:1.4rem;font-weight:400;color:#242a38;vertical-align:middle}
#myinfo .form .lbs input{width:calc(100% - 2.5rem);height:4.5rem;line-height:4.5rem;font-size:1.2rem;vertical-align:middle;color:#242a38;border:.1rem solid #e8e8ec}
#myinfo .form .check{padding:0 0 2rem 0}
#myinfo .form .check label{font-size:1.4rem;font-weight:400;color:#242a38}
#myinfo .form .check button{float:right;font-size:1.4rem;font-weight:400;color:#242a38;text-decoration:underline}
#myinfo .form .cross{position:absolute;bottom:1.5rem;right:0;width:2rem;height:2rem;background:url("/img/member/cross.svg") no-repeat 50% 50%}
#myinfo .form .change{position:absolute;bottom:1.5rem;right:1.5rem;font-size:1.4rem;font-weight:400;color:#242a38}
/*#myinfo .form .feed{margin:.8rem 0 0 0;padding:0 0 0 1.6rem;font-size:1.2rem;color:#f5183d;background:url("/img/ico/ico_feed.svg") no-repeat 0 .1rem}
#myinfo .form .feed button{float:right;font-size:1.2rem;font-weight:400;color:#83878f;text-decoration:underline}*/
#myinfo .form .tip{padding:.5rem 0 2rem 0;font-size:1.2rem;color:#f5183d}
#myinfo .form .step{position:relative;padding:3rem;border:.1rem solid #cfcfcf;background:#f8f8f8;border-radius:1rem}
#myinfo .form .step .tit{font-size:1.4rem;color:#333;text-align:center}
#myinfo .form .step .coi{padding:1rem 0 0 0;text-align:center}
#myinfo .form .step .coi .inner{display:inline-block;text-align:left;vertical-align:top}
#myinfo .form .step .coi .item{padding:0 2rem;font-size:1.4rem;font-weight:500;color:#777}
#myinfo .form .step .coi .item dt{padding:0 0 .5rem 0;font-size:1.2rem;font-weight:300}
#myinfo .form .step .coi .item dd{font-size:2rem}
#myinfo .form .step .coi .item i{display:inline-block;margin:0 .5rem 0 0;width:2rem;height:3rem;background:#c4c4c4}
#myinfo .form .step .inp{padding:1rem 0 0 0;text-align:center}
#myinfo .form .step .inp input{padding:.5rem 1rem;min-width:12rem;border:.1rem solid #aaa}
#myinfo .form .arr{padding:1.5rem 0;text-align:center}
#myinfo .form .arr i{display:inline-block;font-size:3rem;color:#3182f5;border-radius:5rem}
#myinfo .consent fieldset{border:.1rem solid #c0c0c0;border-radius:1rem;overflow:hidden}
#myinfo .consent .all{margin:0 0 1rem 0;padding-top:1rem !important;font-weight:400;border:.1rem solid #f4f4f6;background:#f4f4f6}
#myinfo .consent .check{padding:1rem;padding-top:0}
#myinfo .consent .check label{font-size:1.4rem;font-weight:400;color:#242a38}
#myinfo .consent .check button{float:right;font-size:1rem;font-weight:400;color:#242a38;text-decoration:underline}
#myinfo .khnone{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
#myinfo .khnone .khwrap{padding:0 !important}
#myinfo .khnone .img{display:block;position:relative;margin:0 auto;width:14rem;height:14rem;background:#f3f3f3;border-radius:20rem;overflow:hidden}
#myinfo .khnone .img i{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:6rem;color:#aaa}
#myinfo .khnone .txt{padding:1rem 0 0 0;font-size:1.6rem;font-weight:400;color:#242a38}

/*검색*/
#ktplay .searcher .tit{position:relative;padding:0 0 1.5rem 0}
#ktplay .searcher .tit h3{font-size:1.6rem;font-weight:600;color:#242a38}
#ktplay .searcher .tit button{position:absolute;top:0;right:0;display:block;line-height:2.5rem;font-size:1.2rem;font-weight:400;color:#83878f}

#ktplay .searcher .srch{position:relative;margin:1rem 0 0 0;display:block}
#ktplay .searcher .srch input{padding:0 2rem;width:100%;height:4rem;line-height:4rem;border:0;background:#f4f4f6;border-radius:.4rem}
#ktplay .bt_srch{position:absolute;top:50%;transform:translateY(-50%);right:1rem;width:2rem;height:2rem;background:url("/img/ico/s_search.svg") no-repeat 50% 50% / 2rem auto}
#ktplay .bt_cros{position:absolute;top:50%;transform:translateY(-50%);right:4rem;width:2rem;height:2rem;background:url("/img/ico/ico_close_silver.svg") no-repeat 50% 50%}

#ktplay .product.cons{display:none;padding:2rem 0}
#ktplay .ico_ceo{display:inline-block;margin:0 0 0 .4rem;padding:.2rem .5rem;font-size:1.2rem;vertical-align:middle;color:#3182f5;border:.1rem solid #3182f5;border-radius:.4rem}

#searcher .searcher .tit{position:relative;padding:0 0 1.5rem 0}
#searcher .searcher .tit h3{font-size:1.6rem;font-weight:600;color:#242a38}
#searcher .searcher .tit button{position:absolute;top:0;right:0;display:block;line-height:2.5rem;font-size:1.2rem;font-weight:400;color:#83878f}
#searcher .searcher .srch{position:relative;margin:1rem 0 0 0;display:block}
#searcher .searcher .srch input{padding:0 2rem;width:100%;height:4rem;line-height:4rem;border:0;background:#f4f4f6;border-radius:.4rem}
#searcher .keyword{padding:2.4rem 0}
#searcher .keyword .con button{display:inline-block;margin:0 .4rem 1rem 0;padding:.5rem 1.5rem;font-size:1.4rem;font-weight:400;color:#242a38;border:.1rem solid #e8e8ec;border-radius:2rem}
#searcher .keyword .con button i{display:inline-block;margin:-.4rem 0 0 .5rem;width:1.5rem;height:1.5rem;vertical-align:middle;background:url("/img/ico/close.svg") no-repeat 50% 50% / .9rem auto}
#searcher .navigation{padding:2rem 0}
#searcher .navigation .con{display:flex;flex-flow:wrap;align-items:center}
#searcher .navigation .inner{display:block;position:relative;width:25%;justify-content:center}
#searcher .navigation .item{display:flex;align-items:center;justify-content:center;background-repeat:no-repeat;background-position:50% 50%}
#searcher .navigation .item .tit{padding:100% 0 0 0;line-height:1.2;font-size:1.4rem}
#searcher .navigation .nv11{background-image:url("/img/cate/cate11.svg")}
#searcher .navigation .nv12{background-image:url("/img/cate/cate12.svg")}
#searcher .navigation .nv13{background-image:url("/img/cate/cate13.svg")}
#searcher .navigation .nv14{background-image:url("/img/cate/cate14.svg")}
#searcher .navigation .nv15{background-image:url("/img/cate/cate15.svg")}
#searcher .navigation .nv16{background-image:url("/img/cate/cate16.svg")}
#searcher .navigation .nv17{background-image:url("/img/cate/cate17.svg")}
#searcher .navigation .nv21{background-image:url("/img/cate/cate21.svg")}
#searcher .navigation .nv22{background-image:url("/img/cate/cate22.svg")}
#searcher .navigation .nv23{background-image:url("/img/cate/cate23.svg")}
#searcher .navigation .nv24{background-image:url("/img/cate/cate24.svg")}
#searcher .navigation .nv31{background-image:url("/img/cate/cate31.svg")}
#searcher .navigation .nv32{background-image:url("/img/cate/cate32.svg")}
#searcher .navigation .nv33{background-image:url("/img/cate/cate33.svg")}
#searcher .navigation .nv34{background-image:url("/img/cate/cate34.svg")}
#searcher .navigation .nv35{background-image:url("/img/cate/cate35.svg")}
#searcher .navigation .nv36{background-image:url("/img/cate/cate36.svg")}
#searcher .navigation .nv37{background-image:url("/img/cate/cate37.svg")}

/**/
#myinfo .delivery .encase{padding:2rem;border:.1rem solid #c0c0c0;border-radius:.4rem}
#myinfo .delivery .encase.basic{border:.1rem solid #3182f5}
/*#myinfo .delivery .encase .act{padding:0 0 .8rem 0;overflow:hidden}*/
#myinfo .delivery .encase .act span{float:left;display:block;padding:0 .5rem;line-height:1.7rem;font-size:1rem;vertical-align:middle;color:#3182f5;border:.1rem solid #eff6fa;background:#eff6fa;border-radius:.3rem}
#myinfo .delivery .encase .name{font-size:1.6rem;font-weight:600;vertical-align:middle;color:#242a38}
#myinfo .delivery .encase .phone{padding:.5rem 0;font-size:1.4rem;font-weight:400;vertical-align:middle;color:#242a38}
#myinfo .delivery .encase .add{font-size:1.4rem;font-weight:400;vertical-align:middle;color:#242a38}
#myinfo .delivery .ctrl{padding:1rem 0 2rem 0;text-align:right}
#myinfo .delivery .ctrl button{display:inline-block;margin:0 0 0 .5rem;padding:.6rem 1.2rem;font-size:1.2rem;font-weight:400;vertical-align:middle;color:#242a38;border:.1rem solid #e8e8ec;border-radius:.3rem}

#product{overflow:hidden}
#product .navi{border-bottom:.1rem solid #ededed;overflow:hidden}
#product .navi .menu{display:flex}d
#product .navi .menu .item{display:block;width:auto;align-items:center}
#product .navi .menu .item a{display:block;position:relative;padding:.6rem 0 1.6rem 0;font-size:1.6rem;font-weight:400;text-align:center;white-space:nowrap}
#product .navi .menu .item:hover a{font-weight:600;color:#242a38}
#product .navi .menu .item.act a{font-weight:600;color:#3d3d3f}
#product .navi .menu .item:hover a:before{content:'';position:absolute;bottom:0;right:0;left:0;height:.2rem;background:#eee}
#product .navi .menu .item.act a:before{content:'';position:absolute;bottom:0;right:0;left:0;height:.2rem;background:#3182f5}
#product .navi .menu .item em{position:absolute;top:.4rem;left:calc(50% - 2rem);padding:.4rem 0 .2rem 0;width:4rem;font-size:1rem;text-align:center;color:#fff;background:#3182f5;border-radius:.4rem}
#product .navi .menu .item em:before{content:'';position:absolute;bottom:-1rem;left:calc(50% - .6rem);width:0;height:0;border:.6rem solid transparent;border-top:.6rem solid #3182f5}
#product .title{padding:1.5rem 0}
#product .title h2{line-height:1.2;font-size:2rem;color:#242a38}
#product .title h2 strong{color:#090909}
#product .title h3{line-height:1.2;font-size:2rem;color:#242a38}
#product .title h3 strong{color:#090909}
#product .title p{line-height:1.2;font-size:1.4rem;color:#83878f}
#product .title p strong{font-weight:400;color:#3D3D3F}
#product .modefree{margin:0 auto;/*min-width:37.5rem;max-width:81.2rem*/}
#product .category{padding:0 0 3rem 0}
#product .category .title h2{font-size:1.6rem}
#product .surprise{padding:0 1.5rem;overflow:hidden}
#product .surprise .item{margin:0 !important}
#product .surprise .inner{width:15rem}
#product .popular{padding:0 1.5rem;overflow:hidden}
#product .popular .item{margin:0 !important}
#product .popular .inner{width:26rem}
#product .village{padding:1.6rem 0}
#product .village .prod{display:block;font-size:0}
#product .village .item .img{border-radius:1rem;overflow:hidden}
#product .village .inner{display:inline-block;position:relative;width:100%;overflow:hidden}
#product .village .inner + .inner{padding-top:1.6rem !important;border-top:.8rem solid #f3f3f3}
#product .village .item{margin:0 0 1.6rem 0 !important}
#product .village .item .txt{padding:1rem 0;overflow:hidden}
#product .village .item .btn{font-size:1.4rem;text-align:right}
#product .village .inner.ktblur{padding-top:0 !important;border-top:0 solid #f3f3f3 !important}
#product .village .inner.ktblur .prof{filter:blur(1rem);-webkit-filter:blur(1rem)}
#product .village .inner.ktblur .item{filter:blur(1rem);-webkit-filter:blur(1rem)}
#product .town{padding:1.6rem 0}
#product .town .inner{padding:0 0 2.4rem 0}
#product .town .item{margin:0;border:.1rem solid #e8e8ec;border-radius:1.2rem;overflow:hidden}
#product .town .item .img{position:relative}
#product .town .item .img.none{padding:0 0 55.5% 0 !important;background:#eee url("/img/none/none.jpg") no-repeat 50% 50% / 45% auto}
#product .town .item .img i{position:absolute;top:1rem;left:1rem}
#product .town .item .img img{display:block;width:auto;max-width:100%;height:auto}
#product .town .item .img time{position:absolute;bottom:0;right:0;left:0;font-size:1.2rem;text-align:center;color:#fff;background:rgba(0,0,0,.8)}
#product .town .item .img .opt{position:absolute;z-index:2;bottom:1rem;right:1rem;font-size:0}
#product .town .item .img .opt .ht{display:block;width:3.2rem;height:3.2rem}
#product .town .item .img a:after{content:'';position:absolute;z-index:1;top:0;bottom:0;right:0;left:0;background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.2) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.2) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.2) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#33000000',GradientType=0)}
#product .town .item .box{padding:1rem}
#product .town .item .box .opt{font-size:0}
#product .town .item .box .opt span{display:inline-block;padding:0 .8rem 0 1.6rem;font-size:1.2rem;vertical-align:middle}
#product .town .item .box .pickup{color:#3c9c5e;background:url("/img/ico/ico_pickup.svg") no-repeat 0 50%}
#product .town .item .box .delivery{color:#3182f5;background:url("/img/ico/ico_delivery.svg") no-repeat 0 50%}
#product .town .item .tit em{display:block;font-size:1rem;color:#83878f}
#product .town .item .tit a{display:block;font-size:2rem !important;;font-weight:600}
#product .town .item .txt{padding:0 0 1rem 0;font-size:1.4rem}
#product .town .item .add{padding:.5rem 0;font-size:1.4rem;color:#83878f}
#product .town .item .cnt{padding:.5rem 0}
#product .town .item .cnt span{font-size:1.2rem;color:#83878f}
#product .town .item .cnt span + span:before{content:'';position:absolute;top:0;left:0;width:.1rem;height:.8rem;background:#e8e8ec}
#product .town .item .cnt em{padding:0 1rem 0 0;font-size:1.2rem;color:#3182f5}
#product .town .item .prc strong{font-size:1.8rem}
#product .town .item .prc span{font-size:1.2rem}
#product .town .item .prc del{font-size:1.4rem;color:#83878f}
#product .town .item .str{padding:1rem;line-height:1.6rem;text-align:right;background:#fafafa}
#product .town .item .str em{display:inline-block;font-size:1.2rem;vertical-align:middle;color:#242a38}
#product .town .item .numb{position:relative;display:inline-block;margin:0 0 0 .8rem;padding:0 0 0 .8rem;font-size:1.2rem;vertical-align:middle;color:#83878f}
#product .town .item .numb:before{content:'';position:absolute;top:.3rem;left:0;width:.1rem;height:1rem;background:#ededed}
#product .town .item .star{display:inline-block;width:8rem;vertical-align:middle;background:url("/img/ico/ico_star_off.svg") no-repeat 0 50%}
#product .town .item .star span{display:block;height:1.6rem;background:url("/img/ico/ico_star_on.svg") no-repeat 0 50%}
#product .product .contain{}
#product .product .contain img{display:block}

.products{overflow:hidden}
.products .navi{border-bottom:.1rem solid #ededed;overflow:hidden}
.products .navi .menu{display:flex}d
.products .navi .menu .item{display:block;width:auto;align-items:center}
.products .navi .menu .item a{display:block;position:relative;padding:0 0 1.6rem 0;font-size:1.6rem;font-weight:400;text-align:center;white-space:nowrap}
.products .navi .menu .item:hover a{font-weight:600;color:#242a38}
.products .navi .menu .item.act a{font-weight:600;color:#3d3d3f}
.products .navi .menu .item:hover a:before{content:'';position:absolute;bottom:0;right:0;left:0;height:.2rem;background:#eee}
.products .navi .menu .item.act a:before{content:'';position:absolute;bottom:0;right:0;left:0;height:.2rem;background:#3182f5}
.products .navi .menu .item em{position:absolute;top:.4rem;left:calc(50% - 2rem);padding:.4rem 0 .2rem 0;width:4rem;font-size:1rem;text-align:center;color:#fff;background:#3182f5;border-radius:.4rem}
.products .navi .menu .item em:before{content:'';position:absolute;bottom:-1rem;left:calc(50% - .6rem);width:0;height:0;border:.6rem solid transparent;border-top:.6rem solid #3182f5}
.products .title{padding:1.5rem 0}
.products .title h2{line-height:1.2;font-size:2rem;color:#242a38}
.products .title h2 strong{color:#3182f5}
.products .title h3{line-height:1.2;font-size:2rem;color:#242a38}
.products .title h3 strong{color:#3182f5}
.products .title p{line-height:1.2;font-size:1.4rem;color:#83878f}
.products .title p strong{font-weight:400;color:#3D3D3F}
.products .modefree{margin:0 auto;/*min-width:37.5rem;max-width:81.2rem*/}
.products .category{padding:0 0 3rem 0}
.products .category .title h2{font-size:1.6rem}
.products .surprise{padding:0 1.5rem;overflow:hidden}
.products .surprise .item{margin:0 !important}
.products .surprise .inner{width:15rem}
.products .popular{padding:0 1.5rem;overflow:hidden}
.products .popular .item{margin:0 !important}
.products .popular .inner{width:26rem}
.products .village{padding:0 1.5rem}
.products .village .prod{display:block;font-size:0}
.products .village .item .img{border-radius:1rem}
.products .village .inner{display:inline-block;position:relative;width:100%;overflow:hidden}
.products .village .inner + .inner{padding:1.5rem 0 0 0;border-top:.1rem solid #e4e4e4}
.products .village .item{margin:0 0 1.5rem 0 !important}
.products .village .item .txt{overflow:hidden}
.products .village .item .btn{font-size:1.4rem;text-align:right}
.products .product.cons{display:none;padding:2rem 0}
.products .ico_ceo{display:inline-block;margin:0 0 0 .4rem;padding:.2rem .5rem;font-size:1.2rem;vertical-align:middle;color:#3182f5;border:.1rem solid #3182f5;border-radius:.4rem}
.products .town .inner{padding:0 0 1.8rem 0}
.products .town .item{margin:0;border:.1rem solid #e8e8ec;border-radius:1.2rem;overflow:hidden}
.products .town .item .img{position:relative}
.products .town .item .img i{position:absolute;top:1rem;left:1rem}
.products .town .item .img img{display:block;width:auto;max-width:100%;height:auto}
.products .town .item .img time{position:absolute;bottom:0;right:0;left:0;font-size:1.2rem;text-align:center;color:#fff;background:rgba(0,0,0,.8)}
.products .town .item .img .opt{position:absolute;bottom:1rem;right:1rem;font-size:0}
.products .town .item .img .opt .ht{display:block;width:3.2rem;height:3.2rem}
.products .town .item .box{padding:1rem}
.products .town .item .box .opt{font-size:0}
.products .town .item .box .opt span{display:inline-block;padding:0 .8rem 0 1.6rem;font-size:1.2rem;vertical-align:middle}
.products .town .item .box .pickup{color:#3c9c5e;background:url("/img/ico/ico_pickup.svg") no-repeat 0 50%}
.products .town .item .box .delivery{color:#3182f5;background:url("/img/ico/ico_delivery.svg") no-repeat 0 50%}
.products .town .item .tit em{display:block;font-size:1rem;color:#83878f}
.products .town .item .tit a{display:block;font-size: 1.8rem !important;;font-weight:600}
.products .town .item .txt{padding:0 0 1rem 0;font-size:1.4rem}
.products .town .item .add{font-size:1.4rem;color:#83878f}
.products .town .item .cnt{padding:.5rem 0}
.products .town .item .cnt span{font-size:1.2rem;color:#83878f}
.products .town .item .cnt span + span:before{content:'';position:absolute;top:0;left:0;width:.1rem;height:.8rem;background:#e8e8ec}
.products .town .item .cnt em{padding:0 1rem 0 0;font-size:1.2rem;color:#3182f5}
.products .town .item .prc strong{font-size:1.8rem}
.products .town .item .prc span{font-size:1.2rem}
.products .town .item .prc del{font-size:1.4rem;color:#83878f}
.products .town .item .str{padding:1rem;line-height:1.6rem;text-align:right;background:#fafafa}
.products .town .item .str em{display:inline-block;font-size:1.2rem;vertical-align:middle;color:#242a38}
.products .town .item .numb{position:relative;display:inline-block;margin:0 0 0 .8rem;padding:0 0 0 .8rem;font-size:1.2rem;vertical-align:middle;color:#83878f}
.products .town .item .numb:before{content:'';position:absolute;top:.3rem;left:0;width:.1rem;height:1rem;background:#ededed}
.products .town .item .star{display:inline-block;width:8rem;vertical-align:middle;background:url("/img/ico/ico_star_off.svg") no-repeat 0 50%}
.products .town .item .star span{display:block;height:1.6rem;background:url("/img/ico/ico_star_on.svg") no-repeat 0 50%}
.products .product .contain img{display:block}

#ktplay .classify{padding:.5rem 0}
#ktplay .sort{display:flex;justify-content:space-between;align-items:center}
#ktplay .sort .sel li{display:inline-block;margin:0 1.2rem 0 0;vertical-align:middle}
#ktplay .sort .opt button{padding:0 1.5rem;height:3.2rem;color:#fff;background:#777;border-radius:.4rem}
#ktplay .sort .opt button.act{background:#3182f5}
#ktplay .sort .opt .rev-select{margin:0 !important}
#ktplay .sort .opt .select-styled{line-height:3.2rem !important;width:13.5rem}
#ktplay .sort .opt .select-options{top:3.5rem;line-height:3.8rem}

/*프로필기본*/
#ktplay .prof{position:relative;display:flex;align-items:center;margin:0 0 1rem 0}
#ktplay .prof .img{display:inline-block;vertical-align:middle;background-size:cover}
#ktplay .prof .img img{display:block;width:4rem;height:4rem;border-radius:4rem}
#ktplay .prof .box{display:inline-block;padding:0 .6rem;width:calc(100% - 3rem);vertical-align:middle}
#ktplay .prof .btn{position:absolute;top:50%;right:0;transform:translateY(-50%)}
#ktplay .prof .btn i{font-size:2.4rem}
#ktplay .prof .grb{position:absolute;z-index:2;top:0;right:3rem}
#ktplay .prof .grb button{display:block;margin:0 0 .5rem 0;width:4.7rem;height:4.7rem;text-align:center;background-color:#3182f5;box-shadow: .4rem .4rem .4rem 0 rgb(0 0 0 / 20%);border-radius:50%}
#ktplay .prof .grb span{display:block;padding:1.5rem 0 0 0;font-size:1rem;color:#fff}
#ktplay .prof .name{font-size:1.2rem;font-weight:600;color:#242a38}
#ktplay .prof .name span{display:inline-block;vertical-align:middle}
#ktplay .prof .name i{display:inline-block;vertical-align:middle}
#ktplay .prof .text{font-size:1.2rem;color:#242a38}
#ktplay .prof .date{font-size:1rem;color:#83878f}

#ktplay .deltext{padding:4rem 0;font-size:1.4rem;text-align:center;color:#3182f5;background-color:#eff6fa}
#ktplay .usecut{padding:4rem 0 !important;font-size:1.4rem;text-align:center;color:#333}
#ktplay .usecut.reply{background-color:#f9f9f9}
#ktplay .admcut{padding:4rem 0 !important;font-size:1.4rem;text-align:center;color:#333;background-color:#eff6fa}
#ktplay .admcut.reply{background-color:#f9f9f9}
#ktplay .admcut .cut{display:flex;justify-content:center}
#ktplay .admcut .mark{display:block;margin:0 .4rem 0 0;width:2rem;height:2rem;background:#eff6fa url("/img/ico/ico_excla.svg") no-repeat 50% 50% / 1.6rem auto}

/*탭인덱스*/
#ktplay .tabz{border-bottom:.1rem solid #eee}
#ktplay .tabz ul{display:flex}
#ktplay .tabz li{min-width:50%;text-align:center}
#ktplay .tabz a{display:block;padding:1.5rem 0;font-size:1.4rem;font-weight:400;color:#797979}
#ktplay .tabz .act a{font-weight:500;color:#333;border-bottom:.2rem solid #3182f5}
#ktplay .tabz .act strong{color:#009646}
#ktplay .tabz .act em{color:#3182f5}
#ktplay .conz{display:none}
#ktplay .conz.act{display:block}

/*프로필이미지*/
#ktplay .pnow1{background:url("/img/ico/btn_pnow1.svg") no-repeat 50% 20% / 2rem auto}
#ktplay .pnow2{background:url("/img/ico/btn_pnow2.svg") no-repeat 50% 20% / 2rem auto}
#ktplay .pnow3{background:url("/img/ico/btn_pnow3.svg") no-repeat 50% 20% / 2rem auto}
#ktplay .pnow4{background:url("/img/ico/btn_pnow4.svg") no-repeat 50% 20% / 2rem auto}

/*프로필기본*/
#ktplay .prof{position:relative;display:flex;align-items:center;margin:0 0 1rem 0}
#ktplay .prof .ktwrap{display:flex}
#ktplay .prof .img{display:inline-block;vertical-align:middle;background-size:cover}
#ktplay .prof .img img{display:block;width:4rem;height:4rem;border-radius:4rem}
#ktplay .prof .image{display:block;padding:0 0 100% 0;background-color:#ddd;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:4rem;overflow:hidden}
#ktplay .prof .box{display:inline-block;padding:0 .6rem;width:calc(100% - 3rem);vertical-align:middle}
#ktplay .prof .btn{position:absolute;top:50%;right:0;transform:translateY(-50%)}
#ktplay .prof .btn i{font-size:2.4rem}
#ktplay .prof .grb{position:absolute;z-index:2;top:0;right:3rem}
#ktplay .prof .grb button{display:block;margin:0 0 .5rem 0;width:4.7rem;height:4.7rem;text-align:center;background-color:#3182f5;box-shadow: .4rem .4rem .4rem 0 rgb(0 0 0 / 20%);border-radius:50%}
#ktplay .prof .grb span{display:block;padding:1.5rem 0 0 0;font-size:1rem;color:#fff}
#ktplay .prof .name{font-size:1.2rem;font-weight:600;color:#242a38}
#ktplay .prof .name span{display:inline-block;vertical-align:middle}
#ktplay .prof .name i{display:inline-block;vertical-align:middle}
#ktplay .prof .text{font-size:1.2rem;color:#242a38}
#ktplay .prof .date{font-size:1rem;color:#83878f}
#ktplay .prof.wrap{position:relative;margin-left:1.6rem !important;margin-right:1.6rem !important}

/*프로필사이즈x1*/
#ktplay .prof.sz1{margin:1rem 0}
#ktplay .prof.sz1 .item{margin:0 0 1.6rem 0}
#ktplay .prof.sz1 .img{width:4rem;height:4rem;border-radius:4rem}
#ktplay .prof.sz1 .box{padding:0 .8rem;width:calc(100% - 4rem)}
#ktplay .prof.sz1 .name{font-size:1.4rem}
#ktplay .prof.sz1 .text{font-size:1.2rem}
#ktplay .prof.sz1 .date{font-size:1.2rem}

/*프로필사이즈x2*/
#ktplay .prof.sz2{margin:1rem 0}
#ktplay .prof.sz2 .img{width:5rem;height:5rem;border-radius:5rem}
#ktplay .prof.sz2 .box{padding:0 .8rem;width:calc(100% - 5rem)}
#ktplay .prof.sz2 .name{font-size:1.6rem}
#ktplay .prof.sz2 .text{font-size:1.6rem}
#ktplay .prof.sz2 .date{font-size:1.4rem}

/*프로필사이즈x2*/
#ktplay .prof.sz3{margin:1rem 0}
#ktplay .prof.sz3 .img{width:6rem;height:6rem;border-radius:6rem}
#ktplay .prof.sz3 .box{padding:0 1.4rem;width:calc(100% - 6rem)}
#ktplay .prof.sz3 .name{font-size:1.8rem}
#ktplay .prof.sz3 .text{font-size:1.4rem}
#ktplay .prof.sz3 .date{font-size:1.4rem}

#ktplay .prod{background:#fff}
#ktplay .prod .inner{scroll-snap-align:center}
#ktplay .prod .item{display:block;margin:0 1.6rem 1.6rem 0}
#ktplay .prod .item .img{display:block;margin:0 !important;position:relative;overflow:hidden}
#ktplay .prod .item .img .opt + a{display:block;margin-top:.2rem}
#ktplay .prod .item .img.act{border-radius:0}
#ktplay .prod .item .img.act .opt{position:static !important;margin-left:0}
#ktplay .prod .item .img.act .opt i{position:static !important}
#ktplay .prod .item .dongne.act .opt{margin-left:1.6rem}
#ktplay .prod .item .img.none{padding:0 0 100% 0 !important;background:#eee url("/img/none/none.jpg") no-repeat 50% 50% / 50% auto}
#ktplay .prod .item .title{padding:2rem;}

#ktplay .prod .item .img img{display:block;width:auto;max-width:100%;height:auto;object-fit:cover}
#ktplay .prod .item .img time{position:absolute;bottom:0;right:0;left:0;line-height:2.5rem;font-size:1.2rem;text-align:center;color:#fff;background:rgba(0,0,0,.8)}
#ktplay .prod .item .img .simage{display:block;padding:0 0 100% 0;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
#ktplay .prod .item .box .txt{padding:1rem 0 0 0}
#ktplay .prod .item .opt{font-size:0}
#ktplay .prod .item .opt.act{position:absolute;z-index:10;top:1.6rem;left:1.6rem}
#ktplay .prod .item .opt i + i{margin:0 0 0 .5rem}
#ktplay .prod .item .opt .news{display:inline-block;padding:.5rem 1rem;font-size:1.2rem;color:#fff;background:#ff6767;border-radius:.4rem}
#ktplay .prod .item .opt .even{display:inline-block;padding:.5rem 1rem;font-size:1.2rem;color:#fff;background:#3c9c5e;border-radius:.4rem}
#ktplay .prod .item .opt .md{position:absolute;z-index:2;top:1rem;left:1rem;display:block;width:4.5rem;height:4.5rem;background:url("/img/ico/ico_md.svg") no-repeat 50% 50%}
#ktplay .prod .item .opt .ht{position:absolute;z-index:2;bottom:1rem;right:1rem;display:block;width:3.2rem;height:3.2rem}
#ktplay .prod .item .opt .ck{position:absolute;z-index:2;top:1rem;left:1rem;display:block;width:3.2rem;height:3.2rem}
#ktplay .prod .item .opt .rb{position:absolute;z-index:2;top:0;left:.5rem;display:block;width:3.6rem;height:3.6rem;background:url("/img/ico/ico_ribbon.svg") no-repeat 50% 50%}
#ktplay .prod .item .box .ico{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}
#ktplay .prod .item .box .ico i{display:inline-block;width:3rem;height:3rem;vertical-align:middle}
#ktplay .prod .item .box .ico em{display:inline-block;margin:0 1rem 0 0;font-size:1.4rem;font-weight:800;vertical-align:middle}
#ktplay .prod .item .sns{position:relative;margin:.6rem 0 1.2rem 0}
#ktplay .prod .item .sns i{display:inline-block;width:3rem;height:3rem;vertical-align:middle}
#ktplay .prod .item .sns em{display:inline-block;margin:0 1rem 0 0;font-size:1.4rem;vertical-align:middle}
#ktplay .prod .item .sns .heart{position:absolute;top:0;right:0;margin:0 !important}
#ktplay .prod .item .sns .heart span{display:none;font-size:1rem}
#ktplay .prod .item .val{padding:0 0 1rem 0;font-size:1rem;color:#83878f}
#ktplay .prod .item .tit{padding:.8rem 0 0 0}
#ktplay .prod .item .tit em{display:block;padding:0 0 .5rem 0;font-size:1.2rem;color:#83878f}
#ktplay .prod .item .tit span{display:block;margin:0 0 .4rem 0;line-height:2rem;font-size:1.5rem;overflow:hidden}
#ktplay .prod .item .tit a{display:block;font-size:1.4rem;word-break:break-all}
#ktplay .prod .item .txt a{display:block;font-size:1.7rem}
#ktplay .prod .item .txt span{display:inline-block;padding:0 .5rem;font-size:1.2rem;font-weight:600;color:#999}
#ktplay .prod .item .prc strong.sale{padding:0 1rem 0 0;font-size:1.8rem;font-weight:400;color:#3182f5}
#ktplay .prod .item .prc strong{font-size:1.8rem;color:#242a38}
#ktplay .prod .item .prc strong + strong{padding:0 0 0 .5rem}
#ktplay .prod .item .prc span{font-size:1.4rem}
#ktplay .prod .item .prc del{font-size:1.4rem;color:#83878f}
#ktplay .prod .item .prc .sale{color:#3182f5}
#ktplay .prod .item .etc{padding:1rem 0 0 0;font-size:0}
#ktplay .prod .item .etc span{display:inline-block;padding:0 .8rem 0 0;vertical-align:middle}
#ktplay .prod .item .etc i{display:inline-block;font-size:1.8rem;color:#4a4a4a;vertical-align:middle}
#ktplay .prod .item .etc em{display:inline-block;padding:0 .4rem;font-size:1.4rem;vertical-align:middle;color:#83878f}
#ktplay .prod .item .xi-thumbs-up,
#ktplay .prod .item .xi-heart{color:#3182f5 !important}
#ktplay .prod .item .str{padding:0 0 1rem 0;font-size:0}
#ktplay .prod .item .str em{display:inline-block;padding:0 .6rem;font-size:1.2rem;vertical-align:middle;color:#242a38}
#ktplay .prod .item .star{display:inline-block;width:8rem;vertical-align:middle;background:url("/img/ico/star2.svg") no-repeat 0 50%;background-size:8rem auto}
#ktplay .prod .item .star span{display:block;height:1.6rem;background:url("/img/ico/star1.svg") no-repeat 0 50%;background-size:8rem auto}
#ktplay .prod .item .numb{position:relative;display:inline-block;margin:0 0 0 .8rem;padding:0 0 0 .8rem;font-size:1.2rem;vertical-align:middle;color:#83878f}
#ktplay .prod .item .numb:before{content:'';position:absolute;top:.3rem;left:0;width:.1rem;height:1rem;background:#ededed}
#ktplay .prod .item .stt{padding:.5rem 0}
#ktplay .prod .item .stt span{display:inline-block;margin:0 .4rem 0 0;padding:.2rem .6rem;font-size:1.2rem;vertical-align:middle;border-radius:.4rem}
#ktplay .prod .item .stt .stt1{color:#fff;background:#3182f5}
#ktplay .prod .item .stt .stt2{color:#fff;background:#3182f5}

#ktplay .prod.ovfx{padding:0 1rem 0 2rem}
#ktplay .prod.ovfx .item{width:15rem}

#ktplay .prod.norl{display:block !important;margin:0 -1.6rem 0 0;padding:1.6rem 0;font-size:0}
#ktplay .prod.norl .inner{display:inline-block;width:50%;vertical-align:top}
#ktplay .prod.ones .item{display:block;margin:1.6rem;border-radius:1.2rem !important;box-shadow:1rem 1rem 2rem 0 rgb(0 0 0 / 20%)}
#ktplay .prod.ones .img{border-radius:1.2rem 1.2rem 0 0}
#ktplay .prod.ones .img img{display:block;width:100% !important}
#ktplay .prod.ones .box{padding:1.5rem}
#ktplay .prod.ones .box .tit{padding:0 0 1rem 0 !important;line-height:1.2;font-size:2rem;font-weight:600;color:#000}
#ktplay .prod.ones .box .txt{font-size:1.5rem;color:#000}

#ktplay .prod.cols{display:block !important}
#ktplay .prod.cols .item{display:flex !important;margin:0 0 1.5rem 0 !important}
#ktplay .prod.cols .img{min-width:15rem;height:15rem;background:#e8e8e8;border-radius:1rem}
#ktplay .prod.cols .img.none{padding:0 !important;background: #eee url(../img/none/noimg.svg) no-repeat 50% 50% / 5rem auto}
#ktplay .prod.cols .box{margin:0 0 0 1rem}
#ktplay .prod.cols .inner:last-child .item{margin:0 !important}

#ktplay .pop_button{position:fixed;z-index:1003;bottom:8rem;right:1.6rem}
#ktplay .pop_button .btns{text-align:right}
#ktplay .pop_button .ico_write{display:inline-block;width:6rem;height:6rem;box-shadow:.4rem .4rem .4rem 0 rgb(0 0 0 / 20%);border-radius:50%;background:#3182f5 url("/img/ico/ico_write.svg") no-repeat 50% 50%}

#ktplay .ico_like{background:url("/img/ico/ico_like.svg") no-repeat 50% 50%}
#ktplay .ico_like_o{background:url("/img/ico/ico_like_o.svg") no-repeat 50% 50%;background-size:2.2rem auto}
#ktplay .ico_comment{background:url("/img/ico/ico_comment.svg") no-repeat 50% 50%}
#ktplay .ico_share{background:url("/img/ico/ico_share.svg") no-repeat 50% 50%;background-size:auto 1.8rem}
#ktplay .ico_heart{background:url("/img/ico/ico_heart.svg") no-repeat 50% 50%}
#ktplay .ico_heart_o{background:url("/img/ico/ico_heart_o.svg") no-repeat 50% 50%}

#ktplay .store .prod{display:block;margin:0 -1.5rem 0 0;font-size:0}
#ktplay .store .swiper-slide{width:80%}
#ktplay .store .inner{margin:0 0 2rem 0}
#ktplay .store .item{margin:0 2rem 0 0;border-radius:1.2rem;box-shadow:.5rem .5rem 1rem .5rem rgb(0 0 0 / 10%)}
#ktplay .store .item .img{position:relative}
#ktplay .store .item .img.none{padding:0 0 55.5% 0 !important;background:#eee url("/img/none/none.jpg") no-repeat 50% 50% / 45% auto}
#ktplay .store .item .img i{position:absolute;top:1rem;left:1rem}
#ktplay .store .item .img img{display:block;width:auto;max-width:100%;height:auto}
#ktplay .store .item .img time{position:absolute;bottom:0;right:0;left:0;font-size:1.2rem;text-align:center;color:#fff;background:rgba(0,0,0,.8)}
#ktplay .store .item .img .opt{font-size:0}
#ktplay .store .item .img .opt .ht{position:absolute;z-index:2;bottom:1rem;right:1rem;display:block;width:3.2rem;height:3.2rem}

#ktplay .store .item .box{padding:1rem}
#ktplay .store .item .box .opt{font-size:0}
#ktplay .store .item .box .opt span{display:inline-block;padding:0 .8rem 0 1.6rem;font-size:1.2rem;vertical-align:middle}
#ktplay .store .item .opt{position:static}
#ktplay .store .item .opt .pickup{color:#3c9c5e;background:url("/img/ico/ico_pickup.svg") no-repeat 0 50%}
#ktplay .store .item .opt .delivery{color:#3182f5;background:url("/img/ico/ico_delivery.svg") no-repeat 0 50%}
#ktplay .store .item .tit em{display:block;font-size:1rem;color:#83878f}
#ktplay .store .item .tit a{display:block;font-size: 1.8rem !important;;font-weight:600}
#ktplay .store .item .txt{margin:0 0 2rem 0;font-size:1.4rem}
#ktplay .store .item .add{padding:.5rem 0;font-size:1.4rem;color:#83878f}
#ktplay .store .item .cnt{padding:.5rem 0}
#ktplay .store .item .cnt span{font-size:1.2rem;color:#83878f}
#ktplay .store .item .cnt span + span:before{content:'';position:absolute;top:0;left:0;width:.1rem;height:.8rem;background:#e8e8ec}
#ktplay .store .item .cnt em{padding:0 1rem 0 0;font-size:1.2rem;color:#3182f5}
#ktplay .store .item .prc strong{font-size:1.8rem}
#ktplay .store .item .prc span{font-size:1.2rem}
#ktplay .store .item .prc del{font-size:1.4rem;color:#83878f}
#ktplay .store .item .str{padding:1rem;line-height:1.6rem;text-align:right;background:#fafafa}
#ktplay .store .item .str em{display:inline-block;font-size:1.2rem;vertical-align:middle;color:#242a38}
#ktplay .store .item .numb{position:relative;display:inline-block;margin:0 0 0 .8rem;padding:0 0 0 .8rem;font-size:1.2rem;vertical-align:middle;color:#83878f}
#ktplay .store .item .numb:before{content:'';position:absolute;top:.3rem;left:0;width:.1rem;height:1rem;background:#ededed}
#ktplay .store .item .star{display:inline-block;width:8rem;vertical-align:middle;background:url("/img/ico/ico_star_off.svg") no-repeat 0 50%}
#ktplay .store .item .star span{display:block;height:1.6rem;background:url("/img/ico/ico_star_on.svg") no-repeat 0 50%}
#ktplay .store.ovfx{padding:0 1rem 0 2rem}
#ktplay .store.ovfx .item{width:26rem}

#ktplay .category .inner .item{font-size:1.2rem;color:#83878f}
#ktplay .category .inner .img{display:block;margin:0 auto;width:5rem;height:5rem;background-size:100% auto !important}
#ktplay .category .cate1 .img{background:url("/img/cate1.svg") no-repeat 50% 50%}
#ktplay .category .cate2 .img{background:url("/img/cate2.svg") no-repeat 50% 50%}
#ktplay .category .cate3 .img{background:url("/img/cate3.svg") no-repeat 50% 50%}
#ktplay .category .cate4 .img{background:url("/img/cate4.svg") no-repeat 50% 50%}
#ktplay .category .cate5 .img{background:url("/img/cate5.svg") no-repeat 50% 50%}
#ktplay .category .cate6 .img{background:url("/img/cate6.svg") no-repeat 50% 50%}
#ktplay .category .cate7 .img{background:url("/img/cate7.svg") no-repeat 50% 50%}
#ktplay .category .cate8 .img{background:url("/img/cate8.svg") no-repeat 50% 50%}

#ktplay .bzgroup{padding:0 0 2rem 0}
#ktplay .bzgroup .cate{display:flex;flex-wrap:wrap;margin-right:-1rem}
#ktplay .bzgroup .inner{display:flex;align-items:flex-start;width:20%}
#ktplay .bzgroup .item{margin-right:1rem;width:calc(100% - 1rem)}
#ktplay .bzgroup .item .ico{display:block;padding-bottom:100%;color:#83878f;background-color:#FFF9F9;background-repeat:no-repeat;background-size:6rem auto;background-position:50% 50%;border-radius:2rem}
#ktplay .bzgroup .item .tit{padding:.6rem 0 1.8rem 0;line-height:1.2;font-size:1.2rem;text-align:center}
#ktplay .bzgroup .item .img{display:block;margin:0 auto;width:5rem;height:5rem;background-size:100% auto !important}
#ktplay .bzgroup .nv11 .ico{background-image:url("/img/cate/ncate11.svg")}
#ktplay .bzgroup .nv12 .ico{background-image:url("/img/cate/ncate12.svg")}
#ktplay .bzgroup .nv13 .ico{background-image:url("/img/cate/ncate13.svg")}
#ktplay .bzgroup .nv14 .ico{background-image:url("/img/cate/ncate14.svg")}
#ktplay .bzgroup .nv15 .ico{background-image:url("/img/cate/ncate15.svg")}
#ktplay .bzgroup .nv16 .ico{background-image:url("/img/cate/ncate16.svg")}
#ktplay .bzgroup .nv17 .ico{background-image:url("/img/cate/ncate17.svg")}

#ktplay .bzgroup .nv18 .ico{background-image:url("/img/cate/ncate18.svg")}
#ktplay .bzgroup .nv21 .ico{background-image:url("/img/cate/ncate21.svg")}
#ktplay .bzgroup .nv22 .ico{background-image:url("/img/cate/ncate22.svg")}
#ktplay .bzgroup .nv23 .ico{background-image:url("/img/cate/ncate23.svg")}
#ktplay .bzgroup .nv24 .ico{background-image:url("/img/cate/ncate24.svg")}
#ktplay .bzgroup .nv25 .ico{background-image:url("/img/cate/ncate25.svg")}
#ktplay .bzgroup .nv26 .ico{background-image:url("/img/cate/ncate26.svg")}
#ktplay .bzgroup .nv27 .ico{background-image:url("/img/cate/ncate27.svg")}
#ktplay .bzgroup .nv31 .ico{background-image:url("/img/cate/ncate31.svg")}
#ktplay .bzgroup .nv32 .ico{background-image:url("/img/cate/ncate32.svg")}
#ktplay .bzgroup .nv33 .ico{background-image:url("/img/cate/ncate33.svg")}
#ktplay .bzgroup .nv34 .ico{background-image:url("/img/cate/ncate34.svg")}

/*#ktplay .bzgroup .nv11{background-image:url("/img/cate/cate11.svg")}
#ktplay .bzgroup .nv12{background-image:url("/img/cate/cate12.svg")}
#ktplay .bzgroup .nv13{background-image:url("/img/cate/cate13.svg")}
#ktplay .bzgroup .nv14{background-image:url("/img/cate/cate14.svg")}
#ktplay .bzgroup .nv15{background-image:url("/img/cate/cate15.svg")}
#ktplay .bzgroup .nv16{background-image:url("/img/cate/cate16.svg")}
#ktplay .bzgroup .nv17{background-image:url("/img/cate/cate17.svg")}
#ktplay .bzgroup .nv21{background-image:url("/img/cate/cate21.svg")}
#ktplay .bzgroup .nv22{background-image:url("/img/cate/cate22.svg")}
#ktplay .bzgroup .nv23{background-image:url("/img/cate/cate23.svg")}
#ktplay .bzgroup .nv24{background-image:url("/img/cate/cate24.svg")}
#ktplay .bzgroup .nv31{background-image:url("/img/cate/cate31.svg")}
#ktplay .bzgroup .nv32{background-image:url("/img/cate/cate32.svg")}
#ktplay .bzgroup .nv33{background-image:url("/img/cate/cate33.svg")}
#ktplay .bzgroup .nv34{background-image:url("/img/cate/cate34.svg")}
#ktplay .bzgroup .nv35{background-image:url("/img/cate/cate35.svg")}
#ktplay .bzgroup .nv36{background-image:url("/img/cate/cate36.svg")}
#ktplay .bzgroup .nv37{background-image:url("/img/cate/cate37.svg")}*/

#ktplay .pdd0{padding:0 !important}

@media all and (min-width:81.1rem){
    /*#ktplay{margin:0 auto;width:37.5rem}*/
}

@-webkit-keyframes fadein{
    from{bottom:0;opacity:0}to{bottom:8rem;opacity:1}
}
@keyframes fadein{
    from{bottom:0;opacity:0}
    to{bottom:8rem;opacity:1}
}
@-webkit-keyframes fadeout{
    from{bottom:8rem;opacity:1}
    to{bottom:0;opacity:0}
}
@keyframes fadeout{
    from{bottom:8rem;opacity:1}
    to{bottom:0;opacity:0}
}

/*login*/
.login{padding:5rem;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.login h2{color:#FF5455;margin-bottom:3rem;text-align:center}
.login input[type="text"], 
.login input[type="password"]{width:30rem;height:4.5rem;display:block;background:#f5f6fa;border-radius:.4rem;border:0;margin-top:1rem;padding:1rem}
.login button{width:30rem;margin-top:2rem;background:#ff5455;color:#fff;height:4.5rem;border-radius:.4rem;display:block}
.login input:-webkit-autofill{-webkit-box-shadow:0 0 0 100rem #f5f6fa inset}
.login span{font-size:1.3rem;color:#FF3D29}

select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
select::-ms-expand{display:none}

#ktplay .khtitle{position:relative;height:5.5rem}
#ktplay .khtitle h2{font-size:2.2rem}
#ktplay .khtitle h3{position:absolute;z-index:1;top:0;right:0;left:0;line-height:5.5rem;font-size:1.7rem;text-align:center}
#ktplay .khtitle .btn{position:relative;z-index:2;line-height:5.5rem;text-align:right}
#ktplay .khtitle .btn button{display:inline-block;width:2.4rem;height:2.4rem}
#ktplay .khtitle .btn em{position:absolute;top:0;right:-.5rem;display:inline-block;padding:0 .4rem;line-height:1.3rem;font-size:.8rem;color:#fff;background:#f5183d;border-radius:1.2rem}
#ktplay .khtitle .search{background:url("/img/ico/search.svg") no-repeat 50% 50%}
#ktplay .khtitle .basket{position:relative;margin:0 0 0 1rem;background:url("/img/ico/basket.svg") no-repeat 50% 50%}
#ktplay .khtitle .upload{position:relative;background:url("/img/ico/upload.svg") no-repeat 50% 50%}
#ktplay .khtitle .setting{position:absolute;top:0;left:0;width:2.4rem;height:2.4rem;background:url("/img/ico/setting.svg") no-repeat 50% 50%}
#ktplay .khtitle .back{position:absolute;top:50%;transform:translateY(-50%);left:0;width:2.4rem;height:2.4rem;background:url("/img/ico/back.svg") no-repeat 50% 50%}
#ktplay .khtitle .ellipsis{position:relative;margin:0 0 0 1rem;background:url("/img/ico/ico_ellipsis.svg") no-repeat 50% 50%}
#ktplay .khtitle .line{position:absolute;bottom:0;right:0;left:0;display:block;height:.2rem;background:#f0f0f0}
#ktplay .khtitle .line:before{content:'';position:absolute;top:0;left:0;display:block;height:.2rem;background:#3182f5}
#ktplay .khtitle .line.step1:before{width:33.33%}
#ktplay .khtitle .line.step2:before{width:66.66%}
#ktplay .khtitle .line.step3:before{width:100%}
#ktplay .white_title h3{color:#fff}
#ktplay .white_title .back{position:absolute;top:0;left:0;width:2.4rem;height:2.4rem;background:url("/img/inc/white_back.svg") no-repeat 50% 50%}

#ktplay .textarea + .add{padding-top:1.6rem;text-align:center}
#ktplay .textarea + .add i{display:block;width:3rem;height:3rem;background: url(/img/ico/bt_plus.svg) no-repeat 50% 50% / 3rem auto}
#ktplay .textarea + .add span{display:none !important}

#ktplay .addition{position:relative;padding:1.2rem 2.4rem 1.2rem 0}
#ktplay .addition + .addition{border-top:.1rem solid #eee}
#ktplay .addition + .add{padding:.2rem 0 0 0;text-align:center}
#ktplay .addition + .add i{display:block;width:3rem;height:3rem;background: url(/img/ico/bt_plus.svg) no-repeat 50% 50% / 3rem auto}
#ktplay .addition + .add span{display:none !important}
#ktplay .addition .tit{padding:0 0 1rem 0;font-size:1.4rem}
#ktplay .addition .month{margin:0 -1rem 0 0;padding:0 0 1rem 0;font-size:0}
#ktplay .addition .month .inner{display:inline-block;width:25%;vertical-align:top}
#ktplay .addition .month .item{display:block;margin:0 1rem 0 0}
#ktplay .addition .month .item label{padding-top:.1rem;font-size:1.4rem}
#ktplay .addition .week{display:flex;align-items:center;gap:.8rem;position:relative}
#ktplay .addition .week .inner{margin:0 !important;width:100%}
#ktplay .addition .week .item{display:block;margin:0 !important;font-size:1.4rem}
#ktplay .addition .week .item label{padding:.6rem 1rem;font-weight:400;border-radius:3rem}
#ktplay .addition .time{display:flex;align-items:center;gap:.8rem}
#ktplay .addition .time .inner{margin:.1rem 0 !important;width:100%}
#ktplay .addition .time .item{display:block;font-size:1.4rem}
#ktplay .addition .time .item label{display:flex;align-items:center;padding:0 !important;height:2rem;font-size:1.2rem;font-weight:400;color:#54575C}
#ktplay .addition .time .item select{width:100%}
#ktplay .addition .time .item .rev-select{margin:0 !important}
#ktplay .addition .holi{display:flex;align-items:center;gap:.8rem;position:relative}
#ktplay .addition .holi .inner{margin:0 !important;width:100%}
#ktplay .addition .holi .item{display:block;font-size:1.4rem}
#ktplay .addition .holi .item label{display:flex;align-items:center;padding:0 !important;height:2rem;font-size:1.2rem;font-weight:400;color:#54575C}
#ktplay .addition .holi .item select{width:100%}
#ktplay .addition .holi .item .rev-select{margin:0 !important}
#ktplay .addition .ckbox{display:none}
#ktplay .addition .ckbox + label{display:block;position:relative;padding:.6rem 1rem;font-size:1.4rem;color:#a3a3a3;border:.1rem solid #d3d3d3;border-radius:.4rem;cursor:pointer}
#ktplay .addition .ckbox:checked + label{color:#3182f5;border:.1rem solid #eff6fa;background:#eff6fa}
#ktplay .addition .ckbox + label em{display:none}
#ktplay .addition .plus{position:absolute;top:50%;transform:translateX(-50%);right:0}
#ktplay .addition .plus i{display:block;width:1.6rem;height:1.6rem;background:url("/img/ico/bt_plus.svg") no-repeat 50% 50%}
#ktplay .addition .plus span{display:none}
#ktplay .addition .minus{position:absolute;bottom:1.4rem;right:-2.4rem}
#ktplay .addition .minus i{display:block;width:1.6rem;height:1.6rem;background:url("/img/ico/bt_minus.svg") no-repeat 50% 50%}
#ktplay .addition .minus span{display:none !important}

#ktplay .addplus{text-align:center}
#ktplay .addplus{padding:0 0 1rem 0}
#ktplay .addplus i{display:block;width:3rem;height:3rem;background: url(/img/ico/bt_plus.svg) no-repeat 50% 50% / 3rem auto}
#ktplay .addplus span{display:none !important}

#ktplay .category{position:relative}
#ktplay .category .cate{margin:1rem -1rem 0 0;font-size:0}
#ktplay .category .cate .inner{display:inline-block;width:50%;vertical-align:top}
#ktplay .category .cate .half{display:inline-block;width:50%;vertical-align:top}
#ktplay .category .cate .item{display:block;margin:0 1rem 0 0;font-size:1.4rem}
#ktplay .category .cate .item label{font-size:1rem;color:#54575C}
#ktplay .category .cate .item .rev-select{margin:0 !important}

#ktplay .dsearch{position:relative}
#ktplay .dsearch .cate{display:flex;padding:.6rem 0;justify-content:center;align-items:center}
#ktplay .dsearch .cate em{display:inline-block;padding:0 1rem 0 0}
#ktplay .dsearch .cate .select-styled{height:3.5rem;line-height:3.5rem}
#ktplay .dsearch .cate .half{display:inline-block;width:50%;vertical-align:top}
#ktplay .dsearch .cate .item{display:block;margin:0 1rem 0 0;font-size:1.4rem}
#ktplay .dsearch .cate .item label{font-size:1rem;color:#54575C}
#ktplay .dsearch .cate .item input{padding:0 1rem;height:3.5rem;line-height:3.5rem;border:.1rem solid #d3d3d3;background-color:#fff;background-position:90% 50% !important;background-size:1.4rem auto;border-radius:.4rem;overflow:hidden}
#ktplay .dsearch .cate .item .rev-select{margin:0 !important}

#ktplay .time{position:relative;margin:0 -1rem 0 0;font-size:0}
#ktplay .time .inner{display:inline-block;width:50%;vertical-align:top}
#ktplay .time .half{display:inline-block;width:50%;vertical-align:top}
#ktplay .time .item{display:block;margin:0 1rem 0 0;font-size:1.4rem}
#ktplay .time .item label{font-size:1rem;color:#54575C}
#ktplay .time .item .rev-select{margin:0 !important}

#ktplay .holiday{position:relative;padding:1.5rem 0;border-top:.1rem solid #ccc}
#ktplay .holiday > label{position:absolute;top:50%;transform:translateY(-50%);padding:0 1rem 0 4.5rem;font-size:1.4rem;color:#999}

#ktplay .khsline{position:relative;display:block;height:.2rem;background:#f0f0f0}
#ktplay .khsline:before{content:'';position:absolute;top:0;left:0;display:block;height:.2rem;background:#3182f5}
#ktplay .khsline.step1:before{width:33.33%}
#ktplay .khsline.step2:before{width:66.66%}
#ktplay .khsline.step3:before{width:100%}

#ktplay .kline{position:relative;display:block;height:.2rem;background:#f0f0f0}
#ktplay .kline:before{content:'';position:absolute;top:0;left:0;display:block;height:.2rem;background:#3182f5}
#ktplay .kline.step1:before{width:25%}
#ktplay .kline.step2:before{width:50%}
#ktplay .kline.step3:before{width:75%}
#ktplay .kline.step4:before{width:100%}

/*#store .text{padding:2rem 0}*/
#store .text{padding:0 0 1rem 0}
#store .text h4{padding:0 0 2rem 0;font-size:1.8rem;font-weight:500;color:#3d3d3f}
#store .text h4 span{display:block;font-size:1.4rem;color:#777}
#store .text p{position:relative;padding:0 0 1rem 1rem;font-size:1.2rem;font-weight:400;color:#0c4fcf}
#store .text p i{position:absolute;top:.3rem;left:0}
#store .form .guide + .input{}
#store .form .title{padding:2rem 0}
#store .form .title h3{padding:0 0 .4rem 0;line-height:1.2;font-size:2rem;color:#3d3d3f}
#store .form .title p{line-height:1.2;font-size:1.2rem;font-weight:300;color:#999}

#store .form .tar button{font-size:1.6rem}

#store .form .input{display:flex;flex-direction:column;gap:.8rem;margin-top:2.4rem;position:relative}
#store .form .input.mt0{margin-top:0}
#store .form .input label{display:flex;align-items:center;gap:.5rem;font-size:1.6rem;font-weight:700;color:#000}
#store .form .input label strong{display:block;font-size:1.6rem;font-weight:600}
#store .form .input label i{display:block;font-size:1.6rem;color:#f5183d}
#store .form .input label i.xi-help-o{color:#aaa}
#store .form .input label + .textarea,
#store .form .input .lot + .textarea{margin-top:.8rem}
#store .form .input input[type=text]{padding:0 1.6rem;width:100%;height:4.5rem;font-size:1.4rem;color:#242a38;border:0;border:.1rem solid #ddd;border-radius:.4rem}
#store .form .input input[type=text]:focus{border:.1rem solid #242a38;background:#f9f9f9}
#store .form .input em{font-size:1.4rem;color:#f5183d}
#store .form .input span{display:block;margin-top:.4rem;font-size:1.3rem;font-weight:400;color:#999}
#store .form .input p{font-size:1.3rem;font-weight:400;color:#6f6f6f}
#store .form .input .bbt{display:flex;align-items:center;justify-content:space-between;height:5.2rem;font-size:1.6rem}
#store .form .input .bbt i{font-size:1.8rem}
#store .form .input .bbt img{display:block}

#store .form .input .min{position:absolute;top:0;right:0}
#store .form .input .min .bt-del{padding:0 1rem;height:2.4rem;font-size:1.4rem;color:#333;border:.1rem solid #ccc}
#store .form .input .ckbox{display:none}
#store .form .input .ckbox + label{display:block;position:relative;padding:1.2rem 1rem;font-size:1.4rem;text-align:center;color:#a3a3a3;border:.1rem solid #d3d3d3;border-radius:.4rem;cursor:pointer}
#store .form .input .ckbox:checked + label{color:#fff;border:.1rem solid #3182f5;background:#3182f5}
#store .form .input .ckbox + label em{display:none}
#store .form .input .rad{padding:.8rem 0}
#store .form .input .rad label{display:block;font-size:1.4rem;font-weight:400;color:#242a38}
#store .form .input .red{color:#3182f5;background:#fff}

#store .form .input .box{display:flex;align-items:center;gap:1rem;position:relative}
#store .form .input .box .inp{padding:0 1.6rem;line-height:4.5rem;font-size:1.4rem;color:#242a38;border-bottom:.1rem solid #e8e8ec}
#store .form .input .box .bt{min-width:10rem;width:auto;height:4.5rem;font-size:1.4rem;text-align:center;color:#000;border:.1rem solid #e9e9e9;background:#e9e9e9;border-radius:.4rem}
#store .form .input .box .bt:focus{color:#fff;border:.1rem solid #3182f5;background:#3182f5}
#store .form .input .box .bt.act{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
#store .form .input .box .red{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
#store .form .input.won em{white-space:nowrap;text-align:right;color:#777 !important}
#store .form .input.won input{text-align:right}
#store .form .js-delivery-distance-from{padding:0 1rem;width:6rem !important}
#store .form .js-delivery-distance{padding:0 1rem;width:6rem !important}
#store .form .js-delivery-fee{}
#store .form .js-delivery-delBtn{}
#store .form .input.won .area{display:flex;flex-wrap:wrap;margin:.5rem -.5rem 1rem 0}
#store .form .input.won .area .inner{}
#store .form .input.won .area .item{display:block;margin:0 .5rem .5rem 0;font-size:1.4rem}

#priceForFreeDeliveryDiv{display:flex;align-items:center;width:100%}

#store .form .input.ups{width:calc(100% - 5rem)}
#store .form .input.bb1{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin:0 !important;min-height:5.4rem}
#store .form .input.public{display:flex;flex-direction:row;align-items:center;justify-content:space-between}
#store .form .input .lot{position:absolute;top:.4rem;right:0;font-size:1.2rem;font-weight:500;color:#999}
#store .form .input .typ{position:absolute;top:-2rem;right:0;font-size:1.2rem;font-weight:500;color:#999}
#store .form .input .txt{padding:0 0 .8rem 0;font-size:1.6rem;font-weight:300;color:#999}
#store .form .input .keyword{padding-top:.8rem !important}
#store .form .all{font-weight:400;border:.1rem solid #f4f4f6;background:#f4f4f6}
#store .form .check{padding:0 0 2rem 0}
#store .form .check label{font-size:1.4rem;font-weight:400;color:#242a38}
#store .form .check button{float:right;font-size:1.4rem;font-weight:400;color:#242a38;text-decoration:underline}
#store .form .cross{display:none;position:absolute;bottom:1.5rem;right:0;width:2rem;height:2rem;background:url("/img/member/cross.svg") no-repeat 50% 50%}
#store .form .del{position:absolute;bottom:1.3rem;right:5rem;width:2rem;height:2rem;background:url("/img/ico/cross.svg") no-repeat 50% 50%}
#store .form .btnn{position:absolute;top:1.2rem;right:1.6rem;height:2.1rem;font-size:1.2rem;color:#999}
.ui-datepicker-trigger,
#store .form .date{position:absolute;top:1.2rem;right:1.6rem;width:2rem;height:2.1rem;background:url("/img/ico/ico-date.svg") no-repeat 50% 50%}

.hasDatepicker{background-image:url("/img/ico/date.svg") !important;background-repeat:no-repeat !important;background-position:95% 50% !important}

#store .form .att .bt{display:block;margin:0 0 1rem 0;padding:0 1rem;line-height:4.4rem;font-size:1.5rem;font-weight:500;color:#fff;border:.1rem solid #3182f5;background:#3182f5;border-radius:.4rem}
#store .form .att .bt_add{display:flex;justify-content:flex-start;align-items:center;width:100%;color:#3182f5;border:.1rem solid #eff6fa;background:#eff6fa}

#store .form .button{text-align:center}
#store .form .button .bt{display:block;margin:0 0 2rem 0;padding:0 1rem;line-height:4.4rem;font-size:1.5rem;font-weight:500;color:#fff;border:.1rem solid #3182f5;background:#3182f5;border-radius:.4rem}
#store .form .button .bt_add{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
#store .form .state{padding:1rem 0;line-height:2.5rem;font-size:1.2rem;color:#242a38;border:0;border-bottom:.1rem solid #e8e8ec}
#store .form .keyword .con{display:flex;flex-wrap:wrap;align-items:center}
#store .form .keyword .con button{display:flex;align-items:center;justify-content:center;margin:0 .4rem .4rem 0;padding:1rem 0;width:calc(20% - .4rem);border:.1rem solid #e8e8ec;border-radius:.4rem}
#store .form .keyword .con button i{display:inline-block;margin:-.4rem 0 0 .5rem;width:1.5rem;height:1.5rem;vertical-align:middle;background:url("/img/ico/close.svg") no-repeat 50% 50% / .9rem auto}
#store .form .keyword .btn button{height:4.6rem;font-size:1.4rem;font-weight:400}
/*
#store .form .keyword .btn button{display:inline-block;margin:0 .4rem .4rem 0;padding:0 1.6rem;height:4rem;font-size:1.4rem;font-weight:400;color:#3182f5;border:.1rem solid #3182f5;border-radius:.4rem}
*/

#store .form .input .lot{position:absolute;top:.2rem;right:0;font-size:1.4rem;font-weight:500;color:#999}
#store .form .input .typ{position:absolute;top:-2rem;right:0;font-size:1.4rem;font-weight:500;color:#999}
#store .form .input .txt{font-size:1.4rem;font-weight:300;color:#999}
#store .form .keyword_reg{display:flex;flex-direction:column;gap:1rem}
#store .form .keyword_reg .con{display:flex;flex-direction:column;gap:1rem}
#store .form .addstore{padding:1rem 0}
#store .form .addstore .item{padding:1rem 0 0 0}
#store .form .addstore .add{position:relative;width:9.4rem;height:9.4rem;border:.1rem solid #3182f5;border-radius:1rem}
#store .form .addstore .add button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
#store .form .addstore .add i{font-size:2rem;color:#3182f5}
#store .form .addstore .add span{display:block;font-size:1.2rem;font-weight:400;color:#3182f5}

#store .form .info{position:relative;margin:0 0 .4rem 0}
#store .form .info label{font-size:1.4rem;vertical-align:middle}
#store .form .info .checkbox + label:before{top:-.1rem}
#store .form .info .rad{}
#store .form .info .rad + .rad{padding-top:.4rem}
#store .form .info .rad label{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;padding:0;font-size:1.4rem;font-weight:300}
#store .form .info .rads{padding:0 0 18rem 0}
#store .form .info .rads label{display:flex;font-size:1.4rem;font-weight:300}

#store .form .info .tip{padding:0 0 2rem 2.5rem;font-size:1.2rem;color:#888}
#store .form .info .total{margin:1rem 0 0 0;padding:1rem 0 0 0;border-top:.1rem solid #e8e8ec}
#store .form .info .total dt{font-size:1.6rem;color:#242a38}
#store .form .info .total dd{font-size:1.6rem;color:#3182f5}
#store .form .btn.sticky{position:fixed;z-index:2;bottom:1.6rem;width:100%;max-width:38.8rem;text-align:left}

#store .form .radio{/**/font-size:0}
#store .form .radio .inner{display:inline-block;padding:0 1.2rem 0 0}
#store .form .radio .inner .item{display:block}
#store .form .radio .inner .item label{padding:0 0 0 2.2rem;font-size:1.4rem;font-weight:400}

#store .form .all{font-weight:400;border:.1rem solid #f4f4f6;background:#f4f4f6}
#store .form .check{padding:0 0 1.6rem 0}
#store .form .check label{font-size:1.4rem;font-weight:400;color:#242a38}
#store .form .check button{float:right;font-size:1.4rem;font-weight:400;color:#242a38;text-decoration:underline}
#store .form .cross{display:none;position:absolute;bottom:1.5rem;right:0;width:2rem;height:2rem;background:url("/img/member/cross.svg") no-repeat 50% 50%}
/*#store .form .feed{margin:.4rem 0 0 0;padding:0 0 0 1.8rem;font-size:1.2rem;text-align:left !important;color:#545454;background:url("/img/ico/ico_feed.svg") no-repeat 0 .4rem}*/
#store .form .feed button{float:right;font-size:1.2rem;font-weight:400;color:#83878f;text-decoration:underline}
#store .form .input .prdadd{margin:0 !important;padding:1.2rem 0 0 0 !important}
/*#store .form .prdadd{position:relative;margin:0 0 2rem 0;padding:0 0 2rem 0;overflow:hidden}
#store .form .prdadd label{position:relative;display:block;padding:0 0 .8rem 0;font-size:1.4rem;font-weight:600;color:#242a38}
#store .form .prdadd label i{padding:0 .2rem;color:#3182f5}
#store .form .prdadd .lot{position:absolute;top   :.2rem;right:0;font-size:1.4rem;font-weight:500;color:#999}
#store .form .prdadd .swiper-slide{margin-right:.8rem;width:auto !important}
#store .form .prdadd .swiper-wrapper{padding:.8rem 0;overflow-x:auto}
#store .form .prdadd .area{position:relative;padding:1rem;font-size:1.4rem;border:.1rem solid #ccc;border-radius:.4rem}
#store .form .prdadd .area button{position:absolute;top:-.5rem;right:-.5rem;width:2rem;height:2rem;background:url("/img/ico/cross_red.svg") no-repeat 50% 50% / 100% auto}
#store .form .prdadd .area button span{display:none}
#store .form .prdadd .img{position:relative}
#store .form .prdadd .img img{display:block;width:9.4rem;height:9.4rem;border-radius:1rem}
#store .form .prdadd .img button{position:absolute;top:-.6rem;right:-.6rem;width:2.2rem;height:2.2rem;background:url("/img/ico/cross_red.svg") no-repeat 50% 50% / 100% auto}
#store .form .prdadd .img button span{display:none}
#store .form .prdadd .image{width:9.4rem;height:9.4rem}
#store .form .prdadd .add{position:relative;width:9.4rem;height:9.4rem;border:.1rem solid #3182f5;border-radius:1rem}
#store .form .prdadd .add button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
#store .form .prdadd .add i{font-size:2rem;color:#3182f5}
#store .form .prdadd .add span{display:block;font-size:1.2rem;font-weight:400;color:#3182f5}*/

#store .form .btn{}
#store .form .btn button{display:block;width:100%;height:4.6rem;font-size:1.5rem;font-weight:500;color:#fff;border:.1rem solid #3182f5;background:#3182f5;border-radius:.4rem}
#store .form .btn button + button{margin:.7rem 0 0 0;color:#3182f5;border:.1rem solid #3182f5;background:#fff}
#store .form .btn .bt_none{border:.1rem solid #fff}
#store .form .btt{padding:0 0 2rem 0;text-align:right}
#store .form .btt button{display:inline-block;font-size:1.4rem;font-weight:500;color:#333;border-bottom:.1rem solid #333}



.ip-dat{padding:0 1.6rem;width:100%;height:4.5rem;font-size:1.4rem;color:#242a38;border:0;border:.1rem solid #ddd;border-radius:.4rem}
.ip-dat:focus{border:.1rem solid #242a38;background:#f9f9f9}
.ip-dat::-webkit-clear-button,
.ip-dat::-webkit-inner-spin-button{display:none} 
.ip-dat::-webkit-calendar-picker-indicator{background:url("/img/ico/ico-date.svg") no-repeat 95% 50%}


#store .textarea textarea{display:block;padding:1.6rem;width:100%;height:12rem;font-size:1.4rem;border:.1rem solid #e8e8ec;border-radius:.4rem;resize:none}
#store .textarea textarea:focus{border:.1rem solid #242a38;background:#f9f9f9}
#store .complete{padding:12rem 0;text-align:center}
#store .complete .welcome .img{padding:0 0 2rem 0;text-align:center;background: url("/img/member/step2_bg.svg") no-repeat 50%}
#store .complete .img{padding:2rem 24%;overflow:hidden}
#store .complete .img img{display:block;margin:0 auto;width:auto;max-width:100%;height:auto}
#store .complete .tit{font-size:2rem;font-weight:600;color:#242a38}
#store .complete .txt{padding:1rem 0;font-size:1.4rem;font-weight:400;color:#83878f}

#store .addprod{}
#store .addprod .inner{}
#store .addprod .item{font-size:0}
#store .addprod .item h3{padding:0 0 1rem 0;font-size:1.6rem;font-weight:400;vertical-align:middle;color:#83878f}
#store .addprod .item .img{display:inline-block;width:15rem;height:15rem;vertical-align:top}
#store .addprod .item .img img{width:auto;max-height:100%;height:auto}
#store .addprod .item .box{display:inline-block;width:calc(100% - 15rem);padding:0 1rem;vertical-align:top}
#store .addprod .box{padding:.5rem 0 0 0}
#store .addprod .sns{position:relative;margin:1rem 0 0 0}
#store .addprod .sns button{}
#store .addprod .sns i{display:inline-block;width:3rem;height:3rem}
#store .addprod .sns .heart{position:absolute;top:0;right:0;margin:0 !important}
#store .addprod .sns .heart span{display:block;font-size:1rem}
#store .addprod .val{padding:0 0 1rem 0;font-size:1rem;color:#83878f} 
#store .addprod .tit em{display:block;font-size:1.2rem;color:#83878f}
#store .addprod .tit a{display:block;font-size:1.4rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#store .addprod .txt a{display:block;font-size:1.4rem}
#store .addprod .txt span{display:inline-block;padding:0 .5rem;font-size:1.2rem;font-weight:600;color:#999}
#store .addprod .prc strong{padding:0 .5rem 0 0;font-size:1.8rem}
#store .addprod .prc span{font-size:1.2rem}
#store .addprod .prc del{font-size:1.4rem;color:#83878f}
#store .addprod .etc{padding:1rem 0 0 0;font-size:0}
#store .addprod .etc span{display:inline-block;padding:0 .8rem 0 0;vertical-align:middle}
#store .addprod .etc i{display:inline-block;font-size:1.8rem;color:#4a4a4a;vertical-align:middle}
#store .addprod .etc em{display:inline-block;padding:0 .4rem;font-size:1.4rem;vertical-align:middle;color:#83878f}
#store .addprod .xi-thumbs-up,
#store .addprod .xi-heart{color:#3182f5 !important}
#store .addprod .str{padding:.2rem 0 0 0;font-size:0}
#store .addprod .str em{display:inline-block;padding:0 .6rem;font-size:1.2rem;vertical-align:middle;color:#242a38}
#store .addprod .star{display:inline-block;width:8rem;vertical-align:middle;background:url("/img/ico/star2.svg") no-repeat 0 50%;background-size:8rem auto}
#store .addprod .star span{display:block;height:1.6rem;background:url("/img/ico/star1.svg") no-repeat 0 50%;background-size:8rem auto}
#store .addprod .stt{padding:.5rem 0}
#store .addprod .stt span{display:inline-block;padding:.2rem .6rem;font-size:1.2rem;vertical-align:middle}
#store .addprod .stt .stt1{color:#da1a31;background:#fce4e4}
#store .addprod .stt .stt2{color:#009646;background:#e0fbec}
#store .addprod .btn{padding:2rem 0}
#store .addprod .btn .bt{display:block;width:100%;height:4.4rem;font-size:1.5rem;font-weight:500;color:#fff;border:.1rem solid #3182f5;background:#3182f5;border-radius:.4rem}
#store .waiting{padding:1.5rem 0;font-size:1.8rem;font-weight:300;color:#000}

.stores .text{padding:0 0 2rem 0}
.stores .text h4{padding:0 0 .4rem 0;font-size:1.6rem;font-weight:300;color:#3d3d3f}
.stores .form .title{padding:2rem 0}
.stores .form .title h3{padding:0 0 .4rem 0;line-height:1.2;font-size:2rem;color:#3d3d3f}
.stores .form .title p{line-height:1.2;font-size:1.2rem;font-weight:300;color:#999}
.stores .form .input{position:relative;margin:0 0 1.6rem 0}
.stores .form .input label{position:relative;display:inline-block/*;height:2rem*/;padding:0 0 .4rem 0;font-size:1.4rem;font-weight:600;color:#242a38}
.stores .form .input label i{padding:0 .2rem;color:#3182f5}
.stores .form .input input{padding:0 1.6rem;width:100%;height:4.5rem;font-size:1.4rem;color:#242a38;border:0;border:.1rem solid #e8e8ec;border-radius:.4rem}
.stores .form .input input:focus{border:.1rem solid #242a38;background:#f9f9f9}
.stores .form .input em{position:absolute;top:1.3rem;right:0;font-size:1.4rem;color:#f5183d}
.stores .form .input span{display:block;margin:0 0 1rem 0;font-size:1.4rem;font-weight:400;color:#999}
.stores .form .input p{padding:0 0 .8rem 0;font-size:1.4rem;font-weight:400;color:#6f6f6f}
.stores .form .input .bbt{font-size:1.5rem}
.stores .form .input .bbt i{float:right;position:relative;top:.5rem;display:inline-block;height:1.7rem;vertical-align:middle}
.stores .form .input .bbt img{display:block}
.stores .form .input .box{position:relative}
.stores .form .input .box select{padding:0 1.6rem;width:100%;height:4.5rem;font-size:1.4rem;color:#242a38;border:.1rem solid #e8e8ec;background:url("/img/ico/select.svg") no-repeat 98% 50% / 3rem auto;border-radius:.4rem}
.stores .form .input .box select:focus{border:.1rem solid #242a38;background:#f9f9f9}
.stores .form .input .box .inp{padding:0 1.6rem;line-height:4.5rem;font-size:1.4rem;color:#242a38;;border-bottom:.1rem solid #e8e8ec}
.stores .form .input.btn{padding:0;width:calc(100% - 11rem);text-align:left !important}
.stores .form .input.btn .bt{position:absolute;top:0;right:-11rem;display:block;width:10rem;height:4.5rem;line-height:4.5rem;font-size:1.2rem;text-align:center;color:#999;border:.1rem solid #aaa;background:#fff;border-radius:.4rem}
.stores .form .input.btn .bt:focus{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
.stores .form .input.btn .bt.act{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
.stores .form .input.btn .red{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
.stores .form .box.btn{position:relative;padding:0;width:calc(100% - 11rem)}
.stores .form .box.btn .bt{position:absolute;top:0;right:-11rem;display:block;width:10rem;height:4.5rem;line-height:4.5rem;font-size:1.4rem;text-align:center;color:#999;border:.1rem solid #aaa;background:#fff;border-radius:.4rem}
.stores .form .box.btn .bt:focus{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
.stores .form .box.btn .bt.act{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
.stores .form .box.btn .red{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
.stores .form .input.won{width:calc(100% - 2rem)}
.stores .form .input.won > label{display:inline-block;padding:0 2rem 1rem 0}
.stores .form .input.won > label i{position:absolute;top:.1rem;right:0;font-size:1.6rem}
.stores .form .input.won em{position:absolute;top:50%;transform:translateY(-50%);right:-2rem;color:#777 !important}
.stores .form .input.won input{/*margin:0 0 0 50%;width:50%;*/text-align:right}
.stores .form .input.won .rad{padding:0 0 .8rem 0}
.stores .form .input.won .rad label{display:block;font-size:1.4rem;font-weight:400;color:#242a38}
.stores .form .input.won .rad .checkbox + label:before{top:.3rem}
.stores .form .input.won .area{margin:.5rem -.5rem 1rem 0;font-size:0/*;text-align:center*/}
.stores .form .input.won .area .inner{display:inline-block;vertical-align:top}
.stores .form .input.won .area .item{display:block;margin:0 .5rem .5rem 0;font-size:1.4rem}
.stores .form .input.won .ckbox{display:none}
.stores .form .input.won .ckbox + label{display:block;position:relative;padding:1rem;font-size:1.4rem;color:#a3a3a3;border:.1rem solid #d3d3d3;border-radius:.4rem;cursor:pointer}
.stores .form .input.won .ckbox:checked + label{color:#fff;border:.1rem solid #3182f5;background:#3182f5}
.stores .form .input.won .ckbox + label em{display:none}
.stores .form .addstore{padding:1rem 0}
.stores .form .addstore .item{padding:1rem 0 0 0}
.stores .form .addstore .add{position:relative;width:9.4rem;height:9.4rem;border:.1rem solid #3182f5;border-radius:1rem}
.stores .form .addstore .add button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
.stores .form .addstore .add i{font-size:2rem;color:#3182f5}
.stores .form .addstore .add span{display:block;font-size:1.2rem;font-weight:400;color:#3182f5}
.stores .form .info{position:relative;margin:0 0 .4rem 0}
.stores .form .info label{font-size:1.4rem;vertical-align:middle}
.stores .form .info .checkbox + label:before{top:-.1rem}
.stores .form .info .rad{padding:0 0 .8rem 0}
.stores .form .info .rad label{padding-top:.2rem;font-size:1.4rem;font-weight:300}
.stores .form .info .tip{padding:0 0 2rem 2.5rem;font-size:1.2rem;color:#888}
.stores .form .info .total{margin:1rem 0 0 0;padding:1rem 0 0 0;border-top:.1rem solid #e8e8ec}
.stores .form .info .total dt{font-size:1.6rem;color:#242a38}
.stores .form .info .total dd{font-size:1.6rem;color:#3182f5}
.stores .form .radio{/**/font-size:0}
.stores .form .radio .inner{display:inline-block;padding:0 1.2rem 0 0}
.stores .form .radio .inner .item{display:block}
.stores .form .radio .inner .item label{padding:0 0 0 2.2rem;font-size:1.4rem;font-weight:400}
.stores .form .input.ups{width:calc(100% - 5rem)}
.stores .form .input.ups em{position:absolute;right:-5rem !important;color:#777 !important}
.stores .form .input .lot{position:absolute;top   :.2rem;right:0;font-size:1.4rem;font-weight:500;color:#999}
.stores .form .input .typ{position:absolute;top:-2rem;right:0;font-size:1.4rem;font-weight:500;color:#999}
.stores .form .input .txt{font-size:1.4rem;font-weight:300;color:#999}
.stores .form .all{font-weight:400;border:.1rem solid #f4f4f6;background:#f4f4f6}
.stores .form .check{padding:0 0 2rem 0}
.stores .form .check label{font-size:1.4rem;font-weight:400;color:#242a38}
.stores .form .check button{float:right;font-size:1.4rem;font-weight:400;color:#242a38;text-decoration:underline}
.stores .form .cross{display:none;position:absolute;bottom:1.5rem;right:0;width:2rem;height:2rem;background:url("/img/member/cross.svg") no-repeat 50% 50%}
/*.stores .form .feed{margin:.4rem 0 0 0;padding:0 0 0 1.8rem;font-size:1.2rem;text-align:left !important;color:#f5183d;background:url("/img/ico/ico_feed.svg") no-repeat 0 .4rem}
.stores .form .feed button{float:right;font-size:1.2rem;font-weight:400;color:#83878f;text-decoration:underline}
*/.stores .form .input .prdadd{margin:0 !important;padding:1rem 0 0 0 !important}
.stores .form .prdadd{position:relative;margin:0 0 2rem 0;padding:0 0 2rem 0;overflow:hidden}
.stores .form .prdadd label{position:relative;display:block/*;height:2rem*/;padding:0 0 .8rem 0;font-size:1.4rem;font-weight:600;color:#242a38}
.stores .form .prdadd label i{padding:0 .2rem;color:#3182f5}
.stores .form .prdadd .lot{position:absolute;top   :.2rem;right:0;font-size:1.4rem;font-weight:500;color:#999}
.stores .form .prdadd .swiper-slide{width:auto !important}
.stores .form .prdadd .area{position:relative;padding:1rem;font-size:1.4rem;border:.1rem solid #ccc;border-radius:.4rem}
.stores .form .prdadd .area button{position:absolute;top:-.5rem;right:-.5rem;width:2rem;height:2rem;background:url("/img/ico/cross_red.svg") no-repeat 50% 50% / 100% auto}
.stores .form .prdadd .area button span{display:none}
.stores .form .prdadd .img{position:relative}
.stores .form .prdadd .img img{display:block;width:9.4rem;height:9.4rem;border-radius:1rem}
.stores .form .prdadd .img button{position:absolute;top:-.6rem;right:-.6rem;width:2.2rem;height:2.2rem;background:url("/img/ico/cross_red.svg") no-repeat 50% 50% / 100% auto}
.stores .form .prdadd .img button span{display:none}
.stores .form .prdadd .image{width:9.4rem;height:9.4rem}
.stores .form .prdadd .add{position:relative;width:9.4rem;height:9.4rem;border:.1rem solid #3182f5;border-radius:1rem}
.stores .form .prdadd .add button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
.stores .form .prdadd .add i{font-size:2rem;color:#3182f5}
.stores .form .prdadd .add span{display:block;font-size:1.2rem;font-weight:400;color:#3182f5}
.stores .form .btn{padding:0 0 2rem 0;text-align:center}
.stores .form .btn button{display:block;width:100%;height:4.6rem;font-size:1.5rem;font-weight:500;color:#fff;border:.1rem solid #3182f5;background:#3182f5;border-radius:.4rem}
.stores .form .btn button + button{margin:.7rem 0 0 0;color:#3182f5;border:.1rem solid #3182f5;background:#fff}
.stores .form .btn .bt_none{border:.1rem solid #fff}
.stores .form .btt{padding:0 0 2rem 0;text-align:right}
.stores .form .btt button{display:inline-block;font-size:1.4rem;font-weight:500;color:#333;border-bottom:.1rem solid #333}
.stores .form .input.ups{width:calc(100% - 5rem)}
.stores .form .input.ups em{position:absolute;right:-5rem !important;color:#777 !important}
.stores .form .input .lot{position:absolute;top:.4rem;right:0;font-size:1.2rem;font-weight:500;color:#999}
.stores .form .input .typ{position:absolute;top:-2rem;right:0;font-size:1.2rem;font-weight:500;color:#999}
.stores .form .input .txt{padding:0 0 .8rem 0;font-size:1.6rem;font-weight:300;color:#999}
.stores .form .all{font-weight:400;border:.1rem solid #f4f4f6;background:#f4f4f6}
.stores .form .check{padding:0 0 2rem 0}
.stores .form .check label{font-size:1.4rem;font-weight:400;color:#242a38}
.stores .form .check button{float:right;font-size:1.4rem;font-weight:400;color:#242a38;text-decoration:underline}
.stores .form .cross{display:none;position:absolute;bottom:1.5rem;right:0;width:2rem;height:2rem;background:url("/img/member/cross.svg") no-repeat 50% 50%}
.stores .form .del{position:absolute;bottom:1.3rem;right:5rem;width:2rem;height:2rem;background:url("/img/ico/cross.svg") no-repeat 50% 50%}
/*.stores .form .feed{margin:.4rem 0 0 0;padding:0 0 0 1.8rem;font-size:1.2rem;color:#f5183d;background:url("/img/ico/ico_feed.svg") no-repeat 0 .4rem}
.stores .form .feed button{float:right;font-size:1.2rem;font-weight:400;color:#83878f;text-decoration:underline}
*/.stores .form .switch{position:absolute;top:0;right:0}
.stores .form .btnn{position:absolute;top:1.2rem;right:1.6rem;height:2.1rem;font-size:1.2rem;color:#999}
.ui-datepicker-trigger,
.stores .form .date{position:absolute;top:1.2rem;right:1.6rem;width:2rem;height:2.1rem;background:url("/img/ico/date.svg") no-repeat 50% 50%}
.hasDatepicker{background-image:url("/img/ico/date.svg") !important;background-repeat:no-repeat !important;background-position:95% 50% !important}
.stores .form .att .bt{display:block;margin:0 0 1rem 0;padding:0 1rem;line-height:4.4rem;font-size:1.5rem;font-weight:500;color:#fff;border:.1rem solid #3182f5;background:#3182f5;border-radius:.4rem}
.stores .form .att .bt_add{display:flex;justify-content:flex-start;align-items:center;width:100%;color:#3182f5;border:.1rem solid #eff6fa;background:#eff6fa}
.stores .form .button{text-align:center}
.stores .form .button .bt{display:block;margin:0 0 2rem 0;padding:0 1rem;line-height:4.4rem;font-size:1.5rem;font-weight:500;color:#fff;border:.1rem solid #3182f5;background:#3182f5;border-radius:.4rem}
.stores .form .button .bt_add{color:#3182f5;border:.1rem solid #3182f5;background:#fff}

.stores .form .state{padding:1rem 0;line-height:2.5rem;font-size:1.2rem;color:#242a38;border:0;border-bottom:.1rem solid #e8e8ec}
.stores .form .keyword .con{font-size:0}
.stores .form .keyword .con button{display:inline-block;margin:0 .4rem .4rem 0;padding:1rem .8rem;font-size:1.4rem;font-weight:400;color:#54575C;border:.1rem solid #e8e8ec;border-radius:.4rem}
.stores .form .keyword .con button i{display:inline-block;margin:-.4rem 0 0 .5rem;width:1.5rem;height:1.5rem;vertical-align:middle;background:url("/img/ico/close.svg") no-repeat 50% 50% / .9rem auto}
.stores .form .keyword .btn button{height:4rem;font-size:1.4rem;font-weight:400}
.stores .textarea textarea{display:block;padding:1.6rem;width:100%;height:12rem;font-size:1.4rem;border:.1rem solid #e8e8ec;border-radius:.4rem;resize:none}
.stores .textarea textarea:focus{border:.1rem solid #242a38;background:#f9f9f9}
.stores .complete{padding:12rem 0;text-align:center}
.stores .complete .welcome .img{padding:0 0 2rem 0;text-align:center;background: url("/img/member/step2_bg.svg") no-repeat 50%}
.stores .complete .img{padding:2rem 24%;overflow:hidden}
.stores .complete .img img{display:block;margin:0 auto;width:auto;max-width:100%;height:auto}
.stores .complete .tit{font-size:2rem;font-weight:600;color:#242a38}
.stores .complete .txt{padding:1rem 0;font-size:1.4rem;font-weight:400;color:#83878f}
.stores .addprod .item{font-size:0}
.stores .addprod .item h3{padding:0 0 1rem 0;font-size:1.6rem;font-weight:400;vertical-align:middle;color:#83878f}
.stores .addprod .item .img{display:inline-block;width:15rem;height:15rem;vertical-align:top}
.stores .addprod .item .img img{width:auto;max-height:100%;height:auto}
.stores .addprod .item .box{display:inline-block;width:calc(100% - 15rem);padding:0 1rem;vertical-align:top}
.stores .addprod .box{padding:.5rem 0 0 0}
.stores .addprod .sns{position:relative;margin:1rem 0 0 0}
.stores .addprod .sns i{display:inline-block;width:3rem;height:3rem}
.stores .addprod .sns .heart{position:absolute;top:0;right:0;margin:0 !important}
.stores .addprod .sns .heart span{display:block;font-size:1rem}
.stores .addprod .val{padding:0 0 1rem 0;font-size:1rem;color:#83878f} 
.stores .addprod .tit em{display:block;font-size:1.2rem;color:#83878f}
.stores .addprod .tit a{display:block;font-size:1.4rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.stores .addprod .txt a{display:block;font-size:1.4rem}
.stores .addprod .txt span{display:inline-block;padding:0 .5rem;font-size:1.2rem;font-weight:600;color:#999}
.stores .addprod .prc strong{padding:0 .5rem 0 0;font-size:1.8rem}
.stores .addprod .prc span{font-size:1.2rem}
.stores .addprod .prc del{font-size:1.4rem;color:#83878f}
.stores .addprod .etc{padding:1rem 0 0 0;font-size:0}
.stores .addprod .etc span{display:inline-block;padding:0 .8rem 0 0;vertical-align:middle}
.stores .addprod .etc i{display:inline-block;font-size:1.8rem;color:#4a4a4a;vertical-align:middle}
.stores .addprod .etc em{display:inline-block;padding:0 .4rem;font-size:1.4rem;vertical-align:middle;color:#83878f}
.stores .addprod .xi-thumbs-up,
.stores .addprod .xi-heart{color:#3182f5 !important}
.stores .addprod .str{padding:.2rem 0 0 0;font-size:0}
.stores .addprod .str em{display:inline-block;padding:0 .6rem;font-size:1.2rem;vertical-align:middle;color:#242a38}
.stores .addprod .star{display:inline-block;width:8rem;vertical-align:middle;background:url("/img/ico/star2.svg") no-repeat 0 50%;background-size:8rem auto}
.stores .addprod .star span{display:block;height:1.6rem;background:url("/img/ico/star1.svg") no-repeat 0 50%;background-size:8rem auto}
.stores .addprod .stt{padding:.5rem 0}
.stores .addprod .stt span{display:inline-block;padding:.2rem .6rem;font-size:1.2rem;vertical-align:middle}
.stores .addprod .stt .stt1{color:#da1a31;background:#fce4e4}
.stores .addprod .stt .stt2{color:#009646;background:#e0fbec}
.stores .addprod .btn{padding:2rem 0 0 0}
.stores .addprod .btn .bt{display:block;width:100%;height:4.4rem;font-size:1.5rem;font-weight:500;color:#fff;border:.1rem solid #3182f5;background:#3182f5;border-radius:.4rem}
.stores .waiting{padding:1.5rem 0;font-size:1.8rem;font-weight:300;color:#000}


#addprod .title{padding:1.6rem 0}
#addprod .title h3{padding:0 0 .5rem 0;line-height:1.2;font-size:1.8rem;font-weight:600;color:#3d3d3f}
#addprod .title p{font-size:1.4rem;color:#999}
#addprod .button{position:relative;bottom:auto !important}
#addprod .button button{display:flex;align-items:center;justify-content:center;gap:.8rem;width:100%;height:4.6rem;font-size:1.6rem;font-weight:600;text-align:center;color:#fff;background:#313131;border-radius:.4rem}
#addprod .button i{color:#fff}
#addprod .button .pop_open{color:#525252;border:.1rem solid #aaa;background:#fff}
#addprod .button .pop_open i{color:#525252}

#space .title{padding:0 0 2rem 0}
#space .title h3{font-size:1.8rem;font-weight:600;color:#000}
#space .title p{font-size:1.4rem;font-weight:400;color:#2F2F2F}
#space .btnn{padding:0 0 2rem 0}
#space .btnn button{display:block;padding:1.5rem;width:100%;font-size:1.4rem;font-weight:500;color:#3182f5;background:#eff6fa;border-radius:.4rem}
#space .greet{padding:1.5rem 0;font-size:1.5rem;font-weight:300;color:#000}
#space .greet h4{font-size:2rem;font-weight:500;color:#000}
#space .space{display:flex;align-items:flex-start;justify-content:center;border:.1rem solid #c6c6c6;background:#fff;border-radius:.4rem;overflow: hidden;}
#space .space .inner{width:25%}
#space .space .inner .item{display:flex;align-items:center;flex-direction:column}
#space .space .inner .item dt{display:flex;align-items:center;justify-content:center;width:100%;height:3.6rem;font-size:1.4rem;font-weight:700;color:#494949;background:#f3f3f3}
#space .space .inner .item dd{display:flex;align-items:center;justify-content:center;width:100%;height:3.6rem;font-size:1.4rem;font-weight:700}
#space .space .inner .ico1{color:#000}
#space .space .inner .ico1 i{display:inline-block;width:3rem;height:3rem;vertical-align:middle;background:url(../img/ico/ico_delivery.svg) no-repeat 50% 50% / 2rem auto}
#space .space .inner .ico2{color:#3182f5}
#space .space .inner .ico2 i{display:inline-block;width:3rem;height:3rem;vertical-align:middle;background:url(../img/ico/ico_pickup.svg) no-repeat 50% 50% / 2rem auto}
#space .times{display:flex;align-items:center;justify-content:space-between;position:relative;height:9rem}
#space .times dl{position:relative;color:#494949}
#space .times dt{display:block;font-size:1.6rem;font-weight:400}
#space .times dd{display:block;font-size:2.4rem;font-weight:600}
#space .times .switchy{text-align:center}
#space .prepare{color:#777}
#space .prepare{color:#777}
#space .report{display:flex;flex-direction:column;gap:.8rem;position:relative}
#space .report .item{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;position:relative;padding:1.2rem 1.6rem 1.2rem 3.6rem;background:#f6f6f6;border-radius:.5rem}
#space .report .item i{position:absolute;top:1rem;left:1.4rem;font-size:1.8rem;color:#3182f5}
#space .report .item span{font-size:1.4rem;font-weight:400;color:#555}
#space .report .item strong{font-size:1.4rem;font-weight:700;color:#555}
#space .sales{display:flex;align-items:center;height:6rem}
#space .sales dl{display:flex;align-items:center;justify-content:flex-end;gap:1.6rem;position:relative;width:100%}
#space .sales dt{display:block;font-size:1.4rem;font-weight:500;color:#888}
#space .sales dd{display:block;font-size:2.2rem;font-weight:600}
#space .boxed{padding:1.5rem;background:#efefef;border-radius:.4rem}
#space .boxed h4{font-size:1.4rem;color:#2f2f2f}
#space .boxed p{font-size:1.3rem;color:#2f2f2f}
#space .btn{position:relative;margin:1.5rem 0 0 0}
#space .btn button{display:block;padding:1.5rem;width:100%;font-size:1.4rem;font-weight:500;text-align:left;color:#3182f5;background:#eff6fa;border-radius:.4rem}
#space .btn i{position:absolute;top:50%;transform:translateY(-50%);right:1.5rem}

#greet .greet{display:flex;flex-direction:column;gap:.8rem;padding:1.6rem 0;font-size:1.4rem;color:#6f6f6f}
#greet .greet h3{font-size:1.8rem;font-weight:300;color:#6f6f6f}
#greet .greet h4{font-size:2rem;font-weight:500;color:#222}
#greet .btn{position:relative;margin:1.5rem 0 0 0}
#greet .btn button{display:block;padding:1.5rem;width:100%;font-size:1.4rem;font-weight:500;text-align:left;color:#3182f5;background:#eff6fa;border-radius:.4rem}
#greet .btn i{position:absolute;top:50%;transform:translateY(-50%);right:1.5rem}

#greet .waiting{display:flex;padding:1.6rem 0 0 0}
#greet .waiting i{padding:.3rem .3rem 0 0;font-size:2rem}

#pop_modal2001{background:rgb(0 0 0 / 40%)}
#pop_modal2001 .btns{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:.4rem;overflow:hidden}
#pop_modal2001 .btns button{display:block;padding:1.5rem;width:22rem;font-size:1.6rem;font-weight:500;text-align:center;color:#333;border-bottom:.1rem solid #eee;background:#fff}
#pop_modal2001 .btns .pop_close button{background:#f1f1f1}

#pop_modal2002{background:rgb(0 0 0 / 40%)}
#pop_modal2002 h4{line-height:5rem;font-size:1.6rem;text-align:center;border-bottom:.1rem solid #ddd;background:#fafafa}
#pop_modal2002 .btns{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:.4rem;overflow:hidden}
#pop_modal2002 .btns button{display:block;padding:1.5rem;width:30rem;font-size:1.4rem;font-weight:500;text-align:center;color:#333;border-bottom:.1rem solid #eee;background:#fff}
#pop_modal2002 .btns .pop_close button{background:#f1f1f1}

#pop_modal2003{background:rgb(0 0 0 / 40%)}
#pop_modal2003 h4{line-height:5rem;font-size:1.6rem;text-align:center;border-bottom:.1rem solid #ddd;background:#fafafa}
#pop_modal2003 .btns{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:.4rem;overflow:hidden}
#pop_modal2003 .btns button{display:block;padding:1.5rem;width:30rem;font-size:1.4rem;font-weight:500;text-align:center;color:#333;border-bottom:.1rem solid #eee;background:#fff}
#pop_modal2003 .btns .pop_close button{background:#f1f1f1}

#join .button{padding-top:4rem;background:#fff}
#join .index{padding:4rem 0 0 0}
#join .index .title{padding:4rem 0 2rem 0}
#join .index .title h2{padding:0 0 1rem 0;line-height:1.2;font-size:2.2rem;font-weight:500;color:#3d3d3f}
#join .index .title h2 strong{color:#3182f5}
#join .index .title p{font-size:1.4rem;color:#999}
#join .index .khtitle{padding:4rem 0 2rem 0}
#join .index .khtitle h2{padding:0 0 4.5rem 0;line-height:1.2;font-size:2.2rem;font-weight:500;color:#3d3d3f}
#join .index .khtitle h2 strong{color:#3182f5}
#join .index .khtitle p{font-size:1.4rem;color:#999}
#join .index .contain{padding:0 0 3rem 0}
#join .index .contain h3{padding:1.5rem 0;font-size:1.5rem;font-weight:500;color:#3d3d3f;border-bottom:.1rem solid #eee}
#join .index .contain dl{padding:1.5rem 0 1.5rem 6rem;background-repeat:no-repeat;background-position:0 50%}
#join .index .contain dt{font-size:1.5rem;font-weight:500;color:#3d3d3f}
#join .index .contain dd{font-size:1.2rem;font-weight:300;color:#999}
#join .index .contain .ico1{background-image:url("/img/member/ico1.svg")}
#join .index .contain .ico2{background-image:url("/img/member/ico2.svg")}
#join .index .contain .ico3{background-image:url("/img/member/ico3.svg")}
#join .index .contain .ico4{background-image:url("/img/member/ico4.svg")}
#join .index .contain .ico5{background-image:url("/img/member/ico5.svg")}
/*#join .greet{padding:5rem 0 30rem 0;background:url("/img/ico/welcome.svg") no-repeat 50% 100%}*/
#join .greet{padding:2rem 0}
#join .greet h3{font-size:1.7rem;font-weight:400;color:#6f6f6f}
#join .greet .txt{line-height:1.3;font-size:1.7rem}
#join .greet .txt strong{color:#3C9C5E}
#join .greet + .tar{padding:0 0 1rem 0}
#join .greet + .tar button{font-size:1.3rem;border-bottom:.1rem solid #aaa}
#join .greet .img{padding:0 10%;text-align:center}
#join .greet .img img{display:block;width:auto;max-width:100%;height:auto}

#join .jointit .welcome .tit{font-size:2.4rem;font-weight:700;color:#3d3d3f}
#join .jointit .welcome .txt{font-size:1.6rem;color:#999}

.fixbtn .prodadd{padding:0 1.6rem}
.prodadd{position:relative}
.prodadd label{position:relative;display:block;padding:0 0 1rem 0;font-size:1.4rem;font-weight:600;color:#242a38}
.prodadd .wrap{display:flex;align-items:center;padding-right:.8rem !important}
.prodadd .khwrap{display:flex;justify-content:space-between;padding-right:.8rem !important}
.prodadd .inner{width:20%}
.prodadd .item{margin:0 .8rem .8rem 0}
.prodadd .lot{position:absolute;top:.2rem;right:0;font-size:1.4rem;font-weight:500;color:#999}
.prodadd .swiper-slide{width:auto !important}
.prodadd .swiper-wrapper{align-items:flex-end}
.prodadd .img{position:relative;margin:0 !important}
.prodadd .img img{display:block;width:9.4rem;height:9.4rem;border-radius:.4rem}
.prodadd .img button{position:absolute;top:-.6rem;right:-.6rem;width:2.2rem;height:2.2rem;background:url("/img/ico/cross_red.svg") no-repeat 50% 50% / 100% auto}
.prodadd .img button span{display:none}
.prodadd .image{width:100%;padding:0 0 100% 0}
.prodadd .add{position:relative;width:9.4rem;height:9.4rem;border:.1rem solid #3182f5;border-radius:1rem}
.prodadd .add button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
.prodadd .add i{font-size:2rem;color:#3182f5}
.prodadd .add span{display:block;font-size:1.2rem;font-weight:400;color:#3182f5}

/*#join .joinform{min-height:100vh}*/

#join .form .title{padding:2rem 0/* 6rem 0*/}
#join .form .title h3{padding:0 0 .4rem 0;line-height:1.2;font-size:2rem;color:#3d3d3f}
#join .form .title p{line-height:1.2;font-size:1.2rem;font-weight:300;color:#999}
#join .form .find{margin:0 auto;padding:1rem 0;width:24rem;font-size:1.6rem;text-align:center;background:#e8e8e8;border-radius:.4rem}
#join .form .joinday{padding:.5rem 0;font-size:1.2rem;text-align:center;color:#5b5b5b}
#join .form .input{display:flex;flex-direction:column;gap:1rem;position:relative}
#join .form .input + .input{margin-top:2rem}
#join .form .input label{position:relative;display:block;font-size:1.4rem;font-weight:600;text-align:left !important;color:#242a38}
#join .form .input label i{padding:0 .2rem;color:#3182f5}
#join .form .input input{padding:0 .8rem;width:100%;height:4.5rem;font-size:1.4rem;color:#242a38;border:0;border:.1rem solid #c8c8c8;border-radius:.4rem}
#join .form .input input:focus{border:.1rem solid #242a38;background:#f9f9f9}
#join .form .input em{position:absolute;top:1.6rem;right:1.4rem;font-size:1.2rem;color:#f5183d}
#join .form .input p{padding:0 0 .8rem 0;font-size:1.4rem;font-weight:400;color:#6f6f6f}
#join .form .input .box{position:relative}
#join .form .input.btn{width:calc(100% - 10rem)}
#join .form .input.btn .bt{position:absolute;top:0;right:-10rem;display:block;padding:0 !important;width:9rem;height:4.5rem;line-height:4.5rem;font-size:1.2rem;text-align:center;color:#999;border:.1rem solid #aaa;background:#fff;border-radius:.2rem}
#join .form .input.btn .bt:focus{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
#join .form .input.btn .bt.act{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
#join .form .input.btn .red{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
/*#join .form .box{position:relative;padding:0 0 .8rem 0}*/
#join .form .box.btn{position:relative;width:calc(100% - 13rem)}
#join .form .box.btn .bt{position:absolute;top:0;right:-13rem;display:block;width:12rem;height:4.5rem;line-height:4.5rem;font-size:1.2rem;text-align:center;color:#999;border:.1rem solid #aaa;background:#fff;border-radius:.4rem}
#join .form .box.btn .bt:focus{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
#join .form .box.btn .bt.act{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
#join .form .box.btn .red{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
#join .form .text{margin-top:4rem}
#join .form .text .item{padding:0 0 .5rem 0}
#join .form .text .item a{display:inline-block;line-height:2.2rem;font-size:1.4rem;color:#777;border-bottom:.1rem solid #999}

#join .form .change h4{padding:.5rem 0;font-size:1.4rem;font-weight:300;color:#3d3d3f}
#join .form .change .bt{height:5rem;font-size:1.4rem;color:#3182f5;border:.1rem solid #3182f5;background:#fff;border-radius:.4rem}
#join .form .input.ups{width:calc(100% - 5rem)}
#join .form .input.ups em{position:absolute;right:-5rem !important;color:#777 !important}
#join .form .input .lot{position:absolute;top:.2rem;right:0;font-size:1.2rem;font-weight:500;color:#999}
#join .form .input .typ{position:absolute;top:-2rem;right:0;font-size:1.2rem;font-weight:500;color:#999}
#join .form .input .txt{padding:0 0 .8rem 0;font-size:1.6rem;font-weight:300;color:#999}
#join .form .all{font-weight:400;border:.1rem solid #f4f4f6;background:#f4f4f6}
#join .form .check{padding:1rem 0 2rem 0}
#join .form .check label{font-size:1.5rem;font-weight:400;color:#242a38}
#join .form .check button{float:right;font-size:1.4rem;font-weight:400;color:#242a38;text-decoration:underline}
#join .form .cross{display:none;position:absolute;bottom:1.5rem;right:0;width:2rem;height:2rem;background:url("/img/member/cross.svg") no-repeat 50% 50%}
#join .form .del{position:absolute;bottom:1.3rem;right:5rem;width:2rem;height:2rem;background:url("/img/ico/cross.svg") no-repeat 50% 50%}
/*#join .form .feed{margin:.4rem 0 0 0;padding:0 0 0 1.8rem;font-size:1.2rem;color:#f5183d;background:url("/img/ico/ico_feed.svg") no-repeat 0 .2rem}
#join .form .feed button{float:right;font-size:1.2rem;font-weight:400;color:#83878f;text-decoration:underline}
*/#join .form .input.won{width:calc(100% - 2rem)}
#join .form .input.won > label{display:inline-block;padding:0 2rem 1rem 0}
#join .form .input.won > label i{position:absolute;top:.1rem;right:0;font-size:1.6rem}
#join .form .input.won em{position:absolute;top:50%;transform:translateY(-50%);right:-2rem;color:#777 !important}
#join .form .input.won input{/*margin:0 0 0 50%;width:50%;*/text-align:right}
#join .form .input.won .rad{padding:0 0 .8rem 0}
#join .form .input.won .rad label{display:block;font-size:1.4rem;font-weight:400;color:#242a38}
#join .form .input.won .rad .checkbox + label:before{top:.3rem}
#join .form .input.won .area{margin:.5rem -.5rem 1rem 0;font-size:0/*;text-align:center*/}
#join .form .input.won .area .inner{display:inline-block;vertical-align:top}
#join .form .input.won .area .item{display:block;margin:0 .5rem .5rem 0;font-size:1.4rem}
#join .form .input.won .ckbox{display:none}
#join .form .input.won .ckbox + label{display:block;position:relative;padding:1rem;font-size:1.4rem;color:#a3a3a3;border:.1rem solid #d3d3d3;border-radius:.4rem;cursor:pointer}
#join .form .input.won .ckbox:checked + label{color:#fff;border:.1rem solid #3182f5;background:#3182f5}
#join .form .input.won .ckbox + label em{display:none}

#join .form .info{position:relative;margin:0 0 1rem 0}
#join .form .info label{font-size:1.4rem;vertical-align:middle}
#join .form .info .checkbox + label:before{top:-.1rem}
#join .form .info .tit{padding:2rem 0;font-size:1.6rem}
#join .form .info .rad{padding:0 0 .8rem 0}
#join .form .info .rad label{justify-content:flex-start;gap:.5rem;padding-top:.2rem;font-size:1.6rem;font-weight:400}
#join .form .info .tip{padding:0 0 2rem 2.5rem;font-size:1.2rem;color:#888}
#join .form .info .total{margin:1rem 0 0 0;padding:1rem 0 0 0;border-top:.1rem solid #e8e8ec}
#join .form .info .total dt{font-size:1.6rem;color:#242a38}
#join .form .info .total dd{font-size:1.6rem;color:#3182f5}
#join .textarea textarea{display:block;padding:1.6rem;width:100%;height:12rem;font-size:1.4rem;border:.1rem solid #c0c0c0;border-radius:.4rem;resize:none}
#join .textarea textarea:focus{border:.1rem solid #242a38;background:#f9f9f9}
#join .form .gender{position:relative;padding:0 0 1rem 0}
#join .form .gender > label{display:block;;padding:1rem 0;font-size:1.4rem;font-weight:600;color:#242a38}
#join .form .gender ul{margin:0 -1rem 0 0;font-size:0}
#join .form .gender li{display:inline-block;width:33.33%}
#join .form .gender li label{display:block;line-height:4.5rem;font-size:1.4rem;font-weight:400;text-align:center;color:#242a38;border:.1rem solid #e1e1e5}
#join .form .gender li input{display:none}
#join .form .gender li input:checked + label{color:#fff;border:.1rem solid #3182f5;background:#3182f5}
#join .form .gender li:first-child label{border-right:0 !important;border-radius:.4rem 0 0 .6rem}
#join .form .gender li:last-child label{border-left:0 !important;border-radius:0 .6rem .6rem 0}
#join .form .date{position:absolute;top:1.1rem;right:1.5rem;width:2rem;height:2.1rem;background:url("/img/ico/date.svg") no-repeat 50% 50%}
/*#join .form .btn{margin:1rem 0 0 0}*/
#join .form .btn .bt{display:block;padding:0 1rem;line-height:4.4rem;font-size:1.5rem;font-weight:500;color:#fff;border:.1rem solid #3182f5;background:#3182f5;border-radius:.4rem}
#join .form .btn .bt_add{display:flex;justify-content:flex-start;align-items:center;color:#3182f5;border:.1rem solid #eff6fa;background:#eff6fa}
#join .form .btn .bt_gray{color:#333;border:.1rem solid #eee;background:#eee}
#join .form .btn + .btn{margin:1rem 0 0 0}
#join .form .opt{padding:2rem 0;text-align:center}
#join .form .opt button{padding:0 .8rem;font-size:1.4rem}
#join .form .opt button + button{border-left:.1rem solid #ddd}
#join .consent{padding:1rem 0 0 0}
#join .consent fieldset{border:.1rem solid #c0c0c0;border-radius:.3rem;overflow:hidden}
#join .consent .all{margin:0 0 1rem 0;padding-top:1rem !important;font-weight:400;border:.1rem solid #f4f4f6;background:#f4f4f6}
#join .consent .check{padding:1rem;padding-top:0}
#join .consent .check label{font-size:1.4rem;font-weight:400;color:#242a38}
#join .consent .check button{float:right;font-size:1.2rem;font-weight:400;color:#242a38;text-decoration:underline}
#join .complete{padding:6rem 0;text-align:center}
#join .complete .img{padding:2rem 24%}
#join .complete .img img{display:block;margin:0 auto;width:auto;max-width:100%;height:auto}
#join .complete .tit{font-size:2rem;font-weight:600;color:#242a38}
#join .complete .txt{padding:1rem 0;font-size:1.4rem;font-weight:400;color:#83878f}
#join .bottom{padding:12rem 0 1rem 0;text-align:center}
#join .bottom .question{padding:0 0 .5rem 0;font-size:1.2rem}
#join .bottom .join button{font-size:1.4rem;font-weight:600}
#join .jointit .text{padding:4rem 0}
#join .jointit .text h3{font-size:1.8rem;font-weight:400;color:#6f6f6f}
#join .jointit .welcome .img{text-align:center}
#join .jointit .welcome .tit{font-size:2.4rem;font-weight:700;color:#3d3d3f}
#join .jointit .welcome .txt{font-size:1.6rem;color:#999}
#join .jointxt .type{padding:0 0 5rem 0}
#join .jointxt .type li{padding:0 3rem;line-height:2;font-size:2rem;background:url("/img/member/check.svg") no-repeat 0 .5rem}
#join .jointxt .text{padding:0 0 4rem 0;font-size:1.6rem;font-weight:400;color:#6f6f6f}

#ktplay .khguide .text{padding:2rem 0}
#ktplay .khguide .text h3{line-height:1.2;font-size:2rem;font-weight:300;color:#3d3d3f}
#ktplay .khguide .text h3 span{color:#000}
#ktplay .khguide .text h4{padding:0 0 3rem 0;font-size:1.4rem;font-weight:300;color:#3d3d3f}

#finish .complete{padding:9rem 2.4rem;text-align:center}
#finish .complete .img{position:relative}
#finish .complete .img:before{content:'';position:absolute;z-index:1;top:50%;left:50%;margin:-8rem 0 0 -8rem;width:16rem;height:16rem;background:#f0f0f0;border-radius:16rem}
#finish .complete .img img{position:relative;z-index:2}
#finish .complete .tit{padding:4rem 0;font-size:1.8rem;font-weight:400;color:#3d3d3d}
#finish .complete .txt{font-size:1.4rem;font-weight:400;color:#999}

#stats{padding:1.6rem 0 0 0}
#stats .info{padding:0 0 2rem 0}
#stats .info .inner{padding:1rem;border:.1rem solid #ddd;background:#f8f8f8;border-radius:.4rem}
#stats .info .inner + .inner{border:.1rem solid transparent;background:none;border-radius:0}
#stats .info .item{display:flex;width:100%;justify-content:space-between;align-items:center}
#stats .info .item dt{font-size:1.4rem}
#stats .info .item dd{font-size:1.4rem}
#stats .tabs{padding:2rem 0;text-align:center}
#stats .tabs ul{display:inline-block;height:3.5rem;background:#f5f5f5;border-radius:3rem}
#stats .tabs li{display:inline-block}
#stats .tabs li button{display:inline-block;position:relative;top:.2rem;width:6rem;height:3rem;font-size:1.4rem;text-align:center;color:#777;background:#f5f5f5;border-radius:3rem}
#stats .tabs .act button{color:#fff;background:#3182f5}
#stats .btn{display:flex;align-items:center;justify-content:flex-end;margin-top:1.4rem}
#stats .btn .bt-accrue{display:flex;align-items:center;justify-content:center;min-width:9.2rem;height:3.2rem;font-size:1.2rem;font-weight:600;;color:#545454;border:.1rem solid #545454;border-radius:3rem}
#stats .btns{padding:1rem 0 0 0;text-align:center}
#stats .btns button{display:block;width:100%;line-height:4.5rem;font-size:1.5rem;font-weight:500;color:#3182f5;border:.1rem solid #3182f5;background:#fff;border-radius:.4rem}

#stats .stats .inner + .inner{margin-top:2rem}
#stats .stats .item{padding:0 0 2rem 0}
#stats .stats .tit{display:flex;width:100%;justify-content:space-between;align-items:center;margin:0 0 1.4rem 0;padding:0 0 1.4rem 0;border-bottom:.1rem solid #f5f5f5}
#stats .stats .tit h3{font-size:1.8rem}
#stats .stats .tit p{color:#3182f5}
#stats .stats .tit ins{font-size:1.6rem;text-decoration:underline}
#stats .stats .sub{display:flex;flex-direction:column;gap:.5rem}
#stats .stats .sub dl{display:flex;width:100%;justify-content:space-between;align-items:center}
#stats .stats .sub dd{font-size:1.6rem}
#stats .stats .sub strong{font-size:1.6rem}
#stats .stats .sub span{font-size:1.6rem}

#stats .stand{margin:0 -1rem 0 0;font-size:0}
#stats .stand .inner{display:inline-block;text-align:center;vertical-align:top}
#stats .stand .item{margin:0 .5rem .5rem 0;padding:1.8rem 0;border:.1rem solid #ccc;border-radius:1rem;box-shadow:.5rem .5rem 1rem rgb(0 0 0 /10%)}
#stats .stand .item span{display:block;font-size:1.2rem;font-weight:400;color:#6f6f6f}
#stats .stand .item strong{display:block;padding:.5rem 0 0 0;font-size:1.6rem;font-weight:600;color:#6f6f6f}
#stats .stand .act .item{border:.1rem solid #3182f5;background:#3182f5}
#stats .stand .act span{color:#fff}
#stats .stand .act strong{color:#fff}
#stats .stand.col1 .inner{width:100%}
#stats .stand.col2 .inner{width:50%}
#stats .stand.col3 .inner{width:33.33%}
#stats .stand.col4 .inner{width:25%}
#stats .stand.col5 .inner{width:20%}
#stats .stand.col6 .inner{width:16.66%}

#stats .step{display:flex;align-items:center;gap:.8rem}
#stats .step .inner{width:100%}
#stats .step .item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;height:7rem;border:.1rem solid #ccc;box-shadow:.5rem .5rem 1rem rgb(0 0 0 /10%);border-radius:.4rem;overflow:hidden}
#stats .step .item span{min-width:6rem;font-size:1.2rem;font-weight:600;;text-align:center;color:#6f6f6f}
#stats .step .item strong{font-size:1.5rem;font-weight:700;color:#090909}
#stats .step .act .item{border:.1rem solid #000;background:#000}
#stats .step .act span{font-weight:300;color:#fff}
#stats .step .act strong{font-weight:300;color:#fff}

#stats .sharing{margin:0 0 0 .8rem;padding:0 .8rem;height:2rem;font-size:1.2rem;vertical-align:middle;background:rgb(235 235 235);border-radius:1rem}
#stats .sharing i{font-size:1.4rem}

#stats .nobord .prd .inner{margin:0;padding:0;border-top:0 solid #eee}
#stats .order{padding:1.2rem 0;/*border-bottom:.1rem solid #ddd*/}
#stats .order .onone{text-align:center;display:flex;height:50vh;flex-direction:column;align-items:center;justify-content:center}
#stats .order .onone h3{}
#stats .order .onone p{font-size:1.6rem;color:#888}
#stats .order .con{display:flex;width:100%;justify-content:space-between;padding:0 0 .5rem 0;align-items:center}
#stats .order .item{margin:0 0 1.6rem 0;padding:1.6rem;border:.1rem solid #ccc;border-radius:1rem;box-shadow:.5rem .5rem 1rem rgb(0 0 0 /10%)}
#stats .order .item.none{margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;box-shadow:0 0 0 rgb(255 255 255) !important}
#stats .order .item.none .ico{padding:1rem 0;text-align:center}
#stats .order .dat{display:flex;align-items:center;font-size:1.2rem;font-weight:400;color:#6f6f6f}
#stats .order .num{font-size:1.2rem;font-weight:400;color:#222}
#stats .order .dev{font-size:1.2rem;font-weight:600;color:#3182f5}
#stats .order .ord{font-size:1.2rem;font-weight:600;color:#2F2F2F}
#stats .order .ord button{font-size:1.2rem;font-weight:700;text-decoration:underline}
#stats .order .ord i{padding:0 0 0 .5rem}
#stats .order .all{font-size:1.2rem;font-weight:400;color:#222}
#stats .order .pri{font-size:1.5rem;font-weight:600;color:#222}
#stats .order .prd dl{position:relative;font-size:0}
#stats .order .prd dt{display:inline-block;width:9rem;vertical-align:middle}
#stats .order .prd dd{display:inline-block;width:calc(100% - 9rem);vertical-align:middle}
#stats .order .prd .inner{margin:1rem 0 0 0;padding:1rem 0 0 0;border-top:.1rem solid #eee}
#stats .order .prd .image{width:8rem;height:8rem;padding-bottom:0 !important}
#stats .order .prd .tit a{display:block;font-size:1.4rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#stats .order .prd .pce{font-size:1.4rem;color:#565656}
#stats .order .prd .pce ins{text-decoration:none}
#stats .order .prd .pce del{padding:0 0 0 1rem}
#stats .order .prd .val{padding:1rem 0 0 0;font-size:1.2rem;color:#707070}
#stats .order .prd .btn{position:absolute;bottom:0;right:0}
#stats .order .prd .btn .bt{display:inline-block;padding:0 1rem;line-height:2.4rem;font-size:1.2rem;color:#fff;border:.1rem solid #3182f5;background:#3182f5;border-radius:.4rem}
#stats .order .prf{display:flex;position:relative;margin:1rem 0 0 0;padding:1rem 0 0 0;align-items:center;justify-content:flex-start;border-top:.1rem solid #eee}
#stats .order .prf .img{display:inline-block;width:5rem;height:5rem;vertical-align:middle}
#stats .order .prf .img img{display:block;width:5rem;height:5rem;border-radius:50%}
#stats .order .prf .box{display:inline-block;padding:0 6rem 0 1.2rem;width:calc(100% - 5rem);vertical-align:middle}
#stats .order .prf .name{font-size:1.4rem;font-weight:600;color:#242a38}
#stats .order .prf .name span{display:inline-block;vertical-align:middle}
#stats .order .prf .name i{display:inline-block;vertical-align:middle}
#stats .order .prf .date{font-size:1.2rem;;color:#5B5B5B}
#stats .order .prf .met{position:absolute;right:0;padding:0 !important;font-size:1.2rem}
#stats .order .prf .met img{display:none;vertical-align:middle}
#stats .order .prf .met span{display:flex;align-items:center;justify-content:center;width:5rem;height:2.6rem;font-weight:300;color:#fff;background:#333}
#stats .order .prf .met.pik1 span{background:#3182F5}
#stats .order .prf .met.pik2 span{background:#303030}

#stats .order .box .tit{margin:2rem 0 0 0;padding:2rem 0 0 0;border-top:.1rem solid #ddd}
#stats .order .box .tit h4{padding:0 0 1rem 0;font-size:1.3rem}
#stats .order .box .txt{line-height:1.6;font-size:1.5rem;color:#777}
#stats .order .box .txt img{vertical-align:middle}
#stats .order .box .txt strong{display:block}
#stats .order .box .txt dl{display:flex;justify-content:space-between;align-items:flex-end}
#stats .order .box .txt dd button{display:inline-block;padding:0 2rem;height:3.5rem;color:#3182f5;border:.1rem solid #3182f5;background:#fff;border-radius:.4rem}
#stats .order .tar{padding:0 0 1rem 0;font-size:1.6rem}
#stats .order .tar strong{font-size:1.6rem;font-weight:600}
#stats .order .tar button{font-size:1.5rem;font-weight:600;color:#111;border-bottom:.1rem solid #111}
#stats .order .btn button{padding:0 1rem;width:100%;height:4rem;font-size:1.5rem;font-weight:500;color:#fff;border:.1rem solid #3182f5;background:#3182f5;border-radius:.4rem}
#stats .order .pik1{display:flex;align-items:center;gap:.2rem;padding:0 1rem}
#stats .order .pik1 span{font-size:1.2rem;vertical-align:middle;color:#313131}
#stats .order .pik1 img{vertical-align:middle}
#stats .order .pik2{display:flex;align-items:center;gap:.2rem;padding:0 1rem}
#stats .order .pik2 span{font-size:1.2rem;vertical-align:middle;color:#3182f5}
#stats .order .pik2 img{vertical-align:middle}

#stats .file{padding:0 1rem;background:#ebebeb;border-radius:.4rem}
#stats .file .prf{margin:0 !important;padding:1.5rem 0 !important}
#stats .file .prf .date{font-size:1.2rem}

#stats .file + .title{padding-top:2rem;border:0 !important}

#stats .text{padding:1.5rem 0;font-size:1.2rem;color:#000;text-align:center;border-bottom:.1rem solid #ebebeb}

#stats .value{padding:1.5rem 0;border-bottom:0rem solid #ebebeb}
#stats .value .pik1{padding-left:.2rem !important}
#stats .value .pik2{padding-left:.2rem !important}
#stats .value .pik1 span,
#stats .value .pik2 span{font-size:1.4rem}
#stats .value .chks{padding:0 0 0 2.2rem;font-size:1.2rem;color:#767676;background:url("/img/ico/ico_arr_h5.svg") no-repeat 0 50%;background-size:2.4rem auto}
#stats .value .ico{margin-bottom:.5rem}
#stats .value .val{padding:.5rem;font-size:1.2rem;font-weight:600;color:#767676}
#stats .value .txt{padding:0 .5rem}
#stats .value .txt strong{display:block;font-size:1.4rem}
#stats .value .txt span{display:block;font-size:1.2rem}
#stats .value .box{margin-top:1rem;padding:1rem;background:#ebebeb;border-radius:.4rem}
#stats .value .box strong{display:block;padding:0 0 .5rem 0;font-size:1.4rem}
#stats .value .box span{display:block;font-size:1.2rem}
#stats .value .img{display:flex;align-items:center;padding:0 .5rem}
#stats .value .img img{display:block;width:8.3rem;height:8.3rem}
#stats .value .img img + img{margin-left:.6rem}

#stats .subject{padding:0 0 2rem 0}
#stats .subject h2{font-size:1.7rem;color:#272727}
#stats .subject h3{font-size:1.7rem;text-align:center;color:#272727}
#stats .subject i{display:block;margin:2rem auto}

#stats .title{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-top:.1rem solid #ebebeb}
#stats .title h3{font-size:1.4rem;color:#272727}
#stats .title p{font-size:1.2rem}

#stats .prod{padding:0 0 1rem 0}
#stats .prod .prd .inner{margin:0 !important;padding:0 !important;border-top:0 !important}
#stats .prod .prd .inner + .inner{margin:1rem 0 0 0 !important}
#stats .prod .prd .inner .image{display:block;background-color:#eee;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:0rem;overflow:hidden}
#stats .prod .btn{padding-top:2rem;text-align:right}
#stats .prod .btn .bt-cancel{display:inline-block;font-size:1.2rem;color:#000;border-bottom:.1rem solid #aaa}

#stats .nwprd{padding-bottom:1.6rem}
#stats .nwprd .inner + .inner{margin-top:1.6rem;padding-top:1.6rem;border-top:.1rem solid #cdcdcd}
#stats .nwprd .inner dl{display:flex;align-items:center;position:relative}
#stats .nwprd .inner dt{margin-right:1.6rem}
#stats .nwprd .inner dd{display:flex;flex-direction:column;justify-content:space-between;position:relative;min-width:calc(100% - 10.2rem)}
#stats .nwprd .bt-navi{display:flex;position:absolute;top:0;right:0;width:2.4rem;height:2.4rem;background:url("/img/user/ico-navi.svg") no-repeat 50% 50%}
#stats .nwprd .image{display:block;position:relative;width:6rem;height:6rem;background-color:#eee;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden}
#stats .nwprd .image:before{content:'';position:absolute;top:0;bottom:0;right:0;left:0;border:.1rem solid #000}
#stats .nwprd .tit{color:#2f2f2f}
#stats .nwprd .tit em{display:block;padding-bottom:.4rem;font-size:1.4rem;font-weight:400}
#stats .nwprd .tit a{display:block;padding-right:2rem;font-size:1.8rem;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#stats .nwprd .opt{padding-top:1.2rem}
#stats .nwprd .opt strong{font-size:1.5rem;font-weight:400;color:#000}
#stats .nwprd .opt .inr{position:relative;padding-left:1rem;font-size:1.4rem;font-weight:400;;color:#888}
#stats .nwprd .opt .inr:before{content:'';position:absolute;top:.7rem;left:0;display:block;width:.4rem;height:.4rem;background:#888}
#stats .nwprd .opt .inr2{position:relative;padding-left:1rem;font-size:1.4rem;font-weight:400;;color:#888}
#stats .nwprd .opt .inr2:before{content:'';position:absolute;top:.7rem;left:0;display:block;width:.4rem;height:.4rem;background:none}
#stats .nwprd .opt .inr + .inr{margin-top:.4rem}
#stats .nwprd .opt .inr + .inr2{margin-top:.4rem}
#stats .nwprd .opt .inr2 + .inr{margin-top:.4rem}
#stats .nwprd .opt .inr2 + .inr2{margin-top:.4rem}
#stats .nwprd .pce{color:#000}
#stats .nwprd .pce ins{font-size:1.8rem;font-weight:700;text-decoration:none}
#stats .nwprd .pce del{padding:0 0 0 1rem;font-size:1.4rem;font-weight:400;color:#545454}
#stats .nwprd .val{display:flex;align-items:center;justify-content:flex-end;gap:2.4rem;padding:1rem 0 0 0;font-size:1.4rem;color:#707070}
#stats .nwprd .val strong{font-size:1.8rem;color:#000}
#stats .nwprd .val strong span{font-weight:400}
#stats .nwprd .btn{position:absolute;bottom:0;right:0}
#stats .nwprd .btn .bt{display:inline-block;padding:0 1rem;font-size:1.2rem;color:#fff;border:.1rem solid #e5273e;background:#e5273e;border-radius:.6rem}
#stats .nwval{display:flex;align-items:center;justify-content:flex-end;gap:.8rem;padding:1rem 0;font-size:1.6rem;color:#707070;border-top:.1rem solid #cdcdcd}
#stats .nwval strong{font-size:1.6rem;color:#000}
#stats .nwval strong span{font-weight:400}

#ktplay .reason{padding:0 0 2rem 0}
#ktplay .reason li + li{padding:2rem 0 0 0}
#ktplay .reason .checksll + label{padding:0 0 0 2.8rem;font-size:1.4rem}
#ktplay .reason .checksll + label:before{top:-.3rem}
#ktplay .reason .checksll + label strong{display:block !important;font-size:1.8rem}
#ktplay .reason .checksll + label span{display:block !important;font-size:1.4rem}
#ktplay .reason .radiosll{display:none}
#ktplay .reason .radiosll + label{display:block;position:relative;padding:3rem 2rem 3rem 8rem;border:.1rem solid #eee;background:#fff;border-radius:.4rem;box-shadow:.3rem 1rem 3.5rem 0 rgb(0 0 0 / 10%)}
#ktplay .reason .radiosll + label i{position:absolute;top:3rem;left:3rem;font-size:3.6rem;color:#999}
#ktplay .reason .radiosll + label strong{display:block;font-size:1.6rem}
#ktplay .reason .radiosll + label span{display:block;padding:.4rem 0 0 0;font-size:1.2rem}
#ktplay .reason .radiosll:checked + label{color:#3182f5;border-color:#0c4fcf;background:#fff;box-shadow:.3rem 1rem 3.5rem 0 rgb(0 0 0 / 20%)}
#ktplay .reason .radiosll:checked + label i{color:#3182f5}
#ktplay .reason .textarea{position:relative;margin-top:2rem;padding-bottom:4rem;border:.1rem solid #e8e8ec;border-radius:.4rem}
#ktplay .reason .textarea .ip-ara{padding:1rem;width:100%;height:24rem;border:0;resize:none}
#ktplay .reason .textarea em{position:absolute;bottom:2rem;right:2rem;font-size:1.2rem}

#stats .khwrap h4.tar{padding-bottom:1rem;font-size:1.4rem;color:#3182f5}
#stats .khwrap h4.tar strong{font-size:2rem;color:#3182f5}
#stats .payment .info{padding:1.5rem 0}
#stats .payment .info h3{padding:0 0 1rem 0;font-size:1.4rem;font-weight:400;color:#242a38}
#stats .payment .info p{font-size:1.4rem;color:#83878f}
#stats .payment .info dl{display:flex;justify-content:space-between;padding:.5rem 0}
#stats .payment .info dt{font-size:1.6rem;vertical-align:middle;color:#83878f}
#stats .payment .info dd{font-size:1.6rem;font-weight:600;color:#242a38}
#stats .payment .info time{font-weight:400;color:#83878f}
#stats .payment .info .tip{padding:0 0 1rem 2.5rem;font-size:1.2rem;color:#888}
#stats .payment .info .total{margin:2rem 0 0 0;padding:2rem 0 0 0;border-top:.1rem solid #e8e8ec}
#stats .payment .info .total dt{font-size:1.6rem;color:#242a38}
#stats .payment .info .total dd{font-size:1.6rem;color:#3182f5}
#stats .payment .info .gray{margin:2rem 0 0 0}
#stats .payment .info .gray + .gray{margin:0 0 4rem 0}
#stats .payment .info .gray dt{font-size:1.6rem;color:#AEAEAE}
#stats .payment .info .gray dd{font-size:1.6rem;font-weight:400;color:#AEAEAE}
#stats .payment .info .refund{margin:2rem 0 0 0;padding:2rem 0 0 0;height:4rem;border-top:.1rem solid #e8e8ec}
#stats .payment .info .refund + .refund{margin:0;border:0}
#stats .payment .info .refund dt{font-size:1.6rem;color:#242a38}
#stats .payment .info .refund dd{font-size:1.6rem;font-weight:400;color:#242a38}
#stats .payment .tips{font-size:1.2rem;color:#999}
#stats .payment .btnz{padding:1rem 0}
#stats .payment .btnz a{display:inline-block;font-size:1.2rem;color:#000;border-bottom:.1rem solid #aaa}

#stats .daylist dl{display:flex;justify-content:center;align-items:center;margin:0 0 1rem 0;padding:2rem 0;border:.1rem solid #ccc;border-radius:1rem;box-shadow:.5rem .5rem 1rem rgb(0 0 0 /10%)}
#stats .daylist dt{display:flex;justify-content:center;align-items:center;width:100%;font-size:1.8rem}
#stats .daylist dd{width:100%;font-size:1.4rem;border-left:.1rem solid #e3e3e3}
#stats .daylist dd div{display:flex;justify-content:space-between;padding:0 2rem}
#stats .daylist dd div + div{margin-top:.5rem}
#stats .daylist dd span{font-weight:700;text-align:right}
#stats .daylist dd strong{font-weight:400;text-align:left}
#stats .select{padding:0 0 4rem 0}
#stats .select h4{display:block;font-size:1.4rem;font-weight:600;color:#242a38}
#stats .process{margin:1.6rem 0 0 0;padding:2.4rem;font-size:1.4rem;border:.1rem solid #ddd;background:#f7f7f7;border-radius:.4rem}
#stats .process p{padding:0 0 .2rem 0;font-size:1.4rem;color:#999}
#stats .process img{display:inline-block;vertical-align:middle}
#stats .process button{float:right;position:relative;top:0;padding:0 1rem 0 2.4rem;height:2rem;font-size:1.2rem;color:#fff;background:#333 url("/img/ico/btn_pnow2.svg") no-repeat .8rem 50%;background-size:1.4rem auto;border-radius:1rem}
#stats .process .cons{font-size:1.6rem}
#stats .process .cons span + span{padding:0 1rem}
#stats .payed .item{margin:1.6rem 0 0 0;padding:2.4rem;border:.1rem solid #ddd;background:#fff;border-radius:.4rem}
#stats .payed .box{display:flex;justify-content:space-between}
#stats .payed .box strong{font-size:1.6rem;font-weight:500}
#stats .payed .box button{background:url("/img/stats/arr1.svg") no-repeat 95% 50%}
#stats .payed .box button i{display:block;width:2.4rem;height:2.4rem}
#stats .payed .box button span{display:none}
#stats .payed .sm2{padding:1rem 0 0 0}
#stats .payed .tr{display:flex;justify-content:space-between;padding:.3rem 0;width:100%}
#stats .payed .th{font-size:1.2rem;color:#777}
#stats .payed .th i{font-size:1.6rem;vertical-align:middle}
#stats .payed .td{font-size:1.4rem;color:#111}
#stats .payed .total .th{color:#000 !important}
#stats .payed .total .td{color:#3182f5 !important;font-weight:600}
#stats .payed .bt{padding:1rem 0 0 0;text-align:center}
#stats .payed .bt button{width:100%;height:4.5rem;font-size:1.4rem;font-weight:600;color:#3182f5;border:.1rem solid #3182f5;border-radius:.4rem}

.bt-block{padding:0 1rem;height:3rem;color:#fff !important;background:#3182f5;border-radius:.4rem}

.splash{padding:7rem 0}
.splash .item{text-align:left;color:#6f6f6f}
.splash .tit{font-size:1.8rem;font-weight:600}
.splash .tit span{color:#3182f5}
.splash .txt{font-size:1.4rem;font-weight:400}
.splash .img{padding:7rem 0}
.splash .btn{text-align:center}
.splash .btn button{width:10rem;height:4rem;color:#fff;background:#3182f5;border-radius:3rem}
.splash .khpage{position:absolute;z-index:10;right:0;text-align:center}
.splash .khpage .swiper-pagination-bullet{width:1rem;height:1rem}
.splash .khpage .swiper-pagination-bullet-active{background:#929292}
.splash .swiper{width:100%;height:100%}
.splash .swiper-slide{text-align:center;font-size:1.8rem;background:#fff;/* Center slide text vertically */
    display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center
}
.splash .slogan{text-align:center}
.splash .slogan h3{font-size:1.5rem;color:#6f6f6f}
.splash .slogan p{font-size:2rem;color:#3182f5}

.middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.vh100{height:100vh}
.aligntop{-webkit-align-items:top !important;align-items:top !important}


.welcome{padding:2.4rem 0 0 0}
.welcome .img{text-align:center}
.welcome .txt{padding:2.4rem 0;line-height:1.2;font-size:2.4rem;font-weight:300;color:#606060}
.welcome .txt strong{font-size:2.4rem;font-weight:300;color:#3182f5}

.village .srch{position:relative;margin:1rem 0 0 0;display:block}
.village .srch input{display:flex;align-items:center;padding:0 4.4rem 0 1.6rem;width:100%;height:4.4rem;font-size:1.4rem;border:0;background:#f4f4f6;border-radius:.4rem}
.village .srch .search{position:absolute;top:0;right:0;width:4.4rem;height:4.4rem}
.village .srch .search i{display:inline-block;width:2.4rem;height:2.4rem;vertical-align:middle;background:url(../img/ico/s_search.svg) no-repeat 50% 50%}
.village .srch .cross{display:none;position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;background:url("/img/ico/cross.svg") no-repeat 50% 50%}
.village .result{padding:0 0 1rem 0}
.village .result .inner{padding:1rem;font-size:1.4rem;color:#606060}
.village .list{overflow:hidden;overflow-y:auto}
.village .list .inner .item{position:relative}
.village .list .inner .item:before{content:'';position:absolute;top:0;right:0;left:0;height:.1rem;background:#eee}
.village .list .inner .item button{padding:0 1rem;width:100%;line-height:4rem;text-align:left;cursor:pointer}
.village .list .inner .item button:hover,
.village .list .inner .item button:focus{color:#fff;background:#3182f5}
.village .none{text-align:center;background:url("/img/member/none.svg") no-repeat 50% 40%}
.village .none .inner{padding:12rem 0 4rem 0;font-size:1.4rem;color:#606060}

.ui-datepicker{display:none;z-index:1203 !important;padding:.5rem;min-width:32.5rem;max-width:100%;background:#fff;border-radius:1rem;box-shadow:1rem 1rem 2rem 0 rgb(0 0 0 / 20%)}
.ui-datepicker-prev{position:absolute;top:1rem;left:1rem;display:block;font-size:1.2rem;color:#222;cursor:pointer}
.ui-datepicker-prev:before{content:'\e93b';display:block;padding:0 .8rem;line-height:3.4rem;font-family:xeicon;font-size:1.8rem;border:0rem solid #d3d3d3;border-radius:2rem}
.ui-datepicker-prev span{display:none}
.ui-datepicker-next{position:absolute;top:1rem;right:1rem;display:block;font-size:1.2rem;color:#222;cursor:pointer}
.ui-datepicker-next:before{content:'\e93e';display:block;padding:0 .8rem;line-height:3.4rem;font-family:xeicon;font-size:1.8rem;border:0rem solid #d3d3d3;border-radius:2rem}
.ui-datepicker-next span{display:none}
.ui-datepicker-title{padding:1rem 0;font-size:1.6rem;text-align:center}
.ui-datepicker-title select{margin:0 0 0 1rem;font-size:1.8rem;font-weight:600;color:#222;border:.1rem solid transparent;background:#fff;background:transparent}
.ui-datepicker-calendar{width:100%;border-collapse:collapse;border:0;background:#fff}
.ui-datepicker-calendar th{padding:.5rem 0;font-size:1.2rem;font-weight:400;color:#888;border:0;background:#fff}
.ui-datepicker-calendar td{padding:0;text-align:center;border:0}
.ui-datepicker-calendar td a{display:inline-block;width:4rem;line-height:4rem;font-size:1.4rem;font-weight:600}
.ui-datepicker-calendar td a:hover{color:#fff;background:#3182f5;border-radius:2rem}

.select-hidden{display:none;visibility:hidden;padding-right:1rem}
.rev-select{display:block;position:relative;margin:.6rem 0 0 0;font-size:1.4rem;text-align:left;color:#858585;cursor:pointer}
.select-styled{padding:0 3.5rem 0 1.6rem;line-height:4.3rem;border:.1rem solid #d3d3d3;background-color:#fff;border-radius:.4rem;overflow:hidden}
.select-styled::after{content:"";position:absolute;top:58%;transform:translateY(-50%);right:1.2rem;width:0;height:0;border:.4rem solid transparent;border-color:#858585 transparent transparent transparent}
.select-styled:hover{color:#242a38;border:.1rem solid #3182f5;background-color:#fff}
.select-styled:hover::after{color:#3182f5;border-color:#3182f5 transparent transparent transparent}
.select-styled:active,
.select-styled.act{color:#242a38;border:.1rem solid #3182f5;background-color:#fff}
.select-styled.act::after{top:45%;border-color:transparent transparent #3182f5 transparent}
.select-options{display:none;position:absolute;top:4.6rem;right:0;left:0;z-index:999;margin:0;line-height:3.5rem;list-style:none;border:.1rem solid #3182f5;background-color:#fff;border-radius:.4rem;overflow:hidden}
.select-options li{margin:0;padding:0 1.2rem}
.select-options li:hover{color:#3182f5;background:#fafafa}
.select-options li[rel="hide"]{display:none}

.disselbox{padding:0 3.5rem 0 1.6rem;width:100%;line-height:4.3rem;font-size:1.4rem;border:.1rem solid #d3d3d3;background-color:#fff;border-radius:.4rem;overflow:hidden}

.message{padding:.8rem 0;background:#fff}
.message .khwrap{display:flex;justify-content:flex-start}
.message .khwrap input{flex:1;margin:0 1rem;padding:0 .5rem;height:4rem;border:.1rem solid #ddd;background:#fff;border-radius:.4rem}
.message .bt-entry{padding:0 2rem;height:4rem;font-size:1.4rem;color:#fff;border:.1rem solid #CDCDCD;background:#CDCDCD;border-radius:.4rem}
.message .bt-entry:focus{border:.1rem solid #3182f5;background:#3182f5}
.message .bt-entry.act{border:.1rem solid #3182f5;background:#3182f5}

.mh-117{min-height:calc(100vh - 11.7rem)}
.fixbtn{position:fixed;z-index:103;bottom:0;width:100%;max-width:42rem}
.skybtn{position:sticky;z-index:103;bottom:0}

.guide{padding:2.4rem 0;display:none}
.guide.act{display:block}
.guide *{}
.guide .tit{font-size:1.6rem}
.guide .tit i{margin:0 .6rem 0 0;color:#3182f5}
.guide .con{padding-top:1.2rem}
.guide .con ul{padding:1.6rem;background:#f0f0f0;border-radius:.4rem}
.guide .con li{position:relative;padding-left:1.6rem;font-size:1.2rem}
.guide .con li i{position:absolute;top:.3rem;left:0;color:#3182f5}
.guide .con li + li{margin-top:.8rem}

.button{padding:1rem 0}
.button.static{position:relative}
.button .ktbtn{padding:0 1.6rem .6rem 1.6rem}
.button .ktbtn .bt{display:block;padding:0 1rem;width:100%;line-height:4.5rem;font-size:1.5rem;font-weight:500;color:#fff;border:.1rem solid #3182f5;background:#3182f5;border-radius:.4rem}
.button .btn{text-align:center}
.button .btn .bt{display:block;padding:0 1rem;line-height:4.5rem;font-size:1.5rem;font-weight:500;color:#fff;border:.1rem solid #3182f5;background:#3182f5;border-radius:.4rem}
.button .btn .bt_okay{color:#fff;border:.1rem solid #3182f5;background:#3182f5}
.button .btn .bt_bord{color:#3182f5 !important;border:.1rem solid #3182f5 !important;background:#fff !important}
.button .btn .bt_gray{color:#777 !important;border:.1rem solid #b1b1b1 !important;background:#fff !important}
.button .btn .bt_none{color:#777 !important;border:0rem solid #b1b1b1 !important;background:none !important}
.button .btn .bt + .bt{margin-top:1rem}
.button .btn .act{color:#3182f5;border:.1rem solid #3182f5;background:#fff}
.button .opt{padding:2rem 0;text-align:center}
.button .opt button{padding:0 .8rem;font-size:1.4rem}
.button .opt button + button{border-left:.1rem solid #ddd}
.button .question{font-size:1.2rem}
.button .join button{font-size:1.4rem;font-weight:600}

.bb1{border-bottom:.1rem solid #eee}
.bb1:last-child{border-bottom:0}
.seltbx{padding:0 1.6rem;width:100%;height:4.5rem;font-size:1.4rem;color:#242a38;border:.1rem solid #e8e8ec;background:#fff url("/img/ico/select.svg") no-repeat 98% 50% / 3rem auto;border-radius:.4rem}
.seltbx:focus{border:.1rem solid #242a38;background-color:#f9f9f9}


.khskip{display:none !important}

.blue{color:#43579f !important}
.black{color:#000 !important}
.red{color:#3182f5 !important}
.orange{color:#ff6c2b !important}
.gray{color:#888 !important}
.green{color:#009646 !important}
.navy{color:#57839e !important}

.feed{display:flex;align-items:flex-start;gap:.5rem;position:relative;font-size:1.2rem;color:#E5273E}
.feed:before{content:'';min-width:1.4rem;height:1.4rem;background:url("/img/ico/ico_feed.svg") no-repeat 50% 50%}
.feed button{float:right;font-size:1.2rem;font-weight:400;color:#83878f;text-decoration:underline}
.feed.gray:before{background:url("/img/ico/ico_feed_gray.svg") no-repeat 50% 50%}