@import url('https://static.toss.im/tps/main.css');
@import url('https://static.toss.im/tps/others.css');

* {font-family: 'Toss Product Sans';}
body {position: relative;top: 0; left: 0; right: 0; bottom: 0;overflow: hidden;font-family: 'Toss Product Sans'; /*background: #F8F8F8;*/}

body::-webkit-scrollbar {width: 8px;}
body::-webkit-scrollbar-thumb {height: 30%;background: #dbdbdb;border-radius: 10px;}
body::-webkit-scrollbar-track {background: transparent;}

body, button, input, optgroup, select, textarea { font-family: 'Toss Product Sans'; }
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; }
select[readonly] { background-color: #f3f3f3!important; pointer-events: none; }
textarea::-webkit-scrollbar {width: 8px;  /* 스크롤바의 너비 */}
textarea::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */background: #dbdbdb; /* 스크롤바의 색상 */border-radius: 10px;}
textarea::-webkit-scrollbar-track {background: #f7f7f7;  /*스크롤바 뒷 배경 색상*/}
/*체크박스 커스텀*/
.chk_box input[type="checkbox"]:checked + .on { background: #f86480; }
/*체크박스 커스텀2*/
input.boxSelectCheck[type="checkbox"] {
    display: block; margin: 0 auto; -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;
}
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: #5076FF;
}
input.boxSelectCheck[type="checkbox"]:checked::after {
    display: block;
}
/*common*/

/*scrollbar*/
.scrollbar::-webkit-scrollbar {width: 8px;}
.scrollbar::-webkit-scrollbar-thumb {height: 30%;background: #dbdbdb;border-radius: 10px;}
.scrollbar::-webkit-scrollbar-track {background: transparent;}


/*라디오버튼 커스텀*/
.radio_box { display: inline-block; *display: inline; *zoom: 1;  position: relative; 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: #6E89EA; }
.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; width: -webkit-fill-available; }
.notice-box { cursor: pointer; padding: 4px 12px; font-size: 13px; font-weight: 700; background: #fff5f5; color: #ff4c4b; border: solid 1px #f7b5b4; display: flex; align-items: center; justify-content: space-between; border-radius: 4px;  transition: all ease 0.3s;  }
.notice-box:hover { background: #fbebeb; transition: all ease 0.3s; }
.notice-box__close { cursor: pointer; font-size: 18px; font-weight: 800; }

/*icon*/
.icon_tooltip { width: 18px; height: 18px; vertical-align: text-bottom;}
.icon_minus { font-size: 34px; 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 #0B59D5; background: #eee; color: #0B59D5; margin: 0 3px; padding: 0;}
.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 #0B59D5; background: #0B59D5; color: #fff; margin: 0 3px; padding: 0;}
.icon_plus:hover { background: #126dff; transition: all ease 0.2s;}

/*text color*/
.txt_orange { color: #F49B41; }
.txt_red { color: #FF5353!important; }
.txt_navy { color: #0a63ff; }
.txt_sky { color: #6A8BFF; }
.txt_blue { color: #6E89EA; }
.txt_green { color: mediumseagreen; }
/*.apt-select * { box-sizing: border-box; }*/
/*.apt-select {*/
/*    position: relative;*/
/*    width: 100%;*/
/*    height: 35px;*/
/*    border-radius: 4px;*/
/*    border: 1px solid #6b84e9;*/
/*    background: url('../images/slidemenuicon_arrowdown.svg') calc(100% - 7px) center no-repeat;*/
/*    !*background-size: 20px;*!*/
/*    background-color: #fff;*/
/*    cursor: pointer;*/
/*    margin: 0!important; padding: 5px;*/
/*}*/

/*.apt-select .label {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    width: inherit;*/
/*    border: 0 none;*/
/*    outline: 0 none;*/
/*    background: transparent;*/
/*    cursor: pointer; margin: 0!important;*/
/*}*/

/*.apt-select .optionList {*/
/*    position: absolute;*/
/*    top: 35px;*/
/*    left: 0;*/
/*    width: 187px;*/
/*    background: #fff;*/
/*    color: #000;*/
/*    list-style-type: none;*/
/*    padding: 0;*/
/*    border-radius: 6px;*/
/*    overflow: hidden;*/
/*    max-height: 0;*/
/*    transition: .3s ease-in; box-shadow: 0 0.2em 0.5em -0.1em rgb(10 10 10 / 21%), 0 0px 0 1px rgb(10 10 10 / 2%);*/
/*}*/

/*.apt-select.active .optionList {*/
/*    max-height: 500px;*/
/*}*/

/*.apt-select .optionItem {*/
/*    border-bottom: 1px solid #E8EAF6;*/
/*    padding: 5px 10px;*/
/*    transition: .1s;*/
/*}*/

/*.apt-select .optionItem:hover {*/
/*    background: #E8EAF6!important;*/
/*}*/

/*.apt-select .optionItem:last-child {*/
/*    border-bottom: 0 none;*/
/*}*/

/*.apt-select .optionList::-webkit-scrollbar {width: 6px;}*/
/*.apt-select .optionList::-webkit-scrollbar-track {background: transparent; }*/
/*.apt-select .optionList::-webkit-scrollbar-thumb {background: #303030; border-radius: 45px;}*/
/*.apt-select .optionList::-webkit-scrollbar-thumb:hover {background: #303030;}*/

.slide-open { position: relative; cursor: pointer; }
.button-open { width: 23px;height: 24px; background-image: url("../images/burgericon_close.svg"); background-position: center center; background-repeat: no-repeat;}
.button-close { width: 23px;height: 24px;background-image: url("../images/burgericon_open.svg"); background-position: center center; background-repeat: no-repeat;}
/*좌측메뉴 접힘*/
#slideMenu{ z-index: 2; width: 250px;height: 100vh;position: fixed;left: 0px;top: 65px;right:0;bottom:0; background: #0d142d; box-shadow: 0 0.2em 0.5em -0.1em rgb(10 10 10 / 21%), 0 0px 0 1px rgb(10 10 10 / 2%);}
#slideMenu > ul.menu-close li, #slideMenu > ul.menu-user li {  position: relative; height: 52px; line-height: 52px;}
#slideMenu ul a { display: flex; text-align: left; align-items: center; background: #0d142d; color: #fff; font-size: 15px; font-weight: 700; letter-spacing: 0.3px; padding: 0 16px; transition: all ease .2s; }
#slideMenu ul a p { opacity: 1; }
#slideMenu ul.menu-close .menu-con:hover, #slideMenu ul.menu-open .menu-con:hover { background: #222841; transition: all ease .2s; }
#slideMenu ul.menu-close li:hover > .menu-con, #slideMenu ul.menu-open li:hover > .menu-con { color: #0A299A!important; background: #ffffff!important; transition: all ease .2s; }
#slideMenu .menu-icon  { display: inline-flex; position: sticky; left: 16px; align-items: center; justify-content: center; width: 22px; height: 22px; margin-right: 10px; background-position: center; background-repeat: no-repeat;}
#slideMenu .menu-icon.menu-icon__navy { display: none; }
#slideMenu ul.menu-close li:hover > a .menu-icon__white, #slideMenu ul.menu-open li:hover > a .menu-icon__white { display: none!important; }
#slideMenu ul.menu-close li:hover > a .menu-icon__navy, #slideMenu ul.menu-open li:hover > a .menu-icon__navy { display: block!important; }
#slideMenu .menu-close ul.menu-drop, #slideMenu .menu-user ul.menu-drop { width: 0;height: auto; position: absolute;left: 245px; top: 5px; z-index: 5; background: #E8EAF6; padding: 10px 0; overflow: hidden;transition: all 0.5s ease; box-shadow: 0 0.2em 0.5em -0.1em rgb(10 10 10 / 21%), 0 0px 0 1px rgb(10 10 10 / 2%); border-radius: 10px; }
#slideMenu .menu-close ul.menu-drop > li, #slideMenu .menu-user ul.menu-drop > li { height: 44px;line-height: 44px; }
#slideMenu .menu-close ul.menu-drop li a, #slideMenu .menu-open ul.menu-drop li a { color: #526ED2; background: #E8EAF6; font-size: 14px; font-weight: 600; transition: all ease .2s; }
#slideMenu ul.menu-close li:hover > .menu-drop, #slideMenu ul.menu-user li:hover > .menu-drop { width: 240px; }
#slideMenu .menu-close ul.menu-drop li:hover > a, #slideMenu .menu-open ul.menu-drop li:hover > a, #slideMenu .menu-user ul.menu-drop li:hover > a { color: #fff; background: #7686C6; animation-fill-mode: forwards;}
#slideMenu .menu-close ul.menu-drop li > a.active, #slideMenu .menu-open ul.menu-drop li > a.active, #slideMenu .menu-user ul.menu-drop li > a.active { color: #fff; background: #7686C6; }
/*좌측메뉴 펼쳐짐*/
#slideMenu > ul.menu-open li { }
#slideMenu ul.menu-open a { height: 52px; line-height: 52px; }
#slideMenu .menu-open ul.menu-drop { display: none; height: auto; overflow: hidden; border-bottom: solid 1px #DADCE0; border-top: solid 1px #DADCE0; }

.menu-arrow { opacity: 1; position: absolute; right: 16px; width: 15px; height: 20px; background-image: url('../images/slidemenuicon_arrowdown.svg'); }

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

#apt { overflow-x: auto; -webkit-overflow-scrolling: touch; height: 100%; width: 100%; }
/*header*/
#apt-gnb { z-index: 3; width: 100%; min-width: 1160px; background: #fff; border-bottom: solid 1px #E4E5ED; position: fixed; top: 0; overflow: visible; }
.apt-gnb__inner { overflow: visible; max-width: 1760px; min-width: 1160px; height: 63px; margin: 0 auto; }
.apt-gnb__inner .header-logo { float: left; height: 63px;}
.apt-gnb__inner nav { float: left; margin-left: 25px; position: relative; }

.apt-gnb__inner nav li { /*position: relative;*/ display: inline-block; vertical-align: middle; margin-left: 40px; }
.apt-gnb__inner nav li > a { font-size: 17px; line-height: 63px; letter-spacing: -0.05em; color: #111;font-weight: 700; transition: all ease .3s; cursor: pointer; }
.apt-gnb__inner nav li > a.on, .apt-gnb__inner nav li:hover > a { color: #0a63ff; }
/*.header-left li{width: 100px;list-style: none;background: yellowgreen;}*/
.apt-gnb__inner nav li .menu-drop__wrap { display: none; position: fixed; width: 100%; top: 63px;left: 0; padding: 16px 25px;background: rgb(255, 255, 255);box-shadow: rgba(0, 0, 0, 0.1)  0px 10px 10px 0.3px;border-top :solid 1px #0a63ff; border-radius: 0px 0px 10px 10px;z-index: 10;min-width: 210px;max-height: 630px; }
.apt-gnb__inner nav li .menu-drop__wrap .columns { width: 1760px; margin: 0 auto;}
.apt-gnb__inner nav li .menu-drop__wrap .column { padding: 0;}
.apt-gnb__inner nav li .menu-drop__wrap .column:first-child { border-right: solid 1px #eee; }
.apt-gnb__inner nav li .menu-drop__wrap a {  min-width: 230px; height: auto; display: inline-block; float: left; margin: 0px 0px 10px 10px; font-size: 15px; color: #666; line-height: 24px; padding: 9px 22px; border-radius: 10px; text-align: center; cursor: pointer; transition: all ease .2s; border: 1px solid #ddd; }
.apt-gnb__inner nav li .menu-drop__wrap a:hover {background: #0B59D5; border: solid 1px #0B59D5; color: #fff; }
.apt-gnb__inner .header-right { float: right; display: flex; align-items: center;}

.header_icon { width: 36px; height: 36px; border-radius: 36px; margin: 0 2px; display: inline-flex; align-items: center; justify-content: center; background-color: transparent; cursor: pointer; }
.header_icon:hover { background-color: #dcdfe4; transition: all ease 0.3s;}
.header_icon svg { width: 23px; height: 23px; }

/*body*/
.apt-wrap { position: relative; /*max-width: 1763px;*/ height: auto; margin: 0 auto; padding-top: 65px; min-height: calc( 1020px - 150px ); }
/*.apt-con__header { z-index: 3; position: fixed; width: -webkit-fill-available; color: #9A9BA7; border-bottom: solid 1px #eee; background: #fff; font-size: 13px; font-weight: 700; }*/

/*.progress.apt-con__progress { background: #ebebeb; height: 5px!important; border-radius: 0!important; }*/
/*.progress.apt-con__progress::-webkit-progress-value {background-color: #FAB583!important;color: red;}*/
/*.progress.apt-con__progress::-moz-progress-bar {background-color: #FAB583!important;color: red;}*/
/*.progress.apt-con__progress::-ms-fill {background-color: #FAB583!important;border: none; color: red;}*/
/*.progress.apt-con__progress .ui-progressbar-value { background-color: #FAB583!important; height: 5px; -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; }*/


.apt-con { min-height: calc(100vh - 65px); }
.apt-step__menu { z-index: 1; position: fixed; bottom: 0px; width: 235px; height: calc( 100vh - 65px ); display: inline-block; padding-top: 12px;border-right: solid 1px #E4E5ED;background: #fff;overflow-y: auto;}
.apt-step__menu li {cursor: pointer;padding: 14px 21px;font-size: 16px;font-weight: 600;display: block;color: #9A9BA7;transition: all ease 0.2s; display: flex; align-items: center; }
.apt-step__menu li .number { display: inline-flex; justify-content: center; border-radius: 50px; width: 26px; min-width: unset; height: 26px; background: #fff; border: solid 1px #E4E5ED; margin-right: 5px; color: #555969; font-size: 16px; font-weight: 600; }
.apt-step__menu li.current {background: #F3F3F3;color: #555969;}
.apt-step__menu li.current .number { background: #555969; border: solid 1px #E4E5ED; color: #fff; }

.apt-step__menu.leftstep li, .apt-step__menu.leftstep li .tab-menu__drop { padding: 14px 21px;font-size: 16px;font-weight: 500; color: #9A9BA7; align-items: center; transition: all ease 0.2s; }
.apt-step__menu.leftstep li .tab-dot { position: relative; display: inline-block; width: 9px; height: 9px; margin-right: 10px; border-radius: 5px; background: #D0D1DC; border: solid 1px #D0D1DC;}
.apt-step__menu.leftstep li .tab-dot::before { position: absolute; left: 49%; top: 8px; transform: translateX( -50%); content: ''; width: 1px; height: 50px; border-right: dashed 1px #D0D1DC;}
.apt-step__menu.leftstep li:nth-child(2) .tab-dot::before { height: 20px; }
.apt-step__menu.leftstep li:nth-child(3) .tab-dot::before { bottom: 8px; top: unset; height: 21px; }
.apt-step__menu.leftstep li.on , .apt-step__menu.leftstep li .tab-menu__drop.on, .apt-step__menu.leftstep li:hover , .apt-step__menu.leftstep li .tab-menu__drop:hover, .apt-step__menu.leftstep li.on { color: #555969; font-weight: 800; transition: all ease 0.2s; }

.apt-step__menu.leftstep li.on .tab-dot, .apt-step__menu.leftstep li .tab-menu__drop.on .tab-dot,.apt-step__menu.leftstep li:hover > .tab-dot, .apt-step__menu.leftstep li .tab-menu__drop:hover .tab-dot, .apt-step__menu.leftstep li .tab-dot.on  { background: #555969; border: solid 1px #555969; transition: all ease 0.2s; }

.apt-step__menu.leftstep li .menu-drop { border-top: solid 1px #EBEBF1; border-bottom: solid 1px #EBEBF1;}
.apt-step__menu.leftstep li .menu-drop li { padding: 0; }
.apt-step__menu.leftstep li .menu-drop li a{ display: flex; width: 100%; padding: 10px 21px; align-items: center; font-size: 15px; color: #9A9BA7; font-weight: 600; }
.apt-step__menu.leftstep li .menu-drop li a.on, .apt-step__menu.leftstep li .menu-drop li a:hover { color: #555969; background: #F5F5F8; font-weight: 800; transition: all ease 0.2s; }
.apt-step__menu.leftstep li .menu-drop li a.on .number, .apt-step__menu.leftstep li .menu-drop li a:hover .number  { background: #555969; border: solid 1px #E4E5ED; color: #fff; transition: all ease 0.2s; }

.apt-con__step { width: -webkit-fill-available; padding-left: 235px;  }
.apt-con__header { display: flex; min-height: 62px; padding: 8px 0; background: #fff; width: -webkit-fill-available!important; border-bottom: solid 1px #E4E5ED; }
.apt-con__header-inner { width: 1760px; display: flex; justify-content: space-between; align-items: center; margin: 0 auto; }
.apt-con__header p { font-size: 21px; font-weight: 800; color: #333; }

.apt-con__body { width: 1760px; padding: 24px 16px 100px; margin: 0 auto; }

/*서랍*/
.apt-con .apt-con__body article { background: #fff; border: none; border-top: 1px solid #C8CAD2; border-bottom: 1px solid #C8CAD2;}
.apt-con .apt-con__body article.list { border: none; border-bottom: 1px solid #C8CAD2; }
.media-content.detail_view { padding: 16px; background: #fff; cursor: pointer; display: flex; justify-content: space-between; align-items: center}
.media-content.media-content__detail { padding: 24px 16px; border-top: 1px solid #e7e7e7; }
.apt-con .apt-con__body article.list .media-content.detail_view { background: #fff;}
.apt-con .apt-con__body article.list .media-content.media-content__detail { padding: 16px 0; border-top: 1px solid #C8CAD2; }




.apt-step__btn { z-index: 1; background: #fff; position: fixed; bottom: 0; padding: 10px 16px; width: 100%; border-top: solid 1px #dbdbdb; display: flex; justify-content: end; }




/*버튼 커스텀*/


.apt-btn { font-family: 'Toss Product Sans'; height: 45px; width: auto; padding: 0 13px; margin: 0 3px; border-radius: 6px; font-size: 16px; font-weight: 500; border: none; cursor: pointer; display: inline-flex; align-items: center; transition: all ease 0.2s; white-space: nowrap; }
.apt-btn.apt-btn__navy { color: #fff; background: #D9D9D9; }
.apt-btn.apt-btn__navy.on { color: #fff; background: #0B59D5; }
.apt-btn.apt-btn__navy.on:hover { background: #126dff; transition: all ease 0.2s; }
.apt-btn.apt-btn__navy-dark { color: #fff; background: #D9D9D9; }
.apt-btn.apt-btn__navy-dark.on { color: #fff; background: #1E2041; }
.apt-btn.apt-btn__navy-dark.on:hover { background: #272949; 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: #0a63ff; 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__grey3 { color: #666; background: #e3e3e3; border: solid 1px #ababab; font-weight: 600; }
.apt-btn.apt-btn__grey3:hover { background: #dbdbdb; transition: all ease .4s;  }
.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; }
.apt-btn.apt-btn__addGroup span { margin-right: 5px; color: #0a63ff; 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__sky2 { background: #EEEFFF; border: solid 1px #7388D6;}
.apt-btn.apt-btn__sky2:hover { background: #e6e7ff; transition: all ease 0.2s; }
.apt-btn.apt-btn__sky3 { background: #8396DF; color: #Fff; }
.apt-btn.apt-btn__sky3:hover { background: #9AABEE; transition: all ease 0.2s; }
.apt-btn.apt-btn__sky4 { background: #dde4ff; border: solid 1px #9da9e7; color: #0a63ff; transition: all ease 0.2s; }
.apt-btn.apt-btn__sky4:hover { background: #fff; border: dashed 1px #9da9e7; color: #0a63ff; transition: all ease 0.2s; }
.apt-btn.apt-btn__sky5 { background: #EEEFFF; color: #0a63ff; border: solid 1px #6ea3ff;}
.apt-btn.apt-btn__sky5:hover { background: #e6e7ff; transition: all ease 0.2s; }
.apt-btn.apt-btn__red { color: #FF6863; background: #F3F3F3; }
.apt-btn.apt-btn__red2 { color: #FFf; background: #FF6863; }
.apt-btn.apt-btn__black { color: #111; background: #111; color: #fff;}
.apt-btn.apt-btn__black:hover {  background: #222; transition: all ease 0.2s;}

/*셀렉트박스 커스텀*/
/*.cont-select {position: relative;width: auto;}*/

.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;}
.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 {border: solid 1px #0a63ff;background-image: url("../images/selecticon_check.svg"); background-position: 96% 50%; background-size: 12px 9px; background-repeat: no-repeat;}

.btn-select {font-family: 'Toss Product Sans';padding: 13px 40px 13px 0;font-size: 38px;font-weight: 800;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.on {background: url("../images/selecticon_arrowup.svg") no-repeat;background-position: 100% 50%;}
.btn-select.on+.list-member {display: block;}

/*셀렉트박스 커스텀2__수선항목 데이터조회*/
/*.cont-select2 {position: relative;width: auto;  margin-top: 12px;}*/

/*.btn-select2 {*/
/*    font-family: 'Toss Product Sans';*/
/*    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 #0a63ff;}*/
/*.list-member2 li button:hover,*/
/*.list-member2 li button:focus {*/
/*    background-color: #F6F8FF;*/
/*    border: solid 1px #0a63ff;*/
/*    background-image: url("../images/selecticon_check.svg"); background-position: 98% 50%; background-size: 12px 9px; background-repeat: no-repeat;*/
/*}*/



.header_search { position: relative; width: 150px; height: 35px; border-radius: 50px; border: solid 1px #7a869a; background-color: #fff; margin-right: 4px; display: inline-flex; padding: 0 15px; cursor: pointer;  }
/*.header_search:hover { border-color: #AFC1FF; transition: all ease 0.3s; }*/
.header_search form { width: 100%; display: flex; justify-content: space-between; }
.header_search .searchImg { width: 19px; height: 19px; opacity: 0.7; }
.header_search .searchImg:hover { opacity: 1; transition: all ease 0.3s; }
.header_search input { color: #000; font-size: 15px; border: 0;box-shadow: none;background: rgba(0,0,0,0);}
.header_search 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: 0;}
/*수선항목 데이터입력 카테고리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: #0a63ff; background-image: url("../images/selecticon_check.svg"); background-position: 96% 50%; background-size: 12px 9px; background-repeat: no-repeat;}

.search_box__category::-webkit-scrollbar {width: 8px;  /* 스크롤바의 너비 */}
.search_box__category::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */background: #dbdbdb; /* 스크롤바의 색상 */border-radius: 10px;}
.search_box__category::-webkit-scrollbar-track {background: #f7f7f7;  /*스크롤바 뒷 배경 색상*/}

.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: 'Toss Product Sans'; }
.apt-input.select { -webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none; background: url('../images/slidemenuicon_arrowdown.svg') no-repeat right 10px center #fff;}
.apt-input.select::-ms-expand{ display:none;/*for IE10,11*/ }

.con_title { font-size: 21px; font-weight: 800; color: #333; }
.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;}
/*.stats_box .stats_box__btn {  font-size: 13px; font-weight: 700; padding: 3px 8px; border-radius: 4px; background: #fff; border: solid 1px #C8CAD2; color: #444; cursor: pointer; }*/
.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; }

.con_empty { width: 100%; padding: 35px; border-radius: 10px; border: dashed 2px #ddd; font-size: 16px; font-weight: 600; color: #777; text-align: center; }

.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: #0a63ff; }
.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.box-con__progress::-webkit-progress-value {background-color: #8EA2FF !important;color: red;}
.progress.box-con__progress::-moz-progress-bar {background-color: #8EA2FF !important;color: red;}
.progress.box-con__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 { display: inline-block; font-size: 12px; font-weight: 700; padding: 1px 8px; border-radius: 10px; margin-right: 1px; white-space: nowrap; }
.apt_tag.apt_tag1 { color: #fff; background: #7A8CE6; border: solid 1px #7A8CE6;}
.apt_tag.apt_tag2 { color: #0B59D5; background: #EEEFFF; border: solid 1px #7388D6; font-weight: 800;}
.apt_tag.apt_tag2.btn:hover { background: #e6e7ff; transition: all ease .2s; }
.apt_tag.apt_tag3 { color: #fff; background: #0a63ff; border: solid 1px #0a63ff; }
.apt_tag.apt_tag4 { display: inline-block; float: left; color: #70757A; background: #EEEFFF; border: solid 1px #EEEFFF; }
.apt_tag.apt_tag5 { color: #FF5353; background: #F3F3F3; border: solid 1px #F3F3F3; font-weight: 600;}
.apt_tag.apt_tag6 { color: #fff; background: #FAB583; border: solid 1px #FAB583; }
.apt_tag.apt_tag7 { color: #ff4c38; background: #fff; border: solid 1px #ff4c38; font-weight: 800;}
.apt_tag.apt_tag7.btn:hover { background: #ffdfdf; transition: all ease .2s; }
.apt_tag.apt_tag8 { color: #0B59D5; background: #fff; border: solid 1px #8396DF; font-weight: 800; }
.apt_tag.apt_tag8:hover { color: #fff; background: #8396DF; transition: all ease 0.2s;}
.apt_tag.apt_tag9 { color: #000000; background: #e3e3e3; border: solid 1px #c4c4c4; font-weight: 800;}
.apt_tag.apt_tag10 { color: #fff; background: #000; border: solid 1px #000;font-weight: 800;}
.apt_tag.apt_tag10.btn:hover { background: #393939; transition: all ease .2s; }
.apt_tag.apt_tag11 { color: #fff; background: #45C4BF; border: solid 1px #45C4BF; font-weight: 600;}
.apt_tag.apt_tag12 { color: #fff; background: #ff4c38; border: solid 1px #ff4c38; font-weight: 600;}
.apt_tag.apt_tag13 { color: #fff; background: #786CE5; border: solid 1px #786CE5; font-weight: 600;}
.apt_tag.apt_tag14 { color: #20B460; background: #EFFFEF; border: solid 1px #20B460; font-weight: 600;}
.apt_tag.apt_tag14.btn:hover { background: #cdf5cd; transition: all ease .2s; }
.apt_tag.apt_tag15 { color: #70757A; background: #fff; border: solid 1px #707070; }
.apt_tag.apt_tag15:hover { background: #f3f3f3; color: #000; transition: all ease .2s; }
/*등록페이지*/
.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 { background: #fff; border-radius: 5px; border-style: solid; border-width: 1px; border-color: #F2F3F7; height: 48px; position: relative; }
.form-box .field.form_field.notice { border: solid 1px #FAB583; }
.form-box .field .form_tit{ width: 17%; float: left; }
.form-box .field .form_input{ width: 83%; float: right;}
.form-box .field .form-guide { position: absolute;}
.field-box { padding: 15px; border-style: solid; border-width: 1px; border-color: #F2F3F7; border-radius: 5px; }


.form_tit { display: inline-block; font-size: 13px;font-weight: 700; line-height: 25px;letter-spacing: -0.02em;margin-bottom: 0px!important; color: #666}
.form_tit span { font-size: 16px;font-weight: 600;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: 5px; border: solid 1px #E4E5ED; }
.field .input { height: 48px; border-radius: 4px; display: flex; align-items: center; transition: background-color 0.2s,border-color 0.2s; border-radius: 5px; }
/*.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; z-index: unset!important;}
.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 { cursor: pointer; position: relative; color: #70757A; font-weight: 700; 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: unset!important; right: 20px!important; 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 !important; 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 .modal-con__header { padding: 3px 14px; border-bottom: solid 1px #E4E5ED; border-radius: 18px 18px 0 0;}
.modal .box .modal-con__header span { font-size: 13px; color: #9A9BA7; font-weight: 700; }
.modal .box .modal-con__header .close_btn { font-size: 24px; line-height: 24px;  }
.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-con { overflow-y: auto; overflow-x: hidden; 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; 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 6px 6px; float: right; }

.modal-scroll::-webkit-scrollbar, .modal-con .modal-con__menu::-webkit-scrollbar, .modal-con::-webkit-scrollbar {width: 8px;  /* 스크롤바의 너비 */}
.modal-scroll::-webkit-scrollbar-thumb, .modal-con .modal-con__menu::-webkit-scrollbar-thumb, .modal-con::-webkit-scrollbar-thumb { height: 30%; /* 스크롤바의 길이 */background: #dbdbdb; /* 스크롤바의 색상 */border-radius: 10px;}
.modal-scroll::-webkit-scrollbar-track, .modal-con .modal-con__menu::-webkit-scrollbar-track, .modal-con::-webkit-scrollbar-track  {background: transparent;  /*스크롤바 뒷 배경 색상*/}

/*모달 상세수량/대상시설 */
.modal-right { position: relative; width: 470px; height: 100%; border-left: solid 1px #E4E5ED; }
.modal-right .modal-right__tit { font-size: 16px; font-weight: 600; color: #fff; padding: 2px 15px; background: #786CE5; border: solid 1px #786CE5; border-radius: 15px; }


.bottom-btn { width: 100%; }

/*테이블*/
.table { background: #FAFAFC; }
.form-table { background: #FAFAFC; padding: 3px 10px 10px; margin-top: 10px; border-radius: 6px; position: relative;}
.table th { font-size: 12px; color: #6b7684!important; font-weight: 500; white-space: nowrap; }
.table td { font-size: 16px; color: #404654!important; letter-spacing: 0.1px; line-height: 20px; }
.table td, .table th { text-align: center!important; display: table-cell; vertical-align: middle; font-weight: 600; 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; }
.table>:not(:last-child)>:last-child>* { border-width: 0 0 1px!important; }
.form-table__tit { color: #333; border-radius: 20px; border: solid 1px #dbdada; font-weight: 700; padding: 4px 12px; background: #efefef; }

/*드래그앤드랍을 위한 테이블구조 커스텀*/
.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: 15px; font-weight: 600; 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: 1px solid #eaedf0; }
.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: 1px solid #eaedf0;  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;}
/*리스트 필터 박스*/
.list-filter { display: flex; align-items: end; background: #f3f3f3; border-radius: 6px; padding: 16px;}

/*조회페이지 테이블 커스텀*/
.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;
    font-weight: 700;
}
.table_apartReport td {
    text-align: left!important;
    font-size: 16px; font-weight: 500;
}
.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;*/ text-align: center!important;
}
.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: #0a63ff; border-color: #0a63ff; }
.form-table .bar.bar_repairPrice.on { background: #7388D6; border-color: #7388D6; }
.form-table.form-table__repairPlan.on { border-color: #0a63ff; }
.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: 800; color: #0a63ff; 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; }

/*테이블 요소*/
.table-tag__item { font-size: 13px; font-weight: 500; letter-spacing: 0.3px; line-height: 18px; color: #70757a; }
.table-tag__green { font-size: 13px; font-weight: 600; letter-spacing: 0.3px; line-height: 17px; color: #45C4BF; }
.table-tag__red { font-size: 13px; font-weight: 600; letter-spacing: 0.3px; line-height: 17px; color: #ff4c38; }

/*.apt-btn__repair { z-index: 1; position: absolute; top: 28px; right: 10px;  }*/
.apt-btn__repair button { border-radius: 25px; color: #fff; font-size: 13px; padding: 5px 15px; cursor: pointer; background: #DADCE0; border: solid 1px #DADCE0; }
.apt-btn__repair button.openQuantityEditBtn.on, .apt-btn__repair button.openQuantityViewBtn.on { background: #786CE5; border: solid 1px #786CE5; font-weight: 600; }
.apt-btn__repair button.openQuantityEditBtn:hover, .apt-btn__repair button.openQuantityViewBtn:hover { background: #8c82e9; border: solid 1px #8c82e9; font-weight: 600; transition: all ease 0.3s; }
.apt-btn__repair button.openSelectFacility.on { background: #45C4BF; border: solid 1px #45C4BF; font-weight: 600; }
.apt-btn__repair button.openSelectFacility:hover { background: #5fcfcb; border: solid 1px #5fcfcb; transition: all ease 0.3s; }

/*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: #786CE5; border-radius: 25px; font-weight: 600; color: #fff; font-size: 13px; border: solid 1px #786CE5; 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: #0a63ff; border-color: #0a63ff; }
button.openQuantityViewBtn.on:hover, .form-table.form-table__repairPlan ~ .box-btn button.openSelectFacility.on:hover { background: #948aed; 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: #0a63ff; font-weight: 800; }
.repairPrice-input { cursor: unset; border-style: solid; border-width: 1px; border-color: #EEEEEE; background: #f3f3f3!important; }
.repairPrice-input.on.is-active { border-color: #7388D6; transition: all ease 0.2s; }

/*페이지네이션*/
.pagination { justify-content: center; margin-top: 16px;}
.pagination li { list-style: none; }
.pagination a, .pagination-link, .pagination-next, .pagination-previous { min-width: 1em; height: auto; padding: 1px 6px 0px; display: flex; font-size: 13px; margin: 0 3px;}
/*.pagination li a, .pagination-link {  }*/
.pagination a { color:  #6b7684; }
.pagination a:hover { background: #f2f5ff; transition: all ease .3s; }
.pagination-link.is-current { color: #0a63ff; background-color: #EEEFFF; border-color: #0a63ff; }
/*.pagination-link.is-current:hover { background-color: #0a63ff; }*/
/*드랍다운*/
.dropdown {display: inline-block; position: relative; }
.apt-tooltip {  position: relative; display: inline-block; }
/*.tooltip-con.tooltip-con.show {display: block;}*/
/*.tooltip-con.tooltip-con { left: 55%; bottom: 38px; transform: translateX(-50%); z-index: 2;}*/
.tooltip-con {display: none;position: absolute; left: 60%; bottom: 38px; transform: translateX(-50%); z-index: 2; 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-con: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-con: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); }
.tooltip-con.dark { border-color: unset; width: max-content; font-size: 13px; border: unset; background: #000000b3; color: #fff; text-align: left; font-weight: 500; padding: 4px 12px;  }
.tooltip-con.dark:after { border-color: #000000b3 transparent; }
.tooltip-con.dark:before { display: none;}
#reportTooltip.tooltip-con { bottom: unset; width: max-content; max-width: 250px; left: 79%; }
#reportTooltip.tooltip-con:after { border-width: 0px 8px 13px 7px; top: -12px; bottom: unset; right: 50%; transform: translateX( -50%) rotate(0deg); }
#reportTooltip.tooltip-con:before { top: -14px; bottom: unset; right: 49%;transform: translateX( -50%) rotate(0deg); }
.apt-tooltip:hover .tooltip-con { display: block; }
.apt-tooltip .apt-tooltip__dot { width: 8px; height: 8px; border-radius: 15px; background: #FF5353; cursor: pointer;}
.apt-tooltip.dot .tooltip-con:after, .apt-tooltip.dot .tooltip-con:before { display: none; }
/*마우스 오버시 마우스 포인터 따라다니기*/
.tooltip-cursor {position:relative;}
.tooltip-cursor__txt {position:absolute; visibility:hidden; width: auto; height:auto; padding: 10px; border-radius: 4px; background-color:rgba(0,0,0,0.7); z-index: 1; color: #fff;}
.tooltip-cursor:hover > .tooltip-cursor__txt { visibility:visible; }
/*폰트컬러*/
.txt-color__orange { color: #F39331;}

/*bulma CSS*/
.is-borderless { border-top: 0!important; border-bottom: 0!important; border-left: 0!important; border-right: 0!important; border: 0!important; }

.has-text-weight-medium { font-weight: 600!important; }
.has-text-weight-semibold { font-weight: 700!important; }
.has-text-weight-bold { font-weight: 800!important; }

