/*
 +----------------------------------------------------------------------+
 | Copyright (c) STUDYMAX.  co. Ltd
 +----------------------------------------------------------------------+
 | 작업일 : 2016-08-19
 | 파일설명 : 사이트 레이아웃 CSS
 +----------------------------------------------------------------------+
 | 퍼블리셔 : bsh
 +----------------------------------------------------------------------+
 | 수정사항
 | 20170821 topmenu 결합상품 갤럭시 추가되면서 학습신청, 무료맛보기 가로값 수정 by 박소율
 | 20171012 무료퍼널 2차 개발 임시아이디 - 로그인 팝업 수정  by 박소율
 | 20180306 무료퍼널 9차 관련 CSS세분화 적용  by 박소율
 +----------------------------------------------------------------------+
*/
/* 외주CSS 레이아웃 start */
.wrap{position:relative;min-width:1160px;background:#f9f9f9;}
.wrapMain{min-width:1160px;}

/* 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:36px;line-height:32px;text-align:center;vertical-align:middle;display:inline}


.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;}

/* 20170821 결합상품 갤럭시탭 추가 따른 가로값 수정 */
.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{display:none;position:absolute;top:55px;left:-465px;height:188px;width:1906px;}*/
.header .gnbSubNav .subMenu{height:100%;padding-left:287px;border-bottom:2px solid #ce1119;background:#f8f8f8;} 
/*.header .gnbSubNav .subMenu{height:100%;padding-left:752px;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;} /*  20170821 수정 */
.header .gnbSubNav .subMenu ul.menu06{width:110px;} /*  20170821 수정 */
.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;}

/* footer */
.footer{position:relative;clear:both;height:150px;background:#fff url('/images/front/layout/bg_footer.png') repeat-x 0 0;}
.footer .inner{position:relative;width:992px;margin: 0 auto;}
.footer .footerMenu{height:27px;padding-top:14px;}
.footer .footerMenu li{float:left;padding-left:14px;margin-left:13px;background:url('/images/front/layout/bar_footerMenu.png') no-repeat 0 50%;}
.footer .footerMenu li:first-child{padding-left:0px;margin-left:0px;background:none;}
.footer .footerMenu li a{display:block;color:#444444;vertical-align:top;}
.footer .familySite{position:absolute;top:8px;right:0;}
.footer .familySite .sbHolder{padding-right:0;height:24px;border:1px solid #1c1c1c;padding:0 0;}
.footer .familySite .sbToggle{position:absolute;top:10px;right:12px;width:7px;height:5px;background:url('/images/front/layout/sbToggle_off.png') no-repeat 0 1px;}
.footer .familySite .sbToggle.sbToggleOpen{background:url('/images/front/layout/sbToggle_on.png') no-repeat 0 1px;}
.footer .familySite .sbSelector{display:block;height:24px;line-height:24px;padding:0 15px 0 15px;font-size:11px;text-decoration:none;color:#ffffff;background:#6e160d;}
.footer .familySite .sbOptions{min-height:80px;margin-top:0px !important;overflow-y:auto;padding:5px 0;border:1px solid #999999;background:#fff;}
.footer .familySite .sbOptions li{padding:0 15px;}
.footer .familySite .sbOptions li:first-child{display:none;}
.footer .familySite .sbOptions a{color:#848282;padding:5px 0 5px 3px;font-size:11px;border-bottom:none;}
.footer .familySite .sbOptions a:hover{color:#cc0000;text-decoration:underline}
.footer .familySite .sbOptions li:first-child{margin-top:0;}
.footer .siteInfo{position:relative;padding-left:165px;padding-top:30px;}
.footer .footerLogo{position:absolute;top:38px;left:0;}
.footer address{clear:both;font-style:normal;font-size:11px;color:#999999;letter-spacing:-1px;font-family:'Dotum'; }
.footer address span{padding-left:8px;margin-left:5px;font-size:11px;}
.footer address span:first-child{padding-left:0;margin-left:0;background:none}
.footer .copyright strong{color:#cc3333;}

.layerMask{position:fixed;top:0;left:0;height:100%;width:100%;z-index:7100;background:url('/images/front/mypage/bg_mask.png') repeat 0 0;}/* 20160908 : z-index:200 -> 7100 변경(bsh) */

.layerPop .btnC{margin:0 20px;padding-top:20px;}
.layerPop .btnC a{margin: 0 2px;}
.layerPop{position:relative;width:700px;padding:0 0 32px 0;margin: 0 auto;background:#fff;}
.layerPop.paddingBottomNone{padding:0 0 0 0;}
/* 외주CSS 레이아웃 end */


/* 로그인 레이어 팝업 */
.layerPopV2{position:relative;width:700px;margin: 0 auto;border:10px solid #000000;border-top:none;background:#fff;}
.layerPopV2 .popClose{position:absolute;top:15px;right:2px;width:20px;height:20px;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:#fff;}
.memberLogin dl dt{padding-top:37px;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:17px;}
.memberLogin dl .menu label{cursor:pointer;}
.memberLogin dl .menu label .checkbox{position:relative;top:-2px;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;}
.memberLogin .banner{border-top:5px solid #000000;}
.memberLogin dl .menu a.loginPopJoinBtn{ position:absolute;top:146px;left:127px;} /* 20171013 회원가입 버튼 by 박소율 */
.memberLogin dl .menu a.idPassFindImg{position:absolute;top:146px;left:230px;} /* 20171013 위치 변경 by박소율 */








/* footer */
.siteInfo .footerRightImg{position: absolute;top: 26px;right: 0;}
#familySiteListBox .footerSelectBox{position:absolute;margin-left:700px;margin-top:0px;font-size:11px;width:110px;height:25px;border:1px solid #000;font-weight:normal;text-align:center;cursor:pointer;background:#6e160d;color:#fff;font-size:9px;!important;}
#familySiteListBox .footerSelectBoxList{display:none;}
#familySiteListBox .footerSelectBoxList.on{position:absolute;margin-left:880px;margin-top:-135px;display:block;font-size:11px;width:110px;border:1px solid #ccc;background:#FFF;}
#familySiteListBox .footerSelectBoxList a{padding-left:21px;}
#familySiteListBox .footerSelectCourse{padding-top:5px;padding-bottom:4px;cursor:pointer;font-size:11px;/*width:90px;*/!important;}
#familySiteListBox a{font-size:11px;color:#848282;}
#familySiteListBox a:hover{text-decoration:underline;color:#b31d23;font-size:11px;}
#familySiteListBox a:active {text-decoration:underline;color:#b31d23;font-size:11px;}
#familySiteListBox a:focus {text-decoration:underline;color:#b31d23;font-size:11px;}
#familySiteListBox .toggleBtn{position:absolute;top:10px;right:7px;}
#familySiteListBox .fmarginTop{margin-top:6px;}
@media screen and (-webkit-min-device-pixel-ratio:0){
#familySiteListBox .fmarginTop{margin-top:5px;}
}
@-moz-document url-prefix() {
#familySiteListBox .fmarginTop{margin-top:5px;}
}
#footerSelectCourse{padding-right:11px;}