﻿.main_visual {position: relative;height: 100vh;} 
.main_visual .owl-carousel, 
.main_visual .owl-carousel .owl-stage-outer, 
.main_visual .owl-carousel .owl-stage, 
.main_visual .owl-carousel .owl-item, 
.main_slide {height: 100%;-webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.main_slide1 {background-image: url("/skin/default/img/main/main_visual01.jpg");}
.main_slide2 {background-image: url("/skin/default/img/main/main_visual02.jpg");}
.main_slide3 {background-image: url("/skin/default/img/main/main_visual03.jpg");}
.slide_text{ height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.st1 {font-weight: 800;font-size: 52px;color: #fff;text-align: center;margin-bottom: 70px;line-height: 1.5;}
.st2 {text-align: center;}
.st2 a {font-weight: 800;font-size: 20px;color: #fff;text-decoration: underline;text-underline-position : under;letter-spacing: 1px;}
.main_visual .main_visual_nav {position: absolute;top: 50%;width: 100%;}
.main_visual .main_visual_nav a {display: block;overflow: hidden;margin-top: -35px;position: absolute;top: 50%;z-index: 50;white-space: nowrap;width: 70px;height: 70px;}
.main_visual .main_visual_nav .prev {background-image: url('/skin/default/img/main/slide_prev.png');left: 80px;background-repeat: no-repeat;}
.main_visual .main_visual_nav .next {background-image: url('/skin/default/img/main/slide_next.png');right: 80px;background-repeat: no-repeat;}
.main_visual .pagecounter {position: absolute;left: 0;bottom:50px;z-index: 50;width: 100%;text-align: center;}
.main_visual .pagecounter span {font-weight: 700;font-size: 20px;color: #fff;opacity: 0.5;margin: 0 10px;cursor: pointer;}
.main_visual .pagecounter span.active {font-size: 30px;opacity: 1;}

.main_cont {padding: 150px 0;position: relative;}   
.main_cont1:before {position: absolute;right: 0;top: 0;content: "";width: 967px;height: 1067px;background-repeat: no-repeat;background-image: url("/skin/default/img/main/main_cont1_bg.png");}
.main_cont2 {-webkit-background-size: cover;background-size: cover;background-position: right bottom;background-repeat: no-repeat;background-image: url("/skin/default/img/main/main_cont2_bg.png");}
.main_cont3:before {position: absolute;left: 0;top: 0;content: "";width: 775px;height: 908px;background-repeat: no-repeat;background-image: url("/skin/default/img/main/main_cont3_bg.png");}

.smain_tit {font-weight: 800;font-size: 20px;color: #b7c1c7;margin-bottom: 50px;}
.main_tit {font-weight: 800;font-size: 52px;color: #000;line-height: 1.4;}
.main_link {margin-top: 70px;font-weight: 800;font-size: 20px;color: #000;text-decoration: underline;text-underline-position : under;letter-spacing: 1px;display: inline-block;}

.half {position: relative;}
.half:before {display: table;content: "";}
.half:after {display: table;content: "";clear: both;}
.half .left {float: left;width: 30%;position: sticky;top: 150px;}
.half .right {float: left;width: 70%;padding-left: 50px;}

.product_list {position: relative;}
.product_list:before {display: table;content: "";}
.product_list:after {display: table;content: "";clear: both;}
.product_item {float: left;position: relative;width: 46%;}
.product_item.product2 {top: 440px;margin-left: 7%; margin-bottom: 30%;}
.product_tit {font-weight: 700;font-size: 20px;color: #000;margin-top: 40px;}

.box {height: 300px;background-color: rgb(255 255 255 / 20%);border-radius: 40px;padding: 70px;position: relative;}
.box:before {position: absolute;right: 70px;top: 70px;content: "";width: 77px;height: 77px;background-repeat: no-repeat;}
.box.box1:before {background-image: url("/skin/default/img/main/box_icon1.png");}
.box.box2:before {background-image: url("/skin/default/img/main/box_icon2.png");}
.box_tit {font-weight: 700;font-size: 36px;color: #fff;line-height: 1.4;}
.box_link {position: absolute;left: 70px;bottom: 70px;display: flex;}

.biz_item {position: relative;}
.biz_tit {font-weight: 700;font-size: 20px;color: #fff;position: absolute;left: 70px;bottom: 60px;line-height: 1.2;}
.biz_cont {padding-bottom: 150px;max-width: 1920px;margin: 0 auto;position: relative;}
.biz_nav {margin-top: 50px;}
.biz_nav a {float: left;display: block;opacity: 0.5;position: relative;z-index: 10;}
.biz_nav a:hover {opacity: 1;}
.biz_prev {margin-right: 20px;}
.biz_slide_wrap {position: absolute;right: 0;top: 0;width: 1180px;}
.biz_slide .owl-item.vsh {visibility: hidden;}

.notice_cont {padding-top: 150px;}
.notice_list {display: block;border-top: 1px solid #ddd;margin-top: 80px;}
.notice_list:before {display: table;content: "";}
.notice_list:after {display: table;content: "";clear: both;}
.notice_list li {display: block;padding: 60px 0;border-bottom: 1px solid #ddd;}
.noti_table {display: table;width: 100%;}
.noti_date {font-weight: 700;font-size: 20px;color: #000;text-align: center;display: table-cell;vertical-align: middle;width: 14%;}
.noti_tit {font-weight: 700;font-size: 26px;color: #000;display: table-cell;vertical-align: middle;width: 86%;padding: 0 50px;line-height: 1.2;position: relative;}
.noti_tit:after {position: absolute;right: 0;top: 50%;content: "";width: 14px;height: 12px;margin-top: -6px;background-repeat: no-repeat;background-image: url("/skin/default/img/main/arrow_black_icon.png");}

.company_bg {background-repeat: no-repeat;background-position: right bottom;background-image: url("/skin/default/img/main/main_cont4_bg.png");-webkit-background-size: cover;background-size: cover;height: 860px;max-width: 1920px; margin: 0 auto;display: flex;align-items: center;}
.company_t1 {font-weight: 800;font-size: 20px;color: #fff;margin-bottom: 50px;line-height: 1.2;text-align: center;}
.company_t2 {font-weight: 800;font-size: 52px;color: #fff;margin-bottom: 80px;line-height: 1.2;text-align: center;}
.company_t3 {font-weight: 800;font-size: 20px;color: #fff;text-decoration: underline;text-underline-position : under;letter-spacing: 1px;display: inline-block;text-align: center;}

.delighter {
  transform: translateY(100px);
  opacity: 0;
  transition: 0.5s;
}
.delighter.started {
  transform: translateY(0);
  opacity: 1;
}

.news_big {margin-bottom: 30px;display: flex;align-items: center;}
.news_big span {font-weight: 800;font-size: 40px;color: #000;margin-right: 20px;}
.news_list {display: block;border-top: 3px solid #000;padding-top: 15px;}
.news_list:before {display: table;content: "";}
.news_list:after{display: table;content: "";clear: both;}
.news_list li {display: block;padding: 15px 0;}
.news_list li a {display: table;width: 100%;}
.news_tit {font-weight: 500;font-size: 18px;color: #000;display: table-cell;width: 90%;}
.news_date {font-weight: 500;font-size: 16px;color: #666;display: table-cell;width: 10%;}
.cs_box {-webkit-background-size: cover;background-size: cover;background-position: center center;background-repeat: no-repeat;background-image: url("/skin/default/img/main/main_contact.png?v=1");height: 560px;display: flex;align-items: center;justify-content: center;border-radius: 30px;}
.cs_t1 {font-weight: 800;font-size: 20px;color: #fff;margin-bottom: 30px;text-align: center;}
.cs_t2 {font-weight: 800;font-size: 52px;color: #fff;margin-bottom: 60px;text-align: center;}
.cs_t3 {font-weight: 800;font-size: 20px;color: #fff;border-bottom: 2px solid #fff;padding-bottom: 10px;text-align: center;display: inline-block;}

@media (max-width: 1459px) {
	.main_tit {font-size: 42px;}
	.box_tit {font-size: 30px;}
	.cs_box {border-radius: 50px;}
}
@media (max-width: 1429px) {
	.st1 {font-size: 42px;}
	.company_t2 {font-size: 42px;}
	.noti_tit {font-size: 20px;}
	.noti_date {font-size: 16px;}
	.biz_slide_wrap {width: 1000px;}
}
@media (max-width: 1359px) {
	.st1 {font-size: 32px;}
	.main_visual .pagecounter span.active {font-size: 25px;}
	.main_tit {font-size: 32px;}
	.smain_tit {font-size: 18px;}
	.product_tit {font-size: 18px;}
	.box_tit {font-size: 25px;}
	.box {height: 250px;}
	.biz_tit {font-size: 16px;left: 35px;bottom: 30px;}
	.biz_cont {padding-bottom: 100px;}
	.notice_cont {padding-top: 100px;}
	.company_bg {height: 760px;}

}
@media (max-width: 1259px) {
	.box_tit {font-size: 20px;}
	.company_t2 {font-size: 32px;}
	.company_t1 {font-size: 18px;}
	.news_big span {font-size: 30px;}
	.cs_t2 {font-size: 42px;}
	.cs_box {height: 460px;}
}
@media (max-width: 1199px) {	
	.biz_slide_wrap {width: 900px;}
	.company_bg {height: 660px;}
}
@media (max-width: 991px) {
	.main_visual .main_visual_nav a {width: 35px;height: 35px;margin-top: -17px;-webkit-background-size: 35px auto;background-size: 35px auto;}
	.main_visual .main_visual_nav .next {right: 40px;}
	.main_visual .main_visual_nav .prev {left: 40px;}

	.main_visual {position: relative;height: 80vh;}
	.st1 {font-size: 25px;margin-bottom: 35px;}
	.st2 a {font-size: 18px;}
	.main_visual .pagecounter {bottom: 25px;}
	.main_visual .pagecounter span.active {font-size: 18px;}
	.main_visual .pagecounter span {font-size: 16px;}
	.main_cont {padding: 75px 0;}
	.smain_tit {font-size: 16px;margin-bottom: 25px;}
	.main_tit {font-size: 24px;}
	.main_link {font-size: 16px;margin-top: 35px;}
	.product_tit {font-size: 16px;margin-top: 20px;}
	.box:before {width: 38px;height: 38px;right: 35px;top: 35px;-webkit-background-size: 38px auto;background-size: 38px auto;}
	.box_link {left: 35px;bottom: 35px;}
	.box_tit {font-size: 18px;}
	.box {height: 180px;padding: 35px;}
	.half .left {float: left;width: 100%;}
	.half .right {float: left;width: 100%;padding-left: 0;margin-top: 30px;}
	.product_item.product2 {top: 320px;}
	.main_cont1:before {width: 483px;height: 533px;-webkit-background-size: 483px auto;background-size: 483px auto;}
	.main_tit {font-size: 20px;}
	.biz_slide_wrap {width: 700px;}
	.biz_tit {font-size: 14px;left: 20px;}
	.biz_nav {margin-top: 25px;}
	.biz_nav img {width: 35px;}
	.biz_prev {margin-right: 10px;}
	.biz_cont {padding-bottom: 75px;}
	.notice_cont {padding-top: 0;}
	.main_cont3:before {width: 387px;height: 454px;-webkit-background-size: 387px auto;background-size: 387px auto;}
	.notice_list {margin-top: 40px;}
	.notice_list li {padding: 30px 0;}
	.noti_date {font-size: 14px;}
	.noti_tit {font-size: 16px;padding: 0 25px;}
	.noti_tit:after {width: 7px;height: 6px;margin-top: -3px;-webkit-background-size: 7px auto;	background-size: 7px auto;}
	.company_t1 {font-size: 16px;margin-bottom: 25px;}
	.company_t2 {font-size: 25px;margin-bottom: 40px;}
	.company_t3 {font-size: 18px;}
	.company_bg {height: 460px;}
	.half .left {position: relative;top: auto;}
	.news_big span {font-size: 25px;}
	.news_big {margin-bottom: 15px;}
	.news_list li {padding: 10px 0;}
	.news_tit {font-size: 16px;}
	.news_date {font-size: 14px;}
	.cs_t1 {font-size: 16px;margin-bottom: 15px;}
	.cs_t2 {font-size: 32px;margin-bottom: 30px;}
	.cs_t3 {font-size: 16px;}
	.cs_box {height: 360px;}
}
@media (max-width: 767px) {
	.biz_slide_wrap {width: 100%;}
	.main_cont3:before {width: 193px;height: 227px;-webkit-background-size: 193px auto;background-size: 193px auto;}
	.main_cont1:before {width: 241px;height: 266px;-webkit-background-size: 241px auto;background-size: 241px auto;}
	.st1 {font-size: 20px;}
	.st2 a {font-size: 16px;}
	.main_visual .main_visual_nav .next {right: 10px;}
	.main_visual .main_visual_nav .prev {left: 10px;}
	.product_item.product2 {top: 200px;}
	.box_tit {font-size: 16px;}
	.box {padding: 30px;height: 160px;}
	.box.box1 {margin-bottom: 20px;}
	.box:before {right: 30px;top: 30px;}
	.biz_slide_wrap {position: relative;top: auto;right: auto;margin-top: 20px;padding: 0 20px;}
	.company_t2 {font-size: 20px;}
	.company_t3 {font-size: 16px;}
	.company_t1 {font-size: 14px;}
	.company_bg {height: 360px;}
	.main_link {margin-top: 20px;}
	.noti_table {display: block;}
	.noti_date {display: block;width: 100%;font-size: 13px;margin-bottom: 10px;text-align: left;}
	.noti_tit {display: block;width: 100%;font-size: 15px;padding: 0 25px 0 0;}
	.notice_list li {padding: 20px 0;}
	.main_tit {font-size: 18px;}
	.biz_slide .owl-item.vsh {visibility: visible;}
	.news_tit {font-size: 14px;}
	.news_date {font-size: 12px;}
	.news_big span {font-size: 20px;}
	.cs_box {height: 260px;margin-top: 30px;}
	.cs_t2 {font-size: 25px;margin-bottom: 20px;}
	.cs_t1,.cs_t3 {font-size: 14px;}
}	
@media (max-width: 321px) {

}