@charset "utf-8";

/* =========================== MAIN */
#mainVisual{overflow:hidden;position:relative;letter-spacing:-.2px;width:100%;height:100vh;min-height:800px;background:#222}

/* 스와이퍼 */
#mainVisual .main_slide{width:100%;height:100%}
#mainVisual ul li{width:100%;height:100%;background:center no-repeat;background-size:cover}
#mainVisual ul li.bg01{background-image:url('/images/fs/main/main01.jpg')}
#mainVisual ul li.bg02{background-image:url('/images/fs/main/main02.jpg')}
#mainVisual ul li.bg03{background-image:url('/images/fs/main/main03.jpg')}
#mainVisual .pager{position:absolute;left:50%;bottom:70px;z-index:101;transform:translateX(-50%);width:max-content}
#mainVisual .pager span{opacity:.3;position:relative;width:29px;height:29px;margin:0 5px;background-color:transparent;transition:all .3s}
#mainVisual .pager span.on{opacity:1}
#mainVisual .pager span:before{opacity:0;display:block;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:45px;height:45px;border:1px solid rgba(255,255,255,.3);border-radius:50%;transition:all .3s}
#mainVisual .pager span.on:before{opacity:1;width:24px;height:24px}
#mainVisual .pager span:after{display:block;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:7px;height:7px;border-radius:50%;background:#fff}

/* 텍스트 */
/*#mainVisual .main_txt{display:flex;flex-flow:column;position:absolute;left:6.5%;bottom:240px;z-index:101;font-size:18px;font-weight:500;color:#fff;font-family:'Pretendard'}
#mainVisual .main_txt span{font-weight:600;font-family:'poppins',sans-serif}
#mainVisual .main_txt p{margin:50px 0 45px;font-size:65px;font-weight:700;line-height:1.2;white-space:pre-line;font-family:'poppins',sans-serif}
#mainVisual .main_txt p b{color:var(--primary)}*/

/* 슬라이드 텍스트 기본 스타일 */
#mainVisual .slide_text {display:flex;flex-flow:column;position:absolute;left:6.5%;top:340px;z-index:101;font-size:18px;font-weight:500;color:#fff;font-family:'Pretendard'}
#mainVisual .slide_text .main_txt > span {opacity: 0;transform: translateX(40px);transition: 1.4s;display:block;margin-bottom:10px;color: #fff;font-size:22px;font-family:'poppins',sans-serif}
#mainVisual .slide_text .main_txt > span em {display:inline-grid;place-items:center;padding:0 20px;margin-right:20px;height:40px;background: var(--primary);font-size:18px;border-radius: 50px;}
#mainVisual .slide_text .main_txt > strong {opacity: 0;transform: translateX(40px);transition: 1.4s;transition-delay:0.2s;display:block;margin-bottom:20px;font-size:80px;font-weight: 800;}
#mainVisual .slide_text .main_txt > p {opacity: 0;transform: translateX(40px);transition: 1.4s;transition-delay:0.4s;display:block;margin-bottom:65px;font-size:18px;font-weight: 500;}
#mainVisual .slide_text .main_txt > .cer_ul {opacity: 0;transform: translateX(40px);transition: 1.4s;transition-delay:0.6s;display: flex;gap:30px;flex-wrap: wrap;margin-bottom:40px;}
#mainVisual .slide_text .main_txt > .cer_ul li {display: flex;align-items: center;width: auto;}
#mainVisual .slide_text .main_txt > .cer_ul li:before {content:"";display:inline-block;margin-right:10px;width: 4px;height: 19px;background: #e75f24;}
#mainVisual .slide_text .main_txt > .cer_img {opacity: 0;transform: translateX(40px);transition: 1.4s;transition-delay:0.6s;display:flex;gap:30px;}
#mainVisual .slide_text .main_txt > .cer_img a {cursor: default;}
#mainVisual .slide_text .main_txt > .cer_img img {max-width: 177px;width: 100%;}
#mainVisual .swiper-slide-active .slide_text .main_txt span {opacity: 1;transform: translateX(0);}
#mainVisual .swiper-slide-active .slide_text .main_txt strong {opacity: 1;transform: translateX(0);}
#mainVisual .swiper-slide-active .slide_text .main_txt p {opacity: 1;transform: translateX(0);}
#mainVisual .swiper-slide-active .slide_text .main_txt .cer_ul {opacity: 1;transform: translateX(0);}
#mainVisual .swiper-slide-active .slide_text .main_txt .cer_img {opacity: 1;transform: translateX(0);}

