@charset "UTF-8";

body::-webkit-scrollbar {display: none;} 

.main_title_area {text-align: center;}
.main_title_area .title {font-weight: 600; font-size: 42px; line-height: 50px; color: #222222;}
.main_title_area .text {margin: 10px 0 0; font-weight: 400; font-size: 18px; line-height: 24px; color: #888888;}

.view_btn {display: block; width: 250px; margin: 40px auto 0; border: 1px solid #3857a0; border-radius: 28px; text-align: center;}
.view_btn .text {display: inline-block; position: relative; padding: 0 30px 0 0; background: url("/kor/images/main/sec02_arrow.png") no-repeat right center; font-weight: 600; font-size: 16px; line-height: 53px; color: #222222;}
.view_btn:hover, .view_btn:focus {background-color: #3857a0;}
.view_btn:hover .text, .view_btn:focus .text {background-image: url("/kor/images/main/sec02_arrow_on.png");color: #fff;}

.sec01 {}
.sec01 .main_visual_area { position: relative; overflow: hidden; height: 100dvh; }
.sec01 .main_visual_area .main_slide_area { font-size: 0; }
.sec01 .main_visual_area .main_slide_area .list {}
.sec01 .main_visual_area .main_slide_area .list li { height: 100dvh; }
.sec01 .main_visual_area .main_slide_area .list li .box { position: relative; height: 100%; }
.sec01 .main_visual_area .main_slide_area .list li .box .bg_img_box { height: 100%; overflow: hidden; }
.sec01 .main_visual_area .main_slide_area .list li .box .bg_img_box video,.sec01 .main_visual_area .main_slide_area .list li .box .bg_img_box img { position: relative; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transform-origin: center center; will-change: transform; }
@keyframes zoomInOut {
0% { transform: scale(1); }
50% { transform: scale(1.15); }
100% { transform: scale(1); }
}
.sec01 .main_visual_area .main_slide_area .list li.swiper-slide-active .box .bg_img_box img,.sec01 .main_visual_area .main_slide_area .list li.swiper-slide-active .box .bg_img_box video { animation: zoomInOut 12s ease-in-out infinite; }
.sec01 .main_visual_area .main_slide_area .list li .box .text_box { display: flex; flex-direction: column; gap: 50px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 1430px; z-index: 10; text-align: center; }
.sec01 .main_visual_area .main_slide_area .list li .box .text_box>* { position: relative; opacity: 0; }
.sec01 .main_visual_area .main_slide_area .list li .box .text_box .title { font-weight: 600; font-size: 60px; line-height: 68px; color: #ffffff; }
.sec01 .main_visual_area .main_slide_area .list li .box .text_box .title .ft_c { color: #189fe0; }
.sec01 .main_visual_area .main_slide_area .list li .box .text_box .text { font-weight: 500; font-size: 22px; line-height: 30px; color: #ffffff; }
.sec01 .main_visual_area .main_slide_area .list li.swiper-slide-active .box .text_box>* { animation: text_box 2s forwards; }
.sec01 .main_visual_area .main_slide_area .list li.swiper-slide-active .box .text_box .title { animation-delay: .2s; }
.sec01 .main_visual_area .main_slide_area .list li.swiper-slide-active .box .text_box .title.splitting .char { --char-index: 1; animation: slide-in .8s ease both; animation-delay: calc(.8s + (.06s * var(--char-index))); will-change: transform; transform-origin: top left; }
.sec01 .main_visual_area .main_slide_area .list li.swiper-slide-active .box .text_box .text { animation-delay: 1s; }
.sec01 .play_btn_box { position: absolute; bottom: 260px; left: 50%; transform: translateX(-50%); width: 100%; z-index: 99; }
.sec01 .play_btn_box .btn_box { display: flex; gap: 0 12px; justify-content: center; }
.sec01 .play_btn_box .btn_box .main_btn { height: 19px; }
.sec01 .play_btn_box .btn_box .main_btn img { vertical-align: middle; }
.sec01 .play_btn_box .bg_slide_dot { display: inline-block; }
.sec01 .play_btn_box .bg_slide_dot .swiper-pagination-bullet { display: inline-block; width: auto; height: auto; margin: 0 15px 0 0; background-color: inherit; vertical-align: top; opacity: 1; }
.sec01 .play_btn_box .bg_slide_dot .swiper-pagination-bullet:last-child { margin: 0; }
.sec01 .play_btn_box .bg_slide_dot .swiper-pagination-bullet span { display: inline-block; font-family: "Montserrat"; font-weight: 600; font-size: 16px; line-height: 21px; color: #fff; }
.sec01 .play_btn_box .bg_slide_dot .line_box { display: none; position: relative; width: 100px; height: 2px; margin: 0 0 0 15px; background-color: rgba(255, 255, 255, 0.3); vertical-align: top; }
.sec01 .play_btn_box .bg_slide_dot .line_box .line { position: absolute; top: 0; left: 0; width: 0; height: 2px; background-color: rgba(255, 255, 255, 1); }
.sec01 .play_btn_box .bg_slide_dot .swiper-pagination-bullet.swiper-pagination-bullet-active span { color: #ffffff; }
.sec01 .play_btn_box .bg_slide_dot .swiper-pagination-bullet.swiper-pagination-bullet-active .line_box { display: inline-block; vertical-align: middle; }
.sec01 .play_btn_box .bg_slide_dot .swiper-pagination-bullet.swiper-pagination-bullet-active .line_box .line { width: 100%; animation: fill 5s forwards;}
.sec02 { background: url("/kor/images/main/sec02_bg01.jpg") no-repeat center / cover;}

.sec02 .container {}
.sec02 .main_title_area {}
.sec02 .future_area {padding: 100px 0 0;}
.sec02 .future_area .list {display: flex; gap: 0 20px; margin: 50px 0 0; padding: 40px 0 0;}
.sec02 .future_area .list li {}
.sec02 .future_area .list li .box {display: block; position: relative; border-radius: 0 25px; overflow: hidden; transition: all 0.5s;}
.sec02 .future_area .list li .box .bg_box {}
.sec02 .future_area .list li .box .bg_box img {}
.sec02 .future_area .list li .box .text_box {display: block; align-content: end; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 35px 30px; transition: all 0.5s;}
.sec02 .future_area .list li .box .text_box .icon_box {display: none; margin: 0 0 20px; text-align: center; transition: all 0.5s;}
.sec02 .future_area .list li .box .text_box .icon_box img {}
.sec02 .future_area .list li .box .text_box .title {font-weight: 500; font-size: 18px; line-height: 24px; color: #ffffff; letter-spacing: -0.02em; transition: all 0.5s;}
.sec02 .future_area .list li .box .text_box .text {font-weight: 500; font-size: 18px; line-height: 24px; color: #ffffff; letter-spacing: -0.02em; transition: all 0.5s;}
.sec02 .future_area .list li .box:hover, .sec02 .future_area .list li .box:focus {margin: -40px 0 0;}
.sec02 .future_area .list li .box:hover .text_box, .sec02 .future_area .list li .box:focus .text_box {background-color: rgba(0, 0, 0, 0.4); align-content: center; padding: 15px; text-align: center;}
.sec02 .future_area .list li .box:hover .text_box .icon_box, .sec02 .future_area .list li .box:focus .text_box .icon_box {display: block;}
.sec02 .future_area .list li .box:hover .text_box .title, .sec02 .future_area .list li .box:focus .text_box .title {font-size: 20px; line-height: 26px;}
.sec02 .future_area .list li .box:hover .text_box .text, .sec02 .future_area .list li .box:focus .text_box .text {margin: 5px 0 0; font-size: 20px; line-height: 26px;}

.sec03 {}
.sec03 .fp-tableCell {vertical-align: bottom;}
.sec03 .prd_area {padding: 100px 0 0;}
.sec03 .prd_area .main_title_area {}
.sec03 .prd_area .main_tab_list {margin: 30px 0 0;}
.sec03 .prd_area .main_tab_list .list {display: flex; gap: 0 10px; justify-content: center;}
.sec03 .prd_area .main_tab_list .list li {}
.sec03 .prd_area .main_tab_list .list li .box {min-width: 170px; height: 40px; padding: 0 25px; border-radius: 20px; border: 1px solid #2a4b99; font-weight: 600; font-size: 16px; line-height: 20px; color: #222222;}
.sec03 .prd_area .main_tab_list .list li.on .box {background-color: #2a4b99; color: #fff;}
.sec03 .prd_area .main_tab_list .list li .box:hover, .sec03 .prd_area .main_tab_list .list li .box:focus {background-color: #2a4b99; color: #fff;}
.sec03 .prd_area .main_tab {display: none;}
.sec03 .prd_area .main_tab.on {display: block;}
.sec03 .prd_area .prd_list {margin: 40px 0 0;}
.sec03 .prd_area .prd_list .list {display: flex;}
.sec03 .prd_area .prd_list .list li {width: 100%; transition: all 0.3s;}
.sec03 .prd_area .prd_list .list li .box {position: relative; width: 100%; height: 550px; overflow: hidden;}
.sec03 .prd_area .prd_list .list li .box .bg_box {align-content: center; height: 100%; background-color: #282828; text-align: center; overflow: hidden;}
.sec03 .prd_area .prd_list .list li .box .bg_box img {opacity: 0.5; transform: scale(1.3); transition: all 0.5s;}
.sec03 .prd_area .prd_list .list li .box .title_box {position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 230px 0 0;}
.sec03 .prd_area .prd_list .list li .box .title_box .title {position: relative; padding: 24px 0 0; font-weight: 700; font-size: 24px; line-height: 30px; color: #ffffff; text-align: center;}
.sec03 .prd_area .prd_list .list li .box .title_box .title:before {display: block; content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: 30px; height: 2px; background-color: #ffffff;}
.sec03 .prd_area .prd_list .list li .box .text_box {display: none;position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 230px 0 0;}
.sec03 .prd_area .prd_list .list li .box .text_box .title {position: relative; padding: 24px 0 0; font-weight: 700; font-size: 24px; line-height: 30px; color: #ffffff; text-align: center;}
.sec03 .prd_area .prd_list .list li .box .text_box .title:before {display: block; content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: 30px; height: 2px; background-color: #ffffff;}
.sec03 .prd_area .prd_list .list li .box .text_box .text {display: none; margin: 25px 0 0; font-weight: 400; font-size: 16px; line-height: 20px; color: #ffffff;} 
.sec03 .prd_area .prd_list .list li .box .text_box .view_more {display: none; width: 170px; margin: 50px 0 0; background-color: #fff; border-radius: 20px; text-align: center;}
.sec03 .prd_area .prd_list .list li .box .text_box .view_more .txt {display: inline-block; padding: 0 30px 0 0; background: url("/kor/images/main/sec03_arrow.png") no-repeat right center; font-weight: 500; font-size: 14px; line-height: 40px; color: #2a4b99;}
.sec03 .prd_area .prd_list .list li:hover, .sec03 .prd_area .prd_list .list li:focus {width: 238%;}
.sec03 .prd_area .prd_list .list li .box:hover .title_box, .sec03 .prd_area .prd_list .list li .box:focus .title_box {display: none;}
.sec03 .prd_area .prd_list .list li .box:hover .text_box, .sec03 .prd_area .prd_list .list li .box:focus .text_box {padding: 0 100px; align-content: center;}
.sec03 .prd_area .prd_list .list li .box:hover .text_box .title, .sec03 .prd_area .prd_list .list li .box:focus .text_box .title {padding: 0; font-size: 32px; line-height: 40px; text-align: left;}
.sec03 .prd_area .prd_list .list li .box:hover .text_box .title:before, .sec03 .prd_area .prd_list .list li .box:focus .text_box .title:before {display: none;}
.sec03 .prd_area .prd_list .list li .box:hover .bg_box, .sec03 .prd_area .prd_list .list li .box:focus .bg_box {background-color: #0d1e46;}
.sec03 .prd_area .prd_list .list li .box:hover .bg_box img, .sec03 .prd_area .prd_list .list li .box:focus .bg_box img {transform: scale(1.0)}
.sec03 .prd_area .prd_list .list li .box:hover .text_box, .sec03 .prd_area .prd_list .list li .box:focus .text_box {display: block;}
.sec03 .prd_area .prd_list .list li .box:hover .text_box .text, .sec03 .prd_area .prd_list .list li .box:focus .text_box .text {display: block;}
.sec03 .prd_area .prd_list .list li .box:hover .text_box .view_more, .sec03 .prd_area .prd_list .list li .box:focus .text_box .view_more {display: block;}

.sec03 .prd_area .prd_list.sty2 .list li .box:hover .bg_box, .sec03 .prd_area .prd_list.sty2 .list li .box:focus .bg_box {padding: 0 100px; text-align: right;}
.sec03 .prd_area .prd_list.sty2 .list li .box:hover .bg_box img, .sec03 .prd_area .prd_list.sty2 .list li .box:focus .bg_box img {transform: scale(0.9)}
.sec03 .prd_area .prd_list.sty2 .list li:hover, .sec03 .prd_area .prd_list.sty2 .list li:focus {width: 100%;}


.sec04 {}
.sec04 .fp-tableCell {vertical-align: bottom;}
.sec04 .info_slide_area {padding: 110px 0 0;}
.sec04 .info_slide_area .list {}
.sec04 .info_slide_area .list li {}
.sec04 .info_slide_area .list li .box {position: relative;}
.sec04 .info_slide_area .list li .box .bg_box {height: calc(100vh - 210px);}
.sec04 .info_slide_area .list li .box .bg_box img {width: 100%; height: 100%; object-fit: cover;}
.sec04 .info_slide_area .list li .box .text_box {position: absolute; left: 0; top: -110px; width: 100%; max-width: 780px; height: 460px; padding: 80px 80px 10px 245px; border-radius: 0 0 30px; background-color: #2a4b99; background-repeat: no-repeat; background-position: left top; background-size: cover;}
.sec04 .info_slide_area .list li.bg01 .box .text_box {background-image: url("/kor/images/main/sec04_bg01.png");}
.sec04 .info_slide_area .list li.bg02 .box .text_box {background-image: url("/kor/images/main/sec04_bg02.png");}
.sec04 .info_slide_area .list li.bg03 .box .text_box {background-image: url("/kor/images/main/sec04_bg03.png");}
.sec04 .info_slide_area .list li .box .text_box .text_inner {}
.sec04 .info_slide_area .list li .box .text_box .text_inner .btn_box {display: flex; width: 68px; border: 1px solid #fff}
.sec04 .info_slide_area .list li .box .text_box .text_inner .btn_box .btn {display: flex; align-items: center; justify-content: center; width: 34px; height: 34px;}
.sec04 .info_slide_area .list li .box .text_box .text_inner .btn_box .btn.prev {border-right: 1px solid #fff;}
.sec04 .info_slide_area .list li .box .text_box .text_inner .title {margin: 20px 0 0; font-weight: 600; font-size: 44px; line-height: 50px; color: #ffffff; text-transform: uppercase;}
.sec04 .info_slide_area .list li .box .text_box .text_inner .text {margin: 15px 0 0; font-weight: 400; font-size: 17px; line-height: 26px; color: #ffffff;}
.sec04 .info_slide_area .list li.bg03 .box .text_box .text_inner .text {font-weight: 400; font-size: 15px; line-height: 20px; color: #ffffff;}



.sec05 {background: url("/kor/images/main/sec05_bg01.jpg") no-repeat center / cover;}
.sec05 .global_area {}
.sec05 .global_area .text_box {text-align: left; position: relative; bottom: 200px;}
.sec05 .global_area .text_box .title {font-weight: 700; font-size: 60px; line-height: 1; color: #189fe0;}
.sec05 .global_area .text_box .text {margin: 15px 0 0; font-weight: 500; font-size: 24px; line-height: 30px; color: #ffffff;}
.sec05 .global_area .global_list {margin: 30px 0 0;}
.sec05 .global_area .global_list .list {display: flex; justify-content: center; gap: 0 70px;}
.sec05 .global_area .global_list .list li {}
.sec05 .global_area .global_list .list li .text {display: inline-block; position: relative; padding: 0 0 0 30px; background: url("/kor/images/main/sec05_map_icon.png") no-repeat left center; font-weight: 700; font-size: 20px; line-height: 28px; color: #ffffff;}

.sec06 {}
.sec06 .news_area {padding: 100px 0 0;}
.sec06 .news_area .title_area {display: flex; justify-content: space-between; align-items: center;}
.sec06 .news_area .title_area .title {font-weight: 600; font-size: 50px; line-height: 1; color: #111111;}
.sec06 .news_area .title_area .arrow_btn {display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border: 1px solid #111111;}
.sec06 .news_area .title_area .arrow_btn img {}
.sec06 .news_area .news_box {margin: 30px 0 0;}
.sec06 .news_area .news_box .list {display: flex; flex-wrap: wrap; gap: 30px 20px;}
.sec06 .news_area .news_box .list li {width: calc(25% - 15px);}
.sec06 .news_area .news_box .list li .box {display: block; background-color: #f7f7f7; border: 1px solid #ebebeb; border-radius: 0 25px; padding: 35px 25px 25px;}
.sec06 .news_area .news_box .list li .box .sort {display: inline-block; padding: 0 10px; background-color: #2a4b99; font-weight: 500; font-size: 14px; line-height: 28px; color: #ffffff;}
.sec06 .news_area .news_box .list li .box .title {height: 64px; margin: 15px 0 0; font-weight: 500; font-size: 22px; line-height: 32px; color: #222222; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.sec06 .news_area .news_box .list li .box .date {margin: 15px 0 0; font-weight: 400; font-size: 15px; line-height: 20px; color: #999999;}
.sec06 .news_area .news_box .list li .box .more_btn {display: block; margin: 25px 0 0; }
.sec06 .news_area .news_box .list li .box .more_btn .text {display: inline-block; position: relative; padding: 0 46px 0 0; font-weight: 400; font-size: 14px; line-height: 36px; color: #222222;}
.sec06 .news_area .news_box .list li .box .more_btn .text:before {display: block; content: ""; position: absolute; right: 0; top: 0; width: 36px; height: 36px; border-radius: 50%; background: #2a4b99 url("/kor/images/main/sec06_more_icon.png") no-repeat center;}
.sec06 .news_area .news_box .list li .box:hover, .sec06 .news_area .news_box .list li .box:focus {background-color: #2a4b99; border-color: #2a4b99;}
.sec06 .news_area .news_box .list li .box:hover .sort, .sec06 .news_area .news_box .list li .box:focus .sort {background-color: #fff; color: #2a4b99;}
.sec06 .news_area .news_box .list li .box:hover .title, .sec06 .news_area .news_box .list li .box:focus .title {color: #fff;}
.sec06 .news_area .news_box .list li .box:hover .date, .sec06 .news_area .news_box .list li .box:focus .date {color: #fff;}
.sec06 .news_area .news_box .list li .box:hover .more_btn .text, .sec06 .news_area .news_box .list li .box:focus .more_btn .text {color: #fff;}
.sec06 .news_area .news_box .list li .box:hover .more_btn .text:before, .sec06 .news_area .news_box .list li .box:focus .more_btn .text:before {background-color: #6a81b8;} 


.sec07 {display: block !important; height: auto !important;}
.sec07 .fp-tableCell {display: block !important; height: auto !important;}
.sec08 {display: block !important; height: auto !important;}
.sec08 .fp-tableCell {display: block !important; height: auto !important;}



@keyframes fill {
  from {width: 0;}
  to {width: 100%;}
}

@keyframes text_box {
	0% {top:50px; opacity:0;}
	100% {top:0; opacity:1;}
} 






@media screen and (max-width: 1600px) {
	.sec02 .future_area {padding: 80px 0 0;}
	.sec03 .prd_area {padding: 80px 0 0;}
	.sec04 .info_slide_area .list li .box .bg_box {height: calc(100vh - 190px);}
	.sec06 .news_area {padding: 80px 0 0;}

}



@media screen and (max-width: 1400px) {
	.main_title_area .title {font-size: 34px; line-height: 40px;}
	.main_title_area .text {font-size: 16px; line-height: 20px;}

	.view_btn {width: 190px; margin: 30px auto 0;}
	.view_btn .text {font-size: 14px; line-height: 43px; padding: 0 24px 0 0;}

	.sec01 .main_visual_area .main_slide_area .list li .box .text_box {gap: 30px;}
	.sec01 .main_visual_area .main_slide_area .list li .box .text_box .title {font-size: 44px; line-height: 50px;}
	.sec01 .main_visual_area .main_slide_area .list li .box .text_box .text {font-size: 18px; line-height: 24px;}

	.sec02 {display: block !important; height: auto !important; padding: 100px 0;}
	.sec02 .fp-tableCell {display: block !important; height: auto !important;}

	.sec02 .future_area {padding: 0;}
	.sec02 .future_area .list {margin: 30px 0 0; padding: 30px 0 0;}
	.sec02 .future_area .list li .box .text_box {padding: 20px;}
	.sec02 .future_area .list li .box .text_box .title {font-size: 16px; line-height: 20px;}
	.sec02 .future_area .list li .box .text_box .text {font-size: 16px; line-height: 20px;}
	.sec02 .future_area .list li .box .text_box .icon_box {margin: 0 0 10px;}
	.sec02 .future_area .list li .box .text_box .icon_box img {width: 60px;}
	.sec02 .future_area .list li .box:hover, .sec02 .future_area .list li .box:focus {margin: -30px 0 0;}
	.sec02 .future_area .list li .box:hover .text_box, .sec02 .future_area .list li .box:focus .text_box {padding: 10px;}
	.sec02 .future_area .list li .box:hover .text_box .title, .sec02 .future_area .list li .box:focus .text_box .title {font-size: 18px; line-height: 24px;}
	.sec02 .future_area .list li .box:hover .text_box .text, .sec02 .future_area .list li .box:focus .text_box .text {font-size: 18px; line-height: 24px;}



	.sec03 {display: block !important; height: auto !important; padding: 50px 0 0;}
	.sec03 .fp-tableCell {display: block !important; height: auto !important;}
	.sec03 .prd_area .main_tab_list {margin: 20px 0 0;}
	.sec03 .prd_area .main_tab_list .list li .box {min-width: 140px; height: 36px; padding: 0 15px; font-size: 14px; line-height: 18px;}
	.sec03 .prd_area {padding: 0;}
	.sec03 .prd_area .prd_list {margin: 30px 0 0;}
	.sec03 .prd_area .prd_list .list li .box {height: 500px;}
	.sec03 .prd_area .prd_list .list li .box .title_box {padding: 130px 10px 0;}
	.sec03 .prd_area .prd_list .list li .box .title_box .title {padding: 16px 0 0; font-size: 20px; line-height: 24px;}
	.sec03 .prd_area .prd_list .list li .box .text_box .text {margin: 15px 0 0; font-size: 14px; line-height: 18px;}
	.sec03 .prd_area .prd_list .list li .box .text_box .title {font-size: 20px; line-height: 24px;}
	.sec03 .prd_area .prd_list .list li .box .text_box .view_more {width: 150px; margin: 30px 0 0;}
	.sec03 .prd_area .prd_list .list li .box .text_box .view_more .txt {padding: 0 25px 0 0;}

	.sec03 .prd_area .prd_list .list li .box:hover .text_box, .sec03 .prd_area .prd_list .list li .box:focus .text_box {padding: 0 50px;}
	.sec03 .prd_area .prd_list .list li .box:hover .text_box .title, .sec03 .prd_area .prd_list .list li .box:focus .text_box .title {font-size: 24px; line-height: 30px;}
	.sec03 .prd_area .prd_list.sty2 .list li .box:hover .bg_box, .sec03 .prd_area .prd_list.sty2 .list li .box:focus .bg_box {padding: 0 50px;}




	.sec04 {display: block !important; height: auto !important;}
	.sec04 .fp-tableCell {display: block !important; height: auto !important;}
	.sec04 .info_slide_area .list li .box .text_box {max-width: 680px; height: 350px; padding: 50px;}
	.sec04 .info_slide_area .list li .box .text_box .text_inner .title {font-size: 34px; line-height: 40px;}
	.sec04 .info_slide_area .list li .box .text_box .text_inner .text {margin: 10px 0 0; font-size: 16px; line-height: 24px;}
	.sec04 .info_slide_area .list li .box .bg_box {height: calc(100vh - 250px);}

	.sec05 {background: url(/eng/images/main/sec05_bg01_1.jpg) no-repeat center / contain;
		display: block !important;
		height: auto !important;
		aspect-ratio: 1920 / 920;
		height: auto;
		overflow: hidden;
}
	.sec05 .global_area .text_box {
		top: 20px;
	}
	.sec05 .global_area .text_box .title {font-size: 50px;}
	.sec05 .global_area .text_box .text {margin: 10px 0 0; font-size: 20px; line-height: 24px;}
	.sec05 .global_area .global_list {margin: 20px 0 0;}
	.sec05 .global_area .global_list .list {gap: 0 30px;}
	.sec05 .global_area .global_list .list li .text {padding: 0 0 0 24px; background-size: auto 24px; font-size: 18px; line-height: 24px;}


	.sec06 {display: block !important; height: auto !important; padding: 100px 0;}
	.sec06 .fp-tableCell {display: block !important; height: auto !important;}
	.sec06 .news_area {padding: 0;}
	.sec06 .news_area .title_area .title {font-size: 40px;}
	.sec06 .news_area .title_area .arrow_btn {width: 45px; height: 45px;}
	.sec06 .news_area .news_box {margin: 20px 0 0;}
	.sec06 .news_area .news_box .list {gap: 20px 10px;}
	.sec06 .news_area .news_box .list li {width: calc(25% - 7.5px);}
	.sec06 .news_area .news_box .list li .box {padding: 20px;}
	.sec06 .news_area .news_box .list li .box .sort {font-size: 12px; line-height: 24px;}
	.sec06 .news_area .news_box .list li .box .title {height: 48px; margin: 10px 0 0; font-size: 18px; line-height: 24px;}
	.sec06 .news_area .news_box .list li .box .date {margin: 10px 0 0; font-size: 14px; line-height: 18px;}
	.sec06 .news_area .news_box .list li .box .more_btn {margin: 15px 0 0;}
	.sec06 .news_area .news_box .list li .box .more_btn .text {line-height: 32px;}
	.sec06 .news_area .news_box .list li .box .more_btn .text:before {width: 32px; height: 32px; background-size: 14px auto}



}

@media screen and (max-width: 1080px) {
	.main_title_area .title {font-size: 28px; line-height: 30px;}
	.main_title_area .text {margin: 6px 0 0; font-size: 14px; line-height: 18px;}
	
	.view_btn {width: 160px; margin: 20px auto 0;}
	.view_btn .text {padding: 0 20px 0 0; background-size: 6px auto; line-height: 36px;}

	.sec01 .main_visual_area .main_slide_area .list li .box .text_box {gap: 15px;}
	.sec01 .main_visual_area .main_slide_area .list li .box .text_box .title {font-size: 34px; line-height: 40px;}
	.sec01 .main_visual_area .main_slide_area .list li .box .text_box .text {font-size: 16px; line-height: 20px;}
	.sec01 .play_btn_box {bottom: 180px;}
	.sec01 .play_btn_box .btn_box {gap: 0 5px;}
	.sec01 .play_btn_box .bg_slide_dot .line_box {width: 80px; margin: 0 0 0 10px;}
	.sec01 .play_btn_box .bg_slide_dot .swiper-pagination-bullet {margin: 0 10px 0 0;}
	.sec01 .play_btn_box .bg_slide_dot .swiper-pagination-bullet span {font-size: 14px; line-height: 18px;}


	.sec02 {padding: 50px 0;}
	.sec02 .future_area .list {margin: 20px 0 0; padding: 20px 0 0; gap: 0 10px;}
	.sec02 .future_area .list li .box .text_box {padding: 10px;}
	.sec02 .future_area .list li .box .text_box .title {font-size: 14px; line-height: 18px;}
	.sec02 .future_area .list li .box .text_box .text {font-size: 14px; line-height: 18px;}
	.sec02 .future_area .list li .box .text_box .icon_box {margin: 0 0 6px;}
	.sec02 .future_area .list li .box .text_box .icon_box img {width: 50px;}
	.sec02 .future_area .list li .box:hover, .sec02 .future_area .list li .box:focus {margin: -20px 0 0;}
	.sec02 .future_area .list li .box:hover .text_box, .sec02 .future_area .list li .box:focus .text_box {padding: 10px;}
	.sec02 .future_area .list li .box:hover .text_box .title, .sec02 .future_area .list li .box:focus .text_box .title {font-size: 16px; line-height: 20px;}
	.sec02 .future_area .list li .box:hover .text_box .text, .sec02 .future_area .list li .box:focus .text_box .text {font-size: 16px; line-height: 20px;}

	
	.sec03 {padding: 30px 0 0;}
	.sec03 .prd_area .main_tab_list {margin: 10px 0 0;}
	.sec03 .prd_area .main_tab_list .list li .box {min-width: 120px; padding: 0 10px;}
	.sec03 .prd_area .prd_list {margin: 20px 0 0;}
	.sec03 .prd_area .prd_list .list li .box {height: 400px;}
	.sec03 .prd_area .prd_list .list li .box .title_box {padding: 100px 10px 0;}
	.sec03 .prd_area .prd_list .list li .box .title_box .title {padding: 12px 0 0; font-size: 18px; line-height: 20px;}
	.sec03 .prd_area .prd_list .list li .box .text_box .text {margin: 10px 0 0; font-size: 12px; line-height: 16px;}
	.sec03 .prd_area .prd_list .list li .box .text_box .title {font-size: 18px; line-height: 20px;}
	.sec03 .prd_area .prd_list .list li .box .text_box .view_more {width: 120px; margin: 20px 0 0;}
	.sec03 .prd_area .prd_list .list li .box .text_box .view_more .txt {padding: 0 20px 0 0; font-size: 12px; line-height: 34px;}

	.sec03 .prd_area .prd_list .list li .box:hover .text_box, .sec03 .prd_area .prd_list .list li .box:focus .text_box {padding: 0 20px;}
	.sec03 .prd_area .prd_list .list li .box:hover .text_box .title, .sec03 .prd_area .prd_list .list li .box:focus .text_box .title {font-size: 20px; line-height: 24px;}
	.sec03 .prd_area .prd_list.sty2 .list li .box:hover .bg_box, .sec03 .prd_area .prd_list.sty2 .list li .box:focus .bg_box {padding: 0 30px;}


	.sec04 .info_slide_area {padding: 60px 0 0;}
	.sec04 .info_slide_area .list li .box .text_box {top: -60px;}
	.sec04 .info_slide_area .list li .box .text_box .text_inner .btn_box {width: 52px;}
	.sec04 .info_slide_area .list li .box .text_box .text_inner .btn_box .btn {width: 26px; height: 26px;}
	.sec04 .info_slide_area .list li .box .text_box {max-width: 500px; height: 270px; padding: 30px;}
	.sec04 .info_slide_area .list li .box .text_box .text_inner .title {margin: 10px 0 0; font-size: 24px; line-height: 30px;}
	.sec04 .info_slide_area .list li .box .text_box .text_inner .text {margin: 6px 0 0; font-size: 14px; line-height: 20px;}
	.sec04 .info_slide_area .list li.bg03 .box .text_box .text_inner .text {font-size: 14px; line-height: 18px;}
	.sec04 .info_slide_area .list li .box .bg_box {height: calc(100vh - 350px);}



	/* .sec05 {display: block !important; height: auto !important; padding: 300px 0;} */
	.sec05 .fp-tableCell {display: block !important; height: auto !important;}
	.sec05 .global_area .text_box .title {font-size: 40px;}
	.sec05 .global_area .text_box .text {font-size: 18px; line-height: 22px;}
	.sec05 .global_area .global_list {margin: 10px 0 0;}
	.sec05 .global_area .global_list .list {gap: 0 20px;}
	.sec05 .global_area .global_list .list li .text {padding: 0 0 0 20px; background-size: auto 20px; font-size: 16px; line-height: 20px;}



	.sec06 {padding: 50px 0;}
	.sec06 .news_area .title_area .title {font-size: 30px;}
	.sec06 .news_area .title_area .arrow_btn {width: 35px; height: 35px;}
	.sec06 .news_area .news_box {margin: 10px 0 0;}
	.sec06 .news_area .news_box .list {gap: 10px;}
	.sec06 .news_area .news_box .list li {width: calc(33.3333% - 6.6666px);}
	.sec06 .news_area .news_box .list li:nth-child(7), .sec06 .news_area .news_box .list li:nth-child(8) {display: none;}
	.sec06 .news_area .news_box .list li .box {padding: 14px;}
	.sec06 .news_area .news_box .list li .box .sort {padding: 0 5px; line-height: 20px;}
	.sec06 .news_area .news_box .list li .box .title {height: 40px; margin: 6px 0 0; font-size: 16px; line-height: 20px;}
	.sec06 .news_area .news_box .list li .box .date {margin: 6px 0 0; font-size: 12px; line-height: 16px;}
	.sec06 .news_area .news_box .list li .box .more_btn {margin: 10px 0 0;}
	.sec06 .news_area .news_box .list li .box .more_btn .text {padding: 0 30px 0 0; font-size: 12px; line-height: 26px;}
	.sec06 .news_area .news_box .list li .box .more_btn .text:before {width: 26px; height: 26px; background-size: 12px auto}






}

@media screen and (max-width: 767px) {
	.main_title_area .title {font-size: 20px; line-height: 24px;}
	.main_title_area .text {font-size: 14px; line-height: 18px;}

	.sec01 .main_visual_area .main_slide_area .list li .box .text_box {gap: 10px;}
	.sec01 .main_visual_area .main_slide_area .list li .box .text_box .title {font-size: 28px; line-height: 30px;}
	.sec01 .main_visual_area .main_slide_area .list li .box .text_box .text {font-size: 14px; line-height: 18px;}
	.sec01 .play_btn_box {bottom: 100px;}
	.sec01 .play_btn_box .btn_box .main_btn img {width: 6px;}


	.sec02 .future_area {display: initial; width: 100%; height: 100%; text-align: center; white-space: nowrap; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch;}
	.sec02 .future_area .list {display: block; ; overflow-y: hidden; font-size: 0; padding: 0 0 10px;}
	.sec02 .future_area .list li {display: inline-block; width: 100%; max-width: 180px; margin: 0 10px 0 0;}
	.sec02 .future_area .list li:last-child {margin: 0;}
	.sec02 .future_area .list li .box .text_box {padding: 20px; white-space: initial;}
	.sec02 .future_area .list li .box:hover, .sec02 .future_area .list li .box:focus {margin: 0;}
	.sec02 .future_area *::-webkit-scrollbar {height:4px;}
	.sec02 .future_area *::-webkit-scrollbar-track {background:#ccc; border-radius:3px;}
	.sec02 .future_area *::-webkit-scrollbar-thumb {background:#2a4b99; border-radius:3px;}
	.sec02 .future_area *::-webkit-scrollbar-thumb:hover, .sec02 .future_area *::-webkit-scrollbar-thumb:focus {background:#2a4b99;}

	
	.sec03 .prd_area .prd_list .list {flex-wrap: wrap;}
	.sec03 .prd_area .prd_list .list li {width: 50%;}
	.sec03 .prd_area .prd_list .list li:hover, .sec03 .prd_area .prd_list .list li:focus {width: 50%;}
	.sec03 .prd_area .prd_list .list li .box .title_box .title {font-size: 16px; line-height: 18px;}
	.sec03 .prd_area .prd_list .list li .box .text_box .view_more {width: 110px; margin: 10px 0 0;}
	.sec03 .prd_area .prd_list .list li .box .text_box .view_more .txt {padding: 0 15px 0 0; background-size: 6px auto; line-height: 30px;}

	.sec03 .prd_area .prd_list .list li .box:hover .text_box .title, .sec03 .prd_area .prd_list .list li .box:focus .text_box .title {font-size: 18px; line-height: 20px;}
	.sec03 .prd_area .prd_list.sty2 .list li:hover, .sec03 .prd_area .prd_list.sty2 .list li:focus {width: 50%;}

	.sec04 .info_slide_area {padding: 0;}
	.sec04 .info_slide_area .list li .box .text_box {position: inherit; left: inherit; top: inherit; max-width: 100%; height: 220px; padding: 10px; border-radius: 0;}
	.sec04 .info_slide_area .list li .box .text_box .text_inner .title {font-size: 20px; line-height: 24px;}
	.sec04 .info_slide_area .list li .box .bg_box {height: auto}


	/* .sec05 {padding: 200px 0;} */
	.sec05 .global_area .text_box .title {font-size: 30px;}
	.sec05 .global_area .text_box .text {font-size: 16px; line-height: 20px;}
	.sec05 .global_area .global_list .list {gap: 10px; flex-wrap: wrap;}
	.sec05 .global_area .global_list .list li .text {font-size: 14px;}


	.sec06 .news_area .title_area .title {font-size: 24px;}
	.sec06 .news_area .title_area .arrow_btn {width: 30px; height: 30px;}
	.sec06 .news_area .title_area .arrow_btn img {width: 8px;}
	.sec06 .news_area .news_box .list li {width: calc(50% - 5px);}
	.sec06 .news_area .news_box .list li .box {padding: 10px; border-radius: 0 15px;}
	.sec06 .news_area .news_box .list li .box .more_btn {margin: 6px 0 0;}

}

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

	.sec01 .main_visual_area .main_slide_area .list li .box .text_box .title {font-size: 22px; line-height: 26px;}
	.sec01 .play_btn_box {bottom: 60px;}

	.sec03 .prd_area .main_tab_list .list {gap: 0;}
	.sec03 .prd_area .main_tab_list .list li {width: 100%;}
	.sec03 .prd_area .main_tab_list .list li .box {width: 100%; border-radius: 0;}

	.sec03 .prd_area .prd_list .list li {width: 100%;}
	.sec03 .prd_area .prd_list .list li:hover, .sec03 .prd_area .prd_list .list li:focus {width: 100%;}
	.sec03 .prd_area .prd_list .list li .box {height: 280px;}
	.sec03 .prd_area .prd_list .list li .box .title_box {padding: 0; align-content: center;}
	.sec03 .prd_area .prd_list .list li .box .bg_box img {transform: scale(0.9)}
	.sec03 .prd_area .prd_list.sty2 .list li {width: 100%;}
	.sec03 .prd_area .prd_list.sty2 .list li:hover, .sec03 .prd_area .prd_list.sty2 .list li:focus {width: 100%;}

	
	.sec04 .info_slide_area .list li .box .text_box {height: 270px;}
	
	/* .sec05 {padding: 160px 0;} */
	.sec05 .global_area .text_box .title {font-size: 21px;}


	.sec06 .news_area .news_box .list li {width: 100%;}
	.sec06 .news_area .news_box .list li:nth-child(5), .sec06 .news_area .news_box .list li:nth-child(6) {display: none;}
}