@charset "UTF-8";
/* ---common--- */
#container {
	padding-top: 80px;
}

#container .event_apply {
	background: #F7F8FC;
}

#container .event_apply .page_tit {
	background: #F7F8FC;
}

@media screen and (max-width: 1200px) {
	#container {
		padding-top: 60px;
	}
}

/* 서브페이지 상단 */
article.sub_top {
	position: relative;
	display: flex;
	flex-direction: column-reverse;
  /* 타이틀 */
  /* nav */;
}

article.sub_top .page_tit {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 160px;
	background-color: #fff;
}

article.sub_top .page_tit h2 {
	font-size: 36px;
	font-weight: 700;
	text-align: center;
}

article.sub_top nav {
	width: 100%;
	height: 40px;
	background-color: #f5f5f5;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
}

article.sub_top nav .layout {
	display: flex;
	align-items: center;
}

article.sub_top nav .layout .home {
	width: 46px;
	height: 40px;
	font-size: 0;
	border-right: 1px solid #d4d4d4;
	border-left: 1px solid #d4d4d4;
	background: url(/kor/img/icn_home.svg) no-repeat 50%;
}

article.sub_top nav .layout .depth {
	position: relative;
	width: 224px;
	height: 40px;
	border: none;
	border-right: 1px solid #d4d4d4;
	z-index: 51;
}

article.sub_top nav .layout .depth input[type='checkbox'] {
	display: none;
}

article.sub_top nav .layout .depth label {
	display: block;
	position: relative;
	padding: 0 27px;
	width: 100%;
	height: 40px;
	color: #333;
	line-height: 40px;
	cursor: pointer;
	box-sizing: border-box;
}

article.sub_top nav .layout .depth label:after {
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	right: 20px;
	top: 10px;
	background: url(/kor/img/icn_select.svg) transparent no-repeat 90% 50%;
}

article.sub_top nav .layout .depth .dropdown {
	display: none;
}

article.sub_top nav .layout .depth input[type='checkbox']:checked ~ label:after {
	transform: rotate(180deg);
}

article.sub_top nav .layout .depth input[type='checkbox']:checked ~ .dropdown {
	display: block;
	width: calc(100% - 1px);
	background-color: #f5f5f5;
	border: 1px solid #d4d4d4;
	border-bottom: none;
}

article.sub_top nav .layout .depth input[type='checkbox']:checked ~ .dropdown li a {
	display: block;
	padding: 0 27px;
	height: 40px;
	color: #333;
	line-height: 40px;
	border-bottom: 1px solid #d4d4d4;
	box-sizing: border-box;
}

article.sub_top nav .layout .share {
	position: absolute;
	right: 0;
	top: 93px;
	width: 54px;
	height: 54px;
}

article.sub_top nav .layout .share #shareToggle {
	display: none;
}

article.sub_top nav .layout .share .btn_share {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 0;
	background: url(/kor/img/btn_share.svg) no-repeat 50%;
	border-radius: 50%;
	border: 1px solid #d4d4d4;
	cursor: pointer;
	box-sizing: border-box;
}

article.sub_top nav .layout .share .popup {
	display: none;
}

article.sub_top nav .layout .share #shareToggle:checked ~ .popup {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
	position: absolute;
	right: 0;
	top: 70px;
	padding: 16px 20px;
	width: 436px;
	height: 278px;
	background-color: #fff;
	border-radius: 30px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
	z-index: 5;
	box-sizing: border-box;
}

article.sub_top nav .layout .share #shareToggle:checked ~ .popup > p {
	font-size: 24px;
	font-weight: 600;
}

article.sub_top nav .layout .share #shareToggle:checked ~ .popup #closeShareBtn {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 32px;
	height: 32px;
	font-size: 0;
	background: url(/kor/img/btn_close.svg) no-repeat;
}

article.sub_top nav .layout .share #shareToggle:checked ~ .popup ul {
	display: flex;
	justify-content: center;
	gap: 23px;
}

article.sub_top nav .layout .share #shareToggle:checked ~ .popup ul li {
	cursor: pointer;
}

article.sub_top nav .layout .share #shareToggle:checked ~ .popup ul li img {
	width: 72px;
	height: 72px;
}

article.sub_top nav .layout .share #shareToggle:checked ~ .popup ul li p {
	margin-top: 10px;
	font-size: 18px;
	color: #333;
	text-align: center;
}

article.sub_top nav .layout .share #shareToggle:checked ~ .popup .wrap_link {
	display: flex;
	justify-content: space-between;
	gap: 9px;
	width: 100%;
}

article.sub_top nav .layout .share #shareToggle:checked ~ .popup .wrap_link input {
	padding: 0 16px;
	width: calc(100% - 122px);
	height: 44px;
	font-size: 18px;
	border: 1px solid #d4d4d4;
	border-radius: 15px;
	box-sizing: border-box;
}

article.sub_top nav .layout .share #shareToggle:checked ~ .popup .wrap_link .btn_copy {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 113px;
	height: 44px;
	font-size: 16px;
	color: #fff;
	background-color: #333;
	border-radius: 50px;
}

article.sub_top nav .layout .share #shareToggle:checked ~ .popup .wrap_link .btn_copy:before {
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	background: url(/kor/img/icn_copy.svg) no-repeat;
}

article.sub_top nav .layout .btn_print {
	position: absolute;
	right: 67px;
	top: 93px;
	width: 54px;
	height: 54px;
	display: block;
	font-size: 0;
	background: url(/kor/img/icn_print.svg) no-repeat 50%;
	border-radius: 50%;
	border: 1px solid #d4d4d4;
	cursor: pointer;
	box-sizing: border-box;
}

@media screen and (max-width: 750px) {
	article.sub_top {
		flex-direction: column;
		padding: 25px 0 19px;
		height: 100px;
		box-sizing: border-box;
	}

	article.sub_top .page_tit h2 {
		height: auto;
		font-size: 24px;
	}

	article.sub_top nav {
		height: auto;
		background-color: transparent;
		border: none;
	}

	article.sub_top nav .layout {
		justify-content: center;
	}

	article.sub_top nav .layout .home {
		position: relative;
		padding-right: 4px;
		width: 13px;
		height: 13px;
		border: none;
		background: url(/kor/img/m_icon_home.svg) no-repeat 50%;
		pointer-events: none;
	}

	article.sub_top nav .layout .home:after {
		content: '';
		position: absolute;
		right: -1px;
		top: 4px;
		width: 1px;
		height: 7px;
		background-color: #d4d4d4;
	}

	article.sub_top nav .layout .depth {
		width: auto;
		height: auto;
		border-right: none;
		z-index: 1;
		pointer-events: none;
	}

	article.sub_top nav .layout .depth label {
		padding: 0 4px;
		height: auto;
		font-size: 10px;
		color: #999;
		line-height: 1.5;
		letter-spacing: -0.5px;
	}

	article.sub_top nav .layout .depth label:after {
		right: -1px;
		top: 4px;
		width: 1px;
		height: 7px;
		background: #d4d4d4;
	}

	article.sub_top nav .layout .depth input[type='checkbox']:checked .dropdown {
		display: none;
	}

	article.sub_top nav .layout .depth:last-child label:after {
		display: none;
	}

	article.sub_top nav .layout .btn_print {
		position: relative;
		right: auto;
		top: auto;
		margin-left: 6px;
		width: 24px;
		height: 24px;
    background-size:12px;
	}

	article.sub_top nav .layout .share {
		position: relative;
		right: auto;
		top: auto;
		margin-left: 6px;
		width: 24px;
		height: 24px;
	}

	article.sub_top nav .layout .share .btn_share {
		background-size: contain;
	}

	article.sub_top nav .layout .share #shareToggle:checked ~ .popup {
		gap: 18px;
		position: fixed;
		right: 50%;
		top: 155px;
		padding: 12px 14px 16px;
		margin-right: -160px;
		width: 320px;
		height: 230px;
	}

	article.sub_top nav .layout .share #shareToggle:checked ~ .popup > p {
		font-size: 20px;
	}

	article.sub_top nav .layout .share #shareToggle:checked ~ .popup #closeShareBtn {
		top: 10px;
		right: 14px;
		width: 24px;
		height: 24px;
		background-size: contain;
	}

	article.sub_top nav .layout .share #shareToggle:checked ~ .popup ul {
		gap: 16px;
	}

	article.sub_top nav .layout .share #shareToggle:checked ~ .popup ul li img {
		width: 52px;
		height: 52px;
	}

	article.sub_top nav .layout .share #shareToggle:checked ~ .popup ul li p {
		font-size: 16px;
	}

	article.sub_top nav .layout .share #shareToggle:checked ~ .popup .wrap_link {
		gap: 12px;
	}

	article.sub_top nav .layout .share #shareToggle:checked ~ .popup .wrap_link input {
		padding: 0 10px;
		width: calc(100% - 112px);
		font-size: 16px;
	}

	article.sub_top nav .layout .share #shareToggle:checked ~ .popup .wrap_link .btn_copy {
		gap: 4px;
		width: 100px;
		font-size: 14px;
	}

	article.sub_top nav .layout .share #shareToggle:checked ~ .popup .wrap_link .btn_copy:before {
		width: 18px;
		height: 18px;
		background-size: contain;
	}
}

/* 서브페이지 상단 일반 검색 */
.top_wrap_sch {
	padding: 28px;
	width: 100%;
	height: 100px;
	font-size: 18px;
	border: 1px solid #d4d4d4;
	border-radius: 15px;
	box-sizing: border-box;
}

.top_wrap_sch .sch_box {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 27px;
}

.top_wrap_sch .sch_box input {
	padding: 0 30px;
	width: 1057px;
	height: 44px;
	background-color: #f5f5f5;
	border-radius: 10px;
	border: none;
	box-sizing: border-box;
}

.top_wrap_sch .sch_box button {
	width: 140px;
	height: 44px;
	color: #fff;
	background-color: #333;
	border-radius: 50px;
}

@media screen and (max-width: 1279px) {
	.top_wrap_sch .sch_box {
		gap: 20px;
	}

	.top_wrap_sch .sch_box input {
		width: calc(100% - 160px);
	}
}

@media screen and (max-width: 750px) {
	.top_wrap_sch {
		padding: 0 16px;
		height: 44px;
		font-size: 16px;
	}

	.top_wrap_sch .sch_box {
		gap: 0;
		justify-content: start;
		height: 100%;
	}

	.top_wrap_sch .sch_box input {
		padding: 0 16px 0 0;
		width: 90%;
		height: 100%;
		background-color: transparent;
	}

	.top_wrap_sch .sch_box button {
		width: 24px;
		height: 24px;
		font-size: 0;
		background: url(/kor/img/btn_sch_gray.svg) no-repeat;
	}
}

/* 서브페이지 상세 검색 */
#detailSch {
	display: none;
}

.detail_sch .m_header, .detail_sch .m_footer {
	display: none;
}

.detail_sch .sch_box .wrap_input {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	background-color: #f5f5f5;
	border-radius: 10px;
}

.detail_sch .sch_box .wrap_input input {
	width: calc(100% - 45px);
	background-color: transparent;
}

.detail_sch .sch_box .wrap_input button {
	margin-right: 20px;
	width: 24px;
	height: 24px;
	font-size: 0;
	background: url(/kor/img/btn_sch_gray.svg) no-repeat 50%;
}

.detail_sch .sch_box label {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	width: 140px;
	height: 44px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	border-radius: 50px;
	background-color: #333;
	cursor: pointer;
}

.detail_sch .sch_box label:after {
	content: '';
	display: block;
	width: 14px;
	height: 24px;
	background: url(/kor/img/icn_arrow_lang.svg) no-repeat 50%;
	background-size: contain;
}

.detail_sch .detail_bottom {
	display: none;
}

@media screen and (max-width: 750px) {
	.detail_sch {
		position: relative;
		padding: 0;
		height: auto;
		border: none;
	}

	.detail_sch .sch_box {
		gap: 10px;
		width: 100%;
	}

	.detail_sch .sch_box .wrap_input {
		border: 1px solid #d4d4d4;
		background-color: #fff;
	}

	.detail_sch .sch_box .wrap_input input {
		padding: 0 15px;
		width: 100%;
		height: 44px;
	}

	.detail_sch .sch_box .wrap_input button {
		margin-right: 16px;
	}

	.detail_sch .sch_box label {
		flex-shrink: 0;
		gap: 6px;
		width: 44px;
		height: 44px;
		font-size: 0;
		border-radius: 50px;
		background: url(/kor/img/btn_m_sch.svg) no-repeat 50%;
	}

	.detail_sch .sch_box label:after {
		display: none;
	}
}

/* 서브페이지 상세 검색 활성화 */
#detailSch:checked +
.detail_sch {
	padding: 0;
	height: auto;
	border: none;
}

#detailSch:checked +
.detail_sch .sch_box {
	padding: 28px;
	border: 1px solid #d4d4d4;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

#detailSch:checked +
.detail_sch .sch_box label:after {
	transform: rotate(180deg);
}

#detailSch:checked +
.detail_sch .detail_bottom {
	display: block;
	position: relative;
}

#detailSch:checked +
.detail_sch .detail_bottom .option {
	display: flex;
	flex-direction: column;
	gap: 40px;
	padding: 40px 45px 50px;
	border: 1px solid #d4d4d4;
	border-top: none;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

#detailSch:checked +
.detail_sch .detail_bottom .option dl {
	display: flex;
	gap: 33px;
}

#detailSch:checked +
.detail_sch .detail_bottom .option dl dt {
	flex-shrink: 0;
	width: 61px;
	font-size: 18px;
	font-weight: 700;
	color: #333;
}

#detailSch:checked +
.detail_sch .detail_bottom .option dl dd {
	display: flex;
	flex-wrap: wrap;
	gap: 18px 10px;
}

#detailSch:checked +
.detail_sch .detail_bottom .option dl dd span {
	padding: 0 16px;
	height: 36px;
	font-size: 16px;
	color: #666;
	text-align: center;
	line-height: 36px;
	border: 1px solid #d4d4d4;
	border-radius: 50px;
	box-sizing: border-box;
	cursor: pointer;
}

#detailSch:checked +
.detail_sch .detail_bottom .option dl dd span:hover, #detailSch:checked +
.detail_sch .detail_bottom .option dl dd span.active {
	color: #1C56FF;
	font-weight: 600;
	border-color: rgba(60, 90, 166, 0.15);
	background-color: #E8EDF8;
}

#detailSch:checked +
.detail_sch .detail_bottom .option .row-2 {
	display: flex;
	align-items: center;
}

#detailSch:checked +
.detail_sch .detail_bottom .option .row-2 dl {
	width: 50%;
}

#detailSch:checked +
.detail_sch .detail_bottom .option .row-2 dl .date {
	display: flex;
	align-items: center;
	gap: 8px;
}

#detailSch:checked +
.detail_sch .detail_bottom .option .row-2 dl .date input[type='date'] {
	padding: 0 16px;
	width: 200px;
	height: 40px;
	font-size: 16px;
	border: 1px solid #d4d4d4;
	border-radius: 6px;
	background: url(/kor/img/icn_date_gray.svg) #fff no-repeat 93% 50%;
	box-sizing: border-box;
}

#detailSch:checked +
.detail_sch .detail_bottom .option .row-2 dl .wrap_cks {
	display: flex;
	align-items: center;
	gap: 27px;
}

#detailSch:checked +
.detail_sch .detail_bottom .option .row-2 dl .wrap_cks .wrap_ck {
	display: flex;
	align-items: center;
	gap: 8px;
}

#detailSch:checked +
.detail_sch .detail_bottom .option .row-2 dl .wrap_cks .wrap_ck input[type='checkbox'] {
	display: none;
}

#detailSch:checked +
.detail_sch .detail_bottom .option .row-2 dl .wrap_cks .wrap_ck label {
	font-size: 16px;
	color: #333;
}

#detailSch:checked +
.detail_sch .detail_bottom .option .row-2 dl .wrap_cks .wrap_ck label:before {
	content: '';
	display: block;
	top: 2px;
	width: 20px;
	height: 20px;
	border: 2px solid #d4d4d4;
	border-radius: 5px;
	box-sizing: border-box;
}

#detailSch:checked +
.detail_sch .detail_bottom .option .row-2 dl .wrap_cks .wrap_ck input[type='checkbox']:checked + label:before {
	background: url(/kor/img/icn_ck_square_on.svg) no-repeat 50%;
	background-size: contain;
	border: none;
}

#detailSch:checked +
.detail_sch .detail_bottom .result {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 24px;
	padding: 20px 28px;
	margin-top: 12px;
	width: 100%;
	border: 1px solid #0A31A8;
	border-radius: 15px;
	box-sizing: border-box;
  position:relative;
}

#detailSch:checked +
.detail_sch .detail_bottom .result .pc_reset {
	position:absolute;
  right:28px;
  bottom:20px;
}

.detail_sch .detail_bottom .result .pc_reset button {
  font-size:14px;
  color:#0A31A8;
  padding-right:22px;
  line-height:28px;
  height:28px;
  background:url(/kor/img/icn_refresh.svg) no-repeat right 4px top 8px;
}

#detailSch:checked +
.detail_sch .detail_bottom .result .empty {
	text-align: center;
	width: 100%;
	/* color: #0A31A8; */
}

#detailSch:checked +
.detail_sch .detail_bottom .result .empty:before {
	content: "";
	display: inline-block;
	background: url(/kor/img/icn_alert_blue.svg) no-repeat center center;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin-right: 5px;
}

#detailSch:checked +
.detail_sch .detail_bottom .result .select {
	display: flex;
	gap: 2px;
	align-items: center;
}

#detailSch:checked +
.detail_sch .detail_bottom .result .select p {
	font-size: 18px;
	color: #333;
}

#detailSch:checked +
.detail_sch .detail_bottom .result .select .btn_delete {
	width: 24px;
	height: 24px;
	font-size: 0;
	background: url(/kor/img/icn_x_blue.svg) no-repeat 50%;
}

#detailSch:checked +
.detail_sch .detail_bottom .result .msg {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	width: 100%;
	font-size: 18px;
	color: #0A31A8;
}

#detailSch:checked +
.detail_sch .detail_bottom .result .msg:before {
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	background: url(/kor/img/icn_mark.svg) no-repeat;
}

@media screen and (max-width: 750px) {
	#detailSch:checked +
.detail_sch {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100vh;
		background-color: #fff;
		border-radius: 0;
		z-index: 10000;
	}

	#detailSch:checked +
.detail_sch .m_header {
		display: block;
	}

	#detailSch:checked +
.detail_sch .m_header p {
		position: relative;
		width: 100%;
		height: 60px;
		font-size: 18px;
		font-weight: 600;
		text-align: center;
		line-height: 60px;
	}

	#detailSch:checked +
.detail_sch .sch_box {
		padding: 20px 16px 30px;
		height: auto;
		border: none;
		border-bottom: 1px solid #d4d4d4;
		box-sizing: border-box;
	}

	#detailSch:checked +
.detail_sch .sch_box .wrap_input button {
		display: none;
	}

	#detailSch:checked +
.detail_sch .sch_box label {
		position: absolute;
		top: 18px;
		right: 20px;
		width: 24px;
		height: 24px;
		font-size: 0;
		background: url(/kor/img/icn_x.svg) no-repeat 50%;
	}

	#detailSch:checked +
.detail_sch .sch_box label:after {
		display: none;
	}

	#detailSch:checked +
.detail_sch .detail_bottom {
		height: calc(100vh - 217px);
		overflow-y: scroll;
	}

	#detailSch:checked +
.detail_sch .detail_bottom .option {
		gap: 0;
		padding: 0;
		border-radius: 0;
		border: none;
	}

	#detailSch:checked +
.detail_sch .detail_bottom .option dl {
		flex-direction: column;
		gap: 0;
            /* 기관/프로그램 선택했을 때 활성화 */;
	}

	#detailSch:checked +
.detail_sch .detail_bottom .option dl dt {
		position: relative;
		padding: 11px 20px;
		width: 100%;
		font-size: 16px;
		border-bottom: 1px solid #d4d4d4;
		box-sizing: border-box;
	}

	#detailSch:checked +
.detail_sch .detail_bottom .option dl dt:after {
		content: '';
		position: absolute;
		right: 16px;
		top: 16px;
		width: 16px;
		height: 16px;
		background: url(/kor/img/icn_arrow_gray.svg) no-repeat 50%;
		background-size: contain;
		transform: rotate(180deg);
	}

	#detailSch:checked +
.detail_sch .detail_bottom .option dl dt br {
		display: none;
	}

	#detailSch:checked +
.detail_sch .detail_bottom .option dl dd {
		display: none;
	}

	#detailSch:checked +
.detail_sch .detail_bottom .option dl.active dt {
		color: #fff;
		background-color: #0A31A8;
	}

	#detailSch:checked +
.detail_sch .detail_bottom .option dl.active dt:after {
		background: url(/kor/img/icn_arrow_white.svg) no-repeat 50%;
		background-size: contain;
		transform: rotate(0);
	}

	#detailSch:checked +
.detail_sch .detail_bottom .option dl.active dd {
		display: block;
		padding: 10px;
		background-color: #E8EDF8;
	}

	#detailSch:checked +
.detail_sch .detail_bottom .option dl.active dd span {
		display: block;
		width: 100%;
		height: 30px;
		font-size: 14px;
		text-align: left;
		line-height: 30px;
		border: none;
	}

	#detailSch:checked +
.detail_sch .detail_bottom .option dl.active dd span:hover {
		background-color: transparent;
	}

	#detailSch:checked +
.detail_sch .detail_bottom .option .row-2 {
		flex-direction: column;
	}

	#detailSch:checked +
.detail_sch .detail_bottom .option .row-2 dl {
		width: 100%;
	}

	#detailSch:checked +
.detail_sch .detail_bottom .option .row-2 dl .date {
		display: none;
		gap: 9px;
		padding: 30px 20px;
		font-size: 18px;
	}

	#detailSch:checked +
.detail_sch .detail_bottom .option .row-2 dl .date input[type='date'] {
		width: calc((100% - 27px) / 2);
		height: 44px;
		font-size: 18px;
	}

	#detailSch:checked +
.detail_sch .detail_bottom .option .row-2 dl .wrap_cks {
		display: none;
		gap: 24px;
		padding: 30px 43px;
	}

	#detailSch:checked +
.detail_sch .detail_bottom .option .row-2 dl .wrap_cks .wrap_ck {
		gap: 6px;
	}

	#detailSch:checked +
.detail_sch .detail_bottom .option .row-2 dl.active dd {
		display: flex !important;
	}

	#detailSch:checked +
.detail_sch .detail_bottom .result {
		display: none;
	}

	#detailSch:checked +
.detail_sch .m_footer {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 4px;
		position: fixed;
		left: 0;
		bottom: 0;
		padding: 0 16px;
		width: 100%;
		height: 60px;
		box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.2);
		box-sizing: border-box;
	}

	#detailSch:checked +
.detail_sch .m_footer button {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 2px;
		width: calc((100% - 6px) / 2);
		height: 48px;
		font-size: 14px;
		border-radius: 50px;
	}

	#detailSch:checked +
.detail_sch .m_footer button.btn_reset {
		color: #333;
		background-color: #F5F5F5;
	}

	#detailSch:checked +
.detail_sch .m_footer button.btn_reset:after {
		content: '';
		display: block;
		width: 12px;
		height: 12px;
		background: url(/kor/img/icn_reset.svg) no-repeat 50%;
		background-size: contain;
	}

	#detailSch:checked +
.detail_sch .m_footer button.btn_sch {
		font-weight: 700;
		color: #fff;
		background-color: #0A31A8;
	}
}

/* 체크박스/라디오박스 */
.wrap_ck {
	position: relative;
	padding-left: 34px;
}

.wrap_ck input[type='checkbox'] {
	position: absolute;
	padding: 0;
	margin: -1px;
	width: 1px;
	height: 1px;
	border: 0;
	overflow: hidden;
	clip-path: inset(50%);
}

.wrap_ck label {
	font-size: 16px;
	color: #333;
	cursor: pointer;
}

.wrap_ck label span {
	margin-left: 4px;
	font-weight: 600;
	color: #dd4508;
}

.wrap_ck label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
}

@media screen and (max-width: 750px) {
	.wrap_ck {
		padding-left: 28px;
	}

	.wrap_ck label {
		font-size: 14px;
	}
}

.wrap_rd {
	position: relative;
	padding-left: 34px;
}

.wrap_rd input[type='radio'] {
	position: absolute;
	padding: 0;
	margin: -1px;
	width: 1px;
	height: 1px;
	border: 0;
	overflow: hidden;
	clip-path: inset(50%);
}

.wrap_rd label {
	font-size: 16px;
	color: #333;
	cursor: pointer;
	line-height: 22px;
}

.wrap_rd label span {
	margin-left: 4px;
	font-weight: 600;
	color: #dd4508;
}

.wrap_rd label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
}

@media screen and (max-width: 750px) {
	.wrap_rd {
		padding-left: 28px;
	}

	.wrap_rd label {
		font-size: 14px;
	}
}

/* 버튼 */
.wrap_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	margin-top: 70px;
	width: 100%;
}

.wrap_btn .btn {
	display: block;
	width: 160px;
	height: 44px;
	font-size: 18px;
	color: #999;
	text-align: center;
	line-height: 44px;
	text-decoration: none;
	border: 1px solid #999;
	border-radius: 50px;
	cursor: pointer;
	box-sizing: border-box;
}

.wrap_btn .btn.blue {
	color: #fff;
	background-color: #0A31A8;
	border: none;
}

.wrap_btn .btn.blue_line {
	color: #0A31A8;
	border-color: #0A31A8;
}

.wrap_btn .btn.wid100 {
	width: 100%;
}

.wrap_btn.fl_ed {
	position: relative;
	justify-content: flex-end;
}

.wrap_btn.fl_ed .left {
	position: absolute;
	left: 0;
	top: 0;
}

@media screen and (max-width: 750px) {
	.wrap_btn {
		gap: 8px;
		margin-top: 50px;
	}

	.wrap_btn.fl_ed .left {
		position: static;
	}
}

/* 첨부파일 버튼 */
.wrap_file {
	display: flex;
	align-items: center;
	gap: 20px;
}

.wrap_file .file_input_textbox {
	padding: 0 10px;
	width: 360px;
	height: 44px;
	border: 1px solid #d4d4d4;
	border-radius: 10px;
	box-sizing: border-box;
}

.wrap_file .file_input_div {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	position: relative;
	width: 160px;
	height: 44px;
	overflow: hidden;
}

.wrap_file .file_input_div button {
	width: 100%;
	height: 100%;
	font-size: 16px;
	color: #fff;
	background-color: #333;
	border-radius: 50px;
}

.wrap_file .file_input_div .file_input_hidden {
	position: absolute;
	right: 0px;
	top: 0px;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: alpha(opacity=0);
	cursor: pointer;
}

.wrap_file .msg {
	color: #999;
}

@media screen and (max-width: 750px) {
	.wrap_file {
		flex-wrap: wrap;
		gap: 10px 8px;
	}

	.wrap_file .file_input_textbox {
		width: calc(100% - 138px);
	}

	.wrap_file .file_input_div {
		width: 130px;
	}

	.wrap_file .msg {
		width: 100%;
		font-size: 14px;
	}
}

.added_file {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 20px;
}

.added_file .file {
	display: flex;
	align-items: center;
	gap: 2px;
	padding: 10px 16px;
	height: 44px;
	background-color: #f5f5f5;
	border-radius: 50px;
	box-sizing: border-box;
}

.added_file .file .name {
	font-size: 16px;
	color: #333;
}

.added_file .file .btn_delete {
	width: 24px;
	height: 24px;
	font-size: 0;
	background: url(/kor/img/icn_x_red.svg) no-repeat;
}

@media screen and (max-width: 750px) {
	.added_file {
		gap: 10px;
	}

	.added_file .file {
		padding: 11px 16px;
		height: 40px;
	}

	.added_file .file .name {
		font-size: 14px;
	}

	.added_file .file .btn_delete {
		width: 20px;
		height: 20px;
		background-size: contain;
	}
}

/* pager */
.pager {
	display: flex;
	justify-content: center;
	gap: 2px;
	margin: 70px 0 180px;
}

.pager a {
	display: block;
	width: 30px;
	height: 30px;
	font-size: 12px;
	font-weight: 700;
	color: #666;
	text-align: center;
	line-height: 30px;
	text-decoration: none;
}

.pager a.active, .pager a:hover {
	color: #fff;
	background-color: #0A31A8;
}

.pager a.btn_pprv {
	font-size: 0;
	background: url(/kor/img/pager_pprv.svg) no-repeat;
	background-size: contain;
}

.pager a.btn_prev {
	font-size: 0;
	background: url(/kor/img/pager_prev.svg) no-repeat;
	background-size: contain;
}

.pager a.btn_next {
	font-size: 0;
	background: url(/kor/img/pager_next.svg) no-repeat;
	background-size: contain;
}

.pager a.btn_nnxt {
	font-size: 0;
	background: url(/kor/img/pager_nnxt.svg) no-repeat;
	background-size: contain;
}

@media screen and (max-width: 750px) {
	.pager {
		margin: 50px 0 140px;
	}
}

/* 상단 탭(서브 페이지) */
.tab {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	margin: 0 auto 70px;
	width: 500px;
	height: 74px;
	border-radius: 50px;
	box-sizing: border-box;
}

.tab a {
	display: block;
	width: 240px;
	height: 54px;
	font-size: 20px;
	font-weight: 600;
	color: #999;
	text-align: center;
	line-height: 54px;
	text-decoration: none;
	border-radius: 50px;
}

.tab a.active {
	font-weight: 700;
	color: #fff;
	background-color: #0A31A8;
}

@media screen and (max-width: 750px) {
	.tab {
		padding: 10px;
		margin-bottom: 30px;
		width: 100%;
		height: 64px;
	}

	.tab a {
		width: 50%;
		height: 44px;
		font-size: 18px;
		line-height: 44px;
	}
}

/* 게시판 */
.tags {
	display: flex;
	gap: 5px;
	align-items: center;
	flex-wrap: wrap;
}

.tags li {
	padding: 0 6px;
	height: 24px;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	border-radius: 5px;
	border-bottom: none;
}

.tags li.institution {
	color: #4285F4;
	background-color: #EEF5F8;
}

.tags li.volunteer {
	color: #34A853 !important;
	background-color: #F2F7F2 !important;
}

.tags li.plan {
	color: #333;
	background-color: #F5F5F5;
}

.tags li.new {
	padding: 0 1px 0 0;
	width: 17px;
	height: 17px;
	color: #fff;
	line-height: 18px;
	background-color: #E74639;
}

.tags li.ing {
	color: #1C56FF;
	line-height: 22px;
	border: 1px solid #d4d4d4;
	box-sizing: border-box;
}

.tags li.before {
	color: #FB8804;
	line-height: 22px;
	border: 1px solid #d4d4d4;
	box-sizing: border-box;
}

.tags li.end {
	color: #000;
	line-height: 22px;
	border: 1px solid #d4d4d4;
	box-sizing: border-box;
}

.tags li.status {
	color: #fff;
	background:#1C56FF;
}

.tags li.status.end {
	background:#000;
}

@media screen and (max-width: 750px) {
	.tags {
		gap: 4px;
	}

	.tags li {
		height: 20px;
		font-size: 10px;
		line-height: 20px;
	}

	.tags li.new {
		padding: 1px 2px 0 0;
		width: 12px;
		height: 13px;
		line-height: 13px;
		border-radius: 50%;
	}

	.tags li.ing {
		line-height: 18px;
	}

	.tags li.before {
		line-height: 18px;
	}

	.tags li.end {
		line-height: 18px;
	}
}

.board_list {
	margin-top: 70px;
  /* 목록형 */
  /* 앨범형 */;
}

.board_list .cnt {
	margin-bottom: 20px;
	font-size: 20px;
	color: #000;
}

.board_list .category {
	width: 20%;
}

.board_list .title {
	width: 60%;
}

.board_list .date {
	width: 20%;
}

.board_list .bookmark {
	width: 10%;
}

.board_list .num {
	width: 10%;
}

.board_list .header {
	display: flex;
	align-items: center;
	width: 100%;
	height: 70px;
	background-color: #f5f5f5;
}

.board_list .header p {
	font-size: 18px;
	color: #666;
	text-align: center;
}

.board_list .list > li {
	display: flex;
	align-items: center;
	padding: 22px 0;
	border-bottom: 1px solid #d4d4d4;
}

.board_list .list > li p {
	padding: 0 10px;
	font-size: 16px;
	text-align: center;
	box-sizing: border-box;
}

.board_list .list > li p.category {
	color: #4285F4;
	text-align: center;
}

.board_list .list > li p.date {
	color: #999;
	text-align: center;
}

.board_list .list > li .title a {
	display: block;
	font-size: 18px;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.board_list .list > li .bookmark {
	display: flex;
	justify-content: center;
}

.board_list .list > li .bookmark input[type='checkbox'] {
	display: none;
}

.board_list .list > li .bookmark label {
	display: block;
	width: 24px;
	height: 24px;
	background: url(/kor/img/icn_bookmark.svg) no-repeat 50%;
	cursor: pointer;
}

.board_list .list > li .bookmark input[type='checkbox']:checked + label {
	background: url(/kor/img/icn_bookmark_on.svg) no-repeat 50%;
}

.board_list .list > li.fixed .num {
	font-size: 0;
}

.board_list .list > li.fixed .num:after {
	content: '';
	display: block;
	margin: 0 auto;
	width: 24px;
	height: 24px;
	background: url(/kor/img/icn_fixed.svg) no-repeat 50%;
}

.board_list .list.gallery {
	display: flex;
	flex-wrap: wrap;
	gap: 40px 20px;
}

.board_list .list.gallery dl {
	width: calc((100% - 40px) / 3);
	height: 368px;
	border: 1px solid #d4d4d4;
	border-radius: 16px;
	box-sizing: border-box;
	overflow: hidden;
}

.board_list .list.gallery dl:hover {
	border-color: #0A31A8;
	box-shadow: 0 0 40px rgba(0, 14, 25, 0.17);
}

.board_list .list.gallery dl dt {
	position: relative;
	border-bottom: 1px solid #d4d4d4;
	height: 232px;
}

.board_list .list.gallery dl dt img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.board_list .list.gallery dl dt .status {
	position: absolute;
	left: 18px;
	top: 14px;
	display: inline-block;
	width: 48px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	color: #fff;
	background: #1C56FF;
	border-radius: 4px;
	z-index: 11;
}

.board_list .list.gallery dl.end:hover {
	border-color: #d4d4d4;
	box-shadow: none;
}

.board_list .list.gallery dl.end dt {
	position: relative;
}

.board_list .list.gallery dl.end dt:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 232px;
	background: rgba(0, 0, 0, 0.5);
}

.board_list .list.gallery dl.end dt .status {
	background: #000;
}

.board_list .list.gallery dl.end dd {
	opacity: 0.5;
}

.board_list .list.gallery dl dd {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 17px;
	background-color: #fff;
}

.board_list .list.gallery dl dd .tags li {
	color: #4285F4;
	background-color: #EEF5F8;
}

.board_list .list.gallery dl dd .tit {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 2.8em;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4em;
	word-wrap: break-word;
	white-space: inherit;
	overflow: hidden;
}

.board_list .list.gallery dl dd .date {
	font-size: 12px;
	color: #999;
	letter-spacing: 0px;
}

.board_list .list.gallery dl dd .info {
	color: #999999;
	line-height: 18px;
}

.board_list .list.gallery dl dd .info .fl {
	float: left;
	width: 75px;
	font-size: 14px;
	font-weight: 600;
}

.board_list .list.gallery dl dd .info .fr {
	float: left;
	width: calc(100% - 75px);
	font-size: 14px;
}

.board_list .list.gallery dl dd .info:after {
	content: "";
	clear: both;
	display: block;
}

.board_list .list.gallery.event dl {
	height: 400px;
}

.board_list .list.gallery.edu dl {
	height: 400px;
}

.board_list .list.gallery.edu dl dt .status.rec_close {
	background: #fff;
	color: #666;
}

.board_list .list.gallery.edu dl dt .status.apl_done {
	background: #EEF5F8;
	color: #1C56FF;
}

.board_list .list.gallery.edu dl dt .status.apl_return {
	background: #F7F0F0;
	color: #E74639;
}

.board_list .list.gallery.edu dl dt .status.edu_ing {
	background: #34A853;
	color: #fff;
}

.board_list .list.gallery.edu dl dt .status.edu_done {
	background: #F2F7F2;
	color: #34A853;
}

