@charset "utf-8";

/* =========================== MAIN */
#mainVisual{overflow:hidden;position:relative;letter-spacing:-.2px;width:100%;height:100vh;min-height:650px;background:#222}
#mainVisual .main_slide{height:100%}
#mainVisual ul li{background:url(../img/main/main03.jpg) center no-repeat;background-size:cover}
#mainVisual ul li.bg02{background-image:url(../img/main/main02.jpg)}
#mainVisual ul li.bg03{background-image:url(../img/main/main01.jpg)}

/* 텍스트 */
#mainVisual .main_txt{padding: 0 160px; position:absolute;top:55%;left:5%;z-index:101;transform:translateY(-50%);width:max-content;font-size:18px;line-height:1.5;color:rgba(255, 255, 255, 0.776);font-family:'Poppins','Pretendard'}
#mainVisual .main_txt .stit{display:block;font-size:16px;font-weight:500;color:var(--primary)}
#mainVisual .main_txt .btit{margin:45px 0 30px;font-size:60px;font-weight:700;color:#fff;line-height:1.25;white-space:pre-line}

/* 컨트롤 */
#mainVisual .controls{display:flex;flex-flow:column;align-items:flex-start;width:max-content;margin-top:100px}
#mainVisual .controls div{display:flex;align-items:center;margin-bottom:20px}
#mainVisual .controls .arr{cursor:pointer;padding-bottom:4px}
#mainVisual .controls .pager{width:75px;margin:0 35px; font-size:0}
#mainVisual .controls .pager span{position:relative;font-size:14px;font-weight:600;color:#fff}
#mainVisual .controls .pager span+span{opacity:.5;margin-left:20px;padding-left:20px}
#mainVisual .controls .pager span:before{content:"0"}
#mainVisual .controls .pager span+span:after{display:block;;content:"";position:absolute;left:0;top:4px;width:1px;height:12px;background:rgba(255,255,255,.4)}
#mainVisual .main_timeline{width:100%;height:auto;margin-right:12px}
#mainVisual .main_timeline span{display:none;position:relative;width:100%;height:2px;border-radius:0;background:#fff;opacity:1}
#mainVisual .main_timeline span.on{display:block}
#mainVisual .main_timeline span:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}
#mainVisual .main_timeline span.on:before{background:var(--primary);animation:progressbar 4s linear}
@keyframes progressbar{0%{width:0}to{width:100%}}

@media(max-width:1024px){
#mainVisual .main_txt{padding: 0;left:30px;font-size:16px}	
#mainVisual .main_txt .btit{font-size:48px}
}
@media(max-width:768px){
#mainVisual{min-height:450px}
#mainVisual .main_txt{padding: 0;width:100%;padding-right:30px;word-break:keep-all}
#mainVisual .main_txt .stit{font-size:14px}
#mainVisual .main_txt .btit{margin:20px 0;font-size:38px}
#mainVisual .controls{margin-top:50px}
#mainVisual .controls div{margin-bottom:10px}
#mainVisual .controls .pager span{font-size:13px}
}
@media(max-width:480px){
#mainVisual .main_txt .btit{white-space:normal;word-break:keep-all}
#mainVisual .main_txt .btit{font-size:32px}
}

/* =========================== inc01 */
#inc01{display:flex;padding:200px 0 200px 240px;background:url(../img/main/inc01/bg.png) bottom center no-repeat #020305; background-size: cover;}
#inc01 .tit_area{flex-shrink:0;padding-top:70px}
#inc01 .tit_area p{margin-bottom:25px;font-size:65px;font-weight:700;color:#fff}
#inc01 .tit_area .pl{font-size:17px;white-space:pre-line;line-height:1.8}
#inc01 .controls{display:flex;align-items:center;margin-top:70px;color:#fff}
#inc01 .controls .arr{display:flex;align-items:center;cursor:pointer}
#inc01 .controls .pager{width:76px;margin:0 35px;font-size:0}
#inc01 .controls .pager span{position:relative;font-size:14px;font-weight:600}
#inc01 .controls .pager span+span{opacity:.5;margin-left:20px;padding-left:20px}
#inc01 .controls .pager span:before{content:"0"}
#inc01 .controls .pager span+span:after{display:block;;content:"";position:absolute;left:0;top:4px;width:1px;height:12px;background:rgba(255,255,255,.4)}

