@charset "utf-8";

@import url('http://fonts.googleapis.com/css?family=Alegreya+Sans:400,700');
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	font-family: 'NanumGothic', '돋움', 'Lato', Calibri, Arial, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;  
	outline: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
  
}
html { 
	overflow-y: scroll;
	width:100%;
	height:100%;
}
body {
	font-family: 'NanumGothic', '돋움', 'Lato', Calibri, Arial, sans-serif;  
	background:;
	width:100%;
	height:100%;
}


br { display: block; line-height: 1.6em; } 

 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }

input, textarea { 
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none; 
}
label, select, input, textarea {
 vertical-align:middle;
}
select {
 font-size: 12px;
 height: 22px;
 line-height: 23px;
 border: 1px solid #d7d7d7;
 color: #666666;
 vertical-align: middle;
}
textarea {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 border: 1px solid d7d7d7;
 color: #666666;
 overflow-y: auto;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }


table { border-collapse: collapse; border-spacing: 0; width:100%; }




th, td {max-width:100%;  }
img {vertical-align:middle; max-width:100%; border:0;}


a {
	color: #f0f0f0;
	text-decoration: none;
}

a:hover {
	color: #000;
}
.container {
	background:#fff;
	width:100%;
	min-width:1000px;
}
.container > header {
	width: 100%;
	/* padding: 2.875em 1.875em 1.875em; */
}
.header {
	height:88px; 
	width:1000px; 
	margin:0 auto; 
	display:block;
}
.logo {
	width:290px; 
	float:left;
}
.omenu {
	width:auto; 
	float:right; 
	top:100%; 
	font-size:0.688em; 
	color:#e3e3e3;
}
.omenu a {
	color:#777;
}
.omenu a:hover {
	color:#222;
	font-weight:700;
}


/* top menu */
.topmenu {
	background:url(../../images/topmenu_bg.jpg) repeat-x; 
	width:100%; 	
	height:45px;
}
.tmenu {
	width:1000px; 
    min-width:1000px;
	height:45px;
	margin:0 auto;
	background:url(../../images/topmenu_bg_1.png) no-repeat;
}
.tmenu ul {
	list-style: none; 
	margin: 0 auto;
	wdith:100%;
	padding-top:13px;
}
.tmenu li {
	width:33.33%;
	float:left;
	text-align:center;
	display: inline;
}
.tmenu li a {
	color: #f2f5f8;
	font-size: 16px;
	font-weight: 600;
	outline: none;
	text-decoration:none;
}
.tmenu li a:hover {
	color:#abdaff;
	
}


/** main 갤러리 styles **/
.slider {
	background:#e1e5e9;
	position: relative;
	width: 100%;
	min-width:1000px;
	height: 326px;
	overflow: hidden;
}
	