.board_list .list.gallery.edu dl dt .status.edu_yet {
	width: 60px;
	background: #F5F5F5;
	color: #666;
}

.board_list .empty {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 72px;
	font-size: 18px;
	color: #666;
	border-bottom: 1px solid #d4d4d4;
}

@media screen and (max-width: 750px) {
	.board_list {
		margin-top: 50px;
	}

	.board_list .cnt {
		font-size: 18px;
	}

	.board_list .category, .board_list .title, .board_list .date {
		width: 100%;
	}

	.board_list .header {
		display: none;
	}

	.board_list .list > li {
		display: flex;
		flex-direction: column;
		gap: 6px;
		padding: 14px 10px;
		height: auto;
	}

	.board_list .list > li:nth-of-type(1) {
		border-top: 2px solid #0A31A8;
	}

	.board_list .list > li p {
		padding: 0;
		font-size: 14px;
		text-align: left !important;
	}

	.board_list .list > li .title {
		display: flex;
		flex-direction: column;
		gap: 5px;
	}

	.board_list .list > li .title a {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		max-height: 2.4em;
		font-size: 18px;
		line-height: 1.2em;
		word-wrap: break-word;
		white-space: inherit;
		word-break: keep-all;
	}

	.board_list .list.gallery {
		gap: 20px 8px;
	}
	

	.board_list .list.gallery dl {
		width: calc((100% - 8px) / 2);
		height: auto;
		border-radius: 10px;
	}

	.board_list .list.gallery.event dl {
		height: auto;
	}

	.board_list .list.gallery.edu dl {
		height: auto;
	}


	.board_list .list.gallery dl dt {
		position: relative;
		width: 100%;
		height: auto;
	}

	.board_list .list.gallery dl dt:before {
		content: '';
		display: block;
		padding-top: 56%;
	}

	.board_list .list.gallery dl dt img {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}

	.board_list .list.gallery dl dt .status {
		top: 8px;
		left: 8px;
		height: 16px;
		line-height: 16px;
		width: 35px;
		font-size: 10px;
	}

	.board_list .list.gallery dl dd {
		gap: 4px;
		padding: 6px;
	}

	.board_list .list.gallery dl dd .tit {
		font-size: 12px;
	}

	.board_list .list.gallery dl dd .date {
		font-size: 10px;
	}

	.board_list .list.gallery dl dd .info {
		display: none;
	}

	.board_list .list.gallery.event dl {
		height: auto;
	}

	.board_list .list.gallery.event dl.end dt:before {
		padding-top: 56%;
		display: block;
		position: relative;
		height: auto;
		z-index: 1;
	}

	.board_list .list.gallery.edu dl.end dt:before {
		padding-top: 56%;
		display: block;
		position: relative;
		height: auto;
		z-index: 1;
	}

	.board_list .empty {
		height: 80px;
		font-size: 16px;
		border-top: 1px solid #d4d4d4;
	}
}

.board_view {
	margin-bottom: 180px;
}

.board_view .left {
	width: 880px;
	border-top: 1.4px solid #000;
	border-bottom: 1px solid #000;
}

.board_view .left .header {
	padding: 24px 20px;
	border-bottom: 1px solid #d4d4d4;
}

.board_view .left .header .tit {
	margin-top: 8px;
	font-size: 20px;
	font-weight: 600;
}

.board_view .left .header .tit.lock {
	padding-left: 28px;
	background: url(/kor/img/icn_lock.svg) no-repeat left center;
	background-size: 18px auto;
}

.board_view .left .header .info {
	display: flex;
	margin-top: 14px;
}

.board_view .left .header .info li {
	position: relative;
	padding: 0 8px;
	font-size: 12px;
	color: #666;
	letter-spacing: -0.5px;
}

.board_view .left .header .info li:first-child {
	padding-left: 0;
}

.board_view .left .header .info li:after {
	content: '';
	position: absolute;
	right: 0;
	top: 2px;
	width: 1px;
	height: 13px;
	background-color: #d4d4d4;
}

.board_view .left .header .info li:last-child:after {
	display: none;
}

.board_view .left .header .info li.category {
	color: #0A31A8;
}

.board_view .left .event {
	padding: 20px 23px;
	background-color: #F5F5F5;
}

.board_view .left .event dl {
	display: flex;
	align-items: center;
	padding: 3px 0;
}

.board_view .left .event dl dt {
	width: 97px;
	font-weight: 700;
	color: #666;
	font-size: 14px;
	line-height: 20px;
}

.board_view .left .event dl dd {
	color: #333;
	font-size: 14px;
	line-height: 20px;
}

.board_view .left .event dl.prvc-info dt {
	width: 100px;
	flex-shrink: 0;
}

.board_view .left .file {
	display: flex;
	align-items: baseline;
	gap: 20px;
	padding: 16px 23px;
	background-color: #F5F5F5;
}

.board_view .left .file dt {
	font-weight: bold;
	color: #666;
}

.board_view .left .file dd {
	line-height: 24px;
}

.board_view .left .file dd p {
	margin-bottom: 3px;
}

.board_view .left .file dd a {
	display: block;
}

.board_view .left .file dd a:after {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(/kor/img/icn_file.svg) no-repeat;
	vertical-align: bottom;
}

@media screen and (max-width: 750px) {
	.board_view .left .file {
		display: block;
	}

	.board_view .left .file dt {
		margin-bottom: 10px;
	}
}

.board_view .left .content {
	padding: 24px 20px 50px;
	font-size: 16px;
}

.board_view .left .content img, .board_view .left .content table {
	width: 100%;
}

.board_view .left .agency {
	display: flex;
	gap: 27px;
	padding: 24px 20px;
	border-top: 1px solid #d4d4d4;
}

.board_view .left .agency dt {
	flex-shrink: 0;
	font-size: 16px;
	font-weight: 700;
	color: #0A31A8;
}

.board_view .left .agency dd {
	display: flex;
	gap: 20px;
}

.board_view .left .agency dd img {
	flex-shrink: 0;
	width: 160px;
	height: 120px;
	border: 1px solid #d4d4d4;
	border-radius: 12px;
	object-fit: none;
}

.board_view .left .agency dd .detail .name {
	margin-bottom: 8px;
	font-size: 16px;
}

.board_view .left .agency dd .detail .info {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 17px;
}

.board_view .left .agency dd .detail .info li {
	display: flex;
	align-items: center;
	gap: 9px;
	font-size: 14px;
	color: #666;
}

.board_view .left .agency dd .detail .info li:before {
	content: '';
	display: block;
	margin-top: -1px;
	width: 18px;
	height: 18px;
}

.board_view .left .agency dd .detail .info li.phone:before {
	background: url(/kor/img/icn_phone.svg) no-repeat;
}

.board_view .left .agency dd .detail .info li.mail:before {
	background: url(/kor/img/icn_mail.svg) no-repeat;
}

.board_view .left .agency dd .detail .tags {
	flex-wrap: wrap;
	gap: 6px 8px;
}

.board_view .left .agency dd .detail .tags li {
	color: #34A853;
	background-color: #F2F7F2;
}

.board_view .left .agency dd .btn_link {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: space-between;
	gap: 2px;
	padding: 0 12px;
	width: 119px;
	height: 32px;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	letter-spacing: -0.5px;
	text-decoration: none;
	background-color: #1C56FF;
	border-radius: 50px;
	box-sizing: border-box;
}

.board_view .left .agency dd .btn_link:after {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background: url(/kor/img/icn_link_white.svg) no-repeat;
	background-size: contain;
}

.board_view .left .hashtag {
	display: flex;
	gap: 30px;
	padding: 24px 20px;
	border-top: 1px solid #d4d4d4;
}

.board_view .left .hashtag dt {
	flex-shrink: 0;
	font-size: 16px;
	font-weight: 700;
	color: #0A31A8;
}

.board_view .left .hashtag dd .tags {
	flex-wrap: wrap;
}

.board_view .left .hashtag dd .tags li {
	color: #666;
	background-color: #F5F5F5;
}

.board_view .right {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

.board_view .right .wrap_dl {
	padding: 30px 24px;
	width: 360px;
	border: 1px solid #d4d4d4;
	border-radius: 20px;
	background-color: #fff;
	box-sizing: border-box;
}

.board_view .right .wrap_dl dl {
	display: flex;
	gap: 27px;
	padding: 16px 0;
	/*word-break: keep-all;*/
	border-bottom: 1px solid #d4d4d4;
}

.board_view .right .wrap_dl dl:first-child {
	padding-top: 0;
}

.board_view .right .wrap_dl dl:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.board_view .right .wrap_dl dl dt {
	flex-shrink: 0;
	width: 48px;
	font-weight: 600;
	color: #666;
	line-height: 1.5;
}

.board_view .right .wrap_btn {
	flex-wrap: wrap;
	gap: 8px 12px;
	margin-top: 20px;
}

.board_view .right .wrap_btn .btn_apply {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 100%;
	height: 44px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	border-radius: 50px;
	background-color: #0A31A8;
}

.board_view .right .wrap_btn .btn_apply:before {
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	background: url(/kor/img/icn_apply.svg) no-repeat;
}

.board_view .right .wrap_btn .btn_apply.event {
	width: calc((100% - 12px) /2);
}

.board_view .right .wrap_btn .btn_apply.edu {
	background-color: #34A853;
}

.board_view .right .wrap_btn .btn_apply.edu:before {
	background-image: url(/kor/img/icn_apply_edu.svg);
}

.board_view .right .wrap_btn .apply_status {
	width: 100%;
	height: 44px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	line-height: 44px;
	border-radius: 50px;
	background-color: #999;
}

.board_view .right .wrap_btn .btn_bookmark {
	width: calc((100% - 12px) /2);
	height: 44px;
}

.board_view .right .wrap_btn .btn_bookmark input[type='checkbox'] {
	display: none;
}

.board_view .right .wrap_btn .btn_bookmark label {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 6px;
	width: 100%;
	height: 100%;
	font-size: 16px;
	font-weight: 600;
	color: #666;
	text-align: center;
	line-height: 44px;
	text-decoration: none;
	background-color: #f5f5f5;
	border-radius: 50px;
	cursor: pointer;
}

.board_view .right .wrap_btn .btn_bookmark label:before {
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	background: url(/kor/img/icn_bookmark.svg) no-repeat 50%;
}

.board_view .right .wrap_btn .btn_bookmark input[type='checkbox']:checked ~ label:before {
	background: url(/kor/img/icn_bookmark_on.svg) no-repeat 50%;
}

.board_view .right .wrap_btn .btn_list {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 6px;
	width: calc((100% - 12px) /2);
	height: 44px;
	font-size: 16px;
	font-weight: 600;
	color: #666;
	text-align: center;
	line-height: 44px;
	text-decoration: none;
	background-color: #f5f5f5;
	border-radius: 50px;
}

.board_view .right .wrap_btn .btn_list:before {
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	background: url(/kor/img/icn_list.svg) no-repeat 50%;
}

.board_view .right .wrap_btn .btn_list.wid100 {
	width: 100%;
}

.board_view .cmt_section {
	margin-top: 60px;
	padding: 60px 0;
	background: #F7F8FC;
}

.board_view .cmt_section .total {
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
}

.board_view .cmt_section .total em {
	color: #0A31A8;
}

.board_view .cmt_section .cmt_write {
	padding: 30px;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
}

.board_view .cmt_section .cmt_write textarea {
	width: 100%;
	height: 160px;
	padding: 30px;
	font-size: 16px;
	border-radius: 16px;
	border: 1px solid #999999;
	box-sizing: border-box;
	resize: none;
}

.board_view .cmt_section .cmt_write .cnt {
	text-align: right;
	padding-top: 10px;
	font-size: 18px;
	color: #999999;
}

.board_view .cmt_section .cmt_write .wrap_btn {
	margin-top: 24px;
	justify-content: flex-end;
}

.board_view .cmt_section .cmt_write .wrap_btn .btn {
	width: 100px;
}

.board_view .cmt_section .cmt_list li {
	margin-top: 20px;
}

.board_view .cmt_section .cmt_list li .cmt_con {
	position: relative;
	padding: 20px 30px;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
}

.board_view .cmt_section .cmt_list li .cmt_con dl {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	margin-bottom: 10px;
	padding-top: 5px;
}

.board_view .cmt_section .cmt_list li .cmt_con dl dt {
	font-size: 16px;
	font-weight: 700;
	line-height: 26px;
}

.board_view .cmt_section .cmt_list li .cmt_con dl dd {
	position: relative;
	padding-left: 10px;
	font-size: 16px;
	line-height: 26px;
	color: #999999;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.board_view .cmt_section .cmt_list li .cmt_con dl dd .btn_reply {
	margin-left: 20px;
	width: 53px;
	height: 26px;
	line-height: 24px;
	font-size: 14px;
	color: #333;
	border-radius: 13px;
	border: 1px solid #D4D4D4;
}

.board_view .cmt_section .cmt_list li .cmt_con dl dd:before {
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	display: block;
	width: 1px;
	height: 14px;
	background: #D4D4D4;
}

.board_view .cmt_section .cmt_list li .cmt_con .util {
	position: absolute;
	right: 30px;
	top: 25px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 5px;
	margin-left: 20px;
}

.board_view .cmt_section .cmt_list li .cmt_con .util button {
	width: 53px;
	height: 26px;
	line-height: 24px;
	font-size: 14px;
	color: #333;
	border-radius: 13px;
	border: 1px solid #D4D4D4;
}

.board_view .cmt_section .cmt_list li .cmt_con p {
	font-size: 16px;
	line-height: 140%;
}

.board_view .cmt_section .cmt_list li .cmt_con p.delete {
	line-height: 26px;
	font-weight: 600;
	color: #666;
}

.board_view .cmt_section .cmt_list li .cmt_con textarea {
	margin-top: 10px;
	width: calc(100% - 40px);
	height: 50px;
	padding: 20px;
	font-size: 16px;
	border-radius: 16px;
	border: 1px solid #999999;
	resize: none;
}

.board_view .cmt_section .cmt_list li .cmt_con .reply_wrap {
	position: relative;
	background: #F7F8FC;
	border-radius: 16px;
}

.board_view .cmt_section .cmt_list li .cmt_con .cmt_reply {
	position: relative;
	margin-top: 20px;
	padding: 20px 30px 20px 64px;
	background: url(/kor/img/icn_cmt_reply.svg) no-repeat 30px 20px #F7F8FC;
}

.board_view .cmt_section .cmt_list li .cmt_con .cmt_reply.dep1 {
	background:none;
  padding-left:30px;
}

.board_view .cmt_section .cmt_list li .cmt_con  .cmt_reply.dep2 {
	margin-top: 0;
	padding-left: 64px;
	background-position: 30px 20px;
}

.board_view .cmt_section .cmt_list li .cmt_con  .cmt_reply.dep3 {
	margin-top: 0;
	padding-left: 128px;
	background-position: 84px 20px;
}

.board_view .cmt_section .cmt_list li .cmt_con .cmt_reply.dep4 {
	margin-top: 0;
	padding-left: 192px;
	background-position: 148px 20px;
}

.board_view .cmt_section .cmt_list li .cmt_con  .cmt_reply.dep5 {
	margin-top: 0;
	padding-left: 256px;
	background-position: 212px 20px;
}

.board_view .cmt_section .cmt_list li .cmt_con .cmt_reply.dep6 {
	margin-top: 0;
	padding-left: 320px;
	background-position: 276px 20px;
}


.board_view .cmt_section .cmt_list .btn_more {
	width: 320px;
	color: #0A31A8;
	border-color: #0A31A8;
}

.board_view .cmt_section .cmt_list .btn_more:after {
	content: "";
	display: inline-block;
	height: 44px;
	width: 14px;
	margin-left: 10px;
	background: url(/kor/img/icn_plus.svg) no-repeat center center;
	vertical-align: top;
}

@media screen and (max-width: 1250px) {
	.board_view .left {
		width: 100%;
	}

	.board_view .right {
		bottom: 0;
		top: auto;
		width: 100%;
		background-color: #fff;
		box-shadow: 0 -8px 12px rgba(0, 0, 0, 0.1);
		z-index: 1;
	}

	.board_view .right .wrap_dl {
		display: none;
	}

	.board_view .right .wrap_btn {
		position: relative;
		justify-content: end;
		gap: 8px;
		padding: 10px 145px 10px 16px;
		margin-top: 0;
		box-sizing: border-box;
	}

	.board_view .right .wrap_btn .btn_apply {
		position: absolute;
		right: 16px;
		top: 10px;
		width: 120px;
		height: 40px;
	}

	.board_view .right .wrap_btn .btn_apply.event {
		width: 120px;
		position: relative;
		top: 0;
		right: 0;
	}

	.board_view .right .wrap_btn .apply_status {
		position: absolute;
		right: 16px;
		top: 10px;
		width: 120px;
		height: 40px;
	}

	.board_view .right .wrap_btn .btn_bookmark {
		width: 52px;
		height: 40px;
	}

	.board_view .right .wrap_btn .btn_bookmark label {
		gap: 0;
		font-size: 0;
	}

	.board_view .right .wrap_btn .btn_list {
		gap: 0;
		width: 52px;
		height: 40px;
		font-size: 0;
	}

	.board_view .right.homepage .wrap_btn {
		padding-right: 190px;
	}

	.board_view .right.homepage .wrap_btn .btn_apply {
		width: 160px;
	}

    .board_view .left .event dl.prvc-info {
        flex-direction: column;
        gap: 10px;
        padding-bottom: 20px;
    }

    .board_view .left .event dl.prvc-info dt {
        width: 100%;
    }
}

@media screen and (max-width: 750px) {
	.board_view {
		margin-bottom: 150px;
	}

	.board_view .layout {
		padding: 0;
	}

	.board_view .layout .left {
		width: 100%;
		border-top-width: 2px;
		border-bottom-color: #EBEEF1;
	}

	.board_view .layout .left .header {
		padding: 12px 20px 10px;
	}

	.board_view .layout .left .header .tags .new {
		border-radius: 5px;
	}

	.board_view .layout .left .header .tit {
		margin-top: 2px;
		font-size: 18px;
	}

	.board_view .layout .left .header .info {
		margin-top: 4px;
	}

	.board_view .layout .left .header .info li {
		color: #999;
	}

	.board_view .layout .left .content {
		padding: 16px 20px;
	}

	.board_view .layout .left .agency {
		flex-direction: column;
		gap: 10px;
		padding: 16px;
	}

	.board_view .layout .left .agency dd {
		flex-direction: column;
		gap: 10px;
	}

	.board_view .layout .left .agency dd img {
		width: 100%;
		height: auto;
		max-height: 200px;
	}

	.board_view .layout .left .agency dd .detail .name {
		margin-bottom: 10px;
	}

	.board_view .layout .left .agency dd .detail .info {
		flex-direction: column;
		align-items: start;
		gap: 6px;
		margin-bottom: 10px;
	}

	.board_view .layout .left .hashtag {
		flex-direction: column;
		gap: 8px;
		padding: 16px;
	}

	.board_view .layout .left .hashtag dd .tags li {
		font-size: 12px;
		height: 22px;
	}

	.board_view .cmt_section {
		padding: 12px 0 0;
	}

	.board_view .cmt_section .layout {
		background: #fff;
		padding-top: 30px;
	}

	.board_view .cmt_section .layout .total {
		padding: 0 15px;
		margin-bottom: 14px;
	}

	.board_view .cmt_section .layout .cmt_write {
		padding: 0 15px;
		box-shadow: none;
	}

	.board_view .cmt_section .layout .cmt_write textarea {
		padding: 24px 20px;
		height: 160px;
		resize: none;
	}

	.board_view .cmt_section .layout .cmt_write .wrap_btn .btn {
		width: 70px;
	}

	.board_view .cmt_section .layout .cmt_list {
		margin-top: 20px;
	}

	.board_view .cmt_section .layout .cmt_list li {
		margin-top: 0;
		border-top: 1px solid #D4D4D4;
	}

	.board_view .cmt_section .layout .cmt_list li .cmt_con {
		padding: 24px 15px;
		box-shadow: none;
	}

	.board_view .cmt_section .layout .cmt_list li .cmt_con .util {
		position: static;
		justify-content: flex-start;
		margin-left: 0;
		margin-top: 14px;
	}

	.board_view .cmt_section .layout .cmt_list li .cmt_con .cmt_reply.dep1 {
		margin-top: 0;
		padding-left: 100px;
		background-position: 64px 20px;
	}

	.board_view .cmt_section .layout .cmt_list li .cmt_con .cmt_reply.dep2 {
		margin-top: 0;
		padding-left: 130px;
		background-position: 90px 20px;
	}

	.board_view .cmt_section .layout .cmt_list li .cmt_con .cmt_reply.dep3 {
		margin-top: 0;
		padding-left: 160px;
		background-position: 120px 20px;
	}

	.board_view .cmt_section .layout .cmt_list li .cmt_con .cmt_reply.dep4 {
		margin-top: 0;
		padding-left: 190px;
		background-position: 150px 20px;
	}

	.board_view .cmt_section .layout .cmt_list .btn_more {
		width: calc(100% - 30px);
	}
}

/* --- 01. 해외봉사 프로그램 ---  */
/* 프로그램 안내 */
/* 목록 */
.program_list h3 {
	margin: 20px 0;
	font-size: 30px;
	font-weight: 600;
}

.program_list h3 + p {
	margin-bottom: 45px;
	font-size: 18px;
	color: #666;
}

.program_list .list {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-bottom: 180px;
}

.program_list .list:nth-of-type(1) {
	margin-bottom: 100px;
}

.program_list .list a {
	padding: 30px;
	width: 413px;
	height: 350px;
	border: 1px solid #D4D4D4;
	border-radius: 32px;
	text-decoration: none;
	box-sizing: border-box;
}

.program_list .list a:hover {
	border-color: #0A31A8;
	box-shadow: 0 0 40px rgba(0, 14, 25, 0.17);
}

.program_list .list a .top {
	position: relative;
	padding-bottom: 20px;
	height: 170px;
	border-bottom: 1px solid #d4d4d4;
}

.program_list .list a .top .img {
	padding: 12px;
	width: 70px;
	height: 70px;
	border: 1px solid #d4d4d4;
	border-radius: 50%;
	box-sizing: border-box;
}

.program_list .list a .top .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.program_list .list a .top .name {
	position: relative;
	display: flex;
	align-items: center;
	gap: 4px;
	margin-top: 12px;
	font-size: 23px;
	font-weight: 600;
}

.program_list .list a .top .name:after {
	content: '';
	display: block;
	width: 16px;
	height: 32px;
	background: url(/kor/img/icn_programArr.svg) no-repeat;
}

.program_list .list a .top .exp {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 12px;
	height: 3em;
	font-size: 16px;
	color: #666;
	line-height: 1.5em;
	word-wrap: break-word;
	white-space: inherit;
	word-break: keep-all;
	overflow: hidden;
}

.program_list .list a .top label {
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	height: 30px;
	font-size: 0;
	background: url(/kor/img/icn_heart_line.svg) no-repeat 50%;
	cursor: pointer;
}

.program_list .list a .top input[type='checkbox'] {
	display: none;
}

.program_list .list a .top input[type='checkbox']:checked ~ label {
	background: url(/kor/img/icn_heart_on.svg) no-repeat 50%;
}

.program_list .list a .bottom {
	padding-top: 20px;
}

.program_list .list a .bottom p {
	margin-bottom: 4px;
	font-size: 16px;
	color: #666;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.program_list .list a .bottom p:before {
	content: '';
	display: inline-block;
	margin-right: 8px;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}

.program_list .list a .bottom p:nth-of-type(1):before {
	background: url(/kor/img/icn_markInfo01.svg) no-repeat 50%;
}

.program_list .list a .bottom p:nth-of-type(2):before {
	background: url(/kor/img/icn_markInfo02.svg) no-repeat 50%;
}

.program_list .list a .bottom p:nth-of-type(3):before {
	background: url(/kor/img/icn_markInfo03.svg) no-repeat 50%;
}

.program_list .list a .bottom p:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 880px) {
	.program_list h3 {
		margin: 30px 0 10px;
		font-size: 20px;
	}

	.program_list h3 + p {
		font-size: 16px;
		word-break: keep-all;
	}

	.program_list .list {
		gap: 16px;
	}

	.program_list .list:nth-of-type(1) {
		margin-bottom: 80px;
	}

	.program_list .list > a {
		padding: 25px 24px;
		width: 100%;
		height: auto;
	}

	.program_list .list > a .top {
		padding-bottom: 16px;
		height: 160px;
	}

	.program_list .list > a .top .name {
		margin-top: 8px;
		font-size: 19px;
	}

	.program_list .list > a .top .exp {
		margin-top: 8px;
		font-size: 16px;
		word-break: keep-all;
	}

	.program_list .list > a .bottom {
		padding-top: 16px;
	}

	.program_list .list > a .bottom p {
		font-size: 14px;
	}
}

/* 상세 */
.program_detail {
	background-color: #f5f5f5;
}

.program_detail .sub_top {
	display: block;
}

.program_detail .sub_top .bg {
	position: relative;
	padding: 30.7% 0 30px;
	height: 0;
}

.program_detail .sub_top .bg:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 1;
	-webkit-mask-image: url(/kor/img/program_bg_mask.png);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-image: url(/kor/img/program_bg_mask.png);
	mask-size: 100%;
	mask-position: bottom;
}

.program_detail .sub_top .bg:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -15px;
	width: 100%;
	height: 1260px;
	background: url(/kor/img/program_bg_line.svg) no-repeat 100% 100%;
	background-size: contain;
}

.program_detail .sub_top .bg img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-mask-image: url(/kor/img/program_bg_mask.png);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-image: url(/kor/img/program_bg_mask.png);
	mask-size: 100%;
	mask-position: bottom;
}

.program_detail .sub_top .page_tit {
	position: absolute;
	left: 0;
	top: 38.8%;
	width: 100%;
	height: auto;
	background-color: transparent;
	z-index: 1;
}

.program_detail .sub_top .page_tit input[type='checkbox'] {
	display: none;
}

.program_detail .sub_top .page_tit .select {
	position: relative;
	margin: 0 auto 30px;
	width: 346px;
	height: 53px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	box-sizing: border-box;
}

.program_detail .sub_top .page_tit .select dt {
	position: relative;
}

.program_detail .sub_top .page_tit .select dt label {
	display: block;
	padding: 0 20px;
	width: 100%;
	height: 100%;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	line-height: 53px;
	cursor: pointer;
	box-sizing: border-box;
}

.program_detail .sub_top .page_tit .select dt label:after {
	content: '';
	position: absolute;
	right: 0;
	top: 3px;
	width: 50px;
	height: 50px;
	background: url(/kor/img/icn_select_arrow_white.svg) no-repeat 50%;
	cursor: pointer;
}

.program_detail .sub_top .page_tit .select dd {
	display: none;
	background-color: #fff;
}

.program_detail .sub_top .page_tit .select dd > a {
	display: block;
	padding: 0 20px;
	font-size: 18px;
	line-height: 40px;
	box-sizing: border-box;
}

.program_detail .sub_top .page_tit input[type='checkbox']:checked + .select dt label {
	color: #000;
	background-color: #fff;
	border-radius: 10px;
}

.program_detail .sub_top .page_tit input[type='checkbox']:checked + .select dt label:after {
	top: 1px;
	background: url(/kor/img/icn_select_arrow.svg) no-repeat 50%;
	transform: rotate(180deg);
}

.program_detail .sub_top .page_tit input[type='checkbox']:checked + .select dd {
	display: block;
	margin-top: 10px;
	border-radius: 10px;
}

.program_detail .sub_top .page_tit .org {
	display: flex;
	justify-content: center;
	gap: 20px;
	margin: 0 auto;
}

.program_detail .sub_top .page_tit .org img {
	width: 100px;
	height: 100px;
}

.program_detail .sub_top .page_tit .org h2 {
	font-family: 'HSSanTokki20-Regular';
	font-size: 68px;
	font-weight: 500;
	color: #fff;
}

.program_detail .sub_top .page_tit .exp {
	margin-top: 40px;
	font-size: 18px;
	color: #fff;
	text-align: center;
}

.program_detail .sub_top nav {
	position: absolute;
	left: 0;
	top: 86px;
	height: auto;
	background-color: transparent;
	border: none;
	z-index: 1000;
}

.program_detail .sub_top nav .layout {
	justify-content: end;
	gap: 16px;
}

.program_detail .sub_top nav .layout .like input {
	display: none;
}

.program_detail .sub_top nav .layout .like label {
	display: block;
	width: 54px;
	height: 54px;
	font-size: 0;
	border: 1px solid #fff;
	border-radius: 50%;
	background: url(/kor/img/icn_heart.svg) no-repeat 50%;
	cursor: pointer;
	box-sizing: border-box;
}

.program_detail .sub_top nav .layout .like input:checked + label {
	background: url(/kor/img/icn_heart_on2.svg) #fff no-repeat 50%;
}

.program_detail .sub_top nav .layout .share {
	position: relative;
	right: auto;
	top: auto;
}

.program_detail .sub_top nav .layout .share label {
	background: url(/kor/img/btn_share_white.svg) no-repeat 50%;
}

.program_detail .info {
	padding: 82px 0 90px;
}

.program_detail .info .top {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	padding: 60px 0 60px 60px;
	margin-bottom: 40px;
	height: 459px;
	border-radius: 32px;
	background-color: #fff;
	box-sizing: border-box;
}

.program_detail .info .top .left {
	position: relative;
	width: 490px;
}

.program_detail .info .top .left strong {
	display: block;
	margin-bottom: 20px;
	font-size: 30px;
	font-weight: 700;
}

.program_detail .info .top .left p {
	font-size: 18px;
	color: #333;
	word-break: keep-all;
}

.program_detail .info .top .left .tags {
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: start;
	gap: 7px;
}

.program_detail .info .top .left .tags li {
	padding: 3px 6px;
	height: auto;
	font-size: 16px;
	color: #666;
	text-align: center;
	border-radius: 6px;
	background-color: #f5f5f5;
}

.program_detail .info .top .right {
	position: relative;
	width: 656px;
}

.program_detail .info .top .right .swiper {
	padding-top: 62px;
	height: 100%;
}

.program_detail .info .top .right .swiper .swiper-slide {
	height: 277px;
	border-radius: 20px;
	overflow: hidden;
}

.program_detail .info .top .right .swiper .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.program_detail .info .top .right .swiper .wrap_btn {
	position: absolute;
	right: 60px;
	top: 0;
	justify-content: end;
	gap: 15px;
	margin-top: 0;
}

.program_detail .info .top .right .swiper .wrap_btn .swiper-button-next, .program_detail .info .top .right .swiper .wrap_btn .swiper-button-prev {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	margin: 0;
	width: 28px;
	height: 36px;
}

.program_detail .info .top .right .swiper .wrap_btn .swiper-button-next:after, .program_detail .info .top .right .swiper .wrap_btn .swiper-button-prev:after {
	display: none;
}

.program_detail .info .top .right .swiper .wrap_btn .swiper-button-prev {
	background: url(/kor/img/program_slide_btn.svg) no-repeat 50%;
	transform: rotate(180deg);
}

.program_detail .info .top .right .swiper .wrap_btn .swiper-button-next {
	background: url(/kor/img/program_slide_btn.svg) no-repeat 50%;
}

.program_detail .info .bottom {
	display: flex;
	flex-direction: column;
	gap: 80px;
	padding: 60px;
	background-color: #fff;
	border-radius: 32px;
}

.program_detail .info .bottom .box > dt {
	display: flex;
	align-items: center;
	gap: 19px;
	padding-bottom: 16px;
	margin-bottom: 30px;
	font-size: 24px;
	font-weight: 700;
	color: #333;
	border-bottom: 1px solid #d4d4d4;
}

.program_detail .info .bottom .box > dt span {
	font-size: 14px;
	color: #666;
}

.program_detail .info .bottom .box > dt .right {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-left: auto;
}

.program_detail .info .bottom .box > dt .right span {
	font-size: 14px;
	font-weight: 400;
	color: #999;
}

.program_detail .info .bottom .box > dt .btn_link {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	padding: 0 12px;
	margin-left: auto;
	height: 32px;
	font-size: 12px;
	font-weight: 600;
	color: #999;
	text-decoration: none;
	background-color: #f5f5f5;
	border-radius: 50px;
}

.program_detail .info .bottom .box > dt .btn_link:after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	background: url(/kor/img/icn_link_gray.svg) no-repeat 50%;
}

.program_detail .info .bottom .box > dd {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.program_detail .info .bottom .box > dd.empty p {
	font-size: 16px;
	color: #666;
}

.program_detail .info .bottom .box > dd dl.list {
	display: flex;
	gap: 40px;
	width: 80%;
	font-size: 16px;
}

.program_detail .info .bottom .box > dd dl.list dt {
	flex-shrink: 0;
	width: 54px;
	color: #999;
}

.program_detail .info .bottom .box > dd dl.list dd .exp {
	margin-left: 20px;
	color: #666;
}

.program_detail .info .bottom .box > dd .map {
	position: relative;
	width: 100%;
	height: 304px;
	background: url(/kor/img/map_bg.svg) no-repeat 50%;
}

.program_detail .info .bottom .box > dd .map dl {
	position: absolute;
	padding: 4px;
	width: 93px;
	height: 60px;
	background: url(/kor/img/map_mark.svg) no-repeat 50%;
	filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.3));
	box-sizing: border-box;
}

.program_detail .info .bottom .box > dd .map dl dt {
	margin: 0 auto;
	width: 85px;
	height: 20px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
	color: #fff;
	border-radius: 50px;
}

.program_detail .info .bottom .box > dd .map dl dd {
	margin-top: 2px;
	font-size: 24px;
	font-weight: bold;
	color: #333;
	text-align: center;
	line-height: 1;
}

.program_detail .info .bottom .box > dd .map dl.latin {
	left: 84px;
	bottom: 33px;
}

.program_detail .info .bottom .box > dd .map dl.latin dt {
	background-color: #8A8D92;
}

.program_detail .info .bottom .box > dd .map dl.africa {
	left: 251px;
	bottom: 62px;
}

.program_detail .info .bottom .box > dd .map dl.africa dt {
	background-color: #FBBC04;
}

.program_detail .info .bottom .box > dd .map dl.mid {
	left: 278px;
	bottom: 153px;
}

.program_detail .info .bottom .box > dd .map dl.mid dt {
	background-color: #34A853;
}

.program_detail .info .bottom .box > dd .map dl.east {
	left: 342px;
	bottom: 220px;
}

.program_detail .info .bottom .box > dd .map dl.east dt {
	background-color: #E74639;
}

.program_detail .info .bottom .box > dd .map dl.asia {
	left: 409px;
	bottom: 163px;
}

.program_detail .info .bottom .box > dd .map dl.asia dt {
	background-color: #517CFB;
}

.program_detail .info .bottom .box > dd .map dl.etc {
	left: 143px;
	bottom: 135px;
}

.program_detail .info .bottom .box > dd .map dl.etc dt {
	background-color: #8A8D92;
}

.program_detail .info .bottom .box > dd .map dl.oceania {
	right: 0;
	bottom: 70px;
}

.program_detail .info .bottom .box > dd .map dl.oceania dt {
	background-color: #704FE8;
}

.program_detail .info .bottom .box > dd .map_info {
	padding: 24px;
	margin-top: -4px;
	background-color: #f5f5f5;
	border-radius: 16px;
}

.program_detail .info .bottom .box > dd .map_info dl {
	display: flex;
	margin-bottom: 13px;
	font-size: 12px;
	color: #666;
	word-break: keep-all;
}

.program_detail .info .bottom .box > dd .map_info dl:last-child {
	margin-bottom: 0;
}

.program_detail .info .bottom .box > dd .map_info dl dt {
	flex-shrink: 0;
	width: 60px;
	font-weight: 600;
}

.program_detail .info .bottom .box > dd .chart {
	display: flex;
	align-items: end;
	justify-content: center;
	gap: 60px;
	margin-top: -10px;
	height: 540px;
	background: url(/kor/img/map_chart_bg.svg) no-repeat 50% top;
  position:relative;
}

.program_detail .info .bottom .box > dd .chart .btn_more{
  position: absolute;
  right:0;
  top:580px;
  color:#303030;
  font-weight:600;
  padding-right:20px;
  background:url(/kor/img/btn_viewAll.svg) no-repeat right center;

}

.program_detail .info .bottom .box > dd .chart dl {
	display: flex;
	flex-direction: column-reverse;
    align-items: center;
}

.program_detail .info .bottom .box > dd .chart dl dt {
	margin-top: 6px;
	font-size: 16px;
	color: #B3B3B3;
}

