@charset "utf-8";
/* @import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); */

@import url(/skin/notokr/notokr.css);
html {
	overflow-x: hidden;
	overflow-y: scroll;
}

body {
	background-color: #fff;
}

/* 폰트 설정 */

.body-layout,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
button {
	font-family: 'notokr', "NanumGothic", "나눔고딕", 'NanumBarunGothic', 'Apple SD Neo Gothic', 'Malgun Gothic', 'Gulim', sans-serif;
}

/* h1, h2, h3, h4, h5, h6, p { margin: 0px; } */

ol,
ul,
li {
	list-style: none;
	list-style-position: inside;
}

/*
.container_contents,
.footer_copy>div,
.sub-layout {
	width: 100%;
	padding: 0;
}
*/

.body-layout {
	padding-top: 78px;
}

.intro-html-layout {
	padding: 0;
}

.navbar .caret,
.navbar .divider-vertical,
.navbar~br,
.footer-social-layout,
.footer_copy .text-center>br {
	display: none;
}

.topmarginLay_a {
	display: none;
}

/*메뉴 설정*/

.navbar-inverse {
	margin: 0;
	background: #fff;
	border: none;
	border-bottom: 3px solid #1c58b1;
}
.navbar-brand{
	position: relative;
	width: 240px;
    padding-bottom: 0;
}
/*
.navbar-brand:before,
.navbar-brand:after{
	content:'사단법인';
	position:absolute;
	left:40px;
	top:0;
	font-weight:900;
	font-size:6px;
	color:#0d2560;
}
.navbar-brand:after{
	content:'한국기업평가원';
	font-size:20px;
}
*/
.navbar-brand img {
	margin-top: 0;
}

.navbar-right {
	float: right !important
}

.navbar-inverse .navbar-nav>li>a {
	color: #222;
	font-size: 16px;
	font-weight: 700;
	padding: 28px 20px;
	letter-spacing: -0.02em;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
	background: none;
	color: #1c58b1;
}

.navbar-inverse .dropdown-menu {
	margin: 0;
	padding: 12px 15px 15px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 0;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	left: 0;
	right: auto;
}

.navbar-inverse .dropdown-menu>li>a {
	color: #555;
	font-size: 13px;
	letter-spacing: -0.02em;
	line-height: 1;
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
}

.navbar-inverse .dropdown-menu>li:last-child>a {
	border-bottom: none;
}

.navbar-inverse .dropdown-menu>li>a:hover,
.navbar-inverse .dropdown-menu>li>a:focus {
	color: #222;
	background: none;
	font-weight: 600;
}

/*햄버거 메뉴*/

.navbar-inverse .navbar-toggle {
	color: #ddd;
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
	background: #ddd;
}

.navbar-inverse .navbar-toggle .icon-bar {
	color: #ddd;
	background: #2384bd;
}

/*메인*/
.carousel-inner>.item{
	height: 380px;
	overflow: hidden;
	
}
.carousel-inner>.item1{
	background: url("/skin/img/slide/slide1.jpg") no-repeat center/cover;
}
.carousel-inner>.item2 {
	background: url("/skin/img/slide/slide2.jpg") no-repeat center/cover;
}
.carousel-inner>.item3 {
	background: url("/skin/img/slide/slide3.jpg") no-repeat center/cover;
}
.carousel-inner>.item4 {
	background: url("/skin/img/slide/slide4.jpg") no-repeat center/cover;
}


.main-caption {
	/* position: absolute; */
	/* top: 25%; */
	background: rgba(28, 88, 177, 0.9);
	left: 55px;
	top: 55px;
	bottom: auto;
	margin: 0;
	max-width: 350px;
	padding: 30px;
	text-align: left;
}

.main-caption h2 {
	margin: 0 0 20px;
	font-size: 35px;
	line-height: 1;
	letter-spacing: -0.02em;
	text-shadow: none;
}

.main-caption p {
	font-size: 13px;
	letter-spacing: -0.02em;
	line-height: 1.75;
	margin: 0;
	text-shadow: none;
}

.main-caption p:before {
	content: "";
	display: block;
	width: 30px;
	height: 1px;
	background: #fff;
	margin: 25px 0 20px;
	opacity: 0.5;
}

