.block {display: block;}

.t0 {top:0px !important}
.t3 {top:3px !important}
.t5 {top:5px !important}
.t10 {top:10px !important}
.t15 {top:15px !important}
.t20 {top:20px !important}
.t25 {top:25px !important}
.t30 {top:30px !important}
.t35 {top:35px !important}
.t40 {top:40px !important}
.t45 {top:45px !important}
.t50 {top:50px !important}
.t64 {top:64px !important}
.t80 {top:80px !important}
.t100 {top:100px !important}

.b0 {bottom:0px !important}
.b3 {bottom:3px !important}
.b5 {bottom:5px !important}
.b10 {bottom:10px !important}
.b15 {bottom:15px !important}
.b20 {bottom:20px !important}
.b25 {bottom:25px !important}
.b30 {bottom:30px !important}
.b35 {bottom:35px !important}
.b40 {bottom:40px !important}
.b45 {bottom:45px !important}
.b50 {bottom:50px !important}
.b64 {bottom:64px !important}
.b80 {bottom:80px !important}
.b100 {bottom:100px !important}

/* 간격 */
.m0 {margin:0px !important}
.mt0 {margin-top:0px !important}
.mt3 {margin-top:3px !important}
.mt5 {margin-top:5px !important}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important}
.mt25 {margin-top:25px !important}
.mt30 {margin-top:30px !important}
.mt35 {margin-top:35px !important}
.mt40 {margin-top:40px !important}
.mt45 {margin-top:45px !important}
.mt50 {margin-top:50px !important}
.mt80 {margin-top:80px !important}
.mt100 {margin-top:100px !important}

.mb5 {margin-bottom:5px !important}
.mb10 {margin-bottom:10px !important}
.mb15 {margin-bottom:15px !important}
.mb20 {margin-bottom:20px !important}
.mb25 {margin-bottom:25px !important}
.mb30 {margin-bottom:30px !important}
.mb45 {margin-bottom:45px !important}
.mb50 {margin-bottom:50px !important}
.mb100 {margin-bottom:100px !important}

.mr5 {margin-right:5px !important}
.mr10 {margin-right:10px !important}
.mr15 {margin-right:15px !important}
.mr20 {margin-right:20px !important}
.mr25 {margin-right:25px !important}
.mr30 {margin-right:30px !important}
.mr40 {margin-right:40px !important}
.mr50 {margin-right:50px !important}

.ml0 {margin-left:0 !important}
.ml5 {margin-left:5px !important}
.ml10 {margin-left:10px !important}
.ml15 {margin-left:15px !important}
.ml20 {margin-left:20px !important}
.ml25 {margin-left:25px !important}
.ml30 {margin-left:30px !important}
.ml40 {margin-left:40px !important}
.ml50 {margin-left:50px !important}

.p0 {padding:0 !important}
.pt0 {padding-top:0 !important}
.pb0 {padding-bottom:0 !important}
.pt5 {padding-top:5px !important}
.pt10 {padding-top:10px !important}



/* 크기 */
.w10 {width:10% !important}
.w20 {width:20% !important}
.w30 {width:30% !important}
.w35 {width:35% !important}
.w40 {width:40% !important}
.w50 {width:50% !important}
.w60 {width:60% !important}
.w65 {width:65% !important}
.w70 {width:70% !important}
.w80 {width:80% !important}
.w90 {width:90% !important}
.w100 {width:100% !important}

