/*
 +----------------------------------------------------------------------+
 | Copyright (c) STUDYMAX.  co. Ltd
 +----------------------------------------------------------------------+
 | 작업일 : 2024-05-28
 | 파일설명 : 베트남 스피킹맥스 학습 신청 페이지 CSS
 +----------------------------------------------------------------------+
 | 작업자 : 박현준
 +----------------------------------------------------------------------+
 | 수정이력
 | 20241121 베트남 사이트 리뉴얼 작업 by 최진영
 +----------------------------------------------------------------------+
*/

@charset "utf-8";

/* 제품 상세 */
.applyDetWrap {padding:4%; background:#f2ebfe;}
.applyDetWrap .productInfo {padding:4%; background:#fff; border-radius: 12px; overflow: hidden;}
.applyDetWrap .productInfo .thumbImg {display:block; width:100%; margin-bottom:4%; border-radius: 12px;}
.applyDetWrap .productInfo .textBox .title {padding:4% 4% 0; font-family:'BeVietnamPro-Bold'; font-size:var(--font-2dep); border-top:1px solid #b0b0b0;}
.applyDetWrap .productInfo .textBox .subTitle {padding:4%; font-family:'BeVietnamPro-Regular'; font-size:var(--font-4dep); color:#666; border-bottom:1px solid #b0b0b0;}
.applyDetWrap .productInfo .price {padding:4% 4% 0; text-align: right; font-size:0;}
.applyDetWrap .productInfo .price .iconImg {width:7vw; margin-right:1%;}
.applyDetWrap .productInfo .price .num {font-family:'BeVietnamPro-Bold'; font-size:var(--font-1dep); color:#9600ff;}
.applyDetWrap .productInfo .price .unit {font-family:'BeVietnamPro-Bold'; font-size:var(--font-2dep); color:#9600ff;}

/* 유의사항 */
.applyDetWrap .cautionList {margin: 10% 0;}
.applyDetWrap .cautionList .title {margin-bottom:4%; font-size:var(--font-4dep); font-family:'BeVietnamPro-Bold';}
.applyDetWrap .cautionList .cont {position:relative; margin-bottom:2%; font-size:var(--font-5dep); font-family:'BeVietnamPro-Regular'; color:#5E5E5E;}
.applyDetWrap .cautionList .cont.dot {padding-left:5%; color:#929292;}
.applyDetWrap .cautionList .cont.dot:after {content:''; display:block; position:absolute; top:8px; left:2.5%; width:2px; height:2px; background:#999;}
.applyDetWrap .cautionList .cont:last-child {margin-bottom:0;}

/* 하단 결제 버튼 */
.applyDetWrap .bottomBtnBox {position:fixed; bottom:0; left:0; width:100%; padding:5%;}
.applyDetWrap .bottomBtnBox .bottomBtn {display:block; width:100%; padding:5% 0; font-size:var(--font-3dep); font-family:'BeVietnamPro-Bold'; color:#fff; border-radius :100px; background: linear-gradient(91.95deg, #9600FF -4.51%, #E6002D 92.79%);}


/* PC 해상도 대응 */
@media screen and (min-width:640px) {

	/* 커서 포인터 */
	.pcLayout .applyDetWrap .bottomBtnBox .bottomBtn {cursor:pointer;}

	/* 호버 효과 - 반투명 */
	.pcLayout .applyDetWrap .bottomBtnBox .bottomBtn:hover {opacity: 0.7; transition: 0.3s ease-in-out all;}


	/* 상품 상세 */
	.pcLayout .applyDetWrap .productInfo .subTitle {margin:4% 0;}
	.pcLayout .applyDetWrap .productInfo .price .iconImg {width:40px;}

	/* 유의사항 */
	.pcLayout .applyDetWrap .cautionList .cont.dot {padding-left:3%;}
	.pcLayout .applyDetWrap .cautionList .cont.dot:after {top:9px; left:1.5%;}

	/* 하단 결제 버튼 */
	.pcLayout .applyDetWrap .bottomBtnBox {left:50%; transform:translateX(-50%); width:640px; padding:2%;}

}