.slides {
  height: 100%;
  overflow: hidden;

  /**	
   * Prevent blinking issue
   * Not tested. Experimental.
   */
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;

   -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
   -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
   -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
   transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
	
.slide {
  height: 100%;
  float: left;
  clear: none;
}
.slide figure {
  display: block;
  position: relative;
  text-align: center;
}
.slide figure figcaption {
  position: absolute;
  right: 20%;
  font-size: 1.1em;
  font-weight: bold;
  padding: 8px 14px;
  color: #464646;
  background: rgba(255,255,255,0.8); 
}
.slide figure figcaption a {
  color: #5a7fbc;
  text-decoration: none;
}
.slide figure figcaption a:hover { text-decoration: underline; }

.slide figure img {
  max-height: 326px;
  max-width: 1500px;
}



.slider-arrows {}

.slider-arrow {
  position: absolute;
  display: block;
  margin-bottom: -20px;
  padding: 20px;
  font-family: 'Alegreya Sans', 'Trebuchet MS', sans-serif;
  text-decoration: none;
  font-weight: 900;
  font-size: 3.0em;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 8px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.slider-arrow:hover {
  background: #d5dbe1;
  opacity: .75;
  color: #a6b9cc;
}
.slider-arrow--right { bottom: 50%; right: 30px; }
.slider-arrow--left { bottom: 50%; left: 30px; }


.slider-nav {
  position: absolute;
  bottom: 10px;
}

.slider-nav__item {
  width: 13px;
  height: 13px;
  float: left;
  clear: none;
  display: block;
  margin: 0 5px;
  background: #fff;
  border:#5c7090 solid 1px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  opacity:.5;
}
.slider-nav__item:hover { background: #5c7090; }
.slider-nav__item--current, .slider-nav__item--current:hover { 
	width: 30px;
    height: 13px;
	background: #5c7090;
	border:#fff solid 1px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
 }



/** responsive styles **/
@media screen and (max-width: 1050px) {
  #w { padding: 0 15px; }
  .slider-arrow { font-size: 1.8em; padding: 15px; }
} 

@media screen and (max-width: 650px) {
  h1 { font-size: 2.9em; }
}

@media screen and (max-width: 450px) {
  h1 { font-size: 2.1em; }
}


/* main  */
.main {
	background:#fff; 
	width:1000px; 
	min-width:1000px;
	margin:0 auto; 
	display:block;
}

.mleft,.mcenter, .mright {
	height:590px; 
	padding:33px 0 50px 0;
	float:left; 
	border-left:#d5d5d5 solid 1px;		
}
.mleft {
	width:332px;
}
.mcenter {
	width:332px; 	
}
.mright {
	width:332px; 	
	border-right:#d5d5d5 solid 1px;	
}


/* sub main  */
.sub_main {
	background:url(../../images/s_bg.jpg) repeat-x;
	min-width:1000px;
}

.s_1_bg {
	width:100%;
	background:url(../../images/sub_1_bg.png) center no-repeat; 
	height:731px;
	padding-top:43px; 
}

.s_2_bg {
	width:1020px;
	margin:0 auto;
	background:url(../../images/sub_2_bg.png) no-repeat;
	padding-top:39px; 
	overflow:hidden;
}

.s_main {
	width:1000px; 
	height:641px; 
	margin:0 auto; 	
	display:block;
}
.s_bn {
	float:left;
}

.s_bn a.roll img.over{ display: none;}
.s_bn a.roll:hover img { display: none;}
.s_bn a.roll:hover img.over { display: inline;}


/* sub 상세페이지 */

.s_sub {
	width:1000px;
	overflow:hidden;
	margin:0 auto; 	
	display:block;
	border-top:#a8c9e5 3px solid;
}
.lmenu {
	width:180px; float:left; background:#9C6;
}
.s_contents {
	width:775px;
	float:left;
	min-height:630px;
	margin-left:45px;
	padding-top:20px;
}
.contents_txt {
	clear:both;
	float:right;
	height:20px;
	display:block; 
	color:#777; 
	font-size:12px;
	padding-right:45px;
}
.contents {
	clear:both;
	width:100%;
	display:block;
	padding-bottom:70px;
	
}


.map {
	padding-bottom:100px;
	padding-left:15px;
}
.map iframe {
	border-radius:0.75em;
	border:2px solid #CCC;
	
}




/* Board Page  --------------------------- */
.board {}
.board td {
	height:38px;
	font-size:13px;
	color:#999;
	border-bottom:1px solid #e0e0e0;
}
.board img {
	vertical-align:bottom;
	margin-left:5px;
}
.board a { 
	color:#555; 
	text-decoration: none; 
	line-height:16px; 
}
.board a:hover { 
	text-decoration: underline;  
	color:#555; 
}

.board th {
	font-size:13px; 
	font-weight:bold; 
	color:#222222; 
	height:38px; 
	border-top:3px solid #999;
	border-bottom:1.5px solid #999;
}


.page {
	padding:20px 0 0 0; 
	font-size:13px;
	color:#ddd;
}
.page a {
	color:#888;
	text-decoration:none;
}
.page span {
	margin:0 7px;
}


/* View Page ----------------------------- */
.view {
	padding:40px 0 15px 0;
	
}

.view th {
	width:730px;
	font-size:13px; 
	font-weight:bold; 
	color:#222222; 
	height:43px; 
	border-top:3px solid #999;
	border-bottom:1.5px solid #999;
	padding:0 20px;
}
.view th span.date {
	font-size:12px;
	color:#999;
	font-weight:normal; 
	float:right; 
	display:block;
}
.view td {
	font-size:13px;
	color:#777;
	
}
.v_file {
	padding:5px 20px;
}
.v_contents {
	width:100%;
	table-layout:fixed;
	padding:20px 25px; line-height:2.2;
	border-bottom:1px solid #CCC;
}
.v_reply {
	background-color:#f7f7f7; 
	padding:15px 25px; 
	line-height:2.2;
	border-bottom:1px solid #CCC;
}
.v_reply span {
	color:#5fadd9; 
	font-size:13px; 
	font-weight:bold;
}


/* Write Page ----------------------------- */
.write {
	padding:40px 0 15px 0; 
	
}
.write td {
	height:40px;
	font-size:13px;
	border-bottom:1px solid #eee; 
	border-top:1px solid #eee;
	border-right:1px solid #eee;
	padding:0 20px;
}
.write th {
	font-size:13px;
	font-weight:bold;
	color:#444;
	background:url(../../images/dot_01.jpg) no-repeat 30px #eff3f8;
	border:1px solid #d4dce8; 
	width:140px;
	height:47px;
	text-align:left;
	padding-left:45px;
}


/* 계약정보 Page ----------------------------- */
.contract {
	padding:0 0 15px 0; 
	
}
.contract td {
	height:40px;
	font-size:13px;
	border-bottom:1px solid #eee; 
	padding:10px 20px;
}
.contract th {
	font-size:13px;
	font-weight:bold;
	color:#444;
	background:url(../../images/dot_01.jpg) no-repeat 30px #eff3f8;
	border-bottom:1px solid #d4dce8; 
	width:20%;
	height:47px;
	text-align:left;
	padding-left:45px;
}

.contract input {
	height:22px;
}

.contract input, select, textarea {
	border: 1px solid #ddd;	
}

/*  경계해제이력 외 list page ----------------------*/
.list_top {
	padding:10px 0px 10px 0; 
	overflow:hidden;
	background:;
}
.list_top01 {
	display:inline-block;	 
	float:left; 
	padding-left:20px; 
	padding-top:8px; 
	background:url(../../images/dot_01.jpg) no-repeat 5px 12px;
}
.list_top03 {
	display:inline-block;	 
	float:left; 
	padding-left:20px; 
	padding-top:0px; 
	background:url(../../images/dot_01.jpg) no-repeat 5px 12px;
}

.list_top01_tit {
	font-weight:bold;
	font-size:14px;
}

.list_top02 {
	display:inline-block; 
	font-size:14px; 
	float:right;
	padding-left:20px; 
	background:url(../../images/dot_01.jpg) no-repeat 5px 12px;
}

.input_border {
	border: 1px solid #d7d7d7;
	height:22px;
}
.input_border1 {
	border: 1px solid #ddd;
	height:22px;
	
}
.input_border2 {
	border: 1px solid #ddd;
	height:22px;
	width:35px;
}


/* 고객요청사항접수 ------------------------------*/

.w_request {
	border-radius:0.75em; 
	border:1px solid #b4c7d7; 
	background:#f6f8f9; 
	padding:15px 20px;
}

.request {
	padding:0 0 15px 0; 
	
}
.request td {
	height:40px;
	font-size:13px;
	border-bottom:1px dashed #bfcfdc; 
	padding:7px 20px;
}
.request th {
	font-size:13px;
	font-weight:bold;
	color:#444;
	background:url(../../images/dot_01.jpg) no-repeat 20px;
	border-bottom:1px dashed #bfcfdc; 
	height:40px;
	text-align:left;
	padding-left:40px;
}

.request input {
	height:22px;
}

.request input, select, textarea {
	border: 1px solid #ddd;	
}


/* 식수관리 -------------------------------*/
.sub0301_2 {
	border-top:2px solid #668ec3; 
	border-bottom:1px solid #668ec3; 
	padding:0 0 15px 0; 
	color:#555; 
	font-size:13px;
	background:#f2f5f8;
}
.sub0301_2 td, th {
	height:35px;
	border-bottom:0px solid #ddd;
}
.sub0301_2 th {
	font-weight:bold;
	font-size:14px;
	border-bottom:1px solid #c9d6e5;
	padding:10px 5px;
	background:#e7eff7;
	height:50px;
}
.sub0301_2_last {
	padding-right:15px;
	
}
.sub0301_2_1st {
	padding-top:10px;
	
}
.sub0301_2 span {
	font-weight:bold;
	font-size:14px;
	
}

.sub0301_2 input.box01 {
	height:25px;
	width: 130px;
	margin:7px 2px;
	border:1px solid #ddd;
}
.sub0301_2 input.box02 {
	height:25px;
	width: 110px;
	margin:7px 2px;
	border:1px solid #ddd;
	text-align:right;
}


/* 스케줄관리 - 근무조설정 ----------------------- */
.list_top_stng {
	display:inline-block;	 
	padding-left:20px; 
	padding-top:30px; 
	background:url(../../images/dot_01.jpg) no-repeat 5px 32px;
	border-bottom:3px solid #999; 
	padding-bottom:10px; 
	width:100%;
}
.setting_top1 {
	font-size:13px;
	border-bottom:2px solid #999;
	background:#F3F9FC;
	padding:10px 15px;
	
}
.setting_top1 td{
	font-size:13px;
	height:45px;
	
}

.setting_top2 {
	border-bottom:1px solid #98BECF;
}

.setting_top2 td {
	background:#fff;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	height:25px;
	font-size:13px;
	color:#333;
	text-align:center;
}
.setting_top2 th {
	font-size:13px;
	font-weight:bold;
	color:#333;
	height:25px;
	background:#DFE4E8;
	border-bottom:1px solid #98BECF;
}
.setting_top3 {
	border-bottom:1px solid #98BECF;
	background:#F3F9FC;
	padding:20px 15px;
}

.setting_top3 td {
	border-bottom:1px dashed #C7D3DC;
	
	padding:6px;
	font-size:13px;
	color:#333;
	text-align:left;
	padding-left:20px;
}
.setting_top3 input {
	margin:2px 0;
	
}
.setting_top3 div {
	height:100%;
	float:left;
}

/* 현황검색 -------------------------------*/
.sub0305 {
	border-top:2px solid #668ec3; 
	border-bottom:1px solid #668ec3; 
	padding:7px 30px; 
	color:#555; 
	font-size:13px;
	background:#f2f5f8;
}
.sub0305 td{
	height:35px;
}

.sub0305 label {
	background:url(../../images/dot_03.jpg) 0 7px no-repeat;
	padding-left:12px;
}

.s0305 {
	height:50px; 
	border-top:1px dotted #a0b2c9; 
	text-align:right;
	padding:10px 0;
}


/* 로그인 -----------------------------*/

.login_p {
	width:370px; 
	margin:0 auto;
	padding-top:30px;
	padding-bottom:30px;
	border-radius: 0.75em;
	border:1px solid #DEE7EF;
}
.login_p th {
	font-size:14px;
	color:#666;
	font-weight:bold;
	text-align:left;
	background:url(../../images/dot_01.jpg) no-repeat 20px 15px;
	padding-left:35px;
}

.idpw {
	padding-top:30px; 
	text-align:center;
	margin-top:30px;
	border-top:1px dashed #DFE4E8;
}
.idpw a {
	color:#666;
	font-size:12px;
}
.idpw a:hover {
	color:#489cf1;
}

.m_mobile {
	clear:both;
}
.m_mobile th {
	background:#f5f6f7;
	font-size:13px;
	font-weight:bold;
	color:#666;
	border-bottom:1px solid #e0e0e0;
	border-top:1px solid #e0e0e0;
	
		
}
.m_mobile td {
	height:36px;
	padding-left:20px;
	border-bottom:1px solid #ececec;
	border-top:1px solid #ececec;
}



/* button 
---------------------------------------------- */

input.btn_log {
	font-family:'Lato', Calibri, Arial, sans-serif, 'NanumGothic', '돋움'; 
	font-weight: bold;
	font-size: 25px;
	padding:15px 20px;
}

input.btn10 {
	font-family:'NanumGothic', '돋움', 'Lato', Calibri, Arial, sans-serif; 
	font-weight: bold;
	font-size: 12px;
	border-radius: .3em;
	margin:4px;
	margin-left:0;
	height:20px;
	width:80px;
}

input.btn_pr {
	background: url(../../images/icon_print.gif) no-repeat 4px #62b6e6;
	border:1px solid #429acc;
	color:#fff;
	font-family:'NanumGothic', '돋움', 'Lato', Calibri, Arial, sans-serif; 
	font-weight: bold;
	font-size: 12px;
	border-radius: .3em;
	margin:5px;
	height:20px;
	padding-left:26px;
}
input.btn_pr:hover {
	background-color: #307ca7;
	border:1px solid #1d6086;
	
}
input.btn9 {
	background: url(../../images/icon_excel.gif) no-repeat 4px #5d9ee0;
	border:1px solid #3a79b9;
	color:#fff;
	font-family:'NanumGothic', '돋움', 'Lato', Calibri, Arial, sans-serif; 
	font-weight: bold;
	font-size: 12px;
	border-radius: .3em;
	margin:5px;
	height:20px;
	padding-left:26px;
}
input.btn9:hover {
	background-color: #2d72b9;
	border:1px solid #1c60a5;
	
}

input.btn8 {
	font-family:'NanumGothic', '돋움', 'Lato', Calibri, Arial, sans-serif; 
	font-weight: bold;
	font-size: 12px;
	border-radius: .3em;
	margin:4px;
	height:20px;
}

input.btn7 {
	font-family:'NanumGothic', '돋움', 'Lato', Calibri, Arial, sans-serif; 
	font-weight: bold;
	font-size: 12px;
	border-radius: .3em;
	margin:5px;
	height:20px;
}

input.btn6 {
	font-family:'NanumGothic', '돋움', 'Lato', Calibri, Arial, sans-serif; 
	font-weight: bold;
	font-size: 12px;
	border-radius: .3em;
	margin:5px;
}

input.btn5 {
	font-family:'NanumGothic', '돋움', 'Lato', Calibri, Arial, sans-serif; 
	font-weight: bold;
	font-size: 14px;
}

input.btn4 {
	
	font-family:'NanumGothic', '돋움', 'Lato', Calibri, Arial, sans-serif; 
	font-weight: bold;
	font-size: 14px;
}


/* btn color ---*/

.l_gray {
	background-color: #f4f4f4;
	border:1px solid #c7c7c7;
	color:#888;
}
.l_gray:hover {
	background-color: #dddddd;
	border:1px solid #ababab;
}

.d_gray {
	background-color: #98a7bc;
	border:1px solid #7b8da6;
	color:#fff;
}
.d_gray:hover {
	background-color: #7489a6;
	border:1px solid #5f7593;
}
.l_blue {
	background-color: #62b6e6;
	border:1px solid #429acc;
	color:#fff;
}
.l_blue:hover {
	background-color: #307ca7;
	border:1px solid #1d6086;
}
.d_blue {
	background-color: #5d9ee0;
	border:1px solid #3a79b9;
	color:#fff;
}
.d_blue:hover {
	background-color: #2d72b9;
	border:1px solid #1c60a5;
}

.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	/* text-shadow: 0 1px 1px rgba(0,0,0,.3); */
	-webkit-border-radius: .2em; 
	-moz-border-radius: .2em;
	border-radius: .2em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}


.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 12px;
	padding: .4em .6em .4em;
}


/*   footer ------------------------------- */
.foot {
	background:#e7e8e9; 
	border-top:#cacaca solid 1px; 
	min-height:150px; 
	vertical-align:bottom; 
	clear:both;
	width:100%;
	min-width:1000px;
}
.f_box {
	width:1000px; 
	margin:0 auto; 
	margin-top:37px;
	display:block;
}
.f_logo {
	width:150px; 
	float:left;
}
.copy_txt {
	float:left; 
	display:block;
	width:820px;
	font-size:0.68em; 
	color:#666; 
	line-height:2em; 
	padding-left:30px;
}
.copy_txt span {
	color:#f26522;	
}



/*   POPUP  LOGIN -------------------------------  */
#overlay_form{
	position: absolute;
	border: 3px solid #c6d6f1;
	padding: 10px;
	background: white;
	border-radius: .75em;
	width: 270px;
	height: auto;
	z-index: 200;
}

