/* 서브공통 */
.con_wrap {}
.con_wrap * {color: var(--main_black); word-break: keep-all;}
.con_wrap p {font-size: 20px; line-height: 1.4;}

.root_daum_roughmap .wrap_controllers {display: none;}
.root_daum_roughmap .cont {display: none;}

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

@media screen and (max-width: 640px) {
	.con_wrap p {font-size: 16px;}
}

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

}
/* 서브공통 */

/* 준비중 페이지 */
.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 h3 {font-size: 60px; line-height: 1.3; font-weight: 800; width: 100%; max-width: 1640px; padding: 0 20px; margin: 0 auto 50px;}
#a1 .box h3 span {color: var(--main_color); display: block; line-height: 1.3;}
#a1 .box .img_box {margin-bottom: 50px;}
#a1 .box .img_box img {width: 100%;}
#a1 .box .desc_box {width: 100%; max-width: 1340px; margin: 0 auto; text-align: center; padding: 0 20px;}
#a1 .box .desc_box p {margin-bottom: 20px;}
#a1 .box .desc_box p:last-child {margin-bottom: 0;}
#a1 .box .desc_box .ceo {font-size: 20px;}
#a1 .box .desc_box .ceo b {}

@media screen and (max-width: 1200px) {
	#a1 .box h3 {font-size: 50px;}
}
@media screen and (max-width: 960px) {
	#a1 .box h3 {font-size: 40px;}
	#a1 .box .desc_box .ceo {font-size: 18px;}
}
@media screen and (max-width: 640px) {
	#a1 {margin-top: 80px;}
	#a1 .box h3 {font-size: 35px;}
	#a1 .box .desc_box .ceo {font-size: 16px;}
}
@media screen and (max-width: 450px) {
	#a1 .box h3 {font-size: 30px; margin-bottom: 30px;}
}
/* 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_color); 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_color); 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_color); 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_color);}

#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_color);}
#a2 .timeline_item .content_box ul li .date {display:inline-block; font-size:14px; font-weight:500; color:var(--main_color); background:var(--sub_orange); 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 {margin-bottom: 100px;}
#a3 .img_box {}
#a3 .img_box img {width: 100%;max-width: 1400px; margin: 0 auto; display: block;}
/* a3 */



/* a4 */
#a4 {}
#a4 .flex_box {gap: 30px;}
#a4 .flex_box li {width: calc(50% - 15px);}
#a4 .flex_box .txt_box {}
#a4 .flex_box .txt_box .title_box {margin-bottom: 70px;}
#a4 .flex_box .txt_box .title_box span {font-size: 18px; color: var(--main_color); display: block; margin-bottom: 10px; line-height: 1; font-weight: 500;}
#a4 .flex_box .txt_box .title_box h3 {font-size: 45px; line-height: 1; font-weight: 800; margin-bottom: 20px;}
#a4 .flex_box .txt_box .title_box p {}
#a4 .flex_box .txt_box .desc_box {display: flex; flex-wrap: wrap; gap: 20px;}
#a4 .flex_box .txt_box .desc_box .desc {border: 1px solid #ddd; border-radius: 20px; padding: 20px; width: calc(100% / 3 - 14px);}
#a4 .flex_box .txt_box .desc_box .desc .icon_box {margin-bottom: 70px;}
#a4 .flex_box .txt_box .desc_box .desc .icon_box img {}
#a4 .flex_box .txt_box .desc_box .desc .text_box {}
#a4 .flex_box .txt_box .desc_box .desc .text_box p {font-size: 16px;}
#a4 .flex_box .map {}
#a4 .flex_box .map #daumRoughmapContainer1776401714723 {border-radius: 20px;}
#a4 .root_daum_roughmap .border1, #a4 .root_daum_roughmap .border2, #a4 .root_daum_roughmap .border3 {width: 0; border: 0;}

@media screen and (max-width:1350px) {
	#a4 .flex_box .txt_box .title_box {margin-bottom: 30px;}
	#a4 .flex_box .txt_box .desc_box .desc {width: 100%; border-radius: 10px; display: flex; align-items: center; gap: 20px;}
	#a4 .flex_box .txt_box .desc_box .desc .icon_box {margin-bottom: 0;}
	#a4 .flex_box .txt_box .desc_box .desc .icon_box img {width: 25px;}
	.root_daum_roughmap .wrap_map {height: 400px !important;}
}

