@charset "utf-8";

.recommended-product{overflow:hidden}

/*3hour*/
.nwmain-slide{position:relative;overflow:hidden}
.nwmain-slide .img{position:relative}
.nwmain-slide .img .image{display:block;padding-bottom:30rem;background-color:#eee;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden}
.nwmain-slide .img.none:before{content:'';display:none !important}
.nwmain-slide .box{position:absolute;bottom:2rem;left:1.8rem}
.nwmain-slide .box .tit{display:inline-block;margin-bottom:.8rem;padding:.4rem .6rem;font-size:1.4rem;font-weight:400;color:#fff;border:.1rem solid #fff}
.nwmain-slide .box .txt{line-height:1.4;font-size:2.4rem;font-weight:700;color:#fff}
.nwmain-slide .paging{display:flex;align-items:center;justify-content:center;gap:.4rem;position:absolute;z-index:1;bottom:1.6rem;right:1.8rem;top:auto;left:auto;padding:0 1.6rem;width:auto;height:2.6rem;font-size:1.4rem;color:rgb(255 255 255 / 60%);background:rgb(0 0 0 / 40%);border-radius:1.8rem}
.nwmain-slide .paging .swiper-pagination-current{color:rgb(255 255 255 / 100%)}

.nwmain-kword{background:#fff}
.nwmain-kword .kwords{display:flex;flex-wrap:wrap;padding:1.6rem 0}
.nwmain-kword .inner{display:flex;align-items:flex-start;width:25%}
.nwmain-kword .item{width:100%}
.nwmain-kword .item .ico{display:block;padding-bottom:4.8rem;color:#333;background-repeat:no-repeat;background-position:50% 50%;background-size:4.8rem auto;border-radius:2rem}
.nwmain-kword .item .tit{padding:0 0 1.8rem 0;font-size:1.4rem;font-weight:700;text-align:center;color:#000}
.nwmain-kword .item .nv11{background-image:url("/img/hour/mico01.svg")}
.nwmain-kword .item .nv12{background-image:url("/img/hour/mico02.svg")}
.nwmain-kword .item .nv13{background-image:url("/img/hour/mico03.svg")}
.nwmain-kword .item .nv14{background-image:url("/img/hour/mico04.svg")}
.nwmain-kword .item .nv15{background-image:url("/img/hour/mico05.svg")}
.nwmain-kword .item .nv16{background-image:url("/img/hour/mico06.svg")}
.nwmain-kword .item .nv17{background-image:url("/img/hour/mico07.svg")}
.nwmain-kword .item .nv18{background-image:url("/img/hour/mico08.svg")}
.nwmain-kword .item .nv19{background-image:url("/img/hour/mico09.svg")}
.nwmain-kword .item .nv20{background-image:url("/img/hour/mico10.svg")}

.nwmain-prod{background:#fff}
.nwmain-prod .product{padding:1.6rem;padding-bottom:4rem;overflow:hidden}
.nwmain-prod .title{padding-bottom:1.6rem}
.nwmain-prod .title h2{font-size:1.8rem;font-weight:400}
.nwmain-prod .title h2 strong{font-size:2.2rem}
.nwmain-prod .title h3{font-size:2rem;font-weight:400}
.nwmain-prod .title h3 strong{font-size:2.2rem}
.nwmain-prod .nw-prod{display:flex}
.nwmain-prod .nw-prod .inner{width:100%}
.nwmain-prod .nw-prod .ht{position:absolute;z-index:2;bottom:1rem;right:1rem;display:block;width:3.2rem;height:3.2rem}
.nwmain-prod .nw-prod .ck{position:absolute;z-index:2;top:1rem;left:1rem;display:block;width:3.2rem;height:3.2rem}
.nwmain-prod .nw-prod .chk-ht,
.nwmain-prod .nw-prod .chk-ht + label em{display:none}
.nwmain-prod .nw-prod .chk-ht + label{display:block;width:3.2rem;height:3.2rem;background:url("/img/user/chk-ht1.svg") no-repeat 50% 50%}
.nwmain-prod .nw-prod .chk-ht:checked + label{background-image:url("/img/user/chk-ht2.svg") !important}
.nwmain-prod .nw-prod .chk-ck,
.nwmain-prod .nw-prod .chk-ck + label em{display:none}
.nwmain-prod .nw-prod .chk-ck + label{display:block;width:2rem;height:2rem;background-color:#fff}
.nwmain-prod .nw-prod .chk-ck:checked + label{background:#3182f5 url("/img/user/chk-ck1.svg") no-repeat 50% 50%}
.nwmain-prod .nw-prod + .button{display:flex;align-items:center;position:sticky;z-index:10;bottom:0;padding:0 1.6rem;width:100%;height:8rem;background:#fff}
.nwmain-prod .nw-prod + .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}
.nwmain-prod .nw-prod + .button .bt-order.act{color:#fff;border:.1rem solid #3182f5;background:#3182f5}
.nwmain-prod .nw-prod .item .img{display:block;position:relative;border-radius:0;overflow:hidden}
.nwmain-prod .nw-prod .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%)}
.nwmain-prod .nw-prod .item .img .out strong{font-size:1.6rem;color:#fff}
.nwmain-prod .nw-prod .item .img .ht{position:absolute;z-index:2;bottom:.5rem;right:1rem;display:block;width:2.2rem;height:2.2rem}
.nwmain-prod .nw-prod .item .img .chk-ht,
.nwmain-prod .nw-prod .item .img .chk-ht + label em{display:none}
.nwmain-prod .nw-prod .item .img .chk-ht + label{display:block;width:3.2rem;height:3.2rem;background:url("/img/user/chk-ht1.svg") no-repeat 50% 50%}
.nwmain-prod .nw-prod .item .img .chk-ht:checked + label{background-image:url("/img/user/chk-ht2.svg") !important}
.nwmain-prod .nw-prod .item .img .image{display:block;padding-bottom:100%;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;background-size:cover}
.nwmain-prod .nw-prod .item .img.none{padding:0 0 100% 0 !important;background:#eee url("/img/none/none.jpg") no-repeat 50% 50% / 50% auto}
.nwmain-prod .nw-prod .item .box{display:flex;flex-direction:column;gap:.5rem;width:100%;overflow:hidden}
.nwmain-prod .nw-prod .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}
.nwmain-prod .nw-prod .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}
.nwmain-prod .nw-prod .item .box .cop i{font-size:1.2rem}
.nwmain-prod .nw-prod .item .box .pce{display:flex;align-items:center;gap:1rem}
.nwmain-prod .nw-prod .item .box .pce ins{font-size:1.6rem;color:#2f2f2f;text-decoration:none}
.nwmain-prod .nw-prod .item .box .pce del{font-size:1.2rem;color:#aeaeae}
.nwmain-prod .nw-prod .item .box .loc{display:flex;align-items:center;gap:.5rem;font-size:1.4rem}
.nwmain-prod .nw-prod .item .box .loc em{font-weight:500;color:#F7D25D}
.nwmain-prod .nw-prod .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}
.nwmain-prod .nw-prod .item .box .str{display:flex;align-items:center;gap:1rem}
.nwmain-prod .nw-prod .item .box .str .sale{font-size:1.6rem;font-weight:700;color:#3182F5}
.nwmain-prod .nw-prod .item .box .str .star{display:flex;align-items:center;gap:.2rem;font-size:1.4rem;font-weight:400;color:#545454}
.nwmain-prod .nw-prod .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}
.nwmain-prod .nw-prod .item .box .str .star.none{color:#545454}
.nwmain-prod .nw-prod .item .box .str .star.none i{background-image:url("/img/etc/ico-nwstar-none.svg")}
.nwmain-prod .nw-prod .locl{display:block;width:1rem;height:1.8rem;background:url("/img/ico/ico-locl.svg") no-repeat 50% 50%}
.nwmain-prod .nw-prod .pick{display:block;width:1rem;height:1.8rem;background:url("/img/ico/ico-pick.svg") no-repeat 50% 50%}
.nwmain-story{background:#fff}

.prod-title{display:flex;align-items:center;justify-content:space-between;padding:3rem 1.6rem 0 1.6rem}
.prod-title h2{font-size:2.4rem;font-weight:400}
.prod-title h2 strong{font-size:2.4rem}
.prod-title h3{font-size:2rem;font-weight:400}
.prod-title h3 strong{font-size:2rem}
.prod-title + .prod-cate{margin-top:1.6rem;padding:0 1.6rem}
.prod-title + .layout-story{margin-top:1.6rem;border-top:.1rem solid #eee}
.prod-title + .layout-store{margin-top:1.6rem;border-top:.1rem solid #eee}
.prod-cate{position:relative;overflow:hidden}
.prod-cate .innr{width:auto !important;cursor:pointer}
.prod-cate .innr + .innr{margin-left:.6rem}
.prod-cate .innr .tit{display:flex;align-items:center;padding:0 2rem;height:3.6rem;font-size:1.6rem;font-weight:400;color:#787878;background:#F4F4F4;border-radius:3rem;transition:.2s}
.prod-cate .innr .tit:hover,
.prod-cate .innr .tit.act{color:#fff;background:linear-gradient(90deg, #6258EE 0%, #56A0FF 100%)}

/*기본 슬라이드 목록*/
.layout-story{margin-bottom:.6rem;background:#fff;overflow:hidden}
.layout-story .swiper{position:relative}
.layout-story .paging{display:flex;align-items:center;justify-content:center;gap:.4rem;position:absolute;z-index:1;bottom:1.6rem;right:1.8rem;left:auto;padding:0 1rem;width:auto;height:2.6rem;font-size:1.4rem;color:rgb(255 255 255 / 60%);background:rgb(0 0 0 / 60%);border-radius:1.8rem}
.layout-story .paging .swiper-pagination-current{color:rgb(255 255 255 / 100%)}
.layout-story .title{display:flex;align-items:center;height:6.4rem;padding:0 1.8rem}
.layout-story .title h3{font-size:2rem;font-weight:400}
.layout-story .innr + .innr{margin-top:4rem}
.layout-story .bd10 + .bd10{margin-top:0;border-top:1rem solid #F4F4F4}
.layout-story .innr:nth-child(1) .label{background:linear-gradient(90deg, #EB4949 4%, #DFA637 100%)}
.layout-story .lab .news{display:inline-block;padding:.5rem 1rem;font-size:1.2rem;color:#fff;background:#ff6767;border-radius:.4rem}
.layout-story .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%}
.layout-story .lab .ck{position:absolute;z-index:2;top:1rem;left:1rem;display:block;width:3.2rem;height:3.2rem}
.layout-story .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}
.layout-story .lab .rb.act{color:#3182F5 !important;background:rgb(255 255 255 / 80%) !important}
.layout-story .lab .ht{position:absolute;z-index:2;bottom:1.3rem;right:1.3rem;display:block;width:2.2rem;height:2.2rem}
.layout-story .lab .min{display:flex;align-items:center;justify-content:center;gap:.4rem;position:absolute;z-index:2;bottom:1.3rem;left:1.3rem;min-width:12.8rem;height:2.6rem;font-size:1.4rem;color:#545454;background:rgb(255 255 255 / 70%)}
.layout-story .lab .min:before{content:'';width:1.4rem;height:1.4rem;background:url("/img/etc/ico-min.svg") no-repeat 50% 50%}
.layout-story .img .lab .even{display:flex;align-items:center;gap:.6rem;position:absolute;z-index:2;top:1.6rem;left:1.6rem}
.layout-story .img .lab .even span{display:flex;align-items:center;justify-content:center;position:relative;z-index:2;padding:0 1.2rem;height:2.8rem;font-size:1.2rem;font-weight:700;text-align:center}
.layout-story .img .lab .even .ev{min-width:5.6rem;color:#fff;border:.1rem solid #fff;background:linear-gradient(90deg, #F96B8D 0%, #F7D96F 100%)}
.layout-story .img .lab .even .dy{min-width:5.1rem;color:#787878;border:.1rem solid #9A9A9A;background:rgb(255 255 255 / 60%)}
.layout-story .img .lab .even .nw{min-width:5.6rem;color:#fff;border:.1rem solid #fff;background:linear-gradient(90deg, #1AC05C 0%, #C2FF15 100%)}
.layout-story .img .lab .even .rm{min-width:5.6rem;color:#3182F5;border:.1rem solid #55A3FF;background:#fff}
.layout-story .img .lab .even .nt{min-width:5.6rem;color:#787878;border:.1rem solid #9A9A9A;background:#fff}
.layout-story .img .lab .feed{display:flex;align-items:center;gap:1.6rem;position:absolute;z-index:2;bottom:1rem;left:1.6rem}
.layout-story .img .lab .feed .rc{display:none !important;align-items:center;gap:.6rem;min-width:8.1rem;height:3rem;color:#fff;background-color:rgb(0 0 0 / 50%);border-radius:3rem;cursor:pointer}
.layout-story .img .lab .feed .rc:before{content:'';margin-left:1rem;min-width:2.8rem;height:2.2rem;background:url("/img/etc/ico-hand.svg") no-repeat 50% 50%}
.layout-story .img .lab .feed .rc.act:before{background:url("/img/etc/ico-hand-act.svg") no-repeat 50% 50%}
.layout-story .img .lab .feed .rp{display:flex;align-items:center;gap:.6rem;min-width:4.8rem;height:3rem;color:#fff;cursor:pointer}
.layout-story .img .lab .feed .rp:before{content:'';min-width:2.8rem;height:2.2rem;background:url("/img/etc/ico-reply.svg") no-repeat 50% 50%}
.layout-story .img{position:relative}
.layout-story .img:before{content:'';position:absolute;z-index:1;bottom:0;right:0;left:0;height:5rem;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%)}
.layout-story .img .label{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;min-width:2.8rem;height:2.4rem;background:#2F2F2F}
.layout-story .img .label em{font-size:2rem;color:#fff}
.layout-story .img .image{display:block;padding-bottom:100%;background:#ccc;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden;cursor:pointer}
.layout-story .img.none{padding:0 1.8rem}
.layout-story .img.none:before{display:none}
.layout-story .img.none .lab .even{position:static}
.layout-story .box{display:flex;gap:.9rem;position:relative;padding:1.6rem .8rem}
.layout-story .box .prf{display:flex;gap:.4rem;padding:0 1rem;width:100%;overflow:hidden;cursor:pointer}
.layout-story .box .prf .imgs{display:block;min-width:3.6rem;height:3.6rem;border:.1rem solid #2f2f2f;background:#ccc;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:3.6rem;overflow:hidden}
.layout-story .box .prf .name{font-size:1.6rem;font-weight:700;color:#2f2f2f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.layout-story .box .prf .name .time{display:block;font-size:1.4rem;font-weight:400;color:#8A8A8A}
.layout-story .box .prf .home{display:flex;gap:.2rem;font-size:1.4rem;font-weight:400;color:#545454}
.layout-story .box .prf .home i{display:block;width:1.8rem;height:1.8rem;background:url("/img/etc/ico-home.svg") no-repeat 50% 50%;background-size:cover;border-radius:1.8rem}
.layout-story .box .prf .star{display:flex;align-items:center;gap:.2rem;font-size:1.4rem;font-weight:400;color:#545454}
.layout-story .box .prf .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}
.layout-story .box .prf .star.none{color:#545454}
.layout-story .box .prf .star.none i{background-image:url("/img/etc/ico-nwstar-none.svg")}
.layout-story .box .btn{display:flex;align-items:center;min-width:3rem}
.layout-story .box .btn .bt-nav{width:2.4rem;height:2.4rem;background:url("/img/etc/ico-nav.svg") no-repeat 50% 50%}
.layout-story .box .str{display:flex;align-items:center;gap:.8rem}
.layout-story .box .str em{width:.1rem;height:1.2rem;background:#747474}
.layout-story .box .str .star{display:flex;align-items:center;gap:.2rem;font-size:1.4rem;font-weight:400;color:#545454}
.layout-story .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}
.layout-story .box .str .star.none{color:#545454}
.layout-story .box .str .star.none i{background-image:url("/img/etc/ico-nwstar-none.svg")}
.layout-story .box .str .area{font-size:1.4rem;font-weight:400;color:#545454}
.layout-story .box .str .type{display:block;font-size:1.4rem;font-weight:400;color:#747474;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.layout-story .box .chk{position:absolute;top:2rem;right:1.4rem}
.layout-story .box .chk .bt-chk{display:flex;align-items:center;justify-content:center;min-width:6.9rem;height:3.2rem;font-size:1.6rem;font-weight:700;color:#a4a4a4;border:.1rem solid #a4a4a4}
.layout-story .box .chk .bt-chk.act{color:#fff;border:.1rem solid #3182F5;background:linear-gradient(90deg, #3182F5 0%, #76AFFF 100%)}
.layout-story .opt{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}
.layout-story .opt .dey{display:flex;align-items:center;gap:.8rem}
.layout-story .opt .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}
.layout-story .opt .dey .dy1{border:.1rem solid;border-image:linear-gradient(90deg, #6256ED 0%, #55A3FF 100%);border-image-slice:1}
.layout-story .opt .dey .dy1 span{background:linear-gradient(90deg, #6256ED 0%, #55A3FF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.layout-story .opt .dey .dy2{color:#fff;background:linear-gradient(90deg, #6256ED 0%, #55A3FF 100%)}
.layout-story .opt .etc{display:flex;align-items:center;gap:.2rem}
.layout-story .opt .etc .space{display:flex;align-items:center;justify-content:center;gap:.4rem;position:relative;pading:0 .8rem;min-width:9.5rem;height:2.6rem;font-size:1.4rem;text-align:center;color:#545454;background:#e4e4e4}
.layout-story .opt .etc .space:before{content:'';width:1.4rem;height:1.4rem;background:url("/img/etc/ico-foot.svg") no-repeat 50% 50%}
.layout-story .opt .etc .like{display:flex;align-items:center;justify-content:center;gap:.4rem;position:relative;pading:0 .8rem;min-width:5.1rem;height:2.6rem;font-size:1.4rem;text-align:center;color:#545454}
.layout-story .opt .etc .like:before{content:'';width:1.4rem;height:1.4rem;background:url("/img/etc/ico-like.svg") no-repeat 50% 50%}
.layout-story .opt .etc .like.act{background:linear-gradient(90deg, #3182F5 0%, #76AFFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.layout-story .opt .etc .like.act:before{background-image:url("/img/etc/ico-like-act.svg")}
.layout-story .map{display:flex;align-items:center;padding:0 1.8rem;height:4.4rem;border-bottom:.1rem solid #e6e6e6}
.layout-story .map .bt-map{width:100%;font-size:1.5rem;font-weight:400;text-align:left;color:#545454;background:url("/img/etc/bt-map.svg") no-repeat 100% 50%}
.layout-story .con{padding:0 1.8rem}
.layout-story .con .tit{padding:1.4rem 0 .6rem 0;font-size:1.6rem;font-weight:700;color:#2F2F2F;cursor:pointer}
.layout-story .con .txt{display:flex;align-items:flex-end;margin:1.4rem 0;font-size:1.6rem;font-weight:400;color:#2F2F2F;cursor:pointer}
.layout-story .con .txt .ellip{text-overflow:ellipsis;overflow:hidden;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.layout-story .con .txt .bt-more{min-width:4rem;font-size:1.4rem;color:#999}
.layout-story .con .lab{display:flex;align-items:center;justify-content:space-between;padding:1.3rem 0}
.layout-story .con .lab .feed{display:flex;align-items:center;gap:1.6rem}
.layout-story .con .lab .feed .rc{display:flex;align-items:center;gap:.6rem;min-width:8.1rem;height:3rem;font-size:1.4rem;color:#fff;background-color:rgb(0 0 0 / 50%);border-radius:3rem;cursor:pointer}
.layout-story .con .lab .feed .rc:before{content:'';margin-left:1rem;min-width:2.8rem;height:2.2rem;background:url("/img/etc/ico-hand.svg") no-repeat 50% 50%}
.layout-story .con .lab .feed .rc.act:before{background:url("/img/etc/ico-hand-act.svg") no-repeat 50% 50%}
.layout-story .con .lab .feed .rp{display:flex;align-items:center;gap:.6rem;min-width:4.8rem;height:3rem;font-size:1.4rem;color:#545454;cursor:pointer}
.layout-story .con .lab .feed .rp:before{content:'';min-width:2.8rem;height:2.2rem;background:url("/img/etc/ico-reply2.svg") no-repeat 50% 50%}
.layout-story .con .lab .rcmm{display:flex;align-items:center;font-size:1.4rem}
.layout-story .con .lab .rcmm strong{margin-left:.4rem;font-size:1.4rem}
.layout-story .con .lab .rcmm .imgs{display:inline-block;position:relative;width:2.4rem;height:2.4rem;border:.1rem solid #2f2f2f;background:#ccc;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:3.6rem;overflow:hidden}
.layout-story .con .lab .rcmm .imgs + .imgs{margin-left:-1rem}

.layout-store{}
.layout-store .inner{background:#fff}
.layout-store .inner + .inner{border-top:.1rem solid #e6e6e6}
.layout-store .ktwrap{padding:1.6rem !important}
.layout-store .rabel{display:flex;align-items:center;justify-content:space-between;padding-bottom:1.6rem}
.layout-store .rabel .ico{display:flex;align-items:center;padding:0 1rem;height:2.4rem;font-size:1.2rem;font-weight:500;text-align:center;color:#fff;border:.1rem solid #000;background:#000}
.layout-store .rabel .ico.ev{min-width:5.6rem;color:#fff;border:.1rem solid #fff;background:linear-gradient(90deg, #F96B8D 0%, #F7D96F 100%)}
.layout-store .rabel .ico.dy{min-width:5.1rem;color:#787878;border:.1rem solid #9A9A9A;background:rgb(255 255 255 / 60%)}
.layout-store .rabel .ico.nw{min-width:5.6rem;color:#fff;border:.1rem solid #fff;background:linear-gradient(90deg, #1AC05C 0%, #C2FF15 100%)}
.layout-store .rabel .ico.rm{min-width:5.6rem;color:#3182F5;border:.1rem solid #55A3FF;background:#fff}
.layout-store .rabel .ico.nt{min-width:5.6rem;color:#787878;border:.1rem solid #9A9A9A;background:#fff}
.layout-store .rabel .bt-navi{display:flex;margin-right:-1rem;width:2.4rem;height:2.4rem;background:url("/img/user/ico-navi.svg") no-repeat 50% 50%}
.layout-store .map{position:relative;padding:0 0 1.2rem 0}
.layout-store .map .bt-map{display:flex;align-items:center;padding:0 1rem;height:4rem;font-size:1.4rem;color:#545454;border:.1rem solid #cdcdcd;border-radius:4rem}
.layout-store .map .bt-map i{display:block;margin-right:.6rem;width:2rem;height:2rem;background:url("/img/user/ico-mpin2.svg") no-repeat 50% 50%}
.layout-store .map .bt-map span{display:block;padding-right:3rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.layout-store .map .bt-map .bt-copy{display:block;position:absolute;right:.6rem;;z-index:2;margin-right:.6rem;width:2rem;height:2rem;background:url("/img/user/ico-copy.svg") no-repeat 50% 50%}
.layout-store .map .bt-cls{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;width:2rem;height:2rem;background:url("/img/gnb/h-btn-close.svg") no-repeat 50% 50% / 1.2rem auto}
.layout-store .img{margin:0 0 1.6rem 0}
.layout-store .img .image{display:flex;align-items:center;justify-content:center;height:14.4rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden}
.layout-store .img.more{position:relative}
.layout-store .img.more .image:nth-child(1){width:calc(50% - .2rem)}
.layout-store .img.more .image:nth-child(2){position:absolute;top:0;right:0;width:calc(50% - .2rem);height:7rem}
.layout-store .img.more .image:nth-child(3){position:absolute;bottom:0;right:0;width:calc(50% - .2rem);height:7rem}
.layout-store .img.more .image:nth-child(3) strong{position:relative;z-index:2;font-size:2.4rem;font-weight:400;color:#fff}
.layout-store .img.more .image:nth-child(3):before{content:"";position:absolute;z-index:1;top:0;bottom:0;right:0;left:0;background:rgb(0 0 0 / 50%)}
.layout-store .box{position:relative;background:#fff}
.layout-store .box .txt{display:flex;align-items:center}
.layout-store .box .txt a{display:block;height:7.7rem;line-height:1.6;font-size:1.6rem;font-weight:400;color:#000;overflow:hidden}
.layout-store .box .opt{display:flex;align-items:center;margin-top:2.4rem}
.layout-store .box .opt span{font-size:1.4rem;font-weight:400;color:#545454}
.layout-store .box .opt span + span{padding:0 0 0 .8rem}
.layout-store .box .opt span em{color:#8a8a8a}
.layout-store .box .opt .time{margin:0 !important;font-size:1.4rem;color:#8a8a8a}
.layout-store .box .opt .like.act,
.layout-store .box .opt .like.act em{font-weight:700;color:#2B90FF}
.layout-store .box .chk{position:absolute;top:0;bottom:0;right:1.2rem;display:flex;align-items:center}
.layout-store .box .lab{display:flex;align-items:center;justify-content:space-between;margin-top:1.2rem;padding-top:1.2rem;border-top:.1rem solid #cdcdcd}
.layout-store .box .lab .feed{display:flex;align-items:center;gap:1.6rem}
.layout-store .box .lab .feed .rc{display:flex;align-items:center;gap:.6rem;min-width:8.1rem;height:3rem;font-size:1.4rem;color:#fff;background-color:rgb(0 0 0 / 50%);border-radius:3rem;cursor:pointer}
.layout-store .box .lab .feed .rc:before{content:'';margin-left:1rem;min-width:2.8rem;height:2.2rem;background:url("/img/etc/ico-hand.svg") no-repeat 50% 50%}
.layout-store .box .lab .feed .rc.act:before{background:url("/img/etc/ico-hand-act.svg") no-repeat 50% 50%}
.layout-store .box .lab .feed .rp{display:flex;align-items:center;gap:.6rem;min-width:4.8rem;height:3rem;font-size:1.4rem;color:#545454;cursor:pointer}
.layout-store .box .lab .feed .rp:before{content:'';min-width:2.8rem;height:2.2rem;background:url("/img/etc/ico-reply2.svg") no-repeat 50% 50%}
.layout-store .box .lab .rcmm{display:flex;align-items:center;font-size:1.4rem}
.layout-store .box .lab .rcmm strong{margin-left:.4rem;font-size:1.4rem}
.layout-store .box .lab .rcmm .imgs{display:inline-block;position:relative;width:2.4rem;height:2.4rem;border:.1rem solid #2f2f2f;background:#ccc;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:3.6rem;overflow:hidden}
.layout-store .box .lab .rcmm .imgs + .imgs{margin-left:-1rem}














.kline{display:block;margin:0;border:0;border-top:.1rem solid #e4e4e8;border-bottom:1rem solid #f8f8f8}
.ktline{display:block;border-top:0 solid #e4e4e8;border-bottom:.6rem solid #f4f4f4}
.ktline1{display:block;border-top:0 solid #e4e4e8;border-bottom:.1rem solid #e1e1e1}





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










#ktplay .kt-option .ip-itm.act + label strong:before{content:'';display:flex;width:2.4rem;height:2.4rem;background:#3182F5 url("/img/user/chk-ck1.svg") no-repeat 50% 50%}

.nav-dp31 .innr + .innr .tit{margin-left:.8rem}
.nav-dp32 .innr + .innr .tit{margin-left:.8rem}
.nav-dp33 .innr + .innr .tit{margin-left:.8rem}
.nav-dp34 .innr + .innr .tit{margin-left:.8rem}
.nav-dp35 .innr + .innr .tit{margin-left:.8rem}
.nav-dp36 .innr + .innr .tit{margin-left:.8rem}
.nav-dp37 .innr + .innr .tit{margin-left:.8rem}
.nav-dp38 .innr + .innr .tit{margin-left:.8rem}
.nav-dp39 .innr + .innr .tit{margin-left:.8rem}
.nav-dp310 .innr + .innr .tit{margin-left:.8rem}
.nav-dp311 .innr + .innr .tit{margin-left:.8rem}
.nav-dp312 .innr + .innr .tit{margin-left:.8rem}
.nav-dp313 .innr + .innr .tit{margin-left:.8rem}
.nav-dp314 .innr + .innr .tit{margin-left:.8rem}
.nav-dp315 .innr + .innr .tit{margin-left:.8rem}
.nav-dp316 .innr + .innr .tit{margin-left:.8rem}
.nav-dp317 .innr + .innr .tit{margin-left:.8rem}
.nav-dp318 .innr + .innr .tit{margin-left:.8rem}
.nav-dp319 .innr + .innr .tit{margin-left:.8rem}
.nav-dp320 .innr + .innr .tit{margin-left:.8rem}
.nav-dp321 .innr + .innr .tit{margin-left:.8rem}
.nav-dp322 .innr + .innr .tit{margin-left:.8rem}
.nav-dp323 .innr + .innr .tit{margin-left:.8rem}
.nav-dp324 .innr + .innr .tit{margin-left:.8rem}
.nav-dp325 .innr + .innr .tit{margin-left:.8rem}
.nav-dp326 .innr + .innr .tit{margin-left:.8rem}
.nav-dp327 .innr + .innr .tit{margin-left:.8rem}
.nav-dp328 .innr + .innr .tit{margin-left:.8rem}
.nav-dp329 .innr + .innr .tit{margin-left:.8rem}
.nav-dp330 .innr + .innr .tit{margin-left:.8rem}
.nav-dp331 .innr + .innr .tit{margin-left:.8rem}
.nav-dp332 .innr + .innr .tit{margin-left:.8rem}
.nav-dp333 .innr + .innr .tit{margin-left:.8rem}
.nav-dp334 .innr + .innr .tit{margin-left:.8rem}
.nav-dp335 .innr + .innr .tit{margin-left:.8rem}
.nav-dp336 .innr + .innr .tit{margin-left:.8rem}
.nav-dp337 .innr + .innr .tit{margin-left:.8rem}
.nav-dp338 .innr + .innr .tit{margin-left:.8rem}
.nav-dp339 .innr + .innr .tit{margin-left:.8rem}
.nav-dp340 .innr + .innr .tit{margin-left:.8rem}
.nav-dp341 .innr + .innr .tit{margin-left:.8rem}
.nav-dp342 .innr + .innr .tit{margin-left:.8rem}
.nav-dp343 .innr + .innr .tit{margin-left:.8rem}
.nav-dp344 .innr + .innr .tit{margin-left:.8rem}
.nav-dp345 .innr + .innr .tit{margin-left:.8rem}
.nav-dp346 .innr + .innr .tit{margin-left:.8rem}
.nav-dp347 .innr + .innr .tit{margin-left:.8rem}
.nav-dp348 .innr + .innr .tit{margin-left:.8rem}
.nav-dp349 .innr + .innr .tit{margin-left:.8rem}
.nav-dp350 .innr + .innr .tit{margin-left:.8rem}
.nav-dp351 .innr + .innr .tit{margin-left:.8rem}
.nav-dp352 .innr + .innr .tit{margin-left:.8rem}
.nav-dp353 .innr + .innr .tit{margin-left:.8rem}
.nav-dp354 .innr + .innr .tit{margin-left:.8rem}
.nav-dp355 .innr + .innr .tit{margin-left:.8rem}
.nav-dp356 .innr + .innr .tit{margin-left:.8rem}
.nav-dp357 .innr + .innr .tit{margin-left:.8rem}
.nav-dp358 .innr + .innr .tit{margin-left:.8rem}
.nav-dp359 .innr + .innr .tit{margin-left:.8rem}
.nav-dp11 .innr + .innr .lik{margin-left:.8rem}
.nav-dp21 .innr + .innr .lik{margin-left:.8rem}


/**/
.nwprot-image .img{position:relative}
.nwprot-image .img .image{display:block;padding-bottom:12.6rem;background-color:#eee;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden}
.nwprot-image .box{position:absolute;bottom:2rem;left:1.8rem}
.nwprot-image .box .tit{display:inline-block;margin-bottom:.8rem;padding:.4rem .6rem;font-size:1.4rem;font-weight:400;color:#fff;border:.1rem solid #fff}
.nwprot-image .box .txt{line-height:1.4;font-size:2.4rem;font-weight:700;color:#fff}
.nwprot-image .paging{display:flex;align-items:center;justify-content:center;gap:.4rem;position:absolute;z-index:1;top:1.6rem;right:1.8rem;bottom:auto;left:auto;padding:0 1rem;width:auto;height:2.6rem;font-size:1.4rem;color:rgb(255 255 255 / 60%);background:rgb(0 0 0 / 60%);border-radius:1.8rem}
.nwprot-image .paging .swiper-pagination-current{color:rgb(255 255 255 / 100%)}

.nwprot-nav{display:flex;align-items:center;justify-content:space-between;position:sticky;z-index:12;top:5rem;padding:1.6rem 3.2rem;border-bottom:.1rem solid #E6E6E6;background:#fff}
.nwprot-nav.fix{position:fixed;z-index:19;top:10.5rem;max-width:42rem;width:100%}
.nwprot-nav .innr{width:auto !important}
.nwprot-nav .innr button i{display:block;width:6rem;height:6rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
.nwprot-nav .innr button span{display:block;margin-top:.8rem;font-size:1.6rem;font-weight:700;color:#9A9A9A}
.nwprot-nav .innr:nth-child(1) button i{background-image:url("/img/etc/img-prod1.png")}
.nwprot-nav .innr:nth-child(2) button i{background-image:url("/img/etc/img-prod2.png")}
.nwprot-nav .innr:nth-child(3) button i{background-image:url("/img/etc/img-prod3.png")}
.nwprot-nav .innr.act:nth-child(1) button i{background-image:url("/img/etc/img-prod1-act.png")}
.nwprot-nav .innr.act:nth-child(2) button i{background-image:url("/img/etc/img-prod2-act.png")}
.nwprot-nav .innr.act:nth-child(3) button i{background-image:url("/img/etc/img-prod3-act.png")}
.nwprot-nav .innr.act:nth-child(1) button span{background:linear-gradient(90deg, #F9CE25 0%, #FF534E 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}
.nwprot-nav .innr.act:nth-child(2) button span{background:linear-gradient(90deg, #88FBA3 0%, #09CCF9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}
.nwprot-nav .innr.act:nth-child(3) button span{background:linear-gradient(90deg, #FF758E 0%, #FF7EB1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}

.body-store.white{border-top:.8rem solid #F4F4F4;border-bottom:.1rem solid #E6E6E6;background:#fff}
.body-store .title{display:flex;align-items:center;justify-content:space-between;padding:0 1.8rem;height:7rem}
.body-store .title h3{font-size:2.2rem;font-weight:400;color:#2F2F2F}

.nwtbnav2.act .nwfeed-nav{display:flex}
.nwfeed-nav{display:none;align-items:center;justify-content:space-between;padding:1.6rem 3.2rem;border-bottom:.1rem solid #E6E6E6;background:#fff}
.nwfeed-nav.fix{position:fixed;z-index:19;top:10.5rem;max-width:42rem;width:100%}
.nwfeed-nav .innr{width:auto !important}
.nwfeed-nav .innr button i{display:block;width:6rem;height:6rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
.nwfeed-nav .innr button span{display:block;margin-top:.8rem;font-size:1.6rem;font-weight:700;color:#9A9A9A}
.nwfeed-nav .innr:nth-child(1) button i{background-image:url("/img/etc/img-feed1.png")}
.nwfeed-nav .innr:nth-child(2) button i{background-image:url("/img/etc/img-feed2.png")}
.nwfeed-nav .innr:nth-child(3) button i{background-image:url("/img/etc/img-feed3.png")}
.nwfeed-nav .innr.act:nth-child(1) button i{background-image:url("/img/etc/img-feed1-act.png")}
.nwfeed-nav .innr.act:nth-child(2) button i{background-image:url("/img/etc/img-feed2-act.png")}
.nwfeed-nav .innr.act:nth-child(3) button i{background-image:url("/img/etc/img-feed3-act.png")}

.nwfeed-nav .innr.act:nth-child(1) button span{background:linear-gradient(90deg, #F96B8D 0%, #F6D96F 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}
.nwfeed-nav .innr.act:nth-child(2) button span{background:linear-gradient(90deg, #079F44 0%, #C2FF15 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}
.nwfeed-nav .innr.act:nth-child(3) button span{background:linear-gradient(90deg, #47BFE5 0%, #2A4AED 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}

.nwfeed-abt{padding:3rem 0;text-align:center}
.nwfeed-abt .tit{font-size:2rem;color:#2F2F2F}
.nwfeed-abt .txt{margin-top:.4rem;font-size:1.6rem;color:#787878}









.gap16{height:1.6rem}

.filter1{filter:drop-shadow(.4rem .8rem .8rem rgb(0 0 0 / 20%))}

.footbnnr .img .image{display:block;padding-bottom:11rem;background:#ccc;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden;cursor:pointer}
.footbnnr .paging{display:flex;align-items:center;justify-content:center;gap:.4rem;position:absolute;z-index:1;bottom:1.4rem;right:1.4rem;top:auto;left:auto;padding:0 1.2rem;width:auto;height:2.6rem;font-size:1.4rem;font-weight:400;color:rgb(255 255 255 / 50%);background:rgb(0 0 0 / 60%);border-radius:2.6rem}
.footbnnr .paging .swiper-pagination-current{color:rgb(255 255 255 / 100%)}
 
#age-main .nwtitle h2{line-height:1.4;font-size:1.8rem;font-weight:400}
#age-main .nwtitle h2 strong{font-size:2.2rem !important}
#age-main .nwtitle h2 span{font-size:2.2rem !important}

.nwtitle{display:flex;flex-direction:column;gap:.4rem;position:relative}
.nwtitle em{font-size:1.6rem;color:#2F2F2F}
.nwtitle h2{line-height:1.4;font-size:1.8rem;font-weight:400}
.nwtitle h2 strong{font-size:2.2rem !important}
.nwtitle h2 span{font-size:2.2rem !important}
.nwtitle h3{line-height:1.4}
.nwtitle h3 strong{font-size:2.4rem}
.nwtitle h3 span{font-size:2.4rem;font-weight:400}
.nwtitle h4{font-size:1.8rem;font-weight:400;color:#787878}
.nwtitle .more{position:absolute;bottom:0;right:0;font-size:2.4rem;cursor:pointer}

.nwstore-value{padding:2rem 1.8rem}
.nwstore-value .nwtitle{margin:2rem 0}
.nwstore-value > .innr + .innr{margin-top:4rem}
.nwstore-value .innr:nth-child(1) .label{background:linear-gradient(90deg, #EB4949 4%, #DFA637 100%)}
.nwstore-value .bigimg{position:relative;margin-bottom:2rem}
.nwstore-value .bigimg .lab .mdp{position:absolute;z-index:2;bottom:1.5rem;left:1.8rem;width:70%}
.nwstore-value .bigimg .lab .mdp .tip{font-size:1.8rem;font-weight:400;color:#fff}
.nwstore-value .bigimg .lab .mdp .tit{line-height:1.4;font-size:2.4rem;font-weight:700;color:#fff;overflow:hidden}
.nwstore-value .bigimg .lab .con{position:absolute;z-index:2;bottom:6.6rem;left:1.8rem;width:70%}
.nwstore-value .bigimg .lab .con .tit{height:6.7rem;line-height:1.4;font-size:2.4rem;font-weight:700;color:#fff;overflow:hidden;cursor:pointer}
.nwstore-value .bigimg .lab .prf{display:flex;align-items:center;gap:.4rem;padding-bottom:.8rem}
.nwstore-value .bigimg .lab .prf .inr{display:flex;align-items:center;gap:.6rem;min-width:2.2rem;overflow:hidden}
.nwstore-value .bigimg .lab .prf .img{position:relative;min-width:2rem;height:2rem;background-color:#fff;border-radius:50%;overflow:hidden}
.nwstore-value .bigimg .lab .prf .img:before{content:"";position:absolute;z-index:2;top:0;bottom:0;right:0;left:0;border:.1rem solid #2f2f2f;border-radius:50%}
.nwstore-value .bigimg .lab .prf .img .image{display:flex;padding:0 0 100% 0;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
.nwstore-value .bigimg .lab .prf .imgs{display:block;min-width:1.8rem;height:1.8rem;border:.1rem solid #2f2f2f;background:#ccc;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:1.8rem;overflow:hidden}
.nwstore-value .bigimg .lab .prf .name{font-size:1.4rem;font-weight:700;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer}
.nwstore-value .bigimg .lab .ht{position:absolute;z-index:2;bottom:2.2rem;right:2.2rem;display:block;width:2.2rem;height:2.2rem}
.nwstore-value .bigimg .lab .feed{display:flex;align-items:center;gap:1.6rem;position:absolute;z-index:2;bottom:1.8rem;left:1.8rem}
.nwstore-value .bigimg .lab .feed span{font-size:1.6rem;font-weight:400}
.nwstore-value .bigimg .lab .feed .rc{display:flex;align-items:center;gap:.6rem;min-width:8.1rem;height:3rem;color:#fff;background-color:rgb(0 0 0 / 50%);border-radius:3rem;cursor:pointer}
.nwstore-value .bigimg .lab .feed .rc:before{content:'';margin-left:1rem;min-width:2.8rem;height:2.2rem;background:url("/img/etc/ico-hand.svg") no-repeat 50% 50%}
.nwstore-value .bigimg .lab .feed .rc.act:before{background:url("/img/etc/ico-hand-act.svg") no-repeat 50% 50%}
.nwstore-value .bigimg .lab .feed .rp{display:flex;align-items:center;gap:.6rem;padding:0 1rem;height:3rem;color:#fff;background-color:rgb(0 0 0 / 50%);border-radius:3rem;cursor:pointer}
.nwstore-value .bigimg .lab .feed .rp:before{content:'';min-width:2.8rem;height:2.2rem;background:url("/img/etc/ico-reply.svg") no-repeat 50% 50%}
.nwstore-value .bigimg .img{position:relative}
.nwstore-value .bigimg .img:before{content:'';position:absolute;z-index:1;bottom:0;right:0;left:0;height:20rem;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%)}
.nwstore-value .bigimg .img .label{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;min-width:2.8rem;height:2.4rem;background:#2F2F2F}
.nwstore-value .bigimg .img .label em{font-size:2rem;color:#fff}
.nwstore-value .bigimg .img .image{display:block;padding-bottom:38.5rem;background:#ccc;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden;cursor:pointer}

.nwstore-value .thumbs .lab .ht{position:absolute;z-index:3;bottom:0;right:0;display:block;width:3.4rem;height:3.4rem}
.nwstore-value .thumbs .img{position:relative}
.nwstore-value .thumbs .img:before{content:'';position:absolute;z-index:1;bottom:0;right:0;left:0;height:5rem;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%)}
.nwstore-value .thumbs .img .label{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;min-width:2.8rem;height:2.4rem;background:#2F2F2F}
.nwstore-value .thumbs .img .label em{font-size:2rem;color:#fff}
.nwstore-value .thumbs .img .image{display:block;padding-bottom:13.6rem;background:#ccc;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden;cursor:pointer}
.nwstore-value .thumbs .box .cot{padding:1rem 0 0 0;font-size:1.5rem;color:#2F2F2F}
.nwstore-value .thumbs .box .tit{padding:.8rem 0;font-size:1.4rem;color:#2F2F2F;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer}

.nwstore-value .howdoprd{padding:0 0 4rem 0}
.nwstore-value .howdoprd .innr > .img .image{padding-bottom:17.4rem !important}

/**/
.nwprod-list.white{background:#fff}
/*.nwprod-list .nwtitle{margin:2rem 0;padding:4rem 1.8rem 0 1.8rem}*/
.nwprod-list .howdoyou{position:relative;padding:4rem 1.8rem 0 1.8rem;overflow:hidden}
.nwprod-list .howdoyou .swiper-wrapper{padding:2rem 0}
.nwprod-list .howdoyou .innr{display:flex;align-items:center;width:auto !important;cursor:pointer}
.nwprod-list .howdoyou .innr + .innr .tit{margin-left:.8rem}
.nwprod-list .howdoyou .innr .tit{display:flex;align-items:center;padding:0 2rem;height:3.6rem;font-size:1.6rem;font-weight:400;color:#787878;background:#F4F4F4;border-radius:3rem;transition:.2s}
.nwprod-list .howdoyou .innr .tit:hover,
.nwprod-list .howdoyou .innr .tit.act{color:#fff;background:linear-gradient(90deg, #6258EE 0%, #56A0FF 100%)}
.nwprod-list .howdoprd{padding:0 1.8rem 4rem 1.8rem}
.nwprod-list .howdoprd .box{padding:.8rem 0;border:0}
.nwprod-list .howdoprd .box .prf{gap:.4rem}
.nwprod-list .howdoprd .box .prf .imgs{border:0 !important}
.nwprod-list .howdoprd .box .prf .name{font-size:1.6rem;cursor:pointer}
.nwprod-list .howdoprd .innr > .img .image{padding-bottom:17.4rem !important}
.nwprod-list .howdoprd.howd1 .innr > .img .image{padding-bottom:20rem !important}
.nwprod-list .howdoprd.howd1 .innr > .img:before{content:'';position:absolute;top:0;bottom:0;right:0;left:0;background:rgb(0 0 0 / 30%)}
.nwprod-list .swiper{padding:3rem 0 3rem 1.8rem;border-bottom:.1rem solid #E6E6E6}
.nwprod-list .swiper-slide{width:14rem}
.nwprod-list .title{padding-bottom:1.6rem}
.nwprod-list .title h2{font-size:1.8rem;font-weight:400}
.nwprod-list .title h2 strong{font-size:2.2rem}
.nwprod-list .title h3{font-size:2rem;font-weight:400}
.nwprod-list .title h3 strong{font-size:2.2rem}
.nwprod-list .innr:nth-child(1) .label{background:linear-gradient(90deg, #EB4949 4%, #DFA637 100%)}
.nwprod-list .lab .news{display:inline-block;padding:.5rem 1rem;font-size:1.2rem;color:#fff;background:#ff6767;border-radius:.4rem}
.nwprod-list .lab .even{display:inline-block;padding:.5rem 1rem;font-size:1.2rem;color:#fff;background:#3c9c5e;border-radius:.4rem}
.nwprod-list .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%}
.nwprod-list .lab .ck{position:absolute;z-index:2;top:1rem;left:1rem;display:block;width:3.2rem;height:3.2rem}
.nwprod-list .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}
.nwprod-list .lab .rb.act{color:#3182F5 !important;background:rgb(255 255 255 / 80%) !important}
.nwprod-list .lab .ht{position:absolute;z-index:2;bottom:1.3rem;right:1.3rem;display:block;width:2.2rem;height:2.2rem}
.nwprod-list .lab .min{display:flex;align-items:center;justify-content:center;gap:.4rem;position:absolute;z-index:2;bottom:1.3rem;left:1.3rem;min-width:12.8rem;height:2.6rem;font-size:1.4rem;color:#545454;background:rgb(255 255 255 / 70%)}
.nwprod-list .lab .min:before{content:'';width:1.4rem;height:1.4rem;background:url("/img/etc/ico-min.svg") no-repeat 50% 50%}
.nwprod-list .img{position:relative}
.nwprod-list .img .con{display:flex;flex-direction:column;gap:.4rem;position:absolute;z-index:2;bottom:1.4rem;left:1.4rem;width:70%}
.nwprod-list .img .con .txt{line-height:1.4;font-size:1.6rem;font-weight:400;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.nwprod-list .img .con .tit{line-height:1.4;font-size:1.8rem;font-weight:700;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.nwprod-list .img .label{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;min-width:2.8rem;height:2.4rem;background:#2F2F2F}
.nwprod-list .img .label em{font-size:2rem;color:#fff}
.nwprod-list .img .deadl{display:flex;align-items:center;justify-content:center;gap:.4rem;position:absolute;top:1rem;left:1rem;padding:0 .8rem;height:2.4rem;font-size:1.4rem;color:#545454;background:rgb(255 255 255 / 75%)}
.nwprod-list .img .deadl:before{content:'';min-width:1.4rem;height:1.4rem;background:url("/img/etc/ico-clock.svg") no-repeat 50% 50%}
.nwprod-list .img .deadl strong{color:#F3132C}
.nwprod-list .img .image{display:block;padding-bottom:16.8rem;background:#ccc;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden;cursor:pointer}
.nwprod-list .box{padding:.8rem;border:.1rem solid #eee;background:#fff}
.nwprod-list .box.box3{padding:1.2rem}
.nwprod-list .box .ico{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}
.nwprod-list .box .ico i{display:inline-block;width:3rem;height:3rem;vertical-align:middle}
.nwprod-list .box .ico em{display:inline-block;margin:0 1rem 0 0;font-size:1.4rem;font-weight:800;vertical-align:middle}
.nwprod-list .box .tit em{display:block;padding:0 0 .5rem 0;font-size:1.2rem;font-weight:700;color:#2f2f2f}
.nwprod-list .box .tit span{display:block;font-size:1.4rem;font-weight:400;color:#2f2f2f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.nwprod-list .box .tit a{display:block;font-size:1.4rem;word-break:break-all}
.nwprod-list .box .txt a{display:block;line-height:1.4;font-size:1.7rem}
.nwprod-list .box .txt span{display:inline-block;padding:0 .5rem;font-size:1.2rem;font-weight:700;color:#999}
.nwprod-list .box .prc{display:flex;align-items:center;padding:.4rem 0;font-size:1.5rem}
.nwprod-list .box .prc.between{justify-content:space-between}
.nwprod-list .box .prc strong{color:#2F2F2F;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.nwprod-list .box .prc strong + strong{padding:0 0 0 .5rem}
.nwprod-list .box .prc span{color:#2F2F2F;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.nwprod-list .box .prc del{padding-left:.6rem;font-size:1.2rem;color:#83878f}
.nwprod-list .box .sal{display:flex;align-items:center;text-decoration:line-through}
.nwprod-list .box .sal strong{font-size:1.5rem;color:#8f8f8f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.nwprod-list .box .sal span{font-size:1.5rem;color:#8f8f8f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.nwprod-list .box .etc{padding:1rem 0 0 0}
.nwprod-list .box .etc span{display:inline-block;padding:0 .8rem 0 0;vertical-align:middle}
.nwprod-list .box .etc i{display:inline-block;font-size:1.8rem;color:#4a4a4a;vertical-align:middle}
.nwprod-list .box .etc em{display:inline-block;padding:0 .4rem;font-size:1.4rem;vertical-align:middle;color:#83878f}
.nwprod-list .box .sale{padding:0 .6rem 0 0;font-size:1.4rem;font-weight:700;color:#5F6EF3}
.nwprod-list .box .sale em{font-size:1.4rem;font-weight:700;color:#3182f5}
.nwprod-list .box .str{display:flex;align-items:center;height:1.4rem}
.nwprod-list .box .str > em{padding:0 .2rem;font-size:1rem;color:#AEAEAE}
.nwprod-list .box .str .star{display:inline-block;width:6.4rem;background:url("/img/ico/star2.svg") no-repeat 0 50%;background-size:6.4rem auto}
.nwprod-list .box .str .star span{display:block;height:1.1rem;background:url("/img/ico/star1.svg") no-repeat 0 50%;background-size:6.4rem auto}
.nwprod-list .box .dey{display:flex;align-items:center;gap:.6rem;margin-top:.6rem}
.nwprod-list .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}
.nwprod-list .box .dey .dy1{border:.1rem solid;border-image:linear-gradient(90deg, #6256ED 0%, #55A3FF 100%);border-image-slice:1}
.nwprod-list .box .dey .dy1 span{background:linear-gradient(90deg, #6256ED 0%, #55A3FF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.nwprod-list .box .dey .dy2{color:#fff;background:linear-gradient(90deg, #6256ED 0%, #55A3FF 100%)}
.nwprod-list .box .dey .dy3{color:#fff;background:linear-gradient(90deg, #55A3FF 0%, #1FDB5F 100%)}
.nwprod-list .box .dey + .prf{margin-top:1rem;padding-top:1rem;border-top:.1rem solid #E6E6E6}
.nwprod-list .box .prf{display:flex;align-items:center;justify-content:space-between;width:100%}
.nwprod-list .box .prf .inr{max-width:80%;width:100%}
.nwprod-list .box .prf .inr + .inr{width:auto}
.nwprod-list .box .prf .inr .thm{display:flex;align-items:center;gap:.6rem}
.nwprod-list .box .prf .inr .time{font-size:1.2rem}
.nwprod-list .box .prf .img{position:relative;min-width:2rem;height:2rem;border-radius:50%;overflow:hidden}
.nwprod-list .box .prf .img:before{content:"";position:absolute;z-index:2;top:0;bottom:0;right:0;left:0;border:0rem solid #2f2f2f;border-radius:50%}
.nwprod-list .box .prf .img .image{display:flex;padding:0 0 100% 0;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
.nwprod-list .box .prf .imgs{display:block;min-width:1.8rem;height:1.8rem;border:.1rem solid #2f2f2f;background:#ccc;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:1.8rem;overflow:hidden}
.nwprod-list .box .prf .name{display:block;font-size:1.2rem;font-weight:700;color:#2f2f2f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.nwprod-list .box .abt{padding:1rem 0;line-height:1.8;font-size:1.4rem;color:#2f2f2f}
.nwprod-list .box .lab{padding-top:1.4rem;border-top:.1rem solid #E6E6E6}
.nwprod-list .box .lab .feed{display:flex;align-items:center;gap:1.2rem}
.nwprod-list .box .lab .feed span{font-size:1.2rem;font-weight:400}
.nwprod-list .box .lab .feed .rc{display:flex;align-items:center;gap:.6rem;padding:0 .8rem;height:2.2rem;color:#fff;background-color:rgb(0 0 0 / 50%);border-radius:3rem;cursor:pointer}
.nwprod-list .box .lab .feed .rc:before{content:'';min-width:1.8rem;height:1.4rem;background:url("/img/etc/ico-hand.svg") no-repeat 50% 50%;background-size:cover}
.nwprod-list .box .lab .feed .rc.act:before{background:url("/img/etc/ico-hand-act.svg") no-repeat 50% 50%;background-size:cover}
.nwprod-list .box .lab .feed .rp{display:flex;align-items:center;gap:.6rem;padding:0 .8rem;height:2.2rem;color:#fff;background-color:rgb(0 0 0 / 50%);border-radius:3rem;cursor:pointer}
.nwprod-list .box .lab .feed .rp:before{content:'';min-width:1.4rem;height:1.4rem;background:url("/img/etc/ico-reply.svg") no-repeat 50% 50%;background-size:cover}


/**/
.nwprod-keyw{margin-bottom:.6rem;padding:2.4rem 1.8rem;border-bottom:.1rem solid #e6e6e6;background:#fff}
.nwprod-keyw .title{display:flex;align-items:center;padding-bottom:1.6rem}
.nwprod-keyw .title h3{font-size:2rem;font-weight:400}
.nwprod-keyw .keyword{display:flex;flex-wrap:wrap;gap:.8rem}
.nwprod-keyw .bt-keyw{display:flex;align-items:center;gap:.2rem;padding:0 .8rem;min-width:6.6rem;height:3.4rem;border:.1rem solid #cdcdcd}
.nwprod-keyw .keyw1:before{content:'';width:2.6rem;height:2.6rem;background:url("/img/etc/ico-keyw1.png") no-repeat 50% 50%}
.nwprod-keyw .keyw2:before{content:'';width:2.6rem;height:2.6rem;background:url("/img/etc/ico-keyw2.png") no-repeat 50% 50%}
.nwprod-keyw .keyw3:before{content:'';width:2.6rem;height:2.6rem;background:url("/img/etc/ico-keyw3.png") no-repeat 50% 50%}
.nwprod-keyw .keyw4:before{content:'';width:2.6rem;height:2.6rem;background:url("/img/etc/ico-keyw4.png") no-repeat 50% 50%}
.nwprod-keyw .keyw5:before{content:'';width:2.6rem;height:2.6rem;background:url("/img/etc/ico-keyw5.png") no-repeat 50% 50%}
.nwprod-keyw .keyw6:before{content:'';width:2.6rem;height:2.6rem;background:url("/img/etc/ico-keyw6.png") no-repeat 50% 50%}

/*기본 슬라이드 목록*/
.nwstore-slide{position:relative;margin-bottom:.6rem;background:#fff;overflow:hidden}
.nwstore-slide .swiper{}
.nwstore-slide .swiper-slide{}
.nwstore-slide .paging{display:flex;align-items:center;justify-content:center;gap:.4rem;position:absolute;z-index:1;top:1.6rem;right:1.8rem;bottom:auto;left:auto;padding:0 1rem;width:auto;height:2.6rem;font-size:1.4rem;color:rgb(255 255 255 / 60%);background:rgb(0 0 0 / 60%);border-radius:1.8rem}
.nwstore-slide .paging .swiper-pagination-current{color:rgb(255 255 255 / 100%)}
.nwstore-slide .title{display:flex;align-items:center;height:6.4rem;padding:0 1.8rem}
.nwstore-slide .title h3{font-size:2rem;font-weight:400}
.nwstore-slide .innr + .innr{margin-top:4rem}
.nwstore-slide .bd10 + .bd10{margin-top:0;border-top:1rem solid #F4F4F4}
.nwstore-slide .innr:nth-child(1) .label{background:linear-gradient(90deg, #EB4949 4%, #DFA637 100%)}
.nwstore-slide .lab .news{display:inline-block;padding:.5rem 1rem;font-size:1.2rem;color:#fff;background:#ff6767;border-radius:.4rem}
.nwstore-slide .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%}
.nwstore-slide .lab .ck{position:absolute;z-index:2;top:1rem;left:1rem;display:block;width:3.2rem;height:3.2rem}
.nwstore-slide .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}
.nwstore-slide .lab .rb.act{color:#3182F5 !important;background:rgb(255 255 255 / 80%) !important}
.nwstore-slide .lab .ht{position:absolute;z-index:2;bottom:1.3rem;right:1.3rem;display:block;width:2.2rem;height:2.2rem}
.nwstore-slide .lab .min{display:flex;align-items:center;justify-content:center;gap:.4rem;position:absolute;z-index:2;bottom:1.3rem;left:1.3rem;min-width:12.8rem;height:2.6rem;font-size:1.4rem;color:#545454;background:rgb(255 255 255 / 70%)}
.nwstore-slide .lab .min:before{content:'';width:1.4rem;height:1.4rem;background:url("/img/etc/ico-min.svg") no-repeat 50% 50%}
.nwstore-slide .img .lab .even{display:flex;align-items:center;gap:.6rem;position:absolute;z-index:2;top:1.6rem;left:1.6rem}
.nwstore-slide .img .lab .even span{display:flex;align-items:center;justify-content:center;position:relative;z-index:2;padding:0 1.2rem;height:2.8rem;font-size:1.2rem;font-weight:700;text-align:center}
.nwstore-slide .img .lab .even .ev{min-width:5.6rem;color:#fff;border:.1rem solid #fff;background:linear-gradient(90deg, #F96B8D 0%, #F7D96F 100%)}
/*
.nwstore-slide .img .lab .even .dy{min-width:5.1rem;color:#F97C89;border:.1rem solid #F97C89;background:rgb(255 255 255 / 60%)}
*/
.nwstore-slide .img .lab .even .dy{min-width:5.1rem;color:#787878;border:.1rem solid #9A9A9A;background:rgb(255 255 255 / 60%)}
.nwstore-slide .img .lab .even .nw{min-width:5.6rem;color:#fff;border:.1rem solid #fff;background:linear-gradient(90deg, #1AC05C 0%, #C2FF15 100%)}
.nwstore-slide .img .lab .even .rm{min-width:5.6rem;color:#3182F5;border:.1rem solid #55A3FF;background:#fff}
.nwstore-slide .img .lab .even .nt{min-width:5.6rem;color:#787878;border:.1rem solid #9A9A9A;background:#fff}
.nwstore-slide .img .lab .feed{display:flex;align-items:center;gap:1.6rem;position:absolute;z-index:2;bottom:1rem;left:1.6rem}
.nwstore-slide .img .lab .feed .rc{display:none !important;align-items:center;gap:.6rem;min-width:8.1rem;height:3rem;color:#fff;background-color:rgb(0 0 0 / 50%);border-radius:3rem;cursor:pointer}
.nwstore-slide .img .lab .feed .rc:before{content:'';margin-left:1rem;min-width:2.8rem;height:2.2rem;background:url("/img/etc/ico-hand.svg") no-repeat 50% 50%}
.nwstore-slide .img .lab .feed .rc.act:before{background:url("/img/etc/ico-hand-act.svg") no-repeat 50% 50%}
.nwstore-slide .img .lab .feed .rp{display:flex;align-items:center;gap:.6rem;min-width:4.8rem;height:3rem;color:#fff;cursor:pointer}
.nwstore-slide .img .lab .feed .rp:before{content:'';min-width:2.8rem;height:2.2rem;background:url("/img/etc/ico-reply.svg") no-repeat 50% 50%}
.nwstore-slide .img{position:relative}
.nwstore-slide .img:before{content:'';position:absolute;z-index:1;bottom:0;right:0;left:0;height:5rem;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%)}
.nwstore-slide .img .label{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;min-width:2.8rem;height:2.4rem;background:#2F2F2F}
.nwstore-slide .img .label em{font-size:2rem;color:#fff}
.nwstore-slide .img .image{display:block;padding-bottom:100%;background:#ccc;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden;cursor:pointer}

.nwstore-slide .img.none{padding:0 1.8rem}
.nwstore-slide .img.none:before{display:none}
.nwstore-slide .img.none .lab .even{position:static}

.nwstore-slide .box{display:flex;/*flex-direction:column;*/gap:.9rem;position:relative;padding:1.6rem .8rem}
.nwstore-slide .box .prf{display:flex;gap:.4rem;padding:0 1rem;width:100%;overflow:hidden;cursor:pointer}
.nwstore-slide .box .prf .imgs{display:block;min-width:3.6rem;height:3.6rem;border:.1rem solid #2f2f2f;background:#ccc;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:3.6rem;overflow:hidden}
.nwstore-slide .box .prf .name{font-size:1.6rem;font-weight:700;color:#2f2f2f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.nwstore-slide .box .prf .name .time{display:block;font-size:1.4rem;font-weight:400;color:#8A8A8A}
.nwstore-slide .box .prf .home{display:flex;gap:.2rem;font-size:1.4rem;font-weight:400;color:#545454}
.nwstore-slide .box .prf .home i{display:block;width:1.8rem;height:1.8rem;background:url("/img/etc/ico-home.svg") no-repeat 50% 50%;background-size:cover;border-radius:1.8rem}
.nwstore-slide .box .prf .star{display:flex;align-items:center;gap:.2rem;font-size:1.4rem;font-weight:400;color:#545454}
.nwstore-slide .box .prf .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}
.nwstore-slide .box .prf .star.none{color:#545454}
.nwstore-slide .box .prf .star.none i{background-image:url("/img/etc/ico-nwstar-none.svg")}
.nwstore-slide .box .btn{display:flex;align-items:center;min-width:3rem}
.nwstore-slide .box .btn .bt-nav{width:2.4rem;height:2.4rem;background:url("/img/etc/ico-nav.svg") no-repeat 50% 50%}
.nwstore-slide .box .str{display:flex;align-items:center;gap:.8rem}
.nwstore-slide .box .str em{width:.1rem;height:1.2rem;background:#747474}
.nwstore-slide .box .str .star{display:flex;align-items:center;gap:.2rem;font-size:1.4rem;font-weight:400;color:#545454}
.nwstore-slide .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}
.nwstore-slide .box .str .star.none{color:#545454}
.nwstore-slide .box .str .star.none i{background-image:url("/img/etc/ico-nwstar-none.svg")}
.nwstore-slide .box .str .area{font-size:1.4rem;font-weight:400;color:#545454}
.nwstore-slide .box .str .type{display:block;font-size:1.4rem;font-weight:400;color:#747474;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.nwstore-slide .box .chk{position:absolute;top:2rem;right:1.4rem}
.nwstore-slide .box .chk .bt-chk{display:flex;align-items:center;justify-content:center;min-width:6.9rem;height:3.2rem;font-size:1.6rem;font-weight:700;color:#a4a4a4;border:.1rem solid #a4a4a4}
.nwstore-slide .box .chk .bt-chk.act{color:#fff;border:.1rem solid #3182F5;background:linear-gradient(90deg, #3182F5 0%, #76AFFF 100%)}
.nwstore-slide .opt{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}
.nwstore-slide .opt .dey{display:flex;align-items:center;gap:.8rem}
.nwstore-slide .opt .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}
.nwstore-slide .opt .dey .dy1{border:.1rem solid;border-image:linear-gradient(90deg, #6256ED 0%, #55A3FF 100%);border-image-slice:1}
.nwstore-slide .opt .dey .dy1 span{background:linear-gradient(90deg, #6256ED 0%, #55A3FF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.nwstore-slide .opt .dey .dy2{color:#fff;background:linear-gradient(90deg, #6256ED 0%, #55A3FF 100%)}
.nwstore-slide .opt .etc{display:flex;align-items:center;gap:.2rem}
.nwstore-slide .opt .etc .space{display:flex;align-items:center;justify-content:center;gap:.4rem;position:relative;pading:0 .8rem;min-width:9.5rem;height:2.6rem;font-size:1.4rem;text-align:center;color:#545454;background:#e4e4e4}
.nwstore-slide .opt .etc .space:before{content:'';width:1.4rem;height:1.4rem;background:url("/img/etc/ico-foot.svg") no-repeat 50% 50%}
.nwstore-slide .opt .etc .like{display:flex;align-items:center;justify-content:center;gap:.4rem;position:relative;pading:0 .8rem;min-width:5.1rem;height:2.6rem;font-size:1.4rem;text-align:center;color:#545454}
.nwstore-slide .opt .etc .like:before{content:'';width:1.4rem;height:1.4rem;background:url("/img/etc/ico-like.svg") no-repeat 50% 50%}
.nwstore-slide .opt .etc .like.act{background:linear-gradient(90deg, #3182F5 0%, #76AFFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.nwstore-slide .opt .etc .like.act:before{background-image:url("/img/etc/ico-like-act.svg")}
.nwstore-slide .map{display:flex;align-items:center;padding:0 1.8rem;height:4.4rem;border-bottom:.1rem solid #e6e6e6}
.nwstore-slide .map .bt-map{width:100%;font-size:1.5rem;font-weight:400;text-align:left;color:#545454;background:url("/img/etc/bt-map.svg") no-repeat 100% 50%}
.nwstore-slide .con{padding:0 1.8rem}
.nwstore-slide .con .tit{padding:1.4rem 0 .6rem 0;font-size:1.6rem;font-weight:700;color:#2F2F2F;cursor:pointer}
.nwstore-slide .con .txt{display:flex;align-items:flex-end;margin:1.4rem 0;font-size:1.6rem;font-weight:400;color:#2F2F2F;cursor:pointer}
.nwstore-slide .con .txt .ellip{text-overflow:ellipsis;overflow:hidden;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.nwstore-slide .con .txt .bt-more{min-width:4rem;font-size:1.4rem;color:#999}
.nwstore-slide .con .lab{display:flex;align-items:center;justify-content:space-between;padding:1.3rem 0}
.nwstore-slide .con .lab .feed{display:flex;align-items:center;gap:1.6rem}
.nwstore-slide .con .lab .feed .rc{display:flex;align-items:center;gap:.6rem;min-width:8.1rem;height:3rem;color:#fff;background-color:rgb(0 0 0 / 50%);border-radius:3rem;cursor:pointer}
.nwstore-slide .con .lab .feed .rc:before{content:'';margin-left:1rem;min-width:2.8rem;height:2.2rem;background:url("/img/etc/ico-hand.svg") no-repeat 50% 50%}
.nwstore-slide .con .lab .feed .rc.act:before{background:url("/img/etc/ico-hand-act.svg") no-repeat 50% 50%}
.nwstore-slide .con .lab .feed .rp{display:flex;align-items:center;gap:.6rem;min-width:4.8rem;height:3rem;color:#545454;cursor:pointer}
.nwstore-slide .con .lab .feed .rp:before{content:'';min-width:2.8rem;height:2.2rem;background:url("/img/etc/ico-reply2.svg") no-repeat 50% 50%}
.nwstore-slide .con .lab .rcmm{display:flex;align-items:center}
.nwstore-slide .con .lab .rcmm strong{margin-left:.4rem}
.nwstore-slide .con .lab .rcmm .imgs{display:inline-block;position:relative;width:2.4rem;height:2.4rem;border:.1rem solid #2f2f2f;background:#ccc;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:3.6rem;overflow:hidden}
.nwstore-slide .con .lab .rcmm .imgs + .imgs{margin-left:-1rem}

/*업체 내비게이션*/
.nwstore-nav{display:flex;align-items:center;gap:1.8rem;position:sticky;z-index:20;top:5rem;background-color:#fff}
.nwstore-nav .innr{width:auto !important}
.nwstore-nav .innr .bt-nav{display:flex;align-items:center;padding:.8rem 0 1.8rem 1.8rem;font-size:2.4rem;font-weight:900;color:#9A9A9A}
.nwstore-nav .innr:nth-child(1):hover .bt-nav{background:linear-gradient(90deg, #6256ED 0%, #55A3FF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.nwstore-nav .innr:nth-child(2):hover .bt-nav{background:linear-gradient(90deg, #F96B8D 0%, #F6D96F 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.nwstore-nav .innr:nth-child(3):hover .bt-nav{background:linear-gradient(90deg, #1AC05C 0%, #C2FF15 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.nwstore-nav .innr:nth-child(1).act .bt-nav{background:linear-gradient(90deg, #6256ED 0%, #55A3FF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.nwstore-nav .innr:nth-child(2).act .bt-nav{background:linear-gradient(90deg, #F96B8D 0%, #F6D96F 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.nwstore-nav .innr:nth-child(3).act .bt-nav{background:linear-gradient(90deg, #1AC05C 0%, #C2FF15 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.nwstore-image{position:relative;background:#ccc;overflow:hidden}
.nwstore-image .img{position:relative}
.nwstore-image .img .image{display:block;padding-bottom:42.6rem;background-color:#eee;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden;cursor:pointer}
.nwstore-image .box{position:absolute;bottom:2rem;left:1.8rem}
.nwstore-image .box .tit{display:inline-block;margin-bottom:.8rem;padding:.4rem .6rem;font-size:1.4rem;font-weight:400;color:#fff;border:.1rem solid #fff}
.nwstore-image .box .txt{line-height:1.4;font-size:2.4rem;font-weight:700;color:#fff}
.nwstore-image .paging{display:flex;align-items:center;justify-content:center;gap:.4rem;position:absolute;z-index:1;top:1.6rem;right:1.8rem;bottom:auto;left:auto;padding:0 1rem;width:auto;height:2.6rem;font-size:1.4rem;color:rgb(255 255 255 / 60%);background:rgb(0 0 0 / 60%);border-radius:1.8rem}
.nwstore-image .paging .swiper-pagination-current{color:rgb(255 255 255 / 100%)}

.nwprod-list .box{display:flex;flex-direction:column}
.nwprod-list .box .ara{display:flex;align-items:center;gap:.6rem;padding:.6rem 0;font-size:1.4rem;font-weight:400;color:#545454}
.nwprod-list .box .ara em{width:.1rem;height:1.3rem;background:#747474}
.nwprod-list .box .ara .area{font-size:1.4rem;font-weight:400;color:#545454}
.nwprod-list .box .ara .type{display:block;font-size:1.4rem;font-weight:400;color:#747474;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.nwprod-list .box .str{display:flex;align-items:center;gap:.2rem;font-size:1.4rem;font-weight:400;color:#545454}
.nwprod-list .box .str 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}
.nwprod-list .box .str.none{color:#545454}
.nwprod-list .box .str.none i{background-image:url("/img/etc/ico-nwstar-none.svg")}

/**/
.nwmain-image .swiper-slide{width:15rem}
.nwmain-image .img{position:relative}
.nwmain-image .img:before{content:'';position:absolute;bottom:0;right:0;left:0;height:16rem;background:linear-gradient(180deg, rgba(180, 169, 164, 0) 0%, #B4A9A4 100%)}
.nwmain-image .img .image{display:block;padding-bottom:42.6rem;background-color:#eee;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden}
.nwmain-image .img.none:before{content:'';display:none !important}
.nwmain-image .box{position:absolute;bottom:2rem;left:1.8rem}
.nwmain-image .box .tit{display:inline-block;margin-bottom:.8rem;padding:.4rem .6rem;font-size:1.4rem;font-weight:400;color:#fff;border:.1rem solid #fff}
.nwmain-image .box .txt{line-height:1.4;font-size:2.4rem;font-weight:700;color:#fff}
.nwmain-image .paging{display:flex;align-items:center;justify-content:center;gap:.4rem;position:absolute;z-index:1;top:1.6rem;right:1.8rem;bottom:auto;left:auto;padding:0 1rem;width:auto;height:2.6rem;font-size:1.4rem;color:rgb(255 255 255 / 60%);background:rgb(0 0 0 / 60%);border-radius:1.8rem}
.nwmain-image .paging .swiper-pagination-current{color:rgb(255 255 255 / 100%)}


/*기본 업체목록*/
.nwstore-list{position:relative;margin-bottom:.6rem;background:#fff;overflow:hidden}
.nwstore-list .swiper{padding:3rem 0 3rem 1.8rem;border-bottom:.1rem solid #E6E6E6}
.nwstore-list .swiper-slide{width:14.5rem}
.nwstore-list .title{padding-bottom:1.6rem}
.nwstore-list .title h3{font-size:2rem;font-weight:400}
.nwstore-list .innr{border:.1rem solid #eee}
.nwstore-list .innr:nth-child(1) .label{background:linear-gradient(90deg, #EB4949 4%, #DFA637 100%)}
.nwstore-list .lab .news{display:inline-block;padding:.5rem 1rem;font-size:1.2rem;color:#fff;background:#ff6767;border-radius:.4rem}
.nwstore-list .lab .even{display:inline-block;padding:.5rem 1rem;font-size:1.2rem;color:#fff;background:#3c9c5e;border-radius:.4rem}
.nwstore-list .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%}
.nwstore-list .lab .ck{position:absolute;z-index:2;top:1rem;left:1rem;display:block;width:3.2rem;height:3.2rem}
.nwstore-list .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}
.nwstore-list .lab .rb.act{color:#3182F5 !important;background:rgb(255 255 255 / 80%) !important}
.nwstore-list .lab .ht{position:absolute;z-index:2;bottom:1.3rem;right:1.3rem;display:block;width:2.2rem;height:2.2rem}
.nwstore-list .lab .min{display:flex;align-items:center;justify-content:center;gap:.4rem;position:absolute;z-index:2;bottom:1.3rem;left:1.3rem;min-width:12.8rem;height:2.6rem;font-size:1.4rem;color:#545454;background:rgb(255 255 255 / 70%)}
.nwstore-list .lab .min:before{content:'';width:1.4rem;height:1.4rem;background:url("/img/etc/ico-min.svg") no-repeat 50% 50%}



.nwstore-list .thm{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem;padding:1.4rem;padding-top:0;background:#fff}
.nwstore-list .thm .image{display:block;padding-bottom:10.5rem;background:#ccc;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden}
.nwstore-list .img{position:relative}
.nwstore-list .img .label{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;min-width:2.8rem;height:2.4rem;background:#2F2F2F}
.nwstore-list .img .label em{font-size:2rem;color:#fff}
.nwstore-list .img .image{display:block;padding-bottom:100%;background:#ccc;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden;cursor:pointer}
.nwstore-list .box{display:flex;flex-direction:column;gap:.9rem;position:relative;padding:1.2rem .8rem}
.nwstore-list .box.box1{border:.1rem solid #e6e6e6;border-bottom:0}
.nwstore-list .box.box2{padding:2rem 1.4rem !important}
.nwstore-list .box .prf{display:flex;align-items:center;gap:.4rem}
.nwstore-list .box .prf .imgs{display:block;min-width:1.8rem;height:1.8rem;border:0rem solid #2f2f2f;background:#ccc;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:1.8rem;overflow:hidden}
.nwstore-list .box .prf .name{font-size:1.6rem;font-weight:700;color:#2f2f2f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer}
.nwstore-list .box .prf .star{display:flex;align-items:center;gap:.2rem;font-size:1.4rem;font-weight:400;color:#545454}
.nwstore-list .box .prf .star i{display:block;width:1.4rem;height:1.4rem;background:url("/img/etc/ico-nwstar.svg") no-repeat 50% 50%;background-size:cover;border-radius:1.4rem}
/*.nwstore-list .box .prf .star.none{color:#545454}
.nwstore-list .box .prf .star.none i{background-image:url("/img/etc/ico-nwstar-none.svg")}*/
.nwstore-list .box .prf .home{display:flex;align-items:center;gap:.2rem;font-size:1.4rem;font-weight:400;color:#545454}
.nwstore-list .box .prf .home i{display:block;width:1.8rem;height:1.8rem;background:url("/img/etc/ico-home.svg") no-repeat 50% 50%;background-size:cover;border-radius:1.8rem}
.nwstore-list .box .str{display:flex;align-items:center;gap:.8rem}
.nwstore-list .box .str em{width:.1rem;height:1.2rem;background:#747474}
.nwstore-list .box .str .star{display:flex;align-items:center;gap:.2rem;font-size:1.4rem;font-weight:400;color:#545454}
.nwstore-list .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}
.nwstore-list .box .str .star.none{color:#545454}
.nwstore-list .box .str .star.none i{background-image:url("/img/etc/ico-nwstar-none.svg")}
.nwstore-list .box .str .area{font-size:1.4rem;font-weight:400;color:#545454}
.nwstore-list .box .str .type{display:block;font-size:1.4rem;font-weight:400;color:#747474;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.nwstore-list .box .chk{position:absolute;top:2rem;right:1.4rem}
.nwstore-list .box .chk .bt-chk{display:flex;align-items:center;justify-content:center;min-width:6.9rem;height:3.2rem;font-size:1.6rem;font-weight:700;color:#fff;background:linear-gradient(90deg, #3182F5 0%, #76AFFF 100%)}
.nwstore-list .box .chk .bt-chk.act{color:#a4a4a4;background:#f4f4f4}
.nwstore-list .opt{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}
.nwstore-list .opt .dey{display:flex;align-items:center;gap:.8rem}
.nwstore-list .opt .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}
.nwstore-list .opt .dey .dy1{border:.1rem solid;border-image:linear-gradient(90deg, #6256ED 0%, #55A3FF 100%);border-image-slice:1}
.nwstore-list .opt .dey .dy1 span{background:linear-gradient(90deg, #6256ED 0%, #55A3FF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.nwstore-list .opt .dey .dy2{color:#fff;background:linear-gradient(90deg, #6256ED 0%, #55A3FF 100%)}
.nwstore-list .opt .dey .dy3{color:#fff;background:linear-gradient(90deg, #55A3FF 0%, #1FDB5F 100%)}
.nwstore-list .opt .etc{display:flex;align-items:center;gap:.2rem}
.nwstore-list .opt .etc .space{display:flex;align-items:center;justify-content:center;gap:.4rem;position:relative;pading:0 .8rem;min-width:9.5rem;height:2.6rem;font-size:1.4rem;text-align:center;color:#545454;background:#e4e4e4}
.nwstore-list .opt .etc .space:before{content:'';width:1.4rem;height:1.4rem;background:url("/img/etc/ico-foot.svg") no-repeat 50% 50%}
.nwstore-list .opt .etc .like{display:flex;align-items:center;justify-content:center;gap:.4rem;position:relative;pading:0 .8rem;min-width:5.1rem;height:2.6rem;font-size:1.4rem;text-align:center;color:#545454}
.nwstore-list .opt .etc .like:before{content:'';width:1.4rem;height:1.4rem;background:url("/img/etc/ico-like.svg") no-repeat 50% 50%}
/*.nwstore-list .opt .etc .like.act{background:linear-gradient(90deg, #3182F5 0%, #76AFFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.nwstore-list .opt .etc .like.act:before{background-image:url("/img/etc/ico-like-act.svg")}*/

.tbnav .bar{width:0; height:.5rem; background:red; position:absolute; bottom:0; left:0; transition :all 0.5s ease;}

.nnnv{display:flex;align-items:center;justify-content:space-around;position:relative;border-top:.6rem solid #f4f4f4;background:#fff}
.nnnv .link{display:flex;align-items:center;justify-content:center;height:5.7rem;font-size:1.6rem;font-weight:500;color:#2F2F2F}
.nnnv .act .link{color:#3182F5}
.nnnv .line{height:.3rem;position:absolute;bottom:0;background:#3182F5}



/*기본 x1*/
.nwstore-list.col1{position:relative;padding:0 1.8rem 2rem 1.8rem;background:none;overflow:hidden}
.nwstore-list.col1 .nwtitle{margin:2rem 0}
.nwstore-list.col1 .innr{border:0}
.nwstore-list.col1 .innr + .innr{margin-top:3rem}
.nwstore-list.col1 .img{position:relative;border:0rem solid #e6e6e6;border-bottom:0}
.nwstore-list.col1 .img:before{content:'';position:absolute;z-index:1;bottom:0;right:0;left:0;height:5rem;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%)}
/*.nwstore-list.col1 .img .image{height:30rem}*/
.nwstore-list.col1 .box{/*border:0rem solid #e6e6e6;border-top:0;*/background:#fff}
.nwstore-list.col1 .box .str em{width:.1rem;height:1.3rem;background:#545454}

.nwcate{overflow:hidden}
.nwcate .nwcate-nav{display:flex;align-items:center;position:relative;border-bottom:.1rem solid #e6e6e6;background:#fff;transition:.4s}
.nwcate .nwcate-nav .innr{display:flex;align-items:center;justify-content:center}
.nwcate .nwcate-nav .innr .bt-nav{display:flex;align-items:center;height:5.7rem;font-size:1.8rem;font-weight:700;color:#2F2F2F}
.nwcate .nwcate-nav .innr:nth-of-type(1).act ~ .nwbar{left:0}
.nwcate .nwcate-nav .innr:nth-of-type(2).act ~ .nwbar{left:25%}
.nwcate .nwcate-nav .innr:nth-of-type(3).act ~ .nwbar{left:50%}
.nwcate .nwcate-nav .innr:nth-of-type(4).act ~ .nwbar{left:75%}

.nwcate .nwcate-nav .nwbar{display:flex;justify-content:center;position:absolute;z-index:1;bottom:0;width:25%;transition:.2s}
.nwcate .nwcate-nav .nwbar i{height:.2rem;background-color:#2F2F2F}
.nwcate .nwcate-nav + .nwcate-con .nwstore-list{padding-top:1.8rem}

.nwcate.col5 .nwcate-nav .innr:nth-of-type(1).act ~ .nwbar{left:0}
.nwcate.col5 .nwcate-nav .innr:nth-of-type(2).act ~ .nwbar{left:20%}
.nwcate.col5 .nwcate-nav .innr:nth-of-type(3).act ~ .nwbar{left:40%}
.nwcate.col5 .nwcate-nav .innr:nth-of-type(4).act ~ .nwbar{left:60%}
.nwcate.col5 .nwcate-nav .innr:nth-of-type(5).act ~ .nwbar{left:80%}
.nwcate.col5 .nwcate-nav .nwbar{width:20%}

/*업체 이벤트 소식 탭에 따른 전체 식품 생활 헬스케어 컨트롤*/
.nwcate-nav.fix{display:none;position:fixed;z-index:19;top:10.5rem;max-width:42rem;width:100%}
.nwstore-con .act .fix{display:flex}
.nwcate-nav.fix + .nwcate-con .nwnav{display:none;position:fixed;z-index:19;top:16.3rem;max-width:42rem;width:100%}
.nwstore-con .act .fix + .nwcate-con .act .nwnav{display:block}

.nwcate .nwnav{position:relative;padding:1rem 1.6rem;background:#f3f3f3;overflow:hidden}
.nwcate .nwnav.white{padding:0 1.8rem;background:#fff}
.nwcate .nwnav .innr{display:flex;align-items:center;width:auto !important;cursor:pointer}
.nwcate .nwnav .innr .tit{display:flex;align-items:center;gap:.6rem;padding:0 1.6rem;height:3.6rem;font-size:1.6rem;font-weight:400;color:#787878;border:.1rem solid #9A9A9A;background:#fff;border-radius:3rem;transition:.2s}
.nwcate .nwnav .innr .tit:hover,
/*.nwcate .nwnav .innr.act .tit{color:#fff;border:.1rem solid #2F2F2F;background:#2F2F2F}*/
.nwcate .nwnav .innr.act .tit{color:#fff;border:.1rem solid #2F2F2F;background:#2F2F2F}
.nwcate .nwnav .innr .tit i{display:flex;align-items:center;width:2.4rem;height:2.4rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:2.4rem;overflow:hidden}
.nwcate .nwnav .innr .tit .ico11{background-image:url("/img/nav/nwca11.png")}
.nwcate .nwnav .innr .tit .ico12{background-image:url("/img/nav/nwca12.png")}
.nwcate .nwnav .innr .tit .ico13{background-image:url("/img/nav/nwca13.png")}
.nwcate .nwnav .innr .tit .ico14{background-image:url("/img/nav/nwca14.png")}
.nwcate .nwnav .innr .tit .ico15{background-image:url("/img/nav/nwca15.png")}
.nwcate .nwnav .innr .tit .ico16{background-image:url("/img/nav/nwca16.png")}
.nwcate .nwnav .innr .tit .ico17{background-image:url("/img/nav/nwca17.png")}
.nwcate .nwnav .innr .tit .ico18{background-image:url("/img/nav/nwca18.png")}
.nwcate .nwnav .innr .tit .ico21{background-image:url("/img/nav/nwca21.png")}
.nwcate .nwnav .innr .tit .ico22{background-image:url("/img/nav/nwca22.png")}
.nwcate .nwnav .innr .tit .ico23{background-image:url("/img/nav/nwca23.png")}
.nwcate .nwnav .innr .tit .ico24{background-image:url("/img/nav/nwca24.png")}
.nwcate .nwnav .innr .tit .ico25{background-image:url("/img/nav/nwca25.png")}
.nwcate .nwnav .innr .tit .ico26{background-image:url("/img/nav/nwca26.png")}
.nwcate .nwnav .innr .tit .ico31{background-image:url("/img/nav/nwca31.png")}
.nwcate .nwnav .innr .tit .ico32{background-image:url("/img/nav/nwca32.png")}
.nwcate .nwnav .innr .tit .ico33{background-image:url("/img/nav/nwca33.png")}
.nwcate .nwnav .innr .tit .ico34{background-image:url("/img/nav/nwca34.png")}
.nwcate .nwnav .innr .lik{display:flex;align-items:center;gap:.6rem;padding:0 1.2rem;height:3.6rem;font-size:1.6rem;font-weight:400;color:#787878;border:.1rem solid #9A9A9A;background:#fff;border-radius:3rem;transition:.2s}
/*.nwcate .nwnav .innr.act .lik{color:#fff;border:.1rem solid #2F2F2F;background:#2F2F2F}*/
.nwcate .nwnav .innr.act .lik{color:#3182F5;border:.1rem solid #55A3FF;background:#fff}
.fix + .nwcate-con .nwcate .nwnav{padding:2rem 1.6rem}

.nwcate-con2 .nwstore-list.col1{padding-top:0 !important}
.nwcate-con21 .nwstore-list.col1{padding-top:0 !important}
.nwcate-con22 .nwstore-list.col1{padding-top:0 !important}
.nwcate-con23 .nwstore-list.col1{padding-top:0 !important}

/*기본좌우지정컨트롤러*/
.tbbox{display:flex;flex-grow:1;align-items:stretch;justify-content:space-between;position:relative;transition:.2s}
.tbbox.white{background:#fff}
.tbbox[data-con-act=tbnav1]{left:0}
.tbbox[data-con-act=tbnav2]{left:-100%}
.tbbox[data-con-act=tbnav3]{left:-200%}
.tbbox[data-con-act=tbnav4]{left:-300%}
.tbbox[data-con-act=tbnav5]{left:-400%}
.tbbox[data-con-act=tbnav6]{left:-500%}
.tbbox[data-con-act=tbnav7]{left:-600%}
.tbbox[data-con-act=tbnav8]{left:-700%}
.tbbox[data-con-act=tbnav9]{left:-800%}
.tbbox[data-con-act=tbnav10]{left:-900%}
.tbbox[data-con-act=tbnav11]{left:-1000%}
.tbbox[data-con-act=tbnav12]{left:-1100%}
.tbbox[data-con-act=tbnav13]{left:-1200%}
.tbbox[data-con-act=tbnav14]{left:-1300%}
.tbbox[data-con-act=tbnav15]{left:-1400%}
.tbbox[data-con-act=tbnav16]{left:-1500%}
.tbbox[data-con-act=tbnav17]{left:-1600%}
.tbbox[data-con-act=tbnav18]{left:-1700%}
.tbbox[data-con-act=tbnav19]{left:-1800%}
.tbbox[data-con-act=tbnav20]{left:-1900%}
.tbbox[data-con-act=tbnav22]{left:-2100%}
.tbbox[data-con-act=tbnav23]{left:-2200%}
.tbbox[data-con-act=tbnav24]{left:-2300%}
.tbbox[data-con-act=tbnav25]{left:-2400%}
.tbbox[data-con-act=tbnav26]{left:-2500%}
.tbbox[data-con-act=tbnav27]{left:-2600%}
.tbbox[data-con-act=tbnav28]{left:-2700%}
.tbbox[data-con-act=tbnav29]{left:-2800%}
.tbbox[data-con-act=tbnav30]{left:-2900%}

.tbbox[data-tab-act=tbnav1]{left:0}
.tbbox[data-tab-act=tbnav2]{left:-100%}
.tbbox[data-tab-act=tbnav3]{left:-200%}
.tbbox[data-tab-act=tbnav4]{left:-300%}
.tbbox[data-tab-act=tbnav5]{left:-400%}
.tbbox[data-tab-act=tbnav6]{left:-500%}
.tbbox[data-tab-act=tbnav7]{left:-600%}
.tbbox[data-tab-act=tbnav8]{left:-700%}
.tbbox[data-tab-act=tbnav9]{left:-800%}
.tbbox[data-tab-act=tbnav10]{left:-900%}
.tbbox[data-tab-act=tbnav11]{left:-1000%}
.tbbox[data-tab-act=tbnav12]{left:-1100%}
.tbbox[data-tab-act=tbnav13]{left:-1200%}
.tbbox[data-tab-act=tbnav14]{left:-1300%}
.tbbox[data-tab-act=tbnav15]{left:-1400%}
.tbbox[data-tab-act=tbnav16]{left:-1500%}
.tbbox[data-tab-act=tbnav17]{left:-1600%}
.tbbox[data-tab-act=tbnav18]{left:-1700%}
.tbbox[data-tab-act=tbnav19]{left:-1800%}
.tbbox[data-tab-act=tbnav20]{left:-1900%}
.tbbox[data-tab-act=tbnav21]{left:-2000%}
.tbbox[data-tab-act=tbnav22]{left:-2100%}
.tbbox[data-tab-act=tbnav23]{left:-2200%}
.tbbox[data-tab-act=tbnav24]{left:-2300%}
.tbbox[data-tab-act=tbnav25]{left:-2400%}
.tbbox[data-tab-act=tbnav26]{left:-2500%}
.tbbox[data-tab-act=tbnav27]{left:-2600%}
.tbbox[data-tab-act=tbnav28]{left:-2700%}
.tbbox[data-tab-act=tbnav29]{left:-2800%}
.tbbox[data-tab-act=tbnav30]{left:-2900%}

.tbbox[data-tab-act2=tbnav1]{left:0}
.tbbox[data-tab-act2=tbnav2]{left:-100%}
.tbbox[data-tab-act2=tbnav3]{left:-200%}
.tbbox[data-tab-act2=tbnav4]{left:-300%}
.tbbox[data-tab-act2=tbnav5]{left:-400%}
.tbbox[data-tab-act2=tbnav6]{left:-500%}
.tbbox[data-tab-act2=tbnav7]{left:-600%}
.tbbox[data-tab-act2=tbnav8]{left:-700%}
.tbbox[data-tab-act2=tbnav9]{left:-800%}
.tbbox[data-tab-act2=tbnav10]{left:-900%}
.tbbox[data-tab-act2=tbnav11]{left:-1000%}
.tbbox[data-tab-act2=tbnav12]{left:-1100%}
.tbbox[data-tab-act2=tbnav13]{left:-1200%}
.tbbox[data-tab-act2=tbnav14]{left:-1300%}
.tbbox[data-tab-act2=tbnav15]{left:-1400%}
.tbbox[data-tab-act2=tbnav16]{left:-1500%}
.tbbox[data-tab-act2=tbnav17]{left:-1600%}
.tbbox[data-tab-act2=tbnav18]{left:-1700%}
.tbbox[data-tab-act2=tbnav19]{left:-1800%}
.tbbox[data-tab-act2=tbnav20]{left:-1900%}
.tbbox[data-tab-act2=tbnav21]{left:-2000%}
.tbbox[data-tab-act2=tbnav22]{left:-2100%}
.tbbox[data-tab-act2=tbnav23]{left:-2200%}
.tbbox[data-tab-act2=tbnav24]{left:-2300%}
.tbbox[data-tab-act2=tbnav25]{left:-2400%}
.tbbox[data-tab-act2=tbnav26]{left:-2500%}
.tbbox[data-tab-act2=tbnav27]{left:-2600%}
.tbbox[data-tab-act2=tbnav28]{left:-2700%}
.tbbox[data-tab-act2=tbnav29]{left:-2800%}
.tbbox[data-tab-act2=tbnav30]{left:-2900%}

.tbbox[data-tab-act21=tbnav1]{left:0}
.tbbox[data-tab-act21=tbnav2]{left:-100%}
.tbbox[data-tab-act21=tbnav3]{left:-200%}
.tbbox[data-tab-act21=tbnav4]{left:-300%}
.tbbox[data-tab-act21=tbnav5]{left:-400%}
.tbbox[data-tab-act21=tbnav6]{left:-500%}
.tbbox[data-tab-act21=tbnav7]{left:-600%}
.tbbox[data-tab-act21=tbnav8]{left:-700%}
.tbbox[data-tab-act21=tbnav9]{left:-800%}
.tbbox[data-tab-act21=tbnav10]{left:-900%}
.tbbox[data-tab-act21=tbnav11]{left:-1000%}
.tbbox[data-tab-act21=tbnav12]{left:-1100%}
.tbbox[data-tab-act21=tbnav13]{left:-1200%}
.tbbox[data-tab-act21=tbnav14]{left:-1300%}
.tbbox[data-tab-act21=tbnav15]{left:-1400%}
.tbbox[data-tab-act21=tbnav16]{left:-1500%}
.tbbox[data-tab-act21=tbnav17]{left:-1600%}
.tbbox[data-tab-act21=tbnav18]{left:-1700%}
.tbbox[data-tab-act21=tbnav19]{left:-1800%}
.tbbox[data-tab-act21=tbnav20]{left:-1900%}
.tbbox[data-tab-act21=tbnav21]{left:-2000%}
.tbbox[data-tab-act21=tbnav22]{left:-2100%}
.tbbox[data-tab-act21=tbnav23]{left:-2200%}
.tbbox[data-tab-act21=tbnav24]{left:-2300%}
.tbbox[data-tab-act21=tbnav25]{left:-2400%}
.tbbox[data-tab-act21=tbnav26]{left:-2500%}
.tbbox[data-tab-act21=tbnav27]{left:-2600%}
.tbbox[data-tab-act21=tbnav28]{left:-2700%}
.tbbox[data-tab-act21=tbnav29]{left:-2800%}
.tbbox[data-tab-act21=tbnav30]{left:-2900%}

.tbbox[data-tab-act22=tbnav1]{left:0}
.tbbox[data-tab-act22=tbnav2]{left:-100%}
.tbbox[data-tab-act22=tbnav3]{left:-200%}
.tbbox[data-tab-act22=tbnav4]{left:-300%}
.tbbox[data-tab-act22=tbnav5]{left:-400%}
.tbbox[data-tab-act22=tbnav6]{left:-500%}
.tbbox[data-tab-act22=tbnav7]{left:-600%}
.tbbox[data-tab-act22=tbnav8]{left:-700%}
.tbbox[data-tab-act22=tbnav9]{left:-800%}
.tbbox[data-tab-act22=tbnav10]{left:-900%}
.tbbox[data-tab-act22=tbnav11]{left:-1000%}
.tbbox[data-tab-act22=tbnav12]{left:-1100%}
.tbbox[data-tab-act22=tbnav13]{left:-1200%}
.tbbox[data-tab-act22=tbnav14]{left:-1300%}
.tbbox[data-tab-act22=tbnav15]{left:-1400%}
.tbbox[data-tab-act22=tbnav16]{left:-1500%}
.tbbox[data-tab-act22=tbnav17]{left:-1600%}
.tbbox[data-tab-act22=tbnav18]{left:-1700%}
.tbbox[data-tab-act22=tbnav19]{left:-1800%}
.tbbox[data-tab-act22=tbnav20]{left:-1900%}
.tbbox[data-tab-act22=tbnav21]{left:-2000%}
.tbbox[data-tab-act22=tbnav22]{left:-2100%}
.tbbox[data-tab-act22=tbnav23]{left:-2200%}
.tbbox[data-tab-act22=tbnav24]{left:-2300%}
.tbbox[data-tab-act22=tbnav25]{left:-2400%}
.tbbox[data-tab-act22=tbnav26]{left:-2500%}
.tbbox[data-tab-act22=tbnav27]{left:-2600%}
.tbbox[data-tab-act22=tbnav28]{left:-2700%}
.tbbox[data-tab-act22=tbnav29]{left:-2800%}
.tbbox[data-tab-act22=tbnav30]{left:-2900%}

.tbbox[data-tab-act23=tbnav1]{left:0}
.tbbox[data-tab-act23=tbnav2]{left:-100%}
.tbbox[data-tab-act23=tbnav3]{left:-200%}
.tbbox[data-tab-act23=tbnav4]{left:-300%}
.tbbox[data-tab-act23=tbnav5]{left:-400%}
.tbbox[data-tab-act23=tbnav6]{left:-500%}
.tbbox[data-tab-act23=tbnav7]{left:-600%}
.tbbox[data-tab-act23=tbnav8]{left:-700%}
.tbbox[data-tab-act23=tbnav9]{left:-800%}
.tbbox[data-tab-act23=tbnav10]{left:-900%}
.tbbox[data-tab-act23=tbnav11]{left:-1000%}
.tbbox[data-tab-act23=tbnav12]{left:-1100%}
.tbbox[data-tab-act23=tbnav13]{left:-1200%}
.tbbox[data-tab-act23=tbnav14]{left:-1300%}
.tbbox[data-tab-act23=tbnav15]{left:-1400%}
.tbbox[data-tab-act23=tbnav16]{left:-1500%}
.tbbox[data-tab-act23=tbnav17]{left:-1600%}
.tbbox[data-tab-act23=tbnav18]{left:-1700%}
.tbbox[data-tab-act23=tbnav19]{left:-1800%}
.tbbox[data-tab-act23=tbnav20]{left:-1900%}
.tbbox[data-tab-act23=tbnav21]{left:-2000%}
.tbbox[data-tab-act23=tbnav22]{left:-2100%}
.tbbox[data-tab-act23=tbnav23]{left:-2200%}
.tbbox[data-tab-act23=tbnav24]{left:-2300%}
.tbbox[data-tab-act23=tbnav25]{left:-2400%}
.tbbox[data-tab-act23=tbnav26]{left:-2500%}
.tbbox[data-tab-act23=tbnav27]{left:-2600%}
.tbbox[data-tab-act23=tbnav28]{left:-2700%}
.tbbox[data-tab-act23=tbnav29]{left:-2800%}
.tbbox[data-tab-act23=tbnav30]{left:-2900%}

.tbbox2{display:flex;flex-grow:1;align-items:stretch;justify-content:space-between;position:relative;transition:.3s}
.tbbox2.white{background:#fff}
.tbbox2[data-con-act=tbnav1]{left:0}
.tbbox2[data-con-act=tbnav2]{left:-100%}
.tbbox2[data-con-act=tbnav3]{left:-200%}
.tbbox2[data-con-act=tbnav4]{left:-300%}
.tbbox2[data-con-act=tbnav5]{left:-400%}
.tbbox2[data-con-act=tbnav6]{left:-500%}
.tbbox2[data-con-act=tbnav7]{left:-600%}
.tbbox2[data-con-act=tbnav8]{left:-700%}
.tbbox2[data-con-act=tbnav9]{left:-800%}
.tbbox2[data-con-act=tbnav10]{left:-900%}
.tbbox2[data-con-act=tbnav11]{left:-1000%}
.tbbox2[data-con-act=tbnav12]{left:-1100%}
.tbbox2[data-con-act=tbnav13]{left:-1200%}
.tbbox2[data-con-act=tbnav14]{left:-1300%}
.tbbox2[data-con-act=tbnav15]{left:-1400%}
.tbbox2[data-con-act=tbnav16]{left:-1500%}
.tbbox2[data-con-act=tbnav17]{left:-1600%}
.tbbox2[data-con-act=tbnav18]{left:-1700%}
.tbbox2[data-con-act=tbnav19]{left:-1800%}
.tbbox2[data-con-act=tbnav20]{left:-1900%}
.tbbox2[data-con-act=tbnav22]{left:-2100%}
.tbbox2[data-con-act=tbnav23]{left:-2200%}
.tbbox2[data-con-act=tbnav24]{left:-2300%}
.tbbox2[data-con-act=tbnav25]{left:-2400%}
.tbbox2[data-con-act=tbnav26]{left:-2500%}
.tbbox2[data-con-act=tbnav27]{left:-2600%}
.tbbox2[data-con-act=tbnav28]{left:-2700%}
.tbbox2[data-con-act=tbnav29]{left:-2800%}
.tbbox2[data-con-act=tbnav30]{left:-2900%}

.tbbox2[data-tab-act=tbnav1]{left:0}
.tbbox2[data-tab-act=tbnav2]{left:-100%}
.tbbox2[data-tab-act=tbnav3]{left:-200%}
.tbbox2[data-tab-act=tbnav4]{left:-300%}
.tbbox2[data-tab-act=tbnav5]{left:-400%}
.tbbox2[data-tab-act=tbnav6]{left:-500%}
.tbbox2[data-tab-act=tbnav7]{left:-600%}
.tbbox2[data-tab-act=tbnav8]{left:-700%}
.tbbox2[data-tab-act=tbnav9]{left:-800%}
.tbbox2[data-tab-act=tbnav10]{left:-900%}
.tbbox2[data-tab-act=tbnav11]{left:-1000%}
.tbbox2[data-tab-act=tbnav12]{left:-1100%}
.tbbox2[data-tab-act=tbnav13]{left:-1200%}
.tbbox2[data-tab-act=tbnav14]{left:-1300%}
.tbbox2[data-tab-act=tbnav15]{left:-1400%}
.tbbox2[data-tab-act=tbnav16]{left:-1500%}
.tbbox2[data-tab-act=tbnav17]{left:-1600%}
.tbbox2[data-tab-act=tbnav18]{left:-1700%}
.tbbox2[data-tab-act=tbnav19]{left:-1800%}
.tbbox2[data-tab-act=tbnav20]{left:-1900%}
.tbbox2[data-tab-act=tbnav21]{left:-2000%}
.tbbox2[data-tab-act=tbnav22]{left:-2100%}
.tbbox2[data-tab-act=tbnav23]{left:-2200%}
.tbbox2[data-tab-act=tbnav24]{left:-2300%}
.tbbox2[data-tab-act=tbnav25]{left:-2400%}
.tbbox2[data-tab-act=tbnav26]{left:-2500%}
.tbbox2[data-tab-act=tbnav27]{left:-2600%}
.tbbox2[data-tab-act=tbnav28]{left:-2700%}
.tbbox2[data-tab-act=tbnav29]{left:-2800%}
.tbbox2[data-tab-act=tbnav30]{left:-2900%}

.tbbox2[data-tab-act2=tbnav1]{left:0}
.tbbox2[data-tab-act2=tbnav2]{left:-100%}
.tbbox2[data-tab-act2=tbnav3]{left:-200%}
.tbbox2[data-tab-act2=tbnav4]{left:-300%}
.tbbox2[data-tab-act2=tbnav5]{left:-400%}
.tbbox2[data-tab-act2=tbnav6]{left:-500%}
.tbbox2[data-tab-act2=tbnav7]{left:-600%}
.tbbox2[data-tab-act2=tbnav8]{left:-700%}
.tbbox2[data-tab-act2=tbnav9]{left:-800%}
.tbbox2[data-tab-act2=tbnav10]{left:-900%}
.tbbox2[data-tab-act2=tbnav11]{left:-1000%}
.tbbox2[data-tab-act2=tbnav12]{left:-1100%}
.tbbox2[data-tab-act2=tbnav13]{left:-1200%}
.tbbox2[data-tab-act2=tbnav14]{left:-1300%}
.tbbox2[data-tab-act2=tbnav15]{left:-1400%}
.tbbox2[data-tab-act2=tbnav16]{left:-1500%}
.tbbox2[data-tab-act2=tbnav17]{left:-1600%}
.tbbox2[data-tab-act2=tbnav18]{left:-1700%}
.tbbox2[data-tab-act2=tbnav19]{left:-1800%}
.tbbox2[data-tab-act2=tbnav20]{left:-1900%}
.tbbox2[data-tab-act2=tbnav21]{left:-2000%}
.tbbox2[data-tab-act2=tbnav22]{left:-2100%}
.tbbox2[data-tab-act2=tbnav23]{left:-2200%}
.tbbox2[data-tab-act2=tbnav24]{left:-2300%}
.tbbox2[data-tab-act2=tbnav25]{left:-2400%}
.tbbox2[data-tab-act2=tbnav26]{left:-2500%}
.tbbox2[data-tab-act2=tbnav27]{left:-2600%}
.tbbox2[data-tab-act2=tbnav28]{left:-2700%}
.tbbox2[data-tab-act2=tbnav29]{left:-2800%}
.tbbox2[data-tab-act2=tbnav30]{left:-2900%}

.tbbox2[data-tab-act21=tbnav1]{left:0}
.tbbox2[data-tab-act21=tbnav2]{left:-100%}
.tbbox2[data-tab-act21=tbnav3]{left:-200%}
.tbbox2[data-tab-act21=tbnav4]{left:-300%}
.tbbox2[data-tab-act21=tbnav5]{left:-400%}
.tbbox2[data-tab-act21=tbnav6]{left:-500%}
.tbbox2[data-tab-act21=tbnav7]{left:-600%}
.tbbox2[data-tab-act21=tbnav8]{left:-700%}
.tbbox2[data-tab-act21=tbnav9]{left:-800%}
.tbbox2[data-tab-act21=tbnav10]{left:-900%}
.tbbox2[data-tab-act21=tbnav11]{left:-1000%}
.tbbox2[data-tab-act21=tbnav12]{left:-1100%}
.tbbox2[data-tab-act21=tbnav13]{left:-1200%}
.tbbox2[data-tab-act21=tbnav14]{left:-1300%}
.tbbox2[data-tab-act21=tbnav15]{left:-1400%}
.tbbox2[data-tab-act21=tbnav16]{left:-1500%}
.tbbox2[data-tab-act21=tbnav17]{left:-1600%}
.tbbox2[data-tab-act21=tbnav18]{left:-1700%}
.tbbox2[data-tab-act21=tbnav19]{left:-1800%}
.tbbox2[data-tab-act21=tbnav20]{left:-1900%}
.tbbox2[data-tab-act21=tbnav21]{left:-2000%}
.tbbox2[data-tab-act21=tbnav22]{left:-2100%}
.tbbox2[data-tab-act21=tbnav23]{left:-2200%}
.tbbox2[data-tab-act21=tbnav24]{left:-2300%}
.tbbox2[data-tab-act21=tbnav25]{left:-2400%}
.tbbox2[data-tab-act21=tbnav26]{left:-2500%}
.tbbox2[data-tab-act21=tbnav27]{left:-2600%}
.tbbox2[data-tab-act21=tbnav28]{left:-2700%}
.tbbox2[data-tab-act21=tbnav29]{left:-2800%}
.tbbox2[data-tab-act21=tbnav30]{left:-2900%}

.tbbox2[data-tab-act22=tbnav1]{left:0}
.tbbox2[data-tab-act22=tbnav2]{left:-100%}
.tbbox2[data-tab-act22=tbnav3]{left:-200%}
.tbbox2[data-tab-act22=tbnav4]{left:-300%}
.tbbox2[data-tab-act22=tbnav5]{left:-400%}
.tbbox2[data-tab-act22=tbnav6]{left:-500%}
.tbbox2[data-tab-act22=tbnav7]{left:-600%}
.tbbox2[data-tab-act22=tbnav8]{left:-700%}
.tbbox2[data-tab-act22=tbnav9]{left:-800%}
.tbbox2[data-tab-act22=tbnav10]{left:-900%}
.tbbox2[data-tab-act22=tbnav11]{left:-1000%}
.tbbox2[data-tab-act22=tbnav12]{left:-1100%}
.tbbox2[data-tab-act22=tbnav13]{left:-1200%}
.tbbox2[data-tab-act22=tbnav14]{left:-1300%}
.tbbox2[data-tab-act22=tbnav15]{left:-1400%}
.tbbox2[data-tab-act22=tbnav16]{left:-1500%}
.tbbox2[data-tab-act22=tbnav17]{left:-1600%}
.tbbox2[data-tab-act22=tbnav18]{left:-1700%}
.tbbox2[data-tab-act22=tbnav19]{left:-1800%}
.tbbox2[data-tab-act22=tbnav20]{left:-1900%}
.tbbox2[data-tab-act22=tbnav21]{left:-2000%}
.tbbox2[data-tab-act22=tbnav22]{left:-2100%}
.tbbox2[data-tab-act22=tbnav23]{left:-2200%}
.tbbox2[data-tab-act22=tbnav24]{left:-2300%}
.tbbox2[data-tab-act22=tbnav25]{left:-2400%}
.tbbox2[data-tab-act22=tbnav26]{left:-2500%}
.tbbox2[data-tab-act22=tbnav27]{left:-2600%}
.tbbox2[data-tab-act22=tbnav28]{left:-2700%}
.tbbox2[data-tab-act22=tbnav29]{left:-2800%}
.tbbox2[data-tab-act22=tbnav30]{left:-2900%}

.tbbox2[data-tab-act23=tbnav1]{left:0}
.tbbox2[data-tab-act23=tbnav2]{left:-100%}
.tbbox2[data-tab-act23=tbnav3]{left:-200%}
.tbbox2[data-tab-act23=tbnav4]{left:-300%}
.tbbox2[data-tab-act23=tbnav5]{left:-400%}
.tbbox2[data-tab-act23=tbnav6]{left:-500%}
.tbbox2[data-tab-act23=tbnav7]{left:-600%}
.tbbox2[data-tab-act23=tbnav8]{left:-700%}
.tbbox2[data-tab-act23=tbnav9]{left:-800%}
.tbbox2[data-tab-act23=tbnav10]{left:-900%}
.tbbox2[data-tab-act23=tbnav11]{left:-1000%}
.tbbox2[data-tab-act23=tbnav12]{left:-1100%}
.tbbox2[data-tab-act23=tbnav13]{left:-1200%}
.tbbox2[data-tab-act23=tbnav14]{left:-1300%}
.tbbox2[data-tab-act23=tbnav15]{left:-1400%}
.tbbox2[data-tab-act23=tbnav16]{left:-1500%}
.tbbox2[data-tab-act23=tbnav17]{left:-1600%}
.tbbox2[data-tab-act23=tbnav18]{left:-1700%}
.tbbox2[data-tab-act23=tbnav19]{left:-1800%}
.tbbox2[data-tab-act23=tbnav20]{left:-1900%}
.tbbox2[data-tab-act23=tbnav21]{left:-2000%}
.tbbox2[data-tab-act23=tbnav22]{left:-2100%}
.tbbox2[data-tab-act23=tbnav23]{left:-2200%}
.tbbox2[data-tab-act23=tbnav24]{left:-2300%}
.tbbox2[data-tab-act23=tbnav25]{left:-2400%}
.tbbox2[data-tab-act23=tbnav26]{left:-2500%}
.tbbox2[data-tab-act23=tbnav27]{left:-2600%}
.tbbox2[data-tab-act23=tbnav28]{left:-2700%}
.tbbox2[data-tab-act23=tbnav29]{left:-2800%}
.tbbox2[data-tab-act23=tbnav30]{left:-2900%}


/*기본좌우슬라이드*/
.tbnav .innr{cursor:pointer}
.tbnav .innr.act{font-weight:700}

.col1 .tbnav .innr{width:100%}
.col2 .tbnav .innr{width:50%}
.col3 .tbnav .innr{width:33.33%}
.col4 .tbnav .innr{width:25%}
.col5 .tbnav .innr{width:20%}
.col6 .tbnav .innr{width:16.66%}
.col7 .tbnav .innr{width:14.28%}
.col8 .tbnav .innr{width:12.5%}
.col9 .tbnav .innr{width:11.11%}
.col10 .tbnav .innr{width:10%}
.col11 .tbnav .innr{width:9.09%}
.col12 .tbnav .innr{width:8.33%}
.col13 .tbnav .innr{width:7.69%}
.col14 .tbnav .innr{width:7.14%}
.col15 .tbnav .innr{width:6.66%}
.col16 .tbnav .innr{width:6.25%}
.col17 .tbnav .innr{width:5.88%}
.col18 .tbnav .innr{width:5.55%}
.col19 .tbnav .innr{width:5.26%}
.col20 .tbnav .innr{width:5%}
.col21 .tbnav .innr{width:4.76%}
.col22 .tbnav .innr{width:4.54%}
.col23 .tbnav .innr{width:4.34%}
.col24 .tbnav .innr{width:4.16%}
.col25 .tbnav .innr{width:4%}
.col26 .tbnav .innr{width:3.84%}
.col27 .tbnav .innr{width:3.70%}
.col28 .tbnav .innr{width:3.57%}
.col29 .tbnav .innr{width:3.4482%}
.col30 .tbnav .innr{width:3.3333%}

.tbbox .sect{width:100%;height:0;overflow:hidden;transition:.2s}
.tbbox .sect.act{height:auto;min-height:30rem}
.tbbox .sect.white{background:#fff}

.col1 .tbbox{width:100%}
.col2 .tbbox{width:200%}
.col3 .tbbox{width:300%}
.col4 .tbbox{width:400%}
.col5 .tbbox{width:500%}
.col6 .tbbox{width:600%}
.col7 .tbbox{width:700%}
.col8 .tbbox{width:800%}
.col9 .tbbox{width:900%}
.col10 .tbbox{width:1000%}
.col11 .tbbox{width:1100%}
.col12 .tbbox{width:1200%}
.col13 .tbbox{width:1300%}
.col14 .tbbox{width:1400%}
.col15 .tbbox{width:1500%}
.col16 .tbbox{width:1600%}
.col17 .tbbox{width:1700%}
.col18 .tbbox{width:1800%}
.col19 .tbbox{width:1900%}
.col20 .tbbox{width:2000%}
.col21 .tbbox{width:2100%}
.col22 .tbbox{width:2200%}
.col23 .tbbox{width:2300%}
.col24 .tbbox{width:2400%}
.col25 .tbbox{width:2500%}
.col26 .tbbox{width:2600%}
.col27 .tbbox{width:2700%}
.col28 .tbbox{width:2800%}
.col29 .tbbox{width:2900%}
.col30 .tbbox{width:3000%}

.prd1 .tbbox{width:100%}
.prd2 .tbbox{width:200%}
.prd3 .tbbox{width:300%}
.prd4 .tbbox{width:400%}
.prd5 .tbbox{width:500%}
.prd6 .tbbox{width:600%}
.prd7 .tbbox{width:700%}
.prd8 .tbbox{width:800%}
.prd9 .tbbox{width:900%}
.prd10 .tbbox{width:1000%}
.prd11 .tbbox{width:1100%}
.prd12 .tbbox{width:1200%}
.prd13 .tbbox{width:1300%}
.prd14 .tbbox{width:1400%}
.prd15 .tbbox{width:1500%}
.prd16 .tbbox{width:1600%}
.prd17 .tbbox{width:1700%}
.prd18 .tbbox{width:1800%}
.prd19 .tbbox{width:1900%}
.prd20 .tbbox{width:2000%}
.prd21 .tbbox{width:2100%}
.prd22 .tbbox{width:2200%}
.prd23 .tbbox{width:2300%}
.prd24 .tbbox{width:2400%}
.prd25 .tbbox{width:2500%}
.prd26 .tbbox{width:2600%}
.prd27 .tbbox{width:2700%}
.prd28 .tbbox{width:2800%}
.prd29 .tbbox{width:2900%}
.prd30 .tbbox{width:3000%}


.dp2-1 .tbbox2{width:100%}
.dp2-2 .tbbox2{width:200%}
.dp2-3 .tbbox2{width:300%}
.dp2-4 .tbbox2{width:400%}
.dp2-5 .tbbox2{width:500%}
.dp2-6 .tbbox2{width:600%}
.dp2-7 .tbbox2{width:700%}
.dp2-8 .tbbox2{width:800%}
.dp2-9 .tbbox2{width:900%}
.dp2-10 .tbbox2{width:1000%}
.dp2-11 .tbbox2{width:1100%}
.dp2-12 .tbbox2{width:1200%}
.dp2-13 .tbbox2{width:1300%}
.dp2-14 .tbbox2{width:1400%}
.dp2-15 .tbbox2{width:1500%}
.dp2-16 .tbbox2{width:1600%}
.dp2-17 .tbbox2{width:1700%}
.dp2-18 .tbbox2{width:1800%}
.dp2-19 .tbbox2{width:1900%}
.dp2-20 .tbbox2{width:2000%}
.dp2-21 .tbbox2{width:2100%}
.dp2-22 .tbbox2{width:2200%}
.dp2-23 .tbbox2{width:2300%}
.dp2-24 .tbbox2{width:2400%}
.dp2-25 .tbbox2{width:2500%}
.dp2-26 .tbbox2{width:2600%}
.dp2-27 .tbbox2{width:2700%}
.dp2-28 .tbbox2{width:2800%}
.dp2-29 .tbbox2{width:2900%}
.dp2-30 .tbbox2{width:3000%}








.overflow{overflow:hidden}
.fw400{font-weight:400 !important}
.ellipsis{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.break-all{word-break:break-all !important}
.relative{position:relative !important}

.pding{padding-top:1.6rem}
.pdg1-16{padding-top:1.6rem}
.pdg2-16{padding-right:1.6rem}
.pdg3-16{padding-bottom:1.6rem}
.pdg4-16{padding-left:1.6rem}
.top0{top:0 !important}

.rating{display:flex;width:100%;justify-content:center;gap:.6rem;overflow:hidden;flex-direction:row-reverse;position:relative}
.rating > input{display:none}
.rating > label{cursor:pointer;width:3rem;height:3rem;background-image:url("/img/ico/rating-star1.svg");background-repeat:no-repeat;background-position:center;background-size:cover}
.rating > input:checked ~ label,
.rating > input:checked ~ label ~ label{background-image:url("/img/ico/rating-star2.svg")}
.resetButton{background-color:white;color:teal;border:none;cursor:pointer;width:10rem;padding:1rem;margin-top:2rem;border-radius:1rem;box-shadow:0 .6rem .8rem 0 rgba(0,0,0,0.4)}
.resetButton:hover{background-color:#f2f2f2}













body{background:#fff}

/*장바구니*/
#age-order{min-height:100vh}
#age-order .pt0{padding-top:0 !important}
#age-order .payment{padding:2.4rem 0}

#age-order .payment .tit{position:relative;padding:2rem 0 0 0}
#age-order .payment .tit h3{font-size:1.6rem;font-weight:700;color:#242a38}
#age-order .payment .tit p{position:absolute;top:2rem;right:0}
#age-order .payment .tit button{position:absolute;top:0;right:0;display:block;line-height:2.5rem;font-size:1.2rem;font-weight:400;color:#83878f}
#age-order .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)}
#age-order .payment .tit .up{transform:rotate(-90deg)}

#age-order .payment .info{}
#age-order .payment .info h3{display:flex;align-items:center;margin:0 0 1.6rem 0;font-size:1.6rem;font-weight:700;color:#000}
#age-order .payment .info h3:before{content:'';margin:0 .6rem 0 0;width:.5rem;height:.5rem;background:#000}
#age-order .payment .info dl{display:flex;align-items:center;justify-content:space-between;height:3.8rem}
#age-order .payment .info dt{display:inline-block;width:50%;font-size:1.4rem;vertical-align:middle;color:#8a8a8a}
#age-order .payment .info dd{display:inline-block;width:50%;font-size:1.6rem;text-align:right;vertical-align:middle;color:#2f2f2f}
#age-order .payment .info dd ins{font-weight:700;text-decoration:none}
#age-order .payment .info dd em{font-weight:400}
#age-order .payment .info .total{margin:1rem 0 0 0;padding:1rem 0 0 0}
#age-order .payment .info .total dt{font-size:1.8rem;color:#000}
#age-order .payment .info .total dd{font-size:2.2rem;color:#3182f5}
#age-order .payment .info .hop-day{font-size:2rem;font-weight:700;border:0;background:none}
#age-order .payment .info .hop-time{margin-left:1.2rem;font-size:2rem;font-weight:400;border:0;background:none}
#age-order .payment .info .tip{padding:1rem 0;font-size:1.2rem;text-align:center;color:#888}
#age-order .payment .card .bt-credit{display:flex;align-items:center;justify-content:center;width:100%;height:4.6rem;font-size:1.6rem;text-align:center;border:.1rem solid #545454;border-radius:.6rem}
#age-order .payment .card .bt-credit.act{color:#fff;border:.1rem solid #3182f5;background:#3182f5}
#age-order .payarea{padding:1rem 1.6rem;overflow:hidden;overflow-x:scroll;box-sizing:border-box}
#age-order .payarea .innr{padding:0 .6rem 0 0;min-width:22rem}
#age-order .payarea .innr .item{background:#fff}
#age-order .payarea .innr .item .bak{display:flex;align-items:center;padding-bottom:.6rem;font-size:1.6rem;font-weight:700;color:#2f2f2f}
#age-order .payarea .innr .item .bak em{display:flex;align-items:center;justify-content:center;margin:0 0 0 .6rem;width:4rem;height:2rem;font-size:1.2rem;color:#3182f5;background:#fff;border-radius:2rem}
#age-order .payarea .innr .item .num{font-size:1.4rem;color:#8a8a8a}
#age-order .payarea .innr .chkbrd{display:none}
#age-order .payarea .innr .chkbrd + label{position:relative;display:block;padding:2rem;height:9.4rem;font-size:1.4rem;border:.1rem solid #3182f5;border-radius:.6rem;cursor:pointer}
#age-order .payarea .innr .chkbrd:checked + label{background:#3182f5}
#age-order .payarea .innr .chkbrd:checked + label .bak,
#age-order .payarea .innr .chkbrd:checked + label .num{color:#fff}
#age-order .payarea .innr .adds button{display:flex;align-items:center;justify-content:center;width:100%;height:9.4rem;text-align:center;border:.1rem solid #c0c0c0;border-radius:.6rem}
#age-order .payarea .innr .adds button span{font-size:1.6rem;color:#545454}
#age-order .payarea .innr .adds button i{padding-left:.6rem;font-size:1.6rem;color:#3182f5}


#age-order .payment .brand{padding:3rem 0}
#age-order .payment .brand .tit{padding:0 0 1.5rem 0;font-size:1.8rem;font-weight:700;color:#242a38}
#age-order .payment .brand .overflow{overflow:hidden;overflow-x:scroll}
#age-order .payment .brand .con{white-space:nowrap}
#age-order .payment .brand .item{display:inline-block;margin:0 1rem 0 0}
#age-order .payment .brand .item button{display:block;width:10rem;height:10rem;border:.1rem solid #e8e8ec;border-radius:.6rem}
#age-order .payment .cate{padding:3rem 0}
#age-order .payment .cate .tit{padding:0 0 1.5rem 0;font-size:1.8rem;font-weight:700;color:#242a38}
#age-order .payment .cate .box{margin:0 -1rem 0 0;font-size:0}
#age-order .payment .cate .item{display:inline-block}
#age-order .payment .cate .item button{display:block;margin:0 1rem 0 0}
#age-order .payment .cate .item i{display:block;width:5.9rem;height:5.9rem;border:.1rem solid #e8e8ec;border-radius:6rem}
#age-order .payment .cate .item span{display:block;padding:1.2rem 0 2rem 0;font-size:1.2rem;font-weight:400;text-align:center;color:#242a38}
#age-order .payment .ca1{background:url("/img/payment/ct1.svg") no-repeat 50% 50%}
#age-order .payment .ca2{background:url("/img/payment/ct2.svg") no-repeat 50% 50%}
#age-order .payment .ca3{background:url("/img/payment/ct3.svg") no-repeat 50% 50%}
#age-order .payment .ca4{background:url("/img/payment/ct4.svg") no-repeat 50% 50%}
#age-order .payment .ca5{background:url("/img/payment/ct5.svg") no-repeat 50% 50%}
#age-order .payment .ca6{background:url("/img/payment/ct6.svg") no-repeat 50% 50%}
#age-order .payment .ca7{background:url("/img/payment/ct7.svg") no-repeat 50% 50%}
#age-order .payment .ca8{background:url("/img/payment/ct8.svg") no-repeat 50% 50%}
#age-order .payment .ca9{background:url("/img/payment/ct9.svg") no-repeat 50% 50%}
#age-order .payment .ca10{background:url("/img/payment/ct10.svg") no-repeat 50% 50%}
#age-order .payment .ca11{background:url("/img/payment/ct11.svg") no-repeat 50% 50%}
#age-order .payment .ca12{background:url("/img/payment/ct12.svg") no-repeat 50% 50%}
#age-order .payment .ca13{background:url("/img/payment/ct13.svg") no-repeat 50% 50%}
#age-order .payment .line{display:block;height:1rem;border-top:.1rem solid #e4e4e8;background:#f4f4f6}
#age-order .payment .tabs{padding:1rem 0 0 0}
#age-order .payment .tabs ul{font-size:0;text-align:center}
#age-order .payment .tabs li{display:inline-block}
#age-order .payment .tabs button{display:block;width:100%;line-height:4rem;font-size:1.6rem;border-bottom:.1rem solid #e8e8ec}
#age-order .payment .tabs button.sel{font-weight:700;border-bottom:.2rem solid #242a38}
#age-order .payment .all .check{position:relative;margin:2rem 0}
#age-order .payment .all .check label{font-size:1.4rem;font-weight:400;color:#242a38}
#age-order .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:.6rem}
#age-order .payment .cell{font-size:0}
#age-order .payment .cell dl{display:inline-block;width:calc(100% - 2rem)}
#age-order .payment .opt{padding:1rem 0 0 0;overflow:hidden}
#age-order .payment .opt ins{float:right}
#age-order .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:.6rem}
#age-order .payment .opt .num{float:left}
#age-order .payment .opt .num button{display:inline-block;width:3.4rem;height:3.4rem;vertical-align:middle;border:.1rem solid #e8e8ec;border-radius:4rem}
#age-order .payment .opt .num strong{display:inline-block;padding:0 .5rem;font-size:1.4rem;vertical-align:middle}
#age-order .payment .opt .select{position:relative;font-size:0}
#age-order .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:.6rem}
#age-order .payment .opt .select div{padding:0 2rem;height:5rem;line-height:5rem;font-size:1.4rem;color:#c0c6d2;border:.1rem solid #e8e8ec;border-radius:.6rem}
#age-order .payment .minus{position:relative}
#age-order .payment .minus:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.2rem;height:.1rem;background:#242a38}
#age-order .payment .plus{position:relative}
#age-order .payment .plus:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.2rem;height:.1rem;background:#242a38}
#age-order .payment .plus:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.1rem;height:1.2rem;background:#242a38}
#age-order .payment .account{margin:0 0 3rem 0;padding:2rem;background:#f4f4f6;border-radius:.6rem}
#age-order .payment .account dl{font-size:0;line-height:2.6rem}
#age-order .payment .account dt{display:inline-block;width:50%;font-size:1.4rem;vertical-align:middle;color:#83878f}
#age-order .payment .account dd{display:inline-block;width:50%;font-size:1.4rem;font-weight:700;text-align:right;vertical-align:middle;color:#242a38}
#age-order .payment .account .total{margin:1rem 0 0 0;padding:1rem 0 0 0;border-top:.1rem solid #e8e8ec}
#age-order .payment .account .total dt{font-weight:700;color:#242a38}
#age-order .payment .account .total strong{color:#e5273e}

#age-order .payment .means{position:relative;padding:2rem 1rem;font-size:1.2rem;background:#fcf4f5}
#age-order .payment .means i{position:relative;top:-.2rem;margin:0 .5rem 0 0;font-size:1.8rem;vertical-align:middle;color:#e5273e}
#age-order .payment .means button{position:absolute;top:50%;transform:translateY(-50%);right:1rem;padding:.8rem 1rem;font-size:1.2rem;text-align:center;color:#e5273e;background:#fff;border-radius:2rem}
#age-order .payment .reque{display:flex;position:relative;margin:0 0 1rem 0}
#age-order .payment .reque h4{line-height:1.2;font-size:1.8rem;font-weight:400;color:#3d3d3f}
#age-order .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}
#age-order .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}
#age-order .payment .reque p{position:absolute;bottom:0;right:0;line-height:2.4rem;font-size:1.4rem}
#age-order .payment .input + .time{margin:0;margin-top:1rem;border:0}
#age-order .payment .input{display:flex;align-items:center;position:relative;margin:.5rem 0 0 0;font-size:0}
#age-order .payment .input+.input{margin:1rem 0 0 0}
#age-order .payment .input input{width:100%;padding:0 1.2rem;height:4.8rem;font-size:1.4rem;color:#000;border:.1rem solid #f4f4f4;background:#f4f4f4;border-radius:.8rem}
#age-order .payment .input button{}
#age-order .payment .input .bt-pit{margin-left:.6rem;min-width:9.6rem;height:4.8rem;font-size:1.6rem;font-weight:700;color:#fff;background:#3182f5;border-radius:.6rem}
#age-order .payment .input.pot input{width:100%;padding:0 2.4rem 0 1.2rem;height:4.8rem;font-size:1.4rem;color:#000;border:.1rem solid #f4f4f4;background:#f4f4f4;border-radius:.8rem}
#age-order .payment .input.pot span{position:relative;width:100%}
#age-order .payment .input.pot span em{position:absolute;top:0;bottom:0;right:1rem;display:flex;align-items:center;height:4.8rem;font-size:1.4rem;color:#000}
#age-order .payment .point{padding:1rem 0 0 0;font-size:1.6rem;text-align:right;color:#8a8a8a}
#age-order .payment .point strong{font-weight:400;color:#3182f5}
#age-order .payment .select{position:relative;padding:1.5rem 0 1rem 0;font-size:0}
#age-order .payment .select select{width:100%;padding:0 2rem;height:4.8rem;font-size:1.4rem;color:#242a38;border:.1rem solid #e8e8ec;background:url("/img/ico/select.svg") no-repeat 99% 50% / 3rem auto;border-radius:.6rem}
#age-order .payment .result{padding:2rem 0;text-align:center}
#age-order .payment .result div{font-size:1.6rem;font-weight:400;color:#777}
#age-order .payment .result div strong{font-weight:400}
#age-order .payment .result div span{color:#e5273e}
#age-order .payment .all .check{position:relative;margin:2rem 0}
#age-order .payment .all .check label{font-size:1.4rem;font-weight:400;color:#242a38}
#age-order .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:.6rem}
#age-order .payment .tit{position:relative;padding:2rem 0 0 0}
#age-order .payment .tit p{position:absolute;top:2rem;right:0}
#age-order .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)}
#age-order .payment .tit .up{transform:rotate(-90deg)}
#age-order .payment .inner{position:relative;padding:2rem 0;min-width:32rem;vertical-align:top;border-bottom:.1rem solid #e8e8ec}
#age-order .payment .inner:last-child{border-bottom:0 !important}
#age-order .payment .inner .check{display:inline-block;width:2rem;vertical-align:middle}
#age-order .payment .inner .check .checkbox + label{padding:0}
#age-order .payment .cell{font-size:0}
#age-order .payment .cell dl{display:inline-block;width:calc(100% - 2rem)}
#age-order .payment .prod dl{position:relative;font-size:0}
#age-order .payment .prod dt{position:relative;display:inline-block;margin:0 1rem 0 0;vertical-align:top}
#age-order .payment .prod dt i{position:absolute;top:0;left:0}
#age-order .payment .prod dt img{display:block;width:9rem;height:9rem;border:.1rem solid #e8e8ec;border-radius:.6rem;overflow:hidden}
#age-order .payment .prod dt button{display:block;width:9rem;height:9rem;border:.1rem solid #e8e8ec;border-radius:.6rem;overflow:hidden}
#age-order .payment .prod dd{display:inline-block;width:calc(100% - 10rem);vertical-align:middle}
#age-order .payment .prod dd strong{display:block;font-size:1.4rem;font-weight:400;color:#242a38;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#age-order .payment .prod dd span{display:block;padding:.7rem 0;font-size:1.2rem;font-weight:400;color:#242a38}
#age-order .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}
#age-order .payment .prod dd ins{display:inline-block;margin:0 .5rem 0 0;font-size:1.6rem;font-weight:700;vertical-align:middle;color:#242a38}
#age-order .payment .prod em{display:inline-block;margin:0 .5rem 0 0;padding:0 .4rem;font-size:1.2rem;font-weight:700;vertical-align:middle;color:#e5273e;border:.1rem solid #e5273e;border-radius:1.2rem}
#age-order .payment .prod del{display:inline-block;font-size:1.4rem;vertical-align:middle;color:#83878f}
#age-order .payment .prod dd time{font-size:1.2rem;font-weight:400;color:#83878f;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#age-order .payment .rest dl{position:relative;font-size:0}
#age-order .payment .rest dt{position:relative;display:inline-block;margin:0 1rem 0 0;vertical-align:middle}
#age-order .payment .rest dt i{position:absolute;top:0;left:0}
#age-order .payment .rest dt img{display:block;width:12rem;height:12rem;border:.1rem solid #e8e8ec;border-radius:.6rem;overflow:hidden}
#age-order .payment .rest dt button{display:block;width:9rem;height:9rem;border:.1rem solid #e8e8ec;border-radius:.6rem;overflow:hidden}
#age-order .payment .rest dd{display:inline-block;width:calc(100% - 13rem);vertical-align:middle}
#age-order .payment .rest dd strong{display:block;font-size:1.6rem;font-weight:500;color:#242a38;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#age-order .payment .rest dd span{display:block;font-size:1.4rem;font-weight:400;color:#242a38}
#age-order .payment .rest dd span del{color:#999}
#age-order .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}
#age-order .payment .rest dd ins{display:inline-block;margin:0 .5rem 0 0;font-size:1.6rem;font-weight:700;vertical-align:middle;color:#242a38}
#age-order .payment .loud{padding:1.6rem;background:#f3f3f3;border-radius:1rem}
#age-order .payment .loud h4{margin:0 0 .6rem 0;font-size:1.2rem}
#age-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}
#age-order .payment .loud h5+p{padding:0 0 1.4rem 2.4rem}
#age-order .payment .loud p{font-size:1.2rem}
#age-order .payment .button{padding:0 0 3rem 0}
#age-order .payment .button button{width:100%;height:5rem;line-height:5rem;font-size:1.4rem;font-weight:700;text-align:center;color:#fff;background:#e5273e;border-radius:.6rem}

#payment .payment .card .bt-credit{display:flex;align-items:center;justify-content:center;width:100%;height:4.6rem;font-size:1.6rem;text-align:center;border:.1rem solid #545454;border-radius:.6rem}
#payment .payment .card .bt-credit.act{color:#fff;border:.1rem solid #3182f5;background:#3182f5}
#payment .payarea{padding:1rem 1.6rem;overflow:hidden;overflow-x:scroll;box-sizing:border-box}
#payment .payarea .kflex{gap:1rem;padding-right:1rem}
#payment .payarea .innr{min-width:22rem}
#payment .payarea .innr .item{background:#fff}
#payment .payarea .innr .item .bak{display:flex;align-items:center;padding-bottom:.6rem;font-size:1.6rem;font-weight:700;color:#2f2f2f}
#payment .payarea .innr .item .bak em{display:flex;align-items:center;justify-content:center;margin:0 0 0 .6rem;width:4rem;height:2rem;font-size:1.2rem;color:#3182f5;background:#fff;border-radius:2rem}
#payment .payarea .innr .item .num{font-size:1.4rem;color:#8a8a8a}
#payment .payarea .innr .chkbrd{display:none}
#payment .payarea .innr .chkbrd + label{position:relative;display:block;padding:2rem;height:9.4rem;font-size:1.4rem;border:.1rem solid #3182f5;border-radius:.6rem;cursor:pointer}
#payment .payarea .innr .chkbrd:checked + label{background:#3182f5}
#payment .payarea .innr .chkbrd:checked + label .bak,
#payment .payarea .innr .chkbrd:checked + label .num{color:#fff}
#payment .payarea .innr .adds button{display:flex;align-items:center;justify-content:center;width:100%;height:9.4rem;text-align:center;border:.1rem solid #c0c0c0;border-radius:.6rem}
#payment .payarea .innr .adds button span{font-size:1.6rem;color:#545454}
#payment .payarea .innr .adds button i{padding-left:.6rem;font-size:1.6rem;color:#3182f5}

#payment .adsarea{padding:1rem 1.6rem;overflow:hidden;overflow-x:scroll;box-sizing:border-box}
#payment .adsarea .innr{padding:0 .6rem 0 0;min-width:29rem}
#payment .adsarea .innr .item{word-break:keep-all;background:#fff}
#payment .adsarea .innr .item .nam{display:flex;align-items:center;padding-bottom:.6rem;font-size:1.6rem;font-weight:700;color:#2f2f2f}
#payment .adsarea .innr .item .nam em{display:flex;align-items:center;justify-content:center;margin:0 0 0 .6rem;width:4rem;height:2rem;font-size:1.2rem;color:#3182f5;background:#fff;border-radius:2rem}
#payment .adsarea .innr .item .num{padding:.6rem 0;font-size:1.4rem;color:#2f2f2f}
#payment .adsarea .innr .item .add{padding:0 20% 0 0;font-size:1.4rem;color:#2f2f2f}
#payment .adsarea .innr .chkbrd{display:none}
#payment .adsarea .innr .chkbrd + label{position:relative;display:block;padding:2rem;height:13rem;font-size:1.4rem;border:.1rem solid #3182f5;border-radius:.6rem;cursor:pointer}
#payment .adsarea .innr .chkbrd:checked + label{background:#3182f5}
#payment .adsarea .innr .chkbrd:checked + label .nam,
#payment .adsarea .innr .chkbrd:checked + label .num,
#payment .adsarea .innr .chkbrd:checked + label .add{color:#fff !important}
#payment .adsarea .innr .adds button{display:flex;align-items:center;justify-content:center;width:100%;height:13rem;text-align:center;border:.1rem solid #c0c0c0}
#payment .adsarea .innr .adds button span{font-size:1.6rem;color:#545454}
#payment .adsarea .innr .adds button i{padding-left:.6rem;font-size:1.6rem;color:#3182f5}

#payment .adrarea{padding:0 1.6rem;overflow:hidden;overflow-x:scroll;box-sizing:border-box}
/*#payment .adrarea::-webkit-scrollbar{height:.5rem}
#payment .adrarea::-webkit-scrollbar-thumb{height:17%;background-color:rgb(229 229 229 / 100%);border-radius:.2rem}
#payment .adrarea::-webkit-scrollbar-track{background-color:#f5f5f5}*/
#payment .adrarea .kflex{gap:1rem;padding-right:1rem}
#payment .adrarea .innr{min-width:29rem}
#payment .adrarea .innr .item{word-break:keep-all;background:#fff}
#payment .adrarea .innr .item .nam{display:flex;align-items:center;padding-bottom:.6rem;font-size:1.6rem;font-weight:700;color:#2f2f2f}
#payment .adrarea .innr .item .nam em{display:flex;align-items:center;justify-content:center;margin:0 0 0 .6rem;width:4rem;height:2rem;font-size:1.2rem;color:#3182f5;background:#fff;border-radius:2rem}
#payment .adrarea .innr .item .num{display:flex;font-size:1.4rem;color:#2f2f2f}
#payment .adrarea .innr .item .num strong{display:inline-block;padding-right:2rem;min-width:5.6rem}
#payment .adrarea .innr .item .add{display:flex;padding:.6rem 0;font-size:1.4rem;color:#2f2f2f}
#payment .adrarea .innr .item .add strong{display:inline-block;padding-right:2rem;min-width:5.6rem}
#payment .adrarea .innr .chkbrd{display:none}
#payment .adrarea .innr .chkbrd + label{position:relative;display:block;padding:2rem;min-height:15rem;font-size:1.4rem;border:.1rem solid #3182f5;border-radius:.6rem;cursor:pointer}
#payment .adrarea .innr .chkbrd:checked + label{background:#3182f5}
#payment .adrarea .innr .chkbrd:checked + label .nam,
#payment .adrarea .innr .chkbrd:checked + label .num,
#payment .adrarea .innr .chkbrd:checked + label .add{color:#fff}
#payment .adrarea .innr .adds button{display:flex;align-items:center;justify-content:center;width:100%;height:15rem;text-align:center;border:.1rem solid #c0c0c0;border-radius:.6rem}
#payment .adrarea .innr .adds button span{font-size:1.6rem;color:#545454}
#payment .adrarea .innr .adds button i{padding-left:.6rem;font-size:1.6rem;color:#3182f5}

#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:.6rem;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:700;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:700;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 .guide{padding:0 0 1rem 0;font-size:1.2rem;color:#777}
#payment .consent{padding:2rem 0;background:#f5f5f5}
#payment .consent dl{font-size:0;line-height:2.6rem}
#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:700}
#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:#e5273e;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:700;text-align:center;color:#242a38;border-bottom:.1rem solid #eee}
#payment .complete .info h3 strong{color:#e5273e}
#payment .complete .info p{line-height:1.8;font-size:1.4rem;font-weight:400;color:#83878f}
#payment .complete .info dl{padding:.3rem 0;font-size: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;font-size: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:.6rem}
#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:#e5273e}
#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:700;color:#fff;background:#e5273e;border-radius:.6rem}

/**/
#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 .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;font-size:0;border:.1rem solid #e8e8ec;border-radius:.6rem}
#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 .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:700;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:#e5273e;border:.1rem solid #e5273e;background:#fff}
#payment .form .input.btn .bt.act{color:#e5273e;border:.1rem solid #e5273e;background:#fff}
#payment .form .input.btn .red{color:#e5273e;border:.1rem solid #e5273e;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:#e5273e;border:.1rem solid #e5273e;background:#fff}
#payment .form .box.btn .bt.act{color:#e5273e;border:.1rem solid #e5273e;background:#fff}
#payment .form .box.btn .red{color:#e5273e;border:.1rem solid #e5273e;background:#fff}






















/**/
#story{min-height:calc(100vh - 5rem);background:#f3f3f3}
#story .tabs-box{background:none}

/**/
#cutoff{min-height:calc(100vh - 5rem);background:#f3f3f3}
#cutoff .cutoff{padding:.8rem 0}
#cutoff .cutoff .inner{margin-bottom:.8rem;background:#fff}
#cutoff .cutoff .inner .prof{display:flex;align-items:center;justify-content:flex-start;margin:0 !important;padding:1.6rem}
#cutoff .cutoff .inner .prof .img{min-width:4.2rem;height:4.2rem;border-radius:4.2rem}
#cutoff .cutoff .inner .prof .box{width:calc(100% - 11rem)}
#cutoff .cutoff .inner .prof .btn{min-width:8.8rem;text-align:center}
#cutoff .cutoff .inner .prof .btn .bt-block{font-size:1.6rem;color:#545454;border-bottom:.1rem solid #545454}

#cutoff .nocontent{padding:20% 0;text-align:center}
#cutoff .nocontent .tit{padding:1.2rem 0;font-size:1.8rem;font-weight:800;color:#000}
#cutoff .nocontent .txt{font-size:1.4rem;font-weight:400;color:#8a8a8a}

/**/
#offer .form{padding:1.6rem;background:#fff;overflow:hidden}
#offer .form .title{position:relative;padding:0 0 1.6rem 0}
#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 p{line-height:1.2;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 #999}
#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 .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 .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}

.completed{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70vh}
.completed .img{display:block;position:relative;margin:0 auto;padding:0 0 1.6rem 0;overflow:hidden}
.completed .tit{display:flex;align-items:center;height:4rem;font-size:1.8rem;font-weight:700;color:#000}
.completed .txt{font-size:1.6rem;font-weight:400;color:#2f2f2f}
.completed .btn{padding:1.6rem 0 0 0}
.completed .btn button{width:18rem;height:4.8rem;font-size:1.4rem;font-weight:700;text-align:center;color:#fff;background:#000}

/**/
#customer .search{display:flex;align-items:center;padding:1.6rem;padding-right:.6rem}
#customer .search input{padding:0 1.6rem;width:100%;height:4.8rem;font-size:1.6rem;color:#000;border:0;background:#f4f4f4;border-radius:.8rem}
#customer .search .btn i{display:block;width:4.8rem;height:4.8rem;vertical-align:middle;background:url(/img/user/ico-search-faq.svg) no-repeat 50% 50%}
#customer .search .cross{width:2rem;height:2rem;background:url("/img/ico/cross.svg") no-repeat 50% 50%}
#customer .category{padding:0 1.6rem 1.6rem 1.6rem;overflow:hidden}
#customer .category li{width:auto !important}
#customer .category a{display:flex;align-items:center;padding:0 1.6rem;height:3.6rem;font-size:1.4rem;text-align:center;color:#2f2f2f;border:.1rem solid #b7b7b7;border-radius:10rem}
#customer .category a.act{font-weight:700;color:#fff;border:.1rem solid #3182f5;background:#3182f5}
#customer .faq-panel{line-height:1.4;overflow:hidden;background:#fff}
#customer .faq-panel em{position:relative;top:-.4rem;min-width:3rem;font-size:2.2rem;font-weight:700}
#customer .faq-panel .dp1{display:flex;align-items:flex-start;justify-content:space-between;padding:1.6rem 1.6rem .6rem 1.6rem;cursor:pointer;border-bottom:.1rem solid #cdcdcd}
#customer .faq-panel .dp1 div{display:flex}
#customer .faq-panel .dp1 span{font-size:1.6rem;word-break:keep-all}
#customer .faq-panel .dp1 strong{font-size:1.6rem;font-weight:400;color:#2f2f2f}
#customer .faq-panel .dp1 i{position:relative;top:-.4rem;font-size:2.2rem;color:#2f2f2f}
#customer .faq-panel .dp2{display:none;padding:1.6rem;background:#f4f4f4;transition:all .4s}
#customer .faq-panel .dp2 div{display:flex;align-items:flex-start}
#customer .faq-panel .dp2 span{font-size:1.6rem;word-break:keep-all}
#customer .faq-panel .t1{color:#3182f5}
#customer .faq-panel .t2{color:#000}
#customer .faq-panel.act{border-top-color:#fff}
#customer .faq-panel.act .dp1{border-bottom:.1rem solid #fff;background:#fff}
#customer .faq-panel.act .dp1 strong{font-weight:700;color:#000}
#customer .faq-panel.act .dp1 i{transform:rotate(180deg)}
#customer .faq-panel.act .dp2{display:block;height:auto;transition:all .4s}
#customer .nocontent{padding:20% 0;text-align:center}
#customer .nocontent .tit{padding:1.2rem 0;font-size:1.8rem;font-weight:800;color:#000}
#customer .nocontent .txt{font-size:1.4rem;font-weight:400;color:#8a8a8a}

#customer .title{display:flex;align-items:center;padding:2.4rem 0}
#customer .title .inner{min-width:33.33%}
#customer .title .item{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:0 0 .8rem 0}
#customer .counsel .btn button{width:100%;height:4.8rem;font-size:0;color:#fff;background:#3182F5}
#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 1.6rem 0;font-size:1.6rem;color:#545454}
#customer .board{}
#customer .board .name{display:flex;align-items:center;justify-content:space-between;position:relative;height:5.3rem;border-bottom:.1rem solid #cdcdcd}
#customer .board .name h3{font-size:1.8rem;font-weight:700;color:#000}
#customer .board .name p{}
#customer .board .name p a{font-size:1.4rem;font-weight:400}
#customer .board .list .item{padding:1.2rem 0;border-bottom:.1rem solid #e9e9e9}
#customer .board .list .item .tit{padding:0 0 .4rem 0;font-size:1.6rem;color:#222;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#customer .board .list .item .dat{font-size:1.2rem;color:#9a9a9a}
#customer .board .btns{position:absolute;bottom:8rem;right:0;left:0;text-align:center}
#customer .board .btns a{display:inline-block;padding:1rem 4rem;font-size:1.6rem;font-weight:400;color:#fff;background:#333;border-radius:3rem}
#customer .board .content{padding:1.6rem 0;line-height:1.6;font-size:1.6rem;color:#545454;overflow-wrap:break-word;overflow:hidden}
#customer .board .content img{display:block;width:auto;max-width:100%;height:auto}
#customer .board .content .img{margin-bottom:1.6rem}

/**/
#ktplay .allim-list .innr{display:block;padding:1.6rem;border-bottom:.1rem solid #cdcdcd;background:#fff}
#ktplay .allim-list .innr.act{background:#e9f1fc}
#ktplay .allim-list .box{position:relative}
#ktplay .allim-list .box .tit{font-size:1.6rem;font-weight:700;color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#ktplay .allim-list .box .tit strong{color:#3182f5}
#ktplay .allim-list .box .txt{padding:.8rem 0 0 0;font-size:1.4rem;font-weight:400;color:#545454;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#ktplay .allim-list .box .msg{padding:.8rem 0 0 0;font-size:1.4rem;font-weight:400;color:#969696;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#ktplay .allim-list .box .dat{padding:.8rem 0 0 0;font-size:1.4rem;font-weight:400;color:#969696;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

/**/
#ktplay .coupon-list{padding:1.8rem 0}
#ktplay .coupon-list .innr{display:flex;align-items:center;margin:0 auto;width:36.3rem;height:15.8rem;background:url("/img/user/coupon.svg") no-repeat 50% 0}
#ktplay .coupon-list .innr.act{background:#e9f1fc}
#ktplay .coupon-list .box{display:flex;flex-direction:column;justify-content:space-between;padding:0 0 0 12rem}
#ktplay .coupon-list .box .sub{font-size:1.6rem;font-weight:700;color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#ktplay .coupon-list .box .pce{padding:0 0 2.4rem 0}
#ktplay .coupon-list .box .pce strong{font-size:3.6rem;font-weight:700;color:#3182f5}
#ktplay .coupon-list .box .pce span{padding-left:.4rem;font-size:1.8rem;font-weight:400;color:#000}
#ktplay .coupon-list .box .dat{font-size:1.6rem;font-weight:700;color:#2f2f2f;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

/**/
#ktplay .coupon-end-list{padding:1.8rem 0}
#ktplay .coupon-end-list .innr{display:flex;align-items:center;margin:0 auto;width:36.3rem;height:15.8rem;background:url("/img/user/coupon.svg") no-repeat 50% 0}
#ktplay .coupon-end-list .innr.act{background:#e9f1fc}
#ktplay .coupon-end-list .box{display:flex;flex-direction:column;justify-content:space-between;padding:0 0 0 12rem}
#ktplay .coupon-end-list .box .sub{font-size:1.6rem;font-weight:700;color:#545454;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#ktplay .coupon-end-list .box .pce{padding:0 0 2.4rem 0}
#ktplay .coupon-end-list .box .pce strong{font-size:3.6rem;font-weight:700;color:#8a8a8a}
#ktplay .coupon-end-list .box .pce span{padding-left:.4rem;font-size:1.8rem;font-weight:400;color:#8a8a8a}
#ktplay .coupon-end-list .box .dat{font-size:1.6rem;font-weight:700;color:#2f2f2f;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

/**/
#deleted{min-height:calc(100vh - 5rem);background:#fff}
#deleted .nocontent{padding:20% 0;text-align:center}
#deleted .nocontent .tit{padding:1.2rem 0;font-size:1.8rem;font-weight:800;color:#000}
#deleted .nocontent .txt{font-size:1.4rem;font-weight:400;color:#8a8a8a}

/**/
#attent{min-height:calc(100vh - 5rem);background:#f3f3f3}
#attent .tabs-box{background:none !important}
#attent .tabs-section .store{padding:1.6rem !important}
#attent .nocontent{padding:20% 0;text-align:center}
#attent .nocontent .tit{padding:1.2rem 0;font-size:1.8rem;font-weight:800;color:#000}
#attent .nocontent .txt{font-size:1.4rem;font-weight:400;color:#8a8a8a}

/**/
#search .nocontent{display:flex;align-items:center;justify-content:center;position:absolute;z-index:10;top:0;bottom:0;right:0;left:0;min-height:calc(100vh / 2)}
#search .nocontent.hidden{display:none}
#search .nocontent .txt{line-height:1.6;font-size:1.4rem;color:#b8b8b8;text-align:center}

/*결제*/
#stats{min-height:calc(100vh - 13rem)}
#stats .address{background:#f4f4f4}
#stats .address .tit{display:flex;align-items:center;justify-content:space-between;height:5.4rem}
#stats .address .tit h3{display:flex;align-items:center;font-size:1.6rem;font-weight:700;color:#000}
#stats .address .tit h3:before{content:'';margin:0 .6rem 0 0;width:.5rem;height:.5rem;background:#000}
#stats .address .info h3{display:flex;align-items:center;margin:0 0 1.6rem 0;font-size:1.6rem;font-weight:700;color:#000}
#stats .address .info h3:before{content:'';margin:0 .6rem 0 0;width:.5rem;height:.5rem;background:#000}
#stats .address .item{position:relative;padding:1.6rem;word-break:keep-all;background:#fff;border-radius:.6rem}
#stats .address .item .nam{display:flex;align-items:center;padding-bottom:1.6rem;font-size:1.8rem;font-weight:700;color:#000}
#stats .address .item .nam em{display:flex;align-items:center;justify-content:center;margin-left:.8rem;width:4rem;height:2rem;font-size:1.2rem;color:#3182f5;border:.1rem solid #3182f5;background:#fff;border-radius:2rem}
#stats .address .item .num{display:flex;font-size:1.4rem}
#stats .address .item .num strong{display:inline-block;padding-right:2rem;min-width:5.6rem;color:#2f2f2f}
#stats .address .item .num span{color:#8a8a8a}
#stats .address .item .add{display:flex;padding:1.6rem 0;font-size:1.4rem}
#stats .address .item .add strong{display:inline-block;padding-right:2rem;min-width:5.6rem;color:#2f2f2f}
#stats .address .item .add span{color:#8a8a8a}

/**/
#stats .nocontent{padding:20% 0;text-align:center}
#stats .nocontent .tit{padding:1.2rem 0;font-size:1.8rem;font-weight:800;color:#000}
#stats .nocontent .txt{font-size:1.4rem;font-weight:400;color:#8a8a8a}
#stats .payment{border-top:1.6rem solid #f4f4f4}
#stats .payment .tit{display:flex;align-items:center;justify-content:space-between;height:5.4rem}
#stats .payment .tit h3{display:flex;align-items:center;font-size:1.6rem;font-weight:700;color:#000}
#stats .payment .tit h3:before{content:'';margin:0 .6rem 0 0;width:.5rem;height:.5rem;background:#000}
#stats .payment .tit p{font-size:1.4rem;color:#8a8a8a}
#stats .payment .inf{padding-top:1rem;border-top:.1rem solid #cdcdcd}
#stats .payment .inf dl{display:flex;align-items:center;justify-content:space-between;height:3rem}
#stats .payment .inf dt{display:inline-block;width:50%;font-size:1.4rem;vertical-align:middle;color:#8a8a8a}
#stats .payment .inf dd{display:inline-block;width:50%;font-size:1.6rem;text-align:right;vertical-align:middle;color:#2f2f2f}
#stats .payment .inf dd ins{font-weight:700;text-decoration:none}
#stats .payment .inf dd em{font-weight:400}
#stats .payment .inf .con{display:flex;align-items:center;justify-content:space-between;height:5.4rem;border-bottom:.1rem solid #cdcdcd}
#stats .payment .inf .con h3{margin-bottom:0}
#stats .payment .inf .con p{font-size:1.4rem;font-weight:400;color:#8a8a8a}
#stats .payment .inf .total{padding:1.6rem 0;height:6rem}
#stats .payment .inf .total dt{font-size:1.8rem;font-weight:700;color:#000}
#stats .payment .inf .total dd{font-size:2.2rem;color:#3182f5}
#stats .payment .inf .hop-day{width:15rem;font-size:2rem;font-weight:700;border:0;background:none}
#stats .payment .inf .hop-time{margin-left:1.2rem;font-size:2rem;font-weight:400;border:0;background:none}
#stats .payment .inf .tip{padding:1rem 0;font-size:1.2rem;text-align:center;color:#888}
#stats .payment .abt{line-height:1.4;font-size:1.4rem;color:#8a8a8a}
#stats .payment .btn{padding:1.4rem 0 2.4rem 0}
#stats .payment .btn .bt{font-size:1.4rem;color:#8a8a8a;text-decoration:underline}
#stats .tabs{padding:2rem 0;text-align:center}
#stats .tabs ul{display:inline-block;height:3.5rem;font-size:0;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:#e5273e}
#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:#e5273e;border:.1rem solid #e5273e;background:#fff;border-radius:.4rem}
#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 1rem 0;padding:0 0 1rem 0;border-bottom:.1rem solid #f5f5f5}
#stats .stats .tit h3{}
#stats .stats .tit p{color:#e5273e}
#stats .stats .sub dl{display:flex;width:100%;justify-content:space-between;align-items:center}
#stats .stats .sub dd strong{display:inline-block}
#stats .stats .sub dd span{display:inline-block}

#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 #e5273e;background:#e5273e}
#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;margin:2.4rem -.6rem 0 0}
#stats .step .inner{text-align:center;vertical-align:bottom}
#stats .step .item{margin:0 .6rem .6rem 0;padding:1.4rem 0;border:.1rem solid #ccc;border-radius:1rem;box-shadow:.5rem .5rem 1rem rgb(0 0 0 /10%)}
#stats .step .item span{display:block;height:2.8rem;line-height:1.4rem;font-size:1.2rem;font-weight:400;color:#6f6f6f}
#stats .step .item strong{display:block;padding:.5rem 0 0 0;font-size:1.6rem;font-weight:600;color:#6f6f6f}
#stats .step .act .item{border:.1rem solid #e5273e;background:#e5273e}
#stats .step .act span{color:#fff}
#stats .step .act strong{color:#fff}
#stats .step.col1 .inner{width:100%}
#stats .step.col2 .inner{width:50%}
#stats .step.col3 .inner{width:33.33%}
#stats .step.col4 .inner{width:25%}
#stats .step.col5 .inner{width:20%}
#stats .step.col6 .inner{width:16.66%}

#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 .comp{padding:1.6rem;background:#f4f4f4}
#stats .comp .item{display:flex;align-items:center;min-width:100%;background:#fff;border-radius:.6rem;overflow:hidden}
#stats .comp .item .image{display:block;position:relative;width:8rem;height:8rem;background-color:#eee;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden}
#stats .comp .item .box{display:grid;padding:0 1.8rem}
#stats .comp .item .tit{font-size:1.8rem;font-weight:700;color:#2f2f2f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#stats .comp .item .txt{padding-top:.6rem;font-size:1.4rem;font-weight:400;color:#626262;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

#stats .cont + .cont{border-top:1.6rem solid #f4f4f4}
#stats .cont .ktwrap{padding-bottom:1.6rem;background:#fff}
#stats .cont .tit{padding:1.6rem 0}
#stats .cont .tit h3{display:flex;align-items:center;font-size:1.6rem;font-weight:700;color:#000}
#stats .cont .tit h3:before{content:'';margin:0 .6rem 0 0;width:.5rem;height:.5rem;background:#000}
#stats .cont .cus{display:flex;align-items:flex-start;padding:1.6rem 0 0 0;font-size:1.4rem;font-weight:700;color:#3182f5;border-top:.1rem solid #cdcdcd}
#stats .cont .cus i{position:relative;top:.1rem;padding-right:.2rem;font-weight:400}
#stats .cont .cus + .txt{margin-top:1.6rem}
#stats .cont .txt{padding:1.2rem 1.6rem;line-height:1.3;font-size:1.4rem;color:#000;background:#f4f4f4;border-radius:.8rem}

#stats .order-item{border-top:1.6rem solid #f4f4f4}
#stats .order-item .ktwrap{background:#fff}
#stats .order-item .con{display:flex;align-items:center;justify-content:space-between;height:5rem}
#stats .order-item .con + .con{border-top:.1rem solid #cdcdcd}
#stats .order-item .con .date{font-size:1.8rem;font-weight:700;color:#000}
#stats .order-item .con .value{font-size:1.6rem;font-weight:700;color:#545454}
#stats .order-item .con .value.act{color:#3182f5}
#stats .order-item .con .ord1{display:flex;align-items:center;justify-content:center;width:5rem;height:2.6rem;font-size:1.2rem;color:#fff;background:#3182f5}
#stats .order-item .con .ord2{display:flex;align-items:center;justify-content:center;width:5rem;height:2.6rem;font-size:1.2rem;color:#fff;background:#000}
#stats .order-item .con .bt-photo{padding:0 1rem;height:2.4rem;font-size:1.4rem;font-weight:700;color:#3182f5;border:.1rem solid #3182f5;border-radius:3rem}
#stats .order-item .prd{padding-bottom:1.6rem}
#stats .order-item .prd .innr + .innr{margin-top:1.6rem;padding-top:1.6rem;border-top:.1rem solid #cdcdcd}
#stats .order-item .prd .innr{display:flex;position:relative}
#stats .order-item .prd .innr dt{margin-right:1.6rem}
#stats .order-item .prd .innr dd{display:flex;flex-direction:column;justify-content:space-between;position:relative;min-width:calc(100% - 10.2rem)}
#stats .order-item .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%}
#stats .order-item .prd .image{display:block;position:relative;width:8.6rem;height:8.6rem;background-color:#eee;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden}
#stats .order-item .prd .image:before{content:'';position:absolute;top:0;bottom:0;right:0;left:0;border:.1rem solid #999}
#stats .order-item .prd .tit{color:#2f2f2f}
#stats .order-item .prd .tit em{display:block;padding-bottom:.4rem;font-size:1.4rem;font-weight:400}
#stats .order-item .prd .tit a{display:block;padding-right:2rem;font-size:1.6rem;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#stats .order-item .prd .opt{padding-bottom:1.2rem}
#stats .order-item .prd .opt .inr{position:relative;padding-left:1rem;font-size:1.4rem;font-weight:400;color:#888}
#stats .order-item .prd .opt .inr:before{content:'';position:absolute;top:.7rem;left:0;display:block;width:.4rem;height:.4rem;background:#888}
#stats .order-item .prd .opt .inr + .inr{margin-top:.4rem}
#stats .order-item .prd .pce{display:flex;align-items:flex-end;gap:.4rem;color:#000}
#stats .order-item .prd .pce ins{font-size:1.8rem;font-weight:700;text-decoration:none}
#stats .order-item .prd .pce span{font-size:1.6rem}
#stats .order-item .prd .pce del{padding:0 0 0 1rem;font-size:1.4rem;font-weight:400;color:#545454}
#stats .order-item .prd .val{padding:1rem 0 0 0;font-size:1.2rem;color:#707070}
#stats .order-item .prd .btn{position:absolute;bottom:0;right:0}
#stats .order-item .prd .btn .bt{display:inline-block;padding:0 1rem;line-height:2.4rem;font-size:1.2rem;color:#fff;border:.1rem solid #e5273e;background:#e5273e;border-radius:.6rem}
#stats .order-item .box{display:flex;align-items:center;justify-content:space-between;height:4.4rem;border-top:.1rem solid #cdcdcd}
#stats .order-item .box .str em{display:inline-block;padding:0 .6rem;font-size:1.4rem;vertical-align:middle;color:#242a38}
#stats .order-item .box .star{display:inline-block;width:6.5rem;vertical-align:middle;background:url("/img/user/star2.svg") no-repeat 0 50%;background-size:6.5rem auto}
#stats .order-item .box .star span{display:block;height:1.1rem;background:url("/img/user/star1.svg") no-repeat 0 50%;background-size:6.5rem auto}
#stats .order-item .box .time{margin:0 !important}
#stats .order-item .box .time time{font-size:1.2rem;color:#545454}
#stats .order-item .prf{margin:0;padding:1.8rem 0 .8rem 0}
#stats .order-item .prf .str{padding:0}
#stats .order-item .ims{display:flex;align-items:center;margin:0 -.4rem 1.6rem 0}
#stats .order-item .ims .img{margin:0 .6rem 0 0}
#stats .order-item .ims .image{display:block;width:4.6rem;height:4.6rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:.8rem;overflow:hidden}
#stats .order-item .txt{padding-bottom:1.6rem}
#stats .order-item .txt div{padding:1.4rem 1.2rem;line-height:1.3;font-size:1.4rem;color:#000;background:#f4f4f4;border-radius:.8rem}

#stats .order-item .dat{display:flex;align-items:center;justify-content:space-between;height:5.4rem;border-top:.1rem solid #cdcdcd}
#stats .order-item .dat .dline{font-size:1.4rem;font-weight:400;color:#545454}
#stats .order-item .dat .write{display:flex;align-items:center;padding:0 1.4rem;height:3rem;font-size:1.4rem;color:#3182f5;border:.1rem solid #3182f5;border-radius:3rem}
#stats .order-item .dat .write i{margin-right:.2rem}
#stats .order-item .btn{padding:0 0 1.6rem 0;text-align:right}
#stats .order-item .btn .bt-cancel{font-size:1.6rem;color:#545454;border-bottom:.1rem solid #545454}
#stats .order-item .btn .bt-write{font-size:1.6rem;color:#545454;border-bottom:.1rem solid #545454}

#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 .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.8rem;font-weight:700;color:#000}
#stats .order .num{font-size:1.2rem;font-weight:400;color:#222}
#stats .order .dev{font-size:1.2rem;font-weight:600;color:#e5273e}
#stats .order .ord{font-size:1.2rem;font-weight:400;color:#222}
#stats .order .ord i{padding:0 0 0 .5rem}
#stats .order .all{font-size:1.6rem;font-weight:400;color:#222}
#stats .order .pri{font-size:1.6rem;font-weight:600;color:#222}
#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.6rem;font-weight:500;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.4rem;color:#83878f}
#stats .order .prf .met{position:absolute;top:50%;transform:translateY(-50%);right:0;font-size:1.2rem}
#stats .order .prf .met img{display:inline-block;vertical-align:middle}
#stats .order .prf .met span{display:inline-block;vertical-align:middle}
#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:#e5273e;border:.1rem solid #e5273e;background:#fff;border-radius:.4rem}
#stats .order .tar{padding:0 0 1rem 0}
#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 #e5273e;background:#e5273e;border-radius:.4rem}
#stats .order .pik1{padding:0 1rem}
#stats .order .pik1 span{font-size:1.2rem;vertical-align:middle;color:#e5273e}
#stats .order .pik1 img{vertical-align:middle}
#stats .order .pik2{padding:0 1rem}
#stats .order .pik2 span{font-size:1.2rem;vertical-align:middle;color:#3C9C5E}
#stats .order .pik2 img{vertical-align:middle}

#stats .cancel .tit{display:flex;align-items:center;height:6.5rem}
#stats .cancel .tit h3{font-size:1.8rem;font-weight:700;color:#000}
#stats .cancel .info{position:relative;padding:.8rem 0;border-top:.1rem solid #cdcdcd}
#stats .cancel .info .rad{display:flex;align-items:center;height:4rem}
#stats .cancel .info .rad label{justify-content:flex-start !important;font-weight:400 !important}
#stats .cancel .info .tip{padding:0 0 2rem 2.5rem;font-size:1.2rem;color:#888}
#stats .cancel .info .total{margin:1rem 0 0 0;padding:1rem 0 0 0;border-top:.1rem solid #e8e8ec}
#stats .cancel .info .total dt{font-size:1.6rem;color:#242a38}
#stats .cancel .info .total dd{font-size:1.6rem;color:#e5273e}
#stats .cancel .tarea{position:relative;padding-bottom:2.4rem;border:.1rem solid #f4f4f4;background:#f4f4f4;border-radius:.8rem}
#stats .cancel .tarea:focus{border:.1rem solid #242a38;background:#f9f9f9}
#stats .cancel .tarea textarea{display:block;padding:1rem;width:100%;height:12rem;font-size:1.6rem;border:0;background:none;border-radius:0;resize:none}
#stats .cancel .tarea textarea::placeholder{color:#b8b8b8}
#stats .cancel .tarea em{position:absolute;bottom:1rem;right:1rem;font-size:1.2rem;color:#777}

#stats .file{padding:0 1rem;background:#ebebeb;border-radius:.6rem}
#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:.6rem}
#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 .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}

#terms{padding:2rem;height:100vh;overflow:hidden;overflow-y:scroll}
#terms .tit{font-size:2rem;font-weight:700;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:700;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 1.7rem 0 1.7rem;line-height:1.8;margin:0 0 2rem 0}
#terms .text ul li{position:relative;padding:0 0 .5rem 0}
#terms .text ul li i{position:absolute;top:0;left:-1.2rem}
#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}

.miv51{min-height:calc(100vh - 5.1rem) !important}

#invite{padding:2rem 0;min-height:calc(100vh - 13.1rem) !important;background:#fff}
#invite .point{display:flex;align-items:center;margin-right:-.8rem}
#invite .point .innr{min-width:50%}
#invite .point .item{margin-right:.8rem;padding:2.2rem 0;text-align:center;background:#f4f4f4;border-radius:.6rem}
#invite .point .item .tit{font-size:1.6rem;color:#545454}
#invite .point .item .pot{padding-top:1rem;font-size:2rem;color:#000}
#invite .point .item .pot strong{font-weight:700}
#invite .point .item .act{color:#3182f5}
#invite .title{padding:4rem 0 0 0;font-size:2.2rem;color:#000}
#invite .image{padding:4rem 0 0 0;text-align:center}
#invite .image img{width:auto;max-width:100%;height:auto}

#mypoint{min-height:calc(100vh - 5.1rem);background:#f4f4f4}
#mypoint .point{padding:3rem 6rem;background:#fff}
#mypoint .point .item .tit{line-height:1.4;font-size:2.2rem;color:#000}
#mypoint .point .item .pot{display:flex;align-items:center;padding-top:1.6rem;font-size:4rem;color:#3182f5}
#mypoint .point .item .pot strong{padding:0 .6rem}
#mypoint .sort{padding:0 1.6rem;background:#fff}
#mypoint .sort h3{display:inline-block;padding:.4rem 0;font-size:1.6rem;font-weight:400;border-bottom:.4rem solid #000}
#mypoint .list{padding:1.6rem}
#mypoint .list .innr + .innr{margin-top:1.6rem}
#mypoint .list .item{display:flex;justify-content:space-between;padding:2rem 1.2rem;background:#fff;border-radius:.6rem}
#mypoint .list .item .box strong{display:flex;align-items:center;font-size:1.8rem;font-weight:700;color:#000}
#mypoint .list .item .box strong time{padding:0 1.2rem;font-size:1.4rem;font-weight:400;color:#969696}
#mypoint .list .item .box span{display:block;padding-top:.6rem;line-height:1.4;font-size:1.6rem;color:#2f2f2f}
#mypoint .list .item .pot{padding-left:1.6rem;text-align:right}
#mypoint .list .item .pot strong{display:block;font-size:2.4rem}
#mypoint .list .item .pot strong em{text-transform:uppercase;font-weight:400}
#mypoint .list .item .pot span{display:block;padding-top:.6rem;font-size:1.4rem;color:#2f2f2f}
#mypoint .list .item.plus .pot strong{color:#3182f5}
#mypoint .list .item.minus .pot strong{color:#8a8a8a}

#delivery{padding:2rem 0;min-height:calc(100vh - 13.1rem) !important;background:#fff}
#delivery .areaadd{padding:0 1.6rem}
#delivery .areaadd .innr{min-width:29rem}
#delivery .areaadd .innr + .innr{margin:1.6rem 0 0 0}
#delivery .areaadd .innr .item{position:relative;word-break:keep-all;background:#fff}
#delivery .areaadd .innr .item .nam{display:flex;align-items:center;padding-bottom:1.6rem;font-size:1.8rem;font-weight:700;color:#000}
#delivery .areaadd .innr .item .nam em{display:flex;align-items:center;justify-content:center;margin-left:.8rem;width:4rem;height:2rem;font-size:1.2rem;color:#3182f5;border:.1rem solid #3182f5;background:#fff;border-radius:2rem}
#delivery .areaadd .innr .item .num{display:flex;font-size:1.4rem}
#delivery .areaadd .innr .item .num strong{display:inline-block;padding-right:2rem;min-width:5.6rem;color:#2f2f2f}
#delivery .areaadd .innr .item .num span{color:#8a8a8a}
#delivery .areaadd .innr .item .add{display:flex;padding:1.6rem 0;font-size:1.4rem}
#delivery .areaadd .innr .item .add strong{display:inline-block;padding-right:2rem;min-width:5.6rem;color:#2f2f2f}
#delivery .areaadd .innr .item .add span{color:#8a8a8a}
#delivery .areaadd .innr .chkbrd{display:none}
#delivery .areaadd .innr .chkbrd + label{position:relative;display:block;padding:2rem;font-size:1.4rem;border:.1rem solid #8a8a8a;border-radius:.6rem;cursor:pointer}
#delivery .areaadd .innr .chkbrd:checked + label{border:.1rem solid #3182f5;background:#3182f5}
#delivery .areaadd .innr .chkbrd:checked + label .nam{color:#fff !important}
#delivery .areaadd .innr .chkbrd:checked + label .nam em{color:#3182f5;border:.1rem solid #fff;background:#fff}
#delivery .areaadd .innr .chkbrd:checked + label .num strong,
#delivery .areaadd .innr .chkbrd:checked + label .add strong{color:#fff !important}
#delivery .areaadd .innr .chkbrd:checked + label .num span,
#delivery .areaadd .innr .chkbrd:checked + label .add span{color:#fff !important}
#delivery .areaadd .innr .chkbrd:checked ~ .btn button{color:#fff}
#delivery .areaadd .innr .adds button{display:flex;align-items:center;justify-content:center;width:100%;height:15rem;text-align:center;border:.1rem solid #c0c0c0}
#delivery .areaadd .innr .adds button span{font-size:1.6rem;color:#545454}
#delivery .areaadd .innr .adds button i{padding-left:.6rem;font-size:1.6rem;color:#3182f5}
#delivery .areaadd .innr .btn{position:absolute;top:2rem;right:2rem;display:flex;align-items:center}
#delivery .areaadd .innr .btn .bt{display:flex;align-items:center}
#delivery .areaadd .innr .btn .bt + .bt{margin-left:1rem}
#delivery .areaadd .innr .btn .bt-mod{font-size:1.4rem;color:#3182f5}
#delivery .areaadd .innr .btn .bt-mod i{font-size:1.4rem;padding:0 .2rem 0 0}
#delivery .areaadd .innr .btn .bt-del{font-size:1.4rem;color:#545454}
#delivery .areaadd .innr .btn .bt-del i{font-size:1.4rem;padding:0 .2rem 0 0}
#delivery .form{padding:0 1.6rem;background:#fff}
#delivery .form .title{padding:0 0 1.6rem 0}
#delivery .form .title h3{display:flex;align-items:center;font-size:1.6rem;font-weight:700;color:#000}
#delivery .form .title h3:before{content:'';margin:0 .6rem 0 0;width:.5rem;height:.5rem;background:#000}
#delivery .form .title h3 i{padding:0 .4rem;font-size:1.6rem;font-weight:700;color:#f3132c}
#delivery .form .title h3 span{font-size:1.4rem;font-weight:400;color:#848B96}
#delivery .form .title p{line-height:1.2;font-size:1.2rem;font-weight:300;color:#999}
#delivery .form .kflex{margin-right:-.8rem}
#delivery .form .kflex .input{margin-right:.8rem}
#delivery .form .input{position:relative;margin:0 0 4rem 0}
#delivery .form .input .skip{display:none}
#delivery .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}
#delivery .form .input .ip-txt:focus{border:.1rem solid #3182f5}
#delivery .form .input .ip-txt::placeholder{color:#8a8a8a}
#delivery .form .input .ip-grb{padding:0 .8rem;width:6rem;height:4.8rem;font-size:1.6rem;text-align:center;color:#000;border:0;background:none}
#delivery .form .input .ip-grb::placeholder{color:#8a8a8a}
#delivery .form .input .err{border:.1rem solid #f3132c !important}
#delivery .form .input .box{display:flex;margin:.8rem 0 0 0;position:relative}
#delivery .form .input .box:nth-child(1){margin:0}
#delivery .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}
#delivery .form .input .box .bt:focus{color:#fff;background:#3182f5}
#delivery .form .input .box .bt.act{color:#fff;background:#3182f5}
#delivery .form .input .box .canum{display:flex; align-items:center;justify-content:center;width:100%;text-align:center;border:.1rem solid #f4f4f4;background:#f4f4f4;border-radius:.8rem}
#delivery .form .input .box .canum em{font-size:1.6rem;text-align:center;color:#2f2f2f}
#delivery .form .input .fed{display:flex;position:absolute;margin:.4rem 0 0 0;font-size:1.4rem;color:#f3132c}
#delivery .form .input .fed i{margin:0 .2rem 0 0;font-size:1.6rem;font-family:'xeicon'}
#delivery .form .input .fed.relative{margin:.4rem 0 .8rem 0}
#delivery .form .input .btn{padding-top:2rem}
#delivery .form .input .btn .bt-login{width:100%;height:4.8rem;font-size:1.6rem;font-weight:700;color:#fff;background:#000}
#delivery .form .input .btn .bt-login.act{background:#3182f5}
#delivery .form .check{display:flex;flex-wrap:wrap;align-items:center;padding:0 0 1.6rem 0}
#delivery .form .check.col3 .innr{min-width:33.33%}
#delivery .form .check label{font-size:1.4rem;font-weight:700;color:#545454}
#delivery .form .check button{float:right;font-size:1.4rem;font-weight:400;color:#242a38;text-decoration:underline}
#delivery .form .checked{display:flex;flex-wrap:wrap;align-items:center;padding:2.4rem 0}
#delivery .form .chklbl{display:none}
#delivery .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}
#delivery .form .chklbl:checked + label{color:#fff;border:.1rem solid #3182f5;background:#3182f5}
#delivery .form .cross{position:absolute;bottom:1.5rem;right:0;width:2rem;height:2rem;background:url("/img/member/cross.svg") no-repeat 50% 50%}
#delivery .form .change{position:absolute;bottom:1.5rem;right:1.5rem;font-size:1.4rem;font-weight:400;color:#242a38}
#delivery .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}
#delivery .form .feed button{float:right;font-size:1.2rem;font-weight:400;color:#83878f;text-decoration:underline}
#delivery .form .tip{padding:.6rem 0 0 0;font-size:1.2rem;color:#848b96}

#account{padding:2rem 0;min-height:calc(100vh - 13.1rem) !important;background:#fff}
#account .areaadd{padding:0 1.6rem}
#account .areaadd .innr{min-width:29rem}
#account .areaadd .innr + .innr{margin:1.6rem 0 0 0}
#account .areaadd .innr .item{position:relative;word-break:keep-all;background:#fff}
#account .areaadd .innr .item .cad{position:relative;display:block;padding:1.6rem;font-size:1.4rem;border:.1rem solid #b4b4b4;border-radius:.6rem;cursor:pointer}
#account .areaadd .innr .item .bak{display:flex;align-items:center;padding-bottom:3rem;font-size:1.8rem;font-weight:700;color:#000}
#account .areaadd .innr .item .bak .bt{display:flex;align-items:center;justify-content:center;margin-left:.8rem;padding:0 .8rem;height:2rem;font-size:1.2rem;font-weight:700;color:#3182f5;border:.1rem solid #3182f5;background:#fff;border-radius:2rem}
#account .areaadd .innr .item .bak .act{color:#fff;border:.1rem solid #3182f5;background:#3182f5}
#account .areaadd .innr .item .num{display:flex;font-size:1.4rem}
#account .areaadd .innr .item .num strong{display:inline-block;padding-right:1rem;min-width:5.6rem;color:#2f2f2f}
#account .areaadd .innr .item .num span{color:#8a8a8a}
#account .areaadd .innr .adds button{display:flex;align-items:center;justify-content:center;width:100%;height:15rem;text-align:center;border:.1rem solid #c0c0c0}
#account .areaadd .innr .adds button span{font-size:1.6rem;color:#545454}
#account .areaadd .innr .adds button i{padding-left:.6rem;font-size:1.6rem;color:#3182f5}
#account .areaadd .innr .btn{position:absolute;top:1.6rem;right:1.6rem;display:flex;align-items:center}
#account .areaadd .innr .btn .bt{display:flex;align-items:center}
#account .areaadd .innr .btn .bt + .bt{margin-left:1rem}
#account .areaadd .innr .btn .bt-mod{font-size:1.4rem;color:#3182f5}
#account .areaadd .innr .btn .bt-mod i{font-size:1.4rem;padding:0 .2rem 0 0}
#account .areaadd .innr .btn .bt-del{font-size:1.4rem;color:#545454}
#account .areaadd .innr .btn .bt-del i{font-size:1.4rem;padding:0 .2rem 0 0}

#myinfo{min-height:calc(100vh - 5.1rem);background:#f4f4f4}
#myinfo.white{padding:2rem 0;background:#fff}
#myinfo .delivery{padding:1.6rem 0}
#myinfo .delivery .encase{padding:1.6rem;border:.1rem solid #8a8a8a;border-radius:.6rem}
#myinfo .delivery .encase + .encase{margin:1.6rem 0 0 0}
#myinfo .delivery .encase.basic{border:.1rem solid #e5273e}
#myinfo .delivery .encase .act span{float:left;display:block;padding:0 .5rem;line-height:1.7rem;font-size:1rem;vertical-align:middle;color:#e5273e;border:.1rem solid #fcf4f5;background:#fcf4f5;border-radius:.3rem}
#myinfo .delivery .encase .name{font-size:1.6rem;font-weight:700;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}
#myinfo .form{padding:0 1.6rem;background:#fff}
#myinfo .form .image{padding-bottom:4rem;text-align:center}
#myinfo .form .image .img{padding:1rem 0 3.4rem 0}
#myinfo .form .image .tit{font-size:1.6rem;font-weight:400;color:#000}
#myinfo .form .image .txt{padding-top:.8rem;font-size:1.6rem;font-weight:400;color:#8a8a8a}
#myinfo .form .button .bt-login{width:100%;height:4.8rem;background:#000}
#myinfo .form .button .bt-login span{font-size:1.6rem;font-weight:700;color:#fff}
#myinfo .form .button .bt-login.act{background:#3182f5}
#myinfo .form .button .bt-end-out{margin:1.6rem 0 0 0;font-size:1.6rem;color:#545454;border-bottom:.1rem solid #545454}
#myinfo .form .title{padding:0 0 1.6rem 0}
#myinfo .form .title h3{display:flex;align-items:center;font-size:1.6rem;font-weight:700;color:#000}
#myinfo .form .title h3:before{content:'';margin:0 .6rem 0 0;width:.5rem;height:.5rem;background:#000}
#myinfo .form .title h3 i{padding:0 .4rem;font-size:1.6rem;font-weight:700;color:#f3132c}
#myinfo .form .title h3 span{font-size:1.4rem;font-weight:400;color:#848B96}
#myinfo .form .title p{line-height:1.2;font-size:1.2rem;font-weight:300;color:#999}
#myinfo .form .title.kflex{justify-content:space-between}
#myinfo .form .title.kflex p{display:flex;gap:1rem}
#myinfo .form .title.kflex span{display:none}
#myinfo .form .title.kflex .bt{display:block;width:2.8rem;height:2.8rem;overflow:hidden}
#myinfo .form .title.kflex .bt-sns1{background:url("/img/login/msns1.svg") no-repeat 50% 50%}
#myinfo .form .title.kflex .bt-sns2{background:url("/img/login/msns2.svg") no-repeat 50% 50%}
#myinfo .form .input{position:relative;margin:0 0 4rem 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:700;text-align:left !important;color:#242a38}
#myinfo .form .input label i{padding:0 .2rem;color:#e5273e}
#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 .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}
#myinfo .form .input .ip-txt:focus{border:.1rem solid #3182f5}
#myinfo .form .input .ip-txt::placeholder{color:#8a8a8a}
#myinfo .form .input .skip{display:none}
#myinfo .form .input .box{display:flex;position:relative}
#myinfo .form .input .box + .box{margin:.8rem 0 0 0}
#myinfo .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}
#myinfo .form .input .box .bt:focus{color:#fff;background:#3182f5}
#myinfo .form .input .box .bt.act{color:#fff;background:#3182f5}
#myinfo .form .input .tip{display:flex;margin:.4rem 0 0 0;font-size:1.4rem;color:#f3132c}
#myinfo .form .input .tip i{margin:0 .2rem 0 0;font-size:1.6rem;font-family:'xeicon'}
#myinfo .form .input .btn{padding-top:2rem}
#myinfo .form .input .btn .bt-login{width:100%;height:4.8rem;font-size:1.6rem;font-weight:700;color:#fff;background:#000}
#myinfo .form .input .btn .bt-login.act{background:#3182f5}
#myinfo .form .check{display:flex;flex-wrap:wrap;align-items:center;padding:0 0 1.6rem 0}
#myinfo .form .check.col3 .innr{min-width:33.33%}
#myinfo .form .check label{font-size:1.4rem;font-weight:700;color:#545454}
#myinfo .form .check button{float:right;font-size:1.4rem;font-weight:400;color:#242a38;text-decoration:underline}
#myinfo .form .checked{display:flex;flex-wrap:wrap;align-items:center;padding:2.4rem 0}
#myinfo .form .chklbl{display:none}
#myinfo .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}
#myinfo .form .chklbl:checked + label{color:#fff;border:.1rem solid #3182f5;background:#3182f5}
#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 .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:.6rem 0 0 0;font-size:1.2rem;color:#848b96}
#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;font-size: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:#e5273e;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 .adrarea{padding:1.6rem}
#myinfo .adrarea .innr{min-width:29rem}
#myinfo .adrarea .innr + .innr{margin:1.6rem 0 0 0}
#myinfo .adrarea .innr .item{position:relative;word-break:keep-all;background:#fff}
#myinfo .adrarea .innr .item .nam{display:flex;align-items:center;padding-bottom:1.6rem;font-size:1.8rem;font-weight:700;color:#2f2f2f}
#myinfo .adrarea .innr .item .nam em{display:flex;align-items:center;justify-content:center;margin:0 0 0 .6rem;width:4rem;height:2rem;font-size:1.2rem;color:#8a8a8a;border:.1rem solid #8a8a8a;background:#fff;border-radius:2rem}
#myinfo .adrarea .innr .item .num{display:flex;font-size:1.4rem}
#myinfo .adrarea .innr .item .num strong{display:inline-block;padding-right:2rem;min-width:5.6rem;color:#2f2f2f}
#myinfo .adrarea .innr .item .num span{color:#8a8a8a}
#myinfo .adrarea .innr .item .add{display:flex;padding:1.6rem 0;font-size:1.4rem}
#myinfo .adrarea .innr .item .add strong{display:inline-block;padding-right:2rem;min-width:5.6rem;color:#2f2f2f}
#myinfo .adrarea .innr .item .add span{color:#8a8a8a}
#myinfo .adrarea .innr .chkbrd{display:none}
#myinfo .adrarea .innr .chkbrd + label{position:relative;display:block;padding:2rem;font-size:1.4rem;border:.1rem solid #3182f5;border-radius:.6rem;cursor:pointer}
#myinfo .adrarea .innr .chkbrd:checked + label{background:#3182f5}
#myinfo .adrarea .innr .chkbrd:checked + label .nam{color:#fff !important}
#myinfo .adrarea .innr .chkbrd:checked + label .nam em{color:#3182f5;border:.1rem solid #fff;background:#fff}
#myinfo .adrarea .innr .chkbrd:checked + label .num strong,
#myinfo .adrarea .innr .chkbrd:checked + label .add strong{color:#fff !important}
#myinfo .adrarea .innr .chkbrd:checked + label .num span,
#myinfo .adrarea .innr .chkbrd:checked + label .add span{color:#fff !important}
#myinfo .adrarea .innr .chkbrd:checked ~ .btn button{color:#fff}
#myinfo .adrarea .innr .adds button{display:flex;align-items:center;justify-content:center;width:100%;height:15rem;text-align:center;border:.1rem solid #c0c0c0}
#myinfo .adrarea .innr .adds button span{font-size:1.6rem;color:#545454}
#myinfo .adrarea .innr .adds button i{padding-left:.6rem;font-size:1.6rem;color:#3182f5}
#myinfo .adrarea .innr .btn{position:absolute;top:2rem;right:2rem;display:flex;align-items:center}
#myinfo .adrarea .innr .btn button{font-size:1.4rem;color:#3182f5}
#myinfo .adrarea .innr .btn button i{font-size:1.4rem;padding:0 .2rem 0 0}

#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:700;color:#242a38}
#myinfo .myinfo .input label i{padding:0 .2rem;color:#e5273e}
#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}

#myinfo .setting .input{display:flex;align-items:center;justify-content:space-between}
#myinfo .setting .input label{padding-right:4.8rem}
#myinfo .setting .input label strong{font-size:1.6rem;font-weight:400;color:#000}
#myinfo .setting .input label span{display:block;padding:.8rem 0 0 0;line-height:1.4;font-size:1.2rem;color:#545454}
#myinfo .setting .title{display:flex;align-items:center;padding:1rem 1.6rem 0 1.6rem;height:3.6rem;background:#fff}
#myinfo .setting .title h3{display:flex;align-items:center;font-size:1.6rem;font-weight:700;color:#000}
#myinfo .setting .menu{display:flex;align-items:center;justify-content:space-between;padding:0 1.6rem;height:5.8rem;background:#fff;cursor:pointer}
#myinfo .setting .menu + .menu{border-top:.1rem solid #e1e1e1}
#myinfo .setting .menu h3{display:flex;align-items:center;font-size:1.6rem;font-weight:700;color:#000}
#myinfo .setting .gnb{padding:2rem 1.6rem;background:#fff}
#myinfo .setting .gnb + .gnb{border-top:.1rem solid #e1e1e1}
#myinfo .setting .more{font-size:1.8rem;font-family:"xeicon"}
#myinfo .setting .logout{padding-right:.4rem;font-size:2rem;font-family:"xeicon";font-weight:400;color:#3182f5}
#myinfo .ktwrap,
#myinfo .nowrap{padding-bottom:2.4rem;background:#fff}
#myinfo .imgbox{position:relative;padding-bottom:3.6rem;background:#fff}
#myinfo .imgbox .prol{display:flex;align-items:center;flex-direction:column;position:relative;padding:1.6rem 0}
#myinfo .imgbox .prol:before{content:'';position:absolute;z-index:2;top:0;bottom:0;right:0;left:0;background:url("/img/user/img-profile2.svg") no-repeat 50% .4rem;background-size:18.8rem auto}
#myinfo .imgbox .prol .img{position:relative;padding:1.2rem 0 0 0}
#myinfo .imgbox .prol .img .image{display:block;width:12rem;height:12rem;border:.2rem solid #000;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden}
#myinfo .imgbox .prol .img button{display:flex;align-items:center;justify-content:center;position:relative;z-index:2;top:1.6rem;margin:0 auto;padding:0 1.2rem;height:2.3rem;font-size:1.2rem;font-weight:700;color:#3182f5;border:.1rem solid #3182f5;background:#fff;border-radius:3rem}
#myinfo .imgbox .prol .img i{padding-right:.4rem;font-size:1.4rem;font-family:"xeicon"}
#myinfo .imgbox .tits{padding:3rem 0 1.6rem 0;font-size:2rem;text-align:center;color:#000}
#myinfo .imgbox .tits strong{padding-left:1rem;font-weight:700}
#myinfo .imgbox .emls{position:absolute;bottom:1.2rem;right:0;left:0;font-size:1.4rem;font-weight:400;text-align:center;color:#545454}
#myinfo .imgbox .tops{padding:.8rem 0 0 0;font-size:2rem;text-align:center;color:#000}
#myinfo .imgbox .tops strong{font-weight:700;color:#3182f5}
#myinfo .imgbox .txts{padding:1.6rem 0 3rem 0;font-size:1.6rem;font-weight:400;text-align:center;color:#545454}
#myinfo .membox{padding:2.4rem 1.6rem;border-bottom:.6rem solid #f4f4f4;background:#fff}
#myinfo .membox .tits{display:flex;align-items:flex-end;padding:0 0 1rem 0}
#myinfo .membox .tits button{line-height:1.3;font-size:2.2rem;font-weight:700;text-align:left;color:#000}
#myinfo .membox .tits strong{display:block;padding:0 2rem 0 0;line-height:1.2;font-size:1.6rem;color:#2c2c2c}
#myinfo .membox .txts{font-size:1.6rem;color:#545454}
#myinfo .membox + .nowrap{padding:2.4rem 0}
#myinfo .navi{display:flex;justify-content:space-between}
#myinfo .navi .inner{width:25%}
#myinfo .navi .inner:nth-child(1) .num{color:#3182f5}
#myinfo .navi .inner .item{display:block;position:relative;text-align:center}
#myinfo .navi .inner .ico{display:block;height:4.6rem;background-repeat:no-repeat;background-position:50% 50%}
#myinfo .navi .inner .ico em{display:inline-block;margin:0 0 0 2.5rem;padding:.2rem .5rem;line-height:1;font-size:1rem;color:#fff;background:#e5273e;border-radius:1rem}
#myinfo .navi .inner .tit{line-height:1.4;font-size:1.4rem;color:#545454}
#myinfo .navi .inner .num{padding-top:.4rem;font-size:1.5rem;font-weight:700;color:#000}
#myinfo .navi .inner .ico1{background-image:url("/img/user/bt-mypage-po1.svg")}
#myinfo .navi .inner .ico2{background-image:url("/img/user/bt-mypage-po2.svg")}
#myinfo .navi .inner .ico3{background-image:url("/img/user/bt-mypage-po3.svg")}
#myinfo .navi .inner .ico4{background-image:url("/img/user/bt-mypage-po4.svg")}
#myinfo .btns{padding:0 0 1.6rem 0}
#myinfo .btns button{display:flex;align-items:center;justify-content:space-between;padding:0 1.8rem;width:100%;color:#fff;background:#3182f5;border-radius:1rem}
#myinfo .btns button strong{display:flex;align-items:center;height:5rem;font-size:1.6rem}
#myinfo .btns button div{display:flex;align-items:center;height:5rem}
#myinfo .btns button span{font-size:1.4rem}
#myinfo .btns button i{padding-left:.6rem;height:2rem;font-size:1.8rem;font-family:"xeicon"}
#myinfo .navi.inactive .num{display:none}
#myinfo .navi.inactive .inner .ico1{background-image:url("/img/user/bt-mypage-p1.svg")}
#myinfo .navi.inactive .inner .ico2{background-image:url("/img/user/bt-mypage-p2.svg")}
#myinfo .navi.inactive .inner .ico3{background-image:url("/img/user/bt-mypage-p3.svg")}
#myinfo .navi.inactive .inner .ico4{background-image:url("/img/user/bt-mypage-p4.svg")}
#myinfo .btns.inactive button{background:#545454}
#myinfo .cate.inactive .inner .item .ico:before{background:#545454}
#myinfo .cate{padding-bottom:.6rem}
#myinfo .cate .inner .item{display:flex;align-items:center;height:4.6rem;color:#000}
#myinfo .cate .inner .item .ico{position:relative;z-index:1;margin-right:1.2rem;font-size:1.8rem;font-family:"xeicon"}
#myinfo .cate .inner .item .ico:before{content:'';position:absolute;z-index:-1;width:1rem;height:1rem;background:#3182f5}
#myinfo .cate .inner:nth-child(1) .item .ico:before{top:0;left:0}
#myinfo .cate .inner:nth-child(2) .item .ico:before{bottom:0;right:0}
#myinfo .cate .inner:nth-child(3) .item .ico:before{bottom:0;left:0}
#myinfo .cate .inner:nth-child(4) .item .ico:before{top:0;right:0}
#myinfo .cate .inner:nth-child(5) .item .ico:before{top:0;left:0}
#myinfo .cate .inner:nth-child(6) .item .ico:before{bottom:0;right:0}
#myinfo .cate .inner:nth-child(7) .item .ico:before{bottom:0;left:0}
#myinfo .cate .inner .item .tit{display:flex;align-items:center;font-size:1.6rem;font-weight:400}
#myinfo .cate .inner .item .tit em{display:inline-block;margin-left:.4rem;padding:0 .4rem;font-size:1.2rem;color:#fff;background:#3182f5;border-radius:2rem}
#myinfo .cate .inner:hover .item .tit,
#myinfo .cate .inner.act .item .tit{color:#000}
#myinfo .guide{padding:0 1.6rem}
#myinfo .guide .tits{padding:2.4rem 0;font-size:1.6rem;font-weight:700;color:#000}
#myinfo .guide .opts{display:flex;align-items:center;margin-right:-.8rem}
#myinfo .guide .opts .innr{margin:0 .8rem 0 0;min-width:calc(33.33% - .8rem);height:12rem;text-align:center;background:#eee;border-radius:.6rem}
#myinfo .guide .opts .innr .ico{height:6.4rem;background-repeat:no-repeat;background-position:50% 50%}
#myinfo .guide .opts .innr:nth-child(1) .ico{background-image:url("/img/user/guid1.svg")}
#myinfo .guide .opts .innr:nth-child(2) .ico{background-image:url("/img/user/guid2.svg")}
#myinfo .guide .opts .innr:nth-child(3) .ico{background-image:url("/img/user/guid3.svg")}
#myinfo .guide .opts .innr .tit{font-size:1.4rem;font-weight:400;color:#000}
#myinfo .guide .opts .innr .num{padding-top:.4rem;font-size:1.5rem;font-weight:700;color:#3182f5}
#myinfo .guide .txts{font-size:1.2rem;font-weight:400;color:#8a8a8a}
#myinfo .guide .txts ul{padding:2.4rem 0}
#myinfo .guide .txts li{position:relative;padding:0 0 .8rem .8rem}
#myinfo .guide .txts li:before{content:'';position:absolute;top:.4rem;left:0;width:.3rem;height:.3rem;background:#8a8a8a}
#myinfo .guide .btns{display:flex;align-items:center;margin-right:-.8rem}
#myinfo .guide .btns .bt{display:flex;align-items:center;justify-content:center;margin-right:.8rem;height:4.8rem;font-size:1.6rem;font-weight:700;border-radius:0}
#myinfo .guide .btns .bt-outed{color:#000;background:#f4f4f4}
#myinfo .profile{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;background:#fff}
#myinfo .profile i{font-family:'xeicon'}
#myinfo .profile .img{position:relative;width:11.2rem}
#myinfo .profile .img .image{width:11.2rem;height:11.2rem;border:.2rem solid #000;border-radius:50%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden}
#myinfo .profile .img .btn{position:absolute;z-index:3;bottom:.4rem;right:.4rem;width:2.8rem;height:2.8rem;color:#fff;background:#848b96;border-radius:50%}
#myinfo .profile .img .btn i{font-size:1.6rem}
#myinfo .profile .txbox{padding:2.4rem 0}
#myinfo .profile .txbox.act{display:none}
#myinfo .profile .txbox h2{display:flex;align-items:center}
#myinfo .profile .txbox h2 button{padding:0 .2rem}
#myinfo .profile .txbox h2 strong{font-size:2rem;font-weight:700;color:#000}
#myinfo .profile .txbox h2 i{font-size:2rem;color:#000}
#myinfo .profile .ipbox{padding:1.2rem 0 0 0;text-align:center}
#myinfo .profile .ipbox .nick{width:21rem;height:4.8rem;font-size:2rem;font-weight:700;color:#000;text-align:center;border:0;border-bottom:.2rem solid #3182F5}
#myinfo .profile .ipbox .nick::placeholder{font-size:1.6rem;font-weight:400;color:#8a8a8a}
#myinfo .profile .ipbox .num{display:block;padding:.8rem 0 0 0;font-size:1.4rem;color:#545454}

#leave{min-height:calc(100vh - 16.5rem)}
#leave .imgbox{padding:2.4rem 0;background:#fff}
#leave .imgbox .prol{display:flex;align-items:center;flex-direction:column;position:relative;padding:3rem 0}
#leave .imgbox .prol:before{content:'';position:absolute;z-index:2;top:0;bottom:0;right:0;left:0;background:url("/img/user/img-profile2.svg") no-repeat 50% 46%;background-size:18.8rem auto}
#leave .imgbox .prol .img{position:relative}
#leave .imgbox .prol .img .image{display:block;width:12rem;height:12rem;border:.2rem solid #000;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden}
#leave .imgbox .prol .img button{position:absolute;z-index:3;bottom:0;right:0;left:0;height:2.3rem;font-size:1.2rem;color:#fff;background:rgb(0 0 0 / 70%)}
#leave .imgbox .tits{padding:3rem 0 1.6rem 0;font-size:2rem;text-align:center;color:#000}
#leave .imgbox .tits strong{padding-left:1rem;font-weight:700}
#leave .imgbox .emls{font-size:1.4rem;font-weight:400;text-align:center;color:#545454}
#leave .imgbox .tops{padding:.8rem 0 0 0;font-size:2rem;text-align:center;color:#000}
#leave .imgbox .tops strong{font-weight:700;color:#3182f5}
#leave .imgbox .txts{padding:1.6rem 0 0 0;font-size:1.6rem;font-weight:400;text-align:center;color:#545454}
#leave .guide{padding:0 1.6rem}
#leave .guide .tits{padding:2.4rem 0;font-size:1.6rem;font-weight:700;color:#000}
#leave .guide .opts{display:flex;align-items:center;margin-right:-.8rem}
#leave .guide .opts .innr{margin:0 .8rem 0 0;min-width:calc(33.33% - .8rem);height:12rem;text-align:center;background:#eee;border-radius:.6rem}
#leave .guide .opts .innr .ico{height:6.4rem;background-repeat:no-repeat;background-position:50% 50%}
#leave .guide .opts .innr:nth-child(1) .ico{background-image:url("/img/user/guid1.svg")}
#leave .guide .opts .innr:nth-child(2) .ico{background-image:url("/img/user/guid2.svg")}
#leave .guide .opts .innr:nth-child(3) .ico{background-image:url("/img/user/guid3.svg")}
#leave .guide .opts .innr .tit{font-size:1.4rem;font-weight:400;color:#000}
#leave .guide .opts .innr .num{padding-top:.4rem;font-size:1.5rem;font-weight:700;color:#3182f5}
#leave .guide .txts{font-size:1.2rem;font-weight:400;color:#8a8a8a}
#leave .guide .txts ul{padding:2.4rem 0}
#leave .guide .txts li{position:relative;padding:0 0 .8rem .8rem}
#leave .guide .txts li:before{content:'';position:absolute;top:.4rem;left:0;width:.3rem;height:.3rem;background:#8a8a8a}
#leave .guide .btns{display:flex;align-items:center;margin-right:-.8rem}
#leave .guide .btns .bt{display:flex;align-items:center;justify-content:center;margin-right:.8rem;height:4.8rem;font-size:1.6rem;font-weight:700;border-radius:0}
#leave .guide .btns .bt-outed{color:#000;background:#f4f4f4}

/**/
#ktplay .footer{padding:1.6rem/*;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}

/**/
#ktplay .no-result{display:flex;flex-direction:column;align-items:center/*;background:#fff*/}
#ktplay .no-result .nocontent{padding:14% 0;text-align:center}
#ktplay .no-result .tit{padding:1.2rem 0;font-size:1.8rem;font-weight:800;color:#000}
#ktplay .no-result .txt{font-size:1.4rem;font-weight:400;color:#8a8a8a}

/**/
#ktplay .no-product{display:flex;flex-direction:column;align-items:center}
#ktplay .no-product .nocontent{display:flex;text-align:center;flex-direction:column;justify-content:center;height:60vh}
#ktplay .no-product .tit{padding:1.2rem 0;font-size:1.8rem;font-weight:800;color:#000}
#ktplay .no-product .txt{font-size:1.4rem;font-weight:400;color:#8a8a8a}

/**/
#ktplay .prdadd{}
#ktplay .prdadd label{position:relative;display:block;padding:0 0 .8rem 0;font-size:1.4rem;font-weight:700;color:#242a38}
#ktplay .prdadd label i{padding:0 .2rem;color:#3182f5}
#ktplay .prdadd .swiper-wrapper{padding:.6rem 0 1.6rem 0;overflow-x:auto}
#ktplay .prdadd .swiper-slide{margin-right:.8rem;width:auto !important}
#ktplay .prdadd .lot{position:absolute;top:.2rem;right:0;font-size:1.4rem;font-weight:500;color:#999}
#ktplay .prdadd .area{position:relative;padding:1rem;font-size:1.4rem;border:.1rem solid #ccc;border-radius:.4rem}
#ktplay .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}
#ktplay .prdadd .area button span{display:none}
#ktplay .prdadd .img{position:relative;background-color:#000;border-radius:.8rem}
#ktplay .prdadd .img .image{display:block;width:6.6rem;height:6.6rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:.8rem}
#ktplay .prdadd .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 .prdadd .img .bt-del span{display:none}
#ktplay .prdadd .img .bt-shift{display:block;width:100%;height:2.4rem;background:url("/img/user/ico-shift.svg") no-repeat 50% 50%}
#ktplay .prdadd .img .bt-shift span{display:none}
#ktplay .prdadd .add{display:flex;align-items:center;justify-content:center;width:6.6rem;height:6.6rem;border:.1rem dashed #2f2f2f;border-radius:.8rem}
#ktplay .prdadd .add button{text-align:center;color:#2f2f2f}
#ktplay .prdadd .add i{font-size:2.4rem}

#header{position:sticky;z-index:99;top:0;background:#fff;transition:all .3s}
#footer.scllup{bottom:-7rem}
#footer.sticky{position:sticky !important}
#header.scllup,
#header.sclldw{background:#fff}

#footer.fixed{position:static !important}

#age-head{position:sticky;z-index:99;top:0;background:#fff;transition:all .3s}
#age-foot{position:sticky;z-index:90;bottom:0;width:100%;transition:all .3s}
#age-btns{position:fixed;z-index:80;bottom:0;width:100%}
#age-btns.sclldw{bottom:0}
#age-btns.scllup{bottom:-8rem}
#age-btns .filbtn{padding:0 1.6rem;font-size:1.2rem;font-weight:300;color:#545454;text-align:right}
#age-btns .filbtn .bt-file{border-bottom:.1rem solid #545454}
#age-btns .ordbtn{display:flex;align-items:center;padding:0 1.6rem;height:8rem;background:#fff/*;box-shadow:0 -.1rem 1rem rgb(0 0 0 / 10%)*/}
#age-btns .ordbtn button{border-radius:.5rem}
#age-btns .ordbtn .innr{display:flex;align-items:center}
#age-btns .ordbtn .bt-order{display:block;width:100%;height:4.8rem;font-size:1.6rem;font-weight:500;color:#fff;text-align:center;border:.1rem solid #000;background:#000}
#age-btns .ordbtn .bt-order.act{color:#fff;border:.1rem solid #3182f5;background:#3182f5}
#age-btns .ordbtn .bt-modify{display:block;width:100%;height:4.8rem;font-size:1.6rem;font-weight:500;color:#fff;text-align:center;border:.1rem solid #000;background:#000}
#age-btns .ordbtn .bt-modify.act{color:#fff;border:.1rem solid #3182f5;background:#3182f5}
#age-btns .ordbtn .bt-invite{display:block;width:100%;height:4.8rem;font-size:1.6rem;font-weight:500;color:#3182f5;text-align:center;border:.1rem solid #3182f5;background:#fff}
#age-btns .ordbtn .bt-invite.act{color:#fff;border:.1rem solid #3182f5;background:#3182f5}
#age-btns .ordbtn .bt-list{display:block;width:100%;height:4.8rem;font-size:1.6rem;font-weight:500;color:#fff;text-align:center;border:.1rem solid #000;background:#000}
#age-btns .ordbtn .bt-list.act{color:#fff;border:.1rem solid #3182f5;background:#3182f5}
#age-btns .ordbtn .bt-okay{display:block;width:100%;height:4.8rem;font-size:1.6rem;font-weight:500;color:#fff;text-align:center;border:.1rem solid #000;background:#000}
#age-btns .ordbtn .bt-okay.act{color:#fff;border:.1rem solid #3182f5;background:#3182f5}
#age-btns .strbtn{display:flex;align-items:center;padding:0 1.6rem;height:8rem}
#age-btns .strbtn .innr{display:flex;align-items:center}
#age-btns .strbtn .bt-view{display:block;width:100%;height:4.8rem;font-size:1.6rem;font-weight:500;color:#fff;text-align:center;border:.1rem solid #3182f5;background:#3182f5}

#age-btns .flxbtn{padding:1.6rem;background:#fff}
#age-btns .flxbtn .tacs + .btns{margin-top:1.6rem}
#age-btns .flxbtn .btns{display:flex;align-items:center;margin-right:-.8rem}
#age-btns .flxbtn .btns button{margin:0 .8rem 0 0;width:100%;text-align:center;color:#fff;background:#000;border-radius:1rem}
#age-btns .flxbtn .btns button strong{display:flex;align-items:center;height:5rem;font-size:1.6rem}
#age-btns .flxbtn .btns button div{display:flex;align-items:center;height:5rem}
#age-btns .flxbtn .btns button span{font-size:1.4rem}
#age-btns .flxbtn .btns button i{padding-left:.6rem;height:2rem;font-size:1.8rem;font-family:"xeicon"}
#age-btns .flxbtn .btns .bt{display:flex;align-items:center;justify-content:center;margin-right:.8rem;height:4.8rem;font-size:1.6rem;font-weight:700;border-radius:0}
#age-btns .flxbtn .btns .bt-outed{color:#000;background:#f4f4f4}
#age-btns .flxbtn .btns .act{background:#3182f5}

#age-order{min-height:100vh}
#age-order .payment .form{padding:0}
#age-order .payment .form .box{}
#age-order .payment .form .box + .box{padding-top:1rem}
#age-order .payment .form .box .radiobox + label{font-weight:500}
#age-order .payment .inner + .inner{padding-top:3.4rem}
#age-order .payment .inner .check{display:inline-block;width:2rem;vertical-align:middle}
#age-order .payment .inner .check .checkbox + label{padding:0}

#age-order .comp{padding:1.6rem;background:#f4f4f4}
#age-order .comp .item{display:flex;align-items:center;min-width:100%;background:#fff;border-radius:.6rem;overflow:hidden}
#age-order .comp .item .image{display:block;position:relative;width:8rem;height:8rem;background-color:#eee;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden}
#age-order .comp .item .box{display:grid;padding:0 1.8rem}
#age-order .comp .item .tit{font-size:1.8rem;font-weight:700;color:#2f2f2f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#age-order .comp .item .txt{padding-top:.6rem;font-size:1.4rem;font-weight:400;color:#626262;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

#age-order .cart-item{border-bottom:1.6rem solid #f4f4f4}
#age-order .cart-item .item + .item{border-top:.1rem solid #E8E8E8}
#age-order .cart-item .ktwrap{background:#fff}
#age-order .cart-item .con{display:flex;align-items:center;justify-content:space-between;height:5rem}
#age-order .cart-item .con + .con{border-top:.1rem solid #cdcdcd}
#age-order .cart-item .con .date{font-size:1.8rem;font-weight:700;color:#000}
#age-order .cart-item .con .value{font-size:1.6rem;font-weight:700;color:#545454}
#age-order .cart-item .con .value.act{color:#3182f5}
#age-order .cart-item .con .ord1{display:flex;align-items:center;justify-content:center;width:5rem;height:2.6rem;font-size:1.2rem;color:#fff;background:#3182f5}
#age-order .cart-item .con .ord2{display:flex;align-items:center;justify-content:center;width:5rem;height:2.6rem;font-size:1.2rem;color:#fff;background:#000}
#age-order .cart-item .con .bt-photo{padding:0 1rem;height:2.4rem;font-size:1.4rem;font-weight:700;color:#3182f5;border:.1rem solid #3182f5;border-radius:3rem}
#age-order .cart-item .prd{padding-bottom:1.6rem}
#age-order .cart-item .prd .innr + .innr{margin-top:1.6rem;padding-top:1.6rem;border-top:.1rem solid #cdcdcd}
#age-order .cart-item .prd .innr{display:flex;position:relative}
#age-order .cart-item .prd .innr dt{margin-right:1.6rem}
#age-order .cart-item .prd .innr dd{display:flex;flex-direction:column;justify-content:space-between;position:relative;min-width:calc(100% - 10.2rem)}
#age-order .cart-item .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%}
#age-order .cart-item .prd .image{display:block;position:relative;width:8.6rem;height:8.6rem;background-color:#eee;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden}
#age-order .cart-item .prd .image:before{content:'';position:absolute;top:0;bottom:0;right:0;left:0;border:.1rem solid #999}
#age-order .cart-item .prd .tit{color:#2f2f2f}
#age-order .cart-item .prd .tit em{display:block;padding-bottom:.4rem;font-size:1.4rem;font-weight:400}
#age-order .cart-item .prd .tit a{display:block;padding-right:2rem;font-size:1.6rem;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#age-order .cart-item .prd .opt{padding-top:1.2rem}
#age-order .cart-item .prd .opt .inr{position:relative;padding-left:1rem;font-size:1.4rem;font-weight:400;color:#888}
#age-order .cart-item .prd .opt .inr:before{content:'';position:absolute;top:.7rem;left:0;display:block;width:.4rem;height:.4rem;background:#888}
#age-order .cart-item .prd .opt .inr2{position:relative;padding-left:1rem;font-size:1.4rem;font-weight:400;color:#888}
#age-order .cart-item .prd .opt .inr2:before{content:'';position:absolute;top:.7rem;left:0;display:block;width:.4rem;height:.4rem;background:none}
#age-order .cart-item .prd .opt .inr + .inr{margin-top:.4rem}
#age-order .cart-item .prd .opt .inr + .inr2{margin-top:.4rem}
#age-order .cart-item .prd .opt .inr2 + .inr{margin-top:.4rem}
#age-order .cart-item .prd .opt .inr2 + .inr2{margin-top:.4rem}
#age-order .cart-item .prd .pce{color:#000}
#age-order .cart-item .prd .pce ins{font-size:1.8rem;font-weight:700;text-decoration:none}
#age-order .cart-item .prd .pce del{padding:0 0 0 1rem;font-size:1.4rem;font-weight:400;color:#545454}
#age-order .cart-item .prd .val{padding:1rem 0 0 0;font-size:1.2rem;color:#707070}
#age-order .cart-item .prd .btn{position:absolute;bottom:0;right:0}
#age-order .cart-item .prd .btn .bt{display:inline-block;padding:0 1rem;line-height:2.4rem;font-size:1.2rem;color:#fff;border:.1rem solid #e5273e;background:#e5273e;border-radius:.6rem}
#age-order .cart-item .box{display:flex;align-items:center;justify-content:space-between;height:4.4rem;border-top:.1rem solid #cdcdcd}
#age-order .cart-item .box .str em{display:inline-block;padding:0 .6rem;font-size:1.4rem;vertical-align:middle;color:#242a38}
#age-order .cart-item .box .star{display:inline-block;width:6.5rem;vertical-align:middle;background:url("/img/user/star2.svg") no-repeat 0 50%;background-size:6.5rem auto}
#age-order .cart-item .box .star span{display:block;height:1.1rem;background:url("/img/user/star1.svg") no-repeat 0 50%;background-size:6.5rem auto}
#age-order .cart-item .box .time{margin:0 !important}
#age-order .cart-item .box .time time{font-size:1.2rem;color:#545454}
#age-order .cart-item .prf{margin:0;padding:1.8rem 0 .8rem 0}
#age-order .cart-item .prf .str{padding:0}
#age-order .cart-item .ims{display:flex;align-items:center;margin:0 -.4rem 1.6rem 0}
#age-order .cart-item .ims .img{margin:0 .6rem 0 0}
#age-order .cart-item .ims .image{display:block;width:4.6rem;height:4.6rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:.8rem;overflow:hidden}
#age-order .cart-item .txt{padding-bottom:1.6rem}
#age-order .cart-item .txt div{padding:1.4rem 1.2rem;line-height:1.3;font-size:1.4rem;color:#000;background:#f4f4f4;border-radius:.8rem}
#age-order .cart-item .dat{display:flex;align-items:center;justify-content:space-between;height:5.4rem;border-top:.1rem solid #cdcdcd}
#age-order .cart-item .dat .dline{font-size:1.4rem;font-weight:400;color:#545454}
#age-order .cart-item .dat .write{display:flex;align-items:center;padding:0 1.8rem;height:3rem;font-size:1.4rem;color:#3182f5;border:.1rem solid #3182f5;border-radius:3rem}
#age-order .cart-item .dat .write i{margin-right:.2rem}
#age-order .cart-item .btn{display:flex;align-items:center;justify-content:flex-end;padding:1.8rem 0 1rem 0}
#age-order .cart-item .btn .bt-del{display:flex;align-items:center;gap:.4rem;font-size:1.6rem;font-weight:600;color:#545454}
#age-order .cart-item .btn .bt-del i{font-weight:400}
#age-order .cart-item .opp{display:flex;align-items:center;justify-content:space-between;padding:1.8rem 0}
#age-order .cart-item .opp .innr{display:flex;align-items:center;gap:1.2rem}
#age-order .cart-item .opp .val{display:flex;align-items:center}
#age-order .cart-item .opp .val i{display:flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;font-size:1.4rem;color:#CDCDCD;border:.1rem solid #CDCDCD;border-radius:2.6rem;cursor:pointer}
#age-order .cart-item .opp .val i.act{color:#545454;border:.1rem solid #CDCDCD}
#age-order .cart-item .opp .val strong{padding:0 1rem}
#age-order .cart-item .opp .pce{display:flex;align-items:flex-end;gap:.4rem}
#age-order .cart-item .opp .pce ins{font-size:1.8rem;font-weight:700;text-decoration:none}
#age-order .cart-item .opp .pce ins span{font-weight:300}
#age-order .cart-item .opp .pce span{font-size:1.6rem}
#age-order .cart-item .opp .bt-add{min-width:10rem;height:4.4rem;font-size:1.4rem;font-weight:700;color:#3182F5;border:.1rem solid #3182F5;border-radius:.8rem}

.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}

#age-order .payment .loud{padding:1.6rem;background:#f3f3f3;border-radius:1rem}
#age-order .payment .loud h4{margin:0 0 .6rem 0;font-size:1.2rem}
#age-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}
#age-order .payment .loud h5+p{padding:0 0 1.4rem 2.4rem}
#age-order .payment .loud p{font-size:1.2rem}

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

#age-order .button .btn{text-align:center}
#age-order .button .btn .w100p{width:100%;}
#age-order .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:.5rem;}

#age-order .order-item{padding:3.4rem 1.6rem;border-top:.1rem solid #e8e8ec;border-bottom:.1rem solid #cdcdcd}
#age-order .order-item .innr + .innr{margin-top:3.4rem}
#age-order .order-item .prod{position:relative}
#age-order .order-item .prod dl{display:flex}
#age-order .order-item .prod dt{position:relative}
#age-order .order-item .prod dt i{position:absolute;top:0;left:0}
#age-order .order-item .prod dt button{display:block;width:9rem;height:9rem;border:.1rem solid #e8e8ec;border-radius:.6rem;overflow:hidden}
#age-order .order-item .prod dd{margin:0 0 0 1rem;width:calc(100% - 7rem)}
#age-order .order-item .prod .image{width:6rem;height:6rem;border:.1rem solid #000;background-color:#fff;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden}
#age-order .order-item .tit{display:block;padding-right:4rem;font-size:1.6rem;font-weight:400;color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#age-order .order-item .opt{display:flex;align-items:center;padding:.7rem 0}
#age-order .order-item .opt span{font-size:1.2rem;font-weight:400;color:#242a38}
#age-order .order-item .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}
#age-order .order-item .min{position:relative}
#age-order .order-item .min:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.2rem;height:.1rem;background:#242a38}
#age-order .order-item .max{position:relative}
#age-order .order-item .max:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.2rem;height:.1rem;background:#242a38}
#age-order .order-item .max:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.1rem;height:1.2rem;background:#242a38}
#age-order .order-item .cnt{display:flex;justify-content:space-between;align-items:center;padding-top:1rem}
#age-order .order-item .cnt i{margin:0 .5rem 0 0}
#age-order .order-item .cnt ins{display:inline-block;font-size:1.6rem;font-weight:700;text-decoration:none;color:#2f2f2f}
#age-order .order-item .cnt ins span{font-weight:400}
#age-order .order-item .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 #cdcdcd;border-radius:.6rem}
#age-order .order-item .cnt .num{display:flex;align-items:center}
#age-order .order-item .cnt .num button{display:block;width:2.6rem;height:2.6rem;border:.1rem solid #cdcdcd;border-radius:3rem}
#age-order .order-item .cnt .num strong{display:block;padding:0 1rem;font-size:1.8rem;color:#3182f5}
#age-order .order-item .cnt .select{position:relative;font-size:0}
#age-order .order-item .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:.6rem}
#age-order .order-item .cnt .select div{padding:0 2rem;height:5rem;line-height:5rem;font-size:1.4rem;color:#c0c6d2;border:.1rem solid #e8e8ec;border-radius:.6rem}
#age-order .order-item .btn{position:absolute;top:0;right:0}
#age-order .order-item .btn i{font-size:2rem}
#age-order .order-item .btn .xeicon{font-size:1.6rem}

#ktplay .order-cont{display:flex;align-items:flex-start;justify-content:space-between;padding:1.6rem}
#ktplay .order-cont .val{display:flex;align-items:center}
#ktplay .order-cont .val i{display:flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;font-size:1.4rem;color:#CDCDCD;border:.1rem solid #CDCDCD;border-radius:2.6rem;cursor:pointer}
#ktplay .order-cont .val i.act{color:#545454;border:.1rem solid #CDCDCD}
#ktplay .order-cont .val strong{padding:0 1rem;font-size:1.8rem}
#ktplay .order-cont .pce ins{font-size:1.8rem;font-weight:700;text-decoration:none}
#ktplay .order-cont .pce ins span{font-weight:300}

#age-order .order-push{display:flex;align-items:center;justify-content:center;height:5.2rem;border-bottom:.1rem solid #cdcdcd}
#age-order .order-push .bt-add{display:flex;align-items:center;justify-content:center;width:100%}
#age-order .order-push .bt-add strong{padding:0 .2rem;font-size:1.6rem;font-weight:700;color:#3182f5}
#age-order .order-push .bt-add span{padding:0 .2rem;font-size:1.6rem;color:#3182f5}
#age-order .order-type{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.6rem 0}
#age-order .order-type .select{display:flex;align-items:center;justify-content:center;position:relative;height:3rem}
#age-order .order-type .select:before{content:'';position:absolute;z-index:1;top:0;bottom:0;right:0;left:0;border:.1rem solid #cdcdcd;border-radius:3rem}
#age-order .order-type .guides{padding:.8rem 0 0 0;font-size:1.4rem;font-weight:400}
#age-order .order-type .guides strong{padding:0 .2rem;color:#3182f5}
#age-order .order-type .chk-okay{display:none}
#age-order .order-type .chk-okay + label{display:flex;align-items:center;position:relative;z-index:2;padding:0 3rem;height:3rem;font-size:1.6rem;border-radius:3rem;color:#8A8A8A}
#age-order .order-type .chk-okay:checked + label{color:#fff;background:#3182f5}
#age-order .order-stat{display:flex;align-items:center;justify-content:center;height:4rem;text-align:center;background:#000}
#age-order .order-stat div{font-size:1.4rem;font-weight:400;color:#fff}
#age-order .order-stat div strong{font-weight:400;color:#3182f5}
#age-order .order-info{margin:1.5rem 0;font-size:1.3rem;color:#999}
#age-order .order-info h3{padding:0 0 1rem 0;font-size:1.2rem;color:#242a38}
#age-order .order-info dl{display:flex;align-items:center;justify-content:space-between;height:3rem}
#age-order .order-info dt{font-size:1.4rem;color:#8a8a8a}
#age-order .order-info dd{font-size:1.6rem;font-weight:700;text-align:right;color:#2f2f2f}
#age-order .order-info dd ins{text-decoration:none}
#age-order .order-info dd span{font-weight:400}
#age-order .order-info .total{height:7rem}
#age-order .order-info .total dt{font-size:1.6rem;color:#242a38}
#age-order .order-info .total dd{font-size:2rem}
#age-order .order-info .tip{padding:0 0 1rem 2.5rem;font-size:1.2rem;color:#888}
#age-order .order-info .tip{position:relative;margin:1.5rem 0;padding:0 2rem;font-size:1.3rem;color:#999}
#age-order .order-info .tip i{position:absolute;top:.1rem;left:0}
#age-order .order-info .abu{position:relative;padding:0 0 0 2.5rem;font-size:1.3rem;color:#3182f5}
#age-order .order-info .abu i{position:absolute;top:.1rem;left:0}
#age-order .product{border-top:.1rem solid #cdcdcd;border-bottom:.1rem solid #cdcdcd;background:#fff !important}
#age-order .product .title{display:flex;align-items:center;justify-content:space-between;height:5.6rem}
#age-order .product .title h4{font-size:1.6rem;font-weight:700;color:#3182f5}
#age-order .product .title p{font-size:1.4rem;font-weight:400;color:#8a8a8a}
#age-order .product .prod .ht{position:absolute;z-index:2;bottom:1rem;right:1rem;display:block;width:3.2rem;height:3.2rem}
#age-order .product .prod .ck{position:absolute;z-index:2;top:1rem;left:1rem;display:block;width:3.2rem;height:3.2rem}
#age-order .product .prod .item .img{border:0}
#age-order .product .prod .item .img .image{position:relative}
#age-order .product .prod .item .img .image:before{content:"";position:absolute;top:0;bottom:0;right:0;left:0;border:.1rem solid #000}
#age-order .product .prod .item .img:hover .image:before{border:.3rem solid #3182f5}

#age-order .product .chk-ht,
#age-order .product .chk-ht + label em{display:none}
#age-order .product .chk-ht + label{display:block;width:3.2rem;height:3.2rem;background:url("/img/user/chk-ht1.svg") no-repeat 50% 50%}
#age-order .product .chk-ht:checked + label{background-image:url("/img/user/chk-ht2.svg") !important}
#age-order .product .chk-ck,
#age-order .product .chk-ck + label em{display:none}
#age-order .product .chk-ck + label{display:block;width:2rem;height:2rem;background-color:#fff}
#age-order .product .chk-ck:checked + label{background:#3182f5 url("/img/user/chk-ck1.svg") no-repeat 50% 50%}



/*결제*/
#payment{min-height:100vh}
#payment .pt0{padding-top:0 !important}
#payment .payment{padding:2.4rem 0}
#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 .info h3{display:flex;align-items:center;margin:0 0 1.6rem 0;font-size:1.6rem;font-weight:700;color:#000}
#payment .payment .info h3:before{content:'';margin:0 .6rem 0 0;width:.5rem;height:.5rem;background:#000}
#payment .payment .info dl{display:flex;align-items:center;justify-content:space-between;height:3.8rem}
#payment .payment .info dt{display:inline-block;width:50%;font-size:1.4rem;vertical-align:middle;color:#8a8a8a}
#payment .payment .info dd{display:inline-block;width:50%;font-size:1.6rem;text-align:right;vertical-align:middle;color:#2f2f2f}
#payment .payment .info dd ins{font-weight:700;text-decoration:none}
#payment .payment .info dd em{font-weight:400}
#payment .payment .info .total{margin:1rem 0 0 0;padding:1rem 0 0 0}
#payment .payment .info .total dt{font-size:1.8rem;color:#000}
#payment .payment .info .total dd{font-size:2.2rem;color:#3182f5}
#payment .payment .info .hop-day{font-size:2rem;font-weight:700;border:0;background:none}
#payment .payment .info .hop-time{margin-left:1.2rem;font-size:2rem;font-weight:400;border:0;background:none}
#payment .payment .info .tip{padding:1rem 0;font-size:1.2rem;text-align:center;color:#888}
#payment .payment .info .tac{display:flex;justify-content:center}

#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:.6rem;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:700;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:700;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:700;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:700;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:.6rem}
#payment .payment .cate{padding:3rem 0}
#payment .payment .cate .tit{padding:0 0 1.5rem 0;font-size:1.8rem;font-weight:700;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{font-size:0;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:700;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:.6rem}
#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:.6rem}
#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:.6rem}
#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:.6rem}
#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:.6rem}
#payment .payment .account dl{font-size:0;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:700;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:700;color:#242a38}
#payment .payment .account .total strong{color:#e5273e}

#payment .payment .means{position:relative;padding:2rem 1rem;font-size:1.2rem;background:#fcf4f5}
#payment .payment .means i{position:relative;top:-.2rem;margin:0 .5rem 0 0;font-size:1.8rem;vertical-align:middle;color:#e5273e}
#payment .payment .means button{position:absolute;top:50%;transform:translateY(-50%);right:1rem;padding:.8rem 1rem;font-size:1.2rem;text-align:center;color:#e5273e;background:#fff;border-radius:2rem}
#payment .payment .reque{display:flex;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 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:0;margin-top:1rem;border:0}
#payment .payment .input{display:flex;align-items:center;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.2rem;height:4.8rem;font-size:1.4rem;color:#000;border:.1rem solid #f4f4f4;background:#f4f4f4;border-radius:.8rem}
#payment .payment .input button{}
#payment .payment .input .bt-pit{margin-left:.6rem;min-width:9.6rem;height:4.8rem;font-size:1.6rem;font-weight:700;color:#fff;background:#3182f5;border-radius:.6rem}
#payment .payment .input.pot input{width:100%;padding:0 2.4rem 0 1.2rem;height:4.8rem;font-size:1.4rem;color:#000;border:.1rem solid #f4f4f4;background:#f4f4f4;border-radius:.8rem}
#payment .payment .input.pot span{position:relative;width:100%}
#payment .payment .input.pot span em{position:absolute;top:0;bottom:0;right:1rem;display:flex;align-items:center;height:4.8rem;font-size:1.4rem;color:#000}
#payment .payment .point{padding:1rem 0 0 0;font-size:1.6rem;text-align:right;color:#8a8a8a}
#payment .payment .point strong{font-weight:400;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:4.8rem;font-size:1.4rem;color:#242a38;border:.1rem solid #e8e8ec;background:url("/img/ico/select.svg") no-repeat 99% 50% / 3rem auto;border-radius:.6rem}

#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:#e5273e}
#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:.6rem}
#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:.6rem;overflow:hidden}
#payment .payment .prod dt button{display:block;width:9rem;height:9rem;border:.1rem solid #e8e8ec;border-radius:.6rem;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:700;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:700;vertical-align:middle;color:#e5273e;border:.1rem solid #e5273e;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:.6rem;overflow:hidden}
#payment .payment .rest dt button{display:block;width:9rem;height:9rem;border:.1rem solid #e8e8ec;border-radius:.6rem;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:700;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:700;text-align:center;color:#fff;background:#e5273e;border-radius:.6rem}
#payment .consent{padding:2rem 0;background:#f5f5f5}
#payment .consent dl{font-size:0;line-height:2.6rem}
#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:700}
#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:#e5273e;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:700;text-align:center;color:#242a38;border-bottom:.1rem solid #eee}
#payment .complete .info h3 strong{color:#e5273e}
#payment .complete .info p{line-height:1.8;font-size:1.4rem;font-weight:400;color:#83878f}
#payment .complete .info dl{padding:.3rem 0;font-size: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;font-size: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:.6rem}
#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:#e5273e}
#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:700;color:#fff;background:#e5273e;border-radius:.6rem}

/**/
#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 .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;font-size:0;border:.1rem solid #e8e8ec;border-radius:.6rem}
#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 .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:700;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:#e5273e;border:.1rem solid #e5273e;background:#fff}
#payment .form .input.btn .bt.act{color:#e5273e;border:.1rem solid #e5273e;background:#fff}
#payment .form .input.btn .red{color:#e5273e;border:.1rem solid #e5273e;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:#e5273e;border:.1rem solid #e5273e;background:#fff}
#payment .form .box.btn .bt.act{color:#e5273e;border:.1rem solid #e5273e;background:#fff}
#payment .form .box.btn .red{color:#e5273e;border:.1rem solid #e5273e;background:#fff}

.ktaccord .acc-panel{overflow:hidden;background:#fff}
.ktaccord .acc-panel .depth1{display:flex;align-items:center;justify-content:space-between;padding:1.6rem;line-height:1;cursor:pointer}
.ktaccord .acc-panel .depth1 strong{font-size:1.4rem;font-weight:400;color:#2f2f2f}
.ktaccord .acc-panel .depth1 i{color:#3182f5;transform:rotate(-90deg)}
.ktaccord .acc-panel .depth2{height:0;background:#fff;transition:all .4s}
.ktaccord .acc-panel.act{border-top-color:#fff}
.ktaccord .acc-panel.act .depth1{background:#fff}
.ktaccord .acc-panel.act .depth1 strong{font-weight:700;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}

#age-main .strVisual{position:relative;margin:0 1.6rem;background:#000;overflow:hidden}
#age-main .strVisual .swiper-pagination-bullet{margin:0 .2rem;width:.6rem;height:.6rem;background:#848B96;opacity:1 !important}
#age-main .strVisual .swiper-pagination-bullet-active{background:#fff}
#age-main .strVisual .img{border:0 !important}

#age-main .strdView{background:#fff}
#age-main .strdView .nowrap{margin:2.6rem 0 1rem 0;padding:0 1.6rem 1.6rem 1.6rem;background:#f4f4f4;overflow:hidden}
#age-main .strdView .nowrap .tit h4{display:flex;align-items:center;height:4.6rem;font-size:1.6rem;font-weight:700;color:#000}
#age-main .strdView .line-bot{/*margin:0 0 1.6rem 0;*/padding:1.6rem;border-bottom:.1rem solid #e1e1e1}
#age-main .strdView .rabel{display:flex;align-items:center;justify-content:space-between;padding:1.6rem 0 0 0}
#age-main .strdView .rabel em{display:flex;align-items:center;padding:0 .8rem;height:2.6rem;font-size:1.2rem;font-weight:500;color:#fff;border:.1rem solid #000;background:#000}
#age-main .strdView .slide{position:relative;display:block;margin:0 1.6rem;background:#000;overflow:hidden}
#age-main .strdView .slide:before{content:'';position:absolute;z-index:1;top:0;bottom:0;right:0;left:0;border:.1rem solid #000}
#age-main .strdView .slide .image{display:block;padding:0 0 70% 0;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden}
#age-main .strdView .slide .khctrl{position:absolute;z-index:9;bottom:1rem;right:0;left:0;text-align:center}
#age-main .strdView .slide .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}
#age-main .strdView .slide .swiper-pagination-bullet{margin:0 .2rem;background:#848B96;opacity:1 !important}
#age-main .strdView .slide .swiper-pagination-bullet-active{background:#fff}
#age-main .strdView .items .map{position:relative;padding:0 0 1.6rem 0}
#age-main .strdView .items .map .bt-map{display:flex;align-items:center;padding:0 1rem;height:4rem;font-size:1.4rem;color:#545454;border:.1rem solid #cdcdcd;border-radius:4rem}
#age-main .strdView .items .map .bt-map i{display:block;margin-right:.6rem;width:2rem;height:2rem;background:url("/img/user/ico-mpin2.svg") no-repeat 50% 50%}
#age-main .strdView .items .map .bt-map span{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#age-main .strdView .items .map .bt-map .bt-copy{display:block;position:relative;z-index:2;margin-right:.6rem;width:2rem;height:2rem;background:url("/img/user/ico-copy.svg") no-repeat 50% 50%}
#age-main .strdView .items .map .bt-cls{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;width:2rem;height:2rem;background:url("/img/gnb/h-btn-close.svg") no-repeat 50% 50% / 1.2rem auto}
#age-main .strdView .items .tit + .day{padding:1.6rem 0 !important}
#age-main .strdView .items .tit em{display:block;padding:0 0 .5rem 0;font-size:1.2rem;color:#83878f}
#age-main .strdView .items .tit span{display:block;margin:0 0 .4rem 0;line-height:2rem;font-size:1.5rem;overflow:hidden}
#age-main .strdView .items .tit a{display:block;font-size:1.4rem;word-break:break-all}
#age-main .strdView .items .tit h4{font-size:2rem;font-weight:700;color:#000}
#age-main .strdView .items .day{padding-bottom:1.6rem;font-size:1.6rem;font-weight:400;color:#545454}
#age-main .strdView .items .day strong{font-weight:700;color:#2f2f2f}
#age-main .strdView .items .tag{line-height:1.6}
#age-main .strdView .items .tag .tg{margin:0 1.2rem 0 0;font-size:1.4rem;color:#3182f5}
#age-main .strdView .items .prd .swiper-slide{width:15rem !important}
#age-main .strdView .items .prd .image{display:block;padding:0 0 100% 0;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden}
#age-main .strdView .items .txt{padding:0 0 1.6rem 0;line-height:1.6;font-size:1.6rem;font-weight:400;color:#2f2f2f}
#age-main .strdView .items .opt{display:flex;align-items:center;padding:0 0 1.6rem 0}
#age-main .strdView .items .opt span{font-size:1.4rem;font-weight:500;color:#545454}
#age-main .strdView .items .opt span + span:before{content:'';padding-left:1rem}
#age-main .strdView .items .opt span em{color:#8a8a8a}
#age-main .strdView .items .opt .like.act,
#age-main .strdView .items .opt .like.act em{font-weight:700;color:#2B90FF}
#age-main .strdView .view{padding:0 0 1.6rem 0}
#age-main .strdView .view .kt-next{position:absolute;z-index:2;top:50%;right:1.6rem;font-size:2.4rem;color:#fff}
#age-main .strdView .view .kt-prev{position:absolute;z-index:2;top:50%;left:1.6rem;font-size:2.4rem;color:#fff}
#age-main .strdView .view .kt-pag{position:absolute;z-index:2;top:1.6rem;right:1.6rem;left:auto !important;display:block;width:5rem;height:2rem;font-size:1.4rem;line-height:2rem;text-align:center;color:#fff;border-radius:2rem;background:rgb(0 0 0 / 60%)}
#age-main .strdView .view .info{position:relative;padding:5.3rem 1.6rem 2.4rem 1.6rem}
#age-main .strdView .view .info .pic{position:absolute;z-index:31;top:-6rem;left:1.6rem;width:10rem;height:10rem;border:0 solid #fff;overflow:hidden;border-radius:10rem}
#age-main .strdView .view .info .pic .image{display:block;padding:0 0 100% 0;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
#age-main .strdView .view .info .tit{font-size:2.6rem;font-weight:700;color:#000}
#age-main .strdView .view .info .loc{padding-top:.6rem;font-size:1.4rem;color:#2f2f2f}
#age-main .strdView .view .state{display:flex;align-items:center;justify-content:center;margin-bottom:1.6rem;height:6rem}
#age-main .strdView .view .state .innr{min-width:25%}
#age-main .strdView .view .state .innr .item{text-align:center;color:#8a8a8a}
#age-main .strdView .view .state .innr .item i{display:none !important;font-size:3.4rem}
#age-main .strdView .view .state .innr .item strong{display:block;font-size:3rem;font-weight:700}
#age-main .strdView .view .state .innr .item span{display:block;font-size:1.4rem;font-weight:400}
#age-main .strdView .view .state .innr .item.act{color:#3182F5}
#age-main .strdView .view .state .innr .item .ico1{display:block;height:4.6rem;background:url( "/img/user/ico-store1.svg") no-repeat 50% 50%}
#age-main .strdView .view .state .innr .item .ico2{display:block;height:4.6rem;background:url( "/img/user/ico-store2.svg") no-repeat 50% 50%}
#age-main .strdView .view .state .innr .item .ico3{display:block;height:4.6rem;background:url( "/img/user/ico-store3.svg") no-repeat 50% 50%}
#age-main .strdView .view .state .innr .item .ico4{display:block;height:4.6rem;background:url( "/img/user/ico-store4.svg") no-repeat 50% 50%}
#age-main .strdView .view .state .innr .item.act .ico1{background:url( "/img/user/ico-store1-act.svg") no-repeat 50% 50%}

#age-main .strdView .view .hours{margin:0 1.6rem;padding:1.6rem;border:.1rem solid #e6e6e6;border-radius:1rem}
#age-main .strdView .view .hours dl{display:flex;align-items:flex-start}
#age-main .strdView .view .hours dl + dl{margin:2.4rem 0 0 0}
#age-main .strdView .view .hours dt{display:flex;align-items:center;min-width:11rem;font-size:1.4rem;font-weight:700;color:#000}
#age-main .strdView .view .hours dt:before{content:'';margin:0 .6rem 0 0;width:.5rem;height:.5rem;background:#000}
#age-main .strdView .view .hours dd{font-size:1.4rem;font-weight:400;color:#000;white-space:pre-wrap}
#age-main .strdView .view .hours .xi-call{color:#3182f5}
#age-main .strdView .type{display:flex;align-items:center;justify-content:center;min-width:4.4rem;height:2rem;font-size:1.2rem;font-weight:500}
#age-main .strdView .type.tp1{color:#0069FF;border:.1rem solid #0069FF;background:#fff}
#age-main .strdView .type.tp2{color:#fff;border:.1rem solid #0069FF;background:#0069FF}
#age-main .strdView .line-bot .option{padding:0;height:auto;border-bottom:0}
#age-main .strdView .option{display:flex;align-items:center;justify-content:space-between;padding:1.6rem;height:5rem;border-bottom:.1rem solid #e1e1e1;background:#fff}
#age-main .strdView .option span{font-size:1.4rem;font-weight:500;color:#545454}
#age-main .strdView .option span + span:before{content:'';padding-left:1rem}
#age-main .strdView .option span em{color:#8a8a8a}
#age-main .strdView .option span.act{font-weight:700;color:#3182F5}
#age-main .strdView .option .like.act,
#age-main .strdView .option .like.act em{font-weight:700;color:#2B90FF}
#age-main .strdView .option .chk-ht,
#age-main .strdView .option .chk-ht + label em{display:none}
#age-main .strdView .option .chk-ht + label strong{display:none;font-size:1.4rem;color:#888}
#age-main .strdView .option .chk-ht + label{display:flex;align-items:center;padding-left:3.2rem;height:3.2rem;background:url("/img/user/chk-heart.svg") no-repeat 50% 50%}
#age-main .strdView .option .chk-ht:checked + label{background-image:url("/img/user/chk-heart-act.svg") !important}
#age-main .strdView .option .chk-ht:checked + label strong{color:#E5273E}

#footer .navbtn .btn{position:absolute;top:-7rem;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/*;box-shadow:0 0 1.5rem 0 rgb(49 130 245 / 35%)*/}

#age-main .ageVisual{position:relative;background:#000;overflow:hidden}
#age-main .ageVisual .swiper-pagination{bottom:6rem !important}
#age-main .ageVisual .swiper-pagination-bullet{margin:0 .2rem;width:.6rem;height:.6rem;background:#848B96;opacity:1 !important}
#age-main .ageVisual .swiper-pagination-bullet-active{background:#fff}
#age-main .ageVisual .img{border:0 !important}

#age-main .detailView{background:#fff}
#age-main .detailView .nowrap{margin:2.6rem 0 1rem 0;padding:0 1.6rem 1.6rem 1.6rem;background:#f4f4f4;overflow:hidden}
#age-main .detailView .nowrap .tit h4{display:flex;align-items:center;height:4.6rem;font-size:1.6rem;font-weight:700;color:#000}
#age-main .detailView .line-bot{/*margin:0 0 1.6rem 0;*/padding:1.6rem;border-bottom:.1rem solid #e1e1e1}
#age-main .detailView .rabel{display:flex;align-items:center;justify-content:space-between;padding:1.6rem 0 0 0}
#age-main .detailView .rabel em{display:flex;align-items:center;padding:0 .8rem;height:2.6rem;font-size:1.2rem;font-weight:500;color:#fff;border:.1rem solid #000;background:#000}
#age-main .detailView .slide{position:relative;display:block;margin:0 1.6rem;background:#000;overflow:hidden}
#age-main .detailView .slide:before{content:'';position:absolute;z-index:1;top:0;bottom:0;right:0;left:0;border:.1rem solid #000}
#age-main .detailView .slide .image{display:block;padding:0 0 70% 0;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden}
#age-main .detailView .slide .khctrl{position:absolute;z-index:9;bottom:1rem;right:0;left:0;text-align:center}
#age-main .detailView .slide .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}
#age-main .detailView .slide .swiper-pagination-bullet{margin:0 .2rem;background:#848B96;opacity:1 !important}
#age-main .detailView .slide .swiper-pagination-bullet-active{background:#fff}
#age-main .detailView .items .map{position:relative;padding:0 0 1.6rem 0}
#age-main .detailView .items .map .bt-map{display:flex;align-items:center;padding:0 1rem;height:4rem;font-size:1.4rem;color:#545454;border:.1rem solid #cdcdcd;border-radius:4rem}
#age-main .detailView .items .map .bt-map i{display:block;margin-right:.6rem;width:2rem;height:2rem;background:url("/img/user/ico-mpin2.svg") no-repeat 50% 50%}
#age-main .detailView .items .map .bt-map span{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#age-main .detailView .items .map .bt-map .bt-copy{display:block;position:relative;z-index:2;margin-right:.6rem;width:2rem;height:2rem;background:url("/img/user/ico-copy.svg") no-repeat 50% 50%}
#age-main .detailView .items .map .bt-cls{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;width:2rem;height:2rem;background:url("/img/gnb/h-btn-close.svg") no-repeat 50% 50% / 1.2rem auto}
#age-main .detailView .items .tit + .day{padding:1.6rem 0 !important}
#age-main .detailView .items .tit em{display:block;padding:0 0 .5rem 0;font-size:1.2rem;color:#83878f}
#age-main .detailView .items .tit span{display:block;margin:0 0 .4rem 0;line-height:2rem;font-size:1.5rem;overflow:hidden}
#age-main .detailView .items .tit a{display:block;font-size:1.4rem;word-break:break-all}
#age-main .detailView .items .tit h4{font-size:2rem;font-weight:700;color:#000}
#age-main .detailView .items .day{padding-bottom:1.6rem;font-size:1.6rem;font-weight:400;color:#545454}
#age-main .detailView .items .day strong{font-weight:700;color:#2f2f2f}
#age-main .detailView .items .tag{line-height:1.6}
#age-main .detailView .items .tag .tg{margin:0 1.2rem 0 0;font-size:1.4rem;color:#3182f5}
#age-main .detailView .items .prd .swiper-slide{width:15rem !important}
#age-main .detailView .items .prd .image{display:block;padding:0 0 100% 0;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden}
#age-main .detailView .items .txt{padding:0 0 1.6rem 0;line-height:1.6;font-size:1.6rem;font-weight:400;color:#2f2f2f}
#age-main .detailView .items .opt{display:flex;align-items:center;padding:0 0 1.6rem 0}
#age-main .detailView .items .opt span{font-size:1.4rem;font-weight:500;color:#545454}
#age-main .detailView .items .opt span + span:before{content:'';padding-left:1rem}
#age-main .detailView .items .opt span em{color:#8a8a8a}
#age-main .detailView .items .opt .like.act,
#age-main .detailView .items .opt .like.act em{font-weight:700;color:#2B90FF}

#age-main .detailView .view{position:relative;z-index:2;top:-4rem;background:#fff;border-radius:4rem 4rem 0 0}
#age-main .detailView .info{padding:3.2rem 1.6rem 0 1.6rem}
#age-main .detailView .info .ico{display:flex;align-items:center;gap:.2rem;padding-bottom:1rem}
#age-main .detailView .info .ico span{font-size:1.4rem;color:#212121}
#age-main .detailView .info .ico-bike{display:block;width:2rem;height:2rem;background:url("/img/ico/ico-pick.svg") no-repeat 50% 50%}
#age-main .detailView .info .pic{position:absolute;z-index:31;top:-6rem;left:1.6rem;width:10rem;height:10rem;border:0 solid #fff;overflow:hidden;border-radius:10rem}
#age-main .detailView .info .pic .image{display:block;padding:0 0 100% 0;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
#age-main .detailView .info .tit{font-size:2.6rem;font-weight:700;color:#000}
#age-main .detailView .info .loc{padding-top:1rem;font-size:1.4rem;color:#2f2f2f}
#age-main .detailView .info .map{position:absolute;top:6rem;right:1.6rem;text-align:center}
#age-main .detailView .info .map .tot{display:block;padding-bottom:.4rem;font-size:1.2rem;color:#2f2f2f}
#age-main .detailView .info .map .bot{display:block;padding-top:2.4rem;background:url("/img/store/ico-map.svg") no-repeat 50% 0}
#age-main .detailView .review{display:flex;align-items:center;padding:.8rem 1.6rem}
#age-main .detailView .review .str{display:flex;align-items:center}
#age-main .detailView .review .str .star{display:flex;width:6.4rem;background:url("/img/ico/star2.svg") no-repeat 0 50%;background-size:6.4rem auto}
#age-main .detailView .review .str .star span{display:block;height:1.1rem;background:url("/img/ico/star1.svg") no-repeat 0 50%;background-size:6.4rem auto}
#age-main .detailView .review .str strong{padding:0 .2rem;font-size:1.4rem;color:#2F2F2F}
#age-main .detailView .review .num{padding:0 1rem;font-size:1.4rem;border-left:.1rem solid #eee}
#age-main .detailView .state{display:flex;align-items:center;justify-content:center;height:8rem}
#age-main .detailView .state .innr{width:100%}
#age-main .detailView .state .innr .item{text-align:center;color:#8a8a8a}
#age-main .detailView .state .innr .item i{font-size:3.4rem}
#age-main .detailView .state .innr .item strong{display:block;font-size:1.6rem;font-weight:400}
#age-main .detailView .state .innr .item span{display:block;font-size:1.4rem;font-weight:400}
#age-main .detailView .state .innr .item.act{color:#3182F5}
#age-main .detailView .state .innr .item.act strong{color:#000}
#age-main .detailView .state .innr .item .ico1{display:block;marign:0 auto;height:4.6rem;background:url( "/img/user/ico-store1.svg") no-repeat 50% 50%}
#age-main .detailView .state .innr .item .ico2{display:block;marign:0 auto;height:4.6rem;background:url( "/img/user/ico-store2.svg") no-repeat 50% 50%}
#age-main .detailView .state .innr .item .ico3{display:block;marign:0 auto;height:4.6rem;background:url( "/img/user/ico-store3.svg") no-repeat 50% 50%}
#age-main .detailView .state .innr .item .ico4{display:block;marign:0 auto;height:4.6rem;background:url( "/img/user/ico-store4.svg") no-repeat 50% 50%}
#age-main .detailView .state .innr .item.act .ico1{background:url( "/img/user/ico-store1-act.svg") no-repeat 50% 50%}
#age-main .detailView .state .innr .item .ico01{display:block;marign:0 auto;height:4.6rem;background:url( "/img/store/ico01.svg") no-repeat 50% 50%}
#age-main .detailView .state .innr .item .ico02{display:block;marign:0 auto;height:4.6rem;background:url( "/img/store/ico02.svg") no-repeat 50% 50%}
#age-main .detailView .state .innr .item .ico03{display:block;marign:0 auto;height:4.6rem;background:url( "/img/store/ico03.svg") no-repeat 50% 50%}
#age-main .detailView .state .innr:nth-child(1),
#age-main .detailView .state .innr:nth-child(2){border-right:.1rem solid #eee}
#age-main .detailView .about{padding:1.6rem}
#age-main .detailView .about dl{display:flex;align-items:flex-start}
#age-main .detailView .about dl + dl{margin:2.4rem 0 0 0}
#age-main .detailView .about dt{display:flex;align-items:center;min-width:11rem;font-size:1.4rem;font-weight:700;color:#000}
#age-main .detailView .about dt:before{content:'';margin:0 .6rem 0 0;width:.5rem;height:.5rem;background:#000}
#age-main .detailView .about dd{font-size:1.4rem;font-weight:400;color:#000/*;white-space:pre-wrap*/}
#age-main .detailView .hours{margin:0 1.6rem;padding:1.6rem;border:.1rem solid #e6e6e6;border-radius:1rem}
#age-main .detailView .hours dl{display:flex;align-items:flex-start}
#age-main .detailView .hours dl + dl{margin:2.4rem 0 0 0}
#age-main .detailView .hours dt{display:flex;align-items:center;min-width:11rem;font-size:1.4rem;font-weight:700;color:#000}
#age-main .detailView .hours dt:before{content:'';margin:0 .6rem 0 0;width:.5rem;height:.5rem;background:#000}
#age-main .detailView .hours dd{font-size:1.4rem;font-weight:400;color:#000;white-space:pre-wrap}
#age-main .detailView .hours .xi-call{color:#3182f5}

#age-main .detailView .type{display:flex;align-items:center;justify-content:center;min-width:4.4rem;height:2rem;font-size:1.2rem;font-weight:500}
#age-main .detailView .type.tp1{color:#0069FF;border:.1rem solid #0069FF;background:#fff}
#age-main .detailView .type.tp2{color:#fff;border:.1rem solid #0069FF;background:#0069FF}
#age-main .detailView .line-bot .option{padding:0;height:auto;border-bottom:0}
#age-main .detailView .option{display:flex;align-items:center;justify-content:space-between;padding:1.6rem;height:5rem;border-bottom:.1rem solid #e1e1e1;background:#fff}
#age-main .detailView .option span{font-size:1.4rem;font-weight:500;color:#545454}
#age-main .detailView .option span + span:before{content:'';padding-left:1rem}
#age-main .detailView .option span em{color:#8a8a8a}
#age-main .detailView .option span.act{font-weight:700;color:#3182F5}
#age-main .detailView .option .like.act,
#age-main .detailView .option .like.act em{font-weight:700;color:#2B90FF}
#age-main .detailView .option .chk-ht,
#age-main .detailView .option .chk-ht + label em{display:none}
#age-main .detailView .option .chk-ht + label strong{display:none;font-size:1.4rem;color:#888}
#age-main .detailView .option .chk-ht + label{display:flex;align-items:center;padding-left:3.2rem;height:3.2rem;background:url("/img/user/chk-heart.svg") no-repeat 50% 50%}
#age-main .detailView .option .chk-ht:checked + label{background-image:url("/img/user/chk-heart-act.svg") !important}
#age-main .detailView .option .chk-ht:checked + label strong{color:#E5273E}

#age-main .add-ctrl{display:flex;align-items:center}
#age-main .add-ctrl span{padding:0 .6rem 0 0}
#age-main .add-ctrl i{font-size:1.4rem;transform:rotate(0deg)}
#age-main .add-ctrl.act i{transform:rotate(180deg)}
#age-main .add-view{display:none;padding:.6rem 0 0 0;font-size:1.2rem;color:#545454}
#age-main .add-ctrl.act + .add-view{display:block}

#age-main .wel-ctrl{display:flex;align-items:center;justify-content:center;position:absolute;z-index:30;top:0;right:0;left:0;height:4rem;color:#fff;background:#00000099}
#age-main .wel-ctrl span{padding:0 .6rem 0 0;font-size:1.6rem;font-weight:400;font-family:'Dokrip' !important}
#age-main .wel-ctrl i{font-size:1.8rem;transform:rotate(0deg)}
#age-main .wel-ctrl.act i{transform:rotate(180deg)}
#age-main .wel-view{position:absolute;z-index:29;top:0;bottom:0;right:0;left:0;padding:0 2.4rem;line-height:1.6;font-size:1.6rem;font-weight:400;color:#fff;background:#00000099}
#age-main .wel-ctrl.act + .wel-view{display:flex;align-items:center;justify-content:center;flex-direction:column}
#age-main .wel-ctrl + .wel-view{display:none}


#age-main .ktNav ul{display:flex;align-items:center;border:.1rem solid #E6E6E6;background:#E6E6E6;border-radius:.8rem;overflow:hidden}
#age-main .ktNav li{width:50%}
#age-main .ktNav .link{display:flex;align-items:center;justify-content:center;position:relative;z-index:1;width:100%;height:5.2rem;font-size:1.6rem;font-weight:400;color:#8A8A8A}
#age-main .ktNav .act .link{z-index:2;font-weight:700;color:#3182F5;background:#fff;border-radius:.8rem;box-shadow:0 0 .6rem 0 rgb(0 0 0 / 10%);overflow:hidden}
#age-main .ktTab{padding:1.6rem;background:#fff}
#age-main .ktTab .ktBox{padding:1.6rem;border:.1rem solid #e6e6e6;border-radius:1rem}
#age-main .ktTab .kt-con{display:none}
#age-main .ktTab .kt-nav + .kt-con{display:block}
#age-main .ktTab .cont{padding:1.6rem}
#age-main .ktTab .cont dl{display:flex;align-items:flex-start}
#age-main .ktTab .cont dl + dl{margin:2.4rem 0 0 0}
#age-main .ktTab .cont dt{display:flex;align-items:center;min-width:10rem;font-size:1.4rem;font-weight:700;color:#000}
#age-main .ktTab .cont dt:before{content:'';margin:0 .6rem 0 0;width:.5rem;height:.5rem;background:#000}
#age-main .ktTab .cont dd{font-size:1.4rem;font-weight:400;color:#000/*;white-space:pre-wrap*/}
#age-main .ktTab .cont .xi-call{color:#3182f5}
#age-main .ktTab .nons{padding:2.4rem 0;text-align:center}
#age-main .ktTab .nons strong{display:block;font-size:2.2rem;font-weight:400;color:#000}
#age-main .ktTab .nons span{display:block;padding-top:1rem;font-size:1.4rem;font-weight:400;color:#000}

#age-main .body-profile .photo{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;position:relative;height:26.2rem}
#age-main .body-profile .photo:before{content:'';position:absolute;top:-1.6rem;bottom:0;right:0;left:-1rem;display:flex;align-items:center;justify-content:center;background:url("/img/user/img-profile.svg") no-repeat 50% 50%}
#age-main .body-profile .photo .img{margin:5rem 0 0 0;width:12.9rem;height:12.9rem;border:.2rem solid #000}
#age-main .body-profile .photo .img .image{display:block;padding-bottom:100%;background-color:#fff;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden}
#age-main .body-profile .photo .img strong{display:block;padding:.6rem 0;font-size:2.2rem;font-weight:600;/*font-weight:400;font-family:'Dokrip';*/;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#age-main .body-profile .photo .tit{display:block;padding:2rem 10% 0 10%;width:100%;font-size:2.2rem;font-weight:600;/*font-weight:400;font-family:'Dokrip';*/;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

#age-main{min-height:calc(100vh - 10.9rem);background:#f3f3f3}
#age-main.white{background:#fff}
#age-main .age-visual{position:relative;margin:0 1.6rem;overflow:hidden}
#age-main .age-visual .swiper-pagination-bullet{margin:0 .2rem;width:.6rem;height:.6rem;background:#848B96;opacity:1 !important}
#age-main .age-visual .swiper-pagination-bullet-active{background:#fff}  

#age-main .store-main{height:calc(100vh - 5rem);background:#000}
#age-main .store-image{position:relative;padding:0 0 120% 0;background-repeat:no-repeat;background-position:50% 0%;background-size:cover}
#age-main .store-mask{position:absolute;bottom:0;right:0;left:0/*;height:20.7rem;background:url("/img/user/store-view-main.svg") no-repeat 0% 0%;background-size:auto 100%*/}
#age-main .store-mask img{display:block;width:100%;height:auto}
#age-main .store-info{padding:0 1.6rem 6rem 1.6rem}
#age-main .store-info .tit{position:relative;z-index:2;top:-5rem;padding:0 0 5rem 0}
#age-main .store-info .tit h2{max-width:13rem;font-size:4rem;word-break:break-all;color:#fff}
#age-main .store-info .tit h2 em{display:inline-block;margin-left:1rem;width:1rem;height:1rem;background:#3182f5}
#age-main .store-info .txt{position:relative;padding:1.4rem;color:#fff;border:.1rem solid #fff}
#age-main .store-info .txt.act p{max-height:8.4rem;overflow:hidden;overflow-y:auto}
#age-main .store-info .txt h3{position:absolute;top:-1.4rem;left:0;padding:0 1.4rem;font-family:'Dokrip';font-weight:400;background:#000}

#ktplay .store{padding:0 1.6rem 3rem 1.6rem}
#ktplay .store .innr{position:relative;z-index:1;height:22rem}
#ktplay .store .innr + .innr{margin:3rem 0 0 0}
#ktplay .store .item{display:flex;align-items:center;height:22rem}
#ktplay .store .item .img{position:absolute;z-index:0;top:0;bottom:0;right:0;width:60%;height:22rem;overflow:hidden}
#ktplay .store .item .img .image{display:block;padding-bottom:110%;background-color:#eee;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
#ktplay .store .item .box{position:relative;z-index:2;padding:1.6rem;width:50%;background:#fff;border-radius:1.2rem;box-shadow:0 .4rem .4rem rgb(0 0 0 / 25%)}
#ktplay .store .item .box .tit{display:block;max-height:4.4rem;font-size:1.8rem;font-weight:700;color:#000;overflow:hidden}
#ktplay .store .item .box .add{margin:.4rem 0 1.6rem 0;font-size:1.2rem;color:#626262;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .store .item .box .opt{display:flex;align-items:center}
#ktplay .store .item .box .opt span{font-size:1.2rem;font-weight:700}
#ktplay .store .item .box .opt .pickup{color:#000}
#ktplay .store .item .box .opt .delivery{color:#3182f5}
#ktplay .store .item .box .ht{position:absolute;z-index:2;bottom:1rem;right:1rem;display:block;width:3.2rem;height:3.2rem}
#ktplay .store .item .box .chk-ht,
#ktplay .store .item .box .chk-ht + label em{display:none}
#ktplay .store .item .box .chk-ht + label{display:block;width:3.2rem;height:3.2rem;background:url("/img/user/chk-heart.svg") no-repeat 50% 50%}
#ktplay .store .item .box .chk-ht:checked + label{background-image:url("/img/user/chk-heart-act.svg") !important}

#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:#e5273e}
#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{display:flex;align-items:center;padding:1.6rem 0 0 0}
#ktplay .store .item .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 .store .item .str em{padding:0 .2rem;font-size:1.2rem;vertical-align:middle;color:#ababab}

#ktplay .prize-wrap{background-repeat:repeat;background-position:50% 0;background-size:cover}
#ktplay .prize-title{padding:4rem 0 3.4rem 5rem}
#ktplay .prize-title h3{display:inline-block;line-height:3.6rem;font-size:2.6rem;font-weight:400;color:#fff;border-bottom:.1rem solid #fff}
#ktplay .prize-title p{padding:1.6rem 0 0 0;font-size:1.6rem;font-weight:700;color:#fff}

#ktplay .sales-end{display:flex;align-items:center;justify-content:center;position:absolute;z-index:2;top:0;right:0;left:0;height:5rem;font-size:1.6rem;font-weight:700;color:#fff;background:#00000075}

#ktplay .prize-list{margin:0;background-color:#000;overflow:hidden}
#ktplay .prize-list .prize .img .image{display:block;padding-bottom:80%;background-color:#eee;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden}
#ktplay .prize-list .prize .store{display:flex;align-items:center;margin:0 0 1.6rem 0;padding:0 0 1.6rem 0;font-size:2.5rem;font-family:'Dokrip';font-weight:400;border-bottom:.1rem solid #fff}
#ktplay .prize-list .prize .store .arr{display:block;margin-left:.6rem;width:4rem;height:2rem;background:url("/img/user/ico-move.svg") no-repeat 50% 50%}
#ktplay .prize-list .prize .box{position:absolute;bottom:0;right:0;left:0;padding:1.6rem;padding-bottom:3.2rem;color:#fff;background:rgb(0 0 0 / 75%)}
#ktplay .prize-list .prize .tit{margin:0 0 1rem 0;font-size:1.6rem;font-weight:400}
#ktplay .prize-list .prize .txt{height:6rem;line-height:1.4;font-size:1.4rem;font-weight:100;overflow:hidden}

#ktplay .prize-list.type1{margin:0 1.5rem;background:#f1f1f1;border-radius:1rem}
#ktplay .prize-list.type1 .prize .img .image{display:block;padding-bottom:24.5%;background-color:#eee;background-repeat:no-repeat;background-position:50% 50%;background-size:100% auto;overflow:hidden}
#ktplay .prize-list.type1 .prize .store{display:flex;align-items:center;margin:0 0 1.6rem 0;padding:0 0 1.6rem 0;font-size:2.5rem;font-family:'Dokrip';font-weight:400;border-bottom:.1rem solid #fff}
#ktplay .prize-list.type1 .prize .store .arr{display:block;margin-left:.6rem;width:4rem;height:2rem;background:url("/img/user/ico-move.svg") no-repeat 50% 50%}
#ktplay .prize-list.type1 .prize .box{display:none;position:absolute;bottom:0;right:0;left:0;padding:1.6rem;padding-bottom:3.2rem;color:#fff;background:rgb(0 0 0 / 75%)}
#ktplay .prize-list.type1 .prize .tit{margin:0 0 1rem 0;font-size:1.6rem;font-weight:400}
#ktplay .prize-list.type1 .prize .txt{height:6rem;line-height:1.4;font-size:1.4rem;font-weight:100;overflow:hidden}

#ktplay .slide-list{background:#000;overflow:hidden}
#ktplay .slide-list .img .image{display:block;height:20.6rem;background-color:#eee;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden}
#ktplay .slide-list .img .image:before{content:'';position:absolute;top:0;bottom:0;right:0;left:0;background:rgb(0 0 0 / 30%)}
#ktplay .slide-list .store{display:flex;align-items:center;margin:0 0 1.6rem 0;padding:0 0 1.6rem 0;font-size:2.5rem;font-family:'Dokrip';font-weight:400;border-bottom:.1rem solid #fff}
#ktplay .slide-list .store .arr{display:block;margin-left:.6rem;width:4rem;height:2rem;background:url("/img/user/ico-move.svg") no-repeat 50% 50%}
#ktplay .slide-list .box{position:absolute;top:0;right:0;left:0;padding:1.6rem;color:#fff}
#ktplay .slide-list .mnt{line-height:1.4;font-size:2rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .slide-list .sto{line-height:1.4;font-size:1.2rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .slide-list .swiper-pagination-bullet{margin:0 .2rem;width:.6rem;height:.6rem;background:#848B96;opacity:1 !important}
#ktplay .slide-list .swiper-pagination-bullet-active{background:#fff}

#ktplay .store-list{background:#fff}
#ktplay .store-list .img{position:relative;border:.1rem solid #000}
#ktplay .store-list .img .image{display:block;height:44rem;/*padding-bottom:100%;*/background-color:#eee;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden}

#ktplay .head-navi{background:#f8f8f8}
#ktplay .head-navi .cate{display:flex;align-items:center;background:#000;box-shadow:0 .4rem .8rem 0 rgb(0 0 0 / 5%)}
#ktplay .head-navi .cate .item{min-width:33.33%}
#ktplay .head-navi .cate .item a{display:flex;align-items:center;justify-content:center;position:relative;height:5.6rem;font-size:1.6rem;font-weight:700;text-align:center;color:#fff;white-space:nowrap}
#ktplay .head-navi .cate .item.act a{background:#3182f5}
#ktplay .head-navi .cate .item em{position:absolute;top:.4rem;left:calc(50% - 2rem);padding:.4rem 0 .2rem 0;width:4rem;line-height:1;font-size:1rem;text-align:center;color:#fff;background:#3182f5;border-radius:.4rem}
#ktplay .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}
#ktplay .head-store{background:#fff}
#ktplay .head-store .store-tit{padding:2.2rem 0}
#ktplay .head-store .store-tit h3{font-size:1.8rem;font-weight:700;color:#000}
#ktplay .head-store .store-tit strong{color:#3182f5}
#ktplay .head-store .store-about{padding:0 1.6rem 2.2rem 1.6rem;overflow:hidden}
#ktplay .head-store .store-about .innr{display:block;width:6rem !important}
#ktplay .head-store .store-about .img{border:.2rem solid #3182f5;border-radius:6.2rem}
#ktplay .head-store .store-about .img .image{width:5.6rem;height:5.6rem;border:.3rem solid #fff;border-radius:6.2rem;background-color:#eee;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden}
#ktplay .head-store .store-about .tit{display:block;padding:.8rem 0 0 0;font-size:1.2rem;font-weight:700;text-align:center}

#ktplay .store-best{margin:0 0 2.3rem 1.6rem;padding:0 0 3.2rem 2.9rem;background:#fff;border-radius:2rem 0 0 2rem;overflow:hidden}
#ktplay .store-best .innr{display:block;width:11rem}
#ktplay .store-best .img{position:relative;border:.1rem solid #000}
#ktplay .store-best .img .image{display:flex;align-items:center;justify-content:flex-end;height:14.2rem;background-color:#eee;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden}
#ktplay .store-best .tit{padding:.2rem 0;line-height:1.4;font-size:1.6rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .store-best .img .image .text{position:relative;z-index:2;padding:1.3rem;max-width:58%;text-align:right;color:#fff}
#ktplay .store-best .str{display:flex;align-items:center;padding:.6rem 0 0 0}
#ktplay .store-best .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 .store-best .str em{padding:0 .2rem;font-size:1.2rem;vertical-align:middle;color:#ababab}
/*#ktplay .store-best .ht{position:absolute;z-index:2;bottom:-1rem;right:0;display:block;width:3.2rem;height:3.2rem}
#ktplay .store-best .chk-ht,
#ktplay .store-best .chk-ht + label em{display:none}
#ktplay .store-best .chk-ht + label{display:block;width:3.2rem;height:3.2rem;background:url("/img/user/chk-heart.svg") no-repeat 50% 50%}
#ktplay .store-best .chk-ht:checked + label{background-image:url("/img/user/chk-heart-act.svg") !important}*/
#ktplay .store-best .ht{position:absolute;z-index:2;bottom:0;right:0;display:block;width:3.2rem;height:3.2rem}
#ktplay .store-best .chk-ht,
#ktplay .store-best .chk-ht + label em{display:none}
#ktplay .store-best .chk-ht + label{display:block;width:3.2rem;height:3.2rem;background:url("/img/user/chk-ht1.svg") no-repeat 50% 50%}
#ktplay .store-best .chk-ht:checked + label{background-image:url("/img/user/chk-ht2.svg") !important}


#ktplay .store-renw{margin:0 0 0 1.6rem;padding:0 0 2rem 2rem;background:#fff;border-radius:2rem 0 0 2rem;overflow:hidden}
#ktplay .store-renw .innr{display:block;width:auto !important}
#ktplay .store-renw .img{position:relative;padding:.4rem;border:.2rem solid #3182F5;border-radius:6rem;overflow:hidden}
#ktplay .store-renw .img .image{display:flex;align-items:center;justify-content:flex-end;width:5.2rem;height:5.2rem;background-color:#eee;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:6rem;overflow:hidden}
#ktplay .store-renw .tit{padding:.2rem 0 .2rem .6rem;width:5.2rem;line-height:1.4;font-size:1.2rem;font-weight:700;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .store-renw .img .image .text{position:relative;z-index:2;padding:1.3rem;max-width:58%;text-align:right;color:#fff}
#ktplay .store-renw .str{display:flex;align-items:center;padding:.6rem 0 0 0}
#ktplay .store-renw .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 .store-renw .str em{padding:0 .2rem;font-size:1.2rem;vertical-align:middle;color:#ababab}
#ktplay .store-renw .ht{position:absolute;z-index:2;bottom:0;right:0;display:block;width:3.2rem;height:3.2rem}
#ktplay .store-renw .chk-ht,
#ktplay .store-renw .chk-ht + label em{display:none}
#ktplay .store-renw .chk-ht + label{display:block;width:3.2rem;height:3.2rem;background:url("/img/user/chk-ht1.svg") no-repeat 50% 50%}
#ktplay .store-renw .chk-ht:checked + label{background-image:url("/img/user/chk-ht2.svg") !important}

#ktplay .tabs-section .store-prod{padding:1.6rem 0;gap:1.6rem}
#ktplay .store-prod{display:flex;flex-direction:column;gap:3rem}
#ktplay .store-prod.white{padding-bottom:1.6rem;background:#fff}
#ktplay .store-prod.white .box{border-radius:0}
#ktplay .store-prod .innr{display:block}
#ktplay .store-prod .innr .ktwrap{margin:0 1.6rem;padding:0;position:relative}
#ktplay .store-prod .rab{display:flex;align-items:center;gap:1rem;position:absolute;z-index:10;top:1rem;left:1rem}
#ktplay .store-prod .rab .str{display:flex;align-items:center;justify-content:center;min-width:5rem;height:2.8rem;background:rgb(255 255 255 / 80%);border-radius:3.2rem}
#ktplay .store-prod .rab .str span{padding:0 0 0 1rem;font-size:1.4rem;font-weight:700;color:#3182f5;background:url("/img/user/ico-star.svg") no-repeat 0 50% / 1rem auto}
#ktplay .store-prod .rab .str em{padding:0 .2rem;font-size:1.2rem;vertical-align:middle;color:#ababab}
#ktplay .store-prod .rab .grb{display:flex;align-items:center;gap:1rem}
#ktplay .store-prod .rab .grb span{display:flex;align-items:center;justify-content:center;min-width:5rem;height:2.8rem;background:rgb(255 255 255 / 80%);border-radius:3.2rem}
#ktplay .store-prod .rab .typ1{font-size:1.4rem;font-weight:700;color:#545454}
#ktplay .store-prod .rab .typ2{font-size:1.4rem;font-weight:700;color:#3182f5}
#ktplay .store-prod .img .image{display:flex;align-items:center;justify-content:center;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden}
#ktplay .store-prod .img.more{display:flex;align-items:center;justify-content:space-between;gap:.6rem}
#ktplay .store-prod .img.more .col{width:100%;height:19rem;overflow:hidden}
#ktplay .store-prod .img.more .row{display:flex;flex-direction:column;gap:.6rem}
#ktplay .store-prod .box{display:flex;flex-direction:column;gap:.6rem;position:relative;padding:1.4rem;background:#fff;border-radius:0 0 1rem 1rem}
#ktplay .store-prod .box .tit{display:flex;align-items:center;font-size:2rem;font-weight:700;color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#ktplay .store-prod .box .txt{display:flex;align-items:center;margin-bottom:1.2rem;padding:0 0 1.2rem 0;border-bottom:.1rem solid #CDCDCD}
#ktplay .store-prod .box .txt a{display:block;height:7.7rem;line-height:1.6;font-size:1.6rem;font-weight:400;color:#000;overflow:hidden}
#ktplay .store-prod .box .opt{display:flex;align-items:center}
#ktplay .store-prod .box .opt span{font-size:1.4rem;font-weight:400;color:#545454}
#ktplay .store-prod .box .opt span em{color:#8a8a8a}
#ktplay .store-prod .box .opt .time{margin:0 !important;font-size:1.4rem;color:#8a8a8a}
#ktplay .store-prod .box .opt .like.act,
#ktplay .store-prod .box .opt .like.act em{font-weight:700;color:#2B90FF}
#ktplay .store-prod .box .opt .grb{display:flex;align-items:center;gap:.8rem}
#ktplay .store-prod .box .opt .grb em{font-size:1.2rem;color:#8a8a8a}
#ktplay .store-prod .box .chk{display:flex;align-items:center}

#ktplay .store-scraw{padding:0 1.6rem;overflow:hidden}
#ktplay .store-scraw .innr{display:block;width:auto !important}
#ktplay .store-scraw .tit{display:flex;align-items:center;justify-content:center;padding:0 1.8rem;height:3rem;font-size:1.2rem;font-weight:700;color:#2f2f2f;border:.1rem solid #B7B7B7;background:#fff;border-radius:3rem}
#ktplay .store-scraw .tit.act{color:#fff;border:.1rem solid #3182f5;background:#3182f5}
#ktplay .store-tit{padding:2.2rem 0}
#ktplay .store-tit h3{font-size:1.8rem;font-weight:700;color:#000}
#ktplay .store-tit p{padding-top:.2rem;font-size:1.4rem;font-weight:400;color:#686868}
#ktplay .store-tit strong{color:#3182f5}
#ktplay .store-tit + .store-news{padding-top:0 !important}
#ktplay .store-news{padding:1.6rem 0}
#ktplay .store-news .innr{display:block;padding:0 0 2.4rem 0}
#ktplay .store-news .img{display:flex;align-items:flex-start;justify-content:flex-start;gap:1rem;position:relative}
#ktplay .store-news .img.more{display:flex;align-items:center;justify-content:space-between;gap:.6rem}
#ktplay .store-news .img.more .col{width:100%;height:19rem;overflow:hidden}
#ktplay .store-news .img.more .row{display:flex;flex-direction:column;gap:.6rem}
#ktplay .store-news .img:before{content:"";position:absolute;z-index:1;top:0;bottom:0;right:0;left:0;background:rgb(0 0 0 / 1%)}
#ktplay .store-news .img .image{padding:1.4rem;width:100%;height:19rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
#ktplay .store-news .img .colimg{display:flex;flex-direction:column;width:30%}
#ktplay .store-news .img .lab{display:flex;align-items:flex-start;justify-content:flex-start;gap:1rem;position:absolute;top:1.4rem;left:1.4rem}
#ktplay .store-news .img .label{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-width:7rem;height:3.2rem;background:#fff;border-radius:3.2rem}
#ktplay .store-news .img .evn0{font-size:1.6rem;font-weight:700;color:#ffffff;background:rgb(0 105 255 / 100%)}
#ktplay .store-news .img .lab0{font-size:1.6rem;font-weight:700;color:#3182F5;background:rgb(255 255 255 / 100%)}
#ktplay .store-news .img .lab1{font-size:1.6rem;font-weight:700;color:#3182F5;background:rgb(255 255 255 / 80%)}
#ktplay .store-news .img .lab2{font-size:1.6rem;color:#fff;background:rgb(0 0 0 / 80%)}
#ktplay .store-news .img .lab3{font-size:1.6rem;color:#fff;background:rgb(138 138 138 / 80%)}
#ktplay .store-news .img .text{position:relative;z-index:2;padding:1.3rem;max-width:58%;text-align:right;color:#fff}
#ktplay .store-news .img .text .tg{font-size:1.2rem;font-weight:500;color:#d2d2d2}
#ktplay .store-news .img .text .tt{margin:1rem 0 2rem 0;height:4.4rem;font-size:1.8rem;font-weight:700;word-break:keep-all;overflow:hidden}
#ktplay .store-news .img .text .dy{font-size:1.4rem;font-weight:400;color:#d2d2d2}
#ktplay .store-news .img .text .dy strong{font-weight:500;color:#fff}
#ktplay .store-news .box{position:relative;padding:1.2rem;background:#fff}
#ktplay .store-news .box .tit{display:flex;align-items:center/*;max-width:90%*/}
#ktplay .store-news .box .tit a{padding:0 .2rem 0 .8rem;font-size:1.8rem;font-weight:700;color:#000}
#ktplay .store-news .box .tit a.line2{padding:0 !important;max-height:5.8rem;line-height:1.6;overflow:hidden}
#ktplay .store-news .box .dong{display:flex;align-items:center;min-width:4rem;font-size:1.2rem;font-weight:700;color:#2f2f2f}
#ktplay .store-news .box .opt{display:flex;align-items:center;padding:1.4rem 0 0 0}
#ktplay .store-news .box .opt span{display:block;font-size:1.4rem;font-weight:500;color:#545454;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#ktplay .store-news .box .opt span + span:after{content:'ㆍ';width:1rem;color:#b4b4b4}
#ktplay .store-news .box .opt span em{color:#8a8a8a}
#ktplay .store-news .box .opt .like.act,
#ktplay .store-news .box .opt .like.act em{font-weight:700;color:#2B90FF}
#ktplay .store-news .box .opt .time:after{content:'';padding-left:.6rem;width:auto;color:#b4b4b4}
#ktplay .store-news .box .opt .comp{width:10rem}
#ktplay .store-news .box .chk{position:absolute;top:0;bottom:1rem;right:2rem;display:flex;align-items:flex-end}
#ktplay .store-news .type{display:flex;align-items:center;justify-content:center;min-width:6rem;height:3rem;font-size:1.4rem;font-weight:500}
#ktplay .store-news .type.tp1{color:#0069FF;border:.1rem solid #0069FF;background:#fff}
#ktplay .store-news .type.tp2{color:#fff;border:.1rem solid #0069FF;background:#0069FF}

#ktplay .store-reply{background:#f4f4f4}
#ktplay .store-reply .innr{display:block;margin:0 0 1rem 0;background:#fff}
#ktplay .store-reply .ktwrap{padding:1.6rem !important}
#ktplay .store-reply .imgs{display:flex;align-items:center;margin:0 -.4rem 0 0}
#ktplay .store-reply .imgs .inr{flex-basis:20%}
#ktplay .store-reply .imgs .img{margin:0 .4rem 0 0}
#ktplay .store-reply .imgs .img .image{display:block;padding:0 0 100% 0;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden}
#ktplay .store-reply .txts{margin:1rem 0 0 0}
#ktplay .store-reply .txts a{line-height:1.5;font-size:1.4rem;font-weight:400;color:#2f2f2f}
#ktplay .store-reply .prod{display:flex;align-items:center;padding:1.7rem 0;border-bottom:.1rem solid #e6e6e6}
#ktplay .store-reply .prod .img{position:relative;margin:0 .8rem 0 0}
#ktplay .store-reply .prod .img:before{content:'';position:absolute;top:0;bottom:0;right:0;left:0;border:.1rem solid #00000017}
#ktplay .store-reply .prod .img .image{display:block;width:5.2rem;height:4.7rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden}
#ktplay .store-reply .prod .tit span{font-size:1.6rem;font-weight:700}
#ktplay .store-reply .prof{margin:0;padding:1.8rem 0 .8rem 0}
#ktplay .store-reply .prof .str{padding:0}
#ktplay .store-reply .opts{display:flex;align-items:center;gap:1rem;padding:.8rem 0 0 0}
#ktplay .store-reply .opts span{font-size:1.2rem;font-weight:400;color:#545454}
#ktplay .store-reply .opts span em{color:#8a8a8a}
#ktplay .store-reply .opts .like.act,
#ktplay .store-reply .opts .like.act em{font-weight:700;color:#2B90FF}

#ktplay .store-wall{}
#ktplay .store-wall .innr{display:block;margin:0 0 1rem 0;background:#fff}
#ktplay .store-wall .ktwrap{padding:1.6rem !important}
#ktplay .store-wall .rabel{display:flex;align-items:center;justify-content:space-between;padding-bottom:1.6rem}
#ktplay .store-wall .rabel em{display:flex;align-items:center;padding:0 .8rem;height:2rem;font-size:1.2rem;font-weight:500;text-align:center;color:#fff;border:.1rem solid #000;background:#000}
#ktplay .store-wall .rabel .bt-navi{display:flex;margin-right:-1rem;width:2.4rem;height:2.4rem;background:url("/img/user/ico-navi.svg") no-repeat 50% 50%}
#ktplay .store-wall .map{position:relative;padding:0 0 1.2rem 0}
#ktplay .store-wall .map .bt-map{display:flex;align-items:center;padding:0 1rem;height:4rem;font-size:1.4rem;color:#545454;border:.1rem solid #cdcdcd;border-radius:4rem}
#ktplay .store-wall .map .bt-map i{display:block;margin-right:.6rem;width:2rem;height:2rem;background:url("/img/user/ico-mpin2.svg") no-repeat 50% 50%}
#ktplay .store-wall .map .bt-map span{display:block;padding-right:3rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#ktplay .store-wall .map .bt-map .bt-copy{display:block;position:absolute;right:.6rem;;z-index:2;margin-right:.6rem;width:2rem;height:2rem;background:url("/img/user/ico-copy.svg") no-repeat 50% 50%}
#ktplay .store-wall .map .bt-cls{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;width:2rem;height:2rem;background:url("/img/gnb/h-btn-close.svg") no-repeat 50% 50% / 1.2rem auto}
#ktplay .store-wall .img{margin:0 0 1.6rem 0}
#ktplay .store-wall .img .image{display:flex;align-items:center;justify-content:center;height:14.4rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden}
#ktplay .store-wall .img.more{position:relative}
#ktplay .store-wall .img.more .image:nth-child(1){width:calc(50% - .2rem)}
#ktplay .store-wall .img.more .image:nth-child(2){position:absolute;top:0;right:0;width:calc(50% - .2rem);height:7rem}
#ktplay .store-wall .img.more .image:nth-child(3){position:absolute;bottom:0;right:0;width:calc(50% - .2rem);height:7rem}
#ktplay .store-wall .img.more .image:nth-child(3) strong{position:relative;z-index:2;font-size:2.4rem;font-weight:400;color:#fff}
#ktplay .store-wall .img.more .image:nth-child(3):before{content:"";position:absolute;z-index:1;top:0;bottom:0;right:0;left:0;background:rgb(0 0 0 / 50%)}
#ktplay .store-wall .box{position:relative;background:#fff}
#ktplay .store-wall .box .txt{display:flex;align-items:center;margin-bottom:1.2rem;padding:0 0 1.2rem 0;border-bottom:.1rem solid #CDCDCD}
#ktplay .store-wall .box .txt a{display:block;height:7.7rem;line-height:1.6;font-size:1.6rem;font-weight:400;color:#000;overflow:hidden}
#ktplay .store-wall .box .opt{display:flex;align-items:center}
#ktplay .store-wall .box .opt span{font-size:1.4rem;font-weight:400;color:#545454}
#ktplay .store-wall .box .opt span + span{padding:0 0 0 .8rem}
#ktplay .store-wall .box .opt span em{color:#8a8a8a}
#ktplay .store-wall .box .opt .time{margin:0 !important;font-size:1.4rem;color:#8a8a8a}
#ktplay .store-wall .box .opt .like.act,
#ktplay .store-wall .box .opt .like.act em{font-weight:700;color:#2B90FF}
#ktplay .store-wall .box .chk{position:absolute;top:0;bottom:0;right:1.2rem;display:flex;align-items:center}

#ktplay .detail-wall{background:#fff}
#ktplay .detail-wall .nowrap{margin:2.6rem 0 1rem 0;padding:0 1.6rem 1.6rem 1.6rem;background:#f4f4f4;overflow:hidden}
#ktplay .detail-wall .nowrap .tit h4{display:flex;align-items:center;height:4.6rem;font-size:1.6rem;font-weight:700;color:#000}
#ktplay .detail-wall .line-bot{/*margin:0 0 1.6rem 0;*/padding:1.6rem;border-bottom:.1rem solid #e1e1e1}
#ktplay .detail-wall .rabel{display:flex;align-items:center;justify-content:space-between;position:absolute;top:10.4rem;z-index:2;padding:3.6rem 0 0 2rem}
#ktplay .detail-wall .rabel em{display:flex;align-items:center;justify-content:center;padding:0 1.4rem;height:3.2rem;font-size:1.6rem;font-weight:700;color:#0069FF;background:#fff;border-radius:2rem}
#ktplay .detail-wall .rabel em.rb1{color:#0069FF;background:rgb(255 255 255 / 1)}
#ktplay .detail-wall .rabel em.rb2{color:#0069FF;background:rgb(255 255 255 / 1)}
#ktplay .detail-wall .rabel em.rb3{color:#0069FF;background:rgb(255 255 255 / 1)}
#ktplay .detail-wall .rabel.none{position:relative;top:auto;padding:0}
#ktplay .detail-wall .rabel.none em{border:.1rem solid #0069FF}
#ktplay .detail-wall .slide{position:relative;display:block;margin:0 1.6rem;background:#000;overflow:hidden}
#ktplay .detail-wall .slide:before{content:'';position:absolute;z-index:1;top:0;bottom:0;right:0;left:0;border:.1rem solid #000}
#ktplay .detail-wall .slide .image{display:block;padding:0 0 70% 0;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden}
#ktplay .detail-wall .slide .khctrl{position:absolute;z-index:9;bottom:1rem;right:0;left:0;text-align:center}
#ktplay .detail-wall .slide .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}
#ktplay .detail-wall .slide .swiper-pagination-bullet{margin:0 .2rem;background:#848B96;opacity:1 !important}
#ktplay .detail-wall .slide .swiper-pagination-bullet-active{background:#fff}
#ktplay .detail-wall .items .map{position:relative;padding:0 0 1.6rem 0}
#ktplay .detail-wall .items .map .bt-map{display:flex;align-items:center;padding:0 1rem;height:4rem;font-size:1.4rem;color:#545454;border:.1rem solid #cdcdcd;border-radius:4rem}
#ktplay .detail-wall .items .map .bt-map i{display:block;margin-right:.6rem;width:2rem;height:2rem;background:url("/img/user/ico-mpin2.svg") no-repeat 50% 50%}
#ktplay .detail-wall .items .map .bt-map span{display:block;padding-right:3rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#ktplay .detail-wall .items .map .bt-map .bt-copy{display:block;position:absolute;right:.6rem;;z-index:2;margin-right:.6rem;width:2rem;height:2rem;background:url("/img/user/ico-copy.svg") no-repeat 50% 50%}
#ktplay .detail-wall .items .map .bt-cls{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;width:2rem;height:2rem;background:url("/img/gnb/h-btn-close.svg") no-repeat 50% 50% / 1.2rem auto}

#ktplay .detail-wall .items .tit + .day{padding:1.6rem 0 !important}
#ktplay .detail-wall .items .tit em{display:block;padding:0 0 .5rem 0;font-size:1.2rem;color:#83878f}
#ktplay .detail-wall .items .tit span{display:block;margin:0 0 .4rem 0;line-height:2rem;font-size:1.5rem;overflow:hidden}
#ktplay .detail-wall .items .tit a{display:block;font-size:1.4rem;word-break:break-all}
#ktplay .detail-wall .items .tit h4{font-size:2rem;font-weight:700;color:#000}
#ktplay .detail-wall .items .day{padding-bottom:1.6rem;font-size:1.6rem;font-weight:400;color:#545454}
#ktplay .detail-wall .items .day strong{font-weight:700;color:#2f2f2f}
#ktplay .detail-wall .items .tag{line-height:1.6}
#ktplay .detail-wall .items .tag .tg{margin:0 1.2rem 0 0;font-size:1.4rem;color:#3182f5}
#ktplay .detail-wall .items .prd .swiper-slide{width:15rem !important}
#ktplay .detail-wall .items .prd .image{display:block;padding:0 0 100% 0;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden}
#ktplay .detail-wall .items .txt{padding:0 0 1.6rem 0;line-height:2;font-size:1.6rem;font-weight:400;color:#2f2f2f}
#ktplay .detail-wall .items .opt{display:flex;align-items:center;padding:0 0 1.6rem 0}
#ktplay .detail-wall .items .opt span{font-size:1.4rem;font-weight:500;color:#545454}
#ktplay .detail-wall .items .opt span + span:before{content:'';padding-left:1rem}
#ktplay .detail-wall .items .opt span em{color:#8a8a8a}
#ktplay .detail-wall .items .opt .like.act,
#ktplay .detail-wall .items .opt .like.act em{font-weight:700;color:#2B90FF}
#ktplay .detail-wall .view .kt-next{position:absolute;z-index:2;top:50%;right:1.6rem;font-size:2.4rem;color:#fff}
#ktplay .detail-wall .view .kt-prev{position:absolute;z-index:2;top:50%;left:1.6rem;font-size:2.4rem;color:#fff}
#ktplay .detail-wall .view .kt-pag{position:absolute;z-index:2;top:1.6rem;right:1.6rem;left:auto !important;display:block;width:5rem;height:2rem;font-size:1.4rem;line-height:2rem;text-align:center;color:#fff;border-radius:2rem;background:rgb(0 0 0 / 60%)}
#ktplay .detail-wall .view .info{position:relative;z-index:2;padding:3rem 0 2.4rem 0}
#ktplay .detail-wall .view .info .pic{position:absolute;top:-3.6rem;left:3.2rem;width:7rem;height:7rem;border:.3rem solid #fff;overflow:hidden;border-radius:70.6rem}
#ktplay .detail-wall .view .info .pic .image{display:block;padding:0 0 100% 0;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
#ktplay .detail-wall .view .info .tit{font-size:3rem;font-weight:700;text-align:center;color:#000}
#ktplay .detail-wall .view .info .loc{padding-top:.4rem;font-size:1.4rem;text-align:center;color:#2f2f2f}
#ktplay .detail-wall .view .info .add-ctrl{display:flex;align-items:center;justify-content:center}
#ktplay .detail-wall .view .info .add-ctrl span{padding:0 .6rem 0 0}
#ktplay .detail-wall .view .info .add-ctrl i{font-size:1.4rem;transform:rotate(180deg)}
#ktplay .detail-wall .view .info .add-ctrl.act i{transform:rotate(0deg)}
#ktplay .detail-wall .view .info .add-view{display:none;padding:.6rem 0 0 0;font-size:1.2rem;color:#545454}
#ktplay .detail-wall .view .info .add-view.act{display:block}
#ktplay .detail-wall .view .state{display:flex;align-items:center;justify-content:center;height:9rem;border-bottom:.8rem solid #f4f4f4}
#ktplay .detail-wall .view .state .innr{min-width:33.33%}
#ktplay .detail-wall .view .state .innr .item{text-align:center}
#ktplay .detail-wall .view .state .innr .item strong{display:block;font-size:3rem;font-weight:700;color:#000}
#ktplay .detail-wall .view .state .innr .item span{display:block;padding-top:.6rem;font-size:1.4rem;font-weight:400;color:#686868}
#ktplay .detail-wall .view .state .innr .item.act strong,
#ktplay .detail-wall .view .state .innr .item.act span{color:#3182f5}
#ktplay .detail-wall .grb{display:flex;align-items:center;justify-content:center;gap:1rem}
#ktplay .detail-wall .type{display:flex;align-items:center;justify-content:center;min-width:4.4rem;height:2rem;font-size:1.2rem;font-weight:500}
#ktplay .detail-wall .type.tp1{color:#0069FF;border:.1rem solid #0069FF;background:#fff}
#ktplay .detail-wall .type.tp2{color:#fff;border:.1rem solid #0069FF;background:#0069FF}
#ktplay .detail-wall .type.tp2{color:#fff;border:.1rem solid #0069FF;background:#0069FF}
#ktplay .detail-wall .label{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-width:7rem;height:3.2rem;background:#fff;border-radius:3.2rem}
#ktplay .detail-wall .evn0{font-size:1.6rem;font-weight:700;color:#ffffff;background:rgb(0 105 255 / 100%)}
#ktplay .detail-wall .lab0{font-size:1.6rem;font-weight:700;color:#3182F5;background:rgb(255 255 255 / 100%)}
#ktplay .detail-wall .lab1{font-size:1.6rem;font-weight:700;color:#3182F5;background:rgb(255 255 255 / 80%)}
#ktplay .detail-wall .lab2{font-size:1.6rem;color:#fff;background:rgb(0 0 0 / 80%)}
#ktplay .detail-wall .lab3{font-size:1.6rem;color:#fff;background:rgb(138 138 138 / 80%)}
#ktplay .detail-wall .line-bot .option{padding:0;height:auto;border-bottom:0}
#ktplay .detail-wall .option{display:flex;align-items:center;justify-content:space-between;padding:1.6rem;height:5rem;border-bottom:.1rem solid #e1e1e1;background:#fff}
#ktplay .detail-wall .option span{font-size:1.4rem;font-weight:500;color:#545454}
#ktplay .detail-wall .option span + span:before{content:'';padding-left:1rem}
#ktplay .detail-wall .option span em{color:#8a8a8a}
#ktplay .detail-wall .option span.act{font-weight:700;color:#3182F5}
#ktplay .detail-wall .option .like.act,
#ktplay .detail-wall .option .like.act em{font-weight:700;color:#2B90FF}
#ktplay .detail-wall .option .chk-ht,
#ktplay .detail-wall .option .chk-ht + label em{display:none}
#ktplay .detail-wall .option .chk-ht + label strong{display:none;font-size:1.4rem;color:#888}
#ktplay .detail-wall .option .chk-ht + label{display:flex;align-items:center;padding-left:3.2rem;height:3.2rem;background:url("/img/user/chk-heart.svg") no-repeat 50% 50%}
#ktplay .detail-wall .option .chk-ht:checked + label{background-image:url("/img/user/chk-heart-act.svg") !important}
#ktplay .detail-wall .option .chk-ht:checked + label strong{color:#E5273E}

#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.4rem;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 label{display:flex;align-items:flex-start;justify-content:space-between;width:100%}
#ktplay .kt-option .innr strong{display:flex;align-items:flex-start;gap:1rem;font-size:1.4rem;font-weight:300}
#ktplay .kt-option .innr ins{min-width:10rem;font-size:1.4rem;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;position:relative;top:-.4rem;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%}

#ktplay .kt-tabs1{background:#fff}
#ktplay .kt-tabs1 .kt-nav ul{display:flex;align-items:center;position:relative}
#ktplay .kt-tabs1 .kt-nav ul:before{content:'';position:absolute;bottom:0;right:0;left:0;border-bottom:.1rem solid #eee}
#ktplay .kt-tabs1 .kt-nav li{display:flex;align-items:center;justify-content:center}
#ktplay .kt-tabs1 .kt-nav li button{font-size:1.6rem;font-weight:400;color:#000}
#ktplay .kt-tabs1 .kt-nav li.act button{position:relative;height:4.4rem;font-weight:700}
#ktplay .kt-tabs1 .kt-nav li.act button:before{content:'';position:absolute;bottom:0;right:0;left:0;border-bottom:.2rem solid #3182f5}
#ktplay .kt-tabs1 .col1 li{width:100%}
#ktplay .kt-tabs1 .col2 li{width:50%}
#ktplay .kt-tabs1 .col3 li{width:33.33%}
#ktplay .kt-tabs1 .col4 li{width:25%}
#ktplay .kt-tabs1 .col5 li{width:20%}
#ktplay .kt-tabs1 .col6 li{width:16.66%}
#ktplay .kt-tabs1 .kt-con{display:none}
#ktplay .kt-tabs1 .kt-nav + .kt-con{display:block}
#ktplay .kt-tabs1 .cont{padding:1.6rem}
#ktplay .kt-tabs1 .cont dl{display:flex;align-items:flex-start}
#ktplay .kt-tabs1 .cont dl + dl{margin:2.4rem 0 0 0}
#ktplay .kt-tabs1 .cont dt{display:flex;align-items:center;min-width:10rem;font-size:1.4rem;font-weight:700;color:#000}
#ktplay .kt-tabs1 .cont dt:before{content:'';margin:0 .6rem 0 0;width:.5rem;height:.5rem;background:#000}
#ktplay .kt-tabs1 .cont dd{font-size:1.4rem;font-weight:400;color:#000;white-space:pre-wrap}
#ktplay .kt-tabs1 .cont .xi-call{color:#3182f5}
#ktplay .kt-tabs1 .nons{padding:2.4rem 0;text-align:center}
#ktplay .kt-tabs1 .nons strong{display:block;font-size:2.2rem;font-weight:400;color:#000}
#ktplay .kt-tabs1 .nons span{display:block;padding-top:1rem;font-size:1.4rem;font-weight:400;color:#000}

#ktplay .detail-wall .title{display:flex;align-items:center;padding:1.6rem}
#ktplay .detail-wall .title h4{display:flex;align-items:center;gap:.4rem;font-size:1.6rem;font-weight:700}
#ktplay .detail-wall .title h4:before{content:'';margin:0 .6rem 0 0;width:.5rem;height:.5rem;background:#000}
#ktplay .detail-wall .title h4 span{font-weight:400;color:#848B96}
#ktplay .detail-wall .title label{padding-right:1.4rem}
#ktplay .detail-wall .title label:before{margin-right:.4rem}
#ktplay .detail-wall .title + .title{border-top:.1rem solid #cdcdcd;display:none} 
#ktplay .detail-wall .prd{display:flex;align-items:center}
#ktplay .detail-wall .prd .img{display:block;position:relative;margin:0 1.7rem 0 0;width:18.8rem;height:13.2rem;overflow:hidden}
#ktplay .detail-wall .prd .img .image{display:block;padding:0 0 100% 0;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
#ktplay .detail-wall .prd .box .txt{padding:1rem 0 0 0}
#ktplay .detail-wall .prd .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 .detail-wall .prd .lab .ck{position:absolute;z-index:2;top:1rem;left:1rem;display:block;width:3.2rem;height:3.2rem}
#ktplay .detail-wall .prd .lab .rb{position:absolute;z-index:2;top:.5rem;left:.5rem;display:flex;align-items:center;justify-content:center;width:3.8rem;height:2rem;font-size:1rem;color:#fff;background:#000}
#ktplay .detail-wall .prd .lab .ht{position:absolute;z-index:2;bottom:1rem;right:1rem;display:block;width:3.2rem;height:3.2rem}
#ktplay .detail-wall .prd .box .tit{padding:.8rem 0 0 0}
#ktplay .detail-wall .prd .box .tit em{display:block;font-size:1.4rem;font-weight:700;color:#000}
#ktplay .detail-wall .prd .box .tit span{display:block;line-height:1.4;font-size:1.4rem;font-weight:500;color:#000;word-break:break-all;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .detail-wall .prd .box .txt span{display:block;padding:0 .5rem;font-size:1.2rem;font-weight:700;color:#999}

#ktplay .detail-prod{background:#fff}
#ktplay .detail-prod .item{display:block;margin:0;overflow:hidden}
#ktplay .detail-prod .item .swiper-wrapper{background-color:#f4f4f4}
#ktplay .detail-prod .item .imgslide{position:relative}
#ktplay .detail-prod .item .imgslide .image{display:block;height:43.8rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
#ktplay .detail-prod .item .box{position:relative;padding:1.6rem}
#ktplay .detail-prod .item .box .name{font-weight:400}
#ktplay .detail-prod .item .box .prof{display:none;margin:0 0 1.6rem 0 !important}
#ktplay .detail-prod .item .box .dey{display:flex;align-items:center;gap:.6rem;padding:0 0 .8rem 0}
#ktplay .detail-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 .detail-prod .item .box .dey .dy1{border:.1rem solid;border-image:linear-gradient(90deg, #6256ED 0%, #55A3FF 100%);border-image-slice:1}
#ktplay .detail-prod .item .box .dey .dy1 span{background:linear-gradient(90deg, #6256ED 0%, #55A3FF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#ktplay .detail-prod .item .box .dey .dy2{color:#fff;background:linear-gradient(90deg, #6256ED 0%, #55A3FF 100%)}
#ktplay .detail-prod .item .box .dey .dy3{color:#fff;background:linear-gradient(90deg, #55A3FF 0%, #1FDB5F 100%)}
#ktplay .detail-prod .item .box .tit{display:flex;align-items:flex-start;flex-direction:column-reverse;gap:.8rem}
#ktplay .detail-prod .item .box .tit span{display:flex;line-height:1.4;font-size:2.2rem;font-weight:700;color:#000}
#ktplay .detail-prod .item .box .tit .ing{display:flex;align-items:center;justify-content:center;padding:0 1.4rem;height:2.8rem;font-size:1.4rem;font-weight:700;color:#545454;background:#F0F0F0;border-radius:2rem}
#ktplay .detail-prod .item .box .tit .act{color:#3182f5}

#ktplay .detail-prod .item .ste{display:flex;align-items:center;justify-content:space-between;padding-bottom:.8rem}
#ktplay .detail-prod .item .ste .prf{display:flex;align-items:center;gap:.6rem;height:3.2rem}
#ktplay .detail-prod .item .ste .prf .imgs{display:block;min-width:3.2rem;height:3.2rem;border:.1rem solid #2f2f2f;background:#ccc;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:3.6rem;overflow:hidden}
#ktplay .detail-prod .item .ste .prf .name{width:100%;font-size:1.4rem;font-weight:700;color:#2f2f2f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .detail-prod .item .ste .prf .name .icon em{font-size:1.2rem;font-weight:400}
#ktplay .detail-prod .item .ste .prf .name .time{display:block;font-size:1.4rem;font-weight:400;color:#8A8A8A}
#ktplay .detail-prod .item .ste .prf .star{display:flex;align-items:center;gap:.2rem;font-size:1.4rem;font-weight:400;color:#545454}
#ktplay .detail-prod .item .ste .prf .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 .detail-prod .item .ste .prf .star.none{color:#545454}
#ktplay .detail-prod .item .ste .prf .star.none i{background-image:url("/img/etc/ico-nwstar-none.svg")}
#ktplay .detail-prod .item .ste .prf .badge{display:flex;gap:.4rem}
#ktplay .detail-prod .item .ste .prf .bdg{padding:.4rem .6rem;min-width:4.4rem;font-size:1.1rem;font-weight:400;text-align:center;color:#333;border:.1rem solid #ddd;background:#fff;border-radius:.6rem}
#ktplay .detail-prod .item .ste .prf .bdg1{color:#333;border:.1rem solid #ddd}
#ktplay .detail-prod .item .ste .prf .bdg2{color:#fff;border:.1rem solid #333;background:#333}
#ktplay .detail-prod .item .ste .prf .bdg3{color:#333;border:.1rem solid #ddd}
#ktplay .detail-prod .item .ste .prf .bdg4{color:#fff;border:.1rem solid #EC6A7F;background:#EC6A7F}
#ktplay .detail-prod .item .ste .klm{display:flex;align-items:center;font-size:1.4rem;font-weight:400;color:#000}
#ktplay .detail-prod .item .ste .locl{display:block;width:1rem;height:1.8rem;background:url("/img/ico/ico-locl.svg") no-repeat 50% 50%}
#ktplay .detail-prod .item .ste .pick{display:block;width:1rem;height:1.8rem;background:url("/img/ico/ico-pick.svg") no-repeat 50% 50%}

#ktplay .detail-prod .item .ste .loc{display:flex;align-items:center;gap:.5rem;padding-left:1rem;font-size:1.4rem;white-space:nowrap}
#ktplay .detail-prod .item .ste .loc em{font-weight:500;color:#F7D25D}


#ktplay .detail-prod .item .box .abt{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;padding-bottom:1.4rem;border-bottom:.1rem solid #CDCDCD}
#ktplay .detail-prod .item .box .abt span{font-size:1.4rem;font-weight:400;color:#8F8F8F}
#ktplay .detail-prod .item .box .abt strong{line-height:1.4;font-size:2rem;font-weight:700;color:#000}
#ktplay .detail-prod .item .box .prc{padding:2rem 0 .6rem 0;border-bottom:.1rem solid #cdcdcd}
#ktplay .detail-prod .item .box .prc .innr{display:flex;align-items:center;justify-content:flex-end}
#ktplay .detail-prod .item .box .prc .innr .cos{font-size:1.4rem;color:#8f8f8f}
#ktplay .detail-prod .item .box .prc span{font-size:2.4rem;font-weight:400}
#ktplay .detail-prod .item .box .prc .sale{position:absolute;left:10rem;bottom:2rem;font-size:3.4rem;font-weight:700;color:#3182f5}
#ktplay .detail-prod .item .box .prc .sale em{font-size:2.4rem;font-weight:500}
#ktplay .detail-prod .item .box .prc .pce{font-size:2.4rem;font-weight:700}
#ktplay .detail-prod .item .box .str{display:flex;align-items:center;position:absolute;bottom:2.6rem}
#ktplay .detail-prod .item .box .str span{padding:0 0 0 2rem;font-size:1.8rem;font-weight:700;color:#2f2f2f;background:url("/img/user/ico-star.svg") no-repeat 0 50%;background-size:1.5rem auto}
#ktplay .detail-prod .item .box .str em{padding:0 .2rem;font-size:1.2rem;vertical-align:middle;color:#ababab}
#ktplay .detail-prod .swiper-pagination{position:absolute}
#ktplay .detail-prod .swiper-horizontal>.swiper-pagination-bullets, 
#ktplay .detail-prod .swiper-pagination-bullets.swiper-pagination-horizontal, 
#ktplay .detail-prod .swiper-pagination-custom, 
#ktplay .detail-prod .swiper-pagination-fraction{bottom:1rem;right:0;left:0}
#ktplay .detail-prod .swiper-pagination-bullet{margin:0 .2rem;width:.6rem;height:.6rem;background:#848B96;opacity:1 !important}
#ktplay .detail-prod .swiper-pagination-bullet-active{background:#cdcdcd}

#ktplay .product{margin:0 0 1.6rem 0;background:#f4f4f4;overflow:hidden}
#ktplay .product.white{background:#fff}
#ktplay .product .title{padding:0 0 1.6rem 0 !important;height:auto !important}
#ktplay .product .title.other{display:flex;flex-direction:column;gap:.6rem;padding:1.2rem 0 0 0}
#ktplay .product .title h4{display:flex;align-items:center;padding-top:0.6rem;font-size:1.6rem;font-weight:700;color:#000}
#ktplay .product .title h4:before{content:'';margin:0 .6rem 0 0;width:.5rem;height:.5rem;background:#000}
/*#ktplay .product + .detail-info{padding-top:5.4rem}*/
#ktplay .product .prod{background:none !important}

#age-order .kt-option{padding:0 1.6rem}

#ktplay .evprod{background:#f4f4f4;overflow:hidden}
#ktplay .evprod .tit{padding:1.6rem 0}
#ktplay .evprod .tit h4{font-size:1.6rem;font-weight:700;color:#000}
#ktplay .evprod + .detail-info{padding-top:5.4rem}

#ktplay .detail-star{padding:0 1.6rem;background:#fff}
#ktplay .detail-star .star{padding:5.4rem 0 1.2rem 0}
#ktplay .detail-star .score{padding-bottom:5.4rem;text-align:center}
#ktplay .detail-star .score h4{padding:1.2rem 0 0 0;font-size:2rem;font-weight:700;color:#3182f5}
#ktplay .detail-star .score p{font-size:1.4rem;font-weight:700;color:#3182f5}

#ktplay .body-store.white{background:#fff}
#ktplay .detail-info .tit + .product{margin:1.6rem 0 0 0 !important}
#ktplay .detail-info .tit + .product .prod .item{margin-bottom:0 !important}
#ktplay .detail-info.bg-gray{background:#f4f4f4}

#ktplay .detail-info{padding:1.6rem;overflow:hidden}
#ktplay .detail-info.white{background:#fff}
#ktplay .detail-info + .nwstore-list{margin:0 !important;background:#fff}
#ktplay .detail-info + .nwstore-list .box{border:.1rem solid #eee;border-bottom:0}
#ktplay .detail-info .title{padding:0 0 1.6rem 0 !important;height:auto !important}
#ktplay .detail-info .title h4{display:flex;align-items:center;padding-top:.6rem;font-size:1.6rem;font-weight:700}
#ktplay .detail-info .title h4:before{content:'';margin:0 .6rem 0 0;width:.5rem;height:.5rem;background:#000}
#ktplay .detail-info + .product .tit h4{display:flex;align-items:center;font-size:1.6rem;font-weight:700}
#ktplay .detail-info + .product .tit h4:before{content:'';margin:0 .6rem 0 0;width:.5rem;height:.5rem;background:#000}
#ktplay .detail-info + .store{padding:1.6rem 1.6rem 5.4rem 1.6rem;background:#fff}
#ktplay .detail-info .tit{}
#ktplay .detail-info .tit h4{display:flex;align-items:center;font-size:1.6rem;font-weight:700}
#ktplay .detail-info .tit h4:before{content:'';margin:0 .6rem 0 0;width:.5rem;height:.5rem;background:#000}
#ktplay .detail-info .txt{line-height:1.8;font-size:1.4rem}
#ktplay .detail-info .tag{padding:0 0 2.8rem 0}
#ktplay .detail-info .tag ul{display:flex;flex-wrap:wrap;gap:1rem}
#ktplay .detail-info .tag li{display:flex;align-items:center;gap:.2rem;padding:0 1rem;min-height:3rem;font-size:1.4rem;background:#f4f4f4;border-radius:.6rem}
#ktplay .detail-info .tag li:before{content:'#'}
#ktplay .detail-info .tbl{padding:1.4rem 0}
#ktplay .detail-info .tbl dl{display:flex;align-items:center;justify-content:space-between}
#ktplay .detail-info .tbl dl + dl{margin-top:1rem}
#ktplay .detail-info .tbl dt{min-width:10rem;font-size:1.6rem;font-weight:700;color:#2f2f2f}
#ktplay .detail-info .tbl dt strong{color:#3182f5}
#ktplay .detail-info .tbl dd{flex-basis:calc(100% - 10rem)}
#ktplay .detail-info .tbl .hours{display:flex;align-items:center;flex-wrap:wrap;padding:.9rem 1.4rem;width:100%;background:#f4f4f4;border-radius:.6rem}
#ktplay .detail-info .tbl .hours span{padding:0 .6rem;height:2rem;font-size:1.4rem;font-weight:400}
#ktplay .detail-info .prd{display:flex;align-items:center;padding:1.6rem 0 5.4rem 0}
#ktplay .detail-info .prd .img{display:block;position:relative;margin:0 1.7rem 0 0;min-width:18.8rem;height:13.2rem;overflow:hidden}
#ktplay .detail-info .prd .img .image{display:block;padding:0 0 100% 0;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
#ktplay .detail-info .prd .box .lb{display:flex;align-items:center}
#ktplay .detail-info .prd .box .lb em{display:flex;align-items:center;justify-content:center;padding:0 .8rem;min-width:3.8rem;height:2rem;font-size:1rem;text-align:center;color:#fff;background:#000}
#ktplay .detail-info .prd .box .lb em + em{margin-left:.4rem;background:#3182f5}
#ktplay .detail-info .prd .box .tt{padding:.8rem 0 0 0}
#ktplay .detail-info .prd .box .tt em{display:block;font-size:1.4rem;font-weight:700;color:#000}
#ktplay .detail-info .prd .box .tt span{display:block;line-height:1.4;font-size:1.4rem;font-weight:500;color:#000;word-break:break-all;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .detail-info .prd .box .tx{margin:1rem 0 0 0;height:2.8rem;overflow:hidden}
#ktplay .detail-info .prd .box .tx span{display:block;font-size:1.2rem;font-weight:700;color:#999;word-break:break-all}
#ktplay .detail-info .prd .box .st{display:flex;align-items:center;padding:3rem 0 0 0}
#ktplay .detail-info .prd .box .st 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 .detail-info .prd .box .st em{padding:0 .2rem;font-size:1.2rem;vertical-align:middle;color:#ababab}
#ktplay .detail-info .nw-prod{padding:0}
#ktplay .detail-info .nwstore-list.col1{padding:0}
#ktplay .detail-info .nw-prod .item{margin:0 !important}
#ktplay .detail-img{background:#fff}
#ktplay .detail-img img{display:block;margin:0 auto;width:auto;max-width:100%;height:auto}

#ktplay .detail-comment{display:flex;flex-direction:column;gap:.8rem}
#ktplay .detail-comment.white{background:#fff}
#ktplay .detail-comment .title{display:flex;align-items:center;padding:1.6rem}
#ktplay .detail-comment .title h4{display:flex;align-items:center;gap:.4rem;font-size:1.6rem;font-weight:700}
#ktplay .detail-comment .title h4:before{content:'';margin:0 .6rem 0 0;width:.5rem;height:.5rem;background:#000}
#ktplay .detail-comment .title h4 span{font-weight:400;color:#848B96}
#ktplay .detail-comment .title label{padding-right:1.4rem}
#ktplay .detail-comment .title label:before{margin-right:.4rem}
#ktplay .detail-comment .title + .title{border-top:.1rem solid #cdcdcd;display:none} 
#ktplay .detail-comment .innr{padding:0 0 1.6rem 0;border-bottom:0rem solid #e1e1e1;background:#fff}
/*#ktplay .detail-comment .innr + .innr{border-top:1rem solid #f3f3f3}*/
#ktplay .detail-comment .innr .prof.sz0{margin:0;padding:1.6rem 1.6rem .8rem 1.6rem}
#ktplay .detail-comment .rabel{display:flex;align-items:center;justify-content:space-between;padding:1.6rem 0 0 0}
#ktplay .detail-comment .rabel em{display:flex;align-items:center;justify-content:center;padding:0 1.2rem;height:2rem;font-size:1rem;font-weight:700;color:#fff;background:#000}
#ktplay .detail-comment .prod{display:flex;align-items:center;padding:1.6rem;border-bottom:.1rem solid #e6e6e6}
#ktplay .detail-comment .prod .img{position:relative;margin:0 .8rem 0 0}
#ktplay .detail-comment .prod .img:before{content:'';position:absolute;top:0;bottom:0;right:0;left:0;border:.1rem solid #999}
#ktplay .detail-comment .prod .img .image{display:block;width:5.2rem;height:4.7rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden}
#ktplay .detail-comment .prod .tit span{font-size:1.6rem;font-weight:700}
#ktplay .detail-comment .item .txt{padding:0 1.6rem 0 5.8rem;line-height:1.5;font-size:1.4rem;font-weight:400;color:#2f2f2f}
#ktplay .detail-comment .item .opt{display:flex;align-items:center;padding:1.6rem 0 0 5.8rem}
#ktplay .detail-comment .item .opt span{font-size:1.2rem;font-weight:500;color:#545454}
#ktplay .detail-comment .item .opt span + span:before{content:'';padding-left:1rem}
#ktplay .detail-comment .item .opt span em{color:#8a8a8a}
#ktplay .detail-comment .item .opt .like.act,
#ktplay .detail-comment .item .opt .like.act em{font-weight:700;color:#2B90FF}
#ktplay .detail-comment .item .prdadd{padding:.8rem 0 .8rem 5.8rem;overflow:hidden}
#ktplay .detail-comment .innr2{padding:.4rem 0 1rem 4rem;background:#f4f4f4}
#ktplay .detail-comment .cutoff{padding:0 !important;background:#f4f4f4}
#ktplay .detail-comment .cutoff .item{padding:0 !important}
#ktplay .detail-comment .cutoff .prof{display:none}
#ktplay .detail-comment .cutoff .about{display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:500;color:#545454}
#ktplay .detail-comment .cutoff .about strong{display:block;padding:.6rem 0 0 1.7rem;font-size:1.4rem;font-weight:700;color:#2f2f2f}
#ktplay .detail-comment .cutoff .about.del{background:#fff}
#ktplay .detail-comment .cutoff .mark{display:block;margin:0 .4rem 0 0;width:1.6rem;height:1.6rem;background:url("/img/user/ico-cutoff.svg") no-repeat 50% 50% / 1.6rem auto}
#ktplay .detail-comment .cutoff.tp1 .about{padding:1.6rem 0}
#ktplay .detail-comment .cutoff.tp2 .about{padding:1.2rem 0}

/*프로필기본*/
#ktplay .prof{display:flex;align-items:center;justify-content:space-between;position:relative;margin:0 0 1rem 0}
#ktplay .prof .img{position:relative;border-radius:50%;overflow:hidden}
#ktplay .prof .img:before{content:"";position:absolute;z-index:2;top:0;bottom:0;right:0;left:0;border:.1rem solid #999;border-radius:50%}
#ktplay .prof .image{display:flex;padding:0 0 100% 0;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
#ktplay .prof .inr{display:flex;align-items:flex-start}
#ktplay .prof .inr .bt-navi{display:flex;margin-right:-1rem;width:2.4rem;height:2.4rem;background:url("/img/user/ico-navi.svg") no-repeat 50% 50%}
#ktplay .prof .box{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 .str{display:flex;align-items:center;padding:.4rem 0}
#ktplay .prof .str em{display:inline-block;padding:0 .6rem;font-size:1.4rem;vertical-align:middle;color:#242a38}
#ktplay .prof .star{display:inline-block;width:6.5rem;vertical-align:middle;background:url("/img/user/star2.svg") no-repeat 0 50%;background-size:6.5rem auto}
#ktplay .prof .star span{display:block;height:1.1rem;background:url("/img/user/star1.svg") no-repeat 0 50%;background-size:6.5rem auto}
#ktplay .prof .name{display:flex;align-items:center;gap:.4rem}
#ktplay .prof .name span{font-size:1.2rem;font-weight:700;color:#2f2f2f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .prof .name .creator{display:flex;width:1.4rem;height:1.4rem;background:url("/img/user/ico-creator.svg") no-repeat 50% 50%}
#ktplay .prof .text{font-size:1.2rem;color:#242a38}
#ktplay .prof .date{padding:.4rem 0 0 0;font-size:1.2rem;color:#8a8a8a}
#ktplay .prof.wrap{position:relative;margin-left:1.6rem !important;margin-right:1.6rem !important}

/*프로필사이즈x1*/
#ktplay .prof.small{margin:1rem 0}
#ktplay .prof.small .img{min-width:2rem;height:2rem}
#ktplay .prof.small .box{margin:0 .4rem !important;padding:0 !important/*;width:auto !important*/}
#ktplay .prof.small .name{font-size:1.4rem}

#ktplay .prof.sz0{margin:1rem 0}
#ktplay .prof.sz0 .img{min-width:3.6rem;height:3.6rem}
#ktplay .prof.sz0 .box{padding:0 .8rem}
#ktplay .prof.sz0 .name{font-size:1.2rem}
#ktplay .prof.sz0 .text{font-size:1.2rem}
#ktplay .prof.sz0 .date{font-size:1.2rem}

#ktplay .prof.sz1{margin:1.4rem 0}
#ktplay .prof.sz1 .img{min-width:4.2rem;height:4.2rem}
#ktplay .prof.sz1 .box{padding:0 .8rem}
#ktplay .prof.sz1 .name{font-size:1.6rem}
#ktplay .prof.sz1 .text{font-size:1.4rem}
#ktplay .prof.sz1 .date{font-size:1.2rem}

/*프로필사이즈x2*/
#ktplay .prof.sz2{margin:1rem 0}
#ktplay .prof.sz2 .img{min-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 .event-prod *{}
#ktplay .event-prod .prof .name{display:flex}
#ktplay .event-prod .prof .name span{padding:0 .6rem 0 0}
#ktplay .event-prod .item .tit{padding:0 0 .6rem 0 !important}
#ktplay .event-prod .item .tit h4{font-size:1.8rem}
#ktplay .event-prod .item .day{display:flex;align-items:center;padding-bottom:1.6rem}
#ktplay .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}
#ktplay .event-prod .item .day strong{font-size:1.8rem;color:#3182f5}
#ktplay .event-prod .item .tag{padding:0 0 .8rem 0}
#ktplay .event-prod .item .tag .tg{margin:0 1.2rem 0 0;font-size:1.6rem;color:#3182f5}
#ktplay .event-prod .item .img{margin-bottom:1.6rem !important}
#ktplay .event-prod .item .txt{margin-bottom:1.6rem;padding:1.6rem 0 0 0!important;font-size:1.6rem}
#ktplay .event-prod .item .map{margin-bottom:1.6rem}
#ktplay .event-prod .item .map .root_daum_roughmap{width:100% !important}

#ktplay .enuri-wrap{height:51.1rem;background-color:#000;background-repeat:no-repeat;background-position:50% 0;background-size:auto 100%}
#ktplay .enuri-title{padding:4rem 0 2.4rem 2.4rem}
#ktplay .enuri-title h3{display:inline-block;line-height:3.6rem;font-size:2.6rem;font-weight:400;color:#fff;border-bottom:.1rem solid #fff}
#ktplay .enuri-title p{padding:1.2rem 0 0 0;font-size:1.6rem;font-weight:700;color:#fff}

#ktplay .enuri-list{position:relative;overflow:hidden}
#ktplay .enuri-list .age-visual{margin:0 !important;padding:0 0 5rem 5rem;position:static}
#ktplay .enuri-list .swiper-slide{width:24rem !important}
#ktplay .enuri-list .swiper-pagination{bottom:2rem !important}
#ktplay .enuri-list .prod.col1{margin:0;border-radius:1rem;overflow:hidden}
#ktplay .enuri-list .prod.col1 .item{margin:0;background:#fff}
#ktplay .enuri-list .prod.col1 .item .img{border:0 !important;overflow:visible}
#ktplay .enuri-list .prod.col1 .item .img .lab{position:absolute;z-index:10;top:auto;bottom:-1rem;left:1.2rem}
#ktplay .enuri-list .prod.col1 .item .img .sa{display:inline-flex;align-items:center;padding:0 .8rem;height:2.6rem;font-size:1.2rem;color:#fff;background:#000}
#ktplay .enuri-list .prod.col1 .item .img .image{height:14.6rem !important;padding:0 !important}
#ktplay .enuri-list .prod.col1 .item .box{padding:2.2rem 1.2rem 0 1.2rem}
#ktplay .enuri-list .prod.col1 .item .box .tit{padding:0 !important}
#ktplay .enuri-list .prod.col1 .item .box .str{padding:1.2rem 0 .8rem 0;border-bottom:.1rem solid #eee}
#ktplay .enuri-list .prod.col1 .prof{margin:0;padding:1rem 1.2rem;background:#fff}
#ktplay .enuri-list .prod.col1 .prof.sz0 .name{display:block !important}
#ktplay .enuri-list .prod.col1 .prof.sz0 .img{min-width:2.4rem;height:2.4rem}
#ktplay .enuri-list .prod.col1 .prof.sz0 .inr{align-items:center !important}

/*신규 상품구성 2022-12-15*/
#ktplay .enuri-list{position:relative;overflow:hidden}
#ktplay .enuri-list .age-visual{margin:0 !important;padding:0 0 5rem 2.4rem;position:static}
#ktplay .enuri-list .swiper-slide{width:24rem !important}
#ktplay .enuri-list .nw-prod.col1{margin:0;padding:0;background:#fff;border-radius:0rem;overflow:hidden}
#ktplay .enuri-list .nw-prod.col1 .item{margin:0}
#ktplay .enuri-list .nw-prod.col1 .item .img{border:0 !important;overflow:visible}
#ktplay .enuri-list .nw-prod.col1 .item .img .lab{position:absolute;z-index:10;top:auto;bottom:-1rem;left:1.2rem}
#ktplay .enuri-list .nw-prod.col1 .item .img .sa{display:inline-flex;align-items:center;padding:0 .8rem;height:2.6rem;font-size:1.2rem;color:#fff;background:#000}
#ktplay .enuri-list .nw-prod.col1 .item .img .image{height:17.4rem !important;padding:0 !important}
#ktplay .enuri-list .nw-prod.col1 .item .box{margin:0 1.2rem;padding:1.2rem 0 1rem 0;border-bottom:.1rem solid #c7c7c7}
#ktplay .enuri-list .nw-prod.col1 .item .box .tit{padding:0 !important}
#ktplay .enuri-list .nw-prod.col1 .item .box .tit span{font-size:1.5rem;font-weight:700}
#ktplay .enuri-list .nw-prod.col1 .item .box .dey{padding-top:.8rem}
#ktplay .enuri-list .nw-prod.col1 .prof{margin:0;padding:1rem 1.2rem;background:#fff}
#ktplay .enuri-list .nw-prod.col1 .prof.sz0 .name{display:block !important}
#ktplay .enuri-list .nw-prod.col1 .prof.sz0 .img{min-width:2rem;height:2rem}
#ktplay .enuri-list .nw-prod.col1 .prof.sz0 .inr{align-items:center !important}

#ktplay .nw-prod{padding:1.6rem}
#ktplay .nw-prod.swiper-wrapper{gap:1rem}
#ktplay .nw-prod .item{display:block;margin:0 0 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 .img .image{display:block;padding-bottom:100%;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;background-size:cover}
#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 .item .str{display:flex;align-items:center;padding:.6rem 0 0 0}
/*#ktplay .nw-prod .item .str 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 .str em{padding:0 .2rem;font-size:1.2rem;vertical-align:middle;color:#ababab}*/


#ktplay .nw-prod.white{background:#fff}
#ktplay .nw-prod.col2{display:flex;flex-wrap:wrap}
#ktplay .nw-prod.col2 .inner{width:50%}
#ktplay .nw-prod.col2 .inner .item{margin:0 !important;margin-bottom:2.4rem !important}
#ktplay .nw-prod.col2 .inner:nth-child(odd) .item{padding-right:.5rem}
#ktplay .nw-prod.col2 .inner:nth-child(even) .item{padding-left:.5rem}

#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 .image{display:block;padding-bottom:100%;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;background-size:cover}
#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-maga{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}
#ktplay .nw-maga .item{display:flex;gap:1rem}
#ktplay .nw-maga .item .img{display:block;min-width:14.6rem;position:relative;border-radius:0rem;overflow:hidden}
#ktplay .nw-maga .item .img .ht{position:absolute;z-index:2;bottom:.5rem;right:1rem;display:block;width:2.2rem;height:2.2rem}
#ktplay .nw-maga .item .img .chk-ht,
#ktplay .nw-maga .item .img .chk-ht + label em{display:none}
#ktplay .nw-maga .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-maga .item .img .chk-ht:checked + label{background-image:url("/img/user/chk-ht2.svg") !important}
#ktplay .nw-maga .item .img .image{display:block;padding-bottom:100%;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;background-size:cover}
#ktplay .nw-maga .item .img.none{padding:0 0 100% 0 !important;background:#eee url("/img/none/none.jpg") no-repeat 50% 50% / 50% auto}
#ktplay .nw-maga .item .box{display:flex;flex-direction:column;justify-content:space-between;gap:.5rem;padding-bottom:1rem;width:100%;overflow:hidden}
#ktplay .nw-maga .item .box .sub strong{display:block;padding-bottom:1rem;font-size:1.8rem;font-weight:700;word-break:break-all;color:#2f2f2f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .nw-maga .item .box .sub span{display:block;font-size:1.4rem;font-weight:400;word-break:break-all;color:#2f2f2f;overflow:hidden}
#ktplay .nw-maga .item .box .btn{display:flex;align-items:center;gap:1.6rem}
#ktplay .nw-maga .item .box .btn strong{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-maga .item .box .btn .arr{display:block;width:2.4rem;height:2.4rem;background:url("/img/ico/arr-maga.svg") no-repeat 50% 50%}
#ktplay .nw-maga .item .box .cop strong{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-maga .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-maga .item .box .cop i{font-size:1.2rem}
#ktplay .nw-maga .item .box .loc{display:flex;align-items:center;gap:.5rem;font-size:1.4rem}
#ktplay .nw-maga .item .box .loc em{font-weight:500;color:#F7D25D}
#ktplay .nw-maga .item .box .abt{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-maga .item .box .str{display:flex;align-items:center;gap:1rem}
#ktplay .nw-maga .item .box .str .star{display:flex;align-items:center;gap:.2rem;font-size:1.4rem;font-weight:400;color:#545454}
#ktplay .nw-maga .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-maga .item .box .str .star.none{color:#545454}
#ktplay .nw-maga .item .box .str .star.none i{background-image:url("/img/etc/ico-nwstar-none.svg")}
#ktplay .nw-maga .item .box .txt{padding:1rem 0 0 0}
#ktplay .nw-maga .item .box .ico{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}
#ktplay .nw-maga .item .box .ico i{display:inline-block;width:3rem;height:3rem;vertical-align:middle}
#ktplay .nw-maga .item .box .ico em{display:inline-block;margin:0 1rem 0 0;font-size:1.4rem;font-weight:800;vertical-align:middle}
#ktplay .nw-maga .item .box .tit em{display:block;padding:0 0 .5rem 0;font-size:1.2rem;font-weight:700;color:#2f2f2f}
#ktplay .nw-maga .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-maga .item .box .tit a{display:block;font-size:1.4rem;word-break:break-all}
#ktplay .nw-maga .item .box .txt a{display:block;line-height:1.4;font-size:1.7rem}
#ktplay .nw-maga .item .box .txt span{display:inline-block;padding:0 .5rem;font-size:1.2rem;font-weight:700;color:#999}
#ktplay .nw-maga .item .box .prc{display:flex;align-items:center}
#ktplay .nw-maga .item .box .prc.between{/*justify-content:space-between*/}
#ktplay .nw-maga .item .box .prc strong.sale{padding:0 1rem 0 0;font-size:1.6rem;font-weight:700;color:#3182f5}
#ktplay .nw-maga .item .box .prc strong{line-height:1.4;font-size:2rem;color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .nw-maga .item .box .prc strong + strong{padding:0 0 0 .5rem}
#ktplay .nw-maga .item .box .prc span{font-size:1.4rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .nw-maga .item .box .prc del{font-size:1.4rem;color:#83878f}
#ktplay .nw-maga .item .box .prc .sale{color:#3182f5}
#ktplay .nw-maga .item .box .prc .pce + span{padding:0 1.2rem 0 .2rem}
#ktplay .nw-maga .item .box .sal{display:flex;align-items:center;text-decoration:line-through}
#ktplay .nw-maga .item .box .sal strong{font-size:1.4rem;color:#8f8f8f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .nw-maga .item .box .sal span{font-size:1.4rem;color:#8f8f8f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .nw-maga .item .box .etc{padding:1rem 0 0 0;font-size:0}
#ktplay .nw-maga .item .box .etc span{display:inline-block;padding:0 .8rem 0 0;vertical-align:middle}
#ktplay .nw-maga .item .box .etc i{display:inline-block;font-size:1.8rem;color:#4a4a4a;vertical-align:middle}
#ktplay .nw-maga .item .box .etc em{display:inline-block;padding:0 .4rem;font-size:1.4rem;vertical-align:middle;color:#83878f}
#ktplay .nw-maga .item .box .stt{display:flex;align-items:center}
#ktplay .nw-maga .item .box .stt 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-maga .item .box .stt em{padding:0 .2rem;font-size:1.2rem;vertical-align:middle;color:#ababab}
#ktplay .nw-maga .item .box .dey{display:flex;align-items:center;gap:.6rem;padding-top:.6rem}
#ktplay .nw-maga .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-maga .item .box .dey .dy1{border:.1rem solid;border-image:linear-gradient(90deg, #6256ED 0%, #55A3FF 100%);border-image-slice:1}
#ktplay .nw-maga .item .box .dey .dy1 span{background:linear-gradient(90deg, #6256ED 0%, #55A3FF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#ktplay .nw-maga .item .box .dey .dy2{color:#fff;background:linear-gradient(90deg, #6256ED 0%, #55A3FF 100%)}
#ktplay .nw-maga .item .box .dey .dy3{color:#fff;background:linear-gradient(90deg, #55A3FF 0%, #1FDB5F 100%)}
#ktplay .nw-maga .item .xi-thumbs-up,
#ktplay .nw-maga .item .xi-heart{color:#3182f5 !important}
#ktplay .nw-maga .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-maga .item .numb:before{content:'';position:absolute;top:.3rem;left:0;width:.1rem;height:1rem;background:#ededed}
#ktplay .nw-maga .item .stt{padding:.5rem 0}
#ktplay .nw-maga .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-maga .item .stt .stt1{color:#fff;background:#3182f5}
#ktplay .nw-maga .item .stt .stt2{color:#fff;background:#3182f5}
#ktplay .nw-maga .locl{display:block;width:1rem;height:1.8rem;background:url("/img/ico/ico-locl.svg") no-repeat 50% 50%}
#ktplay .nw-maga .pick{display:block;width:1rem;height:1.8rem;background:url("/img/ico/ico-pick.svg") no-repeat 50% 50%}

/*상품목록*/
#ktplay .nw-hero{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}
#ktplay .nw-hero .item{display:flex;align-items:flex-start;gap:1rem}
#ktplay .nw-hero .item .img{display:block;min-width:14.6rem;position:relative;border-radius:0rem;overflow:hidden}
#ktplay .nw-hero .item .img .ht{position:absolute;z-index:2;bottom:.5rem;right:1rem;display:block;width:2.2rem;height:2.2rem}
#ktplay .nw-hero .item .img .chk-ht,
#ktplay .nw-hero .item .img .chk-ht + label em{display:none}
#ktplay .nw-hero .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-hero .item .img .chk-ht:checked + label{background-image:url("/img/user/chk-ht2.svg") !important}
#ktplay .nw-hero .item .img .image{display:block;padding-bottom:100%;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;background-size:cover}
#ktplay .nw-hero .item .img.none{padding:0 0 100% 0 !important;background:#eee url("/img/none/none.jpg") no-repeat 50% 50% / 50% auto}
#ktplay .nw-hero .item .box{display:flex;flex-direction:column;gap:.5rem;padding:1rem 0;width:100%;overflow:hidden}
#ktplay .nw-hero .item .box .cop strong{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-hero .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-hero .item .box .cop i{font-size:1.2rem}
#ktplay .nw-hero .item .box .loc{display:flex;align-items:center;gap:.5rem;font-size:1.4rem}
#ktplay .nw-hero .item .box .loc em{font-weight:500;color:#F7D25D}
#ktplay .nw-hero .item .box .abt{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-hero .item .box .str{display:flex;align-items:center;gap:1rem}
#ktplay .nw-hero .item .box .str .star{display:flex;align-items:center;gap:.2rem;font-size:1.4rem;font-weight:400;color:#545454}
#ktplay .nw-hero .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-hero .item .box .str .star.none{color:#545454}
#ktplay .nw-hero .item .box .str .star.none i{background-image:url("/img/etc/ico-nwstar-none.svg")}
#ktplay .nw-hero .item .box .txt{padding:1rem 0 0 0}
#ktplay .nw-hero .item .box .ico{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}
#ktplay .nw-hero .item .box .ico i{display:inline-block;width:3rem;height:3rem;vertical-align:middle}
#ktplay .nw-hero .item .box .ico em{display:inline-block;margin:0 1rem 0 0;font-size:1.4rem;font-weight:800;vertical-align:middle}
#ktplay .nw-hero .item .box .tit em{display:block;padding:0 0 .5rem 0;font-size:1.2rem;font-weight:700;color:#2f2f2f}
#ktplay .nw-hero .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-hero .item .box .tit a{display:block;font-size:1.4rem;word-break:break-all}
#ktplay .nw-hero .item .box .txt a{display:block;line-height:1.4;font-size:1.7rem}
#ktplay .nw-hero .item .box .txt span{display:inline-block;padding:0 .5rem;font-size:1.2rem;font-weight:700;color:#999}
#ktplay .nw-hero .item .box .prc{display:flex;align-items:center}
#ktplay .nw-hero .item .box .prc.between{/*justify-content:space-between*/}
#ktplay .nw-hero .item .box .prc strong.sale{padding:0 1rem 0 0;font-size:1.6rem;font-weight:700;color:#3182f5}
#ktplay .nw-hero .item .box .prc strong{line-height:1.4;font-size:2rem;color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .nw-hero .item .box .prc strong + strong{padding:0 0 0 .5rem}
#ktplay .nw-hero .item .box .prc span{font-size:1.4rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .nw-hero .item .box .prc del{font-size:1.4rem;color:#83878f}
#ktplay .nw-hero .item .box .prc .sale{color:#3182f5}
#ktplay .nw-hero .item .box .prc .pce + span{padding:0 1.2rem 0 .2rem}
#ktplay .nw-hero .item .box .sal{display:flex;align-items:center;text-decoration:line-through}
#ktplay .nw-hero .item .box .sal strong{font-size:1.4rem;color:#8f8f8f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .nw-hero .item .box .sal span{font-size:1.4rem;color:#8f8f8f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .nw-hero .item .box .etc{padding:1rem 0 0 0;font-size:0}
#ktplay .nw-hero .item .box .etc span{display:inline-block;padding:0 .8rem 0 0;vertical-align:middle}
#ktplay .nw-hero .item .box .etc i{display:inline-block;font-size:1.8rem;color:#4a4a4a;vertical-align:middle}
#ktplay .nw-hero .item .box .etc em{display:inline-block;padding:0 .4rem;font-size:1.4rem;vertical-align:middle;color:#83878f}
#ktplay .nw-hero .item .box .stt{display:flex;align-items:center}
#ktplay .nw-hero .item .box .stt 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-hero .item .box .stt em{padding:0 .2rem;font-size:1.2rem;vertical-align:middle;color:#ababab}
#ktplay .nw-hero .item .box .dey{display:flex;align-items:center;gap:.6rem;padding-top:.6rem}
#ktplay .nw-hero .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-hero .item .box .dey .dy1{border:.1rem solid;border-image:linear-gradient(90deg, #6256ED 0%, #55A3FF 100%);border-image-slice:1}
#ktplay .nw-hero .item .box .dey .dy1 span{background:linear-gradient(90deg, #6256ED 0%, #55A3FF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#ktplay .nw-hero .item .box .dey .dy2{color:#fff;background:linear-gradient(90deg, #6256ED 0%, #55A3FF 100%)}
#ktplay .nw-hero .item .box .dey .dy3{color:#fff;background:linear-gradient(90deg, #55A3FF 0%, #1FDB5F 100%)}
#ktplay .nw-hero .item .xi-thumbs-up,
#ktplay .nw-hero .item .xi-heart{color:#3182f5 !important}
#ktplay .nw-hero .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-hero .item .numb:before{content:'';position:absolute;top:.3rem;left:0;width:.1rem;height:1rem;background:#ededed}
#ktplay .nw-hero .item .stt{padding:.5rem 0}
#ktplay .nw-hero .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-hero .item .stt .stt1{color:#fff;background:#3182f5}
#ktplay .nw-hero .item .stt .stt2{color:#fff;background:#3182f5}
#ktplay .nw-hero .locl{display:block;width:1rem;height:1.8rem;background:url("/img/ico/ico-locl.svg") no-repeat 50% 50%}
#ktplay .nw-hero .pick{display:block;width:1rem;height:1.8rem;background:url("/img/ico/ico-pick.svg") no-repeat 50% 50%}

/*상품구성*/
#ktplay .prod .item{display:block;margin:0 .8rem 2.4rem 0}

#ktplay .prod .item .grb{display:flex;align-items:center;gap:.4rem;position:absolute;z-index:2;top:1rem;left:1rem}
#ktplay .prod .item .grb span{display:flex;align-items:center;justify-content:center;min-width:5rem;height:2.8rem;background:rgb(255 255 255 / 80%);border-radius:3.2rem}
#ktplay .prod .item .grb .typ1{font-size:1.4rem;font-weight:700;color:#545454}
#ktplay .prod .item .grb .typ2{font-size:1.4rem;font-weight:700;color:#3182f5}
#ktplay .prod .item .grb .typ3{font-size:1.4rem;font-weight:700;color:#000000}
#ktplay .prod .item .box{padding:.6rem 0}
#ktplay .prod .item .chk-ht,
#ktplay .prod .item .chk-ht + label em{display:none}
#ktplay .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 .prod .item .chk-ht:checked + label{background-image:url("/img/user/chk-ht2.svg") !important}

#ktplay .prod .item .dongne.act .opt{margin-left:1.6rem}
#ktplay .prod .item .title{padding:2rem}
#ktplay .prod .item .img{display:block;margin:0 !important;position:relative;overflow:hidden}
#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 .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 .ht{position:absolute;z-index:2;bottom:1rem;right:1rem;display:block;width:3.2rem;height:3.2rem}
#ktplay .prod .item .img .image{display:block;padding-bottom:100%;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;background-size:cover}
#ktplay .prod .item .img .image:before{content:'';position:absolute;top:0;bottom:0;right:0;left:0;background:linear-gradient(180deg, rgb(0 0 0 / 0) 0%, rgb(0 0 0 / 1%) 100%)}
#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 .box .txt{padding:1rem 0 0 0}
#ktplay .prod .item .lab .news{display:inline-block;padding:.5rem 1rem;font-size:1.2rem;color:#fff;background:#ff6767;border-radius:.4rem}
#ktplay .prod .item .lab .even{display:inline-block;padding:.5rem 1rem;font-size:1.2rem;color:#fff;background:#3c9c5e;border-radius:.4rem}
#ktplay .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 .prod .item .lab .ck{position:absolute;z-index:2;top:1rem;left:1rem;display:block;width:3.2rem;height:3.2rem}
#ktplay .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 .prod .item .lab .rb.act{color:#3182F5 !important;background:rgb(255 255 255 / 80%) !important}
#ktplay .prod .item .lab .ht{position:absolute;z-index:2;bottom:1rem;right:1rem;display:block;width:3.2rem;height:3.2rem}
#ktplay .prod .item .lab .act{color:#fff !important;background:#3182f5 !important}
#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;line-height:1;font-size:1rem}
#ktplay .prod .item .val{padding:0 0 1rem 0;font-size:1rem;color:#83878f}
#ktplay .prod .item .box .tit em{font-size:1.4rem;font-weight:400}
#ktplay .prod .item .box .tit span{display:block;line-height:1.4;font-size:1.6rem;font-weight:700;color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .prod .item .box .tit a{display:block;font-size:1.4rem;word-break:break-all}
#ktplay .prod .item .box .txt a{display:block;line-height:1.4;font-size:1.7rem}
#ktplay .prod .item .box .txt span{display:inline-block;padding:0 .5rem;font-size:1.2rem;font-weight:700;color:#999}
#ktplay .prod .item .box .prc{display:flex;align-items:center}
#ktplay .prod .item .box .prc.between{justify-content:space-between}
#ktplay .prod .item .box .prc strong.sale{padding:0 1rem 0 0;font-size:1.6rem;font-weight:700;color:#3182f5}
#ktplay .prod .item .box .prc strong{line-height:1.4;font-size:2rem;color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .prod .item .box .prc strong + strong{padding:0 0 0 .5rem}
#ktplay .prod .item .box .prc span{font-size:1.4rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .prod .item .box .prc del{font-size:1.4rem;color:#83878f}
#ktplay .prod .item .box .prc .sale{color:#3182f5}
#ktplay .prod .item .box .prc .pce + span{padding:0 1.2rem 0 .2rem}
#ktplay .prod .item .box .sal{display:flex;align-items:center;text-decoration:line-through}
#ktplay .prod .item .box .sal strong{font-size:1.4rem;color:#8f8f8f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .prod .item .box .sal span{font-size:1.4rem;color:#8f8f8f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .prod .item .box .etc{padding:1rem 0 0 0;font-size:0}
#ktplay .prod .item .box .etc span{display:inline-block;padding:0 .8rem 0 0;vertical-align:middle}
#ktplay .prod .item .box .etc i{display:inline-block;font-size:1.8rem;color:#4a4a4a;vertical-align:middle}
#ktplay .prod .item .box .etc em{display:inline-block;padding:0 .4rem;font-size:1.4rem;vertical-align:middle;color:#83878f}
#ktplay .prod .item .box .str{display:flex;align-items:center;padding:.6rem 0 0 0}
#ktplay .prod .item .box .str 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 .prod .item .box .str em{padding:0 .2rem;font-size:1.2rem;vertical-align:middle;color:#ababab}
#ktplay .prod .item .xi-thumbs-up,
#ktplay .prod .item .xi-heart{color:#3182f5 !important}
#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.row1{display:flex;flex-wrap:wrap;align-content:flex-start;gap:2.4rem;margin:0;padding:1.6rem;padding-bottom:6.4rem}
#ktplay .prod.row1 .item{display:flex;align-items:flex-start;gap:1.2rem;position:relative;margin:0 !important}
#ktplay .prod.row1 .inner{width:100%}
#ktplay .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 .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 .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 .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 .prod.row1 .ck{position:absolute;z-index:2;top:1rem;left:1rem;display:block;width:3.2rem;height:3.2rem}
#ktplay .prod.row1 .chk-ht,
#ktplay .prod.row1 .chk-ht + label em{display:none}
#ktplay .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 .prod.row1 .chk-ht:checked + label{background-image:url("/img/user/chk-ht2.svg") !important}
#ktplay .prod.row1 .chk-ck,
#ktplay .prod.row1 .chk-ck + label em{display:none}
#ktplay .prod.row1 .chk-ck + label{display:block;width:2rem;height:2rem;background-color:#fff}
#ktplay .prod.row1 .chk-ck:checked + label{background:#3182f5 url("/img/user/chk-ck1.svg") no-repeat 50% 50%}
#ktplay .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 .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 .prod.row1 .item .img{position:static !important;min-width:13.2rem}
#ktplay .prod.row1 .item .img .image:before{background:linear-gradient(180deg, rgb(0 0 0 / 0) 0%, rgb(0 0 0 / 0) 0%)}
#ktplay .prod.row1 .item .img .image{position:relative;width:13rem;height:14rem;padding:0 !important}
#ktplay .prod.row1 .item .box{display:flex;flex-direction:column;justify-content:space-between;padding:0 !important;height:14.2rem}
#ktplay .prod.row1 .item .box .tit em{font-size:1.4rem;font-weight:400}
#ktplay .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 .prod.row1 .item .box .tit a{display:block;font-size:1.2rem;word-break:break-all}
#ktplay .prod.row1 .item .box .txt a{display:block;line-height:1.4;font-size:1.3rem}
#ktplay .prod.row1 .item .box .txt span{display:inline-block;padding:0 .5rem;font-size:1.2rem;font-weight:700;color:#999}
#ktplay .prod.row1 .item .box .prc{display:flex;align-items:center}
#ktplay .prod.row1 .item .box .prc.between{justify-content:space-between}
#ktplay .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 .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 .prod.row1 .item .box .prc strong + strong{padding:0 0 0 .5rem}
#ktplay .prod.row1 .item .box .prc span{font-size:1.4rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .prod.row1 .item .box .prc del{font-size:1.4rem;color:#83878f}
#ktplay .prod.row1 .item .box .prc .sale{color:#3182f5}
#ktplay .prod.row1 .item .box .prc .pce + span{padding:0 1.2rem 0 .2rem}
#ktplay .prod.row1 .item .box .sal{display:flex;align-items:center;text-decoration:line-through}
#ktplay .prod.row1 .item .box .sal strong{font-size:1.4rem;color:#8f8f8f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .prod.row1 .item .box .sal span{font-size:1.4rem;color:#8f8f8f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .prod.row1 .item .box .etc{padding:1rem 0 0 0;font-size:0}
#ktplay .prod.row1 .item .box .etc span{display:inline-block;padding:0 .8rem 0 0;vertical-align:middle}
#ktplay .prod.row1 .item .box .etc i{display:inline-block;font-size:1.8rem;color:#4a4a4a;vertical-align:middle}
#ktplay .prod.row1 .item .box .etc em{display:inline-block;padding:0 .4rem;font-size:1.4rem;vertical-align:middle;color:#83878f}
#ktplay .prod.row1 .item .box .str{display:flex;align-items:center;position:absolute;bottom:3.4rem;padding:0 !important}
#ktplay .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 .prod.row1 .item .box .str em{padding:0 .2rem;font-size:1.2rem;vertical-align:middle;color:#ababab}

#ktplay .prod.col1 .item{margin:0 0 2.4rem 0}

#ktplay .prod.col2{display:flex;flex-wrap:wrap;align-content:flex-start;margin:0 -.8rem 0 0;padding:1.6rem;background:#fff}
#ktplay .prod.col2 .item{margin:0 .8rem 2.4rem 0}
#ktplay .prod.col2 .inner{width:50%}
#ktplay .prod.col2 .ht{position:absolute;z-index:2;bottom:1rem;right:1rem;display:block;width:3.2rem;height:3.2rem}
#ktplay .prod.col2 .ck{position:absolute;z-index:2;top:1rem;left:1rem;display:block;width:3.2rem;height:3.2rem}
#ktplay .prod.col2 .chk-ht,
#ktplay .prod.col2 .chk-ht + label em{display:none}
#ktplay .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 .prod.col2 .chk-ht:checked + label{background-image:url("/img/user/chk-ht2.svg") !important}
#ktplay .prod.col2 .chk-ck,
#ktplay .prod.col2 .chk-ck + label em{display:none}
#ktplay .prod.col2 .chk-ck + label{display:block;width:2rem;height:2rem;background-color:#fff}
#ktplay .prod.col2 .chk-ck:checked + label{background:#3182f5 url("/img/user/chk-ck1.svg") no-repeat 50% 50%}
#ktplay .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 .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 .prod.col2 + .button .bt-order.act{color:#fff;border:.1rem solid #3182f5;background:#3182f5}

#ktplay .prod.col3{display:flex;flex-wrap:wrap;align-content:flex-start;margin:0 -.8rem 0 0;padding:1.6rem;padding-bottom:6.4rem}
#ktplay .prod.col3 .item{margin:0 .8rem 1.6rem 0}
#ktplay .prod.col3 .inner{width:33.33%}
#ktplay .prod.col3 .ht{position:absolute;z-index:2;bottom:1rem;right:1rem;display:block;width:3.2rem;height:3.2rem}
#ktplay .prod.col3 .ck{position:absolute;z-index:2;top:1rem;left:1rem;display:block;width:3.2rem;height:3.2rem}
#ktplay .prod.col3 .chk-ht,
#ktplay .prod.col3 .chk-ht + label em{display:none}
#ktplay .prod.col3 .chk-ht + label{display:block;width:3.2rem;height:3.2rem;background:url("/img/user/chk-ht1.svg") no-repeat 50% 50%}
#ktplay .prod.col3 .chk-ht:checked + label{background-image:url("/img/user/chk-ht2.svg") !important}
#ktplay .prod.col3 .chk-ck,
#ktplay .prod.col3 .chk-ck + label em{display:none}
#ktplay .prod.col3 .chk-ck + label{display:block;width:2rem;height:2rem;background-color:#fff}
#ktplay .prod.col3 .chk-ck:checked + label{background:#3182f5 url("/img/user/chk-ck1.svg") no-repeat 50% 50%}
#ktplay .prod.col3 + .button{display:flex;align-items:center;position:fixed;z-index:10;bottom:0;padding:0 1.6rem;width:100%;height:8rem;background:#fff}
#ktplay .prod.col3 + .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 .prod.col3 .box .tit{padding:.8rem 0 0 0}
#ktplay .prod.col3 .box .tit em{font-size:1.2rem;font-weight:400}
#ktplay .prod.col3 .box .tit span{display:block;line-height:1.4;font-size:1.4rem;font-weight:700;color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .prod.col3 .box .tit a{display:block;font-size:1.2rem;word-break:break-all}
#ktplay .prod.col3 .box .txt a{display:block;line-height:1.4;font-size:1.3rem}
#ktplay .prod.col3 .box .txt span{display:inline-block;padding:0 .5rem;font-size:1.2rem;font-weight:700;color:#999}
#ktplay .prod.col3 .box .prc{display:flex;align-items:center}
#ktplay .prod.col3 .box .prc.between{justify-content:space-between}
#ktplay .prod.col3 .box .prc strong.sale{padding:0 1rem 0 0;font-size:1.4rem;font-weight:700;color:#3182f5}
#ktplay .prod.col3 .box .prc strong{line-height:1.4;font-size:1.4rem;color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .prod.col3 .box .prc strong + strong{padding:0 0 0 .5rem}
#ktplay .prod.col3 .box .prc span{font-size:1.4rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .prod.col3 .box .prc del{font-size:1.4rem;color:#83878f}
#ktplay .prod.col3 .box .prc .sale{color:#3182f5}
#ktplay .prod.col3 .box .prc .pce + span{padding:0 1.2rem 0 .2rem}
#ktplay .prod.col3 .box .sal{display:flex;align-items:center;text-decoration:line-through}
#ktplay .prod.col3 .box .sal strong{font-size:1.4rem;color:#8f8f8f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .prod.col3 .box .sal span{font-size:1.4rem;color:#8f8f8f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#ktplay .prod.col3 .box .etc{padding:1rem 0 0 0;font-size:0}
#ktplay .prod.col3 .box .etc span{display:inline-block;padding:0 .8rem 0 0;vertical-align:middle}
#ktplay .prod.col3 .box .etc i{display:inline-block;font-size:1.8rem;color:#4a4a4a;vertical-align:middle}
#ktplay .prod.col3 .box .etc em{display:inline-block;padding:0 .4rem;font-size:1.4rem;vertical-align:middle;color:#83878f}
#ktplay .prod.col3 .box .str{display:flex;align-items:center;padding:.6rem 0 0 0}
#ktplay .prod.col3 .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 .prod.col3 .box .str em{padding:0 .2rem;font-size:1.2rem;vertical-align:middle;color:#ababab}


#ktplay .sld-nav-dp2{position:relative;padding:0 1.6rem;background:#fff;overflow:hidden}
#ktplay .sld-nav-dp2:before{content:'';position:absolute;bottom:0;right:0;left:0;height:.1rem;background:#cdcdcd}
#ktplay .sld-nav-dp2 .swiper-slide{display:flex;align-items:center;width:auto !important;cursor:pointer}
#ktplay .sld-nav-dp2 .swiper-slide .ktlink{display:flex;align-items:center;position:relative;height:4.4rem;font-size:1.5rem;font-weight:400;text-align:center;white-space:nowrap;color:#3d3d3d}
#ktplay .sld-nav-dp2 .swiper-slide .ktlink:hover,
#ktplay .sld-nav-dp2 .swiper-slide .ktlink.act{font-weight:700;color:#000}
#ktplay .sld-nav-dp2 .swiper-slide .ktlink:hover:after,
#ktplay .sld-nav-dp2 .swiper-slide .ktlink.act:after{content:'';position:absolute;bottom:0;right:0;left:0;border-bottom:.3rem solid #3182f5}

#ktplay .sld-nav-dp3{position:relative;padding:1.2rem 1.6rem;overflow:hidden}
#ktplay .sld-nav-dp3 .swiper-slide{display:flex;align-items:center;width:auto !important;cursor:pointer}
#ktplay .sld-nav-dp3 .swiper-slide .innr{display:block;width:auto !important}
#ktplay .sld-nav-dp3 .swiper-slide .tit{display:flex;align-items:center;padding:0 1.4rem;height:3.2rem;font-size:1.2rem;font-weight:400;color:#3182f5;border:.1rem solid #3182f5;background:#e9f1fc;border-radius:3rem}
#ktplay .sld-nav-dp3 .swiper-slide .tit.act{color:#fff;border:.1rem solid #3182f5;background:#3182f5}

#ktplay .tabs-box.white{background:#fff}
#ktplay .tabs-box.white .swp-nav-dp2{position:relative;padding:0 1.6rem;height:9.4rem;background:#F9F9F9;overflow:hidden}
#ktplay .tabs-box.white .swp-nav-dp2:before{content:'';position:absolute;bottom:0;right:0;left:0;height:0;background:none}

#ktplay .swp-nav-dp2{position:relative;padding:0 1.6rem;height:9.4rem;background:#F9F9F9;overflow:hidden}
#ktplay .swp-nav-dp2:before{content:'';position:absolute;bottom:0;right:0;left:0;height:.1rem;background:#cdcdcd}
#ktplay .swp-nav-dp2 .swiper-slide{display:flex;align-items:center;width:auto !important;cursor:pointer}
#ktplay .swp-nav-dp2 .swiper-slide .ktlink{display:flex;align-items:center;flex-flow:column;gap:.6rem;font-size:1.2rem;font-weight:400;text-align:center;white-space:nowrap;color:#3d3d3d}
#ktplay .swp-nav-dp2 .swiper-slide .ktlink.act{font-weight:700;color:#000}
#ktplay .swp-nav-dp2 .swiper-slide .ktlink:before{content:'';display:flex;justify-content:center;min-width:4.4rem;height:4.4rem;border:.1rem solid transparent;border-radius:4.4rem}
#ktplay .swp-nav-dp2 .swiper-slide .ktlink.act:before{border:.1rem solid #000}
#ktplay .swp-nav-dp2.nav-dp21 .swiper-slide:nth-child(1) .ktlink:before{background:#9E9E9E url("/data/ico/acateall.png") no-repeat 50% 50%}
#ktplay .swp-nav-dp2.nav-dp21 .swiper-slide:nth-child(1) .ktlink.act:before{background:#2F2F2F url("/data/ico/acateall.png") no-repeat 50% 50%}
#ktplay .swp-nav-dp2.nav-dp22 .swiper-slide:nth-child(1) .ktlink:before{background:#9E9E9E url("/data/ico/acateall.png") no-repeat 50% 50%}
#ktplay .swp-nav-dp2.nav-dp22 .swiper-slide:nth-child(1) .ktlink.act:before{background:#2F2F2F url("/data/ico/acateall.png") no-repeat 50% 50%}
#ktplay .swp-nav-dp2.nav-dp23 .swiper-slide:nth-child(1) .ktlink:before{background:#9E9E9E url("/data/ico/acateall.png") no-repeat 50% 50%}
#ktplay .swp-nav-dp2.nav-dp23 .swiper-slide:nth-child(1) .ktlink.act:before{background:#2F2F2F url("/data/ico/acateall.png") no-repeat 50% 50%}

#ktplay .swp-nav-dp2.nav-dp21 .swiper-slide:nth-child(2) .ktlink:before{background:url("/data/ico/acate11.png") no-repeat 50% 50%}
#ktplay .swp-nav-dp2.nav-dp21 .swiper-slide:nth-child(3) .ktlink:before{background:url("/data/ico/acate12.png") no-repeat 50% 50%}
#ktplay .swp-nav-dp2.nav-dp21 .swiper-slide:nth-child(4) .ktlink:before{background:url("/data/ico/acate13.png") no-repeat 50% 50%}
#ktplay .swp-nav-dp2.nav-dp21 .swiper-slide:nth-child(5) .ktlink:before{background:url("/data/ico/acate14.png") no-repeat 50% 50%}
#ktplay .swp-nav-dp2.nav-dp21 .swiper-slide:nth-child(6) .ktlink:before{background:url("/data/ico/acate15.png") no-repeat 50% 50%}
#ktplay .swp-nav-dp2.nav-dp21 .swiper-slide:nth-child(7) .ktlink:before{background:url("/data/ico/acate16.png") no-repeat 50% 50%}
#ktplay .swp-nav-dp2.nav-dp21 .swiper-slide:nth-child(8) .ktlink:before{background:url("/data/ico/acate17.png") no-repeat 50% 50%}
#ktplay .swp-nav-dp2.nav-dp21 .swiper-slide:nth-child(9) .ktlink:before{background:url("/data/ico/acate18.png") no-repeat 50% 50%}

#ktplay .swp-nav-dp2.nav-dp22 .swiper-slide:nth-child(2) .ktlink:before{background:url("/data/ico/acate21.png") no-repeat 50% 50%}
#ktplay .swp-nav-dp2.nav-dp22 .swiper-slide:nth-child(3) .ktlink:before{background:url("/data/ico/acate22.png") no-repeat 50% 50%}
#ktplay .swp-nav-dp2.nav-dp22 .swiper-slide:nth-child(4) .ktlink:before{background:url("/data/ico/acate23.png") no-repeat 50% 50%}
#ktplay .swp-nav-dp2.nav-dp22 .swiper-slide:nth-child(5) .ktlink:before{background:url("/data/ico/acate24.png") no-repeat 50% 50%}
#ktplay .swp-nav-dp2.nav-dp22 .swiper-slide:nth-child(6) .ktlink:before{background:url("/data/ico/acate25.png") no-repeat 50% 50%}
#ktplay .swp-nav-dp2.nav-dp22 .swiper-slide:nth-child(7) .ktlink:before{background:url("/data/ico/acate26.png") no-repeat 50% 50%}
#ktplay .swp-nav-dp2.nav-dp22 .swiper-slide:nth-child(8) .ktlink:before{background:url("/data/ico/acate27.png") no-repeat 50% 50%}

#ktplay .swp-nav-dp2.nav-dp23 .swiper-slide:nth-child(2) .ktlink:before{background:url("/data/ico/acate31.png") no-repeat 50% 50%}
#ktplay .swp-nav-dp2.nav-dp23 .swiper-slide:nth-child(3) .ktlink:before{background:url("/data/ico/acate32.png") no-repeat 50% 50%}
#ktplay .swp-nav-dp2.nav-dp23 .swiper-slide:nth-child(4) .ktlink:before{background:url("/data/ico/acate33.png") no-repeat 50% 50%}
#ktplay .swp-nav-dp2.nav-dp23 .swiper-slide:nth-child(5) .ktlink:before{background:url("/data/ico/acate34.png") no-repeat 50% 50%}

#ktplay .nwnav + .sort-title{padding:0 0 1.6rem 0}
#ktplay .sort-title{display:flex;align-items:center;justify-content:flex-end;padding:1.6rem 0}
#ktplay .sort-title label{padding-right:1.4rem}
#ktplay .sort-title label:before{margin-right:.4rem}
#ktplay .sort-title + .prod{padding-top:0 !important}
#ktplay .tbnav + .sort-title{padding:1.6rem 0 0 0}


#ktplay .magazine-list{overflow:hidden}
#ktplay .magazine-list .title{margin:0 auto;padding-bottom:2rem;width:28.2rem}
#ktplay .magazine-list .title h3{font-size:2.4rem;font-weight:700}
#ktplay .magazine-list .inner{padding:2.4rem 0 0 0}
#ktplay .magazine-list .inner + .inner{padding:5rem 0 0 0}
#ktplay .magazine-list .item .img{display:flex;align-items:center;height:32rem}
#ktplay .magazine-list .item .img .image{width:28.2rem;height:28.6rem;background-color:#eee;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden;transition:all .2s;box-shadow:0 0 0 rgba(0, 0, 0, 0)}
#ktplay .magazine-list .item .img .swiper-slide-active{height:32rem;box-shadow:1rem 1rem 1rem rgba(0, 0, 0, 0.3)}
#ktplay .magazine-list .item .box{margin:0 auto;padding-top:2rem;width:28.2rem}
#ktplay .magazine-list .item .box .tit{font-size:1.8rem;font-weight:400;color:#000;white-space:nowrap;overflow:hidden}
#ktplay .magazine-list .item .box .txt{padding:2rem 0;font-size:1.4rem;font-weight:400;color:#545454;border-bottom:.1rem solid #2f2f2f}
#ktplay .magazine-list .item .box .opt{display:flex;align-items:center;justify-content:space-between;padding:1.4rem 0}
#ktplay .magazine-list .item .box .bt-watch{padding-right:3.4rem;font-size:1.8rem;font-weight:700;color:#000;background:url("/img/user/ico-watch.svg") no-repeat 100% 50%}

/**/
#age-write{min-height:calc(100vh - 9.5rem)}
#age-write .form .input{position:relative;padding:0 0 .8rem 0}
#age-write .form .selbox{display:flex;align-items:center;justify-content:space-between;position:relative;height:5.9rem;font-size:1.6rem;color:#2f2f2f;border-bottom:.1rem solid #cdcdcd}
#age-write .form .selbox i{width:2rem;height:2rem;background:url("/img/user/ico-select.svg") no-repeat 50% 50%}
#age-write .form .textbox .ta-txt{display:block;width:100%;min-height:calc(100vh / 2);line-height:1.6;font-size:1.6rem;color:#2f2f2f;border:0;resize:none}
#age-write .form .map{position:relative;margin:.8rem 0 1rem 0}
#age-write .form .map .bt-map{display:flex;align-items:center;padding:0 1rem;height:4rem;font-size:1.4rem;color:#545454;border:.1rem solid #cdcdcd;border-radius:4rem}
#age-write .form .map .bt-map i{display:block;margin-right:.6rem;min-width:2rem;height:2rem;background:url("/img/user/ico-mpin2.svg") no-repeat 50% 50%}
#age-write .form .map .bt-map span{display:block;margin-right:2rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#age-write .form .map .bt-cls{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;width:2rem;height:2rem;background:url("/img/gnb/h-btn-close.svg") no-repeat 50% 50% / 1.2rem auto}
#age-write .form .prdadd{padding:.8rem 1.6rem 1.6rem 1.6rem;overflow:hidden}

/**/
#age-head .head-area{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;min-height:6rem;background:#fff}
#age-head .head-area *{line-height:1}
#age-head .head-area h1{display:flex;align-items:center;gap:.8rem}
#age-head .head-area h1 strong{font-size:1.8rem;color:#000;border-bottom:.1rem solid #fff;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
#age-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}
#age-head .head-area h1 span:before{content:'';display:block;margin:0 1rem;width:.1rem;height:1.2rem;background:#cdcdcd}
#age-head .head-area .maker{min-width:2rem;height:3rem;background:url("/img/gnb/h-btn-area.svg") no-repeat 50% 50%}
#age-head .head-icon{display:flex;align-items:center;gap:.6rem}
#age-head .head-icon a{display:block;position:relative;width:3rem;height:3rem}
#age-head .head-icon a span{display:none}
#age-head .head-icon a i{position:absolute;z-index:2;top:1.5rem;right:1.5rem;width:1rem;height:1rem;font-size:0;background:#ffee00;border-radius:1rem;overflow:hidden}
#age-head .head-icon .fillter{background:url("/img/gnb/h-btn-fillter.svg") no-repeat 50% 50% / 3rem auto}
#age-head .head-icon .search{background:url("/img/gnb/h-btn-search.svg") no-repeat 50% 50% / 3rem auto}
#age-head .head-icon .alarm{background:url("/img/gnb/h-btn-bell.svg") no-repeat 50% 50% / 3rem auto}
#age-head .head-icon .alarm em{position:absolute;top:.2rem;right:-.4rem;display:block;padding:0 .4rem;min-width:1.6rem;line-height:1.6rem;font-size:1rem;font-weight:700;text-align:center;color:#fff;background:#000;box-shadow:0 .4rem .8rem 0 rgb(0 0 0 / 10%);border-radius:2rem}
#age-head .head-icon .cart{background:url("/img/gnb/h-btn-cart.svg") no-repeat 50% 50% / 3rem auto}
#age-head .head-icon .cart em{position:absolute;top:.2rem;right:-.4rem;display:block;padding:0 .4rem;min-width:1.6rem;line-height:1.6rem;font-size:1rem;font-weight:700;text-align:center;color:#fff;background:#000;box-shadow:0 .4rem .8rem 0 rgb(0 0 0 / 10%);border-radius:2rem}

#header .title{display:flex;align-items:center;justify-content:space-between;position:relative;background:#fff}
#header .title h3{display:block;font-size:1.8rem;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#header .title .flex{display:flex;align-items:center}
#header .title .srch{display:flex;align-items:center}
#header .title .srch .ip-txt{}
#header .title.none{border-bottom:0;background:none}
#header .title.bott{border-bottom:.1rem solid #cdcdcd}

#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/gnb/h-btn-search.svg") no-repeat 50% 50%}
#header .head .prev{display:flex;width:5rem;height:5rem;background:url("/img/gnb/h-btn-prev.svg") no-repeat 50% 50%}
#header .head .srch{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 5rem)}
#header .head .close{display:flex;width:5rem;height:5rem;background:url("/img/gnb/h-btn-close.svg") no-repeat 50% 50%}

#header .title .prev{display:flex;width:5rem;height:5rem;background:url("/img/gnb/h-btn-prev.svg") no-repeat 50% 50%}
#header .title .home{display:flex;width:2.4rem;height:5rem;background:url("/img/gnb/h-btn-home.svg") no-repeat 50% 50%}
#header .title .search{display:flex;width:5rem;height:5rem;background:url("/img/gnb/h-btn-search.svg") no-repeat 50% 50%}
#header .title .share{display:flex;width:5rem;height:5rem;background:url("/img/gnb/h-btn-share.svg") no-repeat 50% 50%}
#header .title .cart{display:flex;width:5rem;height:5rem;background:url("/img/gnb/h-btn-cart.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/gnb/h-btn-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{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 .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 .none{display:flex;width:5rem;height:5rem}

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

#age-foot .navbtn{position:relative;background:#fff;box-shadow:0 -.5rem 1rem rgb(0 0 0 / 5%)}
#age-foot .navbtn ul{display:flex;padding:0 1.2rem}
#age-foot .navbtn ul.owner li{min-width:25%}
#age-foot .navbtn ul.user li{min-width:20%}
#age-foot .navbtn li{display:flex;align-items:center;justify-content:center;flex-basis:25%;height:5.8rem}
#age-foot .navbtn li a{display:flex;align-items:center;flex-direction:column;font-size:1.2rem;font-weight:400;color:#83878f}
#age-foot .navbtn li a i{width:3rem;height:3rem}
#age-foot .navbtn li.act a{color:#000}
#age-foot .navbtn .btn{position:absolute;top:-7rem;right:1.6rem}
#age-foot .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/*;box-shadow:0 0 1.5rem 0 rgb(49 130 245 / 35%)*/}
#age-foot .navbtn .fnb1{background:url("/img/gnb/nav-01.svg") no-repeat 50% 50% / 3rem auto}
#age-foot .navbtn .fnb2{background:url("/img/gnb/nav-02.svg") no-repeat 50% 50% / 3rem auto}
#age-foot .navbtn .fnb3{background:url("/img/gnb/nav-03.svg") no-repeat 50% 50% / 3rem auto}
#age-foot .navbtn .fnb4{background:url("/img/gnb/nav-04.svg") no-repeat 50% 50% / 3rem auto}
#age-foot .navbtn .fnb5{background:url("/img/gnb/nav-05.svg") no-repeat 50% 50% / 3rem auto}
#age-foot .navbtn .act .fnb1{background-image:url("/img/gnb/nav-01-act.svg")}
#age-foot .navbtn .act .fnb2{background-image:url("/img/gnb/nav-02-act.svg")}
#age-foot .navbtn .act .fnb3{background-image:url("/img/gnb/nav-03-act.svg")}
#age-foot .navbtn .act .fnb4{background-image:url("/img/gnb/nav-04-act.svg")}
#age-foot .navbtn .act .fnb5{background-image:url("/img/gnb/nav-05-act.svg")}


#age-foot .navbtn .gnb1{background:url("/img/gnb/hero-nv01.svg") no-repeat 50% 50% / 3rem auto}
#age-foot .navbtn .gnb2{background:url("/img/gnb/hero-nv02.svg") no-repeat 50% 50% / 3rem auto}
#age-foot .navbtn .gnb3{background:url("/img/gnb/hero-nv03.svg") no-repeat 50% 50% / 3rem auto}
#age-foot .navbtn .gnb4{background:url("/img/gnb/hero-nv04.svg") no-repeat 50% 50% / 3rem auto}
#age-foot .navbtn .gnb5{background:url("/img/gnb/hero-nv05.svg") no-repeat 50% 50% / 3rem auto}
#age-foot .navbtn .act .gnb1{background-image:url("/img/gnb/hero-nv01-act.svg")}
#age-foot .navbtn .act .gnb2{background-image:url("/img/gnb/hero-nv02-act.svg")}
#age-foot .navbtn .act .gnb3{background-image:url("/img/gnb/hero-nv03-act.svg")}
#age-foot .navbtn .act .gnb4{background-image:url("/img/gnb/hero-nv04-act.svg")}
#age-foot .navbtn .act .gnb5{background-image:url("/img/gnb/hero-nv05-act.svg")}


#age-talk{position:sticky;z-index:100;bottom:0}
#age-talk .scrbtn{display:flex;flex-direction:column;align-items:center;gap:.4rem;position:absolute;bottom:9rem;right:1.6rem}
#age-talk .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}
#age-talk .scrbtn .bt i{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}
#age-talk .scrbtn .bt-top i{background:url("/img/user/scr-top.svg") no-repeat 50% 50%}
#age-talk .scrbtn .bt-dow i{background:url("/img/user/scr-dow.svg") no-repeat 50% 50%}
#age-talk .ordbtn{display:flex;align-items:center;padding:0 1.6rem;height:8rem;background:#fff;box-shadow:0 -.1rem 1rem rgb(0 0 0 / 10%)}
#age-talk .ordbtn .innr{display:flex;align-items:center}
#age-talk .ordbtn .bt-option{display:block;width:100%;height:4.6rem;font-size:1.6rem;font-weight:500;color:#fff;text-align:center;border:.1rem solid #000;background:#000}
#age-talk .ordbtn .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}
#age-talk .ordbtn .innr.fb88p{gap:.7rem}
#age-talk .ordbtn .soldout{display:flex;align-items:center;justify-content:center;width:100%;height:4.6rem;font-size:1.6rem;font-weight:500;color:#000;background:#eee;border-radius:1rem}
#age-talk .message{display:flex;align-items:center;height:8rem;background:#fff;box-shadow:0 -.1rem 1rem rgb(0 0 0 / 10%)}
#age-talk .message .ip-txt{padding:0 1.2rem;width:100%;height:4.8rem;font-size:1.6rem;color:#2f2f2f;border:.1rem solid #f4f4f4;background:#f4f4f4;border-radius:1rem}
#age-talk .message .ip-txt::placeholder{color:#8a8a8a}
#age-talk .message .bt-option{min-width:4.8rem;height:4.8rem;background:url("/img/user/bt-option.svg") no-repeat 50% 50%}
#age-talk .message .bt-entry{margin:0 1.6rem 0 .4rem;min-width:5.4rem;height:4.8rem;font-size:1.6rem;font-weight:700;color:#cdcdcd;border:.1rem solid #000;background:#000;border-radius:.6rem}
/*#age-talk .message .bt-entry:focus{color:#fff;border:.1rem solid #3182f5;background:#3182f5}*/
#age-talk .message .bt-entry.act{color:#fff;border:.1rem solid #3182f5;background:#3182f5}
#age-talk .prdadd{padding:.8rem 1.6rem;overflow:hidden}

#footer .txtbtn{padding:.8rem 1.6rem 0 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;padding:1.5rem;background:#fff}
#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 #fcf4f5;background:#fcf4f5;border-radius:.6rem}
#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:.6rem}
#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:.6rem}
#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 .add-box{position:sticky;bottom:0;left:0;right:0;display:flex;align-items:center;padding:0 1.6rem;height:4.4rem;background:#eee}
#footer .add-box .pic-add{display:flex;align-items:center;padding-right:1.4rem;font-size:1.2rem;color:#8A8A8A}
#footer .add-box .pic-add .ico-pic{width:2.4rem;height:2.4rem;background:url("/img/user/ico-pic.svg") no-repeat 50% 50%}
#footer .add-box .pin-add{display:flex;align-items:center;font-size:1.2rem;color:#8A8A8A}
#footer .add-box .pin-add .ico-pin{width:2.4rem;height:2.4rem;background:url("/img/user/ico-pin.svg") no-repeat 50% 50%}

#search .modal-search{position:relative;z-index:1;background:#fff}
#search .modal-search .hd{position:relative;z-index:1}
#search .modal-search .hd .tit{display:flex;align-items:center;justify-content:center;height:5rem}
#search .modal-search .hd .tit h3{font-size:1.6rem;text-align:center}
#search .modal-search .hd .btn{position:absolute;top:0;left:0;z-index:2}
#search .modal-search .hd .btn .bt-close{width:5rem;height:5rem;background:url("/img/gnb/h-btn-close.svg") no-repeat 50% 50%}
#search .modal-search .hd .title{display:flex;align-items:center}
#search .modal-search .hd .prev{display:flex;width:5rem;height:5rem;background:url("/img/gnb/h-btn-prev.svg") no-repeat 50% 50%}
#search .modal-search .hd .srch{display:flex;align-items:center;justify-content:space-between;margin:0 1.6rem 0 0;width:calc(100% - 5rem)}
#search .modal-search .article.hidden{position:relative;z-index:-1;opacity:0;visibility:hidden}
#search .modal-search .article .adds h3{padding:2rem 1.6rem 1.2rem 1.6rem;border-bottom:.1rem solid #eee}
#search .modal-search .article .adds .list{padding:0 1.6rem;height:calc(100vh - 42rem);overflow:hidden;overflow-y:auto} 
#search .modal-search .article .adds .innr{position:relative;padding:1.6rem 0}
#search .modal-search .article .adds .innr .btn{position:absolute;top:0;right:0}
#search .modal-search .article .adds .innr + .innr{border-top:.1rem solid #eee}
#search .modal-search .article .adds .innr .tit{display:flex;align-items:center;font-size:1.6rem;font-weight:500;color:#3182f5}
#search .modal-search .article .adds .innr .tit em{font-size:1.2rem;font-weight:400;color:#8a8a8a}
#search .modal-search .article .adds .innr .add{padding:.6rem 0;font-size:1.4rem;font-weight:700;color:#2f2f2f}
#search .modal-search .article .adds .innr .min{display:flex;align-items:center;font-size:1.2rem;font-weight:400;color:#8a8a8a}
#search .modal-search .article .adds .innr .min em{margin:0 .2rem 0 0;padding:.1rem .4rem;font-size:1rem;font-weight:500;color:#fff;background:#000}
#search .modal-search .article .adds .innr .btn{position:absolute;top:2.8rem;right:1.6rem}
#search .modal-search .article .adds .innr .btn .bt-sel{width:7.5rem;height:4.2rem;font-size:1.6rem;font-weight:700;text-align:center;color:#fff;background:#3182f5;border-radius:.6rem}
#search .modal-search .input{padding:1.6rem 1.6rem 3rem 1.6rem}
#search .modal-search .input fieldset{display:flex;align-items:center;justify-content:space-between}
#search .modal-search .button .bt{display:block;width:100%;height:4.5rem;font-size:1.4rem;font-weight:400}
#search .modal-search .button .bt:hover{color:#000}
#search .modal-search .button .bt + .bt{border-top:.1rem solid #eee}
#search .modal-search .ft .bt{display:block;width:100%;height:5rem}
#search .modal-search .ip-txt{padding:0 1.2rem;width:100%;height:4.8rem;font-size:1.6rem;color:#2f2f2f;border:0;background:#f4f4f4;border-radius:.6rem}
#search .modal-search .ip-txt::placeholder{color:#8a8a8a}
#search .modal-search .bt-search{margin-left:.4rem;min-width:5.4rem;height:4.8rem;font-size:1.6rem;font-weight:700;text-align:center;color:#fff;background:#000;border-radius:.6rem}
#search .modal-search .bt-search.act{background:#3182f5}
#search .modal-search .bt-aerial{margin:0 auto;padding:0 3rem 0 4rem !important;width:auto !important;color:#fff;background:#3182f5 url("/img/user/ico-aerial.svg") no-repeat 1.6rem 50%}
#search .modal-search .bt-aerial:hover{color:#fff !important}
#search .modal-search .result2{padding:3.2rem 1.6rem}
#search .modal-search .result2 .list h4{padding:0 0 1rem 0;font-size:1.6rem;font-weight:700;color:#000}
#search .modal-search .result2 .list ul{height:calc(100vh - 28rem);overflow:hidden;overflow-y:auto}
#search .modal-search .result2 .list li{display:flex;align-items:center}
#search .modal-search .result2 .list li + li{border-top:.1rem solid #eee}
#search .modal-search .result2 .list li a{display:block;width:100%;line-height:4.8rem;font-size:1.6rem;font-weight:400;color:#2f2f2f}
#search .modal-search .result2 .list li a:hover,
#search .modal-search .result2 .list li a.act{padding:0 1.6rem;color:#fff;background:#3182f5}
#search .modal-search .result2 .list dl{padding-top:1.6rem}
#search .modal-search .result2 .list dt{font-size:1.6rem;font-weight:500;color:#3182f5}
#search .modal-search .result2 .list dd{font-size:1.4rem;font-weight:400;color:#8a8a8a}

/**/
#search .nocontent{display:flex;align-items:center;justify-content:center;position:absolute;z-index:10;top:0;bottom:0;right:0;left:0;min-height:calc(100vh / 2)}
#search .nocontent.hidden{display:none}
#search .nocontent .txt{line-height:1.6;font-size:1.4rem;color:#b8b8b8;text-align:center}

/**/
#searcher{min-height:calc(100vh - 5rem)/*;background:#f4f4f4*/}
#searcher .searcher{padding:2rem 0 0 0;background:#fff}
#searcher .searcher .tit{display:flex;align-items:center;justify-content:space-between;padding:0 1.6rem 1.6rem 1.6rem}
#searcher .searcher .tit h3{font-size:1.8rem;font-weight:700;color:#000}
#searcher .searcher .tit h3 strong{font-size:1.8rem;color:#3182f5}
#searcher .searcher .tit button{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:.6rem}

#searcher .keyword{padding:0 0 4rem 0}
#searcher .keyword .con{display:flex;flex-wrap:wrap;margin-right:-1.4rem}
#searcher .keyword .con .innr{display:flex;align-items:center;flex-basis:50%}
#searcher .keyword .con .btn{display:flex;align-items:center;justify-content:space-between;width:100%;margin-right:1.4rem;height:4rem;border-bottom:.1rem solid #e6e6e6}
#searcher .keyword .con .btn .ico-close{display:block;width:1.2rem;height:1.2rem;background:url("/img/user/ico-keyword-close.svg") no-repeat 50% 50%}

#searcher .hashtag{padding:0 0 4rem 0}
#searcher .hashtag .con{display:flex;flex-wrap:wrap;gap:1rem;margin:0 1.5rem}
#searcher .hashtag .con .innr{display:flex;align-items:center}
#searcher .hashtag .con .btn{display:flex;align-items:center;gap:.8rem;padding:0 1.2rem;height:3.2rem;border:.1rem solid #f4f4f4;background:#f4f4f4;border-radius:3.2rem}
#searcher .hashtag .con .btn .ico-close{display:block;width:1.2rem;height:1.2rem;background:url("/img/user/ico-keyword-close.svg") no-repeat 50% 50%}

#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 .ktwrap{overflow:hidden}
#searcher .store-scraw .innr{display:block;width:auto !important}
#searcher .store-scraw .btn{display:flex;align-items:center;padding:0 1.8rem;height:3rem;font-size:1.2rem;font-weight:700;color:#3182f5;border:.1rem solid #E9F1FC;background:#E9F1FC;border-radius:3rem}
#searcher .store-scraw .btn.act{color:#fff;border:.1rem solid #3182f5;background:#3182f5}

#searcher .store-prod .box{border:.1rem solid #ccc;border-top:0}

.store-none{display:flex;justify-content:center;flex-direction:column;/*padding:20vh 0 50vh 0;*/min-height:calc(100vh - 30rem);text-align:center}
.store-none .sub{font-size:1.2rem;font-weight:500;color:#737373}
.store-none .top{line-height:1.4;font-size:1.8rem;font-weight:700;color:#000}
.store-none .top strong{color:#3182F5}
.store-none .tit{padding:.2rem 0 1.6rem 0;font-size:2rem;font-weight:700;color:#000}
.store-none .txt{font-size:1.4rem;font-weight:300;color:#737373}
.store-none .btn{display:flex;align-items:center;justify-content:center;padding:2rem 0 3.2rem 0}
.store-none .btn .bt{display:block;margin:0 auto;width:18rem;height:4rem;font-size:1.4rem;font-weight:400;color:#fff;background:#000}
.store-none .btn .bt:hover{color:#fff}
.store-none .btn .bt-ready{display:flex;align-items:center;justify-content:center;min-width:18.8rem;height:4.4rem;font-size:1.4rem;font-weight:700;color:#fff;background:#3182F5}


/* 탭메뉴 */
.tab_nav{display:flex;align-items:center;justify-content:space-between;position:relative;padding:0 1.6rem;background:#fff}
.tab_nav:before{content:'';position:absolute;bottom:0;right:0;left:0;border-bottom:.1rem solid #cdcdcd}
.tab_nav li{}
.tab_nav li a{display:flex;align-items:center;position:relative;padding:0 1rem;height:4.4rem;font-size:1.5rem;font-weight:400;text-align:center;white-space:nowrap;color:#3d3d3d}
.tab_nav li a:hover,
.tab_nav li.act a{font-weight:700;color:#000}
.tab_nav li a:hover:after,
.tab_nav li.act a:after{content:'';position:absolute;bottom:0;right:0;left:0;border-bottom:.3rem solid #3182f5}

.tab_con{display:none}

/* 슬라이드 */
.slider{}
.slider .swiper-slide{width:auto !important}
.slider .btn{display:flex;align-items:center;padding:0 1.4rem;height:3.2rem;font-size:1.2rem;font-weight:400;color:#3182f5;border:.1rem solid #3182f5;background:#e9f1fc;border-radius:3rem}
.slider .act .btn{color:#fff;border:.1rem solid #3182f5;background:#3182f5}

.tabs-box{overflow:hidden}
.tabs-box.white{background:#fff}

.tabs-nas2{display:flex;align-items:center;background:#fff}
.tabs-nas2 .act-marker{position:absolute;z-index:1;bottom:0;height:.2rem;background-color:#2F2F2F;transition:0.24s}
.tabs-nas2 .nav-item{display:flex;flex-basis:50%;align-items:center;justify-content:center;position:relative;z-index:2;height:5.6rem;font-size:1.8rem;font-weight:700;color:#9A9A9A;cursor:pointer}
.tabs-nas2 .nav-item.act{color:#2f2f2f}

.tabs-nav2{display:flex;align-items:center;border-bottom:.1rem solid #e6e6e6;background:#fff}
.tabs-nav2 .act-marker{position:absolute;z-index:1;bottom:-.1rem;height:.2rem;background-color:#3182f5;transition:0.24s}
.tabs-nav2 .nav-item{display:flex;align-items:center;justify-content:center;gap:.4rem;position:relative;z-index:2;width:100%;height:4.2rem;cursor:pointer}
.tabs-nav2 .nav-item strong{font-size:1.6rem;font-weight:400;color:#2f2f2f}
.tabs-nav2 .nav-item em{font-size:1.4rem;color:#3182f5}
.tabs-nav2 .nav-item.act strong{font-weight:700}

.tabs-nav3{display:flex;align-items:center;background:#000}
.tabs-nav3 .act-marker{position:absolute;z-index:1;top:0;bottom:0;background-color:#3182f5;transition:0.24s}
.tabs-nav3 .act-marker.w33p{width:33.34% !important}
.tabs-nav3 .nav-item{display:flex;flex-basis:33.33%;align-items:center;justify-content:center;position:relative;z-index:2;height:5.6rem;font-size:1.6rem;font-weight:700;color:#fff;cursor:pointer}

.tabs-nav3.bg-01{background:#fff}
.tabs-nav3.bg-01 .nav-item{color:#585858}
.tabs-nav3.bg-01 .nav-item.act{color:#3182F5}

.mnn{background:#fff !important;justify-content:space-around}
.mnn:before{content:'';position:absolute;bottom:0;right:0;left:0;height:.1rem;background:#E4E4E4}
.mnn .nav-item{flex-basis:auto !important;color:#AEAEAE !important;transition:0.24s}
.mnn .nav-item.act{position:relative;color:#2f2f2f !important;background:none}
.mnn .nav-item.act:before{content:'';position:absolute;width:3.1rem;bottom:0;height:.2rem;background:#2f2f2f}
.mnn .tabs-nav3.mnn2 .nav-item{flex-basis:50%}
.mnn .act-marker{display:none !important}

.tabs-nav3.mnn2 .nav-item{flex-basis:50%}
.tabs-nav4{display:flex;align-items:center;background:#000}
.tabs-nav4 .act-marker{position:absolute;z-index:1;top:0;bottom:0;background-color:#3182f5;transition:0.24s}
.tabs-nav4 .nav-item{display:flex;flex-basis:33.33%;align-items:center;justify-content:center;flex-direction:column;position:relative;z-index:2;height:5.4rem;font-size:1.6rem;font-weight:700;color:#fff;cursor:pointer}
.tabs-nav4 .nav-item div{display:none;align-items:center;font-size:1.2rem;font-weight:400;text-align:center}
.tabs-nav4 .nav-item em{display:inline-block;width:3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.tabs-nav4 .nav-item.dokrip{font-weight:400}

.tabs-nav5{display:flex;align-items:center;justify-content:space-around;border-bottom:.1rem solid #e6e6e6;background:#fff}
.tabs-nav5 .act-marker{display:none;position:absolute;z-index:1;bottom:0;height:.2rem;background-color:#3182f5;transition:0.24s}
.tabs-nav5 .nav-item{display:flex;align-items:center;justify-content:center;position:relative;z-index:2;font-size:1.6rem;font-weight:500;color:#000;cursor:pointer}
.tabs-nav5 .nav-item strong{display:flex;align-items:center;justify-content:center;height:4.2rem;font-size:1.6rem;font-weight:700;border-bottom:.2rem solid #fff}
.tabs-nav5 .nav-item.act strong{font-weight:700;border-bottom:.2rem solid #3182f5}

.tabs-nav{position:sticky !important;z-index:80;top:5rem}
.tabs-nav .nav-item:nth-of-type(1).act ~ .act-marker.w50p{left:0}
.tabs-nav .nav-item:nth-of-type(2).act ~ .act-marker.w50p{left:50%}
.tabs-nav .nav-item:nth-of-type(1).act ~ .act-marker.w33p{left:0}
.tabs-nav .nav-item:nth-of-type(2).act ~ .act-marker.w33p{left:33.334%}
.tabs-nav .nav-item:nth-of-type(3).act ~ .act-marker.w33p{left:66.668%}
.tabs-nav .nav-item:nth-of-type(1).act ~ .act-marker.w25p{left:0}
.tabs-nav .nav-item:nth-of-type(2).act ~ .act-marker.w25p{left:25%}
.tabs-nav .nav-item:nth-of-type(3).act ~ .act-marker.w25p{left:50%}
.tabs-nav .nav-item:nth-of-type(4).act ~ .act-marker.w25p{left:75%}
.tabs-nav .nav-item:nth-of-type(1).act ~ .act-marker.w20p{left:0}
.tabs-nav .nav-item:nth-of-type(2).act ~ .act-marker.w20p{left:20%}
.tabs-nav .nav-item:nth-of-type(3).act ~ .act-marker.w20p{left:40%}
.tabs-nav .nav-item:nth-of-type(4).act ~ .act-marker.w20p{left:60%}
.tabs-nav .nav-item:nth-of-type(5).act ~ .act-marker.w20p{left:80%}
[data-tab-act=tab1]{display:block;left:0}
[data-tab-act=tab2]{display:block;left:-100%}
[data-tab-act=tab3]{display:block;left:-200%}
[data-tab-act=tab4]{display:block;left:-300%}
[data-tab-act=tab5]{display:block;left:-400%}
[data-tab-act=tab6]{display:block;left:-500%}
[data-tab-act=tab7]{display:block;left:-600%}
[data-tab-act=tab8]{display:block;left:-700%}
[data-tab-act=tab9]{display:block;left:-800%}

.tabs-mnav{position:sticky !important;z-index:80;top:5rem;display:flex;align-items:center;background:#000}
.tabs-mnav .nav-mitem:nth-of-type(1).act ~ .act-marker.w50p{left:0}
.tabs-mnav .nav-mitem:nth-of-type(2).act ~ .act-marker.w50p{left:50%}
.tabs-mnav .nav-mitem{display:flex;flex-basis:50%;align-items:center;justify-content:center;position:relative;z-index:2;height:5.6rem;font-size:1.6rem;font-weight:700;color:#fff;cursor:pointer}
.tabs-mnav .nav-mitem strong{line-height:4.2rem;font-size:1.6rem;font-weight:400;color:#2f2f2f}
.tabs-mnav .nav-mitem em{padding:0 0 0 .5rem;color:#3182f5}
.tabs-mnav .nav-mitem.act strong{font-weight:700}
.tabs-mnav .act-marker{position:absolute;z-index:1;top:0;bottom:0;background-color:#3182f5;transition:0.24s}
[data-mtab-act=mtab1]{display:block;left:0}
[data-mtab-act=mtab2]{display:block;left:-100%}
.tabs-mcontent{position:relative;flex-grow:1;display:flex;align-items:stretch;justify-content:space-between;transition:0.3s}

.act--bar{position:absolute;bottom:0;width:25%;height:.3rem;transition:0.24s}
.act--bar:before{content:'';display:block;margin:0 auto;width:50%;height:.3rem;background-color:#3182f5}
.tab--nav{position:relative;background:#fff}
.tab--nav:before{content:'';position:absolute;bottom:0;right:0;left:0;border-bottom:.1rem solid #cdcdcd}
.tab--nav .tab--grb{display:flex;position:relative;margin:0 1.6rem}
.tab--nav .tab--itm{display:flex;align-items:center;justify-content:center;flex-basis:25%;font-size:1.5rem;height:4.4rem;text-align:center;cursor:pointer}
.tab--nav .tab--itm:nth-of-type(1).act ~ .act--bar{left:0}
.tab--nav .tab--itm:nth-of-type(2).act ~ .act--bar{left:25%}
.tab--nav .tab--itm:nth-of-type(3).act ~ .act--bar{left:50%}
.tab--nav .tab--itm:nth-of-type(4).act ~ .act--bar{left:75%}
.tab--nav .tab--itm.act{font-weight:700}	
.tab--box{display:flex;flex-grow:1;align-items:stretch;justify-content:space-between;position:relative;width:400%;transition:0.3s}
.tab--section{width:100%;overflow:hidden}
[data-tab-act=tab-1]{left:0}
[data-tab-act=tab-2]{left:-100%}
[data-tab-act=tab-3]{left:-200%}
[data-tab-act=tab-4]{left:-300%}


.tabs-content{position:relative;flex-grow:1;display:flex;align-items:stretch;justify-content:space-between;transition:0.3s}
.tabs-content.w500p .tabs-section{}
.tabs-content.w500p .tabs-section .body-store{padding-top:1.6rem}
.tabs-content.w400p .tabs-section .body-store{}
.tabs-content.white .tabs-section .body-store{background:#fff}
.tabs-section{width:100%;overflow:hidden}

.ktnone{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 17rem)}
.ktnone .gag{padding:0 0 2rem 0;font-size:2.6rem;font-family:'Dokrip' !important}
.ktnone .img{display:block;position:relative;margin:0 auto/*;width:14rem;height:14rem;background:#f3f3f3;border-radius:20rem*/;overflow:hidden}
.ktnone .img i{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:6rem;color:#aaa}
.ktnone .tit{padding:2rem 0 1rem 0;font-size:1.8rem;font-weight:700;color:#000}
.ktnone .txt{font-size:1.6rem;font-weight:400;text-align:center;color:#2f2f2f}
.ktnone .btn{padding:1.6rem 0 0 0}
.ktnone .btn button{width:18rem;height:4.8rem;font-size:1.4rem;font-weight:700;text-align:center;color:#fff;background:#000}

.complet{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70vh}
.complet .img{display:block;position:relative;margin:0 auto;overflow:hidden}
.complet .tit{padding:2rem 0 1rem 0;font-size:2.4rem;font-weight:700;color:#000}
.complet .tit strong{color:#3182f5}
.complet .txt{font-size:1.4rem;font-weight:400;color:#8a8a8a}

.sticky{position:sticky !important;top:0;right:0;left:0}

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

.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;width:auto;max-width:100%;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:700}
.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}
}