:root {
    --font-mont : "Montserrat", sans-serif;
    --main-color : #222;
}
* {font-family: 'Pretendard', sans-serif !important;}
body {background: #fff;}

.only_pc {display: block;}
.only_mob {display: none;}
.point{color: #9B1F65;}


/* intro */
.intro_wrap {position: fixed; background: #fff; top: 0; left: 0; width: 100%; height: 100vh;  z-index: 9999; transition:all 1.4s;}
.intro_wrap.fadeOut {display: none;}
.intro_inner {display: flex; align-items: center; justify-content: center; width: 100%; height: 100vh;}
.intro_logo {animation: opacity 1s 1 forwards; animation-delay: .85s; opacity: 1; width:200px;}
/* .intro_logo img{filter:invert(1);} */

@keyframes opacity {
    0% {opacity: 1;}
    100% {opacity: 0;}
}

/* header */
#header {position: fixed; top:0; left:0; width:100%; height:100px; z-index: 1000; background: #fff; border-bottom: 1px solid #E3E3E3;}
/* #header.fixed {background: #222222;} */
/* #header::before {display: none; content: ""; width: 100%; height: 250px; background: #fff; position: absolute; top: 100px; left: 0; } */
#header + #hd_bg {display: none; width: 100%; height: 250px; background: #fff; position:fixed; top: 100px; left: 0; z-index: 100;}
#header.on::before {display: block;}
#header .inner {position: relative; max-width:1600px; height: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
#header .inner .logo {display: block; width: 195px;}
#header .inner .logo img {width: 100%;}
#header .inner ul {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: flex; align-items: center; gap: 0 75px;}
#header .inner ul > li {position: relative;}
#header .inner ul > li:hover > a {text-decoration: underline; text-underline-offset: 9px; text-decoration-thickness: 2px;}
#header .inner ul > li ol {display: none; position: absolute; left: 50%; transform: translateX(-50%); padding: 26.5px 0 0 0; width: 100%;}
#header .inner ul > li ol a {font-size: 16px; font-weight: 500; color: #8E8E8E; padding: 2.5px 0; display: block; line-height: 1.6;}
#header .inner ul > li ol li:hover a {text-decoration: underline; color: #222222; font-weight: 600; text-underline-offset: 2px; text-decoration-thickness: 1.5px;}
#header .inner ul > li > a {font-size: 18px; font-weight: 700; color: #000; line-height: 100px; display: block;}
#header .inner .allMenu {display: flex; align-items: center; gap: 0 14px; font-size: 14px; font-weight: 700; color: #000; font-family: var(--font-mont); cursor: pointer;}
#header .inner .allMenu img {width: 30px; filter:invert(1);}
/* allMenu */
.all_menu.mob_all{display: none;}
.all_menu {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: var(--main-color); padding: 0 260px; z-index: 1000;}
.all_menu.pc_all.on{display: block;}
.all_menu::after {content: ""; width: 1200px; height: 194px; background: url('/img/main/allMenu_bg.png') no-repeat; background-size: contain; position: absolute; right: 0; bottom: 0;}
.all_menu .close {position: absolute; top: 39px; right: 38px; cursor: pointer;}
.all_menu .close img {width: 48px;}
.all_menu .inner {padding: 123px 0 ;}
.all_menu .inner > h2 {font-size: 50px; font-weight: 700; color: #fff; font-family: var(--font-mont) !important;}
.all_menu .inner ul {margin-top: 112px; display: flex; align-items: flex-start;}
.all_menu .inner ul li {width: calc(100%/5);}
.all_menu .inner ul li h3 {font-size: 30px; font-weight: 700; color: #fff;}
.all_menu .inner ul li ol {margin-top: 37.5px; padding: 0;}
.all_menu .inner ul li ol li {width: 100%;}
.all_menu .inner ul li ol li:hover a {color: #fff; text-underline-offset: 3px; text-decoration: underline;}
.all_menu .inner ul li ol a {display: block; padding: 7.5px 0; font-size: 20px; font-weight: 500; color: #8E8E8E;}
/* footer */
#footer {position: relative; background: var(--main-color); padding: 82px 0 97px; margin-top: 143px;}
#footer .inner {max-width: 1600px; margin: 0 auto; display: flex; align-items: flex-start;}
#footer .logo {margin-right: 111px;}
#footer .logo img {width: 195px;}
#footer .menu {margin-right: 112px;}
#footer .menu li:first-child a {padding-top: 0;}
#footer .menu a {font-size: 16px; font-weight: 400; color: #BEBEBE; display: inline-block; padding: 7.5px 0; letter-spacing: -1px;}
#footer .menu a strong {color: #fff; font-weight: 400;}
#footer .info {margin-right: 147px;}
#footer .info div + div {margin-top: 25px;}
#footer .info strong {font-size: 16px; font-weight: 700; color: #fff; letter-spacing: -1px; display: block;}
#footer .info p {margin-top: 10px; display: flex; align-items: center; gap: 0 20px;}
#footer .info span {font-size: 16px; font-weight: 400; color: #BEBEBE; letter-spacing: -1px;}
#footer .sns {display: flex; align-items: center; justify-content: flex-end; gap: 0 10px;}
#footer .sns img {width: 30px;}
#footer .copy {/* margin-top: 72px; */ font-size: 16px; font-weight: 300; color: #fff; letter-spacing: -1px;}
#footer .scrollTop {position: absolute; top: 82px; right: 60px; text-align: center; cursor: pointer;}
#footer .scrollTop img {width: 24px;}
#footer .scrollTop p {margin-top: 5px; font-size: 14px; font-weight: 700; color: #fff; font-family: var(--font-mont); letter-spacing: -1px;}




/* main */
/* 공통 */
#main_wrap .inner {max-width: 1600px; margin: 0 auto;}

.ani_btn {z-index: 1;}
.ani_btn a {position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; gap: 0 16px; font-size: 16px; font-weight: 600; color: var(--main-color); width: 170px; height: 46px; line-height: 50px; border: 1px solid rgba(0,0,0,.4); letter-spacing: -1px;}
.ani_btn a img {width: 24px;}
.ani_btn a:before {background: var(--main-color); z-index: -1; content: ""; position: absolute; transition: all .3s; left: 0; bottom: 0; width: 100%; height: 0; border-top-left-radius: 50%; border-top-right-radius: 50%;}
.ani_btn a:hover {color:#fff;}
.ani_btn a:hover:before {height: 200%;}
.ani_btn a:hover img {filter: brightness(0) invert(1);}


/* visual */
.main_visual {position: relative;}
.main_visual .video {position: relative; width: 100%; height: 100vh; overflow: hidden;}
.main_visual iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(1.35);}
.main_visual > .txt {position: absolute; left: 50%; transform: translateX(-50%); bottom: 190px; width: 100%; max-width: 1600px; text-align: left;}
.main_visual > .txt p {font-size: 50px; font-weight: 800; color: #fff; font-family: var(--font-mont);}
.main_visual > .txt h2 {margin-top: 15px; font-weight: 400; color: #fff; font-size: 60px; line-height: 1.1;}
.main_visual > .txt h2 strong {font-weight: 800;}
.main_visual > .txt .button {position: relative; margin-top: 30px;}
.main_visual > .txt .button a {position: relative; display: flex; align-items: center; justify-content: center; gap: 0 16px; width: 170px; line-height: 46px; text-align: center; font-size: 16px; font-weight: 600; color: #fff; border: 1px solid #fff;}
.main_visual > .txt .button a img {width: 24px;}
.main_visual > .txt .button a:hover img {filter: brightness(0);}
.main_visual > .txt .button a:hover {color: var(--main-color);}
.main_visual > .txt .button a:before {background: #fff;}
.main_visual .scroll {position: absolute; right: 160px; bottom: 70px; display: flex; align-items: center; gap: 0 15px;}
.main_visual .scroll .scroll_icon {border: 1px solid rgba(255,255,255,.5); border-radius: 100%; width: 30px; height: 30px; position: relative; transition:all 0.5s ease-in-out; overflow: hidden;}
.main_visual .scroll .scroll_icon span {position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 5px; height: 5px; border-radius: 100%; background: #fff; animation:scroll-icon-ani 2s ease-in-out infinite; transition:all 0.5s ease-in-out;}
@keyframes scroll-icon-ani {
	0% {
		top:-1rem;
		opacity:0;
	}
	10% {
		top:-1rem;
		opacity:1;
	}
	32% {
		top:-1rem;
		opacity:1;
	}
	80% {
		top:4.3rem;
		opacity:1;
	}
	100% {
		top:4.3rem;
		opacity:0;
	}
}
.main_visual .scroll .scroll-txt{position: relative; left: auto; bottom: auto; display:inline-block; color:#fff; font-weight:700; display: flex; align-items: center;}
.main_visual .scroll .scroll-txt em{font-size: 14px; font-weight: 700; color: #fff; display:inline-block; animation: scroll-down-ani 2s ease-in-out 0s infinite;}
.main_visual .scroll .scroll-txt em:nth-child(1){animation-delay:1s;}
.main_visual .scroll .scroll-txt em:nth-child(2){animation-delay:1.04s;}
.main_visual .scroll .scroll-txt em:nth-child(3){animation-delay:1.08s;}
.main_visual .scroll .scroll-txt em:nth-child(4){animation-delay:1.12s;}
.main_visual .scroll .scroll-txt em:nth-child(5){animation-delay:1.16s;}
.main_visual .scroll .scroll-txt em:nth-child(6){animation-delay:1.2s;}
@keyframes scroll-down-ani {
    0% {
        opacity: 0;
        transform: translateY(-50%) rotateX(90deg)
    }

    20%,80% {
        opacity: 1;
        transform: translateY(0) rotateX(0)
    }

    100% {
        opacity: 0;
        transform: translateY(50%) rotateX(-90deg)
    }
}




/* sec1 */
.main_sec1 {padding: 150px 0 0;}
.main_sec1 .txt {display: flex; gap: 0 284px;}
.main_sec1 .txt p {font-size: 20px; font-weight: 800; color: var(--main-color); letter-spacing: -1px;}
.main_sec1 .txt h2 {margin-top: 10px; font-size: 50px; font-weight: 50px; font-weight: 800; color: var(--main-color); letter-spacing: -2px;}
.main_sec1 .info {margin-top: 45px;}
.main_sec1 .info h3 {font-size: 40px; font-weight: 600; color: var(--main-color); line-height: 1.25; letter-spacing: -2px;}
.main_sec1 .info p {margin-top: 40px; font-weight: 500; font-size: 20px; color: #8E8E8E; line-height: 1.5; letter-spacing: -1px;}
.main_sec1 .info .button {margin-top: 42px;}
.main_sec1 .img {width: 100%; height: 550px; background: url('/img/main/sec1.jpg') no-repeat; background-size: cover; margin-top: 77px; clip-path: inset(0% 8% -5%);}


/* sec2 */
.main_sec2 {padding: 180px 0 0 0;}
.main_sec2 .top {display: flex; align-items: flex-end; justify-content: space-between; max-width: 1600px; margin: 0 auto;}
.main_sec2 .top h2 {font-size: 60px; font-weight: 800; color: var(--main-color); font-family: var(--font-mont); letter-spacing: -3px;}
.main_sec2 .top p {margin-top: 10px; font-size: 20px; font-weight: 500; color: #8E8E8E; letter-spacing: -1px;}
.main_sec2 .collect-list {max-width: 1600px; margin: 0 auto; position: relative; width: 100%; display: flex;}
.main_sec2 .collect-list .collect-wrapper {display: flex; justify-content: flex-start; align-items: flex-start; position: absolute; left: 0; top: 0; margin-left: -40px;}
.main_sec2 .list {position: relative; margin-top: 50px; white-space: nowrap; height: 500px;}
.main_sec2 .list ul.gal_list .collect-item {width: 530px; min-width: 530px; margin-left: 40px;}
.main_sec2 .list ul.gal_list .img {display: block; width: 100%; height: 370px; overflow: hidden;}
.main_sec2 .list ul.gal_list .img img {width: 100%; height: 100%; object-fit: cover;}
.main_sec2 .list ul.gal_list .info {margin-top: 50px;}
.main_sec2 .list ul.gal_list .info p {font-size: 18px; font-weight: 500; color: var(--main-color); letter-spacing: -.6px;}
.main_sec2 .list ul.gal_list .info h3 {margin-top: 9px; font-size: 35px; font-weight: 500; color: var(--main-color); letter-spacing: -2px;}
.main_sec2 .list ul .last {position: relative; width: 530px; height: 491px;}
.main_sec2 .list ul .last .collect-search-sm {width: 100%; height: 100%;}
.main_sec2 .list ul .last img {width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.main_sec2 .list ul .last .txt {position: absolute; left: 50%; top: 42.5%; transform: translate(-50%,-50%); text-align: center; width: 100%;}
.main_sec2 .list ul .last .txt p {font-size: 16px; font-weight: 700; font-family: var(--font-mont); color: #fff;}
.main_sec2 .list ul .last .txt h2 {margin-top: 20px; font-size: 25px; font-weight: 700; color: #fff; line-height: 1.2;}
.main_sec2 .collect-search-wrap {display: none; position: absolute; left: 50%; top: 0; z-index:100; width: 530px; height: 100%; max-height:100%; background: url('/img/main/sec2_bg.jpg') no-repeat center; background-size: cover; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.main_sec2 .collect-search-wrap .collect-search-sm {width: 100%; height: 100%;}
.main_sec2 .collect-search-wrap .txt-con {position: relative; width: 100%; height: 100%;}
.main_sec2 .collect-search-wrap .txt {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; text-align: center; color: #fff;}
.main_sec2 .collect-search-wrap .txt p {font-size: 16px; font-weight: 700; font-family: var(--font-mont); color: #fff;}
.main_sec2 .collect-search-wrap .txt h2 {margin-top: 20px; font-size: 40px; font-weight: 700; color: #fff; line-height: 1.2; letter-spacing: -2px;}
.main_sec2 .collect-search-wrap .txt .formbox {width: 700px; position: relative; margin: 40px auto 0; max-width: 100%;}
.main_sec2 .collect-search-wrap .txt input {width: 100%; padding: 20px 25px 20px 0; outline: none; background: transparent; border: 0; border-bottom: 1px solid #fff; font-size: 20px; font-weight: 400; color: #BEBEBE;}
.main_sec2 .collect-search-wrap .txt input::placeholder {font-size: 20px; font-weight: 400; color: #BEBEBE;}
.main_sec2 .collect-search-wrap .txt img {position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 20px;}
.main_sec2 .collect-search-sm .txt-con .word::after {content: ""; position:  absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #fff; -webkit-animation: lineAni 2s ease infinite; animation: lineAni 2s ease infinite }


/* sec3 */
.main_sec3 {margin-top: 168px;}
.main_sec3 .top {display: flex; align-items: flex-end; justify-content: space-between; max-width: 1600px; margin: 0 auto;}
.main_sec3 .top h2 {font-size: 60px; font-weight: 800; color: var(--main-color); font-family: var(--font-mont); letter-spacing: -3px;}
.main_sec3 .top p {margin-top: 10px; font-size: 20px; font-weight: 500; color: #8E8E8E; letter-spacing: -1px;}
.main_sec3 .tab_cont {padding: 90px 0 0 160px; display: flex; align-items: flex-start; justify-content: space-between;}
.main_sec3 .tab_cont .tab li {font-size: 30px; font-weight: 700; color: var(--main-color); opacity: .2; cursor: pointer; font-family: var(--font-mont) !important;}
.main_sec3 .tab_cont .tab li + li {margin-top: 70px;}
.main_sec3 .tab_cont .tab li.on {opacity: 1; font-size: 40px;}
.main_sec3 .cont {position: relative; width: 986px; height: 757px;}
.main_sec3 .cont .bg {content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: #fff; /* clip-path: inset(0% 100% 0% 0%); */ z-index: 3;}
.main_sec3 .cont .bg.ani_hide {
    animation:ani_hide .8s forwards,
    ani_hide2 .8s forwards 1s;
}
@keyframes ani_hide{
    0%{
        width: 0;
    }
    100%{
        width: 100%;
    }
}
@keyframes ani_hide2{
    0%{
        left: 0;
    }
    100%{
        left: 100%;
    }
}
.main_sec3 .cont .item {display: none; gap: 0 44px; align-items: flex-start; position: absolute; top: 0; left: 0; overflow: hidden; background: #fff;}
.main_sec3 .cont .item.on {display: flex;}
.main_sec3 .cont .item .left {width: 90px;}
.main_sec3 .cont .item .left img {width: 100%; height: auto;}
.main_sec3 .cont .item .right .img {display: block; width: 0; height: 600px;}
.main_sec3 .cont .item.on .right .img {width: 100%;}
.main_sec3 .cont .item.ani_show .right .img {animation:ani_show .7s forwards .3s;}
@keyframes ani_show{
    0%{
        width: 0;
    }
    100%{
        width: 100%;
    }
}
.main_sec3 .cont .item .right img {width: 100%;}
.main_sec3 .cont .item .right .img img {width: 100%; height: 100%; object-fit: cover;}
.main_sec3 .cont .item .right .txt {margin-top: 35px;}
.main_sec3 .cont .item .right .txt em {display: block; font-size: 20px; font-weight: 700; color: var(--main-color); font-family: var(--font-mont) !important;}
.main_sec3 .cont .item .right .txt strong {display: block; font-size: 50px; font-weight: 800; color: var(--main-color);}
.main_sec3 .cont .item .right .txt p {margin-top: 10px; font-size: 22px; font-weight: 400; color: var(--main-color);}

/* sec4 */
.main_sec4 {width: 100%; height: 670px; margin-top: 180px; background: url('/img/main/sec4.jpg') no-repeat; background-size: cover; background-position: center center; position: relative;}
.main_sec4 .txt {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; color: #fff;}
.main_sec4 .txt h2 {font-size: 60px; font-weight: 800; font-family: var(--font-mont); letter-spacing: -3px;}
.main_sec4 .txt p {margin-top: 20px; font-size: 24px; font-weight: 400;}
.main_sec4 .txt .button {margin-top: 40px;}
.main_sec4 .txt .button a {border-color: #fff; color: #fff; margin: 0 auto;}
.main_sec4 .txt .button a:hover {color: var(--main-color); border-color: #fff; color:var(--main-color);}
.main_sec4 .txt .button a:before {background: #fff;}
.main_sec4 .txt .button a:hover img {filter: brightness(0);}

/* sec5 */
.main_sec5 {margin-top: 180px;}
.main_sec5 > .top {max-width: 1600px; margin: 0 auto;}
.main_sec5 .top h2 {font-size: 60px; font-weight: 800; color: var(--main-color); font-family: var(--font-mont); letter-spacing: -3px;}
.main_sec5 .top p {margin-top: 10px; font-size: 20px; font-weight: 500; color: #8E8E8E; letter-spacing: -1px;}
.main_sec5 .logo {margin-top: 50px;}
.main_sec5 .bot_swiper {margin-top: 25px;}
.main_sec5 .logo .swiper-wrapper {transition-timing-function: linear; gap: 0 25px;}
.main_sec5 .logo .swiper-slide {width: 300px; cursor: pointer;}
.main_sec5 .logo .swiper-slide img {width: 100%;}
.main_sec5 .logo .swiper-slide img.basic {display: block;}
.main_sec5 .logo .swiper-slide img.hover {display: none;}
.main_sec5 .logo .swiper-slide:hover img.basic {display: none;}
.main_sec5 .logo .swiper-slide:hover img.hover {display: block;}


@media screen and (max-width:1620px) {

    /* header */
    #header {height:6.25vw;}
    /* #header::before {height: 15.63vw; top: 6.25vw;} */
    #header + #hd_bg {height: 15.63vw; top: 6.25vw;}
    #header .inner {max-width:87.50vw; }
    #header .inner .logo {width: 12.19vw;}
    #header .inner ul {gap: 0 4.69vw;}
    #header .inner ul > li ol {padding: 1.66vw 0 0 0;}
    #header .inner ul > li ol a {font-size: 1.00vw; padding: 0.16vw 0;}
    #header .inner ul > li > a {font-size: 1.13vw; line-height: 6.25vw;}
    #header .inner .allMenu {gap: 0 0.88vw; font-size: 0.88vw;}
    #header .inner .allMenu img {width: 1.88vw;}
    /* allMenu */
    .all_menu { padding: 0 16.25vw;}
    .all_menu::after {width: 75.00vw; height: 12.13vw;}
    .all_menu .close {top: 2.44vw; right: 2.38vw;}
    .all_menu .close img {width: 3.00vw;}
    .all_menu .inner {padding: 7.69vw 0 ;}
    .all_menu .inner > h2 {font-size: 3.13vw;}
    .all_menu .inner ul {margin-top: 7.00vw;}
    .all_menu .inner ul li h3 {font-size: 1.88vw;}
    .all_menu .inner ul li ol {margin-top: 2.34vw;}
    .all_menu .inner ul li ol a {padding: 0.47vw 0; font-size: 1.25vw;}
    /* footer */
    #footer {padding: 5.13vw 0 6.06vw; margin-top: 8.94vw;}
    #footer .inner {max-width: 87.50vw;}
    #footer .logo {margin-right: 6.94vw;}
    #footer .logo img {width: 12.19vw;}
    #footer .menu {margin-right: 7.00vw;}
    #footer .menu a {font-size: 1.00vw; padding: 0.47vw 0; letter-spacing: -0.06vw;}
    #footer .info {margin-right: 9.19vw;}
    #footer .info div + div {margin-top: 1.56vw;}
    #footer .info strong {font-size: 1.00vw; letter-spacing: -0.06vw;}
    #footer .info p {margin-top: 0.63vw; gap: 0 1.25vw;}
    #footer .info span {font-size: 1.00vw; letter-spacing: -0.06vw;}
    #footer .sns {gap: 0 0.63vw;}
    #footer .sns img {width: 1.88vw;}
    #footer .copy {/* margin-top: 4.50vw; */ font-size: 1.00vw; letter-spacing: -0.06vw;}
    #footer .scrollTop {top: 5.13vw; right: 3.75vw;}
    #footer .scrollTop img {width: 1.50vw;}
    #footer .scrollTop p {margin-top: 0.31vw; font-size: 0.88vw; letter-spacing: -0.06vw;}


    /* main */
    /* 공통 */
    #main_wrap .inner {max-width: 87.50vw;}

    .ani_btn a { gap: 0 1.00vw; font-size: 1.00vw; width: 10.63vw; height: 2.88vw; line-height: 3.13vw; letter-spacing: -0.06vw;}
    .ani_btn a img {width: 1.50vw;}

    /* visual */
    .main_visual > .txt {bottom: 11.88vw; max-width: 87.50vw;}
    .main_visual > .txt p {font-size: 3.09vw;}
    .main_visual > .txt h2 {margin-top: 0.94vw; font-size: 3.75vw;}
    .main_visual > .txt .button {margin-top: 1.88vw;}
    .main_visual > .txt .button a {gap: 0 1.00vw; width: 10.63vw; line-height: 2.88vw; font-size: 1.00vw;}
    .main_visual > .txt .button a img {width: 1.50vw;}
    .main_visual .scroll {right: 6vw; bottom: 4.38vw; gap: 0 0.94vw; font-size: 0.88vw;}
    .main_visual .scroll .scroll_icon {width: 1.85vw; height: 1.85vw;}
    .main_visual .scroll .scroll_icon span {width: 0.31vw; height: 0.31vw;}
    .main_visual .scroll .scroll-txt em{font-size: 0.86vw;}
    /* .main_visual .scroll img {width: 1.88vw;} */
    /* sec1 */
    .main_sec1 {padding: 9.38vw 0 0;}
    .main_sec1 .txt {gap: 0 17.75vw;}
    .main_sec1 .txt p {font-size: 1.25vw; letter-spacing: -0.06vw;}
    .main_sec1 .txt h2 {margin-top: 0.63vw; font-size: 3.13vw; font-weight: 3.13vw; letter-spacing: -0.13vw;}
    .main_sec1 .info {margin-top: 2.81vw;}
    .main_sec1 .info h3 {font-size: 2.50vw; line-height: 1.25; letter-spacing: -0.13vw;}
    .main_sec1 .info p {margin-top: 2.50vw; font-size: 1.25vw; letter-spacing: -0.06vw;}
    .main_sec1 .info .button {margin-top: 2.63vw;}
    .main_sec1 .img {height: 34.38vw; margin-top: 4.81vw;}
    /* sec2 */
    .main_sec2 {padding: 8.25vw 0 0 0;}
    .main_sec2 .top {max-width: 87.50vw;}
    .main_sec2 .top h2 {font-size: 3.75vw; letter-spacing: -0.19vw;}
    .main_sec2 .top p {margin-top: 0.63vw; font-size: 1.25vw; letter-spacing: -0.06vw;}
    .main_sec2 .list {margin-top: 3.13vw; height: 31.25vw;}
    .main_sec2 .collect-list {max-width: 87.50vw;}
    .main_sec2 .list ul.gal_list {margin-left: -2.50vw;}
    .main_sec2 .list ul.gal_list .collect-item {width: 33.13vw; min-width: 33.13vw; margin-left: 2.50vw;}
    .main_sec2 .list ul.gal_list .img {height: 23.13vw;}
    .main_sec2 .list ul.gal_list .info {margin-top: 3.13vw;}
    .main_sec2 .list ul.gal_list .info p {font-size: 1.13vw; letter-spacing: -0.04vw;}
    .main_sec2 .list ul.gal_list .info h3 {margin-top: 0.56vw; font-size: 2.19vw; letter-spacing: -0.13vw;}
    .main_sec2 .list ul .last {width: 33.13vw; height: 30.69vw;}
    .main_sec2 .list ul .last .txt p {font-size: 1.00vw;}
    .main_sec2 .list ul .last .txt h2 {margin-top: 1.25vw; font-size: 1.56vw;}
    .main_sec2 .collect-search-wrap { width: 33.13vw;}
    .main_sec2 .collect-search-wrap .txt p {font-size: 1.00vw;}
    .main_sec2 .collect-search-wrap .txt h2 {margin-top: 1.25vw; font-size: 2.50vw; letter-spacing: -0.13vw;}
    .main_sec2 .collect-search-wrap .txt .formbox {width: 43.75vw; margin: 2.50vw auto 0;}
    .main_sec2 .collect-search-wrap .txt input {padding: 1.25vw 1.56vw 1.25vw 0;  font-size: 1.25vw;}
    .main_sec2 .collect-search-wrap .txt input::placeholder {font-size: 1.25vw;}
    .main_sec2 .collect-search-wrap .txt img {width: 1.25vw;}
    .main_sec2 .collect-search-sm .txt-con .word::after {height: 0.06vw;}


    /* sec3 */
    .main_sec3 {margin-top: 10.50vw;}
    .main_sec3 .top {max-width: 87.50vw;}
    .main_sec3 .top h2 {font-size: 3.75vw; letter-spacing: -0.19vw;}
    .main_sec3 .top p {margin-top: 0.63vw; font-size: 1.25vw; letter-spacing: -0.06vw;}
    .main_sec3 .tab_cont {padding: 5.63vw 0 0 6vw;}
    .main_sec3 .tab_cont .tab li {font-size: 1.88vw;}
    .main_sec3 .tab_cont .tab li + li {margin-top: 4.38vw;}
    .main_sec3 .tab_cont .tab li.on {opacity: 1; font-size: 2.50vw;}
    .main_sec3 .cont {width: 61.63vw; height: 47.31vw;}
    .main_sec3 .cont .item {gap: 0 2.75vw;}
    .main_sec3 .cont .item .left {width: 5.63vw;}
    .main_sec3 .cont .item .right .img {height: 37.50vw;}
    .main_sec3 .cont .item .right .txt {margin-top: 2.19vw;}
    .main_sec3 .cont .item .right .txt em {font-size: 1.25vw;}
    .main_sec3 .cont .item .right .txt strong {font-size: 3.13vw;}
    .main_sec3 .cont .item .right .txt p {margin-top: 0.63vw; font-size: 1.38vw;}

    /* sec4 */
    .main_sec4 {height: 41.88vw; margin-top: 11.25vw;}
    .main_sec4 .txt h2 {font-size: 3.75vw; letter-spacing: -0.19vw;}
    .main_sec4 .txt p {margin-top: 1.25vw; font-size: 1.50vw;}
    .main_sec4 .txt .button {margin-top: 2.50vw;}

    /* sec5 */
    .main_sec5 {margin-top: 11.25vw;}
    .main_sec5 > .top {max-width: 87.50vw;}
    .main_sec5 .top h2 {font-size: 3.75vw; letter-spacing: -0.19vw;}
    .main_sec5 .top p {margin-top: 0.63vw; font-size: 1.25vw; letter-spacing: -0.06vw;}
    .main_sec5 .logo {margin-top: 3.13vw;}
    .main_sec5 .bot_swiper {margin-top: 1.56vw;}
    .main_sec5 .logo .swiper-wrapper {gap: 0 1.56vw;}
    .main_sec5 .logo .swiper-slide {width: 18.75vw;}

}

@media screen and (max-width:1280px) {

    /* header */
    #header {height:5.86vw;}
    /* #header::before {height: 14.61vw; top: 5.86vw;} */
    #header + #hd_bg {height: 14.61vw; top: 5.86vw;}
    #header .inner {max-width:93.98vw;}
    #header .inner .logo {width: 11.48vw;}
    #header .inner ul {gap: 0 4.38vw;}
    #header .inner ul > li:hover > a {text-decoration: none;}
    #header .inner ul > li ol {padding: 1.64vw 0 0 0;}
    #header .inner ul > li ol a {font-size: 0.94vw; padding: 0.16vw 0;}
    #header .inner ul > li ol li:hover a {text-underline-offset: 0.08vw;}
    #header .inner ul > li > a {font-size: 1.09vw; line-height: 5.86vw;}
    #header .inner .allMenu {gap: 0 0.78vw; font-size: 0.78vw;}
    #header .inner .allMenu img {width: 1.72vw;}
    /* allMenu */
    .all_menu {height: 100vh; padding: 0 15.16vw;}
    .all_menu::after {width: 69.84vw; height: 11.25vw;}
    .all_menu .close {top: 2.27vw; right: 2.19vw;}
    .all_menu .close img {width: 2.81vw;}
    .all_menu .inner {padding: 7.19vw 0 ;}
    .all_menu .inner > h2 {font-size: 2.89vw;}
    .all_menu .inner ul {margin-top: 6.48vw;}
    .all_menu .inner ul li {width: calc(100%/5);}
    .all_menu .inner ul li h3 {font-size: 1.72vw;}
    .all_menu .inner ul li ol {margin-top: 2.19vw;}
    .all_menu .inner ul li ol li:hover a {text-underline-offset: 0.16vw;}
    .all_menu .inner ul li ol a {padding: 0.47vw 0; font-size: 1.17vw;}
    /* footer */
    #footer {padding: 4.77vw 0 4.69vw; margin-top: 8.36vw;}
    #footer .inner {max-width: 93.98vw;}
    #footer .logo {margin-right: 7.03vw;}
    #footer .logo img {width: 11.41vw;}
    #footer .menu {margin-right: 7.81vw; width: 7.03vw;}
    #footer .menu a {font-size: 0.94vw; padding: 0.31vw 0; letter-spacing: -0.08vw; line-height: 1.6;}
    #footer .info {margin-right: 14.84vw;}
    #footer .info div + div {margin-top: 0.63vw;}
    #footer .info strong {font-size: 0.94vw; letter-spacing: -0.08vw; line-height: 1.6;}
    #footer .info p {margin-top: 0.55vw; gap: 0 1.17vw;}
    #footer .info span {font-size: 0.94vw; letter-spacing: -0.08vw; line-height: 1.6;}
    #footer .sns {gap: 0 0.55vw;}
    #footer .sns img {width: 1.72vw;}
    #footer .copy {/* margin-top: 4.61vw; */ font-size: 0.94vw; letter-spacing: -0.08vw;}
    #footer .scrollTop {top: 7.66vw; right: 2.97vw;}
    #footer .scrollTop img {width: 1.41vw;}
    #footer .scrollTop p {font-size: 0.78vw; letter-spacing: -0.08vw;}


    /* main */
    /* 공통 */
    #main_wrap .inner {max-width: 93.98vw;}

    .ani_btn a {gap: 0 0.94vw; font-size: 0.94vw; width: 9.92vw; height: 2.73vw; line-height: 2.89vw; letter-spacing: -0.08vw;}
    .ani_btn a img {width: 1.41vw;}

    /* visual */
    .main_visual .video {height: 55.63vw;}
    .main_visual > .txt {max-width: 93.98vw; bottom: 11.17vw;}
    .main_visual > .txt p {font-size: 3.31vw;}
    .main_visual > .txt h2 {margin-top: 0.86vw; font-size: 3.52vw;}
    .main_visual > .txt .button {margin-top: 1.72vw;}
    .main_visual .scroll {right: 3.13vw; bottom: 3.67vw; gap: 0 0.86vw; font-size: 0.86vw;}
    .main_visual .scroll .scroll_icon {width: 1.76vw; height: 1.76vw;}
    .main_visual .scroll .scroll_icon span {width: 0.31vw; height: 0.31vw;}
    .main_visual .scroll .scroll-txt em{font-size: 0.82vw;}
    /* .main_visual .scroll img {width: 1.80vw;} */
    .main_visual > .txt .button a {gap: 0 0.94vw; font-size: 0.94vw; width: 9.92vw; height: 2.73vw; line-height: 2.89vw;}
    /* sec1 */
    .main_sec1 {padding: 9.30vw 0 0;}
    .main_sec1 .txt {gap: 0 16.56vw;}
    .main_sec1 .txt p {font-size: 1.17vw; letter-spacing: -0.08vw;}
    .main_sec1 .txt h2 {margin-top: 0.55vw; font-size: 2.97vw; letter-spacing: -0.08vw;}
    .main_sec1 .info {margin-top: 2.58vw;}
    .main_sec1 .info h3 {font-size: 2.34vw; letter-spacing: -0.08vw;}
    .main_sec1 .info p {margin-top: 2.34vw; font-size: 1.17vw; letter-spacing: -0.08vw;}
    .main_sec1 .info .button {margin-top: 2.42vw;}
    .main_sec1 .img {height: 32.19vw; margin-top: 4.45vw;}
    /* sec2 */
    .main_sec2 {padding: 10.55vw 0 0 0;}
    .main_sec2 .top {max-width: 93.98vw;}
    .main_sec2 .top h2 {font-size: 3.52vw; letter-spacing: -0.16vw;}
    .main_sec2 .top p {margin-top: 0.55vw; font-size: 1.17vw; letter-spacing: -0.08vw;}
    .main_sec2 .list {margin-top: 2.89vw; height: 29.31vw;}
    .main_sec2 .collect-list {max-width: 93.98vw;}
    .main_sec2 .list ul.gal_list {margin-left: -2.34vw;}
    .main_sec2 .list ul.gal_list .collect-item {width: 31.07vw; min-width: 31.07vw; margin-left: 2.34vw;}
    .main_sec2 .list ul.gal_list .img {height: 21.69vw;}
    .main_sec2 .list ul.gal_list .img img {height: 100%;}
    .main_sec2 .list ul.gal_list .info {margin-top: 2.93vw;}
    .main_sec2 .list ul.gal_list .info p {font-size: 1.06vw; letter-spacing: -0.06vw;}
    .main_sec2 .list ul.gal_list .info h3 {margin-top: 0.53vw; font-size: 2.05vw; letter-spacing: -0.12vw;}
    .main_sec2 .list ul .last {width: 31.07vw; height: 28.78vw;}
    .main_sec2 .list ul .last .collect-search-sm {height: 100%;}
    .main_sec2 .list ul .last .txt p {font-size: 0.94vw;}
    .main_sec2 .list ul .last .txt h2 {margin-top: 1.17vw; font-size: 1.47vw;}
    .main_sec2 .collect-search-wrap {width: 31.07vw;}
    .main_sec2 .collect-search-wrap .txt p {font-size: 0.94vw;}
    .main_sec2 .collect-search-wrap .txt h2 {margin-top: 1.17vw; font-size: 2.34vw; letter-spacing: -0.12vw;}
    .main_sec2 .collect-search-wrap .txt .formbox {width: 41.03vw; margin: 2.34vw auto 0;}
    .main_sec2 .collect-search-wrap .txt input {padding: 1.17vw 1.47vw 1.17vw 0; font-size: 1.17vw;}
    .main_sec2 .collect-search-wrap .txt input::placeholder {font-size: 1.17vw;}
    .main_sec2 .collect-search-wrap .txt img {width: 1.17vw;}
    .main_sec2 .collect-search-sm .txt-con .word::after {height: 0.06vw;}

    /* sec3 */
    .main_sec3 {margin-top: 9.77vw;}
    .main_sec3 .top {max-width: 93.98vw;}
    .main_sec3 .top h2 {font-size: 3.52vw; letter-spacing: -0.16vw;}
    .main_sec3 .top p {margin-top: 0.55vw; font-size: 1.17vw; letter-spacing: -0.08vw;}
    .main_sec3 .tab_cont {padding: 5.23vw 0 0 3.13vw;}
    .main_sec3 .tab_cont .tab li {font-size: 1.72vw;}
    .main_sec3 .tab_cont .tab li + li {margin-top: 4.06vw;}
    .main_sec3 .tab_cont .tab li.on {font-size: 2.34vw;}
    .maiCn_sec3 .cont {width: 60.00vw; height: 44.92vw;}
    .main_sec3 .cont .item {gap: 0 2.58vw;}
    .main_sec3 .cont .item .left {width: 5.23vw;}
    .main_sec3 .cont .item .right .img {height: 35.16vw;}
    .main_sec3 .cont .item .right .txt {margin-top: 2.03vw;}
    .main_sec3 .cont .item .right .txt em {font-size: 1.17vw;}
    .main_sec3 .cont .item .right .txt strong {font-size: 2.97vw;}
    .main_sec3 .cont .item .right .txt p {margin-top: 0.55vw; font-size: 1.33vw;}

    /* sec4 */
    .main_sec4 {height: 39.30vw; margin-top: 10.47vw;}
    .main_sec4 .txt h2 {font-size: 3.52vw; letter-spacing: -0.16vw;}
    .main_sec4 .txt p {margin-top: 1.17vw; font-size: 1.41vw;}
    .main_sec4 .txt .button {margin-top: 2.27vw;}

    /* sec5 */
    .main_sec5 {margin-top: 10.55vw;}
    .main_sec5 > .top {max-width: 93.98vw;}
    .main_sec5 .top h2 {font-size: 3.52vw; letter-spacing: -0.16vw;}
    .main_sec5 .top p {margin-top: 0.55vw; font-size: 1.17vw; letter-spacing: -0.08vw;}
    .main_sec5 .logo {margin-top: 2.81vw;}
    .main_sec5 .bot_swiper {margin-top: 1.48vw;}
    .main_sec5 .logo .swiper-wrapper {gap: 0 1.41vw;}
    .main_sec5 .logo .swiper-slide {width: 17.58vw;}

}

@media screen and (max-width:768px) {

    .only_pc {display: none;}
    .only_mob {display: block;}

    /* intro */
    .intro_logo {text-align: center;}
    .intro_logo img{width: 75%;}
    
    /* header */
    #header {height:15.63vw;}
    #header .inner {max-width: 100%; padding: 0 3.13vw;}
    #header .inner .logo {width: 36.46vw;}
    #header .inner ul {display: none;}
    #header .inner .allMenu {gap: 0 1.56vw; font-size: 3.13vw;}
    #header .inner .allMenu img {width: 6.25vw;}
    /* allMenu */
	.all_menu.pc_all.on{display: none;}
	.all_menu.mob_all.on{display: block;}
    .all_menu {height: 100vh; padding: 20.57vw 3.91vw 6.51vw; overflow-y: scroll;}
    .all_menu .inner > h2 img {width: 36.46vw;}
    .all_menu::after {display: none;}
    .all_menu .close {top: 4.43vw; right: 2.73vw;}
    .all_menu .close img {width: 6.25vw;}
    .all_menu .inner {padding: 0;}
    .all_menu .inner > img {width: 36.46vw;}
    .all_menu .inner ul {margin-top: 15.63vw; display: revert;}
    .all_menu .inner ul li {width: 100%;}
    .all_menu .inner ul li h3 {font-size: 3.13vw; border-top: 0.13vw solid rgba(255,255,255,.3); position: relative; padding: 3.91vw 2.60vw;}
    .all_menu .inner ul li h3.on::after {transform: translateY(-50%) rotate(180deg);}
    .all_menu .inner ul li h3::after {content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 2.60vw; background: url('/img/icon/allMenu_arrow.svg') no-repeat; width: 4.30vw; height: 4.30vw; background-size: 4.30vw 4.30vw; display: block;}
    .all_menu .inner ul li ol {display: none; margin-top: 0; border-top: 0.13vw solid rgba(255,255,255,.3); padding: 5.21vw 0;}
    .all_menu .inner ul li:last-child ol {border-bottom: 0.13vw solid rgba(255,255,255,.3);}
    .all_menu .inner ul li ol li:hover a {text-underline-offset: 0.39vw;}
    .all_menu .inner ul li ol a {padding: 1.95vw 3.13vw; font-size: 3.65vw;}
    /* footer */
    #footer {padding: 16.15vw 0 14.06vw; margin-top: 18.23vw;}
    #footer .inner {max-width: 100%; padding: 0 3.13vw; display: revert;}
    #footer .logo {margin-right: 0;}
    #footer .logo img {width: 50.78vw;}
    #footer .menu {margin-right: 0; margin-top: 10.42vw; width: 100%; display: flex; align-items: center; gap: 0 3.91vw;}
    #footer .menu a {font-size: 3.65vw; padding: 0; letter-spacing: -0.26vw; line-height: 1.6;}
    #footer .info {margin-right: 0; margin-top: 7.81vw;}
    #footer .info div + div {margin-top: 2.60vw;}
    #footer .info strong {font-size: 3.65vw; letter-spacing: -0.26vw; line-height: 1.7;}
    #footer .info p {margin-top: 1.43vw; gap: 0 3.91vw; flex-wrap: wrap;}
    #footer .info span {font-size: 3.13vw; letter-spacing: -0.26vw; line-height: 1.7; flex-wrap: wrap;}
    #footer .sns {gap: 0 2.60vw; margin-top: 7.81vw; justify-content: flex-start;}
    #footer .sns img {width: 7.81vw;}
    #footer .copy {margin-top: 2.60vw; font-size: 3.13vw; letter-spacing: -0.26vw; line-height: 1.8;}
    #footer .scrollTop {top: auto; bottom: 14.06vw; right: 2.86vw;}
    #footer .scrollTop img {width: 6.25vw;}
    #footer .scrollTop p {font-size: 3.65vw; letter-spacing: -0.26vw; margin-top: 1.30vw;}


    /* main */
    /* 공통 */
    #main_wrap .inner {max-width: 100%; padding: 0 3.13vw;}

    .ani_btn a {gap: 0 2.34vw; font-size: 3.65vw; width: 36.46vw; height: 9.90vw; line-height: 9.90vw; letter-spacing: -0.26vw;}
    .ani_btn a img {width: 5.21vw;}

    /* visual */
    .main_visual .video {height: 100vh;}
    .main_visual iframe {transform: scale(4.2);}
    .main_visual > .txt { /* bottom: 48.18vw; */ bottom: 40.18vw; max-width: 100%; padding: 0 3.13vw;}
    .main_visual > .txt p {font-size: 4.51vw;}
    .main_visual > .txt h2 {margin-top: 3.91vw; font-size: 9.11vw; line-height: 1.2;}
    .main_visual > .txt .button {margin-top: 4.56vw;}
    .main_visual .scroll {right: 3.13vw; bottom: 8.07vw; gap: 0 3.91vw; font-size: 3.65vw;}
    .main_visual .scroll .scroll_icon {width: 7.81vw; height: 7.81vw;}
    .main_visual .scroll .scroll_icon span {width: 1.30vw; height: 1.30vw;}
    .main_visual .scroll .scroll-txt em{font-size: 3.65vw;}
    /* .main_visual .scroll img {width: 7.81vw;} */
    .main_visual > .txt .button a {gap: 0 2.34vw; font-size: 3.65vw; width: 36.46vw; height: 9.90vw; line-height: 9.90vw;}
    /* sec1 */
    .main_sec1 {padding: 20.83vw 0 0;}
    .main_sec1 .txt {display: revert;}
    .main_sec1 .txt p {font-size: 3.65vw; letter-spacing: -0.26vw;}
    .main_sec1 .txt h2 {margin-top: 2.60vw; font-size: 7.29vw; letter-spacing: -0.52vw;}
    .main_sec1 .info {margin-top: 10.42vw;}
    .main_sec1 .info h3 {font-size: 6.51vw; letter-spacing: -0.52vw;}
    .main_sec1 .info p {margin-top: 5.21vw; font-size: 3.65vw; letter-spacing: -0.26vw; word-break: keep-all; line-height: 1.7;}
    .main_sec1 .info .button {margin-top: 5.21vw;}
    .main_sec1 .img {height: 88.54vw; margin-top: 10.55vw;}
    /* sec2 */
    .main_sec2 {padding: 35.23vw 0 0 0;}
    .main_sec2 .top {display: revert; max-width: 100%; padding: 0 3.13vw;}
    .main_sec2 .top h2 {font-size: 7.29vw; letter-spacing: -0.52vw;}
    .main_sec2 .top p {margin-top: 2.60vw; font-size: 3.65vw; letter-spacing: -0.26vw;}
    .main_sec2 .top .button {margin-top: 5.21vw;}
    .main_sec2 .list {margin-top: 10.42vw; height: 580px;}
    .main_sec2 .collect-list {max-width: 93.75vw;}
    .main_sec2 .list ul.gal_list {margin-left: -6.51vw;}
    .main_sec2 .list ul.gal_list .collect-item {width: 78.13vw; min-width: 31.12vw; margin-left: 6.51vw;}
    .main_sec2 .list ul.gal_list .img {height: 54.56vw;}
    .main_sec2 .list ul.gal_list .img img {height: 100%;}
    .main_sec2 .list ul.gal_list .info {margin-top: 7.29vw;}
    .main_sec2 .list ul.gal_list .info p {font-size: 2.60vw; letter-spacing: -0.09vw;}
    .main_sec2 .list ul.gal_list .info h3 {margin-top: 1.30vw; font-size: 5.21vw; letter-spacing: -0.29vw;}
    .main_sec2 .list ul .last {width: 78.13vw; height: 75.52vw;}
    .main_sec2 .list ul .last .txt p {font-size: 2.34vw;}
    .main_sec2 .list ul .last .txt h2 {margin-top: 2.99vw; font-size: 4.21vw;}
    .main_sec2 .collect-search-wrap {width: 78.13vw;}
    .main_sec2 .collect-search-wrap .txt p {font-size: 2.34vw;}
    .main_sec2 .collect-search-wrap .txt h2 {margin-top: 2.99vw; font-size: 5.21vw; letter-spacing: -0.30vw;}
    .main_sec2 .collect-search-wrap .txt .formbox {width: 78.13vw; margin: 5.99vw auto 0;}
    .main_sec2 .collect-search-wrap .txt input {padding: 3.06vw 3.91vw 3.06vw 0; font-size: 3.65vw;}
    .main_sec2 .collect-search-wrap .txt input::placeholder {font-size: 3.65vw;}
    .main_sec2 .collect-search-wrap .txt img {width: 3.65vw;}

    /* sec3 */
    .main_sec3 {margin-top: 18.36vw;}
    .main_sec3 .top {max-width: 100%; padding: 0 3.13vw; display: revert;}
    .main_sec3 .top h2 {font-size: 7.29vw; letter-spacing: -0.52vw;}
    .main_sec3 .top p {margin-top: 2.60vw; font-size: 3.65vw; letter-spacing: -0.26vw; word-break: keep-all; line-height: 1.7;}
    .main_sec3 .top .button {margin-top: 5.21vw;}
    .main_sec3 .tab_cont {padding: 10.55vw 0 0 3vw; display: revert;}
    .main_sec3 .tab_cont .tab {padding: 0; display: flex; align-items: center; gap: 0 7.81vw; white-space: nowrap; overflow-x: scroll;}
    .main_sec3 .tab_cont .tab li {font-size: 4.69vw;}
    .main_sec3 .tab_cont .tab li + li {margin-top: 0;}
    .main_sec3 .tab_cont .tab li.on {font-size: 4.69vw;}
    .main_sec3 .cont {width: 100%; height: 103.91vw; margin-top: 7.81vw;}
    .main_sec3 .cont .item {width: 100%;}
    .main_sec3 .cont .item .left {display: none;}
    .main_sec3 .cont .item .right .img {height: 70.57vw;}
    .main_sec3 .cont .item .right .txt {margin-top: 7.81vw; padding: 0;}
    .main_sec3 .cont .item .right .txt em {font-size: 3.65vw; line-height: 1.7;}
    .main_sec3 .cont .item .right .txt strong {font-size: 6.51vw;}
    .main_sec3 .cont .item .right .txt p {margin-top: 2.60vw; font-size: 4.17vw;}

    /* sec4 */
    .main_sec4 {height: 91.15vw; margin-top: 16.80vw;}
    .main_sec4 .txt {width: 100%}
    .main_sec4 .txt h2 {font-size: 7.29vw; letter-spacing: -0.41vw;}
    .main_sec4 .txt p {margin-top: 2.60vw; font-size: 3.65vw;}
    .main_sec4 .txt .button {margin-top: 5.47vw;}

    /* sec5 */
    .main_sec5 {margin-top: 18.23vw;}
    .main_sec5 > .top {max-width: 100%; padding: 0 3.13vw;}
    .main_sec5 .top h2 {font-size: 7.29vw; letter-spacing: -0.78vw;}
    .main_sec5 .top p {margin-top: 2.60vw; font-size: 3.65vw; letter-spacing: -0.26vw;}
    .main_sec5 .logo {margin-top: 10.42vw;}
    .main_sec5 .bot_swiper {margin-top: 7.81vw;}
    .main_sec5 .logo .swiper-wrapper {gap: 0 6.51vw;}
    .main_sec5 .logo .swiper-slide {width: 45.31vw;}

}