@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&display=swap');

html {width:100%;height:100%;}
body {box-sizing:border-box;font-family:'noto sans kr';font-size:14px;margin:0;padding:0;color:#0a0a0a;
    width:100%;height:100%;}
div {box-sizing:border-box;}
p,span {margin:0;line-height:normal;}
ul {margin:0;padding:0;}
li {box-sizing:border-box;list-style:none;}
a {text-decoration:none;color:#0a0a0a;display:block;-webkit-tap-highlight-color:transparent !important;}
a:hover {text-decoration:none;}
button {background:none;border:0;font-family:'noto sans kr'!important;padding:0;cursor:pointer;
    -webkit-tap-highlight-color:transparent !important;}
label {-webkit-tap-highlight-color:transparent !important;}
select {-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:'noto sans kr';outline:none;}
input {font-family:'noto sans kr';-webkit-tap-highlight-color:transparent !important;}
input:focus,input:active,textarea:focus {outline:none;}
input[type="number"]::-webkit-inner-spin-button {appearance:none;-moz-appearance:none;-webkit-appearance:none;}
textarea {font-family:'noto sans kr';}
img {width:100%;height:100%;object-fit:cover;}
.flex {display:flex;}
.align_ct {align-items:center;}
.btw {justify-content:space-between;}
.ovf {overflow:hidden;}
.dim {position:fixed;top:0;width:100%;max-width:420px;height:100%;background:rgba(0,0,0,0.5);z-index:50;
    display:none;}
.dim_2 {position:fixed;top:0;width:100%;max-width:420px;height:100%;background:rgba(0,0,0,0.5);z-index:50;
    display:none;}
.dim_3 {position:fixed;top:0;width:100%;max-width:420px;height:100%;background:rgba(0,0,0,0.5);z-index:55;
    display:none;}

.loading {position:fixed;top:50%;left:calc(50% + 271px);transform:translateY(-50%);z-index:99;width:78px;height:78px;
    background:#fff;border-radius:14px;box-shadow:0 0 6px rgba(255,255,255,0.8);display:none;}
.hourglass{display:block;background:none;margin:18px auto;width:22px;height:42px;
    animation:hourglass 2s linear infinite;}
.outer{fill:#028c8d;}
.middle{fill:#fff;}
@keyframes hourglass{
0%{transform:rotate(0deg);
    box-shadow:inset #028c8d 0 -0px 0 0,inset #fff 0 -21px 0 0,inset #028c8d 0 -42px 0 0;}
80%{transform:rotate(0deg);
    box-shadow:inset #028c8d 0 -21px 0 0,inset #fff 0 -21px 0 0,inset #028c8d 0 -21px 0 0;}
100%{transform:rotate(180deg);
    box-shadow:inset #028c8d 0 -21px 0 0,inset #fff 0 -21px 0 0,inset #028c8d 0 -21px 0 0;}
}

.back {width:26px;height:26px;line-height:26px;text-align:center;}
.close {width:24px;height:24px;background:url('/img/close.png')no-repeat center/18px;cursor:pointer;}
.empty {line-height:120px!important;border:0!important;color:#6b6b6b!important;text-align:center!important;
    justify-content:center!important;font-size:18px;font-weight:500;}

.toast_layer {position:fixed;bottom:58px;left:calc(50% + 116px);width:calc(100% - 32px);max-width:388px;
    background:#000000c7;color:#fff;padding:8px 24px;border-radius:8px;line-height:20px;
    font-size:14px;z-index:-5;text-align:center;box-shadow:2px 2px 4px rgba(0,0,0,0.35);opacity:0;
    transition:all .6s ease;}
.toast_layer.show {z-index:80;opacity:1;bottom:70px;}
.alert_layer {position:fixed;top:50%;left:calc(50% + 116px);width:calc(100% - 32px);max-width:388px;
    background:#fff;padding:0 16px;border-radius:14px;transform:translateY(-50%);
    z-index:56;box-shadow:2px 2px 4px rgba(0,0,0,0.35);overflow:hidden;display:none;}
.alert_layer .t1 {text-align:center;font-size:20px;font-weight:700;line-height:52px;}
.alert_layer .art {font-size:15px;text-align:center;margin:20px 0 40px;}
.alert_layer .btn_wrap {display:flex;width:calc(100% + 32px);margin-left:-16px;}
.alert_layer .ok {width:100%;font-size:16px;font-weight:500;
    background:#028c8d;color:#fff;line-height:46px;}
.alert_layer .no {width:100%;font-size:16px;font-weight:500;
    background:#b1b1b1;color:#fff;line-height:46px;}


#all {position:relative;width:100%;height:100%;}
#bg {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;
    background:url('/img/bg.jpg')no-repeat center/cover;}
#pc {width:480px;height:100vh;position:fixed;top:0;left:calc(50vw - 480px);box-sizing:border-box;}
#pc .pc_cont {position:absolute;top:26%;display:flex;flex-direction:column;gap:56px;}
#pc .click_img {width:240px;height:180px;background:url('/img/pc_click.png')no-repeat center/cover;
    position:absolute;top:-160px;left:-110px;z-index:-1;transform:rotate(-16deg);}
#pc .pc_title span {display:block;font-size:56px;letter-spacing:-1.6px;font-weight:700;line-height:74px;}
#pc .pc_title span.color {color:#deffef;}
#pc .pc_quick_wrap p {font-size:22px;font-weight:700;margin-bottom:14px;}
#pc .pc_quick_wrap .btn_wrap {display:flex;margin:0 -4px;}
#pc .pc_quick_wrap .btn_wrap a {display:block;border-radius:100vw;padding:0 20px;line-height:32px;
    background:#fff;font-size:15px;font-weight:600;color:#028c8d;margin:0 4px;
    box-shadow:2px 2px 4px rgba(0,0,0,0.14);}
#pc .app_btn_wrap {position:fixed;bottom:50px;display:flex;margin:0 -10px;}
#pc .app_btn_wrap a {display:block;width:138px;height:40px;margin:0 10px;border-radius:8px;
    background:url('/img/store_icon2-s.png')no-repeat top 0 left 0/cover;
    box-shadow:2px 2px 4px rgba(0,0,0,0.26);}
#pc .app_btn_wrap a.ios {background:url('/img/store_icon2-s.png')no-repeat bottom 0 left 0/cover;}

#mobile {width:100%;max-width:420px;min-height:100vh;position:absolute;top:0;left:calc(50% + 100px);
    background:#fff;box-shadow:0 0 8px rgba(0,0,0,0.3);}
section {min-height:calc(100vh - 73px);padding:60px 16px 73px;box-sizing:border-box;}


/* Header */
header {height:60px;display:flex;justify-content:space-between;position:fixed;top:0;width:100%;max-width:420px;
    border-bottom:1px solid #eee;padding:14px 16px;box-sizing:border-box;align-items:center;background:#fff;
    z-index:5;}
header .hd_wrap {width:100%;display:flex;align-items:center;justify-content:space-between;}
header .hd_wrap .logo_box {width:76px;height:24px;cursor:pointer;}
header .location_wrap {display:flex;align-items:center;}
header .location_wrap p {width:245px;display:flex;align-items:center;}
header .location_wrap p .refresh {display:block;width:20px;height:20px;margin-right:6px;
    background:url('/img/reload.png')no-repeat center/16px;cursor:pointer;}
header .location_wrap p span {white-space:nowrap;}
header .location_wrap p .addr {width:172px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    padding-left:4px;box-sizing:border-box;}
header .location_wrap .filter {border-radius:6px;font-size:14px;font-weight:500;line-height:30px;padding:0 12px;
    border:1px solid #02a6a7;color:#028c8d;margin-left:14px;}
header .alarm_icon {width:32px;height:32px;background:url('/img/alarm.png')no-repeat center/26px;
    position:relative;}
header .alarm_icon span {font-size:10px;color:#fff;height:15px;border-radius:100vw;
    background:#0d9192db;line-height:15px;text-align:center;padding:0 6px;position:absolute;
    top:0;left:calc(100% - 16px);}
.sub_header {display:flex;align-items:center;justify-content:space-between;padding:17px 0;
    border-bottom:1px solid #eee;position:relative;}
.sub_header .page_title {font-size:16px;font-weight:500;position:absolute;top:50%;left:50%;
    transform:translate(-50%,-50%);}
.sub_header i {font-size:16px;}


/* Footer */
.bottom_nav {width:100%;max-width:420px;display:flex;justify-content:space-around;
    background:#fff;border-top:1px solid #eee;position:fixed;bottom:0;z-index:3;}
.bottom_nav li {width:calc(100% / 6);}
.bottom_nav a {display:block;font-size:14px;font-weight:500;text-align:center;height:72px;padding-top:6px;
    box-sizing:border-box;color:#666;}
.bottom_nav a i {display:block;width:42px;height:38px;line-height:38px;font-size:24px;margin:0 auto;
    color:#666;}
.bottom_nav li.nav_3 a i {font-size:0;background:url('/img/f_nav_3.png')no-repeat center/40px;}
.bottom_nav li.nav_3.active a i {font-size:0;background:url('/img/f_nav_3-1.png')no-repeat center/40px;}
.bottom_nav li.nav_4 a i {font-size:0;background:url('/img/f_nav_4.png')no-repeat center/40px;}
.bottom_nav li.nav_4.active a i {font-size:0;background:url('/img/f_nav_4-1.png')no-repeat center/40px;}
.bottom_nav li.active a {color:#084849;}
.bottom_nav li.active a i {color:#028c8d}
/* .bottom_nav a::before {content:'';display:block;width:42px;height:42px;background:#eee;margin:0 auto;} */


/* 로그인 */
section.login {width:100%;position:absolute;top:50%;transform:translateY(-50%);padding-bottom:24px;}
section.login .top_title {font-size:24px;font-weight:700;text-align:center;}
section.login .login_logo {width:190px;height:60px;margin:60px auto 52px;}
section.login .login_cont {padding:0 16px 22px;margin:10px 0;}
section.login .login_cont p {font-size:14px;color:#444;font-weight:500;margin-bottom:4px;}
section.login .login_cont input {display:block;width:100%;border:1px solid #e5e5e5;border-radius:6px;
    height:40px;padding:0 12px;box-sizing:border-box;}
section.login .login_cont input::placeholder {color:#ccc;}
section.login .login_cont .red {font-size:12px;margin-top:2px;color:#ef1717;font-weight:500;
    position:absolute;}
section.login .login_btn {display:block;height:42px;line-height:38px;border-radius:6px;color:#fff;
    background:#028c8d;width:calc(100% - 32px);margin:0 auto;font-size:16px;font-weight:500;}
section.login .lost_password {line-height:28px;text-align:right;margin:0 16px 16px;padding:6px 0;
    font-size:13px;font-weight:500;color:#666;float:right;position:relative;}
section.login .lost_password::after {content:'';width:calc(100vw - 64px);height:1px;border-bottom:1px solid #eee;
    position:absolute;bottom:0;right:0;max-width:356px;}
section.login .join {margin:60px 16px 0;text-align:center;height:40px;line-height:40px;border:1px solid #028c8d;
    color:#028c8d;font-weight:500;border-radius:6px;}
section.login .apple {margin:12px 16px 0;text-align:center;height:42px;line-height:42px;background:#0a0a0a;
    color:#fff;font-weight:500;border-radius:6px;display:flex;justify-content:center;align-items:center;}
section.login .apple::before {content:'';display:block;width:24px;height:24px;margin-right:2px;
    background:url('/img/apple.png')no-repeat center/18px;}


/* 비밀번호 찾기 */
section.password_lost {padding:0 16px;}
section.password_lost .t1 {font-size:16px;text-align:center;margin:60px 0;font-weight:500;}
section.password_lost .cont {margin:30px 0;}
section.password_lost .cont p {margin-bottom:4px;color:#444;}
section.password_lost .cont input {display:block;width:100%;border:1px solid #e5e5e5;
    border-radius:6px;height:38px;padding:0 12px;box-sizing:border-box;}
section.password_lost .red_art {color:#ef1717;font-weight:500;font-size:12px;}
section.password_lost .new_password_btn {position:fixed;bottom:0;margin-left:-16px;width:100%;max-width:420px;
    background:#028c8d;color:#fff;font-weight:500;line-height:50px;font-size:15px;}



/* 회원가입 */
section.join_type {min-height:100vh;position:relative;padding:0;}
section.join_type .top_title {font-size:16px;font-weight:500;text-align:center;height:60px;position:relative;
    border-bottom:1px solid #eee;line-height:60px;width:calc(100% - 32px);margin:0 auto;}
section.join_type .top_title a {display:block;width:30px;height:30px;position:absolute;top:50%;left:0;
    transform:translateY(-50%);background:url('/img/back.png')no-repeat center/9px;}
section.join_type .type_wrap {position:absolute;top:50%;width:100%;max-width:420px;transform:translateY(-50%);
    padding:0 16px;}
section.join_type .type_wrap>p {font-size:18px;font-weight:600;text-align:center;margin-bottom:40px;}
section.join_type .type_wrap a {display:block;height:110px;line-height:110px;border:2px solid #028c8d;
    border-radius:12px;width:calc(100% - 160px);margin:24px auto;position:relative;}
section.join_type .type_wrap a p {font-size:16px;text-align:center;font-weight:500;color:#028c8d;
    position:absolute;top:45%;left:0;width:100%;transform:translateY(-50%);line-height:42px;}
section.join_type .type_wrap a span {display:block;color:#999;font-size:13px;font-weight:400;letter-spacing:-0.4px;}

section.join {padding:0 16px;}
section.join .top_title {font-size:16px;font-weight:500;text-align:center;height:60px;position:relative;
    border-bottom:1px solid #eee;line-height:60px;width:100%;margin:0 auto;}
section.join .top_title a {display:block;width:30px;height:30px;position:absolute;top:50%;left:0;
    transform:translateY(-50%);background:url('/img/back.png')no-repeat center/9px;}
section.join .join_wrap {padding:20px 0;}
section.join .join_cont {padding:0 0 22px;position:relative;margin:0 0 8px}
section.join .join_cont .input_name {font-size:14px;color:#444;font-weight:500;margin-bottom:4px;}
section.join .join_cont input {display:block;width:100%;border:1px solid #e5e5e5;border-radius:6px;
    height:40px;padding:0 12px;box-sizing:border-box;}
section.join .join_cont input::placeholder {color:#ccc;}
section.join .join_cont .red_art {font-size:12px;margin-top:2px;color:#ef1717;font-weight:500;
    position:absolute;}
section.join .join_cont.id {padding-right:120px;}
section.join .join_cont.id button {position:absolute;right:0;border-radius:6px;border:1px solid #92afaf;
    height:40px;line-height:38px;width:110px;margin-top:-40px;box-shadow:2px 2px 4px rgba(0,0,0,0.2);
    font-weight:500;background:#028c8d;color:#fff;}
section.join .join_cont.id button:disabled {background:#ccc;border-color:#ccc;}
section.join .join_cont .file_wrap {display:flex;align-items:center;justify-content:space-between;}
section.join .join_cont input[type="file"] {display:none;}
section.join .join_cont input[type="file"]+label {display:block;width:94px;height:38px;border-radius:6px;
    background:#028c8d;color:#fff;text-align:center;line-height:38px;font-weight:500;
    box-shadow:2px 2px 4px rgba(0,0,0,0.2);font-size:13px;border:1px solid #92afaf;}
section.join .join_cont .file_wrap .file_name {width:calc(100% - 110px);overflow:hidden;text-overflow:ellipsis;
    white-space:nowrap;}
section.join .account_wrap {margin-bottom:28px;}
section.join .account_wrap .account_title {text-align:center;font-size:16px;font-weight:600;margin-bottom:20px;}
section.join .account_wrap .account_cont {display:flex;align-items:center;justify-content:space-between;
    margin:12px 0;position:relative;}
section.join .account_wrap .account_cont .left {width:80px;color:#444;font-weight:500;font-size:14px;}
section.join .account_wrap .account_cont .right {display:block;width:calc(100% - 100px);border:1px solid #e5e5e5;
    height:40px;border-radius:6px;padding:0 12px;box-sizing:border-box;}
section.join .account_wrap .account_cont .right::placeholder {color:#ccc;}
section.join .account_wrap .account_cont .t_art {position:absolute;top:50%;right:12px;transform:translateY(-50%);
    font-weight:500;color:#888;}
section.join .chk_wrap {border-top:1px solid #eee;}
section.join .chk_wrap .chk_box {position:relative;}
section.join .chk_wrap input {display:none;}
section.join .chk_wrap label {line-height:36px;position:relative;display:inline-flex;align-items:center;
    cursor:pointer;}
section.join .chk_wrap label[for="chk_all"] {font-size:16px;font-weight:600;line-height:60px;}
section.join .chk_wrap label[for="chk_all"]::before {margin-right:8px;}
section.join .chk_wrap label::before {content:'';display:block;width:16px;height:16px;margin-right:6px;
    background:url('/img/chk_no.png')no-repeat center/100%;transition:all .2s ease;}
section.join .chk_wrap input:checked+label::before {background:url('/img/chk_on.png')no-repeat center/100%;}
section.join .chk_wrap .chk_box button {position:absolute;top:50%;right:0;transform:translateY(-50%);cursor:pointer;
    font-size:10px;background:#e1e1e1;border-radius:100vw;padding:0 8px;line-height:18px;color:#333;;}
section.join .chk_wrap .red_art {font-size:12px;margin-top:2px;color:#ef1717;font-weight:500;}
section.join .btm_fix {width:calc(100% + 32px);max-width:420px;line-height:54px;font-size:16px;
    font-weight:500;color:#fff;background:#028c8d;text-align:center;margin:0 -16px;}

section.join_matching {padding:0;}
section.join_matching .top_title {font-size:16px;font-weight:500;text-align:center;height:60px;position:relative;
    border-bottom:1px solid #eee;line-height:60px;width:calc(100% - 32px);margin:0 auto;}
section.join_matching .top_title a {display:block;width:30px;height:30px;position:absolute;top:50%;left:0;
    transform:translateY(-50%);background:url('/img/back.png')no-repeat center/9px;}
section.join_matching .join_matching_wrap {padding:0 16px 20px;}
section.join_matching .info {padding:20px 0;border-bottom:1px solid #eee;}
section.join_matching .info span {display:block;font-size:16px;font-weight:600;margin-bottom:6px;}
section.join_matching .info input {border:0;width:100%;display:block;background:none;
    padding:0 46px 0 12px;box-sizing:border-box;height:42px;cursor:pointer;border:1px solid #e5e5e5;
    border-radius:6px;}
section.join_matching .distance_wrap {padding:20px 0;border-bottom:1px solid #eee;}
section.join_matching .t1 {font-size:16px;font-weight:600;}
section.join_matching .distance_wrap .distance_box {position:relative;border:1px solid #e5e5e5;border-radius:6px;
    margin-top:12px;}
section.join_matching .distance_wrap .distance_box::before {content:'';position:absolute;top:50%;right:12px;
    width:16px;height:16px;margin-top:-8px;background:url('/img/back.png')no-repeat center/8px;
    transform:rotateZ(-90deg);}
section.join_matching .distance_wrap .distance_box input {border:0;width:100%;display:block;background:none;
    padding:0 46px 0 12px;box-sizing:border-box;height:40px;cursor:pointer;}
section.join_matching .distance_layer {position:fixed;bottom:-100%;width:100%;max-width:420px;z-index:51;
    background:#fff;padding-bottom:24px;transition:bottom .3s ease;}
section.join_matching .distance_layer.show {bottom:0;}
section.join_matching .distance_layer .title {font-size:16px;font-weight:600;text-align:center;line-height:52px;
    position:relative;width:calc(100% - 32px);margin:0 auto;border-bottom:1px solid #eee;}
section.join_matching .distance_layer .close {position:absolute;top:50%;right:0;margin-top:-11px;}
section.join_matching .distance_layer .btn_wrap {padding:0 12px;}
section.join_matching .distance_layer .btn_wrap p {font-size:14px;text-align:center;color:#444;font-weight:500;
    line-height:80px;width:100%;}
section.join_matching .distance_layer ul {display:flex;flex-wrap:wrap;margin:0 -5px;}
section.join_matching .distance_layer li {width:25%;padding:5px;}
section.join_matching .distance_layer input {display:none;}
section.join_matching .distance_layer input+label {display:block;width:100%;text-align:center;
    border:1px solid #028c8d;border-radius:6px;line-height:26px;font-size:13px;font-weight:500;color:#006e6f;
    transition:all .2s ease;cursor:pointer;letter-spacing:-0.4px;}
section.join_matching .distance_layer input:checked+label {background:#028c8d;color:#fff;} 
section.join_matching .car_wrap {padding:16px 0 12px;}
section.join_matching .car_wrap .car_chk {display:flex;justify-content:space-between;margin:12px 0 24px;}
section.join_matching .car_wrap .car_chk input {display:none;}
section.join_matching .car_wrap .car_chk label {border:1px solid #028c8d;color:#006e6f;border-radius:6px;
    width:calc(33.333% - 10px);text-align:center;line-height:36px;font-size:15px;font-weight:500;cursor:pointer;
    transition:all .3s ease;}
section.join_matching .car_wrap .car_chk input:checked+label {background:#028c8d;color:#fff;
    box-shadow:inset 2px 2px 6px rgba(0,0,0,0.24), inset -2px -2px 6px rgba(255,255,255,0.24);}
section.join_matching .car_box {padding:12px;border-radius:12px;box-shadow:0 0 4px rgba(0,0,0,0.2);
    margin:25px 0;position:relative;}
section.join_matching .car_box {display:none;}
section.join_matching .car_box.sky {display:block;}
section.join_matching .car_box:last-child {margin:20px 0 0;}
section.join_matching .car_box:last-child::after {display:none;}
section.join_matching .car_box .title {font-size:16px;font-weight:600;margin-bottom:10px;}
section.join_matching .car_box .t1 {font-size:14px;color:#444;font-weight:500;margin-bottom:6px;}
section.join_matching .car_box .cont {padding-bottom:18px;margin-bottom:10px;}
section.join_matching .car_box .file_wrap {display:flex;align-items:center;justify-content:space-between;}
section.join_matching .car_box .file_wrap input[type="file"] {display:none;}
section.join_matching .car_box .file_wrap input[type="file"]+label {display:block;width:94px;height:38px;
    border-radius:6px;background:#028c8d;color:#fff;text-align:center;line-height:38px;font-weight:500;
    box-shadow:2px 2px 4px rgba(0,0,0,0.2);font-size:13px;border:1px solid #92afaf;cursor:pointer;}
section.join_matching .car_box .file_wrap p {width:calc(100% - 110px);overflow:hidden;text-overflow:ellipsis;
    white-space:nowrap;}
section.join_matching .car_box .red_art {font-size:12px;margin-top:2px;color:#ef1717;font-weight:500;
    position:absolute;}
section.join_matching .car_box .weight_col {display:flex;align-items:center;}
section.join_matching .car_box .weight_col p {width:60px;line-height:40px;text-align:center;}
section.join_matching .car_box .weight_col ul {display:flex;width:100%;}
section.join_matching .car_box.crane .weight_col p {width:calc(100% / 4);padding:5px;}
section.join_matching .car_box .weight_col input {display:none;}
section.join_matching .car_box .weight_col label {display:block;width:40px;height:40px;line-height:40px;
    text-align:center;border:1px solid #028c8d;border-radius:6px;margin:3px;cursor:pointer;
    transition:all .2s ease;}
section.join_matching .car_box.crane .weight_col li {width:calc(100% / 4);padding:5px;}
section.join_matching .car_box.crane .weight_col:nth-child(2) li {width:calc(calc(100% / 4.7) - 4px);}
section.join_matching .car_box.crane .weight_col label {width:100%;height:auto;margin:0;}
section.join_matching .car_box.crane .weight_col label {width:auto;height:auto;}
section.join_matching .car_box .weight_col input:checked+label {background:#028c8d;color:#fff;}
section.join_matching .car_box .refract_chk {display:flex;justify-content:space-between;}
section.join_matching .car_box .refract_chk input {display:none;}
section.join_matching .car_box .refract_chk label {display:block;line-height:40px;border-radius:6px;
    border:1px solid #028c8d;color:#028c8d;cursor:pointer;width:calc(50% - 8px);text-align:center;
    transition:all .2s ease;}
section.join_matching .car_box .refract_chk input:checked+label {background:#028c8d;color:#fff;}
section.join_matching .car_box .refract_weight_ul {display:flex;flex-wrap:wrap;}
section.join_matching .car_box .refract_weight_ul li {width:calc(100% / 6);padding:5px;}
section.join_matching .car_box .refract_weight_ul input {display:none;}
section.join_matching .car_box .refract_weight_ul label {display:block;width:100%;line-height:36px;text-align:center;
    border:1px solid #028c8d;color:#028c8d;border-radius:6px;cursor:pointer;transition:all .2s ease;}
section.join_matching .car_box .refract_weight_ul input:checked+label {background:#028c8d;color:#fff;}
section.join_matching .car_box .weight_wrap {display:flex;justify-content:space-between;align-items:center;}
section.join_matching .car_box .weight_wrap>div {width:100%;}
section.join_matching .car_box .weight_wrap>span {font-size:22px;font-weight:600;margin-top:18px;}
section.join_matching .car_box .weight_wrap p {text-align:center;}
section.join_matching .car_box .weight_wrap .fake_select {position:relative;border:1px solid #e5e5e5;
    border-radius:6px;}
section.join_matching .car_box .weight_wrap .fake_select::before {content:'';position:absolute;top:50%;right:8px;
    width:16px;height:16px;margin-top:-8px;background:url('/img/back.png')no-repeat center/6px;
    transform:rotateZ(-90deg);}
section.join_matching .car_box .weight_wrap input {display:block;width:100%;box-sizing:border-box;border:0;
    background:none;padding:0 30px 0 8px;height:40px;cursor:pointer;}
section.join_matching .weight_layer {position:fixed;bottom:-457px;width:100%;max-width:420px;z-index:51;
    background:#fff;transition:bottom .3s ease;display:none;}
section.join_matching .weight_layer.show {bottom:0;}
section.join_matching .weight_layer .title {font-size:16px;font-weight:600;text-align:center;line-height:52px;
    position:relative;width:calc(100% - 32px);margin:0 auto;border-bottom:1px solid #eee;}
section.join_matching .weight_layer .close {position:absolute;top:50%;right:0;margin-top:-11px;}
section.join_matching .weight_layer .btn_wrap {padding:20px 12px;}
section.join_matching .weight_layer .weight_col {display:flex;align-items:center;}
section.join_matching .weight_layer .weight_col p {width:60px;line-height:40px;text-align:center;}
section.join_matching .weight_layer .weight_col ul {display:flex;}
section.join_matching .weight_layer .weight_col input {display:none;}
section.join_matching .weight_layer .weight_col label {display:block;width:40px;height:40px;line-height:40px;
    text-align:center;border:1px solid #028c8d;border-radius:6px;margin:5px;cursor:pointer;
    transition:all .2s ease;}
section.join_matching .weight_layer .weight_col input:checked+label {background:#028c8d;color:#fff;}
section.join_matching .weight_layer .weight_col input:disabled+label {background:#e5e5e5;color:#bbb;
    border-color:#d5d5d5;}
section.join_matching .sky_option_ul {display:flex;flex-wrap:wrap;}
section.join_matching .sky_option_ul li {width:25%;padding:5px;}
section.join_matching .sky_option_ul input {display:none;}
section.join_matching .sky_option_ul label {display:block;width:100%;height:40px;text-align:center;
    border:1px solid #028c8d;color:#028c8d;border-radius:6px;cursor:pointer;transition:all .2s ease;
    position:relative;}
section.join_matching .sky_option_ul label span {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
    width:100%;line-height:16px;font-size:13px;letter-spacing:-0.4px;padding:0 4px;box-sizing:border-box;}
section.join_matching .sky_option_ul input:checked+label {background:#028c8d;color:#fff;}
section.join_matching .ladder_height {display:flex;flex-wrap:wrap;}
section.join_matching .ladder_height li {width:20%;padding:5px;}
section.join_matching .ladder_height input {display:none;}
section.join_matching .ladder_height label {display:block;width:100%;line-height:18px;text-align:center;
    border:1px solid #028c8d;color:#028c8d;border-radius:6px;cursor:pointer;transition:all .2s ease;
    padding:4px 2px;box-sizing:border-box;font-size:13px;letter-spacing:-0.6px;}
section.join_matching .ladder_height input:checked+label {background:#028c8d;color:#fff;}
section.join_matching .ladder_weight {display:flex;flex-wrap:wrap;}
section.join_matching .ladder_weight li {width:calc(100% / 6);padding:5px;}
section.join_matching .ladder_weight input {display:none;}
section.join_matching .ladder_weight label {display:block;width:100%;line-height:36px;text-align:center;
    border:1px solid #028c8d;color:#028c8d;border-radius:6px;cursor:pointer;transition:all .2s ease;}
section.join_matching .ladder_weight input:checked+label {background:#028c8d;color:#fff;}
section.join_matching .ladder_option_ul {display:flex;flex-wrap:wrap;}
section.join_matching .ladder_option_ul li {width:25%;padding:5px;}
section.join_matching .ladder_option_ul input {display:none;}
section.join_matching .ladder_option_ul label {display:block;width:100%;height:40px;text-align:center;
    border:1px solid #028c8d;color:#028c8d;border-radius:6px;cursor:pointer;transition:all .2s ease;
    position:relative;}
section.join_matching .ladder_option_ul label span {position:absolute;top:50%;left:50%;
    transform:translate(-50%,-50%);width:100%;line-height:16px;font-size:13px;letter-spacing:-0.4px;padding:0 4px;box-sizing:border-box;}
section.join_matching .ladder_option_ul input:checked+label {background:#028c8d;color:#fff;}
section.join_matching .crane_weight {display:flex;flex-wrap:wrap;}
section.join_matching .crane_weight li {width:calc(100% / 6);padding:5px;}
section.join_matching .crane_weight input {display:none;}
section.join_matching .crane_weight label {display:block;width:100%;line-height:36px;text-align:center;
    border:1px solid #028c8d;color:#028c8d;border-radius:6px;cursor:pointer;transition:all .2s ease;
    font-size:13px;}
section.join_matching .crane_weight li:first-child {width:calc(100% / 3.4);}
section.join_matching .crane_weight li:first-child label {filter:grayscale(0);opacity:1;}
section.join_matching .crane_weight input:disabled+label {filter:grayscale(1);opacity:.4;background:#e1e1e1;
    color:#979797;border-color:#cbcbcb;}
section.join_matching .crane_weight input:checked+label {background:#028c8d;color:#fff;
    filter:grayscale(0);opacity:1;}
section.join_matching .crane_option_ul {display:flex;flex-wrap:wrap;}
section.join_matching .crane_option_ul li {width:25%;padding:5px;}
section.join_matching .crane_option_ul input {display:none;}
section.join_matching .crane_option_ul label {display:block;width:100%;height:40px;text-align:center;
    border:1px solid #028c8d;color:#028c8d;border-radius:6px;cursor:pointer;transition:all .2s ease;
    position:relative;}
section.join_matching .crane_option_ul label span {position:absolute;top:50%;left:50%;
    transform:translate(-50%,-50%);width:100%;line-height:16px;font-size:13px;letter-spacing:-0.4px;padding:0 4px;box-sizing:border-box;}
section.join_matching .crane_option_ul input:checked+label {background:#028c8d;color:#fff;}

section.join_matching .btm_fix {width:100%;max-width:420px;line-height:54px;font-size:16px;font-weight:500;
    color:#fff;background:#028c8d;text-align:center;}


/* 메인 */
section.main {}
section.main .main_banner {margin:0 -16px;height:260px;}
section.main .main_banner .swiper-pagination {top:auto;bottom:38px;}
section.main .main_banner .swiper-pagination-bullet {background:#028c8d;}
section.main .main_wrap {border-radius:26px 26px 0 0;box-shadow:0 -4px 6px rgba(0,0,0,0.14);margin:-24px -16px 0;
    position:relative;z-index:1;background:#f7fdfd;padding:16px;min-height:calc(100vh - 369px);}
section.main .main_wrap .piece_wrap {display:flex;justify-content:space-between;margin-bottom:16px;}
section.main .main_wrap .piece {padding:10px 14px;background:#fff;border-radius:16px;box-sizing:border-box;
    box-shadow:0 0 4px rgba(0,0,0,0.12);}
section.main .main_wrap .piece_wrap .piece {width:calc(50% - 8px);}
section.main .main_wrap .piece .t1 {font-size:15px;font-weight:600;margin-bottom:6px;}
section.main .main_wrap .piece .t2 {font-size:12px;color:#666;line-height:18px;}
section.main .main_wrap .mw_list {padding:10px 14px;background:#fff;border-radius:16px;box-sizing:border-box;
    box-shadow:0 0 4px rgba(0,0,0,0.12);margin-bottom:16px;}
section.main .main_wrap .mw_list .t1 {display:flex;justify-content:space-between;align-items:center;
    font-size:15px;font-weight:600;border-bottom:1px solid #e5e5e5;padding:4px 0 10px;}
section.main .main_wrap .mw_list .t1 a {font-weight:400;font-size:12px;color:#666;}
section.main .main_wrap .mw_list li {border-bottom:1px dashed #e5e5e5;}
section.main .main_wrap .mw_list li:last-child {border:0;}
section.main .main_wrap .mw_list li a {padding:14px 0;font-weight:500;}
section.main .main_wrap .mw_list li a span {display:block;font-size:12px;font-weight:400;color:#666;
    margin-top:4px;}
section.main .main_wrap .mw_list.partner_list {padding-bottom:6px;position:relative;}
section.main .main_wrap .mw_list.partner_list .pl_wrap {padding:10px 0;margin:-4px;
    display:flex;flex-wrap:wrap;}
section.main .main_wrap .mw_list.partner_list .pl_cont {border:0;text-align:center;font-size:13px;
    line-height:18px;position:relative;padding:4px;width:calc(100% / 3);}
section.main .main_wrap .mw_list.partner_list .pl_cont a {border-radius:6px;background:#eaf7f7;
    box-shadow:2px 2px 4px rgba(0,0,0,0.15);padding:8px 0;letter-spacing:-0.4px;font-size:16px;
    line-height:24px;font-weight:500;}
section.main .main_wrap .piece.spec {
    background:#fff url('/img/main_icon-1.png')no-repeat bottom 12px right 12px/28px;}
section.main .main_wrap .piece.cal {
    background:#fff url('/img/main_icon-2.png')no-repeat bottom 12px right 12px/26px;}
section.main .main_wrap .mw_list.partner_list .t1 {
    background:url('/img/main_icon-3.png')no-repeat top 0 right 0/28px;}



/* 마이페이지 */
section.mypage {padding-bottom:96px;}
section.mypage .mp_top {margin:20px 0 40px;display:flex;justify-content:space-between;align-items:center;}
section.mypage .mp_top .user_name {font-size:18px;font-weight:600;margin-bottom:2px;}
section.mypage .mp_top .user_numb {font-size:15px;}
section.mypage .mp_top .profile_set {text-decoration:underline;color:#666;font-size:13px;display:block;
    line-height:26px;padding:0 12px;}
section.mypage .point_wrap {display:flex;justify-content:center;margin:0 -14px 40px;}
section.mypage .point_wrap>div {margin:0 14px;width:45%;max-width:150px;}
section.mypage .point_wrap .cal_point_wrap {margin:-10px 0;}
section.mypage .point_wrap .cal_point_wrap a {padding:13px 0;margin:10px 0;}
section.mypage .point_wrap a {display:block;text-align:center;font-size:20px;font-weight:700;
    border-radius:6px;white-space:nowrap;letter-spacing:-0.5px;padding:20px 0;line-height:42px;}
section.mypage .point_wrap .have_point_wrap a {background:linear-gradient(320deg, #037c7d, #58e0e1);
    color:#fff;box-shadow:2px 2px 6px #0060617d;}
section.mypage .point_wrap .cal_point_wrap a {background:linear-gradient(320deg, #cd5d0b, #fdbd8d);
    color:#fff;box-shadow:2px 2px 6px #ad49007d;}
section.mypage .point_wrap a p {font-size:14px;font-weight:400;}
section.mypage .mp_ul_1 {margin-bottom:40px;}
section.mypage .mp_ul_1 li {width:100%;margin:16px 0;border-radius:6px;border:1px solid #666;}
section.mypage .mp_ul_1 a {display:flex;font-size:20px;font-weight:500;line-height:54px;align-items:center;
    justify-content:center;}
section.mypage .mp_ul_1 a i {font-size:13px;margin:1px 0 0 6px;}
section.mypage .mp_ul_2 {}
section.mypage .mp_ul_2 li {width:100%;border-bottom:1px solid #ccc;}
section.mypage .mp_ul_2 li:first-child {border-top:1px solid #ccc;}
section.mypage .mp_ul_2 a {display:flex;font-size:18px;font-weight:500;line-height:60px;align-items:center;
    justify-content:space-between;padding:0 8px;color:#444;}
section.mypage .mp_ul_2 a i {font-size:13px;margin:1px 0 0 6px;}
section.mypage .side_tel {position:fixed;bottom:90px;left:calc(50% + 442px);border-radius:100vw;box-sizing:border-box;
    background:#028c8de8;color:#fff;width:62px;height:94px;line-height:16px;text-align:center;
    font-size:12px;padding:12px 0;font-weight:500;}
section.mypage .side_tel i {display:block;font-size:28px;margin-bottom:8px;}
section.mypage .company_card {border-radius:12px;margin-top:20px;padding:6px 14px;
    background:linear-gradient(315deg, #79c5c9, #edfff9);box-shadow:3px 3px 4px rgba(0,0,0,0.12);}
section.mypage .company_card img {display:block;width:120px;margin:8px 0 12px;}
section.mypage .company_card ul {display:flex;flex-wrap:wrap;}
section.mypage .company_card li {display:flex;align-items:center;margin:2px 0;font-size:13px;color:#333;
    font-weight:500;width:100%;}
section.mypage .company_card li span {display:block;margin-right:8px;font-weight:400;color:#888;}
section.mypage .mw_list {padding:10px 14px;background:#fff;border-radius:16px;box-sizing:border-box;
    box-shadow:0 0 4px rgba(0,0,0,0.12);margin:16px 0;}
section.mypage .mw_list .t1 {display:flex;justify-content:space-between;align-items:center;
    font-size:15px;font-weight:600;border-bottom:1px solid #e5e5e5;padding:4px 0 10px;}
section.mypage .mw_list .t1 a {font-weight:400;font-size:12px;color:#666;}
section.mypage .mw_list li {border-bottom:1px dashed #e5e5e5;}
section.mypage .mw_list li:last-child {border:0;}
section.mypage .mw_list li a {padding:14px 0;font-weight:500;}
section.mypage .mw_list li a span {display:block;font-size:12px;font-weight:400;color:#666;
    margin-top:4px;}


/* 프로필 설정 */
section.profile_set {padding:0 16px;}
section.profile_set .cont {margin:20px 0;}
section.profile_set .p1 {font-weight:500;font-size:15px;color:#444;margin-bottom:2px;}
section.profile_set>.cont input {display:block;width:100%;border:1px solid #e5e5e5;border-radius:6px;
    height:40px;padding:0 12px;box-sizing:border-box;}
section.profile_set .file_wrap {display:flex;align-items:center;justify-content:space-between;}
section.profile_set .file_wrap input {display:none;}
section.profile_set .file_wrap label {display:block;width:94px;height:38px;border-radius:6px;color:#fff;
    background:#028c8d;text-align:center;line-height:38px;font-weight:500;font-size:13px;
    border:1px solid #92afaf;box-shadow:2px 2px 4px rgba(0,0,0,0.14);}
section.profile_set .file_wrap p {width:calc(100% - 110px);overflow:hidden;text-overflow:ellipsis;
    white-space:nowrap;}
section.profile_set .red_art {font-size:12px;font-weight:500;margin-top:2px;color:#ef1717;}
section.profile_set .account_title {font-size:16px;font-weight:600;text-align:center;margin:40px 0 20px;}
section.profile_set .account_cont {display:flex;align-items:center;justify-content:space-between;margin:12px 0;}
section.profile_set .account_cont .left {width:80px;color:#444;font-weight:500;font-size:15px;}
section.profile_set .account_cont .right {display:block;width:calc(100% - 100px);border:1px solid #e5e5e5;
    height:40px;border-radius:6px;padding:0 12px;box-sizing:border-box;}
section .function_btn {display:flex;justify-content:space-between;align-items:center;
    margin:40px -6px 30px;}
section .function_btn button,section.profile_set .function_btn a {padding:0 6px;line-height:26px;
    text-decoration:underline;}
section .function_btn .flex button {margin-left:12px;}
section #join_form {min-height:calc(100vh - 60px);}
section .bottom_wrap {margin-left:-16px;display:flex;width:calc(100% + 32px);
    position:sticky;top:1000px;}
section .bottom_wrap a {width:65%;background:#028c8d;color:#fff;line-height:50px;
    font-weight:500;text-align:center;}
section .bottom_wrap .cancel {width:35%;background:#0a0a0a;}
section .password_set_layer {position:fixed;top:50%;left:calc(50% + 116px);width:calc(100% - 32px);
    max-width:388px;z-index:51;background:#fff;border-radius:14px;transform:translateY(-50%);overflow:hidden;display:none;}
section .password_set_layer .title {font-size:16px;font-weight:600;text-align:center;line-height:52px;
    position:relative;width:calc(100% - 32px);margin:0 auto;border-bottom:1px solid #eee;}
section .password_set_layer .close {position:absolute;top:50%;right:0;margin-top:-11px;}
section .password_set_layer .cont {padding:0 16px;margin:10px 0;}
section .password_set_layer p {margin-bottom:2px;font-weight:500;color:#444;}
section .password_set_layer input {display:block;width:100%;border:1px solid #e5e5e5;
    border-radius:6px;height:38px;padding:0 12px;box-sizing:border-box;}
section .password_set_layer .password_save {width:calc(100% - 32px);margin:16px auto 20px;
    background:#028c8d;color:#fff;display:block;line-height:42px;border-radius:8px;font-size:15px;font-weight:500;}
section .leave_layer {position:fixed;top:50%;left:calc(50% + 116px);width:calc(100% - 32px);
    max-width:388px;z-index:51;background:#fff;border-radius:14px;transform:translateY(-50%);overflow:hidden;padding:0 16px;display:none;}
section .leave_layer .title {font-size:16px;font-weight:600;text-align:center;line-height:52px;
    position:relative;width:100%;margin:0 auto;border-bottom:1px solid #eee;}
section .leave_layer .close {position:absolute;top:50%;right:0;margin-top:-11px;}
section .leave_layer .t1 {margin:30px 0;font-size:16px;font-weight:500;}
section .leave_layer .t2 {color:#888;line-height:20px;margin-bottom:10px;}
section .leave_layer textarea {display:block;border:1px solid #666;border-radius:6px;
    padding:6px 10px;width:100%;height:120px;resize:none;box-sizing:border-box;margin-bottom:20px;}
section .leave_layer>span {font-size:13px;color:#f93a3a;font-weight:500;}
section .leave_layer .btn_wrap {margin:20px 0;width:100%;display:flex;
    justify-content:space-between;}
section .leave_layer .btn_wrap button {width:calc(50% - 6px);font-weight:500;line-height:42px;
    border:1px solid #333;border-radius:6px;}
section .leave_layer .btn_wrap .leave_no {background:#333;color:#fff;}




/* 포인트 내역 */
section.point_history {padding:0 16px 72px;}
section.point_history .my_point {margin:20px 0;font-size:16px;letter-spacing:-0.4px;
    color:#666;display:flex;align-items:center;font-weight:400;}
section.point_history .my_point span {color:#028c8d;font-size:20px;margin-left:6px;font-weight:600;}
section.point_history .period_wrap {display:flex;align-items:center;position:relative;margin-bottom:20px;}
section.point_history .period_wrap .cal_box {position:relative;}
section.point_history .period_wrap .cal_box input {width:106px;text-align:center;text-indent:-22px;
    border:1px solid #ccc;border-radius:6px;height:36px;padding:0;color:#333;cursor:pointer;
    font-weight:500;letter-spacing:-0.4px;}
section.point_history .period_wrap .cal_box i {position:absolute;top:50%;right:10px;margin-top:-6px;
    color:#028c8d;}
section.point_history .period_wrap span {font-size:18px;font-weight:500;margin:0 6px;}
section.point_history .period_wrap .period_btn {background:#028c8d;color:#fff;border-radius:6px;
    line-height:38px;padding:0 14px;font-weight:500;position:absolute;right:0;cursor:pointer;}
section.point_history .tab_wrap {}
section.point_history .tab_wrap .tab_cate {display:flex;border-radius:100vw;padding:4px;background:#ebebeb;
    position:relative;margin-bottom:14px;}
section.point_history .tab_wrap .tab_cate::before {content:'';position:absolute;top:4px;left:4px;height:32px;
    border-radius:100vw;width:33.333%;background:#028c8d;transition:left .3s ease;}
section.point_history .tab_wrap .tab_cate.all::before {left:4px;}
section.point_history .tab_wrap .tab_cate.plus::before {left:33.333%;background:#1683e3;}
section.point_history .tab_wrap .tab_cate.minus::before {left:calc(66.666% - 4px);background:#ed3939;}
section.point_history .tab_wrap .tab_cate li {width:33.333%;position:relative;}
section.point_history .tab_wrap .tab_cate input {display:none;}
section.point_history .tab_wrap .tab_cate label {display:block;text-align:center;font-weight:600;
    line-height:32px;color:#888;transition:all .3s ease;cursor:pointer;
    -webkit-tap-highlight-color:transparent !important;}
section.point_history .tab_wrap .tab_cate input:checked+label {color:#fff;}
section.point_history .tab_wrap .tab_list {}
section.point_history .tab_wrap .tab_list li {margin:14px 0;border:1px solid #efefef;
    box-shadow:2px 2px 4px rgba(0,0,0,0.1);}
section.point_history .tab_wrap .tab_list li.empty {text-align:center;line-height:100px;border-radius:14px;
    font-size:15px;font-weight:500;color:#bbb;}
section.point_history .tab_wrap .tab_list .top {display:flex;padding:0 12px;}
section.point_history .tab_wrap .tab_list .top p {line-height:40px;}
section.point_history .tab_wrap .tab_list .cate {font-size:15px;font-weight:500;color:#1683e3;width:40px;}
section.point_history .tab_wrap .tab_list .minus .cate {color:#ed3939;}
section.point_history .tab_wrap .tab_list .title {width:calc(100% - 150px);font-size:15px;font-weight:500;}
section.point_history .tab_wrap .tab_list .date {letter-spacing:-0.2px;width:110px;text-align:right;
    color:#666;}
section.point_history .tab_wrap .tab_list .art_box {display:flex;align-items:center;justify-content:space-between;
    padding:2px 12px 10px;}
section.point_history .tab_wrap .tab_list .art_box .art {font-size:13px;color:#333;width:calc(100% - 120px);
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
section.point_history .tab_wrap .tab_list .art_box .art p {text-overflow:ellipsis;overflow:hidden;}
section.point_history .tab_wrap .tab_list .art_box .point {font-size:15px;font-weight:600;letter-spacing:-0.4px;}
section.point_history .tab_wrap .tab_list .plus .art_box .point {color:#1683e3;}
section.point_history .tab_wrap .tab_list .minus .art_box .point {color:#ed3939;}
section.point_history .tab_wrap .tab_list .cancel .art_box .point {color:#b5b5b5;text-decoration:line-through;}
section.point_history .tab_wrap .tab_list .cancel_top {display:flex;}
section.point_history .tab_wrap .tab_list .cancel_top span {display:block;width:80px;text-align:center;
    line-height:28px;background:#1683e3;color:#fff;border-bottom:1px solid #ddd;}
section.point_history .tab_wrap .tab_list .minus .cancel_top span {background:#ed3939;}
section.point_history .tab_wrap .tab_list .cancel_top p {width:calc(100% - 80px);padding:0 10px;line-height:28px;
    box-sizing:border-box;border-bottom:1px solid #ccc;color:#ed3939;font-weight:500;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
section.point_history .tab_wrap .tab_list .wait_top {display:flex;}
section.point_history .tab_wrap .tab_list .wait_top span {display:block;width:120px;text-align:center;
    line-height:28px;background:#999;color:#fff;border-bottom:1px solid #ddd;}
section.point_history .tab_wrap .tab_list .wait_top p {width:calc(100% - 120px);padding:0 10px;line-height:28px;
    box-sizing:border-box;border-bottom:1px solid #ccc;color:#666;font-weight:500;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
section.point_history .point_charge_btn {position:fixed;bottom:0;width:100%;max-width:420px;height:54px;
    line-height:54px;background:#028c8d;color:#fff;font-size:16px;font-weight:500;text-align:center;
    margin-left:-16px;}

.point_layer {position:fixed;top:50%;left:calc(50% + 116px);width:calc(100% - 32px);max-width:388px;
    z-index:51;background:#fff;border-radius:14px;transform:translateY(-50%);overflow:hidden;display:none;}
.point_layer .title {font-size:16px;font-weight:600;text-align:center;line-height:52px;position:relative;
    width:calc(100% - 32px);margin:0 auto;border-bottom:1px solid #eee;}
.point_layer .close {position:absolute;top:50%;right:0;margin-top:-11px;}
.point_layer .t1 {font-size:16px;font-weight:500;text-align:center;margin:14px 0;}
.point_layer .step {width:calc(100% - 32px);margin:10px 16px;padding:0 0 10px;border-bottom:1px dashed #ccc;}
.point_layer .step:nth-last-child(2) {margin-bottom:0;border:0;}
.point_layer .art1 {font-weight:500;color:#333;margin-bottom:12px;font-size:15px;}
.point_layer .art1 span {display:block;font-size:12px;color:#ed3939;}
.point_layer ul li {display:flex;margin:6px 0;align-items:center;}
.point_layer ul .left {width:68px;color:#666;}
.point_layer ul .right {font-weight:500;}
.point_layer ul button {margin-left:12px;padding:0 8px;height:22px;text-align:center;line-height:22px;
    background:#028c8d;border-radius:4px;color:#fff;font-size:12px;}
.point_layer .step2_ul li {margin:8px 0;}
.point_layer .step2_ul .left {margin-top:-22px;width:94px;}
.point_layer .step2_ul .right {position:relative;display:flex;flex-wrap:wrap;width:calc(100% - 94px);}
.point_layer .step2_ul .right input {display:block;width:100%;margin:0;padding:0 10px;border:1px solid #ccc;
    border-radius:6px;height:38px;box-sizing:border-box;}
.point_layer .step2_ul .right .red_art {font-size:12px;color:#ef1717;font-weight:500;}
.point_layer .step2_ul .right .won {position:absolute;top:8px;right:10px;}
.point_layer .btn_wrap {display:flex;}
.point_layer .btn_wrap .cancel {width:120px;text-align:center;line-height:54px;background:#0a0a0a;color:#fff;
    font-size:16px;font-weight:500;}
.point_layer .btn_wrap .point_charge {width:calc(100% - 120px);text-align:center;line-height:54px;
    background:#028c8d;color:#fff;font-size:16px;font-weight:500;}


/* 발주리스트 */
section.balju_list {}
section.balju_list .top_sticky {padding:16px;position:sticky;top:60px;z-index:1;background:#fff;
    margin:0 -16px;box-shadow:0 4px 6px rgba(0,0,0,0.1);}
section.balju_list .balju_write {display:block;background:#049495e8;color:#fff;line-height:50px;
    text-align:center;border-radius:8px;font-size:16px;font-weight:500;box-shadow:2px 2px 4px rgba(0,0,0,0.2);}
section.balju_list .balju_write i {margin-left:8px;}
section.balju_list .balju_write span {display:block;font-size:12px;}
section.balju_list .balju_write.disabled {background:#a9a9a9ed;}
section.balju_list .list_ul {margin:0 -16px;}
section.balju_list .list_ul li {border-bottom:4px solid #e6e6e6;cursor:pointer;position:relative;}
section.balju_list .list_ul li:first-child {border-top:4px solid #e6e6e6;}
section.balju_list .list_ul li.empty {border:0;line-height:120px;text-align:center;color:#bbb;}
section.balju_list .list_ul li .top {display:flex;position:relative;padding:12px 0;margin:0 16px;
    border-bottom:1px dashed #ccc;}
section.balju_list .list_ul li .equip {line-height:26px;padding:0 8px;border:1px solid #028c8d;border-radius:6px;
    font-size:16px;font-weight:600;color:#028c8d;margin-right:4px;}
section.balju_list .list_ul li .weight {line-height:26px;padding:0 8px;border:1px solid #028c8d;border-radius:6px;
    font-size:16px;font-weight:600;color:#028c8d;letter-spacing:-0.2px;max-width:calc(100% - 190px);
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
section.balju_list .list_ul li .date {position:absolute;top:14px;right:-4px;font-size:13px;color:#666;
    letter-spacing:-0.4px;}
section.balju_list .list_ul li .info_wrap {display:flex;}
section.balju_list .list_ul li .info_wrap .mid {width:calc(100% - 80px);}
section.balju_list .list_ul li .work_date {margin:6px 16px;font-weight:500;display:flex;}
section.balju_list .list_ul li .work_date span {color:#0a42e7;margin-right:6px;}
section.balju_list .list_ul li .price_wrap {margin:0 16px 3px;font-size:14px;display:flex;align-items:center;
    letter-spacing:-0.2px;flex-wrap:wrap;}
section.balju_list .list_ul li .price_wrap span:first-child {width:100%;margin-bottom:2px;}
section.balju_list .list_ul li .price_wrap .price {color:#028c8d;font-weight:500;font-size:14px;margin:0 4px;}
section.balju_list .list_ul li .price_wrap .fee {font-size:10px;font-weight:400;margin:0;}
section.balju_list .list_ul li .info_wrap .address {margin:0 16px 6px;overflow:hidden;text-overflow:ellipsis;
    white-space:nowrap;}
section.balju_list .list_ul li .info_wrap .art {border-top:1px dashed #ddd;margin:0 16px 6px;display:-webkit-box;
    -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:4px 0 0;
    font-size:14px;color:#e90a0a;font-weight:600;line-height:18px;}
section.balju_list .list_ul li .right {width:80px;text-align:center;height:calc(100% - 51px);margin-top:-1px;
    position:absolute;bottom:0;right:0;border-radius:10px;}
section.balju_list .list_ul li .right>span {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
    width:100%;padding:0 6px;box-sizing:border-box;}
section.balju_list .list_ul li .right>span span {display:block;font-size:10px;}
section.balju_list .list_ul li .ing {background:#d4e7ff;color:#01123b;}
section.balju_list .list_ul li .confirm {background:#0bacad;color:#fff;}
section.balju_list .list_ul li .save {background:#ddd;color:#595959;}
section.balju_list .list_ul li .cancel {background:#fbc0c0;color:#430202;}

.list_ul_new {}
.list_ul_new li {display:flex;flex-wrap:wrap;border-color:#ccc!important;}
.list_ul_new li .contract_list {display:flex;flex-wrap:wrap;}
.list_ul_new .l_box {width:calc(50% - 40px);display:flex;align-items:center;margin:0 6px;
    border-bottom:1px solid #eee;padding:5px 0;}
.list_ul_new .l_box .emergency {background:#ef1e1e;color:#fff;border-radius:6px;padding:4px 6px!important;
    line-height:14px!important;font-size:12px!important;font-weight:500;margin-right:4px;}
.list_ul_new .l_box .work_date {margin:0!important;font-size:13px;letter-spacing:-0.2px;
    white-space:nowrap;}
.list_ul_new .l_box .work_date span {margin-right:3px!important;}
.list_ul_new .l_box .equip {line-height:22px!important;font-size:13px!important;padding:0!important;
    border:0!important;}
.list_ul_new .l_box .weight {line-height:22px!important;font-size:13px!important;
    max-width:calc(100% - 40px)!important;padding:0!important;border:0!important;}
.list_ul_new .l_box.f_size_13 span {font-size:14px;margin:0 2px;letter-spacing:-0.6px;}
.list_ul_new .right {width:46px!important;height:calc(100% - 10px)!important;bottom:auto!important;
    top:6px!important;right:6px!important;writing-mode:vertical-rl;line-height:40px;
    letter-spacing:4px;background:#fff!important;}
.list_ul_new .right span {width:auto!important;height:100%;writing-mode:vertical-rl;}
.list_ul_new .right.ing {border:3px solid #0D6EE9;color:#0D6EE9!important;}
.list_ul_new .right.cancel {border:3px solid #EB0404;color:#EB0404!important;}
.list_ul_new .right.confirm {border:3px solid #008384;color:#008384!important;}
.list_ul_new .right.save {border:3px solid #666;color:#666!important;}
.list_ul_new .right.my {border:3px solid #fbae1d;color:#fbae1d!important;}
.list_ul_new li .notice_list {width:100%;padding:6px 0;background:#f1f9f9;}
.list_ul_new li .notice_list .l_box {width:calc(100% - 60px);margin:0;padding:2px 6px;border:0;}
.list_ul_new li .notice_list .l_box p:first-child.equip {font-size:15px!important;margin:0;}
.list_ul_new li .notice_list .l_box p:nth-child(2) {font-size:14px;}

.list_ul_new .right.notice {border:3px solid #01b300;color:#018f00!important;}








/* 발주 등록 */
section.balju_write {padding:0 16px 73px;}
section.balju_write.static {padding:0 16px;}
section.balju_write .balju_cont_wrap {padding:4px 0 20px;border-bottom:1px solid #eee;}
section.balju_write .balju_cont_wrap:nth-last-child(4) {border:0;}
section.balju_write .balju_cont {display:flex;margin:14px 0;}
section.balju_write .left {width:96px;font-weight:500;color:#444;font-size:15px;padding-top:6px;
    letter-spacing:-0.4px;}
section.balju_write .left.required {display:flex;}
section.balju_write .left.required::before {content:'*';font-size:18px;font-weight:500;color:#eb5f5f;
    margin-right:3px;}
section.balju_write .right {width:calc(100% - 96px);display:flex;align-items:center;position:relative;}
section.balju_write .right input[type="radio"] {display:none;}
section.balju_write input[type="radio"]+label:nth-child(2) {margin-left:0;}
section.balju_write input[type="radio"]+label {display:flex;align-items:center;margin:0 12px;line-height:26px;
    cursor:pointer;}
section.balju_write input[type="radio"]+label::before {content:'';display:block;width:16px;height:16px;
    background:url('/img/chk_no.png')no-repeat center/100%;margin-right:6px;transition:all .2s ease;}
section.balju_write input[type="radio"]:checked+label::before {
    background:url('/img/chk_on.png')no-repeat center/100%;}
section.balju_write .write_save_info {width:20px;height:20px;line-height:22px;margin-left:-8px;}
section.balju_write .qm_layer {position:absolute;top:36px;right:0;background:#fff;z-index:-1;
    border:1px solid #9ecdcd;border-radius:12px;padding:14px 16px;width:80%;opacity:0;transition:all .3s ease;}
section.balju_write .qm_layer.active {z-index:99;opacity:1;}
section.balju_write .qm_layer::before {content:'';position:absolute;top:-8px;right:98px;background:#8dc3c3;
    width:16px;height:16px;transform:rotate(45deg);border-radius:2px 0 0 0;}
section.balju_write .qm_layer::after {content:'';position:absolute;top:-7px;right:98px;background:#fff;
    width:16px;height:16px;transform:rotate(45deg);border-radius:2px 0 0 0 ;}
section.balju_write .qm_layer .t1 {font-weight:600;color:#028c8d;margin-bottom:6px;}
section.balju_write .qm_layer .art {font-size:13px;color:#666;letter-spacing:-0.2px;}
section.balju_write .qm_layer .art span {display:block;font-size:12px;color:#ed5252;margin-top:6px;}
section.balju_write .right.select_wrap {position:relative;}
section.balju_write .right.select_wrap::before {content:'';position:absolute;top:50%;right:10px;width:16px;
    height:16px;margin-top:-8px;background:url('/img/back.png')no-repeat center/6px;transform:rotateZ(-90deg);}
section.balju_write .right.select_wrap input {display:block;width:100%;border:1px solid #ccc;border-radius:6px;
    height:36px;padding:0 34px 0 10px;box-sizing:border-box;cursor:pointer;}
section.balju_write .right .select_wrap {position:relative;}
section.balju_write .right .select_wrap::before {content:'';position:absolute;top:50%;right:10px;width:16px;
    height:16px;margin-top:-8px;background:url('/img/back.png')no-repeat center/6px;transform:rotateZ(-90deg);}
section.balju_write .right .select_wrap.user_select input {display:block;padding:0 34px 0 10px;width:100%;
    border:1px solid #ccc;border-radius:6px;height:46px;box-sizing:border-box;cursor:pointer;font-size:16px;}
section.balju_write .right .select_wrap.date {width:50%;}
section.balju_write .right .select_wrap.time {width:calc(50% - 6px);}
section.balju_write .right .input_wrap {position:relative;width:100%;}
section.balju_write .right .input_wrap input {display:block;padding:0 34px 0 10px;width:100%;border:1px solid #ccc;
    border-radius:6px;height:36px;box-sizing:border-box;}
section.balju_write .right .input_wrap input.price {color:#028c8d;font-weight:500;width:100%;cursor:pointer;}
section.balju_write .right .input_wrap .won {position:absolute;top:8px;right:10px;}
section.balju_write .right .fee_art {font-size:12px;color:#eb2b2b;letter-spacing:-0.6px;margin-bottom:6px;
    display:block!important;}
section.balju_write .right .radio_cont {width:48%;}
section.balju_write input[name="o_fee"]+label {width:100%;margin:0;text-align:center;display:block;
    line-height:42px;border-radius:6px;border:1px solid #ccc;font-size:16px;transition:all .2s ease;
    box-sizing:border-box;cursor:pointer;font-weight:500;}
section.balju_write input[name="o_fee"]+label::before {display:none;}
section.balju_write input[name="o_fee"]:checked+label {background:#028c8d;border-color:#028c8d;
    color:#fff;}
section.balju_write .right .fee {text-align:center;margin-top:4px;font-weight:500;
    color:#028c8d;display:none;}
section.balju_write .right .fee.show {display:block;}
section.balju_write .right input {display:block;margin:0;padding:0 10px;height:36px;border-radius:6px;
    border:1px solid #ccc;box-sizing:border-box;width:100%;}
section.balju_write .right input[type="checkbox"] {display:none;}
section.balju_write .right input[type="checkbox"]+label {display:flex;align-items:center;margin:0 12px;
    line-height:26px;cursor:pointer;}
section.balju_write .right input[type="checkbox"]+label::before {content:'';display:block;width:16px;height:16px;
    background:url('/img/chk_no.png')no-repeat center/100%;margin-right:6px;transition:all .2s ease;}
section.balju_write .right input[type="checkbox"]:checked+label::before {
    background:url('/img/chk_on.png')no-repeat center/100%;}
section.balju_write .right input[type="checkbox"]+label:nth-child(2) {margin-left:0;}
section.balju_write .right textarea {display:block;width:100%;height:100px;resize:none;border-radius:6px;
    border:1px solid #ccc;padding:8px 10px;box-sizing:border-box;margin-bottom:4px;}
section.balju_write .right textarea::placeholder {color:#ccc;}
section.balju_write .right .ta_cnt {margin-right:4px;}
section.balju_write .right .ta_cnt.max {color:#ef0c0c;font-weight:500;}
section.balju_write .user_select_art {font-size:12px;color:#eb2b2b;letter-spacing:-0.6px;margin-bottom:6px;
    display:none;}
section.balju_write input[name="o_select"]+label {width:100%;margin:0;text-align:center;display:block;
    line-height:42px;border-radius:6px;border:1px solid #ccc;font-size:16px;transition:all .2s ease;
    box-sizing:border-box;cursor:pointer;font-weight:500;}
section.balju_write input[name="o_select"]+label::before {display:none;}
section.balju_write input[name="o_select"]:checked+label {background:#028c8d;border-color:#028c8d;
    color:#fff;}
section.balju_write .right .user_select {margin-top:8px;display:none;width:100%;}
section.balju_write>.btn_wrap {width:calc(100% + 32px);margin:0 0 20px -16px;display:flex;padding:0 16px;
    justify-content:space-between;}
section.balju_write>.btn_wrap .cancel {line-height:54px;width:95px;background:#000;font-size:15px;font-weight:500;
    color:#fff;border-radius:8px;box-shadow:2px 2px 4px rgba(0,0,0,0.14);}
section.balju_write>.btn_wrap .write_save {line-height:54px;width:95px;background:#dbf5f5;font-size:15px;
    font-weight:500;color:#0a0a0a;border-radius:8px;box-shadow:2px 2px 4px rgba(0,0,0,0.14);}
section.balju_write>.btn_wrap .balju_reg {line-height:54px;width:calc(100% - 205px);background:#028c8d;
    color:#fff;font-size:15px;font-weight:500;border-radius:8px;box-shadow:2px 2px 4px rgba(0,0,0,0.14);}

section.balju_write .option_layer {position:fixed;bottom:-100%;width:100%;max-width:420px;z-index:52;
    transition:bottom .3s ease;margin-left:-16px;}
section.balju_write .option_layer.show {bottom:0;}
section.balju_write .option_layer .swiper-wrapper {align-items:flex-end;}
section.balju_write .option_layer .swiper-slide {padding:0 16px 20px;background:#fff;height:calc(100vh - 140px);
    overflow:auto;}
section.balju_write .option_layer .swiper-slide.bottom {padding-bottom:0;}
section.balju_write .option_layer .swiper-slide .next {width:calc(100% + 32px);margin-left:-16px;position:sticky;
    background:#028c8d;color:#fff;line-height:50px;font-size:15px;font-weight:500;top:100%;}
section.balju_write .option_layer .title {font-size:16px;font-weight:600;text-align:center;line-height:52px;
    position:relative;width:100%;margin:0 auto 14px;border-bottom:1px solid #eee;}
section.balju_write .option_layer .close {position:absolute;top:50%;right:0;margin-top:-11px;}
section.balju_write .option_layer .t1 {font-size:15px;font-weight:500;margin-bottom:2px;}
section.balju_write .option_layer .car_wrap {padding-bottom:20px;}
section.balju_write .option_layer .car_wrap .ladder {display:none;}
section.balju_write .option_layer .car_wrap .crane {display:none;}
section.balju_write .option_layer .car_wrap .car_chk {display:flex;justify-content:space-between;margin:0 0 16px;
    border-bottom:1px dashed #ccc;padding:0 0 20px;}
section.balju_write .option_layer .car_wrap .car_chk input {display:none;}
section.balju_write .option_layer .car_wrap .car_chk label {border:1px solid #028c8d;color:#006e6f;
    border-radius:6px;width:calc(33.333% - 10px);text-align:center;line-height:36px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;display:block;margin:0;}
section.balju_write .option_layer .car_wrap .car_chk label::before {display:none;}
section.balju_write .option_layer .car_wrap .car_chk input:checked+label {background:#028c8d;color:#fff;}
section.balju_write .option_layer .car_box.sky {display:block;}
section.balju_write .option_layer .car_box .cont {margin-bottom:12px;}
section.balju_write .option_layer .car_box .weight_wrap {display:flex;justify-content:space-between;
    align-items:center;}
section.balju_write .option_layer .car_box .weight_wrap>div {width:40%;}
section.balju_write .option_layer .car_box .weight_wrap>span {font-size:22px;font-weight:600;margin-top:18px;}
section.balju_write .option_layer .car_box .weight_wrap p {text-align:center;}
section.balju_write .option_layer .car_box .weight_wrap .fake_select {position:relative;border:1px solid #e5e5e5;
    border-radius:6px;}
section.balju_write .option_layer .car_box .weight_wrap .fake_select::before {content:'';position:absolute;top:50%;
    right:8px;width:16px;height:16px;margin-top:-8px;background:url('/img/back.png')no-repeat center/6px;
    transform:rotateZ(-90deg);}
section.balju_write .option_layer .car_box .weight_wrap input {display:block;width:100%;box-sizing:border-box;border:0;
    background:none;padding:0 30px 0 8px;height:36px;cursor:pointer;}
section.balju_write .sky_option_ul {display:flex;flex-wrap:wrap;margin:0 -5px;}
section.balju_write .sky_option_ul li {width:25%;padding:5px;}
section.balju_write .sky_option_ul input {display:none;}
section.balju_write .sky_option_ul label {display:block;width:100%;height:50px;text-align:center;
    border:1px solid #028c8d;color:#028c8d;border-radius:6px;cursor:pointer;transition:all .2s ease;
    position:relative;}
section.balju_write .sky_option_ul label span {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
    width:100%;line-height:20px;font-size:18px;letter-spacing:-0.4px;padding:0 4px;box-sizing:border-box;
    font-weight:500;}
section.balju_write .sky_option_ul input:checked+label {background:#028c8d;color:#fff;}
section.balju_write .option_layer .select_wrap {position:relative;}
section.balju_write .option_layer .select_wrap::before {content:'';position:absolute;top:50%;right:10px;
    width:16px;height:16px;margin-top:-8px;background:url('/img/back.png')no-repeat center/6px;
    transform:rotateZ(-90deg);}
section.balju_write .option_layer .select_wrap input {display:block;width:100%;padding:0 10px;height:44px;
    box-sizing:border-box;border:1px solid #ccc;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;}
section.balju_write .ladder_type_wrap {display:flex;justify-content:space-between;}
section.balju_write .ladder_type_wrap input {display:none;}
section.balju_write .ladder_type_wrap input+label {margin:0;display:block;width:48%;line-height:36px;
    text-align:center;border:1px solid #028c8d;color:#028c8d;border-radius:6px;cursor:pointer;
    transition:all .2s ease;display:block;font-size:16px;}
section.balju_write .ladder_type_wrap input+label::before {display:none;}
section.balju_write .ladder_type_wrap input:checked+label {background:#028c8d;color:#fff;}
section.balju_write .sky_weight {display:flex;flex-wrap:wrap;margin:0 -5px;}
section.balju_write .sky_weight li {width:calc(calc(100% / 7) + 4px);padding:5px;}
section.balju_write .sky_weight input {display:none;}
section.balju_write .sky_weight label {display:block!important;width:100%;line-height:40px!important;
    text-align:center;border:1px solid #028c8d;color:#028c8d;border-radius:6px;cursor:pointer;
    transition:all .2s ease;font-size:18px;font-weight:600;}
section.balju_write .sky_weight label::before {display:none!important;}
section.balju_write .sky_weight li:first-child {width:calc(calc(100% / 7) * 1.5);}
section.balju_write .sky_weight li:first-child label {filter:grayscale(0);opacity:1;}
section.balju_write .sky_weight input:disabled+label {filter:grayscale(1);opacity:.4;background:#e1e1e1;
    color:#979797;border-color:#cbcbcb;}
section.balju_write .sky_weight input:checked+label {background:#028c8d;color:#fff;
    filter:grayscale(0);opacity:1;}
section.balju_write .ladder_height {display:flex;flex-wrap:wrap;margin:0 -5px;}
section.balju_write .ladder_height li {width:20%;padding:5px;}
section.balju_write .ladder_height input {display:none;}
section.balju_write .ladder_height label {display:block;width:100%;line-height:28px;text-align:center;
    border:1px solid #028c8d;color:#028c8d;border-radius:6px;cursor:pointer;transition:all .2s ease;
    padding:4px 8px;box-sizing:border-box;font-size:18px;font-weight:600;white-space:nowrap;}
section.balju_write .ladder_height input:checked+label {background:#028c8d;color:#fff;}
section.balju_write .ladder_weight {display:flex;flex-wrap:wrap;margin:0 -5px;}
section.balju_write .ladder_weight li {width:calc(100% / 5);padding:5px;}
section.balju_write .ladder_weight input {display:none;}
section.balju_write .ladder_weight label {display:block!important;width:100%;line-height:20px!important;
    text-align:center;border:1px solid #028c8d;color:#028c8d;border-radius:6px;cursor:pointer;
    transition:all .2s ease;padding:4px 0;font-size:16px;font-weight:600;letter-spacing:-0.6px;}
section.balju_write .ladder_weight label::before {display:none!important;}
section.balju_write .ladder_weight input:checked+label {background:#028c8d;color:#fff;}
section.balju_write .ladder_option_ul {display:flex;flex-wrap:wrap;margin:0 -5px;}
section.balju_write .ladder_option_ul li {width:25%;padding:5px;}
section.balju_write .ladder_option_ul input {display:none;}
section.balju_write .ladder_option_ul label {display:block;width:100%;height:40px;text-align:center;
    border:1px solid #028c8d;color:#028c8d;border-radius:6px;cursor:pointer;transition:all .2s ease;
    position:relative;}
section.balju_write .ladder_option_ul label span {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
    width:100%;line-height:18px;font-size:18px;letter-spacing:-0.4px;padding:0 4px;box-sizing:border-box;
    font-weight:600;}
section.balju_write .ladder_option_ul input:checked+label {background:#028c8d;color:#fff;}
section.balju_write .crane_move_wrap {display:flex;justify-content:space-between;}
section.balju_write .crane_move_wrap input {display:none;}
section.balju_write .crane_move_wrap input+label {margin:0;display:block;width:48%;line-height:36px;
    text-align:center;border:1px solid #028c8d;color:#028c8d;border-radius:6px;cursor:pointer;
    transition:all .2s ease;display:block;font-size:16px;}
section.balju_write .crane_move_wrap input+label::before {display:none;}
section.balju_write .crane_move_wrap input:checked+label {background:#028c8d;color:#fff;}
section.balju_write .crane_weight {display:flex;flex-wrap:wrap;margin:0 -5px;}
section.balju_write .crane_weight li {width:calc(100% / 6);padding:5px;}
section.balju_write .crane_weight:nth-child(2) li {width:calc(calc(100% / 7) - 4px);}
section.balju_write .crane_weight input {display:none;}
section.balju_write .crane_weight label {display:block!important;width:100%;line-height:36px!important;
    text-align:center;border:1px solid #028c8d;color:#028c8d;border-radius:6px;cursor:pointer;
    transition:all .2s ease;font-size:16px;font-weight:600;}
section.balju_write .crane_weight label::before {display:none!important;}
section.balju_write .crane_weight li:first-child {width:calc(100% / 3.4);}
section.balju_write .crane_weight li:first-child label {filter:grayscale(0);opacity:1;}
section.balju_write .crane_weight input:disabled+label {filter:grayscale(1);opacity:.4;background:#e1e1e1;
    color:#979797;border-color:#cbcbcb;}
section.balju_write .crane_weight input:checked+label {background:#028c8d;color:#fff;
    filter:grayscale(0);opacity:1;}
section.balju_write .crane_option_ul {display:flex;flex-wrap:wrap;margin:0 -5px;}
section.balju_write .crane_option_ul li {width:25%;padding:5px;}
section.balju_write .crane_option_ul input {display:none;}
section.balju_write .crane_option_ul label {display:block;width:100%;height:40px;text-align:center;
    border:1px solid #028c8d;color:#028c8d;border-radius:6px;cursor:pointer;transition:all .2s ease;
    position:relative;}
section.balju_write .crane_option_ul label span {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
    width:100%;line-height:18px;font-size:18px;letter-spacing:-0.4px;padding:0 4px;box-sizing:border-box;
    font-weight:600;}
section.balju_write .crane_option_ul input:checked+label {background:#028c8d;color:#fff;}
section.balju_write .swiper-slide .btn_wrap {padding:20px 12px;}
section.balju_write .swiper-slide .weight_col {display:flex;align-items:center;}
section.balju_write .swiper-slide .weight_col p {width:60px;line-height:40px;text-align:center;}
section.balju_write .swiper-slide .weight_col ul {display:flex;}
section.balju_write .swiper-slide .weight_col input {display:none;}
section.balju_write .swiper-slide .weight_col label {display:block;width:40px;height:40px;line-height:40px;
    text-align:center;border:1px solid #028c8d;border-radius:6px;margin:5px;cursor:pointer;
    transition:all .2s ease;}
section.balju_write .swiper-slide .weight_col label::before {display:none;}
section.balju_write .swiper-slide .weight_col input:checked+label {background:#028c8d;color:#fff;}
section.balju_write .swiper-slide .weight_col input:disabled+label {background:#e5e5e5;color:#bbb;
    border-color:#d5d5d5;}
section.balju_write .swiper-slide .car_height_wrap {}
section.balju_write .swiper-slide .car_height_wrap ul {display:flex;flex-wrap:wrap;}
section.balju_write .swiper-slide .car_height_wrap li {width:calc(100% / 6);padding:5px;}
section.balju_write .swiper-slide .car_height_wrap .car_height_all {width:100%;}
section.balju_write .swiper-slide .car_height_wrap .car_height_all label {width:118px;}
section.balju_write .swiper-slide .car_height_wrap input {display:none;}
section.balju_write .swiper-slide .car_height_wrap label {display:block;margin:0;border:1px solid #028c8d;
    color:#028c8d;border-radius:6px;text-align:center;line-height:46px;transition:all .2s ease;
    cursor:pointer;font-size:18px;font-weight:600;}
section.balju_write .swiper-slide .car_height_wrap label::before {display:none;}
section.balju_write .swiper-slide .car_height_wrap input:checked+label {background:#028c8d;color:#fff;}
section.balju_write .swiper-slide .gorilla_wrap {}
section.balju_write .swiper-slide .gorilla_wrap ul {display:flex;justify-content:space-between;}
section.balju_write .swiper-slide .gorilla_wrap li {width:50%;padding:0 5px;}
section.balju_write .swiper-slide .gorilla_wrap input {display:none;}
section.balju_write .swiper-slide .gorilla_wrap label {display:block;margin:0;border:1px solid #028c8d;
    color:#028c8d;border-radius:6px;text-align:center;line-height:42px;transition:all .2s ease;
    cursor:pointer;font-size:18px;font-weight:600;}
section.balju_write .swiper-slide .gorilla_wrap label::before {display:none;}
section.balju_write .swiper-slide .gorilla_wrap input:checked+label {background:#028c8d;color:#fff;}
section.balju_write .swiper-slide .date_wrap {padding-bottom:46px;}
section.balju_write .swiper-slide .date_wrap ul {display:flex;justify-content:space-between;margin:0 -5px;}
section.balju_write .swiper-slide .date_wrap li {width:50%;padding:0 5px;}
section.balju_write .swiper-slide .date_wrap input {display:none;}
section.balju_write .swiper-slide .date_wrap label {display:block;margin:0;border:1px solid #028c8d;
    color:#028c8d;border-radius:6px;text-align:center;line-height:42px;transition:all .2s ease;
    cursor:pointer;font-size:16px;}
section.balju_write .swiper-slide .date_wrap label::before {display:none;}
section.balju_write .swiper-slide .date_wrap input:checked+label {background:#028c8d;color:#fff;}
section.balju_write .swiper-slide .date_wrap .datepicker {display:block;width:100%;margin-top:14px;}
section.balju_write .swiper-slide .date_wrap .datepicker--cell.-current- {color:#028c8d;font-weight:700;
    background:#f6f6f6;}
section.balju_write .swiper-slide .date_wrap .datepicker--cell.-selected- {background:#028c8d;color:#fff;}
section.balju_write .datepicker--nav-title {font-family:'noto sans kr';font-size:18px;font-weight:600;
    line-height:42px;}
section.balju_write .datepicker--day-name {font-family:'noto sans kr';font-size:16px;font-weight:500;
    margin-bottom:4px;}
section.balju_write .datepicker--cell {font-family:'noto sans kr';font-size:16px;font-weight:500;
    height:54px;}
section.balju_write .datepicker--cell.-disabled-.-focus- {background:none;}
section.balju_write .datepicker--cells-months {height:auto;}
section.balju_write .swiper-slide .hour_wrap {}
section.balju_write .swiper-slide .hour_wrap p {}
section.balju_write .swiper-slide .hour_wrap p span {font-size:15px;font-weight:600;}
section.balju_write .swiper-slide .hour_wrap ul {display:flex;flex-wrap:wrap;margin:0 -5px 20px;}
section.balju_write .swiper-slide .hour_wrap li {width:calc(100% / 4);padding:5px;}
section.balju_write .swiper-slide .hour_wrap ul:last-child li {width:calc(100% / 3);}
section.balju_write .swiper-slide .hour_wrap input {display:none;}
section.balju_write .swiper-slide .hour_wrap input+label {margin:0;display:block;line-height:46px;
    text-align:center;border:1px solid #028c8d;color:#028c8d;border-radius:6px;cursor:pointer;
    transition:all .2s ease;display:block;font-size:18px;font-weight:600;}
section.balju_write .swiper-slide .hour_wrap input+label::before {display:none;}
section.balju_write .swiper-slide .hour_wrap input:checked+label {background:#028c8d;color:#fff;}
section.balju_write .swiper-slide .work_time_wrap ul {display:flex;flex-wrap:wrap;margin:0 -3px 28px;}
section.balju_write .swiper-slide .work_time_wrap li {width:calc(100% / 5);padding:0 2px;}
section.balju_write .swiper-slide .work_time_wrap input {display:none;}
section.balju_write .swiper-slide .work_time_wrap input+label {margin:0;display:block;line-height:42px;
    text-align:center;border:1px solid #028c8d;color:#028c8d;border-radius:6px;cursor:pointer;
    transition:all .2s ease;display:block;font-size:16px;font-weight:500;}
section.balju_write .swiper-slide .work_time_wrap input+label::before {display:none;}
section.balju_write .swiper-slide .work_time_wrap input:checked+label {background:#028c8d;color:#fff;}
section.balju_write .swiper-slide .work_cost_wrap {display:flex;justify-content:space-between;flex-wrap:wrap;
    margin-bottom:20px;}
section.balju_write .swiper-slide .work_cost_wrap .left {width:96px;font-weight:600;color:#444;
    font-size:18px;padding-top:8px;letter-spacing:-0.4px;}
section.balju_write .swiper-slide .work_cost_wrap .red_art {width:100%;}
section.balju_write .swiper-slide .work_cost_wrap .relative {position:relative;width:calc(100% - 100px);}
section.balju_write .swiper-slide .work_cost_wrap input {display:block;width:100%;padding:0 10px;
    height:48px;box-sizing:border-box;border:1px solid #ccc;border-radius:6px;padding:0 34px 0 10px;
    font-size:18px;font-weight:600;}
section.balju_write .swiper-slide .work_cost_wrap .relative span {position:absolute;top:10px;right:10px;
    font-size:18px;font-weight:500;}
section.balju_write .swiper-slide .work_cost_wrap .red_art {font-size:12px;margin-top:2px;color:#ef1717;
    font-weight:500;}
section.balju_write .collect_wrap {}
section.balju_write .collect_wrap ul {display:flex;flex-wrap:wrap;margin:0 -5px;}
section.balju_write .collect_wrap li {width:50%;padding:0 5px;}
section.balju_write .collect_wrap input {display:none;}
section.balju_write .collect_wrap input+label {margin:0;display:block;line-height:60px;
    text-align:center;border:1px solid #028c8d;color:#028c8d;border-radius:6px;cursor:pointer;
    transition:all .2s ease;display:block;font-size:20px;font-weight:600;}
section.balju_write .collect_wrap input+label::before {display:none;}
section.balju_write .collect_wrap input:checked+label {background:#028c8d;color:#fff;}
section.balju_write .collect_type_sub {margin-top:20px;display:none;}
section.balju_write .collect_type_sub p {font-weight:500;font-size:15px;margin-bottom:4px;}
section.balju_write .collect_type_sub ul {margin:0 -5px;}
section.balju_write .collect_type_sub li {width:25%;padding:5px;}
section.balju_write .collect_type_sub input+label {margin:0;display:block;line-height:52px;
    text-align:center;border:1px solid #028c8d;color:#028c8d;border-radius:6px;cursor:pointer;
    transition:all .2s ease;display:block;font-size:18px;}
section.balju_write .addr_wrap {padding-bottom:20px;position:relative;}
section.balju_write .addr_wrap>input {display:block;width:100%;padding:0 60px 0 10px;margin:6px 0;
    height:52px;box-sizing:border-box;border:1px solid #ccc;border-radius:6px;font-size:18px;
    font-weight:600;}
section.balju_write .addr_wrap #detailAddress {display:none;}
section.balju_write .addr_wrap .my_location {display:block;width:100%;padding:0 10px;margin:6px 0;
    height:52px;box-sizing:border-box;border-radius:6px;font-size:18px;color:#fff;
    font-weight:600;background:#028c8d;}
section.balju_write .addr_wrap .my_location i {margin-right:6px;}
section.balju_write .addr_wrap .adr_btn {position:absolute;top:65px;right:16px;font-size:24px;color:#666;}
section.balju_write .addr_wrap .locations {max-height:calc(100vh - 410px);overflow-x:hidden;
    overflow-y:auto;margin:16px -16px 0;}
section.balju_write .addr_wrap .locations::-webkit-scrollbar {width:6px;}
section.balju_write .addr_wrap .locations::-webkit-scrollbar-thumb {background:#bbb;border-radius:100vw;}
section.balju_write .addr_wrap .locations::-webkit-scrollbar-track {background:#f3f3f3;}
section.balju_write .addr_wrap .locations ul {display:flex;flex-direction:column;
    overflow:auto;font-size:16px;font-weight:600;letter-spacing:-0.2px;}
section.balju_write .addr_wrap .locations li {}
section.balju_write .addr_wrap .locations li a {padding:6px 16px;border-bottom:3px solid #eee;}
section.balju_write .addr_wrap .locations li a p {text-align:left;}
section.balju_write .addr_wrap .locations li a p:active {background:#f3f3f3;}
section.balju_write .addr_wrap .locations li a p i {margin-right:0px;}
section.balju_write .addr_wrap .locations li a p span {display:block;font-size:14px;font-weight:400;
    color:#888;margin-top:0px;}
section.balju_write .addr_wrap .locations #location1 i {color:#ed1b1b;}
section.balju_write .addr_wrap .locations #location2 i {color:#1775ed;}
section.balju_write .addr_wrap .locations #location3 i {color:#08af4d;}

section.balju_write .user_select_layer {position:fixed;bottom:-500px;width:100%;max-width:420px;z-index:51;
    transition:bottom .3s ease;margin-left:-16px;background:#fff;padding:0 16px;text-align:center;;}
section.balju_write .user_select_layer.show {bottom:0;}
section.balju_write .user_select_layer .title {font-size:16px;font-weight:600;text-align:center;line-height:52px;
    position:relative;width:100%;margin:0 auto 14px;border-bottom:1px solid #eee;}
section.balju_write .user_select_layer .close {position:absolute;top:50%;right:0;margin-top:-11px;}
section.balju_write .user_select_layer .t1 {font-size:14px;font-weight:500;margin-bottom:34px;
    letter-spacing:-0.4px;}
section.balju_write .user_select_layer .t2 {font-size:13px;text-align:center;margin-bottom:12px;}
section.balju_write .user_select_layer .flex.btw {}
section.balju_write .user_select_layer .flex input {display:block;width:calc(100% - 86px);
    border:1px solid #ccc;border-radius:6px;padding:0 12px;box-sizing:border-box;height:36px;}
section.balju_write .user_select_layer .flex button {width:70px;line-height:36px;border-radius:6px;
    background:#028c8d;color:#fff;}
section.balju_write .user_select_layer .red_art {font-size:12px;margin-top:2px;color:#ef1717;font-weight:500;
    text-align:left;}
section.balju_write .user_select_layer .search_list {margin:36px 0 60px;text-align:center;font-size:16px;
    font-weight:500;padding:10px 24px;box-shadow:0 0 6px rgba(0,0,0,0.16);display:inline-block;
    border-radius:12px;line-height:32px;}
section.balju_write .user_select_layer .search_list span {font-size:13px;display:block;color:#666;
    margin:12px 0 4px;}
section.balju_write .user_select_layer .btn_wrap {display:flex;width:calc(100% + 32px);margin-left:-16px;}
section.balju_write .user_select_layer .btn_wrap .close {background:#0a0a0a;color:#fff;position:static;
    width:120px;line-height:46px;height:46px;font-size:15px;margin:0;}
section.balju_write .user_select_layer .user_select_ok {width:calc(100% - 120px);background:#028c8d;
    color:#fff;font-size:15px;height:46px;line-height:46px;}


/* 차량관리 */
section.mycar {padding:0 16px 12px;}
section.mycar .car_ul {}
section.mycar .car_ul>li {margin:20px 0;box-shadow:2px 2px 6px rgba(0,0,0,0.14);border-radius:12px;
    border:1px solid #f1f1f1;overflow:hidden;}
section.mycar .car_ul .top {display:flex;position:relative;padding:12px 0;margin:0 12px;
    border-bottom:1px dashed #ccc;}
section.mycar .car_ul .top span {line-height:22px;padding:0 10px;border:1px solid #028c8d;border-radius:6px;
    font-size:13px;font-weight:500;color:#028c8d;margin-right:4px;letter-spacing:-0.4px;}
section.mycar .car_ul .top span.confirm_ok {border-color:#028c8d;background:#028c8d;color:#fff;}
section.mycar .car_ul .top span.confirm_no {border-color:#a9a9a9;background:#a9a9a9;color:#fff;}
section.mycar .car_ul .top p {position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:12px;
    font-weight:500;background:#028c8d;padding:0 10px;line-height:24px;border-radius:6px;color:#fff;
    letter-spacing:-0.4px;}
section.mycar .car_ul .top p i {margin-right:6px;font-size:13px;}
section.mycar .car_ul .info {padding:0 12px;}
section.mycar .car_ul .info li {display:flex;align-items:flex-start;margin:6px 0;}
section.mycar .car_ul .info .left {width:60px;color:#666;}
section.mycar .car_ul .info .right {width:calc(100% - 60px);line-height:22px;font-weight:500;color:#0a0a0a;}
section.mycar .car_ul .btn_wrap {display:flex;}
section.mycar .car_ul .btn_wrap button {width:100%;line-height:42px;font-size:14px;font-weight:500;text-align:center;
    background:#fff0f0;color:#f93a3a;display:flex;justify-content:center;align-items:center;}
section.mycar .car_ul .btn_wrap button i {font-size:16px;margin-right:6px;display:block;}
section.mycar .car_ul .btn_wrap input {display:none;}
section.mycar .car_ul .btn_wrap label {width:100%;line-height:42px;font-size:14px;font-weight:500;text-align:center;
    background:#e4f3f3;color:#333;transition:all .2s ease;cursor:pointer;display:flex;align-items:center;
    justify-content:center;}
section.mycar .car_ul .btn_wrap input:checked+label {background:#028c8d;color:#fff;}
section.mycar .car_ul .btn_wrap label i {font-size:18px;margin-right:6px;display:block;color:#555;}
section.mycar .car_ul .btn_wrap input:checked+label i {color:#fff;}
section.mycar .car_write {position:fixed;bottom:40px;left:calc(50% + 442px);border-radius:100vw;
    box-sizing:border-box;background:#ff5d5d;color:#fff;width:62px;height:62px;line-height:16px;
    text-align:center;font-size:12px;padding:10px 0;font-weight:500;box-shadow:0 0 6px rgba(0,0,0,0.3);}
section.mycar .car_write i {display:block;font-size:24px;margin-bottom:2px;}


/* 포인트 출금내역 */
section.point_calc {padding:0 16px;}
section.point_calc>.t1 {text-align:center;font-size:18px;font-weight:600;margin:30px 0;}
section.point_calc>.t1 span {display:block;font-size:22px;font-weight:700;line-height:42px;color:#028c8d;}
section.point_calc .tab_wrap .tab_cate {display:flex;border-radius:100vw;padding:4px;background:#ebebeb;
    position:relative;margin-bottom:20px;}
section.point_calc .tab_wrap .tab_cate::before {content:'';position:absolute;top:4px;left:4px;height:32px;
    border-radius:100vw;width:calc(calc(100% / 4) - 2px);background:#028c8d;transition:left .3s ease;}
section.point_calc .tab_wrap .tab_cate.all::before {left:4px;}
section.point_calc .tab_wrap .tab_cate.ok::before {left:calc(calc(calc(100% + 8px) / 4) * 1);background:#1683e3;}
section.point_calc .tab_wrap .tab_cate.ing::before {left:calc(calc(100% / 4) * 2);background:#ed8e39;}
section.point_calc .tab_wrap .tab_cate.cancel::before {left:calc(calc(calc(100% - 3px) / 4) * 3);background:#ed3939;}
section.point_calc .tab_wrap .tab_cate li {width:25%;position:relative;}
section.point_calc .tab_wrap .tab_cate input {display:none;}
section.point_calc .tab_wrap .tab_cate label {display:block;text-align:center;font-weight:600;
    line-height:32px;color:#888;transition:all .3s ease;cursor:pointer;
    -webkit-tap-highlight-color:transparent !important;}
section.point_calc .tab_wrap .tab_cate input:checked+label {color:#fff;}
section.point_calc .list {border-radius:14px;border:1px solid #f1f1f1;box-shadow:0 0 4px rgba(0,0,0,0.2);
    max-height:calc(100vh - 340px);overflow:auto;position:relative;}
section.point_calc .list li {display:flex;border-bottom:1px dashed #eee;}
section.point_calc .list li:last-child {border:0;}
section.point_calc .list .top {border-bottom:2px solid #028c8d;position:sticky;top:0;z-index:1;background:#fff;}
section.point_calc .list .top p {font-size:15px;font-weight:600;line-height:42px;}
section.point_calc .list .top p:nth-child(1) {color:#0a0a0a;}
section.point_calc .list p {width:33.333%;text-align:center;line-height:36px;letter-spacing:-0.4px;}
section.point_calc .list p:nth-child(1) {color:#666;}
section.point_calc .list p:nth-child(2) {font-weight:500;}
section.point_calc .list p.ing {color:#ed8e39;font-weight:500;}
section.point_calc .list p.comp {color:#1683e3;font-weight:500;}
section.point_calc .list p.cancel {color:#ed3939;font-weight:500;}
section.point_calc .point_calc_btn {position:fixed;bottom:0;width:100%;max-width:420px;height:54px;line-height:54px;
    background:#028c8d;color:#fff;font-size:16px;font-weight:500;text-align:center;margin-left:-16px;}
.calc_layer {position:fixed;top:50%;left:calc(50% + 116px);width:calc(100% - 32px);max-width:388px;
    z-index:51;background:#fff;border-radius:14px;transform:translateY(-50%);overflow:hidden;display:none;}
.calc_layer .title {font-size:16px;font-weight:600;text-align:center;line-height:52px;
    position:relative;width:calc(100% - 32px);margin:0 auto;border-bottom:1px solid #eee;}
.calc_layer .close {position:absolute;top:50%;right:0;margin-top:-11px;}
.calc_layer.tab2 .tab1 {display:none;}
.calc_layer .t1 {text-align:center;font-size:16px;font-weight:500;margin:20px 0;}
.calc_layer .t1 span {display:block;font-size:18px;font-weight:700;color:#028c8d;}
.calc_layer .cont {display:flex;align-items:center;position:relative;flex-wrap:wrap;padding:0 16px;
    justify-content:space-between;margin:10px 0;}
.calc_layer .cont .left {width:100px;}
.calc_layer .cont input {display:block;width:calc(100% - 110px);border:1px solid #ccc;height:36px;padding:0 10px;
    border-radius:6px;box-sizing:border-box;}
.calc_layer .cont span {position:absolute;top:50%;right:26px;transform:translateY(-50%);font-weight:500;}
.calc_layer .art {font-size:12px;color:#ef1717;font-weight:500;padding:0 16px;margin-top:26px;
    text-align:center;}
.calc_layer .red_art {padding-left:110px;font-size:12px;color:#ef1717;font-weight:500;}
.calc_layer .btn_wrap {display:flex;margin-top:32px;}
.calc_layer .btn_wrap .cancel {width:120px;line-height:46px;background:#0a0a0a;color:#fff;font-size:15px;}
.calc_layer .btn_wrap .point_calc_ok {width:calc(100% - 120px);line-height:46px;background:#028c8d;
    color:#fff;font-size:15px;}
.calc_layer .tab2 {display:none;}
.calc_layer.tab2 .tab2 {display:block;}
.calc_layer .tab2 img {display:block;width:160px;margin:40px auto;}
.calc_layer .tab2 .t1 {font-size:18px;}
.calc_layer .tab2 ul {padding:0 16px;}
.calc_layer .tab2 li {display:flex;align-items:center;margin:8px 0;justify-content:center;}
.calc_layer .tab2 .left {width:120px;font-size:15px;letter-spacing:-0.4px;}
.calc_layer .tab2 .right {width:120px;font-size:16px;font-weight:500;}
.calc_layer .tab2 .right.point {color:#028c8d;font-size:18px;font-weight:600;}
.calc_layer .tab2 .ok {width:100%;line-height:46px;background:#028c8d;color:#fff;font-size:15px;margin-top:24px;}


/* 상세보기 */
section.detail_view {padding:0 16px 20px;}
section.detail_view .view_wrap {background:#fff;padding-top:14px;min-height:calc(100vh - 61px);}
section.detail_view .title {font-size:16px;font-weight:600;text-align:center;line-height:52px;
    position:sticky;top:0;background:#fff;;width:100%;margin:0 auto 6px;border-bottom:1px solid #eee;}
section.detail_view .scroll_cont {}
section.detail_view .emergency {position:absolute;top:50%;right:0;margin-top:-11px;color:#eb1c1c;}
section.detail_view .close {position:absolute;top:50%;right:0;margin-top:-11px;}
section.detail_view .top_flex {display:flex;justify-content:space-between;align-items:flex-start;}
section.detail_view .top_flex .cate {width:84px;line-height:32px;border-radius:6px;text-align:center;
    display:block;border:1px solid #333;font-size:16px;}
section.detail_view .top_flex .cate.confirm {border-color:#028c8d;color:#028c8d;}
section.detail_view .top_flex .cate.end {position:relative;border-color:#b3b3b3;background:#b3b3b3;color:#fff;}
section.detail_view .top_flex .cate.end span {position:absolute;bottom:-18px;left:0;white-space:nowrap;
    font-size:11px;color:#fb4c4c;font-weight:500;}
section.detail_view .top_flex .date {font-size:16px;font-weight:500;color:#666;margin-top:2px;}
section.detail_view ul {margin:20px 0 0;padding-bottom:24px;font-size:15px;
    border-bottom:1px solid #ccc;}
section.detail_view li {display:flex;align-items:center;}
section.detail_view li .left {width:106px;color:#666;line-height:24px;padding:12px 0;font-size:18px;}
section.detail_view li .right{width:calc(100% - 106px);font-weight:500;line-height:24px;padding:12px 0;
    font-size:18px;letter-spacing:-0.4px;}
section.detail_view li .right.price {color:#028c8d;font-weight:600;}
section.detail_view li .right.fee span {color:#244fef;}
section.detail_view li .right.user_phone span {display:block;font-size:14px;font-weight:400;
    color:#999;}
section.detail_view li .edit {display:block;width:100%;line-height:46px;background:#028c8d;color:#fff;
    border-radius:10px;font-size:15px;font-weight:500;margin:10px 0 0;
    box-shadow:2px 2px 4px rgba(0,0,0,0.14);}
section.detail_view .bottom_btn_wrap {display:flex;flex-wrap:wrap;position:sticky;top:1000px;
    width:100%;}
section.detail_view .bottom_btn_wrap .flex {width:100%;justify-content:space-between;}
section.detail_view .bottom_btn_wrap .flex.type_o {margin-bottom:12px;}
section.detail_view .bottom_btn_wrap .flex button {background:#028c8d;color:#fff;width:calc(50% - 6px);
    padding:6px 0;font-size:16px;border-radius:12px;box-shadow:2px 2px 4px rgba(0,0,0,0.14);}
section.detail_view .bottom_btn_wrap .flex button span {display:block;font-size:10px;line-height:14px;
    margin-top:2px;color:#f1f1f1;}
section.detail_view .bottom_btn_wrap .cancel {background:#f12f2f!important;
    width:calc(33.333% - 6px)!important;}
section.detail_view .bottom_btn_wrap .re_write  {width:calc(33.333% - 6px)!important;}
section.detail_view .bottom_btn_wrap .add_write  {width:calc(33.333% - 6px)!important;}
section.detail_view .bottom_btn_wrap .two .re_write  {width:calc(50% - 6px)!important;}
section.detail_view .bottom_btn_wrap .two .add_write  {width:calc(50% - 6px)!important;}
section.detail_view .bottom_btn_wrap a {display:flex;width:100%;justify-content:center;
    line-height:50px;background:#fff;color:#028c8d;align-items:center;border-radius:10px;
    box-shadow:0 0 4px rgba(0,0,0,0.2);}
section.detail_view .bottom_btn_wrap a i {transform:rotate(10deg);margin:0 6px -2px 0;
    font-size:16px;display:block;}
section.detail_view .bottom_btn_wrap .del {width:calc(30% - 6px)!important;line-height:38px;
    background:#f12f2f!important;}
section.detail_view .bottom_btn_wrap .balju_write_fin {width:calc(70% - 6px)!important;line-height:38px;}
section.detail_view .bottom_btn {display:block;width:100%;border-radius:10px;box-shadow:2px 2px 4px rgba(0,0,0,0.14);
    line-height:50px;background:#028c8d;color:#fff;font-size:15px;font-weight:500;}
section.detail_view .bottom_btn_cancel {display:block;width:100%;
    line-height:50px;background:#eb1c1c;color:#fff;font-size:15px;font-weight:500;}
section.detail_view .bottom_btn.end {background:#9b9b9b;}
section.detail_view .tel {display:flex;width:100%;
    line-height:50px;background:#028c8d;color:#fff;font-size:15px;font-weight:500;justify-content:center;
    align-items:center;}
section.detail_view .view_wrap .tel i {transform:rotate(10deg);margin:0 6px -2px 0;
    font-size:16px;display:block;}





/* 포인트 전달하기 */
section.point_send {padding:0 16px 80px;}
section.point_send>.t1 {text-align:center;font-size:18px;font-weight:600;margin:30px 0;}
section.point_send>.t1 span {display:block;font-size:22px;font-weight:700;line-height:42px;color:#028c8d;}
section.point_send .send_box {display:flex;align-items:center;justify-content:space-between;margin-bottom:60px;}
section.point_send .send_box .left {width:120px;margin-top:-16px;}
section.point_send .send_box .relative {position:relative;width:calc(100% - 120px);}
section.point_send .send_box .relative input {height:38px;border:1px solid #ccc;border-radius:6px;
    width:100%;padding:0 10px;box-sizing:border-box;}
section.point_send .send_box .red_art {font-size:12px;color:#ef1717;font-weight:500;}
section.point_send .send_box .acronym {position:absolute;top:9px;right:16px;font-weight:500;}
section.point_send .user_select_wrap {}
section.point_send .user_select_wrap .art {font-size:15px;font-weight:500;line-height:24px;margin-bottom:12px;}
section.point_send .user_select_wrap .art span {display:block;font-size:14px;font-weight:400;color:#666;}
section.point_send .user_select_wrap .flex.btw {}
section.point_send .user_select_wrap .flex input {display:block;width:calc(100% - 86px);border:1px solid #ccc;
    border-radius:6px;padding:0 10px;box-sizing:border-box;height:36px;}
section.point_send .user_select_wrap .flex button {width:70px;line-height:36px;border-radius:6px;color:#fff;
    background-color:#028c8d;}
section.point_send .user_select_wrap .select_list {margin:36px 0 0;text-align:center;font-size:16px;
    font-weight:500;padding:10px 16px;box-shadow:0 0 6px rgba(0,0,0,0.16);display:block;border-radius:12px;
    line-height:32px;}
section.point_send .user_select_wrap .select_list span {display:block;font-size:13px;color:#666;margin:12px 0 4px;}
section.point_send .bottom_fix {position:fixed;bottom:0;margin-left:-16px;width:100%;max-width:420px;}
section.point_send .send_btn {line-height:50px;background:#028c8d;color:#fff;font-size:15px;font-weight:500;
    display:block;width:100%;text-align:center;}

section.point_send .logo {width:190px;margin:50px auto 40px;}
section.point_send ul {}
section.point_send ul li {display:flex;justify-content:center;margin:10px 0;}
section.point_send li .left {width:120px;font-size:16px;font-weight:500;color:#444;}
section.point_send li .right {width:160px;font-size:18px;font-weight:500;}
section.point_send li .right.point {font-weight:600;color:#028c8d;}


/* 블랙업체 */
section.black {padding:0 16px 24px;}
section.black .user_select_wrap {margin:0 -16px;padding:0 16px 30px;border-bottom:4px solid #eee;}
section.black .user_select_wrap .art {font-size:15px;font-weight:500;line-height:24px;margin:20px 0 12px;}
section.black .user_select_wrap .art span {display:block;font-size:14px;font-weight:400;color:#666;}
section.black .user_select_wrap .flex.btw {}
section.black .user_select_wrap .flex input {display:block;width:calc(100% - 86px);border:1px solid #ccc;
    border-radius:6px;padding:0 10px;box-sizing:border-box;height:36px;}
section.black .user_select_wrap .flex button {width:70px;line-height:36px;border-radius:6px;color:#fff;
    background:#028c8d;}
section.black .user_select_wrap .select_list {margin:24px 0 0;text-align:center;font-size:16px;
    font-weight:500;padding:10px 16px;box-shadow:0 0 6px rgba(0,0,0,0.16);display:block;border-radius:12px;
    line-height:32px;}
section.black .user_select_wrap .select_list span {display:block;font-size:13px;color:#666;margin:12px 0 4px;}
section.black .relative {margin:30px 0;position:relative;}
section.black .relative input {display:block;width:100%;height:38px;border-radius:6px;border:1px solid #ccc;
    padding:0 64px 0 10px;box-sizing:border-box;}
section.black .relative .search_btn {position:absolute;top:50%;right:10px;width:32px;height:32px;margin-top:-16px;
    background:url('/img/search.png')no-repeat center/18px;}
section.black .black_t1 {font-size:16px;font-weight:700;margin:14px 0;text-align:center;}
section.black .ul_top {display:flex;}
section.black .ul_top p {width:33.333%;font-weight:500;color:#444;line-height:36px;padding:0 6px;
    letter-spacing:-0.4px;}
section.black .ul_top p:nth-child(1) {width:30%;}
section.black .ul_top p:nth-child(2) {text-align:center;width:35.333%;}
section.black .ul_top p:nth-child(3) {text-align:right;width:34.333%;}
section.black .black_ul {margin:-14px 0;}
section.black .black_ul li {margin:14px 0;}
section.black .black_ul li.empty {text-align:center;line-height:120px;color:#bbb;}
section.black .black_ul li.my .black_li {background:#dbf1f1;}
section.black .black_ul .black_li {display:flex;border-radius:6px;box-shadow:2px 2px 4px rgba(0,0,0,0.16);
    border:1px solid #f3f3f3;width:100%;}
section.black .black_ul .black_li p {padding:0 10px;line-height:20px;margin:8px 0;width:33.333%;
    text-align:left;}
section.black .black_ul .black_li p:nth-child(1) {width:30%;color:#666;}
section.black .black_ul .black_li p:nth-child(2) {display:-webkit-box;-webkit-line-clamp:2;
    -webkit-box-orient:vertical;overflow:hidden;text-align:center;width:35.666%;}
section.black .black_ul .black_li p:nth-child(3) {text-align:right;width:34.666%;}
section.black .bottom_btn  {position:fixed;bottom:40px;left:calc(50% + 442px);border-radius:100vw;
    box-sizing:border-box;background:#ff5d5d;color:#fff;width:62px;line-height:16px;
    text-align:center;font-size:12px;padding:10px 0;font-weight:500;box-shadow:0 0 6px rgba(0,0,0,0.3);}
section.black .bottom_btn i {display:block;font-size:24px;margin-bottom:2px;}
.black_layer {position:fixed;top:50%;left:calc(50% + 116px);width:calc(100% - 32px);display:none;
    max-width:388px;z-index:51;background:#fff;border-radius:14px;transform:translateY(-50%);overflow:hidden;}
.black_layer .title {font-size:16px;font-weight:600;text-align:center;line-height:52px;
    position:relative;width:calc(100% - 32px);margin:0 auto;border-bottom:1px solid #eee;}
.black_layer .close {position:absolute;top:50%;right:0;margin-top:-11px;}
.black_layer ul {padding:0 20px;}
.black_layer li {display:flex;align-items:flex-start;margin:24px 0;}
.black_layer .left {width:100px;color:#666;}
.black_layer .right {width:calc(100% - 100px);font-weight:500;}
.black_layer .btn_wrap {display:flex;}
.black_layer .btn_wrap a {display:block;text-align:center;line-height:50px;background:#028c8d;width:50%;
    font-size:15px;font-weight:500;color:#fff;}
.black_layer .btn_wrap button {line-height:50px;background:#e74f4f;width:50%;font-size:15px;font-weight:500;
    color:#fff;}

section.black_write {padding:0 16px 80px;}
section.black_write .cont {margin:20px 0;display:flex;align-items:flex-start;}
section.black_write .cont .left {width:100px;font-size:15px;color:#666;}
section.black_write .cont .relative {width:calc(100% - 100px);} 
section.black_write .cont input {height:38px;border:1px solid #ccc;border-radius:6px;padding:0 10px;
    box-sizing:border-box;width:100%;}
section.black_write .cont .red_art {font-size:12px;color:#ef1717;font-weight:500;line-height:16px;
    display:block;}
section.black_write .cont textarea {display:block;resize:none;width:100%;height:160px;border:1px solid #ccc;
    border-radius:6px;padding:6px 10px;box-sizing:border-box;margin-top:10px;}
section.black_write .bottom_fix {position:fixed;bottom:0;margin-left:-16px;width:100%;max-width:420px;}
section.black_write .bottom_btn {line-height:50px;background:#028c8d;color:#fff;font-size:15px;font-weight:500;
    display:block;width:100%;text-align:center;}

section.black_user {padding:0 16px 80px;}
section.black_user .red_t1 {font-size:13px;letter-spacing:-0.4px;color:#ef1717;font-weight:500;margin:20px 0;}
section.black_user .user_select_wrap {}
section.black_user .user_select_wrap .art {font-size:15px;font-weight:500;line-height:24px;margin-bottom:12px;}
section.black_user .user_select_wrap .art span {display:block;font-size:14px;font-weight:400;color:#666;}
section.black_user .user_select_wrap .flex.btw {}
section.black_user .user_select_wrap .flex input {display:block;width:calc(100% - 86px);border:1px solid #ccc;
    border-radius:6px;padding:0 10px;box-sizing:border-box;height:36px;}
section.black_user .user_select_wrap .flex button {width:70px;line-height:36px;border-radius:6px;color:#fff;
    background:#028c8d;}
section.black_user .user_select_wrap .select_list {margin:24px 0 0;text-align:center;font-size:16px;
    font-weight:500;padding:10px 16px;box-shadow:0 0 6px rgba(0,0,0,0.16);display:block;border-radius:12px;
    line-height:32px;}
section.black_user .user_select_wrap .select_list span {display:block;font-size:13px;color:#666;margin:12px 0 4px;}
section.black_user .bottom_fix {position:fixed;bottom:0;margin-left:-16px;width:100%;max-width:420px;}
section.black_user .bottom_btn {line-height:50px;background:#028c8d;color:#fff;font-size:15px;font-weight:500;
    display:block;width:100%;text-align:center;}
section.black_user .select_list .t2 {margin:20px 0 6px;text-align:left;font-size:14px;color:#444;font-weight:400;}
section.black_user .select_list textarea {display:block;width:100%;height:140px;resize:none;border-radius:6px;
    border:1px solid #ccc;padding:6px 10px;box-sizing:border-box;}
section.black_user .select_list textarea::placeholder {color:#ccc;}


/* 수주리스트 */
section.contract_list {}
section.contract_list .top_sticky {padding:12px 16px;position:sticky;top:60px;z-index:1;background:#fff;
    margin:0 -16px;box-shadow:0 4px 6px rgba(0,0,0,0.1);display:flex;justify-content:space-between;}
section.contract_list .top_sticky input {display:none;}
section.contract_list .top_sticky label {display:block;width:calc(50% - 10px);line-height:36px;
    border-radius:6px;background:#fff;border:1px solid #afcdcd;text-align:center;color:#333;
    font-weight:500;cursor:pointer;transition:all .2s ease;}
section.contract_list .top_sticky input:checked+label {background:#028c8d;border-color:#028c8d;color:#fff;}
section.contract_list .list_ul {margin:0 -16px;}
section.contract_list .list_ul li {border-bottom:6px solid #e6e6e6;cursor:pointer;position:relative;
    -webkit-tap-highlight-color:transparent!important;}
section.contract_list .list_ul li .emergency {line-height:26px;padding:0 6px;border:1px solid #ef1e1e;
    border-radius:6px;font-size:13px;font-weight:500;color:#fff;margin-right:4px;background:#ef1e1e;}
section.contract_list .list_ul li.empty {border:0!important;text-align:center;line-height:120px;color:#bbb;}
section.contract_list .list_ul li:first-child {border-top:6px solid #e6e6e6;}
section.contract_list .list_ul li .top {display:flex;position:relative;padding:12px 0;margin:0 16px;
    border-bottom:1px dashed #ccc;}
section.contract_list .list_ul li .equip {line-height:26px;padding:0 8px;border:1px solid #028c8d;
    border-radius:6px;font-size:16px;font-weight:600;color:#028c8d;margin-right:4px;}
section.contract_list .list_ul li .weight {line-height:26px;padding:0 8px;border:1px solid #028c8d;
    border-radius:6px;font-size:16px;font-weight:600;color:#028c8d;letter-spacing:-0.4px;
    max-width:calc(100% - 190px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
section.contract_list .list_ul li .date {position:absolute;top:14px;right:-4px;font-size:13px;color:#666;
    letter-spacing:-0.4px;}
section.contract_list .list_ul li .info_wrap {display:flex;}
section.contract_list .list_ul li .info_wrap .mid {width:calc(100% - 80px);}
section.contract_list .list_ul li .work_date {margin:6px 16px;font-weight:500;display:flex;}
section.contract_list .list_ul li .work_date span {color:#0a42e7;margin-right:6px;}
section.contract_list .list_ul li .price_wrap {margin:0 16px 3px;font-size:14px;display:flex;align-items:center;
    letter-spacing:-0.2px;flex-wrap:wrap;}
section.contract_list .list_ul li .price_wrap span:first-child {width:100%;margin-bottom:2px;}
section.contract_list .list_ul li .price_wrap .price {color:#028c8d;font-weight:500;font-size:14px;margin:0 4px;}
section.contract_list .list_ul li .price_wrap .fee {font-size:10px;font-weight:400;margin:0;}
section.contract_list .list_ul li .info_wrap .address {margin:0 16px 6px;overflow:hidden;text-overflow:ellipsis;
    white-space:nowrap;}
section.contract_list .list_ul li .info_wrap .art {border-top:1px dashed #ddd;margin:0 16px 12px;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:8px 0 0;
    font-size:12px;color:#666;}
section.contract_list .list_ul li .right {width:80px;text-align:center;height:calc(100% - 51px);margin-top:-1px;
    position:absolute;bottom:0;right:0;border-radius:10px;}
section.contract_list .list_ul li .right>span {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
    width:100%;padding:0 6px;box-sizing:border-box;}
section.contract_list .list_ul li .right>span span {display:block;font-size:10px;}
section.contract_list .list_ul li .ing {background:#d4e7ff;color:#01123b;}
section.contract_list .list_ul li .confirm {background:#0bacad;color:#fff;}
section.contract_list .list_ul li .confirm:active {
    box-shadow:inset 4px 4px 4px rgba(0, 0, 0, 0.16), inset -4px -4px 4px rgb(255 255 255 / 25%);}
section.contract_list .list_ul li .save {background:#ddd;color:#595959;}
section.contract_list .list_ul li .cancel {background:#fbc0c0;color:#430202;}
section.contract_list .contract_view {position:fixed;top:50%;transform:translateY(-50%);background:#fff;
    width:calc(100% - 32px);box-shadow:0 0 6px rgba(0,0,0,0.4);z-index:51;
    max-width:388px;border-radius:16px;display:none;overflow:hidden;}
section.contract_list .contract_view .title {font-size:16px;font-weight:600;text-align:center;line-height:52px;
    position:sticky;top:0;width:100%;margin:0 auto 6px;border-bottom:1px solid #eee;background:#fff;}
section.contract_list .scroll_cont {overflow:auto;max-height:75vh;padding:0 16px;}
section.contract_list .contract_view .emergency {position:absolute;top:50%;left:0;margin-top:-11px;color:#eb1c1c;}
section.contract_list .contract_view .close {position:absolute;top:50%;right:0;margin-top:-11px;}
section.contract_list .contract_view .top_flex {display:flex;justify-content:space-between;align-items:flex-start;}
section.contract_list .contract_view .top_flex .cate {width:84px;line-height:28px;border-radius:6px;
    text-align:center;display:block;border:1px solid #333;}
section.contract_list .contract_view .top_flex .date {font-size:13px;font-weight:500;color:#666;margin-top:2px;}
section.contract_list .contract_view ul {margin:20px 0 0;padding-bottom:24px;font-size:15px;
    border-bottom:1px solid #ccc;}
section.contract_list .contract_view li {display:flex;}
section.contract_list .contract_view li .left {width:94px;color:#666;line-height:21px;padding:6px 0;}
section.contract_list .contract_view li .right{width:calc(100% - 94px);font-weight:500;line-height:21px;
    padding:6px 0;}
section.contract_list .contract_view li .right.price {color:#028c8d;font-weight:600;}
section.contract_list .contract_view li .right.fee span {color:#244fef;}
section.contract_list .contract_view li .right.user_phone span {display:block;font-size:12px;font-weight:400;
    color:#999;}
section.contract_list .contract_view .bottom_btn {display:block;width:calc(100% + 32px);margin-left:-16px;
    line-height:50px;background:#028c8d;color:#fff;font-size:15px;font-weight:500;}
section.contract_list .contract_view .bottom_btn_cancel {display:block;width:calc(100% + 32px);margin-left:-16px;
    line-height:50px;background:#eb1c1c;color:#fff;font-size:15px;font-weight:500;}
section.contract_list .contract_view .tel {display:flex;width:calc(100% + 32px);margin-left:-16px;
    line-height:50px;background:#028c8d;color:#fff;font-size:15px;font-weight:500;justify-content:center;
    align-items:center;}
section.contract_list .contract_view .tel i {transform:rotate(10deg);margin:0 6px -2px 0;
    font-size:16px;display:block;}


/* 알림리스트 */
section.alarm_list {}
section.alarm_list .top_sticky {padding:12px 16px;position:sticky;top:60px;z-index:1;background:#fff;
    margin:0 -16px;box-shadow:0 4px 6px rgba(0,0,0,0.1);display:flex;justify-content:space-between;}
section.alarm_list .top_sticky input {display:none;}
section.alarm_list .top_sticky label {display:block;width:calc(50% - 10px);line-height:36px;
    border-radius:6px;background:#fff;border:1px solid #afcdcd;text-align:center;color:#333;
    font-size:500;cursor:pointer;transition:all .2s ease;}
section.alarm_list .top_sticky input:checked+label {background:#028c8d;border-color:#028c8d;color:#fff;}
section.alarm_list .list_ul {margin:0 -16px;}
section.alarm_list .list_ul li {border-bottom:4px solid #e6e6e6;cursor:pointer;position:relative;
    -webkit-tap-highlight-color:transparent!important;}
section.alarm_list .list_ul li.empty {border:0!important;text-align:center;line-height:120px;color:#bbb;}
section.alarm_list .list_ul li:first-child {border-top:4px solid #e6e6e6;}
section.alarm_list .list_ul li .top {display:flex;position:relative;padding:12px 0;margin:0 16px;
    border-bottom:1px dashed #ccc;}
section.alarm_list .list_ul li .emergency {line-height:26px;padding:0 6px;border:1px solid #ef1e1e;
    border-radius:6px;font-size:13px;font-weight:500;color:#fff;margin-right:3px;background:#ef1e1e;}
section.alarm_list .list_ul li .equip {line-height:26px;padding:0 8px;border:1px solid #028c8d;border-radius:6px;
    font-size:16px;font-weight:600;color:#028c8d;margin-right:4px;}
section.alarm_list .list_ul li .weight {line-height:26px;padding:0 8px;border:1px solid #028c8d;border-radius:6px;
    font-size:16px;font-weight:600;color:#028c8d;letter-spacing:-0.4px;max-width:calc(100% - 190px);
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
section.alarm_list .list_ul li .date {position:absolute;top:8px;right:-4px;font-size:13px;color:#666;
    letter-spacing:-0.4px;}
section.alarm_list .list_ul li .info_wrap {display:flex;}
section.alarm_list .list_ul li .info_wrap .mid {width:calc(100% - 80px);}
section.alarm_list .list_ul li .work_date {margin:2px 16px;font-weight:500;display:flex;letter-spacing:-0.6px;}
section.alarm_list .list_ul li .work_date span {color:#0a42e7;margin-right:6px;}
section.alarm_list .list_ul li .work_date span.end {color:#999;}
section.alarm_list .list_ul li .price_wrap {margin:0 16px;font-size:14px;display:flex;align-items:center;
    letter-spacing:-0.2px;flex-wrap:wrap;}
section.alarm_list .list_ul li .price_wrap span:first-child {width:100%;}
section.alarm_list .list_ul li .price_wrap .price {color:#028c8d;font-weight:500;font-size:14px;margin:0 4px;}
section.alarm_list .list_ul li .price_wrap .fee {font-size:10px;font-weight:400;margin:0;}
section.alarm_list .list_ul li .info_wrap .address {margin:0 16px 4px;overflow:hidden;text-overflow:ellipsis;
    white-space:nowrap;}
section.alarm_list .list_ul li .info_wrap .art {border-top:1px dashed #ddd;margin:0 16px 6px;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:4px 0 0;
    font-size:14px;color:#e90a0a;font-weight:600;line-height:18px;}
section.alarm_list .list_ul li .right {width:80px;text-align:center;height:calc(100% - 51px);
    position:absolute;bottom:0;right:0;border-radius:10px;}
section.alarm_list .list_ul li .right:active {
    box-shadow:inset 4px 4px 4px rgba(0, 0, 0, 0.16), inset -4px -4px 4px rgb(255 255 255 / 25%);}
section.alarm_list .list_ul li .right>span {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
    width:100%;padding:0 6px;box-sizing:border-box;}
section.alarm_list .list_ul li .right>span span {display:block;font-size:10px;}
section.alarm_list .list_ul li .ing {background:#d4e7ff;color:#01123b;}
section.alarm_list .list_ul li .confirm {background:#0bacad;color:#fff;}
section.alarm_list .list_ul li .my {background:#fff3d0;}
section.alarm_list .list_ul li .save {background:#ddd;color:#595959;}
section.alarm_list .list_ul li .cancel {background:#fbc0c0;color:#430202;}
section.alarm_list .list_ul li .right.end {background:#bbb;color:#555;}
section.alarm_list .list_ul li .confirm:active {background:#07a4a5;}


/* 푸시알림 */
section.push_list {padding:0 16px;}
section.push_list .push_set {display:block;width:26px;height:26px;animation: spin 4s linear infinite;
    padding:3.4px;box-sizing:border-box;}
section.push_list .push_set i {font-size:19px;}

@keyframes spin {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
section.push_list ul {padding:20px 0;}
section.push_list li {border-bottom:1px dashed #b5b5b5;}
section.push_list li.unread {background:#eef9f9;}
section.push_list li:last-child {border:0;}
section.push_list li>a {display:block;padding:16px 10px;}
section.push_list .cate {font-weight:500;}
section.push_list .date {}
section.push_list .art {color:#666;margin-top:4px;width:100%;overflow:hidden;text-overflow:ellipsis;
    white-space:nowrap;line-height:22px;}

/* 푸시알림 설정 */
section.push_set {padding:0 16px 30px;}
section.push_set .tab_cate {display:flex;justify-content:space-between;padding:20px 0;position:relative;}
section.push_set .tab_cate li {width:calc(50% - 10px);}
section.push_set .tab_cate input {display:none;}
section.push_set .tab_cate label {display:block;line-height:36px;border-radius:6px;background:#fff;
    border:1px solid #afcdcd;text-align:center;color:#333;font-weight:500;cursor:pointer;transition:all .2s ease;}
section.push_set .tab_cate input:checked+label {background:#028c8d;color:#fff;border-color:#028c8d;}
section.push_set .push_tab {position:relative;height:398px;}
section.push_set.balju_user .push_tab {height:200px;}
section.push_set .push_tab>.t1 {margin-top:24px;}
section.push_set .push_tab>div {transition:opacity .2s ease;z-index:-1;opacity:0;}
section.push_set .push_tab>div.show {z-index:0;opacity:1;}
section.push_set .push_c_wrap {padding:10px 0;border-bottom:1px solid #999;
    position:absolute;top:50px;width:100%;}
section.push_set .push_b_wrap {padding:10px 0;border-bottom:1px solid #999;
    position:absolute;top:50px;width:100%;}
section.push_set.balju_user .push_b_wrap {top:20px;height:184px;}
section.push_set .push_cont {display:flex;justify-content:space-between;align-items:center;margin:24px 0;}
section.push_set .push_cont .left {width:calc(100% - 100px);}
section.push_set .push_cont .left span {display:block;font-size:12px;color:#666;}
section.push_set .push_cont input {display:none;}
section.push_set .push_cont .push_switch {display:block;width:68px;height:30px;border-radius:100vw;
    background:#dfdfdf;position:relative;transition:all .3s ease;cursor:pointer;
    box-shadow:inset 2px 2px 4px rgba(0,0,0,0.14);}
section.push_set .push_cont .push_switch .circle {position:absolute;top:50%;left:6px;width:20px;height:20px;
    border-radius:100vw;margin-top:-10px;background:linear-gradient(315deg, #434343, #b5b5b5);
    transition:all .3s ease;box-shadow:2px 2px 4px rgba(0,0,0,0.14);}
section.push_set .push_cont input:checked+.push_switch {background:#cdebeb;
    box-shadow:inset 2px 2px 4px #a5d1d1;}
section.push_set .push_cont input:checked+.push_switch .circle {left:calc(100% - 26px);
    background:linear-gradient(315deg, #0c8081, #31cacb);}
section.push_set .t1 {margin-top:34px;font-size:16px;font-weight:600;}

/* 메인화면 설정 */
section.push_set.myhome .push_c_wrap {top:20px;height:auto;border:0;}
section.push_set.myhome .push_cont {margin:16px 0;}


/* 일지(달력) */
section.calendar .cal_box {margin:0 -16px 20px;}
section.calendar .cal_top {display:flex;justify-content:space-between;align-items:center;padding:0 12px;
    border-bottom:1px solid #eee;}
section.calendar .cal_top .year_wrap {display:flex;justify-content:space-between;align-items:center;
    margin-right:18px;}
section.calendar .cal_top .month_wrap {display:flex;justify-content:space-between;align-items:center;}
section.calendar .cal_top button {width:24px;height:40px;}
section.calendar .cal_top .prev i {font-size:16px;}
section.calendar .cal_top .next i {font-size:16px;}
section.calendar .cal_top .mon_year {font-size:16px;font-weight:600;margin:-2px 16px 0;}
section.calendar .cal_top .cal_cate {position:relative;
    background:url('/img/select.png')no-repeat top 50% right 6px/12px;}
section.calendar .cal_top .cal_cate select {border:1px solid #ccc;border-radius:6px;background:none;
    padding:0 40px 0 10px;height:30px;line-height:28px;font-weight:500;cursor:pointer;}
section.calendar .cal_mid {padding:4px 10px;}
section.calendar .cal_mid>div {display:flex;flex-wrap:wrap;}
section.calendar .cal_mid .week p {width:calc(100% / 7);text-align:center;font-weight:600;font-size:14px;
    line-height:42px;}
section.calendar .cal_mid .week p.sun {color:#e53434;}
section.calendar .cal_mid .week p.sat {color:#3a5feb;}
section.calendar .cal_mid .days>div {width:calc(100% / 7);text-align:center;font-weight:600;font-size:14px;
    height:74px;position:relative;cursor:pointer;padding:4px 8px;border:1px solid #ddd;
    border-left:0;border-top:0;text-align:left;}
section.calendar .cal_mid .days>div:nth-child(7n+1) {border-left:1px solid #ddd;color:#e53434;}
section.calendar .cal_mid .days>div:nth-child(7n) {color:#3a5feb;}
section.calendar .cal_mid .days>div:nth-child(-n+7) {border-top:1px solid #ddd;}
section.calendar .cal_mid .days>div:last-child {border-right:1px solid #ddd;}
section.calendar .cal_mid .days>div:hover {background:#eee!important;}
section.calendar .cal_mid .days>div.active {background:#11c2c3!important;color:#fff;}
section.calendar .cal_mid .days>div.today {background:#e6f5f5;}
section.calendar .cal_mid .days>div.prev {opacity:.3;border-color:#8b8b8b;background:#ddd;}
section.calendar .cal_mid .days>div.next {opacity:.3;border-color:#8b8b8b;background:#ddd;}
section.calendar .cal_mid .days>div.prev:hover,section.calendar .cal_mid .days>div.next:hover {opacity:0.8;
    border-color:#d1d1d1;background:#ebebeb!important;}
section.calendar .cal_mid .days .art_wrap {margin:4px -6px 0;}
section.calendar .cal_mid .days .art_wrap p {display:flex;align-items:center;font-size:11px;
    letter-spacing:-0.2px;line-height:18px;height:18px;}
section.calendar .cal_mid .days .art_wrap p .b {margin:0;color:#fff;font-weight:500;border-radius:4px;
    padding:0 4px 1px;background:#1a76d7;}
section.calendar .cal_mid .days .art_wrap p .s {margin:0;color:#fff;font-weight:500;border-radius:4px;
    padding:0 4px 1px;background:#f13e6e;}
section.calendar .cal_mid .days .art_wrap p span {display:block;margin-left:3px;font-weight:400;color:#666;}
section.calendar .cal_mid .days .active .art_wrap p {color:#fff;}
section.calendar .cal_mid .days .active .art_wrap p span {color:#fff;}
section.calendar .cal_layer {position:fixed;bottom:-100%;width:100%;max-width:420px;z-index:51;
    background:#fff;transition:bottom .3s ease;margin-left:-16px;}
section.calendar .cal_layer.show {bottom:0;}
section.calendar .cal_layer .title {font-size:16px;font-weight:600;text-align:center;line-height:52px;
    position:relative;width:calc(100% - 32px);margin:0 auto;border-bottom:1px solid #eee;}
section.calendar .cal_layer .close {position:absolute;top:50%;right:0;margin-top:-11px;}
section.calendar .cal_layer ul {padding:0 16px 6px;max-height:65vh;overflow:auto;}
section.calendar .cal_layer li {margin:12px 0;border-radius:14px;box-shadow:1px 1px 6px rgba(0,0,0,0.14);
    border:1px solid #f9f9f9;box-sizing:border-box;overflow:hidden;}
section.calendar .cal_layer .top {display:flex;position:relative;justify-content:space-between;align-items:center;
    border-bottom:1px solid #ccc;padding:0 10px 0 90px;}
section.calendar .cal_layer .top>span {position:absolute;top:0;left:0;width:80px;line-height:32px;
    background:#24a3a3;text-align:center;font-weight:500;color:#fff;}
section.calendar .cal_layer .cancel .top>span {background:#ff3f3f;}
section.calendar .cal_layer .contract .top>span {background:#edab2c;}
section.calendar .cal_layer .top p {line-height:32px;font-weight:500;width:calc(100% - 52px);
    display:flex;align-items:center;}
section.calendar .cal_layer .top p:last-child {width:auto;}
section.calendar .cal_layer .top .car_info {margin-left:10px;white-space:nowrap;overflow:hidden;
    text-overflow:ellipsis;max-width:calc(100% - 68px);color:#039191;letter-spacing:-0.3px;}
section.calendar .cal_layer .cancel .top p:nth-child(3) {color:#ff0c0c;font-weight:600;}
section.calendar .cal_layer .art {padding:8px 10px 6px;}
section.calendar .cal_layer .art p {line-height:24px;font-size:13px;width:100%;overflow:hidden;
    text-overflow:ellipsis;white-space:nowrap;}
section.calendar .cal_layer .art span {font-weight:600;font-size:15px;}


/* 공지사항 */
section.notice {padding:0 16px;}
section.notice ul {padding:20px 0;}
section.notice ul li {border-bottom:1px solid #e7e7e7;}
section.notice ul li a {display:flex;justify-content:space-between;align-items:center;padding:12px 4px 8px;}
section.notice .art {width:calc(100% - 46px);line-height:30px;}
section.notice .art .subj {width:100%;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;}
section.notice_view {padding:0 16px;}
section.notice_view .top {line-height:30px;padding:16px 4px 10px;border-bottom:1px solid #e7e7e7;
    display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
section.notice_view .top .left {width:calc(100% - 134px);}
section.notice_view .top .tel {color:#fff;background:#028c8d;border-radius:12px;padding:4px 14px;
    box-shadow:2px 2px 4px rgba(0,0,0,0.12);line-height:20px;text-align:center;}
section.notice_view .top .tel i {margin-right:4px;}
section.notice_view .top .subj {width:100%;font-weight:500;font-size:16px;word-break:break-all;
    line-height:22px;margin-bottom:4px;}
section.notice_view .art {padding:14px 0;line-height:22px;}


/* 이용가이드 */
section.guide {padding:0 16px;}
section.guide .art {padding:20px 0;}
section.guide .art img {width:100%;}


/* 약관 및 정책 */
section.provision {padding:0 16px;}
section.provision ul {padding:20px 0;}
section.provision li {border-bottom:1px solid #e7e7e7;}
section.provision li a {display:flex;justify-content:space-between;align-items:center;line-height:60px;
    padding:0 4px;}
section.provision .t1 {font-size:18px;font-weight:500;margin:20px 0;}
section.provision .art {line-height:22px;}





@media (max-width:1200px) {
    #pc {display:none;}
    #mobile {position:relative;margin:0 auto;left:auto;z-index:1;}
    .loading {left:50%;transform:translate(-50%,-50%);}
    section.mypage .side_tel {left:calc(50% + 136px);}
    section.mycar .car_write {left:calc(50% + 136px);}
    .point_layer {left:50%;transform:translate(-50%,-50%);}
    .toast_layer {left:50%;transform:translateX(-50%);}
    .alert_layer {left:50%;transform:translate(-50%,-50%);}
    .calc_layer {left:50%;transform:translate(-50%,-50%);}
    .black_layer {left:50%;transform:translate(-50%,-50%);}
    section .password_set_layer {left:50%;transform:translate(-50%,-50%);}
    section .leave_layer {left:50%;transform:translate(-50%,-50%);}
    section.black .bottom_btn {left:calc(50% + 136px);}
}
@media (max-width:420px) {
    header .location_wrap p {width:calc(100vw - 170px);}
    header .location_wrap p .addr {width:calc(100% - 74px);}
    section.join_type .type_wrap a {width:calc(100% - 80px);}
    section.mypage .side_tel {left:auto;right:12px;}
    section.mycar .car_write {left:auto;right:12px;}
    section.balju_write .qm_layer {width:calc(10vw + 191px);}
    section.balju_write .qm_layer::before {right:calc(100vw - 322px);}
    section.balju_write .qm_layer::after {right:calc(100vw - 322px);}
    section.point_calc .list .top p {font-size:14px;line-height:38px;}
    section.point_calc .list p {font-size:13px;}
    section.black .bottom_btn {left:auto;right:12px;}
}
@media (max-width:360px) {
    section.calendar .cal_top .mon_year {margin:-2px 8px 0;}
    section.calendar .cal_top button {width:18px;}
}