@media screen and (max-width:960px) {
	#a4 .flex_box li {width: 100%;}
	#a4 .flex_box .txt_box .title_box h3 {font-size: 35px;}
	#a4 .flex_box .txt_box .desc_box .desc {border-radius: 20px; width: calc(100% / 3 - 14px); flex-wrap: wrap;}
	#a4 .flex_box .txt_box .desc_box .desc .text_box {width: 100%;}
}

@media screen and (max-width:680px) {
	#a4 .flex_box .txt_box .desc_box .desc {width: 100%;}
	#a4 .flex_box .txt_box .title_box span {font-size: 16px;}
	#a4 .flex_box .txt_box .title_box h3 {font-size: 30px;}
}

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

}
/* a4 */



/* b1 */
#b1 {}
#b1 .box {margin-bottom:50px; padding-bottom: 50px; border-bottom: 1px solid #ddd;}
#b1 .box:last-child {margin-bottom:0; padding-bottom: 0; border-bottom: 0;}
#b1 .box .flex_box {gap: 30px;}
#b1 .box .flex_box li {}
#b1 .box .flex_box .left_box {width: 30%;}
#b1 .box .flex_box .left_box span {line-height: 1; font-size: 18px; display: block; font-weight: 500; color: var(--main_color);}
#b1 .box .flex_box .left_box h3 {font-size: 40px;}
#b1 .box .flex_box .right_box {width: calc(70% - 30px);}
#b1 .box .flex_box .right_box p {color: var(--main_depGray);}
#b1 .box .flex_box .right_box p b {color: var(--main_black);}
#b1 .box .flex_box .right_box p .point {color: var(--main_color); font-weight: 500;}
#b1 .box .flex_box .right_box p .point2 {display: block; background-color: var(--main-gray); padding: 20px; text-align: center; font-weight: 700; font-size: 120%; border-radius: 10px;}
#b1 .box .flex_box .right_box .img_box {}
#b1 .box .flex_box .right_box .img_box img {}
#b1 .box .b1_logo {border-radius: 20px; background-image: linear-gradient(90deg,#efefef 1px,transparent 0),linear-gradient(90deg,#efefef 1px,transparent 0),linear-gradient(#efefef 1px,transparent 0),linear-gradient(#efefef 1px,transparent 0); background-size: 10px,30px,10px 10px,30px 30px; border: 1px solid #eaeaea; padding: 50px 0; text-align: center; margin: 50px 0;}
#b1 .box .b1_logo img {width: 100%; max-width: 400px; padding: 0 20px;}

@media screen and (max-width:960px) {
	#b1 .box .flex_box .left_box {width: 100%;}
	#b1 .box .flex_box .right_box {width: 100%;}
	#b1 .box .flex_box .left_box span {font-size: 16px;}
	#b1 .box .flex_box .left_box h3 {font-size: 35px;}
	#b1 .box .b1_logo img {max-width: 300px;}
}

@media screen and (max-width:640px) {
	#b1 .box .flex_box .left_box span {font-size: 14px; margin-bottom: 5px;}
	#b1 .box .flex_box .left_box h3 {font-size: 30px;}
	#b1 .box .b1_logo img {max-width: 250px;}
}

@media screen and (max-width:450px) {
	#b1 .box .b1_logo img {max-width: 200px;}
}
/* b1 */


/* b2 */
#b2 {}
#b2 .box {margin-bottom:80px;}
#b2 .box:last-child {margin-bottom:0;}

#b2 .box1 .title_box {margin-bottom:40px; padding:80px 20px 0;}
#b2 .box1 .title_box h2 {font-size:50px; font-weight:900;}
#b2 .box1 .title_box span {font-size:25px; display:block; color:var(--main_depGray); margin-top:10px;}

#b2 .box1 .img_wrap {position:relative; width:50%; margin:0 auto; overflow:hidden;}
#b2 .box1 .img_box {width:100%; border-radius:20px; overflow:hidden; position:relative;}
#b2 .box1 .img_box img {width:100%; height:800px; object-fit:cover; display:block;}
#b2 .box1 .img_box .cover {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0; z-index:1;}
#b2 .box1 .img_box .desc_box {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2; text-align:center; opacity:0; width:90%;}
#b2 .box1 .img_box .desc_box p {font-size:36px; color:#fff; font-weight:700; line-height:1.4;}

