@font-face { font-family: 'KHNPHD'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/KHNPHD.woff') format('woff'); font-weight: normal; font-style: normal; }

#hd_pop *  {
	font-family: 'Lato', 'Noto Sans KR', sans-serif  !important;
}

#hd_pop {
	z-index:100000;
	position:relative;
	top:188px;left:0;right:0;
	margin:0 auto;
	width:100%;
	max-width:476px;
	height:0;
	line-height:1.5em;
	letter-spacing:-0.02em;
	font-size:10px;
	color:#333;
}
#hd_pop br {
	font-family:sans-serif  !important;
}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;text-align:center;}

.hd_pops {
	position:absolute;
	text-align:center;
	border:none;
	width:100%;
	box-shadow:0px 0px 20px 15px rgba(0, 0, 0, 0.4);
    border-radius: 15px;
	background:rgba(255,255,255,0.95);
	overflow:hidden; 
}

.hd_pops_con {box-sizing:border-box;width:100%; padding: 38px;margin:0 auto; font-size:16px; text-align:center;
		word-break:keep-all;}
.hd_pops_con h4 {padding-top:20px;padding-bottom:20px;margin-top:0;margin-bottom:20px;line-height:1.8em;font-size:20px;font-weight:normal;color: #222; border-bottom:1px dashed #9f9f9f;}
#hd_pop .hd_pops_con  h4 strong {display:block;font-size:26px;color: #001d92;font-family: 'KHNPHD'!important;}
#hd_pop .hd_pops_con  h4 strong u {color: #ff1565;font-family: 'KHNPHD'!important;}
#hd_pop .hd_pops_con h4 i {display:block;font-size:36px;color: #001d92; font-family: 'KHNPHD'!important;}
.hd_pops_con h4 i:after {content:""; display:block; width:1px; height:30px; margin:3px auto; background:#888;}
.hd_pops_con h5 {padding:0;margin:0;font-size:22px;font-weight:normal;color: #333;font-family:'Noto Sans KR', sans-serif  !important;}
.hd_pops_con div {font-size:16px; line-height:1.5em;}
.hd_pops_con  u {font-family:'Noto Sans KR', sans-serif  !important;}
.hd_pops_con .date {margin-bottom:0;color:#ff1565; font-weight:500; font-size:16px; line-height:1.8em;}
.hd_pops_con .date span {display:inline-block; padding: 0 20px; font-weight:normal; 
    font-size:14.4px; color:#fff; background:#001d92; border-radius:30px;}

.hd_pops_con .link_btn {margin-bottom:0;color:#ff1565; font-weight:500; font-size:16px}
.hd_pops_con .link_btn a {display:inline-block;padding:0.3em 1.5em;font-weight:normal; 
    font-size:16px; color:#fff; background:#001d92; border-radius:30px; color:#fff; font-family:'Noto Sans KR', sans-serif  !important;}

.hd_pops_footer {position:absolute;top:0;right:0;text-align:right}
.hd_pops_footer button {font-size:14px;padding:7px 24px;background:#001d92;border:0;color:#fff;font-weight:500;border-radius: 0 0 0 14px;cursor:pointer;}
.hd_pops_footer button:hover {background:#ff1565; transition:background 0.5s;}

.pc_none {display:none;}



/*팝업별 커스텀*/
#hd_pops_1 {top:0;left:0;right:0;}


@media screen and (max-width:540px) {
	.pc_none {display:block;}

	#hd_pop {
		top:10px;
	}
	#hd_pop.hd_pop_layer .hd_pops_con {
		padding:20px;
	}
	#hd_pop.hd_pop_layer .hd_pops_con img {
		width:80px;
	}
	#hd_pop.hd_pop_layer .hd_pops_con h4 {
		padding:0 0 0.5em;
		margin-bottom:0.5em;
		line-height:1.3em;
	}
	#hd_pop.hd_pop_layer .hd_pops_con h4 strong {
		font-size:20px;
	}
	#hd_pop.hd_pop_layer .hd_pops_con h5 {
		margin-bottom:0.5em;
		font-size:16px;
		font-weight:600;
	}
	#hd_pop.hd_pop_layer .hd_pops_con div {
		font-size:14px;
		text-align: center;
	}
	#hd_pop.hd_pop_layer .hd_pops_con .date {
		text-align:center;
		font-size:14px;
	}
	#hd_pop.hd_pop_layer .hd_pops_con .date span {
		display: block;
		width: 70px;
		padding:0;
		margin: 0 auto;
		font-size:14px;
	}
	#hd_pop.hd_pop_layer .hd_pops_con .link_btn a {
		font-size:14px;
	}
	#hd_pop.hd_pop_layer .hd_pops_footer button {
		padding: 3px 12px;
		font-size:12px;
	}
	#hd_pop.hd_pop_layer .pc_none {display:block;}
	#hd_pop.hd_pop_layer .m_none {display:none;}
}


/* layer_pop20210405 */
#hd_pop .date{
	text-align:left;
	margin-left:70px;
}
#hd_pop.hd_pop_corona {
	max-width:632px;
	transform:translateX(50%);
}

#hd_pop.hd_pop_sysstop{	left: -140px;}
@media screen and (max-width: 1200px) {
	#hd_pop.hd_pop_corona  {
		position:absolute;
		top:40px;
		transform:translateX(0);
	}
}
@media screen and (max-width: 540px) {
	#hd_pop.hd_pop_corona  {
		top: 90px;
	}
	#hd_pop .date{
		text-align:left;
		margin-left:0;
	}
}