@font-face {
    font-family: 'GowunBatang-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/GowunBatang-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');

body::after{
    position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
    content:url('/images/section_1_1.jpg') url('/images/section_1_2.jpg') url('/images/section_1_3.jpg');
}
body {background: #FDFCFA;}


.section_1 .swiper-slide .slide_bg {width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden;}
.section_1 .swiper-slide .one {background: url('/images/section_1_1.jpg') no-repeat center; background-size: cover;}
.section_1 .swiper-slide .two {background: url('/images/section_1_2.jpg') no-repeat center; background-size: cover;}
.section_1 .swiper-slide .three {background: url('/images/section_1_3.jpg') no-repeat center; background-size: cover;}
.section_1 .swiper-slide .slide_bg {transform: scale(1); transition: all 6s;}
.section_1 .swiper-slide-active .slide_bg {transform: scale(1.1); transition: all 6s;}
.section_1 .section_logo {z-index: 1; width: 55%; text-align: center;}


.section_2 {margin: 15% auto;}
.section_2 h2 {font-family: 'GowunBatang-Regular'; font-size: 80px; line-height: 80px; margin-bottom: 4%; text-align: center;}
.section_2 p {font-size: 30px; line-height: 50px; text-align: center; margin-top: 6%;}
.section_2 .line {display: block; width: 2px; height: 200px; background: #eee; margin: 6% auto;}
.section_2 .swiper-slide {text-align: center;}

.section_3 {margin: 0 100px; text-align: center;}
.section_3 .text_box {position: relative; width: 90%; max-width: 1400px; margin-left: auto; margin-right: auto; margin-top: -10%; padding: 120px 60px; text-align: center; background: white;}
.section_3 .text_box p {font-size: 28px; line-height: 50px; margin-bottom: 20px;}
.section_3 .text_box p .popup {font-family: 'Pretendard-Bold'; color: #2E6955;}
.section_3 .text_box p .bold {font-family: 'Pretendard-Bold';}
.section_3 .text_box h2 {font-family: 'Pretendard-Bold'; margin-top: 50px; font-size: 35px; line-height: 50px;}
.section_3 .text_box h3 {font-family: 'GowunBatang-Regular'; font-size: 35px; line-height: 70px; margin: 50px auto;}

.section_4 {margin: 15% auto; text-align: center;}
.section_4 h2 {font-family: "DM Serif Display", serif; font-weight: 400; font-style: normal; font-size: 80px; line-height: 80px; margin-bottom: 5%; color: #666666;}
.section_4 ul {width: 100%; max-width: 1600px; overflow: hidden; margin-left: auto; margin-right: auto; margin-top: 5%;}
.section_4 ul li {float: left; width: 25%;}
.section_4 ul li .icon {display: inline-block; width: 180px; height: 180px; border-radius: 50%; margin-bottom: 50px; background: #2E6955; position: relative;}
.section_4 ul li .icon img {width: 80px;}
.section_4 ul li h3 {font-size: 35px; line-height: 35px; font-family: 'Pretendard-Bold'; color: #2E6955;}
.section_4 ul li p {margin-top: 30px; font-size: 20px; line-height: 30px;}

.section_5 .text_box { z-index: 1; text-align: center; text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);}
.section_5 .text_box h2 {font-family: "DM Serif Display", serif; font-weight: 400; font-style: normal; font-size: 100px; line-height: 100px; margin-bottom: 5%; color: white;}
.section_5 .text_box p {font-size: 40px; line-height: 40px; font-family: 'Pretendard-Bold'; color: white;}
.section_5 .swiper-slide .slide_bg {width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden;}
.section_5 .swiper-slide .one {background: url('/images/section_5_1.jpg') no-repeat center; background-size: cover;}
.section_5 .swiper-slide .two {background: url('/images/section_5_2.jpg') no-repeat center; background-size: cover;}


.section_6 {padding: 10% 0; background: url('/images/last_bg.jpg') no-repeat; background-size: cover; text-align: center;}
.section_6 h3 {font-family: 'GowunBatang-Regular'; font-size: 40px; line-height: 70px; margin-bottom: 3%;}
.section_6 p {font-size: 28px; line-height: 50px; margin-bottom: 3%; }
.section_6 img {height: 30px;}

footer {background: #2E6955; text-align: center; padding: 80px 15px;}
footer img {height: 150px;}
footer p {color: #8DB2A5; margin: 40px 0 30px; font-size: 16px; line-height: 30px;}
footer span {display: block; font-size: 14px; line-height: 14px; color: #8DB2A5;}


.fixed_store {position: fixed; right: 50px; bottom: 100px; width: 200px; z-index: 10;}
.fixed_insta {position: fixed; right: 50px; bottom: 200px; width: 200px; z-index: 10;}

.modal {max-width: 600px; padding: 15px;}