@charset "utf-8";

/* ============================== [ sub 공통 ] ========================================================================================== */
#content {padding: 40px 20px; margin-top: 9rem;}
#content .inner_01 {margin: 0 auto; width: 100%; max-width: 1200px;}
#content .inner_02 {margin: 0 auto; width: 100%; max-width: 1760px;}
#content .title {font-size: 2.6rem; font-weight: 600; color: #222; margin-bottom: 4rem;}

/* ============================== [ 신청폼 ] ========================================================================================== */
.form_wrap {margin-bottom: 6rem;}
.form_wrap .group {display: flex; gap:4.5rem}
.form_wrap .group.file_group {gap:6rem}
.form_wrap .group ~ .group {margin-top: 4rem;}
.form_wrap .group .item {
	flex:1;
	/* 내용(content) 길이 때문에 item이 커지는 것 방지, 1:1:1 균등 분배를 강제 */
    min-width: 0; 
}
.form_wrap .group .item.title_inpt {width: calc(66.66% - 1.125rem); flex: none;}

.form_wrap .group .item.title_inpt:only-child {
	width: 100%;
}

.form_wrap .group .item.type_02 {display: flex; gap:2.2rem; max-width: 370px;}
.form_wrap .group .item.type_02 div {flex:1;}
.form_wrap .group .item .tit {color: #444; margin-bottom: 1rem;}
.form_wrap .group .item .nice-select {width: 100%;}

.form_wrap .group .item .text_wrap {
	background-color: #F6F6F6; border:1px solid #E3E3E3; border-radius: 5px; overflow: hidden;
	padding: 2rem;
}

.form_wrap .group .item .text_wrap:has(.cke_chrome) {
	padding: 0;
}

.form_wrap .group .item .text_wrap .edit {background-color: #fff; min-height: 4rem; border-bottom: 1px solid #E3E3E3;}
.form_wrap .group .item textarea {background-color: #F6F6F6; width: 100%; height: 15rem; resize: none; padding: 2rem; outline: none; margin: 0;}

.form_wrap .group .item .list {
	max-height: 56rem;
}

.form_wrap .file_group .item ul li {
	display: flex; gap:1.2rem;
}

.form_wrap .group .item ul li ~ li {margin-top: 1.2rem;}

.form_wrap .group .item ul li p {padding: 0 2rem; height: 4.6rem; line-height: 4.4rem; border-radius: 5px; background-color: #F6F6F6; flex:1; color: #888; font-size: 1.5rem; width: 100%;}

.form_wrap .group .item ul li:has(.more) p {
	max-width: 338px;
}

.form_wrap .file_group .item:only-child ul li p {max-width: none;}

.form_wrap .group .item ul li:nth-of-type(n+2) .minus {display: block; opacity: 1; visibility: visible;}
.file_wrap {position: relative;}
.file_wrap input[type="file"] {overflow:hidden; font-size:0; line-height:0; position:absolute; left:-10%; top:-10%; height:0; width:0;}
.file_wrap span {cursor: pointer; width: 11rem; height: 4.6rem; border-radius: 5px; background-color: #666; color: #fff; font-size: 1.5rem; display: flex; align-items: center; justify-content: center;}
.file_wrap ~ .more {display: flex; gap:6px}
.file_wrap ~ .more button {border:2px solid #ddd; border-radius: 5px; width: 4.6rem; height: 4.6rem; position: relative;}
/*
.file_wrap ~ .more button.minus {opacity: 0;visibility: hidden;}
*/
.file_wrap ~ .more button::after {display: block; content: ''; width: 1.8rem; height: 2px; background-color: #666; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.file_wrap ~ .more button.plus::before {display: block; content: ''; height: 1.8rem; width: 2px; background-color: #666; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.no-file {color: #999; font-size: 1.4rem; font-weight: 400; line-height: 4.4rem;}

@media screen and (max-width: 768px) {
	#content {margin-top: 60px;}
	.form_wrap .group {gap:3rem}
	.form_wrap .group {flex-direction: column;}
	.form_wrap .group .item.title_inpt {width: 100%;}
	.form_wrap .group .item ul li:has(.more) p,
	.form_wrap .group .item.type_02,
	.form_wrap .group .item ul li p{max-width: 100%;}
	.form_wrap .group.file_group {gap:2rem}
}

/* ============================== [ 리스트 ] ========================================================================================== */

.explain {
    font-size: 1.5rem;
    margin: 0 .25rem 0 1rem;
	color: #444;
}

.filter {display: flex; justify-content: space-between;}
.filter .select_wrap {display: flex; gap: 1rem; flex-wrap:wrap; }
.filter .select_wrap .nice-select {height: 4.2rem; line-height: 4rem;}
.filter .select_wrap .opt1 {
	width: 120px;
	/* width: 210px; */
}
.filter .select_wrap .opt2 {width: 210px;}
.filter .select_wrap .opt3 {width: 170px;}
.filter .select_wrap .opt4 {
	/* width: 120px; */
	width: 170px;
}
.filter .select_wrap .opt5,
.filter .select_wrap .opt6 {
	position: relative;
	width: 154px;
	width: 170px;
}


.filter .search {margin-left: 2rem; position: relative; width: 100%; max-width: 300px;}
.filter .search.type_02 {margin-left: auto; max-width: 47rem; width: 100%;}
.filter .search input {width: 100%; color: #444; padding: 0 3rem 0 .5rem; height: 4.2rem; border-bottom: 1px solid #BBBBBB;}
.filter .search .btn_serach {width: 2rem; height: 2rem; background: url(../images/ico_search.svg) no-repeat center; background-size: 100%; position: absolute; right: 5px; top: 1.1rem;}

.table_wrap {margin-top: 3.5rem; border-top:1.5px solid #000000;}
.table_wrap th {background-color: #F7F7F7; height: 6.6rem; color: #444;}
.table_wrap.wh th {
	background-color: #fff;
	border-bottom: 1px solid #B9B9B9;
}

.table_wrap.wh tr:last-child td {
	border-bottom-color: #B9B9B9;
}

.table_wrap td {text-align: center; font-size: 1.5rem; color: #555; height: 6.6rem; padding: 0 10px; border-bottom: 1px solid #EEEEEE;}
.table_wrap tr.fix td {background-color: #FAFBFF;}
.table_wrap tr.fix td:first-child {color: #2760EF;}
.table_wrap tbody tr:hover {background-color: #F2FBFF;}	/* 250625 background-color 수정 */

.table_wrap td.tit a {text-align: left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height: 6.4rem; height: 100%;}

.paging {margin-top: 3.5rem; display: flex; justify-content: center; gap:1rem}
.paging > a {background-position: center; background-repeat: no-repeat;}
.paging .first, .last {width: 2.4rem; height: 4.2rem;}
.paging .first {background-image: url(../images/arrow_fisrt.svg);}
.paging .last {background-image: url(../images/arrow_last.svg);}
.paging .prev, .next {width: 2rem; height: 4.2rem;}
.paging .prev {background-image: url(../images/arrow_prev.svg);}
.paging .next {background-image: url(../images/arrow_next.svg);}
.paging ol {display: flex; gap:8px; margin: 0 10px;}
.paging ol a {width: 4.2rem; height: 4.2rem; text-align: center; line-height: 4.2rem; color: #888; transition: .3s; position: relative; }

.paging ol a.active,
.paging ol a:hover {font-weight: 600; color: #2760EF; text-decoration: underline; text-underline-offset:4px; text-decoration-thickness:2px}

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

	.explain {
		margin-left: 0;
	}

	.filter {flex-direction: column;}
	.filter .select_wrap .opt1 {width: 100%;}
	.filter .select_wrap .opt2 {width: 100%;}
	.filter .select_wrap .opt3 {width: 100%;}
	.filter .select_wrap .opt4 {width: 100%;}

	.flex-box:has(input[type="date"]) {
		width: 100%;
	}

	.filter .select_wrap .opt5,
	.filter .select_wrap .opt6 {
		width: 50%;
	}

	.filter .search {margin: 2rem 0 0 0; max-width: 100%;}
	.filter .search.type_02 {max-width: 100%;}
	.table_wrap {overflow-x: auto; }
	.table_wrap table {min-width: 1100px; width: 100%; margin: 0;}
}

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

	.filter .select_wrap .opt5,
	.filter .select_wrap .opt6 {width: 50%;}

}

/* ============================== [ view ] ========================================================================================== */
.view_wrap {margin-top: -2rem; margin-bottom: 2rem;}
.view_tit p {font-size: 3rem; font-weight: 600; color: #111;}
.view_tit p span {margin-left: 1.5rem; height: 3rem; vertical-align: middle; display: inline-block; line-height: 10px; padding: 1rem 1.6rem; font-size: 1.4rem; font-weight: 400; color: #888; border-radius: 5px; background-color: #F6F6F6;}
.view_cont {margin-top: 2rem; border-top: 1px solid #000; padding: 2rem 0; min-height: 496px;}
.view_cont * {font-size: 15px; font-weight: 500; color: #444; line-height: 22px;}

.text_wrap img,
.view_cont img {
	max-width: 100%;
	height: auto !important;
}

.view_wrap .down_wrap {border-radius: 5px;background-color: #F6F6F6; padding: 1.5rem 2rem; display: flex;}
.view_wrap .down_wrap p {width: 12rem; font-size: 15px; color: #444;}
.view_wrap .down_wrap li ~ li {margin-top: 1.2rem; color: #444; /*font-size: 1.5rem;*/}
.view_wrap .down_wrap li a {
	font-size: 15px;
}
.view_wrap .list_link {margin-top: 2rem; padding-top: 2rem; border-top:1px solid #000;}
.view_wrap .list_link a {display: flex;}
.view_wrap .list_link a ~ a {margin-top: 1rem;}
.view_wrap .list_link a span {border-radius: 5px; border:1px solid #888; width: 7.2rem; height: 3rem; font-size: 14px; color: #888; display: flex; align-items: center; justify-content: center;}
.view_wrap .list_link a p {font-size: 14px; color: #888; padding: 0.7rem 0 0 .8rem;}