@charset "utf-8";
@font-face {font-family: 'Material Symbols Outlined';font-style: normal;font-weight: 100 700;src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v179/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsLjBuVY.woff2) format('woff2');}
.material-symbols-outlined {font-family: 'Material Symbols Outlined';font-weight: normal;font-style: normal;font-size: 24px;line-height: 1;letter-spacing: normal;text-transform: none;display: inline-block;white-space: nowrap;word-wrap: normal;direction: ltr;-webkit-font-feature-settings: 'liga';-webkit-font-smoothing: antialiased;}

/* =========================== MAIN */
#mainVisual{position:relative;width:100%;height:100vh}
#mainVisual .img_wrap{overflow:hidden;opacity:.75;position:absolute;bottom:50px;width:calc(100% - 180px);left:50%;transform:translateX(-50%);height:50vh;border-radius:130px 0;transition:all 1s}
#mainVisual .img_wrap:after{opacity:0;display:block;content:"";position:absolute;left:0;top:0;z-index:100;width:100%;height:100%;background:linear-gradient(0deg, rgba(0,0,0,0.75) 0%, rgba(255,255,255,0) 80%);transition:all 1s .2s}
#mainVisual .img_wrap .main_slide{height:100%}
#mainVisual .img_wrap ul li{opacity:0!important;position:absolute;left:0;top:0;transform:translate3d(0,0,0)!important;width:100%!important;height:100%;background:url('/images/main/main_img1-1.jpg?v=9f84412f13bdd7565352af31004ef318') center no-repeat;background-size:106%}
#mainVisual .img_wrap ul li.bg02{background-image:url('/images/main/main_img2.jpg?v=cc6a8d03fe33152f95d2d6e417688b0b')}

#mainVisual .img_wrap ul li.swiper-slide-active{opacity:1!important}

#mainVisual .main_txt{display:flex;gap:125px;position:absolute;top:50%;left:calc((100% - 1480px) / 2);z-index:101;transform:translateY(-50%);width:100%;max-width:1480px;margin-top:-105px;color:#111}
#mainVisual .main_txt .tit{position:relative;padding-left:50px}
#mainVisual .main_txt .tit:before{position:absolute;width:20px;height:20px;background-color:var(--primary);border-radius:100%;content:"";left:0;top:-30px}
#mainVisual .main_txt .tit p{font-size:72px;line-height:1.2;font-weight:100;word-break:keep-all}
#mainVisual .main_txt .tit p span{font-weight:700}
#mainVisual .main_txt .desc{padding-top:10px;font-size:20px;white-space:pre-line;word-break:keep-all}

#mainVisual.on .img_wrap{opacity:1;bottom:0;width:100%;height:100vh;border-radius:0}
#mainVisual.on .img_wrap:after{opacity:1}
#mainVisual .main_txt.off{opacity:0;transition:opacity .4s}
#mainVisual .main_txt.on{flex-flow:column;gap:40px;color:#fff}
#mainVisual .main_txt.on .tit p{overflow:hidden;font-size:68px}
#mainVisual .main_txt.on .tit p span{display:inline-block;transform:translateY(100%)}
#mainVisual .main_txt.on .desc{padding:0 0 0 50px}
#mainVisual .main_txt.active{opacity:1;top:auto;bottom:18%;transform:none;transition:opacity 1s}
#mainVisual .main_txt.active .tit p span{transform:translateY(0);transition:all 1s .4s}

