@charset "utf-8";

.index_area{position:relative;width:1300px;height:741px;margin:0 auto}
.index_area .line_area{position:absolute;z-index:-1;top:0;left:50%;width:1300px;height:741px;margin-left:-650px;border-left:1px solid #f2f2f2}
.index_area .line_area>div{float:left;width:25%;height:741px;border-right:1px solid #f2f2f2}

.index_area .index_tit{position:relative;margin-bottom:47px}
.index_area .tit{position:relative;left:-2px;padding:78px 0 5px;font-size:43px;color:#333;font-family:'notokr-light'}
.index_area .tit span{font-family:'notokr-bold'}
.index_area .tit .blue{color:#0e6eb8}
.index_area .txt{font-size:15px;color:#777;font-family:'notokr-regular'}

.index_area .idx_btn{position:absolute;bottom:0;right:0;width:208px;height:50px;border:2px solid #ddd;border-radius:50px;font-size:14px;line-height:50px;color:#6e6e6e;text-align:center;font-family:'notokr-medium';transition:all .3s}
.index_area .idx_btn a{display:block;color:#6e6e6e;transition:all .3s}
.index_area .idx_btn:hover{border-color:#0e6eb8;background:#0e6eb8}
.index_area .idx_btn:hover a{color:#fff}

/* 이미지 */
.index_area .img_area{overflow:hidden;z-index:11;width:1300px;height:397px;transition:all 1s}
.index_area .inc01_slide{overflow:hidden;width:1300px;height:341px}
.index_area .inc01_slide li{overflow:hidden;float:left;position:relative;width:246px;height:341px;margin-right:17px;border:1px solid #ddd;transition:all .3s} 
.index_area .inc01_slide li .img{position:absolute;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;transition:all 1s}
.index_area .inc01_slide li.active{border:4px solid #0e6eb8}
.index_area .overlay{position:absolute;bottom:0;z-index:100;width:100%;height:57px;padding-left:20px;font-size:15px;line-height:57px;color:rgba(255,255,255,.8);background:#b9b9b9;font-family:'notokr-medium';transition:all .3s}
.index_area .inc01_slide li.active .overlay{background:#0e6eb8}
/* 스크롤바 */
.scrollbar {position:relative;margin:40px 0 3px 0;height:1px;background:#ddd;line-height:0}
.scrollbar .handle{position:absolute;top:-6px;height:13px;border-radius:7px;background:#0e6eb8;cursor:pointer}
.scrollbar .handle:before{position:absolute;top:3px;left:4px;content:url(/sh_img/make24/inc01/img/arr.png)}
.scrollbar .handle:after{position:absolute;top:3px;right:4px;content:url(/sh_img/make24/inc01/img/arr.png);transform:rotate(180deg)}
.scrollbar .handle .mousearea {position:absolute;top:-9px;left:0;width:100%;height:20px}
.slide_txt{margin-top:10px;text-align:right;font-size:14px;color:#888;font-family:'notokr-regular'}

.img_area .prev,.img_area .next{position:absolute;bottom:340px;width:60px;height:60;border-radius:60px;font-size:18px;line-height:60px;text-align:center;background:#fff;box-shadow:1px 1px 15px -12px rgba(0,0,0,0.57);cursor:pointer;transition:all .3s}
.img_area .prev{left:-90px}
.img_area .next{right:-90px}
.img_area .prev:hover,.img_area .next:hover{background:#f7f7f7}