@charset "utf-8";

/* =========================== MAIN */
#mainVisual{position:relative;width:100%;height:100vh}
#mainVisual .main_banner{overflow:hidden;width:100%;height:100%}
#mainVisual .main_banner video{width:100%;filter:brightness(0.7);object-fit:cover}
#mainVisual .tit{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}
#mainVisual .tit h1{line-height:1.3;font-size:64px;color:#fff}
#mainVisual .tit h1 div{font-weight:200}
#mainVisual .tit a{display:flex;align-items:center;gap:5px;margin-top:50px;padding:15px 40px;border-radius:35px;font-size:20px;font-weight:600;transition:all .3s;backdrop-filter:blur(5px);color:#fff;background-color:rgb(255,255,255, 0.2)}
#mainVisual .tit a svg{width:20px;height:20px;transition:all .3s}
#mainVisual .scroll_down{display:flex;flex-direction:column;align-items:center;gap:50px;position:absolute;top:50%;right:1%;transform:translateY(-50%);font-size:13px;font-family:var(--k-font);color:rgb(255, 255, 255, 0.5)}
#mainVisual .scroll_down div:first-child{transform:rotate(-90deg)}
#mainVisual .scroll_down .line{position:relative;width:1px;height:170px;background-color:rgb(255, 255, 255, 0.5)}
#mainVisual .scroll_down .line::before{content:"";position:absolute;top:0%;left:0px;width:1px;height:0%;background-color:#fff;animation:scroll_down 5s infinite}
#mainVisual .scroll_down .line::after{opacity:0;content:"";position:absolute;top:0%;left:-1.5px;width:5px;height:5px;border-radius:50%;background-color:#fff;animation:scroll_ball 5s infinite}
@keyframes scroll_down {0%{height:0%;opacity:1}80%{height:100%;opacity:1}81%{height:0%;opacity:1}100%{height:0%;opacity:0}}
@keyframes scroll_ball {0%{top:0%;opacity:1}80%{top:100%;opacity:1}81%{top:0%;opacity:1}100%{top:0%;opacity:1}}

/* 반응형 [s] */
@media (hover:hover){
#mainVisual .tit a:hover{background-color:var(--primary)}
#mainVisual .tit a:hover svg{transform:translateX(10px)}
}
@media(max-width:1980px){
#mainVisual .tit h1{font-size:58px}
#mainVisual .tit a{font-size:18px}
#mainVisual .main_banner video{height:100%}
}
@media (max-width:1380px){
#mainVisual .tit h1{font-size:50px}
#mainVisual .tit a{font-size:16px}
}
@media (max-width:1024px){
#mainVisual{overflow:hidden}
#mainVisual .tit h1{font-size:40px}
#mainVisual .tit a{padding:15px 35px;font-size:15px}
#mainVisual .scroll_down{right:-1%}
}
@media (max-width:768px){
#mainVisual{height:650px}
#mainVisual .tit h1{font-size:35px}
#mainVisual .tit a{margin-top:40px;font-size:14px}
#mainVisual .scroll_down{display:none}
}
@media (max-width:480px){
#mainVisual{height:600px}
#mainVisual .tit h1{font-size:28px}
#mainVisual .tit a{margin-top:35px;font-size:13px}
}
@media (max-width:390px){
#mainVisual{height:550px} 
#mainVisual .tit h1{font-size:25px}
#mainVisual .tit a{margin-top:32px;padding:13px 30px;font-size:12px}
}
/* 반응형 [e] */

