@charset "utf-8";

/* =========================== MAIN */
#mainVisual{position:relative}
/* 텍스트 */
#mainVisual .txt_area{position:absolute;left:0;top:465px;width:100%;height:200px;z-index:999;overflow:hidden}
#mainVisual .txt_area p{font-size:20px;color:#fff;font-weight:400;font-family:'Noto Sans KR';padding-left:50px;}
#mainVisual .txt_area .txt_item{display:block;position:absolute;width:280%;overflow:hidden;font-size:180px;font-weight:700;color:#fff;animation:marquee 12s linear infinite;font-family:'mulish'} 
#mainVisual .txt_area .txt_item span{float:left;width:33.3%;line-height: 1;}
#mainVisual .txt_area p .br_none{display: none;}
@keyframes marquee {0%{left:0}100%{left:-126.6%}}
/* 슬라이더 */
#mainVisual .main_slider{width:100%} 
#mainVisual .slider{width:100%;height:100%}
#mainVisual .slider li{width:100%;height:100%}
#mainVisual .slider li .slider_img{position:relative;width:100%;height:648px;overflow:hidden}
#mainVisual .slider li .slider_img img{position:absolute;left:0;top:0;width:100%;height:100%;transform:scale3d(1.3, 1.3, 1);transition:transform 1400ms ease}
#mainVisual .slider .swiper-slide.swiper-slide-active .slider_img img, #mainVisual .slider .swiper-slide.swiper-slide-duplicate-active .slider_img img {transform:scale3d(1, 1, 1)} 
#mainVisual .slider .swiper-slide.swiper-slide-active .slider_txt{opacity:1}
#mainVisual .slider_txt{margin-top:25px;overflow:hidden;color:#000;opacity:0;line-height:34px;transition:all .4s}
#mainVisual .slider_txt>div:nth-child(1){float:left;width:25%}
/* Main Notice */
.main_notice{position:relative;width:100%;margin-top:20px}
.main_notice .notice_tit{float:left;width:100px;text-align:center;border:solid 1px #000;border-radius:30px;line-height:30px;font-size:16px;font-weight:700;font-family:'mulish'}
.main_notice .notice_rolling{float:left;width:calc(100% - 200px);height:32px;overflow:hidden;padding-left:15px}
.main_notice .notice_rolling li{height:32px;line-height:32px;font-size:17px;font-family:'Noto Sans KR'}
.main_notice .notice_rolling li a{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.main_notice .notice_btns{width:100px;text-align:right;display: flex;align-items: center;justify-content:flex-end}
.main_notice .notice_btns div{flex-shrink: 0; display:inline-grid;place-items: center; width:40px;height:40px;text-align:center;border:solid 1px #ddd;border-radius:50%;cursor:pointer;font-size:18px}
.main_notice .notice_btns div:hover{background-color:#f5f5f5}
.main_notice .notice_btns div:nth-child(2){margin-left:10px;}
/* 페이저 */
#mainVisual .slider_pager{position:absolute;right:30px;top:20px;bottom:auto;left:auto;width:auto;height:auto;z-index:10;font-size:18px;font-weight:400;color:#fff;font-family:'mulish'}
#mainVisual .slider_pager .total{opacity:0.5}
@media (max-width:1749px){
#mainVisual .txt_area .txt_item span{width:50%;}
}
@media (max-width:1400px){
.main_notice{padding:0 40px;}
}
@media (max-width:1199px){
#mainVisual .txt_area .txt_item {width:240%;font-size:130px;}
#mainVisual .txt_area{height:145px;top:508px}
}
@media (max-width:1024px){
#mainVisual .txt_area{top:428px;height:135px}
#mainVisual .txt_area p{font-size:16px;padding-left:40px;margin-bottom:10px}
#mainVisual .txt_area .txt_item{font-size:115px}
#mainVisual .txt_area .txt_item span{width:70%;}
#mainVisual .slider li .slider_img{height:558px}
}
@media (max-width:768px){
#mainVisual .txt_area{top:228px;height:125px}
#mainVisual .txt_area p{font-size:15px;line-height:1.4;padding-left:20px;}
#mainVisual .txt_area .txt_item{position:relative;font-size:80px;white-space:nowrap}
#mainVisual .slider li .slider_img{height:350px}
#mainVisual .slider_pager{bottom:30px}
#mainVisual .slider_pager{font-size:20px}
    .main_notice{padding:0 20px;}
#mainVisual .txt_area p .br_none{display: block;}
}
@media (max-width:480px){
#mainVisual .txt_area{top:142px;height: 85px;}
#mainVisual .txt_area p{font-size:12px;padding-left:10px;}
#mainVisual .txt_area .txt_item{font-size:40px}
#mainVisual .txt_area .txt_item span{width:50%;}
#mainVisual .slider li .slider_img{height:220px}
.main_notice .notice_rolling {width:calc(100% - 100px);}
.main_notice .notice_rolling li{font-size:15px}
.main_notice .notice_btns {display: none;}
#mainVisual .slider_pager{bottom:20px}
}

/* =========================== inc01 */
#inc01{position:relative}
#inc01 .tit_area{position:absolute;top:0;padding-top:50px;font-size:50px;font-weight:800;letter-spacing:-.2px;font-family:'mulish'}
#inc01 .tit_area img{max-width:381px;width: 100%}
#inc01 .tit_area.fixed {position:fixed;top:0}
#inc01 .business_area{padding-left:calc(100% / 3)}
#inc01 .business_area>div{display:flex;position:relative}
#inc01 .business_area>div:nth-child(2){padding:60px 0}
#inc01 .business_area>div:nth-child(4){padding:60px 0 0 0}
#inc01 .business_area>div .img{position:relative;float:left;width:50%}
#inc01 .business_area>div .txt{position:relative;width:50%;padding-left:6%;font-size:20px;line-height:30px;letter-spacing:-.3px}
#inc01 .business_area>div .txt .md{position:relative;top:50%;transform:translateY(-50%)}
#inc01 .business_area>div .txt .tit{margin-bottom:40px}
#inc01 .business_area>div .txt .tit span:nth-child(1){display:block;margin-bottom:10px;font-size:15px;font-weight:700;line-height:1;color:var(--primary);letter-spacing:0.5px;font-family:'mulish'}
#inc01 .business_area>div .txt .tit span:nth-child(2){display:block;margin-bottom:15px;font-size:54px;line-height:1;font-weight:700;letter-spacing:-.2px;font-family:'Noto Sans KR';word-break:keep-all}
#inc01 .business_area>div .txt .tit em{display:block;font-size:18px;font-weight:400;color:#666;font-style:normal;letter-spacing:-0.5px;font-family:'Noto Sans KR'}
#inc01 .business_area>div .txt .txt_pl{white-space:pre-line;word-break:keep-all}
#inc01 .business_area>div .img .wave{position:relative;width:100%;padding-bottom:100%;height:0;border-radius:50%;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size: cover;}
.ripples canvas {position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;}
#inc01 .business_area>div:nth-child(1) .img .wave{background-image:url(../../images/fs/main/inc01/img1.jpg);border-radius: 35% 20% 20% 20%;}
#inc01 .business_area>div:nth-child(2) .img .wave{background-image:url(../../images/fs/main/inc01/img2.jpg);border-radius: 20% 35% 20% 20%;}
#inc01 .business_area>div:nth-child(3) .img .wave{background-image:url(../../images/fs/main/inc01/img3.jpg);border-radius: 20% 20% 35% 20%;}
#inc01 .business_area>div:nth-child(4) .img .wave{background-image:url(../../images/fs/main/inc01/img4.jpg);border-radius: 20% 20% 20% 35%;}
#inc01 .more_btn{display:block;width:175px;padding:19px 36px;margin-top:50px;font-weight:700;line-height:var(--font-size);border-radius:30px;outline:none;text-decoration:none;font-size:var(--font-size);letter-spacing:0.5px;background:var(--background);color:var(--text);box-shadow:var(--shadow);transform:translateY(var(--y)) translateZ(0);transition:transform var(--duration) ease, box-shadow var(--duration) ease;font-family:"mulish"}
#inc01 .more_btn div {display:flex;overflow:hidden;text-shadow:0 var(--font-shadow) 0 var(--text)}
#inc01 .more_btn div span {display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-style:normal;transition:transform var(--duration) ease;transform:translateY(var(--m)) translateZ(0)}
#inc01 .more_btn div span:nth-child(1){transition-delay:0.05s}
#inc01 .more_btn div span:nth-child(2){transition-delay:0.1s}
#inc01 .more_btn div span:nth-child(3){transition-delay:0.15s}
#inc01 .more_btn div span:nth-child(4){transition-delay:0.2s}
#inc01 .more_btn div span:nth-child(5){transition-delay:0.25s}
#inc01 .more_btn div span:nth-child(6){margin-left:5px;transition-delay:0.3s}
#inc01 .more_btn div span:nth-child(7){transition-delay:0.35s} 
#inc01 .more_btn div span:nth-child(8){transition-delay:0.4s}
#inc01 .more_btn div span:nth-child(9){transition-delay:0.45s} 
@media (hover:hover) {
#inc01 .more_btn:hover {--y:var(--move-hover);--shadow:var(--shadow-hover)}
#inc01 .more_btn:hover span {--m:calc(var(--font-size) * -1)}
}
@media (max-width:1450px){
#inc01 .business_area>div .txt{font-size:17px;line-height:27px}
#inc01 .business_area>div .txt .tit span:nth-child(2){font-size:56px;margin-bottom:15px}
}
@media screen and (max-width:1200px){
#inc01 .tit_area{position:relative;top:auto;padding:0 0 50px}
#inc01 .tit_area.fixed{position:relative !important}
#inc01 .business_area{padding-left:0}
}
@media (max-width:1024px){
#inc01 .business_area>div:nth-child(2){padding:60px 0}
#inc01 .business_area>div:nth-child(2) .txt{padding:0 6% 0 0}
#inc01 .business_area>div:nth-child(4){padding:60px 0}
#inc01 .business_area>div:nth-child(4) .txt{padding:0 6% 0 0}
#inc01 .business_area>div .txt .tit span:nth-child(2){font-size:50px;margin-bottom:15px}
}
@media (max-width:768px){
#inc01 .business_area>div .txt{font-size:15px}
#inc01 .business_area>div .txt .tit{margin-bottom:22px} 
#inc01 .business_area>div .txt .tit span:nth-child(2){font-size:32px;font-weight:700;margin-bottom:10px}
#inc01 .business_area>div .txt .tit em{font-size:16px} 
#inc01 .business_area>div .txt .txt_pl{ white-space:normal}
#inc01 .more_btn{font-size:15px;margin-top:28px;width:auto;padding:18px 40px;display:inline-block}
}
@media (max-width:480px){
#inc01 .tit_area{font-size:40px}
#inc01 .business_area>div .txt .tit span:nth-child(2){font-size:25px;margin-bottom:10px}
#inc01 .business_area>div .txt .tit em{font-size:15px}
#inc01 .more_btn{width:100%;padding:20px 0;text-align:center}
#inc01 .more_btn div{display:table;margin:0 auto}
#inc01 .more_btn div span{display:inline-block}
}
@media (max-width:380px){
#inc01 .tit_area{padding-bottom:30px}
#inc01 .business_area>div{display:block;position:relative;margin-bottom:40px;padding:107% 0 0 0 !important}
#inc01 .business_area>div .img{position:absolute;float:none;width:100%;left:0;top:0}
#inc01 .business_area>div .txt{float:none;width:100%;padding-left:0}
#inc01 .business_area>div .txt .tit{margin-bottom:17px}
#inc01 .business_area>div .txt .md{top:auto;transform:none;text-align:center}

#inc01 .business_area>div:nth-child(1) .img .wave{border-radius: 10%;}
#inc01 .business_area>div:nth-child(2) .img .wave{border-radius: 10%;}
#inc01 .business_area>div:nth-child(3) .img .wave{border-radius: 10%;}
#inc01 .business_area>div:nth-child(4) .img .wave{border-radius: 10%;}
}

/* =========================== inc02 */
#inc02{margin:180px 0}
#inc02 .t_txt{display:table;position:relative;max-width:1294px;margin:0 auto 160px;font-weight:500;font-family:'mulish';text-align: center;}
#inc02 .t_txt .ltxt{display:inline-block;padding:0 13px;border:solid 1px #000;border-radius:30px;font-size:17px;line-height:1.8;margin-bottom:20px;}
#inc02 .t_txt p{font-size:36px;font-weight:400;line-height:1.2;word-break:keep-all;text-align:center;}
#inc02 .t_txt p .f_txt{display: block;line-height: 1;font-size:66px;font-weight:700;}
#inc02 .t_txt p a{display:inline-block;position:relative}
#inc02 .t_txt p a span{position:absolute;left:0;bottom:0;width:100%;height:4px;overflow:hidden}
#inc02 .t_txt p a span:before,#inc02 .t_txt p a span:after{position:absolute;bottom:-1px;width:100%;height:4px;content:'';background-color:#000;transition:all .2s}
#inc02 .t_txt p a span:before{left:0}
#inc02 .t_txt p a span:after{left:-100%;opacity:0} 
#inc02 .t_txt p a:hover span:before{left:100%;opacity:0;transition-delay:0s}
#inc02 .t_txt p a:hover span:after{left:0;opacity:1;-webkit-transition-delay:.2s;transition-delay:.2s}  
#inc02 .t_txt .b_scroll{display:table;position:relative;width:80px;height:80px;margin:35px auto 0;cursor:pointer}
#inc02 .t_txt .b_scroll img{position:absolute;left:18px;top:0;transition:linear all .2s}
#inc02 .gall_area{margin-bottom:180px;overflow:hidden;font-family:'Noto Sans KR'}
#inc02 .gall_area .lt_gall{overflow:hidden}
#inc02 .gall_area .lt_gall li{position:relative;float:left;width:49%;height:468px;margin-bottom:60px;overflow:hidden;perspective:50em;transition:all 0.2s ease-out}
#inc02 .gall_area .lt_gall li .thum_wrap{box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);}
#inc02 .gall_area .lt_gall li .thum{width:100%;height:468px;background-position:center top;background-size:cover;transition:background-position 2s ease-in-out;}
#inc02 .gall_area .lt_gall li:hover .thum{background-position:center bottom;}
#inc02 .gall_area .lt_gall li .thum01{background-image:url(../../images/fs/main/inc02/img01.jpg)}
#inc02 .gall_area .lt_gall li .thum02{background-image:url(../../images/fs/main/inc02/img02.jpg);border: 1px solid #ddd;}
#inc02 .gall_area .lt_gall li .thum03{background-image:url(../../images/fs/main/inc02/img03.jpg);border: 1px solid #ddd;}
#inc02 .gall_area .lt_gall li .thum04{background-image:url(../../images/fs/main/inc02/img04.jpg);border: 1px solid #ddd;}
#inc02 .gall_area .lt_gall li .thum05{background-image:url(../../images/fs/main/inc02/img05.jpg);}
#inc02 .gall_area .lt_gall li .thum06{background-image:url(../../images/fs/main/inc02/img06.jpg);}
#inc02 .gall_area .lt_gall li:nth-child(2){float:right;height:996px}
#inc02 .gall_area .lt_gall li:nth-child(2) .thum{height:1046px}
#inc02 .gall_area .lt_gall li:nth-child(4){width:23.5%;margin-right:2%}
#inc02 .gall_area .lt_gall li:nth-child(5){width:23.5%;}
#inc02 .gall_area .lt_gall li:nth-child(6){float:right}
#inc02 .gall_area .lt_gall li .txt{position:absolute;top:50%;left:20px;right:20px;opacity:0;text-align:center;z-index:1;color:#fff;transform:translate(-10%, -70%);transition:all 0.2s ease-out}
#inc02 .gall_area .lt_gall li:hover .txt {opacity:1;transform:translate(0%, -50%);transition-delay:0.2s}
#inc02 .gall_area .lt_gall li .txt .subj{margin-bottom:7px;font-size:20px;font-family:'Noto Sans KR'}
#inc02 .gall_area .lt_gall li .txt .date{font-size:19px;font-weight:500}
#inc02 .gall_area .lt_gall li a{position:absolute;left:0;right:0;top:0;bottom:0;font-size:0;z-index:1}
#inc02 .gall_area .lt_gall li:after{display:block;position:absolute;top:20px;left:20px;right:20px;bottom:20px;content:"";opacity:0;background-color:#000;transition:all 0.4s ease-in-out;transform:rotate3d(1, -1, 0, 100deg)}
#inc02 .gall_area .show_more{display:table;position:relative;margin:30px auto 0;font-size:20px;line-height:2.2;font-weight:700;width: 230px;}
#inc02 .gall_area .show_more img{padding-left:10px}
#inc02 .gall_area .show_more span{position:absolute;right:0;bottom:0;width:100%;height:4px;overflow:hidden}
#inc02 .gall_area .show_more span:before,#inc02 .gall_area .show_more span:after{position:absolute;bottom:-1px;width:100%;height:4px;content:'';background-color:#000;transition:all .2s}
#inc02 .gall_area .show_more span:before{left:0}
#inc02 .gall_area .show_more span:after{left:-100%;opacity:0} 
#inc02 .gall_area .show_more:hover span:before{left:100%;opacity:0;transition-delay:0s}
#inc02 .gall_area .show_more:hover span:after{left:0;opacity:1;transition-delay:.2s}  
@media (hover:hover) {
#inc02 .t_txt .b_scroll:hover img{top:20px}
#inc02 .gall_area .lt_gall li:hover figcaption{opacity:1;transform:translate(0%, -50%);transition-delay:0.2s}
#inc02 .gall_area .lt_gall li:hover:after{opacity:0.85;transform:rotate3d(0, 0, 0, 0deg)}
}
@media (max-width:1400px){
#inc02 .t_txt p .f_txt{padding-left:0}
#inc02 .t_txt .ltxt{position:relative;left:auto;top:auto;margin-bottom:20px}
}
@media (max-width:1024px){
#inc02{margin:120px 0}
#inc02 .t_txt{margin-bottom:70px}
#inc02 .gall_area{margin-bottom:120px}
#inc02 .gall_area .lt_gall li{float:left!important;width:calc(50% - 5px)!important;height:388px!important;margin:0 0 10px!important}
#inc02 .gall_area .lt_gall li:nth-child(even){margin-left:10px!important}
#inc02 .gall_area .lt_gall li .thum_wrap,#inc02 .gall_area .lt_gall li .thum{height:100%!important}
}
@media (max-width:768px){
#inc02 .t_txt p .f_txt{font-size:56px;}
#inc02 .gall_area{margin-bottom:60px}
#inc02 .gall_area .lt_gall li{height:258px!important}
#inc02 .t_txt p{font-size:42px}
}
@media (max-width:580px){
#inc02 .t_txt p .f_txt{font-size:46px;}
#inc02 .t_txt p{font-size:30px}
}
@media (max-width:480px){
#inc02{margin:60px 0}
#inc02 .t_txt{margin-bottom:30px}
#inc02 .gall_area .lt_gall li{height:200px!important}
#inc02 .t_txt p{font-size:26px}
#inc02 .t_txt p .f_txt{font-size:36px;}
}
@media (max-width:380px){
#inc02 .gall_area .lt_gall li{height:160px!important}
#inc02 .t_txt p{font-size:20px}
}