/** +++++++++++++ header +++++++++++++ **/
.textEffect {overflow:hidden;}

header {z-index: 150; position: relative;}

#hd {
	width: 100%;
	padding: 0 auto;
	height: auto;
	background: transparent;
	position: fixed;
	top: 0;
	margin: 0 auto;
	background: unset;
	min-width:unset!important;
	border-bottom:1px solid rgba(255, 255, 255, 0.10);
}
#hd #hd_inner {display: flex; width: 100%; margin: 0 auto; max-width: 176rem; justify-content: space-between; align-items: center; padding: 2rem;}
#hd #hd_inner .logo {width:12.5rem; height:auto;}
#hd #hd_inner .logo a {display:block;}
#hd #hd_inner .logo img {width:100%; height:auto;}

@media (max-width:768px)  {
	#hd #hd_inner {background:#383735;}
}



/* ============== 메뉴 리스트 / 문의 버튼 ============== */
.menuList {display: flex;}
.menuList li {color: #FFF; font-family: Pretendard; font-size: 1.7rem; font-style: normal; font-weight: 600; line-height: normal;}

.hdRight {display: flex; align-items: center;}
.inqBtn {display: flex; align-items: center; padding: 1.2rem 2rem; background: #383735; border-radius: 5rem; cursor:pointer;}
.inqBtxt {color:#DCD9D5; font-weight: 700; font-size: 1.7rem; font-family: "Pretendard"; letter-spacing: -0.02em;}
.inqTel {color: #DCD9D5; font-family: Pretendard; font-size: 1.7rem; font-weight: 600; padding-left: 0.5rem;}

@media (min-width:769px) {
	.menuList {
		width: 68rem;
		display: flex;
		justify-content: space-between;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
}

@media (max-width:768px) {
	#hd #hd_inner .logo {width: 7.9rem; height: auto;}
	.menuList, .inqBtn {display:none;}
}

/** +++++++++++++ footer +++++++++++++ **/
#aside {display: none;}
#footer {width: 100%; height: auto; padding: 8.7rem 0 8.7rem; background: #1c1c1c;}
a[href^="tel"],
a[href^="mailto"],
a[href^="http"],
a[href^="https"] {
  text-decoration: none !important;
  color: inherit; /* 필요시 색상도 상속 */
}

footer a {text-decoration: none !important; color: inherit;}
#footer .footerInner {width: 100%; max-width:156rem; padding:0 2rem; margin:0 auto;}
.footerBotm {word-break: keep-all; display: flex; align-items: flex-start; justify-content: space-between;}
.footerBotmLeft {width: 70%;}
.footerBotmRight {width: 30%;}
.footerBotm .infoList {
    letter-spacing: -0.05em;
    display: flex;
    flex-wrap: wrap;
    width: 80%;
	color: rgba(255, 255, 255, 0.50);
	font-family: Pretendard;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 3.2rem;
}
.footerBotm .infoList li {margin-right: 1.5rem;}

.copyright {
	color: rgba(255, 255, 255, 0.60);
	font-family: Pretendard;
	font-size: 1.7rem;
	font-weight: 300;
	line-height: 176.471%;
	margin-top:5.3rem;
}
.copyright span {font-weight: 700;}

ul.private {display: flex; flex-direction: row; align-items: center; justify-content: flex-end;}
#footer .private li {color: #FFF; font-family: Pretendard; font-size: 1.8rem; font-weight: 800; line-height: 155.556%; letter-spacing: -0.054em;}
#footer .private li:first-child {color: #DDB87E; padding-right:2rem; position: relative;}
#footer .private li:first-child::before {
    content: '';
    width: 0.4rem;
    height: 0.4rem;
    background-color: #FFF;
    border-radius: 999%;
    position: absolute;
    right: 0.46rem;
    top: 50%;
    transform: translate(-50%,-50%);
}
#footer .inner .cleft li span {font-weight: 500; color: #d5d5d5; padding-left: 0.5em;}
.privacy-policy.active {display:block!important;}
.email-policy.active {display:block!important;}

@media (max-width:768px) {
	#footer {padding: 14.19vw 0 16.15vw;}
	.footerBotm {flex-direction: column-reverse;}
	.footerBotmLeft, .footerBotmRight {width: 100%;}
	.footerBotm .infoList {font-size: 3.91vw; line-height: 1.6; letter-spacing: -0.05em; justify-content: center; width: 75%; word-break: keep-all; margin: 0 auto;}
	.footerBotm .infoList li {margin-right: 2.6667vw;}
	.copyright {font-size: 3.78vw; line-height: 1.83; letter-spacing: -0.05em; margin-top: 15.63vw; text-align: center;}
	ul.private {justify-content: center; margin-bottom: 4.2667vw;}
	#footer .private li {font-size: 4.17vw; line-height: 1; letter-spacing: -0.096em;}
	#footer .private li:first-child::before {width: 0.2rem; height: 0.2rem; right: 0.65rem;}
}
/** +++++++++++++ popUp +++++++++++++ **/



/************** policy layer s *************/
.policy_wrap {
	position: fixed;
	/* keeps the policy_wrap window in the current viewport */
	top: 0;left: 0;display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A6000000, endColorstr=#A6000000);
	text-align: center;z-index: 999999;font-family: 'Pretendard', sans-serif;
}
.policy_wrap .policy-wrapper {
    overflow: hidden;
    margin: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    box-shadow: 0 0 25px #111;
    -webkit-box-shadow: 0 0 25px #111;
    -moz-box-shadow: 0 0 25px #111;
    width: 90%;
    background-color: #fff;
    border: 1px solid #999;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    max-width: 820px;
    border-radius: 10px;
}
.close-popup {
	position: absolute;top: 16px;right: 20px;background-color: #fff;font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;font-weight: bold;line-height: 1;color: #ccc;text-shadow: 0 1px 0 #fff;border: none;
}
.policy_wrap .policy-wrapper h4 {
    padding: 15px;border-bottom: 1px solid #e5e5e5;font-size: 18px;font-weight: 500;font-family: var(--font-family-ptd);
}
.policy_wrap .policy {overflow-y: auto;padding: 30px;text-align: left;line-height: 163%;font-size: 12px;}
form a.popup-trigger {
    display: inline-block;padding: 0 5px;line-height: 1.25;text-indent: 0;color: #fff;background-color: #8C8984;font-size: 12px;
    vertical-align: middle;
}