/*
+----------------------------------------------------------------------+
| Copyright (c) 2010-2018 STUDYMAX. co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 2018-08-16
| 파일설명 : 비포에프터페이지 컨텐츠 CSS
+----------------------------------------------------------------------+
| 작업자 : 우현진
+----------------------------------------------------------------------+
| 수정이력
| 20181012 2차영상 추가 by 박소율
| 20181016 리뉴얼 추가 by 박소율
| 20181102 공통 풀서브페이지 추가 by 우현진
| 20201211 영상 플레이어 교체 by 최진영
+----------------------------------------------------------------------+
*/

@charset "utf-8";
/* body{background-color:#EAEDF2}  20181016 리뉴얼 내용 추가 by 박소율, 20181102 공통 풀서브컨텐츠 클래스로 컨트롤by 우현진 */

.cursor_pointer{cursor:pointer}
.borderWhite{border: 3px solid #fff;}
/* .mgBottom_50{margin-bottom: 50px;} */

.fullSubContent.beforeWrap{padding-bottom: 0;}

/* 영상영역 */
.tabVideoArea{position: absolute;left: 50%;margin-left: -378px;top: 280px;text-align: center;}

.gifArea{position: absolute;left: 50px;top: 250px;height: auto;overflow: hidden;right: 49px;}
.gifArea .gifImg{float: left; margin-right: 14px;}
.gifArea .gifImg:last-child{float: right;margin-right: 0;}

/* 탭메뉴 */
.tabArea {background-color:#fff}
.tabArea .tabMenu{float:left; text-align: center; background-repeat: no-repeat; background-position: 0 0 ; font-size: 0; cursor:pointer;}
.tabArea .tabView{display: none;}
.tabArea .tabView.tabViewSel{display: block;}



.beforeAfterTabArea{text-align: center;}
.beforeAfterTabArea .tabMenuArea {text-align: center;width: 753px; margin: 0px auto 6px; padding-top: 70px;}

 /* 20181012 2차영상 추가 by 박소율 start */
.beforeAfterTabArea .tabMenu{margin-right: 4px;width: 185px;height: 119px;}
.beforeAfterTabArea .tabMenu.tabMenu01{background-image:url('/smciImages/front/studyReview/before_after_tab1_off_1.png');} 
.beforeAfterTabArea .tabMenu01.tabMenuSel{background-image:url('/smciImages/front/studyReview/before_after_tab1_on_1.png');}
.beforeAfterTabArea .tabMenu.tabMenu02{background-image:url('/smciImages/front/studyReview/before_after_tab2_off_1.png');}
.beforeAfterTabArea .tabMenu02.tabMenuSel{background-image:url('/smciImages/front/studyReview/before_after_tab2_on_1.png');}
.beforeAfterTabArea .tabMenu.tabMenu03{background-image:url('/smciImages/front/studyReview/before_after_tab3_off_1.png');}
.beforeAfterTabArea .tabMenu03.tabMenuSel{background-image:url('/smciImages/front/studyReview/before_after_tab3_on_1.png');}

.beforeAfterTabArea .tabMenu.tabMenu04{background-image:url('/smciImages/front/studyReview/before_after_tab4_off.png'); margin-right: 0;} 
.beforeAfterTabArea .tabMenu04.tabMenuSel{background-image:url('/smciImages/front/studyReview/before_after_tab4_on.png');} 
 /* 20181012 2차영상 추가 by 박소율 end */

/* 레이어 영상 */
.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;} /* 20180808 z-index 수정 by 박소율 */
.layerVideoWrap.on{display: block}
.layerVideoWrap .layerTitle{margin-top: 18px; margin-left: 20px; text-align: left;}
.layerVideoWrap .layerCloseBtn{cursor:pointer; position: absolute; right: 28px; top: 18px; }
.layerVideoWrap .layerContentsArea{margin-top:20px; margin-left: 20px;}

/* 우측배너 */
.rightBanner{position: absolute;top: 80px;left:50%; margin-left: 506px;} /* 20181016 리뉴얼 내용 수정 by 박소율 */
.rightBanner.fixed{position: fixed; top:75px;} 

/* 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; }

/* 탭 영역 영상 css */
.tabMovieBox {width:752px; height:423px; margin:0 auto 50px;}
.tabMovieBox img {cursor:pointer;}