/* =========================== atc01 */
#inc01{position:relative;display:flex;align-items:center;margin-left:auto;width:90%;height:100vh}
#inc01 .bg{position:absolute;z-index:-1;top:28%;left:-15%;transform:translateY(-50%);width:540px;height:540px;border-radius:70px;transform:rotate(45deg);background-color:rgb(20,74,96, 0.03)}
#inc01 .tit{opacity:0;transform:translateY(60px);transition:all 1.2s;width:35%}
#inc01 .tit h2{margin:30px 0 110px;line-height:1.4;font-size:60px;color:#000}
#inc01 .tit h2 div{font-weight:200}
#inc01 .inc01_slide{opacity:0;transform:translateX(150px);transition:all 1.2s;width:65%}
#inc01 .inc01_slide li a .img_cont{overflow:hidden;width:100%;height:400px}
#inc01 .inc01_slide li a img{width:100%;height:100%;object-fit:cover;transition:all .3s}
#inc01 .inc01_slide li .txt div{margin:25px 0 18px;font-size:23px;font-weight:700;transition:all .3s}
#inc01 .inc01_slide li .txt p{margin-right:5%;font-size:18px;font-weight:400;color:#777}
#inc01 .inc01_slide .controller{display:flex;align-items:center;gap:50px;margin-top:50px}
#inc01 .inc01_slide .nav_container{display:flex;gap:10px}
#inc01 .inc01_slide .nav_container div{display:flex;justify-content:center;align-items:center;width:60px;height:60px;border:1px solid rgb(0, 0, 0, 0.1);border-radius:50%;transition:all .3s;cursor:pointer}
#inc01 .inc01_slide .nav_container div svg{width:18px;height:18px;color:#000}
#inc01 .inc01_slide .pager{position:relative;width:70%;height:3px}
#inc01 .inc01_slide .pager span{background-color:#000}
.idx01.active #inc01 .tit{opacity:1;transform:translateY(0px)}
.idx01.active #inc01 .inc01_slide{opacity:1;transform:translateX(0px)}

/* 반응형 [s] */
@media (hover:hover){
#inc01 .inc01_slide li a:hover img{transform:scale(1.15);filter:brightness(0.5)}
#inc01 .inc01_slide li a:hover .txt div{color:var(--primary)}
#inc01 .inc01_slide .nav_container div:hover{border:1px solid #000}
}
@media(max-width:1980px){
#inc01 .bg{top:25%;width:470px;height:470px}
#inc01 .tit h2{font-size:50px}
#inc01 .inc01_slide li a .img_cont{height:330px}
#inc01 .inc01_slide li .txt div{font-size:20px}
#inc01 .inc01_slide li .txt p{font-size:16px}
#inc01 .inc01_slide .nav_container div{width:50px;height:50px}
}
@media (max-width:1380px){
#inc01 .bg{width:400px;height:400px}
#inc01{width:95%;gap:20px}
#inc01 .tit h2{font-size:42px}
#inc01 .inc01_slide li .txt div{font-size:18px}
#inc01 .inc01_slide li .txt p{font-size:15px}
}
@media (max-width:1024px){
#inc01{overflow:hidden;flex-direction:column;gap:0px;padding:0 2.5%;margin:100px auto 120px;width:100%;height:auto}
#inc01 .bg{top:10%;right:-18%;left:auto;width:300px;height:300px;border-radius:50px}
#inc01 .tit{opacity:1;transform:translateY(0px);width:100%}
#inc01 .tit h2{margin:25px 0 50px;font-size:34px}
#inc01 .inc01_slide{opacity:1;transform:translateX(0px);margin-top:70px;width:100%}
#inc01 .inc01_slide li a .img_cont{height:250px}
#inc01 .inc01_slide li .txt div{margin:23px 0 12px;font-size:17px}
#inc01 .inc01_slide .controller{gap:30px}
#inc01 .inc01_slide .pager{width:calc(100% - 50px)}
}
@media (max-width:768px){
#inc01{margin:90px auto 110px}
#inc01 .bg{right:-20%;width:250px;height:250px;border-radius:40px}
#inc01 .tit{display:flex;flex-direction:column;align-items:center;text-align:center}
#inc01 .tit h2{margin:18px 0 40px;font-size:30px}
#inc01 .inc01_slide{margin-top:60px}
#inc01 .inc01_slide li a .img_cont{height:240px}
#inc01 .inc01_slide .txt{text-align:center}
#inc01 .inc01_slide li .txt div{margin:22px 0 10px}
#inc01 .inc01_slide li .txt p{margin:auto;width:85%}
#inc01 .inc01_slide .controller{gap:0px;margin-top:70px}
#inc01 .inc01_slide .nav_container{display:none}
#inc01 .inc01_slide .pager{width:100%}
#inc01 .inc01_slide li.empty{text-align:center}
}
@media (max-width:480px){   
#inc01{padding:0px;margin:80px auto 100px;width:100%}
#inc01 .bg{display:none}
#inc01 .tit h2{margin:15px 0 28px;font-size:25px}
#inc01 .inc01_slide{margin-top:50px}
#inc01 .inc01_slide li a .img_cont{height:290px}
#inc01 .inc01_slide .controller{margin-top:60px}
#inc01 .inc01_slide .pager{margin:auto;width:95%}
}
@media (max-width:390px){
#inc01{margin:70px auto 90px}
#inc01 .tit h2{margin:12px 0 25px;font-size:23px}
#inc01 .inc01_slide{margin-top:40px}
#inc01 .inc01_slide li a .img_cont{height:250px}
#inc01 .inc01_slide li .txt div{margin:20px 0 10px;font-size:16px}
#inc01 .inc01_slide li .txt p{font-size:14px}
#inc01 .inc01_slide .controller{margin-top:50px}
}
/* 반응형 [e] */

