/* 서브공통 */
.con_wrap {}
.con_wrap * {color: var(--main_black); word-break: keep-all;}
.con_wrap img {width: 100%;}
.con_wrap .sub_tit_box {}
.con_wrap .sub_tit_box h2 {font-size: 35px; font-weight: 600; margin-bottom: 20px; line-height: 1.5}
.con_wrap table {width: 100%; border-top: 2px solid var(--main_black); border-collapse: collapse;}
.con_wrap table th {font-size: 18px; line-height: 1.5; padding: 20px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: var(--gray_10);}
.con_wrap table td {font-size: 18px; line-height: 1.5; padding: 20px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.con_wrap table th:last-child, .con_wrap table td:last-child {border-right: 0;}
.con_wrap .box_tit {position: relative; padding-left: 20px; font-size: 28px; margin-bottom: 30px;}
.con_wrap .box_tit::before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 5px; height: 60%; background-color: var(--main_blue);}

/* 탭메뉴 */
.con_wrap .tab_menu_box {}
.con_wrap .tab_menu_box .tab_menu {display: flex; justify-content: center; align-items: center; width: 100%; margin: 0 auto 50px;}
.con_wrap .tab_menu_box .tab_menu li {cursor: pointer; width: calc(100% / 3); padding-bottom: 10px; font-size: 20px; font-weight: 600; border-bottom: 2px solid #ddd; color: #a8a8a8; text-align: center;}
.con_wrap .tab_menu_box .tab_menu li a {display: block; font-size: inherit; color: inherit;}
.con_wrap .tab_menu_box .tab_menu li.active {border-bottom-color: var(--main_blue); color: var(--main_blue);}
.con_wrap .tab_menu_box .tab_menu li.active a {}

.con_wrap .tab_desc_box .tab {display: none;}
.con_wrap .tab_desc_box .tab.active {display: block;}
.con_wrap .tab_desc_box .tab .tab_tit {position: relative; padding-left: 20px; font-size: 28px; margin-bottom: 30px;}
.con_wrap .tab_desc_box .tab .tab_tit::before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 5px; height: 60%; background-color: var(--main_blue);}
.con_wrap .tab_desc_box .tab .desc_box {background-color: var(--gray_10); padding: 30px;}
.con_wrap .tab_desc_box .tab .desc_box p {margin-bottom: 10px; position: relative; padding-left: 25px; font-size: 20px;}
.con_wrap .tab_desc_box .tab .desc_box p:last-child {margin-bottom: 0;}
.con_wrap .tab_desc_box .tab .desc_box p::before {content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 15px; aspect-ratio: 1 / 1; border: 3px solid var(--main_blue); border-radius: 50%;}
.con_wrap .tab_desc_box .tab .table_box {margin-bottom: 30px;}
.con_wrap .tab_desc_box .tab .table_box table {}
.con_wrap .tab_desc_box .tab .table_box table td {text-align: center;}
.con_wrap .tab_desc_box .tab .img_box {}
.con_wrap .tab_desc_box .tab .img_box img {width: 100%;}

@media screen and (max-width:960px) {
	.con_wrap .sub_tit_box h2 {font-size: 30px;}
	.con_wrap table th, .con_wrap table td {font-size: 16px; padding: 10px;}
	.con_wrap .tab_desc_box .tab .desc_box p {font-size: 18px;}
	.con_wrap .tab_desc_box .tab .tab_tit {font-size: 26px;}
	.con_wrap .box_tit {font-size: 26px;}
}
@media screen and (max-width:640px) {
	.con_wrap .box_tit {font-size: 24px; padding-left: 15px;}
	.con_wrap .box_tit::before {width: 4px;}
	.con_wrap .sub_tit_box h2 {font-size: 22px; margin-bottom: 10px;}
	.con_wrap table th, .con_wrap table td {font-size: 14px;}
	.con_wrap .tab_desc_box .tab .desc_box {padding: 20px;}
	.con_wrap .tab_desc_box .tab .desc_box p {font-size: 16px;}
	.con_wrap .tab_desc_box .tab .desc_box p::before {width: 12px;}
	.con_wrap .tab_menu_box .tab_menu li {font-size: 18px;}
}
/* 서브공통 */


