@charset "UTF-8";

@media screen and (max-width:1500px){
	/* 라벨링 및 목차*/
	.labeling .label_box .list_txt_group {left:0;transform:translateX(0)}
	.labeling .label_box .list_txt_group::before {left:8.5dvw}
	.labeling .label_box:nth-child(5n) .list_txt_group {left:auto;right:0}
	.labeling .label_box:nth-child(5n) .list_txt_group::before {left:auto;right:8.5dvw;transform:translateX(50%)}
}

@media screen and (max-width:1400px){
	/* 서브 공통 */
	.sub_cont {padding:40px 0 50px 0}
	.wrapper .sub_cont {margin:0 1.5%}
	.bd_box {padding:30px}
	
	.gallery_list.sty2 .list_box .link .summary {font-size:0.95em}
}

@media screen and (max-width:1280px){
	/* 서브 공통 */
	.sub_tit {font-size:32px}
	.page_tit {margin-bottom:15px;font-size:21px}
	.cont_tit {margin-bottom:10px;font-size:19px}
	.sub_cont {padding:35px 0 40px 0}
	.sub_cont .sub_tit {margin-bottom:20px}
	.page_gap {margin-bottom:30px}
	.page_gap.dash {padding-bottom:30px}
	.scroll_box {height:180px;padding:12px}
	.sub_top_sbj {margin:40px auto 48px auto}
	
	/* 약관 */
	.policy .btn_toggle {padding:15px}
	.policy .btn_toggle::after {width:52px;font-size:1.4em}
	.policy .label_tit {width:calc(100% - 50px)}
	.policy .label_tit .icon {font-size:1em;vertical-align:baseline;transform:translateY(1px)}
	.policy .policy_list {margin-top:30px}

	/* 라벨링 및 목차*/
	.labeling .toggle {padding:15px}
	.labeling .inner {gap:15px}
	.labeling .label_box {width:calc(100% / 5 - 12px)}
	.labeling .label_box .img img {width:68px}
	.labeling .label_box .list_txt_group {padding:15px 18px;top:calc(50% + 90px)}

	/* 서브 탑 타이틀 */
	.sub_top_sbj .tit {font-size: 2.0em;}
	.sub_top_sbj .sbj {font-size: 1.0rem;}

	/* 갤러리형 게시판 -> 지원사업소개 */
	.gallery_list.sty2 .list_inner {gap:42px 21px}
	.gallery_list.sty2 .list_box {width:calc(100% / 3 - 14px)}
	.gallery_list.sty2 .list_box .link .tag {left:12px;top:12px}
	.gallery_list.sty2 .list_box .link .txt_area {padding:15px 20px 12px 20px}
	.gallery_list.sty2 .list_box .link .subject {height:30px;margin-bottom:12px;font-size:1.38em}
	.gallery_list.sty2 .list_box .link .summary {height:85px}
	.gallery_list.sty2 .list_box .gallery_btn_area {margin-top:10px}
	
	.sign_grid .sign_box {width:170px;height:68px}
	
	/* 경영개선자금 지원 신청항목, 사진 업로드 */
	.add_cell_grid .col .top_box {padding:8px 15px}
	.add_cell_grid .col .cont_box {padding:15px}
	.add_cell_grid .col .cont_box .inp_obj {gap:8px}
	.add_cell_grid .col .cont_box .inp_li .input {padding-left:12px}
	.add_cell_grid .col .cont_box .inp_li .text {padding-right:12px}
	.add_cell_grid .col .cont_box .dl {column-gap:15px;margin-top:15px}
	.add_file_photo .file_grid {gap:8px}
	.add_file_photo .file_grid .tit_box {column-gap:3px}
	.add_file_photo .file_grid .tit_box .text {width:calc(100% - 28px);font-size:13px}
	.add_file_photo .txt_grid {margin-top:10px}
	/*.add_photo_text .cell_wrap .row {gap:12px}
	.add_photo_text .cell_wrap .txt_cell {width:calc(100% - 277px)}
	.add_photo_text .cell_wrap .photo_cell .btn_custom {bottom:15px}*/
	
	/* 취업바우처 카드 교육이수정보 */
	.add_board_list .add_table .s2 {width:16%}
	.add_board_list .add_table .s4 {width:52px}
	
	.sticky_obj {padding:18px 0}
	.sticky_obj .container {flex-wrap:wrap;row-gap:10px}
}

