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

.mainindex #section1 { background: url(images/main_banner.png) center/cover no-repeat; width: 100%; height: 100vh; position : relative; } 
.mainindex #section1 .txt { position : absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; font-size: 5rem; text-shadow: 2px 2px 14px rgba(0, 0, 0, 0.4); } 



 /* section2 */
 .mainindex #section2 { background: url(images/sec2_bg.png) center/cover no-repeat; padding: 130px 0; } 
 .mainindex #section2 .top { text-align: center; } 
 .mainindex #section2 .top .smtxt b { text-align: center; letter-spacing: .5rem; font-size: 1.4rem; } 
 .mainindex #section2 .con { display: flex; align-items: center; } 
 .mainindex #section2 .con .pic { width: 960px; height: 800px; font-size: 0; background: url(images/sec2_left2.png) center/contain no-repeat; } 
 .mainindex #section2 .text { padding-left: 10rem; height: 100%; } 
 .mainindex #section2 .text b { font-size: 5rem; } 
 .mainindex #section2 .kor { margin-top: 2rem; margin-bottom: 4.5rem !important; } 
 .mainindex #section2 .text ul p { font-size: 1.8rem; line-height: 1.8; } 

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


 .mainindex #section2 .more { border-color: var(--main); color: var(--main); } 
 .mainindex #section2 .more:hover { background: var(--main); color: #fff; } 
 .mainindex #section2 .more:hover img { filter: brightness(0) invert(1); } 



 /* section3 */
 .mainindex #section3 .con { display: flex; padding-bottom: 13rem; } 
 .mainindex #section3 .con .left { flex: 1; padding-left: 13vw; } 
 .mainindex #section3 .con .right { width: 119rem; height: 500px; } 


 .mainindex #section3 .swiper-slide a { color: var(--color20); } 
 .mainindex #section3 .swiper-slide p:nth-child(2) { font-size: 3rem; font-weight: bold; margin: 3rem 0 1rem; } 
 .mainindex #section3 .swiper-slide span { font-size: 1.8rem; } 
.mainindex #section3 .smtxt { color: var(--text2); } 





/* section4 */
.mainindex #section4 { text-align: center; padding: 120px 0; background: url(images/sec4_bg.png)center/cover no-repeat; } 
.mainindex #section4 .con { display: flex; padding: 0 26rem; gap: 22rem; } 
.mainindex #section4 .left { text-align: left; padding-top: 4.5rem; } 
.mainindex #section4 .left .kor { color: #fff; } 
.mainindex #section4 .left .smtxt { color: #ffffffc5; } 
.mainindex #section4 .right { display: flex; flex-direction: column; gap: 2rem; } 

.mainindex #section4 .right li { display: flex; width: 70rem; padding: 4rem 6rem; border-radius: 20px; border: 1px solid #ffffff31; align-items: center; font-size: 2.4rem; font-weight: bold; color: #fff; transition: border 200ms ease; } 
.mainindex #section4 .right li p { text-align: center; flex:1 } 
.mainindex #section4 .right li:hover { border: 1px solid #fff; } 



/* section5 */
.mainindex #section5 { background: url(./images/sec5_bg.png) center/cover no-repeat; padding: 14rem 0; text-align: center; } 
.mainindex #section5 .smtxt,#section5 .kor { color: #fff; } 
.mainindex #section5 .kor span { font-size: 5rem; } 
.mainindex #section5 ul { display: flex; flex-wrap: wrap; max-width: 1400px; margin: 0 auto; gap: 4rem; } 
.mainindex #section5 ul li { flex: 0 0 calc(50% - 2rem); border: 1px solid #fff; text-align: left; color: #fff; border-radius: 20px; padding: 5rem 4rem 4rem; transition: background 200ms ease; } 

.mainindex #section5 ul li .top { display: flex; justify-content: space-between; } 
.mainindex #section5 ul li .top p { font-size: 2rem; font-weight: bold; } 
.mainindex #section5 ul li .top h2 { font-size: 3rem; color: var(--text); margin: 1rem 0 4rem; } 
.mainindex #section5 ul li span { font-size: 1.8rem; line-height: 1.5; } 

.mainindex #section5 ul li:hover .top h2 { color: #fff; } 
.mainindex #section5 ul li:hover .top img { filter: brightness(0) invert(1); } 


