@charset "UTF-8";
/* 스와이퍼 */
.swiper { width: 100%; height: 100vh; }
.wrap { position: relative; display: block; width: 100%; height: 100%; }

/* 스외이퍼 불렛 */
.swiper > .swiper-pagination { position: fixed; right: 98%; }
.swiper > .swiper-pagination .swiper-pagination-bullet { position: relative; background-color: #fff; opacity: 1; margin-bottom: 15px !important; }
.swiper > .swiper-pagination .swiper-pagination-bullet-active { background-color: #009300 !important; }
.swiper > .swiper-pagination .swiper-pagination-bullet-active:after { content: ""; width: 20px; height: 20px; position: absolute; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid #009300; }
/* 1번 섹션 */
section { width: 100%; height: 100vh; display: block; position: relative; }
.sec01-slide { position: relative; display: block; width: 100%; height: 100%; background-size: cover;background-position: center; background-repeat: no-repeat;}
.sec01-bullet { position: absolute; bottom: 100px !important; left: 80% !important; z-index: 999; }

.sec01-bullet > .swiper-pagination-bullet { width: 15px; height: 15px; background: transparent; border: 1px solid #fff; opacity: 1; }
.sec01-bullet > .swiper-pagination-bullet-active { width: 50px; transition: width 0.5s; border-radius: 5px; background: #fff; border: 1px solid transparent; }
.sec01-text { position: absolute; top: 290px; left: 260px; word-break: keep-all; }
.sec01-text-title { font-family: "KHNPHD"; font-size: 72px; line-height: 78px; color: #fff; text-shadow: 0px 0px 15px #00000029; margin-bottom: 36px; }
.sec01-text-detail { font-family: "KHNPHD"; font-size: 39px; line-height: 42px; color: #fff; text-shadow: 0px 0px 15px #00000029; }
.sec01-scroll { animation-name:scroll; animation-duration: 2s; animation-iteration-count: infinite; bottom: 30px; left: 50%; transform: translateX(-50%); position: absolute; display: flex; gap: 10px; flex-direction: column; align-items: center; justify-content: start; z-index: 99; }
  @keyframes scroll {
  0%{ bottom: 30px; }
  50%{bottom: 15px;}
  100%{ bottom: 30px;}
}

.sec01-play {  position: absolute;  bottom: 100px;  left: calc(80% - 20px);  z-index: 9;  width: 14px;  height: 17px;  cursor: pointer;  background: url('../fnc_images/main/main_slide_icon1.png') no-repeat;}
.sec01-play.active {  background: url('../fnc_images/main/main_slide_icon2.png') no-repeat;}

.sec01-new-link{position:fixed; bottom:70px;left:70px;display:flex;flex-direction:column;width:250px;gap:20px;z-index:9;}
.sec01-new-link2{left:350px;}
.sec01-new-link > a {    display: flex;
gap:10px;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #fff;
    height: 50px;
    border-radius: 30px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
	}
.sec01-new-link2 > a { justify-content: space-between;padding-left:20px;}
.sec01-new-link > a:hover{background:#009300;color:#fff;}
.sec01-new-link > a > img{width:33px;}
.sec01-new-link2 > a > img{width:55px;}
/* 2번 섹션 */

.sec02br-1440 { display: none; }
.sec02-wrap { position: relative; display: block; width: 100%; height: 100%; background: url("/fnc_images/main/bg_2.jpg") no-repeat center; background-size: cover; }
.sec02-wrap ul { width: calc(100% - 160px); margin: 0 auto; height: 100%; display: flex; align-items: center; justify-content: center; }
.sec02-wrap ul li {position: relative; width: 20%; height: 100%; display: flex; align-items: center; justify-content: center;flex-direction:column; transition: all 0.3s; border-right: 1px solid rgba(255, 255, 255, 0.15); }
.sec02-wrap ul li:first-child { border-left: 1px solid rgba(255, 255, 255, 0.15); }
.sec02-wrap ul li:hover::before {  top: 0px;left: 0px; right: 0px; bottom: 0px;opacity: 0.8; content: "";position: absolute; background: url("/fnc_images/main/bg_3.jpg") no-repeat; background-size: cover; }
.sec02-wrap ul li > a { z-index:9;display: flex; width: 100%; flex-direction: column; align-items: center; justify-content: center; color: #fff; }
.sec02-wrap ul li img { margin-bottom: 30px; height: 80px; width: auto; }
.sec02-wrap ul li h2 { margin-bottom: 70px; font-size: 25px; line-height: 37px; font-weight: bold; margin-bottom: 30px; text-align: center; }
.sec02-wrap ul li p { word-break: keep-all; font-size: 16px; text-align: center; line-height: 24px; margin-bottom: 30px; height: 0; overflow: hidden; transition: all 0.3s; }
.sec02-wrap ul li:hover p { height: 140px; }
.sec02-wrap ul li button { width: 150px; height: 50px; border: 1px solid #fff; display: flex; align-items: center; justify-content: center; font-size: 14px; background-color: transparent; line-height: 20px; color: #fff; transition: all 0.3s; cursor: pointer; }
.sec02-wrap ul li:hover button { background-color: #fff; color: #006966; border-radius: 24px; }

.sec02-wrap .direct-bbs{}
/* 3번섹션 */
.sec03-wrap { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.sec03-box { padding-top: 100px; width: 1400px; height: 600px; display: flex; align-items: center; justify-content: center; }
.sec03-left { width: 300px; height: 100%; }
.sec03-left h1 { font-family: "S-CoreDream", sans-serif; font-size: 40px; line-height: 56px; margin-bottom: 15px; font-weight: bold; }
.sec03-left p { font-size: 16px; line-height: 24px; width: 100%; height: 73px; margin-bottom: 40px; }
.sec03-left button {transition: all 0.3s; width: 150px; height: 50px; background-color: #000; color: #fff; border: none; }
.sec03-left button:hover { border-radius: 24px; background-color: #009300; }
.sec03-left button a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.sec03-right { width: 1100px; height: 100%; padding-left: 50px; }
.sec03-right ul { width: 100%; height: 100%; border-top: 1px solid #000; }
.sec03-right ul li { width: 100%; height: 20%; border-bottom: 1px solid #c4c4c4; }
.sec03-right ul li a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: start; }
.sec03-right .datebox { display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: #ececec; width: 80px; height: 80px; margin-right: 28px; border-radius: 5px; }
.sec03-right .datebox p:first-child { text-align: center; font-size: 23px; line-height: 34px; }
.sec03-right .datebox p:last-child { text-align: center; font-size: 16px; line-height: 24px; }
.sec03-right ul > li > a > p { font-size: 20px; line-height: 29px; font-weight: bold; word-break: keep-all; }
.sec03-right ul > li:hover > a > p { text-decoration: underline; }

/* 4번섹션 */
.sec04-wrap { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.sec04-box { position: relative; width: 1400px; height: 600px; }
.sec04-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; }
.sec04-title h1 { font-family: "S-CoreDream", sans-serif; font-size: 40px; line-height: 56px; font-weight: bold; }
.sec04-title button {transition: all 0.3s; width: 150px; height: 50px; background-color: #000; color: #fff; border: none; }
.sec04-title button:hover { border-radius: 24px; background-color: #009300; }
.sec04-title button a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.sec04-slide { width: 100%; position: relative; display: block; overflow: hidden; }
.sec04-slide-list { display: flex; justify-content: space-between; }
.sec04-slide-list li { position: relative;  }
.sec04-slide-list li div{width:100%;height:350px; margin-bottom: 20px; display: flex; align-items: center; justify-content: center;}
.sec04-slide-list li img { max-width: 100%; max-height: 100%; }
.sec04-slide-list li p { font-size: 16px; line-height: 24px; margin-bottom: 12px; }
.sec04-slide-list li h3 { font-size: 20px; line-height: 29px; font-weight: bold; }
.sec04-slide-list li:hover h3 { text-decoration: underline; }
.sec04-slide-leftbtn { position: absolute; top: 50%; left: -30px; width: 15px; height: 30px; cursor: pointer; }
.sec04-slide-leftbtn img { width: 100%; height: 100%; }
.sec04-slide-rightbtn { position: absolute; top: 50%; right: -30px; width: 15px; height: 30px; cursor: pointer; }
.sec04-slide-rightbtn img { width: 100%; height: 100%; }
/* 5번섹션 */

.sec05-wrap { width: 100%; height: calc(100% - 190px); display: flex; align-items: center; justify-content: center; background-color: #fbfbfb; }
.sec05-box { width: 1400px; height: auto; padding-top: 50px; }
.sec05-box h1 { font-family: "S-CoreDream", sans-serif; font-size: 40px; line-height: 56px; font-weight: bold; margin-bottom: 30px; text-align: center; }
.sec05-box .partners-img { width: 100%; display: grid; grid-template-columns:1fr 1fr 1fr 1fr;  }
.sec05-box .partners-img > a {display:block;}
.sec05-box .partners-img img { max-width: 100%; max-height:100%;}

@media (max-width: 1440px){
 .sec01-text { top: 250px; left: 150px; }
 .sec01-text-title { font-size: 60px; }
 .sec01-text-detail { font-size: 30px; }
 .sec02br-1440 { display: block; }
 .sec02-wrap ul li h2 { height: 80px; display: flex; align-items: center; justify-content: center; }
 .sec02-wrap ul li button { width: 120px; }
 .sec03-box { width: 100%; flex-direction: column; position: relative; margin: 0 100px; }
 .sec03-left { display: flex; align-items: center; width: 100%; height: auto; }
 .sec03-left h1 { margin: 0; }
 .sec03-left p { display: flex; align-items: center; justify-content: start; margin: 0; width: auto; padding-top: 15px; padding-left: 30px; }
 .sec03-left button { position: absolute; right: 0; }
 .sec03-right { padding: 0; width: 100%; }
 .sec03-right .datebox { width: 60px; min-width: 60px; height: 60px; min-height: 60px; }
 .sec03-right .datebox p:first-child { font-size: 20px; line-height: 30px; }
 .sec03-right .datebox p:last-child { font-size: 14px; line-height: 20px; }
 .sec04-box { width: 100%; padding: 0 100px; }
 .sec04-slide-leftbtn { left: 60px; }
 .sec04-slide-rightbtn { right: 60px; }
 }
@media (max-width: 1023px){
 .sec01-text { top: 200px; left: 100px; }
 .sec02-wrap ul { flex-direction: column; justify-content: end; padding-top: 80px; height: 100%; border-left: 1px solid rgba(255, 255, 255, 0.15); border-right: 1px solid rgba(255, 255, 255, 0.15); }
 .sec02-wrap ul li { padding: 0 20px; width: 100%; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
 .sec02-wrap ul li:first-child { border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
 .sec02-wrap ul li:hover { background: none; }
 .sec02-wrap ul li a { width: 100%; flex-direction: row; justify-content: space-between; }
 .sec02-wrap ul li img { width: 80px; height: auto; margin: 0; }
 .sec02-wrap ul li h2 { margin: 0; width: 150px; font-size: 20px; }
 .sec02-wrap ul li p { width: 210px; height: 100%; margin: 0; }
 .sec02-wrap ul li:hover p { height: 100%; }
 .sec02-wrap ul li button { width: 100px; }
 .sec03-box { margin: 0 50px; }
 .sec03-right ul > li > a > p { font-size: 18px; line-height: 24px; font-weight: 500; }
 .sec04-box { padding: 0 50px; }
 .sec04-slide-leftbtn { display: none; }
 .sec04-slide-rightbtn { display: none; }
 .sec04-slide-list li img { width: 100%;}

 .sec01-new-link{bottom:40px;left:40px;}
   .sec01-new-link2{left:300px;}
 }
@media (max-width: 768px){

 .sec01-new-link{bottom:20px;left:20px;width:220px;}
  .sec01-new-link > a {word-break:keep-all;font-size:14px;line-height:20px;}
  .sec01-new-link2{display:none;}
 .swiper .swiper-pagination { right: 95%; }
 .sec01-text { top: 200px; left: 50px; }
 .sec02br-1440 { display: none; }
 .sec02-wrap ul { width: 100%; border-left: none; border-right: none; }
 .sec02-wrap ul li { padding: 0 50px; }
 .sec02-wrap ul li h2 { width: auto; }
 .sec02-wrap ul li p { display: none; }
 .sec03-wrap {align-items:normal;}
 .sec03-box { padding-top:140px; }
 .sec03-left { margin-bottom: 20px; }
 .sec03-left button { width: 100px; height: 45px; font-size: 14px; }
 .sec03-left p { display: none; }
 .sec03-right .datebox { margin-right: 15px; }
 .sec04-box { padding:90px 30px 0; }
 .sec04-title button { width: 100px; height: 45px; font-size: 14px; }
 .sec05-wrap { height: calc(100% - 300px); }
 }
@media (max-width: 550px){
 .sec01-text { top: 150px; left: 40px; }
 .sec01-text-title { font-size: 40px; line-height:56px;}
 .sec01-text-detail { font-size: 20px; line-height:30px;}
 .sec02-wrap ul li { padding: 0 20px; }
 .sec02-wrap ul li img { width: 50px; height: auto; }
 .sec02-wrap ul li button { height: 40px; font-size: 12px; width: 90px; }
 .sec02br-1440.active { display: block; }
 .sec03-right ul > li > a > p { font-size: 16px; word-break: normal; }
 .sec05-box{padding-top:100px;}
 .sec05-box h1 {margin-bottom:10px;font-size:24px;line-height:32px;}
 .sec04-title h1{font-size:24px;line-height:32px;}
 .sec03-left h1{font-size:24px;line-height:32px;}
 .sec01-bullet { bottom: 150px !important; left: 70% !important; }
 .sec01-play{bottom: 150px; left:calc(70% - 20px);}
 .sec04-wrap{align-items: start;}
 .sec04-slide-list li div{height:200px;}
 }