/*
+----------------------------------------------------------------------+
| Copyright (c) 2010-2018 STUDYMAX. co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 2018-08-08
| 파일설명 : 코스 소개페이지 공통 CSS
+----------------------------------------------------------------------+
| 작업자 : 박소율
+----------------------------------------------------------------------+
| 수정이력
| 20181129 서브타이들 css 분리 by 박소율
+----------------------------------------------------------------------+
*/

@charset "utf-8";




/* 코스소개 공통 CSS START */

/* 코스소개 공통 class */
.mgBottom_13{margin-bottom: 13px;} /* 컨텐츠 상단 페이지 설명 이미지 간격조정 */
.mgBottom_100{margin-bottom: 100px;} /* 컨텐츠 하단 간격조정 totalCourse, courseGuide  */
.mgBottom_40{margin-bottom: 40px;} /* 컨텐츠 하단 간격조정  course19, course26,course27, course01, course02, course03, course21 , course16, course18, course05, course07, course08, course10, course13 */
.mgTop_16{margin-top:16px;}

/* 코스소개 비디오 위치 */
.movieWrapper{cursor: pointer;}
.courseMovie1Position{position:absolute;top:175px;left:50px;}
.courseMovie2Position{position:absolute;top:290px;left:75px;}
.courseMovieBorder{border:2px solid #818584}
.courseMovieBorder2{border:2px solid #e0d4d4}

.courseBigMoviePosition{position:absolute;top:0px;left:8px;}


#courseMovBoxBG{ position:relative;}
#courseMovBox{position: absolute;top: 40px;left: 70px;border:2px solid #7f7f7f;}

/* 코스상세소개 하단 배너 */
.courBtnWrap{width:707px;margin:0 auto;height:100px;}
.courBtnWrap ul {height: auto; overflow: hidden;}
.courBtnWrap ul li{float:left;margin-right:6px;}


.courseBtnBox{position:relative;}
.courseBtnBox .courseBtnWrap{position:absolute;top:130px;left:17px;width:707px;margin:0 auto;height:100px;}
.courseBtnBox .courseBtnWrap ul {height: auto; overflow: hidden;}
.courseBtnBox .courseBtnWrap ul li{float:left;margin-right:4px;}

/* 우측배너 */
.courseRightBanner{position: fixed;top: 400px;left:50%; margin-left: -731px;}
.courseRightBanner.stop{position: absolute;} 

/* 레이어 영상 */
.layerVideoWrap{position: fixed; left: 50%; top: 50%; width:762px; height:478px; margin-left:-385px; margin-top: -239px;background-color:#222326; border-radius: 10px; display: none; z-index: 101;}
.layerVideoWrap.on{display: block}
.layerVideoWrap .layerTitle{margin-top: 18px; margin-left: 20px;}
.layerVideoWrap .layerCloseBtn{cursor:pointer; position: absolute; right: 28px; top: 18px; }
.layerVideoWrap .layerContentsArea{margin-top:20px; margin-left: 20px;}