@media(max-width:1230px){
#mainVisual{height:800px;min-height:auto}
#mainVisual .slide_text {top:200px;}
}
@media(max-width:1024px){
#mainVisual{height:600px}
#mainVisual .slide_text {top:80px;}
#mainVisual .main_txt{bottom:200px;font-size:16px}
#mainVisual .main_txt p{margin:30px 0;font-size:48px}
#mainVisual .pager{bottom:30px}

#mainVisual .slide_text .main_txt > span {font-size:18px;}
#mainVisual .slide_text .main_txt > span em {margin-right:10px;font-size:16px;}
#mainVisual .slide_text .main_txt > strong {font-size:60px;margin-bottom:10px;}
#mainVisual .slide_text .main_txt > p {margin:15px 0 35px 0;}
#mainVisual .slide_text .main_txt > .cer_ul {margin-bottom:20px;}
#mainVisual .slide_text .main_txt > .cer_img {gap:10px;}
#mainVisual .slide_text .main_txt > .cer_img img {max-width: 167px;width: 100%;}
}
@media(max-width:768px){
#mainVisual{height:500px}
#mainVisual .main_txt{left:30px;bottom:140px;line-height:1.6;word-break:keep-all}
#mainVisual .main_txt p{font-size:42px;word-break:keep-all}

#mainVisual .slide_text {top:60px;}
#mainVisual .slide_text .main_txt > span {font-size:16px;}
#mainVisual .slide_text .main_txt > span em {margin-right:10px;font-size:14px;}
#mainVisual .slide_text .main_txt > strong {font-size:40px;margin-bottom:0;}
#mainVisual .slide_text .main_txt > p {margin:5px 0 15px 0;font-size:14px;}
#mainVisual .slide_text .main_txt > .cer_ul {margin-bottom:20px;gap:10px;font-size:14px;}
#mainVisual .slide_text .main_txt > .cer_ul li:before {margin-right:5px;}
#mainVisual .slide_text .main_txt > .cer_img {gap:10px;}
#mainVisual .slide_text .main_txt > .cer_img img {max-width: 147px;width: 100%;}
}
@media(max-width:679px){
#mainVisual .slide_text .main_txt > .cer_img img {max-width: 107px;width: 100%;}
}
@media(max-width:480px){
#mainVisual .main_txt p{font-size:38px}

#mainVisual .slide_text .main_txt > .cer_img img {max-width: 77px;width: 100%;}
}

/* =========================== inc01 */
#inc01{margin:0 auto;padding:170px 0 220px}
#inc01 .sh_cont_box{max-width:1320px;margin:0 auto}
#inc01 .sh_cont_box .txt_group{position:relative;margin-left:180px}
#inc01 .sh_cont_box .txt_group p{white-space:pre-line;margin:10px 0 40px}
#inc01 .sh_cont_box .more_btn{position:absolute;right:70px;bottom:0}
#inc01 .slide_wrap{margin-top:100px;padding-left:calc((100% - 1320px) / 2)}
#inc01 ul li{position:relative;width:500px;height:600px;background:url('/images/fs/main/inc01/sec01_img1.jpg') center no-repeat}
#inc01 ul li.img02{background-image:url('/images/fs/main/inc01/sec01_img2.jpg')}
#inc01 ul li.img03{background-image:url('/images/fs/main/inc01/sec01_img3.jpg')}
#inc01 ul li.img04{background-image:url('/images/fs/main/inc01/sec01_img4.jpg')}
#inc01 ul li.img05{background-image:url('/images/fs/main/inc01/sec01_img5.jpg')}
#inc01 ul li a{display:block;height:100%;}
#inc01 ul li a:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg, #e77645, #000000a8);transition:all .3s;opacity:0}
#inc01 ul li .info{position:relative;z-index:1;display:flex;flex-flow:column;height:100%;padding:50px 60px;font-size:15px;color:#fff}
#inc01 ul li .info p{font-size:28px;font-weight:600}
#inc01 ul li .info span{margin-top:8px;font-size:14px;font-weight:600;font-family:'Poppins',sans-serif}
#inc01 ul li .info div{opacity:0;margin-top:auto;word-break:keep-all;transition:all .2s}
#inc01 .nav_btn{position:absolute;top:50%;right:75px;z-index:101;transform:translateY(-50%)}
#inc01 .nav_btn button{cursor:pointer;width:68px;height:68px;padding-top:3px;border-radius:50%;color:#fff;background:rgba(0,0,0,.6);transition:all .3s}

