.sub_container {padding-bottom: 160px;}
.sub_sub0502 .sub_container {padding-bottom: 0;}
.subtop {background: center/cover no-repeat;height: 560px;width: 100%;display: flex; align-items: center;justify-content: center;}
.subtop.sub01 {background-image: url("/resources/img/sub/sub_visual01.jpg");}
.subtop.sub02 {background-image: url("/resources/img/sub/sub_visual02.jpg");}
.subtop.sub03 {background-image: url("/resources/img/sub/sub_visual03.jpg");}
.subtop.sub04 {background-image: url("/resources/img/sub/sub_visual04.jpg");}
.subtop.sub05 {background-image: url("/resources/img/sub/sub_visual05.jpg");}
.subtop h2 {text-align: center;font-size: 70px;font-weight: 700;color: #fff;}
.location {margin-bottom: 30px;display: flex;gap: 10px;align-items: center;justify-content: center;}
.location span {font-size: 18px;font-weight: 700;color: #fff;}
.nav-menu {margin-top: 60px;display: flex;gap: 10px;align-items: center;}
.nav-menu li a  {display: inline-flex;align-items: center;justify-content: center;background-color: #F2F5F9;border-radius: 30px;padding: 20px 35px;font-size: 18px;font-weight: 700;color: #A1A2AA;}
.nav-menu li a.on {background-color: #0D427F;color: #fff;}
.sub-title {margin-top: 120px;margin-bottom: 90px;font-size: 50px;font-weight: 700;color: #000;}

.introduction {background: url("/resources/img/sub/Introduction_bg.png") center/cover no-repeat;height: 560px;display: flex; align-items: center;justify-content: center;padding: 0 160px;}   
.introduction .tit {text-align: center;font-size: 40px;font-weight: 700;color: #fff;margin-bottom: 30px;}
.introduction .txt {text-align: center;font-size: 20px;font-weight: 600;color: #fff;line-height: 1.7;}

.procedure {display: flex;flex-wrap: wrap;}
.procedure-item {position: relative;flex: 1;}
.procedure-item:after {position: absolute;right: -6px;top: 80px;content: "";width: 12px;height: 20px;background: url("/resources/img/sub/Procedure_arrow.svg") center/cover no-repeat;}
.procedure-item:last-child:after {display: none;}
.procedure-tit {font-size: 18px;font-weight: 700;color: #0D427F;margin-top: 10px;text-align: center;}  
.procedure-txt {font-size: 20px;font-weight: 600;color: #000;margin-top: 10px;text-align: center;line-height: 1.5;}

.board-list {border-top: 2px solid #000;}   
.board-list li {border-bottom: 1px solid #ddd;padding: 40px 0;}
.list-tit {font-size: 22px;font-weight: 700;color: #000;margin-bottom: 30px;}
.list-date {font-size: 16px;color: #666;}

.qna {background-color: #F2F5F9;padding: 100px 0;} 
.qna-list li {margin-bottom: 30px;}
.qwrap {background-color: #fff;border-radius: 30px;display: flex;align-items: center;gap: 20px;padding: 30px;}
.qtit {position: relative;font-size: 20px;font-weight: 700;color: #000;flex: 1;padding-right: 30px;} 
.qtit:after {position: absolute;right: 0;top: 5px;content: "";width: 20px;height: 12px;background: url("/resources/img/sub/up_arrow.svg") center/cover no-repeat;}
.qtit.active:after {transform: rotateX(180deg);}
.qmark,.amark {align-self: start;flex-shrink: 0;}
.awrap {background-color: #003F79;border-radius: 30px;padding: 30px;margin-top: 10px;display: none;}
.awrap.on {display: flex;gap: 20px;align-items: center;}
.acont {font-size: 18px;font-weight: 500;color: #fff;line-height: 1.5;}

.form-wrap {border-top: 2px solid #000;margin-bottom: 70px;}   
.form-row {padding: 25px 0;border-bottom: 1px solid #ddd;display:flex;}
.form-item {width: 50%;display: flex;align-items: center;padding-left: 30px;padding-right: 20px;position: relative;}
.form-item.full {width: 100%;}
.form-label {width: 250px;flex-shrink: 0;font-size: 18px;font-weight: 700;color: #000;}
.form-input {width: 100%;border-radius: 10px;border: 1px solid #ddd;padding: 0 10px;font-size: 16px;color: #000;height: 50px;}
.form-input.half {width: 50%;}
.form-text {width: 100%;height: 150px;border-radius: 10px;border: 1px solid #ddd;padding: 10px;font-size: 16px;color: #000;resize: none;}
.upload-hidden {position: absolute;width: 1px;height: 1px;padding: 0; margin: 0;}
.upfile {position: absolute;right: -120px;top: 0;display: inline-block;background-color: #869FBF;border-radius: 10px;padding: 15px 30px;text-align: center;font-size: 16px;font-weight: 700;color: #fff;cursor: pointer;}
.submit-btn {display: inline-flex;align-items: center;justify-content: center;gap: 10px;padding: 15px 35px;border-radius: 50px;background-color: #0D427F;border: none;outline: none;cursor: pointer;}
.submit-btn span {font-size: 18px;font-weight: 600;color: #fff;}

.check-df {display: flex;flex-wrap: wrap;gap: 30px;align-items: center;}
.form-radio input[type="radio"] {display: none;}
.form-radio label {font-weight: 400;font-size: 18px;color: #000;padding-left: 25px;background-image: url('/resources/img/sub/radio_off.svg');background-size: 20px 20px;background-repeat: no-repeat;background-position: left center;cursor: pointer;min-height: 20px;display: inline-flex;align-items: center;}
.form-radio input[type="radio"]:checked + label {background-image: url('/resources/img/sub/radio_on.svg');}
.form-df {display: flex;align-items: center;gap: 10px;width: 100%;}
.full {width: 100%;}
.mw100 {max-width: 100px;}
.addr-btn {display: inline-block;background-color: #0D427F;border-radius: 10px;padding: 15px 30px;text-align: center;font-size: 16px;font-weight: 700;color: #fff;}

.page_wrap {text-align:center;margin-top: 60px;}
.page_wrap.no-mar {margin-top: 0;}
.page_nation {display:flex;justify-content: center; align-items: center;}
.page_nation .none {display:none;}
.page_nation a {display: inline-flex;align-items: center;justify-content: center;width: 50px; height: 50px;text-align:center; background:none; font-size:14px; color:#000;font-weight: 700;border-radius: 50%;}
.page_nation .pprev {background:url("/resources/img/sub/page_pprev.png") no-repeat center center;}
.page_nation .prev {background:url("/resources/img/sub/page_prev.png") no-repeat center center;}
.page_nation .next {background:url("/resources/img/sub/page_next.png") no-repeat center center;}
.page_nation .nnext {background:url("/resources/img/sub/page_nnext.png") no-repeat center center;}
.page_nation a.active {background-color: #0D427F;color: #fff;}

/**게시판 상세**/
.view-tit-wrap {border-top: 2px solid #000;border-bottom: 1px solid #ddd;padding: 40px 10px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.view-tit {font-size: 20px;font-weight: 700;color: #000;display: flex;align-items: center;}
.view-date {font-size: 16px;color: #666;align-self: center;}
.view-con-wrap {padding: 40px 10px 100px 10px;border-bottom: 1px solid #ddd;margin-bottom: 50px;}
.view-con,
.view-con p,
.view-con td,
.view-con span {word-break:keep-all;font-size: inherit;line-height: inherit;}
.list-btn {display: inline-flex; align-items: center;justify-content: center;padding: 15px 60px; background-color: #0D427F;font-size: 16px;font-weight: 700;color: #fff;border-radius: 30px;}
.view-con .file {margin-bottom: 20px;}
.view-con .file .link {display: inline-flex;gap: 10px;align-items: center;}
.view-con .file .link span {text-decoration: underline;font-size: 15px;color: #333;}
.view-con img  {width: auto !important;max-width:100% !important;height: auto !important;margin: 0 auto !important;display: block !important;}
.view-con table {text-align: center !important;width: 100% !important;}
.view-con a {display: initial;}
.view-con iframe {margin: 0 auto !important;display: block !important;} 
/**게시판 상세**/

@media (max-width: 1600px) {

}
@media (max-width: 1560px) {

}
@media (max-width: 1499px) {
	.subtop h2 {font-size: 60px;}
	.form-label {width: 200px;}
}

@media (max-width: 1429px) {
	.subtop h2 {font-size: 50px;}
	.sub-title {font-size: 40px;}
	.introduction .tit {font-size: 30px;}
	.introduction .txt {font-size: 18px;}
}
@media (max-width: 1399px) {
	.form-label {width: 180px;}
}
@media (max-width: 1259px) {
	.subtop {height: 460px;}
	.nav-menu li a {padding: 15px 30px;}
}

@media (max-width: 1219px) {
	.subtop h2 {font-size: 40px;}
	.sub-title {font-size: 30px;}
	.introduction {padding: 0 80px;}
	.introduction .tit {font-size: 25px;}
	.introduction {height: 460px;}
	.procedure-txt {font-size: 18px;}
	.procedure-tit {font-size: 16px;}
	.procedure-item img {width: 150px;}
	.list-tit {font-size: 20px;}
	.qtit {font-size: 18px;}
	.acont {font-size: 16px;}
	.form-label {font-size: 16px;width: 160px;}
	.form-radio label {font-size: 16px;}
	.check-df {gap: 20px;}
}

@media (max-width: 991px) {
	.subtop {height: 360px;}
	.location span {font-size: 16px;}
	.location {margin-bottom: 15px;}
	.subtop h2 {font-size: 30px;}
	.sub-title {margin-top: 60px;margin-bottom: 45px;font-size: 25px;}
	.sub_container {padding-bottom: 80px;}
	.introduction .txt {font-size: 16px;}
	.introduction .tit {font-size: 20px;margin-bottom: 15px;}
	.introduction {height: 360px;}
	.procedure-txt {font-size: 16px;}
	.procedure-tit {font-size: 14px;}
	.procedure-item img {width: 98px;}
	.procedure-item:after {width: 6px;height: 10px;right: -3px;top: 40px;}
	.board-list li {padding: 30px 0;}
	.list-date {font-size: 14px;}
	.list-tit {font-size: 18px;margin-bottom: 15px;}
	.nav-menu {margin-top: 30px;}
	.nav-menu li a {font-size: 14px;}
	.qna {padding: 50px 0;}
	.qwrap {padding: 20px;gap: 10px;}
	.qmark img, .amark img {width: 30px;}
	.qtit:after {width: 10px;height: 6px;top: 3px;}
	.qtit {padding-right: 15px;}
	.awrap {padding: 20px;gap: 10px;}
	.qna-list li {margin-bottom: 15px;}
	.form-wrap {margin-bottom: 35px;}
	.submit-btn span {font-size: 16px;}
	.submit-btn {padding: 15px 30px;}
	.form-row {padding: 20px 0;flex-direction: column;gap: 20px;}
	.form-item {padding-left: 15px;padding-right: 10px;width: 100%;}
	.form-text {height: 100px;font-size: 14px;}
	.form-input {font-size: 14px;height: 40px;}
	.addr-btn {font-size: 14px;}
	.upfile {position: relative;right: auto;top: auto;font-size: 14px;margin-left: 10px;}
}	

@media (max-width: 767px) {
	.subtop {height: 240px;}
	.introduction {padding: 0 20px;}
	.introduction .txt {font-size: 14px;}
	.introduction .tit {font-size: 18px;}
	.location span {font-size: 14px;}
	.subtop h2 {font-size: 25px;}
	.sub-title {font-size: 20px;}
	.procedure {flex-direction: column;gap: 30px;}
	.procedure-item:after {right: 50%;top: auto;bottom: -20px;transform: rotateZ(90deg);}
	.list-date {font-size: 12px;}
	.list-tit {font-size: 16px;}
	.board-list li {padding: 20px 0;}
	.nav-menu li a {padding: 10px 20px;}
	.qtit {font-size: 16px;}
	.acont {font-size: 14px;}
	.qmark img, .amark img {width: 20px;}
	.form-item {flex-direction: column;align-items: flex-start;gap: 10px;}
	.upfile {margin-left: 0;}
	.form-radio label {font-size: 14px;}
	.form-input.half {width: 100%;}
	.form-df {flex-wrap: wrap;}
}

@media (max-width: 320px) {

}