body {
    position: relative;
    top: 0; left: 0; right: 0; bottom: 0;
    overflow: hidden;
    font-family: 'Noto Sans KR', sans-serif;
    /*background: #F8F8F8;*/
}
body::-webkit-scrollbar, .modal-scroll::-webkit-scrollbar, .search_box__category::-webkit-scrollbar {
    width: 8px;  /* 스크롤바의 너비 */
}

body::-webkit-scrollbar-thumb, .modal-scroll::-webkit-scrollbar-thumb, .search_box__category::-webkit-scrollbar-thumb {
    height: 30%; /* 스크롤바의 길이 */
    background: #dbdbdb; /* 스크롤바의 색상 */

    border-radius: 10px;
}
body::-webkit-scrollbar-track, .modal-scroll::-webkit-scrollbar-track, .search_box__category::-webkit-scrollbar-track  {
    background: #f5f5f5;  /*스크롤바 뒷 배경 색상*/
}
body, button, input, optgroup, select, textarea { font-family: 'Noto Sans KR', sans-serif; }
a {display: block; color: #000; -webkit-tap-highlight-color: #7a7a7ac9;}
a:hover { color: #000;}
.input, .select select, .textarea { border-color: transparent; }
.input:focus { border-color: #92a7f3; box-shadow: unset;}
.input:active, .input:focus, .is-active.input, .is-active.textarea, .is-focused.input, .is-focused.textarea, .select select.is-active, .select select.is-focused, .select select:active, .select select:focus, .textarea:active, .textarea:focus { border-color: transparent; box-shadow: unset; }
.select select:focus .form_field, .select select:hover .form_field {  border-color: #6E89EA;}
.input:hover, .is-hovered.input, .is-hovered.textarea, .select select.is-hovered, .select select:hover, .textarea:hover { border-color: transparent; }
/*체크박스 커스텀*/
.chk_box input[type="checkbox"]:checked + .on { background: #f86480; }
/*체크박스 커스텀2*/
input.boxSelectCheck[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border-radius: 5px;
    cursor: pointer;
    height: 21px;
    outline: 0;
    width: 21px;
    border: solid 1px #DADCE0;
    vertical-align: middle;
}
input.boxSelectCheck[type="checkbox"]::after {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    content: '';
    display: none;
    height: 50%;
    left: 39%;
    position: relative;
    top: 20%;
    transform: rotate(45deg);
    width: 28%;
}
input.boxSelectCheck[type="checkbox"]:checked {
    background: #132997;
}
input.boxSelectCheck[type="checkbox"]:checked::after {
    display: block;
}
/*라디오버튼 커스텀*/
.radio_box { display: inline-block; *display: inline; *zoom: 1; position: relative; padding-left: 25px; margin-right: 10px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
/* 기본 라디오 버튼 숨기기 */
.radio_box input[type="radio"] { display: none; }
/* 선택되지 않은 라디오 버튼 스타일 꾸미기 */
.radio_box .on { width: 16px; height: 16px; background: #ddd; border-radius: 50%; position: absolute; top: 50%; left: 0; transform: translateY(-50%);  }
/* 선택된 라디오 버튼 스타일 꾸미기 */
.radio_box input[type="radio"]:checked + .on { background: #132997; }
.radio_box .on:after { content: ""; position: absolute; display: none; }
.radio_box input[type="radio"]:checked + .on:after { display: block; }
.radio_box .on:after { width: 6px; height: 6px; background: #fff; border-radius: 50%; position: absolute; left: 5px; top: 5px; }

.apt-inner { position: relative;max-width: 1200px; margin: 0 auto; padding-bottom: 150px;}

.tip_box { padding: 10px 12px; background: #FFF7EF; border: solid 1px #FFCF9E; border-radius: 4px; color: #F49B41; display: flex; align-items: start; margin-bottom: 35px; }

header { z-index: 1; width: 100%; height: 74px; position: sticky; top: 0; background: #fff; border-bottom: solid 1px #E4E5ED; position: fixed; top: 0; }

/*icon*/
.icon_tooltip { width: 18px; height: 18px; vertical-align: text-bottom;}
.icon_minus { font-size: 38px; font-weight: 300; display: inline-flex; justify-content: center; align-items: center; padding-bottom: 3px; width: 18px; height: 18px;  border-radius: 50px; cursor: pointer; border: solid 1px #0b2997; background: #eee; color: #0b2997; margin: 0 3px;}
.icon_minus:hover { background: #c2c2c2; transition: all ease 0.2s;}
.icon_plus { font-size: 22px; font-weight: 300; display: inline-flex; justify-content: center; align-items: center; padding-bottom: 3px; width: 18px; height: 18px;  border-radius: 50px; cursor: pointer; border: solid 1px #0b2997; background: #0b2997; color: #fff; margin: 0 3px;}
.icon_plus:hover { background: #5468ae; transition: all ease 0.2s;}

/*text color*/
.txt_orange { color: #F49B41; }
.txt_red { color: #FF5353; }
.txt_navy { color: #132997; }
.txt_sky { color: #6A8BFF; }
/*header*/
.slide-open{position:relative;top:0;right:0;width:50px;height:50px;cursor:pointer;}
.burgur{left: 15px;top: 23px;position: absolute;width: 20px;height: 2px;background: #000000;}
.burgur .top-line{width: 20px;height: 2px;background-color: #000000;bottom: -5px;content: '';position: absolute;-webkit-transition:  -webkit-transform .3s;transition: transform .3s;}
.burgur .bot-line {width: 20px;height: 2px;background-color: #000000;top: -5px;content: '';position: absolute;-webkit-transition:  -webkit-transform .3s;transition: transform .3s;}
.burgur.on {width: 0;}
.burgur.on .bot-line {-webkit-transform: translateY(5px) rotate(135deg);transform: translateY(5px) rotate(135deg);}
.burgur.on .top-line{-webkit-transform: translateY(-5px) rotate(-135deg);transform: translateY(-5px) rotate(-135deg);}
#slideMenu{width:290px;height: 100vh;position:absolute;left: -258px;top: 74px;right:0;bottom:0;-webkit-transition: left .3s;-moz-transition: left .3s;-ms-transition: left .3s;-o-transition: left .3s;transition: left .3s;background: #Fff;box-shadow: 0px 6px 7px 4px #f1f1f1;}
#slideMenu.on{left:0;}
#slideMenu .menu { padding: 0px 0 20px 20px; border-top: solid 1px #DADCE0; }

.collapsible {background-color: #fff;color: white;cursor: pointer;padding: 16px;width: 100%;border: none;text-align: left;outline: none;font-size: 15px;}
.collapsible.active { border-radius: 10px 0 0 0; background-color: #E8EAF6; position: relative; }
.collapsible.active:before{ content: ""; position: absolute; top: 0; right: 0; width: 6px; height: 100%; background: #0A299A; border-radius: 3px 3px 0 0;}
.collapsible:hover {
    /*background-color: #555;*/
}
.content {border-radius: 0 0 0 10px;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;background-color: #E8EAF6;position: relative;margin-bottom: 0!important;}
.content:after { content: ""; position: absolute; top: 0; right: 0; width: 6px; height: 100%; background: #0A299A; border-radius: 0 0 3px 3px;}
.content a { color: #526ED2; font-size: 14px; font-weight: 500;}
.content a:active, .content a:hover { color: #fff; background-color: #7686C6; transition: all ease 0.2s;}
.collapsible:after {content: '';content: url("../images/slidemenuicon_arrowdown.svg");float: right;margin-left: 5px;}
.active:after { /*content: "\2212";*/content: url("../images/slidemenuicon_arrowright.svg");}

.header-right a:nth-child(3n) { padding: 0; font-size: 12px; }

/*header*/

/*버튼 커스텀*/
.apt-wrap { width: 1200px; height: auto;  margin: 0 auto; padding-top: 74px; padding-bottom: 80px; min-height: calc( 1020px - 150px ); }
.apt-content__header { border-bottom: solid 2px #000}
.apt-btn { font-family: 'Noto Sans KR', sans-serif; height: 48px; width: auto; padding: 0 15px; margin: 0 3px; border-radius: 6px; font-size: 15px; font-weight: 600; border: none; cursor: pointer; display: inline-flex; align-items: center; transition: all ease 0.2s; }
.apt-btn.apt-btn__navy { color: #fff; background: #D9D9D9; }
.apt-btn.apt-btn__navy.on { color: #fff; background: #132997; }
.apt-btn.apt-btn__navy.on:hover { background: #293da1; transition: all ease 0.2s; }
.apt-btn.apt-btn__orange { color: #fff; background: #F39331; }
.apt-btn.apt-btn__orange:hover { background: #f59f46; transition: all ease 0.2s; }
.apt-btn.apt-btn__grey { color: #132997; background: #E3E3E3; }
.apt-btn.apt-btn__grey:hover { background: #dddddd; transition: all ease 0.2s; }
.apt-btn.apt-btn__grey2 { color: #fff; background: #B7B8BF; }
.apt-btn.apt-btn__grey2:hover { color: #fff; background: #c1c2cd; transition: all ease 0.2s; }
.apt-btn.apt-btn__black { color: #fff; background: #333; }
.apt-btn.apt-btn__black:hover { background: #444; transition: all ease 0.2s; }
.apt-btn.apt-btn__white { color: #000; background: #fff; }
.apt-btn.apt-btn__white:hover { background: #f3f3f3; transition: all ease 0.2s; }
.apt-btn.apt-btn__addGroup { width: 100%; display: flex; justify-content: center; background: #fff; border: dashed 1px #6E89EA; margin: 15px 0; }
.apt-btn.apt-btn__addGroup span { margin-right: 5px; color: #0A2997; font-size: 21px; }
.apt-btn.apt-btn__addGroup:hover { background: #dee5ff; transition: all ease 0.2s;}
.apt-btn.apt-btn__regist { color: #fff; background: #B7B8BF; }
.apt-btn.apt-btn__regist.on { background: linear-gradient( to right, #82B5EF, #687DE8 ); }
.apt-btn.apt-btn__approval { color: #fff; background: #7388D6; }
.apt-btn.apt-btn__approval:hover { background: #8396DF;  transition: all ease 0.2s;}
.apt-btn.apt-btn__sky { color: #6A8BFF; background: #F3F3F3; }
.apt-btn.apt-btn__red { color: #FF6863; background: #F3F3F3; }

/*셀렉트박스 커스텀*/
.cont-select {
    position: relative;
    width: auto;
}
.btn-select {
    font-family: 'Noto Sans KR', sans-serif;
    /*width: 100%;*/
    padding: 13px 40px 13px 0;
    font-size: 38px;
    font-weight: 600;
    line-height: 14px;
    background-color: #fff;
    border: none;
    box-sizing: border-box;
    border-radius: 10px;
    cursor: pointer;
    text-align: left;
    background: url("../images/selecticon_arrowdown.svg") no-repeat;
    background-position: 100% 50%;
    /* 말줄임 */
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.btn-select:hover,
.btn-select:focus {
    /*background: #f3f3f3;*/
}

.list-member {
    display: none;
    position: absolute;
    width: 350px;
    top: 49px;
    left: 0;
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
    box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    background: #fff; padding: 10px 0; z-index: 1;
}

.btn-select.on {
    background: url("../images/selecticon_arrowup.svg") no-repeat;
    background-position: 100% 50%;
}

.btn-select.on+.list-member {
    display: block;
}

.list-member li {
    height: 40px;
    padding: 5px 8px;
    box-sizing: border-box;
}

.list-member li button {
    width: 100%; font-size: 14px; font-weight: 600;
    padding: 7px 10px;
    border: none;
    background-color: #fff;
    border-radius: 4px;
    cursor: pointer;
    text-align: left;
    /* 말줄임 */
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.list-member li button:hover,
.list-member li button:focus {
    background-color: #F6F8FF;
    border: solid 1px #0A2997;
    background-image: url("../images/selecticon_check.svg"); background-position: 96% 50%; background-size: 12px 9px; background-repeat: no-repeat;
}
/*셀렉트박스 커스텀2__수선항목 데이터조회*/
.cont-select2 {position: relative;width: auto;  margin-top: 12px;}
.btn-select2 {
    font-family: 'Noto Sans KR', sans-serif; display: flex; align-items: center;
    width: 100%;
    padding: 13px 40px 13px 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 14px;
    background-color: #fff;
    border: none;
    box-sizing: border-box;
    border-radius: 5px;
    cursor: pointer;
    text-align: left;
    background: url("../images/selecticon_arrowdown.svg") no-repeat;
    background-position: 98% 50%;
    /* 말줄임 */
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border: solid 1px #E4E5ED;
}

.btn-select2:hover, .btn-select2:focus { /*background: #f3f3f3;*/}

.list-member2 {
    display: none;
    position: absolute;
    width: 100%;
    top: 49px;
    left: 0;
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
    box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.15);
    border-radius: 0 0 10px 10px;
    background: #fff; padding: 10px 0; z-index: 1;
}

.btn-select2.on {
    background: url("../images/selecticon_arrowup.svg") no-repeat;
    background-position: 98% 50%;
}

.btn-select2.on+.list-member2 {
    display: block;
}

.list-member2 li {
    height: 40px;
    padding: 5px 8px;
    box-sizing: border-box;
}

.list-member2 li button {
    width: 100%; font-size: 14px; font-weight: 600;
    padding: 7px 10px;
    border: none;
    background-color: #fff;
    border-radius: 4px;
    cursor: pointer;
    text-align: left;
    /* 말줄임 */
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/*{ background-image: url("../images/selecticon_check.svg"); background-color: #F6F8FF; border: solid 1px #0A2997;}*/
.list-member2 li button:hover,
.list-member2 li button:focus {
    background-color: #F6F8FF;
    border: solid 1px #0A2997;
    background-image: url("../images/selecticon_check.svg"); background-position: 98% 50%; background-size: 12px 9px; background-repeat: no-repeat;
}







.search_form form {width: 230px; border-radius: 50%; border: solid 1px #e8e8e8; padding-right: 15px; }
.search_form form:hover { border-color: #b5b5b5; }
.search_form form input { color: #C3C3C7; font-size: 14px; border: 0;box-shadow: none;background: rgba(0,0,0,0);border-radius: 0;}
.search_form form input:focus { border-color: unset; box-shadow: unset;}
.search_box { height: 250px; border-left: solid 1px #e8e8e8; border-right: solid 1px #e8e8e8; border-bottom: solid 1px #e8e8e8;}
.search_box .search_box__category1 { width: 30%; border-right: solid 1px #e8e8e8; overflow-y: scroll; overflow-x: hidden; }
.search_box .search_box__category2 { width: 70%; overflow-y: scroll; overflow-x: hidden; padding: 5px 7px; }
/*수선항목 데이터입력 카테고리1 라디오버튼 커스텀*/
.search_box .search_box__category1 input[type=radio]{
    width: 0;
    height: 0;
    position: absolute;
    left: -9999px;
}
.search_box .search_box__category1 .inputBox, .search_box .search_box__category2 .inputBox { position: relative; border: 1px solid #e8e8e8; padding: 5px; margin: 3px 5px; display: flex; justify-content: space-between; align-items: center; border-radius: 4px; }
.search_box .search_box__category1 .inputBox .input, .search_box .search_box__category2 .inputBox .input { box-shadow: none; height: unset; width: 73%}

.search_box .search_box__category1 input[type=radio] + label{
    margin: 0;
    padding: .75em 1.5em;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    border-bottom: solid 1px #e8e8e8;
    background-color: #FFF; color: #666666; font-size: 14px; font-weight: 500;
    line-height: 140%;
    /*transition: border-color .15s ease-out,  color .25s ease-out,  background-color .15s ease-out, box-shadow .15s ease-out;*/
    cursor: pointer; width: 100%;
}
.search_box .search_box__category1 input[type=radio] + label:hover {  background-color: #FAFAFC; font-weight: 600; color: #303441; }
.search_box .search_box__category1 input[type=radio]:checked + label{
    background-color: #FAFAFC; font-weight: 600;
    color: #303441;
    z-index: 1;
}
/*수선항목 데이터입력 카테고리2 라디오버튼 커스텀*/
.search_box .search_box__category2 input[type=radio]{
    width: 0;
    height: 0;
    position: absolute;
    left: -9999px;
}
.search_box .search_box__category2 input[type=radio] + label{
    margin: 0;
    padding: .75em 1.5em;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    border: solid 1px #fff; border-radius: 4px;
    background-color: #FFF; color: #666666; font-size: 14px; font-weight: 500;
    line-height: 140%;
    /*transition: border-color .15s ease-out,  color .25s ease-out,  background-color .15s ease-out, box-shadow .15s ease-out;*/
    cursor: pointer; width: 100%;
}
.search_box .search_box__category2 input[type=radio] + label:hover { background-color: #fff;border-color: #e8e8e8; }
.search_box .search_box__category2 input[type=radio]:checked + label{ background-color: #F6F8FF; border-color: #0A2997; background-image: url("../images/selecticon_check.svg"); background-position: 96% 50%; background-size: 12px 9px; background-repeat: no-repeat;}

.btn_edit { background: #fff; border: none;cursor: pointer;font-size: 13px; color: #6E89EA; font-weight: 600; padding: 1px 8px 2px; border-radius: 13px; transition: all ease 0.2s; }
.btn_edit:active, .btn_edit:hover { background: #EEEFFF; transition: all ease 0.2s;}

/*input text 커스텀*/
.apt-input { padding: 5px 10px 6px 8px; border: 1px solid #E4E5ED; border-radius: 5px; background: #fff;  }
.apt-input:focus-visible { outline: none;}
.input { box-shadow: unset; border: none;padding: unset;line-height: unset;height: unset;background: transparent;font-family: 'Noto Sans KR', sans-serif; }


.con_title { font-size: 21px; font-weight: 600; color: #000; }
.con_title.con_title__form { border-bottom: solid 1px #C0C3CF;  padding-bottom: 25px;}
.stats_box { border-radius: 14px; background: #F3F3F3; padding: 25px 30px; }
.stats_box__tit { font-size: 14px; color: #666666; display: flex; align-items: center; white-space: nowrap; }
.stats_box .stats_box__con { font-size: 18px; color: #000; font-weight: 900; }
.stats_box .stats_box__bar { width: 1px; height: 24px; background: #D1D1D1;}
.general_box { border: 1px solid #e8e8e8; border-radius: 6px; }
.apt_box { position: relative; box-shadow: none; border-radius: 10px; border: solid 1px #DADCE0; transition: all ease 0.2s; padding: 0 0 0 30px; }
.apt_box:focus, .apt_box:hover  { box-shadow: none; border: solid 1px #7490F5; transition: all ease 0.2s; }
.apt_box:focus, .apt_box:hover  { box-shadow: none; border: solid 1px #7490F5; transition: all ease 0.2s; box-shadow: none!important;}
.reportCostList:hover .apt_box { box-shadow: none; border: solid 1px #7490F5; transition: all ease 0.2s; }

.box_tit { width: 35%; }
.box_num { text-align: center; width: 30px; max-width: 30px; font-size: 15px; color: #888888; font-weight: 600; margin-right: 15px; }
.box_con { width: -webkit-fill-available; border-left: solid 1px #E3E4E7;}
.box_con__data { display: inline-flex; align-items: center; background: #EEEFFF; padding: 5px 15px 6px; border-radius: 25px; font-size: 14px; font-weight: 600; color: #0A2997; }
.box_con__data span { font-size: 11px; color: #70757A; margin-right: 5px; }
.box_con__data progress { height: 5px!important; width: 53px; margin-left: 5px; background: red; }
.box_con__data .txt_progress { color: #8EA2FF; font-size: 9px;}
.progress::-webkit-progress-value {background-color: #8EA2FF !important;color: red;}
.progress::-moz-progress-bar {background-color: #8EA2FF !important;color: red;}
.progress::-ms-fill {background-color: #8EA2FF !important;border: none; color: red;}

.icon_move__box { width: 30px; }
.icon_move { display: none; }
.apt_box:hover .icon_move { display: block; }

.apt_tag { font-size: 12px; font-weight: 500; padding: 0px 8px; border-radius: 10px; margin-right: 1px; height: 20px; display: inline-flex; align-items: center; }
.apt_tag.apt_tag1 { color: #fff; background: #7A8CE6; border: solid 1px #7A8CE6; white-space: nowrap}
.apt_tag.apt_tag2 { color: #132997; background: #fff; border: solid 1px #132997; white-space: nowrap}
.apt_tag.apt_tag3 { color: #fff; background: #132997; border: solid 1px #7A8CE6; white-space: nowrap}
.apt_tag.apt_tag4 { display: inline-block; float: left; color: #70757A; background: #EEEFFF; border: solid 1px #EEEFFF; white-space: nowrap}
.apt_tag.apt_tag5 { color: #FF5353; background: #F3F3F3; border: solid 1px #F3F3F3; white-space: nowrap; font-weight: 600;}


/*등록페이지*/
.apt_table { min-height: calc( 1020px - 150px );}


    /*입력폼*/
.form-box { width: 100%; }
.form-box .field { display: flex; align-items: center; padding: 0 15px; margin-bottom: 35px; }
.form-box .field.form_field { border-radius: 5px; border-style: solid; border-width: 1px; border-color: #F2F3F7; height: 48px;}
.form-box .field .form_tit{ width: 17%; float: left; }
.form-box .field .form_input{ width: 83%; float: right;}

.field-box { padding: 15px; border-style: solid; border-width: 1px; border-color: #F2F3F7; border-radius: 5px; }


.form_tit { display: inline-block; font-size: 14px;font-weight: 600; 채line-height: 25px;letter-spacing: -0.02em;margin-bottom: 0px!important;}
.form_tit span { font-size: 16px;font-weight: 700;color: #FF0000;margin-left: 3px; }
.field { margin-bottom: 1.5rem; }
.field:not(:last-child) { margin-bottom: 35px; }
.input.table_input { height: 42px!important; border: solid 1px #E4E5ED; padding: 2px 8px; border-radius: 5px; background: #fff;}
.input.select { background:url('../images/icon_tableselect.svg') no-repeat right 15px center; background-size: 14px; background-color: #fff; border-radius: 8px; }
.field .input { height: 48px; border-radius: 4px; display: flex; align-items: center; transition: background-color 0.2s,border-color 0.2s; border-radius: 8px; }
/*.field .input.input_quantity { border: solid 1px #E4E5ED; }*/
.input.form_input { height: 46px; padding: 0 15px; border-radius: 5px;}

/*입력폼_라디오버튼, 테이블_라디오버튼*/
.form_radio_btn {
    width: 30%;
    display: inline-block;
    /*height : 48px;*/
}
.table_radio_btn {  width: 100%;}
.table_radio_btn label {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #333;
    font-weight: bold;
    border-radius: 5px;
    text-align: left;
    height: 48px;
    line-height: 48px;
    padding: 0;
    border-style: unset;
    border-width: unset;
    border-color: unset;
    background: transparent;
    cursor: pointer;
    transition: all ease-in-out 0.2s;}
.form_radio_btn input[type=radio], .table_radio_btn input[type=radio] {
    display: none;
}
.form_radio_btn label {
    display: flex; align-items: center;
    justify-content: space-between; color: #333;
    font-weight: bold;
    border-radius: 5px;
    text-align: left;
    height: 48px;
    line-height: 48px;
    padding: 0 15px;
    border-style: solid;
    border-width: 1px;
    border-color: #C8CAD2;
    background: #fff;
    cursor: pointer;
    transition: all ease-in-out 0.2s;
}
.form_radio_btn:first-child { margin-right: 15px; }
.form_radio_btn label .icon_check { color: #C8CAD2;}
.table_radio_btn label .icon_radio { width: 18px; height: 18px; border-radius: 50px; background: #fff; border: solid 1px #6E89EA; display: flex; align-items: center; justify-content: center; }
.table_radio_btn label .icon_radio .icon_radio__checked { display: none; width: 10px; height: 10px; border-radius: 50px; background: #6E89EA; }
/* Checked */
.form_radio_btn input[type=radio]:checked + label {
    background: #F6F8FF;
    border-color: #6E89EA;
}
.form_radio_btn input[type=radio]:checked + label .icon_check { color: #6E89EA;}
.table_radio_btn input[type=radio]:checked + label .icon_radio .icon_radio__checked { display: block; }
/* Hover */
.apt-table_td.table_radio_btn input[type=radio]:checked + label , .apt-table_td.table_radio_btn:hover { background: #f6f8ff; border: solid 1px #6E89EA; border-radius: 5px;}
.form_radio_btn label:hover {
    background: #F6F8FF;
    border-color: #6E89EA;
}

/* Disabled */
.form_radio_btn input[type=radio] + label {
    background: #fff;
    border-color: #C8CAD2;
}
/*셀렉트박스*/
.select:focus { outline: none; }
.navbar-link:not(.is-arrowless)::after, .select:not(.is-multiple):not(.is-loading)::after { border: 2px solid transparent; border-right: 0; border-top: 0;}
.select:not(.is-multiple):not(.is-loading)::after { border-color: #C8CAD2!important;}
.form-box .field .form_input .select, .form-box .field .form_input .select select { width: 100%; height: 46px; border-radius: 5px; }

/*드랍다운*/
.moreBtn { position: relative; color: #70757A; font-weight: 500; font-size: 10px; padding: 1px 9px 2px 8px; border-radius: 15px; background: #fff; border: solid 1px #707070; transition: all ease 0.2s; }
.moreBtn:hover {  background: #e0e0e0; transition: all ease 0.2s; }

.btn-menu__drop {display: none; font-size: 14px; position: absolute;right: -30px;top: 35px;border: none!important;width: 120px;background: #fff;border-radius: 7px;box-shadow: 0 0.2em 0.5em -0.1em rgb(10 10 10 / 21%), 0 0px 0 1px rgb(10 10 10 / 2%);}
.btn-menu__drop.dropdown-content { left: 30px; top: 25px;z-index: 2;}
.btn-menu__drop.dropdown-content__print, .btn-menu__drop.dropdown-content__menual { left: 20px; top: 40px; z-index: 2;}
.btn-menu__drop.dropdown-content span, .btn-menu__drop.dropdown-content__print span, .btn-menu__drop.dropdown-content__menual span { white-space: nowrap; text-align: center; padding: 7px 14px;display: block; cursor: pointer; }
.btn-menu__drop.dropdown-content span:hover, .btn-menu__drop.dropdown-content__print span:hover, .btn-menu__drop.dropdown-content__menual span:hover {  background: #f7f7f7!important; color: unset!important;}
.btn-menu__drop.dropdown-content.show, .btn-menu__drop.dropdown-content__print.show, .btn-menu__drop.dropdown-content__menual.show { display: block; }

/*드랍다운 2*/
/*.more-menu__drop { display: none; position: absolute;  right: -215px; top: -12px;  border: none!important; width: 220px; background: #fff; border-radius: 7px; box-shadow: 0 0.2em 0.5em -0.1em rgb(10 10 10 / 21%), 0 0px 0 1px rgb(10 10 10 / 2%);}*/
/*.more-menu__drop li a:hover {  background: #f7f7f7!important; color: unset!important;}*/
/*.more-menu__drop li a { padding: 7px 14px; }*/
/*.more-menu li:hover ul { display: block; }*/

/*.btn-menu__drop.dropdown-content { left: 15px; top: 30px; z-index: 2;}*/
/*.btn-menu__drop.dropdown-content span { text-align: center; padding: 7px 14px; display: block; }*/
/*.btn-menu__drop.dropdown-content span:hover {  background: #f7f7f7!important; color: unset!important;}*/
.dropdown a:hover {background-color: #f1f1f1}
/*.btn-menu__drop.dropdown-content.show {display:block;}*/

/*게시판 드랍다운 툴팁*/
.setting-menu__drop { z-index: 10; display: none; position: absolute;  right: -215px; top: -12px;  border: none!important; width: 220px; background: #fff; border-radius: 7px; box-shadow: 0 0.2em 0.5em -0.1em rgb(10 10 10 / 21%), 0 0px 0 1px rgb(10 10 10 / 2%);}
.setting-menu__drop li a:hover {  background: #f7f7f7!important; color: unset!important;}
.setting-menu__drop li a { padding: 7px 14px; }
.setting-menu li:hover ul { display: block; }

/*모달*/
.modal-content {z-index: 10;width: 50%;position: absolute;top: 50%;transform: translateY( -50%);}
.modal .modal-content.modal-content__form { min-width: 900px; /*max-width: 900px;*/}
.modal .modal-content.modal-content__form .box { height: 720px; }
.modal .box { color: #000;font-weight: 500!important;padding: 15px 24px 24px; }
.modal .box .afms-header__con span { font-size: 14px; font-weight: 500; }
.modal .box .afms-header__con .close_btn { font-size: 20px; }
.modal.modal_write .box, .modal.modal_view .box, .modal.modal_quantity .box, .modal.modal_detail .box, .modal.modal_edit .box { padding: 0 0 24px; }
.modal.modal_write .box .afms-header__con, .modal.modal_view .box .afms-header__con, .modal.modal_quantity .box .afms-header__con, .modal.modal_detail .box .afms-header__con, .modal.modal_edit .box .afms-header__con { padding: 3px 14px; border-bottom: solid 1px #E4E5ED; border-radius: 18px 18px 0 0;}
.modal-con { overflow: auto; height: 612px; scroll-behavior: smooth;}
.modal-con .modal-con__menu { position: absolute; width: 18%; height: calc( 100% - 108px ); left: 0;  padding-top: 12px; border-right: solid 1px #E4E5ED; background: #fff; overflow-y: auto; }
.modal-con .modal-con__menu li { cursor: pointer; padding: 14px 21px; font-size: 14px; font-weight: 500; display: block; color: #9A9BA7; transition: all ease 0.2s; }
.modal-con__quantity .modal-con__menu li {  padding: 12px; border-bottom: solid 1px #F2F3F7; background: #fff!important; }
/*.modal-con__quantity .modal-con__menu li:hover, .modal-con__quantity .modal-con__menu li:active { color: #555969; transition: all ease 0.2s;  }*/
.modal-con .modal-con__menu li a { padding: 14px 21px; color: unset; }
.modal-con .modal-con__menu li.current { background: #F3F3F3; color: #555969; }
.modal-con .modal-con__menu li:hover, .modal-con .modal-con__menu li:active { background: #F3F3F3; color: #555969; transition: all ease 0.2s; }
.modal-con .form-step { display: none; width: 82%; height: 100%; right: 0; float: right; padding: 0 21px 0; }
.modal-con .form-step.current { display: block; }
.modal .modal-content.modal-content__form .bottom-btn { text-align: right; background: #Fff;position: absolute;bottom: 0;left: 0;border-top: solid 1px #E4E5ED; padding: 12px 24px 15px;z-index: 1; border-radius: 0 0 18px 18px; float: right; }

/*.modal.modal_write .modal-content.modal-content__form .modal-con, .modal.modal_add .modal-content.modal-content__form .modal-con, .modal.modal_detail .modal-content.modal-content__form .modal-con, .modal.modal_edit .modal-content.modal-content__form .modal-con {padding: 0 0 80px;}*/
.modal .modal-content.modal-content__form .modal-con::-webkit-scrollbar {
    width: 8px;  /* 스크롤바의 너비 */
}

.modal .modal-content.modal-content__form .modal-con::-webkit-scrollbar-thumb {
    height: 30%; /* 스크롤바의 길이 */
    background: #dbdbdb; /* 스크롤바의 색상 */
    border-radius: 10px;
}

.modal .modal-content.modal-content__form .modal-con::-webkit-scrollbar-track {
    background: transparent;  /*스크롤바 뒷 배경 색상*/
}
.bottom-btn { width: 100%; margin-top: 30px; }

/*테이블*/
.table { background: #FAFAFC; }
.form-table { background: #FAFAFC; padding: 3px 10px 10px; margin-top: 12px; border-radius: 6px; position: relative;}
.table th { font-size: 13px; color: #999!important; white-space: nowrap; }
.table td { font-size: 15px; color: #333!important; }
.table td, .table th { text-align: center!important; display: table-cell; vertical-align: middle; font-weight: 500; padding: 0.75em 0.25em;}
.table tbody tr:last-child td { border-bottom-width: 0px; }
.table tbody tr:last-child th { border-bottom-width: 2px; }
.table_input { border: solid 1px #e8e8e8; padding: 5px 8px; height: 37px!important; background: #fff; border-radius: 8px; }
/*드래그앤드랍을 위한 테이블구조 커스텀*/
.apt-table_th { display: flex; text-align: center; font-weight: 500; border-bottom: solid 2px #ebebeb; text-align: center; font-size: 12px; color: #999; }
.apt-table_th div{ padding: 0.25rem; }
.apt-table_td { cursor: pointer; display: flex; text-align: center; font-weight: 500; border-bottom: solid 1px #ebebeb; text-align: center; font-size: 14px; color: #333; border-top: solid 1px transparent; border-left: solid 1px transparent; border-right: solid 1px transparent; background: transparent; }
.apt-table_td div { padding: 7px 5px; font-size: 14px; display: flex; align-items: center; justify-content: center; }
.apt-table_td:hover { border: solid 1px #6E89EA; border-radius: 6px; background: #edf1ff; }
.apt-table_td:hover .icon_move { display: block; }
/*리스트 테이블 커스텀*/
.form-table.table_apartReportList, .form-table.table_apartReportList .table{ background: #FAFAFC; border-radius: 10px 10px 0 0 ;}
.form-table.table_apartReportList {  border-radius: 10px 10px 0 0;  border: solid 1px #DADCE0; }
.form-table.table_apartReportList .table thead { }
.form-table.table_apartReportList .table thead th{ padding: 1em 0.25em; }
.form-table.table_apartReportList .table .table_apartReportList__list { cursor: pointer; background: #fff; border-bottom: solid 1px #DADCE0;  border-left: solid 1px transparent; border-right: solid 1px transparent; }
.form-table.table_apartReportList .table .table_apartReportList__list:last-child { border-bottom: none; }
.form-table.table_apartReportList .table .table_apartReportList__list:hover { background: #F6F8FF; border-bottom: solid 1px #6E89EA;  border-radius: 5px; transition: all ease 0.2s;}
.form-table.table_apartReportList .table td { border: none; padding: 1em 0.25em; white-space: nowrap;}
/*조회페이지 테이블 커스텀*/
.table_apartReport td, .table_apartReport th {
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #C8CAD2;
    padding: 1.5em 2em;
    /*font-weight: 500;*/
}
.table_apartReport th {
    font-size: 14px;
    color: #333!important;
    background: #F6F8FF;
    white-space: nowrap;  }
.table_apartReport td {
    text-align: left!important;
    font-size: 16px; font-weight: 400;
}
.table_apartReport .table td, .table_apartReport .table th {
    display: table-cell;
    background: transparent;
    vertical-align: middle;
    border: none;
    border-bottom: 1px solid #ebebeb;
    padding: 0.75em!important;
    /*font-weight: 500;*/
}
.table_apartReport .table th {
    font-weight: 600!important;
}

/*수선항목>조회/수정 모달 테이블 커스텀*/
.form-table .bar.bar_repairPlan, .form-table .bar.bar_repairPrice { position: absolute; top: 0; left: 0; width: 6px; height: 100%; background: #DADCE0; border-style: solid; border-width: 1px; border-color: #DADCE0;}
.form-table.form-table__repairPlan, .form-table.form-table__repairPrice { padding: 3px 10px 7px; border-radius: 0 8px 8px 0; margin-top: 16px; border-style: solid; border-width: 1px; border-color: #DADCE0; }
.form-table.form-table__repairPlan, .form-table.form-table__repairPlan .table { background: #F8F8FF; }
.form-table.form-table__repairPrice { width: 98%; cursor: pointer; }
.form-table.form-table__repairPrice, .form-table.form-table__repairPrice .table { background: #fff; }
.form-table .bar.bar_repairPlan.on { background: #0A2997; border-color: #0A2997; }
.form-table .bar.bar_repairPrice.on { background: #7388D6; border-color: #7388D6; }
.form-table.form-table__repairPlan.on { border-color: #0A2997; }
.form-table.form-table__repairPrice.on { border-color: #7388D6; }
.form-table__repairPlan .table_point {  display: inline-flex; align-items: center; white-space: nowrap; background: #F3F3F3; padding: 4px 13px 5px; border-radius: 25px; font-size: 14px; font-weight: 600; color: #132997; border-style: solid; border-width: 1px; border-color: #DADCE0; cursor: pointer; }
.form-table__repairPlan .table_point.on {  background: #EFF3FF; border-color: #7388d6;}
.under_repairPrice { height: 50px; width: 20px; margin-left: 3px; border-bottom: solid 1px #DADCE0; border-left: solid 1px #DADCE0; }
.form-table.form-table__repairPrice thead th { background: #F8F8F8; }
 button.openQuantityViewBtn, button.openQuantityEditBtn { z-index: 1; position: absolute; top: 28px; right: 10px; padding: 5px 15px; background: #DADCE0; border-radius: 25px; color: #fff; font-size: 13px; border: solid 1px #DADCE0; cursor: pointer;  }
 button.openQuantityViewBtn.on, button.openQuantityEditBtn.on { padding: 5px 15px; background: #7388D6; border-radius: 25px; font-weight: 600; color: #fff; font-size: 13px; border: solid 1px #7388D6; cursor: pointer;  }
/*.form-table.form-table__repairPrice button { position: absolute; top: 10px; right: 10px; padding: 5px 15px; background: #DADCE0; border-radius: 25px; color: #fff; font-size: 13px; border: solid 1px #DADCE0; cursor: pointer;  }*/
/*.form-table.form-table__repairPrice button.on { padding: 5px 15px; background: #7388D6; border-radius: 25px; font-weight: 600; color: #fff; font-size: 13px; border: solid 1px #7388D6; cursor: pointer;  }*/
.form-table.form-table__repairPlan ~ .box-btn { margin: 16px 0 0 10px; display: inline-grid}
.form-table.form-table__repairPlan ~ .box-btn button { white-space: nowrap; border-radius: 8px; padding: 0 10px; background: #DADCE0; color: #fff; font-size: 13px; border-style: solid; border-width: 1px; border-color: #DADCE0; cursor: pointer; }
.form-table.form-table__repairPlan ~ .box-btn button.deleteRepairPlanBtn { font-size: 21px; font-weight: 500; height: 44px; }
.form-table.form-table__repairPlan ~ .box-btn button.openSelectFacility.on { background: #7388D6; border-style: solid; border-width: 1px; border-color: #7388D6; }
.form-table.form-table__repairPlan ~ .box-btn button.deleteRepairPlanBtn.on { background: #EEEEEE; color: #0A2997; border-color: #0A2997; }
button.openQuantityViewBtn.on:hover, .form-table.form-table__repairPlan ~ .box-btn button.openSelectFacility.on:hover { background: #8397df; transition: all ease 0.2s; }
.form-table.form-table__repairPlan ~ .box-btn button.deleteRepairPlanBtn.on:hover { background: #dddddd; transition: all ease 0.2s; }

.form-table__repairPrice:hover { border-color: #7388D6; transition: all ease 0.2s; }
.form-table__repairPrice:hover > .bar_repairPrice { background: #7388D6; border-color: #7388D6; transition: all ease 0.2s; }

.repairPrice-input.on { cursor: pointer; border-style: solid; border-width: 1px; border-color: #7388D6; background: #EEEFFF!important; color: #0A2997; font-weight: 800; }
.repairPrice-input { cursor: unset; border-style: solid; border-width: 1px; border-color: #EEEEEE; background: #E3E3E3!important; }
.repairPrice-input.on.is-active { border-color: #7388D6; transition: all ease 0.2s; }
    /*드랍다운*/
.dropdown {display: inline-block; position: relative; }
/*.tooltip-content.tooltip-content.show {display: block;}*/
.tooltip-content.tooltip-content { left: 55%; bottom: 38px; transform: translateX(-50%); z-index: 2;}
.tooltip-content {display: none;position: absolute;right: -30px; width: 380px;background: #fff;border-radius: 7px;box-shadow: 0 0.2em 0.5em -0.1em rgb(10 10 10 / 21%), 0 0px 0 1px rgb(10 10 10 / 2%); border: solid 1px #ccc;}
.tooltip-content:after { content: '';
    position: absolute;
    border-style: solid;
    border-width: 0px 7px 12px 7px;
    border-color: #fff transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -12px;
    right: 50%; transform: translateX( -50%) rotate(180deg);; }
.tooltip-content:before { content: '';
    position: absolute;
    border-style: solid;
    border-width: 0px 9px 14px 9px;
    border-color: #ccc transparent;
    display: block;
    width: 0;
    z-index: 0;
    bottom: -14px;
    right: 49%;
    transform: translateX( -50%) rotate(180deg);  }
.money_tooltip:hover .tooltip-content { display: block; }

/*폰트컬러*/
.txt-color__orange { color: #F39331;}