/*
+----------------------------------------------------------------------+
| Copyright (c) 2010-2018 STUDYMAX. co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 2018-09-20
| 파일설명 : 사업소개 > 스피킹맥스
+----------------------------------------------------------------------+
| 작업자 : 박소율
+----------------------------------------------------------------------+
| 수정이력
| 2018-10-16 2차개선수정 by 우현진
+----------------------------------------------------------------------+
*/

@charset "utf-8";
.borderBottom_gray{border-bottom: 1px solid #d9d9d9}

/* section 01 */
.overViewContentsWrap{padding-top: 100px;  padding-bottom: 100px;}
.overViewContentsWrap .overViewText{font-size: 20px; color: #404040;font-family: NotoSansKR-DemiLight,'Malgun Gothic', dotum, sans-serif; text-align: center; margin: 35px 0 45px;}
.overViewContentsWrap .overViewText p{font-size: 20px; color: #404040;font-family: NotoSansKR-DemiLight,'Malgun Gothic', dotum, sans-serif;}

/* 사이트 바로가기 버튼 */
.goToSiteBtn{width: 252px;border: 2px solid #272727;color:#272727;line-height: 58px;height: 58px;}
.goToSiteBtn.actionBtn .hoverText{font-size: 20px;text-indent: -30px;background: url('/smciImages/front/services/rightArrow.png') 90% center no-repeat;}
.goToSiteBtn:hover .hoverText{ background:url('/smciImages/front/services/rightArrow_on.png') 90% center no-repeat; color:#fff;}
.goToSiteBtn.actionBtn:after{background-color:#272727;}


/* section02 */
.goodsContentsWrap{padding-top: 100px;  padding-bottom: 105px; background-color:#f0f2f5}
.goodsContents{border-top: 3px solid #404040; border-bottom: 3px solid #404040; margin-top: 45px;}
.goodsContents .goodsArea{float: left; width: 33.3333%; text-align: center; padding: 40px 0;}
.goodsContents .goodsItemText{font-size: 18px; color:#404040; font-family: NotoSansKR-DemiLight,'Malgun Gothic', dotum, sans-serif; margin-top: 20px}

/* section03 */
.busiContentsWrap{padding-top: 100px;  padding-bottom: 30px; }
.busiContents{margin-bottom:70px}
.busiContents .mediaTitle{color: #272727; font-size: 25px; font-family: NotoSansKR-bold,'Malgun Gothic', dotum, sans-serif; }
.busiContents .mediaText{color: #8a8a8a; font-size: 17px;font-family: NotoSansKR-Light,'Malgun Gothic', dotum, sans-serif; margin-top: 10px; margin-bottom: 30px}
.busiContents .videoArea{width: 352px ; float: left; position: relative; overflow: hidden; margin-right: 72px;}
.busiContents .videoArea:last-child{margin-right: 0}


/* section 04 */
.directionContentsWrap{padding-top: 100px;  padding-bottom: 100px; height: 390px;max-width: 1920px; margin: 0 auto;  background: url('/smciImages/front/services/max_bottomBg.png') no-repeat 50% 0; text-align: center;}

.directionArea{float: left; width: 262px; height: 172px;padding-top: 90px; background: url('/smciImages/front/services/direction_circleImg.png') no-repeat 50% 0; text-align: center; margin-right: 188px; position: relative}
.directionArea:last-child{margin-right: 0}
.directionArea .directionText{color:#fff; font-size: 25px; font-family: NotoSansKR-bold,'Malgun Gothic', dotum, sans-serif;}

.direction01.directionOn{animation: moveTop 0.6s ease; -webkit-animation: moveTop 0.6s  ease;}
.direction02.directionOn{animation: moveTop 1.0s ease; -webkit-animation: moveTop 1.0s  ease;}
.direction03.directionOn{animation: moveTop 1.8s ease; -webkit-animation: moveTop 1.8s  ease;}

@keyframes moveTop {
 0% {top: 100px;}
 100% {top: 0px;}
}
@-webkit-keyframes moveTop {
 0% {top: 100px;}
 100% {top: 0px;}
}