@charset "utf-8";
@import "../font/pretendard.css";
/* 시스템 사이트의 경우 :  메인+서브에 공통 적용되는 common.css 파일 추가해 메인+서브 공통부분, 서브에 적용되는 css 기재 /  메인에만 적용되는 main.css 추가해 메인 css 기재 */
/* 일반 사이트의 경우 : 메인+서브에 공통 적용되는 common.css 파일 추가해 메인+서브 공통부분 css / 메인에만 적용되는 main.css 추가해 메인 css 기재 / 서브에만 적용되는 sub.css 추가해 서브 css 기재 */
/* 시스템, 일반 사이트 공통 : 멤버십, 에러 등이 필요한 경우 퍼블가이드 UI요소에서 원하는 부분만 복사해서 common.css에 기재 */
/* basic.css, board.css에서 수정해서 사용할 것들은 common.css에 수정 css 적기 (basic, board 수정 X) */
/* 각 사이트 맞춤 custom css */
body{font-family:'PretendardGOV', 'malgun gothic', 'dotum';}
#content{height:100%; position:relative;}
#wrapper{position: relative;min-height: 910px;}

:root {
    --blue: #1555b5;
    --btn-blue-hover: #0b48a2;
    --board-tbl-hover-bg: #fdfdfd;
    --disabled-bg: #f3f3f3;
    --gray: #b7bfc6;
    --btn-gray-hover : #a5acb2;
}