#b2 .box2 {}
#b2 .box2 .flex_box {gap: 30px; margin-bottom: 30px;}
#b2 .box2 .flex_box:last-child {margin-bottom: 0;}
#b2 .box2 .flex_box li {width: calc(50% - 15px); border-radius: 20px; overflow: hidden;}
#b2 .box2 .flex_box .img_box {}
#b2 .box2 .flex_box .img_box img {width:100%; object-fit: cover; height: 100%;}
#b2 .box2 .flex_box .txt_box {border: 1px solid #ddd; padding: 50px 30px;}
#b2 .box2 .flex_box .txt_box span {font-size: 18px; display: block; margin-bottom: 10px; font-weight: 500; color: var(--main_color);}
#b2 .box2 .flex_box .txt_box h3 {font-size: 35px; line-height: 1.3; margin-bottom: 40px;}
#b2 .box2 .flex_box .txt_box p {color: var(--main_depGray);}
#b2 .box2 .flex_box:last-child .img_box {order: 2;}
#b2 .box2 .flex_box:last-child .txt_box {order: 1;}

@media screen and (max-width:1200px) {
	#b2 .box1 .title_box h2 {font-size: 45px;}
	#b2 .box1 .title_box span {font-size: 22px; margin-top: 0;}
	#b2 .box1 .img_box img {height: 600px;}
	#b2 .box1 .img_box .desc_box p {font-size: 30px;}
	#b2 .box2 .flex_box .txt_box h3 {font-size: 30px;}
}
@media screen and (max-width:960px) {
	#b2 .box1 .title_box h2 {font-size: 40px;}
	#b2 .box1 .title_box span {font-size: 20px;}
	#b2 .box1 .img_box .desc_box p {font-size: 28px;}
	#b2 .box2 .flex_box .txt_box span {font-size: 16px;}
	#b2 .box2 .flex_box .txt_box h3 {font-size: 26px; margin-bottom: 30px;}
}
@media screen and (max-width:800px) {
	#b2 .box2 .flex_box li {width: 100%;}
	#b2 .box2 .flex_box:last-child .img_box {order: 1;}
	#b2 .box2 .flex_box:last-child .txt_box {order: 2;}
}
@media screen and (max-width:640px) {
	#b2 .box {margin-bottom: 50px;}
	#b2 .box1 .title_box h2 {font-size: 35px;}
	#b2 .box1 .title_box span {font-size: 18px;}
	#b2 .box1 .img_box img {height: 400px;}
	#b2 .box1 .img_box .desc_box p {font-size: 22px;}
	#b2 .box2 .flex_box .txt_box {padding: 30px 20px;}
	#b2 .box2 .flex_box .txt_box h3 {margin-bottom: 20px;}
}
@media screen and (max-width:450px) {
	#b2 .box1 .title_box h2 {font-size: 28px;}
	#b2 .box2 .flex_box .txt_box span {font-size: 14px;}
	#b2 .box2 .flex_box .txt_box h3 {font-size: 24px;}
}
/* b2 */


/* b3 */
#b3 {}
#b3 .box {margin-bottom:80px;}
#b3 .box:last-child {margin-bottom:0;}

#b3 .box1 h3 {font-size: 45px; margin-bottom: 20px; line-height: 1.3;}
#b3 .box1 p {color: var(--main_depGray);}
#b3 .box1 .bar {width: 1px; height: 100px; margin: 60px auto 0; position: relative; overflow: hidden;}
#b3 .box1 .bar span {display: block; width: 100%; height: 200%; background: var(--main_black); position: absolute; top: 0; left: 0; animation: scroll 2.4s cubic-bezier(0.4, 0, 0.6, 1) infinite;}
@keyframes scroll {
  0% {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(50%);
  }
}

#b3 .box2 .flex_box {gap: 30px;}
#b3 .box2 .flex_box li {width: calc(25% - 23px); border: 1px solid #ddd; padding: 20px; border-radius: 15px;}
#b3 .box2 .flex_box li .top_box {text-align: center;}
#b3 .box2 .flex_box li .top_box h3 {font-size: 26px; color: var(--main_color);}
#b3 .box2 .flex_box li .top_box .icon_box {margin: 30px auto; place-content: center; width: 50%; aspect-ratio: 1 / 1; border-radius: 50%; background-color: #fff6ed;}
#b3 .box2 .flex_box li .top_box .icon_box img {}
#b3 .box2 .flex_box li .desc_box {}
#b3 .box2 .flex_box li .desc_box p {color: var(--main_depGray);}
#b3 .box2 .flex_box li .desc_box p b {color: var(--main_black);}

