@charset "utf-8";
/* CSS Document */
.pd0 {padding: 0rem !important;}
.popup_wrap {background: #fff;}
.popup_conts {padding: 2rem 2rem 8rem 2rem !important;}
#footer_wrap {position: relative; z-index: 90;}
textarea {font-size: 1.4rem;}
.status_con ul {overflow: hidden; padding: 1rem 0rem 0.6rem 0rem !important;}
.status_con ul li:after {width: 800% !important; top: 5rem !important;}
.status_skip:after {display: none;}
.status_con {margin-top: 0rem !important;}
.statu_tie .sub_status_left {padding-bottom: 0.5rem !important;}
.popup_foot {left:0rem;}
.btn_move_box button:only-child {max-width: 40rem; margin:0 auto;}
.bg_white {background-color: #fff !important;}
.header_full {width: 100%; max-width: none !important;}


/* 결재선 영역 추가 */
.app_direction { position: relative; }
.app_direction::after {content: "";position: absolute;top: 3rem;height: 125rem;width: 37px;right: -4rem;background: url("../images/sub/app_direction.png") 0% 0% no-repeat;}

/* 평가 후보단 구성 */
.config_wrap .cand_add {padding-left:1rem;position: absolute;right: 0rem;top: 0rem;height: 2.75rem;border-radius: 0rem;border: none;display: flex;align-items: center;animation: blink-effect 1s step-end infinite;}
.config_wrap .keywordex_con_divide {display: flex;width: 100%;background: #fff;box-shadow: 4px 6px 9px 3px #a9a9a9;position: relative;margin-top: 2rem !important;}
.config_wrap .keywordex_wrap {display: block;gap:0rem;padding: 1rem;padding-top: 1rem;}
.config_wrap .keywordex_wrap .keywordex_left {position: relative; width: 100%; border:none; padding: 0rem;}
.config_wrap .keywordex_wrap .keywordex_left .config_con_box {padding: 1.5rem 3rem 1.5rem 1.5rem;height: 40rem;overflow: auto;}
.config_wrap .keywordex_wrap .keywordex_right {width: 100%;border:none;padding: 0rem;background: none;}
.config_wrap .keywordex_wrap .keywordex_right .config_con_box {padding: 1.5rem 1.5rem 1.5rem 3rem;height: 40rem;overflow: auto;}
.config_wrap .keywordex_con {/* display: flex; */width: 100%;gap:3rem;padding: 2rem 2rem 2rem 2rem;background: #f3f6ff;/* border-radius: 1rem; */position: relative;border: 4px solid #377ff8;/* margin-top: 1.5rem; */}
.config_wrap .keywordex_con > div  {border:none;padding: 0rem;margin-top: 0rem;}
.config_wrap .keywordex_con .chip-radio {position: relative;display: flex;align-items: center;padding: 0rem 3rem 0rem 0.5rem;justify-content: flex-start;min-width: 7rem;border:none;margin: 0rem 0.5rem;color: #898888;}
.config_wrap .keywordex_con .chip-radio.active {color: #2867db; font-weight: bold; font-size: 1.6rem; background: #f2f6ff;}
.config_wrap .keywordex_con .chip-radio.active:after {color:#2867db !important;}
.config_wrap .keywordex_con .chip-radio:after {content: "\e92c"; font-family: "xeicon"; font-size: 1.3em; color: #cecece; margin-left: 0.5rem; position: absolute; right: 0.5rem;}
.config_wrap .keywordex_left .sub_title {position: relative;background: #244163;padding:0rem;height: 2.8rem;justify-content: center;}
.config_wrap .search_total strong {font-size: 1.4rem; color: yellow;}
.config_wrap .keywordex_left .sub_title h2 {color:#fff;background: none;padding: 0.5rem;font-size: 1.4rem;}
.config_wrap .keywordex_right .sub_title {background: #0c6985;padding:0rem;justify-content: center;position: relative;height: 2.8rem;}
.config_wrap .keywordex_right .sub_title h2 {color: #fff;background: none;padding: 0.5rem;font-size: 1.5rem;}
.config_wrap table {border-top: none;}
.config_wrap table th {text-align: center; font-size: 1.3rem;}
.config_wrap table td {font-size: 1.3rem;}
.config_wrap .dataCell {padding: 0rem;height: auto;min-height: 2rem;}
.config_wrap .key_in_ta {border-top:none;}
.config_wrap .key_in_ta th {background: #f2f6ff; border-color:#e0eaff;}
.keywordex_con_divide:after {
	content: "";
	position: absolute;
	top:0rem;
	background: linear-gradient(to right, transparent 0%, rgb(137 137 137 / 20%) 46%, rgb(0 0 0 / 17%) 49%, rgb(191 191 191 / 60%) 50%, rgb(201 201 201 / 31%) 51%, rgb(77 77 77 / 13%) 52%, transparent 100%);
	bottom: -1em;
	left: 50%;
	height: 100%;
	position: absolute;
	width: 3em;
	transform: translate(-50%,0%);
	}

.candidates_delete {position: absolute; top:0.1rem; right: 0rem;}
.candidates_delete button {color: #ffffff;padding: 0.5rem 2rem;font-size: 1.3rem;/* border: 0.1rem solid #cecece; */background: #0a3d4d;}
.candidates_delete button:hover {background: #000b0e;}
.config_grupp {position: absolute; top:50%; right:0rem; transform: translate(0%,-50%);}
.config_grupp a {font-size: 1.4rem; background:linear-gradient(90deg, rgba(56,100,242,1) 0%, rgba(24,149,180,1) 100%); padding: 1rem 2rem; border-radius:10rem; display: flex; align-items: center; color:#fff; font-weight: bold;}
.config_grupp a:hover {animation:iconbtn 1s ease; background: #1047b3;}
.config_grupp a i {margin-right: 0.5rem; font-size: 1.8rem;}


.config_tab_area {position: absolute;top: 0.5rem;z-index: 99;background: #377ff8;border-radius: 0.5rem;/* left:50%; *//* transform: translate(-50%,0); */padding: 0.5rem 1rem !important;}
.config_tab_area_box {display: flex;justify-content: center;gap: 0.5rem;/* background: #3864f2; *//* padding: 0.5rem 0rem 0.5rem 0rem; */}
.config_tab_area_box button {/* background: #ededed; */color: #bdd9ff;font-weight: bold;font-size: 1.3rem;display: flex;align-items: center;}
.config_tab_area_box button.active {/* border: 2px solid #377ff8; */color: #377ff8;/* background: #fff; */color: #fff960;background: #204b93;border-radius: 0.5rem;padding: 0.2rem 1.5rem 0.2rem 1rem;}
.config_tab_area_box button i {margin-right: 0.5rem;font-size: 1.5rem;}
.config_tab_area_box button:hover {color: #fff;background: #00000029; border-radius: 0.5rem;}

.config_info_area {margin-bottom: 0rem;padding-top: 0rem; position: relative;}
.config_info_area .config_info_detail {display: flex;justify-content: center;gap: 0.4rem;height: 5rem;}
.config_info_area .config_info_detail button {position: relative;min-width: 15rem;background: #fff;margin-left: -0.1rem;border:0.1rem solid #cecece;border-bottom: none;border-radius: 0.5rem 0.5rem 0rem 0rem;padding: 0.5rem 1rem;}
.config_info_area .config_info_detail button:hover {background: #d7e6ff;}
.config_info_area .config_info_detail button strong {margin-bottom: 0.5rem; display: block; }
.config_info_area .config_info_detail button span {padding:0rem 0.5rem;}
.config_info_area .config_info_detail button.active {background: #377ff8;color:#fff;border: 0.1rem solid #377ff8;}
.config_info_area .config_info_detail button.active strong {color: yellow;}
.config_info_area .config_info_detail button.active:after {/* content: "▼"; */position: absolute;bottom:-1rem;left:50%;transform: translate(-50%,0%);color:#377ff8;}

.config_header {display: flex;justify-content: center;align-items: center;/* margin-bottom: 3rem; */padding: 0.5rem 0rem;background: #0b377e;/* border: 3px solid #3f78eb; */}
.config_header_area {display: inline-flex; justify-content: center; align-items: center;padding: 0rem 3rem;}
.config_header .config_title h2 {font-size: 1.6rem;font-weight: bold;color:#222f52;background: #0b377e;color: #fff960;padding: 0.5rem 3rem;margin-right: 1rem;}
.config_header .config_title_detail ul {display: flex; gap:2rem;}
.config_header .config_title_detail ul li {font-size: 1.6rem;font-weight: bold;color: #ffffff;}

.con_in_btn_util {position: absolute;top: 0.4rem;right: 1.5rem;display: flex;gap:0.2rem;}
.con_in_btn_util a {border: 0.1rem solid #c9c9c9;padding: 0.1rem 0.2rem;border-radius: 0.3rem;}
.con_in_btn_util a:hover {background: #0b377e; color:#fff; border-color:#0b377e;}

.config_info_area .config_info_detail button.active .con_in_btn_util a {border: 0.1rem solid #0b377e; background: #0b377e;}
.config_info_area .config_info_detail button.active .con_in_btn_util a:hover {color: yellow; background:#041E49; }


.a_extract_btn {position: absolute; top: 50%; right:-5rem; transform: translate(0%,-50%); z-index: 99;}
.a_extract_btn button {color: #fff;background: #3864f2;border-radius: 5.5rem;padding: 1rem 2rem;font-size: 1.5rem;font-weight: bold;}
.a_extract_btn button:hover {background: #0b377e; animation:iconbtn 1s ease;}
.a_ex_arrow {position: absolute; left: 1rem; padding-top: 3rem; top:-4rem;}
.a_ex_arrow i {font-size: 4rem;font-weight: bold;}
.a_ex_arrow span {
position: absolute;
top:0rem;
left: 0rem;
display: inline-block;
animation: blink 1s infinite;
animation-delay: calc(0.2s * var(--i)); /* 각 span마다 0.2초씩 지연 */
color: #3864f2;
}

@keyframes blink {
50% {
opacity: 0;
}
}
.a_ex_arrow span:nth-child(1) {left:0rem}
.a_ex_arrow span:nth-child(2) {left:1.5rem}
.a_ex_arrow span:nth-child(3) {left:3rem}
.a_ex_arrow span:nth-child(1) { --i: 0; }
.a_ex_arrow span:nth-child(2) { --i: 1; }
.a_ex_arrow span:nth-child(3) { --i: 2; }

.b_extract_btn {position: relative;text-align: center;padding-bottom: 4rem;display: flex;justify-content: center;margin: 0 auto;width: 100%;gap:2%;padding: 0rem 2rem;margin-bottom: 4rem;}
.b_extract_btn > div button span {font-size: 1.6rem;margin-right: 1rem;color: yellow;border-radius: 0.5rem;background: #0000005e;padding: 0.5rem 1rem;}
.b_extract_btn > div {position: relative; width: 100%;}
.b_extract_btn button {color: #fff;background: #3864f2;border-radius: 0.5rem;padding: 1rem 1rem;font-size: 1.4rem;font-weight: bold;width: 100%;}
.b_ex_arrow {position: absolute;top: 3rem;left: 52%;transform: translate(-50%, 0) rotate(90deg);}
.b_ex_arrow i {font-size: 4rem;font-weight: bold;}
.b_ex_arrow span {
position: absolute;
top:0rem;
left: 0rem;
display: inline-block;
animation: blink 1s infinite;
animation-delay: calc(0.2s * var(--i)); /* 각 span마다 0.2초씩 지연 */
color: #3864f2;
}

@keyframes blink {
50% {
opacity: 0;
}
}
.b_ex_arrow span:nth-child(1) {left:0rem}
.b_ex_arrow span:nth-child(2) {left:0.8rem}
.b_ex_arrow span:nth-child(3) {left:1.7rem}
.b_ex_arrow span:nth-child(1) { --i: 0; }
.b_ex_arrow span:nth-child(2) { --i: 1; }
.b_ex_arrow span:nth-child(3) { --i: 2; }

.c_extract_btn {position: relative;text-align: center;}
.c_extract_btn button {color: #fff;background: #3864f2;border-radius: 5.5rem;padding: 1rem 15rem;font-size: 1.5rem;font-weight: bold; justify-content: center;}
.c_ex_arrow {position: absolute;/* top: -50%; */right: 15rem;/* transform: translate(0%, -50%); */}
.c_ex_arrow i {font-size: 4rem;font-weight: bold;}
.c_ex_arrow span {
position: absolute;
top:0rem;
left: 0rem;
display: inline-block;
animation: blink 1s infinite;
animation-delay: calc(0.2s * var(--i)); /* 각 span마다 0.2초씩 지연 */
color: #3864f2;
}

@keyframes blink {
50% {
opacity: 0;
}
}
.c_ex_arrow span:nth-child(1) {left:0rem}
.c_ex_arrow span:nth-child(2) {left:0.8rem}
.c_ex_arrow span:nth-child(3) {left:1.7rem}
.c_ex_arrow span:nth-child(1) { --i: 0; }
.c_ex_arrow span:nth-child(2) { --i: 1; }
.c_ex_arrow span:nth-child(3) { --i: 2; }

.b_ex_arrow_add {position: relative;}
.b_ex_arrow_add button {background: #0c6985; border-color: #0c6985;}
.b_ex_arrow_add .b_ex_arrow {position: absolute; top: 0rem; right:0rem;transform: translate(0, 0) rotate(0deg); left: auto;}
.b_ex_arrow_add .b_ex_arrow span {color: #0c6985;}
.config_auto .keywordex_wrap .keywordex_left .config_con_box {padding:1.5rem 6rem 1.5rem 1.5rem;}
.config_auto .keywordex_wrap .keywordex_right .config_con_box {padding:1.5rem 1.5rem 1.5rem 6rem;}

.config_search .keywordex_wrap .keywordex_left .config_con_box {max-height: 36rem;height: 100%;}
.config_search .keywordex_wrap .keywordex_right .config_con_box {max-height: 35.15rem;height: 100%;}
.config_search .keywordex_wrap .keywordex_right.one_key_right_box .config_con_box {max-height: 70rem;height: 100%;}

.sub_title_type h3 {padding: 1rem 0rem;  font-size: 1.4rem; display: flex; align-items: center; color:#3864f2; font-weight: bold;}
.sub_title_type h3 i {font-size: 2rem; margin-right: 0.1rem;}
.invi_approval_area h4 {font-size: 1.3rem;}

.invi_send_area ul {display: flex; width: 100%;}
.invi_send_area ul li {width: 100%; display: flex; flex-direction: column; align-items: center;}
.invi_send_area ul li img {width: 4rem;}
.invi_send_area ul li strong {text-align: center; font-size: 1.4rem; padding: 1rem 0rem; color:#0d1c2f;}

.invi_text_area {font-size: 1.4rem; background: #f7f7f7; padding: 2rem; border:0.1rem solid #f1f1f1;}
.invi_text_area p {line-height: 2.3rem;}
/* */
.return_pop_box .text_box {padding: 1rem 0rem;}
.return_pop_box p {font-size: 1.5rem; padding: 1rem 2rem; background: #263c83; color:#fff;}
.btn_fix_bot {position: fixed;bottom: 0rem;width: 100%;box-sizing: border-box;border-top: 0.1rem solid #dfdfdf;background: #f5f5f5;padding: 1rem 0rem;right: 0rem;z-index: 99;margin-bottom: 0rem !important;/* transform:translate(-50%,0%); */}
.btn_fix_bot .btn_move_box {width: 65%;}
.btn_fix_bot .btn_move_box a:only-child {max-width: 40rem; margin:0 auto;}
.btn_fix_bot_pop {position: fixed;bottom: 0rem;width: 100%;box-sizing: border-box;left: 0%;transform:translate(0%,0%);text-align: center;margin-bottom: 0rem !important;padding: 1rem;}
.btn_fix_bot_pop .btn_move_box {width: 90%;}
.tab_type_short ul {position: relative; display: block !important; text-align: left !important;}
.tab_type_short ul:after {content: ""; position: absolute; bottom:0rem; left:0rem; width: 100%; height: 0.1rem; background: #d8d8d8; z-index: -1;}
.tab_type_short ul li {display: inline-block !important; min-width: 10rem !important; margin-left:-3px !important; width: auto !important;}
.tab_type_short ul li button {padding: 1.5rem 2rem !important;}
.toggle_3type .switch_box {display: block; position: absolute; bottom:-3rem; left:50%; transform: translate(-50%,0%); z-index: 99;}
.s_unlock_left_box {max-width: 30rem; justify-content: flex-start;}
.s_unlock_left_box p {width: 100%; padding: 0.5rem 1rem;}
.s_unlock_left_box div {width: 100% !important;}
.sub_area {display: flex; height: 100%; min-height: 70rem;}
.result_data_btn {margin:1.5rem 0rem;}
.jstree-default .jstree-anchor {font-size:1.3rem !important;}
.big_angle_add {text-align: center;background: #f7f9ff;display: block;width: 100%;border: 0.1rem solid #3b66f2;padding: 1.5rem;font-size: 1.4rem;font-weight: bold;color: #4f76f3;margin: 1rem auto;}
.big_angle_add:hover {background:#3864f2; color:#fff;}
.sub_title_d_util {display: flex; align-items: center;}
.sub_title_d_util .title_divide {margin-left: 1.5rem;}
.sub_area {display: flex; height: 100%; min-height: 70rem;}
.table_con_title:hover {color:#3864f2;}
.s_active {width:auto !important;}
.table_con_title:before {content: "\e97a"; font-family: "xeicon";}
.table_btn_all_small td {padding: 0.7rem 1rem !important;}
.table_btn_all_small button {padding: 0rem 0.5rem;}
.table_btn_all_small input {height: 2rem;}
.table_btn_all_small select {height: 2rem;}
.divide_in_td {display: flex; gap:1rem;}
.divide_in_td > div {width: 100%;}
.pop_area_wrap  {position: relative;}
.pop_area_wrap .popup_close {position: absolute; top:50%; right: 2.5rem; transform: translate(0%,-50%);}
.pop_area_wrap .popup_close a {background: url("../images/icon/icon_popup_close.png") no-repeat; display: block; width: 20px; height: 20px;}
.table_fix_scroll {width:100%; overflow: auto;}
.table_fix_scroll table {width: 190rem !important;}

/* 20241120 정보 영역 */
.brief_info_area {background: #f6f8ff; border:0.1rem solid #f1eded; padding: 1rem 2rem;}
.brief_info_area ul {display: flex; gap:3rem;}
.brief_info_area ul li {display: flex; padding: 0.5rem 0rem; align-items: center; gap:1rem;}
.brief_info_area ul li h3 {min-width: 13rem;display:flex;font-size: 1.4rem; align-items: center; justify-content: center}
.brief_info_area ul li h3 p {background: #dbe4ff;color:#0c2973;padding: 0.5rem 1.5rem;display: inline-block;border-radius: 10em;}
.brief_info_area ul li h3 p:before {content: "\ea3e"; font-family: "xeicon";}
.brief_info_area ul li span {width: 100%;  font-size: 1.4rem;}
.tit_blue {font-weight: bold; color:#0b1e88;}

/* 문자 이메일 영역 */
.recipient_box {position: relative; border:0.1rem solid #E9E9E9; border-radius: 0.5rem; padding:2rem;}
.recipient_box ul {display: flex; flex-wrap: wrap; gap:0.5rem;}
.recipient_box ul li {border:0.1rem solid #D6E7F8;border-radius: 5rem;padding:0rem 1.5rem 0rem 2.5rem;font-size:1.3rem;background: #e5f1fd;width: 24.5%;text-align: left;display: flex;justify-content: space-between;align-items: center;}
.recipient_box ul li a {font-size:2rem; vertical-align: middle; color:#828282;}
.text_ind { text-indent: -999em; position: absolute; left: -10000px; width: 1px; height: 1px; top: auto; } /* 텍스트 날리기 */
.send_con_area {margin-top: 1rem;}
.send_con_all_divide {display: flex; gap:2rem;}
.send_con_all_left {width: 50%;}
.send_con_all_right {width: 100%;}
.phone_box_mail_wrap h3 {padding:1rem 0rem; font-size: 1.6rem;}
.phone_box_mail_wrap {/* border:0.1rem solid #cecece; */border-radius: 1rem;padding: 3rem;background: #fff;padding: 3rem;border-radius: 0.5rem;box-shadow: 0px 8px 6px 0px #c7ceeb;}
.phone_box_mail_wrap h3 {padding:1rem 0rem;}
.phone_box_mail_con_box {padding:1.5rem 0rem}
.phone_box_mail_con_box h4 {font-size:1.4rem; font-weight: normal; color: #AFAFAF; padding:0rem 0rem 0.5rem 0rem; }
.phone_box_mail_con_box div {padding:2rem 0rem}
.mail_title {border-bottom: 0.1rem solid #cecece; border-top:0.3rem solid #3F3F3F;}
.mail_title p {font-size:2rem; font-weight: bold;}
.mail_text {}
.mail_text p {padding:0.3rem 0rem; font-size:1.4rem;}
.phone_mail_section a {font-size:1.4rem;}
.sub_con_container {padding: 3rem; background: #f0f3fa; border-radius: 1rem;}
.send_con_title {font-size:1.5rem;padding: 0rem 0rem;}
.send_con_box_left {background: #fff; padding: 3rem; border-radius: 0.5rem; box-shadow: 0px 8px 6px 0px #c7ceeb;}
.send_con_box_left_text {}
.send_con_box_left_text textarea {padding: 3rem;background: #f1f1f1;font-size: 1.4rem;border-radius: 1rem;height: 28.5rem;}
.send_con_all h4 {font-size: 1.5rem;padding: 1rem 0rem;width: 100%;border-bottom:0.2rem solid #605F5F;margin-bottom: 1rem;display: flex;align-items: center;}
.send_con_all h4:before {content: "▶"; font-size: 1rem; margin-right: 1rem;}
.send_con_title h3 i {margin-right: 1rem;}
.send_con_title h3  {color: #fff;display: inline-block;background: #2546b1;padding: 0.5rem 3rem 0.5rem 1.5rem;border-radius: 0rem 2rem 0rem 0rem;font-size: 1.6rem;}
.send_con_all_right_box {display: flex; gap:3%;}
.send_con_all_right_box > div {width: 100%;}

.send_con_all_right_phone {height: 33rem; box-sizing: border-box; overflow: auto;}
.send_con_all_right_phone p {display: flex ;position: relative; padding: 1rem 3rem 1rem 3rem; font-size: 1.4rem; background: #f0f3fa url("../images/sub/e_h_c_img3.png") 0% 50% no-repeat; margin:0.5rem 0rem; border-radius: 0.5rem; background-size: 3rem; gap:1%;}
.send_con_all_right_phone p button {font-size: 2.4rem; position: absolute; top:50%; right:0rem; transform: translate(0%,-50%);}

.send_con_all_right_phone p strong {}
.send_con_all_right_phone div {}
.sendphone_btn {}
.sendphone_btn button {border:0.1rem solid #3634FF; display: flex; width: 100%; justify-content: center; padding: 1rem; font-size: 1.4rem; font-weight: bold; border-radius: 0.5rem; color: #0446df;}
.sendphone_btn button:hover {background: #023575; color:#fff;}
.send_con_nodata {text-align: center; padding:9rem 5rem 5rem 5rem; font-size: 1.6rem; font-weight: bold; display: block; background: #f7f7f7 url("../images/sub/progr_img_hover_1-3.png") 50% 2rem no-repeat; color: #939393; margin-top: 5rem;}


/* 좌측 메뉴 */

.choice_left_menu button {font-weight: bold;color: #0324A3 !important;background: #e2e9ff !important;}
#sub_left_menu_wrap {position: relative;background: #fff;width: 20rem;border-right: 0.1rem solid #d9dce4;}
#sub_left_menu_wrap:after {content: "";position: absolute;top:0rem;right: -0.1rem;width: 0.1rem;min-height: 94.6rem;background: #d9dce4;}
.sub_left_title {position: relative;color:#fff;background: url("../images/layout/home_title_bg.jpg");text-align: center;padding: 3rem 0rem;}
.sub_left_title h1 {font-size: 2.3rem;}
.sub_mobile_title {display: none;}
.sub_left_menu_nav a {display: block;}
.sub_left_menu_nav button {width: 100%; text-align: left;}
.sub_left_menu_nav .depth1 {position: relative;font-size: 1.4rem;font-weight: 400;color:#222222;padding: 1.5rem 2rem;border-bottom:0.1rem solid #eaeaea;}
.sub_left_menu_nav .depth1:after {content: "\e93f"; position: absolute; top:50%; right:1rem; transform: translate(-0,-50%); font-family: "xeicon"; transition: all 0.3s;}
.sub_left_menu_nav .depth1:hover {color: #152aa9;}
.sub_left_menu_nav .depth1.nodepth:after {content: "\e91b"; position: absolute; top:50%; right:1rem; transform: translate(-0,-50%); font-family: "xeicon"; transition: all 0.3s;}
.sub_left_menu_nav .depth1.nodepth:hover:after {transform: rotate(180deg); top:35%;}
.sub_left_menu_nav .depth1:hover:after {transform: rotate(90deg); top:35%;}
.sub_left_menu_nav > ul > li:last-child a {border-bottom: none !important;}
.sub_left_menu_nav .active button:after {transform: rotate(90deg); top:35%;}
.sub_left_menu_nav .depth2 {display: none;}
.sub_left_menu_nav .active .depth1 {font-weight: bold;color: #fff;background: #082a83;}
.sub_left_menu_nav .active .depth2 {display: block;padding: 0rem 1.5rem;font-size: 1.4rem;background: #f5f6fa;border-bottom: 0.1rem solid #ababab;}
.sub_left_menu_nav .active .depth2 ul li {padding: 1rem 0.5rem;}
.sub_left_menu_nav .active .depth2 li ul {padding: 1rem 0rem; border-bottom:0.1rem solid #c6c6c6;}
.sub_left_menu_nav .active .depth2 li:last-child ul {border-bottom: none;}
.sub_left_menu_nav .active .depth2 li ul li a:hover {font-weight: bold; color:#152aa9;text-decoration: underline;}
.sub_left_menu_nav .active .depth2 li ul li a:before {content: "\e91b"; padding-right: 0.2rem; font-family: "xeicon"; font-size: 0.8rem; font-weight: 600;}
.sub_left_menu_nav .active .depth2 li ul li.on {font-weight: bold; color:#152aa9;}
#sub_contents_wrap {width: 100%;}
.sub_home_bg {background: #f4f6fa !important;}
.depth2 { display: none;}

.left_menu_none {position: absolute;top:8.7rem;right: -2.7rem;z-index: 99;}
.left_menu_none button {display: block; background: #f5f6fa; border:0.1rem solid #d9dce4;  padding: 2rem 0rem; border-radius: 0rem 1rem 1rem 0rem;}
.left_menu_none button i {font-size: 2.5rem;}
.left_menu_none button:hover {background: #2b2c2f; color:#fff; border-color: #2b2c2f;}
.left_menu_block {position: absolute; top:5rem; left:0rem;  z-index: 99;}
.left_menu_block button {display: block; background: #f5f6fa; border:0.1rem solid #d9dce4;  padding: 2rem 0rem; border-radius: 0rem 1rem 1rem 0rem;}
.left_menu_block button i {font-size: 2.5rem;}
.left_menu_block button:hover {background: #2b2c2f; color:#fff; border-color: #2b2c2f;}

.left_menu_util_wrap {margin-top:2rem; padding: 1rem;}
.left_menu_util {width: 100%;}
.left_menu_util ul { width: 100%;}
.left_menu_util ul li {width: 100%;}
.left_menu_util a {position: relative; font-size: 1.4rem; display: flex; padding: 1rem 0rem 1rem 1rem; width: 100%; text-align: center; z-index: 99; background: #e2e9ff; border-radius: 0.5rem; border:0.1rem solid #BECBF3; font-weight: 500; align-items: center; margin:0.5rem 0rem; box-sizing: border-box;}
.left_menu_util a i {font-size: 2rem; color: #698FB8; margin-right: 0.5rem;}
.left_menu_util a:hover {background: #082a83; color:#fff;}
.left_menu_util a:hover i { color:#fff;}
.left_menu_util a:after {content: "\e93f"; position: absolute; top:50%; right:1rem; transform: translate(-0,-50%); font-family: "xeicon"; transition: all 0.3s;}



/* 서브 위치 정보 */
.breadcrumb_wrap {display: flex;justify-content: space-between;padding: 0rem 5rem;background: #2b3f66;align-items: center;position: relative;}
.breadcrumb_wrap:before {content: ""; position: absolute; top:0rem; left:-0.1rem; background: #2b3f66; width: 0.1rem; height: 100%;}
.breadcrumb_box ul {display: flex;}
.breadcrumb_box ul li a {position: relative; display: flex; padding: 1rem 1rem;font-size: 1.3rem;color:#fff;align-items: center;}
.breadcrumb_box ul li:first-child a:before {content: "\e900";color:#fff;font-family: "xeicon";font-size: 1.6rem;margin-right: 0.5rem;}
.breadcrumb_box ul li:first-child a {padding-left:0rem;}
.breadcrumb_box ul li a:after {content: "\e940"; color:#fff; font-family: "xeicon"; position: absolute; top:50%; right:-0.5rem; transform: translate(0%,-50%);}
.breadcrumb_box ul li:last-child a:after {display: none;}
.util_btn_box ul {display: flex;}
.util_btn_box ul a {display: block;padding: 1rem 1rem;font-size: 1.3rem;color:#fff;}
.util_btn_box ul a:hover {text-decoration: underline;}
.util_btn_box ul li:nth-child(2) a {color:#fff331;}

/* 레이아웃 콘텐츠 */

.sub_contents {padding: 2rem 5rem 7rem 5rem;position: relative;}
.sub_con_box {margin-bottom: 3rem;} /* 서브 콘텐츠 구간 영역 */

/* 타이블 영역 좌측 우측 분리 영역 */
.sub_title {display: flex;justify-content: space-between;align-items: center;padding: 1rem 0rem 1rem 0rem;}
.sub_title h2 {font-size: 1.7rem;color:#111111;background: url("../images/layout/title_dot.png") 0% 50% no-repeat;padding-left:3rem;}
.sub_title h3 {position: relative;font-size: 1.5rem;padding-left:2.5rem;}
.sub_title h3:after {content: "\ea3f"; font-family: "xeicon"; position: absolute; top:50%; left:0rem; transform: translate(0%,-50%); font-size: 2rem; background: linear-gradient(180deg, rgba(24,77,177,1) 0%, rgba(24,59,123,1) 100%); color: transparent;  -webkit-background-clip: text;}
.sub_title h4 {position: relative; font-size: 1.4rem; padding-left:2rem;}
.sub_title h4:after {content: "\e9b2"; font-family: "xeicon"; position: absolute; top:50%; left:0rem; transform: translate(0%,-50%); font-size: 1.5rem;}
.title_divide {display: flex;}
.title_divide .more {background: #fff; width: 3.5rem; height: 3.5rem;  border-radius: 0.5rem; font-size: 2.5rem; font-weight: bold; border:0.1rem solid #cecece; align-items: center; justify-content: center; display: flex;}
.title_divide .more:hover {background: #184aa7; color:#fff; transition: all 0.3s;}
.title_divide .btn_box {justify-content: flex-end;}
.title_divide .btn_box select {padding:0.7rem 3rem 0.7rem 1rem}

/* 검색 영역 */
.base_search_area {display: flex;background: #f8f8f8;border:0.1rem solid #e2e2e2;gap:1rem;padding: 0.7rem;}
.base_search {padding: 30px; border-collapse: collapse;}
.base_search tr {}
.base_search th {font-size: 1.4rem; padding: 0.3rem; font-weight: 500;}
.base_search td {font-size: 1.4rem; padding: 0.3rem;}
.board_search_btn {border:none !important;}
.btn_search {background: #3864f2; color:#fff; display: block; height: 100%; width: 100%; font-size: 1.6rem; font-weight: 600; border-radius: 0.3rem;}
.btn_search:hover {background: #2b2c2f;}
.board_search_btn_box {width: 10%; min-width: 15rem;}

.stage_search {display: flex; width: 100%; border-left:0.1rem solid #e2e2e2;}
.stage_search div {width: 100%; border:0.1rem solid #e2e2e2; border-left:none;}
.stage_search div h3 {background: #edf2ff; font-size:1.6rem; font-weight: 600; padding: 1.5rem; text-align: center; border-bottom:0.1rem solid #e2e2e2;}
.stage_search div ul {padding: 1.5rem; height: 20rem; overflow: auto; background: #fff;}
.stage_search div ul li {padding:0rem 0rem;}
.stage_search div ul li button {display: block;width: 100%;text-align: left;padding:1rem 1rem;/* border:0.1rem solid #e2e2e2; */border-bottom:none;line-height: 2rem;font-size: 1.4rem;}
.stage_search div ul li button:hover {color:#1f59fb; margin-left:0.2rem;}
.stage_search div ul li button.active {background: #d9e3ff; color:#1f59fb; font-weight: 600;}


/* 타이틀 토탈 영역 */
.search_total {font-size:1.4rem; padding-left:1.5rem;}
.search_total strong {color:#0f75ff; font-size:1.6rem;}
.conclusion_utill {background: #cfd9f9; padding: 0.5rem;}
.conclusion_utill ul {display: flex; align-items: center;}
.conclusion_utill ul li input {height: 3rem; width: 100%;}

/* 도움말 영역 */
.help_area {padding: 3rem; border:0.1rem solid #e2e2e2;}
.help_area p {font-size:1.4rem; line-height: 3rem;}
.help_area2 {padding: 1rem 1rem 1rem 11rem;line-height: 2rem;border-radius: 0.5rem;background:#f4f8fd url("../images/sub/progr_img4-2.png") 3rem 50% no-repeat;border:0.1rem solid #e7e7e7;display: flex;flex-direction: column;justify-content: center;}

/* 테이블 영역 */
.width_type .table_con_box {text-align: center; display: flex; gap:0.5rem; justify-content: center; font-weight: 300;}
.width_type {border-top:0.2rem solid #939393;}
.width_type th {font-size:1.4rem; font-weight: 500; border:0.1rem solid #e2e2e2; background: #f7f7f7; padding: 1rem; border-right:none;}
.width_type th:first-child {border-left:none;}
.width_type td {font-size:1.4rem;font-weight: 400;border:0.1rem solid #e2e2e2;padding: 1rem;background: #fff;border-right:none;text-align: center;/* height: 4rem; */}
.width_type td:first-child {border-left:none;}
.table_con_title {display: flex;font-weight: 500;text-align: left;justify-content: left !important;}
.height_type {border-top:0.2rem solid #939393}
.height_type th {font-size:1.4rem;font-weight: 500;border:0.1rem solid #e2e2e2;background: #f7f7f7;padding: 0.5rem;border-right:none;}
.height_type th:first-child {border-left:none;}
.height_type td {position: relative;font-size:1.4rem;font-weight: 400;border:0.1rem solid #e2e2e2;padding: 0.5rem 1rem;background: #fff;border-right:none;text-align: left;height: 4rem;}
.height_type .table_con_box {display: flex; gap:0.5rem;}
.calendar_button {font-size: 2.5rem;}
.calendar_button:hover {color: #082a83;}
.text_area_box {height: 20rem; padding:1.2rem 1rem;}
.chk_area {display: flex;width: 100%;align-items: center;gap:0.5rem;}
.writing_type select {width: 50%}
.writing_type input {width: 50%}

.help_text {padding: 0.2rem 0rem;color: #e30000;font-size: 1.4rem;}
.table_con_text {width: 100%;line-height: 2rem;}
.text_box .table_con_text {border:0.1rem solid #e1e2e2; padding:1.2rem 2rem; font-size: 1.4rem; line-height: 2rem; border-radius: 1rem;}
.table_nodata p {font-size:1.5rem; font-weight: 600; padding: 1rem 0rem; color:#868686;}
.table_nodata p i {display: block; font-size: 7rem; color: #e2e2e2; margin-bottom: 1rem;}
/* 테이블 안에 테이블 */
.in_table_wrap .width_type th {text-align: center !important;}
.table_active td {background: #4960ab; color:#fff; border:0.1rem solid #677fcb !important;}
.table_active td a:hover{color:#fff;}
.table_in {padding:2rem !important; border:0.1rem solid #677fcb !important; background:#fbfcff !important;}
.table_in .sub_con_box {margin-bottom: 0rem;}
.table_in .sub_tab_box_1type {margin: 0rem;}
.table_in .sub_tab_box_1type ul li {width: 20%;}
.table_in .sub_tab_box_1type ul li button {font-size: 1.4rem; padding: 1.3rem 0rem;}
.table_in .height_type {margin-top:1rem; border:none;}
.table_in .table_con_box {justify-content: flex-start !important;}
.in_table_toggle_ {display: none;}

.table_in_type th {border:1px solid #e2e2e2 !important;}

.table_in_type td {border:1px solid #e2e2e2 !important;background: #edf3f7;}
.table_in_type tbody {border:2px solid #dfdfdf;}
.table_in_type1 tbody {border:none !important;}
.table_in_type1 {border: 1px solid #ebebeb !important;background: #ffffff !important;padding: 2rem 3rem !important;}
.table_in_type1 .in_data_box .sub_con_box {margin-bottom: 0rem;}
.table_in_type1 .in_data_box {background:#fbfcff !important;border-left:0.1rem solid #ebebeb;border-right:0.1rem solid #ebebeb;box-shadow: 1px 2px 5px 0px #c5c5c5;/* border-radius: 0.7rem; *//* overflow: hidden; */}
.table_in_type1 .in_data_box th {background: #edf3f7;color: #1746b3;border-color: #3f5875;}
.table_in_type1 .in_data_box {background: red;}
.table_in_type1 .in_data_box .in_data_title {border-right:none !important;border:0.1rem solid #e2e2e2;width: 20%;padding: 0.5rem 2rem;display: flex;color: #003675;align-items: center;justify-content: flex-start;margin-top: -0.1rem;background: #fcfeff;border-left: none !important;font-weight: 500;border-bottom: none !important;}
.table_in_type1 .in_data_box .in_data_con {border-right: none;}
.table_in_type1 .in_data_box td {background: #fff !important;}
.table_in_type1 .in_data_text > div {display: flex;}
.table_in_type1 .in_data_box td {padding: 0rem;}
.in_data_box table {border-top:none;}
.in_data_box table th {border-color: #dbe9ff !important;}
.in_data_box td {text-align: center;}
.in_data_box .sub_con_box {margin:0rem 0rem !important;}
.table_in_type1 .in_data_con {border: 0.1rem solid #e2e2e2; width: 100%; padding: 0.7rem 1.3rem; margin-top: -0.1rem; text-align: left; border-bottom: none !important;}


.table_in_type1 .result_data_btn {margin-top: 2rem; display: block; margin-bottom: 0rem !important;}
.table_in_type1 .result_data_btn button {padding: 1rem; font-size: 1.4rem;}
.result_data_area > table {border:0.1rem solid #e2e2e2; border-top:0.2rem solid #939393;}

.o_find_pass_info .simplePassMeter {width: 100%;margin-left:0rem;margin-top: 0.5rem; padding: 1rem 1rem 2rem 1rem !important;}
.aplcnt_info .simplePassMeter {width: 260px;margin-left:0rem;margin-top: 0.5rem; padding: 1rem 1rem 2rem 1rem !important;}

/* 팝업 영역 */
.pop_title {display: block;position: relative;color:#fff;background: #354052;text-align: center;}
.pop_title h1 {color:#fff;font-size: 2rem;text-align: left;font-weight: 500;padding: 1.95rem 2rem 1.95rem 5rem;background: url("../images/icon/icon_popup.png") 1em 50% no-repeat;}

/* 파일 업로드 */
.file-upload-result {position: relative;border: 0.1rem solid #dddddd;background: #fcfdff;margin: 1rem 0rem;border-radius: 1rem;padding: 0rem 2rem;}
.file-upload-result button {font-size:1.4rem;}
.file-upload {display: flex;align-content: center;justify-content: center;flex-direction:column;border-radius:1rem;border: 0.1rem dashed #cecece;background: #fcfdff;text-align: center;padding: 3rem 5rem;}
.file-upload p {font-size: 1.5rem; padding: 10rem 0rem 2rem 0rem; background: url("../images/sub/file_up_img.png") 50% 0% no-repeat;}
.file-upload button {min-width: 15rem; margin:0 auto;}
.file-upload button i {margin-right: 0.5rem; font-size: 1.6rem;}
.upload-top {padding: 1rem 0rem;margin: 1.5rem 0rem;}
.file-total {font-size: 1.5rem; font-weight: 600;}
.file-total span {color: #3864f2;}
.upload-list li {border:0.1rem solid #e1e2e2;border-radius: 0.5rem;margin:1rem 0rem;font-size:1.4rem;padding: 1rem 2rem;background: #fff;}
.upload-list li:last-child {margin-bottom: 2rem;}
.upload-list div {display: flex;width: 100%;align-items: center;}
.upload-list div .file-btn {justify-content: flex-end; gap:0.5rem;}
.upload-list .is-error {border:0.2rem solid #FF0004; background: #FFDADA;}
.upload-list .file-hint {color: #FF0004; border-top:0.1rem solid red; padding: 1rem 0rem 0rem 0rem; margin-top: 1rem;}
.upload-delete-btn {position: absolute;top: 1.5rem;right: 2rem;}
.upload-list a {display: block; padding: 0.5rem 0rem; text-align: center;}
.upload-list a:hover {color: #082a83;}

/* 탭영역 */
.tab_body .sub_con_box {padding: 0rem 2rem;}
.sub_tab_box_1type {margin:2rem 0rem;}
.sub_tab_box_1type ul {display: flex; width: 100%; text-align: center; margin:0 auto;}
.sub_tab_box_1type ul li {width: 100%; text-align: center; border:0.1rem solid #d8d8d8; margin-left:-0.1rem;}
.sub_tab_box_1type ul li button {position: relative;display: block;width: 100%;padding: 1.4rem 0rem;font-size: 1.5rem;}
.sub_tab_box_1type ul li button:hover {background: #edf1f5;}
.sub_tab_box_1type ul .active button {color:#003675; font-weight: 600; background: #edf1f5;}
.sub_tab_box_1type ul .active button:after {content: ""; position: absolute; width: 100%; height: 0.3rem; bottom: -0.1rem; left:0rem; background:#003675;}
.sub_tab_box_2type {margin:1rem 0rem 2rem 0rem; padding: 0rem 2rem;}
.sub_tab_box_2type ul {display: flex; width: 80%; text-align: center; margin:0 auto;gap:0.5rem;}
.sub_tab_box_2type ul li {width: 100%; text-align: center; overflow: hidden;}
.sub_tab_box_2type ul li button {position: relative;display: block; width: 100%; padding: 1.5rem 0rem; font-size: 1.5rem;  border:0.1rem solid #cecece; border-radius: 10rem; }
.sub_tab_box_2type ul li button:hover {background: #edf1f5;}
.sub_tab_box_2type ul .active button {color:#003675; font-weight: 600; border:0.2rem solid #003675;}
.sub_tab_box_3type ul {display: flex;margin-bottom: 4rem;}
.sub_tab_box_3type ul li {display: flex; position: relative; width: 100%; margin-left:-0.1rem;}
.sub_tab_box_3type ul li button {background: #f8f8f8;display: block;width: 100%;/* padding: 0.5rem 0rem; */font-size: 1.6rem;border:0.1rem solid #D1D1D1;margin-left:-0.1rem; height: 5.5rem;}
.sub_tab_box_3type ul li.active button {background:none !important; font-weight: 600; color:#fff !important; position: relative; z-index: 99; border:none;}
.sub_tab_box_3type ul li.active:after {content: "";position: absolute;top: -0.2rem;left: -0.4rem;width: calc(100% + 0.4rem);height: 5.8rem;box-shadow: 2px 3px 5px 0px rgb(3 55 153 / 41%);background: linear-gradient(97deg, #1047b3, #0a3370);border-radius: 0.6rem;z-index: 98;}
.sub_tab_box_3type ul li button:hover {background: #dbdbdb; color:#111111;}
.sub_tab_box_3type ul li.active button span {display: block;}
.sub_tab_box_3type ul li.active button span strong {font-weight: 400; font-size: 1.4rem; color:#d5d5d5;}
.sub_tab_box_3type ul li.active button span strong:first-child {color:#f6ff00; font-weight: 600;}
.sub_tab_box_3type ul li button span {display: block; margin:0.5rem 0rem;}
.sub_tab_box_3type ul li button span strong {font-weight: 400; font-size: 1.4rem; padding:0rem 0.5rem; color:#7d7e7e;}
.sub_tab_box_3type ul li button span strong:first-child {color:#1845c7; font-weight: 600;}

.a3type_process ul li button {height: 4.5rem;}
.a3type_process ul li.active::after {height: 5.5rem;}
/* 좌우 영역 */
.con_divide_box {display: flex; background:#f8f8f8; border:1px solid #e2e2e2; gap:2rem; padding: 2rem;}
.divide_box_left,
.divide_box_right {width: 100%;}
.con_divide_box .di_left,
.con_divide_box .di_right {border:1px solid #e2e2e2; width: 100%; padding: 2rem; font-size: 1.4rem; background: #fff; height: 50rem; overflow: auto;}
.base_box_wrap {width: 100%;}
.base_box {display: flex; background: #f8f8f8; margin:1rem 0rem; padding:1rem 2rem; border:0.1rem solid #e2e2e2; gap:1rem;}
.base_box.box_blue {border:0.2rem solid #09288f; background: #f5f7ff;}
.base_box span {width: 100%;}

@keyframes iconbtn {
0% { transform:translateY(0px);}
30% { transform:translateY(-10px);}
50% { transform:translateY(5px);}
70% { transform:translateY(-5px);}
100% { transform:translateY(0px);}
}


/* 합계 영역 */
.sum_type1 {border:0.2rem solid #42658d;}
.sum_type1 th,
.sum_type1 td { background: #edf1f5 !important; color:#111111 !important; font-weight: 500 !important; font-size: 1.4rem;}
.sum_type2 {}
.sum_type2 th,
.sum_type2 td {background: #e6f2ff !important;color: #000000 !important;font-weight: 500 !important;font-size: 1.4rem;border-color: #cae3ff;}
.sum_type3 {}
.sum_type3 th,
.sum_type3 td {background: #fff8c7 !important;color: #111111 !important;font-weight: 500 !important;font-size: 1.4rem;border-color: #dfdab6;}

/* 프로세스 탭 영역 */
.process_tab_box {display: flex; margin-bottom: 2rem; gap:1rem;}
.process_tab_box ul {display: flex;width: 100%;gap:1rem;align-items: flex-start;}
.process_tab_box ul li {width: 100%;}
.process_tab_box ul li a {position: relative; display: block; padding: 1rem 1rem; font-size: 1.6rem; background: #eeeeee; text-align: center;}
.process_tab_box ul li a:hover {background: #e4e5e7; color:#111111;}
.process_tab_box ul li a:hover:after {color: #e4e5e7;}
.process_tab_box ul li.active a{background: #0a3578; color:#fff;}
.process_tab_box ul li a span {position: relative; display: block; padding: 0rem 2rem;}
.process_tab_box ul li a span:after {content: "\e92c"; position: absolute; top:50%; right:-0.5rem; transform: translate(0%,-50%); font-family: "xeicon"; font-size:2.5rem; color: #cdcdcd;}
.process_tab_box ul li a:before {content: "\e92f"; position: absolute; top:50%; left:-1rem; transform: translate(0%,-50%) rotate(90deg); height: 100%; display: flex;  align-items: center; font-family: "xeicon"; font-size: 4.8rem; background: none; color: #ffffff;}
.process_tab_box ul li a:after {content: "\e92f"; position: absolute; top:50%; right:-3.8rem; transform: translate(0%,-50%) rotate(90deg); height: 100%; display: flex; align-items: center; z-index: 99; font-family: "xeicon"; font-size: 4.78rem; background: none; color: #eeeeee;}
.process_tab_box ul li.active a:after {background: none; color: #0a3578;}
.process_tab_box ul li.active a span:after {color:#fff;}
.process_tab_box ul li.pro_cut a:before {content: ""; background:#000000; height: 100%;}
.process_tab_box ul li:last-child a:after {display: none;}
.process_tab_box ul li:first-child a:before {display: none;}


/* 타이틀 우측 도움말 영역 */
.help_bar_box {background: #d7ecfb; align-items: center; display: flex; padding: 0.5rem 2rem; border-radius: 10rem; font-size: 1.4rem; margin:0rem 1rem;}

/* 타이틀 좌측 유틸 영역 */
.sub_title_box {display: flex; align-items: center;}
.sub_title_box .title_utill {display: flex; align-items: center; border: 0.1rem solid #ebebeb; margin-left: 2rem; padding: 0.5rem; background: #f5f5f5; padding-right: 2rem;}
.sub_title_box .title_utill label {display: block; min-width: 10rem; text-align: center; font-size: 1.4rem;}
.sub_title_box .title_utill select {height: 3rem; padding:0rem 1rem 0rem 1rem;}

/* 평가상태 체크 on off */
.check_on {font-size: 2.5rem; color:#1E31FF;}
.check_off {font-size: 2.5rem; color:#B5B5B5;}

/* 토글 스위치 영역 */
.switch_area {display: flex;  border: 0.1rem solid #ebebeb; padding: 0.5rem; background: #f5f5f5; margin:0rem 1rem; justify-content: center;}
.switch_box {display: flex; align-items: center; font-size: 1.4rem;}
.switch_box strong {font-weight: 400; padding: 0rem 1.5rem;}
.switch { position: relative; display: inline-block; vertical-align: top; width: 7rem; height: 20px; padding: 3px; border-radius: 18px; cursor: pointer;}
.switch-input {position: absolute;top: 0;left: 0;opacity: 0;}
.switch-label {position: relative;display: block;height: inherit;font-size: 13px;text-transform: uppercase;background: #dfdfdf;border-radius: inherit;transition: 0.15s ease-out; padding: 0.2rem 0rem;}
.switch-label:before, .switch-label:after {position: absolute;top: 50%;margin-top: -.5em;line-height: 1;-webkit-transition: inherit;-moz-transition: inherit;-o-transition: inherit;transition: inherit;}
.switch-label:before {content: attr(data-off);right: 11px;color: #aaa;}
.switch-label:after {content: attr(data-on);left: 11px;color: #fff;opacity: 0;}
.switch-input:checked ~ .switch-label {background: #47a8d8;}
.switch-input:checked ~ .switch-label:before {opacity: 0;}





.switch-input:checked ~ .switch-label:after {opacity: 1;}
.switch-handle {
position: absolute;
top: 6px;
left: 8px;
width: 18px;
height: 18px;
background: white;
border-radius: 10px;
background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
-webkit-transition: left 0.15s ease-out;
-moz-transition: left 0.15s ease-out;
-o-transition: left 0.15s ease-out;
transition: left 0.15s ease-out;
}
.switch-input:checked ~ .switch-handle {left: 48px;}
.switch_height_area{display: flex; border: 0.1rem solid #ebebeb; padding: 0.5rem; background: #f5f5f5; margin:0rem 1rem; justify-content: center;}
.switch_height_area .switch_box {flex-direction: column;}
.switch_height_area .switch_box strong {padding: 1rem 1.5rem;}

/* 도움말 영역 */
.help_box_wrap {position: relative;border: 0.5rem double #dce3e9;padding: 5rem 3rem 3rem 3rem;background: #fbfbfb;}
.help_box_title {position: absolute;top: 1rem;left: 1.5rem;padding: 0.7rem 3rem 0.7rem 4rem;background: url("../images/help_wrap_title_bg.png") 10% 50% no-repeat;color: #1b58bd;background-size: 3rem;}
.help_box_title h2 {background: #eaf2ff; padding: 0rem 0.5rem;}
.help_box_detail { font-size: 1.4rem;}
.help_box_detail p {padding: 0.5rem 0rem;}
/* 데이터가 많은 테이블 영역 */
.alot_table th,
.alot_table td {padding: 0.5rem 0.2rem; letter-spacing: -0.1rem;}

/* div로 만들어진 셀렉트 강제 수정 */
.SelectClass, .SumoUnder {appearance: none; -webkit-appearance: none;}
.SumoSelect {width: 100% !important;}
.SumoSelect>.CaptionCont>label>i {display: none !important;}
.SumoSelect>.CaptionCont {position:relative;padding-right:2.5rem;background:#fff url("../images/layout/select_arrow.svg") calc(100% - 1rem) calc(50% - .15rem) no-repeat;background-size:1.5rem; appearance:none;-webkit-appearance:none;-moz-appearance:none; font-size: 1.4rem; border:0.1rem solid #e2e2e2 !important; cursor: pointer; padding:1rem !important;}
.SumoSelect.open .search-txt {border:none !important; padding: 1rem !important;}
.SumoSelect.open>.CaptionCont, .SumoSelect:focus>.CaptionCont, .SumoSelect:hover>.CaptionCont {box-shadow: none !important;}
.SumoSelect>.optWrapper {box-shadow: none !important;}

/* 단계탭 토글 영역 */
.process_tab_area .switch_box {justify-content: center; margin-top: 1rem;}
.process_tab_area .switch-input:checked ~ .switch-label {background: #0a3578;}


/* 홈 화면 */
.all_home_area {max-width: 120rem; margin:0 auto;}
.all_home_header {display: flex; justify-content: space-between; align-items: center; padding: 2rem 2rem 2rem 15rem; border-radius: 0.5rem;}
.all_home_header .e_h_header_tit h2 {font-size: 3rem; color:#fff;}
.all_home_header .e_h_header_tit p {font-size: 1.4rem; color:#fff; padding: 1rem 0rem;}
.e_h_header_util {display: flex; align-items: center;}
.e_h_header_util h3 {color:#fff; font-size: 1.6rem; margin:0rem 1.5rem; padding: 1rem 0rem 1rem 3.5rem;}
.e_h_header_util ul {display: flex; gap:1rem;}
.e_h_header_util ul li {display: flex; border-radius: 10rem; padding: 0.7rem 1.5rem; color:#fff; background: #050f30; align-items: center; font-size: 1.5rem; font-weight: 600;}
.e_h_header_util ul li a {font-size: 2rem; margin-left: 1rem;}
.e_h_header_util ul li a span {font-size: 1.4rem; margin-left:0.3rem;}
.e_h_header_util ul li a:hover,
.e_h_header_util ul li a:hover span {color: #fff !important;}
.e_h_header_util ul li:nth-child(1) a {color:#fcff17;}
.e_h_header_util ul li:nth-child(2) a {color:#ff873e;}
.e_h_header_util ul li:nth-child(3) a {color:#45ebff;}
.all_home_content {display: flex; margin:2rem 0rem; flex-wrap: wrap; gap:2%;}

.e_h_c_conbox_area {width: 49%; text-align: center; margin-bottom: 2rem; background: #fff;}
.e_h_c_conbox_area:nth-child(1) h3 {background: #158ba9;}
.e_h_c_conbox_area:nth-child(2) h3 {background: #305cb0;}
.e_h_c_conbox_area:nth-child(3) h3 {background: #204284;}
.e_h_c_conbox_area:nth-child(4) h3 {background: #516282;}
.e_h_c_conbox_area h3 {font-size: 1.6rem; color:#fff; padding: 1rem 0rem; border-radius: 0.3rem 0.3rem 0rem 0rem;}
.e_h_c_conbox_area h3 span { background: url("images/help_wrap_title_bg.png") 0% 50% no-repeat; padding: 1rem 0rem 1rem 3.5rem;}
.e_h_c_conbox {display: flex; justify-content: center; gap:1rem; padding: 2rem 3rem; border:0.1rem solid #e1e1e1;}
.e_h_c_conbox dl {position: relative; width: 100%; padding-top: 5rem;}
.e_h_c_conbox dl:after {content: ""; position: absolute; top:50%; right:0%; transform: translate(0%,-50%); width: 0.1rem; height: 40%; background: #dedede;}
.e_h_c_conbox dl:last-child:after {display: none;}
.e_h_c_conbox dl dt {font-size: 1.5rem; font-weight: 600;}
.e_h_c_conbox dl dd {font-size: 2rem; font-weight: bold;}
.e_h_c_conbox dl dd span {font-size: 1.4rem; font-weight: 600; color: #7b7979; padding-left:0.3rem;}
.e_h_c_conbox dl dd a {display: block; padding: 1rem 0rem;}
.e_h_c_conbox dl dd a:hover,
.e_h_c_conbox dl dd a:hover span {color: #0046ff; animation:iconbtn 1s ease;}
.e_h_c_img1 {background: url("../images/sub/e_h_c_img1.png") 50% 0% no-repeat;}
.e_h_c_img2 {background: url("../images/sub/e_h_c_img2.png") 50% 0% no-repeat;}
.e_h_c_img3 {background: url("../images/sub/e_h_c_img3.png") 50% 0% no-repeat;}
.e_h_c_img4 {background: url("../images/sub/e_h_c_img4.png") 50% 0% no-repeat;}
.e_h_c_img5 {background: url("../images/sub/e_h_c_img5.png") 50% 0% no-repeat;}
.e_h_c_img6 {background: url("../images/sub/e_h_c_img6.png") 50% 0% no-repeat;}
.e_h_c_img7 {background: url("../images/sub/e_h_c_img7.png") 50% 0% no-repeat;}
.e_h_c_img8 {background: url("../images/sub/e_h_c_img8.png") 50% 0% no-repeat;}
.e_h_c_img9 {background: url("../images/sub/e_h_c_img9.png") 50% 0% no-repeat;}
.e_h_c_img10 {background: url("../images/sub/e_h_c_img10.png") 50% 0% no-repeat;}
.e_h_c_img11 {background: url("../images/sub/e_h_c_img11.png") 50% 0% no-repeat;}
.e_h_c_img12 {background: url("../images/sub/e_h_c_img12.png") 50% 0% no-repeat;}
.evaluation_home .all_home_header {background: #112e69 url("../images/sub/evaluation_home.jpg") 0% 0% no-repeat; background-size:cover;} /* 평가 배경 */
.expert_home .all_home_header {background: #112e69 url("../images/sub/expert_home_bg.jpg") 0% 0% no-repeat; background-size:cover;} /* 전문가 배경 */
.expert_home .all_home_header .e_h_header_tit h2,
.expert_home .all_home_header .e_h_header_tit p,
.expert_home .all_home_header .e_h_header_util h3 {color:#011f3c;}
.internal_home .all_home_header {background: #112e69 url("../images/sub/internal_home_bg.jpg") 0% 0% no-repeat; background-size:cover;} /* 사업 배경 */
.online_home .all_home_header {background: #112e69 url("../images/sub/online_home_bg.jpg") 0% 0% no-repeat; background-size:cover;} /* 온라인 배경 */
.online_home .all_home_header .e_h_header_tit h2,
.online_home .all_home_header .e_h_header_tit p,
.online_home .all_home_header .e_h_header_util h3 {color:#011f3c;}

/* 모달창 */
.modal {position: fixed !important; top:50% !important; left:50% !important; transform: translate(-50%,-60%) !important; z-index: 99 !important; width: 100%; border:none !important; box-shadow: none !important; background: none !important;}
.modal .modal-content {position: relative;background: #fff;min-height: 35rem;border:0.1rem solid #6f6f6f;width: 100%;border-radius: 1rem;padding: 3rem;box-shadow:2px 4px 5px 1px #333030;}
.modal:before {content: "1"; position: fixed; top:-1000%; left:-1000%; background: #000000b5; width: 10000%; height: 10000%; z-index: -1;}
.modal .close_modal {position: absolute; top:1rem; right:1rem;}
.modal .close_modal button {font-size: 3rem;}
.modal .close_modal button:hover {color: #0028AA;}
.modal .modal-con-box {border:0.2rem dotted #e3e3e3; padding: 2rem; background: #fcfdff;}
.modal .modal-con-box input {padding: 1rem;}
.choice_sel_util {position: relative; display: flex; gap:0.5rem;}
.choice_sel_util button {position: relative; border:0.1rem solid #efecf5; color: #747474; border-radius: 0.3rem; padding: 0.3rem 0.5rem;}
.choice_sel_util button:hover {background: #2b2c2f; color:#fff; border:0.1rem solid #2b2c2f;}
.choice_sel_util i {font-size: 2rem;}
.jb-text {position: absolute; top:3rem; left:50%; transform: translate(-50%,0%); padding:1rem 0.5rem; background-color: #444444; border-radius: 5px; color: #ffffff; transition: all ease 0.5s; opacity: 0; min-width: 10rem;}


.choice_sel_util button:hover .jb-text {opacity: 1;}
.modal .modal-input {display: flex; gap:1rem;}

/* 키워드 추출 */
.keyword_tit_bg {position: relative; background: url("../images/sub/evaluation_home.jpg"); justify-content: center; padding:2rem 0rem !important;}
.keyword_tit_bg h2 {background: none; padding: 0rem; margin: 0rem; color:#fff;}
.keywordex_right .board_list_table_wrap {padding: 2rem;}
.keyword_tit_bg .search_total {position: absolute; top:50%; right:3%; transform: translate(0%,-50%); color:#fff;}
.keyword_tit_bg .search_total span {color: #fff600;}
.keywordex_wrap {position: relative;display: flex;/* box-shadow: 2px 2px 5px 2px #a9a9a9; */margin-bottom: 1rem;background: #f4f4f4;padding: 3rem;gap: 2rem;border-radius: 0rem;}
.key_left_top .sub_con_box {margin:0rem;}
.keywordex_wrap .keywordex_left {width: 100%;border: 0.1rem solid #ededed;/* border-radius: 1rem; */padding: 1rem 2rem;background: #fff;}
.keywordex_wrap .key_left_center {text-align: center; padding: 3rem 0rem;}
.keywordex_wrap .key_left_center button {position: relative; background: #246beb; padding: 1rem 15rem; font-size: 1.5rem; font-weight: bold; color:#fff; border-radius: 0.5rem;}
.keywordex_wrap .key_left_center button:before {content: "▼"; position: absolute; bottom:-60%; left:50%; transform: translate(-50%,0%); color: #246beb; font-size: 4rem; z-index: -1;}
.keywordex_wrap .key_left_center button:hover{background: #2b2c2f;}
.keywordex_wrap .key_left_center button:hover:before {color: #2b2c2f;}
.keywordex_wrap .keywordex_right {width: 100%;/* box-shadow: 2px 2px 5px 2px #a9a9a9; *//* border-radius: 1rem; */padding: 0rem;overflow: hidden;border: 0.1rem solid #ededed;background: #fbfbfb;}
.keywordex_center {position: relative;width: 4%;}
.keywordex_center_btn {position: absolute; top:50%; left:50% ;transform: translate(-50%,-50%); width: 100%; padding: 0rem 1rem; background: url("../images/sub/keyword_center_img.png") 50% 0% no-repeat; padding-top: 4rem;}
.keywordex_center_btn button {display: block; margin:1rem 0rem; width: 100%; padding: 0.5rem 0.5rem; border-radius: 0.5rem; font-weight: bold; font-size: 1.4rem;}
.keywordex_center_btn button i {font-size: 1.5rem;font-weight: bold;display: block;padding: 0.1rem;}
.keywordex_center_btn button:first-child {border:0.1rem solid #246beb; color:#246beb;}
.keywordex_center_btn button:last-child {border:0.1rem solid #f52a50; color:#f52a50;}
.keywordex_center_btn button:hover {color:#fff; background: #2b2c2f; border:0.1rem solid #2b2c2f;}
.keyword_bg td {background: #f1f1f1;}


/* 사업등록 카드형태 */
.regi_wrap {position: relative;background: #f7f7f7 url("../images/sub/regi_card_bg.png") 95% 50% no-repeat;margin: 10rem auto;border-radius: 0.3rem;max-width: 70rem;padding: 5rem 5rem;border:0.1rem solid #ededed;}
.regi_wrap .regi_area {position: relative;  z-index: 90;}
.regi_wrap .regi_card_tit h3 {font-size: 2.3rem;padding: 1rem 0rem;color: #2d2d2d;}
.regi_wrap .regi_card_box h4 {color:#fff; font-size: 1.6rem; font-weight: 500; line-height: 2.3rem;}
.regi_wrap .regi_card_box p {font-size: 1.5rem; line-height: 2.3rem; padding: 1rem 0rem;}
.regi_wrap .regi_card_box a {background: #2b3f66; font-size: 1.6rem; font-weight: bold; color:#fff; padding: 1.5rem 15rem; display: inline-block; border-radius: 0.5rem; margin-top: 2rem;}
.regi_wrap .regi_card_box a:hover {background: #2b2c2f; animation:iconbtn 1s ease;}


/* 사업관리시스템 - 검색 상세 조건 */
.serach_cond_area {align-items: center;background: #f5f6fa;border:0.1rem solid #e2e2e2;margin-bottom: 1rem;padding: 0rem 0rem;}
.serach_cond_tit {position: relative;width: 13%;text-align: center;padding: 0rem 0rem;}
.serach_cond_tit h3 {font-size: 1.4rem;font-weight: 500;padding: 0.3rem 3rem;}
.serach_cond_box {display: flex;width: 100%;align-items: center;margin: 0.7rem 0rem;}
.serach_cond_box:last-child {border-bottom: none;}
.serach_cond_con {width: 100%;height: 100%;/* padding: 0.5rem 0.5rem; */}

.serach_con_box {height: 100%;display: flex;gap:1rem;flex-wrap: wrap;}
.serach_con_box button {position: relative;display: block;border:0.1rem solid #e1e2e6;padding: 0.7rem 3rem 0.7rem 2rem;font-size: 1.4rem;min-width: 17rem;border-radius: 0.5rem;background: #ffffff;}


.serach_con_box button:after {content: "\e92c";position: absolute;top:50%;right: 0.5rem;transform: translate(0%,-50%);font-family: "xeicon";font-size: 2rem;color: #d3d3d3;}
.serach_con_box button span {padding: 0rem 0.5rem;}
.serach_con_box button:hover {border:0.1rem solid #414141; background: #f5f5f5;}
.serach_con_box button.cond_active {border:0.1rem solid #3954ab; background: #f1f7fe; color: #0a3576; font-weight: 600;}
.serach_con_box button.cond_active:after {color: #023baf;}

/* 평가지 */
.judeg_wrap_bg {background: #f2f2f2;padding: 2rem;width: 100%;}
.judeg_wrap {box-shadow: 1px 2px 5px 2px #e9e9e9;padding: 3rem;background: #fff;}
.judge_info_box{width: 100%;}
.step_cs_wrap {position: relative;display: flex;flex-direction: column;gap: 5px; border-radius: 5px;align-items: center;}
.step_cs_wrap div {width: 100%; text-align: center; justify-content: center; align-items: center; display: flex;}
.step_cs_title {position: relative; display: block !important;}
.step_cs_title .view_paper_area {position: absolute; top:50%; right: 0rem; transform: translate(0%,-50%); width: auto;}
.step_cs_title .view_paper_area button {font-size: 3rem; color: #717171;}
.step_cs_title .view_paper_area button:hover {color: #000000;}
.step_cs_title:before {content: ""; position: absolute; top:0rem; left:0rem; background: linear-gradient(90deg, rgb(22, 122, 208) 0%, rgb(28, 152, 145) 100%); width: 100%; height: 0.3rem;}
.step_cs_title:after {content: ""; position: absolute; bottom:0rem; left:0rem; background: linear-gradient(90deg, rgb(22, 122, 208) 0%, rgb(28, 152, 145) 100%); width: 100%; height: 0.3rem;}
.step_cs_title p {display: block;font-size: 1.8rem;color:#74ffda;font-weight: bold;padding: 0.5rem 0rem;}
.step_cs_title h2 {position: relative;font-size: 2rem;padding: 1.5rem 2.7rem 1.5rem 4.7rem;background: #fff;background: url("../images/sub/eval_right_title_icon.png") 0% 50% no-repeat;display: inline-block;background-size: 4rem;}
.step_measure_cnt{margin: 1.5rem 0rem;}
.measure_title_wrap .h_tit{position: relative;font-size: 15px;color: #111111;display: flex;padding-left: 1rem;align-items: center;}
.measure_title_wrap{display: flex;justify-content: space-between;gap: 16px;padding: 0.7rem 0rem;clear: both;align-items: center;background: #f4f7ff;}
.measure_title_area > div {position: relative; z-index: 99; color:#fff; font-weight: bold; font-size: 1.5rem;}
.measure_title_area > div:before {content: ""; width: 3.5rem;height: 3.5rem; background: #003491;color: #fff;border-radius: 0.5rem;position: absolute; z-index: -1; top:50%; left:50%; transform: translate(-50%,-50%);}
.measure_title_help {font-size: 13px;background-color: #d8e6ff;padding: 4px 13px;border-radius: 3px;}
.measure_title_area {display: flex;gap: 0 10px;align-items: center;justify-content: center;}
.measure_title_area h5 button {margin-left:1rem;}
.judge_wrap{position: relative; width: 100%;}
.judge_top{background: url("../images/layout/evaluation_top_bg.png") no-repeat top left;width: 100%;height: 115px;padding: 40px 0 0 50px;margin-bottom: 30px;background-size: cover;}
.judge_top strong{font-size: 28px;color: #fff;font-weight: 500;position: relative;padding-left: 45px;}
.judge_top strong:before {content: '';display: block;position: absolute;top: 6px;left: 0;width: 28px;height: 28px;background: url("../images/layout/icon_evaluation_top_tit.png") no-repeat;}
.judge_period{background: url("../images/layout/evaluation_top_bg.png") no-repeat top left;width: 100%;height: 115px;padding: 40px 0 0 50px;margin-bottom: 30px;background-size: cover;}
.judge_period strong{font-size: 28px;color: #fff;font-weight: 500;position: relative;padding-left: 45px;}
.judge_period strong:before {content: '';display: block;position: absolute;top: 6px;left: 0;width: 28px;height: 28px;background: url("../images/layout/icon_evaluation_top_tit.png") no-repeat;}
.judge_list li{position: relative;display: flex;align-items: center;justify-content: space-between;padding: 17px;border: solid 1px #4671dd;border-radius: 5px;margin-bottom: 25px;}

.judge_info_stat{position: absolute;top: -10px;left: -1px;min-width: 115px;height: 20px;background-color: #4671dd;color: #fff;font-size: 14px;text-align: center;border-radius: 3px;}
.judge_first_cnt{}
.judge_first_cnt strong{width: 100%;font-size: 16px;color: #111111;position: relative;padding-left: 30px;display: block;margin-bottom: 10px;}
.judge_first_cnt strong:before {content: '';display: block;position: absolute;top: 2px;left: 0;width: 18px;height: 18px;background: url("../images/layout/icon_evaluation_l_tit.png") no-repeat;}
.judge_progress{font-size: 14px;color: #666666;position: relative;padding-left: 10px;margin-left: 30px;}
.judge_progress:before {content: '';display: block;position: absolute;top: 9px;left: 0;width: 3px;height: 3px;background:#969696;}
.judge_progress_nb{font-size: 14px;color: #666666;position: relative;padding-left: 10px;margin-left: 15px;}
.judge_progress_nb:before {content: '';display: block;position: absolute;top: 9px;left: 0;width: 3px;height: 3px;background:#969696;}
.judeg_f_s{background: #fff;border: solid 1px #4671dd;font-size: 14px;color: #4671dd;padding: 1px 7px;border-radius: 3px;font-weight: 600;margin-left: 5px;}
.judeg_f_p{background: #fff;border: solid 1px #c61529;font-size: 14px;color: #c61529;padding: 1px 7px;border-radius: 3px;font-weight: 600;margin-left: 5px;}
.judeg_f_e{background: #fff;border: solid 1px #717171;font-size: 14px;color: #717171;padding: 1px 7px;border-radius: 3px;font-weight: 500;margin-left: 5px;}
.judge_info_top {font-size:1.8rem; color:#111111; background: url("../images/layout/title_dot.png") 0% 50% no-repeat; font-weight: bold; padding:2rem 1rem 2rem 3rem;}
.judge_security{padding: 2rem 0.7rem;}
.judge_security section {margin-bottom: 2rem;}
.judge_does_not_exist{background: url("../images/layout/judge_does_not_exist_bg.png") no-repeat right #f9f9f9; width: 100%; height: 300px; }
.judge_does_not_exist ul{margin:50px 0 0 70px; display: inline-block;}
.judge_does_not_exist ul > li > strong{font-size:24px; color: #111; font-weight:600}
.judge_does_not_exist ul > li > p{font-size:16px; color: #666666; font-weight:500; margin:5px 0 25px 0;}
.judge_info_tit{color: #3a3a3a;font-size: 3rem;font-weight: bold;}
.step_table{margin-bottom: 30px;}
.caution {text-align: center;}
.caution span {min-height: 30px;background: url(../images/layout/icon_caution.png) no-repeat left top;color: #fe2717;font-size: 16px;line-height: 30px;padding-left: 35px;background-size: contain;}
.step_me_text textarea {height: 10rem; color:#000000; font-weight: normal;}
.step_me_text p {font-size: 1.4rem; line-height: 2.5rem;}
.step_view_text {border-top:0.1rem solid #e2e2e2; border-bottom: 0.1rem solid #e2e2e2; padding: 2rem 0rem;}
.step_measure_cnt .st_check_box input[type=checkbox] {width: 2rem !important; height: 2rem !important;}
.step_measure_cnt .step_m_item button,
.step_measure_cnt .step_m_list button {position: absolute;top: 0.7rem;right:0rem;}
.step_measure_cnt .step_m_bottom button {padding: 0.5rem;height: auto;}
.step_measure_cnt table.width_type {border:none;}
.step_measure_cnt table.height_type {border:none;}
.step_measure_cnt table .bg_color{background-color: #f8f8f9;}
.step_measure_cnt table th button {margin-top:0.5rem;height: auto !important;padding: 0.5rem 1rem 0.5rem 0.5rem !important;}
.step_measure_cnt th {padding: 15px;font-weight: 600;color: #414242;background: #f7f7f7;font-size: 1.4rem;word-break: keep-all;-webkit-print-color-adjust: exact;}
.step_measure_cnt td {font-weight: 500;color: #555;}
.step_measure_cnt th, .step_measure_cnt td {padding: 0.8rem 1rem;border-bottom: 1px solid #e0e0e0;border-left: 1px solid #ebebeb;text-align: center;position: relative;word-break: normal;font-size: 1.4rem !important;}
.step_m_list{position: relative; display: flex;text-align: left; justify-content: center;}
.step_m_list dl > dt{font-size: 1.4rem;color: #111;font-weight: 400;margin-bottom: 5px;}
.step_m_list dl > dd{font-size: 13px;color: #111111;font-weight: 500;}
.essential_wrap{display: flex;align-items: center;font-size: 13px;color: #000000;padding: 0rem 1rem;}
.essential_wrap span{position: relative;color: #ff0000;font-size: 20px;margin-right: 0.5rem;display: flex;padding-top: 0.5rem;z-index: 10;justify-content: center;}
.step_measure_foot{text-align: right;font-size: 1.8rem;width: 100%;color: #273fa4;border-bottom: 0.1rem solid #e0e0e0;font-weight: bold;padding-bottom: 1.5rem;}
.step_measure_foot storng{color: #273fa4;}
.add_area_btn {text-align: center;}
.add_area_btn button {display: inline-flex; background: #e3edff; padding: 1rem 8rem; color:#111111; font-weight: 500; font-size: 1.5rem; border-radius: 1rem; align-items: center; border:0.1rem solid #e0e2e5;}
.add_area_btn button:hover {background: #003491; color:#fff;}
.add_area_btn button i {font-size: 2.5rem; font-weight: bold;}
.view_preview_wrap { position: fixed; border:0.1rem solid #cecece; bottom: 2rem; left:50%; transform: translate(-50%,0%); border-radius: 100rem; background: #fff; padding: 1rem 2rem; border-radius: 0.3rem; box-shadow: #afafaf -1px 2px 6px 0px; z-index: 99; width: 65%;}
.view_preview_area {position: relative;}

.view_preview_area ul {display: flex; align-items: center; gap:1rem; justify-content: center;}
.view_preview_area ul li div {display: flex; align-items: center;}
.view_preview_area ul li div p input  {padding: 0rem; margin:0rem; width: 3rem; height: 2rem; text-align: center; font-size: 1.4rem;}
.view_preview_area ul li div strong  {padding: 0rem; margin:0rem; text-align: center; font-size: 1.3rem;}
.view_preview_area ul li div strong:before  {content: "/"; font-size: 1.4rem; padding: 0rem 0.5rem;}
.view_preview_area ul li button {position: relative; font-size: 2rem; z-index: 99;}
.view_preview_area ul li button:before {content: ""; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); background: #e7e7e7; width: 3rem; height: 3rem; border-radius: 10rem; z-index: -1;}
.view_preview_area ul li button:hover {color:#fff;}
.view_preview_area ul li button:hover:before {background: #2b2c2f;}
.view_preview_close {position: absolute; top:50%; right:0rem; transform: translate(0,-50%); background: #494444; padding: 0.5rem 1.5rem 0.5rem 1rem;; border-radius: 0.5rem; font-size: 1.4rem; font-weight:600; color:#fff; display: flex; align-items: center;}
.view_preview_close i {font-size: 2rem;}
.view_preview_close:hover {background:#2b2c2f }
.view_preview_bg {background: #8d8d8d;}
.view_preview_title {padding: 1rem 0rem; background: #232a37;}
.view_preview_title h2  {position: relative; display: flex; align-items: center; color:#fff; padding: 1rem 2rem;}
.step_cs_title_util {position: absolute; top:50%; right:1rem; transform: translate(0%,-50%); width: auto !important; display: block !important;}
.step_cs_title_util2 {position: absolute; top:50%; left:1rem; transform: translate(0%,-50%); width: auto !important; display: block !important;}

/* 전자 서명 */
.signature_wrap {padding: 2rem 0rem;background-size: 14rem;}
.signature_area {width: 100%;display: flex;margin:0 auto;padding: 1rem 4rem;border-radius: 1rem;max-width: 75rem;height: 35rem;border: 0.1rem solid #ededed;background: url("../images/sub/signature_bg.jpg") 0% 0% no-repeat;flex-direction: column;justify-content: center;}
.signature_area h3 {padding: 1rem 0rem;}
.signature_area h3 strong {text-align: left;font-size: 3.5rem;padding: 0rem 0rem 0em 0rem;display: inline-block;position: relative;z-index: 99;font-weight: 900;color: #ffffff;}

.signature_area p {font-size: 1.6rem;padding: 1rem 0rem;line-height: 2.7rem;font-weight: 400;color: #ffffff;letter-spacing: normal;}
.signature_area p span {color: #9df7fa;}
.signature_test {position: relative;width: 100%;height: 15rem;margin-top: 1rem;margin-bottom: 1rem;}
.signature_test div {display: flex;justify-content: center;align-items: center;height: 100%;border: 0.2rem solid #e1e1e1;background: #ffffff;border-radius: 1rem;box-shadow: 1px 3px 10px 1px #e5e5e5;}
.signature_test div:before {content: "서명"; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); font-size: 4rem; font-weight: 800; color: #0605051c;}
.singan_btn {background:linear-gradient(90deg, rgba(10,192,200,1) 0%, rgba(11,131,206,1) 100%);border:none;border-radius: 10rem !important;padding: 1.5rem 0rem !important;font-size: 1.6rem !important;max-width: 25rem;font-weight: bold !important;}
.singan_btn:hover {border:none; background: #e9edff; color: #273fa4;font-weight: bold !important;}
.signature_area .layer-pop {display: none;  overflow: hidden;  position: fixed;  top: 0;  left: 0;  z-index: 99;  width: 100%;  height: 100vh;  padding: 2.5rem 2.969vw;  background-color: rgba(0,0,0,.5);  box-sizing: border-box;}
.signature_area .lay_on {display: block;}
.signature_area .layer-pop .lay_inner {position: relative;overflow-y: auto;height: 100%;border: 2px solid #2a2a2a;background-color: #fff;box-shadow: rgba(0,0,0,.1) .5rem .5rem .5rem;box-sizing: border-box;padding: 3rem;max-width: 70rem;max-height: 46rem;margin: 0 auto;transform: translate(0%,-50%);top: 50%;}
.signature_area .layer-pop .lay_close {display: block; margin-left: auto;}
.layer_sign_title {text-align: center;}
.layer_sign_title h2 {font-size: 2.7rem;font-weight: 800;color: #106adc;}
.layer_sign_title p {font-size: 1.4rem;color: #0f121c;padding: 0.5rem;}
.layer_sign_title p span {color: #0c64d3;font-weight: 500;}
.layer_sign_detail {background:#f5fafd;position: relative;height: 15rem;box-shadow: 4px 5px 4px 0px #e8eaeb;margin: 2rem;border-radius: 1rem;}
.layer_sign_detail button {position: absolute; top:1rem; right: 1rem; font-size: 2rem;}
.layer_sign_detail button:hover {color: red;}
.singan_completion {text-align: center;}
.singan_completion.signature_area p {padding: 0rem;}
.singan_completion .layer_sign_detail {box-shadow: 4px 5px 4px 0px #4370a7;}
.singan_completion a {background:linear-gradient(90deg, rgba(10,192,200,1) 0%, rgba(11,131,206,1) 100%);border:none;border-radius: 10rem !important;padding: 1.5rem 0rem !important;font-size: 1.6rem !important;max-width: 25rem;font-weight: bold !important;}
.singan_completion a:hover { background: #e9edff; color: #273fa4;font-weight: bold !important; border: none;}
.singan_completion .btn_move_box {justify-content: center;}

/* 최종 평가지 */
.finalresult_bg {background: #e9eaee;}
.finalresult_wrap {background: #f2f2f2;padding: 0.5rem;width: 100%;}
.finalresult_wrap .judeg_wrap {padding: 0rem; padding-bottom: 3rem;}
.finalresult_wrap .step_cs_title {padding: 3rem;}
.finalresult_wrap .step_cs_title h2 {position: relative;background: none;padding: 1.5rem 0rem;font-size: 3.5rem;font-weight: 800 !important;color:#273e7e;z-index: 99;}
.finalresult_wrap .step_cs_title h2:before {content: ""; position: absolute; bottom:1.5rem; left:0rem; width: 100%; height: 2rem; background: #e7ecfa; z-index: -1;}
.finalresult_wrap .step_cs_title p {font-size: 1.6rem; color:#2b2b2b; font-weight: normal;}
.finalresult_wrap .step_cs_title:before,
.finalresult_wrap .step_cs_title:after {display: none;}
.finalresult_wrap .step_cs_wrap div {position: relative;/* text-align: left; */text-align: center;}
.finalresult_wrap .step_cs_wrap:before {content: ""; position: absolute; top:-1rem; left:-0.4rem; width: 100.5%; height: 1.5rem; background: #273e7e;}
.finalresult_wrap .judge_security {padding: 0rem 3rem;}
.finalresult_box > ul { gap:3rem;}
.finalresult_box > ul > li {}
.finalresult_box ul {display: flex;}
.finalresult_box ul li {position: relative;width: 100%;display: block;background: #f7f7f7;padding: 0.7rem;font-size: 1.5rem;}
.finalresult_box ul li ul li:first-child {font-weight: bold;width: 30%;display: flex;align-items: center;margin-right: 1rem;background: #54668a;color: #fff;justify-content: center;}
.finalresult_wrap .measure_title_area > div i {font-size: 2rem;}
.finalresult_choice {margin:1rem 0rem;}
.finalresult_choice ul {display: flex; gap:3rem;}
.finalresult_choice ul li {width: 100%; border:0.1px solid #dbdbdb; display: flex; justify-content: center; font-size: 1.6rem; font-weight: bold; background: #f7f7f7; padding: 0.7rem; font-size: 1.5rem; border-radius: 0.5rem;}
.finalresult_choice ul li p {padding: 0rem 0.5rem; display: flex; align-items: center;}
.finalresult_choice ul li p i {font-size: 1.8rem; padding-bottom: 0.5rem; margin-right:0.5rem;}
.finalresult_choice ul li:first-child {background: #eef2ff; color: #0943ff; border: 0.1rem solid #3864f2;}
.finalresult_choice ul li:last-child {background: #ededed; color:#2f2f2f;}
.finalresult_wrap .sub_title {padding-bottom: 1rem;}

/* 기본 팝업창 */
.windowpop_wrap {height: 100%;}
.windowpop_area {position: relative;background: #fff;}
.windowpop_title {background: linear-gradient(90deg, rgba(22,122,208,1) 0%, rgba(28,152,145,1) 100%); color:#fff; padding: 1.5rem 2rem;}
.windowpop_title h1 {font-size: 2rem;}
.windowpop_content {padding: 2rem;}
.windowpop_content .windowpop_conbox:first-child {margin-top: 0rem;}
.windowpop_conbox {margin:2rem 0rem;}
.chip-radio {display: inline-block;padding: 0.8rem 1.6rem;border: 0.1rem solid #d5d5d5;border-radius: 0.4rem;margin: 0.5rem;cursor: pointer;min-width: 7rem;text-align: center;}
.chip-radio input {display: none;}
.chip-radio.active {background-color: #2867db; color: #fff; border: 0.1rem solid #2867db;}
.windowpop_close {position: absolute; top:1rem; right: 1rem;}
.windowpop_close button {font-size: 3rem; color:#fff;}
.windowpop_close button:hover i {text-decoration: underline;}
.pc_fix th {display: table-cell !important; padding: 0rem 1rem !important;}
.pc_fix td {padding:0.5rem 1rem !important;}
.pc_fix td:before {display: none !important;}

/* 평가위원회 참석 팝업 */

.attend_area {background: #f5f5f5; padding-bottom: 10rem;}
.attend_logo p {padding: 2rem 0rem 0rem 3rem;}
.attend_logo p img {width: 12rem;}
.attend_title {text-align: center; background: url("../images/sub/attend_img.jpg") 50% 0% no-repeat; padding: 12rem 0rem 0rem 0rem;}
.attend_title h1 {color: #000000; font-weight: bold; font-size: 3rem;}
.attend_title p {font-size: 1.5rem; color:#6a6d73; padding: 1rem 0rem;}
.attend_title.att_no {background: url("../images/sub/attend_img_no.jpg") 50% 0% no-repeat;}
.attend_title.att_no h1 {color: #ed0000;}
.attend_detail {width: 85%;margin:0 auto;padding: 3rem;border-radius: 1rem;box-shadow: 1px 1px 7px 2px #d9d9d9;background: #ffffff;margin-top: 2rem;}
.attend_detail_tit {text-align: center;margin-bottom: 2rem;}
.attend_detail_tit h2 {position: relative; color:#15409e; font-size: 2.3rem; z-index: 98; display: inline-block;}
.attend_detail_tit h2:before {content: ""; position: absolute; bottom: -0.5rem; left: 0rem; width: 100%; height: 2rem; background: #e7ebf3; z-index: -1;}
.attend_detail_con {}
.attend_detail_con div {display: flex; border-bottom: 0.1rem dashed #cfcdcd; padding: 1.7rem 0rem;}
.attend_detail_con div strong {display: flex; align-items: center; width: 30%; font-size: 1.5rem; color:#545a68;}
.attend_detail_con div strong:before {content: ""; width: 0.5rem; height: 0.5rem; display: inline-block; background: #868c9b; border-radius: 1rem; margin-right: 0.7rem;}
.attend_detail_con div p {display: flex; align-items: center; width: 70%; font-size: 1.5rem; color:#303030; font-weight: 600; line-height: 2rem; word-break: keep-all;}
.attend_detail_con div:last-child {border-bottom: none;}
.attend_btn {position: fixed; display: flex; margin-top: 5rem; bottom: 0rem; width: 100%; align-items: center;}
.attend_btn button {width: 100%; padding: 3rem; font-size: 2rem; font-weight: bold; color:#fff; display: flex; align-items: center; justify-content: center;}
.attend_btn button:first-child {background: linear-gradient(90deg, rgba(22,122,208,1) 0%, rgba(28,152,145,1) 100%);}
.attend_btn button:last-child {background: #cacaca;}
.attend_btn button i {font-size: 2.5rem; margin-right: 0.5rem;}
.attend_btn button:hover {background: linear-gradient(90deg, rgb(0 137 255) 0%, rgb(0 208 196) 100%);}
.attend_btn button:hover i {animation:iconbtn 1s ease;}
.attend_btn button:last-child:hover {background: #FF2222;}
.attend_wrap .attend_process {margin-top: 5rem;padding-bottom: 0rem;}
.attend_wrap .attend_process ul {display: flex; text-align: center;}
.attend_wrap .attend_process ul li {position: relative;width: 100%;display: block;margin: 0rem 0rem;}
.attend_wrap .attend_process ul li:after {content: "";position: absolute;top: -2.2rem;right: -50%;transform: translate(0%,-50%);width: 100%;height: 0.2rem;background: #c5c5c5;}
.attend_wrap .attend_process ul li:last-child:after {display: none;}
.attend_wrap .attend_process ul li span {position: relative;display: flex;z-index: 99;color: #838383;justify-content: center;font-size: 1.3rem;font-weight: 400 !important;}
.attend_wrap .attend_process ul li span:before {content: "\e928";display:block;background: #c5c5c5;font-family: "xeicon";font-size: 1.5rem;z-index: 99;border-radius: 10rem;padding: 0.5rem;font-weight: bold;color:#dddddd;width: 1.5rem;top: -3.5rem;left:50%;transform: translate(-50%,0%);position: absolute;}
.attend_wrap .attend_process ul li a span i {margin-left:0.3rem;}
.attend_wrap .attend_process ul li.on span {font-weight: bold !important;color: #2d5aff;}
.attend_wrap .attend_process ul li.on span:before {content: "\e928";background: #2d5aff;color:#fff;}
.attend_wrap .attend_process ul li.on span:after {content: "\e940";display:block;background: #fff;font-family: "xeicon";z-index: 1;border-radius: 10rem;padding: 1rem;font-weight: bold;color:#cecece;top: -4rem;transform: translate(-60%,0%);position: absolute;border:0.2rem dotted #2d5aff;}
.attend_wrap .attend_process ul li.com:after {background: #2d5aff;}
.attend_wrap .attend_process ul li.com span {font-weight: bold !important;color: #2d5aff;}
.attend_wrap .attend_process ul li.com span:before {content: "\e928"; background: #2d5aff; color:#fff;}
.attend_wrap .attend_process .on span:after { animation-name : lotate;  animation-duration : 3s; animation-iteration-count : infinite;}
@keyframes lotate {
0% {transform : rotate(0deg)}
50% {transform : rotate(180deg)}
100% {transform : rotate(360deg)}
}

/*  테이블 현황 */
.current_box {display: flex; border:0.1rem solid #ededed; width: 100%; background: #f3f4f6; border-radius: 0.5rem;}
.current_box p {display: flex; width: 100%; text-align: center; padding: 0.7rem;}
.current_box strong {font-size: 1.3rem;min-width: 5rem;}
.current_box p {font-size: 1.3rem;}
.current_box .current_gray {color: #4c4c4c;}
.current_box .current_gray span {background: #737373; color:#fff; padding: 0.1rem 1rem; border-radius: 10rem;}
.current_box .current_green {color: #10826e;}
.current_box .current_green span {background: #0bb295; color:#fff; padding: 0.1rem 1rem; border-radius: 10rem;}
.current_box .current_blue {color: #0257bf;}
.current_box .current_blue span {background: #2176de; color:#fff; padding: 0.1rem 1rem; border-radius: 10rem;}
.current_box .current_red {color: #DF1919;}
.current_box .current_red span {background: #DF1919; color:#fff; padding: 0.1rem 1rem; border-radius: 10rem;}

/* 레이어팝업 사업등록_단계 */
.modal.progr_modal {position: relative; max-width: 100rem; }
.progr_modal .close-btn {z-index: 99;top: 3.5rem;right: 3rem;}
.progr_modal .modal-content {position: relative ;border-radius: 0rem; border:none; box-shadow: none; overflow: hidden; padding-bottom: 7rem;}
.progr_modal .modal-content:after {content: "";background: url("../images/sub/progr_modal_bg.png") 0% 0% no-repeat;background-size: contain;width: 100%;height: 100%;position: absolute;top: 0.6rem;left: 0rem;}
.progr_modal .modal-content:before {content: "";font-size: 5rem;position: absolute;top:-0.1rem;left:0rem;width: 100%;height: 0.7rem;background: #3864f2;}
.progress_modal_wrpa {position: relative; z-index: 99;}
.progr_title h2 {font-size: 2.3rem;color:#3864f2;padding: 1rem 0rem 1rem 0rem;}
.progr_text h3 {font-size: 1.7rem;color:#373a50;font-weight: 500;padding: 1rem 0rem;text-align: center;align-items: center;display: flex;justify-content: center;color:#0027a3;padding: 1rem 0rem;}
.progr_text h3:before {content: "\e9ac"; font-family: "xeicon"; font-size: 2rem; font-weight: 600; margin-right: 0.5rem; color:#0027a3;}
.progr_text p {font-size: 1.4rem;color:#20222d;line-height: 2.3rem;padding: 1rem 0rem;}
.progr_content {padding: 1rem 0rem;}

.progr_con_box {display: flex; gap:2rem; text-align: center;}
.pr_data_box {width: 100%;}
.pdb_tit button {display: block; background-color: #f5f5f5; width: 100%; min-height: 3rem; border-radius: 0.5rem; padding: 8rem 1rem 2rem 1rem; border:0.2rem solid #f5f5f5;}
.pdb_tit button strong {font-size: 1.6rem;color: #777777;}
.pdb_tit button.pdb_on {background-color: #f5f8fe !important; border:0.2rem solid #3d67e4 !important;}
.pdb_tit button.pdb_on strong {color:#2248ba;}
.pdb_tit button:hover {background-color: #f5f8fe; border-color: #4E5468;  animation:iconbtn 1s ease;}
.progr_img1-1 {background: url("../images/sub/progr_img_hover_1-1.png") 50% 20% no-repeat;}
.progr_img1-1.pdb_on {background: url("../images/sub/progr_img1-1.png") 50% 20% no-repeat;}
.progr_img1-2 {background: url("../images/sub/progr_img_hover_1-2.png") 50% 20% no-repeat;}
.progr_img1-2.pdb_on {background: url("../images/sub/progr_img1-2.png") 50% 20% no-repeat;}
.progr_img1-3 {background: url("../images/sub/progr_img_hover_1-3.png") 50% 20% no-repeat;}
.progr_img1-3.pdb_on {background: url("../images/sub/progr_img1-3.png") 50% 20% no-repeat;}
.progr_img2-1 {background: url("../images/sub/progr_img_hover_2-1.png") 50% 20% no-repeat;}
.progr_img2-1.pdb_on {background: url("../images/sub/progr_img2-1.png") 50% 20% no-repeat;}
.progr_img2-2 {background: url("../images/sub/progr_img_hover_2-2.png") 50% 20% no-repeat;}
.progr_img2-2.pdb_on {background: url("../images/sub/progr_img2-2.png") 50% 20% no-repeat;}
.progr_img2-3 {background: url("../images/sub/progr_img_hover_2-3.png") 50% 20% no-repeat;}
.progr_img2-3.pdb_on {background: url("../images/sub/progr_img2-3.png") 50% 20% no-repeat;}
.progr_img2-4 {background: url("../images/sub/progr_img_hover_2-4.png") 50% 20% no-repeat;}
.progr_img2-4.pdb_on {background: url("../images/sub/progr_img2-4.png") 50% 20% no-repeat;}
.progr_img2-5 {background: url("../images/sub/progr_img_hover_2-1.png") 50% 20% no-repeat;}
.progr_img2-5.pdb_on {background: url("../images/sub/progr_img2-1.png") 50% 20% no-repeat;}
.progr_img3-1 {background: url("../images/sub/progr_img_hover_3-1.png") 50% 20% no-repeat;}
.progr_img3-1.pdb_on {background: url("../images/sub/progr_img3-1.png") 50% 20% no-repeat;}
.progr_img3-2 {background: url("../images/sub/progr_img_hover_3-2.png") 50% 20% no-repeat;}
.progr_img3-2.pdb_on {background: url("../images/sub/progr_img3-2.png") 50% 20% no-repeat;}
.progr_img3-3 {background: url("../images/sub/progr_img_hover_3-3.png") 50% 20% no-repeat;}
.progr_img3-3.pdb_on {background: url("../images/sub/progr_img3-3.png") 50% 20% no-repeat;}
.progr_img3-4 {background: url("../images/sub/progr_img_hover_3-4.png") 50% 20% no-repeat;}
.progr_img3-4.pdb_on {background: url("../images/sub/progr_img3-4.png") 50% 20% no-repeat;}
.progr_img4-1 {background: url("../images/sub/progr_img_hover_4-1.png") 50% 20% no-repeat;}
.progr_img4-1.pdb_on {background: url("../images/sub/progr_img4-1.png") 50% 20% no-repeat;}
.progr_img4-2 {background: url("../images/sub/progr_img_hover_4-2.png") 50% 20% no-repeat;}
.progr_img4-2.pdb_on {background: url("../images/sub/progr_img4-2.png") 50% 20% no-repeat;}
.progr_img4-3 {background: url("../images/sub/progr_img_hover_4-3.png") 50% 20% no-repeat;}
.progr_img4-3.pdb_on {background: url("../images/sub/progr_img4-3.png") 50% 20% no-repeat;}
.pdb_text {}
.pdb_text select {text-align: center;}

.pdb_text input {text-align: center;}
.pdb_text h4 {font-size: 1.4rem;color:#595c6f;font-weight: 500;padding: 1.5rem 0rem;word-break: keep-all;}
.pdb_text h4:before {content: "\e92c"; font-family: "xeicon"; margin-right: 0.1rem;}
.pdb_input_search p {display: flex; align-items: center; justify-content: center;}
.pdb_input_search input {width: 60%; height: 3.5rem;}
.pdb_text2 {border:0.3rem double #ccdbf9;padding: 0rem;border-radius: 0.5rem;/* margin-top: 0.5rem; */}
.pdb_text2 h4 {font-size: 1.4rem;color:#2248ba;font-weight: 600;padding: 1rem 0rem;background: #f5f8fe;border-bottom: 0.1rem solid #ccdbf9;}
.pdb_text2 p {padding: 1rem 0rem;}
.progr_modal .progr_control_box {position: absolute;bottom: 0rem;left: 0rem;display: flex;justify-content: space-between;width: 100%;padding: 1rem;/* box-shadow: 10px 10px 10px 10px #cecece; */z-index: 99;align-items: center;background: #f5f7ff;}
.progr_modal .progr_control_box a {border:0.1rem solid #d1d2d5;font-size: 1.4rem; font-weight: bold; color:#747d93; padding: 0.5rem; border-radius: 0.5rem;}
.progr_modal .progr_control_box .progr_control_pre {padding: 1rem 5rem 1rem 4rem;}
.progr_modal .progr_control_box .progr_control_next {padding: 1rem 4rem 1rem 5rem; background: #3864f2; color:#fff; border-color:#3864f2;}
.progr_modal .progr_control_box .progr_control_pre:hover {background: #2b2c2f; color:#fff;}
.progr_modal .progr_control_box .progr_control_pre:hover i {animation:leftbtn1 1s ease;}
.progr_modal .progr_control_box .progr_control_next:hover {background: #0B37C3;}
.progr_modal .progr_control_box .progr_control_next:hover i {animation:rightbtn1 1s ease;}
.progr_modal .progr_control_box .progr_breadcrumb strong {font-size: 2.5rem; color:#1140d8; letter-spacing: 0rem; padding-right: 0.5rem;}
.progr_modal .progr_control_box .progr_breadcrumb {font-size: 1.4rem; color:#a5a5a5; letter-spacing: 0.5rem;}
.progr_con_box_text .pr_text_box_area h4 {font-size: 1.5rem;color:#373a50;font-weight: 600;padding: 1.5rem 0rem;}
.progr_con_box_text .pr_text_box_area p {position: relative;margin:0.2rem 0rem;}
.progr_con_box_text .pr_text_box_area p input {padding: 1rem 1rem 1rem 4rem;border:none;border-radius: 0rem;}
.progr_con_box_text .pr_text_box_area .pr_text_tit:before {content: "\e9c3";position: absolute;top:50%;left: 1.5rem;transform: translate(0%,-50%);font-family: "xeicon";font-size: 1.6rem;color: #9d9d9d;}
.progr_con_box_text .pr_text_box_area .pr_text_tit input {font-weight: 500;color: #1734BD;border-color: #d3d3d3 !important;}
.progr_con_box_text .pr_text_box {margin-bottom: 2rem;}
.progr_con_box_text .pr_text_box:last-child {margin-bottom: 0rem;}
.p_l_i_t_title {text-align: left;}
.p_l_i_t_title h3 { font-size: 1.7rem; padding: 1rem 0rem;}
.p_l_i_t_title h3 span {position: relative;}
.p_l_i_t_title h3 span:before {content: ""; background: #dce4ff; width: 100%; height: 40%; position: absolute; bottom:0rem; left:0rem; z-index: -1;}
.p_l_i_t_title h3 strong {padding-right: 1rem;}
.p_l_i_t_box {display: flex; padding: 1rem 0rem; font-size: 1.4rem; gap:1rem;}
.p_l_i_t_box div {position: relative; width: 100%; background: #f9fbff;border: 0.1rem solid #e1e1e1; padding: 1rem 1.5rem;}
.p_l_i_t_box div ul { flex-direction: column; display: flex;}
.p_l_i_t_box div ul li {justify-content: flex-start; padding: 0.7rem 0rem; white-space:normal;}
.p_l_i_t_box div ul li:first-child:before {content: "\eb1f"; font-family: "xeicon"; margin-right: 0.1rem; font-weight: 500;}
.p_l_i_t_box div ul li:last-child:before {content: "\ea8c"; font-family: "xeicon"; margin-right: 0.1rem; font-weight: 500;}
.p_l_i_t_box div ul li strong {margin-right: 1rem; font-weight: normal; color:#424449;}
.p_l_i_t_box div ul li span {font-weight: 600; color: #292d38;}

.last_info_area {border-radius: 0.5rem; overflow: hidden; box-shadow:-1px 2px 6px 0px #cecece}
.last_info_area .pr_last_info_text {display: flex;gap:1rem;padding-bottom: 1.5rem;flex-direction: column;}
.last_info_area .p_l_i_t_title h3 span:before {display: none;}
.last_info_area .p_l_i_t_title {background: linear-gradient(90deg, rgba(56,100,242,1) 0%, rgba(24,149,180,1) 100%); text-align: center; color: #fff;}
.last_info_area .p_l_i_t_box {margin: 0rem 1.5rem;padding: 0rem;}
.last_info_area .p_l_i_t_box div {padding: 1rem;background: url("../images/sub/last_info_area_img1.png") 2rem 50% no-repeat;min-height: 9rem;width: 100%;display: flex;align-items: center;border: 0.1rem solid #e2e8f6;border-radius: 0.5rem;}
.last_info_area .p_l_i_t_box div ul {display: flex;padding-left:10rem;width: 100%;}
.last_info_area .p_l_i_t_box div ul li {width: 100%; padding: 0rem;}
.last_info_area .p_l_i_t_box div ul li:before {display: none;}
.last_info_area .p_l_i_t_box div ul li strong {font-size: 1.4rem; font-weight: 600; width: 100%; max-width: 7rem;}
.last_info_area .p_l_i_t_box div ul li span {padding: 0.5rem 0rem;font-size: 1.4rem;display: flex;font-weight: 500;align-items: center;}
.last_info_area .p_l_i_t_box div ul li strong {color:#3864f2;}
.last_info_area .p_l_percent div ul li:before {content: ""; position: absolute; top:50%; left:0rem; background: url("../images/sub/last_info_area_img3.png") 0% 0% no-repeat !important; width: 6rem; height: 5rem; transform: translate(0%,-50%);}
.last_info_area .p_l_percent div input {width: 100%; max-width: 5rem;}
.last_info_area .p_l_percent div {padding: 1rem;background: url("../images/sub/last_info_area_img2.png") 2rem 50% no-repeat;}
.last_info_area .p_l_percent div ul {display: flex;flex-direction: row;gap: 0rem;}
.last_info_area .p_l_percent div ul li {width: 100%; padding: 0rem; max-width: 18rem;}
.last_info_area .pr_text_box_area div {padding: 1rem;background: url("../images/sub/last_info_area_img3.png") 2rem 50% no-repeat;}
.last_info_area .pr_text_box_area .pr_text_box {display: flex; padding-left: 10rem;}
@keyframes leftbtn1 {
0% { transform:translateX(0px);}
30% { transform:translateX(-5px);}
50% { transform:translateX(2px);}
70% { transform:translateX(-2px);}
100% { transform:translateX(0px);}

}

@keyframes rightbtn1 {

0% { transform:translateX(0px);}
30% { transform:translateX(5px);}
50% { transform:translateX(-2px);}

70% { transform:translateX(5px);}
100% { transform:translateX(0px);}
}



/* 보안서약서 */
.outexp_pr_writing {padding: 0rem 3rem;}
.outexp_pr_writing > div {margin:0rem;}
.outexp_pr_writing label {font-size: 1.4rem; cursor: pointer;}
.outexp_pr_writing .sub_title {border:0.1rem solid #ebebeb; padding: 1.5rem 2rem; border-bottom: none; background: #f9fafc;}
.outexp_pr_writing .rule-wrap {display:inline-block; overflow-y: scroll; overflow-x: hidden; height:10rem; font-size: 1.3rem; line-height: 3rem; padding: 1rem 3rem;  border:0.1rem solid #ebebeb;}

.outexp_pr_all {font-size: 1.6rem; padding:2rem; text-align: center; background:#283ea3 url("../images/sub/out_eval_sub_bar.jpg")100% 0% no-repeat; background-size: cover; color:#fff; padding: 1.5rem 2rem; border-radius: 0.5rem 0.5rem 0rem 0rem;}
.outexp_pr_all h2 {font-size: 2rem;}
.rule_in {padding: 2rem;border:0.1rem solid #e9e9e9;}
.oath_box {font-size: 1.6rem;padding: 1rem 1rem;text-align: center;border: 0.1rem double #ebebeb;}
.oath_box .comm-rule {line-height: 3rem;font-size: 1.4rem;padding: 1rem 0rem 1rem 0rem;}
.oath_box .comm-rule p {padding: 1rem 0rem;font-size: 1.5rem; border-bottom: 0.1rem solid #ededed;}
.oath_box h2 {text-align: left;font-size: 3rem;padding: 1rem 0rem 0.5em 0rem;display: inline-block;position: relative;z-index: 99;}
.oath_box h2:before {content: "";background: #dde8ff;width: 100%;height: 2rem;position: absolute;bottom:1rem;left:0rem;z-index: -1;}
.oath_box h2 span {color:#2c42a7;}
.oath_box h3 {margin-bottom: 2rem; color:#3c496b;}
.oath_box h4 {text-align: center;font-size: 1.5rem;letter-spacing: 0.2rem;margin-top: 1rem;color: #373737;}
.outexp_pr_check {display: flex;font-size: 1.4rem;padding: 0.5rem;border: 0.1rem solid #f3f3f3;justify-content: center;background: #f9f9f9;width: 50%;margin: 0 auto;border-radius: 1rem;}
.outexp_pr_check input[type=checkbox] {border:3px solid red;}
.outexp_pr_check label {font-size: 1.5rem;font-weight: 600;color: #152557;}

/* 큰 타이틀 */
.big_tit {display: flex; justify-content: center; text-align: center;}

.big_tit h4 {font-size: 2.5rem !important;}
.big_tit h4:before {display: none;}
.big_tit h4 strong:before {content: ""; background: #EFEFF9; width: 100%; height: 30%; position: absolute; bottom:0rem; left:0rem; z-index: -1;}

/* 이력관리 */
.resume_con_box .status_title {margin-bottom: 3rem;}
.resume_bg {background: #f6f6f6}
.resume_wrap {position: relative;padding: 0rem 2rem;display: flex;justify-content: center;}
.resume_wrap li {white-space:normal !important;}
.resume_area {width: 100%;background: #fff;box-shadow: 4px 6px 9px 0px #b3b3b3;}
.resume_header {display: flex;/* background: #129ce5 url("../images/sub/resume_bg.jpg") 50% 50% no-repeat; */background-size: cover;padding: 2rem 2rem 1rem 2rem;text-align: left;}
.res_he_tit {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; padding: 0rem 3rem;}
.res_he_tit h2 {font-size: 2.5rem;color: #3b3b3b;}
.res_he_tit h2 span {font-size: 1.4rem;padding: 0rem 1rem;}
.res_he_util {width: 100%;}
.res_he_util ul {display: flex;gap: 0.8rem;width: 100%;padding-top: 1rem;background: #f7f7f7;padding: 2rem 1rem; margin-top: 2rem;}
.res_he_util ul li {position: relative;font-size: 1.4rem;color: #1a1a1a;display: flex;flex-direction: column;padding: 0rem 1rem;justify-content: center;width: 100%;}
.res_he_util ul li strong {padding-bottom: 1rem;}
.res_he_util ul li i {margin-right: 0.5rem;}
.resume_contetn {padding: 2rem 2rem;display: flex;flex-direction: column;gap: 1.5rem;}
.res_con_box {position: relative;border: 0.1rem solid #ebebeb;border-radius: 0.5rem;}
.res_con_tit {position: relative;}
.res_con_tit h3 {font-size: 1.4rem;padding: 0.7rem 1rem;background: #f3f3f3;display: flex;color: #1e3355;align-items: center;}
.res_con_tit h3 i {margin-right: 0.5rem; font-size: 1.8rem;}
.res_con_tit:before {/* content: ""; */width: 100%;height: 0.1rem;background: #cecece;display: flex;}
.res_con_tit:after {/* content: ""; */position: absolute;top:-0.2rem;left:0rem;background: #3a474d;width: 3rem;height: 0.4rem;}
.res_con_detail {/* border: 0.1rem solid #ebebeb; */padding: 1rem 2rem;}
.res_con_detail .res_con_det_box a {text-decoration: underline; color: #2a428f;}
.res_con_detail ul li {display: flex;gap: 5rem;justify-content: left;}
.res_con_detail ul li .res_con_det_box {display: flex;justify-content: left;width: 100%;padding: 0.4rem 0rem;font-size: 1.3rem;}
.res_con_detail ul li .res_con_det_box strong {display: inline-flex;min-width: 10rem;font-weight: 400;align-items: center;}
.res_con_detail ul li .res_con_det_box strong:before {content: "";width: 0.4rem;height: 0.1rem;background:#636363;border-radius: 1rem;margin-right: 0.6rem;margin-bottom: 0.1rem;}
.res_con_detail ul li .res_con_det_box p {width: 100%;}
.res_con_table {/* margin-bottom: 2rem; *//* border:0.1rem solid #e9e9e9; */}
.res_con_table:last-child {margin-bottom: 0rem;}
.res_con_table_area {position: relative; display: flex; flex-direction: column; padding: 2rem; background: #fff; border-top:0.1rem solid #e9e9e9;}
.res_con_table_onoff {position: absolute; top:50%; right: 1rem; transform: translate(0%,-50%);}
.res_con_table_in {padding: 0rem 0rem;background: #f7f7f7;}
.res_con_table_info {position: relative;}
.r_c_t_i_box {padding: 1rem 15rem 1rem 2rem;font-size: 1.3rem;background: #ffffff;/* margin-bottom: -1px; */border-top: 0.1rem solid #e5e5e5;}
.r_c_t_i_box {line-height: 2rem;}
.r_c_t_i_box ul li:after {content: "/"; font-weight: 100; font-size: 1.4rem; padding: 0rem 1rem 0rem 1.5rem; color: #9b9b9b;}
.r_c_t_i_box ul li:last-child:after {display: none;}
.r_c_t_i_box .rcti_name {font-size: 1.3rem;font-weight: 400;}
.resume_quick {position: relative;padding-right: 1rem;}
.resume_quick ul {position: sticky; top:5rem;}
.resume_quick li {display: block !important; text-align: center;}
.resume_quick li a {display: block; margin-bottom: 2rem; font-size: 1.2rem;}
.resume_quick li a i {display: block; font-size: 2rem; background: #fff; border-radius: 10rem; padding: 0.7rem; border:0.1rem solid #e5e5e5; margin-bottom: 0.5rem; color: #433939;}
.resume_quick li a:hover {color: #082a83; font-weight: bold;}
.resume_quick li a:hover i {border-color:#082a83; color: #fff; animation:iconbtn 1s ease; box-shadow:4px 6px 9px 0px #b3b3b3;}
.resume_area_tit {padding: 1rem 0rem;background: #1e3355;text-align: center;font-size: 1.4rem;color: #fff;}
.res_he_photo {border: 0.1rem solid #f1f1f1; width: 103px; height: 132px; padding: 0.5rem; display: table;}
.res_he_photo img {width: 103px; height: 132px;}
.res_he_util ul li:after {content: "";width: 0.1rem;height: 100%;position: absolute;top:50%;right: -0.5rem;transform: translate(0%,-50%);background: #d9d9d9;}
.res_he_util ul li:last-child:after {display: none;}
.popup_wrap {overflow: initial !important;}
.resume_quick_pop {position: relative;}
.resume_quick_pop ul {display: flex; flex-direction: column; gap:0.3rem; position: sticky; top: 0rem;}
.resume_quick_pop ul li a {background: #ededed; padding: 0.2rem; border-radius: 1rem 0rem 0rem 0rem;}
.resume_quick_pop ul li a:hover {background: #e5ecf5;}
.resume_quick_pop ul li a:hover i {color: #1e3355;}
.resume_quick_pop i {font-size: 1.8rem; color: #777777;}
.resume_contetn button {font-size: 1.3rem;}


/* 프로세스 */
.stage_process_wrap  {background: #f2f5fc; border-radius: 1rem; margin-bottom: 1rem;}
.st_pr_area {display: flex; padding: 3rem; gap:3rem; justify-content: center;}
.st_pr_area > div {width: 100%; max-width: 30rem; border:0.2rem solid #f2f5fc; padding: 2rem; border-radius: 2rem; box-shadow: 0px 8px 6px 0px #c7ceeb; background: #fff; font-size: 1.4rem;}
.st_pr_area .st_pr_box:hover {border:0.2rem solid #4755cf;}
.st_pr_detail .st_pr_tit {min-height: 10rem;}
.st_pr_detail .st_pr_tit strong {color:#465872; font-size: 1.5rem;}
.st_pr_detail .st_pr_tit h3 {color: #000000; font-size: 1.5rem; font-weight: 600; padding: 1rem 0rem;}
.st_pr_detail .st_pr_txt {display: flex; justify-content: center; align-items: center; padding: 1.5rem 1rem; background: #b6bdca; border-radius: 1rem; color:#fff; font-size: 1.5rem; font-weight: 600; gap:1rem;}

.st_pr_com {background: #fff !important;}
.st_pr_com .st_pr_txt {background: #4755cf;}
.st_pr_com.spi_active {border-color: #4755cf !important;}

.st_pr_re {background: #fff !important;}
.st_pr_re.spi_active {border-color: #f84466 !important;}
.st_pr_re .st_pr_txt {background: #f84466;}

.st_pr_modi {background: #fff !important;}
.st_pr_modi.spi_active {border-color: #8447ab !important;}
.st_pr_modi .st_pr_txt {background: #8447ab;}

.st_pr_sere {background: #fff !important;}
.st_pr_sere.spi_active {border-color: #f37d0a !important;}
.st_pr_sere .st_pr_txt {background: #f37d0a;}

.st_pr_ing {background: #fff !important;}
.st_pr_ing.spi_active {border-color: #008fa4 !important;}
.st_pr_ing .st_pr_txt {background: #008fa4;}

.spi_active {position: relative; transform: translate(0%,0%); border:0.2rem solid !important; box-shadow: 0px 8px 17px 0px #758abc !important;  animation: fadeInUp 1s ease-in-out;}

.st_pr_rink {background: #f2f5fe; padding: 0.5rem; color:#4f4fd9; font-weight: bold; display:inline-flex; align-items: center; border-radius: 0.5rem;}
.st_pr_rink:after {content: "\e93f"; font-family: "xeicon";}
.st_pr_rink:hover {color: #000000;}

.st_pr_img1 {background: url("../images/sub/sub_pr_img1.jpg") 100% 0% no-repeat;}
.st_pr_img2 {background: url("../images/sub/sub_pr_img2.jpg") 100% 0% no-repeat;}
.st_pr_img3 {background: url("../images/sub/sub_pr_img3.jpg") 100% 0% no-repeat;}
.st_pr_img4 {background: url("../images/sub/sub_pr_img4.jpg") 100% 0% no-repeat;}
.st_pr_img5 {background: url("../images/sub/sub_pr_img5.jpg") 100% 0% no-repeat;}

/* 위에서 아래로 나타나기 */
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}



/* 응답항목 설정 영역 */
.response_writing_area {background: #f9f6ff;padding: 2rem;}
.re_wr_box {position: relative; border:0.1rem solid #cecece; padding: 2rem 2rem 2rem 4rem; border-radius: 0.5rem; background: #fff; box-shadow: 3px 3px 9px 0px #cecece; margin-bottom: 1rem;}
.re_wr_box:last-child {margin-bottom: 0rem;}
.re_wr_box_move {position: absolute; top:0rem; left:0rem; background: #2b3f66; font-size: 1.4rem; cursor: pointer; height: 100%; display: flex; align-items: center; color: #fff;}
.re_wr_box_move:hover {background: #121D32; color:#fff;}
.re_wr_box_move .jb-text {opacity: 0;z-index: 99;top: 65%;left: 50%;transform: translate(-50%,-50%);text-align: center;min-width: 47px;padding: 1rem 0.5rem;}
.re_wr_box_move:hover .jb-text {opacity: 1; top:65%;}
.choice_sel_box {display: flex; justify-content: space-between; align-items: center;}
.choice_sel {position: relative; display: flex;  align-items: center;}
.choice_sel i {font-size: 1.7rem; margin-right: 1rem;}
.choice_sel_active {position: relative; border:0.1rem solid #e2e2e2; font-size: 1.4rem; display: flex; align-items: center; padding: 1rem 3rem 1rem 1rem;  cursor: pointer; border-radius:0.5rem;}
.choice_sel_active:after {content: ""; position:absolute; top:50%; right:0%; transform: translate(-50%,-50%); background:#fff url("../images/layout/select_arrow.svg") no-repeat;background-size:1.5rem;
width: 1.5rem; height: 1.5rem;}
.choice_sel_list {position: absolute; border:0.1rem solid #e2e2e2;; background: #fff; top: 4rem; box-shadow: 3px 3px 9px 0px #cecece; border-radius: 0.5rem; z-index: 99;}
.choice_sel_list div {border-bottom:0.1rem solid #e2e2e2;}
.choice_sel_list div button {display: flex; padding: 1rem 3rem 1rem 1rem; font-size: 1.4rem; width: 100%; text-align: left;}
.choice_sel_list div button:hover {background: #f5f6fa;}
.choice_sel_list div:last-child {border-bottom:none;;}
.choice_sel_list div button.active {background: #3864f2; color:#fff;}
.choice_sel_util {position: relative; display: flex; gap:0.5rem;}
.choice_sel_util button {position: relative; border:0.1rem solid #efecf5; color: #747474; border-radius: 0.3rem; padding: 0.3rem 0.5rem;}
.choice_sel_util button:hover {background: #2b2c2f; color:#fff; border:0.1rem solid #2b2c2f;}
.choice_sel_util i {font-size: 2rem;}
.jb-text {position: absolute; top:3rem; left:50%; transform: translate(-50%,0%); padding:1rem 0.5rem; background-color: #444444; border-radius: 5px; color: #ffffff; position: absolute; transition: all ease 0.5s; opacity: 0; min-width: 10rem;}
.choice_sel_util button:hover .jb-text {opacity: 1;}
.choice_text_con div ul li {position: relative;}
.choice_text_con div ul li button {position: absolute; top: 50%; right: 0rem; transform: translate(0%,-50%); z-index: 99;}
.choice_text_con div ul li button i {font-size: 1.7rem;}
.choice_text_con div ul li button:hover .jb-text {opacity: 1; z-index: 99;}
.choice_text_wrap {margin:1rem 0rem;}
.choice_text_title input {background: #f8f9fa; font-weight: bold; transition: all ease 0.1s; border-radius: 0.3rem; height: 4.5rem;}
.choice_text_title input:focus {outline: 0.2rem solid #3864f2;}
.choice_text_con ul li {font-size: 1.4rem; padding: 1rem 0rem; border-bottom: 0.1rem solid #e2e2e2;}
.choice_text_con input {font-size: 1.4rem; border:none !important;}
.choice_text_con div ul li span {margin-left:0.5rem;}
.choice_text_radio ul li {position: relative; padding-left:1.5rem;}
.choice_text_radio ul li:before {content: "\e9c6"; position: absolute; top:50%; left:0%; transform: translate(0%,-50%); font-family: "xeicon"; color: #a5a5a5; font-size: 1.7rem;}
.choice_text_check ul li {position: relative; padding-left:1.5rem;}
.choice_text_check ul li:before {content: "\e98f"; position: absolute; top:50%; left:0%; transform: translate(0%,-50%); font-family: "xeicon"; color: #a5a5a5; font-size: 1.7rem;}
.choice_text_short ul li {position: relative; padding-left:1.5rem;}
.choice_text_short ul li:before {content: "\e960"; position: absolute; top:50%; left:0%; transform: translate(0%,-50%); font-family: "xeicon"; color: #a5a5a5; font-size: 1.7rem;}
.choice_text_long ul li {position: relative; padding-left:1.5rem;}
.choice_text_long ul li:before {content: "\e957"; position: absolute; top:50%; left:0%; transform: translate(0%,-50%); font-family: "xeicon"; color: #a5a5a5; font-size: 1.7rem;}
.choice_text_drop .file-upload-result li:before{display: none;}
.choice_text_drop .file-upload-result button { top: 0.2rem; right: 1rem; transform: translate(0%,0%);}
.choice_text_drop ul li {position: relative; padding-left:1.5rem;}
.choice_text_drop ul li:before {content: "\eb7b"; position: absolute; top:50%; left:0%; transform: translate(0%,-50%); font-family: "xeicon"; color: #a5a5a5; font-size: 1.7rem;}
.choice_text_btn {margin-top: 1rem;}
.choice_text_btn button {width: 100%;}
.choice_text_con {padding-left:3rem;}
.cho_list_move {position: absolute;top:50%;left:-2rem;transform: translate(0%,-50%);cursor: pointer;}

.peros_info_box {display: flex;flex-wrap: wrap;gap: 1%;}
.peros_info_box div {width: 32.5%;padding: 0.2rem 0.5rem 0.5rem 1rem;margin-bottom: 1rem;}
.peros_info_wrap .join_infoBox {display: flex;align-items: center;justify-content: space-between;border: 0.1rem solid #D9D9D9;border-radius: 0.5rem;}
.peros_info_wrap .join_infoBox .join_title {font-size: 1.4rem;display: flex;align-items: center;}
.peros_info_wrap .join_infoBox .join_title i {margin-right: 1rem; font-size: 2rem;}
.peros_info_wrap .join_infoBox a {border:0.1rem solid #cecece; padding: 1rem; min-width: 10rem; text-align: center; font-size: 1.4rem; border-radius: 0.5rem; background: #f5f5f5;}
.peros_info_wrap .join_infoBox a:hover {background: #373737; color:#fff;}
.peros_info_wrap .new_join_id {background: url("../images/external_img/join_password_bg.png") 100% 50% no-repeat;}
.peros_info_wrap .new_ice_join_withd_box {border:0.1rem solid #dadada;max-width: 100rem;width: 100%;margin:0px auto;border-radius: 1rem;padding:4rem;margin-top: 1rem;}
.peros_info_wrap .new_joinAgree_title {margin-bottom: 3rem;}
.peros_info_wrap .new_joinAgree_title h2 {font-size:3rem; padding-bottom: 2.5rem; color:#000000; padding-top:1.5rem;}
.peros_info_wrap .new_joinAgree_title p {font-size:1.5rem; line-height: 2.5rem; color:#646464; padding-right: 13rem;}
.peros_info_wrap .new_ice_join_withd_box .join_info input {border:none;border-bottom:0.1rem solid #cecece;padding: 0rem 1rem;font-weight: bold;font-size:1.6rem;color:#000000;}
.peros_info_wrap .new_ice_join_withd_box .join_info input::placeholder { font-weight: 500; font-size:1.5rem; color:#A3A3A3;}
.peros_info_wrap .new_ice_join_withd_box .join_info select {padding-left:0rem;width: 100%;font-weight: bold;font-size:1.6rem;padding: 0rem 1rem;color:#000000;}
.peros_info_wrap .new_ice_join_withd_box .join_infoBox {margin-top:0rem;padding: 1rem 0rem;margin-bottom: 1rem;}
.peros_info_wrap .new_ice_join_withd_box .join_infoBox p {padding: 0.5rem 0rem;}
.peros_info_wrap .new_ice_join_withd_box .join_infoBox .borderBox {border:none; border-bottom:0.1rem solid #cecece; display: flex;}
.peros_info_wrap .new_ice_join_withd_box .join_infoBox .btn.active {border:1px solid #606dcd; background: #fff; color:#1531bf; z-index: 99;}
.peros_info_wrap .new_ice_join_withd_box .join_infoBox .btn {border:1px solid #dadada; background: #fff; color:#5f5f5f; margin-left:-0.1rem; font-size:1.6rem;}

.peros_info_wrap .new_ice_join_withd_box .join_infoBox .btn:hover {background: #e2e7ff; color:#1531bf;}
.peros_info_wrap .new_ice_join_withd_box .join_infoBox .btn:hover {background: #e2e7ff; color:#1531bf;}
.peros_info_wrap .new_ice_join_withd_box .join_infoBox .join_search_btn a {background:#393939; display: block; text-align: center; color:#fff; font-weight: bold; padding: 1rem 0rem; margin:1.5rem 0rem;}
.peros_info_wrap .new_ice_join_withd_box .join_infoBox .join_search_btn a:hover {background:#000000; color:#FFE166;}
.peros_info_wrap .new_ice_join_withd_box .id_search_result {background: #f4f4f4; padding: 2rem 0.5rem;}
.peros_info_wrap .new_ice_join_withd_box .search_result_box1 p {font-size:1.6rem;color:#ff2020;background: none;}
.peros_info_wrap .new_ice_join_withd_box .join_move_btn  {text-align: right;}
.peros_info_wrap .new_ice_join_withd_box .join_move_btn a {font-size:1.4rem; padding-right:2rem;}
.peros_info_wrap .new_ice_join_withd_box .join_move_btn a:hover {color: #1531bf;}
.peros_info_wrap .new_ice_join_withd_box .join_move_btn a:last-child {padding-right:0rem;}
.peros_info_wrap .new_ice_join_withd_box .new_join_completion {text-align: center;}
.peros_info_wrap .new_ice_join_withd_box .new_join_completion h2 {background: url("../images/layout/join_finish.png") 50% 0% no-repeat; padding-top:18rem;}
.peros_info_wrap .new_ice_join_withd_box .new_join_completion p {padding-right:0rem;}
.peros_info_wrap .border_none {border:none;}
.peros_info_wrap .new_ice_join_withd_box .search_result_box1 p span {font-size:2.5rem; color:#ff0000;}
.peros_info_wrap .new_ice_join_withd_box .search_result_box2 {margin-top:2rem;}
.peros_info_wrap .new_ice_join_withd_box .search_result_box2 p {font-size:2.5rem;}
.peros_info_box div .switch_box {justify-content: flex-end;margin-bottom: 0rem;}
.peros_info_tex_box .form_check {padding: 1rem 2rem; background: #edf1f5;}
.peros_info_tex_box .form_check label {bfont-size: 1.5rem;}
.peros_info_tex_box {padding: 1rem 0rem;}
.switch-label2 {background: #47a8d8;}
.switch-label2:before { color:#fff;}

/* 총괄표 */
.new_gen_area {display: flex;background: #f2f5fc;border-radius: 1rem;padding: 3rem;justify-content: center;gap:3%;}
.new_gen_area i {font-size: 2rem;margin-right: 0.3rem;}
.new_gen_area > div {position: relative;width: 100%;max-width: 40rem;border:0.2rem solid #f2f5fc;padding: 1.5rem;border-radius: 1rem;box-shadow: 0px 8px 6px 0px #c7ceeb;background: #fff;font-size: 1.4rem;}
.new_gen_area > div:after {content: "\e93f";position: absolute;top:50%;right: -4.5rem;transform: translate(0%,-50%);font-family: "xeicon";font-size: 4rem;color: #326afc;}
.new_gen_area > div:last-child:after {display: none;}
.new_gen_area > div:nth-child(1) {max-width: 26rem;}
.new_gen_area > div:nth-child(2) {max-width: 98rem;}
.new_gen_area > div:nth-child(3) {max-width: 25rem;}
.new_gen_tit h3 {font-size: 1.6rem; color:#0c54ba;}
.new_gen_tit p {font-size: 1.4rem;padding: 1rem 0rem;line-height: 2.5rem;text-align: left;font-weight: 500;}
.new_gen_de_btn {display: flex; flex-direction: column; gap:0.5rem; margin-top: 1rem;}
.new_gen_de_btn a {border:0.2rem solid #326afc; display: block; text-align: center; padding: 1rem 0rem; border-radius: 0.5rem; color:#0e47dc; font-weight: 400;}
.new_gen_de_btn a:hover {background: #326afc; color:#fff;}
.new_gen_de_btn strong {display: flex;align-items: center;justify-content: center;}
.new_gen_errorinfo {display: flex; padding: 1rem; background: #f0f3fa; gap:1rem;}
.new_gen_errorinfo > div {width: 100%; text-align: center; border:0.1rem solid #ededed;}
.new_gen_errorinfo > div strong {font-weight: 400;}
.new_gen_errorinfo > div h5 {font-size: 1.4rem; padding: 0.5rem 0rem;  color:#fff;}
.new_gen_errorinfo > div p {background: #fff; padding: 1rem 0rem; font-weight: bold;}
.new_gen_errorinfo > div:nth-child(1) h5 {background: #08b9c4;}
.new_gen_errorinfo > div:nth-child(2) h5 {background: #326afc; color:#fff;}
.new_gen_errorinfo > div:nth-child(3) h5 {background: #e6173e; color:#fff;}
.new_gen_errorinfo > div:nth-child(1) p {color: #08b9c4;}

.new_gen_errorinfo > div:nth-child(2) p {color: #326afc;}
.new_gen_errorinfo > div:nth-child(3) p {color: #e6173e;}
.n_g_blue_fill {background: #326afc; display: block; text-align: center; padding: 1rem 0rem; border-radius: 0.5rem; color:#0e47dc;}
.n_g_blue_fill strong {color:#fff;display: flex;align-items: center;}
.n_g_blue_fill_on {background: #326afc; display: block; text-align: center; padding: 1rem 0rem; border-radius: 0.5rem; color:#0e47dc;}
.n_g_blue_fill_on strong {color:#fff;}
.n_g_blue_fill_on:hover {background: #0e296f !important; border-color:#0e296f;}
.n_g_red_fill {background: #ffeaee; border-color:#e6173e !important; color:#e6173e !important;}
.n_g_red_fill:hover {background:#e6173e !important; color:#fff !important;}
.n_g_text_box {border: 0.1rem solid #ededed;}
.n_g_text_box .n_g_blue_fill {justify-content: center;}
.n_g_text_box p {border-radius: 0rem !important; padding: 1rem; display: flex; align-items: center;}
.n_g_text_box p button {text-align: center;}
.n_g_check {text-align: center;}
.n_g_check i {font-size: 10rem;color: #326afc;}

.gen_conversion {gap:1%;}
.gen_conversion > div:nth-child(1) {max-width: 30rem;}
.gen_conversion > div:nth-child(2) {width: 100%; max-width: none;}
.gen_conversion > div:nth-child(3) {max-width: 30rem;}
.n_g_white_fill_on {border:0.1rem solid #cecece !important; color:#1E1C1C !important; font-weight: 300 !important;}
.n_g_white_fill_on:hover {background: #f2f5fc !important;}

.gen_conversion_result > div {width: 100%; max-width: none;}
.new_gen_gray_bg {background: #edf0f7;padding: 1rem; overflow: auto;}
.new_gen_gray_bg > div {height: 15rem;}
.new_gen_gray_bg p {padding: 0.5rem 1rem;}
.gen_conversion_result {gap:2rem;}
.gen_conversion_result > div {width: 100%;max-width: none !important;margin:0 auto;}
.gen_conversion_result > div:after {display: none;}

.n_g_t {text-align: center;display: block;padding: 1rem;font-weight: bold;}
.new_gen_upload_area {display: flex; flex-direction: column; gap:2rem;}
.new_gen_upload_area h4 {position: relative;padding: 1rem 0rem 1rem 1rem;background: #e8ecf5;border-bottom: 0.1rem solid #ebebeb;color: #264e81;}
.new_gen_upload_area h4:before {content: "\ea0b"; font-family: "xeicon"; margin-right: 0.5rem; font-size: 1.3rem;}
.new_gen_upload1,
.new_gen_upload2 {border:0.1rem solid #ebebeb; border-radius: 0.5rem;}
.new_gen_upload1 input {border:none !important;}
.file_cus {display: flex;padding: 1rem;}
.file_cus label {display: flex;width: 100%;/* margin: 50px auto 0; */font-size: 0;cursor: pointer;}
input[type="file"] {overflow: hidden;position: absolute;width: 1px;height: 1px;margin: -1px;font-size: initial;clip: rect(0 0 0 0);}
.file_name {overflow: hidden;display: inline-block;vertical-align: middle;width: calc(100% - 108px);height: 40px;padding:0 12px;border: 1px solid #ddd;border-radius:4px;font-size: 14px;line-height: 38px;color: #111;white-space: nowrap; text-overflow: ellipsis;}
.file_btn {display: inline-block;vertical-align: middle;width: 100px;height: 40px;margin-left: 8px;background: #3b4151;border-radius:4px;font-size: 14px;font-weight: 500;line-height: 40px;color: #fff;text-align: center;}
input[type="file"]:focus-visible ~ .file_btn, .file_cus:hover .file_btn {background: #0a408f;}
.total_a th {background: #f7f7f7;}
.total_a td {background: #bac9f3;}
.total_b th {background: #f7f7f7;}
.total_b td {background: #eff1ff;}


/* 평가대상 배치 영역 */
.deplo_wrap {padding-top: 1rem; margin-top: 0rem; border-bottom: none;}
.deplo_wrap > div {border:0.1rem solid #e9e9e9;}
.deplo_wrap > div:nth-child(2) {border-left:none; border-right:none; background:#f3f3f3;  padding: 0rem;}
.deplo_wrap > div:nth-child(2) button {background: #fff;}
.deplo_wrap > div:nth-child(2) button:hover {background: #3864f2;}
.deplo_wrap .lay_con_search {display: flex;background: #f8f8f8;border:0.1rem solid #e2e2e2;gap:1rem;padding: 0.7rem; border-bottom: none;}
.deplo_wrap .lay_con_search > div {width: 100%;}
.deplo_wrap .lay_con_search > div:nth-child(3) {max-width: 10rem;}
.deplo_wrap .lay_con_search > div button {display: block; width: 100%; background: #3d4b62; color:#fff; border-radius: 0.5rem; font-size: 1.8rem;}
.deplo_wrap .lay_con_search > div button:hover {background: #000000;}
.deplo_wrap .fild {position: relative; height: 10rem !important; cursor: pointer;}
.deplo_wrap .fild:hover {background: #f7f9ff;}
.deplo_wrap .fild:before {content: "평가 대상을 선택하시고, 이곳을 클릭 한 후 화면 중앙의 버튼을 클릭하여 목록에 추가하거나 제외해주세요."; color:#949292; background:url("../images/sub/deplo_wrap_fild_bg.png") 0% 50% no-repeat; padding-left:5rem; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); word-break: keep-all;}
.deplo_wrap .activate {border:0.2rem dashed #3864f2 !important; background: #f7f9ff; border-radius: 0.5rem;}
.deplo_wrap .activate:before {display: none;}
.deplo_wrap .lay_approval_center{display: flex; flex-direction: column; align-items: center; justify-content: center;}

/**/
.stbr_line ul li:after {content: "" !important; position: absolute; top:50% !important; right:0rem !important; transform: translate(0%,-50%); width: 0.2rem; height: 50%; background: #d7d7d7; border-radius: 10rem;}
.stbr_line ul li:last-child:after {display: none;}

/* 알림 영역 */
.notification_area {font-size: 1.4rem;padding: 1.5rem 1rem 1.5rem 10rem;border-radius: 0.5rem;background: #f6fbff url(../images/sub/notification_bg.png) 2.5rem 50% no-repeat;box-shadow: 3px 2px 2px 1px #e0e4e7;border:0.1rem solid #c5d3dd;}
.notification_area h3 {background: #6771cd;display: inline-block;padding: 0.3rem 2rem;color: #ffffff;border-radius: 10rem;margin-bottom: 0.2rem;}
.notification_area p  {padding: 0.5rem 0rem;}

/* 적용 버튼 영역 */
.box_line_area {position: relative; border: 0.2rem solid #0b8dcd; padding: 2rem 2rem 4rem 2rem; border-radius: 0.5rem; background: #fbfeff; box-shadow: 4px 4px 6px 0px #cecece; margin-bottom: 7rem;}
.apply_area {position: absolute; bottom: -3rem; left: 50%; transform: translate(-50%,0);}
.apply_area button {background:linear-gradient(90deg, rgba(10,192,200,1) 0%, rgba(11,131,206,1) 100%); border-radius: 10rem; color:#fff; padding: 1.5rem 7rem; font-size: 1.6rem; font-weight: 600; border:none !important;}
.apply_area button:hover {background: #1047b3 !important; color: #fff !important; border:none !important; animation:iconbtn 1s ease;}
.apply_area .b_ex_arrow {left: 60%; transform: translate(-50%, 0) rotate(90deg); top: 4rem;}
.apply_area .b_ex_arrow span {color: #0b81ce;}

/* 선택 항목 스크립트 제어 */
.selectize-control.multi .selectize-input [data-value] {color: #162542;background: #f3f8ff !important; box-shadow: none !important;border-color: #dce4ef;}
.selectize-control.multi .selectize-input [data-value].active {background: #2054b5 !important;}
.selectize-input {position: relative !important; border:0.1rem solid #d4d4d4 !important; border-top:none !important;}
.select-unlocked_title {background: #485a77 !important;}
.selectize-control.multi .selectize-input > div {margin-top: 3px !important; margin-bottom: 0px !important;}
.selectize-control.multi .selectize-input {position: relative !important; display: flex !important; flex-direction: column-reverse !important;}
.selectize-dropdown {position: absolute !important; top: 4rem !important;  width: 95% !important;}

/* 평가위원섭외 탭 영역 */
.octagon_tab_box {display: flex; gap:1rem; justify-content: center;}
.octagon_tab_box button {background:#efefef; max-width: 34rem; width: 100%; padding: 0.7rem 0rem; border-radius: 2rem 2rem 0rem 0rem;}
.octagon_tab_box button span {color:#222f52; font-weight: 600; font-size: 1.6rem; display: flex; align-items: center; justify-content: center;}
.octagon_tab_box button span:after {content: "\e92c"; font-family: "xeicon"; font-weight: normal; font-size: 2.5rem; margin-left:0.5rem;}
.octagon_tab_box button:hover {background: #222f52;}
.octagon_tab_box button:hover span {color: #fff;}
.octagon_tab_box button.active {background:linear-gradient(90deg, rgba(10,192,200,1) 0%, rgba(11,131,206,1) 100%);}
.octagon_tab_box button.active span {color:#fff;}

.eval_right_divide_all {border:0.1rem solid #dddddd;padding: 2rem 3rem;background: #ededed;}
.title_ev_box {background: #244163;display: flex;justify-content: center;font-size: 1.4rem;font-weight: 600;padding: 0.5rem 0rem;min-height: 3rem;align-items: center;color: #fff;}
/* 평기자 좌측 메뉴 영역 */
.eval_table_wrap {display: flex;gap: 0rem;}
.eval_leftmenu_area {width: 17rem !important;}
#eval_leftmenu {position: sticky;top: 0rem;left: 0rem;padding: 0rem;border-radius: 1rem;}
.eval_leftmenu_nav ul li div {position: relative;background: #ffffff;margin: 0rem 0rem;border-bottom: 0.1rem solid #ebebeb;border-radius: 0rem;}
.eval_leftmenu_nav ul li div:hover {background: #fff; color: #0200E1;}
.eval_leftmenu_nav ul li div:first-child {margin-top: 0rem;}
.eval_leftmenu_nav ul li:last-child div {margin-bottom: 0rem;}
.eval_leftmenu_nav ul li div a {display: block;padding: 1rem 1rem;}
.eval_leftmenu_nav ul li div strong {/* background: #ffffff; */font-size: 1.2rem;padding: 0.4rem 0rem;font-weight: normal;color: #e72424;display: inline-block;border-radius: 0.5rem;}
.eval_leftmenu_nav ul li div h4 {font-size: 1.2rem;padding: 0.5rem 0rem;font-weight: 500;}
.eval_leftmenu_nav ul li div p {font-size: 1.2rem;line-height: 1.7rem;font-weight: 300;}
.eval_leftmenu_nav ul li.eval_left_active div a{border:0.1rem solid #273fa4; background: #273fa4; color:#fff;}
.eval_leftmenu_nav ul li.eval_left_active div strong {/* background: #122471; */color: #2bffd0;}
.eval_leftmenu_pagination {padding:1rem 0rem 1rem 0rem;}
.eval_leftmenu_pagination_area {text-align: center;}
.eval_leftmenu_pagination_area a {position: relative; font-size: 1.3rem; padding: 0rem 1rem;}
.eval_leftmenu_pagination_area a:hover {text-decoration: underline;}
.eval_leftmenu_pagination_area .pa_on {color:#fff;}
.eval_leftmenu_pagination_area .pa_on:before {content: ""; background: #273fa4; width: 2rem; height: 2rem; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); border-radius: 10rem; z-index: -1;}
.eval_leftmenu_nav ul li div:before {content: "";position: absolute;top:1rem;right: 0.5rem;background: url("../images/sub/eval_left_img2.png") 0% 0% no-repeat;width: 2rem;background-size: 1.7rem !important;height: 2rem;}
.eval_left_active div:before {content: ""; position: absolute; top:1rem; right: 1rem; background: url("../images/sub/eval_left_img1.png") 0% 0% no-repeat !important; width: 2rem; height: 2rem;}


/* 일반평가표 좌측 메뉴 추가 */
.eval_leftmenu_nav .sub_title {text-align: center;background: #2540a7 !important;padding: 1.2rem 0rem;justify-content: center;color: #fff !important;/* border-bottom: 0.1rem solid #e7e7e7; */margin-bottom: 0rem;/* border-right: 0.1rem solid #5c6fb9; */}
.eval_new_leftmenu {position: relative;width: 1.5rem;top: 0rem;/* background: #f1f1f1; */text-align: center;/* border-right: 0.1rem solid #e7e7e7; */}
.eval_new_leftmenu_box {position: absolute;top: 1rem;left: 0.7rem;padding-top: 1rem;border-radius: 1rem;width: 0rem;}
.eval_new_leftmenu_box button {position: relative;display: block;padding: 3rem 0rem 0rem 0rem;width: 100%;margin-top: 0rem;margin-bottom: 1rem;font-size: 1.2rem;}
.eval_new_leftmenu_box button:last-child {border-bottom: none;}
.n_l_m_list:before {content: "";background: #2540a7 url(../images/sub/n_l_m_list_no.jpg) 50% 50% no-repeat;width: 0.7rem;height: 1.2rem;position: absolute;background-size: 1.5rem!important;top:30%;left:50%;transform: translate(-50%,-50%);padding: 0.5rem;border-radius: 0rem 0.5rem 0.5rem 0rem;}
.n_l_m_docu:before {content: "";background: #424242 url(../images/sub/n_l_m_list_no.jpg) 50% 50% no-repeat;width: 0.7rem;height: 1.2rem;position: absolute;background-size: 1.5rem!important;top:30%;left:50%;transform: translate(-50%,-50%);padding: 0.5rem;border-radius: 0rem 0.5rem 0.5rem 0rem;}
.n_l_m_file:before {content: ""; background:#fff url("../images/sub/n_l_m_list_no.jpg") 50% 50% no-repeat;width: 0.7rem;height: 1.2rem;position: absolute;background-size: 1.5rem!important;top:30%;left:50%;transform: translate(-50%,-50%);padding: 0.5rem;border-radius: 0rem 0.5rem 0.5rem 0rem;}
.n_l_m_imp:before {content: ""; background:#fff url("../images/sub/n_l_m_list_no.jpg") 50% 50% no-repeat;width: 0.7rem;height: 1.2rem;position: absolute;background-size: 1.5rem!important;top:30%;left:50%;transform: translate(-50%,-50%);padding: 0.5rem;border-radius: 0rem 0.5rem 0.5rem 0rem;}
.n_active {color: #273fa4;font-weight: 600;}
.n_active:before {color: #273fa4; font-weight: 400; box-shadow:1px 1px 3px 0px #bdbdbd;}
.eval_new_leftmenu_box .n_active span:before {content: "\e93f";position: absolute;top:40%;right: 0rem;transform: translate(0%,-50%);background: #f1f1f1;/* padding: 1rem 0.5rem; */font-family: "xeicon";/* border-radius: 100rem; */z-index: 99;}
.eval_new_leftmenu_box span:after {content: "\e93c";position: absolute;top:40%;right: 0rem;transform: translate(0%,-50%);background: #f1f1f1;padding: 1rem 0rem;font-family: "xeicon";border-radius: 100rem;}
.n_active.n_l_m_list:before {background: #f9f9f9 url(../images/sub/n_l_m_docu.jpg) 50% 50% no-repeat;}
.n_active.n_l_m_docu:before {background: #ffffff url(../images/sub/n_l_m_docu.jpg) 50% 50% no-repeat;}
.n_active.n_l_m_file:before {background:#2540a7 url("../images/sub/n_l_m_docu.jpg") 50% 50% no-repeat;}
.n_active.n_l_m_imp:before {background:#2540a7 url("../images/sub/n_l_m_docu.jpg") 50% 50% no-repeat;}

/* 평가지 우측 영역 */
.eval_new_info {margin: 0rem 0rem 0rem 0rem;}
.eval_right_info_wrap {display: flex;text-align: center;gap: 0rem;align-items: center;}
.eval_right_info {display: flex;width: 100%;padding: 0.7rem 0.5rem;background:url("../images/sub/out_eval_sub_bar.jpg") 100% 100% no-repeat;/* border-radius: 0.5rem; */color:#fff;align-items: center;background-size: cover;gap: 2rem;/* border:0.2rem solid #0e365d; */}
.eval_right_info .eval_right_title {display: flex; align-items: center; gap:1rem;}
.eval_right_info .eval_right_title strong {display: flex;align-items: center;font-weight: 500;}
.eval_right_info .eval_right_title strong:after {content: ":"; margin-left: 0.5rem;}
.eval_right_info .eval_right_title > div  {display: flex; font-size: 1.4rem; }
.eval_right_info .eval_right_title h2 {color: #ffffff;padding: 0.5rem 1rem;background: #3663ff;border-radius: 1rem;}
.eval_right_info .eval_right_con strong:before {background: #fff;}
.eval_right_title {min-width: 9rem;margin-right: 2rem;}
.eval_right_title h2 {font-size: 1.3rem;padding: 0rem 0rem 0.5rem 0rem;color: #fff;display: flex;justify-content: center;padding: 0rem;align-items: center;}
.eval_right_review {display: flex;width: 100%;padding: 0rem 0rem 0rem 0rem;background:url("../images/sub/out_eval_sub_bg.jpg") 100% 4% no-repeat;/* border-radius: 0.5rem; */background: #1693b9;min-height: 3rem;color:#fff;/* border:0.2rem solid #5b72b5; */}
.eval_right_review > div {position: relative; width: 100%; display: flex;}
.eval_right_review > div:after {/* content: ""; */position: absolute;right:0rem;top:50%;transform: translate(0%,-50%);width: 0.1rem;height: 1rem;background: #c3c3c3;}
.eval_right_review > div:last-child:after {display: none;}
.eval_right_review .eval_right_con p,
.eval_right_review .eval_right_con strong {color: #fff;}
.errb_btn {border-radius: 0.5rem; font-size: 1.2rem; background: #ff6e6e; color:#fff;}
.errb_btn:active {background: red;}
.errb_btn:visited {background: red;}
.eval_right_con {width: auto;display: flex;justify-content: flex-start;gap: 4rem;}
.eval_right_con div {display: flex;align-items: center;font-size: 1.4rem;gap: 0.5rem;}
.eval_right_con strong {display: flex;align-items: center;font-weight: 500;}
.eval_right_con strong:after {content: ":"; margin-left: 0.5rem;}
.eval_right_con button {font-size: 1.2rem;background: #2268bb;color:#fff;border-radius: 0.5rem;}
.eval_right_con input {padding: 0rem !important;margin: 0rem !important;}
.eval_right_review .e_r_r_a {width: 70%;align-items: center;}
.eval_right_review .e_r_r_a .eval_right_title {text-align: center;padding: 0.6rem 0rem;background: #0c6985;height: 100%;align-items: center;margin-right: 1.5rem;border-radius: 0rem;display: flex;justify-content: center;}
.eval_right_review .e_r_r_b {width: 30%;justify-content: center;background: #0f2831;align-items: center;/* padding: 0.3rem 0rem; */margin-right: 0rem;}
.e_r_r_c {}
.e_r_r_c i {margin-right: 0.2rem;}
.e_r_r_c .eval_right_con strong {margin-right: 1.2rem;color: #000000;font-size: 1.3rem;font-weight: bold;}
.e_r_r_c .eval_right_con strong:before,
.e_r_r_c .eval_right_con strong:after {display: none}
.e_r_r_c .eval_right_con {gap: 3rem;background: #e0eeff;padding: 0.5rem 2rem 0.5rem 1.5rem;border-radius: 0.3rem;}
.ri_green {position: relative;color:#fff !important;font-weight: bold;font-size: 1.3rem;}
.ri_blue {position: relative; color:#fff !important; font-weight: bold; font-size:1.3rem;}
.ri_red {position: relative; color:#fff !important; font-weight: bold; font-size:1.3rem;}
.ri_sky {position: relative; color:#fff !important; font-weight: bold; font-size:1.3rem;}
.ri_gray {position: relative; color:#fff !important; font-weight: bold; font-size:1.3rem;}
.ri_green:before {content: "";background: #09a942;}
.ri_green span {z-index: 99; position: relative;}
.ri_blue:before {content: "";background: #3864f2;}
.ri_blue span {z-index: 99; position: relative;}
.ri_red:before {content: ""; background: red;}
.ri_red span {z-index: 99; position: relative;}
.ri_sky:before {content: "";background: #0eb9ff;}
.ri_sky span {z-index: 99; position: relative;}
.ri_gray:before {content: "";background: #a9a9a9;}
.ri_gray span {z-index: 99; position: relative;}
.e_r_r_c div p:before {content: "";position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);width: 4rem;height: 2rem;border-radius: 0.5rem;}
.ri_gray {border:1px solid red;}
.eval_paper_area {position: relative;}
.eval_paper_area:after {
	content: "";
	position: absolute;
	top:0rem;
	background: linear-gradient(to right, transparent 0%, rgb(83 83 83 / 20%) 46%, rgb(0 0 0 / 17%) 49%, rgb(191 191 191 / 60%) 50%, rgb(161 152 152 / 31%) 51%, rgb(0 0 0 / 13%) 52%, transparent 100%);
	bottom: -1em;
	right: -1.5rem;
	height: 100%;
	position: absolute;
	width: 3em;
	}

.outexp_pr_all {background: #273fa4 url("../images/sub/out_eval_sub_bar.jpg") 100% 50% no-repeat;color:#fff;padding: 0.7rem 1.5rem;display: flex;background-size: cover;justify-content: center;}
.outexp_pr_all h2 {font-size: 1.6rem;display: flex;align-items: center;}
.outexp_pr_all h2:before {content: "\e93f";font-family: "xeicon";background: #fff;border-radius: 10rem;padding: 0.3rem;margin-right: 0.5rem;font-size: 1.1rem;color:#273fa4;}
.new_evalall_area {display: flex; border:0.1rem solid #e9e9e9; width: 100%;}
.new_evalall_area1 {padding: 0rem 0rem;width: 100%;}
.new_evalall_area1 .btn_move_box {padding: 0rem 1rem;}
.new_evalall_area1 .out_eval_tit {position: relative;background: #f2f2f2;padding: 1rem 0rem 1rem 0rem;}
.new_evalall_area1 .out_eval_tit h2 {color: #290303; font-size: 1.5rem;}
.new_evalall_area1 .out_eval_tit h2:before {color: #fff; background: #290303;}
.eval_right_info_wrap {/* margin-bottom: 1rem; */}


.out_eval_con_box .out_eval_area {padding: 0rem;}
.out_eval_con_box .sub_con_box {margin-bottom: 0rem;}
.out_eval_con_box .btn_move_box  {width: 100%;}
.out_eval_con_box .btn_move_box a {padding: 1rem;}
.out_eval_con_box .step_cs_wrap div {text-align: center;padding: 0.1rem 0rem;}
.out_eval_con_box .btn_move_box {margin-top: 1rem;}
.out_eval_con_box .btn_move_box button {padding: 1.3rem !important;}
.out_eval_con_box .measure_title_area > div {font-size: 1.1rem;}
.out_eval_con_box .measure_title_area > div:before {width: 2.3rem;height: 2.3rem;}
.out_eval_con_box .measure_title_wrap .h_tit {font-size: 1.3rem;padding-left:0.5rem;}
.out_eval_con_box .step_measure_cnt {margin:0rem;}
.out_eval_con_box .step_measure_foot {padding: 0.5rem;font-size: 1.5rem;}
.out_eval_con_box .width_type th {padding: 0.8rem 0.1rem; font-size:1.3rem !important;}
.out_eval_con_box .step_m_tit {font-size: 1.3rem;}
.out_eval_con_box .judeg_wrap {padding: 1rem 2rem;height: 100%;}
.out_eval_con_box .judeg_wrap_bg {padding: 0rem;}
.out_eval_con_box .measure_title_wrap {margin-bottom: 0.5rem;}
.out_eval_con_box .step_measure_cnt td {font-size: 1.3rem;padding: 0.4rem 0.5rem;height: auto;}
.out_eval_con_box .step_m_list dl > dt,
.out_eval_con_box .step_m_list dl > dd {font-size:1.3rem;font-weight: normal;margin-bottom: 0rem;}
.out_eval_con_box .judge_security {padding: 0rem 1rem 0rem 1rem;}
.out_eval_con_box .judge_security section {margin-bottom: 1rem;}
.out_eval_con_box .step_measure_cnt .width_type input {font-size: 1.3rem !important; padding:0.4rem;}
.out_eval_con_box .rule_in {margin:0rem 0rem;}
.out_eval_con_box .sub_title {background: #fff;}
.out_eval_con_box .eval_leftmenu_nav ul {height: 66.2rem;overflow:auto;border-bottom: 0.1rem solid #ececec;border-right: 0.1rem solid #ececec;background: #ffffff;}
.out_eval_con_box .eval_leftmenu_nav h3 {padding: 0rem;}
.out_eval_con_box .eval_leftmenu_nav h3:after {display: none;}
.eval_right_divide {display: flex;overflow: hidden;box-shadow: 4px 6px 9px 3px #a9a9a9;}
.eval_paper_wrap {width: 100%;background: #f2f2f2;/* padding: 0rem 0.5rem 0.7rem 0.5rem; */}
.eval_paper_area {background: #fff;height: 100%;padding: 1rem 2rem;/* box-shadow: 1px 2px 5px 2px #e9e9e9; */}
.eval_pdf_viewer {padding: 0rem 0rem;text-align: center;}
.eval_pdf_viewer img {max-width: 100%;}



@media screen and (max-width: 1200px){
.breadcrumb_wrap {padding:0rem 2rem}
.sub_contents {padding: 2rem 4rem;}

/* 반응형 키워드 추출 */
.keywordex_wrap {flex-direction: column;}
.keywordex_wrap .keywordex_left {width: 100%;}
.keywordex_wrap .keywordex_right {width: 100%;}
.keywordex_center {width: 100%;}
.keywordex_center_btn {position: static; top:auto; left: auto; transform: translate(0%,0%); display: flex; gap:3rem; padding:0rem; background: none;}
.keywordex_center_btn i { transform: rotate(90deg);}

}

@media screen and (max-width: 1024px){
.gr_control .sub_area {padding: 0rem !important;}
/* 총괄표 */
.new_gen_area {flex-wrap: wrap;gap: 1rem;}
.new_gen_errorinfo {flex-direction: column;}
.new_gen_area > div {width: 100%;max-width: 50rem !important;}
.gen_conversion > div { width: 100%; max-width: none !important;}
.new_gen_area > div:after {display: none;}
.gen_conversion_result {flex-direction: column;}
.gen_conversion_result > div {width: 100%; max-width: none !important;}
.gen_conversion_result .new_gen_errorinfo {width: 50%; margin:0 auto; margin-bottom: 2rem;}

/* 타블릿_좌측메뉴 */
#sub_left_menu_wrap {width: 100% !important;}
.sub_area {flex-direction: column;}
.sub_left_menu_nav {display: none;}
.left_menu_util_wrap {display: none;}
.sub_left_title {background-size:cover !important;}
.left_menu_none,
.left_menu_block {display: none;}

.sub_mobile_title {display: block; position: relative; color:#fff; background: url("../images/layout/home_title_bg.jpg"); text-align: center;}
.sub_mobile_title h2 {color:#fff; font-size:3rem; padding: 2rem 0rem;}

.status_con ul li {margin-left:2%;}
.breadcrumb_wrap {padding:0rem 2rem}
.sub_contents {padding: 2rem 2rem 5rem 2rem;}
.sub_title {flex-direction: column; align-items: flex-start;}
.btn_box {margin-top: 2rem;}
.s_active,
.s_write,

.s_stand {text-align: center;}
.breadcrumb_wrap {display: none !important;}
.board_search_btn_box {width: 100%;}
.title_divide {width: 100%; flex-direction: column;}
.title_divide .btn_box {width: 100%; justify-content: center;}
.title_divide .btn_box ul {width: 100%;}
.title_divide .btn_box ul li {width: 100%;}
.title_divide .btn_box ul li button {width: 100%;}
.width_type tr td.table_nodata {padding-left:0rem !important;}
.table_nodata p {text-align: center;}
.table_nodata:before {display: none !important;}
.con_divide_box {flex-direction: column;}
.con_divide_box > div {width: auto !important;}
.over_scroll > div {height: auto !important;}
.con_divide_box .di_left,
.con_divide_box .di_right {height: 30rem !important;}
.approval_all,
.approval_box {flex-direction: column; margin-bottom: 1rem; border-top:none;}
.approval_box {border:0.1rem solid #e2e2e2; margin-bottom: 3rem;}
.approval_box h3 {padding: 1rem 0rem; background: #264987; color:#fff;}
.approval_box dl {width: auto; margin: 1rem; border:0.1rem solid #e2e2e2;}


/* 반응형 탭영역 */
.sub_tab_box_1type {margin:2rem 0rem;}
.sub_tab_box_1type ul {flex-direction: column;}
.sub_tab_box_2type ul {flex-direction: column;}
.sub_tab_box_3type ul {flex-direction: column;}
.sub_tab_box_1type ul li{ margin-top:-0.1rem;}
.sub_tab_box_1type ul li button {font-size:1.6rem; padding:1rem 0rem;}
.sub_tab_box_2type ul li{ margin-top:-0.1rem;}
.sub_tab_box_2type ul li button {font-size:1.6rem; padding:1rem 0rem;}
.sub_tab_box_3type ul li{ margin-top:-0.1rem;}
.sub_tab_box_3type ul li button {font-size:1.6rem;padding:1rem 0rem;height: auto;min-height: 3rem;}


/* 반응형 테이블 */
.width_type .table_con_box {text-align: left; padding:1rem 0rem; justify-content: flex-start;}
.width_type {width:100%; margin:0 auto;}
.width_type thead {display: none;}
.width_type tr {display: block;border-top:0.2rem solid #939393; overflow: hidden;clear: both;padding: 0rem;position: relative;height: auto !important; margin-bottom: 2rem;}
.width_type tr td {position: relative;display: block;width: 100%;height: 100%;text-align: left;padding:0.3rem 1rem 0.3rem 14.5rem;border:none;border-bottom: 0.1rem solid #e2e2e2;justify-content: flex-start;display: flex;}
.width_type tr td:before {content: attr(data-title);display: flex;font-size: 14px;width: 120px; text-align: left;position: absolute;left: 0px; top:50%; transform: translate(0, -50%); font-weight: 400; height: 100%; background: #f7f7f7; align-items: center; padding-left:1rem;}
.width_type col {display: none;}
.width_type a {font-size:14px;}
.width_type th {display: none !important;}
.height_type col {width: auto !important;}
.height_type th {display: none;}
.height_type td {display: grid; width: 100%; height: 100%; padding:0.3rem 1rem 0.3rem 14.5rem; border:none;border-bottom: 0.1rem solid #e2e2e2; min-height: 6rem; align-items: center;}
.height_type td:before {content: attr(data-title);display: flex;font-size: 14px;width: 120px; text-align: left;position: absolute;left: 0px; top:50%; transform: translate(0, -50%); font-weight: 400; height: 100%; background: #f7f7f7; align-items: center; padding-left:1rem;}
.height_type input,
.height_type select {padding: 1rem 0.5rem; width: 100%;}
.height_type .table_con_box p {padding: 1rem 0rem; width: 100%;}
.height_type .table_con_box {width: 100%;}

/* 반응형 검색 영역 */
.base_search_area {flex-direction: column; gap:0rem;}
.base_search {width:100%; margin:0 auto;}
.base_search thead {display: none;}
.base_search tr td {position: relative; display: block; width: 100%; height: 100%; padding:0.3rem 1rem 0.3rem 14.5rem; border:none;}
.base_search tr td:before {content: attr(data-title);display: flex;font-size: 14px;width: 120px; text-align: left;position: absolute;left: 0px; top:50%; transform: translate(0, -50%); font-weight: 400; height: 100%; background: #f7f7f7; align-items: center; padding-left:1rem;}
.base_search col {display: none;}
.base_search th {display: none !important;}
.base_search input,
.base_search select {height: 4rem;}
.board_search_btn_box {width: 100%; margin-top: 1rem;}
.btn_search {padding: 1.5rem 0rem; border-radius: 0rem;}

/* 타블릿_탭영역 */
.sub_tab_box_3type ul {flex-direction: column;}
.sub_tab_box_3type ul li {margin:0.2rem 0rem;}
.sub_tab_box_3type ul li.active {box-shadow: 1rem 1rem 2rem 0 rgba(0, 107, 222, 0.2);background: linear-gradient(97deg, #1047b3, #0a3370);}
.sub_tab_box_3type ul li.active::after {display: none;}

/* 반응형 테이블 안에 테이블 */
.table_in .sub_tab_box_1type ul li {width: 100%;}
.table_active td:before {background: #4960ab !important;}


/* 반응형 프로세스 탭 영역 */

.process_tab_box ul {flex-direction: column; gap:0.5rem;}
.process_tab_box ul li a:after,
.process_tab_box ul li a:before {display: none;}


/* 반응형 타이틀 우측 도움말 영역*/
.help_bar_box {flex-direction: column; padding: 1rem 0rem}

/* 반응형 타이틀 좌측 유틸 영역 */
.sub_title_box {flex-direction: column; width: 100%;}
.sub_title_box .title_utill {width: 100%; margin:1rem 0rem;}

/* 팝업용 검색 영역 */
.pop_search_wrap .base_search_area {flex-direction:row !important; align-items: center;}
.pop_search_wrap .board_search_btn_box {width: 10%; min-width: 15rem; margin-top:0rem;}
.pop_search_wrap .btn_search {padding: 1rem 0rem;}


.pop_search_wrap .base_search tr td {padding:0.3rem 1rem 0.3rem 13.5rem;}
.p_l_i_t_box {flex-direction: column; gap:1rem !important;}
.p_l_i_t_box div {padding: 0.5rem 1.5rem;background: #f9fbff;border: 0.1rem solid #e1e1e1;}

/* 반응형 홈화면 영역 */
.all_home_header {flex-direction: column;}
.all_home_content {flex-direction: column;}
.e_h_c_conbox_area {width: 100%;}
.all_home_header {padding: 2rem 0rem; text-align: center;}
.e_h_header_util {flex-direction: column;}
.e_h_header_util h3 {padding: 1rem 0rem}



/* 반응형 사업관리시스템 - 검색 상세 조건 */

.serach_cond_tit {width: 18rem; text-align: left;}
.serach_cond_tit h3 {padding: 0.3rem 2rem;text-align: center;}
.serach_con_box {display: block;}
.serach_con_box button {width: 100%; text-align: left; margin:0.5rem 0rem;}
.serach_cond_tit:after {display: none;}

/* 반응형 평가지 */
.judeg_wrap .measure_title_wrap {flex-direction: column; padding: 2rem 0rem;}
.judeg_wrap .measure_title_wrap .btn_box {margin-top: 0rem;}

/* 반응형 전자 서명 */
.signature_area {text-align: center; padding: 3rem 0rem; background: none;}

/* 반응형 이력관리 */
.resume_con_box .sub_tab_box_3type ul {flex-direction: row !important;}
.resume_con_box .sub_tab_box_3type ul li {margin-left:-0.4rem;}
}

@media (max-width: 768px) {
.stage_search {flex-direction: column; border:none;}
.stage_search div {margin-bottom: 2rem; border:0.1rem solid #e2e2e2;}

.sub_tab_box_2type ul {flex-direction: column; width: 100%;}

.lay_left_list_box {flex-direction: column;}
.lay_approval_box > div {padding: 1rem;}
.lay_left_list_box > div {height: 17.5rem;}

.status_skip {display: none;}


/* 반응형 토글 스위치 영역 */
.switch_height_area,
.switch_area {margin:1rem 0rem;}
.switch_box {padding: 0.5rem 0rem;}
.switch_area {flex-direction: column; align-items: center;}

/* 반응형 사업등록 카드형태 */
.regi_wrap {padding: 5rem; width: 100%;}
/**/
	.last_info_area .p_l_percent div ul {flex-direction: column;}



/* 평가지 - 타블릿 */
.oath_box {background: none;text-align: center;}
.eval_right_divide {flex-direction: column;}
.eval_leftmenu_area {display: none;}
.eval_right_info_wrap {}
.eval_right_info ul li div {/* flex-direction: column; */}
.eval_right_info ul {flex-direction: column;justify-content: left;align-items: flex-start;padding: 2rem 2rem;}
.eval_right_info {gap: 0rem;border-right: 0.1rem solid #ebebeb;margin-right: -1px;}
.eval_right_info div:first-child {border-radius: 0rem;}
.eval_right_btnarea {width: 100%; margin: 1rem 0rem;}
.eval_right_btnarea button {width: 90%; margin:0 auto; text-align: left;}
.out_eval_con_box #sub_left_menu_wrap {}
.eval_right_con {}
.new_evalall_area {flex-direction: column;}
}
@media (max-width: 600px) {
/* 반응형 이력관리 */
.resume_area {min-width:inherit; width: 100%;}
.res_con_detail ul li {flex-direction: column;}
.res_he_util ul {flex-direction: column; gap:1rem;}
.res_he_util ul li {justify-content: flex-start;}
.res_he_tit h2 span {display: block; padding: 1rem 0rem;}
.r_c_t_i_box {padding:2rem;}
.r_c_t_i_box li {padding: 0.5rem 0rem;}
.res_con_table_onoff {position: static; transform: translate(0%,0%);}
.res_con_table_onoff button {width: 100%; border-radius: 0rem;}

}