/* a1 */
#a1 {}
#a1 .box {margin-bottom: 80px;}
#a1 .box:last-child {margin-bottom: 0;}
#a1 .box .sub_tit_box {}
#a1 .box1 .sub_tit_box h2 {margin-bottom: 5px;}
#a1 .box .sub_tit_box p {font-size: 18px; color: #666; line-height: 1.3;}
#a1 .box .sub_tit_box .img_box {margin-top: 30px;}
#a1 .box .sub_tit_box .img_box img {border-radius: 10px;}
#a1 .box .table_box {}
#a1 .box .table_box table {}
#a1 .box .table_box table th {}
#a1 .box .table_box table td {border-right: none;}

#a1 .box3 {}
#a1 .box3 ul {gap: 30px;}
#a1 .box3 ul li {width: calc(100% / 4 - 23px); padding: 30px; border: 1px solid var(--gray_10);}
#a1 .box3 ul li:nth-child(even) {background-color: var(--gray_10);}
#a1 .box3 ul li .icon_box {width: 50%; margin: 0 auto 20px;}
#a1 .box3 ul li .icon_box img {width: 100%;}
#a1 .box3 ul li p {font-size: 20px; font-weight: 500;}
#a1 .box3 h3 {background-color: var(--main_blue); padding: 20px; font-size: 26px; color: #fff; margin-top: 30px;}

@media screen and (max-width:960px) {
	#a1 .box .sub_tit_box p {font-size: 17px;}
	#a1 .box3 ul li {width: calc(50% - 15px);}
	#a1 .box3 ul li p {font-size: 18px;}
	#a1 .box3 h3 {font-size: 24px;}
}
@media screen and (max-width:640px) {
	#a1 .box {margin-bottom: 50px;}
	#a1 .box1 .sub_tit_box h2 {margin-bottom: 10px;}
	#a1 .box .sub_tit_box p {font-size: 16px;}
	#a1 .box3 ul li p {font-size: 16px;}
	#a1 .box3 h3 {font-size: 20px;}
}
@media screen and (max-width:450px) {
	#a1 .box3 ul li {width: 100%;}
}
/* a1 */


/* a2 */
#a2 {}
#a2 .box1 {display: flex; justify-content: space-between; flex-wrap: wrap;}
#a2 .title_box {width: 30%;}
#a2 .title_box span {font-size: 18px; color: var(--main_blue); display: block; margin-bottom: 10px; font-weight: 500;}
#a2 .title_box h3 {font-size: 45px; line-height: 1.3; font-weight: 800;}
#a2 .timeline {position:relative; width: 70%;}
#a2 .timeline::before {content:''; position:absolute; left:40%; top:0; bottom:0; width:2px; background:#ddd; transform:translateX(-50%);}

#a2 .timeline_item {display:flex; align-items:flex-start; position:relative; margin-bottom:100px;}
#a2 .timeline_item:last-child {margin-bottom:0;}

#a2 .timeline_item .year_box {width:40%; text-align:right; padding-right:60px;}
#a2 .timeline_item .year_box .year {display:inline-block; font-size:56px; font-weight:800; color:var(--main_blue); line-height:1; letter-spacing: 2px;}

#a2 .timeline_item .dot {position:absolute; left:40%; top:14px; transform:translateX(-50%); width:18px; height:18px; border-radius:50%; background:#fff; border:3px solid var(--main_blue); z-index:2; transition:all 0.3s;}
#a2 .timeline_item .dot::after {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:8px; height:8px; border-radius:50%; background:var(--main_blue);}

