/* main-visual */
.main-visual {position: relative; overflow: hidden;}
.main-visual .swiper-slide {height: 900px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.main-visual .swiper-slide.slide01 {background-image: url("../img/main1.jpg");}
.main-visual .swiper-slide::before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(54, 22, 8, .6); display: none;}
.main-visual .main-typo {position: absolute; left: 0; top: 0; width: 768px; height: 100%; background: rgba(54, 22, 8, .9); z-index: 1; display: flex; align-items: center; justify-content: center;}
.main-visual .main-typo .inner {padding-top: 85px;}
.main-visual .main-typo .text-group {margin-bottom: 100px; color: #fff;}
.main-visual .main-typo em {font-family: 'BMDOHYEON'; font-size: 18px; line-height: 1.7;}
.main-visual .main-typo .title {font-family: 'BMDOHYEON'; font-size: 72px; margin: 11px 0 20px;}
.main-visual .main-typo .title span {color: #e30613;}
.main-visual .main-typo .description {font-size: 24px; font-weight: 300; letter-spacing: -1.2px; line-height: 1.67; text-transform: uppercase;}
.main-visual .main-typo .btn {display: flex; align-items: center; justify-content: flex-end;}
.main-visual .main-typo .btn span {font-size: 16px; font-weight: 300; letter-spacing: 0.8px; color: #fff; margin-right: 16px;}
.main-visual .main-typo .btn .arrow {position: relative; display: flex; justify-content: center; align-items: center; width: 61px; height: 61px; border-radius: 50%; background: rgba(255, 255, 255, .2);}
.main-visual .main-typo .btn .arrow::before {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 33px; height: 33px; border-radius: 50%; background: #fff;}
.main-visual .main-typo .btn .arrow img {position: relative; transition: .3s;}
.main-visual .main-typo .btn:hover .arrow img {animation: move_arrow 1s ease-out;}

@keyframes move_arrow {
    0% {transform: translateX(0);}
    50% {transform: translateX(5px);}
    100% {transform: translateX(0);}
}
.main-scroll {position: absolute; right: 90px; bottom: 55px; z-index: 1; text-align: center; animation: scroll 1.2s linear infinite;}
.main-scroll span {display: block; font-size: 13px; font-weight: 300; color: #fff; margin-bottom: 8px;}

@keyframes scroll {
    0% {bottom: 55px;}
    50% {bottom: 45px;}
    100% {bottom: 55px;}
}

/* media query */
@media screen and (max-width: 1600px) {
    .main-visual .main-typo {width: 50%;}
}

@media screen and (max-width: 1300px) {
    .main-visual .main-typo em {font-size: 17px;}
    .main-visual .main-typo .title {font-size: 65px;}
    .main-visual .main-typo .description {font-size: 22px;}
}

@media screen and (max-width: 1200px) {
    .main-visual .main-typo em {font-size: 16px;}
    .main-visual .main-typo .title {font-size: 60px;}
    .main-visual .main-typo .description {font-size: 20px;}
    .main-visual .main-typo .btn span {font-size: 15px;}
}

@media screen and (max-width: 1024px) {
    .main-visual .swiper-slide {height: 720px;}
    .main-visual .swiper-slide::before {display: block;}
    .main-visual .main-typo {width: 90%; left: 50%; transform: translateX(-50%); background: transparent; text-align: center;}
    .main-visual .main-typo .description br {display: none;}
    .main-visual .main-typo .btn {justify-content: center;}
    .main-scroll {display: none;}
}

@media screen and (max-width: 768px) {
    .main-visual .swiper-slide {height: 650px;}
}

@media screen and (max-width: 600px) {
    .main-visual .main-typo .inner {padding-top: 40px;}
    .main-visual .swiper-slide {height: 600px;}
    .main-visual .main-typo .title {font-size: 55px;}
    .main-visual .main-typo .btn .arrow {width: 55px; height: 55px;}
    .main-visual .main-typo .btn .arrow::before {width: 30px; height: 30px;}
}

@media screen and (max-width: 480px) {
    .main-visual .main-typo .inner {}
    .main-visual .main-typo em {font-size: 15px;}
    .main-visual .main-typo .title {font-size: 50px;}
    .main-visual .main-typo .description {font-size: 18px;}
    .main-visual .main-typo .text-group {margin-bottom: 60px;}
    .main-visual .main-typo .btn span {font-size: 13px;}
    .main-visual .main-typo .btn .arrow {width: 45px; height: 45px;}
    .main-visual .main-typo .btn .arrow::before {width: 22px; height: 22px;}
}