/* Common style for all */
/**						{ font-family:'SDGothic',sans-serif !important; outline:none; }*/
*						{ font-family:"Red Hat", "Pretendard", Arial, sans-serif !important; outline:none; }
@font-face {
	font-family: "Red Hat";
	src: url("../fonts/RedHatDisplay-Bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Red Hat";
	src: url("../fonts/RedHatText-SemiBold.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Red Hat";
	src: url("../fonts/RedHatDisplay-Medium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Red Hat";
	src: url("../fonts/RedHatDisplay-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Pretendard";
	src: url("../fonts/Pretendard-Bold.subset.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Pretendard";
	src: url("../fonts/Pretendard-SemiBold.subset.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Pretendard";
	src: url("../fonts/Pretendard-Medium.subset.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Pretendard";
	src: url("../fonts/Pretendard-Regular.subset.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

html, body				{ width:100%; height:100%; margin:0; border:0; }

section					{ width:100%; overflow:hidden; position:relative; }
section#topSection		{ height:91px; min-width:870px; }
section#contentSection	{ height:calc(100% - 91px); min-width:870px; }

a		{ text-decoration:none; font-size:12px; line-height:18px; }
ul, li	{ padding:0; margin:0; list-style:none; position:relative; }

input,
textarea,
select	{ border:1px solid lightgray; }
input	{ padding-left:10px; padding-right:30px; }

iframe[name=hiddenFrame] { display:none; }

.mot3 {
	-webkit-transition:	all 0.3s ease-out;
	-moz-transition:	all 0.3s ease-out;
	-o-transition:		all 0.3s ease-out;
	transition:			all 0.3s ease-out;
}

.red			{ color:red !important; }

.click			{ cursor:pointer; border:1px solid transparent; }
.click:hover	{ border:1px solid white; }

.blackBtn		{ background-color:black; color:white; display:inline-block; border:1px solid black; padding:6px 20px; font-size:14px;  text-align:center; cursor:pointer; vertical-align:middle; }
.blackBtn:hover	{ background-color:white; color:black; }

.listBtn,
.delBtn,
.addBtn			{ min-width:50px; padding:8px 20px; text-align:center; line-height:20px; cursor:pointer; }

.listBtn		{ background-color:#808080; color:#ffffff; border:1px solid #808080; }
.listBtn:hover	{ background-color:#ffffff; color:#808080; }

.delBtn			{ background-color:#ffffff; color:#808080; border:1px solid #d3d3d3; }
.delBtn:hover	{ background-color:#d3d3d3; }

.addBtn			{ background-color:#003569; color:#ffffff; border:1px solid #003569; }
.addBtn:hover	{ background-color:#ffffff; color:#003569; }

.hidden	{ display:none; }

select::-ms-expand	{ background-color:white; border:0; }
select.yn	{ width:72px; height:30px; font-size:14px; background:#fff; border:0; cursor:pointer; }
.Y { color:#0080ff; }
.N { color:#ff0000; }

/* Common style for right content area */
#contentWrap	{ display:inline-block; width:calc(100% - 229px); height:100%; margin-left:20px; overflow:hidden; overflow-y:auto; overflow-x:auto; }

/* Common style for page title area */
.pageName			{ color:#222222; font-size:22px; border-bottom:2px solid #e6e6e6; padding-bottom:15px; font-weight:700; margin-top:20px; margin-bottom:5px; }
.guide				{ color:#808080; font-size:12px; line-height:18px; width:100%; margin-bottom:30px; }
.guide span			{ color:#ff0000; }
.guide li			{ padding-left:10px; }
.guide li:before	{ content:"* "; position:absolute; left:0; top:2px; }

/* Common and Default style of form and its children */
/*form.validated *:valid {*/
	/*border:1px solid #28a745 !important;*/
	/*background-image:url("../images/common/valid.svg") !important;*/
	/*background-repeat:no-repeat;*/
	/*background-position:right calc(0.375em + 0.1875rem) center !important;*/
	/*background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important; }*/
form.validated textarea:invalid + div.tox.tox-tinymce,
form.validated *:invalid {
	border:1px solid #dc3545 !important;
	background-image:url("../images/common/invalid.svg") !important;
	background-repeat:no-repeat;
	background-position:right calc(0.375em + 0.1875rem) center !important;
	background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
}

#toastMsg { position:fixed; padding:15px 40px; left:50%; bottom:50px; background-color:black; color:white; z-index:9999; border-radius:20px; opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -khtml-opacity:0.7; -moz-opacity:0.7; }
.opacity50 { opacity:0.5; filter:alpha(opacity=50); -ms-filter:"alpha(opacity=50)"; -khtml-opacity:0.5; -moz-opacity:0.5; }

span.maxLength				{ display:inline-block; margin-left:5px; }
textarea + span.maxLength	{ vertical-align:bottom; margin-bottom:10px; }

input.date,
input.dateY		{ padding-left:30px !important;width:80px !important;cursor:pointer;position:relative; vertical-align:top; padding-right:5px; }
input.dateY		{ width:40px !important; }

input.w50		{ width: 50px !important; }
input.w250		{ width:250px !important; }
input.w300		{ width:300px !important; }
input.w400		{ width:400px !important; }
input.w450		{ width:450px !important; }
input.w500		{ width:500px !important; }
input.wFull		{ width:calc(100% - 42px) !important; }

.mb5	{ margin-bottom:5px; }

span.dateIcon			{ display:inline-block; width:0; cursor:pointer; }
span.dateIcon:before	{ content:url('../images/common/icon_calendar.png'); position:relative; top:6px; left:5px; z-index:1; }


#popupDim		{ display:none; background-color:black; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1; }
#popupFrame		{ display:none; background-color:white; position:absolute; left:50%; top:50%; width:1200px; height:900px; margin:-450px 0 0 -600px; border:0; z-index:10; padding:10px; }
#popupClose		{ display:none; position:absolute; top:calc(50% - 450px); left:calc(50% + 625px); z-index:10; cursor:pointer; user-select:none; border:0; }
#popupClose img	{ width:23px; }
#popupDim.on	{ display:block; }
#popupFrame.on	{ display:block; }
#popupClose.on	{ display:block; }

label input { vertical-align:text-top; }