@charset "utf-8";
@import url("../fonts/static/pretendard.css");
body {zoom:90%;}
body .popup_banner {padding:0.5rem;}
body .out_evl_extend .out_evl_area {max-width: none; padding: 0rem 1rem;}
body .out_evl_con_box {min-height: 85rem;}
body .popup_banner_con p {padding: 0.5rem;}
.login_info_evl {display: flex; align-items: center;border-radius: 0.5rem;background: #ffffff;overflow: hidden;border: 2px solid #4e66c1;}
.login_info_evl .l_in_e_name {padding: 0rem 0.5rem 0rem 0.5rem;color:#fff;}
.login_info_evl .l_in_e_name h2 {display: flex;color: #3959ff;font-size: 1.3rem;align-items: center;}
.login_info_evl .l_in_e_name h2:before {content: "";background: url("../images/sub/e_h_c_img3.png") 0% 0% no-repeat;width: 2.5rem;min-height: 2.5rem;background-size: 2.5rem;}
.login_info_evl .l_in_e_loginout a {display: flex;/* background: #081c67; */border-left: 0.1rem solid #e7e7e7;padding: 0.7rem 0.7rem 0.8rem 0.7rem;font-size: 1.3rem;color: #958282;font-weight: 500;align-items: center;}
.login_info_evl .l_in_e_loginout a:before {content: "\e972";font-family: "xeicon";font-size: 1.6rem;}
.login_info_evl .l_in_e_loginout a:hover {background: #4e66c1; color:#fff;}
/* 20250314 알림기능 추가 */
.login_info_util {display: flex;position: absolute;top: 1.3rem;right:0rem;align-items: center;gap:1rem;}
.l_info_util_bell a {border:0.2rem solid #f18675;padding: 0.9rem 0.3rem;border-radius: 0.5rem;background: #fff;filter: grayscale(100%);}
.bell_active a img {animation: vibration 1s infinite alternate;width: 2.5rem;}
.bell_active a {position: relative; filter:none; animation: blink 0.5s infinite alternate;}
.bell_active a:hover {background: #f18675;}
.bell_active a:before {content: "▼";position: absolute;top: 2.8rem;left:50%;transform: translate(-50%,0%);color:#f18675;}
.bell_active a:after {content: "메시지가 도착했습니다.";position: absolute;top: 4.2rem;left:50%;transform: translate(-50%,0%);width: 16rem;font-size: 1.4rem;z-index: 99;padding: 0.5rem 0rem;border-radius: 100rem;animation: blink2 0.5s infinite alternate;color:#fff;background: none;font-weight: bold;}
@keyframes vibration {
  0% {transform: translateY(0);}
  25% {transform: translateY(3px);}
  50% {transform: translateY(-3px);}
  75% {transform: translateY(3px);}
  100% {transform: translateY(0);}
}
@keyframes blink {
  0% {background-color: #fff;}
  100% {background-color: #f18675;}
}
@keyframes blink2 {
  50% {color:#fff;}
  100% {background-color: red; color: #fff;}
}
.waiting_wrap_all {background: red; position: fixed; width: 100%; height: 100%; background: #000000cf; z-index: 999;}
.waiting_wrap {position: fixed; top:45%; left: 50%; transform: translate(-50%,-50%); width: 100%; max-width: 80rem; min-height: 30rem; padding: 3rem; text-align: center; display: flex; flex-direction: column; justify-content: center; z-index: 99; background: #fff; border-radius: 1rem;}
.waiting_wrap h1 {position: relative; font-size: 4rem; padding: 0rem 0rem 1rem 0rem;}
.waiting_wrap img { transform: rotateY( 360deg); animation:upimg 3s; text-align: center; margin:0 auto; margin-bottom: 3rem;}
.waiting_wrap p {font-size: 1.8rem; padding: 1rem 0rem;}
.waiting_wrap strong {color: #1839b1;}
.waiting_wrap div {display: flex; justify-content: center; margin-top: 2rem;}
.waiting_wrap div a {font-size: 1.6rem; font-weight: bold; color:#fff; background: #3864f2; padding: 1.5rem 5rem; border-radius: 0.5rem;}
.waiting_wrap div a:hover {background: #2b2c2f;}
@keyframes upimg {
0% {transform:translateY(20%) rotateY( 360deg);}
50% {transform:translateY(0%)}
100% {transform:translateY(0%);}
}
.mea_th {padding: 1rem 1.5rem;background: #fff;}
.mea_th th {background: #f7f8fd;color: #000000;border-color: #cacdd7 !important;}
.out_help {border: 1px solid #d3daed;padding: 0.5rem;font-size: 1.3rem;margin: 1rem 0rem;background: #f4f7ff;}
.out_evl_main .out_evl_header h1 {padding: 0rem !important;font-size: 4rem !important; margin-top: 0rem !important;}
.out_evl_main .out_evl_area .out_evl_header .logo {position: static; text-align: center;}
.out_evl_main .out_evl_area .out_evl_header p {font-size: 2rem;}
.ou_reduce {display: flex; gap:1rem;}
.ou_reduce .ou_pr_check {display: flex;width: 100%;padding: 0.5rem 0rem;max-width:none !important;justify-content: flex-end;gap: 1rem;}
.ou_reduce .ou_pr_check div {border: 0.1rem solid #cad0e9;padding: 0.5em 2rem;border-radius: 0.5rem;background: #dde3ff;}
.table_reduce table th,
.table_reduce table td {padding: 0.5rem; height: 0rem; font-size: 1.3rem;}
.table_reduce table input {padding: 0rem 1rem; height: 3rem;}
.table_reduce table select {padding: 0rem 1rem; height: 3rem;}
.oath_d {border:none; padding: 0rem; margin: 0rem;}
.oath_d .step_measure_cnt {padding: 0rem 1rem;}
.oath_d h3 {margin-bottom: 0rem; text-align: left; font-size: 1.4rem; padding: 0rem 1rem;}
.oath_d .comm-rule > div {border:0.4rem double #d2d2d2; margin-bottom: 0.5rem; }
.oath_d th {font-size: 1.3rem !important;}
.oath_d td {font-size: 1.3rem !important; text-align: left; line-height: 1.5rem;}
.ou_pr_check span {font-size: 1.3rem;font-weight: 600;margin-right: 1rem;color: #1c3385;}
.step_measure_cnt th, .step_measure_cnt td {padding: 0.2rem;}
.finalresult_choice {margin:0.5rem;}
.sub_title {padding-bottom: 1rem;padding-top: 0.5rem;}
.sub_title h3 {font-size: 1.4rem;}
.finalresult_choice ul li {padding: 0rem;}
.finalresult_choice ul li p {font-size: 1.3rem;}
.finalresult_box ul li ul li:first-child {font-size: 1.3rem; width: 40%;}
.finalresult_box ul li {font-size: 1.3rem;padding: 0.4rem;}
.o_e_con_limit {max-width: none !important;}
.oath_box_new {padding: 2rem; border:0.3rem solid #e5e5e5; background: url("../images/main/out_evl_main_bg.jpg") 61% 48% no-repeat;}
.oath_box_new h3 {margin-bottom: 2rem; color:#3c496b; font-size: 1.6rem; text-align: center;}
.oath_box_new h4 {text-align: left; color:#fff; display: inline-block; background: #1659a7; padding: 0.2rem 5rem; border-radius: 0rem 0rem 1rem 0rem;}
.oath_box_new_area {text-align: left;max-width: 100rem;margin: 0 auto;padding: 1rem 25rem 1rem 2rem; border-radius: 1rem; font-size: 1.4rem; background:#fff url("../images/sub/secret_img1.png") 95% 50% no-repeat; background-size: 13rem;}
.oath_box_new_area p {padding: 0.8rem 1rem;}
.oath_box_new_area p strong {margin-right: 0.2rem; color: #2344ab;}
.oath_box_new_area p strong:before {content: "\e92b"; font-weight: 400; font-family: "xeicon";}
.oath_box_new_area div {display: flex;}
.o_b_n_a_util {font-size: 1.2rem; background: #f7f7f7; line-height: 2rem;}

.bg1_img {background: url("../images/sub/bg1.jpg") no-repeat;}
.oath_margin {margin:2rem 0rem;}
.oath_margin .oath_box {background:url("../images/main/out_evl_main_bg.jpg") 96% 96% no-repeat;}
.oath_margin .oath_box .memo {background: #fff !important;}
.t_img_bg {background: url("../images/sub/secret_img1.png") 50% -9% no-repeat;padding-top: 13rem;background-size: 16rem;}
.outexp_pr_writing {padding: 1rem 0rem;}
.ou_pr_check {/* border:1px solid red; */margin-top: 1rem;text-align: center;padding: 1rem 0rem;background: #eff2ff;border-radius: 0.5rem;border: 0.1rem solid #ededed;max-width: 80rem;margin: 1rem auto;}
body {letter-spacing: normal !important;}
.out_evl_contents {max-width: 140rem;}

.step_cs_title:after {display: none;}
.step_cs_title:before {display: none;}
.evl_leftmenu_nav .sub_title h3 {font-size: 1.3rem;color: #ffffff;}
.oath_box .comm-rule .memo  {text-align: left;max-width: 80rem;margin: 0 auto;padding: 1rem 2rem;background: #f7f7f7;border-radius: 1rem;}
.oath_box .comm-rule .memo br {display: none;}
/* new_프로세스 기능 */
.l4 span {background:#fff !important; box-shadow: none !important}
.l4 span:before {top: -3.8rem !important;}
.l4 span:after {top: -4.2rem !important;}
.out_evl_process ul li:first-child:before {display: none;}
/* 테스트용 샘플 */
.viewer_area_box {background: #f2f2f2;padding: 0rem 0rem;border:0.1rem solid #cecece;}
.viewer_area_box img {}
.viewer_area_box_detail {overflow: hidden;max-width: 63rem;margin: 1rem auto;border: 0.1rem solid #d7d7d7;background: #fff;}
.viewer_area_box_detail > img {width: 120rem;}
.testimg1 {min-height: 40rem;padding: 1rem 1rem;}
.testimg1 p {max-width: 100rem; margin:0 auto; box-shadow: 1px 2px 5px 2px #e9e9e9; background: #fff;}
.testimg1 p img {width: 100%;}



.e_r_r_b_check {display: flex;}
.e_r_r_b .evl_right_con {width: auto !important;}
.e_r_r_b .evl_right_title h2 {color: #ffd431;}
.e_r_r_b_check label {color: #ffffff;font-weight: bold;font-size: 1.3rem;margin-left:0.5rem;}
/* CSS Document */
.skipToContent a { position:absolute; width:100%; height:0.100rem; top:0; left:0; z-index:9999; margin-top:-0.100rem; display:block; background-color:#0B0B0B; font-size:1.5rem; font-weight:600; color:#fff; line-height:1; overflow:hidden; text-align:center;}
.skipToContent a:focus,.skipToContent a:active,.skipToContent a:hover {margin-top:0; height:auto; padding:2rem 0;}
/* 외부 평가 메인화면 */
.out_evl_main_bg {background: url("../images/main/out_evl_main_bg.jpg"); background-size: cover; background-repeat: no-repeat;}
.out_evl_main {position: relative; padding-top: 5rem;}
.out_evl_area {margin:0 auto;padding: 1rem 3rem 0rem 3rem;}
.out_evl_area .out_evl_header {text-align: center;max-width: 140rem;position: relative;margin: 0 auto;}
.out_evl_area .out_evl_header .logo {position: absolute;top: 2.8rem;left:0rem;transform: translate(0%,-50%);}
.out_evl_area .out_evl_header .logo a {display: flex; align-items: center; justify-content: center;}
.out_evl_area .out_evl_header .logo img {width: 2rem; margin-right: 0.5rem;}
.out_evl_area .out_evl_header .logo strong {font-size: 1.5rem; color:#222; font-weight: 600;}
.out_evl_area .out_evl_header .logo span {position: relative; padding: 0rem 1rem; font-size: 1.5rem; font-weight: 600; color:#222;}
.out_evl_area .out_evl_header .logo span:before {content: ""; position: absolute; top:0.2rem; left:0.5rem; width: 0.1rem; height: 80%; background: #222;}
.out_evl_area .out_evl_header h1 {font-size: 2.3rem;color:#2c42a7;padding: 1.5rem 2rem;width: 100%;max-width: 70rem;margin: 0 auto;}
.out_evl_area .out_evl_header h1 strong {color:#383838;}
.out_evl_area .out_evl_header p {font-size: 1.4rem; padding: 1rem;}


.out_evl_main .out_evl_area .out_evl_contents {position: relative; display: flex; max-width: 90rem; margin:3rem auto; border-radius: 1rem; overflow: hidden; box-shadow:4px 5px 8px 1px #a7a7a7;}
.out_evl_main .out_evl_area .out_evl_contents:before {content: ""; position: absolute; top:50%; left:50%; transform: translate(-25%,-65%); background: url("../images/main/out_evl_main_arrow.png") 50% 50% no-repeat; width: 7rem; height: 7rem; z-index: 99;}
.out_evl_main .out_evl_area .out_evl_con_left {width: 100%; padding: 3rem; background:#fff url("../images/main/out_evl_main_img.png") 100% 100% no-repeat;}
.out_evl_main .out_evl_area .out_evl_con_left_tit {border-bottom: 0.1rem solid #e9e9e9; padding:3rem 0rem;}
.out_evl_main .out_evl_area .out_evl_con_left_tit h2 {position: relative; font-size: 2.5rem; padding: 1rem 0rem; color:#243277; font-weight: bold;}
.out_evl_main .out_evl_area .out_evl_con_left_tit h2:before {content: ""; position: absolute; top:0rem; left:0rem; width: 5rem; height: 0.3rem; background: #243277;}
.out_evl_main .out_evl_area .out_evl_con_left_tit h2 span {color: #1b6bad;}
.out_evl_main .out_evl_area .out_evl_con_left_tit p {font-size: 1.4rem; line-height: 2rem; padding: 1rem 0rem;}
.out_evl_main .out_evl_area .out_evl_con_left_detail div {margin:2rem 0rem; width: 54%;}
.out_evl_main .out_evl_area .out_evl_con_left_detail div h3 {font-size: 1.6rem; color: #243277; padding: 1rem 1rem 1rem 2.5rem; background: url("../images/main/out_evl_main_dot.png") 0% 50% no-repeat;}
.out_evl_main .out_evl_area .out_evl_con_left_detail div p {font-size: 1.6rem; color: #243277; background: #f8f9fa; padding: 1rem; font-weight: bold;}
.out_evl_main .out_evl_area .out_evl_con_right {position: relative; width: 100%; background: linear-gradient(90deg, rgba(49,97,211,1) 0%, rgba(41,61,159,1) 100%); text-align: center;}
.out_evl_main .out_evl_area .out_evl_con_right h2 {font-size:2.3rem; color:#fff;}
.out_evl_main .out_evl_area .out_evl_con_right p {font-size:1.6rem; color:#fff;}
.out_evl_main .out_evl_area .out_evl_con_right a {display: inline-block;background: #fff;border-radius: 0.5rem;box-shadow: 0.6rem 0.7rem 1.4rem 0.1rem #162875;padding: 1.5rem 5rem 1.5rem 7rem;font-size: 1.8rem;font-weight: bold;margin:1rem 0rem;color:#2a42a6;}
.out_evl_main .out_evl_area .out_evl_con_right a i {margin-left:1rem; font-weight: bold;}
.out_evl_main .out_evl_area .out_evl_con_right a:hover {background: #ff3838; color:#fff;}
.out_evl_main .out_evl_area .out_evl_con_right_pass {position: absolute; top:55%; left:50%; transform: translate(-50%,-50%); width: 100%;}
.out_evl_main .out_evl_area .out_evl_con_right_pass h2 {padding: 1rem 0rem; font-size: 2.3rem;}
.out_evl_main .out_evl_area .out_evl_con_right_pass p {font-size: 1.6rem; font-weight: 300; line-height: 2.5rem;}
.out_evl_wrap .footer_wrap {text-align: center; color:#8e8e8e; font-size: 1.3rem; line-height: 3rem;} 
.out_evl_wrap .footer {background: none;}
.out_evl_wrap .footer p {line-height: 2rem; padding-bottom: 3rem;}
.out_evl_sub_bg {background:#f2f5fa; background-size: contain;}
.out_evl_sub .out_evl_area .out_evl_contents {position: relative;margin: 1rem auto;border-radius: 0.5rem;box-shadow: 2px 3px 6px 1px #e5e5e5;background: #fff;min-height: 40rem;max-width: 140rem;padding: 0.5rem 0rem 1rem 0rem;}
.out_evl_con_box {padding: 0rem 2rem;}
.out_evl_con_box #sub_left_menu_wrap {/* margin: 0rem 0rem 0rem 1rem; */padding: 0rem;background: #f6f8ff;/* border: 0.1rem solid #e7e7e7; */border-top: none;border-right: 0.1rem solid #dde0e9;border-bottom: none;border-left: none;}
.out_evl_con_box #sub_left_menu_wrap:after {/* content: ""; *//* position: absolute; *//* top:0rem; *//* right: -0.5rem; *//* background: #e1e1e1; *//* width: 0.1rem; */display: none;/* height: 100%; */}
/* 20250404 메인 탭 추가 */
.out_certified_tab {display: flex;}
.out_certified_tab button {width: 100%; padding: 1.5rem 0rem; font-size: 1.6rem; background: #ededed; color: #636363; font-weight: bold;}
.out_certified_tab button.cer_tab_active {background: #2a50b1 !important; color:#fff !important; display: flex; align-items: center; justify-content: center;}
.out_certified_tab button.cer_tab_active::after {content: "\e92c"; font-family: "xeicon"; font-size: 2rem; margin-left:0.5rem;}
.out_certified_tab button:hover {background: #d1d8fd; color:#041051;}
.out_certified_tab .out_certified_tab {width: 100%;}

/* 서브 약관동의 영역 */
@keyframes lotate {
0% {transform : rotate(0deg)}
50% {transform : rotate(180deg)}
100% {transform : rotate(360deg)}
}
.out_evl_process {margin-top: 0rem;/* border-bottom: 0.1rem solid #e9e9e9; */padding-bottom: 1rem;}
.out_evl_process ul {display: flex;text-align: center;padding-top: 4rem;}
.out_evl_process ul li {position: relative;width: 100%;display: block;margin: 0rem 0rem;}
.out_evl_process ul .on:before {content: "";position: absolute;top: -2.5rem;right: 50%;transform: translate(0%, -50%);width: 100%;height: 0.2rem;z-index: 98;background: #2d5aff;}
.out_evl_process ul li:after {content: "";position: absolute;top: -2.5rem;right: -50%;transform: translate(0%,-50%);width: 100%;height: 0.2rem;background: #e5e5e5;}
.out_evl_process ul li:last-child:after {display: none;}
.out_evl_process ul li a {display: inline-block;}
.out_evl_process ul li a:hover span {background: #11246b;}
.out_evl_process ul li a span {position: relative;display: flex;z-index: 99;padding: 0.3rem 0.7rem;justify-content: center;color:#fff;background: #919191;border-radius: 0.5rem;box-shadow: 2px 3px 4px 1px #cecece;font-size: 1.5rem !important;font-weight: 400 !important;}
.out_evl_process ul li span:before {content: "\e928";display:block;background: #c5c5c5;font-family: "xeicon";font-size: 1.7rem;z-index: 99;border-radius: 10rem;padding: 0.5rem;font-weight: bold;color:#dddddd;/* width: 2rem; */top: -3.5rem;left:50%;transform: translate(-50%,0%);position: absolute;}
.out_evl_process ul li a span i {margin-left:0.3rem;font-size: 1.2rem;}
.out_evl_process ul li.on span {font-weight: bold;color:#fff;background: #ff4208;}
.out_evl_process ul li.on span:before {content: "\e9c4";background: #ff4208;color:#fff;}
.out_evl_process ul li.on span:after {content: "";display:block;background: #fff;font-family: "xeicon";font-size: 2rem;z-index: 1;border-radius: 10rem;padding: 1rem;font-weight: bold;color:#cecece;width: 1rem;height: 1rem;top: -3.9rem;transform: translate(-60%,0%);position: absolute;border: 0.2rem dotted #ff4208;}
.out_evl_process ul li.com:after {background: #2d5aff;}
.out_evl_process ul li.com span {font-weight: bold;background: #2d5aff;color:#fff;font-size: 1.3rem;}
.out_evl_process ul li.com span:before {content: "\e928"; background: #2d5aff; color:#fff;}

.out_evl_process .on span:after { animation-name : lotate;  animation-duration : 3s; animation-iteration-count : infinite;}

.out_evl_tit {background: #273fa4 url("../images/sub/out_evl_sub_bar.jpg") 100% 50% no-repeat;color:#fff;padding: 0.7rem 1.5rem;display: flex;background-size: cover;justify-content: center;}
.out_evl_tit h2 {font-size: 1.6rem;display: flex;align-items: center;}
.out_evl_tit 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;}
.out_evl_detail {border: 0.1rem solid #e9e9e9;padding: 1rem 1rem;}
.out_evl_detail .out_evl_textbox {background: url("../images/sub/out_evl_sub_icon.jpg") 100% 50% no-repeat;padding: 0rem 0rem;background-size: 19rem;}


.out_evl_detail .out_evl_textbox h3 {position: relative;font-size: 2rem;font-weight: normal;display: inline-block;padding: 1rem 0rem;}
.out_evl_detail .out_evl_textbox h3 span {position: relative;z-index: 99;padding: -1rem 1rem;}
.out_evl_detail .out_evl_textbox h3:before {content: ""; background: #f5f5fa; width: 100%; height: 1.5rem; position: absolute; bottom:0.5rem;}
.out_evl_detail .out_evl_textbox h3 strong {padding: 0rem 0.5rem;}
.out_evl_detail .out_evl_text {margin-top: 1rem;}
.out_evl_detail .out_evl_text p {font-size: 1.4rem;line-height: 2.5rem;padding: 0.5rem 0rem;}
.out_evl_tit_util button {border:0.1rem solid #154a89; padding: 1.3rem 2rem 1.3rem 5rem; border-radius: 0.3rem; font-weight: 600; font-size: 1.4rem; background:#fff url("../images/sub/expansion_icon.png") 0% 40% no-repeat;}
.out_evl_tit_util button:hover {background-color:#2b2c2f; color: #fff;}


/* 테이블 영역 */
.out_evl_extend .out_evl_area {max-width: 185rem;padding:0rem;}
.out_evl_info_box {position: relative; border:5px solid #f0f2fe; padding: 25px 30px; margin-bottom: 30px; background: url("../images/sub/out_evl_title_bg.jpg") 100% 50% no-repeat;}
.out_evl_info_box h2 {margin-bottom: 2rem; width: 80%; display: flex; justify-content: space-between;}
.out_evl_info_box h2 span {position: relative; font-size:20px; z-index: 99; padding: 1px 10px; color: #083197;}
.out_evl_info_box h2 span:before {content: ""; background: #e2eeff; display: block; width: 100%; height: 60%; position: absolute; top:15px; z-index: -1;}
.out_evl_info_box p {font-size:16px; padding:1px 0px; margin-top:10px;}
.out_evl_info_box a {background: #083197; color:#fff; padding: 4px 20px 7px 20px; display: inline-flex;align-items: center; margin-top: 10px; font-size: 16px;}

.out_evl_info_box a:hover {background: #111111;}
.out_evl_info_box a i {margin-left:5px; font-size: 25px; }
.out_evl_info_text {position: relative;}
.out_evl_info_box:before {position: absolute; content: ""; top:-5px; left:-5px; width: 40px; height: 5px; background: #083197;}
.out_evl_info_box:after {position: absolute; content: ""; top:-5px; left:-5px; width: 5px; height: 40px; background: #083197;}
.out_evl_info_text:before {position: absolute; content: ""; bottom:-30px; right:-36px; width: 40px; height: 5px; background: #083197;}
.out_evl_info_text:after {position: absolute; content: ""; bottom:-30px; right:-36px; width: 5px; height: 40px; background: #083197;}
.out_evl_info_box .board_list_table_wrap {width: 80%;}
.out_evl_info_box .board_list_table_wrap table {border:none; border-left:0.1rem solid #e2e2e2; border-right:0.1rem solid #e2e2e2;}
.out_evl_info_box .board_list_table_wrap table th {background: #f0f5fd;}






.step_m_wrap {padding: 1rem !important;}
.step_m_wrap .chk_area {display: block; }
.step_m_wrap .chk_area div {margin:1rem 0rem;}



/* 평가서 관리 */
.step_area{position: relative;display: flex;justify-content: center;gap: 9px;margin-bottom: 3rem;}
.step_area div{text-align: center;color: #585858;font-size: 16px;font-weight: 600;background: #f6f7f9;width: 15%;padding: 7px 0 9px 0px;border-radius: 3px;}
.step_area .ing{background: #003491;color: #fff;}
.step_area .sp_txt{font-size: 14px;font-weight: 500;}
.step_title_wrap{display: flex;justify-content: space-between;gap: 16px;margin: 20px 0 0px 0;/* padding-bottom: 25px; */}
.step_title_wrap .h_tit{position: relative;padding-left: 3px;font-size: 18px;}
.step_title_wrap .h_tit::before {/* content: ''; */width: 15px;height: 15px;background: url("../images/layout/icon_step_tit.png")no-repeat;position: absolute;left: 4px;top: 6px;box-sizing: content-box;}
.title_help{font-size: 13px;background-color: #f4f6fa;padding: 4px 13px;border-radius: 3px;}
.step_title_area{display: flex;gap: 0 20px;align-items: baseline;}
.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;}






.essential_wrap span:before{content: "";background: #ffffff;padding: 1rem;position: absolute;z-index: -1;border-radius: 100rem;}
.step_menu_area{display: flex;justify-content: center;gap: 20px;margin-top: 30px;}
.step_menu_area div{width: 25%;}
.step_menu_area button{border: solid 1px #d0d0d0;border-radius: 8px;height: 100%;width: 100%;display: flex;align-items: center;align-items: flex-start;min-height: 95px !important;position: relative;padding: 2rem 3rem 1rem 8rem;}
.step_menu_area .menu_on{border: solid 2px #396ef2;border-radius: 8px;/* height: 100px; */width: 100%;position: relative;/* display: flex; *//* box-shadow: 3px 3px 10px 0px rgba(47, 46, 44, 0.25); */}
.step_menu_area button > dl{width: 100%;text-align: left;margin-top: 0rem;}
.step_menu_area button > dl > dt{font-size: 16px;color: #000000;font-weight: 600;}
.step_menu_area .menu_on > dl > dt{font-size: 16px;color: #003490;font-weight: 600;}
.step_menu_area button > dl > dd{font-size: 14px;color: #282626;/* font-weight: 300; */position: relative;padding: 5px 54px 5px 0px;}
.step_menu_area button > dl > dd > select{width: 27%;position: absolute;top: -50%;width: 72px;right: -23px;transform: translate(0, -96%);}
.step_menu_area button::after {content: '';width: 26px;height: 26px;background: #fff url("../images/layout/icon_step_check_off.png") no-repeat;position: absolute;right: -2px;top: -13px;box-sizing: content-box;}
.step_menu_area .menu_on::after {content: '';width: 26px;height: 26px;background: #fff url("../images/layout/icon_step_check_on.png") no-repeat;position: absolute;right: -2px;top: -10px;box-sizing: content-box;}
.step_menu_area .step_menu01::before {content: '';width: 62px;height: 62px;background: url("../images/layout/icon_tab_step01.png") no-repeat;position: absolute;left: 4.5rem;background-size: 50px !important;top: 15px;transform: translate(-50%, 0);box-sizing: content-box;}
.step_menu_area .step_menu02::before {content: '';width: 62px;height: 62px;background: url("../images/layout/icon_tab_step02.png") no-repeat;position: absolute;left: 4.5rem;background-size: 50px !important;top: 15px;transform: translate(-50%, 0);box-sizing: content-box;}
.step_menu_area .step_menu03::before {content: '';width: 62px;height: 62px;background-size: 50px !important;background: url("../images/layout/icon_tab_step03.png") no-repeat;position: absolute;left: 1.5rem;top: 4.5rem;transform: translate(0%, -50%);box-sizing: content-box;}
.step_menu_area .step_menu04::before {content: '';width: 62px;height: 62px;background: url("../images/layout/icon_tab_step04.png") no-repeat;position: absolute;left: 4.5rem;background-size: 50px !important;top: 18px;transform: translate(-50%, 0);box-sizing: content-box;}
.step_list{display: flex;align-items: normal;justify-content: flex-start;flex-direction: column;gap: 10px;margin-top: 30px;}
.step_list div{border: solid 1px #e5e5e5;border-radius: 8px;padding: 0px 60px 0px 0px;display: flex;position: relative;overflow: hidden;background: #fff;box-shadow: 1px 3px 5px 0px #efefef;}
.step_list div > span{background: #003491;font-size: 15px;color: #3b3b3d;padding: 15px 35px;font-weight: 600;color: #fff;height: 24px;display: flex;align-self: center;}
.step_list div > p{flex: 1;width: 100%;height: 50px;/* background: red; */margin-left: 25px;font-size: 14px !important;align-items: center;display: flex;}
.step_list div > dl{flex: 1;width: 100%;margin-left: 30px;display: flex;gap:10px;align-items: center;}
.step_list div > dl select {width: 100%;padding: 0rem 1rem;}
.step_list div > dl > dt{font-size: 14px;color: #396ef2;font-weight: 600; display: flex;  align-items: center;}
.step_list div > dl > dt label {width: 120px; margin-right: 10px;}
.step_list div > dl > dd{font-size: 14px;color: #282626;font-weight: 500;margin-top: 0px;width: 100%;}
.step_list div input {height: 35px;}
.step_list div select {height: 35px;}
.step_list button{background: url("../images/layout/icon_step_del.png") no-repeat;width: 14px;height: 16px;position: absolute;right: 25px;top: 50%;transform: translate(0, -50%);}
.step_cs_wrap div:first-child ul {flex-direction: column;}
.step_cs_wrap .step_cs_list{display: flex;gap: 5rem;align-items: center;width: 100%;border-bottom: 0.1rem solid #ebebeb;justify-content: center;padding: 0px 0px 5px 0px;}
.step_cs_wrap .step_cs_list li{display: flex;align-items: normal;justify-content: flex-start;flex-direction: column;}
.step_cs_wrap .step_cs_list dl{display: flex;align-items: center;}
.step_cs_wrap .step_cs_list dl > dt{font-size: 16px;color: #003490;font-weight: 600;position: relative;padding-left: 12px;}
.step_cs_wrap .step_cs_list dl > dt::before {content: '';width: 5px;height: 5px;background: #6b7eb2;position: absolute;left: 0%;top: 6px;border-radius: 15px;}
.step_cs_wrap .step_cs_list dl > dd{font-size: 14px;color: #282626;font-weight: 500;margin-left: 8px;}
.step_cs_wrap .step_cs_list dl > dd > strong{color: #f27221;font-weight: 500;font-size: 1.6rem;}

.step_cs_list li dd {font-size: 1.6rem !important;padding: 1rem 0rem;}
.step_cs_list li:only-child {}
.step_cs_list li:first-child:nth-last-child(2),
.step_cs_list li:first-child:nth-last-child(2)+li {}
.certicon_area {display: flex;gap: 4rem;overflow: initial;}

.itemSection {margin-bottom: 1rem !important;}
.judge_wrap.evl_area {padding: 0rem 0rem;padding-bottom: 0rem;}
.evl_area .itemSection {padding: 1rem 5rem 1rem 5rem !important;}
.evl_area .step_title_wrap {padding: 0rem 5rem 2rem 5rem !important;}
.evl_area .left_menu_block button i {font-size: 1.8rem;}
.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: 1.4rem;padding: 0rem 0rem 0rem 2.5rem;background: url("../images/sub/evl_right_title_icon.png") 0% 50% no-repeat;background-size: 2.3rem;}

.step_measure_cnt .check {width: 100%;position: relative;}
.step_measure_cnt .smi_box{position: relative;background: url("../images/layout/icon_arrow_bg.png") no-repeat 4px 8px;text-align: left;padding-left: 36px;}
.step_measure_cnt .smi_box input[type=text] {text-align: left;border: none !important;}
.step_measure_cnt .smi_box button{background: url("../images/layout/icon_step_del.png") no-repeat;width: 14px;height: 16px;position: absolute;right: 25px;top: 50%;transform: translate(0, -50%);}
.step_measure_cnt .smi_select_box{/* position: relative; */background: url("../images/layout/icon_arrow_bg.png") no-repeat 4px 8px;text-align: left;padding-left: 36px;display: flex;align-items: center;}
.step_measure_cnt .smi_select_box input[type=text] {text-align: left;}
.step_measure_cnt .smi_select_box .del{background: url("../images/layout/icon_step_del.png") no-repeat;width: 14px;height: 16px;position: absolute;right: 25px;top: 50%;transform: translate(0, -50%);}
.step_measure_cnt .smi_check_box{display: flex;text-align: left;margin: 0px 0 0 37px;padding: 0.5rem 1rem;/* background: #f8f8f9; */position: relative;align-items: center;width: 98%;}
.step_measure_cnt .smi_check_box button{background: url("../images/layout/icon_step_del.png") no-repeat;width: 14px;height: 16px;position: absolute;right: 25px;top: 50%;transform: translate(0, -50%);}
.step_measure_cnt .smi_check_box input[type=text] {width: 100%;margin-left: 1rem;text-align: left;}
.step_m_item{position: relative;margin-bottom: 2%;display: flex;}
.step_m_tit{font-size: 1.4rem;color: #111111;font-weight: 400;}
.step_m_item input{color: #01348f;}
.step_m_bottom{/* float: right; */display: flex;justify-content: flex-end;}
.step_m_number{display: flex;}
.step_m_wrap{display: flex;text-align: left;padding: 0 0px;}
.step_m_wrap dl {width: 100%;}
.step_m_wrap dl > dt{font-size: 14px;color: #111111;font-weight: 600;margin-top: 0.5rem;/* margin-bottom: 10px; */}
.step_m_wrap dl > dd{font-size: 14px;color: #111111;font-weight: 600;/* margin-bottom: 5px; */padding: 0.3em 0rem;}
.step_m_weight{font-size: 1.3rem;color: #111;font-weight: normal;}
.step_scroll_x {overflow: hidden; overflow-x: auto !important; }
.step_scroll_x table {min-width: 100%;overflow: hidden;border-top: 0.1rem solid #e1e1e1;}
.evl_area {padding: 0rem 0rem 3rem 0rem;margin-bottom: 1rem;background: #fff;}
.evl_area button.mt10{margin:0rem !important;}
.evl_area button.md{padding: 7px 8px !important;}
#opinionType {border:1px solid red;}

/* 테이블 영역 */
.m_scroll_x {overflow: hidden; 	overflow-x: auto !important; 	white-space: nowrap;}
.m_scroll_x table {width: auto; min-width: 100%;}
.tbl_wrap {border-top: 2px solid #111;width: 100%;}
.tbl_wrap th {text-align: center;height: 62px;font-size: 15px;color: #333;background: #f6f6f6;vertical-align: middle;position: relative;}
.tbl_wrap th:not(:last-child):after {content: '';position: absolute;right: 0;width: 1px;height: 16px;border-right: 1px solid #dbdbdb;top: 50%;transform: translateY(-50%);}
.tbl_wrap td {text-align: center;height: 62px;font-size: 16px;color: #666;border: 1px solid #eee;border-left: none;background: #fff;vertical-align: middle;}
.tbl_wrap td:last-child {border-right: none;}
.tbl_wrap .text_con {text-align: left;padding-left: 10px;}
.nxb_list_header_top {display: flex;flex-wrap: wrap;justify-content: flex-end;gap: 10px;width: 100%;position: relative;}
.nxb_list_header_top>strong {font-size: 16px;color: #111;font-weight: 500;position: absolute;top: 15px;left: 0;}
.nxb_list_header_top>strong>span {font-size: 23px;color: #000000;}
.nxb_list_header_top_m {display: flex;flex-wrap: wrap;justify-content: flex-end;gap: 10px;width: 100%;position: relative;}
.nxb_list_header_top_m > strong {font-size: 18px;color: #111;font-weight: 500;position: absolute;top: 15px;left: 0;}
.nxb_list_header_top_m > strong > span {font-size: 23px;color: #000;}
.nxb_list_search_result {font-size: 18px;text-align: center;}
.nxb_list_search_result > strong {color: #1e5491}
.nxb_list_search_result_reset {display: inline-flex;align-items: center;font-size: 16px;font-weight: 500;color: #6b48ff}
.nxb_list_search_result_reset>i {margin-right: 2px;font-size: 18px;}
.nxb_list_search_result_reset:hover {font-weight: 700;}
.nxb_list_search_select_wrap {position: relative;width: 100%;max-width: 150px;margin-right: 10px;}
.nxb_list_search_select {position: relative;}
.nxb_list_search {display: flex;margin-bottom: 30px}
.nxb_list_search_select_wrap select {width: 100%;height: 50px;padding: 0 15px;font-size: 16px;color: #666;border: 1px solid #ddd;vertical-align: middle;cursor: pointer;-webkit-appearance: none;-moz-appearance: none;background-color: transparent;}
.nxb-default .select::-ms-expand {display: none;}
.nxb_list_search_select_wrap::after {content: "";position: absolute;top: 50%;right: 20px;width: 0;height: 0;border-top: calc(3px* 1.732) solid #aaa;border-left: 4px solid transparent;border-right: 4px solid transparent;transform: translateY(-50%);}
.nxb_list_search_input_wrap {display: flex;width: 400px;}
.nxb_list_search_keyword {width: 100%;max-width: 320px;height: 50px;padding: 0 15px;font-size: 16px;color: #666;border: 1px solid #ddd;vertical-align: middle;}
.nxb_list_search_submit {flex-shrink: 0;width: 80px;height: 50px;font-size: 16px;color: #fff;border: 0;background-color: #111;vertical-align: middle;text-align: center;}
.nxb_list_search_submit:hover {background-color: #4c4c4c;}
.essential{font-size: 13px;margin-top: 10px;}
.star {display: inline-block;width: 5px;height: 5px;vertical-align: sub;color: #cd2a37}


/* 공지사항 상세 */
.view_wrap {width: 100%;}
.view_tit {padding: 20px;border-top: 2px solid #111;font-size: 21px;font-weight: 600;color: #111;text-align: center;border-bottom: 1px dotted #8c92a3;}
.view_next {margin-top: 20px;border-top: 1px solid #535353;margin-bottom: 20px;}
.list_file {margin-left: 0;margin-bottom: 0;}
.list_file li { padding-left: 0;}
.list_file li::before {display: none;}
.list_file .xi-download {font-size: 16px;margin-right: 5px;vertical-align: text-bottom;}
.view_conts {width: 100%;}
.view_conts th,.view_conts td {background: #fff;vertical-align: text-top;border-bottom: solid 1px #d3d8dd;border-top: 0;padding: 15px;word-break: break-word;word-wrap: break-word;font-size: 16px;}
.view_conts thead th {background: #f6f6f6;color: #333;padding: 10px 0;border-bottom-color: #d3d8dd;border-top-color: #777;}
.view_conts tbody th,.view_conts tfoot th {background: #f6f6f6;padding: 5px 25px;color: #333;font-weight: 500;text-align: left;}
.view_conts th:first-child,.view_conts td:first-child {border-left: 0;}
.view_conts th:last-child,.view_conts td:last-child {border-right: 0;}
.btn_board_view {display: block;width: 100%;height: 60px;background-color: #fff;margin: 30px auto 0;font-size: 16px;color: #111;border: 1px solid #595959;line-height: 57px;font-weight: 500;text-align: center;}
.btn_board_view:hover {background-color: #111;color: #fff;}
.view_conts img {max-width: 100%;}

/* 평가 */
.judge_table {display: inline-block;overflow: hidden;width: 100%;}
.judge_table table {width: 100%;position: relative;text-align: center;border-spacing: 0;border-collapse: separate;left: -1px;}
.judge_table th,.judge_table td {padding: 9px;border-bottom: 1px solid #d3d8dd;text-align: center;word-break: normal;}
.judge_table td {padding: 10px;font-weight: 400;color: #242424;font-size: 14px;background-color: #fff;}
.judge_table td b {color: #333;word-break: keep-all;}
.judge_table th {padding: 10px;font-weight: 500;color: #242424;background: #f5f6fa;font-size: 15px;word-break: keep-all;-webkit-print-color-adjust:exact;}
.judge_table thead {border-bottom: 1px solid #aaa;}
.judge_table tbody th {font-weight: 600;color: #111;font-size: 14px;text-align: center;}
.judge_table tfoot td {padding: 15px 10px;border-bottom: 1px solid #b5b5b5;font-weight: 700;color: #144838;background: #fcfcfc;border-left: 1px solid #ddd;}
.step_table{border-radius: 7px 7px 0 0;padding:1px;margin-bottom: 0rem;}
.step_table_title {font-size: 1.6rem;color:#111111;background: url("../images/layout/title_dot.png") 0% 50% no-repeat;font-weight: bold;padding: 1rem 1rem 1rem 3rem;}
.tablestyle01 table {width:100%;margin:0px 0 0 0; border-collapse:collapse;border-bottom: 1px solid #e5e6e6;}

.tablestyle01 table tr th {padding: 0.8rem 1rem;border-bottom: 1px solid #e0e0e0;border-right:1px solid #e0e0e0;text-align: center;position: relative;background: #f7f7f7;word-break: normal;font-size: 1.3rem !important;border-top:0.1rem solid #e2e2e2;}
.tablestyle01 table tr th:last-child {border-right:none;}
.tablestyle01 table tr td {padding: 0.8rem 1rem;border-bottom: 1px solid #e0e0e0;border-left: none;text-align: center;position: relative;background: #fff;word-break: normal;font-size: 1.3rem !important;border-right:1px solid #e0e0e0;}
.tablestyle01 table tr td:last-child {border-right:none;}
.innertable{margin: 0 !important;padding: 0 !important;border-collapse: collapse;border-top: none !important;border-bottom: 1px solid #e5e6e6 !important;}
.innertable th {word-break: keep-all;padding: 11px;text-align: center;line-height: 160%;vertical-align: middle;border-left: 1px solid #c6c6c6;border-top: 1px solid #c6c6c6;min-width: 100px;background: none;font-size: 14px !important;}
.innertable td {padding: 10px;vertical-align: text-top;background-color: #fff;box-sizing: border-box;word-break: break-all;font-size: 14px !important;border-bottom: none;}
.innertable th:last-child{border-right: 1px solid #e0e0e0;}
.innertable td:last-child{border-right: 1px solid #e0e0e0;}
.step_title {display: none;}
.evl_area .left_menu_block {left: -2rem;}
.evl_leftmenu_area .left_menu_none {top: 5rem;display: none;}




/* 제재 */
.exc_wrap {width: 100%;margin:0 auto;padding: 0rem;}
.exc_wrap .exc_tit  {background: #f9fafc;padding: 0.5rem 2rem;border-bottom: 0.1rem solid #e9e9e9;text-align: center;display: flex;justify-content: center;align-items: center;}
.exc_wrap .exc_tit h2 {font-size: 1.5rem;padding: 1rem;color: #1b2033;align-items: center;display: flex;}
.exc_wrap .exc_tit p {font-size: 1.4rem; color:#828488; line-height: 2.5rem;}
.exc_wrap .exc_tit p strong {color:#0c2b68;}
.exc_wrap .form_check {display: flex;justify-content: center;gap: 0rem;}
.exc_wrap .form_check p {display: flex;box-sizing: border-box;padding: 1rem 3rem;width: 100%;justify-content: center;border-right: 0.1rem solid #e9e9e9;}
.exc_wrap .form_check p:last-child {border-right:none;}
.exc_wrap .form_check p:hover label {color: #3864f2; animation:iconbtn 1s ease;}
.exc_wrap .form_check {max-width: 64rem;margin:0 auto;text-align: center;}
.exc_wrap .form_check select {margin-bottom: 1rem;}
.exc_wrap .form_check label {font-size: 1.4rem;margin-left: 0.5rem;color:#2d3552;font-weight: 600;}
.exc_wrap .exc_text_box {/* margin-top: 1rem; */max-width: 44rem;}
.exc_wrap .exc_area {border:0.1rem solid #e9e9e9;width: 100%;margin: 1rem auto;}
.exc_text_box select {padding: 1rem 4.3rem 1rem 1.3rem;width: 100%;}

/* 사번입력 */

.out_number {background: url("../images/sub/typing_bg.png") 50% 0% no-repeat; padding-top: 13rem !important;}
.out_number_input input {position: relative;max-width: 25rem;border-radius: 5rem;padding: 0.7rem 0.5rem 0.7rem 0.5rem;font-size: 2rem;text-align: center;font-weight: 900;border:0.2rem solid #63b6ff !important;color: #2a376b;margin: 1rem 0rem;}
.out_number_input input::placeholder {font-size: 1.6rem; font-weight:500;}
.out_pass {background: url("../images/sub/pass_bg.png") 50% 0% no-repeat; padding-top: 13rem !important;}
.out_number_pass {background: #fff; max-width: 30rem; margin:0 auto; border-radius: 0.5rem; padding: 1rem; margin-top: 1rem;}
.out_number_pass input {background: #f2f5ff; max-width: 30rem; margin:0.2rem auto; border-radius: 0.5rem; padding: 1rem; border:0.1rem solid #c7d0f5 !important; font-weight: bold !important;}
.out_number_pass p {color: red !important; font-size: 1.3rem !important; font-weight: 400 !important;}


.evl_right_con {display: flex;justify-content: flex-start;width: 100% !important;}
.evl_right_con_tab {width: 100%;width: 35rem;} 
.evl_right_con_tab {display: flex;background: #f0f3fa;border: 0.2rem solid #fffcfc;margin-bottom: 0rem;border-radius: 0.5rem;overflow: hidden;}
.evl_right_con_tab button:after {content: "\e92b";font-family: "xeicon";font-size: 2rem;position: absolute;top:50%;right: 0.5rem;transform: translate(0%,-50%);color:#a3a3a3;}
.evl_right_con_tab .active:after {color: #fff !important;}
.evl_right_con_tab .active {background: #3864f2 !important; color:#fff;}
.evl_right_con_tab button:hover {background: #D5DBE8;}
.evl_right_con_tab button {position: relative;width:100%;display: flex;padding: 0.5rem 1rem 0.5rem 1rem;font-size: 1.3rem;font-weight: 500;justify-content: flex-start;align-items: center;}

/* 20250314 완료 화면 */
.elv_windowpop_body {position: relative; background:#f2f3f8 url("../images/sub/out_evl_sub_bg.jpg") 0% 100% no-repeat; background-size: contain; margin: 0rem 3rem;}
.elv_windowpop_wrap {position: absolute;top: 40%;left:50%;transform: translate(-50%,-50%);border:0.1rem solid #e1e1e1;width: 100%; max-width: 70rem;background: #fff;padding: 3rem;border-radius: 2rem;box-shadow: 6px 4px 10px 0px #cecad7;}
.elv_windowpop_header {border-bottom:0.1rem solid #e1e1e1; padding: 1rem 0rem 2rem 1rem; text-align: center;}
.elv_windowpop_content {padding: 3rem 3rem 3rem 3rem; margin: 3rem 0rem; background:url("../images/sub/elv_winpop_bg.png") 95% 90% no-repeat; background-size: 20rem;}
.elv_windowpop_content div h1 {font-size: 3rem; padding:1rem 0rem; color:#333;}
.elv_windowpop_content div h1 strong {color: #2c47a9;word-break: keep-all;}
.elv_windowpop_content div h2 {font-size: 1.6rem;padding: 1rem 0rem;font-weight: normal;color:#333;line-height: 2.5rem;word-break: keep-all;}
.elv_windowpop_content div p {font-size: 1.6rem; padding: 1rem 2rem; font-weight: normal; margin-top: 1rem; background: #f1f3ff; display: inline-block;}
.elv_windowpop_button {display: flex; margin-top: 3rem; gap:1rem;}
.elv_windowpop_button a {display: block; font-size: 1.6rem; background: #fff; padding: 1rem 2rem; min-width: 10rem; text-align: center; border-radius: 0.5rem; border:0.1rem solid #cecece;}
.elv_windowpop_button a:hover {background: #373737; color:#fff;}

.evl_right_divide_all {border:none !important;}

.new_pdf_data {position: absolute; top:0.3rem; right: 0.5rem;}
.new_pdf_data button {background: #ee6351 url(../images/sub/new_pdf_view.png) 0.5rem 47% no-repeat;padding: 0.5rem 0.7rem 0.5rem 3.5rem;font-size: 1.3rem;font-weight: bold;background-size: 2.2rem;}
.new_pdf_data button:hover {background-color: #A83526; color: yellow;}


/* 20240404 전자평가 화면 선택 start */
.evl_main_choice_bg {background: #ebf5f6 url("../images/main/main_cho_img.jpg");}
.evl_main_ch_text {font-size: 1.7rem;  margin-top: 2rem; display: block; font-weight: bold; display: inline-block; padding: 0.5rem 2rem; background: #97ceef; color: #004875; border-radius: 10rem;}
.evl_main_choice {position: relative; display: flex; max-width: 100rem; margin:3rem auto;  overflow: hidden; gap:5%; padding: 2rem;}
.evl_main_choice a {width: 100%;text-align: center;padding: 3rem;background: #fff;border-radius: 1rem;box-shadow: 4px 5px 8px 1px #8585854f;display: block;border:0.2rem solid #ffff;transition: transform 0.3s ease;box-sizing: border-box;}

.evl_main_choice a div strong {padding: 16rem 0rem 1rem 0rem; display: block; font-size: 2.5rem; font-weight: 800;}
.evl_main_choice a div p {font-size: 1.5rem; line-height: 2.2rem; word-break: keep-all;}
.evl_main_choice a div b {font-size: 1.8rem; background: red; padding: 1rem 2rem; border-radius: 10rem; margin-top: 2rem; display: block; color:#fff; display: flex; align-items: center; justify-content: center;}
.evl_main_choice a div b::after {content: "\e93f"; font-family: "xeicon"; margin-left: 0.5rem; font-size: 2rem;}
.evl_main_choice a:first-child div strong {background: url("../images/main/main_cho_user1.png") 50% 0% no-repeat;}
.evl_main_choice a:last-child div strong {background: url("../images/main/main_cho_user2.png") 50% 0% no-repeat;}
.evl_main_choice a:first-child div strong {color: #2c42a7;}
.evl_main_choice a:last-child div strong {color: #067374;}
.evl_main_choice a:first-child div b {background: #2c42a7;}
.evl_main_choice a:last-child div b {background: #118c8d;}

.evl_main_choice a:hover {border:0.2rem solid #2c42a7;  transform: translateY(-10px);}
.evl_main_choice a:hover strong {color: #003CFF !important;}
.evl_main_choice a:hover b {background: #003CFF !important;}
.ri_red span,
.measure_title_area > div {z-index: 94;}


/* 20250410 단계 팝업 */
.stage_wrap_all {position: fixed; width: 1000%; height: 1000%; top:-100%; left:-100%; background: #000000cf; z-index: 999;}
.stage_wrap {position: fixed; top:45%; left: 50%; transform: translate(-50%,-50%); width: 100%; max-width: 80rem; min-height: 30rem; padding: 3rem; text-align: center; display: flex; flex-direction: column; justify-content: center; z-index: 99; background: #fff; border-radius: 1rem;}
.stage_wrap_all .stage_location {display: flex;justify-content: center;background: #e9f0ff;padding: 0.5rem 0rem;}
.stage_wrap_all .sub_title {padding: 1rem 0rem;}
.stage_wrap_all .sub_title h2 {font-size: 1.5rem !important; background-size:1.5rem; padding-left:2rem;}
.stage_wrap_all .stage_location p {position: relative;font-size: 1.5rem;display: flex;padding: 0.5rem 2rem;align-items: center;}
.stage_wrap_all .stage_location p::before {content: "/";position: absolute;right: -0.3rem;top:50%;transform: translate(0%,-50%);color: #bdcded;font-weight: 900;}
.stage_wrap_all .stage_location p:last-child::before {display: none;}
.stage_wrap_all .rule-wrap {overflow-y: scroll;overflow-x: hidden;height: 20rem;font-size: 1.3rem;line-height: 2.5rem;padding: 1rem;width: 100%;border: 0.1rem solid #ebebeb;text-align: left;}
.stage_wrap_all .agree_conditions div {margin-bottom: 0.5rem; padding: 0.5rem;}
.stage_wrap_all .agree_conditions div strong {display: block;}
.stage_wrap_all .agree_conditions div p {display: block; word-break: keep-all;}
.stage_wrap_all .agree_conditions div table {border:0.1rem solid #e3e3e3;}
.stage_wrap_all .agree_conditions div table th {background: #f7f7f7; text-align: center; height: 3rem; min-height: 3rem; word-break: keep-all; border-bottom: 0.1rem solid #e3e3e3; border-right:0.1rem solid #e3e3e3;}
.stage_wrap_all .agree_conditions div table th:last-child {border-right: none;}
.stage_wrap_all .agree_conditions div table td {background: #fff; text-align: center; height: 3rem; min-height: 3rem; padding: 0rem 2rem; word-break: keep-all; border-right:0.1rem solid #e3e3e3;}
.stage_wrap_all .agree_conditions div table td:last-child {border-right: none;}
.stage_wrap_all .agree_conditions .agree_text1 td:first-child {background: #f7f7f7; font-weight: 600;}
.stage_wrap_all .inte_rule_choice {display: flex;align-items: center;padding: 0.5rem 1rem;background: #f7f7f7;border: 0.1rem solid #ebebeb;border-top: none;}
.stage_wrap_all .inte_rule_choice > div {width: 100%;padding:0.7rem}
.stage_wrap_all .inte_rule_choice > div p {font-size: 1.4rem;display: flex;align-items: center;text-align: left;padding: 0rem 0rem; word-break: keep-all;}
.stage_wrap_all .inte_rule_choice .chk-area {display: flex;justify-content: flex-end;gap:2rem;align-items: center;}
.stage_wrap_all .inte_rule_choice .form-check {display: flex; align-items: center;}
.stage_wrap_all .inte_rule_choice .chk-area strong {font-size: 1.4rem; color: #7463ff; color:#fff; background: #503fdd; padding: 0.5rem 2rem; border-radius: 100rem;}
.stage_wrap_all .inte_rule_choice .chk-area .chk_cho {background: #787597;}
.stage_wrap_all .form-check input[type="radio"] {height: 1.7rem !important; width: 1.7rem !important;}		
.stage_wrap_all .form-check input[type="radio"]:checked + label {color: #2d5aff;font-weight: 500;}
.stage_wrap_all .sub_title strong {color:#503fdd; margin-left:0.5rem;}
.stage_wrap_all .active_location {font-weight: bold; color: blue;}
.stage_wrap_all .active_location::before {color: #555;}
.stage_wrap_all .active_location::after {content: "\e92c";font-family: "xeicon";margin-left: 0.5rem;}
.stage_wrap_all .btn_move_box {margin-top: 1rem;}
.stage_wrap_all .btn_move_box a {padding: 1rem;}
.stage_wrap_all .sub_con_box {margin-bottom: 0rem;}
.stage_contents .height_type .table_con_box {display: flex; align-items: center;}

/* 20250410 레이어 팝업 단계 */
.stage_signature {position: relative;}
.stage_signature .s_singan_box {}
.stage_signature .s_singan_box .singan_before button { border:0.2rem solid #a0b1c9; border-radius: 0.5rem; display: block; width: 100%; height: 100%; background: url("../images/sub/singan_before.png") 50% 15% no-repeat;  padding: 15rem 7rem 5rem 7rem;}
.stage_signature .s_singan_box .singan_before button:hover {border-color: #3864f2;}
.stage_signature .s_singan_box .singan_before button span {font-size: 1.8rem;}

.stage_signature .s_singan_box .singan_before button span strong {color: #3864f2;}
.stage_signature .s_singan_box .singan_after {display: none;}
.stage_signature.s_signature_on .singan_before {display: none;}
.stage_signature.s_signature_on .singan_after {position: relative; display: block;}
.stage_signature.s_signature_on .singan_after p {border:0.2rem solid #a0b1c9; border-radius: 0.5rem; display: block; width: 100%; height: 100%; background: url("../images/sub/singan_after.png") 50% 15% no-repeat;  padding: 15rem 7rem 5rem 7rem;}
.stage_signature.s_signature_on .singan_after button {position: absolute; top:-3.2rem; right: 0rem; background:#fff; border:0.1rem solid #cecece; padding: 0.5rem 1rem; border-radius: 0.5rem;}
.stage_signature.s_signature_on .singan_after button:hover {background: #3864f2; color: #fff; border-color:#3864f2;}
.stage_signature.s_signature_on .singan_after {font-size: 1.8rem; color:#3864f2; word-break: keep-all;}
.height_type td {min-height: 4rem;}
.step_measure_cnt table th.th_up_excel {position: relative;}
.step_measure_cnt table th.th_up_excel button {border:0.1rem solid #264045; background: #b4edff; border-radius: 0.5rem; padding: 0.3rem 0.5rem !important; margin-left: 1rem; margin-top: 0rem;}
.step_measure_cnt table th.th_up_excel button i {font-weight: 600; font-size: 1.5rem;}
.step_measure_cnt table th.th_up_excel button i span {font-weight: 500; font-size: 1.3rem; margin-left: 0.1rem;}
.step_measure_cnt table th.th_up_excel button:hover {background: #fff; color:#3864f2; border-color: #1D339A;}

/* 20250421 미리보기 화면 안내 팝업 start */
.popup_banner {position: relative; padding: 1.5rem 0rem;}
.popup_banner::before {content: ""; position: absolute; background: #1a1d29; width: 110%; height: 100%; top: 0rem; left: -5rem;}
.popup_banner_con {text-align: center;}
.popup_banner_con p {position: relative; z-index: 98; color:#fff; font-weight: 700; font-size: 1.8rem;  background: #ff0003; display: inline-block; border-radius: 10rem; padding: 1rem;  animation: returnBackgroundColor 1s 6 forwards;}
.popup_banner_con p strong {color: #fff; padding: 0.5rem 2rem; border-radius: 0.5rem;}
@keyframes returnBackgroundColor {
0% {background-color: #FF0000;}
50% {background-color: #0E0E0E;}
100% {background-color: #FF0000;}
}


/* 20250430 현황화면 */
.eval_screen_wrap {background: #f2f5fa;}
.eval_screen_wrap .out_evl_header {height: 7rem;}
.eval_screen_wrap .out_evl_area {padding-top: 0rem;padding: 0rem;}
.eval_screen_wrap .e_s_content {position: relative;margin: 1rem auto;border-radius: 0.5rem;box-shadow: 2px 3px 6px 1px #e5e5e5;background: #fff;min-height: 78rem;max-width: 140rem;height: 100%;padding: 4rem;}
.e_s_d_header .e_s_d_title {padding-bottom: 1rem;}
.e_s_d_header .e_s_d_title h1 {font-size: 3rem;padding-bottom: 1rem;}
.e_s_d_header .e_s_d_title p {font-size: 1.4rem;color:#515a73;padding: 0.5rem 0rem;line-height: 2rem;word-break: keep-all;}
.e_s_d_content .e_s_d_c_tab {margin: 1rem 0rem 0rem 0rem;}
.e_s_d_content .e_s_d_c_tab ul {position: relative;display: flex;gap: 2.5rem;border-bottom: 0.1rem solid #ececec;}
.e_s_d_content .e_s_d_c_tab ul li {position: relative; font-size: 1.5rem; font-weight: 500; padding: 1rem 0rem;}
.e_s_d_content .e_s_d_c_tab ul li span {font-size: 1.4rem;}
.e_s_d_content .e_s_d_c_tab ul li strong {position: relative;z-index: 20;margin-left: 1rem;font-size: 1.3rem;color:#fff;}
.e_s_d_content .e_s_d_c_tab ul li strong::after {content: ""; background: #9fa6b1; width: 2rem; height: 2rem; position: absolute; top:50%; left:50%; border-radius: 10rem; transform: translate(-50%,-50%); z-index: -1;}
.e_s_d_content .e_s_d_c_tab ul li.es_tab_active::before {content: ""; position: absolute; bottom: 0rem; width: 100%; height: 0.2rem; background: #082b9c;}
.e_s_d_content .e_s_d_c_tab ul li.es_tab_active span {font-weight: 600; color:#082b9c;}
.e_s_d_content .e_s_d_c_tab ul li.es_tab_active strong {color:#fff;}

.e_s_d_content .e_s_d_c_tab ul li.es_tab_active strong::after {background: #082b9c;}
.e_s_d_content .e_s_d_c_tab ul li:hover button {color: #082b9c;} 
.e_s_d_content .e_s_d_c_tab ul li:hover::before {content: ""; position: absolute; bottom: 0rem; width: 100%; height: 0.2rem; background: #082b9c;} 
.e_s_d_content .e_s_d_c_detail_wrap {margin: 0rem 0rem;}
.e_s_d_content .e_s_d_c_box {display: flex;padding: 3.5rem 0rem;border-bottom: 0.1rem solid #ececec;}
.e_s_d_content .e_s_d_c_box:last-child {border-bottom: none;}
.e_s_d_c_box_left {width: 100%;}
.e_s_d_c_box_left .e_c_top {display: flex; align-items: center; gap:1rem;}
.e_s_d_c_box_left .e_c_top > p {background: #6675ad;display: inline-block;font-size: 1.3rem;font-weight: 600;color: #fff;border-radius: 0.5rem;padding: 0.3rem 1rem;}
.e_s_d_c_box_left .e_c_top ul {display: flex; counter-reset: my-counter; gap:1rem; display: none;}
.cur_ing .e_c_top ul {display: inline-flex;}
.e_s_d_c_box_left .e_c_top ul li {position: relative; display: flex;align-items: center;font-size: 1.3rem;color:#9198a4;}
.e_s_d_c_box_left .e_c_top ul li span {padding-left:0.5rem;}
.e_s_d_c_box_left .e_c_top ul li::before {counter-increment: my-counter;content:counter(my-counter);background: red;width: 1.5rem;height: 1.5rem;display: inline-flex;align-items: center;justify-content: center;border-radius: 10rem;font-size: 1.2rem;font-weight: 600;}
.e_s_d_c_box_left .e_c_top .es_cur_active {color: #e85a2e; font-weight: 600;}
.e_s_d_c_box_left .e_c_top .es_cur_active::before {background: #e85a2e; content: "\e929"; color:#fff; font-family: "xeicon";}
.e_s_d_c_box_left .e_c_detail h2 {font-size: 1.6rem;padding: 1rem 0rem 1.3rem 0rem;color:#222222;}
.e_s_d_c_box_left .e_c_detail ul {display: flex;flex-direction: column;gap: 0.7rem;}
.e_s_d_c_box_left .e_c_detail ul li {display: flex; color:#434343;}
.e_s_d_c_box_left .e_c_detail ul li strong {font-size: 1.4rem;font-weight: normal;width: 100%;color: #000000;max-width: 7rem;}
.e_s_d_c_box_left .e_c_detail ul li p {font-size: 1.4rem;}
.es_cur_active ~ li {color:#9198a4 !important;}
.es_cur_active ~ li::before {background: #eaeaea !important;color: #636973 !important;}
.e_s_d_c_box_left .e_c_top li:not(.es_cur_active) {color:#285fd4;}
.e_s_d_c_box_left .e_c_top li:not(.es_cur_active)::before {background: #d5e2fd; color:#16489f; }
.e_s_d_c_box_right {width: 100%;display: flex;align-items: center;justify-content: center;max-width: 20rem;}
.e_s_d_c_box_right .e_c_btn {display: flex;flex-direction: column; align-items: center; width: 100%; gap:1rem;}
.e_s_d_c_box_right .e_c_btn strong {font-size: 3rem; color: red;}
.e_s_d_c_box_right .e_c_btn a {display: block;background: #fff;padding: 1rem 5rem;font-size: 1.5rem;font-weight: bold;border-radius: 0.3rem;border:0.2rem solid #3959ff;color:#3959ff;}
.e_s_d_c_box_right .e_c_btn a:hover {background: #3959ff; color:#fff; }
.e_s_d_c_box_right .e_c_btn a.e_c_comp {background: #f2f5fa; border:none; color:#556784; cursor: default;}
.e_s_d_c_box_right .e_c_btn a.e_c_comp:hover {background: #f2f5fa; border:none; color:#556784;}
.cur_ing .e_c_top > p {background: #21b291; color:#fff;}
.cur_comp .e_c_top > p {background: #c0c0c0; color:#fff;}
.cur_comp .e_c_top ul {display: none;}
.cur_comp h2 {color: #9198a4 !important;}
.cur_comp .e_s_d_c_box_left .e_c_detail ul li strong,
.cur_comp .e_s_d_c_box_left .e_c_detail ul li p {color: #9198a4 !important;}

.esdc_data_none {text-align: center; padding: 15rem 0rem;}
.esdc_data_none strong {font-size: 2rem; color: #222222; background: url("../images/layout/no_data.gif") 50% 0% no-repeat; padding-top: 11rem; width: 100%; max-width: 70rem; display: block; margin:0 auto;}


@media screen and (max-width: 1200px){
	.out_evl_process ul li a span i {display: none;}
	.out_evl_process ul li a span {font-size: 1.5rem !important;letter-spacing: -1px;}
	.evl_right_info_wrap {flex-direction: column;}
	.evl_right_review,
	.evl_right_info {width: 100%;}
}

@media screen and (max-width: 1024px){
/* 외부 평가 메인화면 - 타블릿 */
.out_evl_main .out_evl_area .out_evl_contents {flex-direction: column-reverse;}
.out_evl_main .out_evl_area .out_evl_contents:before {display: none;}
.out_evl_main .out_evl_area .out_evl_con_left {padding: 1rem 3rem;}
.out_evl_main .out_evl_area .out_evl_con_right_pass {display: flex; position: static; top: auto; left: auto; transform: translate(0%,0%); width: 100%; flex-direction: row-reverse; align-items: center; padding: 1rem 3rem;}
.out_evl_main .out_evl_area .out_evl_con_right_pass img {width: 10rem;}
.out_evl_main .out_evl_area .out_evl_con_right_pass div:first-child {width: 45%;}
.out_evl_main .out_evl_area .out_evl_con_right_pass div:last-child {width: 100%;text-align: left;}
.out_number_wrap {text-align: center !important; background: url("../images/sub/typing_bg.png") 100% 50% no-repeat;}
.out_number_wrap div {text-align: left!important;}
.out_number_wrap .out_number {padding: 1rem 0rem !important;text-align: left; background: none;}
.out_number_input input {}
	
/* new_프로세스 기능 */
.out_evl_area .out_evl_header .logo {position: static; transform: translate(0%,0%); padding-top: 1rem; text-align: left; padding-left: 1rem;}
.out_evl_area .out_evl_header h1 {padding: 0.5rem 0rem;}
.out_evl_process {padding-top: 1rem;}
.out_evl_process ul {display: flex; gap:1%;}
.out_evl_process ul li.on span:after,
.out_evl_process ul li span:before,
.out_evl_process ul li.com span:before,
.out_evl_process ul .on:before,
.out_evl_process ul li:after {display: none;}
.out_evl_process ul li {margin-bottom: 0.2rem;}
.out_evl_process ul li span {min-width: 8rem; padding: 1rem 0.1rem !important;}
.out_evl_process ul {padding: 0rem 1rem;border-radius: 0.5rem;}
.l4 {width: 0px !important; height:0px !important;}
.l4 span {visibility: hidden;}
.evl_table_wrap {flex-direction: column;}
.evl_new_leftmenu {width: 100%;}
.evl_new_leftmenu_box {width: 70%;margin:0 auto;display: none;}
.evl_new_leftmenu_box span:after,
.evl_new_leftmenu_box .n_active span:before {display: none;}
.evl_new_leftmenu_box button:before {position: absolute;top:10%;left: 50%;transform: translate(-50%,0%);}
.evl_new_leftmenu_box button:hover:before {animation:none !important;position: absolute;top:8%;left: 50%;transform: translate(-50%,0%);}
.outexp_pr_all {/* border-radius: 0rem; */}
.out_evl_con_box {padding: 0rem 0rem;}
.outexp_pr_writing {padding: 1rem 1rem;}
.out_evl_process ul li a {display: block;text-align: center;height: 100%;}
.out_evl_process ul li a span {font-size: 1.4rem !important;box-shadow: none;padding: 0.5rem 0.5rem 0.5rem 0.5rem !important;justify-content: center;min-width:auto;display: flex;word-break: keep-all;height: 100%;align-items: center;}

.login_info_util {width: 60%;justify-content: flex-end;top: 1rem;right: 1.5rem;align-items: flex-start; gap:0.5rem;}
.bell_active a:before,
.bell_active a:after {display: none;}
.l_info_util_bell a {padding: 0.3rem 0.5rem 0.3rem 0.5rem;margin-bottom: 0.5rem;display: block;}
.login_info_evl .l_in_e_loginout a {font-size: 1.1rem; padding: 0.5rem; justify-content: center; border:none;}
.l_info_util_bell img {width: 1.8rem;}
.login_info_evl .l_in_e_name h2 {font-size: 1.1rem;width: 100%;text-align: center;display: block;}
.login_info_evl .l_in_e_name h2:before {display: none;}
.login_info_evl {display: flex;}
.login_info_evl .l_in_e_name {padding: 0.5rem;}
.rule_in {padding: 1rem;}
.out_evl_sub .out_evl_area .out_evl_contents {border-radius: 0rem;}
.evl_right_divide {flex-direction: column;}
.new_evlall_area {flex-direction: column;}
.out_evl_con_box .evl_leftmenu_nav ul {max-height: 23rem;}
.new_evlall_area {width: 100%;margin:0 auto;}
.evl_leftmenu_area {display: block;}
.evl_right_info,
.evl_right_con {flex-direction: column;padding-left: 0.3rem !important;}
.evl_right_con div {justify-content: center;display: flex;flex-direction: column;}
.evl_right_con {gap:1rem;}
.e_r_r_c .evl_right_con {gap:1rem;flex-direction: row;}
.out_evl_con_box .step_measure_cnt td {padding: 0.3rem 1rem 0.3rem 14.5rem !important;}
.evl_leftmenu_nav .sub_title {padding: 1rem;}
.evl_right_con_tab {margin-top: 1rem;}
.evl_right_divide_all {padding: 2rem 1rem;}
	
.l_in_e_loginout a{text-indent: -999rem;}
.l_in_e_loginout a::before {text-indent: 0rem; font-size: 1.5rem !important;}
.judeg_wrap .measure_title_wrap {padding: 1rem 0rem;}
	
/* 태블릿 평가 현황 */
.eval_screen_wrap .out_evl_header {height: 4.5rem;}
.e_s_d_c_box_left .e_c_top {flex-direction: column; align-items: flex-start;}
}

@media screen and (max-width: 800px){
/* 태블릿 평가 현황 */
	.eval_screen_wrap .e_s_content {padding: 2rem;}
	.eval_screen_wrap .out_evl_area {padding: 0rem;}
.e_s_d_content .e_s_d_c_box {flex-direction: column;}
	.e_s_d_c_box_right {max-width: 100%;}
	.e_s_d_content .e_s_d_c_box {position: relative;padding: 2.5rem 0rem;}
	.e_s_d_c_box_right .e_c_btn {}
	.e_s_d_c_box_right .e_c_btn strong {display: none;}
	.e_s_d_c_box_right .e_c_btn a {width: 100%; box-sizing: border-box; text-align: center; margin-top: 2rem;}
	.e_s_d_header .e_s_d_title h1 {font-size: 2.3rem; padding-bottom: 0.5rem;}
	.e_s_d_content .e_s_d_c_tab {margin-top:0rem;}
	.e_s_d_content .e_s_d_c_tab ul {gap:0.5rem;}
	.e_s_d_content .e_s_d_c_tab ul li span {font-size: 1.3rem;}
	.e_s_d_content .e_s_d_c_tab ul li strong {font-size: 1.2rem;}
	.e_s_d_c_box_left .e_c_detail h2 {font-size: 1.5rem;}
	.e_s_d_c_box_left .e_c_detail ul li strong,
	.e_s_d_c_box_left .e_c_detail ul li span {font-size: 1.3rem;}
}

@media screen and (max-width: 600px){
.e_s_d_c_box_left .e_c_top ul li {display: none;}
.es_cur_active {display: block !important;}
.e_s_d_c_box_left .e_c_top {flex-direction: row; align-items: center;}
.e_s_d_c_box_right .e_c_btn {align-items: flex-start;}
.e_s_d_c_box_right .e_c_btn a {padding: 0.7rem 0rem !important;}
}
@media screen and (max-width: 700px){
.elv_windowpop_content {background: none}
.out_evl_main .out_evl_area .out_evl_con_right_pass {flex-direction: column;padding: 1rem;}
.out_evl_main .out_evl_area .out_evl_con_right_pass div:last-child {text-align: center;}
.evl_main_ch_text {display: none;}
.evl_main_choice {flex-direction: column; gap:1rem;}
.evl_main_choice a {padding: 1rem;}
.evl_main_choice a div strong {padding-top: 0rem; font-size: 2rem; background-image: none !important;}
.evl_main_choice a div p {font-size: 1.4rem; line-height: 1.7rem;}
.evl_main_choice a div b {font-size: 1.6rem; margin-top: 1rem; padding: 1rem;}
.out_evl_main {padding-top: 0rem !important;}
.out_number_wrap .out_number {text-align: center !important;}
.out_number_wrap div {text-align: center !important;}
.out_number_wrap {text-align: center !important;background-position: 50% 0%;padding-top: 0rem;background-size: 7rem;}


.out_evl_main .out_evl_area .out_evl_con_right_pass img {display: none;}
.out_evl_main .out_evl_area .out_evl_con_right_pass p {line-height: 2rem;font-size: 1.4rem;}
.out_number_input input {margin:0rem !important;max-width: 20rem;font-size: 2rem;}
.out_evl_area .out_evl_header h1 {word-break: keep-all;font-size: 2rem !important; margin-top: 1rem;}
.out_evl_main .out_evl_area .out_evl_header p {font-size: 1.4rem;} 
.out_certified_tab button {font-size: 1.4rem;padding: 1rem 0rem;}
.out_evl_main .out_evl_area .out_evl_con_left_tit h2 {font-size: 1.6rem; padding-bottom: 0rem;}
.out_evl_main .out_evl_area .out_evl_con_left_tit {padding: 1rem 0rem;}
.out_evl_main .out_evl_area .out_evl_con_left_detail div p {font-size: 1.4rem;}
.out_evl_main .out_evl_area .out_evl_con_right a {font-size: 1.5rem;display: inline-flex;align-items: center;padding: 1rem 5rem 1rem 7rem;}
.out_number_input input::placeholder {font-size: 1.4rem;}
.out_evl_main .out_evl_area .out_evl_con_left {background-size: 15rem;padding: 1rem;}
.out_evl_main .out_evl_area .out_evl_con_left_detail div {margin: 0.5rem 0rem;}
.out_evl_main .out_evl_area .out_evl_con_left_detail div h3 {font-size:1.4rem;}
.out_evl_main .out_evl_area .out_evl_contents {margin-top: 2rem !important;}
.out_number_wrap {background: none;}
.out_evl_main .out_evl_area .out_evl_header .logo h1 {margin-top: none !important;}
.measure_title_wrap {align-items: flex-start;}
	
.stage_wrap {padding: 2rem;}
.stage_wrap_all .inte_rule_choice {flex-direction: column;}
.stage_wrap_all .inte_rule_choice > div p {text-align: center; justify-content: center;}
.stage_wrap_all .inte_rule_choice .chk-area {justify-content: center;}
.stage_contents .height_type .table_con_box {}
.stage_contents .height_type td {padding: 0.3rem 1rem 0.3rem 7.8rem !important;}
.stage_contents .height_type td:before {width: 6.5rem;font-size: 1.3rem;padding: 0rem 0rem 0rem 0.5rem;}
.stage_contents .height_type input, .height_type select {padding: 0.5rem; background-image: none;}
}

@media screen and (max-width: 500px){
/* 로고 작아짐 */	
.out_evl_area .out_evl_header .logo {top: 2.1rem !important;padding: 1rem 0rem 0rem 0rem;}
.out_evl_area .out_evl_header .logo a {display: flex; align-items: flex-start; flex-direction: column;}
.out_evl_area .out_evl_header .logo img {width: 2rem;margin-right: 0.5rem;position: absolute;top: 1.3rem;left: 1rem;}
.out_evl_area .out_evl_header .logo strong {font-size: 1.3rem;padding-left: 3.5rem;}
.out_evl_area .out_evl_header .logo span {font-size: 1.3rem;padding: 0rem 0rem 0rem 3.5rem;}
.out_evl_area .out_evl_header .logo span:before {display: none;}

.out_evl_main .out_evl_area .out_evl_header .logo {justify-content: center;align-items: center;display: flex;max-width: 25rem;padding: 1.7rem 0rem;}
.out_evl_main .out_evl_area .out_evl_header .logo a {display: flex; flex-direction: row; }
.out_evl_main .out_evl_area .out_evl_header .logo span {padding-left: 1rem;}
.out_evl_main .out_evl_area .out_evl_header .logo span:before {display: block;}
.out_evl_main .out_evl_area .out_evl_header {display: flex;align-items: center;flex-direction: column;}

}
@media screen and (max-width: 450px){
/* 외부 평가 메인화면 - 모바일 */
.signup_page_area {width: 90%;margin:0 auto;background: #fff;box-shadow: 0px 10px 20px 6px rgba(0,0,0,0.07);margin-bottom: 5rem;margin-top: 2rem;}
.inte_certify_area {text-align: center; padding: 3rem;}
.inte_certify_area p {font-size: 1.5rem; line-height: 2.3rem; font-weight: 500; padding: 1rem;}
.inte_certify_area img {padding: 1rem;}
.inte_certify_area p span {color:#3d5ee6;}
.inte_certify_area a {display: inline-block; background:#3959ff; border-radius: 0.5rem; padding: 1.5rem 5rem 1.5rem 7rem; font-size: 1.8rem; font-weight: bold; margin:1rem 0rem; color:#fff; width: 100%; box-sizing: border-box; max-width: 50rem; cursor: pointer; }
.inte_certify_area a i {margin-left:1rem; font-weight: bold;}
.inte_certify_area a:hover {background:#111425; animation:iconbtn 1s ease;}
.out_evl_main .out_evl_area .out_evl_con_left {background-image: none;}
.out_evl_main .out_evl_area .out_evl_con_left_detail div {width: 100%;}
.out_evl_main .out_evl_area .out_evl_con_right_pass h2 {font-size: 2rem;}
.out_evl_process ul li a span {font-size: 1.3rem !important;padding: 0.1rem 0.2rem !important;line-height: 1.41rem;}
	
.stage_wrap {padding: 1.5rem;}
	.stage_wrap_all .stage_location p {font-size: 1.3rem;}
}