@charset "utf-8";
/* CSS Document */
.btn_sm_a {padding: 0.3rem;border-radius: 0.5rem;display: flex;align-items: center;justify-content: center;}
.new_greneral .height_type th {height: 3.2rem;}
.selection_results{border: solid 1px #ddd;border-radius: 15px;width: 100%;position: relative;padding: 0rem;}
.selection_results dl{padding: 9rem 28rem 9rem 38rem;text-align: left;background: url("../images/sub/selected_img_bg.png") 3rem 50% no-repeat;background-size: 30rem;}
.selection_results dl > dt{font-size: 23px;color: #292929;font-weight: 600;}
.selection_results dl > dt > span{font-size: 28px;color: #3784d6;}
.selection_results dl > dd{margin-top: 15px;font-size: 18px;color: #666666;}
.viewer_area_box_detail img {width: 100%;} /*테스트용 */
.viewer_area_box {margin-top: 3rem;}
.table_con_title {text-align: left !important;}
/* 콘텐츠 영역 */
.sub_area {max-width: 140rem;margin:0 auto !important;padding: 0rem 1rem;display: flex;gap:4rem;}
#sub_contents_wrap {width: 100%;}
.sub_contents {width: 100%;padding: 2rem 2rem;}

/* 로고 영역 수정 */
.header .logo {top: 2.1rem !important;}
.header .logo a {display: flex; align-items: center;}
.header .logo img {width: 2rem; margin-right: 0.5rem;}
.header .logo strong {font-size: 1.5rem; color:#222; font-weight: 600;}
.header .logo span {position: relative; padding: 0rem 1rem; font-size: 1.5rem; font-weight: 600; color:#222;}
.header .logo span:before {content: ""; position: absolute; top:0.2rem; left:0.5rem; width: 0.1rem; height: 80%; background: #222;}
.logo_area {top: 2.1rem !important;}
.logo_area a {display: flex; align-items: center;}
.logo_area img {width: 2rem; margin-right: 0.5rem;}
.logo_area strong {font-size: 1.5rem; color:#222; font-weight: 600;}
.logo_area span {position: relative; padding: 0rem 1rem; font-size: 1.5rem; font-weight: 600; color:#222;}
.logo_area span:before {content: ""; position: absolute; top:0.2rem; left:0.5rem; width: 0.1rem; height: 80%; background: #222;}
.base_search_area {padding: 0rem !important;}
.join_infoBox {display: flex;align-items: center;justify-content: space-between;border-bottom: 0.1rem solid #e5e5e5;}
.join_infoBox .join_title {font-size: 1.6rem;}
.join_infoBox .join_title i {font-size: 2rem;min-width: 17rem;position: relative;display: inline-flex;align-items: center;}
.join_infoBox .join_title i:after {content: ":"; position: absolute; top: 50%; right:1.5rem; transform: translate(0%,-50%); font-size: 1.4rem;}
.join_infoBox .join_title i span {font-size: 1.6rem; margin:0rem 1rem;}
.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;}
.join_infoBox a:hover {background: #373737; color:#fff;}
.new_join_id {background: url("../images/external_img/join_password_bg.png") 100% 50% no-repeat;}
.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;}
.new_joinAgree_title {margin-bottom: 3rem;}
.new_joinAgree_title h2 {font-size:3rem; padding-bottom: 2.5rem; color:#000000; padding-top:1.5rem;}
.new_joinAgree_title p {font-size:1.5rem; line-height: 2.5rem; color:#646464; padding-right: 13rem;}
.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;}
.new_ice_join_withd_box .join_info input::placeholder { font-weight: 500; font-size:1.5rem; color:#A3A3A3;}
.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;}
.new_ice_join_withd_box .join_infoBox {margin-top:0rem;padding: 1.5rem 0rem;/* margin-bottom: 1rem; */}
.new_ice_join_withd_box .join_infoBox p {padding: 0.5rem 0rem;}
.new_ice_join_withd_box .join_infoBox .borderBox {border:none; border-bottom:0.1rem solid #cecece; display: flex;}
.new_ice_join_withd_box .join_infoBox .btn.active {border:1px solid #606dcd; background: #fff; color:#1531bf; z-index: 99;}
.new_ice_join_withd_box .join_infoBox .btn {border:1px solid #dadada; background: #fff; color:#5f5f5f; margin-left:-0.1rem; font-size:1.6rem;}
.new_ice_join_withd_box .join_infoBox .btn:hover {background: #e2e7ff; color:#1531bf;}
.new_ice_join_withd_box .join_infoBox .btn:hover {background: #e2e7ff; color:#1531bf;}
.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;}
.new_ice_join_withd_box .join_infoBox .join_search_btn a:hover {background:#000000; color:#FFE166;}
.new_ice_join_withd_box .id_search_result {background: #f4f4f4; padding: 2rem 0.5rem;}
.new_ice_join_withd_box .search_result_box1 p {font-size:1.6rem;color:#ff2020;background: none;}
.new_ice_join_withd_box .join_move_btn  {text-align: right;}
.new_ice_join_withd_box .new_join_completion {text-align: center;}
.new_ice_join_withd_box .new_join_completion h2 {background: url("../images/layout/join_finish.png") 50% 0% no-repeat; padding-top:18rem;}
.new_ice_join_withd_box .new_join_completion p {padding-right:0rem;}
.border_none {border:none;}
.new_ice_join_withd_box .search_result_box1 p span {font-size:2.5rem; color:#ff0000;}
.new_ice_join_withd_box .search_result_box2 {margin-top:2rem;}
.new_ice_join_withd_box .search_result_box2 p {font-size:2.5rem;}

/* 외부 헤더 부분 */
.new_greneral .header .lnb .depth1 {display: flex; justify-content: center; height: 100%;}
.new_greneral .header .lnb .depth1 > li {position: relative;}
.new_greneral .header .lnb .depth1 > li::after {content: "";position: absolute;top:50%;right: -0.5rem;transform: translate(-50%,-50%);background: #a2a2a2;width: 0.4rem;height: 0.4rem;border-radius: 10rem;}
.new_greneral .header .lnb .depth1 > li:last-child::after {display: none;}
.new_greneral .header .lnb .depth1 > li > a {display: flex;height: 100%;align-items: center;font-size: 1.8rem;padding: 0rem 3rem;transition: all 0.5s;}
.new_greneral .header .lnb .depth1 > .active > a {position: relative; font-weight: bold; color: #0046ff;}
.new_greneral .header .lnb .depth1 > .active > a:before {content: ""; position: absolute; bottom:1rem; left:50%; transform: translate(-50%,-0%); width: 8rem; height: 0.2rem; background: #0046ff;}
.new_greneral .header .lnb .depth1 li.on .depth2 { visibility: visible; top:0px;  opacity: 1; }
.new_greneral .header .lnb .depth2 {display: flex;align-items: flex-start;justify-content: left;opacity: 0;visibility: hidden;position: fixed;left: 0;top: -50px;z-index: -1;width: 100%;background-color: #fff;padding: 7.5rem 20rem 0rem 0rem;box-shadow:0 0 20px 0px #383737;transition: all 0.2s;min-height: 20rem; overflow: hidden;}
.new_greneral .header .lnb .depth2:before {content: ""; position: absolute; top:75px; left:0px; width: 100%; height: 1px; background: #dcdcdc;}
.new_greneral .header .lnb .depth2 .depth_area {width: 100%; padding: 3rem 3rem; display: block; font-size:1.8rem; font-weight: bold; z-index: 99; position: relative;}
.new_greneral .header .lnb .depth2 .depth_area li a {position: relative; padding: 1.5rem; font-size:1.7rem; font-weight: normal; display: block; border-radius: 0.5rem; border:0.1rem solid #C9C9C9; width: 30%; margin-bottom: 1rem; color: #222222;}
.new_greneral .header .lnb .depth2 .depth_area li a:hover {border:0.1rem solid #0046ff; color: #0046ff; font-weight: bold;}
.new_greneral .header .lnb .depth2 .depth_area li a:after {content: "\e93f"; position: absolute; top:50%; right: 2rem; transform: translate(0%,-50%); font-family: "xeicon";}
.new_greneral .depth_title_area {position: relative;;background: #0d9eca;height: 100%;width: 50%; display: flex; justify-content: flex-end; padding: 2rem;}
.new_greneral .depth_title_area:before {content: "";position: absolute;top:0rem;left:0rem;width: 100%;height: 40rem;background: #005bd1;}
.new_greneral .depth_title {position: relative; max-width: 40rem; z-index: 99; padding-right: 5rem;}
.new_greneral .depth_title h3 {padding: 1rem 0rem;}
.new_greneral .depth_title h3 span {z-index: 99; position: relative; color: #fff; font-size: 3rem; display:inline;}
.new_greneral .depth_title p {color: #fff; font-size: 1.6rem; line-height: 2.5rem;}
.new_greneral .header .lnb .depth1 li.on > a {color: #1f6beb !important} 
.new_greneral .header .lnb .depth1 li.on > a:before {background: #1f6beb !important} 

/* 원격지원 */
.remote_sp_wrap { border:0.2rem solid #416bcd; border-radius: 1rem;}
.remote_sp_box {padding: 25rem 5rem 5rem 5rem;background: url("../images/external_img/remote_sp_bg.jpg") 50% 0% no-repeat;background-size: 33rem;text-align: center;}
.remote_sp_wrap b {font-size: 2rem;padding-bottom: 1rem;display: block;color: #073e8f;}
.remote_sp_wrap h2 {font-size: 4rem;}
.remote_sp_box .remote_text {font-size: 1.8rem;color: #000000;font-weight: bold;padding: 1rem 0rem 3rem 0rem;}
.remote_sp_box .remote_text_box {display: flex; gap:5%;}
.remote_sp_box .remote_text_box p {width: 100%;text-align: center;background: #f3f3f3;border:1px solid #cecece;padding: 1rem 2rem 3rem 2rem;font-size: 1.8rem;}
.remote_sp_box .remote_text_box p strong {display: block; font-size: 3rem; color: #1349F5; padding: 1rem 0rem;}
.remote_sp_box a {background:#005bd1;width: 100%;display: block;text-align: center;margin-top: 2rem;padding: 2rem 0rem;border-radius: 10rem;font-size:2rem;color: #ffffff;font-weight: bold;}
.remote_sp_box a:hover {background: #023061;color: #ffffff; animation:iconbtn 1s ease;}

/* faq */
.faq {border-top:0.200rem solid #555; border-bottom: 0.100rem solid #aaa; margin: 0 !important;}
.faq .group {border-bottom: 0.100rem solid #ddd; padding: 0;}
.faq li::before{display: none;}
.faq .group.active .label::before { background-color: #EC411B; }
.faq .group.active .label::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.faq .group.active .item {width: auto;height: auto;padding-top: 1.5rem;padding-bottom: 1.5rem;font-weight: 400;-webkit-transition: all 0.2s;transition: all 0.2s;visibility: visible;font-size: 1.5rem;overflow: visible;opacity: 1;line-height: 3rem;}
.faq .item { visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0; position: relative; padding: 0 9rem 0 7rem; border-top:0.100rem solid #ddd;}
.faq .item::before {display: none;}
.faq .item::after { position: absolute; left: 1.7rem; top: 1.5rem; width: 3.5rem; height: 3.5rem; border-radius: 100%; background-color: #fff; font-weight: 600; color: #333; content: 'A'; text-align: center; line-height: 3.5rem; -webkit-transition: all 0.2s; transition: all 0.2s; font-size:2.200rem;}
.faq .label {display: block;position: relative;padding: 2rem 6.5rem;font-weight: 500;color: #333;font-size: 1.6rem;background: #fafafa;}
.faq .label::before { position: absolute; left: 1.5rem; top: 1.5rem; width: 3.5rem; height: 3.5rem; border-radius: 100%; background-color: #384d60; color: #fff; content: 'Q'; text-align: center; line-height: 3.5rem; -webkit-transition: all 0.2s; transition: all 0.2s; }
.faq .label::after { font-size: 2.2rem; position: absolute; right: 3rem; bottom: 1.5rem; font-family: 'xeicon'; font-weight: 400; color: #999; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }

.faq .group a:hover {background: #eef2ff;}

/* 기본 좌측메뉴 */
.gr_control .sub_area {padding-left:0rem !important; max-width: inherit; gap:0rem !important;}
.gr_control .choice_left_menu button {font-weight: bold;color: #ffffff !important;background: #609ccb !important;}
.gr_control #sub_left_menu_wrap {position: relative;background: #fff;width: 20rem !important;border-right: 0.1rem solid #d9dce4 !important;}
.gr_control #sub_left_menu_wrap:after {content: "";position: absolute;top:0rem;right: -0.1rem;width: 0.1rem;min-height: 94.6rem;background: #d9dce4;display: block;}
.gr_control .sub_left_title {position: relative;color:#fff;background: url("../images/sub/ex_nav_bg.jpg");text-align: center;padding: 3rem 0rem;border-radius: 0rem;background-size: cover;}
.gr_control .sub_left_menu {position: static;top: 0rem !important;/* border-radius: 1rem 1rem 0rem 0rem; */overflow: hidden;margin-top: 0rem !important; border-radius: 0rem !important;}
.gr_control .sub_left_title h1 {font-size: 2.3rem;}
.gr_control .sub_mobile_title {display: none;}
.gr_control .sub_left_menu_nav a {display: block;font-size: 1.2rem;}
.gr_control .sub_left_menu_nav button {width: 100%; text-align: left;}
.gr_control .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;}
.gr_control .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;}
.gr_control .sub_left_menu_nav .depth1:hover {color: #152aa9;}
.gr_control .sub_left_menu_nav .depth1:hover::after {transform: rotate(180deg) !important; top:35%;}
.gr_control .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;}
.gr_control .sub_left_menu_nav .depth1.nodepth:hover:after {transform: rotate(180deg); top:35%;}
.gr_control .sub_left_menu_nav .depth1:hover:after {transform: rotate(180deg); top:35%;}
.gr_control .sub_left_menu_nav > ul > li:last-child a {border-bottom: none !important;}
.gr_control .sub_left_menu_nav .active button:after {transform: rotate(180deg); top:35%;}
.gr_control .sub_left_menu_nav .depth2 {display: none;}
.gr_control .sub_left_menu_nav .active .depth1 {font-weight: bold;color: #fff;background: #316fa0;}
.gr_control .sub_left_menu_nav .active .depth2 {display: block;padding: 0rem 1rem;font-size: 1.4rem;background: #f5f6fa;border-bottom: 0.1rem solid #eceef3;}
.gr_control .sub_left_menu_nav .active .depth2 li ul {display: block;padding: 0.5rem 0rem;}
.gr_control .sub_left_menu_nav .active .depth2 ul li {padding: 0.3rem 0.5rem;}
.gr_control .new_left .sub_left_menu_nav .active .depth2 li ul {padding: 1rem 0rem; border-bottom:0.1rem solid #c6c6c6;}
.gr_control .sub_left_menu_nav .active .depth2 li:last-child ul {border-bottom: none;}
.gr_control .sub_left_menu_nav .active .depth2 li ul li a:hover {font-weight: bold; color:#152aa9;text-decoration: underline;}
.gr_control .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;}
.gr_control .sub_left_menu_nav .active .depth2 li ul li.on {font-weight: bold;color: #0e52c2;}
.gr_control #sub_contents_wrap {width: 100%;}
.gr_control .sub_home_bg {background: #f4f6fa !important;}
.gr_control .depth2 { display: none;}
.gr_control .left_menu_none {position: absolute;top:8.7rem;right: -2.2rem;z-index: 95;}
.gr_control .left_menu_none button {display: block;background: #f5f6fa;border:0.1rem solid #d9dce4;padding: 0.5rem 0rem;border-radius: 0rem;}
.gr_control .left_menu_none button i {font-size: 2rem;}
.gr_control .left_menu_none button:hover {background: #2b2c2f; color:#fff; border-color: #2b2c2f;}
.gr_control .left_menu_block {position: absolute;top: 0rem;left:0rem;z-index: 99;}
.gr_control .left_menu_block button {display: block;background: #f5f6fa;border:0.1rem solid #d9dce4;padding: 0.5rem 0rem;border-radius: 0rem;margin-left: -0.1rem;}
.gr_control .left_menu_block button i {font-size: 2rem;}
.gr_control .left_menu_block button:hover {background: #2b2c2f; color:#fff; border-color: #2b2c2f;}
.gr_control .left_menu_util_wrap {margin-top: 0rem;padding: 1rem;display: block;}
.gr_control .left_menu_util {width: 100%;}
.gr_control .left_menu_util ul { width: 100%;}
.gr_control .left_menu_util ul li {width: 100%;}
.gr_control .left_menu_util a {position: relative;font-size: 1.4rem;display: flex;padding: 0.5rem;width: 100%;text-align: center;z-index: 99;background: #f2f3f7;border-radius: 0.5rem;font-size: 1.2rem;border: 0.1rem solid #e6e6e7;font-weight: 500;align-items: center;margin:0.5rem 0rem;box-sizing: border-box;}
.gr_control .left_menu_util a i {font-size: 2rem; color: #698FB8; margin-right: 0.5rem;}
.gr_control .left_menu_util a:hover {background: #082a83; color:#fff;}
.gr_control .left_menu_util a:hover i { color:#fff;}
.gr_control .left_menu_util a:after {content: "\e93f"; position: absolute; top:50%; right:1rem; transform: translate(-0,-50%); font-family: "xeicon"; transition: all 0.3s;}
.gr_control .sub_left_menu_nav .active .depth1:before {display: none !important;}
.gr_control .sub_left_menu_nav {padding:0rem !important; border:none !important;}

.new_top_title_area {display: flex;background: #073e8f;justify-content: space-between;align-items: center;padding: 0.5rem;}
.pop_top_title h2 {color:#fff;font-size: 1.7rem;}
.pop_top_title_util {display: flex; align-items: center; margin-right: 2rem;}
.pop_top_title_info button {color:#fff;background: url("../images/layout/login_area_after_info_img1.png") 0% 50% no-repeat;background-size: 3rem;padding: 1rem 1rem 1rem 3.5rem;font-size: 1.2rem !important;}
.pop_top_title_info button strong {padding-right: 0.5rem;}
.pop_top_title_out a {display: block; border-radius: 0.5rem;}
.pop_top_title_out a:hover { background: #0A182D;}
.new_greneral.gr_control .sub_left_menu_nav ul {gap:0rem;}
.new_greneral.gr_control .sub_left_menu_nav .depth1 {border:none !important;border-radius: 0rem !important;font-size: 1.2rem !important;border-bottom:0.1rem solid #efefef !important;}
.new_greneral.gr_control .sub_left_menu_nav .active .depth1 {background: #085ddc; border-bottom: 0.1rem solid #085ddc !important;}
.new_greneral.gr_control .sub_left_menu_nav .active .depth1:hover {border-bottom: 0.1rem solid #085ddc !important;}
.new_greneral.gr_control .sub_left_menu_nav .depth1:hover {border:none !important; border-bottom: 0.1rem solid #eceef3 !important;}
.new_greneral.gr_control .sub_contents {padding: 1rem 1rem 7rem 3rem !important;border-left:0.1rem solid #efefef;}
.new_greneral.gr_control {display: flex;}
.new_greneral.gr_control #sub_area_wrap {display: flex; flex-direction: column;}
.new_greneral.gr_control #sub_contents_wrap {flex-grow: 1;}
.new_greneral.gr_control .sub_area {display: flex;flex-grow: 1;margin: 0rem !important;}
.new_greneral.gr_control .wrap_area,
.new_greneral.gr_control .main_wrap,
.new_greneral.gr_control #container_wrap,
.new_greneral.gr_control .container,
.new_greneral.gr_control #contents,
.new_greneral.gr_control #sub_area_wrap {height: 100% !important; width:100%;}
.new_greneral.gr_control #sub_left_menu_wrap {position: relative;max-width: 16rem !important;width: 100% !important;margin-top: 0rem;min-width: 16rem;}
/*.new_greneral.gr_control #sub_left_menu_wrap::after {content: "1"; height: 100%; width:0.1rem; position: absolute; top:0rem; right:0rem; display: block; background: #efefef ;}*/
.new_greneral.gr_control .Inquiry_left_area {position: fixed;bottom: 0rem;max-width: 16rem !important;width: 100%;display: flex;flex-direction: column;align-items: center;background: #f8f8f8;text-align: center;padding: 5rem 0rem 1rem 0rem;}
.new_greneral.gr_control .Inquiry_left_area strong {font-size: 1.3rem;background: url("../images/layout/gr_left_call_img.png") 50% 0% no-repeat;padding-top: 4.5rem;background-size: 4rem;}
.new_greneral.gr_control .Inquiry_left_area span {display: block;font-weight: bold;font-size: 1.6rem;color: #085ddc;padding: 0.5rem 0rem;}
.new_greneral.gr_control .Inquiry_left_area p {font-size: 1.2rem;}

.new_greneral.gr_control .sub_title {padding: 0rem !important;}
.new_greneral.gr_control .width_type {margin: 0rem !important;}
.new_greneral.gr_control .sub_title h2,
.new_greneral.gr_control .sub_title h3 {padding-top: 1rem !important;padding-bottom: 1rem !important;font-size: 1.4rem;background-size: 1.6rem;padding-left: 2.3rem;}

.gr_control #sub_contents_wrap {position: relative;}
.gr_control #sub_contents_wrap::before {content: ""; height: 100%; width:0.1rem; position: absolute; top:0rem; left:0rem; display: block; background: #efefef;}
/* 서브 타이틀 영역 */
.sub_con_box {padding: 0.3rem 0rem;margin-bottom: 0rem !important;}
.sub_con_title_wrap {background: url("../images/sub/sub_bg.jpg");padding: 5rem 3rem;background-size: cover;}
.v_zoom {transform:scale(1.2); background-repeat: no-repeat;background-position: 50% 10%;transition:2s;}
.v_zoom.on {transform:scale(1);}
.sub_con_title {/* max-width: 140rem; */margin:0 auto;padding: 0rem 3rem;}
.sub_con_title h1 {padding: 0rem 0rem 2rem 0rem;font-size:4rem;color: #232731;text-align: center;}
.sub_con_title p {font-size:1.6rem;font-weight: 400;color: #292f3d;letter-spacing: 0rem;text-align: center;}
.sub_con_wrap {overflow: hidden;}

/* 위치정보 */
.breadcrumb_wrap1 {background: #f6f7fa;align-items: center;position: relative;padding: 0.5rem 0rem;margin-bottom: 0rem; margin-top: 7rem;}
.breadcrumb_box1 {max-width: 140rem;margin:0 auto;}
.breadcrumb_box1 ul {display: flex;}
.breadcrumb_box1 ul li {position: relative;}
.breadcrumb_box1 ul li::after {content: "\e93f"; font-family: "xeicon"; position: absolute; top: 50%; right: 0rem; transform: translate(0%,-50%); font-size: 1.6rem; color: #cecece;}
.breadcrumb_box1 ul li:last-child::after {display: none;}
.breadcrumb_box1 ul li a {position: relative;display: flex;padding: 0.5rem 3rem 0.5rem 1rem;font-size: 1.4rem;color:#000000;justify-content: center;align-items: center;}
.breadcrumb_box1 ul li a:hover {color: #1f6beb ;}
.breadcrumb_box1 ul li:first-child a:before {content: "\e900";color:#000000;font-family: "xeicon";font-size: 1.5rem;margin-right: 0.5rem; padding-bottom: 0.3rem;}


/* 검색 영역 */
.base_search {background: #f8f8f8;margin: 1rem 0rem;padding: 1rem 2rem !important;border: none;display: table;box-shadow: none;width: 100%;}
.base_search .board_search {display: flex; width: 100%; gap:1rem;}
.base_search .board_search span {width: 100%; border:0.1rem solid #e2e2e2;}
.base_search .board_search input,
.base_search .board_search select {border:none !important;}
.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: 0rem !important;}
.btn_search:hover {background: #2b2c2f;}
.board_search_btn_box {width: 10%; min-width: 15rem;}

/* 과제 신청 영역 */
/* --- 전체 레이아웃 --- */
.assignment_box { margin-top: 2rem; padding: 0rem; }
.assignment_card_wrap { display: flex; flex-direction: column; gap: 2rem; }

/* --- 카드 본체 (border-left 제거하고 overflow:hidden 필수) --- */
.assignment_card_wrap .assignment_card {position: relative;width: 100%;display: flex;justify-content: space-between;align-items: center;background: #fff;padding: 3rem;border-radius: 0.5rem;border: 1px solid #e2e8f0;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.04);transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);overflow: hidden;gap: 3rem;}
.assignment_card_wrap .assignment_card:hover { transform: translateY(-7px); box-shadow: 0 20px 50px rgba(59, 130, 246, 0.15); border-color: #bfdbfe; }

/* --- [핵심 수정] 왼쪽 그라데이션 바 (::before 활용) --- */
/* border-left 대신 가상요소를 사용하여 그라데이션 효과 적용 및 애니메이션 추가 */
.assignment_card_wrap .assignment_card::before {content: "";position: absolute;top: 0;left: 0;width: 6px;height: 100%;background: #1f6beb;transition: width 0.3s ease;display: block;}
.assignment_card_wrap .assignment_card:hover::before { width: 10px; }

/* --- 상단 태그 --- */
.ass_card_utill ul { display: flex; flex-wrap: wrap; gap: 0.8rem; margin-bottom: 1.5rem; }
.ass_card_utill ul li { font-size: 1.3rem; font-weight: 600; color: #64748b; background: #f8fafc; padding: 0.5rem 1.2rem; border-radius: 50px; border: 1px solid #e2e8f0; display: flex; align-items: center; }
.ass_card_utill ul li:first-child { background: linear-gradient(135deg, #3b82f6, #2563eb); color: #fff !important; border: none; padding: 0.5rem 1.5rem; box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3); }

/* --- 제목 스타일 --- */
.ass_card_title { margin-bottom: 2rem; }
.ass_card_title h2 {font-size: 1.8rem;font-weight: 800;color: #1e293b;line-height: 1.4;letter-spacing: -0.5px;word-break: keep-all;}

/* --- 정보 텍스트 --- */
.ass_card_text_wrap {display: flex;flex-wrap: wrap;gap: 2rem;background: #f8fafc;padding: 1.5rem 2rem;border-radius: 1rem;border: 1px dashed #cbd5e1;}
.ass_card_text_box { display: flex; align-items: center; font-size: 1.4rem; color: #334155; }
.ass_card_text_box strong { font-size: 1.3rem; font-weight: 700; color: #64748b; margin-right: 1rem; position: relative; background: none; border-radius: 0; padding: 0; width: auto; max-width: none; text-align: left; }
.ass_card_text_box strong::after { content: ""; display: inline-block; width: 1px; height: 12px; background: #cbd5e1; margin-left: 1rem; vertical-align: middle; }
.ass_card_text_box span { font-weight: 600; color: #1e293b; letter-spacing: -0.3px; }

/* --- 오른쪽 버튼 (캡슐형) --- */
.ass_card_choicebtn { flex-shrink: 0; margin-left: auto; width: auto; max-width: none; }
.ass_card_choicebtn a { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 1.2rem 3rem; background: #2563eb; border-radius: 50px; color: #fff; font-size: 1.5rem; font-weight: 700; text-decoration: none; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 15px rgba(37, 99, 235, 0.4); gap: 0.8rem; white-space: nowrap; border: 1px solid transparent; width: auto; height: auto; }
.ass_card_choicebtn a::before { content: "\ea39"; font-family: "xeicon"; font-size: 1.8rem; font-weight: 400; transition: transform 0.3s ease; margin-bottom: 0; }
.ass_card_choicebtn a:hover { background: #1d4ed8; transform: translateY(-2px); box-shadow: 0 8px 25px rgba(37, 99, 235, 0.5); border-color: #60a5fa; }
.ass_card_choicebtn a:hover::before { transform: translateX(3px); }

/* --- 접수 마감 상태 --- */
.situation_off .assignment_card { background: #f9fafb; border-color: #eee; }
.situation_off .assignment_card::before { background: #cbd5e1; }
.situation_off .ass_card_utill ul li:first-child { background: #cbd5e1; color: #fff !important; box-shadow: none; }
.situation_off .ass_card_title h2 { color: #94a3b8; }
.situation_off .ass_card_choicebtn a { background: #e2e8f0; color: #94a3b8; box-shadow: none; cursor: not-allowed; border-color: transparent; }
.situation_off .ass_card_choicebtn a:hover { transform: none; box-shadow: none; }
.situation_off .ass_card_choicebtn a:hover::before { transform: none; }


.ass_card_text_box b {color:red; margin-left:1rem;}
.ass_card_situation {display: block;}
.ass_card_choicebtn {text-align: center;width: 100%;max-width: 14rem;}
.ass_card_choicebtn a {display: flex;background: #1f6beb;border-radius: 0.5rem;padding: 2rem;color:#fff;font-size: 1.5rem;width: 100%;font-weight: 600;align-items: center;max-width: 14rem;box-sizing: border-box;}
.assignment_card_wrap .assignment_card:hover {background: #ffffff;}
.assignment_card_wrap .ass_card_choicebtn:hover a {background: #2b2c2f;}
.assignment_box .assignment_card_wrap:nth-child(2) {opacity:1 !important; transform: translateY(0px) !important;}
.ass_card_choicebtn a::before {content: "\ea39";font-family: "xeicon";display: block;margin-bottom: 0.7rem;font-weight: 500;font-size: 2rem;}
.situation_off {background: #f3f3f3;}
.situation_off .ass_card_utill ul li,
.situation_off .ass_card_title h2, 
.situation_off .ass_card_text_box, 
.situation_off .ass_card_text_box strong {color: #5d5d5d;}
.situation_off .ass_card_choicebtn a {background: #9b9b9b;}
.situation_off .ass_card_text_box strong:before {color: #BDBDBD;}
.situation_off .ass_card_utill ul li:first-child {background: #a5a5a5;color:#fff !important;padding: 1rem;border-radius: 0.5rem;}
/* 탭 영역 */
.new_greneral .sub_tab_box_1type {padding-bottom: 0rem;margin-bottom: 1rem;}
.new_greneral .sub_tab_box_1type ul {display: flex; gap:1rem;}
.new_greneral .sub_tab_box_1type ul li {position: relative;width: 100%;margin-left:0rem;margin-bottom: 0rem;border: none !important;}
.new_greneral .sub_tab_box_1type ul li button {background: #f8f8f8;display: block;width: 100%;padding: 1.5rem 0rem;font-size: 1.6rem;border:0.1rem solid #f1f1f1; border-radius: 0.5rem;}
.new_greneral .sub_tab_box_1type ul li button:hover {background: #cddfff;}
.new_greneral .sub_tab_box_1type ul li.active button {font-weight: 600;color:#fff !important;font-size: 1.6rem; background: #1f6beb;}
.new_greneral .sub_tab_box_1type ul li.active button::after {display: none;}

.new_greneral.gr_control .process_bar1 li.active::before {background-size: 3rem;}
.new_greneral.gr_control .sub_tab_box_1type ul li:last-child::before {content: "\e91e";font-family: "xeicon";background: none;font-size: 2.5rem;top: 3.7rem;color: #c4c4c4;}
.new_greneral.gr_control .process_bar1 li button {border:0.1rem solid #f1f1f1 !important;}
.new_greneral.gr_control .sub_tab_box_1type ul li.li-tab.active::before {color: #fff;}
/* 테이블 영역 */
.new_greneral .width_type .table_con_box {text-align: center; display: flex; gap:0.5rem; justify-content: center; font-weight: 300; align-items: center;}
.new_greneral .width_type {border-top: 0.2rem solid #202c68;margin: 0.5rem 0rem;}
.new_greneral .width_type tr:hover td {background: #ebf4fe;}
.new_greneral .width_type th {font-size: 1.4rem;font-weight: 500;border:0.1rem solid #e2e2e2;background: #f7f8fd;padding: 1.3rem 0.5rem;border-right:none;}
.new_greneral .width_type th:first-child {border-left:none;}
.new_greneral .width_type td {font-size: 1.4rem;font-weight: 400;border:0.1rem solid #e2e2e2;padding: 1.2rem 1rem;background: #fff;border-right:none;text-align: center;height: 2.5rem !important;}
.new_greneral .width_type td:first-child {border-left:none;}
.new_greneral .height_type {border-top:0.2rem solid #202c68;}
.new_greneral .height_type th {font-size: 1.3rem;font-weight: 500;border:0.1rem solid #e2e2e2;background: #f7f8fd;padding: 0.2rem 0.5rem;border-right:none;}
.new_greneral .height_type th:first-child {border-left:none;}
.new_greneral .height_type td {position: relative;font-size: 1.3rem;font-weight: 400;border:0.1rem solid #e2e2e2;padding: 0.2rem 0.5rem;background: #fff;border-right:none;text-align: left;height: 3.2rem;}
.new_greneral .height_type .table_con_box {display: flex;gap:0.5rem;align-items: center;}
.new_greneral .height_type .table_con_box button {min-height: 3.2rem;}

/* 새로 추가된 검색 영역 */
.new_search_area {display: flex; background: #f8f9fb; padding: 1rem; border-radius: 0.5rem; justify-content: center; border:0.1rem solid #eaeaea; margin-bottom: 1rem;}
.new_search_box {display: flex; gap:1rem; align-items: center; width: 90%;}
.new_search_box span select,
.new_search_box span input {height: 4rem;padding: 1rem 2rem 1rem 1rem;}
.new_search_box span button {background: #222222; display: block; height: 4rem; padding: 1rem 3rem; border-radius: 0.5rem; color:#fff; font-weight: bold; font-size: 1.5rem; width: 10rem;}
.new_search_box span button:hover {background: #073e8f;}

.util_serach {display: flex; gap:0.5rem; align-items: center;}
.util_serach span select,
.util_serach span input {height: 3.2rem;padding: 0rem 1rem 0rem 1rem;}
.util_serach span button {background: #222222;display: block;height: 3.2rem;padding: 0rem 2rem;border-radius: 0.5rem;color:#fff;font-weight: bold;font-size: 1.5rem;}
.util_serach span button:hover {background: #073e8f;}

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


/* 로그인 화면 */
.sub_signin_wrap {max-width: 58rem;margin:0 auto;margin-top: 3rem;padding-bottom: 3rem;min-height: 40rem;}
.sub_signin_contents {display: flex;background-size:cover;padding: 0rem 0rem;margin-top: 3rem;justify-content: center;border-radius: 1rem;gap:9%;/* border: 0.1rem solid #efefef; */align-items: center;margin-bottom: 1rem;/* box-shadow: 1px 0px 4px 1px #e4e5eb; */}
.signin_contents_left {width: 50%;}
.signin_contents_right {width: 50%;}
.signin_input label {font-size: 1.6rem;font-weight: bold;padding: 0.5rem 0rem;color: #13325b;display: block;}
.signin_input input {font-size: 1.6rem;margin: 1rem 0rem;border:0.1rem solid #cecece;padding: 1.5rem 1rem;}
.signin_btn a {display: block;padding: 1.5rem 2rem;text-align: center;background:#005bd1;font-size: 1.8rem;font-weight: bold;color:#fff;margin: 1rem 0rem;border-radius: 0.5rem;}
.signin_btn a:hover {background: #2149a6; animation: signin_sns 0.5s;}
.signin_id_pas_btn {flex-wrap: wrap; justify-content: flex-end;}
.signin_utill div {width: 100%; display: flex;}
.signin_utill div p {font-size: 1.6rem;padding: 0rem 0rem;display: flex;align-items: center;gap:0.5rem;}
.signin_utill div p a {display: block;}
.signin_utill div p a:hover {color: #1f6beb;}
.signin_contents_right {border-left:0.1rem solid #cecece;}

.signin_contents_right h3 {font-size: 2rem;text-align: center;padding: 1rem 0rem;}
.signin_contents_right div {display: flex;flex-direction: column;align-items: center;gap:1rem;width: 60%;margin: auto;padding: 1rem 0rem;}
.signin_contents_right div a {display: block;padding: 1.5rem 0rem;width: 100%;text-align: center;font-size: 1.8rem;border-radius: 0.5rem;font-weight: 600;border:1px solid #fff;}
.signin_contents_right div a img {width: 2rem; height: 2rem; margin-right: 1rem;}
.signin_contents_right div a:hover {border:0.1rem solid #111 !important; transform: translateY(0%); animation: signin_sns 0.5s;}
.onepass_signin {background: #fff; border:0.1rem solid #cecece !important;}
.kakao_signin {background: #ffda44;}
.naver_signin {background: #4fbe2a; color:#fff;}
.google_signin {background: #fff; border:0.1rem solid #cecece !important;}
.facebook_signin {background: #196CD7; color:#fff;}
@keyframes signin_sns {
0% { transform: translateY(0%);}
50% { transform: translateY(-10%);}
100% { transform: translateY(0%);}
}
.signin_utill {padding: 1rem 0rem 2rem 0rem;}
.iden_signin {width: 100%;padding: 1.5rem;font-weight: bold;font-size: 1.8rem;background: #fff !important;display: block;box-sizing: border-box;text-align: center;border-radius: 1rem;border: 0.2rem solid #2e71c0;color: #2f68bb !important;}
.iden_signin:hover {background: #002360 !important; color:#fff !important; border-color:#002360 !important;}

/*PC 20250306 추가*/
.assignment_nodata {margin:0 auto;width: 100%;min-height: 35rem;text-align: center;background: #ffffff;border-radius: 0.5rem;padding: 2rem;display: flex;align-items: center;justify-content: center;border: 0.1rem solid #f1f1f1;}
.assignment_nodata p {display: inline-block;text-align: left;background: url("../images/layout/no_data.gif") 50% 0% no-repeat;padding: 11rem 0rem 0rem 0rem;font-size: 1.8rem;line-height: 2.7rem;color:#80838c;}
.assignment_nodata p strong {color: #5a5a5a;}
						

.u_s_con_mid {padding-top: 5rem;}
.u_s_con_bottom {text-align: center;margin-top: 1rem;padding-bottom: 1rem;}
.u_s_con_bottom a {display: block; padding: 1.5rem 4rem; font-size: 1.5rem; font-weight: bold; background:#005bd1; color:#fff; max-width: 25rem; margin:0 auto; border-radius: 0.5rem;}
.u_s_con_bottom a:hover {background: #0a2a59;}
.u_s_con_bottom a:last-child {background: #fff; padding: 0rem; color:#10145E; font-size: 1.3rem; margin-top: 1rem; font-weight: normal;}
.u_s_con_bottom a:last-child:hover {text-decoration: underline;}
.us_cm_failed {text-align: center; margin:0 auto; padding: 2rem;}
.us_cm_failed img {width: 35rem; max-width: 100%;}
.us_cm_failed h4 {font-size: 2.3rem; padding: 1rem 0rem; color:#0a2a59;}
.us_cm_failed > p {font-size: 1.5rem; margin-top: 1rem;}
.us_cm_failed > p strong {padding-right: 1rem; color: #135cc7;}
.us_cm_failed div {display: flex; justify-content: center; gap:2rem; padding: 1rem;}
.us_cm_failed div p {display: flex; justify-content: center; align-items: center; font-size: 1.5rem;}
.us_cm_failed div p i {padding-right: 0.5rem; font-size: 1.8rem;}

/* 20250326 프로세스 바 신규 */
.sub_tab_process_type { width: 100%; margin-top: 2rem;}
.sub_tab_process_type ul {display: flex; width: 100%;}
.sub_tab_process_type ul li {width: 100%;}
.sub_tab_process_type ul li a {position: relative;display: block;text-align: center;padding: 2rem 0rem;font-size: 1.6rem;font-weight: bold;background: #f2f2f2;color: #a7a7a7;}
.sub_tab_process_type ul li a::after {content: "";position: absolute;top: 50%;right: 1%;transform: translate(0%,-50%);color:#fff;z-index: 70;background: url("../images/sub/free-icon-right-arrow.svg") 100% 50% no-repeat;width: 100%;height: 100%; background-size: 5rem;}
.sub_tab_process_type ul li a:hover {color: #3864f2;}
.sub_tab_process_type ul li:last-child a::after {display: none;}
.sub_tab_process_type ul .active {background: #f2f2f2;}
.sub_tab_process_type ul .active div {background: #3864f2;}
.sub_tab_process_type ul .acting div {background: #f2f2f2;}
.sub_tab_process_type ul .active a {background: #3864f2;color:#fff !important; border-radius: 0rem 20rem 20rem 0rem;}
.sub_tab_process_type ul .active a::after {content: "";position: absolute;top: 50%;right: 1%;transform: translate(0%,-50%);color:#fff;z-index: 70;background: url("../images/sub/free-icon-right-arrow-white.svg") 100% 50% no-repeat;width: 100%;height: 100%; background-size: 5rem;}


.process_bar1 {position: relative;}
.process_bar1 li {position: relative;}


.process_bar1 li::before {content: "";position: absolute;top:50%;right: 1%;transform: translate(0%,-50%);z-index: 99;background: url("../images/sub/free-icon-right-arrow.svg") 100% 50% no-repeat;width: 4rem;height: 100%;background-size: 3rem;}
.process_bar1 li.active::before {content: "";position: absolute;top:50%;right: 1%;transform: translate(0%,-50%);z-index: 99;background: url("../images/sub/free-icon-right-arrow-white.svg") 100% 50% no-repeat;width: 4rem;height: 100%;background-size: 4rem;}
.process_bar1 li button {border-left: none !important; border-right: none !important;}
.process_bar1 ul li:last-child button {border-right:1px solid #d8d8d8 !important;}



.login_info_name {position: relative;}
.login_info_name div {position: absolute; top:5rem; left: 0rem; background: #fff; width: 100%; text-align: center; border-radius: 0.5rem; border:0.2rem solid #094ad9; box-shadow: 3px 4px 14px 0px #cecece}
.login_info_name > button:hover {background: #0245d8;}
.login_info_name > button:hover strong {color:#fff;}
.login_info_name div::before { content: "\e92f"; position: absolute; top:-1.4rem; left: 50%; transform: translate(-50%,0%); color:#094ad9; font-family: "xeicon"; font-size: 1.5rem;}
.login_info_name div ul li a {display: block; font-size: 1.5rem; padding: 1rem 0rem; border-bottom: 0.1rem dashed #E7E7E7; margin:0rem;}
.login_info_name div ul li a:hover {background: #094ad9; color:#fff;}
.login_info_name div ul li:last-child a {border-bottom: none;}
.l_infor_active:hover {color:#fff;}
.l_infor_active::after {content: "\e942"; position: absolute; top: 50%; right: 1rem; transform: translate(0%, -50%); font-family: "xeicon"; font-size: 2rem; transition: transform 0.3s ease;}
.l_infor_active.rotated::after {transform: translate(0%, -60%) rotate(180deg);}

/* 외부 좌측 메뉴 */
.new_greneral #sub_left_menu_wrap {border:none !important;width: 100%;max-width: 22rem; margin-top: 3rem;}
.new_greneral #sub_left_menu_wrap:after {display: none;}
.new_greneral .sub_left_menu {position: sticky;top: 2rem;}
.new_greneral .sub_left_menu_nav {padding: 2rem 1rem;/* background: #f8f9fb; */border: 0.1rem solid #e7e7e7;border-radius: 0rem 0rem 1rem 1rem;border-top: none;display: flex;flex-direction: column;gap: 0.5rem;}
.new_greneral .sub_left_menu_nav ul {display: flex; flex-direction: column; gap:1rem;}
.new_greneral .sub_left_menu_nav li ul {display: none;}
.new_greneral .sub_left_title {background: url("../images/layout/logo_gray.png") 90% 1.8rem no-repeat;padding: 3rem 5rem 2rem 0rem;color: #222;text-align: left;border: 0.1rem solid #e7e7e7;border-radius: 1rem 1rem 0rem 0rem;padding: 2rem;background-size: 3rem;}
.new_greneral .sub_left_title h1 {font-size: 2.5rem;}
.new_greneral .sub_left_title p {font-size: 1.4rem;color: #515151;line-height: 2rem;margin-top: 1rem;word-break: keep-all;}
.new_greneral .sub_left_menu_nav .depth1 {font-size: 1.5rem;border: 0.1rem solid #dedede !important;width: 100%;text-align: left;padding: 1.2rem 1rem;border-radius: 0.5rem;display: flex;background: #fff;justify-content: space-between;}
.new_greneral .sub_left_menu_nav .depth1::after {content: "\e942"; font-family: "xeicon"; transition: transform 0.3s; position: static; transform: translate(0%,0%);}
.new_greneral .sub_left_menu_nav .depth1::before {display: none;}
.new_greneral .sub_left_menu_nav .depth1:hover {background: #e7f0ff;border: 0.1rem solid #a6bde3 !important;}

.new_greneral .sub_left_menu_nav .depth1:hover::after {transform: rotate(180deg) !important; top:0% !important;}
.new_greneral .sub_left_menu_nav .left_m_active .depth1 {position: relative;color: #fff;z-index: 2;background: #073e8f;border: 0.1rem solid #2c3b66 !important;border-radius: 0.5rem;}
.new_greneral .sub_left_menu_nav .left_m_active .depth1::after {transform: rotate(180deg);}
.left_m_active ul {display: block !important;background: #ffffff;padding: 1.5rem;margin-top: -0.3rem;border: 0.1rem solid #dbdbdb;}
.left_m_active ul li a {position: relative; display: flex; font-size: 1.5rem; padding: 0.5rem 0rem; align-items: center; color:#434343;}
.left_m_active ul li a::before {content: ""; width: 0.4rem; height: 0.4rem; border-radius: 10rem; display: inline-block; background: #434343; margin-right: 0.5rem;}
.new_greneral .left_menu_none {top: 0rem; z-index: 58;}
.l_m_list_on a {color: #1f6beb !important;}
.l_m_list_on a::before {background: #1f6beb !important;}
.no_depth .depth1::after {content: "\e91b" !important; font-family: "xeicon";}
.left_call_banner {margin-top: 1rem; padding: 1rem; background: #edf4ff url("../images/layout/left_call_img.png") 95% 20% no-repeat; border-radius: 0.5rem;}
.left_call_banner h3 {font-size: 1.6rem; color:#242424; padding: 0.5rem 0rem;}
.left_call_banner strong {font-size: 2rem; color:#3766ed; padding: 0.5rem 0rem;}
.left_call_banner p {font-size: 1.4rem; color:#828181; padding: 0.5rem 0rem;}

/* new_나의현황 */
.sub_con_box .e_s_d_c_box:first-child {padding-top: 2rem;border-top: 0.1rem solid #ececec;}
.e_s_d_c_detail_wrap {margin: 0rem 0rem;}
.e_s_d_c_box {display: flex;padding: 2.5rem 0rem 2.5rem 0rem;border-bottom: 0.1rem solid #ececec;}
.e_s_d_c_box:last-child {}
.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.1rem;}
.e_s_d_c_box_left .e_c_detail ul li {display: flex;color:#434343;align-items: center;}
.e_s_d_c_box_left .e_c_detail ul li:first-child strong {/* background: #d2e3ff; */}
.e_s_d_c_box_left .e_c_detail ul li:first-child p {/* background: #e8f1ff; */}
.e_s_d_c_box_left .e_c_detail ul li strong {position: relative; font-size: 1.3rem;font-weight: normal;width: 100%;color: #000000;max-width: 13rem;/* background: #f4f6fa; */border-radius: 0.5rem;text-align: left;padding: 0.3rem;margin-right: 1rem;}
.e_s_d_c_box_left .e_c_detail ul li strong::after {content: "";position: absolute;top:50%;right: 0rem;transform: translate(0rem,-50%);background: #cbcbcb;width: 0.01rem;height: 50%;display: block;}
.e_s_d_c_box_left .e_c_detail ul li p {font-size: 1.3rem;line-height: 2rem;padding: 0.1rem 0.5rem 0.1rem 0.5rem;word-break: auto-phrase;}
.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: flex-end;width: 100%;gap: 0.5rem;}
.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: 0.7rem 3rem;font-size: 1.5rem;font-weight: 500;border-radius: 0.3rem;text-align: center;background: #1f6beb;min-width: 6rem;border: 0.2rem solid #1f6beb;color: #fff;}
.e_s_d_c_box_right .e_c_btn a:hover {background: #0f4bb1;color:#fff;border-color: #0f4bb1;}
.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;}

/* new_서브 타이틀 영역 */
.sub_title_area {display: flex; align-items: center; justify-content: space-between; border-bottom: 0.2rem solid #222222; padding-bottom: 2rem;}
.sub_title_area h2 {font-size:2.8rem;}
/* new_서브 도움말 영역 */
.sub_hlep_box {border:0.1rem solid #ececec;border-radius: 0.5rem;background: #f6f7f9 url("../images/layout/help_area_img.png") 3rem 50% no-repeat;padding: 3rem 3rem 3rem 15rem;display: flex;flex-direction: column;justify-content: center;position: relative;}
.sub_hlep_box strong {font-size: 1.8rem;}
.sub_hlep_box p {font-size: 1.5rem;color:#222222;padding-top: 1rem;line-height: 2rem;word-break: keep-all;}
.new_greneral.gr_control .sub_hlep_box {padding: 1em 3rem 1rem 13rem;background-size: 6rem;background-color: #f7f7f7;margin-bottom: 0.3rem;background-position: 4rem;}
.new_greneral.gr_control .sub_hlep_box strong {font-size: 1.7rem;}
.new_greneral.gr_control .sub_hlep_box p {font-size: 1.3rem;padding-top: 0.5rem;}

.help_one_line .sub_hlep_box {display: flex;flex-direction: row;align-items: center;padding: 1rem 0rem 1rem 5rem !important;background-position: 1rem !important;justify-content: flex-start;background-size: 3rem !important;}
.help_one_line .sub_hlep_box strong {font-size: 1.4rem !important;margin-right: 1rem;color: #073e8f;padding: 0rem 0.5rem;}
.help_one_line .sub_hlep_box p {padding-top:0rem !important;}

/* new_서브 토탈 영역 */
.total_area {display: flex; justify-content: space-between; padding: 0.5rem 0rem;}
.total_area_number {display: flex; align-items: center; gap:1rem; color:#4c4d4d;}
.total_num {position: relative; font-size: 1.3rem; font-weight: normal; padding-left: 2rem;}
.total_num::before {content: "\eb1f"; font-family: "xeicon"; font-size: 1.9rem; position: absolute; top:50%; left: 0rem; transform: translate(0%,-50%);}
.total_num span {font-size: 1.4rem;}
.total_page {font-size: 1.4rem; font-weight: normal;}
.total_page b {font-size: 1.4rem; font-weight: normal;}
.total_page span {font-size: 1.4rem;}
.toggle_tab {border:0.1rem solid #DDDDDD; background: #f8f9fb; border-radius: 10rem; overflow: hidden;}
.toggle_tab button {padding: 1rem 2rem; margin-left:-0.3rem;}
.toggle_tab button:hover {background: #cddfff;}
.toggle_tab button.to_tab_active {background: #1f6beb; color:#fff; font-weight: bold;}
.total_area_util {display: flex; gap:0.5rem;}
.button_util_area {display: flex; align-items: center; gap:0.5rem;}
.button_util_area a,
.button_util_area button {text-align: center;}
.button_util_area p {font-size: 1.4rem;}
/* new_서브 조회 */
.sub_board_title {text-align: center;padding: 2rem 2rem;margin-top: 2rem;border-top: 0.1rem solid #cccee7;background: #f5f6ff;border-bottom: 0.1rem solid #cccee7;}
.sub_board_title h3 {font-size: 2rem;font-weight: bold;}
.sub_board_info {margin-top: 0rem;}
.sub_board_detail {padding: 3rem;font-size: 1.6rem;min-height: 40rem;line-height: 3rem;}
.sub_board_detail textarea {font-size: 1.6rem; min-height: 30rem; line-height: 3rem; padding: 2rem;}
.sub_board_util {border-top:0.1rem solid #dedede ; border-bottom: 0.1rem solid #dedede ;}
.sub_board_file {display: flex; flex-direction: column; font-size:1.5rem; color: #7C7C7C;}

.sub_board_file a {position: relative; display: flex; align-items: center; border-bottom: 0.1rem solid #dedede ; padding: 1.5rem 1rem;}
.sub_board_file a::before {content: "\ea7f"; font-family: "xeicon"; font-size: 2rem;  transform: rotate(45deg); margin-right: 1rem;}
.sub_board_file a:last-child {border-bottom: none;}
.sub_board_file a span {position: relative;color: #222222; margin-right: 1rem; display: flex;}
.sub_board_file a:hover {background: #ebf4fe;}

.sub_board_btn {margin-top: 2rem;}
.textarea_con {padding: 0rem; margin:1rem 0rem;}

.sub_title_pop_area {display: flex;align-items: flex-end;justify-content: space-between;border-bottom: 0.2rem solid #222222;padding-bottom: 0.5rem;position: relative;}
.sub_title_pop_area h1 {font-size: 2rem;padding: 0.3rem 0rem 0.5rem 0rem;}
.sub_title_top_util {display: flex;margin-left: 1rem;gap: 0.5rem;}
.sub_title_top_util span {font-size: 1.3rem;padding: 0rem 0.2rem;display: flex;align-items: center;flex-wrap: wrap;}
.sub_title_pop_box {display: flex; align-items: center; flex-direction: row-reverse;}
.sub_title_top_util span b {background: #e6eeff; color:#073e8f;border-radius: 0.5rem;padding: 0.3rem 0.5rem;}
.sub_title_top_util span b::after {content: ":"; margin-left:0.2rem;}
.sub_title_top_util span strong {padding: 0rem 0.5rem; font-weight: normal;}
/* 신청안내 영역 */
.new_step_area {display: flex; flex-direction: column; gap:1.5rem;}
.new_step_area .n_step_box {display: flex; border:0.1rem solid #cacbcd; padding: 1rem; border-radius: 1rem;}
.new_step_area .n_step_box > div {width: 100%; padding: 1rem; align-items: center; justify-content: center; display: flex;}
.new_step_area .n_step_box > div:nth-child(1) {width: 100%; max-width: 10rem;}
.new_step_area .n_step_box > div:nth-child(2) {justify-content: flex-start; width: 100%;}
.new_step_area .n_step_box > div:nth-child(3) {width: 100%; max-width: 20rem;}
.new_step_area .n_step_number strong {font-size: 2rem; background: #e2eaf7; padding: 2rem; border-radius: 10rem; width: 2rem; height: 2rem; display: flex; justify-content: center; align-items: center; color:#073e8f;}
.new_step_area .n_step_detail div h3 {font-size: 2rem; padding: 1rem 0rem;}
.new_step_area .n_step_detail div p {background: #f6f6f6; padding: 1rem 1rem; border-radius: 0.5rem; font-size: 1.5rem; line-height: 2.3rem; margin-top: 0.5rem;}
.new_step_area .n_step_btn a {position: relative; display: flex; font-size: 1.6rem; background: #073e8f; color:#fff; padding: 1rem 2rem; border-radius: 0.5rem; align-items: center;}
.new_step_area .n_step_btn a::after {content: "\e980";font-family: "xeicon"; margin-left:0.5rem;}
.new_step_area .n_step_btn a:hover {background: #0a182d;}

/* 로그인 영역 */
.sign_page {border:0.1rem solid #cecece;width: 100%;max-width: 100rem;padding: 5rem;margin-top: 6rem;}
.sign_page .sub_signin_contents {width: 100%; max-width: 50rem; margin:0 auto; padding: 2rem 0rem;}
.sign_page .inte_m_tab_detail {padding: 0rem;height: 21rem;}
.sign_page .inte_m_tab {margin-bottom: 1rem;}
.sign_page .inte_login_button a {padding: 1.5rem 0rem; font-size: 1.8rem;}
.sign_page .inte_id_pas_area input {padding: 2rem 1.5rem;}
.sign_page .signin_utill {width: 100%; max-width: 50rem; margin:0 auto; border-bottom: 0.1rem dotted #cecece;}
.sign_page .signin_utill:last-child {border-bottom: none;}
.sign_page .signin_utill p {width: 100%;justify-content: center;gap: 3rem;}
.sign_page .signin_utill div p a {box-sizing: border-box;text-align: center;position: relative;font-size: 1.5rem;}
.sign_title {text-align: center;}
.sign_title h2 strong {font-size: 3.5rem; font-weight: bold; background: url("../images/main/inte_main_login_icon.png") 0% 45% no-repeat; padding: 3rem 1rem 3rem 4rem; background-size: 3rem;}
.sign_title p {font-size: 1.6rem; padding: 2rem 0rem;}
.sign_page .inte_id_pas_area input::placeholder {font-size: 1.6rem;}
.sign_page .signin_utill p a::after {content: "";position: absolute;top:50%;right: -1.5rem;transform: translate(0%,-50%);background: #cecece;width: 0.1rem;height: 70%;}
.sign_page .signin_utill p a:last-child::after {display: none;}
/* 팝업 도움말 */
.s_pop_help_box {position:relative;border:0.5rem solid #073e8f;padding: 1.3rem 1rem 1.3rem 2rem;}
.s_pop_help_box .sp_help_title {position: absolute; top:0rem; left:0rem; background: #073e8f; border-radius: 0rem 0rem 50rem 0rem; padding: 0.5rem 4.5rem 0.7rem 3.5rem; color:#fff;} 
.s_pop_help_box .sp_help_title h2 {font-size: 1.4rem;}
.sp_help_detail {margin-top: 1.5rem;display: flex;align-items: center;gap: 2rem;justify-content: space-between;}
.sp_help_detail p {position: relative;font-size: 1.3rem;line-height: 2rem;padding:1rem 1rem 1rem 2.5rem;border-bottom: 0.1rem dashed #cecece;}
.sp_help_detail p:last-child {border-bottom: none; padding-bottom: 0rem;}
.sp_help_detail p strong {position: absolute; top:1rem; left:-0.5rem; background: #d5e6ff; display: inline-block; width: 2rem; text-align: center; border-radius: 0.5rem; color: #073e8f; margin-right: 1rem;}
.sp_help_btn {width: 100%; max-width: 20rem; display: flex; justify-content: center; align-items: center;}
.sp_help_btn a {width: 100%;text-align: center;background: #085ddc;max-width: 10rem;font-size: 1.6rem;font-weight: bold;padding: 2rem 2rem;color: #fff;border-radius: 0.5rem;box-shadow: 4px 4px 9px rgb(139 166 207);}
.sp_help_btn a i {font-size: 2.7rem;}
.sp_help_btn a i span {display: block;font-size: 1.5rem;font-weight: bold;margin-top: 0.5rem;line-height: 1.8rem;}
.sp_help_btn a:hover {background: #00317A; color: #FFF846;}
.sp_help_text {width: 100%;}

.preview_btn {background: #3864f2;font-size: 1.4rem;padding: 1.5rem;border-radius: 0.5rem;width: 100%;max-width: 17rem;text-align: center;position: absolute;box-sizing: border-box;align-items: center;color: #fff;right: 2rem;font-weight: bold;display: flex;justify-content: center;}
.preview_btn i {font-size: 2rem;font-weight: 500;margin-right: 0.5rem;}
.preview_btn:hover {background: #073e8f;}

/*.info_change_btn {position: absolute;top: -0.8rem;right: 0rem;width: 20rem;}*/
.info_change_btn a {padding: 1rem 2rem;/*position: absolute;*/top:-0.2rem;background: #178283;font-weight: bold;font-size: 1.4rem;color: #fff;right: 0rem;border-radius: 1.5rem 0rem 0rem 0rem;align-items: center;display: flex;}
.info_change_btn a i {font-size: 2rem; margin-right: 0.5rem;}
.info_change_btn a:hover {background: #0e5353;}
.flex_btn_area_wrap {position:fixed;top: 341px;right: 0rem;transform: translate(0%,-50%);border-radius: 1rem 0rem 0rem 1rem;padding: 0.51rem;z-index: 80;display: flex;flex-direction: column;align-items: flex-end;}
.flex_btn_area_box {display: flex;flex-direction: column;text-align: center;gap: 2rem;padding: 0rem;background: #ffffff;border-radius: 0.5rem;}
.flex_btn_area {}
.flex_btn_area div {background: #073e8f;border-radius: 0.5rem 0rem 0rem 0.5rem;}
.flex_btn_area div a {display: block;font-size: 1.3rem;text-align: left;padding: 1rem 1rem;color: #fff;border-bottom: 0.1rem dashed #ffffff;font-weight: bold;box-sizing: border-box;}
.flex_btn_area div a:hover {color: yellow;}
.flex_btn_area div a i {margin-right: 0.5rem;}
.toggle_ex_btn3.active {margin-bottom: 7.2rem;}

.flex_btn_area div a:last-child {border-bottom: none;}
.toggle_ex_btn3 span::before {content: "닫기";}
.toggle_ex_btn3.active span::before {content: "열기";}
.check_list_detail p,
.check_list_detail_warning p {position: relative;display: flex;border-bottom: 0.1rem dashed #cdcdcd;flex-direction: column;}
.check_list_detail p:last-child,
.check_list_detail_warning p:last-child {border-bottom: none;}
.check_list_detail p b,			
.check_list_detail_warning p b {font-weight: normal;padding-right: 20rem;}
.check_list_detail p strong {font-weight: bold; color: #0056b3; margin-right: 0.5rem;}
.check_list_detail_warning p strong {font-weight: bold; color: red; margin-right: 0.5rem; font-size: 1rem;}
.check_list_detail_warning p span {position: relative;margin: 0.5rem 0rem;background: #ffd4d4;padding: 0.3rem 0.4rem 0.3rem 3rem;display: flex;justify-content: space-between;align-items: center;}
.check_list_detail_warning p span::before {content: "↳";position: absolute;top: 0.5rem;left:1rem;font-weight: bold;font-size: 1.2rem;color: #9d0101;}
.check_list_detail_warning p span a {background: #073e8f;padding: 0.1rem 0.5rem;border-radius: 0.3rem;color: #fff;font-size: 1.3rem;}
.check_list_detail_warning p span a:hover {background: #3864f2; color:#fff;}
.check_list_detail em {text-align: center; display: block; color:#0056b3; font-weight: bold;}
.check_list_none {text-align: center !important;}
.check_list_none span {display: flex;flex-direction: column;justify-content: center;align-items:center;font-size: 1.4rem;font-weight: 600;color:red;}
.check_list_none span::before {content: "\e925"; font-family:"xeicon"; font-size: 3rem; margin-bottom: 0.5rem;}
.check_list_detail_warning p b {display: flex; align-items: center;}
.check_list_detail_warning p b strong {display: flex; align-items: center; padding-left: 0.5rem; font-size: 1rem;}
.blue_check::before {background: #0056b3 !important;}

.check_list_pass {text-align: center !important;}
.check_list_pass span {display: flex;flex-direction: column;justify-content: center;align-items:center;font-size: 1.4rem;font-weight: 600;color:#0056b3;}
.check_list_pass span::before {content: "\e92c"; font-family:"xeicon"; font-size: 3rem; margin-bottom: 0.5rem;}
.check_list_result {display: flex;justify-content: center;width: 100%;}
.check_list_result div {display: flex;background: #f5f5f5;padding: 0.3rem 1rem;gap:1rem;font-size: 1.5rem;width: 100%;justify-content: center;border-radius: 1rem;color: #fff;align-items: center;}
.check_list_result div ul {display: flex;gap: 0.5rem;}
.check_list_result div ul li {padding: 0.5rem 1rem;border-radius: 10rem;font-size: 1.3rem;}
.check_list_result div strong {color: #3864f2;font-size: 1.3rem;}
.check_list_result div ul li:first-child {color: #fff;font-weight: bold;background: #3864f2;}
.check_list_result div ul li:last-child {color: #fff; font-weight: bold; background: red;}
.check_list_detail_warning p em {position: absolute;top:50%;right: 0rem;transform: translate(0%,-50%);background: #c8def5;color: #2c4699;font-size: 1.3rem;padding: 0.2rem 1rem;font-weight: 600;border-radius: 0.3rem;}
.new_greneral .check_list_table {padding-top:0rem; margin-top:0rem;}
.new_greneral .check_list_table th,
.new_greneral .check_list_table td {padding: 0.3rem 1rem !important;height: 3rem !important;}

.pop_person_charge {border: 0.1rem solid #e1e1e1;padding: 1.5rem;border-radius: 1rem;background: #f2f5ff;display: flex;flex-direction: column;gap: 5rem;}
.pop_person_charge table {border: 1px solid #e7e7e7;}
.pop_person_charge div {position: relative;}
.pop_person_charge > div:first-child::after {content: "\e905"; font-family: "xeicon"; font-size: 2rem; font-weight: bold; position: absolute; bottom:-4rem; left:50%; transform: translate(-50%,0%); background: #354052; border-radius: 10rem; padding: 0.5rem; color:#fff;}
.pop_person_charge div:first-child > .sub_title {background: #329abb;}
.pop_person_charge div:first-child > .sub_title h2 {color:#fff;}
.pop_person_charge div:last-child > .sub_title {background: #2c4db7;}
.pop_person_charge div:last-child > .sub_title h2 {color:#fff;}
.pop_person_charge .sub_title {background: red;align-items: center;padding: 1rem;justify-content: center;border-radius: 0.7rem 0.7rem 0rem 0rem;}
.pop_person_charge .sub_title h2 {background: none; padding: 0rem; font-size: 1.6rem;}
.pop_person_charge .sub_con_box {padding: 0rem;}

.view_btn {padding: 0.2rem 0.4rem 0.2rem 0.7rem;background: #1f6beb;color: #ffffff;border-radius: 0.5rem;margin-left:1rem;font-size: 1.3rem;}

.view_btn:hover {background: #073e8f;}
.view_btn::after {content: "\e93f"; font-family: "xeicon";}
/* 20250729 동의서 발송 현황 */
.info_change_situation {display: flex;align-items: center;justify-content: center;text-align: center;overflow: hidden;margin-bottom: 1rem;padding: 0.1rem;gap: 3rem;}
.info_change_situation dl {font-size: 1.3rem;position: relative;}
.info_change_situation dl::before {content: "\ea3f"; font-family: "xeicon"; position: absolute; top:50%; right: -2.5rem; transform: translate(0%,-50%); font-size: 1.8rem; color: #6b7575;}
.info_change_situation dl:last-child::before {display: none;}
.info_change_situation dl dt {background: #dde7e7;color: #000000;display: flex;padding: 0.5rem 1rem;border-radius: 0.5rem 0.5rem 0rem 0rem;border:0.1rem solid #bdbdbd;align-items: center;}
.info_change_situation dl dd {background: #fff;padding: 0.5rem;color: #060606;font-size: 1.3rem;border:0.1rem solid #bdbdbd;border-top: none;}
.info_change_situation .situat_active dt {background: #178283;color: #fff; border-color: #178283;}
.info_change_situation .situat_active dt::after {content: "\e92c";font-family: "xeicon";font-size: 1.6rem;margin-left: 0.5rem;}
.info_change_situation .situat_active dd {border-color: #178283;font-weight: bold;color: #125a5b;}
.info_change_situation .situat_active::before {color: #178283;}

/* 20250729 사업비 열고 닫기 */
.toggle_ex_btn1 {border: 0.1rem solid #cecece;background-color: #f8f8f8;padding: 0.5rem 1rem;cursor: pointer;border-radius: 0.4rem;}
.toggle_ex_btn1:hover {background: #464647; color:#fff; border-color:#464647;}
.toggle_ex_btn1 span {display: flex; align-items: center; gap:0.3rem;}
.toggle_ex_btn1 span::after {content: "\e945";font-family: "xeicon";display: inline-block;font-size: 1.5rem;transition: transform 0.3s ease-in-out;font-weight: bold;}
.toggle_ex_btn1.active span::after {transform: rotate(180deg);}
.toggle_ex_box1.hidden {display: none;}
.toggle_ex_btn2 {border: 0.1rem solid #cecece;background-color: #f8f8f8;padding: 0.5rem 1rem;cursor: pointer;border-radius: 0.4rem;}
.toggle_ex_btn2:hover {background: #464647; color:#fff; border-color:#464647;}
.toggle_ex_btn2 span {display: flex; align-items: center; gap:0.3rem;}
.toggle_ex_btn2 span::after {content: "\e945";font-family: "xeicon";display: inline-block;font-size: 1.5rem;transition: transform 0.3s ease-in-out;font-weight: bold;}
.toggle_ex_btn2.active span::after {transform: rotate(180deg);}
.toggle_ex_box2.hidden {display: none;}
.toggle_ex_btn3 {border: 0.1rem solid #cecece;background-color: #f8f8f8;padding: 0.5rem 0.3rem;cursor: pointer;height: 3rem;width: 6rem;}
.toggle_ex_btn3:hover {background: #464647; color:#fff; border-color:#464647;}
.toggle_ex_btn3 span {display: flex;align-items: center;gap:0.3rem;justify-content: center;}
.toggle_ex_btn3 span::after {content: "\e93f";font-family: "xeicon";display: inline-block;font-size: 2rem;transition: transform 0.3s ease-in-out;font-weight: bold;}
.toggle_ex_btn3.active span::after {transform: rotate(180deg);}
.toggle_ex_box3.hidden {display: none;}

.sub_help_tayp2 .sub_hlep_box {background: #f8faff url(../images/layout/help_area_img2.png) 3rem 50% no-repeat;border-color: #e1e1e3;}
.sub_help_tayp2 .sub_hlep_box strong {font-size: 1.8rem;color: #1f6beb;}

.tbody_td_hover tbody:hover tr td {background: #ebf4fe !important;}
.small_btn_add {border:0.1rem solid #3864f2;border-radius: 0.5rem;padding: 0.2rem 0.5rem;color:#3864f2;display: flex;align-items: center;background: #fff;margin:0.5rem auto;}
.small_btn_add i {font-size: 1.7rem; margin-right: 0.2rem;}
.small_btn_add:hover {background: #3864f2; color:#fff;}
/* 캘린더  툴팁 */
.calendar_tooltip {position: relative;margin-right: 0.3rem;background: #ffffff;border-radius: 0.5rem;padding: 0.1rem 0.2rem;margin-left: 0.3rem;border: 0.1rem solid #3864f2;}
.calendar_tooltip span {visibility: hidden; opacity: 0; transition: all 0.1s ease-in-out 0s, visibility 0s linear 0.3s; background: #303030; color: #fff; position: absolute; top:2.5rem; left: 50%; transform:translate(-50%,0%); width: 100%; min-width: 5rem; font-size: 1.2rem; display: flex; align-items: center; justify-content: center; padding: 0.5rem; border-radius: 0.5rem; text-align: center; z-index: 90;}
.calendar_tooltip i {font-size: 1.6rem;color: #3864f2;}
.calendar_tooltip:hover span {visibility: visible; opacity: 1; transform:translate(-50%,0%); transition-delay: 0s, 0s, 0.3s;}
.calendar_tooltip:hover i {border-radius: 10rem;}
.calendar_tooltip:hover {color:#3864f2; background: #CED9FC;}
.prt_name {display: flex; justify-content: center; align-items: center;}
											
/* 20250820 과제참여현황 추가 */
.parti_status_box .e_s_d_c_box_left .e_c_top {margin-bottom: 1rem;}
.parti_status_box .e_s_d_c_box_left .e_c_detail {display: flex;width: 100%;gap:2rem;margin-top: 1rem;}
.parti_status_box .e_s_d_c_box_left .e_c_detail ul {width: 100%;}
.e_s_d_c_box_left .e_c_detail ul:nth-child(2) li:first-child strong {/* background: #f4f6fa; */}
.e_s_d_c_box_left .e_c_detail ul:nth-child(2) li:first-child p {background: none;}
.parti_status_box .e_s_d_c_box_left h2 {padding: 0rem 0rem 1rem 0rem;font-size: 1.8rem;font-weight: normal;}


/* 20250918 과제관리_정산목록 추가 */
.new_cal_wrap {border:0.1rem solid #f1eded;}
.new_cal_wrap .st_pr_area {padding: 3.5rem 2rem 1rem 2rem;border:none;}
.new_cal_wrap .st_pr_area > div {width: 100%;max-width:none;gap: 5rem;padding: 2rem;display: flex;justify-content: center;position: relative;overflow: visible;}
.new_cal_wrap .new_cal_box {display: flex; width: 100%; border:0.1rem solid #f0f0f0; overflow: hidden; border-radius: 0.5rem;}
.new_cal_wrap .st_pr_area > div:first-child .st_pr_title_cal {background: #4776e2;}
.new_cal_wrap .st_pr_area > div:last-child .st_pr_title_cal {background: #1685aa;}
.new_cal_wrap .new_cal_box .st_pr_box {position: relative; width: 100%;max-width: 30rem;display: flex;justify-content: center;}
.new_cal_wrap .new_cal_box .st_pr_box::after {content: "\e93e";font-family: "xeicon";position: absolute;top:50%;right: -4.5rem;transform: translate(0%,-50%);background: #fff;border-radius: 10rem;padding:0.7rem 0.6rem 0.7rem 0.8rem;color: #b6bdca;border:0.2rem solid #f2f5fc;font-size: 2rem;font-weight: bold;}
.new_cal_wrap .st_pr_area > div  .st_pr_box:last-child::after {display: none;}
.new_cal_wrap .st_pr_area .st_pr_box:hover {border:none;}
.new_cal_wrap .st_pr_area .st_pr_tit h3 {position: relative;padding:0rem 0rem 1rem 0rem;display: flex;align-items: center;gap: 0.3rem;justify-content: center;font-size: 1.4rem;}
.new_cal_wrap .st_pr_area .st_pr_tit h3::before {content: "\e92c";font-family: "xeicon";font-size: 2.5rem;color: #d4d4d4;font-weight: normal;}
.new_cal_wrap .new_cal_text {font-size: 1.5rem;margin-bottom: 2rem;min-height: 5rem;display: flex;justify-content: center;align-items: center;}
.new_cal_wrap .new_cal_box .st_pr_box .st_pr_detail:nth-child(2) {display: flex; background: #f9f9f9; justify-content: space-between; align-items: center; padding: 1rem 1.5rem;}
.new_cal_wrap .new_cal_box .st_pr_box .st_pr_detail:nth-child(2) h3 {background: none; font-size: 1.5rem; color:#14245a; display: flex; align-items: center; gap:0.5rem; padding: 0rem;}
.new_cal_wrap .new_cal_box .st_pr_box .st_pr_detail:nth-child(2) h3::before {content: ""; width: 0.5rem; height: 0.5rem; background: #14245a; border-radius: 10rem;}
.new_cal_wrap .new_cal_box .st_pr_box .st_pr_detail:nth-child(2) button {height: 3rem; font-size: 1.5rem; display: flex; align-items: center; justify-content: center;}
.new_cal_wrap .new_cal_box .st_pr_detail {border: 0.2rem solid #f2f5fc;width: 100%;padding: 1rem 2rem 1.5rem 2rem;border-radius: 0rem;max-width: 30rem;background: #fff;}
.new_cal_wrap .new_cal_box .new_cal_detail {display: flex;justify-content: center;gap: 1.6rem;flex-direction: column;}
.new_cal_wrap .new_cal_box .new_cal_detail a {width: 100%;display: flex;justify-content: center;height: 2rem;}
.new_cal_wrap .new_cal_box .new_cal_detail a:only-child {width: 100%;height: 6.5rem;}
.new_cal_wrap .st_pr_box.active {border:0.2rem solid #4755cf !important;}
.new_cal_wrap .st_pr_box.active .st_pr_tit h3::before {color:#4755cf;}
.new_cal_wrap .st_pr_box.active::after {color:#fff; background: #4755cf;}
.new_cal_wrap .help_one_line {margin: 2rem 2rem 0rem 2rem;}
.new_cal_wrap .help_one_line .sub_hlep_box {padding: 1rem 0rem 1rem 6rem !important;background-size: 3rem !important;padding-left: 5rem !important;}
.new_cal_box .st_pr_txt {width: 100%;/* max-width: 15rem; *//* padding: 1rem; */}
.new_cal_box .st_pr_txt h3 {padding-top: 0rem;}
.new_cal_box .st_pr_txt.bg_blue {background: #4755cf;}
.new_cal_box .st_pr_txt.bg_orange {background: #f76631;}
.new_cal_box .st_pr_txt.bg_gray {background: #b6bdca;}
.new_cal_box .st_pr_txt.bg_green {background: #4eb5c1;border: none;}
.new_cal_box .st_pr_txt.bg_red {background: #ff2626;}
.new_cal_box .st_pr_txt.bg_blue:hover,
.new_cal_box .st_pr_txt.bg_orange:hover,
.new_cal_box .st_pr_txt.bg_gray:hover,
.new_cal_box .st_pr_txt.bg_green:hover,
.new_cal_box .st_pr_txt.bg_red {background: #2b2c2f; border-color:#2b2c2f;}
.new_cal_box .st_pr_title_cal {position: absolute;top: -3rem;left:0rem;background: #4776e2;border-radius: 0rem 3rem 0rem 0rem;padding: 0.6rem 4rem 0.6rem 3rem;color:#fff;font-size: 1.4rem;}
.new_callist_wrap {background: #ebeef7; border-radius: 0.5rem; overflow: hidden;}
.new_callist_wrap .sub_con_box {padding:0rem; margin:0rem;}
.new_callist_wrap .new_callist_tab {background: #99a2bb; margin:0rem;}
.new_callist_wrap .new_callist_tab .active button {background: #0263ff !important;}
.new_callist_wrap .new_callist_tab .active button::after {display: none;}
.new_callist_wrap .new_callist_tab ul li {}
.new_callist_wrap .new_callist_tab > ul > li:first-child {width: 30%;}
.new_callist_wrap .new_callist_tab > ul > li:last-child {width: 30%;}
.new_callist_wrap .new_callist_tab ul li button {height: 100%; background: #647195; color:#fff; font-weight: bold; padding: 0rem;}
.new_callist_wrap .new_callist_tab ul li button:hover {background: #073e8f;}
.new_callist_wrap .new_ca_tab_box {background: #99a2bb; width: 100%;max-width: 100%;}
.new_callist_wrap .new_ca_tab_box ul {background: #d1daf5;padding: 0.5rem 2rem;}
.new_callist_wrap .new_ca_tab_box ul button {border-radius: 0.5rem;padding: 0.7rem !important;}
.new_callist_wrap .new_callist_detail_box {padding: 1.5rem 1rem;}
.new_callist_wrap .new_callist_detail_box > .sub_con_box > .sub_tab_box_4type {padding: 0rem; margin:0rem;}
.new_callist_wrap .new_callist_detail_box > .sub_con_box > .sub_tab_box_4type ul {gap:0.5rem; padding: 0rem 0.1rem;}
.new_callist_wrap .new_callist_detail_box > .sub_con_box > .sub_tab_box_4type ul li {border:none;}
.new_callist_wrap .new_callist_detail_box > .sub_con_box > .sub_tab_box_4type button {background: #647195; color:#fff; border-radius: 0.7rem 0.7rem 0rem 0rem;}
.new_callist_wrap .new_callist_detail_box > .sub_con_box > .sub_tab_box_4type button:hover {background: #073e8f;}
.new_callist_wrap .new_callist_detail_box > .sub_con_box > .sub_tab_box_4type .active button {background: #0263ff; color:#fff;}
.new_callist_wrap .new_callist_detail_box > .sub_con_box > .sub_tab_box_4type .active button::after {display: none;}
.new_callist_wrap .new_callist_detail_area {padding: 1rem; background: #fff; border:0.1rem solid #9dbcec;}
.new_callist_wrap .new_callist_detail_area > .sub_con_box > .sub_tab_box_4type {padding: 0rem;margin: 0.5rem 0rem 0.8rem 0rem;}
.new_callist_wrap .new_callist_detail_area > .sub_con_box > .sub_tab_box_4type ul {padding: 0rem 0.1rem; width: 100%; border-radius:0.5rem; overflow: hidden;}
.new_callist_wrap .new_callist_detail_area > .sub_con_box > .sub_tab_box_4type ul li {position: relative; border:none; width: 100% !important;}
.new_callist_wrap .new_callist_detail_area > .sub_con_box > .sub_tab_box_4type ul li::after {content: ""; position: absolute; top:50%; right: 0.2rem; transform: translate(0%,-50%); display: block; background: #cecece; width: 0.5rem; height: 0.5rem; border-radius: 10rem;}
.new_callist_wrap .new_callist_detail_area > .sub_con_box > .sub_tab_box_4type ul li:last-child::after {display: none;}
.new_callist_wrap .new_callist_detail_area > .sub_con_box > .sub_tab_box_4type button {background: #e6f2ff; color:#363636; width: 100%; padding: 0.8rem !important;}
.new_callist_wrap .new_callist_detail_area > .sub_con_box > .sub_tab_box_4type button:hover {color:#0263ff; font-weight: bold;}
.new_callist_wrap .new_callist_detail_area > .sub_con_box > .sub_tab_box_4type ul li:hover::after {background: #0263ff;}
.new_callist_wrap .new_callist_detail_area > .sub_con_box > .sub_tab_box_4type .active::after {display: none;}
.new_callist_wrap .new_callist_detail_area > .sub_con_box > .sub_tab_box_4type .active button {background: #0263ff; color:#fff;}
.new_callist_wrap .new_callist_detail_area > .sub_con_box > .sub_tab_box_4type .active button::after {display: none;}
.new_callist_wrap .new_callist_btn .btn_box {position: absolute; bottom: 0rem; right: 0rem;}
.new_callist_wrap .new_callist_btn .btn_box button {border-radius: 0.5rem 0.5rem 0rem 0rem; padding: 0.7rem 1.5rem; display: flex;align-items: center; gap:0.3rem;}
.new_callist_wrap .new_callist_btn .btn_box button.bg_green {background: #10a19f; border-color:#10a19f; }
.new_callist_wrap .new_callist_btn .btn_box button.bg_green:hover {background: #2b2c2f; border:0.1rem solid #000000; color:#fff;}
.new_callist_wrap .new_callist_btn .btn_box button i {font-size: 1.9rem;}

/* 20250929 정산 화면 수정 */
.help_oneline {display: flex;flex-direction: row;justify-content: flex-start;align-items: center;background-position: 1rem 50% !important;background-size: 3.5rem !important;padding-left: 5rem !important;gap:1rem !important;}
.help_oneline .preview_btn {padding: 0.7rem;right: 1rem;}
.help_oneline strong {font-size: 1.3rem !important;}
.help_oneline p {padding-top: 0rem !important;}

/* 20250929 탭메뉴 한줄 추가 영역 */
.tab_oneline_wrap {display: flex; position: relative;}
.tab_oneline_wrap > ul:first-child {min-width: 30rem; width: auto;}
.tab_oneline_wrap .tab_oneline_util {display: flex;align-items: flex-end;flex-wrap: wrap;padding-bottom: 0.1rem; padding-right: 42rem;}
.tab_oneline_wrap .tab_oneline_util li {border:none;width: 100%;min-width: auto !important;}
.tab_oneline_wrap .tab_oneline_util li button {padding: 0.8rem 1rem 0.8rem 1rem !important;text-align: left;background: #f7f8fd;border-radius: 0.3rem;font-size: 1.3rem;}
.tab_oneline_wrap .tab_oneline_util li button:hover {color: #085ddc;}
.tab_oneline_wrap .tab_oneline_util .ra_active {color: #085ddc; font-weight: bold;}
.tab_oneline_wrap .tab_oneline_util .ra_active::after {font-weight: normal;}
.tab_oneline_wrap .tab_oneline_util .ra_active span {position: relative;}
.tab_oneline_wrap .tab_oneline_util .ra_active span::before {content: "";width: 100%;height: 0.1rem;background: #085ddc;position:absolute;bottom: -0.7rem;left: 0rem;}
.tab_help_text {justify-content: center;position: absolute;top:0rem;right: 0rem;padding: 0.5rem 2rem;font-size: 1.3rem;}

/*.new_greneral.gr_control {zoom:90%;}*/

/* 20251002 사용실적보고서제출 사업비 */
.new_expenses_divide {display: flex;}
.new_expenses_divide .sub_con_box:nth-child(1) {width: 100%; border:0.1rem solid #e5e7ef; padding: 1rem; border-radius: 0.5rem;}
.new_expenses_divide .expenses_help_arrow {padding: 1.5rem; background: #f9f9fa; border-radius: 0.5rem;}
.new_expenses_divide .expenses_help_arrow p {display: block;font-size: 1.4rem;word-break: keep-all;margin-top: 0.5rem;background: #eceef3;border-radius: 0.5rem;padding: 1rem;}
.new_amount_wrap .new_amount_area {text-align: center;padding: 1rem 2rem;}
.new_amount_wrap .new_amount_area .n_am_tit {font-size: 1.8rem; color:#3864f2; background: url("../images/sub/n_am_tit_img.png") 50% 0% no-repeat; padding-top: 13rem; margin-bottom: 2rem;}
.new_amount_wrap .n_am_detail ul {/* border-top:0.3rem solid #2D2D2D; *//* border-bottom:0.3rem solid #2D2D2D; */}
.new_amount_wrap .n_am_detail ul li {display: flex;justify-content: space-between;font-size: 1.3rem;border-bottom: 0.1rem dashed #cecece;padding: 1rem;}
.new_amount_wrap .n_am_detail ul li:last-child {border-bottom: none;}
.new_amount_wrap .n_am_detail ul li strong {font-weight: normal;}
.new_amount_wrap .n_am_sum p {display: flex;justify-content: space-between;padding: 1rem 2rem 1.5rem 2rem;}
.new_amount_wrap .n_am_sum p strong{font-size: 1.8rem;}
.new_amount_wrap .n_am_sum p span{font-size: 1.8rem;color: #fb3232;font-weight: bold;}
.new_greneral.gr_control .s_tab_a3 .s_tab_active button {background: #158c8d; border-color: #158c8d;}
.new_greneral.gr_control .s_tab_a3 .s_tab_active button:hover {background: #36ad97; border-color: #158c8d;}

/* 20251117 정산 사업비 예산 변경 */
.calculate_teb_wrap {border:0.3rem solid #3864f2; display: flex; font-size: 1.5rem; border-radius: 0.5rem;  align-items: stretch;}
.calculate_teb_wrap strong {font-size: 1.5rem;color:#3864f2;}
.calculate_teb_wrap p {padding: 0.5rem 0rem;font-size: 1.3rem;}
.calculate_teb_wrap div a {display: block;background: #ededed;border:0.1rem solid #d2d2d2;box-sizing: border-box;font-size: 1.3rem;padding: 0.7rem 1rem 0.8rem 1rem;border-radius: 0.5rem;}
.calculate_teb_wrap div a:hover {background: #2b2c2f; color:#fff; border-color:#2b2c2f;}
.calculate_teb_wrap > div {position: relative;display: flex;align-items: center;justify-content: center;width: 100%;text-align: center;padding: 1.2rem;}
.calculate_teb_wrap > div::after {content: "\e93e"; font-family: "xeicon"; position: absolute; top:50%; right: -1.9rem; transform: translate(0%,-50%); background: #073e8f; padding: 1rem; z-index: 50; border-radius: 100rem; font-weight: 500; color:#fff; font-size: 2rem;}
.calculate_teb_wrap > div:last-child::after {display: none;}
.calculate_teb_wrap .calcul_tab_box {width: 100%;}
.calculate_teb_wrap .calcul_tab1,
.calculate_teb_wrap .calcul_tab3 {width: 100%; max-width: 40rem;}
.calculate_teb_wrap .calcul_tab1 a,
.calculate_teb_wrap .calcul_tab3 a {max-width: 18rem; width: 100%; margin:0 auto;}
.calculate_teb_wrap .calcul_tab2 {background: #f7f8fd; border-left:0.1rem solid #d9dadc; border-right: 0.1rem solid #d9dadc;}
.calculate_teb_wrap .calcul_tab2 ul {display: flex; justify-content: center; align-items: center; gap:1rem; flex-wrap: wrap;}
.calculate_teb_wrap .calcul_tab2 ul li {display: block;width: 100%;max-width: 17rem;}
.calcul_bg_on {background: #3864f2;}
.calcul_bg_on strong {color:#ffee34;}
.calcul_bg_on p {color:#fff;}
.calcul_btn_on {background: #073e8f !important; color:#fff; font-weight: bold; border-color:#073e8f !important;}
.calcul_tab2.calcul_bg_on {background: #3864f2;}
.calculate_total_wrap {margin-top: 1rem;border:0.3rem solid #3864f2;border-radius: 0.5rem;}
.calculate_total_wrap.new_expenses_divide .sub_con_box:nth-child(1) {padding: 0rem; border:none;}
.calculate_total_wrap h3 {background: #3864f2;padding: 2rem 3rem;border-radius: 0rem 0rem 2rem 0rem;color:#fff;}
.calculate_total_wrap .sub_title h3:after {display: none;}
.calculate_total_wrap .height_type.width_type {border:0.2rem solid #cecece;width: 99%;margin-left:1rem !important;margin-bottom: 1rem !important;margin-top: 1rem !important;}
.calculate_total_wrap .help_bar_box {margin-top: 0.8rem;font-size: 1.3rem;}
.total_area_util_wrap {background: #2f64e6; border:none !important; border-radius: 0rem !important; width: 100% !important; max-width: 22%;}
.total_area_util_wrap h5 {font-size: 2rem;color:#fff;padding: 2rem 3rem;line-height: 3.2rem;background: url("../images/sub/total_area_util_bg.png") 95% 50% no-repeat;display: block;width: 100%;}
.total_area_util_wrap h5 strong {color: #ffee34;}
.total_area_util_wrap h5 span {color: #9fbdd9; font-size: 1.6rem;}
.total_area_util_wrap .total_area_util {display: block !important;}
.total_area_util_wrap .n_am_content {background: #fff;border-radius: 0.5rem;box-shadow: 6px 5px 13px 3px #133485;padding: 0.5rem 2rem;}
.total_area_util_wrap .n_am_detail ul:first-child li:first-child {position: relative; color:#0055a5; font-weight: bold;}
.total_area_util_wrap .n_am_detail ul:first-child li:first-child b::before {content: "";position: absolute;width: 1rem;height: 1rem;border-radius: 10rem;background: #1764aa;display: block;top: 50%;left: 0rem;transform: translate(-50%, -50%);}
.total_area_util_wrap .n_am_detail ul:last-child li:first-child {position: relative; color:#f61313; font-weight: bold;}
.total_area_util_wrap .n_am_detail ul:last-child li:first-child b::before {content: "";position: absolute;width: 1rem;height: 1rem;border-radius: 10rem;background: #f61313;display: block;top: 50%;left: 0rem;transform: translate(-50%, -50%);}
.total_area_util_wrap .n_am_detail ul {border-bottom: 0.2rem solid #4c4c4c; margin: 1rem 0rem;}
.total_area_util_wrap .n_am_detail ul:last-child {border-bottom: 0.3rem solid #4c4c4c;}

/* 20251210 진행단계 표기 */		
.utilize_progress_step {margin-bottom: 1.5rem;background: #e9f0ff;padding: 1rem 2rem;border-radius: 0.5rem;border: 0.001rem solid #7fadef;}
.ut_pr_st {position: relative; display: flex; overflow: hidden;}
.ut_pr_st > div {position: relative; width: 100%;}
.ut_pr_st > div::after {content: "";position: absolute;background: #ffffff;width: 100%;height: 1rem;bottom: 0rem;}
.ut_pr_st > div::before {content: "";position: absolute;width: 100%;height: 1rem;bottom: 0rem;z-index: 99;left: -65%;}
.ut_pr_st > div strong {padding: 0rem 0rem 1.5rem 0rem;display: block;text-align: left;}
.ut_pr_st > div strong span {font-size: 1.3rem;font-weight: normal;color:#919191;justify-content: center;display: flex;}
.ut_pr_st > div strong span::after {content: "\e92c"; font-family: "xeicon"; font-weight: normal; font-size: 1.9rem; margin-left: 0.3rem;}
.ut_pr_on strong span {color: #3864f2 !important;font-weight: 600 !important;}
.ut_pr_on strong span::after {font-weight: 600 !important;}
.ut_pr_on::before {background: #1c66d3 !important;left: 0rem;position: absolute;}
.ut_pr_st div:first-child::before {border-radius: 10rem 0rem 0rem 10rem;}
.ut_pr_st div:last-child::before {border-radius: 0rem 10rem 10rem 0rem;}
.ut_pr_st div:last-child.ut_pr_on::after {background: #1c66d3 !important;}
.ut_pr_on:not(:has(+ .ut_pr_on))::before {border-radius: 0rem 10rem 10rem 0rem;}
.ut_pr_st > div:first-child strong span {justify-content: flex-start;}
.ut_pr_st > div:first-child strong span::after {display: none;}
.ut_pr_st > div:last-child strong span {justify-content: flex-end;}
.ut_pr_st > div:last-child strong span::after {display: none;}
.ut_pr_st > div:nth-child(2) strong span {transform: translateX(-16%);}
.ut_pr_st > div:nth-child(3) strong span {transform: translateX(16%);}
.ut_pr_st > div:first-child::before {width: 15%;left: 0rem;border-radius: 10rem;}
.ut_pr_st > div:nth-child(2)::before {width: 135%; left: -95%;}
.ut_pr_st > div:nth-child(3)::before {width: 135%;}
.ut_pr_st > div:first-child::after {border-radius: 10rem;}
.ut_pr_st > div:last-child::after {border-radius: 10rem;}

.modal-content .new_modal_con_area {min-height: 25rem !important;}

.pop_view_btn {color: #fff !important;background: #419293  !important;border-color: #419293 !important;}
.pop_view_btn:hover {background: #1f6465 !important;border-color: #1f6465 !important;color:#fff !important;}
.e_s_d_c_box {position: relative;}
.pop_view_btn2 {position: absolute;top:0rem;right: 0rem;border-radius: 0rem 0rem 0rem 1.5rem !important;background: #204377 !important;color: #fff !important;border:none !important;}
.pop_view_btn2:hover {background: #07224b !important;}

.new_greneral.gr_control table th {padding: 1rem !important;font-size: 1.3rem;}
.new_greneral.gr_control .width_type td {font-size: 1.3rem; padding: 0.3rem !important;}
.new_greneral.gr_control .sp_help_btn a i span {font-size: 1.4rem;}
.new_greneral.gr_control .search_total {font-size: 1.3rem !important;}
.new_greneral.gr_control .search_total strong {font-size: 1.3rem !important;}

.e_c_tit {padding-bottom: 0.5rem;}
.e_c_tit p {font-size: 1.4rem;background: #f8f9fb;border-radius: 0.5rem;display: inline-flex;overflow: hidden;align-items: center;margin: 0.2rem 0rem;gap:1rem;}
.e_c_tit p strong { background: #597195; color:#fff; padding: 0.5rem 1rem; font-size: 1.4rem; font-weight: 400;}
.e_c_tit p span {font-size: 1.4rem; color: #000000; padding-right: 1rem;}

.flex300 {top:32.3rem; z-index: 99;}
.flex300 .toggle_ex_btn3.active {margin-top:0rem;}
.flex300 .toggle_ex_btn3 {margin-top: -2.7rem;}


/* 20260128 동일 */
.same-as-manager {background: #f8f9fa;padding: 0.5rem 1.2rem;border-radius: 0.8rem;border: 0.1rem solid #e9ecef;display: flex;margin-top: 0.4rem;align-items: center;height: 3rem;}
.chk-label {display: flex;align-items: center;cursor: pointer;gap: 0.5rem;user-select: none;}
.custom-chk {width: 1.6rem;height: 1.6rem;cursor: pointer;accent-color: #3864f2;margin: 0;}
.chk-text { font-size: 1.4rem; font-weight: 600; color: #444; white-space: nowrap; }

/* 20260204 체크타입2 */
.qna_check_table {width: 100%;border-collapse: collapse;border-top: 0.3rem solid #333;margin: 0rem 0;font-family: 'Pretendard', sans-serif;}
.qna_check_table th { background: #f9fafb; color: #111; font-size: 1.5rem; font-weight: 700; padding: 2.5rem 1.5rem; border-bottom: 0.1rem solid #eee; border-right: 0.1rem solid #eee; text-align: center; vertical-align: middle; }
.qna_check_table td {padding: 0.6rem;border-bottom: 0.1rem solid #eee;background: #fff;}
.qna_wrap {display: flex;flex-direction: column;gap: 0.3rem;padding: 0.2rem 1rem;position: relative;}
.question_text {margin: 0;font-size: 1.3rem;color: #222;font-weight: mp;line-height: 1.4;display: flex;align-items: center;}
.answer_text {margin: 0;font-size: 1.3rem;font-weight: 600;padding-left: 2rem;}
.is_done .question_text::before {content: '●';color: #1a73e8;font-size: 1rem;margin-right: 0.3rem;}
.is_done .answer_text {position: relative; color: #1a73e8;/* background: #f0f6ff; */}
.is_done .answer_text::before {content: "↳";position: absolute;top: 0rem;left: 0.5rem;font-weight: bold;font-size: 1.2rem;color: #1a73e8;}
.is_warning .question_text::before {content: '●';color: #d93025;font-size: 1rem;margin-right: 0.5rem;}
.is_warning .question_text {color: #000000;}
.is_warning .answer_text {position: relative; color: #d93025;/* background: #fff4f4; */display: block;width: 100%;min-width: 7rem;font-weight: 700;}
.is_warning .answer_text::before {content: "↳";position: absolute;top: 0rem;left: 0.5rem;font-weight: bold;font-size: 1.2rem;color: #d93025;}

/* 20260210 카운트 다운 */
.countdown_box {display: flex;justify-content: center;align-items: center;padding: 1rem 2rem;background: linear-gradient(135deg, #ff531d 0%, #d76f12 100%);border: none;border-radius: 5rem;box-shadow: 0 0.6rem 2rem rgba(255, 77, 77, 0.3);margin: 0rem 0rem 0.5rem 0rem;gap: 1rem;position: relative;overflow: hidden;}
.countdown_box i { color: #ffffff; font-size: 2.4rem; animation: pulse 1.5s infinite; }
#countdown { color: #ffffff; font-size: 1.8rem; font-weight: 700; letter-spacing: -0.03rem; font-variant-numeric: tabular-nums; font-family: 'Pretendard', sans-serif; text-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.1); }
#countdown::before { content: ''; }
@keyframes pulse { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.1); opacity: 0.8; } 100% { transform: scale(1); opacity: 1; } }

.eight_btnbox a {width: 100%; box-sizing: border-box; text-align: center; max-width: 15rem; padding: 0.7rem 1rem !important; }
.eight_blue {background: #1f6beb !important;border-color: #1f6beb!important;}
.eight_orange {background: #ed5a00 !important;border-color: #ed5a00!important;}
.eight_green {background: #419293 !important;border-color: #419293!important;}
.eight_purple {background: #4958c9 !important;border-color: #4958c9!important;}
.eight_blue:hover {background: #0f4bb1 !important;border-color: #0f4bb1!important;}
.eight_orange:hover {background: #933902 !important;border-color: #933902!important;}
.eight_green:hover {background: #1f6465 !important;border-color: #1f6465!important;}
.eight_purple:hover {background: #343F9A !important;border-color: #343F9A!important;}

@media screen and (max-width: 1600px){
/* 20250929 정산 화면 수정 */
.new_cal_wrap .new_cal_box .new_cal_detail {flex-direction: column;}
}
@media screen and (max-width: 1400px){
.new_cal_wrap .st_pr_area {flex-direction: column; gap:6rem;}
.tab_help_text {display: none;}	
.tab_oneline_wrap .tab_oneline_util {padding-right: 0rem;}
.new_amount_wrap .n_am_detail ul li {flex-direction: column;}	
.new_amount_wrap .n_am_sum p {flex-direction: column;}	
.total_area_util_wrap .n_am_content {max-width: 40rem; margin:0 auto;}
.total_area_util_wrap .n_am_detail ul:first-child li:first-child b::before,
.total_area_util_wrap .n_am_detail ul:last-child li:first-child b::before {display: none;}
}

@media screen and (max-width: 1024px){
.eight_btnbox {align-items: center !important;}
.eight_btnbox  a {max-width: 100% !important;}
.check_list_detail_warning p span::before {display: none;}
.sub_title_pop_box {flex-direction: column;}
/* 20251117 정산 사업비 예산 변경 모바일*/

.calculate_teb_wrap {flex-direction: column;}
.calculate_teb_wrap > div {width: 100%; max-width: 100% !important;}
.calculate_teb_wrap > div::after {display: none;}
.total_area_util_wrap {max-width: 100% !important;}	
.total_area_util_wrap h5 {text-align: center; background: none;}
.total_area_util_wrap h5 br {display: none;}
	
.new_expenses_divide .expenses_help_arrow {display: none;}
.new_expenses_divide .sub_con_box {width: 100% !important;}
	
/* 20250929 탭메뉴 한줄 추가 영역 (모바일) */
.help_oneline {flex-direction: column;}
.tab_oneline_wrap {flex-direction: column; background: #edf1f5; border:0.1rem solid #d8d8d8;}
.tab_oneline_wrap > ul:first-child {width: 100%;}
.tab_oneline_wrap .tab_oneline_util {width: 70%; margin:0 auto; padding: 1rem;}
.tab_oneline_wrap .tab_oneline_util li {width: 100% !important; border:0.1rem solid #d8d8d8;}

.tab_oneline_wrap .tab_oneline_util li span {font-size: 1.4rem;}
.tab_oneline_wrap .tab_oneline_util li button {text-align: center;}
	
/*.new_greneral.gr_control #sub_left_menu_wrap {display: none !important;}*/
/* 20250918 과제관리_정산목록 추가 (모바일) */
.new_callist_wrap .new_callist_tab ul li {width: 100% !important; margin-left:0rem !important; border:none !important;}
.new_callist_wrap .new_callist_btn .btn_box {position: static; margin-top: 0rem;}
.new_callist_wrap .new_callist_tab {margin-bottom: 3rem;}
.new_callist_wrap .new_ca_tab_box ul {padding: 0rem;}
.new_callist_wrap .new_ca_tab_box ul button {border-radius: 0rem;}
.new_callist_wrap .new_callist_tab ul li button {background: #d5ddf5; color:#000000;padding: 1rem;}
.new_callist_wrap .new_callist_tab ul li button:hover {color:#fff;}
.new_callist_wrap .new_callist_tab .active button {color:#fff;}
.new_callist_wrap .new_callist_detail_area > .sub_con_box > .sub_tab_box_4type ul li::after {display: none;}
.new_callist_wrap .new_callist_detail_area > .sub_con_box > .sub_tab_box_4type ul {display: flex;}
.new_callist_wrap .new_callist_detail_area > .sub_con_box > .sub_tab_box_4type ul li {width: 50%;}
/* 20250820 과제참여현황 추가(모바일) */
.parti_status_box .e_s_d_c_box_left .e_c_detail {flex-direction: column; gap:1rem;}
	
.sub_help_tayp2 .sub_hlep_box {background-image: none;}
.info_change_situation_area {width: 100%;}
.info_change_situation {margin-top: 2rem;}
.sign_page {margin-top: 0rem;padding: 5rem 3rem;}
.new_greneral .help_one_line .sub_hlep_box {flex-direction: column !important; padding: 1rem !important;}
.new_greneral .check_list_table tr {border-top:0.1rem solid #cecece !important;}
.new_greneral .check_list_table tr td {border-bottom: none !important; min-height: 3.3rem !important;}
.new_greneral .check_list_table tr td::before {display: none !important;}
.check_list_result div {margin-top: 1rem;}
.check_list_detail_warning p {padding-left:3rem;}
.check_list_detail_warning p em {position: static;transform: translate(0%,0%);left: 0rem !important;}
.check_list_detail_warning p b {padding-right: 0rem;flex-direction: column;display: flex;width: 100%;}
.check_list_detail_warning {width: 100%;}
.check_list_detail_warning p strong {position: absolute; top: 0rem; left: 0rem;}
.check_list_detail_warning p span {flex-direction: column;align-items: flex-start;padding: 0.5rem;gap: 0.5rem;}
.preview_btn {position: static; margin-top: 1rem;}
.new_greneral.gr_control .sub_hlep_box {padding-left:3rem;}
.base_search {/* flex-direction: column; */width: 100% !important;}
.base_search .board_search {flex-direction: column; gap:0.5rem;}

.base_search .board_search_btn_box {width: 100%;}
.base_search .board_search_btn_box .btn_search {padding: 1rem;}

.btn_search {padding: 1rem;}
/*.new_greneral #sub_left_menu_wrap {display: none;}*/
.gr_control .left_menu_none {display: block !important;}
.new_greneral .sub_contents {padding: 1rem 0rem !important;padding-bottom: 10rem !important;}
.remote_sp_box {padding: 23rem 3rem 10rem 3rem;background: url("../images/external_img/remote_sp_bg.jpg") 50% 0% no-repeat; background-size:30rem; text-align: center;}
.remote_sp_box .remote_text_box {display: flex; gap:5%; flex-direction: column;}
.remote_sp_box .remote_text_box p {margin-bottom: 1rem;}
.sub_tab_box_1type ul {flex-direction: column;}
/* 로그인 화면 */
.sub_signin_contents {flex-direction: column;}
.signin_contents_left {width: 100%;}
.signin_contents_right {width: 100%;border-left: none;}
.signin_contents_right div {width: 100%;}
.assignment_card_wrap {flex-direction: column;gap: 1rem;}

.board_search_btn_box {width: 50%;margin: 0rem auto;max-width: 30rem;margin-bottom: 1rem;}
/*mobile 20250306 추가*/
.assignment_nodata p {text-align: center; background-position: 50% 0%; padding: 14rem 2rem 1rem 2rem; font-size: 1.6rem;}
	
	
/* 신규 영역 */
.sub_title_area {justify-content: center;flex-direction: column;}
.sub_hlep_box {background-image: none;padding:3rem;text-align: center;align-items: center;}
.total_area {flex-direction: column;gap: 1.5rem;}
.toggle_tab {display: flex;margin-top: 2rem;}
.toggle_tab button {display: block; width: 100%; margin-left: 0rem;}
.e_s_d_c_box {flex-direction: column; gap:2rem; padding:2rem;}
.e_s_d_c_box_right {max-width: 100%;}
.e_s_d_c_box_right .e_c_btn a {width: 100%; text-align: center; box-sizing: border-box;}
.total_area_util {flex-direction: column;gap:2rem;width: 100%;}


.button_util_area {width: 100%; justify-content: flex-end;}
.new_search_box {flex-direction: column; width: 100%; gap:0.5rem;}
.new_search_box span {display: block; width: 100% !important;}
.new_search_box span select,
.new_search_box span input,
.new_search_box span button {width: 100%;}
.util_serach {flex-direction: column; width: 100%; gap:0.5rem;}
.util_serach span {display: block; width: 100%;}
.util_serach span select,
.util_serach span input,
.util_serach span button {width: 100%;}
.sub_board_file a {flex-direction: column; align-items: flex-start;}
/* 반응형 테이블 */
.new_greneral .width_type .table_con_box {text-align: left; padding:1rem 0rem; justify-content: flex-start;}
.new_greneral .width_type {width:100%;margin:0 auto;border-top: none;}
.new_greneral .width_type thead {display: none;}
.new_greneral .width_type tr {display: block;border-top:0.2rem solid #202c68;overflow: hidden;clear: both;padding: 0rem;position: relative;height: auto !important;margin-bottom: 0rem;}
.new_greneral .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 !important;display: flex;}
.new_greneral .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: #f7f8fd; align-items: center; padding-left:1rem;}
.new_greneral .width_type col {display: none;}
.new_greneral .width_type a {font-size:14px;}
.new_greneral .width_type th {display: none !important;}
.new_greneral .height_type col {width: auto !important;}
.new_greneral .height_type th {display: none;}
.new_greneral .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: 4.3rem;height: auto !important;align-items: center;}
.new_greneral .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: #f7f8fd; align-items: center; padding-left:1rem;}
.new_greneral .height_type input,
.new_greneral .height_type select {padding: 1rem 0.5rem; width: 100%;}
.new_greneral .height_type .table_con_box p {padding: 1rem 0rem; width: 100%;}
.new_greneral .height_type .table_con_box {width: 100%;}

.gr_control .sub_left_menu_nav {display: block !important;}
.gr_control #sub_left_menu_wrap {position: fixed !important;top: 4.4rem;height: 100%;background: #fff;z-index: 99;max-width: 16.7rem; border-right: 0.1rem solid #d9dce4 !important;}
.gr_control .new_top_title_area {position: fixed; top: 0rem; z-index: 99; width: 100%;}
.new_greneral.gr_control .sub_contents {padding: 7rem 3rem 10rem 3rem!important;}
.gr_control .left_menu_block {top: 5.6rem; z-index: 1;}
.new_greneral #sub_left_menu_wrap {display: none;}
.new_greneral.gr_control #sub_left_menu_wrap {display: block;}
.assignment_card_wrap .assignment_card {flex-direction: column;align-items: flex-start;}
.ass_card_choicebtn {margin:0 auto; max-width: 100%; width: 100%;}
.ass_card_choicebtn a {width: 100%; max-width: 100%; padding: 1rem;}
	
	
/* 신청안내 영역 */
.new_step_area .n_step_box {flex-direction: column; align-items: center;}
.new_step_area .n_step_number {padding: 0rem !important;}
.new_step_area .n_step_box > div {width: 100% !important; justify-content: center !important; text-align: center !important;}
.new_step_area .n_step_number strong {width: auto; height: auto; padding: 1rem; border-radius: 1rem;}
.new_step_area .n_step_detail div p {padding: 2rem;}

.new_step_area .n_step_detail div h3 {padding: 0.5rem 0rem;}

/* 로그인 영역 */
.sign_page .signin_utill div {flex-direction: column; justify-content: center;}
.sign_page .signin_utill p {align-items: center !important;margin: 1rem 0rem;}
	
.sp_help_detail {flex-direction: column;}
.sp_help_btn,
.sp_help_btn a {max-width: none;}
}

@media (max-width: 768px) {

/* 20260204 체크타입2[모바일] */
.qna_check_table, .qna_check_table tbody, .qna_check_table tr, .qna_check_table th, .qna_check_table td { display: block; width: 100%; box-sizing: border-box; }
.qna_check_table thead, .qna_check_table colgroup, .qna_check_table th[style*="display: none"] { display: none; }
.qna_check_table th { background: #333; color: #fff; text-align: left; padding: 1.2rem 1.5rem; border-right: none; font-size: 1.6rem; }
.qna_check_table td {padding: 1;border-bottom: 0.2rem solid #f4f4f4;}
.question_text {font-size: 1.3rem;}
.answer_text {font-size: 1.3rem;}
	.qna_check_table {height: 40rem; overflow: auto;}
.new_cal_wrap .new_cal_box {flex-direction: column;align-items: center;gap: 1rem !important; margin-bottom: 3rem;}	
.new_cal_wrap .new_cal_box .st_pr_box::after {display: none;}
	
.sub_tab_process_type ul {flex-direction: column;}
.sub_tab_process_type ul li {background: none !important;border-bottom: 0.1rem solid #e3e3e3;}
.sub_tab_process_type ul li div {padding: 0rem 0rem;}
.sub_tab_process_type ul li div a {padding: 1rem 0rem; border-radius: 0rem !important;}
.sub_tab_process_type ul .active a::after {transform: rotate(90deg) !important;top: 0rem;right: 0rem;width: 3rem; background-size: 3rem;}
.sub_tab_process_type ul li div a::after {transform: rotate(90deg) !important;top: 0rem;right: 0rem;width: 3rem; background-size: 3rem;}

.ut_pr_st {flex-direction: column;}
.ut_pr_st > div strong span {font-size: 1.3rem; justify-content: space-between}
.ut_pr_st > div::after {display: none;}
.ut_pr_st > div::before {display: none;}
.ut_pr_st > div strong {padding: 0.7rem 0.5rem; border-bottom: 0.001rem solid #d7d7d7;}
.ut_pr_st > div:nth-child(2) strong span {transform: translateX(0%)}
.ut_pr_st > div:nth-child(3) strong span {transform: translateX(0%)}
.ut_pr_st > div:last-child strong span {justify-content: flex-start}
.sub_title_top_util {flex-direction: column; display: none;}

/* 20260210 카운트 다운 모바일 */
.countdown_box { padding: 1.2rem 1.5rem; gap: 0.6rem; margin: 1.5rem 0; }
.countdown_box i { font-size: 2rem; }
#countdown { font-size: 1.5rem; letter-spacing: -0.05rem; }

}
@media (max-width: 500px) {
.sign_page .signin_utill p {flex-direction: column; gap:0.5rem;}
.sign_page .signin_utill p a {border:0.1rem solid #cecece; display: block; width: 100%; padding: 1rem;}
.sign_page .signin_utill p a:hover {border-color: #1f6beb;}
.sign_page .signin_utill p a::after {display: none;}
.sign_page .sub_signin_contents {padding: 0rem;}

}