/*
+----------------------------------------------------------------------+
| Copyright (c) STUDYMAX.  co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 2024-01-30
| 파일설명 : 베트남 스피킹맥스 footer
+----------------------------------------------------------------------+
| 작업자 : 최진영
+----------------------------------------------------------------------+
| 수정이력
+----------------------------------------------------------------------+
*/

@charset "utf-8";

/* Footer */
.footer .contents {padding:10% 6% 20%; background:#e9e9e9;}
.footer .contents .instagramBtn {display:inline-block; margin-top:3%;}
.footer .contents .instagramBtn img {width:10vw;}
.footer .contents .item {margin-bottom:13%;}
.footer .contents .item:last-child {margin-bottom:0;}
.footer .contents .item.customer { margin-bottom:5%; }
.footer .contents .item img { height: 60px; }
.footer .contents .title {font-family:'BeVietnamPro-Bold'; font-size:var(--font-4dep);}
.footer .contents .title.underline {text-decoration: underline;}
.footer .contents .text {display:inline-block; font-family:'BeVietnamPro-Regular'; font-size:var(--font-5dep); margin-top:3%; color:#000; text-decoration: underline;}
.footer .contents .info {display:flex; margin-bottom:3%;}
.footer .contents .info.mgTop {margin-top:13%;}
.footer .contents .info .title,
.footer .contents .cont {font-family:'BeVietnamPro-Light'; font-size:var(--font-5dep); line-height: 1.6;}
.footer .contents .info .title {width:31vw; font-family:'BeVietnamPro-Bold';}


/* 약관 레이어 팝업 */
.policyPopWrap {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000;}

/* 특정 상거래에 관한 법률에 의한 표기 팝업 */
.sclPopWrap {display: none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:2;}
.sclPopWrap .popHeader {display: flex; justify-content: center; align-items: center; position: relative; height: 15.6vw; background:#010101;}
.sclPopWrap .popHeader .popHeadText {font-family:'BeVietnamPro-Bold'; font-size:var(--font-2dep); color:#fff; text-align: center;}
.sclPopWrap .popHeader .popCloseBtn {display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; width: 16vw; height: 100%;}
.sclPopWrap .popHeader .popCloseBtn img {width: 30%;}
.sclPopWrap .popContents {height: 93%; padding:3%; overflow-y:auto; background:#fff;}
.sclPopWrap .popContents li {margin-bottom:2%; font-family: 'BeVietnamPro-Regular'; font-size: var(--font-5dep); color:#232323; letter-spacing: -0.2px;}
.sclPopWrap .popContents li.pdLeft {padding-left:2%;}

/* PC 해상도 대응 */
@media screen and (min-width:640px) {
	
	.pcLayout .footer .instagramBtn:hover,
	.pcLayout .footer .text:hover,
	.pcLayout .footer .title.policy:hover {opacity:0.7; transition:0.3s;}

	.pcLayout .footer .instagramBtn img {width:64px;}

	.pcLayout .footer .contents .info .title {width:200px;}

	.pcLayout .sclPopWrap {left:50%; transform:translateX(-50%); width:640px;}
	.pcLayout .sclPopWrap .popHeader {height:100px;}
	.pcLayout .sclPopWrap .popHeader .popCloseBtn {width:80px;}

}