/*
 +----------------------------------------------------------------------+
 | Copyright (c) STUDYMAX.  co. Ltd
 +----------------------------------------------------------------------+
 | 작업일 : 2017-08-30
 | 파일설명 : header CSS
 +----------------------------------------------------------------------+
 | 작업자 : bsh
 +----------------------------------------------------------------------+
*/
.maxRelative{height:35px;border-bottom:1px solid #e7e7e7;background:#f0f0f0;}
.maxRelative ul{width:992px;margin: 0 auto;}
.maxRelative ul li{float:left;width:25%;height:36px;text-align:center;}/* 20161202 :  width:20% ->25% 수정(bsh)*/
.maxRelative ul li.on{background:#fff;}
.maxRelative ul li a{display:block;border-right:1px solid #e7e7e7;}
.maxRelative ul li:first-child a{border-left:1px solid #e7e7e7;}

.headerWrap{height:127px;background:url('/images/front/layout/bg_header.png') repeat-x 0 0;}
.headerWrap .header{position:relative;width:992px;margin: 0 auto;}
.header h1{position:absolute;top:18px;left:0;}
.header .topMenu{position:absolute;top:47px;right:0;}
.header .topMenu .balloon{position:relative;top:-5px;left:-5px;}
.header .topMenu li{float:left;height:12px;padding-left:8px;margin-left:8px;background:url('/images/front/layout/bar_topMenu.png') no-repeat 0 0;}
.header .topMenu li:first-child{background:none;}
.header .topMenu li a{display:inline-block;height:12px;font-size:0;vertical-align:top;color:#999999;}
.header .topMenu li a img{vertical-align:top;}
.header .gnb{position:absolute;top:77px;right:0;width:100%;}
.header .gnb .gnbMask{position:absolute;top:0;right:0;width:695px;height:50px;}
.header .gnbNav{position:absolute;top:0;right:0;}
.header .gnbNav > li{position:relative;float:left;height:50px;cursor:pointer;background:url('/images/front/layout/bar_gnbNav.png') no-repeat 0 18px;}
.header .gnbNav > li:first-child{background:none;}
.header .gnbNav > li a{display:block;height:100%;text-align:center;vertical-align:top;}
.header .gnbNav > li.on a{background:url('/images/front/layout/arr_gnb.png') no-repeat 50% 100%;}
.header .gnbNav > li a img{margin-top:13px;}
.header .gnbNav > li.menu01{width:153px;}
.header .gnbNav > li.menu02{width:153px;}
.header .gnbNav > li.menu03{width:153px;}
.header .gnbNav > li.menu04{width:153px;}
.header .gnbNav > li.menu05{width:153px;}
.header .noSub .gnbNav > li.on a{background:none;}

.header .gnbSubNav{display:none;position:absolute;top:50px;right:0;width:765px;height:190px;z-index:5100}
.header .gnbSubNav .subMenu{height:100%;background:url('/images/front/layout/bg_gnbSub.png') repeat 0 0;}
.header .gnbSubNav .subMenu ul{height:100%;float:left;background:url('/images/front/layout/line_gnbSub.png') no-repeat 0 17px;}
.header .gnbSubNav .subMenu ul li{margin-top:12px;text-align:center;color:#444444;}
.header .gnbSubNav .subMenu ul li:first-child{margin-top:17px;}
.header .gnbSubNav .subMenu ul.menu01{width:153px;}
.header .gnbSubNav .subMenu ul.menu02{width:153px;}
.header .gnbSubNav .subMenu ul.menu03{width:153px;}
.header .gnbSubNav .subMenu ul.menu04{width:153px;}
.header .gnbSubNav .subMenu ul.menu05{width:153px;}

/* 탑메뉴 회원정보 */
.topmenuMemberName{font-size:11px;color:#666666;font-weight:bold;display:inline-block;margin-left:4px;font-family:'돋움',Dotum;vertical-align:top;}
.header .topMenu .id{position:relative;top:-1px;}

/* 로그인 레이어 팝업 */
.layerPopV2{position:relative;width:700px;margin: 0 auto;border:5px solid #000000;border-top:none;background:#fff;}
.layerPopV2 .popClose{position:absolute;top:17px;right:15px;width:17px;height:16px;background:url('/images/front/layout/btn_popClose.png') repeat 0 0;}
.layerPopV2 .layerTit{height:50px;line-height:50px;padding-left:7px;color:#fff;font-weight:bold;font-size:20px;background:#000000;}
.layerPopV2 .layerTit img{position:relative;top:16px}
.memberLogin dl{background:#ededed;}
.memberLogin dl dt{padding-top:58px;text-align:center;}
.memberLogin dl dd.login{position:relative;width:410px;margin: 0 auto;padding:36px 0 32px 0;}
.memberLogin dl dd.login ul li{margin-top:8px;}
.memberLogin dl dd.login ul li input{height:37px;line-height:37px;padding:0 15px;width:240px;border:1px solid #cccccc;font-size:16px;color:#666666;}
.memberLogin dl dd.login .btn{position:absolute;top:43px;right:0;}
.memberLogin dl .menu{margin-top:20px;}
.memberLogin dl .menu label{cursor:pointer;}
.memberLogin dl .menu label .checkbox{position:relative;top:-3px;width:24px;height:24px;vertical-align:top;background:url('/images/front/layout/checkbox_off.png') no-repeat 0 0;}
.memberLogin dl .menu label.on .checkbox{background:url('/images/front/layout/checkbox_on.png') no-repeat 0 0;}
.memberLogin dl .menu a{display:inline-block;margin-left:40px;}
.memberLogin .banner{border-top:5px solid #000000;}