@import url("https://fastly.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
*{font-family: 'Pretendard';}
::-webkit-scrollbar {width: 5px; height: 5px; }
::-webkit-scrollbar-track {background-color: #fff; -webkit-border-radius: 5px; border-radius: 5px;}
::-webkit-scrollbar-thumb {-webkit-border-radius: 5px;border-radius: 5px; background: #9099A4; }
.wrap{width: 100%; height: 100%; position: relative;}
.gnb{position: fixed; left: 0; top: 0; background: #1E293B; width: 240px; height: 100%; transition: all 0.2s; z-index: 99;}
.gnb a{color: #fff;}
.gnb .logo{width: 100%;}
.gnb .logo a{display: flex; align-items: center; justify-content: center; height: 67px; font-size: 21px; font-weight: bold; border-bottom: 1px solid #333F55; font-family: 'Pretendard'; text-align: center;}
.gnb .logo a img{max-width: 50%;}
.gnb .m_logo{width: 50%;}
.gnb .menu{padding: 30px 10px;}
.gnb .menu ul{margin-bottom: 20px;}
.gnb .menu ul:last-child{margin-bottom: 0;}
.gnb .menu ul li{margin-bottom: 10px;}
.gnb .menu ul li a{width: 100%; display: flex; align-items: center; padding: 12px 20px; box-sizing: border-box; border-radius: 8px; font-size: 15px; font-family: 'Pretendard'; gap: 10px; transition: all 0.2s; color: rgb(148 163 184/1); position: relative;}
.gnb .menu ul li a:hover{background: #0F172A; color: #fff;}
.gnb .menu ul li.active a{background: #0F172A; color: #fff;}
.gnb .menu ul li a i{font-size: 21px; }
.gnb .menu .menu_label{font-size: 13px; color: rgb(100 116 139/1); margin-bottom: 15px; font-weight: bold; cursor: default;}
.gnb .lnb{margin-left: 5px;}
.gnb .lnb li{margin-bottom: 0 !important;}
.gnb.hide_menu{width: 90px !important;}
.gnb.hide_menu .logo a .logo_text{display: none !important;}
.gnb.hide_menu ul li a{justify-content:center !important;}
.gnb.hide_menu ~ .content{padding-left: 90px !important;}
.gnb.hide_menu ~ .content .utill{width: calc(100% - 90px) !important;}
.gnb.hide_menu .lnb{margin-left: 0 !important;}
.gnb.hide_menu .gnb_text{position: absolute; white-space: nowrap; top: 50%; transform: translateY(-50%); padding: 5px 10px; background: rgba(0,0,0,.5); color: #fff; text-align: left; font-size: 12px; display: none; border-radius: 5px;}
.update_chk{font-size: 13px; font-family: "Pretendard"; color: #94a3b8; display: flex; flex-direction: column; gap: 5px; position: absolute; bottom: 20px; left: 20px; cursor: default;}
.content{width: 100%; height: 100%; min-height: 100vh; max-height: 100%; padding-left: 240px; padding-top: 68px; box-sizing: border-box; background: #F1F5F9; transition: all 0.2s;}
.content .utill{padding:10px 20px; width: calc(100% - 240px); box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); box-sizing: border-box; background: #fff; position: fixed; top: 0; right: 0; display: flex; align-items: center; justify-content: space-between; transition: all 0.2s; z-index: 998;}
.content .utill ul{display: flex; align-items: center; justify-content: flex-end;}
.content .utill ul li b{font-weight: bold;}
.content .utill ul li a{font-size: 26px; padding: 10px; display: inline-block; color: #444; font-family: 'Pretendard'}
.content .utill ul li a i{color: rgba(0,0,0,.5); transition: all 0.2s;}
.content .utill ul li a:hover i{color: #444;}
.content .container{padding: 30px; box-sizing: border-box;}

.login{width: 100%; height: 100%; background: #F2F2F2; display: flex; align-items: center; justify-content: center;}
.login .login_box{width: 390px; background: #fff; border-radius: 10px; overflow: hidden; padding: 77px 55px 33px 55px; box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; box-sizing: border-box;}
.login .login_box .login_title{text-align: center; margin-bottom: 80px;}
.login .login_box .login_title img{width: 100%;}
.login .login_box .login_title h1{font-size: 30px; font-weight: bold; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; margin-bottom: 30px;}
.input_box .input-cont {
    position: relative;
    margin: 0 0px 60px;
}
.input_box .input-cont:last-of-type {
    margin-bottom: 30px;
}
.input_box .input-cont input::placeholder{color: #fff; opacity: 0;}
.input_box .input-cont input {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 40px;
    outline: none;
    color: #212121;
    font-size: 18px;
    font-weight: 400;
    background: none;
    border: none;
}
.input_box .input-cont input:focus {
    outline: none;
}
.input_box .input-cont label {
    position: absolute;
    color: #948c8c;
    top: 0;
    left: 0;
    line-height: 40px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
      -o-transition: .3s;
         transition: .3s;
    font-size: 15px;
}
.input_box .input-cont input:focus + label {
    margin-top: -30px;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
      -o-transform: scale(.8);
      transform: scale(.8);
    color: #bdbdbd;
}
.input_box .input-cont input:not(:placeholder-shown) + label{
    margin-top: -30px;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
      -o-transform: scale(.8);
      transform: scale(.8);
    color: #bdbdbd;
}
.input_box .border1,
.input_box .border2 {
    position: absolute;
    height: 1px;
    background-color: #9E9E9E;
    left: 0;
    bottom: 0;
    width: 100%;
}
.input_box .border1::after,
.input_box .border1::before,
.input_box .border2::after,
.input_box .border2::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 0;
    height: 2px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
      -o-transition: .5s;
         transition: .5s;
}
.input_box .border1::after,
.input_box .border2::after {
    right: 50%;
    background-color: #6366F1;
}
.input_box .border1::before,
.input_box .border2::before {
    left: 50%;
    background-color: #6366F1;
}
.input_box .input-cont input:focus ~ .border1::after,
.input_box .input-cont input:focus ~ .border1::before,
.input_box .input-cont input:focus ~ .border2::after,
.input_box .input-cont input:focus ~ .border2::before {
    width: 50%;
}

.def_btn{border:2px solid #6366F1; background: #6366F1; color: #fff; padding: 15px 0; transition: all 0.25s ease; cursor: pointer; border-radius: 10px; width: 100%;}
.def_btn:hover{background: #4F46E5; color: #fff;}
.login_bottom{margin-top:100px; font-size: 12px; color: #797979; text-align: center;}
.login_bottom a{font-weight: bold;}
.errMSG{color: #EA4335; font-size: 12px; text-align: center; margin-top: 20px; opacity: 0; visibility: hidden; transition: all 0.25s ease; font-weight: bold;}
.errMSG.open{opacity: 1; visibility: visible;}

.ui-tooltip{
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.01);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -2px var(--tw-shadow-color);
    padding:10px; background: #1E293B; color: #fff; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
    font-size: 12px; border-radius: 5px;
}

input[type="text"]:disabled {background: #eaeff4; color: #5a6a85;}
.row{display:flex; margin-left: -10px; margin-right: -10px;}
.flex{display: flex;}
.gap10{gap:10px;}
.gap20{gap:20px;}
.gap30{gap:30px;}
.gap40{gap:40px;}
.gap50{gap:50px;}
.fdc{flex-direction: column;}
.flex100{flex:1 0 0;}
.fac{align-items: center;}
.fjc{justify-content: center;}
.fjb{justify-content: space-between;}
.fed{justify-content: flex-end;}
.box{padding:0 10px; box-sizing: border-box; width: 100%;}
.box_inner{padding:30px; border-radius: 7px; border:1px solid #ebf1f6; background: #fff; font-family: 'Pretendard'; box-sizing: border-box; width:100%; height: 100%;}
.title{font-size:18px; font-weight: 600; color:#2a3547; font-family: 'Pretendard';}
.subtitle{color: #95a4b9; font-size: 14px; font-weight: 500; cursor: default;}
.subtitle.info{color: #235BF5; line-height: 1.3; padding: 10px; border:1px solid #245bf5; background: rgba(36, 91, 245, 0.2); border-radius: 3px; font-size: 12px;}
.subtitle.info b{font-weight: bold;}
.fw_bold{font-weight: bold;}
.position_relative{position: relative;}
.mb0{margin-bottom: 0px !important;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.w10{width: 10%; flex:0 0 auto;}
.w20{width: 20%; flex:0 0 auto;}
.w25{width: 25%; flex:0 0 auto;}
.w30{width: 30%; flex:0 0 auto;}
.w33{width: 33.33333%; flex:0 0 auto;}
.w40{width: 40%; flex:0 0 auto;}
.w50{width: 50%; flex:0 0 auto;}
.w60{width: 60%; flex:0 0 auto;}
.w66{width: 66.6666%; flex:0 0 auto;}
.w70{width: 70%; flex:0 0 auto;}
.w75{width: 75%; flex:0 0 auto;}
.w80{width: 80%; flex:0 0 auto;}
.w90{width: 90%; flex:0 0 auto;}
.w100{width: 100%; flex:0 0 auto;}
.dash_box{width: calc(100% / 6); flex: 0 0 auto;}
.table_wrap{width: 100%; height: 100%; overflow: auto;}
table.table{width: 100%; margin-bottom: 1rem; --borderColor: #5d87ff; --borderWidth: 0.1em;}
table.table tr{transition: all 0.3s;}
table.table tr:hover td{background: #f6f9fc;}
table.table tr.active td{background: #f6f9fc;}
table.table tr td,
table.table tr th{border-color:#ebf1f6; border-style: solid; border-bottom-width: 1px; padding: 16px 16px; color: #2a3547;}
table.table tr th{color: #2a3547; font-size: 0.875rem; font-weight: bold;}
table.table tr td{color:#000; font-size: 0.875rem;}
table.table tr th input[type=checkbox],
table.table tr td input[type=checkbox]{-webkit-appearance: none; appearance: none; vertical-align: middle; background: transparent; font-size: 1.8em; border-radius: 0.125em; display: inline-block; border: var(--borderWidth) solid #D1D2D4; width: 0.75em; aspect-ratio: 1; position: relative; cursor: pointer;}
table.table tr th input[type=checkbox]:checked,
table.table tr td input[type=checkbox]:checked{background: var(--borderColor); border: var(--borderWidth) solid var(--borderColor);}
table.table tr th input[type=checkbox]:before,
table.table tr th input[type=checkbox]:after,
table.table tr td input[type=checkbox]:before,
table.table tr td input[type=checkbox]:after {content: ""; position: absolute; background: #fff; border:var(--borderWidth) solid #fff; width: calc(var(--borderWidth) * 3); height: var(--borderWidth); top: 45%; left: 10%; transform-origin: left center;}
table.table tr th input[type=checkbox]:before,
table.table tr td input[type=checkbox]:before {transform: rotate(45deg) translate(calc(var(--borderWidth) / -2), calc(var(--borderWidth) / -2)) scaleX(0); transition: transform 200ms ease-in 200ms;}
table.table tr th input[type=checkbox]:after,
table.table tr td input[type=checkbox]:after {width: calc(var(--borderWidth) * 5); transform: rotate(-45deg) translateY(calc(var(--borderWidth) * 2)) scaleX(0); transform-origin: left center; transition: transform 200ms ease-in;}
table.table tr th input[type=checkbox]:checked:before,
table.table tr td input[type=checkbox]:checked:before {transform: rotate(45deg) translate(calc(var(--borderWidth) / -2), calc(var(--borderWidth) / -2)) scaleX(1); transition: transform 200ms ease-in;}
table.table tr th input[type=checkbox]:checked:after,
table.table tr td input[type=checkbox]:checked:after {width: calc(var(--borderWidth) * 5); transform: rotate(-45deg) translateY(calc(var(--borderWidth) * 2)) scaleX(1); transition: transform 200ms ease-out 200ms;}
table.table tr th input[type=checkbox]:focus,
table.table tr td input[type=checkbox]:focus {outline: calc(var(--borderWidth) / 2) solid rgba(0, 0, 0, 0.25);}
.times span,
.status span{width:10px; height:10px; display: inline-block; border-radius: 50%;}
.text_center{text-align: center !important;}
.text_left{text-align: left !important;}
.text_right{text-align: right !important;}

.btn{background: #5d87ff; border:1px solid #5d87ff; color:#fff; transition: all 0.3s; padding:10px 15px; cursor: pointer; border-radius: 5px; font-size: 0.875rem; font-family: 'Pretendard';}
.btn:hover{background: #4f73d9; border:1px solid #4f73d9}
.btn_white{background: #fff; border:1px solid #E9E9E9; color:#000; transition: all 0.3s; padding:10px 15px; cursor: pointer; border-radius: 5px; font-size: 0.875rem;}
.btn_white:hover{background: #f2f2f2; border:1px solid #E9E9E9}
.btn_gradient{background: linear-gradient(90deg, #5D87FF 0%, #9465CD 100%); border:0 !important; transition: all 0.3s;}
.btn_gradient:hover{background: linear-gradient(90deg, #5680f3 0%, #875abe 100%)}
.small_btn{padding:5px 10px;}
.popup_bg{position:fixed; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,.5); z-index: 999; display: none;}
.calendar_popup{position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); width: 600px; max-width: 90%; max-height:90%; z-index: 1000; display: none; overflow: auto; border-radius: 7px;}
.popup_close{position:absolute; top:30px; right: 30px; cursor: pointer;}

.am{background: #49BEFF !important;}
.pm{background: #5D87FF !important;}
.success{background: #13deb9 !important;}
.btn_success{background: #13deb9 !important; border:1px solid #13deb9 !important;}
.btn_success:hover{background: #11d8b4 !important; border:1px solid #11d8b4;}
.btn_secondary{background: #49beff !important; border:1px solid #49beff !important;}
.btn_secondary:hover{background: #3ea2d9; border: 1px solid #3ea2d9;}
.btn_fail{background: #fa896b !important; border:1px solid #fa896b !important;}
.btn_fail:hover{background: #ec8063; border: 1px solid #ec8063;}
.fail{background: #fa896b !important;}
.dark{background: #2a3547;}
.hold{color: #fa896b !important;}
.success_text{color: #5D87FF !important;}
.hold_item_btn{background: #A49FF2 !important; border:1px solid #A49FF2 !important;}
.hold_setting_btn{background: #F4B200 !important; border:1px solid #F4B200 !important;}
.hold_engineer_btn{background: #EC734E !important; border:1px solid #EC734E !important;}
.succress_setting_btn{background: #13deb9 !important; border:1px solid #13deb9 !important;}

/* dashboard */
.open_logo img{height:20px;}
.open_length{margin-top:5px; display: flex; flex-direction: column; gap: 10px;}
.open_length p{color: #95a4b9; font-size:14px; font-weight: 500;}
.open_length .open_num{font-size:24px; font-weight: bold;}

/* engineer */
.engineer{border-radius: 7px; border:1px solid #ebf1f6; background: #fff; font-family: 'Pretendard'; box-sizing: border-box; width:100%; height: calc(100vh - 130px); min-height: calc(100vh - 130px); display: flex; overflow: hidden;}
.engineer .engF1{padding:20px; border-right:1px solid #ebf1f6;}
.engineer .engF1 select{width: 100%; padding: 5px; border:1px solid #dfe5ef}
.engineer .engineer_search{margin-bottom:30px; padding-bottom: 30px; border-bottom: 1px solid #ebf1f6;}
.engineer .engineer_status{text-align: left;}
.engineer .engineer_status ul{display: flex; flex-direction: column; gap: 15px; border-bottom: 1px solid #dfe5ef; padding-bottom: 20px;}
.engineer .engineer_status ul li a{font-size:15px; display: flex; align-items: center; gap: 5px;}
.engineer .engineer_status ul li a span{font-size:21px;}
.engineer_all span{color:#5D87FF;}
.engineer_success span{color:#13deb9;}
.engineer_ing span{color:#49beff;}
.engineer_hold span{color:#fa896b;}
.engineer .engF2{max-width: 300px; box-sizing: border-box; border-right: 1px solid #ebf1f6; display: flex; flex-direction: column;}
.engineer .engF2 .more{width: 100%; text-align: center;}
.engineer .engF2 .more a{padding: 10px 15px; display: flex; align-items: center; justify-content: center; transition: all 0.3s; font-weight: bold; font-size: 13px;}
.engineer .engF2 .more a:hover{color: #5D87FF;}
.engineer_user_search{position:relative; padding: 20px;}
.engineer_user_search .input_box{border:1px solid #dfe5ef; border-radius: 7px; display: flex; align-items: center; gap: 10px;}
.engineer_user_search input{padding:10px 5px; border:0; background: 0; font-size: 14px; width: 100%;}
.engineer_user_search input:focus{outline: none;}
.engineer_user_search span{padding-left: 10px;}
.engineer_list{flex: 0 0 auto; overflow: auto; height: calc((100vh - 130px) - 80px);}
.engineer_list ul li{padding: 15px 20px; transition: all 0.3s;}
.engineer_list ul li.active{background: #F6F9FC;}
.engineer_list ul li.active a .local{background: #fff;}
.engineer_list ul li.active a .user_info h3,
.engineer_list ul li.active a .user_info p{color: #5d87ff;}
.engineer_list ul li.holiday{background: #fcf6f6;}
.engineer_list ul li.holiday a .local{background: #fff;}
.engineer_list ul li.holiday a .user_info h3,
.engineer_list ul li.holiday a .user_info p{color: #ff5d5d;}
.engineer_list ul li:hover{background: #F6F9FC;}
.engineer_list ul li:hover a .local{background: #fff;}
.engineer_list ul li:hover a .user_info h3,
.engineer_list ul li:hover a .user_info p{color: #5d87ff;}
.engineer_list ul li a{display: flex; align-items: center; gap: 10px;}
.engineer_list ul li a .local{font-size: 0.75rem; display: flex; align-items: center; justify-content: center; width: 50px; height: 30px; border-radius: 5px; background: #F6F9FC; border:1px solid #ebf1f6;}
.engineer_list ul li a .user_info{display: flex; flex-direction: column; gap: 5px; flex: 1 0 0;}
.engineer_list ul li a h3{font-size: 0.875rem; color: #2a3547; font-weight: bold;}
.engineer_list ul li a p{font-size: 0.75rem; color: #5a6a85;}
.engineer .engF3{flex:1 0 0; position: relative;}
.engineer .engF3 .engineer_layerpopup{position: absolute; top: 0; left: 9999px; width: 100%; height: 100%; background: #fff; z-index: 9;}
.engineer .engF3 .engineer_layerpopup .el_wrap{position: relative; width: 100%; height: 100%;}
.engineer .engF3 .engineer_layerpopup .el_wrap .close{position: absolute; top: 20px; right: 30px;}
.engineer .engF3 .engineer_layerpopup .el_wrap .inner{padding: 30px; overflow: auto; height: 100%;}
.engineer .engF3 .engineer_layerpopup .el_wrap .inner .item_title{display: flex; flex-direction: column; gap: 10px;}
.engineer .engF3 .engineer_layerpopup .el_wrap .inner .item_title h1 a{font-size: 28px;}
.engineer .engF3 .engineer_layerpopup .el_wrap .inner .item_title h3 span{display:inline-block; padding: 8px 15px; border-radius: 7px; border: 1px solid #E9E9E9; font-size: 14px; font-family: 'Pretendard';}
.engineer .engF3 .engineer_layerpopup .el_wrap .inner .item_title .item_status span{display: inline-block; padding: 8px 13px; border-radius: 7px; color: #fff; font-size: 15px; cursor: default;}
.engineer .engF3 .engineer_layerpopup .el_wrap .inner .inner_box{flex: 1 0 0;}
.engineer .engF3 .engineer_layerpopup .el_wrap .inner .inner_box table{width: 100%;}
.engineer .engF3 .engineer_layerpopup .el_wrap .inner .inner_box table tr th{width: 130px; background: #f8fafc; color: #94a3b8;}
.engineer .engF3 .engineer_layerpopup .el_wrap .inner .inner_box table tr th,
.engineer .engF3 .engineer_layerpopup .el_wrap .inner .inner_box table tr td{padding: 0.5rem; border-top:1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; font-size: 0.875rem;}
.engineer .engF3 .engineer_layerpopup .el_wrap .inner .inner_box .item_beforeImg img{width: 100%; max-height: 500px; object-fit: cover;}
.engineer .engF3 .engineer_layerpopup .el_wrap .inner .inner_box .fixed_date span{font-weight: bold;}
.engineer_profile{padding: 30px; background: #F6F9FC; height: 197px; position: relative; overflow: auto;}
.profile_status{text-align: center;}
.profile_status h3{font-weight: bold; margin-bottom: 10px;}

.profile_top{display: flex; align-items: center; justify-content: space-between;}
.profile_top h1{font-size: 31px; font-weight: bold; letter-spacing: -1px;}
.profile_top p{font-size: 21px; font-weight: 500; letter-spacing: -1px; display: flex; align-items: center;}
.profile_top p .smsCheck{display:inline-block; padding: 5px 8px; border-radius: 5px; font-size: 13px; color: #fff; cursor: default; margin-left: 10px;}
.profile_top .label{display: flex; align-items: center; gap: 10px; margin-top: 10px;}
.profile_top .label span{display: inline-block; padding: 6px 10px; border-radius: 5px; font-size: 15px; color: #fff; cursor: default;}
.profile_top .label span.sido{background: #5d87ff;}
.profile_top .label span.sigugun{background: #49beff;}
.profile_top .label span.dong{background: #13deb9;}
.profile_top .addr{}
.profile_top ul{display: flex; flex-direction: column; gap: 8px;}
.profile_top ul li{text-align: right;}
.profile_top ul li .th{margin-bottom: 3px;}
.profile_category{width: 100%; padding:0px 30px; background: rgba(93, 135, 255, 0.1); position: relative;}
.profile_category ul{display: flex; align-items: center; justify-content: flex-end; gap: 30px;}
.profile_category ul li{color: #5a6a85; cursor: pointer; padding: 20px 0; display: flex; align-items: center; gap: 5px; font-size: 15px;}
.profile_category ul li.active{color: #5d87ff; border-bottom: 2px solid #5d87ff;}
.profile_category ul li span{font-size: 18px;}
.profile_content{height: calc(100% - 257px); overflow: auto;}
.profile_content .table th{text-align: left; white-space: nowrap;}
.profile_content .table td{cursor: pointer;}
.list_search{display: flex; align-items: center; justify-content: space-between; padding: 10px; border-bottom: 1px solid #dfe5ef; gap: 30px; position: relative;}
.list_search .search_box{display: flex; align-items: center; font-size: 13px;}
.list_search .search_box .th{min-width: 120px; background: #FAFAFB; padding: 10px; border:1px solid #d9dadc; height: 42px; display: flex; align-items: center;}
.list_search .search_box .td{padding:5px; border:1px solid #d9dadc; display: flex; align-items: center; gap: 5px; flex: 1 0 0; height: 42px; max-width: 300px;}
.list_search .search_box_detail{margin-top:10px; display: none;}
.list_search .search_box_detail .td_label{display: flex; align-items: center; gap: 10px; padding-left: 10px;}
.list_search .search_box .td_label div{display: flex; align-items: center;}
.list_search .search_box .td input{width:100%; padding: 5px;}
.list_search .search_box .td select{padding: 5px;}
.list_search .search_box .td input,
.list_search .search_box .td select{border:1px solid #dfe5ef;}
.list_search .search_box .more a{padding: 10px 15px; display: flex; align-items: center; justify-content: center; transition: all 0.3s; font-weight: bold; font-size: 13px;}
.list_search .search_box .more a:hover{color: #5D87FF;}

.customer_list{height: 100%;}
.customer_list td.addr span{width: 250px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block;}
.customer_list th p:first-child,
.customer_list td p:first-child{padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #d9dadc;}
.customer_list th,
.customer_list td{vertical-align: middle;}
.engineer_edit{display: none;}
.engineer_edit_wrap{padding:30px;}
.engineer_edit_wrap table th{width: 150px;}
.engineer_edit_wrap table td input[type="text"]{width:100%; padding: 5px; border: 1px solid #dfe5ef;}
.engineer_edit_wrap table td .sms_chk{display: flex; align-items: center;}
.engineer_edit_wrap table td .sms_chk label{margin-right: 10px;}
.engineer_edit_wrap .table_wrap{max-width: 500px; overflow: unset;}
.engineer_edit_wrap .table_wrap .engineer_edit_btn{width: 100%; text-align: right;}
.addr_label span{display: inline-block; padding: 6px 10px; border-radius: 5px; font-size: 15px; color: #fff; cursor: default; margin-right: 5px;}
.addr_label span.edit_sido{background: #5d87ff;}
.addr_label span.edit_sigungu{background: #49beff;}
.addr_label span.edit_dong{background: #13deb9;}
.engineer_insert{position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 600px; max-width: 90%; max-height: 90%; z-index: 1000; overflow: auto; border-radius: 7px; display: none;}
.engineer_insert .engineer_insert_wrap .table_wrap{overflow: unset;}
.engineer_insert .engineer_insert_wrap .engineer_inert_btn{width: 100%; text-align: right;}
.engineer_insert .engineer_insert_wrap .addr_label span{display: inline-block; padding: 6px 10px; border-radius: 5px; font-size: 15px; color: #fff; cursor: default; margin-right: 5px;}
.engineer_insert .engineer_insert_wrap .addr_label span.insert_sido{background: #5d87ff;}
.engineer_insert .engineer_insert_wrap .addr_label span.insert_sigungu{background: #49beff;}
.engineer_insert .engineer_insert_wrap .addr_label span.insert_dong{background: #13deb9;}
.engineer_insert .engineer_insert_wrap table th{width: 150px;}
.engineer_insert .engineer_insert_wrap table td input[type="text"]{width: 100%; padding: 5px; border: 1px solid #dfe5ef;}

.customer_list table tbody tr td:nth-child(2){width: 10%;}
.customer_list table tbody tr td:nth-child(3){width: 15%;}
.customer_list table tbody tr td:nth-child(5){width: 15%;}
.customer_list table tbody tr td:nth-child(6){width: 15%;}
.customer_list table tbody tr td:nth-child(7){width: 10%;}
.customer_list table tbody tr td:nth-child(8){width: 15%;}

/* open market */
.openmarket .openmarket_wrap{position:relative; min-height: 100vh;}
.openmarket .top_nav .title{display: flex; align-items: center; gap: 30px;}
.openmarket .top_nav .title a{display: flex; align-items: center; justify-content: center;}
.openmarket .subtitle{display: flex; align-items: center; gap: 5px;}
.openmarket input[type="text"]{padding: 9px; border: 1px solid #dfe5ef; border-radius: 5px;}
.openmarket input[type="text"]:focus{outline: none;}
.top_nav{width: 100%; background: #fff; padding: 30px 30px 0; border-bottom: 1px solid #E9E9E9;}
.top_nav .title{font-size: 25px;}
.top_nav ul{display: flex; align-items: center; gap: 30px;}
.top_nav ul li a{font-size:20px; font-family: 'Pretendard'; font-weight: 500; color: #9099A4; display: inline-block; padding: 20px 0; transition: all 0.3s;}
.top_nav ul li a:hover{color: #3C4146;}
.top_nav ul li.active a{color: #3C4146; border-bottom: 2px solid #3C4146;}
.market_search{display: flex; align-items: center; gap: 20px; padding: 20px 30px; background: #fff; overflow: overlay; white-space: nowrap;}
.market_search .date_wrap{display: flex; align-items: center; background: #F6F7F7; border: 1px solid #EAEAEA; border-radius: 5px; padding: 2px 5px;}
.market_search .date_wrap .date_radio{position: relative;}
.market_search .date_wrap .date_radio input[type="radio"]{display: inline-block; position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1; width: 1; margin: -1; padding: 0; border: 0;}
.market_search .date_wrap .date_radio label{padding: 10px; display: flex; align-items: center; justify-content: center; width: 3.3rem; height: 2rem; color: #9099A4; transition: all 0.3s; font-weight: bold; border-radius: 5px; font-size: 15px; cursor: pointer; font-family: 'Pretendard';}
.market_search .date_wrap .date_radio .date_sot:checked ~ label{background: #fff; color: #000; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.market_calendar .date_select_wrap{display: none;}
.market_calendar .date_select_wrap .select_box{position: relative;}
.market_calendar .date_select_wrap .select_box span{position: absolute; top: 50%; right: 5px; transform: translateY(-50%); color: #9099A4;}
.market_calendar .date_select_wrap .select_box input[type="text"]{width: 150px;}
.market_search .line{display: inline-block; width: 2px; height: 20px; background: #dfe5ef;}
.search_filter{position: relative;}
.search_filter .search_filter_btn{display: flex; align-items: center; justify-content: center; gap: 5px; font-weight: bold; font-size: 16px; font-family: 'Pretendard';}
.search_filter .search_filter_btn.active{color:#5d87ff}
.filter_list{position:absolute; top:0; left:-600px; background: #fff; border:1px solid #EAEAEA; z-index: 9; height: 100%;}
.filter_list .filter_close{position:absolute; top: -1px; right: -38px;}
.filter_list .filter_close button{background: #fff; border:1px solid #EAEAEA; cursor: pointer;}
.filter_list .filter_left{border-right: 1px solid #EAEAEA; width:200px}
.filter_list .filter_right{width: 200px; padding:20px; display: none;}
.filter_list .filter_right .right_box{display: flex; flex-direction: column; gap: 10px;}
.filter_list .filter_box{border-bottom: 1px solid #E9E9E9; padding:15px; display: flex; flex-direction: column; gap: 10px;}
.filter_list .filter_box:last-child{border-bottom: 0;}
.filter_list .filter_box ul{display: flex; flex-direction: column; gap: 15px; margin-top: 5px;}
.filter_list .filter_box ul li{font-weight: 500; font-family: 'Pretendard'; cursor: pointer; display: flex; align-items: center; gap: 8px;}
.filter_list .filter_box ul li.active{color:#5d87ff}
.filter_list .filter_right .filter_inner{position: relative;}
.filter_list .filter_right .filter_inner .filter_inner_box{display: flex; align-items: center; gap: 10px; padding: 5px; border:1px solid #6BA5D6; background: #F5FBFF; color: #3A85C8; border-radius: 7px; cursor: pointer;}
.filter_list .filter_right .filter_inner .filter_inner_box .filter_inner_text{display:flex; align-items:center; font-size:13px; gap:5px; font-weight: 500; font-family: 'Pretendard';}
.filter_list .filter_right .filter_inner .filter_inner_box .filter_value{font-size:13px; font-family: 'Pretendard'; font-weight: bold;}
.filter_list .filter_right .filter_inner input[type="text"]{width: 100%; box-sizing: border-box;}
.filter_list .filter_right .filter_inner select{width: 100%; padding: 5px; border:1px solid #dfe5ef}
.filter_list .filter_right .filter_inner .subtitle{display: flex; align-items: center; margin-bottom: 5px; font-size:12px; gap: 5px;}
.filter_list .filter_right .filter_inner .selector_radio{display: flex; flex-direction: column; margin: 10px 0; gap: 10px;}
.filter_list .filter_right .filter_inner .selector_radio div{display: flex; align-items: center; font-size:13px; font-family: 'Pretendard'; font-weight: bold;}
.filter_list .filter_right .filter_inner .selector_radio div input[type="radio"]{display: inline-block; position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1; width: 1; margin: -1; padding: 0; border: 0;}
.filter_list .filter_right .filter_inner .selector_radio div label{width: 100%; padding: 10px; text-align: center; border: 1px solid #E9E9E9; transition: all 0.3s; cursor: pointer;}
.filter_list .filter_right .filter_inner .selector_radio div .f_chk:checked ~ label{background: #5d87ff; border:1px solid #5d87ff; color: #fff;}
.filter_list .filter_right .filter_inner .selector_radio div .o_chk:checked ~ label{background: #5d87ff; border:1px solid #5d87ff; color: #fff;}
.filter_{display: flex; align-items: center; gap: 10px; display: none;}
.filter_ .filter_inner{border:1px solid #67AAD9; background: #F5FBFF; color: #185690; display: flex; align-items: center; justify-content: space-between; padding: 2px 5px; border-radius: 5px; gap: 10px;}
.filter_ .filter_inner .filter_inner_box{display: flex; align-items: center; gap: 10px; font-family: 'Pretendard'; font-size: 15px; font-weight: bold;}
.filter_ .filter_inner .filter_inner_box .filter_inner_text{display: flex; align-items: center; gap: 5px; font-family: 'Pretendard'; font-size: 15px; color: #3B86C8; font-weight: 500;}
.filter_ .filter_inner .filter_inner_box .filter_inner_text span{font-size: 18px;}
.filter_ .filter_inner .filterHashClose{cursor: pointer;}
.filter_ .filter_inner .filterHashClose span{font-size: 18px;}
.filter_ .filter_in{display: none;}
.item_wrap{width: 100%; background: #fff;}
.item_info{padding:0 30px; height: 70px; border-bottom: 1px solid #E9E9E9; border-top: 1px solid #E9E9E9; background: #FDFDFD; display: flex; align-items: center; justify-content: space-between;}
.item_info .market_refresh{position: relative;}
.item_info .market_refresh a{display: inline-block; padding: 7px; transition: all 0.3s; border-radius: 7px;}
.item_info .market_refresh a:hover{background: #f2f2f2;}
.item_info .market_refresh a:hover span{animation: rotate_image 6s linear infinite;transform-origin: 50% 50%;}
@keyframes rotate_image{100% {transform: rotate(360deg);}}
.item_info .market_refresh .btn_info{position: absolute; top: 45px; right: 0; padding: 20px; border:1px solid #E9E9E9; background: #fff; z-index: 9; font-size:13px; font-family: 'Pretendard'; white-space: nowrap; gap: 10px; border-radius: 7px; display: none;}
.item_info .market_refresh .btn_info span{font-size: 18px;}
.item_info .market_refresh .btn_info h2{font-size: 15px; font-weight: bold; display: flex; align-items: center; gap: 5px;}
.item_info .market_refresh .btn_info p{line-height: 1.3;}
.item_info .market_refresh .btn_info b{font-weight: bold; color: #5d87ff;}
.item_info .market_refresh .btn_info .info_denger{align-items: flex-start; border-bottom: 1px solid #E9E9E9; padding-bottom: 20px; margin-bottom: 20px; line-height: 1.3; gap: 20px;}
.item_info ul{display: flex; align-items: center; gap: 40px;}
.item_info ul li{font-family: 'Pretendard'; font-size: 15px;}
.item_info ul li span.label{display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 5px;}
.item_info ul li span.number{display: inline-block; margin-left: 10px; font-weight: bold;}
.item_info ul li.all_data span.label{background: #A77ADA;}
.item_info ul li.hold_item span.label{background: #A49FF2;}
.item_info ul li.hold_engineer span.label{background: #F4B200;}
.item_info ul li.hold_setting span.label{background: #EC734E;}
.item_info ul li.succress_setting span.label{background: #13deb9;}
.item_wrap .table_warp{overflow: auto; width: 100%;}
.item_wrap .table_warp table{white-space: nowrap; border-collapse: separate; border-spacing: 0;}
.item_wrap .table_warp table th:first-child,
.item_wrap .table_warp table td:first-child{position: sticky; position: -webkit-sticky; left: 0; width: 370px; min-width:370px; max-width:370px; background: #fff; border-right: 1px solid #ebf1f6;}
.item_wrap .table_warp table th,
.item_wrap .table_warp table td{white-space: nowrap; vertical-align: middle; text-align: left;}
.item_wrap .table_warp table td.item_name{max-width: 420px; width: 420px; overflow: hidden; text-overflow: ellipsis;}
.item_wrap .table_warp::-webkit-scrollbar {width: 5px; height: 5px; }
.item_wrap .table_warp::-webkit-scrollbar-track {background-color: #fff; -webkit-border-radius: 5px; border-radius: 5px;}
.item_wrap .table_warp::-webkit-scrollbar-thumb {-webkit-border-radius: 5px;border-radius: 5px; background: rgba(144, 153, 164, 0);}
.item_wrap .table_warp:hover::-webkit-scrollbar-thumb{background: rgba(144, 153, 164, 1);}
.item_wrap .table_warp:hover{cursor: grab;}
.item_wrap .table_warp td button{background: none; border:0; cursor: pointer;}
.item_wrap .table_warp td button.item_inner{background: none; border:0; cursor: pointer; color:#5d87ff}
.item_info_first{display: flex; align-items: center; justify-content: space-between;}
.item_info_first .left{display: flex; align-items: center; gap: 10px;}
.item_info_first .left .left_text a{display: flex; flex-direction: column; gap: 10px; font-family: 'Pretendard'; transition: all 0.3s;}
.item_info_first .left .left_text a h2{font-weight: bold; font-size: 16px;}
.item_info_first .left .left_text a p{color: #9099A4;}
.item_info_first .left .left_text a:hover h2,
.item_info_first .left .left_text a:hover p{color: #5d87ff;}
.item_info_first .market_icon{width: 50px; height: 50px; border-radius: 7px; display: flex; align-items: center; justify-content: center; }
.item_info_first .market_icon img{width: 100%;}
.item_info_first .market_icon.cafe24{background: #235BF5; color: #fff;}
.item_info_first .market_icon.coupang{background: #CA2701; color: #fff;}
.item_info_first .market_icon.smartstore{background: #00C13A; color: #fff;}
.item_info_first .market_icon.ohou{background: #34BFE9; color: #fff;}
.item_info_first .order_status_label span{padding: 5px 10px; border-radius: 7px; font-size: 13px; font-family: 'Pretendard'; display: inline-block; color: #fff;}
.item_info_first .order_status_label span.item_ing{background: #49beff;}
.item_info_first .order_status_label span.item_cansel{background: #fa896b;}
.item_wrap .table_warp table td:first-child:hover .item_close{display: inline-block;}
.item_close{position: absolute; top: 50%; right: 16px; transform: translateY(-50%); padding: 5px 10px; border-radius: 7px; font-size: 13px; font-family: 'Pretendard'; display: none; color: #fff; background: #333;}
.item_wrap .table_warp td .item_status_label{display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 5px;}
.item_wrap .table_warp td .item_status_label.hold_item{background: #A49FF2;}
.item_wrap .table_warp td .item_status_label.hold_setting{background: #F4B200;}
.item_wrap .table_warp td .item_status_label.hold_engineer{background: #EC734E;}
.item_wrap .table_warp td .item_status_label.succress_setting{background: #13deb9;}
.item_wrap .table_warp td .item_status_label_text{font-weight: bold;}
.inner_title{padding: 30px; border-bottom: 1px solid #E9E9E9; background: #fff; font-family: 'Pretendard';}
.inner_title .item_title{display: flex; flex-direction: column; gap: 10px;}
.inner_title .item_title h1{font-size: 28px;}
.inner_title .item_title h3{font-size: 17px; color: #95a4b9;}
.inner_title .item_title p{display: flex; align-content: center; gap: 10px;}
.inner_title .item_title p span{padding: 8px 15px; border-radius: 7px; border: 1px solid #E9E9E9; font-size: 14px; font-family: 'Pretendard';}
.item_inner_wrap{display: flex; flex-direction: column;}
.item_inner_wrap .inner_box{border-bottom: 1px solid #E9E9E9;}
.item_inner_wrap .inner_box .subtitle{padding:15px 30px; background: #FDFDFD; border-bottom: 1px solid #E9E9E9; display: flex; align-items: center; justify-content: space-between;}
.item_inner_wrap .inner_box .in_box{display: flex; align-items: center; background: #fff; padding:20px 30px;}
.item_inner_wrap .inner_box .in_box .th{display: flex; align-items: center; width: 200px; gap: 20px; font-family: 'Pretendard';}
.item_inner_wrap .inner_box .in_box textarea{width: 100%; min-height: 50px; border:1px solid #E9E9E9; height: 100px; resize: vertical; padding: 10px;}
.item_inner_wrap .inner_box .radio_wrap{position: relative; display: flex; align-items: center; gap: 20px;}
.item_inner_wrap .inner_box .radio_box input[type="radio"]{display: inline-block; position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1; width: 1; margin: -1; padding: 0; border: 0;}
.item_inner_wrap .inner_box .radio_box label{padding: 10px; display: flex; align-items: center; justify-content: center; width: 5.3rem; height: 2rem; transition: all 0.3s; font-weight: bold; border-radius: 5px; font-size: 15px; cursor: pointer; font-family: 'Pretendard'; color: #9099A4; background: #F6F7F7;}
.item_inner_wrap .inner_box .radio_box .order_status_radio:checked ~ label.order_ing{background: #49beff; color: #fff;}
.item_inner_wrap .inner_box .radio_box .order_status_radio:checked ~ label.order_cansel{background: #fa896b; color: #fff;}
.item_inner_wrap .inner_box .radio_box .item_status_radio:checked ~ label.item_01{background: #A49FF2; color: #fff;}
.item_inner_wrap .inner_box .radio_box .item_status_radio:checked ~ label.item_02{background: #F4B200; color: #fff;}
.item_inner_wrap .inner_box .radio_box .item_status_radio:checked ~ label.item_03{background: #EC734E; color: #fff;}
.item_inner_wrap .inner_box .radio_box .item_status_radio:checked ~ label.item_04{background: #13deb9; color: #fff;}
.item_inner_wrap .inner_box .radio_box .item_status_radio:checked ~ label.item_05{background: #EC734E; color: #fff;}
.item_inner_wrap .inner_box .radio_box .item_status_radio:checked ~ label.install_item_01{background: #EC734E; color: #fff;}
.item_inner_wrap .inner_box .radio_box .item_status_radio:checked ~ label.install_item_02{background: #13deb9; color: #fff;}
.info_denger{display: flex; align-items: center; font-size: 14px; font-weight: 500; font-family: 'Pretendard'; color: #EC734E; gap: 10px;}
.item_inner_wrap .inner_box .td{font-family: 'Pretendard';}
.item_inner_wrap .inner_box .td .label_title{color: #9099A4; cursor: default;}
.item_inner_wrap .inner_box .td .addr_label span{display: inline-block; padding: 6px 10px; border-radius: 5px;font-size: 15px; color: #fff;cursor: default; margin-right: 5px;}
.item_inner_wrap .inner_box .td .addr_label span.edit_sido{background: #5d87ff;}
.item_inner_wrap .inner_box .td .addr_label span.edit_sigungu{background: #49beff;}
.item_inner_wrap .inner_box .td .addr_label span.edit_dong{background: #13deb9;}
.item_inner_wrap .inner_box .td .addr_select{display: flex; align-items: center; gap: 10px;}
.item_inner_wrap .inner_box .td .addr_select select{padding: 5px; border: 1px solid #dfe5ef;}
.item_inner_wrap .inner_box .engineer_list{align-items: flex-start;}
.item_inner_wrap .inner_box .engineer_list .td{width: 100%;}
.item_inner_wrap .inner_box .engineer_list .td .table_wrap{border-top: 1px solid #E9E9E9;}
.item_inner_wrap .inner_box .engineer_list .td table th,
.item_inner_wrap .inner_box .engineer_list .td table td{text-align: left;}
.item_inner_wrap .inner_box .engineer_list .td table th:first-child,
.item_inner_wrap .inner_box .engineer_list .td table td:first-child,
.item_inner_wrap .inner_box .engineer_list .td table th:nth-child(2),
.item_inner_wrap .inner_box .engineer_list .td table td:nth-child(2){width: 10%;}
.item_inner_wrap .inner_box .engineer_list .td table td span{display: inline-block; padding: 6px 10px; border-radius: 5px;font-size: 15px; color: #fff;cursor: default; margin-right: 5px;}
.item_inner_wrap .inner_box .engineer_list .td table td span.engi_sido{background: #5d87ff;}
.item_inner_wrap .inner_box .engineer_list .td table td span.engi_sigungu{background: #49beff;}
.item_inner_wrap .inner_box .engineer_list .td table td span.engi_dong{background: #13deb9;}
.item_inner_wrap .inner_box .engineer_list .td table tr.active td{background: #f6f9fc;}
.item_inner_wrap .inner_box .bf_wrap{align-items: flex-start;}
.item_inner_wrap .inner_box .bf_wrap img{width: 100%; max-height: 500px; object-fit: cover;}
.item_inner_wrap .inner_box .memo_wrap{align-items: flex-start;}
.item_inner_wrap .inner_box .qr_img{position: absolute; top: 85%; right: 30px; transform: translateY(-50%);}

.sms_wrap{background: #fff;}
.sms_wrap .sms_btn{padding:20px 30px; border-bottom: 1px solid #E9E9E9; background: #FDFDFD;}
.sms_wrap .sms_btn ul{display: flex; align-items: center; justify-content: flex-end; gap: 20px;}
.sms_wrap .sms_btn ul li{position:relative;}
.sms_wrap .sms_btn ul li.sms_info a{color: #EC734E;}
.sms_wrap .sms_btn ul li .sms_btn_{display: inline-block; padding: 8px 15px; border:1px solid #E9E9E9; color: #fff; border-radius: 5px; transition: all 0.3s; font-size: 14px; font-family: 'Pretendard';}
.sms_wrap .sms_btn ul li.sms_hold_item .sms_btn_{background: #A49FF2; border:1px solid #A49FF2;}
.sms_wrap .sms_btn ul li.sms_hold_item .sms_btn_:hover{background: #9994e6; border:1px solid #9994e6;}
.sms_wrap .sms_btn ul li.sms_hold_setting .sms_btn_{background: #F4B200; border:1px solid #F4B200;}
.sms_wrap .sms_btn ul li.sms_hold_setting .sms_btn_:hover{background: #e4a700; border:1px solid #e4a700;}
.sms_wrap .sms_btn ul li.sms_hold_setting .sms_btn_info{left: auto; right: 0;}
.sms_wrap .sms_btn ul li.sms_hold_engineer .sms_btn_{background: #EC734E; border:1px solid #EC734E;}
.sms_wrap .sms_btn ul li.sms_hold_engineer .sms_btn_:hover{background: #db6a48; border:1px solid #db6a48;}
.sms_wrap .sms_btn ul li.sms_hold_engineer .sms_btn_info{left: auto; right: 0;}
.sms_wrap .sms_btn ul li.sms_succress_setting .sms_btn_{background: #13deb9; border:1px solid #13deb9;}
.sms_wrap .sms_btn ul li.sms_succress_setting .sms_btn_:hover{background: #11ceab; border:1px solid #11ceab;}
.sms_wrap .sms_btn ul li.sms_succress_setting .sms_btn_info{left: auto; right: 0;}
.sms_wrap .sms_btn ul li .sms_btn_info{position: absolute; top: 45px; left: 0; padding: 20px; border:1px solid #E9E9E9; background: #fff; z-index: 9; font-size:13px; font-family: 'Pretendard'; white-space: nowrap; gap: 10px; border-radius: 7px; display: none;}
.sms_wrap .sms_btn ul li .sms_btn_info span{font-size: 18px;}
.sms_wrap .sms_btn ul li .sms_btn_info h2{font-size: 15px; font-weight: bold; display: flex; align-items: center; gap: 5px;}
.sms_wrap .sms_btn ul li .sms_btn_info p{line-height: 1.3;}
.sms_wrap .sms_btn ul li .sms_btn_info b{font-weight: bold; color: #5d87ff;}
.sms_wrap .sms_btn ul li .sms_btn_info .info_denger{align-items: flex-start; border-bottom: 1px solid #E9E9E9; padding-bottom: 20px; margin-bottom: 20px; line-height: 1.3; gap: 20px;}
.sms_wrap .table_warp table th,
.sms_wrap .table_warp table td{vertical-align: middle;}
.sms_wrap .table_warp td .item_status_label{display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 5px;}
.sms_wrap .table_warp td .item_status_label.hold_item{background: #A49FF2;}
.sms_wrap .table_warp td .item_status_label.hold_setting{background: #F4B200;}
.sms_wrap .table_warp td .item_status_label.hold_engineer{background: #EC734E;}
.sms_wrap .table_warp td .item_status_label.succress_setting{background: #13deb9;}
.sms_wrap .table_warp td .item_status_label_text{font-weight: bold;}
.filter_radio .selector_radio{display: flex; gap: 10px;}
.filter_radio .selector_radio div{display: flex; align-items: center; font-size: 13px; font-family: 'Pretendard'; font-weight: bold;}
.filter_radio .selector_radio div input[type="radio"]{display: inline-block; position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1; width: 1; margin: -1; padding: 0; border: 0;}
.filter_radio .selector_radio div label{width: 100%; padding: 10px; text-align: center; border: 1px solid #E9E9E9; transition: all 0.3s; cursor: pointer;}
.filter_radio .selector_radio div .f_chk:checked ~ label{background: #5d87ff; border: 1px solid #5d87ff; color: #fff;}

.member{font-family: 'Pretendard'; box-sizing: border-box; width:100%; height: 100%; min-height: calc(100vh - 130px); display: flex; overflow: hidden; align-items: center; justify-content: center;}
.member_search{position:relative;}
.member_search .input_box{border:1px solid #dfe5ef; border-radius: 7px; display: flex; align-items: center; gap: 10px;}
.member_search input{padding:10px 5px; border:0; background: 0; font-size: 14px; width: 100%;}
.member_search input:focus{outline: none;}
.member_search span{padding-left: 10px;}
.member_btn{width: 100%; text-align: right;}

.admin_insert{position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 500px; max-width: 90%; max-height: 90%; z-index: 1000; overflow: auto; border-radius: 7px; display: none;}
.admin_insert table td input[type="text"],
.admin_insert table td input[type="password"]{width: 100%; padding: 5px; border: 1px solid #dfe5ef;}

.progress_layer{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999999; display: none;}
.progress_layer .progress_title{width: 100%; text-align: center;}
.progress_layer .progress_title h1{font-family: 'Pretendard'; font-size: 21px; font-weight: bold;}
.progress_layer .progress_title div svg{width: 20%;}
.progress_layer .progress_wrap{width: 500px; border:1px solid #E9E9E9; background: #fff; border-radius: 7px; padding:50px 30px;}
.progress_layer .progress_wrap .progress_box{display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 30px;}
.progress_layer .progress_wrap .p_b{width: 100%; display: none;}
.progress_layer .progress_wrap .p_b h3{font-family: 'Pretendard'; margin-bottom: 10px; font-weight: bold; letter-spacing: -0.5px; cursor:default}
.progress_layer .progress_wrap .progress{position: relative; width: 100%; height: 10px; border-radius: 5px; overflow: hidden; background: #f2f2f2;}
.progress_layer .progress_wrap .progress .progress_bar{position: absolute; display: inline-block; top: 0; left: 0; width: 1%; height: 100%; background: #00C13A; transition: all 0.3s;}
.progress_popup_bg{position:fixed; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,.5); z-index: 999; display: none;}
.progress_err{font-size: 13px; font-family: 'Pretendard'; letter-spacing: -0.5px; margin-top:30px; line-height: 1.3; color: #EC734E; display: flex; flex-direction: column; gap: 10px;}
.progress_err b{font-weight: bold;}

/* skeleton */
.profile_top_skeleton{position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 30px; background: #F6F9FC;}
.profile_top_skeleton .boxed{display: inline-block; background: #f2f2f2; border-radius: 7px; position:relative;}
.profile_top_skeleton .boxed::before{content:""; display: inline-block; width: 100%; height: 100%; background:linear-gradient(120deg, #e5e5e5 10%, #f0f0f0 30%, #f0f0f0 40%, #e5e5e5 60%); background-size: 200% 100%; background-position: 100% 0; animation: load 3s infinite; border-radius: 7px;}
.profile_top_skeleton .eng_name_{width: 15%; height: 40px;}
.profile_top_skeleton .eng_phone_{width: 15%; height: 25px;}
.profile_top_skeleton .smsCheck{width: 40px; height: 25px;}
.profile_top_skeleton .sido{width: 45px; height: 25px;}
.profile_top_skeleton .sigugun{width: 45px; height: 25px;}
.profile_top_skeleton .dong{width: 45px; height: 25px;}
.profile_top_skeleton .addr{width: 30%; height: 21px;}

.profile_category_skeleton{position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 30px; background: #DFE8FF; display: flex; align-items: center; justify-content: flex-end; gap: 10px;}
.profile_category_skeleton div{width: 8%; height: 20px; display: inline-block; background:linear-gradient(120deg, #e5e5e5 10%, #f0f0f0 30%, #f0f0f0 40%, #e5e5e5 60%); background-size: 200% 100%; background-position: 100% 0; animation: load 3s infinite; border-radius: 7px;}

.list_search_skeleton{position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 10px; background: #fff;}
.list_search_skeleton div{width: 40%; height: 32px; display: inline-block; background:linear-gradient(120deg, #e5e5e5 10%, #f0f0f0 30%, #f0f0f0 40%, #e5e5e5 60%); background-size: 200% 100%; background-position: 100% 0; animation: load 3s infinite; border-radius: 7px;}
.list_search_skeleton div:last-child{width: 10%;}
@keyframes load {100% {background-position: -100% 0;}}

/* 설치자 페이지 */
.sub_wrap{width: 100%; min-height: 100vh; height: 100%; display: flex; align-items: center; justify-content: center;}
.sub_inner{width: 100%; max-width: 769px; background: #F6F7F8; margin:0 auto; padding: 20px 20px 40px; display: flex; flex-direction: column; gap: 20px;}
.sub_inner .title{font-size: 0.875rem; line-height: 1.3;}
.sub_inner .logo img{width: 35%;}
.sub_inner .sub_box{background: #fff; border:1px solid #ebf1f6; padding:20px 10px; border-radius: 5px; display: flex; flex-direction: column; gap: 15px; font-size: 15px;}
.sub_inner .sub_box .radio_wrap{position: relative; display: flex; flex-direction:column; gap: 10px;}
.sub_inner .sub_box .radio_wrap .radio_box input[type="radio"]{display: inline-block; position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1; width: 1; margin: -1; padding: 0; border: 0;}
.sub_inner .sub_box .radio_wrap .radio_box label{padding: 10px; display: flex; align-items: center; justify-content: center; width:100%; height: 2.5rem; transition: all 0.3s; border-radius: 5px; font-size: 15px; cursor: pointer; font-family: 'Pretendard'; color: #9099A4; background: #F6F7F7;}
.sub_inner .sub_box .radio_wrap .radio_box .item_status_radio:checked ~ label{background: #5d87ff; color: #fff;}
.sub_inner .sub_box input[type="text"]{width:100%; padding: 9px; border: 1px solid #dfe5ef; border-radius: 5px; font-size: 15px;}
.sub_inner .sub_box input[type="text"]::placeholder{color: #c4d1e6;}
.sub_inner .sub_box input[type="text"]::-webkit-input-placeholder{color: #c4d1e6;}
.sub_inner .sub_box input[type="text"]::-ms-input-placeholder{color: #c4d1e6;}
.sub_inner .sub_box .date{position:relative;}
.sub_inner .sub_box .date span{position: absolute; top: 50%; transform: translateY(-50%); right: 10px; color: #5a6a85;}
.sub_inner .sub_box .addr_label{display: flex; align-items: center; gap: 5px;}
.sub_inner .sub_box .addr_label span{display: inline-block; padding: 6px 10px; border-radius: 5px; font-size: 15px; color: #fff; cursor: default; margin-right: 5px;}
.sub_inner .sub_box .addr_label span.sido{background: #5d87ff;}
.sub_inner .sub_box .addr_label span.sigungu{background: #49beff;}
.sub_inner .sub_box .addr_label span.dong{background: #13deb9;}
.sub_inner .sub_box .radio_wrap.items_wrap{flex-direction: row; flex-wrap: wrap; gap: 0; margin: 0 -5px;}
.sub_inner .sub_box .radio_wrap.items_wrap .radio_box{width: 50%; padding:5px}
.sub_inner .sub_box .memo{width: 100%; min-height: 50px; border:1px solid #E9E9E9; height: 100px; resize: vertical; padding: 10px;}
.file_box{position: relative;}
.file_box .preview1 img{width: 100%;}
.file_box .preview2 img{width: 100%;}
.file_box input[type="file"]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.file_box label{padding: 10px; display: flex; align-items: center; justify-content: center; width: 100%; height: 2.5rem; transition: all 0.3s; border-radius: 5px; font-size: 15px; cursor: pointer; font-family: 'Pretendard'; color: #fff; background: #49BEFF;}
.before_img img{width: 100%;}

.success_page{background: #F6F7F8;}
.success_page .sub_inner{padding: 30px; font-family: 'Pretendard'; }
.success_page .sub_inner .logo{width: 100%; text-align: center;}
.success_page .sub_inner .chk_icon{display: flex; align-items: center; justify-content: center; width:130px; height: 130px; background: #52C41A; border-radius: 50%; margin:30px auto}
.success_page .sub_inner .chk_icon span{font-size: 90px; color: #fff;}
.success_page .sub_inner h1{width: 100%; text-align: center; color: #52C41A; font-size: 31px; font-weight: bold; margin-bottom: 50px;}

.alert_layer{position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1000; display: none;}
.alert_layer .alert_inner{width: 400px; position:relative; border-radius: 7px; background: #fff;}
.alert_layer .alert_inner .alert_icon{width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; background:#5d87ff; border-radius: 50%; margin: 0 auto; color: #fff; position: absolute; top: -25px; left: 50%; transform: translateX(-50%);}
.alert_layer .alert_inner .alert_icon span{font-size: 35px;}
.alert_layer .alert_inner .alert_title{padding: 70px 0 30px; text-align: center; font-size: 21px; font-weight: bold; font-family: 'Pretendard'; border-bottom: 1px solid #E9E9E9; line-height: 1.3;}
.alert_layer .alert_inner .alert_content{padding: 20px; text-align: center; font-family: 'Pretendard'; font-size: 15px; line-height: 1.3;}
.alert_layer .alert_inner button{border:0; cursor: pointer; padding: 20px 0; color: #fff; font-size: 17px; font-weight: bold; transition: all 0.3s;}
.alert_layer .alert_inner button.alert_close{background: #82a3ff;}
.alert_layer .alert_inner button.alert_submit{background: #5d87ff;}
.alert_layer .alert_inner button.alert_close:hover{background: #7496f1;}
.alert_layer .alert_inner button.alert_submit:hover{background: #517aeb;}

.on_box{border:1px solid #5d87ff !important; box-shadow: 0 0 0 1px #5d87ff inset;}

/* popup */
.excel_popup{position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1000; display: none;}
.excel_popup .excel_inner{width: 1100px; max-height:80vh; overflow: auto; position:relative; border-radius: 7px; background: #fff; padding: 30px;}
.excel_popup .excel_inner h1{font-size: 21px; font-weight: bold; font-family: 'Pretendard'; border-bottom: 1px solid #E9E9E9; line-height: 1.3; padding-bottom: 30px;}
.excel_popup .excel_inner .excel_file{position: relative; text-align: right;}
.excel_popup .excel_inner .excel_file input[type="file"]{position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.excel_popup .excel_inner .table_wrap{border-top: 1px solid #E9E9E9; padding-top: 20px; margin-top: 20px; }

.engineer_excel_popup{position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1000; display: none; width: 90%;}
.engineer_excel_popup .engineer_excel_inner{width: 100%; max-height:80vh; overflow: auto; position:relative; border-radius: 7px; background: #fff; padding: 30px;}
.engineer_excel_popup .engineer_excel_inner h1{font-size: 21px; font-weight: bold; font-family: 'Pretendard'; border-bottom: 1px solid #E9E9E9; line-height: 1.3; padding-bottom: 30px;}
.engineer_excel_popup .engineer_excel_inner .engineer_excel_file{position: relative; text-align: right;}
.engineer_excel_popup .engineer_excel_inner .engineer_excel_file input[type="file"]{position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.engineer_excel_popup .table_wrap{border-top: 1px solid #E9E9E9; padding-top: 20px; margin-top: 20px; }
.engineer_excel_popup .table_wrap .addr a{color: #235BF5; display: flex; align-items: center; gap: 10px;}
.engineer_excel_popup .table_wrap .addr a span{color: #fa896b;}
.engineer_excel_popup .table_wrap select{width: 100%; padding: 5px; border:1px solid #dfe5ef}

.excel_popup_coupang{position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1000; display: none;}
.excel_popup_coupang .excel_inner{width: 1100px; max-height:80vh; overflow: auto; position:relative; border-radius: 7px; background: #fff; padding: 30px;}
.excel_popup_coupang .excel_inner h1{font-size: 21px; font-weight: bold; font-family: 'Pretendard'; border-bottom: 1px solid #E9E9E9; line-height: 1.3; padding-bottom: 30px;}
.excel_popup_coupang .excel_inner .excel_file{position: relative; text-align: right;}
.excel_popup_coupang .excel_inner .excel_file input[type="file"]{position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.excel_popup_coupang .excel_inner .table_wrap{border-top: 1px solid #E9E9E9; padding-top: 20px; margin-top: 20px; }

.excel_popup_offline{position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1000; display: none;}
.excel_popup_offline .excel_inner{width: 1100px; max-height:80vh; overflow: auto; position:relative; border-radius: 7px; background: #fff; padding: 30px;}
.excel_popup_offline .excel_inner h1{font-size: 21px; font-weight: bold; font-family: 'Pretendard'; border-bottom: 1px solid #E9E9E9; line-height: 1.3; padding-bottom: 30px;}
.excel_popup_offline .excel_inner .excel_file{position: relative; text-align: right;}
.excel_popup_offline .excel_inner .excel_file input[type="file"]{position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.excel_popup_offline .excel_inner .table_wrap{border-top: 1px solid #E9E9E9; padding-top: 20px; margin-top: 20px; }

.before_img_arr{width: 100%;}

.new_addr{display: flex; flex-direction: column; gap: 10px;}
.new_addr_btn{width: 100%;}
.new_addr .new_addr_box{display: flex; align-items: center; gap: 5px; position:relative}
.new_addr .new_addr_box .delete{position: absolute; top: 5px; right: -30px; z-index: 5; color:#fa896b}
.new_addr select{width: 100%; padding: 5px; border: 1px solid #dfe5ef;}

.new_addr_edit{display: flex; flex-direction: column; gap: 10px;}
.new_addr_edit_btn{width: 100%;}
.new_addr_edit .new_addr_box_edit{display: flex; align-items: center; gap: 5px; position:relative; margin-bottom: 10px;}
.new_addr_edit .new_addr_box_edit select{width: 100%; padding: 5px; border: 1px solid #dfe5ef;}
.new_addr_edit .new_addr_box_edit .delete{position: absolute; top: 3px; right: -35px; z-index: 5; color:#fa896b}

.new_addr_label_wrap .addr_label{position: relative;}
.new_addr_label_wrap .addr_label .delete{position: absolute; top: 0; right: -15px; z-index: 5; color:#fa896b;}
.new_addr_label_wrap .addr_label .delete span{color:#fa896b; font-size: 21px; cursor: pointer;}
.install_price{white-space: nowrap;}

#safe_order_user_self{color: #9099A4; background: #F6F7F7; border: 1px solid #F6F7F7;}