/* 반응형 [s] */
@media(min-width:1921px){
#mainVisual .img_wrap ul li{background-size:cover}
}
@media(max-width:1700px){
#mainVisual .img_wrap ul li{background-size:cover}
}
@media(max-width:1480px){
#mainVisual .main_txt{left:0}
}
@media (max-width:1024px){
#mainVisual .img_wrap{border-radius:95px 0}
#mainVisual .main_txt{gap:0px;justify-content:space-evenly}
#mainVisual .main_txt .tit{padding-left:70px}
#mainVisual .main_txt .tit:before{top:-20px;left:40px;width:18px;height:18px}
#mainVisual .main_txt .tit p{font-size:44px}
#mainVisual .main_txt .desc{font-size:16px}
#mainVisual .main_txt.on .desc{padding-left:70px}
#mainVisual .main_txt.on .tit p{font-size:44px}
#mainVisual .main_txt.active{bottom:34%}
}
@media (max-width:768px){
#mainVisual .img_wrap{border-radius:80px 0}
#mainVisual .main_txt{flex-direction:column;align-items:center;top:41%}
#mainVisual .main_txt .tit{padding-left:0px}
#mainVisual .main_txt .tit:before{top:-15px;left:-25px;width:16px;height:16px}
#mainVisual .main_txt .tit p{text-align:center;font-size:38px}
#mainVisual .main_txt .desc{padding-top:15px;text-align:center;font-size:18px}
#mainVisual .main_txt.on{gap:25px}
#mainVisual .main_txt.on .desc{padding:0px}
#mainVisual .main_txt.active{bottom:50%;transform:translateY(50%)}
}
@media (max-width:480px){
#mainVisual .img_wrap{border-radius:60px 0}
#mainVisual .img_wrap{width:calc(100% - 60px)}
#mainVisual .main_txt{top:43%}
#mainVisual .main_txt .tit:before{top:-10px;left:-20px;width:12px;height:12px}
#mainVisual .main_txt .tit p{font-size:34px}
#mainVisual .main_txt .desc{font-size:14px}
#mainVisual .main_txt.on{gap:20px}
#mainVisual .main_txt.on .tit p{font-size:34px}
}
@media (max-width:380px){
#mainVisual .img_wrap{border-radius:45px 0}
#mainVisual .main_txt .tit:before{top:-10px;left:-15px;width:10px;height:10px}
#mainVisual .main_txt .tit p{font-size:28px}
#mainVisual .main_txt .desc{font-size:13px}
#mainVisual .main_txt.on{gap:18px}
#mainVisual .main_txt.on .tit p{font-size:30px}
}
/* 반응형 [e] */

/* =========================== atc01   #f5f5f5*/
#atc01{overflow:hidden;height:100vh}
#atc01 .l_inner{display:flex;position:absolute;top:0;left:0;background-color:#f6f3f0;width:50%;height:100vh}
#atc01 .l_inner .txt_box{margin:auto 0;width:100%;max-width:700px;margin-left:auto;color:#aaa}
#atc01 .l_inner .txt_box .eng_tit{margin-bottom:25px;font-size:24px;font-weight:600;color:var(--primary);font-family:'play'}
#atc01 .l_inner .txt_box .big_txt{margin-bottom:60px;font-size:50px;font-weight:100;color:#111;line-height:1.2;white-space:pre-line}
#atc01 .l_inner .txt_box .big_txt span{font-weight:700}
#atc01 .l_inner .txt_box .pager_txt p{display:flex;position:relative;column-gap:23px;width:max-content;height:auto;margin-left:-1px;border-radius:0;font-size:18px;font-weight:600;line-height:1;background:none;opacity:.6;transition:all .2s}
#atc01 .l_inner .txt_box .pager_txt p.on{padding-left:15px;color:#111;opacity:1}
#atc01 .l_inner .txt_box .pager_txt p.on:before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:'';width:7px;height:7px;border-radius:100%;background:var(--primary)}
#atc01 .l_inner .txt_box .pager_txt p+p{margin-top:20px}
#atc01 .r_inner{margin-top:42vh;padding-left:calc(50% - 120px)}
#atc01 .r_inner .atc01_slide{padding-bottom:200px}
#atc01 .r_inner ul li{width:400px}
#atc01 .r_inner ul li .img{height:420px}
#atc01 .r_inner ul li img{width:100%;height:100%;object-fit:cover;transition:all .4s}
#atc01 .r_inner ul li:before{opacity:0;display:block;content:"";position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;background:var(--primary);transition:all .4s}
#atc01 .r_inner ul li.on img{border-radius:94px 0} /* 수정 */
#atc01 .r_inner ul li.on:before{opacity:1;left:20px;top:20px;border-radius:110px 0}
#atc01 .btn-box{position:absolute;left:50%;top:18%;transform:translateX(-50%)}

