body{-ms-touch-action: none; }


/*스크롤매직*/

.main_point_sec{margin-top:500px; margin-bottom:500px;}
.main_point_sec #pinContainer {width: 100%;height: 100%; overflow: hidden; -webkit-perspective: 1000; perspective: 1000; }
.main_point_sec #slideContainer {width:300%; height: 100%;}
.main_point_sec .panel { height: 100vh; height: 100dvh; height: calc(var(--vh, 1vh) * 100);  width: 33.3%;  float: left;}
.main_point_sec #pinContainer{    overflow: initial;}
.main_point_sec .scrollmagic-pin-spacer{width: 100% !important;}
.main_point_sec .box1 {left: 50% !important;  transform: translateX(-50%); position: sticky !important; inset: 460.5px auto auto -0.5px; left: 50% !important; width: 1600px ;height: 460px; padding:0;overflow: hidden; border-radius: 60px 60px 0 0; margin-top:4px !important}
.main_point_sec .box1 img{width: 100%; object-position: top;}


img{width: 100%;object-fit: cover; height: 100%; display: block;}

.main_point_sec .demo01 .scrollmagic-pin-spacer{position: initial !important;    display: flex !important; padding-bottom: 0 !important; margin-bottom: -10px;}
.main_point_sec .demo01 .box1{ transform: none;    left: 0% !important;}
.main_point_sec .demo01 .spacer.s2 { min-height: 0px; }