#overlay_form h2 {
	font-family:'NanumGothic', '돋움', 'Lato', Calibri, Arial, sans-serif; 
	font-size:24px;
	font-weight:bold;
	color:#416296;
	padding:15px;
	margin-bottom:15px;
	border-bottom:1px dashed #D9D9D9;
}

#overlay_form .login{
	width:100%;
	padding-bottom:15px;
	height:35px;
}
#overlay_form .login{
	width:100%;
	padding-bottom:15px;
	height:35px;
}
#overlay_form .login label{
	background:url(../../images/dot_01.jpg) 5px no-repeat;
	font-size:13px;
	color:#666;
	padding-left:20px;
	width:35%;
	
}
#overlay_form .login input{
	float:right;
	width:65%;
}
#overlay_form .login_w_btn{
	width:100%;
	border-top:1px dashed #D9D9D9;
}
#overlay_form .login_btn{
	display:block;
	margin:0 auto;
	width:120px;
	padding-top:15px;
	
}

#pop{
	display: inline-block;
	text-align: center;
	text-decoration: none;
	z-index: 100;
}

.background_overlay { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; background:black; opacity: 0.7;}

/* 퀵배너 */
.q_banner {
    position:absolute; 
    z-index:2; 
    top:0; 
    width:180px; 
    height:78px; 
    background:url(../../images/pdfdown_bg.png)left top no-repeat; 
    border:#dfdfdf 1px solid;
}
.q_banner:hover {
    background:url(../../images/pdfdown_over.png) no-repeat;
}