#inc01 .inc01_slide {margin-left:12%}
#inc01 ul li{height:526px;overflow:hidden;border-radius:30px;background:url(../img/main/inc01/img01.jpg) center no-repeat;background-size:cover}
#inc01 ul li.li01{background-image:url(../img/main/inc01/frame0.png)}
#inc01 ul li.li02{background-image:url(../img/main/inc01/frame01.png)}
#inc01 ul li.li03{background-image:url(../img/main/inc01/frame04.png)}
#inc01 ul li.li04{background-image:url(../img/main/inc01/frame03.png)}
#inc01 ul li.li05{background-image:url(../img/main/inc01/frame05.png)}
#inc01 ul li.li06{background-image:url(../img/main/inc01/frame02.png)}
#inc01 ul li.li07{background-image:url(../img/main/inc01/frame06.png)}
#inc01 ul li a{position:relative;display:flex;flex-flow:column;align-items:flex-start;height:100%;padding:50px;color:rgba(255, 255, 255, 0.802);word-break:keep-all;transition:all .3s}
#inc01 ul li a img{opacity:0;margin-top:15px;transition:all .3s}
#inc01 ul li p{margin:auto 0 15px;font-size:30px;font-weight:600;line-height:1.35;color:#fff}
#inc01 ul li:before{opacity:0;display:block;content:"";position:absolute;left:0;top:0;z-index:0;width:100%;height:100%;background:var(--primary);transition:all .3s}
@media(hover:hover){
     #inc01 ul li:before {
    background: linear-gradient(180deg, #0084c3, rgba(0,132,195,0.3) 100%);
  }
#inc01 ul li:hover:before{opacity:.9}
#inc01 ul li:hover a{color:#fff}
#inc01 ul li:hover img{opacity:1;margin:0}
}
@media(max-width:1300px){
#inc01{padding:160px 0 160px 30px}	
#inc01 .inc01_slide{margin-left:8%}
#inc01 ul li{height:480px}
#inc01 ul li a{padding:30px}
}
@media(max-width:1024px){
#inc01 .tit_area p{font-size:42px}
#inc01 .tit_area .pl{font-size:16px}
#inc01 ul li{height:420px}
#inc01 ul li p{font-size:26px}
}
@media(max-width:768px){
#inc01{display:block;padding:60px 0}	
#inc01 .tit_area{padding:0 20px 25px;text-align:center}
#inc01 .tit_area p{margin-bottom:10px;font-size:32px}
#inc01 .tit_area .pl{white-space:normal;word-break:keep-all}
#inc01 .controls{justify-content:center;margin-top:15px}
#inc01 .inc01_slide{margin-left:20px}
#inc01 ul li{height:380px;border-radius:16px}
#inc01 ul li a{padding:20px}
#inc01 ul li p{font-size:22px;word-break:keep-all}
}
@media(max-width:480px){
#inc01 .inc01_slide{margin-left:0}
}

/* =========================== inc02 */
#inc02 {
  padding: 150px 5%;              
  display: flex;
  flex-direction: column;        /* 위→아래 배치 */
  align-items: center;           /* 가로 가운데 */
  justify-content: center;       /* 세로 가운데 */
  min-height: 90vh;             
  background: url(../img/main/inc02/bg.png) top center no-repeat #020305;
  background-size: cover;
  box-sizing: border-box;
}
#inc02 .tit_area {
  text-align: center;            /* 내부 글씨 가운데 */
  margin-bottom: 60px;           /* 리스트와 간격 */
  padding-top: 0;                /* 불필요한 위 여백 제거 */
}

#inc02 .tit_area p {
  margin-bottom: 12px;
  font-size: 65px;
  font-weight: 700;
  color: #fff;
}

#inc02 .tit_area .pl {
  font-size: 27px;
  line-height: 1.2;
  white-space: pre-line;
  margin-bottom: 25px;
}

