@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');

/* 서브 공통 */
.con_wrap * {word-break: keep-all;}
.con_wrap .play_font {font-family: "Play", sans-serif;}
.con_wrap .red_point {color: #1E3A8A;}
.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 !important;}
#a1 .box:last-child {margin-bottom: 0;}
#a1 .box .title_box {text-align: center;}
#a1 .box .sub_tit {font-size: 40px; margin-bottom: 10px;}

#a1 .box1 .title_box {width: 100%; padding: 0 20px;}
#a1 .box1 .title_box h2 {font-size: 45px; width: 100%; max-width: 900px; margin: 0 auto 70px;}
#a1 .box1 .title_box h2 span {}
#a1 .box1 .img_box {position: relative; margin-bottom: 100px;}
#a1 .box1 .img_box img {width: 100%;}
#a1 .box1 .img_box p {text-align: center; width: 100%; position: absolute; font-weight: 600; font-size: 26px; letter-spacing: 10px; color: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#a1 .box1 .desc_box {padding: 0 20px; width: 100%; text-align: justify;}
#a1 .box1 .desc_box h3 {margin: 0 auto 20px; font-size: 25px; width: 100%; max-width: 900px;}
#a1 .box1 .desc_box p {font-size: 18px; color: #666; width: 100%; max-width: 900px; margin: 0 auto;}
#a1 .box2 {position: relative; width:100%; max-width:1640px; margin:0 auto; padding: 0 20px;}
#a1 .box2 .text_box {text-align: center; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3;}
#a1 .box2 .text_box h3 {}
#a1 .box2 .text_box p {font-size: 20px; font-weight: 600;}
#a1 .box2 .orbit_wrap {width:100%;}
#a1 .box2 svg {width:100%; height:auto; display:block;}
#a1 .box3 {width:100%; max-width:1640px; margin:0 auto; padding: 0 20px;}
#a1 .box3 .title_box {}
#a1 .box3 .title_box h3 {margin-bottom: 50px;}
#a1 .box3 ul {gap: 30px;}
#a1 .box3 ul li {width: calc(100% / 3 - 20px); border: 1px solid #1E3A8A; background-color: #1E3A8A; padding: 30px;}
#a1 .box3 ul li .icon_box {margin-bottom: 20px;}
#a1 .box3 ul li .icon_box svg {stroke: #fff; width: 40px; aspect-ratio: 1 / 1;}
#a1 .box3 ul li .txt_box {}
#a1 .box3 ul li .txt_box p {color: #fff; font-size: 18px;}
#a1 .box3 ul li:nth-child(2) {background-color: #fff;}
#a1 .box3 ul li:nth-child(2) .icon_box svg {stroke: #1E3A8A;}
#a1 .box3 ul li:nth-child(2) .txt_box p {color: #121212;}
#a1 .box4 {width:100%; max-width:1640px; margin:0 auto; padding: 0 20px;}
#a1 .box4 .title_box {}
#a1 .box4 .title_box h3 {margin-bottom: 50px;}
#a1 .box4 ul {}
#a1 .box4 ul li {padding: 50px 0; border-top: 1px solid #ddd; gap: 30px; justify-content: space-between; align-items: flex-start;}
#a1 .box4 ul li .img_box {width: 30%;}
#a1 .box4 ul li .img_box img {width: 100%;}
#a1 .box4 ul li .txt_box {width: calc(70% - 30px);}
#a1 .box4 ul li .txt_box h3 {font-size: 25px; margin-bottom: 10px; display: flex; gap: 15px; align-items: center;}
#a1 .box4 ul li .txt_box h3 .circle {width: 10px; background-color: #1E3A8A; aspect-ratio: 1 / 1; border-radius: 50%;}
#a1 .box4 ul li .txt_box p {font-size: 18px;}
#a1 .box4 ul li:nth-child(even) .img_box {order: 2;}
#a1 .box4 ul li:nth-child(even) .txt_box {order: 1;}

