@charset "utf-8"

@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');

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;}


/* 추가 부분 끝 */


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

.navbar-brand {width:180px;margin-right:10px;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:100px; background:#347ab8; color:#fff;font-size:1.5em;font-weight:bold;line-height:100px;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;
	}

		.cont_wrap{min-height:600px; box-sizing:border-box; color:#444; line-height:160%; text-align:justify;font-family: 'Noto Sans KR', sans-serif;padding:0 10px; font-size: 15px;}
	.cont_wrap h3{position:relative; margin-top:50px; margin-bottom:18px; padding-top:10px; color:#333; font-size:25px; font-weight:500;}
	.cont_wrap h3:before{content:''; display:block; position:absolute; left:0; top:0; width:30px; height:5px; border-radius:50px; background:#014099;}
	.cont_wrap h3:first-child{margin-top:0;}
	.cont_wrap h3 > small{padding-top:12px;}


	/* 윤리강령 */
	.tb_rulelist{width:100%; border:1px solid #dbdbdb; border-top:2px solid #3a79af;}
	.tb_rulelist tbody td{padding:20px 40px; background:#f7f7f7;}
	.tb_rulelist tbody td:first-child{border-right:1px solid #dbdbdb;}
	.tb_rulelist tbody td > a{display:block;}
	.tb_rulelist tbody td > a:hover{color:#3a79af;}

	.rule > h4{font-size:22px; font-weight:500; color:#000;}
	.rule > h5{margin-top:20px;margin-bottom:0px; font-size:15px; font-weight:bold; color:#000;}
	.rule > p{margin:3px 0 20px;}

	.ol_list02{padding-left:20px;}
	.ol_list02 .graybox{width:100%; padding:20px; box-sizing:border-box; background:#f7f7f7;}
	.ol_list02 > li.none{padding-left:0 !important; list-style:none;}
	.ol_list02 > li > strong{font-weight:500;}
	.ol_list02 > li > ul{margin-bottom:15px; padding:0;}
	.ol_list02 > li > ul > li{position:relative; padding-left:18px; list-style:none;}
	.ol_list02 > li > ul > li.none{padding-left:0 !important;}
	.ol_list02 > li > ul > li:before{position:absolute; left:0; top:0; display:block;}
	.ol_list02 > li > ul > li.one:before{content:'⑴';}
	.ol_list02 > li > ul > li.two:before{content:'⑵';}
	.ol_list02 > li > ul > li.three:before{content:'⑶';}
	.ol_list02 > li > ul > li.four:before{content:'⑷';}
	.ol_list02 > li > ul > li.five:before{content:'⑸';}
	.ol_list02 > li > ul > li.six:before{content:'⑹';}
	.ol_list02 > li > ul > li.seven:before{content:'⑺';}
	.ol_list02 > li > ul > li.eight:before{content:'⑻';}
	.ol_list02 > li > ul > li.nine:before{content:'⑼';}
	.ol_list02 > li > ul > li.one_o:before{content:'①';}
	.ol_list02 > li > ul > li.two_o:before{content:'②';}
	.ol_list02 > li > ul > li.three_o:before{content:'③';}
	.ol_list02 > li > ul > li.four_o:before{content:'④';}
	.ol_list02 > li > ul > li.five_o:before{content:'⑤';}
	.ol_list02 > li > ul > li.six_o:before{content:'⑥';}
	.ol_list02 > li > ul > li.etc_1:before{content:'※';}
	.ol_list02 > li > ul > li > ul{padding:0;}
	.ol_list02 > li > ul > li > ul > li{padding-left:15px; background:url('/user/images/common/bul_dot2.png') left 9px no-repeat; list-style:none;}

	.ol_list02_1{padding-left:0px;margin-top:5px;}
	.ol_list02_1 .graybox{width:100%; padding:20px; box-sizing:border-box; background:#f7f7f7;}
	.ol_list02_1 > li{position:relative; padding-left:18px; list-style:none;}
	.ol_list02_1 > li.none{padding-left:0 !important;}
	.ol_list02_1 > li:before{position:absolute; left:0; top:0; display:block;}
	.ol_list02_1 > li.one_o:before{content:'①';}
	.ol_list02_1 > li.two_o:before{content:'②';}
	.ol_list02_1 > li.three_o:before{content:'③';}
	.ol_list02_1 > li.four_o:before{content:'④';}
	.ol_list02_1 > li.five_o:before{content:'⑤';}
	.ol_list02_1 > li.six_o:before{content:'⑥';}
	.ol_list02_1 > li.seven_o:before{content:'⑦';}
	.ol_list02_1 > li.eight_o:before{content:'⑧';}
	.ol_list02_1 > li.nine_o:before{content:'⑨';}
	.ol_list02_1 > li.ten_o:before{content:'⑩ ';}

	.ol_list02_2{padding-left:0px;margin-top:0;}
	.ol_list02_2 .graybox{width:100%; padding:20px; box-sizing:border-box; background:#f7f7f7;}
	.ol_list02_2 > li{position:relative; padding-left:18px; list-style:none;}
	.ol_list02_2 > li.none{padding-left:0 !important;}
	.ol_list02_2 > li:before{position:absolute; left:0; top:0; display:block;}
	.ol_list02_2 > li.one:before{content:'⑴';}
	.ol_list02_2 > li.two:before{content:'⑵';}
	.ol_list02_2 > li.three:before{content:'⑶';}
	.ol_list02_2 > li.four:before{content:'⑷';}
	.ol_list02_2 > li.five:before{content:'⑸';}
	.ol_list02_2 > li.six:before{content:'⑹';}
	.ol_list02_2 > li.seven:before{content:'⑺';}
	.ol_list02_2 > li.eight:before{content:'⑻';}
	.ol_list02_2 > li.nine:before{content:'⑼';}

	.ol_list02_3{padding-left:0px;margin-top:0;margin-bottom:0;}
	.ol_list02_3 > li{position:relative; padding-left:50px; list-style:none;}
	.ol_list02_3 > li.none{padding-left:0 !important;}
	.ol_list02_3 > li:before{position:absolute; left:0; top:0; display:block;}
	.ol_list02_3 > li.one:before{content:'첫번째)';}
	.ol_list02_3 > li.two:before{content:'두번째)';}


	.graybox_only{width:100%; padding:20px; box-sizing:border-box; background:#f7f7f7;}

	/* 자격증 */
	.flowchart{position:relative; margin-bottom:5px;}
	.flowchart > i{position:absolute; right:-7px; top:50%; transform:translateY(-50%);}
	.flowchart > a > div > .panel-heading{background:#3a79af; color:#fff;}
	.tb_flow{width:100%; border-top:2px solid #3a79af; color:#333;}
	.tb_flow thead th{padding:5px; border-right:1px solid #dbdbdb; text-align:center; font-weight:500; background:#67a1d2; color:#fff;}
	.tb_flow thead th:last-child{border-right:0;}
	.tb_flow tbody th{padding:5px; border-right:1px solid #fff; border-bottom:1px solid #fff; text-align:center; font-weight:400; background:#f1f1f1;}
	.tb_flow tbody td{padding:5px; border:1px solid #dbdbdb; text-align:center; font-weight:300;}
	.ul_list01{padding:0;}
	.ul_list01 li{text-align: left;margin-left:10px; padding-left:15px; background:url('/user/images/common/bul_dot.png') left 9px no-repeat; list-style:none;}
	.ol_list01{padding-left:20px;}
	.ol_list01 li > ul{margin-bottom:10px; padding:0;}
	.ol_list01 li > ul > li{padding-left:15px; background:url('/user/images/common/bul_dot.png') left 9px no-repeat; list-style:none;}

	.ol_list01 li > ul{margin-bottom:10px; padding:0;}
	.ol_list01 li > ul > li{padding-left:15px; background:url('/user/images/common/bul_dot.png') left 9px no-repeat; list-style:none;}

	.ol_list01 li > .graybox_only > ul{padding:0;font-weight:300;}
	.ol_list01 li > .graybox_only > ul > li{padding-left:15px; background:url('/user/images/common/bul_bar.png') left 13px no-repeat; list-style:none;}


	.dl_list01 dt{margin:10px 5px; font-weight:400;}
	.dl_list01 dd{margin-left:15px; padding-left:10px; background:url('/user/images/common/bul_dot2.png') left 9px no-repeat;}

	.star{padding-left:15px; background:url('/user/images/common/bul_star.png') left 8px no-repeat;}
	.clear{background:none;}

/*------------------------------------- 
  미디어쿼리 
--------------------------------------*/
@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); }

	.table-responsive > .tb_flow {
		margin-bottom: 0;
	}
	.table-responsive > .tb_flow > thead > tr > th,
	.table-responsive > .tb_flow > tbody > tr > th,
	.table-responsive > .tb_flow > tfoot > tr > th,
	.table-responsive > .tb_flow > thead > tr > td,
	.table-responsive > .tb_flow > tbody > tr > td,
	.table-responsive > .tb_flow > tfoot > tr > td {
		white-space: nowrap;
	}


}

@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;}*/

}