/* 움직이는 텍스트 */
#atc01 .flow_txt{position:absolute;font-size:130px;top:8%;font-weight:700;color:#f2f2f2;white-space:nowrap;animation:flow 30s linear infinite;z-index:-1;font-family:'play'}
@keyframes flow {from {transform:translateX(0)} to {transform:translateX(-50%)}}

/* 반응형 [s] */
@media (max-width:1024px){
#atc01 .l_inner .txt_box{padding-left:20px}
#atc01 .l_inner .txt_box .eng_tit{font-size:18px}
#atc01 .l_inner .txt_box .big_txt{margin-bottom:80px;font-size:36px}
#atc01 .l_inner .txt_box .pager_txt p{font-size:18px}
#atc01 .r_inner{margin-top:45vh}
#atc01 .r_inner ul li{width:255px}
#atc01 .r_inner ul li .img{height:235px}
#atc01 .r_inner ul li.on img{border-radius:60px 0}
#atc01 .r_inner ul li.on:before{border-radius:60px 0}
#atc01 .flow_txt{top:13%;font-size:80px}
}
@media (max-width:768px){
#atc01{height:auto}
#atc01 .l_inner{position:static;width:100%;height:50vh}
#atc01 .l_inner .txt_box{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:0px;padding-left:0px;width:100%;max-width:none; padding-bottom: 30px}
#atc01 .l_inner .txt_box .eng_tit{margin-bottom:0px;font-size:16px}
#atc01 .l_inner .txt_box .big_txt{margin-bottom:0px;line-height:1.2;text-align:center;font-size:30px;white-space:pre-line;word-break:keep-all; padding-bottom: 20px}
#atc01 .l_inner .txt_box .pager_txt {display:contents;justify-content:center;flex-wrap:wrap;width:100%;text-align:center}
#atc01 .l_inner .txt_box .pager_txt p{word-break:keep-all;font-size:15px}
#atc01 .l_inner .txt_box .pager_txt p+p{margin-top:0px}
#atc01 .btn-box{top:44%}
#atc01 .flow_txt{display:none}
#atc01 .r_inner{position:relative;margin:0px;height:45vh;background-color:#f5f5f5;padding-left: calc(0% - 120px);}
#atc01 .r_inner ul li{width:290px}
#atc01 .r_inner ul li .img{height:300px}
#atc01 .r_inner ul li.on img{border-radius:40px 0}
#atc01 .r_inner ul li.on:before{border-radius:40px 0}
}
@media (max-width:480px){
#atc01 .l_inner{height:54vh}
#atc01 .l_inner .txt_box{gap:13px;padding-bottom:55px}
#atc01 .l_inner .txt_box .eng_tit{font-size:15px}
#atc01 .l_inner .txt_box .big_txt{font-size:24px}
#atc01 .l_inner .txt_box .pager_txt p{font-size:13px}
#atc01 .btn-box{top:43%}
#atc01 .r_inner{height:46vh}
#atc01 .r_inner .atc01_slide{padding-top:10px}
#atc01 .r_inner ul li{width:280px}
#atc01 .r_inner ul li .img{height:auto}
#atc01 .r_inner ul li.on img{border-radius:30px 0}
#atc01 .r_inner ul li.on:before{border-radius:30px 0}
}
@media (max-width:380px){
#atc01 .btn-box{top:44%}
#atc01 .l_inner .txt_box .big_txt{font-size:22px}
#atc01 .r_inner .atc01_slide{padding-top:15px}
#atc01 .r_inner ul li{width:270px}
}
/* 반응형 [e] */