/* basic.css, board.css 수정 */
table.tbl th, table.tbl td{word-break:break-all;}
table.tbl th strong{font-weight:500;}
.btn.bd.blue{border:1px solid var(--blue) !important; background-color:#fff;}
.btn.mdl{line-height:28px; height:30px; min-width:80px; padding:0 10px; width:auto;}
.btn.bd.blue.on{background:var(--blue); color:#fff;}
.btn.btn_excel.upload{background:url(../images/content/i_excel_upload.png) no-repeat 10px 50% / 16px;}
table.tbl td.bg{background: var(--tbl-th) !important;}
table.tbl.col{position:relative;}
table.tbl.col::before{content: ''; display: block; width:100%; height:1px; background:#000; position:absolute; top:-1px; left:0; z-index:999;}
table.tbl.col.board::before{display:none;}
table.tbl.col.nolink tr:hover td{background:inherit;}
table.tbl.sml thead tr th{height: 35px; padding: 3px 10px;}

.paging_wrap:has(.btn_right){min-height:36px;}
.paging li:hover, .paging .current{border-color: #025d91 !important;background: #025d91 !important;}

.chk > span label.allChk{display:inline-block; line-height:28px; height:30px; min-width:60px; padding:0 10px; width:auto; border:1px solid var(--blue); background:#fff; color:var(--blue); border-radius:5px;}
.chk > span label.allChk::before{display:none;}
.chk .cbx input:checked + label.allChk{background:var(--blue); color:#fff;}
.chk > span label:empty::before{margin-right:0;}
pre h2{margin-top:0 !important;}


.i_highrisk{display: inline-block; width: 20px; height: 20px; font-size: 13px; text-align: center; line-height: 20px; border-radius: 5px; background: var(--red); color:#fff; font-weight: 600; margin-left: 5px;}

/* chk checkbox */
.chkbox2 input, label.radio input {opacity: 0;	position: absolute;}
.chkbox2, label.radio {display: inline-block;position: relative;line-height: 1;cursor: pointer; margin: 3px 15px 3px 0;}
.chkbox2 span{line-height: 1;display: inline-block;}
.chkbox2 span::before {margin-right: 8px;vertical-align: top;content: '\e928';display: inline-block;position: relative;width: 15px;height: 15px;border: 1px solid var(--bdr);border-radius: 4px;font-family: 'xeicon';font-size: 0;font-weight: 900;line-height: 13px;color: var(--bdr);text-align: center;/* vertical-align: -1px; */background: #FFFFFF;}
.chkbox2:hover span::before {border-color: var(--gray);}
.chkbox2 input:focus + span::before {border-color: var(--bdr-focus);}
.chkbox2 input:checked + span::before {border-color: var(--chk-bg);font-size: 11px;color: #FFFFFF;background: var(--chk-bg);}
.chkbox2 input:disabled + span {color: var(--bdr);cursor: auto;}
.chkbox2 input:disabled + span::before {border-color: var(--bdr);}
.chkbox2 input:disabled[checked] + span::before {background: var(--disabled-bg);border-color: var(--disabled-bg);}
.chkbox2 input.err + span::before {border-color: var(--err-bdr);}
.chkbox2 input.err + span {color: var(--err-font);}
.sm_radio_wrap label.radio{min-width:70px;}

/* chk radio */
label.radio span::before {margin-right: 8px; content: '';display: inline-block;position: relative;width: 15px;height: 15px;border: 1px solid var(--bdr);border-radius: 50%;background: #FFFFFF; vertical-align:top;}
label.radio span::after {content: '';position: absolute;left: 4px;top: 4px;width: 7px;height: 7px;border-radius: 50%;}
label.radio:hover span::before {border-color: var(--gray);}
label.radio input:active + span::before {border-color: var(--bdr-focus);}
label.radio input:checked + span::before {border-color: var(--chk-bg);background: var(--chk-bg);}
label.radio input:checked + span::after {background: #FFFFFF;}
label.radio input:disabled + span {color: var(--bdr);cursor: auto;}
label.radio input:disabled + span::before {border-color: var(--bdr);}
label.radio input:disabled + span::after {background: #FFFFFF;}
label.radio input:disabled[checked] + span::before {background: var(--bdr);}
label.radio input.err + span::before {border-color: var(--err-bdr);}
label.radio input.err + span {color: var(--err-font);}
label.radio.view{}
label.radio.view input:disabled + span{color: var(--bdr);}
label.radio.view input:disabled[checked] + span::before{background: var(--chk-bg); border-color: var(--chk-bg);}
label.radio.view input:disabled[checked] + span{color: inherit;}

/* cbx */
.cbx.view{}
.cbx.view input:disabled + label{color: var(--bdr);}
.cbx.view input:disabled[checked] + label::before{background: var(--chk-bg); border-color: var(--chk-bg);}
.cbx.view input:disabled[checked] + label{color: inherit;}

.sch_sm_wrap .sch_list{background:#f8f8f8;}
.sch_sm_wrap .sch_list ul{background:none;}

.faq_list dl dt i{font-size:28px; right:15px;}
.faq_list dl dt span, .faq_list dl dd span{left:20px; font-weight:700;}
.faq_list dl dt a{padding-left:60px; font-weight:600;}
.faq_list dl dd{padding-left:60px; font-size:16px;}
.faq_list{border-top:1px solid #000000;}
.faq_list dl dt, .faq_list dl dd{border-top:1px solid var(--bdr);}
.faq_list dl:last-of-type{border-bottom:1px solid var(--bdr);}

.cmnt_list .list .btn, .cmnt_list .list .btn i{font-size:12px;}



/* search 수정 */
.search_basic .btn_search{background:#8d8e8e;}
.search_basic .btn_search:hover, .search_basic .btn_search:focus{background:#7f8080;}
.search_basic .calendar_input{width:144px;}
.search_basic th{width:120px;text-align:left; padding-left:20px;}
.search_basic tr th:first-child{width:100px; padding-left:0;}
.search_basic th > label {display: inline-block;padding-left: 10px;font-size: 14px;font-weight: 400;color: var(--dark);letter-spacing: -0.75px;background: url(../images/icon/bg_search_label.png) no-repeat 0 50%;}
.search_basic td[colspan='7'] select + input,
.search_basic td[colspan='5'] select + input,
.search_basic td[colspan='9'] select + input,
.search_basic td[colspan='3'] select + input{width:calc(100% - 160px) !important;}
@media all and (max-width:1700px){
    .search_basic{padding-right:110px; min-height:102px; display: flex; align-items: center;}
    .search_basic .btn_reset{bottom:53px; right:20px;}
    .search_basic col.empty{width:1px !important;}
    .search_basic col.w430px{width:300px !important;}
    .search_basic col.w315px,
    .search_basic col.w350px,
    .search_basic col.w330px,
    .search_basic col.w300px{width:215px !important;}
    .search_basic col.w150px{width:105px !important;}
    .search_basic .calendar_input,
    .search_basic .w144px,
    .search_basic .w130px,
    .search_basic .w150px,
    .search_basic .w160px{width:95px !important;}
    .search_basic td[colspan='7'] select + input,
    .search_basic td[colspan='5'] select + input,
    .search_basic td[colspan='9'] select + input,
    .search_basic td[colspan='3'] select + input{width:calc(100% - 105px) !important;;}
}



/** skipnavi **/
#skipnavi {position:relative; z-index:2;overflow:hidden; width:100%; }
#skipnavi a {display:block; overflow:hidden; width:0px; height:0px; margin:0 -1px -1px 0; text-align:center;font-size:0; line-height:0; }
#skipnavi:focus {overflow:hidden;height:100px;background:#0d2f51;font-size:12px;font-weight:700;}
#skipnavi a:focus,
#skipnavi a:hover,
#skipnavi a:active {width:auto;height:20px; margin:0; margin:0; padding:8px 0 0 15px; color:#fff; background:#0d2f51; font-size:12px; font-weight:bold; line-height:1; }

/* login */
.login_wrap {width: 1280px;position:absolute;left:50%;top:50%;margin-top:-230px;margin-left: -640px;color:#251b15;}
.login_wrap h1 a {
    color: #1c1c71;
    font-size: 25px;
    display: flex;
    align-items: center}
/*.login_wrap h1 a p {margin-left : 10px;}*/
.login_box {display: flex;position: relative;width: 1280px;margin: 0 auto;border: 1px solid #e3e3e3;border-top: 0;}
.login_box .left {display: flex;justify-content: center;align-items: center;position: relative;width: 500px;padding: 50px 0;border-top: 5px solid var(--gray-light);background: url(../images/common/loginA_shadow.png) repeat-y 100% 0;}
.login_box .left a{display: block; width:100%;}
.login_box .left p {padding-top: 250px;color: #555;text-align: center;background: url(../images/logo/loginBigLogo.png) no-repeat 50% 0;}
.login_box .right {position: relative;width: calc(100% - 500px);padding: 50px 120px;border-top: 5px solid var(--blue);}
.login_box .right .form_box {display: flex;flex-direction: column;justify-content: center;height: 100%;}
.login_box .right .input_group {display: flex;margin-bottom: 15px;}
.login_box .input_group .input_box {margin-right: 10px;}
.login_box .input_group input {width: 100%; height: 50px; font-size: 16px;}
.login_box .input_group input + input {margin-top: 10px;}
.login_box .input_group .btn {width: 130px;height: 100%; font-size: 16px;}
.login_box .chk {margin-bottom: 20px;}
.login_box .links {display: flex;margin-top: 0;border-radius: 5px;background: #eee;}
.login_box .links a {position: relative;width: 100%;line-height: 50px;text-align: center;}
.login_box .links a + a::before {content: '';position: absolute;left: 0;top: 18px;width: 1px;height: 15px;background: #cecece;}
.login_box .links a:hover {font-weight: 500;color: var(--blue);}

/* error */
/* error500 */
.error_wrap {position: relative;width: 1000px;margin: 0 auto;}
.error_wrap h1 {position: relative;font-size: 25px;}
.error_wrap .error_box {position: relative;padding: 60px 0 60px 20px;border: 1px solid var(--tbl-bdr); border-radius:5px;}
.error_wrap .error_info {position: relative;padding-left: 445px;background: url(../images/common/bg_error500a.png) no-repeat 0 50%;}
.error_wrap .error_info .tit {font-size: 20px;color: #000;letter-spacing: -2px;}
.error_wrap .error_info .tit strong {display: block;font-size: 30px;color: #333;}
.error_wrap .error_info .txt {margin-top: 25px;font-size: 16px;line-height: 1.5;color: #808080;}
/* error btn 버튼설정 */
.error_wrap .error_btns {margin-top: 30px;}
.error_wrap .error_btns a {display: inline-block;width: 150px;height: 40px;font-size: 15px;line-height: 38px; text-align: center; border-radius: 5px; margin-right:5px;}
.error_btns .btn_main {border: 1px solid #000000;color: #000000;background-color: #FFFFFF;}
.error_btns .btn_prev {color: #FFFFFF;background-color: #282828;}


/** title **/
.page_tit {position: relative;margin-bottom: 40px;font-size: 36px;font-weight: 500;line-height: 1;color: #333;text-align: center;}
.lg_tit {position: relative;margin-bottom: 15px;padding-top: 16px;font-size: 22px;line-height: 30px;color: #333;}
.lg_tit::before,
.lg_tit::after {content: '';position: absolute;top: 0;width: 10px;height: 10px;border-radius: 5px;}
.lg_tit::before {left: 0;background: #d40281;}
.lg_tit::after {left: 12px;background: #4b8dca;}
.md_tit {position: relative;margin-bottom: 20px;font-size: 20px;line-height: 1;color: var(--blue);}
.sm_tit {position: relative;margin-bottom: 15px;padding-left: 20px;font-size: 18px;font-weight:600;line-height: 1;color: #222429;display:inline-block;background:url(../images/sub/i_smtit_bullet.png) no-repeat left center;}
.tbl_left .sm_tit{margin-bottom:0;}
.sm_tit2{position: relative;padding-left: 15px;font-size: 17px;font-weight:600;line-height: 1;color: #222429; position:relative;}
.sm_tit2::before{content: ''; display: block; width: 5px; height: 5px; border-radius: 100px; background:var(--blue); position: absolute; left:3px; top:5px;}

/** header **/
.header_inner {position: relative;width: 100%;padding-left: 80px;color: #fff;}
.logo {position: relative;display: inline-block;overflow: hidden;width: auto; height: 60px;text-align: center;vertical-align: middle;margin-left: 28px;}
.logo > a {display: flex; align-items:center; height: 60px; text-align: left;}
.logo > a img {font-size: 1%;line-height: 1;}
.btn_allMenu {position: absolute;z-index: 2;top: 0;left: 0;width: 80px;height: 60px;text-align: center;text-indent: -9999px;background: #069eb4 url(../images/common/i_all_menu.png) no-repeat 50% 50%;}

.user_info,
.btn_itsm  {margin-right: 14px; font-size:15px; display:inline-block; color:#0b1d34;}
.user_info b{font-weight:normal;}
.user_info b i{font-size:17px; margin-right:2px; vertical-align:-2px;}
.user_info b::after{content:''; display:inline-block; width:1px; height:12px; background:#0b1d34; margin:0 10px; opacity:0.5;}
.user_info span{opacity:0.5;}
.user_info_team{color: #a7f3f6; position: relative; font-size:15px; }
.btn_itsm i{font-size: 16px;margin-right: 4px;vertical-align:-2px;}
.btn_logout {display: inline-block;width: 66px;margin-left: 14px;transition: all 0.2s ease;text-align: center;color: #fff;border: 1px solid #fff;border-radius: 12px;font-size: 12px;line-height: 24px;}
/*.btn_logout:hover {border-color: #137581;background: #137581;}*/
.util {position:absolute;top: 0;right: 25px;display: inline-block;background: #44b6a0;}
.util > a {position: relative;display: inline-block;height: 60px;padding:0 15px;font-size: 12px;line-height: 1;}
.util > a:hover {background: #137581;}
.util > a > i {display: block;height: 39px;}
.util > a span{display: block; line-height: 1; opacity: 0.9;}
.go_mypage i {background: url(../images/common/i_go01.png) no-repeat 50% 50%;}
.go_person i {background: url(../images/common/i_go02.png) no-repeat 50% 50%;}
.go_notice i {background: url(../images/common/i_go03.png) no-repeat 50% 50%;}
.go_setting i {background: url(../images/common/i_go04.png) no-repeat 50% 50%;}
.top_search {display: inline-block;overflow: hidden;width: 300px;margin-right:20px;vertical-align: middle;border-radius: 3px; position: relative;}
.top_search > span {position: relative;display: block;height: 40px;border: 1px solid #fff; border-radius: 100px;}
.top_search .text {width: 100%;height: 100%;padding-left: 10px;color: #fff;border: 0;background:transparent; padding-right: 42px;border-radius: 100px;}
.top_search .text::placeholder {color: #fff; opacity:0.6;}
.top_search .text::-webkit-input-placeholder {color: #fff; opacity:0.6;}
.top_search .text:-ms-input-placeholder {color: #fff; opacity:0.6;}
.top_search .search {position: absolute;top: 0;right: 0;width: 42px;height: 100%;border: 0;background:url(../images/common/i_search.png) no-repeat 50% 50%;}
#header .right{float: right; margin-right: 45px; margin-top: 11px; height:38px; line-height:38px;}
#header .sch_area{display:inline-block; width:420px; height:38px; position:relative; margin-right:25px;}
#header .sch_area input{width:100%; height:38px; border:1px solid #e4e4e4; border-radius:2px; font-size:14px; font-weight:300; padding:0 15px; padding-right:40px;}
#header .sch_area .btn_top_sch{display:block; width:20px; height:20px; border:0; font-size:0; background:url(../images/common/btn_top_sch.png) no-repeat center; position:absolute; right:16px; top:10px;}
#header .right a{color:#000; letter-spacing:0; font-weight:200; display:inline-block; font-size:14px;}
#header .right a + a{margin-left:15px;}
#header .right .btn_logout{padding:0; margin:0; width:auto;}



/** gnb left 고정형 **/
#header{position: fixed;z-index: 1;top: 0;left: 0;overflow: hidden;width: 100%;height: 60px;background: #fff; z-index: 99; box-shadow:0px 0px 10px rgba(50,51,52,0.5);}
#gnb_area {position: fixed;z-index: 99;top: 60px;left: 0;height: calc(100% - 60px);background: #069eb4;}
#main_container{position: relative;min-width: 1200px;min-height: 100vh;margin-left: 77px;padding: 30px;padding-top: 90px;padding-bottom: 60px;}
#gnb_area.sub_type + #main_container{margin-left: 297px;}
#gnb_area.main_type + #container{margin-left: 77px !important;}
.gnb {position: relative;width: 100%;height: 100%;}
.gnb > li {border-bottom:1px solid rgba(255,255,255,0.15)}
.gnb > li > a {width: 80px;height: 74px;text-align: center;color: #fff;font-size: 14px;font-weight: 600;display: block;padding-top: 9px;}
.gnb > li.visible > a, .gnb > li > a:hover, .gnb > li.on>a {background: #027591;}
.gnb > li > a span {display: block;height: 30px;margin-bottom: 7px;width: 100%; position: relative}
.gnb .gnb_i01 {background: url(../images/content/i_gnb01.png) no-repeat center;}
.gnb .gnb_i02 {background: url(../images/content/i_gnb02.png) no-repeat center;}
.gnb .gnb_i03 {background: url(../images/content/i_gnb03.png) no-repeat center;}
.gnb .gnb_i04 {background: url(../images/content/i_gnb04.png) no-repeat center;}
.gnb .gnb_i05 {background: url(../images/content/i_gnb05.png) no-repeat center;}
.gnb .gnb_i06 {background: url(../images/common/i_gnb06.png) no-repeat center;}
.gnb .gnb_i07 {background: url(../images/common/i_gnb07.png) no-repeat center;}
.gnb .gnb_i08 {background: url(../images/common/i_gnb08.png) no-repeat center;}
.gnb .gnb_i09 {background: url(../images/common/i_gnb09.png) no-repeat center;}
.gnb .subwrap {position:absolute;top:0px;bottom:0;left: 80px;display:none;width:219px;height: calc(100vh - 60px);background-color: #fff;border-right: 1px solid #d3d9db;overflow-y:auto;border-top: 1px solid #d3d9db;}
.gnb .subwrap.on{z-index: 9999;}
.gnb .subwrap::-webkit-scrollbar-track{width: 5px; background: none; border: 1px solid #e4e5ec;border-radius: 10px;}
.gnb .subwrap::-webkit-scrollbar{width: 5px;background-color: #fff;}
.gnb .subwrap::-webkit-scrollbar-thumb{border-radius: 10px;background-color: #ddd ;}
.gnb > li.visible .subwrap{display: block !important;}
.gnb > li.visible.off .subwrap{display: none !important;}
.gnb > li.visible.off>a{background: inherit;}
.gnb > li .subwrap.on{display: block !important; z-index: 9999;}
.gnb .deps2, .gnb .deps2 ul, .gnb .deps2 li, .gnb .deps2 a {position: relative;display: block;line-height: 1;}
.gnb .deps2 li.active > .deps3 {display: block;}
/* no sub */
.gnb .deps2 > li > a {z-index: 2;padding: 16px 19px;cursor: pointer;-webkit-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease;color: #333;border-bottom: 1px solid #d3d9db;background: #fff;font-size: 15px;}
.gnb .deps2 > li.active > a, .gnb .deps2 > li.on > a, .gnb .deps2 > li > a:hover{background-color: #f1f8fb;}
.gnb .deps2 > li > a::before, .gnb .deps2 > li.active > a::before{position: absolute;top: 18px;right: 20px;width: 8px;height: 8px;content: '';transition: all 0.1s ease-out;transform: rotate(45deg);border: 1px solid #d6d6d6;border-width: 2px 2px 0 0;}
.gnb .deps2 > li > a::before{opacity: 0;}
.gnb .deps2 > li > a:hover::before, .gnb .deps2 > li.active > a::before{border-color:#137581; opacity: 1;}
/* has_sub */
.gnb .deps2 > li.has_sub > a::before{position: absolute;top: 18px;right: 20px;width: 8px;height: 8px;content: '';transition: all 0.1s ease-out;transform: rotate(135deg);border: 1px solid #d6d6d6;border-width: 2px 2px 0 0; opacity: 1;}
.gnb .deps2 > li.has_sub > a:hover::before{border-color:#137581;}
.gnb .deps2 > li.has_sub.on > a::before, .gnb .deps2 > li.has_sub.active a::before{transform: rotate(45deg);border-color: #027591;}
/* deps3 */
.gnb .deps2 .deps3 {display: none;padding: 17px 0;}
.gnb .deps2 li.has_sub.on .deps3, .gnb .deps2 li.has_sub.active .deps3 {border-bottom: 1px solid #d3d9db; display: block;}
.gnb .deps2 .deps3 li a {z-index: 2;padding: 0 14px 15px 30px;cursor: pointer;transition: color .2s ease;color: #444444;font-size: 14px;}
.gnb .deps2 .deps3 li:last-child a {padding: 0 14px 0 30px;}
.gnb .deps2 .deps3 li a::before {position: absolute;top: 6px;left: 20px;width: 2px;height: 2px;content: "";background: #bababa;}
.gnb .deps2 .deps3 li a:hover {color: var(--blue);}
.gnb .deps2 .deps3 li.on a{color:var(--blue);font-weight:600;}
.gnb .i_new_menu,
.gnb .i_count_menu{display: inline-block; width: 16px; height: 16px; line-height: 16px; border-radius: 100px; background: #ea290f; color: #fff; font-size: 11px; text-align: center;  position: absolute; right: 10px; top: -3px;}
.gnb .i_count_menu{width: 20px; height: 20px; background: #295aa0; line-height: 20px; right: 7px; top: -4px;}
#gnb_area .btn_menu_plus{display: block;font-size: 0;position: absolute;left: 0;bottom: 39px;background: transparent;text-align: center;line-height: 31px;color: #fff;border-top: 1px solid rgba(255,255,255,0.15);width: 100%;padding-bottom: 3px;}
#gnb_area .btn_menu_plus::before{content: "\e913";font-family: 'xeicon';font-size: 18px;display: block;height: 30px;margin-top: 7px;}
#gnb_area .btn_menu_plus::after{content: '실적 등록';font-size: 14px;font-weight: 600;}
#gnb_area .btn_menu_plus:hover{background: #027591;}

/* sitemap */
#sitemap {position: fixed !important;z-index: 1200;top: 100px;left: 0; width: 1500px;display:none;}
#sitemap .inner{height: 700px;  background:#fff;}
#sitemap .menu_head {position: relative;float: left;width:200px;height: 100%;text-align: center;background: #069eb4;}
.sitemap_blind {position:fixed;z-index:1100;top:0px; left:0px; display:none;width:100%; height:100%; opacity:0.4; background:#000;}
#sitemap .menu_head span {position: absolute;top: 50%;left: 0;width: 100%; margin-top:-140px;}
#sitemap .menu_box {position: relative;float: left;width:calc(100% - 200px);height: 100%;background:#fff;}
#sitemap #menu {padding: 70px 30px 40px;overflow-y:auto;height:700px;}
#sitemap #menu .clear {position: relative; display:flex; flex-wrap:wrap;}
#sitemap #menu .clear > li {width: 18%;margin-right:2%;}
#sitemap #menu .clear > li:nth-of-type(n+6){margin-top:30px;}
#sitemap #menu .clear > li:last-child {margin-right: 0;}
#sitemap #menu strong {display: block;margin-bottom:30px;padding-bottom:25px;padding-left: 5px;color: #222222;border-bottom: 2px solid #e5e5e5;font-size: 26px;font-weight: 600; letter-spacing:-0.05em;}
#sitemap #menu .clear li{margin-bottom:10px;}
#sitemap #menu .clear li.subin>a{background: url(../images/common/i_sitemap_arrow_off.png) no-repeat right 10px center !important;}
#sitemap #menu .clear li.subin.on>a{background: url(../images/common/i_sitemap_arrow_on.png) no-repeat right 10px center !important;color: #1555b5;}
#sitemap #menu .clear li a {display:inline-block;color: #555555;font-size: 16px; letter-spacing:-0.05em;}
#sitemap #menu .clear li a:hover{color: #1555b5;}
#sitemap #menu .clear ul > li > a {position:relative;padding: 0px 2px 5px 2px; display:block; font-size:16px; color:#333;}
#sitemap #menu .clear li > a + ul {margin-top:-15px; margin-bottom:10px; margin-top:10px;}
#sitemap #menu .clear ul ul{display:none;}
#sitemap #menu .clear ul ul li{margin-bottom:0;}
#sitemap #menu .clear ul ul a {position: relative;margin-bottom:5px;padding:6px 2px 6px 20px;color: #333333;background: url(../images/common/i_all_dep2.png) no-repeat 2px 50%;font-size: 16px;}
#sitemap #menu .clear ul ul a:hover {}
.menu_close {position: absolute;top: 20px;right: 30px;background: none;font-size: 15px;width: 60px;background: #fff;padding: 0px 7px;}

/*board etc*/
.tbl_wrap {position: relative;}
.tbl_wrap + .tbl_top,
.btn_area + .tbl_top {margin-top:40px;}
.tbl_wrap + .tbl_wrap {margin-top: 40px;}
.tbl_scroll {overflow-x: auto;width: 100%;}
.no_bdl {border-left:0 !important;}
.no_bdb {border-bottom:0 !important;}
.no_bdr{border-right:0 !important;}
.no_bdt{border-top:0 !important;}
.bdr {border-right:1px solid #e1e1e1 !important;}
.bdl {border-left:1px solid #e1e1e1 !important;}
tr.no_data td {padding: 15px 0; cursor:default;text-align:center;font-size: 15px;}
tr.no_data:hover td {background: #fff;}
.th_tit {position: relative;margin-left: -9px;padding-left:10px;;}
.th_tit::after {position: absolute;top:50%;left:0;display:block;content: '*';transform:translateY(-50%);color: #e61212;}
.text_area_sml {width:100%;min-height:70px;line-height:1.5;}
.text_area_mdl {width:100%;min-height:100px;line-height:1.5;}
.text_area_big {width:100%; min-height:200px;line-height:1.5;}
.down_file u {margin-left: 3px;vertical-align: middle;text-decoration: none;}
.tbl_left .all_num{margin-bottom:0;}

/* tab */
.tmenu{}
.tmenu + .search_wrap{margin-top:40px;}
.tab_menu {display:flex;}
.tab_menu li {flex: 1; position:relative; border: 1px solid #DEDEDF;border-left: 0;border-bottom-color: #000000; text-align: center;background: #F9FAFB;}
.tab_menu li:first-child {border-left: 1px solid #DEDEDF;}
.tab_menu li a {width: 100%; height:55px; border: 0; display: block; text-align: center; font-size: 17px; color: #777777; font-weight: 600; line-height: 55px; padding:0 !important;}
.tab_menu li.on {border-color: #333;border-bottom-color: #fff; background: #fff;}
.tab_menu li.on:nth-child(n+2) {border-left: 1px solid #333;}
.tab_menu li.on a{color: #333; font-weight: 600;}

.tab_menu2 {display:flex; border-bottom:1px solid #dededf;}
.tab_menu2 li {min-width: 100px;border-radius: 5px 5px 0 0;background: #fff;border: 1px solid #dededf; border-left:0; border-bottom:0;}
.tab_menu2 li:first-of-type{border-left: 1px solid #dededf;}
.tab_menu2 li a {padding: 0 20px; width: 100%; height:35px; line-height: 35px; display: block; text-align: center; font-size: 15px; color: #333333; font-weight: 400; }
.tab_menu2 li.on {border-color: #326c73; background: #326c73;}
.tab_menu2 li.on a{color: #fff; font-weight: 500;}
.tmenu2 + .tab .tab_cont{margin-top:15px;}

/* loading */
@-webkit-keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.loading_wrap{display:block; position:fixed; left:0; top:0; bottom:0; width:100%; height:100%;
    background:rgba(0,0,0,0.5); z-index:9999;}
.loading_box{display:block; position:absolute; left:0; top:0; bottom:0; width:100%; height:100%;
    z-index:9999;}
.loading {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    border: 7px solid rgba(255, 255, 255, 0.2);
    border-top-color: white;
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
    position:absolute; left:50%; top:50%; margin-left:-25px; margin-top:-25px;
}
.loading_box .loading{border-top-color:#ddd;}

.loading_wrap2{display:block; position:fixed; left:0; top:0; bottom:0; width:100%; height:100%;  background:rgba(0,0,0,0.5); z-index:9999;}
.loading_box2 {position:absolute;top:50%;left:50%;margin-top:-150px;margin-left:-250px;width:500px;height:300px;background: rgba(255,255,255,1);z-index:99;display:flex;align-items:center;justify-content:center;text-align: center; border: 1px solid #f2f2f2; border-radius: 5px;}
.loading_box2 b {font-size: 30px;color:#222;background: url(../images/common/loading.svg) no-repeat center -35px;text-transform:uppercase;font-weight:500;font-family:"Montserrat";padding-top: 73px;background-size:130px;display: block;}
.loading_box2 b:after {content: ' .';animation: dots 1s steps(5, end) infinite; position: relative; left: -5px;}
@keyframes dots {
    0%, 20% {
        color: rgba(0,0,0,0);
        text-shadow:
                .25em 0 0 rgba(0,0,0,0),
                .5em 0 0 rgba(0,0,0,0);}
    40% {
        color: #000;
        text-shadow:
                .25em 0 0 rgba(0,0,0,0),
                .5em 0 0 rgba(0,0,0,0);}
    60% {
        text-shadow:
                .25em 0 0 #000,
                .5em 0 0 rgba(0,0,0,0);}
    80%, 100% {
        text-shadow:
                .25em 0 0 #000,
                .5em 0 0 #000;}}
.loading_box2 p{font-size: 16px;margin-top: 10px;}

/* btn, input */
.btn.btn_txt_add{min-width:0; width:36px; border:0; background:var(--blue); color:#fff;}
.chk .radio label::after{top:4px;}
table.tbl td .chk .cbx label::before{top:1px;}
.calendar_input .ui-datepicker-trigger{background:url(../images/icon/i_cal.png) no-repeat center / 20px;}
.ui-datepicker .ui-datepicker-title{font-size:12px; color: #000;}
.btn_txt_add{font-family:xeicon; content:"\e913"; font-size:20px; padding:0;}
.btn_i_del{ padding:0; min-width:0 !important; width:36px;}
.btn_i_del::before{font-family:xeicon; content:"\e91a"; font-size:15px;}
.btn_i_del span{display:none;}

.radios input + label + input{margin-left:20px;}
.radios input{vertical-align:-2px;}


.date_range{display: flex; align-items: center;}
.date_range .calendar_input + span{padding: 0 5px;}
.date_range span{margin-left: 0 !important;}

.range{display: flex; align-items: center;}
.range input{width: 50%;}
.range input + span{padding: 0 5px;}
.range span{margin-left: 0 !important;}

.time_input{display: inline;}
.time_input span{margin: 0 3px;}
.calendar_input + .time_input{margin-left: 5px;}

/* file_wrap */
/*.file_wrap .btn_file, .file_wrap .btn_file_del{min-width:0; width:36px; height:36px; font-size:17px; line-height:36px; padding:0; margin-top:5px;}
.file_wrap .btn_file::before{font-family:'xeicon'; content:"\eb7e";}
.file_wrap .btn_file_del::before{font-family:'xeicon'; content:"\e921"; margin-left:-1px; font-size:15px;}
.file_thum li + li{margin-top:10px;}
#atchFileUpload{max-width:25%;}
#atchFileUpload img{width:auto;}
.file_wrap .file_thum img{width:auto;}*/

/*.file_wrap{padding:10px 0;}
.file_wrap .btn{line-height:23px;}
.tbl.tbl_file thead th{border:0 !important; border-bottom:1px solid var(--tbl-bdr) !important; }
.tbl.tbl_file tr th, .tbl.tbl_file tr td{border-bottom:1px solid var(--tbl-bdr) !important;}
.tbl.tbl_file td:first-of-type{text-align:left !important;}
.file_wrap .btn .fa_remove, .file_wrap .btn .fa_check{vertical-align:0px;}
.file_wrap .btn + span{font-size: 14px; margin-left:5px;}
.file_wrap .file_tit span img{vertical-align: -1px;}
.file_thum .file_btns_box .file_name{vertical-align:-5px;}
.tbl.tbl_file td.no_data{text-align: center !important;}*/
#atchFileUpload .file_wrap{padding:0;}
.tbl.tbl_file{margin-top:0;}
.file_wrap button + span + .tbl.tbl_file, .file_wrap button + .tbl.tbl_file{margin-top:10px;}

.file_wrap{padding:10px 0;}
.file_wrap .btn{line-height:23px;}
.tbl.tbl_file thead th{border:0 !important; border-bottom:1px solid var(--tbl-bdr) !important; }
.tbl.tbl_file tr th, .tbl.tbl_file tr td{border-bottom:1px solid var(--tbl-bdr) !important; margin-left:2px;}
.file_wrap .btn .fa_remove, .file_wrap .btn .fa_check{vertical-align:0px;}
.file_wrap .btn + span{font-size: 14px; margin-left:5px;}
.file_wrap .file_tit span img{vertical-align: -1px;}
.file_thum .file_btns_box .file_name{vertical-align:-5px;}


/*prev & next*/
.tbl_prevNext {margin-top: 40px;border-top:1px solid #a0a0a0;border-bottom:1px solid #a0a0a0;font-size: 14px;}
.tbl_prevNext colgroup{display: none;}
.tbl_prevNext th {padding:10px 16px 10px 3%;background: url(../images/sub/icon_next.gif) no-repeat 85% 50%;font-weight:600; width:200px; padding-left:20px !important; text-align: left;}
.tbl_prevNext tr:first-child th {border-bottom:1px solid #e1e1e1;background: url(../images/sub/icon_prev.gif) no-repeat 85% 50%;}
.tbl_prevNext tr:first-child td {border-bottom:1px solid #e1e1e1;}
.tbl_prevNext td {padding: 10px 0px 10px 18px;}
.tbl_prevNext td span {cursor:pointer;}

/* thumbnail list */
.thum_list:after{display:block;visibility:hidden;clear:both;height:0;content:' ';font-size:0;}
.thum_list li {float:left;overflow:hidden;width: 32%;margin:30px 2% 0 0;padding: 44px 32px;border: 1px solid #e1e1e1;/*background: #fff;*/}
.thum_list li:nth-child(1),
.thum_list li:nth-child(2),
.thum_list li:nth-child(3) {margin-top: 0;}
.thum_list li:nth-child(3n) {margin-right:0;}
.thum_list li.no_data {display:block; width:100%; margin: 0;padding: 20px 0 !important;text-align: center;border-top: 1px solid #000; border-bottom: 1px solid #e1e1e1;font-size: 18px;}
.thum_list li + li.no_data {margin-top: 20px;}
.thum_list .img_thum {position:relative;overflow:hidden;height:300px;border:1px solid #fbf1ef;background:#f1f1f1;background-size:60% auto;}
.thum_list .img_thum > img {position:absolute;top:50%;left:50%;width:100%;height:100%;transition:0.4s;transform:translate(-50%,-50%);}
.thum_list .mask {display:none;}
.thum_list .thum_txt {position:relative;margin-top:30px;}
.thum_list .thum_txt span {letter-spacing:-0.05rem;color:#3d3d3d;}
.thum_list .thum_txt .status {width:100%;margin-bottom: 10px;color:#3593f8;font-size:16px;font-weight:600;}
.thum_list .thum_txt strong {position:relative;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;letter-spacing: -0.1em;text-overflow: ellipsis;word-wrap: break-word;word-break: keep-all;color:#3d3d3d;font-size: 18px;font-weight: 500;-webkit-line-clamp: 2;}
.thum_list .thum_txt strong > span {position:relative;}
.thum_list li:hover {box-shadow:0 0 10px rgba(0,0,0,0.2);}
.thum_list li.no_data:hover  {box-shadow:none;}
.thum_list li:hover .mask {position: absolute;top:0;bottom:0;left:0;display: block;width:100%;background:rgba(0, 0, 0, 0.6) url(../images/sub/thum_on.png) no-repeat 50% 50%;}
.thum_list li:hover .img_thum img {width:120%;height:120%;}
.thum_list li:hover .thum_txt strong  > span::after {position:absolute;bottom:0;left:0;width:100%;height:1px;content:'';background:#000;}

.img_list{}
.img_list li{display: inline-block;}
.img_list li img{width: 200px;}
.img_list li + li{margin-left: 5px;}


tr.all_count th,
tr.all_count td {background: #b9d8ff;}

/*chart*/
.chart_area::after{display:table;clear:both;content:"";}
.chart_area .lt {float: left;width: 58%;}
.chart_area .rt {float: right;width: 40%;}

/* error */
.error_wrap {position:absolute; left:50%;top:50%;margin-left:-500px;margin-top:-194px; width:1000px;}
.error_wrap h1 {position:relative;font-size:25px;margin-bottom:10px;}
.error_box {position:relative;padding:60px 0px 60px 445px; border:1px solid #cccccc; letter-spacing:-0.08em;background:#fff;}
.error_img {position:absolute;left:20px; top:60px;bottom:60px;width:395px;background:url(../images/sub/error_500.png) no-repeat 50% 50%;line-height:1;}
.error_tit {font-size:20px; color:#333;letter-spacing:-0.1em;}
.error_tit strong {display:block;font-size:30px;}
.txt_error {font-size: 16px;margin-top:25px;line-height:1.5;color:#808080;}
.txt_error02 {font-size: 16px;margin-top:30px;}
.error_btns {margin-top:30px;}
.error_btns a {width:150px;height:40px;line-height:40px;}
.error_btns .go_main {background-color:#fff;color:#000;border:1px solid transparent;border-color: #000;}
.error_btns .go_back {background-color:#282828;}

/** status_slider **/
.top_status{position: relative; padding: 0 25px;}
.status_slider.swiper-container{ padding: 10px;}
.status_slider.swiper-container .swiper-wrapper{left: -1%;}
.status_slider .swiper-slide{width: 19.4%; border-radius: 5px; margin: 0 0.5%; overflow: hidden; position: relative; border: 1px solid #d9d9d9; padding-top: 20px; padding-bottom: 16px; border-top:0;}
.status_slider .swiper-slide::before{content: ''; display: block; width: 100%; height: 4px; position: absolute; left: 0; top: 0;}
.status_slider .swiper-slide.color1::before{background: #3f3be9;}
.status_slider .swiper-slide.color2::before{background: #0e96af;}
.status_slider .swiper-slide.color3::before{background: #20b394;}
.status_slider .swiper-slide.color4::before{background: #c7a815;}
.status_slider .swiper-slide.color5::before{background: #c55d2a;}
.status_slider .swiper-slide.color6::before{background: #d13e9f;}
.status_slider b.title{color: #333; font-weight: 700; display: block; text-align: center; font-size: 16px; line-height: 1; margin-bottom: 15px;}
.status_slider .numbering {text-align:center;}
.status_slider .numbering .tit {font-size:35px;display:inline-block; margin-right:5px; font-weight:bold; color:#137581; line-height: 1; vertical-align: -6px;}
.status_slider .numbering .num {font-size:14px; color:#555; }
.status_slider .numbering .num .rate{line-height: 1; vertical-align: 0px;}
.status_slider .numbering .num.up .rate, .status_slider .numbering .num.down .rate{padding-right: 2px;}
.status_slider .numbering .num.up {position:relative;padding-left:16px;display:inline-block;color:#0985d4}
.status_slider .numbering .num.up::before {position:absolute; top:0; left:0; content:'↑'; font-size:15px; color:#0985d4;}
.status_slider .numbering .num.down {position:relative;padding-left:16px;display:inline-block;color:#d62341}
.status_slider .numbering .num.down::before {position:absolute; top:0; left:0; content:'↓'; font-size:15px; color:#d62341;}

.top_status .slider_btn{display: block; text-indent: -9999px; width: 11px; height: 69px; position: absolute; top: 29px; border: 0;}
.top_status .slider_btn.prev{background: url(../images/main/btn_slide_prev.png) no-repeat 50% / 11px; left: 0px;}
.top_status .slider_btn.next{background: url(../images/main/btn_slide_next.png) no-repeat 50% / 11px; right: 0px;}

/* statistics */
.chart_box + .chart_box{margin-top: 60px;}
.chart_wrap{border: 1px solid #d9d9d9; padding: 10px;}
.chart_box .sm_tit + select{margin-right:7px;}
.chart_box .sm_tit{margin-right:10px;}
.chart_box .chart_subtit .btn_back{width:27px;height:27px;background:url(../images/sub/i_back.png) no-repeat center center;text-indent:-9999px;border:0;margin-right:5px;vertical-align: 0px;}
.chart_box .chart_subtit b{font-size: 17px;color:#333;font-weight: 600;}
.chart_box .chart_subtit + .chart_wrap{margin-top:10px;}

/* 스위치버튼 */
.chk_list{display: inline-block;border-radius: 100px;width: 110px;height: 30px;background: #f2f2f2;vertical-align: -20px;margin-left: 10px;margin-bottom: 10px;}
.chk_list li{float: left; width: 50%;}
.chk_list li input{position: absolute; z-index: -9999; opacity: 0;}
.chk_list li label{display: block; cursor: pointer;}
.chk_list li label span{display: block;width: 100%;height: 100%;line-height: 30px;text-align: center;font-size: 14px;border-radius: 100px;}
.chk_list li input:checked + span{background: #137581; color: #fff;}

.chk_list2{display: inline-block; margin-left: 20px; vertical-align: 2px;}
.chk_list2 .radio input:checked + span::before{border-color:#2c7ccf;}
.chk_list2 .radio span::after{background:#2c7ccf;}

/* txt_box */
.txt_box{padding: 10px; border: 1px solid #ddd; border-radius: 5px;}
.bold_txt{font-size: 17px; color: #333; display: block; font-weight: 600; }
.txt_box p{font-size: 15px;}
.txt_box b + p{margin-top: 5px;}

/* status_list */
.status_list{display: flex; justify-content: space-between;}
.status_list li{display: inline-block;}
.status_list li + li{margin-left: 15px;}
.status_list li .status{color: #222;}
.status_list .status.on{padding: 3px 15px; border-radius: 100px;color: #fff;}
.status_list .status span{display: inline-block; width: 13px; height: 13px; border-radius: 100px; vertical-align: -1px; margin-left: 3px;}
.status_list .status.red span{background: #f33c3c;}
.status_list .status.gray span{background: #b4b4b4;}
.status_list .status.on span{display: none;}
.status_list .status.on.red{background: #f33c3c; }
.status_list .status.on.gray{background: #b4b4b4; }

.legend{float: right; font-size: 14px; padding: 5px 7px; border: 1px solid #ddd; line-height: 1;}
.legend .status{display: inline-block; width: 13px; height: 13px; border-radius: 100px; vertical-align: -2px;}
.legend .status.red{background: #f33c3c;}
.legend .status.gray{background: #b4b4b4;}

.tab_menu a span{font-size: 14px; padding: 5px 12px; border: 1px solid #ddd; line-height: 1; border-radius: 100px; background: #fff;
    vertical-align: 0; margin-left: 10px;}
.tab_menu a span.state_a{border-color: #b4b4b4; color: #b4b4b4;}
.tab_menu a span.state_b{border-color: #167ddc; color: #167ddc;}
.tab_menu a span.state_c{border-color: #62b399; background-color: #62b399; color: #fff;}

.board_write .top_btn{float:right; margin-top:35px;}

/* sch_info */
.sch_info{border:1px solid #ddd;padding: 10px; border-radius: 5px; border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background: #f2f2f2;}
.sch_info dl{}
.sch_info dl dt, .sch_info dl dd{ font-size: 15px; display: inline-block; color: #222;}
.sch_info dl dt{flex: 1; font-weight: 600; padding-right: 10px; padding-left: 10px; position: relative;}
.sch_info dl dt::before{content: ''; display: block; width: 4px; height: 4px; background: #326c73; border-radius: 100px; position: absolute; left: 0; top: 9px;}
.sch_info dl dd{flex: 5; padding-right: 50px;}
.sch_info + .search_basic{border-top-left-radius: 0; border-top-right-radius: 0;}

/* step_box */
.step_box{margin-bottom: 40px; border-left: 1px solid #dcdcdc;}
.step_box ul{display: flex;}
.step_box ul li{flex:1; height: 55px; background: #F9FAFB; text-align: center; font-size: 18px; line-height: 53px; position: relative;border: 1px solid #dcdcdc; border-left: 0;}
.step_box ul li::after{content: ''; display: block; width:14px;height:54px; position: absolute; top: 0; right: -14px; z-index: 9; background: url(../images/sub/i_step_arrow.png);}
.step_box ul li.on{background-color: #326c73; color: #fff;}
.step_box ul li.on::after{width: 13px; height: 53px; background: url(../images/sub/i_step_arrow_on.png); right: -13px; }
.step_box ul li:last-of-type::after{display: none;}
.step_content{display: none;}

.btn_chkwrap{display:inline-block; border-radius:5px; background:#f2f2f2; margin-right:10px; padding:9px 10px;vertical-align:middle;}
.btn_chkwrap li{display:inline-block; min-width:60px;}
.btn_chkwrap li + li{margin-left:10px;}

/* 파일선택 단일 */
.filebox { position: relative; width: 100%; }
.filebox .btn{position:absolute; left:0; top:0; border-radius:5px 0px 0px 5px;}
.filebox input[type="file"] {position: absolute;display: inline-block;width: 100%;height: 36px;top: 0;left: 0;opacity: 0;cursor: pointer;}
.filebox .file_input {display: block;height: 36px;vertical-align: middle;width: 100%;margin-left:0; padding-left:85px;}
.filebox .file_input::-webkit-input-placeholder { color: #b5b5b5; }
.filebox .file_input:-ms-input-placeholder { color: #b5b5b5; }
.filebox .file_input::-ms-input-placeholder { color: #b5b5b5; }
.filebox .file_input::-moz-placeholder { color: #b5b5b5; }
.filebox .file_input::placeholder { color: #b5b5b5; }

/* scroll table */
.tbl_scroll {position: relative;}
.tbl_scroll tbody + tfoot tr:first-child td {}
/* vertical scroll table2 */
.tbl_scroll.scr_v02 {position: relative;overflow-y: auto;}
.tbl_scroll.scr_v02 table {border-collapse: separate;border-top: 0;}
.tbl_scroll.scr_v02 thead {position: sticky;left: 0;top: 0;z-index: 1;}
.tbl_scroll.scr_v02 thead tr:first-child th {}


.chart_box + .chart_box{margin-top: 60px;}
.chart_wrap{border: 1px solid #d9d9d9; padding: 10px;}
.chart_box .sm_tit + select{margin-right:7px;}
.chart_box .sm_tit{margin-right:10px;}
.chart_subtit .btn_back{width:27px;height:27px;background:url(../images/sub/i_back.png) no-repeat center center;text-indent:-9999px;border:0;margin-right:5px;vertical-align: 0px;}
.chart_subtit b{font-size: 17px;color:#333;font-weight: 600;}
.chart_subtit + .chart_wrap{margin-top:10px;}

/* 230511 팝업 결재라인 추가 */
.top_area.approval{display: flex; justify-content: space-between; margin-bottom: 20px;}
.top_area.approval .box{width: 350px;}
.top_area.approval table thead th{font-size: 15px; text-align: center; height: 35px; border-top: 1px solid #137581; border-bottom: 1px solid #ddd; background: #f8fffd; color: #000; font-weight: 400;}
.top_area.approval table tbody th{font-size: 14px; text-align: center; color: #000; background: #f8f8f8; border-bottom: 1px solid #ddd; font-weight: 400;}
.top_area.approval table tbody td{font-size: 14px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; height: 30px; color: #000; text-align: center;}
.top_area.approval table tbody td.sign{height: 70px;}
.top_area.approval table tbody td:last-of-type{border-right: 0;}
.top_area.approval table tbody td img{max-height: 100%;}
/**/


/* 통계쪽 테스트 css 추가 */
.board_col_type01 > thead > tr > th {background: #FFFFFF;}
.board_col_type01 th, .board_col_type01 td {border-right: 0 !important;}
.board_col_type01 {border-top: 1px solid #000000;}
.board_col_type01 th, .board_col_type01 td {position: relative;height: 42px;padding: 8px 10px;border-bottom: 1px solid var(--tbl-bdr);font-size: 14px;font-weight: 400;color: var(--dark);letter-spacing: -0.5px;}
.board_col_type01 th {font-weight: 500;background: var(--tbl-th);}
.board_col_type01 td {background: #FFFFFF;}
.board_col_type01 tbody tr {cursor: pointer;}
.board_col_type01 > tbody tr:hover td:not(.no_data) {background: var(--board-tbl-hover-bg);}
.board_col_type01 tr:hover .no_data {cursor: default;}


/* flie_wrap 수정 */
#atchFileUpload .file_wrap{padding:0;}
.tbl.tbl_file{margin-top:0;}
.file_wrap button + span + .tbl.tbl_file, .file_wrap button + .tbl.tbl_file{margin-top:10px;}

/* time picker */
.ui-timepicker-div{}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label{float: none; text-align: center;}
.ui_tpicker_hour, .ui_tpicker_minute{float:left; width:50%; text-align:left;}
.ui_tpicker_minute_slider{width:97%;}
.ui-datepicker .ui-datepicker-buttonpane{clear:both;}
.calendar_input img.ui-datepicker-trigger{background:none;}

/*id_pwd find*/
.find_box {position: relative; padding-top:38px;}
.find_box h2 {margin-bottom: 40px;text-align: center;font-size: 30px;font-weight: bold; line-height:1; color:#585858;}
.find_box div {width:100%;padding: 0;overflow: hidden;}
.find_box .tab_menu {justify-content: space-between;}
.find_box .tab_menu li{border:0; border-left:0 !important; border-top:2px solid #bababa; width:250px; flex:none; background:none;}
.find_box .tab_menu li a{font-size:18px; font-weight: 300; line-height:55px; height:55px; color:#000;}
.find_box .tab_menu li.on{border-color: var(--blue);}
.find_box .tab_menu li.on a{font-weight:700;}
.find_box .tab_menu li a::before{content:''; display: inline-block; width:24px; height:24px; vertical-align: -6px; margin-right:20px;}
.find_box .tab_menu li.phone a::before{background:url(../images/content/i_login_phone.png) no-repeat center;}
.find_box .tab_menu li.phone.on a::before{background:url(../images/content/i_login_phone_on.png) no-repeat center;}
.find_box .tab_menu li.email a::before{background:url(../images/content/i_login_mail.png) no-repeat center;}
.find_box .tab_menu li.email.on a::before{background:url(../images/content/i_login_mail_on.png) no-repeat center;}

.find_box .find li {position: relative;margin-top: 10px;}
.find_box .find .text {width: 100%;height: 86px;border: 2px solid #d3d5e0; border-radius:12px; font-size: 20px;padding: 0 30px;}
.find_box .find .text:focus{border-color:var(--blue); padding-top:12px;}
.find_box .find .text:focus::placeholder{opacity:0;}
.find_box .find .text[readonly]:focus{border-color:#d3d5e0;}

.find_box .form_group .form_label {position: absolute;left: 32px;top: 33px;z-index: 10;color: #999999;font-size:20px;transition: transform 150ms ease-out, font-size 150ms ease-out;font-weight: 300;opacity:0;}
.find_box .form_group.focused .form_label,
.find_box .form_group.fixed .form_label,
.find_box .form_group.disabled .form_label { opacity:1; transform: translate(0px, -100%); font-size: 14px; font-weight: 900; color:#373636;}
.find_box .form_group.focused .text,
.find_box .form_group.fixed .text,
.find_box .form_group.disabled .text{padding-top: 21px;}
.find_box .find li .btn_find{position:absolute; right:22px; top:22px; background:#3e3c4a; color:#fff; width:120px; height:40px; line-height:38px; font-size:16px;}
.find_box .find li .idEamilChk,
.find_box .find li .pswdEamilChk{position:absolute;right: 22px;top: 27px;font-size:22px;color:#fe3b3b !important;letter-spacing: 0;font-weight: 600;}
.find_box .btn_confirm{line-height: 68px;height: 70px;width: 100%;font-size: 24px;font-weight: 700;border-radius: 12px;margin-top: 20px;opacity:0.6;position:relative;z-index: -1;}
.find_box .btn_confirm::after{content:'';display: block;width:100%;position: absolute;left:0;top:0;z-index: 9999;}
.find_box .btn_confirm.active{background:var(--blue);border-color:var(--blue);opacity:1;z-index: 99;}
.find_box .btn_confirm.active::after{display:none;}

.find_box .copy{clear:both;font-size:14px;color:#979797;letter-spacing: 0;text-align: center;margin-top:50px;display: block;}

#findidresult.on .inner{width:520px;height:300px;background:#f8fafa;border-radius:12px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
#findidresult p{font-size:20px; font-weight:200; letter-spacing: 0; line-height:34px; text-align:center;}
#findidresult p b{font-size:30px; font-weight:700; letter-spacing: 0;}
#findidresult .btn_login{width:270px;height:60px;line-height:58px;border-radius: 12px;margin-top:40px;font-size:22px;font-weight: 600;}
#findidresult .btn_find_pwd{float:right;font-size:16px;display:inline-block;padding-right:30px;margin-top:19px;height: 19px;line-height: 19px;background:url(../images/content/i_sch_pwd.png) no-repeat right center; opacity:0.7;}


.login_wrap{margin-top:0 !important; transform:translateY(-50%);}
.find_box {position: relative;border: 1px solid #dfdfdf;  border-top:5px solid #0c53c7; width:calc(100% - 500px); margin:0 auto; padding-top:0;}
.find_box h2 {margin-bottom: 15px;text-align: center;font-size: 26px;font-weight: bold; color:#333;}
.find_box div {padding: 50px;}
.find_box .tab{padding-bottom:0; padding-top:20px;}
.find_box .find_pdw {border-left: 1px solid #dfdfdf;}
.find_box .find {position: relative;padding-right: 120px;}
.find_box .find li {position: relative;margin-top: 6px;padding-left: 48px;border: 1px solid #e3e3e3;}
.find_box .find li.last {position: absolute;right: 0;top: 0;bottom: 0;width: 110px;margin-top: 0;padding-left: 0;text-align: center; border:0;}
.find_box .find li.last .btn_find {width: 100%;height: 100%;color: #fff;border: 0;background: #29a78f;font-size: 16px;border-radius: 5px; right:0; top:0;}
.find_box .find span {position: absolute;left: 0;top: 0;width: 48px;height: 48px;text-indent: -9999em;border-right: 1px solid #e3e3e3;}
.find_box .find .i_name {background: url(../images/content/i_name_b.gif) no-repeat 50% 50%}
.find_box .find .i_mail {background: url(../images/content/i_mail_b.gif) no-repeat 50% 50%}
.find_box .find .i_phone {background: url(../images/content/i_phone_b.gif) no-repeat 50% 50%}
.find_box .find .text {width: 100%;height: 48px;border: 0;font-size: 14px;padding: 0 5px;}
.find_box .btn {display: inline-block;font-weight: normal;text-align: center;vertical-align: middle;cursor: pointer;border:1px solid transparent;border-color: rgba(0, 0, 0, 0); white-space: nowrap;font-size: 15px;color:#fff;line-height: 1;border-radius: 5px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.find_box .btn_area {position: relative;margin-top: 25px;text-align: center; padding:0 !important; }

.pw_box {position:relative;display:table; width:100%;border: 1px solid #e3e3e3;border-top:0; width:calc(100% - 500px); margin:0 auto;}
.pw_bg {position:relative;display:table-cell;width:498px;padding:70px 0;vertical-align: middle;text-align:center;color:#666;font-size:16px;border-top: 5px solid #cccccc;background:url(${pageContext.request.contextPath}/guide/img/common/bg_login001.png) repeat-y 100% 0;}
.pw_bg i {display:block;}
.pw_bg p strong {color:#000000;font-size:24px;font-weight:400;}
.pw_info {position:relative;display:table-cell;padding:50px 100px;border-top: 5px solid #0c53c7;}
.pw_txt {text-align: center;color:#333;font-size:20px; font-weight:400; line-height:1.5;}
.pw_txt .color_blue {color:#0152fb;vertical-align:baseline;}
.pw_set {margin-top:40px;}
.pw_set li {margin-top:10px;font-size:20px; min-height:40px;}
.pw_set li:first-child {margin-top:0;}
.pw_set li:after {content:'';display:table;clear:both;}
.pw_set strong {width:130px;color:#333;font-weight:400;font-size:17px; display: inline-block;}
.pw_set li .text {height:40px;width:calc(100% - 138px);}
.pw_info .btn{font-size:15px;}
.pw_info .btn_confirm {width: 150px;height: 45px;background: #0c53c7;line-height: 45px; border:0; color:#fff;}
.pw_info .btn_cancel {width: 150px;height: 45px;background: #a1a1a1 !important;line-height: 45px;}
.pw_info .btn_confirm{background:#1555b5;}

/* status */
.tbl.col .status{display: inline-block;border-radius:100px;font-size: 13px;padding: 5px;line-height:1;color: #fff;font-weight: 500;border:2px solid #000;min-width: 65px;text-align: center;}
.tbl.col .status.typeW, .btn.typeW{background-color:#18b08b; border-color:#18b08b; color:#fff;}
.tbl.col .status.typeA, .btn.typeA{background-color:#2077d9; border-color:#2077d9; color:#fff;}
.tbl.col .status.typeR, .btn.typeR{background-color:#cf4c1d; border-color:#cf4c1d; color:#fff;}
.i_led_status{font-size: 0; color: #ddd;}
.i_led_status i{font-size: 20px;}
.i_led_status.on{color: #ff9d00;}

/* footer */
#footer{display: flex;align-items: center;justify-content: space-between;height: 40px;padding: 0 40px;background-color: #373737;position: absolute;bottom: 0;left: 0;width: 100%;z-index: 99;}
#footer .copyright{width: 100%; color: #a8a8a8;font-weight: 400;font-size: 14px;}
#footer .tel{position: absolute; right: 40px; top: 50%; transform: translateY(-50%); z-index: 1;}
#footer .tel .tit{display: inline-block;padding: 0 5px; color: #fff;font-size: 14px; font-weight: 400; letter-spacing: -0.2px;}
#footer .tel .num{margin-right: 20px; color: #d5d5d5; font-weight: 400;font-size: 14px;letter-spacing: normal;}
#footer .tel .num:last-child{margin-right: 0;}

/* radio_chk_list */
.radio_chk_list{}
.radio_chk_list .radio{margin:0 5px;}
.radio_chk_list .radio span{padding: 5px 10px; background: #fff; border: 1px solid #ddd; border-radius: 100px;}
.radio_chk_list .radio span::after{display: none;}
.radio_chk_list .radio span::before{content: "\e929"; font-family: 'xeicon'; border: 0 !important; font-size: 18px; vertical-align: -3px; background: none !important;}
.radio_chk_list .radio input:checked ~ span{background: var(--chk-bg); border-color: var(--chk-bg); color:#fff;}
.radio_chk_list .radio input:checked ~ span::before{color: #fff;}
.radio_chk_list{}
.radio_chk_list{}


.signature-cell {position: relative;}
.signature-cell .signature-text {
    position: absolute;
    left: 80%;
    transform: translateX(-50%);
    top: 50%;
    transform: translate(-50%, -50%);
}
/* 실적정보 form */
.performance_write{}
.performance_write table{border: 1px solid var(--tbl-bdr);border-top: 1px solid #000;}
.performance_write table thead th{font-size: 30px;height: 80px;font-weight: 700;}
.performance_write table th,
.performance_write table td{font-size: 16px;}

/* care_box */
.care_cont{display: flex;}
.care_cont .left{width: 110px;}
.care_cont .left > div + div{border-top: 1px solid #E5E5E5;margin-top: 14px;padding-top: 12px;}
.care_cont .left > div span{font-size: 15px;font-weight: 500;display: block;margin-bottom: 4px;}
.care_cont .left > div p{text-align: right; font-size: 14px;}
.care_cont .left > div p b{ font-size: 32px; font-weight: 700; line-height: 1;}
.care_cont ul{display: flex;align-items: center;width: calc(100% - 110px);padding-left: 20px;flex-wrap: nowrap;gap: 0 10px;}
.care_cont ul li{flex: 1;height: 140px;border-radius: 4px;display: flex;align-items: flex-end;padding: 16px;justify-content: flex-end;position: relative;flex-wrap: wrap;flex-direction: column;padding-bottom: 10px;}
.care_cont ul li.per_1{background: #F2F7FF;}
.care_cont ul li.per_2{background: #EFFFFD;}
.care_cont ul li.per_3{background: #FFF1F1;}
.care_cont ul li::before{content: ''; display: block; width: 50px; height: 50px; background: #000; position: absolute; left: 16px; top: 16px; border-radius: 100px;}
.care_cont ul li.per_1::before{background:#387BDB url(../images/content/i_performance_1.svg) no-repeat center}
.care_cont ul li.per_2::before{background:#1CBEA8 url(../images/content/i_performance_2.svg) no-repeat center}
.care_cont ul li.per_3::before{background:#FF827D url(../images/content/i_performance_3.svg) no-repeat center}

.care_cont ul li span{font-size: 14px;display: block;width: 100%;}
.care_cont ul li b{font-size: 24px;line-height: 1;position: relative;z-index: 1;}
.care_box .btn_excel{position: relative; top: -5px;}
.care_box .btn_wrap{display: inline-block;margin-left: 10px;}
.care_box .btn_wrap button{display: inline-block;width: 25px;height: 25px;border-radius: 5px;border: 1px solid #ddd;font-size: 0;background: transparent;padding: 0;line-height: 25px;text-align: center;}
.care_box .btn_wrap button i{font-size: 20px;line-height: 25px;color: #858585;}

/** per_wrap **/
.per_wrap{display: flex; gap: 0 15px;}
.per_wrap > .left{width: 500px;}
.per_wrap > .md{width: calc(100% - 910px - 30px); border: 1px solid #E4E5EC; border-radius: 5px; padding:15px 20px}
.per_wrap > .right{width: 410px; border: 1px solid #E4E5EC; border-radius: 5px; padding:15px 20px}

/* .per_wrap .left */
.per_wrap .left{}
.per_wrap .care_cont{border: 1px solid #E4E5EC;border-radius: 5px;padding: 12px;margin-bottom: 25px;}
.per_wrap .care_cont .left{width: 95px;}
.per_wrap .care_cont ul{width: calc(100% - 95px);}
.per_wrap .care_cont ul li{padding: 14px 10px;border-radius: 4px;height: 131px;flex-direction: column;justify-content: flex-end;}
.per_wrap .care_cont ul li::before{top: 10px;width: 35px;height: 35px;background-size: 18px;}
.per_wrap .care_cont ul li.per_3::before{background-size: 15px;}
.per_wrap .care_cont ul li span,
.per_wrap .care_cont ul li p{position: relative;bottom: -5px;}
.per_wrap .care_cont ul li span{display: block; text-align: left; width: 100%;}
.per_wrap .care_cont .left > div span{line-height: 1;margin-bottom: 5px;}
.per_wrap .care_cont .left > div p{font-size: 13px;line-height: 1;}
.per_wrap .care_cont .left > div p b{font-size: 28px;}
.per_wrap .care_cont .left > div + div{margin-top: 16px;padding-top: 16px;}
.per_wrap  .sch-mng .tbl_sch_type02{margin-bottom: 0 !important;}
.sch-mng .tbl_sch_type02 tbody td{height: 55px;}

/* .per_wrap .md */
.per_wrap .md{}
.per_wrap .per_list{}
.per_wrap .per_list li{border-radius: 4px; background: #F9FAFB; overflow: hidden; position: relative;}
.per_wrap .per_list li + li{margin-top: 10px;}
.per_wrap .per_list li a{display: block; padding: 12px 20px;}
.per_wrap .per_list li::before{content: ''; display: block; width: 5px; height: 100%; position: absolute; left: 0; top: 0;}
/*.per_wrap .per_list li.typeA::before{background: #387BDB;}
.per_wrap .per_list li.typeB::before{background: #ECAD00;}
.per_wrap .per_list li.typeC::before{background: #F64A43;}
.per_wrap .per_list li.SVRT01::before{background: #387BDB;}
.per_wrap .per_list li.SVRT02::before{background: #ECAD00;}
.per_wrap .per_list li.SVRT03::before{background: #F64A43;}*/
.per_wrap .per_list li.SVRT04::before{background: #ECAD00;}
.per_wrap .per_list li.SVRT04{background: #ECAD001F;}
.per_wrap .per_list li.SVRT02::before{background: #ababab;}
.per_wrap .per_list li.SVRT02{background: #7575751f;}
.per_wrap .per_list li.SVRT03::before{background: #F64A43;}
.per_wrap .per_list li.SVRT03{background: #FFF1F1;}
.per_wrap .per_list li.no_data{padding: 12px 20px;height: 100px;display: flex;align-items: center;justify-content: center;}
.per_wrap .per_list li.more_button{background: #fff; border-radius: 0;}
.per_wrap .per_list li.more_button button{width: 100%; display: block; height: 3rem; text-align: center; background: #fff; }

#main_right_prfm_list td.SVRT02{background: #5151511f;}
#main_right_prfm_list td.SVRT04{background: #ECAD001F;}
#main_right_prfm_list td.SVRT03{background: #FFF1F1;}


.per_wrap .per_list li .top{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.per_wrap .per_list li .top b{font-size: 20px; font-weight: 600;}
.per_wrap .per_list li .top .status{display: inline-block;height: 24px;border-radius: 100px;font-size: 12px;font-weight: 600;text-align: center;line-height: 24px;color: #fff;padding: 0 12px;min-width: 60px;}
.per_wrap .per_list li .top .status.typeA{background: #387BDB;}
.per_wrap .per_list li .top .status.typeB{background: #ECAD00;}
.per_wrap .per_list li .top .status.typeC{background: #F64A43;}
.per_wrap .per_list li .top .status.SVRT01{background: #c7c7c7;}
.per_wrap .per_list li .top .status.SVRT02{background: #d59393;}
.per_wrap .per_list li .top .status.SVRT04{background: #ECAD00;}
.per_wrap .per_list li .top .status.SVRT03{background: #F64A43;}

.per_wrap .per_list .bottom{display: flex;flex-wrap: wrap;gap: 3px 50px;}
.per_wrap .per_list dl{display: flex;align-items: flex-start;flex-wrap: wrap;}
.per_wrap .per_list dl dt{font-size: 14px; padding-left: 10px; position: relative;}
.per_wrap .per_list dl dt::before{content: ''; display: block; width: 3px; height: 3px; background: #797979; position: absolute; left: 0; top: 9px;}
.per_wrap .per_list dl dd{font-size: 14px;color: #797979;margin-left: 10px;width: 71px;word-break: break-all;}
.per_wrap .md .scr_box{height: 490px;overflow: hidden;}
.per_wrap .mCSB_inside>.mCSB_container{margin-right: 10px !important;}
.per_wrap .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right: 0 !important;}
.per_wrap .mCSB_scrollTools .mCSB_dragger{width: 6px; margin: 0 !important;}
.per_wrap .mCSB_scrollTools .mCSB_draggerRail{background: transparent !important}
.per_wrap .mCSB_scrollTools .mCSB_draggerContainer, .per_wrap .mCSB_scrollTools{width: 6px !important;}
.per_wrap .mCSB_scrollTools .mCSB_draggerContainer{background: #D8D8D8; border-radius: 100px;}
.per_wrap .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{margin: 0 !important;}
.per_wrap .per_list  dl.w100p{gap: 0;}
.per_wrap .per_list  dl.w100p dt{width: 65px}
.per_wrap .per_list  dl.w100p dd{width: calc(100% - 65px);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-left: 0;}
.per_wrap .per_list dl dd[class^='SVGB']{width: 93px;border-radius: 100px;color: #fff;height: 25px;line-height: 25px;padding-left: 34px;background-size: 17px !important;position: relative;top: -3px;font-size: 14px;}
.per_wrap .per_list dl dd.SVGB01{background:#1CBEA8 url(../images/content/i_performance_2.svg) no-repeat left 10px center;}
.per_wrap .per_list dl dd.SVGB02{background:#387BDB url(../images/content/i_performance_1.svg) no-repeat left 10px center;}
.per_wrap .per_list dl dd.SVGB03{background: #FF827D url(../images/content/i_performance_3.svg) no-repeat left 12px center;background-size: 13px !important;!i;!;}


/* .per_wrap .right */
.per_wrap .right{}
.per_wrap .md .sm_tit,
.per_wrap .right .sm_tit{padding-left: 0; font-size: 20px; font-weight: 700; background: none;}
.per_wrap .md .sm_tit ~ .btn,
.per_wrap .right .sm_tit ~ .btn{position: relative; top: -2px;}
.per_wrap .right table{}
.per_wrap .right table thead{}
.per_wrap .right table thead th{background: #E2E7E8; height: 42px; font-size: 14px; font-weight: 600; border-top: 1px solid #006D87;}
.per_wrap .right table tbody td{height: 40px; font-size: 14px; text-align: center; border-bottom: 1px solid #E5E5E5;}
.per_wrap .right .btn.sml.bd.blue{font-size: 13px; font-weight: 500; height: 24px; line-height: 22px; width: 60px; padding: 0;}
.per_wrap .right .scr_box{height: 488px;}


@page {
    size: A4 portrait;
    margin: 2cm;
}
@media print {
    /* 인쇄할 영역만 표시 */
    html,body{width:208mm; height: 295mm; background:#fff; margin:0 !important; padding:0 !important; overflow: hidden}
    #main_container { width:208mm !important; min-width:0 !important;  min-height:0 !important; height: 295mm; margin:0 !important; padding:0 !important; }
    #header,
    #footer,
    .top_area,
    .cs_area,
    #tab1Menu,
    #tab2Menu,
    #gnb_area,
    .tbl_top,
    .btn_area,
    .btn_submit_other,
    .btn_print,
    .cmnt_write,
    .reply,
    .removeTit,
    .removeArea{display: none; opacity:0;  visibility:hidden;  display:none;}
    .performance_write {width:208mm; height: 295mm;}
    .performance_write * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    .performance_write table:not(#SVGB03){border:2px solid #000; width:208mm; height: 295mm;}
    .performance_write table.tbl th,
    .performance_write table.tbl td{border-color: #000 !important; border-width:1px; height: 40px; font-size:18px;}
    .performance_write th{background:#e3e3e3 !important;}
    .performance_write table:not(#SVGB03) thead th{font-size:35px !important; height: 80px;}
    .performance_write table:not(#SVGB03) colgroup col:nth-of-type(2),
    .performance_write table:not(#SVGB03) colgroup col:nth-of-type(4){width: 15% !important;}
    .performance_write  .calendar_input input{font-size: 18px; min-width:150px;}
    .performance_write input,
    .performance_write select{font-size: 18px; border: none;}
    .performance_write textarea{font-size:18px !important;border: none; overflow: hidden !important}
    .performance_write pre{overflow: hidden !important}
    .performance_write *::placeholder {color:transparent}
    .performance_write .th_result {border:2px solid #000 !important;}
    .performance_write .th_start {background: #d5d5d5 !important;border:2px solid #000 !important;}
    .performance_write  .calendar_input img.ui-datepicker-trigger{display: none;}
    .performance_write button {display: none;}
    .performance_write .th_tit {display: none;}
    .performance_write .msg_only  {display: none;}


    .performance_write td.SVGB03 {padding:0 !important; margin:0 !important; border:0 !important; border-left : 1px solid black !important;}
    .performance_write table#SVGB03 {padding:0 !important;margin:0 !important;}
    .performance_write table#SVGB03 colgroup col:nth-of-type(2){width: 35% !important;}
    .performance_write table#SVGB03 th,
    .performance_write table#SVGB03 td{ height: 40px !important; font-size:18px !important;}
    .performance_write table#SVGB03 label{ margin-right: 0.5px !important;}
}