/* 공통 */
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css');
:root {
	--primary_color:#157bfb;
	--primary_black:#080808; --gray800:#202020;	--gray700:#373737;	--gray600:#5f5f5f;	--gray500:#8a8a8a;	--gray400:#b2b2b2;	--gray300:#d8d8d8;	--gray200:#eaeaea;	--gray100:#f4f4f4;
	--bgray900:#363849;	--bgray800:#474A62;	--bgray700:#525678;	--bgray600:#677196;	--bgray500:#7D86A9;	--bgray400:#959CB8;	--bgray300:#A9AEC6;	--bgray200:#CBCEE0;	--bgray100:#F6FAFF;
	--blue90:#0F3FB7; --blue80:#1146CB; --blue70:#1850DD; --blue60:#2B64F5; --blue50:#4073F4; --blue40:#6690FB; --blue30:#82A5ED; --blue20:#BED0F5; --blue10:#D6E2FB; --blue00:#E9F0FE;
	--yellow20:#EBA12F; --yellow10:#F6AE3F; --yellow00:#FDC061;
	--red20:#F44142; --red20:#FF5B5C; --red20:#FF6D6E;
	--green20:#1EBB82; --green20:#40C997; --green10:#6CD5AF;
	--logo_dark:#0375ba; --logo_light:#6cc7fe;
}
*{webkit-text-size-adjust:none;}

@font-face			{font-family:'나눔고딕'; src:url('../Font/NanumGothic.eot')}; 
@font-face			{font-family:'나눔고딕'; src:url('../Font/NanumGothic.woff')}; 
@font-face			{font-family:'다음'; src:url('../Font/Daum_Regular.eot')}; 
@font-face			{font-family:'다음'; src:url('../Font/Daum_Regular.woff')};
@font-face			{font-family:'볼드다음'; src:url('../Font/Daum_SemiBold.eot')}; 
@font-face			{font-family:'볼드다음'; src:url('../Font/Daum_SemiBold.woff')};

*,html				{margin: 0;	padding: 0;	outline: none;box-sizing: medium; font-size:16px;	-webkit-tap-highlight-color:transparent;}
html, body			{
						margin: 0;
						padding: 0;
						width:100%;
						max-width: 100%;
						height:100%;
						overflow-x:hidden;
						font-family: "Pretendard", "Noto Sans KR" , AppleGothic, Roboto, sans-serif;
						font-size:1rem;
						line-height:1.7rem;
					}