/* =========================== atc02 */
#inc02{position:relative;width:100%;height:100vh;background:linear-gradient(to bottom, #144a60 0%, #144a60 60%, #357d9a 100%)}
#inc02 .tit{opacity:0;transform:translateY(60px);transition:all 1.2s;padding-top:8%;text-align:center}
#inc02 .tit .section_cate{color:#fff}
#inc02 .tit h2{margin-top:25px;font-size:48px;color:#fff}
#inc02 .inc02_slide{opacity:0;transform:translateY(60px);transition:all 1.2s;position:relative;margin-top:70px;padding-top:20px;padding-bottom:200px;width:80%}
#inc02 .inc02_slide li{position:relative}
#inc02 .inc02_slide li a{display:block;margin:auto;width:max-content;text-align:center;transform:translateY(70px);transition:all .3s}
#inc02 .inc02_slide li.on a{transform:translateY(0px)}
#inc02 .inc02_slide li img{width:230px;transition:all .3s}
#inc02 .inc02_slide li.on img{width:285px}
#inc02 .inc02_slide li .txt{margin-top:30px;font-size:20px;font-weight:700;color:#fff}
#inc02 .inc02_slide li .bg{opacity:0;overflow:hidden;position:absolute;z-index:-1;top:30%;left:50%;transform:translateX(-50%);width:550px;height:490px;box-shadow:8px 8px 30px rgba(0, 0, 0, 0.15);transition:all .5s;background-color:var(--primary)}
#inc02 .inc02_slide li .bg::after{content:"";position:absolute;bottom:-80px;left:-40px;width:270px;height:270px;border-radius:30px;transform:rotate(45deg);background-color:rgb(255, 255, 255, 0.2)}
#inc02 .inc02_slide li .bg::before{content:"";position:absolute;bottom:-110px;right:-45px;width:380px;height:380px;border-radius:40px;transform:rotate(45deg);background-color:rgb(93 ,215 ,255, 0.2)}
#inc02 .inc02_slide li.on .bg{opacity:1}
#inc02 .inc02_slide li.empty{text-align:center;color:#fff}
#inc02 .nav_container{display:flex;justify-content:space-between;position:absolute;top:55%;left:50%;transform:translate(-50%, -50%);width:88%}
#inc02 .nav_container div{display:flex;justify-content:center;align-items:center;width:62px;height:62px;border-radius:50%;transition:all .3s;background-color:#fff;cursor:pointer}
#inc02 .nav_container div svg{width:20px;height:20px;transition:all .3s;color:#144a60}
.idx02.active #inc02 .tit{opacity:1;transform:translateY(0px)}
.idx02.active #inc02 .inc02_slide{opacity:1;transform:translateY(0px)}