.program_detail .info .bottom .box > dd .chart dl dd {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.program_detail .info .bottom .box > dd .chart dl dd .cnt {
	display: block;
	margin-bottom: 6px;
	font-size: 16px;
	color: #1877F2;
	text-align: center;
	line-height: 1.1;
}

.program_detail .info .bottom .box > dd .chart dl dd .bar {
	display: block;
	width: 35px;
	height: 400px;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	background: linear-gradient(to bottom, #1877f2, white);
}

.program_detail .info .bottom .box > dd ul.list {
	padding-left: 10px;
}

.program_detail .info .bottom .box > dd ul.list li {
	position: relative;
	padding-left: 20px;
}

.program_detail .info .bottom .box > dd ul.list li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 10px;
	width: 3px;
	height: 3px;
	background-color: #000;
	border-radius: 50%;
}

.program_detail .info .bottom .box > dd ul.list + .exp {
	padding-left: 10px;
}

.program_detail .info .bottom .box > dd .step {
	display: flex;
	flex-wrap: wrap;
	gap: 63px;
}

.program_detail .info .bottom .box > dd .step li {
	position: relative;
	font-size: 16px;
	color: #333;
	text-align: center;
}

.program_detail .info .bottom .box > dd .step li em {
	content: '';
	display: block;
	margin: 0 auto 16px;
	width: 84px;
	height: 84px;
	border-radius: 50%;
	background: #f5f5f5 no-repeat 50%;
}

.program_detail .info .bottom .box > dd .step li.exam:before {
	background: url(/kor/img/icn_step_exam.svg) #f5f5f5 no-repeat 50%;
}

.program_detail .info .bottom .box > dd .step li.interview:before {
	background: url(/kor/img/icn_step_interview.svg) #f5f5f5 no-repeat 50%;
}

.program_detail .info .bottom .box > dd .step li.pre:before {
	background: url(/kor/img/icn_step_preEdu.svg) #f5f5f5 no-repeat 50%;
}

.program_detail .info .bottom .box > dd .step li.send:before {
	background: url(/kor/img/icn_step_send.svg) #f5f5f5 no-repeat 50%;
}

.program_detail .info .bottom .box > dd .step li.review:before {
	background: url(/kor/img/icn_step_review.svg) #f5f5f5 no-repeat 50%;
}

.program_detail .info .bottom .box > dd .step li.physical:before {
	background: url(/kor/img/icn_physical.svg) #f5f5f5 no-repeat 50%;
}

.program_detail .info .bottom .box > dd .step li.check:before {
	background: url(/kor/img/icn_check.svg) #f5f5f5 no-repeat 50%;
}

.program_detail .info .bottom .box > dd .step li.survey:before {
	background: url(/kor/img/icn_survey.svg) #f5f5f5 no-repeat 50%;
}

.program_detail .info .bottom .box > dd .step li.personality:before {
	background: url(/kor/img/icn_personality.svg) #f5f5f5 no-repeat 50%;
}

.program_detail .info .bottom .box > dd .step li.calendar:before {
	background: url(/kor/img/icn_cal.svg) #f5f5f5 no-repeat 50%;
}

.program_detail .info .bottom .box > dd .step li.medical:before {
	background: url(/kor/img/icn_medical.svg) #f5f5f5 no-repeat 50%;
}

.program_detail .info .bottom .box > dd .step li.agree:before {
	background: url(/kor/img/icn_agree.svg) #f5f5f5 no-repeat 50%;
}

.program_detail .info .bottom .box > dd .step li.edu:before {
	background: url(/kor/img/icn_edu.svg) #f5f5f5 no-repeat 50%;
}

.program_detail .info .bottom .box > dd .step li.spot:before {
	background: url(/kor/img/icn_spot.svg) #f5f5f5 no-repeat 50%;
}

.program_detail .info .bottom .box > dd .step li:after {
	content: '';
	position: absolute;
	right: -37px;
	top: 35px;
	width: 14px;
	height: 15px;
	background: url(/kor/img/icn_step_arrow.svg) no-repeat 50%;
}

.program_detail .info .bottom .box > dd .step li:last-child:after {
	display: none;
}

.program_detail .info .bottom .box > dd .year {
	display: flex;
	flex-wrap: wrap;
	gap: 17px;
}

.program_detail .info .bottom .box > dd .year#mobile {
	display: none;
}

.program_detail .info .bottom .box > dd .year dl {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 13px 30px;
	width: calc((100% - 34px) / 3);
	min-height: 64px;
	font-size: 16px;
	background-color: #f5f5f5;
	border-radius: 10px;
	box-sizing: border-box;
}

.program_detail .info .bottom .box > dd .year dl dt {
	flex-shrink: 0;
	font-weight: bold;
	color: #1C56FF;
}

.program_detail .info .bottom .box > dd .year dl dd p {
	font-weight: bold;
	color: #333;
}

.program_detail .info .bottom .box > dd .year dl dd span {
	display: block;
	margin-top: 6px;
	color: #666;
}

.program_detail .info .bottom .box > dd .year dl:has(dd > span) {
	align-items: start;
}

.program_detail .info .bottom .box > dd .faq {
	margin-bottom: 30px;
	font-size: 16px;
	color: #333;
}

.program_detail .info .bottom .box > dd .faq:last-child {
	margin-bottom: 0;
}

.program_detail .info .bottom .box > dd .faq dt {
	position: relative;
	padding-left: 28px;
	margin-bottom: 8px;
	font-weight: 600;
}

.program_detail .info .bottom .box > dd .faq dt:before {
	content: 'Q.';
	position: absolute;
	left: 0;
	top: 0;
}

.program_detail .info .bottom .box > dd .faq dd {
	position: relative;
	padding-left: 28px;
}

.program_detail .info .bottom .box > dd .faq dd:before {
	content: 'A.';
	position: absolute;
	left: 0;
	top: 0;
	color: #1C56FF;
}

.program_detail .info .bottom .box > dd .org {
	display: flex;
	gap: 20px;
}

.program_detail .info .bottom .box > dd .org dt {
	padding: 14px 34px;
	width: 160px;
	height: 120px;
	border: 1px solid #d4d4d4;
	border-radius: 12px;
	box-sizing: border-box;
}

.program_detail .info .bottom .box > dd .org dt img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.program_detail .info .bottom .box > dd .org dd .name {
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: bold;
}

.program_detail .info .bottom .box > dd .org dd ul {
	display: flex;
	gap: 18px;
	margin-bottom: 17px;
}

.program_detail .info .bottom .box > dd .org dd ul li {
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 14px;
	color: #666;
}

.program_detail .info .bottom .box > dd .org dd ul li:before {
	content: '';
	display: block;
	margin-top: -1px;
	width: 18px;
	height: 18px;
}

.program_detail .info .bottom .box > dd .org dd ul li.phone:before {
	background: url(/kor/img/icn_phone.svg) no-repeat 50%;
}

.program_detail .info .bottom .box > dd .org dd ul li.mail:before {
	background: url(/kor/img/icn_mail.svg) no-repeat 50%;
}

.program_detail .info .bottom .box > dd .org dd ul li span {
	display: block;
	margin-right: 5px;
}

.program_detail .info .bottom .box > dd .org dd .wrap_tag {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 8px;
	width: 470px;
}

.program_detail .info .bottom .box > dd .org dd .wrap_tag .tag {
	display: inline-block;
	padding: 0 8px;
	height: 24px;
	font-size: 12px;
	font-weight: 600;
	color: #34A853;
	text-align: center;
	line-height: 24px;
	letter-spacing: 0;
	border-radius: 6px;
	background-color: #F2F7F2;
}

.program_detail .info .bottom .row_2 {
	display: flex;
	gap: 62px;
}

.program_detail .info .bottom .row_2 .box {
	width: calc(100% - 62px);
}




.program_popup .box > dt {
	display: flex;
	align-items: center;
	gap: 19px;
	padding-bottom: 16px;
	margin-bottom: 30px;
	font-size: 24px;
	font-weight: 700;
	color: #333;
	border-bottom: 1px solid #d4d4d4;
}

.program_popup .box > dt span {
	font-size: 14px;
	color: #666;
}

.program_popup .box > dt .right {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-left: auto;
}

.program_popup .box > dt .right span {
	font-size: 14px;
	font-weight: 400;
	color: #999;
}


.program_popup .chart {
	display: flex;
	align-items: end;
	justify-content: center;
	gap: 60px;
	margin-top: -10px;
	height: 540px;
	background: url(/kor/img/map_chart_bg.svg) no-repeat 50% top;
  position:relative;
}

.program_popup .chart .btn_more{
  position: absolute;
  right:0;
  top:580px;
  color:#303030;
  font-weight:600;
  padding-right:20px;
  background:url(/kor/img/btn_viewAll.svg) no-repeat right center;

}

.program_popup .chart dl {
	display: flex;
	flex-direction: column-reverse;
}

.program_popup .chart dl dt {
	margin-top: 6px;
	font-size: 16px;
	color: #B3B3B3;
}

.program_popup .chart dl dd {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.program_popup .chart dl dd .cnt {
	display: block;
	margin-bottom: 6px;
	font-size: 16px;
	color: #1877F2;
	text-align: center;
	line-height: 1.1;
}

.program_popup .chart dl dd .bar {
	display: block;
	width: 35px;
	height: 400px;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	background: linear-gradient(to bottom, #1877f2, white);
}

@media screen and (max-width: 1350px) {
	.program_detail .sub_top .page_tit {
		top: 40px;
	}

	.program_detail .sub_top .page_tit .org img {
		width: 60px;
		height: 60px;
	}

	.program_detail .sub_top .page_tit .org h2 {
		font-size: 44px;
	}

	.program_detail .sub_top .page_tit .exp {
		margin-top: 20px;
	}
}

@media screen and (max-width: 1240px) {
	.program_detail .info .top {
		flex-direction: column;
		padding: 60px;
		height: auto;
	}

	.program_detail .info .top .left {
		width: 100%;
	}

	.program_detail .info .top .left .tags {
		position: relative;
		bottom: auto;
		left: auto;
		margin-top: 30px;
	}

	.program_detail .info .top .right {
		width: 100%;
	}

	.program_detail .info .bottom .box > dd dl.list {
		width: 100%;
	}

	.program_detail .info .bottom .box > dd .map {
		margin: 0 auto;
		width: 652px;
	}

	.program_detail .info .bottom .box > dd .map dl.latin {
		left: 141px;
		bottom: 39px;
	}

	.program_detail .info .bottom .box > dd .map dl.africa {
		left: 302px;
		bottom: 62px;
	}

	.program_detail .info .bottom .box > dd .map dl.mid {
		left: 329px;
		bottom: 153px;
	}

	.program_detail .info .bottom .box > dd .map dl.east {
		left: 392px;
		bottom: 232px;
	}

	.program_detail .info .bottom .box > dd .map dl.asia {
		left: 458px;
		bottom: 136px;
	}

	.program_detail .info .bottom .box > dd .map dl.etc {
		left: 183px;
		bottom: 142px;
	}

	.program_detail .info .bottom .box > dd .map dl.oceania {
		right: 30px;
		bottom: 40px;
	}

	.program_detail .info .bottom .row_2 {
		flex-direction: column;
		gap: 70px;
	}

	.program_detail .info .bottom .row_2 .box {
		width: 100%;
	}
}

@media screen and (max-width: 750px) {
	.program_detail {
		background-color: #fff;
	}

	.program_detail .sub_top {
		padding: 0;
		height: auto;
	}

	.program_detail .sub_top .bg {
		padding-top: 127.7%;
	}

	.program_detail .sub_top .bg:before {
		mask-size: cover;
		mask-repeat: no-repeat;
	}

	.program_detail .sub_top .bg:after {
		height: auto;
		min-height: 479px;
		background: url(/kor/img/program_m_bg_line.svg) no-repeat 50% 100%;
		background-size: cover;
	}

	.program_detail .sub_top .bg img {
		mask-size: cover;
	}

	.program_detail .sub_top .page_tit {
		top: 0;
		padding: 50px 0 80px;
	}

	.program_detail .sub_top .page_tit .select {
		margin-bottom: 108px;
		width: 100%;
		height: 54px;
	}

	.program_detail .sub_top .page_tit .org {
		flex-direction: column;
		align-items: center;
		gap: 4px;
	}

	.program_detail .sub_top .page_tit .org img {
		width: 60px;
		height: 60px;
	}

	.program_detail .sub_top .page_tit .org h2 {
		font-size: 44px;
	}

	.program_detail .sub_top .page_tit .exp {
		margin-top: 10px;
		font-size: 16px;
	}

	.program_detail .sub_top .page_tit .exp br {
		display: none;
	}

	.program_detail .sub_top nav {
		display: none;
	}

	.program_detail .info {
		padding: 60px 0 120px;
	}

	.program_detail .info .layout {
		padding: 0;
	}

	.program_detail .info .layout .top {
		flex-direction: column;
		justify-content: start;
		gap: 30px;
		padding: 0 0 50px 0;
		margin-bottom: 0;
		height: auto;
		border-bottom: 1px solid #d4d4d4;
		border-radius: 0;
	}

	.program_detail .info .layout .top .left {
		width: 100%;
	}

	.program_detail .info .layout .top .left strong {
		padding: 0 16px;
		margin-bottom: 14px;
		font-size: 20px;
	}

	.program_detail .info .layout .top .left p {
		padding: 0 16px;
		margin-bottom: 14px;
		font-size: 16px;
	}

	.program_detail .info .layout .top .left .tags {
		position: relative;
		bottom: auto;
		left: auto;
		gap: 5px;
		padding: 0 16px;
	}

	.program_detail .info .layout .top .left .tags li {
		height: 22px;
		font-size: 12px;
		line-height: 22px;
	}

	.program_detail .info .layout .top .right {
		width: 100%;
	}

	.program_detail .info .layout .top .right .swiper {
		position: relative;
		padding: 0 0 56px;
	}

	.program_detail .info .layout .top .right .swiper .swiper-wrapper {
		padding-left: 16px;
	}

	.program_detail .info .layout .top .right .swiper .swiper-wrapper .swiper-slide {
		height: 215px;
	}

	.program_detail .info .layout .top .right .swiper .wrap_btn {
		left: 16px;
		right: auto;
		bottom: 0;
		justify-content: start;
		align-items: end;
		gap: 6px;
	}

	.program_detail .info .layout .bottom {
		padding: 60px 16px 0;
		gap: 70px;
		border-top: 14px solid #f5f5f5;
		border-radius: 0;
	}

	.program_detail .info .layout .bottom .box > dt {
		padding-bottom: 12px;
		margin-bottom: 20px;
		font-size: 18px;
	}

	.program_detail .info .layout .bottom .box > dt .right span {
		font-size: 12px;
	}

	.program_detail .info .layout .bottom .box > dd {
		gap: 16px;
	}

	.program_detail .info .layout .bottom .box > dd dl.list {
		gap: 46px;
		width: 100%;
		font-size: 14px;
	}

	.program_detail .info .layout .bottom .box > dd dl.list dt {
		flex-shrink: 0;
		width: 48px;
	}

	.program_detail .info .layout .bottom .box > dd dl.list dd .exp {
		display: block;
		margin: 5px 0 0 0;
	}

	.program_detail .info .layout .bottom .box > dd .map {
		margin: 0 auto;
		width: 390px;
		height: 180px;
		background: url(/kor/img/map_m_bg.svg) no-repeat 50%;
	}

	.program_detail .info .layout .bottom .box > dd .map dl {
		width: 64px;
		height: 48px;
		background: url(/kor/img/map_m_mark.svg) no-repeat 50%;
	}

	.program_detail .info .layout .bottom .box > dd .map dl dt {
		width: 57px;
		height: 16px;
		font-size: 12px;
		line-height: 16px;
	}

	.program_detail .info .layout .bottom .box > dd .map dl dd {
		font-size: 20px;
	}

	.program_detail .info .layout .bottom .box > dd .map dl.latin {
		left: 79px;
		bottom: 16.1px;
	}

	.program_detail .info .layout .bottom .box > dd .map dl.africa {
		left: 181px;
		bottom: 33.6px;
	}

	.program_detail .info .layout .bottom .box > dd .map dl.mid {
		left: 192px;
		bottom: 93.6px;
	}

	.program_detail .info .layout .bottom .box > dd .map dl.east {
		left: 238px;
		bottom: 142.6px;
	}

	.program_detail .info .layout .bottom .box > dd .map dl.asia {
		left: 282px;
		bottom: 100.6px;
	}

	.program_detail .info .layout .bottom .box > dd .map dl.etc {
		left: 102px;
		bottom: 85px;
	}

	.program_detail .info .layout .bottom .box > dd .map_info {
		margin-top: 4px;
	}

	.program_detail .info .layout .bottom .box > dd .map_info dl dt {
		flex-shrink: 0;
	}

	.program_detail .info .layout .bottom .box > dd .chart {
		gap: 0px;
		justify-content: space-evenly;
		margin-top: 0;
		height: 390px;
	}

	.program_detail .info .layout .bottom .box > dd .chart .bar {
		width: 30px;
	}

	.program_detail .info .layout .bottom .box > dd ul.list {
		padding-left: 8px;
	}

	.program_detail .info .layout .bottom .box > dd ul.list li {
		padding-left: 10px;
	}

	.program_detail .info .layout .bottom .box > dd .step {
		gap: 37px;
	}

	.program_detail .info .layout .bottom .box > dd .step li {
		font-size: 14px;
	}

	.program_detail .info .layout .bottom .box > dd .step li:before {
		margin-bottom: 12px;
	}

	.program_detail .info .layout .bottom .box > dd .step li:after {
		right: -22px;
	}

	.program_detail .info .layout .bottom .box > dd .year {
		flex-direction: column;
		gap: 10px;
	}

	.program_detail .info .layout .bottom .box > dd .year dl {
		padding: 18px 30px;
		width: 100%;
		height: auto;
		min-height: auto;
		font-size: 14px;
	}

	.program_detail .info .layout .bottom .box > dd .year.pc {
		display: none;
	}

	.program_detail .info .layout .bottom .box > dd #mobile {
		display: block;
		position: relative;
		margin-bottom: 30px;
		overflow: hidden;
	}

	.program_detail .info .layout .bottom .box > dd #mobile .swiper-wrapper {
		display: flex;
	}

	.program_detail .info .layout .bottom .box > dd #mobile .swiper-slide {
		width: 100%;
		flex-shrink: 0;
	}

	.program_detail .info .layout .bottom .box > dd #mobile .swiper-slide > dl {
		margin-bottom: 10px;
	}

	.program_detail .info .layout .bottom .box > dd #mobile .swiper-slide > dl:last-child {
		margin-bottom: 0;
	}

	.program_detail .info .layout .bottom .box > dd #mobile .swiper-pagination {
		position: relative;
		margin-top: 30px;
	}

	.program_detail .info .layout .bottom .box > dd #mobile .swiper-pagination span {
		width: 10px;
		height: 10px;
		background-color: #e8e8e8;
		opacity: 1;
	}

	.program_detail .info .layout .bottom .box > dd #mobile .swiper-pagination span.swiper-pagination-bullet-active {
		background-color: #0a31a8;
	}

	.program_detail .info .layout .bottom .box > dd .faq {
		margin-bottom: 8px;
	}

	.program_detail .info .layout .bottom .box > dd .org {
		flex-direction: column;
		gap: 10px;
	}

	.program_detail .info .layout .bottom .box > dd .org dt {
		padding: 35px 90px;
		width: 100%;
		height: 200px;
	}

	.program_detail .info .layout .bottom .box > dd .org dd {
		margin-bottom: 10px;
	}

	.program_detail .info .layout .bottom .box > dd .org dd ul {
		flex-direction: column;
		gap: 6px;
		margin-bottom: 10px;
	}

	.program_detail .info .layout .bottom .box > dd .org dd ul li {
		gap: 0px;
	}

	.program_detail .info .layout .bottom .box > dd .org dd ul li:before {
		margin-right: 9px;
	}

	.program_detail .info .layout .bottom .box > dd .org dd ul li span {
		margin-right: 4px;
	}

	.program_detail .info .layout .bottom .box > dd .org dd .wrap_tag {
		width: 100%;
	}

  .program_detail .info .bottom .box > dd .chart .btn_more {
    top:400px;
  }


  
	.program_popup .box > dt {
		padding-bottom: 12px;
		margin-bottom: 20px;
		font-size: 18px;
	}

	.program_popup .right span {
		font-size: 12px;
	}
  
	.program_popup .box > dd .chart {
		gap: 0px;
		justify-content: space-evenly;
		margin-top: 0;
		height: 390px;
	}

	.program_popup .box > dd .chart .bar {
		width: 30px;
	}

}

/* 프로그램 일정 */
.schedule {
	padding-bottom: 230px;
}

.schedule .top_exp {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 43px 72px;
	background-color: #F5F5F5;
	border-radius: 32px;
}

.schedule .top_exp p {
	font-size: 20px;
}

.schedule .top_exp a {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 14px;
	width: 237px;
	height: 44px;
	font-size: 18px;
	color: #fff;
	text-decoration: none;
	border-radius: 50px;
	background-color: #0A31A8;
}

.schedule .top_exp a:after {
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	background: url(/kor/img/icn_link_white.svg) no-repeat 50%;
}

.schedule .wrap_schedule {
	margin-top: 56px;
}

.schedule .wrap_schedule .header {
	display: flex;
	justify-content: space-between;
	padding-bottom: 40px;
	border-bottom: 1px solid #999;
}

.schedule .wrap_schedule .header .tab {
	padding: 0;
	margin: 0;
	width: 200px;
	height: 50px;
	overflow: hidden;
	background-color: #F5F5F5;
}

.schedule .wrap_schedule .header .tab li {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
	padding: 0 19px;
	width: 50%;
	height: 100%;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
    white-space: nowrap;
}

.schedule .wrap_schedule .header .tab li.active {
	color: #fff;
	background-color: #000;
	border-radius: 50px;
}

.schedule .wrap_schedule .header .tab li:before {
	content: '';
	display: block;
	width: 24px;
	height: 24px;
}

.schedule .wrap_schedule .header .tab li.calendar:before {
	background: url(/kor/img/icn_date.svg) no-repeat 50%;
}

.schedule .wrap_schedule .header .tab li.list:before {
	background: url(/kor/img/icn_list.svg) no-repeat 50%;
}

.schedule .wrap_schedule .header .tab li.calendar.active:before {
	background: url(/kor/img/icn_date_on.svg) no-repeat 50%;
}

.schedule .wrap_schedule .header .tab li.list.active:before {
	background: url(/kor/img/icn_board_list_on.svg) no-repeat 50%;
}

.schedule .wrap_schedule .header .date {
	display: flex;
	align-items: center;
	gap: 34px;
	font-size: 36px;
	font-weight: bold;
}

.schedule .wrap_schedule .header .date button[class^='btn_'] {
	width: 28px;
	height: 36px;
	font-size: 0;
}

.schedule .wrap_schedule .header .date .btn_prev {
	background: url(/kor/img/btn_date_prev.svg) no-repeat 50%;
}

.schedule .wrap_schedule .header .date .btn_next {
	background: url(/kor/img/btn_date_next.svg) no-repeat 50%;
}

.schedule .wrap_schedule .header select {
	position: relative;
	padding: 0 20px;
	width: 360px;
	height: 50px;
	font-size: 16px;
	color: #999;
	border: 1px solid #d4d4d4;
	border-radius: 10px;
	background: url(/kor/img/icn_select_arrow.svg) no-repeat 95% 50%;
	cursor: pointer;
	box-sizing: border-box;
}

.schedule .wrap_schedule .content {
	display: flex;
	justify-content: space-between;
	padding-top: 40px;
}

.schedule .wrap_schedule .content .left .table {
	padding: 36px 30px;
	width: 480px;
	height: 460px;
	background-color: #f5f5f5;
	border-radius: 20px;
	box-sizing: border-box;
}

.schedule .wrap_schedule .content .left .table th {
	padding-bottom: 18px;
	font-size: 18px;
	color: #666;
}

.schedule .wrap_schedule .content .left .table th:first-child {
	color: #DD4508;
}

.schedule .wrap_schedule .content .left .table td {
	position: relative;
	padding: 9px 0;
	width: 60px;
	height: 60px;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	vertical-align: top;
	box-sizing: border-box;
}

.schedule .wrap_schedule .content .left .table td.point:after {
	content: '';
	display: block;
	margin: 4px auto 0;
	width: 10px;
	height: 10px;
	background-color: #34A853;
	border-radius: 50%;
}

.schedule .wrap_schedule .content .left .table td.point {
	cursor: pointer;
}

.schedule .wrap_schedule .content .left .table td.point .schedule_popup_overlay {
	display: none;
}

.schedule .wrap_schedule .content .left .table td.point .schedule_popup_overlay .popup {
	position: absolute;
	top: 80px;
	left: 50%;
	width: 360px;
	padding: 15px 30px 20px 30px;
	background-color: #FFF;
	border-radius: 30px;
	z-index: 1;
	transform: translateX(-50%);
	cursor: auto;
	box-shadow: #c5c5c5 0px 5px 15px;
}

.schedule .wrap_schedule .content .left .table td.point .schedule_popup_overlay .popup::before {
	content: '';
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 35px solid #FFF;
}

.schedule .wrap_schedule .content .left .table td.point .schedule_popup_overlay .popup .tit {
	margin: 0px auto 20px auto;
	font-size: 20px;
}

.schedule .wrap_schedule .content .left .table td.point .schedule_popup_overlay .popup ul {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.schedule .wrap_schedule .content .left .table td.point .schedule_popup_overlay .popup ul li {
	display: flex;
	align-items: flex-start;
	gap: 15px;
}

.schedule .wrap_schedule .content .left .table td.point .schedule_popup_overlay .popup ul li .tag {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	padding: 4px 6px;
	font-size: 12px;
	font-weight: normal;
	color: #34A853;
	background-color: #F2F7F2;
	border-radius: 5px;
}

.schedule .wrap_schedule .content .left .table td.point .schedule_popup_overlay .popup ul li .txt {
	text-align: left;
	font-size: 16px;
	font-weight: normal;
	word-break: keep-all;
}

.schedule .wrap_schedule .content .left .table td.point .schedule_popup_overlay .popup .btn_close {
	position: absolute;
	top: 20px;
	right: 37px;
	width: 16px;
	aspect-ratio: 15.66 / 15.66;
	font-size: 0;
	background: url(/kor/img/btn_schedule_popup_close.svg) no-repeat center/contain;
}

.schedule .wrap_schedule .content .left dl {
	margin-top: 20px;
	width: 480px;
}

.schedule .wrap_schedule .content .left dl dt {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #34A853;
}

.schedule .wrap_schedule .content .left dl dt:before {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #34A853;
}

.schedule .wrap_schedule .content .left dl dd {
	margin-top: 13px;
	font-size: 16px;
	color: #999;
}

.schedule .wrap_schedule .content .right {
	padding: 30px 32px;
	width: 760px;
	border: 1px solid #d4d4d4;
	border-radius: 20px;
	box-sizing: border-box;
}

.schedule .wrap_schedule .content .right dl {
	margin-bottom: 23px;
	border-bottom: 1px solid #d4d4d4;
}

.schedule .wrap_schedule .content .right dl:last-child {
	margin-bottom: 0;
	border-bottom: none;
}

.schedule .wrap_schedule .content .right dl dt {
	margin-bottom: 16px;
	font-size: 18px;
	font-weight: 600;
	color: #333;
}

.schedule .wrap_schedule .content .right dl dd {
	padding-bottom: 23px;
}

.schedule .wrap_schedule .content .right dl dd ul li {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	flex-direction: column;
	margin-bottom: 12px;
	font-size: 18px;
	color: #333;
}

.schedule .wrap_schedule .content .right dl dd ul li:last-child {
	margin-bottom: 0;
}

.schedule .wrap_schedule .content .right dl dd ul li .tag {
	padding: 0 6px;
	height: 27px;
	font-size: 14px;
	font-weight: 600;
	color: #34A853;
	text-align: center;
	line-height: 27px;
	background-color: #F2F7F2;
	border-radius: 5px;
}

.schedule .wrap_schedule .content .list {
	width: 100%;
}

.schedule .wrap_schedule .content .list dl {
	display: flex;
	gap: 40px;
	margin-bottom: 24px;
	border-bottom: 1px solid #d4d4d4;
}

.schedule .wrap_schedule .content .list dl:last-child {
	margin-bottom: 0;
	border-bottom: none;
}

.schedule .wrap_schedule .content .list dl dt {
	width: 250px;
	font-size: 20px;
	font-weight: 600;
	color: #333;
	flex-shrink: 0;
}

.schedule .wrap_schedule .content .list dl dd {
	padding-bottom: 24px;
}

.schedule .wrap_schedule .content .list dl dd ul li {
	display: flex;
	gap: 24px;
	align-items: center;
	margin-bottom: 12px;
	font-size: 18px;
	color: #333;
}

.schedule .wrap_schedule .content .list dl dd ul li:last-child {
	margin-bottom: 0;
}

.schedule .wrap_schedule .content .list dl dd ul li .tag {
	padding: 0 6px;
	height: 27px;
	font-size: 14px;
	font-weight: 600;
	color: #34A853;
	text-align: center;
	line-height: 27px;
	background-color: #F2F7F2;
	border-radius: 5px;
	flex-shrink: 0;
}

@media screen and (max-width: 980px) {
	.schedule {
		padding-bottom: 140px;
	}

	.schedule .top_exp {
		flex-direction: column;
		gap: 24px;
		padding: 36px 36px 38px;
	}

	.schedule .top_exp p {
		font-size: 16px;
		color: #666;
		text-align: center;
		word-break: keep-all;
	}

	.schedule .top_exp a {
		width: 237px;
	}

	.schedule .wrap_schedule {
		margin-top: 70px;
	}

	.schedule .wrap_schedule .header {
		flex-direction: column;
		justify-content: start;
		align-items: center;
		gap: 0;
		padding-bottom: 0;
		border-bottom: none;
	}

	.schedule .wrap_schedule .header .tab {
		margin-bottom: 40px;
		width: 200px;
	}

	.schedule .wrap_schedule .header .date {
		margin-bottom: 25px;
	}

	.schedule .wrap_schedule .header select {
		width: 100%;
	}

	.schedule .wrap_schedule .content {
		flex-direction: column;
		justify-content: start;
	}

	.schedule .wrap_schedule .content .left .table {
		padding: 30px 14px;
		width: 100%;
		height: auto;
	}

	.schedule .wrap_schedule .content .left .table table {
		width: 100%;
	}

	.schedule .wrap_schedule .content .left .table table th {
		padding-bottom: 9.5px;
	}

	.schedule .wrap_schedule .content .left .table table td {
		padding: 7.5px 0;
		width: 43px;
		height: 43px;
		font-size: 16px;
	}

	.schedule .wrap_schedule .content .left .table table td.point .schedule_popup_overlay {
		top: 0;
		left: 0;
		position: fixed;
		width: 100%;
		height: 100%;
		z-index: 10000;
		background-color: rgba(0, 0, 0, 0.5);
	}

	.schedule .wrap_schedule .content .left .table table td.point .schedule_popup_overlay .popup {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		box-shadow: #666 0px 5px 15px;
	}

	.schedule .wrap_schedule .content .left .table table td.point .schedule_popup_overlay .popup::before {
		display: none;
	}

	.schedule .wrap_schedule .content .left dl {
		margin: 20px 0 60px;
		width: 100%;
	}

	.schedule .wrap_schedule .content .left dl dt {
		font-size: 16px;
	}

	.schedule .wrap_schedule .content .left dl dd {
		font-size: 14px;
	}

	.schedule .wrap_schedule .content .right {
		padding: 0;
		width: 100%;
		border: none;
	}

	.schedule .wrap_schedule .content .right dl dd ul li {
		gap: 10px;
		font-size: 16px;
	}

	.schedule .wrap_schedule .content .right dl dd ul li .tag {
		font-weight: normal;
	}

	.schedule .wrap_schedule .content .list {
		position: relative;
		padding-top: 20px;
	}

	.schedule .wrap_schedule .content .list:before {
		content: '';
		position: absolute;
		left: -16px;
		top: 0;
		width: calc(100% + 32px);
		height: 1px;
		background-color: #000;
	}

	.schedule .wrap_schedule .content .list dl {
		flex-direction: column;
		gap: 16px;
	}

	.schedule .wrap_schedule .content .list dl dt {
		width: 100%;
	}

	.schedule .wrap_schedule .content .list dl dd ul li {
		gap: 16px;
		font-size: 16px;
		display:block;
	}

	.schedule .wrap_schedule .content .list dl dd ul li .tag {
		font-weight: normal;
	}
	.schedule .wrap_schedule .content .list dl dd ul li .tag:after {
		display:block;
		height:5px;
		content:"";
	}
}

@media screen and (max-width: 750px) {
	.schedule .wrap_schedule .content .left .table table td.point .schedule_popup_overlay .popup .tit {
		font-size: 18px;
	}

	.schedule .wrap_schedule .content .left .table table td.point .schedule_popup_overlay .popup .txt {
		font-size: 14px;
	}
}

/* 프로그램 공고 */
.program .board_list .tit {
	width: 55%;
}

.program .board_list .period {
	width: 15%;
}

.program .board_list .date {
	width: 10%;
}

.program .board_list .bookmark {
	width: 10%;
}

.program .board_list .list > li > p {
	padding: 0;
}

.program .board_list .list > li .num {
	color: #666;
}

.program .board_list .list > li .tit {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.program .board_list .list > li .tit a {
	font-size: 18px;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

@media screen and (max-width: 750px) {
	.program .board_list .num, .program .board_list .date, .program .board_list .bookmark {
		display: none !important;
	}

	.program .board_list .list > li {
		gap: 5px;
	}

	.program .board_list .list > li > p {
		width: 100% !important;
	}

	.program .board_list .list > li .tit {
		gap: 5px;
		width: 100%;
	}

	.program .board_list .list > li .tit a {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		max-height: 2.4em;
		font-size: 18px;
		line-height: 1.2em;
		word-wrap: break-word;
		white-space: inherit;
		word-break: keep-all;
	}

	.program .board_list .list > li .period {
		color: #666;
		letter-spacing: -0.5px;
	}
}

.program_application {
	margin-bottom: 180px;
}

.program_application .step_wrap {
	margin-bottom: 90px;
	display: flex;
	justify-content: center;
}

.program_application .step_wrap ul {
	display: flex;
	align-items: center;
	gap: 30px;
}

.program_application .step_wrap ul li {
	display: block;
	position: relative;
	width: 80px;
	padding-top: 100px;
	padding-right: 40px;
	background: no-repeat left 0;
	background-size: 80px auto;
	font-size: 20px;
	font-weight: 600;
	color: #D4D4D4;
	text-align: center;
}

.program_application .step_wrap ul li:after {
	position: absolute;
	right: 0;
	top: 33px;
	content: "";
	display: block;
	width: 9px;
	height: 18px;
	background: url(/kor/img/icn_apl_step.svg) no-repeat center center;
}

.program_application .step_wrap ul li.step1 {
	background-image: url(/kor/img/icn_apl_step1.svg);
}

.program_application .step_wrap ul li.step1.active {
	background-image: url(/kor/img/icn_apl_step1_active.svg);
	color: #0A31A8;
}

.program_application .step_wrap ul li.step2 {
	width: 90px;
	background-position: 5px 0;
	background-image: url(/kor/img/icn_apl_step2.svg);
}

.program_application .step_wrap ul li.step2.active {
	background-image: url(/kor/img/icn_apl_step2_active.svg);
	color: #0A31A8;
}

.program_application .step_wrap ul li.step3 {
	padding-right: 0;
	background-image: url(/kor/img/icn_apl_step3.svg);
}

.program_application .step_wrap ul li.step3.active {
	background-image: url(/kor/img/icn_apl_step3_active.svg);
	color: #0A31A8;
}

.program_application .step_wrap ul li.step3:after {
	display: none;
}

.program_application .term_info h3 {
	margin-bottom: 40px;
	padding: 10px;
	font-size: 20px;
	line-height: 145%;
	font-weight: 600;
	text-align: center;
	background: #F5F5F5;
}

.program_application .term_info h4 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 20px;
}

.program_application .term_info h5 {
	font-size: 16px;
	color: #333;
	margin-bottom: 15px;
}

.program_application .term_info .box_text {
	padding: 20px;
	font-size: 14px;
	border: 1px solid #D4D4D4;
	border-radius: 10px;
	margin-bottom: 40px;
}

.program_application .term_info .box_term {
	border: 1px solid #D4D4D4;
	border-radius: 10px;
	margin-bottom: 40px;
}

.program_application .term_info .box_term .term_con {
	padding: 30px 40px;
}

.program_application .term_info .box_term .term_con dl {
	margin-bottom: 15px;
}

.program_application .term_info .box_term .term_con dl dt {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 15px;
}

.program_application .term_info .box_term .term_con table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}

.program_application .term_info .box_term .term_con table th {
	padding: 3px;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	background: #E6E6E6;
	border: 1px solid #D9D9D9;
}

.program_application .term_info .box_term .term_con table td {
	padding: 3px;
	text-align: center;
	font-size: 14px;
	border: 1px solid #D9D9D9;
}

.program_application .term_info .box_term .term_con .scroll_box {
	width: 100%;
	max-height: 180px;
	padding: 24px;
	background: #f9f9f9;
	overflow: auto;
	box-sizing: border-box;
}

.program_application .term_info .box_term .term_con .cmt {
	font-size: 14px;
}

.program_application .term_info .box_term .term_agree {
	padding: 30px 40px;
	border-top: 1px solid #D4D4D4;
}

.program_application .term_info .box_term .term_agree dl {
	display: flex;
	gap: 44px;
}

.program_application .term_info .box_term .term_agree dl dt {
	font-size: 14px;
	font-weight: 600;
}

.program_application .term_info .box_term .term_agree dl dd .agree_rd {
	display: flex;
	gap: 30px;
}

.program_application .term_info .box_term .term_agree .wrap_rd label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 18px;
	height: 18px;
	border: 2px solid #999;
	border-radius: 50%;
}