@media(min-width:768px) {
	.carousel-indicators {
		text-align: left;
		margin: 0;
		left: 55px;
		bottom: 40px;
	}
	.main-indicators .carousel-indicators li {
		display: inline-block;
		height: 4px;
		width: 70px;
		background-color: #fff;
		border: none;
		border-radius: 0;
		margin: 0 6px 0 0;
	}
	.main-indicators .carousel-indicators li.active {
		background-color: #18a3f5;
	}
	.mainpage-content .main-btn {
		padding: 5px 40px;
		background: #fff;
		color: #2e6da4;
		border-color: #e2d9d9;
	}
}

#main {
	padding: 0 15px;
}

#main .mainpage-content {
	background: #f3f3f3;
}

#main .mainpage-content .container {
	width: 100%;
	max-width: 1170px;
}

.mainpage-content .main-menu {
	padding: 0;
}

.mainpage-content .row>.main-menu:nth-child(even) {
	background: #e5e7ea;
}

.mainpage-content h3 {
	color: #333;
	font-weight: 600;
	font-size: 16px;
	margin: 5px 0 6px;
	letter-spacing: -0.02em;
	transition: 0.3s;
}

.mainpage-content .main-menu .fa {
	font-size: 35px;
	color: #1c58b1;
	background: #fff;
	display: block;
	width: 85px;
	height: 85px;
	border-radius: 50%;
	line-height: 85px;
	float: left;
	text-align: center;
	margin-right: 16px;
	box-shadow: inset 2px 2px 0px rgba(0, 0, 0, 0.1);
}

.mainpage-content .row>.main-menu:nth-child(even) .fa {
	color: #18a3f5;
}

.mainpage-content .main-menu p {
	margin-bottom: 8px;
	font-size: 12px;
	letter-spacing: -0.02em;
	color: #666;
	line-height: 1.6;
	margin: 0 0 13px;
	transition: 0.3s;
}

.mainpage-content .main-menu span {
	font-size: 11px;
	display: inline-block;
	color: #1c58b1;
	font-weight: 600;
	transition: 0.3s;
}

.mainpage-content .main-menu span:after {
	content: ">";
	margin-left: 7px;
}

.mainpage-content .main-menu a {
	text-decoration: none;
	display: block;
	padding: 30px 15px 30px 22px;
	transition: 0.3s;
	overflow: hidden;
}

.mainpage-content .main-menu a:hover {
	background: #235aa7;
}

.mainpage-content .main-menu a:hover h3,
.mainpage-content .main-menu a:hover p,
.mainpage-content .main-menu a:hover span {
	color: #fff;
}

.mainpage-content .main-menu a:hover p {
	opacity: 0.7
}

/*서브페이지 공통css*/

.subpage {
	position: relative;
}

.subpage>.container {
	padding: 0;
	width: 100%;
	max-width: 1140px;
}

.subpage-header {
	background: url("/skin/img/sub/sub-header.jpg") no-repeat center/cover;
	height: 160px
}

.subpage-header h2 {
	color: #fff;
	margin: 0 !important;
	font-size: 35px;
	font-weight: 600;
	letter-spacing: -0.02em;
	display: none;
}

.bread-wrapper {
	position: absolute;
	right: 15px;
}

.bread-wrapper .container {
	width: auto;
	padding: 0;
	float: right;
}

.breadcrumb {
	padding: 55px 0 0 0;
	margin: 0;
	background-color: transparent;
	font-size: 12px;
	color: #888;
}

.breadcrumb>li.active {
	color: #1c58b1;
	font-weight: 600;
}

.breadcrumb .fa-home {
	content: "/f015";
	font-family: "FontAwesome";
}

.subpage-content {
	padding-top: 45px;
	padding-bottom: 60px;
	padding-right: 30px;
}

.subpage-content .title {
	color: #222;
	font-weight: 600;
	margin: 0 0 20px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
	font-size: 30px;
}

.submenu ul {
	margin: 0;
	padding: 0;
}

.submenu li a {
	display: block;
	font-size: 14px;
	color: #888;
	padding: 10px 15px;
	border-bottom: 1px solid #ddd;
	letter-spacing: -0.02em;
}

.submenu ul li.active:not(.has-depth3) a,
.submenu ul li.active:not(.has-depth3) a:hover,
.submenu ul li.active:not(.has-depth3) a:focus {
	color: #1c58b1;
	font-weight: 600;
	background: #f3f3f3;
}

.submenu li a:hover,
.submenu li a:focus {
	color: #222;
}

.submenu h3 {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	margin: 0;
	padding: 20px 15px;
	background: #1c58b1;
	position: relative;
}