/* 반응형 [s] */
@media (hover:hover){
#inc02 .inc02_slide li a:hover{transform:translateY(50px)}
#inc02 .inc02_slide li.on a:hover{transform:translateY(-20px)}
#inc02 .nav_container div:hover{background-color:var(--primary)}
#inc02 .nav_container div:hover svg{color:#fff}
}
@media (max-width:1980px){
#inc02 .tit{padding-top:7%}
#inc02 .tit h2{font-size:42px}
#inc02 .inc02_slide{margin-top:50px;padding-bottom:120px}
#inc02 .inc02_slide li img{width:190px}
#inc02 .inc02_slide li.on img{width:235px}
#inc02 .inc02_slide li .bg{width:450px;height:390px}
#inc02 .inc02_slide li .bg::after{width:220px;height:220px}
#inc02 .inc02_slide li .bg::before{width:330px;height:330px}
#inc02 .nav_container div{width:52px;height:52px}
}
@media (max-width:1380px){
#inc02 .tit h2{font-size:38px}
#inc02 .inc02_slide{padding-bottom:70px;width:90%}
#inc02 .inc02_slide li img{width:160px}
#inc02 .inc02_slide li.on img{width:200px}
#inc02 .inc02_slide li .bg{width:375px;height:325px}
#inc02 .inc02_slide li .bg::after{width:200px;height:200px}
#inc02 .inc02_slide li .bg::before{width:300px;height:300px}
#inc02 .inc02_slide li .txt{font-size:18px}
#inc02 .nav_container{width:95%}
}
@media (max-width:1024px){
#inc02{overflow:hidden;padding:100px 0 150px;height:auto}
#inc02 .tit{opacity:1;transform:translateY(0px);padding-top:0px}
#inc02 .tit h2{margin-top:20px;font-size:32px}
#inc02 .inc02_slide{opacity:1;transform:translateY(0px);padding-bottom:0px;width:80%;transform:translateY(0px)}
#inc02 .inc02_slide ul{align-items:center}
#inc02 .inc02_slide li a{transform:translateY(0px)}
#inc02 .inc02_slide li img{width:190px}
#inc02 .inc02_slide li.on img{width:190px}
#inc02 .inc02_slide li .bg{display:none}
#inc02 .inc02_slide li .txt{font-size:16px}
#inc02 .nav_container div{width:50px;height:50px}
#inc02 .nav_container div svg{width:18px;height:18px}
#inc02 .inc02_slide li a:hover{transform:translateY(-20px)}
#inc02 .inc02_slide li.on a:hover{transform:translateY(-20px)}
}
@media (max-width:768px){
#inc02{padding:90px 0 130px}
#inc02 .tit h2{margin-top:15px;font-size:28px}
#inc02 .inc02_slide{width:95%}
#inc02 .inc02_slide li img{width:170px}
#inc02 .inc02_slide li.on img{width:170px}
#inc02 .nav_container{display:none}
}
@media (max-width:580px){
#inc02 .inc02_slide li img{width:210px}
#inc02 .inc02_slide li.on img{width:210px}
}
@media (max-width:480px){
#inc02{padding:80px 0 120px}
#inc02 .tit h2{margin-top:12px;font-size:25px}
#inc02 .inc02_slide{margin-top:40px}
#inc02 .inc02_slide li img{width:170px}
#inc02 .inc02_slide li.on img{width:170px}
#inc02 .inc02_slide li .txt{margin-top:22px;font-size:15px}
}
@media (max-width:390px){
#inc02 .tit h2{margin-top:10px;font-size:23px}
#inc02 .inc02_slide{margin-top:30px}
#inc02 .inc02_slide li img{width:150px}
#inc02 .inc02_slide li.on img{width:150px}
#inc02 .inc02_slide li .txt{margin-top:18px;font-size:14px}
}
/* 반응형 [e] */

