/*
+----------------------------------------------------------------------+
| blockright (c) STUDYMAX.  co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 2018-09-14
| 파일설명 : header CSS
+----------------------------------------------------------------------+
| 작업자 : 박소율
+----------------------------------------------------------------------+
| 수정이력
| 2018-10-17 2차개선수정 by 우현진
| 2018-10-25 live 반영 이후 수정사항 by 우현진
| 2019-07-15 스피킹맥스 탭 메뉴 숨김처리로 인한 서브메뉴 위치 조정 by 권용찬
+----------------------------------------------------------------------+
*/

.headerWrap{position: fixed; left: 0; right: 0; top: 0; z-index: 999; text-align: center; font-family: NotoSansKR-Regular,'Malgun Gothic', dotum, sans-serif; }
.headerWrap.scollOn{position: fixed;}

.gnbArea{height: 78px;  border-bottom: 1px solid #e9eaea; transition: all 0.3s ease-in-out;}
.headerOn .gnbArea, .headerWrap.scollOn .gnbArea{background-color: #fff;}
.headerOn .gnbArea .gnb, .headerWrap.scollOn .gnbArea .gnb{color: #333;}

.headerLogo{position: absolute; left: 61px; top: 20px; width: 188px; height: 39px; background: url('/smciImages/front/layout/studymax_logo_defalt_1.png') no-repeat 0 0; background-size: contain;}
.headerOn .headerLogo, .headerWrap.scollOn .headerLogo{background: url('/smciImages/front/layout/studymax_logo_active_1.png') no-repeat 0 0; background-size: contain;}

.gnbArea .contentsInner{width: 790px; line-height: 78px;}
.gnbArea .gnb{display: inline-block; margin-left: 100px; font-size: 19px; color:#fff; position: relative;  }/* background: red; */
.gnbArea .contentsInner .gnb:first-child{margin-left: 0;}
.gnbArea .contentsInner a:last-child{margin-left: 90px;}

.gnbArea .gnb:before{content:''; position: absolute; left: 0;right: 0; bottom: -1px;  height:3px; background-color: #e6002d; transform: scale3d(0, 1, 1);-webkit-transform: scale3d(0, 1, 1);transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.gnbArea .gnb.gnbOn:before, .gnbArea .gnb:hover:before, .gnbArea .gnb.gnbSel:before{transform: scale3d(1, 1, 1);-webkit-transform: scale3d(1, 1, 1);}

.gnbArea .gnb.hoverNone:before, .gnbArea .gnb.hoverNone:hover:before{transform: scale3d(0, 1, 1);-webkit-transform: scale3d(0, 1, 1);}

/* 서브메뉴
.subMenuWrap{line-height: 59px;background-color: rgba(255,255,255,0.95); opacity: 0; visibility: hidden;transition: all 0.3s ease-in-out;  }
.subMenuWrap.on{opacity: 1; visibility: visible;}
.subMenuWrap .subMenu{color: #333;font-size: 17px; display: inline-block; margin: 0 22px;}
.subMenuWrap .subMenu:hover, .subMenuWrap .subMenu.subSel{color:#f11231}
.subMenuWrap .subMenuArea{display: none;}
.subMenuWrap .subMenuArea.subMenuOn{display: block;}
.headerWrap.scollOn .subMenuWrap{border-bottom: 1px solid #e9eaea} 
*/ 

/* 서브메뉴 - 2018-10-17 NEW*/
.subMenuWrap{display: none; background-color: rgba(255,255,255,0.95);}
.subMenuWrap:after{content:''; display: block; clear: both;}
.subMenuWrap .subMenuInner{width:745px; margin: 0 auto;}
.subMenuWrap .subMenuInner .subMenuArea{float: left;padding: 23px 0;text-align: left;}
.subMenuWrap .subMenuInner .subMenuArea:nth-child(1){margin-left: -3px;}
.subMenuWrap .subMenuInner .subMenuArea:nth-child(2){margin-left: 106px;}
.subMenuWrap .subMenuInner .subMenuArea:nth-child(3){margin-left: 77px;}
.subMenuWrap .subMenuInner .subMenuArea:nth-child(4){margin-left: 96px;} /* 190715 위치 조정 */
.subMenuWrap .subMenuInner .subMenuArea:nth-child(5){margin-left: 117px;}
.subMenuWrap .subMenuInner .subMenuArea > ul > li{margin-bottom: 15px;}
.subMenuWrap .subMenuInner .subMenuArea > ul > li:last-child{margin-bottom:0;}
.subMenuWrap .subMenu{color: #333;font-size: 17px; }
.subMenuWrap .subMenu:hover, .subMenuWrap .subMenu.subSel{color:#f11231}
.subMenuWrap.subMenuOn{display: block;}
.headerWrap.scollOn .subMenuWrap{border-bottom: 1px solid #e9eaea}