@charset "utf-8";

/* 회원가입 이메일 자동완성 */
.autocomplete-suggestions {
	border: 1px solid #ccc;
	max-height: 150px;
	overflow-y: auto;
	position: relative;
	/* 	position: absolute;  */
	background-color: white;
	z-index: 1000;
	width: calc(100% - 22px);
}


/* aappac 2025 */

/* mv_sub */
.mv_txt_box.sub {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.mv_txt_box {
	top: 50%;
}

.mv_sub_txt {
	display: flex;
	flex-direction: column;
	gap: 36px;
	align-items: flex-start !important;
	padding-bottom: 60px;
}

.mv_sub_txt h1 {
	color: #EEE;
	font-size: 120px;
	font-style: normal;
	font-weight: 900;
	line-height: normal;
	text-transform: uppercase;
	/* backdrop-filter: blur(5px); */
	text-align: left;
}

.mv_sub_txt h2 {
	color: rgba(255, 255, 255, 0.70);
	font-size: 56px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
	/* 78.4px */
	text-align: left;
}

/* con01 */
.con01_bg_box.sub_aappac {
	right: 0;
	top: 0;
	bottom: unset;
	transform: unset;
}


.con_half_box.aappcc {
	gap: 72px;
	flex-direction: row-reverse;
}

.con_half_box.aappcc .con_half_img_box {
	aspect-ratio: unset;
}

.con_half_box.aappcc .con_half {
	width: calc(50% - 36px);
}

.con_tit h3 {
	color: #888;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.half_img_ul {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

.half_img_ul li {
	width: 100%;
}

.half_img_ul li img.first_img {
	border-radius: 100px;
}

.half_img_ul li img.second_img {
	border-radius: 100px;
}

.video_box_yo {
	/* aspect-ratio: 1 / 0.5628; */
	margin: 0 auto;
	text-align: center;
	/* max-width: 1400px; */
	cursor: pointer;
}

.video_box_yo video {
	width: 100%;
	height: 100%;
	max-width: 100%;
	border-radius: 50px;
}

@media all and (max-width:1760px) {
	.main br {
		display: none;
	}

	.mv_sub_txt h1 {
		font-size: 100px;
	}

	.mv_sub_txt h2 {
		font-size: 40px;
	}
}

@media all and (max-width:1000px) {
	.mv_txt_box.sub {
		flex-direction: column;
		gap: 30px;
		top: 55%;
	}

	.mv_txt_box.sub img {
		width: 500px;
	}

	.mv_sub_txt h1 {
		font-size: 65px;
	}

	.mv_sub_txt h2 {
		font-size: 37px;
		margin: unset;
	}

	.con_tit h3 {
		font-size: 24px;
	}

	.half_img_ul li img.first_img {
		border-radius: 50px;
	}

	.half_img_ul li img.second_img {
		border-radius: 50px;
	}

}

/* con02 */
.con02.section.aappac {
	padding: 0 0 0 80px;
	background: unset;
	border-radius: unset;
}

.con02_aappac_wrapper {
	border-radius: 150px 0px 0px 150px;
	background: #ECEFF1;
	padding: 144px 0 144px 80px;
}

.con02_aappac_wrapper {
	display: flex;
	gap: 72px;
	align-items: center;
	flex-wrap: wrap;
}

.con02_aappac_wrapper .side_box {
	width: calc(50% - 36px)
}

.con02_half_slide {
	padding-bottom: 36px;
}

.con02_half_slide .swiper-horizontal>.swiper-pagination-progressbar,
.con02_half_slide .swiper-pagination-progressbar.swiper-pagination-horizontal {
	top: unset;
	bottom: 0;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #004896;
	border-radius: 10px;
}

.side_box h3 {
	color: #0C0E10;
	font-size: 56px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

/* con03 */
.con03_flex_box {
	display: flex;
	flex-direction: column;
	gap: 72px;

}

.con03_flex_box .flex_one {
	display: flex;
	gap: 72px;
	padding-right: 80px;
	flex-wrap: wrap;
	align-items: center;
}

.con03_flex_box .flex_one.reverse {
	flex-direction: row-reverse;
	padding-right: unset;
	padding-left: 80px;
}

.flex_left_yo,
.flex_right_yo {
	width: calc(50% - 36px);
}

.flex_left_yo img {
	aspect-ratio: 1 / 0.6662;
}

.con02_half_slide .swiper-slide img {
	width: 100%;
}

@media all and (max-width:1300px) {

	.con_half_box.aappcc .con_half,
	.con02_aappac_wrapper .side_box {
		width: 100%;
	}

	.con_tit h2 {
		font-size: 42px;
	}

	.con02.section.aappac {
		padding: 0;
	}

	.con02_aappac_wrapper {
		padding: 72px 0 72px 40px;
	}

	.con02_aappac_wrapper {
		border-radius: 75px 0px 0px 75px;
	}

	.side_box h3 {
		font-size: 34px;
	}

	.con03_flex_box .flex_one {
		flex-direction: column;
	}

	.flex_left_yo,
	.flex_right_yo {
		width: 100%;
	}

	.flex_right_yo {
		padding-left: 30px;
	}

	.flex_one.reverse .flex_right_yo {
		padding-right: 30px;
		padding-left: unset;
	}

}


/* performance */
/* grid */
.sub_category {
	display: flex;
	gap: 20px;
	align-items: center;
	width: 100%;

	transform: translateY(-100%);
	z-index: 10;
	position: relative;
}

.home_btn a {
	border-radius: 30px 30px 0px 0px;
	background: #004896;
	/* box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.25); */
	aspect-ratio: 1/1;
	width: 100%;
	padding: 25px;
	display: flex;
}

.sub_category .home_btn {
	width: 108px;
}

.sub_category .home_btn img {
	width: 100%;
}

.sub_category_wrapper {
	border-radius: 30px 30px 0px 0px;
	background: #FFF;
	/* box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.25); */
	padding: 20px;
	display: flex;
	gap: 18px;
	align-items: center;
	flex-wrap: wrap;
	width: calc(100% - 128px);
	height: 108px;
}

.sub_cate_yo {
	width: calc(25% - 14px);
}

.sub_cate_yo input {
	width: 100%;
}

.sub_cate_yo select {
	width: 100%;
	border-radius: 10px;
	border: 1px solid #DEDEDE;
	padding: 0px 20px;
	height: 68px;
	outline: none;
	appearance: none;
	background: url('/img/select_arrow01.png') no-repeat right 20px center;
	background-size: 20px auto;
	color: #0C0E10;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
}

.sub_cate_yo.search {
	position: relative;
}

.sub_cate_yo input {
	border-radius: 10px;
	background: #ECEFF1;
	outline: none;
	padding: 0px 20px;
	height: 68px;
	border: 0;
	color: #0C0E10;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
}

.sub_cate_yo.search img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	cursor: pointer;
}

.per_sec {
	padding: 72px 0 144px 0;
}

/* con01 */
.per_opt_box {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.date_box {
	border-radius: 10px;
	border: 1px solid #DEDEDE;
	background: #FFF;
	padding: 10px 20px;
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	color: #0C0E10;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 28px */
}

.view_select_box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.view_select_box .view_opt {
	border-radius: 100px;
	border: 1px solid #DEDEDE;
	width: 48px;
	padding: 10px;
	aspect-ratio: 1 / 1;
	cursor: pointer;
}

.view_select_box .view_opt.active {
	border: 1px solid #0C0E10;
}

.view_select_box .view_opt img {
	width: 100%;
}

.per_check_box {
	display: flex;
	flex-wrap: wrap;
	margin-top: 36px;
	align-items: center;
	justify-content: end;
	gap: 36px;
}

.per_check_box label {
	display: flex;
	align-items: center;
	gap: 9px;
	cursor: pointer;
}

.per_check_box label input {
	width: 20px;
	height: 20px;
	aspect-ratio: 1/1;
	border-radius: 3px;
	border: 1px solid #DEDEDE;
	appearance: none;
}

.per_check_box label input:checked {
	background-image: url('/img/checked_icon.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	/* border: 1px solid #DEDEDE;  */
}

.per_check_box label p {
	color: #999;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 25.2px */
}

.per_grid_box {
	display: flex;
	gap: 36px;
	/* align-items: center; */
	align-items: stretch;
	flex-wrap: wrap;
}

.per_grid_box .grid_one {
	width: calc(50% - 18px);

	display: flex;
	align-items: center;
	box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15);
	border-radius: 30px;
}

.grid_one .left_img_yo {
	width: 50%;
	    aspect-ratio: 1 / 1.5011600;
	/* background-size: cover;
	background-repeat: no-repeat;
	background-position: center center; */
	border-radius: 30px 0 0 30px;
}

.grid_one .left_img_yo img {
	border-radius: 30px 0px 0px 30px;
	width: 100%;
	height: 100%;
}

.grid_one .right_txt_yo {
	padding: 4.5rem 1.125rem;
	width: 50%;

}

.per_badge {
	border-radius: 30px;
	padding: 2px 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	max-width: 100%;
	min-width: 92px;
	text-align: center;
}

.per_badge.blue {
	background: #107AE7;
}

.per_badge.violet {
	background: #595FD9;
}

.per_badge p {
	color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
	text-align: center;
	/* 19.6px */
}

.per_tit h4 {
	color: #0C0E10;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
	/* 28px */
}

.per_tit p {
	color: #999;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 19.6px */
}

.per_info {
	display: flex;
	flex-direction: column;
	gap: 9px;
	flex-wrap: wrap;
}

.per_info_row p {
	color: #0C0E10;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 19.6px */
}

.per_info_bold {
	width: 70px;
	color: #0C0E10;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
	/* 19.6px */
}

.per_info_row {
	display: flex;
	gap: 18px;
	align-items: baseline;
	flex-wrap: wrap;
}

.per_info_content {
	color: #0C0E10;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 19.6px */
	width: calc(100% - 88px);
}

.per_btn a {
	border-radius: 10px;
	background: #0C0E10;
	padding: 9px 87px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 100%;
}

.per_btn {
	width: 100%;
}

.per_btn a p {
	color: #FFF;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
	/* 25.2px */
}

.grid_con_wrap {
	display: flex;
	flex-direction: column;
	align-items: start;
	height: 100%;
	justify-content: space-between;
	gap: 35px;
	/* min-height: 440px; */
	height: 100%;
}

.per_info_content.date {
	min-height: 60px;
}

/* list page */
.w700 {
	width: 700px;
	max-width: 700px;
}

.w500 {
	width: 500px;
	max-width: 500px;
}

.w200 {
	width: 200px;
	max-width: 200px;
}

.w100 {
	width: 100px;
	max-width: 100px;
}

.per_list_tit_box {
	border-radius: 50px;
	background: #ECEFF1;
	padding: 18px 36px;
	width: 100%;
	justify-content: space-between;
	display: flex;
	align-items: center;
}

.per_list_tit_box p {
	color: #8C8C8C;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 28px */
}

.per_list_con {
	display: flex;
	flex-direction: column;
	gap: 18px;
	width: 100%;
}

.per_list_con_wrapper {
	width: 100%;
	border-radius: 30px;
	border: 1px solid #DEDEDE;
	background: #FFF;
	padding: 36px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.badge_box {
	display: flex;
	gap: 18px;
	align-items: center;
}

.badge_box h4 {
	color: #0C0E10;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
	text-align: left;
	/* 28px */
}

.per_con_yo {
	color: #0C0E10;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 28px */
	text-align: center;
}

.pagination_yo {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	font-family: sans-serif;
	margin-top: 70px;
}

.page-list_yo {
	display: flex;
	gap: 16px !important;
	list-style: none;
	padding: 0 !important;
	margin: 0 !important;
	flex-wrap: unset !important;
}

.page-list_yo a {
	text-decoration: none;
	color: #999;
	font-weight: 500;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: 0.2s;
}

.page-list_yo a:hover {
	background-color: #eee;
}

.page-list_yo a.active_yo {
	background-color: #004899;
	color: #fff;
	font-weight: bold;
	aspect-ratio: 1 / 1;
}

.arrow_yo {
	background: none;
	border: none;
	font-size: 20px;
	cursor: pointer;
	color: #111;
	padding: 0;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.arrow_yo:hover {
	color: #004899;
}



@media all and (max-width:1600px) {

	.perf_list_wrapper.list {
		overflow: auto;
	}

	.perf_list_wrapper_yo {
		/* overflow: auto; */
		min-width: 1550px;
		white-space: nowrap;
	}



}

@media all and (max-width:1450px) {
	.grid_one {
		flex-direction: column;
	}

	.grid_one .left_img_yo {
		width: 100%;
	}

	.grid_one .right_txt_yo {
		width: 100%;
		padding: 18px;
	}

	.grid_con_wrap {
		min-height: 375px;
	}

	.per_info.mt70 {
		margin-top: 35px !important;
	}

	.grid_one .left_img_yo img {
		border-radius: 30px 30px 0px 0px;
		max-height: 600px;
	}

	.per_check_box {
		justify-content: start;
		gap: 18px;
	}


	.per_sec {
		padding: 60px 0 60px 0;
	}
}

@media all and (max-width:1050px) {
	.per_sec {
		padding: 110px 0 60px 0;
	}
}

@media all and (max-width: 768px) {
	.per_sec {
		padding: 0 0 60px 0;
		margin-top: -30px;
	}

	.view_select_box {
		gap: 10px;
	}

	.per_grid_box .grid_one {
		width: 100%;
	}

	.page-list_yo {
		gap: 7px !important;
	}

	.grid_one .left_img_yo img {
		max-height: 600px;
	}
}


/* detail page */
.slide_half_box {
	display: flex;
	gap: 72px;
	flex-wrap: wrap;
}

.half_info_txt {
	display: flex;
	gap: 130px;
	flex-direction: column;
}

.slide_half_side.left {
	width: calc(40% - 36px);
	gap: 20px;
	display: flex;

}

.slide_half_side.right {
	width: calc(60% - 36px);
}

.half_info_txt ul {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.half_info_txt ul li {
	display: flex;
	gap: 18px;
	align-items: center;
	flex-wrap: wrap;
}

.half_info_txt ul li p {
	color: #0C0E10;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 25.2px */
}

.slide_wrapper_perf {
	display: flex;
	gap: 20px;
	align-items: flex-start;
}

.main_swiper_perf {
	width: 534px;
	height: auto;

	aspect-ratio: 1 / 1.47552;
}

.main_swiper_perf img {
	width: 100%;
	border-radius: 8px;
	height: 100%;
}

.thumb_swiper_perf {
	width: 100px;
	height: 610px;
}

.thumb_swiper_perf .swiper-slide {
	opacity: 0.5;
	cursor: pointer;
	transition: 0.3s;
	/* max-height: 100px; */
}

.thumb_swiper_perf .swiper-slide-thumb-active {
	opacity: 1;
	border-radius: 4px;
}

.thumb_swiper_perf img {
	width: 100%;
	height: 100%;
	border-radius: 4px;
}


.editor_box_yo ul {
	display: flex;
	flex-direction: column;

	/* border-top: 1px solid #0C0E10;
	border-bottom: 1px solid #0C0E10; */
}

.editor_box_yo ul li .edit_tit {
	/* border-bottom: 1px solid #0C0E10; */
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 36px;
	/* padding: 18px 36px; */
	flex-wrap: wrap;
}

/* .editor_box_yo ul li .edit_tit:last-child {
	border-bottom: 0;
} */

.edit_box .textarea_yo {
	border-radius: 30px;
	background: #F6F6F6;
	width: 100%;
	outline: 0;
	border: 0;
	padding: 18px;
}

.edit_tit h4 {
	width: 100px;
	color: #0C0E10;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
	/* 33.6px */
}

.edit_box {
	width: calc(100% - 172px);
}

.edit_box.edit01 textarea {
	height: 120px;
}

.edit_box.edit02 textarea {
	height: 120px;
}

.edit_box.edit03 textarea {
	height: 400px;
}

.slide_half_side.right .badge_box {
	flex-wrap: wrap;
}

@media all and (max-width:1450px) {
	.slide_half_side.left {
		width: 100%;
	}

	.slide_half_side.left {
		flex-direction: column;
		height: 100%;
	}

	.thumb_swiper_perf {
		width: 50%;
		height: 100%;
	}

	.main_swiper_perf {
		width: 50%;
		height: 100%;
	}

	.slide_half_side.right {
		width: 100%;
	}

	.per_badge {
		min-width: 85px;
		text-align: center;
	}

	.half_info_txt .per_btn {
		margin: 0 auto;
	}
}

@media all and (max-width:1400px) {
	.sub_category .home_btn {
		display: none;
	}

	.sub_category_wrapper {
		width: 100%;
	}
}

@media all and (max-width:1000px) {
	.sub_category .home_btn {
		display: none;
	}

	.sub_category_wrapper {
		width: 100%;
		height: 100%;
	}

	.sub_cate_yo {
		width: calc(50% - 9px);
	}

	.sub_cate_yo select,
	.sub_cate_yo input {
		height: 50px;
	}

	.sub_category {
		transform: translateY(-99%);
	}
}

@media all and (max-width:768px) {
	.thumb_swiper_perf {
		width: 100%;
		height: 100%;
	}

	.main_swiper_perf {
		width: 100%;
		height: 100%;
	}

	.edit_box {
		width: 100%;
	}

	.editor_box_yo ul li .edit_tit {
		padding: 18px 0;
		gap: 18px;
	}

	.mv_txt_box.sub.per_for {
		top: 50%;
	}

	.mv_txt_box.sub.per_for h1 {
		font-size: 57px;
	}

	.mv_txt_box.sub.per_for h2 {
		font-size: 34px;
	}
}

/* information */
.con01.section.info_sec {
	padding: 100px 0 72px 0;
}

.infor_con_box_wrapper ul {
	display: flex;
	align-items: stretch;
	gap: 36px;
	margin-top: 70px;
	flex-wrap: wrap;
}

.infor_con_box_wrapper ul li {
	width: calc(50% - 18px);
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

.infor_con_box_wrapper ul li .infor_side {
	width: 50%;
}

.infor_con_box_wrapper ul li .infor_side img {
	border-radius: 30px 0px 0px 30px;
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1;
}

.infor_txt_box {
	width: 100%;
}

.infor_con_box_wrapper ul li .infor_side.right {
	border-radius: 0px 30px 30px 0px;
	border: 1px solid #EDEDED;
	aspect-ratio: 1/1;
	padding: 18px 36px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.infor_side.right h4 {
	color: #000;
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.infor_side.right h5 {
	color: #000;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-top: 5px;
}

.infor_side.right p.center_p {
	color: #000;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 25.2px */
	margin-top: 36px;
}

.infor_side.right p span {
	color: #8C8C8C;
	margin-top: 16px;
	color: #8C8C8C;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 25.2px */
	display: block;
}

.sch_tab_box.info_tab .tab_wrapper .tab_one {
	width: 33.333%;
}


.trans_map_box {
	width: 100%;
	margin: 70px 0;
}

.trans_map_box iframe {
	border-radius: 30px;
}


.root_daum_roughmap {
	width: 100% !important;
}

.root_daum_roughmap .cont .section.lst {
	display: none;
}

.trans_sec {
	padding: 144px 0;
	border-radius: 150px 150px 0px 0px;
	background: #ECEFF1;
	margin-bottom: -72px;
}

.trans_sec ul {
	display: flex;
	gap: 144px;
	flex-direction: column;
}

.trans_sec ul li {
	display: flex;
	align-items: flex-start;
	gap: 144px;
	width: 100%;
	flex-wrap: unset;
}

.trans_info {
	display: flex;
	gap: 36px;
	flex-direction: column;
}

.trans_info>div {
	display: flex;
	gap: 18px;
	flex-direction: column;
}

.trans_p_box {
	display: flex;
	gap: 9px;
	flex-direction: column;
}

.trans_tit {
	min-width: 150px;
}

.trans_info h4 {
	color: #000;
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.trans_info h3 {
	color: #888;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-top: 15px;
}

.trans_p_box p {
	color: #000;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 28px */
}

.trans_p_box p a {
	color: #0563C1;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;

	display: flex;
	align-items: center;
	gap: 5px;
}

@media (max-width: 1600px) {

	.infor_side.right h4 {
		font-size: 35px;
	}

	.infor_side.right h5 {
		font-size: 20px;
	}

	.infor_side.right p.center_p,
	.infor_side.right p span {
		font-size: 16px;
	}

	.infor_con_box_wrapper ul li .infor_side.right {
		padding: 9px 18px;
	}

}

@media (max-width: 1300px) {
	.infor_con_box_wrapper ul li {
		width: 80%;
		margin: 0 auto;
	}

}

@media (max-width: 1000px) {
	.sch_tab_box.info_tab .tab_wrapper {
		border-radius: 100px;
		background-color: #E8EBEE;
	}

	.infor_con_box_wrapper ul li {
		flex-direction: column;
		width: 100%;
		gap: 20px;
	}

	.infor_con_box_wrapper ul li .infor_side {
		width: 100%;
	}

	.infor_con_box_wrapper ul li .infor_side img {
		border-radius: 30px;
	}

	.infor_con_box_wrapper ul li .infor_side.right {
		aspect-ratio: unset;
		border: unset;
		padding: 0
	}

	.trans_sec {
		padding: 60px 0;
		border-radius: 60px 60px 0 0;
	}

	.trans_sec ul {
		gap: 100px;
	}

	.trans_info h4 {
		font-size: 37px;
	}

	.gyoryu_sub_tit {
		font-size: 28px;
	}

}

/* content */
.program_sec ul li {
	width: 100%;
	border-radius: 30px;
	background: #ECEFF1;
	padding: 36px;
}

.program_sec ul li.program_head_li {
	border-radius: 30px;
	border: 2px solid #004896;
	background: unset;
}

.program_sec ul li.program_head_li .trans_info h4 {
	color: #004896;
}

.program_sec .trans_info>div {
	gap: 36px;
}

.infor_con_box_wrapper .program_sec ul {
	gap: 72px;
}

.con01.section.info_sec.program {
	padding: 100px 0 144px 0;
}

.section_num {
	color: rgba(0, 72, 150, 0.10);
	font-size: 56px;
	font-style: normal;
	font-weight: 900;
	line-height: normal;
	text-transform: uppercase;
}

@media (max-width: 1000px) {
	.program_sec .trans_info h4 {
		font-size: 28px;
	}

	.con01.section.info_sec.program,
	.con01.section.info_sec {
		padding-top: 0;
	}

	.section_num {
		font-size: 50px;
	}

	.infor_con_box_wrapper .program_sec ul {
		gap: 36px;
	}
}


/* arts */
.art_sub_tit {
	color: #888;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-top: 18px;
}

.arts_flex_yo {
	display: flex;
	flex-direction: column;
	gap: 36px;
}

.center_rect_box .con03_flex_box .flex_one {
	padding-right: unset;
}

.gray_flex_yo {
	background: #ECEFF1;
	padding: 72px 36px;
	aspect-ratio: 1 / 1;
	width: 50%;
}

.blue_flex_yo {
	background: #004896;
	padding: 72px 36px;
	aspect-ratio: 1 / 1;
	width: 50%;
	justify-content: end;
}

.blue_flex_yo h3,
.blue_flex_yo .art_sub_tit,
.blue_flex_yo .con_tit_eng {
	color: #fff !important;
}

.center_rect_box .con03_flex_box .flex_one {
	gap: 0;
	align-items: stretch;
}

.green_line_bar {
	width: 60px;
	height: 4px;
	border-radius: 2.5px;
	background: #008E97;
	margin: 36px 0;
}

.arts_gray_box {
	border-radius: 150px 150px 0px 0px;
	background: #ECEFF2;
	padding: 144px 0;
}

.arts_small_img_box ul {
	display: flex;
	flex-wrap: wrap;
	gap: 36px;
}

.arts_small_img_box ul li {
	width: calc(20% - 29px);
}

.arts_small_img_box ul li img {
	border-radius: 30px;
}

@media all and (max-width:1300px) {

	.gray_flex_yo,
	.blue_flex_yo {
		aspect-ratio: unset;
		width: 100%;
	}

	.mb_reverse {
		flex-direction: column-reverse !important;
	}
}

@media all and (max-width:1000px) {
	.arts_small_img_box ul li {
		width: calc(33.333% - 24px);
	}
}

@media all and (max-width:768px) {
	.arts_small_img_box ul li {
		width: calc(50% - 18px);
	}
}

.dot_p_yo {
	position: relative;
	padding-left: 15px;
}

.dot_p_yo::after {
	content: '•';
	position: absolute;
	left: 0;
	top: 0;
}

.dot_p_yo.korean_start {
	margin-top: 30px;
}

.per_col_flex {
	flex-direction: column;
	display: flex;
	justify-content: space-between;
	height: 100%;
}

.side_box.right.world ul {
	display: flex;
	gap: 36px;
	align-items: center;
	flex-wrap: wrap;
}

.side_box.right.world ul li {
	width: calc(33.333% - 24px);
}

.side_box.right.world ul li img {
	width: 100%;
	height: 100%;
}

.gyoryu_sub_tit {
	color: #888;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.regi_s_txt_box p {
	color: #0C0E10;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 28px */
}

.regi_s_txt_box a {
	color: #0563C1;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
	/* 28px */
	display: flex;
	align-items: center;
	gap: 5px;
}

.regi_s_txt_box.gray_box {
	padding: 36px;
	border-radius: 30px;
	background: rgba(236, 239, 241, 0.80);
}

.regi_form_inner form .form_wrapper {
	display: flex;
	gap: 36px;
	flex-direction: column;
}

.regi_form_sec {
	padding: 0 0 0 80px;
}

.regi_form_inner {
	padding: 144px;
	border-radius: 150px 0px 0px 150px;
	background: #ECEFF2;
	margin-bottom: 144px;
}

.regi_group {
	display: flex;
	flex-direction: column;
}

.regi_group.one {
	gap: 18px;
}

.regi_group.two {
	gap: 9px;
}

.regi_input_box,
.regi_radio_box {
	display: flex;
	flex-direction: column;
	gap: 9px;
}

.regi_input_box input {
	max-width: 500px;
	width: 100%;
	padding: 0 18px;
	height: 35px;
	border-radius: 10px;
	border: 1px solid #DEDEDE;
	background: #FFF;
	outline: 0;
}

.regi_group label {
	color: #0C0E10;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 25.2px */
}

.regi_group label span {
	color: #888;
}

.regi_radio_wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.radio_yo {
	display: flex;
	align-items: center;
	gap: 4px;
	/* flex-direction: row-reverse; */
}

.radio_yo input {
	cursor: pointer;
}

.radio_yo label {
	color: #0C0E10;
	font-size: 16px !important;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	/* 12px */
	cursor: pointer;
}

.regi_input_box textarea {
	border-radius: 10px;
	border: 1px solid #DEDEDE;
	background: #FFF;
	min-height: 100px;
	padding: 9px 18px;
	width: 100%;
	outline: 0;
}

.info_detail_section {
	padding: 234px 0 144px 0;
}


.info_detail_wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 72px;
	align-items: flex-start;
}

.info_detail_side_yo {
	width: calc(50% - 36px);
}

.info_de_txt {
	display: flex;
	flex-wrap: wrap;
	gap: 36px;
	flex-direction: column;
}

.info_de_txt>div {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	flex-direction: column;
}

.info_de_txt>div h4 {
	color: #000;
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.info_de_txt>div span {
	color: #888;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.info_de_txt>div p {
	color: #000;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 25.2px */
}

.gray_p_yo {
	color: #8C8C8C !important;
}

.info_de_txt>div b {
	color: #0C0E10;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
	/* 28px */
}

.root_daum_roughmap_landing {
	border-radius: 30px;

}

.info_detail_side_yo {
	/* margin: auto; */
	max-width: 100%;
}

.mainSwiper_yo img {
	width: 100%;
	border-radius: 20px;
	    aspect-ratio: 1 / 0.66706161;
}

.thumbSwiper_yo {
	margin-top: 18px;
}

.thumbSwiper_yo .swiper-slide {
	width: 25%;
	cursor: pointer;
	opacity: 0.3;
}

.thumbSwiper_yo .swiper-slide-thumb-active {
	opacity: 1;
	/* border: 2px solid #007aff;
  border-radius: 10px; */
}

.thumbSwiper_yo img {
	width: 100%;
	border-radius: 10px;
	aspect-ratio: 1 / 1;
}

.reservation_btn {
	border: 1px solid #8c8c8c;
	border-radius: 10px;
	display: inline-flex;
	max-width: 100%;
	padding: 5px 10px;
	width: fit-content;
	text-align: center;
}


@media all and (max-width:1000px) {
	.regi_form_inner {
		padding: 60px;
	}

	.info_detail_side_yo {
		width: 100%;
	}
}


@media all and (max-width:768px) {
	.side_box.right.world ul li {
		width: 100%;
	}

	.regi_form_sec {
		padding: unset;
	}

	.regi_form_inner {
		padding: 60px 0;
		border-radius: 30px;
	}

	.regi_form_inner form .form_wrapper {
		padding: 0 20px;
		margin: 0 auto;
	}

}