@charset "utf-8";

/*
#header,
.tabbox .tb,
.opiton-order .total{position:relative !important;box-shadow:0 3rem 6rem -2rem rgb(0 0 0 / 0%) !important}

.login,
.join,
#language{display:none !important}

.opiton-order .total,
.tabbox .tb{top:0rem !important}
*/


/*메인레이아웃*/
@media (min-width:1496px){
    #search{padding-top:4rem}
    #search .titbox{display:flex;align-items:center;justify-content:space-between;height:3.6rem;padding:0 0 4rem 0}
    #search .titbox h3{font-size:3rem;color:var(--color-dark-5)}
    #search .titbox a{font-size:1.6rem;color:var(--color-dark-5)}
    #search .platform{position:relative;padding:0 12.4rem 5rem 12.4rem;border:.4rem solid #eee}
    #search .platform h2{padding:3.7rem 0;font-size:3.2rem;text-align:center;color:var(--color-dark-5)}
    #search .platform .form{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:2rem;width:100%}
    #search .platform .form .inr:nth-child(1){min-width:17.6rem}
    #search .platform .form .inr:nth-child(2){width:100%}
    #search .platform .form .inr:nth-child(3){min-width:15rem}
    #search .platform .form .select{position:relative;display:block}
    #search .platform .form .select:before{content:'';position:absolute;top:0;left:0;display:block;width:3.6rem;height:4.8rem;background:url("/assets/img/ico/ico-category.svg") no-repeat 50% 50%}
    #search .platform .form .select:after{content:'';position:absolute;top:0;right:0;display:block;width:3rem;height:4.8rem;background:url("/assets/img/ico/select.svg") no-repeat 50% 50%;transition:.2s}
    #search .platform .form select{padding-left:3rem;width:100%;height:4.8rem;border:.1rem solid #D7D7D7;border-radius:1rem}
    #search .platform .form select:focus +::after{transform:rotate(180deg)}
    #search .platform .form input{width:100%;height:4.8rem;border:.1rem solid #D7D7D7;border-radius:1rem}
    #search .platform .form button{display:flex;align-items:center;justify-content:center;gap:.8rem;width:100%;height:4.8rem;font-size:1.6rem;font-weight:600;color:#A23D56;border:.1rem solid #8B213C;border-radius:1rem}
    #search .platform .form button i{display:flex;width:2.4rem;height:2.4rem;background:url("/assets/img/ico/ico-search.svg") no-repeat 50% 50%}
    #search .market{padding:9rem 0}
    #search .bidding{padding:9rem 0}
}

@media all and (min-width:701px) and (max-width:1496px) {
    #search{padding-top:4rem}
    #search .titbox{display:flex;align-items:center;justify-content:space-between;height:3.6rem;padding:0 2rem 4rem 2rem}
    #search .titbox h3{font-size:2.4rem;color:var(--color-dark-5)}
    #search .titbox a{font-size:1.6rem;color:var(--color-dark-5)}
    #search .platform{position:relative;margin:0 2rem;padding:0 3rem 4rem 3rem;background:var(--color-light-1);box-shadow:0 3rem 6rem -2rem rgba(0, 0, 0, 0.30)}
    #search .platform h2{padding:3rem 0;font-size:2.8rem;text-align:center;color:var(--color-dark-5)}
    #search .platform .form{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:2rem;width:100%}
    #search .platform .form .inr:nth-child(1){min-width:17.6rem}
    #search .platform .form .inr:nth-child(2){width:100%}
    #search .platform .form .inr:nth-child(3){min-width:15rem}
    #search .platform .form .select{position:relative;display:block}
    #search .platform .form .select:before{content:'';position:absolute;top:0;left:0;display:block;width:3.6rem;height:4.8rem;background:url("/assets/img/ico/ico-category.svg") no-repeat 50% 50%}
    #search .platform .form .select:after{content:'';position:absolute;top:0;right:0;display:block;width:3rem;height:4.8rem;background:url("/assets/img/ico/select.svg") no-repeat 50% 50%;transition:.2s}
    #search .platform .form select{padding-left:3rem;width:100%;height:4.8rem;border:.1rem solid #D7D7D7;border-radius:1rem}
    #search .platform .form select:focus +::after{transform:rotate(180deg)}
    #search .platform .form input{width:100%;height:4.8rem;border:.1rem solid #D7D7D7;border-radius:1rem}
    #search .platform .form button{display:flex;align-items:center;justify-content:center;gap:.8rem;width:100%;height:4.8rem;font-size:1.6rem;font-weight:600;color:#A23D56;border:.1rem solid #8B213C;border-radius:1rem}
    #search .platform .form button i{display:flex;width:2.4rem;height:2.4rem;background:url("/assets/img/ico/ico-search.svg") no-repeat 50% 50%}
    #search .market{padding:9rem 0}
    #search .bidding{padding:9rem 0}
}

@media (max-width:700px){
    #search{padding-top:10rem}
    #search .titbox{display:flex;align-items:center;justify-content:space-between;height:3.6rem;padding:0 2rem}
    #search .titbox h3{font-size:2.4rem;color:var(--color-dark-5)}
    #search .titbox a{font-size:1.6rem;color:var(--color-dark-5)}
    #search .platform{position:relative;margin:0 1rem;padding:2rem;background:var(--color-light-1);box-shadow:0 3rem 6rem -2rem rgba(0, 0, 0, 0.30)}
    #search .platform h2{padding:1rem 0 2rem 0;font-size:2.4rem;text-align:center;color:var(--color-dark-5)}
    #search .platform .form{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;flex-direction:row;gap:0rem;width:100%}
    #search .platform .form .inr:nth-child(1){padding-bottom:1.4rem;width:100%}
    #search .platform .form .inr:nth-child(2){margin-right:1rem;width:80%}
    #search .platform .form .inr:nth-child(3){width:calc(20% - 1rem)}
    #search .platform .form .select{position:relative;display:block}
    #search .platform .form .select:before{content:'';position:absolute;top:0;left:0;display:block;width:6rem;height:6rem;background:url("/assets/img/ico/ico-category.svg") no-repeat 50% 50%}
    #search .platform .form .select:after{content:'';position:absolute;top:0;right:0;display:block;width:6rem;height:6rem;background:url("/assets/img/ico/select.svg") no-repeat 50% 50%;transition:.2s}
    #search .platform .form select{padding-left:5rem;width:100%;height:6rem;font-size:1.8rem;border:.1rem solid #D7D7D7;border-radius:1rem}
    #search .platform .form select:focus +::after{transform:rotate(180deg)}
    #search .platform .form input{padding:0 2rem;width:100%;height:6rem;font-size:1.8rem;border:.1rem solid #D7D7D7;border-radius:1rem}
    #search .platform .form button{display:flex;align-items:center;justify-content:center;gap:.8rem;width:100%;height:6rem;font-size:1.6rem;font-weight:600;color:#A23D56;border:.1rem solid #8B213C;border-radius:1rem}
    #search .platform .form button i{display:flex;width:2.4rem;height:2.4rem;background:url("/assets/img/ico/ico-search.svg") no-repeat 50% 50%}
    #search .platform .form button span{display:none}
    #search .market{padding:6rem 0}
    #search .bidding{padding:6rem 0}
}





