/* =========================== atc03 */
#inc03{display:flex;position:relative;width:100%;height:100vh}
#inc03 > div{width:50%;height:100%}
#inc03 .inc03_slide{opacity:0;transform:translateX(-50px);transition:all 1.2s}
#inc03 .inc03_slide li{width:100%;height:100%}
#inc03 .inc03_slide li img{width:100%;height:100%;object-fit:cover}
#inc03 .about{opacity:0;transform:translateX(50px);transition:all 1.2s;display:flex;flex-direction:column;padding:10% 8%;background-color:#eceff2}
#inc03 .about h2{margin:45px 0 70px;line-height:1.3;font-size:38px;color:#000}
#inc03 .about h2 div{font-weight:200}
#inc03 .about p{font-family:var(--k-font)}
#inc03 .about .count{display:flex;margin-top:auto;padding:45px 0;border-top:3px solid var(--primary);border-bottom:1px solid #e1e1e1}
#inc03 .about .count div{position:relative;width:calc(100% / 3);text-align:center}
#inc03 .about .count div+div::after{content:"";position:absolute;top:50%;left:0px;transform:translateY(-50%);width:1px;height:70%;background-color:#e1e1e1}
#inc03 .about .count dt{font-size:18px;font-weight:600;color:#000}
#inc03 .about .count dd{font-size:20px;font-weight:600;color:var(--primary)}
#inc03 .about .count dd .num{font-size:44px;font-weight:700;font-family:var(--k-font)} 
.idx03.active #inc03 .inc03_slide{opacity:1;transform:translateX(0px)}
.idx03.active #inc03 .about{opacity:1;transform:translateX(0px)}

/* 반응형 [s] */
@media(max-width:1980px){
#inc03 .about{padding:8% 5%}
#inc03 .about h2{margin:35px 0 60px;font-size:34px}
#inc03 .about .count dt{font-size:16px}
#inc03 .about .count dd{font-size:18px}
#inc03 .about .count dd .num{font-size:38px}
}
@media (max-width:1380px){
#inc03 .about{padding:7% 5%}
#inc03 .about h2{margin:30px 0 50px;font-size:30px}
#inc03 .about .count{padding:38px 0}
#inc03 .about .count dd .num{font-size:34px}
}
@media (max-width:1024px){
#inc03{overflow:hidden;height:auto}
#inc03 > div{height:700px}
#inc03 .about{opacity:1;transform:translateX(0px);padding:7% 3%}
#inc03 .about h2{margin:25px 0 40px;font-size:25px}
#inc03 .about .count{padding:32px 0}
#inc03 .about .count dt{font-size:15px}
#inc03 .about .count dd{font-size:16px}
#inc03 .about .count dd .num{font-size:30px}
#inc03 .inc03_slide{opacity:1;transform:translateX(0px)}
}
@media (max-width:768px){
#inc03{flex-direction:column-reverse}
#inc03 > div{width:100%;height:auto}
#inc03 .inc03_slide{height:400px}
#inc03 .about{padding:100px 2.5% 50px;text-align:center}
#inc03 .about .count{margin-top:50px}
#inc03 .about h2{margin:20px 0 32px;font-size:23px}
#inc03 .about .count dd .num{font-size:28px}
}
@media (max-width:480px){
#inc03 .inc03_slide{height:335px}
#inc03 .about{padding:90px 2.5% 50px}
#inc03 .about h2{margin:20px 0 28px;font-size:21px}
#inc03 .about p{white-space:normal;margin:auto;width:85%;line-height:2}
#inc03 .about .count{padding:30px 0}
#inc03 .about .count dt{font-size:14px}
#inc03 .about .count dd{font-size:15px}
#inc03 .about .count dd .num{font-size:26px}
}
@media (max-width:390px){
#inc03 .inc03_slide{height:290px}
#inc03 .about{padding:80px 2.5% 40px}
#inc03 .about h2{margin:16px 0 23px;font-size:19px}
#inc03 .about p{line-height:1.8}
#inc03 .about .count{margin-top:45px;padding:25px 0}
#inc03 .about .count dt{font-size:13px}
#inc03 .about .count dd{font-size:14px}
#inc03 .about .count dd .num{font-size:24px}
}
/* 반응형 [e] */