@media(hover:hover){
#inc01 ul li a:hover:before{opacity:1}
#inc01 ul li:hover .info div{opacity:1}
#inc01 .nav_btn button:hover{color:#111;background:#fff}
}
@media(max-width:1380px){
#inc01 .sh_cont_box{padding-left:30px}
#inc01 .sh_cont_box .more_btn{right:30px}
}
@media(max-width:1320px){
#inc01{padding:170px 0 0}	
}
@media(max-width:1024px){
#inc01{padding:100px 0 0}
#inc01 .sh_cont_box .txt_group{margin-left:15%}
#inc01 .slide_wrap{margin-top:60px}
#inc01 ul li{width:400px;height:500px}
#inc01 ul li .info{padding:40px}
#inc01 ul li .info p{font-size:26px}
#inc01 .nav_btn{right:30px}
}
@media(max-width:768px){
#inc01{padding:60px 0 0}	
#inc01 .slide_wrap{margin-top:40px}
#inc01 .sh_cont_box .txt_group{margin:0}
#inc01 .sh_cont_box .txt_group p{margin:25px 0}
#inc01 .sh_cont_box .more_btn{position:relative;right:auto;bottom:auto;margin-top:20px}
#inc01 ul li{width:280px;height:280px}
#inc01 ul li .info{padding:35px 30px;font-size:14px}
#inc01 ul li .info p{font-size:22px}
#inc01 ul li .info span{font-size:13px}
#inc01 .nav_btn button{width:55px;height:55px}
#inc01 .nav_btn button svg{width:20px;height:20px}
}
@media(max-width:480px){
#inc01{padding:50px 0 0}	
#inc01 .sh_cont_box{padding-left:20px}
#inc01 ul li{width:230px;height:230px}
#inc01 ul li .info{padding:25px 20px}
#inc01 ul li .info p{font-size:20px}
#inc01 .nav_btn{right:20px}
#inc01 .nav_btn button{width:48px;height:48px}
}

/* =========================== inc02 */
#inc02{padding:150px 0 180px;text-align:center;background:url('/images/fs/main/inc02/inc02_bg.jpg') center no-repeat;background-size:cover}
#inc02 .sh_cont_box{margin-bottom:90px}
#inc02 .sh_cont_box .s_tit{margin:0 auto;color:#fff}
#inc02 .sh_cont_box .txt_group{color:rgba(255, 255, 255, .6)}
#inc02 .sh_cont_box .txt_group p{margin:45px 0 30px;color:#fff}
#inc02 .box_wrap{position:relative;max-width:1165px;margin:0 auto;background-color:rgba(0, 0, 0, .2)}
#inc02 .box_wrap .active{opacity:0;position:absolute;top:50%;z-index:0;transform:translateY(-50%);width:330px;height:300px;background:var(--primary);transition:all .8s cubic-bezier(0.22, 1, 0.36, 1)}
#inc02 ul{position:relative;display:flex;justify-content:space-between;padding:28px}
#inc02 ul li{width:330px}
#inc02 ul li a{display:flex;flex-flow:column;justify-content:center;align-items:center;height:300px;color:#fff}
#inc02 ul li span{margin:35px 0 10px;font-size:15px;font-weight:600;font-family:'poppins',sans-serif}  
#inc02 ul li p{font-size:22px;font-weight:700;color:#fff}

@media(hover:hover){
#inc02 .box_wrap:hover .active{opacity:1}
}
@media(max-width:1024px){
#inc02 .box_wrap .active{display:none}	
#inc02 ul li{width:calc(100% / 3)}
}
@media(max-width:768px){
#inc02{padding:80px 0}	
#inc02 .sh_cont_box{margin-bottom:50px}
#inc02 .sh_cont_box .txt_group{padding:0 20px}
#inc02 .sh_cont_box .txt_group p{margin:25px 0}
#inc02 ul{padding:0}
#inc02 ul li span{font-size:13px}
#inc02 ul li p{font-size:18px}
#inc02 ul li a{height:280px}
#inc02 ul li a > img{min-width:65px;width:30%}
}
@media(max-width:480px){
#inc02{padding:60px 0}	
}
@media(max-width:380px){
#inc02{padding:60px 0 0}	
#inc02 ul{display:block}
#inc02 ul li{width:100%}
#inc02 ul li+li{border-top:1px solid rgba(255,255,255,.3)}
#inc02 ul li a{height:auto;padding:30px 0}
#inc02 ul li a > img{width:20%}
#inc02 ul li span{margin-top:20px}
}

