@charset "utf-8";
.swiper {	width: 100%; height: 100%; }
.swiper-slide {}
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }

#ms { position: relative; height: 960px; }
#ms .swiper-slide { height: 960px; }
#ms .next,
#ms .prev { width: 30px; height: 58px; background: url('../img/main/ms-arrow.png') center no-repeat; position: absolute; top: 50%; z-index: 2; cursor: pointer; margin-top: -15px; left: 50%; }
#ms .prev { margin-left: -600px; }
#ms .next { margin-left: 570px; transform: rotate(180deg); }
#ms .pagination { bottom: 35px; z-index: 5; position: absolute; display: flex; justify-content: center; }
#ms .pagination .swiper-pagination-bullet { width: 16px; height: 16px; opacity: 1; border-radius: 10px; border: 1px solid #fff; background: transparent; margin: 0 7.5px; box-sizing: border-box; }
#ms .pagination .swiper-pagination-bullet-active { background: #ffee51; border: 1px solid #ffee51; }

.section { width: 100%; position: relative; }

.section1 .txt { position: relative; z-index: 2; }
.section1 .txt::after { content: ''; position: absolute; left: 65px; top: 2px; width: 330px; height: 50px; background: #ffee51; z-index: -1; }

.section2 { box-sizing: border-box; padding-bottom: 75px; }
.section2 > p:nth-of-type(1) {}
.section2 > p:nth-of-type(2) { font-size: 18px; color: #606060; letter-spacing: -0.54px; margin-top: 25px; }
.section2 > hr { width: 80px; height: 2px; background: #cecece; margin: 60px auto; }

.section2 > ul { display: flex; justify-content: center; }
.section2 > ul > li { font-size: 18px; color: #606060; letter-spacing: -0.54px; cursor: pointer; }
.section2 > ul > li~li { margin-left: 35px; }
.section2 > ul > li.active { color: #181818; font-weight: 600; }
.section2 > div { text-align: center; margin-top: 60px; }

.section3 { display: flex; justify-content: center; }
.section3 > div { width: 50%; height: 706px; background: #181818; }
.section3 > div:nth-of-type(1) { background: url('../img/main/sec3-1.jpg') center right no-repeat; position: relative; }
.section3 > div:nth-of-type(1) > div { width: 600px; position: absolute; right: 0; top: 0; background: rgba(0,0,0,0); }
.section3 > div:nth-of-type(2) { padding: 104px 0 0 50px; box-sizing: border-box; }
.section3 > div:nth-of-type(2) form { width: 550px; }
.section3 > div:nth-of-type(2) form > p { font-size: 36px; font-weight: 600; letter-spacing: -1.08px; color: #ffee51; }
.section3 > div:nth-of-type(2) form > dl { margin-top: 60px; }
.section3 > div:nth-of-type(2) form > dl~dl { margin-top: 45px; }
.section3 > div:nth-of-type(2) form > dl > dt { font-size: 20px; color: #fff; letter-spacing: -0.6px; }
.section3 > div:nth-of-type(2) form > dl > dd { margin-top: 10px; }
.section3 > div:nth-of-type(2) form > dl > dd > input { width: 550px; height: 55px; border: 0; padding: 0 20px; font-size: 20px; letter-spacing: -0.6px; }
.section3 > div:nth-of-type(2) form > div { margin-top: 25px; display: flex; align-items: center; color: #fff; font-size: 14px; letter-spacing: -0.42px; }
.section3 > div:nth-of-type(2) form > div > input { width: 20px; height: 20px; background: transparent; }
.section3 > div:nth-of-type(2) form > div > label { margin-left: 10px; }
.section3 > div:nth-of-type(2) form > div > span { margin-left: 3px; cursor: pointer; }
.section3 > div:nth-of-type(2) form > input[type=submit] { width: 100%; height: 65px; border-radius: 10px; margin-top: 53px; background: #df2935; color: #fff; font-size: 20px; font-weight: 600; letter-spacing: -0.6px; }