/*
+----------------------------------------------------------------------+
| Copyright (c) STUDYMAX.  co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 2018-03-05
| 파일설명 : RA - 모바일 헤더 CSS
+----------------------------------------------------------------------+
| 작업자 : 박소율
+----------------------------------------------------------------------+
| 수정이력
| 20181206 header 수정 by 박소율
| 20191121 ver2 header css 추가 by 김승미 
| 20260115 미사용 CSS 제거
+----------------------------------------------------------------------+
*/


#GNB-HEADER{
	position:relative;
	width:100%;
}

/* gnb font */
.gnbHeader *{font-family: 'NotoSansKR'; font-weight: 400;}

/* GNB Top */
.gnbTop{display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; width: 100%; height: 13.65vw; border-bottom: 1px solid #fa0001; background-color: #ffffff;}
.gnbTop div img{width: 100%;}
.gnbTop .gnbMenuBtn, .gnbTop .gnbMyPageBtn{width: 15.278%; height: 15.278vw; box-sizing: border-box; padding: 2.778vw;}
.gnbTop .gnbMenuBtn a, .gnbTop .gnbMyPageBtn a{display:block; width: 100%; height: 100%;}
.gnbTop .gnbMenuBtn{margin-left: 0.972%;}
.gnbTop .gnbMyPageBtn{margin-right: 2.222%;}
.gnbTop .gnbMyPageBtn a{border-radius: 50%; background-color: #d2d2d2;}
.gnbTop .gnbMyPageBtn.off a{display:none;}
.gnbTop .logoSpeakingmax{width: 22%;}

/* gnb depth 1 */
.gnbHeader .gnbDepth{-ms-oveflow-style: none; width: 100%; overflow-x: scroll; overflow-y: hidden;}
.gnbHeader .gnbDepth::-webkit-scrollbar{display: none;}
.gnbHeader .depth1{height: 13.889vw;box-sizing: border-box; border-bottom: 1px solid #e4e4e4; background-color: #ffffff;}
.gnbHeader .depth1 .depth1Area{display:flex;}
.gnbHeader .depth1 .depth1Area li{width: calc(100% / 3); padding: 5vw 0; font-size: 4.125vw; line-height: 4.167vw; text-align: center;}
.gnbHeader .depth1 .depth1Area li a{color: #1b1b1b; letter-spacing: -0.06em; font-family: 'NotoSansKR-Bold';}
.gnbHeader .depth1 .depth1Area li.on a{color: #f50d03;}
.gnbNewIcon {position: relative; top: 3px; margin-left: 3px;}