/*
+----------------------------------------------------------------------+
| Copyright (c) STUDYMAX.  co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 2018-09-17
| 파일설명 : common CSS ( 메인, 서브 전체페이지 공통)
+----------------------------------------------------------------------+
| 작업자 : 우현진
+----------------------------------------------------------------------+
| 수정이력
| 
+----------------------------------------------------------------------+
*/
@charset "utf-8";

/* 상단 타이틀 */
.menuTitle{ color: #fff; padding-top: 190px; font-family: NotoSansKR-Bold,'Malgun Gothic', dotum, sans-serif;}
.subMenuTitle{font-size: 23px; color: #fff;font-family: NotoSansKR-Regular,'Malgun Gothic', dotum, sans-serif; }

/* 상단 타이틀 */
.subTopWrap{overflow: hidden;}
.subTopArea{animation: banner 1s both ease;-wekit-animation: banner 1s both ease;overflow: hidden;background-size: cover;  }
.menuTitle{ color: #fff; padding-top: 170px; font-family: NotoSansKR-Bold,'Malgun Gothic', dotum, sans-serif; animation: opacity .7s .7s both ease; -wekit-animation: opacity .7s .7s both ease;}
.subMenuTitle{font-size: 23px; color: #fff;font-family: NotoSansKR-Regular,'Malgun Gothic', dotum, sans-serif; animation: opacity .7s .7s both ease; -wekit-animation: opacity .7s .7s both ease;}

@keyframes banner {
 0% {transform: scale(1.1);}
 100% {transform: scale(1);}
}
@keyframes opacity {
 0% {opacity: 0; padding-bottom: 40px;}
 100% {opacity: 1; padding-bottom: 0px;}
}
@-webkit-keyframes banner {
 0% {-webkit-transform: scale(1.1);}
 100% {-webkit-transform: scale(1);}
}
@-webkit-keyframes opacity {
 0% {opacity: 0; padding-bottom: 40px;}
 100% {opacity: 1; padding-bottom: 0px;}
}

/* 컨텐츠 속성 */
.contentsWrap{min-height: 500px}

/* 더보기 버튼효과 */
.actionBtn {position:relative; z-index: 1; display:block; margin:auto; text-transform:uppercase; text-align:center; text-decoration:none; }
.actionBtn .hoverText {position: absolute; z-index: 3; width: 100%;  left: 0;}
.actionBtn:after {position:absolute; top:0; z-index: 2; display:block; content:""; width:100%; height:100%; transform:scale3d(0,1,1); -webkit-transform:scale3d(0,1,1);transform-origin:left; -webkit-transform-origin:left; transition:transform .5s; -webkit-transition:transform .5s;}
.actionBtn:hover:after { transform:scale3d(1,1,1); -webkit-transform:scale3d(1,1,1);}

/*색상별 버튼*/
.whiteBtn{background-color: #fff; font-family: NotoSansKR-Bold,'Malgun Gothic', dotum, sans-serif; font-size: 20px; color: #272727; border: 2px solid #000;}


/*  레이어 마스크 */
.layerMaskBackground{position: fixed; left: 0; top: 0; bottom: 0; right :0; z-index:100; display: none; overflow: hidden;}
.layerMaskBackground.on{ background-color: rgba(0,0,0,0.7);display: block;}