.program_application .term_info .box_term .term_agree .wrap_rd label:after {
	display: none;
	content: '';
	position: absolute;
	left: 5px;
	top: 5px;
	width: 12px;
	height: 12px;
	background: #0A31A8;
	border-radius: 50%;
}

.program_application .term_info .box_term .term_agree .wrap_rd input[type='radio']:checked + label:after {
	display: block;
}

.program_application .wrap_btn {
	justify-content: flex-end;
}

.program_application .wrap_btn .btn {
	width: 200px;
}

.program_application .wrap_btn .btn_apply {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	color: #fff;
	background-color: #0A31A8;
}

.program_application .wrap_btn .btn_apply:before {
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	background: url(/kor/img/icn_apply.svg) no-repeat;
}

@media screen and (max-width: 750px) {
	.program_application .step_wrap {
		margin-bottom: 46px;
	}

	.program_application .step_wrap ul {
		gap: 26px;
	}

	.program_application .step_wrap ul li {
		width: 64px;
		padding-top: 78px;
		padding-right: 26px;
		font-size: 14px;
		background-size: 64px auto;
	}

	.program_application .step_wrap ul li.step2 {
		width: 64px;
		background-position: left top;
	}

	.program_application .term_info h3 {
		font-size: 16px;
	}

	.program_application .term_info h4 {
		font-size: 14px;
	}

	.program_application .term_info .box_term .term_con dl dt {
		font-size: 14px;
	}

	.program_application .term_info .box_term .term_con table {
		width: 800px;
	}

	.program_application .term_info .box_term .term_con .cmt {
		font-size: 12px;
	}

	.program_application .term_info .box_term .term_agree dl {
		display: block;
	}

	.program_application .term_info .box_term .term_agree dl dt {
		margin-bottom: 22px;
	}

	.program_application .term_info .box_term .term_agree dl dd .agree_rd {
		display: flex;
		gap: 30px;
		justify-content: center;
	}

	.program_application .wrap_btn {
		position: fixed;
		bottom: 0;
		left: 0;
		padding: 10px 16px;
		margin-top: 0;
		box-sizing: border-box;
		background: #fff;
		box-shadow: 0 -8px 12px rgba(0, 0, 0, 0.1);
		z-index: 1;
	}

	.program_application .wrap_btn .btn {
		height: 40px;
		line-height: 40px;
		border: 0;
		width: 120px;
	}

	.program_application .wrap_btn .btn_cancel {
		font-size: 0;
		width: 52px;
		background: url(/kor/img/icn_cancel.svg) no-repeat center center #F5F5F5;
	}

	.program_application .wrap_btn .btn_save {
		font-size: 0;
		width: 52px;
		background: url(/kor/img/icn_save.svg) no-repeat center center #F5F5F5;
	}

	.program_application .wrap_btn .btn_apply {
		width: 120px;
	}
}

.program_application .done_section {
	padding: 60px;
	background: #F5F5F5;
	border-radius: 32px;
}

.program_application .done_section dl {
	text-align: center;
}

.program_application .done_section dl dt {
	margin-bottom: 24px;
	font-size: 24px;
	font-weight: 700;
	color: #000;
}

.program_application .done_section dl dd {
	font-size: 18px;
	word-break: keep-all;
	line-height: 135%;
}

.program_application .done_section dl dd a {
	text-decoration: underline;
}

.program_application .done_section .wrap_btn {
	margin-top: 40px;
	justify-content: center;
	position: static;
	box-shadow: none;
	background: none;
	padding: 0;
}

.program_application .done_section .wrap_btn .btn_link {
	display: block;
	width: 260px;
	height: 44px;
	background: #0A31A8;
	border-radius: 22px;
	color: #fff;
	text-align: center;
	line-height: 44px;
	font-size: 16px;
	font-weight: 600;
}

@media screen and (max-width: 750px) {
	.program_application .done_section {
		padding: 80px 20px;
	}

	.program_application .done_section dl dt {
		margin-bottom: 20px;
		font-size: 18px;
	}

	.program_application .done_section dl dd {
		font-size: 14px;
		line-height: 18px;
	}

	.program_application .done_section .wrap_btn .btn_link {
		width: 240px;
	}
}

.wrap_form {
	margin-bottom: 80px;
}

.wrap_form .header {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 16px;
	margin-bottom: 40px;
	border-bottom: 1px solid #000;
}

.wrap_form .header .form_tit {
	font-size: 24px;
	font-weight: 600;
	line-height: 1;
}

.wrap_form .header .right {
	font-size: 18px;
	color: #666;
	line-height: 1;
}

.wrap_form .header .right span {
	color: #DD4508;
}

.wrap_form .header .util {
	position: absolute;
	right: 0;
	top: 5px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
}

.wrap_form .header .util button {
	padding: 0 15px;
	font-size: 16px;
	line-height: 24px;
	height: 24px;
	border: 1px solid #999;
	color: #999;
	border-radius: 5px;
}

.wrap_form p.center {
	text-align: center;
}

.wrap_form p.contxt {
	line-height: 44px;
	font-size: 16px;
	font-weight: bold;
}

.wrap_form .div_stack .btm_line {
	position: relative;
	padding: 50px 0;
	border-bottom: 1px solid #999;
}

.wrap_form .div_stack .btm_line:first-child {
	padding-top: 0;
}

.wrap_form .div_stack .btm_line:last-child {
	border-bottom: 0;
}

.wrap_form .div_stack .btm_line .btn_delete {
	position: absolute;
	right: 0;
	top: 20px;
}

.wrap_form .div_stack .btm_line .btn_delete button {
	display: inline-block;
	padding: 0 20px;
	height: 34px;
	line-height: 34px;
	background: #999;
	color: #fff;
	font-size: 16px;
	border-radius: 5px;
}

.wrap_form input[type='date'] {
	padding: 0 16px;
	width: 190px;
	height: 40px;
	font-size: 16px;
	border: 1px solid #d4d4d4;
	border-radius: 6px;
	background: url(/kor/img/icn_date_gray.svg) #fff no-repeat 93% 50%;
	box-sizing: border-box;
}

.wrap_form dl {
	display: flex;
	margin-bottom: 30px;
	font-size: 18px;
}

.wrap_form dl:last-child {
	margin-bottom: 0;
}

.wrap_form dl dt {
	width: 205px;
	color: #333;
	box-sizing: border-box;
	padding-right: 40px;
}

.wrap_form dl dt span {
	color: #dd4508;
}

.wrap_form dl dd {
	width: calc(100% - 205px);
	color: #333;
}

.wrap_form dl dd .atch_img {
	max-height: 100px;
}

.wrap_form dl dd .added_file .file .name {
	margin-bottom: 0;
}

.wrap_form dl dd .mt0 {
	margin-top: 0;
}

.wrap_form dl dd .flex {
	display: flex;
	align-items: center;
}

.wrap_form dl dd .flex .tit_con {
	font-size: 16px;
	display: flex;
	align-items: center;
	gap: 22px;
}

.wrap_form dl dd .flex.prefer {
	gap: 42px;
	margin-bottom: 24px;
}

.wrap_form dl dd .flex.prefer .prefer_no {
	font-size: 16px;
	font-weight: 600;
}

.wrap_form dl dd .flex.job {
	gap: 42px;
	margin-top: 24px;
}

.wrap_form dl dd .flex.job .wrap_input.md {
	width: 275px;
}

.wrap_form dl dd .flex.name {
	gap: 130px;
	margin-bottom: 14px;
}

.wrap_form dl dd .flex.email {
	gap: 10px;
	margin-bottom: 14px;
}

.wrap_form dl dd .flex.email p {
	color: #999;
}

.wrap_form dl dd .flex.email .wrap_input {
	width: 240px;
}

.wrap_form dl dd .flex.tel {
	gap: 10px;
	margin-bottom: 14px;
}

.wrap_form dl dd .flex.tel p {
	color: #999;
}

.wrap_form dl dd .flex.tel .wrap_input {
	width: 140px;
}

.wrap_form dl dd .flex.tel .wrap_select {
	width: 140px;
}

.wrap_form dl dd .flex.address {
	gap: 20px;
	margin-bottom: 14px;
}

.wrap_form dl dd .flex.address .btn {
	display: block;
	width: 160px;
	height: 44px;
	line-height: 44px;
	border-radius: 22px;
	text-align: center;
	color: #fff;
	font-weight: 600;
	background: #333;
}

.wrap_form dl dd .flex.network {
	gap: 20px;
	margin-bottom: 14px;
}

.wrap_form dl dd .flex.network .wrap_select {
	width: 130px;
}

.wrap_form dl dd .flex.network.space {
	padding-left: 150px;
}

.wrap_form .wrap_file {
	margin-bottom: 24px;
}

.wrap_form .wrap_file .download a {
	color: #0A31A8;
	font-size: 18px;
	font-weight: 600;
}

.wrap_form .rd_list {
	display: flex;
	align-items: center;
	gap: 40px;
}

.wrap_form .rd_list.fw {
	flex-wrap:wrap;
}

.wrap_form .rd_list li {
	margin-bottom: 24px;
}

.wrap_form .rd_list .fx {
	display: flex;
	align-items: center;
	gap: 10px;
}

.wrap_form .rd_list .wrap_rd label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 5px;
	width: 15px;
	height: 15px;
	border: 2px solid #d4d4d4;
	border-radius: 50%;
}

.wrap_form .rd_list .wrap_rd label:after {
	display: none;
	content: '';
	position: absolute;
	left: 5px;
	top: 10px;
	width: 9px;
	height: 9px;
	background: #0A31A8;
	border-radius: 50%;
}

.wrap_form .rd_list .wrap_rd input[type='radio']:checked + label:before {
	border-color: #0A31A8;
}

.wrap_form .rd_list .wrap_rd input[type='radio']:checked + label:after {
	display: block;
}

.wrap_form .ck_list li {
	float: left;
	margin-right: 40px;
	margin-bottom: 24px;
	display: flex;
	align-items: center;
	gap: 16px;
}

.wrap_form .ck_list li.mb0 {
	margin-bottom: 0;
}

.wrap_form .ck_list .wrap_ck {
	display: flex;
	align-items: center;
	gap: 8px;
}

.wrap_form .ck_list .wrap_ck input[type='checkbox'] {
	display: none;
}

.wrap_form .ck_list .wrap_ck label {
	font-size: 16px;
	color: #333;
}

.wrap_form .ck_list .wrap_ck label:before {
	content: '';
	display: block;
	top: 2px;
	width: 20px;
	height: 20px;
	border: 2px solid #d4d4d4;
	border-radius: 5px;
	box-sizing: border-box;
}

.wrap_form .ck_list .wrap_ck input[type='checkbox']:checked + label:before {
	background: url(/kor/img/icn_ck_square_on.svg) no-repeat 50%;
	background-size: contain;
	border: none;
}

.wrap_form .ck_list:after {
	content: "";
	clear: both;
	display: block;
}

.wrap_form .flex_list {
	margin-bottom: 30px;
}

.wrap_form .flex_list li {
	display: flex;
	align-items: center;
	gap: 30px;
	margin-bottom: 30px;
}

.wrap_form .flex_list li p {
	font-size: 18px;
	color: #333;
}

.wrap_form .flex_list li .item {
	width: 200px;
}

.wrap_form .flex_list li .item.w400 {
	width: 400px;
}

.wrap_form .flex_list li .item.w160 {
	width: 160px;
}

.wrap_form .flex_list li .item .wrap_select {
	width: 100%;
}

.wrap_form .flex_list li .item .wrap_input {
	width: 100%;
}

.wrap_form .flex_list li .item .tit {
	display: none;
	font-size: 18px;
	margin-bottom: 16px;
}

.wrap_form .flex_list li .item .tit span {
	color: #DD4508;
}

.wrap_form .flex_list li .item .date {
	display: flex;
	align-items: center;
	gap: 8px;
}

.wrap_form .flex_list li .item.btn_wrap {
	width: 100px;
}

.wrap_form .flex_list li .item.btn_wrap button {
	display: inline-block;
	padding: 0 20px;
	height: 34px;
	line-height: 34px;
	background: #999;
	color: #fff;
	font-size: 16px;
	border-radius: 5px;
}

.wrap_form .flex_list li .item.grow {
	width: 100%;
	flex-grow: 1;
}

.wrap_form .flex_list li:first-child .item .tit {
	display: block;
}

.wrap_form .wrap_number {
	display: flex;
	align-items: center;
	gap: 5px;
}

.wrap_form .wrap_number input[type=number] {
	padding: 0 20px;
	text-align: right;
	width: 100px;
	height: 44px;
	line-height: 44px;
	border: 1px solid #d4d4d4;
	border-radius: 10px;
	box-sizing: border-box;
}

.wrap_form .cmt_text {
	font-size: 16px;
	color: #999999;
}

.wrap_form .info {
	display: flex;
	align-items: center;
}

.wrap_form .info li {
	position: relative;
	padding: 0 10px;
}

.wrap_form .info li:first-child {
	padding-left: 0;
}

.wrap_form .info li:after {
	content: '';
	position: absolute;
	right: -1px;
	top: 7px;
	width: 2px;
	height: 12px;
	background-color: #d4d4d4;
}

.wrap_form .info li:last-child:after {
	display: none;
}

.wrap_form .wrap_select {
	position: relative;
	width: 360px;
	height: 44px;
	background-color: #fff;
	font-size: 16px;
	box-sizing: border-box;
	border: 1px solid #d4d4d4;
	border-radius: 10px;
	overflow: hidden;
}

.wrap_form .wrap_select select {
	display: block;
	position: relative;
	padding-left: 20px;
	padding-right: 40px;
	width: 100%;
	height: 100%;
	color: #999;
	line-height: 42px;
	border: none;
	cursor: pointer;
	box-sizing: border-box;
	background: url(/kor/img/icn_arrow_down.svg) no-repeat right center;
	background-size: contain;
}

.wrap_form .wrap_select select:focus {
	border-color: #0A31A8;
}

.support_type_section .wrap_select select.has-selected-value {
	font-weight: 600;
	color: #000;
}

.support_type_section .wrap_select select option {
	font-weight: 400;
	color: #666;
}

.support_type_section .wrap_select select option:checked {
	font-weight: 600;
	color: #000;
}

.wrap_form .depth {
	position: relative;
	width: 360px;
	height: 44px;
	background-color: #fff;
}

.wrap_form .depth input[type='checkbox'] {
	display: none;
}

.wrap_form .depth label {
	display: block;
	position: relative;
	padding-left: 20px;
	width: 100%;
	height: 100%;
	color: #999;
	line-height: 44px;
	border: 1px solid #d4d4d4;
	border-radius: 10px;
	cursor: pointer;
	box-sizing: border-box;
}

.wrap_form .depth label:after {
	content: '';
	position: absolute;
	right: 20px;
	top: 8px;
	width: 26px;
	height: 26px;
	background: url(/kor/img/icn_arrow_gray.svg) no-repeat;
	transform: rotate(180deg);
}

.wrap_form .depth label:focus {
	border-color: #0A31A8;
}

.wrap_form .depth .dropdown {
	display: none;
	position: absolute;
	left: 0;
	top: 53px;
	padding: 16px 10px;
	width: 100%;
	border: 1px solid #d4d4d4;
	border-radius: 15px;
	background-color: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
	box-sizing: border-box;
	overflow: hidden;
	z-index: 1;
}

.wrap_form .depth .dropdown li {
	padding: 0 10px;
	width: 100%;
	height: 44px;
	line-height: 44px;
	cursor: pointer;
}

.wrap_form .depth input[type='checkbox']:checked ~ label {
	border-color: #0A31A8;
}

.wrap_form .depth input[type='checkbox']:checked ~ label:after {
	transform: rotate(0);
}

.wrap_form .depth input[type='checkbox']:checked ~ .dropdown {
	display: block;
}

.wrap_form .wrap_input {
	position: relative;
	width: 662px;
	height: 44px;
	box-sizing: border-box;
	overflow: hidden;
}

.wrap_form .wrap_input.md {
	width: 320px;
}

.wrap_form .wrap_input input {
	padding: 0 20px;
	width: 100%;
	height: 100%;
	border: 1px solid #d4d4d4;
	border-radius: 10px;
	box-sizing: border-box;
}

.wrap_form .wrap_input input::placeholder {
	color: #999;
}

.wrap_form .wrap_input input:focus, .wrap_form .wrap_input input:active {
	border-color: #0A31A8;
}

.wrap_form .wrap_input .cnt {
	position: absolute;
	right: 38px;
	top: 9px;
	color: #999;
}

.wrap_form .wrap_textarea {
	padding: 20px 20px 10px;
	width: 100%;
	height: 400px;
	border: 1px solid #d4d4d4;
	border-radius: 10px;
	box-sizing: border-box;
}

.wrap_form .wrap_textarea textarea {
	width: 100%;
	height: 94%;
	border: none;
	resize: none;
}

.wrap_form .wrap_textarea textarea::placeholder {
	color: #999;
}

.wrap_form .wrap_textarea .cnt {
	color: #999;
	text-align: right;
}

@media screen and (max-width: 1200px) {
	.wrap_form .header {
		margin-bottom: 25px;
	}

	.wrap_form .header .form_tit {
		font-size: 20px;
	}

	.wrap_form .header .right {
		font-size: 16px;
	}

	.wrap_form dl {
		display: block;
		margin-bottom: 30px;
		font-size: 16px;
	}

	.wrap_form dl dt {
		width: 100%;
		margin-bottom: 15px;
		font-size: 16px;
	}

	.wrap_form dl dd {
		width: 100%;
	}

	.wrap_form dl dd .flex {
		display: block;
		margin-bottom: 15px;
	}

	.wrap_form dl dd .flex .tit_con {
		margin-bottom: 15px;
	}

	.wrap_form dl dd .flex .tit_con p {
		width: 100px;
	}

	.wrap_form dl dd .flex.email {
		display: flex;
	}

	.wrap_form dl dd .flex.email .wrap_input {
		width: 160px;
	}

	.wrap_form dl dd .flex.tel {
		display: flex;
	}

	.wrap_form dl dd .flex.tel .wrap_input {
		width: 160px;
	}

	.wrap_form dl dd .flex.address {
		display: flex;
	}

	.wrap_form dl dd .flex.network .wrap_select {
		margin-bottom: 15px;
	}

	.wrap_form dl dd .flex.network .wrap_input {
		margin-bottom: 15px;
	}

	.wrap_form dl dd .flex.network.space {
		padding-left: 0;
		padding-top: 20px;
	}

	.wrap_form .rd_list {
		display: block;
	}

	.wrap_form .rd_list li {
		display: block;
	}

	.wrap_form .rd_list li .wrap_input {
		margin-top: 10px;
	}

	.wrap_form .rd_list .fx {
		display: block;
	}

	.wrap_form .ck_list li {
		display: block;
	}

	.wrap_form .ck_list li .wrap_input {
		margin-top: 10px;
	}

	.wrap_form .flex_list > li {
		display: block;
		border-bottom: 1px solid #d4d4d4;
		margin-bottom: 40px;
		padding-bottom: 20px;
	}

	.wrap_form .flex_list > li .item {
		margin-bottom: 20px;
		width: 100% !important;
	}

	.wrap_form .flex_list > li .item .tit {
		display: block;
		margin-bottom: 10px;
		font-size: 16px;
	}

	.wrap_form .wrap_input {
		width: 100%;
	}

	.wrap_form .wrap_input.md {
		width: 100%;
	}

	.wrap_form .wrap_input input {
		padding: 0 20px;
		font-size: 16px;
	}

	.wrap_form .wrap_select {
		width: 100%;
	}

	.wrap_form .cmt_text {
		font-size: 14px;
	}
}

/* --- 02. 해외봉사 이야기 --- */
/* WFK 이야기 */
.WFK .story {
	display: flex;
	gap: 50px;
	margin-top: 70px;
}

.WFK .story .left {
	width: 100%;
}

.WFK .story .left .cnt {
	margin-bottom: 20px;
	font-size: 20px;
}

.WFK .story .left .list {
	display: flex;
	flex-wrap: wrap;
	gap: 50px 20px;
}

.WFK .story .left .list dl {
	width: calc((100% - 40px) / 3);
	height: 428px;
	border: 1px solid #d4d4d4;
	border-radius: 16px;
	box-sizing: border-box;
	overflow: hidden;
}

.WFK .story .left .list dl:hover {
        /* border-color: #0A31A8; */
	box-shadow: 0 0 40px rgba(0, 14, 25, 0.17);
}

.WFK .story .left .list dl dt {
	width: 100%;
	height: 296px;
}

.WFK .story .left .list dl dt img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.WFK .story .left .list dl dd {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 17px;
	background-color: #fff;
}

.WFK .story .left .list dl dd .tags li {
	color: #4285F4;
	background-color: #EEF5F8;
}

.WFK .story .left .list dl dd .tit {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 2.8em;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4em;
	word-wrap: break-word;
	white-space: inherit;
	overflow: hidden;
}

.WFK .story .left .list dl dd .date {
	font-size: 12px;
	color: #999;
	letter-spacing: 0px;
}

.WFK .story .right {
	flex-shrink: 0;
	margin-top: 50px;
	width: 302px;
}

.WFK .story .right .header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: 5px;
	height: 50px;
	font-size: 20px;
	font-weight: 600;
	line-height: 50px;
}

.WFK .story .right .header.gray {
	background-color: #F5F5F5;
}

.WFK .story .right .header .taps {
	display: flex;
	align-items: center;
	gap: 10px;
}

.WFK .story .right .header .taps .tap_btn {
	cursor: pointer;
	color: #999999;
	font-size: 16px;
}

.WFK .story .right .header .taps .tap_btn.active {
	color: #0A31A8;
}

.WFK .story .right .header .taps .dot {
	color: #D9D9D9;
	user-select: none;
}

.WFK .story .right .tap_wrapper {
	flex-wrap: wrap;
	gap: 30px;
	height: auto;
}

.WFK .story .right .tap_wrapper .tap_page {
	display: none;
	height: auto;
	border: 1px solid #d4d4d4;
	border-radius: 16px;
	box-sizing: border-box;
	overflow: hidden;
}

.WFK .story .right .tap_wrapper .tap_page.active {
	display: block;
}

.WFK .story .right .tap_wrapper .tap_page ul {
	margin: 18px auto;
	width: calc(100% - 55px);
}

.WFK .story .right .tap_wrapper .tap_page ul li {
	position: relative;
	padding-left: 36px;
	margin-bottom: 18px;
    min-height: 45px;
}

.WFK .story .right .tap_wrapper .tap_page ul li:last-child {
	margin-bottom: 0;
}

.WFK .story .right .tap_wrapper .tap_page ul li span {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 30px;
	font-family: 'HSSanTokki20-Regular';
	color: #333;
}

.WFK .story .right .tap_wrapper .tap_page ul li .tit {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 16px;
	line-height: 1.4;
	word-wrap: break-word;
	white-space: inherit;
	overflow: hidden;
}

.WFK .story .right .tap_wrapper .tap_page ul li .date {
	margin-top: 5px;
	font-size: 12px;
	color: #999;
	letter-spacing: -0.5px;
}

.WFK .story .right .wrap_btn {
	display: none;
}

.WFK .story .right p {
	padding: 0 4px;
	margin: 15px 0 24px;
	font-size: 13px;
	color: #999;
	letter-spacing: -0.5px;
}

@media screen and (max-width: 1000px) {
	.WFK .story {
		flex-direction: column-reverse;
		gap: 20px;
		margin-top: 40px;
	}

	.WFK .story .left {
		position: relative;
		width: 100%;
	}

	.WFK .story .left .cnt {
		font-size: 18px;
	}

	.WFK .story .left .list {
		flex-direction: column;
		gap: 20px;
	}

	.WFK .story .left .list dl {
		display: flex;
		align-items: center;
		width: 100%;
		height: 100px;
		border-radius: 10px;
	}

	.WFK .story .left .list dl dt {
		flex-shrink: 0;
		width: 100px;
		height: 100px;
	}

	.WFK .story .left .list dl dd {
		flex-direction: column;
		gap: 4px;
		padding: 10px;
	}

	.WFK .story .left .list dl dd .tit {
		font-size: 14px;
	}

	.WFK .story .right {
		position: relative;
		padding-top: 30px;
		margin-top: 0;
		width: 100%;
	}

	.WFK .story .right:before {
		content: '';
		position: absolute;
		top: 0;
		left: -16px;
		width: calc(100% + 32px);
		height: 11px;
		background-color: #f5f5f5;
		border-top: 1px solid #D4D4D480;
	}

	.WFK .story .right .tap_page.active {
		height: 100px;
	}

	.WFK .story .right .tap_page.active ul {
		position: relative;
		overflow: hidden;
		height: 65px;
	}

	.WFK .story .right .tap_page.active ul li {
		display: flex;
		flex-direction: column;
		justify-content: center;
		position: absolute;
		height: 100%;
	}

    .WFK .story .right .tap_wrapper .tap_page ul li {
        min-height: unset;
    }

    .WFK .story .right .tap_wrapper .tap_page ul li span {
        top: 50%;
        transform: translateY(-50%);
    }

    .WFK .story .right .tap_wrapper .tap_page ul li .date {
        margin-top: 0px;
    }
}

.WFK .video {
	margin-top: 70px;
}

.WFK .video .cnt {
	margin-bottom: 20px;
	font-size: 20px;
}

.WFK .video .list {
	display: flex;
	flex-wrap: wrap;
	gap: 40px 20px;
}

.WFK .video .list dl {
	width: calc((100% - 40px) / 3);
	height: 368px;
	border-radius: 16px;
	box-sizing: border-box;
	overflow: hidden;
	border: 1px solid #d4d4d4;
}

.WFK .video .list dl:hover {
	box-shadow: 0 0 40px rgba(0, 14, 25, 0.17);
}

.WFK .video .list dl dt {
	border-bottom: 1px solid #d4d4d4;
	height: 232px;
}

.WFK .video .list dl dt img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.WFK .video .list dl dd {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 17px;
	background-color: #fff;
}

.WFK .video .list dl dd .tags li {
	color: #4285F4;
	background-color: #EEF5F8;
}

.WFK .video .list dl dd .tit {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 2.8em;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4em;
	word-wrap: break-word;
	white-space: inherit;
	overflow: hidden;
}

.WFK .video .list dl dd .date {
	font-size: 12px;
	color: #999;
	letter-spacing: 0px;
}

@media screen and (max-width: 750px) {
	.WFK .video {
		margin-top: 40px;
	}

	.WFK .video .cnt {
		font-size: 18px;
	}

	.WFK .video .list {
		gap: 20px 8px;
	}

	.WFK .video .list dl {
		width: calc((100% - 8px) / 2);
		height: auto;
		border-radius: 10px;
	}

	.WFK .video .list dl dt {
		position: relative;
		width: 100%;
		height: auto;
	}

	.WFK .video .list dl dt:before {
		content: '';
		display: block;
		padding-top: 56%;
	}

	.WFK .video .list dl dt img {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}

	.WFK .video .list dl dd {
		gap: 6px;
		padding: 6px;
	}

	.WFK .video .list dl dd .tit {
		font-size: 14px;
	}

	.WFK .video .list dl dd .date {
		font-size: 10px;
	}
}

.WFK .board_view .right .wrap_btn .btn_list {
	width: 100%;
}

@media screen and (max-width: 1250px) {
	.WFK .board_view .right .wrap_btn {
		padding: 10px 16px;
	}

	.WFK .board_view .right .wrap_btn .btn_list {
		gap: 6px;
		width: 140px;
		font-size: 16px;
		background: #F5F5F5;
	}
}

/* 해외봉사기관 소개 */
.org h3 {
	margin: 20px 0;
	font-size: 30px;
	font-weight: 600;
}

.org h3 + p {
	margin-bottom: 70px;
	font-size: 18px;
	color: #666;
}

.org .list > strong {
	display: block;
	margin-bottom: 30px;
	font-size: 24px;
	font-weight: 600;
}

.org .list dl {
	position: relative;
	display: flex;
	gap: 30px;
	padding: 36px 30px;
	border-bottom: 1px solid #d4d4d4;
	cursor: pointer;
}

.org .list dl dt {
	flex-shrink: 0;
	width: 305px;
	height: 180px;
}

.org .list dl dt img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.org .list dl dd {
	width: 100%;
}

.org .list dl dd .name {
	margin-bottom: 27px;
	font-size: 20px;
	font-weight: 600;
}

.org .list dl dd ul li {
	display: flex;
	align-items: center;
	gap: 43px;
	margin-bottom: 12px;
	font-size: 16px;
	color: #666;
	letter-spacing: -0.5px;
}

.org .list dl dd ul li:last-child {
	margin-bottom: 0;
}

.org .list dl dd ul li span {
	display: flex;
	align-items: center;
	gap: 7px;
	width: 81px;
}

.org .list dl dd ul li span:before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
}

.org .list dl dd ul li.contry span:before {
	background: url(/kor/img/icn_country.svg) no-repeat 50%;
}

.org .list dl dd ul li.outline span:before {
	background: url(/kor/img/icn_outline.svg) no-repeat 50%;
}

.org .list dl dd ul li.motto span:before {
	background: url(/kor/img/icn_motto.svg) no-repeat 50%;
}

.org .list dl dd ul li.goal span:before {
	background: url(/kor/img/icn_goal.svg) no-repeat 50%;
}

.org .list dl dd ul li.field span:before {
	background: url(/kor/img/icn_field.svg) no-repeat 50%;
}

.org .list dl a {
	position: absolute;
	right: 36px;
	top: 51px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2px;
	width: 119px;
	height: 32px;
	font-size: 12px;
	color: #999;
	text-decoration: none;
	background-color: #f5f5f5;
	border-radius: 50px;
}

.org .list dl a:after {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background: url(/kor/img/icn_link_gray.svg) no-repeat 50%;
}

.org .list dl:hover {
	border: none !important;
	border-radius: 20px;
	box-shadow: 0 0 40px rgba(0, 14, 24, 0.17);
}

.org .list dl:nth-of-type(1) {
	border-top: 1px solid #d4d4d4;
}

@media screen and (max-width: 750px) {
	.org .layout {
		padding: 0;
	}

	.org .layout h3 {
		padding: 0 20px 0 16px;
		margin: 20px 0 13px;
		font-size: 20px;
		word-break: keep-all;
	}

	.org .layout h3 + p {
		padding: 0 16px;
		margin-bottom: 60px;
		font-size: 16px;
	}

	.org .layout .list strong {
		padding: 0 16px;
		margin-bottom: 20px;
		font-size: 18px;
	}

	.org .layout .list dl {
		flex-direction: column;
		gap: 20px;
		padding: 16px 16px 20px 16px;
	}

	.org .layout .list dl dt {
		width: 100%;
		height: auto;
	}

	.org .layout .list dl dd .name {
		margin-bottom: 16px;
		font-size: 18px;
	}

	.org .layout .list dl dd ul li {
		gap: 30px;
		margin-bottom: 17px;
		font-size: 14px;
	}

	.org .layout .list dl dd ul li span {
		flex-shrink: 0;
		gap: 6px;
		width: 72px;
	}

	.org .layout .list dl dd ul li span:before {
		width: 18px;
		height: 18px;
	}

	.org .layout .list dl:hover {
		border-radius: 0;
	}

	.org .layout .list dl a {
		position: relative;
		right: auto;
		top: auto;
		margin-left: auto;
	}
}

/* --- 03. 교육, 자료 --- */
/* 자료실 */
.education .board_list {
	position: relative;
}

.education .board_list .tab {
	position: absolute;
	right: 0;
	top: -15px;
	padding: 0;
	margin: 0;
	width: 110px;
	height: 50px;
	gap: 10px;
}

.education .board_list .tab a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 0;
	background: #F5F5F5;
}

.education .board_list .tab a.active {
	background: #0A31A8;
}

.education .board_list .tab a:before {
	content: '';
	display: block;
	width: 24px;
	height: 24px;
}

.education .board_list .tab a.list:before {
	background: url(/kor/img/icn_board_list.svg) no-repeat 50%;
	background-size: contain;
}

.education .board_list .tab a.list.active:before {
	background: url(/kor/img/icn_board_list_on.svg) no-repeat 50%;
	background-size: contain;
}

.education .board_list .tab a.gallery:before {
	background: url(/kor/img/icn_board_gallery.svg) no-repeat 50%;
	background-size: contain;
}

.education .board_list .tab a.gallery.active:before {
	background: url(/kor/img/icn_board_gallery_on.svg) no-repeat 50%;
	background-size: contain;
}

@media screen and (max-width: 750px) {
	.education .board_list .tab {
		box-sizing: border-box;
	}

	.education .board_list .tab a {
		width: 44px;
		height: 44px;
		line-height: 44px;
	}

	.education .board_list .list .num, .education .board_list .list .bookmark {
		display: none;
	}
}

.education .board_view .left {
  /*교육신청*/;
}

.education .board_view .left.apply {
	border: none;
}

.education .board_view .left .edu_info {
	border: 1px solid #D4D4D4;
	border-radius: 16px;
	margin-bottom: 30px;
}

.education .board_view .left .edu_info .head {
	display: flex;
	padding: 15px 24px;
}

.education .board_view .left .edu_info .head .tag {
	padding: 0 6px;
	height: 24px;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	border-radius: 5px;
	border-bottom: none;
	color: #4285F4;
	background-color: #EEF5F8;
	margin-right: 12px;
}

.education .board_view .left .edu_info .head h3 {
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
}

.education .board_view .left .edu_info .thumb {
	display: flex;
	padding: 24px;
	border-top: 1px solid #D4D4D4;
	gap: 20px;
}

.education .board_view .left .edu_info .thumb:after {
	content: "";
	clear: both;
	display: block;
}

.education .board_view .left .edu_info .thumb .img {
	float: left;
	width: 409px;
	height: 205px;
	border-radius: 16px;
	overflow: hidden;
}

.education .board_view .left .edu_info .thumb .img img {
	display: block;
	width: 100%;
}

.education .board_view .left .edu_info .thumb .con {
	width: 390px;
	float: right;
}

.education .board_view .left .edu_info .thumb .con p {
	font-size: 14px;
	margin-bottom: 20px;
}

.education .board_view .left .edu_info .thumb .con dl {
	display: flex;
	color: #666;
	font-size: 14px;
	gap: 27px;
	margin-bottom: 10px;
}

.education .board_view .left .edu_info .thumb .con dl dt {
	padding-left: 22px;
	font-weight: 600;
	background: no-repeat 0 center;
	background-size: 18px;
}

.education .board_view .left .edu_info .thumb .con dl.edu_period dt {
	background-image: url(/kor/img/icn_clock.svg);
}

.education .board_view .left .edu_info .thumb .con dl.rec_period dt {
	background-image: url(/kor/img/icn_date_gray.svg);
}

.education .board_view .left .edu_info .thumb .con dl.org dt {
	background-image: url(/kor/img/icn_org.svg);
}

.education .board_view .left .edu_intro {
	border: 1px solid #D4D4D4;
	border-radius: 16px;
	margin-bottom: 30px;
}