@media screen and (max-width:1200px) {
	#b3 .box1 h3 {font-size: 40px;}
	#b3 .box2 .flex_box li {width: calc(50% - 15px);}
}
@media screen and (max-width:960px) {
	#b3 .box1 h3 {font-size: 35px;}
	#b3 .box2 .flex_box li .top_box h3 {font-size: 24px;}
}
@media screen and (max-width:640px) {
	#b3 .box {margin-bottom: 50px;}
	#b3 .box1 h3 {font-size: 30px;}
	#b3 .box2 .flex_box li {width: 100%;}
}
@media screen and (max-width:450px) {
	#b3 .box2 .flex_box li .top_box h3 {font-size: 22px;}
}
/* b3 */




/* b4 */
#b4 {}
#b4 .flex_box {gap: 30px; align-items: center;}
#b4 .flex_box li {width: calc(50% - 15px);}
#b4 .flex_box .img_box {border-radius: 20px 20px 20px 100px; overflow: hidden;}
#b4 .flex_box .img_box img {width: 100%;}
#b4 .flex_box .txt_box {}
#b4 .flex_box .txt_box span {font-size: 20px; display: block; line-height: 1; color: var(--main_color); font-weight: 500; margin-bottom: 10px;}
#b4 .flex_box .txt_box h3 {font-size: 40px; line-height: 1.3; margin-bottom: 50px;}
#b4 .flex_box .txt_box p {color: var(--main_depGray);}
#b4 .flex_box .txt_box p b {color: var(--main_black); display: block; margin-bottom: 5px;}
#b4 .flex_box:last-child {margin-top: 100px;}
#b4 .flex_box:last-child .img_box {order: 2; border-radius: 20px 20px 100px 20px;}
#b4 .flex_box:last-child .txt_box {order: 1;}

@media screen and (max-width:1200px) {
	#b4 .flex_box .txt_box h3 {font-size: 35px;}
}
@media screen and (max-width:960px) {
	#b4 .flex_box .txt_box span {font-size: 18px;}
	#b4 .flex_box .txt_box h3 {font-size: 30px; margin-bottom: 30px;}
}	
@media screen and (max-width:800px) {
	#b4 .flex_box li {width: 100%;}
	#b4 .flex_box:last-child .img_box {order: 1;}
	#b4 .flex_box:last-child .txt_box {order: 2;}
}
@media screen and (max-width:640px) {
	#b4 .flex_box .txt_box span {font-size: 16px;}
	#b4 .flex_box .txt_box h3 {font-size: 26px; margin-bottom: 20px;}
	#b4 .flex_box .img_box {border-radius: 10px 10px 10px 50px;}
	#b4 .flex_box:last-child .img_box {border-radius: 10px 10px 50px 10px;}
}
@media screen and (max-width:450px) {

}
/* b4 */




/* b5 */
#b5 {}
#b5 .box1 {padding-top: 300px; background: url(../html/img/b5_bg.png) no-repeat 50% 50% / contain;}
#b5 .box1 .title_box {text-align: center; margin-bottom: 30px;}
#b5 .box1 .title_box span {line-height: 1; font-size: 18px; display: block; font-weight: 500; color: var(--main_color);}
#b5 .box1 .title_box h3 {font-size: 40px;}
#b5 .box1 .desc_box {text-align: center;}
#b5 .box1 .desc_box p {margin-bottom: 10px;}
#b5 .box1 .desc_box p:last-child {margin-bottom: 0;}

@media screen and (max-width:960px) {
	#b5 .box1 .title_box span {font-size: 16px;}
	#b5 .box1 .title_box h3 {font-size: 35px;}
}	
@media screen and (max-width:640px) {
	#b5 .box1 {padding-top: 200px; background-position: top center;}
	#b5 .box1 .title_box span {font-size: 14px;}
	#b5 .box1 .title_box h3 {font-size: 30px;}
}
@media screen and (max-width:450px) {
	#b5 .box1 {padding-top: 100px;}
}
/* b5 */