@charset "utf-8";
@font-face {
    font-family: 'Yeongwol';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2507-2@1.0/YeongwolTTF-Regular.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}

/* =========================== MAIN */
#mainVisual{position:relative;width:100%;height:100vh}
#mainVisual h1{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:338px;font-weight:400;font-family:var(--main-font);/*color:#fff*/}
#mainVisual .scroll_container{overflow:hidden;position:absolute;bottom:5%;left:50%;transform:translateX(-50%);text-align:center;width:125px;height:25px;line-height:25px;font-size:14px;font-weight:500;font-family:var(--sub-font);color:#fff;cursor:pointer}
#mainVisual .scroll_down{transform:translateY(0%);transition:all .3s}
#mainVisual .scroll_down:after{content:attr(data);position:absolute;bottom:-100%;left:50%;transform:translateX(-50%);width:100%}
#mainVisual .sns_wrap{display:flex;align-items:center;position:absolute;top:50%;right:5%;transform:translateY(-50%);font-size:14px;font-weight:500;font-family:var(--sub-font);color:#fff}
#mainVisual .sns_wrap .sns{overflow:hidden;position:relative;text-align:center;width:60px;height:25px;line-height:25px}
#mainVisual .sns_wrap .sns div{transform:translateY(0%);transition:all .3s}
#mainVisual .sns_wrap .sns div:after{content:attr(data);position:absolute;bottom:-100%;left:50%;transform:translateX(-50%);width:100%}
#mainVisual .sns_wrap span{overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center;margin-left:15px;width:38px;height:38px;border:1px solid rgb(255, 255, 255, 0.2);border-radius:50%;cursor:pointer}
#mainVisual .sns_wrap span:after{content:"";position:absolute;z-index:-1;bottom:0%;left:0%;width:100%;height:0%;background-color:#fff;transition:all .3s}
#mainVisual .sns_wrap svg{width:10px;height:10px;fill:#fff}

