/*
  Css Name :com.css
  Description :공통 CSS
  Modification Information

      수정일                 수정자          수정내용
   ----------    --------  ---------------------------
   2016.06.08    서민영          최초 생성
   2018.06.01    유현우          공통컴포넌트 3.8 개선

    author   :공통컴포넌트 개발팀 서민영
    since    :2016.06.08
*/
@charset "utf-8";

/* Base Style *****************************/
* { margin:0; padding:0; border:0; }
/* body { overflow-y:auto; } */
body{ 
	/*margin-top:20px;*/ 
/* 	margin-left:10px; */
/* 	padding-top:0px; */
/* 	padding-left:0px; */
	padding: 0 10px; 
	margin-bottom:0;
	font-family:'Noto Sans KR', '돋움','굴림', 'Arial', 'AppleGothic', 'sans-serif'; 
	font-size:12px;
}
td {font-family: "Noto Sans KR"; font-size: 9pt; color:#595959; font-weight:normal;}
th {font-family: "Noto Sans KR"; font-size: 9pt; color:#000000; font-weight:normal;}
h1 {font-size:12px;}
caption {visibility:hidden; font-size:0; height:0; margin:0; padding:0; line-height:0;}
img { border : 0; }
table { margin : 0; padding : 0; }
.t_strong { font-weight : bold; }

div,table,em,h1,h2,h3,h4,h5,h6,form,fieldset,p,th,td,input,textarea,select,button { 
	font-family:'Noto Sans KR', '돋움','굴림', 'Arial', 'AppleGothic', 'sans-serif'; font-size:12px; color:#666; }
div .zeta_search {text-align:right;}

fieldset, img { border:0; }
textarea { width:100%; resize:none; }
img, label { vertical-align:middle; }
ul, ol { list-style :none; } 
caption span, .hide, legend { position:absolute; left:-1000%; top:0; }
table { border-collapse:collapse; border-spacing:0; }
a { color:#666; text-decoration:none; }
a:hover { color:#000; text-decoration:none; }
a, button, input[type="button"] { cursor:pointer; }
textarea,
input[type="file"],
input[type="password"],
input[type="text"] {border:1px solid #d2d2d2; color:#727272; } 
textarea[readonly="readonly"],
button[readonly="readonly"],
select[readonly="readonly"],
input[readonly="readonly"],
textarea[disabled="disabled"],
button[disabled="disabled"],
select[disabled="disabled"],
select:disabled,
input[disabled="disabled"] { color:#999; background:#f7f7f7; }
input[type="password"],
input[type="file"],
input[type="text"] { /*height:15px; vertical-align:middle; */ }
input[type="file"] { width:100%; }
input[type="radio"] { vertical-align:text-bottom; }

.vam { vertical-align:middle !important; }
.ml10 { margin-left:10px !important; }
.mr10 { margin-right:10px !important; }
.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }
.mt20 { margin-top:20px !important; }

:root{
	--main-color : ;	
	--main-color-border : ;	
	--main-color-light : ;	
}

/* box Style *****************************/
.boxType1 { position:relative; border:4px solid #ececec; background:#f7f7f7; }
.boxType1 .box { background:#fff; margin:4px; }
.boxType1 .box .error { padding:25px 0 25px 190px; min-height:50px; background:url('../images/bul_i.jpg') 30px 50% no-repeat; }
.boxType1 .box .error p.title { color:#DB6415; font-size:16px; line-height:21px; font-weight:bold; margin-bottom:10px; }
.boxType1 .box .error p.cont { line-height:18px; }

.boxType2 { position:relative; border:4px solid #f1f1f1; background:#f7f7f7; }


/* button Style *****************************/
.btn_style1 { display:inline-block; padding:6px 12px; border-radius:1px; }
.btn_style1 a { color:#fff; font-size:13px; font-weight:bold; }
.btn_style1 a:hover { opacity:0.6; }
.btn_style2 { display:inline-block; padding:4px 10px; border:1px solid #d2d2d2; color:#333; font-size:11px; background:#f4f4f4; border-radius:1px; }
.btn_style3 { display:inline-block; padding:5px 8px; background:#3d70b6; border-radius:1px; color:#fff; font-size:11px;}
.btn_style3c { padding:5px 8px; background:#3d70b6; border-radius:1px; color:#fff; font-size:11px; cursor:pointer;}
.btn_style4 { padding:5px 11px; }

.btn_right { float:right; }
.blue { background:#3d70b6; }
.gray { background:#9e9e9e; }


/* input Style *****************************/
.input2 { height:21px !important; padding-left:5px; margin-right:3px; }



/* select Style *****************************/
.select2 { padding:2px 3px 3px 4px; border:1px solid #d2d2d2; }


/* textarea Style *****************************/
.textarea2 { padding:4px 0 0 6px; }
.textarea3 { padding:4px 0 0 6px; background:#f7f7f7; }

/* file Style *****************************/
.file_add { margin-top:6px; width:100%; border:0px solid #666;}
.file_add a { display:inline-block; width:13px; height:18px; background:url('../../../images/egovframework/com/cmm/btn/btn_del.png') 1px 2px no-repeat; text-indent:-10000em; }
.file_input_textbox { 	float:left; color:#666; border:1px solid #cfcfcf !important; padding-left:5px; margin-right:4px; }
.file_input_div { position:relative; width:66px; height:23px; overflow:hidden; }
.file_input_button { position:absolute; width:66px; height:23px; background:#3d70b6; border-radius:1px; font-size:11px; color:#fff; border:none;  }
.file_input_hidden { position:absolute; font-size:45px; right:0; top:0; opacity:0; cursor:pointer; 
	filter:alpha(opacity=0);	
	-ms-filter:"alpha(opacity=0)";
	-khtml-opacity:0;
	-moz-opacity:0;
}

.cursor {cursor:pointer;}
/*.error  {color :#ff0000;} */

/* Popup Layout *********************************/
.popup { position:relative; }
.popup h1 { float:left; color:#333; font-size:16px; font-weight:600; margin:18px 0 10px; }
.pop_search_box { float:right; display:inline; margin:15px 6px 0 0; }
.pop_search_box ul li { float:left; margin-left:5px; }
.pop_search_box select { padding:2px 3px 3px 4px; border:1px solid #d2d2d2; }
.pop_search_box input.s_input { width:140px; padding-left:5px; margin-right:3px; }
.pop_search_box input.s_btn { height:24px; padding:0 10px; margin:0 0 0 0;border:none; color:#fff; background:#3d70b6; border-radius:2px; cursor:pointer; }
.pop_search_box input.s_btn:hover { opacity:0.6; }

.pop_board_list { width:100%; border-top:2px solid #0c4ca4; }
.pop_board_list caption { display:none; }
.pop_board_list thead th,
.pop_board_list tbody th { color:#222 ; font-weight:bold; background:#f4f4f4; padding:12px 0; border-bottom:1px solid #e6e6e6; }
.pop_board_list tbody th { text-align:left; padding-left:14px; }
.pop_board_list tbody th.vtop { vertical-align:top; }
.pop_board_list tbody th .ic_chk { background:url('../images/tbl_check.png') left 3px no-repeat; padding-left:14px; }
.pop_board_list tbody th span.pilsu { color:#d0270b; font-weight:500; margin-left:3px; }
.pop_board_list tbody td { text-align:center; padding:11px 5px; border-bottom:1px solid #e6e6e6; }
.pop_board_list tbody td.left { text-align:left; padding-left:8px; }
.pop_board_list tbody td.cnt { text-align:left; padding:12px 10px 20px; line-height:160%; }
.pop_board_list tbody td.nopd { text-align:left; padding:0; border-left:1px solid #fff; }
.pop_board_list tbody td input.bbs_Nm { width:99%; }
.pop_board_list tbody td input.tmp { width:160px; }
.pop_board_list tbody td textarea { width:99%; height:100px; }
.pop_board_list tbody td textarea.txt { width:97%; height:300px; margin:6px 8px; }
.pop_board_list tbody td textarea.re_txt { float:left; width:80%; }
.pop_board_list tbody td a.re_btn { float:right; padding:43px 31px; margin:1px 2px 0 0; font-size:12px; font-weight:600; }
.pop_board_list tbody td select { padding:2px 0 3px 2px; border:1px solid #dedede; }
.pop_board_list tbody td img { margin-left:7px; }

.popwTable { width:100%; border-top:2px solid #0c4ca4; }
.popwTable caption { display:none; }
.popwTable thead th,
.popwTable tbody th { color:#222 ; font-size:13px; font-weight:400; background:#f4f4f4; padding:12px 0; border-bottom:1px solid #d9d9d9; }
.popwTable tbody tr.odd {  }
.popwTable tbody.ov tr:hover { background:#f9f9f9; }
.popwTable tbody th { text-align:left; padding-left:14px; }
.popwTable tbody th.vtop { vertical-align:top; }
.popwTable tbody th span.pilsu { color:#d0270b; font-weight:500; margin-left:3px; }
.popwTable tbody td { text-align:center; padding:11px 5px; border-bottom:1px solid #d9d9d9; }
.popwTable tbody td.left { text-align:left; padding:6px 8px; }
.popwTable tbody td.left div .error  {color :#ff0000;}
.popwTable tbody td.cnt { text-align:left; padding:12px 10px 20px; line-height:160%; }
.popwTable tbody td.nopd { text-align:left;}
.popwTable tbody td.nopd div .error  {color :#ff0000; margin:0px 0px 0px 10px;}
.popwTable tbody td.bold { text-align:left; font-size:14px; font-weight :bold;}
.popwTable tbody td a:hover { text-decoration:underline; }
.popwTable tbody td input { width:99%; }
.popwTable tbody td input.tmp { width:160px; }
.popwTable tbody td textarea { width:99%; height:50px; }
.popwTable tbody td textarea.txt { width:96%; height:50px; margin:8px; padding:5px; }
.popwTable tbody td textarea.re_txt { float:left; width:80%; }
.popwTable tbody td a.re_btn { float:right; padding:43px 30px; margin:1px 0 0 0; font-size:12px; font-weight:600; }
.popwTable tbody td a.re_btn:hover { text-decoration:none; }
.popwTable tbody td select { padding:2px 0 3px 2px; border:1px solid #dedede; }
.popwTable tbody td img { margin-left:7px; }

/* .board {position:relative; width:730px; padding-top:20px; } */
.board {position:relative; padding-top:20px; }
.board h1, 
.board h2 {/*float:left;*/ color:#333; font-size:16px; font-weight:600; }
.board h1 {margin-bottom:7px; padding:0 0 1px 25px; background:url(../../../images/egovframework/com/cmm/icon/tit_icon.png) no-repeat left 0px; }
.board h2 { margin:15px 0 10px 0; }
.board h3 { color:#333;  font-size:14px; font-weight:600; margin:50px 0 10px 0; }
.board h3 b { color:#2277d7; }
.search_box {/* float:right;*/ position:relative; margin-bottom:7px; padding:13px 10px; border:1px solid #b1bbcb; background:#eef3fb; }
.search_box ul {font-size:0; text-align:right; }
.search_box ul li {/* float:left;*/display:inline-block; margin-left:5px; font-size:11px; vertical-align:top; }
.search_box ul li img { margin-left:7px; }
.search_box ul li > div {color:#194e73; font-weight:bold; vertical-align:top; }
.search_box ul li > label {display:inline-block; height:24px; color:#194e73; font-size:12px; font-weight:bold; line-height:24px; }
.search_box ul li > input[type=text] {height:22px; } 
.search_box select {height:24px; /*padding:3px 3px 3px 4px;*/ border:1px solid #dedede; }
.search_box input.s_input {width:140px; height:22px; margin-right:3px; padding-left:5px; }
.search_box input.s_input2 {width:140px; height:22px; margin-right:3px; padding-left:5px; }
.search_box input.s_btn { height:24px; padding:0 8px; border:none; color:#fff; background:var(--main-color); border-radius:2px; cursor:pointer; }
.search_box input.s_btn:hover { background:#7dabdf; }

.search_box span.s_btn { display:inline-block; vertical-align:top; height:13px; font-size:12px; padding:6px 12px 5px 12px; background:var(--main-color); border-radius:2px; cursor:pointer; }
.search_box span.s_btn:hover { background:#7dabdf;}
.search_box span.s_btn a { color:#fff;  }

.search_box span.btn_b { display:inline-block; vertical-align:top; height:13px; font-size:12px; padding:3px 0 8px 0; background:var(--main-color); border-radius:2px; cursor:pointer; }
.search_box span.btn_b:hover { background:#7dabdf;}
.search_box span.btn_b a { vertical-align:text-top; color:#fff; display:block; line-height:19px; padding:0 8px;}

.search_box .con {display:inline-block; width:40%; margin-bottom:2px; }
.search_box .con.full {display:inline-block; width:80%; margin-bottom:2px; }
.search_box .con label {display:inline-block; width:70px; height:24px; color:#194e73; font-size:12px; font-weight:bold; line-height:24px; }
.search_box .con input[type=text] {height:22px; }
.search_box .bt_a {position:absolute; right:10px; top:13px; }	

.noScriptTitle {
font-size :17px;
color :blue;
text-align :center;
font-family:'Noto Sans KR', '돋움','굴림', 'Arial', 'AppleGothic', 'sans-serif'; 
font-weight :bold;
padding-bottom :12px;
}

.TopMenuBg {
background-image : url('../../../../images/egovframework/com/menu_bg.jpg');
background-repeat : no-repeat;
}
.LeftMenuTitle {
font-size : 14px;
color : #fff;
text-align : center;
font-family : "Noto Sans KR";
font-weight : bold;
padding-top : 20px;
padding-bottom : 3px;
}
.LeftMenuWelcome {
font-size : 12px;
color : #e6e6e6;
text-align : center;
font-family : "Noto Sans KR";
padding-top : 6px;
}
.LeftMenuBg {
font-size : 12px;
color : #7f9db9;
text-align : left;
font-family : "Noto Sans KR";
font-weight : bold;
padding-top : 3px;
padding-left : 50px;
background-image : url('../../../../images/egovframework/com/left_menu_bg.gif');
}
.LeftMenuBtn {
text-align : center;
padding-top : 5px;
padding-bottom : 5px;
}
.LeftMenuBgList {
font-size : 12px;
color : #fff;
text-align : left;
font-family : "Noto Sans KR";
padding-top : 3px;
padding-left : 60px;
background-image : url('../../../../images/egovframework/com/left_bg.gif');
}
.QuickLink {
font-size : 11px;
color : #7794be;
text-align : right;
font-family : "Noto Sans KR";
padding-top : 3px;
}
.PageTitle {
color : #000000;
text-align : left;
font-family : "Noto Sans KR";
font-weight : bold;
padding-left : 45px;
background-image : url('../../../../images/egovframework/com/page_title.gif');
}
.PageNumber {
text-align : center;
font-family : "Noto Sans KR";
}
.checkbox {
background-color : #fff;
}
.BottomStyle {
font-size : 11px;
color : #999999;
font-family : dotum;
}
.LoginIdText {
margin-top : 80px;
margin-left : 400px;
font-size : 12px;
font-family : dotum;
width : 190px;
}
.LoginPassText {
margin-left : 400px;
font-size : 12px;
font-family : dotum;
width : 180px;
}
.LoginJoinBtn {
margin-top : 5px;
margin-left : 400px;
font-size : 12px;
font-family : dotum;
width : 180px;
}

/* -----------------TopMenuBg------------ */
.TopMenuBg { font-size: 12px; color: #888888 ;  font-family: "Noto Sans KR"}
.TopMenuBg  a:link { font-size: 12px; color: #888888;  font-family: "Noto Sans KR"}
.TopMenuBg  a:visited { font-size: 12px; color: #888888 ; font-family: "Noto Sans KR"}
.TopMenuBg  a:hover { font-size: 12px; color: #4791a5 ;  font-family: "Noto Sans KR"; font-weight:bold}
.TopMenuBg  a:active { font-size: 12px; color: #86cd00 ; font-family: "Noto Sans KR"; font-weight:bold}
/* -----------------LeftMenuBgList------------ */
.LeftMenuBgList { font-size: 12px; color: #fff ;  font-family: "Noto Sans KR"}
.LeftMenuBgList  a:link { font-size: 12px; color: #fff;  font-family: "Noto Sans KR"}
.LeftMenuBgList  a:visited { font-size: 12px; color: #fff ; font-family: "Noto Sans KR"}
.LeftMenuBgList  a:hover { font-size: 12px; color: #fff ;  font-family: "Noto Sans KR"; font-weight:bold}
.LeftMenuBgList  a:active { font-size: 12px; color: #fff ; font-family: "Noto Sans KR"; font-weight:bold}
/* -----------------LeftMenuBg------------ */
.LeftMenuBg { font-size: 12px; color: #8594a8 ;  font-family: "Noto Sans KR"}
.LeftMenuBg  a:link { font-size: 12px; color: #8594a8;  font-family: "Noto Sans KR"}
.LeftMenuBg  a:visited { font-size: 12px; color: #8594a8 ; font-family: "Noto Sans KR"}
.LeftMenuBg  a:hover { font-size: 12px; color: #445b7b ;  font-family: "Noto Sans KR"; font-weight:bold}
.LeftMenuBg  a:active { font-size: 12px; color: #445b7b ; font-family: "Noto Sans KR"; font-weight:bold}
/* -----------------QuickLink------------ */
.QuickLink { font-size: 11px; color: #7794be ;  font-family: "Noto Sans KR" }
.QuickLink  a:link { font-size: 11px; color: #7794be;  font-family: "Noto Sans KR" }
.QuickLink  a:visited { font-size: 11px; color: #5877a4 ; font-family: "Noto Sans KR" }
.QuickLink  a:hover { font-size: 11px; color: #5877a4 ;  font-family: "Noto Sans KR"; font-weight:bold}
.QuickLink  a:active { font-size: 11px; color: #5877a4 ; font-family: "Noto Sans KR"; font-weight:bold}
/* board_list */
.table_listA    {margin-top:20px; margin-left:8px; padding:0 3px 0 3px; height:30px; font:11px Dotum; color:#626262;}
.table_listA    th  {margin-top:10px; height:40px; font:11px Dotum; font-weight:bold; color:#4f657d; background:url('../../../../images/egovframework/com/bg_list_th.gif')}
.table_listA    tbody {height:35px; font:11px Dotum; color:#828282;}
/* -----------------board_list------------ */
.table_listA  a:link { font-size: 11px; color: #828282;  font-family: "Noto Sans KR"; text-decoration:none}
.table_listA  a:visited { font-size: 11px; color: #828282 ; font-family: "Noto Sans KR"; text-decoration:none}
.table_listA  a:hover { font-size: 11px; color: #a7a7a7 ;  font-family: "Noto Sans KR"; text-decoration:none}
.table_listA  a:active { font-size: 11px; color: #828282 ; font-family: "Noto Sans KR"; text-decoration:none}
/* Black 텍스트 Hyperlink Style */
A:link { font-size:9pt; font-family:Noto Sans KR;color:#000000; text-decoration:none; }
A:visited { font-size:9pt; font-family:Noto Sans KR;color:#000000; text-decoration:none; }
A:active { font-size:9pt; font-family:Noto Sans KR;color:red; text-decoration:none; }
A:hover { font-size:9pt; font-family:Noto Sans KR;color:red;text-decoration:none;}
/* Gray 텍스트 Hyperlink Style */
A.gr:link { font-size:9pt; font-family:Noto Sans KR;color:#58595B; text-decoration:none; }
A.gr:visited { font-size:9pt; font-family:Noto Sans KR;color:#58595B; text-decoration:none; }
A.gr:active { font-size:9pt; font-family:Noto Sans KR;color:red; text-decoration:none; }
A.gr:hover { font-size:9pt; font-family:Noto Sans KR;color:red ;text-decoration:none;}
/* Black 텍스트 Hyperlink Style_언더라인 */
A.underline:link { font-size:9pt; font-family:Noto Sans KR;color:#000000; text-decoration:underline; }
A.underline:visited { font-size:9pt; font-family:Noto Sans KR;color:#000000; text-decoration:underline; }
A.underline:active { font-size:9pt; font-family:Noto Sans KR;color:red; text-decoration:underline; }
A.underline:hover { font-size:9pt; font-family:Noto Sans KR;color:red;text-decoration:underline;}
/* 링크 점선 제거 */
a {selector-dummy: expression(this.hideFocus=true);}
/* 스크롤 & margin */
body {
    scrollbar-face-color: #F6F6F6;
    scrollbar-highlight-color: #bbbbbb;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-shadow-color: #bbbbbb;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #bbbbbb;
    margin-left:"23px"; margin-right:"0px"; margin-top:"17px"; margin-bottom:"0px";
}
/*  흰색배경 inputbox  */
 textarea, input, select {
    padding-left:2px color:#555555; border:1px solid #d2d2d2;
    font-family: "Noto Sans KR"; font-size: 9pt; color:#595959;
 }
/*list_text*/
.lt_text { font-size:9pt; color:#000000; font-family:"Noto Sans KR, Arial"; height:24px; text-align:left; vertical-align:middle; padding-left:10px; padding-right:10px;}
.lt_text2 { font-size:9pt; color:#444444; font-family:"Noto Sans KR, Arial"; height:30px; text-align:left; vertical-align:middle; padding-left:10px; padding-right:10px; font-weight: bold;}
.lt_text3 { font-size:9pt; color:#000000; font-family:"Noto Sans KR, Arial"; height:24px; text-align:center; vertical-align:middle;}
.lt_text3_left { font-size:9pt; color:#000000; font-family:"Noto Sans KR, Arial"; height:24px; text-align:left; vertical-align:middle;}
.lt_text3_right { font-size:9pt; color:#000000; font-family:"Noto Sans KR, Arial"; height:24px; text-align:right; vertical-align:middle;}
.lt_text4 { font-size:9pt; color:#000000; font-family:"Noto Sans KR, Arial"; text-align:center; vertical-align:middle;}
.lt_text5 { font-size:9pt; color:#000000; font-family:"Noto Sans KR, Arial"; height:24px; text-align:left; vertical-align:top; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;}
.button {
    border-style : none;
    background-color : transparent;
    font-size : 12px;
}
  /*------------------------------- textarea ------------------------------------------------*/
textarea { color : #000000; border-color : #d2d2d2; border-style : solid; }
 /*  콤보박스에 테두리선 빼기  */
input.cb {background-color:transparent;border:0x;}
/*  금액_흰색바탕_우측정열 inputbox  */
.input-r{border:1px solid #9BBED2; text-align:right;}
/* 멀티그리드의 border style */
  multilinegrid:data
  { border-style:solid;
    focus-rect:visible;
     border-color:#C2CCD7;
     border-left-style:none;
     border-top-style:none; }
/* 멀티그리드의 데이타 영역 */
  multilinegrid:fixed
  { border-style:solid;
     border-left-color:#E4EFF8;
     border-top-color:#E4EFF8;
     border-right-color:#C2CCD7;
     border-bottom-color:#C2CCD7;
     background-color:#E4EFF8; }
/* 멀티그리드의 상단 caption 영역 */
  multilinegrid
  {  width:780px;
  border-color:#9F9F9F!important;
  border-style:solid!important;
  focuscolor:#D6E2EC;
  backcoloralternate:#F2F2F2;
  vscroll.margin-top:23;}
  select   { color:#000000; padding-left:2; border-color:#9CBED3; border-style:solid; width: 98%; margin: 0 auto;}
  select1  { color:#000000; padding-left:2; border-color:#9CBED3; border-style:solid; }
 .select12 { color:#000000; padding-left:2; border-color:#9CBED3; border-style:solid; }
 select1[appearance="full"]
 { color:#000000; padding-left:2; border-color:#9CBED3; border-style:solid;}
 select[appearance="full"]
 { color:#000000; padding-left:2; border-color:#9CBED3; border-style:solid;}
 .check2
  { color:#000000;
     padding-left:2;
     border-color:#9CBED3;
     background-color:transparent!important;
     border-style:none !important;}
 .radio2
  { color:#000000;
     padding-left:2;
     border-color:#9CBED3;
     background-color:#EAEAEA!important;
     border-style:none !important;}
/*페이징관련 버튼*/
 .group_pagenav
{ vertical-align:middle;
   focus-rect:visible;
   background-color:transparent!important;
   border-style:none; }
 .page_prevend
 { width:13px; height:13px; top:3px;
    focus-rect:visible;
    background-color:transparent;
    background-image:url(../../../../images/egovframework/com/cmm/icon/icon_prevend.gif);
    border-style:none; }
 .page_prev
 { width:13px; height:13px;  top:3px;
    focus-rect:visible;
    background-color:transparent;
    background-image:url(../../../../images/egovframework/com/cmm/icon/icon_prev.gif);
    border-style:none; }
 .page_nextend
 { width:13px; height:13px; top:3px;
    focus-rect:visible;
    background-color:transparent;
    background-image:url(../../../../images/egovframework/com/cmm/icon/icon_nextend.gif);
    border-style:none; }
 .page_next
 { width:13px; height:13px; top:3px;
    focus-rect:visible;
    background-color:transparent;
    background-image:url(../../../../images/egovframework/com/cmm/icon/icon_next.gif);
    border-style:none; }
  .page_no
 { width:30px; height:13px!important; top:3px;
    focus-rect:visible;
    text-align:center;
    background-color:transparent;
    border-style:none; }
 .page_sep
 { width:13px; height:13px!important; top:3px;
    focus-rect:visible;
    text-align:center;
    background-color:transparent;
    border-style:none; }
  .group_pagenav>caption
  {vertical-align:top!important;
     focus-rect:visible;
    background-color:transparent!important;
    border-style:none!important;
    padding-left:2px!important;
    padding-top:1px!important;
    text-align:left!important;}
/****************************************** 텍스트   ************************************************************/
/* 로케이션_텍스트 */
.location{ font-family:"Noto Sans KR"; font-size:8pt; color:#6d6d6d ;padding-top:1px; padding-left:3px;
           vertical-align: middle}
/* 타이틀_볼드 */
.title{ font-family:"Noto Sans KR"; font-size:9pt; color:#000000 ;
        font-weight: bold ; vertical-align: middle}
/* 타이틀_볼드_좌측정렬 */
.title_left{ font-size:18px; color:#000000 ;
        font-weight: bold ; vertical-align: middle; text-align:left;padding:40px 0 10px 0 ;}
.title_right{ font-size:18px; color:#000000 ;
        font-weight: bold ; vertical-align: middle; text-align:right;padding:40px 0 10px 0 ;}
/* 팝업_타이틀_볼드 */
.title_wh{ font-family:"Noto Sans KR"; font-size:9pt; color:#ffffff ;
           font-weight: bold ; vertical-align: middle}
/* 버튼메뉴_타이틀_화이트_볼드 */
.title_wh_b{ font-family:"Noto Sans KR"; font-size:9pt; color:#ffffff ;
           font-weight: bold ; vertical-align: middle}
/* 필수 입력 항목 캡션 */
.required_text { font-family:"Noto Sans KR"; font-size:9pt; color:#2E4B90 ;
           font-weight: bold ; padding-right:3; text-align: right ; vertical-align: middle}
.text1{color:#FF8903; }
.text2{color:#A2A2A2; }
/****************************************** 테이블 & 텍스트   ************************************************************/
/* 생략  처리용 */
.table-list{BORDER-TOP: #1A90D8 2px solid; BORDER-bottom: #BABABA 1px solid; border-collapse: collapse; table-layout:fixed; }
  .table-list th{BORDER-bottom: #A3A3A3 1px solid; padding-left:2;padding-right:2;background-color: #E4EAF8; height:20px;}
  .table-list td{BORDER-bottom: #E0E0E0 1px solid; padding-left:2;padding-right:2;background-color: #F7F7F7; height:20px; word-break:break-all; white-space: -moz-pre-wrap; overflow:hidden; text-overflow:ellipsis; }
/* readonly 처리 */
*[readonly] {background-color:#f7f7f7;}
.readOnlyClass {background-color:#EEF1F7;}
.textarea_only { color : #000000; border-color : #EEF1F7; border-style : solid; }
/* 등록 테이블 */
.table-register{BORDER-TOP: #D2D4D1 1px solid;BORDER-bottom: #D2D4D1 1px solid;BORDER-left: #D2D4D1 1px solid;BORDER-right: #D2D4D1 1px solid; border-collapse: collapse;}
  .table-register th{ padding-left:2;padding-right:5;background-color: #E4EAF8; Text-align: right ;}
  .table-register td{ padding-left:2;padding-right:5;background-color: #F7F7F7;}
/* 조회 테이블 */
.table-search{border-collapse: collapse; border:0;}
  .table-search th{ padding-left:2;padding-right:2; Text-align: center ; }
  .table-search td{ padding-left:2;padding-right:2; vertical-align:middle}
  .table-search td img { vertical-align:middle}
/* 투명 테이블 */
.table-trans  {BORDER-LEFT: 0px solid;BORDER-RIGHT:0px solid; BORDER-BOTTOM:0px solid; BORDER-TOP:0px solid; border-collapse:collapse;}
.table-trans td{border:0px solid;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;border:0px solid;border-collapse: collapse;}
.divDotText {overflow : hidden;}
.error      {color : #ff0000;}
.txaClass   {width : 95%;}
.txaIpt     {width : 95%;}
.txaIpt_num     {width : 95%; text-align: right;}
.txaIpt_fix     {width : 95%; background-color : gainsboro;}
.txaIpt_fix_num     {width : 95%; background-color : gainsboro; text-align: right;}
.txaIpt60   {width : 60px;}
/* 버튼 이미지 */
.btnBackground {background-image : url('../../../../images/egovframework/com/cmm/button/bu2_bg.gif');}
.btnNew {
border : 0 solid #000;
color : #000000;
background-image : url(../../../../images/egovframework/com/cmm/btn/bu2_bg.gif);
cursor : pointer;
}
/* 팝업 영역 */
.popCmmn {
  z-index:1;
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.popBg {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.7);
}
.popInnerBox {
  display:flex;
  justify-content:space-between;
  flex-direction:column;
  position:absolute;
  top:50%;
  left:50%;
  width:400px;
  height:250px;
  margin:-125px 0 0 -200px;
  text-align:center;
  background:#fff;
  border-radius:5px;
}
.popBody {
  padding:10px;
  box-sizing:border-box;
  font-size:14px;
  overflow-y:auto;
}
.popCloseBtnCmmn {
  cursor:pointer;
  width:30%;
  margin:10px;
  padding:10px;
  font-size:16px;
  background:#999;
  color:#fff;
  transition:all 0.3s;
  border:0;  
}
.popCloseBtnCmmn:hover {
  background:#666;
}

/* table style */
.board_list {width:100%; table-layout:fixed; border-top:2px solid var(--main-color); }
.board_list caption { display:none; }
.board_list thead th,
.board_list tbody th { color:#222 ; font-size:13px; font-weight:400; background:#f4f4f4; padding:12px 0; border-bottom:1px solid #d9d9d9; }
.board_list tbody tr.odd {  }
.board_list tbody.ov tr:hover { background:#f9f9f9; }
.board_list tbody th { text-align:left; padding-left:14px; }
.board_list tbody th.vtop { vertical-align:top; }
.board_list tbody th span.pilsu { color:#d0270b; font-weight:500; margin-left:3px; }
.board_list tbody td { text-align:center; padding:11px 5px; border-bottom:1px solid #d9d9d9; 
							word-break:break-all; white-space:-moz-pre-wrap; overflow:hidden; text-overflow:ellipsis;}
.board_list tbody td.left { text-align:left; padding:6px 8px; }
.board_list tbody td.leftElli { text-align:left; padding:6px 8px; 
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
white-space:nowrap;
width:100%;
}
.board_list tbody td.cnt { text-align:left; padding:12px 10px 20px; line-height:160%; }
.board_list tbody td.nopd { text-align:left;}
.board_list tbody td.bold { text-align:left; font-size:14px; font-weight :bold;}
.board_list tbody td a:hover { text-decoration:underline; }
.board_list tbody td input.bbs_Nm { width:99%; }
.board_list tbody td input.link {color:#666; }
.board_list tbody td input.tmp { width:160px; }
.board_list tbody td textarea { width:99%; height:50px; }
.board_list tbody td textarea.txt { width:96%; height:300px; margin:8px; padding:5px; }
.board_list tbody td textarea.re_txt { width:470px; float:left; margin-right:8px; height:96px;  }
.board_list tbody td a.re_btn { float:right; padding:43px 30px; margin:1px 0 0 0; font-size:12px; font-weight:600; }
.board_list tbody td a.re_btn:hover { text-decoration:none; }
.board_list tbody td select { padding:2px 0 3px 2px; border:1px solid #dedede; }
.board_list tbody td img { margin-left:7px; }

.top_line { border-top:1px solid #d9d9d9; }
.board_th_link { 
	font-weight:600;
}


/* table style */
/* .wTableFrm {position:relative; width:730px; padding-top:20px; } */
.wTableFrm {position:relative; padding-top:20px; }
.wTableFrm h1, .wTableFrm h2 {/* float:left;*/ color:#333; font-size:16px; font-weight:600; }
.wTableFrm h1 { margin-top:15px; }
.wTableFrm h2 {margin-bottom:10px; padding-left:25px; background:url(../../../images/egovframework/com/cmm/icon/tit_icon.png) no-repeat left top; }
.wTableFrm h3 { color:#333;  font-size:14px; font-weight:600; margin:50px 0 10px 0; }
.wTableFrm h3 b { color:#2277d7; }

.wTable { width:100%; border-top:2px solid var(--main-color); }
.wTable caption { display:none; }
.wTable > thead > tr > th,
.wTable > thead > tr > th { color:#222 ; font-size:13px; font-weight:400; background:#f4f4f4; padding:12px 0; border-bottom:1px solid #d9d9d9; }
.wTable > tbody tr.odd {  }
.wTable > tbody.ov tr:hover { background:#f9f9f9; }
.wTable > thead > tr > th { text-align:left; padding-left:14px; }
.wTable > thead > tr > th.vtop { vertical-align:top; }
.wTable > thead > tr > th span.pilsu { color:#d0270b; font-weight:500; margin-left:3px; }
.wTable > tbody > tr > th { padding-left:14px; border-bottom:1px solid #d9d9d9; text-align:left; background:#f4f4f4; }
.wTable > tbody > tr > th.vtop { vertical-align:top; }
.wTable > tbody > tr > th span.pilsu { color:#d0270b; font-weight:500; margin-left:3px; }
.wTable > tbody > tr > td { text-align:center; padding:11px 5px; border-bottom:1px solid #d9d9d9; }
.wTable > tbody > tr > td.left { text-align:left; padding:6px 8px; }
.wTable > tbody > tr > td.left div .error  {color :#ff0000;}
.wTable > tbody > tr > td.cnt { text-align:left; padding:12px 10px 20px; line-height:160%; }
.wTable > tbody > tr > td.nopd { text-align:left;}
.wTable > tbody > tr > td.nopd div .error  {color :#ff0000; margin:0px 0px 0px 10px;}
.wTable > tbody > tr > td.bold { text-align:left; font-size:14px; font-weight :bold;}
.wTable > tbody > tr > td a:hover { text-decoration:underline; }
.wTable > tbody > tr > td input[type=text] {width:99%; height:22px; }
.wTable > tbody > tr > td input.tmp { width:160px; }
.wTable > tbody > tr > td textarea { width:99%; height:50px; }
.wTable > tbody > tr > td textarea.txt { width:96%; height:50px; margin:8px; padding:5px; }
.wTable > tbody > tr > td textarea.re_txt { float:left; width:80%; }
.wTable > tbody > tr > td a.re_btn { float:right; padding:43px 30px; margin:1px 0 0 0; font-size:12px; font-weight:600; }
.wTable > tbody > tr > td a.re_btn:hover { text-decoration:none; }
.wTable > tbody > tr > td select {height:24px; border:1px solid #dedede; }
.wTable > tbody > tr > td img {/* margin-left:7px;*/ }
.wTable input[readonly="readonly"] {height:22px; border:1px solid #d2d2d2; }
.wTable > tbody > tr > td input[type=checkbox] {vertical-align:-3px; }


/* toolbar */
.toolbar { height:52px; background-color:#e5e5e5; padding-bottom:4px; border-bottom:1px solid #dedede; }
	.group { float:left; padding:4px 0 0 8px; }
	.group ul { float:left; padding:0; margin:0 3px 0 0; }
	.group ul li { float:left; margin-right:3px; }
	.group ul.format li { margin:2px 0 0 0; }
	.group ul.sep { border-left:1px solid #ccc; padding:0 3px; border-right:1px solid #ccc; }

	.group input[type="button"] { width:22px; height:20px; line-height:20px; text-indent:-10000em; border:none; cursor:pointer; }
	.group input[type="button"]:hover, .group input.on { background-color:#fff; border:1px solid #dedede; }
	.ed_bold { background:url('../../../images/egovframework/com/cmm/toolbar/ed_format_bold.gif') left top no-repeat; }
	.ed_italic { background:url('../../../images/egovframework/com/cmm/toolbar/ed_format_italic.gif') 2px top no-repeat; }
	.ed_underline { background:url('../../../images/egovframework/com/cmm/toolbar/ed_format_underline.gif') 1px top no-repeat; }
	.ed_strike { background:url('../../../images/egovframework/com/cmm/toolbar/ed_format_strike.gif') 1px top no-repeat; }
	.ed_sub { background:url('../../../images/egovframework/com/cmm/toolbar/ed_format_sub.gif') 1px 1px no-repeat; }
	.ed_sup { background:url('../../../images/egovframework/com/cmm/toolbar/ed_format_sup.gif') 1px 1px no-repeat; }
	.ed_copy { background:url('../../../images/egovframework/com/cmm/toolbar/ed_copy.gif') left top no-repeat; }
	.ed_cut { background:url('../../../images/egovframework/com/cmm/toolbar/ed_cut.gif') 1px top no-repeat; }
	.ed_paste { background:url('../../../images/egovframework/com/cmm/toolbar/ed_paste.gif') 1px top no-repeat; }
	.ed_undo { background:url('../../../images/egovframework/com/cmm/toolbar/ed_undo.gif') 1px top no-repeat; }
	.ed_redo { background:url('../../../images/egovframework/com/cmm/toolbar/ed_redo.gif') 1px 1px no-repeat; }
	.ed_rmformat { background:url('../../../images/egovframework/com/cmm/toolbar/ed_rmformat.gif') 1px top no-repeat; }
	.ed_killword { background:url('../../../images/egovframework/com/cmm/toolbar/ed_killword.gif') 1px top no-repeat; }
	.ed_al_left { background:url('../../../images/egovframework/com/cmm/toolbar/ed_align_left.gif') 1px top no-repeat; }
	.ed_al_center { background:url('../../../images/egovframework/com/cmm/toolbar/ed_align_center.gif') 1px top no-repeat; }
	.ed_al_right { background:url('../../../images/egovframework/com/cmm/toolbar/ed_align_right.gif') 1px top no-repeat; }
	.ed_al_justify { background:url('../../../images/egovframework/com/cmm/toolbar/ed_align_justify.gif') 1px top no-repeat; }
	.ed_right { background:url('../../../images/egovframework/com/cmm/toolbar/ed_left_to_right.gif') 1px top no-repeat; }
	.ed_left { background:url('../../../images/egovframework/com/cmm/toolbar/ed_right_to_left.gif') 1px top no-repeat; }
	.ed_num { background:url('../../../images/egovframework/com/cmm/toolbar/ed_list_num.gif') 1px top no-repeat; }
	.ed_bullet { background:url('../../../images/egovframework/com/cmm/toolbar/ed_list_bullet.gif') 1px top no-repeat; }
	.ed_indent_less { background:url('../../../images/egovframework/com/cmm/toolbar/ed_indent_less.gif') 1px top no-repeat; }
	.ed_indent_more { background:url('../../../images/egovframework/com/cmm/toolbar/ed_indent_more.gif') 1px top no-repeat; }
	.ed_fg { background:url('../../../images/egovframework/com/cmm/toolbar/ed_color_fg.gif') 1px top no-repeat; }
	.ed_bg { background:url('../../../images/egovframework/com/cmm/toolbar/ed_color_bg.gif') 1px top no-repeat; }
	.ed_hr { background:url('../../../images/egovframework/com/cmm/toolbar/ed_hr.gif') 1px top no-repeat; }
	.ed_link { background:url('../../../images/egovframework/com/cmm/toolbar/ed_link.gif') 1px top no-repeat; }
	.ed_image { background:url('../../../images/egovframework/com/cmm/toolbar/ed_image.gif') 1px top no-repeat; }
	.ed_table { background:url('../../../images/egovframework/com/cmm/toolbar/insert_table.gif') 1px top no-repeat; }
	.ed_html { background:url('../../../images/egovframework/com/cmm/toolbar/ed_html.gif') 1px top no-repeat; }
	.ed_fullscreen { background:url('../../../images/egovframework/com/cmm/toolbar/fullscreen_maximize.gif') 1px top no-repeat; }
	.ed_help { background:url('../../../images/egovframework/com/cmm/toolbar/ed_help.gif') 1px top no-repeat; }
	.ed_about { background:url('../../../images/egovframework/com/cmm/toolbar/ed_about.gif') 1px top no-repeat; }
.toolbar select { font-size:11px; }

.reply { width:730px;  clear:both; border-top:2px solid var(--main-color); position:relative; }
.reply ul { width:730px;  margin:0; padding:0; }
.reply ul li { width:690px;  border-bottom:1px solid #d9d9d9; padding:20px 20px 14px; overflow:hidden;}
.reply .top { height:17px; padding-bottom:12px; }
.reply .top strong { color:#333; font-weight:600; }
.reply .top span.bar { color:#d3d3d3; font-size:10px; padding:0 9px; }
.reply .top span.date { color:#999; }
.reply .txt { line-height:19px; }
.reply .bottom { float:right; margin:10px 0 6px; }

/* pagination */
.pagination {text-align:center; margin-top:15px; }
.pagination ul { display:inline-block; }
.pagination ul li {display:inline-block; margin:0 2px;  }
.pagination ul li a { display:block; color:#999; width:26px; height:26px; line-height:26px; border:1px solid #e0e0e0; }
.pagination ul li.first a { background:url('../../../images/egovframework/com/cmm/paging/pagination_first.gif') 8px 9px no-repeat; text-indent:-10000em; }
.pagination ul li.prev a { background:url('../../../images/egovframework/com/cmm/paging/pagination_prev.gif') 11px 9px no-repeat; text-indent:-10000em; }
.pagination ul li.next a { background:url('../../../images/egovframework/com/cmm/paging/pagination_next.gif') 12px 9px no-repeat; text-indent:-10000em; }
.pagination ul li.last a { background:url('../../../images/egovframework/com/cmm/paging/pagination_last.gif') 10px 9px no-repeat; text-indent:-10000em; }
.pagination ul li.first a:hover { background:url('../../../images/egovframework/com/cmm/paging/pagination_first_on.gif') no-repeat; }
.pagination ul li.prev a:hover { background:url('../../../images/egovframework/com/cmm/paging/pagination_prev_on.gif') no-repeat; }
.pagination ul li.next a:hover { background:url('../../../images/egovframework/com/cmm/paging/pagination_next_on.gif/') no-repeat; }
.pagination ul li.current a,
.pagination ul li a:hover { border:none; color:#fff; font-size:15px; font-weight:600; width:28px; height:28px; line-height:28px; background:var(--main-color); }

/* pagination by reply */
.paging { float:left; display:inline; width:730px; font-size:1em; text-align:center; margin:15px 0 20px; position:relative;  }
.paging ul { display:inline-block; margin:0; padding:0; }
.paging ul li { float:left; margin:0 3px; }
.paging ul li a { display:block; width:15px; color:#888; text-decoration:none; }
.paging ul li.first a { background:url('../../../images/egovframework/com/cmm/paging/pagination_first.gif') center 5px no-repeat; text-indent:-10000em; }
.paging ul li.prev a { background:url('../../../images/egovframework/com/cmm/paging/pagination_prev.gif') center 5px no-repeat; text-indent:-10000em; }
.paging ul li.next a { background:url('../../../images/egovframework/com/cmm/paging/pagination_next.gif') center 5px no-repeat; text-indent:-10000em; }
.paging ul li.last a { background:url('../../../images/egovframework/com/cmm/paging/pagination_last.gif') center 5px no-repeat; text-indent:-10000em; }
.paging strong { display:block; padding:0 5px; color:#2277d7; }

/* button submit */
.btn_submit { padding:4px 11px 5px; background:var(--main-color); font-weight:600; color:#fff; border-radius:1px; margin-left:4px; cursor:pointer; border:none;}
.btn_submit:hover { background:#7dabdf; }

/* button style */
button { padding:5px 12px 7px 12px; background:var(--main-color); font-weight:600; color:#fff; border-radius:1px; margin-left:4px; cursor:pointer; }
button:hover { background:var(--main-color-light); }

.btn_s2 { margin:0; padding:0px 12px 2px 12px; line-height:19px; word-spacing:-2px; border-radius:1px; font-weight:normal; background:var(--main-color); color:#fff; font-size:11px; cursor:pointer; text-align:right;}
.btn_s2:hover { background:#7dabdf; }

.btn_s { padding:3px 10px 6px 11px; background-color:var(--main-color); color:#fff; font-size:11px; border-radius:1px; margin-top:4px;}
.btn_s:hover { color:#c7dbf1; }

span.btn_s {display:inline-block !important; width:43px !important; height:21px !important; margin-top:0 !important; padding:0 !important; border-radius:1px !important; background:var(--main-color) !important; vertical-align:top !important; cursor:pointer; }
span.btn_s:hover { background:#7dabdf;}
span.btn_s a {display:block !important; height:21px !important; color:#fff !important; text-align:center !important; line-height:21px !important; vertical-align:top !important; }

span.btn_s2 {display:inline-block !important; height:21px !important; margin-top:0 !important; padding:0 10px !important; border-radius:1px !important; background:var(--main-color) !important; vertical-align:top !important; cursor:pointer; }
span.btn_s2:hover { background:#7dabdf;}
span.btn_s2 a {display:block !important; height:21px !important; color:#fff !important; line-height:21px !important; vertical-align:top !important; }

/* 2018.01.25 EgovQustnrItemManageListPopup.jsp 관련 추가 */
span.btn_r { vertical-align:middle; padding:5px 1px 5px 1px; height:13px; margin:0px 0px 1px 0px; display:inline-block; background:#3d70b6; border-radius:0px; cursor:pointer; }
span.btn_r:hover { background:#7dabdf;}
span.btn_r a { vertical-align:text-top; color:#fff; display:block; line-height:16px; padding:0px 10px 0px 10px;}

.btn { float:right; margin-top:18px; margin-bottom:15px; font-size:11px; }
.btn input.s_submit {height:21px; padding:0 10px; border:0 !important; color:#fff; font-family:'Noto Sans KR', '돋움','굴림', 'Arial', 'AppleGothic', 'sans-serif'; font-size:11px; font-weight:200; background:var(--main-color); vertical-align:top; cursor:pointer; }
.btn input.s_submit:hover { background:#7dabdf; }

.blog_title { border-bottom:1px solid #e3e3e3; padding-bottom:10px; }
.blog_title h5 { float:left; font-size:14px; }
.blog_title span { border-left:1px solid #dcdada; margin-left:12px; padding-left:12px; vertical-align:middle; }
.blog_title span a { color:#666; }
.blog_title p { float:right; font-size:11px; color:#999; }

.link, .link a, .link button, .link input {
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
white-space:nowrap;
width:100%;
text-align :left;
font-size:12px;
border-style :none;
background-color :transparent;
cursor :pointer;
}
.link.ac input {text-align:center; }


.egov_file_box label {
  display:inline-block;
  padding:.45em .75em;
  color:#fff;
  font-size:11px;
  line-height:normal;
  vertical-align:middle;
  background-color:var(--main-color);
  cursor:pointer;
  border:1px solid #ebebeb;
  border-bottom-color:#e2e2e2;
  border-radius:.15em;
}

.egov_file_box input[type="file"] {  /* 파일 필드 숨기기 */
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  border:0;
}

/* 2018 add */
.blind {position:absolute; left:-9999px; top:-9999px; font-size:0; }
.vat {vertical-align:top !important; }
.mr-8 {margin-right:-8px !important; }
.mb0 {margin-bottom:0px !important; }
.mb5 {margin-bottom:8px !important; }
.mb8 {margin-bottom:8px !important; }
.pt5 {padding-top:5px !important; }
.btn01 {display:inline-block; padding:5px !important; vertical-align:top !important; cursor:pointer; }
.btn02 {display:inline-block; height:20px; padding:0 8px; color:#363636; line-height:20px; background:#ddd; }

.calendar {table-layout:fixed; }
.calendar .day > td {height:70px; padding:10px; border-right:1px solid #fff; border-bottom:1px solid #fff; background:#e5e5e5; vertical-align:top; }
.calendar .day > td a {display:inline-block; margin-bottom:5px; color:#393939; font-size:10px; font-weight:bold; }
.calendar .cap > td {height:25px; color:#fff; font-size:12px; font-weight:bold; text-align:center; background:#959fae; vertical-align:middle; }
.calendar .cap > td.sat {background:#4989ce; }
.calendar .cap > td.sun {background:#ee615f; }

.cmt01 {font-size:12px; }

.search_box2 {padding:15px 14px; border:1px solid #b1bbcb; border-top:3px solid #8191ac; background:#eef3fb; }
.search_box2 label {display:inline-block; height:24px; color:#194e73; font-size:12px; font-weight:bold; line-height:24px; vertical-align:top; }
.search_box2 input[type=text] {height:22px; vertical-align:top; }
.search_box2 select {height:24px; border:1px solid #dedede; vertical-align:top; }
.search_box2 > span.t1 {display:inline-block; height:24px; color:#194e73; font-size:16px; font-weight:bold; line-height:24px; vertical-align:top; }
.search_box2 .btns {height:24px; padding:0 10px; border:none; color:#fff; background:var(--main-color); border-radius:2px; cursor:pointer; vertical-align:top; }
.search_box2 .btns:hover {background:#7dabdf; }
.search_box2 .btns2 {display:inline-block; height:24px; padding:0 7px; border-radius:2px; color:#fff; font-size:12px; line-height:24px; background:#666; vertical-align:top; }

.tit01 {padding-left:25px; color:#333; font-size:16px; font-weight:bold; background:url(../../../images/egovframework/com/cmm/icon/tit_icon.png) no-repeat; }
.tit02 {padding-left:17px !important; color:#393939 !important; font-size:12px !important; font-weight:bold !important; background:url(../../../images/egovframework/com/cmm/icon/icon_tit2.png) no-repeat !important; }

.tab01 {height:38px; border:1px solid #b1bbcb; border-radius:3px; background:url(../../../images/egovframework/com/cmm/bg_tab01.gif) repeat-x; }
.tab01 ul:after {content:""; display:block; height:0; clear:both; visibility:hidden; }
.tab01 ul li {float:left; padding:0 20px; background:url(../../../images/egovframework/com/cmm/bg_bar01.gif) no-repeat right bottom; }
.tab01 ul li:last-child {background:none; }
.tab01 ul li a {display:block; position:relative; top:-1px; height:14px; padding-top:14px; color:#393939; font-weight:bold; }
.tab01 ul li a.on {background:url(../../../images/egovframework/com/cmm/bg_tab01_on.gif) no-repeat center top; }

/* 리스트 테이블 */
.table-line{border-collapse:separate; width:100%; }
.table-line th{border-top:2px solid var(--main-color); border-right:1px solid var(--main-color); border-bottom:1px solid var(--main-color); background:var(--main-color-light);color:var(--main-color-border);height:40px; padding:0; }
.table-line td{padding:6px 0; border-right:#e6e6e6 1px solid; border-bottom:#e6e6e6 1px solid; background:#FFF; }
.table-line td:first-child {border-left:1px solid #e6e6e6; }
.table-line td.al {text-align:center; }
/* 그리드 스크롤 처리 */
.tableScrollWrap{overflow-y: auto; max-height: 433px;}
.tableScrollWrap .table-line thead th {position:sticky; top:0px;}

.txta01 {border:1px solid #d2d2d2; }

.e001 td {height:40px; }
.e002 td {padding:2px 0; }

.btn_01 {display:inline-block !important; height:24px !important; padding:0 11px !important; border-radius:2px !important; color:#fff !important; font-size:12px !important; line-height:24px !important; background:var(--main-color) !important; vertical-align:top !important; }
.btn_01:hover {background:#7dabdf !important;}
.btn_02 {display:inline-block !important; height:18px !important; padding:0 10px !important; border:1px solid #9c9c9c; border-radius:2px !important; color:#000 !important; font-size:11px !important; line-height:18px !important; background:url(../../../images/egovframework/com/cmm/btn/bg_btn_02.jpg) repeat-x !important; vertical-align:top !important; }

.schedule thead td {height:25px; color:#fff; text-align:center; background:#959fae; }
.schedule thead td.sat {background:#4989ce; }
.schedule thead td.sun {background:#ee615f; }
.schedule > tbody > tr > td {border-right:1px solid #fff; border-bottom:1px solid #fff; background:#EFEFEF; }
.schedule .btn_02 {vertical-align:1px !important; }

.twit_list li {margin-bottom:10px; }
.twit_list li a:hover {text-decoration:underline; }
.twit_list li img {display:block; margin-top:10px; }

/* 마스터 행 선택 */
 #table_left tbody tr:hover td {
     background: none repeat scroll 0 0 #FFCF8B;
     color: #000000;
     cursor: pointer;
 }
 #table_left tbody tr.selected td {
     background: none repeat scroll 0 0 #FFCF8B;
     color: #000000;
 }

/* IE 6, 7 */
@media screen\9 {
	.search_box ul li { display: inline; zoom: 1; }
	.pagination ul li { display: inline; zoom: 1; }
}

/* 21-08-26 추가*/
.sub-title {position:relative;margin-top:30px;width:1024px}
.sub-title h3 {font-size:18px;font-weight:900;color:#222;padding:15px 0}
.sub-title ul {position:absolute;top:6px;right:0}
.sub-title ul li {float:left;padding:6px 2px }
.sub-title ul li input[type=date]{margin:3px;}

.inp_sch {border:1px solid #d2d2d2; color:#727272; border-radius:4px;padding:4px 10px } 


.paging {width:1024px;margin:0 auto; padding:0;margin-top:30px;}
.paging ul {text-align:center;margin:0;}
.paging ul:after{content:''; display:block; clear:both;}
.paging ul li {display:inline-block; margin:0px;}
.paging ul li.pr {margin:0 0px 0 0px;}
.paging ul li.ne {margin:0 0px 0 0px;}
.paging ul li a {width:36px; height:36px; display:inline-block; font-size:14px; line-height:36px; color:#999;}
.paging ul li a:after{display:inline-block; height:100%; content:""; vertical-align:middle;}
.paging ul li a img {vertical-align:middle; line-height:36px;}
.paging ul li.on a {background:var(--main-color-border); border-radius:18px; color:#fff;}


/* login 
.login_wrap {border-top:3px solid #213e9e; width:600px; margin:20px auto 225px ;}
.login_wrap .login_box {border:1px solid #d2d2d2; padding:55px 90px 55px; text-align:center;}
.login_wrap .login_box > strong {display:inline-block; width:60px; height:168px; background:url('../../../../images/common/intro-logo.png') no-repeat; background-size:; margin:0 auto;font-size:0;line-height:0}
.login_wrap .login_box .tit_box {margin-top:0px;}
.login_wrap .login_box .tit_box h2 {font-size:40px; line-height:52px; color:#192d35; font-weight:500;}
.login_wrap .login_box .tit_box p {font-size:18px; line-height:26px; color:#22222; margin-top:15px;}
.login_wrap .login_box .input_box {margin-top:35px;}
.login_wrap .login_box .input_box .input_area input {width:100%; height:50px; background:#f7f7f7; border:1px solid #ddd; padding:0 20px; font-size:18px; line-height:48px; border-radius:5px;  color:#999;}
.login_wrap .login_box .input_box .input_area input::placeholder {font-size:18px; line-height:48px; color:#999;}
.login_wrap .login_box .input_box .input_area + .input_area {margin-top:10px;}
.login_wrap .login_box .input_box .save_id {text-align:left; padding:20px 0;}
.login_wrap .login_box .input_box .save_id input {width:24px; height:24px; background:url('../../../../images/common/bg_checkbox_b.gif') no-repeat; background-size:;}
.login_wrap .login_box .input_box .save_id input:checked {background:url('../../../../images/common/bg_checkbox_b_on.gif') no-repeat; background-size:;}
.login_wrap .login_box .input_box .save_id label {font-size:16px; line-height:24px; color:#222222; font-weight:300;}
.login_wrap .login_box .input_box .btn_box {}
.login_wrap .login_box .input_box .btn_box:after{content:''; display:block; clear:both;}
.login_wrap .login_box .input_box .btn_box button {width:calc(50% - 7px); margin-right:10px;}
.login_wrap .login_box .input_box .btn_box button:last-child {margin-right:0px;}
.login_wrap .login_box .input_box .btn_box button:first-child {width:100%; margin-bottom:10px;}
.login_wrap .login_box .input_box p.error {padding:0 20px; font-size:16px; line-height:34px; color:#ff4f5b; text-align:left; display:none;}

.login_wrap .login_box .terms_box1 {text-align:left; padding: 10px 0; font-size:14px; line-height:50px; color:#999;border-bottom:1px solid #e6e6e6;}
.login_wrap .login_box .terms_box1 p { padding:0 0px 10px 35px; line-height:22px;}

.login_wrap .login_box .terms_box2 { text-align:left; padding:20px 30px; font-size:14px; color:#999; background:#f7f7f7}
.login_wrap .login_box .terms_box2 a.view_btn {position:absolute; top:5px;right:0; text-align:center; box-sizing:border-box; width:65px; height:32px; border:1px solid #aaa; font-size:16px; line-height:30px; color:#fff; display:block; background:#bbb}
.login_wrap .login_box .terms_box2 .icheck02 p {position:relative;border-bottom:1px solid #ddd; padding:10px 0; }
.login_wrap .login_box .terms_box2 .icheck02:last-child p {border-bottom:0px;}


.btn_area {margin-top:20px; position:relative;}
.btn_area .left_text {font-size:12px; line-height:16px; color:#999999; position:static; display:block;}
.btn_area:after{content:''; display:block; clear:both;}
.btn_area span.right {float:none; width:100%; text-align:center; margin-top:20px; display:block;}
.btn_area span.right a {margin:0 5px; float:none;}

.btn_type01 {box-sizing:border-box; width:90px; height:45px; border:1px solid #222; font-size:15px; line-height:43px; color:#222; text-align:center; display:inline-block;}
.btn_type02 {box-sizing:border-box; width:90px; height:45px; background:#213e9e; font-size:15px; line-height:45px; color:#fff; text-align:center; display:inline-block;}

*/
.login_wrap {border-top:3px solid #213e9e; width:480px; margin:50px auto 225px ;}
.login_wrap h1 {width:100%; text-align:center;margin-top:50px}
.login_wrap h2 {font-family: Noto Sans KR;width:100%;margin-top:20px;font-size:18px;font-weight:700;color:#222;border-bottom:2px solid #222;padding:10px 0;}
.login_wrap p {width:100%; text-align:center;margin-top:50px;}
.login_wrap .login {position:relative;margin:0 auto;}
.login_wrap .login .type {font-family: Noto Sans KR;font-weight:700; padding:20px 20px 10px; text-align:center;font-size:15px; line-height:23px;}
.login_wrap .login .type input[type="radio"]{vertical-align: unset;margin-left:20px}

.login_wrap .login .input_area {}
.login_wrap .login .input_area input {width:calc(100% - 40px); height:44px; background:#f7f7f7; border:1px solid #ddd; padding:0 20px; font-size:16px; line-height:42px; border-radius:5px;  color:#999;}
.login_wrap .login .input_area input::placeholder {font-size:14px; line-height:48px; color:#999;}
.login_wrap .login .input_area {margin-top:10px;}
.login_wrap .login .save_id {margin-top:10px;}

.login_wrap .login .btn_area {margin-top:10px; position:relative;width:100%}
.login_wrap .login .line-bottom {padding-bottom:40px;margin-bottom:20px;border-bottom:1px solid #213e9e;}
.login_wrap .login .btn_area .btn-type01{box-sizing:border-box; width:100%; height:45px; border:1px solid var(--main-color-light); font-size:15px; line-height:43px; color:#FFF; background:var(--main-color-light);text-align:center; display:inline-block; border-radius:5px;}
.login_wrap .login .btn_area .btn-type02 {display:inline-block;box-sizing:border-box; width:49%;margin-right:1%; height:45px; border:1px solid #c0c0c0; font-size:15px; line-height:43px; color:#555; text-align:center; display:inline-block; border-radius:5px;}
.login_wrap .login .btn_area .btn-type03 {float:right;box-sizing:border-box; width:49%; height:45px; border:1px solid #c0c0c0; font-size:15px; line-height:43px; color:#555; text-align:center; display:inline-block;}
.login_wrap .login .btn_area .btn-type04{box-sizing:border-box; width:100%; height:45px; border:1px solid #dadada; font-size:15px; line-height:43px; color:#222; background:#eeeeee;text-align:center; display:inline-block; border-radius:5px;}
.login_wrap .login .btn_area:after{content:''; display:block; clear:both;}
.login_wrap .login .btn_area span.right {float:none; width:100%; text-align:center; margin-top:20px; display:block;}
.login_wrap .login .btn_area span.right a {margin:0 5px; float:none;}