/*
+----------------------------------------------------------------------+
| Copyright (c) 2010-2018 STUDYMAX. co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 2018-10-16
| 파일설명 : 무료맛보기 - 리뉴얼 CI CSS
+----------------------------------------------------------------------+
| 작업자 : 박소율
| 수정이력
| 20190905 무료맛보기_쿠폰팝업 개선 관련 CSS 수정 by 우현진
+----------------------------------------------------------------------+
*/
.mgTop_6{margin-top: 6px;}
.mgTop_14{margin-top: 14px;}
.overYHidden{overflow-y: hidden;}
.darkWindow2 {display: block;position: fixed;border: 0;left: 0;top: 0;right: 0; bottom: 0;opacity: 0.5;background-color: #000;}

#wrap{padding-bottom: 40px;}
.selectcourseWrap{padding-bottom: 65px; }


/* 무료맛보기 - 비주얼 영역  */
.selectTrialTopArea{height: 174px; background: url('/smciImages/front/maxtool/selectCourseTrial/selectTrial_TopBg.png') 50% 0; background-size: cover;color:#fff ; font-size: 32px; text-align: center; line-height: 174px;}
.selectTrialTopArea .realCountNumber{font-size: 32px;}
.realCountArea .realCountNumber {font-size:28px;color:#dc1704; font-weight:bold;margin-top: 2px; }

/* 스피킹맥스 무료맛보기 타이틀, 버튼 영역 Start*/
.topImgArea{position: relative; background-color:#555a63; height: 50px; color:#fff; font-size: 22px; line-height : 50px; padding-left: 40px; }
.quickMenuArea{position: absolute; right: 67px; top: 9px;}
.quickMenuArea.quickMenuApply{}
.quickMenuArea .quickMenu{display: block; float: left;margin-left: 6px; width: 110px; height: 30px; line-height: 30px; cursor:pointer; background-color:#fff; border: 1px solid #c1c6d0; border-radius: 5px; color:#333; font-size: 15px; text-indent: 42px; font-family: NotoSansKR-Bold,'Malgun Gothic', dotum, sans-serif; background-repeat: no-repeat;   }
.quickMenuArea .quickMenu.quickMenuLogin{background-image: url('/smciImages/front/maxtool/selectCourseTrial/btnIcon_login.png'); background-position: 20px 50% }
.quickMenuArea .quickMenu.quickMenuJoin{background-image: url('/smciImages/front/maxtool/selectCourseTrial/btnIcon_Join.png'); background-position: 18px 50%; text-indent: 38px; }
.quickMenuArea .quickMenu.quickMenuCart{background-image: url('/smciImages/front/maxtool/selectCourseTrial/btnIcon_Cart.png'); background-position: 15px 50%;text-indent: 40px;}



/* contents START */

#selectcourse .courseListBack{min-height:700px; }
#selectcourse .startList {padding: 0 40px;}

#selectcourse .startList .upTitle {position:relative;height:42px; line-height: 42px; font-size: 22px; color: #000; font-family: NotoSansKR-Bold,'Malgun Gothic', dotum, sans-serif; letter-spacing: -0.5px; border-bottom: 2px solid #000; padding-left: 12px; margin-bottom: 28px;}
/* 내공UP 타이틀 */
#selectcourse .startList .upTitleA {margin-top: 30px;} 
/* 실전UP 타이틀 */
#selectcourse .startList .upTitleB {margin-top:30px;}
/* 비즈UP 타이틀 */
#selectcourse .startList .upTitleC {margin-top:30px;}
#selectcourse .startList .upBubbleIcon{position:absolute;top:-15px;left:90px;}


/* list Start */
#selectcourse .startList .subGubun{margin-bottom:3px;}
#selectcourse .startList li {height: 115px;text-align: center;margin-bottom: 5px; border: 1px solid #dfdddd; background-color:#efeff0}
#selectcourse .startList .courseTable{width: 100%;height: 100%;}
#selectcourse .courseTable td{font-size:11px;font-weight:900;color:#ff6600;font-family:'돋움','dotume';position: relative;}

/* 이미지 */
#selectcourse .courseTable .listImg{text-align: left; padding-left: 18px; }
#selectcourse .courseTable .listImg .listImgMark{position: absolute;top: -9px;left: 2px;}
#selectcourse .courseTable .listImg .courseFlag{position:absolute;top: -3px;left: -4px;}

/* 타이틀 및 설명 */
#selectcourse .courseTable .listDesc {text-align: left; padding-right: 22px;}
#selectcourse .courseTable .weekIcon{display: inline}

#selectcourse .courseTable .courseTitle{font-size:35px; color:#333; font-family: NotoSansKR-Bold,'Malgun Gothic', dotum, sans-serif; letter-spacing: -1px; position: relative; top: -6px;}
#selectcourse .courseTable .courseTitle .courseWeek{display: inline-block; width: 75px; height: 34px; background-color:#ffb13c; background:url('/smciImages/front/maxtool/courseWeek.png') 0 0 no-repeat;color: #fff; font-size: 17px; line-height: 34px; text-indent: 12px; position: relative; top: -7px; letter-spacing: -0.5px; margin-left: 10px;}

#selectcourse .courseTable .courseMemoText{width: 473px; height: 30px; line-height: 29px; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; font-size: 16px; color: #666666; padding-left: 9px;font-family: NotoSansKR-Light,'Malgun Gothic', dotum, sans-serif; margin-top: 2px;}


/* 버튼영역 */
#selectcourse .courseTable .listBtn{text-align: right; padding-right: 30px;}
#selectcourse .courseTable .listBtn .listBtnTable{width: 100%;}
#selectcourse .courseTable .listBtn .listBtnTable td.courseDifficulty { text-align:right; padding-bottom:6px; }
#selectcourse .courseTable .listBtn .listBtnTable td.cousrTrialBtn { text-align:right; padding-left:10px;}

#selectcourse .courseTable .listBtn .listBtnTable td .trialBTN{display: inline-block;  width: 224px; height: 47px; background-color: #ef3438; border: 1px solid #da2529; color: #fff; text-align: center; font-size: 20px;
line-height: 46px; font-family: NotoSansKR-Bold,'Malgun Gothic', dotum, sans-serif;}
#selectcourse .courseTable .listBtn .listBtnTable td .trialBtnArrow{display: inline-block; margin-top: 12px; margin-left: 3px; }
/* list End */


/* 하단 이미지 */
#selectcourse  .bottomImg{margin-left: -25px; margin-top: 20px; position: relative}
#selectcourse  .bottomImg:before{content:'';position: absolute; left: 0; right: -25px; top: 0; border-top: 10px solid #000}

/* 학습하기 레이어 팝업 start */
.studyStartLayerPop{position:fixed;top:12%;left:50%;z-index:200;}
.studyStartLayerPop .studyStartLayerPopContent {position:absolute; top:0; left:0; width:1180px; height:712px; margin-left:-590px;background:url('/smciImages/front/maxtool/studyStartLayerPop_back.png') 0 0 no-repeat;}
.studyStartLayerPop .studyStartLayerPopContent .bgLayerWrap {width:auto; height:auto;}
.studyStartLayerPop .studyStartLayerPopContent .layerWrapTop{position:absolute;top:51px;left:21px;text-align:left;}
.studyStartLayerPop .studyStartLayerPopContent .layerTit {position: absolute;top: 19px;left: 20px;z-index:25;}
.studyStartLayerPop .bgLayerWrap .close {position: absolute;top: 13px;right: 19px;}
/* 학습하기 레이어 팝업 end */


/* 회원가입 팝업 START */
#layerMask{position:fixed;overflow-y:hidden;top:0;left:0;right: 0; bottom:0; background: rgba(0,0,0,0.5); z-index:99; display: none; }
.memberLayer {display: none;}
.memberLayer .bgLayerWrap{width: 584px;height: 729px;background: url(/images/layer/popup_couponJoin_back.png) no-repeat 0 0;opacity: 1; position: fixed; left: 50%; top: 50%; margin: -315px 0 0 
-292px;z-index:99}
.memberLayer .bgLayerWrap.reNewPop{background: none; width: 500px; height: 620px; margin-left: -250px;}

.memberLayer .layerTitleArea{ margin: 18px 20px 10px; position: relative;}
.memberLayer .layerCloseBtn{position: absolute; top: -20px; right: -20px;}

.memberLayer  .layerWrap{padding: 0 20px;}
.memberLayer .couponInfo{position: absolute;left: 254px;top: 356px;}
.memberLayer .formInfo{position: absolute; left: 238px; top: 464px;}

.memberLayer .couponInfoTypeB{position: absolute;left: 277px;top: 363px;}
.memberLayer .formInfoTypeB{position: absolute; left: 238px; top: 464px;}


.joinFrm {width:250px;}
.joinFrm td { padding-top:0px; padding-left:15px; height:35px; vertical-align:top;font-size:11px; font-weight:bold;font-family:verdana, dotum;  line-height:100%; padding-bottom:3px;}
.joinFrm .inputTextJoin {position:relative; *top:-1px; border:1px solid #c2c2c2; height:18px; line-height:18px; padding-left:5px; font-size:12px; color:#666; font-family:dotum;}
.joinFrm .inputSelectJoin{width: 80px; height: 25px;}

/* 회원가입 팝업 END */


/* float 해제 */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }


.quickBtn_top.timeBoard{margin-left:560px; position: absolute; top: 0 }

/*==================== Renew ====================*/