@charset "UTF-8"; 



/*---------- common ----------*/
.flex { display: flex; justify-content: space-between; } 

.grid { display: grid; justify-content: space-between; } 

.more { width: 310px; height: 78px; background: transparent; border: 1px solid #222; border-radius: 38.5px; transition: all .3s; } 

.more a {justify-content: space-evenly;align-items: center;line-height: 78px;font-weight: 300;} 

.more a i { font-size: 30px; margin-left: 20px; font-weight: 600; transform: scaleX(-1) rotate(135deg); transition: all .3s; } 

.section .content_area, footer .content_area { position: relative; max-width: 1566px; height: 100%; margin: 0 auto; } 

.section .content_area .top > strong { display: block; font-size: 26px; color: #002060; letter-spacing: -.5px; margin-bottom: 25px; } 

.section .content_area .top h2 { font-size: 56px; letter-spacing: -1px; line-height: 1.3; transition: transform 700ms ease-in-out, opacity 700ms ease 0s; } 

.section .content_area .top h2 span { font-weight: 500; } 

.right_btn { width: 100%; max-width: 1380px; position: absolute; top: 80px; left: 0; right: 0; margin: 0 auto; z-index: 100; text-align: right; } 

.right_btn button { border: none; background: transparent; color: #fff; padding: 10px 0 10px 10px; transition: all .3s; } 

.right_btn button span { display: inline-block; position: relative; right: 0; vertical-align: -webkit-baseline-middle; font-family: 'Oxanium', sans-serif; font-weight: 300; letter-spacing: 3px; z-index: 10; transition: all .3s; } 

.right_btn button p { display: inline-block; position: relative; width: 50px; height: 50px; border: 1px solid #fff; border-radius: 50%; } 

.right_btn button p i { vertical-align: -webkit-baseline-middle; } 
/* hover */
.more:hover { background: #002060; border: 1px solid transparent; transition: all .3s; } 

.more a:hover { color: #fff; transition: all .3s; } 

.more a:hover i { transform: scaleX(-1) rotate(90deg); transition: all .3s; } 

.right_btn button:hover span { right: 10px; } 

.right_btn button:hover p { background: #fff; } 

.right_btn button:hover p i { color: #b80000; font-weight: 600; } 

/* ani */
/* fade out -> in */
#section1 .content_area .top p.left.s_event { opacity: 0; transform: translateY(0%); transition: 2s; } 
#section1 .content_area .top p.left.s_event.active { opacity: 1; transform: translateX(0%); transition: 2s; transition-delay: 0.3s; } 


/*---------- swiper ----------*/
.swiper { width: 100%; height: 100%; -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 {width: 100%; height: 100vh; }


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

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

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

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

/* right -> left */
.r_left.s_event { opacity: 0; transform: translateX(15%); transition-duration: 1s; } 
.r_left.s_event.active { opacity: 1; transform: translateX(0%); transition-duration: 1s; } 

/* ----------------- */
.td_100 { transition-delay: 100ms; } 
.td_200 { transition-delay: 200ms; } 
.td_300 { transition-delay: 300ms; } 
.td_400 { transition-delay: 400ms; } 
.td_500 { transition-delay: 500ms; } 
.td_600 { transition-delay: 600ms; } 
.td_700 { transition-delay: 700ms; } 


/*---------- 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: 50%; left: 0; right: 0; width: 100%; max-width: 1566px; margin: 0 auto; transform: translateY(-50%); } 

#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box { color: #fff; text-align: center; } 

#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h2 { font-size: 62px; font-weight: 600; line-height: 1.4; } 

#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h2 span { font-weight: 300; } 

#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.swiper-slide-active .slide_bg { animation: zoom_in 4500ms; transition: transform 4500ms ease-in-out, opacity 1500ms ease 0s; } 

#section1 .mySwiper .swiper-slide.swiper-slide-active .visual_wrap .visual_txt_box .title_box h2 { animation: t_opacity 2000ms; transition: transform 2000ms ease-in-out, opacity 2000ms ease 0s; animation-delay: 0s}

@keyframes zoom_in { 
0% { transform: scale(1.2); } 

100% { transform: scale(1) rotate(0.003deg); } 
}

@keyframes t_top { 
0% { opacity: 0; transform: translateY(50px); } 

100% { opacity: 1; transform: translateY(0%); } 
}

@keyframes t_opacity { 
0% { opacity: 0; filter: blur(5px); letter-spacing: 5px; } 

100% { opacity: 1; filter: blur(0); letter-spacing: 0; } 
}

@-webkit-keyframes LoadingBar { 
from { width: 0px; } 

to { width: 80px; } 
}

@keyframes LoadingBar { 
from { background: rgb(255 255 255 / 50%); } 

to { background: #fff; } 
}

/* pagnation */
.control_wrap { position: absolute; top: auto; bottom: 50px; left: 0; right: 0; width: 100%; max-width: 1566px; height: 26px; z-index: 1; margin: 0 auto; } 

.control_wrap .pagination_wrap { display: flex; flex-wrap: wrap; justify-content: space-between; } 

.control_wrap .pagination_wrap { position: absolute; top: 0; right: 0; width: 100%; max-width: 130px; height: 100%; margin: 0 auto; } 

.control_wrap .pagination_wrap .swiper-pagination { width: 100%; } 

.control_wrap .swiper-pagination-bullet { font-family: "Ubuntu", sans-serif; color: #fff; transition: all 1s; position: absolute; opacity: 0; left: 20px; height: 100%; text-align: right; top: calc(100% / 2 - 13px); font-weight: 600; } 

.control_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; } 

#section1 .mySwiper .control_wrap .swiper-pagination::before { content: "/"; display: block; font-family: "Ubuntu", sans-serif; position: absolute; color: #fff; right: calc(50% - 3px); top: calc(100% / 2 - 10px); font-weight: 300; } 

#section1 .mySwiper .control_wrap .swiper-pagination::after { display: block; font-family: "Ubuntu", sans-serif; content: '03'; position: absolute; color: #fff; right: 25px; top: calc(100% / 2 - 13px); font-weight: 600; } 

/* 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; } 

/* mouse wheel */
#section1 .cursor_circle { position: absolute; bottom: -55px; left: calc(50% - 91px); width: 182px; height: 182px; border-radius: 50%; background-color: transparent; transform: translate(5%, 5%); z-index: 1; } 

#section1 .cursor_circle:after { content: ''; display: block; width: 182px; height: 182px; position: absolute; top: 0; left: 0; background: url(../img/cursor.png) no-repeat center / cover; animation: cursor_circle 10s linear infinite; animation-delay: 0s; transition: 5s linear infinite; } 

#section1 .cursor_circle .wrap { position: relative; width: 100%; height: 100%; } 

#section1 .cursor_circle .wrap i { display: block; position: absolute; top: 50%; left: 50%; font-size: 30px; color: #fff; transform: translate(-50%, -50%); } 

/* ani */
@-webkit-keyframes cursor_circle { 
from { transform: rotate(0deg); } 

to { transform: rotate(360deg); } 
}


/*---------- section2 ----------*/
#section2.section .content_area, #section5.section .content_area { flex-direction: column; } 

#section2.section .content_area { padding-top: 210px; margin-bottom: 210px; } 

#section2.section .content_area .top h2, #section4.section .content_area .top h2 { margin-bottom: 140px; } 

#section2.section .content_area .bottom .img {width: 65%;max-width: 980px;} 
#section2.section .content_area .bottom .img ul {margin: 0 -16px;}
#section2.section .content_area .bottom .img li {flex-basis: 100%;display: inline-block;max-width: 300px;height: 100%;border-radius: 15px;margin: 0 16px;overflow: hidden;} 

#section2.section .content_area .bottom .img li.u_down.s_event { transform: translateY(0); } 
#section2.section .content_area .bottom .img li:nth-child(1).u_down.s_event.active { transform: translateY(-85px); } 

#section2.section .content_area .bottom .img li:nth-child(3).u_down.s_event.active { transform: translateY(-160px); } 

#section2.section .content_area .bottom .img li img {display: block;width: 100%;max-width: 300px;height: 100%;object-fit: cover;/* border-radius: 10px; */} 

#section2.section .content_area .flow-container { position: absolute; left: 0; right: 0; bottom: 0; width: 150%; margin: 0 auto; transform: translateX(-25%); z-index: -1; } 

#section2.section .content_area .flow-wrap { animation-duration: 40s}

#section2.section .content_area .flow-text { display: flex; white-space: nowrap; overflow: hidden; transition: 0.3s; font-size: 150px; font-weight: 800; color: rgb(245 245 245 / 60%); } 

#section2.section .content_area .flow-wrap { animation: textLoop_width 35s linear infinite; padding-right: 1.4881vw; padding-right: 5.4881vw; cursor: default; } 

/* ani */
@keyframes textLoop_width { 
0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 

100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 
}

/* pro_btns */
.pro_btns > div, .pro_btns span { display: inline-block; vertical-align: middle; } 

.pro_btns .pro_btn1 .pro_dot { display: inline-block; width: auto; } 

.pro_btns i { font-size: 18px; } 

.pro_btns .pro_btn2 span { width: 30px; height: 30px; border: 1px solid #111; border-radius: 50%; } 

.pro_btns .pro_btn2 span i { position: absolute; top: calc(50% - 9px); left: calc(50% - 9px); } 

.pro_btns .pro_btn2 span.play i { left: calc(50% - 7px); } 

.pro_btns { position: relative; right: 0; top: -35px; cursor: pointer; text-align: right; } 

.pro_btns button { border: none; background: none; } 

.pro_btns .pro_btn2 { margin-left: 10px; } 

.pro_btns .pro_btn2 span { position: relative; display: none; } 

.pro_btns .pro_btn2 span.on { display: inline-block; } 

/**/
.pro_wrap { padding-top: 10px; max-width: 1690px; float: right; } 

.pro_wrap .pro_list { width: auto; height: 100%; margin: 0 auto; z-index: 10; overflow: hidden; left: 0; padding-bottom: 55px; } 

.pro_wrap .pro_list div { position: relative; } 

.pro_wrap .pro_list div div { box-shadow: 6px 6px 12px #bfbfbf; } 

.pro_wrap .pro_list div div.slick-slide.slick-current.slick-active { border: 2px solid #ef4036; } 

.pro_wrap .pro_list div div.slick-slide.slick-current.slick-active:after { opacity: 0; } 

.pro_wrap .pro_list div div a { position: relative; display: block; width: 100%; height: 100%; } 

.pro_wrap .pro_list div div a img { display: block; width: 100%; height: 100%; object-fit: contain; } 

.pro_wrap .slick-slide { width: 450px !important; height: 305px; margin: 0 25px; background: #fff; } 

/* slick orgin */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } 

.slick-list { display: block; margin: 0; padding: 0; width: 100%; height: 100%; } 

.slick-slide { float: left; } 

.slick-initialized .slick-slide { display: block; } 

/**/
.slick-dots li:not(.slick-active) { display: none; } 

.slick-dots li a { font-size: 14px; color: #565356; font-weight: bold; } 

.slick-dots li a:first-child { color: #282525; margin-right: 60px; } 

.progress { position: absolute; top: calc(50% - 1px); right: 92px; display: inline-block; width: 50px; height: 2px; /* border-radius: 10px; */
overflow: hidden; background-color: #928f8e; background-image: linear-gradient(to right, black, black); background-repeat: no-repeat; background-size: 0 100%; transition: background-size .4s ease-in-out; } 


/*---------- section3 ----------*/
#section3.section { position: relative; color: #fff; } 

#section3.section:before { content: ""; display: block; position: absolute; bottom: 0; left: 0; background: url(../img/main3.png) no-repeat center / cover; width: 100%; max-width: 100%; height: 100%; z-index: -1; } 

#section3.section .content_area .top {width: 45%;margin-top: 130px;margin-bottom: 0;} 

.section .content_area .top > strong { color: inherit; } 

#section3.section .content_area .top h2 { margin-bottom: 75px; } 

#section3.section .content_area .top p { font-size: 24px; opacity: .8; } 

#section3.section .content_area .top span { font-weight: 600; } 

/**/
#section3.section .content_area .bottom {margin-right: -9vw;width: 55%;max-width: 840px;border-left: 1px solid rgb(255 255 255 / 50%);} 

#section3.section .content_area .bottom ul li { height: 285px; } 

#section3.section .content_area .bottom ul li:nth-child(2) { border: 1px rgb(255 255 255 / 50%); border-style: solid none; } 

#section3.section .content_area .bottom ul li a {align-items: center;padding: 87px 9.5vw 87px 95px;} 

#section3.section .content_area .bottom ul li a h3 {font-size: 30px;font-weight: 600;margin: 0 25px;} 

#section3.section .content_area .bottom ul li a i { font-size: 30px; font-weight: 600; transform: scaleX(-1) rotate(135deg); transition: all .3s; } 

/* hover */
#section3.section .content_area .bottom ul li a:hover i { transform: scaleX(-1) rotate(90deg); transition: all .3s; } 


/*---------- section4 ----------*/
#section4.section .content_area { padding: 210px 0; } 

/**/
#section4.section .content_area .bottom {width: 50%;max-width: 780px;border-top: 1px solid #ddd;} 


/*---------- section5 ----------*/
/* width 80 -> width auto */
#section5.section.w_auto:before { opacity: 0; max-width: 1000px; transition: 1s; } 

#section5.section.w_auto.aos-animate:before { opacity: 1; max-width: 1566px; transition: 1s 0.3s; } 

#section5.section.w_auto.aos-animate:before { border-radius: 15px; transition: 1s 0.3s; } 

#section5.section { position: relative; color: #fff; } 

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

#section5.section .content_area { padding: 95px 12vw; margin-bottom: 230px; } 

#section5.section .content_area .top { text-align: center; margin-bottom: 160px; } 

#section5.section .content_area .top h2 { font-weight: 500; } 

#section5.section .content_area .bottom {margin: 0 -10px;} 
#section5.section .content_area .bottom .more {border: 1px solid #fff;margin: 0 10px;} 


/* hover */
#section5.section .content_area .bottom .more:hover { border: 1px solid transparent; } 






/*---------- respon ----------*/
@media (min-width: 1567px) and (max-width: 1700px) { 
#section3.section .content_area .bottom {width: 50%;margin-right: -4vw;} 
}

@media (min-width: 1024px) and (max-width: 1566px) { 
#section3.section .content_area .top p br {display: none;}
#section3.section .content_area .bottom {margin-right: -2vw;} 
#section3.section .content_area .bottom ul li a {padding: 87px 7.5vw 87px 5.5vw;} 
}

@media (max-width: 1566px) { 
.section .content_area, footer .content_area, #section1 .mySwiper .swiper-slide .visual_wrap, .control_wrap { width: 96%; } 
.section .content_area .top h2 {font-size: 45px;} 

/* section1 */
#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h2 {font-size: 50px;} 

/* section3 */
#section3.section .content_area .bottom ul li a h3 {font-size: 25px;margin: 0 25px;}

/* section5 */
#section5.section:before {width: 96%;} 
}

@media (max-width: 1300px) { 
/* section5 */
#section5.section .content_area {padding: 95px 6vw;} 
}

@media (max-width: 1023px) {
/* common */
.more {height: 68px;} 
.more a {font-size: 18px;line-height: 68px;} 
.section .content_area .top > strong {font-size: 20px;} 
.section .content_area .top h2 {font-size: 35px;} 

/* section1 */
#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h2 {font-size: 35px;} 
#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box p { font-size: 25px; padding-top: 25px; } 
#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .visual_info { padding-top: 20px; } 
#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .visual_info p { font-size: 18px; } 

/* section2 */
#section2.section .content_area {padding-top: 150px;margin-bottom: 150px;} 
#section2.section .content_area .top h2, #section4.section .content_area .top h2 {margin-bottom: 50px;} 
#section2.section .content_area .bottom {flex-direction: column;}
#section2.section .content_area .bottom .img {width: 85%;margin: calc(160px + 50px) auto 0;} 
#section2.section .content_area .flow-text {font-size: 14vw;}

/* section3 */
#section3.section .content_area {flex-direction: column;padding-bottom: 100px;}
#section3.section .content_area .top {width: 100%;margin-bottom: 80px;} 
#section3.section .content_area .top h2 {margin-bottom: 35px;} 
#section3.section .content_area .top p {font-size: 20px;}
#section3.section .content_area .bottom {margin-right: 0;width: 100%;max-width: 100%;border: 1px solid rgb(255 255 255 / 50%);border-style: solid none;} 
#section3.section .content_area .bottom ul li {height: auto;} 
#section3.section .content_area .bottom ul li a {justify-content: flex-start;padding: 32px 5vw;} 
#section3.section .content_area .bottom ul li a img {width: 85px;} 
#section3.section .content_area .bottom ul li a h3 {width: 100%;margin: 0 5% 0 10%;} 

/* section4 */
#section4.section .content_area {flex-direction: column;padding: 150px 0;}
#section4.section .content_area .bottom {width: 100%;max-width: 100%;margin-top: 80px;} 

/* section5 */
#section5.section .content_area {margin-bottom: 150px;} 
#section5.section .content_area .top { margin-bottom: 80px; } 
#section5.section .content_area .bottom {flex-wrap: wrap;}
#section5.section .content_area .bottom .more {width: calc(100% / 2 - 20px);margin: 0 10px 20px;}
#section5.section .content_area .bottom .more:last-child {margin: 0 10px;}
}

@media all and (max-width: 767px) {
/* common */
.more {width: 250px;height: 58px;} 
.more a {font-size: 16px;line-height: 58px;} 
.more a i { font-size: 25px; } 
.section .content_area .top > strong {font-size: 16px;letter-spacing: 0;margin-bottom: 15px;} 
.section .content_area .top h2 {font-size: 25px;letter-spacing: 0;} 

/* section1 */
#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h2 {font-size: 25px;line-height: 1.6;} 
#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box p { font-size: 20px; } 
#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .visual_info p { font-size: 16px; } 
#section1 .cursor_circle {bottom: -30px;left: calc(50% - 60px);width: 120px;height: 120px;} 
#section1 .cursor_circle .wrap i {font-size: 25px;}
#section1 .cursor_circle:after {width: 120px;height: 120px;} 
/* ani */
@keyframes t_opacity { 
0% { opacity: 0; filter: blur(5px); letter-spacing: 0; } 
100% { opacity: 1; filter: blur(0); letter-spacing: 0; } 
} 

/* section2 */
#section2.section .content_area {padding-top: 100px;margin-bottom: 100px;} 
#section2.section .content_area .top h2, #section4.section .content_area .top h2 {margin-bottom: 35px;} 
#section2.section .content_area .bottom .img {width: 100%;margin: calc(100px + 35px) auto 0;} 
#section2.section .content_area .bottom .img ul {margin: 0 -10px;}
#section2.section .content_area .bottom .img li {margin: 0 10px;}
#section2.section .content_area .bottom .img li:nth-child(1).u_down.s_event.active { transform: translateY(-50px); } 
#section2.section .content_area .bottom .img li:nth-child(3).u_down.s_event.active { transform: translateY(-100px); } 

/* section3 */
#section3.section .content_area {padding-bottom: 80px;}
#section3.section .content_area .top {margin-top: 100px;margin-bottom: 50px;} 
#section3.section .content_area .top h2 {margin-bottom: 25px;} 
#section3.section .content_area .top p {font-size: 18px;}
#section3.section .content_area .bottom ul li a {padding: 25px 2.5vw;} 
#section3.section .content_area .bottom ul li a img {width: 65px;} 
#section3.section .content_area .bottom ul li a h3 {font-size: 20px;} 
#section3.section .content_area .bottom ul li a i {font-size: 25px;}

/* section4 */
#section4.section .content_area {padding: 100px 0;}
#section4.section .content_area .bottom {margin-top: 50px;} 

/* section5 */
#section5.section .content_area {padding: 75px 6vw;margin-bottom: 100px;} 
#section5.section .content_area .top {margin-bottom: 50px;} 
}

@media (max-width: 479px) {
/* common */ 
.more {width: 100%;max-width: 180px;height: 48px;} 
.more a {font-size: 14px;line-height: 48px;} 
.more a i { font-size: 20px; } 
.section .content_area .top > strong {font-size: 14px;} 
.section .content_area .top h2 {font-size: 20px;} 

/* section1 */
#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h2 {font-size: 20px;} 
#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h2 br {display: none;} 

/* section2 */ 
#section2.section .content_area .bottom .img {margin: calc(70px + 35px) auto 0;} 
#section2.section .content_area .bottom .img ul {margin: 0 -5px;}
#section2.section .content_area .bottom .img li {margin: 0 5px;}
#section2.section .content_area .bottom .img li:nth-child(1).u_down.s_event.active {transform: translateY(-35px);} 
#section2.section .content_area .bottom .img li:nth-child(3).u_down.s_event.active {transform: translateY(-70px);} 

/* section3 */
#section3.section .content_area .top {margin-bottom: 35px;} 
#section3.section .content_area .top h2 {margin-bottom: 20px;} 
#section3.section .content_area .top p {font-size: 16px;}
#section3.section .content_area .top p br {display: none;}
#section3.section .content_area .bottom ul li a {display: block;} 
#section3.section .content_area .bottom ul li a:after {content:""; display: block; clear: both;} 
#section3.section .content_area .bottom ul li a img {display: block;margin: 0 auto 20px;} 
#section3.section .content_area .bottom ul li a h3 {float: left;width: calc(100% - 25px);font-size: 18px;margin: 0;} 
#section3.section .content_area .bottom ul li a i {float: right;font-size: 20px;}

/* section5 */
#section5.section .content_area .bottom {margin: 0;} 
#section5.section .content_area .bottom .more {width: 100%;max-width: 100%;margin: 0 0 20px;}
#section5.section .content_area .bottom .more:last-child {margin: 0;}
}