.main_point_sec .demo01 .box1::before{content:'';width: 100%;height: 100px;border-color: #597fa3; position: absolute;left:0;bottom:0;}

/*메인 슬라이드*/
.wrap{overflow: hidden; clip-path: inset(0 0 0 0); position: relative; }
.wrap section{contain: layout;}

.banner-wrap {position: relative; height: 200vh; height: 200dvh; height: calc(var(--vh, 1vh) * 200); overflow-x: hidden;}
.bg-container{position: fixed;top: 0; left: 0; width: 100%; height: 100vh; height: 100dvh; height: calc(var(--vh, 1vh) * 100); background-size: cover;z-index: 5; -webkit-transform: translateZ(5);}


.slide {will-change: transform;}
.slide .main_slide{height: 100vh; height: 100dvh; height: calc(var(--vh, 1vh) * 100);  }

.slide #bg1{background-image: url(../img/main/mb01.jpg); background-position: 7% center;}
.slide #bg2{background-image: url(../img/main/mb02.jpg); background-position: center 40%; opacity: 0;}

.slide .txtbox{position: fixed; z-index: 99; bottom: 100px; color: #fff; z-index: 5; width:100%; overflow: hidden; -webkit-transform: translateZ(5);}
.slide .txtbox .embox{overflow: hidden;}
.slide .txtbox em{font-size: 76px; font-family: 'SuseongDotum'; line-height: 1.25; display: block;}
.slide .txtbox p{font-size:24px ; margin-top:22px; color: #fff; line-height: 1.5; font-weight: 400;}
/* .slide .txtbox p span{color:var(--main-color-light) ;} */

.slide .txtbox.txtbox2{color: #fff !important; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; height: max-content; text-shadow: 0 0 15px rgba(0,0,0,.15);}

/* 25-03-06 추가 */
.slide .txtbox.txtbox2 p{ font-weight: 600; font-size: 50px; line-height: 1.3; margin-top: 0;}
.slide .txtbox.txtbox2 p span{display: block;}
.slide .txtbox.txtbox2 p .main-c-l{font-weight: 800; transition: all .2s;}
.slide .txtbox.txtbox2 p:nth-child(2){}
.slide .txtbox.txtbox2 p + p{margin-top: 40px;}

/* .slide .main_slide .swiper-slide > i{position: relative; width: 100%; padding-bottom: 100dvh; display: block; }
.slide .main_slide .swiper-slide > i img{position: absolute; width: 100%; height:100%; left:50%; top:50%;transform: translate(-50%, -50%);} */

/* .slide .main_slide .swiper-slide > i img{position: absolute; width: max-content; height:max-content; left:50%; top:50%;transform: translate(-50%, -50%); object-fit: cover; max-width: none; max-height: none;} */
/* .slide .main_slide .swiper-slide.mb01 > i img{transform: translate(-30%, -50%); height: 140%;}
.slide .main_slide .swiper-slide.mb02{position: absolute; z-index: -1;}
.slide .main_slide .swiper-slide.mb02 > i img{height: 140%; transform: translate(-50%, -35%);} */






.slide .right_but{position: absolute;right:0; top:100px; z-index: 9; height: calc(100dvh - 100px);}

.slide .right_but ul{height: 100%; color: #fff; font-size: 24px; font-weight: 300;  border-left:1px solid rgba(255, 255, 255, 0.3);}
.slide .right_but li{height: calc(100% / 7); padding:0 80px;display: flex;    justify-content: space-between; align-items: center; cursor: pointer;}
.slide .right_but li + li{border-top:1px solid rgba(255, 255, 255, 0.3);}
.slide .right_but li span{font-size: 50px; font-weight: 600; margin-right: 10px; display: block;}
.slide .right_but li  em{display: flex; align-items: center;}
.slide .right_but li  em+p{margin-left: 40px;}
.slide .right_but li > div{display: flex; align-items: center;justify-content: center;}
.slide .right_but li.last_li{padding:0;}
.slide .right_but li.last_li >div{width: 100%;height: 100%;}
.slide .right_but li.last_li  button{font-size: 22px; color: #fff;font-weight: 500;padding:0; display: flex; align-items: center; width: 100%;height: 100%; background: rgba(0, 0, 0, 0.3);justify-content: center;}
.slide .right_but li.last_li  button i{margin-left: 10px;}

.slide .swiper-pagination.swiper-pagination-bullets {bottom: 50px ;}
.slide .swiper-pagination-bullet {width: 6px;height: 6px; background-color: #fff; margin:0}
.slide .swiper-pagination span.swiper-pagination-bullet{margin:0; position: relative;}
.slide .swiper-pagination span.swiper-pagination-bullet + span.swiper-pagination-bullet{margin-left: 20px;}
.slide .swiper-pagination span.swiper-pagination-bullet-active::before{content: '';display: block; width: 14px;height: 14px;border:1px solid #fff;border-radius: 40px;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}

.scroll_ani{position: fixed; bottom: 100px; z-index: 10; -webkit-transform: translateZ(10);} 
.scroll_ani b{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.scroll_ani i img{animation: rotate 10s infinite linear;}

@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.sec_pt{padding-top: 180px;}
.sec_pb{padding-bottom: 180px;}
.sec_ptb{padding-top: 180px;padding-bottom: 180px;}


.sec02 > div{display: flex; height: 100vh; height: 100dvh; height: calc(var(--vh, 1vh) * 100);  width: 100%;}
/* .sec02 > div > div{width: 50%;} */
.sec02 > div .img{position: relative; padding-bottom: 50%;}
/* .sec02 > div .img img{position: absolute; width: 100%; height:100%; left:50%; top:50%; transform: translate(-50%, -50%); object-fit: cover;} */
.sec02 > div  .txt{background: url(../img/main/line-bg.png) no-repeat center bottom #222; background-size: cover; box-sizing: border-box;padding: 200px 100px 100px;}
.sec02 > div  .txt h6{font-size: 45px; letter-spacing: 0.02em; line-height: 1.3; color: #fff; padding-bottom: 50px; text-transform: uppercase; font-family: 'SuseongDotum'; font-weight: 400;}
.sec02 > div  .txt p{ font-size: 24px; line-height: 1.5; color: #fff;}


/* 애니메이션 적용을 위한 css수정 */
.sec02{overflow: hidden; will-change: transform;}
.sec02 > div{display: block; height: 100vh; height: 100dvh; height: calc(var(--vh, 1vh) * 100);  width: 100%;  position: relative;}
.sec2-group{ display: flex; align-items: center;position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;visibility: hidden; transition: opacity 1.5s ease, visibility 1.5s ease;}
.sec2-group.active {
  opacity: 1;
  visibility: visible; 
}
.sec2-group#sec2-group1{opacity: 1;  visibility: visible;}

.sec2-group > div{width: 50%; height: 100vh; height: 100dvh; height: calc(var(--vh, 1vh) * 100);  display: inline-block;}
.sec2-group .img{width: 50%; height: 100vh; height: 100dvh; height: calc(var(--vh, 1vh) * 100);  display: flex; justify-content: center; align-items: center; position: relative; padding-bottom: 0 !important; }
.sec2-group .img img { width: 100%; height: 100%; object-fit: cover;} 

.sec2-group .txt{background: url(../img/main/line-bg.png) no-repeat center bottom #222; background-size: cover; box-sizing: border-box;padding: 200px 100px 100px; width: 50%;height: 100vh; height: 100dvh; height: calc(var(--vh, 1vh) * 100); }
.sec2-group .txt#text2{ opacity: 0;}

.sec2-group .txt h6{font-size: 45px; letter-spacing: 0.02em; line-height: 1.3; color: #fff; padding-bottom: 50px; text-transform: uppercase; font-family: 'SuseongDotum'; font-weight: 400;}
.sec2-group .txt p{ font-size: 24px; line-height: 1.5; color: #fff;}



section.demo *{ text-align: left;}
.title b{font-size: 24px; color: var(--main-color);font-weight: bold; display: block; overflow: hidden; }
.title b span{display: block;}
.title em{ font-size: 54px; color: #fff; display: block; line-height: 1.3; font-family: 'SuseongDotum'; letter-spacing: 0;}
.title b + em{margin-top: 20px;}

.title .tabs + em{margin-top: 40px;}
.title b + .top{margin-top: 20px;}
.title .top + p{margin-top: 60px;}
.title p{ font-size: 24px; color: #fff; font-weight: 400; line-height: 1.5;}

.title p.sub_en{color: #ffffff80; margin-top: 16px;}

.title em + p{margin-top: 26px;}
.title{margin-bottom: 60px;}


.tabs ul{display: flex; gap: 30px;}
.tabs li.on a{color: #fff; border-color: #fff; font-weight: 700;}
.tabs li a{padding:8px 0; border-bottom: 2px solid transparent; color: #aaa; font-size: 20px; font-weight: 500;} 
.tabs li:hover a{color: #fff;}

.but button{padding: 16px 26px;border:1px solid #fff; border-radius: 60px; color: #fff; display: flex; justify-content: center; font-size: 20px; align-items: center; gap: 30px;font-weight: 400; position: relative; transition: all .15s;  z-index: 2;}
.but.center button{margin: 0 auto;}
/* .but button span img{position: relative; transition: all .15s;}
.but button:hover span img{transform: translateX(4px);} */
.but button:before{content:''; position: absolute; width: 60px; height: 100%; border-radius: 100px; background: var(--main-color); z-index: -1; opacity: 0; transition: all .15s ease-in; left: 0;} 
.but button:hover::before{opacity: 2; width: 100%; outline: 1px solid var(--main-color);}
.but button:hover{border-color: var(--main-color); }
 

.recruitment{position: relative; overflow: hidden; max-width: 100%;}

/* 2025-03-27 .recruitment:after > .recruitment-bg로 일괄변경함, 가상요소로 되돌릴 시 다시 일괄변경 되돌리면 됨  */
.recruitment-bg{content:'';display: block;width: 670px;   aspect-ratio: 1 / 1.01;  background: url(../img/main/earth-bg.png) center/cover; position: absolute; right:0; top:150px; z-index: -1; pointer-events: none; transform: translateX(8%);}



.recruitment .title .top{display: flex; justify-content: space-between; align-items: flex-end;}
.recruitment .title .top > div{overflow: hidden;}
.recruitment .tabs_but{display: flex; align-items: center; justify-content: space-between; margin-top: 40px;}

.recruitment .tabs_but + .apply_list{margin-top: 26px;}


.apply_list{display: flex; flex-wrap: wrap; gap: 30px; min-height: 200px;}
/* .apply_list.row li{padding:15px;} */
.apply_list li{width: calc((100% - 60px) / 3);}
.apply_list li > div{ border:1px solid #666; padding:30px; border-radius: 10px; background: #2a2a2a; cursor: pointer; height: 100%; transition: all .15s;display: flex; flex-direction: column; justify-content: space-between;}
.apply_list li .top{display: flex; align-items: center; justify-content: space-between;}
.apply_list li .top b{ font-weight: 600; padding:8px 14px; border-radius: 30px; background: var(--main-color); color: #fff; line-height: 1;}
.apply_list li .top b span{ font-weight: inherit;} 
.apply_list li .top p{ color: #ccc; font-weight: 500; font-size: 18px;;}


.apply_list li:hover > div{border-color: var(--main-color); outline: 1px solid var(--main-color); box-shadow: 0 0 30px #5398FF; background-color: #fff;}
.apply_list li:hover .top p,
.apply_list li:hover .bot p span,
.apply_list li:hover .bot p.bay
{color: #888;}
.apply_list li:hover em{color: #222;}




.apply_list li em{ font-size: 22px; line-height: 1.3 ; margin:16px 0 20px; display: block; font-weight: 600; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word;}

/* .apply_list li em{ font-size: 22px; line-height: 1.3 ; margin:16px 0 20px; display: block; font-weight: 600; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word; height: 2.6em;} */

.apply_list li .bot p {font-weight: 300; color: #ccc;}
.apply_list li .bot p span{}
.apply_list li .bot p span + span{margin-left: 10px;padding-left: 10px;position: relative;; }
.apply_list li .bot p span + span::after{content:''; display: block; width: 3px;height: 3px; border-radius: 50%; background: #ccc;position: absolute;left:0;top:50%;transform: translateY(-50%);}

.apply_list li .bot p.bay{color: #ccc; margin-top: 2px;}


.title.tit-center{text-align: center;}

.quick-list:hover{cursor: url(../img/main/quick-cursor.svg), auto;}
.quick-list ul{display: flex;}
.quick-list ul li{width: calc(100% / 3); position: relative; width:100%; padding-bottom: 30%; overflow: hidden;}
.quick-list ul li img{position: absolute; width: 100%; height:100%; left:50%; top:50%; transform: translate(-50%, -50%) scale(1.01); object-fit: cover;}
.quick-list ul li .txt{position: absolute; left: 80px; bottom: 80px; color: #fff; z-index: 2; overflow: hidden;}

.quick-list ul li .txt p{font-size: 28px; }
.quick-list ul li .txt b{font-size: 42px; line-height: 1.3; letter-spacing: 0.02em; margin-top: 16px; display: block;  font-family: 'SuseongDotum';  font-weight: 400;}

.quick-list ul li:after{content:''; position: absolute; display: block; left: 50%; top: 50%; transform: translate(-50%, -50%); background: linear-gradient(to top, #0093D6, #0093D644);; width: 100%; height: 100%; opacity: 0; transition: all .15s; pointer-events: none}
.quick-list ul li:hover:after{opacity: 1;}

.main_point_sec .panel {position: relative;}
.main_point_sec .panel .txtbox::before{content:'';display: block;width: 60%;height: 390%;background: url(../img/main/earth-bg.png) center/cover; position: absolute;left:50%;transform: translate(-50%,-50%);top:50%; opacity: 0.2; z-index: -1;}
.main_point_sec .panel .txtbox{position: absolute; left:50%;top:50%;transform: translate(-50%,-50%); z-index: 999; text-align: center; width: 100%; }
.main_point_sec .panel .txtbox b{display: block; font-size: 24px; color: var(--main-color); font-weight: bold; text-align: center;}
.main_point_sec .panel .txtbox em{display: block; font-size: 50px; color: #fff; font-weight: 300; line-height: 1.2; text-align: center; margin-top: 20px;font-family: 'GmarketSans';}



.culture{background: #fff; z-index: 99;  position: relative; overflow: hidden;width: 100vw;}

.culture::after{content:'';display: block;width:1600px;height:2100px; background: url(../img/main/bg03.png) center/cover; position: absolute; left:0; top:47%;transform: translateY(-50%); z-index: -1; }
.culture .but{margin-top: 50px; margin-bottom: 80px;;}
.culture .title p{font-size: 30px; font-weight: 500;}

.culture ul{display: flex; flex-wrap: wrap;    width: 100%;}
.culture li.title_con em{width: 70vw;}
.culture li.con{margin-top: 200px;}
.culture li.con01{margin-top: 300px;}
.culture li.con02{margin-top: -100px;}
.culture li.con03{margin-top: 200px;}
.culture li.con01 > div{margin-left: auto;}
.culture li.con02 > div{margin-left: auto;}
.culture li.con03 > div{margin:0 auto;}
.culture li.con > div{ background: url(../img/main/culture01.png) center/cover; width: 70%; padding-bottom: 70%; position: relative; border-radius: 40px;}
.culture li{width: 50%;}
.culture li.con > div .txtbox{position: absolute;left:50px;bottom:50px; color: #fff; font-weight: 500; width: 100%;}
.culture li.con > div .txtbox p{opacity: 0.8;}
.culture li.con > div .txtbox em{font-weight: bolder; font-size: 50px;}
.culture li.con > div .txtbox span{font-size: 120px; font-weight: bolder; position: absolute;    right: 60px; bottom: -100px; opacity: 0.2;}




/* .inquiry{ position: relative; background: url(../img/main/inq-bg.png) no-repeat center bottom ; } */
.inquiry{ position: relative; background: url(../img/main/inq-bg.png) no-repeat center bottom ; background-attachment: fixed;  backface-visibility: hidden;}
.inquiry:after{content:''; display: block; position: absolute; width: 100%; height: 348px; left: 50%; bottom: 0;transform: translateX(-50%); background: linear-gradient(to top, #222, transparent); z-index: 0; pointer-events: none}

.inquiry:before{content:''; display: block; position: absolute; width: 100%; height: 150px; left: 50%; top: 0px;transform: translateX(-50%); background: linear-gradient(to top, transparent, #222 80%); pointer-events: none; z-index: 2;}


.inquiry_list{font-size: 28px;font-weight: 400; box-sizing: border-box; padding: 20px 50px; border-radius: 10px;  background-color: rgba(0,0,0,.5); backdrop-filter: blur(20px); z-index: 2; position: relative;}
.inquiry_list span{font-weight: inherit;}
.inquiry_list div{font-weight: inherit;}
.inquiry_list li{padding: 30px 20px; border-bottom: 1px solid #444;}
.inquiry_list li:last-child{border-bottom: none;}
.inquiry_list .question{ color: #BBBBBB; font-weight: 600; cursor: pointer; }
.inquiry_list .question + .answer{margin-top: 20px;}
.inquiry_list .answer{display: none; color: #f0f0f0;font-weight: 400; padding:30px 50px; background: rgba(0,0,0,.5); border-radius: 8px; font-size: 20px; line-height: 1.5;}
.inquiry_list li.on .question{ color: #fff;}
.inquiry_list li.on .answer {display: block;}

.inq-flex{display: flex; position: relative; height: auto;}
.inq-flex .title{width: 545px;  left: 0; top: 0; overflow: hidden;}
.inq-flex .inquiry_list{width: calc(100% - 545px); z-index: 6;}

.question p{position: relative; padding-left: 90px;}
/* .question p span{font-family: 'SuseongDotum'; color: #fff; margin-right: 60px; font-size: 40px; position: absolute; left: 0; top: -10px;} */
.question p:after{content:'Q'; display: block; font-family: 'SuseongDotum'; color: #fff; margin-right: 60px; font-size: 40px; position: absolute; left: 0; top: -10px;}
.but.top-m{margin-top: 40px;;}



/* .inquiry .but button{margin:0 auto; font-size: 20px; width: 230px; padding:20px; } */

.partner {border-top:1px solid #eee; padding:40px 0; position: relative; background-color: #fff;}
.partner img{width: 90%; margin:0 auto;}
.partner .swiper{overflow: initial;}

/* .cus-tab {padding-top: 50px;} */


.bottom-sec{padding-top: 30px; background: url(../img/main/bottom-sec-bg.jpg) no-repeat center center #222; width: 100%; background-size: cover; position: relative; overflow: hidden; transform: translateZ(0); will-change: transform;}
.bottom-sec .title{padding-bottom: 140px;}
.bottom-sec:before{content:''; display: block; position: absolute; width: 100%; height: 200px; left: 50%; top: 0;transform: translate(-50%, -200px); background: linear-gradient(to bottom, transparent, #222, transparent); pointer-events: none;}


/* ---------------------20250401 cursor ai 모바일 스크롤 튐 수정 코드 ---------------------- */
/* 이미지 최적화 */
img {
    max-width: 100%;
    height: auto;
    transform: translateZ(0);
    will-change: transform;
    backface-visibility: hidden;
}

/* 이미지 레이지 로딩 */
img[loading="lazy"] {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

img[loading="lazy"].loaded {
    opacity: 1;
}

/* 기존 스타일 유지 */
.scrollmagic-pin-spacer{width: 100% !important;}
.box1 {left: 50% !important;  transform: translateX(-50%); position: fixed !important; inset: 460.5px auto auto -0.5px; left: 50% !important; width: 60% ;height: 460px; padding:0;overflow: hidden;}
.box1 img{width: 100%;}

/* 모바일 스크롤 성능 최적화 */
@media screen and (max-width: 1024px) {
    .recruitment {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        will-change: transform;
        backface-visibility: hidden;
        perspective: 1000;
    }

    .recruitment .flow-txt {
        transform: translateZ(0);
        will-change: transform;
        backface-visibility: hidden;
        perspective: 1000;
    }

    .recruitment .flow-txt img {
        transform: translateZ(0);
        will-change: transform;
        backface-visibility: hidden;
        perspective: 1000;
    }

    /* 모바일에서 불필요한 애니메이션 제거 */
    .recruitment [data-aos] {
        pointer-events: none;
    }
    .recruitment [data-aos].aos-animate {
        pointer-events: auto;
    }
    .aos-animate {
        pointer-events: none;
    }
    .aos-animate > * {
        pointer-events: auto;
    }

    /* 스크롤 성능 개선을 위한 CSS */
    .recruitment {
        position: relative;
        z-index: 1;
    }

    .recruitment-bg {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        /* height: 100%; */
        z-index: -1;
        transform: translateZ(0);
        will-change: transform;
        background: url(../img/main/earth-bg-mo.png) center/cover;
        aspect-ratio: 1 / 1.2;
    }

    /* 모바일에서 이미지 최적화 */
    .recruitment img {
        max-width: 100%;
        height: auto;
    }

    /* 마지막 섹션 최적화 */
    .bottom-sec {
        transform: translateZ(0);
        will-change: transform;
        backface-visibility: hidden;
        perspective: 1000;
        position: relative;
        z-index: 1;
    }

    .bottom-sec .title {
        transform: translateZ(0);
        will-change: transform;
        backface-visibility: hidden;
        perspective: 1000;
    }

    /* 푸터 최적화 */
    footer.page {
        transform: translateZ(0);
        will-change: transform;
        backface-visibility: hidden;
        perspective: 1000;
        position: relative;
        z-index: 1;
    }

    footer.page .footer_wrap {
        transform: translateZ(0);
        will-change: transform;
        backface-visibility: hidden;
        perspective: 1000;
    }

    /* 로딩 화면 최적화 */
    .loading {
        transform: translateZ(0);
        will-change: transform;
        backface-visibility: hidden;
        perspective: 1000;
        position: fixed;
        z-index: 9999;
    }

    /* 모바일에서 불필요한 애니메이션 제거 */
    .bottom-sec [data-aos],
    footer.page [data-aos] {
        pointer-events: none;
    }
    .bottom-sec [data-aos].aos-animate,
    footer.page [data-aos].aos-animate {
        pointer-events: auto;
    }

    /* FAQ 섹션 최적화 */
    .inquiry {
        transform: translateZ(0);
        will-change: transform;
        backface-visibility: hidden;
        perspective: 1000;
        position: relative;
        z-index: 1;
        -webkit-overflow-scrolling: touch; /* iOS 스크롤 부드럽게 */
    }

    .inquiry .inq-flex {
        transform: translateZ(0);
        will-change: transform;
        backface-visibility: hidden;
        perspective: 1000;
        position: relative;
        z-index: 1;
    }

    .inquiry .inquiry_list {
        transform: translateZ(0);
        will-change: transform;
        backface-visibility: hidden;
        perspective: 1000;
        position: relative;
        z-index: 1;
    }

    .inquiry .inquiry_list li {
        transform: translateZ(0);
        will-change: transform;
        backface-visibility: hidden;
        perspective: 1000;
        position: relative;
        z-index: 1;
    }

    /* FAQ 애니메이션 최적화 */
    .inquiry [data-aos] {
        pointer-events: none;
        transform: translateZ(0);
        will-change: transform;
        backface-visibility: hidden;
    }
    .inquiry [data-aos].aos-animate {
        pointer-events: auto;
    }

    /* 모바일 스크롤 성능 최적화 */
    @media screen and (max-width: 1024px) {
        .inquiry {
            -webkit-overflow-scrolling: touch;
            transform: translateZ(0);
            will-change: transform;
            backface-visibility: hidden;
            perspective: 1000;
        }

        .inquiry .inq-flex {
            transform: translateZ(0);
            will-change: transform;
            backface-visibility: hidden;
            perspective: 1000;
        }

        .inquiry .inquiry_list {
            transform: translateZ(0);
            will-change: transform;
            backface-visibility: hidden;
            perspective: 1000;
        }

        .inquiry .inquiry_list li {
            transform: translateZ(0);
            will-change: transform;
            backface-visibility: hidden;
            perspective: 1000;
        }

        /* 모바일에서 불필요한 애니메이션 제거 */
        .inquiry [data-aos] {
            pointer-events: none;
            transform: translateZ(0);
            will-change: transform;
            backface-visibility: hidden;
        }
        .inquiry [data-aos].aos-animate {
            pointer-events: auto;
        }

        /* 스크롤 성능 개선을 위한 CSS */
        .inquiry {
            position: relative;
            z-index: 1;
        }

        .inquiry-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            transform: translateZ(0);
            will-change: transform;
        }

        /* 모바일에서 이미지 최적화 */
        .inquiry img {
            max-width: 100%;
            height: auto;
            transform: translateZ(0);
            will-change: transform;
            backface-visibility: hidden;
        }
    }
}
/* -------------------------------------------------- */



/* ********************************************* *
* 1800px
* ********************************************* */
@media screen and (max-width: 1800px){
  .quick-list ul li .txt{left: 50px; bottom: 50px;}

}

/* ********************************************* *
* 1620px
* ********************************************* */
@media screen and (max-width: 1620px){
    #text1{margin: 0 auto; width: calc(100% - 32px); transform: translate(-2px, -50%);}
    .scroll_ani{margin-right: 16px;}

    .sec02 > div .txt h6{font-size: 40px; padding-bottom: 32px;}
    .sec02 > div .txt p{font-size: 20px;}
    .sec02 > div .txt{padding: 140px 0 80px 80px;}

    .quick-list ul li .txt{left: 50px; bottom: 50px;}
    .quick-list ul li .txt p{font-size: 22px;}
    .quick-list ul li .txt b{font-size: 34px; margin-top: 12px;}

    .recruitment-bg{width: 600px; transform: translateX(4%); top:150px;}
    .apply_list{gap: 20px;}
    .apply_list li{width: calc((100% - 40px) / 3);}
    .apply_list li > div{padding: 24px;}
    .apply_list li em{margin: 14px 0 16px;}
    .apply_list li .top b{font-weight: 500; font-size: 15px; padding: 6px 12px;}

    .apply_list{min-height: 150px;}

    .inq-flex .title{width: 460px;}
    .inq-flex .inquiry_list{width: calc(100% - 460px); padding: 20px 35px;}
    /* .question p span {font-size: 35px; margin-right: 26px;} */
    .question p:after {font-size: 35px; margin-right: 26px;}
    .question p{padding-left: 75px;}
    .inquiry_list {font-size: 22px;}
    .inquiry_list li{padding: 26px 16px;}
    .inquiry_list .answer{font-size: 18px;}

    .bottom-sec{background-size:auto;}

  }


/* ********************************************* *
* 1500px
* ********************************************* */
@media screen and (max-width: 1500px){

  /* .culture li.con > div {width: 63%; padding-bottom: 64%;} */


}  

/* ********************************************* *
* 1350px
* ********************************************* */
@media screen and (max-width: 1350px){
  .but button{font-size: 18px; gap: 24px; padding: 14px 24px;}
  .but button span img{width: 18px;}

  .title em {font-size: 55px ;}
  .title p {font-size: 24px;}

  .quick-list ul li{padding-bottom: 40%;}
  .quick-list ul li .txt{left: 36px; bottom: 36px;}
  .quick-list ul li .txt p{font-size: 20px;}
  .quick-list ul li .txt b{font-size: 30px; margin-top: 10px;}



  .main_point_sec .panel .txtbox em {font-size: 44px;}
  .main_point_sec .panel .txtbox b {font-size: 22px;}

  .culture li.con01 > div {margin-left: 127px;}

  /* .bottom-sec{background-size: contain;} */

}  

/* ********************************************* *
* 1240px
* ********************************************* */
@media screen and (max-width: 1240px){
    

  .sec_pt{padding-top: 150px;}
  .sec_pb{padding-bottom: 150px;}
  .sec_ptb{padding-top: 150px;padding-bottom: 150px;}
  

  .title em {font-size: 48px;}
  .title p {font-size: 20px;}
  .title em + p{margin-top: 18px;}

  .title p.sub_en{opacity: .5; margin-top: 12px;}


  .slide .txtbox p{font-size: 22px; margin-top: 18px;}
  .slide .txtbox em{font-size: 60px;}
  .slide .txtbox.txtbox2 p{font-size: 48px;}
  .slide .txtbox.txtbox2 p + p{margin-top: 36px;}

  .scroll_ani i img{width: 100px;}
  .scroll_ani b img{width: 15px;}

  .sec02 > div .txt h6{font-size: 36px; padding-bottom: 28px;}
  .sec02 > div .txt p{font-size: 18px;}
  .sec02 > div .txt{padding: 140px 0 60px 60px;}

  .apply_list{gap: 16px;}
  .apply_list li > div{padding: 22px;}
  .apply_list li{width: calc((100% - 32px) / 3);}
  .apply_list li em{margin: 14px 0 16px;}
  .apply_list li .top b{font-weight: 500; font-size: 14px; padding: 6px 12px;}
  .apply_list li em{font-size: 20px;}
  .apply_list li .top p{font-size: 16px;}
  .apply_list li .bot p.bay, .apply_list li .bot p{font-size: 15px;}

  /* .culture li.con01 {margin-top: 320px;} */
  .culture li.con > div .txtbox span {font-size: 91px; bottom: -82px;}
  .culture li.title_con em {width: 73vw;}

  .culture ul {flex-direction: column;}
  .culture li {width: 100%;}
  .culture li.con > div {width: 45%; padding-bottom: 45%;}
  .culture li.con02 > div {margin-left: 50px;}
  .culture li.con01 {margin-top: -19px;}
  .culture li.con01 > div {margin-left: auto;}
  .culture li.con02 {margin-top: -100px;}
  .culture li.con03 {margin-top: -100px;}
  .culture li.con03 > div {margin: 0 0 0 auto;}

  .slide .right_but li.last_li {padding: 0 !important;}


  .inq-flex .title{width: 400px;}
  .inq-flex .inquiry_list{width: calc(100% - 400px); padding: 16px 30px;}
  /* .question p span {font-size: 30px; margin-right: 20px; top: -7px;} */
  .question p:after{font-size: 30px; margin-right: 20px; top: -7px;}
  .question p{padding-left: 65px;}

  .inquiry_list {font-size: 20px;}
  .inquiry_list li{padding: 22px 14px;}
  .inquiry_list .answer{font-size: 17px; margin-top: 14px;}

  .bottom-sec{background-size: cover; background-position: center top;}

}  

/* ********************************************* *
* 1060px
* ********************************************* */
@media screen and (max-width: 1060px){
  .apply_list li{width: calc((100% - 16px) / 2);}
  .apply_list li em{height: auto;}
  .tabs ul{gap: 24px;}
  .recruitment-bg{width: 550px; /* transform: translateX(15%); */ top:100px; }


}

/* ********************************************* *
* 1024px
* ********************************************* */
@media screen and (max-width: 1024px){
  
  .sec_pt{padding-top: 130px;}
  .sec_pb{padding-bottom: 130px;}
  .sec_ptb{padding-top: 130px;padding-bottom: 130px;}
  
  .quick-list ul li{padding-bottom: 45%;}
  .quick-list ul li .txt{left: 30px; bottom: 30px;}
  .quick-list ul li .txt p{font-size: 18px;}
  .quick-list ul li .txt b{font-size: 26px; margin-top: 8px;}

  .inquiry{background-size: 1024px;  background-position: left 50% bottom 0 !important ; background-attachment: scroll !important;}
  #parallaxSection {background-attachment: scroll !important}
  .inq-flex .title{width: 330px;}
  .inq-flex .inquiry_list{width: calc(100% - 330px); padding: 14px 25px; backdrop-filter: none !important;}
  .inquiry:before{display: none;}


  
  .main_point_sec .panel .txtbox em {font-size: 40px; line-height: 1.4;}


  .sec02 > div .txt h6{font-size: 32px; padding-bottom: 24px;}
  .sec02 > div .txt p{font-size: 17px;}
  .sec02 > div .txt{padding: 120px 0 60px 60px;}


  .bottom-sec:before {
    display: none;
  }

  .inquiry {
    padding-bottom: 100px;
  }

  .bottom-sec {
    padding-top: 100px;
  }
  .inquiry:after{display: none;}
}  

/* ********************************************* *
* 960px
* ********************************************* */
@media screen and (max-width: 960px){

  .title{margin-bottom: 50px;}

  .but button{font-size: 16px; gap: 20px; padding: 12px 22px;}
  .but button span img{width: 16px;}

  .col-md-3 {width: calc((100% - 20px) / 2) !important; margin-right: 20px !important;}
  .apply_list.row li:nth-child(3n) {margin-right: 20px !important;}
  .apply_list.row li:nth-child(2n) {margin-right: 0px !important;}


  .culture .but {margin-top: 35px; margin-bottom: 60px;}
  .culture li.con > div .txtbox span {right: 40px;}

  .slide .right_but li {padding: 0 35px !important;}
  .slide .right_but li span {font-size: 40px !important; margin-right: 8px;}
  .slide .right_but li em+p {margin-left: 25px; font-size: 22px;}

  .slide .right_but {top: 90px;}
  
  .sec2-group{flex-direction: column;}
  .sec02 > div .img, .sec02 > div .txt{width: 100%; height: 50vh; height: 50dvh; left: 0; height: calc(var(--vh, 1vh) * 50);}
  .sec02 > div .txt{background-position: center bottom -20px; padding: 80px 40px 0;}

  .recruitment-bg{width: 500px;  top:100px;}



  .inq-flex .title{width: 300px;}
  .inq-flex .inquiry_list{width: calc(100% - 300px); padding: 14px 25px;}


}

/* ********************************************* *
* 880px
* ********************************************* */
@media screen and (max-width: 880px){


  .sec_pt{padding-top: 100px;}
  .sec_pb{padding-bottom: 100px;}
  .sec_ptb{padding-top: 100px;padding-bottom: 100px;}


  .title em {font-size: 42px;}
  .title p {font-size: 18px;}
  .title em + p{margin-top: 16px;}

  .slide .txtbox p{font-size: 18px;}
  .slide .txtbox em{font-size: 50px;}
  .slide .txtbox.txtbox2{top: 48%;}
  .slide .txtbox.txtbox2 p{font-size: 42px;}
  .slide .txtbox.txtbox2 p + p{margin-top: 28px;}



  .scroll_ani i img{width: 90px;}
  .scroll_ani b img{width: 15px;}

  .inq-flex .title{width: 260px;}
  .inq-flex .inquiry_list{width: calc(100% - 260px); padding: 10px 24px;}
  /* .question p span {font-size: 28px; margin-right: 16px;} */
  .question p:after{font-size: 28px; margin-right: 16px;}
  .question p{padding-left: 50px;}

  .inquiry_list {font-size: 18px;}
  .inquiry_list li{padding: 20px 10px;}
  .inquiry_list .answer{font-size: 16px; margin-top: 12px; padding: 20px 35px;}


}

/* ********************************************* *
* 750px
* ********************************************* */
@media screen and (max-width:750px){

  .title p.sub_en{ margin-top: 8px;}

  /* .scroll_ani i img{width: 70px; height: 70px;}
  .scroll_ani b img{width: 11px;} */


  .main_point_sec .panel .txtbox em {font-size: 34px; padding: 0 20px;}

  .culture li.con > div {width: 100%; border-radius: 20px;}
  .culture li.con01 > div, .culture li.con02 > div, .culture li.con03 > div {margin-left: 0;}
  .culture li.con03 {margin-top: 0;}
  .culture li.con02 {margin: 20px 0;}
  .culture .but {margin-bottom: 40px;}

  .slide .swiper-pagination.swiper-pagination-bullets {bottom: 50%; display: flex; padding-left: 20px;}
  /* .scroll_ani {display: none;} */
  .slide .right_but {height: auto; left: 0px; top: auto; bottom: 0; width: 100%;}
  .slide .right_but ul {width: 100%; display: flex; flex-wrap: wrap; border-left: none;}
  .slide .right_but li {padding: 25px 0 !important; width: calc(100% / 3); justify-content: center;}
  .slide .right_but li:first-child {border-top: 1px solid rgba(255, 255, 255, 0.3);}
  .slide .right_but li:nth-child(2) {border-left: 1px solid rgba(255, 255, 255, 0.3); border-right: 1px solid rgba(255, 255, 255, 0.3);}
  .slide .right_but li:nth-child(4),
  .slide .right_but li:nth-child(5),
  .slide .right_but li:nth-child(6),
  .slide .right_but li:nth-child(7) {width: 25%; border-right: 1px solid rgba(255,255,255,0.3);}
  .slide .right_but li.last_li {height: auto; width: 50%;}
  .slide .right_but li span {font-size: 28px !important; margin-right: 4px;}
  .slide .right_but li em+p {margin-left: 10px; font-size: 18px;}
  /* .slide .txtbox {top: 29%;} */
  .slide .right_but li em {font-size: 20px;}

  .quick-list ul{flex-direction: column; padding: 0 16px; gap: 16px;}
  .quick-list ul li{padding-bottom: 45%; width: 100%; border-radius: 8px;}
  .quick-list ul li:last-child img{top: 75%; height: max-content;}
  .quick-list ul li:after{opacity: .8; background: linear-gradient(to top, #0093D6, #0093D622, transparent);}

  .recruitment-bg{width: 450px;  top:80px;}

  
  .apply_list{gap: 16px;}
  .apply_list li{width: 100%;}
  .tabs li a{font-size: 17px;}

  .apply_list li > div{padding: 22px; border-radius: 8px; height: auto;}
  .apply_list li em{margin: 14px 0 16px;}
  .apply_list li .top b{font-weight: 500; font-size: 14px; padding: 6px 12px;}
  .apply_list li em{font-size: 20px;}
  .apply_list li .top p{font-size: 16px;}
  .apply_list li .bot p.bay, .apply_list li .bot p{font-size: 15px;}


  .but.top-m{margin-top: 30px;}
  .inq-flex{flex-direction: column; }
  .inq-flex .inquiry_list{width: 100%;}
  .inq-flex .title{width: 100%; display: flex; align-items: flex-end; justify-content: space-between; position: relative;}

  .inquiry{background-position: left 50% top -150px !important;}
  .bottom-sec:before{display: none;}


  .bottom-sec{padding-top: 10px;}
  .bottom-sec .title{padding-bottom: 110px;}


  .slide .right_but li > div {flex-direction: column-reverse;}


  .slide .txtbox{bottom: auto; top: 53%; transform: translateY(-50%);}

  .scroll_ani{bottom: 90px; margin-right: 14px;}

  .sec02 > div .txt{padding: 70px 30px 0;}
  .sec02 > div .txt h6{font-size: 28px; padding-bottom: 20px;}
  .sec02 > div .txt p{font-size: 16px;}


}

/* ********************************************* *
* 663px
* ********************************************* */
@media screen and (max-width:663px){

  .but button{font-size: 15px; gap: 18px; padding: 12px 20px;}


  .br-none em br {display: none;}

  .recruitment .tabs_but {flex-direction: column-reverse; gap: 50px; align-items: flex-start;}

  .col-md-3 {width: 100% !important; margin: 0 !important;}
  /* .apply_list.row li:nth-child(3n) {margin-right: 0 !important;}
  .apply_list {row-gap: 20px;}
  .apply_list li > div {padding: 25px;} */
  /* .bot {display: flex; align-items: center; justify-content: space-between;} */

  .culture li.con > div .txtbox span {bottom: -65px;}
  .culture li.con > div .txtbox {left: 30px; bottom: 30px;}
  .culture li.con > div .txtbox em {font-size: 38px;}

  .partner {padding: 30px 0;}


  /* .slide .right_but {top: 75%;} */
  /* .slide .right_but li span {font-size: 32px !important; margin-right: 5px;} */
  .slide .right_but ul {font-size: 20px;}
  .slide .right_but li.last_li button {font-size: 20px;}


  /*--스크롤매직 없앰--*/

  .main_point_sec .demo01 .scrollmagic-pin-spacer {display: none !important;}
  .main_point_sec #slideContainer {display: flex; flex-direction: column;}


  .slide .txtbox em{font-size: 40px;}
  .slide .txtbox p{font-size: 16px; margin-top: 16px;}
  .slide #bg1{background-position: 23% center;}
  .slide .txtbox.txtbox2 p{font-size: 34px;}
  .slide .txtbox.txtbox2 p + p{margin-top: 24px;}


}

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


  .sec_pt{padding-top: 80px;}
  .sec_pb{padding-bottom: 80px;}
  .sec_ptb{padding-top: 80px;padding-bottom: 80px;}


  .title em {font-size: 36px;}
  .title p {font-size: 16px;}
  .title em + p{margin-top: 16px;}


  .quick-list ul{ gap: 10px;}
  .quick-list ul li{padding-bottom: 50%; }


  .recruitment .tabs_but {margin-top: 30px;}
  .recruitment .tabs_but + .apply_list {margin-top: 30px;}

  .recruitment-bg{width: 360px; /*transform: translateX(20%);*/  top:70px;}

  .apply_list{gap: 10px;}
  .apply_list li em {font-size: 18px;}

  .title b {font-size: 21px;}
  .title b + .top {margin-top: 10px !important;}

  .but.top-m{margin-top: 30px;}
  .inq-flex{flex-direction: column; }
  .inq-flex .title{width: 100%; display: flex; align-items: flex-end; justify-content: space-between;}
  .inq-flex .inquiry_list{width: 100%; padding: 10px 16px;}
  /* .question p span {font-size: 24px; margin-right: 16px;} */
  .question p:after{font-size: 24px; margin-right: 16px;}
  .question p{padding-left: 45px;}
  .inquiry_list {font-size: 17px;}
  .inquiry_list li{padding: 18px 8px;}
  .inquiry_list .answer{font-size: 15px; margin-top: 10px; padding: 16px; }

  .inquiry{background-size: 700px; background-position: left 50% top -50px !important;}

  /* .slide .txtbox em {font-size: 32px;} */
  /* .slide .txtbox p {font-size: 18px;} */
  .slide .swiper-pagination.swiper-pagination-bullets {bottom: 54%;}
  .slide .right_but li span {font-size: 26px !important;}
  .slide .right_but ul {font-size: 18px;}
  .slide .right_but li.last_li button {font-size: 18px;}
  .slide .right_but li em {font-size: 18px;}

  /* .slide .right_but li:nth-child(4),
  .slide .right_but li:nth-child(5),
  .slide .right_but li:nth-child(6) {width: calc(100% / 3); border-right: 1px solid rgba(255,255,255,0.3);}

  .slide .right_but li:nth-child(4) {border-right: none;}
  .slide .right_but li:nth-child(5) {border-left: 1px solid rgba(255, 255, 255, 0.3);}
  .slide .right_but li:nth-child(7) {width: 100%;} */



}

@media screen and (max-width: 500px){
  .recruitment .title .top{flex-direction: column; align-items: flex-start; gap: 26px;}
  .tabs ul{gap: 18px;}
  .inq-flex .title{flex-direction: column; align-items: flex-start;}
  .inquiry{background-position: left 50% top -20px !important;}
  .but.top-m{margin-top: 26px;}

  .apply_list li > div{border-radius: 6px;}
  .quick-list ul li:after{border-radius: 6px;}

}

@media screen and (max-width:470px){
  .scroll_ani{bottom: 80px;}
  .recruitment .tabs_but {gap: 35px;}
  .title{margin-bottom: 40px;}

  .main_point_sec .panel .txtbox em {font-size: 24px; margin-top: 12px;}
  .main_point_sec .panel .txtbox b {font-size: 18px;}
  .title em br {display: none;}

  .apply_list li em{margin: 10px 0 14px;}
  .apply_list li .top p{font-size: 15px;}
  .apply_list li .top b{font-size: 13px; padding: 5px 10px;}
  .apply_list li .bot p.bay, .apply_list li .bot p{font-size: 14px;}


  .slide .right_but li {width: calc(100% / 2); padding: 15px 0 !important;}
  .slide .right_but li:nth-child(3) {border-right: 1px solid rgba(255,255,255,0.3);}
  .slide .right_but li:nth-child(2) {border-left:none;}
  .slide .right_but li:first-child {border-right: 1px solid rgba(255,255,255,0.3);}
  /* .slide .right_but li:nth-child(4) {border-bottom: 1px solid rgba(255,255,255,0.3);} */
  .slide .right_but li.last_li {width: 100%; height: 95px;}
  /* .slide .right_but {top: 68%;} */


  .quick-list ul li .txt p{font-size: 16px;}
  .quick-list ul li .txt b{font-size: 22px; margin-top: 4px;}
  .quick-list ul li .txt{left: 24px; bottom: 24px;}
  /* .question p span{font-size: 20px; top: -3px;} */
  .question p:after{font-size: 20px; top: -3px;}

  .inquiry_list{font-size: 16px;}
  .inquiry_list .answer{font-size: 14px;}
  .question p{padding-left: 36px;}


  .main_point_sec .blue::after {content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.3);}
  .main_point_sec .panel .txtbox em br {display: none;}

  .slide .right_but li:nth-child(4),
  .slide .right_but li:nth-child(5),
  .slide .right_but li:nth-child(6) {width: 50%;}

  .slide .right_but li:nth-child(5) {border-left: none;}
  .slide .right_but li:nth-child(2),
  .slide .right_but li:nth-child(4),
  .slide .right_but li:nth-child(6),
  .slide .right_but li:nth-child(7){border-right: none;}

  .slide .right_but li > div {flex-direction: column-reverse; gap: 2px;}
  .slide .right_but li:nth-child(7) {width: 100%;}

  .slide .txtbox{top: 49%;}
  .slide .txtbox em {font-size: 36px;}
  .slide .txtbox p{font-size: 15px;}
  .slide .txtbox.txtbox2 p{font-size: 30px;}
  .slide .txtbox.txtbox2 p + p{margin-top: 20px;}



  .sec02 > div .txt{padding: 70px 0 0 26px; background-position: center bottom -15px;}
  .sec02 > div .txt h6{font-size: 27px; padding-bottom: 16px;}
  .sec02 > div .txt p{font-size: 15px;}

  .title em {font-size: 30px;}
  .title p {font-size: 16px;}
  .title em + p{margin-top: 12px;}

  .bottom-sec{padding-top: 10px;}
  .bottom-sec .title{padding-bottom: 100px;}
}

@media screen and (max-width:410px){
  .quick-list ul li{padding-bottom: 55%;}
  .quick-list ul li .txt{left: 20px; bottom: 20px;}
  .quick-list ul li .txt p{font-size: 15px;}

  .recruitment-bg{width: 300px;right:-18%; top:110px;}
  .apply_list li > div{border-radius: 4px;}
  .quick-list ul li:after{border-radius: 4px;}


  .tabs ul{gap: 16px;}
  .tabs li a{font-size: 16px;}
}


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

  .title em {font-size: 30px;}
  .title p {font-size: 16px;}
  .title em + p{margin-top: 12px;}


  .culture li.con > div {padding-bottom: 60%;}
  .culture li.con > div .txtbox {left: 20px; bottom: 18px;}
  .culture li.con > div .txtbox span {font-size: 70px; bottom: -53px; right: 20px;}
  .culture li.con > div .txtbox em {font-size: 32px;}



  .slide .swiper-pagination.swiper-pagination-bullets {bottom: 53%;}
  .slide .txtbox em {font-size: 34px;}
  .slide .txtbox p{font-size: 13px;}
  .slide .txtbox.txtbox2 p{font-size: 28px;}
  .slide .txtbox.txtbox2 p + p{margin-top: 18px;}

  .sec02 > div .txt{padding: 50px 0 0 24px;}
  .sec02 > div .txt h6{font-size: 25px;}
  .sec02 > div .txt p{font-size: 14px;}

  .slide .right_but li em+p {font-size: 16px; margin-left: 8px;}
  .slide .right_but li em {font-size: 17px;}
  .slide .right_but li span {font-size: 20px !important;}


}

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

  .title em{font-size: 28px;}
  .title p{font-size: 14px;}

  .sec02 > div .txt{padding: 60px 0 0 16px;}


  .slide .txtbox em {font-size: 30px;}

  .tabs ul{gap: 12px;}
  .tabs li a{font-size: 15px;}

}

@media screen and (max-width:310px){
  .culture li.con > div .txtbox {left: 17px;}
  .culture li.con > div .txtbox p {font-size: 14px;}
  .culture li.con > div .txtbox em {font-size: 28px;}
  .culture li.con > div .txtbox span {font-size: 56px; bottom: -43px;}
  .culture li.con > div {padding-bottom: 65%;}
}