@charset "utf-8";
/* Type Selector */
@font-face {
 font-family: 'NanumBarunGothic';
 src: url(common/font/NanumBarunGothic/NanumBarunGothic.eot);
 src: url(common/font/NanumBarunGothic/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
      url(common/font/NanumBarunGothic/NanumBarunGothic.woff) format('woff'),
      url(common/font/NanumBarunGothic/NanumBarunGothic.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 src: url(common/font/NanumBarunGothic/NanumSquareR.eot);
 src: url(common/font/NanumBarunGothic/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(common/font/NanumBarunGothic/NanumSquareR.woff) format('woff'),
      url(common/font/NanumBarunGothic/NanumSquareR.ttf) format('truetype');
}
*{margin:0; padding:0;margin:0; padding:0;}
img, fieldset, button{border:none;}
li{list-style-type:none;}
li{font-family:"나눔바른고딕",NanumBarunGothic; font-size: 9pt; color:#3F4E6F; font-weight:normal;}
hr, button img{display:none;}
a{text-decoration:none;}
a:hover, a:active, a:focus{text-decoration:none;}
textarea{overflow:auto; resize: none;}
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* For Screen Reader */
caption{display:none;}
img{border:0; vertical-align: middle;}
html, body{margin:0; padding:0; height: 100%;width: 100%;}
body, input, button, select, input, textarea, td, th {
    color: #666666;
    font: 12px Dotum,NanumBarunGothic,Tahoma,Sans-serif;
    font-family: 'NanumBarunGothic','나눔바른고딕','NanumSquareR', '나눔스퀘어', 'applegothic', sans-serif;
}
h1{font-family:"나눔바른고딕", NanumBarunGothic, AppleGothic, Sans-serif; font-size:13pt;}
h2{  color: #727272;
    font-size: 1.4em;
    line-height: 1.125em;
    margin: 1.125em 0 0.208em;}
    
h3 {font-size: 1.333em;
    line-height: 1.125em;
    margin: 1.688em 0 0.3125em;
}

.REDStyle {background: #eecfcf6e!important;}



/*
input.text {
    border-color: #ACACAC #D9D9D9 #D9D9D9 #ACACAC;
    border-right: 1px solid #D9D9D9;
    border-style: solid;
    border-width: 1px;
    color: #848484;
    font-size: 11px;
    height: 15px;   
    padding: 3px 0 0 3px;}

input{
    color: #67625C;
    font-family: NanumBarunGothic;
    font-size: 1em;
    vertical-align: middle;
}
select {
    color: #444444;
    font-size: 100%;
    height: 21px;
    vertical-align: middle;
}
*/
#LoginStatus fieldset{margin-left:880px; padding:0px 5px 0 5px;width:280px;height:30px;display:inline;}
/*#LoginStatus fieldset{border:2px solid #94a7ac; margin-left:1060px; background: url(../images/leftBg1.png) repeat-x; padding:7px 5px 0 5px;width:164px;height:30px;display:inline; color:#FFF; text-align: center;}*/
#LoginStatus ul li{padding-bottom:0;}
.t2_leftdiv{float:left;}
.t2_rightdiv{float:right;padding-right:15px; cursor:pointer;}

.t2_rightdiv:hover {
	opacity: 0.7;
	transition : ease-in-out 0.15s;
}
/* Main wrap */
#mainview_title_img{padding-top:10px;padding-left:10px; padding-right:10px;}
#header_img{width:100%; height:150px;  object-fit:cover; }

#main_container{clear:both;height:100%;}
#mainview_wrap{width:100%; display:flex; flex-direction:row;  justify-content: center; height:calc(100% - 215px);}

/* Main left board */
#main_leftcontent{/* float:left; */margin-left:10px;margin-top:10px;display:flex; flex-direction:column;background-size: contain; flex-basis:28%;}
#main_leftcontent .left_board01{height: 100%; width:100%; border: 1.5px solid #dad8d8; display:block; flex-basis:25%; margin-bottom:20px; border-radius:2px;}
#main_leftcontent .left_board01 ul{list-style-type:none;}
#main_leftcontent .left_board01 li{padding-bottom:5px;}

#main_leftcontent .left_board02{width:100%; border: 1.5px solid #dad8d8; height: 100%; border-radius:2px; }
#main_leftcontent .left_board02 ul{list-style-type:none; padding-left: 10px; padding-bottom:2px; }
#main_leftcontent .left_board02 ul li{line-height:20px; display:inline-block; vertical-align: middle;}

.dot_bl{float:left; background: url("../images/bl_dotblack.gif") no-repeat ; background-position: 0px 8px; padding-left:8px; vertical-align: middle; width:270px; text-align: left;}
.lcount{float:right; padding-right: 20px;}
.dot_bl2{float:left; background: url("../images/bl_grayarrow.gif") no-repeat ; 
			background-position: 0px 8px; padding-left:8px;  vertical-align: middle; width:420px;
			 text-align: left; padding-bottom:10px;
			 overflow:hidden;        	/* 칸이 넘어가면 자동으로 감추게 한다. */
  			 white-space:nowrap;        /* 길이보다 텍스트의 길이가 길경우 ... 으로 보여준다.*/
   			 text-overflow:ellipsis;    /* 길이가 넘어가면 글자를 그대로 잘라 버린다. */
			 }
.rwriter{float:left; width:120px;}
.rdate{float:left;color:#959595}
.new{float:left; padding-left:10px;width: 40px; padding-top:0px;}

.board_title{padding-left:10px;padding-top:10px; height:30px; }
.board_title2{padding-left:5px; background: url("../images/new_bl_underline2.jpg") no-repeat ; background-size:100%; background-position: 2px 33px;padding-top:10px; height:34px; }
.board_title3{padding-left:5px; background: url("../images/new_bl_underline3.jpg") no-repeat ; background-size:100%; background-position: 2px 33px;padding-top:10px; height:34px; }
.more{float:right; padding-right: 5px;}
/* Main right board */
#main_rightcontent_wrap{float:left;padding-left:10px; flex-basis:72%; margin-right: 4px;} 
#main_rightcontent{ border: 1.5px solid #dad8d8; float:left; margin-top:10px;padding-left:10px; vertical-align: middle; width:98.3%; height:calc(100% - 12px); border-radius:2px;} 
#main_rightcontent ul{list-style-type: none; padding-bottom:5px;} 
#main_rightcontent li{display:inline;}

#main_container a:link {
    color: #666666;
    letter-spacing: -1px;
    text-decoration: none;
}
#main_container a:visited {
    color: #666666;
    letter-spacing: -1px;
    text-decoration: none;
}

#main_container a:active {
    color: #155AC6;
    letter-spacing: -1px;
    text-decoration: none;
}
#main_container a:hover {
    color: #155AC6;
    text-decoration: none;
}



#header{/* padding-top:5px; height: 5px; */ background:url(../images/topBg1.png) no-repeat #c7e2e4; width:100%; height: 0; }
#logoarea{float:left;padding-left:10px;}
#project_title{float:left;padding-top:7px;padding-left:14px;font-size:130%;letter-spacing:-1px;}
#project_title .maintitle{color:#e68c0d;font-weight:bold;}
#list_div {}
#list_div th{font-size:100%;}
#list_div td{font-size:100%;}

.jsDept_Search{border-bottom: 2px solid #c2bebe; padding:8px 0px 9px 0px;}
#search_field{clear:both;float:left;width:800px;}
#search_field_loc{padding-top:10px;padding-bottom:10px;}
#search_field h2{display:inline;padding-top:40px;background: url("../images/bg_h2.gif") no-repeat;
background-position: left center;padding-left:10px;padding-top:2px;letter-spacing:-1px;}

#search_field fieldset{border:1px solid #E1E1E1;padding:7px;}
.sf_start{padding-bottom:10px;padding-top:10px;}
/* Layout */
#wrap{margin-left:0px;width:100%;overflow:hidden; height:100%;} 

#topnavi{/* float:left;  */ width:100%; height:40px; min-width:1500px; background-color: #00000000; padding-top: 4px; padding-bottom: 2px; box-shadow: 1px 1px 1px 1px #495464;}
#topnavi ul{list-style-type:none;padding-top:0px;padding-left:0px;}
#topnavi li{display:inline;font-size:14px;color:#727272;font-weight:bold;padding-right:0px;padding-left:0px;}
#topnavi a{color:#495464;}
#topnavi a:hover{color:#ffffff;}
#container{float:left; width:100%; min-width:1500px; margin-top:5px;min-height:440px; height:auto !important; height:440px; display:flex;} 
/*
#container{float:left;width:1100px; margin-top:0px;min-height:440px; height:auto !important; height:440px;}*/
#leftmenu{float:left;width:200px;min-height:700px; height:auto !important; height:100%; border-right:1px solid #DDD  ; background-color: #f9f9f9; }

#content{float:left; height:auto !important; padding-left:5px; width:100%; padding-right:5px;}  

#footer{clear:both;width:100%; height:35px; border-top:2px solid #dddddd; margin:0;} 
#mopaslogo{float:left;padding-top:10px;padding-left:20px;}
#copyright{float:left;font-size:11px;padding-top:13px;padding-left:10px; color:#999; font-family: Dotum; font-weight: bold;}

/* content area */
#cur_loc{clear:both;float:left;border-bottom:1px solid #e1e1e1; width:100%; margin-bottom:5px;}
#cur_loc_align{float:left; }
#cur_loc ul{list-style-type:none;padding-top:5px;padding-left:20px;padding-bottom:5px;padding-right:10px; vertical-align:middle; background: url("/images/tit_icon.gif") no-repeat;
background-position: left center;  }
#cur_loc li{display:inline;font-size:12px; color:#727272;padding-right:1px;padding-left:1px;}

#nav{margin:10px; padding:10px 0; }
/*
.bottom{ 
   background: url("../images/leftmenu/leftmenu_bottom.gif") no-repeat scroll left bottom transparent;
    padding: 0px 3px 3px 15px;height:10px;}
.top{
   background: url("../images/leftmenu/leftmenu_top.gif") no-repeat scroll left top transparent;
    padding: 0px 3px 3px 15px;height:10px;}	
 */
#nav ul{list-style-type:none;}
#nav a{}
#nav ul li{
/* 	background: url("../images/leftmenu/bl_depth01.gif") no-repeat 140px 8px; */
    border-top: 1px solid #EAEAEA;
    padding: 4px 6px 1px;} 
