@font-face {
    font-family: 'JeongseonArirang';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/JSArirang-RegularA1.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}


/* 서브공통 */
.con_wrap {}
.con_wrap * {color: var(--main_black); word-break: keep-all;}
.con_wrap {}
.con_wrap .sub_tit_box {margin-bottom: 30px;}
.con_wrap .sub_tit_box .sub_tit {position: relative; font-size: 40px; text-align: center; padding-top: 20px;}
.con_wrap .sub_tit_box .sub_tit::after {content: ""; display: block; width: 10px; height: 10px; margin: 20px auto 0; border-radius: 100%;}
.con_wrap .sub_tit_box p {position: relative; font-weight: 700; padding-left: 32px; font-size: 25px; text-align: left; line-height: normal; margin-bottom: 30px; display: flex; align-items: center; flex-wrap: wrap;}
.con_wrap .sub_tit_box p::after {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 20px; height: 4px; border-radius: 500px;}
.con_wrap .sub_tit_box span {font-size: 18px; display: block; margin-top: 20px; text-align: center;}
.con_wrap p {font-size: 18px; line-height: 1.5; word-break: keep-all;}
.con_wrap .kakao_btn {display: flex; gap: 10px; align-items: center; width: max-content; margin: 50px auto 0; font-size: 18px; font-weight: 600; background-color: var(--main_color); color: #fff; padding: 10px 20px; border: 1px solid var(--main_color); border-radius: 30px; transition: .4s;}
.con_wrap .kakao_btn img {filter: brightness(0) invert(1); transition: .4s; width: 25px;}
.con_wrap .kakao_btn:hover {background-color: #fff; color: var(--main_color);}
.con_wrap .kakao_btn:hover img {filter: unset;}
.root_daum_roughmap .wrap_controllers {display: none;}
.root_daum_roughmap .cont {display: none;}

@media screen and (max-width: 960px) {
	.con_wrap p {font-size: 16px;}
	.con_wrap .sub_tit_box .sub_tit {font-size: 35px;}
	.con_wrap .sub_tit_box p {font-size: 22px; padding-left: 28px;}
	.con_wrap .sub_tit_box p::after {width: 18px;}
	.con_wrap .sub_tit_box span {font-size: 16px;}
}

@media screen and (max-width: 640px) {
	.con_wrap .sub_tit_box .sub_tit {font-size: 30px;}
	.con_wrap p {font-size: 14px;}
	.con_wrap .sub_tit_box .sub_tit::after {width: 8px; height: 8px; margin-top: 10px;}
	.con_wrap .sub_tit_box p {font-size: 20px; margin: 20px auto 0;}
	.con_wrap .sub_tit_box span {font-size: 15px;}

	.con_wrap .kakao_btn {font-size: 16px; margin-top: 30px;}
	.con_wrap .kakao_btn img {width: 20px;}
}

@media screen and (max-width: 450px) {
	.con_wrap .sub_tit_box {margin-bottom: 20px;}
	.con_wrap .sub_tit_box .sub_tit {font-size: 26px;}
	.con_wrap .sub_tit_box p {font-size: 18px;}
}
/* 서브공통 */

/* 준비중 페이지 */
.preparing_box {border-radius: 20px; background-color: var(--main-gray); padding: 30px; text-align: center;}
.preparing_box h3 {font-size: 35px; margin-bottom: 10px;}
.preparing_box h3 span {font-weight: 800; font-size: inherit !important;}
.preparing_box p {font-size: 18px; line-height: 1.5;}

@media screen and (max-width:640px) {
	.preparing_box {padding: 20px;}
	.preparing_box h3 {font-size: 25px;}
	.preparing_box p {font-size: 16px;}
}
/* 준비중 페이지 */




/* a1 */
#a1 {margin-bottom: 100px;}
#a1 .box {margin-bottom: 150px;}
#a1 .box:last-child {margin-bottom: 0;}

#a1 .box .sub_tit_box {}
#a1 .box .sub_tit_box .sub_tit::after {background-color: var(--main_color);}

#a1 .box .flex_box {gap: 30px;}
#a1 .box .flex_box li {border: 1px solid #ddd; padding: 30px; border-radius: 20px; width: calc(100% / 3 - 20px);}
#a1 .box .flex_box li .icon_box {width: 150px; display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; border-radius: 50%; background-color: #f6f8f3; margin: 0 auto 20px;}
#a1 .box .flex_box li .icon_box img {width: 70%; display: block; margin: 0 auto;}
#a1 .box .flex_box li .text_box {}
#a1 .box .flex_box li .text_box .step {background-color: var(--main_color); padding: 8px 20px; display: block; width: max-content; border-radius: 30px; color: #fff; font-weight: 700; font-size: 14px; margin: 0 auto 10px;}
#a1 .box .flex_box li .text_box h3 {font-size: 26px; text-align: center;}
#a1 .box .flex_box li .text_box h3 span {color: var(--main_color);}
#a1 .box .flex_box li .text_box .bar {width: 30px; height: 3px; border-radius: 3px; background-color: #bbb; margin: 10px auto 20px;}
#a1 .box .flex_box li .text_box p {font-size: 20px; text-align: center;}
#a1 .box .flex_box li .desc_box {margin-top: 20px; width: 100%; background-color: #f6f8f3; padding: 10px; border-radius: 10px;}
#a1 .box .flex_box li .desc_box p {font-size: 16px; font-weight: 600; color: var(--main_color); text-align: center;}


@media screen and (max-width:960px) {
	#a1 .box .flex_box li {width: 100%; display: flex; flex-wrap: wrap; gap: 30px;}
	#a1 .box .flex_box li .icon_box {width:30%;}
	#a1 .box .flex_box li .text_box {width: 100%;}
	#a1 .box .flex_box li .text_box h3 {font-size: 24px;}
	#a1 .box .flex_box li .text_box p {font-size: 18px;}
}
@media screen and (max-width:800px) {
	#a1 .box .flex_box li .icon_box {margin: 0 auto;}
	#a1 .box .flex_box li .text_box {width: 100%;}
}
@media screen and (max-width:640px) {
	#a1 {margin-bottom: 50px;}
	#a1 .box {margin-bottom: 100px;}
	#a1 .box .flex_box li .icon_box {width: 120px;}
}
/* a1 */





/* b1 */
#b1 {margin-bottom: 100px;}
#b1 .box {margin-bottom: 150px;}
#b1 .box:last-child {margin-bottom: 0;}

#b1 .box .sub_tit_box {}
#b1 .box .sub_tit_box .sub_tit::after {background-color: var(--main_color);}

#b1 .box .flex_box {gap: 30px;}
#b1 .box .flex_box li {border: 1px solid #ddd; padding: 30px; border-radius: 20px; width: calc(100% / 3 - 20px);}
#b1 .box .flex_box li .icon_box {width: 150px; display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; border-radius: 50%; background-color: #f6f8f3; margin: 0 auto 20px;}
#b1 .box .flex_box li .icon_box img {width: 70%; display: block; margin: 0 auto;}
#b1 .box .flex_box li .text_box {}
#b1 .box .flex_box li .text_box .step {background-color: var(--main_color); padding: 8px 20px; display: block; width: max-content; border-radius: 30px; color: #fff; font-weight: 700; font-size: 14px; margin: 0 auto 10px;}
#b1 .box .flex_box li .text_box h3 {font-size: 26px; text-align: center;}
#b1 .box .flex_box li .text_box h3 span {color: var(--main_color);}
#b1 .box .flex_box li .text_box .bar {width: 30px; height: 3px; border-radius: 3px; background-color: #bbb; margin: 10px auto 20px;}
#b1 .box .flex_box li .text_box p {font-size: 20px; text-align: center;}
#b1 .box .flex_box li .desc_box {margin-top: 20px; width: 100%; gap: 10px; align-items: center; justify-content: center; background-color: #f6f8f3; padding: 10px; border-radius: 10px;}
#b1 .box .flex_box li .desc_box img {width: 30px;}
#b1 .box .flex_box li .desc_box p {font-size: 16px; font-weight: 600; color: var(--main_color);}

#b1 .box .wrap {margin-top: 50px;}
#b1 .box .wrap h3 {text-align: center; font-size: 20px; position: relative;}
#b1 .box .wrap h3 span {background-color: #fff; padding: 20px; position: relative; z-index: 3;}
#b1 .box .wrap h3::before {content: ""; width: 100%; height: 1px; background-color: #ddd; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 1;}
#b1 .box .wrap .list {display: flex; gap: 30px; flex-wrap: wrap; margin-top: 20px;}
#b1 .box .wrap .list li {width: calc(25% - 23px); padding: 20px; border: 1px solid #ddd; border-radius: 20px; display: flex; align-items: center; gap: 30px; flex-wrap: wrap;}
#b1 .box .wrap .list li .icon_box {width: 70px;}
#b1 .box .wrap .list li .icon_box img {width: 100%;}
#b1 .box .wrap .list li .txt_box {width: calc(100% - 100px);}
#b1 .box .wrap .list li .txt_box p {font-size: 22px; font-weight: 600;}


@media screen and (max-width:960px) {
	#b1 .box .flex_box li {width: 100%; display: flex; flex-wrap: wrap; gap: 30px;}
	#b1 .box .flex_box li .icon_box {width:30%;}
	#b1 .box .flex_box li .text_box {width: 100%;}
	#b1 .box .flex_box li .text_box h3 {font-size: 24px;}
	#b1 .box .flex_box li .text_box p {font-size: 18px;}

	#b1 .box .wrap .list li {width: calc(50% - 15px);}
}
@media screen and (max-width:800px) {
	#b1 .box .flex_box li .icon_box {margin: 0 auto;}
	#b1 .box .flex_box li .text_box {width: 100%;}
}
@media screen and (max-width:640px) {
	#b1 {margin-bottom: 50px;}
	#b1 .box {margin-bottom: 100px;}
	#b1 .box .flex_box li .icon_box {width: 120px;}

	#b1 .box .wrap .list li .icon_box {width: 50px;}
	#b1 .box .wrap .list li .txt_box p {font-size: 20px;}
}
@media screen and (max-width:500px) {
	#b1 .box .wrap .list {gap: 15px;}
	#b1 .box .wrap .list li {width: 100%; justify-content: center; gap: 15px; padding: 10px; border-radius: 10px;}
	#b1 .box .wrap .list li .icon_box {width: 45px;}
	#b1 .box .wrap .list li .txt_box {width: auto;}
	#b1 .box .wrap .list li .txt_box p {font-size: 18px;}
}
/* b1 */




/* c1 */
#c1 {margin-bottom: 100px;}
#c1 .box {margin-bottom: 150px;}
#c1 .box:last-child {margin-bottom: 0;}

#c1 .box .sub_tit_box {}
#c1 .box .sub_tit_box .sub_tit::after {background-color: var(--main_color);}

#c1 .box ul {gap: 30px;}
#c1 .box ul li {border: 1px solid #ddd; padding: 30px; border-radius: 20px; width: calc(100% / 3 - 20px);}
#c1 .box ul li .icon_box {width: 150px; display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; border-radius: 50%; background-color: #f6f8f3; margin: 0 auto 20px;}
#c1 .box ul li .icon_box img {width: 80%; display: block; margin: 0 auto;}
#c1 .box ul li .text_box {}
#c1 .box ul li .text_box .step {background-color: var(--main_color); padding: 8px 20px; display: block; width: max-content; border-radius: 30px; color: #fff; font-weight: 700; font-size: 14px; margin: 0 auto 10px;}
#c1 .box ul li .text_box h3 {font-size: 26px; text-align: center;}
#c1 .box ul li .text_box h3 span {color: var(--main_color);}
#c1 .box ul li .text_box .bar {width: 30px; height: 3px; border-radius: 3px; background-color: #bbb; margin: 10px auto 20px;}
#c1 .box ul li .text_box p {font-size: 20px; text-align: center;}
#c1 .box ul li .desc_box {margin-top: 20px; width: 100%; gap: 10px; align-items: center; justify-content: center; background-color: #f6f8f3; padding: 10px; border-radius: 10px;}
#c1 .box ul li .desc_box img {width: 30px;}
#c1 .box ul li .desc_box p {font-size: 16px; font-weight: 600; color: var(--main_color);}


@media screen and (max-width:960px) {
	#c1 .box ul li {width: 100%; display: flex; flex-wrap: wrap; gap: 30px;}
	#c1 .box ul li .icon_box {width:30%;}
	#c1 .box ul li .text_box {width: 100%;}
	#c1 .box ul li .text_box h3 {font-size: 24px;}
	#c1 .box ul li .text_box p {font-size: 18px;}
}
@media screen and (max-width:800px) {
	#c1 .box ul li .icon_box {margin: 0 auto;}
	#c1 .box ul li .text_box {width: 100%;}
}
@media screen and (max-width:640px) {
	#c1 {margin-bottom: 50px;}
	#c1 .box {margin-bottom: 100px;}
	#c1 .box ul li .icon_box {width: 120px;}

}
/* c1 */




/* d1 */
#d1 {margin-bottom: 100px;}
#d1 .box {margin-bottom: 150px;}
#d1 .box:last-child {margin-bottom: 0;}

#d1 .box .sub_tit_box {}
#d1 .box .sub_tit_box .sub_tit::after {background-color: var(--main_color);}

#d1 .box ul {gap: 30px;}
#d1 .box ul li {border: 1px solid #ddd; padding: 30px; border-radius: 20px; width: calc(100% / 3 - 20px);}
#d1 .box ul li .icon_box {width: 150px; display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; border-radius: 50%; background-color: #f6f8f3; margin: 0 auto 20px;}
#d1 .box ul li .icon_box img {width: 80%; display: block; margin: 0 auto;}
#d1 .box ul li .text_box {}
#d1 .box ul li .text_box .step {background-color: var(--main_color); padding: 8px 20px; display: block; width: max-content; border-radius: 30px; color: #fff; font-weight: 700; font-size: 14px; margin: 0 auto 10px;}
#d1 .box ul li .text_box h3 {font-size: 26px; text-align: center;}
#d1 .box ul li .text_box h3 span {color: #666; font-size: 80%; font-weight: 500;}
#d1 .box ul li .text_box .bar {width: 30px; height: 3px; border-radius: 3px; background-color: #bbb; margin: 10px auto 20px;}
#d1 .box ul li .text_box p {font-size: 20px; text-align: center;}
#d1 .box ul li .desc_box {margin-top: 20px; width: 100%; gap: 10px; align-items: center; justify-content: center; background-color: #f6f8f3; padding: 10px; border-radius: 10px;}
#d1 .box ul li .desc_box img {width: 30px;}
#d1 .box ul li .desc_box p {font-size: 16px; font-weight: 600; color: var(--main_color);}


@media screen and (max-width:960px) {
	#d1 .box ul li {width: 100%; display: flex; flex-wrap: wrap; gap: 30px;}
	#d1 .box ul li .icon_box {width:30%;}
	#d1 .box ul li .text_box {width: 100%;}
	#d1 .box ul li .text_box h3 {font-size: 24px;}
	#d1 .box ul li .text_box p {font-size: 18px;}
}
@media screen and (max-width:800px) {
	#d1 .box ul li .icon_box {margin: 0 auto;}
	#d1 .box ul li .text_box {width: 100%;}
}
@media screen and (max-width:640px) {
	#d1 {margin-bottom: 50px;}
	#d1 .box {margin-bottom: 100px;}
	#d1 .box ul li .icon_box {width: 120px;}

}
/* d1 */










/* f1 */
#f1 {margin-bottom: 200px;}
#f1 .box {margin-bottom: 150px;}
#f1 .box:last-child {margin-bottom: 0;}

#f1 .box h3 {font-size: 24px; margin-bottom: 10px;}
#f1 .box p {margin-bottom: 10px;}
#f1 .box p:last-child {margin-bottom: 0;}

#f1 .box .sub_tit_box span {display: block; text-align: center; color: var(--main_color); font-weight: 600;}
#f1 .box .sub_tit_box .sub_tit {margin-bottom: 30px; padding-top: 0;}
#f1 .box .sub_tit_box .sub_tit::after {background-color: var(--main_color);}

#f1 .box1 .desc_box {border-radius: 20px; padding: 30px; background-color: #f5f5f5;}
#f1 .box1 .desc_box p {text-align: center; width: 100%; max-width: 1200px; margin: 0 auto;}
#f1 .box1 ul {gap: 30px; margin-top: 50px;}
#f1 .box1 ul li {width: calc(50% - 15px);}
#f1 .box1 ul li .img_box {margin-bottom: 20px;}
#f1 .box1 ul li .img_box img {width: 100%; border-radius: 20px;}
#f1 .box1 ul li .txt_box {}
#f1 .box1 ul li .txt_box h3 {}
#f1 .box1 ul li .txt_box p {}

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

}
@media screen and (max-width:960px) {
	#f1 .box h3 {font-size: 20px;}

}
@media screen and (max-width:640px) {
	#f1 {margin-bottom: 100px;}
	#f1 .box {margin-bottom: 100px;}
	#f1 .box1 .desc_box {padding: 20px;}
	#f1 .box1 ul li {width: 100%;}
}

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

}
/* f1 */