#a2 .timeline_item .content_box {width:60%; padding-left:60px; padding-top:5px;}
#a2 .timeline_item .content_box ul {list-style:none;}
#a2 .timeline_item .content_box ul li {position:relative; padding-left:16px; margin-bottom:12px; font-size:17px; line-height:1.6; color:#444; font-weight:400;}
#a2 .timeline_item .content_box ul li:last-child {margin-bottom:0;}
#a2 .timeline_item .content_box ul li::before {content:''; position:absolute; left:0; top:10px; width:6px; height:6px; border-radius:50%; background:var(--main_blue);}
#a2 .timeline_item .content_box ul li .date {display:inline-block; font-size:14px; font-weight:500; color:var(--main_blue); background:var(--gray_10); padding:2px 10px; border-radius:20px; margin-right:8px;}
#a2 .timeline_item .content_box ul li strong {font-weight:700; color:var(--main_black);}

#a2 .timeline_item.now .dot {width:24px; height:24px; border-width:4px; box-shadow:0 0 0 6px rgba(235,119,0,0.15);}
#a2 .timeline_item.now .dot::after {width:10px; height:10px;}

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

}

@media screen and (max-width:960px) {
	#a2 .title_box span {font-size: 16px;}
	#a2 .title_box {width: 100%; margin-bottom: 50px;}
	#a2 .title_box h3 {font-size: 35px;}
	#a2 .timeline {width: 100%;}
  #a2 .history_section {padding:100px 0 120px;}
  #a2 .history_section .main_tit_box {margin-bottom:60px;}
  #a2 .timeline::before {left:30px;}
  #a2 .timeline_item {flex-direction:column; padding-left:60px;}
  #a2 .timeline_item .year_box {width:100%; text-align:left; padding-right:0; margin-bottom:10px;}
  #a2 .timeline_item .year_box .year {font-size:40px;}
  #a2 .timeline_item .dot {left:30px; top:10px;}
  #a2 .timeline_item .content_box {width:100%; padding-left:0;}
}
@media screen and (max-width:640px) {
	#a2 .title_box span {font-size: 14px; line-height: 1;}
	#a2 .title_box h3 {font-size: 30px;}
  #a2 .history_section {padding:80px 0 100px;}
  #a2 .history_section .main_tit_box .main_tit {font-size:30px;}
  #a2 .timeline_item {margin-bottom:50px;}
  #a2 .timeline_item .year_box .year {font-size:34px;}
  #a2 .timeline_item .content_box ul li {font-size:15px;}
}
/* a2 */


/* a3 */
#a3 {}
#a3 .box .notice {display: flex; align-items: center; gap: 10px; font-size: 14px; display: none;}
#a3 .box .notice img {width: 16px;}
#a3 .box .table_box {}
#a3 .box .table_box table {}
#a3 .box .table_box table th {}
#a3 .box .table_box table td {text-align: center;}
#a3 .box .table_box table th:last-child {border-right: none;}
#a3 .box .table_box table td:last-child {border-right: none;}
@media screen and (max-width:460px) {
	#a3 .box .table_box {overflow-x: scroll;}
	#a3 .box .table_box table {min-width: 460px;}
	#a3 .box .notice {display: flex; background: #ddd; padding: 10px; border-radius: 10px; color: #666; margin-bottom: 10px;}
}
/* a3 */


