@charset "utf-8";

#inc02{position:relative;margin-top:200px;background:var(--primary) url("./img/inc02_bg.png") no-repeat left bottom/100%;overflow:hidden}
#inc02 .inner{display:flex;padding:235px 0 135px 138px;box-sizing:border-box}
#inc02 .txt_wrap{margin:75px 0 90px}
#inc02 .txt_wrap .txt{margin-bottom:35px;line-height:1.5;color:var(--dark);font-weight:500;font-size:16px}
#inc02 .txt_wrap .txt:last-child{margin-bottom:0}
#inc02 .right{position:absolute;top:0;right:117px;display:flex}
#inc02 .right .r_list{display:flex;flex-direction:column;animation-timing-function:linear;animation-iteration-count:infinite}
#inc02 .right .r_list:nth-child(1){margin-right:30px}
#inc02 .right .r_list > li{position:relative;margin-bottom:30px;height:351px;border-radius:10px;overflow:hidden}
#inc02 .right .r_txt_box{opacity:0;position:absolute;z-index:1;bottom:0;left:0;width:100%;padding:0 35px 35px 35px;transition:all .5s;box-sizing:border-box}

#inc02 .right .r_txt_box .name{display:block;margin-bottom:15px;color:#fff;font-size:22px;font-family:var(--deco-font)}
#inc02 .right .r_txt_box .txt{line-height:1.3;color:rgba(255,255,255,0.5);font-weight:500;font-size:15px}
#inc02 .r_list > li:after{opacity:0;content:"";position:absolute;top:0;left:0;pointer-events:none;width:100%;height:100%;background:linear-gradient(to bottom,rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.9) 80%);transition:all .5s}
#inc02 .r_list > li:hover:after{opacity:1}
#inc02 .r_list > li:hover .r_txt_box{opacity:1}

/* 왼쪽 */
#inc02 .r_l_list{animation:scrollUp 60s linear infinite}
#inc02 .r_l_list:hover{animation-play-state:paused}
@keyframes scrollUp{0%{transform:translateY(0)}100%{transform:translateY(-33.333%)}}
/* 오른쪽*/
#inc02 .r_r_list{animation:scrollDown 60s linear infinite}
#inc02 .r_r_list:hover{animation-play-state:paused}
@keyframes scrollDown{0%{transform:translateY(-33.333%)}100%{transform:translateY(0)}}