/* =========================== atc02 */
#atc02{height:100vh;margin:0 auto;background:url(/images/main/inc02/bg.jpg?v=f9399978d78d4bf630258981b55606a0) no-repeat fixed;background-size:cover;transition:all .2s}
#atc02 ul{display:flex;height:100%}
#atc02 ul li{position:relative;width:calc(100% / 4)}
#atc02 ul li+li{border-left:1px solid rgba(255,255,255,.1)}
#atc02 ul li a{display:flex;flex-flow:column;height:100%}
#atc02 ul li a:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg, #37f5eeaf, #041858af);transition:all .5s;opacity:0}
#atc02 ul li .info{position:relative;z-index:2;display:flex;flex-flow:column;margin:auto 0;padding:0 60px;font-size:15px;color:#fff}
#atc02 ul li .info p{font-size:32px;font-weight:600;word-break:keep-all}
#atc02 ul li .info .s_txt{margin-top:42px;font-size:18px;font-weight:400;white-space:pre-line;word-break:keep-all}
#atc02 ul li .info span{margin-top:8px;font-size:18px;font-weight:600;font-family:'Play'}
#atc02 ul li .info .on{position:relative;opacity:0;margin-top:auto;font-size:18px;word-break:keep-all;transition:all .5s}
#atc02 ul li .info .on::before{position:absolute;width:30px;height:2px;background-color:#fff;content:"";left:0;top:-60px}
#atc02 ul li .info .on p{padding-left:20px;position:relative;font-size:18px;font-weight:400}
#atc02 ul li .info .on p:before{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:3px;border-radius:100%;background-color:#fff;content:""}
#atc02 ul li .info .txt{transition:all .5s}
#atc02 ul li .info .icon{margin-bottom:60px;transition:all .3s}

/* 반응형 [s] */
@media(hover:hover){
#atc02 ul li:hover a:before{opacity:1}
#atc02 ul li:hover .info .on{opacity:1}
#atc02 ul li:hover .txt {transform:translateY(-55%)}
#atc02 ul li:hover .icon{transform:translateY(-55%);opacity:0}
}
@media (max-width:1024px){
#atc02 ul li .info{padding:0px 30px}
#atc02 ul li .info .icon{margin-bottom:30px}
#atc02 ul li .info .icon img{width:30%}
#atc02 ul li .info p{font-size:20px}
#atc02 ul li .info span{font-size:15px}
#atc02 ul li .info .s_txt{font-size:14px}
#atc02 ul li .info .on p{font-size:15px}
}
@media (max-width:768px){
#atc02{height:auto}
#atc02 ul{flex-direction:column;justify-content:center;padding-top:0px}
#atc02 ul li{width:100%;border-bottom:1px solid rgb(119, 119, 119, 0.5)}
#atc02 ul li a{padding:60px 0px}
#atc02 ul li:last-child{border-bottom:none}
#atc02 ul li a:before{display:none}

/* flex-direction:row; */
#atc02 ul li .info{justify-content:space-evenly;align-items:center;padding:0px;gap:5px}
#atc02 ul li .info .icon{display:flex;justify-content:center;margin-bottom:0px}
#atc02 ul li .info .icon img{width:70%}
#atc02 ul li .info p{font-size:18px}
#atc02 ul li .info .txt{text-align:center}
#atc02 ul li .info .s_txt{display:none}
#atc02 ul li .info .on{opacity:1 !important;margin-top:0px;gap:12px} /* display:flex; */
#atc02 ul li .info .on::before{display:none}
#atc02 ul li .info .on p{padding-left:10px;font-size:14px;line-height:1.5;}
    /*text-align:center*/
#atc02 ul li:hover .txt {transform:none;line-height:1.5}
#atc02 ul li:hover .icon{transform:none;opacity:1}
}
@media (max-width:480px){
#atc02 ul li a{padding:30px 0px}
#atc02 ul li .info{flex-direction:column}
#atc02 ul li .info .icon img{width:60%}
#atc02 ul li .info p{font-size:16px}
#atc02 ul li .info span{font-size:14px}
#atc02 ul li .info .on p{font-size:13px}
}
/* 반응형 [e] */

/* =========================== atc03 */
#atc03{display:flex;flex-flow:column;justify-content:center;height:100vh;background-color:#f6f3f0;word-break:keep-all}
#atc03 .txt_area{text-align:center}
#atc03 .txt_area p{font-size:54px;font-weight:100;color:#111;font-family:'Pretendard'; line-height: 0.5}
#atc03 .txt_area b{font-size:54px; font-weight:700;color:#000;font-family:'Play'}
/*#atc03 .txt_area p span{font-weight:600}*/