.formbox .category{display:flex;align-items:flex-start;gap:1rem}
.formbox .category .drop-btn{padding:0 1.6rem;height:6rem;border-radius:1rem}
.formbox .category .drop-innr{font-size:1.6rem;font-weight:400;color:#000}

.dropdown{position:relative;width:100%}
.drop-btn{display:flex;align-items:center;justify-content:space-between;position:relative;padding:0 2rem;width:100%;height:4.8rem;border:.1rem solid #777;background:#fff;border-radius:.5rem;cursor:pointer}
.drop-cover{position:absolute;z-index:2;top:0;bottom:0;right:0;left:0}
.drop-innr{font-size:1.4rem;font-weight:400;color:#000}
.drop-opt{display:flex;align-items:center;gap:1rem;padding:1.2rem 2rem;font-size:1.4rem;color:#000}
.drop-opt:hover{background-color:rgb(226, 226, 226)}
.drop-cont{display:none;position:absolute;z-index:1000;top:4.3rem;right:0;left:0;padding-top:.5rem;height:16rem;border:.1rem solid #777;border-top:0;background:#fff;border-radius:0 0 .5rem .5rem}
.drop-cont{padding:0 .5rem 0 0;overflow-y:scroll}
.drop-cont::-webkit-scrollbar{width:1rem}
.drop-cont::-webkit-scrollbar-thumb{height:17%;background-color:#bababa;border-radius:.2rem}
.drop-cont::-webkit-scrollbar-track{background-color:#f5f5f5}
.drop-cont.show{display:flex;flex-direction:column}

.modal-boxed .modal-alert .article .boxs .congratulations{background:url("/assets/img/member/congratulations.svg") no-repeat 50% 50%;background-size:100% auto}


@media (min-width:1200px){
    .mobile{display:none}
    .motabs{display:none}
}
@media (max-width:1199px){
    #aside .mobile{margin-top:2rem;padding:2rem;border:.1rem solid #e4e4e4;background:#fff}
    #aside .mobile h4{display:flex !important;align-items:center;padding:0 0 1rem 0;font-size:1.6rem;font-weight:700;color:#6D001A}
    #aside .mobile .category{display:flex;flex-direction:column;justify-content:space-between;gap:2rem}
    
    #aside .motabs{margin-top:1rem}
    #aside .motabs .category .tb{}
    #aside .motabs .category .tb ul{display:flex;align-items:center;justify-content:space-between}
    #aside .motabs .category .tb li{width:100%}
    #aside .motabs .category .tb a{display:flex;align-items:center;justify-content:center;height:4.7rem;font-size:1.6rem;font-weight:700;color:#bbb;background:#F6F6F6;border-radius:.8rem .8rem 0 0}
    #aside .motabs .category .tb .act a{color:#fff;background:#9D2340}
    
    #aside .motabs .category .cn.hide{display:none}
    
    #aside .motabs .category .cn{border:.1rem solid #9D2340}
    #aside .motabs .category .cn ul{display:flex;flex-wrap:wrap;align-items:center}
    #aside .motabs .category .cn li{width:33.33%}
    #aside .motabs .category .cn a{display:flex;align-items:center;justify-content:center;height:4rem;font-size:1.4rem;text-align:center;color:#000;border:.1rem solid #D7D7D7;background:#fff}
    #aside .motabs .category .cn .act a{font-weight:700;color:#9D2340;background:#F5E5E9}
    
    #aside .motabs .category .cn li:nth-child(1) a{border-left:0;border-top:0}
    #aside .motabs .category .cn li:nth-child(2) a{border-left:0;border-top:0}
    #aside .motabs .category .cn li:nth-child(3) a{border-left:0;border-top:0}
    #aside .motabs .category .cn li:nth-child(4) a{border-left:0;border-top:0;border-bottom:0}
    #aside .motabs .category .cn li:nth-child(5) a{border-left:0;border-top:0;border-bottom:0}
    #aside .motabs .category .cn li:nth-child(6) a{border-left:0;border-top:0;border-bottom:0}
}

#aside .aside .fm-lat{border-radius:.5rem !important}
#aside .aside .dp1 span button.category0{padding:0 .5rem}
#aside .aside .dp1 span button.category0:before{display:none}


#ktplay .stx-ifm{display:flex;align-items:flex-start;justify-content:center;position:relative;margin-bottom:2rem}
#ktplay .stx-ifm iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

#index .infomax{display:flex;align-items:center;position:relative;background:#fff}
#index .infomax iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

@media (min-width:1496px){
    #index .infomax{margin:13rem 0 15rem 0;padding-bottom:37rem}
    #ktplay .stx-ifm{padding-bottom:22rem}
}
@media all and (min-width:1200px) and (max-width:1495px) {
    #index .infomax{margin:8rem 2rem 4rem 2rem;padding-bottom:49rem}
    #ktplay .stx-ifm{padding-bottom:26rem}
}
@media all and (min-width:822px) and (max-width:1199px) {
    #index .infomax{margin:8rem 2rem 4rem 2rem;padding-bottom:49rem}
    #ktplay .stx-ifm{padding-bottom:26rem}    
}
@media (max-width:821px){
    #index .infomax{margin:8rem 2rem 4rem 2rem;padding-bottom:140rem}
    #ktplay .stx-ifm{padding-bottom:58rem}
}

#search .infomax{display:flex;align-items:center;position:relative;background:#fff}
#search .infomax iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

@media (min-width:1496px){
    #search .infomax{margin:13rem 0 15rem 0;padding-bottom:37rem}
}
@media all and (min-width:1200px) and (max-width:1495px) {
    #search .infomax{margin:8rem 2rem;padding-bottom:49rem}
}
@media all and (min-width:822px) and (max-width:1199px) {
    #search .infomax{margin:8rem 2rem;padding-bottom:49rem}
}
@media (max-width:821px){
    #search .infomax{margin:8rem 2rem;padding-bottom:140rem}
}
@media all and (min-width:700px) and (max-width:930px) {
	#footer .log{display:flex;align-items:flex-start !important;padding-bottom:3rem;flex-wrap: nowrap;gap:4rem;}
	#footer .icons{display:flex;gap:2rem;flex-direction:column;}
    #footer .log dl{display:flex;flex-direction:column;gap:1.5rem;}
    #footer .log dt{font-size:1.4rem;font-weight:600;color:var(--color-light-1)}
    #footer .log dd{display:flex;gap:2rem}
    #footer .log dd a{gap:1rem;color:var(--color-light-1);font-size:1.5rem;align-items:center;}
    #footer .log dd i{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
    #footer .log dd i.sns{width:3.1rem;height:3.1rem;}
}

@media (min-width:1496px){
    #contain .lnb{display:flex;align-items:center;justify-content:flex-end;gap:1rem;position:absolute;z-index:10;top:0;right:2rem;height:10rem}
    #contain .lnb a{display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;text-transform:uppercase;color:var(--color-light-1)}
    #contain .lnb .login a{min-width:7.8rem;color:#9D2340}
    #contain .lnb .logout a{min-width:10.8rem;background:#9D2340;border-radius:3rem}
    #contain .lnb .join a{min-width:10.8rem;background:#9D2340;border-radius:3rem}
    #contain .lnb .mypage{display:flex;align-items:center;gap:1.2rem}
    #contain .lnb .mypage .btns{display:flex;align-items:center;gap:1.2rem}
    #contain .lnb .mypage .btns span{display:block;position:relative;width:2.4rem;height:2.4rem;background-image:url(/assets/img/alarm.svg);background-repeat:no-repeat;background-position:50% 50%;border-radius:2rem}
    #contain .lnb .mypage .btns span i{position:absolute;top:-.1rem;right:-.1rem;width:1rem;height:1rem;background:#D90026;border-radius:1rem}
    #contain .lnb .mypage .btns button{font-size:1.4rem;font-weight:700;color:var(--color-dark-5)}
    #contain .lnb .mypage .list{display:none;position:absolute;left:0;padding:1.7rem 0 0 0}
    #contain .lnb .mypage .list ul{width:28rem;height:30rem;overflow-y:scroll;box-sizing:border-box;border:.1rem solid #dbdbdb;border-bottom:0;background:#fff;box-shadow:0 3rem 6rem -2rem rgb(0 0 0 / 30%)}
    #contain .lnb .mypage .list ul::-webkit-scrollbar{width:1rem}
    #contain .lnb .mypage .list ul::-webkit-scrollbar-thumb{height:17%;background-color:#bababa;border-radius:.2rem}
    #contain .lnb .mypage .list ul::-webkit-scrollbar-track{background-color:#f5f5f5}
    #contain .lnb .mypage .list li{padding:1rem 1.2rem;background:#fff;transition:.3s}
    #contain .lnb .mypage .list li + li{border-top:.1rem solid #d7d7d7}
    #contain .lnb .mypage .list li:hover,
    #contain .lnb .mypage .list li.act{background:#f5e5e9}
    #contain .lnb .mypage .list li a{display:block;font-size:1.4rem;font-weight:400;color:#000}
    #contain .lnb .mypage .list li time{display:block;padding-top:1rem;font-size:1.2rem;color:#757575}
    #contain .lnb .mypage .boxed{position:relative;z-index:10}
    #contain .lnb .mypage .boxed.act .list{display:block}
    #contain .lnb .mypage .bt-more{display:flex;align-items:center;justify-content:center;width:100%;height:4.8rem;font-size:1.4rem;font-weight:700;color:#9D2340;border:.1rem solid #dbdbdb;background:#fff}
    #contain .lnb .mypage button{padding-right:2rem;font-size:1.4rem;font-weight:700;color:#9D2340}
    #contain .lnb .member{display:flex;align-items:center;gap:1.2rem}
    #contain .lnb .member a{display:flex;align-items:center;justify-content:center;height:3.7rem}
    #contain .lnb .select{position:relative}
    #contain .lnb .select .btns{padding:0 3.6rem 0 1.6rem;color:var(--color-dark-5);border:.2rem solid #A72849;background:transparent;border-radius:2rem}
    #contain .lnb .select .btns span{display:flex;align-items:center;height:3.3rem;font-size:1.4rem;font-weight:700}
    #contain .lnb .select .btns em{position:absolute;top:.8rem;right:.8rem;display:block;width:2.4rem;height:2.4rem;background:url("/assets/img/utc-select2.svg") no-repeat 50% 0;transition:.3s}
    #contain .lnb .select .btns.act{color:var(--color-light-1);border:.2rem solid #9D2340;background:#9D2340;border-radius:2rem 2rem 0 0}
    #contain .lnb .select .btns.act em{background:url("/assets/img/utc-select.svg") no-repeat 50% -2.4rem !important;border-radius:2rem 2rem 0 0}
    #contain .lnb .select .list{display:none;position:absolute;top:3.7rem;right:0;left:0;background:#9D2340;border-radius:0 0 2rem 2rem}
    #contain .lnb .select .list ul{padding:.6rem 0;overflow:hidden}
    #contain .lnb .select .list li a{display:flex;align-items:center;justify-content:flex-start;height:3rem;padding-left:1.6rem}
}
@media (max-width:1495px) {
    
    #contain .lnb{display:flex;align-items:center;justify-content:flex-end;gap:1rem;height:10rem}
    #contain .lnb a{display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;text-transform:uppercase;color:var(--color-light-1)}
    #contain .lnb .login a{min-width:7.8rem;color:#9D2340}
    #contain .lnb .logout a{min-width:10.8rem;background:#9D2340;border-radius:3rem}
    #contain .lnb .join a{min-width:10.8rem;background:#9D2340;border-radius:3rem}
    #contain .lnb .mypage{display:flex;align-items:center;gap:1.2rem}
    #contain .lnb .mypage .btns{display:flex;align-items:center;gap:1.2rem}
    #contain .lnb .mypage .btns span{display:block;position:relative;width:2.4rem;height:2.4rem;background-image:url(/assets/img/alarm.svg);background-repeat:no-repeat;background-position:50% 50%;border-radius:2rem}
    #contain .lnb .mypage .btns span i{position:absolute;top:-.1rem;right:-.1rem;width:1rem;height:1rem;background:#D90026;border-radius:1rem}
    #contain .lnb .mypage .btns button{font-size:1.4rem;font-weight:700;color:var(--color-dark-5)}
    #contain .lnb .mypage .list{display:none;position:absolute;left:0;padding:1.7rem .5rem 0 0;box-sizing:border-box}
    #contain .lnb .mypage .list ul{width:28rem;height:30rem;overflow-y:scroll;box-sizing:border-box;border:.1rem solid #dbdbdb;border-bottom:0;background:#fff;box-shadow:0 3rem 6rem -2rem rgb(0 0 0 / 30%)}
    #contain .lnb .mypage .list ul::-webkit-scrollbar{width:1rem}
    #contain .lnb .mypage .list ul::-webkit-scrollbar-thumb{height:17%;background-color:#bababa;border-radius:.2rem}
    #contain .lnb .mypage .list ul::-webkit-scrollbar-track{background-color:#f5f5f5}
    #contain .lnb .mypage .list li{padding:1rem 1.2rem;background:#fff;transition:.3s}
    #contain .lnb .mypage .list li + li{border-top:.1rem solid #d7d7d7}
    #contain .lnb .mypage .list li:hover,
    #contain .lnb .mypage .list li.act{background:#f5e5e9}
    #contain .lnb .mypage .list li a{display:block;font-size:1.4rem;font-weight:400;color:#000}
    #contain .lnb .mypage .list li time{display:block;padding-top:1rem;font-size:1.2rem;color:#757575}
    #contain .lnb .mypage .boxed{position:relative;z-index:10}
    #contain .lnb .mypage .boxed.act .list{display:block}
    #contain .lnb .mypage .bt-more{display:flex;align-items:center;justify-content:center;width:100%;height:4.8rem;font-size:1.4rem;font-weight:700;color:#9D2340;border:.1rem solid #dbdbdb;background:#fff}
    #contain .lnb .mypage button{padding-right:2rem;font-size:1.4rem;font-weight:700;color:#9D2340}
    #contain .lnb .member{display:flex;align-items:center;gap:1.2rem}
    #contain .lnb .member a{display:flex;align-items:center;justify-content:center;height:3.7rem}
    #contain .lnb .select{position:relative}
    #contain .lnb .select .btns{padding:0 3.6rem 0 1.6rem;color:var(--color-dark-5);border:.2rem solid #A72849;background:transparent;border-radius:2rem}
    #contain .lnb .select .btns span{display:flex;align-items:center;height:3.3rem;font-size:1.4rem;font-weight:700}
    #contain .lnb .select .btns em{position:absolute;top:.2rem;right:.8rem;display:block;width:2.4rem;height:2.4rem;background:url("/assets/img/utc-select2.svg") no-repeat 50% 0;transition:.3s}
    #contain .lnb .select .btns.act{color:var(--color-light-1);border:.2rem solid #9D2340;background:#9D2340;border-radius:2rem 2rem 0 0}
    #contain .lnb .select .btns.act em{background:url("/assets/img/utc-select.svg") no-repeat 50% -2.4rem !important;border-radius:2rem 2rem 0 0}
    #contain .lnb .select .list{display:none;position:absolute;top:3.7rem;right:0;left:0;background:#9D2340;border-radius:0 0 2rem 2rem}
    #contain .lnb .select .list ul{padding:.6rem 0;overflow:hidden}
    #contain .lnb .select .list li a{display:flex;align-items:center;justify-content:flex-start;height:3rem;padding-left:1.6rem}
}
























/*기본레이아웃-좌측메뉴*/
@media (min-width:1496px){
    #kwrap{display:flex;justify-content:center;gap:3rem;margin:10rem auto;min-width:124rem;width:124rem}
    #ewrap{display:flex;justify-content:center;gap:3rem;margin:10rem auto;min-width:124rem;width:124rem}
    #aside{min-width:32rem}
    #aside.mw320{padding:2rem;border:.1rem solid #f6f6f6;background:#fff;border-radius:1rem}
    #aside .kfom{margin-bottom:2rem;padding:2rem;border:.1rem solid #e4e4e4;background:#fff}
    #aside .mobile + .aside{margin-top:2rem}
    #aside .myaside + .myaside{margin-top:2rem}
    #aside .myaside .tab ul{display:flex}
    #aside .myaside .tab li{width:100%}
    #aside .myaside .tab a{display:flex;align-items:center;justify-content:center;width:100%;min-height:4.8rem;font-size:1.8rem;font-weight:400;color:#bababa;background:#f6f6f6;border-radius:1rem 1rem 0 0; text-align:center;}
    #aside .myaside .tab .act a{font-weight:700;color:#fff;background:#9D2340}
    #aside .myaside .tit{display:flex;align-items:center;justify-content:center;padding:0 2rem;min-height:4.8rem;font-size:1.8rem;color:#fff;background:#9D2340;border-radius:1rem 1rem 0 0}
    #aside .myaside .dp1{display:flex;flex-direction:column;gap:1rem;padding:1rem 0;border:.1rem solid #9D2340}
    #aside .myaside .dp1 span{display:flex;align-items:center;justify-content:space-between}
    #aside .myaside .dp1 span a{display:flex;align-items:center;padding:0 1.5rem;width:100%;min-height:4.8rem;font-size:1.4rem;color:#000}
    #aside .myaside .dp1 span a:before{content:'';display:flex;width:4.8rem;height:4.8rem}
    #aside .myaside .dp1 span a:hover,
    #aside .myaside .dp1 .act span a{font-weight:700;color:#9D2340;background:#f5e5e9;text-decoration:underline}
    #aside .aside{padding:2rem;min-height:calc(100% - 12.2rem);border:.1rem solid #e4e4e4;background:#fff}
    #aside .aside fieldset{display:flex;align-items:center;justify-content:space-between;gap:1rem;position:relative;margin-bottom:1rem;padding-bottom:1rem;border-bottom:.1rem solid #D4D6DD}
    #aside .aside fieldset strong{font-size:1.8rem;color:#6D001A}
    #aside .aside fieldset .innr{display:flex;align-items:center;gap:.6rem}
    #aside .aside fieldset .innr .item{display:flex;align-items:center;gap:1.5rem;position:relative}
    #aside .aside h3{display:flex;align-items:center;padding:0 2rem;min-height:4.8rem;font-size:1.8rem;color:#fff;background:#9D2340;border-radius:.5rem}
    #aside .aside h4{display:flex;align-items:center;margin:1rem 0;padding-top:2.8rem;min-height:4.8rem;font-size:1.2rem;font-weight:400;color:#000}
    #aside .aside .dp1{display:flex;flex-direction:column;gap:1rem;padding-top:1rem}
    #aside .aside .dp1 span{display:flex;align-items:center;justify-content:space-between}
    #aside .aside .dp1 span button{display:flex;align-items:center;min-height:4.8rem;font-size:1.4rem;color:#000}
    #aside .aside .dp1 span button:before{content:'';display:flex;width:4.8rem;height:4.8rem;background-size:cover !important}
    #aside .aside .dp1 span button:hover,
    #aside .aside .dp1 .act span button{font-weight:700;color:#9D2340;text-decoration:underline}
    #aside .aside .dp1 .act span button + i{color:#000;transform:rotate(180deg)}
    #aside .aside .dp1 span i{display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;color:#D4D6DD;transition:.3s}
    #aside .aside .dp1 span i:before{content:'';font-family:xeicon;font-size:2.4rem}
    #aside .aside .dp1 span button:hover + i{color:#000;transform:rotate(180deg)}
    #aside .aside .dp2{display:none;flex-direction:column;background:#f6f6f6}
    #aside .aside .dp2 a{display:flex;align-items:center;justify-content:space-between;padding:0 1.6rem 0 4.8rem;height:4rem;font-size:1.4rem;font-weight:400;color:#000}
    #aside .aside .dp2 a:after{content:'';display:flex;width:2.4rem;height:2.4rem;background:url("/assets/img/inc/dp2-arr.svg") no-repeat 50% 50%}
    #aside .aside .dp2 a.act{font-weight:700;text-decoration:underline}
    #aside .mycstom .tab ul{display:flex}
    #aside .mycstom .tab li{width:100%}
    #aside .mycstom .tab a{display:flex;align-items:center;justify-content:center;width:100%;min-height:4.8rem;font-size:1.8rem;font-weight:700;color:#bababa;background:#f6f6f6;border-radius:1rem 1rem 0 0}
    #aside .mycstom .tab .act a{font-weight:400;color:#fff;background:#9D2340}
    #aside .mycstom .tit{display:flex;align-items:center;justify-content:center;padding:0 2rem;min-height:4.8rem;font-size:1.8rem;color:#fff;background:#9D2340;border-radius:1rem 1rem 0 0}
    #aside .mycstom .dp1{display:flex;flex-direction:column;gap:1rem;padding:1rem 0;border:.1rem solid #9D2340}
    #aside .mycstom .dp1 span{display:flex;align-items:center;justify-content:space-between}
    #aside .mycstom .dp1 span a{display:flex;align-items:center;padding:0 1.5rem;width:100%;min-height:4.8rem;font-size:1.4rem;color:#000}
    #aside .mycstom .dp1 span a:before{content:'';display:flex;width:4.8rem;height:4.8rem}
    #aside .mycstom .dp1 span a:hover,
    #aside .mycstom .dp1 .act span a{font-weight:700;color:#9D2340;background:#f5e5e9;text-decoration:underline}
}
@media all and (min-width:1200px) and (max-width:1496px) {
    #kwrap{display:flex;justify-content:center;gap:3rem;margin:3rem auto;min-width:124rem;width:124rem}
    #ewrap{display:flex;justify-content:center;gap:3rem;margin:3rem auto;min-width:124rem;width:124rem}
    #aside{min-width:32rem}
    #aside.mw320{padding:2rem;border:.1rem solid #f6f6f6;background:#fff;border-radius:1rem}
    #aside .kfom{margin-bottom:2rem;padding:2rem;border:.1rem solid #e4e4e4;background:#fff}
    #aside .kfom + .aside{margin-top:2rem}
    #aside .myaside + .myaside{margin-top:2rem}
    #aside .myaside .tab ul{display:flex}
    #aside .myaside .tab li{width:100%}
    #aside .myaside .tab a{display:flex;align-items:center;justify-content:center;width:100%;min-height:4.8rem;font-size:1.8rem;font-weight:400;color:#bababa;background:#f6f6f6;border-radius:1rem 1rem 0 0; text-align:center;}
    #aside .myaside .tab .act a{font-weight:700;color:#fff;background:#9D2340}
    #aside .myaside .tit{display:flex;align-items:center;justify-content:center;padding:0 2rem;min-height:4.8rem;font-size:1.8rem;color:#fff;background:#9D2340;border-radius:1rem 1rem 0 0}
    #aside .myaside .dp1{display:flex;flex-direction:column;gap:1rem;padding:1rem 0;border:.1rem solid #9D2340}
    #aside .myaside .dp1 span{display:flex;align-items:center;justify-content:space-between}
    #aside .myaside .dp1 span a{display:flex;align-items:center;padding:0 1.5rem;width:100%;min-height:4.8rem;font-size:1.4rem;color:#000}
    #aside .myaside .dp1 span a:before{content:'';display:flex;width:4.8rem;height:4.8rem}
    #aside .myaside .dp1 span a:hover,
    #aside .myaside .dp1 .act span a{font-weight:700;color:#9D2340;background:#f5e5e9;text-decoration:underline}
    #aside .aside{padding:2rem;min-height:calc(100% - 12.2rem);border:.1rem solid #e4e4e4;background:#fff}
    #aside .aside fieldset{display:flex;align-items:center;justify-content:space-between;gap:1rem;position:relative;margin-bottom:1rem;padding-bottom:1rem;border-bottom:.1rem solid #D4D6DD}
    #aside .aside fieldset strong{font-size:1.8rem;color:#6D001A}
    #aside .aside fieldset .innr{display:flex;align-items:center;gap:.6rem}
    #aside .aside fieldset .innr .item{display:flex;align-items:center;gap:1.5rem;position:relative}
    #aside .aside h3{display:flex;align-items:center;padding:0 2rem;min-height:4.8rem;font-size:1.8rem;color:#fff;background:#9D2340;border-radius:.5rem}
    #aside .aside h4{display:flex;align-items:center;margin:1rem 0;padding-top:2.8rem;min-height:4.8rem;font-size:1.2rem;font-weight:400;color:#000}
    #aside .aside .dp1{display:flex;flex-direction:column;gap:1rem;padding-top:1rem}
    #aside .aside .dp1 span{display:flex;align-items:center;justify-content:space-between}
    #aside .aside .dp1 span button{display:flex;align-items:center;min-height:4.8rem;font-size:1.4rem;color:#000}
    #aside .aside .dp1 span button:before{content:'';display:flex;width:4.8rem;height:4.8rem;background-size:cover !important}
    #aside .aside .dp1 span button:hover,
    #aside .aside .dp1 .act span button{font-weight:700;color:#9D2340;text-decoration:underline}
    #aside .aside .dp1 .act span button + i{color:#000;transform:rotate(180deg)}
    #aside .aside .dp1 span i{display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;color:#D4D6DD;transition:.3s}
    #aside .aside .dp1 span i:before{content:'';font-family:xeicon;font-size:2.4rem}
    #aside .aside .dp1 span button:hover + i{color:#000;transform:rotate(180deg)}
    #aside .aside .dp2{display:none;flex-direction:column;background:#f6f6f6}
    #aside .aside .dp2 a{display:flex;align-items:center;justify-content:space-between;padding:0 1.6rem 0 4.8rem;height:4rem;font-size:1.4rem;font-weight:400;color:#000}
    #aside .aside .dp2 a:after{content:'';display:flex;width:2.4rem;height:2.4rem;background:url("/assets/img/inc/dp2-arr.svg") no-repeat 50% 50%}
    #aside .aside .dp2 a.act{font-weight:700;text-decoration:underline}
    #aside .mycstom .tab ul{display:flex}
    #aside .mycstom .tab li{width:100%}
    #aside .mycstom .tab a{display:flex;align-items:center;justify-content:center;width:100%;min-height:4.8rem;font-size:1.8rem;font-weight:700;color:#bababa;background:#f6f6f6;border-radius:1rem 1rem 0 0}
    #aside .mycstom .tab .act a{font-weight:400;color:#fff;background:#9D2340}
    #aside .mycstom .tit{display:flex;align-items:center;justify-content:center;padding:0 2rem;min-height:4.8rem;font-size:1.8rem;color:#fff;background:#9D2340;border-radius:1rem 1rem 0 0}
    #aside .mycstom .dp1{display:flex;flex-direction:column;gap:1rem;padding:1rem 0;border:.1rem solid #9D2340}
    #aside .mycstom .dp1 span{display:flex;align-items:center;justify-content:space-between}
    #aside .mycstom .dp1 span a{display:flex;align-items:center;padding:0 1.5rem;width:100%;min-height:4.8rem;font-size:1.4rem;color:#000}
    #aside .mycstom .dp1 span a:before{content:'';display:flex;width:4.8rem;height:4.8rem}
    #aside .mycstom .dp1 span a:hover,
    #aside .mycstom .dp1 .act span a{font-weight:700;color:#9D2340;background:#f5e5e9;text-decoration:underline}
}
@media all and (min-width:481px) and (max-width:1199px) {
    #kwrap{display:flex;flex-direction:column;justify-content:center;width:100%}
    #ewrap{display:flex;flex-direction:column;justify-content:center;width:100%}
    #aside{position:relative;min-width:auto !important}
    #aside .kfom{padding:2rem;padding-right:30rem;border:.1rem solid #e4e4e4;background:#fff}
    #aside .aside fieldset{display:flex;align-items:center;justify-content:space-between;gap:2rem;position:absolute;top:2rem;right:2rem}
    #aside .aside fieldset strong{font-size:1.6rem;color:#6D001A}
    #aside .aside h3{display:none}
    #aside .aside h4{display:none;align-items:center;padding-bottom:1rem;font-size:1.4rem;font-weight:400;color:#000}
    #aside .aside .dp1{display:none}
    #aside .aside fieldset strong{width:6rem}

    #aside .myaside{display:none}

    #aside .mycstom .tab ul{display:flex}
    #aside .mycstom .tab li{width:100%}
    #aside .mycstom .tab a{display:flex;align-items:center;justify-content:center;width:100%;min-height:4.8rem;font-size:1.8rem;font-weight:700;color:#bababa;background:#f6f6f6;border-radius:1rem 1rem 0 0}
    #aside .mycstom .tab .act a{font-weight:400;color:#fff;background:#9D2340}
    #aside .mycstom .tit{display:flex;align-items:center;justify-content:center;padding:0 2rem;min-height:4.8rem;font-size:1.8rem;color:#fff;background:#9D2340;border-radius:1rem 1rem 0 0}
    #aside .mycstom .dp1{display:flex;width:100%;border:.1rem solid #9D2340}
    #aside .mycstom .dp1 li{width:100%}
    #aside .mycstom .dp1 span{display:flex;align-items:center;justify-content:space-between}
    #aside .mycstom .dp1 span a{display:flex;align-items:center;padding:0 1.5rem;width:100%;min-height:6rem;font-size:1.4rem;color:#000}
    #aside .mycstom .dp1 span a:before{content:'';display:flex;width:6rem;height:6rem}
    #aside .mycstom .dp1 span a:hover,
    #aside .mycstom .dp1 .act span a{font-weight:700;color:#9D2340;background:#f5e5e9;text-decoration:underline}
}
@media (max-width:480px){
    #kwrap{display:flex;flex-direction:column;justify-content:center;width:100%}
    #ewrap{display:flex;flex-direction:column;justify-content:center;width:100%}
    #aside{position:relative;min-width:auto !important}
    #aside .kfom{padding:2rem;padding-bottom:1rem;border:.1rem solid #e4e4e4;border-bottom:0;background:#fff}
    #aside .aside fieldset{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2rem;padding-top:0;border:.1rem solid #e4e4e4;border-top:0;background:#fff}
    #aside .aside fieldset strong{font-size:1.6rem;color:#6D001A}
    #aside .aside fieldset .mw150{min-width:24rem !important;}
    #aside .aside fieldset .innr{position:relative}
    #aside .aside h3{display:none}
    #aside .aside h4{display:none;align-items:center;padding-bottom:1rem;font-size:1.4rem;font-weight:400;color:#000}
    #aside .aside .dp1{display:none}

    #aside .myaside{display:none}

    #aside .mycstom .tab ul{display:flex}
    #aside .mycstom .tab li{width:100%}
    #aside .mycstom .tab a{display:flex;align-items:center;justify-content:center;width:100%;min-height:4.8rem;font-size:1.8rem;font-weight:700;color:#bababa;background:#f6f6f6;border-radius:1rem 1rem 0 0}
    #aside .mycstom .tab .act a{font-weight:400;color:#fff;background:#9D2340}
    #aside .mycstom .tit{display:flex;align-items:center;justify-content:center;padding:0 2rem;min-height:4.8rem;font-size:1.8rem;color:#fff;background:#9D2340;border-radius:1rem 1rem 0 0}
    #aside .mycstom .dp1{display:flex;width:100%;border:.1rem solid #9D2340}
    #aside .mycstom .dp1 li{width:100%}
    #aside .mycstom .dp1 span{display:flex;align-items:center;justify-content:space-between}
    #aside .mycstom .dp1 span a{display:flex;align-items:center;padding:0 1.5rem;width:100%;min-height:6rem;font-size:1.4rem;color:#000}
    #aside .mycstom .dp1 span a:before{content:'';display:flex;width:6rem;height:6rem}
    #aside .mycstom .dp1 span a:hover,
    #aside .mycstom .dp1 .act span a{font-weight:700;color:#9D2340;background:#f5e5e9;text-decoration:underline}

}





@media (min-width:700px){
    #header.main{position:absolute;top:0;right:0;left:0;background:none;box-shadow:0 3rem 6rem -2rem rgb(0 0 0 / 0%)}
    #header.main h1 a{background:url("/assets/img/logo1.svg") no-repeat 0 50%}
    #header.main h1 a img{opacity:0}
    #header.main #gnb .gnb .depth1 .dp1 .da1{color:var(--color-light-1)}
    #header.main .login a{min-width:7.8rem;color:var(--color-light-1)}
    #header.main .mypage .btns span{background-image:url(/assets/img/alarm-white.svg)}
    #header.main .member .btns strong{min-width:7.8rem;color:var(--color-light-1)}
    #header.main .mypage button{color:#fff}
    #header.main .mypage .bt-more{color:#9D2340}
    #header.main .select .btns{color:var(--color-light-1);border:.2rem solid var(--color-light-1);background:transparent}
    #header.main .select .btns em{background:url("/assets/img/utc-select.svg") no-repeat 50% 0}
    #header.main .select .btns.act{border:.2rem solid #9D2340;background:#9D2340;border-radius:2rem 2rem 0 0}
    #header.main .select .btns.act em{background-position:50% -2.4rem}
    #header.main .gnb-btn .bar .bars{background-color:#fff}
    
    #header .loginDiv{display: flex;gap:1.2rem}
	#header .selectDiv{display: flex;gap:1.2rem}
	#header .mobNullSp{display:none;}
}


/*기본레이아웃-상단*/
@media (min-width:0px){
    #header.fixed{position:sticky;z-index:100;top:0;background:var(--color-light-1);box-shadow:0 3rem 6rem -2rem rgb(0 0 0 / 10%)}
    #header.fixed h1 a{background:none}
    #header.fixed h1 a img{opacity:1}
    #header.fixed #gnb .gnb .depth1 .dp1 .da1{color:var(--color-dark-5)}
    #header.fixed .login a{min-width:7.8rem;color:#9D2340}
    #header.fixed .mypage .btns span{background-image:url(/assets/img/alarm.svg)}
    #header.fixed .mypage button{color:#9D2340}
    #header.fixed .member .btns strong{min-width:7.8rem;color:var(--color-dark-5)}
    #header.fixed .select .btns{color:var(--color-dark-5);border:.2rem solid #A72849}
    #header.fixed .select .btns em{background:url("/assets/img/utc-select2.svg") no-repeat 50% 0}
    #header.fixed .select .btns.act{color:#fff}
    #header.fixed .select .btns.act em{background:#9D2340 url("/assets/img/utc-select.svg") no-repeat 50% -2.4rem !important;border-radius:2rem 2rem 0 0}
}

@media (min-width:1496px){
    #header{background:var(--color-light-1);box-shadow:0 3rem 6rem -2rem rgb(0 0 0 / 10%);transition:.3s}
    #header h1 a{display:flex;align-items:center;height:10rem;font-size:1.6rem}
    #header h1{position:absolute;z-index:10;top:0;left:2rem}
    #header .header{display:flex;align-items:center;justify-content:center;padding:0 3rem;min-height:10rem}
    #header .header + .header{background-color:rgb(200 200 200 / 18%)}
    #header .lnb{display:flex;align-items:center;justify-content:flex-end;gap:1rem;position:absolute;z-index:10;top:0;right:2rem;height:10rem}
    #header .lnb a{display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;color:var(--color-light-1)}
    #header .login a{min-width:7.8rem;text-transform:uppercase;color:#9D2340}
    #header .logout a{min-width:10.8rem;text-transform:uppercase;background:#9D2340;border-radius:3rem}
    #header .join a{min-width:10.8rem;background:#9D2340;border-radius:3rem}
    #header .mypage{display:flex;align-items:center;gap:1.2rem}
    #header .mypage .btns{display:flex;align-items:center;gap:1.2rem}
    #header .mypage .btns span{display:block;position:relative;width:2.4rem;height:2.4rem;background:url(/assets/img/alarm.svg) no-repeat 50% 50%;border-radius:2rem}
    #header .mypage .btns span i{position:absolute;top:-.1rem;right:-.1rem;width:1rem;height:1rem;background:#D90026;border-radius:1rem}
    #header .mypage .btns button{font-size:1.4rem;font-weight:700;color:var(--color-dark-5)}
    #header .mypage .list{display:none;position:absolute;left:0;padding:1.7rem 0 0 0}
    #header .mypage .list ul{width:28rem;height:30rem;overflow-y:scroll;box-sizing:border-box;border:.1rem solid #dbdbdb;border-bottom:0;background:#fff;box-shadow:0 3rem 6rem -2rem rgb(0 0 0 / 30%)}
    #header .mypage .list ul::-webkit-scrollbar{width:1rem}
    #header .mypage .list ul::-webkit-scrollbar-thumb{height:17%;background-color:#bababa;border-radius:.2rem}
    #header .mypage .list ul::-webkit-scrollbar-track{background-color:#f5f5f5}
    #header .mypage .list li{padding:1rem 1.2rem;background:#fff;transition:.3s}
    #header .mypage .list li + li{border-top:.1rem solid #d7d7d7}
    #header .mypage .list li:hover,
    #header .mypage .list li.act{background:#f5e5e9}
    #header .mypage .list li a{display:block;font-size:1.4rem;font-weight:400;color:#000}
    #header .mypage .list li time{display:block;padding-top:1rem;font-size:1.2rem;color:#757575}
    #header .mypage .boxed{position:relative;z-index:10}
    #header .mypage .boxed.act .list{display:block}
    #header .mypage .bt-more{display:flex;align-items:center;justify-content:center;width:100%;height:4.8rem;font-size:1.4rem;font-weight:700;color:#9D2340;border:.1rem solid #dbdbdb;background:#fff}
    #header .mypage button{padding-right:2rem;font-size:1.4rem;font-weight:700;color:#9D2340}
    #header .member{display:flex;align-items:center;gap:1.2rem}
    #header .member a{display:flex;align-items:center;justify-content:center;height:3.7rem}
    #header .select{position:relative}
    #header .select .btns{padding:0 3.6rem 0 1.6rem;color:var(--color-dark-5);border:.2rem solid #A72849;background:transparent;border-radius:2rem}
    #header .select .btns span{display:flex;align-items:center;height:3.3rem;font-size:1.4rem;font-weight:700}
    #header .select .btns em{position:absolute;top:.8rem;right:.8rem;display:block;width:2.4rem;height:2.4rem;background:url("/assets/img/utc-select2.svg") no-repeat 50% 0;transition:.3s}
    #header .select .btns.act{color:var(--color-light-1);border:.2rem solid #9D2340;background:#9D2340;border-radius:2rem 2rem 0 0}
    #header .select .btns.act em{background:url("/assets/img/utc-select.svg") no-repeat 50% -2.4rem !important;border-radius:2rem 2rem 0 0}
    #header .select .list{display:none;position:absolute;top:3.7rem;right:0;left:0;background:#9D2340;border-radius:0 0 2rem 2rem}
    #header .select .list ul{padding:.6rem 0;overflow:hidden}
    #header .select .list li a{display:flex;align-items:center;justify-content:flex-start;height:3rem;padding-left:1.6rem}

    #gnb .gnb{position:relative;z-index:3;padding-right:20rem}
    #gnb .gnb .depth1{display:flex;align-items:center;justify-content:center;gap:4rem}
    #gnb .gnb .depth1 .dp1{position:relative}
    #gnb .gnb .depth1 .dp1 .da1{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:6rem;font-size:1.6rem;font-weight:700;color:var(--color-dark-5)}
    #gnb .gnb .depth1 .dp1 .da1:hover{color:#9D2340}
    #gnb .gnb .depth1 .dp1.act{height:auto}
    #gnb .gnb .depth1 .dp1.act .da1{font-weight:700;color:#9D2340}
    #gnb .gnb .depth1 .dp1:hover .depth2{display:flex;flex-direction:column;align-items:center;justify-content:center}
    #gnb .gnb .depth2{display:none;position:absolute;z-index:4;top:5rem;left:calc(50% - 100px);padding-top:1.3rem;min-width:20rem;box-shadow:0 3rem 6rem -2rem rgb(0 0 0 / 30%);transition:.3s}
    #gnb .gnb .depth2:before{content:'';position:absolute;top:0;left:calc(50% - .9rem);display:block;width:1.8rem;height:1.8rem;background:url("/assets/img/inc/arr-depth2.svg") no-repeat 50% 50%}
    #gnb .gnb .depth2 li{position:relative;width:100%;background:#fff}
    #gnb .gnb .depth2 li + li{border-top:.1rem solid #e4e4e4}
    #gnb .gnb .depth2 li a{display:flex;align-items:center;justify-content:center;height:4.8rem;font-size:1.6rem;font-weight:400;color:var(--color-dark-5);transition:color .3s}
    #gnb .gnb .depth2 li a:hover{color:var(--color-dark-5);background:#fff}
    #gnb .gnb .depth2 li a i{position:relative;z-index:1;font-size:1.8rem;color:#D90026}
    #gnb .gnb .depth2 li a i:before{position:relative;z-index:2}
    #gnb .gnb .depth2 li a i:after{content:'';display:flex;align-items:center;justify-content:center;position:absolute;z-index:1;top:.3rem;left:.3rem;right:.3rem;bottom:.3rem;background:var(--color-light-1);border-radius:50%}
    #gnb .gnb-btn{display:none;position:absolute;z-index:999;top:0;left:25rem;width:2rem;height:7rem;border-right:.1rem solid #aaa;background:var(--color-light-1) url("/assets/img/ico/gnb-btn.svg") no-repeat 50% 50%}
}

@media (min-width:1200px){ 
	#header.main #gnb2 .gnb .depth1 .dp1 .da1{color:var(--color-light-1)}
	#header.fixed #gnb2 .gnb .depth1 .dp1 .da1{color:var(--color-dark-5)}
	#gnb2{padding-bottom:1rem; margin-top:-2rem;}
    #gnb2 .gnb{position:relative;z-index:3} 
    #gnb2 .gnb .depth1{display:flex;align-items:center;justify-content:space-around;gap:0rem}
    #gnb2 .gnb .depth1 .dp1{position:relative}
    #gnb2 .gnb .depth1 .dp1 .da1{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:6rem;font-size:1.6rem;font-weight:700;color:var(--color-dark-5)}
    #gnb2 .gnb .depth1 .dp1 .da1:hover{color:#9D2340}
    #gnb2 .gnb .depth1 .dp1.act{height:auto}
    #gnb2 .gnb .depth1 .dp1.act .da1{font-weight:700;color:#9D2340}
    #gnb2 .gnb .depth1 .dp1:hover .depth2{display:flex;flex-direction:column;align-items:center;justify-content:center}
    #gnb2 .gnb .depth2{display:none;position:absolute;z-index:4;top:5rem;left:calc(50% - 100px);padding-top:1.3rem;min-width:20rem;box-shadow:0 3rem 6rem -2rem rgb(0 0 0 / 30%);transition:.3s}
    #gnb2 .gnb .depth2:before{content:'';position:absolute;top:0;left:calc(50% - .9rem);display:block;width:1.8rem;height:1.8rem;background:url("/assets/img/inc/arr-depth2.svg") no-repeat 50% 50%}
    #gnb2 .gnb .depth2 li{position:relative;width:100%;background:#fff}
    #gnb2 .gnb .depth2 li + li{border-top:.1rem solid #e4e4e4}
    #gnb2 .gnb .depth2 li a{display:flex;align-items:center;justify-content:center;height:4.8rem;font-size:1.6rem;font-weight:400;color:var(--color-dark-5);transition:color .3s}
    #gnb2 .gnb .depth2 li a:hover{color:var(--color-dark-5);background:#fff}
    #gnb2 .gnb .depth2 li a i{position:relative;z-index:1;font-size:1.8rem;color:#D90026}
    #gnb2 .gnb .depth2 li a i:before{position:relative;z-index:2}
    #gnb2 .gnb .depth2 li a i:after{content:'';display:flex;align-items:center;justify-content:center;position:absolute;z-index:1;top:.3rem;left:.3rem;right:.3rem;bottom:.3rem;background:var(--color-light-1);border-radius:50%}
    #gnb2 .gnb-btn{display:flex;position:absolute;z-index:999;top:0;left:25rem;width:2rem;height:7rem;border-right:.1rem solid #aaa;background:var(--color-light-1) url("/assets/img/ico/gnb-btn.svg") no-repeat 50% 50%}
    
    #quick2{position:absolute;right:calc(50% - 56rem);transition: transform 0.3s ease;bottom:0;}
    #quick2.hide{visibility:hidden;}
    #quick2.fixed{position:fixed;right:calc(50% - 73.5rem);bottom:20px;}
    #quick2 .innr .bt{display:flex;flex-direction:column;align-items:center;justify-content:center;width:8.5rem;height:8.5rem;font-size:1.1rem;font-weight:700;color:#A72849;background:#fff;border-radius:4rem;box-shadow:0 1rem 3rem 0 rgb(0 0 0 / 20%);gap:0.2rem;text-align:center;}
    #quick2 .innr .bt i{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem}
    #quick2 .innr .bt-pinquiry i{background:url("/assets/img/aside/ico43-act.svg") no-repeat 50% 50%}
    
    #footer .icons{display:flex;gap:7rem;}
    #footer .log dl{display:flex;flex-direction:column;gap:1.5rem;}
    #footer .log dt{font-size:1.4rem;font-weight:600;color:var(--color-light-1)}
    #footer .log dd{display:flex;gap:2rem}
    #footer .log dd a{display:flex;gap:1rem;color:var(--color-light-1);font-size:1.3rem;align-items:center;}
    #footer .log dd i{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
    #footer .log dd i.sns{width:2.5rem;height:2.5rem;}
}


@media all and (min-width:1200px) and (max-width:1496px) {
    #header{background:var(--color-light-1);box-shadow:0 3rem 6rem -2rem rgb(0 0 0 / 10%);transition:.3s}
    #header h1 a{display:flex;align-items:center;height:10rem;font-size:1.6rem}
    #header h1{position:absolute;z-index:10;top:0;left:2rem}
    #header .header{display:flex;align-items:center;padding-left:32rem;min-height:10rem}
    #header .header + .header{background-color:rgb(200 200 200 / 18%)}
    #header .lnb{display:flex;align-items:center;justify-content:flex-end;gap:1rem;position:absolute;z-index:10;top:0;right:2rem;height:10rem}
    #header .lnb a{display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;color:var(--color-light-1)}
    #header .login a{min-width:7.8rem;text-transform:uppercase;color:#9D2340}
    #header .logout a{min-width:10.8rem;text-transform:uppercase;background:#9D2340;border-radius:3rem}
    #header .join a{min-width:10.8rem;background:#9D2340;border-radius:3rem}
    #header .mypage{display:flex;align-items:center;gap:1.2rem}
    #header .mypage .btns{display:flex;align-items:center;gap:1.2rem}
    #header .mypage .btns span{display:block;position:relative;width:2.4rem;height:2.4rem;background:url(/assets/img/alarm.svg) no-repeat 50% 50%;border-radius:2rem}
    #header .mypage .btns span i{position:absolute;top:-.1rem;right:-.1rem;width:1rem;height:1rem;background:#D90026;border-radius:1rem}
    #header .mypage .btns button{font-size:1.4rem;font-weight:700;color:var(--color-dark-5)}
    #header .mypage .list{display:none;position:absolute;left:0;padding:1.7rem .5rem 0 0;box-sizing:border-box}
    #header .mypage .list ul{width:28rem;height:30rem;overflow-y:scroll;box-sizing:border-box;border:.1rem solid #dbdbdb;border-bottom:0;background:#fff;box-shadow:0 3rem 6rem -2rem rgb(0 0 0 / 30%)}
    #header .mypage .list ul::-webkit-scrollbar{width:1rem}
    #header .mypage .list ul::-webkit-scrollbar-thumb{height:17%;background-color:#bababa;border-radius:.2rem}
    #header .mypage .list ul::-webkit-scrollbar-track{background-color:#f5f5f5}
    #header .mypage .list li{padding:1rem 1.2rem;background:#fff;transition:.3s}
    #header .mypage .list li + li{border-top:.1rem solid #d7d7d7}
    #header .mypage .list li:hover,
    #header .mypage .list li.act{background:#f5e5e9}
    #header .mypage .list li a{display:block;font-size:1.4rem;font-weight:400;color:#000}
    #header .mypage .list li time{display:block;padding-top:1rem;font-size:1.2rem;color:#757575}
    #header .mypage .boxed{position:relative;z-index:10}
    #header .mypage .boxed.act .list{display:block}
    #header .mypage .bt-more{display:flex;align-items:center;justify-content:center;width:100%;height:4.8rem;font-size:1.4rem;font-weight:700;color:#9D2340;border:.1rem solid #dbdbdb;background:#fff}
    #header .mypage button{padding-right:2rem;font-size:1.4rem;font-weight:700;color:#9D2340}
    #header .member{display:flex;align-items:center;gap:1.2rem}
    #header .member a{display:flex;align-items:center;justify-content:center;height:3.7rem}
    #header .select{position:relative}
    #header .select .btns{padding:0 3.6rem 0 1.6rem;color:var(--color-dark-5);border:.2rem solid #A72849;background:transparent;border-radius:2rem}
    #header .select .btns span{display:flex;align-items:center;height:3.3rem;font-size:1.4rem;font-weight:700}
    #header .select .btns em{position:absolute;top:.4rem;right:.8rem;display:block;width:2.4rem;height:2.4rem;background:url("/assets/img/utc-select2.svg") no-repeat 50% 0;transition:.3s}
    #header .select .btns.act{color:var(--color-light-1);border:.2rem solid #9D2340;background:#9D2340;border-radius:2rem 2rem 0 0}
    #header .select .btns.act em{background:url("/assets/img/utc-select.svg") no-repeat 50% -2.4rem !important;border-radius:2rem 2rem 0 0}
    #header .select .list{display:none;position:absolute;top:3.7rem;right:0;left:0;background:#9D2340;border-radius:0 0 2rem 2rem}
    #header .select .list ul{padding:.6rem 0;overflow:hidden}
    #header .select .list li a{display:flex;align-items:center;justify-content:flex-start;height:3rem;padding-left:1.6rem}
    
    #gnb .gnb{position:relative;z-index:3}
    #gnb .gnb .depth1{display:flex;align-items:center;justify-content:center;gap:3rem}
    #gnb .gnb .depth1 .dp1{position:relative}
    #gnb .gnb .depth1 .dp1 .da1{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:6rem;font-size:1.6rem;font-weight:700;color:var(--color-dark-5)}
    #gnb .gnb .depth1 .dp1 .da1:hover{color:#9D2340}
    #gnb .gnb .depth1 .dp1.act{height:auto}
    #gnb .gnb .depth1 .dp1.act .da1{font-weight:700;color:#9D2340}
    #gnb .gnb .depth1 .dp1:hover .depth2{display:flex;flex-direction:column;align-items:center;justify-content:center}
    #gnb .gnb .depth2{display:none;position:absolute;z-index:4;top:5rem;left:calc(50% - 100px);padding-top:1.3rem;min-width:20rem;box-shadow:0 3rem 6rem -2rem rgb(0 0 0 / 30%);transition:.3s}
    #gnb .gnb .depth2:before{content:'';position:absolute;top:0;left:calc(50% - .9rem);display:block;width:1.8rem;height:1.8rem;background:url("/assets/img/inc/arr-depth2.svg") no-repeat 50% 50%}
    #gnb .gnb .depth2 li{position:relative;width:100%;background:#fff}
    #gnb .gnb .depth2 li + li{border-top:.1rem solid #e4e4e4}
    #gnb .gnb .depth2 li a{display:flex;align-items:center;justify-content:center;height:4.8rem;font-size:1.6rem;font-weight:400;color:var(--color-dark-5);transition:color .3s}
    #gnb .gnb .depth2 li a:hover{color:var(--color-dark-5);background:#fff}
    #gnb .gnb .depth2 li a i{position:relative;z-index:1;font-size:1.8rem;color:#D90026}
    #gnb .gnb .depth2 li a i:before{position:relative;z-index:2}
    #gnb .gnb .depth2 li a i:after{content:'';display:flex;align-items:center;justify-content:center;position:absolute;z-index:1;top:.3rem;left:.3rem;right:.3rem;bottom:.3rem;background:var(--color-light-1);border-radius:50%}
    #gnb .gnb-btn{display:flex;position:absolute;z-index:999;top:0;left:25rem;width:2rem;height:7rem;border-right:.1rem solid #aaa;background:var(--color-light-1) url("/assets/img/ico/gnb-btn.svg") no-repeat 50% 50%}
        

}
@media all and (min-width:701px) and (max-width:1199px) {
    #header{background:var(--color-light-1);box-shadow:0 3rem 6rem -2rem rgb(0 0 0 / 10%);transition:.3s}
    #header h1 a{display:flex;align-items:center;font-size:1.6rem;background-size:15rem auto !important}
    #header h1 a img{width:15rem;height:auto}
    #header h1{position:absolute;z-index:10;top:2rem;left:3rem}
    #header .header + .header{background-color:rgb(200 200 200 / 18%)}
    #header .lnb{display:flex;align-items:center;justify-content:flex-end;gap:1rem;position:absolute;z-index:10;top:2rem;right:3rem}
    #header .lnb a{display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;color:var(--color-light-1)}
    #header .login a{min-width:7.8rem;text-transform:uppercase;color:#9D2340}
    #header .logout a{min-width:10.8rem;text-transform:uppercase;background:#9D2340;border-radius:3rem}
    #header .join a{min-width:10.8rem;background:#9D2340;border-radius:3rem}
    #header .mypage{display:flex;align-items:center;gap:1.2rem}
    #header .mypage .btns{display:flex;align-items:center;gap:1.2rem}
    #header .mypage .btns span{display:block;position:relative;width:2.4rem;height:2.4rem;background:url(/assets/img/alarm.svg) no-repeat 50% 50%;border-radius:2rem}
    #header .mypage .btns span i{position:absolute;top:-.1rem;right:-.1rem;width:1rem;height:1rem;background:#D90026;border-radius:1rem}
    #header .mypage .btns button{font-size:1.4rem;font-weight:700;color:var(--color-dark-5)}
    #header .mypage .list{display:none;position:absolute;left:0;padding:1.7rem .5rem 0 0;box-sizing:border-box}
    #header .mypage .list ul{width:24.7rem;border:.1rem solid #dbdbdb;box-shadow:0 3rem 6rem -2rem rgb(0 0 0 / 30%);background-color:#fff;overflow-y:scroll;height:30rem}
    #header .mypage .list ul::-webkit-scrollbar{width:1rem}
    #header .mypage .list ul::-webkit-scrollbar-thumb{height:17%;background-color:#bababa;border-radius:.2rem}
    #header .mypage .list ul::-webkit-scrollbar-track{background-color:#f5f5f5}
    #header .mypage .list li{padding:1rem 1.2rem;background:#fff;transition:.3s}
    #header .mypage .list li + li{border-top:.1rem solid #d7d7d7}
    #header .mypage .list li:hover,
    #header .mypage .list li.act{background:#f5e5e9}
    #header .mypage .list li a{display:block;font-size:1.4rem;font-weight:400;color:#000}
    #header .mypage .list li time{display:block;padding-top:1rem;font-size:1.2rem;color:#757575}
    #header .mypage .boxed{position:relative;z-index:10}
    #header .mypage .boxed.act .list{display:block}
    #header .mypage .bt-more{display:flex;align-items:center;justify-content:center;width:100%;height:4.8rem;font-size:1.4rem;font-weight:700;color:#9D2340;border:.1rem solid #dbdbdb;background:#fff}
    #header .mypage button{padding-right:2rem;font-size:1.4rem;font-weight:700;color:#9D2340}
    #header .member{display:flex;align-items:center;gap:1.2rem}
    #header .member a{display:flex;align-items:center;justify-content:center;height:3.7rem}
    #header .select{position:relative}
    #header .select .btns{padding:0 3.6rem 0 1.6rem;color:var(--color-dark-5);border:.2rem solid #A72849;background:transparent;border-radius:2rem}
    #header .select .btns span{display:flex;align-items:center;height:3.3rem;font-size:1.4rem;font-weight:700}
    #header .select .btns em{position:absolute;top:.4rem;right:.8rem;display:block;width:2.4rem;height:2.4rem;background:url("/assets/img/utc-select2.svg") no-repeat 50% 0;transition:.3s}
    #header .select .btns.act{color:var(--color-light-1);border:.2rem solid #9D2340;background:#9D2340;border-radius:2rem 2rem 0 0}
    #header .select .btns.act em{background:url("/assets/img/utc-select.svg") no-repeat 50% -2.6rem !important;border-radius:2rem 2rem 0 0}
    #header .select .list{display:none;position:absolute;top:3.2rem;right:0;left:0;background:#9D2340;border-radius:0 0 2rem 2rem}
    #header .select .list ul{padding:.6rem 0;overflow:hidden}
    #header .select .list li a{display:flex;align-items:center;justify-content:flex-start;height:3rem;padding-left:1.6rem}
    
    #gnb{padding-top:6rem}
    #gnb .gnb{position:relative;z-index:3}
    #gnb .gnb .depth1{display:flex;align-items:center;justify-content:space-around;gap:0rem}
    #gnb .gnb .depth1 .dp1{position:relative}
    #gnb .gnb .depth1 .dp1 .da1{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:6rem;font-size:1.6rem;font-weight:700;color:var(--color-dark-5)}
    #gnb .gnb .depth1 .dp1 .da1:hover{color:#9D2340}
    #gnb .gnb .depth1 .dp1.act{height:auto}
    #gnb .gnb .depth1 .dp1.act .da1{font-weight:700;color:#9D2340}
    #gnb .gnb .depth1 .dp1:hover .depth2{display:flex;flex-direction:column;align-items:center;justify-content:center}
    #gnb .gnb .depth2{display:none;position:absolute;z-index:4;top:5rem;left:calc(50% - 100px);padding-top:1.3rem;min-width:20rem;box-shadow:0 3rem 6rem -2rem rgb(0 0 0 / 30%);transition:.3s}
    #gnb .gnb .depth2:before{content:'';position:absolute;top:0;left:calc(50% - .9rem);display:block;width:1.8rem;height:1.8rem;background:url("/assets/img/inc/arr-depth2.svg") no-repeat 50% 50%}
    #gnb .gnb .depth2 li{position:relative;width:100%;background:#fff}
    #gnb .gnb .depth2 li + li{border-top:.1rem solid #e4e4e4}
    #gnb .gnb .depth2 li a{display:flex;align-items:center;justify-content:center;height:4.8rem;font-size:1.6rem;font-weight:400;color:var(--color-dark-5);transition:color .3s}
    #gnb .gnb .depth2 li a:hover{color:var(--color-dark-5);background:#fff}
    #gnb .gnb .depth2 li a i{position:relative;z-index:1;font-size:1.8rem;color:#D90026}
    #gnb .gnb .depth2 li a i:before{position:relative;z-index:2}
    #gnb .gnb .depth2 li a i:after{content:'';display:flex;align-items:center;justify-content:center;position:absolute;z-index:1;top:.3rem;left:.3rem;right:.3rem;bottom:.3rem;background:var(--color-light-1);border-radius:50%}
    #gnb .gnb-btn{display:flex;position:absolute;z-index:999;top:0;left:25rem;width:2rem;height:7rem;border-right:.1rem solid #aaa;background:var(--color-light-1) url("/assets/img/ico/gnb-btn.svg") no-repeat 50% 50%}

	#quick2{z-index:999;position:absolute;right:0rem;transition: transform 0.3s ease;bottom:0px;}
	#quick2.hide{visibility:hidden;}
	#quick2.fixed{position:fixed;right:3rem;bottom:10px;}
    #quick2 .innr .bt{display:flex;flex-direction:column;align-items:center;justify-content:center;width:8.5rem;height:8.5rem;font-size:1.1rem;font-weight:700;color:#A72849;background:#fff;border-radius:4rem;box-shadow:0 1rem 3rem 0 rgb(0 0 0 / 20%);gap:0.2rem;}
    #quick2 .innr .bt i{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem}
    #quick2 .innr .bt-pinquiry i{background:url("/assets/img/aside/ico43-act.svg") no-repeat 50% 50%}
    
    #footer .icons{display:flex;gap:4rem;}
    #footer .log dl{display:flex;flex-direction:column;gap:1.5rem;}
    #footer .log dt{font-size:1.4rem;font-weight:600;color:var(--color-light-1)}
    #footer .log dd{display:flex;gap:2rem}
    #footer .log dd a{gap:1rem;color:var(--color-light-1);font-size:1.5rem;align-items:center;}
    #footer .log dd i{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
    #footer .log dd i.sns{width:2.5rem;height:2.5rem;}
    
}
@media (max-width:700px){
    #header{background:var(--color-light-1);box-shadow:0 3rem 6rem -2rem rgb(0 0 0 / 10%);transition:.3s}
    #header h1{display:flex;align-items:center;padding:0 2rem;height:7rem}
    #header h1 a{display:flex;align-items:center;font-size:1.6rem}
    #header h1 a img{width:14rem}
    #header .header + .header{background-color:rgb(200 200 200 / 18%)}
    #header .lnb{display:flex;justify-content:space-between;gap:1rem;padding:0 2rem}
    #header .lnb a{display:flex;align-items:center;justify-content:center;height:3.7rem;font-size:1.8rem;font-weight:700;color:var(--color-light-1)}
    #header .login a{color:#9D2340;text-transform:uppercase;padding-right:10px}
    #header .logout{position:absolute;bottom:2rem;left:2rem}
    #header .logout a{min-width:12rem;height:5.4rem;font-size:1.4rem;text-transform:uppercase;color:#000;border:.1rem solid #d7d7d7;background:#fff;border-radius:3rem}
    #header .join a{padding:0 3rem;background:#9D2340;border-radius:3rem;height:5.3rem;}
    #header .mypage{display:flex;align-items:center;gap:1.2rem}
    #header .mypage .btns{display:flex;align-items:center;gap:1.2rem}
    #header .mypage .btns span{display:block;position:relative;width:2.4rem;height:2.4rem;background:url(/assets/img/alarm.svg) no-repeat 50% 50%;border-radius:2rem}
    #header .mypage .btns span i{position:absolute;top:-.1rem;right:-.1rem;width:1rem;height:1rem;background:#D90026;border-radius:1rem}
    #header .mypage .btns button{font-size:1.4rem;font-weight:700;color:var(--color-dark-5)}
    #header .mypage .list{display:none;position:absolute;left:0;padding:1.7rem .5rem 0 0;box-sizing:border-box}
    #header .mypage .list ul{width:24.7rem;border:.1rem solid #dbdbdb;box-shadow:0 3rem 6rem -2rem rgb(0 0 0 / 30%);background-color:#fff;overflow-y:scroll;height:30rem}
    #header .mypage .list ul::-webkit-scrollbar{width:1rem}
    #header .mypage .list ul::-webkit-scrollbar-thumb{height:17%;background-color:#bababa;border-radius:.2rem}
    #header .mypage .list ul::-webkit-scrollbar-track{background-color:#f5f5f5}
    #header .mypage .list li{padding:1rem 1.2rem;background:#fff;transition:.3s}
    #header .mypage .list li + li{border-top:.1rem solid #d7d7d7}
    #header .mypage .list li:hover,
    #header .mypage .list li.act{background:#f5e5e9}
    #header .mypage .list li a{display:block;font-size:1.4rem;font-weight:400;color:#000}
    #header .mypage .list li time{display:block;padding-top:1rem;font-size:1.2rem;color:#757575}
    #header .mypage .boxed{position:relative;z-index:10}
    #header .mypage .boxed.act .list{display:block}
    #header .mypage .bt-more{display:flex;align-items:center;justify-content:center;width:100%;height:4.8rem;font-size:1.4rem;font-weight:700;color:#9D2340;border:.1rem solid #dbdbdb;background:#fff}
    #header .mypage button{font-size:2rem;font-weight:700;color:#9D2340}
    #header .member{display:inline-grid;gap:1.2rem}
    #header .select{position:relative; padding-right:1.2rem}
    #header .select .btns{display:flex;align-items:center;justify-content:space-between;padding:0 .8rem 0 2.4rem;min-width:12rem;color:var(--color-dark-5);border:.1rem solid #A72849;background:transparent;border-radius:3rem}
    #header .select .btns span{display:flex;align-items:center;height:5rem;font-size:1.4rem;font-weight:700;color:#9D2340}
    #header .select .btns em{display:block;width:3rem;height:3rem;background:url("/assets/img/utc-select2.svg") no-repeat 50% 0;transition:.3s}
    #header .select .btns.act{color:var(--color-light-1);border:.1rem solid #9D2340;background:#9D2340;border-radius:3rem 3rem 0 0}
    #header .select .btns.act span{color:#fff}
    #header .select .btns.act em{background:url("/assets/img/utc-select.svg") no-repeat 50% -3rem !important;border-radius:3rem 3rem 0 0}
    #header .select .list{display:none;position:absolute;top:5rem;right:0;left:0;background:#9D2340;border-radius:0 0 3rem 3rem}
    #header .select .list ul{padding:.6rem 0;overflow:hidden}
    #header .select .list li a{display:flex;align-items:center;justify-content:flex-start;height:3rem;font-size:1.4rem !important;padding-left:2.4rem}
    
    #gnb{padding-top:6rem}
    #gnb .gnb{position:relative;z-index:3}
    #gnb .gnb .depth1{display:flex;flex-direction:column;justify-content:space-around;gap:0rem}
    #gnb .gnb .depth1 .dp1{position:relative;padding:0 3rem}
    #gnb .gnb .depth1 .dp1 + .dp1 .da1{border-top:.1rem solid #e4e4e4}
    #gnb .gnb .depth1 .dp1 .da1{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:7rem;font-size:2.4rem;font-weight:400;color:var(--color-dark-5)}
    #gnb .gnb .depth1 .dp1 .da1:hover{color:#9D2340}
    #gnb .gnb .depth1 .dp1.act{height:auto}
    #gnb .gnb .depth1 .dp1.act .da1{font-weight:700;color:#9D2340}
    #gnb .gnb .depth1 .dp1:hover .depth2{display:flex;flex-direction:column;align-items:center;justify-content:center}
    #gnb .gnb .depth2{display:none;position:absolute;z-index:4;top:5rem;left:calc(50% - 100px);padding-top:1.3rem;min-width:20rem;box-shadow:0 3rem 6rem -2rem rgb(0 0 0 / 30%);transition:.3s}
    #gnb .gnb .depth2:before{content:'';position:absolute;top:0;left:calc(50% - .9rem);display:block;width:1.8rem;height:1.8rem;background:url("/assets/img/inc/arr-depth2.svg") no-repeat 50% 50%}
    #gnb .gnb .depth2 li{position:relative;width:100%;background:#fff}
    #gnb .gnb .depth2 li + li{border-top:.1rem solid #e4e4e4}
    #gnb .gnb .depth2 li a{display:flex;align-items:center;justify-content:center;height:4.8rem;font-size:1.6rem;font-weight:400;color:var(--color-dark-5);transition:color .3s}
    #gnb .gnb .depth2 li a:hover{color:var(--color-dark-5);background:#fff}
    #gnb .gnb .depth2 li a i{position:relative;z-index:1;font-size:1.8rem;color:#D90026}
    #gnb .gnb .depth2 li a i:before{position:relative;z-index:2}
    #gnb .gnb .depth2 li a i:after{content:'';display:flex;align-items:center;justify-content:center;position:absolute;z-index:1;top:.3rem;left:.3rem;right:.3rem;bottom:.3rem;background:var(--color-light-1);border-radius:50%}
    #gnb .gnb-btn{display:flex;position:absolute;z-index:999;top:0;left:25rem;width:2rem;height:7rem;border-right:.1rem solid #aaa;background:var(--color-light-1) url("/assets/img/ico/gnb-btn.svg") no-repeat 50% 50%}    

    #header .gnb-btn{position:absolute;z-index:1150;top:0;right:0;display:block;width:7rem;height:7rem;border:none;background:none;cursor:pointer}
	#header .gnb-btn .bar{display:block;position:relative;margin:-.2rem auto 0;width:2.8rem;height:1.8rem;transform:rotate(0deg);transition:.4s}
	#header .gnb-btn .bar .bars{display:block;width:100%;height:.1rem;position:absolute;background-color:#000;-webkit-transition:.4s;transition:.4s}
	#header .gnb-btn .bar .bar1{top:0;left:0}
	#header .gnb-btn .bar .bar2{top:50%;left:50%;transform:translate(-50%,0)}
	#header .gnb-btn .bar .bar3{top:100%;left:0}
    #header .gnb-btn.act{position:fixed}
	#header .gnb-btn.act .bar .bar1{top:50%;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}
	#header .gnb-btn.act .bar .bar2{width:200%;opacity:0}
	#header .gnb-btn.act .bar .bar3{top:50%;-webkit-transform:rotate(135deg);transform:rotate(135deg);margin:0}
    #header .gnb-btn.act .bar .bars{background-color:#9D2340}
    
    #header .gnb-nav{position:fixed;z-index:1149;visibility:hidden;top:0;right:-100%;width:100%;height:100%;padding-top:9rem;background:#fff;transition:.8s;overflow:hidden}
	#header .gnb-nav.act{right:0;visibility:visible}
    #header .gnb-bak{position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;background:rgb(255 255 255 / 80%);transition:.4s;visibility:hidden;opacity:0}
	#header .gnb-bak.act{visibility:visible;opacity:1}
	
	#header .loginDiv{display: inline-flex;justify-content: flex-end; align-items:center;}
	#header .selectDiv{display: inline-flex;justify-content: flex-end;}
    #header .mobNullSp{display:inline-block;}
    	
	#quick2{z-index:9;position:absolute;right:0rem;transition: transform 0.3s ease;bottom:5rem;}
	#quick2.hide{visibility:hidden;}
	#quick2.fixed{position:fixed;right:3rem;bottom:10px;}
    #quick2 .innr .bt{display:flex;flex-direction:column;align-items:center;justify-content:center;width:6rem;height:6rem;font-size:1.1rem;font-weight:700;color:#A72849;background:#fff;border-radius:4rem;box-shadow:0 1rem 3rem 0 rgb(0 0 0 / 20%);gap:0.2rem;}
    #quick2 .innr .bt i{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem}
    #quick2 .innr .bt-pinquiry i{background:url("/assets/img/aside/ico43-act.svg") no-repeat 50% 50%; width:4rem;height:4rem;}
    #quick2 .innr .bt-pinquiry span{display:none;}
}

















#footer .log .cd11{background-image:url("/assets/img/footer/cd11.svg")}
#footer .log .cd12{background-image:url("/assets/img/footer/cd12.svg")}
#footer .log .cd13{background-image:url("/assets/img/footer/cd13.svg")}
#footer .log .cd14{background-image:url("/assets/img/footer/cd14.svg")}
#footer .log .cd31{background-image:url("/assets/img/footer/cd31.png");filter:invert(27%) sepia(0%) saturate(3529%) hue-rotate(0deg) brightness(95%) contrast(80%);border-radius:0.5rem;}
#footer .log .cd32{background-image:url("/assets/img/footer/cd32.png");filter:invert(27%) sepia(0%) saturate(3529%) hue-rotate(0deg) brightness(95%) contrast(80%);border-radius:0.5rem;}
#footer .log .cd33{background-image:url("/assets/img/footer/cd33.png");filter:invert(27%) sepia(0%) saturate(3529%) hue-rotate(0deg) brightness(95%) contrast(80%);border-radius:0.5rem;}
#footer .log .cd21{background-image:url("/assets/img/footer/cd21.svg")}
#footer .log .cd22{background-image:url("/assets/img/footer/cd22.svg")}
#footer .log .cd23{background-image:url("/assets/img/footer/cd23.svg")}
#footer .log .cd24{background-image:url("/assets/img/footer/cd24.svg")}
#footer .log .cd25{background-image:url("/assets/img/footer/cd25.svg")}

/*기본레이아웃-공통*/
@media (min-width:1496px){
    #gnb .gnb-btn,
    #header .header + .header{display:none !important}
    #ktplay{position:relative;background:var(--color-dark-4)}
    
    #footer .footer{margin:0 auto;padding:5rem 0;max-width:124rem;border-bottom:.1rem solid #4F4F4F}
    #footer .log{display:flex;align-items:flex-start;gap:13.5rem;padding-bottom:7rem}
    #footer .log .logo_img {display:flex; gap:4rem;}
    #footer .log .logo_img #trollygo-fogo{width:20rem}
    #footer .log .logo_img #stx-corp-white-logo{width:24rem}
    #footer .fnb{display:flex;align-items:flex-start;justify-content:space-between}
    #footer .fnb .fnb1{display:flex;align-items:flex-start;gap:12rem}
    #footer .fnb .link{display:block;font-size:1.4rem;font-weight:500;color:var(--color-light-1)}
    #footer .fnb .fnb2{padding-top:.8rem}
    #footer .fnb .fnb2 a{display:block;font-size:1.2rem;font-weight:300;color:var(--color-light-1)}
    #footer .fnb address strong{display:block;padding-bottom:.8rem;font-size:1.4rem;color:var(--color-light-1)}
    #footer .fnb address span{line-height:1.6;font-size:1.4rem;font-weight:300;color:var(--color-light-1)}
    #footer cite{display:flex;align-items:center;justify-content:center;padding:1rem;height:9rem;font-size:1.4rem;color:var(--color-light-1)}

    #quick{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;position:fixed;bottom:3rem;right:calc(50% - 77rem);transition:bottom .3s}
    #quick.fixed{bottom:8rem}
    #quick .innr .bt{display:flex;flex-direction:column;align-items:center;justify-content:center;width:8rem;height:8rem;font-size:1.2rem;font-weight:700;color:#A72849;background:#fff;border-radius:4rem;box-shadow:0 1rem 3rem 0 rgb(0 0 0 / 20%);gap:0.2rem;}
    #quick .innr .bt i{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem}
    #quick .innr .bt-sell i{background:url("/assets/img/ico/ico-sell.svg") no-repeat 50% 50%}
    #quick .innr .bt-buy i{background:url("/assets/img/ico/ico-buy.svg") no-repeat 50% 50%}
    #quick .innr .bt-top i{background:url("/assets/img/ico/ico-top.svg") no-repeat 50% 50%}
    #quick .innr .bt-top{color:#fff;background:#A72849}
    #quick .innr .bt-pinquiry i{background:url("/assets/img/aside/ico43-act.svg") no-repeat 50% 50%}

    #banner{position:relative;margin:3rem auto;max-width:124rem;overflow:hidden;box-shadow:0 1rem 3rem rgb(0 0 0 / 20%)}
    #banner .innr img{display:block}
    #banner .btn{display:flex;align-items:center;justify-content:center;position:absolute;z-index:10;bottom:2rem;right:0;left:0}
    #banner .btn .swiper-pagination-bullet{display:flex;align-items:center;justify-content:center;width:.8rem;height:.8rem;font-size:0;color:#fff;background:#fff;border-radius:.8rem}
    #banner + #kwrap{margin:0 auto}
    #banner .text{display:flex;flex-direction:column;justify-content:center;position:absolute;z-index:2;top:0;bottom:0;right:0;padding-left:5rem;width:50rem;background:rgb(0 0 0 / 40%)}
    #banner .text strong{display:block;font-size:4rem;font-weight:400;color:#fff}
    #banner .text span{display:block;font-size:3rem;font-weight:300;color:#fff}
}
@media all and (min-width:701px) and (max-width:1496px) {
    #gnb .gnb-btn,
    #header .header + .header{display:none !important}
    #ktplay{position:relative;background:var(--color-dark-4)}
    #footer .footer{padding:3rem 2rem;border-bottom:.1rem solid #4F4F4F;max-width:124rem;margin:0 auto;}
    #footer .log{display:flex;align-items:center;;padding-bottom:5rem;flex-wrap: nowrap;gap:4rem;}
    #footer .log .logo_img {display:flex;gap:4rem;}
    #footer .log .logo_img img{width:22rem}
    #footer .log dl{display:flex;flex-direction:column;gap:1.5rem;}
    #footer .log dt{font-size:1.4rem;font-weight:600;color:var(--color-light-1)}
    #footer .log dd{display:flex;gap:2rem}
    #footer .log dd a{display:flex;gap:1rem;color:var(--color-light-1);font-size:1.5rem;align-items:center;}
    #footer .log dd i{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
    #footer .log dd i.sns{width:3.0rem;height:3.0rem;}
    #footer .cd{font-size:.9rem}
    #footer .ci{font-size:.9rem}
    #footer .tt{font-size:1.4rem}
    #footer .lc{font-size:1.4rem}
    #footer .fnb{display:flex;align-items:flex-start;gap:11rem;justify-content: flex-start;}
    #footer .fnb .fnb1{display:flex;align-items:flex-start;gap:6rem; white-space:nowrap;}
    #footer .fnb .link{display:block;font-size:1.4rem;font-weight:500;color:var(--color-light-1)}
    #footer .fnb .fnb2{padding-top:.8rem}
    #footer .fnb .fnb2 a{display:block;font-size:1.2rem;font-weight:300;color:var(--color-light-1)}
    #footer .fnb address{line-height:1.6;font-size:1.4rem;font-weight:300;color:var(--color-light-1);}
    #footer .fnb address strong{display:block;}
    #footer cite{display:flex;align-items:center;justify-content:center;padding:1rem;height:9rem;font-size:1.4rem;color:var(--color-light-1)}

    #quick{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;position:fixed;z-index:999;bottom:2rem;right:2rem;transition:bottom .3s}
    #quick.fixed{bottom:8rem}
    #quick .innr .bt{display:flex;flex-direction:column;align-items:center;justify-content:center;width:6rem;height:6rem;font-size:1.2rem;font-weight:700;color:#A72849;background:#fff;border-radius:4rem;box-shadow:0 1rem 3rem 0 rgb(0 0 0 / 20%)}
    #quick .innr .bt i{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background-size:cover !important}
    #quick .innr .bt-sell i{background:url("/assets/img/ico/ico-sell.svg") no-repeat 50% 50%}
    #quick .innr .bt-buy i{background:url("/assets/img/ico/ico-buy.svg") no-repeat 50% 50%}
    #quick .innr .bt-top i{background:url("/assets/img/ico/ico-top.svg") no-repeat 50% 50%}
    #quick .innr .bt-top{color:#fff;background:#A72849}
    #quick .innr .bt-pinquiry i{background:url("/assets/img/aside/ico43-act.svg") no-repeat 50% 50%;width:4rem;height:4rem;}
    #quick .innr .bt-pinquiry span{display:none;}

    #banner{position:relative;overflow:hidden;box-shadow:0 1rem 3rem rgb(0 0 0 / 20%)}
    #banner .innr img{display:block;width:100%;height:auto}
    #banner .btn{display:flex;align-items:center;justify-content:center;position:absolute;z-index:10;bottom:2rem;right:0;left:0}
    #banner .btn .swiper-pagination-bullet{display:flex;align-items:center;justify-content:center;width:.8rem;height:.8rem;font-size:0;color:#fff;background:#fff;border-radius:.8rem}
    #banner .text{display:flex;flex-direction:column;justify-content:center;position:absolute;z-index:2;top:0;bottom:0;right:0;padding-left:5rem;width:40rem;background:rgb(0 0 0 / 40%)}
    #banner .text strong{display:block;font-size:3rem;font-weight:400;color:#fff}
    #banner .text span{display:block;font-size:2rem;font-weight:300;color:#fff}
}
@media (max-width:700px){
    #gnb .gnb-btn,
    #header .header + .header{}
    #ktplay{position:relative;background:var(--color-dark-4)}
    #footer .footer{padding:3rem 2rem;border-bottom:.1rem solid #4F4F4F}
    #footer .log{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:3rem;padding-bottom:3rem}
    #footer .log .logo_img img{width:14rem}
    #footer .icons{display:contents;}
    #footer .log dl{display:flex;flex-direction:column;gap:1.5rem}
    #footer .log dt{font-size:1.4rem;font-weight:600;text-align:center;color:var(--color-light-1)}
    #footer .log dd{display:flex;justify-content:center;gap:2rem}
    #footer .log dd a{display:flex;gap:1rem;color:var(--color-light-1);font-size:1.3rem;align-items: center;}
    #footer .log dd i{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
    #footer .log dd i.sns{width:3.0rem;height:3.0rem;}
    #footer .cd{font-size:.9rem}
    #footer .ci{font-size:.9rem}
    #footer .tt{font-size:1.4rem}
    #footer .lc{font-size:1.4rem}
    #footer .fnb{display:flex;flex-direction:column;align-items:center;gap:6rem}
    #footer .fnb .fnb1{display:flex;align-items:flex-start;justify-content:center;gap:4rem}
    #footer .fnb .link{display:block;font-size:1.4rem;font-weight:500;color:var(--color-light-1)}
    #footer .fnb .fnb2{padding-top:.8rem}
    #footer .fnb .fnb2 a{display:block;font-size:1.2rem;font-weight:300;color:var(--color-light-1)}
    #footer .fnb address{padding:0 2rem;line-height:1.6;font-size:1.4rem;font-weight:300;word-break:keep-all;text-align:center;color:var(--color-light-1)}
    #footer .fnb address strong{display:block;}
    #footer cite{display:flex;align-items:center;justify-content:center;padding:1rem;height:9rem;font-size:1.4rem;color:var(--color-light-1)}

    #quick{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;position:fixed;z-index:999;bottom:2rem;right:2rem;transition:bottom .3s}
    #quick.fixed{bottom:8rem}
    #quick .innr .bt{display:flex;flex-direction:column;align-items:center;justify-content:center;width:6rem;height:6rem;font-size:1.2rem;font-weight:700;color:#A72849;background:#fff;border-radius:4rem;box-shadow:0 1rem 3rem 0 rgb(0 0 0 / 20%);gap:0.2rem;}
    #quick .innr .bt i{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background-size:cover !important}
    #quick .innr .bt-sell i{background:url("/assets/img/ico/ico-sell.svg") no-repeat 50% 50%}
    #quick .innr .bt-buy i{background:url("/assets/img/ico/ico-buy.svg") no-repeat 50% 50%}
    #quick .innr .bt-top i{background:url("/assets/img/ico/ico-top.svg") no-repeat 50% 50%}
    #quick .innr .bt-top{color:#fff;background:#A72849}
    #quick .innr .bt-pinquiry i{background:url("/assets/img/aside/ico43-act.svg") no-repeat 50% 50%; width:4rem;height:4rem;}
	#quick .innr .bt-pinquiry span{display:none;}
	
    #banner{position:relative;overflow:hidden;box-shadow:0 1rem 3rem rgb(0 0 0 / 20%)}
    #banner .innr img{display:block;width:100%;height:auto}
    #banner .btn{display:flex;align-items:center;justify-content:center;position:absolute;z-index:10;bottom:2rem;right:0;left:0}
    #banner .btn .swiper-pagination-bullet{display:flex;align-items:center;justify-content:center;width:.8rem;height:.8rem;font-size:0;color:#fff;background:#fff;border-radius:.8rem}
    #banner .text{display:flex;flex-direction:column;justify-content:center;position:absolute;z-index:2;top:0;bottom:0;right:0;padding-left:5rem;width:26rem;background:rgb(0 0 0 / 40%)}
    #banner .text strong{display:block;font-size:2rem;font-weight:400;color:#fff}
    #banner .text span{display:block;font-size:1.4rem;font-weight:300;color:#fff}
}








#search .select-menu li{position:relative;font-weight:400;border:.1rem solid #d7d7d7;background:#fff}
#search .select-menu li:first-child{border-radius:1rem 1rem 0 0}
#search .select-menu li:last-child{border-radius:0 0 1rem 1rem}
#search .select-menu li:hover > ul{display:flex}
#search .select-menu li{position:relative;font-weight:400;border:.1rem solid #d7d7d7;background:#fff}
#search .select-menu li:first-child{border-radius:1rem 1rem 0 0}
#search .select-menu li:last-child{border-radius:0 0 1rem 1rem}
#search .select-menu li:hover{font-weight:700;background:#f0f0f0}
#search .select-menu li + li{border-top:0}
#search .select-menu ul ul{flex-direction:column;display:none;position:absolute;z-index:1000;top:100%;left:0}
#search .select-menu ul ul ul{flex-direction:column;top:-.1rem;left:100%;padding-left:.5rem}
#search .select-menu .depth0{border-radius:1rem !important}
#search .select-menu .depth1{padding-top:1rem}
#search .select-menu .depth1 li a i{position:absolute;top:1.5rem;right:1.5rem;color:#aaa}
#search .select-menu .depth1 li:hover a i{color:#000}
#search .select-menu .depth2 li:hover{font-weight:700;background:#f0f0f0}
#search .select-menu .dp0{display:flex;align-items:center;position:relative;padding:0 2rem 0 4rem;height:4.8rem;font-size:1.6rem;color:#000}
#search .select-menu .dp0:before{content:'';position:absolute;top:0;left:0;display:block;width:3.6rem;height:4.8rem;background:url("/assets/img/ico/ico-category.svg") no-repeat 50% 50%}
#search .select-menu .dp0:after{content:'';position:absolute;top:0;right:0;display:block;width:3rem;height:4.8rem;background:url("/assets/img/ico/select.svg") no-repeat 50% 50%;transition:.2s}
#search .select-menu .dp1{display:block;position:relative;padding:0 4em 0 2rem;width:20rem;line-height:4.8rem;font-size:1.4rem;color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#search .select-menu .dp2{display:block;position:relative;padding:0 4rem 0 2rem;width:20rem;line-height:4.8rem;font-size:1.4rem;color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

#index .select-menu li{position:relative;font-weight:400;border:.1rem solid #d7d7d7;background:#fff}
#index .select-menu li:first-child{border-radius:1rem 1rem 0 0}
#index .select-menu li:last-child{border-radius:0 0 1rem 1rem}
#index .select-menu li:hover > ul{display:flex}
#index .select-menu li:hover{font-weight:700;background:#f0f0f0}
#index .select-menu li + li{border-top:0}
#index .select-menu ul ul{flex-direction:column;display:none;position:absolute;z-index:1000;top:100%;left:0}
#index .select-menu ul ul ul{flex-direction:column;top:-.1rem;left:100%;padding-left:.5rem}
#index .select-menu .depth0{border-radius:1rem !important}
#index .select-menu .depth1{padding-top:1rem}
#index .select-menu .depth1 li a i{position:absolute;top:1.5rem;right:1.5rem;color:#aaa}
#index .select-menu .depth1 li:hover a i{color:#000}
#index .select-menu .depth2 li:hover{font-weight:700;background:#f0f0f0}
#index .select-menu .dp0{display:flex;align-items:center;position:relative;padding:0 2rem 0 4rem;height:4.8rem;font-size:1.6rem;color:#000}
#index .select-menu .dp0:before{content:'';position:absolute;top:0;left:0;display:block;width:3.6rem;height:4.8rem;background:url("/assets/img/ico/ico-category.svg") no-repeat 50% 50%}
#index .select-menu .dp0:after{content:'';position:absolute;top:0;right:0;display:block;width:3rem;height:4.8rem;background:url("/assets/img/ico/select.svg") no-repeat 50% 50%;transition:.2s}
#index .select-menu .dp1{display:block;position:relative;padding:0 4em 0 2rem;width:20rem;line-height:4.8rem;font-size:1.4rem;color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#index .select-menu .dp2{display:block;position:relative;padding:0 4rem 0 2rem;width:20rem;line-height:4.8rem;font-size:1.4rem;color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

#contain .select-menu li{position:relative;font-weight:400}
#contain .select-menu li:hover > ul{display:flex}
#contain .select-menu li:hover{font-weight:700}
#contain .select-menu li + li{border-top:.1rem solid #f0f0f0}
#contain .select-menu ul ul{flex-direction:column;display:none;position:absolute;z-index:1000;top:100%;left:-2rem;border:.1rem solid #aaa;background:#fff;border-radius:1rem;box-shadow:0 3rem 6rem -2rem rgb(0 0 0 / 30%)}
#contain .select-menu ul ul ul{flex-direction:column;top:-.1rem;left:100%;padding-left:.5rem}
#contain .select-menu .depth0{border:0;border-radius:1rem !important}
#contain .select-menu .depth0:hover{font-weight:700;background:none}
#contain .select-menu .depth1{width:20rem;height:30rem;overflow:hidden;overflow-y:scroll;box-sizing:border-box}
#contain .select-menu .depth1::-webkit-scrollbar{width:1rem}
#contain .select-menu .depth1::-webkit-scrollbar-thumb{height:17%;background-color:#bababa;border-radius:.2rem}
#contain .select-menu .depth1::-webkit-scrollbar-track{background-color:#f5f5f5}
#contain .select-menu .depth1 li a i{position:absolute;top:1.5rem;right:1.5rem;color:#aaa}
#contain .select-menu .depth1 li:hover a i{color:#000}
#contain .select-menu .depth2 li:hover{font-weight:700;background:#f0f0f0}
#contain .select-menu .dp0{display:flex;align-items:center;position:relative;height:4.8rem;font-size:1.6rem;color:#000}
#contain .select-menu .dp1{display:block;position:relative;padding:0 2rem;width:20rem;line-height:4.8rem;font-size:1.4rem;color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#contain .select-menu .dp2{display:block;position:relative;padding:0 4rem 0 2rem;width:20rem;line-height:4.8rem;font-size:1.4rem;color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}




/*메인레이아웃*/
@media (min-width:1496px){
    #visual{background:#999}
    #visual .visual{position:relative;height:50rem}
    #visual .videos{position:absolute;z-index:0;top:0;bottom:0;right:0;left:0;opacity:1}
    #visual .videos-content{width:100%;height:100%;object-fit:cover}
    #visual .img{width:100%;height:50rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
    #main{display:flex;justify-content:center;position:relative;background:var(--color-light-1)}
    #main:before{content:'';position:absolute;top:0;right:0;left:0;border-top:.1rem solid #e2e2e2}
    #main .kwrap{margin:0 auto;max-width:124rem}
    #main.column{flex-direction:column}
    #index .titbox{display:flex;align-items:center;justify-content:space-between;height:3.6rem}
    #index .titbox h3{font-size:3rem;color:var(--color-dark-5)}
    #index .titbox a{font-size:1.6rem;color:var(--color-dark-5)}
    #index .platform{position:relative;top:-5.2rem;padding:0 12.4rem 5rem 12.4rem;background:var(--color-light-1);box-shadow:0 3rem 6rem -2rem rgba(0, 0, 0, 0.30)}
    #index .platform h2{padding:3.7rem 0;font-size:3.2rem;text-align:center;color:var(--color-dark-5)}
    #index .platform .form{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:2rem;width:100%}
    #index .platform .form .inr:nth-child(1){min-width:17.6rem}
    #index .platform .form .inr:nth-child(2){width:100%}
    #index .platform .form .inr:nth-child(3){min-width:15rem}
    #index .platform .form .select{position:relative;display:block}
    #index .platform .form .select:before{content:'';position:absolute;top:0;left:0;display:block;width:3.6rem;height:4.8rem;background:url("/assets/img/ico/ico-category.svg") no-repeat 50% 50%}
    #index .platform .form .select:after{content:'';position:absolute;top:0;right:0;display:block;width:3rem;height:4.8rem;background:url("/assets/img/ico/select.svg") no-repeat 50% 50%;transition:.2s}
    #index .platform .form select{padding-left:3rem;width:100%;height:4.8rem;border:.1rem solid #D7D7D7;border-radius:1rem}
    #index .platform .form select:focus +::after{transform:rotate(180deg)}
    #index .platform .form input{width:100%;height:4.8rem;border:.1rem solid #D7D7D7;border-radius:1rem}
    #index .platform .form button{display:flex;align-items:center;justify-content:center;gap:.8rem;width:100%;height:4.8rem;font-size:1.6rem;font-weight:600;color:#A23D56;border:.1rem solid #8B213C;border-radius:1rem}
    #index .platform .form button i{display:flex;width:2.4rem;height:2.4rem;background:url("/assets/img/ico/ico-search.svg") no-repeat 50% 50%}
    #index .trending{display:flex;flex-direction:column;gap:4.2rem;padding-bottom:7.5rem}
    #index .trending .conbox{display:flex;gap:2.4rem;padding:0 8rem}
    #index .trending .conbox .innr{width:100%}    
    #index .trending .conbox .img{display:block;position:relative;z-index:1;background:#eee}
    #index .trending .conbox .img em{display:flex;align-items:center;justify-content:center;position:relative;z-index:2;width:4rem;height:4rem;font-size:1.6rem;font-weight:700;color:var(--color-light-1);background:var(--color-dark-1)}
    #index .trending .conbox .img span{display:block;height:19rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
    /*#index .trending .conbox .img .noimg{background-size:auto}*/
    #index .trending .conbox .item{display:block}
    #index .trending .conbox .item .img:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;border:.0rem solid var(--color-high-4);transition:.2s}
    #index .trending .conbox .item:hover .img em{background:var(--color-high-4)}
    #index .trending .conbox .item:hover .img:before{border:.3rem solid var(--color-high-4)}
    #index .trending .conbox .item:hover .tit{color:var(--color-high-4);text-decoration:underline}
    #index .trending .conbox .box{margin-top:2rem;overflow:hidden}
    #index .trending .conbox .cop{display:block;padding-bottom:.4rem;font-size:1.2rem;color:var(--color-dark-5)}
    #index .trending .conbox .tit{line-height:1.4;font-size:1.6rem;font-weight:700;color:var(--color-dark-5);word-break:break-word;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
    #index .category{padding:10.3rem 0 14.3rem 0;background:#F8F1F2}
    #index .category .titbox{margin:0 auto;padding-bottom:4.5rem;max-width:124rem}
    #index .category .conbox{display:flex;flex-wrap:wrap;margin:0 auto;max-width:124rem}
    #index .category .conbox .innr{width:20%}
    #index .category .conbox .item{display:block;padding:1.6rem}
    #index .category .conbox .img{display:block}
    #index .category .conbox .img span{display:block;height:9rem;background-repeat:no-repeat;background-position:50% 50%}
    #index .category .conbox .txt{font-size:1.8rem;font-weight:500;text-align:center}
    #index .bidding{padding:11rem 0 20rem 0}
    #index .bidding .conbox{display:flex;gap:2rem;padding-top:8.4rem}
    #index .bidding .conbox .innr{min-width:40rem}
    #index .bidding .conbox .item{display:flex;align-items:center;gap:1.5rem;position:relative;z-index:1;padding:1.5rem;background:#fff;box-shadow:0 1rem 3rem 0 rgb(0 0 0 / 20%)}
    #index .bidding .conbox .item:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;border:.0rem solid var(--color-high-4);transition:.1s}
    #index .bidding .conbox .item:hover:before{border:.3rem solid var(--color-high-4)}
    #index .bidding .conbox .img{display:block;position:relative;z-index:3;min-width:14rem;background:#eeeeee}
    #index .bidding .conbox .img span{display:block;height:14rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
    #index .bidding .conbox .img .noimg{background-size:auto}
    #index .bidding .conbox .box{position:relative;z-index:3;width:100%;overflow:hidden}
    #index .bidding .conbox .box dl{display:flex;align-items:center;padding:.5rem 0;font-size:1.2rem}
    #index .bidding .conbox .box dt{min-width:8rem}
    #index .bidding .conbox .box dd{width:100%}
    #index .bidding .conbox .cop{display:block;padding-bottom:1.2rem;font-size:1.2rem;color:var(--color-dark-5)}
    #index .bidding .conbox .tit{margin-bottom:.7rem;line-height:1.4;font-size:1.4rem;font-weight:700;color:var(--color-dark-5);word-break:break-word;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
    #index .trading{padding:10.3rem 0 14.3rem 0;background:#282C35 url("/assets/img/bg-trading.jpg") no-repeat 50% 50% / cover}
    #index .trading .titbox{margin:0 auto;max-width:124rem}
    #index .trading .titbox h3{font-size:3rem;color:var(--color-light-1)}
    #index .trading .titbox a{font-size:1.6rem;color:var(--color-light-1)}
    #index .trading .conbox{display:flex;align-items:center;gap:5rem;margin:0 auto;padding-top:3.4rem;max-width:124rem}
    #index .trading .conbox .innr{width:100%}
    #index .trading .conbox .item{padding-bottom:2rem;text-align:center;color:#fff;border:.1rem solid rgb(255 255 255 / 25%);background:rgb(255 255 255 / 5%)}
    #index .trading .conbox .ico{display:flex;align-items:center;justify-content:center;margin:0 auto;width:10rem;height:13rem;background-repeat:no-repeat;background-position:50% 50%}
    #index .trading .conbox .tit{font-size:2.2rem}
    #index .trading .conbox .pce{padding-top:2rem}
    #index .trading .conbox .pce strong.num{display:block;font-size:2.4rem}
    #index .trading .conbox .pce span.num{display:block;font-size:2.4rem}
}

@media all and (min-width:701px) and (max-width:1496px) {
    #visual{background:#999}
    #visual .visual{position:relative;height:40rem}
    #visual .videos{position:absolute;z-index:0;top:0;bottom:0;right:0;left:0;opacity:1}
    #visual .videos-content{width:100%;height:100%;object-fit:cover}
    #visual .img{width:100%;height:40rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
    #main{position:relative;padding:3rem;background:var(--color-light-1)}
    #main:before{content:'';position:absolute;top:0;right:0;left:0;border-top:.1rem solid #e2e2e2}
    #main.column{flex-direction:column}
    #index .titbox{display:flex;align-items:center;justify-content:space-between;height:3.6rem;padding:0 2rem}
    #index .titbox h3{font-size:2.4rem;color:var(--color-dark-5)}
    #index .titbox a{font-size:1.6rem;color:var(--color-dark-5)}
    #index .platform{position:relative;top:-5.2rem;margin:0 2rem;padding:0 3rem 4rem 3rem;background:var(--color-light-1);box-shadow:0 3rem 6rem -2rem rgba(0, 0, 0, 0.30)}
    #index .platform h2{padding:3rem 0;font-size:2.8rem;text-align:center;color:var(--color-dark-5)}
    #index .platform .form{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:2rem;width:100%}
    #index .platform .form .inr:nth-child(1){min-width:17.6rem}
    #index .platform .form .inr:nth-child(2){width:100%}
    #index .platform .form .inr:nth-child(3){min-width:15rem}
    #index .platform .form .select{position:relative;display:block}
    #index .platform .form .select:before{content:'';position:absolute;top:0;left:0;display:block;width:3.6rem;height:4.8rem;background:url("/assets/img/ico/ico-category.svg") no-repeat 50% 50%}
    #index .platform .form .select:after{content:'';position:absolute;top:0;right:0;display:block;width:3rem;height:4.8rem;background:url("/assets/img/ico/select.svg") no-repeat 50% 50%;transition:.2s}
    #index .platform .form select{padding-left:3rem;width:100%;height:4.8rem;border:.1rem solid #D7D7D7;border-radius:1rem}
    #index .platform .form select:focus +::after{transform:rotate(180deg)}
    #index .platform .form input{width:100%;height:4.8rem;border:.1rem solid #D7D7D7;border-radius:1rem}
    #index .platform .form button{display:flex;align-items:center;justify-content:center;gap:.8rem;width:100%;height:4.8rem;font-size:1.6rem;font-weight:600;color:#A23D56;border:.1rem solid #8B213C;border-radius:1rem}
    #index .platform .form button i{display:flex;width:2.4rem;height:2.4rem;background:url("/assets/img/ico/ico-search.svg") no-repeat 50% 50%}
    #index .trending{display:flex;flex-direction:column;gap:4rem;padding-bottom:10rem}
    #index .trending .conbox{display:flex;gap:3rem;padding:0 2rem 1rem 2rem;overflow-x:scroll;box-sizing:border-box}
    #index .trending .conbox::-webkit-scrollbar{height:1rem}
    #index .trending .conbox::-webkit-scrollbar-thumb{height:17%;background-color:#bababa;border-radius:.2rem}
    #index .trending .conbox::-webkit-scrollbar-track{background-color:#f5f5f5}
    #index .trending .conbox .innr{min-width:20rem;width:100%}
    #index .trending .conbox .img{display:block;position:relative;z-index:1;background:#eee}
    #index .trending .conbox .img em{display:flex;align-items:center;justify-content:center;position:relative;z-index:2;width:4rem;height:4rem;font-size:1.6rem;font-weight:700;color:var(--color-light-1);background:var(--color-dark-1)}
    #index .trending .conbox .img span{display:block;height:16rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
    #index .trending .conbox .img .noimg{background-size:auto}
    #index .trending .conbox .item{display:block}
    #index .trending .conbox .item .img:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;border:.0rem solid var(--color-high-4);transition:.2s}
    #index .trending .conbox .item:hover .img em{background:var(--color-high-4)}
    #index .trending .conbox .item:hover .img:before{border:.3rem solid var(--color-high-4)}
    #index .trending .conbox .item:hover .tit{color:var(--color-high-4);text-decoration:underline}
    #index .trending .conbox .box{margin-top:3rem;overflow:hidden}
    #index .trending .conbox .cop{display:block;padding-bottom:.4rem;font-size:1.4rem;color:var(--color-dark-5)}
    #index .trending .conbox .tit{line-height:1.4;font-size:1.8rem;font-weight:700;color:var(--color-dark-5);word-break:break-word;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
    #index .category{padding:8rem 2rem;background:#F8F1F2}
    #index .category .titbox{margin:0 auto;padding-bottom:4.5rem}
    #index .category .conbox{display:flex;flex-wrap:wrap;margin:0 auto}
    #index .category .conbox .innr{width:20%}
    #index .category .conbox .item{display:block;padding:1.6rem}
    #index .category .conbox .img{display:block}
    #index .category .conbox .img span{display:block;height:8rem;background-repeat:no-repeat;background-position:50% 50%;background-size:6rem auto}
    #index .category .conbox .txt{font-size:1.6rem;font-weight:500;text-align:center}
    #index .bidding{display:flex;flex-direction:column;gap:3.2rem;padding:8rem 0}
    #index .bidding .conbox{display:flex;gap:2rem;padding:1rem 2rem 3rem 2rem;overflow-x:scroll;box-sizing:border-box}
    #index .bidding .conbox::-webkit-scrollbar{height:1rem}
    #index .bidding .conbox::-webkit-scrollbar-thumb{height:17%;background-color:#bababa;border-radius:.2rem}
    #index .bidding .conbox::-webkit-scrollbar-track{background-color:#f5f5f5}
    #index .bidding .conbox .innr{min-width:40rem}
    #index .bidding .conbox .item{display:flex;align-items:center;gap:1.5rem;position:relative;z-index:1;padding:1.5rem;background:#fff;box-shadow:0 1rem 3rem 0 rgb(0 0 0 / 20%)}
    #index .bidding .conbox .item:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;border:.0rem solid var(--color-high-4);transition:.1s}
    #index .bidding .conbox .item:hover:before{border:.3rem solid var(--color-high-4)}
    #index .bidding .conbox .img{display:block;position:relative;z-index:3;min-width:14rem;background:#eeeeee}
    #index .bidding .conbox .img span{display:block;height:14rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
    #index .bidding .conbox .img .noimg{background-size:auto}
    #index .bidding .conbox .box{position:relative;z-index:3;width:100%;overflow:hidden}
    #index .bidding .conbox .box dl{display:flex;align-items:center;padding:.5rem 0;font-size:1.2rem}
    #index .bidding .conbox .box dt{min-width:8rem}
    #index .bidding .conbox .box dd{width:100%}
    #index .bidding .conbox .cop{display:block;padding-bottom:1.2rem;font-size:1.2rem;color:var(--color-dark-5)}
    #index .bidding .conbox .tit{margin-bottom:.7rem;line-height:1.4;font-size:1.4rem;font-weight:700;color:var(--color-dark-5);word-break:break-word;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
    #index .trading{display:flex;flex-direction:column;gap:4.2rem;padding:8rem 0;background:#282C35 url("/assets/img/bg-trading.jpg") no-repeat 50% 50% / cover}
    #index .trading .titbox h3{color:var(--color-light-1)}
    #index .trading .titbox a{color:var(--color-light-1)}
    #index .trading .conbox{display:flex;gap:2rem;padding:0 2rem}
    #index .trading .conbox .innr{width:100%}
    #index .trading .conbox .item{padding-bottom:2rem;text-align:center;color:#fff;border:.1rem solid rgb(255 255 255 / 25%);background:rgb(255 255 255 / 5%)}
    #index .trading .conbox .ico{display:flex;align-items:center;justify-content:center;margin:0 auto;width:10rem;height:10rem;background-repeat:no-repeat;background-position:50% 50%;background-size:10rem auto}
    #index .trading .conbox .tit{font-size:1.8rem}
    #index .trading .conbox .pce{padding-top:2rem}
    #index .trading .conbox .pce strong.num{display:block;font-size:2rem}
    #index .trading .conbox .pce span.num{display:block;font-size:2rem}
}

@media (max-width:700px){
    #visual{background:#999}
    #visual .visual{position:relative;height:30rem}
    #visual .videos{position:absolute;z-index:0;top:0;bottom:0;right:0;left:0;opacity:1}
    #visual .videos-content{width:100%;height:100%;object-fit:cover}
    #visual .img{width:100%;height:30rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
    #main{position:relative;padding:2rem;background:var(--color-light-1)}
    #main:before{content:'';position:absolute;top:0;right:0;left:0;border-top:.1rem solid #e2e2e2}
    #main.column{flex-direction:column}
    #index .titbox{display:flex;align-items:center;justify-content:space-between;height:3.6rem;padding:0 2rem}
    #index .titbox h3{font-size:2.4rem;color:var(--color-dark-5)}
    #index .titbox a{font-size:1.6rem;color:var(--color-dark-5)}
    #index .platform{position:relative;top:-4rem;margin:0 1rem;padding:2rem;background:var(--color-light-1);box-shadow:0 3rem 6rem -2rem rgba(0, 0, 0, 0.30)}
    #index .platform h2{padding:1rem 0 2rem 0;font-size:2.4rem;text-align:center;color:var(--color-dark-5)}
    #index .platform .form{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;flex-direction:row;gap:0rem;width:100%}
    #index .platform .form .inr:nth-child(1){padding-bottom:1.4rem;width:100%}
    #index .platform .form .inr:nth-child(2){margin-right:1rem;width:80%}
    #index .platform .form .inr:nth-child(3){width:calc(20% - 1rem)}
    #index .platform .form .select{position:relative;display:block}
    #index .platform .form .select:before{content:'';position:absolute;top:0;left:0;display:block;width:6rem;height:6rem;background:url("/assets/img/ico/ico-category.svg") no-repeat 50% 50%}
    #index .platform .form .select:after{content:'';position:absolute;top:0;right:0;display:block;width:6rem;height:6rem;background:url("/assets/img/ico/select.svg") no-repeat 50% 50%;transition:.2s}
    #index .platform .form select{padding-left:5rem;width:100%;height:6rem;font-size:1.8rem;border:.1rem solid #D7D7D7;border-radius:1rem}
    #index .platform .form select:focus +::after{transform:rotate(180deg)}
    #index .platform .form input{padding:0 2rem;width:100%;height:6rem;font-size:1.8rem;border:.1rem solid #D7D7D7;border-radius:1rem}
    #index .platform .form button{display:flex;align-items:center;justify-content:center;gap:.8rem;width:100%;height:6rem;font-size:1.6rem;font-weight:600;color:#A23D56;border:.1rem solid #8B213C;border-radius:1rem}
    #index .platform .form button i{display:flex;width:2.4rem;height:2.4rem;background:url("/assets/img/ico/ico-search.svg") no-repeat 50% 50%}
    #index .platform .form button span{display:none}
    #index .trending{display:flex;flex-direction:column;gap:3rem;padding-bottom:6rem}
    #index .trending .conbox{display:flex;gap:3rem;padding:0 2rem 1rem 2rem;overflow-x:scroll;box-sizing:border-box}
    #index .trending .conbox::-webkit-scrollbar{height:1rem}
    #index .trending .conbox::-webkit-scrollbar-thumb{height:17%;background-color:#bababa;border-radius:.2rem}
    #index .trending .conbox::-webkit-scrollbar-track{background-color:#f5f5f5}
    #index .trending .conbox .innr{min-width:18rem;width:100%}
    #index .trending .conbox .img{display:block;position:relative;z-index:1;background:#eee}
    #index .trending .conbox .img em{display:flex;align-items:center;justify-content:center;position:relative;z-index:2;width:4rem;height:4rem;font-size:1.6rem;font-weight:700;color:var(--color-light-1);background:var(--color-dark-1)}
    #index .trending .conbox .img span{display:block;height:18rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
    #index .trending .conbox .img .noimg{background-size:auto}
    #index .trending .conbox .item{display:block}
    #index .trending .conbox .item .img:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;border:.0rem solid var(--color-high-4);transition:.2s}
    #index .trending .conbox .item:hover .img em{background:var(--color-high-4)}
    #index .trending .conbox .item:hover .img:before{border:.3rem solid var(--color-high-4)}
    #index .trending .conbox .item:hover .tit{color:var(--color-high-4);text-decoration:underline}
    #index .trending .conbox .box{margin-top:3rem;overflow:hidden}
    #index .trending .conbox .cop{display:block;padding-bottom:.4rem;font-size:1.2rem;color:var(--color-dark-5)}
    #index .trending .conbox .tit{line-height:1.4;font-size:1.4rem;font-weight:700;color:var(--color-dark-5);word-break:break-word;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
    #index .category{display:flex;flex-direction:column;gap:2.4rem;padding:4rem 0;background:#F8F1F2}
    #index .category .conbox{display:flex;flex-wrap:wrap;margin:0 auto}
    #index .category .conbox .innr{width:33.33%}
    #index .category .conbox .item{display:block;padding:1.6rem}
    #index .category .conbox .img{display:block}
    #index .category .conbox .img span{display:block;height:8rem;background-repeat:no-repeat;background-position:50% 50%;background-size:6rem auto}
    #index .category .conbox .txt{font-size:1.4rem;font-weight:500;text-align:center}
    #index .bidding{display:flex;flex-direction:column;gap:1.6rem;padding:6rem 0}
    #index .bidding .conbox{display:flex;gap:2rem;padding:1rem 2rem 3rem 2rem;overflow-x:scroll;box-sizing:border-box}
    #index .bidding .conbox::-webkit-scrollbar{height:1rem}
    #index .bidding .conbox::-webkit-scrollbar-thumb{height:17%;background-color:#bababa;border-radius:.2rem}
    #index .bidding .conbox::-webkit-scrollbar-track{background-color:#f5f5f5}
    #index .bidding .conbox .innr{min-width:40rem}
    #index .bidding .conbox .item{display:flex;align-items:center;gap:1.5rem;position:relative;z-index:1;padding:1.5rem;background:#fff;box-shadow:0 1rem 3rem 0 rgb(0 0 0 / 20%)}
    #index .bidding .conbox .item:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;border:.0rem solid var(--color-high-4);transition:.1s}
    #index .bidding .conbox .item:hover:before{border:.3rem solid var(--color-high-4)}
    #index .bidding .conbox .img{display:block;position:relative;z-index:3;min-width:14rem;background:#eeeeee}
    #index .bidding .conbox .img span{display:block;height:14rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
    #index .bidding .conbox .img .noimg{background-size:auto}
    #index .bidding .conbox .box{position:relative;z-index:3;width:100%;overflow:hidden}
    #index .bidding .conbox .box dl{display:flex;align-items:center;padding:.5rem 0;font-size:1.2rem}
    #index .bidding .conbox .box dt{min-width:8rem}
    #index .bidding .conbox .box dd{width:100%}
    #index .bidding .conbox .cop{display:block;padding-bottom:1.2rem;font-size:1.2rem;color:var(--color-dark-5)}
    #index .bidding .conbox .tit{margin-bottom:.7rem;line-height:1.4;font-size:1.4rem;font-weight:700;color:var(--color-dark-5);word-break:break-word;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
    #index .trading{display:flex;flex-direction:column;gap:1.6rem;padding:4rem 0;background:#282C35 url("/assets/img/bg-trading.jpg") no-repeat 50% 50% / cover}
    #index .trading .titbox h3{color:var(--color-light-1)}
    #index .trading .titbox a{color:var(--color-light-1)}
    #index .trading .conbox{display:flex;flex-wrap:wrap;gap:2rem;padding:0 0 0 2rem}
    #index .trading .conbox .innr{width:calc(50% - 2rem)}
    #index .trading .conbox .item{padding-bottom:2rem;text-align:center;color:#fff;border:.1rem solid rgb(255 255 255 / 25%);background:rgb(255 255 255 / 5%)}
    #index .trading .conbox .ico{display:flex;align-items:center;justify-content:center;margin:0 auto;width:10rem;height:10rem;background-repeat:no-repeat;background-position:50% 50%;background-size:10rem auto}
    #index .trading .conbox .tit{font-size:1.8rem}
    #index .trading .conbox .pce{padding-top:2rem}
    #index .trading .conbox .pce strong.num{display:block;font-size:2rem}
    #index .trading .conbox .pce span.num{display:block;font-size:2rem}
}



































/*팝업*/
@media (min-width:701px){
    #popup{min-width:inherit !important;height:auto;background:#fff}
    #popup #header{position:sticky;z-index:3;top:0;box-shadow:0 3rem 6rem -2rem rgb(0 0 0 / 0%)}
    #popup #header .header{display:flex;align-items:center;justify-content:space-between;padding:0 4rem;min-height:9.6rem;border-bottom:.1rem solid #bbb}
    #popup #header .header h2{font-size:3rem}
    #popup #header .header button{font-size:2.4rem}
    #popup #contain{padding:4rem}
    #popup #contain:before{display:none}
    #popup #footer{position:sticky;z-index:2;bottom:0;background:#fff}
    #popup #footer .footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0;padding:0 4rem;max-width:none;min-height:12rem;border-bottom:0;border-top:.1rem solid #bbb}
    #popup #footer .footer .innr{width:100%}
    #popup #footer .footer .innr .bt{width:100%;text-align:center}
    #popup #footer .bt{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;height:6rem;font-size:1.4rem;font-weight:600;border-radius:1rem;transition:.2s}
    #popup #footer .bt.act,
    #popup #footer .bt:hover{box-shadow:1rem 1rem 2rem rgb(0 0 0 / 10%)}
    #popup #footer .bt-sav{font-size:1.8rem;font-weight:700;color:#fff;background:#9D2340}
    #popup #footer .bt-sav.act,
    #popup #footer .bt-sav:hover{background:#660e23}
    #popup #footer .bt-cfm{font-size:1.8rem;font-weight:700;color:#fff;background:#9D2340}
    #popup #footer .bt-cfm.act,
    #popup #footer .bt-cfm:hover{background:#660e23}
    #popup #footer .bt-rjt{height:6rem;font-size:1.8rem;font-weight:700;color:#9D2340;border:.1rem solid #9D2340;background:#fff}
    #popup #footer .bt-rjt.act,
    #popup #footer .bt-rjt:hover{color:#fff;border:.1rem solid #9D2340;background:#9D2340}
    #popup #footer .bt-cnl{height:6rem;font-size:1.8rem;font-weight:700;color:#000;border:.1rem solid #000;background:#fff}
    #popup #footer .bt-cnl.act,
    #popup #footer .bt-cnl:hover{color:#fff;border:.1rem solid #000;background:#000}
    #popup #header .tnc-header{padding:2rem 4rem;min-height:9.6rem;border-bottom:.1rem solid #bbb;display:flex;flex-direction: column;justify-content:center;}
    #popup #header .tnc-header .tnc-title{display:flex; align-items:center; justify-content:space-between;}
    #popup #header .tnc-header h2{font-size:3rem;}
    #popup #header .tnc-header h3{font-size:2.5rem;}
    #popup #header .tnc-header h2 .tnc-status{font-size:1.5rem;font-weight: 500;color:#757575;margin-left:1rem;}
    #popup #header .tnc-header button{font-size:2.4rem}
    #popup #header .tnc-header ul {padding-top: 1rem;padding-left: 0.5rem;display: flex;gap: .3rem;flex-direction: column;}
    #popup #header .tnc-header ul li{font-size:1.6rem;color:#9D2340;font-weight:500;}
    #popup #header .tnc-header .bt-modi{color:#9D2340;border:0.1rem solid #9D2340;background:var(--color-light-1);height:3.6rem !important;padding:0 1.6rem; border-radius:0.5rem;font-size:1.8rem;font-weight:400;display:flex;align-items:center;justify-content:space-around;gap:0.5rem;}
    #popup #header .tnc-header .bt-modi:hover{color:#9D2340;border-color:#9D2340;box-shadow:1rem 1rem 2rem rgb(0 0 0 / 10%);}
    #popup #header .tnc-header .bt-modi i{background:url(/assets/img/talk/bt-modify.svg) no-repeat 50% 50%;background-size:contain;width:1.5rem;height:1.5rem;display:flex;}
	#popup #header .tnc-header .bt-draft{position:absolute;right:2rem;bottom:2rem;color:#9D2340;border:0.1rem solid #9D2340;background:var(--color-light-1);height:3.6rem !important;padding:0 1.6rem; border-radius:0.5rem;font-size:1.8rem;font-weight:400;display:flex;align-items:center;justify-content:space-around;gap:0.5rem;}
	#popup #header .tnc-header .bt-draft:hover{color:#fff;border-color:#9D2340;box-shadow:1rem 1rem 2rem rgb(0 0 0 / 10%);background:#9D2340}
	#popup #header .tnc-header .bt-draft i{background:url(/assets/img/talk/bt-draft.svg) no-repeat 50% 50%;background-size:contain;width:1.8rem;height:1.8rem;display:flex;}
	#popup #header .tnc-header .bt-draft:hover i{filter:invert(93%) sepia(7%) saturate(30%) hue-rotate(272deg) brightness(106%) contrast(107%);}
	
    #popup .prd-menu{display:flex;align-items:center;justify-content:space-between;position:relative;margin-bottom:2rem;min-height:6rem;font-size:2rem;font-weight:600;color:#000}
    #popup .prd-menu.act{margin:0;padding:0 0 0 1rem}
    #popup .prd-menu.act:before{content:"";position:absolute;left:0;width:.3rem;height:1.6rem;background:#9D2340}
    #popup .prd-menu .btn{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-width:2.4rem}
    #popup .prd-menu .btn i{font-size:2.4rem}
    #popup .button{justify-content:center;position:sticky;bottom:0;padding:1rem 0}
    #popup .button .bt{padding:0 5rem;font-size:1.6rem}

    #popup .panel + .panel{border-top:.1rem solid #aaa}
    #popup .panel + .panel .prd-menu{margin-top:2rem}
    #popup .panel + .panel .prd-menu.act{margin-top:2rem !important}
    #popup .panel .dp2{max-height:0;overflow:hidden;transition:max-height .6s ease}
    #popup .panel #shippingAddressView.dp2{position:relative;}
    #popup .panel #shippingAddressView.dp2 .bt-view{position:absolute;bottom:1rem;right:0;border:0.1rem solid #9D2340;color:#9D2340;border-radius:0.5rem;}
    #popup .panel #shippingAddressForm.dp2{max-height:300rem;background:var(--color-light-1);}
    #popup .panel #shippingAddressForm.dp2 .btn{display:flex;gap:1rem;justify-content:flex-end;}
    #popup .panel #shippingAddressForm.dp2 .bt-view{border:0.1rem solid #9D2340;color:#9D2340;border-radius:0.5rem;}
    #popup .panel #shippingAddressForm.dp2 .bt-cancel{border:0.1rem solid #333;color:#000;border-radius:0.5rem;}
    #popup .panel .dp2.hide{display:none;}
    #popup .panel .dp1.act{background:var(--color-light-1)}
    #popup .panel .dp1.act + .dp2{max-height:300rem;background:var(--color-light-1)}
    #popup .panel .dp1.act .btn i{transform:rotate(180deg)}
    #popup .panel .tbl .tit{align-items:flex-start !important;margin:3rem 0 0 0 !important;padding:0 !important;border-top:.1rem solid #bbb}
    #popup .panel .tbl .tit:first-child{border-top:none;}
    #popup .panel .tbl .tit h3{display:flex;align-items:center;gap:1rem;position:relative;padding:2rem 0;font-size:2rem;font-weight:700}
    #popup .panel .tbl .tit .bullet{display:flex;align-items:center;gap:1rem;position:relative;margin:2rem 0;height:6rem;font-size:2rem;font-weight:700}
    #popup .panel .tbl .tit .bullet:before{content:'';min-width:.3rem;height:1.6rem;background:#9D2340}
    #popup .panel .tbl .tr{padding:.8rem 0 !important}
    #popup .panel .tbl .tr .inr{gap:.6rem !important}
    #popup .panel .tbl .label{font-size:1.4rem;font-weight:500;color:#5B5B5B}
    #popup .panel .tbl .item{font-size:1.6rem;font-weight:500;color:#000}
    #popup .panel .tbl .label + .item{min-height:auto;font-weight:400}
    #popup .panel .tbl .con + .con{padding-top:1rem}
    #popup .panel .tbl .con .sub{padding:1rem 0}
    #popup .panel .tbl .con .sub strong{display:flex;font-size:1.6rem;font-weight:400;color:#000}
    #popup .panel .tbl .con .sub strong i{position:relative;top:.3rem;padding:0 1rem;font-size:1.2rem;color:#9D2340}
    #popup .panel .tbl .con .field-down{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.6rem;height:6rem;border:.1rem solid #D7D7D7;border-radius:1rem}
    #popup .panel .tbl .con .field-down span{font-size:1.6rem;color:#000}
    #popup .panel .tbl .con .field-down button{display:flex;align-items:center;padding:0 1.6rem;height:3.6rem;font-size:1.6rem;color:#fff;background:#9D2340;border-radius:.5rem}
    #popup .panel .nonefile{padding:0 1rem;margin-top:-2rem;font-size: 1.6rem;}

    #popup::-webkit-scrollbar{width:1rem}
    #popup::-webkit-scrollbar-thumb{height:17%;background-color:rgb(0 0 0 / 50%);border-radius:.2rem}
    #popup::-webkit-scrollbar-track{background-color:var(--color-light-1)}

    #popup .formbox.pd0{padding:0}
    #popup .formbox.pt16{padding-top:1.6rem}
    #popup .formbox.pt40{padding-top:4rem}
    #popup .formbox.center{align-items:center}
    #popup .formbox.auto{min-height:auto}
    #popup .formbox.inquiry .tr .tit strong{font-weight:700 !important}
    #popup .formbox fieldset{display:flex;flex-direction:column;gap:1.6rem;padding:1rem 0}
    #popup .formbox fieldset h4{display:flex;align-items:center;justify-content:flex-start;margin-top:2rem;font-size:1.8rem;font-weight:500;text-align:left;color:#000}
    #popup .formbox .txtbox{margin-bottom:6rem;padding:2.3rem;border:.1rem solid #d7d7d7;background:#f6f6f6}
    #popup .formbox .txtbox p{line-height:1.6;font-size:1.8rem;font-weight:700;color:#9D2340}
    #popup .formbox .kline{padding-top:4rem;border-top:.1rem solid #E4E4E4}
    #popup .formbox .title{border-bottom:.1rem solid #000}
    #popup .formbox .title h3{padding:.9rem 0;font-size:3rem;font-weight:700;color:#000}
    #popup .formbox .title + .tr{margin-top:8rem}
    #popup .formbox .title + .tab{margin:1.4rem 0}
    #popup .formbox .title + .boxed{margin-top:4rem;margin-bottom:6rem}
    #popup .formbox .terms{padding:0 2rem;line-height:1.8;font-size:1.4rem;color:#000}
    #popup .formbox .terms h4{font-size:1.6rem;font-weight:700}
    #popup .formbox .terms strong{display:block;font-weight:500}
    #popup .formbox .terms a{text-decoration:underline}
    #popup .formbox .tits{display:flex;align-items:center;width:100%;font-size:1.8rem;font-weight:700;color:#000}
    #popup .formbox .tits em{color:#D90026}
    #popup .formbox .tits h3{display:flex;align-items:center;gap:1rem;padding-bottom:2rem;font-size:2rem;font-weight:700}
    #popup .formbox .tits h3 i{display:block;width:.3rem;height:1.6rem;background:#9D2340}
    #popup .formbox .cate{display:flex;align-items:center;gap:.5rem;padding:1.6rem 0 1.2rem 0;font-size:1.8rem;font-weight:500;color:#000}
    #popup .formbox .cate .ico{display:flex;align-items:center;width:4rem;height:4rem;background-repeat:no-repeat;background-position:50% 50%}
    #popup .formbox .cate .ico1{background-image:url("/assets/img/member/bt-indi2.svg")}
    #popup .formbox .cate .ico2{background-image:url("/assets/img/member/bt-corp2.svg")}
    #popup .formbox .boxed{display:flex;align-items:center;justify-content:center;padding:2.3rem 0;line-height:2;font-size:1.8rem;text-align:center;color:#000;border:.1rem solid #D7D7D7;background:#F6F6F6}
    #popup .formbox .boxed + .tr{gap:2rem}
    #popup .formbox .radio{display:flex;align-items:center;gap:3rem;padding:3rem 0}
    #popup .formbox .tab{display:flex;align-items:center;/*margin-bottom:3rem;*/overflow:hidden}
    #popup .formbox .tab .inr{position:relative;width:100%}
    #popup .formbox .tab .inr:nth-child(1):before{content:'';position:absolute;z-index:3;top:0;bottom:0;right:0;left:0;border-left:.1rem solid #e4e4e4}
    #popup .formbox .tab .step{display:flex;align-items:center;justify-content:center;position:relative;height:8rem;background:url("/assets/img/member/tab1.svg") no-repeat 100% 50%}
    #popup .formbox .tab .step:before{content:'';position:absolute;top:0;bottom:0;left:-1rem;right:2rem;background:url("/assets/img/member/tab1.svg") no-repeat 0 50%}
    #popup .formbox .tab .step strong{display:flex;align-items:center;justify-content:center;position:relative;z-index:2;height:8rem;font-size:1.6rem;font-weight:500;text-align:center;color:#757575}
    #popup .formbox .tab .act .step{background:url("/assets/img/member/tab2.svg") no-repeat 100% 50%}
    #popup .formbox .tab .act .step:before{content:'';position:absolute;top:0;bottom:0;left:-1rem;right:2rem;background:url("/assets/img/member/tab2.svg") no-repeat 0 50%}
    #popup .formbox .tab .act .step strong{color:#fff}
    #popup .formbox .hr{display:flex;gap:1rem;margin:2rem 0;width:100%;height:.1rem;background:#e4e4e4}
    #popup .formbox .hr + .br h4{padding:0 0 3rem 0}
    #popup .formbox .br h4{padding:4rem 0 3rem 0;font-size:1.8rem;font-weight:700;color:#000}
    #popup .formbox .tr{display:flex;gap:1rem;position:relative}
    #popup .formbox .tolerance{display:flex;justify-content: flex-end;gap:2rem;}
    #popup .formbox .tr .tolerance .tit{display:flex;align-items:center;justify-content: flex-end;gap:0;min-width:10rem;height:6rem;font-size:1.6rem;font-weight:400}
    #popup .formbox .tr .tolerance .fm-txt{width:10rem;}
    #popup .formbox .tr .tolerance .byte{padding-right:3.5rem}
    #popup .formbox .tolerance .sym + .fm-txt{padding-left:0rem}
    #popup .formbox .tr.none{border-top:0 !important}
    #popup .formbox .tr.column{flex-direction:column;gap:0}
    #popup .formbox .tr.flex-end{align-items:flex-end;}
    #popup .formbox .tr.mt40{gap:2rem !important}
    #popup .formbox .tr.mt10{margin-top:1rem}
    #popup .formbox .tr .item{display:flex;align-items:center;gap:1rem;position:relative;width:100%}
    #popup .formbox .tr .item.column{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;padding-top:2rem}
    #popup .formbox .tr .item strong{font-size:1.6rem;font-weight:400;color:#000}
    #popup .formbox .tr .item.mw250{width:auto}
    #popup .formbox .tr .item .font14{font-size:1.4rem;font-weight:400;color:#757575}
    #popup .formbox .tr .inr{display:flex;flex-direction:column;justify-content:flex-start;width:100%}
    #popup .formbox .tr .inr2{display:flex;flex-direction:column;justify-content:flex-start;gap:.8rem;width:100%}

    /* 20250116 emotion 수정 */
    #popup .formbox .tr .inr + .tit:not(.tit2){padding:0 0 0 1rem;min-width:auto;width:50%;text-align: right;justify-content: flex-end;padding-right: 1rem;}
    /* //20250116 emotion 수정 */

    #popup .formbox .tr .inr + .tit:before{left:2rem}
    #popup .formbox .tr .inr .file{display:flex;align-items:center;width:100%}
    #popup .formbox .tr .inr .file .bt-file{position:absolute;top:1.4rem;right:0}
    #popup .formbox .tr .inr .label{font-size:1.4rem;font-weight:400}
    #popup .formbox .tr .inr.mw100,
    #popup .formbox .tr .inr.mw120,
    #popup .formbox .tr .inr.mw150{width:auto}
    #popup .formbox .tr .inr.pd10{padding:1rem 0}
    #popup .formbox .tr .inr .check{display:flex;align-items:center;height:6rem}
    #popup .formbox .tr .inr + em{display:flex;align-items:center;height:6rem;font-size:1.6rem;font-weight:400;color:#000}
    #popup .formbox .tr .inr .guide-hidden{font-size:1.5rem;margin-top:0.5rem;}
    #popup .formbox .tr .tac{font-size:1.4rem;color:#8F9098}
    #popup .formbox .tr .tit{display:flex;align-items:center;gap:0;min-width:17rem;height:6rem;font-size:1.6rem;font-weight:400}
    #popup .formbox .tr .tit.column{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;padding-top:2rem}
    #popup .formbox .tr .tit.line strong{position:relative;padding-left:1rem;font-size:2rem;font-weight:700}
    #popup .formbox .tr .tit.line strong:before{content:'';position:absolute;z-index:2;top:calc(50% - .8rem);left:0;width:.3rem;height:1.6rem;background:#9D2340}
    #popup .formbox .tr .tit strong{font-size:1.6rem;font-weight:400;color:#000}
    #popup .formbox .tr .tit strong i{padding:0 1rem;font-size:1.2rem;color:#9D2340}
    #popup .formbox .tr .tit span{padding-left:1.2rem;font-size:1.2rem;color:#9D2340}
    #popup .formbox .tr .tit p{font-size:1.4rem;color:#000}
    #popup .formbox .tr .tit em{font-size:1.2rem;color:#757575}
    #popup .formbox .tr .tit em:before{content:'ㆍ';font-size:1.8rem;font-weight:700}
    #popup .formbox .tr .pay{display:flex;flex-direction:column;gap:2rem;padding-bottom:2rem}
    #popup .formbox .tr .pay .innr{display:flex;align-items:center;justify-content:space-between;gap:0}
    #popup .formbox .tr .pay .itm{display:flex;align-items:center}
    #popup .formbox .tr .pay .itm strong{display:flex;align-items:center;gap:1rem;width:34rem;font-size:1.8rem;font-weight:700;color:#bababa}
    #popup .formbox .tr .pay .itm strong i{width:2.4rem;height:2.4rem;background:url("/assets/img/ico/pay-check.svg") no-repeat 50% 50%}
    #popup .formbox .tr .pay .itm span{font-size:1.8rem;font-weight:700;color:#bababa}
    #popup .formbox .tr .pay .bt{padding:0;width:auto;min-width:15rem;height:4.8rem;font-size:1.4rem;font-weight:500}
    #popup .formbox .tr .pay .bt-pay{color:#bababa;border:.1rem solid #bababa;background:#fff}
    #popup .formbox .tr .pay .bt-pay.act,
    #popup .formbox .tr .pay .bt-pay:hover{color:#fff;border:.1rem solid #9D2340;background:#9D2340}
    #popup .formbox .tr .pay .act .itm strong{color:#000}
    #popup .formbox .tr .pay .act .itm strong i{background:url("/assets/img/ico/pay-check-act.svg") no-repeat 50% 50%}
    #popup .formbox .tr .pay .act .itm span{color:#000}
    #popup .formbox .tr .pay .act .bt-pay{color:#fff;border:.1rem solid #9D2340;background:#9D2340}
    #popup .formbox .tr .stt{display:flex;align-items:flex-start;gap:3.3rem;padding-bottom:2rem}
    #popup .formbox .tr .stt .innr{display:flex;flex-direction:column;justify-content:center;gap:1.2rem;width:13rem;font-size:1.4rem;color:#000;text-align:center}
    #popup .formbox .tr .stt .innr i{display:flex;align-items:center;justify-content:center;width:13rem;height:13rem;border-radius:13rem}
    #popup .formbox .tr .stt .innr .st1{border:.1rem solid #9D2340;background:#F5E5E9 url("/assets/img/ico/st1.svg") no-repeat 50% 50%}
    #popup .formbox .tr .stt .innr .st2{border:.1rem solid #9D2340;background:#F5E5E9 url("/assets/img/ico/st2.svg") no-repeat 50% 50%}
    #popup .formbox .tr .stt .innr .st3{border:.1rem solid #eeeeee;background:#eeeeee url("/assets/img/ico/st3.svg") no-repeat 50% 50%}
    #popup .formbox .tr .stt .innr .st4{border:.1rem solid #eeeeee;background:#eeeeee url("/assets/img/ico/st4.svg") no-repeat 50% 50%}
    #popup .formbox .tr .stt .arr{display:flex;align-items:center;justify-content:center;width:1.6rem;height:13rem;background:url("/assets/img/ico/stt-arr.svg") no-repeat 50% 50%}
    #popup .formbox .tr .box{display:flex;align-items:center;height:6rem;padding:1.2rem 1.6rem;font-size:1.6rem;color:#8F9098;border:.1rem solid #d7d7d7;border-radius:1rem}
    #popup .formbox .tr .ess strong{position:relative;text-indent:-0.5em;padding-left:0.5em;}
    #popup .formbox .tr .ess strong:before{content:'*';color:#D90026;}
    #popup .formbox .tr .tip{padding-left:2rem;color:#999}
    #popup .formbox .tr .stat{display:flex;align-items:center;gap:.4rem;font-size:1.4rem;color:#0DA32E}
    #popup .formbox .tr .stat i{font-size:1.8rem}
    #popup .formbox .tr .stat em{display:flex;align-items:center;justify-content:center;width:100%;font-size:1.2rem;font-weight:400;color:#000}
    #popup .formbox .tr .stat em:before{content:'ㆍ';font-size:1.6rem;font-weight:700}
    #popup .formbox .tr .stat + .byt{position:absolute;bottom:0;right:0}
    #popup .formbox .tr .select{position:relative;width:100%}
    #popup .formbox .tr .fm-sel{width:100%;min-width:8rem;background:#fff;border:.1rem solid #d7d7d7;}
    #popup .formbox .tr .fm-sel[readonly]{background:#fafafa;border: .1rem solid #d7d7d7;}
    #popup .formbox .tr .fm-sel[readonly]:focus{background:#fafafa;border: .1rem solid #000;}
    #popup .formbox .tr .fm-sel:has(option[value=""]:checked) {color:#8F9098 !important;}
    #popup .formbox .tr .fm-sel option{color:#000;}
    #popup .formbox .tr .fm-sel + .fm-arr {opacity:0.3 !important;}
	#popup .formbox .tr .fm-sel:focus + .fm-arr{opacity:1 !important;}
	#popup .formbox .tr .fm-sel[readonly] + .fm-arr{opacity:0 !important;}
    #popup .formbox .tr .fm-dat{width:100%;text-align:left}
    #popup .formbox .tr .fm-txt{width:100%}
    #popup .formbox .tr .search{position:absolute;top:0;right:0;}
    #popup .formbox .tr .search i{display:flex;align-items:center;justify-content:center;width:6rem;height:6rem;background:url("/assets/img/member/bt-search.svg") no-repeat 50% 50%}
    #popup .formbox .sort{display:flex;align-items:center;margin-top:2.4rem;padding:4rem 0 1.4rem 0;font-size:1.8rem;font-weight:700;color:#000;border-top:.1rem solid #e4e4e4}
    #popup .formbox .term{padding:2rem;border:.1rem solid #eee}
    #popup .formbox .term .wrap{padding:0 .5rem 0 0;height:18rem;line-height:1.6;font-size:1.4rem;color:#000;overflow:hidden;overflow-y:scroll}
    #popup .formbox .term .wrap::-webkit-scrollbar{width:1rem}
    #popup .formbox .term .wrap::-webkit-scrollbar-thumb{height:17%;background-color:#bababa;border-radius:.2rem}
    #popup .formbox .term .wrap::-webkit-scrollbar-track{background-color:#f5f5f5}
    #popup .formbox .term .wrap strong{font-size:1.6rem}
    #popup .formbox .term + .check{display:flex;align-items:center;justify-content:flex-end}
    #popup .formbox .boxs{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8rem 0}
    #popup .formbox .boxs i{display:block;margin:0 auto;width:3.8rem;height:3.8rem;background:url("/assets/img/member/check.svg") no-repeat 50% 50%}
    #popup .formbox .boxs strong{padding:2rem 0;font-size:2.6rem;font-weight:700;color:#000}
    #popup .formbox .boxs strong + span{padding-top:3.8rem}
    #popup .formbox .boxs span{line-height:2;font-size:1.6rem;font-weight:400;color:#000}
    #popup .formbox .finder{text-align:center}
    #popup .formbox .finder .text{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;margin:3.5rem 0;padding:3.9rem 0;border:.1rem solid #D7D7D7;background:#F6F6F6}
    #popup .formbox .finder .text span{font-size:1.8rem;font-weight:700;color:#000}
    #popup .formbox .finder .text strong{font-size:2.6rem;font-weight:700;color:#000}
    #popup .formbox .button{margin-top:4rem;padding-top:4rem;border-top:.1rem solid #E4E4E4}
    #popup .formbox .tit + .kfom{padding:0 !important}
    #popup .formbox .tit + .kfom fieldset{padding:2rem 0 !important}
    #popup .formbox .file{display:flex;align-items:center;width:100%}
    #popup .formbox .tip{font-size:1.4rem;color:#757575}
    #popup .formbox .stat{gap:.4rem;font-size:1.4rem}
    #popup .formbox .stat.err{color:#F4003A}
    #popup .formbox .stat.err.filled{margin-top:0.8rem;}
    #popup .formbox .stat.err.filled#payment-terms-error{margin-left:18rem;margin-top:-0.8rem !important;margin-bottom:1.6rem;}
    #popup .formbox .tr .inr .item + em + .stat.err.filled{position:absolute;bottom:0;}
    #popup .formbox .stat i{font-size:1.8rem}
    #popup .formbox .tbl{padding:0 0 2rem 0}
    #popup .formbox .tbl h3{padding:2rem 0 1.2rem 0;font-size:1.8rem}
    #popup .formbox .tbl p{font-size:1.6rem;font-weight:400;color:#5B5B5B}
    #popup .formbox .tbl h3 + .br{padding-top:.8rem}
    #popup .formbox .tbl .br{display:flex;align-items:center;gap:4rem}
    #popup .formbox .tbl .br + .br{padding:1.6rem 0 0 0}
    #popup .formbox .tbl .br .inr{display:flex;flex-direction:column;gap:.2rem}
    
    /*#popup .formbox .tbl .br{display:flex;align-items:center;gap:4rem}
    #popup .formbox .tbl .br + .br{padding:3rem 0 0 0}
    #popup .formbox .tbl .br .inr{gap:.2rem}*/
    
    #popup .formbox .tbl .label{font-size:1.4rem;font-weight:700;color:#5B5B5B}
    #popup .formbox .tbl .label + .item{min-height:auto;font-weight:400}
    #popup .formbox .cnt{padding:2rem 0 1rem 0}
    #popup .formbox .cnt .br{display:flex;align-items:center;gap:4rem}
    #popup .formbox .cnt .br + .br{padding:3rem 0 0 0}
    #popup .formbox .cnt .br .inr{gap:.5rem}
    #popup .formbox .cnt .label{display:flex;align-items:center;gap:1rem;font-size:1.4rem;font-weight:500;color:#5B5B5B}
    #popup .formbox .cnt .label i{display:flex;align-items:center;justify-content:center;width:2rem;min-height:2rem;color:#fff;background:#5b5b5b;border-radius:2rem}
    #popup .formbox .cnt .item{padding-left:3rem;min-height:auto;font-size:1.6rem;font-weight:700;color:#000}
    #popup .formbox .cnt .item strong{font-size:2rem;font-weight:700;color:#9D2340}
    #popup .formbox .prd{display:flex;gap:3rem}
    #popup .formbox .prd .img{min-width:22.4rem}
    #popup .formbox .prd .img .image{padding-bottom:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
    #popup .formbox .prd .con{display:flex;flex-direction:column;width:100%}
    #popup .formbox .prd .name{height:100%}
    #popup .formbox .prd .name strong{display:block;line-height:1.3;font-size:1.8rem;font-weight:700;color:#000;overflow:hidden}
    #popup .formbox .prd .unit{display:flex;min-height:8rem}
    #popup .formbox .prd .unit .inr{gap:2rem}
    #popup .formbox .prd .unit .label{font-size:1.4rem;font-weight:500;color:#000}
    #popup .formbox .prd .unit .price{display:flex;align-items:flex-end;gap:.4rem;min-height:4rem}
    #popup .formbox .prd .unit .price strong{font-size:2.6rem}
    #popup .formbox .prd .unit .price span{padding-bottom:.4rem;font-size:1.4rem}
    #popup .formbox .prd .unit .price input{width:6rem;height:4rem;font-size:2.6rem;font-weight:700;text-align:center;color:#000;border:none}
    #popup .formbox .amount dl{display:flex;align-items:center;justify-content:space-between;height:3rem}
    #popup .formbox .amount dt{font-size:1.8rem;color:#000}
    #popup .formbox .amount dd{text-align:right;color:#000}
    #popup .formbox .amount dd ins{font-size:1.8rem;font-weight:700;text-decoration:none}
    #popup .formbox .amount dd span{font-weight:400}
    #popup .formbox .amount .normal{display:flex;flex-direction:column;gap:2rem;padding:2rem 0}
    #popup .formbox .amount .total{display:flex;flex-direction:column;gap:2rem;padding:4rem 0;border-top:.1rem solid #d7d7d7}
    #popup .formbox .amount .total dt{font-size:1.8rem;color:#9D2340}
    #popup .formbox .amount .total dd{color:#9D2340}
    #popup .formbox .amount .total ins,
    #popup .formbox .amount .total strong{font-size:2.6rem}
    #popup .formbox .item{min-height:6rem;font-size:1.6rem;font-weight:500;color:#000}
    #popup .formbox .guide{position:relative;top:-.6rem;font-size:1.4rem;color:#757575}
    #popup .formbox .select{position:relative;width:100%}
    #popup .formbox .delete{min-width:10rem;font-size:1.4rem;color:#797979;border:.1rem solid #aaa;background:var(--color-light-1)}
    #popup .formbox .delete:hover{color:var(--color-dark-5);border:.1rem solid var(--color-dark-5)}
    #popup .formbox .chkbox + label{justify-content:center;width:100%;text-align:center;border-radius:1rem}
    #popup .formbox .fm-sel{padding:0 4rem 0 1.6rem;width:100%;min-height:6rem;font-size:1.6rem;color:#000;border:.1rem solid #000;background:transparent;appearance:none}
    #popup .formbox .fm-sel + .fm-arr{display:flex;align-items:center;position:absolute;top:0;right:0;width:4rem;height:6rem;background:url("/assets/img/ico-select.svg") no-repeat 50% 50%;pointer-events:none;transition:.2s}
    #popup .formbox .fm-sel:focus{border-color:#000}
    #popup .formbox .fm-sel:focus + .fm-arr{transform:rotate(180deg)}
    #popup .formbox .fm-lat{padding:0 4rem 0 1.6rem;min-width:17rem;min-height:6rem;font-size:1.6rem;color:#6D001A;border:.1rem solid #6D001A;background:transparent;appearance:none}
    #popup .formbox .fm-lat + .fm-arr{display:flex;align-items:center;position:absolute;top:0;right:0;width:4rem;height:6rem;background:url("/assets/img/ico/ico-select-lat.svg") no-repeat 50% 50%;pointer-events:none;transition:.2s}
    #popup .formbox .fm-lat:focus + .fm-arr{transform:rotate(180deg)}
    #popup .formbox .fm-txt{padding:0 1.6rem;width:100%;min-height:6rem;font-size:1.6rem;border:.1rem solid #d7d7d7;border-radius:1rem}
    #popup .formbox .fm-txt::placeholder{color:#8F9098}
    #popup .formbox .fm-txt:focus{border-color:#000}
    #popup .formbox .fm-dat{padding:0 1.6rem 0 4.8rem;width:100%;min-height:6rem;font-size:1.6rem;text-align:center;color:#000;border:.1rem solid #d7d7d7;border-radius:1rem}
    #popup .formbox .fm-dat:focus{border-color:#000}
    #popup .formbox .fm-dat:valid{color:#d7d7d7}
    #popup .formbox .fm-dat::-webkit-clear-button,
    #popup .formbox .fm-dat::-webkit-inner-spin-button{display:none} 
    #popup .formbox .fm-dat::-webkit-calendar-picker-indicator{position:absolute;left:1.6rem;width:2.4rem;height:2.4rem;background:url("/assets/img/btn-date.svg") no-repeat 95% 50%}
    #popup .formbox .bt{display:flex;align-items:center;justify-content:center;padding:0 2rem;min-height:4rem;font-size:1.6rem;font-weight:500;box-shadow:0 0 .2rem 0 rgb(0 0 0 / 2%);transition:.2s}
    #popup .formbox .bt:hover{box-shadow:1rem 1rem 2rem rgb(0 0 0 / 10%)}
    #popup .formbox .bt-save{height:6rem;font-size:1.8rem;font-weight:700;color:#fff;border:.1rem solid #9D2340;background:#9D2340}
    #popup .formbox .bt-save.act,
    #popup .formbox .bt-save:hover{color:#fff;border:.1rem solid #660e23;background:#660e23}
    #popup .formbox .bt-file{position:absolute;top:.8rem;right:0}
    #popup .formbox .bt-srh{gap:1rem;padding:0 2rem;font-size:1.6rem;font-weight:500;color:var(--color-light-1);border:0;background:#494949}
    #popup .formbox .bt-srh{display:flex;align-items:center;justify-content:center;gap:.6rem;width:auto !important;min-width:10rem;color:#fff;border:.1rem solid #9D2340;background:#9D2340}
    #popup .formbox .bt-srh:hover{color:#494949;border:.1rem solid #494949;background:#fff}
    #popup .formbox .bt-srh i{font-size:1.4rem}
    #popup .formbox .bt-sch{display:flex;align-items:center;justify-content:center;gap:.6rem;height:3.6rem;color:#9D2340;border:.1rem solid #9D2340;background:#fff;border-radius:.5rem}
    #popup .formbox .bt-sch:hover{color:#494949;border:.1rem solid #494949;background:#fff}
    #popup .formbox .bt-saves{display:flex;align-items:center;justify-content:center;gap:.6rem;height:6rem;font-size:1.8rem;font-weight:700;color:#9D2340;border:.1rem solid #9D2340;background:#fff}
    #popup .formbox .bt-saves:hover{color:#494949;border:.1rem solid #494949;background:#fff}
    #popup .formbox .bt-submit{display:flex;align-items:center;justify-content:center;gap:.6rem;height:6rem;font-size:1.8rem;font-weight:700;color:#fff;background:#9D2340}
    #popup .formbox .bt-submit:hover{background:#660e23}
    #popup .formbox .bt-conf{display:flex;align-items:center;justify-content:center;gap:.6rem;height:6rem;font-size:1.8rem;font-weight:700;color:#757575;border:.1rem solid #BABABA;background:#F6F6F6}
    #popup .formbox .bt-conf:hover{color:#fff;border:.1rem solid #9D2340;background:#9D2340}
    #popup .formbox .byte{padding-right:13rem}
    #popup .formbox .byte + .byt{display:flex;align-items:center;position:absolute;top:0;right:1.6rem;height:6rem}
    #popup .formbox .byt{display:flex;align-items:center;justify-content:flex-end;height:auto;font-size:1.6rem;color:#8F9098}
    #popup .formbox .abbs{padding-right:3em}
    #popup .formbox .abbs + .byt{position:absolute;top:0;right:1.6rem;display:flex;height:6rem !important}
    #popup .formbox .space{padding-right:3em;text-align:right}
    #popup .formbox .space + .byt{position:absolute;top:0;right:1.6rem;display:flex;height:6rem !important;color:#000}
    #popup .formbox .per{padding-right:3.6rem;text-align:right}
    #popup .formbox .mty{padding-right:7.2rem;text-align:right}
    #popup .formbox .mtd{padding-right:9rem;text-align:right}
    #popup .formbox .mtd + .byt{position:absolute;top:0;right:1.6rem;display:flex;height:6rem !important;color:#000}
    #popup .formbox .sym{display:flex;align-items:center;position:absolute;top:0;left:1.6rem;height:6rem;font-size:1.6rem;color:#000}
    #popup .formbox .sym + .fm-txt{padding-left:3.6rem}
    #popup .formbox .fm-txt + .sym{left:auto;right:1.6rem !important}
    #popup .formbox .tb{margin-top:4.4rem;padding-top:6rem;border-top:.1rem solid #bbb}
    #popup .formbox .tb .act{background:#fff}
    #popup .formbox .tb ul{display:flex;align-items:center;background:#f4f4f4}
    #popup .formbox .tb li{width:100%}
    #popup .formbox .tb a{display:flex;align-items:center;justify-content:center;position:relative;height:6rem;font-size:1.8rem;font-weight:700;color:#757575}
    #popup .formbox .tb .act a{color:#9D2340}
    #popup .formbox .tb .act a:before{content:'';position:absolute;top:0;right:0;left:0;border-top:.2rem solid #9D2340}
    #popup .formbox .tb li:last-child:after{background:none}
    #popup .formbox .cn{display:flex;flex-direction:column;gap:1.6rem}
    #popup .formbox .cn .tits{margin-top:4rem}
    #popup .formbox .find h2{text-align:center}
    #popup .formbox .find .txt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;margin:3.5rem 0;padding:4rem 0;border:.1rem solid #E4E4E4;background:#F6F6F6}
    #popup .formbox .find .txt span{font-size:1.8rem;font-weight:700;color:#000}
    #popup .formbox .find .txt strong{font-size:2.6rem;font-weight:700;color:#000}
    #popup .formbox .find .btn{display:flex;align-items:center;gap:1rem}
    #popup .formbox .find .btn .inr{width:100%}
    #popup .formbox .tr .fee-info{display:flex;align-items:center;color: #757575;font-size:1.5rem;gap:0.2rem;width:max-content;position:relative;}
    #popup .formbox .tr .fee-info i{font-size: 2rem; color: #757575;}
    #popup .formbox .tr .fee-info i:hover .tooltip{display:inline-block;}
    #popup .formbox .tr .fee-info .tooltip{position:absolute; background-color:#f5f5f5;padding:2rem;top:100%;z-index:2;display:none;left:100%;}
    #popup .formbox .tr .fee-info .tooltip p{color:#9D2340;font-size:1.6rem;margin-bottom:0.5rem;margin-left: -0.8rem;}
    #popup .formbox .tr .fee-info .tooltip p i{color: #9D2340; font-size: 2rem; color: #af4f4f;vertical-align: text-bottom;margin-right: 0.3rem;}
    #popup .formbox .tr .fee-info .tooltip ul{display:grid;gap:0.5rem;}
    #popup .formbox .tr .fee-info .tooltip li{font-size:1.6rem;color:#757575;text-indent: -1rem;margin-left: 1rem;width:30rem;word-break:keep-all;line-height: normal;}
    #popup .formbox .tr .fee-info .tooltip li:before{content:"\00B7";padding-right:0.6rem;}
    #popup .formbox .tnc-bottom{font-size:1.6rem;}
    #popup .formbox .tr.service-duration-detail{margin-top:-2rem;}
    
    #popup table.row{width:100%;border-collapse:collapse;border-top:.1rem solid #d9d9d9;border-bottom:.1rem solid #d9d9d9;background:#fff}
    #popup table.row thead th{font-size:1.4rem;font-weight:600;color:#000;background:#eee}
    #popup table.row thead tr.pd8 th{padding:.8rem 0 !important}
    #popup table.row tbody tr{height:6rem}
    #popup table.row tbody tr:last-child{border-bottom:0}
    #popup table.row tbody th{padding:1.6rem;font-size:1.6rem;font-weight:600;color:#000;border-bottom:.1rem solid #fff;background:#f5e6ea}
    #popup table.row tbody td{padding:1.6rem;font-size:1.6rem;color:#000;border-bottom:.1rem solid #d9d9d9;word-break:break-all;}
    #popup table.row tbody td + th{border-bottom:.1rem solid #d9d9d9}
    #popup table.row tbody td a{text-decoration:underline}
    #popup table.row tbody td .item{position:relative}
    #popup table.row tbody td.h300{vertical-align:top}
    #popup table.row td button i{font-size:1.6rem} 
    #popup table.row th .bullet{display:flex;align-items:center;font-weight:500;position:relative}
    #popup table.row th .bullet:before{content:'';position:absolute;left:-1rem;width:.4rem;height:.4rem;background:#e51f22}
    #popup table.row td .field-down button{display:flex;align-items:center;gap:1.2rem}
    #popup table.row td .field-down button span{font-size:1.6rem;font-weight:500;color:#000;text-decoration:underline}
    #popup table.row td .field-down button i{display:flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;background:url("/assets/img/ico/download.svg") no-repeat 50% 50%}
    #popup table.row td .terms-total{display:flex;justify-content:space-between;} 
    
    #popup .modal-boxed .modal-confirm .header{display:flex;align-items:center;padding:0 2rem;min-height:7rem;border-bottom:.1rem solid #bbb;background:#fff}
	#popup .modal-boxed .tnc-box{padding:1rem 3rem;}
	#popup .modal-boxed .tnc-box .innr .box .tit a:hover{text-decoration:underline;}
	#popup .modal-boxed .tnc-box .innr .box .date{font-size:1.7rem;color:#949596;}
	#popup .modal-boxed .modal-confirm .footer .kpage .page{display:flex;align-items:center;padding:0 2rem;min-height:8rem;border-bottom:.1rem solid #bbb;background:#fff}
	#popup .modal-boxed .modal-confirm .footer .bt-close{position:absolute;top:2.5rem;right:3rem;font-size:2rem;color:#000}
    #popup .modal-boxed .tnc-box .innr{margin:2rem 0;}
    #popup .modal-boxed .tnc-box .innr .box .tit{font-size:1.7rem;display:flex;align-items:center;}
    #popup .modal-boxed .tnc-box .innr .box .tit i{padding-left:0.3rem;background:#e4e4e4;width:3.5rem;height:3.5rem;border-radius:2rem;display:flex;align-items:center;justify-content:space-around;margin-right:2rem;}
       
    .modal-boxed .searchChk {padding:1rem 3rem 0 0;}
    .modal-boxed .searchChk label{display:flex;align-items:center;gap:1rem;font-size:1.6rem;font-weight:500;cursor:pointer;justify-content:flex-end;}
    .modal-boxed .tnc-box{padding:1rem 2rem;}
    .modal-boxed .tnc-box .title span{font-size:2rem;font-weight:700}
    .modal-boxed .tnc-box .innr{margin:1.5rem 0;}
    .modal-boxed .tnc-box .innr .box{display:flex;justify-content:space-between;align-items:center;}
    .modal-boxed .tnc-box .innr .box .tit{font-size:1.7rem;display:flex;align-items:center;}
    .modal-boxed .tnc-box .innr .box .tit i{padding-left:0.3rem;background: #F5E6EA; width:4rem; height:4rem;border-radius:2rem;display:flex;align-items:center;justify-content:space-around;margin-right:2rem;}
    .modal-boxed .tnc-box .innr .box .tit i.confirm_wait:before{content:" ";background-image: url("/assets/img/talk/ico-01.svg");width:2.2rem;height:2.3rem;background-repeat:no-repeat;background-position:center;background-size:contain;}
    .modal-boxed .tnc-box .innr .box .tit i.confirm_accepted:before{content:" ";background-image: url("/assets/img/talk/ico-02.svg");width:2.2rem;height:2.3rem;background-repeat:no-repeat;background-position:center;background-size:contain;}
    .modal-boxed .tnc-box .innr .box .tit i.confirm_rejected:before{content:" ";background-image: url("/assets/img/talk/ico-03.svg");width:2.2rem;height:2.3rem;background-repeat:no-repeat;background-position:center;background-size:contain;}
    .modal-boxed .tnc-box .innr .box .tit i.confirm_canceled:before{content:" ";background-image: url("/assets/img/talk/ico-04.svg");width:2.2rem;height:2.3rem;background-repeat:no-repeat;background-position:center;background-size:contain;}
    .modal-boxed .tnc-box .innr .box .tit i.draft:before{content:" ";background-image: url("/assets/img/talk/ico-05.svg");width:2.2rem;height:2.3rem;background-repeat:no-repeat;background-position:center;background-size:contain;}
    .modal-boxed .tnc-box .innr .box .tit .state{font-size:1.4rem;color:#757575;margin-left:0.5rem;}
    .modal-boxed .tnc-box .innr .box .btn{display:flex;gap:1rem;}
    .modal-boxed .tnc-box .innr .box .btn .bt-view{min-width:6rem;height:4rem;color:#fff;background:#9D2340;border-radius:1rem;padding:0 1rem;font-size:1.5rem !important;width:unset;}
    .modal-boxed .tnc-box .innr .box .btn .bt-eidt{min-width:6rem;height:4rem;color:#000;background:#fff;border-radius:1rem;border:.1rem solid #9D2340;padding:0 1rem;font-size:1.5rem !important;}
}

@media (max-width:700px){
    #popup{min-width:inherit !important;height:auto;background:#fff}
    #popup #header{position:sticky;z-index:3;top:0;box-shadow:0 3rem 6rem -2rem rgb(0 0 0 / 0%)}
    #popup #header .header{display:flex;align-items:center;justify-content:space-between;padding:0 4rem;min-height:9.6rem;border-bottom:.1rem solid #bbb}
    #popup #header .header h2{font-size:3rem}
    #popup #header .header button{font-size:2.4rem}
    #popup #contain{padding:4rem}
    #popup #contain:before{display:none}
    #popup #contain .prd-menu{display:flex;align-items:center;justify-content:space-between;position:relative;margin-bottom:2rem;min-height:6rem;font-size:2rem;font-weight:600;color:#000}
    #popup #contain .prd-menu.act{margin:0;padding:0 0 0 1rem}
    #popup #contain .prd-menu.act:before{content:"";position:absolute;left:0;width:.3rem;height:1.6rem;background:#9D2340}
    #popup #contain .prd-menu .btn{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-width:2.4rem}
    #popup #contain .prd-menu .btn i{font-size:2.4rem}
    #popup #contain .prd-form fieldset{padding:0 0 3rem 0;width:100%}
    #popup #contain .prd-form .tr{width:100% !important;min-width:inherit !important}
    #popup #contain .prd-form .tr + .tr{border-top:.0rem solid #ccc !important}
    #popup #contain .prd-form .tit{min-width:18rem}
    #popup #contain .prd-form .tit strong{font-size:1.6rem;font-weight:400;color:#000}
    #popup #contain .prd-form .tit p{font-size:1.4rem;color:#000}
    #popup #contain .prd-form .ess strong{position:relative}
    #popup #contain .prd-form .ess strong:before{content:'*';padding-right:.2rem;color:#D90026}
    #popup #contain .prd-form .inr + .tit{min-width:8.2rem !important}
    #popup #contain .button{justify-content:center;position:sticky;bottom:0;padding:1rem 0}
    #popup #contain .button .bt{padding:0 5rem;font-size:1.6rem}
    #popup #footer{position:sticky;z-index:2;bottom:0;background:#fff}
    #popup #footer .footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0;padding:0 4rem;max-width:none;min-height:12rem;border-bottom:0;border-top:.1rem solid #bbb}
    #popup #footer .footer .innr{width:100%}
    #popup #footer .footer .innr .bt{width:100%;text-align:center}
    #popup #footer .bt{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;height:6rem;font-size:1.4rem;font-weight:600;border-radius:1rem;transition:.2s}
    #popup #footer .bt.act,
    #popup #footer .bt:hover{box-shadow:1rem 1rem 2rem rgb(0 0 0 / 10%)}
    #popup #footer .bt-sav{font-size:1.8rem;font-weight:700;color:#fff;background:#9D2340}
    #popup #footer .bt-sav.act,
    #popup #footer .bt-sav:hover{background:#660e23}
    #popup #footer .bt-cfm{font-size:1.8rem;font-weight:700;color:#fff;background:#9D2340}
    #popup #footer .bt-cfm.act,
    #popup #footer .bt-cfm:hover{background:#660e23}
    #popup #footer .bt-rjt{height:6rem;font-size:1.8rem;font-weight:700;color:#9D2340;border:.1rem solid #9D2340;background:#fff}
    #popup #footer .bt-rjt.act,
    #popup #footer .bt-rjt:hover{color:#fff;border:.1rem solid #9D2340;background:#9D2340}
    #popup #footer .bt-cnl{height:6rem;font-size:1.8rem;font-weight:700;color:#000;border:.1rem solid #000;background:#fff}
    #popup #footer .bt-cnl.act,
    #popup #footer .bt-cnl:hover{color:#fff;border:.1rem solid #000;background:#000}
    #popup #header .tnc-header{padding:2rem 4rem;min-height:9.6rem;border-bottom:.1rem solid #bbb;display:flex;flex-direction: column;justify-content:center;}
    #popup #header .tnc-header .tnc-title{display:flex; align-items:center; justify-content:space-between;}
    #popup #header .tnc-header h2{font-size:2.8rem}
    #popup #header .tnc-header h2 .tnc-status{font-size:1.5rem;font-weight: 500;color:#757575;}
    #popup #header .tnc-header h3{font-size:2.3rem;}
    #popup #header .tnc-header button{font-size:2.4rem}
    #popup #header .tnc-header ul {padding-top: 1rem;padding-left: 0.5rem;display: flex;gap: .3rem;flex-direction: column;}
    #popup #header .tnc-header ul li{font-size:1.6rem;color:#9D2340;font-weight:500;}
    #popup #header .tnc-header .bt-modi{color:#9D2340;border:0.1rem solid #9D2340;background:var(--color-light-1);height:3.6rem !important;padding:0 1rem; border-radius:0.5rem;font-size:1.8rem;font-weight:400;display:flex;align-items:center;justify-content:space-around;gap:0.5rem;}
    #popup #header .tnc-header .bt-modi:hover{color:#9D2340;border-color:#9D2340;box-shadow:1rem 1rem 2rem rgb(0 0 0 / 10%)}
    #popup #header .tnc-header .bt-modi i{background:url(/assets/img/talk/bt-modify.svg) no-repeat 50% 50%;background-size:contain;width:1.5rem;height:1.5rem;display:flex;}
    #popup #header .tnc-header .bt-draft{color:#9D2340;border:0.1rem solid #9D2340;background:var(--color-light-1);height:3.3rem !important;padding:0 1.6rem; border-radius:0.5rem;font-size:1.6rem;font-weight:400;display:flex;align-items:center;justify-content:space-around;gap:0.5rem;width:max-content;margin-top:1rem;margin-left:auto;}
	#popup #header .tnc-header .bt-draft:hover{color:#fff;border-color:#9D2340;box-shadow:1rem 1rem 2rem rgb(0 0 0 / 10%);background:#9D2340}
	#popup #header .tnc-header .bt-draft i{background:url(/assets/img/talk/bt-draft.svg) no-repeat 50% 50%;background-size:contain;width:1.8rem;height:1.8rem;display:flex;}
	#popup #header .tnc-header .bt-draft:hover i{filter:invert(93%) sepia(7%) saturate(30%) hue-rotate(272deg) brightness(106%) contrast(107%);}

    #popup .panel + .panel{border-top:.1rem solid #aaa}
    #popup .panel + .panel .prd-menu{margin-top:2rem}
    #popup .panel + .panel .prd-menu.act{margin-top:2rem !important}
    #popup .panel .dp2{max-height:0;overflow:hidden;transition:max-height .6s ease}
    #popup .panel .dp2.hide{display:none;}
    #popup .panel #shippingAddressView.dp2{position:relative;}
    #popup .panel #shippingAddressView.dp2 .bt-view{position:absolute;bottom:1rem;right:0;border:0.1rem solid #9D2340;color:#9D2340;border-radius:0.5rem;}
    #popup .panel #shippingAddressForm.dp2{max-height:300rem;background:var(--color-light-1);}
    #popup .panel #shippingAddressForm.dp2 .btn{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;}
    #popup .panel #shippingAddressForm.dp2 .bt-view{border:0.1rem solid #9D2340;color:#9D2340;border-radius:0.5rem;}
    #popup .panel #shippingAddressForm.dp2 .bt-cancel{border:0.1rem solid #333;color:#000;border-radius:0.5rem;}
    #popup .panel .dp1.act{background:var(--color-light-1)}
    #popup .panel .dp1.act + .dp2{max-height:350rem;background:var(--color-light-1)}
    #popup .panel .dp1.act .btn i{transform:rotate(180deg)}
    #popup .panel .tbl{}
    #popup .panel .tbl h3{padding-bottom:1.2rem;font-size:1.8rem}
    #popup .panel .tbl .tit{align-items:flex-start !important;margin:0 !important;padding-top:2rem;}
    #popup .panel .tbl .tit h3{display:flex;align-items:flex-start;gap:1rem;position:relative;margin-bottom:1.2rem;font-size:2rem;font-weight:700}
    #popup .panel .tbl .tit h3:before{content:'';margin-top:.4rem;min-width:.3rem;height:1.6rem;background:#9D2340}
    #popup .panel .tbl .tr{padding:.8rem 0 !important}
    #popup .panel .tbl .tr .inr{gap:.6rem !important}
    #popup .panel .tbl .label{font-size:1.4rem;font-weight:500;color:#5B5B5B}
    #popup .panel .tbl .item{font-size:1.6rem;font-weight:500;color:#000}
    #popup .panel .tbl .label + .item{min-height:auto;font-weight:400}
    #popup .panel .tbl .con .field-down{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.6rem;height:6rem;border:.1rem solid #D7D7D7;border-radius:1rem}
    #popup .panel .tbl .con .field-down span{font-size:1.6rem;color:#000}
    #popup .panel .tbl .con .field-down button{display:flex;align-items:center;padding:0 1.6rem;height:3.6rem;font-size:1.6rem;color:#fff;background:#9D2340;border-radius:.5rem}
    #popup .panel .nonefile{padding:0 1rem;font-size: 1.6rem;}

    #popup::-webkit-scrollbar{width:.5rem}
    #popup::-webkit-scrollbar-thumb{height:17%;background-color:rgb(0 0 0 / 50%);border-radius:.2rem}
    #popup::-webkit-scrollbar-track{background-color:var(--color-light-1)}
    
    #popup .formbox.pd0{padding:0}
    #popup .formbox.pt16{padding-top:1.6rem}
    #popup .formbox.pt40{padding-top:4rem}
    #popup .formbox.center{align-items:center}
    #popup .formbox.auto{min-height:auto}
    #popup .formbox.inquiry .tr .tit strong{font-weight:700 !important}
    #popup .formbox fieldset{display:flex;flex-direction:column;gap:0;margin:2rem auto}
    #popup .formbox fieldset.gap0{gap:0rem !important}
    #popup .formbox fieldset.gap20{gap:2rem !important}
    #popup .formbox fieldset.gap30{gap:3rem !important}
    #popup .formbox fieldset .h60{display:none}
    #popup .formbox fieldset h4{display:flex;align-items:center;justify-content:flex-start;margin-bottom:2rem;font-size:1.8rem;font-weight:500;text-align:left;color:#000}
    #popup .formbox .txtbox{margin-bottom:6rem;padding:2.3rem;border:.1rem solid #d7d7d7;background:#f6f6f6}
    #popup .formbox .txtbox p{line-height:1.6;font-size:1.6rem;font-weight:700;color:#9D2340}
    #popup .formbox .kline{padding-top:4rem;border-top:.1rem solid #E4E4E4}
    #popup .formbox .title{border-bottom:.1rem solid #000}
    #popup .formbox .title h3{padding:.9rem 0;font-size:3rem;font-weight:700;color:#000}
    #popup .formbox .title + .tr{margin-top:8rem}
    #popup .formbox .title + .tab{margin:1.4rem 0}
    #popup .formbox .title + .boxed{margin-top:4rem;margin-bottom:6rem}
    #popup .formbox .terms{padding:0 2rem;line-height:1.8;font-size:1.4rem;color:#000}
    #popup .formbox .terms h4{font-size:1.6rem;font-weight:700}
    #popup .formbox .terms strong{display:block;font-weight:500}
    #popup .formbox .terms a{text-decoration:underline}
    #popup .formbox .tits{display:flex;align-items:center;width:100%;font-size:1.8rem;font-weight:700;color:#000}
    #popup .formbox .tits em{color:#D90026}
    #popup .formbox .tits h3{display:flex;align-items:center;gap:1rem;padding-bottom:2rem;font-size:2rem;font-weight:700}
    #popup .formbox .tits h3 i{display:block;width:.3rem;height:1.6rem;background:#9D2340}
    #popup .formbox .cate{display:flex;align-items:center;gap:.5rem;padding:1.6rem 0 1.2rem 0;font-size:1.8rem;font-weight:500;color:#000}
    #popup .formbox .cate .ico{display:flex;align-items:center;width:4rem;height:4rem;background-repeat:no-repeat;background-position:50% 50%}
    #popup .formbox .cate .ico1{background-image:url("/assets/img/member/bt-indi2.svg")}
    #popup .formbox .cate .ico2{background-image:url("/assets/img/member/bt-corp2.svg")}
    #popup .formbox .boxed{display:flex;align-items:center;justify-content:center;padding:2.3rem 0;line-height:2;font-size:1.8rem;text-align:center;color:#000;border:.1rem solid #D7D7D7;background:#F6F6F6}
    #ktplay .formbox .boxed + .tr{gap:2rem}
    #ktplay .formbox .radio{display:flex;align-items:center;gap:3rem;padding:3rem 0}
    #ktplay .formbox .tab{display:flex;align-items:center;/*margin-bottom:3rem;*/overflow:hidden}
    #ktplay .formbox .tab .inr{position:relative;width:100%}
    #ktplay .formbox .tab .inr:nth-child(1):before{content:'';position:absolute;z-index:3;top:0;bottom:0;right:0;left:0;border-left:.1rem solid #e4e4e4}
    #ktplay .formbox .tab .step{display:flex;align-items:center;justify-content:center;position:relative;height:8rem}
    #ktplay .formbox .tab .step:before{content:'';position:absolute;top:0;bottom:0;left:-1rem;right:2rem}
    #ktplay .formbox .tab .step strong{display:flex;align-items:center;justify-content:center;position:relative;z-index:2;height:8rem;font-size:1.2rem;font-weight:500;text-align:center;color:#757575}
    #popup .formbox .tab .act .step{background:url("/assets/img/member/tab2.svg") no-repeat 100% 50%}
    #popup .formbox .tab .act .step:before{content:'';position:absolute;top:0;bottom:0;left:-1rem;right:2rem;background:url("/assets/img/member/tab2.svg") no-repeat 0 50%}
    #popup .formbox .tab .act .step strong{color:#fff}
    #popup .formbox .hr{display:flex;gap:1rem;margin:2rem 0;width:100%;height:.1rem;background:#e4e4e4}
    #popup .formbox .hr + .br h4{padding:0 0 3rem 0}
    #popup .formbox .br h4{padding:4rem 0 3rem 0;font-size:1.8rem;font-weight:700;color:#000}
    #popup .formbox .tr{display:flex;flex-direction:column;gap:1rem;position:relative}
    #popup .formbox .tr.service-duration-detail{flex-direction:row;}
    #popup .formbox .tr.none{border-top:0 !important}
    #popup .formbox .tr.mt40{gap:2rem !important}
    #popup .formbox .tr.mt10{margin-top:1rem}
    #popup .formbox .tr + .tr{margin-top:2rem}
    #popup .formbox .tr + .tr.service-duration-detail{margin-top:.5rem}
    #popup .formbox .tr .item{display:flex;align-items:center;gap:1rem;position:relative;width:100%}
    #popup .formbox .tr .item.column{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;padding-top:2rem}
    #popup .formbox .tr .item.service-radio{flex-wrap:wrap;}
    #popup .formbox .tr .item.service-radio label{width:calc(50% - 0.5rem);}
    #popup .formbox .tr .item span{width:100%}
    #popup .formbox .tr .item strong{font-size:1.6rem;font-weight:400;color:#000}
    #popup .formbox .tr .item.mw250{width:auto}
    #popup .formbox .tr .item .font14{font-size:1.4rem;font-weight:400;color:#757575}
    #popup .formbox .tr .inr{display:flex;flex-direction:column;justify-content:flex-start;width:100%}
    #popup .formbox .tr .tolerance .tit{margin-bottom: 1rem;}

    /* 20250116 emotion 수정 */
    #popup .formbox .tr .inr + .tit:not(.tit2){padding-top:3rem;min-width:auto;width:50%}
    /* //20250116 emotion 수정 */
    #popup .formbox .tr .inr + .tit:before{left:2rem}
    #popup .formbox .tr .inr .file{display:flex;align-items:center;margin-bottom:1rem;width:100%}
    #popup .formbox .tr .inr .label{font-size:1.4rem;font-weight:400}
    #popup .formbox .tr .inr.mw100,
    #popup .formbox .tr .inr.mw120,
    #popup .formbox .tr .inr.mw150{width:auto}
    #popup .formbox .tr .inr.pd10{padding:1rem 0}
    #popup .formbox .tr .inr .check{display:flex;align-items:center;height:6rem}
    #popup .formbox .tr .inr + em{display:flex;align-items:center;height:6rem;font-size:1.6rem;font-weight:400;color:#000}
    #popup .formbox .tr .inr .guide-hidden{font-size:1.5rem;margin-top:0.5rem;}
    #popup .formbox .tr .tac{font-size:1.4rem;color:#8F9098}
    #popup .formbox .tr .tit{display:flex;align-items:center;gap:0;font-size:1.6rem;font-weight:400}
    #popup .formbox .tr .tit.column{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;padding-top:2rem}
    #popup .formbox .tr .tit.line strong{position:relative;padding-left:1rem;font-size:2rem;font-weight:700}
    #popup .formbox .tr .tit.line strong:before{content:'';position:absolute;z-index:2;top:calc(50% - .8rem);left:0;width:.3rem;height:1.6rem;background:#9D2340}
    #popup .formbox .tr .tit strong{display:flex;/*align-items:center;gap:1.2rem*/;font-size:1.6rem;font-weight:400;color:#000}
    #popup .formbox .tr .tit strong i{padding:0 1rem;font-size:1.2rem;color:#9D2340}
    #popup .formbox .tr .tit span{padding-left:1.2rem;font-size:1.2rem;color:#9D2340}
    #popup .formbox .tr .tit p{font-size:1.4rem;color:#000}
    #popup .formbox .tr .tit em{font-size:1.2rem;color:#757575}
    #popup .formbox .tr .tit em:before{content:'ㆍ';font-size:1.8rem;font-weight:700}
    #popup .formbox .tr .pay{display:flex;flex-direction:column;gap:2rem;padding-bottom:2rem}
    #popup .formbox .tr .pay .innr{display:flex;align-items:center;justify-content:space-between;gap:0}
    #popup .formbox .tr .pay .itm{display:flex;flex-direction:column;align-items:flex-start}
    #popup .formbox .tr .pay .itm strong{display:flex;align-items:center;gap:1rem;width:100%;font-size:1.8rem;font-weight:700;color:#bababa}
    #popup .formbox .tr .pay .itm strong i{width:2.4rem;height:2.4rem;background:url("/assets/img/ico/pay-check.svg") no-repeat 50% 50%}
    #popup .formbox .tr .pay .itm span{padding-left:3.2rem;font-size:1.8rem;font-weight:700;color:#bababa}
    #popup .formbox .tr .pay .bt{padding:0;width:auto;min-width:15rem;height:4.8rem;font-size:1.4rem;font-weight:500}
    #popup .formbox .tr .pay .bt-pay{color:#bababa;border:.1rem solid #bababa;background:#fff}
    #popup .formbox .tr .pay .bt-pay.act,
    #popup .formbox .tr .pay .bt-pay:hover{color:#fff;border:.1rem solid #9D2340;background:#9D2340}
    #popup .formbox .tr .pay .bt-ready{color:#000;border:.1rem solid #000;background:#fff}
    #popup .formbox .tr .pay .bt-disabled{color:#bbb;border:.1rem solid #bbb;background:#f7f7f7;border-radius:1rem}
    #popup .formbox .tr .pay .act .itm strong{color:#000}
    #popup .formbox .tr .pay .act .itm strong i{background:url("/assets/img/ico/pay-check-act.svg") no-repeat 50% 50%}
    #popup .formbox .tr .pay .act .itm span{color:#000}
    #popup .formbox .tr .pay .act .bt-pay{color:#fff;border:.1rem solid #9D2340;background:#9D2340}
    #popup .formbox .tr .stt{display:flex;align-items:flex-start;gap:1rem;padding-bottom:2rem}
    #popup .formbox .tr .stt .innr{display:flex;flex-direction:column;justify-content:center;gap:1.2rem;width:8rem;font-size:1.4rem;color:#000;text-align:center}
    #popup .formbox .tr .stt .innr i{display:flex;align-items:center;justify-content:center;width:8rem;height:8rem;border-radius:8rem;border:.1rem solid #eee;background-color:#eee;background-size:3rem auto}
    #popup .formbox .tr .stt .innr .act{border-color:#9D2340 !important;background-color:#F5E5E9}
    #popup .formbox .tr .stt .arr{display:flex;align-items:center;justify-content:center;width:100%;height:8rem;background:url("/assets/img/ico/stt-arr.svg") no-repeat 50% 50%}
    #popup .formbox .tr .box{display:flex;align-items:center;height:6rem;padding:1.2rem 1.6rem;font-size:1.6rem;color:#8F9098;border:.1rem solid #d7d7d7;border-radius:1rem}
    #popup .formbox .tr .ess strong{position:relative}
    #popup .formbox .tr .ess strong:before{content:'*';color:#D90026}
    #popup .formbox .tr .tip{padding-left:2rem;color:#999}
    #popup .formbox .tr .stat{display:flex;align-items:center;gap:.4rem;font-size:1.4rem;color:#0DA32E}
    #popup .formbox .tr .stat i{font-size:1.8rem}
    #popup .formbox .tr .stat em{display:flex;align-items:center;justify-content:flex-start;width:100%;font-size:1.2rem;font-weight:400;color:#000}
    #popup .formbox .tr .stat em:before{content:'ㆍ';font-size:1.6rem;font-weight:700}
    #popup .formbox .tr .stat + .byt{position:absolute;bottom:0;right:0}
    #popup .formbox .tr .select{position:relative;width:100%}
    #popup .formbox .tr .fm-sel{width:100%;min-width:8rem;background:#fff;border:.1rem solid #d7d7d7;}
    #popup .formbox .tr .fm-sel[readonly]{background:#fafafa;border: .1rem solid #d7d7d7;}
    #popup .formbox .tr .fm-sel:has(option[value=""]:checked) {color:#8F9098 !important;}
    #popup .formbox .tr .fm-sel option{color:#000;}
    #popup .formbox .tr .fm-sel + .fm-arr {opacity:0.3 !important;}
	#popup .formbox .tr .fm-sel:focus + .fm-arr{opacity:1 !important;}
	#popup .formbox .tr .fm-sel[readonly] + .fm-arr{opacity:0 !important;}
    #popup .formbox .tr .fm-dat{width:100%;text-align:left}
    #popup .formbox .tr .fm-txt{width:100%}
    #popup .formbox .tr .search{position:absolute;top:0;right:0;}
    #popup .formbox .tr .search i{display:flex;align-items:center;justify-content:center;width:6rem;height:6rem;background:url("/assets/img/member/bt-search.svg") no-repeat 50% 50%}
    #popup .formbox .sort{display:flex;align-items:center;margin-top:2.4rem;padding:4rem 0 1.4rem 0;font-size:1.8rem;font-weight:700;color:#000;border-top:.1rem solid #e4e4e4}
    #popup .formbox .term{padding:2rem;border:.1rem solid #eee}
    #popup .formbox .term .wrap{padding:0 .5rem 0 0;height:18rem;line-height:1.6;font-size:1.4rem;color:#000;overflow:hidden;overflow-y:scroll}
    #popup .formbox .term .wrap::-webkit-scrollbar{width:1rem}
    #popup .formbox .term .wrap::-webkit-scrollbar-thumb{height:17%;background-color:#bababa;border-radius:.2rem}
    #popup .formbox .term .wrap::-webkit-scrollbar-track{background-color:#f5f5f5}
    #popup .formbox .term .wrap strong{font-size:1.6rem}
    #popup .formbox .term + .check{display:flex;align-items:center;justify-content:flex-end}
    #popup .formbox .boxs{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8rem 0}
    #popup .formbox .boxs i{display:block;margin:0 auto;width:3.8rem;height:3.8rem;background:url("/assets/img/member/check.svg") no-repeat 50% 50% / 100% auto}
    #popup .formbox .boxs strong{padding:2rem 0;font-size:2.6rem;font-weight:700;color:#000}
    #popup .formbox .boxs strong + span{padding-top:3.8rem}
    #popup .formbox .boxs span{line-height:2;font-size:1.6rem;font-weight:400;color:#000}
    #popup .formbox .finder{text-align:center}
    #popup .formbox .finder .text{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;margin:3.5rem 0;padding:3.9rem 0;border:.1rem solid #D7D7D7;background:#F6F6F6}
    #popup .formbox .finder .text span{font-size:1.8rem;font-weight:700;color:#000}
    #popup .formbox .finder .text strong{font-size:2.6rem;font-weight:700;color:#000}
    #popup .formbox .button{margin-top:4rem;padding-top:4rem;border-top:.1rem solid #E4E4E4}
    #popup .formbox .tit + .kfom{padding:0 !important}
    #popup .formbox .tit + .kfom fieldset{padding:2rem 0 !important}
    #popup .formbox .tip{font-size:1.4rem;color:#757575}
    #popup .formbox .stat{gap:.4rem;font-size:1.4rem}
    #popup .formbox .stat.err{color:#F4003A}
    #popup .formbox .stat.err.filled{margin-top:0.8rem;}
    #popup .formbox .tr .inr .item + em + .stat.err.filled{position:absolute;bottom:0;}
    #popup .formbox .stat i{font-size:1.8rem}
    #popup .formbox .tbl{display:flex;flex-direction:column;width:100%;padding:0 0 2rem 0}
    #popup .formbox .tbl table{width:100%}
    #popup .formbox .tbl table col{width:auto !important}
    #popup .formbox .tbl h3{padding:2rem 0 1.2rem 0;font-size:1.8rem}
    #popup .formbox .tbl p{font-size:1.6rem;font-weight:400;color:#5B5B5B}
    #popup .formbox .tbl h3 + .br{padding-top:.8rem}    
    #popup .formbox .tbl .br{display:flex;align-items:center;gap:4rem}
    #popup .formbox .tbl .br + .br{padding:1.6rem 0 0 0}
    #popup .formbox .tbl .br .inr{display:flex;flex-direction:column;gap:.2rem}    
    #popup .formbox .tbl .label{font-size:1.4rem;font-weight:700;color:#5B5B5B}
    #popup .formbox .tbl .label + .item{min-height:auto;font-weight:400}
    #popup .formbox .cnt{padding:2rem 0 1rem 0}
    #popup .formbox .cnt .br{display:flex;align-items:center;gap:4rem}
    #popup .formbox .cnt .br + .br{padding:3rem 0 0 0}
    #popup .formbox .cnt .br .inr{gap:.5rem}
    #popup .formbox .cnt .label{display:flex;align-items:center;gap:1rem;font-size:1.4rem;font-weight:500;color:#5B5B5B}
    #popup .formbox .cnt .label i{display:flex;align-items:center;justify-content:center;width:2rem;min-height:2rem;color:#fff;background:#5b5b5b;border-radius:2rem}
    #popup .formbox .cnt .item{padding-left:3rem;min-height:auto;font-size:1.6rem;font-weight:700;color:#000}
    #popup .formbox .cnt .item strong{font-size:2rem;font-weight:700;color:#9D2340}
    #popup .formbox .prd{display:flex;gap:2rem}
    #popup .formbox .prd .img{min-width:12rem}
    #popup .formbox .prd .img .image{padding-bottom:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
    #popup .formbox .prd .con{display:flex;flex-direction:column;width:100%}
    #popup .formbox .prd .name{height:100%}
    #popup .formbox .prd .name strong{display:block;line-height:1.3;font-size:1.8rem;font-weight:700;color:#000;overflow:hidden}
    #popup .formbox .prd .unit{display:flex}
    #popup .formbox .prd .unit .label{font-size:1.4rem;font-weight:500;color:#000}
    #popup .formbox .prd .unit .price{display:flex;align-items:flex-end;gap:.4rem;min-height:4rem}
    #popup .formbox .prd .unit .price strong{font-size:2rem}
    #popup .formbox .prd .unit .price span{padding-bottom:.4rem;font-size:1.4rem}
    #popup .formbox .prd .unit .price input{width:6rem;height:4rem;font-size:2rem;font-weight:700;text-align:center;color:#000;border:none}
    #popup .formbox .amount dl{display:flex;align-items:center;justify-content:space-between;height:3rem}
    #popup .formbox .amount dt{font-size:1.8rem;color:#000}
    #popup .formbox .amount dd{text-align:right;color:#000}
    #popup .formbox .amount dd ins{font-size:1.8rem;font-weight:700;text-decoration:none}
    #popup .formbox .amount dd span{font-weight:400}
    #popup .formbox .amount .normal{display:flex;flex-direction:column;gap:2rem;padding:2rem 0}
    #popup .formbox .amount .total{display:flex;flex-direction:column;gap:2rem;padding:4rem 0;border-top:.1rem solid #d7d7d7}
    #popup .formbox .amount .total dt{font-size:1.8rem;color:#9D2340}
    #popup .formbox .amount .total dd{color:#9D2340}
    #popup .formbox .amount .total ins,
    #popup .formbox .amount .total strong{font-size:2.6rem}
    #popup .formbox .item{min-height:6rem;font-size:1.6rem;font-weight:500;color:#000}
    #popup .formbox .guide{position:relative;top:-.6rem;font-size:1.4rem;color:#757575}
    #popup .formbox .select{position:relative;width:100%}
    #popup .formbox .delete{min-width:10rem;font-size:1.4rem;color:#797979;border:.1rem solid #aaa;background:var(--color-light-1)}
    #popup .formbox .delete:hover{color:var(--color-dark-5);border:.1rem solid var(--color-dark-5)}
    #popup .formbox .chkbox + label{justify-content:center;width:100%;text-align:center;border-radius:1rem}
    #popup .formbox .fm-sel{padding:0 4rem 0 1.6rem;width:100%;min-height:6rem;font-size:1.6rem;color:#000;border:.1rem solid #000;background:transparent;appearance:none}
    #popup .formbox .fm-sel + .fm-arr{display:flex;align-items:center;position:absolute;top:0;right:0;width:4rem;height:6rem;background:url("/assets/img/ico-select.svg") no-repeat 50% 50%;pointer-events:none;transition:.2s}
    #popup .formbox .fm-sel:focus{border-color:#000}
    #popup .formbox .fm-sel:focus + .fm-arr{transform:rotate(180deg)}
    #popup .formbox .fm-lat{padding:0 4rem 0 1.6rem;min-width:17rem;min-height:6rem;font-size:1.6rem;color:#6D001A;border:.1rem solid #6D001A;background:transparent;appearance:none}
    #popup .formbox .fm-lat + .fm-arr{display:flex;align-items:center;position:absolute;top:0;right:0;width:4rem;height:6rem;background:url("/assets/img/ico/ico-select-lat.svg") no-repeat 50% 50%;pointer-events:none;transition:.2s}
    #popup .formbox .fm-lat:focus + .fm-arr{transform:rotate(180deg)}
    #popup .formbox .fm-txt{padding:0 1.6rem;width:100%;min-height:6rem;font-size:1.6rem;border:.1rem solid #d7d7d7;border-radius:1rem}
    #popup .formbox .fm-txt::placeholder{color:#8F9098}
    #popup .formbox .fm-txt:focus{border-color:#000}
    #popup .formbox .fm-dat{padding:0 1.6rem 0 4.8rem;width:100%;min-height:6rem;font-size:1.6rem;text-align:center;color:#000;border:.1rem solid #d7d7d7;border-radius:1rem}
    #popup .formbox .fm-dat:focus{border-color:#000}
    #popup .formbox .fm-dat:valid{color:#d7d7d7}
    #popup .formbox .fm-dat::-webkit-clear-button,
    #popup .formbox .fm-dat::-webkit-inner-spin-button{display:none} 
    #popup .formbox .fm-dat::-webkit-calendar-picker-indicator{position:absolute;left:1.6rem;width:2.4rem;height:2.4rem;background:url("/assets/img/btn-date.svg") no-repeat 95% 50%}
    #popup .formbox .bt{display:flex;align-items:center;justify-content:center;padding:0 2rem;min-height:4rem;font-size:1.6rem;font-weight:500;box-shadow:0 0 .2rem 0 rgb(0 0 0 / 2%);transition:.2s}
    #popup .formbox .bt:hover{box-shadow:1rem 1rem 2rem rgb(0 0 0 / 10%)}
    #popup .formbox .bt-save{height:6rem;font-size:1.8rem;font-weight:700;color:#fff;border:.1rem solid #9D2340;background:#9D2340}
    #popup .formbox .bt-save.act,
    #popup .formbox .bt-save:hover{color:#fff;border:.1rem solid #660e23;background:#660e23}
    #popup .formbox .bt-srh{gap:1rem;padding:0 2rem;font-size:1.6rem;font-weight:500;color:var(--color-light-1);border:0;background:#494949}
    #popup .formbox .bt-srh{display:flex;align-items:center;justify-content:center;gap:.6rem;width:12rem;color:#fff;border:.1rem solid #9D2340;background:#9D2340}
    #popup .formbox .bt-srh:hover{color:#494949;border:.1rem solid #494949;background:#fff}
    #popup .formbox .bt-srh i{font-size:1.4rem}
    #popup .formbox .mw100 .bt-srh{width:100% !important}
    #popup .formbox .bt-sch{display:flex;align-items:center;justify-content:center;gap:.6rem;height:3.6rem;color:#9D2340;border:.1rem solid #9D2340;background:#fff;border-radius:.5rem}
    #popup .formbox .bt-sch:hover{color:#494949;border:.1rem solid #494949;background:#fff}
    #popup .formbox .bt-saves{display:flex;align-items:center;justify-content:center;gap:.6rem;height:6rem;font-size:1.8rem;font-weight:700;color:#9D2340;border:.1rem solid #9D2340;background:#fff}
    #popup .formbox .bt-saves:hover{color:#494949;border:.1rem solid #494949;background:#fff}
    #popup .formbox .bt-submit{display:flex;align-items:center;justify-content:center;gap:.6rem;height:6rem;font-size:1.8rem;font-weight:700;color:#fff;background:#9D2340}
    #popup .formbox .bt-submit:hover{background:#660e23}
    #popup .formbox .bt-conf{display:flex;align-items:center;justify-content:center;gap:.6rem;height:6rem;font-size:1.8rem;font-weight:700;color:#757575;border:.1rem solid #BABABA;background:#F6F6F6}
    #popup .formbox .bt-conf:hover{color:#fff;border:.1rem solid #9D2340;background:#9D2340}
    #popup .formbox .byte{padding-right:13rem}
    #popup .formbox .byte + .byt{display:flex;align-items:center;position:absolute;top:0;right:1.6rem;height:6rem}
    #popup .formbox .byt{display:flex;align-items:center;justify-content:flex-end;height:auto;font-size:1.6rem;color:#8F9098}
    #popup .formbox .abbs{padding-right:3em}
    #popup .formbox .abbs + .byt{position:absolute;top:0;right:1.6rem;display:flex;height:6rem !important}
    #popup .formbox .space{padding-right:3em;text-align:right}
    #popup .formbox .space + .byt{position:absolute;top:0;right:1.6rem;display:flex;height:6rem !important;color:#000}
    #popup .formbox .per{padding-right:3.6rem;text-align:right}
    #popup .formbox .mty{padding-right:7.2rem;text-align:right}
    #popup .formbox .mtd{padding-right:9rem;text-align:right}
    #popup .formbox .mtd + .byt{position:absolute;top:0;right:1.6rem;display:flex;height:6rem !important;color:#000}
    #popup .formbox .sym{display:flex;align-items:center;position:absolute;top:0;left:1.6rem;height:6rem;font-size:1.6rem;color:#000}
    #popup .formbox .sym + .fm-txt{padding-left:3.6rem}
    #popup .formbox .fm-txt + .sym{left:auto;right:1.6rem !important}
    #popup .formbox .tb{margin-top:4.4rem;padding-top:6rem;border-top:.1rem solid #bbb}
    #popup .formbox .tb .act{background:#fff}
    #popup .formbox .tb ul{display:flex;align-items:center;background:#f4f4f4}
    #popup .formbox .tb li{width:100%}
    #popup .formbox .tb a{display:flex;align-items:center;justify-content:center;position:relative;height:6rem;font-size:1.8rem;font-weight:700;color:#757575}
    #popup .formbox .tb .act a{color:#9D2340}
    #popup .formbox .tb .act a:before{content:'';position:absolute;top:0;right:0;left:0;border-top:.2rem solid #9D2340}
    #popup .formbox .tb li:last-child:after{background:none}
    #popup .formbox .cn{display:flex;flex-direction:column;gap:1.6rem}
    #popup .formbox .cn .tits{margin-top:4rem}
    #popup .formbox .find h2{text-align:center}
    #popup .formbox .find .txt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;margin:3.5rem 0;padding:4rem 0;border:.1rem solid #E4E4E4;background:#F6F6F6}
    #popup .formbox .find .txt span{font-size:1.8rem;font-weight:700;color:#000}
    #popup .formbox .find .txt strong{font-size:2.6rem;font-weight:700;color:#000}
    #popup .formbox .find .btn{display:flex;align-items:center;gap:1rem}
    #popup .formbox .find .btn .inr{width:100%}
    #popup .formbox .tr .fee-info{color: #757575;font-size:1.5rem;position:relative;}
    #popup .formbox .tr .fee-info i{font-size: 2rem; color: #757575;vertical-align:bottom;}
    #popup .formbox .tr .fee-info i:hover .tooltip{display:block;}
    #popup .formbox .tr .fee-info .tooltip{position:absolute; background-color:#f5f5f5;padding:2rem;top:100%;z-index:2;display:none;left:100%;}
    #popup .formbox .tr .fee-info .tooltip p{color:#9D2340;font-size:1.5rem;margin-bottom:0.5rem;margin-left: -0.8rem;}
    #popup .formbox .tr .fee-info .tooltip p i{color: #9D2340; font-size: 2rem; color: #af4f4f;vertical-align: text-bottom;margin-right:0.3rem;}
    #popup .formbox .tr .fee-info .tooltip ul{display:grid;gap:0.5rem;}
    #popup .formbox .tr .fee-info .tooltip li{font-size:1.4rem;color:#757575;text-indent: -1rem;margin-left: 1rem;width:28rem;word-break:keep-all;line-height:normal;}
    #popup .formbox .tr .fee-info .tooltip li:before{content:"\00B7";padding-right:0.6rem;}
    #popup .formbox .tr .fee-info .tolerance{display:flex;flex-direction: column;gap:1rem;}
    #popup .formbox .tr .tolerance .fm-txt{padding-right:4rem;}
    #popup .formbox .tnc-bottom{padding-top:1rem;font-size:1.6rem;}
    
    #popup table.row{width:100%;border-collapse:collapse;border-top:.1rem solid #d9d9d9;border-bottom:.1rem solid #d9d9d9;background:#fff}
    #popup table.row thead th{font-size:1.4rem;font-weight:600;color:#000;background:#eee}
    #popup table.row thead tr.pd8 th{padding:.8rem 0 !important}
    #popup table.row tbody tr{height:6rem}
    #popup table.row tbody tr:last-child{border-bottom:0}
    #popup table.row tbody th{padding:1.6rem;font-size:1.6rem;font-weight:600;color:#000;border-bottom:.1rem solid #fff;background:#f5e6ea}
    #popup table.row tbody td{padding:1.6rem;font-size:1.6rem;color:#000;border-bottom:.1rem solid #d9d9d9;word-break:keep-all}
    #popup table.row tbody td + th{border-bottom:.1rem solid #d9d9d9}
    #popup table.row tbody td a{text-decoration:underline}
    #popup table.row tbody td .item{position:relative}
    #popup table.row tbody td.h300{vertical-align:top}
    #popup table.row th .bullet{display:flex;align-items:center;font-weight:500;position:relative}
    #popup table.row th .bullet:before{content:'';position:absolute;left:-1rem;width:.4rem;height:.4rem;background:#e51f22}
    #popup table.row td button i{font-size:1.6rem} 
    #popup table.row td .field-down button{display:flex;align-items:center;gap:1.2rem}
    #popup table.row td .field-down button span{font-size:1.6rem;font-weight:500;color:#000;text-decoration:underline}
    #popup table.row td .field-down button i{display:flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;background:url("/assets/img/ico/download.svg") no-repeat 50% 50%}
    #popup table.row td .terms-total{display:flex;flex-direction:column;} 
    
    
    #popup .modal-boxed .modal-confirm{display:flex;flex-direction:column;position:relative;margin:0 1.6rem;background:#fff;box-shadow:0 4rem 8rem 0 rgb(0 0 0 / 20%);width:unset;}
    #popup .modal-boxed .modal-confirm .article{padding:0 .5rem 0 0;height:calc(100vh - 54rem);overflow-y:scroll;box-sizing:border-box}
    #popup .modal-boxed .modal-confirm .header{display:flex;align-items:center;padding:0 2rem;min-height:7rem;border-bottom:.1rem solid #bbb;background:#fff}
	#popup .modal-boxed .tnc-box{display:flex;flex-direction:column;justify-content:flex-start;}
	#popup .modal-boxed .tnc-box .innr .box{gap:4rem;}
	#popup .modal-boxed .tnc-box .innr .box .tit a:hover{text-decoration:underline;}
	#popup .modal-boxed .tnc-box .innr .box .date{font-size:1.6rem;color:#949596;}
	#popup .modal-boxed .modal-confirm .footer .kpage .page{display:flex;align-items:center;padding:0 2rem;min-height:7rem;background:#fff}
	#popup .modal-boxed .modal-confirm .footer .bt-close{position:absolute;top:2.5rem;right:3rem;font-size:2rem;color:#000}
    #popup .modal-boxed .tnc-box .innr .box .tit{font-size:1.6rem;display:flex;align-items:center;}
    #popup .modal-boxed .tnc-box .innr .box .tit i{padding-left:0.3rem;background:#e4e4e4;width:3rem;height:3rem;border-radius:2rem;display:flex;align-items:center;justify-content:space-around;margin-right:1rem;}
    
    .modal-boxed .searchChk {padding:1rem 3rem 0 0;}
    .modal-boxed .searchChk label{display:flex;align-items:center;gap:1rem;font-size:1.6rem;font-weight:500;cursor:pointer;justify-content:flex-end;}
    .modal-boxed .tnc-box{padding:1rem 2rem;}
    .modal-boxed .tnc-box .title span{font-size:1.8rem;font-weight:700}
    .modal-boxed .tnc-box .innr{margin:1.5rem 0;}
    .modal-boxed .tnc-box .innr .box{display:flex;justify-content:space-between;align-items:center;}
    .modal-boxed .tnc-box .innr .box .tit{font-size:1.5rem;display:flex;align-items:center;}
    .modal-boxed .tnc-box .innr .box .tit i{background: #F5E6EA; width:4rem; height:4rem;border-radius:2rem;display:flex;align-items:center;justify-content:space-around;margin-right:2rem;}
    .modal-boxed .tnc-box .innr .box .tit i.confirm_wait:before{content:" ";background-image: url("/assets/img/talk/ico-01.svg");width:2rem;height:2.3rem;background-repeat:no-repeat;background-position:center;background-size:contain;}
    .modal-boxed .tnc-box .innr .box .tit i.confirm_accepted:before{content:" ";background-image: url("/assets/img/talk/ico-02.svg");width:2rem;height:2.3rem;background-repeat:no-repeat;background-position:center;background-size:contain;}
    .modal-boxed .tnc-box .innr .box .tit i.confirm_rejected:before{content:" ";background-image: url("/assets/img/talk/ico-03.svg");width:2rem;height:2.3rem;background-repeat:no-repeat;background-position:center;background-size:contain;}
    .modal-boxed .tnc-box .innr .box .tit i.confirm_canceled:before{content:" ";background-image: url("/assets/img/talk/ico-04.svg");width:2rem;height:2.3rem;background-repeat:no-repeat;background-position:center;background-size:contain;}
    .modal-boxed .tnc-box .innr .box .tit i.draft:before{content:" ";background-image: url("/assets/img/talk/ico-05.svg");width:2rem;height:2.3rem;background-repeat:no-repeat;background-position:center;background-size:contain;}
    .modal-boxed .tnc-box .innr .box .tit .state{font-size:1.3rem;color:#757575;margin-left:0.5rem;}
    .modal-boxed .tnc-box .innr .box .btn{display:flex;gap:1rem;}
    .modal-boxed .tnc-box .innr .box .btn .bt-view{min-width:6rem;height:4rem;color:#fff;background:#9D2340;border-radius:1rem;padding:0 1rem;font-size:1.4rem !important;}
    .modal-boxed .tnc-box .innr .box .btn .bt-eidt{min-width:4rem;height:4rem;color:#000;background:#fff;border-radius:1rem;border:.1rem solid #9D2340;padding:0 1rem;font-size:1.4rem !important;}
}



/*팝업 및 모달*/
@media (min-width:1496px){
    .modal-boxed img{display:block;margin:0 auto}

    .modal-boxed .modal-alert{}

    .modal-boxed .modal-confirm{border-radius:1.5rem;overflow:hidden}

    .modal-boxed .modal-prompt{}

    .modal-boxed{position:fixed;z-index:-1;top:0;bottom:0;right:0;left:0;display:flex;justify-content:center;align-items:center;background:rgb(0 0 0 / 30%);opacity:0;visibility:hidden;transition:.4s}
    .modal-boxed.act{z-index:1000;opacity:1;visibility:visible}

    .modal-boxed .modal-table{position:relative;padding:4rem;background:var(--color-light-1);border-radius:.8rem;box-shadow:0 1.1rem 1.5rem -.7rem rgb(0 0 0 / 20%), 0 2.4rem 3.8rem .3rem rgb(0 0 0 / 14%), 0 .9rem 4.6rem .8rem rgb(0 0 0 / 12%)}
    .modal-boxed .modal-table .header{padding-bottom:2rem}
    .modal-boxed .modal-table .header .tit{font-size:1.8rem}
    .modal-boxed .modal-table .article .txt{padding:1rem;width:100%;height:300rem;border:.1rem solid #eee}
    .modal-boxed .modal-table .footer .btn{padding:1rem 0 0 0;text-align:center}
    .modal-boxed .modal-table .footer .bt{display:inline-block;padding:0 2.4rem;height:4rem;font-size:1.4rem;font-weight:600;box-shadow:0 0 .2rem 0 rgb(0 0 0 / 2%);transition:.2s}
    .modal-boxed .modal-table .footer .bt:hover{box-shadow:1rem 1rem 2rem 0 rgb(0 0 0 / 10%)}
    .modal-boxed .modal-table .footer .bt-del{border:.1rem solid #ccc}
    .modal-boxed .modal-table table.row{width:100%;border-collapse:collapse;border-spacing:0;border:0rem solid #838383}
    .modal-boxed .modal-table table.row thead th,
    .modal-boxed .modal-table table.row thead td{padding:1rem;font-size:1.4rem;color:#333;background:#e8e8e8}
    .modal-boxed .modal-table table.row tbody tr{background:var(--color-light-1)}
    .modal-boxed .modal-table table.row tbody tr:hover{background:var(--color-light-1)}
    .modal-boxed .modal-table table.row tbody tr + tr{border-bottom:0 !important;border-top:.1rem solid var(--color-light-1) !important}
    .modal-boxed .modal-table table.row tbody th{padding:1rem 2rem;font-size:1.4rem;font-weight:500;text-align:left;letter-spacing:-.8rem;background:#ffe9d0}
    .modal-boxed .modal-table table.row tbody td{padding:1rem 2rem;font-size:1.4rem;word-break:break-word}
    .modal-boxed .modal-table table.row tbody td.h200{vertical-align:top}
    .modal-boxed .modal-table table.row tbody td em{font-size:1.2rem;font-weight:700}
    .modal-boxed .modal-table table.row tbody td:nth-child(1){text-align:center}
    .modal-boxed .modal-table table.row a{display:inline-block;padding:1rem 2rem;color:var(--color-light-1);background:#242a38}
    .modal-boxed .modal-table table.row a:hover{text-decoration:underline}
    .modal-boxed .modal-table table.row .bt-memb{padding:.2rem 0 !important;color:#333;border-bottom:.1rem solid #eee;background:none !important;transition:border .2s}
    .modal-boxed .modal-table table.row .bt-memb:hover{color:var(--color-dark-5);border-bottom:.1rem solid var(--color-dark-5);transition:border .1s;text-decoration:none}
    .modal-boxed .modal-table table.row tbody td .img{display:inline-block;padding:10rem 8rem;border:.1rem solid #ccc;background:#f7f7f7}
    .modal-boxed .modal-table table.row tbody td .img img{display:block}
    .modal-boxed .modal-table table.row input{padding:0 1rem;height:4rem}
    .modal-boxed .modal-table table.row td label{padding:0 1rem 0 0}
    .modal-boxed .modal-table table.row .text{min-height:10rem}
    .modal-boxed .modal-confirm{display:flex;flex-direction:column;position:relative;background:var(--color-light-1);box-shadow:0 4rem 8rem 0 rgb(0 0 0 / 20%)}
    .modal-boxed .modal-confirm.mw810{width:81rem}
    .modal-boxed .modal-confirm .header{display:flex;align-items:center;padding:0 2rem;min-height:9rem;border-bottom:.1rem solid #bbb;background:#fff}
    .modal-boxed .modal-confirm .header .addr-tit{display:flex;align-items:baseline;gap:1rem;}
    .modal-boxed .modal-confirm .header .addr-tit i{font-size:2.2rem;}
    .modal-boxed .modal-confirm .header h3{font-size:3rem}
    .modal-boxed .modal-confirm .header h3 .total{font-size:1.6rem;font-weight:400;color:#949596;}
    .modal-boxed .modal-confirm .article{padding:0 .5rem 0 0;max-height:60rem;height:calc(100vh - 30rem/*52rem*/);overflow-y:auto;box-sizing:border-box}
    .modal-boxed .modal-confirm .article::-webkit-scrollbar{width:1rem}
    .modal-boxed .modal-confirm .article::-webkit-scrollbar-thumb{height:17%;background-color:#bababa;border-radius:.2rem}
    .modal-boxed .modal-confirm .article::-webkit-scrollbar-track{background-color:#f5f5f5}
    .modal-boxed .modal-confirm .article.line{border-bottom:.1rem solid #bbb}
    .modal-boxed .modal-confirm .article.srll{gap:3rem;padding:4rem;height:calc(100vh - 52rem)}
    .modal-boxed .modal-confirm .article.tbls{padding:4rem}
    .modal-boxed .modal-confirm .article fieldset{position:sticky;z-index:10;top:0;right:0;left:0;background:#fff}
    .modal-boxed .modal-confirm .article .title h3{font-size:2.4rem;font-weight:700}
    .modal-boxed .modal-confirm .article .title h4{font-size:1.8rem;font-weight:300}
    .modal-boxed .modal-confirm .article .tit{font-size:1.6rem}
    .modal-boxed .modal-confirm .article .txt textarea{display:block;padding:1rem;width:100%;height:20rem;border:.1rem solid #aaa;background:#fafafa;resize:none}
    .modal-boxed .modal-confirm .article .tbs{padding:0}
    .modal-boxed .modal-confirm .article .tbs tr{height:6rem}
    .modal-boxed .modal-confirm .article .tbl{padding:0 4rem}
    .modal-boxed .modal-confirm .article .tbl.srll{max-height:52rem;height:calc(100vh - 40rem)}
    .modal-boxed .modal-confirm .article .tbl tr{height:6rem}
    .modal-boxed .modal-confirm .article .member{padding:0 !important}
    .modal-boxed .modal-confirm .article .table{margin-top:3rem}
    .modal-boxed .modal-confirm .article .table table{width:100%;border-collapse:collapse;border:0;border-top:.1rem solid #d9d9d9;border-bottom:.1rem solid #d9d9d9}
    .modal-boxed .modal-confirm .article .table tr{height:6rem}
    .modal-boxed .modal-confirm .article .table tr:last-child th{border-bottom:.1rem solid #d9d9d9}
    .modal-boxed .modal-confirm .article .table th{font-size:1.6rem;font-weight:700;color:#000;border-bottom:.1rem solid #fff;background:#F5E5E9}
    .modal-boxed .modal-confirm .article .table td{padding:0 1rem;font-size:1.6rem;color:#000;border-bottom:.1rem solid #d9d9d9;background:#fff;overflow-wrap:anywhere;word-break:keep-all;}
    .modal-boxed .modal-confirm .article .button{display:flex;align-items:center;padding:0 4rem;height:7.6rem}
    .modal-boxed .modal-confirm .article .button.end{justify-content:flex-end}
    .modal-boxed .modal-confirm .article .button .bt-add{display:flex;align-items:center;justify-content:center;width:20.6rem;height:3.6rem;font-size:1.6rem;font-weight:500; color:#fff;background:#9D2340;border-radius:1rem}
    .modal-boxed .modal-confirm .address{gap:3rem;padding:0 4rem/*;height:calc(100vh - 52rem)*/}
    .modal-boxed .modal-confirm .address .innr{border-top:.1rem solid #bbb}
    .modal-boxed .modal-confirm .address .item{display:flex;align-items:center;justify-content:space-between;position:relative}
    .modal-boxed .modal-confirm .address .item .radchk{display:none}
    .modal-boxed .modal-confirm .address .item .radchk:checked + label{background:#F5E5E9}
    .modal-boxed .modal-confirm .address .item .add{display:flex;flex-direction:column;gap:1.5rem;padding:3.9rem 14rem 3.9rem 1.6rem;width:100%}
    .modal-boxed .modal-confirm .address .item .add:hover{text-decoration:underline;}
    .modal-boxed .modal-confirm .address .item .add strong{font-size:2rem;font-weight:700;color:#000}
    .modal-boxed .modal-confirm .address .item .add span{font-size:1.8rem;font-weight:400;color:#000;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
    .modal-boxed .modal-confirm .address .item .btn{display:flex;flex-direction:column;gap:1.2rem;position:absolute;z-index:2;right:1.6rem}
    .modal-boxed .modal-confirm .address .item .bt{display:flex;align-items:center;justify-content:center;width:12rem;height:3.6rem;font-size:1.6rem !important;font-weight:500;border-radius:.5rem}
    .modal-boxed .modal-confirm .address .item .bt-edit{color:#000;border:.1rem solid #000;background:#fff}
    .modal-boxed .modal-confirm .address .item .bt-edit:hover{color:#fff;border:.1rem solid #000;background:#000}
    .modal-boxed .modal-confirm .address .item .bt-del{color:#9D2340;border:.1rem solid #9D2340;background:#fff}

    .modal-boxed .modal-confirm .form{display:flex;align-items:flex-start;gap:1rem;padding:3rem 4rem}
    .modal-boxed .modal-confirm .form.pd0{padding:0rem}
    .modal-boxed .modal-confirm .form.w100p{padding:4rem}
    .modal-boxed .modal-confirm .form .inr{position:relative;width:100%}
    .modal-boxed .modal-confirm .form .inr.srh{min-width:45rem}
    .modal-boxed .modal-confirm .form .inr.srh .fm-txt{font-size:1.4rem}
    .modal-boxed .modal-confirm .form .innr{display:flex;flex-direction:column;gap:2rem;width:100%}
    .modal-boxed .modal-confirm .form .address-area{display:flex;flex-direction:column;gap:2rem;width:100%}
    .modal-boxed .modal-confirm .form .tits{display:flex;flex-direction:column;gap:1rem;min-height:6rem}
    .modal-boxed .modal-confirm .form .tits h3{display:flex;align-items:center;gap:.6rem;height:1.6rem;font-size:1.8rem;font-weight:700;color:#000}
    .modal-boxed .modal-confirm .form .tits h3:before{content:'';height:1.6rem;border-left:.3rem solid #9D2340}
    .modal-boxed .modal-confirm .form .tits p{font-size:1.4rem;font-weight:400;color:#8F9098}
    .modal-boxed .modal-confirm .form .tr{display:flex;gap:.8rem}
    .modal-boxed .modal-confirm .form .tr.column{flex-direction:column;gap:0}
    .modal-boxed .modal-confirm .form .tr.column .tit{padding:0 0 .8rem 0}
    .modal-boxed .modal-confirm .form .tr.jc-sb{justify-content:space-between;}
    .modal-boxed .modal-confirm .form .tr .byte{display:flex;align-items:center;justify-content:flex-end;padding-right:12rem;height:auto;font-size:1.6rem}
    .modal-boxed .modal-confirm .form .tr .byte + .byt{display:flex;align-items:center;position:absolute;top:0;right:1.6rem;height:6rem !important}
    .modal-boxed .modal-confirm .form .tr .tit{display:flex;align-items:center;gap:1rem;min-width:25rem;font-size:1.6rem;font-weight:400;height:5rem;}
    .modal-boxed .modal-confirm .form .tr .tit i{display:block;width:.3rem;height:1.6rem;background:#9D2340;margin-top:0.2rem;}
    .modal-boxed .modal-confirm .form .tr .tit strong{font-size:1.6rem;font-weight:400;color:#000}
    .modal-boxed .modal-confirm .form .tr .tit i + strong{font-size:2rem;font-weight:500}
    .modal-boxed .modal-confirm .form .tr .tip{font-size:1.4rem;font-weight:400;color:#000}
    .modal-boxed .modal-confirm .form .tr .ess strong:before{content:'*';color:#D90026}
    .modal-boxed .modal-confirm .form .tr .item{display:flex;align-items:center;gap:1rem;position:relative;width:100%}
    .modal-boxed .modal-confirm .form .tr .item .company-addr{line-height:1.5;}
    .modal-boxed .modal-confirm .form .tr .inr{display:flex;flex-direction:column;justify-content:flex-start;position:relative;width:100%}
    .modal-boxed .modal-confirm .form .tr .inr.row{flex-direction:row;justify-content:space-between}
    .modal-boxed .modal-confirm .form .tr .inr.center{justify-content:center;}
    .modal-boxed .modal-confirm .form .tr .title{margin-top:1rem;height:2.4rem;font-size:1.8rem;color:#000;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
    .modal-boxed .modal-confirm .form .tr .box{display:flex;align-items:center;justify-content:center;padding:3.2rem 1rem;border:.1rem solid #D7D7D7;background:#F6F6F6}
    .modal-boxed .modal-confirm .form .tr .box i{display:block;margin:0 auto;width:3.8rem;height:3.8rem;background:url("/assets/img/member/check.svg") no-repeat 50% 50%}
    .modal-boxed .modal-confirm .form .tr .box span{padding:2rem 0 .6rem 0;font-size:1.8rem;font-weight:400;color:#000}
    .modal-boxed .modal-confirm .form .tr .box strong{font-size:2.6rem;font-weight:700;color:#000}
    .modal-boxed .modal-confirm .form .tr .stat{font-size:1.4rem}
    .modal-boxed .modal-confirm .form .tr .stat.err{color:#D90026;}
    .modal-boxed .modal-confirm .form .tr .stat.err.filled{margin-top:0.8rem;}
    .modal-boxed .modal-confirm .form .quant{display:flex;align-items:center;justify-content:flex-end;gap:1rem;position:relative}
    .modal-boxed .modal-confirm .form .quant em{display:block;min-width:2rem;max-width:8rem;line-height:4rem;font-size:1.4rem;font-weight:700;color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
    .modal-boxed .modal-confirm .form .quant input{width:10rem;height:4rem;min-height:auto;font-size:1.6rem;font-weight:500;border:.1rem solid #bababa;border-radius:.5rem !important}
    .modal-boxed .modal-confirm .form .quant button{display:flex;align-items:center;justify-content:center;min-width:4rem;height:4rem;border:.1rem solid #000;border-radius:.5rem}
    .modal-boxed .modal-confirm .form .quant .min{background:url("/assets/img/ico/bid-minus.svg") no-repeat 50% 50%}
    .modal-boxed .modal-confirm .form .quant .max{background:url("/assets/img/ico/bid-plus.svg") no-repeat 50% 50%}
    .modal-boxed .modal-confirm .form .radio ul{display:flex;align-items:center;gap:1rem}
    .modal-boxed .modal-confirm .form .radio li{width:100%}
    .modal-boxed .modal-confirm .form .radio strong{font-size:1.6rem;font-weight:400;color:#000}
    .modal-boxed .modal-confirm .form .radio .chkbox + label{justify-content:center;width:100%;text-align:center;border-radius:1rem}
    .modal-boxed .modal-confirm .form .fm-sel{padding:0 4rem 0 1.6rem;width:100%;min-height:6rem;font-size:1.6rem;color:#000;border:.1rem solid #000;background:transparent;appearance:none}
    .modal-boxed .modal-confirm .form .fm-sel + .fm-arr{display:flex;align-items:center;position:absolute;top:0;right:0;width:4rem;height:6rem;background:url("/assets/img/ico-select.svg") no-repeat 50% 50%;pointer-events:none;transition:.2s}
    .modal-boxed .modal-confirm .form .fm-sel:focus{border-color:#000}
    .modal-boxed .modal-confirm .form .fm-lat{padding:0 4rem 0 1.6rem;min-width:17rem;min-height:6rem;font-size:1.6rem;color:#6D001A;border:.1rem solid #6D001A;background:transparent;appearance:none}
    .modal-boxed .modal-confirm .form .fm-lat + .fm-arr{display:flex;align-items:center;position:absolute;top:0;right:0;width:4rem;height:6rem;background:url("/assets/img/ico/ico-select-lat.svg") no-repeat 50% 50%;pointer-events:none;transition:.2s}
    .modal-boxed .modal-confirm .form .fm-lat:focus + .fm-arr{transform:rotate(180deg)}
    .modal-boxed .modal-confirm .form .fm-txt{padding:0 1.6rem;width:100%;min-height:6rem;font-size:1.6rem;border:.1rem solid #d7d7d7;border-radius:1rem}
    .modal-boxed .modal-confirm .form .fm-txt::placeholder{color:#8F9098}
    .modal-boxed .modal-confirm .form .fm-txt:focus{border-color:#000}

    /* 20250205 emotion added */
    .modal-boxed .modal-confirm .form .fm-txt.fm-address{background:url("/assets/img/ico/ico-search3.svg") no-repeat 95% 50%}
    /* //20250205 emotion modified */

    .modal-boxed .modal-confirm .form .fm-dat{padding:0 1.6rem 0 4.8rem;width:100%;min-height:6rem;font-size:1.6rem;text-align:center;color:#000;border:.1rem solid #d7d7d7;border-radius:1rem}
    .modal-boxed .modal-confirm .form .fm-dat:focus{border-color:#000}
    .modal-boxed .modal-confirm .form .fm-dat:valid{color:#d7d7d7}
    .modal-boxed .modal-confirm .form .fm-dat::-webkit-clear-button,
    .modal-boxed .modal-confirm .form .fm-dat::-webkit-inner-spin-button{display:none} 
    .modal-boxed .modal-confirm .form .fm-dat::-webkit-calendar-picker-indicator{position:absolute;left:1.6rem;width:2.4rem;height:2.4rem;background:url("/assets/img/btn-date.svg") no-repeat 95% 50%}

    .modal-boxed .modal-confirm .form .select{position:relative;width:100%}
    .modal-boxed .modal-confirm .form .byt{display:block;height:auto !important;font-size:1.6rem;text-align:right;color:#8F9098}

    .modal-boxed .modal-confirm .accout{display:flex;align-items:center;justify-content:center;padding:4.6rem 0 2rem 0;width:100%}
    .modal-boxed .modal-confirm .count{display:flex;align-items:center;justify-content:center;gap:1rem;position:relative;max-width:38rem}
    .modal-boxed .modal-confirm .count:before{content:'$';display:flex;align-items:center;position:absolute;top:0;left:6.4rem;height:4rem;font-size:1.6rem;color:#000}
    .modal-boxed .modal-confirm .count input{width:28rem;height:4rem !important;min-height:auto !important;border-radius:.5rem !important}
    .modal-boxed .modal-confirm .count button{display:flex;align-items:center;justify-content:center;min-width:4rem;height:4rem;border:.1rem solid #000;border-radius:.5rem}
    .modal-boxed .modal-confirm .count .min{background:url("/assets/img/ico/bid-minus.svg") no-repeat 50% 50%}
    .modal-boxed .modal-confirm .count .max{background:url("/assets/img/ico/bid-plus.svg") no-repeat 50% 50%}

    .modal-boxed .modal-confirm .fm-sel{padding:0 4.8rem 0 1.6rem;width:100%;min-height:6rem;font-size:1.6rem;color:#000;border:.1rem solid #000;background:transparent;appearance:none}
    .modal-boxed .modal-confirm .fm-sel + .fm-arr{display:flex;align-items:center;position:absolute;top:0;right:0;width:3rem;height:6rem;background:url("/assets/img/ico-select.svg") no-repeat 50% 50%;pointer-events:none;transition:.2s}
    .modal-boxed .modal-confirm .fm-sel:focus + .fm-arr{transform:rotate(180deg)}
    .modal-boxed .modal-confirm .fm-lat{padding:0 4.8rem 0 1.6rem;min-width:17rem;min-height:6rem;font-size:1.6rem;color:#6D001A;border:.1rem solid #6D001A;background:transparent;appearance:none}
    .modal-boxed .modal-confirm .fm-lat + .fm-arr{display:flex;align-items:center;position:absolute;top:0;right:0;width:3rem;height:6rem;background:url("/assets/img/ico/ico-select-lat.svg") no-repeat 50% 50%;pointer-events:none;transition:.2s}
    .modal-boxed .modal-confirm .fm-lat:focus + .fm-arr{transform:rotate(180deg)}
    .modal-boxed .modal-confirm .fm-txt{padding:0 1.6rem;width:100%;min-height:6rem;font-size:1.6rem;border:.1rem solid #d7d7d7;border-radius:.0rem}
    .modal-boxed .modal-confirm .fm-txt::placeholder{color:#8F9098}
    .modal-boxed .modal-confirm .fm-txt:focus{border-color:#000}
    .modal-boxed .modal-confirm .bt-srch{position:absolute;top:calc(50% - 1.2rem);right:1.2rem;width:2.4rem;height:2.4rem;font-size:1.6rem;color:#6D001A}
    .modal-boxed .modal-confirm .prod{display:flex;flex-direction:column;gap:2rem;padding:0 4rem}
    .modal-boxed .modal-confirm .prod .innr{display:flex;align-items:center;gap:1rem}
    .modal-boxed .modal-confirm .prod .innr .dotbox + label{padding-right:1rem}
    .modal-boxed .modal-confirm .prod .dotbox:checked + label{color:#9D2340}
    .modal-boxed .modal-confirm .prod .dotbox:checked + label i{border:.1rem solid #9D2340}
    .modal-boxed .modal-confirm .prod .dotbox:checked + label i:before{background:#9D2340}
    .modal-boxed .modal-confirm .prod .item{display:flex;align-items:center;gap:1.5rem;padding:1rem;width:100%;border:.1rem solid #e4e4e4;transition:.2s}
    .modal-boxed .modal-confirm .prod .item:hover{border-color:#9D2340}
    .modal-boxed .modal-confirm .prod .img{min-width:10rem}
    .modal-boxed .modal-confirm .prod .img .image{display:flex;align-items:center;width:100%;padding-bottom:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
    .modal-boxed .modal-confirm .prod .box{display:flex;flex-direction:column;gap:.5rem;width:100%}
    .modal-boxed .modal-confirm .prod .cop{font-size:1.4rem}
    .modal-boxed .modal-confirm .prod .tit{font-size:1.8rem;font-weight:600}
    .modal-boxed .modal-confirm .prod .opt{display:flex;gap:2rem;font-size:1.4rem}
    .modal-boxed .modal-confirm .prod .opt strong{font-weight:400}
    .modal-boxed .modal-confirm .footer{display:flex;align-items:center;padding:3rem 4rem}
    .modal-boxed .modal-confirm .footer.border{border-top:.1rem solid #bbb}
    .modal-boxed .modal-confirm .footer.paging{justify-content:center;padding:0;border-top:.1rem solid #bbb}
    .modal-boxed .modal-confirm .footer .button{display:flex;align-items:center;gap:2rem;width:100%}
    .modal-boxed .modal-confirm .footer .button .bt{font-size:1.8rem !important}
    .modal-boxed .modal-confirm .bt-reset{width:100%;min-height:6rem;font-size:1.8rem;color:#000;border:.1rem solid #000;background:#fff}
    .modal-boxed .modal-confirm .bt-search{width:100%;min-height:6rem;font-size:1.8rem;color:#fff;border:.1rem solid #9D2340;background:#9D2340}

    .modal-boxed .modal-article{padding:2.4rem;background:var(--color-light-1);box-shadow:1rem 1rem 2rem 0 rgb(0 0 0 / 20%)}

    .modal-boxed .modal-alert{display:flex;flex-direction:column;position:relative;background:var(--color-light-1);border-radius:1.5rem;box-shadow:1rem 1rem 2rem 0 rgb(0 0 0 / 20%)}
    .modal-boxed .modal-alert .article{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 4rem 1rem 4rem}
    .modal-boxed .modal-alert .article .tit{padding:4.8rem 0;line-height:1.6;font-size:1.8rem;font-weight:700;text-align:center;color:#000}
    .modal-boxed .modal-alert .article .con{display:flex;align-items:center;min-height:12rem;font-size:2.2rem;font-weight:700;text-align:center;color:#000}
    .modal-boxed .modal-alert .article .title{display:flex;align-items:center;min-height:6rem;font-size:2.2rem;font-weight:700;text-align:center;color:#000}
    .modal-boxed .modal-alert .article .content{font-size:1.5rem;padding-bottom:3rem;}
    .modal-boxed .modal-alert .article .content2{font-size:2rem;padding-bottom:3rem;}/* 20250211 emotion 추가 */
    .modal-boxed .modal-alert .article .con.column{flex-direction:column;justify-content:center}
    .modal-boxed .modal-alert .article .boxs{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0}
    .modal-boxed .modal-alert .article .boxs i{display:block;margin:0 auto;width:3.8rem;height:3.8rem;background:url("/assets/img/member/check.svg") no-repeat 50% 50%}
    .modal-boxed .modal-alert .article .boxs strong{padding:1rem 0 3.3rem 0;font-size:2.2rem;font-weight:700;color:#000}
    .modal-boxed .modal-alert .article .boxs span{line-height:2;font-size:1.8rem;font-weight:400;text-align:center;color:#000}
    .modal-boxed .modal-alert .footer{padding:3rem 4rem;padding-top:0}

    .modal-boxed .modal-event .swiper{background:#fff}
    .modal-boxed .modal-event .footer .button{gap:0}
    .modal-boxed .sbt-page{display:flex;align-items:center;justify-content:center;position:absolute;z-index:2;bottom:1rem;left:calc(50% - 1.5rem);padding:0 2rem;width:4rem;height:2rem;font-size:1.4rem;color:#fff;background:#000;border-radius:2rem}

    .modal-boxed .modal-table,
    .modal-boxed .modal-confirm,
    .modal-boxed .modal-alert{animation:blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}
    .modal-boxed.act .modal-table,
    .modal-boxed.act .modal-confirm,
    .modal-boxed.act .modal-alert{animation:blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}

    /**/
    .modal-boxed .button{display:flex;align-items:center;justify-content:center;gap:1rem}
    .modal-boxed .button .inr{position:relative;width:100%;background:#fff}
    .modal-boxed .button .inr + .inr:before{content:'';position:absolute;top:0;bottom:0;left:0;border-left:.1rem solid #bababa}
    .modal-boxed .button .inr button{display:flex;align-items:center;justify-content:center;width:100%;min-height:6rem;font-size:1.8rem;color:#000}
    .modal-boxed .bt{display:flex;align-items:center;justify-content:center;width:100%;height:6rem;font-size:1.8rem !important;font-weight:700;color:#fff;background:#9D2340;border-radius:1rem;transition:.2s}
    .modal-boxed .bt:hover{box-shadow:1rem 1rem 2rem 0 rgb(0 0 0 / 10%)}
    .modal-boxed .bt-del{color:#494949;border:.1rem solid #494949;background:var(--color-light-1)}
    .modal-boxed .bt-okay{color:#fff;background:#9D2340}
    .modal-boxed .bt-okay:hover{background:#9D2340}
    .modal-boxed .bt-none{color:#888;border:.1rem solid #a9a9a9;background:#f9f9f9}
    .modal-boxed .bt-none:hover{border:.1rem solid #777}
    .modal-boxed .bt-close{position:absolute;top:3.4rem;right:3rem;font-size:2rem;color:#000}
    .modal-boxed .bt-srh{gap:0rem;padding:0;min-width:4rem;font-size:1.4rem;color:var(--color-light-1);border:0;background:#494949}
    .modal-boxed .bt-srh:hover{background:var(--color-dark-5)}
    .modal-boxed .bt-adList{display:flex;align-items:center;justify-content:center;font-size:1.4rem;border:.1rem solid #000;color:#000;background:#fff;height:3rem;border-radius:0.5rem;width:100%}

    .modal-boxed .bt-yes{color:#9D2340;border:.1rem solid #9D2340;background:#fff}
    .modal-boxed .bt-yes:hover{border:.1rem solid #9D2340}
    .modal-boxed .bt-no{color:#fff;border:.1rem solid #9D2340;background:#9D2340}
    .modal-boxed .bt-no:hover{border:.1rem solid #9D2340}

    .modal-toast{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;transform:translateX(-50%);margin-top:-3.5rem;min-width:40rem;min-height:4.5rem;background:rgb(0 0 0 / 80%);border-radius:.5rem;visibility:hidden}
    .modal-toast .txt{font-size:1.4rem;font-weight:300;color:#fff}
    .modal-toast.act{visibility:visible;animation:toast-in 700ms, toast-out 700ms 2000ms}

}

@media all and (min-width:701px) and (max-width:1496px) {
    .modal-boxed img{display:block;margin:0 auto}

    .modal-boxed .modal-alert{}

    .modal-boxed .modal-confirm{border-radius:1.5rem;overflow:hidden}

    .modal-boxed .modal-prompt{}

    .modal-boxed{position:fixed;z-index:-1;top:0;bottom:0;right:0;left:0;display:flex;justify-content:center;align-items:center;padding:0 2rem;background:rgb(0 0 0 / 30%);opacity:0;visibility:hidden;transition:.4s}
    .modal-boxed.act{z-index:1000;opacity:1;visibility:visible}

    .modal-boxed .modal-table{position:relative;padding:4rem;background:var(--color-light-1);border-radius:.8rem;box-shadow:0 1.1rem 1.5rem -.7rem rgb(0 0 0 / 20%), 0 2.4rem 3.8rem .3rem rgb(0 0 0 / 14%), 0 .9rem 4.6rem .8rem rgb(0 0 0 / 12%)}
    .modal-boxed .modal-table .header{padding-bottom:2rem}
    .modal-boxed .modal-table .header .tit{font-size:1.8rem}
    .modal-boxed .modal-table .article .txt{padding:1rem;width:100%;height:300rem;border:.1rem solid #eee}
    .modal-boxed .modal-table .footer .btn{padding:1rem 0 0 0;text-align:center}
    .modal-boxed .modal-table .footer .bt{display:inline-block;padding:0 2.4rem;height:4rem;font-size:1.4rem;font-weight:600;box-shadow:0 0 .2rem 0 rgb(0 0 0 / 2%);transition:.2s}
    .modal-boxed .modal-table .footer .bt:hover{box-shadow:1rem 1rem 2rem 0 rgb(0 0 0 / 10%)}
    .modal-boxed .modal-table .footer .bt-del{border:.1rem solid #ccc}
    .modal-boxed .modal-table table.row{width:100%;border-collapse:collapse;border-spacing:0;border:0rem solid #838383}
    .modal-boxed .modal-table table.row thead th,
    .modal-boxed .modal-table table.row thead td{padding:1rem;font-size:1.4rem;color:#333;background:#e8e8e8}
    .modal-boxed .modal-table table.row tbody tr{background:var(--color-light-1)}
    .modal-boxed .modal-table table.row tbody tr:hover{background:var(--color-light-1)}
    .modal-boxed .modal-table table.row tbody tr + tr{border-bottom:0 !important;border-top:.1rem solid var(--color-light-1) !important}
    .modal-boxed .modal-table table.row tbody th{padding:1rem 2rem;font-size:1.4rem;font-weight:500;text-align:left;letter-spacing:-.8rem;background:#ffe9d0}
    .modal-boxed .modal-table table.row tbody td{padding:1rem 2rem;font-size:1.4rem;word-break:break-word}
    .modal-boxed .modal-table table.row tbody td.h200{vertical-align:top}
    .modal-boxed .modal-table table.row tbody td em{font-size:1.2rem;font-weight:700}
    .modal-boxed .modal-table table.row tbody td:nth-child(1){text-align:center}
    .modal-boxed .modal-table table.row a{display:inline-block;padding:1rem 2rem;color:var(--color-light-1);background:#242a38}
    .modal-boxed .modal-table table.row a:hover{text-decoration:underline}
    .modal-boxed .modal-table table.row .bt-memb{padding:.2rem 0 !important;color:#333;border-bottom:.1rem solid #eee;background:none !important;transition:border .2s}
    .modal-boxed .modal-table table.row .bt-memb:hover{color:var(--color-dark-5);border-bottom:.1rem solid var(--color-dark-5);transition:border .1s;text-decoration:none}
    .modal-boxed .modal-table table.row tbody td .img{display:inline-block;padding:10rem 8rem;border:.1rem solid #ccc;background:#f7f7f7}
    .modal-boxed .modal-table table.row tbody td .img img{display:block}
    .modal-boxed .modal-table table.row input{padding:0 1rem;height:4rem}
    .modal-boxed .modal-table table.row td label{padding:0 1rem 0 0}
    .modal-boxed .modal-table table.row .text{min-height:10rem}
    .modal-boxed .modal-confirm{display:flex;flex-direction:column;position:relative;background:var(--color-light-1);box-shadow:0 4rem 8rem 0 rgb(0 0 0 / 20%)}
    .modal-boxed .modal-confirm.mw810{width:81rem}
    .modal-boxed .modal-confirm .header{display:flex;align-items:center;padding:0 2rem;min-height:9rem;border-bottom:.1rem solid #bbb;background:#fff}
    .modal-boxed .modal-confirm .header .addr-tit{display:flex;align-items:baseline;gap:1rem;}
    .modal-boxed .modal-confirm .header .addr-tit i{font-size:2.2rem;}
    .modal-boxed .modal-confirm .header h3{font-size:3rem}
    .modal-boxed .modal-confirm .header h3 .total{font-size:1.6rem;font-weight:400;color:#949596;}
    .modal-boxed .modal-confirm .article{padding:0 .5rem 0 0;max-height:60rem;height:calc(100vh - 30rem/*52rem*/);overflow-y:auto;box-sizing:border-box}
    .modal-boxed .modal-confirm .article.line{border-bottom:.1rem solid #bbb}
    .modal-boxed .modal-confirm .article.srll{gap:3rem;padding:4rem;max-height:60rem;height:calc(100vh - 52rem)}
    .modal-boxed .modal-confirm .article.tbls{padding:4rem}
    .modal-boxed .modal-confirm .article .title h3{font-size:2.4rem;font-weight:700}
    .modal-boxed .modal-confirm .article .title h4{font-size:1.8rem;font-weight:300}
    .modal-boxed .modal-confirm .article .tit{font-size:1.6rem}
    .modal-boxed .modal-confirm .article .txt textarea{display:block;padding:1rem;width:100%;height:20rem;border:.1rem solid #aaa;background:#fafafa;resize:none}
    .modal-boxed .modal-confirm .article .tbs{padding:0}
    .modal-boxed .modal-confirm .article .tbs tr{height:6rem}
    .modal-boxed .modal-confirm .article .tbl{padding:0 4rem}
    .modal-boxed .modal-confirm .article .tbl.srll{max-height:52rem;height:calc(100vh - 40rem)}
    .modal-boxed .modal-confirm .article .tbl tr{height:6rem}
    .modal-boxed .modal-confirm .article .member{padding:0 !important}
    .modal-boxed .modal-confirm .article .table{margin-top:3rem}
    .modal-boxed .modal-confirm .article .table table{width:100%;border-collapse:collapse;border:0;border-top:.1rem solid #d9d9d9;border-bottom:.1rem solid #d9d9d9}
    .modal-boxed .modal-confirm .article .table tr{height:6rem}
    .modal-boxed .modal-confirm .article .table tr:last-child th{border-bottom:.1rem solid #d9d9d9}
    .modal-boxed .modal-confirm .article .table th{font-size:1.6rem;font-weight:700;color:#000;border-bottom:.1rem solid #fff;background:#F5E5E9}
    .modal-boxed .modal-confirm .article .table td{padding:0 1rem;font-size:1.6rem;color:#000;border-bottom:.1rem solid #d9d9d9;background:#fff;overflow-wrap:anywhere;word-break:keep-all;}
    .modal-boxed .modal-confirm .article .button{display:flex;align-items:center;padding:0 4rem;height:7.6rem}
    .modal-boxed .modal-confirm .article .button.end{justify-content:flex-end}
    .modal-boxed .modal-confirm .article .button .bt-add{display:flex;align-items:center;justify-content:center;width:20.6rem;height:3.6rem;font-size:1.6rem;font-weight:500; color:#fff;background:#9D2340;border-radius:1rem}
    .modal-boxed .modal-confirm .address{gap:3rem;padding:0 4rem;}
    .modal-boxed .modal-confirm .address .innr{border-top:.1rem solid #bbb}
    .modal-boxed .modal-confirm .address .item{display:flex;align-items:center;justify-content:space-between;position:relative}
    .modal-boxed .modal-confirm .address .item .radchk{display:none}
    .modal-boxed .modal-confirm .address .item .radchk:checked + label{background:#F5E5E9}
    .modal-boxed .modal-confirm .address .item .add{display:flex;flex-direction:column;gap:1.5rem;padding:3.9rem 14rem 3.9rem 1.6rem;width:100%}
    .modal-boxed .modal-confirm .address .item .add:hover{text-decoration:underline;}
    .modal-boxed .modal-confirm .address .item .add strong{font-size:2rem;font-weight:700;color:#000}
    .modal-boxed .modal-confirm .address .item .add span{font-size:1.8rem;font-weight:400;color:#000;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
    .modal-boxed .modal-confirm .address .item .btn{display:flex;flex-direction:column;gap:1.2rem;position:absolute;z-index:2;right:1.6rem}
    .modal-boxed .modal-confirm .address .item .bt{display:flex;align-items:center;justify-content:center;width:12rem;height:3.6rem;font-size:1.6rem !important;font-weight:500;border-radius:.5rem}
    .modal-boxed .modal-confirm .address .item .bt-edit{color:#000;border:.1rem solid #000;background:#fff}
    .modal-boxed .modal-confirm .address .item .bt-edit:hover{color:#fff;border:.1rem solid #000;background:#000}
    .modal-boxed .modal-confirm .address .item .bt-del{color:#9D2340;border:.1rem solid #9D2340;background:#fff}

    .modal-boxed .modal-confirm .form{display:flex;align-items:flex-start;gap:4rem;padding:4rem;padding-bottom:3rem}
    .modal-boxed .modal-confirm .form.pd0{padding:0rem}
    .modal-boxed .modal-confirm .form.w100p{padding:4rem}
    .modal-boxed .modal-confirm .form .inr{position:relative;width:100%}
    .modal-boxed .modal-confirm .form .inr.srh{min-width:45rem}
    .modal-boxed .modal-confirm .form .inr.srh .fm-txt{font-size:1.4rem}
    .modal-boxed .modal-confirm .form .innr{display:flex;flex-direction:column;gap:2rem;width:100%}
    .modal-boxed .modal-confirm .form .address-area{display:flex;flex-direction:column;gap:2rem;width:100%}
    .modal-boxed .modal-confirm .form .tits{display:flex;flex-direction:column;gap:1rem;min-height:6rem}
    .modal-boxed .modal-confirm .form .tits h3{display:flex;align-items:center;gap:.6rem;height:1.6rem;font-size:1.8rem;font-weight:700;color:#000}
    .modal-boxed .modal-confirm .form .tits h3:before{content:'';height:1.6rem;border-left:.3rem solid #9D2340}
    .modal-boxed .modal-confirm .form .tits p{font-size:1.4rem;font-weight:400;color:#8F9098}
    .modal-boxed .modal-confirm .form .tr{display:flex;gap:.8rem}
    .modal-boxed .modal-confirm .form .tr.column{flex-direction:column;gap:0}
    .modal-boxed .modal-confirm .form .tr.column .tit{padding:0 0 .8rem 0}
    .modal-boxed .modal-confirm .form .tr.jc-sb{justify-content:space-between;}
    .modal-boxed .modal-confirm .form .tr .byte{display:flex;align-items:center;justify-content:flex-end;padding-right:12rem;height:auto;font-size:1.6rem}
    .modal-boxed .modal-confirm .form .tr .byte + .byt{display:flex;align-items:center;position:absolute;top:0;right:1.6rem;height:6rem !important}
    .modal-boxed .modal-confirm .form .tr .tit{display:flex;align-items:center;gap:1rem;min-width:25rem;font-size:1.6rem;font-weight:400}
    .modal-boxed .modal-confirm .form .tr .tit i{display:block;width:.3rem;height:1.6rem;background:#9D2340;margin-top:0.2rem;}
    .modal-boxed .modal-confirm .form .tr .tit strong{font-size:1.6rem;font-weight:400;color:#000}
    .modal-boxed .modal-confirm .form .tr .tit i + strong{font-size:2rem;font-weight:500}
    .modal-boxed .modal-confirm .form .tr .tip{font-size:1.4rem;font-weight:400;color:#000}
    .modal-boxed .modal-confirm .form .tr .ess strong:before{content:'*';color:#D90026}
    .modal-boxed .modal-confirm .form .tr .item{display:flex;align-items:center;gap:1rem;position:relative;width:100%}
    .modal-boxed .modal-confirm .form .tr .item .company-addr{line-height:1.5;}
    .modal-boxed .modal-confirm .form .tr .inr{display:flex;flex-direction:column;justify-content:flex-start;position:relative;width:100%}
    .modal-boxed .modal-confirm .form .tr .inr.row{flex-direction:row;justify-content:space-between}
    .modal-boxed .modal-confirm .form .tr .inr.center{justify-content:center;}
    .modal-boxed .modal-confirm .form .tr .title{margin-top:1rem;height:2.4rem;font-size:1.8rem;color:#000;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
    .modal-boxed .modal-confirm .form .tr .box{display:flex;align-items:center;justify-content:center;padding:3.2rem 1rem;border:.1rem solid #D7D7D7;background:#F6F6F6}
    .modal-boxed .modal-confirm .form .tr .box i{display:block;margin:0 auto;width:3.8rem;height:3.8rem;background:url("/assets/img/member/check.svg") no-repeat 50% 50%}
    .modal-boxed .modal-confirm .form .tr .box span{padding:2rem 0 .6rem 0;font-size:1.8rem;font-weight:400;color:#000}
    .modal-boxed .modal-confirm .form .tr .box strong{font-size:2.6rem;font-weight:700;color:#000}
    .modal-boxed .modal-confirm .form .tr .stat{font-size:1.4rem}
    .modal-boxed .modal-confirm .form .tr .stat.err{color:#D90026}
    .modal-boxed .modal-confirm .form .tr .stat.err.filled{margin-top:0.8rem;}
    .modal-boxed .modal-confirm .form .quant{display:flex;align-items:center;justify-content:flex-end;gap:1rem;position:relative}
    .modal-boxed .modal-confirm .form .quant em{display:block;min-width:2rem;max-width:6rem;line-height:4rem;font-size:1.4rem;font-weight:700;color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
    .modal-boxed .modal-confirm .form .quant input{width:10rem;height:4rem;min-height:auto;font-size:1.6rem;font-weight:500;border:.1rem solid #bababa;border-radius:.5rem !important}
    .modal-boxed .modal-confirm .form .quant button{display:flex;align-items:center;justify-content:center;min-width:4rem;height:4rem;border:.1rem solid #000;border-radius:.5rem}
    .modal-boxed .modal-confirm .form .quant .min{background:url("/assets/img/ico/bid-minus.svg") no-repeat 50% 50%}
    .modal-boxed .modal-confirm .form .quant .max{background:url("/assets/img/ico/bid-plus.svg") no-repeat 50% 50%}
    .modal-boxed .modal-confirm .form .radio ul{display:flex;align-items:center;gap:1rem}
    .modal-boxed .modal-confirm .form .radio li{width:100%}
    .modal-boxed .modal-confirm .form .radio strong{font-size:1.6rem;font-weight:400;color:#000}
    .modal-boxed .modal-confirm .form .radio .chkbox + label{justify-content:center;width:100%;text-align:center;border-radius:1rem}
    .modal-boxed .modal-confirm .form .fm-sel{padding:0 4rem 0 1.6rem;width:100%;min-height:6rem;font-size:1.6rem;color:#000;border:.1rem solid #000;background:transparent;appearance:none}
    .modal-boxed .modal-confirm .form .fm-sel + .fm-arr{display:flex;align-items:center;position:absolute;top:0;right:0;width:4rem;height:6rem;background:url("/assets/img/ico-select.svg") no-repeat 50% 50%;pointer-events:none;transition:.2s}
    .modal-boxed .modal-confirm .form .fm-sel:focus{border-color:#000}

    .modal-boxed .modal-confirm .form .fm-lat{padding:0 4rem 0 1.6rem;min-width:17rem;min-height:6rem;font-size:1.6rem;color:#6D001A;border:.1rem solid #6D001A;background:transparent;appearance:none}
    .modal-boxed .modal-confirm .form .fm-lat + .fm-arr{display:flex;align-items:center;position:absolute;top:0;right:0;width:4rem;height:6rem;background:url("/assets/img/ico/ico-select-lat.svg") no-repeat 50% 50%;pointer-events:none;transition:.2s}
    .modal-boxed .modal-confirm .form .fm-lat:focus + .fm-arr{transform:rotate(180deg)}
    .modal-boxed .modal-confirm .form .fm-txt{padding:0 1.6rem;width:100%;min-height:6rem;font-size:1.6rem;border:.1rem solid #d7d7d7;border-radius:1rem}
    .modal-boxed .modal-confirm .form .fm-txt::placeholder{color:#8F9098}
    .modal-boxed .modal-confirm .form .fm-txt:focus{border-color:#000}
    /* 20250205 emotion added */
    .modal-boxed .modal-confirm .form .fm-txt.fm-address{background:url("/assets/img/ico/ico-search3.svg") no-repeat 95% 50%}
    /* //20250205 emotion modified */
    .modal-boxed .modal-confirm .form .fm-dat{padding:0 1.6rem 0 4.8rem;width:100%;min-height:6rem;font-size:1.6rem;text-align:center;color:#000;border:.1rem solid #d7d7d7;border-radius:1rem}
    .modal-boxed .modal-confirm .form .fm-dat:focus{border-color:#000}
    .modal-boxed .modal-confirm .form .fm-dat:valid{color:#d7d7d7}
    .modal-boxed .modal-confirm .form .fm-dat::-webkit-clear-button,
    .modal-boxed .modal-confirm .form .fm-dat::-webkit-inner-spin-button{display:none} 
    .modal-boxed .modal-confirm .form .fm-dat::-webkit-calendar-picker-indicator{position:absolute;left:1.6rem;width:2.4rem;height:2.4rem;background:url("/assets/img/btn-date.svg") no-repeat 95% 50%}

    .modal-boxed .modal-confirm .form .select{position:relative;width:100%}
    .modal-boxed .modal-confirm .form .byt{display:block;height:auto !important;font-size:1.6rem;text-align:right;color:#8F9098}

    .modal-boxed .modal-confirm .accout{display:flex;align-items:center;justify-content:center;padding:4.6rem 0 2rem 0;width:100%}
    .modal-boxed .modal-confirm .count{display:flex;align-items:center;justify-content:center;gap:1rem;position:relative;max-width:38rem}
    .modal-boxed .modal-confirm .count:before{content:'$';display:flex;align-items:center;position:absolute;top:0;left:6.4rem;height:4rem;font-size:1.6rem;color:#000}
    .modal-boxed .modal-confirm .count input{width:28rem;height:4rem !important;min-height:auto !important;border-radius:.5rem !important}
    .modal-boxed .modal-confirm .count button{display:flex;align-items:center;justify-content:center;min-width:4rem;height:4rem;border:.1rem solid #000;border-radius:.5rem}
    .modal-boxed .modal-confirm .count .min{background:url("/assets/img/ico/bid-minus.svg") no-repeat 50% 50%}
    .modal-boxed .modal-confirm .count .max{background:url("/assets/img/ico/bid-plus.svg") no-repeat 50% 50%}

    .modal-boxed .modal-confirm .fm-sel{padding:0 4.8rem 0 1.6rem;width:100%;min-height:6rem;font-size:1.6rem;color:#000;border:.1rem solid #000;background:transparent;appearance:none}
    .modal-boxed .modal-confirm .fm-sel + .fm-arr{display:flex;align-items:center;position:absolute;top:0;right:0;width:3rem;height:6rem;background:url("/assets/img/ico-select.svg") no-repeat 50% 50%;pointer-events:none;transition:.2s}
    .modal-boxed .modal-confirm .fm-sel:focus + .fm-arr{transform:rotate(180deg)}
    .modal-boxed .modal-confirm .fm-lat{padding:0 4.8rem 0 1.6rem;min-width:17rem;min-height:6rem;font-size:1.6rem;color:#6D001A;border:.1rem solid #6D001A;background:transparent;appearance:none}
    .modal-boxed .modal-confirm .fm-lat + .fm-arr{display:flex;align-items:center;position:absolute;top:0;right:0;width:3rem;height:6rem;background:url("/assets/img/ico/ico-select-lat.svg") no-repeat 50% 50%;pointer-events:none;transition:.2s}
    .modal-boxed .modal-confirm .fm-lat:focus + .fm-arr{transform:rotate(180deg)}
    .modal-boxed .modal-confirm .fm-txt{padding:0 1.6rem;width:100%;min-height:6rem;font-size:1.6rem;border:.1rem solid #d7d7d7;border-radius:.0rem}
    .modal-boxed .modal-confirm .fm-txt::placeholder{color:#8F9098}
    .modal-boxed .modal-confirm .fm-txt:focus{border-color:#000}
    .modal-boxed .modal-confirm .bt-srch{position:absolute;top:calc(50% - 1.2rem);right:1.2rem;width:2.4rem;height:2.4rem;font-size:1.6rem;color:#6D001A}
    .modal-boxed .modal-confirm .prod{display:flex;flex-direction:column;gap:2rem;padding:0 4rem;height:calc(100vh - 60rem);overflow-y:auto}
    .modal-boxed .modal-confirm .prod .innr{display:flex;align-items:center;gap:1rem}
    .modal-boxed .modal-confirm .prod .dotbox:checked + label{color:#9D2340}
    .modal-boxed .modal-confirm .prod .dotbox:checked + label i{border:.1rem solid #9D2340}
    .modal-boxed .modal-confirm .prod .dotbox:checked + label i:before{background:#9D2340}
    .modal-boxed .modal-confirm .prod .item{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;width:100%;border:.1rem solid #e4e4e4;transition:.2s}
    .modal-boxed .modal-confirm .prod .item:hover{border-color:#9D2340}
    .modal-boxed .modal-confirm .prod .img{min-width:14rem}
    .modal-boxed .modal-confirm .prod .img .image{display:flex;align-items:center;width:100%;padding-bottom:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
    .modal-boxed .modal-confirm .prod .box{display:flex;flex-direction:column;gap:1rem;width:100%}
    .modal-boxed .modal-confirm .prod .cop{font-size:1.4rem}
    .modal-boxed .modal-confirm .prod .tit{font-size:1.8rem;font-weight:600}
    .modal-boxed .modal-confirm .prod .opt{display:flex;gap:2rem;font-size:1.4rem}
    .modal-boxed .modal-confirm .prod .opt strong{font-weight:400}
    .modal-boxed .modal-confirm .footer{display:flex;align-items:center;padding:3rem 4rem}
    .modal-boxed .modal-confirm .footer.border{border-top:.1rem solid #bbb}
    .modal-boxed .modal-confirm .footer.paging{justify-content:center;padding:0;border-top:.1rem solid #bbb}
    .modal-boxed .modal-confirm .footer .button{display:flex;align-items:center;gap:2rem;width:100%}
    .modal-boxed .modal-confirm .footer .button .bt{font-size:1.8rem !important}
    .modal-boxed .modal-confirm .bt-reset{width:100%;min-height:6rem;font-size:1.8rem;color:#000;border:.1rem solid #000;background:#fff}
    .modal-boxed .modal-confirm .bt-search{width:100%;min-height:6rem;font-size:1.8rem;color:#fff;border:.1rem solid #9D2340;background:#9D2340}

    .modal-boxed .modal-article{padding:2.4rem;background:var(--color-light-1);box-shadow:1rem 1rem 2rem 0 rgb(0 0 0 / 20%)}

    .modal-boxed .modal-alert{display:flex;flex-direction:column;position:relative;background:var(--color-light-1);border-radius:1.5rem;box-shadow:1rem 1rem 2rem 0 rgb(0 0 0 / 20%)}
    .modal-boxed .modal-alert .article{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 4rem 1rem 4rem}
    .modal-boxed .modal-alert .article .tit{padding:4.8rem 0;line-height:1.6;font-size:1.8rem;font-weight:700;text-align:center;color:#000}
    .modal-boxed .modal-alert .article .con{display:flex;align-items:center;min-height:12rem;font-size:2.2rem;font-weight:700;text-align:center;color:#000}
    .modal-boxed .modal-alert .article .con.column{flex-direction:column;justify-content:center}
    .modal-boxed .modal-alert .article .title{display:flex;align-items:center;min-height:6rem;font-size:2.2rem;font-weight:700;text-align:center;color:#000}
    .modal-boxed .modal-alert .article .content{font-size:1.5rem;padding-bottom:3rem;}
    .modal-boxed .modal-alert .article .content2{font-size:2rem;padding-bottom:3rem;}/* 20250211 emotion 추가 */
    .modal-boxed .modal-alert .article .boxs{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0}
    .modal-boxed .modal-alert .article .boxs i{display:block;margin:0 auto;width:3.8rem;height:3.8rem;background:url("/assets/img/member/check.svg") no-repeat 50% 50%}
    .modal-boxed .modal-alert .article .boxs strong{padding:0 0 3.3rem 0;font-size:2.2rem;font-weight:700;color:#000}
    .modal-boxed .modal-alert .article .boxs span{line-height:2;font-size:1.8rem;font-weight:400;text-align:center;color:#000}

    .modal-boxed .modal-alert .footer{padding:3rem 4rem;padding-top:0}
    .modal-boxed .modal-event .swiper{background:#fff}
    .modal-boxed .modal-event .footer .button{gap:0}

    .modal-boxed .modal-table,
    .modal-boxed .modal-confirm,
    .modal-boxed .modal-alert{animation:blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}
    .modal-boxed.act .modal-table,
    .modal-boxed.act .modal-confirm,
    .modal-boxed.act .modal-alert{animation:blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}

    /**/
    .modal-boxed .button{display:flex;align-items:center;justify-content:center;gap:1rem}
    .modal-boxed .button .inr{position:relative;width:100%;background:#fff}
    .modal-boxed .button .inr + .inr:before{content:'';position:absolute;top:0;bottom:0;left:0;border-left:.1rem solid #bababa}
    .modal-boxed .button .inr button{display:flex;align-items:center;justify-content:center;width:100%;min-height:6rem;font-size:1.8rem;color:#000}
    .modal-boxed .bt{display:flex;align-items:center;justify-content:center;width:100%;height:6rem;font-size:1.8rem !important;font-weight:700;color:#fff;background:#9D2340;border-radius:1rem;transition:.2s}
    .modal-boxed .bt:hover{box-shadow:1rem 1rem 2rem 0 rgb(0 0 0 / 10%)}
    .modal-boxed .bt-del{color:#494949;border:.1rem solid #494949;background:var(--color-light-1)}
    .modal-boxed .bt-okay{color:#fff;background:#9D2340}
    .modal-boxed .bt-okay:hover{background:#9D2340}
    .modal-boxed .bt-none{color:#888;border:.1rem solid #a9a9a9;background:#f9f9f9}
    .modal-boxed .bt-none:hover{border:.1rem solid #777}
    .modal-boxed .bt-close{position:absolute;top:3.4rem;right:3rem;font-size:2rem;color:#000}
    .modal-boxed .bt-srh{gap:0rem;padding:0;min-width:4rem;font-size:1.4rem;color:var(--color-light-1);border:0;background:#494949}
    .modal-boxed .bt-srh:hover{background:var(--color-dark-5)}
    .modal-boxed .bt-adList{display:flex;align-items:center;justify-content:center;font-size:1.4rem;border:.1rem solid #000;color:#000;background:#fff;height:3rem;border-radius:0.5rem;width:100%}

    .modal-boxed .bt-yes{color:#9D2340;border:.1rem solid #9D2340;background:#fff}
    .modal-boxed .bt-yes:hover{border:.1rem solid #9D2340}
    .modal-boxed .bt-no{color:#fff;border:.1rem solid #9D2340;background:#9D2340}
    .modal-boxed .bt-no:hover{border:.1rem solid #9D2340}

    .modal-toast{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;transform:translateX(-50%);margin-top:-3.5rem;min-width:40rem;min-height:4.5rem;background:rgb(0 0 0 / 80%);border-radius:.5rem;visibility:hidden}
    .modal-toast .txt{font-size:1.4rem;font-weight:300;color:#fff}
    .modal-toast.act{visibility:visible;animation:toast-in 700ms, toast-out 700ms 2000ms}
}

@media (max-width:700px){
    .modal-boxed img{display:block;margin:0 auto}

    .modal-boxed .modal-alert{}

    .modal-boxed .modal-confirm{border-radius:1.5rem;overflow:hidden}

    .modal-boxed .modal-prompt{}

    .modal-boxed{position:fixed;z-index:-1;top:0;bottom:0;right:0;left:0;display:flex;justify-content:center;align-items:center;background:rgb(0 0 0 / 30%);opacity:0;visibility:hidden;transition:.4s}
    .modal-boxed.act{z-index:1000;opacity:1;visibility:visible}

    .modal-boxed .modal-table{position:relative;padding:4rem;background:var(--color-light-1);border-radius:.8rem;box-shadow:0 1.1rem 1.5rem -.7rem rgb(0 0 0 / 20%), 0 2.4rem 3.8rem .3rem rgb(0 0 0 / 14%), 0 .9rem 4.6rem .8rem rgb(0 0 0 / 12%)}
    .modal-boxed .modal-table .header{padding-bottom:2rem}
    .modal-boxed .modal-table .header .tit{font-size:1.8rem}
    .modal-boxed .modal-table .article .txt{padding:1rem;width:100%;height:300rem;border:.1rem solid #eee}
    .modal-boxed .modal-table .footer .btn{padding:1rem 0 0 0;text-align:center}
    .modal-boxed .modal-table .footer .bt{display:inline-block;padding:0 2.4rem;height:4rem;font-size:1.4rem;font-weight:600;box-shadow:0 0 .2rem 0 rgb(0 0 0 / 2%);transition:.2s}
    .modal-boxed .modal-table .footer .bt:hover{box-shadow:1rem 1rem 2rem 0 rgb(0 0 0 / 10%)}
    .modal-boxed .modal-table .footer .bt-del{border:.1rem solid #ccc}
    .modal-boxed .modal-table table.row{width:100%;border-collapse:collapse;border-spacing:0;border:0rem solid #838383}
    .modal-boxed .modal-table table.row thead th,
    .modal-boxed .modal-table table.row thead td{padding:1rem;font-size:1.4rem;color:#333;background:#e8e8e8}
    .modal-boxed .modal-table table.row tbody tr{background:var(--color-light-1)}
    .modal-boxed .modal-table table.row tbody tr:hover{background:var(--color-light-1)}
    .modal-boxed .modal-table table.row tbody tr + tr{border-bottom:0 !important;border-top:.1rem solid var(--color-light-1) !important}
    .modal-boxed .modal-table table.row tbody th{padding:1rem 2rem;font-size:1.4rem;font-weight:500;text-align:left;letter-spacing:-.8rem;background:#ffe9d0}
    .modal-boxed .modal-table table.row tbody td{padding:1rem 2rem;font-size:1.4rem;word-break:break-word}
    .modal-boxed .modal-table table.row tbody td.h200{vertical-align:top}
    .modal-boxed .modal-table table.row tbody td em{font-size:1.2rem;font-weight:700}
    .modal-boxed .modal-table table.row tbody td:nth-child(1){text-align:center}
    .modal-boxed .modal-table table.row a{display:inline-block;padding:1rem 2rem;color:var(--color-light-1);background:#242a38}
    .modal-boxed .modal-table table.row a:hover{text-decoration:underline}
    .modal-boxed .modal-table table.row .bt-memb{padding:.2rem 0 !important;color:#333;border-bottom:.1rem solid #eee;background:none !important;transition:border .2s}
    .modal-boxed .modal-table table.row .bt-memb:hover{color:var(--color-dark-5);border-bottom:.1rem solid var(--color-dark-5);transition:border .1s;text-decoration:none}
    .modal-boxed .modal-table table.row tbody td .img{display:inline-block;padding:10rem 8rem;border:.1rem solid #ccc;background:#f7f7f7}
    .modal-boxed .modal-table table.row tbody td .img img{display:block}
    .modal-boxed .modal-table table.row input{padding:0 1rem;height:4rem}
    .modal-boxed .modal-table table.row td label{padding:0 1rem 0 0}
    .modal-boxed .modal-table table.row .text{min-height:10rem}
    .modal-boxed .modal-confirm{display:flex;flex-direction:column;position:relative;margin:0 1.6rem;min-width:auto !important;width:100%;background:#fff;box-shadow:0 4rem 8rem 0 rgb(0 0 0 / 20%)}
    .modal-boxed .modal-confirm .header{display:flex;align-items:center;padding:0 2rem;min-height:8rem;border-bottom:.1rem solid #bbb;background:#fff}
    .modal-boxed .modal-confirm .header .addr-tit{display:flex;align-items:baseline;gap:1rem;}
    .modal-boxed .modal-confirm .header .addr-tit i{font-size:2.2rem;}
    .modal-boxed .modal-confirm .header h3{font-size:2.4rem}
    .modal-boxed .modal-confirm .header h3 .total{font-size:1.6rem;font-weight:400;color:#949596;}
    .modal-boxed .modal-confirm .article{display:flex;flex-direction:column}
    .modal-boxed .modal-confirm .article{padding:0 .5rem 0 0;height:calc(100vh - 30rem);overflow-y:auto;box-sizing:border-box}
    .modal-boxed .modal-confirm .article::-webkit-scrollbar{width:1rem}
    .modal-boxed .modal-confirm .article::-webkit-scrollbar-thumb{height:17%;background-color:#bababa;border-radius:.2rem}
    .modal-boxed .modal-confirm .article::-webkit-scrollbar-track{background-color:#f5f5f5}
    .modal-boxed .modal-confirm .article.line{border-bottom:.1rem solid #bbb}
    .modal-boxed .modal-confirm .article.srll{gap:3rem;padding:2rem;height:calc(100vh - 52rem)}
    .modal-boxed .modal-confirm .article.tbls{padding:4rem}
    .modal-boxed .modal-confirm .article .title h3{font-size:2rem;font-weight:700}
    .modal-boxed .modal-confirm .article .title h4{font-size:1.8rem;font-weight:300}
    .modal-boxed .modal-confirm .article .tit{font-size:1.6rem}
    .modal-boxed .modal-confirm .article .txt textarea{display:block;padding:1rem;width:100%;height:20rem;border:.1rem solid #aaa;background:#fafafa;resize:none}
    .modal-boxed .modal-confirm .article .tbs{padding:0}
    .modal-boxed .modal-confirm .article .tbs tr{height:6rem}
    .modal-boxed .modal-confirm .article .tbl{padding:0 2rem}
    .modal-boxed .modal-confirm .article .tbl.srll{max-height:52rem;height:calc(100vh - 40rem)}
    .modal-boxed .modal-confirm .article .tbl tr{height:6rem}
    .modal-boxed .modal-confirm .article .member{padding:0 !important}
    .modal-boxed .modal-confirm .article .table{margin-top:3rem}
    .modal-boxed .modal-confirm .article .table table{width:100%;border-collapse:collapse;border:0;border-top:.1rem solid #d9d9d9;border-bottom:.1rem solid #d9d9d9}
    .modal-boxed .modal-confirm .article .table tr{height:6rem}
    .modal-boxed .modal-confirm .article .table tr:last-child th{border-bottom:.1rem solid #d9d9d9}
    .modal-boxed .modal-confirm .article .table th{font-size:1.6rem;font-weight:700;color:#000;border-bottom:.1rem solid #fff;background:#F5E5E9}
    .modal-boxed .modal-confirm .article .table td{padding:0 1rem;font-size:1.6rem;color:#000;border-bottom:.1rem solid #d9d9d9;background:#fff;overflow-wrap:anywhere;word-break:keep-all;}
    .modal-boxed .modal-confirm .article .button{display:flex;align-items:center;padding:0 2rem;height:6rem}
    .modal-boxed .modal-confirm .article .button.end{justify-content:flex-end}
    .modal-boxed .modal-confirm .article .button .bt-add{display:flex;align-items:center;justify-content:center;width:20.6rem;height:3.6rem;font-size:1.6rem;font-weight:500; color:#fff;background:#9D2340;border-radius:1rem}
    .modal-boxed .modal-confirm .address{gap:3rem;padding:0 2rem/*;height:calc(100vh - 52rem)*/}
    .modal-boxed .modal-confirm .address .innr{border-top:.1rem solid #bbb}
    .modal-boxed .modal-confirm .address .item{display:flex;align-items:center;justify-content:space-between;position:relative}
    .modal-boxed .modal-confirm .address .item .radchk{display:none}
    .modal-boxed .modal-confirm .address .item .radchk:checked + label{background:#F5E5E9}
    .modal-boxed .modal-confirm .address .item .add{display:flex;flex-direction:column;gap:1.5rem;padding:1.6rem 1.6rem 6.9rem 1.6rem;width:100%}
    .modal-boxed .modal-confirm .address .item .add:hover{text-decoration:underline;}
    .modal-boxed .modal-confirm .address .item .add strong{font-size:2rem;font-weight:700;color:#000}
    .modal-boxed .modal-confirm .address .item .add span{font-size:1.8rem;font-weight:400;color:#000;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
    .modal-boxed .modal-confirm .address .item .btn{display:flex;align-items:center;gap:1.2rem;position:absolute;z-index:2;bottom:2rem;right:1.6rem}
    .modal-boxed .modal-confirm .address .item .bt{display:flex;align-items:center;justify-content:center;width:12rem;height:3.6rem;font-size:1.6rem !important;font-weight:500;border-radius:.5rem}
    .modal-boxed .modal-confirm .address .item .bt-edit{color:#000;border:.1rem solid #000;background:#fff}
    .modal-boxed .modal-confirm .address .item .bt-edit:hover{color:#fff;border:.1rem solid #000;background:#000}
    .modal-boxed .modal-confirm .address .item .bt-del{color:#9D2340;border:.1rem solid #9D2340;background:#fff}

    .modal-boxed .modal-confirm .form{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:2rem}
    .modal-boxed .modal-confirm .form.pd0{padding:0rem}
    .modal-boxed .modal-confirm .form.w100p{padding:2rem}
    .modal-boxed .modal-confirm .form .inr{position:relative;width:100%}
    .modal-boxed .modal-confirm .form .innr{display:flex;flex-direction:column;gap:2rem;width:100%}
    .modal-boxed .modal-confirm .form .address-area{display:flex;flex-direction:column;gap:2rem;width:100%}
    .modal-boxed .modal-confirm .form .tits{display:flex;flex-direction:column;gap:1rem;min-height:6rem}
    .modal-boxed .modal-confirm .form .tits h3{display:flex;align-items:center;gap:.6rem;height:1.6rem;font-size:1.8rem;font-weight:700;color:#000}
    .modal-boxed .modal-confirm .form .tits h3:before{content:'';height:1.6rem;border-left:.3rem solid #9D2340}
    .modal-boxed .modal-confirm .form .tits p{font-size:1.4rem;font-weight:400;color:#8F9098}
    .modal-boxed .modal-confirm .form .tr{display:flex;flex-direction:column;gap:.8rem}
    .modal-boxed .modal-confirm .form .tr.column{flex-direction:column;gap:0}
    .modal-boxed .modal-confirm .form .tr.column .tit{padding:0 0 .8rem 0}
    .modal-boxed .modal-confirm .form .tr.jc-sb{justify-content:space-between;}
    .modal-boxed .modal-confirm .form .tr.jc-sb .inr{align-items:flex-end;}
    .modal-boxed .modal-confirm .form .tr.jc-sb .inr .item{justify-content:flex-end;}
    .modal-boxed .modal-confirm .form .tr .byte{display:flex;align-items:center;justify-content:flex-end;padding-right:12rem;height:auto;font-size:1.6rem}
    .modal-boxed .modal-confirm .form .tr .byte + .byt{display:flex;align-items:center;position:absolute;top:0;right:1.6rem;height:6rem !important}
    .modal-boxed .modal-confirm .form .tr .tit{display:flex;align-items:center;gap:1rem;min-width:25rem;font-size:1.6rem;font-weight:400}
    .modal-boxed .modal-confirm .form .tr .tit i{display:block;width:.3rem;height:1.6rem;background:#9D2340;margin-top:0.2rem;}
    .modal-boxed .modal-confirm .form .tr .tit strong{font-size:1.6rem;font-weight:400;color:#000}
    .modal-boxed .modal-confirm .form .tr .tit i + strong{font-size:2rem;font-weight:500}
    .modal-boxed .modal-confirm .form .tr .tip{font-size:1.4rem;font-weight:400;color:#000}
    .modal-boxed .modal-confirm .form .tr .ess strong:before{content:'*';color:#D90026}
    .modal-boxed .modal-confirm .form .tr .item{display:flex;align-items:center;gap:1rem;position:relative;width:100%}
    .modal-boxed .modal-confirm .form .tr .item .company-addr{line-height:1.2;}
    .modal-boxed .modal-confirm .form .tr .inr{display:flex;flex-direction:column;justify-content:flex-start;position:relative;width:100%}
    .modal-boxed .modal-confirm .form .tr .inr.row{justify-content:space-between}
    .modal-boxed .modal-confirm .form .tr .title{margin-top:1rem;height:2.2rem;font-size:1.8rem;color:#000;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
    .modal-boxed .modal-confirm .form .tr .box{display:flex;align-items:center;justify-content:center;padding:3.2rem 1rem;border:.1rem solid #D7D7D7;background:#F6F6F6}
    .modal-boxed .modal-confirm .form .tr .box i{display:block;margin:0 auto;width:3.8rem;height:3.8rem;background:url("/assets/img/member/check.svg") no-repeat 50% 50%}
    .modal-boxed .modal-confirm .form .tr .box span{padding:2rem 0 .6rem 0;font-size:1.8rem;font-weight:400;color:#000}
    .modal-boxed .modal-confirm .form .tr .box strong{font-size:2.6rem;font-weight:700;color:#000}
    .modal-boxed .modal-confirm .form .tr .stat{font-size:1.4rem}
    .modal-boxed .modal-confirm .form .tr .stat.err{color:#D90026}
    .modal-boxed .modal-confirm .form .tr .stat.err.filled{margin-top:0.8rem;}
    .modal-boxed .modal-confirm .form .quant{display:flex;align-items:center;justify-content:flex-end;gap:1rem;position:relative}
    .modal-boxed .modal-confirm .form .quant em{display:block;min-width:2rem;max-width:6rem;line-height:4rem;font-size:1.4rem;font-weight:700;color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
    .modal-boxed .modal-confirm .form .quant input{width:10rem;height:4rem;min-height:auto;font-size:1.6rem;font-weight:500;border:.1rem solid #bababa;border-radius:.5rem !important}
    .modal-boxed .modal-confirm .form .quant button{display:flex;align-items:center;justify-content:center;min-width:4rem;height:4rem;border:.1rem solid #000;border-radius:.5rem}
    .modal-boxed .modal-confirm .form .quant .min{background:url("/assets/img/ico/bid-minus.svg") no-repeat 50% 50%}
    .modal-boxed .modal-confirm .form .quant .max{background:url("/assets/img/ico/bid-plus.svg") no-repeat 50% 50%}
    .modal-boxed .modal-confirm .form .radio ul{display:flex;align-items:center;gap:1rem}
    .modal-boxed .modal-confirm .form .radio li{width:100%}
    .modal-boxed .modal-confirm .form .radio strong{font-size:1.6rem;font-weight:400;color:#000}
    .modal-boxed .modal-confirm .form .radio .chkbox + label{justify-content:center;width:100%;text-align:center;border-radius:1rem}
    .modal-boxed .modal-confirm .form .fm-sel{padding:0 4rem 0 1.6rem;width:100%;min-height:6rem;font-size:1.6rem;color:#000;border:.1rem solid #000;background:transparent;appearance:none}
    .modal-boxed .modal-confirm .form .fm-sel + .fm-arr{display:flex;align-items:center;position:absolute;top:0;right:0;width:4rem;height:6rem;background:url("/assets/img/ico-select.svg") no-repeat 50% 50%;pointer-events:none;transition:.2s}
    .modal-boxed .modal-confirm .form .fm-sel:focus{border-color:#000}
    .modal-boxed .modal-confirm .form .fm-lat{padding:0 4rem 0 1.6rem;min-width:17rem;min-height:6rem;font-size:1.6rem;color:#6D001A;border:.1rem solid #6D001A;background:transparent;appearance:none}
    .modal-boxed .modal-confirm .form .fm-lat + .fm-arr{display:flex;align-items:center;position:absolute;top:0;right:0;width:4rem;height:6rem;background:url("/assets/img/ico/ico-select-lat.svg") no-repeat 50% 50%;pointer-events:none;transition:.2s}
    .modal-boxed .modal-confirm .form .fm-lat:focus + .fm-arr{transform:rotate(180deg)}
    .modal-boxed .modal-confirm .form .fm-txt{padding:0 1.6rem;width:100%;min-height:6rem;font-size:1.6rem;border:.1rem solid #d7d7d7;border-radius:1rem}
    .modal-boxed .modal-confirm .form .fm-txt::placeholder{color:#8F9098}
    .modal-boxed .modal-confirm .form .fm-txt:focus{border-color:#000}
    /* 20250205 emotion added */
    .modal-boxed .modal-confirm .form .fm-txt.fm-address{background:url("/assets/img/ico/ico-search3.svg") no-repeat 95% 50%}
    /* //20250205 emotion modified */
    
    .modal-boxed .modal-confirm .form .fm-dat{padding:0 1.6rem 0 4.8rem;width:100%;min-height:6rem;font-size:1.6rem;text-align:center;color:#000;border:.1rem solid #d7d7d7;border-radius:1rem}
    .modal-boxed .modal-confirm .form .fm-dat:focus{border-color:#000}
    .modal-boxed .modal-confirm .form .fm-dat:valid{color:#d7d7d7}
    .modal-boxed .modal-confirm .form .fm-dat::-webkit-clear-button,
    .modal-boxed .modal-confirm .form .fm-dat::-webkit-inner-spin-button{display:none} 
    .modal-boxed .modal-confirm .form .fm-dat::-webkit-calendar-picker-indicator{position:absolute;left:1.6rem;width:2.4rem;height:2.4rem;background:url("/assets/img/btn-date.svg") no-repeat 95% 50%}

    .modal-boxed .modal-confirm .form .select{position:relative;width:100%}
    .modal-boxed .modal-confirm .form .byt{display:block;height:auto !important;font-size:1.6rem;text-align:right;color:#8F9098}

    .modal-boxed .modal-confirm .accout{display:flex;align-items:center;justify-content:center;padding:4.6rem 0 2rem 0;width:100%}
    .modal-boxed .modal-confirm .count{display:flex;align-items:center;justify-content:center;gap:1rem;position:relative;max-width:38rem}
    .modal-boxed .modal-confirm .count:before{content:'$';display:flex;align-items:center;position:absolute;top:0;left:6.4rem;height:4rem;font-size:1.6rem;color:#000}
    .modal-boxed .modal-confirm .count input{width:28rem;height:4rem !important;min-height:auto !important;border-radius:.5rem !important}
    .modal-boxed .modal-confirm .count button{display:flex;align-items:center;justify-content:center;min-width:4rem;height:4rem;border:.1rem solid #000;border-radius:.5rem}
    .modal-boxed .modal-confirm .count .min{background:url("/assets/img/ico/bid-minus.svg") no-repeat 50% 50%}
    .modal-boxed .modal-confirm .count .max{background:url("/assets/img/ico/bid-plus.svg") no-repeat 50% 50%}

    .modal-boxed .modal-confirm .fm-sel{padding:0 4.8rem 0 1.6rem;width:100%;min-height:6rem;font-size:1.6rem;color:#000;border:.1rem solid #000;background:transparent;appearance:none}
    .modal-boxed .modal-confirm .fm-sel + .fm-arr{display:flex;align-items:center;position:absolute;top:0;right:0;width:3rem;height:6rem;background:url("/assets/img/ico-select.svg") no-repeat 50% 50%;pointer-events:none;transition:.2s}
    .modal-boxed .modal-confirm .fm-sel:focus + .fm-arr{transform:rotate(180deg)}
    .modal-boxed .modal-confirm .fm-lat{padding:0 4.8rem 0 1.6rem;min-width:17rem;min-height:6rem;font-size:1.6rem;color:#6D001A;border:.1rem solid #6D001A;background:transparent;appearance:none}
    .modal-boxed .modal-confirm .fm-lat + .fm-arr{display:flex;align-items:center;position:absolute;top:0;right:0;width:3rem;height:6rem;background:url("/assets/img/ico/ico-select-lat.svg") no-repeat 50% 50%;pointer-events:none;transition:.2s}
    .modal-boxed .modal-confirm .fm-lat:focus + .fm-arr{transform:rotate(180deg)}
    .modal-boxed .modal-confirm .fm-txt{padding:0 1.6rem;width:100%;min-height:6rem;font-size:1.6rem;border:.1rem solid #d7d7d7;border-radius:.0rem}
    .modal-boxed .modal-confirm .fm-txt::placeholder{color:#8F9098}
    .modal-boxed .modal-confirm .fm-txt:focus{border-color:#000}
    .modal-boxed .modal-confirm .bt-srch{position:absolute;top:calc(50% - 1.2rem);right:1.2rem;width:2.4rem;height:2.4rem;font-size:1.6rem;color:#6D001A}
    .modal-boxed .modal-confirm .prod{display:flex;flex-direction:column;gap:2rem;padding:0 4rem;height:calc(100vh - 60rem);overflow-y:auto}
    .modal-boxed .modal-confirm .prod .innr{display:flex;align-items:center;gap:1rem}
    .modal-boxed .modal-confirm .prod .dotbox:checked + label{color:#9D2340}
    .modal-boxed .modal-confirm .prod .dotbox:checked + label i{border:.1rem solid #9D2340}
    .modal-boxed .modal-confirm .prod .dotbox:checked + label i:before{background:#9D2340}
    .modal-boxed .modal-confirm .prod .item{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;width:100%;border:.1rem solid #e4e4e4;transition:.2s}
    .modal-boxed .modal-confirm .prod .item:hover{border-color:#9D2340}
    .modal-boxed .modal-confirm .prod .img{min-width:14rem}
    .modal-boxed .modal-confirm .prod .img .image{display:flex;align-items:center;width:100%;padding-bottom:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
    .modal-boxed .modal-confirm .prod .box{display:flex;flex-direction:column;gap:1rem;width:100%}
    .modal-boxed .modal-confirm .prod .cop{font-size:1.4rem}
    .modal-boxed .modal-confirm .prod .tit{font-size:1.8rem;font-weight:600}
    .modal-boxed .modal-confirm .prod .opt{display:flex;gap:2rem;font-size:1.4rem}
    .modal-boxed .modal-confirm .prod .opt strong{font-weight:400}
    .modal-boxed .modal-confirm .footer{display:flex;align-items:center;padding:2rem}
    .modal-boxed .modal-confirm .footer.border{border-top:.1rem solid #bbb}
    .modal-boxed .modal-confirm .footer.paging{justify-content:center;padding:0;border-top:.1rem solid #bbb}
    .modal-boxed .modal-confirm .footer .button{display:flex;align-items:center;gap:1rem;width:100%}
    .modal-boxed .modal-confirm .footer .button .bt{font-size:1.8rem !important}
    .modal-boxed .modal-confirm .bt-reset{width:100%;min-height:6rem;font-size:1.8rem;color:#000;border:.1rem solid #000;background:#fff}
    .modal-boxed .modal-confirm .bt-search{width:100%;min-height:6rem;font-size:1.8rem;color:#fff;border:.1rem solid #9D2340;background:#9D2340}

    .modal-boxed .modal-article{padding:2.4rem;background:var(--color-light-1);box-shadow:1rem 1rem 2rem 0 rgb(0 0 0 / 20%)}

    .modal-boxed .modal-alert{display:flex;flex-direction:column;position:relative;margin:0 1rem;min-width:auto !important;width:100%;background:var(--color-light-1);border-radius:1.5rem;box-shadow:1rem 1rem 2rem 0 rgb(0 0 0 / 20%)}
    .modal-boxed .modal-alert .article{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 4rem 1rem 4rem}
    .modal-boxed .modal-alert .article .tit{padding:4.8rem 0;line-height:1.6;font-size:1.8rem;font-weight:700;text-align:center;color:#000}
    .modal-boxed .modal-alert .article .con{display:flex;align-items:center;min-height:12rem;font-size:2.2rem;font-weight:700;text-align:center;color:#000}
    .modal-boxed .modal-alert .article .con.column{flex-direction:column;justify-content:center}
    .modal-boxed .modal-alert .article .title{display:flex;align-items:center;min-height:6rem;font-size:2.2rem;font-weight:700;text-align:center;color:#000}
    .modal-boxed .modal-alert .article .content{font-size:1.5rem;padding-bottom:3rem;}
    .modal-boxed .modal-alert .article .content2{font-size:2rem;padding-bottom:3rem;}/* 20250211 emotion 추가 */
    .modal-boxed .modal-alert .article .boxs{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0}
    .modal-boxed .modal-alert .article .boxs i{display:block;margin:0 auto;width:3.8rem;height:3.8rem;background:url("/assets/img/member/check.svg") no-repeat 50% 50%}
    .modal-boxed .modal-alert .article .boxs strong{padding:0 0 3.3rem 0;font-size:2.2rem;font-weight:700;color:#000}
    .modal-boxed .modal-alert .article .boxs span{line-height:2;font-size:1.8rem;font-weight:400;text-align:center;color:#000}

    .modal-boxed .modal-alert .footer{padding:3rem 4rem;padding-top:0}
    .modal-boxed .modal-event .swiper{background:#fff}
    .modal-boxed .modal-event .footer .button{gap:0}

    .modal-boxed .modal-table,
    .modal-boxed .modal-confirm,
    .modal-boxed .modal-alert{animation:blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}
    .modal-boxed.act .modal-table,
    .modal-boxed.act .modal-confirm,
    .modal-boxed.act .modal-alert{animation:blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}

    /**/
    .modal-boxed .button{display:flex;align-items:center;justify-content:center;gap:1rem}
    .modal-boxed .button .inr{position:relative;width:100%;background:#fff}
    .modal-boxed .button .inr + .inr:before{content:'';position:absolute;top:0;bottom:0;left:0;border-left:.1rem solid #bababa}
    .modal-boxed .button .inr button{display:flex;align-items:center;justify-content:center;width:100%;min-height:6rem;font-size:1.8rem;color:#000}
    .modal-boxed .bt{display:flex;align-items:center;justify-content:center;width:100%;height:6rem;font-size:1.8rem !important;font-weight:700;color:#fff;background:#9D2340;border-radius:1rem;transition:.2s}
    .modal-boxed .bt:hover{box-shadow:1rem 1rem 2rem 0 rgb(0 0 0 / 10%)}
    .modal-boxed .bt-del{color:#494949;border:.1rem solid #494949;background:var(--color-light-1)}
    .modal-boxed .bt-okay{color:#fff;background:#9D2340}
    .modal-boxed .bt-okay:hover{background:#9D2340}
    .modal-boxed .bt-none{color:#888;border:.1rem solid #a9a9a9;background:#f9f9f9}
    .modal-boxed .bt-none:hover{border:.1rem solid #777}
    .modal-boxed .bt-close{position:absolute;top:2.8rem;right:2rem;font-size:2.4rem;color:#000}
    .modal-boxed .bt-srh{gap:0rem;padding:0;min-width:4rem;font-size:1.4rem;color:var(--color-light-1);border:0;background:#494949}
    .modal-boxed .bt-srh:hover{background:var(--color-dark-5)}
    .modal-boxed .bt-adList{display:flex;align-items:center;justify-content:center;font-size:1.4rem;border:.1rem solid #000;color:#000;background:#fff;height:3rem;border-radius:0.5rem;width:100%}

    .modal-boxed .bt-yes{color:#9D2340;border:.1rem solid #9D2340;background:#fff}
    .modal-boxed .bt-yes:hover{border:.1rem solid #9D2340}
    .modal-boxed .bt-no{color:#fff;border:.1rem solid #9D2340;background:#9D2340}
    .modal-boxed .bt-no:hover{border:.1rem solid #9D2340}

    .modal-toast{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;transform:translateX(-50%);margin-top:-3.5rem;min-width:40rem;min-height:4.5rem;background:rgb(0 0 0 / 80%);border-radius:.5rem;visibility:hidden}
    .modal-toast .txt{font-size:1.4rem;font-weight:300;color:#fff}
    .modal-toast.act{visibility:visible;animation:toast-in 700ms, toast-out 700ms 2000ms}
}





























body.lounge{background:linear-gradient(180deg, #000 0%, rgba(55, 23, 31, 1) 100%)}
body.lounge #ktplay,
body.lounge #header,
body.lounge #main{background:none}
body.lounge #main:before{border-top:0}
body.lounge #footer{display:none}

body.landing{background:#F6F6F6}
body.landing #ktplay,
body.landing #header,
body.landing #main{background:none}
body.landing #main:before{border-top:0}
body.landing #header{position:absolute;top:0;right:0;left:0; box-shadow:0 0 0 0 rgb(0 0 0 / 0%)}
body.landing #footer{display:none}

#main.column{flex-direction:column;background-color:#f6f6f6}

.flex-start{align-items:flex-start}
.flex-start .tit{min-height:3rem !important}
.no-coloum{flex-direction:row !important}

.energy{background-image:url('/assets/img/category/energy.svg')}
.steel{background-image:url('/assets/img/category/steel.svg')}
.metal{background-image:url('/assets/img/category/metal.svg')}
.oil{background-image:url('/assets/img/category/oil.svg')}
.chemical{background-image:url('/assets/img/category/chemical.svg')}
.machinary{background-image:url('/assets/img/category/machinary.svg')}
.transportation{background-image:url('/assets/img/category/transportation.svg')}
.tools{background-image:url('/assets/img/category/tools.svg')}
.military{background-image:url('/assets/img/category/military.svg')}
.industry{background-image:url('/assets/img/category/industry.svg')}

.category .item:hover,
.category .item.act{background-color:var(--color-high-4)}
.category .item:hover .txt,
.category .item.act .txt{color:var(--color-light-1)}
.category .item:hover .energy,.act .energy{background-image:url('/assets/img/category/energy-act.svg')}
.category .item:hover .steel,.act .steel{background-image:url('/assets/img/category/steel-act.svg')}
.category .item:hover .metal,.act .metal{background-image:url('/assets/img/category/metal-act.svg')}
.category .item:hover .oil,.act .oil{background-image:url('/assets/img/category/oil-act.svg')}
.category .item:hover .chemical,.act .chemical{background-image:url('/assets/img/category/chemical-act.svg')}
.category .item:hover .machinary,.act .machinary{background-image:url('/assets/img/category/machinary-act.svg')}
.category .item:hover .transportation,.act .transportation{background-image:url('/assets/img/category/transportation-act.svg')}
.category .item:hover .tools,.act .tools{background-image:url('/assets/img/category/tools-act.svg')}
.category .item:hover .military,.act .military{background-image:url('/assets/img/category/military-act.svg')}
.category .item:hover .industry,.act .industry{background-image:url('/assets/img/category/industry-act.svg')}

.trading .conbox .ico1{background-image:url("/assets/img/ico/trad-his1.svg")}
.trading .conbox .ico2{background-image:url("/assets/img/ico/trad-his2.svg")}
.trading .conbox .ico3{background-image:url("/assets/img/ico/trad-his3.svg")}
.trading .conbox .ico4{background-image:url("/assets/img/ico/trad-his4.svg")}

.opiton-info .payment .py1{background-image:url("/assets/img/ico/ico-py1.svg")}
.opiton-info .payment .py2{background-image:url("/assets/img/ico/ico-py2.svg")}
.opiton-info .payment .py3{background-image:url("/assets/img/ico/ico-py3.svg")}
.opiton-info .payment .py4{background-image:url("/assets/img/ico/ico-py4.svg")}

.opiton-button .ticket .bt1{background-image:url("/assets/img/ico/ico-tic.svg")}
.opiton-button .ticket .bt2{background-image:url("/assets/img/ico/ico-bid.svg")}
.opiton-button .ticket .bt3{background-image:url("/assets/img/ico/ico-puc.svg")}
.opiton-button .process .cons .innr .stp1{background:#f4f4f4 url("/assets/img/ico/ico-market01.svg") no-repeat 50% 50%}
.opiton-button .process .cons .innr .stp2{background:#f4f4f4 url("/assets/img/ico/ico-market02.svg") no-repeat 50% 50%}
.opiton-button .process .cons .innr .stp3{background:#f4f4f4 url("/assets/img/ico/ico-market03.svg") no-repeat 50% 50%}
.opiton-button .process .cons .innr .stp4{background:#f4f4f4 url("/assets/img/ico/ico-market04.svg") no-repeat 50% 50%}
.opiton-button .process .cons .innr .stp5{background:#f4f4f4 url("/assets/img/ico/ico-market05.svg") no-repeat 50% 50%}

#ktplay .kpad .item .ico51{background-image:url("/assets/img/vendor/ico-order1.svg")}
#ktplay .kpad .item .ico52{background-image:url("/assets/img/vendor/ico-order2.svg")}
#ktplay .kpad .item .ico53{background-image:url("/assets/img/vendor/ico-order3.svg")}
#ktplay .kpad .item .ico54{background-image:url("/assets/img/vendor/ico-order4.svg")}
#ktplay .kpad .item .ico55{background-image:url("/assets/img/vendor/ico-order5.svg")}
#ktplay .kpad .item .ico61{background-image:url("/assets/img/vendor/ico-settle1.svg")}
#ktplay .kpad .item .ico62{background-image:url("/assets/img/vendor/ico-settle2.svg")}
#ktplay .kpad .item .ico63{background-image:url("/assets/img/vendor/ico-settle3.svg")}
#ktplay .kpad .item .ico64{background-image:url("/assets/img/vendor/ico-settle4.svg")}

#aside .ico11:before{background:url("/assets/img/aside/ico11.svg") no-repeat 50% 50%}
#aside .ico12:before{background:url("/assets/img/aside/ico12.svg") no-repeat 50% 50%}
#aside .ico13:before{background:url("/assets/img/aside/ico13.svg") no-repeat 50% 50%}
#aside .ico14:before{background:url("/assets/img/aside/ico14.svg") no-repeat 50% 50%}
#aside .ico15:before{background:url("/assets/img/aside/ico15.svg") no-repeat 50% 50%}
#aside .ico11:hover:before,
#aside .act .ico11:before{background:url("/assets/img/aside/ico11-act.svg") no-repeat 50% 50%}
#aside .ico12:hover:before,
#aside .act .ico12:before{background:url("/assets/img/aside/ico12-act.svg") no-repeat 50% 50%}
#aside .ico13:hover:before,
#aside .act .ico13:before{background:url("/assets/img/aside/ico13-act.svg") no-repeat 50% 50%}
#aside .ico14:hover:before,
#aside .act .ico14:before{background:url("/assets/img/aside/ico14-act.svg") no-repeat 50% 50%}
#aside .ico15:hover:before,
#aside .act .ico15:before{background:url("/assets/img/aside/ico15-act.svg") no-repeat 50% 50%}
#aside .ico21:before{background:url("/assets/img/aside/ico21.svg") no-repeat 50% 50%}
#aside .ico22:before{background:url("/assets/img/aside/ico22.svg") no-repeat 50% 50%}
#aside .ico23:before{background:url("/assets/img/aside/ico23.svg") no-repeat 50% 50%}
#aside .ico24:before{background:url("/assets/img/aside/ico24.svg") no-repeat 50% 50%}
#aside .ico25:before{background:url("/assets/img/aside/ico25.svg") no-repeat 50% 50%}
#aside .ico26:before{background:url("/assets/img/aside/ico26.svg") no-repeat 50% 50%}
#aside .ico21:hover:before,
#aside .act .ico21:before{background:url("/assets/img/aside/ico21-act.svg") no-repeat 50% 50%}
#aside .ico22:hover:before,
#aside .act .ico22:before{background:url("/assets/img/aside/ico22-act.svg") no-repeat 50% 50%}
#aside .ico23:hover:before,
#aside .act .ico23:before{background:url("/assets/img/aside/ico23-act.svg") no-repeat 50% 50%}
#aside .ico24:hover:before,
#aside .act .ico24:before{background:url("/assets/img/aside/ico24-act.svg") no-repeat 50% 50%}
#aside .ico25:hover:before,
#aside .act .ico25:before{background:url("/assets/img/aside/ico25-act.svg") no-repeat 50% 50%}
#aside .ico26:hover:before,
#aside .act .ico26:before{background:url("/assets/img/aside/ico26-act.svg") no-repeat 50% 50%}
#aside .ico31:before{background:url("/assets/img/aside/ico31.svg") no-repeat 50% 50%}
#aside .ico32:before{background:url("/assets/img/aside/ico32.svg") no-repeat 50% 50%}
#aside .ico33:before{background:url("/assets/img/aside/ico33.svg") no-repeat 50% 50%}
#aside .ico34:before{background:url("/assets/img/aside/ico34.svg") no-repeat 50% 50%}
#aside .ico35:before{background:url("/assets/img/aside/ico35.svg") no-repeat 50% 50%}
#aside .ico31:hover:before,
#aside .act .ico31:before{background:url("/assets/img/aside/ico31-act.svg") no-repeat 50% 50%}
#aside .ico32:hover:before,
#aside .act .ico32:before{background:url("/assets/img/aside/ico32-act.svg") no-repeat 50% 50%}
#aside .ico33:hover:before,
#aside .act .ico33:before{background:url("/assets/img/aside/ico33-act.svg") no-repeat 50% 50%}
#aside .ico34:hover:before,
#aside .act .ico34:before{background:url("/assets/img/aside/ico34-act.svg") no-repeat 50% 50%}
#aside .ico35:hover:before,
#aside .act .ico35:before{background:url("/assets/img/aside/ico35-act.svg") no-repeat 50% 50%}
#aside .ico41:before{background:url("/assets/img/aside/ico41.svg") no-repeat 50% 50%}
#aside .ico42:before{background:url("/assets/img/aside/ico42.svg") no-repeat 50% 50%}
#aside .ico43:before{background:url("/assets/img/aside/ico43.svg") no-repeat 50% 50%}
#aside .ico44:before{background:url("/assets/img/aside/ico44.svg") no-repeat 50% 50%}
#aside .ico41:hover:before,
#aside .act .ico41:before{background:url("/assets/img/aside/ico41-act.svg") no-repeat 50% 50%}
#aside .ico42:hover:before,
#aside .act .ico42:before{background:url("/assets/img/aside/ico42-act.svg") no-repeat 50% 50%}
#aside .ico43:hover:before,
#aside .act .ico43:before{background:url("/assets/img/aside/ico43-act.svg") no-repeat 50% 50%}
#aside .ico44:hover:before,
#aside .act .ico44:before{background:url("/assets/img/aside/ico44-act.svg") no-repeat 50% 50%}
/*#aside .gb1:before{background:url("/assets/img/inc/gb1.svg") no-repeat 50% 50%}
#aside .gb2:before{background:url("/assets/img/inc/gb2.svg") no-repeat 50% 50%}
#aside .gb3:before{background:url("/assets/img/inc/gb3.svg") no-repeat 50% 50%}
#aside .gb4:before{background:url("/assets/img/inc/gb4.svg") no-repeat 50% 50%}
#aside .gb5:before{background:url("/assets/img/inc/gb5.svg") no-repeat 50% 50%}
#aside .gb6:before{background:url("/assets/img/inc/gb6.svg") no-repeat 50% 50%}
#aside .gb7:before{background:url("/assets/img/inc/gb7.svg") no-repeat 50% 50%}
#aside .gb8:before{background:url("/assets/img/inc/gb8.svg") no-repeat 50% 50%}
#aside .gb9:before{background:url("/assets/img/inc/gb9.svg") no-repeat 50% 50%}
#aside .gb10:before{background:url("/assets/img/inc/gb10.svg") no-repeat 50% 50%}
#aside .gb11:before{background:url("/assets/img/inc/gb11.svg") no-repeat 50% 50%}
#aside .gb12:before{background:url("/assets/img/inc/gb12.svg") no-repeat 50% 50%}*/
#aside .act .dp2{display:flex}


#ktplay .tgg + .tgg-tip{display:none}
#ktplay .tgg.act + .tgg-tip{display:block}

#ktplay .grid2{grid-template-columns:repeat(2, 1fr)}
#ktplay .grid3{grid-template-columns:repeat(3, 1fr)}
#ktplay .grid4{grid-template-columns:repeat(4, 1fr)}
#ktplay .grid5{grid-template-columns:repeat(5, 1fr)}









/* 20250114 emotion modified */
.modal-boxed .bt-adList.bt-disabled{color:#8F9098;border:.1rem solid #BABABA;background:#fafafa;border-radius:1rem}
/* 20250114 emotion modified */

/* 20250120 v2 emotion 수정 */
.modal-boxed .searchChk .radioitem { display: flex; justify-content: flex-end; margin: 10px 0; }
.modal-boxed .searchChk .radioitem .dotbox + label:last-child { padding-right: 0; }
/* 20250120 v2 emotion 수정 */

/* 20250205 emotion 추가 */
.notfocus:focus { border-color:#d7d7d7 !important; }
/* 20250205 v2 emotion 추가 */











@keyframes toast-in{
    from{opacity:0}
    to{opacity:1}
}

@keyframes toast-out{
    from{opacity:1}
    to{opacity:0}
}

/**/
@keyframes fade-in{
  from{opacity:0;visibility:hidden}
  to{opacity:1;visibility:visible}
}

@keyframes fade-out{
  from{opacity:1;visibility:visible}
  to{opacity:0;visibility:hidden}
}

/**/
@keyframes blowUpModal{
	0%{transform:scale(0)}
	100%{transform:scale(1)}
}

@keyframes blowUpModalTwo{
	0%{transform:scale(1);opacity:1}
	100%{transform:scale(0);opacity:0}
}

/* Hide content */
@keyframes blowUpContent{
	0%{transform:scale(1);opacity:1}
	99.9%{transform:scale(2);opacity:0}
	100%{transform:scale(0)}
}
@keyframes blowUpContentTwo{
	0%{transform:scale(2);opacity:0}
	100%{transform:scale(1);opacity:1}
}



