
 header {position: relative; z-index: 10;}
 
#header {
    background: #dd3124;
    padding: 1.4rem 0 1.8rem;
}
#header .headerInner {
	width:100%;
	margin:0 auto;
	padding:0 2rem;
	max-width:144rem;
}

.headerLogo {
	width:19.7rem;
	height:auto;
}

.headerLogo img {width:100%; height:auto;}

.hMenu {display: flex;}
.hMenu li {
	font-size:1.8rem;
	letter-spacing:-0.05em;
	color:#d3d3d3;
	padding:0 2.5rem;
}
.hMenu li:hover {color:#fff;}
.headerLeft {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.conTact {
    display: flex;
    align-items: center;
}


p.hTelT {
    font-size: 2.2rem;
    letter-spacing: -0.02em;
    font-weight: 800;
    padding: 1rem 1.8rem;
    background: #000636;
    border-radius: 2rem;
}
p.hTel {
    font-size: 3.2rem;
    font-weight: 700;
    padding-left: 2rem;
}



@media (max-width:768px) {
	.hMenu, .conTact {display:none;}
	#header {padding: 1.82vw 2.08vw 1.95vw 5.60vw;}	
	#header .headerInner {padding: 0;}
	.headerLogo {width: 33.07vw;}
	.moBtn {
		background: #000636;
		width: 9.90vw;
		height: 9.90vw;
		display: fe;
		display: flex!important;
		flex-direction: column;
		justify-content: space-evenly;
		align-items: center;
	}
	.moBtn div {width: 60%; background: #FFF; height: 1px;}
}






/** +++++++++++++ footer +++++++++++++ **/
#aside {display: none;}

#footer {
    width: 100%;
    height: auto;
    padding: 8rem 0;
    background: #080729;
}

.fLogo {width:19.7rem; height:auto;}

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:144rem;
    padding:0 2rem;
    margin:0 auto;
}

.footerTop {
    padding-bottom: 4.6rem;
    display: flex;
    align-items: flex-end;
    border-bottom: 1px solid rgb(136 141 144 / 40%);
    justify-content: space-between;
}

.footerLogo {
    width:36.7rem;
    height: auto;
}

.footerLogo img {width:100%; height: auto;}

.footerBotm {word-break: keep-all; padding-top: 5rem;}
.footerBotm .infoList {
    font-size: 1.6rem;
    line-height: 1.6;
    letter-spacing: -0.015em;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    width: 80%;
}
ul.infoList li {padding-right: 2rem;}
ul.infoList li span {color:#888d90; padding-right:1rem;}
.copyright {
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: -0.05em;
    color: #a5a5a5;
    margin-top: 3rem;
   font-family: "helvetica-lt-pro" !important;
}
.copyright span {color: #ffffff; font-family: "Pretendard";}


ul.private {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}
#footer .private li {
    font-size: 1.6rem;
    line-height: 3.4rem;
    letter-spacing: -0.05em;
    color: #FFF;
    font-family: "Pretendard";
}
#footer .private li:first-child {
    font-weight: 700;
    color: #dd3124;
    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: 9.11vw 0;}
	.footerLogo {width: 47.7333vw; height: auto;}
	.footerTop {padding-bottom: 0; border-bottom: unset; justify-content: center; padding-bottom: 5vw;}
	.footerBotm .infoList {
		font-size: 2.42vw;
		line-height: 3.9067vw;
		letter-spacing: -0.05em;
		justify-content: center;
		width: 90%;
		margin: 0 auto;
		text-align: center;
	}
	ul.infoList li {padding-right: 2.95vw;}
	ul.infoList li span {padding-right: 1.30vw;}
	.copyright {
		font-size: 2.6053vw;
		line-height: 1;
		letter-spacing: -0.05em;
		margin-top: 7.2000vw;
		text-align: center;
		width: 80%;
		margin: 7.16vw auto 0;
	}
	
	ul.private {display: flex; flex-direction: row; align-items: center; justify-content: center;}
	#footer .private li {font-size: 3.1253vw; line-height: 1; letter-spacing: -0.05em; color: #FFF; font-family: "Pretendard";}
	#footer .private li:first-child::before {
		content: '';
		width: 0.2rem;
		height: 0.2rem;
		background-color: #FFF;
		border-radius: 999%;
		position: absolute;
		right: 0.65rem;
		top: 50%;
		transform: translate(-50%,-50%);
	}
	.footerBotm {word-break: keep-all; padding-top: 0;}
}

/** +++++++++++++ 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: 20px;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;
}