@charset "utf-8";
button:active{outline:none}

#atc01{opacity:0;position:relative;width:100%;padding:130px 0 140px}
#atc01:before{display:block;content:"";position:absolute;bottom:0;left:0;width:100%;height:397px;background-color:#f7f3ef}
#atc01 .tit{margin-bottom:45px;text-align:center}
#atc01 .tit p{padding-bottom:10px;font-size:36px;color:#222;font-family:'notokr-bold'}

/* 진료안내 */
#atc01 .slide_wrap{overflow:hidden;position:relative;width:1212px;margin:0 auto;padding-left:12px}
#atc01 ul:after{display:block;content:"";visibility:hidden;clear:both}
#atc01 ul li{overflow:hidden;float:left;width:285px;margin-left:18px;border-radius:6px;-webkit-box-shadow:0px 3px 12px rgba(0,0,0,.1);box-shadow:0px 3px 12px rgba(0,0,0,.1)}
#atc01 ul li a{display:block}
#atc01 ul li .img{overflow:hidden;height:180px}
#atc01 ul li .img img{-webkit-transition: all .2s;transition: all .2s}
#atc01 ul li:hover .img img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
#atc01 ul li p{font-size:20px;color:#222;-webkit-transition:color .2s;transition:color .2s;font-family:'notokr-bold'}
#atc01 ul li:hover p{color:#7a5a4a}
#atc01 ul li .desc{height:195px;padding:25px;font-size:15px;background-color:#fff}
#atc01 ul li .desc .kwd{padding-top:15px}
#atc01 ul li .desc .kwd span{display:inline-block;padding:0 9px;margin:0 2px 4px 0;border:1px solid #dcd1c1;border-radius:20px;font-size:14px;letter-spacing:-1px;line-height:25px;color:#ab9e8a}
#atc01 ul li .desc .kwd span:before{content:"#"}

/* 컨트롤 */
#atc01 .slide_nav{overflow:hidden;position:relative;margin:10px 0;text-align:right}
#atc01 .slide_nav .btn_wrap{float:right;position:relative}
#atc01 .slide_nav .btn_wrap:before{display:block;content:"";position:absolute;left:49%;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#ddd}
#atc01 .slide_nav button{position:relative;width:50px;height:40px;border:none;border-radius:0;font-size:0;background-color:transparent}
#atc01 .slide_nav .prev{background:url(/sh_img/common/left_black.png) center no-repeat}
#atc01 .slide_nav .next{background:url(/sh_img/common/right_black.png) center no-repeat}
#atc01 .slide_nav button.disabled{ opacity:.3}

/* 스크롤바 */
#atc01 .scrollbar{position:relative;width:calc(100% - 3px);height:3px;background:#ddd}
#atc01 .scrollbar .mask{display:block;position:absolute;left:0;top:0;z-index:1000;width:100%;height:100%}
#atc01 .scrollbar .handle{width:320px;height:100%;background:#292a33;cursor:pointer}
#atc01 .scrollbar .handle .mousearea{position:absolute;top:0;left:0;width:100%;height:3px}