/*
+----------------------------------------------------------------------+
| Copyright (c) 2010 - 2024 SPEAKINGMAX @ WEAVERSBRAIN.Co.Ltd
+----------------------------------------------------------------------+
| 작업일 : 2024-09-25
| 파일설명 : MAX AI 사이트 footer CSS
+----------------------------------------------------------------------+
| 작업자 : 최진영 
+----------------------------------------------------------------------+
| 수정이력
| 20241007 반응형 UI 수정 by 최진영
| 20241126 채용 홈페이지 링크 추가 by 최진영
| 20250212 이용권/쿠폰 팝업 추가 by 최진영
+----------------------------------------------------------------------+ 
*/

@charset "utf-8";

/* MO 미노출 처리 */
.footer .section.top .innerBox .menuListBox .listItem.pc,
.footer .section.top .innerBox .familySite,
.footer .section.bottom .innerBox .awards {
	display:none;
}

/* footer */
.footer .section .innerBox {
	padding:40px 20px;
}

/* footer top */
.footer .section.top {
	background:#272727;
}
.footer .section.top .innerBox {
	padding:15px 20px;
}
.footer .section.top .innerBox .menuListBox {
	display:flex;
}
.footer .section.top .innerBox .menuListBox .listItem {
	margin-right:30px;
	color:#fff;
}
.footer .section.top .innerBox .menuListBox .listItem:last-child {
	margin-right:0;
}

/* footer bottom */
.footer .section.bottom {
	background:#333;
}
.footer .section.bottom .innerBox {
	padding-bottom:200px;
}
.footer .section.bottom .innerBox .companyLogo {
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.footer .section.bottom .innerBox .companyLogo .left {
	width:45%;
}
.footer .section.bottom .innerBox .companyLogo .left .logoImg {
	display:block;
	width:100%;
}
.footer .section.bottom .innerBox .companyLogo .right {
	width:35%;
	text-align: right;
}
.footer .section.bottom .innerBox .companyLogo .right .logoSubImg {
	display:block;
	width:100%;
}
.footer .section.bottom .innerBox .companyInfo {
	margin-top:40px;
}
.footer .section.bottom .innerBox .companyInfo .text {
	margin-bottom:20px;
	color:#999;
	word-break: keep-all;
	font-family: 'Pretendard-Regular';
	font-size:11px;
	line-height: 160%;
}
.footer .section.bottom .innerBox .companyInfo .text:last-child {
	margin-bottom:0;
}


/* footer 팝업 공통(여러 페이지에서 호출하여 사용하는 용도) */
.popWrap {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 10;
}
.popWrap .popBg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.7);
}
.popWrap .popInner {
	position:absolute;
	top:50%;
	left:5%;
	transform: translateY(-50%);
	width:90%;
	padding:20px;
	background:#fff;
	border-radius: 20px;
}
.popWrap .popInner .popCloseBtn {
	position: absolute;
	top:-40px;
	right:0;
}
.popWrap .popInner .popCont .popTitle {
	text-align: center;
}
.popWrap .popInner .popCont .popDesc {
	word-break: keep-all;
	text-align: center;
}


/* 이용권/쿠폰 팝업 */
.popWrap.coupon .popInner .popCont .dispChangeArea {
	display:none;
}
.popWrap.coupon .popInner .popCont .dispChangeArea.on {
	display:block;
}
.popWrap.coupon .popInner .popCont .formUIBox {
	margin-top:30px;
	height:70px;
}
.popWrap.coupon .popInner .popCont .formUIBox .button.apply {
	display: inline-block;
	position:absolute;
	top:5px;
	right:10px;
	width: auto;
	height:auto;
	background: #fff;
	padding: 2px 10px;
	border-color:#cfcfcf;
	border-radius:8px;
}
.popWrap.coupon .popInner .popCont .formUIBox .button.apply.on {
	background: #c362ff;
    border-color: #c362ff;
}
.popWrap.coupon .popInner .popCont .formUIBox .formUI.apply {
	padding-right:130px;
}
.popWrap.coupon .popInner .popCont .cautionBox {
	margin-top:40px;
	font-size:12px;
}
.popWrap.coupon .popInner .popCont .cautionBox .cautionList {
	margin-top:5px;
}
.popWrap.coupon .popInner .popCont .cautionBox .cautionList .listItem {
	color:#404040;
	word-break: keep-all;
}
.popWrap.coupon .popInner .popCont .cautionBox .cautionList .listItem .linkText {
	text-decoration: underline;
}
.popWrap.coupon .popInner .popCont .popImgBox {
	text-align: center;
	margin-bottom:20px;
}
.popWrap.coupon .popInner .popCont .popImgBox .popImg {
	width:46px;
}
.popWrap.coupon .popInner .popCont .btnBox {
	margin-top:20px;
}
.popWrap.coupon .popInner .popCont .btnBox.bd {
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid #ddd;
}
.popWrap.coupon .popInner .popCont .btnBox.bd .button:last-child {
	margin-top:10px;
}