.education .board_view .left .edu_intro h3 {
	padding: 15px 24px;
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
	border-bottom: 1px solid #D4D4D4;
}

.education .board_view .left .edu_intro .con {
	padding: 15px 24px;
}

.education .board_view .left .edu_intro .con .atd_file {
	padding-top: 30px;
}

.education .board_view .left .edu_intro .con .atd_file dt {
	margin-bottom: 10px;
	padding: 0 12px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #666;
	font-weight: 600;
	background: #F5F5F5;
}

.education .board_view .left .edu_intro .con .atd_file dd {
	line-height: 24px;
}

.education .board_view .left .edu_intro .con .atd_file dd p {
	margin-bottom: 3px;
}

.education .board_view .left .edu_intro .con .atd_file dd a {
	display: block;
}

.education .board_view .left .edu_intro .con .atd_file dd a:after {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(/kor/img/icn_file.svg) no-repeat;
	vertical-align: bottom;
}

.education .board_view .left .edu_time {
	border: 1px solid #D4D4D4;
	border-radius: 16px;
	margin-bottom: 30px;
	overflow: hidden;
}

.education .board_view .left .edu_time h3 {
	padding: 15px 24px;
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
}

.education .board_view .left .edu_time h3 a {
	padding-left: 44px;
	background: url(/kor/img/icn_arrow_black.svg) no-repeat left center;
	background-size: 24px;
}

.education .board_view .left .edu_time ul li {
	display: flex;
	padding: 17px 0;
	border-top: 1px solid #D4D4D4;
	align-items: center;
}

.education .board_view .left .edu_time ul li .time {
	width: 70px;
	text-align: center;
	color: #999;
}

.education .board_view .left .edu_time ul li .tag {
	width: 70px;
	text-align: center;
}

.education .board_view .left .edu_time ul li .tag em {
	padding: 0 6px;
	height: 24px;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	border-radius: 5px;
	border-bottom: none;
	color: #4285F4;
	background-color: #EEF5F8;
}

.education .board_view .left .edu_time ul li .tag em.offline {
	background: #F2F7F2;
	color: #34A853;
}

.education .board_view .left .edu_time ul li .tit {
	width: 530px;
	padding: 0 24px;
	box-sizing: border-box;
}

.education .board_view .left .edu_time ul li .date {
	width: 210px;
	color: #999;
}

.education .board_view .left .edu_time .video {
	border-top: 1px solid #D4D4D4;
	background: #f4f4f4;
}

.education .board_view .left .edu_time .video video {
	width: 100%;
	height: 300px;
}

.education .board_view .left .ccl {
	display: flex;
	gap: 30px;
	padding: 24px 20px;
	border-top: 1px solid #d4d4d4;
}

.education .board_view .left .ccl dt {
	flex-shrink: 0;
	font-size: 16px;
	font-weight: 700;
	color: #0A31A8;
}
.education .board_view .left .ccl dd {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
}

.education .board_view .left .ccl dd i {
	display: block;
	min-width: 40px;
	height: 40px;
	padding-left: 50px;
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 40px;
	background: no-repeat 0 center;
	background-size: contain;
}

.education .board_view .left .ccl dd i.ccl_by {
	background-image: url(/kor/img/ccl_by.svg);
}

.education .board_view .left .ccl dd i.ccl_nc {
	background-image: url(/kor/img/ccl_nc.svg);
}

.education .board_view .left .ccl dd i.ccl_nd {
	background-image: url(/kor/img/ccl_nd.svg);
}

.education .board_view .left .ccl dd i.ccl_sa {
	background-image: url(/kor/img/ccl_sa.svg);
}

@media screen and (max-width: 750px) {
	.education .board_view .left .edu_info {
		padding: 20px 16px;
		border: none;
		border-radius: 0;
		border-bottom: 1px solid #D4D4D4;
	}

	.education .board_view .left .edu_info .head {
		display: block;
		padding: 0;
		margin-bottom: 16px;
	}

	.education .board_view .left .edu_info .head .tag {
		margin-bottom: 4px;
	}

	.education .board_view .left .edu_info .head h3 {
		font-size: 16px;
		line-height: 22px;
	}

	.education .board_view .left .edu_info .thumb {
		display: block;
		padding: 0;
		border-top: none;
	}

	.education .board_view .left .edu_info .thumb .img {
		float: none;
		width: 100%;
		height: 205px;
		border-radius: 16px;
	}

	.education .board_view .left .edu_info .thumb .con {
		width: 100%;
		float: none;
	}

	.education .board_view .left .edu_info .thumb .con p {
		font-size: 14px;
		margin-top: 14px;
		margin-bottom: 16px;
	}

	.education .board_view .left .edu_intro {
		border: none;
		border-radius: 0;
		padding: 20px 16px;
	}

	.education .board_view .left .edu_intro h3 {
		padding: 0;
		font-size: 16px;
		line-height: 22px;
		border-bottom: none;
		margin-bottom: 12px;
	}

	.education .board_view .left .edu_intro .con {
		padding: 0;
	}

	.education .board_view .left .edu_time {
		border: none;
		border-radius: 0;
	}

	.education .board_view .left .edu_time h3 {
		padding: 0 16px;
		font-size: 16px;
		line-height: 22px;
		border: none;
		margin-bottom: 12px;
	}

	.education .board_view .left .edu_time ul li {
		display: block;
		padding: 16px;
		border-top: 1px solid #D4D4D4;
	}

	.education .board_view .left .edu_time ul li .time {
		width: auto;
		display: inline-block;
		text-align: left;
		vertical-align: top;
	}

	.education .board_view .left .edu_time ul li .tag {
		width: auto;
		display: inline-block;
		text-align: left;
		vertical-align: top;
	}

	.education .board_view .left .edu_time ul li .tit {
		width: 100%;
		padding: 6px 0;
	}

	.education .board_view .left .edu_time ul li .date {
		width: auto;
	}
}

.education .board_view .right .btn_detail {
	display: none;
}

.education .board_view .right .edu_detail {
	border: 1px solid #d4d4d4;
	width: 360px;
	border-radius: 20px;
}

.education .board_view .right .edu_detail .btn_close {
	display: none;
}

.education .board_view .right .edu_detail .detail {
	padding: 30px 24px;
}

.education .board_view .right .edu_detail .detail .info {
	margin-bottom: 40px;
}

.education .board_view .right .edu_detail .detail .info dt {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 16px;
}

.education .board_view .right .edu_detail .detail .info dd {
	font-size: 14px;
}

.education .board_view .right .edu_detail .progress {
	display: flex;
	gap: 34px;
	align-items: center;
	justify-content: center;
	background: #F5F5F5;
	border-radius: 10px;
	height: 53px;
}

.education .board_view .right .edu_detail .progress dt {
	padding-left: 22px;
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
	background: url(/kor/img/icn_edu_check_black.svg) no-repeat left center;
}

.education .board_view .right .edu_detail .progress dd {
	display: flex;
	gap: 6px;
	align-items: center;
	justify-content: center;
}

.education .board_view .right .edu_detail .progress dd .step {
	color: #333;
	font-size: 12px;
	font-weight: 600;
}

.education .board_view .right .edu_detail .progress dd .step i {
	color: #1C56FF;
	font-style: normal;
}

.education .board_view .right .edu_detail .progress dd .bar {
	position: relative;
	width: 120px;
	height: 13px;
	border-radius: 8px;
	background: #E3E3E3;
}

.education .board_view .right .edu_detail .progress dd .bar em {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 13px;
	border-radius: 8px;
	background: #1C56FF;
}

.education .board_view .right .edu_detail .progress dd .per {
	color: #666;
	font-size: 12px;
	font-weight: 600;
}

.education .board_view .right .edu_detail .time_list li {
	padding: 16px 62px 16px 16px;
	border-top: 1px solid #D4D4D4;
	background: url(/kor/img/icn_edu_check_gray.svg) no-repeat right 16px center;
}

.education .board_view .right .edu_detail .time_list li .progress {
	margin-top: 10px;
	background: none;
	height: 30px;
	justify-content: flex-start;
}

.education .board_view .right .edu_detail .time_list li .progress dt {
	padding-left: 0;
	background: none;
}

.education .board_view .right .edu_detail .time_list li em {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	color: #999;
}

.education .board_view .right .edu_detail .time_list li em.time {
	position: relative;
	padding-right: 8px;
	margin-right: 4px;
}

.education .board_view .right .edu_detail .time_list li em.time:after {
	content: "";
	width: 1px;
	height: 1px;
	background: #999;
	border-radius: 50%;
	position: absolute;
	right: 0;
	top: 50%;
}

.education .board_view .right .edu_detail .time_list li p {
	font-size: 14px;
	line-height: 135%;
	font-weight: 600;
	color: #333;
}

.education .board_view .right .edu_detail .time_list li.done {
	background-image: url(/kor/img/icn_edu_check_blue.svg);
}

.education .board_view .right .edu_detail .time_list li.current {
    background-color: #EEF5F8;
	border: 1px solid rgba(28, 86, 255, 0.5);
}

.education .board_view .right .edu_detail .time_list li.current-done {
    background-color: #EEF5F8; /* current 스타일 */
    border: 1px solid rgba(28, 86, 255, 0.5);
}

.education .board_view .layout:has(.left.apply):has(.right.edu_fixed) {
	display: flex;
    justify-content: space-between;
}

.education .board_view .layout:has(.left.apply):has(.right.edu_fixed) .right.edu_fixed {
	position: unset;
}

@media screen and (max-width: 1250px) {
	.education .board_view .right .wrap_btn {
		padding: 10px 16px;
	}

	.education .board_view .right .wrap_btn .btn_bookmark {
		width: 140px;
	}

	.education .board_view .right .wrap_btn .btn_bookmark label {
		gap: 6px;
		font-size: 16px;
		line-height: 40px;
	}

	.education .board_view .right .wrap_btn .btn_list {
		gap: 6px;
		width: 140px;
		font-size: 16px;
	}

	.education .board_view .right .wrap_btn .btn_list.event {
		gap: 0;
		width: 52px;
		height: 40px;
		font-size: 0;
		position: absolute;
		right: 144px;
		top: 10px;
	}

	.education .board_view .right .wrap_btn .btn_list.edu {
		gap: 0;
		width: 52px;
		height: 40px;
		font-size: 0;
		position: absolute;
		right: 144px;
		top: 10px;
	}

	.education .board_view .right .wrap_btn.edu {
		background: #fff;
	}

	.education .board_view .right .wrap_btn.edu .btn_bookmark {
		gap: 0;
		width: 52px;
		height: 40px;
		font-size: 0;
		position: absolute;
		right: 204px;
		top: 10px;
	}

	.education .board_view .right .wrap_btn.edu .btn_bookmark label {
		font-size: 0;
	}

	.education .board_view .right .wrap_btn.edu .btn_list {
		gap: 0;
		width: 52px;
		height: 40px;
		font-size: 0;
		position: absolute;
		right: 144px;
		top: 10px;
	}

	.education .board_view .right .wrap_btn.edu .btn_apply {
		position: static;
	}

	.education .board_view .right.fixed {
		position: fixed;
	}

	.education .board_view .right.edu_fixed {
		position: fixed;
	}

	.education .board_view .right.edu_fixed .btn_close {
		display: block;
		position: absolute;
		right: 24px;
		top: 30px;
		font-size: 0;
		width: 26px;
		height: 26px;
		background: url(/kor/img/icn_arrow_gray.svg) no-repeat 50%;
		transform: rotate(180deg);
	}

	.education .board_view .right.edu_fixed .btn_detail {
		display: block;
		width: 120px;
		height: 44px;
		font-size: 16px;
		font-weight: 600;
		color: #fff;
		border-radius: 50px;
		background-color: #0A31A8;
	}

	.education .board_view .right.edu_fixed .edu_detail {
		position: fixed;
		top: 100%;
		left: 0;
		width: 100%;
		border: none;
		background: #F7F8FC;
		height: calc(100vh - 124px);
		border: none;
		overflow-y: auto;
		box-shadow: 0px -8px 12px 0px rgba(0, 0, 0, 0.1) inset;
		border-radius: 0;
		box-sizing: border-box;
		transition: all 0.2s ease-in-out;
	}

	.education .board_view .right.edu_fixed .edu_detail.active {
		top: 60px;
	}

    .education .board_view .layout:has(.left.apply):has(.right.edu_fixed) {
        display: unset;
	}

	.education .board_view .layout:has(.left.apply):has(.right.edu_fixed) .right.edu_fixed {
		position: fixed;
	}
}

/* --- 04. 소식 ---  */
/* 공지사항 */
.notice .board_list .title {
	width: 70%;
}

.notice .board_view .right .wrap_btn .btn_list {
	width: 100%;
}

@media screen and (max-width: 750px) {
	.notice .num, .notice .bookmark {
		display: none !important;
	}

	.notice .board_list .title {
		width: 100%;
	}

	.notice .board_view .right .wrap_btn {
		padding: 10px 16px;
	}

	.notice .board_view .right .wrap_btn .btn_list {
		gap: 6px;
		width: 140px;
		font-size: 16px;
	}
}

/* 자주 묻는 질문 */
.faq .wrap_sch {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 40px 0;
}

.faq .wrap_sch .depth {
	position: relative;
	border: 1px solid #d4d4d4;
	border-radius: 5px;
	z-index: 50;
}

.faq .wrap_sch .depth:nth-of-type(1) {
	z-index: 51;
}

.faq .wrap_sch .depth input[type='checkbox'] {
	display: none;
}

.faq .wrap_sch .depth label {
	display: block;
	position: relative;
	padding: 0 20px;
	width: 100%;
	height: 50px;
	font-size: 18px;
	color: #000;
	line-height: 50px;
	cursor: pointer;
	box-sizing: border-box;
}

.faq .wrap_sch .depth label:after {
	content: '';
	width: 26px;
	height: 26px;
	position: absolute;
	right: 20px;
	top: 13px;
	background: url(/kor/img/icn_arrow_gray.svg) no-repeat 50%;
	transform: rotate(180deg);
}

.faq .wrap_sch .depth:nth-of-type(1) {
	width: 240px;
}

.faq .wrap_sch .depth:nth-of-type(2) {
	width: 400px;
}

.faq .wrap_sch .depth .dropdown {
	display: none;
}

.faq .wrap_sch .depth input[type='checkbox']:checked ~ label:after {
	transform: rotate(0deg);
}

.faq .wrap_sch .depth input[type='checkbox']:checked ~ .dropdown {
	display: block;
	position: absolute;
	left: 0;
	top: 58px;
	padding: 16px 12px;
	width: calc(100% - 1px);
	background-color: #fff;
	border: 1px solid #d4d4d4;
	border-radius: 5px;
	box-sizing: border-box;
}

.faq .wrap_sch .depth input[type='checkbox']:checked ~ .dropdown li a {
	display: block;
	padding: 0 10px;
	height: 40px;
	font-size: 18px;
	color: #333;
	line-height: 40px;
	box-sizing: border-box;
}

.faq .wrap_sch .depth.disable {
	width: 400px;
	height: 50px;
	background-color: #f5f5f5;
}

.faq .cnt {
	margin-bottom: 20px;
	font-size: 20px;
}

.faq .data_none {
	padding: 24px 26px;
	border: 1px solid #d4d4d4;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	border-radius: 10px;
	overflow: hidden;
}

.faq .wrap_acc {
	border: 1px solid #d4d4d4;
	border-radius: 10px;
	overflow: hidden;
}

.faq .wrap_acc dl dt {
	position: relative;
	padding: 24px 26px 24px 70px;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #d4d4d4;
	cursor: pointer;
}

.faq .wrap_acc dl dt ul {
	margin-bottom: 6px;
}

.faq .wrap_acc dl dt ul li {
	position: relative;
	float: left;
	font-size: 16px;
	color: #0A31A8;
	padding-right: 14px;
}

.faq .wrap_acc dl dt ul li:after {
	content: "";
	position: absolute;
	top: 6px;
	right: 7px;
	width: 1px;
	height: 11px;
	background: #999;
}

.faq .wrap_acc dl dt ul li:last-child {
	padding-right: 0;
}

.faq .wrap_acc dl dt ul li:last-child:after {
	display: none;
}

.faq .wrap_acc dl dt ul:after {
	content: "";
	clear: both;
	display: block;
}

.faq .wrap_acc dl dt::before {
	content: 'Q.';
	position: absolute;
	left: 26px;
	top: 26px;
	font-size: 16px;
}

.faq .wrap_acc dl dt:after {
	content: '';
	position: absolute;
	right: 26px;
	top: 25px;
	width: 26px;
	height: 26px;
	background: url(/kor/img/icn_arrow_gray.svg) no-repeat 50%;
	transform: rotate(180deg);
}

.faq .wrap_acc dl dd {
	display: none;
	position: relative;
	padding: 24px 26px 24px 70px;
	font-size: 18px;
	color: #333;
	background-color: #f5f5f5;
}

.faq .wrap_acc dl dd::before {
	content: 'A.';
	position: absolute;
	left: 26px;
	top: 26px;
	font-size: 16px;
	font-weight: bold;
}

.faq .wrap_acc dl.active dt:after {
	transform: rotate(0);
}

.faq .wrap_acc dl.active dd {
	display: block;
}

.faq .wrap_acc dl:last-child dt {
	border-bottom: none;
}

@media screen and (max-width: 750px) {
	.faq .wrap_sch {
		flex-direction: column;
		gap: 14px;
		margin: 20px 0 50px;
	}

	.faq .wrap_sch .depth {
		width: 100% !important;
	}

	.faq .cnt {
		font-size: 18px;
	}

	.faq .wrap_acc dl dt {
		padding: 24px 50px;
	}

	.faq .wrap_acc dl dt::before {
		left: 20px;
	}

	.faq .wrap_acc dl dt:after {
		right: 16.5px;
	}

	.faq .wrap_acc dl dd {
		padding: 24px 24px 24px 50px;
	}
}

/* 고객센터 */
.voc {
	padding-bottom: 180px;
}

.voc .top_msg {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 43px;
	padding: 53px 60px;
	margin-bottom: 70px;
	border: 1px solid #d4d4d4;
	border-radius: 32px;
	box-sizing: border-box;
}

.voc .top_msg dl {
	color: #333;
}

.voc .top_msg dl dt {
	font-size: 20px;
	font-weight: 700;
}

.voc .top_msg dl dd {
	margin-top: 12px;
	font-size: 18px;
}

.voc .top_msg dl.gray {
	display: flex;
	align-items: center;
	gap: 45px;
	padding: 24px 50px;
	width: 690px;
	background-color: #f5f5f5;
	border-radius: 32px;
	box-sizing: border-box;
}

.voc .top_msg dl.gray dt {
	font-size: 18px;
	color: #0A31A8;
}

.voc .top_msg dl.gray dd strong {
	display: block;
	font-size: 36px;
	font-weight: 600;
	color: #000;
	line-height: 1;
}

.voc .top_msg dl.gray dd p {
	font-size: 18px;
	color: #999;
}

.voc .wrap_form .header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 16px;
	margin-bottom: 40px;
	border-bottom: 1px solid #000;
}

.voc .wrap_form .header .form_tit {
	font-size: 24px;
	font-weight: 600;
	line-height: 1;
}

.voc .wrap_form .header .right {
	font-size: 18px;
	color: #666;
	line-height: 1;
}

.voc .wrap_form .header .right span {
	color: #DD4508;
}

.voc .wrap_form dl {
	display: flex;
	margin-bottom: 30px;
	font-size: 18px;
}

.voc .wrap_form dl:last-child {
	margin-bottom: 0;
}

.voc .wrap_form dl dt {
	width: 190px;
	color: #333;
}

.voc .wrap_form dl dt span {
	color: #dd4508;
}

.voc .wrap_form dl dd {
	width: calc(100% - 190px);
	color: #333;
}

.voc .wrap_form dl dd .info {
	display: flex;
	align-items: center;
}

.voc .wrap_form dl dd .info li {
	position: relative;
	padding: 0 10px;
}

.voc .wrap_form dl dd .info li:first-child {
	padding-left: 0;
}

.voc .wrap_form dl dd .info li:after {
	content: '';
	position: absolute;
	right: -1px;
	top: 7px;
	width: 2px;
	height: 12px;
	background-color: #d4d4d4;
}

.voc .wrap_form dl dd .info li:last-child:after {
	display: none;
}

.voc .wrap_form dl dd .depth {
	position: relative;
	width: 360px;
	height: 44px;
	background-color: #fff;
}

.voc .wrap_form dl dd .depth input[type='checkbox'] {
	display: none;
}

.voc .wrap_form dl dd .depth label {
	display: block;
	position: relative;
	padding-left: 20px;
	width: 100%;
	height: 100%;
	color: #333;
	line-height: 44px;
	border: 1px solid #d4d4d4;
	border-radius: 10px;
	cursor: pointer;
	box-sizing: border-box;
}

.voc .wrap_form dl dd .depth label:after {
	content: '';
	position: absolute;
	right: 20px;
	top: 8px;
	width: 26px;
	height: 26px;
	background: url(/kor/img/icn_arrow_gray.svg) no-repeat;
	transform: rotate(180deg);
}

.voc .wrap_form dl dd .depth label:focus {
	border-color: #0A31A8;
}

.voc .wrap_form dl dd .depth .dropdown {
	display: none;
	position: absolute;
	left: 0;
	top: 53px;
	padding: 16px 10px;
	width: 100%;
	border: 1px solid #d4d4d4;
	border-radius: 15px;
	background-color: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
	box-sizing: border-box;
	overflow: hidden;
	z-index: 1;
}

.voc .wrap_form dl dd .depth .dropdown li {
	padding: 0 10px;
	width: 100%;
	height: 44px;
	line-height: 44px;
	cursor: pointer;
}

.voc .wrap_form dl dd .depth .dropdown li.selected {
	font-weight: bold;
}

.voc .wrap_form dl dd .depth input[type='checkbox']:checked ~ label {
	border-color: #0A31A8;
}

.voc .wrap_form dl dd .depth input[type='checkbox']:checked ~ label:after {
	transform: rotate(0);
}

.voc .wrap_form dl dd .depth input[type='checkbox']:checked ~ .dropdown {
	display: block;
}

.voc .wrap_form dl dd .wrap_input {
	position: relative;
	width: 100%;
	height: 44px;
	box-sizing: border-box;
	overflow: hidden;
}

.voc .wrap_form dl dd .wrap_input input {
	padding: 0 100px 0 20px;
	width: 100%;
	height: 100%;
	border: 1px solid #d4d4d4;
	border-radius: 10px;
	box-sizing: border-box;
}

.voc .wrap_form dl dd .wrap_input input::placeholder {
	color: #999;
}

.voc .wrap_form dl dd .wrap_input input:focus, .voc .wrap_form dl dd .wrap_input input:active {
	border-color: #0A31A8;
}

.voc .wrap_form dl dd .wrap_input .cnt {
	position: absolute;
	right: 38px;
	top: 9px;
	color: #999;
}

.voc .wrap_form dl dd .wrap_textarea {
	padding: 20px 20px 10px;
	width: 100%;
	height: 400px;
	border: 1px solid #d4d4d4;
	border-radius: 10px;
	box-sizing: border-box;
}

.voc .wrap_form dl dd .wrap_textarea textarea {
	width: 100%;
	height: 94%;
	border: none;
	resize: none;
}

.voc .wrap_form dl dd .wrap_textarea textarea::placeholder {
	color: #999;
}

.voc .wrap_form dl dd .wrap_textarea .cnt {
	color: #999;
	text-align: right;
}

.voc .bottom_msg {
	padding: 36px 0;
	margin-top: 40px;
	height: 120px;
	font-size: 18px;
	text-align: center;
	background-color: #f5f5f5;
	border-radius: 32px;
	box-sizing: border-box;
}

.voc .bottom_msg span {
	color: #1c56ff;
	text-decoration: underline;
}

.voc .finish_msg {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 83px;
	padding: 80px 77px;
	border: 1px solid #d4d4d4;
	border-radius: 32px;
	box-sizing: border-box;
}

.voc .finish_msg dl dt {
	font-size: 24px;
	font-weight: 700;
}

.voc .finish_msg dl dd {
	margin-top: 20px;
	font-size: 18px;
}

.voc .finish_msg dl dd p:first-child {
	margin-bottom: 20px;
}

.voc .finish_msg dl dd p span {
	color: #1c56ff;
	text-decoration: underline;
}

.voc .finish_msg dl dd .btn {
	display: block;
	margin-top: 50px;
	width: 260px;
	height: 44px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	line-height: 44px;
	text-decoration: none;
	background-color: #0A31A8;
	border-radius: 50px;
}

.voc .finish_msg dl.gray {
	display: flex;
	align-items: center;
	gap: 45px;
	padding: 50px 50px;
	width: 480px;
	background-color: #f5f5f5;
	border-radius: 32px;
	box-sizing: border-box;
}

.voc .finish_msg dl.gray dt {
	font-size: 18px;
	color: #0A31A8;
}

.voc .finish_msg dl.gray dd strong {
	display: block;
	font-size: 36px;
	font-weight: 600;
	color: #000;
}

.voc .finish_msg dl.gray dd p {
	font-size: 18px;
	color: #999;
	line-height: 1.2;
}

.voc .voc_msg {
	position: relative;
	padding: 56px 78px 56px 56px;
	border: 1px solid #D4D4D4;
	border-radius: 32px;
}

.voc .voc_msg img {
	position: absolute;
	width: 550px;
	height: 348px;
	display: block;
	right: 56px;
	top: 56px;
}

.voc .voc_msg dl {
	width: 500px;
}

.voc .voc_msg dl dt {
	margin-bottom: 30px;
	font-size: 24px;
	font-weight: 700;
	color: #000;
}

.voc .voc_msg dl dd {
	font-size: 18px;
	word-break: keep-all;
	line-height: 135%;
}

.voc .voc_msg .btn_link {
	margin-top: 50px;
	display: block;
	width: 260px;
	height: 44px;
	background: #0A31A8;
	border-radius: 22px;
	color: #fff;
	text-align: center;
	line-height: 44px;
	font-size: 16px;
	font-weight: 600;
}

.voc .voc_login .box {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 487px;
	border: 1px solid #d4d4d4;
	border-radius: 20px;
	padding:0 15px;
}

.voc .voc_login .box img {
	display: block;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	overflow: hidden;
}

.voc .voc_login .box b {
	display: block;
	margin-top: 40px;
	font-size: 24px;
	color: #000;
}

.voc .voc_login .box p {
	margin-top: 20px;
	font-size: 18px;
	color: #666;
	text-align: center;
	word-break: keep-all;
}

.voc .voc_login .box a {
	width: 260px;
	height: 44px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 44px;
	text-decoration: none;
	border-radius: 50px;
	background-color: #0A31A8;
}

.voc .voc_login .box a.green {
	background-color: #34A853;
}

@media screen and (max-width: 750px) {
	.voc {
		padding-bottom: 150px;
	}

	.voc .top_msg {
		flex-direction: column;
		justify-content: center;
		gap: 0;
		padding: 30px 0;
		margin-bottom: 78px;
		background-color: #f5f5f5;
	}

	.voc .top_msg dl {
		text-align: center;
	}

	.voc .top_msg dl dt {
		font-size: 18px;
	}

	.voc .top_msg dl dd {
		font-size: 14px;
		color: #666;
	}

	.voc .top_msg dl.gray {
		flex-direction: column;
		gap: 12px;
		padding: 24px 0 0;
		margin-top: 24px;
		width: 100%;
		border-top: 1px solid #d4d4d4;
		border-radius: 0;
	}

	.voc .top_msg dl.gray dt {
		font-size: 14px;
	}

	.voc .top_msg dl.gray dt br {
		display: none;
	}

	.voc .top_msg dl.gray dd {
		margin-top: 0;
	}

	.voc .top_msg dl.gray dd strong {
		font-size: 24px;
		line-height: 1.3;
	}

	.voc .top_msg dl.gray dd p {
		font-size: 12px;
		letter-spacing: -0.5px;
	}

	.voc .wrap_form {
		padding-top: 20px;
	}

	.voc .wrap_form .header {
		margin-bottom: 24px;
          /*padding-bottom: 0; 		
        border-bottom: none;*/;
	}

	.voc .wrap_form .header .form_tit {
		font-size: 18px;
	}

	.voc .wrap_form .header .right {
		font-size: 14px;
	}

	.voc .wrap_form dl {
		flex-direction: column;
		gap: 10px;
		margin-bottom: 30px;
	}

	.voc .wrap_form dl dt {
		width: 100%;
		font-size: 14px;
	}

	.voc .wrap_form dl dd {
		width: 100%;
	}

	.voc .wrap_form dl dd .depth {
		width: 100%;
	}

	.voc .wrap_form dl dd .wrap_input input {
		padding-right: 70px;
	}

	.voc .wrap_form dl dd .wrap_input .cnt {
		right: 20px;
		top: 11px;
		font-size: 16px;
	}

	.voc .wrap_form dl dd .wrap_textarea {
		padding: 10px;
		height: 300px;
	}

	.voc .wrap_form dl dd .wrap_textarea .cnt {
		font-size: 16px;
	}

	.voc .bottom_msg {
		padding: 60px 20px;
		height: auto;
		font-size: 16px;
		word-break: keep-all;
	}

	.voc .wrap_btn {
		margin-top: 40px;
	}

	.voc .finish_msg {
		flex-direction: column;
		justify-content: center;
		gap: 0;
		padding: 40px 0;
		background-color: #f5f5f5;
	}

	.voc .finish_msg dl {
		padding: 0 20px;
		text-align: center;
	}

	.voc .finish_msg dl dt {
		font-size: 18px;
	}

	.voc .finish_msg dl dd {
		margin-top: 18px;
		font-size: 14px;
		word-break: keep-all;
	}

	.voc .finish_msg dl dd .btn {
		margin: 24px auto;
		width: 180px;
	}

	.voc .finish_msg dl.gray {
		flex-direction: column;
		gap: 12px;
		padding: 24px 20px 0;
		width: 100%;
		border-top: 1px solid #d4d4d4;
		border-radius: 0;
	}

	.voc .finish_msg dl.gray dt {
		font-size: 14px;
	}

	.voc .finish_msg dl.gray dt br {
		display: none;
	}

	.voc .finish_msg dl.gray dd {
		margin-top: 0;
	}

	.voc .finish_msg dl.gray dd strong {
		font-size: 24px;
	}

	.voc .finish_msg dl.gray dd p {
		margin-top: 4px;
		font-size: 12px;
		letter-spacing: -0.5px;
	}

	.voc .finish_msg dl.gray dd p br {
		display: none;
	}

	.voc .voc_msg {
		padding: 30px;
	}

	.voc .voc_msg img {
		position: static;
		width: 100%;
		height: auto;
		margin-bottom: 24px;
	}

	.voc .voc_msg dl {
		width: 100%;
	}

	.voc .voc_msg dl dt {
		font-size: 18px;
	}

	.voc .voc_msg dl dd {
		font-size: 14px;
	}

	.voc .voc_msg .btn_link {
		width: 100%;
		margin-top: 24px;
	}
}

.event_apply .apply_form {
	padding: 65px 0 130px;
}

.event_apply .apply_form .event_info {
	padding: 35px;
	border-top: 5px solid #1C56FF;
	background: #fff;
	border-radius: 0 0 16px 16px;
}

.event_apply .apply_form .event_info .title {
	display: flex;
}

.event_apply .apply_form .event_info .title .btn_back {
	display: block;
	width: 30px;
	height: 30px;
	font-size: 0;
	background: url(/kor/img/icn_arrow_black.svg) no-repeat center center;
}

.event_apply .apply_form .event_info .title h3 {
	font-size: 24px;
	line-height: 30px;
	font-weight: 600;
	margin-bottom: 30px;
	padding-left: 15px;
}

.event_apply .apply_form .event_info .detail_info {
	padding: 24px 27px;
	border-radius: 12px;
	background: #F7F8FC;
}

.event_apply .apply_form .event_info .detail_info dl {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	line-height: 24px;
	color: #333;
}

.event_apply .apply_form .event_info .detail_info dl dt {
	width: 135px;
	padding-left: 30px;
	background: url(/kor/img/icn_clock.svg) no-repeat 0 center;
	box-sizing: border-box;
}

.event_apply .apply_form .event_info .detail_info dl dt.end {
	background-image: url(/kor/img/icn_goal.svg);
}

.event_apply .apply_form .event_info .detail_info dl dt.emp {
    background-image: none;
}

.event_apply .apply_form .survey_info {
	padding: 35px;
	border-top: 5px solid #1C56FF;
	background: #fff;
	border-radius: 0 0 16px 16px;
}

.event_apply .apply_form .survey_info .title .tags {
	margin-bottom: 6px;
}

.event_apply .apply_form .survey_info .title h3 {
	font-size: 24px;
	line-height: 30px;
	font-weight: 600;
	margin-bottom: 15px;
}

.event_apply .apply_form .survey_info .detail_info {
	display: flex;
}

.event_apply .apply_form .survey_info .detail_info li {
	position: relative;
	font-size: 14px;
	line-height: 20px;
	color: #999;
	padding-left: 5px;
	margin-left: 8px;
}

.event_apply .apply_form .survey_info .detail_info li:before {
	content: "";
	display: block;
	width: 1px;
	height: 12px;
	position: absolute;
	left: 0;
	top: 4px;
	background: #d4d4d4;
}

.event_apply .apply_form .survey_info .detail_info li.period {
	color: #333;
	padding-left: 0;
	margin-left: 0;
}

.event_apply .apply_form .survey_info .detail_info li.period:before {
	display: none;
}

.event_apply .apply_form .survey_info .detail_con {
	border-top: 1px solid #d4d4d4;
	padding-top: 30px;
	margin-top: 30px;
	font-size: 16px;
}

.event_apply .apply_form .survey_info .attached_file {
	padding-top: 30px;
}

.event_apply .apply_form .survey_info .attached_file .file {
	display: flex;
	align-items: baseline;
	gap: 20px;
	padding: 16px 23px;
	background-color: #F5F5F5;
	border-radius: 16px;
}

.event_apply .apply_form .survey_info .attached_file .file dt {
	font-weight: bold;
	color: #666;
}

.event_apply .apply_form .survey_info .attached_file .file dd {
	line-height: 24px;
}

.event_apply .apply_form .survey_info .attached_file .file dd p {
	margin-bottom: 3px;
}

.event_apply .apply_form .survey_info .attached_file .file dd a {
	display: block;
}

.event_apply .apply_form .survey_info .attached_file .file dd a:after {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(/kor/img/icn_file.svg) no-repeat;
	vertical-align: bottom;
}

@media screen and (max-width: 750px) {
	.event_apply .apply_form .survey_info {
		padding: 24px 0;
	}

	.event_apply .apply_form .survey_info .title {
		padding: 0 20px;
	}

	.event_apply .apply_form .survey_info .detail_con {
		padding: 24px 20px;
	}

	.event_apply .apply_form .survey_info .attached_file {
		padding: 24px 20px;
	}

	.event_apply .apply_form .survey_info .attached_file .file {
		display: block;
	}

	.event_apply .apply_form .survey_info .attached_file .file dt {
		margin-bottom: 10px;
	}
}

.event_apply .apply_form .text_box {
	margin-top: 44px;
	height: 180px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
}

.event_apply .apply_form .text_box p {
	font-size: 20px;
	font-weight: bold;
}

.event_apply .apply_form .qna_list {
	padding-top: 44px;
}

.event_apply .apply_form .qna_list .q_list li {
	padding-bottom: 24px;
}

.event_apply .apply_form .qna_list .q_list li .q_section {
	padding: 30px 36px;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
}

.event_apply .apply_form .qna_list .q_list li .q_section h4 {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 600;
}

.event_apply .apply_form .qna_list .q_list li .q_section h4 em {
	color: #1C56FF;
}

.event_apply .apply_form .qna_list .q_list li .q_section h4.req:after {
	content: " *";
	font-size: 20px;
	font-weight: 600;
	color: #E74639;
}

.event_apply .apply_form .qna_list .q_list li .q_section .sub {
	font-size: 16px;
	color: #999;
	margin-bottom: 20px;
}

.event_apply .apply_form .qna_list .q_list li .q_section .a_list li {
	padding: 15px 30px;
	border-radius: 12px;
	background: #F7F8FC;
	margin-bottom: 10px;
}

.event_apply .apply_form .qna_list .q_list li .q_section .a_list li .wrap_rd label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 18px;
	height: 18px;
	border: 2px solid #999;
	border-radius: 50%;
}