.submenu ul li.has-depth3 .title {
	padding: 10px 15px;
	font-size: 14px;
	font-weight: 600;
	background: #f3f3f3;
	letter-spacing: -0.02em;
}
.submenu ul li.has-depth3 .depth3 > li > a {
    position: relative;
    padding: 8px 15px 8px 32px;
    color: #333;
    font-size: 13px;
    background-color: #f6f6f6;
    border-bottom: none;
    border-top: 1px dashed #ddd;
}
.submenu ul li.has-depth3 .depth3 > li > a::before {
    content: '';
    top: 16px;
    left: 16px;
    width: 8px;
    height: 3px;
    position: absolute;
    background-color: #bbb;
    border-radius: 5px;
}
.submenu ul li.has-depth3 .depth3 > li.current > a {
    color: #1c58b1;
    font-weight: 600;
}
.submenu ul li.has-depth3 .depth3 > li.current > a::before {
	background-color: #1c58b1;
}

@media (min-width:768px) {
	.submenu {
		padding-right: 30px;
		width: 20%;
	}
	.subpage-content {
		width: 80%;
		padding-right: 30px;
	}
}

.subpage-content h4.subpage-wrapper {
	color: #222;
	margin: 0 0 15px;
	line-height: 1;
}

.subpage-content h4.subpage-wrapper::before {
	content: "";
	display: block;
	float: left;
	margin-right: 5px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 4px solid #1c58b1;
}

.subpage-content ul.ul-wrapper {
	padding: 0;
}

.subpage-content ul.ul-wrapper li {
	color: #555;
	line-height: 1.75;
	letter-spacing: -0.02em;
	font-size: 13px;
	margin-bottom: 4px;
	position: relative;
	padding-left: 10px;
}

.subpage-content .ul-wrapper li:before {
	content: "";
	width: 3px;
	height: 3px;
	background: #555;
	border-radius: 50%;
	position: absolute;
	left: 2px;
	top: 9px;
}

.subpage-content p {
	font-size: 13px;
	letter-spacing: -0.02em;
	color: #555;
	line-height: 1.75;
}

.subpage-content p strong {
	font-weight: 500;
	color: #222;
	font-size: 14px;
}

.subpage-content .row .col-md-12 {
	margin-bottom: 30px;
}

.subpage-table {
	border-top: 2px solid #1c58b1;
}

.subpage-table th,
.subpage-table td {
	border-bottom: 1px solid #ddd;
}

.subpage-table td {
	font-size: 13px;
	letter-spacing: -0.02em;
	color: #555;
}

.subpage-table tbody th {
	font-weight: 500;
	color: #222;
	text-align: center;
}

.subpage-table thead th {
	background: #f3f3f3;
	text-align: center;
	border-bottom: 1px solid #ccc !important;
}

/* about.html */

.subpage-content .header-word {
	font-size: 20px;
	font-weight: 600;
	color: #1c58b1;
	line-height: 1.5;
	margin: 0 0 25px;
	padding: 0 !important;
}

#about .subpage-content h4.foot-word {
	letter-spacing: 0.2em;
	font-size: 25px;
}

#about .subpage-content h4.foot-word small {
	padding: 10px;
}

#about .subpage-content p {
	margin-bottom: 20px;
}

#about .subpage-content img {
	margin-bottom: 25px;
}

.subpage-content p.foot-word {
	font-weight: 600;
}

/* history.html */

.subpage-content .subpage-table th,
.subpage-content .subpage-table td {
	vertical-align: middle;
}

#history .subpage-table .year {
	font-size: 18px;
	color: #1c58b1;
	font-weight: 600;
	letter-spacing: -0.02em;
}

#history .subpage-table .month {
	text-align: center;
	font-weight: 600;
	color: #222;
}

.subpage-content .history-wrapper ul.ul-wrapper span {
	font-weight: 600;
}

/* normal.html */

.subpage-content .normal-wrapper {
	padding: 15px 15px 0 15px;
}

/* location.html */

#location .subpage-table {
	margin: 20px 0 0;
}

/* board.html */

.intro-boardbox-type-bbs {
	width: calc(100% / 3);
	float: right;
	margin-bottom: 40px;
}

.intro-boardbox .page-header {
	border-bottom: 1px solid #ddd;
	padding: 0 0 20px;
}

.intro-boardbox .page-header h4 {
	margin: 0;
	color: #333;
	font-size: 20px;
	letter-spacing: -0.02em;
}