.mainindex #section5 ul li:nth-child(1):hover { background: url(./images/sec5_1_bg.png) center/cover no-repeat; } 
.mainindex #section5 ul li:nth-child(2):hover { background: url(./images/sec5_2_bg.png) center/cover no-repeat; } 
.mainindex #section5 ul li:nth-child(3):hover { background: url(./images/sec5_3_bg.png) center/cover no-repeat; } 
.mainindex #section5 ul li:nth-child(4):hover { background: url(./images/sec5_4_bg.png) center/cover no-repeat; } 




/* section6 */
.mainindex #section6 { padding: 14rem 0; } 

.mainindex #section6 .con { margin: 0 auto; max-width: 1400px; } 

.mainindex #section6 .con .top { display: flex; align-items: center; justify-content: space-between; } 
.mainindex #section6 .con .top .eng { margin: 0; } 
.mainindex #section6 .con .top .kor { margin: 2rem 0 5rem; } 
.mainindex #section6 .con .top .smtxt { color: var(--text2); } 
.mainindex #section6 .s6Swiper { width: 100%; height: 60rem; border-radius: 30px; position : relative; } 
.mainindex #section6 .swiper-slide { padding: 7rem 4rem; color: #fff; display: flex; align-items: flex-end; } 

.mainindex #section6 .swiper-slide.slide1 { background: url(./images/sec6_1.png) center/cover no-repeat; } 
.mainindex #section6 .swiper-slide.slide2 { background: url(./images/sec6_2.png) center/cover no-repeat; } 
.mainindex #section6 .swiper-slide.slide3 { background: url(./images/sec6_3.png) center/cover no-repeat; } 

.mainindex #section6 .swiper-slide .txt p { font-size: 4rem; margin-bottom: 2rem; font-weight: bold; } 

.mainindex #section6 .swiper-slide .txt span { font-size: 2rem; } 




/* section7 */
.mainindex #section7 { background: url(./images/sec7_bg.png) center/cover no-repeat; } 
.mainindex #section7 .con { display: flex; max-width: 1400px; margin: 0 auto; padding: 14rem 0; } 
.mainindex #section7 .con .left { width: 500px; } 
.mainindex #section7 img { width: 100%; object-fit: cover; } 

.mainindex #section7 .s7Swiper { flex: 1; height: 60rem; border-radius: 3rem; } 

.mainindex #section7 .smtxt { color: var(--text2); } 



/* section8 */
.mainindex #section8 .con { padding: 13rem 0; max-width: 1400px; margin: 0 auto; } 
.mainindex #section8 .eng { margin-bottom: 0; } 
.mainindex #section8 .top { text-align: center; } 
.mainindex #section8 .top .kor { margin: 2rem 0; } 
.mainindex #section8 .smtxt { color: var(--text2); margin-bottom: 0; } 

.mainindex #section8 .kakaomap { margin: 5rem auto; border-radius: 3rem;} 

.mainindex #section8 .info p { font-size: 2rem; color: var(--color20); } 
.mainindex #section8 .info h6 { font-size: 1.8rem; color: var(--text2); font-weight: bold; } 

.mainindex #section8 h1 { font-size: 5rem; font-weight: normal; color: var(--text) } 

.mainindex #section8 .more { border: 1px solid var(--text2); color: var(--color20); font-weight: bold; } 

.mainindex #section8 .info { display: flex; justify-content: space-between; } 

.mainindex #section8 .info .btns { display: flex; gap: 1rem; } 

.mainindex #section8 .mid ul { margin-top: 2rem; } 
.mainindex #section8 .mid ul li { display: flex; justify-content: space-between; gap: 3rem; } 
.mainindex #section8 .mid ul li p { line-height: 1.7; } 
.mainindex #section8 .mid ul li p:nth-of-type(2) { width: 27rem; } 
.mainindex #section8 .mid ul li span { background: var(--text); color: #fff; padding:.3rem .7rem; line-height: 1.2; border-radius: 5px; display: inline-block; font-weight: normal; margin-left: .5rem; } 

.mainindex #section8 .right ul { display: flex; margin-bottom: 3.5rem; } 
.mainindex #section8 .right ul li a { width: 13rem; height: 9rem; display: flex; flex-direction: column; justify-content: space-between; text-align: center; color: var(--color20); font-weight: bold; } 
.mainindex #section8 .right ul li:not(:last-of-type) a { border-right: 1px solid #e0e0e0; } 


.mainindex #section8 .right>a p { display: flex; align-items: center; gap: 3rem; padding: 3rem 0 3rem 5rem; border: 1px solid #e0e0e0; border-radius: 10rem; font-size: 3rem; }