/*
 +----------------------------------------------------------------------+
 | Copyright (c) STUDYMAX.  co. Ltd
 +----------------------------------------------------------------------+
 | 작업일 : 2016-10-28
 | 파일설명 : 서브페이지 컨텐츠 관련 CSS
 +----------------------------------------------------------------------+
 | 퍼블리셔 : bsh
 +----------------------------------------------------------------------+
 | 수정이력
 | 20170712 : 앱소개페이지 css 추가 by bsh
 | 20170725 : 앱소개페이지 스텝 이미지 css 추가 by bsh
 | 20170829 : 차이나피플 제목 크로스브라우징 이슈 수정 by 박소율
 | 20200130 서비스 종료 팝업 추가 by 김승미
 | 20200703 서비스 종료 안내 팝업 이미지 수정 by 최진영
  +----------------------------------------------------------------------+
*/
area:focus, area:hover {border:0; outline:0;}

.profilePhoto .photo{background:url('/images/front/member/photo_bg.png') no-repeat 0 0;}
.profilePhoto .photo2 img{width:90px;height:90px;}
.profilePhoto .photoRegist .photo {width: 120px;height:120px;}
.profilePhoto .photoRegist {padding-right: 10px;}
.profilePhoto .photoRegist {width: 130px;}

.fc_red{color:red;!important;}
.dp_inlineBlock{display:inline-block;}
.idpwFind dl dd .findForm table td .redTxt{margin-top:3px;font-size:13px;color:red;}

