@charset "utf-8";

#atc01{margin:80px 0}
#atc01_wrap{position:relative;max-width:1400px;margin:0 auto;overflow:hidden}
#atc01_wrap .tit_area{float:left;width:25%;padding-top:40px}
#atc01_wrap .tit_area .tit{padding-bottom:18px;font-size:31px;line-height:1.2;color:#222;white-space:pre-line;font-family: 'Montserrat', sans-serif}
#atc01_wrap .tit_area .tit span{font-weight:800}
#atc01_wrap .tit_area .cont{font-size:15px;line-height:25px;color:#888;letter-spacing:-.3px;white-space:pre-line}
#atc01_wrap .lt_gallery_wrap{position:relative;float:left;width:75%}
#atc01_wrap .tit_area .more_btn{display:inline-block;position:relative;width:188px;height:54px;margin-top:35px;border-radius:3px;font-size:11px;font-weight:700;line-height:54px;color:#fff;text-align:center;overflow:hidden;background-color:#3c3f45;font-family: 'Montserrat', sans-serif}
#atc01_wrap .tit_area .more_btn:before{position:absolute;left:0;top:0;bottom:0;width:0;height:100%;content:"";z-index:0;background-color:#09b4cd;transition:all .3s}
#atc01_wrap .tit_area .more_btn:hover:before{width:100%}
#atc01_wrap .tit_area .more_btn span{position:relative;z-index:1}

/* Frame 이미지 영역 */
#atc01_wrap .frame {height:311px;overflow:hidden}
#atc01_wrap .frame ul{list-style:none;margin:0;padding:0;height:100%}
#atc01_wrap .frame ul li{position:relative;float:left;width:525px;height:311px ;padding:0;background:#000;cursor:pointer;transition:all 280ms}
#atc01_wrap .frame ul li a{display:block;position:relative;width:100%;height:100%}
#atc01_wrap .frame ul li:hover img{opacity:0.4;webkit-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
#atc01_wrap .frame ul li:hover .slide_tit{opacity:1}
#atc01_wrap .frame .img_area{position:relative;overflow:hidden;width:100%;height:100%}
#atc01_wrap .frame .img_area .pf_img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 400ms}
#atc01_wrap .frame .slide_tit{position:absolute;left:0;bottom:0;right:0;width:100%;padding:20px;font-size:14px;color:#fff;z-index:10;opacity:0;text-align:center;transition: all 0.4s;font-family:'notokr-medium'}

/* Scrollbar */
#atc01_wrap .scrollbar {position:relative;margin:85px 0 0 0;height:4px;background:#ddd;line-height:0}
#atc01_wrap .scrollbar .handle{position:absolute;top:0;height:4px;background:#2b2f35;cursor:pointer}
#atc01_wrap .scrollbar .handle .mousearea {position:absolute;bottom:0;left:0;width:100%;height:4px}
#atc01_wrap .scroll_txt{position:absolute;left:0;bottom:22px;font-size:11px;font-weight:700;color:#222;font-family: 'Montserrat', sans-serif}

/* Controls */
#atc01_wrap .controls_btn{position:absolute;bottom:22px;right:28px;font-size:11px;font-weight:700;color:#222;font-family: 'Montserrat', sans-serif}
#atc01_wrap .controls_btn span{display:inline-block;position:relative;cursor:pointer;-ms-user-select:none;-moz-user-select:-moz-none;-webkit-user-select:none;-khtml-user-select:none;user-select:none}
#atc01_wrap .controls_btn .next{padding-left:5px}
#atc01_wrap .controls_btn .next:after{position:absolute;right:-20px;top:-1px;content:url('/sh_img/include/inc01/img/next.png');transition:all .2s}
#atc01_wrap .controls_btn .prev:after{position:absolute;left:-20px;top:-1px;content:url('/sh_img/include/inc01/img/prev.png');transition:all .2s}
#atc01_wrap .controls_btn .next:hover:after{right:-27px}
#atc01_wrap .controls_btn .prev:hover:after{left:-27px}

@media(max-width:1400px){
#atc01_wrap .tit_area{float:none;width:100%;margin-bottom:20px;padding-top:0;text-align:center}
#atc01_wrap .lt_gallery_wrap{float:none;width:100%}
#atc01_wrap .tit_area .tit{padding-bottom:10px;white-space:normal}
#atc01_wrap .tit_area .cont{white-space:normal}
#atc01_wrap .scroll_txt{display:none}
#atc01_wrap .controls_btn{left:28px;right:auto}
#atc01_wrap .tit_area .more_btn{display:none}
}
@media(max-width:740px){
#atc01_wrap .tit_area .cont{display:none}
}