/* 폰트컬러 */
.f_color01 {color:#0f55ae !important}
.f_color02 {color:#111 !important}
.f_color03 {color:#222 !important}
.f_color04 {color:#6b6b6b !important}

body.fix {position:fixed; width:100%; height:100%; overflow:hidden}
body.fix #wrap {position:fixed; width:100%; height:100%}

#wrap {}
#content {position:relative; overflow:hidden}

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="search"] {outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; background:#fff}



/* 달력 */
.picker_dim {display:none; position:fixed; left:0; top:0; z-index:300; width:100%; height:100%; opacity:0.6; background:#000}

.mtz-monthpicker {font-size: 14px !important; font-family: 'nsb' !important;}
.ui-datepicker {width:77% !important; padding:10px 10px; left:50% !important; top:50% !important; z-index:400 !important; transform:translate(-50%, -50%); border-radius:5px}

.ui-datepicker .ui-widget-header {background:#fff}
.ui-datepicker .ui-datepicker-header {padding:0; border:none; margin:5px 0 22px}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {width:auto}
.ui-datepicker select.ui-datepicker-year {margin-right:10px}

.ui-datepicker .ui-datepicker-prev {left:30px; top:6px}
.ui-datepicker .ui-datepicker-next {right:30px; top:6px}
.ui-datepicker-prev .ui-icon {background:#fff url(../images/datepicker_prev.png) center center / contain no-repeat}
.ui-datepicker-next .ui-icon {background:#fff url(../images/datepicker_next.png) center center / contain no-repeat}

.ui-datepicker table {margin-bottom:0}
.ui-datepicker th {padding:0; padding-bottom:10px; color:#666}
.ui-datepicker td {padding:2px 0; text-align:center}
.ui-datepicker td[data-month] {width: 32px;height: 32px;line-height: 31px;text-align: center;padding: 0;font-size: 14px;font-family: 'nsb';}
.ui-datepicker td span,
.ui-datepicker td a {display:inline-block; border-radius:50%; width:32px; height:32px; line-height:31px; text-align:center; padding:0; font-size:14px; font-family:'nsb'; color:#111}

.ui-datepicker .ui-state-default {border:none; background:#fff}

.ui-datepicker .ui-state-highlight {border-radius:50%; color:#111; background:#e0ecfb}
.ui-datepicker .ui-state-active {background:linear-gradient(135deg, #22d7d3, #0f55ae)}

.ui-datepicker-week-end:first-child a {color:#cc0000 !important}
.ui-datepicker-week-end:last-child a {color:#0f55ae !important}

.ui-datepicker-current {display:none}
.ui-datepicker .ui-datepicker-buttonpane {margin:0; border:none}
.ui-datepicker-trigger {position:absolute; right:0px; top:0; width:100%; height:45px; text-indent:-9999em; background:url(../images/date.png) right 6px top 16px / 16px auto no-repeat}
.ui-datepicker-trigger:disabled {background:url(../images/date.png) right 6px top 16px / 16px auto no-repeat}

/* 버튼 */
.common-btn {display:inline-block; width:100%; height:45px; line-height:41px; text-align:center; overflow:hidden; border-radius:4px; font-size:16px; }
.common-btn.disabled {color:#b3b3b3; border:2px solid #eaeaea; background:#eaeaea}
.common-btn.sub {color:#2d2d2d; border:2px solid #ececec; background:#fff}
.common-btn.black {color:#fff; border:2px solid #2d2d2d; background:#2d2d2d}
.common-btn.blue {color:#fff;  background:linear-gradient(135deg, #22d7d3, #0f55ae)}
.common-btn.lineblue {color:#0f55ae; border:2px solid #0f55ae; background:#fff}
.common-btn.linesub {color:#6b6b6b; border:2px solid #d5d5d5; background:#fff}
.common-btn.sm {height:35px; line-height:32px; font-size:13px; border-width:1px}
.common-btn.more {margin-top:10px; margin-bottom:20px}
.common-btn.more span {display:inline-block; padding-right:20px; color:#111; font-size:13px; ; background:url(../images/icon_more.png) right center / 10px 6px no-repeat}

.btn_set {display:flex; width:100%; justify-content:space-between}
.btn_set .common-btn {margin-right:10px}
.btn_set .common-btn:last-child {width:100%; margin:0px}

.btn_set.round {justify-content:center}
.btn_set.round .common-btn {display:inline-block; min-width:120px; height:40px; line-height:36px; text-align:center; overflow:hidden; border-radius:40px; font-size:16px; }

.fix_btn {display:flex; position:fixed; left:50%; bottom:0; z-index:50; width:100%; /* max-width:768px; */ padding:10px; justify-content:space-between; transform:translateX(-50%); border-top:1px solid #eaeaea; background:#fff}
.fix_btn .common-btn {height:52px; line-height:47px}
.fix_btn .common-btn:first-child {width:calc(45% - 10px)}
.fix_btn .common-btn:last-child {width:55%}
.fix_btn.absolute {position:absolute; left:0; bottom:0; transform:translateX(0)}



/* 에러페이지 */
.error_wrap {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; margin-top:-80px; padding:0 40px}
.error_wrap .title {padding-top:63px; font-size:25px; color:#111; line-height:34px; background:url(../images/error_page.png) 0 0 / 32.5px auto no-repeat}
.error_wrap > p {line-height:24px; margin-top:20px; font-size:16px}

/* 폼 그룹 */
.inp, .select {display:block; position:relative; width:100%}
.val_del {display:none; position:absolute; right:6px; top:50%; width:16px; height:16px; text-indent:-9999px; transform:translateY(-50%); background:url(../images/icon_inp_del.png) 0 0 no-repeat; background-size:16px}
.has_txt {text-align:right}
.display-none {
    display: none;
}

/* 결과 없을 시 */
.no_result {padding:124px 0 50px; text-align:center; background:url(../images/no_result.png) center 50px / 50px auto no-repeat}


/* 로딩 팝업 */
.loading_pop {position:fixed; left:0; top:0; z-index:9999; width:100%; height:100%}
.loading_dim {display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-align:center; vertical-align:middle; background:rgba(0,0,0,0.3)}
.loading_pop .load_bg {width:140px; height:140px; margin-top:-30px; overflow:hidden; background: url(../images/loadingSpinner.gif) center no-repeat;}


/* 팝업 */
.pop_slide {display:none; position:fixed; top:0; left:0; z-index:200; width:100%; height:100%}
.pop_slide .pop_inside {display:block; position:fixed; left:0; bottom:-100%; z-index:200; width:100%; padding:30px 20px 20px; border-radius:20px 20px 0 0; background:#fff}
.pop_slide .inner_content {position:relative; overflow-y:auto; overflow-x:hidden}
.pop_slide .p_top {height:52px}
.pop_slide .p_top h2 {padding-right:44px; color:#161616; font-size:17px; font-family:'nsb'}
.pop_slide .p_top + .p_body {margin-top:0}
.pop_slide .p_body {margin-top:52px;}
.pop_slide .p_btn {width:100%; margin-top:25px}
.pop_slide .p_btn button {color:#fff}
.pop_slide .p_x {position:absolute; right:5px; top:17px; width:48px; height:48px; text-indent:-9999em; background:url(../images/btn_x.png) 50% 50% / 14px 14px no-repeat}

.help {z-index: 201 !important;}
.pop_basic {display:none; position:fixed; left:0; top:0; z-index:200; width:100%; height:100%; -webkit-transform:translate3d(0,0,1px); transform:translate3d(0,0,1px)}
.pop_basic .pop_inside {display:block; position:fixed; left:50%; top:50%; z-index:200; width:80%; transform:translate(-50%, -50%); border-radius:8px; overflow:hidden; background:#fff}
.pop_basic .inner_content {display:flex; position:relative; min-height:150px; height:100%; max-height:80%; padding:25px 20px; align-items:center; justify-content:center; flex-direction:row; overflow:hidden}
.pop_basic .p_btn {display:flex; position:absolute; left:0; bottom:0; z-index:10; width:100%; height:52px; text-align:center; justify-content:space-between; background:#fff}
.pop_basic .p_btn a,
.pop_basic .p_btn button {display:flex; color:#fff; align-items:center; justify-content:center; font-size:15px; }
.pop_basic .p_btn .false {color:#707c93; background:#e5e9f1}
.pop_basic .p_btn .true {color:#fff; background:linear-gradient(135deg, #22d7d3, #0f55ae)}
.pop_basic .p_btn .dis {color:#b5b5b5; background-color:#e9e9e9}
.pop_basic .p_btn button:first-child,
.pop_basic .p_btn a:first-child {flex:1; border-right:1px solid #d5d5d5}
.pop_basic .p_btn button:last-child,
.pop_basic .p_btn a:last-child {flex:1.6; border-right:none}
.pop_basic .p_x {position:absolute; right:15px; top:30px; width:24px; height:24px; text-indent:-9999em; background:url(../images/btn_x.png) 50% 50% / 14px 14px no-repeat}

.pop_basic select {-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;min-width: 65px;height: 16px;background-image: url("../images/select.png");background-position: right center;background-repeat: no-repeat;background-size: 10px;font-size: 11px;font-weight: 400;color: #737478;margin-left: auto;display: block;}
.pop_basic .filter_pop .list li {position: relative;box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);margin-top: 12px;padding: 15px;border-radius: 8px;transition: all 0.2s;border: 2px solid transparent;word-break: break-all;}
.pop_basic .filter_pop .list li h6 {font-size: 16px;color: #383b40;font-weight: 800;line-height: 26px;transition: all 0.2s;padding-right: 35px;}
.pop_basic .filter_pop .list li h6 span {font-size: 12px;color: #383b40;font-weight: 800;line-height: 18px;display: block;transition: all 0.2s;}
.pop_basic .filter_pop .list li .txt {font-size: 11px;font-weight: 400;line-height: 16px;margin-top: 6px;}
.pop_basic .filter_pop .list li > span {font-size: 11px;font-weight: 400;line-height: 16px;margin-top: 2px;color: #0f55ae;display: block;}
.pop_basic .filter_pop .list li .num {font-size: 14px;font-weight: 800;line-height: 22px;margin-top: 8px;color: #f94242;}
.pop_basic .filter_pop .list li label {position: relative;display: inline-block;position: absolute;right: 15px;top: 15px;}
.pop_basic .filter_pop .list li label::before {content: "";display: block;width: 20px;height: 20px;position: absolute;box-sizing: border-box;top: 0;bottom: 0;margin: auto;left: 0;background-image: url("../images/chk_off.png");background-repeat: no-repeat;background-position: center;background-size: 10px;z-index: 1;}
.pop_basic .filter_pop .list li label::after {content: "";display: block;width: 20px;height: 20px;border-radius: 4px;box-sizing: border-box;border: solid 1px #d8dadd;background-color: #fff;}
.pop_basic .filter_pop .list li label.on::before {background-image: url("../images/chk_on.png");}
.pop_basic .filter_pop .list li label.on::after {border: none;background-image: linear-gradient(135deg, #22d7d3, #0f55ae);}
.pop_basic .filter_pop .list li label input {display: none;}
.pop_basic .filter_pop .list li.on {border-color: #0f55ae;}
.pop_basic .filter_pop .list li.on h6,
.pop_basic .filter_pop .list li.on h6 span {color: #0f55ae;}

.pop_basic.full {display:none; position:fixed; left:0; top:0; z-index:200; width:100%; height:100%;-webkit-transform:translate3d(0,0,1px); transform:translate3d(0,0,1px)}
.pop_basic.full .pop_inside {position:fixed; left:0; top:0; z-index:200; width:100%; height:100%; transform:translate(0); border-radius:0; background:#fff}
.pop_basic.full .p_top {display:flex; position:relative; z-index:10; height:58px; align-items:center; padding:0 25px; border-bottom:2px solid #0f55ae; background:#fff}
.pop_basic.full .p_top h2 {padding-right:44px; color:#161616; font-size:17px; }
.pop_basic.full .p_body {position:fixed; left:0; top:0; z-index:5; height:100%; width:100%; padding-top:58px; overflow-x:hidden;}
.pop_basic.full .inner_content {display:block; max-height:100%; text-align:left; overflow-y:scroll}
.pop_basic.full .inner_content.none_scroll {overflow:hidden}
.pop_basic.full .p_x {position:absolute; right:21px; top:17px; z-index:30; font-size:13px; width:24px; height:24px; text-indent:-9999em; background:url(../images/btn_x.png) 50% 50% / 14px 14px no-repeat}
.pop_basic.full .inner_content .pop_tit {font-size: 16px;font-weight: 800;margin-bottom: 24px;}


.pop_basic.notice {background:rgba(0,0,0,0.4)}
.pop_basic.notice .pop_inside {overflow-x:hidden; overflow-y:auto; border-radius:0px}
.pop_basic.notice .btn_set {display:flex; height:52px; text-align:center; background:#fff}
.pop_basic.notice .btn_set a,
.pop_basic.notice .btn_set button {display:	flex; color:#fff; align-items:center; justify-content:center; font-size:15px; }
.pop_basic.notice .btn_set .false {color:#707c93; background:#e5e9f1}
.pop_basic.notice .btn_set .true {color:#fff; background:linear-gradient(135deg, #22d7d3, #0f55ae)}
.pop_basic.notice .btn_set button:first-child {width:45%; border-right:1px solid #d5d5d5}
.pop_basic.notice .btn_set button:last-child {width:55%; border-right:none}

.pop_basic.notice .main_notice_body {height:350px; margin:20px 0 30px; padding:0 20px; line-height:20px; overflow-y:auto; text-align:left; word-break:break-all}

.pop_basic.notice .swiper-button-prev {left:0; width:35px; height:35px; margin-top:-25px; text-indent:-9999em; background:url(../images/pop_notice_prev.png) left 0 / 34.5px auto no-repeat}
.pop_basic.notice .swiper-button-next {right:0; width:35px; height:35px; margin-top:-25px; text-indent:-9999em; background:url(../images/pop_notice_next.png) right 0 / 34.5px auto no-repeat}
.pop_basic.notice .swiper-pagination {left:50%; bottom:60px; transform:translateX(-50%)}
.pop_basic.notice .swiper-pagination span ~ span {margin-left:5px}

.dim {display:none; position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; opacity:0.6; background:#000}



.btn_box {margin-top: 24px;display: flex;}
.btn_box button.cancel_btn {display: flex;align-items: center;justify-content: center;height: 56px;width: 100%;font-weight: 400;font-size: 18px;color: #747983;border-radius: 8px;line-height: 1;background: #e5e8ec;}
.btn_box button.apply_btn {margin-top: 0;}
.btn_box button + button {margin-left: 12px;}

/*팝업 선택박스*/
.select_pop_cont {display:none}
.select_pop_cont.on {display:block}
.select_pop_cont .radio_list li {float:left; width:50%; margin-top:10px}

.number_list {padding:15px; border-radius:8px; background:#f2f6fa}
.number_list li {position:relative; padding-left:20px}
.number_list li ~ li {margin-top:12px}
.number_list li span {position:absolute; left:0; top:3px; font-size:12px; color:#161616}
.number_list li p {line-height:1.7; }

.select_pop_list {max-height:400px}
.select_pop_list li {padding-bottom:20px; font-size:16px; cursor:pointer; line-height:25px}
.select_pop_list li a {font-size:16px; }
.select_pop_list li ~ li {padding-top:20px; border-top:1px solid #ececec}


/* QR */
#scanner-video {position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 1;background: #ddd;z-index: 1;}
#scanner-video video {object-fit: initial;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;height: 100%;width: auto;z-index: 2;  @media (orientation: portrait) {width:    100%;height:auto    ;  }  }


.prompt_body {padding:15px;text-align: center;}
.prompt_body .prompt_message {padding-top: 15px; padding-bottom: 15px;}
.prompt_body .form-group {margin-bottom: 15px;}
.prompt_body .form-group input {box-sizing: border-box;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.input_wrap li {margin-top: 24px;}
.input_wrap li > p {font-size: 13px;margin-bottom: 8px;line-height: 20px;font-weight: 700;}
.input_wrap li .input_box {width: 100%;height: 44px;border-radius: 8px;background: #f2f4f6;overflow: hidden;display: flex;}
.input_wrap li .input_box input {height: 100%;width: 100%;font-size: 13px;font-weight: 400;padding: 15px;padding-right: 0;background: #f2f4f6;}
.input_wrap li .input_box input::placeholder {font-size: 13px;font-weight: 400;color: #adb2bb;}
.input_wrap li .input_box button.search {background: none;padding: 0 15px;display: flex;align-items: center;justify-content: center;line-height: 1;}
.input_wrap li .input_box button.search img {width: 16px;}