/*** 개발자추가 ***/
.GridPager a, .GridPager span
    {
        display: block;
        height: 20px;
        width: 20px;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        margin: 2px 2px 2px 2px;
        padding: 3px 3px 3px 3px;
        
    }
.GridPager a
    {
        background-color: #f5f5f5;
        color: #969696;
        border: 1px solid #969696;
        text-decoration: none;
    }
.GridPager span
    {
        background-color: #A1DCF2;
        color: #000;
        border: 1px solid #3AC0F2;
    }

.GridPager table
    {
        width: 1%;
    }

.GridPager table td
    {
        border-bottom: 0px;
    }

.deltdbottom table td
    {
        border-bottom: 0px;
    }


img, input { 
vertical-align:middle; 
 }

.board_font1 th {
    font-size:12px;
}

.board_font1 td {
    font-size:12px;
}

/* 페이징 이미지 css */
/*PagerSettings Mode="NumericFirstLast" Position="Bottom" PageButtonCount="5" 
                                        FirstPageText="<div id='div_first' class='bgFirst'>&nbsp;</div>" LastPageText="<div id='div_last' class='bgLast'>&nbsp;</div>" 
                                        PreviousPageText="<div id='div_prev' class='bgPrev'>&nbsp;</div>" NextPageText="<div id='div_next' class='bgNext'>&nbsp;</div>" */
