/*
 +----------------------------------------------------------------------+
 | Copyright (c) STUDYMAX.  co. Ltd
 +----------------------------------------------------------------------+
 | 작업일 : 2017-08-30
 | 파일설명 : main CSS
 +----------------------------------------------------------------------+
 | 작업자 : bsh
 +----------------------------------------------------------------------+
 | 수정이력
 | 20200703 서비스 종료 팝업 추가 by 최진영
 +----------------------------------------------------------------------+
*/
area:focus, area:hover {border:0; outline:0;}

/* 외주 메인 CSS start */
.freeStudyStart.main{position:relative;width:992px;margin: 0 auto;height:0px;top:-7px;}
.freeStudyStart.main .bg{display:block;position:absolute;top:0;left:0;width:240px;height:357px;z-index:6000;background:url('/images/front/main/btn_StudyStart2_bg.png') no-repeat 0 0;}/* 20161121 : z-index 8000 -> 6000 으로 수정 */
.freeStudyStart.main .bg .startBtn{position:absolute;top:135px;left:20px;}

.mainVisualWrap{overflow:hidden;height:350px;}
.mainVisualWrap .mainVisual{position:relative;height:347px !important;z-index:200;border-bottom:3px solid #f51212;}/* 20161121 : z-index 2000 -> 200 으로 수정 */
.mainVisualWrap .mainVisual ul li{float:left;height:347px;}
.mainVisualWrap .mainVisual ul li .img{position:relative;width:992px;height:347px;margin: 0 auto;} 
.mainVisualWrap .mainVisual ul li .img > img{position:absolute;top:0;left:0;}  
.mainVisualWrap .mainVisual ul li .img .btn{display:inline-block;}

.mainVisual #mainVisual01{background:url('/images/front/main/mainVisual1_bg_2.png') repeat-x 50% 0;} 
.mainVisual #mainVisual01 .img .btn{position:absolute;top:256px;left:415px;}
.mainVisual #mainVisual02{background:url('/images/front/main/mainVisual2_bg_1.png') repeat-x 50% 0;}
.mainVisual #mainVisual02 .img .btn{position:absolute;top:253px;left:442px;}
.mainVisual #mainVisual03{background:url('/images/front/main/mainVisual3_bg.png') repeat-x 50% 0;} 
.mainVisual #mainVisual03 .img .btn{position:absolute;top:267px;left:371px;}
.mainVisual #mainVisual04{background:#000 url('/images/front/main/mainVisual4_bg.png') repeat-x 50% 0;}
.mainVisual #mainVisual04 .img img{position:absolute;top:0px;left:0px;}
.mainVisual #mainVisual04 .img .btn{position:absolute;top:225px;left:557px;}
.mainVisual #mainVisual05{background:#000 url('/images/front/main/mainVisual5_bg.png') repeat-x 50% 0;} 
.mainVisual #mainVisual05 .img img{position:absolute;top:0px;left:0px;}
.mainVisual #mainVisual05 .img .btn{position:absolute;top:225px;left:557px;}
.mainVisual #mainVisual06{background:#000 url('/images/front/main/mainVisual6_bg.png') repeat-x 50% 0;}
.mainVisual #mainVisual06 .img img{position:absolute;top:0px;left:0px;}
.mainVisual #mainVisual06 .img .btn{position:absolute;top:225px;left:557px;}

.mainVisualWrap .mainVisual .visualPage{position:absolute;bottom:0;left:0;z-index:10;opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}

.visualBtnWrap{position:relative;width:992px;margin: 0 auto;}
.visualBtn{position:absolute;bottom:3px;right:0;height:35px;width:762px;z-index:250;border:1px solid #000000;background:#030c15;}/* 20161121 : z-index 7000 -> 250 으로 수정 */
.visualBtn a{position:relative;float:left;width:127px;height:100%;line-height:35px;text-align:center;color:#666666;text-decoration:none;background:url('/images/front/main/bar_visualBtn.png') no-repeat 0 50%;}
.visualBtn a span{position:relative;display:block;height:36px;line-height:35px;font-size:13px;color:#cccccc;}
.visualBtn a:first-child span{border-left:none;}
.visualBtn a:focus,
.visualBtn a:hover{text-decoration:none;color:#666666;color:#fff;}
.visualBtn a:focus .onbg,
.visualBtn a:hover .onbg{display:block;}
.visualBtn a:focus span,
.visualBtn a:hover span{border-left:none;text-decoration:none;}
.visualBtn a.on{color:#fff;}
.visualBtn a.on span{position:relative;border-left:none;text-decoration:none;color:#fff;background:#e80506;}
.visualBtn a.on .arr{position:absolute;bottom:-4px;left:0;width:100%;display:block;height:6px;background:#e80506 url('/images/front/main/arr_visualBtn.png') no-repeat 50% 100%;}

.maxGuide{overflow:hidden;border-bottom:1px solid #dbdbdb;background:#f4f4f4;}
.maxGuide .inner{width:992px;margin: 0 auto;}
.maxGuide .inner a{float:left;}

/* section */
.sectionArea01{padding-bottom:50px;padding-top:37px;border-bottom:1px solid #dbdbdb;}
.sectionArea01 .inner{width:989px;margin: 0 auto;}

.sectionArea02{overflow:hidden;border-bottom:1px solid #dbdbdb;}
.sectionArea02 .inner{width:992px;margin: 0 auto;}
.sectionArea02 .section01{float:left;width:675px;}
.sectionArea02 .section02{float:right;width:285px;}

.sectionArea03{overflow:hidden;border-bottom:1px solid #dbdbdb;background:#f5f5f5;}
.sectionArea03 .inner{width:992px;margin: 0 auto;}
.sectionArea03 .section01{float:left;width:675px;}
.sectionArea03 .section02{float:right;width:285px;}

.sectionArea04{overflow:hidden;padding:30px 0 50px 0;border-bottom:1px solid #dbdbdb;background:#f5f5f5;}
.sectionArea04 .inner{width:992px;margin: 0 auto;}
.sectionArea04 .section01{float:left;width:330px;}
.sectionArea04 .section02{float:left;width:300px;margin-left:35px;}

/* newMaxPeople*/ 
.newMaxPeople{position:relative;overflow:hidden;}
.newMaxPeople .maxPeopleTabFocus{display:block;position:absolute;top:-9999%;left:-9999%;z-index:10}
.newMaxPeople .maxPeopleTabFocus a{display:block;}
.newMaxPeople .maxPeopleTabFocus.focus{display:block;top:50px;left:0;background:#fff;}
.newMaxPeople .maxPeopleTabFocus a:focus{color:#ff0000}
.newMaxPeople .tit{text-align:center;}
.newMaxPeople .maxPeopleVisual{position:relative;border-top:4px solid #e31e25;}
.newMaxPeople .maxPeopleVisual ul{width:805px;height:310px;overflow:hidden;}
.newMaxPeople .maxPeopleVisual ul li{position:relative;float:left;width:805px;height:310px;position:relative;}
.newMaxPeople .maxPeopleVisual ul li .imgbox{display:block;position:absolute;overflow:hidden;}
.newMaxPeople .maxPeopleVisual ul li .imgbox .txt{position:absolute;}
.newMaxPeople .maxPeopleVisual ul li .imgbox .mask{position:absolute;top:0;left:0;width:100%;height:100%;background:url('/images/front/main/bg_maxPeople_mask.png') repeat 0 0;}
.newMaxPeople .maxPeopleVisual ul li .imgbox .more{display:none;position:absolute;}/*20161202 : z-index:4 제거(bsh)*/
.newMaxPeople .maxPeopleVisual ul li .imgbox .link{position:absolute;top:0;left:0;display:block;width:100%;height:100%;}
.newMaxPeople .maxPeopleVisual ul li .imgbox .border{display:none;position:absolute;top:0;left:0;width:100%;height:100%;}
.newMaxPeople .maxPeopleVisual ul li .imgbox .border .top{position:absolute;top:0;left:0;width:100%;height:5px;}
.newMaxPeople .maxPeopleVisual ul li .imgbox .border .bottom{position:absolute;bottom:0;left:0;width:100%;height:5px;}
.newMaxPeople .maxPeopleVisual ul li .imgbox .border .left{position:absolute;top:0;left:0;height:100%;width:5px;}
.newMaxPeople .maxPeopleVisual ul li .imgbox .border .right{position:absolute;top:0;right:0;height:100%;width:5px;}
.newMaxPeople .maxPeopleVisual ul li .imgbox .border.red > span{background:#cc0000;}
.newMaxPeople .maxPeopleVisual ul li .imgbox .border.indigo > span{background:#0f2034;}
.newMaxPeople .maxPeopleVisual ul li .imgbox .border.brown > span{background:#650302;}
.newMaxPeople .maxPeopleVisual ul li .imgbox .border.orange > span{background:#f89629;}
.newMaxPeople .maxPeopleVisual ul li .imgbox .border.pupple > span{background:#663399;}
.newMaxPeople .maxPeopleVisual ul li .imgbox .border.deepGreen > span{background:#235943;}
.newMaxPeople .maxPeopleVisual ul li .imgbox .border.skyblue > span{background:#21d1c4;}
.newMaxPeople .maxPeopleVisual ul li .imgbox .img{transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;}
.newMaxPeople .maxPeopleVisual ul li .imgbox:hover .img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2);-ms-transform:scale(1.2)}
.newMaxPeople .maxPeopleVisual ul li .imgbox:hover .more{display:block;}

.newMaxPeople .maxPeopleMore{position:absolute;top:52px;right:0;}

/* .maxCourse */
.maxCourse{padding-top:2px;}
.maxCourse .tit{padding-bottom:8px;padding-top:39px;margin-bottom:0px;border-bottom:2px solid #e31e25;}
.maxCourse .courseList{padding-top:10px;}
.maxCourse .courseList .box02{margin-top:10px;}
.maxCourse .courseList .box{position:relative;height:93px;overflow:hidden;border:1px solid #333333;}
.maxCourse .courseList .box a{vertical-align:top;display:block;text-decoration:none}
.maxCourse .courseList .left{float:left;}
.maxCourse .courseList .right{float:right;}
.maxCourse .courseList .center{float:left;margin-left:10px;}
.maxCourse .courseList .box02{overflow:hidden;}
.maxCourse .courseList .box02 .box{width:auto;height:116px;}
.maxCourse .courseList .btmBox{position:relative;}
.maxCourse .courseList .txt{overflow:hidden;position:absolute;bottom:0;left:0;width:100%;height:20px;font-family:'Dotum';padding-top:2px;line-height:20px;letter-spacing:-1px;color:#fff000;font-size:11px;text-align:center;background:#000000;}
.maxCourse .courseList .txt .label{position:relative;top:3px;font-size:11px;color:#fff;display:inline-block;vertical-align:top;padding:0 3px;height:12px;line-height:12px;padding-top:2px;margin-right:3px;font-weight:bold;font-size:11px;}
.maxCourse .courseList .txt .label.org{background:#d98934;}
.maxCourse .courseList .txt .label.org2{background:#d86222;}
.maxCourse .courseList .txt .label.red{background:#d62247;color:#fff !important;}
.maxCourse .courseList .txt > span{font-size:11px;position:relative;top:1px;vertical-align:top;line-height:12px;position:relative;top:5px;}

/* 오늘의 학습후기 */
.studyReple{position:relative;width:245px;height:430px;padding:0 20px;padding-top:37px;padding-bottom:50px;border-left:1px solid #f1f1f1;border-right:1px solid #f1f1f1;}
.studyReple .tit{position:relative;}
.studyReple .more{position:absolute;top:40px;right:20px;}
.studyReple a:hover{text-decoration:none}
.studyReple a:hover .id span{text-decoration:underline}
.studyReple a:hover .reple{text-decoration:underline}
.studyReple .caroufredsel_wrapper{margin-top:8px !important;}
.studyReple ul{font-size:11px;margin-top:4px;}
.studyReple ul li{position:relative;height:70px;padding:15px 0;padding-left:85px;}
.studyReple ul li:first-child{background:none;border-top:none;}
.studyReple ul li > span{display:block;}
.studyReple ul li .img{display:block;position:absolute;top:15px;left:0;width:74px;border-radius:74px;}
.studyReple ul li .imgFrame{display:block;position:absolute;top:15px;left:0;}
.studyReple ul li .img .landTxt{display:block;margin-top:2px;height:16px;line-height:16px;letter-spacing:-2px;text-align:center;color:#ffffff;background:#dddddd;}
.studyReple ul li .img .landTxt.magic{background:#298532;}
.studyReple ul li .img .landTxt.eastern{background:#13588e;}
.studyReple ul li .img .landTxt.weastern{background:#ffd633;color:#333333;}
.studyReple ul li .img .landTxt.adventure{background:#bc4618;}
.studyReple ul li .id{display:block;padding-top:8px;color:#444444;font-size:12px;}
.studyReple ul li .id img{vertical-align:top;}
.studyReple ul li .id .levelLabel{vertical-align:top;}
.studyReple ul li .reple{display:block;overflow:hidden;height:29px;margin-top:5px;width:160px;color:#999999;line-height:15px;letter-spacing:-1px;}

/* successStory */
.successStory{float:left;width:670px;}
.successStory .tit{padding-top:34px;padding-bottom:13px;border-bottom:2px solid #333333;}
.successStory ul{padding-top:20px;width:690px;}
.successStory li{float:left;}

/* 최근학습소식 */
.recentStudyNews{position:relative;width:245px;height:310px;padding:0 20px;padding-top:31px;border-right:1px solid #ebebeb;border-left:1px solid #ebebeb;background:#fff;}
.recentStudyNews .tit{position:relative;}
.recentStudyNews .more{position:absolute;top:40px;right:20px;}
.recentStudyNews ul{font-size:11px;margin-top:4px;}
.recentStudyNews ul li{position:relative;padding:14px 0;height:50px;padding-left:64px;border-top:1px solid #e7e6e6}
.recentStudyNews ul li:first-child{background:none;border-top:none;}
.recentStudyNews ul li > span{display:block;}
.recentStudyNews ul li .img{position:absolute;top:15px;left:0;}
.recentStudyNews ul li .id{color:#999999;font-size:13px;}
.recentStudyNews ul li .time{position:absolute;top:14px;right:0;font-size:11px;color:#aaaaaa;text-decoration:none}
.recentStudyNews ul li .txt{display:block;color:#999999;font-size:12px;letter-spacing:-1px;}
.recentStudyNews ul li .item{display:block;color:#cc3333;font-size:12px;font-weight:bold;}

/* maxStudyMode */
.maxStudyMode li{float:left;}

/* 공지사항 */
.noticeList{position:relative;}
.noticeList .more{position:absolute;top:9px;right:0;}
.noticeList .list li{position:relative;height:55px;padding-left:15px;border-bottom:1px solid #e7e6e6;background:url('/images/front/main/ico_notice.png') no-repeat 3px 50%;}
.noticeList .list li:first-child{margin-top:0;}
.noticeList .list li a{display:inline-block;width:225px;height:55px;line-height:55px;overflow:hidden;text-overflow:ellipsis;letter-spacing:-1px;white-space:nowrap;color:#666666;}
.noticeList .list li a:hover{text-decoration:underline;}
.noticeList .list li .date{position:absolute;top:19px;right:0;color:#aaaaaa;font-family:'tahoma';font-size:11px;}
.noticeList .list li .best{position:absolute;top:20px;right:0;}
.noticeList .list li .new{position:absolute;top:21px;left:0;}

/* customerCenter */
.customerCenter{float:right;padding-top:34px;}
.customerCenter .menu{overflow:hidden;}
.customerCenter .menu{float:right;padding-top:6px;}
.customerCenter .menu:first-child{float:left;} 
/* 외주 메인 CSS end */

/* 오늘의 학습 후기 */
.todayReviewNone{position:relative;top:-150px;left:-31px;}

/* 맥스피플 */
.maxPeopleTextPosi{z-index:60;}
.maxPeopleMaskPosi{z-index:50;}
.maxPeopleMorePosi{z-index:80;}
.newMaxPeople .maxPeopleVisual ul li .imgbox .border.puppleBorder > span{background:#88096c;}
.newMaxPeople .maxPeopleVisual ul li .imgbox .border.orangeBorder > span{background:#e8490c;}
.newMaxPeople .maxPeopleVisual ul li .imgbox .border.lightPuppleBorder > span{background:#663399;}
.newMaxPeople .maxPeopleVisual ul li .imgbox .border.deepBlueBorder > span{background:#062a55;}
.newMaxPeople .maxPeopleVisual ul li .imgbox .border.brownBorder > span{background:#7f4b14;}
.newMaxPeople .maxPeopleVisual ul li .imgbox .border.yellowBorder > span{background:#e89c0c;}
.newMaxPeople .maxPeopleVisual ul li .imgbox .border.redPinkBorder > span{background:#f05050;}
.newMaxPeople .maxPeopleVisual ul li .imgbox .border.moreDeepPuppleBorder > span{background:#5a0748;}

.customerCenter .menu .customerImg01{margin-right:2px;}

/* 무료맛보기 버튼 이미지 */
.freeStudyImgWrap{position:relative;width:1082px;margin:0 auto;z-index:7000;}
.freeStudyStartImg{position:absolute;top:140px;margin-left:-70px;}

/* 서비스점검 안내 팝업 */
.ServiceCheckPopup {position: fixed; top: 0; left:0; width:100%; height:100%; z-index: 9000; background:rgba(0,0,0,0.5);}
.ServiceCheckImg {position:absolute; top:50%; left:50%; margin-left:-250px; margin-top:-350px; border: 1px solid #000;}