:root{--parent-header-height: 8rem}
@media all and (max-width: 767px)
{:root{--parent-header-height: 5rem}}
.full-wrap.active{overflow-x:hidden}
main{min-height:calc(100vh - var(--parent-header-height) - 33.336rem);padding-bottom:16rem}
@media all and (max-width: 767px)
{main{min-height:calc(100vh - var(--parent-header-height));transition:transform .4s .1s}}main.active{transform:translateX(6rem);transition:transform .4s}@media all and (max-width: 767px){.content-wrap{padding-top:5rem}}.bg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.26);pointer-events:none;z-index:21;opacity:0}.bg.active{pointer-events:auto;opacity:1}.thumb{width:100%;overflow:hidden;border-radius:1rem}.thumb .app-icon{width:100%;height:100%}.header-gnb-01{position:sticky;top:0;background-color:#fff;z-index:20;transition:box-shadow .12s}@media all and (max-width: 767px){.header-gnb-01{display:none}}.header-gnb-01.__header_gnb.active{box-shadow:inset 0 1px 0 0 #e9ecef,0 2px 4px 0 rgba(0,0,0,.06)}.header-gnb-01>.inner{max-width:var(--max-width);width:100%;display:flex;align-items:center;justify-content:space-between;height:8rem;margin:0 auto;padding:0 2rem}.header-gnb-01 .logo img{height:2.8rem}.header-gnb-01 nav{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.header-gnb-01 nav ul{display:flex;align-items:center;gap:3.8rem}@media all and (max-width: 867px){.header-gnb-01 nav ul{gap:2rem}}.header-gnb-01 nav ul li{white-space:nowrap}.header-gnb-01 nav ul li *{font-size:1.6rem;font-weight:600}.header-gnb-01 nav ul li a{position:relative;padding:1.6rem}.header-gnb-01 nav ul li span{position:absolute;top:1rem;right:0;display:block;width:.5rem;transform:scale(0);opacity:0;pointer-events:none;aspect-ratio:1;border-radius:50%;background-color:var(--pmy-color);transition:.1s}.header-gnb-01 nav ul li.active span{transform:scale(1);opacity:1}.header-gnb-01 .user-menu{display:flex;align-items:center;gap:.6rem}.header-gnb-01 .user-menu .btn{border-radius:1rem}.header-gnb-01 .user-menu .cart-wrap{position:relative;padding:.6rem;border-radius:.6rem;text-align:center}.header-gnb-01 .user-menu .cart-wrap i{font-size:2.6rem}.header-gnb-01 .user-menu .cart-wrap .count{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;font-size:1.2rem;font-weight:500;color:#fff;border-radius:50%;background-color:var(--pmy-color)}.header-gnb-01 .user-menu .cart-wrap .tip{position:absolute;top:100%;left:0;padding:1.6rem;margin-top:.8rem;font-size:1.3rem;font-weight:600;border:1px solid var(--text-color-01);background-color:#fff;transform:translateY(1rem);border-radius:1rem;white-space:nowrap;box-shadow:0 2px 5px 0 rgba(20,23,26,.2);pointer-events:none;opacity:0;transition:.12s}.header-gnb-01 .user-menu .cart-wrap .tip::before{content:"";position:absolute;bottom:100%;width:.5rem;height:.5rem;margin-bottom:-0.25rem;transform:rotate(45deg);border:1px solid var(--text-color-01);border-bottom:0;border-right:0;background-color:#fff}@media(hover: hover)and (pointer: fine){.header-gnb-01 .user-menu .cart-wrap:hover .tip{transform:translateY(0);opacity:1}}.header-m-01{position:sticky;top:0;padding:0 2rem;display:none;width:100%;height:5rem;align-items:center;justify-content:space-between;background-color:#fff;border-bottom:1px solid rgba(0,0,0,0);z-index:20;overflow-x:hidden}.header-m-01.__header_m.active{border-color:var(--border-color-01)}@media all and (max-width: 767px){.header-m-01{display:flex}}.header-m-01 .logo img{height:2.2rem}.header-m-01 i{font-size:2.8rem}.__aside_toggle{position:relative;width:2.6rem;aspect-ratio:1}.__aside_toggle .grid-i{position:absolute;display:block;top:0;left:0;transition:.2s .2s}.__aside_toggle .grid-i.active{transform:translateX(2rem);opacity:0;transition:.2s}.__aside_toggle .times-i{position:absolute;display:block;top:0;left:0;transform:translateX(2rem);opacity:0;transition:.2s}.__aside_toggle .times-i.active{transform:translateX(0);opacity:1;transition:.2s .2s}.header-m-01 .count{position:absolute;top:-0.6rem;right:-0.6rem;display:flex;align-items:center;justify-content:center;width:1.6rem;aspect-ratio:1;font-size:1.2rem;font-weight:500;color:#fff;background-color:var(--pmy-color);border-radius:50%}.aside-m-01{position:fixed;top:0;left:0;display:none;flex-direction:column;gap:1rem;width:100%;height:100%;transform:translateX(-100%);padding:5rem 0 0;background-color:var(--gray-01);overflow-y:scroll;transition:transform .4s;z-index:19}.aside-m-01.active{transform:translateX(0)}@media all and (max-width: 767px){.aside-m-01{display:flex}}.aside-m-01>div{padding:4rem 2rem 2rem;background-color:#fff}.aside-m-01 .login-wrap h3{line-height:1.4}.aside-m-01 .login-wrap .login-menu{padding-top:2rem}.aside-m-01 .login-wrap .login-menu a{border-radius:2em}.aside-m-01 .main-menu{position:relative;padding:4rem 2rem 2rem;height:100%}.aside-m-01 .main-menu h4{font-size:1.2rem;color:var(--desc-color-01)}.aside-m-01 .main-menu ul{padding-top:1.6rem}.aside-m-01 .main-menu ul li a{display:block;padding:1rem 0;font-size:1.6rem;font-weight:500}.aside-m-01 .main-menu ul li:first-child a{padding-top:0}.aside-m-01 .main-menu .copyright2{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:1.2rem;color:var(--desc-color-01);padding-bottom:1.6rem}.header-m-sub{position:fixed;top:0;padding:0 2rem;display:none;align-items:center;justify-content:space-between;width:100%;height:5rem;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,0);background-color:#fff;background-color:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20}@media all and (max-width: 767px){.header-m-sub{display:flex}}.header-m-sub.__header_sub.active{border-color:var(--border-color-01)}.header-m-sub a,.header-m-sub i{font-size:2.2rem;font-weight:500;color:var(--text-color-02)}.header-m-sub .page-name{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:1.8rem;font-weight:600}.visual-box{padding:0 2rem}@media all and (max-width: 579px){.visual-box{padding:0}}.visual-box .visual-box__inner .swiper{width:100%;border-radius:1.6rem;color:#fff}@media all and (max-width: 579px){.visual-box .visual-box__inner .swiper{border-radius:0}}.visual-box .visual-box__inner .swiper .swiper-button-prev,.visual-box .visual-box__inner .swiper .swiper-button-next{display:none}.visual-box .visual-box__inner .swiper .swiper-scrollbar{max-width:16%;width:100%;background-color:rgba(0,0,0,.26);left:50%;bottom:1.6rem;transform:translateX(-50%)}.visual-box .visual-box__inner .swiper .swiper-scrollbar .swiper-scrollbar-drag{background-color:rgba(0,0,0,.46)}.main-wrap-01{display:flex;flex-direction:column;gap:4rem;max-width:var(--max-width);width:100%;margin:0 auto}.main-wrap-01 header{padding-bottom:1.6rem}.main-wrap-01 .middle{display:grid;grid-template-columns:1fr 36rem;gap:4rem;padding:0 2rem}@media all and (max-width: 767px){.main-wrap-01 .middle{display:flex;flex-direction:column}}.main-wrap-01 .middle .bnr-wrap{border-radius:1.6rem;overflow:hidden}.main-wrap-01 .middle .list-wrap{background-color:var(--gray-02);padding:2.6rem;border-radius:1.6rem;container-type:inline-size}@media all and (max-width: 579px){.main-wrap-01 .middle .list-wrap{padding:0;background-color:#fff;border-radius:0}}.main-wrap-01 .middle .list-wrap .prd-main-ul{display:grid;grid-template-columns:repeat(3, 1fr);gap:3.8rem 1.6rem}@media all and (max-width: 962px){.main-wrap-01 .middle .list-wrap .prd-main-ul{grid-template-columns:repeat(2, 1fr)}}@media all and (max-width: 767px){.main-wrap-01 .middle .list-wrap .prd-main-ul{grid-template-columns:repeat(3, 1fr)}}@media all and (max-width: 579px){.main-wrap-01 .middle .list-wrap .prd-main-ul{grid-template-columns:repeat(2, 1fr)}}.main-wrap-01 .middle .right-box header{padding:0 2rem 1.6rem}.main-wrap-01 .middle .right-box .right-box__inner{border:1px solid var(--border-color-01);border-radius:1.6rem;padding:2rem}.main-wrap-01 .middle .right-box .right-box__inner .date{position:relative;text-align:center;padding-right:1.6rem}.main-wrap-01 .middle .right-box .right-box__inner .date::before{content:"";position:absolute;left:100%;margin-left:-0.1rem;width:.2rem;height:100%;background-color:var(--border-color-02);opacity:.6}.main-wrap-01 .middle .right-box .right-box__inner .date b{display:block;font-size:1.6rem;font-weight:600;padding-bottom:.6rem}.main-wrap-01 .middle .right-box .right-box__inner .date p{font-size:1.3rem;font-weight:500}.main-wrap-01 .middle .right-box .right-box__inner .title{flex:1;padding-left:1.6rem}.main-wrap-01 .middle .right-box .right-box__inner .title em{line-height:1.4;font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.main-wrap-01 .middle .right-box .right-box__inner .content-box{background-color:var(--gray-01);padding:1.6rem;border-radius:1rem;line-height:1.4;font-size:1.3rem;color:var(--desc-color-01);font-weight:500}.main-wrap-01 .middle .right-box .right-box__inner .content-box .content-box__inner{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.main-wrap-01 .middle .right-box ul{padding-top:1.6rem}.main-wrap-01 .middle .right-box ul li{display:flex;align-items:center;width:100%;color:var(--desc-color-01);transition:.15s}.main-wrap-01 .middle .right-box ul li::before{content:"";min-width:.5rem;height:.5rem;background-color:var(--desc-color-01);border-radius:50%;margin-right:.6rem;transition:.15s}@media(hover: hover)and (pointer: fine){.main-wrap-01 .middle .right-box ul li:hover{color:var(--text-color-02)}.main-wrap-01 .middle .right-box ul li:hover::before{background-color:var(--text-color-02)}}.main-wrap-01 .middle .right-box ul li a{display:block;width:100%}.main-wrap-01 .middle .right-box ul li a div{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.6rem 0}.main-wrap-01 .middle .right-box ul li a div em{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.main-wrap-01 .middle .right-box ul li a div span{white-space:nowrap}.main-wrap-01 .middle .right-box ul li a div *{font-size:1.3rem;font-weight:500}.main-wrap-01 .middle .right-box .btn{margin-top:1.6rem;width:100%;height:5rem;font-weight:600;border-radius:1rem}.main-wrap-02{display:flex;flex-direction:column;gap:4rem;max-width:var(--max-width);width:100%;margin:0 auto}.main-wrap-02 header{padding-bottom:1.6rem}.main-wrap-02 .main-prds{padding:0 2rem}.main-wrap-02 .main-prds .main-prds__catalogs{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;max-width:54rem;width:100%;margin:0 auto}.main-wrap-02 .main-prds .main-prds__catalogs a{display:inline-flex;padding:1rem 2rem;border:1px solid var(--border-color-01);border-radius:2em;font-weight:500}.main-wrap-02 .main-prds .main-prds__catalogs a.active{color:#fff;background-color:var(--pmy-color)}.page-bnr{max-width:var(--max-width);width:100%;margin:0 auto;padding:0 2rem}@media all and (max-width: 579px){.page-bnr{padding:0;border-radius:0}}.page-bnr .page-bnr__inner{overflow:hidden;border-radius:1.6rem}@media all and (max-width: 579px){.page-bnr .page-bnr__inner{border-radius:0}}.products-area{max-width:calc(var(--max-width) - 12rem);width:100%;margin:0 auto;padding-top:4rem}.products-area.product-area--broadcast{max-width:calc(var(--max-width) - 12rem)}@media all and (max-width: 579px){.products-area{padding-top:0}}.products-area .inner{display:flex;flex-direction:column;gap:8rem;padding:0 2rem}@media all and (max-width: 579px){.products-area .inner{gap:1rem;padding:0;background-color:var(--gray-01)}}.products-area .inner .no-data{display:flex;align-items:center;justify-content:center;text-align:center;color:var(--desc-color-01);height:22rem;border-radius:1.6rem;background-color:var(--gray-01)}.products-area .category-wrap{container-type:inline-size;background-color:#fff}@media all and (max-width: 579px){.products-area .category-wrap{padding:3.8rem 2rem 2.6rem;box-shadow:0 0 2px -2px rgba(0,0,0,.02),0 1px 4px 0 rgba(0,0,0,.04)}}.products-area .category-wrap>header{display:flex;align-items:center;gap:.6rem;padding-bottom:3.2rem}.products-area .category-wrap>header h2{font-size:2.2rem;font-weight:600}@media all and (max-width: 767px){.products-area .category-wrap>header h2{font-size:2rem}}.products-area .category-wrap>header img{height:2.6rem}.tag-wrap .tag-wrap__inner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.6rem}.prd-ul{display:grid;grid-template-columns:repeat(4, 1fr);gap:3.8rem 1.6rem}@media all and (max-width: 767px){.prd-ul{grid-template-columns:repeat(3, 1fr)}}@media all and (max-width: 479px){.prd-ul{grid-template-columns:repeat(2, 1fr)}}@media all and (max-width: 867px){.list-type-basic{grid-template-columns:repeat(3, 1fr)}}@media all and (max-width: 579px){.list-type-basic{grid-template-columns:repeat(2, 1fr)}}@media all and (max-width: 379px){.list-type-basic{grid-template-columns:repeat(1, 1fr)}}.list-type-basic li a{display:block;padding:1.6rem 1.6rem 1.8rem;transition:.2s;box-shadow:0 0 20px rgba(227,230,236,.6);border-radius:1.6rem;background-color:#fff}@media all and (max-width: 767px){.list-type-basic li a{padding:1rem}}@media all and (max-width: 379px){.list-type-basic li a{padding:1.6rem}}.list-type-basic li a .thumb img{transition:.2s}@media(hover: hover)and (pointer: fine){.list-type-basic li a:hover{opacity:.9;transform:translateY(-1rem);box-shadow:0 20px 16px rgba(227,230,236,.6)}.list-type-basic li a:hover .thumb img{transform:scale(1.06)}}.list-type-basic li .bottom{padding:1.6rem 1.6rem 0;text-align:center}.list-type-basic li .bottom em{display:block;font-size:1.6rem;line-height:1.4;font-weight:600}.list-type-basic li .bottom .tag-wrap{padding-top:1.6rem}.list-type-bar li a{display:block;box-shadow:0 10px 16px rgba(227,230,236,.6);border-radius:1.6rem;overflow:hidden;transition:.2s;background-color:#fff}@media(hover: hover)and (pointer: fine){.list-type-bar li a:hover{opacity:.9;transform:translateY(-1rem);box-shadow:0 20px 16px rgba(227,230,236,.6)}}.list-type-bar li .box{border-radius:0}.list-type-bar li .box .thumb{border-radius:0}.list-type-bar li .box .bottom{padding:1.6rem 1rem;text-align:center}.list-type-bar li .box .bottom .tag-wrap{padding:0 0 1.6rem}.list-type-bar li .box .bottom em{display:block;font-size:1.4rem;line-height:1.4;font-weight:600}.list-type-3d{--3d-box-width: 14.2rem}@media all and (max-width: 889px){.list-type-3d{--3d-box-width: 13.6rem}}@media all and (max-width: 849px){.list-type-3d{--3d-box-width: 12rem}}@media all and (max-width: 767px){.list-type-3d{--3d-box-width: 14.2rem;gap:6.8rem 2rem !important}}@media all and (max-width: 659px){.list-type-3d{--3d-box-width: 12.2rem}}@media all and (max-width: 579px){.list-type-3d{--3d-box-width: 10.6rem}}@media all and (max-width: 512px){.list-type-3d{--3d-box-width: 9.6rem}}@media all and (max-width: 479px){.list-type-3d{--3d-box-width: 13rem}}@media all and (max-width: 429px){.list-type-3d{--3d-box-width: 11.2rem}}@media all and (max-width: 379px){.list-type-3d{--3d-box-width: 10.2rem}}.list-type-3d a{display:block;transition:.2s}
@media(hover: hover)and (pointer: fine){.list-type-3d a:hover{transform:translateY(-1rem)}}.list-type-3d .box-3d{position:relative;max-width:calc(var(--3d-box-width));width:100%;aspect-ratio:1;transform-style:preserve-3d;margin:0 auto;transform:perspective(1000px) rotateY(0);animation:identifier 12s linear infinite;will-change:transform}.list-type-3d .box-3d::before{content:"";position:absolute;max-width:var(--3d-box-width);width:100%;aspect-ratio:1;background-color:rgba(34,34,34,.3333333333);z-index:1000;transform:translateY(68%) rotateX(90deg) scale(1.1);filter:blur(2.4rem);opacity:.36}.list-type-3d .box-3d .card{position:absolute;top:0;left:0;width:100%;background:linear-gradient(90deg, #ddd, #eee);transform-origin:center;transform-style:preserve-3d;transform:rotateY(calc(var(--i) * 90deg)) translateZ(calc(var(--3d-box-width) / 2 - 0.09rem));will-change:transform}.list-type-3d .box-3d .card .img-box{position:relative;width:100%}.list-type-3d .box-3d .card .img-box img{position:absolute;top:0;left:0;width:100%;object-fit:cover}.list-type-3d .bottom-info{padding-top:4.8rem;text-align:center}@media all and (max-width: 579px){.list-type-3d .bottom-info{padding-top:3.8rem}}.list-type-3d .bottom-info em{display:block;font-size:1.4rem;font-weight:600;line-height:1.4;padding-top:1.2rem}@keyframes identifier{0%{transform:perspective(1000px) rotateY(0)}100%{transform:perspective(1000px) rotateY(360deg)}}





/*추가*/

.dc-box{position:relative;display:block;padding:.1rem;background-image:linear-gradient(81deg, rgb(88, 223, 224) 0%, rgb(27, 70, 215) 100%);border-radius:2em}.dc-box .dc-box__inner{justify-content:center;display:flex;align-items:center;padding:.4rem .8rem;border-radius:2em;background-color:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dc-box .dc-box__inner p{font-weight:700;font-size:1.2rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;width:100%;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:var(--pmy-color)}


/*추가*/
.view-area-01{max-width:calc(var(--max-width) - 12rem);width:100%;margin:0 auto;padding:4rem 2rem 6rem}
@media all and (max-width: 767px){.view-area-01{max-width:52rem}}
@media all and (max-width: 579px){.view-area-01{padding-top:0}}.view-area-01 .top{display:grid;grid-template-columns:1.2fr 1fr;gap:6rem}   
@media all and (max-width: 767px){.view-area-01 .top{grid-template-columns:repeat(1, 1fr);gap:2rem}}.view-area-01 .top .view-thumb{display:flex;align-items:center;justify-content:center}.view-area-01 .top .view-thumb img{border-radius:2.8rem}
@media all and (max-width: 579px){.view-area-01 .top .view-thumb img{border-radius:1.6rem}}.view-area-01 .top .info{padding-top:.8rem}.view-area-01 .top .info>header{padding-bottom:4rem}.view-area-01 .top .info>header span{font-size:1.5rem;font-weight:500;color:var(--desc-color-02);line-height:1.4}.view-area-01 .top .info>header h2{font-size:2.6rem;line-height:1.4}
@media all and (max-width: 579px){.view-area-01 .top .info>header h2{font-size:2rem}}.view-area-01 .top .info>header .desc{font-size:1.4rem;font-weight:400;line-height:1.4;color:var(--desc-color-01);padding-top:2rem;word-break:keep-all}.view-area-01 .top .info h3{font-size:1.8rem;font-weight:600;color:var(--desc-color-01);color:var(--text-color-02);padding-bottom:1.6rem}.view-area-01 .top .info .pay-type{background-color:#fff;padding-top:4rem}.view-area-01 .top .info .pay-type .desc{margin-top:.8rem;border:1px solid var(--border-color-01);font-size:1.4rem;font-weight:500;padding:1.6rem;line-height:1.4;background-color:var(--gray-01);background-color:#fff}.view-area-01 .top .info .pay-type .desc strong{color:var(--pmy-color);font-weight:600}.view-area-01 .top .info .op-main{container-type:inline-size}.view-area-01 .top .info .op-main .op-main__inner{display:grid;grid-template-columns:repeat(3, 1fr);align-items:center;gap:1rem;padding:0 0 1.6rem}@container (max-width: 378px){.view-area-01 .top .info .op-main .op-main__inner{grid-template-columns:repeat(2, 1fr) !important}}.view-area-01 .top .info .op-main .op-main__inner dl{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:5.6rem;height:100%;border:1px solid var(--gray-01);cursor:pointer;border-radius:1.2rem;padding:1.6rem 0;background-color:var(--gray-01);filter:grayscale(100%);opacity:.7;transition:.12s}@media(hover: hover)and (pointer: fine){.view-area-01 .top .info .op-main .op-main__inner dl:hover{filter:grayscale(0);opacity:1}.view-area-01 .top .info .op-main .op-main__inner dl:hover span{opacity:1 !important}}.view-area-01 .top .info .op-main .op-main__inner dl span{position:absolute;top:0;right:.8rem;transform:translateY(-65%);display:block;padding:.6rem 1rem;font-size:1.2rem;white-space:nowrap;color:#fff;background-color:#353746;border-radius:2em;box-shadow:0 1px 5px 0 rgba(20,23,26,.2);opacity:.4;transition:.12s}.view-area-01 .top .info .op-main .op-main__inner dl.active{filter:grayscale(0);opacity:1;border-color:var(--pmy-color);box-shadow:0 1px 5px 0 rgba(20,23,26,.3);pointer-events:none;background-color:#fff}.view-area-01 .top .info .op-main .op-main__inner dl.active span{background-color:var(--pmy-color);opacity:1}.view-area-01 .top .info .op-main .op-main__inner dl dt{padding-bottom:.8rem}.view-area-01 .top .info .op-main .op-main__inner dl dt img{height:3.2rem}.view-area-01 .top .info .op-main .op-main__inner dl p{font-weight:500}.view-area-01 .top .info .op-sub{container-type:inline-size;padding:1.6rem;border:1px solid var(--border-color-01);border-bottom:0;border-radius:1.6rem 1.6rem 0 0;background-color:var(--gray-01)}.view-area-01 .top .info .op-sub__inner{display:grid;grid-template-columns:repeat(3, 1fr);align-items:center;gap:1.6rem .6rem}.view-area-01 .top .info .op-sub__inner.op-sub--4{grid-template-columns:repeat(4, 1fr)}@container (max-width: 378px){.view-area-01 .top .info .op-sub__inner{grid-template-columns:repeat(3, 1fr) !important}}@container (max-width: 318px){.view-area-01 .top .info .op-sub__inner{grid-template-columns:repeat(2, 1fr) !important}}.view-area-01 .top .info .op-sub__inner .sub-op{all:unset;position:relative;display:flex;flex-direction:column;align-items:center;gap:.6rem;border:1px solid var(--border-color-02);padding:1.6rem .6rem;cursor:pointer;background-color:#fff;border-radius:1rem;transition:.12s}.view-area-01 .top .info .op-sub__inner .sub-op.disabled{pointer-events:none}.view-area-01 .top .info .op-sub__inner .sub-op.disabled *{filter:grayscale(100%)}.view-area-01 .top .info .op-sub__inner .sub-op.disabled>div{opacity:.4}.view-area-01 .top .info .op-sub__inner .sub-op *{font-size:1.5rem;line-height:1.4;font-weight:600}.view-area-01 .top .info .op-sub__inner .sub-op:active{border-color:#9100B3;}.view-area-01 .top .info .op-sub__inner .sub-op img{height:1.4rem;pointer-events:none}.view-area-01 .top .info .op-sub__inner .sub-op .desc{position:absolute;top:0;right:.6rem;transform:translateY(-50%);transition:.12s;pointer-events:none}.view-area-01 .top .info .op-sub__inner .sub-op .desc p{font-size:1.2rem;font-weight:500;color:var(--red-01);border:1px solid var(--border-color-02);padding:0rem .6rem;background-color:#fff;border-radius:2em}@media(hover: hover)and (pointer: fine){.view-area-01 .top .info .op-sub__inner .sub-op:hover{color:#9100B3; border-color:var(--pmy-color);box-shadow:0 1px 5px 0 rgba(20,23,26,.3)}.view-area-01 .top .info .op-sub__inner .sub-op:hover .desc{transform:translateY(-60%)}.view-area-01 .top .info .op-sub__inner .sub-op:hover .desc p{border-color:#9100B3; color:#9100B3;}}.view-area-01 .top .info .option-wrap{container-type:inline-size}.view-area-01 .top .info .option-wrap>header{padding:1rem 1.6rem}.view-area-01 .top .info .option-wrap .option-wrap__inner{border:1px dashed var(--border-color-01);background-color:#fff;border-radius:1rem;margin-top:1.6rem}.view-area-01 .top .info .option-wrap .option-wrap__inner>ul li{padding:0 1.6rem}.view-area-01 .top .info .option-wrap .option-wrap__inner>ul li .opitem-box{display:flex;align-items:center;justify-content:space-between;border-bottom:1px dashed var(--border-color-01);padding:1.2rem 0;min-height:9.4rem}.view-area-01 .top .info .option-wrap .option-wrap__inner>ul li .opitem-box .op-thumb{max-width:5.5rem;overflow:hidden;border-radius:1.2rem}.view-area-01 .top .info .option-wrap .option-wrap__inner>ul li .opitem-box .op-thumb img{max-width:5.5rem}.view-area-01 .top .info .option-wrap .option-wrap__inner>ul li .opitem-box .op-nm{display:flex;align-items:center;gap:.6rem;font-size:1.4rem;font-weight:500;height:3.2rem;padding-bottom:.8rem;color:var(--desc-color-02);padding-top:.4rem}.view-area-01 .top .info .option-wrap .option-wrap__inner>ul li .opitem-box .op-nm img{height:2rem}.view-area-01 .top .info .option-wrap .option-wrap__inner>ul li .opitem-box .op-price{display:flex;flex-direction:column;justify-content:space-between;text-align:right}.view-area-01 .top .info .option-wrap .option-wrap__inner>ul li .opitem-box .op-price span{display:block;font-size:1.2rem;color:var(--pmy-color);font-weight:600}.view-area-01 .top .info .option-wrap .option-wrap__inner>ul li .opitem-box .op-price .face-value{text-decoration:line-through;font-size:1.2rem;color:var(--desc-color-01);padding-bottom:.6rem}.view-area-01 .top .info .option-wrap .option-wrap__inner>ul li .opitem-box .op-price b{display:block;font-size:1.6rem;font-weight:600}.view-area-01 .top .info .option-wrap .option-wrap__inner>ul li .opitem-box i{cursor:pointer;}.view-area-01 .top .info .option-wrap .option-wrap__inner>ul li:last-child .opitem-box{border-bottom:0}.view-area-01 .top .info .option-wrap .no-data{display:flex;align-items:center;flex-direction:column;justify-content:center;border:1px dashed var(--border-color-02);height:9.1rem;padding:1.6rem;margin-top:1.6rem;color:var(--desc-color-01);text-align:center;border-radius:1rem;background-color:#fff}.view-area-01 .top .info .option-wrap .no-data i{font-size:2.8rem;opacity:.5}.view-area-01 .top .info .option-wrap .no-data p{font-size:1.4rem;padding-top:1rem;opacity:.8}.view-area-01 .top .info .option-wrap.option-wrap__once .__order_items{border:1px solid var(--border-color-01);border-bottom:0;background-color:var(--gray-01);border-radius:1.6rem 1.6rem 0 0;margin-top:0}.view-area-01 .top .info .buy-wrap{padding-top:2.8rem}.view-area-01 .top .info .buy-wrap .btns{display:flex;align-items:center;gap:.6rem}.view-area-01 .top .info .buy-wrap .btns .btn{height:5.6rem;font-size:1.6rem;font-weight:500;border-radius:1.6rem}.view-area-01 .top .info .buy-wrap .btns .btn.__cart{padding:0 1.6rem}.view-area-01 .top .info .buy-wrap .btns .btn:last-child{flex:1}.view-area-01 .__invoice_wrap .invoce__inner{border-radius:0 0 1.6rem 1.6rem}.view-area-01 .agree-area{padding:0 0 1.6rem}
.qty-01{display:inline-flex;align-items:center;justify-content:space-between;padding:.3rem 0;background-color:#f1f5f6;border-radius:1.2rem}.qty-01 .qty__input{overflow:hidden;border-radius:1rem;box-shadow:0 3px 5px rgba(0,0,0,.06)}.qty-01 .qty__input input{max-width:3.6rem;width:100%;height:2.8rem;text-align:center;font-size:1.4rem;font-weight:500;color:#383842}.qty-01 button{all:unset;display:flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;font-size:1.2rem;color:#4b525c;font-weight:600;cursor:pointer}.invoce dl{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;width:100%}.invoce dl *{font-size:1.6rem;font-weight:500}.invoce dl dt{position:relative;color:var(--desc-color-01)}.invoce dl dd{color:var(--text-color-01);font-weight:600}.invoce .invoce__inner{width:100%;border:1px solid var(--border-color-01);border-radius:1.6rem;overflow:hidden}.invoce .invoce__inner .payments{padding:1.6rem;border-bottom:1px solid var(--border-color-01)}.invoce .invoce__inner .payments .payments__inner{display:flex;align-items:center;gap:1rem}.invoce .invoce__inner .payments .payments__inner button{text-align:center !important; all:unset;max-width:13.6rem;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.8rem;padding:1.6rem 0;background-color:var(--gray-01);font-size:1.3rem;font-weight:500;border:1px solid var(--gray-01);border-radius:1.6rem;cursor:pointer}@media all and (max-width: 479px){.invoce .invoce__inner .payments .payments__inner button{flex:1;max-width:100%}}.invoce .invoce__inner .payments .payments__inner button i{font-size:2rem;color:var(--desc-color-03)}.invoce .invoce__inner .payments .payments__inner button.active{font-weight:600;color:var(--text-color-01);border-color:#9100B3;}.invoce .invoce__inner .payments .payments__inner button.active i{color:var(--pmy-color)}.invoce .invoce__inner .bill{display:flex;align-items:center;border-bottom:1px solid var(--border-color-01)}.invoce .invoce__inner .bill>div{position:relative;flex:1;text-align:center;padding:1.6rem;border-left:1px solid var(--border-color-01)}.invoce .invoce__inner .bill>div:first-child{border:0}.invoce .invoce__inner .bill>div span{font-size:1.3rem;font-weight:500;color:var(--desc-color-01)}.invoce .invoce__inner .bill>div p{font-size:1.5rem;font-weight:500;padding-top:1.2rem}.invoce .invoce__inner .bill>div p b{font-size:1.6rem;font-weight:600}.invoce .invoce__inner .bill>div .circle{position:absolute;top:50%;left:0%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;width:3rem;aspect-ratio:1;border:1px solid var(--border-color-01);background-color:#fff;border-radius:50%}.invoce .invoce__inner .total{padding:1rem 1.6rem;background-color:var(--gray-01)}.prd-detail{width:100%;background-color:var(--gray-01)}.prd-detail>header{padding-bottom:1.6rem}.prd-detail .detail__inner{display:flex;flex-direction:column;gap:4rem;max-width:calc(var(--max-width) - 12rem);margin:0 auto;padding:8rem 2rem}
.up10{background-color: #f1f5f6;border-radius: 1.2rem;padding: .8rem .8rem;}

@media all and (max-width: 767px){.prd-detail .detail__inner{max-width:52rem}}.prd-detail .detail__inner .ck{display:none}.prd-detail .detail__inner .notice .top{padding-bottom:1.6rem}.prd-detail .detail__inner .notice .top h3{font-size:2.2rem}.prd-detail .detail__inner .notice .top p{font-size:1.5rem;font-weight:400;color:var(--desc-color-01);line-height:2.2}.prd-detail .detail__inner .notice>.notice__inner{padding:2.6rem;background-color:#fff;border-radius:1.6rem;font-size:1.6rem;line-height:1.6;font-weight:400}@media all and (max-width: 767px){.prd-detail .detail__inner .notice>.notice__inner{padding:1.6rem}}.prd-detail .detail__inner .content{line-height:1.4;background-color:#fff}
@media all and (max-width: 767px){.prd-detail .detail__inner .content{padding:1.6rem} }
@media all and (max-width: 579px){.prd-detail .detail__inner .content  img{height:auto !important}}

.item-list-wrap{max-width:54rem;width:100%;margin:0 auto;padding:8rem 2rem 0}
@media all and (max-width: 767px){.item-list-wrap{padding-top:2rem}}
@media all and (max-width: 479px){.item-list-wrap{padding:2rem 0 0}}.item-list-wrap>header{padding-bottom:4rem}
@media all and (max-width: 767px){.item-list-wrap>header{display:none}}.item-list-wrap>header h2{font-size:1.8rem}
@media all and (max-width: 579px){.item-list-wrap>header h2{display:none}}.item-list-wrap .section-wrap{display:flex;flex-direction:column;gap:6rem}@media all and (max-width: 479px){.item-list-wrap .section-wrap{background-color:var(--gray-01);gap:1rem}}.item-list-wrap .section-wrap article>header{padding-bottom:1.6rem}.item-list-wrap .section-wrap article{background-color:#fff}
@media all and (max-width: 479px){.item-list-wrap .section-wrap article{padding:3.6rem 2rem 2.6rem}.item-list-wrap .section-wrap article:first-child{padding-top:0}}.item-list-wrap .item-list__top{display:flex;align-items:center;justify-content:space-between;width:100%;padding-bottom:.6rem}
@media all and (max-width: 479px){.item-list-wrap .item-list__top{padding:0 2rem .6rem}}.item-list-wrap .item-list__top>div{font-weight:500}.item-list-wrap .item-list__top>div b{color:var(--pmy-color);font-weight:600}.item-list-wrap .item-list__top .__remove_multiple{padding:0 1.6rem;font-weight:500;border-radius:.6rem;gap:.4rem}.item-list-wrap .item-list__top .__remove_multiple span{font-size:1rem}.item-list-wrap .item-list__ul{border-top:1px solid var(--border-color-02);border-bottom:1px solid var(--border-color-02)}.item-list-wrap .item-list__ul li{padding:1.6rem 0;border-bottom:1px dashed var(--border-color-01)}.item-list-wrap .item-list__ul li:last-child{border-bottom:0}.item-list-wrap .item-list__ul li .select{display:inline-flex;padding-bottom:.6rem}.item-list-wrap .item-list__ul li .select em{font-size:1.6rem;font-weight:500;line-height:1.4}.item-list-wrap .item-list__ul li .item-wrap{display:grid;grid-template-columns:1fr 12rem;align-items:center;width:100%}
@media all and (max-width: 479px){.item-list-wrap .item-list__ul li .item-wrap{grid-template-columns:1fr;gap:.6rem}}.item-list-wrap .item-list__ul li .item-wrap em{display:block;font-size:1.6rem;line-height:1.4;font-weight:500;padding:.3rem 0 .6rem}.item-list-wrap .item-list__ul li .item-wrap .brand{font-size:1.2rem;color:var(--desc-color-01)}.item-list-wrap .item-list__ul li .item-wrap .item-wrap__left{display:grid;grid-template-columns:6.5rem 1fr auto;gap:1.6rem}.item-list-wrap .item-list__ul li .item-wrap .item-wrap__left .thumb{aspect-ratio:1}.item-list-wrap .item-list__ul li .__face_value{text-align:right;font-size:1.3rem;text-decoration:line-through;color:var(--desc-color-01);padding:.6rem 0}.item-list-wrap .item-list__ul li .__selling_value{font-size:1.6rem;text-align:right;font-weight:600}.item-list-wrap .item-list__ul li .btns{padding-top:0}.item-list-wrap .item-list__ul li .btns .btn{border-radius:.6rem;font-weight:500}.item-list-wrap .item-list__ul li .btns .btn.remove{width:5.8rem;height:2.8rem;min-width:auto;font-size:1.4rem;padding:0;color:var(--desc-color-01)}.item-list-wrap .item-list__ul li .btns .btn.buy-once{border-color:#353746;background-color:#353746}.item-list-wrap .e-coupon .e-coupon__inner{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;font-size:1.4rem;font-weight:500;color:var(--desc-color-01);padding:1.6rem;border-radius:1rem;background-color:var(--gray-01)}
@media all and (max-width: 579px){.item-list-wrap .e-coupon .e-coupon__inner{padding:2.8rem 1.6rem 1.6rem;flex-direction:column}}.item-list-wrap .e-coupon .e-coupon__inner p{line-height:1.4}.item-list-wrap .e-coupon .e-coupon__inner button{gap:.6rem;border-color:#383842;min-width:auto;font-size:1.3rem;font-weight:500;padding:0 1.6rem;background-color:#383842;border-radius:.8rem;white-space:nowrap}@media all and (max-width: 579px){.item-list-wrap .e-coupon .e-coupon__inner button{width:100%}}.item-list-wrap .e-coupon .e-coupon__inner button i{font-size:1.6rem}.item-list-wrap .pay-info ul li{display:grid;align-items:center;grid-template-columns:minmax(9.6rem, 0.4fr) 1fr;height:4.6rem}.item-list-wrap .pay-info ul li *{font-weight:500}.item-list-wrap .pay-info ul li>p{color:var(--desc-color-01)}.item-list-wrap .pay-info ul li>div{color:var(--text-color-02)}.item-list-wrap .pay-info ul li .btn{display:inline-flex;font-size:1.4rem;font-weight:500;min-width:auto;height:3.2rem;padding:0 1.6rem}.item-list-wrap .notice-info .notice-info__box{padding:1.6rem;border-radius:1rem;background-color:var(--gray-01);line-height:1.4;font-size:1.5rem;color:var(--text-color-02)}.item-list-wrap .cart-smy{padding-top:4rem}.item-list-wrap .cart-smy .cart-smy__inner{padding-top:1.6rem}





/* 토글 추가*/

/* 기존의 checkbox 버튼 숨기기 */
.toggle-input {
    display: none;
}

/* 토글 스타일 지정*/
.toggle-label {
    position: relative;
    display: block;
    width: 34px;
    height: 18px;
    background-color: #ccc;
    border-radius: 12px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* 토글 버튼 스타일 지정 */
.toggle-label::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 14px;
    height: 14px;
    background-color: white;
    border-radius: 50%;
    transition: transform 0.3s ease;
}

/* 토글 ON 스타일 지정*/
.toggle-input:checked + .toggle-label {
    background-color: #9100B3;	/* 배경색 변경 */
}

/* 토글 ON인 경우에 버튼 위치 지정 */
.toggle-input:checked + .toggle-label::before {
    transform: translateX(16px);
}


.agree-area{padding:3rem 0;font-size:1.4rem;color:var(--text-color-02)}
.agree-area>.inner .checkbox .check-d{border:2px solid #9100B3;border-radius:50%}
.agree-area>.inner .checkbox .check-d svg{stroke:#9100B3;;stroke-width:3;opacity:1}
.agree-area>.inner .checkbox input:checked+.check-d{border-color: #9100B3; background: #9100B3;}
.agree-area>.inner .checkbox input:checked+.check-d svg{stroke:#fff}
.agree-area>.inner .checkbox p{line-height:1.4}
.agree-area span{text-decoration:underline;cursor:pointer}
.agree-area em{display:inline-flex;margin-top:1rem;font-size:1.2rem;line-height:1.4;color:var(--desc-color-01);font-weight:300}
.agree b{font-weight:600}
.ck-widget__type-around__button,.ck-reset_all{display:none !important}

.modal--agree{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);max-width:40rem;width:100%;padding:0 2rem;z-index:22;opacity:0;pointer-events:none}
.modal--agree.active{opacity:1;pointer-events:auto}
.modal--agree .inner{width:100%;background-color:#fff;border-radius:.8rem;padding:3rem}
.modal--agree ul{width:100%;padding-top:1rem}
.modal--agree ul li{min-height:4.7rem;line-height:4.7rem;border-bottom:1px solid var(--border-color-01);font-size:1.3rem;color:var(--text-color-02)}
.modal--agree ul li .agree-detail{display:none;width:100%;height:16rem;font-size:1.2rem;line-height:1.6rem;color:#888;background-color:var(--gray-01);margin-top:1rem;padding:1rem;border:1px solid var(--border-color-01);border-radius:.4rem;box-sizing:border-box;overflow-y:scroll}
.modal--agree ul li .agree-detail.active{display:block}
.modal--agree ul li button{all:unset;text-decoration:underline;cursor:pointer}
.modal--agree ul .checkbox .check-d{border:1px solid var(--text-color-02)}
.modal--agree ul .checkbox .check-d svg{stroke:var(--text-color-02);stroke-width:2;opacity:1}
.modal--agree ul .checkbox input:checked+.check-d{border-color:var(--text-color-02);background-color:var(--text-color-02)}
.modal--agree ul .checkbox input:checked+.check-d svg{stroke:#fff}
.modal--agree ul .check_all{font-size:1.6rem;font-weight:500}
.modal--agree ul .check_all .check-d{width:1.7rem;height:1.7rem;border:2px solid var(--text-color-02)}
.modal--agree .agree_btn{width:100%;margin-top:2rem;box-sizing:border-box;height:5rem;border-radius:.8rem}




/*추가*/
.empty-box{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;height:10.6rem;background-color:var(--gray-01);padding:1.6rem;border-radius:1rem;font-size:1.4rem;line-height:1.4;color:var(--desc-color-01)}
.empty-box i{font-size:1.8rem;margin-top:-0.2rem}
.mypage-wrap{display:flex;flex-direction:column;max-width:64rem;width:100%;margin:0 auto;padding-top:8rem}
@media all and (max-width: 767px){.mypage-wrap{padding-top:0}}
.mypage-wrap>header{padding:0 2rem 0;background-color:#fff}
@media all and (max-width: 767px){.mypage-wrap>header{padding-top:4rem}}
.mypage-wrap>header h2{font-size:1.8rem;font-weight:700}
@media all and (max-width: 767px){.mypage-wrap>header h2{display:none}}
.mypage-wrap>header span{font-size:1.3rem;color:var(--desc-color-01);line-height:1.4}
.mypage-wrap .m-message{font-size:1.8rem;font-weight:500;line-height:1.4;word-break:keep-all;padding-top:1.6rem}
@media all and (max-width: 767px){.mypage-wrap .m-message{padding:0}}
.mypage-wrap .m-message .desc{font-size:1.3rem;line-height:1.4;color:var(--desc-color-01)}
.mypage-wrap .state-menu{padding:2.8rem 2rem 0;background-color:#fff}
.mypage-wrap .state-menu .state-menu__inner{display:flex;align-items:center;padding:.6rem;background-color:var(--gray-01);border-radius:1.6rem}.mypage-wrap .state-menu dl{position:relative;flex:1;text-align:center;padding:1.6rem 0;cursor:pointer;border-radius:1rem;border:1px solid rgba(0,0,0,0)}.mypage-wrap .state-menu dl.active{border-color:var(--border-color-01);background-color:#fff}
.mypage-wrap .state-menu dl dt i{font-size:3.2rem}
.mypage-wrap .state-menu dl dd{display:flex;align-items:center;justify-content:center;gap:.6rem;font-size:1.4rem;font-weight:500;padding:.8rem 0 .6rem}.mypage-wrap .state-menu dl dd .cnt{position:absolute;top:.6rem;right:.6rem;display:inline-flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:600;padding:0 .6rem;min-width:2rem;height:2rem;color:rgb(var(--rgb)/100%);border:1px solid rgb(var(--rgb)/10%);background-color:rgb(var(--rgb)/10%);border-radius:1rem}
.mypage-wrap .my-menus{padding:6rem 1rem 0;background-color:#fff}
.mypage-wrap .my-menus>header{padding:0 1rem;padding-bottom:.6rem}
.mypage-wrap .my-menus>header h4{font-size:1.3rem;font-weight:500;color:var(--desc-color-01)}
.mypage-wrap .my-menus ul li{padding:0 1rem;cursor:pointer}
.mypage-wrap .my-menus ul li:active{background-color:var(--gray-01)}
.mypage-wrap .my-menus ul li .menu{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1.6rem 0}
.mypage-wrap .my-menus ul li .menu .left{display:flex;align-items:center;gap:.6rem}
.mypage-wrap .my-menus ul li .menu .left i{font-size:2rem}
.mypage-wrap .my-menus ul li .menu .left span{font-size:1.6rem;font-weight:500}
.mypage-wrap .my-menus ul li .menu .dworks-regular-angle-right{color:var(--desc-color-01)}

@media(hover: hover)and (pointer: fine){.mypage-wrap .my-menus ul li:hover{background-color:var(--gray-01)}}
.mypage-wrap .order-list{padding:4rem 2rem 0;background-color:#fff}
.mypage-wrap .order-list>header{padding-bottom:1.6rem}
.mypage-wrap .order-list>header h4{font-size:1.3rem;font-weight:500;color:var(--desc-color-01)}
.mypage-wrap .order-list ul{background-color:#fff}
.mypage-wrap .order-list ul li{display:grid;grid-template-columns:1fr 8rem;align-items:center;width:100%}
.mypage-wrap .order-list ul li.date{padding:4rem 0 1rem;font-size:1.3rem;font-weight:500;color:var(--desc-color-02)}
.mypage-wrap .order-list ul li.date:first-child{padding-top:0}
.mypage-wrap .order-list ul .item{display:flex;align-items:center;gap:1.6rem;padding:1.6rem 0;width:100%}
.mypage-wrap .order-list ul .item .thumb{width:7.5rem;aspect-ratio:1}
.mypage-wrap .order-list ul .item .item__info{width:100%}
.mypage-wrap .order-list ul .item .item__info em{font-size:1.5rem;font-weight:600;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.mypage-wrap .order-list ul .item .item__info p{font-size:1.3rem;line-height:1.4;color:var(--desc-color-01);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.mypage-wrap .order-list ul .item .item__info .paid{display:flex;align-items:center;gap:.3rem;padding-top:.3rem}
.mypage-wrap .order-list ul button.order-btn{all:unset;display:flex;align-items:center;justify-content:center;width:100%;padding:1rem 0;border-radius:2em;font-size:1.3rem;font-weight:600;color:var(--desc-color-01);border:1px solid var(--border-color-02);cursor:pointer;transition:.12s}@media(hover: hover)and (pointer: fine){.mypage-wrap .order-list ul button.order-btn:hover{border-color:var(--text-color-01);color:var(--text-color-01)}}
.my-info{padding:4rem 2rem 0}.my-info h4{font-size:1.3rem;font-weight:500;color:var(--desc-color-01)}
.my-info ul{margin-top:.6rem}
.my-info ul li{display:grid;grid-template-columns:minmax(9.6rem, 0.4fr) 1fr;align-items:center;padding:1.6rem 0;font-size:1.4rem;border-bottom:1px dashed var(--border-color-01)}.my-info ul li *{font-weight:500}.my-info ul li p{color:var(--desc-color-02)}.my-info .desc{font-size:1.3rem;color:var(--desc-color-01);padding-top:1.6rem;line-height:1.4}.my-info .btn{font-size:1.3rem;font-weight:500;padding:0 1.6rem;color:var(--desc-color-02);border-radius:.8rem}@media(hover: hover)and (pointer: fine){.my-info .btn:hover{color:var(--text-color-01)}}@media all and (max-width: 479px){.my-info .withdraw-box{flex-direction:column;width:100%}.my-info .withdraw-box .btn{width:100%}}.board-ul li .content-box{position:relative;display:flex;align-items:center;justify-content:space-between;padding:1.6rem 0;font-size:1.4rem;font-weight:600;padding:1.6rem 0;border-bottom:1px dashed var(--border-color-01);cursor:pointer}@media all and (max-width: 767px){.board-ul li .content-box{display:block}}.board-ul li .content-box span{font-size:1.2rem;display:inline-flex;align-items:center;padding:.3rem;background-color:#353746;color:#fff;border-radius:.3rem;white-space:nowrap;z-index:2}.board-ul li .content-box em{line-height:1.4;color:var(--desc-color-02);font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;transition:.12s;z-index:2}.board-ul li .content-box em.fixed{font-weight:600;color:var(--text-color-02)}.board-ul li .content-box::before{content:"";position:absolute;top:-0.1rem;left:-1.6rem;width:calc(100% + 3.2rem);height:calc(100% + .2rem);border:1px solid var(--border-color-01);background-color:var(--gray-01);opacity:0;border-radius:.6rem;transition:.12s;z-index:1}@media(hover: hover)and (pointer: fine){.board-ul li .content-box:hover::before{opacity:1}.board-ul li .content-box:hover em{color:var(--text-color-02)}}.board-ul li .content-box .bottom{position:relative;display:flex;align-items:center;gap:1.6rem;font-size:1.2rem;color:var(--desc-color-01);z-index:2}@media all and (max-width: 767px){.board-ul li .content-box .bottom{padding-top:.6rem}}.board-ul li .content-box .bottom i{color:var(--desc-color-02)}.init-wrap{padding:4rem 2rem 0}.init-wrap>header{padding-bottom:.6rem}.init-wrap>header h4{font-size:1.3rem;font-weight:500;color:var(--desc-color-01)}.init-wrap details{font-size:16px}.init-wrap details summary{display:grid;grid-template-columns:1fr 1.5rem;gap:.6rem;align-items:center;font-size:1.5rem;padding:1.6rem 0;color:var(--desc-color-02);line-height:1.4;transition:.2s;border-bottom:1px dashed var(--border-color-01);cursor:pointer}.init-wrap details summary *{font-weight:500}.init-wrap details summary::marker{content:none}.init-wrap details summary::-webkit-details-marker{display:none}.init-wrap details summary .subject{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.init-wrap details summary i{opacity:.6;transition:.2s}@media(hover: hover)and (pointer: fine){.init-wrap details summary:hover{color:var(--text-color-02)}}.init-wrap details[open] summary{color:var(--text-color-01);border-color:rgba(0,0,0,0)}.init-wrap details[open] summary i{transform:rotate(180deg)}.init-wrap details b{color:var(--red-01);font-weight:600;padding-right:.6rem}.init-wrap details .content{padding:1.6rem;background-color:var(--gray-01);line-height:1.4;font-size:1.4rem;margin-bottom:1.6rem;border-left:1px dashed var(--border-color-01);border-right:1px dashed var(--border-color-01)}.init-wrap details .content .content__top{display:flex;align-items:center;gap:.3rem;font-weight:500;padding-bottom:1.6rem}.init-wrap details .content .content__top b{color:blue;padding:0;font-size:1.5rem}.init-wrap details .content img{padding-bottom:1.6rem}.init-wrap .content{line-height:1.6;word-break:keep-all;padding:1.6rem;background-color:var(--gray-01);border-radius:.6rem;font-size:1.4rem;font-weight:500}@media all and (max-width: 767px){.init-wrap .content{border-bottom:0}}@media all and (max-width: 479px){.init-wrap .content{border-radius:0}}.init-wrap .btns{padding-top:2rem}@media all and (max-width: 767px){.init-wrap .btns{display:none}}.init-wrap .btns .btn{display:inline-flex;width:auto;height:4.2rem;min-width:auto;border-radius:1rem;font-size:1.4rem;padding:0 1.6rem}.init-wrap .no-data{text-align:center;font-size:1.3rem;color:var(--desc-color-01);padding-top:3.6rem}.agree{max-width:calc(var(--max-width) - 12rem);width:100%;margin:0 auto;padding:4rem 2rem 0;line-height:1.4}.agree h2{font-size:2.2rem;text-align:center;padding-bottom:4rem}