/*
+----------------------------------------------------------------------+
| Copyright (c) STUDYMAX.  co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 2019-10-12
| 파일설명 : 스피킹맥스란 CSS
+----------------------------------------------------------------------+
| 작업자 : 박소율
+----------------------------------------------------------------------+
| 수정이력
| 20210712 쏘카 배너 추가 by 최진영 
| 20210719 쏘카 배너 표출 수정 by 최진영
| 20210914 쏘카 배너 css 제거 by 최진영
+----------------------------------------------------------------------+
*/

.mgBottom_13{margin-bottom: 13px;}

/* 스피킹맥스란 */
/* .aboutmaxMoviePosi {position: absolute;top: 183px;left: 28px;}
.aboutmaxMovieBorder{border:2px solid #282828;}
.aboutmaxMoviePosiSecond {position: absolute;top: 288px;left: 35px;}
.aboutmaxMoviePosiThird {position: absolute;top: 749px;left: 35px;}
.aboutmaxMoviePosiFourth {position: absolute;top: 180px;left: 35px;} */

/*==================== 하단띠배너 ====================*/
.footerBanner{position: fixed; left: 0; right: 0; bottom: 0; height: 80px; text-align: center; background-color:#fc5437; z-index: 9; transition: all 0.5s ease-out;}
.footerBanner.footerBannerOff{bottom: -100%;}
.footerBanner .ftBannerCloseBtn{position: absolute; right: 10px; top: 10px;z-index: 1}

/* 타임보드 배너 */
.footerBanner.timeBoadBanner{background-color:#de1e27}
.timeBoadBanner .bannerTimerPos{position: absolute;left: 160px;top: 7px; width: 180px;}
.timeBoadBanner .footerLandingImg{position: absolute; left: -113px; top: -29px;}
.timeBoadBanner .bannerImg{display: inline-block; margin-left: 65px;}

/*데이특가용 수정*/
.timeBoadBanner #bannerDayTimer.bannerTimerPos{width: 185px;top:18px;margin: 0;margin-left: 10px;}
.timeBoadBanner .flip-clock-wrapperBig ul{width: 20px !important; height: 36px !important;}
.timeBoadBanner .flip-clock-wrapperBig ul li a div{line-height: 32px !important;}
.timeBoadBanner .flip-clock-wrapperBig ul li a div div.inn{font-size: 24px !important;}



/* 스피킹맥스란 */
.aboutMaxContent {}
.aboutMaxContent .aboutMaxElement {width: 1100px; margin: 0 auto;}
.aboutMaxElement img {width:100%;}

/* 스피킹 맥스란 영상 */
.aboutMaxContent .aboutmaxMoviePosi {position: absolute;top: 295px;left: 200px; width: 352px; height: 198px;}
.aboutMaxContent .aboutmaxMoviePosiSecond { position: absolute; top: 215px; left: 340px; width: 420px; height: 237px;}
.aboutMaxContent .aboutmaxMoviePosiThird { position: absolute; top: 275px; left: 226px; width: 650px; height: 364px;}
.aboutMaxContent .aboutmaxMoviePosiThird #divVideo03 { width: 100%; height: 100%;}
.aboutMaxContent .clickWrapper { width: 100%; height: 100%;}
/* 스피킹 맥스란 버튼 */
.aboutMaxContent .aboutmaxBtnPosi {position: absolute; bottom: 60px;left: 356px; width: 388px; height: 86px;}

.rnbWrap {top:411px; margin-left: 580px;}
.rnbList {background-color: #fff;}
.bgColor_f9f9f9 { background-color: #f9f9f9;}
.bgColor_0f0f0f { background-color: #0f0f0f;}
.bgColor_ffffff { background-color: #ffffff;}
.bgColor_ff6243 { background-color: #ff6243;}
.bgColor_2e3339 { background-color: #2e3339;}
.bgColor_000000 { background-color: #000000;}
