@charset "utf-8";

/* 서브 타이틀 영역 */
.sub_con_box {padding:1rem 0rem;margin-bottom: 0rem !important;}
.sub_con_title_wrap {/* background:url("../images/sub/sub_bg.jpg"); */padding: 2rem 3rem;background-size: cover;background: #f9f9f9;border-bottom: 0.1rem solid #efefef;}
.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;text-align: center;padding: 0rem 3rem;}
.sub_con_title h1 {padding: 1rem 0rem 1.5rem 0rem;font-size: 3rem;color: #232731;}
.sub_con_title p {font-size: 1.6rem;font-weight: 400;color: #212121;letter-spacing: 0rem;}
.sub_con_wrap {overflow: hidden;}

#sub_contents_wrap {background: #fbfbfb;}
.sub_contents {max-width: 140rem; margin:0 auto; padding: 1rem 2rem;}

/* 탭 영역 */
.sub_tab_box_1type ul {display: flex;}
.sub_tab_box_1type ul li {position: relative; width: 100%; margin-left:-0.1rem; border:none;}
.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: #0364c9;border-radius: 0.6rem;z-index: 25;}
.sub_tab_box_1type ul li button:hover {background: #dbdbdb; color:#111111;}
.sub_tab_box_1type ul .active button:after {display: none;}


/* 개인정보 처리 방침*/
.per_info_link {position: relative; border:5px solid #f0f2fe; padding: 25px 30px; background: url("../images/sub/per_info_link_bg.png") 100% 100% no-repeat;}
.per_info_link h2 {margin-bottom: 2rem;}
.per_info_link h2 span {position: relative; font-size:20px; z-index: 99; padding: 1px 10px;}
.per_info_link h2 span:before {content: ""; background: #eef5ff; display: block; width: 100%; height: 60%; position: absolute; top:15px; z-index: -1;}
.per_info_link p {font-size: 1.6rem;padding: 0.5rem 0rem;/* margin-top:10px; */}
.per_info_link a {background: #083197; color:#fff; padding: 4px 20px 7px 20px; display: inline-flex;align-items: center; margin-top: 10px; font-size: 16px;}
.per_info_link a:hover {background: #111111;}
.per_info_link a i {margin-left:5px; font-size: 25px; }
.per_info_text {position: relative;}
.per_info_link:before {position: absolute; content: ""; top:-5px; left:-5px; width: 40px; height: 5px; background: #083197;}
.per_info_link:after {position: absolute; content: ""; top:-5px; left:-5px; width: 5px; height: 40px; background: #083197;}
.per_info_text:before {position: absolute; content: ""; bottom:-30px; right:-36px; width: 40px; height: 5px; background: #083197;}
.per_info_text:after {position: absolute; content: ""; bottom:-30px; right:-36px; width: 5px; height: 40px; background: #083197;}
.info_consent {padding: 0.5rem 2rem 1rem 2rem;background: #f0f2fe;display: flex;justify-content: center;}
.info_consent .form_check { display: flex; align-items: center;}
.info_consent label {font-size: 1.5rem; font-weight: 500;}
.chip-radio1 {position: relative;display: flex;align-items: center;padding: 0.5rem 3.5rem 0.5rem 5rem;background: #fff !important;justify-content: flex-start;margin: 0rem 0.5rem;color: #4f4444;border-radius: 10rem;border:0.2rem solid #f0f2fe;}
.chip-radio1 label {font-size: 1.6rem;}
.chip-radio1 input {display: none;}
.chip-radio1.active {color: #ffffff;font-weight: bold;background: #2867db !important;}
.chip-radio1.active:after {color:#ffffff !important;}
.chip-radio1:after {content: "\e92c";font-family: "xeicon";font-size: 2.5em;color: #7f7f7f;/* position: absolute; */margin-left: 1rem;/* right: 0rem; */font-weight: normal;}
.chip-radio1:hover {border:0.2rem solid #2867db;}
.privacy-content {white-space: pre-wrap; word-wrap: break-word; width: 100%;padding: 10px; line-height: 1.5; font-size: 1.6rem;}

/* 신청폼 */
.sub_area_dvide {padding: 3rem;/* background: #fff; *//* box-shadow: 3px 3px 9px 0px #cecece; */}
.response_writing_area {background: #fbfbfb;padding: 0rem;gap: 2rem;display: flex;flex-direction: column;}
.response_add .choice_text_con {padding:0rem;}
.file_none {text-align: right;padding: 0rem 1rem;}
.file_none button {/* border:1px solid red; */background: #f3f3f3;padding: 0.5rem 2rem;border-radius: 0.5rem;}
.response_add .choice_text_radio ul li:before,
.response_add .choice_text_check ul li:before,
.response_add .choice_text_short ul li:before,
.response_add .choice_text_long ul li:before {display: none}

.response_add .re_wr_box li {padding: 1.3rem 0rem;}
.response_add .re_wr_box li textarea {height: 10rem;padding: 2rem;}
.response_add .choice_text_radio ul li,
.response_add .choice_text_check ul li,
.response_add .choice_text_short ul li,
.response_add .choice_text_long ul li {padding-left:0rem;}

.response_add {margin-top: 3rem;}
.response_add input {padding: 1rem 2rem !important;}
.response_add .re_wr_box {border: 1px solid #e7e7e7;padding: 1.5rem 3rem;}
.response_add .choice_sel_box h3 {/* border:1px solid red; */font-size: 1.3rem;background: #f0f2fe;padding: 0.5rem 2rem;border-radius: 10rem;color: #5b54b5;}
.response_add .choice_text_title {/* border:1px solid red; */font-size: 1.6rem;font-weight: 600;padding-top: 1rem;color: #112735;}
.response_add .choice_text_title span {font-size: 1.3rem;font-weight: normal;color: #d53737; padding-left:1rem;}
.online_divide {display: flex; align-items: center; gap:1%;}
.online_divide input {max-width: 20rem;}
.online_divide select {max-width: 20rem;}
.response_table {box-shadow: 3px 3px 9px 0px #cecece; border-radius: 0.5rem; padding: 3rem;}
.red_text {font-size: 1.3rem;font-weight: normal;color: #d53737; padding-left:1rem;}
/* 신청내역 조회 */
.reception_cnt {padding: 2rem; box-shadow: 3px 3px 9px 0px #cecece; margin-bottom: 3rem;}
.reception_cnt ul {display: flex;gap:1rem;}
.reception_cnt ul li {width: 100%;}
.reception_cnt ul li span {display: block;text-align: center;font-size: 1.6rem;padding: 1rem;background: #1a5d85;color:#fff;}
.reception_cnt ul li > div {border: 1px solid #1a5d85;display: flex;background-color: #fff !important;padding: 15rem 3rem 3rem 3rem;gap: 1rem;align-items: center;}
.reception_cnt ul li:first-child div {background: url("../images/sub/reception_cnt1.png") 50% 15% no-repeat;}
.reception_cnt ul li:last-child div {background: url("../images/sub/reception_cnt2.png") 50% 15% no-repeat;}
.reception_cnt ul li > div input {width: 80%;margin:0 auto;padding: 1rem;font-weight: bold;}
.reception_cnt ul li > div select {width: 80%;margin:0 auto;padding: 1rem;font-weight: bold;}
.reception_cnt b {font-size: 2rem;color: #959595;/* padding: 1rem 0rem; */}

/* 나의 온라인접수 내역 영역 */
.sub_online_history_title {border: 0.1rem solid #e5e5e5;padding: 4.7rem 3rem;border-radius: 0.5rem;margin-bottom: 2rem;background: url("../images/sub/per_info_link_bg.png") 100% 100% no-repeat;box-shadow: rgba(60, 70, 92, 0.2) 0px 1rem 1.6rem;background-size: 54rem;}
.sub_online_history_title h2 {font-size: 2.5rem;color: #2b64c9;}
.sub_online_history_title p {font-size: 1.6rem;padding: 1rem 0rem;}
.sub_online_history {}
.sub_online_history {display:flex;flex-wrap: wrap;gap: 1%;padding: 3rem;border-radius: 0.5rem;border: 0.1rem solid #f1f1f1;box-shadow: 0 1rem 1.6rem rgba(60, 70, 92, 0.2); margin-bottom: 3rem;}
.sub_online_history > div {width: 100%;position: relative;margin-bottom: 1rem;/* height: 15rem; */padding: 2rem 2rem 2rem 2rem;/* margin: 0.5rem; */border: 0.2rem solid #f2f2f2;border-radius: 0.5rem;/* box-shadow: 0.1rem 0.1rem 0.3rem 0rem #e0e0e08f; */transition: all 0.3s;/* background: #ffffff url("../images/main/box_img1.jpg") 98% 1rem no-repeat; */background-size: 3rem;}
.sub_online_history div a {display: block; height: 100%;}
.sub_online_history div:hover {box-shadow:0 1rem 1.6rem rgba(60, 70, 92, 0.2); border:0.2rem solid #1067e6; animation:iconbtn 1s ease;}
.sub_online_history div:hover strong,
.sub_online_history div:hover span {color:#1f4baf;}
.sub_online_history div a strong,
.sub_online_history div a span {display: block; line-height:2rem;}
.sub_online_history div a i {margin-right: 0.5rem;}
.sub_online_history .slide_title {font-size: 1.6rem;font-weight: 500;padding: 0.7rem 0rem;vertical-align: middle;width: 85%;line-height: 2.2rem;overflow: hidden;text-overflow: ellipsis;word-break: keep-all;color: #0d284c;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 4rem;}
.sub_online_history .slide_text {font-size:1.4rem; padding:1rem 0rem; color:#5e5e5e; display:block;width:100%;vertical-align: middle; line-height: 2rem;overflow: hidden;text-overflow: ellipsis;word-break:break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 3.3rem}
.sub_online_history .slide_year {display: flex;/* margin-top: 1rem; */align-items: center;/* padding: 0.3rem 0rem; */justify-content: flex-start;/* border-top:0.1rem solid #dfdfdf; */}
.sub_online_history .slide_year b {color: red;font-size: 1.4rem;margin-left:0.5rem;display: block;margin-bottom: 0.1rem;}
.sub_online_history .slide_year strong {font-size: 1.5rem;font-weight: 400;display: flex;color: #07182f;align-items: center;justify-content: center;padding: 0rem 0rem;}
.sub_online_history .slide_year strong:before {content: "";background: url("../images/main/cal_img.jpg") 0% 50% no-repeat;width: 2rem;height: 2.1rem;background-size: 1.5rem;margin-right: 0.3rem;}
.sub_online_history .s_app_box {display: inline-flex;padding: 0.3rem 1rem;background: #f0f3ff;font-size: 1.3rem;border-radius: 0.5rem;color:#1067e6;font-weight: bold;}
.sub_online_history .s_app_box {position: absolute; top: 50%; right: 2rem; transform: translate(0%, -50%); display: flex; flex-direction: column; justify-content: center; padding: 1rem 3rem !important; align-items: center; box-shadow: 0.1rem 0.1rem 0.6rem 0rem #dfe2ed; border-radius: 1rem;}
.sub_online_history .s_app_box img {width: 3rem;}
.sub_online_history .s_app_box span {font-size: 1.8rem;}
.sub_online_history > div a p:first-child  {background: #ffeded; color: #b14d4d;}
.sub_online_history  p {display: inline-flex;padding: 0.3rem 1rem;background: #f0f3ff;font-size: 1.3rem;border-radius: 0.5rem;color:#1067e6;font-weight: bold;}
.s_app_off {filter: grayscale(100%); background: #f4f4f4;}
.s_app_off p {background: #e7e7e7;}

/* 대민_온라수접수 비밀번호 찾기 */
.online_find_pass {border: 0.1rem solid #e5e5e5;padding: 3rem 3rem;border-radius: 0.5rem;margin-bottom: 2rem; box-shadow: rgba(60, 70, 92, 0.2) 0px 1rem 1.6rem;background-size: 54rem; max-width: 80rem; margin:0 auto; text-align: center;}
.online_find_pass_title h2 {font-size: 2.5rem;color: #2b64c9; background: url("../images/main/main_login_img.png") 50% 0% no-repeat; padding:14rem 0rem 0rem 0rem;}
.online_find_pass_title p {font-size: 1.6rem;padding: 1rem 0rem;}
.o_find_pass_info {padding: 2rem; background: #f7f7f7; border:0.1rem solid #f3f3f3; display: flex; flex-direction: column; gap:1rem; margin: 2rem;}
.o_find_pass_info div {display: flex; align-items: center; gap:1rem; justify-content: center;}
.o_find_pass_info div input {padding: 1.5rem;}
.o_find_pass_info div select {padding: 1.5rem;}
.o_find_pass_info div b {font-size: 2rem; color: #6d6d6d;}
.o_f_p_info_btn  {margin-top: 1rem;}
.o_f_p_info_btn button {max-width: 20rem; padding: 1.5rem 1rem; background: #1f6beb;  width: 100%; border-radius: 10rem; color:#fff; font-size: 1.4rem; font-weight: bold;}
.o_f_p_info_btn button:hover {background:#121B7F;}
.o_f_p_info_btn a {max-width: 20rem;padding: 1.5rem 1rem;background: #1f6beb;width: 100%;border-radius: 10rem;color:#fff;font-size: 1.4rem;font-weight: bold;display: block;margin: 0 auto;}
.o_f_p_info_btn a:hover {background:#121B7F;}
.o_find_pass_certify { padding: 2rem; margin:2rem; background: #eaf0ff; border:0.1rem solid #dbe2f1;}
.o_f_p_certify_title {}
.o_f_p_certify_title h3 {font-size: 2rem;}
.o_f_p_certify_title p {font-size: 1.4rem; padding: 1rem 0rem}
.o_f_p_certify_number input {padding: 1rem;font-size: 2rem;color: #000000;font-weight: bold;text-align: center;letter-spacing: 0.5rem;max-width: 23rem;}
.o_f_p_certify_number input::placeholder {padding: 1rem; font-size: 2rem; color: #cecece; font-weight: bold; text-align: center;}
.certify_failure {padding: 1rem;margin-top: 0.5rem;}
.certify_failure strong{background: #fbe0e0;font-size: 1.4rem;color: red;line-height: 2rem;font-weight: bold;padding: 0.5rem 1rem;}

/* 파일 업로드 영역 */
.online_uploader {}
.online_uploader_btn {background: url("../images/sub/step_img03.png") 1.5rem 50% no-repeat; padding: 0.5rem 0rem 0.5rem 10rem;}
.online_uploader_btn a {display: block; background: #3b4151; max-width: 20rem; text-align: center; padding: 1rem; border-radius: 0.5rem; color: #fff; margin:1rem 0rem;}
.online_uploader_btn a:hover {background: #0a408f;}
.online_uploader_list {padding: 1rem 2rem; border:0.1rem solid #cecece; border-radius: 0.5rem; background: #fbfbfb;}
.online_uploader_list ul li {font-size: 1.3rem; display: flex;}
.online_uploader_list ul li:before {content: "\ea89"; font-family: "xeicon"; font-size: 1.6rem; margin-right: 0.5rem;}
.online_uploader_list button {display: flex;align-items: center;/* background: #3b4151; */border: 0.1rem solid #857e7e;border-radius: 0.5rem;padding: 0.3rem 1rem;color: #594e4e;}
.online_uploader_list button:hover {background: #ffffff;border-color: #3864f2;color: #3864f2;}

.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:linear-gradient(90deg, rgba(56,100,242,1) 0%, rgba(6,184,207,1) 100%);; 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;}

.manual_view_btn {position: absolute;top:0rem;right: 0rem;background: url("../images/sub/manual_view_img.png") 0% 50% no-repeat;padding: 1rem 1rem 1rem 7rem;}
.manual_view_btn strong {font-size: 1.5rem;color:#0b43a9;padding: 0.2rem 0rem;display: block;}
.manual_view_btn p {font-size: 1.3rem; color:#212121; padding: 0.2rem 0rem; display: block;}
.manual_view_btn a {font-size: 1.3rem;display: block;background: #0b43a9;color:#fff;padding: 0.3rem 2rem;border-radius: 0.5rem;font-weight: bold;text-align: center;}
.manual_view_btn:hover a {background: #00153D;}

.o_find_pass_info .simplePassMeter {justify-content:flex-start; text-align: left; }
.o_find_pass_info .simplePassMeterBar {justify-content: flex-start;}

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

/* 20250630 서브_목록 추가 */
.new_online_list tr th {padding: 2rem; font-size: 1.6rem;}
.new_online_list .list_text_box {text-align: left; padding: 1rem;}
.jc_start {justify-content: flex-start !important;}
.new_online_list .list_text_box > div {display: flex; gap:2rem; justify-content: flex-start;}
.new_online_list .list_text_box > div span {position: relative; display: block;}
.new_online_list .list_text_box > div span::after {content: ""; position: absolute; top:50%; right:-1.1rem; transform: translate(0%,-50%); width: 0.2rem; height: 50%; background: #555555;}
.new_online_list .list_text_box > div span:last-child::after {display: none;}
.new_online_list .list_text_box a {font-size: 1.7rem; padding-top: 0.5rem; display: block; line-height: 2.5rem; font-weight: bold;}
.new_online_list .list_text_box a:hover {color: #3864f2;}
.new_online_list b {font-size: 1.6rem; font-weight: bold; color:#0b43a9;}
.file_whether button {font-size: 2rem; transform: rotate(40deg);}
.file_whether button:hover {font-size: 2rem; color:#3864f2;}
.register_whether {display: inline-flex; flex-direction: column; align-items: center;}
.register_whether span {font-size: 1.5rem;}
.register_whether p {font-size: 1.6rem; width: 100%; max-width: 10rem; margin-top: 1rem; padding: 0.7rem 0rem; border-radius: 0.4rem; color:#fff;}
.re_bg_gray {background: #545454;}
.re_bg_red {background: #c72535;}
.re_bg_green {background: #00a188;}

.sr-only {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0;}
.new_online_list_search {margin: 20px auto; padding: 15px;  border: 1px solid #e0e0e0;  border-radius: 8px;  background-color: #f9f9f9;  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);}
.search-bar-container {display: flex; justify-content: space-between; align-items: center;}
.total-info {width: 50%; display: flex; gap:1rem; align-items: center;}
.total-info span {font-size: 1.4rem;}
.total-info span em {color:#0d44aa;}
.search-input-group {display: flex; align-items: center; width: 50%; gap:1rem;}
.search-input-group select {height: 4rem;width: 20%;min-width: 11rem;}
.search-input-group input {height: 4rem; width: 100%; max-width: 100rem;}
.new_online_list_search .search-button {background: #0d44aa; width: 100%; max-width: 10rem; height: 4rem; color:#fff; font-size: 1.5rem; font-weight: bold;}
.new_online_list_search .search-button:hover {background: #020E23;}

.receipt_status_box {display: flex; align-items: center; gap:0rem;}
.receipt_status_box button {}
.receipt_status_box button span {position: relative; display: block; font-size: 1.4rem; min-width: 7rem; padding: 0.5rem; border-radius: 0.3rem; font-weight: 600;}
.receipt_status_box button:nth-child(1) span {border:0.1rem solid #c72535; color:#c72535;}
.receipt_status_box button:nth-child(2) span {border:0.1rem solid #00a188; color:#00a188;}
.receipt_status_box button:nth-child(3) span {border:0.1rem solid #545454; color:#545454;}
.receipt_status_box button:nth-child(1):hover span {border:0.1rem solid #c72535; color:#FFFFFF; background: #c72535;}
.receipt_status_box button:nth-child(2):hover span {border:0.1rem solid #00a188; color:#FFFFFF; background: #00a188;}
.receipt_status_box button:nth-child(3):hover span {border:0.1rem solid #545454; color:#FFFFFF; background: #545454;}
.receipt_status_box button.re_st_active:nth-child(1) span {background: #c72535; color:#FFFFFF; padding-right: 1.5rem;}
.receipt_status_box button.re_st_active:nth-child(2) span {background: #00a188; color:#FFFFFF; padding-right: 1.5rem;}
.receipt_status_box button.re_st_active:nth-child(3) span {background: #545454; color:#FFFFFF; padding-right: 1.5rem;}
.receipt_status_box button.re_st_active:nth-child(1) span::after,
.receipt_status_box button.re_st_active:nth-child(2) span::after,
.receipt_status_box button.re_st_active:nth-child(3) span::after {content: "\e92c"; font-family: "xeicon"; font-size: 1.8rem; font-weight: normal; position: absolute; top:48%; right: 0.5rem; transform: translate(0%,-50%);}
.f15_bold {font-size: 1.5rem; font-weight: 500}

@media screen and (max-width: 1200px){
}

@media screen and (max-width: 1024px){
.per_info_link {background: none;}
.register_whether {align-items: flex-start; text-align: center;}
.search-bar-container {flex-direction: column;}
.search-input-group {flex-direction: column; width: 100%;}
.search-input-group select {height: 4rem; width: 100%; max-width: inherit;}
.search-input-group input {height: 4rem; width: 100%; max-width: inherit;}
.new_online_list_search .search-button {max-width: inherit;}
.new_online_list_search {padding: 3rem;}
.total-info {width: 100%; padding-bottom: 2rem;}
}

@media (max-width: 768px) {
.o_find_pass_info div {flex-direction: column;}
.o_find_pass_info div b {display: none;}
.sub_online_history_title {background: none; text-align: center; padding: 1.7rem 3rem;}
.sub_online_history .s_app_box {position: static; transform: translate(0%,0%); margin-top: 2rem;}
.sub_online_history .slide_title {width: 100%;}
.online_divide {flex-direction: column;gap: 0.6rem;margin: 1rem 0rem;}
.online_divide b {display: none;}
.online_divide input {width: 100%; max-width: none;}
.online_divide select {width: 100%; max-width: none;}
.red_text {display: block;}
#txtPwd {width: 100% !important;}
}
@media (max-width: 600px) {
.total-info {flex-direction: column;}
}