@charset "UTF-8";

/* html { height: 100%; overflow: hidden; } */
body { height: 100%; overflow: hidden; } 


/*---------- common ----------*/
.section .content_area {position: relative;max-width: 1485px;margin: 0 auto;padding-top: 180px;}
.footer .content_area {position: relative;max-width: 1680px;margin: 0 auto}
#section3.section .content_area {max-width: 100%;padding-bottom: 160px;margin-left: 10.9vw;}
#section4.section .content_area {padding: 180px 0;}
#section5.section .content_area {padding: 165px 0 160px;}
.section .content_area .txt {align-items: end;margin-bottom: 80px;}
#section3.section .content_area .txt {max-width: 1485px;}
#section4.section .content_area .txt, #section5.section .content_area .txt {text-align: center;}
.section .content_area .txt strong {display: block;font-family: "Poppins", sans-serif;font-size: 22px;color: var(--sub-color);margin-bottom: 10px;}
.section .content_area .txt h2 {font-size: 60px;}
#section5.section .content_area .txt h2 {color: #fff;}
.more {width: 186px;height: auto;transition: all .3s;}
.more a {align-items: center;font-family: "Poppins", sans-serif;padding: 18px 35px;font-size: 18px;color: #555;border: 1px solid #dcdcdc;border-radius: 27px;transition: all .2s;}
.more a span:last-child {width: 10px; height: 10px; background: var(--main-color); border-radius: 50%; transition: all .3s;}
.more2 .i_wrap {display: block;width: 65px;height: 65px;border: 1px solid #fff; border-radius: 50%; overflow: hidden;transition: all .3s;}
.more2 .i_wrap i {display: block;width: 100%;height: 100%;line-height: 57px;font-size: 30px;text-align: center;transform: rotate(45deg);} 
/* hover */
.more:hover a {color: #fff;background: var(--main-color); border: 1px solid var(--main-color); transition: all .3s;}
.more:hover a span:last-child {background: #fff; transition: all .3s;}
.more2:hover .i_wrap {background: #fff; transition: all .3s;}
.more2:hover .i_wrap i {color: var(--main-color); transition: all .3s;}
.pro_btn {text-align: left;}
.pro_btn button {border: none;background: transparent;color: #fff;transition: all .3s;}
.pro_btn button.pro_prev {margin-right: 10px;}
.pro_btn button p {display: inline-block;position: relative;width: 58px;height: 58px;border-radius: 50%;background: rgb(255 255 255 / 20%); transition: all .3s;}
.pro_btn button p i {vertical-align: -webkit-baseline-middle;font-size: 24px;line-height: 58px; transition: all .3s;}
/* hover */
.pro_btn button:hover p {background: #fff; transition: all .3s;}
.pro_btn button:hover p i {color: var(--main-color); transition: all .3s;}


/*---------- swiper ----------*/
.swiper {width: 100%;height: 100%;/* overflow-y: scroll !important; */-ms-overflow-style: none;touch-action: pan-y;} 

/* 스크롤 안 보이게 */
.swiper::-webkit-scrollbar { display: none; width: 0 !important; } 

.swiper-slide { font-size: 18px; /* Center slide text vertically */
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; /* display: flex; */
display: block; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } 

.mySwiper .swiper-slide { overflow: hidden; position: relative; } 

.mySwiper .slide_bg { /* 모바일의 height를 위함 */
width: 100%;
height: 100%;
} 


/*---------- scroll event ----------*/
/* fade out -> in */
.o_in.s_event { opacity: 0; transform: translateY(0%); transition: 2s; } 
.o_in.active { opacity: 1; transform: translateX(0%); transition: 2s; } 

/* down -> up */
.d_up.s_event { opacity: 0; transform: translateY(30%); transition: 0.5s; } 
.d_up.active { opacity: 1; transform: translateX(0%); transition: 0.5s; } 

/* left -> right */
.l_right.s_event { opacity: 0; transform: translateX(-70%); transition: 0.7s; } 
.l_right.s_event.active { opacity: 1; transform: translateX(0%); transition: 0.7s; } 


/*---------- section1 ----------*/
/* section1 */
#section1 .mySwiper .swiper-slide .slide_bg {height: 100vh;overflow: hidden;background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;} 
#section1 .mySwiper .swiper-slide .visual_wrap {position: absolute;top: 45%;left: 0;right: 0;width: 100%;max-width: 1485px;margin: 0 auto;transform: translateY(-50%);}
#section1 .mySwiper .swiper-slide .slider_1 { background-image: url(../img/main_visual1.jpg); } 
#section1 .mySwiper .swiper-slide .slider_2 { background-image: url(../img/main_visual2.jpg); } 
#section1 .mySwiper .swiper-slide .slider_3 { background-image: url(../img/main_visual3.jpg); } 
#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box h2 p {font-size: 48px;font-weight: 400;letter-spacing: -.5px;line-height: 1;color: #fff;margin-top: 50px;}
#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box h2 p:first-child {margin-top: 0;}
#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box h2 p.no_span {margin-top: 35px;}
#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box h2 p:not(.no_span) span:before {content:"";display: block;position:absolute;left: 0;top:50%;transform: translateY(-50%);width: 2px;height: 100%;background: #fff;box-shadow: 0 0 10px 1px #fff;transition:all .2s;} 
#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box h2 p:not(.no_span) span:after {content:"";display: block;position:absolute;left: -1px;top:50%;transform: translateY(-50%);width: 4px;height: 8px;background: #fff;border-radius: 50%;transition:all .2s;} 
#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box h2 p span {display: inline-block;position: relative;width: 18%;font-size: 62px;font-weight: 600;padding-left: 35px;}
#section1 .mySwiper .swiper-slide.swiper-slide-active .slide_bg { animation: zoom_in 4500ms; transition: transform 4500ms ease-in-out, opacity 1500ms ease 0s; } 
@keyframes zoom_in {
0% { transform: scale(1.2); } 
100% { transform: scale(1) rotate(0.003deg); } 
}
@keyframes t_opacity { 
0% { opacity: 0; filter: blur(7px); letter-spacing: 15px;} 
100% { opacity: 1; filter: blur(0); letter-spacing: 0;}  
}
@keyframes t_in {
0% { opacity: 0; filter: Alpha(opacity=0); transform: translateY(0%); transition: opacity 2s, transform 2s; } 
100% { opacity: 1.0; filter: Alpha(opacity=100); transform: translateX(0%); transition: opacity 2s, transform 2s;} 
}
@keyframes t_left {
0% { opacity: 0; filter: Alpha(opacity=0); transform: translateX(-70px); transition: opacity 1s, transform 1s; } 
100% { opacity: 1.0; filter: Alpha(opacity=100); transform: translateX(0px); transition: opacity 1s, transform 1s; } 
}
@keyframes u_down {
0% { opacity: 0; filter: Alpha(opacity=0); transform: translateY(-50%); transition: opacity 1s, transform 1s; } 
100% { opacity: 1.0; filter: Alpha(opacity=100); transform: translateY(0px); transition: opacity 1s, transform 1s; } 
}

/* pagnation */
#section1 .mySwiper .control_wrap {align-items: center;position: absolute;top: auto;bottom: 50px;left: 0;right: 0;width: 100%;max-width: 1485px;height: 50px;z-index: 1;margin: 0 auto;font-family: "Poppins", sans-serif;color: #fff;} 
#section1 .mySwiper .control_wrap .pagination_wrap {width: 100%;max-width: 240px;height: 100%;} 
#section1 .mySwiper .control_wrap .swiper-pagination {display: flex;}
#section1 .mySwiper .control_wrap .swiper-pagination-bullet {display: block;position: relative;width: 50px;height: 50px;border-radius: 50%;background: transparent;margin: 0 10px !important;font-size: 18px;line-height: 50px;opacity: 1;} 
#section1 .mySwiper .control_wrap .swiper-pagination-bullet::after {content:"";display: block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:100%;height:100%;border:2px solid transparent;border-top: 2px solid #fff;border-radius:50%;opacity: 0;transition:all .2s;}
#section1 .mySwiper .control_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active::after {animation-name:spinCircle;animation-duration:5s;animation-timing-function:linear; opacity: 1;} 

/* arrow_box */
.control_wrap .arrow_box{position:absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 11 !important;-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);text-align:left;font-size:0;}
.control_wrap .arrow_box div{position:relative;display:inline-block;top: calc(100% / 2 - 8px);width: 50%;box-sizing:border-box;margin-top:0;--swiper-navigation-size: 16px;}
.control_wrap .arrow_box div:after {font-size: 16px;color: #fff;}
.control_wrap .arrow_box .mv-button-prev{left: 0;}
.control_wrap .arrow_box .mv-button-next{right: 0;z-index: 14;text-align: right;}

/* swiper-button */
.swiper-button {position:absolute;width: 26px;height: 26px;cursor: pointer;z-index: 100;right: -45px;top: 0;background: transparent;border: 1px solid #fff;border-radius: 50%;} 
.swiper-button span {position: relative;display: none;top: calc(50% - 8px);left: calc(50% - 8px);} 
.swiper-button span.on { display: inline-block; } 
.swiper-button i {color: #fff;font-size: 16px;} 

/* mouse_scroll */
.control_wrap .mouse_scroll span {display: inline-block;font-size: 16px;margin-right: 10px;} 
.control_wrap .mouse_scroll i {font-size: 16px;vertical-align: bottom;opacity: .8;}

/* ani */
@keyframes spinCircle {
from {
transform:translate(-50%, -50%) rotate(0);
}
to {
transform:translate(-50%, -50%) rotate(-360deg);
}
}


/*---------- section1-2 ----------*/
#section1-2 .video {border-radius: 10px;overflow: hidden;}


/*---------- section2 ----------*/
#section2.section .content_area .txt .control_wrap .swiper-pagination {display: flex;justify-content: flex-end;position: unset;}
#section2.section .content_area .txt .control_wrap .swiper-pagination-bullet {display: block;position: relative;width: 88px;height: 55px;border-radius: 27px;line-height: 55px;opacity: 1;color: #555;background: transparent;transition: all .2s;} 
#section2.section .content_area .txt .control_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active {background: var(--main-color); color: #fff; transition: all .2s;}
#section2.section .content_area .img {position: relative;}
#section2.section .content_area .img:after {content:"";display: block;position: absolute;top: auto;bottom: 2.5vw;left: -12%;right: auto;background: url(../img/big_logo.png) no-repeat;background-size: contain;width: 60vw;max-width: 836px;height: 308px;filter: brightness(0.8);}

/* pro_swiper */
.pro_swiper .swiper-slide .left h3 {font-size: 32px; font-weight: 500; color: var(--main-color); margin-bottom: 20px;}
.pro_swiper .swiper-slide .left p {font-size: 20px; color: #666;}
.pro_swiper .swiper-slide .right img {display: block;width: 100%;border-radius: 10px;object-fit: contain;transition: all .3s;}
/**/
.pro_swiper {width: 100%;position: relative !important;overflow: hidden;} 
.pro_swiper .swiper-slide {display: flex;justify-content: space-between;align-items: flex-start;background-size: cover;background-position: center;overflow: hidden;transform: unset !important;backface-visibility: unset !important;}
.pro_swiper .swiper-slide.slide3,.pro_swiper .swiper-slide.slide4 {align-items: center;}
.pro_swiper .swiper-slide > div {width: 43%;}
.pro_swiper .swiper-slide .left {margin-right: 95px;}
.pro_swiper .swiper-slide .left img {display: block;width: 100%;object-fit: contain;margin: 0 0 0 auto;transition: all .3s;}
.pro_swiper .swiper-slide.slide1 .left img {max-width: 480px;}
.pro_swiper .swiper-slide.slide2 .left img {max-width: 250px;}
.pro_swiper .swiper-slide.slide3 .left img {max-width: 567px;}
.pro_swiper .swiper-slide.slide4 .left img {max-width: 503px;}
.pro_swiper .swiper-slide .right {margin-top: 40px;}
.pro_swiper .swiper-slide .right h3 {font-size: 54px;}
.pro_swiper .swiper-slide .right p {font-size: 20px;color: #555;margin: 40px 0 70px;}
.pro_swiper .swiper-slide .right p span {font-size: 22px;font-weight: 600;color: var(--main-color);}


/*---------- section3 ----------*/
/* video_slide */
.video_slide {position: relative;} 
.video_slide .video_swiper {padding-bottom: 65px;} 
.video_swiper .swiper-slide {max-width: 400px;}
.video_swiper .swiper-slide .img {position: relative; border: 2px solid transparent; border-radius: 10px;overflow: hidden;}
.video_swiper .swiper-slide .img img {width:100%; height:auto; transition: all .5s;}
.video_swiper .swiper-slide .img img:nth-child(1) {max-width: 400px;height: 250px;}
.video_swiper .swiper-slide .img img.youtube_ico {position: absolute;width:50px;top: 45%;left: 50%;transform: translate(-50%, -50%);padding: 5px;z-index: 1;}
.video_swiper .swiper-slide h3 {font-size: 18px;font-weight: 400;color: #555;line-height: 1.4;padding-top: 20px;transition: all .3s;}

/* control_wrap */
.video_slide .control_wrap {position: absolute;bottom: 0;left: 0;right: 0;width: 100%;max-width: 1485px;height: 3px;text-align: center;z-index: 0;margin: 0 auto 0 0;} 
.video_slide .swiper-pagination {
width: 100%;
background: #b9b9b9;
}
.video_slide .swiper-scrollbar-drag {
height: 3px;
width: 100%;
position: relative;
background: #555;
left: 0;
top: 0;
}

/* hover */
.video_slide .video_swiper .swiper-slide:hover .img {border: 2px solid var(--main-color);transition: all .5s;}
.video_slide .video_swiper .swiper-slide:hover img:nth-child(1) {transform: scale(1.1);transition: all .5s;}


/*---------- section4 ----------*/
#section4.section .content_area .img ul {margin: 0 -25px;}
#section4.section .content_area .img ul li {display: flex;flex-direction: column;justify-content: space-between;width: calc(100% / 3 - 50px);max-width: 460px;height: 460px;padding: 30px 30px 45px 40px;margin: 0 25px;border-radius: 17px;color: #fff;}
#section4.section .content_area .img ul li:nth-child(1) {background: url(/img/main3_1.png) no-repeat center / cover;}
#section4.section .content_area .img ul li:nth-child(2) {background: url(/img/main3_2.png) no-repeat center / cover;}
#section4.section .content_area .img ul li:nth-child(3) {background: url(/img/main3_3.png) no-repeat center / cover;}
#section4.section .content_area .img ul li .top {align-self: flex-end;opacity: 0; transition: all .3s;} 
#section4.section .content_area .img ul li .bottom h3 {font-size: 54px;margin-bottom: 15px;}
#section4.section .content_area .img ul li .bottom p {font-size: 20px; font-weight: 300;}
/* hover */
#section4.section .content_area .img ul li:hover .top {opacity: 1; transition: all .3s;} 
#section4.section .content_area .img ul li .top:hover i { transition: all .3s;} 


/*---------- section5 ----------*/
#section5.section {position: relative;}
#section5.section:before {content:"";display: block;position: absolute;top: 0;right: 0;background: url(../img/main5.png) no-repeat;background-size: cover;width: 100%;max-width: 100%;height: 100%;z-index: -1;}

#section5.section .content_area .img ul {margin: 0 -30px;}
#section5.section .content_area .img ul li {width: calc(100% / 4 - 60px);max-width: 325px;height: 395px;margin: 0 30px;border-radius: 20px;background: rgb(255 255 255 / 40%);text-align: center;transition: all .3s;}
#section5.section .content_area .img ul li a {display: flex;flex-direction: column;justify-content: space-between;padding: 60px 30px 65px;transition: all .2s;} 
#section5.section .content_area .img ul li .top {margin-bottom: 55px;} 
#section5.section .content_area .img ul li .top img {width: 100%;max-width: 100px;object-fit: contain;margin: 0 auto; transition: all .2s;} 
#section5.section .content_area .img ul li .top img.no_hover { display: block; opacity: 1; filter: Alpha(opacity=100); } 
#section5.section .content_area .img ul li .top img.hover { display: none; opacity: 0; filter: Alpha(opacity=0); position: absolute; top: 0; left: 0; }
#section5.section .content_area .img ul li .bottom h3 {font-size: 26px;margin-bottom: 25px;}
#section5.section .content_area .img ul li .bottom p {font-weight: 300;}
/* hover */
#section5.section .content_area .img ul li:hover {background: rgb(0 44 171 / 40%);transition: all .3s;} 
#section5.section .content_area .img ul li:hover a { color: #fff; transition: all .2s;} 
#section5.section .content_area .img ul li:hover .top img {transition: all .2s;} 
#section5.section .content_area .img ul li:hover .top img.hover { display: block; opacity: 1; filter: Alpha(opacity=100); position: unset; } 
#section5.section .content_area .img ul li:hover .top img.no_hover { display: none; opacity: 0; filter: Alpha(opacity=0); position: absolute; top: 0; left: 0; } 







/* respon */
@media all and (max-width: 1485px){
#section1 .mySwiper .swiper-slide .visual_wrap, #section1 .mySwiper .control_wrap,
.section .content_area {width: 96%;}

#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box h2 p span {width: 25%;}

#section3.section .content_area {max-width: 1485px;margin-left: auto;}
.video_swiper .swiper-slide {max-width: fit-content;}
.pro_swiper .swiper-slide .right h3 {font-size: 45px;}

#section4.section .content_area .img ul {margin: 0 -15px;}
#section4.section .content_area .img ul li {width: calc(100% / 3 - 30px);margin: 0 15px;}
#section4.section .content_area .img ul li .bottom h3 {font-size: 45px;}

#section5.section .content_area .img ul {margin: 0 -15px;}
#section5.section .content_area .img ul li {width: calc(100% / 4 - 30px);height: auto;margin: 0 15px;}
}

@media (min-width: 1024px) and (max-width: 1485px){
#section5.section .content_area .img ul li .bottom p br {display: none;}
}

@media (max-width: 1300px){
.footer .content_area {flex-direction: column;}
}

@media (max-width: 1023px){
.more a {font-size: 16px;}
.section .content_area {padding-top: 150px;}
#section4.section .content_area {padding: 150px 0;}
#section5.section .content_area {padding: 130px 0 150px;}
.section .content_area .txt strong {font-size: 18px;}
.section .content_area .txt h2 {font-size: 50px;}

#section1 .mySwiper .swiper-slide .visual_wrap .visual_img_box img {width: 40vw;min-width: 220px;max-width: 386px;}
#section1 .mySwiper .swiper-slide .slide_bg {background-position: right 30% center;filter: brightness(0.8);}
#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box h2 p {font-size: 35px;}
#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box h2 p span {width: 30%;font-size: 50px;}

#section1-2.section .content_area .video iframe {height: 450px;}

#section2.section .content_area .img:after {top: 0px;bottom: auto;width: 100vw;}
.pro_swiper .swiper-slide {flex-direction: column;}
.pro_swiper .swiper-slide > div {width: 100%;}
.pro_swiper .swiper-slide .left {margin-right: 0;}
#section2.section .content_area .txt .control_wrap .swiper-pagination-bullet {font-size: 18px;}
.pro_swiper .swiper-slide .right h3 {font-size: 40px;}
.pro_swiper .swiper-slide .right p {font-size: 18px;margin: 25px 0 50px;}
.pro_swiper .swiper-slide .right p span {font-size: 20px;}

#section4.section .content_area .img ul {flex-wrap: wrap;}
#section4.section .content_area .img ul li {width: calc(100% / 2 - 30px);max-width: 100%;height: 250px;padding: 25px 30px 30px;margin: 0 15px 30px;}
#section4.section .content_area .img ul li:nth-child(3) {width: 100%;margin: 0 15px;}
#section4.section .content_area .img ul li .bottom h3 {font-size: 40px;}
#section4.section .content_area .img ul li .bottom p {font-size: 18px;}

#section5.section .content_area .img ul {flex-wrap: wrap;}
#section5.section .content_area .img ul li {width: calc(100% / 2 - 30px);max-width: 100%;margin: 0 15px 30px;}
#section5.section .content_area .img ul li a {padding: 45px 30px 50px;} 
#section5.section .content_area .img ul li .top {margin-bottom: 35px;} 
#section5.section .content_area .img ul li .top img {width: 85px;}
#section5.section .content_area .img ul li .bottom h3 {font-size: 20px;margin-bottom: 15px;}
}

@media all and (max-width: 767px){
.more a {font-size: 14px;}
.more2 .i_wrap {width: 45px;height: 45px;}
.more2 .i_wrap i {line-height: 42px;font-size: 20px;} 
.section .content_area {padding-top: 100px;}
#section4.section .content_area {padding: 100px 0;}
#section5.section .content_area {padding: 80px 0 100px;}
.section .content_area .txt {flex-direction: column;align-items: unset;margin-bottom: 50px;}
.section .content_area .txt strong {font-size: 16px;}
.section .content_area .txt h2 {font-size: 40px;}

#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box h2 p {font-size: 25px;margin-top: 30px;}
#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box h2 p span {width: 40%;font-size: 40px;padding-left: 25px;}
#section1 .mySwiper .control_wrap .swiper-pagination-bullet {width: 45px;height: 45px;font-size: 16px;}
#section1 .mySwiper .control_wrap {bottom: 30px;}
.control_wrap .mouse_scroll span {font-size: 14px;}

#section1-2.section .content_area .txt {text-align: center;}
#section1-2.section .content_area .video iframe {height: 350px;}

#section2.section .content_area .txt, #section3.section .content_area .txt {margin-bottom: 40px;text-align: center;}
#section2.section .content_area .txt .left, #section3.section .content_area .txt .left {margin-bottom: 50px;}
#section2.section .content_area .txt .left {align-self: center;}
#section2.section .content_area .txt .control_wrap .swiper-pagination-bullet {width: 55px;font-size: 16px;}
.pro_swiper .swiper-slide .left img {width: 80%;margin: 0 auto;}
.pro_swiper .swiper-slide .right h3 {font-size: 30px;}
.pro_swiper .swiper-slide .right p {font-size: 16px;margin: 15px 0 35px;}
.pro_swiper .swiper-slide .right p br {display: none;}
.pro_swiper .swiper-slide .right p span {font-size: 18px;}

#section3.section .content_area .txt {align-items: center;}
.video_slide .video_swiper {padding-bottom: 50px;} 
.video_swiper .swiper-slide .img img:nth-child(1) {height: 200px;}
.video_swiper .swiper-slide h3 {font-size: 16px;}

#section4.section .content_area .img ul {margin: 0 -10px;}
#section4.section .content_area .img ul li {width: calc(100% / 2 - 20px);margin: 0 10px 20px;}
#section4.section .content_area .img ul li:nth-child(3) {margin: 0 10px;}
#section4.section .content_area .img ul li .bottom h3 {font-size: 30px;margin-bottom: 10px;}
#section4.section .content_area .img ul li .bottom p {font-size: 16px;}

#section5.section .content_area .img ul {margin: 0 -10px;}
#section5.section .content_area .img ul li {width: calc(100% / 2 - 20px);margin: 0 10px 20px;}
#section5.section .content_area .img ul li .top {margin-bottom: 35px;} 
#section5.section .content_area .img ul li .top img {width: 85px;}
#section5.section .content_area .img ul li .bottom h3 {font-size: 18px;}
#section5.section .content_area .img ul li .bottom p {font-size: 16px;}
#section5.section .content_area .img ul li .bottom p br {display: none;}

}

@media all and (max-width: 479px){
.more {width: 160px;}
.more a {font-size: 12px;padding: 15px 28px;}
.section .content_area .txt strong {font-size: 14px;}
.section .content_area .txt h2 {font-size: 30px;}

#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box h2 p {font-size: 20px;}
#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box h2 p span {display: block;width: 40%;font-size: 30px;padding-left: 15px;margin-bottom: 10px;}
#section1 .mySwiper .control_wrap .swiper-pagination {justify-content: center;}
.control_wrap .mouse_scroll {display: none;}

#section1-2.section .content_area .video iframe {height: 300px;}

#section2.section .content_area .txt .control_wrap .swiper-pagination-bullet {width: 45px;height: 45px;line-height: 45px;font-size: 14px;}
.pro_swiper .swiper-slide .right h3 {font-size: 20px;}
.pro_swiper .swiper-slide .right p {font-size: 14px;}
.pro_swiper .swiper-slide .right p span {font-size: 16px;}

.video_swiper .swiper-slide h3 {font-size: 14px;}

#section4.section .content_area .img ul {margin: 0 auto;}
#section4.section .content_area .img ul li {width: 100%;height: auto;padding: 20px 20px 25px;margin: 0 auto 20px;}
#section4.section .content_area .img ul li:nth-child(3) {margin: 0 auto;}
#section4.section .content_area .img ul li .bottom h3 {font-size: 25px;}
#section4.section .content_area .img ul li .bottom p {font-size: 14px;}

#section5.section .content_area .img ul {margin: 0 auto;}
#section5.section .content_area .img ul li {width: 100%;margin: 0 auto 20px;}
#section5.section .content_area .img ul li a {padding: 30px 20px 35px;} 
#section5.section .content_area .img ul li .top {margin-bottom: 25px;} 
#section5.section .content_area .img ul li .top img {width: 65px;}
#section5.section .content_area .img ul li .bottom {width: 100%;}
#section5.section .content_area .img ul li .bottom h3 {font-size: 16px;}
#section5.section .content_area .img ul li .bottom p {font-size: 14px;}
#section5.section .content_area .img ul li .bottom p br {display: none;}
}