/* PC 해상도 제어 */
@media only screen and (min-width : 768px) {

	/* PC 노출 처리 */
	.footer.pc .section.top .innerBox .menuListBox .listItem.pc,
	.footer.pc .section.top .innerBox .familySite {
		display:block;
	}

	/* cursor pointer */
	.footer.pc .section.top .innerBox .menuListBox .listItem,
	.footer.pc .section.top .innerBox .familySite .selectBtn,
	.footer.pc .section.top .innerBox .familySite .selectList .listItem {
		cursor:pointer;
	}

	/* 마우스 hover 효과 */
	.footer.pc .section.top .innerBox .menuListBox .listItem:hover,
	.footer.pc .section.top .innerBox .familySite .selectBtn:hover,
	.footer.pc .section.top .innerBox .familySite .selectList .listItem:hover {
		opacity:0.7;
	}

	/* footer */
	.footer.pc .section .innerBox {
		min-width:768px;
		max-width: 1024px;
		margin:0 auto;
	}

	/* footer top */
	.footer.pc .section.top .innerBox {
		display: flex;
		justify-content: space-between;
	}
	.footer.pc .section.top .innerBox .menuListBox .listItem {
		margin-right:40px;
		transition:0.3s all;
	}
	.footer.pc .section.top .innerBox .familySite {
		position: relative;
		color:#fff;
	}
	.footer.pc .section.top .innerBox .familySite .selectBtn {
		display:inline-flex;
		align-items: center;
		padding:3px 15px;
		background:#000;
		border-radius:8px;
		transition:0.3s all;
	}
	.footer.pc .section.top .innerBox .familySite .selectBtn .iconImg {
		width:8px;
		margin-left:8px;
		transition: 0.3s all;
	}
	.footer.pc .section.top .innerBox .familySite .selectBtn:active {
		transform:translate(2px, 2px);
	}
	.footer.pc .section.top .innerBox .familySite .selectList {
		display:none;
		position:absolute;
		bottom:25px;
		left:0;
		width:100%;
		padding:10px;
		background:#000;
		border-radius: 8px;
	}
	.footer.pc .section.top .innerBox .familySite .selectList .listItem {
		margin-bottom:7px;
	}
	.footer.pc .section.top .innerBox .familySite .selectList .listItem:last-child {
		margin-bottom:0;
	}
	.footer.pc .section.top .innerBox .familySite.on .selectBtn {
		border-top-right-radius: 0;
		border-top-left-radius: 0;
	}
	.footer.pc .section.top .innerBox .familySite.on .selectBtn .iconImg {
		transform:rotate(-180deg);
	}
	.footer.pc .section.top .innerBox .familySite.on .selectList {
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}

	/* footer bottom */
	.footer.pc .section.bottom .innerBox .awards {
		display:block;
		margin-bottom:40px;
	}
	.footer.pc .section.bottom .innerBox .awards .awardTitle {
		color:#fff;
		font-family: 'Pretendard-Medium';
		font-size:28px;
		line-height: 160%;
		text-align: center;
	}
	.footer.pc .section.bottom .innerBox .awards .awardList {
		display:flex;
		justify-content: space-between;
		margin:40px auto;
	}
	.footer.pc .section.bottom .innerBox .awards .awardList .listItem {
		text-align: center;
	}
	.footer.pc .section.bottom .innerBox .awards .awardList .listItem .text {
		margin-top:10px;
		font-family: 'Pretendard-Medium';
		font-size:11px;
		line-height: 160%;
		color:#9a9a9a;
	}
	.footer.pc .section.bottom .innerBox .companyLogo .left {
		width:25%;
	}
	.footer.pc .section.bottom .innerBox .companyLogo .left .logoImg {
		width:100%;
	}
	.footer.pc .section.bottom .innerBox .companyLogo .right {
		width:20%;
	}
	.footer.pc .section.bottom .innerBox .companyLogo .right .logoSubImg {
		display:inline-block;
		width:100%;
	}
	.footer.pc .section.bottom .innerBox .companyInfo .text {
		margin-bottom:0;
		font-size:14px;
	}

	/* footer 팝업 공통(여러 페이지에서 호출하여 사용하는 용도) */
	.popWrap .popInner {
		width:600px;
		padding:40px;
		left: 50%;
		transform: translate(-50%, -50%);
	}


	/* 이용권/쿠폰 팝업 */
	.popWrap.coupon .popInner .popCont .cautionBox {
		display:flex;
	}
	.popWrap.coupon .popInner .popCont .cautionBox .boxTitle {
		width:20%;
	}
	.popWrap.coupon .popInner .popCont .cautionBox .cautionList {
		width:80%;
		margin-top:0;
	}

}