@charset "UTF-8";

.main_title_area {display: flex; justify-content: space-between; align-items: center;}
.main_title_area .title {font-family: "Montserrat"; font-weight: 700; font-size: 64px; line-height: 70px; color: #222222;}
.main_title_area .title span {display: inline-block;}
.main_title_area .more_btn {display: inline-block;}
.main_title_area .more_btn .txt {display: inline-block; padding: 3px 60px 0 0; background: url("/kor/images/main/more_icon.png") no-repeat right top; font-family: "Montserrat"; font-weight: 600; font-size: 15px; line-height: 20px; color: #222222; transition: all 0.5s;}
.main_title_area .more_btn:hover .txt {background-position: right 5px top;}

.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%;}
.sec01 .main_visual_area .main_slide_area .list li .box .bg_img_box video {position: relative; height: 100%; width: 100%; transform: scale(1.0); object-fit: cover; transition: 6s ease}
.sec01 .main_visual_area .main_slide_area .list li .box .bg_img_box img {position: relative; height: 100%; width: 100%; transform: scale(1.2); object-fit: cover; transition: 6s ease}
.sec01 .main_visual_area .main_slide_area .list li .box .text_box {display: flex; flex-direction: column; gap: 25px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 1430px; z-index: 10;}
.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: 700; font-size: 62px; line-height: 74px; color: #ffffff;}
.sec01 .main_visual_area .main_slide_area .list li .box .text_box .text {font-weight: 400; font-size: 30px; line-height: 34px; color: #ffffff;}
.sec01 .main_visual_area .main_slide_area .list li.swiper-slide-active .box .bg_img_box img {transform: scale(1);}
/* .sec01 .main_visual_area .main_slide_area .list li.swiper-slide-active .box .bg_img_box video {transform: scale(1.1);} */
.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: 1s;}
.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: .2s;}
.sec01 .play_btn_box {position: absolute; bottom: calc(50% - 220px); transform: translateY(-50%); width: 100%; z-index: 99;}
.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}
/*.sen1 #bg_slide .slick-dots li:nth-child(-n+2) .play_btn_box {display: none;}*/


