@charset "UTF-8";
#fp-nav .home_icon {display: block; width: 14px; height: 11px; background: url("/kor/images/main/home_icon_white.png") no-repeat center;}
#fp-nav ul {position: relative;}
#fp-nav ul li {margin: 0 auto; position: relative; width: 1px;}
#fp-nav ul li:before {display: block; content: ""; position: absolute; left: 50%; transform:translateX(-50%); width: 1px; height: 100%; background-color: rgba(255, 250, 227, 0.2);}
#fp-nav ul li:last-child {display: none;}
#fp-nav ul li a {box-sizing: border-box; display: block; height: 35px; position: relative; width: 100%;}
#fp-nav ul li a:before {background-color: #fffae3; content: ""; height: 0; left: 50%; transform: translateX(-50%); position: absolute; top: 0; transition: height 0.4s; width: 100%;}
#fp-nav ul li a span {background-color: #fff; height: 100%; opacity: 0.1; transition: all 0.4s; width: 1px;}
#fp-nav ul li a span.fp-sr-only {display: none;}
#fp-nav ul li a.active:before {height: 100%;}
#fp-nav .cur {color: #fff; display: block; font-size: 14px; font-weight: 700; line-height: 20px; margin: 10px 0 15px;}
#fp-nav .total {color: #fff; display: block; font-size: 14px; font-weight: 700; line-height: 20px; margin-top: 24px; opacity: 0.3;}
#fp-nav.black ul li:before {background-color: rgba(183, 183, 183, 0.6);}
#fp-nav.black ul li a:not(.active):before, #fp-nav.black ul li a.active:before {background-color: #000;}
#fp-nav.black ul li a:not(.active) span {background-color: #000;}
#fp-nav.black {color: #333;}
#fp-nav.black i {color: #222;}
#fp-nav.black .cur {color: #222;}
#fp-nav.black .total {color: #222;}
#fp-nav.black .home_icon {background-image: url("/kor/images/main/home_icon_black.png");}