.bgFirst {
    background: url(../../images/icon_prev2.gif) no-repeat;
}
.bgLast {
    background: url(../../images/icon_next2.gif) no-repeat;
}
.bgPrev {
    background: url(../../images/icon_prev1.gif) no-repeat;
}
.bgNext {
    background: url(../../images/icon_next1.gif) no-repeat;
}

/*   POPUP  LOGIN -------------------------------  */
.overlay_form{
	position: absolute;
	border: 3px solid #c6d6f1;
	padding: 10px;
	background: white;
	border-radius: .75em;
	width: auto;
	height: auto;
	z-index: 200;
}

.overlay_form h2 {
	font-family:'NanumGothic', '돋움', 'Lato', Calibri, Arial, sans-serif; 
	font-size:24px;
	font-weight:bold;
	color:#416296;
	padding:15px;
	margin-bottom:0;
	border-bottom:1px dashed #D9D9D9;
}

.overlay_form .login{
	width:100%;
	padding-bottom:15px;
	height:35px;
}
.overlay_form .login{
	width:100%;
	padding-bottom:15px;
	height:35px;
}
.overlay_form .login label{
	background:url(../../images/dot_01.jpg) 5px no-repeat;
	font-size:13px;
	color:#666;
	padding-left:20px;
	width:35%;
	
}
.overlay_form .login input{
	float:right;
	width:65%;
}
.overlay_form .login_w_btn{
	width:100%;
	border-top:1px dashed #D9D9D9;
}
.overlay_form .login_btn{
	display:block;
	margin:0 auto;
	width:120px;
	padding-top:15px;
	
}

#pop{
	display: inline-block;
	text-align: center;
	text-decoration: none;
	z-index: 100;
}

.background_overlay { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; background:black; opacity: 0.7;}


.popContent th {
    background:url(../../images/dot_01.jpg) 5px no-repeat;
	font-size:13px;
	color:#666;
	padding-left:20px;
	width:35%;

}

input.btn6_1 {
	background-color: #98a7bc;
	border:1px solid #7b8da6;
	color:#fff;
	font-family:'NanumGothic', '돋움', 'Lato', Calibri, Arial, sans-serif; 
	font-weight: bold;
	font-size: 12px;
	border-radius: .3em;
	margin:5px;
}
input.btn6_1:hover {
	background-color: #7489a6;
	border:1px solid #5f7593;
	
}

.un_sub0305 td{
	height:10px;
}