.sec02 {}
.sec02 .sol_nav_area {position: absolute; left: 0; bottom: 180px; width: 50%; z-index: 11;}
.sec02 .sol_nav_area .sol_nav {display: flex; gap: 10px; width: calc(100% - 360px); margin: 0 auto;}
.sec02 .sol_nav_area .sol_nav .sol_btn {display: block; width: 48px; height: 48px; border-radius: 50%; background-color: #fff; border: 1px solid #d5d5d5;}
.sec02 .sol_nav_area .sol_nav .sol_btn img {display: block; margin: 0 auto; vertical-align: middle;}
.sec02 .sol_nav_area .sol_nav .sol_btn.prev img {}
.sec02 .sol_nav_area .sol_nav .sol_btn.next img {}
.sec02 .sol_slide_area {height: 100%;}
.sec02 .sol_slide_area > .list {}
.sec02 .sol_slide_area > .list > li {}
.sec02 .sol_slide_area > .list > li .box {display: flex; height: 100%;}
.sec02 .sol_slide_area > .list > li .box .text_area {width: 100%; align-content: center; background-position: left bottom; background-repeat: no-repeat;}
.sec02 .sol_slide_area > .list > li .box.bg01 .text_area {background-image: url("/kor/images/main/sec02_bg01.png");}
.sec02 .sol_slide_area > .list > li .box.bg02 .text_area {background-image: url("/kor/images/main/sec02_bg02.png");} 
.sec02 .sol_slide_area > .list > li .box .text_area .text_box {width: calc(100% - 360px); margin: 0 auto}
.sec02 .sol_slide_area > .list > li .box .text_area .text_box .title_area {position: relative; padding: 0 0 25px;}
.sec02 .sol_slide_area > .list > li .box .text_area .text_box .title_area:before {display: block; content: ""; position: absolute; left: 0; bottom: 0; width: 50px; height: 2px; background-color: #de8a11;}
.sec02 .sol_slide_area > .list > li .box .text_area .text_box .title_area .title {font-weight: 400; font-size: 62px; line-height: 70px; color: #222222;}
.sec02 .sol_slide_area > .list > li .box .text_area .text_box .text_list {margin: 45px 0 0;}
.sec02 .sol_slide_area > .list > li .box .text_area .text_box .text_list .list {}
.sec02 .sol_slide_area > .list > li .box .text_area .text_box .text_list .list li {margin: 10px 0 0;}
.sec02 .sol_slide_area > .list > li .box .text_area .text_box .text_list .list li:first-child {margin: 0;}
.sec02 .sol_slide_area > .list > li .box .text_area .text_box .text_list .list li .text {position: relative; display: inline-block; padding: 0 0 0 12px; font-weight: 400; font-size: 18px; line-height: 24px; color: #666666;}
.sec02 .sol_slide_area > .list > li .box .text_area .text_box .text_list .list li .text:before {display: block; content: ""; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; border-radius: 50%; background-color: #222222;}
.sec02 .sol_slide_area > .list > li .box .img_box {width: 100%;}
.sec02 .sol_slide_area > .list > li .box .img_box .img_inner {position: relative; height: 100%;}
.sec02 .sol_slide_area > .list > li .box .img_box .img_inner img {width: 100%; height: 100%;}



.sec03 {}
.sec03 .fp-tableCell {vertical-align: bottom;}
.sec03 .product_area {margin: 30px 0 0;}
.sec03 .product_area .list {display: flex;}
.sec03 .product_area .list li {width: 14.2857%; transition: all 0.5s;}
.sec03 .product_area .list li:hover, .sec03 .product_area .list li:focus {width: 40%;}
.sec03 .product_area .list li .box {display: block; position: relative; height: 635px; background-position: center; background-repeat: no-repeat; overflow: hidden;}
.sec03 .product_area .list li.bg01 .box {background-image: url("/kor/images/main/sec03_img011.jpg");}
.sec03 .product_area .list li.bg02 .box {background-image: url("/kor/images/main/sec03_img022.jpg");}
.sec03 .product_area .list li.bg03 .box {background-image: url("/kor/images/main/sec03_img033.jpg");}
.sec03 .product_area .list li.bg04 .box {background-image: url("/kor/images/main/sec03_img044.jpg");}
.sec03 .product_area .list li.bg05 .box {background-image: url("/kor/images/main/sec03_img055.jpg");}
.sec03 .product_area .list li.bg06 .box {background-image: url("/kor/images/main/sec03_img066.jpg");}
.sec03 .product_area .list li.bg07 .box {background-image: url("/kor/images/main/sec03_img077.jpg");}
.sec03 .product_area .list li .box .img_box {}
.sec03 .product_area .list li .box .img_box img {transition: all 0.5s;}
.sec03 .product_area .list li .box:hover .img_box img {transform: scale(1.1);}
.sec03 .product_area .list li .box .text_box {display: flex; justify-content: center; align-items: center; text-align: center;position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2);}
.sec03 .product_area .list li .box .text_box .text {position: relative; height: 90px; padding: 25px 0 0; font-weight: 500; font-size: 24px; line-height: 30px; color: #ffffff;}
.sec03 .product_area .list li .box .text_box .text:before {display: block; content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: 30px; height: 2px; background-color: #fff;}
.sec03 .product_area .list li .box .text_box .text .ft_s {font-size: 18px;}

.sec04 {}
.sec04 .news_slide_area {margin: 80px 0 0; overflow: hidden;}
.sec04 .news_slide_area > .list {}
.sec04 .news_slide_area > .list > li {}
.sec04 .news_slide_area > .list > li .box {display: block; padding: 25px 0 0;}
.sec04 .news_slide_area > .list > li .box:before {display: block; content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 2px; background-color: #222; transition: all 0.5s;}
.sec04 .news_slide_area > .list > li .box:hover:before {width: 100%;}
.sec04 .news_slide_area > .list > li .box .text_box {}
.sec04 .news_slide_area > .list > li .box .text_box .info_box {}
.sec04 .news_slide_area > .list > li .box .text_box .info_box .list {font-size: 0;}
.sec04 .news_slide_area > .list > li .box .text_box .info_box .list li {display: inline-block; position: relative; margin: 0 10px 0 0; padding: 0 10px 0 0; font-weight: 400; font-size: 15px; line-height: 20px; color: #888888;}
.sec04 .news_slide_area > .list > li .box .text_box .info_box .list li:last-child {margin: 0; padding: 0;}
.sec04 .news_slide_area > .list > li .box .text_box .info_box .list li:before {display: block; content: ""; position: absolute; right: 0; top: 4px; width: 2px; height: 12px; background-color: #888;}
.sec04 .news_slide_area > .list > li .box .text_box .info_box .list li:last-child:before {display: none;}
.sec04 .news_slide_area > .list > li .box .text_box .text {height: 60px; margin: 10px 0 0; font-weight: 500; font-size: 24px; line-height: 30px; color: #222222; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.sec04 .news_slide_area > .list > li .box .img_box {position: relative; margin: 25px 0 0; padding: 0 0 75.645%; overflow: hidden;}
.sec04 .news_slide_area > .list > li .box .img_box img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.sec04 .news_slide_area > .list > li .box:hover .img_box img {transform: translate(-50%, -50%) scale(1.1);}


.sec05 {height: auto !important;}
.sec05 .fp-tableCell {height: auto !important;}
.sec05 .info_area {}
.sec05 .info_area .list {display: flex;}
.sec05 .info_area .list li {width: 100%;}
.sec05 .info_area .list li .box {position: relative; height: 100%; overflow: hidden;}
.sec05 .info_area .list li .box .bg_box {height: 100%;}
.sec05 .info_area .list li .box .bg_box img {width: 100%; height: 100%; transition: all 0.5s;}
.sec05 .info_area .list li .box .text_box {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; align-content: center; text-align: center; transition: all 0.5s;}
.sec05 .info_area .list li .box .text_box .title {margin: 0 0 10px; font-weight: 700; font-size: 36px; line-height: 40px; color: #ffffff;}
.sec05 .info_area .list li .box .text_box .tel {display: block; margin: 0 0 20px; font-family: "Montserrat"; font-weight: 600; font-size: 44px; line-height: 50px; color: #de8a11;}
.sec05 .info_area .list li .box .text_box .text {font-weight: 400; font-size: 18px; line-height: 26px; color: #ffffff ;}
.sec05 .info_area .list li .box .text_box .inq_btn {display: block; width: 230px; margin: 20px auto 0; border-radius: 27px; border: 1px solid #de8a11; background-color: #de8a11;}
.sec05 .info_area .list li .box .text_box .inq_btn .txt {display: inline-block; padding: 0 30px 0 0; background: url("/kor/images/main/inq_btn.png") no-repeat right top 21px; font-weight: 500; font-size: 17px; line-height: 51px; color: #ffffff;}
.sec05 .info_area .list li .box:hover .bg_box img {transform: scale(1.1)}
.sec05 .info_area .list li .box:hover .text_box {background: rgba(0, 0, 0, 0.5);}
.sec05 .info_area .list li .box .text_box .inq_btn:hover {background-color: #fff;}
.sec05 .info_area .list li .box .text_box .inq_btn:hover .txt {background-image: url("/kor/images/main/inq_btn_on.png"); color: #de8a11;}


.sec06 {height: auto !important;}
.sec06 .fp-tableCell {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: 1660px){
	.sec02 .sol_slide_area > .list > li .box .text_area .text_box {width: calc(100% - 260px);}
	.sec02 .sol_slide_area > .list > li .box .text_area .text_box .title_area .title {font-size: 50px; line-height: 55px;}
	.sec02 .sol_nav_area {bottom: 100px;	}
	.sec02 .sol_nav_area .sol_nav {width: calc(100% - 260px);}


}
@media screen and (max-width: 1430px){
	.sec01 .main_visual_area .main_slide_area .list li .box .text_box {padding: 0 10px;}
}


@media screen and (max-width: 1400px){

	.main_title_area .title {font-size: 50px; line-height: 55px;}
	.main_title_area .more_btn .txt {padding: 0px 50px 0 0; background-size: 40px auto; font-size: 14px; }
	
	.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;}
	.sec01 .main_visual_area .main_slide_area .list li .box .text_box {gap: 20px;}
	.sec01 .main_visual_area .main_slide_area .list li .box .text_box .title {font-size: 50px; line-height: 60px;}
	.sec01 .main_visual_area .main_slide_area .list li .box .text_box .text {font-size: 24px; line-height: 30px;}


 
	.sec02 .sol_nav_area {bottom: 70px; padding: 0 10px;}
	.sec02 .sol_nav_area .sol_nav {width: 100%; gap: 0 5px;}
	.sec02 .sol_nav_area .sol_nav .sol_btn {width: 38px; height: 38px;}
	.sec02 .sol_slide_area > .list > li .box .text_area {padding: 0 10px;}
	.sec02 .sol_slide_area > .list > li .box .text_area .text_box {width: 100%;}
	.sec02 .sol_slide_area > .list > li .box .text_area .text_box .title_area {padding: 0 0 15px;}
	.sec02 .sol_slide_area > .list > li .box .text_area .text_box .title_area .title {font-size: 40px; line-height: 46px;}
	.sec02 .sol_slide_area > .list > li .box .text_area .text_box .text_list {margin: 30px 0 0;}
	.sec02 .sol_slide_area > .list > li .box .text_area .text_box .text_list .list li .text {padding: 0 0 0 7px; font-size: 16px; line-height: 20px;}
	.sec02 .sol_slide_area > .list > li .box .text_area .text_box .text_list .list li .text:before {width: 4px; height: 4px;}

	.sec03 .product_area {margin: 20px 0 0;}
	.sec03 .product_area .list li .box .text_box .text {padding: 15px 0 0;}
	.sec03 .product_area .list li .box .text_box .text {font-size: 20px; line-height: 24px;}
	.sec03 .product_area .list li .box .text_box .text .ft_s {font-size: 16px;}
	
	.sec04 .news_slide_area {margin: 40px 0 0;}
	.sec04 .news_slide_area > .list > li .box {padding: 15px 0 0;}
	.sec04 .news_slide_area > .list > li .box .text_box .text {height: 48px; font-size: 20px; line-height: 24px;}
	.sec04 .news_slide_area > .list > li .box .img_box {margin: 15px 0 0;}

	.sec05 .info_area .list li .box .text_box .title {font-size: 24px; line-height: 30px;}
	.sec05 .info_area .list li .box .text_box .text {font-size:16px; line-height: 24px;}
	.sec05 .info_area .list li .box .text_box .tel {margin: 0 0 10px; font-size: 34px; line-height: 40px;}
	.sec05 .info_area .list li .box .text_box .inq_btn {width: 180px; margin: 15px auto 0;}
	.sec05 .info_area .list li .box .text_box .inq_btn .txt {padding: 0 20px 0 0; background-position: right top 15px; font-size: 16px; line-height: 40px;}




}

@media screen and (max-width: 1280px){
	

	.sec02 {height: auto !important;}
	.sec02 .fp-tableCell {height: auto !important;}
	.sec02 .sol_slide_area > .list > li .box .text_area {background-size: auto 600px;}

	

	.sec03 {height: auto !important; padding: 100px 0 50px;}
	.sec03 .fp-tableCell {height: auto !important;}

	
	.sec04 {height: auto !important; padding: 50px 0 100px;}
	.sec04 .fp-tableCell {height: auto !important;}



}

@media screen and (max-width: 1080px){

	.main_title_area .title {font-size: 40px; line-height: 45px;}
	.main_title_area .more_btn .txt {padding: 0px 40px 0 0; background-size: 35px auto;}

	.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;}
	.sec01 .play_btn_box .bg_slide_dot .line_box {margin: 0 0 0 10px;}
	.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: 18px; line-height: 24px;}
	

	
	.sec02 .sol_nav_area {bottom: 30px; }
	.sec02 .sol_nav_area .sol_nav .sol_btn {width: 30px; height: 30px;}
	.sec02 .sol_nav_area .sol_nav .sol_btn img {width: 12px;}
	.sec02 .sol_slide_area > .list > li .box .text_area {background-size: auto 500px;}
	.sec02 .sol_slide_area > .list > li .box .text_area .text_box .title_area {padding: 0 0 10px;}
	.sec02 .sol_slide_area > .list > li .box .text_area .text_box .title_area .title {font-size: 30px; line-height: 36px;}
	.sec02 .sol_slide_area > .list > li .box .text_area .text_box .text_list {margin: 20px 0 0;}
	.sec02 .sol_slide_area > .list > li .box .text_area .text_box .text_list .list li {margin: 5px 0 0;}
	.sec02 .sol_slide_area > .list > li .box .text_area .text_box .text_list .list li .text {font-size: 14px; line-height: 18px;}

	.sec03 {padding: 50px 0 25px;}
	.sec03 .product_area {margin: 10px 0 0;}
	.sec03 .product_area .list li .box {height: 500px;}
	.sec03 .product_area .list li .box .text_box .text {padding: 10px 0 0; font-size: 16px; line-height: 20px;}
	.sec03 .product_area .list li .box .text_box .text .ft_s {font-size: 14px;}


	.sec04 {padding: 25px 0 50px;}
	.sec04 .news_slide_area {margin: 20px 0 0;}
	.sec04 .news_slide_area > .list > li .box .img_box {margin: 10px 0 0;}
	.sec04 .news_slide_area > .list > li .box .text_box .info_box .list li {font-size: 14px; line-height: 18px;}
	.sec04 .news_slide_area > .list > li .box .text_box .text {height: 44px; font-size: 18px; line-height: 22px;}


	.sec05 .info_area .list li .box .text_box .title {font-size: 20px; line-height: 24px;}
	.sec05 .info_area .list li .box .text_box .text {font-size: 14px; line-height: 20px;}
	.sec05 .info_area .list li .box .text_box .tel {margin: 0 0 5px; font-size: 24px; line-height: 30px;}
	.sec05 .info_area .list li .box .text_box .inq_btn {width: 130px; margin: 10px auto 0;}
	.sec05 .info_area .list li .box .text_box .inq_btn .txt {background-position: right top 10px; font-size: 14px; line-height: 30px;}



}


@media screen and (max-width: 767px){

	.main_title_area .title {font-size: 30px; line-height: 35px;}
	.main_title_area .more_btn .txt {padding: 0px 35px 0 0; background-size: 30px auto; background-position: right top 5px;}

	.sec01 .play_btn_box {bottom: 150px; transform: translateY(0);}
	.sec01 .play_btn_box .bg_slide_dot .line_box {margin: 0 0 0 5px;}
	.sec01 .play_btn_box .bg_slide_dot .swiper-pagination-bullet {margin: 0 5px 0 0;}
	.sec01 .play_btn_box .bg_slide_dot .line_box {width: 70px;}
	.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: 24px; line-height: 30px;}
	.sec01 .main_visual_area .main_slide_area .list li .box .text_box .text {font-size: 16px; line-height: 22px;}
	
	.sec02 .sol_nav_area {bottom: inherit; top: 190px;}

	.sec02 .sol_slide_area > .list > li .box {flex-direction: column;}
	.sec02 .sol_slide_area > .list > li .box .text_area {padding: 30px 10px 60px;}
	.sec02 .sol_slide_area > .list > li .box .text_area {background-size: auto 210px;}
	.sec02 .sol_slide_area > .list > li .box .text_area .text_box .title_area .title {font-size: 24px; line-height: 30px;}
	.sec02 .sol_slide_area > .list > li .box .text_area .text_box .text_list {margin: 10px 0 0;}

	.sec03 {padding: 30px 0 0;}
	.sec03 .product_area .list {flex-direction: column;}
	.sec03 .product_area .list li {width: 100%;}
	.sec03 .product_area .list li .box {height: 100px; transition: all 0.5s;}
	.sec03 .product_area .list li .box .text_box .text {height: auto; font-size: 14px; line-height: 18px;}
	.sec03 .product_area .list li .box .text_box .text:before {width: 25px;}
	.sec03 .product_area .list li:hover, .sec03 .product_area .list li:focus {width: 100%;}
	.sec03 .product_area .list li .box:hover {height: 200px;}


	.sec04 {padding: 30px 0 ;}
	.sec04 .news_slide_area {margin: 10px 0 0;}
	.sec04 .news_slide_area > .list > li .box .img_box {margin: 5px 0 0;}
	.sec04 .news_slide_area > .list > li .box .text_box .info_box .list li {margin: 0 6px 0 0; padding: 0 6px 0 0;}
	.sec04 .news_slide_area > .list > li .box .text_box .text {height: 40px; margin: 6px 0 0; font-size: 16px; line-height: 20px;}
	
	.sec05 .info_area .list {flex-direction: column;}
	.sec05 .info_area .list li .box {height: 300px;}
	.sec05 .info_area .list li .box .bg_box img {object-fit: cover;}

}


@media screen and (max-width: 480px){
	.main_title_area {flex-direction: column; gap: 5px; align-items: start;}
	.sec05 .info_area .list li .box {height: 200px;}
	
}