@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(/Common/Manage_CSS/NotoSansFont/Noto_Sans_Black.css);
@import url(/Common/Manage_CSS/NotoSansFont/Noto_Sans_Bold.css);
@import url(/Common/Manage_CSS/NotoSansFont/Noto_Sans_DemiLight.css);
@import url(/Common/Manage_CSS/NotoSansFont/Noto_Sans_Light.css);
@import url(/Common/Manage_CSS/NotoSansFont/Noto_Sans_Regular.css);
@import url(/Common/Manage_CSS/NotoSansFont/Noto_Sans_Thin.css);

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

body, table, input, textarea, select, button
	{ font-family: "Noto Sans Regular", "나눔고딕", "Nanum Gothic", dotum, "돋움"; color: #555555; font-size:14px; letter-spacing: 0; line-height: 1.5; }

p { margin:0;}
/*

table {
    border-collapse: collapse !important; border-spacing: 0 !important;}
td {
    height: auto !important; border: none;
}

img { display:block; } 
*/

.td_border_none td { border: none !important; }
.td_border_yes td { border: 1px solid #ccc;  }

.img_center { margin-left:auto; margin-right:auto; }

a { font-family: "Noto Sans Regular", "나눔고딕", "Nanum Gothic", dotum, "돋움"; text-decoration:none; font-weight:normal; color:#222; }

input[type="checkbox"] { cursor: pointer; }
input[type="radio"] { cursor: pointer; }

/*
a:link		{ color:#111111; text-decoration:none}
a:visited	{ color:#111111; text-decoration:none}
a:hover	    { color:#ffffff; text-decoration:none}
a:active	{ color:#111111; text-decoration:none}
*/

/* #menu_top_text a:link		{color:#ffffff;} */
/* #menu_top_text a:visited		{color:#ffffff;} */
/* #menu_top_text a:active		{color:#ffffff;} */
/* #menu_top_text a:hover		{color:#ffffff; text-decoration:underline;} */


/* 메뉴영역(상단) */
#menu_top_text { font-size: 18px; font-weight: bold; cursor:pointer; color:#ffffff; }
#menu_top_line { font-size: 18px; font-weight: bold; margin:10px; color:#ffffff; }

/* 메뉴영역(좌측) */
.menu_left_box {
	font-family: "Noto Sans Regular", "나눔고딕", "Nanum Gothic", dotum, "돋움"; min-width: 120px;
	background-color:#587285; border-radius:5px; padding : 10px 0 20px 0;	 text-align:center; }
#menu_left_div {  margin:0 auto; color:#ffffff; width:90%; padding:5px 0 5px 5px; border-bottom:#eeeeee 1px solid; text-align:left; }
#menu_left_text { font-size:14px; cursor:pointer; }

/* 메뉴영역(상단 서브) */
.menu_SubTop_box {
	font-family: "Noto Sans Regular", "나눔고딕", "Nanum Gothic", dotum, "돋움"; padding : 10px 0 0 20px; text-align:left; }

#menu_SubTo_div_off { font-size:14px; cursor:pointer; float:left; text-align:center; 
							padding:6px 10px 1px 10px;  margin:0 10px 0 10px; 
							border-radius:5px; height:27px;
							color:#555;  border:2px #bbbbbb solid; background-color:#eeeeee; }
							
#menu_SubTo_div_on { font-size:16px; cursor:pointer; float:left;  text-align:center;
							padding:4px 10px 3px 10px;  margin:0 10px 0 10px; 
							border-radius:5px; height:27px;
							color:#fff;   border:2px #666 solid; background-color:#333; }


/* Form 요소 */
.obj_search_box { height:20px; width:70px; font-size:13px;line-height: 1; } 
.obj_textbox_00 { height:21px; font-size:14px; line-height:1; } 
.obj_textbox_80 { width:80px; height:21px; font-size:14px; line-height:1; } 
.obj_textbox_90 { width:90px; height:21px; font-size:14px; line-height:1; } 
.obj_textbox_100 { width:100px; height:21px; font-size:14px; line-height:1; } 
.obj_textbox_120 { width:120px; height:21px; font-size:14px; line-height:1; } 
.obj_textbox_150 { width:150px; height:21px; font-size:14px; line-height:1; } 
.obj_textbox_170 { width:170px; height:21px; font-size:14px; line-height:1; } 
.obj_textbox_200 { width:200px; height:21px; font-size:14px; line-height:1; } 
.obj_textbox_230 { width:230px; height:21px; font-size:14px; line-height:1; } 
.obj_textbox_250 { width:250px; height:21px; font-size:14px; line-height:1; } 
.obj_textbox_300 { width:300px; height:21px; font-size:14px; line-height:1; } 
.obj_textbox_350 { width:350px; height:21px; font-size:14px; line-height:1; } 
.obj_textbox_400 { width:400px; height:21px; font-size:14px; line-height:1; }

.table_TabMenu { border-collapse: collapse; line-height: 160%; background: #fff; text-align: center; border:2px #555 solid;}
.TabMenu_td_center { padding:8px; min-width:60px; text-align: center; background-color: #ddd; border: 2px #555 solid; }
.TabMenu_td_left { padding:8px; text-align:left; background-color:#eee;  border:2px #555 solid; min-width:120px; color:blue;}
.TabMenu_td_ON  { padding:8px 10px 8px 10px; min-width:90px; text-align: center; background-color: #333; border: 2px #555 solid; color:#fff; font-weight:bold; font-size:15px;}
.TabMenu_td_OFF { padding:8px 10px 8px 10px; min-width:90px; text-align: center; background-color: #fff; border: 2px #555 solid; }

.frm_td_title { padding:5px 5px 5px 10px; text-align:left; background-color:#dddddd;  font-size:15px; font-weight:bold;  border:1px #cccccc solid;}
.frm_td_title_blue { padding: 3px 3px 3px 10px; text-align: left; background-color: #eee; font-size: 15px; color:blue; font-weight:bold; border: 1px #cccccc solid; }
.frm_td_center { padding:7px; text-align:center; background-color:#eeeeee;  border:1px #cccccc solid;}
.frm_td_left_eee { padding:7px; text-align:left; background-color:#eeeeee;  border:1px #cccccc solid;}
.frm_td_left { padding:7px; text-align:left; background-color:#ffffff;  border:1px #cccccc solid;}
.frm_td_right { padding:7px; text-align:right; background-color:#eeeeee; border:1px #cccccc solid;}
.frm_con_center { padding: 7px; text-align: center; background-color: #fff; border: 1px #cccccc solid; }

.frm_td_left_big { height:40px; padding:7px; text-align:left; background-color:#ffffff; font-size:16px; font-weight:bold; }
.frm_td_right_big { height:40px;  padding:7px; text-align:right; background-color:#eeeeee;  font-size:16px; font-weight:bold; }

/* Page 공통 요소 */
.page_area_title { font-size:16px; font-weight: normal; padding:1px; color:#2E1865; }

.panel_title {text-align:left;  font-size:12px; height:30px; font-weight:bold; padding:0 10px 2px 10px; color:#1F1D85;
	                 border-left:1px #cccccc solid; border-right:1px #cccccc solid; vertical-align:top; 
	                 background-image: url(/Design/Com_Manage/Panel_Title_Back1.gif) !important;}

.panel_content { border-left:1px #bbbbbb solid; border-right:1px #cccccc solid; background-color:#ffffff; vertical-align:top; padding: 5px 10px 0 10px; }

.table_manage_default { border-collapse:collapse;line-height:160%; background:#fff; text-align:center; }
.table_header_A { text-align:center; background-color:#dddddd; border:1px #bbbbbb solid; font-weight:bold; line-height:20px; padding:5px; }
.table_header_B { text-align:left; background-color:#dddddd;  height:30px; padding-left:5px; font-weight:bold; border:1px #bbbbbb solid;  }
.table_header_C { text-align:center; background-color:#ececec;  border:1px #bbbbbb solid; font-weight:bold; padding:5px; height:30px;}
.table_header_sub {
    text-align: center;
    background-color: #ececec;
    border: 1px #bbbbbb solid;
    font-weight: bold;
    font-size:13px;
    padding: 3px;
}
.table_header_center { text-align:center; padding:3px; border:1px #cccccc solid; }
.table_header_right { text-align:right; padding:5px; border:1px #cccccc solid; }
.table_header_left { text-align:left; padding:5px; border:1px #cccccc solid; }

.grid_td_center { text-align:center; padding:3px; height:25px; border:1px #cccccc solid; }
.grid_td_center_small {
    text-align: center;
    padding: 3px;
    height: 25px;
    border: 1px #cccccc solid;
    font-size: 12px;
}
.grid_td_left { text-align:left; padding:0 3px 0 5px; height:30px; border:1px #cccccc solid; word-break:break-all; }
.grid_td_left_small { text-align:left; padding:0 3px 0 5px; height:30px; border:1px #cccccc solid; font-size:12px; word-break:break-all;}
.grid_td_right { text-align:right; padding:0 7px 0 3px; height:30px; border:1px #cccccc solid;  word-break:break-all;}
.grid_td_dt { text-align:center; padding:1px; height:30px; border:1px #cccccc solid; font-size:13px;  word-break:break-all;}
.grid_td_center_stat { text-align:center; padding:2px; height:22px; border:1px #cccccc solid;  word-break:break-all;}
.grid_td_right_stat { text-align:right; padding:0 7px 0 0; height:22px; border:1px #cccccc solid;  word-break:break-all;}

.grid_td_tot_red {
    text-align: center;
    padding: 3px;
    border: 1px #cccccc solid;
    font-size: 14px;
    font-weight: bold;
    color: red;
}
.grid_td_tot_blue {
    text-align: center;
    padding: 3px;
    border: 1px #cccccc solid;
    font-size: 14px;
    font-weight: bold;
    color: blue;
}


.grid_td_tot_red_right {
    text-align: right;
    padding-right: 5px;
    border: 1px #cccccc solid;
    font-size: 12px;
    font-weight: bold;
    color: red;
}

.grid_td_tot_blue_right {
    text-align: right;
    padding-right: 5px;
    border: 1px #cccccc solid;
    font-size: 12px;
    font-weight: bold;
    color: blue;
}

.grid_td_center_NH { text-align:center; padding:3px; border:1px #cccccc solid; }
.grid_td_center_None { text-align:center; padding:3px;  }
.grid_td_left_None { text-align:left; padding:3px;  }

.grid_td_center_Bot { text-align:center; padding:3px; border-bottom:1px #bbbbbb solid; }
.grid_td_left_Bot { text-align:left; padding:3px; border-bottom:1px #bbbbbb solid; }
.txtLink { cursor:pointer; text-decoration:underline; }
.cp { cursor:pointer; }

.GotoPage_Now, .GotoPage_Next
	{ font-weight: bold; padding: 1px 2px 3px 2px; }
.GotoPage_Now	{ color : #000000; font-size:12pt; }
.GotoPage_Next	{ color : #555555; font-size:10pt; }

.view_td_center_color { text-align:center; padding:1px; height:28px; border:1px #cccccc solid; background-color:#eeeeee; }
.view_td_left { text-align:left; padding:0 0 0 5px; height:28px; border:1px #cccccc solid; }

.etc_td_header {
    text-align: center;
    background-color: #f1db88;
    border: 1px #c3b378 solid;
    font-weight: bold;
    padding: 5px 15px 5px 15px;    
}

.etc_td_content {
    text-align: center;
    background-color: #f7eecd;
    border: 1px #c3b378 solid;
    font-weight: normal;
    padding: 5px 15px 5px 15px;
}


/* Button 요소 */
.btnB_Blue, .btnB_Red, .btnB_Nam, .btnB_Green, .btnB_Silver
	{ display:inline-block;
	   border-radius:3px;
	   font-size:16px;
	   font-weight:bold; 
	   height:30px;
	   line-height:15px;
	   padding: 5px 10px 5px 10px;
	   text-align:center;
	   text-decoration:none;
	   border:none;
	   cursor:pointer;}

.btnM_Blue, .btnM_Red, .btnM_Nam, .btnM_Green, .btnM_Silver
	{ display:inline-block;
	   border-radius:3px;
	   font-size:14px;
	   font-weight:bold; 
	   height:26px;
	   line-height:15px;
	   
	   text-align:center;
	   text-decoration:none;
	   border:none;
	   cursor:pointer;}
	   	   
.btnS_Blue, .btnS_Red, .btnS_Nam, .btnS_Green, .btnS_Silver
	{ display:inline-block;
	   border-radius:2px;  
	   font-size:12px;
	   font-weight:bold; 
	   height:26px;
	   padding: 1px 5px 1px 5px;
	   text-align:center;
	   text-decoration:none;
	   border:none;
	   cursor:pointer;
	   font-weight:normal; }
		
.btnS_Blue, .btnM_Blue, .btnB_Blue { background-color:#346bc6; color:#ffffff;  }
.btnS_Red, .btnM_Red, .btnB_Red  { background-color:#C82626; color:#ffffff;  }
.btnS_Nam, .btnM_Nam, .btnB_Nam  { background-color:#566589; color:#ffffff;  }
.btnS_Green, .btnM_Green, .btnB_Green  { background-color:#229928; color:#ffffff;  }
.btnS_Silver, .btnM_Silver, .btnB_Silver  { background-color:#777777; color:#ffffff;  }

.btnB_index_Login
	{ display:inline-block;
	   border-radius:3px;  
	   font-size:15px;
	   font-weight:bold; 
	   height:60px;
	   width:60px;
	   line-height:13px;
	   padding: 5px 5px 5px 5px;
	   text-align:center;
	   text-decoration:none;
	   cursor:pointer;
	   font-weight:normal; 
	   background-color:#555555;
	   color:#ffffff;
	   border:1px #aaaaaa solid; }
	   
.btnB_index_Logout
	{ display:inline-block;
	   border-radius:3px;  
	   font-size:12px;
	   font-weight:bold; 
	   height:45px;
	   width:60px;
	   line-height:13px;
	   padding: 5px 5px 5px 5px;
	   text-align:center;
	   text-decoration:none;	   
	   cursor:pointer;
	   font-weight:normal; 
	   background-color:#999999;
	   color:#ffffff;
	   border:2px #bbbbbb solid; }
	   

.li_style1 { color:#555555; padding:0 3px 3px 0; list-style:disc; }
.frm_dropdown	{ height:28px;margin-right:5px;padding-left:2px;border:1px solid #bbbbbb;border-radius:3px;font-size:14px;}
.frm_dropdown_filter { height:28px; padding-left:2px; border:1px solid #bbbbbb; border-radius:3px; font-size:14px; }
.frm_input		{height:26px;margin-right:5px;padding-left:5px;border:1px solid #bbbbbb;border-radius:3px;font-size:14px;}
.frm_input2	{height:24px;margin-right:5px;padding-left:5px;border:1px solid #bbbbbb;border-radius:3px;font-size:14px;}
.frm_input_M	{height:24px;padding-left:3px; border:1px solid #bbbbbb; border-radius:3px; font-size:14px;}
.frm_input_Cal	{height:24px;padding:2px; border:1px solid #bbbbbb; border-radius:3px; font-size:12px; text-align:center; cursor:pointer;width:70px; }
.frm_amount { width:120px; background-color:#dddddd; font-size:16px; font-weight:bold; text-align:right; padding-right:5px;}

.frm_input_readonly {height:24px;padding-left:10px;border:1px solid #bbbbbb;border-radius:3px;font-size:14px; background-color:#dddddd; }
.frm_readonly_amt {text-align:right; height:24px;margin-right:5px; padding-right:5px; border:1px solid #ccc; border-radius:3px; letter-spacing:0;
						font-size:15px; width:150px; background-color:#eeeeee; }
						
.con_title {color:#111; margin-left:20px; padding:10px 0 0 5px; font-size:16px; font-weight:bold;}
.con_box {width:800px; font-size:15px;  background-color:#f7f7f7; 
				margin:1% 2%; padding:10px; box-sizing: border-box; overflow:hidden; border-radius:3px;}


.div_Toggole_A {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
}

.div_Toggole_B {
    position: absolute;    
    overflow-y: scroll;
    background: #808080;
    left: 50%;    
    top: 50%;   
    padding:10px;
}

.common_btn {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    background-color: #2196f3;
    border: 1px solid #2196f3;
    color: #fff;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    padding: 0 10px;
}
.common_btn:hover {
        background-color: #fff;
        color: #2196f3
    }


.tbox_div { text-align: left; padding: 5px 0 5px 20px; }
.tbox_span {margin-right: 5px; margin-left: 5px; font-weight: bold; color: red;}
.tbox_text { width: 500px; }