@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,700;1,700&display=swap');

/* // <uniquifier>: Use a unique and descriptive class name */

*{
    transition-duration: 0.8s;
}
body{
margin: 0;
padding: 0;
min-height:100%;
}

#fp-nav.fp-left{left:3%;}
#fp-nav ul li, .fp-slidesNav ul li{width:25px;height:25px;margin:0;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{background:#fff;width:5px;height:5px;margin:0;}
#fp-nav ul li a.active::after{content:"";width:25px;height:25px;border-radius:50%;border:1px solid #fff;position:absolute;left:2.5px;top:2.5px;}
#fp-nav.on ul li a.active::after{border:1px solid #666;}
#fp-nav.on ul li a span, .fp-slidesNav ul li a span{background:#666;}
#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span {
    height: 5px;
    width: 5px;
    margin:0;
    border-radius: 100%;
}
#fp-nav ul li:hover a.active span,.fp-slidesNav ul li:hover a.active span{display:none;}
#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span {height: 5px;width: 5px;margin:0;border-radius: 100%;}
#fp-nav ul li:first-child a.active span::after{content:"Intro";position:absolute;left:25px;top:-8px;font-size:15px;font-weight:400;font-family: "Pretendard", sans-serif;color:#fff;}
#fp-nav ul li:nth-child(2) a.active span::after{content:"About";position:absolute;left:25px;top:-8px;color:#666;}
#fp-nav ul li:nth-child(3) a.active span::after{content:"Business";position:absolute;left:25px;top:-8px;color:#666;}
#fp-nav ul li:nth-child(4) a.active span::after{content:"Business";position:absolute;left:25px;top:-8px;color:#666;}
#fp-nav ul li:nth-child(5) a.active span::after{content:"Business";position:absolute;left:25px;top:-8px;color:#666;}
#fp-nav ul li:nth-child(6) a.active span::after{content:"Partners";position:absolute;left:25px;top:-8px;color:#666;}
#fp-nav ul li:nth-child(7) a.active span::after{content:"Notice";position:absolute;left:25px;top:-8px;color:#666;}

.fp-is-overflow .fp-overflow.fp-auto-height,.fp-is-overflow .fp-overflow.fp-auto-height-responsive,.fp-is-overflow>.fp-overflow {
    overflow-y: hidden;
}

@media (max-width:1250px) {
    .fp-is-overflow .fp-overflow.fp-auto-height,.fp-is-overflow .fp-overflow.fp-auto-height-responsive,.fp-is-overflow>.fp-overflow {
        overflow-y: visible;
        max-height:100%;
    }
}

@media (max-width:1700px) {
    #fp-nav.fp-left{left:1%;}
}

.section{width: 100%;height: 100%;}


.section_inner{max-width:1400px;margin:0 auto;padding-top:105px;}
.eng{font-family: "Montserrat", sans-serif;}
.fp-warning, .fp-watermark{z-index:1;display:none !important;}

@media (max-width:1600px) {
    .section_inner{max-width:100%;padding-left:110px;padding-right:110px;}
}

@media (max-width:1250px) {
    .section_inner{max-width:100%;padding-left:5%;padding-right:5%;padding-top:100px;padding-bottom:100px;}
}

@media (max-width:800px) {
    .section_inner{padding-top:70px;padding-bottom:70px;}
}


