@charset 'utf-8';

/*header*/
.header-wrap{position: fixed; top: 0; left: 0; width: 100%; z-index: 10; background-color: rgba(0,0,0,0.3); transition: all 0.3s;}
.header-wrap.active{background-color: rgba(255,255,255,0.9);}
.header-wrap.bg-none{background-color: rgba(255,255,255,0);}
.inner-header{width: 100%; position: relative; padding:35px 100px; display:flex; justify-content: space-between; align-items: center; box-sizing: border-box;}
.inner-header .gnb > ul{display: flex; align-items: center;}
.inner-header .gnb > ul > li{margin-right: 40px;}
.inner-header .gnb > ul > li:last-child{margin-right: 0;}
.inner-header .gnb > ul > li > a{font-size: 1.8rem; color: #fff; font-weight: 500;}
.header-wrap.active .logo img{filter: invert(80%) sepia(38%) saturate(1900%) hue-rotate(183deg) brightness(95%) contrast(95%);}
.header-wrap.active .inner-header .gnb > ul > li > a{color:#222}
.header-wrap.active .inner-header .gnb > ul > li.language img{filter: invert(100%) sepia(38%) saturate(1900%) hue-rotate(183deg) brightness(95%) contrast(95%);}

/*language selector*/
.language-selector{position: relative;}
.language-selector select{
    background-color: transparent; 
    border: 1px solid rgba(255,255,255,0.3); 
    color: #fff; 
    padding: 8px 15px; 
    border-radius: 20px; 
    font-size: 1.4rem; 
    font-weight: 500;
    cursor: pointer;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px;
    padding-right: 35px;
}
.inner-header .gnb ul li.language{position:relative}
.inner-header .gnb ul li.language button{background: none;}
.language-selector select option{background-color: #fff; color: #222;}
.header-wrap.active .language-selector select{color: #222; border-color: rgba(0,0,0,0.3);}
.header-wrap.active .language-selector select{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
}

.language-select{display:none; width:80px; position:absolute; top:39px; left:50%; transform:translate(-50%, 0);  background-color:#01549e; padding:8px 0;}
.language-select li{margin-bottom:4px !important; text-align:center; line-height:1}
.language-select li:last-child{margin-bottom:0;}
.language-select li > a{color:#85bdee; font-size:15px; transition:0.2s;}
.language-select li > a:hover{color:#fff;}

/*section1 visual*/
.section-visual{width:100%; min-height: 960px; height: 100vh; position: relative; }
.section-visual .swiper{min-height: 960px;  height:100vh}
.section-visual .swiper-wrapper{transition-timing-function: cubic-bezier(0.88, 0, 0.29, 0.99) !important; height: 100vh; min-height: 960px;}
.section-visual .swiper-slide.type1{width:100%;min-height: 960px; height: 100vh;background:url('/images/new/bg/bg_section1_visual_1.jpg')no-repeat top center; background-size:cover;}
.section-visual .swiper-slide.type2{width:100%;min-height: 960px; height: 100vh;background:url('/images/new/bg/bg_section1_visual_2.jpg')no-repeat top center; background-size:cover;}
.section-visual .swiper-slide.type3{width:100%;min-height: 960px; height: 100vh;background:url('/images/new/bg/bg_section1_visual_3.jpg')no-repeat top center; background-size:cover;}
.section-visual .swiper-slide.type4{width:100%;min-height: 960px; height: 100vh;background:url('/images/new/bg/bg_section1_visual_4.jpg')no-repeat top center; background-size:cover;}

.visual-txtbox{position: absolute; top:45%; left:50%; max-width:1440px; padding:0 20px; width: 100%; transform: translate(-50%, -45%);  z-index:1; box-sizing: border-box; pointer-events: none;}
.visual-txtbox .tit-type1{color:#fff; font-size: 3.6rem; font-weight: 400; letter-spacing: -2.7px;}
.visual-txtbox .tit-type2{color:#fff; font-size: 6.4rem; margin:2.5rem 0 5rem 0; line-height: 1; font-weight: 500;  font-family: "Barlow", sans-serif; letter-spacing: -5px;}
.visual-txtbox .visual-tit{display: flex; align-items: center;}
.visual-txtbox .visual-tit span{position: relative; display:block; height: 142px;}
.visual-txtbox .visual-tit span:nth-child(1){max-width:131px; width:100%}
.visual-txtbox .visual-tit span:nth-child(2){max-width:58px; width:100%; margin-left: 1rem;}
.visual-txtbox .visual-tit span:nth-child(2) img{top:50%;transform: translate(0, -50%)}
.visual-txtbox .visual-tit span:nth-child(3){max-width:154px; width:100%}
.visual-txtbox .visual-tit span img{position: absolute; top:0; left: 0; max-width: 100%;}
.visual-txtbox .visual-tit .visual-txt{display: none;}
.visual-swiper .swiper-pagination{display:flex; align-items: center; bottom: 5rem !important; justify-content:end; padding-right: 130px; box-sizing: border-box;}
.visual-swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{width:8px; height:8px; background-color: #fff; opacity: 1; border-radius:100%; margin:0;margin-left:20px; transition: all 0.6s ease; }
.visual-swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active{width:16px; height:16px; background-color: #fabb4c; transition: all 0.6s ease;}
.scroll-bar-area{position: absolute;  bottom: 55px; left:50%; z-index: 1; transform: translate(-50%, 0); text-align: center;}
.scroll-bar-area p{color:#fff; font-size: 1.8rem; font-weight: 500;;}
.scroll-bar-area .inner-scroll-bar{position: relative; }
.scroll-bar {background-color: #fff; position: absolute; bottom: 30px; left: 50%;transform: translate(-50%, 0); width: 2px; height: 30px;}

/*section2 energy*/
.section-energy, .section-solution, .section-maintenance, .section-safety{width:100%; min-height: 960px; height: 100vh; position: relative; }
.energy-visual{min-height: 960px; height: 100vh;background:url('/images/new/bg/bg_section2_visual_1.jpg')no-repeat top center; background-size:cover;}
.section-txt-box{position: absolute; top:55%; left:50%; max-width:1440px; padding:0 20px; width: 100%; transform: translate(-50%, -55%);  z-index:1; box-sizing: border-box; text-align: center;}
.section-txt-box strong{display:block; color:#fff; font-size:9rem; margin-bottom:2rem ; line-height: 1; font-weight: 800;}
.section-txt-box p{color:#fff; font-size:3.2rem;line-height: 1.5; font-weight: 500;}

/*section3 speed*/
.section-speed{width: 100%; padding: 14rem 0 10rem 0; background: #f0f3f3;}
.section-speed .inner-speed-cont{max-width: 1720px;  padding:0 20px; margin: 0 auto;}
.tab-type-area ul{display: flex; justify-content: end;}
.tab-type-area ul li button{font-size:2.2rem; padding:7px 55px; color:#000; font-weight:600; background:#ffffff; display: block; text-align: center; border:1px solid #9eacca; border-left:0;  font-family: "Oswald", sans-serif; font-optical-sizing: auto; font-weight: 400;width: 100%; ;}
.tab-type-area ul li button.on{color:#fff; background:#203977}
.tab-type-area ul li:nth-child(1) button {border-left:1px solid #9eacca}

.speed-swiper{margin-top: 6rem;;}
.speed-content{display:flex; align-items: top;}
#arrow-type1, #arrow-type3{max-width: 400px;width: 100%;}
/*#arrow-type1 text, #arrow-type3 text, #arrow-type2 text, #arrow-type4 text{font-weight:100;}*/
#arrow-type2, #arrow-type4{max-width: 500px; width: 100%;font-weight:300;}
.speed-box-type1{display:flex; align-items: end; justify-content:space-between}
.speed-img-type1{width: 56%; padding-left: 30px; padding-bottom: 60px; box-sizing: border-box;}
.speed-arrow-type1{width: 44%;}
.speed-swiper strong{color:#201d1e; font-size: 3.2rem; font-weight: 600;}
.speed-swiper .l-section{width:64%; padding-right:10%; box-sizing: border-box;}
.speed-swiper .l-section img, .speed-swiper .r-section img{max-width: 440px; width: 100%;}
.speed-swiper .r-section{width: 36%;}
.speed-arrow-type2{margin-top: 3rem;}
.speed-img-type2{margin-top: 3rem;}


/*section4 energy*/
.solution-visual{min-height: 960px; height: 100vh;background:url('/images/new/bg/bg_section4_visual_1.jpg')no-repeat top center; background-size:cover;}
.solution-visual strong{margin-bottom: 0; font-size: 6.4rem; font-weight: 400; line-height: 1.5; letter-spacing: -1.5px;}
.solution-visual strong span{color:#ffb200; font-size: 7.2rem; font-weight: 600;}

/*section5 battery*/
.battery-top-area{min-height: 562px; height: 100%; display:flex; justify-content: center; align-items: center; background:url('/images/new/bg/bg_battery.jpg')no-repeat top center; background-size:cover}

.inner-top-area{max-width:1540px; width: 100%; margin: 0 auto; padding-top: 10rem;;; display:flex; justify-content: center; align-items: center; flex-direction: column; }
.battery-tit{display:block; color:#fff; font-size: 3.6rem; font-weight: 500; font-style: normal; margin-bottom: 5rem;}
.time-area ul{display: flex; align-items: end; }
.time-area ul li{color:#fff; font-weight: 300; padding-bottom: 2.5rem; line-height:1.2}
.time-area ul li .time-box{width:140px; height: 150px; border-radius: 20px;background: rgba(0, 0, 0, 0.5); display:flex; justify-content: center; align-items: center;}
.time-area ul li .time-box span{font-size: 12rem; color:#ffb200; font-weight: 300; letter-spacing: -5px;}
.time-area ul li:nth-child(1), .time-area ul li:nth-child(4){padding-bottom: 0; margin-right: 1rem;}
.time-area ul li:nth-child(3){margin:0 1rem 0 3rem;}
.time-area ul li > span{font-size: 3.6rem;}
.battery-area-list{ max-width:1540px; padding:0 20px 80px 20px; margin: -50px auto 0 auto; }
.battery-area-list ul{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); -ms-grid-columns: 1fr 1fr 1fr; grid-gap:20px; min-width: 0; min-height: 0;}
.battery-area-list ul li .battery-img img{max-width: 100%; width: 100%;}
.battery-area-list ul li .battery-info strong{display: block; margin:2.5rem 0 1rem 0; color:#222; font-size: 2.2rem; font-weight: 500;}
.battery-area-list ul li .battery-info p{color:#555; font-size:1.8rem; font-weight: 300; line-height: 1.5; letter-spacing: -1px;}

.battery-notice{background: rgba(0, 0, 0, 0.5); padding: 1.5rem 2rem; align-self: flex-end;}
.battery-notice p{color:#b9b9ce; font-size: 1.6rem; font-weight: 300;}
.battery-notice p span{display:block; margin-bottom: 1rem;}

/*section6 convenience*/
.section-convenience{width:100%; position: relative; overflow: hidden; }
.section-convenience .sm-section-txt-box {display: none; pointer-events: none;}

/* .convenience-visual{background-size:cover;} */

.sm-section-txt-box{position: absolute; top:0; left:0; z-index:1; width:100%; height:100%; display:flex; justify-content: end; align-items: end;}
.sm-section-txt-box > div{padding:0 5% 4% 0; text-align: right;}
.sm-section-txt-box strong{display:block; color:#fff; font-size:6rem; margin-bottom:2rem ; line-height: 1; font-weight: 800;}
.sm-section-txt-box p{color:#fff; font-size:2rem;line-height: 1.5; font-weight: 500;}

.section-convenience { position: relative; }
.section-convenience .conv-all-wrap {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;}
.section-convenience .conv-container {position: relative;}
.section-convenience #canvas { background-color: #000; width: 100%; aspect-ratio: 2 / 1; display: block; }
.section-convenience .info-box { transition: transform 0.2s ease-out, opacity 0.2s ease-out; transform: translateX(-20px); opacity: 0; pointer-events: none; }
.section-convenience .info-box-wrapper { position: absolute; overflow: hidden; pointer-events: none; z-index: 10; }
.section-convenience .info-box.show { transform: translateX(0px); opacity: 1; }
.section-convenience .info-box.first { transform: translateX(20px); }
.section-convenience .info-box.first.show { transform: translateX(0px); }
.section-convenience .info-box.sixth { transform: translateX(-20px); }
.section-convenience .info-box.sixth.show { transform: translateX(0px); }
.section-convenience .info-inner-box { display: flex; gap: 10px; align-items: baseline; }
.section-convenience .info-y-title { color: #ffb200; font-size:2.2rem; margin-bottom:1rem; }
.section-convenience .info-w-text { color: #fff; font-size:1.8rem}
.m-section-convenience {display:none}

/*section7 feature*/
.section-feature{background: #f0f0f0}
.inner-feature-cont{display:flex; justify-content: space-between; align-items: flex-start; padding-bottom: 15rem; padding-right:20px; box-sizing: border-box;}
.inner-feature-cont .feature-img-box{width:720px; padding-right: 100px;;}
.inner-feature-cont .feature-img-box .feature-swiper img{max-width: 100%; width:100%}

.feature-swiper .swiper-pagination{display:flex; align-items: center; bottom: 2rem !important; justify-content:end; right: 30px; left: auto !important; box-sizing: border-box;}
.feature-swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{width:8px; height:8px; background-color: #999; opacity: 1; border-radius:100%; margin:0;margin-left:10px; transition: all 0.6s ease;  }
.feature-swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active{width:16px; height:16px; background-color: #fabb4c; transition: all 0.6s ease;}



.inner-feature-cont .feature-info-box{width: calc(100% - 720px); padding:150px 100px 0 0; box-sizing: border-box;}
.arrow-img-area img{max-width: 25px !important; width: 25px;}
.feature-info-box .tit{font-size: 4.6rem; font-weight: 600; color:#201d1e}
.feature-info-box .list-area > li{margin-top: 6rem;}
.feature-info-box .list-area > li .feature-item{background: #fff; padding: 3.5rem 4rem 3.5rem 7rem; }
.feature-info-box .list-area > li .feature-item ul{display: flex; align-items: center; justify-content:center}
.feature-info-box .list-area > li img{max-width: 100%;}
.feature-info-box .list-area > li .feature-item ul .arrow-img-area {position: relative; margin:-30px  30px 0 30px; ; max-width: 63px; width:100%}
.feature-info-box .list-area > li .feature-item ul .arrow-img-area img.arrow-img1{position: absolute; top:0; left: 0;}
.feature-info-box .list-area > li .feature-item ul .arrow-img-area img.arrow-img2{position: absolute; top:0; left:18px;}
.feature-info-box .list-area > li .feature-item ul .arrow-img-area img.arrow-img3{position: absolute; top:0; left: 36px;}
.feature-info-box .list-area > li .feature-item ul .arrow-img-area img.arrow-img4{position: relative; width: 100% !important; max-width: 63px !important;;}
.feature-info-box .list-area > li .feature-item ul li span{color:#201d1e; font-size: 3.2rem; letter-spacing: -1px; display:block; margin-top: 1rem;}
.feature-info-box .list-area > li:nth-child(3) .feature-item ul li:nth-child(1){margin-right:4rem}
.feature-txt-box{margin-top:4rem;}
.feature-txt-box > strong{display:block; margin-bottom: 1.5rem; color:#201d1e; font-size: 3.2rem; font-weight: 600;}
.feature-txt-box > p{color:#555; font-size: 2rem; font-weight: 300; line-height: 1.5;}
.auto-img-arrow{position: relative; margin-top: 2rem;}
.feature-txt-box ul {margin-top: 2rem;}
.feature-txt-box ul li {display:flex; margin-bottom: 1rem;}
.feature-txt-box ul li strong{width:150px; font-size:2.2rem; color:#222222; font-weight: 500;}
.feature-txt-box ul li p{width: calc(100% - 150px); }
.feature-info-box .list-area > li:last-child .feature-txt-box ul li strong{width: 200px;}
.feature-info-box .list-area > li:last-child .feature-txt-box ul li p{width: calc(100% - 200px);}
.arrow-img-area2 div{width:550px; height: 240px;  position: relative;;background:url('/images/new/bg/img_feature4.png')no-repeat bottom center; background-size: 100% 96px; }
.arrow-img-area2 div img:nth-child(1){position: absolute; top:30px; left: 10px; opacity: 0.15;}
.arrow-img-area2 div img:nth-child(2){position: absolute; top:15px; left: 90px; opacity: 0.4;}
.arrow-img-area2 div img:nth-child(3){position: absolute; top:0; left: 180px;}
.feature-info-box .list-area > li:nth-child(3) .feature-item ul{align-items: flex-start;}
.feature-info-box .list-area > li:nth-child(3) .feature-item ul .arrow-img-area{margin-top:3rem; margin-left:0;  transform: rotate(-5deg);}
.feature-info-box .list-area > li:last-child .feature-item{padding:0; background: none;}

/*section8 safety*/
.section-safety{position: relative; overflow: hidden;}
.m-section-safety{display: none;}
.safety-visual-img {width: 100%; height: 100%}
.safety-visual-img .safety-img-light { 
    width: 100%; height: 100%;
    background:url('/images/new/bg/bg_section8_visual_1.jpg') no-repeat; background-position: center;
    background-size: 4246px 1948px;
}
.safety-visual-img .safety-img-dark { 
    width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0;
    background:url('/images/new/bg/bg_section8_visual_2.jpg') no-repeat; background-position: center;
    background-size: 4246px 1948px; 
}


.safety-info-box{position: absolute; top:50%; left:50%; max-width:1660px; padding:0 20px; width: 100%; transform: translate(-50%, -50%);  z-index:1; box-sizing: border-box; text-align: center;;}


.safety-info-box-active{position: absolute; top:65%; left:50%; max-width:1660px; padding:0 20px; width: 100%;   z-index:1; box-sizing: border-box; text-align: center; transform: translate(-50%, -65%);}
.safety-info-box-active .section-txt-box-active{position: relative; top:auto; left:auto;padding:0; transform:none; max-width: 100%; text-align: left; margin-bottom: 5rem;}
.safety-info-box-active .section-txt-box-active strong{font-size: 6rem; color:#fff; display:block; margin-bottom: 1rem;}
.safety-info-box-active .section-txt-box-active p{font-size:2rem; color:#fff; line-height: 1.5;}



.safety-area{ max-width: 770px; width:100%;}
.safety-area ul{display: flex; }
.safety-area ul li{margin-right:30px; text-align: left;}
.safety-area ul li:last-child{margin-right: 0;}
.safety-area ul li .safety-img{max-width: 100%; }
.safety-area ul li .safety-info strong{display: block; margin:2.5rem 0 1rem 0; color:#fff; font-size: 2.2rem; font-weight: 500;}
.safety-area ul li .safety-info p{color:#fff; font-size:1.8rem; font-weight: 300; line-height: 1.5; letter-spacing: -1px;}

/*section9 maintenance*/
.maintenance-visual{min-height: 960px; height: 100vh;background:url('/images/new/bg/bg_section9_visual_1.jpg')no-repeat top center; background-size:cover;}

/*section10 section-switch*/
.section-switch{  background: linear-gradient(to bottom, #f5eae0 50%, transparent 50%);}
.inner-switch-cont{max-width: 1600px; padding: 170px 20px 90px 20px; display:flex; margin: 0 auto;}
.inner-switch-cont > div{width: 50%;}
.inner-switch-cont .l-section{position: relative;}
.inner-switch-cont .l-section img{max-width:100%; position: absolute; top: 0; right: 0; display: block;}
.inner-switch-cont .r-section{background: #030a29; margin-top: 100px; padding: 6rem 3rem 2rem 6rem; box-sizing: border-box;}
.inner-switch-cont .r-section strong{font-size: 3.2rem; font-weight:700; color:#fff;}
.inner-switch-cont .r-section p{font-size: 2rem; font-weight:300; color:#fff; line-height: 1.5; margin-top: 2rem;    letter-spacing: -1px;}
.inner-switch-cont .r-section .sm-txt{display:flex; justify-content: end; margin-top: 2rem;}
.inner-switch-cont .r-section .sm-txt p{font-size: 1.6rem; font-weight:300; color:#b9b9ce; background: rgba(0, 0, 0, 0.5); padding:1rem 2rem; margin: 0;}
.inner-switch-cont .r-section  span{font-size: 2.4rem; color:#fff; text-align: center; display: block;;}
.inner-switch-cont .r-section .img-box{display:flex; gap:30px; margin:5rem 0 2rem 0; align-items: center; justify-content: center;}
.inner-switch-cont .r-section .img-box img{max-width: 100%;}

/*section11 section-part*/
.inner-part-cont{max-width: 1600px; padding: 160px 20px 160px 20px; display:flex; margin: 0 auto;}
.part-lg-img{width:62.5%; margin-right:4% ;}
.part-lg-img .txt-box{display: none;}
.part-lg-img img{max-width: 100%;}
.part-list-img{width:33.5% ;}
.part-list-img .item{display: flex; align-items: center;}
.part-list-img .img-box {width: 200px; margin-right: 25px; position: relative; overflow: hidden;}
.part-list-img .img-box .dim{width: 100%; height: 100%; position: absolute;top: 0; left:0; background-color: rgba(1, 32, 107, 0.6);}
.part-list-img .txt-box {width: calc(100% - 225px);;}
.part-list-img .txt-box strong{display:block; margin-bottom:1rem; font-size: 2.2rem; color:#222; font-weight: 500;}
.part-list-img .txt-box p{font-size: 1.8rem; color:#555; font-weight: 300; line-height: 1.5;}
.part-list-img .item.active .txt-box strong{color:#01206b;}
.part-list-img .item.active .txt-box p{color:#000; }
.part-list-img .img-box img {max-width: 100%;}
.part-list-img ul li{margin-bottom:3.7rem;}
.part-list-img ul li:last-child{margin-bottom:0 ;}

/*section12 section-tco*/
.section-tco{background: #f0f0f0;}
.inner-tco-cont{max-width: 1600px; padding: 140px 20px 100px 20px;margin: 0 auto;}
.inner-tco-cont strong span{font-weight:700; padding-right:4rem}
.inner-tco-cont strong{font-weight: 500; color:#201d1e; font-size: 3.2rem; }
.graph-cont{max-width: 100%;background-color: #fff; margin-top: 4rem;}
.graph-cont svg{max-width: 100%;;}
.m-graph-cont{display: none;}

/*section13 section-option*/
.section-option{position: relative;}
.inner-option-cont{max-width: 1600px; padding: 120px 20px 70px 20px;margin: 0 auto;}
.inner-option-cont .img-box img{max-width: 100%; width:100%}
.inner-option-cont .img-box img.m-img{display:none}
.inner-option-cont .txt-list-area {margin-top: 2.5rem;}
.inner-option-cont .txt-list-area ul{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); -ms-grid-columns: 1fr 1fr 1fr; grid-gap:25px; min-width: 0; min-height: 0;}
.inner-option-cont .txt-list-area ul li .option-img img{max-width: 100%; width:100%}
.inner-option-cont .txt-list-area ul li .option-info strong{display: block; margin:2.5rem 0 1rem 0; color:#222; font-size: 2.2rem; font-weight: 500;}
.inner-option-cont .txt-list-area ul li .option-info p{color:#555; font-size:1.8rem; font-weight: 300; line-height: 1.5; letter-spacing: -1px;}
.inner-option-cont .txt-list-area ul li .option-info p span{display:block; font-size: 1.6rem;}
.swiper-button-next:after, .swiper-button-prev:after{display: none;}
.swiper-button-next, .swiper-button-prev{margin: 0  !important;}
.swiper-button-next, .swiper-rtl .swiper-button-prev{right: 0 !important; }
.swiper-button-prev, .swiper-rtl .swiper-button-next{left: 0 !important; }

.section-option .swiper-button-prev{width:51px; height:51px; background:url('/images/new/bg/img_arrow_prev.png')no-repeat top center; background-size:100%; transition: all 0.2s ease;}
.section-option .swiper-button-next{width:51px; height:51px; background:url('/images/new/bg/img_arrow_next.png')no-repeat top center; background-size:100%;transition: all 0.2s ease;}
.section-option .swiper-button-prev:hover{width:51px; height:51px; background:url('/images/new/bg/img_arrow_prev_on.png')no-repeat top center; background-size:100%;}
.section-option .swiper-button-next:hover{width:51px; height:51px; background:url('/images/new/bg/img_arrow_next_on.png')no-repeat top center; background-size:100%;}

/*section 14 section-spce*/
.section-spec{background: #edeff3;}
.section-spec .tab-type-area{padding-top: 10rem; background: #edeff3; }
.section-spec .tab-type-area ul{padding-top: 14rem; background: #edeff3; max-width: 1440px; padding: 0 2rem; margin:0 auto;;}
.section-spec .tab-type-area ul li a{min-width: 260px;  box-sizing: border-box;}
.section-spec .spec-img-area {background: #edeff3; padding-bottom: 6rem; padding-top:1em; }
.section-spec .spec-img-area .inner-spec-img{max-width: 1460px; padding: 0 2rem; margin:0 auto; display: flex; align-items: center;}
.section-spec .spec-img-area .inner-spec-img .spce-img-txt{width: 530px; padding-top: 4rem; text-align: center;}
.section-spec .spec-img-area .inner-spec-img .spce-img-txt strong{color:#201d1e; font-size: 7.6rem;  font-weight: 700; text-align: center;  font-family: "Oswald", sans-serif;}
.section-spec .spec-img-area .inner-spec-img .spce-img-txt ul{display:flex; gap: 5px; padding-top: 8rem;}
.section-spec .spec-img-area .inner-spec-img .spce-img-txt ul li a{font-size:1.7rem; color:#000; border:1px solid #030a29;
 background:#ffffff; display: block; text-align: center;font-weight: 600; padding:10px 20px; border-radius: 4px;}
.section-spec .spec-img-area .inner-spec-img .spce-img-txt ul li:nth-child(1) a i{display:inline-block; width: 23px; height: 23px; margin-right: 8px; background:url('/images/new/bg/img_spec_ico1.png')no-repeat center; background-size:23px 19px; content:""; vertical-align: middle;}
.section-spec .spec-img-area .inner-spec-img .spce-img-txt ul li:nth-child(2) a i{display:inline-block; width: 20px; height: 23px; margin-right: 8px; background:url('/images/new/bg/img_spec_ico2.png')no-repeat center; background-size:20px 23px; content:""; vertical-align: middle;}
.section-spec .spec-img-area .inner-spec-img .spce-img-txt ul li:nth-child(3) a i{display:inline-block; width: 17px; height: 23px; margin-right: 8px; background:url('/images/new/bg/img_spec_ico3.png')no-repeat center; background-size:17px 21px; content:""; vertical-align: middle;}


.section-spec .spec-img-area .inner-spec-img img{max-width: 550px; height:100%; width: 100%; object-fit: contain;}
.section-spec .swiper-slide{height:300px}
.section-spec .spec-img-area .inner-spec-img .spec-img-item{width: calc(100% - 530px); box-sizing: border-box;}
.section-spec .spec-img-area .inner-spec-img .spec-img-item .spec-img-swiper{max-width: 550px; width: 100%;}
.spce-txt-area-area{width: 100%; background: #fff;}
.section-spec .spce-txt-area{max-width: 1400px; padding: 8rem 0 8rem 2rem; margin:0 auto;}
.section-spec .spce-txt-area .tit-item > strong{display:block; margin-bottom:3rem; color:#201d1e; font-size: 3.6rem; font-weight: 600;}
.section-spec .spce-txt-area .tit-ite .swiper-btn{display:none}
.spce-list{display:flex; }
.spce-txt-area ul li{border-bottom: 1px solid #e3e3e3; padding: 1.4rem 0; color:#555; font-weight: 300; font-size: 1.8rem;}
.spce-txt-area ul li.sub-tit{background: #edeff4 ; border-bottom: 0; color:#203977; font-size: 1.8rem; font-weight: 700;}
.spce-txt-area ul li.no-line{border-bottom: 0;}
.category-box{width:340px;}
.category-box .tit{background: #9eacca; border-bottom: 0; text-align: center; color:#201d1e; font-size: 2rem; font-weight: 700; padding: 1.2rem 0 !important;}
.spce-txt-area .category-box li{padding:1.4rem 0 1.4rem  2.5rem; font-weight: 500; color:#222}
.spce-txt-area .category-box li span{font-size: 1.4rem;}
.category-swiper {width: calc(100% - 340px);;}
.category-swiper .swiper-slide{max-width: 353px; width: 100%;}
.category-swiper .swiper-slide.en-slide{display:none;}

.category-swiper .tit{background: #fff; color:#fff; padding:0 0 0 1rem; border-bottom: 0;}
.category-swiper .tit strong{display:block; background: #030a29;font-size: 2rem; font-weight: 700; padding: 1.2rem 0}
.category-swiper  ul li{text-align: center;}

.section-spec .spce-txt-area.type2 .category-swiper .swiper-slide{max-width: 265px; width: 100%;}
.tab-spec-cont{display: none;}

.tab-spec-cont .swiper-pagination{position: relative; margin-top: 6rem; display:flex; align-items: center;    justify-content: center; height:16px }
.tab-spec-cont .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{width:8px; height:8px; background-color: #999; opacity: 1; border-radius:100%; margin:0;margin-left:10px; transition: all 0.6s ease;  }
.tab-spec-cont .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active{width:16px; height:16px; background-color: #fabb4c; transition: all 0.6s ease;}

/*section15 section-video*/
.video-tit{display:flex; justify-content: space-between; margin-bottom: 4rem; }
.video-tit strong{font-weight:600; font-size: 4.2rem; color:#fff; ;}
.video-tit a{display:flex; align-items: center; padding:0rem 28px; font-weight:600; font-size:1.8rem; color:#fff; border:1px solid #fff; border-radius: 30px; background-color: rgba(255, 255, 255, 0.1);}
.video-tit a img{padding-right: 1rem;}
.section-video{width:100%; min-height: 780px; padding:180px 0 150px 0; box-sizing: border-box; background:url('/images/new/bg/bg_video.png')no-repeat top center; background-size:cover;}
.m-video-more{display:none}
.inner-video-cont{max-width: 1720px;padding: 0 20px; margin: 0 auto;;}
.swiper-video .swiper-slide{width:23.275%; margin-right:2.3%; box-sizing: border-box;}
.swiper-video .swiper-slide a{display: block;}
.swiper-video .swiper-slide .video-img {position: relative;}
.swiper-video .swiper-slide .video-img span{position: absolute; top: 50%;left:50%;  transform: translate(-50%, -50%);  z-index:1;}
.swiper-video .swiper-slide .video-img > img{max-width: 100%; width:100%;}
.swiper-video .swiper-slide:last-child{margin-right:0}
.swiper-video .video-info {margin-top: 2rem;}
.swiper-video .video-info p{font-size: 1.9rem; color:#fff; line-height: 1.5;}

/* 팝업 */
.popup-wrap{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background: rgba(0,0,0,0.8); display: none;  backdrop-filter: blur(10px);}
.popup-wrap .popup-cont {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 0 20px; box-sizing: border-box; width: 100%; max-width: 1000px;}
.popup-wrap .popup-cont .popup-area{height:500px}
.popup-wrap .popup-cont .popup-area iframe{height:500px}
.popup-header{position: relative; height:80px}
.popup-cont button{width: 34px; height: 34px; background: url(/images/new/bg/btn_close.png)no-repeat center; background-size:100%; position: absolute; top:10px; right: 0;}

/*footer*/
footer{background: #030a29; width: 100%; position: relative; padding:45px 100px;  box-sizing: border-box;}
.footer-wrap{display:flex; justify-content: space-between;}
.footer-wrap .m-img{display:none}
.footer-wrap .l-section{display: flex; align-items: flex-start;}
.footer-wrap .l-section > div{margin-left: 50px;;}
.footer-wrap .l-section p{font-size: 1.6rem; color:#fff; font-weight: 300; line-height: 1.5;}
.footer-wrap .l-section p.copyright{margin-top: 2.5rem;}
.footer-wrap .r-section a{font-size: 1.8rem; color:#fff; font-weight: 600; display: flex; align-items: center; }
.footer-wrap .r-section a img{margin-right: 1.1vw;}


/* top-btn 버튼 */
.top-btn {display: block;  background: none; position: fixed; bottom:50px; right: 20px; z-index: 1; }
.top-btn img {display: block; max-width: 100%;}

.video-tit .swiper-btn{display:none}


@media all and (max-width:1920px){
.inner-header{padding:45px 5vw}
footer{padding:45px 5vw}

}

@media all and (max-width:1800px){
.inner-header{padding:45px 2rem}
footer{padding:45px 2rem}
.sm-section-txt-box strong{font-size:3.3vw; margin-bottom:1.5rem}
.sm-section-txt-box p{font-size:1.1vw}

.sm-section-txt-box > div{padding:0 3% 3% 0}
.language-select{left:0}


}
@media all and (max-width:1600px){    
.feature-info-box .list-area > li:nth-child(3) .feature-item ul li:nth-child(1){margin-right:2vw}
.arrow-img-area2 div img{max-width:55% !important;}
.feature-item.mode img{max-width:100% !important;}
.arrow-img-area2 div{width:500px; height:208px}
}

@media all and (max-width:1530px){
.inner-feature-cont .feature-img-box{width: 47.96vw;     padding-right: 6.66vw;}
.inner-feature-cont .feature-info-box{width: calc(100% - 48vw); padding: 10vw 6.66vw 0 0;}
.feature-info-box .tit{font-size: 4rem;}
.feature-info-box .list-area > li .feature-item{padding:2.33vw 2.66vw 2.33vw 4.66vw}
.feature-info-box .list-area > li .feature-item ul li span{font-size:2vw; margin-top:2.3vw ;}
.arrow-img-area2 div{width:33.4vw; height:14vw}

.part-list-img .img-box{width:13.07vw; margin-right:1.63vw}
.part-list-img .txt-box strong{font-size: 1.9rem;}
.part-list-img .txt-box p{font-size:1.6rem}
.part-list-img .txt-box{width: calc(100% - 14.7vw)}



.section-convenience .info-y-title { font-size:1.3vw; margin-bottom:0.6vw; }
.section-convenience .info-w-text {font-size:1.1vw}

.speed-arrow-type2{margin-top:0}
.speed-img-type2{margin-top:0}
 .speed-swiper .r-section .speed-img-type2 img{max-width:400px}
 

}

@media all and (max-width:1280px){
.inner-header .gnb > ul > li{margin-right: 20px;}
.inner-header .gnb > ul > li > a{font-size: 1.7rem;}
.battery-area-list ul li .battery-info p{font-size:1.6rem}
.battery-notice p{font-size: 1.5rem;}
.battery-area-list ul li .battery-info strong{font-size: 2rem;}
.language-select{width:60px; left:10px; padding:6px 0}
.language-select li > a{font-size:14px;}

.feature-info-box .tit{font-size: 3.2rem;}
.inner-feature-cont .feature-img-box{width:40vw; padding-right: 3vw;;}
.feature-info-box .list-area > li .feature-item{padding:2vw}
.inner-feature-cont .feature-info-box{width: calc(100% - 43vw); padding:6vw 3vw 0 0} 
.feature-txt-box > strong{font-size: 2.6rem;}
.feature-txt-box > p{font-size: 1.8rem;}
.feature-txt-box ul li strong, .feature-txt-box ul li p{font-size: 1.8rem;}
.arrow-img-area2 div img{max-width: 55% !important;}
.arrow-img-area2 div{        width: 38.4vw;        height: 17vw;}
.arrow-img-area2 div img:nth-child(1){position: absolute; top:2.34vw; left: 0.7vw; opacity: 0.15;}
.arrow-img-area2 div img:nth-child(2){position: absolute; top:1.17vw; left: 7vw; opacity: 0.4;}
.arrow-img-area2 div img:nth-child(3){position: absolute; top:0; left: 14.06vw;}
.feature-info-box .list-area > li:nth-child(3) .feature-item ul li:nth-child(1){margin-right: 3vw;}

.inner-switch-cont .r-section{padding:4.6vw 3vw}
.inner-switch-cont .r-section p{font-size: 1.8rem;}
.inner-switch-cont .r-section span{font-size:2rem}
.inner-part-cont{padding:100px 20px}

.part-lg-img{width:55%; margin-right:2%}
.part-list-img{width:43%}
.part-list-img ul li{margin-bottom: 2rem;}
.part-list-img .item{align-items: flex-start;}

.sm-section-txt-box > div{padding:0 3% 2% 0}

.section-txt-box strong{font-size:7.03vw ;}
.section-txt-box p{font-size:2.5vw}
.visual-txtbox .tit-type1{font-size:2.81vw}
.visual-txtbox .tit-type2{font-size:4.76vw}
.solution-visual strong{font-size: 5vw;}
.solution-visual strong span{font-size:5.62vw}
}

/*************************************************모바일&태블릿*************************************************/
@media all and (max-width:1024px){
.inner-header {padding:2.5rem 2rem;}
.inner-header .gnb > ul >  li{display:none}
.inner-header .gnb > ul li.language{display:block}
.language-select{top:35px}
.language-select{padding:4px 0}
.visual-txtbox{text-align: center;}
.visual-txtbox .visual-tit{justify-content: center;}
.section-visual{min-height: 790px;;}
.section-txt-box strong{font-size: 7rem;}
.section-txt-box p{font-size: 2.8rem;}

.section-visual .swiper{min-height:790px;}
.section-visual .swiper-wrapper{min-height:790px;}
.super-flow-image img{object-fit: cover; object-position: center;}


.tab-type-area ul li{width: 50%;}
.speed-content{display: block;}
.section-speed{padding: 6rem 0 0 0;}
.speed-swiper .l-section{width: 100%; padding-right: 0;}
.speed-swiper .r-section{width: 100%; margin-top:5rem; padding-bottom:5rem}
.speed-box-type1{justify-content: space-between; flex-direction: column; margin:2rem 0}
.speed-img-type1{width: 100%; padding:0; order:2;}
.speed-arrow-type1{width: 100%; margin-bottom:50px;  text-align: center;}
.speed-arrow-type2{text-align: center;}
#arrow-type1, #arrow-type3{max-width: 500px; margin:0 auto;}
.speed-swiper .l-section img, .speed-swiper .r-section img{margin:0 auto; max-width: 450px;;}

.battery-area-list ul{grid-template-columns: repeat(2, minmax(0, 1fr));  -ms-grid-columns: 1fr 1fr 1fr;}

.inner-feature-cont{display: block; padding-right:0}
.inner-feature-cont .feature-img-box{width: 100%; padding-right: 0;}
.inner-feature-cont .feature-info-box{width: 100%; padding: 6rem 2rem 0 2rem; box-sizing: border-box;}

.section-safety{display:none}
.m-section-safety{display: block; position: relative; background: #b1aaa5;}
.safety-visual{position: relative; min-height: 640px;;    background: url(/images/new/bg/m_section_safety.jpg) no-repeat bottom center; background-size: 100%;}
.safety-visual .section-txt-box{top:25%;     transform: translate(-50%, -20%);}
.safety-visual:after{width:100%; height:100%; display:block; position: absolute; top:0; left:0; }
.safety-area{display: block; background: #b1aaa5; padding:0 2rem 8rem 2rem; box-sizing: border-box; max-width:100%}
.safety-area ul{display: block;}
.safety-area ul li .safety-info strong{color:#222222;}
.safety-area ul li .safety-info p{color:#555;}
.safety-area ul li{margin:0; margin-bottom:3rem;}
.safety-area ul li:last-child{margin-bottom:0}

.inner-switch-cont{display:block; padding:5rem 2rem}
.inner-switch-cont .l-section{height:61.03vw;}
.inner-switch-cont .l-section img{width: 100%; text-align: center; top:0; left:50%;     transform: translate(-50%,0);}
.inner-switch-cont > div{width:100%}
.inner-switch-cont .r-section{margin-top:0}
.inner-switch-cont .r-section strong{font-size: 2.8rem;}

.section-energy, .section-solution, .section-maintenance, .section-safety{width:100%; min-height: 790px; height: 100%; position: relative; }
.inner-part-cont{display: block;}
.part-list-img{display:none;}
.part-lg-img .txt-box{display:block;}
.part-lg-img img{width:100%}
.part-lg-img{width:100%; margin-right:0}
.section-part{background-color:#030a29 ;}
.part-lg-img .txt-box strong{display:block; margin-top:3rem; margin-bottom:1rem; font-size: 2.2rem; color:#ffb200; font-weight: 500;}
.part-lg-img .txt-box  p{font-size: 1.8rem; color:#fff; font-weight: 300; line-height: 1.5;}
.part-lg-img .swiper-button-prev{width:51px; height:51px;  top:40%; background:url('/images/new/bg/img_arrow_prev2.png')no-repeat top center; background-size:100%; }
.part-lg-img .swiper-button-next{width:51px; height:51px;  top:40%; background:url('/images/new/bg/img_arrow_next2.png')no-repeat top center; background-size:100%;}

.inner-tco-cont strong{font-size:2.8rem}
.inner-tco-cont strong span{display:block; padding-right:0;}
.m-graph-cont{display:block;}
.m-graph-cont img{max-width:100%; width:100%}
.graph-cont .tco-graph{display:none}

.section-option .swiper-button-next{display:none;}
.section-option .swiper-button-prev{display:none;}
.inner-option-cont .txt-list-area ul{display:block;}

.section-spec .spec-img-area .inner-spec-img{display:block}
.section-spec .spec-img-area .inner-spec-img .spec-img-item{width:100%;}
.section-spec .spec-img-area .inner-spec-img .spce-img-txt{width:100%; padding-top:4rem}
.section-spec .spec-img-area .inner-spec-img .spce-img-txt strong{display:none}
.section-spec .tab-type-area{padding-top:6rem;}
.section-spec .spec-img-area{padding-top:8rem; height: auto;}
.section-spec .spec-img-area .inner-spec-img .spce-img-txt ul{padding-top:0; display:block; width:100%; gap:0}
.section-spec .spec-img-area .inner-spec-img .spce-img-txt ul li{margin-bottom:1rem}
.section-spec .spec-img-area .inner-spec-img .spce-img-txt ul li:last-child{margin-bottom:0}
.swiper-video .swiper-slide{width:100%; margin-right:0}
.section-spec .spec-img-area .inner-spec-img .spce-img-txt ul li a {position: relative;}
.section-spec .spec-img-area .inner-spec-img .spce-img-txt ul li a i{position: absolute; top:10px; left:30px;}


.option-swiper .swiper-wrapper{display: block;}

.spce-txt-area .tit-item{display:flex; align-items: center; justify-content: space-between;}
.swiper-btn{display:flex; margin-right: 2rem;;}
.swiper-btn .swiper-button-prev{position: relative; width:25px; height:25px; background:url('/images/new/bg/img_arrow_prev.png')no-repeat top center; background-size:100%;}
.swiper-btn .swiper-button-next{position: relative;width:25px; height:25px; left:1rem ;background:url('/images/new/bg/img_arrow_next.png')no-repeat top center; background-size:100%;}

.solution-visual{min-height:790px;}

.video-tit .swiper-btn{display:flex}
.video-tit .swiper-btn .swiper-button-prev{position: relative; width:25px; height:25px; background:url('/images/new/bg/img_arrow_prev1.png')no-repeat top center; background-size:100%; opacity: 1;}
.video-tit .swiper-btn .swiper-button-next{position: relative;width:25px; height:25px; left:1rem ;background:url('/images/new/bg/img_arrow_next_on.png')no-repeat top center; background-size:100%;}


.safety-area ul li .safety-img img{width:100%}
.inner-tco-cont{padding:6rem 2rem}
.inner-option-cont{padding:6rem 2rem}
.inner-option-cont .txt-list-area ul li{margin-bottom:3rem}
.inner-option-cont .txt-list-area ul li:last-child{margin-bottom:0}
.option-swiper .type2{margin-top:6rem}
.inner-option-cont .img-box img{display:none}
.inner-option-cont .img-box img.m-img{display:block}

.m-video-more{display:flex; justify-content: center; margin-top:4rem}
.m-video-more a{display:inline-block; padding:1.5rem 28px; font-weight:600; font-size:1.8rem; color:#fff; border:1px solid #fff; border-radius: 30px; background-color: rgba(255, 255, 255, 0.1);}
.m-video-more a img{display:inline-block; vertical-align: middle; margin-right:1rem}
.video-tit {align-items: center;}
.video-tit a{display:none}
.section-video{padding:60px 0}
.section-spec .spce-txt-area .tit-item > strong, .video-tit strong{font-size:3.2rem}


.footer-wrap .l-section{display:block; position: relative;}
.footer-wrap .l-section > div{margin-left:0; margin-top: 2rem;}

.energy-visual{min-height:790px}
.footer-wrap{display:block;}
.footer-wrap .r-section{display:none}
.footer-wrap .m-img{display:block}
.footer-wrap .m-img{font-size: 1.8rem; color:#fff; font-weight: 600; display: flex; align-items: center;position: absolute;   top: 48px;    right: 20px; }
.footer-wrap .m-img img{margin-right: 1rem;}


.section-txt-box strong{font-size:7vw ;}
.section-txt-box p{font-size:3.1vw}
.visual-txtbox .tit-type1{font-size:3.51vw}
.visual-txtbox .tit-type2{font-size:4.76vw}

.solution-visual strong{font-size: 6.25vw}
.solution-visual strong span{font-size: 6.5vw}

.m-section-convenience {display:block; padding:90px 0 60px 0; background: #060c2c;}
.m-section-convenience .m-section-txt-box {margin-bottom: 6rem;}
.m-section-convenience .m-section-txt-box strong{font-size: 4.4rem; color:#fff; font-weight: 800; text-align: center; display: block;}
.m-section-convenience .m-section-txt-box p{margin-top:1.5rem; font-size: 2.1rem; line-height: 1.5; color:#fff; font-weight: 500; text-align: center;}
.m-section-convenience .m-info-box {padding: 5rem 2rem 0 2rem; box-sizing: border-box;}
.m-section-convenience .m-info-box li{display:flex; margin-bottom: 3rem; align-items: center;}
.m-section-convenience .m-info-box li:last-child{margin-bottom:0}
.m-section-convenience .m-info-box li .img-box{width:120px; margin-right:15px;;}
.m-section-convenience .m-info-box li .img-box img{width: 100%;}
.m-section-convenience .m-info-box li .txt-box{width: calc(100% - 135px);}
.m-section-convenience .m-info-box li .txt-box strong{display:block; color:#ffb815; font-size: 18px; font-weight: 500; margin-bottom: 1rem;}
.m-section-convenience .m-info-box li .txt-box p{color:#fff; font-size:14px; line-height:1.5}
.section-convenience{display:none}

.m-section-convenience .m-info-box li .txt-box strong{display:block; color:#ffb815; font-size: 22px; font-weight: 500; margin-bottom: 1rem;}
.m-section-convenience .m-info-box li .txt-box p{color:#fff; font-size:16px; line-height:1.5}
.header-wrap.active .inner-header .gnb ul li.language img{filter: invert(80%) sepia(38%) saturate(1900%) hue-rotate(183deg) brightness(95%) contrast(95%);}
.feature-info-box .list-area > li:nth-child(3) .feature-item ul li:nth-child(1){margin-right:4vw}
.feature-info-box .list-area > li .feature-item ul li span{font-size:3.5vw}
.arrow-img-area2 div img{max-width:100% !important}
.arrow-img-area2 div{width:500px; height:233px}
}

/*************************************************태블릿*************************************************/
@media all and (min-width:768px) and (max-width:1024px){
}

/*************************************************모바일*************************************************/
@media all and (max-width:767px){

.inner-header{padding:2rem; }
.logo img{width:100px;}

.visual-txtbox .tit-type1{font-size: 2.1rem;}
.visual-txtbox .tit-type2{font-size:3.8rem; margin:1.5rem 0 3rem 0;}
.visual-txtbox .visual-tit span{position: relative; display:block; height: 85px;}
.visual-txtbox .visual-tit span:nth-child(1){max-width:78px; width:100%}
.visual-txtbox .visual-tit span:nth-child(2){max-width:32px; width:100%; margin-left: 1rem;}
.visual-txtbox .visual-tit span:nth-child(3){max-width:87px; width:100%}
.scroll-bar-area p{font-size:1.4rem;}
.section-txt-box strong{font-size: 4.4rem;}
.section-txt-box p{font-size: 2.1rem; word-break: keep-all;}
.visual-swiper .swiper-pagination{padding-right:2rem;}
.visual-swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{margin-left:10px;}

.tab-type-area ul li button{font-size: 2rem; padding:0.5rem 0}
.speed-swiper{margin-top:4rem}
.speed-swiper strong{font-size:2.3rem}
.section-txt-box strong{font-size:3.5rem}
.solution-visual strong span{font-size:4.1rem; display:block;}
.time-area ul li .time-box{width:70px; height:80px; border-radius: 10px;}
.time-area ul li .time-box span{font-size:6.4rem}
.time-area ul li > span{font-size:2rem;}
.time-area ul li{font-size:14px;}
.battery-notice{padding:1rem;}
.battery-notice p{font-size:1.3rem}

.battery-top-area{min-height:320px;}
.battery-top-area .inner-top-area{padding:7rem 0;}
.battery-tit{font-size: 2.6rem;}
.battery-area-list ul{display:block}
.battery-area-list ul li{margin-bottom: 3rem;}
.battery-area-list ul li:last-child{margin-bottom: 0;}

.popup-header {height: 46px;}
.popup-cont button {width: 25px; height: 25px;}
.popup-wrap .popup-cont .popup-area {height: 375px;}
.popup-wrap .popup-cont .popup-area iframe {height: 375px;}

.category-box{width:190px;}
.spce-txt-area .category-box li{padding:1rem 0 1rem 0.5rem;}
.spce-txt-area ul li{font-size:14px; padding:1rem 0}
.category-swiper .swiper-slide{width:180px}
.category-swiper{width: calc(100% - 190px)}
.section-spec .spce-txt-area.type2 .category-swiper .swiper-slide{max-width:180px; width:180px;}

.feature-info-box .tit{font-size:2.6rem ;}
.feature-info-box .list-area > li{margin-top:3rem}
.arrow-img-area img{max-width:9px; width:9px}
.feature-info-box .list-area > li .feature-item{padding:3rem 2.5rem; width:auto}
.feature-info-box .list-area > li img{max-width:28vw;}
.feature-info-box .list-area > li img.center{max-width:11vw}
.feature-info-box .list-area > li .feature-item ul .arrow-img-area{max-width:25px; margin:0 2.5rem 0 1rem}
.feature-info-box .list-area > li .feature-item ul .arrow-img-area img.arrow-img2{position: absolute;top:0;left: 5px;}
.feature-info-box .list-area > li .feature-item ul .arrow-img-area img.arrow-img3{position: absolute;top:0;left: 10px;}
.feature-info-box .list-area > li .feature-item ul .arrow-img-area img.arrow-img4{max-width:25px !important;}
.arrow-img-area2 div img{max-width:65% !important}
.auto-img-arrow{margin-top:1rem}
.feature-info-box .list-area > li .feature-item ul li span{font-size: 21px; margin-top:0}
.feature-info-box .list-area > li .feature-item ul li span{margin-top:1rem}
.feature-txt-box{margin-top:2rem;}
.feature-txt-box > strong{font-size:1.9rem ;}
.feature-txt-box > p{font-size: 1.5rem;}
.feature-txt-box ul li{display:block;}
.feature-txt-box ul{margin-top:1rem;}
.feature-txt-box ul li strong, .feature-txt-box ul li p{font-size: 1.5rem; width:100%}
.feature-txt-box ul li p{margin-top:1rem}
.arrow-img-area2 div{width:240px; height:99px; background-size: 100% 40px;;}
.feature-info-box .list-area > li:nth-child(3) .feature-item ul li:nth-child(1){margin-right:8vw}
.arrow-img-area2 div img:nth-child(1){position: absolute;top: 0;left: 20px;}
.arrow-img-area2 div img:nth-child(2){position: absolute;top: -4px;left: 45px;}
.arrow-img-area2 div img:nth-child(3){position: absolute;top: -8px;left: 73px;}
.feature-info-box .list-area > li:last-child .feature-txt-box ul li p{width:100%}
.inner-feature-cont{padding-bottom:6rem}
.safety-visual{background: url(/images/new/bg/m_section_safety.jpg) no-repeat bottom center;background-size: cover;}
.safety-area ul li .safety-info strong{font-size:2rem;}
.safety-area ul li .safety-info p{font-size:1.5rem;}
.maintenance-visual{min-height:790px;}
.inner-switch-cont .l-section{height:62.58vw}
.inner-switch-cont .r-section{padding:3rem 2rem}
.inner-switch-cont .r-section strong{font-size:2.1rem}
.inner-switch-cont .r-section p{font-size:1.5rem}
.inner-switch-cont .r-section span{font-size:1.8rem}
.inner-switch-cont .r-section .sm-txt p{font-size:1.4rem;}
.inner-part-cont{padding:6rem 2rem}
.part-lg-img .swiper-button-next, .part-lg-img .swiper-button-prev{width:25px; height:25px;}
.part-lg-img .txt-box strong{font-size:1.8rem; margin-top:2rem}
.part-lg-img .txt-box p{font-size:1.5rem}
.inner-tco-cont strong{font-size:1.8rem}
.inner-tco-cont strong span{font-size: 2.3rem;}
.graph-cont{margin-top:2rem}
.inner-option-cont .txt-list-area ul li{margin-bottom: 2rem;}

.inner-option-cont .txt-list-area ul li .option-info strong{font-size:1.9rem; margin:2rem 0 1rem 0}
.inner-option-cont .txt-list-area ul li .option-info p{font-size: 1.5rem;}
.option-swiper .type2{margin-top:4rem}
.section-spec .spec-img-area .inner-spec-img .spce-img-txt ul li a{font-size:1.6rem}
.section-spec .spce-txt-area{padding:6rem 0 6rem 2rem}
.section-spec .spce-txt-area .tit-item > strong, .video-tit strong{font-size: 3rem; margin-bottom: 1.5rem;}

.category-box .tit{font-size:16px; padding:1rem 0 !important}
.category-swiper .tit{padding-left:0.5rem}
.category-swiper .tit strong{font-size:16px;}
.spce-txt-area ul li.sub-tit{font-size:15px;}
.spce-txt-area .category-box li span{font-size:12px;}
.category-swiper .tit strong{padding:1rem 0}

.video-tit strong{margin-bottom:0;}

.swiper-video .video-info p{font-size:1.6rem;}
.section-video{min-height:600px;}
.video-tit{margin-bottom:2.5rem}
.footer-wrap .l-section img{width:160px;}
.footer-wrap .l-section p{font-size:1.4rem}

.footer-wrap .m-img{font-size: 1.5rem; top: 0;    right: 20px; }
.footer-wrap .m-img img{margin-right: 1rem; width:15px;;}
.footer-wrap .l-section p.copyright{margin-top:1.5rem}

.m-section-convenience .m-info-box li .txt-box strong{font-size: 18px;}
.m-section-convenience .m-info-box li .txt-box p{font-size:14px}
.feature-info-box .list-area > li:nth-child(3) .feature-item ul .arrow-img-area{margin-top:0}
.section-spec .swiper-slide{height:250px}
.speed-box-type1{margin:0}

.speed-swiper .l-section img, .speed-swiper .r-section img{margin:0 auto; max-width: 350px;;}

/* top-btn 버튼 */
.top-btn {bottom:30px;}
.top-btn img {width: 40px;}




}

@media all and (max-width:505px){
.part-lg-img .swiper-button-next, .part-lg-img .swiper-button-prev{top:35%}
.footer-wrap .m-img{top: 0;    right: 0; position: relative; margin-top: 2rem; }

}