@charset "utf-8";
.ms { width: 100%; height: 800px; position: relative; overflow: hidden; }
.ms .swiper-container.main { width: 100%; height: 100%; }
.ms .swiper-container.main .swiper-slide { text-align: center; font-size: 18px; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; }
.ms .swiper-container.main .swiper-slide > a { display: block; width: 100%; height: 100%; }
.ms .swiper-container.main .swiper-button-next,
.ms .swiper-container.main .swiper-button-prev { width: 67px; height: 15px; background-size: 100%; }
.ms .swiper-container.main .swiper-button-next { background-image: url('../img/main/next.png'); right: 100px; }
.ms .swiper-container.main .swiper-button-prev { background-image: url('../img/main/prev.png'); left: 100px; }

.ms .swiper-pagination { width: 500px; left: 50%; top: 550px; margin-left: -715px; display: flex; }
.ms .swiper-pagination .swiper-pagination-bullet { width: 50px; margin: 0; border-radius: 0; display: block; background: rgba(255,255,255,0); opacity: 1; text-align: left; font-size: 16px; font-weight: 600; color: #000; line-heigiht: 1; }

.ms .swiper-pagination .swiper-pagination-bullet > p:first-child { margin-bottom: 10px; position: relative; }
.ms .swiper-pagination .swiper-pagination-bullet > p:first-child::after { content: ''; position: absolute; width: 0%; height: 1px; background: #000; left: 0; bottom: 1px; }

.ms .swiper-pagination .swiper-pagination-bullet-active {}
.ms .swiper-pagination .swiper-pagination-bullet-active.start > p:first-child::after { animation: css-progressbar 2.5s ease-out; }
.ms .swiper-pagination .swiper-pagination-bullet-active > p:first-child::after { animation: css-progressbar 3.5s ease-out; }

@keyframes css-progressbar {
	0%  {
		width: 0px;
	}
	100% {
		width: 100%;
	}
}

.section { width: 100%; position: relative; }
.section1 {}
.section1 .title { position: absolute; left: 50%; top: 219px; margin-left: -281px; }
.section1 .bg { position: absolute; left: 50%; top: 70px; margin-left: -124px; }
.section1 .inner { position: absolute; left: 50%; width: 1440px; margin-left: -720px; top: 411px; display: flex; justify-content: space-between; }
.section1 .inner > li { width: 451px; }
.section1 .inner > li:first-child { padding-top: 112px; }
.section1 .inner > li:nth-child(2) { padding-left: 2px; }
.section1 .inner > li:nth-child(3) { padding-top: 48px; }
.section1 .inner > li > a { display: block; width: 100%; height: 478px; background: rgba(0,0,0,0); margin-bottom: 48px; }
.section1 .inner > li > a > p { height: 341px; width: 100%; overflow: hidden; }
.section1 .inner > li > a > p > img {transition: all .3s ease-in-out; }
.section1 .inner > li > a:hover > p > img { transform: scale(1.2); }

.section2 .sec2 { padding-bottom: 160px; }
.section2 .sec2 .swiper-slide { width: 1005px; margin : 0 12px; }
.section2 .swiper-container.sec2 .swiper-button-next,
.section2 .swiper-container.sec2 .swiper-button-prev { width: 67px; height: 15px; background-size: 100%; top: 260px; }
.section2 .swiper-container.sec2 .swiper-button-next { background-image: url('../img/main/next.png'); left: 50%; margin-left: 400px; }
.section2 .swiper-container.sec2 .swiper-button-prev { background-image: url('../img/main/prev.png'); left: 50%; margin-left: -470px; }

.section3 { overflow: hidden; padding-bottom: 160px; }
.section3 .inner-wrap { }
.section3 .inner-wrap .youtube { width: 700px; height: 427px; position: relative; float: left; }
.section3 .inner-wrap .youtube iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.section3 .inner-wrap .thumb { float: right; width: 740px; height: 427px; padding-left: 60px;  box-sizing: border-box; }
.section3 .inner-wrap .thumb .swiper-container.sec3 { width: 100%; height: 100%; }
.section3 .inner-wrap .thumb .swiper-container.sec3 .swiper-slide { cursor: pointer; width: 100%; display: flex; }

.section3 .inner-wrap .thumb .swiper-container.sec3 .swiper-slide > p { width: 234px; position: relative; }
.section3 .inner-wrap .thumb .swiper-container.sec3 .swiper-slide.on > p::after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; border: 4px solid #ed7b8c; box-sizing: border-box; }
.section3 .inner-wrap .thumb .swiper-container.sec3 .swiper-slide > p img { width: 100%; }
.section3 .inner-wrap .thumb .swiper-container.sec3 .swiper-slide > div { width: 446px; padding: 20px 40px 0 20px; box-sizing: border-box; color: #000; }
.section3 .inner-wrap .thumb .swiper-container.sec3 .swiper-slide > div > p:first-child { font-size: 22px; font-weight: 500; }
.section3 .inner-wrap .thumb .swiper-container.sec3 .swiper-slide > div > p:nth-child(2) { margin-top: 5px; font-size: 16px; line-height: 1.5; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.section3 .inner-wrap .thumb .swiper-container.sec3 .swiper-pagination-progressbar { left: auto; right: 0; top: 0; width: 6px; border-radius: 3px; overflow: hidden; }
.section3 .inner-wrap .thumb .swiper-container.sec3 .swiper-pagination-progressbar-fill {}

.section4 {}
.section4 > p:nth-child(2) { position: absolute; left: 50%; top: 0; margin-left: -720px; }

.section5 { padding: 160px 0 100px; }
.section5 .inner-wrap { display: flex; justify-content: space-between; }
.section5 .inner-wrap > div { width: 680px; position: relative; }
.section5 .inner-wrap > div > p.title { font-size: 35px; font-weight: 600; color: #000; letter-spacing: -0.5px; line-height: 1; padding: 0 10px; }
.section5 .inner-wrap > div > ul { margin-top: 10px; padding-top: 25px; border-top: 2px solid #000; width: 100%; }
.section5 .inner-wrap > div > ul > li { font-size: 18px; margin-bottom: 20px; padding: 0 10px; box-sizing: border-box; }
.section5 .inner-wrap > div > ul > li > span { float: right; }
.section5 .inner-wrap > div > p.more { position: absolute; top: 0; right: 10px; font-size: 30px; }
.section5 .inner-wrap > div > p.more2 { top: 148px; }

.section5 .inner-wrap > div:first-child .title { border-bottom: 2px solid #000; padding-bottom: 10px; margin-bottom: 20px; }
.section5 .inner-wrap > div:first-child div { font-size: 24px; padding: 0 10px 0; display: flex; justify-content: space-between; }
.section5 .inner-wrap > div:first-child div > p > span { font-size: 18px; color: #999; }
.section5 .inner-wrap > div:first-child div:nth-of-type(3) { margin-bottom: 45px; }

.section6 .form-wrap { position: absolute; left: 50%; top: 0; margin-left: -733px; width: 650px; height: 400px; background: rgba(0,0,0,0); }
.section6 .form-wrap form { display: flex; }
.section6 .form-wrap .left { width: 461px; overflow: hidden; background: rgba(255,255,255,0); padding-top: 183px; }
.section6 .form-wrap .left > div { display: flex; font-size: 15px; margin-bottom: 10px; }
.section6 .form-wrap .left > div > p { display: flex; align-items: center; justify-content: center; }
.section6 .form-wrap .left > div > p:first-child { width: 45px; }
.section6 .form-wrap .left > div > p:nth-of-type(2) { width: 50px; margin: 0 6px; }
.section6 .form-wrap .left > div > input[type=text] { height: 40px; border: 0; margin-right: 3px; }
.section6 .form-wrap .left > div > input.tel { width: 60px; }
.section6 .form-wrap .left > div > textarea { border: 0; width: 405px; height: 70px; }
.section6 .form-wrap .left > div:nth-child(3) { align-items: center; line-height: 1; padding-left: 45px; font-size: 12px; }
.section6 .form-wrap .left > div:nth-child(3) label { margin: 0 5px; }
.section6 .form-wrap .left > div:nth-child(3) label { margin: 0 5px; }

.section6 .form-wrap .right { padding-top: 183px; }
.section6 .form-wrap .right input { width: 149px; height: 121px; background: #2d2d2d; border: 0; color: #fff; font-size: 16px; font-family: 'Noto Sans KR'; }

.section7 { padding: 0 0 100px;}
.section7 .inner-wrap { width: 1200px !important; }
.section7 .title { text-align: center; }