@charset "utf-8";

#inc02{position:relative;padding:20px 0 0 0;text-align:center;color:#fff;font-family:var(--k-font)}
#inc02 .pl{white-space:pre-line}
#inc02 .cont{position:relative;color:#fff}
#inc02 .cont p{padding-bottom:50px;font-size:17px;font-weight:600}
#inc02 .txt_box h2{font-size:55px;font-weight:400;font-family:var(--e-font);line-height:1.2}
#inc02 .txt_box a{display:flex;align-items:center;justify-content:center;gap:13px;width:186px;height:53px;position:absolute;top:75%;right:23%;border:2px solid #fff;border-radius:50px;font-family:var(--e-font);transition:all 0.2s}
#inc02 .txt_box a svg{width:18px}

/* video */
#inc02 #mainImg{width:100%;height:689px;margin:0 auto 180px !important}
#inc02 #mainImg .video_box{position:relative;width:100%;height:100%}
#inc02 #mainImg .video_box .video_inner{overflow:hidden;position:relative;width:100%;height:100%}
#inc02 #mainImg .video_box .video_inner video{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%}
#inc02 #mainImg .video_box .video_inner p{position:absolute;top:112px;left:10%;z-index:2;font-size:40px;font-weight:700;line-height:1.3;text-align:left;white-space:pre-line;color:#fff;text-transform:uppercase;font-family:var(--k-font)}
#inc02 #mainImg .video_box a{display:block;position:absolute;right:10%;bottom:-100px;z-index:2;transition:0.5s}
#inc02 #mainImg .video_box a img{transition:5s}
#inc02 #mainImg .video_box a svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:35px;height:35px;color:#fff}

/* cont */
#inc02 ul{max-width:1094px;margin:0 auto}
#inc02 ul li{opacity:0;transform:translateY(50px);width:100%}
#inc02 ul li+li{padding:135px 0 105px;border-bottom:1px solid rgba(255, 255, 255, 0.2)}
#inc02 ul li a{overflow:hidden;display:block;width:100%;height:100%;transition:all 0.2s}
#inc02 ul li a .img_cont{overflow:hidden;position:relative}
#inc02 ul li a .img_cont img{width:100%;object-fit:cover;transition:all .3s}
#inc02 ul li .txt_group{display:flex;align-items:flex-start;gap:70px;padding-top:75px}
#inc02 ul li .txt_group b{font-size:120px;font-weight:700;line-height:1;opacity:0.05;font-family:var(--e-font)}
#inc02 ul li .txt_group div{padding-top:40px}
#inc02 ul li .txt_group div p{padding-bottom:40px;font-size:20px;font-weight:700;line-height:1.4;color:#fff;white-space:pre-line;text-transform:uppercase;text-align:left;font-family:var(--k-font)}
#inc02 ul li .txt_group div span{color:rgba(255, 255, 255, 0.4)}

/* tit_area */
#inc02 .tit_area{opacity:0;transform:translateY(50px);display:flex;align-items:flex-end;justify-content:space-between;max-width:1094px;margin:0 auto;padding-top:90px}
#inc02 .tit_area div h2{font-size:38px;font-weight:700;text-transform:uppercase;text-align:left;font-family:var(--e-font)}
#inc02 .tit_area div p{padding-top:40px;text-align:left;font-size:20px;color:rgba(255, 255, 255, 0.5)}
#inc02 .tit_area a{display:flex;align-items:center;justify-content:center;gap:30px;width:228px;height:59px;border:1px solid #fff;font-size:13px;font-weight:700;line-height:59px;color:#fff;text-align:center;text-transform:uppercase;transition:0.2s;font-family:var(--e-font)}
#inc02 .tit_area a svg{width:20px;height:20px}