.intro-boardbox>.page-header>h4>.btn {
	border-radius: 0;
	border: 1px solid #ddd;
	padding: 0;
	width: 25px;
	height: 25px;
	padding-top: 2px;
	color: #aaa;
}

.intro-boardbox .front-panel {
	padding: 0;
}

.intro-boardbox .front-panel>.panel {
	padding: 0;
	border: none;
}

.intro-boardbox .front-panel>.panel .panel-body {
	padding: 0;
}

.intro-boardbox h5.list-row-contents {
	display: none;
}

.intro-boardbox h6 b a span {
	font-weight: 400;
	color: #555;
}

.intro-boardbox .row-separator {
	display: none;
}

.intro-boardbox .list-row-regdate {
	float: right;
	color: #999;
}

.intro-boardbox h6 b a .label-danger {
	color: #18a3f5 !important;
	background: #fff;
	font-weight: 500;
	font-size: 10px !important;
	padding: 0 2px;
}

/* .intro-boardbox-8{
	padding: 0 145px 0 140px;
} */

/* footer */

.footer_copy .col-lg-12 {
	padding: 0;
}

.footer {
	background: #fff;
	border-top: 2px solid #ddd;
}

.footer ul {
	margin: 0;
	padding: 30px 0;
	overflow: hidden;
}

.footer ul li {
	float: left;
	color: #888;
	padding: 0 10px 0 0;
	font-size: 12px;
	border-right: 1px solid #ddd;
	line-height: 1;
	margin: 0 10px 10px 0px;
	letter-spacing: -0.02em;
}

.footer ul li:last-child {
	border: none;
}

/* board */

.dh-board>.table-hover {
	margin: 0;
	border-top: 2px solid #222;
	border-bottom: 2px solid #ddd;
}

.dh-board>.table-hover thead th,
.dh-board>.table-hover tbody td {
	padding: 10px 10px !important;
	font-size: 13px;
	letter-spacing: -0.02em;
	color: #555;
}

.dh-board>.table-hover thead th {
	background: #f3f3f3;
	border-bottom: 1px solid #ccc;
}

.dh-board>.table-hover tbody td {
	border-bottom: 1px solid #ddd;
}

.dh-board>.table-hover tbody td strong a {
	font-weight: 400;
	color: #555;
}

.table-hover>tbody>tr:hover {
	background-color: #fff;
}

.dh-board>.table-hover tbody td strong a:hover {
	color: #1c58b1;
	text-decoration: underline;
}

.dh-margin-top {
	margin-top: 20px;
}

.pagination>li>a,
.pagination>li>span {
	border: 1px solid #ddd;
	border-radius: 0 !important;
	margin-top: 0;
	margin-bottom: 0;
	color: #555 !important;
	font-size: 13px !important;
}

.pagination>li:last-child>a {
	margin-left: 15px;
}

.pagination>li:first-child>a {
	margin-right: 15px;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background: #f3f3f3;
	border: 1px solid #ddd;
	color: #1c58b1 !important;
	font-weight: 600;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
	border-color: #bbb;
	background: #fff;
}

#insertForm .input-group span,
#insertForm .input-group button,
#insertForm .input-group input {
	font-size: 13px;
	height: auto;
}

#insertForm .input-group .btn {
	border-radius: 0;
	border-color: #ddd;
}

#insertForm .input-group .form-control {
	box-shadow: none;
	border-color: #ddd;
}

#insertForm .input-group #btnNew {
	background: #1c58b1;
	border: 1px solid #1c58b1;
}

/* view page */

.dh-view-box>.row>.page-header {
	border-top: 2px solid #222;
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 0;
}

.dh-view-box>.row>.page-header>h4 {
	font-size: 22px;
	margin: 15px 0;
	letter-spacing: -0.02em;
	color: #222;
}

.dh-view-box>.row>.dh-view-info {
	background: #fff;
}

/* write page */

.bbs-area .form-horizontal h2 {
	font-size: 20px;
	margin: 20px 0 20px;
	letter-spacing: -0.02em;
}

/* login */

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

.login-layout .inner-box-wrapper,
.id-find-layout .inner-box-wrapper,
.pw-find-layout .inner-box-wrapper {
	max-width: 1170px;
	padding: 0 15px;
	margin: 40px auto 80px;
}

.login-layout .panel,
.id-find-layout .panel,
.pw-find-layout .panel {
	border: none;
	box-shadow: none;
	margin: 0;
}

