@charset "utf-8";

#atc05{opacity:0;overflow:hidden;position:relative;width:100%;}
#atc05:before{display:block;content:"";position:absolute;top:0;left:50%;-webkit-transform:translateX(-600px);-ms-transform:translateX(-700px);transform:translateX(-700px);width:1px;height:100%;background-color:#e1e1e1}

/* 타이틀 */
#atc05 .tit_area{position:relative;width:1400px;margin:0 auto;padding:180px 0 60px 400px}
#atc05 .tit_area:before{display:block;content:"";position:absolute;left:60px;top:-250px;z-index:-1;width:460px;height:460px;border-radius:50%;border:100px solid #f9f5f1}
#atc05 .tit_area:after{display:block;content:"";position:absolute;right:-130px;bottom:-120px;z-index:-1;width:245px;height:245px;border-radius:50%;background-color:#f9f5f1}
#atc05 dl{overflow:hidden}
#atc05 dl dt{float:left;width:300px;font-size:36px;color:#222;letter-spacing:-1.5px;line-height:50px;font-family:'notokr-light'}
#atc05 dl dd{float:left;padding-top:2px;font-size:16px}
#atc05 dl dd a{display:block;position:relative;width:152px;margin-top:15px;font-size:16px;line-height:3;color:#222;letter-spacing:-.5px;-webkit-transition:color .2s;transition:color .2s;font-family:'notokr-medium'}
#atc05 dl dd a i{padding-right:7px}
#atc05 dl dd a:before,#atc05 dl dd a:after{content:'';display:block;position:absolute;bottom:0;width:100%;height:2px;-webkit-transition:width .3s;transition:width .3s;-webkit-transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000);transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000)}
#atc05 dl dd a:before{width:100%;right:0;background:#cbbaa1;-webkit-transition-delay:.2s;transition-delay:.2s}
#atc05 dl dd a:after{width:0;left:0;background:#7a5a4a;-webkit-transition-delay:0s;transition-delay:0s}
#atc05 dl dd a:hover{color:#7a5a4a}
#atc05 dl dd a:hover:before{width:0;transition-delay:0s}
#atc05 dl dd a:hover:after{width:100%;-webkit-transition-delay:.2s;transition-delay:.2s}

/* 슬라이드 */
#atc05 .slide_wrap{overflow:visible;position:relative;left:50%;-webkit-transform:translateX(-700px);-ms-transform:translateX(-700px);transform:translateX(-700px);height:300px}
#atc05 ul li{position:relative;width:300px;height:300px;background:center no-repeat;background-size:cover}
#atc05 ul li a{display:block;height:100%}
#atc05 ul li .img{height:100%}
#atc05 ul li .overlay{opacity:0;position:absolute;width:100%;height:100%;padding:45px 35px 35px;font-size:15px;color:rgba(255,255,255,.7);background-color:rgba(160,137,100,.8);-webkit-transition: all .2s;transition: all .2s}
#atc05 ul li:hover .overlay{opacity:1}
#atc05 ul li .overlay p{margin-bottom:15px;font-size:20px;color:#fff;font-family:'notokr-bold'}
#atc05 ul li .overlay span{opacity:0;display:block;position:absolute;right:55px;bottom:55px;width:15px;height:8px;background:url(/sh_img/common/right_white.png) no-repeat;-webkit-transition:all .2s;transition:all .2s}
#atc05 ul li .overlay:hover span{right:40px;opacity:1}

/* 컨트롤 */
#atc05 .controls{position:absolute;right:40px;bottom:70px}
#atc05 .controls span{display:inline-block;position:relative;left:auto;right:auto;width:55px;height:55px;margin:0;border-radius:50%;border:1px solid #e1e1e1;font-size:0;background:center no-repeat #fff;-webkit-transition:all .2s;transition:all .2s}
#atc05 .controls span:after{display:none}
#atc05 .controls span:active, #atc05 .controls span:focus{outline:none}
#atc05 .controls span:hover{outline:none;cursor:pointer;border-color:#cbbaa1;background-color:#cbbaa1}
#atc05 .controls span.prev{margin-right:5px;background-image:url(/sh_img/common/left_black.png)}
#atc05 .controls span.prev:hover{background-image:url(/sh_img/common/left_white.png)}
#atc05 .controls span.next{background-image:url(/sh_img/common/right_black.png)}
#atc05 .controls span.next:hover{background-image:url(/sh_img/common/right_white.png)}