@charset "utf-8";

#inc01{position:relative;background:#111 url(./bg.png) right bottom no-repeat}
#inc01 *{word-break:keep-all}
.inc01_wrap{padding:180px 0;}
#inc01 .pl{white-space:pre-line}
#inc01 .w_1400{position:relative;overflow:hidden;max-width:1400px;margin:0 auto}
#inc01 .tit span{font-size:13px;color:var(--primary);font-family:'Unbounded'}
#inc01 .tit p{margin-top:10px;font-size:50px;font-weight:300;color:#fff;line-height:1.2}
#inc01 .s_txt{float:right}
#inc01 .s_txt p{margin-bottom:50px;font-size:20px;color:#fff}
#inc01 .s_txt a{display:inline-block;font-size:13px;color:#fff;font-family:'Unbounded'}
#inc01 .s_txt a div{display:flex;align-items:center}
#inc01 .s_txt a span{margin-right:5px;transition:all .3s}

/* 슬라이드 이미지 */
#inc01 .gall_area{position:relative;margin-top:140px}
#inc01 .gall_area ul{position:relative;display:flex;align-items:flex-start;width:100%;height:550px}
#inc01 .gall_area ul li{position:absolute;margin:0 30px}
#inc01 .gall_area ul li .img{display:flex;align-items:center;justify-content:center;width:420px;height:400px;overflow:hidden}
#inc01 .gall_area ul li:nth-child(odd){margin-top:100px}
#inc01 .gall_area ul li a{display:flex;align-items:center;justify-content:center;height:100%}
#inc01 .gall_area ul li img{transition:all .3s}
#inc01 .gall_area ul li p{margin-top:10px;font-size:13px;color:var(--primary);text-align:right;}

#inc01 .mv_bar{position:relative;overflow:hidden;width:100%;height:75px;line-height:1.5;background:var(--primary)}
#inc01 .bar_link{display:flex;font-size:30px;font-weight:300;color:#111;text-transform:uppercase;font-family:'Unbounded'}
#inc01 .bar_link li{position:relative;margin:15px 25px;cursor:pointer}
#inc01 .bar_link li:after{position:absolute;content:'';bottom:0;left:0;width:0;height:3px;background:#111;transition:all .3s}

#inc01 .mv_bar .flow-text{display:flex;flex:0 0 auto;white-space:nowrap;transition:0.3s}
#inc01 .mv_bar .flow-wrap{animation: textLoop2 50s linear infinite;padding-right:10px}
@keyframes textLoop2{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-100%, 0, 0)}}

@media(hover:hover){
#inc01 .s_txt a:hover span{margin-right:10px}
#inc01 .gall_area ul li:hover img{transform:scale(1.05,1.05)}
#inc01 .bar_link li:hover:after{width:100%}
#inc01 .mv_bar .flow-text:hover{color:#fff}
#inc01 .mv_bar .flow-text:hover .flow-wrap{animation-play-state:paused;cursor:pointer}
}

/* 반응형 [s] */
@media (max-width:1300px){
.inc01_wrap{padding:100px 0}
#inc01 .pl{white-space:normal}
#inc01 .tit{text-align:center}
#inc01 .tit p{font-size:40px}
#inc01 .s_txt{float:none;text-align:center}
#inc01 .s_txt p{margin-top:40px}
#inc01 .gall_area{margin-top:90px}
#inc01 .gall_area ul{height:485px}
#inc01 .gall_area ul li .img{width:350px;height:350px}
#inc01 .bar_link{font-size:25px}
#inc01 .bar_link li{margin:15px}
#inc01 .mv_bar{height:68px}
}
@media (max-width:768px){
#inc01 .tit p{font-size:30px}
#inc01 .s_txt p{margin:30px 0;font-size:17px;line-height:1.5}
#inc01 .gall_area ul{height:430px}
#inc01 .gall_area ul li .img{width:300px;height:300px}
#inc01 .bar_link{font-size:20px}
#inc01 .bar_link li{margin:10px}
#inc01 .mv_bar{height:50px}
    .flow-text {
      animation: none !important;
      transform: none !important;}
}
@media (max-width:480px){
#inc01 .tit p{font-size:25px}
#inc01 .s_txt p{font-size:15px}
#inc01 .gall_area{margin-top:65px}
#inc01 .gall_area ul{height:330px}
#inc01 .gall_area ul li{margin:0}
#inc01 .gall_area ul li .img{width:200px;height:200px}
}
/* 반응형 [e] */