.event_apply .apply_form .qna_list .q_list li .q_section .a_list li .wrap_rd label:after {
	display: none;
	content: '';
	position: absolute;
	left: 5px;
	top: 5px;
	width: 12px;
	height: 12px;
	background: #0A31A8;
	border-radius: 50%;
}

.event_apply .apply_form .qna_list .q_list li .q_section .a_list li .wrap_rd input[type='radio']:checked + label:after {
	display: block;
}

.event_apply .apply_form .qna_list .q_list li .q_section .a_list li .wrap_ck label:before {
	top: 1px;
	width: 20px;
	height: 20px;
	background: url(/kor/img/icn_ck_square.svg) no-repeat;
}

.event_apply .apply_form .qna_list .q_list li .q_section .a_list li .wrap_ck input[type='checkbox']:checked + label:before {
	background: url(/kor/img/icn_ck_square_on.svg) no-repeat;
}

.event_apply .apply_form .qna_list .q_list li .q_section .a_list li .input_text {
	width: 100%;
	font-size: 16px;
	background-color: #F7F8FC;
	border-radius: 10px;
	border: none;
	box-sizing: border-box;
}

.event_apply .apply_form .qna_list .q_list li .q_section .upload_image .btn_upload {
	display: block;
	width: 100%;
	height: 50px;
	padding: 0;
	line-height: 48px;
	border: 1px solid #D4D4D4;
	box-sizing: border-box;
	border-radius: 12px;
	font-size: 16px;
	color: #666;
	margin-bottom: 20px;
	text-align: center;
}

.event_apply .apply_form .qna_list .q_list li .q_section .upload_image .btn_upload:before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 48px;
	background: url(/kor/img/icn_photo.svg) no-repeat center center;
	vertical-align: top;
	margin-right: 6px;
}

.event_apply .apply_form .qna_list .q_list li .q_section .upload_image input[type=file] {
	display: none;
}

.event_apply .apply_form .qna_list .q_list li .q_section .upload_image .info {
	color: #999;
}

.event_apply .apply_form .qna_list .q_list li .q_section .upload_image .info em {
	font-weight: 600;
}

.event_apply .apply_form .wrap_btn .btn {
	width: 200px;
}

.event_apply .apply_form .wrap_btn .btn_apply {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	color: #fff;
	background-color: #0A31A8;
}

.event_apply .apply_form .wrap_btn .btn_apply:before {
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	background: url(/kor/img/icn_apply.svg) no-repeat;
}

@media screen and (max-width: 750px) {
	.event_apply .apply_form .event_info {
		padding: 24px;
	}

	.event_apply .apply_form .event_info .title {
		display: block;
	}

	.event_apply .apply_form .event_info .title h3 {
		padding: 0;
		margin: 4px 0 20px;
	}

	.event_apply .apply_form .event_info .detail_info {
		padding-bottom: 10px;
	}

	.event_apply .apply_form .event_info .detail_info dl {
		display: block;
		margin-bottom: 20px;
	}

	.event_apply .apply_form .event_info .detail_info dl dt {
		margin-bottom: 6px;
	}

	.event_apply .apply_form .text_box {
		height: 100px;
	}

	.event_apply .apply_form .text_box p {
		font-size: 14px;
	}

	.event_apply .apply_form .qna_list .q_list li .q_section {
		padding: 30px 24px;
	}

	.event_apply .apply_form .qna_list .q_list li .q_section h4 {
		font-size: 18px;
	}

	.event_apply .apply_form .wrap_btn {
		position: fixed;
		bottom: 0;
		left: 0;
		padding: 10px 16px;
		margin-top: 0;
		box-sizing: border-box;
		background: #fff;
		box-shadow: 0 -8px 12px rgba(0, 0, 0, 0.1);
		z-index: 1;
	}

	.event_apply .apply_form .wrap_btn .btn {
		height: 40px;
		line-height: 40px;
		border: 0;
	}

	.event_apply .apply_form .wrap_btn .btn_list {
		font-size: 0;
		width: 52px;
		background: url(/kor/img/icn_list_gray.svg) no-repeat center center #F5F5F5;
	}

	.event_apply .apply_form .wrap_btn .btn_cancel {
		font-size: 0;
		width: 52px;
		background: url(/kor/img/icn_cancel.svg) no-repeat center center #F5F5F5;
	}

	.event_apply .apply_form .wrap_btn .btn_save {
		font-size: 0;
		width: 52px;
		background: url(/kor/img/icn_save.svg) no-repeat center center #F5F5F5;
	}

	.event_apply .apply_form .wrap_btn .btn_apply {
		width: 120px;
	}
}

/* --- 06.  마이페이지 --- */
/* 알림 */
.alarm {
	padding-bottom: 180px;
}

.alarm .board_list .list .title {
	text-align: left;
}

.alarm .board_list .exp {
	margin-bottom: 16px;
	font-size: 16px;
	color: #666;
}

.alarm .board_list .exp a {
	color: #0A31A8;
	font-weight: 600;
	text-decoration: underline;
}

@media screen and (max-width: 750px) {
	.alarm {
		padding-bottom: 140px;
	}

	.alarm .board_list .list .title {
		display: block;
		font-size: 16px;
	}

	.alarm .board_list .exp {
		font-size: 16px;
	}
}

/* 관심 프로그램 */
.interest .layout {
	padding-top: 60px;
}

.interest .exp {
	margin-top: 8px;
	font-size: 18px;
	color: #666;
}

.interest .exp:nth-of-type(1) {
	margin-top: 20px;
}

.interest .exp a {
	position: relative;
	font-weight: 600;
	color: #0A31A8;
}

.interest .exp a:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 1px;
	background-color: #0A31A8;
}

.interest .list {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 46px;
}

.interest .list > a {
	padding: 30px;
	display: block;
	width: 413px;
	height: 230px;
	border: 1px solid #d4d4d4;
	border-radius: 32px;
	text-decoration: none;
	box-sizing: border-box;
}

.interest .list > a:hover, .interest .list > a:focus, .interest .list > a:active {
	border-color: #0A31A8;
	box-shadow: 0 0 40px rgba(0, 14, 25, 0.17);
}

.interest .list > a .top {
	position: relative;
	padding-bottom: 20px;
	height: 170px;
}

.interest .list > a .top .img {
	padding: 12px;
	width: 70px;
	height: 70px;
	border: 1px solid #d4d4d4;
	border-radius: 50%;
	box-sizing: border-box;
}

.interest .list > a .top .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.interest .list > a .top .name {
	margin-top: 12px;
	font-size: 24px;
	font-weight: 600;
}

.interest .list > a .top .exp {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 12px;
	height: 3em;
	font-size: 16px;
	color: #666;
	line-height: 1.5em;
	word-wrap: break-word;
	white-space: inherit;
	word-break: keep-all;
	overflow: hidden;
}

.interest .list > a .top .icon {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 30px;
	height: 30px;
	font-size: 0;
	background: url(/kor/img/icn_heart_line.svg) no-repeat 50%;
}

.interest .list > a .top .icon.on {
	background-image: url(/kor/img/icn_heart_on.svg);
}

.interest .list > a .bottom {
	padding-top: 20px;
}

.interest .list > a .bottom p {
	margin-bottom: 4px;
	font-size: 16px;
	color: #666;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.interest .list > a .bottom p:before {
	content: '';
	display: inline-block;
	margin-right: 8px;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}

.interest .list > a .bottom p:nth-of-type(1):before {
	background: url(/kor/img/icn_markInfo01.svg) no-repeat 50%;
}

.interest .list > a .bottom p:nth-of-type(2):before {
	background: url(/kor/img/icn_markInfo02.svg) no-repeat 50%;
}

.interest .list > a .bottom p:nth-of-type(3):before {
	background: url(/kor/img/icn_markInfo03.svg) no-repeat 50%;
}

.interest .list > a .bottom p:last-child {
	margin-bottom: 0;
}

.interest .empty {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 180px;
	height: 80px;
	font-size: 18px;
	color: #666;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
}

@media screen and (max-width: 880px) {
	.interest .exp {
		margin-top: 16px;
		font-size: 16px;
	}

	.interest .list {
		gap: 16px;
		margin-top: 56px;
	}

	.interest .list > a {
		padding: 25px 24px;
		width: 100%;
		height: auto;
	}

	.interest .list > a .top {
		padding-bottom: 16px;
		height: auto;
	}

	.interest .list > a .top .name {
		margin-top: 8px;
		font-size: 20px;
	}

	.interest .list > a .top .exp {
		margin-top: 8px;
		font-size: 16px;
		word-break: keep-all;
	}

	.interest .list > a .bottom {
		padding-top: 16px;
	}

	.interest .empty {
		font-size: 16px;
	}
}

/* 관심 정보 */
.interest.info .list {
	margin-top: 0;
}

.interest.info .list > a {
	position: relative;
	padding: 32px 30px;
	height: 196px;
}

.interest.info .list > a .tag {
	display: inline-block;
	padding: 0 6px;
	margin-bottom: 10px;
	height: 27px;
	font-size: 14px;
	color: #4285f4;
	text-align: center;
	line-height: 27px;
	background-color: #EEF5F8;
	border-radius: 6px;
}

.interest.info .list > a .tit {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	max-height: 4.2em;
	font-size: 20px;
	font-weight: 600;
	color: #333;
	line-height: 1.4em;
	word-wrap: break-word;
	white-space: inherit;
	overflow: hidden;
}

.interest.info .list > a .icon {
	position: absolute;
	right: 30px;
	top: 30px;
	width: 30px;
	height: 30px;
	font-size: 0;
	background: url(/kor/img/icn_bookmark.svg) no-repeat 50%;
}

.interest.info .list > a .icon.on {
	background-image: url(/kor/img/icn_bookmark_on.svg);
}

@media screen and (max-width: 750px) {
	.interest.info .list > a {
		padding: 28px 26px;
		height: auto;
	}

	.interest.info .list > a .tag {
		margin-bottom: 12px;
	}

	.interest.info .list > a .tit {
		font-size: 18px;
	}

	.interest.info .list > a .icon {
		top: 26px;
		right: 26px;
	}
}

/* --- 00. 로그인/회원가입 --- */
/* 통합회원 */
article.join {
	padding: 36px 0 180px;
}

article.join .layout {
	display: flex;
	justify-content: center;
	gap: 40px;
}

article.join .layout .box {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: calc((100% - 40px) / 2);
	height: 487px;
	border: 1px solid #d4d4d4;
	border-radius: 20px;
}

article.join .layout .box img {
	display: block;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	overflow: hidden;
}

article.join .layout .box b {
	display: block;
	margin-top: 40px;
	font-size: 24px;
	color: #000;
}

article.join .layout .box p {
	margin-top: 20px;
	font-size: 18px;
	color: #666;
	text-align: center;
}

article.join .layout .box a {
	margin-top: 36px;
	width: 260px;
	height: 44px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 44px;
	text-decoration: none;
	border-radius: 50px;
	background-color: #0A31A8;
}

article.join .layout .box a.green {
	background-color: #34A853;
}

@media screen and (max-width: 750px) {
	article.join {
		padding: 0 0 140px;
	}

	article.join .layout {
		flex-direction: column;
		gap: 20px;
	}

	article.join .layout .box {
		padding: 50px 40px;
		width: 100%;
		height: auto;
		box-sizing: border-box;
	}

	article.join .layout .box img {
		width: 90px;
		height: 90px;
		background-size: contain;
	}

	article.join .layout .box b {
		margin-top: 28px;
		font-size: 20px;
	}

	article.join .layout .box p {
		margin-top: 12px;
		font-size: 16px;
	}

	article.join .layout .box a {
		width: 100%;
		max-width: 250px;
		font-size: 16px;
	}
}

/* 개인정보동의 */
article.join02 {
	padding-bottom: 180px;
}

article.join02 .terms {
	width: 100%;
	border: 1px solid #d4d4d4;
	border-radius: 16px;
	overflow: hidden;
}

article.join02 .terms > li {
	position: relative;
	padding: 28px 50px;
	border-bottom: 1px solid #d4d4d4;
	box-sizing: border-box;
}

article.join02 .terms > li:last-child {
	border-bottom: 0;
}

article.join02 .terms > li .wrap_ck label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 24px;
	height: 24px;
	background: url(/kor/img/icn_ck.svg) no-repeat;
}

article.join02 .terms > li .wrap_ck input[type='checkbox']:checked + label:before {
	background: url(/kor/img/icn_ck_on.svg) no-repeat;
}

article.join02 .terms > li .btn_viewAll {
	position: absolute;
	right: 50px;
	top: 29px;
	font-size: 16px;
	color: #666;
}

article.join02 .terms > li .btn_viewAll:after {
	content: '';
	position: absolute;
	bottom: 2px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #666;
}

article.join02 .agree {
	display: flex;
	align-items: center;
	padding: 0 50px;
	margin-top: 20px;
	width: 100%;
	height: 100px;
	border: 1px solid #d4d4d4;
	border-radius: 30px;
	box-sizing: border-box;
}

article.join02 .agree b {
	display: block;
	margin-right: 70px;
	font-size: 20px;
	font-weight: 600;
	color: #000;
	word-break: keep-all;
}

article.join02 .agree .wrap_cks {
	display: flex;
	align-items: center;
	gap: 28px;
	margin-right: 120px;
}

article.join02 .agree .wrap_cks .wrap_ck {
	padding-left: 28px;
}

article.join02 .agree .wrap_cks .wrap_ck label:before {
	top: 1px;
	width: 20px;
	height: 20px;
	background: url(/kor/img/icn_ck_square.svg) no-repeat;
}

article.join02 .agree .wrap_cks .wrap_ck input[type='checkbox']:checked + label:before {
	background: url(/kor/img/icn_ck_square_on.svg) no-repeat;
}

article.join02 .agree p {
	font-size: 16px;
	color: #666;
	line-height: 1.3;
}

@media screen and (max-width: 1279px) {
	article.join02 .agree .wrap_cks {
		flex-direction: column;
		gap: 0;
		align-items: start;
	}
}

@media screen and (max-width: 750px) {
	article.join02 {
		padding-bottom: 140px;
	}

	article.join02 .terms li {
		padding: 20px 24px;
	}

	article.join02 .terms li .wrap_ck label:before {
		width: 20px;
		height: 20px;
		background-size: contain;
	}

	article.join02 .terms li .wrap_ck input[type='checkbox']:checked + label:before {
		background-size: contain;
	}

	article.join02 .terms li .btn_viewAll {
		right: 24px;
		top: 20px;
		width: 20px;
		height: 20px;
		font-size: 0;
		background: url(/kor/img/btn_viewAll.svg) no-repeat;
	}

	article.join02 .terms li .btn_viewAll:after {
		display: none;
	}

	article.join02 .agree {
		display: block;
		padding: 0;
		height: auto;
	}

	article.join02 .agree b {
		margin: 30px 0 0;
		font-size: 18px;
		text-align: center;
	}

	article.join02 .agree .wrap_cks {
		flex-direction: column;
		align-items: start;
		gap: 16px;
		padding: 0 24px 20px;
		margin: 24px 0 0;
		border-bottom: 1px solid #d4d4d4;
	}

	article.join02 .agree .wrap_cks label {
		font-size: 14px;
	}

	article.join02 .agree p {
		padding: 20px 24px;
		font-size: 14px;
		word-break: keep-all;
	}
}

/* 프로그램 신청내역 - 0708 추가 */
.application {
	padding-bottom: 180px;
  /* 팝업 오버레이 기본 스타일 */
  /* 여권번호 입력 팝업 전용 스타일 */
  /* 모바일 반응형 */;
}

.application .board_list .header {
	display: flex;
	align-items: center;
	width: 100%;
	height: 70px;
	background-color: #f5f5f5;
}

.application .board_list .header p {
	display: block;
	padding: 0 10px;
	width: auto;
	font-size: 16px;
	color: #666;
	text-align: center;
	word-break: keep-all;
	box-sizing: border-box;
}

.application .board_list .header p.program {
	width: 15%;
}

.application .board_list .header p.year {
	width: 10%;
}

.application .board_list .header p.period {
	width: 8%;
}

.application .board_list .header p.recruit {
	width: 12%;
}

.application .board_list .header p.notice {
	width: 10%;
}

.application .board_list .header p.deadline {
	width: 12%;
}

.application .board_list .header p.result {
	width: 10%;
}

.application .board_list .header p.status {
	width: 11%;
}

.application .board_list .header p.btns {
	width: 12%;
}

.application .board_list .list > li {
	display: flex;
	align-items: center;
	padding: 22px 0;
	border-bottom: 1px solid #d4d4d4;
}

.application .board_list .list > li:hover {
	background-color: #f9f9f9;
}

.application .board_list .list > li p {
	display: flex;
    flex-direction: column;
    gap: 5px;
	padding: 0 10px;
	width: auto;
	font-size: 16px;
	color: #333;
	line-height: 1.3;
	text-align: center;
	word-break: keep-all;
	box-sizing: border-box;
}

.application .board_list .list > li p.program {
	width: 15%;
	font-weight: 600;
}

.application .board_list .list > li p.year {
	width: 10%;
}

.application .board_list .list > li p.period {
	width: 8%;
}

.application .board_list .list > li p.recruit {
	width: 12%;
}

.application .board_list .list > li p.notice {
	width: 10%;
}

.application .board_list .list > li p.notice a {
	text-decoration: underline;
}

.application .board_list .list > li p.deadline {
	width: 12%;
	font-size: 14px;
	line-height: 1.3;
}

.application .board_list .list > li p.result {
	width: 10%;
}

.application .board_list .list > li p.status {
	width: 11%;
}

.application .board_list .list > li .btns {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 12%;
	gap: 8px;
}

.application .board_list .list > li .btns .btn {
	padding: 4px 0;
	width: 90px;
	font-size: 14px;
	border-radius: 20px;
	cursor: pointer;
	white-space: nowrap;
}

.application .board_list .list > li .btns .btn.first {
	color: #fff;
	background-color: #0A31A8;
	border: 1px solid #0A31A8;
}

.application .board_list .list > li .btns .btn.second {
	color: #0A31A8;
	background-color: #fff;
	border: 1px solid #0A31A8;
}

@media screen and (max-width: 1400px) {
	.application .board_list .header p.recruit {
		width: 14%;
	}

	.application .board_list .header p.deadline {
		width: 14%;
	}

	.application .board_list .list > li p {
		font-size: 15px;
	}

	.application .board_list .list > li p.recruit {
		width: 14%;
	}

	.application .board_list .list > li p.deadline {
		width: 14%;
	}
}

@media screen and (max-width: 1200px) {
	.application .board_list .header p.year, .application .board_list .header p.period {
		display: none;
	}

	.application .board_list .header p.program {
		width: 20%;
	}

	.application .board_list .header p.recruit {
		width: 15%;
	}

	.application .board_list .header p.notice {
		width: 12%;
	}

	.application .board_list .header p.deadline {
		width: 15%;
	}

	.application .board_list .header p.result {
		width: 12%;
	}

	.application .board_list .header p.status {
		width: 11%;
	}

	.application .board_list .header p.btns {
		width: 12%;
	}

	.application .board_list .list > li p.year, .application .board_list .list > li p.period {
		display: none;
	}

	.application .board_list .list > li p.program {
		width: 20%;
	}

	.application .board_list .list > li p.recruit {
		width: 15%;
	}

	.application .board_list .list > li p.notice {
		width: 12%;
	}

	.application .board_list .list > li p.deadline {
		width: 15%;
	}

	.application .board_list .list > li p.result {
		width: 12%;
	}

	.application .board_list .list > li p.status {
		width: 11%;
	}
}

@media screen and (max-width: 750px) {
	.application {
		padding-bottom: 140px;
	}

	.application .board_list .header {
		display: none;
	}

	.application .board_list .list > li {
		position: relative;
		display: block;
		padding: 20px 16px;
		border-bottom: 1px solid #d4d4d4;
	}

	.application .board_list .list > li br {
		display: none;
	}

	.application .board_list .list > li > p {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		width: fit-content;
		max-width: 100%;
	}

	.application .board_list .list > li > p.program {
		margin-bottom: 8px;
		font-size: 16px;
		font-weight: 600;
		text-align: left;
		width: 100%;
	}

	.application .board_list .list > li > p.year {
		display: inline;
		margin: 0;
		width: auto;
		font-size: 14px;
		color: #333;
	}

	.application .board_list .list > li > p.year:after {
		content: '|';
		display: inline-block;
		margin: 0 4px 0 6px;
		font-size: 10px;
		color: #d4d4d4;
		vertical-align: middle;
		transform: translateY(-1.5px);
	}

	.application .board_list .list > li > p.period {
		display: inline;
		margin-bottom: 8px;
		font-size: 14px;
		color: #333;
		width: auto;
	}

	.application .board_list .list > li > p.recruit {
		display: block;
		margin: 8px 0;
		font-size: 14px;
		color: #333;
		line-height: 1.3;
		text-align: left;
		width: fit-content;
	}

	.application .board_list .list > li > p.status {
		display: block;
		margin-bottom: 0;
		font-size: 14px;
		color: #0A31A8;
		line-height: 1.3;
		text-align: left;
		width: fit-content;
		font-weight: 600;
	}

	.application .board_list .list > li > p.result {
		display: none;
		width: fit-content;
		font-weight: 600;
	}

	.application .board_list .list > li > p.result:not(:empty) {
		display: inline;
		font-size: 14px;
		color: #0A31A8;
		width: auto;
	}

	.application .board_list .list > li > p.result:not(:empty) + .status:before {
		content: '|';
		display: inline-block;
		margin: 0 6px 0 4px;
		font-size: 10px;
		color: #d4d4d4;
		vertical-align: middle;
		transform: translateY(-1.5px);
	}

	.application .board_list .list > li > p.result:not(:empty) + .status {
		display: inline;
		margin-bottom: 0;
		color: #0A31A8;
		width: auto;
	}

	.application .board_list .list > li > p.notice, .application .board_list .list > li > p.deadline {
		display: none;
	}

	.application .board_list .list > li .btns {
		position: absolute;
		top: 50%;
		right: 16px;
		transform: translateY(-50%);
		display: flex;
		flex-direction: column;
		gap: 8px;
		margin: 0;
		width: auto;
	}

	.application .board_list .list > li .btns .btn {
		border-radius: 20px;
		cursor: pointer;
		white-space: nowrap;
	}

	.application .board_list .list > li .btns .btn.first {
		color: #fff;
		background-color: #0A31A8;
		border: 1px solid #0A31A8;
	}

	.application .board_list .list > li .btns .btn.second {
		color: #0A31A8;
		background-color: #fff;
		border: 1px solid #0A31A8;
	}
}

.application .popup_overlay {
	display: none;
}

.application .popup_overlay.active {
	display: flex;
	align-items: center;
	justify-content: center;
}

.application .popup.simple.header .cont p {
	text-align: left;
	line-height: 1.5;
	color: #333;
}

.application .popup.simple.header .cont .form_area {
	position: relative;
	margin: 30px 0;
    /* 미니 캘린더 */;
}

.application .popup.simple.header .cont .form_area .form_row {
	display: flex;
	flex-direction: column;
	gap: 40px;
	margin-bottom: 20px;
	text-align: left;
}

.application .popup.simple.header .cont .form_area .form_row .form_group {
	flex: none;
	margin-bottom: 0;
}

.application .popup.simple.header .cont .form_area .form_group {
	position: relative;
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 20px;
      /* 기간만료일 입력 필드만 165px로 설정 */;
}

.application .popup.simple.header .cont .form_area .form_group:last-child {
	margin-bottom: 0;
}

.application .popup.simple.header .cont .form_area .form_group label {
	display: block;
	flex: none;
	min-width: 70px;
	margin-bottom: 0;
	color: #212529;
}

.application .popup.simple.header .cont .form_area .form_group input[type="text"] {
	height: 44px;
	padding: 0 16px;
	font-size: 16px;
	color: #212529;
	background: #fff;
	border: 1px solid #ced4da;
	border-radius: 6px;
	box-sizing: border-box;
}

.application .popup.simple.header .cont .form_area .form_group input[type="text"]:focus {
	outline: none;
	border-color: #0A31A8;
	box-shadow: 0 0 0 3px rgba(10, 49, 168, 0.1);
}

.application .popup.simple.header .cont .form_area .form_group input[type="text"]::placeholder {
	color: #999999;
}

.application .popup.simple.header .cont .form_area .form_group input#passport_expire,
      .application .popup.simple.header .cont .form_area .form_group input#passport_expire_view {
	width: 165px;
}

.application .popup.simple.header .cont .form_area .form_group .error_msg {
	display: none;
	position: absolute;
	top: 100%;
	left: 96px;
	margin-top: 4px;
	font-size: 14px;
	color: #DD4508;
}

.application .popup.simple.header .cont .form_area .input_with_btn {
	position: relative;
}

.application .popup.simple.header .cont .form_area .input_with_btn .btn_calendar {
	position: absolute;
	top: 50%;
	right: 12px;
	width: 20px;
	height: 20px;
	background: none;
	border: none;
	cursor: pointer;
	transform: translateY(-50%);
}

.application .popup.simple.header .cont .form_area .input_with_btn .btn_calendar img {
	width: 100%;
	height: 100%;
}

.application .popup.simple.header .cont .form_area .mini_calendar {
	position: absolute;
	top: 100%;
	left: 50%;
	margin-top: 4px;
	width: 280px;
	background: #fff;
	border: 1px solid #dee2e6;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	transform: translateX(-50%);
	z-index: 1000;
}

.application .popup.simple.header .cont .form_area .mini_calendar .calendar_header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 16px;
}

.application .popup.simple.header .cont .form_area .mini_calendar .calendar_header .btn_prev,
        .application .popup.simple.header .cont .form_area .mini_calendar .calendar_header .btn_next {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 1px 1px 0;
	width: 24px;
	height: 24px;
	font-size: 16px;
	color: #495057;
	background: none;
	border: 1px solid #D4D4D4;
	border-radius: 50%;
	cursor: pointer;
}

.application .popup.simple.header .cont .form_area .mini_calendar .calendar_header .btn_prev:hover,
          .application .popup.simple.header .cont .form_area .mini_calendar .calendar_header .btn_next:hover {
	color: #0A31A8;
}

.application .popup.simple.header .cont .form_area .mini_calendar .calendar_header .current_month {
	font-size: 14px;
	font-weight: 600;
	color: #212529;
}

.application .popup.simple.header .cont .form_area .mini_calendar .calendar_body {
	padding: 2px 8px;
}

.application .popup.simple.header .cont .form_area .mini_calendar .calendar_body .days_header {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	margin-bottom: 4px;
}

.application .popup.simple.header .cont .form_area .mini_calendar .calendar_body .days_header span {
	padding: 8px 4px;
	font-size: 11px;
	font-weight: 600;
	text-align: center;
	color: #6c757d;
}

.application .popup.simple.header .cont .form_area .mini_calendar .calendar_body .days_header span:first-child {
	color: #dc3545;
}

.application .popup.simple.header .cont .form_area .mini_calendar .calendar_body .days_header span:last-child {
	color: #0A31A8;
}

.application .popup.simple.header .cont .form_area .mini_calendar .calendar_body .days_grid {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 1px;
}

.application .popup.simple.header .cont .form_area .mini_calendar .calendar_body .days_grid .day {
	width: 32px;
	height: 32px;
	font-size: 12px;
	color: #212529;
	background: none;
	border: 1px solid transparent;
	border-radius: 4px;
	cursor: pointer;
}

.application .popup.simple.header .cont .form_area .mini_calendar .calendar_body .days_grid .day:hover {
	background: #f8f9fa;
	border-color: #dee2e6;
}

.application .popup.simple.header .cont .form_area .mini_calendar .calendar_body .days_grid .day.other_month {
	color: #adb5bd;
}

.application .popup.simple.header .cont .form_area .mini_calendar .calendar_body .days_grid .day.today {
	background: #e3f2fd;
	border-color: #0A31A8;
	color: #0A31A8;
	font-weight: 600;
}

.application .popup.simple.header .cont .form_area .mini_calendar .calendar_body .days_grid .day.selected {
	background: #0A31A8;
	border-color: #0A31A8;
	color: #fff;
	font-weight: 600;
	border-radius: 50%;
}

.application .popup.simple.header .cont .form_area .mini_calendar .calendar_footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 16px;
}

.application .popup.simple.header .cont .form_area .mini_calendar .calendar_footer .btn_today {
	font-size: 12px;
	background: none;
	border: none;
	cursor: pointer;
}

.application .popup.simple.header .cont .form_area .mini_calendar .calendar_footer .btn_group {
	display: flex;
	gap: 20px;
}

.application .popup.simple.header .cont .form_area .mini_calendar .calendar_footer .btn_group button {
	font-size: 12px;
	background: none;
	border: none;
	cursor: pointer;
}

.application .popup.simple.header .cont .form_area .mini_calendar .calendar_footer .btn_group button.btn_cancel {
	color: #adb5bd;
}

.application .popup.simple.header .cont .form_area .mini_calendar .calendar_footer .btn_group button.btn_save {
	color: #0A31A8;
}

@media screen and (max-width: 750px) {
	.application {
      /* 팝업 오버레이 모바일 스타일 */;
	}

	.application .popup_overlay {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		width: 100vw !important;
		height: 100vh !important;
		z-index: 10000 !important;
        /* 팝업창 모바일 스타일 */;
	}

	.application .popup_overlay.active {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}

	.application .popup_overlay .popup.simple.header {
		position: relative !important;
		width: 90vw !important;
		height: auto !important;
		max-width: none !important;
		max-height: 90vh !important;
		margin: 0 !important;
		left: auto !important;
		top: auto !important;
		transform: none !important;
		padding: 20px !important;
		border-radius: 16px !important;
		overflow-y: auto !important;
	}

	.application .popup_overlay .popup.simple.header .cont {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
	}

	.application .popup_overlay .popup.simple.header .cont .form_area {
		padding: 15px 0;
		margin: 5px 0;
	}

	.application .popup_overlay .popup.simple.header .cont .form_area .form_row {
		flex-direction: column;
		gap: 15px;
		margin-bottom: 15px;
	}

	.application .popup_overlay .popup.simple.header .cont .form_area .form_group {
		gap: 8px;
	}

	.application .popup_overlay .popup.simple.header .cont .form_area .form_group label {
		min-width: 70px;
		font-size: 14px;
	}

	.application .popup_overlay .popup.simple.header .cont .form_area .form_group input {
		padding: 8px 10px;
		font-size: 14px;
	}

	.application .popup_overlay .popup.simple.header .cont .form_area .form_group .error_msg {
		left: 0;
		font-size: 12px;
	}

	.application .popup_overlay .popup.simple.header .cont .form_area .mini_calendar {
		position: fixed !important;
		width: 90vw !important;
		max-width: 350px !important;
		left: 50% !important;
		top: 50% !important;
		transform: translate(-50%, -50%) !important;
		z-index: 10001 !important;
		box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
	}

	.application .popup_overlay .popup.simple.header .cont .form_area .mini_calendar .calendar_header {
		padding: 8px 16px;
	}

	.application .popup_overlay .popup.simple.header .cont .form_area .mini_calendar .calendar_header .current_month {
		font-size: 12px;
	}

	.application .popup_overlay .popup.simple.header .cont .form_area .mini_calendar .calendar_body {
		padding: 2px 4px;
	}

	.application .popup_overlay .popup.simple.header .cont .form_area .mini_calendar .calendar_body .days_header {
		display: grid !important;
		grid-template-columns: repeat(7, 1fr) !important;
		margin-bottom: 2px !important;
	}

	.application .popup_overlay .popup.simple.header .cont .form_area .mini_calendar .calendar_body .days_header span {
		padding: 4px 2px !important;
		font-size: 10px !important;
		font-weight: 600 !important;
		text-align: center !important;
		color: #6c757d !important;
		width: auto !important;
	}

	.application .popup_overlay .popup.simple.header .cont .form_area .mini_calendar .calendar_body .days_header span:first-child {
		color: #dc3545 !important;
	}

	.application .popup_overlay .popup.simple.header .cont .form_area .mini_calendar .calendar_body .days_header span:last-child {
		color: #0A31A8 !important;
	}

	.application .popup_overlay .popup.simple.header .cont .form_area .mini_calendar .calendar_body .days_grid {
		display: grid !important;
		grid-template-columns: repeat(7, 1fr) !important;
		gap: 1px !important;
	}

	.application .popup_overlay .popup.simple.header .cont .form_area .mini_calendar .calendar_body .days_grid .day {
		width: 30px !important;
		height: 30px !important;
		font-size: 11px !important;
		color: #212529 !important;
		background: none !important;
		border: 1px solid transparent !important;
		border-radius: 4px !important;
		cursor: pointer !important;
		justify-self: center !important;
		align-self: center !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}

	.application .popup_overlay .popup.simple.header .cont .form_area .mini_calendar .calendar_body .days_grid .day:hover {
		background: #f8f9fa !important;
		border-color: #dee2e6 !important;
	}

	.application .popup_overlay .popup.simple.header .cont .form_area .mini_calendar .calendar_body .days_grid .day.other_month {
		color: #adb5bd !important;
	}

	.application .popup_overlay .popup.simple.header .cont .form_area .mini_calendar .calendar_body .days_grid .day.today {
		background: #e3f2fd !important;
		border-color: #0A31A8 !important;
		color: #0A31A8 !important;
		font-weight: 600 !important;
	}

	.application .popup_overlay .popup.simple.header .cont .form_area .mini_calendar .calendar_body .days_grid .day.selected {
		background: #0A31A8 !important;
		border-color: #0A31A8 !important;
		color: #fff !important;
		font-weight: 600 !important;
		border-radius: 50% !important;
	}

	.application .popup_overlay .popup.simple.header .cont .form_area .mini_calendar .calendar_footer {
		padding: 8px 16px !important;
	}

	.application .popup_overlay .popup.simple.header .cont .form_area .mini_calendar .calendar_footer .btn_group {
		gap: 15px !important;
	}
}

.application .form_area.readonly .form_group input[type="text"]:disabled,
  .application .form_area.readonly .form_group input[type="text"][readonly] {
	height: 44px !important;
	padding: 0 16px !important;
	font-size: 16px !important;
	background-color: #D4D4D4 !important;
	color: #666 !important;
	border: 1px solid #D4D4D4 !important;
	border-radius: 6px !important;
	box-sizing: border-box !important;
}

.application .form_area.readonly .form_group input[type="text"]:disabled:focus,
    .application .form_area.readonly .form_group input[type="text"][readonly]:focus {
	box-shadow: none !important;
	border-color: #D4D4D4 !important;
}

.application .form_area.readonly .form_group .btn_calendar:disabled {
	background-color: #D4D4D4 !important;
	border-radius: 4px;
}

/*신청 내역 없음 공통 */
.empty_box {
	padding: 60px;
	border: 1px solid #D4D4D4;
	border-radius: 32px;
}

.empty_box dl {
	text-align: center;
}

.empty_box dl dt {
	margin-bottom: 24px;
	font-size: 24px;
	font-weight: 700;
	color: #000;
}

.empty_box dl dd {
	font-size: 18px;
	word-break: keep-all;
	line-height: 135%;
}

.empty_box dl dd a {
	text-decoration: underline;
}

.empty_box .wrap_btn {
	margin-top: 40px;
}

.empty_box .wrap_btn .btn_link {
	display: block;
	width: 260px;
	height: 44px;
	background: #0A31A8;
	border-radius: 22px;
	color: #fff;
	text-align: center;
	line-height: 44px;
	font-size: 16px;
	font-weight: 600;
}

@media screen and (max-width: 750px) {
	.empty_box {
		padding: 80px 20px;
	}

	.empty_box dl dt {
		margin-bottom: 20px;
		font-size: 18px;
	}

	.empty_box dl dd {
		font-size: 14px;
		line-height: 18px;
	}

	.empty_box .wrap_btn .btn_link {
		width: 240px;
	}
}

/* 신청내역 */
.application .notice_info {
	padding: 40px 50px;
	border: 1px solid #D4D4D4;
	border-radius: 32px;
}

.application .notice_info dl dt {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 12px;
}

.application .notice_info dl dd li {
	position: relative;
	font-size: 16px;
	padding-left: 12px;
	color: #666;
}

.application .notice_info dl dd li:before {
	content: "";
	width: 4px;
	height: 4px;
	background: #666;
	border-radius: 50%;
	display: block;
	position: absolute;
	left: 0;
	top: 9px;
}

.application.survey .board_list .header p.org_name {
	width: 15%;
}

.application.survey .board_list .header p.tit {
	width: 40%;
}

.application.survey .board_list .header p.survey_period {
	width: 15%;
}

.application.survey .board_list .header p.status {
	width: 10%;
}