/* a4 */
#a4 {}
.root_daum_roughmap .wrap_controllers {display: none;}
.root_daum_roughmap .cont .section.lst {display: none;}
#a4 .box {margin-bottom: 50px;}
#a4 .box:last-child {margin-bottom: 0;}
#a4 .box1 {border-bottom: 1px solid #ddd;}
#a4 .box1 #daumRoughmapContainer1765263948189 {}
#a4 .box2 .flex_box {display: flex;}
#a4 .box2 .flex_box .left_box {width: 30%;}
#a4 .box2 .flex_box .left_box h2 {font-size: 35px; font-weight: 600;}
#a4 .box2 .flex_box .right_box {width: 70%;}
#a4 .box2 .flex_box .right_box .txt_box {display: flex; gap: 30px;}
#a4 .box2 .flex_box .right_box .txt_box p:first-child {width: calc(60% - 30px);}
#a4 .box2 .flex_box .right_box .txt_box p:last-child {width: 40%;}
#a4 .box2 .flex_box .right_box .txt_box p {background-color: var(--gray_10); padding: 30px; border-radius: 10px; display: flex; align-items: center; gap: 15px;}
#a4 .box2 .flex_box .right_box .txt_box p img {width: 30px;}
#a4 .box2 .flex_box .right_box .txt_box p span {font-size: 18px; width: calc(100% - 45px); color: #666;}
/* #a4 .box2 .flex_box .right_box .txt_box p:last-child span {font-weight: 600; color: var(--main_black); font-size: 22px;} */
#a4 .box2 .flex_box .right_box .txt_box2 {margin-top: 30px; border-radius: 10px; padding: 30px; border: 1px solid #ddd;}
#a4 .box2 .flex_box .right_box .txt_box2 .subway {margin-bottom: 20px; display: flex; gap: 10px; align-items: center; flex-wrap: wrap;}
#a4 .box2 .flex_box .right_box .txt_box2 .subway:last-child {margin-bottom: 0;}
#a4 .box2 .flex_box .right_box .txt_box2 .subway span {background-color: #0052a4; padding: 10px 20px; font-size: 16px; border-radius: 10px; color: #fff; font-weight: 800;}
#a4 .box2 .flex_box .right_box .txt_box2 .subway p {font-size: 18px;}
@media screen and (max-width:960px) {
	#a4 .box {margin-bottom: 30px;}
	#a4 .box2 .flex_box {flex-wrap: wrap; gap: 10px;}
	#a4 .box2 .flex_box .left_box, #a4 .box2 .flex_box .right_box {width: 100%;}
	#a4 .box2 .flex_box .left_box h2 {font-size: 30px;}
}
@media screen and (max-width:640px) {
	#a4 .box2 .flex_box .left_box h2 {font-size: 25px;}
	#a4 .box2 .flex_box .right_box .txt_box {flex-wrap: wrap; gap: 10px;}
	#a4 .box2 .flex_box .right_box .txt_box p {width: 100% !important; padding: 20px;}
	#a4 .box2 .flex_box .right_box .txt_box p span {font-size: 16px;}
	/* #a4 .box2 .flex_box .right_box .txt_box p:last-child span {font-size: 18px;} */
	#a4 .box2 .flex_box .right_box .txt_box2 {margin-top: 20px; padding: 20px;}
	#a4 .box2 .flex_box .right_box .txt_box2 .subway span {font-size: 14px;}
	#a4 .box2 .flex_box .right_box .txt_box2 .subway p {font-size: 16px;}
}
/* a4 */





/* b1 */
#b1 {}

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

}

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

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

}
/* b1 */





/* b5 */
#b5 {margin-bottom: 50px;}
#b5 .btn_box {display: flex; justify-content: center;}
#b5 .btn_box a {width: max-content; padding: 20px 30px; border-radius: 20px; display: flex; justify-content: center; align-items: center; gap: 15px; border: 1px solid var(--main_blue);}
#b5 .btn_box a img {}
#b5 .btn_box a p {font-size: 20px; font-weight: 500;}
#b5 .btn_box a:hover {background-color: var(--main_blue); transition: .4s;}
#b5 .btn_box a:hover img {transition: .4s; filter: brightness(0) invert(1);}
#b5 .btn_box a:hover p {color: #fff; transition: .4s;}

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

}

@media screen and (max-width:960px) {
	#b5 .btn_box a p {font-size: 18px;}
}
@media screen and (max-width:640px) {
	#b5 .btn_box a img {width: 100px;}
	#b5 .btn_box a p {font-size: 16px;}
}
/* b5 */






/* c1 */
#c1 {}
#c1 .box {margin-bottom: 80px;}
/* #c1 .box:last-child {margin-bottom: 0;} */
#c1 .box1 {display: flex; justify-content: space-between; flex-wrap: wrap;}
#c1 .title_box {width: 30%;}
#c1 .title_box span {font-size: 18px; color: var(--main_blue); display: block; margin-bottom: 10px; font-weight: 500;}
#c1 .title_box h3 {font-size: 45px; line-height: 1.3; font-weight: 800;}
#c1 .timeline {position:relative; width: 70%;}
#c1 .timeline::before {content:''; position:absolute; left:40%; top:0; bottom:0; width:2px; background:#ddd; transform:translateX(-50%);}