.video-text{overflow:hidden;position:relative;}
.video-text span{display:block;overflow:hidden;padding:5rem 0;line-height:1;mix-blend-mode:lighten;color:#fff;}
.video-text .video_bg{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1;width:100%;height:100vh;opacity: 0.2;}
.video-text .video_bg video{width:100%;height:100%;object-fit: cover;}

/* 반응형 [s] */
@media (hover:hover){
#mainVisual .scroll_container:hover .scroll_down{transform:translateY(-100%)}
#mainVisual .sns_wrap:hover .sns div{transform:translateY(-100%)}
#mainVisual .sns_wrap:hover span svg{fill:#000;stroke-width:0px}
#mainVisual .sns_wrap:hover span:after{height:100%}
}
@media (max-width:1380px){
#mainVisual h1{font-size:260px}
#mainVisual .sns_wrap{right:2.5%}
#mainVisual .scroll_container{bottom:2.5%}
}
@media (max-width:1024px){
#mainVisual h1{font-size:200px}
#mainVisual .sns_wrap span{margin-left:12px;width:35px;height:35px}
#mainVisual .sns_wrap svg{width:9px;height:9px}
}
@media (max-width:768px){
#mainVisual h1{font-size:180px}
#mainVisual .sns_wrap{top:unset;bottom:2%;transform:none}
}
@media (max-width:480px){
#mainVisual h1{font-size:130px}
#mainVisual .sns_wrap span{margin-left:10px;width:32px;height:32px}
#mainVisual .sns_wrap svg{width:8px;height:8px}
#mainVisual .sns_wrap{bottom:2.2%}
}
@media (max-width:380px){
#mainVisual h1{font-size:110px}
#mainVisual .scroll_container{font-size:13px}
#mainVisual .sns_wrap{font-size:13px}
#mainVisual .sns_wrap span{margin-left:6px;width:30px;height:30px}
#mainVisual .sns_wrap svg{width:7px;height:7px}
}
/* 반응형 [e] */

/* =========================== atc01 */

#inc01 {background:url("../../images/fs/main/bg_logo.png") no-repeat right bottom #fff;padding-bottom:140px;}
#inc01 .gsap_cont{opacity:0;position:relative;margin:auto;width:90%}
#inc01 .gsap_cont .pin-spacer{margin-top:60px !important}
#inc01 .gsap_cont ul{overflow:hidden}
#inc01 .gsap_cont ul li{position:relative}
#inc01 .gsap_cont ul li.last{margin-top:60px}
#inc01 .gsap_cont ul li img{width:100%;height:900px;border-radius:20px;object-fit:cover;transition:all .3s}
#inc01 .gsap_cont ul li .tit{display:flex;flex-direction:column;align-items:start;position:absolute;bottom:5%;left:50%;transform:translateX(-50%)}
#inc01 .gsap_cont ul li .tit h2{font-size:200px;font-weight:400;font-family:var(--main-font);line-height:190px;color:#fff}
#inc01 .gsap_cont ul li .tit div{padding-left:6px;font-size:15px;font-weight:600;font-family:var(--sub-font);color:#fff}
#inc01 .gsap_cont .txt{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-top:100px}
#inc01 .gsap_cont .txt > div{font-size:18px;font-weight:400;font-family:var(--sub-font);color:rgb(0, 0, 0,0.2);background:linear-gradient(to right, #000, #000) no-repeat;-webkit-background-clip:text;background-clip:text;background-size:0%;word-break:keep-all}
#inc01 .gsap_cont .txt > div.d3{font-family: 'Yeongwol';position:relative;padding-top:70px;font-size:84px;background:linear-gradient(to right, #0b429c, #3366cc) no-repeat;-webkit-background-clip:text;background-clip:text;background-size:0%;word-break:keep-all}
#inc01 .gsap_cont .txt > div.d3:before{content:"";display: block;margin:0 auto 50px auto;width: 1px;height: 50px;background: #000;}
#inc01 .gsap_cont .txt > div.d4{padding-top:10px;padding-bottom:10px;font-size:20px;font-weight: 500;}
#inc01 .gsap_cont .txt a{overflow:hidden;opacity:0;filter:blur(10px);transform:translateY(30px);position:relative;display:flex;justify-content:center;align-items:center;margin-top:30px;width:155px;height:50px;border:2px solid #e1e1e1;border-radius:25px;font-size:16px;font-weight:400;font-family:var(--sub-font);color:#000;transition:all .3s}
#inc01 .gsap_cont .txt a:after{content:"";position:absolute;z-index:-1;bottom:0%;left:0%;width:100%;height:0%;background-color:#fff;transition:all .3s}

/* 반응형 [s] */
@media (hover:hover){
#inc01 .gsap_cont ul li:hover img{filter:brightness(0.6)}
#inc01 .gsap_cont .txt a:hover{border:2px solid #000;color:#000}
#inc01 .gsap_cont .txt a:hover:after{height:100%}
}
@media(max-width:1980px){
#inc01 .gsap_cont ul li img{height:745px}  
}    
@media (max-width:1380px){
#inc01 .gsap_cont{width:95%}
#inc01 .gsap_cont .pin-spacer{margin-top:40px !important}
#inc01 .gsap_cont ul li .tit h2{font-size:170px;line-height:160px}
#inc01 .gsap_cont ul li img{height:600px} 
}
@media (max-width:1024px){
#inc01 {background-size: 400px auto;padding-bottom:80px;}
#inc01 .gsap_cont ul li .tit{align-items:center;width:100%}
#inc01 .gsap_cont ul li .tit h2{font-size:140px;line-height:130px}
#inc01 .gsap_cont ul li img{height:500px;border-radius:18px} 
#inc01 .gsap_cont .txt{margin-top:70px}
#inc01 .gsap_cont .txt > div{font-size:17px}
#inc01 .gsap_cont .txt > div.d3 {padding-top:40px;}
#inc01 .gsap_cont .txt > div.d3:before {margin:0 auto 20px auto;}
#inc01 .gsap_cont .txt a{width:150px;height:48px;border-radius:24px;font-size:15px}
}
@media (max-width:768px){
#inc01 .gsap_cont ul li .tit h2{font-size:100px;line-height:90px}
#inc01 .gsap_cont ul li img{height:60vh;border-radius:15px}
#inc01 .gsap_cont .txt{margin-top:60px}
#inc01 .gsap_cont .txt > div{font-size:16px}
#inc01 .gsap_cont .txt > div.d3 {font-size:54px;}
#inc01 .gsap_cont .txt a{width:140px;height:46px;border-radius:23px;font-size:14px}
}
@media (max-width:480px){
#inc01 .gsap_cont ul li .tit h2{font-size:80px;line-height:1}
#inc01 .gsap_cont ul li img{border-radius:12px} 
#inc01 .gsap_cont .txt{margin-top:50px}
#inc01 .gsap_cont .txt > div{font-size:15px}
#inc01 .gsap_cont .txt a{width:130px;height:44px;border-radius:22px;font-size:13px}
}
@media (max-width:380px){
#inc01 .gsap_cont .pin-spacer{margin-top:30px !important}
#inc01 .gsap_cont ul li .tit h2{font-size:70px}
#inc01 .gsap_cont ul li img{border-radius:10px} 
#inc01 .gsap_cont .txt{margin-top:40px}
#inc01 .gsap_cont .txt > div{font-size:14px}
#inc01 .gsap_cont .txt a{margin-top:25px;width:120px;height:40px;border-radius:20px;font-size:12px}
}
/* 반응형 [e] */

/* =========================== atc02 */

#inc02 {background: #0061ff;}
#inc02 .gsap_wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:100px;width:100%;height:100vh}
#inc02 .gsap_wrap div{position:relative;font-size:150px;font-weight:400;line-height:1.1;color:rgb(255, 255, 255, 0.1)}

/* 반응형 [s] */
@media (max-width:1380px){
#inc02 .gsap_wrap div{font-size:160px}
}
@media (max-width:1024px){
#inc02 .gsap_wrap{margin-top:0}
#inc02 .gsap_wrap div{font-size:130px}
}
@media (max-width:768px){
#inc02 .gsap_wrap{margin-top:0;height:auto;padding:70px 0;}
#inc02 .gsap_wrap div{font-size:100px}
}
@media (max-width:580px){
/*#inc02 .gsap_wrap{margin-top:100px}*/
#inc02 .gsap_wrap div{font-size:80px}
}
@media (max-width:480px){
#inc02 .gsap_wrap div{font-size:70px}
}
@media (max-width:380px){
/*#inc02 .gsap_wrap{margin-top:80px}*/
#inc02 .gsap_wrap div{font-size:58px}
}
/* 반응형 [e] */

/* =========================== atc03 */

#inc03 .latest_wrap{margin:70px 0 100px}
#inc03 .latest_wrap li{position:relative;width:100%;border-bottom:1px solid rgb(0, 0, 0, 0.1)}
#inc03 .latest_wrap li:after{content:"";position:absolute;z-index:1;bottom:0px;left:0px;width:100%;height:0%;background-color: #f7f9fc;transition:all .3s}
#inc03 .latest_wrap li a{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;margin:auto;width:90%;height:100px;line-height:100px;color:#000;transition:all .3s}
#inc03 .latest_wrap li div{font-size:13px;font-weight:400;font-family:var(--sub-font)}
#inc03 .latest_wrap li h2{font-size:16px;font-weight:500}

/* 반응형 [s] */
@media (hover:hover){
#inc03 .latest_wrap li:hover:after{height:100%}
#inc03 .latest_wrap li:hover a{color:#0061ff}
}
@media (max-width:1380px){
/*#inc03 .latest_wrap{margin:100px 0 150px}*/
#inc03 .latest_wrap li a{width:95%;height:85px;line-height:85px}
}
@media (max-width:1024px){
/*#inc03 .latest_wrap{margin:80px 0 130px}*/
#inc03 .latest_wrap li a{height:80px;line-height:80px}
#inc03 .latest_wrap li h2{font-size:15px}
}
@media (max-width:768px){
/*#inc03 .latest_wrap{margin:150px 0 100px}*/
#inc03 .latest_wrap li a{height:75px;line-height:75px}
}
@media (max-width:480px){
#inc03 .latest_wrap{margin:40px 0 40px}
#inc03 .latest_wrap li div{font-size:12px}
#inc03 .latest_wrap li h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:60%;text-align:center;font-size:14px}
#inc03 .latest_wrap li a{height:70px;line-height:70px}
}
@media (max-width:380px){
/*#inc03 .latest_wrap{margin:80px 0 50px}*/
#inc03 .latest_wrap li div{font-size:11px}
#inc03 .latest_wrap li h2{font-size:13px}
#inc03 .latest_wrap li a{height:65px;line-height:65px}
}
/* 반응형 [e] */

/* =========================== atc04 */
#inc04 {background:linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.8)), url("../../images/fs/main/bg.jpg") no-repeat center center / cover #fff;padding:150px 0;}
#inc04 .latest_wrap {display: flex;flex-wrap:wrap;position:relative;margin:auto;width:90%;gap:1rem;}
#inc04 .latest_wrap li{position:relative;flex-grow:1;width:calc(33.3% - 1rem);border:1px solid rgba(255,255,255,0.4);border-radius: 15px;overflow: hidden;}
#inc04 .latest_wrap li a{text-align:center;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin:auto;width:100%;padding:35px 20px;color:#fff;transition:all .3s;background: rgba(255,255,255,0.15);}
#inc04 .latest_wrap li .ico{font-size:3rem;}
#inc04 .latest_wrap li .te{font-size:25px;font-weight:400;font-family:var(--sub-font)}
#inc04 .latest_wrap li a:hover{background: rgba(255,255,255,0.25);}
@media (max-width:1024px){
    #inc04 .latest_wrap li .te{font-size:22px;}
}
@media (max-width:768px){
    #inc04 {padding:100px 0;}
    #inc04 .latest_wrap li{width:calc(50% - 1rem);}
    #inc04 .latest_wrap li .te{font-size:18px;}
}

@media (max-width:480px){
    #sh_container {margin-top:0;}
}


/* 팝업 */
.layerPopup {box-shadow: none !important;border:0 !important;}
.layerPopup > img {width: 100%;}
.layerPopup a > img {width: 100%;}
.layerPopup .chkvsb {bottom:-21px !important;background: #222;padding:10px 2px !important;margin:0 !important;}
.layerPopup .chkvsb img {margin-top:0;margin-right:7px;filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(144deg) brightness(103%) contrast(100%);}
.layerPopup p {font-size:20px !important;}
.layerPopup p [type="checkbox"] {width: 18px;height: 18px;margin-top:-5px !important;}
@media only screen and (max-width:1023px){
    .layerPopup {left:10px !important;width: auto !important;height: auto !important;padding-bottom:22px;}
    .layerPopup p {font-size:18px !important;}
    input:first-child, select:first-child {min-width: 3rem !important;}
}
@media only screen and (max-width:499px){
    .layerPopup {left:10px !important;right:10px;}
}