#nav ul li ul{border-top: 1px solid #EAEAEA;}
#nav ul li ul li {
background: url("../images/leftmenu/snbmenu_brd.gif") no-repeat scroll 0 11px transparent;
border: medium none;
font-size: 0.92em;
line-height: 1.27em;
margin: 0; background-color:#f2f2f2;
}

.nav_style{width:170px; min-height:calc(100vh - 147px); border:2px solid #7a7979; margin-top:6px;}
.leftmenu_dept01 a{font-weight:bold; font-size:12px; font-family: NanumBarunGothic; }

.leftmenu_dept01 a:link {
    color: #666666;
    letter-spacing: -1px;
    line-height: 180%;
    text-decoration: none;
}
.leftmenu_dept01 a:visited {
    color: #666666;
    letter-spacing: -1px;
    line-height: 180%;
    text-decoration: none;
}

.leftmenu_dept01 a:active {
    color: 666666;
    letter-spacing: -1px;
    line-height: 180%;
    text-decoration: none;
}
.leftmenu_dept01 a:hover {
    color: 666666;
    letter-spacing: -1px;
    line-height: 180%;
    text-decoration: none;
}
.leftmenu_dept01i {background:#d2d3d4; width:158px; color: #484848;
    letter-spacing: -1px;
    line-height: 180%;
    text-decoration: none;font-weight:bold; font-size:12px; font-family: NanumBarunGothic; }

.dept02 a{font-weight:normal; font-size:12px; padding-left:10px; font-family: NanumBarunGothic; }
.dept02 a:link {
    color: #444;
    line-height: 180%;
    text-decoration: none;
}
.dept02 a:visited {
    color: #444;
    line-height: 180%;
    text-decoration: none;
}

.dept02 a:active {
    color: #039;
    line-height: 180%;
    text-decoration: none;
}
.dept02 a:hover {
    color: #039;
    line-height: 180%;
    text-decoration: underline;
}
.dept02i {background: url("../images/leftmenu/bl_depth01.gif") no-repeat 155px 8px; width:155px;}

.dob_bl3 {
	font-size: 14px; 
	text-decoration:none; 
	color:#a9a9a9; 
	cursor: pointer;
}
.dob_bl3:hover {
	color:#6d6a6a; 
	transition: all ease 1s;
}

#h2_topnav{padding-top:10px;}
#login_title_div{clear:both;float:left;padding-top:20px;padding-bottom:10px;}
#paging_div{clear:both;position:relative;width:650px;}
#paging_div .paging_align{
	clear: both;
    margin: 0 auto;
    padding-top: 16px;
    text-align: center;
    width: 650px;}