@media screen and (max-width:1080px){
	/* 서브 공통 */
	.sub_tit {font-size:28px}
	.page_tit {margin-bottom:12px;font-size:20px}
	.cont_tit {font-size:18px}
	.sub_cont {padding:30px 0 35px 0}
	.wrapper .sub_cont {margin:0 12px}
	.bd_box {padding:25px}
	.bd_box.sm {padding:12px}
	
	/* 약관 */
	.policy .label_tit {font-size:1.1em}
	.policy .btn_toggle::after {font-size:1.2em}
	.policy .policy_list .list_tit {font-size:1.15em}
	.policy .policy_list .list_tit .label_img {width:34px}
	.policy .policy_list .pl_list_txt.ic .num {width:19px;height:19px;font-size:11px;line-height:21px}
	.policy .policy_list .pl_list_txt.ic > .text {width:calc(100% - 26px)}
	.policy .policy_list .table th, 
	.policy .policy_list .table td {padding:7px;line-height:1.45}

	/* 라벨링 및 목차*/
	.labeling .toggle {padding:10px 12px 12px 12px}
	.labeling .inner {gap:12px;margin-top:8px}
	.labeling .label_box {width:calc(100% / 4 - 9px)}
	.labeling .label_box .hover {padding:15px 10px}
	.labeling .label_box .img {margin-bottom:10px}
	.labeling .label_box .img img {width:60px}
	.labeling .label_box .list_txt_group {width:calc(100% + 180px);padding:12px 15px;top:calc(50% + 75px)}
	.labeling .label_box .list_txt_group::before {left:11dvw}
	.labeling .label_box:nth-child(5n) .list_txt_group {left:auto;right:0}
	.labeling .label_box:nth-child(5n) .list_txt_group::before {left:11dvw;right:auto;transform:translateX(-50%)}
	.labeling .label_box:nth-child(4n) .list_txt_group {left:auto;right:0}
	.labeling .label_box:nth-child(4n) .list_txt_group::before {left:auto;right:11dvw;transform:translateX(50%)}

	/* 갤러리형 게시판 -> 지원사업소개 */
	.gallery_list.sty2 .list_inner {gap:26px 12px}
	.gallery_list.sty2 .list_box {width:calc(100% / 3 - 8px)}
	.gallery_list.sty2 .list_box .link {border-radius:16px}
	.gallery_list.sty2 .list_box .link .img_area {border-radius:0 0 16px 16px}
	.gallery_list.sty2 .list_box .link .txt_area {padding:12px 15px 10px 15px}
	.gallery_list.sty2 .list_box .link .subject {height:24px;margin-bottom:10px;font-size:1.25em}
	.gallery_list.sty2 .list_box .gallery_btn_area {margin-top:8px;padding:7px}
	.gallery_list.sty2 .list_box .gallery_btn_area li .btn {padding:0;font-size:1em}
	
	.app_wrap .input_form {}
	.app_wrap .input_form .table table {display:block;}
	.app_wrap .input_form .table colgroup {display:none} 
	.app_wrap .input_form .table tr {display:block}
	.app_wrap .input_form .table th {display:block;border-right:0}
	.app_wrap .input_form .table td {display:block}
	.app_wrap .input_form .table thead {display:none}
	.app_wrap .input_form .table thead th {}
	.app_wrap .input_form .table tbody {display:block}
	.app_wrap .input_form .table tbody th {}
	.app_wrap .input_form .table tbody td {border-right:0} 
	.app_wrap .input_form .table tbody th.last, 
	.app_wrap .input_form .table tbody td.last, 
	.app_wrap .input_form .table tbody tr:last-child td:last-child {border-bottom:0}
	.app_wrap .input_form .table .mbdb0 {border-bottom:0 !important}
	.app_wrap .input_form .table .inp_btn {margin-bottom:5px}
	.app_wrap .input_form .table .inp_btn .f2 {width:calc(100% - 22px)}
	.app_wrap .input_form .table .inp_btn .f3 {width:90px;min-width:inherit}
	.app_wrap .input_form .table .inp_btn .f4 {width:calc(100% - 126px)}
	
	.application .board_list.scrolled td { padding: 9px 5px; }
	.application .table tbody td.add_box input.mxw {width:calc(100% / 2 - 32px);max-width:inherit}
	.application .history_item {margin-bottom:8px;padding:12px 15px}
			
	/* 경영개선자금 지원 신청항목, 사진 업로드 */
	.add_cell_grid .col .cont_box .inp_obj {flex-wrap:wrap}
	.add_cell_grid .col .cont_box .inp_li {flex:none;width:calc(100% / 3 - 6px)}
	.add_cell_grid .col .cont_box .inp_li.f1, 
	.add_cell_grid .col .cont_box .inp_li.f2, 
	.add_cell_grid .col .cont_box .inp_li.f3 {flex:none}
	.add_file_photo .file_grid {flex-wrap:wrap}
	.add_file_photo .file_grid .bundle {flex:none;width:calc(100% / 3 - 6px)}
	/*.add_photo_text .cell_wrap .row {gap:8px}
	.add_photo_text .cell_wrap .photo_cell {width:182px}
	.add_photo_text .cell_wrap .photo_cell .btn_custom {width:calc(100% - 20px);bottom:10px}
	.add_photo_text .cell_wrap .txt_cell {width:calc(100% - 249px)}*/
	
	/* 취업바우처 카드 교육이수정보 */
	.add_board_list .add_table .tr {display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px;padding:15px;border:1px solid #eee;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,0.1)}
	.add_board_list .add_table .td {display:flex;align-items:center;gap:7px;width:calc(50% - 5px);padding:0}
	.add_board_list .add_table .s1 {width:calc(50% - 5px)}
	.add_board_list .add_table .s2 {width:100%}
	.add_board_list .add_table .s3 {width:100%}
	.add_board_list .add_table .s4 {justify-content:right;width:100%}
	.add_board_list .add_table .thead {display:none}
	.add_board_list .add_table .tbody .tr {border-bottom-color:#eee}
	.add_board_list .add_table .tbody .btn_small {width:auto;min-width:50px}
	.add_board_list .add_table .label_txt {display:inline-block;width:auto;height:auto;font-size:1em;color:var(--colorGray90);font-weight:500;text-indent:inherit;position:relative;left:auto;top:auto;overflow:inherit}
	.add_board_list .btn_add_cell {padding:13px;border:1px solid var(--colorBorderGray);border-radius:6px}
	.add_board_list .btn_add_cell:hover, 
	.add_board_list .btn_add_cell:focus {border-color:var(--colorMain)}
	
	/* 신청항목 추가 체크 신청폼 */
	.toggle_field .toggle_head {display:block;padding:12px}
	.toggle_field .toggle_head .tit {font-size:1.1em}
}

@media screen and (max-width:767px){
	/* 서브 공통 */
	.sub_tit {font-size:23px}
	.page_tit {margin-bottom:10px;font-size:18px}
	.page_tit .s_txt {font-size:0.875rem}
	.page_tit_box {display:grid;gap:4px 0;margin-bottom:10px}
	.cont_tit {font-size:17px}
	.sub_cont {padding:20px 0 30px 0}
	.sub_cont .sub_tit {margin-bottom:15px}
	.page_gap {margin-bottom:25px}
	.page_gap.dash {padding-bottom:25px}
	.scroll_box {height:150px;padding:10px}
	.bd_box {padding:20px}
	.bd_box.mxw {max-width:540px}
	.bd_box.flex_box > div { flex:1 0 100%;}
	.wrapper .sub_cont {margin:0}

	/* 약관 */
	.policy .btn_toggle {padding:13px 10px}
	.policy .btn_toggle::after {width:45px;font-size:1em}
	.policy .label_tit {width:calc(100% - 45px);font-size:1em}
	.policy .policy_list {margin-top:25px}
	.policy .policy_list .pl_list_txt.ic .num {width:18px;height:18px;font-size:10px;line-height:18px}
	.policy .policy_list .pl_list_txt.ic > .text {width:calc(100% - 25px)}
	.policy .policy_list .pl_list_txt2 {margin-bottom:13px}
	.policy .policy_list .table th, 
	.policy .policy_list .table td {font-size:0.9em;line-height:1.35}

	/* 라벨링 및 목차*/
	.labeling .inner {gap:9px}
	.labeling .label_box {width:calc(100% / 3 - 6px)}
	.labeling .label_box .hover {padding:12px 5px}
	.labeling .label_box .img img {width:50px}
	.labeling .label_box .list_tit {padding:0}
 	.labeling .label_box .list_txt_group {width:calc(100dvw - 52px);top:calc(50% + 65px)}
	.labeling .label_box .list_txt_group::before {left:14dvw}
	.labeling .label_box:nth-child(5n) .list_txt_group, 
	.labeling .label_box:nth-child(4n) .list_txt_group {left:0;right:auto}
	.labeling .label_box:nth-child(5n) .list_txt_group::before, 
	.labeling .label_box:nth-child(4n) .list_txt_group::before {left:14dvw;right:auto;transform:translateX(-50%)}
	.labeling .label_box:nth-child(3n) .list_txt_group {left:auto;right:0}
	.labeling .label_box:nth-child(3n) .list_txt_group::before {left:auto;right:14dvw;transform:translateX(50%)}
	.labeling .label_box:nth-child(3n - 1) .list_txt_group {left:50%;transform:translateX(-50%)}
	.labeling .label_box:nth-child(3n - 1) .list_txt_group::before {left:50%}

	.article .article_list {font-size:0.95em}
	.article .article_list .a_box .num {width:38px}
	.article .article_list .a_box .text {width:calc(100% - 38px);padding:8px 10px}
	.article .article_list .a_box .link:hover .text, 
	.article .article_list .a_box .link:focus .text {text-underline-offset:3px}

	/* 서브 탑 타이틀 */
	.sub_top_sbj {  margin: 30px 0;}
	.sub_top_sbj .tit {font-size:1.8em}
	.sub_top_sbj .sbj { margin: 8px 0 0;font-size: 0.95rem }

	/* 갤러리형 게시판  -> 지원사업소개 */
	.gallery_list.sty2 .list_inner {gap:24px 12px}
	.gallery_list.sty2 .list_box {width:calc(100% / 2 - 6px)}
	.gallery_list.sty2 .list_box .link .txt_area {padding-bottom:12px}
	.gallery_list.sty2 .list_box .link .subject {font-size:1.15em;white-space:nowrap}
	.gallery_list.sty2 .list_box .link .info_obj .info_txt {display:block;margin:0 0 8px 0}
	.gallery_list.sty2 .list_box .link .info_obj .info_txt:last-child {margin-bottom:0}
	.gallery_list.sty2 .list_box .link .s_sbj {height:18px;font-size:0.87em}
	.gallery_list.sty2 .list_box .link .summary {height:100px;font-size:0.92em}
	.gallery_list.sty2 .list_box .gallery_btn_area li .btn {font-size:0.95em}
	
	/* 사업신청 테이블 변경
	.table_inner_box { display: block; }
	.table_inner_box tbody { display: block; }
	.table_inner_box tr { display: block; }
	.table_inner_box th  { display: block; }
	.table_inner_box td  { display: block; } */
	
	/* 25-11-25 추가 
	.application .tb_fixed colgroup {display:none}
	.application .tb_fixed tbody th {border-right:0;border-top:1px solid var(--colorBorderGray)}
	.application .tb_fixed tbody tr:first-child th:first-child {border-top:0}
	.application .tb_fixed tbody td {border-right:0;border-bottom:0} */
	.application .bd_box.sm {padding-left:15px;padding-right:15px}
	
	/* 진로진학 대학 필드만 별도 */
	.application .inp_grid_field .list_tit {margin-bottom:5px}
	.application .inp_grid_field .inner_inp .list_txt {gap:5px;grid-template-columns:110px calc(50% - 61px) calc(50% - 61px)}
	.application .table .bank_inp_cell .inp_obj {flex-wrap:wrap}
	.application .table .bank_inp_cell .inp_obj .inp_li.f1 {flex:none;width:calc(50% - 2px)}
	.application .table .bank_inp_cell .inp_obj .inp_li.f2, 
	.application .table .bank_inp_cell .inp_obj .inp_li.f3 {flex:none;width:100%}
	.application .history_list {font-size:0.9375em}
	.application .history_item {padding:10px 13px}
	
	.sign_grid .sign_box {width:130px;height:52px}
	
	/* 경영개선자금 지원 신청항목, 사진 업로드 */
	.add_cell_grid .col {margin-bottom:15px}
	.add_cell_grid .col .top_box {padding:7px 10px}
	.add_cell_grid .col .cont_box {padding:10px}
	.add_cell_grid .col .cont_box .inp_li {width:calc(100% / 2 - 4px)}
	.add_cell_grid .col .cont_box .inp_li .input {padding-left:9px}
	.add_cell_grid .col .cont_box .inp_li .text {padding-right:9px}
	.add_cell_grid .col .cont_box .dl {display:block}
	.add_cell_grid .col .cont_box .dt {margin-bottom:5px}
	.add_file_photo .txt_grid .btn_custom {min-width:128px}
	/*.add_photo_text .cell_wrap .row {flex-wrap:wrap;gap:0 8px;margin-bottom:15px;padding:12px}
	.add_photo_text .cell_wrap .photo_cell {width:162px}
	.add_photo_text .cell_wrap .photo_cell .btn_custom {bottom:5px}
	.add_photo_text .cell_wrap .txt_cell {width:calc(100% - 170px)}
	.add_photo_text .cell_wrap .btn_list {width:100%}
	.add_photo_text .cell_wrap .btn_list .btn_small {width:100%;margin-top:5px}*/
	
	.photo_grid_obj .bundle {width:calc(100% / 3 - 8px)}
}

@media screen and (max-width:480px){
	/* 서브 공통 */
	.sub_cont {padding-bottom:25px}
	.wrapper .sub_cont {margin:0 10px}
	.sub_tit {font-size:20px}
	.page_tit {font-size:17px}
	.cont_tit {font-size:16px}
	.bd_box {padding:15px}
	.bd_box.sm {padding:10px}
	.bd_box.mxw {max-width:inherit}
	
	/* 약관 */
	.policy .policy_list .table {overflow-x:auto}
	.policy .policy_list .table table {width:430px}

	/* 라벨링 및 목차*/
	.labeling .inner {gap:6px}
	.labeling .label_box {width:calc(100% / 2 - 3px)}
	.labeling .label_box .list_txt_group {width:calc(100dvw - 46px);top:calc(50% + 63px)}
	.labeling .label_box .list_txt_group::before {border-left-width:6px;border-right-width:6px;border-top-width:10px;border-bottom-width:10px;top:-24px;left:20.5dvw}
	.labeling .label_box:nth-child(5n) .list_txt_group, 
	.labeling .label_box:nth-child(4n) .list_txt_group, 
	.labeling .label_box:nth-child(3n) .list_txt_group, 
	.labeling .label_box:nth-child(3n - 1) .list_txt_group {left:0;right:auto}
	.labeling .label_box:nth-child(5n) .list_txt_group::before, 
	.labeling .label_box:nth-child(4n) .list_txt_group::before, 
	.labeling .label_box:nth-child(3n) .list_txt_group::before, 
	.labeling .label_box:nth-child(3n - 1) .list_txt_group::before {left:20.5dvw;right:auto;transform:translateX(-50%)}
	.labeling .label_box:nth-child(2n) .list_txt_group {left:auto;right:0;transform:translateX(0)}
	.labeling .label_box:nth-child(2n) .list_txt_group::before {left:auto;right:20.5dvw;transform:translateX(50%)}
	.labeling .label_box .list_txt_group .list_txt.line::before {top:10px}

	/* 서브 탑 타이틀 */
	.sub_top_sbj {  margin: 20px 0;}
	.sub_top_sbj .tit { font-size: 1.7rem;}
	.sub_top_sbj .sbj { font-size: 0.90rem }

	/* 갤러리형 게시판 -> 지원사업소개 */
	.gallery_list.sty2 .list_inner {gap:12px}
	.gallery_list.sty2 .list_box {width:100%}
	.gallery_list.sty2 .list_box .link .subject {height:auto;margin-bottom:6px}
	.gallery_list.sty2 .list_box .link .summary {height:auto;margin-bottom:0px}
	.gallery_list.sty2 .list_box .link .dl_box {margin-bottom:12px}
	
	.sticky_obj {padding:15px 0}
	.sticky_obj .btn_list .list_li {max-width:inherit}
	
	.application .table .inp_obj:not(.flex) {gap:8px 20px}
	.application .table .inp_obj.s2 {gap:8px 5px}
	.application .table tbody td.add_box input.mxw {width:calc(100% - 22px);margin-bottom:5px}
	.application .table tbody td.add_box input.mxw:last-child {margin-bottom:0}
	.app_wrap .input_form .table .inp_btn .f4 {width:calc(100% - 117px)}
	
	/* 진로진학 대학 필드만 별도 */
	.application .inp_grid_field .inner_inp .list_txt {grid-template-columns:calc(50% - 3px) calc(50% - 3px);grid-template-rows:auto 1fr;margin-bottom:12px}
	.application .inp_grid_field .inner_inp .list_txt::before {top:8px}
	.application .inp_grid_field .inner_inp .msp {grid-column:span 2}
	.application .table td span.c_blue.fw500 {display:block;margin:5px 0 0 0 !important}
	.application .table .bank_inp_cell .inp_obj {gap:5px 3px}

	.dropdown.inline { min-width: 100%; margin: 0 0 5px; }
	
	/* 경영개선자금 지원 신청항목, 사진 업로드 */
	.btn_add_cell {padding:10px}
	.add_cell_grid .col .top_box {display:block}
	.add_cell_grid .col .top_box .tit {margin-bottom:5px}
	.add_cell_grid .col .top_box .btn_list {text-align:right}
	.add_cell_grid .col .cont_box .inp_obj {display:block}
	.add_cell_grid .col .cont_box .inp_li {width:100%;margin-bottom:5px}
	.add_cell_grid .col .cont_box .inp_li:last-child {margin-bottom:0}
	.add_file_photo .file_grid .bundle {width:calc(100% / 2 - 4px)}
	.add_file_photo .txt_grid {display:block;text-align:right}
	.add_file_photo .txt_grid .s_txt {margin-bottom:5px;text-align:left}
	/*.add_photo_text .cell_wrap .photo_cell {width:100%}
	.add_photo_text .cell_wrap .txt_cell {width:100%;margin-top:6px}
	.add_photo_text .cell_wrap .txt_cell textarea {height:110px}*/
	
	.photo_grid_obj {gap:8px}
	.photo_grid_obj .bundle {width:calc(50% - 4px)}
}
@media screen and (max-width:440px){
	.add_board_list .add_table input[type="text"] {width:calc(100% - 22px)}
	.add_board_list .add_table input[type="date"] {width:calc(50% - 30px)}
	.add_board_list .add_table .tr {row-gap:12px;padding:13px}
	.add_board_list .add_table .td {flex-wrap:wrap;gap:3px}
	.add_board_list .add_table .label_txt {width:100%;text-align:left}
}
@media screen and (max-width:400px){
	.sign_grid {display:block;text-align:center}
	.sign_grid.bd_box {padding:10px}
	.sign_grid .sign_box {width:100%;height:25dvw;min-height:65px;margin-top:5px}
	
	.application .table .bank_inp_cell .inp_obj .inp_li.f1 {width:100%}
}