/* =========================== atc04 */
#inc04{display:flex;align-items:center;gap:100px;margin:auto;width:80%;height:100vh}
#inc04 .notice{opacity:0;transform:translateX(-100px);transition:all 1.2s;width:60%}
#inc04 .notice .top{display:flex;justify-content:space-between;align-items:end}
#inc04 .notice .top h2{margin-top:25px;font-size:48px;color:#000}
#inc04 .notice ul{margin-top:55px}
#inc04 .notice ul li a{display:flex;align-items:end;gap:150px;padding-bottom:45px;margin-bottom:45px;border-bottom:1px solid #e1e1e1;font-family:var(--k-font);transition:all .3s}
#inc04 .notice ul li:last-child a{margin-bottom:0px}
#inc04 .notice ul li .cont div{font-size:23px;font-weight:700;transition:all .3s}
#inc04 .notice ul li p{overflow:hidden;margin-top:15px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}
#inc04 .notice ul li .date{font-size:17px;font-weight:600;color:#aaa}
#inc04 .inc04_slide{opacity:0;transform:translateX(100px);transition:all 1.2s;width:40%;height:520px}
#inc04 .inc04_slide li{width:100%;height:100%}
#inc04 .inc04_slide a{display:block;width:100%;height:100%}
#inc04 .inc04_slide .img_cont{overflow:hidden;width:100%;height:100%}
#inc04 .inc04_slide img{width:100%;height:100%;object-fit:cover;transition:all .3s}
#inc04 .inc04_slide li.empty{display:flex;justify-content:center;align-items:center}
.idx04.active #inc04 .notice{opacity:1;transform:translateX(0px)}
.idx04.active #inc04 .inc04_slide{opacity:1;transform:translateX(0px)}

/* 반응형 [s] */
@media (hover:hover){
#inc04 .notice ul li a:hover{border-bottom:1px solid var(--primary)}
#inc04 .notice ul li a:hover .cont div{color:var(--primary)}
#inc04 .inc04_slide a:hover img{transform:scale(1.1);filter:brightness(0.5)}
}
@media (max-width:1980px){
#inc04 .notice .top h2{font-size:42px}
#inc04 .notice ul li .cont div{font-size:20px}
#inc04 .notice ul li .date{font-size:15px}
#inc04 .inc04_slide{height:420px}
}
@media (max-width:1380px){
#inc04{width:90%;gap:70px}
#inc04 .notice .top h2{font-size:36px}
#inc04 .notice ul li a{gap:70px}
#inc04 .notice ul li .cont div{font-size:18px}
}
@media (max-width:1024px){
#inc04{gap:50px;margin:110px auto 130px;width:95%;height:auto}
#inc04 .notice{opacity:1;transform:translateX(0px)}
#inc04 .notice ul{margin-top:45px}
#inc04 .notice .top h2{font-size:30px}
#inc04 .notice ul li a{gap:50px;margin-bottom:40px;padding-bottom:40px}
#inc04 .notice ul li .cont div{font-size:17px}
#inc04 .notice ul li .date{font-size:14px}
#inc04 .inc04_slide{opacity:1;transform:translateX(0px);height:350px}
}
@media (max-width:768px){
#inc04{margin:90px auto 110px}
#inc04{flex-direction:column}
#inc04 .notice{width:100%}
#inc04 .notice .top h2{margin-top:20px;font-size:26px}
#inc04 .notice ul{margin-top:40px}
#inc04 .notice ul li a{gap:40px;margin-bottom:30px;padding-bottom:30px}
#inc04 .notice ul li .cont div{font-size:16px}
#inc04 .notice ul li p{margin-top:12px}
#inc04 .inc04_slide{width:100%;height:320px}
}
@media (max-width:480px){
#inc04{margin:80px auto 50px;gap:40px}
#inc04 .notice .top{flex-direction:column;align-items:center;text-align:center}
#inc04 .notice .top h2{margin:10px 0 20px;font-size:23px}
#inc04 .notice ul{margin-top:55px}
#inc04 .notice ul li a{flex-direction:column;align-items:center;text-align:center;gap:20px;margin-bottom:35px;padding-bottom:35px}
#inc04 .notice ul li p{margin:12px auto 0;width:85%;-webkit-line-clamp:2;line-clamp:2}
#inc04 .notice ul li.empty{text-align:center}
#inc04 .inc04_slide{height:300px}
}
@media (max-width:390px){
#inc04{margin:70px auto 40px;gap:40px}
#inc04 .notice ul{margin-top:50px}
#inc04 .inc04_slide{height:260px}
}
/* 반응형 [e] */