/*
+----------------------------------------------------------------------+
| Copyright (c) STUDYMAX.  co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 2017-08-14
| 파일설명 : header CSS
+----------------------------------------------------------------------+
| 작업자 : bsh 
+----------------------------------------------------------------------+
| 수정이력
| 20171206 images 경로 수정 by bsh
| 20171228 로고변경 by 박소율
| 20180312 darkWindow 추가 by bsh
| 20181005 리뉴얼 관련내용 추가 by 박소율
| 20181029 [loginLayerPosi] 추가 by 김정인
| 20181114 이용권구매  letter-spacing 추가 by 우현진
| 20190902 사이트 GNB 개선 by 우현진 
| 20201202 두근톡 메뉴 추가 & 상단 회원정보 아이디쪽 수정 by 우현진
| 20210104 사이트 GNB 개선 by 최진영
| 20211013 3초해영 영향도 처리 by 최진영
| 20211223 미사용 CSS 정리 및 수상내역 배너 추가 by 최진영
| 20221220 GNB CSS 수정 by 최진영
| 20240112 실적 슬라이드 영역 수정 by 최진영
| 20240508 N 아이콘 수정 by 최진영
| 20250522 GNB 서브 CSS 수정 by 최진영
| 20251017 기업수강 문의하기 버튼 추가, GNB 디자인 수정 by 최진영
| 20260129 로고 이미지 수정 by 최진영
+----------------------------------------------------------------------+
*/

