@charset "utf-8";

#inc02_cont{position:relative;width:100%;height:100%}
#inc02_cont:before{position:absolute;z-index:0;top:0;left:0;content:'';width:100%;height:calc(100% + 240px);background:url(/sh_img/inc/inc02/inc02_bg.jpg) no-repeat}

#inc02_cont .txt_area{position:absolute;left:150px;top:350px}
#inc02_cont .txt_area .tit{display:flex;flex-direction:column;margin-bottom:10px;font-weight:700;font-size:70px;line-height:75px;color:#fff;font-family:'Amiri'}
#inc02_cont .txt_area .tit span{margin-top:-30px;font-size:18px;color:#777;font-weight:500;font-family:'notokr-regular'}
#inc02_cont .txt_area .txt{margin-bottom:30px;font-size:14px;line-height:24px;color:rgba(255,255,255,.4);font-family:'notokr-regular'}
#inc02_cont .inc02_controls{position:absolute;bottom:200px;left:-428px;overflow:hidden;width:132px;height:62px;padding:0 1px}
#inc02_cont .inc02_controls > div{float:left;width:60px;height:60px;border-radius:60px;border:1px solid rgba(255,255,255,.1);font-size:11px;line-height:60px;color:rgba(255,255,255,.6);text-align:center;cursor:pointer;transition:all .3s}
#inc02_cont .inc02_controls > div:last-child{margin-left:10px}
#inc02_cont .inc02_controls > div:hover{border:1px solid rgba(255,255,255,.4);color:rgba(255,255,255,.6)}
#inc02_cont .img_scroll{position:absolute;z-index:100;right:0;width:70%;height:100%;}

/* Frame 이미지 영역 */
.frame {width:100%;height:100%;padding-left:70px}
.frame ul{margin:0;padding:0;height:100%;}
.frame ul li{position:relative;float:left;width:400px;height:100%;margin-right:46px}
.frame ul li::before{position:absolute;top:0;left:-70px;content:'';width:430px;height:100%;background:rgba(255,255,255,.1);opacity:0;transition:all .3s}

.frame ul li a{display:block;height:100%}
.frame ul li .img_area{position:relative;z-index:1;margin-top:240px;overflow:hidden;width:400px;height:400px}
.frame ul li .img_area .pf_img{position:absolute;top:0;left:0;transition:all 400ms}
.frame ul li .txt_box{padding:10px 10px 0;opacity:0;transition:all .3s}

.frame .slide_tit{margin-bottom:10px;font-size:18px;color:rgba(255,255,255,.8);font-family:'notokr-medium'}
.frame .slide_txt{font-size:14px;color:rgba(255,255,255,.4);font-family:'notokr-regular'}

.frame ul li:hover:before{opacity:1}
.frame ul li:hover .txt_box{padding:30px 10px 0;opacity:1}

/* Scrollbar */
#inc02_cont .scrollbar {position:absolute;bottom:145px;right:0;width:100%;height:1px;background:rgba(255,255,255,.1);line-height:0}
#inc02_cont .scrollbar .handle{position:absolute;top:-2px;height:5px;background:#fff;cursor:pointer}
#inc02_cont .scrollbar .handle .mousearea {position:absolute;top:-9px;left:0;width:100%;height:20px}