/* =========================== inc03 */
#inc03 .inner{max-width:1320px;margin:160px auto 80px}
#inc03 .sh_cont_box{padding-bottom:85px;border-bottom:1px solid #e1e1e1}
#inc03 .sh_cont_box .txt_group{position:relative;margin-left:180px}
#inc03 .sh_cont_box .txt_group p{margin:10px 0 40px}
#inc03 .sh_cont_box .more_btn{position:absolute;right:70px;bottom:0}
#inc03 .latest{display:flex;margin:60px 0 80px}
#inc03 .latest li{width:50%} 
#inc03 .latest li a{display:flex;align-items:center}
#inc03 .latest li .img{position:relative;width:250px;height:172px;background:no-repeat center;background-size:contain;}
#inc03 .latest li .img span{position:absolute;left:0;top:0;z-index:1;width:40px;height:40px;font-size:15px;font-weight:700;line-height:40px;color:#fff;text-align:center;background:var(--primary);font-family:'poppins',sans-serif}
#inc03 .latest li .cont{padding-left:35px;color:#777}
#inc03 .latest li .cont span{font-size:14px;font-weight:600;color:var(--primary)}
#inc03 .latest li .cont p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 15px;font-size:19px;font-weight:700;color:#111;/*display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:1;*/}
#inc03 .latest li .cont div{width:70%;word-break:keep-all;/*display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3;*/}
#inc03 .bnr_wrap{position:relative;padding-bottom:80px}
#inc03 .bnr_wrap:before{display:block;content:"";position:absolute;bottom:0;left:0;width:100%;height:280px;background:#121614}
#inc03 .bnr_wrap:after{display:block;content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);max-width:1480px;width:100%;height:280px;background:#fff}
#inc03 .bnr{display:flex;justify-content:flex-end;align-items:flex-end;position:relative;z-index:1;max-width:1320px;height:400px;margin:0 auto;background:url('/images/fs/main/inc03/inc03_img03.jpg') no-repeat center;background-size:cover}
#inc03 .bnr .txt{padding:0 70px 60px 0;font-size:16px;color:#fff} 
#inc03 .bnr .txt p{margin-bottom:30px;font-size:26px;font-weight:700;line-height:1.4;white-space:pre-line;word-break:keep-all}
#inc03 .bnr .txt div{white-space:pre-line;word-break:keep-all}

@media(max-width:1380px){
#inc03 .sh_cont_box{padding-left:30px}
#inc03 .latest{padding:0 30px}
#inc03 .sh_cont_box .more_btn{right:30px}
}
@media(max-width:1320px){
#inc03 .bnr_wrap{padding:0}
#inc03 .bnr_wrap:after{display:none}	
#inc03 .bnr_wrap:before{display:none}
}
@media(max-width:1024px){
#inc03 .inner{margin:100px 0 0}
#inc03 .sh_cont_box .txt_group{margin-left:15%}
#inc03 .latest li .img{flex-shrink:0;width:40%;height:160px}
#inc03 .latest li .cont{width:60%;padding:0 15px 0 25px}
#inc03 .latest li .cont div{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#inc03 .bnr{height:350px}
}
@media(max-width:768px){
#inc03 .inner{margin:60px 0 40px}	
#inc03 .sh_cont_box{padding-bottom:40px}
#inc03 .sh_cont_box .txt_group{margin:0}
#inc03 .sh_cont_box .txt_group p{margin:25px 0}
#inc03 .sh_cont_box .more_btn{position:relative;right:auto;bottom:auto;margin-top:20px}
#inc03 .latest{margin:40px 0}
#inc03 .latest li .img{height:110px}
#inc03 .latest li .cont{padding:0 0 0 20px}
#inc03 .latest li .cont span{font-size:13px}
#inc03 .latest li .cont p{margin-bottom:5px;font-size:16px}
#inc03 .bnr{justify-content:flex-start;height:300px}
#inc03 .bnr .txt{padding:0 0 40px 30px}
#inc03 .bnr .txt p{margin-bottom:20px;font-size:22px}
}
@media(max-width:560px){
#inc03 .latest{display:block}
#inc03 .latest li{width:100%}	
#inc03 .latest li+li{margin-top:20px}
}
@media(max-width:480px){
#inc03 .inner{margin:50px 0}	
#inc03 .sh_cont_box{padding-left:20px}
#inc03 .latest{padding:0 20px}
#inc03 .bnr .txt{padding:0 20px 30px 20px;font-size:14px}
#inc03 .bnr .txt p{white-space:normal}
#inc03 .bnr .txt div{white-space:normal}
}