#c1 .timeline_item {display:flex; align-items:flex-start; position:relative; margin-bottom:100px;}
#c1 .timeline_item:last-child {margin-bottom:0;}

#c1 .timeline_item .year_box {width:40%; text-align:right; padding-right:60px;}
#c1 .timeline_item .year_box .year {display:inline-block; font-size:56px; font-weight:800; color:var(--main_blue); line-height:1; letter-spacing: 2px;}

#c1 .timeline_item .dot {position:absolute; left:40%; top:14px; transform:translateX(-50%); width:18px; height:18px; border-radius:50%; background:#fff; border:3px solid var(--main_blue); z-index:2; transition:all 0.3s;}
#c1 .timeline_item .dot::after {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:8px; height:8px; border-radius:50%; background:var(--main_blue);}

#c1 .timeline_item .content_box {width:60%; padding-left:60px; padding-top:5px;}
#c1 .timeline_item .content_box ul {list-style:none;}
#c1 .timeline_item .content_box ul li {position:relative; padding-left:16px; margin-bottom:12px; font-size:17px; line-height:1.6; color:#444; font-weight:400;}
#c1 .timeline_item .content_box ul li:last-child {margin-bottom:0;}
#c1 .timeline_item .content_box ul li::before {content:''; position:absolute; left:0; top:10px; width:6px; height:6px; border-radius:50%; background:var(--main_blue);}
#c1 .timeline_item .content_box ul li .date {display:inline-block; font-size:14px; font-weight:500; color:var(--main_blue); background:var(--gray_10); padding:2px 10px; border-radius:20px; margin-right:8px;}
#c1 .timeline_item .content_box ul li strong {font-weight:700; color:var(--main_black);}

#c1 .timeline_item.now .dot {width:24px; height:24px; border-width:4px; box-shadow:0 0 0 6px rgba(235,119,0,0.15);}
#c1 .timeline_item.now .dot::after {width:10px; height:10px;}

#c1 .box2 .table_box table td {text-align: center;}

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

}

@media screen and (max-width:960px) {
	#c1 .title_box span {font-size: 16px;}
	#c1 .title_box {width: 100%; margin-bottom: 50px;}
	#c1 .title_box h3 {font-size: 35px;}
	#c1 .timeline {width: 100%;}
  #c1 .history_section {padding:100px 0 120px;}
  #c1 .history_section .main_tit_box {margin-bottom:60px;}
  #c1 .timeline::before {left:30px;}
  #c1 .timeline_item {flex-direction:column; padding-left:60px;}
  #c1 .timeline_item .year_box {width:100%; text-align:left; padding-right:0; margin-bottom:10px;}
  #c1 .timeline_item .year_box .year {font-size:40px;}
  #c1 .timeline_item .dot {left:30px; top:10px;}
  #c1 .timeline_item .content_box {width:100%; padding-left:0;}
}
@media screen and (max-width:800px) {
	#c1 .box2 .table_box table {font-size: 16px;}
}
@media screen and (max-width:640px) {
	#c1 .title_box span {font-size: 14px; line-height: 1;}
	#c1 .title_box h3 {font-size: 30px;}
  #c1 .history_section {padding:80px 0 100px;}
  #c1 .history_section .main_tit_box .main_tit {font-size:30px;}
  #c1 .timeline_item {margin-bottom:50px;}
  #c1 .timeline_item .year_box .year {font-size:34px;}
  #c1 .timeline_item .content_box ul li {font-size:15px;}

	#c1 .box2 .table_box table {font-size: 14px;}
	#c1 .box2 .table_box {overflow-x: scroll;}
	#c1 .box2 .table_box table {min-width: 640px;}
}
/* c1 */



/* 준비중 페이지 */
.preparing_box {border-radius: 10px; background-color: var(--gray_10); 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;}
}
/* 준비중 페이지 */