@charset "UTF-8";

.orange{color: #F7941D;}
.blue{color: #6559FF;}
.green{color: #46CF3A;}
.red{color: #E02E2E;}

.main_tit_box .eng{display: block;font-size: 18px;font-weight: 600;color: #191919;text-align: center;}
.main_tit_box h2{font-size: 48px;font-weight: 700;color: #191919;text-align: center;margin-top: 20px;}
.main_btn_box{margin-top: 40px;}

.main_btn_box a{display: flex;gap: 12px;justify-content: center;align-items: center;width: fit-content;font-size: 18px;font-weight: 700;color: #333;padding: 12px 24px;border: #D1D1D1 solid 1px;border-radius: 999px;margin: 0 auto;transition: background-color 0.3s, color 0.3s, border-color 0.3s;}
.main_btn_box a img{transition: filter 0.3s;}
.main_btn_box a:hover{background-color: #F7941D;color: #fff;border-color: #F7941D;}
.main_btn_box a:hover img{filter: brightness(0) invert(1);}

@media screen and (max-width:1024px) {
  .main_tit_box .eng{font-size: 16px;}
  .main_tit_box h2{font-size: 36px;margin-top: 16px;}

  .main_btn_box{margin-top: 20px;}
  .main_btn_box a{gap: 10px;font-size: 16px;padding: 10px 20px;}
}
@media screen and (max-width:768px) {
  .main_tit_box .eng{font-size: 15px;}
  .main_tit_box h2{font-size: 30px;margin-top: 10px;}
}




.main_visual{position: relative;}
.main_visual::after{content: '';position: absolute;top: 0;left: 0;width: 46.66%;height: 100%;background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);opacity: 0.4;z-index: 22;}
.main_visual .mv_img{position: relative;width: 100%;height: 100vh;min-height: 500px;overflow: hidden;z-index: 11;}
.main_visual .mv_img .swiper-slide{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.main_visual .mv_img .swiper-slide.mv01{background-image: url(/html/img/main_visual01.jpg);}
.main_visual .mv_img .swiper-slide.mv02{background-image: url(/html/img/main_visual02.jpg);}

.main_visual .inner{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 33;}
.main_visual .mv_txt .swiper-slide p{font-size: 20px;font-weight: 400;color: #fff;}
.main_visual .mv_txt .swiper-slide h2{font-size: 52px;font-weight: 700;color: #fff;margin-top: 20px;}

.main_visual .mv_pagi{display: flex;gap: 12px;align-items: center;margin-top: 40px;}
.main_visual .mv_pagi .swiper-pagination-bullet{width: 6px;height: 6px;border-radius: 50%;background-color: #fff;opacity: 1;}
.main_visual .mv_pagi .swiper-pagination-bullet-active{width: 18px;height: 18px;border-radius: 50%;background-color: transparent;border: #fff solid 1px;}


@media screen and (max-width:768px) {
  .main_visual::after{width: 80%;opacity: 0.6;}
  .main_visual .mv_img{position: relative;width: 100%;height: 100vh;min-height: 500px;overflow: hidden;z-index: 11;}
  
  .main_visual .mv_txt .swiper-slide p{font-size: 16px;}
  .main_visual .mv_txt .swiper-slide h2{font-size: 32px;margin-top: 12px;}
  
  .main_visual .mv_pagi{margin-top: 30px;}
  .main_visual .mv_pagi .swiper-pagination-bullet-active{width: 16px;height: 16px;}  
}





.main_sct1{position: relative;padding: 150px 0 180px;}
.main_sct1 .pd_slide{margin-top: 100px;}
.main_sct1 .pd_slide .swiper-wrapper{transition-timing-function: linear;}
.main_sct1 .pd_slide .swiper-slide{width: 250px;}
.main_sct1 .btm_txt{position: absolute;bottom: -30px;left: 50%;width: 110%;max-width: 2100px;transform: translateX(-50%);}
.main_sct1 .btm_txt img{width: 100%;}
.main_sct1 .btm_txt img.mobile{display: none;}

@media screen and (max-width:1024px) {
  .main_sct1{padding: 100px 0 120px;}
  .main_sct1 .pd_slide{margin-top: 60px;}
  .main_sct1 .pd_slide .swiper-slide{width: 220px;}
}
@media screen and (max-width:768px) {
  .main_sct1{padding: 80px 0 100px;}
  .main_sct1 .pd_slide{margin-top: 40px;}
  .main_sct1 .pd_slide .swiper-slide{width: 160px;}
  .main_sct1 .btm_txt{max-width: 540px;}
  .main_sct1 .btm_txt img.pc{display: none;}
  .main_sct1 .btm_txt img.mobile{display: inline-block;}
}






.main_sct2{padding: 150px 0;}
.main_sct2 .inner{max-width: 1240px;}
.main_sct2 .pd_category > li{display: flex;gap: 100px;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.main_sct2 .pd_category > li:nth-child(n + 2){margin-top: 100px;}
.main_sct2 .pd_category > li .txt_box .main_tit_box .eng,
.main_sct2 .pd_category > li .txt_box .main_tit_box h2{text-align: left;}
.main_sct2 .pd_category > li .txt_box .main_tit_box .eng{font-size: 24px;font-weight: 500;}
.main_sct2 .pd_category > li .txt_box .main_btn_box a{margin: 0;}
.main_sct2 .pd_category > li .txt_box .desc{font-size: 18px;font-weight: 400;color: #3E3E3E;line-height: 1.5;margin-top: 20px;}
.main_sct2 .pd_category > li:nth-child(2n){flex-direction: row-reverse;}
.main_sct2 .pd_category > li:nth-child(2n - 1) .txt_box{padding-left: 50px;}

@media screen and (max-width:1024px) {
  .main_sct2{padding: 100px 0;}
  .main_sct2 .pd_category > li{gap: 40px;}
  .main_sct2 .pd_category > li:nth-child(n + 2){margin-top: 60px;}
  .main_sct2 .pd_category > li .txt_box,
  .main_sct2 .pd_category > li .img_box{width: calc(50% - 20px);}
  .main_sct2 .pd_category > li .txt_box .main_tit_box .eng{font-size: 20px;}
  .main_sct2 .pd_category > li .txt_box .desc{font-size: 16px;margin-top: 16px;}
  .main_sct2 .pd_category > li:nth-child(2n - 1) .txt_box{padding-left: 20px;}
}
@media screen and (max-width:768px) {
  .main_sct2{padding: 80px 0;}
  .main_sct2 .pd_category > li{flex-direction: column-reverse;gap: 40px;}
  .main_sct2 .pd_category > li .txt_box{width: 100%;}
  .main_sct2 .pd_category > li .img_box{width: 100%;text-align: center;}
  .main_sct2 .pd_category > li .txt_box .main_tit_box .eng,
  .main_sct2 .pd_category > li .txt_box .main_tit_box h2{text-align: center;}
  .main_sct2 .pd_category > li .img_box img{width: 80%;max-width: 360px;}
  .main_sct2 .pd_category > li .txt_box .main_tit_box .eng{font-size: 16px;}
  .main_sct2 .pd_category > li .txt_box .main_btn_box a{margin: 0 auto;}
  .main_sct2 .pd_category > li .txt_box .desc{margin-top: 12px;text-align: center;}
  .main_sct2 .pd_category > li:nth-child(2n){flex-direction: column-reverse;}
  .main_sct2 .pd_category > li:nth-child(2n - 1) .txt_box{padding-left: 0;}
}





.main_sct3{position: relative;padding: 150px 0;background-color: #FFF7ED;}
.main_sct3::before{content: '';position: absolute;top: 0;right: 0;width: 628px;height: 527px;background: url(/html/img/main_sct3_bg.png) no-repeat center/contain;z-index: 11;}
.main_sct3::after{content: '';position: absolute;bottom: 20px;left: 0;width: 389px;height: 371px;background: url(/html/img/main_sct3_bg2.png) no-repeat center/contain;z-index: 12;}

.main_sct3 .inner{z-index: 22;}
.main_sct3 .best_pd{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 100px;}
.main_sct3 .best_pd > li{width: 31.94%;}
.main_sct3 .best_pd > li .img_box{border-radius: 30px;box-shadow: rgba(0, 0, 0, 0.1) 0 0 28px 0;overflow: hidden;}
.main_sct3 .best_pd > li .img_box img{transition: transform 0.3s;}
.main_sct3 .best_pd > li:hover .img_box img{transform: scale(1.05);}
.main_sct3 .best_pd > li .txt_box{margin-top: 20px;}
.main_sct3 .best_pd > li .txt_box h3{font-size: 22px;font-weight: 700;color: #191919;text-align: center;}
.main_sct3 .best_pd > li .txt_box p{font-size: 20px;font-weight: 400;color: #555;text-align: center;margin-top: 10px;}

@media screen and (max-width:1024px) {
  .main_sct3{padding: 100px 0;}
  .main_sct3::before{width: 400px;height: 336px;}
  .main_sct3::after{width: 240px;height: 229px;}

  .main_sct3 .best_pd{margin-top: 60px;}
  .main_sct3 .best_pd > li{width: 32%;}
  .main_sct3 .best_pd > li .img_box{border-radius: 20px;}
  .main_sct3 .best_pd > li .txt_box{margin-top: 16px;}
  .main_sct3 .best_pd > li .txt_box h3{font-size: 18px;}
  .main_sct3 .best_pd > li .txt_box p{font-size: 16px;margin-top: 8px;}
}
@media screen and (max-width:768px) {
  .main_sct3{padding: 80px 0;}
  .main_sct3::before{width: 50%;height: auto;aspect-ratio: 628 / 527;}
  .main_sct3::after{width: 50%;height: auto;aspect-ratio: 389 / 371;}

  .main_sct3 .best_pd{gap: 40px 20px;justify-content: center;margin-top: 40px;}
  .main_sct3 .best_pd > li{width: calc(50% - 10px);}
}
@media screen and (max-width:360px) {
  .main_sct3 .best_pd > li{width: 100%;}
}




.main_sct4{padding: 150px 0;}
.main_sct4 .inner{max-width: 1880px;}
.main_sct4 .link_box{display: flex;flex-wrap: wrap;min-height: 800px;background: url(/html/img/main_sct4_bg.jpg) no-repeat center/cover;border-radius: 30px;overflow: hidden;}
.main_sct4 .link_box .left{display: flex;align-items: center;width: 60.65%;background-color: rgba(0, 0, 0, 0.5);padding: 100px 200px;}
.main_sct4 .link_box .left .eng{display: block;font-size: 24px;font-weight: 400;color: #fff;}
.main_sct4 .link_box .left h2{font-size: 48px;font-weight: 700;color: #fff;margin-top: 20px;}
.main_sct4 .link_box .left p{font-size: 18px;font-weight: 400;color: #fff;line-height: 1.5;margin-top: 100px;}
.main_sct4 .link_box .right{width: 39.35%;border-left: rgba(255, 255, 255, 0.3) solid 1px;}
.main_sct4 .link_box .right > li{height: 50%;background-color: rgba(0, 0, 0, 0.5);transition: background-color 0.3s, backdrop-filter 0.3s;}
.main_sct4 .link_box .right > li:hover{background-color: transparent;backdrop-filter: blur(5px);}
.main_sct4 .link_box .right > li:nth-child(n + 2){border-top: rgba(255, 255, 255, 0.3) solid 1px;}
.main_sct4 .link_box .right > li a{display: flex;flex-direction: column;justify-content: end; width: 100%;height: 100%;padding: 60px;}
.main_sct4 .link_box .right > li a h3{font-size: 30px;font-weight: 700;color: #fff;}
.main_sct4 .link_box .right > li a p{font-size: 18px;font-weight: 400;color: #D1D1D1;line-height: 1.5;margin-top: 12px;}

@media screen and (max-width:1600px) {
  .main_sct4 .link_box .left{padding: 40px 100px;}
}
@media screen and (max-width:1200px) {
  .main_sct4 .link_box .left .eng{font-size: 20px;}
  .main_sct4 .link_box .left h2{font-size: 36px;}
  .main_sct4 .link_box .left p{font-size: 17px;margin-top: 80px;}  
}
@media screen and (max-width:1024px) {
  .main_sct4{padding: 100px 0;}
  .main_sct4 .link_box{min-height: unset;border-radius: 20px;}
  .main_sct4 .link_box .left{width: 100%;padding: 60px 30px;}
  .main_sct4 .link_box .left p{font-size: 16px;margin-top: 40px;}  
  .main_sct4 .link_box .right{display: flex;flex-wrap: wrap;width: 100%;border-top: rgba(255, 255, 255, 0.3) solid 1px;border-left: unset;}
  .main_sct4 .link_box .right > li{width: 50%;height: auto;}
  .main_sct4 .link_box .right > li:nth-child(n + 2){border-left: rgba(255, 255, 255, 0.3) solid 1px;border-top: unset;}
  .main_sct4 .link_box .right > li a{padding: 40px 30px;}
  .main_sct4 .link_box .right > li a h3{font-size: 24px;}
  .main_sct4 .link_box .right > li a p{font-size: 16px;margin-top: 8px;}
}
@media screen and (max-width:768px) {
  .main_sct4{padding: 80px 0;}
  .main_sct4 .link_box .left .eng{font-size: 18px;}
  .main_sct4 .link_box .left h2{font-size: 30px;}
  .main_sct4 .link_box .left p{font-size: 15px;margin-top: 20px;}  
  .main_sct4 .link_box .right > li a h3{font-size: 20px;}
  .main_sct4 .link_box .right > li a p{font-size: 15px;}
}
@media screen and (max-width:420px) {
  .main_sct4 .link_box .left{padding: 40px 20px;}
  .main_sct4 .link_box .left h2{font-size: 26px;margin-top: 10px;}
  .main_sct4 .link_box .left h2 br{display: none;}
  .main_sct4 .link_box .right > li{width: 100%;}
  .main_sct4 .link_box .right > li:nth-child(n + 2){border-top: rgba(255, 255, 255, 0.3) solid 1px;border-left: unset;}
  .main_sct4 .link_box .right > li a{padding: 30px 20px;}
}





.main_sct5{padding-bottom: 150px;}
.main_sct5 .inner{max-width: 1220px;}
.main_sct5 .knowhow_wrap{position: relative;margin-top: 100px;padding: 0 200px}
.main_sct5 .knowhow_wrap .knowhow_list .swiper-wrapper{align-items: center;}
.main_sct5 .knowhow_wrap .knowhow_list .swiper-slide{transform: scale(0.75);transition: transform 0.3s;border-radius: 20px;background-color: #F6F8FC;}
.main_sct5 .knowhow_wrap .knowhow_list .swiper-slide-active{transform: scale(1);box-shadow: rgba(0, 0, 0, 0.1) 10px 10px 30px 0;}
.main_sct5 .knowhow_wrap .knowhow_list .swiper-slide .img_box{border-radius: 20px;overflow: hidden;}
.main_sct5 .knowhow_wrap .knowhow_list .swiper-slide .txt_box{padding: 30px 40px;display: none;}
.main_sct5 .knowhow_wrap .knowhow_list .swiper-slide-active .txt_box{display: block;}
.main_sct5 .knowhow_wrap .knowhow_list .swiper-slide .txt_box h3{font-size: 24px;font-weight: 700;color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main_sct5 .knowhow_wrap .knowhow_list .swiper-slide:hover .txt_box h3{text-decoration: underline;}
.main_sct5 .knowhow_wrap .knowhow_list .swiper-slide .txt_box p{font-size: 18px;font-weight: 400;color: #000;line-height: 1.5;margin-top: 8px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;text-overflow: ellipsis;}
.main_sct5 .knowhow_wrap .kh_ctrl button{position: absolute;top: 50%;background-color: transparent;border: unset;border-radius: 50%;transform: translateY(-50%);z-index: 22;}
.main_sct5 .knowhow_wrap .kh_ctrl button.kh_prev{left: 0;}
.main_sct5 .knowhow_wrap .kh_ctrl button.kh_next{right: 0;}
.main_sct5 .knowhow_wrap .kh_pagi{display: flex;gap: 10px;justify-content: center;margin-top: 50px;}
.main_sct5 .knowhow_wrap .kh_pagi .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #F7941D;opacity: 0.3;}
.main_sct5 .knowhow_wrap .kh_pagi .swiper-pagination-bullet-active{width: 70px;border-radius: 999px;opacity: 1;}

@media screen and (max-width:1024px) {
  .main_sct5{padding-bottom: 100px;}
  .main_sct5 .knowhow_wrap{margin-top: 80px;padding: 0 100px}
  .main_sct5 .knowhow_wrap .knowhow_list .swiper-slide .txt_box{padding: 20px 30px;}
  .main_sct5 .knowhow_wrap .knowhow_list .swiper-slide .txt_box h3{font-size: 20px;}
  .main_sct5 .knowhow_wrap .knowhow_list .swiper-slide .txt_box p{font-size: 16px;}
}
@media screen and (max-width:768px) {
  .main_sct5{padding-bottom: 80px;}
  .main_sct5 .knowhow_wrap{margin-top: 40px;padding: 0 60px}
  .main_sct5 .knowhow_wrap .knowhow_list .swiper-slide .txt_box{padding: 20px;display: block;}
  .main_sct5 .knowhow_wrap .knowhow_list .swiper-slide .txt_box h3{font-size: 18px;}
  .main_sct5 .knowhow_wrap .knowhow_list .swiper-slide .txt_box p{font-size: 15px;}
  .main_sct5 .knowhow_wrap .knowhow_list .swiper-slide .txt_box p br{display: none;}
  .main_sct5 .knowhow_wrap .kh_ctrl button{width: 50px;}
}
@media screen and (max-width:420px) {
  .main_sct5 .knowhow_wrap{padding: 0}
  .main_sct5 .knowhow_wrap .kh_ctrl button{display: none;}
}





.main_sct6{background-color: #F7941D;}
.main_sct6 .inner{display: flex;flex-wrap: wrap;max-width: unset;padding-left: calc(50vw - 720px);padding-right: calc(50vw - 960px);}
.main_sct6 .left{width: 530px;padding: 150px 0;}
.main_sct6 .right{width: calc(100% - 530px);}

.main_sct6 .left .main_tit_box h2{text-align: left;color: #fff;}
.main_sct6 .left .desc{font-size: 18px;font-weight: 400;color: #fff;line-height: 1.5;margin-top: 20px;}
.main_sct6 .left .main_btn_box a{margin: 0;background-color: #fff;}
.main_sct6 .left .main_btn_box a:hover{background-color: #F7941D;border-color: #fff;}

@media screen and (max-width:1480px) {
  .main_sct6 .inner{padding-left: 20px;}
  .main_sct6 .left{width: 500px;padding: 80px 0;}
  .main_sct6 .right{width: calc(100% - 500px);}  
}
@media screen and (max-width:1220px) {
  .main_sct6 .left{width: 480px;}
  .main_sct6 .right{width: calc(100% - 480px);}  
}
@media screen and (max-width:1200px) {
  .main_sct6 .inner{padding: 0;}
  .main_sct6 .left{width: 100%;padding: 80px 20px;}
  .main_sct6 .right{width: 100%;}  
}
@media screen and (max-width:768px) {
  .main_sct6 .left{padding: 60px 20px;}
  .main_sct6 .left .desc{font-size: 16px;margin-top: 12px;}
}
@media screen and (max-width:400px) {
  .main_sct6 .left .desc br{display: none;}
}





.main_sct7{padding: 40px 20px;}
.main_sct7 .notice_wrap{width: 100%;max-width: 1840px;margin: 0 auto;padding: 150px 0;background-color: #F6F6F6;border-radius: 30px;}
.main_sct7 .notice_wrap .main_notice a{display: flex;align-items: center;flex-wrap: wrap;margin-top: 100px;padding: 60px 0;background-color: #fff;border-radius: 30px;box-shadow: rgba(0, 0, 0, 0.1) 10px 10px 30px 0;}
.main_sct7 .notice_wrap .main_notice a .date{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 220px;padding: 40px 0;border-right: #D1D1D1 solid 1px;}
.main_sct7 .notice_wrap .main_notice a .date .day{font-size: 48px;font-weight: 700;color: #000;}
.main_sct7 .notice_wrap .main_notice a .date .year_month{font-size: 18px;font-weight: 400;color: #000;line-height: 1.5;}
.main_sct7 .notice_wrap .main_notice a .detail{width: calc(100% - 220px);padding: 40px 80px;}
.main_sct7 .notice_wrap .main_notice a .detail h3{font-size: 24px;font-weight: 700;color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main_sct7 .notice_wrap .main_notice a .detail p{font-size: 18px;font-weight: 400;color: #000;line-height: 1.5;margin-top: 8px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.main_sct7 .notice_wrap .main_notice a:hover .detail h3,
.main_sct7 .notice_wrap .main_notice a:hover .detail p{text-decoration: underline;}

@media screen and (max-width:1024px) {
  .main_sct7 .notice_wrap{padding: 80px 0;border-radius: 20px;}
  .main_sct7 .notice_wrap .main_notice a{margin-top: 60px;padding: 40px 0;border-radius: 20px;box-shadow: rgba(0, 0, 0, 0.1) 10px 10px 20px 0;}
  .main_sct7 .notice_wrap .main_notice a .date{width: 160px;padding: 30px 0;}
  .main_sct7 .notice_wrap .main_notice a .date .day{font-size: 32px;}
  .main_sct7 .notice_wrap .main_notice a .date .year_month{font-size: 16px;}
  .main_sct7 .notice_wrap .main_notice a .detail{width: calc(100% - 160px);padding: 30px 50px;}
  .main_sct7 .notice_wrap .main_notice a .detail h3{font-size: 20px;}
  .main_sct7 .notice_wrap .main_notice a .detail p{font-size: 16px;}
}
@media screen and (max-width:768px) {
  .main_sct7 .notice_wrap .main_notice a{margin-top: 40px;padding: 0 30px;}
  .main_sct7 .notice_wrap .main_notice a .date{width: 100%;align-items: start;padding: 15px 0;;border-right: unset;}
  .main_sct7 .notice_wrap .main_notice a .date .day{font-size: 24px;}
  .main_sct7 .notice_wrap .main_notice a .date .year_month{font-size: 15px;}
  .main_sct7 .notice_wrap .main_notice a .detail{width: 100%;padding: 20px 0;border-top: #D1D1D1 solid 1px;}
  .main_sct7 .notice_wrap .main_notice a .detail h3{font-size: 20px;}
  .main_sct7 .notice_wrap .main_notice a .detail p{font-size: 16px;-webkit-line-clamp: 3;}
}