/* section01 */
.section01{background-image:url(/images/content/main/main_visual01.jpg);position:relative;background-size:cover;}
.main-tit-area{padding-top:43%;transform:translateY(-50%);}
.main-tit-area .tit-font.eng {    
    font-weight: 700;
    font-style: normal;
    font-size: 65px;
    color:#fff;
    line-height: normal;
}
.main-tit-area p.sub-txt{font-size:23px;font-weight:500;line-height:normal;color:#fff;margin-top:30px;}
.main-tit-area p.sub-txt span.bold{font-weight:700;}
.mouse_scroll { position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); } 
.mouse { display: block; width: 31px; height: 46px; border: 2px solid #ffffff; border-radius: 31px; } 
.mouse::after { content:''; display: block; position: relative; width: 2px; height: 7px; margin: 5px auto; background: #ffffff; animation: mouse-pulse 1.2s ease infinite; } 
.dowm_arrow {margin-top: 12px;}
.dowm_arrow span { display: block; position: relative; left: 50%; width: 8px; height: 8px; margin-bottom: 1px; margin-left: -1px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg) translateX(-50%); animation: fade-arrow 1s infinite; } 
.dowm_arrow2:nth-of-type(2) { animation-delay: .2s; animation-direction: alternate; } 
@keyframes mouse-pulse { 
    0% { opacity: 1; transform: translateY(0); } 
    100% { opacity: 0; transform: translateY(6px); } 
}

@keyframes fade-arrow { 
    0% { opacity: 0; } 
    100% { opacity: 1; } 
}

@media (max-width:1550px) {
    .main-tit-area{padding-top:50%;}
}

@media (max-width:1250px) {
    .mouse_scroll{bottom:100px;}
}

@media (max-width:850px) {
    .main-tit-area{padding-top:0;margin-top:270px;}
    
}

@media (max-width:640px) {
    .main-tit-area .tit-font.eng{font-size:55px;}
    .main-tit-area p.sub-txt{font-size:20px;line-height:1.3;}
    
}

/* section02 */
.section02{background:#EFF2F5;}
.tit-area{text-align:center;position:relative;}
.tit-area .sub-tit{font-size: 30px; font-style: normal; font-weight: 700; line-height: 130%; color:#000;}
.tit-area .sub-tit .point{font-size:50px;font-weight:700;color:#50C1BF;}
.tit-area .main-tit{margin-top:30px;color: #000; text-align: center; font-size: 63px; font-style: normal; font-weight: 800; line-height: normal;}
.more_btn{position:relative;}
.more_btn a{display:inline-block;font-size:20px;font-style:normal;font-weight:600;line-height:160%;padding-right:23px;background:url(/images/content/main/more_icon.png) center right no-repeat;}
/*.more_btn a::after{content:"";position:absolute;top:50%;right:-23px;transform:translateY(-50%);width:16px;height:16px;border-radius:100%;background-image:url(/images/content/main/more_icon.png);}*/
.section02 .more_btn{position:absolute;right:23px;bottom:0;}
.about-list{margin-top:80px;display:flex;align-items:flex-start;gap:70px;}
.about-item{display:block;width:420px;height:420px;background:#fff;border-radius:0 13% 0 0;border:1px solid #E0E0E0;filter:drop-shadow(4px 4px 15px rgba(0, 0, 0, 0.10));;}
.about-item:hover{transform:translateY(-30px);}
.about-item .item-inner{padding:35px 33px;width:100%;height:100%;position:relative;background:url(/images/content/main/about_item_img01.png) bottom 6% right 11% no-repeat;}
.about-item:nth-child(2) .item-inner{background:url(/images/content/main/about_item_img02.png) bottom 6% right 11% no-repeat;}
.about-item:nth-child(3) .item-inner{background:url(/images/content/main/about_item_img03.png) bottom 14% right 11% no-repeat;}
.about-item .about-txt{color: #555; font-size: 23px; font-style: normal; font-weight: 500; line-height: 160%; letter-spacing: -1.5px;}
.about-item .about-txt .blue{color: #009FDF; font-weight: 700;}
.about-item .about-txt .purple{color: #836EE9; font-weight: 700;}
.about-item .about-tit{position:absolute;bottom:35px;left:33px;color: #009FDF; font-size: 32px; font-style: normal; font-weight: 900; line-height: 160%; letter-spacing: -0.64px;}
.about-item .about-tit.purple{color:#836EE9;}

@media (max-width:1600px) {
    .tit-area .sub-tit{font-size:27px;line-height:110%;}
    .tit-area .sub-tit .point{font-size:47px}
    .tit-area .main-tit{font-size:58px;margin-top:25px;line-height:110%;}
    .about-item .item-inner{background-size:43%;}
    .about-item:nth-child(2) .item-inner{background-size:43%;}
    .about-item:nth-child(3) .item-inner{background-size:43%;}
    .about-item .about-txt{font-size:21px;word-break: keep-all;}
    .about-item .about-tit{font-size:29px;}
}

@media (max-width:1250px) {
    .tit-area .sub-tit{font-size:25px;line-height:1.3;}
    .tit-area .sub-tit .point{font-size:42px}
    .tit-area .main-tit{font-size:50px;word-break:keep-all;line-height:1.3;}
}

@media (max-width:1150px) {
    .tit-area .sub-tit{font-size:25px;line-height:105%}
    .tit-area .main-tit{font-size:54px;line-height:105%;}
    .more_btn a{font-size:18px;}
    .about-item .item-inner{background-size:38%;padding:20px 15px;}
    
    
}

@media (max-width:980px) {
    .about-list{flex-direction:column;justify-content:center;align-items:center;gap:50px;margin-top:50px;}
    .section02 .more_btn{position:relative;right:0;margin-top:35px;}
}

@media (max-width:800px) {
    .tit-area .sub-tit{font-size:22px;word-break: keep-all;}
    .tit-area .main-tit{font-size:45px;}
}

@media (max-width:600px) {
    .about-item{width:100%;}
    .tit-area .sub-tit{font-size:20px;}
    .tit-area .main-tit{font-size:38px;line-height:1.3;}
    .section02 .more_btn{margin-top:25px;}
}

/* section03 */
.section03{background:url(/images/content/main/section03_bg.jpg) no-repeat;}
.section03 .section_inner{padding-left:120px;padding-right:120px;}
.solution-list{display:flex;align-items:center;justify-content:center;margin-top:70px;gap:50px;}
.solution-item{width:250px;height:330px;border-radius: 0px 50px 0px 0px; box-shadow: 15px 15px 25px 0px rgba(0, 0, 0, 0.15);background:url(/images/content/main/solution_item_img01.jpg) center center no-repeat;background-size:cover;display:flex;flex-direction:column;justify-content: flex-end;align-items:center;padding:30px 10px;}
.solution-item:hover{transform:translateY(-30px);}
.solution-item:nth-child(2){background:url(/images/content/main/solution_item_img02.jpg) center center no-repeat;background-size:cover;}
.solution-item:nth-child(3){background:url(/images/content/main/solution_item_img03.jpg) center center no-repeat;background-size:cover;}
.solution-item:nth-child(4){background:url(/images/content/main/solution_item_img04.jpg) center center no-repeat;margin-right:0;background-size:cover;}
.solution-item p{color: #FFF; text-align: center; font-size: 18px; font-style: normal; font-weight: 700; line-height: 130%;}
.section03 .more_btn{text-align:center;margin-top:63px;}

@media (max-width:1400px) {
    .section03 .section_inner{padding-left:140px;padding-right:140px;}
}

@media (max-width:1240px) {
    .solution-list{flex-wrap:wrap;}
}

@media (max-width:800px) {
    .section03 .section_inner{padding-left:50px;padding-right:50px;}
    .solution-list{gap:40px;}
}



/* section04 */
.section04{background:url(/images/content/main/section04_bg.jpg) no-repeat;}
.section04 .tit-area .sub-tit{color:#333;}
.section04 .tit-area .sub-tit{color:#333;}
.youtube-area{width:908px;height:500px;margin:40px auto 0 auto;background-color:#000;}

@media (max-width:1350px) {
    .youtube-area{width:850px;height:450px;}
}

@media (max-width:1000px) {
    .youtube-area{width:100%;}
}

@media (max-width:500px) {
    .youtube-area{height:500px;}
}

/* section05 */
.section05{background-color:#EFF2F5;}
.section05 .section_cts{display:flex;justify-content: space-between;padding-top:50%;transform:translateY(-50%);}
.section05 .left_area{width:35%;}
.section05 .right_area{width:calc(100% - 35%);}
.section05 .tit-area{text-align:left;}
.section05 .tit-area .sub-tit{color:#333;word-break: keep-all;}
.section05 .tit-area .main-tit{color:#333;text-align:left;margin-top:37px;word-break: keep-all;line-height:1.2;}
.section05 .tit-area .more_btn{margin-top:57px;margin-left:2px;}


@media (max-width:1600px) {
    .section05 .section_inner{padding-left:135px;padding-right:135px;}
}

@media (max-width:1450px) {
    .section05 .left_area{width:30%;}
    .section05 .right_area{width:calc(100% - 30%);}
    
}

@media (max-width:1250px) {
    .section05 .section_cts{flex-direction:column;padding-top:0;transform:translateY(0);gap:50px;}
    .section05 .left_area{width:100%;}
    .section05 .right_area{width:100% !important;}
    .section05 .tit-area .more_btn{margin-top:30px;}
    
}

@media (max-width:800px) {
    .section05{min-height: 100% !important;}
    .section05 .main-tit br{display:none;}
    .section05 .section_inner{padding-left:70px;padding-right:70px;}
}

@media (max-width:680px) {
    .section05 .section_inner{padding-left:40px;padding-right:40px;}
}


/* section06 */
.section06{background-color:#F9F9F9;}
.partner-list { display: grid; grid-template-columns: repeat(5, 1fr); gap: 25px 45px; margin-top: 55px; }
.partner-list-item img{width:90%;}

@media (max-width:1600px) {
    .section06 .section_inner{padding-left:135px;padding-right:135px;}
}

@media (max-width:1200px) {
    .section06 .section_inner{padding-left:70px;padding-right:70px;}
    .partner-list { grid-template-columns: repeat(4, 1fr); gap: 20px 30px;}
}

@media (max-width:800px) {
    .partner-list { grid-template-columns: repeat(3, 1fr); gap: 20px 30px;}
}

@media (max-width:600px) {
	.section06 .section_inner{padding-left:40px;padding-right:40px;}
    .partner-list { grid-template-columns: repeat(2, 1fr); gap: 20px 30px;}
}


/* section07 */
.section07 .tit-area{display:flex;align-items:flex-start;text-align:left;flex-direction:column;}
.section07 .tit-area .more_btn{position:absolute;right:0;bottom:0;}
.notice-area{margin-top:40px;}
.notice-item{display:flex;align-items:center;padding:30px 7px;width:100%;border-bottom:1px solid #ccc;}
.notice-item:hover{background: #38ACFF20;}
.notice-item .notice-date{display:inline-block;color: #007DD8;font-family: Montserrat;font-size: 24px;font-style: normal;font-weight: 500;line-height: 160%;flex-basis:25%;}
.notice-item .notice-tit{color: #333;font-family: Montserrat;font-size: 20px;font-style: normal;font-weight: 500;line-height: 160%;flex-basis: calc(100% - 25% - 24px);width:100%;}
.notice-item .notice_more{display:inline-block;width:24px;height:24px;background:url(/images/content/main/notice_more_icon.png) no-repeat;margin-left:auto;}

@media (max-width:1600px) {
    .section07 .section_inner{padding-left:135px;padding-right:135px;}
}

@media (max-width:1200px) {
    .section07 .section_inner{padding-left:70px;padding-right:70px;}
}

@media (max-width:850px) {
    .section07 .tit-area .more_btn{position:relative;right:auto;margin-top:35px;}
    .notice-item{flex-direction:column;gap:30px;padding:20px 5px;}
    .notice-item .notice_more{margin-left:0;}
    
}

@media (max-width:680px) {
	.section07 .section_inner{padding-left:40px;padding-right:40px;}
    .notice-item{gap:20px;}
    .notice-item .notice-date{font-size:20px;}
    .notice-item .notice-tit{font-size:18px;}
}

/* 문의하기 버튼 */
.inquiry_btn{display:none;}
.inquiry_btn.on{background-color:#005198;width:110px;height:110px;border-radius:100%;text-align: center;position:fixed;right:110px;bottom:60px;z-index:900;box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.05);display:block;}
.inquiry_btn.on a{display:inline-block;width:100%;height:100%;color:#fff;position: relative;padding-top:25%;}
.inquiry_btn.on a span{display:inline-block;color: #FFF;text-align: center;font-family: Pretendard;font-size: 18px;font-style: normal;font-weight: 700;line-height: 130%;}

@media (max-width:1650px) {
    .inquiry_btn.on{right:1%;}
}


@media (max-width:680px) {
    .inquiry_btn.on{display:none;}
}