@charset "utf-8";

#include04{margin-bottom:90px}
#include04 #inc_wrap{height:520px;padding-top:213px;line-height:24px;background:url(/sh_img/make24/include/include04/img/inc04_bg.jpg) left top no-repeat} 

/* 타이틀 */
#include04 .tit_area{width:830px;height:307px;padding:38px 55px 0;margin:0 auto;background:url(/sh_img/make24/include/include04/img/tit_bg.jpg) center no-repeat}
#include04 .tit_area .tit{padding-bottom:20px}
#include04 .tit_area .more_btn{margin-top:23px}

/* 실시간상담 바로가기 */
#include04 .consult{position:absolute;right:0;bottom:0;width:250px;height:240px;text-align: center;background:url(/sh_img/make24/include/include04/img/consult_bg_new.jpg) center no-repeat}
#include04 .consult a{display:block;height:100%;padding-top:100px;color:#fff;font-family:notokr-medium}
#include04 .consult a span{position:relative;padding-bottom:16px}
#include04 .consult a span:before,#include04 .consult a span:after{content:'';display:block;position:absolute;bottom:0;width:100%;height:4px;-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)}
#include04 .consult a span:before{width:100%;right:0;background:#fff;-webkit-transition-delay:.2s;transition-delay:.2s}
#include04 .consult a span:after{width:0;left:0;background:#2586e6;-webkit-transition-delay:0s;transition-delay:0s}
#include04 .consult a:hover span:before{width:0;transition-delay:0s}
#include04 .consult a:hover span:after{width:100%;-webkit-transition-delay:.2s;transition-delay:.2s}

/* CS */
#include04 .cscenter{position:absolute;right:0;top:0;width:250px;height:240px;padding-left: 46px}
#include04 .cscenter .tit{padding-top: 35px;font-size: 14px;font-weight: 700;color:#222;font-family:'Montserrat',sans-serif}
#include04 .cscenter .tel{padding: 35px 0 10px;font-size:21px;font-weight:800;color:#222;font-family:'Montserrat',sans-serif}