.view_more {display: block; width: 240px; border: 1px solid #396a4a; border-radius: 30px; text-align: center;}
.view_more .txt {display: inline-block; padding: 0 70px 0 0; background: url("/kor/images/main/more_icon1.png") no-repeat right center; font-family: "Play"; font-weight: 700; font-size: 16px; line-height: 58px; color: #36704b;}
.view_more.white {background-color: rgba(255, 255, 255, 0.15); border-color: #fff;}
.view_more.white .txt {background-image: url("/kor/images/main/more_icon2.png"); color: #ffffff;}
.view_more:hover, .view_more:focus {background-color: #2e3e34;}
.view_more:hover .txt, .view_more:focus .txt {color: #fff;}

.fp-viewing-5 #fp-nav {display: none;}


.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%; font-family: "Pretendard";}
.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.2); */ 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 .bg_img_box img.mob {display: none;}
.sec01 .main_visual_area .main_slide_area > .list > li .box .bg_img_box img.pc {display: block;}
.sec01 .main_visual_area .main_slide_area > .list > li .box .text_box {display: flex; flex-direction: column; gap: 10px; position: absolute; left: 50%; top: 50%; transform: translate( -50%, -50%); width: 100%; max-width: 1410px; padding: 0 10px; z-index: 10; text-align: left;}
.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 .sub_title {font-weight: 600; font-size: 30px; line-height: 30px; color: #ffffff;}
.sec01 .main_visual_area .main_slide_area > .list > li .box .text_box .title {font-weight: 600; font-size: 82px; line-height: 1.3; color: #ffffff; letter-spacing: -0.05em;}
.sec01 .main_visual_area .main_slide_area > .list > li .box .text_box .title .ft_c {color: #e31332; font-weight: 800;}
.sec01 .main_visual_area .main_slide_area > .list > li .box .text_box .img_list {margin: 60px 0 0;}
.sec01 .main_visual_area .main_slide_area > .list > li .box .text_box .img_list .list {display: flex; justify-content: center; gap: 0 20px;}
.sec01 .main_visual_area .main_slide_area > .list > li .box .text_box .img_list .list li {}
.sec01 .main_visual_area .main_slide_area > .list > li .box .text_box .img_list .list li .img_box {}
.sec01 .main_visual_area .main_slide_area > .list > li .box .text_box .img_list .list li .img_box img {}
.sec01 .main_visual_area .main_slide_area > .list > li .box .text_box .text {font-weight: 400; font-size: 28px; line-height: 36px; color: #fff;}
.sec01 .main_visual_area .main_slide_area > .list > li.swiper-slide-active .box .bg_img_box img {transform: scale(1.1);}
/* .sec01 .main_visual_area .main_slide_area > .list > li.swiper-slide-active .box .bg_img_box video {transform: scale(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: .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 .main_visual_area .main_control_box {position: absolute; bottom: 40px; left: 50%; transform: translate(-50%, 0); width: 100%; max-width: 1420px; margin: 0 auto; z-index: 100;}
.sec01 .main_visual_area .main_control_box .inner {display: flex; gap: 0 35px; justify-content: center;}
.sec01 .main_visual_area .main_control_box .inner .swiper-dots-wrapper {position: relative; display: flex; justify-content: center; gap: 0 10px;}
.sec01 .main_visual_area .main_control_box .inner .swiper-dots-wrapper button {position: relative; display: flex; align-items: center; width: 22px; height: 22px; margin: 0px; padding: 0px; background: none; border-radius: 50%; font-size: 0; vertical-align: top; opacity: 1;}
.sec01 .main_visual_area .main_control_box .inner .swiper-dots-wrapper button:after {position: absolute; top: 50%; content: ""; left: 50%; width: 8px; height: 8px; transform: translate(-50%, -50%); background: #fff; border-radius: 50%;}
.sec01 .main_visual_area .main_control_box .inner .swiper-dots-wrapper button svg {position: absolute; top: 0; transform: scale(0) rotate(-90deg); left: 0; width: 100%; height: 100%;}
.sec01 .main_visual_area .main_control_box .inner .swiper-dots-wrapper button svg circle {fill: transparent; stroke: #fff; stroke-dasharray: 100; stroke-dashoffset: 50; stroke-linecap: round; stroke-width: 2px;}
.sec01 .main_visual_area .main_control_box .inner .swiper-dots-wrapper button.swiper-pagination-bullet-active svg {transform: scale(1) rotate(-90deg);}
html:not(.ios-os) .sec01 .main_visual_area .main_control_box .inner .swiper-dots-wrapper button.swiper-pagination-bullet-active svg circle {animation: draw-circle 4.6s cubic-bezier(0.4, 0, 0.2, 1) both;}
.ios-os .sec01 .main_visual_area .main_control_box .inner .swiper-dots-wrapper button.swiper-pagination-bullet-active svg circle {animation: draw-circle-ios 4.6s cubic-bezier(0.4, 0, 0.2, 1) both;}

.sec02 {background: url("/kor/images/main/sec02_bg01.jpg") center no-repeat; background-size: cover;}
.sec02 .business_area {display: flex; align-items: center;}
/* .sec02 .business_area {display: flex; align-items: center; padding-left: calc((100vw - 1400px) / 2 + 40px);} */

.sec02 .business_area .left_box {width: 56.4285%; flex-shrink: 0;}
.sec02 .business_area .left_box .menu {font-family: "Play"; font-weight: 700; font-size: 20px; line-height: 30px; color: #ffffff;}
.sec02 .business_area .left_box .title {margin: 40px 0 0; font-weight: 700; font-size: 76px; line-height: 80px; color: #ffffff;}
.sec02 .business_area .left_box .text {margin: 35px 0 0; font-weight: 700; font-size: 18px; line-height: 30px; color: #ffffff;}
.sec02 .business_area .left_box .sec02_control_box {margin: 70px 0 0;}
.sec02 .business_area .left_box .sec02_control_box .inner {display: flex; align-items: center; gap: 0 60px;}
.sec02 .business_area .left_box .sec02_control_box .inner .btn_box {display: flex; gap: 0 30px;}
.sec02 .business_area .left_box .sec02_control_box .inner .btn_box .sec02_btn {display: block;}
.sec02 .business_area .left_box .sec02_control_box .inner .btn_box .sec02_btn img {vertical-align: middle;}
.sec02 .business_area .left_box .sec02_control_box .inner .swiper-dots-wrapper {display: flex;}
.sec02 .business_area .left_box .sec02_control_box .inner .swiper-dots-wrapper .swiper-pagination-bullet {display: block; width: 10px; height: 10px; margin: 0 30px 0 0; border-radius: 0; border: 1px solid #929c98;}
.sec02 .business_area .left_box .sec02_control_box .inner .swiper-dots-wrapper .swiper-pagination-bullet:last-child {margin: 0;}
.sec02 .business_area .left_box .sec02_control_box .inner .swiper-dots-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #fff; border: 1px solid #fff;}
.sec02 .business_area .right_box {width: calc(50vw - 90px);}
.sec02 .business_area .right_box .business_slide {overflow: hidden; padding: 0 50px 0 0;}
.sec02 .business_area .right_box .business_slide .list {}
.sec02 .business_area .right_box .business_slide .list li {width: 100%; max-width: 480px;}
.sec02 .business_area .right_box .business_slide .list li .box {display: block; height: 480px; padding: 50px; border-radius: 20px; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover;}
.sec02 .business_area .right_box .business_slide .list li .box.bg01 {background-image: url("/kor/images/main/sec02_img01.jpg");}
.sec02 .business_area .right_box .business_slide .list li .box.bg02 {background-image: url("/kor/images/main/sec02_img02.jpg");}
.sec02 .business_area .right_box .business_slide .list li .box.bg03 {background-image: url("/kor/images/main/sec02_img03.jpg");}
.sec02 .business_area .right_box .business_slide .list li .box .box_inner {display: flex; justify-content: space-between; flex-direction: column; height: 100%;}
.sec02 .business_area .right_box .business_slide .list li .box .box_inner .icon_box {}
.sec02 .business_area .right_box .business_slide .list li .box .box_inner .icon_box img {}
.sec02 .business_area .right_box .business_slide .list li .box .box_inner .text_box {}
.sec02 .business_area .right_box .business_slide .list li .box .box_inner .text_box .title {font-weight: 700; font-size: 36px; line-height: 40px; color: #fffefe;}
.sec02 .business_area .right_box .business_slide .list li .box .box_inner .text_box .text {margin: 10px 0 0; font-weight: 300; font-size: 18px; line-height: 30px; color: #fffefe;}

.sec03 {background: url("/kor/images/main/sec03_bg01.jpg") center no-repeat; background-size: cover;}
.sec03 .title_box {position: relative;}
.sec03 .title_box .menu {font-family: "Play"; font-weight: 700; font-size: 20px; line-height: 24px; color: #111111;}
.sec03 .title_box .title {margin: 30px 0 0; font-weight: 700; font-size: 54px; line-height: 50px; color: #36704b;}
.sec03 .title_box .text {margin: 10px 0 0; font-weight: 500; font-size: 18px; line-height: 26px; color: #111111;}
.sec03 .title_box .view_more {position: absolute; right: 0; bottom: 0;}
.sec03 .title_box .view_more .txt {}
.sec03 .product_area {position: relative; padding: 0 55px;}
.sec03 .product_area .sec03_control_box {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 63px; z-index: 0; }
.sec03 .product_area .sec03_control_box .inner {}
.sec03 .product_area .sec03_control_box .inner .btn_box {}
.sec03 .product_area .sec03_control_box .inner .btn_box .sec03_btn {position: absolute;top: 0;}
.sec03 .product_area .sec03_control_box .inner .btn_box .sec03_btn.prev {left: 0;}
.sec03 .product_area .sec03_control_box .inner .btn_box .sec03_btn.next {right: 0;}
.sec03 .product_area .sec03_control_box .inner .btn_box .sec03_btn img {}
.sec03 .product_area .product_slide {margin: 65px -20px 0 0; padding: 10px 20px 35px; overflow: hidden;}
.sec03 .product_area .product_slide > .list {}
.sec03 .product_area .product_slide > .list > li {}
.sec03 .product_area .product_slide > .list > li .box {display: block; height: 420px; background-color: #fff; border-radius: 30px; box-shadow: 5px 3px 10px 0px rgba(0, 0, 0, 0.2); transition: all 0.5s;}
.sec03 .product_area .product_slide > .list > li .box .box_inner {position: relative; height: 100%; padding: 90px 0 35px;}
.sec03 .product_area .product_slide > .list > li .box .box_inner .text_box {}
.sec03 .product_area .product_slide > .list > li .box .box_inner .text_box .title {font-weight: 700; font-size: 30px; line-height: 34px; color: #111111; text-align: center;}
.sec03 .product_area .product_slide > .list > li .box .box_inner .text_box .text_list {display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 35px 0 0;}
.sec03 .product_area .product_slide > .list > li .box .box_inner .text_box .text_list .list {}
.sec03 .product_area .product_slide > .list > li .box .box_inner .text_box .text_list .list li {margin: 10px 0 0;}
.sec03 .product_area .product_slide > .list > li .box .box_inner .text_box .text_list .list li:first-child {margin: 0;}
.sec03 .product_area .product_slide > .list > li .box .box_inner .text_box .text_list .list li .text {position: relative; display: inline-block; padding: 0 0 0 12px; font-weight: 500; font-size: 17px; line-height: 24px; color: #111111;}
.sec03 .product_area .product_slide > .list > li .box .box_inner .text_box .text_list .list li .text:before {display: block; content: ""; position: absolute; left: 0; top: 7px; width: 6px; height: 6px; border-radius: 50%; background-color: #36704b;}
.sec03 .product_area .product_slide > .list > li .box .box_inner .img_box {position: absolute; left: 50%; bottom: -35px; transform: translateX(-50%); width: 100%; z-index: 11; text-align: center;}
.sec03 .product_area .product_slide > .list > li .box .box_inner .img_box img {}
.sec03 .product_area .product_slide > .list > li .box:hover {border-radius: 50%; background-color: #36704b;}
.sec03 .product_area .product_slide > .list > li .box:hover .box_inner .text_box .title {color: #fff;}
.sec03 .product_area .product_slide > .list > li .box:hover .box_inner .text_box .text_list .list li .text {color: #fff;}
.sec03 .product_area .product_slide > .list > li .box:hover .box_inner .text_box .text_list .list li .text:before {background-color: #fff;}


.sec04 {}
.sec04 .news_area {padding: 100px 0 0;}
.sec04 .news_area .title_area {display: flex; justify-content: space-between; align-items: center;}
.sec04 .news_area .title_area .title {font-family: "Play"; font-weight: 700; font-size: 68px; line-height: 70px; color: #111111;}
.sec04 .news_area .title_area .more_btn {display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border: 1px solid #111111;}
.sec04 .news_area .title_area .more_btn img {}
.sec04 .news_area .title_area .more_btn:hover, .sec04 .news_area .title_area .more_btn:focus {background-color: #2e3e34;}
.sec04 .news_area .news_box {margin: 45px 0 0;}
.sec04 .news_area .news_box .list {display: flex; flex-wrap: wrap; gap: 30px 0;}
.sec04 .news_area .news_box .list li {width: 33.3333%; border-right: 1px solid #e5e5e5;}
.sec04 .news_area .news_box .list li:nth-child(3n) {border-right: none;}
.sec04 .news_area .news_box .list li .box {display: block; padding: 30px 50px;}
.sec04 .news_area .news_box .list li .box .menu {width: 70px; background-color: #36704b; font-weight: 700; font-size: 16px; line-height: 28px; color: #ffffff; text-align: center;}
.sec04 .news_area .news_box .list li .box .title {margin: 25px 0 0; font-weight: 500; font-size: 24px; 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;}
.sec04 .news_area .news_box .list li .box .date {margin: 25px 0 0;font-family: "Play"; font-weight: 400; font-size: 16px; line-height: 24px; color: #999999;}
.sec04 .news_area .news_box .list li .box .view_btn {margin: 25px 0 0;}
.sec04 .news_area .news_box .list li .box .view_btn .txt {display: inline-block; position: relative; padding: 0 55px 0 0; font-family: "Play"; font-weight: 400; font-size: 17px; line-height: 36px; color: #36704b;}
.sec04 .news_area .news_box .list li .box .view_btn .txt:before {display: block; content: ""; position: absolute; right: 0; top: 0; width: 36px; height: 36px; border-radius: 50%; background: #fff url("/kor/images/main/news_more.png") no-repeat center;}
.sec04 .news_area .news_box .list li .box:hover {background-color: #36704b;}
.sec04 .news_area .news_box .list li .box:hover .menu {text-align: left;}
.sec04 .news_area .news_box .list li .box:hover .title {color: #fff;}
.sec04 .news_area .news_box .list li .box:hover .date {color: #fff;}
.sec04 .news_area .news_box .list li .box:hover .view_btn .txt {color: #fff;}
.sec04 .news_area .news_box .list li .box:hover .view_btn .txt:before {background-color: rgba(255, 255, 255, 0.25); background-image: url("/kor/images/main/news_more_on.png");}

.sec05 {background: url("/kor/images/main/sec05_bg01.jpg") center no-repeat; background-size: cover;;}
.sec05 .inq_area {}
.sec05 .inq_area .title_box {position: relative;}
.sec05 .inq_area .title_box .title {font-weight: 700; font-size: 68px; line-height: 75px; color: #ffffff;}
.sec05 .inq_area .title_box .text {margin: 20px 0 0; font-weight: 300; font-size: 20px; line-height: 30px; color: #ffffff;}
.sec05 .inq_area .title_box .view_more {position: absolute; right: 0; bottom: 0;}
.sec05 .inq_area .info_area {margin: 100px 0 0;}
.sec05 .inq_area .info_area > .list {display: flex; gap: 0 16px;}
.sec05 .inq_area .info_area > .list > li {width: 100%;}
.sec05 .inq_area .info_area > .list > li .info_box {min-height: 240px; padding: 35px 40px; background-color: rgba(255, 255, 255, 0.15); border-radius: 10px; border: 1px solid #fff;}
.sec05 .inq_area .info_area > .list > li .info_box .title {font-weight: 700; font-size: 28px; line-height: 30px; color: #ffffff;}
.sec05 .inq_area .info_area > .list > li .info_box .info_list {margin: 15px 0 0;}
.sec05 .inq_area .info_area > .list > li .info_box .info_list .list {}
.sec05 .inq_area .info_area > .list > li .info_box .info_list .list li {margin: 10px 0 0;}
.sec05 .inq_area .info_area > .list > li .info_box .info_list .list li:first-child {margin: 0;}
.sec05 .inq_area .info_area > .list > li .info_box .info_list .list li .box {display: flex; gap: 5px;}
.sec05 .inq_area .info_area > .list > li .info_box .info_list .list li .box .tit {font-family: "Play"; font-weight: 700; font-size: 20px; line-height: 24px; color: #fff;}
.sec05 .inq_area .info_area > .list > li .info_box .info_list .list li .box .txt {font-family: "Play", "HD"; font-weight: 400; font-size: 20px; line-height: 24px; color: #ffffff;}

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


@keyframes slide-in {
	from {transform: translateY(10px) scaleY(1.5); opacity: 0;}
}

@keyframes text_box {
	0% {top:50px; opacity:0;}
	100% {top:0; opacity:1;}
} 
@keyframes control-active-animation {	
    from {filter: Alpha(opacity=0); opacity: 0; transform: translateY(60px); webkit-transform: translateY(60px);}
	to {filter: Alpha(opacity=100); opacity: 1.0; transform: translateY(0); webkit-transform: translateY(0);}
}
@keyframes draw-circle {	
    from {stroke-dashoffset: -50;}
	to {stroke-dashoffset: 0;}
}
@keyframes draw-circle-ios {	
    from {stroke-dashoffset: 100;}
	to {stroke-dashoffset: 50;}
}




@media screen and (max-width: 1410px) {
	.container {padding: 0 20px;}

}

@media screen and (max-width: 1400px) {
	.sec01 .main_visual_area .main_slide_area > .list > li .box .text_box .sub_title {font-size: 24px; line-height: 30px;}
	.sec01 .main_visual_area .main_slide_area > .list > li .box .text_box .title {font-size: 54px;}
	.sec01 .main_visual_area .main_slide_area > .list > li .box .text_box .text {font-size: 24px; line-height: 30px;}
	.sec01 .main_visual_area .main_slide_area > .list > li .box .text_box .img_list {margin: 30px 0 0;}
	.sec01 .main_visual_area .main_slide_area > .list > li .box .text_box .img_list .list {gap: 0 10px;}
	.sec01 .main_visual_area .main_slide_area > .list > li .box .text_box .img_list .list li .img_box img {width: 280px;}
	.sec01 .main_visual_area .main_control_box .inner {gap: 0 25px;}


	.sec02 .business_area .left_box {width: 40%;}
	.sec02 .business_area .left_box .menu {font-size: 18px; line-height: 24px;}
	.sec02 .business_area .left_box .title {margin: 20px 0 0; font-size: 50px; line-height: 60px;}
	.sec02 .business_area .left_box .text {margin: 30px 0 0; font-size: 16px; line-height: 24px;}
	.sec02 .business_area .left_box .sec02_control_box {margin: 50px 0 0;}
	.sec02 .business_area .left_box .sec02_control_box .inner {gap: 0 40px;}
	.sec02 .business_area .left_box .sec02_control_box .inner .btn_box {gap: 0 20px;}
	.sec02 .business_area .left_box .sec02_control_box .inner .btn_box .sec02_btn img {width: 60px;}
	.sec02 .business_area .left_box .sec02_control_box .inner .swiper-dots-wrapper .swiper-pagination-bullet {margin: 0 20px 0 0;}
	.sec02 .business_area .right_box {width: 60%;}
	.sec02 .business_area .right_box .business_slide {padding: 0;}
	.sec02 .business_area .right_box .business_slide .list li {max-width: initial;}
	.sec02 .business_area .right_box .business_slide .list li .box {padding: 30px; height: 400px;}
	.sec02 .business_area .right_box .business_slide .list li .box .box_inner .icon_box img {height: 60px;}
	.sec02 .business_area .right_box .business_slide .list li .box .box_inner .text_box .title {font-size: 30px; line-height: 34px;}

	.sec03 .title_box .menu {font-size: 18px; line-height: 24px;}
	.sec03 .title_box .title {margin: 20px 0 0; font-size: 40px; line-height: 44px;}
	.sec03 .title_box .text {margin: 6px 0 0; font-size: 16px; line-height: 24px;}
	.sec03 .product_area .sec03_control_box .inner .btn_box .sec03_btn img {width: 28px;}
	.sec03 .product_area {padding: 0 35px;}
	.sec03 .product_area .product_slide {margin: 30px -10px 0 0; padding: 10px 10px 35px 0;}
	.sec03 .product_area .product_slide > .list > li .box {height: 350px;}
	.sec03 .product_area .product_slide > .list > li .box:hover {border-radius: 30px;}
	.sec03 .product_area .product_slide > .list > li .box .box_inner {padding: 60px 0 20px;}
	.sec03 .product_area .product_slide > .list > li .box .box_inner .img_box img {height: 120px;}
	.sec03 .product_area .product_slide > .list > li .box .box_inner .text_box .title {font-size: 24px; line-height: 30px;}
	.sec03 .product_area .product_slide > .list > li .box .box_inner .text_box .text_list {margin: 20px 0 0;}
	.sec03 .product_area .product_slide > .list > li .box .box_inner .text_box .text_list .list li .text {font-size: 16px; line-height: 20px;}


	.view_more {width: 180px;}
	.view_more .txt {padding: 0 50px 0 0; background-size: 35px auto; font-size: 14px; line-height: 48px;}

	.sec04 .news_area {padding: 80px 0 0;}
	.sec04 .news_area .title_area .title {font-size: 50px; line-height: 60px;}
	.sec04 .news_area .title_area .more_btn {width: 50px; height: 50px;}
	.sec04 .news_area .news_box {margin: 30px 0 0;}
	.sec04 .news_area .news_box .list {gap: 20px 0;}
	.sec04 .news_area .news_box .list li .box {padding: 20px 30px;}
	.sec04 .news_area .news_box .list li .box .menu {width: 60px; font-size: 14px; line-height: 24px;}
	.sec04 .news_area .news_box .list li .box .title {margin: 15px 0 0; font-size: 20px; line-height: 24px;}
	.sec04 .news_area .news_box .list li .box .date {margin: 20px 0 0; font-size: 14px; line-height: 20px;}
	.sec04 .news_area .news_box .list li .box .view_btn .txt {padding: 0 45px 0 0; font-size: 16px; line-height: 30px;}
	.sec04 .news_area .news_box .list li .box .view_btn .txt:before {width: 30px; height: 30px;}


	.sec05 .inq_area .title_box .title {font-size: 50px; line-height: 60px;}
	.sec05 .inq_area .title_box .text {margin: 15px 0 0; font-size: 18px; line-height: 26px;}
	.sec05 .inq_area .info_area {margin: 60px 0 0;}
	.sec05 .inq_area .info_area > .list > li .info_box {padding: 20px; min-height: 200px;}
	.sec05 .inq_area .info_area > .list > li .info_box .title {font-size: 24px; line-height: 30px;}
	.sec05 .inq_area .info_area > .list > li .info_box .info_list {margin: 10px 0 0;}
	.sec05 .inq_area .info_area > .list > li .info_box .info_list .list li .box .tit {font-size: 18px; line-height: 22px;}
	.sec05 .inq_area .info_area > .list > li .info_box .info_list .list li .box .txt {font-size: 18px; line-height: 22px;}



}

@media screen and (max-width: 1280px) {
	.container {padding: 0 10px;}

	.sec02 {padding: 100px 0;}
	.sec02 .business_area .right_box .business_slide {padding: 0;}

	.sec03 {padding: 100px 0;}

	
	.sec04 {padding: 100px 0;}
	.sec04 .news_area {padding: 0;}

	.sec05 {padding: 100px 0;}
}

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

	.sec01 .main_visual_area .main_slide_area > .list > li .box .text_box .sub_title {font-size: 18px; line-height: 20px;}
	.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;}
	.sec01 .main_visual_area .main_slide_area > .list > li .box .text_box .img_list {margin: 20px 0 0;}
	.sec01 .main_visual_area .main_slide_area > .list > li .box .text_box .img_list .list {gap: 0 5px;}
	.sec01 .main_visual_area .main_slide_area > .list > li .box .text_box .img_list .list li .img_box img {width: 240px;}
	.sec01 .main_visual_area .main_control_box {bottom: 100px;}
	.sec01 .main_visual_area .main_control_box .inner {gap: 0 20px;}
	.sec01 .main_visual_area .main_control_box .inner .swiper-dots-wrapper {gap: 0 5px;}


	.sec02 {padding: 60px 0;}
	.sec02 .business_area {flex-direction: column; gap: 10px;}
	.sec02 .business_area .left_box {width: 100%;}

	.sec02 .business_area .left_box .menu {font-size: 16px; line-height: 20px;}
	.sec02 .business_area .left_box .title {margin: 10px 0 0; font-size: 36px; line-height: 40px;}
	.sec02 .business_area .left_box .text {margin: 20px 0 0; font-size: 14px; line-height: 20px;}
	.sec02 .business_area .left_box .text br {display: none;}
	.sec02 .business_area .left_box .sec02_control_box {margin: 30px 0 0;}
	.sec02 .business_area .left_box .sec02_control_box .inner {gap: 0 20px;}
	.sec02 .business_area .left_box .sec02_control_box .inner .btn_box {gap: 0 10px;}
	.sec02 .business_area .left_box .sec02_control_box .inner .btn_box .sec02_btn img {width: 40px;}
	.sec02 .business_area .left_box .sec02_control_box .inner .swiper-dots-wrapper .swiper-pagination-bullet {margin: 0 10px 0 0;}
	.sec02 .business_area .right_box {width: 100%;}
	.sec02 .business_area .right_box .business_slide .list li {max-width: initial;}
	.sec02 .business_area .right_box .business_slide .list li .box {padding: 20px; height: 300px;}
	.sec02 .business_area .right_box .business_slide .list li .box .box_inner .icon_box img {height: 50px;}
	.sec02 .business_area .right_box .business_slide .list li .box .box_inner .text_box .title {font-size: 24px; line-height: 26px;}
	.sec02 .business_area .right_box .business_slide .list li .box .box_inner .text_box .text {font-size: 16px; line-height: 24px;}



	.sec03 {padding: 60px 0;}
	.sec03 .title_box .menu {font-size: 16px; line-height: 20px;}
	.sec03 .title_box .title {margin: 10px 0 0; font-size: 30px; line-height: 34px;}
	.sec03 .title_box .text {font-size: 14px; line-height: 20px;}
	.sec03 .product_area .sec03_control_box .inner .btn_box .sec03_btn img {width: 28px;}
	.sec03 .product_area {padding: 0 30px;}
	.sec03 .product_area .product_slide {margin: 20px -15px 0 0; padding: 10px 15px 20px 0;}
	.sec03 .product_area .product_slide > .list > li .box {height: 250px;}
	.sec03 .product_area .product_slide > .list > li .box .box_inner {padding: 30px 0 20px;}
	.sec03 .product_area .product_slide > .list > li .box .box_inner .img_box img {height: 100px;}
	.sec03 .product_area .product_slide > .list > li .box .box_inner .text_box .title {font-size: 20px; line-height: 24px;}
	.sec03 .product_area .product_slide > .list > li .box .box_inner .text_box .text_list {margin: 10px 0 0;}
	.sec03 .product_area .product_slide > .list > li .box .box_inner .text_box .text_list .list li {margin: 6px 0 0;}
	.sec03 .product_area .product_slide > .list > li .box .box_inner .text_box .text_list .list li .text {font-size: 14px; line-height: 18px;}
	.sec03 .product_area .product_slide > .list > li .box .box_inner .img_box {bottom: -20px;}
	.sec03 .product_area .sec03_control_box .inner .btn_box .sec03_btn img {width: 20px;}

	.view_more {width: 140px;}
	.view_more .txt {padding: 0 30px 0 0; background-size: 25px auto; line-height: 38px;}

	.sec04 {padding: 60px 0;}
	.sec04 .news_area .title_area .title {font-size: 40px; line-height: 50px;}
	.sec04 .news_area .title_area .more_btn {width: 40px; height: 40px;}
	.sec04 .news_area .news_box {margin: 20px 0 0;}
	.sec04 .news_area .news_box .list {gap: 10px 0;}
	.sec04 .news_area .news_box .list li .box {padding: 10px 10px;}
	.sec04 .news_area .news_box .list li .box .menu {width: 50px; font-size: 12px; line-height: 20px;}
	.sec04 .news_area .news_box .list li .box .title {margin: 10px 0 0; font-size: 18px; line-height: 20px;}
	.sec04 .news_area .news_box .list li .box .date {margin: 10px 0 0; font-size: 12px; line-height: 18px;}
	.sec04 .news_area .news_box .list li .box .view_btn {margin: 15px 0 0;}
	.sec04 .news_area .news_box .list li .box .view_btn .txt {padding: 0 35px 0 0; font-size: 14px; line-height: 26px;}
	.sec04 .news_area .news_box .list li .box .view_btn .txt:before {width: 26px; height: 26px; background-size: 14px auto;}

	.sec05 {padding: 60px 0;}
	.sec05 .inq_area .title_box .title {font-size: 40px; line-height: 50px;}
	.sec05 .inq_area .title_box .text {margin: 10px 0 0; font-size: 16px; line-height: 24px;}
	.sec05 .inq_area .info_area {margin: 40px 0 0;}
	.sec05 .inq_area .info_area > .list {gap: 0 10px;}
	.sec05 .inq_area .info_area > .list > li .info_box {padding: 10px; min-height: 160px;}
	.sec05 .inq_area .info_area > .list > li .info_box .title {font-size: 20px; line-height: 24px;}
	.sec05 .inq_area .info_area > .list > li .info_box .info_list {margin: 6px 0 0;}
	.sec05 .inq_area .info_area > .list > li .info_box .info_list .list li {margin: 6px 0 0;}
	.sec05 .inq_area .info_area > .list > li .info_box .info_list .list li .box .tit {font-size: 16px; line-height: 20px;}
	.sec05 .inq_area .info_area > .list > li .info_box .info_list .list li .box .txt {font-size: 16px; line-height: 20px; word-break: break-all;}












}

@media screen and (max-width: 767px) {
	.sec01 .main_visual_area .main_slide_area > .list > li .box .bg_img_box img.mob {display: block;}
	.sec01 .main_visual_area .main_slide_area > .list > li .box .bg_img_box img.pc {display: none;}
	.sec01 .main_visual_area .main_slide_area > .list > li .box .text_box .sub_title {font-size: 16px; line-height: 18px;}
	.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: 20px;}
	.sec01 .main_visual_area .main_slide_area > .list > li .box .text_box .img_list {margin: 10px 0 0;}
	.sec01 .main_visual_area .main_slide_area > .list > li .box .text_box .img_list .list li .img_box img {width: 180px;}
	.sec01 .main_visual_area .main_control_box {bottom: 60px;}
	.sec01 .main_visual_area .main_control_box .inner {gap: 0 10px;}


	.sec02 {padding: 40px 0;}
	.sec02 .business_area .left_box .menu {font-size: 14px; line-height: 16px;}
	.sec02 .business_area .left_box .title {margin: 6px 0 0; font-size: 24px; line-height: 30px;}
	.sec02 .business_area .left_box .text {margin: 10px 0 0; font-size: 12px; line-height: 18px;}
	.sec02 .business_area .left_box .sec02_control_box {margin: 20px 0 0;}
	.sec02 .business_area .left_box .sec02_control_box .inner {gap: 0 10px;}
	.sec02 .business_area .left_box .sec02_control_box .inner .btn_box .sec02_btn img {width: 30px;}
	.sec02 .business_area .left_box .sec02_control_box .inner .swiper-dots-wrapper .swiper-pagination-bullet {margin: 0 6px 0 0;}
	.sec02 .business_area .right_box .business_slide .list li .box {padding: 15px; height: 240px;}
	.sec02 .business_area .right_box .business_slide .list li .box .box_inner .icon_box img {height: 40px;}
	.sec02 .business_area .right_box .business_slide .list li .box .box_inner .text_box .title {font-size: 20px; line-height: 24px;}
	.sec02 .business_area .right_box .business_slide .list li .box .box_inner .text_box .text {font-size: 14px; line-height: 20px;}

	.sec03 {padding: 40px 0;}
	.sec03 .title_box .menu {font-size: 14px; line-height: 16px;}
	.sec03 .title_box .title {margin: 6px 0 0; font-size: 24px; line-height: 30px;}
	.sec03 .title_box .text {font-size: 10px; font-size: 12px; line-height: 18px}
	.sec03 .title_box .view_more {position: inherit; right: inherit; bottom: inherit; margin: 5px 0 0;}
	.sec03 .product_area .sec03_control_box .inner .btn_box .sec03_btn img {width: 20px;}
	.sec03 .product_area {padding: 0 24px;}
	.sec03 .product_area .product_slide {margin: 10px -15px 0 0;}
	.sec03 .product_area .product_slide > .list > li .box {height: 220px;}
	.sec03 .product_area .product_slide > .list > li .box .box_inner {padding: 20px 0 10px;}
	.sec03 .product_area .product_slide > .list > li .box .box_inner .img_box img {height: 80px;}
	.sec03 .product_area .product_slide > .list > li .box .box_inner .text_box .title {font-size: 18px; line-height: 20px;}
	.sec03 .product_area .product_slide > .list > li .box .box_inner .img_box {bottom: 0;}

	.view_more {width: 130px;}
	.view_more .txt {padding: 0 26px 0 0; background-size: 20px auto; line-height: 30px;}


	.sec04 {padding: 40px 0;}
	.sec04 .news_area .title_area .title {font-size: 30px; line-height: 40px;}
	.sec04 .news_area .title_area .more_btn {width: 30px; height: 30px;}
	.sec04 .news_area .title_area .more_btn img {width: 7px;}
	.sec04 .news_area .news_box {margin: 10px 0 0;}
	.sec04 .news_area .news_box .list li {width: 50%;}
	.sec04 .news_area .news_box .list li:nth-child(3n) {border-right: 1px solid #e5e5e5;}
	.sec04 .news_area .news_box .list li:nth-child(2n) {border-right: none;}
	.sec04 .news_area .news_box .list li .box .menu {width: 45px;}
	.sec04 .news_area .news_box .list li .box .title {margin: 10px 0 0; font-size: 16px; line-height: 18px;}
	.sec04 .news_area .news_box .list li .box .view_btn {margin: 10px 0 0;}
	.sec04 .news_area .news_box .list li .box .view_btn .txt {font-size: 12px; }

	.sec05 {padding: 50px 0;}
	.sec05 .inq_area .title_box .title {font-size: 30px; line-height: 40px;}
	.sec05 .inq_area .title_box .text {margin: 6px 0 0; font-size: 14px; line-height: 20px;}
	.sec05 .inq_area .title_box .view_more {position: inherit; right: inherit; bottom: inherit; margin: 10px 0 0;}
	.sec05 .inq_area .info_area {margin: 20px 0 0;}
	.sec05 .inq_area .info_area > .list {gap: 10px; flex-wrap: wrap;}
	.sec05 .inq_area .info_area > .list > li {width: calc(50% - 5px);}
	.sec05 .inq_area .info_area > .list > li .info_box {min-height: 132px;}
	.sec05 .inq_area .info_area > .list > li .info_box .title {font-size: 18px; line-height: 20px;}
	.sec05 .inq_area .info_area > .list > li .info_box .info_list .list li {margin: 0;}
	.sec05 .inq_area .info_area > .list > li .info_box .info_list .list li .box .tit {font-size: 14px; line-height: 18px;}
	.sec05 .inq_area .info_area > .list > li .info_box .info_list .list li .box .txt {font-size: 14px; line-height: 18px;}


}

@media screen and (max-width: 480px) {
	.sec01 .main_visual_area .main_slide_area > .list > li .box .text_box .img_list .list {flex-direction: column; gap: 5px;}

	.sec02 .business_area .left_box .sec02_control_box .inner .swiper-dots-wrapper .swiper-pagination-bullet {width: 8px; height: 8px;}

	.sec04 .news_area .news_box .list {gap: 0;}
	.sec04 .news_area .news_box .list li {width: 100%;}
	.sec04 .news_area .news_box .list li:nth-child(3n) {border-right: none;}
	.sec04 .news_area .news_box .list li:nth-child(2n) {border-right: none;}
	.sec04 .news_area .news_box .list li {border-bottom: 1px solid #e5e5e5; border-right: none;}
	.sec04 .news_area .news_box .list li:nth-last-child(-n+2) {display: none;}
	.sec04 .news_area .news_box .list li:nth-child(4) {border-bottom: none;}

	.sec05 .inq_area .info_area > .list > li {width: 100%;}
	.sec05 .inq_area .info_area > .list > li .info_box {min-height: auto;}

}