@media screen and (max-width: 1200px) {
  #a1 .box1 .title_box h2 {font-size: 40px;}
}
@media screen and (max-width: 960px) {
  #a1 .box .sub_tit {font-size: 35px;}
  #a1 .box1 .title_box h2 {font-size: 35px; max-width: 700px; margin-bottom: 50px;}
  #a1 .box1 .img_box p {letter-spacing: 5px; font-size: 20px;}
  #a1 .box2 .text_box p {font-size: 18px;}
  #a1 .box4 ul {display: flex; flex-wrap: wrap; gap: 30px;}
  #a1 .box4 ul li {width: calc(50% - 15px); padding: 30px 0;}
  #a1 .box4 ul li .img_box {width: 100%;}
  #a1 .box4 ul li .txt_box {width: 100%;}
}
@media screen and (max-width: 640px) {
  #a1 .box .sub_tit {font-size: 30px;}
  #a1 .box1 .img_box p {font-size: 14px; padding: 0 20px;}
  #a1 .box1 .title_box h2 {max-width: 100%; font-size: 30px; margin-bottom: 30px;}
  #a1 .box1 .img_box {margin-bottom: 50px;}
  #a1 .box1 .desc_box h3 {font-size: 22px;}
  #a1 .box1 .desc_box p {font-size: 16px;}
  #a1 .box2 .text_box p {font-size: 16px;}
  #a1 .box3 ul li {width: 100%; padding: 20px;}
  #a1 .box3 ul li .icon_box {margin-bottom: 10px;}
  #a1 .box3 ul li .icon_box svg {width: 30px;}
  #a1 .box3 ul li .txt_box p {font-size: 16px;}
  #a1 .box4 ul li {width: 100%; padding: 20px 0;}
  #a1 .box4 ul li .txt_box h3 {font-size: 22px;}
  #a1 .box4 ul li .txt_box p {font-size: 16px;}
  #a1 .box4 ul li:nth-child(even) .img_box {order: 1;}
  #a1 .box4 ul li:nth-child(even) .txt_box {order: 2;}
}
@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 .a2_wrap{width: 100%; max-width: 1400px; margin: 0 auto; display: flex; flex-wrap: wrap;}
#a2 .a2_wrap .a2_box{width: 50%; position: relative;}
#a2 .a2_wrap .a2_box:last-child:before{display: block; content: ""; width: 2px; height: 100%; position: absolute; left: 0; background: linear-gradient( to bottom, #1E3A8A 70%, #f5f5f5 30%) fixed; top: 20px; z-index: 1;}
#a2 .a2_wrap .a2_box h2{font-size: 80px; font-weight: 700; color: #121212; font-family: "Montserrat", sans-serif;}
#a2 .a2_wrap ul{width: 100%; margin-bottom: 60px; position: relative;}
#a2 .a2_wrap ul li{}
#a2 .a2_wrap ul li.year{padding-left: 54px; position: relative;}
#a2 .a2_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: #1E3A8A;}
#a2 .a2_wrap ul li.text{padding-left: 54px; width: 90%;}
#a2 .a2_wrap ul li.img{}
#a2 .a2_wrap ul li h3{font-size: 48px; color: #ddd; margin-bottom: 30px;}
#a2 .a2_wrap ul li p{font-size: 18px; display: flex;color: #7c7c7c;margin-bottom: 20px;line-height: 1.5;flex-direction: column;}
#a2 .a2_wrap ul li p b {color: #ff7b00;}
#a2 .a2_wrap ul li p span{ font-weight: 600; color: #111;}
#a2 .a2_wrap ul li img{width: 100%;}

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

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






/* #a3 */
#a3 {}
#a3 .img_box {width: 100%; max-width: 1200px; margin: 0 auto;}
#a3 .img_box img {width: 100%;}
/* #a3 */






/* #a5 */
.root_daum_roughmap .cont {display: none;}
.root_daum_roughmap .wrap_controllers {display: none;}
#a5 {}
#a5 .box {}
#a5 .box:last-child {}
#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 .logo_box {}
#a5 .box .flex_box .logo_box img {}
#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: #1E3A8A;}
#a5 .box .flex_box .info_box p .txt {font-size: 18px;}

