/*
+----------------------------------------------------------------------+
| Copyright (c) 2010-2021 STUDYMAX. co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 2021-08-30
| 파일설명 : B2B 기업 교육 소개 페이지 PC  CSS
+----------------------------------------------------------------------+
| 작업자 : 최진영 
+----------------------------------------------------------------------+
| 수정이력
| 20220222 어워드 수상 이미지 & 문구 수정 by 임상기
| 20230825 돈버는영어 후기 이동 띠배너 예외처리 추가 by 최진영
| 20240403 이미지 및 텍스트 교체 by 최진영
| 20240702 MAX AI 슬라이드 추가 by 최진영
+----------------------------------------------------------------------+
*/

@charset "utf-8";

/* =============================================================================================== */
/*  푸터 예외처리 */
/* =============================================================================================== */
.lineBanner.ra_maxUp {display:none;}


/* =============================================================================================== */
/*  공통 & 호출 클래스  */
/* =============================================================================================== */
/* 호출 클래스 */
.inlineToBlock {display:block; width:100%;}
.contentsInnerBox {width:1100px; margin:0 auto;}

/* bg */
.bgColor_f8f8f8 {background-color:#f8f8f8;}
.b2bImgBg02 {background:url('/smciImages/front/dCustomer/b2b/b2bQnaBg02_1.jpg') no-repeat 50% 0/cover;}
.b2bImgBg03 {background:url('/smciImages/front/dCustomer/b2b/b2bQnaBg03.jpg') no-repeat 50% 0/cover;}
.b2bImgBg04 {background:url('/smciImages/front/dCustomer/b2b/b2bQnaBg01_2.jpg') no-repeat 50% 0/cover;}

/* =============================================================================================== */
/*  최상단 영역  */
/* =============================================================================================== */
.b2bQnaWriteWrap {padding-top:54px;}
.b2bQnaWriteWrap .topWrap {position:relative;}
.b2bQnaWriteWrap .topWrap .bgSlide .swiper-button-prev,
.b2bQnaWriteWrap .topWrap .bgSlide .swiper-button-next {background-size:100%;}
.b2bQnaWriteWrap .topWrap .bgSlide .swiper-button-prev {background-image:url('/smciImages/front/dCustomer/b2b/leftArrow.png');}
.b2bQnaWriteWrap .topWrap .bgSlide .swiper-button-next {background-image:url('/smciImages/front/dCustomer/b2b/rightArrow.png');}
.b2bQnaWriteWrap .topWrap .contSlide {position:absolute; top:0; left:50%; transform:translate(-50%); width:1100px; overflow:hidden;}
.b2bQnaWriteWrap .topWrap .contSlide .slide {position:relative;}
.b2bQnaWriteWrap .topWrap .contSlide .slide .slideImg {display:block; width:100%;}
.b2bQnaWriteWrap .topWrap .contSlide .slide .moveDownBtn {position:absolute; top:512px; left:41px; width:271px; height:81px; cursor:pointer;}
.b2bQnaWriteWrap .topWrap .contSlide .swiper-pagination-bullet {width:14px; height:14px; background:#fff;}
.b2bQnaWriteWrap .topWrap .contSlide .swiper-pagination-bullet-active {background:#fafafa;}


/* =============================================================================================== */
/*  영상 영역  */
/* =============================================================================================== */
.b2bQnaWriteWrap .reviewList {display:flex; justify-content: space-between; position:absolute; top:400px; left:50%; width:1100px; margin-left:-550px; padding: 0 40px; font-size:0;}
.b2bQnaWriteWrap .reviewList .reviewListItem {cursor:pointer;}
.b2bQnaWriteWrap .reviewList .reviewListItem .title {width:229px; margin:13px 0 7px; text-align:left; font-family:'NotoSansKR-Bold'; font-size:20px; word-break: keep-all;}
.b2bQnaWriteWrap .reviewList .reviewListItem .name {color:#4d779f; font-family:'NotoSansKR-Regular'; font-size:15px;}
.b2bQnaWriteWrap .reviewList .reviewListItem .job {color:#777; font-family:'NotoSansKR-Regular'; font-size:14px;}


/* =============================================================================================== */
/*  상담 신청 영역  */
/* =============================================================================================== */
/* 영역 레이아웃 */
.b2bQnaWriteWrap * {letter-spacing: -1px;}
.b2bQnaWriteWrap .applyLayoutBox {width:1018px; margin:0 auto; padding:115px 0;}
.b2bQnaWriteWrap .applyArea {padding:70px 250px; background:#fff;}

/* 타이틀 텍스트 */
.b2bQnaWriteWrap .applyArea .titleBox .smallText {font-family:'NotoSansKR-Light'; font-size:20px;}
.b2bQnaWriteWrap .applyArea .titleBox .bigText {font-family:'NotoSansKR-Bold'; font-size:35px;}
.b2bQnaWriteWrap .applyArea .inputSubTitle {margin-bottom:15px; font-family:'NotoSansKR-Medium'; font-size:16px;}
.b2bQnaWriteWrap .applyArea .inputSubTitle.red {color:#ff5858;}

/* 인풋 */
.b2bQnaWriteWrap .inputArea {margin-top:45px; text-align: left;}
.b2bQnaWriteWrap input:not([type="checkbox"]) {display:block; width:100%; margin-bottom:15px; border:1px solid #ddd; border-radius:3px; padding:20px; box-sizing:border-box; font-family:'NotoSansKR-Regular'; font-size:18px;}
.b2bQnaWriteWrap input:focus {outline:0; border-color:#ff5858;}
.b2bQnaWriteWrap input[type="number"]::-webkit-outer-spin-button,
.b2bQnaWriteWrap input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}

/* 셀렉트 박스 */
.b2bQnaWriteWrap .selectText {display:block; width:100%; margin-bottom:15px; border:1px solid #ddd; border-radius:3px; padding:20px; box-sizing:border-box; font-family:'NotoSansKR-Regular'; font-size:18px; text-align:left; background:#fff url('/smciImages/front/dCustomer/b2b/ico_select_down.png') no-repeat calc(100% - 20px) 50%/12px; cursor:pointer}
.b2bQnaWriteWrap .selectText.listOn {border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image:url('/smciImages/front/dCustomer/b2b/ico_select_up.png'); border-color:#ff5858;}
.b2bQnaWriteWrap .selectText.notSel {color:#757575; }
.b2bQnaWriteWrap .selectList {display:none; position:absolute; top:64px; left:0; width:100%; background:#fff; border:1px solid #ddd; box-sizing:border-box; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
.b2bQnaWriteWrap .selectList.on {display:block; border-color:#ff5858; border-top-color:#ddd;}
.b2bQnaWriteWrap .selectListItem {display:block; width:100%; border-bottom:1px solid #ddd; padding:18px 30px; box-sizing:border-box; font-family:'NotoSansKR-Regular'; font-size:18px; text-align:left; cursor:pointer; color:#757575; transition: all 0.1s;}
.b2bQnaWriteWrap .selectListItem:last-child {border-bottom:0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
.b2bQnaWriteWrap .selectListItem:hover {color:#fff; background:#ff5858;}

/* 텍스트 에어리어 */
.b2bQnaWriteWrap textarea {width:100%; border:1px solid #ddd; padding:20px; box-sizing:border-box; font-family:'NotoSansKR-Regular'; font-size:18px; color:#000; border-radius:3px;}
.b2bQnaWriteWrap textarea:focus {outline:0; border-color:#ff5858;}
.b2bQnaWriteWrap .textAreaPlaceHolder {position:absolute; top:0; left:0; width:100%; height:100%; padding:20px; box-sizing:border-box; color:#757575; background:#fff; font-family:'NotoSansKR-Regular'; font-size:18px;  border:1px solid #ddd; border-radius:3px; cursor:text;}

/* 체크박스 */
.b2bQnaWriteWrap .agreeChk {display:none;}
.b2bQnaWriteWrap .agreeChkLabel {display:inline-block; margin:35px 0 5px; padding-left:30px; font-family:'NotoSansKR-Regular'; font-size:18px; color:#000; background:url('/smciImages/front/dCustomer/b2b/ico_chk_off.png') no-repeat 0 50%/21px; cursor:pointer;}
.b2bQnaWriteWrap .agreeChk:checked + .agreeChkLabel {background-image:url('/smciImages/front/dCustomer/b2b/ico_chk_on.png');}
.b2bQnaWriteWrap .agreeDescText {font-family:'NotoSansKR-Regular'; text-align: left; color:#555; font-size:15px;}
.b2bQnaWriteWrap .agreeDescText .boldText {font-family:'NotoSansKR-Medium'; font-size:15px;}

/* 신청버튼 */
.b2bQnaWriteWrap .applyBtn {display:block; width:100%; height:80px; margin-top:40px; font-family:'NotoSansKR-Medium'; font-size:24px; color:#fff; border-radius:3px; background:#ddd; cursor:pointer;}
.b2bQnaWriteWrap .applyBtn.on {background:#ff5858;}

.b2bQnaWriteWrap .subtext {margin:10px 0 40px; font-family:'NotoSansKR-Medium'; color:#555; font-size:15px;}


/* =============================================================================================== */
/*  영상 레이어 영역  */
/* =============================================================================================== */
.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;}