/*==================== Renew ====================*/
.frTopMenuWrap{height: 96px; border-bottom: 1px solid #e1e1e9; background-color: #fff;}

.frTopMenuWrap .headerLogo{padding-top: 20px}
.frTopMenuWrap .headerLogo a {display:inline-block;}
.frTopMenuWrap .headerLogo .headerLogoImg {display:block; width:128px; margin:0 auto;}
.frTopMenuWrap .topMenuArea{position: absolute; right: 0; top: 55px;    line-height: 14px;}
.frTopMenuWrap .topMenuArea .topMenu{font-family: NotoSansKR-DemiLight,'Malgun Gothic', dotum, sans-serif; font-size: 12px; color: #4e4e4e; float: left; padding-left: 10px; margin-left:9px;position: relative;}
.frTopMenuWrap .topMenuArea .topMenu a{font-family: NotoSansKR-DemiLight,'Malgun Gothic', dotum, sans-serif; font-size: 12px; color: #4e4e4e;}
.frTopMenuWrap .topMenuArea .topMenu.upDownArrow{background: url('https://spkmax-cdn.weaversbrain.com/smciImages/front/layout/text_arrow.png') 70px center no-repeat;padding-right: 13px;}
.frTopMenuWrap .topMenuArea .topMenu.upDownArrow.on{background-image: url('https://spkmax-cdn.weaversbrain.com/smciImages/front/layout/text_arrowDown.png');}
.frTopMenuWrap .topMenuArea .topMenu .topMenuMypageList{display: none;position: absolute;top: 23px;text-align: left;left: -9px;z-index:11;width: 74px;background-color: #fff;border: 1px solid #3c3c3c;padding: 0 10px 10px 18px;}
.frTopMenuWrap .topMenuArea .topMenu .topMenuMypageList .topMenuMypageArrow{position: relative;top: -8px;left: 0;width: 100%;text-align: center;}
.frTopMenuWrap .topMenuArea .topMenu .topMenuMypageList li {margin-bottom: 5px;}
.frTopMenuWrap .topMenuArea .topMenu .topMenuMypageList li:last-child {margin-bottom: 0;}
.frTopMenuWrap .topMenuArea .topMenu .topMenuMypageList li a{font-size:12px; color: #494949;}
.frTopMenuWrap .topMenuArea .topMenu .topMenuMypageList li a:hover{text-decoration: underline;}

.frTopMenuWrap .topMenuArea .topMenu:before{content:''; position: absolute; left: 0; top: 3px; width: 1px; height: 10px; background-color: #e5e5ec }
.frTopMenuWrap .topMenuArea .topMenu:first-child:before{display: none;}
.frTopMenuWrap .topMenuArea .userName{color:#131313; margin-left: 7px; font-family: NotoSansKR-bold,'Malgun Gothic', dotum, sans-serif; font-size: 12px;}


.headerInnerWrap {width:1100px; margin:0 auto;}

/*siteBox*/
.siteMapBtn{position: absolute;top: 9px;left: 50%; text-align: center;margin-left: -550px; z-index: 9; }
.siteMapBtn.fixed{position: fixed;}
.siteMapBtn a{display: block; width: 38px; height: 38px; background: url('https://spkmax-cdn.weaversbrain.com/smciImages/front/layout/siteBoxbtn.png') 0 0 no-repeat;}
.siteMapBtn a.on{background-image: url('https://spkmax-cdn.weaversbrain.com/smciImages/front/layout/siteBoxbtn_on.png');}

/* 기업수강 문의하기 버튼 */
.frTopMenuWrap .topMenuArea .b2bApplyBtn {
	display:inline-flex;
	justify-content: center;
	align-items: center;
	position:absolute;
	top:-10px;
	left:100%;
	height:34px;
	margin-left:15px;
	padding:0 16px;
	white-space:nowrap;
	font-family: 'NotoSansKR-Medium';
	color:#fff;
	font-size:14px;
	background:#162159;
	border-radius:120px;
	cursor: pointer;
	transition:all 0.3s;
}
.frTopMenuWrap .topMenuArea .b2bApplyBtn:hover {opacity: 0.8;}
.frTopMenuWrap .topMenuArea .b2bApplyBtn .arrowIcon {width:6px; margin-top:1px; margin-left: 8px;}

/*siteBox_Sgnb*/
.frGnbWrap .topMenuSiteMap{display: none; position: fixed; background-color: #fff; z-index: 10; width: 1100px; left: 50%; margin-left: -550px; top:171px; transition: top 0.1s ease-out; -webkit-transition: top 0.1s ease-out;}
.headerInner.fixed .topMenuSiteMap{top:78px;} /* 고정형일때 위치 조정 */
.frGnbWrap .topMenuSiteMapIn{padding: 38px 50px 10px;}
.frGnbWrap .topMenuSiteMapIn > ul{font-size: 0;}
.frGnbWrap .topMenuSiteMapIn > ul > li{display: inline-block; width: 136px;margin-bottom: 20px;margin-left: 80px;vertical-align: top;}
.frGnbWrap .topMenuSiteMapIn > ul > li.mgLeft_0{margin-left: 0;}
.frGnbWrap .topMenuSiteMapIn > ul > li dt{font-size:21px;color: #333;border-bottom: 2px solid #333;padding-bottom: 10px;margin-bottom: 15px;}
.frGnbWrap .topMenuSiteMapIn > ul > li.dtRed > dl> dt{color:#db052f; border-bottom-color: #db052f;}
.frGnbWrap .topMenuSiteMapIn > ul > li > dl > dd > a{display: inline-block; font-size:15px; font-family: NotoSansKR-DemiLight,'Malgun Gothic', dotum, sans-serif; color: #333;padding-bottom: 8px;}
.frGnbWrap .topMenuSiteMapIn > ul > li > dl > dd > ul > li {margin-bottom: 5px; margin-left: 5px;} 
.frGnbWrap .topMenuSiteMapIn > ul > li > dl > dd > ul > li > a{font-size: 13px;color: #7d7d7d;letter-spacing: -0.5px;} 
.frGnbWrap .topMenuSiteMapIn .sGnbClose{position: absolute; right: 12px; bottom: 12px;} 
.frGnbWrap .topMenuSiteMapIn .sGnbClose a{display: inline-block; width: 34px; height: 34px; text-align: center; vertical-align: middle; border: 1px solid #8C8C8C; background: #fff url('https://spkmax-cdn.weaversbrain.com/smciImages/front/layout/sGnb_close.png') center no-repeat;} 
.frGnbWrap .topMenuSiteMapIn .sGnbClose a:hover{background: #333 url('https://spkmax-cdn.weaversbrain.com/smciImages/front/layout/sGnb_close_on.png') center no-repeat;} 

/* gnb —­ */
.frGnbWrap{position:relative; }
.frGnbWrap .headerInner{position:absolute;left: 0; top:0; right: 0;  }
.frGnbWrapInner{position:relative; width:100%; height:96px}
.frGnbWrapInner.fixed{animation:HeaderFixed 0.7s; height:72px; background-color:#122243;}
@-webkit-keyframes HeaderFixed {
	from {top:-120px	}
	to {top:0;}
}
@keyframes HeaderFixed {
	from {top:-120px}
	to {top:0;}
}

.frGnbArea{position:absolute; top:0; left:0; z-index: 8; width:100%; height:54px; background-color:#fff; border-bottom: 1px solid #A8A8AA}
.frGnbArea ul.clearfix{width:1100px; height:100%; margin:0px auto;}
.frGnbArea ul.clearfix > li{float:left; width:131px; height:100%; text-align:center; position:relative;}
.frGnbArea ul.clearfix > li.firstGnb{margin-left: 52px;}
.frGnbArea ul.clearfix > li:after{content:'';position: absolute; left: 0; top: 19px; width: 1px; height: 16px; background-color :#e1e1e9}
.frGnbArea ul.clearfix > li:first-child:after{display :none}
.frGnbArea ul.clearfix > li > a{display:inline-block; font-size:18px; line-height:54px; color:#000; letter-spacing:-0.2px; position:relative; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
.frGnbArea ul.clearfix > li > a:before{position:absolute; content:""; bottom:0px; left:50%; width:0; height:4px; background-color:#e80f1e;
	-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;
}
.frGnbArea ul.clearfix > li > a.studyBtn {color:#e80f1e;}
.frGnbArea ul.clearfix > li > a.studyBtn:after{content:'';position: absolute; top: 12px; right:-10px; width: 6px; height: 6px; background-color :#e80f1e; border-radius: 100%;}
.frGnbArea ul.clearfix > li > a:hover:before,.frGnbArea ul.clearfix > li.on > a:before{width:100%; margin-left:-50%;}



.frGnbArea .gnbSubGnb{display: none;position:absolute;top: 54px;left: 0px;width: 100%;margin: 0 auto;z-index:99;background-color: #fff;overflow:hidden;
border: 1px solid #A8A8AA;  border-left: 0; border-right: 0; box-sizing: border-box; height:235px;}
.frGnbArea #gnbSubNav.test{left:-9999px;}
.frGnbArea .gnbSubGnb .subMenu{width: 1100px;height: 100%;background: #fff;margin: 0 auto;}
.frGnbArea .gnbSubGnb .subMenu:after{content:''; display: block; clear: both; }
.frGnbArea .gnbSubGnb .subMenu ul{padding-top:25px;float: left;width: 131px;}
.frGnbArea .gnbSubGnb .subMenu ul:first-child{padding-left: 52px;}
.frGnbArea .gnbSubGnb li{text-align:center; margin-bottom:10px;}
.frGnbArea .gnbSubGnb li:last-child{margin-bottom: 0;}
.frGnbArea .gnbSubGnb ul:nth-child(5) li{margin-bottom: 10px;}
.frGnbArea .gnbSubGnb ul:nth-child(5) li:last-child{margin-bottom:0;}
.frGnbArea .gnbSubGnb li a{font-size:15px; line-height:28px; color:#212121; position:relative; font-family: NotoSansKR-Regular,'Malgun Gothic', dotum, sans-serif;}
.frGnbArea .gnbSubGnb li a span{display:inline-block; line-height:normal;}
.frGnbArea .gnbSubGnb li:hover > a, .frGnbArea .gnbSubGnb li:focus > a{ color:#e80f1e; }

/* 주메뉴 */
.frGnbArea ul.clearfix > li.gnbStudyStart {width: 180px;}
.frGnbArea ul.clearfix > li.gnbStudyStart a{width: 180px;height: 54px; background:#e80f1e no-repeat 37px 15px;}
.frGnbArea ul.clearfix > li.gnbStudyStart a.ft_size0{ font-size: 0}
.frGnbArea ul.clearfix > li.gnbStudyStart a.displayBlock{ display: block}
.frGnbArea ul.clearfix > li.gnbStudyStart a.study {background-image:url('https://spkmax-cdn.weaversbrain.com/smciImages/front/layout/gnb_selectCourse_study.png')}
.frGnbArea ul.clearfix > li.gnbStudyStart a.trial {background-image:url('https://spkmax-cdn.weaversbrain.com/smciImages/front/layout/gnb_selectCourse_trial.png')}
.frGnbArea ul.clearfix > li.gnbStudyStart:after{display: none;}

/*무료맛보기*/
.frGnbArea ul.clearfix > li.gnbStudyStart .freeStudy{display: block; width: 100%; height: 32px;background:url('https://spkmax-cdn.weaversbrain.com/smciImages/front/layout/freeStudy_top.png') top center no-repeat; position: absolute; z-index: 1; top:-18px; left: 0; text-align: center;}
.frGnbArea ul.clearfix > li.gnbStudyStart .freeStudy.freeStbottom{background:url('https://spkmax-cdn.weaversbrain.com/smciImages/front/layout/freeStudy_bottom.png') bottom center no-repeat; top:40px; z-index:101}

/* -------- GNB :: fixed -------- */
.frGnbArea.fixed{position: fixed;}
.frGnbArea.fixed .gnb2depth{top:54px;}

.gnbRoundNewArea{
	display: inline-flex;
	justify-content: center;
	align-items:center;
	right: -15px;
	top: 30%;
	margin-top: -6px;
	z-index: 1;
	background-color: #F81F2E;
	width: 14px;
	height: 14px;
	line-height: 1.3;
	-webkit-border-radius: 130px;
	-moz-border-radius: 130px;
	border-radius: 130px;
}
.gnbRoundNew{
	display: inline-block;
	text-indent: -1px;
	color: #fff;
	font-size: 8px;
	font-family: NotoSansKR-DemiLight,'Malgun Gothic', dotum, sans-serif;
}

/*GNB 왼쪽*/
.gnbLeftBanner{position: absolute;top: 21px;left: 50%;margin-left: -810px;z-index: 0;}
.awardsBanner {position:absolute; top:15px; left:0;}
.awardBannerSlide {height:65px;}
.awardBannerSlide .awardBannerImg {display:block; width:222px;}