div					{height:auto; text-align:center;box-sizing: border-box;word-wrap:break-word;word-break:keep-all;}
a					{text-decoration:none;}
b, strong			{font-weight: 700;}
i, em				{font-style: normal;}
li					{list-style:none; text-align:center;}
img					{vertical-align:bottom;max-width: 100%; height: auto; margin: auto;}
table				{border:0; margin: auto;}
input, iframe		{box-sizing: border-box; border:1px solid #aaaaaa;}

th					{font-size:1.2em;font-weight:500;text-align:center;padding:0.3em;}
td					{font-size:1.2em;height:auto;padding:0.3em;}
input[type="text"], input[type="number"], input[type="date"], input[type="time"], input[type="password"], select	 {border:1px solid #999;padding:0.5em;border-radius:0.3em;font-size:1.1em;vertical-align:bottom;}
textarea												{border:1px solid #999;font-size:1.1em;padding:0.5em;}
input[type="button"], input[type="submit"]				{border:0;cursor:pointer;background:var(--logo_dark);color:#fff;}
input[type="button"]:hover, input[type="submit"]:hover	{background:var(--yellow10);;color:#fff;}
input[type="image"]	{border:0;}

table.list_round			{font-size:1em;}
table.list_round th			{padding:5px 2px;}
table.list_round th.l		{border-top-left-radius:5px;border-bottom-left-radius:5px;border:1px solid #aaaaaa;border-right:0;}
table.list_round th.m		{border:1px solid #aaaaaa;border-right:0;}
table.list_round th.m2		{border:1px solid #aaaaaa;border-top:0;border-right:0;}
table.list_round th.r		{border-top-right-radius:5px;border-bottom-right-radius:5px;border:1px solid #aaaaaa;}
table.list_round td			{border-bottom:1px solid #aaaaaa;border-right:0;}
table.list_round input, table.list_round select		{border-radius:5px;}

table.list_line			{border-top:1px solid #aaaaaa;}
table.no_top			{border-top:0;}
table.list_line	th		{border-bottom:1px solid #aaaaaa;border-right:1px solid #aaaaaa;}
table.list_line	td		{border-bottom:1px solid #aaaaaa;border-right:1px solid #aaaaaa;}
table.list_line td.no_line_right	{border-right:0;}
table.list_line td.no_line_bottom	{border-bottom:0;}
.left_border_line		{border-left:1px solid #aaaaaa;}

table.box_line			{border-top:1px solid #aaaaaa;border-left:1px solid #aaaaaa;}
table.box_line th		{border-bottom:1px solid #aaaaaa;border-right:1px solid #aaaaaa;text-align:right;padding-right:15px;}
table.box_line th.ac	{text-align:center;}
table.box_line td		{border-bottom:1px solid #aaaaaa;border-right:1px solid #aaaaaa;color:gray;text-align:left;padding-left:10px;}
table.box_line td.ac	{text-align:center;}
table.box_line input, table.box_line select, table.box_line textarea	{border-radius:5px;}

table tr.linked_tr			{cursor:pointer;}
table tr.linked_tr:hover td	{background:#eee;}
.linked_td:hover		{cursor:pointer;color:var(--blue70);}
.linked_text:hover		{font-weight:bold;color:var(--logo_dark);cursor:pointer;}
eng					{letter-spacing:1;}

/* 커서 및 위치 */
.pt					{cursor:pointer;}
.nb					{border:0;}
.fix_top			{position:fixed;top:0;}
.fix_bottom			{position:fixed;bottom:0;}
.aleft				{text-align:left;}
.acenter			{text-align:center;}
.aright				{text-align:right;}

/* 디자인 */
.bline_black		{border-bottom:1px solid black;}
.bline_black2		{border-bottom:2px solid black;}
.bline_darkgray		{border-bottom:1px solid #333333;}
.bline_midgray		{border-bottom:1px solid gray;}
.bline_lightgray	{border-bottom:1px solid #dcdcdc;}
.bline_white		{border-bottom:1px solid white;}

.tline_black		{border-top:1px solid black;}
.tline_black2		{border-top:2px solid black;}
.tline_darkgray		{border-top:1px solid #333333;}
.tline_midgray		{border-top:1px solid gray;}
.tline_lightgray	{border-top:1px solid #dcdcdc;}
.tline_white		{border-top:1px solid white;}

.radius3			{border-radius:3px;}
.radius5			{border-radius:5px;}

.shadow_thin		{box-shadow:1px 1px 3px #cccccc;}

/* 폰트 사이즈 */
.fnt_graph		{font-family: 'Spoqa Han Sans Neo', 'sans-serif';}
.bo				{font-weight:bold;}
.fs_xxs			{font-size:xx-small;}
.fs_xs			{font-size:x-small;}
.fs_s			{font-size:small;}
.fs_m			{font-size:medium;}
.fs_l			{font-size:larger;}
.fs_xl			{font-size:x-large;}
.fs_sxl			{font-size:xx-large;}

.fs_head1		{font-size:24px;font-weight:500;letter-spacing:-2%;line-height:36px;}
.fs_head2		{font-size:20px;font-weight:500;letter-spacing:-1.5%;line-height:32px;}
.fs_head3		{font-size:17px;font-weight:600;letter-spacing:-3.5%;line-height:26px;}
.fs_head4		{font-size:17px;font-weight:500;letter-spacing:-4%;line-height:24px;}
.fs_head5		{font-size:15px;font-weight:600;letter-spacing:-2.5%;line-height:24px;}
.fs_head6		{font-size:13px;font-weight:500;letter-spacing:-3%;line-height:24px;}

.fs_body1		{font-size:17px;font-weight:600;letter-spacing:-3.5%;line-height:24px;}
.fs_body2		{font-size:15px;font-weight:600;letter-spacing:-2.5%;line-height:24px;}
.fs_body3		{font-size:15px;font-weight:500;letter-spacing:-3%;line-height:24px;}
.fs_body4		{font-size:15px;font-weight:400;letter-spacing:-3.5%;line-height:24px;}
.fs_body5		{font-size:13px;font-weight:600;letter-spacing:-1.5%;line-height:20px;}
.fs_body6		{font-size:13px;font-weight:400;letter-spacing:-2.5%;line-height:20px;}
.fs_body7		{font-size:11px;font-weight:500;letter-spacing:-1%;line-height:16px;}

.fs_num1		{font-size:27px;font-weight:500;letter-spacing:-5%;line-height:38px;}
.fs_num2		{font-size:24px;font-weight:500;letter-spacing:-2%;line-height:34px;}
.fs_num3		{font-size:15px;font-weight:700;letter-spacing:-3%;line-height:24px;}
.fs_num4		{font-size:13px;font-weight:700;letter-spacing:-1%;line-height:18px;}
.fs_num5		{font-size:13px;font-weight:500;letter-spacing:-1%;line-height:18px;}
.fs_num6		{font-size:11px;font-weight:500;letter-spacing:-1.5%;line-height:15px;}

.fs_btn1		{font-size:17px;font-weight:500;letter-spacing:-4%;line-height:24px;}
.fs_btn2		{font-size:17px;font-weight:400;letter-spacing:-4.5%;line-height:24px;}
.fs_btn3		{font-size:15px;font-weight:500;letter-spacing:-3%;line-height:24px;}
.fs_btn4		{font-size:15px;font-weight:400;letter-spacing:-3.5%;line-height:24px;}
.fs_btn5		{font-size:13px;font-weight:500;letter-spacing:-2%;line-height:20px;}
.fs_btn6		{font-size:13px;font-weight:400;letter-spacing:-2.5%;line-height:20px;}

/* 컬러 */
.clr_base			{color:var(--logo_dark);}
.clr_black			{color:black;}
.clr_darkgray		{color:var(--primary_black);}
.clr_midgray		{color:var(--gray500);}
.clr_lightgray		{color:var(--gray200)}
.clr_white			{color:white;}
.clr_green			{color:var(--green20);}
.clr_orange			{color:#ff6600;}
.clr_red			{color:var(--red20);}
.clr_blue			{color:var(--blue80);}
.clr_navy			{color:navy;}

/* 배경색 & 글자색 */
.bg_base			{background:#005693;color:var(--logo_dark);}
.bg_black			{background:black;color:#ffffff;}
.bg_darkgray		{background:var(--primary_black);color:#ffffff;}
.bg_midgray			{background:var(--gray500);color:#ffffff;}
.bg_lightgray		{background:var(--gray200);}
.bg_white			{background:white;}
.bg_green			{background:var(--green20);color:#ffffff;}
.bg_orange			{background:#ff9600;color:#ffffff;}
.bg_red				{background:var(--red20);color:#ffffff;}
.bg_blue			{background:#var(--blue80);color:#ffffff;}
.bg_skyblue			{background:#var(--green40);}
.bg_navy			{background:navy;color:#ffffff;}

/* 여백 */
.clear_padding		{padding:0;}
.pad1px				{padding:1px;}
.pad2px				{padding:2px;}
.pad3px				{padding:3px;}
.pad4px				{padding:4px;}
.pad5px				{padding:5px;}
.pad7px				{padding:7px;}
.pad10px			{padding:10px;}
.pad12px			{padding:12px;}
.pad15px			{padding:15px;}
.pad30px			{padding:30px;}

/* 폼 */
.frm_box			{border:1px solid #aaaaaa;}
.frm_line			{border:0;border-bottom:1px solid #aaaaaa;}
.frm_nb				{border:0;}
.frm_nb:hover		{background:#eef0ff;cursor:alias;}
.checkbox			{background:url('../Common/Images/checkbox_bg.png');}
.fileup label {text-align:center;color:#fff;font-size: medium;background-color:#5cb85c;cursor:pointer;border:1px solid #4cae4c; border-radius: .25em; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; }
.fileup input[type="file"] {position: absolute; width: 1px; height: 1px; padding:0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

/* 버튼 */
.btn_small		{padding:0.3em 0.7em;color:#ffffff;border:0;border-radius:5px;cursor:pointer;}
.btn_medium		{padding:0.6em 1.2em;color:#ffffff;border:0;border-radius:7px;cursor:pointer;}
.btn_large		{padding:0.3em 1.5em;color:#ffffff;border:0;border-radius:10px;cursor:pointer;}
.btn_small:hover, .btn_medium:hover, .btn_medium_cancel:hover, .btn_large:hover {background:var(--yellow20);}

/* 정렬, 가로, 세로 사이즈 */
.ft_cb			{clear:both;}
.ft_l			{float:left;}
.ft_c			{float:center;}
.ft_r			{float:right;}
.w10			{width:10%;}
.w20			{width:20%;}
.w30			{width:30%;}
.w40			{width:40%;}
.w50			{width:50%;}
.w60			{width:60%;}
.w70			{width:70%;}
.w80			{width:80%;}
.w90			{width:90%;}
.w100			{width:100%;}

/* 기타 */
.no_result				{padding:30% 0;color:#777777;text-align:center;}

#loading			{
							 width: 100%;  
							 height: 800px;  
							 top: 0px;
							 left: 0px;
							 position: fixed;  
							 opacity: 0.5;  
							 background-color: #fff;  
							 z-index: 199;
							 padding-top:150px;
							 text-align: center; 
							 font-size:16px;
						} 
#popblind				{
							 width: 100%;  
							 height: 800px;  
							 top: 0px;
							 left: 0px;
							 position: fixed;  
							 opacity: 0.5;  
							 background-color: #fff;  
							 z-index: 199;
						}