@charset "utf-8";

#atc02{position:relative;width:100%;min-height:700px}
#atc02 .bg{position:absolute;left:0;top:0;z-index:-1;width:100%;height:740px;background:url(/sh_img/include/inc02/bg.jpg) center no-repeat}
#atc02 .inner{opacity:0;overflow:hidden;width:1350px;margin:0 auto;border-radius:8px;background-color:#fff}
#atc02 .inner .tit{float:left;width:335px;height:310px;margin-bottom:0;padding-top:75px;font-size:18px;text-align:center;color:rgba(255,255,255,.5);background:url(/sh_img/include/inc02/bg_img.jpg) no-repeat}
#atc02 .inner .tit b{display:block;font-size:32px;padding-right:0;color:#fff;letter-spacing:-.5px;font-family:'notokr-bold'}
#atc02 .inner .tit a{display:block;position:relative;width:130px;margin:40px auto 0;font-size:14px;line-height:3;color:#fff;-webkit-transition:color .2s;transition:color .2s;font-family:'notokr-medium'}
#atc02 .inner .tit a i{margin-left:10px}
#atc02 .inner .tit a:before,#atc02 .tit 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)}
#atc02 .inner .tit a:before{width:100%;right:0;background:#fff;-webkit-transition-delay:.2s;transition-delay:.2s}
#atc02 .inner .tit a:after{width:0;left:0;background:#fff;-webkit-transition-delay:0s;transition-delay:0s}
#atc02 .inner .tit a:hover{border-color:#fff;color:#fff}
#atc02 .inner .tit a:hover:before{width:0;transition-delay:0s}
#atc02 .inner .tit a:hover:after{width:100%;-webkit-transition-delay:.2s;transition-delay:.2s}

/* 타이틀 */
#atc02 .tit_area{padding:145px 0 130px;color:rgba(255,255,255,.7);text-align:center}
#atc02 .tit_area p{margin-bottom:20px;font-size:48px;color:#fff;letter-spacing:-.5px;font-family:'notokr-bold'}
#atc02 .tit_area a{display:block;position:relative;width:135px;padding:0 8px 10px 8px;margin:80px auto 0;border-bottom:2px solid #fff;font-size:17px;text-align:left;color:#fff;-webkit-transition:all .2s;transition:all .2s;font-family:'notokr-medium'}
#atc02 .tit_area a:before,#atc02 .tit_area a:after{display:block;content:"";position:absolute;top:10px;width:15px;height:8px;background:url(/sh_img/common/right_white.png) no-repeat;-webkit-transition:all .2s;transition:all .2s}
#atc02 .tit_area a:before{right:16px;opacity:0;background-image:url(/sh_img/common/right_beige.png)}
#atc02 .tit_area a:after{right:8px}
#atc02 .tit_area a:hover{border-color:#cbbaa1;color:#cbbaa1}
#atc02 .tit_area a:hover:before{right:8px;opacity:1;transition-delay:.2s}
#atc02 .tit_area a:hover:after{right:-8px;opacity:0}

/* 상담현황 */
#atc02 .left{float:left;width:1015px}
#atc02 .list_wrap{float:left;width:678px;height:310px;font-size:15px;color:#222;text-align:center}
#atc02 .list_wrap ul{overflow:hidden}
#atc02 .list_wrap ul li{position:relative;float:left;width:338px;border-left:none;line-height:1.8;font-family:'notokr-medium'}
#atc02 .list_wrap ul li:after{position:absolute;content:'';top:55px;right:0;width:1px;height:230px;background:#e1e1e1}
#atc02 .list_wrap ul li a{display:block;padding:85px 0 65px}
#atc02 .list_wrap ul li .c_tit{border:1px solid #7a5a4a;color:#7a5a4a;background:none;transition:all .2s}
#atc02 .list_wrap ul li .b_txt{padding:25px 0;font-size:18px;color:#222}
#atc02 .list_wrap ul li .name{display:block;font-size:15px;color:#aaa}
#atc02 .list_wrap ul li .date{font-size:15px;color:#aaa}
#atc02 .list_wrap .w_btn{display:block;height:65px;margin:13px 0 0;border-radius:3px;color:#bfa78b;text-align:center;line-height:65px;background-color:#f9f5f1;-webkit-transition:all .2s;transition:all .2s;font-family:'notokr-medium'}
#atc02 .list_wrap .w_btn i{padding-left:10px}
#atc02 .list_wrap .w_btn:hover{color:#fff;background-color:#cbbaa1}
#atc02 .list_wrap ul li:hover .c_tit{color:#fff;background-color:#7a5a4a}


/* 생강한약 */
#atc02 .right{float:right;width:335px;padding:75px 0 0;text-align:center}
#atc02 .c_tit{display:block;width:100px;height:35px;margin:0 auto;border-radius:5px;font-size:15px;line-height:35px;color:#fff;background:#7a5a4a;font-family:'notokr-medium'}
#atc02 .right .desc{padding-top:35px;text-align:center;font-size:17px;color:#222;font-family:'notokr-medium'}
#atc02 .right .desc a{display:block;position:relative;width:90px;margin:27px auto 0;font-size:14px;line-height:3;color:#cbbaa1;-webkit-transition:color .2s;transition:color .2s;font-family:'notokr-medium'}
#atc02 .right .desc a:before,#atc02 .right .desc 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)}
#atc02 .right .desc a:before{width:100%;right:0;background:#cbbaa1;-webkit-transition-delay:.2s;transition-delay:.2s}
#atc02 .right .desc a:after{width:0;left:0;background:#7a5a4a;-webkit-transition-delay:0s;transition-delay:0s}
#atc02 .right .desc a:hover{color:#7a5a4a}
#atc02 .right .desc a:hover:before{width:0;transition-delay:0s}
#atc02 .right .desc a:hover:after{width:100%;-webkit-transition-delay:.2s;transition-delay:.2s}