/* 공통 */
@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:#f37800;
	--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:#0e345f; --logo_light:#4f86c5;
}

@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; 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;}
gray_vbar			{padding:0 0.5em;color:#ccc;}
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;}

table td			{text-align:center;font-size:1em;padding:0.1em;}
.clear_padding		{padding:0;}

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;text-align:center;font-size:1.1em;padding:0.5em;}
table.list_round input, table.list_round select		{border-radius:5px;}

table.list_line			{border-top:1px solid #aaaaaa;}
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;color:gray;}
.left_border_line		{border-left:1px solid #aaaaaa;text-align:center;font-size:1.1em;}

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;}

.linked_td:hover		{cursor:pointer;background:#dfffff;}
.link_text:hover		{cursor:pointer;color:#f70;}
.link_help_text			{padding-left:1em;color:#999;cursor:pointer;}
.link_help_ico			{border-radius:0.6em;background:#aaa;color:#fff;padding:0 0.3em;}
.link_help_text:hover	{color:#000;}

/* 레이어 팝업 */
#layer_pop_tit_line		{height:42px;padding:5px 0 5px 15px;background:#62a9da;}	
#layer_pop_tit			{width:80%;color:#ffffff;float:left;font-size:larger;text-align:left;}
#layer_pop_close		{width:20%;color:#ffffff;float:left;text-align:right;}
#layer_pop_close_btn	{width:32px;height:32px;font-size:larger;border:0;color:#ffffff;background:#62a9da;cursor:pointer;}

/* 커서 및 위치 */
.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_gray			{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_gray			{border-top:1px solid gray;}
.tline_lightgray		{border-top:1px solid #dcdcdc;}
.tline_white		{border-top:1px solid white;}

.radius5			{border-radius:5px;}
.radius7			{border-radius:7px;}
.radius50			{border-radius:50%;}

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

/* 폰트 사이즈 */
.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_xxl			{font-size:xx-large;}

/* 컬러 */
.clr_base			{color:#005693;}
.clr_black			{color:black;}
.clr_darkgray		{color:#333333;}
.clr_gray			{color:gray;}
.clr_lightgray		{color:#dcdcdc;}
.clr_white			{color:white;}
.clr_green			{color:#01850f;}
.clr_orange			{color:#ff6c00;}
.clr_red			{color:red;}
.clr_blue			{color:#4977df;}
.clr_navy			{color:navy;}

/* 배경색 & 글자색 */
.bg_base			{background:#005693;color:#ffffff;}
.bg_black			{background:black;color:#ffffff;}
.bg_darkgray		{background:#333333;color:#ffffff;}
.bg_midgray			{background:#777;color:#ffffff;}
.bg_gray			{background:gray;color:#ffffff;}
.bg_lightgray		{background:#dcdcdc;}
.bg_white			{background:white;}
.bg_green			{background:#01850f;color:#ffffff;}
.bg_orange			{background:#ff9600;color:#ffffff;}
.bg_red				{background:red;color:#ffffff;}
.bg_blue			{background:#4977df;color:#ffffff;}
.bg_skyblue			{background:#d5efff;}
.bg_navy			{background:navy;color:#ffffff;}

.td_bg_white		{background:#fff;}

/* 여백 */
.pad0				{padding:0;}
.pad1				{padding:1px;}
.pad2				{padding:2px;}
.pad3				{padding:3px;}
.pad4				{padding:4px;}
.pad5				{padding:5px;}

.pad1rem			{padding:1rem;}
.pad2rem			{padding:2rem;}
.pad3rem			{padding:3rem;}
.pad4rem			{padding:4rem;}
.pad5rem			{padding:5rem;}

/* 폼 */
input[type="text"], input[type="image"], input[type="submit"] select {vertical-align:bottom;font-size:1.1em;padding:0.3em; }
input[type="image"]	{border:0;}
.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		{font-size:small;color:#ffffff;border:0;border-radius:5px;padding:0.3em 0.7em;cursor:pointer;}
.btn_midium		{font-size:medium;color:#ffffff;border:0;border-radius:7px;cursor:pointer;}
.btn_large		{font-size:larger;color:#ffffff;border:0;border-radius:10px;cursor:pointer;}
.btn_cert		{background:#aaa;}

.btn_box25		{width:25px;height:25px;color:#ffffff;text-align:center;cursor:pointer;}
.btn_box30		{width:30px;height:30px;color:#ffffff;text-align:center;cursor:pointer;}
.btn_round3		{padding:0.3em 0.7em;}

.btn_green		{background:#070;font-size:1rem;padding:0.5em 1em;}
.btn_navy		{background:navy;color:#fff;border:0;font-size:1rem;padding:0.4em 1em;cursor:pointer;}
.btn_gray		{background:#777;font-size:1rem;padding:0.5em 1em;}

.btn_small:hover, .btn_midium:hover, .btn_large:hover, .btn_box30:hover, .btn_green:hover, .btn_navy:hover , .btn_navy:hover {background:#ff6c00;}


/* 기타 */
.disabledrag {  -webkit-user-select:none;  -moz-user-select:none;  -ms-user-select:none;  user-select:none }

#layer_pop_tit_line		{height:42px;padding:5px 0 5px 15px;background:#000000;}	
#layer_pop_tit			{width:80%;color:#ffffff;float:left;font-size:20px;text-align:left;padding-top:0.5em;}
#layer_pop_close		{width:20%;color:#ffffff;float:left;font-size:16px;text-align:right;padding-right:0.3em;}
#layer_pop_close_btn	{width:32px;height:32px;font-size:18px;border:0;color:#ffffff;background:#000000;cursor:pointer;}

#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:medium;
						} 
#popblind				{
							 width: 100%;  
							 height: 100vh;  
							 top: 0px;
							 left: 0px;
							 position: fixed;  
							 opacity: 0.5;  
							 background-color: #fff;  
							 z-index: 149;
						}