﻿/* Jquery CSS Import */
@IMPORT url("../jquery/jquery-ui-1.8.20.custom.css");

@charset "utf-8";
* {margin:0;padding:0;}
html, body { margin:0px; padding:0px;  }
/*height:auto !important; min-height:100%;*/

body { width:100%;text-align:center;margin:0;padding:0;background:#F0F0F2;}
#wrapper {margin:0 auto; width:100%;height:100%;  text-align:center;background:url(/MIPA/Images/bg_sub.jpg) repeat-x;}
#wrap {margin:0 auto; width:1020px;position:relative;text-align:center;}
#wrap_main {margin:0 auto; width:100%;position:relative;text-align:center;}

#header {z-index:100;  }
#header h1.logo {float:left;}

img, fieldset { border:0px; }
legend { visibility:hidden; height:0px; width:0px; line-height:0; _text-indent:-10px; font-size:0px; }
table { border-collapse:collapse; }
select{vertical-align:middle} 
ul, ol { list-style-type:none; }
dt, dd, h1 ,h2, h3, h4 { padding:0px; margin:0px; }
hr { display: none; }
img {  border:none; }	
h1 { display:none;}
li {list-style:none;}
clear{clear:both;}
.test {border:1px solid #FF0000; }

th { font-size:12px; color: #484848;  font-weight:bold; text-align:left;}
td  {  font-family:Dotum, Gulim, Arial, Verdana; font-size: 12px; color:#484848; text-decoration:none; line-height:150%;text-align:left;}



a, a:link, a:visited, a:active { color:#666; text-decoration:none; }
a:hover { color:#666; text-decoration:none; }
a {outline:none;select-dummy:expression(this.hideFocus=true);}

.clfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.clfix {display: inline-block;}
.clfix {display: block;}
* html .clfix {height: 1%;} /* Hides from IE-mac */
.clfix { zoom:1; } /*for IE 5.5-7*/




a	{selector-dummy : expression(this.hideFocus=true);}
a:link     {  color:#393939; font-size:12px; text-decoration: none; font-family: Dotum, Gulim, Arial, Verdana }
a:visited {  color:#393939; font-size:12px; text-decoration: none; font-family: Dotum, Gulim, Arial, Verdana  }
a:hover  {  color:#016fb8; font-size:12px; text-decoration: none; font-family: Dotum, Gulim, Arial, Verdana  }


/*로고영역*/
#topmenu{margin:0 auto;width:1000px;text-align:center;clear:both;height:50px; }
#topmenu a:link     {  color: #959595; font-size: 9px; text-decoration: none }
#topmenu a:visited {  color: #959595; font-size: 9px; text-decoration: none}
#topmenu a:hover  {  color: #a4643c; font-size: 9px; text-decoration: none }

.logo{float:left;padding-top:8px;}
.sidemenu{float:right;width:500px; position:absolute; top:10px;font-family:tahoma;font-size:9px; text-align:right;}
.greet_txt{color:#929292; font-family:tahoma;font-size:11px; font-weight:bold;height:14px;line-height:14px;padding:0px 5px 0px 5px;}
.btn_home{color:#666; font-family:tahoma;font-size:10px; font-weight:bold;background-color:#ebebeb;height:14px;line-height:14px;padding:2px 7px 2px 7px;}
.btn_help{display:block;color:#666; font-family:tahoma;font-size:10px; font-weight:bold;text-align: center;background:url(/MIPA/Images/topbtn_bg.jpg);width:107px;height:17px;line-height:17px;cursor:pointer;}


.copy_top a:link     {  color: #653d27; font-size: 12px; font-weight:bold text-decoration: none }
.copy_top a:visited {  color: #653d27; font-size: 12px; font-weight:bold text-decoration: none}
.copy_top a:hover  {  color: #a4643c; font-size: 12px; font-weight:bold text-decoration: none }


.main_text{ height:260px; text-align:center;margin:0 auto;font-family:Dotum, Gulim, Arial, Verdana;color:#0076d1; font-size:20px; font-weight:normal;padding-top:40px; }
.sub_text{ height:190px; text-align:center;margin:0 auto;font-family:Dotum, Gulim, Arial, Verdana;color:#0076d1; font-size:20px; font-weight:normal;padding-top:40px; line-height: 120%; }


/*푸터영역*/
#footer { min-width:1020px;width:100%;height:77px;position:absolute;bottom:0px; text-align:center; background-color:#FFFFFF;border-top:2px solid #eaeaea; clear:both;text-align:center;}
.copy{ margin:0 auto; width:1020px;padding-top:2px;text-align:center;}
.copy_logo { float:left; width:230px;text-align:left;}
.copy_adr { float:middle;font-family:Dotum, Gulim, Arial, Verdana;font-size:11px;text-align:center; color:#5e5e5e;padding-top:2px;}
.copy_mark { float:left;width:30px; }
.copy_facebook { float:right; width:25px; cursor:pointer;}

/* login page */
.login_bodybg{ margin:0 auto;width:100%;height:501px;background:url(/MIPA/images/login_bodybg.jpg) repeat-x;margin-top:23px;}
.login_bg{ margin:0 auto;width:1000px;height:209px;background:url(/MIPA/images/login_bg.jpg) repeat-y;text-align: center;}

.login_title{width:70px; padding:6px 8px 6px 8px;  border:1px solid #408bc5; font:12px dotum, verdana, arial, helvetica, sans-serif; color:#FFF;background: #408fcc;text-align: center;font-weight: bold;}
.loginbox{width:230px; padding:5px 0px 0px 10px; height:19px; line-height:10px; border:1px solid #004c86; 
				font:12px dotum, verdana, arial, helvetica, sans-serif; color:#dcebf6;background: #005EA7;}
.btn_login {width:78px; height:61px; line-height:61px; color:#666; font-size:12px; font-weight: bold; text-align: center;
					background:url(/MIPA/images/login_btnbg.jpg) no-repeat;display:block;}


/* 메인페이지 설정 */
#main_img_bg{ margin:0 auto;width:100%;height:433px;background:url(/MIPA/images/main_imgbg.png) repeat-x;}
.main_img{ margin:0 auto;width:1000px;height:433px;background:url('/MIPA/images/main_img.png') no-repeat; }

.content_main_bg{ margin:0 auto;width:100%;background-color:#3a7cb8; text-align:center;}
.content_main{ margin:0 auto;width:1000px;height:250px;background:url('/MIPA/Images/main_conbg.png') repeat-y; text-align:center;}

.main_center_box{ padding-top:20px; height:250px;}

.title_quick { width:280px;float:left;font-family:나눔고딕, Dotum, Gulim, Arial, Verdana;font-size:22px; color:#FFF; padding:0 0 10px 0;text-align:left;clear:both; }


/*메인 퀻*/
.quick {clear:both;}
.quick ul {width:350px;color:#636662;}
.quick ul li {float:left; }
.quick ul li.btn {width:165px;height:34px;line-height:34px; font-size:12px;color:#636662; font-weight:bold;
						background:url('/MIPA/Images/banner_box.png') no-repeat;padding-left:5px;text-align:left;}
.quick ul li.orgbtn {width:165px;height:34px;line-height:34px; font-size:12px;color:#FFF; font-weight:bold;
							background:url('/MIPA/Images/org_box.png') no-repeat;padding-left:5px;text-align:left;}


/*메인 공지사항*/
.notice {width:100%;clear:both;}
.notice ul {width:100%;color:#636662;height:10px;}
.notice ul li {float:left; }
.notice ul li.title {width:65%;line-height:18px; font-size:11px;color:#636662; background:url('/MIPA/Images/news_icon.png') no-repeat 0 5px;padding-left:8px;}
.notice ul li.date {width:30%;text-align:right;line-height:18px; font-size:11px;color:#B9D7EE; }

.notice a:link     {  font-family:Dotum, Gulim, Arial, Verdana; color: #FFF; font-size:11px; text-decoration: none }
.notice a:visited {  font-family:Dotum, Gulim, Arial, Verdana; color: #FFF; font-size:11px; text-decoration: none }
.notice a:hover  {  font-family:Dotum, Gulim, Arial, Verdana; color: #336600; font-size:11px; text-decoration: none }



/* gnb */
.gnb{ display:inline;position:relative;z-index:30; margin:0 auto;text-align:center;width:1020px;height:36px;  font-size:12px; font-weight:bold;background:url("/MIPA/Images/menu_bg.jpg") no-repeat;}
.gnb dt{position:absolute; display:block; overflow:hidden; top:-5000px; margin:0 auto;text-align:center;}
.gnb dd{}
.gnb dd .topmenu {width:1020px;margin:0 auto;text-align:center; }
.gnb dd .topmenu li{float:left; width:165px; height:26px; padding:10px 0 0 0;margin:0 auto;text-align:center; }
.gnb dd .topmenu li a{height:26px; overflow:hidden; display:block;color:#FFF; font-family:Dotum, Gulim, Arial, Verdana;}
.gnb dd .topmenu li a:hover{color:#f0f3fd;}
.gnb dd .topmenu li.on a img{margin-top:0px;}
.gnb dd .topmenu li.first{}
.gnb dd .topmenu li.none{}


/* sub-gnb */
.sub-gnb-main{margin:0 auto; width:1020px;position:relative;top:-80px;text-align:center;}
.sub-gnb{display:inline-block;position:absolute;z-index:80;top:80px;left:10px;width:1000px;height:104px;margin:0 auto;color:#555; font-family:Dotum, Gulim, Arial, Verdana;
 background-color:#FFFFFF;border-left:1px solid #b8babd;border-right:1px solid #b8babd;border-bottom:1px solid #b8babd;text-align:center;}

.sub-gnb .smenu01  {position:absolute; width:165px;height:85px; left:0px; top:12px; z-index:100;border-left:0px solid #b8babd; padding:2px 0 0 10px;font-size:11px;}
.sub-gnb .smenu02  {position:absolute; width:165px;height:85px;left:165px; top:12px; z-index:100;border-left:1px solid #b8babd; padding:2px 0 0 10px;font-size:11px;}
.sub-gnb .smenu03  {position:absolute; width:165px;height:85px;left:330px; top:12px; z-index:100;border-left:1px solid #b8babd; padding:2px 0 0 10px;font-size:11px;}
.sub-gnb .smenu04  {position:absolute; width:165px;height:85px;left:495px; top:12px; z-index:100;border-left:1px solid #b8babd; padding:2px 0 0 10px;font-size:11px;}
.sub-gnb .smenu05  {position:absolute; width:165px;height:85px;left:650px; top:12px; z-index:100;border-left:1px solid #b8babd; padding:2px 0 0 10px;font-size:11px;}
.sub-gnb .smenu06  {position:absolute; width:165px;height:85px;left:815px; top:12px; z-index:100;border-left:1px solid #b8babd; padding:2px 0 0 10px;font-size:11px;}

.sub-gnb .smenu01  a {width:140px; font-size:11px;}
.sub-gnb .smenu02  a {width:140px; font-size:11px;} 
.sub-gnb .smenu03  a {width:140px; font-size:11px;} 
.sub-gnb .smenu04  a {width:140px; font-size:11px;} 
.sub-gnb .smenu05  a {width:140px; font-size:11px;} 
.sub-gnb .smenu06  a {width:140px; font-size:11px;} 

.sub-gnb ul li .sm1 {display:block;height:18px; overflow:hidden; text-align:left;color:#555;}
.sub-gnb ul li .sm2, .sub-gnb ul li .sm3, 
.sub-gnb ul li .sm4, .sub-gnb ul li .sm5, .sub-gnb ul li .sm6{display:block;height:18px;  overflow:hidden; text-align:left;color:#555; }

.sub-gnb li .sm1:hover {color:#555;}
.sub-gnb li .sm2:hover, .sub-gnb li .sm3:hover, .sub-gnb li .sm4:hover, .sub-gnb li .sm5:hover, .sub-gnb li .sm6:hover {color:#333399;}



/*  서브페이지 설정 시작min-height:500px;height:auto; *height:500px; */
.content{  margin:0 auto;width:1020px;background:url('/MIPA/Images/contents_bg.jpg') repeat; clear:both;text-align:center;}
.page_layout {z-index:20;margin:0 auto;width:960px;min-height:600px;height:auto; *height:600px;padding-top:30px;padding-bottom:20px;margin-bottom:50px;text-align:center; }



/* 페이지 설정 타이틀 로케이션*/
.sub_top{ width:1020px;height:78px;background:url('/MIPA/Images/sub_topimg.jpg') no-repeat; clear:both; }
.sub_top_1{ width:1020px;height:78px;background:url('/MIPA/images/sub_topimg1.jpg') no-repeat; clear:both; }
.sub_top_2{ width:1020px;height:78px;background:url('/MIPA/images/sub_topimg2.jpg') no-repeat; clear:both; }
.sub_top_3{ width:1020px;height:78px;background:url('/MIPA/images/sub_topimg3.jpg') no-repeat; clear:both; }
.sub_top_4{ width:1020px;height:78px;background:url('/MIPA/images/sub_topimg4.jpg') no-repeat; clear:both; }
.sub_top_5{ width:1020px;height:78px;background:url('/MIPA/images/sub_topimg5.jpg') no-repeat; clear:both; }
.sub_top_6{ width:1020px;height:78px;background:url('/MIPA/images/sub_topimg6.jpg') no-repeat; clear:both; }
.sub_top_7{ width:1020px;height:78px;background:url('/MIPA/images/sub_topimg7.jpg') no-repeat; clear:both; }
.page_title { width:400px;float:left;font-family:나눔고딕, Dotum, Gulim, Arial, Verdana;font-size:18px; color:#333399; font-weight:bold; padding:40px 0 0 30px;text-align:left; }
.location { width:400px;float:right;font-family:나눔고딕, Dotum, Gulim, ;font-size:11px; color:#A1A1A1; font-weight:bold; padding:50px 30px 0 0;text-align:right; }


/* 검색박스*/
.search_box {margin:0 auto;width:960px;text-align:center; background-color:#F5F8FD;border:3px solid #c5d2e2;clear:both;margin-bottom:10px; }
.search_img { margin:0 auto;background:url('/MIPA/Images/search_img.png') no-repeat right top; padding:10px 0 10px 0;text-align:center;margin-left:10px;  }


/* 박스*/
.postload_box { margin:0 auto;width:960px;text-align:center; background-color:#F5F8FD;border:3px solid #c5d2e2;clear:both;margin:0 0 20px 0;padding:10px 0 10px 0; }
.graph_box { margin:0 auto;width:960px;text-align:center; background-color:#FFFFFF;border:3px solid #c5d2e2;clear:both;margin:0 0 20px 0;padding:10px 0 10px 0; }


/* 조회수 영역*/
.hit_area { margin:0 auto;width:100%;height:20px;text-align:center; clear:both;margin-bottom:10px; }
.hit_left {float:left;width:30%;clear: both;text-align:left;font:12px Dotum, Arial, Verdana;}
.hit_right {float:left;width:70%;text-align:right;}
.num_on{ font-size:7pt;font-family:Verdana, Arial; text-align: center;margin:0 0 0 3px;background-color: #f0f0f0;
				border: 1px solid #D1D1D1;color: #cc0001;width:20px;padding: 1px 6px 1px 6px;}
.num_off{ font-size:7pt;font-family:Verdana, Arial; text-align: center;margin:0 0 0 3px;background-color: #FFFFFF;
				border: 1px solid #D1D1D1;color: #cc0001;width:20px;padding: 1px 6px 1px 6px; }

/**.center_page {position: relative;clear: both;width:700px;margin: 0 auto;margin-top:10px;text-align: center;z-index: 1;}**/
 

/* 보드 list style */
.listBrd {width:100%; border-top:3px solid #4e87cc; border-bottom:1px solid #b6b6b6; font-family:Dotum, Gulim, 나눔고딕, Arial, Verdana;}
.listBrd th {padding:8px 0 8px 0; text-align:center;border-bottom:1px solid #4e87cc; border-left:1px solid #a0b2c7;background-color:#E5EEF7;  }
.listBrd th img {margin:0 auto;}
.listBrd td {padding:5px 0 5px 0; text-align:center;border-bottom:1px solid #b6b6b6;border-left:1px solid #b6b6b6; cursor:pointer;}
.listBrd td.alignLeft {text-align:left; padding-left:18px;cursor:pointer;}

/* 보드 list style by kks added */
.listBrd-trade {width:100%; border-top:3px solid #4e87cc; border-bottom:1px solid #b6b6b6; font-family:Dotum, Gulim, 나눔고딕, Arial, Verdana;}
.listBrd-trade th {padding:8px 0 8px 0; text-align:center;border-bottom:1px solid #4e87cc; border-left:1px solid #a0b2c7;background-color:#E5EEF7;  }
.listBrd-trade th img {margin:0 auto;}
.listBrd-trade td {padding:5px 0 5px 0; text-align:center;border-bottom:1px solid #b6b6b6;border-left:1px solid #b6b6b6; cursor:pointer;}
.listBrd-trade td.alignLeft {text-align:left; padding-left:3px;cursor:pointer;}

.listBrd1Section{clear:both; float:left; width:100%; font-size:11px;}
.listBrd1{width:100%; border-top:3px solid #286fe2; border-bottom:2px solid #c4c4c4; border-collapse:collapse;}
.listBrd1 caption{text-indent:-100000px;}
.listBrd1 thead th {padding:8px 0 8px 0; border-bottom:1px solid #dedede; border-right:1px solid #e5e5e5; border-top:3px solid #286fe2; background-color:#eef5fb; color:#395178;}
.listBrd1 th img {margin:0 auto;}
.listBrd1 td {padding:7px 0 6px 0; border-bottom:1px solid #dedede; border-right:1px solid #e5e5e5; text-align:center;}
.listBrd1 tbody th{font-weight:normal; border-bottom:1px solid #dedede; border-right:1px solid #e5e5e5; }
.listBrd1 th.alignLeft {text-align:left; padding-left:18px;}
.listBrd1 .lastBrd{border-right:none;}
.listBrd1_p{clear:both; float:right; padding-top:8px; color:#666;}


/* 보드 post style */
.postBrd {border-top:3px solid #4e87cc; border-bottom:1px solid #b6b6b6; font-family:Dotum, Gulim, 나눔고딕, Arial, Verdana;}
.postBrd th {padding:10px 0 10px 20px; text-align:left;border-bottom:1px solid #4e87cc; border-left:0px solid #a0b2c7;background-color:#E5EEF7;font-family:Dotum, Gulim, 나눔고딕, Arial, Verdana;  }
.postBrd td {padding:10px 0 10px 20px; text-align:left;border-bottom:1px solid #b6b6b6;border-left:1px solid #b6b6b6;font-family:Dotum, Gulim, 나눔고딕, Arial, Verdana; }


.selectbox1{width:120px;vertical-align:middle; border:1px solid #A6A2AC; height:20px;font:12px dotum, verdana, arial, helvetica, sans-serif; color:#666;}
.boxtype1{width:200px;vertical-align:middle; border:1px solid #A6A2AC; height:20px; font:12px dotum, verdana, arial, helvetica, sans-serif; color:#666;}
.boxtype2{width:300px;vertical-align:middle; border:1px solid #A6A2AC; height:20px; font:12px dotum, verdana, arial, helvetica, sans-serif; color:#666;}



.product_con { line-height:13px;padding-top:5px;}
.product_title {  font-size:11px; font-weight:bold;border-bottom:1px solid #c5c5c5; line-height:13px; }

/* 보드 2table style */
.listLocation{font-weight: bold; font-size: 12px; background: #4e87cc; border-radius: 3px 3px 0px 0px; color: #fff; line-height: 32px; height: 28px; padding: 0px 10px; width: 70px; display: block; text-align: center; font-family: Dotum, Gulim, 나눔고딕, Arial, Verdana;}


/* 버튼 설정*/
.btn_lightgray {padding: 4px 14px 4px 14px;color:#737373;font-size:12px;font-weight: bold;text-align: center;background: #e6e6e6;border: 1px solid #adadad;border-radius:3px;}
.btn_gray {padding: 4px 14px 4px 14px;color: white;font-size:12px;font-weight: bold;text-align: center;background: #545454;border: 1px solid #303030;border-radius:3px;}
.btn_orange {padding: 4px 14px 4px 14px;color: white;font-size:12px;color:#FFF;font-weight: bold;text-align: center;background: #FF6600;border: 1px solid #ff3300;border-radius:3px;}
.btn_search {padding: 4px 10px 4px 10px;color: white;font-size:12px;color:#FFF;font-weight: bold;text-align: center;background: #4E87CC;border: 1px solid #2E50A1;border-radius:3px;}

.btn_memo {width:70px; height:43px;line-height:43px;color:#737373;font-size:12px;font-weight: bold;text-align: center;
					background: #e6e6e6;border: 1px solid #adadad; border-radius:3px;}
.btn_memopost {width:70px; height:43px;line-height:43px; color: white;font-size:12px;font-weight: bold;text-align: center;
						background: #FF6600;border: 1px solid #ff3300; border-radius:3px;}
.btn_center{clear:both;margin:0 auto;width:1000px;text-align: center;margin:20px 0 20px 0;}
.btn_search_big {width:70px; height:46px;line-height:46px; color: white;font-size:12px;font-weight: bold;text-align: center;
						background: #FF6600;border: 1px solid #ff3300; border-radius:3px;}
.btn_confirm {width:70px; height:25px;line-height:25px; color: white;font-size:12px;font-weight: bold;text-align: center;
						background: #FF6600;border: 1px solid #ff3300; border-radius:3px;}

/* 탭 설정*/
.tab_box { margin:0 auto;width:960px;text-align:left; clear:both;margin:0 0 10px 0; }
.tab_on {width:120px;padding: 8px 25px 8px 25px;color: white;font-size:12px;color:#FFF;font-weight: bold;text-align: center;background: #737373;}
.tab_off {width:120px;padding: 8px 25px 8px 25px;color: white;font-size:12px;color:#585858;font-weight: bold;text-align: center;background: #d7d7d7;}


/* 팝업박스 설정 -new*/
.popup {position:absolute;top:0px;left:0px;width:900px; height:625px;border:8px solid #9DC0E2;padding:0px;background:#FFFFFF;}
.admin_popup {position:absolute;top:0px;left:0px;height:625px;border:8px solid #9DC0E2;padding:0px;background:#FFFFFF;}

.popup_title { width:880px; height:40px;background:#3C7CB9;margin:10px;}
.popup_titletxt { float:left;width:50%; text-align:left;font: 16px Dotum, Gulim, 나눔고딕, Arial, Verdana;color:#FFF;font-weight: bold;padding-left:15px; line-height:40px;}
.popup_close { float:left;width:47%; text-align:right;padding-top:8px;}

.popup_scroll {position:relative;top:10px;left:10px;width:860px; height:520px;overflow-x:auto;overflow-y:scroll;
border:1px solid #e0e0e0;padding: 10px 10px 10px 10px;background:#ffffff;
scrollbar-face-color:#eaeaea;scrollbar-highlight-color: #f9f9f9;scrollbar-3dlight-color: #f3f3f3;scrollbar-shadow-color: #bbbbbb;
scrollbar-darkshadow-color: #757575;scrollbar-track-color: #f2f2f2;scrollbar-arrow-color: #afafaf;margin-bottom:20px;}

.popup_scroll_no {position:relative;top:10px;left:10px;width:860px; height:70%;border:1px solid #e0e0e0;padding: 10px 10px 10px 10px;background:#ffffff;margin-bottom:20px;}

.popup_tab { width:96%; padding:10px 0px 0px 10px;}
.popup_tab_box { width:100%;text-align:left; clear:both;margin:0 0 10px 0; }

.popup_page{width:500px; height:50px;background:#555555;}

.popup_help {position:absolute;top:0px;left:0px;width:700px; height:625px;border:8px solid #9DC0E2;padding:0px;background:#FFFFFF;}

/* 공지사항 팝업 용 */
.popup_Notice2 {position:absolute;top:0px;left:0px;width:900px; height:280px;border:8px solid #9DC0E2;padding:0px;background:#FFFFFF;}
.popup_scroll_Notice2 {position:relative;top:10px;left:10px;width:860px; height:160px;border:1px solid #e0e0e0;padding: 10px 10px 10px 10px;background:#ffffff;margin-bottom:20px;}

/* 사용자관리 팝업 용 */
.popup_User {position:absolute;top:0px;left:0px;width:900px; height:280px;border:8px solid #9DC0E2;padding:0px;background:#FFFFFF;}
.popup_scroll_User {position:relative;top:10px;left:10px;width:860px; height:180px;border:1px solid #e0e0e0;padding: 10px 10px 10px 10px;background:#ffffff;margin-bottom:20px; overflow:auto;}

/* 사용자추가 팝업 용 */
.popup_UserAdd {position:absolute;top:0px;left:0px;width:900px; height:480px;border:8px solid #9DC0E2;padding:0px;background:#FFFFFF;}
.popup_scroll_UserAdd {position:relative;top:10px;left:10px;width:860px; height:380px;border:1px solid #e0e0e0;padding: 10px 10px 10px 10px;background:#ffffff;margin-bottom:20px; overflow:auto;}

/* 조직도 설정 .org_info_over {position:relative;clear:both;width:242px;top:0px;left:20px;text-align:left;font: 12px 나눔고딕, Dotum, Gulim, Arial, Verdana;color:#FFF;font-weight: normal;
					line-height:17px;padding: 0 0 0 0px;}*/

.org_txt {margin:0 auto;width:960px;text-align:left;font: 12px 나눔고딕, Dotum, Gulim, Arial, Verdana;color:#676f7f;font-weight: normal;line-height:17px; margin-bottom:20px;}
.org_txtbold {font: 16px 나눔고딕, Dotum, Gulim, Arial, Verdana;color:#fead00;font-weight: bold;}

.page_layout_org {z-index:20;margin:0 auto;width:1000px;min-height:600px;height:auto; *height:600px;padding-top:30px;padding-bottom:20px;margin-bottom:50px;text-align:center; }

.org_info {width:100%;height:400px;clear:both;}
.org_info2 {width:100%;clear:both;}
.org_box {visibility:hidden;width:242; z-index:3; border:4px solid #3C7CBA;cursor:hand;}
.org_photo {position:relative;width:242px;top:0px;left:0px;}
.org_info_txt {position:relative;clear:both;width:242px;height:91px;top:-4px;left:0px;background:#6da1d0;}
.org_info_txtbox {padding:50px 0 0 10px;text-align:left;font: 12px 나눔고딕, Dotum, Gulim, Arial, Verdana;color:#FFF;font-weight: normal;line-height:17px;}
.org_info_txtbox a {color:#FFF;}
.org_info_txtbox a:hover {color:#FFF;}

.org_box2 a:hover {width:242; z-index:3; border:4px solid #3C7CBA;cursor:hand;}

.rnb {position:absolute;top:121px;left:50%;margin:0 0 0 476px;width:27px;z-index:1000}
.rnb .m {margin-bottom:276px}
.rnb .m li {_zoom:1;_display:inline;_width:100%}
.rnb .m a.r {display:block;overflow:hidden;width:27px;}
.rnb .m a.r2 img {margin-left:-27px}
.rnb .m .sub {display:none;position:absolute;right:27px;top:0;width:190px;height:236px;padding:0 0 0 0;border:1px solid #c40452;background:#333;_right:26px}
.rnb .m .sub li {clear:both;padding:17px 0 0 13px;*zoom:1}
.rnb .m .sub li li {padding:0}
.rnb .m .sub a {display:block;float:left;width:auto;line-height:16px;color:#bfbfbf;font-size:11px;}
.rnb .m .sub a.rm {overflow:hidden;height:11px;text-indent:-5000em;background:url('/images/common/rnb.gif') no-repeat 0 0}
.rnb .m .sub li.active a.rm,
.rnb .m .sub li.this a.rm,
.rnb .m .sub a.rm:hover {background-image:url('/images/common/rnb_on.gif')}
.rnb .m .sub a.r1-1 {background-position:0 -150px;width:57px}
.rnb .m .sub a.r1-2 {background-position:0 -180px;width:28px}
.rnb .m .sub a.r1-3 {background-position:0 -210px;width:69px}
.rnb .m .sub a.r1-4 {background-position:0 -240px;width:37px}
.rnb .m .sub a.r1-5 {background-position:0 -270px;width:81px}
.rnb .m .sub a.r2-1 {background-position:0 0;width:53px}
.rnb .m .sub a.r2-2 {background-position:0 -30px;width:37px}
.rnb .m .sub a.r2-3 {background-position:0 -60px;width:37px}
.rnb .m .sub a.r2-4 {background-position:0 -90px;width:37px}
.rnb .m .sub a.r2-5 {background-position:0 -120px;width:46px}
.rnb .m .sub a.r2-6 {background-position:0 -300px;width:37px}
.rnb .m .sub li.this a,
.rnb .m .sub a:hover {color:#c40452;}
.rnb .m .sub ul {margin-bottom:-10px;_margin-bottom:-3px}
.rnb .m .sub ul {overflow:hidden;float:left;margin-left:10px;padding-left:10px;border-left:1px solid #484848}
.rnb .top {padding:3px 3px 3px 4px}


/* 여백 */
.m0 { margin:0px !important; }
.mt0 { margin-top:0px !important; }
.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt_10 { margin-top:-10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt_25 { margin-top:-25px !important; }
.mb0 { margin-bottom:0px !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.ml20 { margin-left:20px !important; }





/* 팝업박스 설정
.popup {position:absolute;z-index:1000 !important;top:50px;left:50px;width:900px; height:640px;border:8px solid #9DC0E2;padding:0px;background:#FFFFFF;}
.popup2 {position:absolute;z-index:1000 !important;top:50px;left:50px;width:900px; height:340px;border:8px solid #9DC0E2;padding:0px;background:#FFFFFF;}

.popup_title { width:880px; height:40px;background:#3C7CB9;margin:10px;}
.popup_titletxt { float:left;width:50%; text-align:left;font: 16px Dotum, Gulim, 나눔고딕, Arial, Verdana;color:#FFF;font-weight: bold;padding-left:15px; line-height:40px;}
.popup_close { float:left;width:47%; text-align:right;padding-top:8px;}

.popup_scroll {position:relative;top:10px;left:10px;width:860px; height:500px;overflow-x:auto;overflow-y:scroll;
border:1px solid #e0e0e0;padding: 10px 10px 10px 10px;background:#ffffff;
scrollbar-face-color:#eaeaea;scrollbar-highlight-color: #f9f9f9;scrollbar-3dlight-color: #f3f3f3;scrollbar-shadow-color: #bbbbbb;
scrollbar-darkshadow-color: #757575;scrollbar-track-color: #f2f2f2;scrollbar-arrow-color: #afafaf;margin-bottom:20px;}

.popup_scroll_no {position:relative;top:10px;left:10px;width:860px; height:70%;border:1px solid #e0e0e0;padding: 10px 10px 10px 10px;background:#ffffff;margin-bottom:20px;}

.popup_tab { width:80%; padding:10px 0px 0px 10px;}

.popup_page{width:500px; height:50px;background:#555555;}

*/




/*페이지내 설정

.text1{ font-family:Dotum, Gulim, Arial, Verdana; color: #3d6983; font-size:12px; font-weight:bold; }
.text2{ font-family: "Tahoma, Arial, Helvetica, sans-serif, Verdana, 돋움"; color: #0077d1; font-size:12px; font-weight:bold; }
.txt_point{ font-family:"Arial, Tahoma, Helvetica, sans-serif, Verdana, 돋움";color:#f55a00; font-size:20px; font-weight:normal;margin-bottom:20px; }
.stitle_box1{ font-family:"Tahoma, Arial, Helvetica, sans-serif, Verdana, 돋움";height:21px; background:url(/images/contents/stitle_box1.jpg) no-repeat; padding:0 0 0 12px; color:#0077d1; font-size:13px; font-weight:bold;margin:10 0 10 0; }
.stitle_box2{ font-family:"Tahoma, Arial, Helvetica, sans-serif, Verdana, 돋움";height:21px; background:url(/images/contents/stitle_box2.jpg) no-repeat; padding:0 0 0 12px; color:#0077d1; font-size:13px; font-weight:bold;margin:10 0 10 0; }
.stitle_box3{ font-family:"Tahoma, Arial, Helvetica, sans-serif, Verdana, 돋움";height:21px; background:url(/images/contents/stitle_box3.jpg) no-repeat; padding:0 0 0 12px; color:#0077d1; font-size:13px; font-weight:bold;margin:10 0 10 0; }
.stitle_box4{ font-family:"Tahoma, Arial, Helvetica, sans-serif, Verdana, 돋움";height:21px; background:url(/images/contents/stitle_box4.jpg) no-repeat; padding:0 0 0 12px; color:#0077d1; font-size:13px; font-weight:bold;margin:10 0 10 0; }
.stitle_box5{ font-family:"Tahoma, Arial, Helvetica, sans-serif, Verdana, 돋움";height:21px; background:url(/images/contents/stitle_box5.jpg) no-repeat; padding:0 0 0 12px; color:#0077d1; font-size:13px; font-weight:bold;margin:10 0 10 0; }

.imgbox { width:234px; background-color:#e2e3e4; padding-top:6px; padding-bottom:2px;}
.imgbox1 { width:176px; background-color:#e2e3e4; padding-top:6px; padding-bottom:2px;}
.txtbox { background-color:#e2e3e4; padding-top:2px; padding-bottom:5px;font-size:11px;font-weight:bold;}

#textbox ul {width:95%;margin:10 0 10 0; padding-left:10px;}
#textbox ul li { line-height:20px; background:url(/images/contents/icon1.jpg) no-repeat 0 5; padding:0 0 0 14px}
.font11 {font-size:11px;}
*/



/* 연혁*/

.history_date { float:left;width:60px;font-family:Dotum, Gulim, Arial, Verdana; color: #76994A; font-size:12px; font-weight:bold; }
.history {  float:left;padding-left:10px;font-family:Dotum, Gulim, Arial, Verdana; color: #444; font-size:12px; }




/*공지사항

#notice ul {width:100%;color:#636662;height:10px;}
#notice ul li {line-height:14px; font-size:11px;color:#636662; }

#notice a:link     {  font-family:Dotum, Gulim, Arial, Verdana; color: #636662; font-size:11px; text-decoration: none }
#notice a:visited {  font-family:Dotum, Gulim, Arial, Verdana; color: #636662; font-size:11px; text-decoration: none }
#notice a:hover  {  font-family:Dotum, Gulim, Arial, Verdana; color: #336600; font-size:11px; text-decoration: none }
*/







/*상단메뉴
#topNavi {  position:absolute; top:43px; width:1000px;margin: 0px auto; padding-left:0px; Z-INDEX:500; }
#topNavi ul { float:left; margin:0px; padding:10 0 0 0; list-style:none; display:block; font-weight:bold;  }
#topNavi ul li { float:left; font-size:12px; width:150px;text-align:center;}

#topNavi a {color:#333;font-family:Dotum, Gulim, Arial, Verdana; }
#topNavi a:hover {color:#316991;font-family:Dotum, Gulim, Arial, Verdana; }

#topNavi ul li ul a {color:#666; font-family:Dotum, Gulim, Arial, Verdana; font-weight:bold;}
#topNavi #smenu1 li a:hover {color:#316991; font-weight:bold}
#topNavi #smenu2 li a:hover {color:#316991; font-weight:bold}
#topNavi #smenu3 li a:hover {color:#316991; font-weight:bold}
#topNavi #smenu4 li a:hover {color:#316991; font-weight:bold}
#topNavi #smenu5 li a:hover {color:#316991; font-weight:bold}

*/

/*대메뉴 가로크기
#topNavi .gm_menu_01{padding-right:5px;}
#topNavi .gm_menu_02{padding-right:5px}
#topNavi .gm_menu_03{padding-right:0px}
#topNavi .gm_menu_04{padding-right:0px}
#topNavi .gm_menu_05{}
*/



/*서브메뉴 공통스타일
#topNavi ul li ul {overflow:hidden; visibility:hidden; position: absolute; top:54px; left:20px; width:715px; height:25px; padding:0px 5px 0 5px; color:#555; font-weight:normal;background-color:#FFFFFF;}
#topNavi ul li ul li { height: 31px; padding:7px 10px 0 10px; font-size:12px; }
#topNavi #smenu {overflow:hidden; visibility:hidden; position: absolute; top:54px; left:20px; width:715px; height:100px; padding:0px 5px 0 5px; color:#555; font-weight:normal;background-color:#FFFFFF;}
*/

/*서브메뉴 가로크기
#topNavi #smenu1 {float:left; width:100px; left:0px}
#topNavi #smenu2 {float:left; width:100px; left:-5px}
#topNavi #smenu3 {float:left; width:100px;height:60px;line-height:20px;left:260px}
#topNavi #smenu4 {float:left; width:160px;left:50px}
#topNavi #smenu5 {float:left; width:100px;left:350px}
*/


.listBrd td.listFirst {border-left:none;}
.listBrd td.listFirstRed {border-left:none; color: red; font-weight:bold;} 
.listBrd td.listRed { color: red; font-weight:bold;} 
.listBrd-trade td.listFirst {border-left:none;}
.listBrd-trade td.listFirstRed {border-left:none; color: red; font-weight:bold;} 
.listBrd-trade td.listRed { color: red; font-weight:bold;} 

.listGridheadFirst {padding:8px 0 8px 0; text-align:center; border-top:3px solid #4e87cc; border-bottom:1px solid #4e87cc; background-color:#E5EEF7; border-left:none; border-right:none;}
.listGridhead {padding:8px 0 8px 0; text-align:center; border-top:3px solid #4e87cc; border-bottom:1px solid #4e87cc; background-color:#E5EEF7; border-left:1px solid #b6b6b6;border-right:none;}
.listGridFirest {padding:5px 0 5px 0; text-align:center;border-bottom:1px solid #b6b6b6;border-left:none; border-right:none; }
.listGridBody {padding:5px 0 5px 0; text-align:center;border-bottom:1px solid #b6b6b6;border-left:1px solid #b6b6b6; border-right:none; }
.listGridLast {padding:5px 0 5px 0; text-align:center;border-bottom:1px solid #b6b6b6;border-left:1px solid #b6b6b6; border-right:none; }


.casetableBlack td
{
    border-bottom:1px solid #4e87cc;border-left:0px solid #a0b2c7;background-color:#E5EEF7;font-family:Dotum, Gulim, 나눔고딕, Arial, Verdana;
    font-size:1em;font-weight:bold;padding-left:5px;width:100%;height:30px;text-align:left;vertical-align:middle;
}
.casetableBlue td
{
    border-bottom:1px solid #b6b6b6;border-left:1px solid #b6b6b6;background-color:#ffffff;font-family:Dotum, Gulim, 나눔고딕, Arial, Verdana;
    font-size:1em;font-weight:normal;padding-left:5px;width:100%;height:30px;text-align:left;vertical-align:middle;
}

.casetdBlack
{
    border-bottom:1px solid #4e87cc;border-left:0px solid #a0b2c7;background-color:#E5EEF7;font-family:Dotum, Gulim, 나눔고딕, Arial, Verdana;
    font-weight:bold;padding-left:5px;height:30px;text-align:left;vertical-align:middle;
}
.casetdBlue
{
    border-bottom:1px solid #b6b6b6;border-left:1px solid #b6b6b6;background-color:#ffffff;font-family:Dotum, Gulim, 나눔고딕, Arial, Verdana;
    font-weight:normal;padding-left:5px;height:30px;text-align:left;vertical-align:middle;
}

.popup_Notice {position:absolute;top:0px;left:0px;width:867px; height:308px;border:8px solid #9DC0E2;padding:0px;background-color:#FFFFFF;}
.popup_scroll_Notice {position:relative; top:10px;left:10px;width:840px; height:220px;border:0px solid #e0e0e0;background:#ffffff;margin-bottom:20px;}
.popup_title_Notice { width:840px; height:40px;background:#3C7CB9;margin:10px;}

.fileupload{width:400px;vertical-align:middle; border:1px solid #A6A2AC; height:20px; font:12px dotum, verdana, arial, helvetica, sans-serif; color:#666;}
.postload_box2 { margin:0 auto;width:100%;text-align:center; background-color:#F5F8FD;border:3px solid #c5d2e2;clear:both;margin:0 0 20px 0;padding:10px 0 10px 0; }

.displaynone{ display:none; }
.cursorpointer{ cursor:pointer;}

.selectedRow{ cursor:pointer;background-color:#AAAAAA; }
.gridHeader1{ background-color:#DCE1E4; }

.titleMainList {width:65%;line-height:18px; font-size:11px;color:White; background:url('/MIPA/Images/news_icon.png') no-repeat 0 5px;padding-left:8px;cursor:pointer;}
.dateMainList {width:30%;text-align:right;line-height:18px; font-size:11px;color:#B9D7EE; }

#NoticeTitle {color:Black;}
#NoticeTitle .noticeTitleA {cursor:text;}
#noticeDate {color:Black;}
#noticeCount {color:Black;}
#noticeLinq a:link     {  font-family:Dotum, Gulim, Arial, Verdana; color:Black; font-size:11px; text-decoration: none; cursor:default;cursor:pointer; }
#noticeLinq a:visited {  font-family:Dotum, Gulim, Arial, Verdana; color:Black; font-size:11px; text-decoration: none; cursor:default; cursor:pointer;}
#noticeLinq a:hover  {  font-family:Dotum, Gulim, Arial, Verdana; color:#336600; font-size:11px; text-decoration: none; cursor:default; cursor:pointer;}

#todolistGrid { cursor:default;}
#todolistGrid a:link     {  font-family:Dotum, Gulim, Arial, Verdana; color: #FFF; font-size:11px; text-decoration: none; cursor:default; }
#todolistGrid a:visited {  font-family:Dotum, Gulim, Arial, Verdana; color: #FFF; font-size:11px; text-decoration: none; cursor:default; }
#todolistGrid a:hover  {  font-family:Dotum, Gulim, Arial, Verdana; color: #FFF; font-size:11px; text-decoration: none; cursor:default; }

.boxtype3 {width:185px;}
.boxtype4 {width:110px;}
.boxtype5 {width:65px;}

/**************** Footer Button Add ***************/
.a_btn {display:inline-block !important; height:18px; font-size:11px !important; padding:3px 5px 0; border:1px solid #e3e3e3; border-radius:2px; background-color:#f1f1f1; background:linear-gradient(#fff,#f1f1f1); transition:border-color 0.5s,background 0.5s;}
.a_btn:hover, .a_btn:focus {background:#274397; color:#fff; border-color:#274397;}

/**************** Table Text Align Add ***************/
.tal {padding-left:5px !important; text-align:left !important;}
.tar {padding-right:5px !important; text-align:right !important;}
.tac {text-align:center !important;}

/**************** Table Button Add ***************/
.t_btn_wrap {display:inline-block; padding-left:10px;}
.t_btn {display:inline-block !important; height:18px; font-size:11px !important; color:#fff !important; font-weight:bold; padding:2px 5px 0; border-radius:2px; background-color:#274397; transition:background .5s;}
.t_btn:hover, .t_btn:focus {background:#ff6600;}

/**************** Tab Button Add ***************/
.tab_list {width:100%;}
.tab_list:after {clear:both; display:block; content:"";}
.tab_list li {float:left; width:477px; height:27px; padding-top:13px; background:#d7d7d7; text-align:center; font-size:12px; font-weight:bold; cursor:pointer; }
.tab_list li + li {margin-left:6px;}
.tab_list li.on {color:#fff; background:#274397;}
.tab_list.d2 {padding-top:10px;}
.tab_list.d2 li {width:96px; height:22px; padding-top:8px; background:#eee;}
.tab_list.d2 li.on {color:#fff; background:#737373;}

/**************** Table in Table Add ***************/
.inner_tbl {width:100%; margin:5px 0; border:1px solid #d7d7d7; border-collapse:collapse;}
.inner_tbl th, .inner_tbl td {padding:5px; border:1px solid #d7d7d7;}
.inner_tbl th {background:#e3e3e3;}
.inner_tbl td {background:#f9f9f9;}

/**************** Image in Table Add ***************/
#img_layer {display:none; position:absolute; top:80px; left:145px; border:5px solid #000; font-size:0;}
#img_layer p {position:absolute; top:10px; right:10px; font-size:0; cursor:pointer;}

/**************** Tab in Table Add ***************/
#tab_container {padding-top:20px;}
.tbl_tab {width:100%;}
.tbl_tab:after {clear:both; display:block; content:"";}
.tbl_tab li {float:left; width:15%;}
.tbl_tab li + li {margin-left:6px;}
.tbl_tab li a {display:block; width:100%; height:22px; padding-top:8px; background:#eee; text-align:center; font-size:12px; font-weight:bold; color:#999; border:1px solid #b6b6b6;}
.tbl_tab li a.on {color:#393939; background:#e5eef7; border:1px solid #4e87cc;}

/* ==========================================================================
   KIST POPUP 추가사항
   ========================================================================== */
   
/* 좌측 - TAB 메뉴 영역 */
.kist_lnb{width:120px; float:left; position:absolute; top:40px;}
.kist_lnb .popup_tab_box a{display: block; width:110px; box-sizing: border-box; padding: 8px; margin-bottom: 3px;}
.kist_con{width:900px; margin-left:120px;}
.kist_popup .popup_tab{width:100%; box-sizing:border-box; padding:10px 0px 0px 10px;}
.kist_popup .popup_tab:after{content:""; display:block; clear:both;}
.kist_popup .popup_tab_box{max-width:calc(100% - 140px); float:left;}
.kist_lnb .popup_tab_box .point_tab_on {color:#fff; background:#f6583d; font-size:12px; font-weight:bold ;text-align:center}
.kist_lnb .popup_tab_box .point_tab_off {color:#585858; background:#ffcec6; font-size:12px; font-weight:bold ;text-align:center}

/* 헤더영역 */
.kist_popup{width:1020px}
.kist_popup .popup_header{font-family:Dotum, Gulim, Arial, Verdana; padding:8px 10px 0px 10px; font-size:12px;}
.kist_popup .popup_header h1{display:block; float:left; margin-left:-120px;}
.kist_popup .popup_header h2{float:left; font-size:12px; color:#141161;}
.kist_popup .popup_header h2 img{margin-right:3px;}
.kist_popup .popup_header .top_info{text-align:left}
.kist_popup .popup_header .top_info dl{width:100%;}
.kist_popup .popup_header .top_info dl dt{float:left; width:90px; text-align:left;}
.kist_popup .popup_header .top_info dl dt:before{content:"+"; padding-right:5px;}
.kist_popup .popup_header .top_info dl dt:after{content:":"; padding-left:5px;}
.kist_popup .popup_header .top_info dl dd{line-height:1.4em; text-align:left; float:left; width: calc(100% - 100px); padding-left:3px; position:relative;}
.kist_popup .popup_header .top_info dl dd.line_2{overflow: hidden; text-overflow: ellipsis; height: 2.8em;}
.kist_popup .popup_header .top_info .top_btn{display:inline-block; box-sizing: border-box; padding: 8px; padding-bottom:6px; background:#838383; color: #fff; font-size: 12px; font-weight:bold; text-decoration: none; cursor:pointer; border-radius:3px; border-bottom:solid 2px #363636; border-right:solid 1px #363636; transition:background-color 0.2s;}
.kist_popup .popup_header .top_info .top_btn:hover{background:#737373;}
.kist_popup .popup_header .row{position:relative;}
.kist_popup .popup_header .row + .row{margin-top:10px; height:48px;}
.kist_popup .popup_header .row + .short_row{height:30px;}
.kist_popup .popup_header .row + .auto_row{height:auto; text-align:left}
.kist_popup .popup_header .row:after{content:""; display:block; clear:both;}
.kist_popup .tab_right{width:140px; float:right; text-align:right;}
.kist_popup .gray_btn{display:inline-block; box-sizing: border-box; padding:0px 5px; line-height:22px; min-height:20px; background:#838383; color: #fff; font-size: 12px; font-weight:bold; text-decoration: none; cursor:pointer; border-radius:3px; border-bottom:solid 2px #363636; border-right:solid 1px #363636; transition:background-color 0.2s;}
.kist_popup .gray_btn:hover{background:#737373;}
.kist_popup .search_box{box-sizing:border-box; width:100%;}
.kist_popup .search_box table{width:100%}
.kist_popup .search_box table td{padding-right:10px;}
.kist_popup .search_box .search_img{margin-right:10px}
.kist_popup .search_box input[type="text"]{height:16px; }
.kist_popup .btn_search_big{height:20px; line-height:17px; cursor:pointer; transition:all 0.2s}
.kist_popup .btn_search_big:hover{background:#ea5e00}

/* 컨텐츠영역 */
.kist_popup .popup_scroll{margin-bottom:18px;}
#ProcessCaseList tbody tr td{vertical-align:top;}
#ProcessCaseList tbody tr:nth-child(2n) td{height:36px;}
#ProcessCaseList tbody tr:nth-child(4n+3) td{background:#e0e0e0;}
#ProcessCaseList tbody tr:nth-child(4n+4) td{background:#e0e0e0;}
#NewCaseList tbody tr td{vertical-align:top;}
#NewCaseList tbody tr:nth-child(2n) td{height:36px;}
#NewCaseList tbody tr:nth-child(4n+3) td{background:#e0e0e0;}
#NewCaseList tbody tr:nth-child(4n+4) td{background:#e0e0e0;}

.kist_popup .body_scroll{position:relative; top:10px; left:10px; width:860px; height:545px; border:1px solid #e0e0e0; padding:10px; background:#fff; font-family:Dotum, Gulim, 나눔고딕, Arial, Verdana;}
.kist_popup .body_scroll table tr th:first-child, .kist_popup .body_scroll table tr td:first-child{border-left:none}
.kist_popup .body_scroll .listBrd{display:block}
.kist_popup .body_scroll .listBrd.listHd{width:calc(100% - 17px); border-bottom:none}
.kist_popup .body_scroll .listBrd.listBd{border-top:none}
.kist_popup .body_scroll .listBrd.listBd tbody{overflow-y:scroll; height:513px; display:block; width:100%}
.kist_popup .body_scroll .listBrd.listBd tbody td{line-height:18px;}
.kist_popup .body_scroll .listBrd.listBd tbody td img{max-width:17px}
.kist_popup .body_scroll .paging{width:calc(100% - 17px)}
.kist_popup .body_scroll .paging tbody td{height:30px;}
.kist_popup .body_scroll .listTt{font-weight: bold; font-size: 12px; background: #4e87cc; border-radius: 3px 3px 0px 0px; color: #fff; line-height: 32px; height: 28px; padding: 0px 10px; width: 70px; display: block; text-align: center; font-family:Dotum, Gulim, 나눔고딕, Arial, Verdana;}
.kist_popup .body_scroll .refer_txt{font-size:12px; text-align:left; margin-bottom:10px;}

.kist_popup .body_scroll.h498{height:498px;}
.kist_popup .body_scroll.h498 .listBrd.listBd tbody{height:463px;}
.kist_popup .body_scroll.h480{height:480px;}
.kist_popup .body_scroll.h480 .listBrd.listBd tbody{height:445px;}
.kist_popup .body_scroll.h455{height:520px;}
.kist_popup .body_scroll.h455 .listBrd.listBd tbody{height:455px;}
.kist_popup .body_scroll.h440{height:505px;}
.kist_popup .body_scroll.h440 .listBrd.listBd tbody{height:440px;}
.kist_popup .body_scroll.h420{height:480px;}
.kist_popup .body_scroll.h420 .listBrd.listBd tbody{height:420px;}
.kist_popup .body_scroll.h397{height:462px;}
.kist_popup .body_scroll.h397 .listBrd.listBd tbody{height:397px;}
.kist_popup .body_scroll.h200{height:480px;}
.kist_popup .body_scroll.h200 .listBrd.listBd tbody{height:144px;}

/* 예상비용 table width */
.body_scroll .estimateControlList_wrap table thead tr th:nth-child(1),
.body_scroll .estimateControlList_wrap table tbody tr td:nth-child(1){width:152px}
.body_scroll .estimateControlList_wrap table thead tr th:nth-child(2),
.body_scroll .estimateControlList_wrap table tbody tr td:nth-child(2){width:385px}
.body_scroll .estimateControlList_wrap table thead tr th:nth-child(3),
.body_scroll .estimateControlList_wrap table tbody tr td:nth-child(3){width:306px}

/* FEE이력 : 리마인더 table width */
.body_scroll .fee_reminderHistoryList_wrap table thead tr th:nth-child(1),
.body_scroll .fee_reminderHistoryList_wrap table tbody tr td:nth-child(1){width:238px}
.body_scroll .fee_reminderHistoryList_wrap table thead tr th:nth-child(2),
.body_scroll .fee_reminderHistoryList_wrap table tbody tr td:nth-child(2){width:150px}
.body_scroll .fee_reminderHistoryList_wrap table thead tr th:nth-child(3),
.body_scroll .fee_reminderHistoryList_wrap table tbody tr td:nth-child(3){width:50px}
.body_scroll .fee_reminderHistoryList_wrap table thead tr th:nth-child(4),
.body_scroll .fee_reminderHistoryList_wrap table tbody tr td:nth-child(4){width:150px}
.body_scroll .fee_reminderHistoryList_wrap table thead tr th:nth-child(5),
.body_scroll .fee_reminderHistoryList_wrap table tbody tr td:nth-child(5){width:100px}
.body_scroll .fee_reminderHistoryList_wrap table thead tr th:nth-child(6),
.body_scroll .fee_reminderHistoryList_wrap table tbody tr td:nth-child(6){width:150px}

/* FEE이력 : 청구 table width */
.body_scroll .fee_instructionList_wrap{margin-top:30px;}
.body_scroll .fee_instructionList_wrap table thead tr th:nth-child(1),
.body_scroll .fee_instructionList_wrap table tbody tr td:nth-child(1){width:48px}
.body_scroll .fee_instructionList_wrap table thead tr th:nth-child(2),
.body_scroll .fee_instructionList_wrap table tbody tr td:nth-child(2){width:135px}
.body_scroll .fee_instructionList_wrap table thead tr th:nth-child(3),
.body_scroll .fee_instructionList_wrap table tbody tr td:nth-child(3){width:110px}
.body_scroll .fee_instructionList_wrap table thead tr th:nth-child(4),
.body_scroll .fee_instructionList_wrap table tbody tr td:nth-child(4){width:50px}
.body_scroll .fee_instructionList_wrap table thead tr th:nth-child(5),
.body_scroll .fee_instructionList_wrap table tbody tr td:nth-child(5){width:100px}
.body_scroll .fee_instructionList_wrap table thead tr th:nth-child(6),
.body_scroll .fee_instructionList_wrap table tbody tr td:nth-child(6){width:93px}
.body_scroll .fee_instructionList_wrap table thead tr th:nth-child(7),
.body_scroll .fee_instructionList_wrap table tbody tr td:nth-child(7){width:115px}
.body_scroll .fee_instructionList_wrap table thead tr th:nth-child(8),
.body_scroll .fee_instructionList_wrap table tbody tr td:nth-child(8){width:93px}
.body_scroll .fee_instructionList_wrap table thead tr th:nth-child(9),
.body_scroll .fee_instructionList_wrap table tbody tr td:nth-child(9){width:93px}

/* 신건리스트 table width */
.body_scroll .NewCaseList_wrap table thead tr th:nth-child(1),
.body_scroll .NewCaseList_wrap table tbody tr td:nth-child(1){width:69px}
.body_scroll .NewCaseList_wrap table thead tr th:nth-child(2),
.body_scroll .NewCaseList_wrap table tbody tr td:nth-child(2){width:35px}
.body_scroll .NewCaseList_wrap table thead tr th:nth-child(3),
.body_scroll .NewCaseList_wrap table tbody tr td:nth-child(3){width:35px}
.body_scroll .NewCaseList_wrap table thead tr th:nth-child(4),
.body_scroll .NewCaseList_wrap table tbody tr td:nth-child(4){width:117px}
.body_scroll .NewCaseList_wrap table thead tr th:nth-child(5),
.body_scroll .NewCaseList_wrap table tbody tr td:nth-child(5){width:155px}
.body_scroll .NewCaseList_wrap table thead tr th:nth-child(6),
.body_scroll .NewCaseList_wrap table tbody tr td:nth-child(6){width:68px}
.body_scroll .NewCaseList_wrap table thead tr th:nth-child(7),
.body_scroll .NewCaseList_wrap table tbody tr td:nth-child(7){width:98px}
.body_scroll .NewCaseList_wrap table thead tr th:nth-child(8),
.body_scroll .NewCaseList_wrap table tbody tr td:nth-child(8){width:68px}
.body_scroll .NewCaseList_wrap table thead tr th:nth-child(9),
.body_scroll .NewCaseList_wrap table tbody tr td:nth-child(9){width:99px}
.body_scroll .NewCaseList_wrap table thead tr th:nth-child(10),
.body_scroll .NewCaseList_wrap table tbody tr td:nth-child(10){width:99px}

/* 비용계정처리 table width */
.body_scroll .CostAccountProcessingList_wrap table thead tr th:nth-child(1),
.body_scroll .CostAccountProcessingList_wrap table tbody tr td:nth-child(1){width:250px}
.body_scroll .CostAccountProcessingList_wrap table thead tr th:nth-child(2),
.body_scroll .CostAccountProcessingList_wrap table tbody tr td:nth-child(2){width:250px}
.body_scroll .CostAccountProcessingList_wrap table thead tr th:nth-child(3),
.body_scroll .CostAccountProcessingList_wrap table tbody tr td:nth-child(3){width:150px}
.body_scroll .CostAccountProcessingList_wrap table thead tr th:nth-child(4),
.body_scroll .CostAccountProcessingList_wrap table tbody tr td:nth-child(4){width:100px}
.body_scroll .CostAccountProcessingList_wrap table thead tr th:nth-child(5),
.body_scroll .CostAccountProcessingList_wrap table tbody tr td:nth-child(5){width:100px}

/* 실시건 리스트 table width */
.body_scroll .ProcessCaseList_wrap table thead tr th:nth-child(1),
.body_scroll .ProcessCaseList_wrap table tbody tr td:nth-child(1){width:70px}
.body_scroll .ProcessCaseList_wrap table thead tr th:nth-child(2),
.body_scroll .ProcessCaseList_wrap table tbody tr td:nth-child(2){width:46px}
.body_scroll .ProcessCaseList_wrap table thead tr th:nth-child(3),
.body_scroll .ProcessCaseList_wrap table tbody tr td:nth-child(3){width:47px}
.body_scroll .ProcessCaseList_wrap table thead tr th:nth-child(4),
.body_scroll .ProcessCaseList_wrap table tbody tr td:nth-child(4){width:149px}
.body_scroll .ProcessCaseList_wrap table thead tr th:nth-child(5),
.body_scroll .ProcessCaseList_wrap table tbody tr td:nth-child(5){width:149px}
.body_scroll .ProcessCaseList_wrap table thead tr th:nth-child(6),
.body_scroll .ProcessCaseList_wrap table tbody tr td:nth-child(6){width:70px}
.body_scroll .ProcessCaseList_wrap table thead tr th:nth-child(7),
.body_scroll .ProcessCaseList_wrap table tbody tr td:nth-child(7){width:99px}
.body_scroll .ProcessCaseList_wrap table thead tr th:nth-child(8),
.body_scroll .ProcessCaseList_wrap table tbody tr td:nth-child(8){width:112px}
.body_scroll .ProcessCaseList_wrap table thead tr th:nth-child(9),
.body_scroll .ProcessCaseList_wrap table tbody tr td:nth-child(9){width:99px}

/* 레이어팝업 */
.layer_back{position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.3); display:none}
.kist_layer{display:none; width: 600px; max-height: 350px; position: absolute; top: calc(50% - 121px); left: calc(50% - 300px); background:#fff; border-radius:3px; box-shadow:1px 3px 3px 0 rgba(0,0,0,.2), 1px 3px 15px 2px rgba(0,0,0,.2); font-family:"맑은 고딕", "Malgun Gothic", Arial, Verdana; }
.kist_layer .layer_close{position:absolute; top:-10px; right:-10px}
.kist_layer .layer_close .btn_close{display: block; background: #737373; width: 30px; height: 30px; line-height:25px; border-radius: 50%; color: #fff; font-weight: bold; cursor:pointer; font-size:25px!important; box-sizing:border-box;}
.kist_layer .layer_close .btn_close:hover{font-family:"맑은 고딕", "Malgun Gothic", Arial, Verdana; }
.kist_layer .layer_con{text-align:left;}
.kist_layer .layer_con p{height:45px; overflow:hidden; margin-bottom:10px;}
.kist_layer .layer_con p span{display: inline-block; max-width: 230px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom;}
.kist_layer .layer_con p.latest_file:before{content:'*'; margin-right:3px;}
.kist_layer .layer_con .filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.kist_layer .layer_con .filebox label { display: inline-block; padding:5px 10px; color: #fff; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #337ab7; cursor: pointer; border: 1px solid #2e6da4; border-bottom-color: #2e6da4; border-radius: .25em; } 
.kist_layer .layer_con .filebox label:hover{background:#2e6da4;}
.kist_layer .layer_con .filebox #upload-name { width:350px; display: inline-block; padding:5px 10px; /* label의 패딩값과 일치 */ font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; }
.kist_layer .layer_con input[type="button"]{border: 0; background: none; box-shadow:none; background:#e0e1e2; color:rgba(0,0,0,.8); padding:0px 10px; border-radius:3px; height:30px; line-height:30px;  transition:background-color 0.2s; cursor:pointer; font-weight:bold}
.kist_layer .layer_con input[type="button"]:hover{background:#cacbcd}
.kist_layer .layer_con input[type="submit"]{border: 0; background: none; box-shadow:none; background:#e0e1e2; color:rgba(0,0,0,.8); padding:0px 10px; border-radius:3px; height:30px; line-height:30px;  transition:background-color 0.2s; cursor:pointer; font-weight:bold}
.kist_layer .layer_con input[type="submit"]:hover{background:#cacbcd}
.kist_layer .layer_con input.fileUpload_btn{background:#f2711c; color:#fff}
.kist_layer .layer_con input.fileUpload_btn:hover{background:#f26202}
.kist_layer .layer_header{border-bottom:1px solid rgba(34,36,38,.15); padding:15px;}
.kist_layer .layer_header h3{display:block}
.kist_layer .layer_footer{border-top:1px solid rgba(34,36,38,.15); padding:15px; text-align:right}
.kist_layer .layer_body{padding:20px; font-size:14px;}

.kist_inputbtn{display:inline-block; box-sizing: border-box; padding: 2px; padding-bottom:1px; background:#737373; color: #fff; font-size: 11px; font-weight:bold; text-decoration: none; cursor:pointer; border-radius:3px; border-bottom:solid 2px #363636; border-right:solid 1px #363636; transition:background-color 0.2s;}
.kist_inputbtn:hover{background:#838383;}

/**************** CLV 검은색 Bar (화면 상단, 하단) ***************/
.top_bar {margin: auto; height: 40px; background-color: #333; line-height: 40px; padding-left: 40px; text-align:left;}
.top_bar img {padding-top:10px; outline: none;}
.bottom_bar {margin: auto; height: 40px; background-color: #333; line-height: 40px; padding-left: 40px; text-align:left;}
.bottom_bar img {padding-top:10px; outline: none;}