@charset "utf-8";

.index_02_wrap{position:relative;width:345px;height:245px;background-color:#38353c;font-family:'Raleway'}
.customer_box{position:relative;padding:50px 40px}
.customer_box:after{display:block;position:absolute;top:0;right:30px;width:16px;height:30px;background-color:#ff9600;content:""}
.index_02_wrap .tit{font-size:18px;font-weight:600;color:#ffffff}
.index_02_wrap .call{margin:10px 0;font-size:24px;font-weight:600;color:#ff9600;letter-spacing:-0.5px}
.index_02_wrap .etc{font-size:13px;font-weight:500;line-height:22px;color:#9b9a9d}
.index_02_wrap .etc strong{font-weight:600}
.sns_box{position:absolute;bottom:0;height:60px;width:100%;padding:0 40px;font-size:14px;line-height:60px;letter-spacing:-0.5px;background-color:#423f46}
.sns_box a{color:#fff;opacity:0.8;-webkit-transition:opacity .5s;transition:opacity .5s}
.sns_box:after{display:block;clear:both;content:""}
.index_02_wrap .sns{float:left}
.index_02_wrap .sns a{margin-right:10px}
.index_02_wrap .map{float:right;letter-spacing:-0.3px;font-family:'notokr-medium'}
.index_02_wrap .map span{padding-left:7px}

/* 반응형 [s] */
@media(hover:hover){
.sns_box a:hover{opacity:1}
}
@media (max-width:1024px){
.index_02{position:static}
.index_02_wrap{width:100%}
.customer_box{padding:30px}
.sns_box {padding:0px 30px}
}
@media (max-width:768px){
.index_02_wrap{height:260px}
}
@media (max-width:480px){
.customer_box{padding:30px 20px}
.sns_box {padding:0px 20px}
}
/* 반응형 [e] */