#inc02 ul {
  display: flex;
  flex-wrap: wrap;                /* 화면 좁으면 자동 줄바꿈 */
  justify-content: center;        /* 가로 중앙 */
  align-items: center;            /* 세로 중앙 */
  gap: 80px;
  margin: 0;                      /* margin-left 제거 */
  padding: 0;
}
#inc02 ul li{width:355px;text-align:center;}
#inc02 ul li span{font-size:65px;font-weight:700;color:#fff;font-family:'Poppins';letter-spacing: -0.5px;}
#inc02 ul li p i{font-size:45px;font-weight:700;color:#fff;font-style:normal;font-family:'Poppins'}
#inc02 ul li .tit{margin:14px 0 30px;font-size:30px;font-weight:600;color:#fff}
#inc02 ul li .sub_tit{font-size:17px;white-space:pre-line;line-height:1.8;color:#ffffffbc}
#inc02 ul li div{white-space:pre-line}
@media(max-width:1500px){
#inc02 ul{margin-left:8%}
}
@media(max-width:1300px){
#inc02{padding:80px 30px}	
}
@media(max-width:1024px){
#inc02{height:600px;padding-top:0}	
#inc02 .tit_area p{font-size:42px}
#inc02 .tit_area .pl{font-size:16px}
#inc02 ul li span{font-size:40px}
#inc02 ul li .tit{font-size:26px}
#inc02 ul li p i{font-size:26px}
}
@media(max-width:768px){
#inc02{display:block;padding:60px 20px}	
#inc02 .tit_area{padding:0 20px 35px;text-align:center; margin: 0;}
#inc02 .tit_area p{margin-bottom:10px;font-size:32px}
#inc02 .tit_area .pl{white-space:normal;word-break:keep-all;font-size:16px}
#inc02 ul{margin-left:0}
#inc02 ul li span{font-size:32px}
#inc02 ul li .tit{margin-bottom:15px;font-size:22px}
#inc02 ul li .sub_tit{font-size:14.5px;}
}
@media(max-width:480px){
#inc02{height:auto}	
#inc02 ul{display:block}
#inc02 ul li{width:auto}
#inc02 ul li+li{margin-top:25px}
#inc02 ul li span{font-size:26px}	
#inc02 ul li p i{font-size:20px}
#inc02 ul li .tit{margin-bottom:10px;font-size:18px}
}

/* =========================== inc03 */
#inc03{display:flex;padding:220px 0 280px 5%;background:url(../img/main/inc03/bg.png) 70% center no-repeat #020305}
#inc03 .tit_area{flex-shrink:0;padding-top:70px}
#inc03 .tit_area p{margin-bottom:25px;font-size:65px;font-weight:700;color:#fff}
#inc03 .tit_area .pl{font-size:17px;white-space:pre-line;line-height:1.8}
#inc03 .controls{display:flex;align-items:center;margin-top:70px;color:#fff}
#inc03 .controls .arr{display:flex;align-items:center;cursor:pointer}
#inc03 .controls .pager{width:76px;margin:0 35px;font-size:0}
#inc03 .controls .pager span{position:relative;font-size:14px;font-weight:600}
#inc03 .controls .pager span+span{opacity:.5;margin-left:20px;padding-left:20px}
#inc03 .controls .pager span:before{content:"0"}
#inc03 .controls .pager span+span:after{display:block;;content:"";position:absolute;left:0;top:4px;width:1px;height:12px;background:rgba(255,255,255,.4)}

#inc03 .inc03_slide{margin-left:18%}
#inc03 ul{padding-top:15px}
#inc03 ul li{height:526px; width: 100%; overflow:hidden;border-radius:30px;background:center no-repeat #fff;background-size:cover;transition:transform .3s}
#inc03 ul li:nth-child(even){margin-top:65px}
#inc03 ul li a{position:relative;display:flex;flex-flow:column;align-items:flex-start;height:100%;padding:100px 50px 80px;color:#777;word-break:keep-all}
#inc03 ul li a img{opacity:0;margin-top:15px;transition:all .3s}
#inc03 ul li p{margin-bottom:25px;font-size:27px;font-weight:600;word-break:keep-all;color:#222;line-height:1.35}
#inc03 ul li span{margin-top:auto;font-size:15px}
#inc03 ul li a.img{color:rgba(255,255,255,.75);background:rgba(49, 49, 49, 0.5); width: 5000px;} 
#inc03 ul li a.img p{color:#fff}

@media(hover:hover){
#inc03 ul li:hover{transform:translateY(-15px)}
}
@media(max-width:1300px){
#inc03{padding:160px 0 160px 30px}	
#inc03 .inc03_slide{margin-left:0}
#inc03 ul li{height:480px}
#inc03 ul li a{padding:30px}
}
@media(max-width:1024px){
#inc03 .tit_area p{font-size:42px}
#inc03 .tit_area .pl{font-size:16px}
#inc03 ul li{height:420px}
#inc03 ul li p{font-size:26px}
}
@media(max-width:768px){
#inc03{display:block;padding:60px 0}	
#inc03 .tit_area{padding:0 20px 25px;text-align:center}
#inc03 .tit_area p{margin-bottom:10px;font-size:32px}
#inc03 .tit_area .pl{white-space:normal;word-break:keep-all}
#inc03 .controls{justify-content:center;margin-top:15px}
#inc03 .inc03_slide{margin-left:20px}
#inc03 ul li{height:380px;border-radius:16px}
#inc03 ul li:nth-child(even){margin-top:0}
#inc03 ul li a{padding:20px}
#inc03 ul li p{font-size:20px;word-break:keep-all}
#inc03 ul li span{font-size:13px}
}
@media(max-width:480px){
#inc03 .inc03_slide{margin-left:0}
#inc03 ul li{height:280px}
}