.top_txt p{font-weight: 500;}

/* ******************* */
/* section1 */

.mainindex #section1 { background: url(images/s1_bg.jpg) center/cover no-repeat; width: 100%; height: 100vh; position : relative; display: flex; } 

.mainindex #section1 ul { display: flex; } 
.mainindex #section1 ul li { height: 100%; display: grid; } 

.mainindex #section1 ul li:first-child { width: 57%; } 
.mainindex #section1 ul li .txt { align-self:center; text-align: center; justify-self: end; transform: translate(2rem, 7rem); } 
.mainindex #section1 ul li .txt p:first-child, 
.mainindex #section1 ul li .txt p:first-child span { letter-spacing: 1rem; font-size: 2.4rem; } 

.mainindex #section1 ul li:last-child { flex: 1; } 
.mainindex #section1 ul li:last-child p { width: 100%; align-self: flex-end; } 

.mainindex #section1 ul li .txt h1 { font-size: 8rem; color: var(--main); margin: 1rem 0; letter-spacing: -.5rem; } 

span.bg_box { position : relative; z-index: 1; } 
span.bg_box::after { position : absolute; content: ''; background: #8ba83c54; width: 105%; height: 68%; transform: translateX(50%); z-index: -1; } 

.mainindex #section1 span.bg_box::after { bottom: 4px; left: -55%; } 

.bg_txt h1 { color: #273a8a1c; font-size: 10rem; font-weight: 500; } 
.mainindex #section1 .bg_txt { position : absolute; bottom: 5rem; left: 30rem; } 



/* ******************* */
/* section2 */
.mainindex #section2 { padding: 12rem 0; } 
.mainindex #section2 .top_txt { text-align: center; } 

.mainindex #section2 ul.inner2 { display: flex; flex-wrap: wrap; gap: 4rem 5rem; } 
.mainindex #section2 ul.inner2>li { position : relative; border: 1px solid #d6d4d3; display: flex; justify-content: center; align-items: center; border-radius: 4rem; overflow: hidden; height: 30rem; padding: 2rem 4.5rem; } 

.mainindex #section2 ul.inner2>li:first-of-type { flex: 1 0 100%; } 
.mainindex #section2 ul.inner2>li:nth-child(2) { flex: 1; background: #f3f9fa; } 
.mainindex #section2 ul.inner2>li:last-child { width: 70rem; background: #f7f9f1; } 

.mainindex #section2 ul.inner2>li .txt { width: 28rem; z-index: 1; } 
.mainindex #section2 ul.inner2>li .txt .pic { position : absolute; bottom: 0; left: 0; z-index: -1; } 

.mainindex #section2 ul.inner2>li ul.sub_list { display: flex; flex: 1; z-index: 1; } 
.mainindex #section2 ul.inner2>li ul.sub_list li { text-align: center; transition: background 300ms ease-in-out; border-radius: 2rem; } 

.mainindex #section2 ul.inner2>li ul.sub_list a { display: block; padding: 4rem 2.5rem; } 

.mainindex #section2 ul.inner2>li ul.sub_list li .pic { width: 14rem; height: 14rem; border-radius: 50%; display: grid; place-items: center; margin-bottom: 2rem; } 

.mainindex #section2 ul.inner2>li ul.sub_list li .pic img { vertical-align: middle; } 

.mainindex #section2 ul.inner2>li:first-of-type ul.sub_list li .pic { background: var(--main); } 
.mainindex #section2 ul.inner2>li:nth-of-type(2) ul.sub_list li .pic { background: #0f899d; } 
.mainindex #section2 ul.inner2>li:last-of-type ul.sub_list li .pic { background: var(--sub); } 

.mainindex #section2 ul.inner2>li:first-of-type ul.sub_list li:hover { background: #f4f5f9; } 
.mainindex #section2 ul.inner2>li:nth-of-type(2) ul.sub_list li:hover { background: #dcebed; } 
.mainindex #section2 ul.inner2>li:last-of-type ul.sub_list li:hover { background: #e0e5d1; } 





/* ******************* */
/* section3 */
.mainindex #section3 { background: url(images/s3_bg.jpg) center/cover no-repeat; width: 100%; height: 1620px; position : relative; display: flex; } 
.mainindex #section3 .inner2 { padding-top: 14rem; } 
.mainindex #section3 .top_txt { text-align: left; } 

.mainindex #section3 .top .top_txt *:not(span) { color: #fff; } 

.mainindex #section3 .btm,
.mainindex #section3 .top { display: flex; justify-content: space-between; } 
.mainindex #section3 .top ul { display: flex; gap: 1.5rem; } 
.mainindex #section3 .top ul li { border-radius: 50%; border: 1px solid #ffffff2c; width: 26rem; height: 26rem; transition: border 200ms ease-in-out; display: grid; place-items: center; padding: 4rem 0; text-align: center; } 

.mainindex #section3 .top ul li .txt * { color: #fff; } 
.mainindex #section3 .top ul li .txt h4 { font-size: 2.4rem; line-height: 1.7; } 
.mainindex #section3 .top ul li:hover { border: 1px solid #fff; } 

.mainindex #section3 .mid { margin: 9rem 0; } 


.mainindex #section3 .btm .bg_txt h1 { font-size: 8rem; margin-top: 5rem; letter-spacing: 1px; } 
.mainindex #section3 .btm .txt p { width: 72rem; padding: 3rem 0 1.5rem; border-bottom: 1px solid #e0e0e0; letter-spacing: -.3px; } 




/* ******************* */
/* section4 */

.mainindex #section4 { background: url(images/s4_bg.jpg) center/cover no-repeat; width: 100%; } 
.mainindex #section4 .inner2 { position : relative; display: flex; height:65rem; justify-content: space-around; } 
.mainindex #section4 .inner2 .bg_txt { position : absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); z-index: 0; } 

.mainindex #section4 .pic { height: 100%; display: grid; place-items: end; } 
.mainindex #section4 .pic img { width: 48rem; } 

.mainindex #section4 .inner2>.left { padding: 10rem 0; } 
.mainindex #section4 .btm_txt { display: flex; margin-top: 9.5rem; } 
.mainindex #section4 .btm_txt .right { border-left: 2px solid #fff; padding-left: 3rem; } 
.mainindex #section4 .btm_txt * { color: #fff; } 
.mainindex #section4 .btm_txt .left h4 { margin: 2rem 0 3rem; color: var(--sub); } 

.mainindex #section4 .btm_txt .right { margin-left: 5rem; padding-left: 2rem; display: grid; } 
.mainindex #section4 .btm_txt .right h4 { line-height: 1; font-size: 2.4rem; align-self: center; } 


.more { display: inline-flex; gap: 4rem; padding: 1.5rem 2.5rem; border: 1px solid; border-radius: 3rem; font-size: 1.8rem; transition: 200ms ease; align-items: center; line-height: 1; font-weight: bold;} 
.more img { transition: transform 200ms ease-in-out; } 
.more p { font-size: 0; } 
.more:hover img { transform: translateX(10px); } 

.mainindex #section4 .more { border-color:#fff; color: #fff; } 





/* ******************* */
/* section5 */
.mainindex #section5 .inner2{padding: 15rem 0 13rem;}
.mainindex #section5 .top_txt{display: flex; justify-content: space-between;}

.mainindex #section5 .top_txt .right{
    display: flex; justify-content: space-between;  gap: 6rem; align-items: center;}
.mainindex #section5 .more { border-color:var(--main); color: var(--main); } 
.mainindex #section5 .mySwiper1{height: 67rem; border-radius: 4rem;}
.mainindex #section5 .mySwiper1 p {height: 100%;}
.mainindex #section5 .mySwiper1 p img{width: 100%; height: 100%; object-fit: cover; object-position: center; }




/* ******************* */
/* section6 */

.mainindex #section6 { background: url(images/s6_bg.jpg) center/cover no-repeat; width: 100%; } 

.mainindex #section6 .con{display: flex;}


.mainindex #section6 .left{padding: 11rem 1rem 0 19vw; width: 50% !important;}

.mainindex #section6 .info>li {display: flex; }
.mainindex #section6 .info>li:first-child *{color: var(--sub)}
.mainindex #section6 .info>li h1{line-height: 0.8; font-weight: normal; }
.mainindex #section6 .info>li>p:first-child{font-size: 1.8rem; font-weight: bold; color: var(--color73);}

.mainindex #section6 .timetable p{font-size: 2rem;}
.mainindex #section6 .timetable li{display: flex;  font-weight: 500;}
.mainindex #section6 .timetable li p:first-child{width: 9rem;}
.mainindex #section6 .timetable li:not(:last-child){margin-bottom: 1.2rem;}

.mainindex #section6 .timetable li:nth-child(3) span{ display: inline-block; font-size: 1.8rem; padding: .2rem .5rem; border-radius: .5rem; margin-left: 1rem; background: var(--sub); color: #fff;}

.mainindex #section6 .timetable li:nth-child(4) span{font-size: 1.8rem; font-weight: 400;}
.mainindex #section6  .root_daum_roughmap{border-radius: 10rem 0 0 0;}