/* 오늘의 학습 후기 회원 이미지 크기 조정 */
.repleList li .photo img{width:75px;height:75px;}
.agoTime{display:inline-block;margin-left:5px;color:#9b9b9b;}

/* 차이차맥스 피플 리스트*/
.peopleSearch .peopleBack{background-color:#f0f0ef;border-top:2px solid #7c4600;}
.peopleSearch .peopleBack.peopleBackListSize{width:740px;padding:16px 0;text-align:center;}
.peopleSearch .peopleBack .mgR{margin-right:3px;}
.peopleSearch .peopleBack .va_middle{vertical-align:middle;}
.peopleSearch .peopleBack .sbHolder, .peopleBack input[type="text"] {font-size:14px;color:#333333;}
.peopleSearch .peopleBack input[type="text"].holdertxt {color:#dcdcd7}
.peopleSearch .peopleBack input[type="text"] {color:#444444}

.peopleList .peopleListUl{margin-top:20px;margin-left:4px;}
.peopleList .peopleListLi{width:236px;height:283px;float:left;}
.peopleList .liMgR{margin-right:13px;}
.peopleList .posiRelative{position:relative;}
.peopleList .photo{position: absolute;top: 0px;left:1px;}
.peopleList .photoFrame{position: absolute;top: 0px;left: 0;}

.peopleList .peopleDl{position: absolute;top: 180px;left: 7px;color:#333333;font-size:17px;font-weight:bold;letter-spacing:-1px;line-height:22px;}
.peopleList .peopleDd{color:#ec6d06;font-size:15px;font-weight:bold;margin-top:6px;}
.peopleList .peopleSexImg{margin-right:2px;}
.peopleList .va_middle{vertical-align:middle;}

.chinaFont{font-family:'Microsoft YaHei','Arial Unicode Ms';}
.chinaKfont{font-family:'Malgun Gothic','맑은고딕','Dotum','돋움', 'sans-serif';}
.brownBottomLine{border-bottom:2px solid #7c4600;}

/* 차이나맥스 피플 상세*/
.chinaPeopleDetail .topMovieArea{position:relative;}
.chinaPeopleDetail .topMovieArea .topMovieBack{margin-top:40px;height:525px;background:url("/images/front/introduce/movieTitleImg.png") no-repeat 10px 0;}/* 20170829 width값 삭제*/
.chinaPeopleDetail .topMovieArea .thumM{}
.chinaPeopleDetail .topMovieArea .topMovie{margin-top:20px;}
.chinaPeopleDetail #jwMaxPeople_wrapper{} /* 20170829 위치값 삭제*/
.chinaPeopleDetail .topMovieArea .topMovieTitleArea{padding:20px 0 0 97px; height: 65px} /* 20170829 absolute 내용삭제 padding , 높이 값 추가*/

.chinaPeopleDetail .topMovieArea .topMovieTitleArea > span{font-size:28px;font-weight:bold;line-height:28px;letter-spacing:-1px;}

.chinaPeopleDetail .topMovieArea .topMovieTitleArea .nationTitle{color:#ed5322;}
.chinaPeopleDetail .topMovieArea .topMovieTitleArea .movieTitle{color:#0d0b00;}
.chinaPeopleDetail .topMovieArea .topMovieTitleArea .text_in{margin-top:9px;margin-left:5px;}
.chinaPeopleDetail .topMovieArea .topMovieTitleArea .text_in >p{font-size:16px;color:#949494;font-weight:500;line-height:16px;letter-spacing:-1px;}
.chinaPeopleDetail .topMovieArea .jwPosi{} /* 20170829 position:absolute 삭제*/
.chinaPeopleDetail .maxpeopleInfoArea{width:711px;height:330px;}
.chinaPeopleDetail .maxpeopleInfoArea .maxpeopleInfoBack{position:relative;width:739px;height:320px;background:url("/images/front/introduce/peopleDetailTitle2.png") no-repeat 0 0;}
.chinaPeopleDetail .maxpeopleInfoArea .infoLeft{position:relative;width:510px;height:330px;float:left;}
.chinaPeopleDetail .maxpeopleInfoArea .maxInfo{position:absolute;top:60px;left:13px;}
.chinaPeopleDetail .maxpeopleInfoArea .maxInfo .maxInfoLeft{position:relative;width:120px;height:110px;float:left;}
.chinaPeopleDetail .maxpeopleInfoArea .maxInfo .maxPicture{position:absolute;top:0px;left:0px;}
.chinaPeopleDetail .maxpeopleInfoArea .maxInfo .maxPicture > img{border: 1px solid #999999;}
.chinaPeopleDetail .maxpeopleInfoArea .maxInfo .maxNation{position:absolute;top:77px;left:64px;}
.chinaPeopleDetail .maxpeopleInfoArea .maxInfo .maxInfoRight{float:left;position:relative;width:370px;height:110px;}
.chinaPeopleDetail .maxpeopleInfoArea .maxInfo .infoR{position:absolute;top:5px;left:50px;}
.chinaPeopleDetail .maxpeopleInfoArea .maxInfo .infoR li{line-height:18px;width:320px;font-size:18px;color:#4e4c4c;font-weight:bold;vertical-align:middle;}
.chinaPeopleDetail .maxpeopleInfoArea .maxInfo .infoR span{font-size:19px;!important;}
.chinaPeopleDetail .maxpeopleInfoArea .maxInfo .infoR span.chinaFont{font-family:'Microsoft YaHei','Arial Unicode Ms';}
.chinaPeopleDetail .maxpeopleInfoArea .maxInfo .infoR span.chinaKfont{font-family:'Malgun Gothic','맑은고딕','Dotum','돋움', 'sans-serif';}
.chinaPeopleDetail .maxpeopleInfoArea .maxInfo .marginB1{margin-bottom:15px;}
.chinaPeopleDetail .maxpeopleInfoArea .maxInfo .marginB2{margin-bottom:15px;}
/*크롬&사파리*/
@media screen and (-webkit-min-device-pixel-ratio:0){
.chinaPeopleDetail .maxpeopleInfoArea .maxInfo .marginB1{margin-bottom:15px;}
.chinaPeopleDetail .maxpeopleInfoArea .maxInfo .marginB2{margin-bottom:14px;}
}
/*파폭*/
@-moz-document url-prefix() {
.chinaPeopleDetail .maxpeopleInfoArea .maxInfo .marginB1{margin-bottom:14px;}
.chinaPeopleDetail .maxpeopleInfoArea .maxInfo .marginB2{margin-bottom:14px;}
}
.chinaPeopleDetail .maxpeopleInfoArea .maxIndex{position:absolute;top:148px;left:25px;}
.chinaPeopleDetail .maxpeopleInfoArea .maxIndexMgR{margin-right:70px}
.chinaPeopleDetail .maxpeopleInfoArea .maxIndexMgR2{margin-right:70px}
.chinaPeopleDetail .maxpeopleInfoArea .maxIndex li{float:left;}
.chinaPeopleDetail .maxpeopleInfoArea .infoRight{position:relative;top:47px;left:-5px;float:left;}
.chinaPeopleDetail .maxpeopleInfoArea .infoRight .relatedPeopleWrap{top:10px;}
.chinaPeopleDetail .maxpeopleInfoArea .infoRight .relatedPeople1{position:absolute;top:63px;left:33px;}
.chinaPeopleDetail .maxpeopleInfoArea .infoRight .peoplePicture{float:left;}
.chinaPeopleDetail .maxpeopleInfoArea .infoRight .peoplePicture > img{border: 1px solid #ab9980;}
.chinaPeopleDetail .maxpeopleInfoArea .infoRight .peopleR{margin-left:65px;width:128px;}
*:first-child+html .chinaPeopleDetail .maxpeopleInfoArea .rpWork{margin-left:20px;}
.chinaPeopleDetail .maxpeopleInfoArea .infoRight .marginTop{margin-top:13px;}
.chinaPeopleDetail .maxpeopleInfoArea .infoRight .rpName .Ename{font-size:12px;color:#a28459;font-weight:bold;font-size:12px;!important;}
.chinaPeopleDetail .maxpeopleInfoArea .rpWork2{color:#898787;font-size:12px;}
*:first-child+html .chinaPeopleDetail .maxpeopleInfoArea .rpName{margin-left:60px;!important;}
.chinaPeopleDetail .maxpeopleInfoArea .infoRight .rpWork{color:#c0c0c0;font-size:12px;}
.chinaPeopleDetail .maxpeopleInfoArea .infoRight .relatedPeople2{position:absolute;top:132px;left:33px;}
.chinaPeopleDetail .maxpeopleInfoArea .infoRight .relatedPeople3{position:absolute;top:201px;left:33px;}
.chinaPeopleDetail .maxpeopleInfoArea .infoRight .relatedPeople4{position:absolute;top:257px;left:33px;}
.chinaPeopleDetail .maxpeopleInfoArea .infoRight .peoplePicture .imgCover{position:absolute;top:1px;left:1px;width:53px;height:53px;}

.chinaPeopleDetail .maxpeopleStroyArea{margin-top:18px;}
.chinaPeopleDetail .maxpeopleStroyArea .maxStroy {min-height: 100px;border-right: 1px solid #d4d4d4;border-left: 1px solid #d4d4d4;padding: 16px;border-top: 2px solid #000000;border-bottom: 1px dashed #d4d4d4;background-color:#f6f6f6;}
.chinaPeopleDetail .maxpeopleStroyArea .maxStroy .topP{font-size:14px;color:#333333;line-height:22px;text-align:justify;white-space:normal;word-break:break-all;word-wrap:break-word;}
.chinaPeopleDetail .maxpeopleStroyArea .maxStroyBottom {min-height: 100px;border-left: 1px solid #d4d4d4;padding:16px;border-bottom: 1px solid #d4d4d4;border-right: 1px solid #d4d4d4}
.chinaPeopleDetail .maxpeopleStroyArea .maxStroyBottom .bottomP{font-size:14px;color:#7b7b7b;line-height:22px;text-align:justify;white-space:normal;word-break:break-all;word-wrap:break-word;}
.chinaPeopleDetail .whereArea{width:711px;height:640px;margin-top:25px;}
.chinaPeopleDetail .whereArea .whereAreaBack{position:relative;width:737px;height:480px;border-top:2px solid #000000;border-left:1px solid #d1d1d1;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;background-color:#f6f6f6}
.chinaPeopleDetail .whereArea .whereAreaBack .btns{position:absolute;top:19px;right:40px;}
.chinaPeopleDetail .whereArea .whereAreaBack .btns li{float:left;margin-left:10px;}
.chinaPeopleDetail .whereArea .whereAreaBack .videoImage{position:absolute;top:66px;left:40px;}
.chinaPeopleDetail .whereArea .whereAreaBack .bottomBtns{position:absolute;top:511px;left:90px;}
.chinaPeopleDetail .whereArea .whereAreaBack .bottomBtns li{float:left;margin-right:30px;}


/* MAX 학습모드 소개*/
.studyModTabContainer ul.tab{padding:0;}
.studyModTabContainer ul.tab li{list-style-type:none;float:left;}
.studyModTabContainer ul.tab li a{outline:none;display:block;text-align:center;}
.studyModTabContainer ul.tab li a.gameTab1{width:124px;height:51px;background:url("/images/front/introduce/modeTab1_off.png") 0 0 no-repeat;}
.studyModTabContainer ul.tab li a.gameTab2{width:123px;height:51px;background:url("/images/front/introduce/modeTab2_off.png") 0 0 no-repeat;}
.studyModTabContainer ul.tab li a.gameTab3{width:123px;height:51px;background:url("/images/front/introduce/modeTab3_off.png") 0 0 no-repeat;}
.studyModTabContainer ul.tab li a.gameTab4{width:123px;height:51px;background:url("/images/front/introduce/modeTab4_off.png") 0 0 no-repeat;}
.studyModTabContainer ul.tab li a.gameTab5{width:123px;height:51px;background:url("/images/front/introduce/modeTab5_off.png") 0 0 no-repeat;}
.studyModTabContainer ul.tab li a.gameTab6{width:124px;height:51px;background:url("/images/front/introduce/modeTab6_off.png") 0 0 no-repeat;}
.studyModTabContainer ul.tab li a.selected{text-decoration:none;color:#333;cursor:default;}
.studyModTabContainer ul.tab li a.selected.gameTab1{width:124px;height:51px;background:url("/images/front/introduce/modeTab1_on.png") 0 0 no-repeat;}
.studyModTabContainer ul.tab li a.selected.gameTab2{width:123px;height:51px;background:url("/images/front/introduce/modeTab2_on.png") 0 0 no-repeat;}
.studyModTabContainer ul.tab li a.selected.gameTab3{width:123px;height:51px;background:url("/images/front/introduce/modeTab3_on.png") 0 0 no-repeat;}
.studyModTabContainer ul.tab li a.selected.gameTab4{width:123px;height:51px;background:url("/images/front/introduce/modeTab4_on.png") 0 0 no-repeat;}
.studyModTabContainer ul.tab li a.selected.gameTab5{width:123px;height:51px;background:url("/images/front/introduce/modeTab5_on.png") 0 0 no-repeat;}
.studyModTabContainer ul.tab li a.selected.gameTab6{width:124px;height:51px;background:url("/images/front/introduce/modeTab6_on.png") 0 0 no-repeat;}
.studyModTabContainer ul.panel{clear:both;border-top:none;padding:0;}
.lineBackPage{min-height: 100px;border: 1px solid #eeeeee;background-color: #fff;height: 100%;}
.mgBottom_20{margin-bottom:20px;}
.pdBottom_20{padding-bottom:20px;}

/* 커리큘럼 */
.basicBtnArea{position:relative;}
.basicBtnArea .bottomBtns{position:absolute;top:120px;left:27px;}
.basicBtnArea .bottomBtns .btnsUl li{display:inline;}

/* 마이페이지 */
.noJointBanner{text-align:center;width:740px;}
.noJointBanner .btnArea .bt{display:inline-block;margin-right:15px;margin-top:50px;}
.underlineBold{text-decoration:underline;font-weight:bold;}
.dataType1.buying td a.underlineBold{text-decoration:underline;font-weight:bold;}

/* 학습하기 */
.freeStudyPlayNoMg{margin-bottom:395px;}
.studyPlayBottomContents{text-align:center;}

/* 이벤트 */
.posiRelative{position:relative;}
.loginTextArea{position:absolute;top:135px;left:290px;}
.eventEnterAreaInput{position:absolute;}
.eventEnterAreaInput .event1Input1Style{width:602px;height:122px;font-size:14px;padding:8px;}
.eventEnterAreaInput .event1Input1Style.holdertxt{color:#c2c2c2;}
.eventEnterAreaInput.event1Posi{top:267px;left:60px;}


/* 회원가입&수정 */
.countAndText{display:inline-block;margin-top:7px}
.dataType2 span.radioPosi {position: relative;top: 1px;}
.photoRegist .photoRadio{position: relative;top: 5px;}
.dataType2 span.ableTxt2 {display: inline-block;padding-top: 0px;color: #989898;font-size: 12px;margin-left: 5px;}


/* subpage LNB*/
.LNBline{width:211px;border-right:1px solid #f0f0f0;height:10000px;position:absolute;right:0;top:30px;}
.subpageFooterTopSpace{height:30px;width:100%;background-color:#fff;position:relative;}

/* 제휴문의 */
.dataType2 input[type="text"].certificationText, .dataType2 input[type="password"].certificationText {color: #999;font-size:13px;}
.file_input_hidden {cursor:pointer;}

/* 무료맛보기 */
.quickBtnPosi {position: relative;}
.studyPlayTopContents {text-align: center;margin-bottom:30px;}
.courseTrialTopmenu li{ float: left;height: 15px;padding-left: 10px;margin-left: 8px;background: url(/images/front/layout/bar_topMenu.png) no-repeat 0 3px;}
.courseTrialTopmenu li:first-child{background:none;}
.courseTrialTopmenu li a{color:#a9a9a9;}
.courseBottomText{position:absolute;top:137px;left:17px;}
.studyPlayBottomBtns{text-align: center;}
.studyPlayBottomBtns .btnImg1{float:left;}
.quickBtnPosi .quickBtn{position: fixed; top: 187px; margin-left: 1005px;}

.layerPop.studyLayerPopSizeWrap{width:1280px;height:770px;}
.studyLayerPopSizeContent{width:1280px;height:720px;}

.layerPop.studyLayerPopSizeWrap.on{width:990px;height:607px;}
.studyLayerPopSizeContent.on{width:990px;height:557px;}


/* 단체수강문의 */
.contactUsFont{font-size:15px;position:relative;top:7px;}


/* 랜딩 01 */
.landingPage .bg01{background-color:#fbf2d4}
.landingPage .bg02{background-color:#ffc321}
.landingPage .bg03{background-color:#efefef}
.landingPage .bg04{background-color:#959595}
.landingPage .bg05{background-color:#efefef}
.landingPage .bg06{background-color:#f6c436}
.landingPage .bg07{background-color:#ffe8d4}
.landingPage .bg08{background-color:#efd4cc}
.landingPage .bg09{background-color:#ffffff}
.landingPage .bg10{background-color:#ffc321}
.landingPage .bg11{background-color:#5c778b}
.landingPage .bg0601{background-color:#f6f6f6}
.landingPage .bg0602{background-color:#f6f6f6}
.landingQuickBtnWrap{width:1903px;margin:0 auto;}
.quickBtnPosi .landingQuickBtn{position: fixed; top: 240px; margin-left: 1605px;z-index:100;}
.landingPage .videoArea{position: absolute;top: 310px;left: 360px;width:648px;height:364px;overflow:hidden;}
.landingPage .keyword01ContentsWidth{width:1348px;margin:0 auto;}
.landingPage .videoBtnArea{position: absolute;top: 745px;left: 195px;}
.landingPage .videoBtnArea li{float:left;margin-right:15px;}
.landingPage .videoView.on{display:block;}

/* 학습진행중 */
.selecCourseIngArea{width:991px;height:841px;text-align:center;background-color:#fff;}
.selecCourseIngArea .selecCourseIngAreaImg{padding-top:233px;}

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

/* 학습신청 오른쪽 배너 */
.quickBtnPosi .applyQuickBtn{position: fixed; top: 316px; margin-left: 1045px;}

/* App소개페이지 start */
.AppIntroWrap{ margin:0 auto; }
.AppIntroWrap .inner{width: 1903px; margin: 0 auto; position:relative;text-align:center;}
.AppIntroWrap .Intro {background-color:#ffce4a;}
.AppIntroWrap .Intro .IntroImg{/*position: absolute ;left:-190px; top:0;bottom:0;*/}
.AppIntroWrap .Intro .AppFormWrap{position: absolute; left:450px; top:355px;}
.AppIntroWrap .Intro .AppDownForm{ width:423px; height: 50px; line-height:50px; background:url(/images/front/introduce/appIntro/AppIntro_form.png) no-repeat 0 0; padding:129px 29px 27px; }
.AppIntroWrap .Intro .AppDownForm input[type="text"]{-webkit-appearance: none;appearance: none;font-size:18px; border: 0;	width:261px;height: 50px; line-height: 50px;padding: 0 15px;background: none;display: inline-block;margin-top: -3px; margin-right: 4px;font-weight:bold; color: #afafaf;position:relative;top:-21px;}
.AppIntroWrap .Intro .appDownBtnWrap{height: auto;overflow: hidden; margin-top:22px;margin-left:4px;}
.AppIntroWrap .Intro .appDownBtn{float:left;margin-right: 15px;}

.AppIntroWrap .lightYellow{background-color:#fceed2; }
.AppIntroWrap .deepYellow{background-color:#f5c236; }
.AppIntroWrap .lightGray{background-color:#f0f0f0; }
.AppIntroWrap .white{background-color:#ffffff; }

.AppIntroWrap .Outtro{height: 822px}
.AppIntroWrap .Outtro .appDownBtnWrap{height: auto;overflow: hidden; text-align:center; margin-top: 55px;}
.AppIntroWrap .Outtro .appDownBtn{display: inline-block;margin: 0 11px;}

.AppIntroWrap .stepImagesPosi{position:absolute;top:231px;left:499px;}
/* App소개페이지 end */


/* service end popup */
.serviceEndBack{position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}
.serviceEndPop{position: absolute; left: calc(50% - 250px); top: 10%;}