.paging_align .first{border:medium none;padding:0px;}
.paging_align li{display:inline;border-right:1px solid #dddddd;padding-left:3px;padding-right:10px; vertical-align:middle;}
.paging_align li a{color:#666666;}
.paging_align li a:hover{color:#0958A5;font-weight:bold;}
.paging_align a:active{color:#0958A5;} 
.paging_align a:visited{color:#0958A5;}

.btn_style01{font-family:"굴림", NanumBarunGothic, AppleGothic, Sans-serif; font-size:13pt;background:none;}

#search_first_ul {padding-bottom:15px;padding-left:10px;}
#search_first_ul li{display:inline;padding-right:25px;}
#search_first_ul label{font-weight:bold;color:#666666; }
#search_first_ul input{margin-right:2px;}
#search_second_ul {padding-left:10px;}
#search_second_ul li{display:inline;}
#search_second_ul label{font-weight:bold;color:#666666;  }
#search_second_ul input{margin-right:3px;}

#page_info{clear:both;width:800px;padding-top:20px;padding-bottom:3px;} 
#page_info_align{float:right;}
.default_tablestyle {
	clear:both;
    color: #666666;
    float: left;
    line-height: 18px;
    padding-top: 4px;
}
.default_tablestyle table {
	font-size:90%;
    table-layout: fixed;
    text-align: center;
    width: 800px;
}
.default_tablestyle table th {
    border-bottom: 1px solid #81B1D5;
    border-top: 2px solid #81B1D5;
    color:#0f438a;
    height: 26px;
}
.default_tablestyle table td {
    border-bottom: 1px solid #dddddd;
    line-height: 28px;
    overflow: hidden;
    padding-left: 0px;
    white-space: nowrap;
    width: 100%;
}
.default_tablestyle a {
    color: #666666;
}
.default_tablestyle a:link, a:visited {
    color: #666666;
}
.default_tablestyle a:hover {
    color: #1F58B1;
    text-decoration: underline;
}
.default_tablestyle .align_left_text {
    float: left;
    padding-left: 3px;
}
.modify_user table{clear:both; width:800px;    border: 1px solid #dddddd;
    line-height: 28px;
    overflow: hidden;
    white-space: nowrap;}
.modify_user table th {background-color:#f2f2f2;border:1px solid #dddddd;
    color:#0f438a;
    height: 26px;
}
.modify_user table td{background-color:#ffffff;border:1px solid #dddddd;
    color:#0f438a;
    height: 26px;padding-left:10px;}


/* btn */
.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dddddd;
    font-size:110%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons a:hover{color:#4786AD;}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}

.DEPT_NM_Srch_Btn {
	background: #dbdbdb;
	color: #100f0f;
	cursor:pointer;
	margin-left: 4px;
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

.popop_detail table{clear:both; width:600px;    border: 1px solid #dddddd;
    line-height: 28px;
    overflow: hidden;
    white-space: nowrap;}
.popop_detail table th {background-color:#f2f2f2;border:1px solid #dddddd;
    color:#0f438a;
    height: 26px;
}
.popop_detail table td{background-color:#ffffff;border:1px solid #dddddd;
    color:#0f438a;
    height: 26px;padding-left:10px;}
    
.invisible {
width:0px;
height:0px;
visibility: hidden;
}

/* 위젯 색깔 변경 */
.ui-widget-header {
	background: #4743437d;
	border: 0.5px solid #5555557a;
	color: #ffffff;
	font-weight: bold;
}



/* jqGrid altRow */
.myAltRowClass { background-color: #F5F9FD; background-image: none; }