/* aos */
#atc03
.txt_area{opacity:0;transform:translateY(50px);transition:all 0s .6s}
.idx03.active #atc03 .txt_area{opacity:1;transform:translateY(0);transition:all .6s .6s}

/* 공지사항 */
#atc03 .cont_area{width:100%;margin:3% 0 6%;padding:0 90px}
#atc03 .cont_slide{overflow:hidden}
#atc03 .cont_slide .txt span{display:block;font-size:20px;font-weight:600;color:#000;font-family:'Play'}
#atc03 .cont_slide .txt p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:25px 0 30px;font-size:22px;font-weight:600;line-height:1.4}
#atc03 .cont_slide .txt div{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:#888}
#atc03 .cont_slide li{padding:50px;background:#fff}
#atc03 .arr{cursor:pointer;display:flex;position:absolute;top:51%;z-index:101;transform:translateY(-50%);width:45px;height:45px;color:#222}
#atc03 .arr svg{margin:auto}
#atc03 .arr.prev{left:calc(50% - ((100% / 3) / 2));margin-left:-15px}
#atc03 .arr.next{right:calc(50% - ((100% / 3) / 2))}
#atc03 .btn-box .more-btn{margin:0 auto}

/* 반응형 [s] */
@media (max-width:1440px){
#atc03 .arr.next{right:26%}
#atc03 .arr.prev{left:27%}
}
@media (max-width:1024px){
#atc03{gap:20px}
#atc03 .cont_area{padding:0px 30px}
#atc03 .txt_area p{font-size:38px}
#atc03 .cont_slide li{padding:45px}
#atc03 .cont_slide .txt p{margin:18px 0px 22px 0px;font-size:18px}
#atc03 .cont_slide .txt div{font-size:15px}
#atc03 .arr.next{right:23%}
#atc03 .arr.prev{left:25%}

}
@media (max-width:768px){
#atc03{height:auto;padding:120px 0}
#atc03 .cont_area{padding:0px}
#atc03 .txt_area b{font-size:22px}
#atc03 .txt_area p{font-size:30px}
#atc03 .cont_slide li{padding:45px}
#atc03 .arr.next{display:none}
#atc03 .arr.prev{display:none}
}
@media (max-width:480px){
#atc03 .txt_area p{font-size:28px}
#atc03 .cont_slide li{padding:30px}
#atc03 .cont_slide .txt p{margin:14px 0px 18px 0px;font-size:16px}
#atc03 .cont_slide .txt div{font-size:14px}
}
@media (max-width:380px){
#atc03 .cont_slide li{padding:28px 25px}
#atc03 .txt_area b{font-size:14px}
#atc03 .txt_area p{font-size:26px}
#atc03 .cont_slide .txt span{font-size:14px}
#atc03 .cont_slide .txt p{margin:8px 0px 12px 0px;font-size:15px}
#atc03 .cont_slide .txt div{font-size:13px}
}
/* 반응형 [e] */


@media (max-width: 1024px) {
    #sh_fullpage {
        height: auto !important;
        overflow: visible !important;
    }

    #sh_fullpage > .swiper-wrapper {
        height: auto !important;
        display: block !important;
    }

    #sh_fullpage > .swiper-wrapper > .swiper-slide {
        height: auto !important;
        overflow: visible !important;
        opacity: 1 !important;
    }

    #atc03 .txt_area {
        opacity: 1 !important;
        transform: none !important;
    }
}


.scroll-guide {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 200;
    text-align: center;
    color: #fff;
    opacity: 0.8;
}

.scroll-guide p {
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 400;
    margin-bottom: 10px;
    font-family: 'Poppins', sans-serif;
}

.scroll-guide span {
    display: block;
    width: 20px;
    height: 20px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    margin: 0 auto;
    animation: scrollBounce 2s infinite;
}

@keyframes scrollBounce {
    0% { transform: rotate(45deg) translate(0, 0); opacity: 0; }
    50% { opacity: 1; }
    100% { transform: rotate(45deg) translate(10px, 10px); opacity: 0; }
}

@media (max-width: 1024px) {
    .scroll-guide {
        display: none !important;
    }
}