/*
 +----------------------------------------------------------------------+
 | Copyright (c) STUDYMAX.  co. Ltd
 +----------------------------------------------------------------------+
 | 작업일 : 2017-09-01
 | 파일설명 : header 컨텐츠 CSS
 +----------------------------------------------------------------------+
 | 퍼블리셔 :	 박소율
 +----------------------------------------------------------------------+
 | 수정사항
 | 20180320 프로필/레벨 체계 리뉴얼 1차  by 박소율
 +----------------------------------------------------------------------+
*/
 

/* header & topMenu */
.header .gnbSubNav.type2{padding-left:88px;margin-left:-88px;}
.header .gnbSubNav.type2 .freeStudyStart{position:absolute;top:0;left:88px;}
.headerWrap{height:128px;border-bottom:2px solid #ce1119;background:#fff;}
.headerWrap .topMenu{height:40px;border-bottom:1px solid #e5e5e5}
.headerWrap .header{position:relative;width:980px;margin: 0 auto;}
.topMenu ul{width:1000px;margin: 0 auto;text-align:right;padding-top:10px;}
.topMenu ul li{position:relative;display:inline-block;vertical-align:top;}
.topMenu ul li:before{content:""; display: block;position:absolute;top:5px;left:-2px;width:1px;height:10px;background:#cccccc;}
.topMenu ul li:first-child:before{display:none;}
.topMenu ul li a{display:inline-block;padding:1px 9px 0 11px;height:12px;vertical-align:top;color:#727272;}
.topMenu ul li .user{display:inline-block;padding:1px 9px 0 11px;height:12px;vertical-align:top;color:#727272;}
.topMenu ul li.join a{font-weight:bold;}
.topMenu ul li .balloon{position:absolute;top:-2px;left:-150px;}
.topMenu .lv{position:relative;top:-1px;vertical-align:middle;display:inline-block;}
.topMenu .lv .levelNum{position:absolute;top:-6px;left:0;color:#fff;font-size:11px;width:42px;line-height:32px;text-align:center;vertical-align:middle;display:inline} /* 20180404  width변경 by 박소율*/

/* 20180321 마스터레벨 추가 by 박소율 */
.topMenu .hdMasterClass{display: inline-block;top:-3px; position: relative}
.topMenu .lv .levelNum.hdMasterClass{color: #3d3d3d;font-family: verdana;font-weight: bold;left: 17px;top: -2px; width: 36px} /* 20180404 width 추가 by 박소율 */


.header h1{position:absolute;top:12px;left:4px;}
.header .gnb{position:absolute;top:34px;right:0;width:100%;z-index:5000}
.header .gnb .gnbMask{position:absolute;top:-15px;right:0;width:695px;height:70px;background:url('/images/front/layout/bg_gnbMask.png') repeat 0 0;}
.header .gnbNav{position:absolute;top:-15px;right:0;background:url('/images/front/layout/bar_gnbNav.png') no-repeat 100% 16px;}
.header .gnbNav > li{position:relative;float:left;height:55px;padding-top:15px;cursor:pointer;background:url('/images/front/layout/bar_gnbNav.png') no-repeat 0 16px;}
.header .gnbNav > li .label{position:absolute;top:0;left:50%;width:68px;height:16px;margin-left:-34px;margin-top:-5px;line-height:16px;font-size:11px;letter-spacing:-1px;text-align:center;color:#fff;background:#ce1119;}
.header .gnbNav > li a{display:block;height:100%;padding:0 27px;vertical-align:top;}

.header .gnbNav > li.menu05 a{padding: 0 34px; }
.header .gnbNav > li.menu06 a{padding: 0 20px; }

.header .gnbNav > li.on a{background:url('/images/front/layout/gnbNav_arr.png') no-repeat 50% 100%;}
.header .noSub .gnbNav > li.on a{background:none;}
.header .gnbSubNav{display:none;position:absolute;top:55px;right:0;height:188px;}
.header .gnbSubNav .subMenu{height:100%;padding-left:287px;border-bottom:2px solid #ce1119;background:#f8f8f8;} 

.header .gnbSubNav .subMenu ul{height:100%;float:left;border-left:1px solid #ebebeb;}
.header .gnbSubNav .subMenu ul:hover,
.header .gnbSubNav .subMenu ul.on{background:#ffffff;}
.header .gnbSubNav .subMenu ul li{margin-top:10px;text-align:center;color:#444444;}
.header .gnbSubNav .subMenu ul li a{display:block;color:#444444;text-decoration:none;font-size:13px;letter-spacing:-1px}
.header .gnbSubNav .subMenu ul li a:hover{color:#ce1119;}
.header .gnbSubNav .subMenu ul.menu01{width:110px;}
.header .gnbSubNav .subMenu ul.menu02{width:123px;}
.header .gnbSubNav .subMenu ul.menu03{width:110px;}
.header .gnbSubNav .subMenu ul.menu04{width:110px;}
.header .gnbSubNav .subMenu ul.menu05{width:124px;}
.header .gnbSubNav .subMenu ul.menu06{width:110px;} 
.header .gnbSubNav .btn{text-align:center;}
.header .gnbSubNav.type2{padding-left:88px;margin-left:-88px;}
.header .gnbSubNav.type2 .freeStudyStart{position:absolute;top:0;left:88px;}