/* 서브 공통 */
.con_wrap * {word-break: keep-all;}
.con_wrap .point {color: #123a63;}
.con_wrap .flex_box {display: flex; flex-wrap: wrap;}
.con_wrap .m_img {display: none;}
@media screen and (max-width: 640px) {
  .con_wrap .pc_img {display: none;}
  .con_wrap .m_img {display: block;}
}
/* 서브 공통 */






/* 준비중 페이지 */
.preparing_box {border-radius: 30px; background-color: #f5f5f5; 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 {}
#a1 .box {margin-bottom: 150px;}
#a1 .box:last-child {margin-bottom: 0;}
#a1 .box .title_box {}
#a1 .box .sub_tit {font-size: 40px; margin-bottom: 10px;}

#a1 .box1 .title_box h2 {font-size: 40px; width: 100%; margin: 0 auto 50px;}
#a1 .box1 .title_box h2 .gray {color: #a8a8a8;}
#a1 .box1 .flex_box {gap: 100px;}
#a1 .box1 .flex_box .img_box {width: calc(40% - 50px); position: relative;}
#a1 .box1 .flex_box .img_box::before {content: ""; width: 100%; height: 100%; border: 1px solid #1f6fb2; position: absolute; top: -30px; right: -30px; z-index: 1;}
#a1 .box1 .flex_box .img_box img {width: 100%; position: relative; z-index: 2;}
#a1 .box1 .flex_box .desc_box {width: calc(60% - 50px);}
#a1 .box1 .flex_box .desc_box h3 {margin: 0 auto 20px; font-size: 25px; width: 100%;}
#a1 .box1 .flex_box .desc_box p {font-size: 18px; color: #666; width: 100%; margin: 0 auto; line-height: 1.4;}
#a1 .box1 .flex_box .desc_box .ceo {display: flex; gap: 10px; align-items: center; font-size: 20px; margin-top: 30px; font-weight: 600;}
#a1 .box1 .flex_box .desc_box .ceo img {}

@media screen and (max-width: 1200px) {
  #a1 .box1 .title_box h2 {font-size: 36px;}
}
@media screen and (max-width: 960px) {
	#a1 .box1 .flex_box {gap: 50px;}
	#a1 .box1 .flex_box .img_box {width: calc(100% - 30px);}
	#a1 .box1 .flex_box .desc_box {width: 100%;}
  #a1 .box1 .title_box h2 {font-size: 32px; margin-bottom: 40px;}
}
@media screen and (max-width: 640px) {
	#a1 .box1 .flex_box .img_box {width: calc(100% - 20px);}
	#a1 .box1 .flex_box .img_box::before {top: -20px; right: -20px;}
  #a1 .box1 .title_box h2 {font-size: 30px; margin-bottom: 30px;}
  #a1 .box1 .flex_box .desc_box h3 {font-size: 22px;}
  #a1 .box1 .flex_box .desc_box p {font-size: 16px;}
	#a1 .box1 .flex_box .desc_box .ceo {font-size: 18px;}
}
@media screen and (max-width: 450px) {
  #a1 .box1 .title_box h2 {font-size: 25px;}
}
/* #a1 */






/* #a2 */
#a2 {width: 100%; position: relative; overflow: hidden;}
#a2 .img_box {margin-bottom: 50px; overflow: hidden; border-radius: 0 50px 0 50px;}
#a2 .img_box img {width: 100%;}
#a2 .table_box {margin-bottom: 50px;}
#a2 .table_box table {width: 100%; border-spacing: 10px 10px; font-size: 18px;}
#a2 .table_box table th {padding: 20px; border-radius: 30px; background-color: #123a63; color: #fff;}
#a2 .table_box table td {padding: 20px; border-radius: 30px; background-color: #f5f5f5;}
#a2 .wrap {}
#a2 .wrap h2 {font-size: 30px; position: relative; padding-left: 20px; color: #123a63; margin-bottom: 20px;}
#a2 .wrap h2::before {content: ""; position: absolute; top: 50%; left: 2px; transform: translateY(-50%) rotate(45deg); width: 10px; aspect-ratio: 1 / 1; background-color: #d83b3b;}
#a2 .wrap .img_box2 {gap: 30px;}
#a2 .wrap .img_box2 li {width: calc(50% - 15px);}
#a2 .wrap .img_box2 li img {width: 100%; margin-bottom: 10px;}
#a2 .wrap .img_box2 li p {display: flex; gap: 10px; flex-wrap: wrap; font-size: 18px; align-items: center;}
#a2 .wrap .img_box2 li p b {background-color: #123a63; color: #fff; padding: 10px 20px; border-radius: 30px;}

@media screen and (max-width: 960px){
  #a2 .table_box table {font-size: 16px;}
  #a2 .wrap .img_box2 li p {font-size: 16px;}
}

@media screen and (max-width: 640px){
  #a2 .img_box {border-radius: 0 30px 0 30px; margin-bottom: 30px;}
  #a2 .table_box {margin-bottom: 30px;}
  #a2 .table_box table {font-size: 14px; border-spacing: 0 10px;}
  #a2 .table_box table td, #a2 .table_box table th {padding: 10px;}
  #a2 .table_box table td {background-color: transparent;}
  #a2 .wrap h2 {font-size: 25px;}
	#a2 .wrap h2::before {width: 8px;}
  #a2 .wrap .img_box2 li {width: 100%;}
  #a2 .wrap .img_box2 li p {font-size: 14px;}
}
/* #a2 */






/* #a3 */
#a3 {width: 100%; position: relative; overflow: hidden;}
#a3 .img_box {margin-bottom: 50px; overflow: hidden; border-radius: 0 50px 0 50px;}
#a3 .img_box img {width: 100%;}
#a3 .a3_wrap{width: 100%; max-width: 1600px; margin: 0 auto; display: flex; flex-wrap: wrap;}
#a3 .a3_wrap .a3_box{width: 50%; position: relative;}
#a3 .a3_wrap .a3_box:last-child:before{display: block; content: ""; width: 2px; height: 100%; position: absolute; left: 0; background: linear-gradient( to bottom, #123a63 70%, #f5f5f5 30%) fixed; top: 20px; z-index: 1;}
#a3 .a3_wrap .a3_box h2{font-size: 80px; font-weight: 700; color: #121212; font-family: "Montserrat", sans-serif;}
#a3 .a3_wrap ul{width: 100%; margin-bottom: 60px; position: relative;}
#a3 .a3_wrap ul li{}
#a3 .a3_wrap ul li.year{padding-left: 54px; position: relative;}
#a3 .a3_wrap ul li.year:before{display: block; content: ""; width: 21px; height: 21px; border: 5px solid #ffffff; position: absolute; border-radius: 50%; left: -10px; top: 13px; z-index: 2; background: #123a63;}
#a3 .a3_wrap ul li.text{padding-left: 54px; width: 90%;}
#a3 .a3_wrap ul li.img{}
#a3 .a3_wrap ul li h3{font-size: 48px; color: #a8a8a8; margin-bottom: 30px;}
#a3 .a3_wrap ul li p{font-size: 18px; display: flex;color: #7c7c7c;margin-bottom: 20px;line-height: 1.5;flex-direction: column;}
#a3 .a3_wrap ul li p b {color: #d83b3b;}
#a3 .a3_wrap ul li p span{ font-weight: 600; color: #111;}
#a3 .a3_wrap ul li img{width: 100%;}

@media screen and (max-width: 1100px){
  #a3 .a3_wrap{display: block;}
  #a3 .a3_wrap .a3_box{width: 100%;}
  #a3 .a3_wrap .a3_box h2{font-size: 60px; margin-bottom: 50px;}
}

@media screen and (max-width: 640px){
  #a3 .a3_wrap .a3_box:last-child:before {left: 9px; top: 15px;}
  #a3 .a3_wrap ul li h3{font-size: 32px; margin-bottom: 30px;}
  #a3 .a3_wrap ul li.year{padding-left: 30px;}
  #a3 .a3_wrap ul li.year:before{top: 0; left: 0;}
  #a3 .a3_wrap ul li.text{padding-left: 30px;}
  #a3:before{left: 121px}
  #a3 .a3_wrap ul li p{font-size: 16px; margin-bottom: 16px; }
  #a3 .a3_wrap .a3_box h2 {font-size: 40px;}
}
/* #a3 */






/* #a4 */
#a4 {}
#a4 .img_box {}
#a4 .img_box img {width: 100%; max-width: 1220px; display: block; margin: 0 auto;}
/* #a4 */





/* #a5 */
.root_daum_roughmap .cont {display: none;}
.root_daum_roughmap .wrap_controllers {display: none;}
#a5 {}
#a5 .box {margin-bottom: 150px;}
#a5 .box:last-child {margin-bottom: 0;}
#a5 .box .map {border-bottom: 1px solid rgba(0,0,0,.1); margin-bottom: 50px;}
#a5 .box .flex_box {justify-content: space-between;}
#a5 .box .flex_box .tit_box {}
#a5 .box .flex_box .tit_box h3 {font-size: 30px; position: relative; padding-left: 20px; color: #123a63;}
#a5 .box .flex_box .tit_box h3::before {content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%) rotate(45deg); width: 10px; aspect-ratio: 1 / 1; background-color: #d83b3b;}
#a5 .box .flex_box .info_box {}
#a5 .box .flex_box .info_box p {display: flex; align-items: center; gap: 15px; margin-bottom: 20px;}
#a5 .box .flex_box .info_box p:last-child {margin-bottom: 0;}
#a5 .box .flex_box .info_box p .icon {font-size: 30px; color: #123a63;}
#a5 .box .flex_box .info_box p .txt {font-size: 18px;}

@media screen and (max-width: 640px){
	#a5 .box {margin-bottom: 80px;}
  #a5 .box .map {margin-bottom: 30px;}
  #a5 .box .flex_box {gap: 20px;}
  #a5 .box .flex_box .tit_box h3 {font-size: 25px;}
	#a5 .box .flex_box .tit_box h3::before {width: 8px;}
  #a5 .box .flex_box .info_box {width: 100%;}
  #a5 .box .flex_box .info_box p {margin-bottom: 10px;}
  #a5 .box .flex_box .info_box p .icon {font-size: 24px;}
  #a5 .box .flex_box .info_box p .txt {font-size: 16px;}

}
/* #a5 */





/* #b1 */
#b1 {}
#b1 .box {margin-bottom: 150px;}
#b1 .box:last-child {margin-bottom: 0;}
#b1 .box1 h3 {background-color: #f5f5f5; padding: 30px; text-align: center; font-size: 25px; margin-bottom: 40px;}
#b1 .box1 h3 span {color: #d83b3b;}
#b1 .box1 ul {gap: 30px;}
#b1 .box1 ul li {width: calc(25% - 23px);}
#b1 .box1 ul li .img_box {margin-bottom: 20px;}
#b1 .box1 ul li .img_box img {width: 100%;}
#b1 .box1 ul li .txt_box {font-size: 18px; text-align: center;}
#b1 .box1 ul li .txt_box span {border-radius: 30px; font-size: 80%; display: inline-block; padding: 10px 20px; background-color: #123a63; color: #fff; font-weight: 600; margin-bottom: 10px;}
#b1 .box1 ul li .txt_box p {}


@media screen and (max-width: 960px){
  #b1 .box1 ul li {width: calc(50% - 15px);}
  #b1 .box1 h3 {font-size: 22px;}
}

@media screen and (max-width: 640px){
	#b1 .box {margin-bottom: 80px;}
  #b1 .box1 h3 {font-size: 20px; padding: 30px 20px;}
  #b1 .box1 ul li {width: 100%;}
  #b1 .box1 ul li .txt_box {font-size: 16px;}
}
@media screen and (max-width: 420px){
  #b1 .box1 h3 br {display: none;}
}
/* #b1 */





/* #b2 */
#b2 {}
#b2 .box {margin-bottom: 150px;}
#b2 .box:last-child {margin-bottom: 0;}
#b2 .box1 .table_box {margin-bottom: 50px;}
#b2 .box1 .table_box table {width: 100%; border-collapse: collapse; font-size: 18px;}
#b2 .box1 .table_box table th {border-right: 1px solid rgba(255,  255,  255,  0.2); padding: 20px; background-color: #123a63; color: #fff;}
#b2 .box1 .table_box table td {border-right: 1px solid #ddd; border-bottom: 1px solid #dddd; padding: 20px; text-align: center;}
#b2 .box1 .table_box table td.gray50 {background-color: #555; text-align: center; color: #fff; font-weight: 600;}
#b2 .box1 .table_box table td.gray30 {background-color: #f5f5f5;}
#b2 .box1 .table_box table th:last-child {border: 0;}
#b2 .box1 .table_box table td:last-child {}
#b2 .box1 ul {gap: 30px;}
#b2 .box1 ul li {width: calc(100% / 3 - 20px);}
#b2 .box1 ul li .img_box {}
#b2 .box1 ul li .img_box.border {border: 1px solid #ddd;}
#b2 .box1 ul li .img_box img {width: 100%;}
#b2 .box1 ul li .txt_box {margin-top: 10px;}
#b2 .box1 ul li .txt_box p {font-size: 18px; text-align: center;}


@media screen and (max-width: 960px){
  #b2 .box1 .table_box table {font-size: 16px;}
}

@media screen and (max-width: 640px){
  #b2 .box1 .table_box {overflow-x: scroll; width: 100%;}
  #b2 .box1 .table_box table {font-size: 14px; min-width: 500px;}
  #b2 .box1 .table_box table th, #b2 .box1 .table_box table td {padding: 10px;}
  #b2 .box1 ul li {width: 100%;}
  #b2 .box1 ul li .txt_box p {font-size: 16px;}
}
@media screen and (max-width: 420px){

}
/* #b2 */





/* #b3 */
#b3 {}
#b3 .box {margin-bottom: 150px;}
#b3 .box:last-child {margin-bottom: 0;}
#b3 .box1 .table_box {margin-bottom: 50px;}
#b3 .box1 .table_box table {width: 100%; border-collapse: collapse; font-size: 18px;}
#b3 .box1 .table_box table th {border-right: 1px solid rgba(255,  255,  255,  0.2); padding: 20px; background-color: #123a63; color: #fff;}
#b3 .box1 .table_box table td {border-right: 1px solid #ddd; border-bottom: 1px solid #dddd; padding: 20px; text-align: center;}
#b3 .box1 .table_box table td.gray50 {background-color: #555; text-align: center; color: #fff; font-weight: 600;}
#b3 .box1 .table_box table td.gray30 {background-color: #f5f5f5;}
#b3 .box1 .table_box table th:last-child {border: 0;}
#b3 .box1 .table_box table td:last-child {}
#b3 .box1 ul {gap: 30px;}
#b3 .box1 ul li {width: calc(100% / 3 - 20px);}
#b3 .box1 ul li .img_box {}
#b3 .box1 ul li .img_box.border {border: 1px solid #ddd;}
#b3 .box1 ul li .img_box img {width: 100%;}
#b3 .box1 ul li .txt_box {margin-top: 10px;}
#b3 .box1 ul li .txt_box p {font-size: 18px; text-align: center;}


@media screen and (max-width: 960px){
  #b3 .box1 .table_box table {font-size: 16px;}
}

@media screen and (max-width: 640px){
  #b3 .box1 .table_box {overflow-x: scroll; width: 100%;}
  #b3 .box1 .table_box table {font-size: 14px; min-width: 500px;}
  #b3 .box1 .table_box table th, #b3 .box1 .table_box table td {padding: 10px;}
  #b3 .box1 ul li {width: 100%;}
  #b3 .box1 ul li .txt_box p {font-size: 16px;}
}
@media screen and (max-width: 420px){

}
/* #b3 */





/* #b4 */
#b4 {}
#b4 .box {margin-bottom: 150px;}
#b4 .box:last-child {margin-bottom: 0;}
#b4 .box1 .table_box {margin-bottom: 50px;}
#b4 .box1 .table_box table {width: 100%; border-collapse: collapse; font-size: 18px;}
#b4 .box1 .table_box table th {border-right: 1px solid rgba(255,  255,  255,  0.2); padding: 20px; background-color: #123a63; color: #fff;}
#b4 .box1 .table_box table td {border-right: 1px solid #ddd; border-bottom: 1px solid #dddd; padding: 20px; text-align: center;}
#b4 .box1 .table_box table td.gray50 {background-color: #555; text-align: center; color: #fff; font-weight: 600;}
#b4 .box1 .table_box table td.gray30 {background-color: #f5f5f5;}
#b4 .box1 .table_box table th:last-child {border: 0;}
#b4 .box1 .table_box table td:last-child {}
#b4 .box1 ul {gap: 30px;}
#b4 .box1 ul li {width: calc(100% / 4 - 23px);}
#b4 .box1 ul li .img_box {}
#b4 .box1 ul li .img_box.border {border: 1px solid #ddd;}
#b4 .box1 ul li .img_box img {width: 100%;}
#b4 .box1 ul li .txt_box {margin-top: 10px;}
#b4 .box1 ul li .txt_box p {font-size: 18px; text-align: center;}


@media screen and (max-width: 960px){
  #b4 .box1 .table_box table {font-size: 16px;}
  #b4 .box1 ul li {width: calc(50% - 15px);}
}

@media screen and (max-width: 640px){
  #b4 .box1 .table_box {}
  #b4 .box1 .table_box table {font-size: 14px;}
  #b4 .box1 .table_box table th, #b4 .box1 .table_box table td {padding: 10px;}
  #b4 .box1 ul li {width: 100%;}
  #b4 .box1 ul li .txt_box p {font-size: 16px;}
}
@media screen and (max-width: 420px){

}
/* #b4 */





/* #b5 */
#b5 {}
#b5 .box {margin-bottom: 150px;}
#b5 .box:last-child {margin-bottom: 0;}
#b5 .box1 .table_box {margin-bottom: 50px;}
#b5 .box1 .table_box table {width: 100%; border-collapse: collapse; font-size: 18px;}
#b5 .box1 .table_box table th {border-right: 1px solid rgba(255,  255,  255,  0.2); padding: 20px; background-color: #123a63; color: #fff;}
#b5 .box1 .table_box table td {border-right: 1px solid #ddd; border-bottom: 1px solid #dddd; padding: 20px; text-align: center;}
#b5 .box1 .table_box table td.gray50 {background-color: #555; text-align: center; color: #fff; font-weight: 600;}
#b5 .box1 .table_box table td.gray30 {background-color: #f5f5f5;}
#b5 .box1 .table_box table th:last-child {border: 0;}
#b5 .box1 .table_box table td:last-child {}
#b5 .box1 ul {gap: 30px;}
#b5 .box1 ul li {width: calc(100% / 3 - 20px);}
#b5 .box1 ul li .img_box {}
#b5 .box1 ul li .img_box.border {border: 1px solid #ddd;}
#b5 .box1 ul li .img_box img {width: 100%;}
#b5 .box1 ul li .txt_box {margin-top: 10px;}
#b5 .box1 ul li .txt_box p {font-size: 18px; text-align: center;}


@media screen and (max-width: 960px){
  #b5 .box1 .table_box table {font-size: 16px;}
}

@media screen and (max-width: 640px){
  /* #b5 .box1 .table_box {overflow-x: scroll; width: 100%;} */
  #b5 .box1 .table_box table {font-size: 14px;}
  #b5 .box1 .table_box table th, #b5 .box1 .table_box table td {padding: 10px;}
  #b5 .box1 ul li {width: 100%;}
  #b5 .box1 ul li .txt_box p {font-size: 16px;}
}
@media screen and (max-width: 420px){

}
/* #b5 */





/* #d2_1 */
#d2_1 {}
#d2_1 .box {margin-bottom: 150px;}
#d2_1 .box:last-child {margin-bottom: 0;}
#d2_1 .tab_menu {margin-bottom: 50px; display: flex; flex-wrap: wrap; gap: 20px;}
#d2_1 .tab_menu li {width: calc(25% - 15px); background-color: #f5f5f5;}
#d2_1 .tab_menu li a {color: #888; padding: 20px; display: block; text-align: center; font-size: 18px;}
#d2_1 .tab_menu li.active {background-color: #123a63;}
#d2_1 .tab_menu li.active a {color: #fff;}
#d2_1 .desc_box {}
#d2_1 .desc_box h3 {margin-bottom: 30px; font-size: 30px; position: relative; padding-left: 20px; color: #123a63;}
#d2_1 .desc_box h3::before {content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%) rotate(45deg); width: 10px; aspect-ratio: 1 / 1; background-color: #d83b3b;}
#d2_1 .desc_box p {font-size: 20px; line-height: 1.5;}
#d2_1 .img_box {margin-top: 30px; width: 100%; border: 1px solid #ddd; padding: 30px;}
#d2_1 .img_box img {width: 100%; max-width: 500px; display: block; margin: 0 auto;}
#d2_1 .img_box a {display: block; margin: 20px auto 0; width: max-content; padding: 15px 20px; text-align: center; font-size: 16px; font-weight: 600; background-color: #121212; color: #fff; border-radius: 30px;}
#d2_1 .img_box a:hover {transition: .4s; background-color: #123a63;}


@media screen and (max-width: 960px){
  #d2_1 .desc_box p {font-size: 18px;}
}

@media screen and (max-width: 640px){
  #d2_1 .desc_box h3 {font-size: 25px;}
	#d2_1 .desc_box h3::before {width: 8px;}
  #d2_1 .desc_box p {font-size: 16px;}

  #d2_1 .tab_menu {gap: 10px;}
  #d2_1 .tab_menu li {width: calc(50% - 5px);}
  #d2_1 .tab_menu li a {font-size: 16px;}
}
@media screen and (max-width: 420px){

}
/* #d2_1 */





/* #e1 */
#e1 {}
#e1 .box {margin-bottom: 150px;}
#e1 .box:last-child {margin-bottom: 0;}
#e1 .box .desc_box {background-color: #f5f5f5; padding: 30px; border-radius: 20px; margin-bottom: 50px;}
#e1 .box .desc_box h3 {text-align: center; font-size: 30px; margin-bottom: 20px;}
#e1 .box .desc_box p {text-align: center; font-size: 20px; line-height: 1.4;}
#e1 .box ul {gap: 30px;}
#e1 .box ul li {width: calc(100% / 3 - 20px); border-radius: 20px; padding: 30px; border: 1px solid #ddd;}
#e1 .box ul li .icon_box {margin-bottom: 80px;}
#e1 .box ul li .icon_box img {}
#e1 .box ul li .txt_box {}
#e1 .box ul li .txt_box h2 {font-size: 22px; color: #123a63; margin-bottom: 10px;}
#e1 .box ul li .txt_box p {font-size: 18px; text-align: left;}


@media screen and (max-width: 960px){
  #e1 .box .desc_box h3 {font-size: 25px;}
  #e1 .box .desc_box p {font-size: 18px;}
  #e1 .box ul li {width: 100%;}
}

@media screen and (max-width: 640px){
  #e1 .box .desc_box h3 {font-size: 22px;}
  #e1 .box .desc_box p {font-size: 16px;}
  #e1 .box ul li {padding: 20px;}
  #e1 .box ul li .txt_box h2 {font-size: 20px;}
  #e1 .box ul li .txt_box p {font-size: 16px;}
}
@media screen and (max-width: 450px){
  #e1 .box .desc_box p br {display: none;}
}
/* #e1 */