@charset "utf-8";
/* CSS Document */

.new_greneral .height_type th {height: 4.3rem;}

.selection_results{border: solid 1px #ddd;border-radius: 15px;width: 100%;position: relative;padding: 0rem;}
.selection_results dl{text-align: center;/* margin-top: 260px; */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 {background: #f2f2f2;padding: 0rem 0rem;border:0.1rem solid #cecece;}
.viewer_area_box img {}
.viewer_area_box_detail {overflow: hidden;max-width: 90rem;margin: 1rem auto;border: 0.1rem solid #d7d7d7;background: #fff;}
.viewer_area_box_detail > img {width: 120rem;}
.testimg1 {min-height: 40rem;padding: 1rem 1rem;}
.testimg1 p {max-width: 100rem;margin:0 auto;/* box-shadow: 1px 2px 5px 2px #e9e9e9; */background: #fff;}
.testimg1 p img {width: 100%;}



.base_search_area {padding: 0rem !important;}

.join_infoBox {display: flex; align-items: center; justify-content: space-between; border-bottom: 0.1rem solid #cecece;}
.join_infoBox .join_title {font-size: 1.6rem;}
.join_infoBox .join_title i {margin-right: 1rem; font-size: 2rem;}
.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: 1rem 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 .join_move_btn a {font-size:1.4rem; padding-right:2rem;}
.new_ice_join_withd_box .join_move_btn a:hover {color: #1531bf;}
.new_ice_join_withd_box .join_move_btn a:last-child {padding-right:0rem;}
.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;}



/* 임시 변경사항 */
.sub_con_all {max-width: 140rem;margin:0 auto;padding: 0rem 3rem;}
.new_greneral .sub_tab_box_1type ul .active button:after {display: none;}
.new_greneral .sub_tab_box_1type ul li.active:after {height: 7rem;}
.new_greneral .sub_tab_box_1type ul li {border:none;}
.new_greneral .left_menu_block {top: 3rem;}
.new_greneral .sub_contents {padding: 2rem 5rem 7rem 5rem;}

.new_greneral .base_search tr {display: flex; align-items: center;}


.ass_red .ass_card_utill ul li:first-child {background: #ff4007;}

/* 외부 헤더 부분 */
.new_greneral .header .lnb .depth1 {display: flex; justify-content: center; height: 100%;}
.new_greneral .header .lnb .depth1 > li > a {display: flex;height: 100%;align-items: center;font-size: 1.8rem;padding: 0rem 2rem;transition: all 0.5s;}
.new_greneral .header .lnb .depth1:hover > li > a {padding:0rem 3rem;}
.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:linear-gradient(90deg, rgba(14,158,210,1) 0%, rgba(7,165,150,1) 100%);;}
.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; padding: 0rem 0.5rem;}
.new_greneral .depth_title h3 span:before {content: ""; position: absolute; bottom:0rem; left:0rem; width: 100%; height: 1.5rem; background: #098c99; z-index: -1;}
.new_greneral .depth_title p {color: #fff; font-size: 1.6rem; line-height: 2.5rem;}

.new_greneral .header .lnb .depth1 li.on > a {color: #008591 !important}
.new_greneral .header .lnb .depth1 li.on > a:before {background: #008591 !important}

/* 원격지원 */
.remote_sp_wrap { border:0.2rem solid #416bcd; border-radius: 1rem;}
.remote_sp_box {padding: 8rem 10rem 9rem 50rem;background: url("../images/external_img/remote_sp_bg.jpg") 0% 50% no-repeat;}
.remote_sp_wrap b {font-size: 1.5rem;}
.remote_sp_wrap h2 {font-size: 4rem;}
.remote_sp_box .remote_text {font-size: 1.8rem; color:#001E70; font-weight: bold; padding: 2rem 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: 2rem 3rem 3rem 3rem;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: linear-gradient(90deg, rgb(119 255 168) 0%, rgb(0 247 247) 100%);width: 100%;display: block;text-align: center;margin-top: 2rem;padding: 2rem 0rem;border-radius: 10rem;font-size:2rem;color: #161616;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; }



/* 외부 좌측 메뉴 */
.new_greneral #sub_left_menu_wrap {border:none !important; width: 20% !important;}
.new_greneral #sub_left_menu_wrap:after {display: none;}
.new_greneral .sub_left_menu {position: static;top: 3rem;/* border-radius: 1rem 1rem 0rem 0rem; */overflow: hidden;margin-top: 3rem;}
.new_greneral .sub_left_menu_nav {padding: 1rem;border: 0.1rem solid #dddddd;}
.new_greneral .sub_left_title {background: linear-gradient(90deg, rgba(17,75,157,1) 0%, rgba(23,56,101,1) 100%);background-size: cover;}
.new_greneral .sub_left_title h1 {font-weight: normal;}
.new_greneral .sub_left_menu_nav .depth1 {font-size: 1.5rem;}
.new_greneral .sub_left_menu_nav .active .depth1 {position: relative; background: #fff; color:#151e65; z-index: 2;}
.new_greneral .sub_left_menu_nav .active .depth1:before {content: "";}
.new_greneral .sub_left_menu_nav ul li:last-child  button{border-bottom: none;}
.new_greneral .sub_left_menu_nav .active .depth1:before {content: ''; display: block; position: absolute; left: 0; top: 0; z-index: -1; width: 0; height: 100%; background: #dee9f9; animation: slide 1s 0.2s forwards; animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); border-radius: 0rem 1rem 1rem 0rem;}
@keyframes slide {
	0% {width: 0}
	100% {width: 100%}
}
.new_greneral .left_menu_none {top: 4rem; z-index: 58;}




/* 기본 좌측메뉴 */
.gr_control .choice_left_menu button {font-weight: bold;color: #0324A3 !important;background: #e2e9ff !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: 89.6rem;background: #d9dce4;}
.gr_control .sub_area {padding-left:0rem !important;}
.gr_control .sub_left_title {position: relative;color:#fff;background: url("../images/layout/home_title_bg.jpg");text-align: center;padding: 3rem 0rem;}
.gr_control .sub_left_menu {position: static;top: 0rem !important;/* border-radius: 1rem 1rem 0rem 0rem; */overflow: hidden;margin-top: 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;}
.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.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(90deg); 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(90deg); 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: #082a83;}
.gr_control .sub_left_menu_nav .active .depth2 {display: block;padding: 0rem 1.5rem;font-size: 1.4rem;background: #f5f6fa;border-bottom: 0.1rem solid #ababab;}
.gr_control .sub_left_menu_nav .active .depth2 ul li {padding: 1rem 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:#152aa9;}
.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.7rem;z-index: 95;}
.gr_control .left_menu_none button {display: block; background: #f5f6fa; border:0.1rem solid #d9dce4;  padding: 2rem 0rem; border-radius: 0rem 1rem 1rem 0rem;}
.gr_control .left_menu_none button i {font-size: 2.5rem;}
.gr_control .left_menu_none button:hover {background: #2b2c2f; color:#fff; border-color: #2b2c2f;}
.gr_control .left_menu_block {position: absolute; top:5rem; left:0rem;  z-index: 99;}
.gr_control .left_menu_block button {display: block; background: #f5f6fa; border:0.1rem solid #d9dce4;  padding: 2rem 0rem; border-radius: 0rem 1rem 1rem 0rem;}
.gr_control .left_menu_block button i {font-size: 2.5rem;}
.gr_control .left_menu_block button:hover {background: #2b2c2f; color:#fff; border-color: #2b2c2f;}
.gr_control .left_menu_util_wrap {margin-top:2rem; padding: 1rem;}
.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: 1rem 0rem 1rem 1rem; width: 100%; text-align: center; z-index: 99; background: #e2e9ff; border-radius: 0.5rem; border:0.1rem solid #BECBF3; font-weight: 500; align-items: center; margin:0.5rem 0rem; box-sizing: border-box;}
.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;}

/* 서브 타이틀 영역 */
.sub_con_box {padding:1rem 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:#fff;}
.sub_con_title p {font-size:1.6rem; font-weight: 40; color:#fff; letter-spacing: 0rem;}
.sub_con_wrap {overflow: hidden;}

/* 위치정보 */
.breadcrumb_wrap1 {background: #F5F5F5;align-items: center;position: relative;border:0.1rem solid #e6e6ea;margin-bottom: 0rem;}
.breadcrumb_box1 {/* max-width: 140rem; */margin:0 auto;}
.breadcrumb_box1 ul {display: flex;}
.breadcrumb_box1 ul li {border-left:0.1rem solid #e6e6ea;}
.breadcrumb_box1 ul li:last-child {border-right:0.1rem solid #e6e6ea;}
.breadcrumb_box1 ul li a {position: relative; display: flex; padding: 1.5rem 3rem;font-size: 1.6rem;color:#000000;align-items: center;}
.breadcrumb_box1 ul li:first-child a:before {content: "\e900";color:#000000;font-family: "xeicon";font-size: 2rem;margin-right: 0.5rem;}

/* 콘텐츠 영역 */
.sub_area {/* max-width: 140rem; */margin:0 auto !important;padding: 0rem 3rem;}

/* 검색 영역 */
.base_search {display: flex;background: #f8f8f8;margin: 0rem 0rem;padding:1rem 2rem;border: none;padding: 1rem !important;gap:1rem;/* border: 0.1rem solid #e2e2e2; */box-shadow: none;}
.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_card_wrap {display: flex; gap:2%; margin-bottom: 2rem;}
.assignment_card_wrap .assignment_card {width: 100%; border:0.1rem solid #dcdcdc; border-radius: 1rem; padding: 2rem; box-shadow: 0.5rem 0.5rem 1rem #1044b91a;}
.ass_card_utill ul {display: flex; gap:1rem;}
.ass_card_utill ul li {font-size:1.4rem; color:#1F4BAF; display: flex; align-items: center;}
.ass_card_utill ul li:first-child {background: #1F4BAF; color:#fff !important; padding: 1rem; border-radius: 0.5rem;}
.ass_card_title h2 {font-size: 1.8rem; padding: 2rem 0rem; font-weight: bold; line-height: 2.5rem;}
.assignment_total {padding: 2rem 0rem;}
.assignment_total p {font-size: 1.6rem;}
.assignment_total strong {color: #0f75ff; padding: 0rem 1rem;}
.ass_card_text_wrap {display: flex; flex-wrap: wrap; gap:1.5rem;}
.ass_card_text_box {font-size: 1.4rem; width: 100%;}
.ass_card_text_box strong {width: 10rem; display: inline-flex;}
.ass_card_text_box strong:before {content: "\e9b1"; font-family: "xeicon"; color:#dfe7ff; margin-right: 1rem;}
.ass_card_text_box b {color:red; margin-left:1rem;}
.ass_card_situation {display: block;}
.ass_card_choicebtn {text-align: center; margin-top: 2.5rem;}
.ass_card_choicebtn a {display: inline-block; background: #3c81e9; border-radius: 10rem; padding: 1rem 7rem; color:#fff; font-size:1.6rem; font-weight: 600;}
.assignment_card_wrap .assignment_card:hover {border-color: #1F4BAF; animation:iconbtn 1s ease;}
.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;}

.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;}
/* 탭 영역 */
.sub_tab_box_1type ul {display: flex;}
.sub_tab_box_1type ul li {position: relative; width: 100%; margin-left:-0.1rem;}
.sub_tab_box_1type ul li button {background: #f8f8f8; display: block; width: 100%; padding: 2rem 0rem; font-size: 1.6rem; border:0.1rem solid #D1D1D1; margin-left:-0.1rem;}
.sub_tab_box_1type ul li.active button {background:none !important;font-weight: 600;color:#fff !important;font-size: 1.8rem;position: relative;z-index: 59;border:none;}
.sub_tab_box_1type ul li.active:after {content: "";position: absolute;top: -0.5rem;left: -0.4rem;width: calc(100% + 0.4rem);height: 7rem;box-shadow: 1rem 1rem 2rem 0 rgba(0, 107, 222, 0.2);background: linear-gradient(95deg, #009f9a, #006eb8);border-radius: 0.6rem;z-index: 25;}
.sub_tab_box_1type ul li button:hover {background: #dbdbdb; color:#111111;}


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


@media screen and (max-width: 1024px){
.base_search {flex-direction: column;}
.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;}
.new_greneral #sub_left_menu_wrap {display: none;}
.new_greneral .sub_contents {padding: 3rem !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;}
}