@charset "utf-8";
/********************************************************************
Publishing : PAGODA UX/UI Team
Beginning :2024-08-20
Final :
Email :UxDev@pagoda21.com, syh@pagoda21.com, hyeon86@pagoda21.com
*********************************************************************/

/* skipNav */
#skipNav a{display:block;overflow:hidden;height:0;line-height:24px;text-align:center;background:#fafafa;color:#000;}
#skipNav a:focus{height:auto;}

/* reset css */
html,body{margin:0;padding:0;}
body{background-color:#fff;letter-spacing:-0.5px;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
table{table-layout:fixed;width:100%;border-spacing:0;border-collapse:collapse;}
ol,ul,li{list-style:none;}
hr, legend, caption, .skip{position:absolute;overflow:hidden;line-height:0.01%;font-size:0.01%;width:0;height:0;}
img,fieldset{border:0 none;vertical-align:middle;}
label,button{cursor:pointer;}
em,address{font-style:normal;}
a{color:inherit;text-decoration:none;}

/* Input */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"]{max-width:100%;height:45px;padding:0 15px;font-size:14px;line-height:43px;color:#545454;border:1px solid #d2d2d2;border-radius:5px;}
input[type="radio"],
input[type="checkbox"]{width:18px;height:18px;}
input[type="file"]{max-width:100%;height:45px;padding:0 0;line-height:43px;border:1px solid #d2d2d2;background:#fff;}
textarea{overflow:auto;overflow-x:hidden;padding:10px;border:1px solid #d2d2d2;background:#fff;resize:none;border-radius:5px;}

select{
	max-width:100%; height:45px;padding:0px 15px;font-size:14px;line-height:43px;color:#545454; font-weight:400; border:1px solid #d2d2d2;border-radius:5px;
	background:#fff url(/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_view_nav_next.png) no-repeat 93% 50%; /* 네이티브 화살표 대체 */
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
}

/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand{
	display: none;
}


/* Button */
button{overflow:visible;margin:0;padding:0;border:0;background:none;white-space:nowrap;cursor:pointer;display:inline-block;vertical-align:middle;box-sizing:border-box;}
button::-moz-focus-inner{padding:0;border:0;}
button span{display:block;position:relative;}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

::-moz-selection{color:#fff;background:#462cc8;}
::selection{color:#fff;background:#462cc8;}

input:-ms-input-placeholder{color:#999;}
input::-webkit-input-placeholder{color:#999;}
input::-moz-placeholder{color:#999;}
textarea:-ms-input-placeholder{color:#bebebe;}
textarea::-webkit-input-placeholder{color:#bebebe;}
textarea::-moz-placeholder{color:#bebebe;}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus{outline:none;}
input:-moz-read-only{background-color:#fafafa;}
input:read-only{background-color:#fafafa;}
input:-moz-read-only:focus{border-color:#ddd !important;}
input:read-only:focus{border-color:#ddd !important;}

#loading{width:100%;height:100%;position:fixed;left:0;top:0;display:none;z-index:1000;-webkit-backdrop-filter: blur(1px);backdrop-filter: blur(1px);}
#loading > span{display:inline-block;width:80px;height:80px;border:5px solid rgba(39, 41, 55, .3);border-radius:50%;border-top-color:#d30000;animation:spin 1s linear infinite;-webkit-animation:spin 1s linear infinite;position:absolute;top:50%;margin-top:-40px;margin-left:-40px;left:50%;}

@keyframes spin{
	from{-webkit-transform:rotate(0deg);}
	to{-webkit-transform:rotate(360deg);}
}

@page{
	size: A4;
	margin: 5mm;
}

@media print{
	html, body{
		width: 210mm;
		height: 297mm;
		background: #fff;
	}
	.paper{
		margin: 0;
		border: initial;
		border-radius: initial;
		width: initial;
		min-height: initial;
		box-shadow: initial;
		background: initial;
		page-break-after: always;
	}
}