.application.survey .board_list .header p.write {
	width: 10%;
}

.application.survey .board_list .header p.progress {
	width: 10%;
}

.application.survey .board_list .list > li p.org_name {
	width: 15%;
	font-weight: bold;
}

.application.survey .board_list .list > li p.tit {
	width: 40%;
}

.application.survey .board_list .list > li p.survey_period {
	width: 15%;
}

.application.survey .board_list .list > li p.status {
	width: 10%;
	font-weight: bold;
}

.application.survey .board_list .list > li p.status.ing {
	color: #0A31A8;
}

.application.survey .board_list .list > li p.write {
	width: 10%;
}

.application.survey .board_list .list > li p.write.done {
	font-weight: bold;
}

.application.survey .board_list .list > li p.progress {
	width: 10%;
}

.application.survey .board_list .list > li p.progress {
    display: flex;
    justify-content: center;
    align-items: center;
}

.application.survey .board_list .list > li p .btn {
	width: 76px;
	height: 32px;
	border-radius: 16px;
	box-sizing: border-box;
	border: 1px solid #D4D4D4;
	line-height: 30px;
	font-weight: 600;
}

.application.survey .board_list .list > li p .btn.blue {
	border-color: #0A31A8;
	color: #fff;
	background-color: #0A31A8;
}

.application.survey .board_list .list > li p .btn.blue_line {
	border-color: #0A31A8;
	color: #0A31A8;
}

@media screen and (max-width: 750px) {
	.application.survey .board_list .list > li {
		padding: 16px 90px 16px 0;
	}

	.application.survey .board_list .list > li p.org_name {
		width: 100%;
	}

	.application.survey .board_list .list > li p.tit {
		width: 100%;
		padding: 5px 0;
	}

	.application.survey .board_list .list > li p.tit a {
		color: #666;
		font-size: 16px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}

	.application.survey .board_list .list > li p.survey_period {
		width: 100%;
	}

	.application.survey .board_list .list > li p.status {
		width: auto !important;
		float: left;
		position: relative;
		margin-bottom: 5px;
		padding-right: 8px;
		margin-right: 6px;
	}

	.application.survey .board_list .list > li p.status:after {
		content: "";
		display: block;
		width: 1px;
		height: 5px;
		background: #C3C3C3;
		position: absolute;
		right: 0;
		top: 7px;
	}

	.application.survey .board_list .list > li p.write {
		width: auto !important;
		float: left;
		position: relative;
		margin-bottom: 5px;
		padding-right: 8px;
		margin-right: 6px;
		font-size: 14px;
	}

	.application.survey .board_list .list > li p.progress {
		position: absolute;
		top: 48px;
		right: 0;
		width: auto !important;
	}

	.application.survey .board_list .list > li:after {
		clear: both;
		display: block;
		content: "";
	}
}

.application.service .board_list .header p.status {
	width: 10%;
}

.application.service .board_list .header p.program {
	width: 10%;
}

.application.service .board_list .header p.category {
	width: 10%;
}

.application.service .board_list .header p.tit {
	width: 60%;
}

.application.service .board_list .header p.date {
	width: 10%;
}

.application.service .board_list .list > li p.status {
	width: 10%;
}

.application.service .board_list .list > li p.status.end {
	color: #0A31A8;
	font-weight: 600;
}

.application.service .board_list .list > li p.program {
	width: 10%;
	font-weight: normal;
}

.application.service .board_list .list > li p.category {
	width: 10%;
}

.application.service .board_list .list > li p.tit {
	width: 60%;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.application.service .board_list .list > li p.date {
	width: 10%;
}

@media screen and (max-width: 750px) {
	.application.service .board_list .list > li {
		padding: 40px 16px;
	}

	.application.service .board_list .list > li p.status {
		width: 100%;
		color: #666;
		font-weight: normal;
		position: absolute;
		bottom: 16px;
		left: 16px;
	}

	.application.service .board_list .list > li p.status.end {
		color: #0A31A8;
		font-weight: 600;
	}

	.application.service .board_list .list > li p.program {
		width: auto;
		float: left;
		position: relative;
		margin-bottom: 5px;
		padding-right: 8px;
		margin-right: 6px;
	}

	.application.service .board_list .list > li p.program:after {
		content: "";
		display: block;
		width: 1px;
		height: 5px;
		background: #C3C3C3;
		position: absolute;
		right: 0;
		top: 7px;
	}

	.application.service .board_list .list > li p.category {
		width: auto;
		float: left;
	}

	.application.service .board_list .list > li p.tit {
		width: calc(100% - 32px);
		position: absolute;
		top: 16px;
		left: 16px;
		font-weight: 700;
	}

	.application.service .board_list .list > li p.date {
		width: 100%;
	}

	.application.service .board_list .list > li p.date:before {
		content: "";
		clear: both;
		display: block;
	}
}

.application.event .board_list .header p.tit {
	width: 50%;
}

.application.event .board_list .header p.event_period {
	width: 20%;
}

.application.event .board_list .header p.end_date {
	width: 20%;
}

.application.event .board_list .header p.status {
	width: 10%;
}

.application.event .board_list .list > li p.tit {
	width: 50%;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.application.event .board_list .list > li p.event_period {
	width: 20%;
	text-align: center;
}

.application.event .board_list .list > li p.event_period em {
	display: none;
}

.application.event .board_list .list > li p.end_date {
	width: 20%;
	text-align: center;
}

.application.event .board_list .list > li p.end_date em {
	display: none;
}

.application.event .board_list .list > li p.status {
	width: 10%;
	text-align: center;
	font-weight: 600;
}

.application.event .board_list .list > li p.status.win {
	color: #0A31A8;
}

.application.event .board_list .list > li p.status.lose {
	color: #E74639;
}

@media screen and (max-width: 750px) {
	.application.event .board_list .list > li p {
		margin-bottom: 4px;
	}

	.application.event .board_list .list > li p.tit {
		width: 100%;
		font-weight: 600;
	}

	.application.event .board_list .list > li p.event_period {
		width: 100%;
		color: #666666;
	}

	.application.event .board_list .list > li p.event_period em {
		display: inline-block;
		margin-right: 8px;
	}

	.application.event .board_list .list > li p.end_date {
		width: 100%;
		color: #666666;
	}

	.application.event .board_list .list > li p.end_date em {
		display: inline-block;
		margin-right: 8px;
	}

	.application.event .board_list .list > li p.status {
		width: 100%;
	}
}

.application.cert .board_list h3 {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 24px;
}

.application.cert .board_list .header p.no {
	width: 10%;
}

.application.cert .board_list .header p.program {
	width: 15%;
}

.application.cert .board_list .header p.country {
	width: 15%;
}

.application.cert .board_list .header p.category {
	width: 15%;
}

.application.cert .board_list .header p.send_period {
	width: 15%;
}

.application.cert .board_list .header p.status {
	width: 10%;
}

.application.cert .board_list .header p.eng_cert {
	width: 10%;
}

.application.cert .board_list .header p.kor_cert {
	width: 10%;
}

.application.cert .board_list .list > li p.no {
	width: 10%;
}

.application.cert .board_list .list > li p.program {
	width: 15%;
	font-weight: normal;
}

.application.cert .board_list .list > li p.country {
	width: 15%;
}

.application.cert .board_list .list > li p.category {
	width: 15%;
}

.application.cert .board_list .list > li p.send_period {
	width: 15%;
}

.application.cert .board_list .list > li p.status {
	width: 10%;
}

.application.cert .board_list .list > li p.status.done {
	color: #0A31A8;
}

.application.cert .board_list .list > li p.eng_cert {
	width: 10%;
}

.application.cert .board_list .list > li p.kor_cert {
	width: 10%;
}

.application.cert .board_list .list > li p .btn {
	width: 100px;
	height: 32px;
	border-radius: 16px;
	box-sizing: border-box;
	border: 1px solid #D4D4D4;
	line-height: 30px;
	font-weight: 600;
}

.application.cert .board_list .list > li p .btn.blue {
	border-color: #0A31A8;
	color: #fff;
	background-color: #0A31A8;
}

.application.cert .board_list .list > li p .btn.blue_line {
	border-color: #0A31A8;
	color: #0A31A8;
}

@media screen and (max-width: 750px) {
	.application.cert .board_list .list > li {
		padding: 40px 16px 16px;
	}

	.application.cert .board_list .list > li p.status {
		width: 100%;
		color: #666;
	}

	.application.cert .board_list .list > li p.status.end {
		color: #0A31A8;
		font-weight: 600;
	}

	.application.cert .board_list .list > li p.program {
		width: calc(100% - 32px);
		position: absolute;
		top: 16px;
		left: 16px;
		font-weight: 700;
	}

	.application.cert .board_list .list > li p.eng_cert {
		width: auto;
		position: absolute;
		top: 30px;
		right: 0;
	}

	.application.cert .board_list .list > li p.eng_cert .btn {
		width: 76px;
		height: 24px;
		line-height: 22px;
		font-size: 14px;
	}

	.application.cert .board_list .list > li p.kor_cert {
		width: auto;
		position: absolute;
		top: 65px;
		right: 0;
	}

	.application.cert .board_list .list > li p.kor_cert .btn {
		width: 76px;
		height: 24px;
		line-height: 22px;
		font-size: 14px;
	}

	.application.cert .board_list .list > li p.no {
		width: auto;
		float: left;
		position: relative;
		margin-bottom: 5px;
		padding-right: 8px;
		margin-right: 6px;
	}

	.application.cert .board_list .list > li p.no:after {
		content: "";
		display: block;
		width: 1px;
		height: 5px;
		background: #C3C3C3;
		position: absolute;
		right: 0;
		top: 7px;
	}

	.application.cert .board_list .list > li p.country {
		width: auto;
		float: left;
		position: relative;
		margin-bottom: 5px;
		padding-right: 8px;
		margin-right: 6px;
	}

	.application.cert .board_list .list > li p.country:after {
		content: "";
		display: block;
		width: 1px;
		height: 5px;
		background: #C3C3C3;
		position: absolute;
		right: 0;
		top: 7px;
	}

	.application.cert .board_list .list > li p.category {
		width: auto;
		float: left;
	}

	.application.cert .board_list .list > li p.send_period {
		width: 100%;
		margin-bottom: 4px;
	}

	.application.cert .board_list .list > li p.send_period:before {
		content: "";
		clear: both;
		display: block;
	}
}

.application.education .board_list .header p.time {
	width: 10%;
}

.application.education .board_list .header p.tit {
	width: 30%;
}

.application.education .board_list .header p.edu_period {
	width: 10%;
}

.application.education .board_list .header p.apl_date {
	width: 10%;
}

.application.education .board_list .header p.apl_status {
	width: 10%;
}

.application.education .board_list .header p.progress {
	width: 20%;
}

.application.education .board_list .header p.edu_status {
	width: 10%;
}

.application.education .board_list .list > li p.time {
	width: 10%;
}

.application.education .board_list .list > li p.tit {
	width: 30%;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.application.education .board_list .list > li p.edu_period {
	width: 10%;
}

.application.education .board_list .list > li p.apl_date {
	width: 10%;
}

.application.education .board_list .list > li p.apl_status {
	width: 10%;
}

.application.education .board_list .list > li p.apl_status {
    display: flex;
    justify-content: center;
    align-items: center;
}

.application.education .board_list .list > li p.apl_status em {
	display: inline-block;
	width: 62px;
	height: 28px;
	border-radius: 4px;
	text-align: center;
	line-height: 28px;
	font-weight: 600;
	font-size: 12px;
}

.application.education .board_list .list > li p.apl_status em.apl_done {
	background: #EEF5F8;
	color: #1C56FF;
}

.application.education .board_list .list > li p.apl_status em.edu_ing {
	background: #34A853;
	color: #fff;
}

.application.education .board_list .list > li p.apl_status em.edu_done {
	background: #F2F7F2;
	color: #34A853;
}

.application.education .board_list .list > li p.apl_status em.edu_yet {
	background: #F5F5F5;
	color: #1C56FF;
}

.application.education .board_list .list > li p.apl_status em.apl_return {
	background: #F7F0F0;
	color: #E74639;
}

.application.education .board_list .list > li p.progress {
	width: 20%;
	display: flex;
	gap: 6px;
	align-items: center;
	justify-content: center;
}

.application.education .board_list .list > li p.progress .return_txt {
	text-align: left;
	font-size: 12px;
	font-weight: 600;
	padding-left: 30px;
}

.application.education .board_list .list > li p.progress .return_txt em {
	color: #E74639;
}

.application.education .board_list .list > li p.progress .step {
	color: #333;
	font-size: 12px;
	font-weight: 600;
}

.application.education .board_list .list > li p.progress .step i {
	color: #1C56FF;
	font-style: normal;
}

.application.education .board_list .list > li p.progress .bar {
	position: relative;
	width: 120px;
	height: 13px;
	border-radius: 8px;
	background: #E3E3E3;
}

.application.education .board_list .list > li p.progress .bar em {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 13px;
	border-radius: 8px;
	background: #1C56FF;
}

.application.education .board_list .list > li p.progress .per {
	color: #666;
	font-size: 12px;
	font-weight: 600;
}

.application.education .board_list .list > li p.edu_status {
	width: 10%;
}

.application.education .board_list .list > li p.edu_status .btn {
	display: inline-block;
	width: 100px;
	height: 32px;
	border-radius: 16px;
	text-align: center;
	line-height: 28px;
	font-weight: 600;
	font-size: 14px;
	border: 1px solid #D4D4D4;
}

.application.education .board_list .list > li p.edu_status .btn.green {
	background: #34A853;
	border-color: #34A853;
	color: #fff;
}

@media screen and (max-width: 750px) {
	.application.education .board_list .list > li {
		position: relative;
		padding: 53px 0 10px;
	}

	.application.education .board_list .list > li p.time {
		width: auto;
		float: left;
		position: relative;
		margin-bottom: 5px;
		padding-right: 8px;
		margin-right: 6px;
	}

	.application.education .board_list .list > li p.time:after {
		content: "";
		display: block;
		width: 1px;
		height: 5px;
		background: #C3C3C3;
		position: absolute;
		right: 0;
		top: 7px;
	}

	.application.education .board_list .list > li p.tit {
		width: 100%;
		position: absolute;
		left: 0;
		top: 30px;
		font-weight: 600;
	}

	.application.education .board_list .list > li p.edu_period {
		width: auto;
		float: left;
		position: relative;
		margin-bottom: 5px;
		padding-right: 8px;
		margin-right: 6px;
	}

	.application.education .board_list .list > li p.apl_date {
		display: none;
	}

	.application.education .board_list .list > li p.apl_status {
		position: absolute;
		left: 0;
		top: 10px;
	}

	.application.education .board_list .list > li p.apl_status em {
		display: inline-block;
		width: auto;
		min-width: 35px;
		padding: 0 3px;
		height: 16px;
		font-size: 9px;
		line-height: 16px;
		vertical-align: top;
	}

	.application.education .board_list .list > li p.progress {
		width: 100%;
		justify-content: left;
	}

	.application.education .board_list .list > li p.progress .return_txt {
		padding-left: 0;
		padding-right: 60px;
	}

	.application.education .board_list .list > li p.progress:before {
		content: "";
		clear: both;
		display: block;
	}

	.application.education .board_list .list > li p.edu_status {
        display: block;
		width: auto;
		position: absolute;
		right: 0;
		bottom: 10px;
	}

	.application.education .board_list .list > li p.edu_status .btn {
		display: inline-block;
		width: 76px;
		height: 24px;
		border-radius: 12px;
		line-height: 22px;
		vertical-align: top;
	}
}

.application .appication_detail h3 {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 16px;
}

.application .appication_detail h3 em.status {
	display: inline-block;
	width: 60px;
	height: 27px;
	line-height: 27px;
	background: #EEF5F8;
	color: #4675FF;
	font-weight: 600;
	font-size: 14px;
	border-radius: 6px;
	text-align: center;
	vertical-align: middle;
}

.application .appication_detail h3 em.status.end {
	background: #1C56FF;
	color: #fff;
}

.application .appication_detail h3.answer {
	margin-top: 70px;
}

.application .appication_detail .detail_info {
	border: 1px solid #D4D4D4;
	border-top: 1px solid #000;
}

.application .appication_detail .detail_info h3 {
	font-size: 18px;
}

.application .appication_detail .detail_info dl {
	display: flex;
	width: 100%;
	border-bottom: 1px solid #D4D4D4;
	font-size: 18px;
}

.application .appication_detail .detail_info dl dt {
	flex-shrink: 0;
	width: 170px;
	padding: 20px 36px;
	background: #f5f5f5;
}

.application .appication_detail .detail_info dl dd {
	padding: 20px 36px;
	flex-grow: 1;
}

.application .appication_detail .detail_info dl dd a {
	text-decoration: underline;
}

.application .appication_detail .detail_info dl:last-child {
	border-bottom: 0;
}

@media screen and (max-width: 750px) {
	.application .appication_detail .detail_info dl {
		font-size: 16px;
	}

	.application .appication_detail .detail_info dl dt {
		width: 120px;
		padding: 16px;
	}

	.application .appication_detail .detail_info dl dd {
		padding: 16px;
	}
}

/*수요설문조사*/
.survey .board_list .tit {
	width: 60%;
}

.survey .board_list .period {
	width: 15%;
}

.survey .board_list .date {
	width: 15%;
}

.survey .board_list .list > li > p {
	padding: 0;
}

.survey .board_list .list > li .num {
	color: #666;
}

.survey .board_list .list > li .tit {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.survey .board_list .list > li .tit a {
	font-size: 18px;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

@media screen and (max-width: 750px) {
	.survey .board_list .num, .survey .board_list .date {
		display: none !important;
	}

	.survey .board_list .list > li {
		gap: 5px;
	}

	.survey .board_list .list > li > p {
		width: 100% !important;
	}

	.survey .board_list .list > li .tit {
		gap: 5px;
		width: 100%;
	}

	.survey .board_list .list > li .tit a {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		max-height: 2.4em;
		font-size: 18px;
		line-height: 1.2em;
		word-wrap: break-word;
		white-space: inherit;
		word-break: keep-all;
	}

	.survey .board_list .list > li .period {
		color: #666;
		letter-spacing: -0.5px;
	}
}

/*WFK 커뮤니티*/
.tab_section {
	margin-top: 60px;
	border-bottom: 1px solid #d4d4d4;
}

.tab_section ul {
	width: 1280px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.tab_section ul li {
	position: relative;
	width: 140px;
	height: 45px;
	border-bottom: 2px solid transparent;
	box-sizing: border-box;
}

.tab_section ul li.long {
	width: 230px;
}

.tab_section ul li button {
	display: block;
	width: 100%;
	text-align: center;
	color: #999;
	font-size: 20px;
	line-height: 30px;
	background: none;
}

.tab_section ul li .detail {
	position: absolute;
	display: none;
	left: -30px;
	top: 65px;
	font-size: 16px;
	color: #666;
	width: 200px;
	text-align: center;
}

.tab_section ul li.active {
	border-color: #333;
}

.tab_section ul li.active button {
	color: #333;
	font-weight: 600;
}

.tab_section ul li.active .detail {
	display: block;
}

.tab_section ul.long {
	position: relative;
}

.tab_section ul.long li {
	position: static;
}

.tab_section ul.long li .detail {
	left: 0;
	width: auto;
}

@media screen and (max-width: 1280px) {
	.tab_section {
		width: 100%;
		overflow-x: auto;
		box-sizing: border-box;
		border-bottom: 0;
		height: 100px;
	}

	.tab_section ul {
		width: auto;
		min-width: 600px;
		border-bottom: 1px solid #d4d4d4;
	}

	.tab_section ul li {
		width: 100px;
		flex-shrink: 0;
	}

	.send_report .tab_section ul li.long {
		width:100px;
	}

	.send_report .tab_section ul li.long:nth-child(3),
	.send_report .tab_section ul li.long:nth-child(5) {
		width:230px;
	}

	.tab_section ul li .detail {
		left: -50px;
	}
}

.community .board_list {
	margin-top: 120px;
}

.community .board_list .tit {
	width: 50%;
	flex-grow: 1;
}

.community .board_list .category {
	width: 10%;
}

.community .board_list .writer {
	width: 10%;
}

.community .board_list .date {
	width: 10%;
}

.community .board_list .hit {
	width: 10%;
}

.community .board_list .list > li > p {
	padding: 0;
}

.community .board_list .list > li .num {
	color: #666;
}

.community .board_list .list > li.reply .num {
	font-size: 0;
}

.community .board_list .list > li.reply .num:before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(/kor/img/icn_cmt_reply.svg) no-repeat 0;
}

.community .board_list .list > li .category {
	color: #0A31A8;
}

.community .board_list .list > li .date {
	color: #333;
}

.community .board_list .list > li .tit {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.community .board_list .list > li .tit a {
	font-size: 18px;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.community .board_list .list > li .tit.lock a {
	position: relative;
	padding-left: 30px;
}

.community .board_list .list > li .tit.lock a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 24px;
	height: 24px;
	background: url(/kor/img/icn_lock.svg) no-repeat center center;
}

.community .board_list .list > li .tit.cmt dl dt {
	font-weight: 600;
	margin-bottom: 6px;
}

.community .board_list .list > li .tit.cmt dl dt a {
	display: block;
	font-size: 16px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.community .board_list .list > li .tit.cmt dl dd {
	font-size: 14px;
	color: #666;
}

.community .board_list .list > li .tit.cmt dl dd.lock {
	position: relative;
	padding-left: 20px;
}

.community .board_list .list > li .tit.cmt dl dd.lock:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 16px;
	height: 16px;
	background: url(/kor/img/icn_lock.svg) no-repeat center center;
	background-size: contain;
}

.community .board_list .list > li .tit.cmt dl dd em {
	color: #0A31A8;
}

.community .board_list .list > li .tit.cmt dl.delete dt a {
	color: #666;
}

.community .board_list .wrap_btn {
	justify-content: flex-end;
	margin-top: 30px;
}

.community .board_list .wrap_btn .btn_apply {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 160px;
	height: 44px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	border-radius: 50px;
	background-color: #0A31A8;
}

.community .board_list .wrap_btn .btn_apply:before {
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	background: url(/kor/img/icn_apply.svg) no-repeat;
}

@media screen and (max-width: 750px) {
	.community .board_list {
		margin-top: 50px;
	}

	.community .board_list .num, .community .board_list .hit {
		display: none !important;
	}

	.community .board_list .list > li {
		position: relative;
		display: block;
		gap: 5px;
	}

	.community .board_list .list > li > p {
		width: 100%;
	}

	.community .board_list .list > li .category {
		margin-bottom: 5px;
	}

	.community .board_list .list > li .tit {
		margin-bottom: 5px;
		width: 100%;
	}

	.community .board_list .list > li .tit a {
		height: 1.2em;
		font-size: 18px;
		line-height: 1.2em;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}

	.community .board_list .list > li .writer {
		position: relative;
		width: auto;
		color: #666;
		display: inline-block;
		vertical-align: top;
		padding-right: 8px;
		margin-right: 2px;
	}

	.community .board_list .list > li .writer:after {
		position: absolute;
		right: 0;
		top: 8px;
		content: "";
		display: block;
		width: 1px;
		height: 5px;
		background: #d4d4d4;
	}

	.community .board_list .list > li .date {
		width: auto;
		display: inline-block;
		color: #666;
		vertical-align: top;
	}

	.community .board_list .list > li.reply {
		padding-left: 30px;
	}

	.community .board_list .list > li.reply .num {
		display: block !important;
		position: absolute;
		left: 0;
		top: 10px;
	}

	.community .board_list .wrap_btn .btn_apply {
		width: 120px;
	}
}

.community .board_view .right .wrap_btn {
	width: 360px;
}

.community .board_view .right .wrap_btn .btn {
	width: auto;
	flex-grow: 1;
	color: #333;
	border-color: #D4D4D4;
}

.community .board_view .right .wrap_btn .btn.delete {
	flex-grow: 0;
	width: 44px;
	border-color: rgba(221, 69, 8, 0.5);
	font-size: 0;
	background: url(/kor/img/icn_delete_red.svg) no-repeat center center;
	background-size: 24px 24px;
}

.community .board_view .right .wrap_btn .btn_list {
	width: 100%;
}

@media screen and (max-width: 750px) {
	.community .board_view .right {
		position: fixed;
	}

	.community .board_view .right .wrap_btn {
		width: 100%;
		padding: 10px 16px;
		box-sizing: border-box;
	}

	.community .board_view .right .wrap_btn .btn {
		flex-grow: initial;
		width: 90px;
	}

	.community .board_view .right .wrap_btn .btn_list {
		width: 44px;
	}
}

/*파견현황*/
.send_report .search {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 100px;
}

.send_report .search dl {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	font-size: 18px;
}

.send_report .search dl dd {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

.send_report .search .depth {
	position: relative;
	width: 360px;
	height: 44px;
	background-color: #fff;
}

.send_report .search .depth input[type='checkbox'] {
	display: none;
}

.send_report .search .depth label {
	display: block;
	position: relative;
	padding-left: 20px;
	width: 100%;
	height: 100%;
	color: #999;
	line-height: 44px;
	border: 1px solid #d4d4d4;
	border-radius: 10px;
	cursor: pointer;
	box-sizing: border-box;
}

.send_report .search .depth label:after {
	content: '';
	position: absolute;
	right: 20px;
	top: 8px;
	width: 26px;
	height: 26px;
	background: url(/kor/img/icn_arrow_gray.svg) no-repeat;
	transform: rotate(180deg);
}

.send_report .search .depth label:focus {
	border-color: #0A31A8;
}

.send_report .search .depth .dropdown {
	display: none;
	position: absolute;
	left: 0;
	top: 53px;
	padding: 16px 10px;
	width: 100%;
	border: 1px solid #d4d4d4;
	border-radius: 15px;
	background-color: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
	box-sizing: border-box;
	overflow: hidden;
	z-index: 1;
}

.send_report .search .depth .dropdown li {
	padding: 0 10px;
	width: 100%;
	height: 44px;
	line-height: 44px;
	cursor: pointer;
}

.send_report .search .depth input[type='checkbox']:checked ~ label {
	border-color: #0A31A8;
}

.send_report .search .depth input[type='checkbox']:checked ~ label:after {
	transform: rotate(0);
}

.send_report .search .depth input[type='checkbox']:checked ~ .dropdown {
	display: block;
}

.send_report .search .btn {
	display: block;
	width: 120px;
	height: 44px;
	line-height: 44px;
	border-radius: 22px;
	color: #fff;
	background: #0A31A8;
}

.send_report .map_section {
	position: relative;
	margin-bottom: 40px;
}

.send_report .map_section .state {
	position: relative;
	width: 1280px;
	margin: 0 auto 24px;
}

.send_report .map_section .state .info {
	text-align: center;
	font-size: 20px;
	letter-spacing: 0;
}

.send_report .map_section .state .info em {
	font-size: 24px;
	font-weight: bold;
}

.send_report .map_section .state .info span {
	font-size: 16px;
	color: #999;
}

.send_report .map_section .state .date {
	position: absolute;
	right: 0;
	top: 12px;
	font-size: 16px;
	color: #999;
}

.send_report .map_section .map {
	height: 500px;
	background: url(/kor/img/bg_send_report.png) no-repeat center center #F6F6F6;
	background-size: auto 500px;
	position: relative;
}

.send_report .map_section .map dl {
	display: flex;
	align-items: center;
	gap: 15px;
	position: absolute;
}

.send_report .map_section .map dl dt em {
	display: block;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0;
}

.send_report .map_section .map dl dt em.size1 {
	width: 46px;
	height: 46px;
	line-height: 46px;
}

.send_report .map_section .map dl dt em.size2 {
	width: 80px;
	height: 80px;
	line-height: 80px;
}

.send_report .map_section .map dl dt em.size3 {
	width: 124px;
	height: 124px;
	line-height: 124px;
}

.send_report .map_section .map dl dt em.size4 {
	width: 156px;
	height: 156px;
	line-height: 156px;
}

.send_report .map_section .map dl dd {
	font-size: 18px;
	font-weight: 600;
	color: #333;
	letter-spacing: 0;
}

.send_report .map_section .map dl.asia {
	left: 50%;
	margin-left: 230px;
	top: 46px;
}

.send_report .map_section .map dl.asia dt em {
	background: rgba(28, 86, 255, 0.6);
	border: 1px solid rgba(112, 112, 112, 0.3);
}

.send_report .map_section .map dl.md_est {
	left: 50%;
	margin-left: 106px;
	top: 228px;
}

.send_report .map_section .map dl.md_est dt em {
	background: rgba(52, 168, 83, 0.7);
	border: 1px solid rgba(112, 112, 112, 0.3);
}

.send_report .map_section .map dl.md_east {
	left: 50%;
	margin-left: 106px;
	top: 228px;
}

.send_report .map_section .map dl.md_east dt em {
	background: rgba(52, 168, 83, 0.7);
	border: 1px solid rgba(112, 112, 112, 0.3);
}

.send_report .map_section .map dl.est_eu {
	left: 50%;
	top: 98px;
}

.send_report .map_section .map dl.est_eu dt em {
	background: rgba(231, 70, 57, 0.7);
	border: 1px solid rgba(112, 112, 112, 0.3);
}

.send_report .map_section .map dl.cis_eu {
	left: 50%;
	top: 98px;
}

.send_report .map_section .map dl.cis_eu dt em {
	background: rgba(231, 70, 57, 0.7);
	border: 1px solid rgba(112, 112, 112, 0.3);
}

.send_report .map_section .map dl.africa {
	left: 50%;
	margin-left: -22px;
	top: 320px;
}

.send_report .map_section .map dl.africa dt em {
	background: rgba(251, 188, 4, 0.7);
	border: 1px solid rgba(112, 112, 112, 0.3);
}

.send_report .map_section .map dl.america {
	left: 50%;
	margin-left: -286px;
	top: 322px;
}

.send_report .map_section .map dl.america dt em {
	background: rgba(0, 0, 0, 0.5);
	border: 1px solid rgba(112, 112, 112, 0.3);
}

.send_report .map_section .map dl.oceania {
	left: 50%;
	margin-left: 333px;
	top: 393px;
}

.send_report .map_section .map dl.oceania dt em {
	background: rgba(112, 79, 232, 0.6);
	border: 1px solid rgba(112, 112, 112, 0.3);
}

.send_report .tbl_section {
	padding: 70px 0 200px;
}

.send_report .tbl_section table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}

.send_report .tbl_section table th {
	border: 1px solid #D4D4D4;
	border-top: 1px solid #999;
	height: 70px;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
	font-size: 14px;
	background: #F5F5F5;
    word-break: keep-all;
    overflow-wrap: break-word;
}

.send_report .tbl_section table td {
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
	height: 70px;
	border: 1px solid #D4D4D4;
}

@media screen and (max-width: 750px) {
	.send_report .search {
		display: block;
		padding: 0 16px;
		margin-bottom: 54px;
	}

	.send_report .search dl {
		display: block;
	}

	.send_report .search dl dt {
		margin-bottom: 14px;
	}

	.send_report .search .depth {
		width: calc(100% - 70px);
	}

	.send_report .search .btn {
		width: 50px;
		height: 50px;
		border-radius: 50%;
	}

	.send_report .map_section {
		padding-bottom: 45px;
	}

	.send_report .map_section .state {
		width: auto;
		padding: 0 16px;
		position: static;
	}

	.send_report .map_section .state .info {
		text-align: left;
		font-size: 18px;
	}

	.send_report .map_section .state .info span {
		display: block;
	}

	.send_report .map_section .state .date {
		right: auto;
		right: initial;
		top: auto;
		top: initial;
		left: 16px;
		bottom: 0;
	}

	.send_report .map_section .map {
		height: 332px;
		background-size: auto 200px;
	}

	.send_report .map_section .map dl {
		display: block;
	}

	.send_report .map_section .map dl dt {
		text-align: center;
	}

	.send_report .map_section .map dl dt em {
		display: inline-block;
		font-size: 16px;
	}

	.send_report .map_section .map dl dt em.size1 {
		width: 28px;
		height: 28px;
		line-height: 28px;
	}

	.send_report .map_section .map dl dt em.size2 {
		width: 50px;
		height: 50px;
		line-height: 50px;
	}

	.send_report .map_section .map dl dt em.size3 {
		width: 68px;
		height: 68px;
		line-height: 68px;
	}

	.send_report .map_section .map dl dt em.size4 {
		width: 84px;
		height: 84px;
		line-height: 84px;
	}

	.send_report .map_section .map dl dd {
		text-align: center;
		font-size: 16px;
	}

	.send_report .map_section .map dl.asia {
		margin-left: 80px;
		top: 44px;
	}

	.send_report .map_section .map dl.md_est {
		margin-left: 45px;
		top: 156px;
	}

	.send_report .map_section .map dl.md_east {
		margin-left: 45px;
		top: 156px;
	}

	.send_report .map_section .map dl.est_eu {
		margin-left: -50px;
		top: 96px;
	}

	.send_report .map_section .map dl.cis_eu {
		margin-left: -50px;
		top: 96px;
	}

	.send_report .map_section .map dl.africa {
		left: 50%;
		margin-left: -20px;
		top: 200px;
	}

	.send_report .map_section .map dl.america {
		margin-left: -120px;
		top: 180px;
	}

	.send_report .map_section .map dl.oceania {
		margin-left: 120px;
		top: 200px;
	}

	.send_report .tbl_section .scroll_box {
		overflow: auto;
	}

	.send_report .tbl_section table {
		width: 1000px;
	}
}

.sns_look .category {
	padding: 40px 46px;
	border: 1px solid #D4D4D4;
	border-radius: 16px;
	margin-bottom: 80px;
}

.sns_look .category dl {
	display: flex;
	align-items: center;
	gap: 74px;
}

.sns_look .category dl dt {
	font-size: 24px;
	font-weight: 600;
}

.sns_look .category ul {
	display: flex;
	align-items: center;
	gap: 25px;
}

.sns_look .category ul li .wrap_ck label:before {
	top: 1px;
	width: 20px;
	height: 20px;
	background: url(/kor/img/icn_ck_square.svg) no-repeat;
}

.sns_look .category ul li .wrap_ck input[type='checkbox']:checked + label:before {
	background: url(/kor/img/icn_ck_square_on.svg) no-repeat;
}

.sns_look .ch_list {
	border: 1px solid #D4D4D4;
	border-radius: 16px;
	margin-bottom: 60px;
}

.sns_look .ch_list h3 {
	padding: 20px 30px;
	font-size: 20px;
	font-weight: 600;
	border-bottom: 1px solid #D4D4D4;
}

.sns_look .ch_list ul {
	padding: 24px 30px 0;
}

.sns_look .ch_list ul li {
	float: left;
	width: 230px;
	margin-right: 0;
	margin-bottom: 30px;
}

.sns_look .ch_list ul li:nth-child(5) {
	margin-right: 0;
}

.sns_look .ch_list ul li .sns {
	padding-left: 66px;
	gap: 12px;
	height: 54px;
	background: no-repeat left center;
	background-size: 54px auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 2px;
}

.sns_look .ch_list ul li .sns em {
	font-size: 16px;
	font-weight: 700;
}

.sns_look .ch_list ul li .sns span {
	font-size: 16px;
	color: #666;
}

.sns_look .ch_list ul li .sns.youtube {
	background-image: url(/kor/img/icn_sns_youtube.svg);
}

.sns_look .ch_list ul li .sns.insta {
	background-image: url(/kor/img/icn_sns_insta.svg);
}

.sns_look .ch_list ul li .sns.blog {
	background-image: url(/kor/img/icn_sns_blog.svg);
}

.sns_look .ch_list ul li .sns.facebook {
	background-image: url(/kor/img/icn_sns_facebook.svg);
}

.sns_look .ch_list ul li .sns.x {
	background-image: url(/kor/img/icn_sns_x.svg);
}

.sns_look .ch_list ul li .sns.kakao {
	background-image: url(/kor/img/icn_sns_kakao.svg);
}

.sns_look .ch_list ul li .sns.threads {
	background-image: url(/kor/img/icn_sns_threads.svg);
}

.sns_look .ch_list ul li .sns.cafe {
	background-image: url(/kor/img/icn_sns_cafe.svg);
}

.sns_look .ch_list ul li .sns.koica {
	background-image: url(/kor/img/icn_sns_koica.svg);
}

.sns_look .ch_list ul li .sns.komsta {
	background-image: url(/kor/img/icn_sns_komsta.svg);
}

.sns_look .ch_list ul li .sns.kucss {
	background-image: url(/kor/img/icn_sns_kucss.svg);
}

.sns_look .ch_list ul li .sns.nia {
	background-image: url(/kor/img/icn_sns_nia.svg);
}

.sns_look .ch_list ul li .sns.niied {
	background-image: url(/kor/img/icn_sns_niied.svg);
}

.sns_look .ch_list ul li .sns.nipa {
	background-image: url(/kor/img/icn_sns_nipa.svg);
}

.sns_look .ch_list ul li .sns.nrf {
	background-image: url(/kor/img/icn_sns_nrf.svg);
}

.sns_look .ch_list ul li .sns.pas {
	background-image: url(/kor/img/icn_sns_pas.svg);
}

.sns_look .ch_list ul li .sns.tpf {
	background-image: url(/kor/img/icn_sns_tpf.svg);
}

.sns_look .ch_list ul li .sns.wfk {
	background-image: url(/kor/img/icn_sns_wfk.svg);
}

.sns_look .ch_list ul li dl {
	display: flex;
	align-items: center;
	gap: 12px;
}

.sns_look .ch_list ul li dl dt em {
	display: block;
	width: 54px;
	height: 54px;
	background: no-repeat center center;
	background-size: contain;
	font-size: 0;
}

.sns_look .ch_list ul li dl dt em.youtube {
	background-image: url(/kor/img/icn_sns_youtube.svg);
}

.sns_look .ch_list ul li dl dt em.insta {
	background-image: url(/kor/img/icn_sns_insta.svg);
}

.sns_look .ch_list ul li dl dt em.blog {
	background-image: url(/kor/img/icn_sns_blog.svg);
}

.sns_look .ch_list ul li dl dt em.facebook {
	background-image: url(/kor/img/icn_sns_facebook.svg);
}

.sns_look .ch_list ul li dl dt em.x {
	background-image: url(/kor/img/icn_sns_x.svg);
}

.sns_look .ch_list ul li dl dt em.kakao {
	background-image: url(/kor/img/icn_sns_kakao.svg);
}

.sns_look .ch_list ul li dl dt em.threads {
	background-image: url(/kor/img/icn_sns_threads.svg);
}

.sns_look .ch_list ul li dl dt em.cafe {
	background-image: url(/kor/img/icn_sns_cafe.svg);
}

.sns_look .ch_list ul li dl dt em.koica {
	background-image: url(/kor/img/icn_sns_koica.svg);
}

.sns_look .ch_list ul li dl dt em.komsta {
	background-image: url(/kor/img/icn_sns_komsta.svg);
}

.sns_look .ch_list ul li dl dt em.kucss {
	background-image: url(/kor/img/icn_sns_kucss.svg);
}

.sns_look .ch_list ul li dl dt em.nia {
	background-image: url(/kor/img/icn_sns_nia.svg);
}

.sns_look .ch_list ul li dl dt em.niied {
	background-image: url(/kor/img/icn_sns_niied.svg);
}

.sns_look .ch_list ul li dl dt em.nipa {
	background-image: url(/kor/img/icn_sns_nipa.svg);
}

.sns_look .ch_list ul li dl dt em.nrf {
	background-image: url(/kor/img/icn_sns_nrf.svg);
}

.sns_look .ch_list ul li dl dt em.pas {
	background-image: url(/kor/img/icn_sns_pas.svg);
}

.sns_look .ch_list ul li dl dt em.tpf {
	background-image: url(/kor/img/icn_sns_tpf.svg);
}

.sns_look .ch_list ul li dl dt em.wfk {
	background-image: url(/kor/img/icn_sns_wfk.svg);
}

.sns_look .ch_list ul li dl dd {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.sns_look .ch_list ul li dl dd em {
	font-size: 16px;
	font-weight: 700;
}

.sns_look .ch_list ul li dl dd span {
	font-size: 16px;
	color: #666;
}

.sns_look .ch_list ul:after {
	content: "";
	clear: both;
	display: block;
}

@media screen and (max-width: 750px) {
	.sns_look .category {
		padding: 20px;
		margin-bottom: 50px;
	}

	.sns_look .category dl {
		display: block;
	}

	.sns_look .category dl dt {
		font-size: 18px;
	}

	.sns_look .category ul {
		display: block;
	}

	.sns_look .category ul li {
		float: left;
		min-width: 80px;
		margin-right: 25px;
		margin-top: 18px;
	}

	.sns_look .category ul:after {
		content: "";
		clear: both;
		display: block;
	}
}

.done_page {
	padding: 150px 0;
}

.done_page dl {
	margin-bottom: 60px;
	padding-top: 112px;
	text-align: center;
	background: url(/kor/img/icn_check_circle.svg) no-repeat center top;
}

.done_page dl dt {
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: bold;
}

.done_page dl dd {
	font-size: 18px;
	color: #666;
}

.done_page .wrap_btn .btn.wide {
	width: 320px;
}

@media screen and (max-width: 750px) {
	.done_page .wrap_btn .btn.wide {
		width: 200px;
	}
}

.personal_adm .tab_section ul li {
	width: 180px;
}

.personal_adm > .layout {
	padding: 80px 0 160px;
}

.personal_adm h4 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 20px;
}

.personal_adm .cmt_txt {
	margin-bottom: 20px;
	font-size: 14px;
	color: #666;
}

.personal_adm .div_list {
	border: 1px solid #D4D4D4;
	border-radius: 16px;
}

.personal_adm .div_list li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 40px;
	border-top: 1px solid #D4D4D4;
}

.personal_adm .div_list li:first-child {
	border-top: none;
}

.personal_adm .div_list li p {
	font-size: 18px;
	line-height: 32px;
}

.personal_adm .div_list li dl dt {
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}

.personal_adm .div_list li dl dd {
	color: #999;
	font-size: 14px;
}

.personal_adm .div_list li .btn_blue {
	width: 100px;
	height: 32px;
	line-height: 32px;
	border-radius: 16px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	background: #0A31A8;
}

.personal_adm .div_list li .toggle-switch {
	position: relative;
	display: inline-block;
	width: 64px;
	height: 32px;
}

.personal_adm .div_list li .toggle-switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.personal_adm .div_list li .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #D0D5DD;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	border-radius: 25px;
}

.personal_adm .div_list li .slider::before {
	position: absolute;
	content: "";
	height: 28px;
	width: 28px;
	left: 3px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.06);
	border-radius: 50%;
      /* Circular knob */
	z-index: 1;
}

.personal_adm .div_list li .slider::after {
	content: "Off";
	position: absolute;
	right: 9px;
	top: 0;
	line-height: 32px;
	color: #667085;
}

.personal_adm .div_list li input:checked + .slider {
	background-color: #0A31A8;
      /* Color when on */;
}

.personal_adm .div_list li input:checked + .slider::before {
	-webkit-transform: translateX(30px);
      /* Move knob when on */
	-ms-transform: translateX(30px);
	transform: translateX(30px);
}

.personal_adm .div_list li input:checked + .slider::after {
	content: "On";
	right: 38px;
	color: #fff;
}

.personal_adm .terms {
	width: 100%;
	border: 1px solid #d4d4d4;
	border-radius: 16px;
	overflow: hidden;
}

.personal_adm .terms > li {
	position: relative;
	padding: 28px 50px;
	border-bottom: 1px solid #d4d4d4;
	box-sizing: border-box;
}

.personal_adm .terms > li:last-child {
	border-bottom: 0;
}

.personal_adm .terms > li .wrap_ck label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 24px;
	height: 24px;
	background: url(/kor/img/icn_ck.svg) no-repeat;
}

.personal_adm .terms > li .wrap_ck input[type='checkbox']:checked + label:before {
	background: url(/kor/img/icn_ck_on.svg) no-repeat;
}

.personal_adm .terms > li .btn_viewAll {
	position: absolute;
	right: 50px;
	top: 29px;
	font-size: 16px;
	color: #666;
}

.personal_adm .terms > li .btn_viewAll:after {
	content: '';
	position: absolute;
	bottom: 2px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #666;
}

.personal_adm .wrap_form dl.center {
	justify-content: center;
}

.personal_adm .wrap_form dl.center dd {
	width: 360px;
}

@media screen and (max-width: 750px) {
	.personal_adm > .layout {
		padding: 48px 16px;
	}

	.personal_adm .div_list li {
		padding: 18px 16px;
	}

	.personal_adm .div_list li dl {
		width: 60%;
	}

	.personal_adm .rd_list {
		display: block;
	}

	.personal_adm .rd_list .wrap_rd {
		margin-bottom: 10px;
	}

	.personal_adm .rd_list .wrap_rd label {
		font-size: 16px;
	}

	.personal_adm .rd_list .fx {
		display: block;
	}

	.personal_adm .wrap_form dl.center dd {
		width: 100%;
	}
}

/* 기관 및 연락처 관리 */
article.contact .pc {
	display: table;
}

article.contact .mobile {
	display: none;
}

article.contact .layout {
	padding: 50px 0;
}

article.contact .layout h3 {
	margin-bottom: 20px;
	font-size: 30px;
	font-weight: 600;
}

article.contact .layout h3 + p {
	font-size: 18px;
	font-weight: 400;
	color: #666;
}

article.contact .layout table {
	width: 100%;
	margin: 30px 0 100px;
}

article.contact .layout table th, article.contact .layout table td {
	padding: 21px;
	font-size: 18px;
	color: #333;
}

article.contact .layout table tr th {
	background-color: #F5F5F5;
}

article.contact .layout .wfk-contact-table {
	border: 1px solid #D4D4D4;
}

article.contact .layout .wfk-contact-table tr th, article.contact .layout .wfk-contact-table tr td {
	min-height: 64px;
}

article.contact .layout .wfk-contact-table tr th {
	width: 166px;
}

article.contact .layout .wfk-contact-table tr:not(:last-child) {
	border-bottom: 1px solid #D4D4D4;
}

article.contact .layout .tab {
	justify-content: flex-start;
	width: 100%;
	height: fit-content;
	padding: 10px 0;
	margin-bottom: 0;
}

article.contact .layout .tab a {
	width: 140px;
}

article.contact .layout .abroad-contact-table.pc {
	border-bottom: 1px solid #D4D4D4;
}

article.contact .layout .abroad-contact-table.pc tr:first-child td:first-child {
	font-weight: 600;
}

article.contact .layout .abroad-contact-table.pc tr:first-child td:first-child, article.contact .layout .abroad-contact-table.pc tr:first-child td:nth-child(2) {
	text-align: center;
}

article.contact .layout .abroad-contact-table.pc tr:not(:first-child) td:first-child {
	text-align: center;
}

article.contact .layout .abroad-contact-table.pc tr:not(:last-child) {
	border-bottom: 1px solid #D4D4D4;
}

article.contact .layout .abroad-contact-table.pc tr td {
	padding: 10px 21px;
}

article.contact .layout .abroad-contact-table.pc tr td:not(:last-child) {
	border-right: 1px solid #D4D4D4;
}

@media screen and (max-width: 750px) {
	article.contact .pc {
		display: none;
	}

	article.contact .mobile {
		display: table;
	}

	article.contact .layout {
		padding: 50px 20px;
	}

	article.contact .layout h3 {
		margin-bottom: 5px;
		font-size: 20px;
	}

	article.contact .layout h3 + p {
		font-size: 16px;
	}

	article.contact .layout table tr th, article.contact .layout table tr td {
		font-size: 16px;
	}

	article.contact .layout .wfk-contact-table tr th, article.contact .layout .wfk-contact-table tr td {
		min-height: 60px;
	}

	article.contact .layout .wfk-contact-table tr th {
		width: 78px;
	}

	article.contact .layout .tab {
		gap: 20px;
		flex-wrap: wrap;
		padding-top: 0;
	}

	article.contact .layout .tab a {
		width: fit-content;
		height: 20px;
		font-size: 16px;
	}

	article.contact .layout .tab a.active {
		color: #0A31A8;
		background-color: #fff;
	}

	article.contact .layout .abroad-contact-table.mobile {
		border-top: 2px solid #0A31A8;
		border-bottom: 2px solid #0A31A8;
	}

	article.contact .layout .abroad-contact-table.mobile tr td {
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 5px;
		padding: 20px 10px;
	}

	article.contact .layout .abroad-contact-table.mobile tr td > div {
		display: flex;
		align-items: center;
		gap: 7px;
	}

	article.contact .layout .abroad-contact-table.mobile tr td > div .legion, article.contact .layout .abroad-contact-table.mobile tr td > div .country {
		font-size: 14px;
		font-weight: 600;
	}

	article.contact .layout .abroad-contact-table.mobile tr td > div .legion {
		color: #0A31A8;
	}

	article.contact .layout .abroad-contact-table.mobile tr td > div .country {
		color: #333;
	}

	article.contact .layout .abroad-contact-table.mobile tr td > div .line {
		display: inline-block;
		width: 2px;
		height: 8px;
		background-color: #D4D4D4;
	}

	article.contact .layout .abroad-contact-table.mobile tr td p {
		font-size: 14px;
		color: #666;
	}

	article.contact .layout .abroad-contact-table.mobile tr:not(:last-child) {
		border-bottom: 1px solid #D4D4D4;
	}
}

/*약관페이지*/
.term_section {
	padding: 30px 0 190px;
}

.term_section .term_con {
	padding: 48px 57px;
	border: 1px solid #D4D4D4;
	border-radius: 32px;
}

.term_section .term_con.email {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 200px;
	box-sizing: border-box;
	gap: 30px;
}

.term_section .term_con.email .icon {
	display: block;
	width: 80px;
	height: 80px;
	background: url(/kor/img/icn_email_collect.svg) no-repeat center center;
	background-size: contain;
}

.term_section .term_con.email .txt {
	width: 508px;
	font-size: 18px;
	word-break: keep-all;
}

.term_section .term_con .div_txt {
	font-size: 18px;
	margin-bottom: 30px;
}

.term_section .term_con .div_txt span {
	color: #0A31A8;
}

@media screen and (max-width: 750px) {
	.term_section .term_con {
		padding: 36px;
	}

	.term_section .term_con.email {
		display: block;
		height: auto;
	}

	.term_section .term_con.email .icon {
		margin-bottom: 16px;
		width: 70px;
		height: 70px;
	}

	.term_section .term_con.email .txt {
		font-size: 14px;
		width: auto;
	}

	.term_section .term_con .div_txt {
		font-size: 14px;
	}
}

/*오시는길*/
.contact_section .map_section {
	width: 1280px;
	max-width: 100%;
	height: 460px;
	background: url(/kor/img/contactus_map.png) no-repeat center center;
	background-size: cover;
	margin: 0 auto 80px;
}

.contact_section .map_section.map2 {
	background-image: url(/kor/img/contactus_map2.png);
}

.contact_section h4 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}

.contact_section p {
	font-size: 18px;
	margin-bottom: 40px;
}

.contact_section .div_con {
	margin-bottom: 90px;
}

.contact_section .tbl_info {
	border-top: 1px solid #000;
	margin-bottom: 90px;
}

.contact_section .tbl_info dl {
	display: flex;
	font-size: 18px;
	border-bottom: 1px solid #d4d4d4;
}

.contact_section .tbl_info dl dt {
	flex-shrink: 0;
	width: 170px;
	padding: 20px 36px;
	box-sizing: border-box;
	background: #f5f5f5;
}

.contact_section .tbl_info dl dt.long {
	width: 300px;
}

.contact_section .tbl_info dl dd {
	flex-grow: 1;
	padding: 20px 36px;
	box-sizing: border-box;
}

@media screen and (max-width: 750px) {
	.contact_section h4 {
		font-size: 18px;
	}

	.contact_section p {
		font-size: 14px;
	}

	.contact_section .tbl_info dl {
		font-size: 16px;
	}

	.contact_section .tbl_info dl dt {
		padding: 16px;
		width: 120px;
	}

	.contact_section .tbl_info dl dt.long {
		width: 120px;
	}

	.contact_section .tbl_info dl dd {
		padding: 16px;
	}
}

/*해외봉사이후*/
.after_service .inner_tab {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-bottom: 40px;
}

.after_service .inner_tab li button {
	display: block;
	width: 260px;
	height: 54px;
	line-height: 54px;
	text-align: center;
	border-radius: 30px;
	font-size: 20px;
	color: #999;
	font-weight: bold;
}

.after_service .inner_tab li.active button {
	background: #0A31A8;
	color: #fff;
}

.after_service .img_section {
	position: relative;
	width: 100%;
	height: 200px;
	background: #d9d9d9;
	border-radius: 10px;
	margin-bottom: 40px;
	overflow: hidden;
}

.after_service .img_section img {
	position: absolute;
	height: 100%;
	left: 0;
}

.after_service .txt_section {
	margin-bottom: 100px;
	font-size: 18px;
}

.after_service .txt_section.center {
	text-align: center;
}

.after_service h4 {
	font-size: 20px;
	text-align: center;
	font-weight: bold;
}

.after_service .thumb_section {
	padding-top: 100px;
}

.after_service .thumb_section dl {
	display: flex;
	gap: 35px;
}

.after_service .thumb_section dl dt {
	flex-shrink: 0;
	width: 270px;
}

.after_service .thumb_section dl dt .thumb_img {
	position: relative;
	width: 100%;
	height: 200px;
	background: #d9d9d9;
	border-radius: 10px;
	margin-bottom: 40px;
	overflow: hidden;
}

.after_service .thumb_section dl dt .thumb_img img {
	position: absolute;
	width: 100%;
}

.after_service .thumb_section dl dd {
	flex-grow: 1;
	font-size: 18px;
}

.after_service .thumb_section dl dd li {
	text-indent: -14px;
	padding-left: 14px;
}

@media screen and (max-width: 750px) {
	.after_service .inner_tab li button {
		width: auto;
		padding: 0 20px;
		height: 44px;
		line-height: 44px;
		font-size: 16px;
	}

	.after_service .txt_section {
		font-size: 16px;
	}

	.after_service .img_section img {
		margin-left: -50%;
	}

	.after_service .thumb_section dl {
		display: block;
		margin-bottom: 60px;
	}

	.after_service .thumb_section dl dt {
		width: 100%;
		margin-bottom: 30px;
	}

	.after_service .thumb_section dl dd {
		width: 100%;
	}
}

.wfk_intro {
	padding: 20px 0 200px;
}

.wfk_intro .top_section h3 {
	position: relative;
	font-size: 30px;
	line-height: 150%;
	font-weight: bold;
	text-align: center;
	padding-bottom: 90px;
}

.wfk_intro .top_section h3 i {
	position: relative;
	font-style: normal;
}

.wfk_intro .top_section h3 i:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 12px;
	display: block;
	left: 0;
	bottom: 0;
	background: rgba(28, 86, 255, 0.3);
	z-index: -1;
}

