@charset "utf-8";

	/*======= {padding : 상 우 하 좌} =======*/
	/*======= {padding : 상/하 좌/우} =======*/

	/*---------------------------------------------------------------------------------------------------------------------------------------------*/
	html, body{margin:0; padding:0; min-width:1280px; height:auto; font-family: 'Noto Sans KR', sans-serif !important;}
	a{color:inherit;text-decoration:none}

	/*---------------------------------------------------------------------------------------------------------------------------------------------*/
	/*---------------------------------------------------------------------------------------------------------------------------------------------*/
	/*-- Top --*/
	.top_area						{ height:124px; width:100%; position:fixed; background-color:#ffffff; }
	
	.top1								{ height:80px; width:100%; position:relative; min-width:1280px; border-bottom:1px solid #299adc; }
	.top_td1						{ display:inline-block; height:70px; }

	.top2								{ display:table; width:100%;}
	.top_tr							{ display:table-row; }
	.top_td2_l					{ display:table-cell; float:left; height:30px; }
	.top_td2_r					{ display:table-cell; float:right; height:40px; }
	
	.logo 							{ float:left; width:250px; height:70px; margin-left:20px; margin-top:5px; background-image: url(../_img/logo/top_logo_1.png); background-repeat:no-repeat; background-position:0px 5px; cursor:pointer; }
	
	.menuArea 							{ margin-left:60px; font-weight:bold; }
	.menuArea .menu					{ float:left; margin-left:10px; margin-top:0px; margin-right:80px; position: relative; font-size:20px; line-height:40px; text-align:center; color:#333333; cursor:pointer; }
	.menuArea .menu:hover		{ color:#880000}
	.menuArea .menuSel			{ color:#299adc }	
	
	.menu_sub_area_1	{ display:none; background-color: #fff !important;border: 1px solid #ccc; height:34px; position: absolute;top:40px;left:0px;cursor: pointer;  padding-left:20px; padding-right:10px; }
	.menu_sub_area_2	{ display:none; background-color: #fff !important;border: 1px solid #ccc; height:34px; position: absolute;top:40px;left:0px;cursor: pointer;  padding-left:20px; padding-right:10px; }
	.menu_sub_area_3	{ display:none; background-color: #fff !important;border: 1px solid #ccc; height:34px; position: absolute;top:40px;left:0px;cursor: pointer;  padding-left:20px; padding-right:10px; }
	.menu_sub_area_4	{ display:none; background-color: #fff !important;border: 1px solid #ccc; height:34px; position: absolute;top:40px;left:0px;cursor: pointer;  padding-left:20px; padding-right:10px; }
	.menu_sub_area_5	{ display:none; background-color: #fff !important;border: 1px solid #ccc; height:34px; position: absolute;top:40px;left:0px;cursor: pointer;  padding-left:20px; padding-right:10px; }
	.menu_sub_area_6	{ display:none; background-color: #fff !important;border: 1px solid #ccc; height:34px; position: absolute;top:40px;left:0px;cursor: pointer;  padding-left:20px; padding-right:10px; }
	
	.menu_dtl_sub					{ cursor: pointer; margin-left:10px; margin-right:30px; text-align:center; font-size:16px; width:max-content; line-height:30px; }
	.menu_dtl_sub:hover		{ color:#0000ff; }	

	.main_title			{ clear:both; display:table; height:44px; width:100%; min-width:1280px; border-bottom:1px solid #299adc; }
	.title_txt			{ float:left; padding-left:40px; padding-top:8px; font-size:18px; font-weight:bold; color:#0066ff;}

	/*---------------------------------------------------------------------------------------------------------------------------------------------*/
	/*---------------------------------------------------------------------------------------------------------------------------------------------*/

	.log_tb					{ display:table; }
	.log_tr					{ display:table-row; }
	.log_td					{ display:table-cell;  border:0px solid #cccccc; }

	.loginLayer			{ float:right; height:42px; padding:0;}
	.loginArea			{ float:right; margin-top:0px; margin-right:40px; }
	
	.log_txt				{ float:left; padding-top:3px; padding-right:20px; }
	.log_t					{ float:left; padding-top:2px; padding-left:10px; padding-right:5px; font-size:14px; font-weight:bold; color:#2C79C8;}
	.log_save				{ float:left; padding-top:0px; padding-left:10px; padding-right:5px; font-size:14px; font-weight:bold; color:#2C79C8;}
	.log_chk				{ float:left; padding-top:0px; padding-left:0px; padding-right:0px; }
	.log_in					{ float:left; padding-top:0px; padding-right:5px; font-size:14px; font-weight:bold; }
	.log_id					{ width:150px; height:22px; padding-left:5px; font-size:14px; border:1px solid #2C79C8; color:#1467B4 }
	.log_pw					{ width:120px; height:22px; padding-left:5px; font-size:14px; border:1px solid #2C79C8; color:#1467B4 }
	.logBtn					{ float:right; width:110px; height:30px; padding-top:2px; margin-top:0px; font-size:16px; font-weight:bold;color:#fff; text-align:center; background-color:#299adc; border-radius:5px; cursor:pointer; }

	.log_tb1				{ display:table; }
	.log_tr1				{ display:table-row; }
	.log_td1				{ display:table-cell; padding-top:3px; padding-bottom:3px; border:0px solid #cccccc; }
	
	.loginLayer1		{ float:right; width:260px; height:110px; padding:20px; background-color:#ffffffee; border:3px solid #aaaaaa; border-radius:10px; }
	.loginArea1			{ float:left; margin-top:0px; margin-right:0px; }
	.log_in1				{ float:left; padding-top:0px; padding-right:0px; font-size:16px; font-weight:bold; }
	.log_t1					{ float:left; width:30px; padding-top:2px; margin-left:10px; margin-right:10px; font-size:14px; font-weight:bold; color:#2C79C8;}
	.log_id1				{ float:left; width:180px; height:28px; padding-left:5px; font-size:16px; border:1px solid #2C79C8; color:#1467B4 }
	.log_pw1				{ float:left; width:180px; height:28px; padding-left:5px; font-size:16px; border:1px solid #2C79C8; color:#1467B4 }
	
	/*---------------------------------------------------------------------------------------------------------------------------------------------*/
	/*---------------------------------------------------------------------------------------------------------------------------------------------*/
	
	.content { clear:both; min-width: 1280px; min-height:500px; background-color:#ffffff; }
	.content .main_bg{ background-image:url(../_img/bg/img_main_bg.png); margin-top:-22px; background-size: auto; background-position: center; background-repeat:repeat; height:900px;  width:100%}
	.content .contImg0{ background-image:url(../_img/bg/img_main.png); background-size: auto; background-position: center; background-repeat: no-repeat; height:900px;  width:100%}
	/*---------------------------------------------------------------------------------------------------------------------------------------------*/
	/*---------------------------------------------------------------------------------------------------------------------------------------------*/
	/*-- Common --*/
	.align_l 					{ text-align:left; }
	.align_l_5 				{ text-align:left; padding-left:5px; }
	.align_l_10				{ text-align:left; padding-left:10px; }
	.align_l_20				{ text-align:left; padding-left:20px; }

	.align_c 					{ text-align:center; }
	
	.align_r_5 				{ text-align:right; padding-right:5px; }
	.align_r_10				{ text-align:right; padding-right:10px; }
	.align_r_20				{ text-align:right; padding-right:20px; }
	
	.cursor_pointer		{ cursor:pointer; }
	
	.disp_block				{ display:block; }
	.disp_none				{ display:none; }
	
	.w40 							{ width:40px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
	.w50 							{ width:50px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
	.w60 							{ width:60px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
	.w80 							{ width:80px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
	.w100 						{ width:100px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
	.w120 						{ width:120px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
	.w150 						{ width:150px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
	.w180 						{ width:180px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
	.w200 						{ width:200px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
	.w250 						{ width:250px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
	.w300 						{ width:300px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
	.w350 						{ width:350px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
	.w400 						{ width:400px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
	.w450 						{ width:450px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
	.w500 						{ width:500px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
	.w_half 					{ width:50%; max-width:900px text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
	.w_limit 					{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
	
	.non_list					{ width;100%; margin-top:250px; margin-bottom:250px; font-size:28px; text-align:center; color:#aaaaaa; }
	/*---------------------------------------------------------------------------------------------------------------------------------------------*/
	/*---------------------------------------------------------------------------------------------------------------------------------------------*/
	/*-- Bottom --*/
	.bottom{ clear:both; background-color:#999999; width:100%; height:90px; margin-top:10px; color:#fff; font-size:14px; text-align:left; line-height:23px;  }
	.b_w{width:580px; margin:0 auto}
	.b_l{float:left; width:125px; height:70px; background-image: url(../_img/logo/ubico_logo_white.png); background-repeat:no-repeat; background-position:0px 20px;}
	.b_r{float:right; margin-top:22px; }

	/*---------------------------------------------------------------------------------------------------------------------------------------------*/
	/*---------------------------------------------------------------------------------------------------------------------------------------------*/
	.div_l					{ float:left; 	margin-left:0px; }
	.div_l_20				{ float:left; 	margin-left:20px; }
	.div_r					{ float:right;  margin-right:0px; }
	.div_r_20				{ float:right;  margin-right:20px; }	
	
	.table_page_l		{ float:left; display:table; margin-top:5px; margin-bottom:20px; margin-left:30px; margin-right:20px; }
	.table_page_r		{ float:right; display:table; margin-top:5px; margin-bottom:20px; margin-left:20px; margin-right:30px; }
	.tr_page				{ display:table-row; }
	.td_page_cur		{ display:table-cell; font-size:16px; padding-top:4px; padding-bottom:4px; padding-left:12px; padding-right:12px; border:1px solid #ff4040; border-radius:5px; }
	.td_page				{ display:table-cell; font-size:16px; padding-top:4px; padding-bottom:4px; padding-left:12px; padding-right:12px; border:1px solid #cccccc; border-radius:5px; cursor:pointer; }
	.td_arrow				{ display:table-cell; font-size:16px; padding-top:4x; padding-bottom:4px; padding-left:12px; padding-right:12px; border:1px solid #ffffff; border-radius:5px; cursor:pointer; }
	.td_dot					{ display:table-cell; font-size:16px; padding-top:4px; padding-bottom:4px; padding-left:12px; padding-right:12px; border:1px solid #ffffff; }
	.td_none				{ display:table-cell; font-size:2px; padding-top:4px; padding-bottom:4px; padding-left:1px; padding-right:1px; border:1px solid #ffffff; }
	.td_title				{ display:table-cell; font-size:16px; padding-top:4px; padding-bottom:4px; padding-left:12px; padding-right:5px; border:1px solid #ffffff; }
	/*---------------------------------------------------------------------------------------------------------------------------------------------*/
	/*---------------------------------------------------------------------------------------------------------------------------------------------*/
	
	.sort_arrow_up			{ float:right; width:13px; height:10px; margin-right:3px; margin-top:-30px; margin-bottom:0px; background-image: url(../../_img/button/button_up.png); background-repeat:no-repeat; background-position:0px 0px; cursor:pointer; border:0px solid #ffffff; }	
	.sort_arrow_dn			{ float:right; width:13px; height:10px; margin-right:3px; margin-top:-16px; margin-bottom:0px; background-image: url(../../_img/button/button_dn.png); background-repeat:no-repeat; background-position:0px 0px; cursor:pointer; border:0px solid #ffffff; }	

	.sort_arrow_up_on		{ float:right; width:13px; height:10px; margin-right:3px; margin-top:-30px; margin-bottom:0px; background-image: url(../../_img/button/button_up_on.png); background-repeat:no-repeat; background-position:0px 0px; cursor:pointer; border:0px solid #ffffff; }	
	.sort_arrow_dn_on		{ float:right; width:13px; height:10px; margin-right:3px; margin-top:-16px; margin-bottom:0px; background-image: url(../../_img/button/button_dn_on.png); background-repeat:no-repeat; background-position:0px 0px; cursor:pointer; border:0px solid #ffffff; }	

	/*---------------------------------------------------------------------------------------------------------------------------------------------*/
	/*---------------------------------------------------------------------------------------------------------------------------------------------*/

	textarea {
		font-size: 16px;
		font-weight: normal;
		font-family: sans-serif;
	}

	input[type="checkbox"] {
		vertical-align:bottom;
	  appearance: none;
		width:18px;
		height:18px;
		border:1px solid #2C79C8;
		cursor:pointer;
	}
	
	.input_chk_rd:checked {
		background-color: #3DC33D;
	}
	
	.input_chk:checked {
		background-color: #D73217;
	}
		
	.page_select {
		width:83px;
		height:32px;
		font-size:16px;
		margin-left:10px;
		padding-top:6px;
		padding-bottom:6px;
		padding-left:5px;
		padding-right:5px;
		color:#333333;
		background-color:#ffffff;
		border:1px solid #cccccc;
		border-radius:5px;
	}

	.chkbox_label {
		color:#2C79C8;
		padding-left:10px;
		padding-right:2px;
		cursor:pointer;
	}