@charset "utf-8";

.atc03{width:95%;margin:0 auto;font-family:'notokr-regular'}
.atc03 .bg_area{overflow:hidden;width:100%;height:310px}
.atc03 .bg_area > div{overflow:hidden;float:left;width:50%;height:310px}
.atc03 .bg_area .l_box{background:url(/sh_img/make24/include/include_03/img/bg01.png)}
.atc03 .bg_area .r_box{background:url(/sh_img/make24/include/include_03/img/bg02.png)}

/*타이틀*/
.atc03 .bg_area .tit_area{position:relative;width:600px;height:310px}
.atc03 .bg_area .tit_area:before{position:absolute;left:0;bottom:0;content:'';width:600px;height:77px;background:#fff}
.atc03 .bg_area .tit_area:after{position:absolute;top:78px;opacity:0;transition:all .5s}
.atc03 .bg_area .l_box .tit_area{float:right;}
.atc03 .bg_area .r_box .tit_area{float:left;text-align:right}
.atc03 .bg_area .tit_cont{transition:all .5s}

.atc03 .bg_area .tit{margin:74px 0 12px 0;font-size:28px;color:#fff;font-family:'notokr-thin'}
.atc03 .bg_area .tit span{font-family:'notokr-bold'}
.atc03 .bg_area .txt{font-size:15px;line-height:26px;color:#efefef;}

/*마우스오버 효과*/
.atc03 .bg_area .tit_area:hover:after{opacity:1}
.atc03 .bg_area .l_box .tit_area:after{left:30px;content:url(/sh_img/make24/include/include_03/img/icon01.png)}
.atc03 .bg_area .r_box .tit_area:after{right:30px;content:url(/sh_img/make24/include/include_03/img/icon02.png)}
.atc03 .bg_area .l_box .tit_area:hover .tit_cont{padding-left:150px}
.atc03 .bg_area .r_box .tit_area:hover .tit_cont{padding-right:150px}