/* f2 */
#f2 {margin-bottom: 100px;}
#f2 .box {margin-bottom: 150px;}
#f2 .box:last-child {margin-bottom: 0;}

#f2 .box h3 {font-size: 23px; margin-bottom: 10px;}
#f2 .box p {margin-bottom: 10px;}
#f2 .box p:last-child {margin-bottom: 0;}
#f2 .box img {width: 100%; display: block; margin: 0 auto;}

#f2 .box .sub_tit_box {}
#f2 .box .sub_tit_box .sub_tit::after {background-color: var(--main_color);}
#f2 .box .sub_tit_box p::after {background-color: var(--main_color);}

#f2 .box .map_box {margin-bottom: 80px; border-radius: 20px; overflow: hidden; border: 1px solid #ddd; border-top: 0;}
#f2 .box .map_box .map_info {}
#f2 .box .map_box .map_info ul {padding: 30px; display: flex; flex-wrap: wrap; gap: 20px 50px;}
#f2 .box .map_box .map_info ul li {display: flex; align-items: center; gap: 20px; width: max-content;}
#f2 .box .map_box .map_info ul li:first-child {width: 100%;}
#f2 .box .map_box .map_info ul li .icon_box {width: 20px;}
#f2 .box .map_box .map_info ul li .icon_box img {}
#f2 .box .map_box .map_info ul li .txt_box {width: calc(100% - 40px); display: flex; gap: 50px; align-items: center;}
#f2 .box .map_box .map_info ul li .txt_box span {font-weight: 800; font-size: 20px;}
#f2 .box .map_box .map_info ul li .txt_box p {}
#f2 .box .flex_box {display: flex; flex-wrap: wrap; gap: 30px; border-radius: 20px; padding: 30px; border: 1px solid #ddd;}
#f2 .box .flex_box li {width: calc(50% - 15px); display: flex; align-items: center; gap: 30px;}
#f2 .box .flex_box li .icon_box {width: calc(30% - 15px); display: grid; place-content: center; aspect-ratio: 1 / 1; background-color: var(--main-gray); border-radius: 50%;}
#f2 .box .flex_box li .icon_box img {width: 50%;}
#f2 .box .flex_box li .txt_box {width: calc(70% - 15px);}
#f2 .box .flex_box li .txt_box h3 {font-size: 25px; margin-bottom: 10px;}
#f2 .box .flex_box li .txt_box p {}
#f2 .box .flex_box li .txt_box span {display: block; font-size: 16px; color: var(--main_depGray);}
#f2 .box .flex_box li .txt_box span b {}

