@charset "utf-8";
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

:root {
    --swiper-theme-color: #E55927 !important;
    --swiper-navigation-size: 30px;
    --point: #E55927;
}

html,body {position: relative;height: 100%;}
body {font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;font-size: 14px;color: #000;margin: 0;padding: 0;position: relative;}

.fp-viewing-2rdPage header {background: #fff;}
.fp-viewing-2rdPage header .logo {background: url('../../images/logo.png') no-repeat;background-size: contain;transition: all 0.25s;}
.fp-viewing-2rdPage header #menu li a {color: #000;}
.fp-viewing-2rdPage header #nav-icon span {background: #000;}
.fp-viewing-2rdPage header .right_btn .lan_box {color: #000;}
.fp-viewing-2rdPage header .right_btn .lan_box .icon {background: url('../../images/icon_language_dark.png') no-repeat;width: 24px;height: 24px;background-size: 24px;}

.fp-viewing-2rdPage #fp-nav ul li a span,
.fp-viewing-2rdPage .fp-slidesNav ul li a span {background:#888;}
.fp-viewing-2rdPage #fp-nav ul li a.active span {background:#000}

.fp-viewing-5rdPage header {background: #fff;}
.fp-viewing-5rdPage header .logo {background: url('../../images/logo.png') no-repeat;background-size: contain;transition: all 0.25s;}
.fp-viewing-5rdPage header #menu li a {color: #000;}
.fp-viewing-5rdPage header #nav-icon span {background: #000;}
.fp-viewing-5rdPage header .right_btn .lan_box {color: #000;}
.fp-viewing-5rdPage header .right_btn .lan_box .icon {background: url('../../images/icon_language_dark.png') no-repeat;width: 24px;height: 24px;background-size: 24px;}

.fp-viewing-5rdPage #fp-nav ul li a span,
.fp-viewing-5rdPage .fp-slidesNav ul li a span {background:#888;}
.fp-viewing-5rdPage #fp-nav ul li a.active span {background:#000;}


/* .fp-viewing-6rdPage header {background: #fff;}
.fp-viewing-6rdPage header .logo {background: url('../../images/logo.png') no-repeat;background-size: contain;}
.fp-viewing-6rdPage header #menu li a {color: #000;}
.fp-viewing-6rdPage header #nav-icon span {background: #000;}
.fp-viewing-6rdPage header .right_btn .lan_box {color: #000;}
.fp-viewing-6rdPage header .right_btn .lan_box .icon {background: url('../../images/icon_language_dark.png') no-repeat;width: 24px;height: 24px;background-size: 24px;} */


#fp-nav ul li a span, .fp-slidesNav ul li a span {background:#fff;}
#fp-nav ul li a.active span {background:var(--point)}

.section {text-align:center;background: #000;}
.section .intro {max-width: 1520px;width: calc(100% - 100px);margin: 0 auto;height: 100%;padding: 0 50px;position: relative;z-index: 2;}
.section .intro.tp2 {/* max-width: 1600px; */}


/* .section.business .intro {max-width: 1680px;} */


header {position: fixed;width: calc(100% - 40px);height: 80px;z-index: 10;display: flex;align-items: center;padding: 0 20px;}
header .mobile {display: none;}
header .inner {max-width: 1440px;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;margin: 0 auto;}
header .logo {background: url('../../images/logo_white.png') no-repeat;background-size: contain;width: 180px;height: 34px;flex: none;transition: all 0.25s;}
header .logo img {width: 140px;}

#menu{height: 60px;width: 100%;padding: 0;margin:0;display: flex;align-items: center;justify-content: center;}
#menu li {display:inline-block;border-radius: 10px;}
#menu li.active{color: #fff;}
#menu li a{text-decoration:none;color: #fff;padding: 12px 18px;font-size: 18px;font-weight: 600;display: inline-block;}
#menu li:hover a {color: #d3531a;}
#menu li.active:hover a {color: #d3531a;}
#menu li.active a{color: var(--point) !important;}

header .right_btn {margin-left: auto;display: flex;align-items: center;justify-content: center;gap: 20px;flex: none;}
header .right_btn .lan_box {display: flex;align-items: center;gap: 4px;color: #fff;}
header .right_btn .lan_box .icon {background: url('../../images/icon_language.png') no-repeat;width: 24px;height: 24px;background-size: 24px;}


/* start 햄버거 메뉴 */
#nav-icon {width: 28px;height: 18px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;z-index: 999;display: none;}

#nav-icon span {display: block;position: absolute;height: 2px;width: 100%;background: #fff;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}

#nav-icon span:nth-child(1) {top: 0px;}
#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {top: 8px;}
#nav-icon span:nth-child(4) {top: 16px;}
#nav-icon.open span:nth-child(1) {top: 18px;width: 0%;left: 50%;}
#nav-icon.open span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#nav-icon.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#nav-icon.open span:nth-child(4) {top: 18px;width: 0%;left: 50%;}
/* end 햄버거 메뉴 */


.mySwiper {height: 100vh;}
.mySwiper .swiper {width: 100%;height: 100%;}
.mySwiper .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.mySwiper .swiper {margin-left: auto;margin-right: auto;}

.mySwiper .swiper-box {position: absolute;bottom: 33%;left: 50%;transform: translate(-50% , 0);display: flex;align-items: center;justify-content: flex-start;height: 50px;width: calc(100% - 8vw);z-index: 99;max-width: 1440px;}

.mySwiper .slider01 {background: url('../../images/main01.jpg') no-repeat;background-size: cover;}
.mySwiper .slider02 {background: url('../../images/main02.jpg') no-repeat;background-size: cover;}
.mySwiper .slider03 {background: url('../../images/main03.jpg') no-repeat;background-size: cover;}
.mySwiper .slider04 {background: url('../../images/main05.jpg') no-repeat;background-size: cover;}
.mySwiper .swiper-slide {display: flex;align-items: center;justify-content: center;}
.mySwiper .swiper-text {width: calc(100% - 80px);max-width: 1520px;text-align: left;padding: 20px;position: absolute;top: 30%;}
.mySwiper .swiper-text .big-tite {font-size: 80px;margin-bottom: 32px;font-weight: 700;line-height: 70px;color: var(--point);}
.mySwiper .swiper-text .title {font-size: 40px;color: #fff;font-weight: 700;line-height: 100%;margin-bottom: 12px;}
.mySwiper .swiper-text .description {font-size: 20px;color: #fff;max-width: 800px;}


.mySwiper .btn-arrow {max-width: 1440px;margin: 0 auto;width: calc(100% - 80px);height: 40px;position: absolute;top: 60%;left: 50%;transform: translate(-50%, 0);z-index: 99;}
.mySwiper .swiper-button-box {display: flex;align-items: center;justify-content: center;position: absolute;left: 247px;gap: 8px;height: 28px;top: 4px;}


.mySwiper .swiper-progress-bar {width: 170px;display: block;height: 4px;background: #777777;position: absolute;top: 18px;left: 60px;opacity: 1;border-radius: 24px;overflow: hidden;}
.mySwiper .swiper-progress-bar .slide_progress-bar {height: 100%;background: rgba(0, 0, 0, 1);width: auto;clear: both;opacity: 0;left: 0;right: 0;}
.mySwiper .swiper-progress-bar .slide_progress-bar:after {position: absolute;top: 0;left: 0;background: #e55927;height: 100%;width: 0;content: "";transition: 0.1s width linear;opacity: 1;}
.mySwiper .swiper-progress-bar.active .slide_progress-bar {opacity: 1;}
.mySwiper .swiper-progress-bar.active.animate .slide_progress-bar:after {transition: width linear;transition-delay: unset;width: 100%;transition-duration: 8s;}


.mySwiper .swiper-button-next,
.mySwiper .swiper-button-prev {background: var(--point);border-radius: 50px;width: 28px;height: 28px;color: #000;position: relative;left: 0;top: 8px;}
.mySwiper .swiper-button-next:after,
.mySwiper .swiper-button-prev:after {font-size: 14px;font-weight: 800;color: #fff;} 


.mySwiper .swiper-toggle {width: 28px;height: 28px;border: none;background: var(--point) url('../../images/icon_pause.png') no-repeat center center;background-size: 20px;cursor: pointer;display: inline-flex;z-index: 999;border-radius: 50px;margin-top: 2px;}
.mySwiper .swiper-toggle.play {width: 28px;height: 28px;border: none;background: var(--point) url('../../images/icon_play.png') no-repeat center center;background-size: 20px;cursor: pointer;display: inline-flex;z-index: 999;border-radius: 50px;}


.mySwiper .swiper-pagination {color:#fff;font-size: 14px;display:inline-block;text-align: center;font-weight: 700;width: auto;bottom: 30px;padding: 0px 12px;border-radius: 26px;height: 26px;line-height: 25px;left: 0;top: 50%;transform: translateY(-50%);}
.mySwiper .swiper-pagination-bullet,
.mySwiper .swiper-pagination-bullet-active  {background: #fff;margin: 0 4px;width: 10px;height: 10px;}


.scroll-downs {position: absolute;/* top: 0; *//* right: 0; */bottom: 0;left: 50%;margin: 0 auto;width: 62px;height: 65px;z-index: 99;transform: translate(-50%, -50%);}
.mousey {width: 3px;padding: 8px 10px;height: 22px;border: 2px solid #fff;border-radius: 25px;opacity: 0.75;box-sizing: content-box;margin: 0 auto;}
.scroller {width: 3px;height: 10px;border-radius: 25%;background-color: #fff;animation-name: scroll;animation-duration: 2.2s;animation-timing-function: cubic-bezier(.15,.41,.69,.94);animation-iteration-count: infinite;}
.scroll-downs .scroll {font-size: 11px;display: inline-block;color: #fff;text-align: center;}

@keyframes scroll {
    0%  { opacity: 0; }
    10% { transform: translateY(0);opacity: 1;}
    100% { transform: translateY(15px); opacity: 0;}
}


/* 공통 */
.tit-box {margin-bottom: 40px;}
.tit-box.dark {color: #333;}
.tit-box.white {color: #fff;}
.tit-box .tit-b {font-size: 68px;font-weight: 600;line-height: 40px;padding: 6px 0 12px 0;}
.tit-box .tit-m {margin: 8px 0;font-size: 32px;}
.tit-box .tit-ms {margin: 8px 0;font-size: 20px;}
.tit-box .tit-s {font-size: 15px;margin-bottom: 12px;}

.section.vision .intro .tit-box:first-child {padding-top: 60px;padding-bottom: 20px;}
.section.vision .intro .tit-box:nth-child(2) {margin: 0;}



/* business */
.business-box {padding-bottom : 30px;}
.business-box .business-info {max-height: 570px;min-height: 500px;height: 100%;border-radius: 16px;overflow: hidden;position: relative;border: 2px solid transparent;display: flex;transition: all 0.25s;box-sizing: border-box;}
.business-box .business-info img {width: 100%;object-fit: fill;}
.business-box .business-info .text {position: absolute;padding: 38px 24px 20px 24px;color: #fff;font-size: 34px;font-weight: 700;width: calc(100% - 48px);text-align: left;background: rgb(0,0,0);background: linear-gradient(0deg, #0000006b 0%, rgba(255, 255, 255, 0) 100%);z-index: 99;height: calc(100% - 58px);display: flex;flex-direction: column;}
.business-box .business-info .text p {font-size: 16px;margin-bottom: 4px;font-weight: 400;}

.business-box .business-info .text-hidden {margin-top: auto;transition: all 0.025s;}
.business-box .business-info .text-hidden > li {font-size: 16px;margin: 8px 0;border-radius: 0;font-weight: 400;color: #ededed;}

.business-box .business-info:hover {border: 2px solid var(--point); transition: all 0.025s;cursor: pointer;box-sizing: border-box;}
.business-box .business-info:hover .text {background: linear-gradient(0deg, #d3531a6b 0%, rgba(255, 255, 255, 0) 100%);}
/* .business-box .business-info:hover .text-hidden {display: block;transition: all 0.25s;animation: slide 3s linear infinite; } */
.business-box .business-info:hover img {transform: scale(1.1);transition: all 0.75s;}

.business-box .swiper-pagination {}


@keyframes fadeIn { rom { opacity:0; } to { opacity:1; } }
.fade_in {
    opacity:0;
    animation:fadeIn ease-in 1;
    animation-fill-mode:forwards;
    animation-duration:0.25s;
}
.fade_in.delayed_1 {
  animation-delay: 0.05s;
}
.fade_in.delayed_2 {
  animation-delay: 0.10s;
}
.fade_in.delayed_3 {
  animation-delay: 0.15s;
}
.fade_in.delayed_4 {
  animation-delay: 0.20s;
}


/* about */
.about-box {display: flex;gap: 40px;}
.about-box .about-info {flex: 1;}

.about-box div .tit1 {margin-bottom: 16px;font-size: 28px;font-weight: 800;/* text-decoration: underline; */color: #fff;}
.about-box div .box1 {font-size: 18px;font-weight: 500;line-height: 140%;word-wrap: break-word;width: auto;}
.about-box div .box1 img {width: 320px;}
.about-box div .box2 {font-size: 18px;font-weight: 500;line-height: 140%;word-wrap: break-word;width: auto;}
.about-box div .box3 {font-size: 18px;font-weight: 500;line-height: 140%;word-wrap: break-word;width: auto;}

.about-box .box {border-radius: 16px;padding: 20px 32px;color: #fff;display: flex;align-items: center;flex-direction: column;justify-content: center;min-height: 180px;width: 100%;}
.about-box .box1 {background: #fff;}
.about-box .box1 .tit1 {color: #000;margin: 0;}
.about-box .box2 {background: #071823;}
.about-box .box3 {background: #d3531a;}


/* vision */
.vision .vision-text {display: flex;justify-content: center;gap: 40px;margin: 0 auto;}
.vision .vision-text li {display: flex;flex-direction: column;padding: 32px 20px;border-radius: 16px;color: #fff;flex: 1;}
.vision .vision-text li> div {display: flex;align-items: center;justify-content: center;flex-direction: column;margin: 0 auto;width: 100%;height: 180px;border-radius: 16px;font-size: 24px;font-weight: 700;margin-bottom: 24px;}

.vision .vision-text li> div p img {width: 72px;}
.vision .vision-text li> .sub-tit1 {background: #e55927;}
.vision .vision-text li> .sub-tit2 {background: #fff;border: 3px solid var(--point);color: var(--point);}
.vision .vision-text li> .sub-tit3 {border: 3px solid var(--point);}
.vision .vision-text li p {text-align: left;}
.vision .vision-text li .tit1 {font-size: 20px;font-weight: 500;margin-bottom: 8px;text-align: center;}
.vision .vision-text li .tit2 {font-size: 16px;line-height: 140%;}

.vision .img {position: absolute;top: -55%;width: 100%;height: 100%;background: url('../../images/about-konerg-bg.png') no-repeat center center;background-size: cover;}
.vision .img img {width: 100%;}
.mg-auto{margin: 0 auto;}


.map-area {margin-top: 16px;}
.map-area img {max-width: 890px;width: 100%;}


/* partners */
.partners {}
.partners-box {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;row-gap: 16px;column-gap: 16px;}
.partners-box img {width: 100%;}
#fp-nav ul li:last-child, .fp-slidesNav ul li:last-child {display: none;}


/* careers */
.careers {width: 100%;height: 100%;background: url('../../images/careers_img.jpg') no-repeat center center;background-size: cover;}
/* .careers .fp-overflow {overflow: hidden;} */
.careers .text-box {}
.careers .text-box .tit1 {font-size: 32px;font-weight: 700;color: #fff;margin-bottom: 16px;}
.careers .text-box .tit2 {font-size: 20px;font-weight: 400;color: #fff;line-height: 140%;}

.careers .box {display: flex;max-width: 1280px;margin: 40px auto 0;gap: 24px;}
.careers .box > div {flex: 1;border-radius: 16px;padding: 32px 20px;color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;box-shadow: 3px 5px 4px 1px #00000030;}
.careers .box > div:nth-child(1) {background: #e55927bd;border: 2px solid transparent;}
.careers .box > div:nth-child(2) {background: #181818a6;border: 2px solid var(--point);}

.careers .box > div h2 {font-size: 24px;font-weight: 700;margin-bottom: 16px;}

.careers .box .list-box {text-align: left;}
.careers .box .list-box li {font-size: 18px;padding: 4px 0;display: flex;}
.careers .box .list-box li::before {content:'';background: url('../../images/icon_check.png') no-repeat center;width: 20px;height: 20px;display: inline-block;background-size: 100%;margin-right: 8px;}

.careers .box-step {max-width: calc(1280px - 64px);background: #ffffff2b;border-radius: 16px;margin: 24px auto 10px;padding: 32px;border: 2px solid #53504f;box-shadow: 3px 5px 4px 1px #00000030;}
.careers .box-step h2 {font-size: 24px;font-weight: 700;margin-bottom: 16px;color: #fff;}
.careers .box-step .list-box {font-size: 18px;padding: 4px 0;display: flex;align-items: center;justify-content: center;gap: 16px;color: #fff;}
.careers .box-step .list-box li {}
.careers .box-step .list-box li:after {content:'';background: url('../../images/icon_arrow.png') no-repeat center;width: 32px;height: 32px;display: inline-block;background-size: 32px;vertical-align: middle;margin-left: 12px;}
.careers .box-step .list-box li:last-child:after {display: none;}



/* map */
.map-box {}
.map-box .intro {max-width: 1280px;}
.map-box #map {height: 360px;background-color: #888;margin: 0 auto;max-width: 1280px;width: 100%;border-radius: 16px;overflow: hidden;}
.root_daum_roughmap .map {border-radius: 16px;}
.root_daum_roughmap .wrap_controllers {display: none;}

.map-box .map-add {display: flex;align-items: center;margin-top: 24px;}
.map-box .map-add > div {display: flex;align-items: center;gap: 16px;flex: 1;}
.map-box .map-add .img {width: 72px;border-radius: 72px;height: 72px;background: #fff;display: flex;align-items: center;justify-content: center;}
.map-box .map-add .img img {width: 32px;}
.map-box .map-add .tit {text-align: left;}
.map-box .map-add .tit .text01 {font-weight: 400;color: #fff;font-size: 16px;margin-bottom: 4px;}
.map-box .map-add .tit .text02 {font-weight: 600;color: #fff;font-size: 28px;}


.fp-watermark {display: none;}



/* 하단 */
footer.section { height:100px !important;}
/* footer.section .intro {height: 170px;} */

.footerBox {padding: 30px 20px;}
.footerBox span>img {  width: 120px; margin-bottom: 10px;}
.footerBox p {color: #A7A7A7;font-size: 14px;}
.footerBox .copyright {margin-top: 6px;}


@media (max-width: 1400px) {
    /* .business-box .business-info {width: 31.4% !important;} */
}

@media (max-width: 1020px) {
    /* .business-box .business-info {width: 31.4% !important;} */
}

@media (max-width: 1200px) {  
    .mySwiper .swiper-text .title {font-size: 40px;line-height: 42px;}
    .mySwiper .btn-arrow {top: 70%;}
    .mySwiper .swiper-text {top: 40%;width: calc(100% - 40px);}

    #menu li a {padding: 12px 12px;font-size: 16px;}

    .section.vision .tit-box.flex .tit-m {font-size: 24px;text-align: center;}
}

@media (max-width: 900px) {
    .fp-scrollable.fp-responsive .section.main {min-height: auto; padding: 0 !important;}
    .fp-scrollable.fp-responsive .fp-is-overflow.fp-section:not(.fp-auto-height):not([data-percentage]),
    .fp-scrollable .fp-section:not(.fp-auto-height):not([data-percentage]),
    .fp-scrollable .fp-slide:not(.fp-auto-height):not([data-percentage]) {min-height: auto;padding: 100px 0;}

    .fp-viewing-3rdPage header,
    .fp-viewing-4rdPage header,
    .fp-viewing-6rdPage header,
    .fp-viewing-7rdPage header,
    .fp-viewing-8rdPage header {background: #132631;}

    .fp-responsive #fp-nav ul li a span,
    .fp-responsive .fp-slidesNav ul li a span {background:#000;}
    .fp-responsive #fp-nav ul li a.active span {background:#000}

    #menu {display: none;}
    header {height: 60px;}
    #nav-icon {display: block;}
    header .logo {width: 140px;height: 30px;transition: all 0.25s;}
    
    /* 햄버거메뉴 */
    header.active {}
    header.active .mobile {display: block;position: absolute;top: 0;background: #fff;width: calc(100% - 40px);height: 100vh;padding: 14px 20px;}
    header.active .mobile>.logo {background: url('../../images/logo.png') no-repeat;width: 140px;height: 30px;position: absolute;z-index: 99;}
    header.active .mobile>.logo img {width: 140px;}
    header.active .mobile ul {padding: 60px 0 40px 0;}
    header.active .mobile ul li a {font-size: 20px;font-weight: 700;padding: 12px 20px;display: inline-block;width: calc(100% - 40px);}

    .fp-responsive header.active #nav-icon span {background: #000;}

    .scroll-downs {display: none;}

    .vision .tit-box .tit-m {font-size: 24px;}
    .tit-box .tit-b {font-size: 52px;line-height: 45px;}
    .tit-box .tit-ms {font-size: 17px;}    
    .tit-box .tit-m {font-size: 15px;}
    .tit-box .tit-m > br {display: none;}

    .section .intro {width: calc(100% - 40px);padding: 0;}
    .section .intro.tp2 {width: calc(100% - 100px);padding: 0;}




    .business-box .business-info .text {font-size: 28px;}
    .business-box .business-info .text-hidden > li {font-size: 16px;}

    .about-box {gap: 16px;}
    .about-box li {padding: 40px 20px;}
    .about-box li .tit1 {font-size: 24px;}
    .about-box li .tit2 {font-size: 16px;}  
    
    .section.vision {}
    .vision .vision-text { gap: 16px;}
    .vision .vision-text li {padding: 0;}
    .vision .vision-text li .tit1 {font-size: 18px;}
    .vision .vision-text li .tit2 {font-size: 14px;}

}

@media (max-width: 800px) { 
    .mySwiper .btn-arrow {width: calc(100% - 40px);}
    .mySwiper .swiper-text .title {font-size:32px;line-height: 36px;}
    .mySwiper .swiper-text .description {font-size: 15px;}

    .about-box {gap: 16px;flex-direction: column;}
    .about-box li {align-items: flex-start;padding: 20px 40px;text-align: left;min-height: 120px;}

    .partners-box {grid-template-columns: 1fr 1fr 1fr 1fr;}
}

@media (max-width: 767px) {
    .tit-box .tit-ms {font-size: 16px;}

    .business-box>.business-info {height: 320px;}
    .business-box .business-info .text {}
    .business-box .business-info .text-hidden > li {margin-top: 4px;border: 0;}
    .business-box > .business-info:hover .text {padding: 16px;}

    .vision .vision-text li p {margin-bottom: 4px;}
    .vision .vision-text li> div {font-size: 26px;}
    .vision .vision-text li> div p img {width: 48px;}
    .vision .vision-text li .tit1 {font-size: 15px;}

    .careers .box { flex-direction: column;}
    .careers .text-box .tit2 {font-size: 15px;}
    .careers .box .list-box li {font-size: 15px;}
    .careers .box-step .list-box li {font-size: 15px;}

    .map-box .map-add .tit .text02 {font-size: 18px;}    

    .section.vision .tit-box.flex {flex-direction: column;gap: 0;}
}


@media (max-width: 600px) {
    .business-box {flex-direction: column;}
    .business-box .business-info {max-height: 400px;max-width: 100%;}

    .vision .vision-text { flex-direction: column; gap: 16px;}
    .vision .vision-text li {padding: 0 0 8px 0; }
    .vision .vision-text li> div {margin-bottom: 8px;height: auto;min-height: 140px;flex-direction: row;gap: 24px;}
    .vision .vision-text li> div p img {width: 50px;}

    .partners-box {grid-template-columns: 1fr 1fr 1fr;}    

    .careers .box-step .list-box {flex-direction: column;gap: 8px;}
    .careers .box-step .list-box li:after {display: none;}

    footer.section .intro {height: 200px;display: flex;align-items: center;justify-content: center;}
    .footerBox {padding: 0;text-align: left;}
    .footerBox p {font-size: 12px;margin: 4px 0;}
}


@media (max-width: 450px) {
    header .inner .logo {width: 110px;}
    .mySwiper .swiper-progress-bar {width: 140px;}
    .mySwiper .swiper-button-box {left: 217px;}
    .mySwiper .swiper-text {padding: 0;}
    
    .tit-box .tit-b {font-size: 40px;line-height: 32px;}

    .section.vision {padding-top: 0 !important;}
    .vision .vision-text li> div {min-height: 100px;gap: 12px;}
    
    .partners-box {grid-template-columns: 1fr 1fr;row-gap:8px;column-gap: 8px;}   

    .map-box .map-add {flex-direction: column;gap: 16px;align-items: self-start;}
    
    .careers .text-box .tit1 {font-size: 24px;}
    .careers .text-box .tit2 {font-size: 15px;}
}

/* 높이 */
@media (max-height: 700px) {
    .mySwiper .btn-arrow {top: 90%;width: calc(100% - 40px);}
}