/*  
+----------------------------------------------------------------------+
| Copyright (c) 2010-2022 STUDYMAX. co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 2022-12-23
| 파일설명 : BITE 학습지 소개페이지 PC - CSS
+----------------------------------------------------------------------+
| 작업자 : 최진영  
+----------------------------------------------------------------------+
| 수정이력
|
+----------------------------------------------------------------------+
*/

@charset "utf-8";

.mgBottom_130 {margin-bottom:130px;}

/* bg Color */
.bgColor_f5f5f7 {background-color:#f5f5f7;}
.bgColor_5de5ba {background-color:#5de5ba;}
.bgColor_ffde59 {background-color:#ffde59;}
.bgColor_aa5de5 {background-color:#aa5de5;}
.bgColor_ffffff {background-color:#fff;}
.bgColor_000000 {background-color:#000;}
.bgColor_ffbbc5 {background-color:#ffbbc5;}

/* 페이지 내 컨텐츠 박스 */
.biteCourseWrap .contentsBox {width:1240px; margin:0 auto;}

/* bg Image로 쓰는 영역 */
.biteCourseWrap .imgBgArea {background-repeat: no-repeat; background-position-x: 50%;}
.biteCourseWrap .imgBgArea.img01 {height:899px; background-image:url('/smciImages/front/dCourse/biteCourse/biteContImg01.jpg');}
.biteCourseWrap .imgBgArea.img02 {height:300px; background-image:url('/smciImages/front/dCourse/biteCourse/biteContImg02.jpg');}
.biteCourseWrap .imgBgArea.img03 {height:1208px; background-image:url('/smciImages/front/dCourse/biteCourse/biteContImg03.jpg');}

/* mockup용 비디오 위치 */
.biteCourseWrap .biteVideo {position:absolute;}
.biteCourseWrap .biteVideo.video01 {top: 783px; left: 95px; width: 330px;}
.biteCourseWrap .biteVideo.video02 {top: 533px; left: 483px; width: 330px;}
.biteCourseWrap .biteVideo.video03 {top: 405px; right: 163px; width: 470px; border-radius:12px;}
.biteCourseWrap .biteVideo.video04 {top: 958px; right: 165px; width: 470px; border-radius:12px;}

/* 학습지 정보 섹션 */
.biteCourseWrap .bitePaperInfoBox {display:flex; flex-wrap: wrap;}
.biteCourseWrap .bitePaperInfoBox .bitePaperInfo {display:inline-flex; width:50%; margin-top:10%; cursor:pointer;}
.biteCourseWrap .bitePaperInfoBox .bitePaperInfo.mgTop0 {margin-top:0;}
.biteCourseWrap .bitePaperInfoBox .bitePaperInfo .left {width:45%;}
.biteCourseWrap .bitePaperInfoBox .bitePaperInfo .left .paperImg {transition: 0.3s all;}
.biteCourseWrap .bitePaperInfoBox .bitePaperInfo .right {width:55%; padding: 5% 5% 0; text-align:left;}
.biteCourseWrap .bitePaperInfoBox .bitePaperInfo .right .title {font-family:'NotoSansKR-Bold'; font-size:30px; line-height:1;}
.biteCourseWrap .bitePaperInfoBox .bitePaperInfo .right .tagLine {margin:15px 0;}
.biteCourseWrap .bitePaperInfoBox .bitePaperInfo .right .tagLine .tag {margin-right:1%; padding:0.5% 4.5%; border-radius:30px; font-family:'NotoSansKR-Bold'; color:#fff; font-size:16px;}
.biteCourseWrap .bitePaperInfoBox .bitePaperInfo .right .tagLine .tag:last-child {margin-right:0;}
.biteCourseWrap .bitePaperInfoBox .bitePaperInfo .right .tagLine .tag.dif_1 {background-color:#37ee96;}
.biteCourseWrap .bitePaperInfoBox .bitePaperInfo .right .tagLine .tag.dif_2 {background-color:#ffc21c;}
.biteCourseWrap .bitePaperInfoBox .bitePaperInfo .right .tagLine .tag.dif_3 {background-color:#ff511c;}
.biteCourseWrap .bitePaperInfoBox .bitePaperInfo .right .tagLine .tag.week {background-color:#000;}
.biteCourseWrap .bitePaperInfoBox .bitePaperInfo .right .tagLine .tag.volume {background-color:#aeaeae;}
.biteCourseWrap .bitePaperInfoBox .bitePaperInfo .right .desc {font-family:'NotoSansKR-Regular'; font-size:18px; color:rgba(0, 0, 0, 0.8);}
.biteCourseWrap .bitePaperInfoBox .bitePaperInfo:hover .left .paperImg {transform:translateY(-10px);}

/* 학습신청 버튼 */
.biteCourseWrap .applyBtn {position:absolute; top: 845px; left: 472px; width: 301px; height: 66px;cursor:pointer;}

/* 학습지 정보 팝업 */
.biteCourseWrap .biteInfoPop {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:10;}
.biteCourseWrap .biteInfoPop .popBg {position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.8);}
.biteCourseWrap .biteInfoPop .popInner {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:600px;}
.biteCourseWrap .biteInfoPop .popInner .popImg {display:block; width:100%;}
.biteCourseWrap .biteInfoPop .popInner .popCloseBtn {position:absolute; bottom:-24px; right:5px; font-family:'NotoSansKR-Bold'; color:#fff; font-size:16px; cursor:pointer}

.swiper-button-prev {background-image: url('/smciImages/front/dCourse/biteCourse/left_arrow.png');}
.swiper-button-next {background-image: url('/smciImages/front/dCourse/biteCourse/right_arrow.png');}
.swiper-pagination-bullet-active {background-color:#000;}