.login-layout .panel-body,
.id-find-layout .panel-body,
.pw-find-layout .panel-body {
	padding: 0;
}

.login-layout .panel h2,
.id-find-layout .panel h2,
.pw-find-layout .panel h2 {
	margin: 0 0 20px;
	color: #222;
}

.login-layout .inner-box-msg p,
.id-find-layout .inner-box-msg p,
.pw-find-layout .inner-box-msg p {
	margin: 0;
	font-size: 13px;
	color: #555;
	letter-spacing: -0.02em;
}

.login-layout #myForm {
	overflow: hidden;
}

.login-layout #myForm label,
.id-find-layout label,
.pw-find-layout label {
	font-size: 13px;
	color: #222;
	margin: 0 0 10px;
}

.login-layout #myForm .btn,
.id-find-layout .btn,
.pw-find-layout .btn {
	background: #1c58b1;
	border-radius: 0;
	border: none;
	padding: 10px 10px;
	max-width: 150px;
	float: right;
	letter-spacing: -0.02em;
}

.login-layout #myForm .btn:hover,
.id-find-layout .btn:hover,
.pw-find-layout .btn:hover {
	background: #1c58b1;
}

.login-layout #myForm p a {
	display: inline-block;
	color: #555;
	font-size: 12px;
}

.login-layout #myForm p {
	float: left;
	margin-right: 20px;
	line-height: 1;
}

.login-layout #myForm p+p {
	border-left: 1px solid #ddd;
	padding-left: 20px;
}

/* popup */
.dh-popup {
	border: 1px solid #3167b8;
	top: 80px;
/* 	background: #eee; */
}

.dh-popup p a {
	float: none;
	font-size: 13px;
}
.dh-popup p.dh-close-btn{
	border-top:1px solid #ededed;
	background:#eee;
}

.popup-table-wrapper .popup-table{
	margin:0;
}
.dh-popup.pull-left{top:100px; left:45px !important;}

.popup-table-wrapper {
	padding: 5px 40px;
    margin: -15px -5px 0 0;
}

.popup-table-wrapper h2,
.popup-table-wrapper p,
.popup-table-wrapper a
{ 
	text-decoration:none;
	text-align: center;
	font-weight: 650;
	color:#333;
}

.popup-table-wrapper .small-wrapper {
	color: #ccc;
}
.popup-table-wrapper .detail{
	text-decoration:underline;
}

.popup-table-wrapper p.header {
	background: #1c56ad96;
	padding: 5px;
	margin: 0 80px;
	color: #fff;
}

.q_number input {
	margin: 0;
}

.q_number .form-control {
	margin-bottom: 20px;
}

.q_number h3.pull-left {
	float: none!important;
	font-size: 16px;
	font-weight: 600;
	color:#555;
	margin: 15px 0 10px!important;
}

.q_number h3.pull-left .fa {
	display: none;
}
.checkbox label, .radio label{
	margin-right:20px;
}
@media (min-width: 768px) {
	#mod_type_formForm > .q_number:nth-of-type(1),
	#mod_type_formForm > .q_number:nth-of-type(2),
	#mod_type_formForm > .q_number:nth-of-type(3),
	#mod_type_formForm > .q_number:nth-of-type(4),
	#mod_type_formForm > .q_number:nth-of-type(5),
	#mod_type_formForm > .q_number:nth-of-type(6){
		width: 50%;
	}
	
	#mod_type_formForm > .q_number:nth-of-type(10),
	#mod_type_formForm > .q_number:nth-of-type(8),
	#mod_type_formForm > .q_number:nth-of-type(9){
		width:33.333%;
	}
	
}

.q_number textarea.form-control {
	resize: vertical;
	min-height: 100px;
	height: 100px;
	max-height: 300px;
}

#mod_type_formForm .btn-wrap {
	margin-top: 0 !important;
}

#mod_type_formForm .btn-wrap button[type=submit] {
	background-color: #235aa7;
	border: 1px solid #235aa7;
	color: #FFF;
	margin-bottom: 30px;
}

/* modal setting*/
.myModal14{
	top:400px!important;
}

.dh-attach + .col-xs-12{
	padding:30px 20px!important;
}
.dh-popup{
	width:328px;
}
.dh-popup > p {
	margin: 0;
}

.dh-popup p a {
	margin-right:0;
}
.myModal17{
	top: 510px!important;
}
.login-check{
	display:none;
}