@charset "utf-8";

@import url(/css/xeicon.css);

@font-face{
	font-family:'Noto Sans KR';
	src: url('/font/NotoSansCJKkr-Light.woff2') format('woff2'), url('/font/NotoSansCJKkr-Light.woff') format('woff');
	font-weight:300;
	font-style:normal;
}
@font-face{
	font-family:'Noto Sans KR';
	src: url('/font/NotoSansCJKkr-Regular.woff2') format('woff2'), url('/font/NotoSansCJKkr-Regular.woff') format('woff');
	font-weight:400;
	font-style:normal;
}
@font-face{
	font-family:'Noto Sans KR';
	src: url('/font/NotoSansCJKkr-Medium.woff2') format('woff2'), url('/font/NotoSansCJKkr-Medium.woff') format('woff');
	font-weight:600;
	font-style:normal;
}
@font-face{
	font-family:'Noto Sans KR';
	src: url('/font/NotoSansCJKkr-Bold.woff2') format('woff2'), url('/font/NotoSansCJKkr-Bold.woff') format('woff');
	font-weight:700;
	font-style:normal;
}
@font-face {
    font-family:'Dokrip';
    src:url('/font/Dokrip.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'703OTF';
    src: url('/font/establishRoomNo703OTF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.dokrip{font-family:'Dokrip' !important}
.xeicon{font-family:xeicon !important}
.cursor-pointer{cursor:pointer}
.xeicon{font-family:xeicon !important}
.fw400{font-weight:400 !important}
.ellipsis{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.break-all{word-break:break-all !important}
.relative{position:relative !important}

/*모달기본옵션*/
.modal-boxed .ppbg{position:fixed;z-index:1;top:0;bottom:0;width:100%}
.modal-boxed .column{flex-direction:column}
.modal-boxed.normal{align-items:normal !important}
.modal-boxed.flex-start{align-items:flex-start!important}
.modal-boxed.flex-end{align-items:flex-end !important}
.modal-boxed.flex-end .modal-message{bottom:0;animation:bottomout .6s}
.modal-boxed.flex-end.act .modal-message{animation:bottomin .6s}
.modal-boxed.flex-end.act .modal-message .button{max-height:66vh;overflow:hidden;overflow-y:auto}
.modal-boxed.flex-end{align-items:flex-end !important}
.modal-boxed.flex-end .modal-option{bottom:0;animation:bottomout .6s}
.modal-boxed.flex-end.act .modal-option{animation:bottomin .6s}
.modal-boxed.flex-end.act .modal-option .article{max-height:66vh;overflow:hidden;overflow-y:auto}
.modal-boxed.modal-full .modal-option{min-height:100vh;border-radius:0}
/*
.modal-boxed.layer-popup .layer-wrap{bottom:0;animation:blowUpModalTwo .6s}
.modal-boxed.layer-popup.act .layer-wrap{animation:blowUpModal .6s}
*/
.modal-boxed.layer-popup .layer-wrap{bottom:0}
/*.modal-boxed .modal-confirm{animation:blowUpModalTwo .6s}
.modal-boxed.act .modal-confirm{animation:blowUpModal .6s}*/

/*사용자모달팝업*/
.layer-popup .layer-contain{border-radius:2rem;overflow:hidden}
.layer-popup .layer-contain .img img{display:block;width:auto;max-width:100%;height:auto}
.layer-popup .layer-contain .bt-today{color:#545454}
.layer-popup .layer-contain .bt-close{color:#3182F5}
.layer-popup .layer-contain .cls{display:flex;align-items:center;justify-content:space-between;padding:0 2.4rem;height:4.5rem;background:#fff}
.layer-popup .layer-contain .cls button{font-size:1.6rem;font-weight:400}
.layer-mask{background:rgb(0 0 0 / 70%)}

.layer-popup .swiper{width:32rem;background:rgb(255 255 255 / 70%);border-radius:2rem 2rem 0 0;overflow:hidden}
.layer-popup .swiper .nump{display:flex;align-items:center;justify-content:center;position:absolute;z-index:3;bottom:0;height:3rem;font-size:1.2rem;letter-spacing:.1rem}
.layer-popup .swiper-slide{display:flex;align-items:center;justify-content:center}

/*사용자주문옵션*/
.modal-boxed .modal-option{position:absolute;z-index:2;display:block;width:100%;background:#fff;border-radius:3rem 3rem 0 0;overflow:hidden}
.modal-boxed .modal-option .hd{padding:3rem 0 1.2rem 0;text-align:center}
.modal-boxed .modal-option .hd .tit h3{font-size:1.8rem}
.modal-boxed .modal-option .hd .tit h3 strong{color:#3182f5}
.modal-boxed .modal-option .article{padding:0 1.6rem}
.modal-boxed .modal-option .ft .btns{display:flex;align-items:center;justify-content:center;gap:.8rem;padding:1.6rem;font-size:1.6rem;font-weight:700}
.modal-boxed .modal-option .ft .btns .bt-cart{display:block;width:100%;height:4.8rem;font-size:1.6rem;font-weight:500;color:#fff;text-align:center;border:.1rem solid #000;background:#000}
.modal-boxed .modal-option .ft .btns .bt-cart.act{color:#fff;border:.1rem solid #3182f5;background:#3182f5}
.modal-boxed .modal-option .ft .btns .bt-add{display:block;width:100%;height:4.8rem;font-size:1.6rem;font-weight:500;color:#fff;text-align:center;border:.1rem solid #000;background:#000}
.modal-boxed .modal-option .ft .btns .bt-add.act{color:#fff;border:.1rem solid #3182f5;background:#3182f5}
.modal-boxed .modal-option .ft .btns .bt-ext{display:block;min-width:13.5rem;height:4.8rem;font-size:1.6rem;font-weight:500;color:#fff;text-align:center;border:.1rem solid #000;background:#000}
.modal-boxed .modal-option .ft .btns .bt-ext.act{color:#fff;border:.1rem solid #3182f5;background:#3182f5}
.modal-boxed .bt-reset{display:flex;align-items:center;padding:0 1.5rem 0 3rem;height:5rem;font-size:1.6rem;font-weight:300;color:#545454;background:#fff url("/img/ico/chk-reset.svg") no-repeat .8rem 50%}

/*메세지*/
.modal-boxed .modal-message{position:absolute;z-index:2;display:block;width:100%;background:#fff;border-radius:3rem 3rem 0 0;overflow:hidden}
.modal-boxed .modal-message .hd{padding:3rem 0 1.2rem 0;text-align:center}
.modal-boxed .modal-message .hd .tit h3{font-size:1.8rem}
.modal-boxed .modal-message .hd .tit h3 strong{color:#3182f5}
.modal-boxed .modal-message .article .txt{display:block;padding:1rem;width:100%;height:20rem;font-size:1.4rem;border:.1rem solid #eee;resize:none}
.modal-boxed .modal-message .article .con{min-height:10rem;font-size:1.6rem;color:#222}
.modal-boxed .modal-message .button .bt{display:flex;align-items:center;justify-content:center;width:100%;height:6.2rem;font-size:1.6rem;font-weight:700}
.modal-boxed .modal-message .button .bt:hover,
.modal-boxed .modal-message .button .bt.act{color:#3182f5;background:#f4f4f4}

/*경고창*/
.modal-boxed .modal-alert{position:relative;z-index:2000;padding:2.4rem;background:#fff;border-radius:.4rem;box-shadow:.8rem .8rem 2rem 0 rgb(0 0 0 / 20%)}
.modal-boxed .modal-alert .article .con{min-height:10rem;font-size:1.6rem;color:#222}
.modal-boxed .modal-alert .ft .bt{display:inline-block}

/*선택창*/
.modal-boxed .modal-confirm{position:relative;z-index:2000;padding:2.8rem;background:#fff;border-radius:.6rem;box-shadow:.8rem .8rem 2rem 0 rgb(0 0 0 / 20%);overflow:hidden}
.modal-boxed .modal-confirm .hd{padding:0 0 2.4rem 0}
.modal-boxed .modal-confirm .hd .pin{display:flex;align-items:center;justify-content:center;padding:0 0 1rem 0;line-height:1.4;font-size:1.8rem;font-weight:700;color:#3182f5}
.modal-boxed .modal-confirm .hd .pin .ico-pin{width:2.4rem;height:2.4rem;background:url("/img/user/ico-mpin2.svg") no-repeat 50% 50%}
.modal-boxed .modal-confirm .hd .tit{text-align:center}
.modal-boxed .modal-confirm .hd .tit h3{line-height:1.4;font-size:1.8rem;text-align:center;color:#000}
.modal-boxed .modal-confirm .hd .tit h3 strong{color:#3182f5}
.modal-boxed .modal-confirm .hd .tit p{padding-top:2.4rem;font-size:1.4rem;text-align:center;color:#545454}
.modal-boxed .modal-confirm .hd .txt{padding:1.6rem 0 0 0;font-size:1.6rem;font-weight:400;text-align:center;color:#545454}
.modal-boxed .modal-confirm .article .txt{display:block;margin:0 0 1rem 0;padding:1rem;width:100%;height:20rem;font-size:1.4rem;border:.1rem solid #eee;resize:none}
.modal-boxed .modal-confirm .article .con{min-height:10rem;font-size:1.6rem;color:#222}
.modal-boxed .modal-confirm .article .tit{padding:3.6rem 0 .6rem 0;line-height:1.4;font-size:1.8rem;text-align:center;color:#000}
.modal-boxed .modal-confirm .article .pot{text-align:center;color:#000}
.modal-boxed .modal-confirm .article .pot strong{display:block;font-size:3.2rem;color:#3182f5}
.modal-boxed .modal-confirm .article .pot span{display:block;font-size:1.8rem}
.modal-boxed .modal-confirm .article .img{padding:1.6rem 0;text-align:center}
.modal-boxed .modal-confirm .article .img img{display:inline-block;width:12.6rem;height:auto}
.modal-boxed .modal-confirm .article .bot{padding:0 0 3rem 0;font-size:1.6rem;font-weight:700;text-align:center;color:#000}
.modal-boxed .modal-confirm .ft .bt{display:block;width:100%;height:4.4rem;font-size:1.4rem;border-radius:.6rem}
.modal-boxed .modal-confirm .ft .bt:hover,
.modal-boxed .modal-confirm .ft .bt.act{color:#fff;background:#3182f5}
.modal-boxed .modal-confirm .ft .kflex{justify-content:space-between}

/*확인창*/
.modal-boxed .modal-checked{position:relative;z-index:2000;background:#fff;border-radius:2rem;box-shadow:.8rem .8rem 2rem 0 rgb(0 0 0 / 20%);overflow:hidden}
.modal-boxed .modal-checked .hd{padding:2.6rem 0 1.2rem 0}
.modal-boxed .modal-checked .hd .pin{display:flex;align-items:center;justify-content:center;padding:0 0 1rem 0;line-height:1.4;font-size:1.8rem;font-weight:700;color:#3182f5}
.modal-boxed .modal-checked .hd .pin .ico-pin{width:2.4rem;height:2.4rem;background:url("/img/user/ico-mpin2.svg") no-repeat 50% 50%}
.modal-boxed .modal-checked .hd .tit{text-align:center}
.modal-boxed .modal-checked .hd .tit h2{line-height:1.4;font-size:1.8rem;font-weight:400;font-family:'Dokrip';text-align:center;color:#000}
.modal-boxed .modal-checked .hd .tit h2 strong{font-weight:400;font-family:'Dokrip';color:#3182f5}
.modal-boxed .modal-checked .article{padding:2rem;padding-top:0}
.modal-boxed .modal-checked .article .img{display:flex;align-items:center;justify-content:center}
.modal-boxed .modal-checked .article .txt{padding:2.1rem 0 3.4rem 0;line-height:1.4;font-size:1.4rem;text-align:center;color:#424b51}
.modal-boxed .modal-checked .article .txt strong{color:#3182f5}
.modal-boxed .modal-checked .article .txt span{color:#B8B8B8}
.modal-boxed .modal-checked .article .loc{text-align:center}
.modal-boxed .modal-checked .article .loc h2{display:inline-flex;padding:0 0 0 2rem;font-size:1.8rem;font-weight:700;color:#3182f5;background:url("/img/user/ico-mpin2.svg") no-repeat 0 50%;background-size:1.5rem auto}
.modal-boxed .modal-checked .article .loc p{padding:.6rem 0;font-size:1.2rem;font-weight:400;color:#2f2f2f}
.modal-boxed .modal-checked .article .tag{display:flex;align-items:center;justify-content:center}
.modal-boxed .modal-checked .article .tag div{display:flex;align-items:center;gap:.6rem;padding:0 1.7rem;height:3.2rem;border:.1rem solid #cdcdcd;border-radius:2rem}
.modal-boxed .modal-checked .article .tag span{font-size:1.4rem;color:#2f2f2f}
.modal-boxed .modal-checked .article .tag strong{padding-left:1.4rem;font-size:1.4rem;color:#2f2f2f}
.modal-boxed .modal-checked .article .tag i{font-size:2rem;color:#3182F5}
.modal-boxed .modal-checked .ft .bt{display:block;width:100%;height:5rem;font-size:1.6rem}
.modal-boxed .modal-checked .ft .bt:hover,
.modal-boxed .modal-checked .ft .bt.act{color:#fff;border:0;background:#3182f5}
.modal-boxed .modal-checked .ft .kflex{justify-content:space-between}

/*적립창*/
.modal-boxed .modal-saving{position:relative;z-index:2000;background:#fff;border-radius:2rem;box-shadow:.8rem .8rem 2rem 0 rgb(0 0 0 / 20%);overflow:hidden}
.modal-boxed .modal-saving .hd{padding:2.6rem 0 1.2rem 0}
.modal-boxed .modal-saving .hd .pin{display:flex;align-items:center;justify-content:center;padding:0 0 1rem 0;line-height:1.4;font-size:1.8rem;font-weight:700;color:#3182f5}
.modal-boxed .modal-saving .hd .pin .ico-pin{width:2.4rem;height:2.4rem;background:url("/img/user/ico-mpin2.svg") no-repeat 50% 50%}
.modal-boxed .modal-saving .hd .tit{text-align:center}
.modal-boxed .modal-saving .hd .tit h2{line-height:1.4;font-size:3.2rem;font-weight:400;font-family:'Dokrip';text-align:center;color:#000}
.modal-boxed .modal-saving .hd .tit h2 strong{font-weight:400;font-family:'Dokrip';color:#3182f5}
.modal-boxed .modal-saving .article{padding:1.2rem;padding-top:0}
.modal-boxed .modal-saving .article .tit{padding:.8rem 0 1.8rem 0;line-height:1.4;font-size:1.6rem;text-align:center;color:#000}
.modal-boxed .modal-saving .article .pot{text-align:center;color:#000}
.modal-boxed .modal-saving .article .pot strong{display:block;font-size:3.2rem;color:#3182f5}
.modal-boxed .modal-saving .article .pot span{display:block;font-size:1.8rem}
.modal-boxed .modal-saving .article .img{padding:2rem 0;text-align:center}
.modal-boxed .modal-saving .article .img img{display:inline-block;width:19.4rem;height:auto}
.modal-boxed .modal-saving .ft .bt{display:block;width:100%;height:5rem;font-size:1.6rem}
.modal-boxed .modal-saving .ft .bt:hover,
.modal-boxed .modal-saving .ft .bt.act{color:#fff;border:0;background:#3182f5}
.modal-boxed .modal-saving .ft .kflex{justify-content:space-between}

/*선택창2*/
.modal-boxed .modal-select{position:relative;z-index:2000;background:#fff;border-radius:.4rem;box-shadow:.8rem .8rem 2rem 0 rgb(0 0 0 / 20%)}
.modal-boxed .modal-select .hd{padding:1.6rem;border-bottom:.1rem solid #eee}
.modal-boxed .modal-select .hd .tit h3{font-size:1.6rem;text-align:center}
.modal-boxed .modal-select .article .bt{display:block;width:100%;height:4.5rem;font-size:1.4rem;font-weight:400}
.modal-boxed .modal-select .article .bt:hover{color:#000}
.modal-boxed .modal-select .article .bt + .bt{border-top:.1rem solid #eee}
.modal-boxed .modal-select .ft .bt{display:block;width:100%;height:5rem}

/*전체페이지*/
.modal-boxed .modal-change{position:relative;z-index:2000;background:#fff;box-shadow:.8rem .8rem 2rem 0 rgb(0 0 0 / 20%)}
.modal-boxed .modal-change .hd{position:relative;z-index:1}
.modal-boxed .modal-change .hd .tit{display:flex;align-items:center;justify-content:center;height:5rem}
.modal-boxed .modal-change .hd .tit h3{font-size:1.8rem;text-align:center}
.modal-boxed .modal-change .hd .btn{position:absolute;top:0;left:0;z-index:2}
.modal-boxed .modal-change .hd .btn .bt-close{width:5rem;height:5rem;background:url("/img/gnb/h-btn-close.svg") no-repeat 50% 50%}
.modal-boxed .modal-change .hd .title{display:flex;align-items:center}
.modal-boxed .modal-change .hd .prev{display:flex;width:5rem;height:5rem;background:url("/img/gnb/h-btn-prev.svg") no-repeat 50% 50%}
.modal-boxed .modal-change .hd .srch{display:flex;align-items:center;justify-content:space-between;margin:0 1.6rem 0 0;width:calc(100% - 5rem)}
.modal-boxed .modal-change .article{/*min-height:calc(100vh - 11.4rem);height: calc(100vh - 17rem)*/;height:calc(100vh - 11rem);overflow-y:auto}
.modal-boxed .modal-change .article .form{padding:3.2rem 1.6rem}
.modal-boxed .modal-change .article .title{margin:0 0 1.6rem 0}
.modal-boxed .modal-change .article .title h3{display:flex;align-items:center;margin:0 0 1.6rem 0;font-size:1.6rem;font-weight:700;color:#000}
.modal-boxed .modal-change .article .title h3:before{content:'';margin:0 .6rem 0 0;width:.5rem;height:.5rem;background:#000}
.modal-boxed .modal-change .article .title p{font-size:1.6rem;font-weight:500;color:#545454}
.modal-boxed .modal-change .article .input + .input{margin:.8rem 0 0 0}
.modal-boxed .modal-change .article .input + .title{margin-top:2.4rem}
.modal-boxed .modal-change .article .box{display:flex;align-items:center}
.modal-boxed .modal-change .article .box .tm{position:absolute;right:13rem;font-size:1.4rem}
.modal-boxed .modal-change .article .box .bt{display:block;margin-left:.6rem;min-width:10rem;height:4.8rem;font-size:1.4rem;text-align:center;color:#fff;background:#000;border-radius:.6rem}
.modal-boxed .modal-change .article .box .bt:focus{color:#fff;background:#3182f5}
.modal-boxed .modal-change .article .box .bt.act{color:#fff;background:#3182f5}
.modal-boxed .modal-change .article .tip{display:flex;margin:.4rem 0 0 0;font-size:1.4rem;color:#f3132c}
.modal-boxed .modal-change .article .tip i{margin:0 .2rem 0 0;font-size:1.6rem;font-family:'xeicon'}
.modal-boxed .modal-change .article .adds h3{padding:2rem 1.6rem 1.2rem 1.6rem;border-bottom:.1rem solid #eee}
.modal-boxed .modal-change .article .adds .list{padding:0 1.6rem;height:calc(100vh - 42rem);overflow:hidden;overflow-y:auto} 
.modal-boxed .modal-change .article .adds .innr{position:relative;padding:1.6rem 0}
.modal-boxed .modal-change .article .adds .innr .btn{position:absolute;top:0;right:0}
.modal-boxed .modal-change .article .adds .innr + .innr{border-top:.1rem solid #eee}
.modal-boxed .modal-change .article .adds .innr .tit{display:flex;align-items:center;font-size:1.6rem;font-weight:500;color:#3182f5}
.modal-boxed .modal-change .article .adds .innr .tit em{font-size:1.2rem;font-weight:400;color:#8a8a8a}
.modal-boxed .modal-change .article .adds .innr .add{padding:.6rem 0;font-size:1.4rem;font-weight:700;color:#2f2f2f}
.modal-boxed .modal-change .article .adds .innr .min{display:flex;align-items:center;font-size:1.2rem;font-weight:400;color:#8a8a8a}
.modal-boxed .modal-change .article .adds .innr .min em{margin:0 .2rem 0 0;padding:.1rem .4rem;font-size:1rem;font-weight:500;color:#fff;background:#000}
.modal-boxed .modal-change .article .adds .innr .btn{position:absolute;top:2.8rem;right:1.6rem}
.modal-boxed .modal-change .article .adds .innr .btn .bt-sel{width:7.5rem;height:4.2rem;font-size:1.6rem;font-weight:700;text-align:center;color:#fff;background:#3182f5;border-radius:.6rem}
.modal-boxed .modal-change .article .ico-prof{padding:3rem 0}
.modal-boxed .modal-change .article .ico-prof ul{display:flex;flex-wrap:wrap;align-items:center}
.modal-boxed .modal-change .article .ico-prof li{padding-bottom:1.6rem;min-width:33.33%;text-align:center}
.modal-boxed .modal-change .article .ico-prof li:nth-child(1) label:before{background-image:url("/img/user/prof01.svg")}
.modal-boxed .modal-change .article .ico-prof li:nth-child(2) label:before{background-image:url("/img/user/prof02.svg")}
.modal-boxed .modal-change .article .ico-prof li:nth-child(3) label:before{background-image:url("/img/user/prof03.svg")}
.modal-boxed .modal-change .article .ico-prof li:nth-child(4) label:before{background-image:url("/img/user/prof04.svg")}
.modal-boxed .modal-change .article .ico-prof li:nth-child(5) label:before{background-image:url("/img/user/prof05.svg")}
.modal-boxed .modal-change .article .ico-prof li:nth-child(6) label:before{background-image:url("/img/user/prof06.svg")}
.modal-boxed .modal-change .article .ico-prof li:nth-child(7) label:before{background-image:url("/img/user/prof07.svg")}
.modal-boxed .modal-change .article .ico-prof li:nth-child(8) label:before{background-image:url("/img/user/prof08.svg")}
.modal-boxed .modal-change .article .ico-prof li:nth-child(9) label:before{background-image:url("/img/user/prof09.svg")}
.modal-boxed .modal-change .article .ico-prof li:nth-child(10) label:before{background-image:url("/img/user/prof10.svg")}
.modal-boxed .modal-change .article .ico-prof li:nth-child(11) label:before{background-image:url("/img/user/prof11.svg")}
.modal-boxed .modal-change .article .ico-prof li:nth-child(12) label:before{background-image:url("/img/user/prof12.svg")}
.modal-boxed .modal-change .article .ico-prof .chkprof{display:none}
.modal-boxed .modal-change .article .ico-prof .chkprof + label{display:block}
.modal-boxed .modal-change .article .ico-prof .chkprof + label span{display:block;font-size:1.4rem;font-weight:700;color:#000}
.modal-boxed .modal-change .article .ico-prof .chkprof + label:before{content:'';display:inline-block;width:8.9rem;height:8.9rem;border:.3rem solid #000;border-radius:50%;background-repeat:no-repeat;background-position:50% 0%}
.modal-boxed .modal-change .article .ico-prof .chkprof:checked + label:before{background-color:#3182f5}
.modal-boxed .modal-change .ft{position:sticky;z-index:1000;bottom:1.6rem;padding:0 1.6rem}
.modal-boxed .modal-change .ft .bt{display:block;width:100%;height:5rem}
.modal-boxed .modal-change .ft .button + .button{margin:.8rem 0 0 0}
.modal-boxed .modal-change .ft .button .kflex{margin-right:-.8rem}
.modal-boxed .modal-change .ft .button .kflex button{margin-right:.8rem}
.modal-boxed .modal-change .ip-txt{padding:0 1.2rem;width:100%;height:4.6rem;font-size:1.6rem;color:#2f2f2f;border:.1rem solid #f4f4f4;background:#f4f4f4;border-radius:.6rem}
.modal-boxed .modal-change .ip-txt::placeholder{color:#8a8a8a}
.modal-boxed .modal-change .bt-search{margin-left:.4rem;min-width:5.4rem;height:4.2rem;font-size:1.6rem;font-weight:700;text-align:center;color:#fff;background:#000;border-radius:.6rem}
.modal-boxed .modal-change .bt-search.act{background:#3182f5}
.modal-boxed .modal-change .bt-aerial{margin:0 auto;padding:0 3rem 0 4rem !important;width:auto !important;color:#fff;background:#3182f5 url("/img/user/ico-aerial.svg") no-repeat 1.6rem 50%}
.modal-boxed .modal-change .bt-aerial:hover{color:#fff !important}

/*검색창*/
.modal-boxed .modal-search{position:relative;z-index:2000;background:#fff;box-shadow:.8rem .8rem 2rem 0 rgb(0 0 0 / 20%)}
.modal-boxed .modal-search .hd{position:relative;z-index:11}
.modal-boxed .modal-search .hd .tit{display:flex;align-items:center;justify-content:center;height:5rem}
.modal-boxed .modal-search .hd .tit h3{font-size:1.8rem;text-align:center}
.modal-boxed .modal-search .hd .btn{display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:1;top:0;right:0;left:0}
.modal-boxed .modal-search .hd .btn .bt-close{width:5rem;height:5rem;border:0 !important;background:url("/img/gnb/h-btn-close.svg") no-repeat 50% 50%}
.modal-boxed .modal-search .hd .title{display:flex;align-items:center}
.modal-boxed .modal-search .hd .prev{display:flex;width:5rem;height:5rem;background:url("/img/gnb/h-btn-prev.svg") no-repeat 50% 50%}
.modal-boxed .modal-search .hd .srch{display:flex;align-items:center;justify-content:space-between;margin:0 1.6rem 0 0;width:calc(100% - 5rem)}
.modal-boxed .modal-search .tabs-box{height:calc(100vh - 10.6rem);overflow-y:scroll;background:none !important}
.modal-boxed .modal-search .tabs-section{width:100%;overflow:hidden}
.modal-boxed .modal-search .boxed{min-height:calc(100vh - 15rem);overflow:hidden;overflow-y:auto}
.modal-boxed .modal-search .article{position:relative;z-index:11;overflow:hidden}
.modal-boxed .modal-search .article.min106{min-height:calc(100vh - 10.6rem);overflow:hidden;overflow-y:auto}
.modal-boxed .modal-search .article.hidden{position:relative;z-index:-1;opacity:0;visibility:hidden}
.modal-boxed .modal-search .article .current{display:flex;align-items:flex-start;gap:1rem;padding:1.6rem 0;padding-bottom:0}
.modal-boxed .modal-search .article .current strong{font-size:1.6rem;font-weight:300;white-space:nowrap;color:#3182f5}
.modal-boxed .modal-search .article .current span{font-size:1.6rem;font-weight:300;color:#333/*;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical*/}
.modal-boxed .modal-search .article .adds h3{padding:2rem 1.6rem 1.2rem 1.6rem;border-bottom:.1rem solid #eee}
.modal-boxed .modal-search .article .adds .list{padding:0 1.6rem;height:calc(100vh - 42rem);overflow:hidden;overflow-y:auto} 
.modal-boxed .modal-search .article .adds .innr{position:relative;padding:1.6rem 0}
.modal-boxed .modal-search .article .adds .innr .btn{position:absolute;top:0;right:0}
.modal-boxed .modal-search .article .adds .innr + .innr{border-top:.1rem solid #eee}
.modal-boxed .modal-search .article .adds .innr .tit{display:flex;align-items:center;font-size:1.6rem;font-weight:500;color:#3182f5}
.modal-boxed .modal-search .article .adds .innr .tit em{font-size:1.2rem;font-weight:400;color:#8a8a8a}
.modal-boxed .modal-search .article .adds .innr .add{padding:.6rem 0;font-size:1.4rem;font-weight:700;color:#2f2f2f}
.modal-boxed .modal-search .article .adds .innr .min{display:flex;align-items:center;font-size:1.2rem;font-weight:400;color:#8a8a8a}
.modal-boxed .modal-search .article .adds .innr .min em{margin:0 .2rem 0 0;padding:.1rem .4rem;font-size:1rem;font-weight:500;color:#fff;background:#000}
.modal-boxed .modal-search .article .adds .innr .btn{position:absolute;top:2.8rem;right:1.6rem}
.modal-boxed .modal-search .article .adds .innr .btn .bt-sel{width:7.5rem;height:4.2rem;font-size:1.6rem;font-weight:700;text-align:center;color:#fff;background:#3182f5;border-radius:.6rem}
.modal-boxed .modal-search .article .txt div{font-size:1.6rem}
.modal-boxed .modal-search .input{padding:1.6rem 0 3rem 0}
.modal-boxed .modal-search .input fieldset{display:flex;align-items:center;justify-content:space-between}
.modal-boxed .modal-search .button .bt{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;height:4.5rem;font-size:1.4rem;font-weight:400;color:#999;border:.1rem solid #eee}
.modal-boxed .modal-search .button .bt:hover{color:#000;border:.1rem solid #333}
.modal-boxed .modal-search .button .bt i{font-size:1.8rem}
.modal-boxed .modal-search .ft .bt{display:block;width:100%;height:5rem}
.modal-boxed .modal-search .ip-txt{padding:0 1.2rem;width:100%;height:4.8rem;font-size:1.6rem;color:#2f2f2f;border:0;background:#f4f4f4;border-radius:.6rem}
.modal-boxed .modal-search .ip-txt::placeholder{color:#8a8a8a}
.modal-boxed .modal-search .bt-search{margin-left:.4rem;min-width:5.4rem;height:4.6rem;font-size:1.6rem;font-weight:700;text-align:center;color:#fff;background:#000;border-radius:.6rem}
.modal-boxed .modal-search .bt-search.act{background:#3182f5}
.modal-boxed .modal-search .bt-aerial{margin:0 auto;padding:0 3rem 0 4rem !important;width:auto !important;color:#fff;background:#3182f5 url("/img/user/ico-aerial.svg") no-repeat 1.6rem 50%}
.modal-boxed .modal-search .bt-aerial:hover{color:#fff !important}
.modal-boxed .modal-search .map{position:absolute;z-index:100;bottom:6%;right:1.6rem;left:1.6rem}
.modal-boxed .modal-search .map .bt-map{display:flex;align-items:center;padding:0 1.6rem;height:4rem;font-size:1.4rem;color:#fff;border:.1rem solid #333;background:#333;border-radius:4rem}
.modal-boxed .modal-search .map .bt-map i{display:none;margin-right:.6rem;width:2rem;height:2rem;background:url("/img/user/ico-mpin2.svg") no-repeat 50% 50%}
.modal-boxed .modal-search .map .bt-map span{display:block;padding-right:3rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.modal-boxed .modal-search .map .bt-map .bt-copy{display:block;position:absolute;right:.3rem;z-index:2;margin-right:.6rem;width:3rem;height:3rem;background:#fff url("/img/user/ico-copy.svg") no-repeat 50% 50%;border-radius:2rem}
.modal-boxed .modal-search .ft{position:sticky;z-index:1000;bottom:0;padding:0 1.6rem;background:#fff;box-shadow: rem -.1rem 1rem rgb(0 0 0 / 10%)}
.modal-boxed .modal-search .ft .button{display:flex;align-items:center;gap:1rem;padding:0 1.6rem;height:8rem;background:#fff}
.modal-boxed .modal-search .ft .button .bt{display:block;width:100%;height:5rem;font-size:1.6rem;font-weight:700;text-align:center;border-radius:.8rem}
.modal-boxed .modal-search .ft .bt-order{color:#fff;border:.1rem solid #545454;background:#545454}
.modal-boxed .modal-search .ft .bt-order:hover,
.modal-boxed .modal-search .ft .bt-order.act{color:#fff;border:.1rem solid #3182f5;background:#3182f5}
.modal-boxed .modal-search .ft .bt-entry{color:#545454;border:.1rem solid #545454;background:#fff}
.modal-boxed .modal-search .ft .bt-entry.act{color:#3182F5;border:.1rem solid #3182F5;background:#fff}
.modal-boxed .modal-search .ft .bt-okay{color:#fff;border:.1rem solid #545454;background:#545454}
.modal-boxed .modal-search .ft .bt-okay.act{border:.1rem solid #3182F5;background:#3182F5}
.modal-boxed .modal-search .ft .bt-delete{min-width:13rem;width:auto !important;color:#3182F5;border:.1rem solid #3182F5;background:#fff}
.modal-boxed .modal-search .ft .bt-delete.act{border:.1rem solid #3182F5;background:#fff}
.modal-boxed .modal-search .ft .bt-save{color:#fff;border:.1rem solid #3182F5;background:#3182F5}
.modal-boxed .modal-search .ft .bt-save.act{border:.1rem solid #3182F5;background:#3182F5}

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

/*추가창*/
.modal-boxed .modal-addion{position:relative;z-index:2000;background:#fff;box-shadow:.8rem .8rem 2rem 0 rgb(0 0 0 / 20%)}
.modal-boxed .modal-addion.mh100vh{overflow-y:scroll}
.modal-boxed .modal-addion .hd{position:relative;z-index:1}
.modal-boxed .modal-addion .hd .tit{display:flex;align-items:center;justify-content:center;height:5rem}
.modal-boxed .modal-addion .hd .tit h3{font-size:1.6rem;text-align:center}
.modal-boxed .modal-addion .hd .btn{position:absolute;top:0;left:0;z-index:2}
.modal-boxed .modal-addion .hd .btn .bt-close{width:5rem;height:5rem;background:url("/img/gnb/h-btn-close.svg") no-repeat 50% 50%}
.modal-boxed .modal-addion .hd .title{display:flex;align-items:center}
.modal-boxed .modal-addion .hd .prev{display:flex;width:5rem;height:5rem;background:url("/img/gnb/h-btn-prev.svg") no-repeat 50% 50%}
.modal-boxed .modal-addion .hd .srch{display:flex;align-items:center;justify-content:space-between;margin:0 1.6rem 0 0;width:calc(100% - 5rem)}
.modal-boxed .modal-addion .tabs-box{background:none !important}
.modal-boxed .modal-addion .article{/*min-height:calc(100vh - 11.4rem)*/}
.modal-boxed .modal-addion .article.hidden{position:relative;z-index:-1;opacity:0;visibility:hidden}
.modal-boxed .modal-addion .article .form{padding:2rem 1.6rem;background:#fff}
.modal-boxed .modal-addion .article .form .title{padding:0 0 1.6rem 0}
.modal-boxed .modal-addion .article .form .title h3{display:flex;align-items:center;font-size:1.6rem;font-weight:700;color:#000}
.modal-boxed .modal-addion .article .form .title h3:before{content:'';margin:0 .6rem 0 0;width:.5rem;height:.5rem;background:#000}
.modal-boxed .modal-addion .article .form .title h3 i{padding:0 .4rem;font-size:1.6rem;font-weight:700;color:#f3132c}
.modal-boxed .modal-addion .article .form .title h3 span{font-size:1.4rem;font-weight:400;color:#848B96}
.modal-boxed .modal-addion .article .form .title p{line-height:1.2;font-size:1.2rem;font-weight:300;color:#999}
.modal-boxed .modal-addion .article .form .kflex{margin-right:-.8rem}
.modal-boxed .modal-addion .article .form .kflex .input{margin-right:.8rem}
.modal-boxed .modal-addion .article .form .input{position:relative;margin:0 0 4rem 0}
.modal-boxed .modal-addion .article .form .input .skip{display:none}
.modal-boxed .modal-addion .article .form .input .ip-txt{padding:0 1.6rem;width:100%;height:4.8rem;font-size:1.6rem;color:#000;border:.1rem solid #f4f4f4;background:#f4f4f4;border-radius:.8rem}
.modal-boxed .modal-addion .article .form .input .ip-txt:focus{border:.1rem solid #3182f5}
.modal-boxed .modal-addion .article .form .input .ip-txt::placeholder{color:#8a8a8a}
.modal-boxed .modal-addion .article .form .input .ip-grb{padding:0 .8rem;height:4.8rem;font-size:1.6rem;text-align:center;color:#000;border:0;background:none}
.modal-boxed .modal-addion .article .form .input .ip-grb::placeholder{color:#8a8a8a}
.modal-boxed .modal-addion .article .form .input .err{border:.1rem solid #f3132c !important}
.modal-boxed .modal-addion .article .form .input .box{display:flex;margin:.8rem 0 0 0;position:relative}
.modal-boxed .modal-addion .article .form .input .box:nth-child(1){margin:0}
.modal-boxed .modal-addion .article .form .input .box .bt{display:block;margin-left:.6rem;min-width:10rem;height:4.8rem;font-size:1.6rem;text-align:center;color:#fff;background:#000;border-radius:.6rem}
.modal-boxed .modal-addion .article .form .input .box .bt:focus{color:#fff;background:#3182f5}
.modal-boxed .modal-addion .article .form .input .box .bt.act{color:#fff;background:#3182f5}
.modal-boxed .modal-addion .article .form .input .box .canum{display:flex; align-items:center;justify-content:center;width:100%;text-align:center;border:.1rem solid #f4f4f4;background:#f4f4f4;border-radius:.8rem}
.modal-boxed .modal-addion .article .form .input .box .canum em{font-size:1.6rem;text-align:center;color:#2f2f2f}

.modal-boxed .modal-addion .article .form .input .fed{display:flex;position:absolute;margin:.4rem 0 0 0;font-size:1.4rem;color:#f3132c}
.modal-boxed .modal-addion .article .form .input .fed i{margin:0 .2rem 0 0;font-size:1.6rem;font-family:'xeicon'}
.modal-boxed .modal-addion .article .form .input .fed.relative{margin:.4rem 0 .8rem 0}
.modal-boxed .modal-addion .article .form .input .btn{padding-top:2rem}
.modal-boxed .modal-addion .article .form .input .btn .bt-login{width:100%;height:4.8rem;font-size:1.6rem;font-weight:700;color:#fff;background:#000}
.modal-boxed .modal-addion .article .form .input .btn .bt-login.act{background:#3182f5}
.modal-boxed .modal-addion .article .form .check{display:flex;flex-wrap:wrap;align-items:center;padding:0 0 1.6rem 0}
.modal-boxed .modal-addion .article .form .check.col3 .innr{min-width:33.33%}
.modal-boxed .modal-addion .article .form .check label{font-size:1.4rem;font-weight:700;color:#545454}
.modal-boxed .modal-addion .article .form .check button{float:right;font-size:1.4rem;font-weight:400;color:#242a38;text-decoration:underline}
.modal-boxed .modal-addion .article .form .checked{display:flex;flex-wrap:wrap;align-items:center;padding:2.4rem 0}
.modal-boxed .modal-addion .article .form .chklbl{display:none}
.modal-boxed .modal-addion .article .form .chklbl + label{display:flex;align-items:center;justify-content:center;margin:0 .8rem .8rem 0;height:3.8rem;font-size:1.6rem;font-weight:700;color:#b8b8b8;border:.1rem solid #b8b8b8;background:#fff}
.modal-boxed .modal-addion .article .form .chklbl:checked + label{color:#fff;border:.1rem solid #3182f5;background:#3182f5}
.modal-boxed .modal-addion .article .form .cross{position:absolute;bottom:1.5rem;right:0;width:2rem;height:2rem;background:url("/img/member/cross.svg") no-repeat 50% 50%}
.modal-boxed .modal-addion .article .form .change{position:absolute;bottom:1.5rem;right:1.5rem;font-size:1.4rem;font-weight:400;color:#242a38}
.modal-boxed .modal-addion .article .form .feed{margin:.8rem 0 0 0;padding:0 0 0 1.6rem;font-size:1.2rem;color:#f5183d;background:url("/img/ico/ico_feed.svg") no-repeat 0 .1rem}
.modal-boxed .modal-addion .article .form .feed button{float:right;font-size:1.2rem;font-weight:400;color:#83878f;text-decoration:underline}
.modal-boxed .modal-addion .article .form .tip{padding:.6rem 0 0 0;font-size:1.2rem;color:#848b96}
.modal-boxed .modal-addion .article .photo li + li{padding-top:1.6rem}
.modal-boxed .modal-addion .article .photo img{display:block;margin:0 auto;width:auto;max-width:100%;height:auto}
.modal-boxed .modal-addion .ft{position:sticky;z-index:1000;bottom:0;padding:1.6rem}
.modal-boxed .modal-addion .ft .bt{display:block;width:100%;height:5rem}
.modal-boxed .modal-addion .ip-txt{padding:0 1.2rem;width:100%;height:4.8rem;font-size:1.6rem;color:#2f2f2f;border:0;background:#f4f4f4;border-radius:.6rem}
.modal-boxed .modal-addion .ip-txt::placeholder{color:#8a8a8a}
.modal-boxed .modal-addion .bt-search{margin-left:.4rem;min-width:5.4rem;height:4.2rem;font-size:1.6rem;font-weight:700;text-align:center;color:#fff;background:#000;border-radius:.6rem}
.modal-boxed .modal-addion .bt-search.act{background:#3182f5}
.modal-boxed .modal-addion .bt-aerial{margin:0 auto;padding:0 3rem 0 4rem !important;width:auto !important;color:#fff;background:#3182f5 url("/img/user/ico-aerial.svg") no-repeat 1.6rem 50%}
.modal-boxed .modal-addion .bt-aerial:hover{color:#fff !important}

/*결과창*/
.modal-boxed .result{position:absolute;z-index:10;top:5rem;bottom:0;right:0;left:0;padding:1.6rem}
.modal-boxed .result.hidden{display:none}
.modal-boxed .result .list h4{padding:0 0 rem 0;font-size:1.6rem;font-weight:700;color:#000}
.modal-boxed .result .list li{display:flex;align-items:center;height:4.8rem}
.modal-boxed .result .list li + li{border-top:.1rem solid #eee}
.modal-boxed .result .list li a{display:block;font-size:1.6rem;font-weight:400;color:#2f2f2f}
.modal-boxed .result .list li a:hover{color:#000}
.modal-boxed .result .list dl{padding-top:1.6rem}
.modal-boxed .result .list dt{font-size:1.4rem;font-weight:500;color:#333}
.modal-boxed .result .list dd{font-size:1.2rem;font-weight:400;color:#8a8a8a}

/*결과창*/
.modal-boxed .result2{padding:3.2rem 1.6rem}
.modal-boxed .result2 .list h4{padding:0 0 1rem 0;font-size:1.6rem;font-weight:700;color:#000}
.modal-boxed .result2 .list ul{height:calc(100vh - 28rem);overflow:hidden;overflow-y:auto}
.modal-boxed .result2 .list li{display:flex;align-items:center}
.modal-boxed .result2 .list li + li{border-top:.1rem solid #eee}
.modal-boxed .result2 .list li a{display:block;width:100%;line-height:4.8rem;font-size:1.6rem;font-weight:400;color:#2f2f2f}
.modal-boxed .result2 .list li a:hover,
.modal-boxed .result2 .list li a.act{padding:0 1.6rem;color:#fff;background:#3182f5}
.modal-boxed .result2 .list dl{padding-top:1.6rem}
.modal-boxed .result2 .list dt{font-size:1.6rem;font-weight:500;color:#3182f5}
.modal-boxed .result2 .list dd{font-size:1.4rem;font-weight:400;color:#8a8a8a}

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

.modal-boxed .modal-product .form .boxed{display:flex;align-items:center;gap:1rem;position:relative;margin-top:.8rem;padding-bottom:1rem}
.modal-boxed .modal-product .form .boxed .btn{position:absolute;top:0;right:0;display:block;width:4.5rem;height:4.5rem;font-size:2.4rem}
.modal-boxed .modal-product .form .boxed .bt-add{min-width:7rem;height:4.5rem;font-size:1.4rem;font-weight:600;color:#fff;background:#999;border-radius:.4rem}
.modal-boxed .modal-product .form .prdadd label{position:relative;display:block;padding:0 0 1rem 0;font-size:1.4rem;font-weight:600;color:#242a38}
.modal-boxed .modal-product .form .keyword{padding:1.6rem 0}
.modal-boxed .modal-product .form .keyword .tit{position:relative;display:flex;align-items:center;padding:0 1.6rem 1.6rem 1.6rem;font-size:1.4rem;font-weight:600;color:#242a38}
.modal-boxed .modal-product .form .keyword .tit span{padding-right:.4rem}
.modal-boxed .modal-product .form .keyword .tit i{display:none;font-size:1.8rem;color:#3FB074}
.modal-boxed .modal-product .form .keyword .tag{padding:0 1.6rem}
.modal-boxed .modal-product .form .tag{display:flex;flex-wrap:wrap}
.modal-boxed .modal-product .form .tag .innr{position:relative;padding:0 .4rem .4rem 0}
.modal-boxed .modal-product .form .tag .innr .chkkwd + label{font-size:1.4rem;font-weight:400;color:#333}
.modal-boxed .modal-product .form .tag .innr .chkkwd:checked + label{color:#fff}
.modal-boxed .modal-product .form .tag .bt-kywd{padding:0 1.2rem;height:3.4rem;color:#3FB074;border:.1rem solid #3FB074;border-radius:1.6rem}
.modal-boxed .modal-product .form .tag .bt-del{position:absolute;top:-.6rem;right:0}
.modal-boxed .modal-product .form .tag .bt-del i{display:block;width:1.8rem;height:1.8rem;font-size:1.7rem;color:#fff;background:#777;border-radius:1.8rem}


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

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

.modal-boxed .modal-options{width:100%;height:calc(100vh - 0rem);overflow:hidden;overflow-y:auto;background:#fff}
.modal-boxed .modal-options .hd{position:relative;z-index:1}
.modal-boxed .modal-options .hd .tit{display:flex;align-items:center;justify-content:center;height:5rem}
.modal-boxed .modal-options .hd .tit h3{font-size:1.6rem;text-align:center}
.modal-boxed .modal-options .hd .btn{position:absolute;top:0;left:0;z-index:2}
.modal-boxed .modal-options .hd .btn .bt-close{width:5rem;height:5rem;background:url("/img/gnb/h-btn-close.svg") no-repeat 50% 50%}
.modal-boxed .modal-options .hd .txt{position:absolute;top:0;right:0;z-index:2;display:flex;align-items:center;height:5rem}
.modal-boxed .modal-options .hd .txt em{display:flex;position:relative;top:-.4rem;margin-right:.4rem;width:.6rem;height:.6rem;background:#F3132C;border-radius:.6rem}
.modal-boxed .modal-options .hd .txt{padding:0 1.6rem;font-size:1.4rem;color:#F3132C}
.modal-boxed .modal-options .hd .cls{position:absolute;top:0;left:0;z-index:2}
.modal-boxed .modal-options .hd .cls .bt-close{width:5rem;height:5rem;background:url("/img/gnb/h-btn-close.svg") no-repeat 50% 50%}
.modal-boxed .modal-options .hd .title{display:flex;align-items:center}
.modal-boxed .modal-options .hd .prev{display:flex;width:5rem;height:5rem;background:url("/img/gnb/h-btn-prev.svg") no-repeat 50% 50%}
.modal-boxed .modal-options .hd .srch{display:flex;align-items:center;justify-content:space-between;margin:0 1.6rem 0 0;width:calc(100% - 5rem)}
.modal-boxed .modal-options .article{padding:2rem 1.6rem;min-height:calc(100vh - 13rem)}
.modal-boxed .modal-options .opt-panel{overflow:hidden;border:.2rem solid #E8E8E8;background:#fff;border-radius:1rem}
.modal-boxed .modal-options .opt-panel + .opt-panel{margin-top:1.8rem}
.modal-boxed .modal-options .opt-panel.act .dp1 i{transform:rotate(180deg)}
.modal-boxed .modal-options .opt-panel.act .dp2{display:block;max-height:100%;transition:all .4s}
.modal-boxed .modal-options .opt-panel .dp1{display:flex;align-items:center;justify-content:space-between;padding:1.8rem;cursor:pointer}
.modal-boxed .modal-options .opt-panel .dp1 .chk{display:none}
.modal-boxed .modal-options .opt-panel .dp1 .chk + label{display:flex;align-items:flex-start;justify-content:center;gap:.8rem;font-size:1.6rem;font-weight:700;color:#2F2F2F}
.modal-boxed .modal-options .opt-panel .dp1 .chk + label:before{content:"";display:flex;position:relative;top:0;width:2rem;height:2rem;background:#E7E7E7;border-radius:.2rem}
.modal-boxed .modal-options .opt-panel .dp1 .chk:checked + label:before{background:#3182f5 url("/img/user/chk-ck1.svg") no-repeat 50% 50%}
.modal-boxed .modal-options .opt-panel .dp1 .btn i{font-size:2.4rem}
.modal-boxed .modal-options .opt-panel .dp2{display:none;padding:1.8rem;border-top:.2rem solid #E8E8E8;background:#fff;transition:all .4s}
.modal-boxed .modal-options .opt-panel .dp2 .cont{display:flex;flex-direction:column;gap:.8rem}
.modal-boxed .modal-options .opt-panel .dp2 .cont .innr{display:flex;justify-content:space-between}
.modal-boxed .modal-options .opt-panel .dp2 .cont .innr div{display:flex;gap:1.2rem;font-size:1.4rem}
.modal-boxed .modal-options .opt-panel .dp2 .cont .innr span{word-break:keep-all}
.modal-boxed .modal-options .opt-panel .dp2 .cont .num{min-width:4rem;color:#545454}
.modal-boxed .modal-options .opt-panel .dp2 .cont .txt{color:#8A8A8A}
.modal-boxed .modal-options .opt-panel .dp2 .cont .pce{min-width:8rem;font-size:1.4rem;text-align:right;color:#545454;text-decoration:none}
.modal-boxed .modal-options .article .button{padding-top:4rem;text-align:right}
.modal-boxed .modal-options .article .button .bt-opt{font-size:1.6rem;text-decoration:underline}
.modal-boxed .modal-options .ft{position:sticky;z-index:1000;bottom:0;padding:0 1.6rem;background:#fff;box-shadow: rem -.1rem 1rem rgb(0 0 0 / 10%)}
.modal-boxed .modal-options .ft .button{display:flex;align-items:center;gap:1rem;padding:0 1.6rem;height:8rem;background:#fff}
.modal-boxed .modal-options .ft .button .bt{display:block;width:100%;height:4.6rem;font-size:1.6rem;font-weight:700;text-align:center;border-radius:.8rem}
.modal-boxed .modal-options .ft .bt-order{color:#fff;border:.1rem solid #545454;background:#545454}
.modal-boxed .modal-options .ft .bt-order.act{border:.1rem solid #3182f5;background:#3182f5}
.modal-boxed .modal-options .ft .bt-entry{color:#545454;border:.1rem solid #545454;background:#fff}
.modal-boxed .modal-options .ft .bt-entry.act{color:#3182F5;border:.1rem solid #3182F5;background:#fff}
.modal-boxed .modal-options .ft .bt-okay{color:#fff;border:.1rem solid #545454;background:#545454}
.modal-boxed .modal-options .ft .bt-okay.act{border:.1rem solid #3182F5;background:#3182F5}

/*확인창*/
.modal-boxed .modal-statement{position:relative;z-index:2000;border-radius:.1rem;overflow:hidden}
.modal-boxed .modal-statement .hd{padding:2.6rem 0 1.2rem 0;text-align:center;background:#fff}
.modal-boxed .modal-statement .hd .tit{text-align:center}
.modal-boxed .modal-statement .hd .tit h1{line-height:1.4;font-size:2.6rem;font-weight:400;font-family:'Dokrip';color:#000}
.modal-boxed .modal-statement .hd .tit p{font-size:1.4rem;font-weight:400;color:#2f2f2f}
.modal-boxed .modal-statement .hd .pce{padding:1.2rem 0 0 0;font-size:2.6rem;font-weight:700;color:#0069FF}
.modal-boxed .modal-statement .hd .pce ins{text-decoration:none}
.modal-boxed .modal-statement .article .info{padding:.8rem 2.4rem 2.4rem 2.4rem;background:#fff}
.modal-boxed .modal-statement .article .info h3{font-size:1.6rem;font-weight:700;text-align:center;color:#000}
.modal-boxed .modal-statement .article .info h4{padding:.8rem 0;font-size:1.4rem;font-weight:700;text-align:center;color:#000}
.modal-boxed .modal-statement .article .info h4 strong{color:#3182f5}
.modal-boxed .modal-statement .article .info p{font-size:1.3rem;font-weight:400;text-align:center;color:#545454}
.modal-boxed .modal-statement .article .info dl{display:flex;align-items:center;justify-content:space-between;height:3.6rem}
.modal-boxed .modal-statement .article .info dt{font-size:1.4rem;font-weight:400;color:#8a8a8a}
.modal-boxed .modal-statement .article .info dd{font-size:1.4rem;font-weight:400;color:#2f2f2f}
.modal-boxed .modal-statement .article .band{display:flex;align-items:center;justify-content:space-between}
.modal-boxed .modal-statement .article .band i:nth-child(1){width:1.1rem;height:2.1rem;background:url("/img/user/band1.svg") no-repeat 50% 50%}
.modal-boxed .modal-statement .article .band i:nth-child(2){position:relative;width:calc(100% - 2.2rem);height:2.1rem;background:#fff}
.modal-boxed .modal-statement .article .band i:nth-child(2):before{content:'';position:absolute;top:1rem;right:0;left:0;border-bottom:.1rem dotted #848B96}
.modal-boxed .modal-statement .article .band i:nth-child(3){width:1.1rem;height:2.1rem;background:url("/img/user/band2.svg") no-repeat 50% 50%}
.modal-boxed .modal-statement .article .img{display:flex;align-items:center;justify-content:center}
.modal-boxed .modal-statement .article .txt{padding:2.1rem 0 3.4rem 0;line-height:1.4;font-size:1.4rem;text-align:center;color:#424b51}
.modal-boxed .modal-statement .article .txt strong{color:#3182f5}
.modal-boxed .modal-statement .article .txt span{color:#B8B8B8}
.modal-boxed .modal-statement .article .loc{text-align:center}
.modal-boxed .modal-statement .article .loc h2{display:inline-flex;padding:0 0 0 2rem;font-size:1.8rem;font-weight:700;color:#3182f5;background:url("/img/user/ico-mpin2.svg") no-repeat 0 50%;background-size:1.5rem auto}
.modal-boxed .modal-statement .article .loc p{padding:.6rem 0;font-size:1.2rem;font-weight:700;color:#2f2f2f}
.modal-boxed .modal-statement .article .tag{text-align:center}
.modal-boxed .modal-statement .article .tag span{display:inline-flex;align-items:center;padding:0 2rem;height:3.2rem;font-size:1.4rem;color:#2f2f2f;border:.1rem solid #cdcdcd;border-radius:2rem}
.modal-boxed .modal-statement .ft .bt{display:block;width:100%;height:5rem;font-size:1.6rem}
.modal-boxed .modal-statement .ft .bt:hover,
.modal-boxed .modal-statement .ft .bt.act{color:#fff;border:0;background:#3182f5}
.modal-boxed .modal-statement .ft .kflex{justify-content:space-between}

/**/
.modal-boxed .chk-ht,
.modal-boxed .chk-ht + label em{display:none}
.modal-boxed .chk-ht + label{display:block;width:3.2rem;height:3.2rem;background:url("/img/user/chk-ht1.svg") no-repeat 50% 50%}
.modal-boxed .chk-ht:checked + label{background-image:url("/img/user/chk-ht2.svg") !important}

.modal-boxed .chk-ck,
.modal-boxed .chk-ck + label em{display:none}
.modal-boxed .chk-ck + label{display:block;width:2rem;height:2rem;background-color:#fff}
.modal-boxed .chk-ck:checked + label{background:#3182f5 url("/img/user/chk-ck1.svg") no-repeat 50% 50%}

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


/*입력창*/
.modal-boxed .modal-prompt{}
.modal-boxed .ft .button{padding:0 !important}
.modal-boxed .ft .bt-change{color:#fff;background:#000}
.modal-boxed .ft .bt-change.act{color:#fff;background:#3182f5}
.modal-boxed .ft .bt-pic,
.modal-boxed .ft .bt-abm{font-size:1.6rem;font-weight:700;color:#000;background:#f4f4f4}

.modal-boxed{display:flex;align-items:center;justify-content:center;position:fixed;z-index:-1;top:0;bottom:0;width:100%;background:rgb(0 7 18 / 30%);opacity:0;visibility:hidden;animation:fade-out 1s;transition:all .4s}
.modal-boxed.white{background:rgb(255 255 255 / 0%)}
.modal-boxed.act{z-index:1000;opacity:1;visibility:visible;animation:fade-in .1s}
.modal-boxed.act .modal-local{bottom:0;opacity:1;visibility:visible}
.modal-boxed.absolute{position:absolute !important}
.modal-boxed .modal-article{padding:2.4rem;background:#fff;box-shadow:.8rem .8rem 2rem 0 rgb(0 0 0 / 20%)}
.modal-boxed .button{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.modal-boxed .button .bt-okay{color:#333;border:.1rem solid #ddd;background:#fff}
.modal-boxed .button .bt-okay:hover{border:.1rem solid #777}
.modal-boxed .button .bt-close{color:#000;border:.1rem solid #eee;background:#eee}
.modal-boxed .button .bt-close:hover{background:#fff}
.modal-boxed .button.column{flex-direction:column}

.modal-event{position:relative;z-index:2;background:#fff;border-radius:2rem;box-shadow:.8rem .8rem 2rem 0 rgb(0 0 0 / 20%)}
.modal-event.mx315{width:100%;max-width:31.5rem;text-align:center;overflow:hidden}
.modal-event.mx315 .img{padding:9.4rem 5.4rem 0 0;height:26rem;font-size:4rem;font-weight:700;background:url("/img/event/point-img2.svg") no-repeat 50% 100%;animation:zoomIn 1s}
.modal-event.mx315 .img strong{display:block;padding-bottom:2rem}
.modal-event.mx315 .img span{display:block;font-size:1.1rem;color:#3182f5}
.modal-event.mx315 .img time{color:#000}
.modal-event.mx315 .txt{padding:0 0 2.4rem 0;font-size:4rem;font-weight:700}
.modal-event.mx315 .footer{padding:0 !important;background:none !important}
.modal-event.mx315 .bt-event-okay{width:100%;height:5rem;font-size:1.4rem;color:#fff;background:#3182f5}

.chk-sort{display:none}
.chk-sort + label{display:flex;align-items:center;justify-content:center;width:100%;height:4rem;font-size:1.6rem;color:#b4b4b4;border:.1rem solid #b4b4b4;border-radius:.6rem}
.chk-sort:checked + label{color:#3182F5;border:.1rem solid #3182F5;background:#e9f1fc}

.chk-cate{display:none}
.chk-cate + label{display:flex;align-items:center;padding:0 1.5rem;height:3.2rem;font-size:1.4rem;color:#b4b4b4;border:.1rem solid #b4b4b4;border-radius:3rem}
.chk-cate:checked + label{color:#3182F5;border:.1rem solid #3182F5;background:#e9f1fc}

.prod-category{display:flex;flex-direction:column;justify-content:space-between;gap:2rem;padding:2rem 1.6rem;min-height:calc(100vh - 5rem)}

.opt-cate-wrap{display:flex;flex-direction:column;gap:1.2rem}
.opt-cate{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.opt-cate .tit{display:flex;align-items:flex-start;flex-direction:column;gap:1.6rem;padding:0 1.8rem;width:100%;border:.2rem solid #E8E8E8;background:#fff;border-radius:1rem}
.opt-cate .tit h3{display:flex;align-items:center;justify-content:space-between;width:100%;height:4.6rem}
.opt-cate .tit h3 strong{display:flex;align-items:center;gap:.4rem;font-size:1.6rem;color:#787878}
.opt-cate .tit h4{display:flex;align-items:center;justify-content:space-between;width:100%;height:4.6rem}
.opt-cate .tit h4 strong{display:flex;align-items:center;gap:.4rem;font-size:1.6rem;color:#2f2f2f}
.opt-cate .tit h4 span{display:flex;align-items:center;gap:1rem}
.opt-cate .tit h4 span button{position:relative;z-index:10;font-size:1.6rem;font-weight:600}
.opt-cate .btn{display:flex;align-items:center}
.opt-cate .btn button{min-width:4.4rem;height:5rem;background:#E8E8E8 url("/img/ico/btn-updown.svg") no-repeat 50% 50%;border-radius:1rem}
.opt-cate .bt-mod{color:#3182F5}
.opt-cate .bt-del{color:#545454}

.opt-button-wrap{display:flex;align-items:center;justify-content:center}
.opt-button-wrap .bt-add{display:flex;align-items:center;justify-content:center;width:100%;height:4.8rem;font-size:1.6rem;color:#fff;border:0.1rem solid #3182f5;background:#3182f5}

.opt-panel-wrap{height:calc(100vh - 13rem);overflow:hidden;overflow-y:auto}

.opt-filter{}
.opt-filter .title{padding:2rem 2rem 1.5rem 2rem}
.opt-filter .title h3{display:flex;align-items:center;gap:1rem;font-size:1.6rem;color:#000}
.opt-filter .title h3:before{content:'';width:.5rem;height:.5rem;background:#000}
.opt-filter .select{padding:0 2.5rem}
.opt-filter .select strong{font-size:2rem}
.opt-filter .select span{font-size:2rem}
.opt-filter .select span + span{font-size:1.6rem}
.opt-filter .select select{padding-right:.6rem;font-size:2rem;font-weight:700;color:#000;border:0;border-bottom:.1rem solid #000;appearance:auto}
.opt-filter .panel{padding:0 2.5rem}
.opt-filter .panel + .panel{padding-top:2.5rem}
.opt-filter .panel .tit{padding:0 0 1.5rem 0;font-size:1.6rem;font-weight:700;color:#8a8a8a}
.opt-filter .panel .kmt{display:flex;gap:1rem}
.opt-filter .panel .srt{display:flex;justify-content:center;gap:1rem}
.opt-filter .panel .chk{display:flex;flex-wrap:wrap;gap:1rem}

.opt-panel{padding:0 0 0rem 0;border:.2rem solid #E8E8E8;background:#fff;border-radius:1rem}
.opt-panel + .opt-panel{margin-top:1rem}

.opt-panel .tit{display:flex;align-items:flex-start;flex-direction:column;gap:1.6rem;padding:1.8rem}
.opt-panel .tit h4{display:flex;align-items:center;justify-content:space-between;width:100%}
.opt-panel .tit strong{display:flex;align-items:center;gap:.4rem;font-size:1.6rem}
.opt-panel .tit strong i{display:flex;align-items:center;justify-content:center;width:2rem;height:1.8rem;font-size:1.4rem;font-weight:700;color:#fff;background:#3182F5;border-radius:.2rem}
.opt-panel .tit span{display:flex;align-items:center;gap:1rem}
.opt-panel .tit span button{position:relative;z-index:10;font-size:1.6rem;font-weight:600}
.opt-panel .tit .bt-mod{color:#3182F5}
.opt-panel .tit .bt-del{color:#545454}
.opt-panel .dp1{display:flex;align-items:center;justify-content:space-between;gap:1rem;position:relative;padding:1.6rem;border-top:.1rem solid #E8E8E8;cursor:pointer}
.opt-panel .dp1 .tit strong{display:block;padding-right:2.4rem;font-size:1.6rem;color:#2F2F2F;word-break:break-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.opt-panel .dp1 .box strong{font-size:1.6rem;color:#000;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;overflow:hidden}
.opt-panel .dp1 .btn{width:2.4rem;height:2.4rem;background:#fff}
.opt-panel .dp1 .btn i{font-size:2.4rem;transform:rotate(0deg);transition:.3s}
.opt-panel .dp1.act .btn i{transform:rotate(180deg)}
.opt-panel .dp1.act + .dp2{display:block;max-height:none;overflow:hidden}
.opt-panel .dp1 .chk{display:none}
.opt-panel .dp1 .chk + label{display:flex;align-items:flex-start;justify-content:center;gap:.8rem;font-size:1.6rem;font-weight:700;color:#2F2F2F}
.opt-panel .dp1 .chk + label:before{content:"";display:flex;position:relative;top:0;width:2rem;height:2rem;background:#E7E7E7;border-radius:.2rem}
.opt-panel .dp1 .chk:checked + label:before{background:#3182f5 url("/img/user/chk-ck1.svg") no-repeat 50% 50%}
.opt-panel .dp1.act + .dp2{display:block;border-top:.1rem solid #E8E8E8}
.opt-panel .dp2{max-height:0;display:none;transition:all .4s}
.opt-panel .dp2 .chk{display:flex;flex-wrap:wrap;padding:1rem 1.6rem}
.opt-panel .dp2 .chk span{margin:0 .8rem .8rem 0}
.opt-panel .dp2 .list{display:flex;flex-direction:column;gap:.6rem}
.opt-panel .dp2 .list .list-tit{font-size:1.8rem;font-weight:700;color:#555;letter-spacing:-0.2.5rem}
.opt-panel .dp2 .list dl{display:flex;flex-direction:column;align-items:flex-start;min-height:3.8rem}
.opt-panel .dp2 .list dt{display:flex;align-items:center;height:3.8rem;font-size:1.4rem;font-weight:700}
.opt-panel .dp2 .list dd{display:flex;align-items:center;gap:1rem;font-size:1.4rem}
.opt-panel .dp2 .list dd button{display:flex;align-items:center;gap:1rem;padding:0 1rem;height:3rem;font-size:1.2rem;font-weight:700;color:#727272;background:#EEEFF1;border-radius:.5rem}
.opt-panel .dp2 .list .type {display:flex;flex-direction:row;justify-content:flex-start;align-items:center;column-gap:.5rem}
.opt-panel .dp2 .list .type dd{display:flex;align-items:center;justify-content:center;min-width:3rem;height:3rem;font-size:1.6rem;font-weight:600;border-radius:.5rem}
.opt-panel .dp2 .list .type .lb1{color:#f4afbc;border:.3rem solid #f4afbc;background:#fff}
.opt-panel .dp2 .list .type .lb2{color:#727272;border:.2rem solid #f4afbc;background:#f4afbc}
.opt-panel .dp2 .list .type .lb3{font-size:1.4rem;font-weight:700;color:#727272;border:.3rem solid #727272;background:#fff;padding:0 .5rem}
.opt-panel .dp2 .list .ico{display:flex;align-items:center;gap:.3rem;font-size:1.4rem;color:#555}
.opt-panel .dp2 .list .ico:before{content:'';width:.4rem;height:.4rem;border-radius:.4rem;background:#F2C4C8}
.opt-panel .dp2 .list .txt{padding:1rem;min-width:34.9rem;min-height:14.6rem;line-height:1.5;white-space:pre-line;background:#F8F8F8;border-radius:.2rem}
.opt-panel .dp2 .flex{display:flex;flex-direction:row !important;align-items:center !important;justify-content:space-between}
.opt-panel .dp2 .label{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;height:3.4rem;font-size:1.4rem;font-weight:600;color:#727272;border-radius:.5rem}
.opt-panel .dp2 .label.lb1{background:#F4AFBC}
.opt-panel .dp2 .label.lb2{background:#F4E5AF}
.opt-panel .dp2 .btns{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:1rem 3rem 0}
.opt-panel .dp2 .btns .innr{width:100%}
.opt-panel .dp2 .btns .bt-mod{width:100%;height:3.6rem;font-size:1.4rem;font-weight:700;color:#727272;border:.2rem solid #727272;background:#fff;border-radius:.5rem}
.opt-panel .dp2 .btns .bt-mod:hover{color:#fff;border:.2rem solid #9f9f9f;background-color:#9f9f9f}
.opt-panel .dp2 .btns .bt-del{width:100%;height:3.6rem;font-size:1.4rem;font-weight:700;color:#fff;border:.2rem solid #727272;background:#727272;border-radius:.5rem}
.opt-panel .dp2 .btns .bt-del:hover{color:#fff;border:.2rem solid #555;background-color:#555}
.opt-panel .dp2 .cont{display:flex;flex-direction:column;gap:.2rem;padding:1.6rem;padding-top:0}
.opt-panel .dp2 .cont .innr{display:flex;justify-content:space-between}
.opt-panel .dp2 .cont .innr div{display:flex;gap:1.2rem;font-size:1.4rem}
.opt-panel .dp2 .cont .num{min-width:4rem;line-height:1.6;color:#545454}
.opt-panel .dp2 .cont .txt{line-height:1.6;color:#8A8A8A;word-break:keep-all}
.opt-panel .dp2 .cont .pce{line-height:1.6;font-size:1.4rem;white-space:nowrap;color:#545454;text-decoration:none}
.opt-panel .range{padding:1rem 3rem 3rem 3rem}
.opt-panel .range .label{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem}
.opt-panel .range .label input + input{text-align:right}
.opt-panel .range .ui-slider .ui-slider-range{background:#EFD3D7}
.opt-panel .range .ui-widget.ui-widget-content{border:0;background:#eee;border-radius:1rem}
.opt-panel .range .ui-slider-horizontal{height:.6em}
.opt-panel .range .ui-slider-horizontal .ui-slider-handle{top:-.4em;margin-left:-.8em;width:1.4em;height:1.4em;border:.4rem solid #EFD3D7;background:#EFD3D7;border-radius:1em}
.opt-panel .range .ui-slider-horizontal .ui-state-hover{border:.4rem solid #E1A0AA;background:#fff}
.opt-panel .range .ui-slider-horizontal .ui-state-active{border:.4rem solid #CB727F !important;background:#fff !important}









@media (max-width:1156px){
    #ktplay{position:relative;z-index:2;max-width:100%;min-height:100vh;border-right:.1rem solid #e1e1e1;border-left:.1rem solid #e1e1e1;background:#fff}
    [id^="pop_modal"],
	.modal-boxed,.modal-boxed .ppbg,.modal-boxed .modal-message,.loading,.error,.alarms,
	#ktplay .prod.row1 + .button,
	#ktplay .prod.col2 + .button,
	#ktplay .prod.col3 + .button,
	#age-foot,#age-btns{max-width:100% !important}
    #foot{max-width:100% !important}
}
@media (min-width:1157px){
    #ktplay{position:relative;z-index:2;margin:0 0 0 calc(50vw - .1rem) !important;max-width:42.2rem;min-height:100vh;border-right:.1rem solid #e1e1e1;border-left:.1rem solid #e1e1e1;background:#fff}

	.modal-boxed,.modal-boxed .ppbg,.modal-boxed .modal-message,.loading,.error,.alarms,
	#ktplay .prod.row1 + .button,
	#ktplay .prod.col2 + .button,
	#ktplay .prod.col3 + .button,
	#age-foot,#age-btns{max-width:42rem}
}

/*@media only screen and (min-width:72.4rem){
    #ktplay{position:relative;z-index:2;margin:0 0 0 calc(50vw - .1rem) !important;max-width:42.2rem;min-height:100vh;border-right:.1rem solid #e1e1e1;border-left:.1rem solid #e1e1e1;background:#fff}

	.modal-boxed,.modal-boxed .ppbg,.modal-boxed .modal-message,.loading,.error,.alarms,
	#ktplay .prod.row1 + .button,
	#ktplay .prod.col2 + .button,
	#ktplay .prod.col3 + .button,
	#age-foot,#age-btns{max-width:42rem}
}*/


@media (min-width:1157px){
    #navs{position:fixed;z-index:2;top:3rem;left:3rem;display:flex;flex-wrap:wrap;padding:2rem;width:80rem;background:#fff}
    #navs ul{padding:0 2rem 2rem 0;width:20%;vertical-align:top}
    #navs li{font-size:1.6rem;color:#000}
    #navs li a{display:block;font-size:1.4rem;color:#888}
	#navs .btn{position:absolute;z-index:3;top:2rem;right:2rem}
	#navs .btn i{font-size:2.4rem}
	
    #apps{position:fixed;z-index:1;top:0;bottom:0;right:0;left:0;background-color:#F6F6F6 !important}
    #apps .boxed{display:flex;flex-direction:column;justify-content:center;width:calc(100% / 2.5);height:100vh;padding: 0 0 10% 10%}
	#apps .boxed h1{padding:0 0 3.6rem 0}
	#apps .boxed h1 img{display:block}
	#apps .boxed h2{padding:0 0 3.6rem 0}
	#apps .boxed h2 img{display:block}
	#apps .boxed .tit{line-height:1.3;font-size:4rem;font-weight:400;color:#111}
	#apps .boxed .txt{padding:3rem 0 4rem 0;line-height:1.3;font-size:1.8rem;font-weight:400;color:#828282}
	#apps .boxed .btn button{display:flex;align-items:center;justify-content:center;width:22.6rem;height:6.4rem;font-size:2.2rem;color:#fff;border-radius:6rem;background:#000}
    #apps .footer{position:fixed;bottom:0;padding:2rem 0 4rem 0}
	#apps .footer .app{display:flex;align-items:center}
	#apps .footer .app a + a{margin-left:1.2rem}
	#apps .footer .add{padding-top:2.4rem;line-height:1.3;font-size:1.2rem;color:#828282}
	#apps .footer .add strong + strong{padding-left:.4rem}
	#apps .footer .add span{padding-left:.6rem}
	#apps .footer .add em{margin:0 1rem;width:.1rem;height:1.2rem;background:#828282}
	#apps .footer .adr{display:flex;align-items:center}
}

@media (min-width:724px) and (max-width:1157px){
    #navs{position:fixed;z-index:2;top:3rem;left:3rem;display:flex;flex-wrap:wrap;padding:2rem;width:80rem;background:#fff}
    #navs ul{padding:0 2rem 2rem 0;width:20%;vertical-align:top}
    #navs li{font-size:1.6rem;color:#000}
    #navs li a{display:block;font-size:1.4rem;color:#888}
	#navs .btn{position:absolute;z-index:3;top:2rem;right:2rem}
	#navs .btn i{font-size:2.4rem}
	
    #apps{position:fixed;z-index:1;top:0;bottom:0;right:0;left:0;background-color:#F6F6F6 !important}
    #apps .boxed{display:flex;flex-direction:column;align-items:flex-start;position:fixed;top:16rem;left:16rem}
	#apps .boxed h1{margin-left:-.6rem;padding:0 0 2.4rem 0}
	#apps .boxed h1 img{display:block}
	#apps .boxed h2{margin-left:-.6rem;padding:0 0 2.4rem 0}
	#apps .boxed h2 img{display:block}
	#apps .boxed .tit{line-height:1.2;font-size:2.4rem;font-weight:700;color:#111}
	#apps .boxed .txt{padding:1.8rem 0;line-height:1.4;font-size:1.4rem;font-weight:400;color:#828282}
	#apps .boxed .btn button{display:flex;align-items:center;justify-content:center;width:20rem;height:5rem;font-size:1.8rem;color:#fff;border-radius:6rem;background:#000}
    #apps .footer{position:fixed;bottom:0;padding:2rem 0 4rem 0}
	#apps .footer .app{display:flex;align-items:center}
	#apps .footer .app a + a{margin-left:1.2rem}
	#apps .footer .add{padding-top:2.4rem;line-height:1.3;font-size:1.2rem;color:#828282}
	#apps .footer .add strong + strong{padding-left:.4rem}
	#apps .footer .add span{padding-left:.6rem}
	#apps .footer .add em{margin:0 1rem;width:.1rem;height:1.2rem;background:#828282}
	#apps .footer .adr{display:flex;align-items:center}
}

@media (max-width:723px){
    #navs{display:none}
    #apps{display:none}
	
	.modal-boxed,
	.modal-boxed .ppbg,
	.modal-boxed .modal-message,
	.loading,
	.error,
	.alarms,	
	#ktplay .prod.row1 + .button,
	#ktplay .prod.col2 + .button,
	#ktplay .prod.col3 + .button,
	#age-foot,
	#age-btns{max-width:100%}
}

/*약관동의 모달*/
/*
.terms .contain{margin:0 1.6rem}
.terms .vertical{padding:0 0 4rem;height:calc(100vh - 8rem);line-height:2rem;font-size:1.3rem;color:#222;overflow:hidden;overflow-y:scroll;word-break:break-all;white-space:pre-wrap}
.terms .s_title{color:#222;font-size:1.3rem;padding:.5rem 0 0;font-weight:700}
.terms .text{color:#222;font-size:1.4rem;padding:.5rem 1.7rem 0;line-height:2rem;margin:0 0 2rem}
.terms .s_table{padding:1rem 0}
.terms table{width:100%;border-collapse:collapse}
.terms table th{padding:1rem 0;font-size:1.2rem;border:.1rem solid #ccc;background:#f0f0f0}
.terms table td{padding:1rem;font-size:1.2rem;border:.1rem solid #ddd}*/


/**/
.srll{padding:0 .5rem 0 0;overflow-y:scroll;box-sizing:border-box}
.srll::-webkit-scrollbar{width:.5rem}
.srll::-webkit-scrollbar-thumb{height:17%;background-color:rgb(229 229 229 / 100%);border-radius:.2rem}
.srll::-webkit-scrollbar-track{background-color:#f5f5f5}

.wrll{padding:0 0 1rem 0;overflow-x:scroll;box-sizing:border-box}
.wrll::-webkit-scrollbar{height:.5rem}
.wrll::-webkit-scrollbar-thumb{height:17%;background-color:rgb(229 229 229 / 100%);border-radius:.2rem}
.wrll::-webkit-scrollbar-track{background-color:#f5f5f5}

.ktwrap{padding:0 1.6rem}

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

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

*{letter-spacing:-.05rem;font-family:'Pretendard','Noto Sans KR','Malgun Gothic','dotum','돋움','gulim','굴림','Tahoma';box-sizing:border-box}
fieldset{margin:0;padding:0;border:0}
button{padding:0;border:0;background:none;cursor:pointer}
html,body{height:100%}
html{font-size:10px/*min-width:32rem;max-width:100%;scroll-behavior:smooth*/}
body{margin:0}
body{-ms-overflow-style:none;/* IE and Edge */scrollbar-width:none;/* Firefox */}
body::-webkit-scrollbar{/*display:none !important;Chrome, Safari, and Opera */ } 
h1,h2,h3,h4,h5,h6{margin:0}
dl,ul,ol{margin:0;padding:0;list-style:none}
dd{margin:0}
a{color:#242a38;text-decoration:none}
a,button{color:#000;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
input{border-radius:0}
input:focus{border-radius:0;outline:none}
input,
button{border-radius:0;-webkit-appearance:none}
button{color:#777}
label{cursor:pointer}

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

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

p{margin:0}
ins{text-decoration:none}
i,em,address,cite{font-style:normal}
hr{display:none}

*:hover,*:focus,*:checked{outline:none;-webkit-tap-highlight-color:transparent}

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

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

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

@-webkit-keyframes bottomin{
  from{bottom:-100%} 
  to{bottom:0}
}

@keyframes bottomin{
  from{bottom:-100%} 
  to{bottom:0}
}

@-webkit-keyframes bottomout{
  from{bottom:0} 
  to{bottom:-100%}
}

@keyframes bottomout{
  from{bottom:0} 
  to{bottom:-100%}
}

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

@keyframes fadein{
  from{bottom:0;opacity:0}
  to{bottom:10rem;opacity:1}
}

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

@keyframes fadeout{
  from{bottom:10rem;opacity:1}
  to{bottom:0;opacity:0}
}

@-webkit-keyframes zoomIn{
	0%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3)}
	50%{opacity:1}
}
@keyframes zoomIn{
	0%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3)}
	50%{opacity:1}
}

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

.fs12{font-size:1.2rem;letter-spacing:-0..6rem}
.fs14{font-size:1.4rem;letter-spacing:-0..7rem}
.fs16{font-size:1.6rem;letter-spacing:-0..8rem}
.fs18{font-size:1.8rem;letter-spacing:-0..9rem}
.fs20{font-size:2rem;letter-spacing:-1.rem}
.fs22{font-size:2.2rem;letter-spacing:-1..1rem}
.fs24{font-size:2.4rem;letter-spacing:-1..2rem}
.fs26{font-size:2.6rem;letter-spacing:-1..3rem}
.fs28{font-size:2.8rem;letter-spacing:-1..4rem}
.fs30{font-size:3rem;letter-spacing:-1..5rem}

.tp50{top:-5rem !important}

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

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

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

.ip-arr{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;width:4.5rem;height:4.5rem;font-size:1.2rem;transition:all .2s}
.ip-sel:focus + .ip-arr{transform:rotate(180deg);transition:all .2s}
.ip-sel{padding:0 1.2rem;width:100%;height:4.8rem;font-size:1.6rem;text-align:left;color:#2f2f2f;border:.1rem solid #cdcdcd;border-radius:.6rem}
.ip-sel:focus{border:.1rem solid #242a38}

.contain{margin:0 1.6rem}
.contain .vertical{padding:0 0 4rem;height:calc(100vh - 8rem);line-height:2rem;font-size:1.3rem;color:#222;overflow:hidden;overflow-y:scroll;word-break:break-all;white-space:pre-wrap}
.contain .vertical table{width:100%;border-collapse:collapse}
.contain .vertical table th{padding:1rem 0;font-size:1.2rem;border:.1rem solid #ccc;background:#f0f0f0}
.contain .vertical table td{padding:1rem;font-size:1.2rem;border:.1rem solid #ddd}
.contain .s_title{color:#222;font-size:1.3rem;padding:.5rem 0 0;font-weight:700}
.contain .text{color:#222;font-size:1.4rem;padding:.5rem 1.7rem 0;line-height:2rem;margin:0 0 2rem}
.contain .s_table{padding:1rem 0}

.error{position:fixed;z-index:9999;bottom:10rem;width:100%}
.error .txt{margin:0 1.6rem;padding:1rem 0;font-size:1.4rem;font-weight:500;text-align:center;color:#fff;background:#2f2f2f;border-radius:.8rem}
.error.many .txt{padding:.8rem 1.6rem;text-align:left;border-radius:.6rem}

.error.bot10{bottom:1rem}
.error.bot20{bottom:2rem}
.error.bot30{bottom:3rem}
.error.bot40{bottom:4rem}
.error.bot50{bottom:5rem}
.error.bot60{bottom:6rem}
.error.bot70{bottom:7rem}
.error.bot80{bottom:8rem}
.error.bot90{bottom:9rem}
.error.bot100{bottom:10rem}
.error.bot110{bottom:11rem}
.error.bot120{bottom:12rem}
.error.bot130{bottom:13rem}
.error.bot140{bottom:14rem}
.error.bot150{bottom:15rem}
.error.bot160{bottom:16rem}
.error.bot170{bottom:17rem}
.error.bot180{bottom:18rem}
.error.bot190{bottom:19rem}
.error.bot200{bottom:20rem}
.error.bot210{bottom:21rem}
.error.bot220{bottom:22rem}
.error.bot230{bottom:23rem}
.error.bot240{bottom:24rem}
.error.bot250{bottom:25rem}
.error.bot260{bottom:26rem}
.error.bot270{bottom:27rem}
.error.bot280{bottom:28rem}
.error.bot290{bottom:29rem}

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

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

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

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

.raddot{display:none}
.raddot + label{position:relative;display:flex;align-items:center;font-size:1.4rem;font-weight:400;color:#2f2f2f;cursor:pointer}
.raddot + label:before{content:"";display:block;width:.5rem;height:.5rem;background:#b8b8b8;border-radius:.5rem}
.raddot:checked + label{font-weight:700}
.raddot:checked + label:before{background:#3182f5}

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

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

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

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

.ckheart{display:none}
.ckheart + label{position:relative}
.ckheart + label:before{content:"";position:absolute;top:.1rem;left:0;display:block;width:2.2rem;height:2.2rem;background:url("/img/user/chk-heart2.svg") no-repeat 50% 50%}
.ckheart:checked + label{color:#2f2f2f}
.ckheart:checked + label:before{content:"";background-image:url("/img/user/chk-heart-act.svg") !important}
.ckheart + label em{display:none}

.chk-heart{display:none}
.chk-heart + label{position:relative}
.chk-heart + label:before{content:"";display:flex;align-items:center;width:2.2rem;height:2.2rem;background:url("/img/user/chk-heart.svg") no-repeat 50% 50%}
.chk-heart:checked + label{color:#2f2f2f}
.chk-heart:checked + label:before{content:"";background-image:url("/img/user/chk-heart-act.svg") !important}
.chk-heart + label em{display:none}

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

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

.checkbox{display:none}
.checkbox + label{display:flex !important;align-items:center;gap:.6rem;font-size:1.4rem;font-weight:300;color:#2f2f2f}
.checkbox + label:before{content:"";display:block;width:1.4rem;height:1.4rem;border:.1rem solid #2f2f2f;background:url("/img/user/chk-ck1.svg") no-repeat 50% 50%;background-size:.8rem auto}
.checkbox:checked + label:before{content:"";border-color:#3182f5;background-color:#3182f5}

.chkbx{display:none}
.chkbx + label{display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;color:#2f2f2f}
.chkbx + label strong{font-size:1.6rem;color:#545454}
.chkbx + label span{font-size:1.4rem;font-weight:400;color:#545454}
.chkbx + label:before{content:"";display:block;margin-right:.6rem;width:1.8rem;height:1.8rem;border:.1rem solid #8a8a8a;background:url("/img/user/chk-ck1.svg") no-repeat 50% 50%;background-size:1rem auto;border-radius:.2rem}
.chkbx:checked + label:before{content:"";border:.1rem solid #3182f5;background-color:#3182f5}

/*li:nth-child(2) .checkbox:checked + label{color:#009646}
li:nth-child(2) .checkbox:checked + label:before{content:"";background-image:url("/img/ico/check3.svg") !important}*/

.radiobox{display:none}
.radiobox + label{display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;color:#333;cursor:pointer}
.radiobox + label:before{content:"";display:flex;align-items:center;justify-content:center;font-size:1rem;font-family:xeicon !important;min-width:1.8rem;height:1.8rem;color:#aaa;border:.1rem solid #aaa;border-radius:1.8rem}
.radiobox:checked + label:before{color:#fff;border:.1rem solid #3182f5;background:#3182f5}

.radiobox.disabled{display:none}
.radiobox.disabled + label{position:relative;display:inline-block;padding:0 0 0 2.5rem !important;line-height:1.2;font-size:1.5rem;font-weight:700;vertical-align:middle;color:#999;cursor:pointer}
.radiobox.disabled + label:before{position:absolute;top:50%;left:0;transform:translateY(-50%);content:"\e9c7";font-size:2rem;font-family:xeicon!important;vertical-align:middle;color:#aaa}
.radiobox.disabled:checked + label:before{content:"\e92b";color:#3182f5}

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

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

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

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

.khskip{display:none !important}

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


.mhc10px{min-height:calc(100vh - 1.0rem) !important}
.mhc11px{min-height:calc(100vh - 1.1rem) !important}
.mhc12px{min-height:calc(100vh - 1.2rem) !important}
.mhc13px{min-height:calc(100vh - 1.3rem) !important}
.mhc14px{min-height:calc(100vh - 1.4rem) !important}
.mhc15px{min-height:calc(100vh - 1.5rem) !important}
.mhc16px{min-height:calc(100vh - 1.6rem) !important}
.mhc17px{min-height:calc(100vh - 1.7rem) !important}
.mhc18px{min-height:calc(100vh - 1.8rem) !important}
.mhc19px{min-height:calc(100vh - 1.9rem) !important}
.mhc20px{min-height:calc(100vh - 2.0rem) !important}
.mhc21px{min-height:calc(100vh - 2.1rem) !important}
.mhc22px{min-height:calc(100vh - 2.2rem) !important}
.mhc23px{min-height:calc(100vh - 2.3rem) !important}
.mhc24px{min-height:calc(100vh - 2.4rem) !important}
.mhc25px{min-height:calc(100vh - 2.5rem) !important}
.mhc26px{min-height:calc(100vh - 2.6rem) !important}
.mhc27px{min-height:calc(100vh - 2.7rem) !important}
.mhc28px{min-height:calc(100vh - 2.8rem) !important}
.mhc29px{min-height:calc(100vh - 2.9rem) !important}
.mhc30px{min-height:calc(100vh - 3.0rem) !important}
.mhc31px{min-height:calc(100vh - 3.1rem) !important}
.mhc32px{min-height:calc(100vh - 3.2rem) !important}
.mhc33px{min-height:calc(100vh - 3.3rem) !important}
.mhc34px{min-height:calc(100vh - 3.4rem) !important}
.mhc35px{min-height:calc(100vh - 3.5rem) !important}
.mhc36px{min-height:calc(100vh - 3.6rem) !important}
.mhc37px{min-height:calc(100vh - 3.7rem) !important}
.mhc38px{min-height:calc(100vh - 3.8rem) !important}
.mhc39px{min-height:calc(100vh - 3.9rem) !important}
.mhc40px{min-height:calc(100vh - 4.0rem) !important}
.mhc41px{min-height:calc(100vh - 4.1rem) !important}
.mhc42px{min-height:calc(100vh - 4.2rem) !important}
.mhc43px{min-height:calc(100vh - 4.3rem) !important}
.mhc44px{min-height:calc(100vh - 4.4rem) !important}
.mhc45px{min-height:calc(100vh - 4.5rem) !important}
.mhc46px{min-height:calc(100vh - 4.6rem) !important}
.mhc47px{min-height:calc(100vh - 4.7rem) !important}
.mhc48px{min-height:calc(100vh - 4.8rem) !important}
.mhc49px{min-height:calc(100vh - 4.9rem) !important}
.mhc50px{min-height:calc(100vh - 5.0rem) !important}
.mhc61px{min-height:calc(100vh - 6.1rem) !important}
.mhc62px{min-height:calc(100vh - 6.2rem) !important}
.mhc63px{min-height:calc(100vh - 6.3rem) !important}
.mhc64px{min-height:calc(100vh - 6.4rem) !important}
.mhc65px{min-height:calc(100vh - 6.5rem) !important}
.mhc66px{min-height:calc(100vh - 6.6rem) !important}
.mhc67px{min-height:calc(100vh - 6.7rem) !important}
.mhc68px{min-height:calc(100vh - 6.8rem) !important}
.mhc69px{min-height:calc(100vh - 6.9rem) !important}
.mhc70px{min-height:calc(100vh - 7.0rem) !important}
.mhc71px{min-height:calc(100vh - 7.1rem) !important}
.mhc72px{min-height:calc(100vh - 7.2rem) !important}
.mhc73px{min-height:calc(100vh - 7.3rem) !important}
.mhc74px{min-height:calc(100vh - 7.4rem) !important}
.mhc75px{min-height:calc(100vh - 7.5rem) !important}
.mhc76px{min-height:calc(100vh - 7.6rem) !important}
.mhc77px{min-height:calc(100vh - 7.7rem) !important}
.mhc78px{min-height:calc(100vh - 7.8rem) !important}
.mhc79px{min-height:calc(100vh - 7.9rem) !important}
.mhc80px{min-height:calc(100vh - 8.0rem) !important}
.mhc81px{min-height:calc(100vh - 8.1rem) !important}
.mhc82px{min-height:calc(100vh - 8.2rem) !important}
.mhc83px{min-height:calc(100vh - 8.3rem) !important}
.mhc84px{min-height:calc(100vh - 8.4rem) !important}
.mhc85px{min-height:calc(100vh - 8.5rem) !important}
.mhc86px{min-height:calc(100vh - 8.6rem) !important}
.mhc87px{min-height:calc(100vh - 8.7rem) !important}
.mhc88px{min-height:calc(100vh - 8.8rem) !important}
.mhc89px{min-height:calc(100vh - 8.9rem) !important}
.mhc90px{min-height:calc(100vh - 9.0rem) !important}
.mhc91px{min-height:calc(100vh - 9.1rem) !important}
.mhc92px{min-height:calc(100vh - 9.2rem) !important}
.mhc93px{min-height:calc(100vh - 9.3rem) !important}
.mhc94px{min-height:calc(100vh - 9.4rem) !important}
.mhc95px{min-height:calc(100vh - 9.5rem) !important}
.mhc96px{min-height:calc(100vh - 9.6rem) !important}
.mhc97px{min-height:calc(100vh - 9.7rem) !important}
.mhc98px{min-height:calc(100vh - 9.8rem) !important}
.mhc99px{min-height:calc(100vh - 9.9rem) !important}

.mhc100px{min-height:calc(100vh - 10rem) !important}
.mhc110px{min-height:calc(100vh - 11rem) !important}
.mhc120px{min-height:calc(100vh - 12rem) !important}
.mhc130px{min-height:calc(100vh - 13rem) !important}
.mhc140px{min-height:calc(100vh - 14rem) !important}
.mhc150px{min-height:calc(100vh - 15rem) !important}
.mhc160px{min-height:calc(100vh - 16rem) !important}
.mhc170px{min-height:calc(100vh - 17rem) !important}
.mhc180px{min-height:calc(100vh - 18rem) !important}
.mhc190px{min-height:calc(100vh - 19rem) !important}
.mhc200px{min-height:calc(100vh - 20rem) !important}
.mhc210px{min-height:calc(100vh - 21rem) !important}
.mhc220px{min-height:calc(100vh - 22rem) !important}
.mhc230px{min-height:calc(100vh - 23rem) !important}
.mhc240px{min-height:calc(100vh - 24rem) !important}
.mhc250px{min-height:calc(100vh - 25rem) !important}
.mhc260px{min-height:calc(100vh - 26rem) !important}
.mhc270px{min-height:calc(100vh - 27rem) !important}
.mhc280px{min-height:calc(100vh - 28rem) !important}
.mhc290px{min-height:calc(100vh - 29rem) !important}
.mhc300px{min-height:calc(100vh - 30rem) !important}
.mhc310px{min-height:calc(100vh - 31rem) !important}
.mhc320px{min-height:calc(100vh - 32rem) !important}
.mhc330px{min-height:calc(100vh - 33rem) !important}
.mhc340px{min-height:calc(100vh - 34rem) !important}
.mhc350px{min-height:calc(100vh - 35rem) !important}
.mhc360px{min-height:calc(100vh - 36rem) !important}
.mhc370px{min-height:calc(100vh - 37rem) !important}
.mhc380px{min-height:calc(100vh - 38rem) !important}
.mhc390px{min-height:calc(100vh - 39rem) !important}
.mhc400px{min-height:calc(100vh - 40rem) !important}
.mhc410px{min-height:calc(100vh - 41rem) !important}
.mhc420px{min-height:calc(100vh - 42rem) !important}
.mhc430px{min-height:calc(100vh - 43rem) !important}
.mhc440px{min-height:calc(100vh - 44rem) !important}
.mhc450px{min-height:calc(100vh - 45rem) !important}
.mhc460px{min-height:calc(100vh - 46rem) !important}
.mhc470px{min-height:calc(100vh - 47rem) !important}
.mhc480px{min-height:calc(100vh - 48rem) !important}
.mhc490px{min-height:calc(100vh - 49rem) !important}


.tal{text-align:left !important}
.tac{text-align:center !important}
.tar{text-align:right !important}

.fr{float:right !important}
.fl{float:left !important}

.fb5p{flex-basis:5%}
.fb10p{flex-basis:10%}
.fb11p{flex-basis:11%}
.fb12p{flex-basis:12%}
.fb13p{flex-basis:13%}
.fb14p{flex-basis:14%}
.fb15p{flex-basis:15%}
.fb16p{flex-basis:16%}
.fb17p{flex-basis:17%}
.fb18p{flex-basis:18%}
.fb19p{flex-basis:19%}
.fb20p{flex-basis:20%}
.fb21p{flex-basis:21%}
.fb22p{flex-basis:22%}
.fb23p{flex-basis:23%}
.fb24p{flex-basis:24%}
.fb25p{flex-basis:25%}
.fb30p{flex-basis:30%}
.fb35p{flex-basis:35%}
.fb40p{flex-basis:40%}
.fb45p{flex-basis:45%}
.fb50p{flex-basis:50%}
.fb55p{flex-basis:55%}
.fb60p{flex-basis:60%}
.fb65p{flex-basis:65%}
.fb70p{flex-basis:70%}
.fb75p{flex-basis:75%} 
.fb80p{flex-basis:80%}
.fb81p{flex-basis:81%}
.fb82p{flex-basis:82%}
.fb83p{flex-basis:83%}
.fb84p{flex-basis:84%}
.fb85p{flex-basis:85%}
.fb86p{flex-basis:86%}
.fb87p{flex-basis:87%}
.fb88p{flex-basis:88%}
.fb89p{flex-basis:89%}
.fb90p{flex-basis:90%}
.fb95p{flex-basis:95%}
.fb100p{flex-basis:100%}

.h10{height:1rem !important}
.h11{height:1.1rem !important}
.h12{height:1.2rem !important}
.h13{height:1.3rem !important}
.h14{height:1.4rem !important}
.h15{height:1.5rem !important}
.h16{height:1.6rem !important}
.h17{height:1.7rem !important}
.h18{height:1.8rem !important}
.h19{height:1.9rem !important}
.h20{height:2rem !important}
.h21{height:2.1rem !important}
.h22{height:2.2rem !important}
.h23{height:2.3rem !important}
.h24{height:2.4rem !important}
.h25{height:2.5rem !important}
.h26{height:2.6rem !important}
.h27{height:2.7rem !important}
.h28{height:2.8rem !important}
.h29{height:2.9rem !important}
.h30{height:3rem !important}
.h31{height:3.1rem !important}
.h32{height:3.2rem !important}
.h33{height:3.3rem !important}
.h34{height:3.4rem !important}
.h35{height:3.5rem !important}
.h36{height:3.6rem !important}
.h37{height:3.7rem !important}
.h38{height:3.8rem !important}
.h39{height:3.9rem !important}
.h40{height:4rem !important}
.h41{height:4.1rem !important}
.h42{height:4.2rem !important}
.h43{height:4.3rem !important}
.h44{height:4.4rem !important}
.h46{height:4.6rem !important}
.h47{height:4.7rem !important}
.h48{height:4.8rem !important}
.h49{height:4.9rem !important}
.h45{height:4.5rem !important}
.h50{height:5rem !important}
.h51{height:5.1rem !important}
.h52{height:5.2rem !important}
.h53{height:5.3rem !important}
.h54{height:5.4rem !important}
.h56{height:5.6rem !important}
.h57{height:5.7rem !important}
.h58{height:5.8rem !important}
.h59{height:5.9rem !important}
.h60{height:6rem !important}
.h61{height:6.1rem !important}
.h62{height:6.2rem !important}
.h63{height:6.3rem !important}
.h64{height:6.4rem !important}
.h66{height:6.6rem !important}
.h67{height:6.7rem !important}
.h68{height:6.8rem !important}
.h69{height:6.9rem !important}
.h70{height:7rem !important}
.h71{height:7.1rem !important}
.h72{height:7.2rem !important}
.h73{height:7.3rem !important}
.h74{height:7.4rem !important}
.h76{height:7.6rem !important}
.h77{height:7.7rem !important}
.h78{height:7.8rem !important}
.h79{height:7.9rem !important}
.h80{height:8rem !important}
.h81{height:8.1rem !important}
.h82{height:8.2rem !important}
.h83{height:8.3rem !important}
.h84{height:8.4rem !important}
.h86{height:8.6rem !important}
.h87{height:8.7rem !important}
.h88{height:8.8rem !important}
.h89{height:8.9rem !important}
.h90{height:9rem !important}
.h91{height:9.1rem !important}
.h92{height:9.2rem !important}
.h93{height:9.3rem !important}
.h94{height:9.4rem !important}
.h96{height:9.6rem !important}
.h97{height:9.7rem !important}
.h98{height:9.8rem !important}
.h99{height:9.9rem !important}
.h100{height:10rem !important}
.h101{height:10.1rem !important}
.h102{height:10.2rem !important}
.h103{height:10.3rem !important}
.h104{height:10.4rem !important}
.h106{height:10.6rem !important}
.h107{height:10.7rem !important}
.h108{height:10.8rem !important}
.h109{height:10.9rem !important}
.h110{height:11rem !important}
.h111{height:11.1rem !important}
.h112{height:11.2rem !important}
.h113{height:11.3rem !important}
.h114{height:11.4rem !important}
.h116{height:11.6rem !important}
.h117{height:11.7rem !important}
.h118{height:11.8rem !important}
.h119{height:11.9rem !important}
.h120{height:12rem !important}
.h121{height:12.1rem !important}
.h122{height:12.2rem !important}
.h123{height:12.3rem !important}
.h124{height:12.4rem !important}
.h126{height:12.6rem !important}
.h127{height:12.7rem !important}
.h128{height:12.8rem !important}
.h129{height:12.9rem !important}
.h130{height:13rem !important}
.h131{height:13.1rem !important}
.h132{height:13.2rem !important}
.h133{height:13.3rem !important}
.h134{height:13.4rem !important}
.h136{height:13.6rem !important}
.h137{height:13.7rem !important}
.h138{height:13.8rem !important}
.h139{height:13.9rem !important}
.h140{height:14rem !important}
.h141{height:14.1rem !important}
.h142{height:14.2rem !important}
.h143{height:14.3rem !important}
.h144{height:14.4rem !important}
.h146{height:14.6rem !important}
.h147{height:14.7rem !important}
.h148{height:14.8rem !important}
.h149{height:14.9rem !important}
.h150{height:15rem !important}
.h151{height:15.1rem !important}
.h152{height:15.2rem !important}
.h153{height:15.3rem !important}
.h154{height:15.4rem !important}
.h156{height:15.6rem !important}
.h157{height:15.7rem !important}
.h158{height:15.8rem !important}
.h159{height:15.9rem !important}
.h160{height:16rem !important}
.h161{height:16.1rem !important}
.h162{height:16.2rem !important}
.h163{height:16.3rem !important}
.h164{height:16.4rem !important}
.h166{height:16.6rem !important}
.h167{height:16.7rem !important}
.h168{height:16.8rem !important}
.h169{height:16.9rem !important}
.h170{height:17rem !important}
.h171{height:17.1rem !important}
.h172{height:17.2rem !important}
.h173{height:17.3rem !important}
.h174{height:17.4rem !important}
.h176{height:17.6rem !important}
.h177{height:17.7rem !important}
.h178{height:17.8rem !important}
.h179{height:17.9rem !important}
.h180{height:18rem !important}
.h181{height:18.1rem !important}
.h182{height:18.2rem !important}
.h183{height:18.3rem !important}
.h184{height:18.4rem !important}
.h186{height:18.6rem !important}
.h187{height:18.7rem !important}
.h188{height:18.8rem !important}
.h189{height:18.9rem !important}
.h190{height:19rem !important}
.h191{height:19.1rem !important}
.h192{height:19.2rem !important}
.h193{height:19.3rem !important}
.h194{height:19.4rem !important}
.h196{height:19.6rem !important}
.h197{height:19.7rem !important}
.h198{height:19.8rem !important}
.h199{height:19.9rem !important}
.h200{height:20rem !important}
.h210{height:21rem !important}
.h220{height:22rem !important}
.h230{height:23rem !important}
.h240{height:24rem !important}
.h250{height:25rem !important}
.h260{height:26rem !important}
.h270{height:27rem !important}
.h280{height:28rem !important}
.h290{height:29rem !important}
.h300{height:30rem !important}
.h310{height:31rem !important}
.h320{height:32rem !important}
.h330{height:33rem !important}
.h340{height:34rem !important}
.h350{height:35rem !important}
.h360{height:36rem !important}
.h370{height:37rem !important}
.h380{height:38rem !important}
.h390{height:39rem !important}

.mh100vh{min-height:100vh}

.hm100{min-height:10rem}
.hm200{min-height:20rem}
.hm300{min-height:30rem}
.hm400{min-height:40rem}
.hm500{min-height:50rem}
.hm600{min-height:60rem}
.hm700{min-height:70rem}
.hm800{min-height:80rem}
.hm900{min-height:90rem}
.hm1000{min-height:100rem}

.mh10{max-height:1rem !important}
.mh11{max-height:1.1rem !important}
.mh12{max-height:1.2rem !important}
.mh13{max-height:1.3rem !important}
.mh14{max-height:1.4rem !important}
.mh15{max-height:1.5rem !important}
.mh16{max-height:1.6rem !important}
.mh17{max-height:1.7rem !important}
.mh18{max-height:1.8rem !important}
.mh19{max-height:1.9rem !important}
.mh20{max-height:2rem !important}
.mh21{max-height:2.1rem !important}
.mh22{max-height:2.2rem !important}
.mh23{max-height:2.3rem !important}
.mh24{max-height:2.4rem !important}
.mh25{max-height:2.5rem !important}
.mh26{max-height:2.6rem !important}
.mh27{max-height:2.7rem !important}
.mh28{max-height:2.8rem !important}
.mh29{max-height:2.9rem !important}
.mh30{max-height:3rem !important}
.mh31{max-height:3.1rem !important}
.mh32{max-height:3.2rem !important}
.mh33{max-height:3.3rem !important}
.mh34{max-height:3.4rem !important}
.mh35{max-height:3.5rem !important}
.mh36{max-height:3.6rem !important}
.mh37{max-height:3.7rem !important}
.mh38{max-height:3.8rem !important}
.mh39{max-height:3.9rem !important}
.mh40{max-height:4rem !important}
.mh41{max-height:4.1rem !important}
.mh42{max-height:4.2rem !important}
.mh43{max-height:4.3rem !important}
.mh44{max-height:4.4rem !important}
.mh46{max-height:4.6rem !important}
.mh47{max-height:4.7rem !important}
.mh48{max-height:4.8rem !important}
.mh49{max-height:4.9rem !important}
.mh45{max-height:4.5rem !important}
.mh50{max-height:5rem !important}
.mh51{max-height:5.1rem !important}
.mh52{max-height:5.2rem !important}
.mh53{max-height:5.3rem !important}
.mh54{max-height:5.4rem !important}
.mh56{max-height:5.6rem !important}
.mh57{max-height:5.7rem !important}
.mh58{max-height:5.8rem !important}
.mh59{max-height:5.9rem !important}
.mh60{max-height:6rem !important}
.mh61{max-height:6.1rem !important}
.mh62{max-height:6.2rem !important}
.mh63{max-height:6.3rem !important}
.mh64{max-height:6.4rem !important}
.mh66{max-height:6.6rem !important}
.mh67{max-height:6.7rem !important}
.mh68{max-height:6.8rem !important}
.mh69{max-height:6.9rem !important}
.mh70{max-height:7rem !important}
.mh71{max-height:7.1rem !important}
.mh72{max-height:7.2rem !important}
.mh73{max-height:7.3rem !important}
.mh74{max-height:7.4rem !important}
.mh76{max-height:7.6rem !important}
.mh77{max-height:7.7rem !important}
.mh78{max-height:7.8rem !important}
.mh79{max-height:7.9rem !important}
.mh80{max-height:8rem !important}
.mh81{max-height:8.1rem !important}
.mh82{max-height:8.2rem !important}
.mh83{max-height:8.3rem !important}
.mh84{max-height:8.4rem !important}
.mh86{max-height:8.6rem !important}
.mh87{max-height:8.7rem !important}
.mh88{max-height:8.8rem !important}
.mh89{max-height:8.9rem !important}
.mh90{max-height:9rem !important}
.mh91{max-height:9.1rem !important}
.mh92{max-height:9.2rem !important}
.mh93{max-height:9.3rem !important}
.mh94{max-height:9.4rem !important}
.mh96{max-height:9.6rem !important}
.mh97{max-height:9.7rem !important}
.mh98{max-height:9.8rem !important}
.mh99{max-height:9.9rem !important}
.mh100{max-height:10rem !important}
.mh101{max-height:10.1rem !important}
.mh102{max-height:10.2rem !important}
.mh103{max-height:10.3rem !important}
.mh104{max-height:10.4rem !important}
.mh106{max-height:10.6rem !important}
.mh107{max-height:10.7rem !important}
.mh108{max-height:10.8rem !important}
.mh109{max-height:10.9rem !important}
.mh110{max-height:11rem !important}
.mh111{max-height:11.1rem !important}
.mh112{max-height:11.2rem !important}
.mh113{max-height:11.3rem !important}
.mh114{max-height:11.4rem !important}
.mh116{max-height:11.6rem !important}
.mh117{max-height:11.7rem !important}
.mh118{max-height:11.8rem !important}
.mh119{max-height:11.9rem !important}
.mh120{max-height:12rem !important}
.mh121{max-height:12.1rem !important}
.mh122{max-height:12.2rem !important}
.mh123{max-height:12.3rem !important}
.mh124{max-height:12.4rem !important}
.mh126{max-height:12.6rem !important}
.mh127{max-height:12.7rem !important}
.mh128{max-height:12.8rem !important}
.mh129{max-height:12.9rem !important}
.mh130{max-height:13rem !important}
.mh131{max-height:13.1rem !important}
.mh132{max-height:13.2rem !important}
.mh133{max-height:13.3rem !important}
.mh134{max-height:13.4rem !important}
.mh136{max-height:13.6rem !important}
.mh137{max-height:13.7rem !important}
.mh138{max-height:13.8rem !important}
.mh139{max-height:13.9rem !important}
.mh140{max-height:14rem !important}
.mh141{max-height:14.1rem !important}
.mh142{max-height:14.2rem !important}
.mh143{max-height:14.3rem !important}
.mh144{max-height:14.4rem !important}
.mh146{max-height:14.6rem !important}
.mh147{max-height:14.7rem !important}
.mh148{max-height:14.8rem !important}
.mh149{max-height:14.9rem !important}
.mh150{max-height:15rem !important}
.mh151{max-height:15.1rem !important}
.mh152{max-height:15.2rem !important}
.mh153{max-height:15.3rem !important}
.mh154{max-height:15.4rem !important}
.mh156{max-height:15.6rem !important}
.mh157{max-height:15.7rem !important}
.mh158{max-height:15.8rem !important}
.mh159{max-height:15.9rem !important}
.mh160{max-height:16rem !important}
.mh161{max-height:16.1rem !important}
.mh162{max-height:16.2rem !important}
.mh163{max-height:16.3rem !important}
.mh164{max-height:16.4rem !important}
.mh166{max-height:16.6rem !important}
.mh167{max-height:16.7rem !important}
.mh168{max-height:16.8rem !important}
.mh169{max-height:16.9rem !important}
.mh170{max-height:17rem !important}
.mh171{max-height:17.1rem !important}
.mh172{max-height:17.2rem !important}
.mh173{max-height:17.3rem !important}
.mh174{max-height:17.4rem !important}
.mh176{max-height:17.6rem !important}
.mh177{max-height:17.7rem !important}
.mh178{max-height:17.8rem !important}
.mh179{max-height:17.9rem !important}
.mh180{max-height:18rem !important}
.mh181{max-height:18.1rem !important}
.mh182{max-height:18.2rem !important}
.mh183{max-height:18.3rem !important}
.mh184{max-height:18.4rem !important}
.mh186{max-height:18.6rem !important}
.mh187{max-height:18.7rem !important}
.mh188{max-height:18.8rem !important}
.mh189{max-height:18.9rem !important}
.mh190{max-height:19rem !important}
.mh191{max-height:19.1rem !important}
.mh192{max-height:19.2rem !important}
.mh193{max-height:19.3rem !important}
.mh194{max-height:19.4rem !important}
.mh196{max-height:19.6rem !important}
.mh197{max-height:19.7rem !important}
.mh198{max-height:19.8rem !important}
.mh199{max-height:19.9rem !important}
.mh200{max-height:20rem !important}

.w1p{width:1% !important}
.w2p{width:2% !important}
.w3p{width:3% !important}
.w4p{width:4% !important}
.w5p{width:5% !important}
.w6p{width:6% !important}
.w7p{width:7% !important}
.w8p{width:8% !important}
.w9p{width:9% !important}
.w10p{width:10% !important}
.w11p{width:11% !important}
.w12p{width:12% !important}
.w13p{width:13% !important}
.w14p{width:14% !important}
.w15p{width:15% !important}
.w16p{width:16% !important}
.w17p{width:17% !important}
.w18p{width:18% !important}
.w19p{width:19% !important}
.w20p{width:20% !important}
.w21p{width:21% !important}
.w22p{width:22% !important}
.w23p{width:23% !important}
.w24p{width:24% !important}
.w25p{width:25% !important}
.w26p{width:26% !important}
.w27p{width:27% !important}
.w28p{width:28% !important}
.w29p{width:29% !important}
.w30p{width:30% !important}
.w31p{width:31% !important}
.w32p{width:32% !important}
.w33p{width:33% !important}
.w34p{width:34% !important}
.w35p{width:35% !important}
.w36p{width:36% !important}
.w37p{width:37% !important}
.w38p{width:38% !important}
.w39p{width:39% !important}
.w40p{width:40% !important}
.w41p{width:41% !important}
.w42p{width:42% !important}
.w43p{width:43% !important}
.w44p{width:44% !important}
.w45p{width:45% !important}
.w46p{width:46% !important}
.w47p{width:47% !important}
.w48p{width:48% !important}
.w49p{width:49% !important}
.w50p{width:50% !important}
.w51p{width:51% !important}
.w52p{width:52% !important}
.w53p{width:53% !important}
.w54p{width:54% !important}
.w55p{width:55% !important}
.w56p{width:56% !important}
.w57p{width:57% !important}
.w58p{width:58% !important}
.w59p{width:59% !important}
.w60p{width:60% !important}
.w68p{width:68% !important}
.w70p{width:70% !important}
.w80p{width:80% !important}
.w90p{width:90% !important}
.w100p{width:100% !important}
.w200p{width:200% !important}
.w300p{width:300% !important}
.w400p{width:400% !important}
.w500p{width:500% !important}
.w600p{width:600% !important}
.w700p{width:700% !important}
.w800p{width:800% !important}
.w900p{width:900% !important}

.w10{width:1rem !important}
.w20{width:2rem !important}
.w30{width:3rem !important}
.w40{width:4rem !important}
.w50{width:5rem !important}
.w60{width:6rem !important}
.w70{width:7rem !important}
.w75{width:7.5rem !important}
.w80{width:8rem !important}
.w85{width:8.5rem !important}
.w90{width:9rem !important}
.w95{width:9.5rem !important}
.w100{width:10rem !important}
.w110{width:11rem !important}
.w120{width:12rem !important}
.w125{width:12.5rem !important}
.w130{width:13rem !important}
.w140{width:14rem !important}
.w150{width:15rem !important}
.w160{width:16rem !important}
.w170{width:17rem !important}
.w180{width:18rem !important}
.w190{width:19rem !important}
.w200{width:20rem !important}
.w201{width:20.1rem !important}
.w202{width:20.2rem !important}
.w203{width:20.3rem !important}
.w204{width:20.4rem !important}
.w205{width:20.5rem !important}
.w206{width:20.6rem !important}
.w207{width:20.7rem !important}
.w208{width:20.8rem !important}
.w209{width:20.9rem !important}
.w210{width:21rem !important}
.w211{width:21.1rem !important}
.w212{width:21.2rem !important}
.w213{width:21.3rem !important}
.w214{width:21.4rem !important}
.w215{width:21.5rem !important}
.w216{width:21.6rem !important}
.w217{width:21.7rem !important}
.w218{width:21.8rem !important}
.w219{width:21.9rem !important}
.w220{width:22rem !important}
.w221{width:22.1rem !important}
.w222{width:22.2rem !important}
.w223{width:22.3rem !important}
.w224{width:22.4rem !important}
.w225{width:22.5rem !important}
.w226{width:22.6rem !important}
.w227{width:22.7rem !important}
.w228{width:22.8rem !important}
.w229{width:22.9rem !important}
.w230{width:23rem !important}
.w231{width:23.1rem !important}
.w232{width:23.2rem !important}
.w233{width:23.3rem !important}
.w234{width:23.4rem !important}
.w235{width:23.5rem !important}
.w236{width:23.6rem !important}
.w237{width:23.7rem !important}
.w238{width:23.8rem !important}
.w239{width:23.9rem !important}
.w240{width:24rem !important}
.w241{width:24.1rem !important}
.w242{width:24.2rem !important}
.w243{width:24.3rem !important}
.w244{width:24.4rem !important}
.w245{width:24.5rem !important}
.w246{width:24.6rem !important}
.w247{width:24.7rem !important}
.w248{width:24.8rem !important}
.w249{width:24.9rem !important}
.w250{width:25rem !important}
.w251{width:25.1rem !important}
.w252{width:25.2rem !important}
.w253{width:25.3rem !important}
.w254{width:25.4rem !important}
.w255{width:25.5rem !important}
.w256{width:25.6rem !important}
.w257{width:25.7rem !important}
.w258{width:25.8rem !important}
.w259{width:25.9rem !important}
.w260{width:26rem !important}
.w261{width:26.1rem !important}
.w262{width:26.2rem !important}
.w263{width:26.3rem !important}
.w264{width:26.4rem !important}
.w265{width:26.5rem !important}
.w266{width:26.6rem !important}
.w267{width:26.7rem !important}
.w268{width:26.8rem !important}
.w269{width:26.9rem !important}
.w270{width:27rem !important}
.w271{width:27.1rem !important}
.w272{width:27.2rem !important}
.w273{width:27.3rem !important}
.w274{width:27.4rem !important}
.w275{width:27.5rem !important}
.w276{width:27.6rem !important}
.w277{width:27.7rem !important}
.w278{width:27.8rem !important}
.w279{width:27.9rem !important}
.w280{width:28rem !important}
.w281{width:28.1rem !important}
.w282{width:28.2rem !important}
.w283{width:28.3rem !important}
.w284{width:28.4rem !important}
.w285{width:28.5rem !important}
.w286{width:28.6rem !important}
.w287{width:28.7rem !important}
.w288{width:28.8rem !important}
.w289{width:28.9rem !important}
.w290{width:29rem !important}
.w291{width:29.1rem !important}
.w292{width:29.2rem !important}
.w293{width:29.3rem !important}
.w294{width:29.4rem !important}
.w295{width:29.5rem !important}
.w296{width:29.6rem !important}
.w297{width:29.7rem !important}
.w298{width:29.8rem !important}
.w299{width:29.9rem !important}
.w300{width:30rem !important}
.w301{width:30.1rem !important}
.w302{width:30.2rem !important}
.w303{width:30.3rem !important}
.w304{width:30.4rem !important}
.w305{width:30.5rem !important}
.w306{width:30.6rem !important}
.w307{width:30.7rem !important}
.w308{width:30.8rem !important}
.w309{width:30.9rem !important}
.w310{width:31rem !important}
.w311{width:31.1rem !important}
.w312{width:31.2rem !important}
.w313{width:31.3rem !important}
.w314{width:31.4rem !important}
.w315{width:31.5rem !important}
.w316{width:31.6rem !important}
.w317{width:31.7rem !important}
.w318{width:31.8rem !important}
.w319{width:31.9rem !important}
.w320{width:32rem !important}
.w321{width:32.1rem !important}
.w322{width:32.2rem !important}
.w323{width:32.3rem !important}
.w324{width:32.4rem !important}
.w325{width:32.5rem !important}
.w326{width:32.6rem !important}
.w327{width:32.7rem !important}
.w328{width:32.8rem !important}
.w329{width:32.9rem !important}
.w330{width:33rem !important}
.w331{width:33.1rem !important}
.w332{width:33.2rem !important}
.w333{width:33.3rem !important}
.w334{width:33.4rem !important}
.w335{width:33.5rem !important}
.w336{width:33.6rem !important}
.w337{width:33.7rem !important}
.w338{width:33.8rem !important}
.w339{width:33.9rem !important}
.w340{width:34rem !important}
.w341{width:34.1rem !important}
.w342{width:34.2rem !important}
.w343{width:34.3rem !important}
.w344{width:34.4rem !important}
.w345{width:34.5rem !important}
.w346{width:34.6rem !important}
.w347{width:34.7rem !important}
.w348{width:34.8rem !important}
.w349{width:34.9rem !important}
.w350{width:35rem !important}
.w351{width:35.1rem !important}
.w352{width:35.2rem !important}
.w353{width:35.3rem !important}
.w354{width:35.4rem !important}
.w355{width:35.5rem !important}
.w356{width:35.6rem !important}
.w357{width:35.7rem !important}
.w358{width:35.8rem !important}
.w359{width:35.9rem !important}
.w360{width:36rem !important}
.w361{width:36.1rem !important}
.w362{width:36.2rem !important}
.w363{width:36.3rem !important}
.w364{width:36.4rem !important}
.w365{width:36.5rem !important}
.w366{width:36.6rem !important}
.w367{width:36.7rem !important}
.w368{width:36.8rem !important}
.w369{width:36.9rem !important}
.w370{width:37rem !important}
.w371{width:37.1rem !important}
.w372{width:37.2rem !important}
.w373{width:37.3rem !important}
.w374{width:37.4rem !important}
.w375{width:37.5rem !important}
.w376{width:37.6rem !important}
.w377{width:37.7rem !important}
.w378{width:37.8rem !important}
.w379{width:37.9rem !important}
.w380{width:38rem !important}
.w381{width:38.1rem !important}
.w382{width:38.2rem !important}
.w383{width:38.3rem !important}
.w384{width:38.4rem !important}
.w385{width:38.5rem !important}
.w386{width:38.6rem !important}
.w387{width:38.7rem !important}
.w388{width:38.8rem !important}
.w389{width:38.9rem !important}
.w390{width:39rem !important}
.w391{width:39.1rem !important}
.w392{width:39.2rem !important}
.w393{width:39.3rem !important}
.w394{width:39.4rem !important}
.w395{width:39.5rem !important}
.w396{width:39.6rem !important}
.w397{width:39.7rem !important}
.w398{width:39.8rem !important}
.w399{width:39.9rem !important}
.w400{width:40rem !important}
.w401{width:40.1rem !important}
.w402{width:40.2rem !important}
.w403{width:40.3rem !important}
.w404{width:40.4rem !important}
.w405{width:40.5rem !important}
.w406{width:40.6rem !important}
.w407{width:40.7rem !important}
.w408{width:40.8rem !important}
.w409{width:40.9rem !important}
.w410{width:41rem !important}
.w411{width:41.1rem !important}
.w412{width:41.2rem !important}
.w413{width:41.3rem !important}
.w414{width:41.4rem !important}
.w415{width:41.5rem !important}
.w416{width:41.6rem !important}
.w417{width:41.7rem !important}
.w418{width:41.8rem !important}
.w419{width:41.9rem !important}
.w420{width:42rem !important}
.w421{width:42.1rem !important}
.w422{width:42.2rem !important}
.w423{width:42.3rem !important}
.w424{width:42.4rem !important}
.w425{width:42.5rem !important}
.w426{width:42.6rem !important}
.w427{width:42.7rem !important}
.w428{width:42.8rem !important}
.w429{width:42.9rem !important}
.w430{width:43rem !important}
.w431{width:43.1rem !important}
.w432{width:43.2rem !important}
.w433{width:43.3rem !important}
.w434{width:43.4rem !important}
.w435{width:43.5rem !important}
.w436{width:43.6rem !important}
.w437{width:43.7rem !important}
.w438{width:43.8rem !important}
.w439{width:43.9rem !important}
.w440{width:44rem !important}
.w441{width:44.1rem !important}
.w442{width:44.2rem !important}
.w443{width:44.3rem !important}
.w444{width:44.4rem !important}
.w445{width:44.5rem !important}
.w446{width:44.6rem !important}
.w447{width:44.7rem !important}
.w448{width:44.8rem !important}
.w449{width:44.9rem !important}
.w450{width:45rem !important}
.w451{width:45.1rem !important}
.w452{width:45.2rem !important}
.w453{width:45.3rem !important}
.w454{width:45.4rem !important}
.w455{width:45.5rem !important}
.w456{width:45.6rem !important}
.w457{width:45.7rem !important}
.w458{width:45.8rem !important}
.w459{width:45.9rem !important}
.w460{width:46rem !important}
.w461{width:46.1rem !important}
.w462{width:46.2rem !important}
.w463{width:46.3rem !important}
.w464{width:46.4rem !important}
.w465{width:46.5rem !important}
.w466{width:46.6rem !important}
.w467{width:46.7rem !important}
.w468{width:46.8rem !important}
.w469{width:46.9rem !important}
.w470{width:47rem !important}
.w471{width:47.1rem !important}
.w472{width:47.2rem !important}
.w473{width:47.3rem !important}
.w474{width:47.4rem !important}
.w475{width:47.5rem !important}
.w476{width:47.6rem !important}
.w477{width:47.7rem !important}
.w478{width:47.8rem !important}
.w479{width:47.9rem !important}
.w480{width:48rem !important}
.w481{width:48.1rem !important}
.w482{width:48.2rem !important}
.w483{width:48.3rem !important}
.w484{width:48.4rem !important}
.w485{width:48.5rem !important}
.w486{width:48.6rem !important}
.w487{width:48.7rem !important}
.w488{width:48.8rem !important}
.w489{width:48.9rem !important}
.w490{width:49rem !important}
.w491{width:49.1rem !important}
.w492{width:49.2rem !important}
.w493{width:49.3rem !important}
.w494{width:49.4rem !important}
.w495{width:49.5rem !important}
.w496{width:49.6rem !important}
.w497{width:49.7rem !important}
.w498{width:49.8rem !important}
.w499{width:49.9rem !important}
.w500{width:50rem !important}
.w600{width:60rem !important}
.w700{width:70rem !important}
.w800{width:80rem !important}
.w900{width:90rem !important}
.w1000{width:100rem !important}
.w1100{width:110rem !important}
.w1110{width:111rem !important}
.w1120{width:112rem !important}
.w1130{width:113rem !important}
.w1200{width:120rem !important}

.bt-gray{}

.mt1{margin-top:.1rem}
.mt2{margin-top:.2rem}
.mt3{margin-top:.3rem}
.mt4{margin-top:.4rem}
.mt5{margin-top:.5rem}
.mt6{margin-top:.6rem}
.mt7{margin-top:.7rem}
.mt8{margin-top:.8rem}
.mt9{margin-top:.9rem}
.mt10{margin-top:1rem}
.mt11{margin-top:1.1rem}
.mt12{margin-top:1.2rem}
.mt13{margin-top:1.3rem}
.mt14{margin-top:1.4rem}
.mt15{margin-top:1.5rem}
.mt16{margin-top:1.6rem}
.mt17{margin-top:1.7rem}
.mt18{margin-top:1.8rem}
.mt19{margin-top:1.9rem}
.mt20{margin-top:2rem}

.mb0{margin-bottom:rem !important}
.mb10{margin-bottom:1rem !important}
.mb20{margin-bottom:2rem !important}
.mb30{margin-bottom:3rem !important}
.mb40{margin-bottom:4rem !important}
.mb45{margin-bottom:4.5rem !important}
.mb50{margin-bottom:5rem !important}
.mb55{margin-bottom:5.5rem !important}

.pt1{padding-top:.1rem !important}
.pt2{padding-top:.2rem !important}
.pt3{padding-top:.3rem !important}
.pt4{padding-top:.4rem !important}
.pt5{padding-top:.5rem !important}
.pt6{padding-top:.6rem !important}
.pt7{padding-top:.7rem !important}
.pt8{padding-top:.8rem !important}
.pt9{padding-top:.9rem !important}
.pt10{padding-top:1rem !important}
.pt15{padding-top:1.5rem !important}
.pt20{padding-top:2rem !important}
.pt25{padding-top:2.5rem !important}
.pt30{padding-top:3rem !important}
.pt35{padding-top:3.5rem !important}
.pt40{padding-top:4rem !important}
.pt45{padding-top:4.5rem !important}
.pt50{padding-top:5rem !important}
.pt60{padding-top:6rem !important}
.pt70{padding-top:7rem !important}
.pt80{padding-top:8rem !important}
.pt90{padding-top:9rem !important}
.pt100{padding-top:10rem !important}

.pb1{padding-bottom:.1rem !important}
.pb2{padding-bottom:.2rem !important}
.pb3{padding-bottom:.3rem !important}
.pb4{padding-bottom:.4rem !important}
.pb5{padding-bottom:.5rem !important}
.pb6{padding-bottom:.6rem !important}
.pb7{padding-bottom:.7rem !important}
.pb8{padding-bottom:.8rem !important}
.pb9{padding-bottom:.9rem !important}
.pb07{padding-bottom:.7rem !important}
.pb10{padding-bottom:1rem !important}
.pb11{padding-bottom:1.1rem !important}
.pb12{padding-bottom:1.2rem !important}
.pb13{padding-bottom:1.3rem !important}
.pb14{padding-bottom:1.4rem !important}
.pb15{padding-bottom:1.5rem !important}
.pb16{padding-bottom:1.6rem !important}
.pb17{padding-bottom:1.7rem !important}
.pb18{padding-bottom:1.8rem !important}
.pb19{padding-bottom:1.9rem !important}
.pb20{padding-bottom:2rem !important}

.pr1{padding-right:.1rem !important}
.pr2{padding-right:.2rem !important}
.pr3{padding-right:.3rem !important}
.pr4{padding-right:.4rem !important}
.pr5{padding-right:.5rem !important}
.pr6{padding-right:.6rem !important}
.pr7{padding-right:.7rem !important}
.pr8{padding-right:.8rem !important}
.pr9{padding-right:.9rem !important}
.pr10{padding-right:1rem !important}
.pr15{padding-right:1.5rem !important}
.pr20{padding-right:2rem !important}
.pr25{padding-right:2.5rem !important}
.pr30{padding-right:3rem !important}
.pr35{padding-right:3.5rem !important}
.pr40{padding-right:4rem !important}
.pr45{padding-right:4.5rem !important}
.pr50{padding-right:5rem !important}
.pr55{padding-right:5.5rem !important}
.pr60{padding-right:6rem !important}
.pr65{padding-right:6.5rem !important}

.pl1{padding-left:.1rem !important}
.pl2{padding-left:.2rem !important}
.pl3{padding-left:.3rem !important}
.pl4{padding-left:.4rem !important}
.pl5{padding-left:.5rem !important}
.pl6{padding-left:.6rem !important}
.pl7{padding-left:.7rem !important}
.pl8{padding-left:.8rem !important}
.pl9{padding-left:.9rem !important}
.pl07{padding-left:.7rem !important}
.pl10{padding-left:1rem !important}
.pl11{padding-left:1.1rem !important}
.pl12{padding-left:1.2rem !important}
.pl13{padding-left:1.3rem !important}
.pl14{padding-left:1.4rem !important}
.pl15{padding-left:1.5rem !important}
.pl16{padding-left:1.6rem !important}
.pl17{padding-left:1.7rem !important}
.pl18{padding-left:1.8rem !important}
.pl19{padding-left:1.9rem !important}
.pl20{padding-left:2rem !important}

.pd0{padding:0 !important}
.bot16{bottom:1.6rem !important}