@charset "utf-8";

#atc05{position:relative;width:100%;padding:130px 0}
#atc05_wrap{position:relative;max-width:1200px;width:100%;margin:0 auto}
#atc05:before{display:block;content:"";position:absolute;right:12%;top:-39%;z-index:-1;width:580px;height:580px;border:140px solid #eefbf5;border-radius:100%}
#atc05:after{display:block;content:"";position:absolute;left:3%;bottom:-62%;z-index:-1;width:830px;height:830px;border:160px solid #eefbf5;border-radius:100%}

/* 타이틀 */
#atc05 .tit_area{position:relative;margin-bottom:40px;padding:0 20px;text-align:center}
#atc05 .tit_area .etxt{font-size:24px;line-height:1;letter-spacing:-.2px;color:#33e2a7;text-transform:uppercase;font-family:'notokr-medium'}
#atc05 .tit_area .etxt img{width:200px}
#atc05 .tit_area p{margin-top:15px;font-size:36px;letter-spacing:-.7px;line-height:1.3;font-family:'notokr-light'}

#atc05 .follow{margin-bottom:20px;font-size:15px;font-family:'notokr-medium'}
#atc05 .follow img{width:50px;height:50px;margin-right:10px}
#atc05 .follow  a{display:inline-block;padding:5px 15px;margin-left:10px;border-radius:5px;color:#fff;background-color:#33e2a7}

#atc05 .insta_feed{overflow:hidden}
#atc05 .insta_feed li{overflow:hidden;float:left;position:relative;height:300px}
#atc05 .insta_feed li a{display:block;width:100%;height:100%}
#atc05 .insta_feed li .mask{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-color:rgba(0,0,0,.65);-webkit-transition:all .2s;transition:all .2s;opacity:0} 
#atc05 .insta_feed li a:hover .mask{opacity:1}
#atc05 .insta_feed li .bg{position:absolute;z-index:-2;width:100%;height:100%;background-position:center;background-size:cover;-webkit-transition:all .6s;transition:all .6s}
#atc05 .insta_feed li a:hover .bg{transform:scale(1.15)}
#atc05 .insta_feed li .desc_wrap{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;padding:0 30px;margin-top:-15px;font-size:18px;color:#33e2a7;font-family:'notokr-medium'}
#atc05 .insta_feed li .desc{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.4;height:3em;text-align:center;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;opacity:0;-webkit-transition:all .2s;transition:all .2s}
#atc05 .insta_feed li a:hover .desc{opacity:1}
#atc05 .insta_feed li .count{position:absolute;z-index:1;right:30px;bottom:30px;font-size:14px;font-weight:600;color:#fff;opacity:0;-webkit-transition:all .2s;transition:all .2s;font-family:'Montserrat'}
#atc05 .insta_feed li a:hover .count{opacity:1}
#atc05 .insta_feed li .count span{display:inline-block;margin-left:15px}
#atc05 .insta_feed li .count i{padding-right:5px}
#atc05 .insta_feed li .count i.fa-heart{font-size:13px}

#atc05 .bx-wrapper { position:relative}
#atc05 .bx-controls{position:absolute;top:0;left:0;width:100%}
#atc05 .bx-controls a{display:block;position:absolute;left:-75px;top:132px;width:55px;height:55px;border-radius:100%;font-size:0;background-position:center;background-repeat:no-repeat;background-color:#f7f7f7;-webkit-ransition:all .2s;transition:all .2s}
#atc05 .bx-controls a.bx-prev{background-image:url(/sh_img/include/inc05/img/prev.png)}
#atc05 .bx-controls a.bx-next{left:auto;right:-75px;background-image:url(/sh_img/include/inc05/img/next.png)}
#atc05 .bx-controls a:hover{background-color:#2d3231}
#atc05 .bx-controls a:hover.bx-prev{background-image:url(/sh_img/include/inc05/img/prev_on.png)}
#atc05 .bx-controls a:hover.bx-next{background-image:url(/sh_img/include/inc05/img/next_on.png)}

#atc05 .all_btn{display:block;width:165px;height:55px;margin:50px auto 0;border:3px solid #ddd;border-radius:4px;font-size:15px;text-align:center;color:#222;line-height:51px;-webkit-transition:all .2s;transition:all .2s;font-family:'notokr-medium'}
#atc05 .all_btn:hover{border-color:#2d3231}

@media (max-width:1370px){
#atc05 .bx-controls a{top:350px;left:20px}
#atc05 .bx-controls a.bx-next{right:20px}
}
@media (max-width:1230px){
#atc05_wrap{padding:0 20px}
#atc05 .insta_feed{padding:0 30px}	
}
@media (max-width:1024px){
#atc05 .insta_feed li{width:230px!important;height:230px}
#atc05 .bx-controls a{top:280px}
}
@media (max-width:768px){
#atc05{padding:80px 0}
#atc05 .tit_area{margin-bottom:20px;padding:0 20px}
#atc05 .tit_area etxt{font-size:13px}
#atc05 .tit_area p{font-size:31px}
#atc05 .insta_feed li{}
}
@media (max-width:480px){
#atc05{padding:40px 0}
#atc05 .block{display:block}
#atc05 .insta_feed li{width:150px!important;height:150px}
#atc05 .bx-controls a{top:260px;width:45px;height:45px}
#atc05 .all_btn{height:45px;margin-top:30px;line-height:41px}
#atc05 .tit_area p{font-size:28px}
#atc05 .insta_feed li a:hover .mask{opacity:0}
#atc05 .insta_feed li a:hover .bg{transform:scale(1)}
#atc05 .insta_feed li a:hover .desc{opacity:0}
#atc05 .insta_feed li a:hover .count{opacity:0}
#atc05 .bx-controls a{top:180px}
#atc05 .tit_area .etxt{font-size:19px}
#atc05 .tit_area .etxt img{width:130px}
}