.wfk_intro .top_section h3:after {
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -1px;
	bottom: 0;
	height: 55px;
	width: 2px;
	background: linear-gradient(180deg, rgba(51, 51, 51, 0) 0%, #333333 100%);
}

.wfk_intro .top_section .bg_section {
	position: relative;
	padding: 93px 0 80px;
	min-height: 405px;
	background: url(/kor/img/wfk_top.png) no-repeat center center;
	background-size: cover;
	box-sizing: border-box;
}

.wfk_intro .top_section .bg_section dl {
	width: 1280px;
	margin: 0 auto;
	color: #fff;
}

.wfk_intro .top_section .bg_section dl dt {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 24px;
}

.wfk_intro .top_section .bg_section dl dd {
	font-size: 16px;
}

.wfk_intro .top_section .bg_section:after {
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -1px;
	top: 0;
	height: 55px;
	width: 2px;
	background: #fff;
}

.wfk_intro .ci_section {
	width: 1280px;
	margin: 0 auto;
	padding: 85px 0 60px;
}

.wfk_intro .ci_section h4 {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 24px;
}

.wfk_intro .ci_section .ci_div {
	display: flex;
	gap: 30px;
}

.wfk_intro .ci_section .ci_div .ci_img {
	width: 522px;
	height: 166px;
	box-sizing: border-box;
	border: 1px solid #D4D4D4;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wfk_intro .ci_section .ci_div .ci_img img {
	width: 222px;
}

.wfk_intro .ci_section .ci_div .ci_info {
	position: relative;
}

.wfk_intro .ci_section .ci_div .ci_info p {
	font-size: 16px;
}

.wfk_intro .ci_section .ci_div .ci_info .btn_download {
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	gap: 20px;
}

.wfk_intro .ci_section .ci_div .ci_info .btn_download button {
	width: 200px;
	height: 44px;
	background: #f5f5f5;
	border-radius: 22px;
	line-height: 44px;
	color: #666;
	font-size: 16px;
	font-weight: 600;
}

.wfk_intro .tab_cont {
	display: none;
	padding-top: 60px;
}

.wfk_intro .tab_cont h5 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 30px;
}

.wfk_intro .tab_cont p {
	font-size: 16px;
}

.wfk_intro .tab_cont .mb50 {
	margin-bottom: 50px;
}

.wfk_intro .tab_cont .bg_txt {
	padding: 20px;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	background: #f5f5f5;
	border-radius: 16px;
}

.wfk_intro .tab_cont dl dt {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
}

.wfk_intro .tab_cont dl dd {
	font-size: 16px;
	word-break: keep-all;
}

.wfk_intro .tab_cont .thumb_dl {
	padding: 60px 0;
}

.wfk_intro .tab_cont .thumb_dl li {
	display: flex;
	gap: 30px;
	align-items: center;
	margin-bottom: 30px;
}

.wfk_intro .tab_cont .thumb_dl .thumb_img {
	flex-shrink: 0;
	width: 260px;
	height: 170px;
	background: no-repeat center center;
	border: 1px solid #D4D4D4;
	border-radius: 12px;
}

.wfk_intro .tab_cont .thumb_dl .thumb_img.icon1_1 {
	background-image: url(/kor/img/icn_wfk0101.svg);
}

.wfk_intro .tab_cont .thumb_dl .thumb_img.icon1_2 {
	background-image: url(/kor/img/icn_wfk0102.svg);
}

.wfk_intro .tab_cont .thumb_dl .thumb_img.icon1_3 {
	background-image: url(/kor/img/icn_wfk0103.svg);
}

.wfk_intro .tab_cont .thumb_dl dl {
	flex-grow: 1;
}

.wfk_intro .tab_cont .thumb_txt {
	display: flex;
	gap: 30px;
	padding: 40px 0 70px;
}

.wfk_intro .tab_cont .thumb_txt .thumb_img {
	width: 406px;
	height: 260px;
	background: #f5f5f5;
	border-radius: 12px;
	margin-bottom: 22px;
}

.wfk_intro .tab_cont .thumb_txt p {
	text-align: center;
	font-weight: 600;
}

.wfk_intro .tab_cont .dl_txt dl {
	margin-bottom: 50px;
}

.wfk_intro .tab_cont .box_dl {
	display: flex;
	gap: 20px;
	margin: 50px 0 90px;
}

.wfk_intro .tab_cont .box_dl li {
	display: flex;
	flex: 1;
}

.wfk_intro .tab_cont .box_dl dl {
	border: 1px solid #D4D4D4;
	padding: 24px;
	box-sizing: border-box;
	border-radius: 16px;
	flex: 1;
}

.wfk_intro .tab_cont .box_dl dl dt {
	font-weight: 600;
	margin-bottom: 10px;
}

.wfk_intro .tab_cont .full_img {
	width: 100%;
	height: 306px;
	border-radius: 16px;
	background: no-repeat center center;
	background-size: cover;
	margin: 50px 0;
}

.wfk_intro .tab_cont .full_img.roll {
	background-image: url(/kor/img/wfk_roll_bg.png);
}

.wfk_intro .tab_cont .wfk_strategy {
	margin: 50px 0;
	height: 320px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: url(/kor/img/wfk_strategy_bg.png) no-repeat center center;
}

.wfk_intro .tab_cont .wfk_strategy ul {
	display: flex;
	align-items: center;
	justify-content: center;
}

.wfk_intro .tab_cont .wfk_strategy ul li {
	position: relative;
	padding-right: 60px;
}

.wfk_intro .tab_cont .wfk_strategy ul li .icon {
	width: 128px;
	height: 128px;
	border: 1px solid #fff;
	background: rgba(255, 255, 255, 0.2);
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	border-radius: 64px;
}

.wfk_intro .tab_cont .wfk_strategy ul li .icon:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: no-repeat center center;
}

.wfk_intro .tab_cont .wfk_strategy ul li .icon.icon2_1:after {
	background-image: url(/kor/img/icn_wfk0201.svg);
}

.wfk_intro .tab_cont .wfk_strategy ul li .icon.icon2_2:after {
	background-image: url(/kor/img/icn_wfk0202.svg);
}

.wfk_intro .tab_cont .wfk_strategy ul li .icon.icon2_3:after {
	background-image: url(/kor/img/icn_wfk0203.svg);
}

.wfk_intro .tab_cont .wfk_strategy ul li p {
	font-size: 16px;
	color: #fff;
	text-align: center;
}

.wfk_intro .tab_cont .wfk_strategy ul li:after {
	content: "";
	display: block;
	width: 60px;
	height: 1px;
	background: #fff;
	position: absolute;
	right: 0;
	top: 64px;
}

.wfk_intro .tab_cont .wfk_strategy ul li:last-child {
	padding-right: 0;
}

.wfk_intro .tab_cont .wfk_strategy ul li:last-child:after {
	display: none;
}

.wfk_intro .tab_cont .wfk_history_top {
	width: 100%;
	height: 300px;
	text-align: center;
	padding-top: 50px;
	box-sizing: border-box;
	background: url(/kor/img/wfk_history_bg.png) no-repeat center center;
	background-size: cover;
	margin-bottom: 80px;
}

.wfk_intro .tab_cont .wfk_history_top .tag {
	width: 108px;
	height: 31px;
	background: #1C56FF;
	border-radius: 16px;
	line-height: 31px;
	color: #fff;
	text-align: center;
	margin: 0 auto 14px;
}

.wfk_intro .tab_cont .wfk_history_top .tit {
	font-size: 30px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 45px;
}

.wfk_intro .tab_cont .wfk_history_top .line_section {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wfk_intro .tab_cont .wfk_history_top .line_section ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 47px;
}

.wfk_intro .tab_cont .wfk_history_top .line_section ul li {
	position: relative;
	padding-top: 25px;
	text-align: center;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.5);
}

.wfk_intro .tab_cont .wfk_history_top .line_section ul li::before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 4px;
	left: 50%;
	margin-left: -5px;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 50%;
}

.wfk_intro .tab_cont .wfk_history_top .line_section ul li:last-child {
	color: #fff;
}

.wfk_intro .tab_cont .wfk_history_top .line_section ul li:last-child::before {
	border: 4px solid #1C56FF;
	top: 0;
	margin-left: -9px;
	background: #fff;
}

.wfk_intro .tab_cont .wfk_history_top .line_section::before {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: rgba(255, 255, 255, 0.2);
	position: absolute;
	top: 9px;
	left: 0;
}

.wfk_intro .tab_cont .wfk_history {
	border-top: 1px solid #000;
}

.wfk_intro .tab_cont .wfk_history dl {
	display: flex;
	align-items: center;
	padding: 24px 0;
	min-height: 100px;
	border-bottom: 1px solid #D4D4D4;
	box-sizing: border-box;
}

.wfk_intro .tab_cont .wfk_history dl dt {
	font-size: 40px;
	color: #000;
	width: 150px;
	flex-shrink: 0;
	margin-bottom: 0;
}

.wfk_intro .tab_cont .wfk_history dl dd {
	font-size: 16px;
	line-height: 140%;
	flex-grow: 1;
}

.wfk_intro .tab_cont .wfk_history dl dd li {
	position: relative;
	padding-left: 20px;
}

.wfk_intro .tab_cont .wfk_history dl dd li::before {
	content: "";
	display: block;
	width: 4px;
	height: 4px;
	background: #000;
	border-radius: 50%;
	position: absolute;
	left: 5px;
	top: 5px;
}

.wfk_intro .tab_cont .org_list > ul > li {
	padding: 30px 0;
	border-bottom: 1px solid #D4D4D4;
}

.wfk_intro .tab_cont .org_list > ul > li dl {
	display: flex;
	gap: 30px;
}

.wfk_intro .tab_cont .org_list > ul > li dl dt {
	width: 213px;
	height: 160px;
	border: 1px solid #D4D4D4;
	box-sizing: border-box;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
}

.wfk_intro .tab_cont .org_list > ul > li dl dt img {
	width: 145px;
	max-height: 122px;
}

.wfk_intro .tab_cont .org_list > ul > li dl dd {
	flex-grow: 1;
}

.wfk_intro .tab_cont .org_list > ul > li dl dd .name {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 16px;
}

.wfk_intro .tab_cont .org_list > ul > li dl dd .contact {
	display: flex;
	gap: 20px;
	margin-bottom: 24px;
}

.wfk_intro .tab_cont .org_list > ul > li dl dd .contact p {
	padding-left: 27px;
	font-size: 16px;
	color: #666;
}

.wfk_intro .tab_cont .org_list > ul > li dl dd .contact p em {
	display: inline-block;
	font-weight: 600;
	color: #999;
	margin-right: 10px;
}

.wfk_intro .tab_cont .org_list > ul > li dl dd .contact p.tel {
	background: url(/kor/img/icn_phone.svg) no-repeat 0 center;
	background-size: 18px;
}

.wfk_intro .tab_cont .org_list > ul > li dl dd .contact p.email {
	background: url(/kor/img/icn_mail.svg) no-repeat 0 center;
	background-size: 18px;
}

.wfk_intro .tab_cont .org_list > ul > li dl dd .tag {
	max-width: 460px;
}

.wfk_intro .tab_cont .org_list > ul > li dl dd .tag li {
	display: inline-block;
	padding: 0 8px;
	height: 24px;
	line-height: 24px;
	border-radius: 6px;
	color: #34A853;
	font-weight: 600;
	font-size: 12px;
	background: #F2F7F2;
	margin-right: 8px;
	margin-bottom: 6px;
}

@media screen and (max-width: 750px) {
	.wfk_intro .top_section h3 {
		padding: 0 20px 90px;
		font-size: 18px;
		word-break: keep-all;
	}

	.wfk_intro .top_section .bg_section {
		height: auto;
		padding: 90px 20px;
	}

	.wfk_intro .top_section .bg_section dl {
		width: 100%;
	}

	.wfk_intro .top_section .bg_section dl dt {
		font-size: 18px;
	}

	.wfk_intro .top_section .bg_section dl dd {
		font-size: 14px;
	}

	.wfk_intro .ci_section {
		width: auto;
		padding: 50px 20px 60px;
	}

	.wfk_intro .ci_section h4 {
		font-size: 20px;
	}

	.wfk_intro .ci_section .ci_div {
		display: block;
	}

	.wfk_intro .ci_section .ci_div .ci_img {
		width: auto;
		margin-bottom: 20px;
	}

	.wfk_intro .ci_section .ci_div .ci_info .btn_download {
		position: static;
		margin-top: 20px;
		justify-content: center;
	}

	.wfk_intro .ci_section .ci_div .ci_info .btn_download button {
		width: 160px;
	}

	.wfk_intro .tab_cont .thumb_dl li {
		display: block;
	}

	.wfk_intro .tab_cont .thumb_dl .thumb_img {
		width: 100%;
		margin-bottom: 40px;
	}

	.wfk_intro .tab_cont .box_dl {
		display: block;
	}

	.wfk_intro .tab_cont .box_dl dl {
		height: auto;
		margin-bottom: 30px;
	}

	.wfk_intro .tab_cont .wfk_strategy {
		height: auto;
		padding: 20px;
	}

	.wfk_intro .tab_cont .wfk_strategy ul {
		gap: 15px;
	}

	.wfk_intro .tab_cont .wfk_strategy ul li {
		width: 98px;
		padding-right: 0;
	}

	.wfk_intro .tab_cont .wfk_strategy ul li .icon {
		width: 60px;
		height: 60px;
		margin: 0 auto 20px;
	}

	.wfk_intro .tab_cont .wfk_strategy ul li .icon:after {
		background-size: 30px;
	}

	.wfk_intro .tab_cont .wfk_strategy ul li:after {
		display: none;
	}

	.wfk_intro .tab_cont .wfk_history_top .tit {
		font-size: 18px;
	}

	.wfk_intro .tab_cont .wfk_history dl dt {
		font-size: 24px;
		width: 100px;
	}

	.wfk_intro .tab_cont .org_list > ul > li dl {
		display: block;
	}

	.wfk_intro .tab_cont .org_list > ul > li dl dt {
		width: 100%;
	}

	.wfk_intro .tab_cont .org_list > ul > li dl dd .contact {
		display: block;
	}
}

/*영문홈페이지*/
#wrap.eng article.contact .layout .tab a {
	width: auto;
	padding: 0 40px;
}

#wrap.eng .program_list .list a .top .name {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

#wrap.eng .program_detail .info .bottom .box > dd dl.list dt {
	width: 80px;
}

#wrap.eng .program_detail .info .bottom .box > dd .map dl dt {
	font-size: 12px;
}

#wrap.eng .program_detail .info .bottom .box > dd .map dl.latin {
	height: 80px;
	background-position: left bottom;
}

#wrap.eng .program_detail .info .bottom .box > dd .map dl.latin:before {
	content: "";
	width: 100%;
	height: 30px;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 10px;
	z-index: 0;
}

#wrap.eng .program_detail .info .bottom .box > dd .map dl.latin dt {
	position: relative;
	display: flex;
	align-items: center;
	font-size: 12px;
	height: 36px;
	line-height: 14px;
	z-index: 1;
	border-radius: 12px;
	padding: 0 5px;
	box-sizing: border-box;
}

#wrap.eng .send_report .map_section .map dl dd {
	width: 100px;
}

.dreamwing {
	padding-bottom: 180px;
}

.dreamwing .intro_box {
	position: relative;
	padding: 74px 115px;
	border-radius: 32px;
	background: url(/kor/img/dream/dreamwing_intro_bg.png) no-repeat right top -100px #063aff;
	color: #fff;
}

.dreamwing .intro_box:after {
	position: absolute;
	right: 0;
	bottom: 0;
	content: "";
	display: block;
	width: 683px;
	height: 493px;
	background: url(/kor/img/dream/dreamwing_intro_img.png) no-repeat 0 0;
}

.dreamwing .intro_box h3 {
	position: relative;
	font-size: 40px;
	font-weight: bold;
	margin-bottom: 40px;
}

.dreamwing .intro_box h3:after {
	position: absolute;
	left: 0;
	top: 48px;
	content: "";
	display: block;
	width: 409px;
	height: 21px;
	background: url(/kor/img/dream/dreamwing_intro_line.svg) no-repeat 0 0;
}

.dreamwing .intro_box dl {
	width: 530px;
	margin-bottom: 24px;
}

.dreamwing .intro_box dl dt {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 8px;
}

.dreamwing .intro_box dl dd {
	font-size: 16px;
}

.dreamwing .intro_box dl dd i {
	display: block;
	font-style: normal;
}

.dreamwing .intro_box .btn_start {
	display: block;
	width: 212px;
	height: 48px;
	line-height: 48px;
	text-align: left;
	color: #0047BB;
	font-weight: bold;
	border-radius: 24px;
	padding: 0 32px;
	box-sizing: border-box;
	background: url(/kor/img/dream/icn_arrow_blue.svg) no-repeat;
	background-position: top 12px right 32px;
	background-color: #fff;
}

	#wrap.eng .send_report .tbl_section table th:first-child{
		width:100px;
	}

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

	#wrap.eng article.contact .layout .tab a{
		line-height:20px;
		padding:0;
	}


	#wrap.eng .send_report .search .btn{
		width:100px;
		border-radius:25px;
	}

	#wrap.eng .tab_section ul{
		width:860px;
	}

	.dreamwing .intro_box {
		padding: 70px 20px;
		background-position: right center;
		background-size: cover;
	}

	.dreamwing .intro_box:after {
		display: none;
	}

	.dreamwing .intro_box h3 {
		text-align: center;
		font-size: 25px;
	}

	.dreamwing .intro_box h3:after {
		width: 290px;
		height: 14px;
		background-size: contain;
		top: 29px;
		left: 50%;
		margin-left: -145px;
	}

	.dreamwing .intro_box dl {
		width: 100%;
	}

	.dreamwing .intro_box dl dt {
		font-size: 16px;
	}

	.dreamwing .intro_box dl dd {
		font-size: 14px;
	}

	.dreamwing .intro_box dl dd i {
		display: inline;
	}

	.dreamwing .intro_box .btn_start {
		margin-top: 56px;
		width: 100%;
	}
}

.empty { 
    font-size: 18px;
	color: #666;
}