/* 반응형 [s] */
@media (hover:hover){
#inc02 .txt_box a:hover{gap:23px}
#inc02 #mainImg .video_box a:hover img{transform:rotate(360deg)}
#inc02 ul li a:hover .img_cont img{transform:scale(105%)}
#inc02 .tit_area a:hover{color:#111;background:#fff;gap:40px}
}
@media (max-width:1380px){
#inc02 #mainImg .video_box .video_inner p{left:5%;font-size:36px}
#inc02 #mainImg .video_box a{right:5%}
#inc02 #mainImg .video_box a svg{width:33px;height:33px}
#inc02 #mainImg .video_box a img{width:170px;height:170px}
#inc02 ul{width:980px}
#inc02 ul li .txt_group b{font-size:100px}
#inc02 .tit_area div h2{font-size:36px}
#inc02 .tit_area div p{font-size:18px}
}
@media (max-width:1024px){
#inc02 #mainImg{height:560px}
#inc02 #mainImg{margin:0 auto 150px !important}
#inc02 #mainImg .video_box .video_inner video{height:100%;object-fit:cover}
#inc02 #mainImg .video_box .video_inner p{top:60px;font-size:30px}
#inc02 #mainImg .video_box a{bottom:-70px}
#inc02 #mainImg .video_box a img{width:140px;height:140px}
#inc02 #mainImg .video_box a svg{width:28px;height:28px}
#inc02 ul{width:90%}
#inc02 ul li+li{padding:115px 0 100px}
#inc02 ul li a .img_cont img{height:380px}
#inc02 ul li .txt_group{padding-top:60px;gap:50px}
#inc02 ul li .txt_group b{font-size:80px}
#inc02 ul li .txt_group div{padding-top:30px;text-align:start;word-break:keep-all}
#inc02 ul li .txt_group div p{padding-bottom:30px;font-size:18px}
#inc02 .tit_area{margin:auto;width:90%}
#inc02 .tit_area div h2{font-size:30px}
#inc02 .tit_area div p{padding-top:30px;font-size:16px}
#inc02 .tit_area a{width:210px}
}
@media (max-width:768px){
#inc02 #mainImg{margin-bottom:130px !important;height:450px}
#inc02 #mainImg .video_box .video_inner p{top:45px;font-size:25px}
#inc02 #mainImg .video_box a{bottom:-60px}
#inc02 #mainImg .video_box a img{width:120px;height:120px}
#inc02 #mainImg .video_box a svg{width:26px;height:26px}
#inc02 ul{width:95%}
#inc02 ul li+li{padding:80px 0 100px}
#inc02 ul li:last-child a img{width:auto}
#inc02 ul li a .img_cont img{height:430px;filter:brightness(0.4)}
#inc02 ul li .txt_group{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:95%;flex-direction:column;align-items:center;text-align:center;padding-top:0px;gap:25px}
#inc02 ul li .txt_group b{opacity:0.4;font-size:70px}
#inc02 ul li .txt_group div{padding-top:0px;text-align:center}
#inc02 ul li .txt_group div p{text-align:center;padding-bottom:25px}
#inc02 ul li .txt_group div span{display:block;margin:auto;width:80%;color:rgb(255, 255, 255, 0.6)}
#inc02 .tit_area{flex-direction:column;align-items:center;text-align:center;gap:40px;padding-top:70px;width:95%}
#inc02 .tit_area div h2{text-align:center;font-size:27px}
#inc02 .tit_area div p{padding-top:20px;text-align:center}
}
@media (max-width:480px){
#inc02 #mainImg{margin-bottom:105px !important;height:380px}
#inc02 #mainImg .video_box .video_inner p{top:5%;font-size:21px}
#inc02 #mainImg .video_box a{bottom:-50px}
#inc02 #mainImg .video_box a svg{width:23px;height:23px}
#inc02 #mainImg .video_box a img{width:100px;height:100px}
#inc02 ul li+li{padding:60px 0 80px}
#inc02 ul li .txt_group{gap:15px}
#inc02 ul li .txt_group b{font-size:55px}
#inc02 ul li .txt_group div p{padding-bottom:20px}
#inc02 ul li .txt_group div span{width:95%}
#inc02 ul li a .img_cont img{height:380px}
#inc02 .tit_area{padding-top:60px;gap:35px}
#inc02 .tit_area div h2{font-size:23px}
#inc02 .tit_area div p{padding-top:15px;font-size:15px}
#inc02 .tit_area a{width:195px;height:56px;line-height:56px}
}
@media (max-width:390px){
#inc02 #mainImg{margin-bottom:90px !important;height:330px}
#inc02 #mainImg .video_box .video_inner p{font-size:19px}
#inc02 #mainImg .video_box a{bottom:-45px}
#inc02 #mainImg .video_box a svg{width:21px;height:21px}
#inc02 #mainImg .video_box a img{width:90px;height:90px}
#inc02 ul li+li{padding:40px 0 60px}
#inc02 ul li .txt_group b{font-size:45px}
#inc02 ul li .txt_group div p{padding-bottom:15px;font-size:16px}
#inc02 ul li .txt_group div span{width:100%}
#inc02 ul li a .img_cont img{height:350px}
#inc02 .tit_area div h2{font-size:21px}
#inc02 .tit_area div p{padding-top:12px;font-size:14px}
#inc02 .tit_area a{gap:20px;width:185px;height:52px;line-height:52px}
#inc02 .tit_area a:hover{gap:30px}
}
/* 반응형 [e] */