@media screen and (max-width: 960px) {
	#f2 .box .map_box .map_info ul li .txt_box span {font-size: 18px;}
	#f2 .box .flex_box li .txt_box h3 {font-size: 22px;}
}

@media screen and (max-width: 640px) {
	#f2 {margin-bottom: 50px;}
	#f2 .box {margin-bottom: 100px;}
	#f2 .box .map_box .map_info ul {padding: 20px;}
	#f2 .box .map_box .map_info ul li .txt_box span {font-size: 16px;}
	#f2 .box .flex_box li {width: 100%;}
	#f2 .box .flex_box li .txt_box h3 {font-size: 20px;}
	#f2 .box .flex_box li .txt_box span {font-size: 14px;}
	#f2 .box .map_box .map_info ul li {gap: 15px; width: 100%;}
	#f2 .box .map_box .map_info ul li .txt_box {gap: 20px;}
	#f2 .box .map_box .map_info ul li .icon_box {width: 16px;}
}

@media screen and (max-width: 450px) {
	#f2 .box .flex_box {padding: 0; border: 0;}
	#f2 .box .flex_box li {flex-wrap: wrap; justify-content: center; border-radius: 20px; padding: 20px; border: 1px solid #ddd; margin-bottom: 20px;}
	#f2 .box .flex_box li:last-child {margin-bottom: 0;}
	#f2 .box .flex_box li .icon_box {width: 40%;}
	#f2 .box .flex_box li .txt_box {width: 100%;}
	#f2 .box .flex_box li .txt_box h3 {font-size: 18px;}
}
/* f2 */