@charset "utf-8"

a {color:#353535;}
.block{display:block;}

/* 추가 부분 */
input[type="checkbox"] {
  transform:scale(1.4, 1.4);
}

input[type="radio"] {
  transform:scale(1.4, 1.4);
}

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

table.focus-on tbody tr.focused th, table.focus-on tbody tr.focused td {
    background-color: #FAE0D4;
    color: #000;
}

.table thead tr{
    background-color: #EAEAEA;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: middle;
	padding: 7px;
}

/*
.label {
	padding:4px 7px !important;
	font-size:0.85em;
}
*/

.ui-jqgrid tr.jqgrow td {box-sizing:content-box;}


/* 추가 부분 끝 */

.btn{
	/*white-space:normal !important;*/
	word-wrap: break-word; 
}

/*------------------------------------- 
  header 
--------------------------------------*/
.logo {margin-top:13px; margin-bottom:15px;padding-left:0;}

.navbar-brand {width:180px;margin-right:27px;padding-left:10px;padding-right:10px;box-sizing:border-box;background:#80c0d2;color:#326776 !important;font-weight:bold;font-size:1.2em;text-align:center;}
.navbar-green{background:#4b9bb2 !important;border-bottom:2px solid #c9c9c9;}
/*.navbar-green{background:#4b9bb2 !important;}*/

.navbar-green .navbar-nav > li > a{margin-right:5px;color:#fff;font-weight:bold;font-size:1.05em;}
.navbar-green .navbar-nav > li > a:hover,
.navbar-green .navbar-nav > li > a:focus,
.navbar-green .navbar-nav > li.active > a {
	color:#fff; background:#254965;
}

.navbar-green .navbar-nav .dropdown-menu {background:#85b8c6;}
.navbar-green .navbar-nav .dropdown-menu > li > a:hover {background:#c1e0e9;}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background:#85b8c6}

/* header-quick */
.quick{margin-top:15px;}
.btn_quick{padding:8px 12px;box-sizing:border-box;}
.btn_quick > a{color:#fff;text-decoration:none;}

/*------------------------------------- 
  footer 
--------------------------------------*/
footer {margin-top:20px;padding:20px 0;border-top:1px solid #dbdbdb;color:#999;}


/*------------------------------------- 
  sub 
--------------------------------------*/
/* leftmenu */
#left-menu{margin-bottom:0;padding-left:0;}
#left-menu h2 {margin:0;height:80px; background:#347ab8; color:#fff;font-size:1.5em;font-weight:bold;line-height:80px;letter-spacing:-1px;text-align:center;border-bottom:2px solid #04e2f1;}
/*#left-menu > ul > li{margin-bottom:1px;}*/

#left-menu > ul > li > a {display:block;height:35px;padding:0 8px 0 11px; background:#e5e5e5; color:#555; line-height:35px; border-radius:0;font-size: 0.98em;}
#left-menu > ul > li > a:hover,
#left-menu > ul > li > a:focus,
#left-menu > ul > li.active > a,
#left-menu > ul > li.active > a:hover,
#left-menu > ul > li.active > a:focus {
	background:#00c6d3; 
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

#left-menu .nav-stacked > li + li {
	margin:0;
}

/* leftmenu - 2depth */
#left-menu > ul > li > ul {padding:4px 11px;border:1px solid #ddd;margin-bottom:3px;}
#left-menu > ul > li > ul > li {padding-left:14px;background:url('/power/images/bul_arrow2.gif') 5px 9px no-repeat; list-style:none;letter-spacing:-0.5px;}
#left-menu > ul > li > ul > li > a{display:block; line-height:22px;color:#555;text-decoration:none;font-size: 0.95em;}
#left-menu > ul > li > ul > li > a:hover,
#left-menu > ul > li > ul > li > a:focus,
#left-menu > ul > li > ul > li.active > a,
#left-menu > ul > li > ul > li.active > a:hover,
#left-menu > ul > li > ul > li.active > a:focus {color:#980000;font-weight:bold; }

.nav-tabs{margin-top:20px;}

.cont_tit{position:relative;margin-bottom:25px;padding-bottom:12px;border-bottom:1px solid #dbdbdb;}
.cont_tit h2{margin:10px 0 0;padding-left:28px;padding-bottom:12px;border-bottom:4px solid #008299;background:url('/power/images/bul_cont_tit.gif') left 1px no-repeat;font-size:1.45em;font-weight:bold;letter-spacing:-0.05em;display:inline;}

.cont {line-height:20px; text-align:justify;}
.cont h3 {margin:30px 0 15px;padding-left:22px; background:url('/user/images/bul_circle1.gif') left 3px no-repeat;font-size:1.3em;font-weight:bold;}

.container {word-break:break-all;}

.img-responsive-u{max-width:100%; height: auto;}

.box01{width:100%; padding:20px;border:1px solid #dbdbdb; box-sizing:border-box;}

.ul_list01 {margin-left:12px;padding:0;}
.ul_list01 li{padding-left:12px;background:url('/user/images/bul_dot1.png') left 7px no-repeat;}

}

#loginbox{margin:200px auto;}
.login h4{font-weight:bold;}
.login dt{font-size:20px;font-weight:bold;color:#0064a3;}
.login dd{margin-top:10px;font-size:13px;}


table > tbody > tr > th{vertical-align:middle !important;}
.th{background:#f5f5f5}

/* 게시판용 */
.board_list{	width:100%;margin-bottom:5px;padding:15px 20px 18px;border:1px solid #e4e4e4;box-sizing:border-box;background:#fff;text-align:left;}
.board_list dt{font-size:1.1em;font-weight:bold; color:#212121;}/*#005FC1*/
.board_list dt > strong{color:#22AD36; font-size:0.9em;}
.board_list dd.list_info{margin-top:8px;font-size:0.9em;font-weight:normal;color:#666;}
.board_list dd.list_info > span{	padding:0 6px 0 3px;border-right:1px solid #e4e4e4;}
.board_list dd.list_info > span:last-child{border-right:none;}
.board_list dd.list_cont{margin-top:8px;font-size:1.1em;	color:#333;	text-align:justify;line-height:140%}


/* 달력 */
.calendar{width:100%;}
.calendar thead th{
	padding:4px !important;
	text-align:center;
	font-weight:bold;
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #dbdbdb 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#dbdbdb 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f9f9f9 0%,#dbdbdb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
}
.calendar tbody td{padding:3px; vertical-align:top !important; }
.calendar tbody td > span{display:block}
.calendar tbody td > span.badge{display:inline-block;background:#ff0000;}
.calendar .sun{color:#ff0000}
.calendar .sat{color:#002aff;}
.calendar .gray{background:#f8f8f8;}
.calendar .panel{margin:8px 0 0;}
.calendar .panel-heading{padding:3px 8px;}
.calendar .panel-body{padding:8px 5px 3px 5px;}
.calendar ul, .calendar ol{padding-left:5px;}
.calendar li{width:auto;}


	/* 페이지 제목
	------------------------------------------------------ */
	#pageTitle { 
		font-family: 'Nanum Square', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		color:#31708f;
		font-size:1.5em;
		padding:11px 0 8px 0;
		/*background-color:#F6F6F6;*/
		border:#31708f 1px solid;
		border-bottom:#31708f 5px solid;
		border-radius:7px;
		/*border-top-right-radius:10px;*/

	}

/* 게시판 - faq
	------------------------------------------------------ */


	#faq-content dl { 
		padding:0;
		margin:0;
	}

	#faq-content > dl { 
		font-size:1.05em;
	}

	#faq-content dl > dd { 
		margin-left:18px;
	}

	#faq-content dl > dd > dl > dt { 
		font-weight:normal;
		float:left;
	}

	#faq-content dl > dd > dl > dd { 
		margin-left:18px;
	}

	#faq-content dl > dd > dl > dd > dl > dt{ 
		font-weight:normal;
		float:left;
	}
	
	#faq-content dl > dd > dl > dd > dl > dd{ 
		margin-left:25px;
	}

/*------------------------------------- 
  미디어쿼리 
--------------------------------------*/
@media (min-width: 768px) and (max-width: 1199px) {
	ul.nav li.dropdown:hover > ul.dropdown-menu{     
		display: block;     
		margin: 0; 
	}
		
	.mainInfo{display:none;}
	/*.navbar-brand{display:none;}*/

	/* 모바일, 모바일 외 */
	.article-mobile {display:none !important;}
	.article-not-mobile {display:inline !important;}
	.article-mobile-calendar{display:none;}
	.article-not-mobile-calendar{display:block;}
	
	.cont_tit .local{position:absolute; bottom:5px;right:0;padding-left:13px;color:#999;}

}

@media (max-width: 767px) { /* 모바일 */
	.quick{display:none;}
	.navbar-toggle {background:#85b8c6;}
	.navbar-toggle .icon-bar{background:#fff;}
	.navbar-brand{font-size:1.3em;}

	#idGrid { /* 임시 그리드 */
		display: block !important;
	}
	#left-menu { /* 왼쪽 메뉴 */
		display: none !important;
	}

	/* 모바일, 모바일 외 */
	.article-mobile {display:inline !important;}
	.article-not-mobile {display:none !important;}
	.article-mobile-calendar{display:block;}
	.article-not-mobile-calendar{display:none;}

	.cont_tit .local{padding-bottom:8px;color:#999;}

	span.check_radio{display:block; margin-bottom:5px;}

	footer > div > div > div > strong{display:block;margin-bottom:10px;}

	/* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }

}

@media (min-width: 1200px) {  /* PC */

	ul.nav li.dropdown:hover > ul.dropdown-menu{     
		display: block;     
		margin: 0; 
	}
	
	.mainInfo{display:none;}
	/*.navbar-brand{display:none;}*/

	#idGrid { /* 임시 그리드 */
		display: none; !important; 
	}

	/* 모바일, 모바일 외 */
	.article-mobile {display:none !important;}
	.article-not-mobile {display:inline !important;}
	.article-mobile-calendar{display:none;}
	.article-not-mobile-calendar{display:block;}

	.cont_tit .local{position:absolute; bottom:5px;right:0;padding-left:13px;color:#999;}
}

@media (min-width: 768px) and (max-width: 991px) { /* 테블릿 */

	ul.nav li.dropdown:hover > ul.dropdown-menu{     
		display: block;     
		margin: 0; 
	}

	#idGrid { /* 임시 그리드 */
		display: block !important;
	}
	#left-menu { /* 왼쪽 메뉴 */
		display: none !important;
	}

	/* 모바일, 모바일 외 */
	.article-mobile {display:none !important;}
	.article-not-mobile {display:inline !important;}
	.cont_tit .local{position:absolute; bottom:5px;right:0;padding-left:13px;color:#999;}

	/*.panel{font-size:1.2em;}*/

	/*.navbar-brand{display:none;}*/

}