@media screen and (max-width: 640px){
  #a5 .box .map {margin-bottom: 40px;}
  #a5 .box .flex_box {gap: 20px;}
  #a5 .box .flex_box .logo_box img  {width: 120px;}
  #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 */






/* #d2 */
#d2 .box {}
#d2 .box .img_box {border-radius: 20px; overflow: hidden; margin-bottom: 50px;}
#d2 .box .img_box img {width: 100%;}
#d2 .box .process {border-top: 2px solid #121212;}
#d2 .box .process .list {border-bottom: 1px solid #ddd; display: flex; align-items: center; transition: .4s; padding: 30px 10px; background-color: #fff;}
#d2 .box .process .list.active {background-color: #f1f1f3;}
#d2 .box .process .list .step {position: relative; border-radius: 30px; background-color: #1E3A8A; color: #fff; font-size: 16px; text-align: center; padding: 10px 20px; margin-right: 50px;}
/* #d2 .box .process .list .step::after {content: ""; position: absolute; display: block; width: 0; height: 0; border-top: 8px solid #ccc; border-left: 6px solid transparent; border-right: 6px solid transparent; left: 50%; transform: translateX(-50%); bottom: -90%;} */
/* #d2 .box .process .list:nth-child(2) .step::after {bottom: -120%;}  */
#d2 .box .process .list:last-child .step::after {display: none;} 
#d2 .box .process .list .title_box {display: flex; align-items: center; width: 280px;}
#d2 .box .process .list .title_box h3 {font-size: 22px; font-weight: 700; color: #121212;}
#d2 .box .process .list .text_box {display: flex; flex-wrap: wrap; width: calc(100% - 470px);}
#d2 .box .process .list .text_box span {width: 100%; line-height: 1.5; color: #666; margin-bottom: 10px; font-size: 18px; padding: 0 15px; position: relative;}
#d2 .box .process .list .text_box span:last-child {margin-bottom: 0;}
#d2 .box .btn_box {margin-top: 40px;}
#d2 .box .btn_box a {background-color: #121212; transition: .4s; color: #fff; font-size: 20px; text-align: center; display: block; margin: 0 auto; width: max-content; padding: 15px 30px; border-radius: 30px;}
#d2 .box .btn_box a:hover {background-color: #1E3A8A;}

@media screen and (max-width: 960px) {
	#d2 .box .process {margin-top: 50px;}
	#d2 .box .process .list .step {font-size: 14px; margin-right: 30px;}
	#d2 .box .process .list .title_box h3 {font-size: 20px;}
	#d2 .box .process .list .text_box span {font-size: 16px; padding: 0 10px;}
	/* #d2 .box .process .list .step::after {bottom: -96%;} */
	#d2 .box .process .list:nth-child(1) .step::after {bottom: -110%;}
	/* #d2 .box .process .list:nth-child(2) .step::after {bottom: -160%;} */
}

@media screen and (max-width: 915px) {
	/* #d2 .box .process .list:nth-child(2) .step::after {bottom: -195%;} */
}

@media screen and (max-width: 805px) {
	/* #d2 .box .process .list:nth-child(2) .step::after {bottom: -230%;} */
}

@media screen and (max-width: 760px) {
	#d2 .box .process .list {flex-wrap: wrap;}
	#d2 .box .process .list .step::after {display: none;}
	#d2 .box .process .list .title_box {width: 100%; margin: 15px 0;}
	#d2 .box .process .list .title_box h3 {padding-left: 10px;}
	#d2 .box .process .list .text_box {width: 100%;}
	#d2 .box .process .list .text_box span {font-size: 15px; margin-bottom: 5px;}
}

@media screen and (max-width: 640px) {
	#d2 .box {margin-bottom: 50px;}
	#d2 .box .process {margin-top: 0;}
	#d2 .box .img_box {margin-bottom: 30px;}
  #d2 .box .btn_box a {font-size: 18px;}
}
/* #d2 */






/* #d3 */
#d3 {}
#d3 .box {}
#d3 .box:last-child {}
#d3 .box ul {}
#d3 .box ul li {margin-bottom: 80px; gap: 30px;}
#d3 .box ul li:last-child {margin-bottom: 0;}
#d3 .box ul li .img_box {width: 50%;}
#d3 .box ul li .img_box img {width: 100%;}
#d3 .box ul li .txt_box {background-color: #f5f5f5; padding: 40px 30px; display: flex; flex-direction: column; justify-content: space-between; width: calc(50% - 30px);}
#d3 .box ul li .txt_box h3 {font-size: 30px; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
#d3 .box ul li .txt_box h3 span {font-size: inherit; color: #1E3A8A;}
#d3 .box ul li .txt_box p {font-size: 18px;}
#d3 .box ul li:nth-child(odd) .img_box {order: 2;}
#d3 .box ul li:nth-child(odd) .txt_box {order: 1;}
@media screen and (max-width: 960px) {
  #d3 .box ul li .img_box {width: 100%;}
  #d3 .box ul li .txt_box {width: 100%; gap: 30px;}
  #d3 .box ul li:nth-child(odd) .img_box {order: 1;}
  #d3 .box ul li:nth-child(odd) .txt_box {order: 2;}
  #d3 .box ul li .txt_box h3 {font-size: 25px;}
}
@media screen and (max-width: 640px) {
  #d3 .box ul li {margin-bottom: 50px;}
  #d3 .box ul li .txt_box {gap: 10px;}
  #d3 .box ul li .txt_box h3 {font-size: 22px; padding-bottom: 10px;}
  #d3 .box ul li .txt_box p {font-size: 16px;}
  #d3 .box ul li .txt_box {padding: 30px 20px;}
}
/* #d3 */