/*  
+----------------------------------------------------------------------+
| Copyright (c) 2024 STUDYMAX. co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 2023-10-19
| 파일설명 : MAX와 한마디 소개페이지 PC - CSS
+----------------------------------------------------------------------+
| 작업자 : 박현준
+----------------------------------------------------------------------+
| 수정이력
| 20240202 CSS 코드 리팩토링 by 최진영
+----------------------------------------------------------------------+
*/

@charset "utf-8";

/* reset */
video {display:block; width:100%;}
video:focus {outline:none;}
.maxAiCourseWrap {text-align: center;}
.maxAiCourseWrap * {letter-spacing:-1px;}

/* bgColor */
.bgColor_1b1c30 { background-color: #1b1c30; }
.bgColor_ffffff { background-color: #ffffff; }
.bgColor_edeff4 { background-color: #edeff4; }
.bgColor_eeeff4 { background-color: #eeeff4; }
.bgColor_101010 { background-color: #101010; }
.bgColor_535355 { background-color: #535355; }
.bgColor_000000 { background-color: #000000; }
.bgColor_f2f6ff { background-color: #f2f6ff; }
.bgColor_8f90fc { background-color: #8f90fc; }

/* 페이지 내 컨텐츠 */
.contentsBox {width: 1240px; margin: 0 auto;}
.contentsBox .mockupMovieArea { position: absolute; overflow: hidden;}
.contentsBox .mockupMovieArea.area01 { bottom: 0; left: 400px; width: 440px;}
.contentsBox .mockupMovieArea.area02 { bottom: 84px; right: 136px; width: 432px; }
.contentsBox .mockupMovieArea.area03 { bottom: 55px; right: 105px; width: 480px;}
.contentsBox .mockupMovieArea.area04 { top: 410px; right: 180px; width: 340px;}
.contentsBox .mockupMovieArea.area05 { bottom: 144px; right: 186px; width: 340px;}
.contentsBox .mockupMovieArea.area06 { top: 450px; right: 200px; width: 380px;}
.contentsBox .mockupMovieArea.area07 { bottom: 140px; left: 180px; width: 380px;}
.contentsBox .mockupMovieArea.area08 { bottom: 134px; left: 145px; width: 380px;}
.contentsBox .mockupMovieArea.area09 { bottom: 134px; right: 145px; width: 380px;}
.contentsBox .mockupMovieArea.area10 { bottom: 0; right: 306px; width: 630px;}
.contentsBox .mockupMovieArea .frameImg {position: absolute; bottom: -1px; right:0; width: calc(100% + 1px);}
.contentsBox .mockupMovieArea .movie.radius { border-radius: 25px; border: 1px solid #f0f0f0;}

/* 돈버는영어 신청 버튼 */
.maxAiCourseWrap .maxAiApplyBtnPosi {position: absolute; bottom: 172px; left: 70px; z-index: 1; width: 420px; height: 100px; cursor: pointer;}

/* FAQ */
.maxAiCourseFaq { width: 1240px; margin-left: auto; margin-right: auto; padding-top: 70px; padding-bottom: 70px; text-align: left; }
.maxAiCourseFaq .titleArea .titleText { color: #000; margin-top: 0; margin-bottom: 30px; padding-left: 0; padding-right: 0; font-size: 27px; font-family: 'NotoSansKR-Bold'; line-height: 33px; display: block;}
.maxAiCourseFaq .faqArea {padding-left: 0;padding-right: 0;}
.maxAiCourseFaq .faqArea .faqItem {color: #000; border-bottom: 1px solid #000; margin-bottom: 0; padding: 10px 0;}
.faqAccordion .accordionHeader {cursor: pointer; flex: 1; align-self: auto; margin-top: 0; margin-bottom: 0; line-height: 30px; display: block; }
.faqAccordion .accordionHeader .text { font-size: 18px; font-family: 'NotoSansKR-Medium'; line-height: 150%; color: #000000;}
.faqAccordion .accordionContents { display: none; margin-top: 0; margin-right: 30px; overflow: hidden;}
.faqAccordion .accordionContents .text {margin-top: 10px; font-size: 16px; font-family: 'NotoSansKR-Regular'; line-height: 150%;}