/* Webfont Include */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

/* Scroll Fixed */
html {overflow-x: hidden; overflow-y: scroll;}

/* Font Setting */
html, body, h1, h2, h3, h4, h5, h6, p, span, li, a, label, input, textarea {
    font-family: 'Noto Sans JP', "NanumGothic", sans-serif !important;letter-spacing: -0.5px;}

/* Icon Fonts */
.fa {font-family: 'FontAwesome' !important;}
.glyphicon {font-family: 'Glyphicons Halflings' !important;}

/* Social Footer Deleted */
.footer-social-layout {display: none}

/* Board(dh-board) Contents-Area Fixed */
.dh-view-box > div:nth-child(2) > div:nth-child(3) {padding: 20px !important}


/* 다국어 전환버튼 */
.menu-top-wrap {
    width: 100%;
    background: #323232;
}
.menu-top {
	max-width: 1170px;
    margin: 0 auto;
    position: relative;
    padding: 8px 0;
    text-align: right;
	color: #aaa;
    font-size: 12px;
    font-weight: 600;
}
.menu-top button {
    background: none;
    border: none;
    padding: 2px 2px;
    font-size: 11px;
    color: #aaa;
	font-weight: 400;
}

/*상단 메뉴 설정 시작*/
.navbar-inverse {
    background: #ffffff;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border-bottom: none;
}
/*상단 메뉴 설정 끝*/

/*상단 메뉴 로고 시작*/
.navbar-brand img {
	padding-top: 10px;
}
/*상단 메뉴 로고 끝*/

/* 상단 메인 메뉴 설정 시작*/
.navbar-inverse .divider-vertical{display:none;}
.navbar-nav { margin-top: 23px;}
.navbar-inverse .navbar-nav > li > a {
    background-color: rgba(0,0,0,0);
    color: #313131;
    font-size: 15px;
    padding: 15px 15px 15px 15px;
    margin: 0px 0px 0px 0px;
    text-shadow: none;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus{
	color: #094;
    font-weight: 600;
}
/* 상단 메인 메뉴 설정 끝*/

/* 상단 서브 메뉴 설정 시작*/
.dropdown-menu {
    left: 0 !important;
    border: 1px solid #ccc;
    background: #f9f9f9;
    padding: 0;
    border-radius: 0px;
    box-shadow: none;
}
.dropdown-menu > li > a {
    background-color: rgba(0,0,0,0);
    color: #333333;
    padding: 10px 15px;
    font-size: 13px;
    border-bottom: 1px solid #ccc;
	word-break: keep-all;
 	white-space: inherit;

}
.dropdown-menu > li > a:hover {
    border-bottom: 1px solid #ccc !important;
    background: #eaeaea;
}

.caret { display: none; }
@media screen and (max-width:767px){
	.navbar-brand img{width:80%}
	.navbar-nav {margin-top: 0;margin-bottom: 0;}
	.navbar-inverse {border-bottom: 1px solid #ddd;}
	.navbar-inverse .navbar-nav > li > a ,.navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-nav > li > a:focus{
		border-bottom: 1px solid #ddd;
	}
	.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
		background: #fff;
		box-shadow: none;
		color: #094;
		font-weight: 600;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		color: #565656;
		border-bottom: 1px solid #ddd;
		padding: 10px 15px;
	}
}
/* 상단 서브 메뉴 설정 끝*/

/* 모바일 메뉴 */
.navbar-toggle {
    background-color: rgba(0,0,0,0);
    margin-top: 20px;
    border: none;
}
.navbar-inverse .navbar-toggle .icon-bar {background-color: #323232;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background: #fff;}
/* 푸터 영역 시작 */
.footer_copy .text-center {
    padding: 30px 0 0;
    margin-top: 0px;
    background-color: #fff;
    border-top: 1px solid #ddd;
}
.footer_copy .text-center .inner { padding: 0 15px; max-width: 1170px; margin: 0 auto; }
.footer_copy .text-center p {font-size: 13px; color: #888; text-align: left; line-height: 1.6;
}
.footer_copy .text-center p.copyright {	text-align: right; font-size: 12px; }
.footer_copy .text-center span.space { margin: 0 5px; opacity: .5; }
.footer_copy .text-center p.big { font-size: 16px; font-weight: bold; }
@media screen and (max-width: 767px) { .footer_copy .text-center p { text-align: center !important; } }
/* 푸터 영역 끝 */

/* 네비게이션 바 - 슬라이드 간격 */
.topmarginLay_a { height: 104px !important }
@media screen and (max-width:767px){
	.topmarginLay_a { height: 90px !important }
}

/*인트로 텍스트 설정 시작*/
h1.intro_span{
	background-color:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:36px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}

p.intro_span{
	background-color:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}

.flex-caption span.intro-title{
	background:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:36px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}
.flex-caption span.intro-text{
	background:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}
/*인트로 텍스트 설정 끝*/

/*=================================================
              작업자 커스텀 영역 
==================================================*/

/* ========== 메인 페이지 설정 시작 ========== */
.container_slide {padding: 0px;width: 100%;}
.container_contents {width: 100%; padding: 0; margin: 0px 0px 70px;}
@media screen and (max-width: 767px) { .container_contents { margin-top: 50px; } }
.intro-html-layout { width: 100%;}
.intro-html-layout section { max-width: 1170px; margin: 0 auto; width: 100%; }
.intro-html-layout section + section { margin-top: 35px; }
@media screen and (max-width: 1199px) { .intro-html-layout { margin: 0px; padding: 0px 15px; } }
.intro-html-layout .main_wrap >  .row { margin: 55px 0px 0px; }
.main-con div, .main-con .tab-wrap{padding: 0;}
.main-con .tab-wrap > div{padding: 0; width: 33.333333%;}
.main-con .tab-wrap .tab-con{z-index: 1; display: inline-block; position: absolute; left: 0; top: 50%; width: 100%; margin-top: -25px;}
#mainsec01 .main-con .tab-wrap > a {width: 33.33333334%; float: left; padding: 0 15px;}
#mainsec02 .main-con .tab-wrap > a {width: 25%; float: left; padding: 0 15px;}
@media screen and (max-width: 991px) {
	#mainsec01 .main-con .tab-wrap > a, #mainsec02 .main-con .tab-wrap > a { width: 50%; }
}
@media screen and (max-width: 767px) {
	#mainsec01 .main-con .tab-wrap > a, #mainsec02 .main-con .tab-wrap > a { width: 100%; }
}
.main-con .tab-wrap > a .main-ani > div {position: absolute; z-index: 1; bottom: 0; width: 100%; height: 50px; margin: 0; padding: 10px 20px; background-color: rgba(51, 57, 66, 0.9); color: #fff; transition: all .4s ease;}
#mainsec01 .main-con .tab-wrap > a .main-ani:hover > div{background: #000; height: 100px !important;}
.main-con .tab-wrap > a .main-ani > div h4 {font-size: 14px; font-weight: 600;color: inherit; display: block; margin:8px 0 20px;}
.main-con .tab-wrap > a .main-ani > div h4::after {content: url(/skin/img/main/arrow.png); display: inline-block; float: right;}
.main-con .tab-wrap > a .main-ani > div p {font-size: 13px; margin: 0;}
.main-con .tab-wrap img{width: 100%;}
.main-con .tab-wrap [class*=ani]{overflow: hidden; padding: 0; width: 100%; height: 200px;}
#mainsec01 {padding-top: 20px;}
#mainsec02 .main-con .tab-wrap > a .main-ani > div {
    background: #f3f3f3;
    border: 1px solid #ddd;
    color: #565656;
}
/* 메인 슬라이드 */
.fill { height: 440px;}
.carousel-caption {
	top: 32%;
	padding: 0;
	text-align:left;
}
.carousel-caption h1 span, .carousel-caption p span {
    opacity: 1;
    background: rgba(0,0,0,0);
    text-shadow: none;
    padding: 0;
}
.carousel-caption h1 {
    margin: 0 0 15px;
}
.carousel-caption h1 span {
    font-size: 34px;
    line-height: 1.3;
    left: -1px;
}
.carousel-caption h1 span.top-txt {
	display: block;
	margin-bottom: 5px;
    font-size: 17px;
    color: #c2d500;
}
.carousel-caption p span {
    margin: 0;
    font-size: 15px;
    letter-spacing: -0.5px;
    color: #bfc5d2;
	line-height: 1.6;
}
@media screen and (max-width: 991px) {
    .main-con .tab-wrap > div{width: 100%; margin: 0 0 5px;}
    .main-con .tab-wrap > a{width: 50%; margin: 0 0 5px;}
}
@media screen and (max-width: 767px) {
    .main-con .tab-wrap > a{width: 100%; margin: 0 0 5px;}
}

.main-con .page-header,
.intro-boardbox .page-header{
	padding: 0 0 10px; margin: 0px 0 20px; border-bottom: 1px solid #e3e3e3;
}
.main-con .page-header h4,
.intro-boardbox .page-header h4{
	margin: 0; 
	color: #313131; 
	font-size: 22px; 
	font-weight: 600; 
	letter-spacing: -0.01em;
}
.main-con .page-header a {
    background: url(/skin/img/main/plus_ico.png) no-repeat center;
    padding-bottom: 20px;
}
.main-con .page-header a i {
    display: none;
}


/* 서브 기본 설정*/
.sub-layout {width: 100%; padding: 0; min-height: 765px; background: url(''); background-position: center; background-attachment: fixed; background-size: cover;}
#page_title, #side_menu, .contact_banner, #content { animation-duration: .8s; }
#page { 
	width: 100%;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}
#page_title {width: 100%; padding: 60px 0px; text-align: center; background: #333333; background-size: cover;}
#page_title h2 {margin: 0; color: #fff; font-size: 24px; font-weight: 300;}
#side_menu {
	width: 100%;
    margin: 0;
    background: #fff;
    border-top: 2px solid #ddd;
}
.contact_banner {
    width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    padding: 14px 20px;
    color: #333;
}
.contact_banner a { font-size: 18px; font-weight: 600;color: #565656;}
.contact_banner a i {
    background: #009944;
    border-radius: 100%;
    width: 34px;
    height: 34px;
    padding: 8px 9px 0;
    margin-right: 10px;
    display: inline-block;
    color: #fff;
}
#sidebar, #content { margin: 0px; }
#side_menu > ul {  padding-left: 0px; margin-bottom: 30px; }
#side_menu ul > li { list-style: none; }
#side_menu > ul > li > a, #side_menu > ul > li > span {
    color: #333;
    width: 100%;
    padding: 13px 25px 13px 15px;
    display: block;
    border-bottom: 1px solid #ddd;
}
#side_menu > ul li a:hover,#side_menu > ul li a:focus{
    border-bottom: 1px solid #ddd !important;color: #094;
}
#side_menu > ul li.active > a { color: #094;font-weight:600 }
#side_menu > ul li.active > a::after {content: "\f105"; font-family: "FontAwesome"; text-align: right; float: right;}
#side_menu > ul > li > span i { float: right; font-size: 18px;}
#side_menu > ul > li > span i.fa-caret-up::before {content: "\f147";}
#side_menu > ul > li > span i.fa-caret-down::before {content: "\f196";}
#side_menu > ul > li.open > span {background: #ccc; color: #fff;}
#side_menu > ul > li.open > ul { display: block; }
#side_menu > ul > li.open > ul > li.active > a {color: #555; font-weight: 500;}
#side_menu > ul > li > ul {display: none; background: #f4f4f4; padding: 0;}
#side_menu > ul > li > ul > li:hover > a {background: #333333; color: #fff !important;}
#side_menu > ul > li > ul > li > a {background: #f4f4f4; padding: 10px 30px 10px 40px; display: block; color: #777; font-size: 13px;}

.subTop {
    background: url(/skin/img/sub/sub_top.jpg);
    height: 210px;
    color: #fff;
}
.subTop h2 {
    line-height: 210px;
    margin: 0 auto;
    max-width: 1170px;
    font-size: 40px;
    padding: 0 15px;
}
.subBottom {
    overflow: hidden;
    max-width: 1170px;
    margin: 0 auto;
    padding: 50px 0 0;
}

#content {background: #fff; padding: 0px 20px 50px; min-height: 550px;}
#sub_headline{border-bottom:1px dotted #ccc;padding:0 0 5px;margin-bottom:20px;}
#sub_headline h3{margin:0px 0 10px;color:#333;font-size:30px;letter-spacing:-.03em; display: inline-block;}
#sub_headline p{margin:0 0 12px 10px;color:#666;font-size:14px;letter-spacing:-.05em; display: inline-block;}
#sub_content { padding-top: 15px; }
.line-marg { margin-top: 30px; }
.construction_message{font-size:35px;font-weight:100;color:#ccc;margin-top:150px;}

/*서브 타이틀*/
#sub_content > article {margin: 0 0 30px; padding: 0 0 20px; border-bottom: 1px dashed #c1c1c1;}
#sub_content > article:last-child {border: none; padding: 0; margin: 0;}
#sub_content > article > img {margin: 20px 0 40px;}
article {text-align:center}
#sub_content ul{padding-left:0;}

@media screen and (max-width: 767px) {
	.sub-layout {padding: 20px 0 0;}
	#page_title {padding: 20px 0px;}
	#page_title h2 {font-size: 18px;}
	#side_menu {margin: 0 0 20px;}
	.contact_banner {display: none;}
	#content {padding: 20px 15px 50px;}
}

/* 인사말 */
.greeting_slogan { 
	padding: 85px 0px;
	margin: 30px auto;
	width: 250px;
    height: 250px;
    border: 22px solid #57BC78;
	border-radius: 50%;
    background-color: #1DA559;
    word-break: keep-all;
}
.greeting_slogan p { margin: 0px; color: #fff; padding:0 10px}
.greeting_txt {
    background: #f3f3f3;
    padding: 25px;
    color: #565656;
    line-height: 1.7;
}
/* 인증현황 */
#sub_content .table.certificate_tb{border-top:none; !important}
#sub_content .certificate_tb thead th {
	background: #fff;
    font-size: 15px;
    font-weight: 500;
    padding: 0 0 15px;
    color: #009944;
}

/* 시설현황 */
.img_des {
	margin-top: 15px;
    font-size: 15px;
    border-bottom: 1px solid #ccc;
    padding: 15px;
}

/* 테이블 */
#sub_content .table { border-top: 1px solid #4a4a4a;}
#sub_content .table th { background: #f3f3f3;}
#sub_content .table td, #sub_content .table th {border-bottom: 1px solid #ddd; padding: 10px 15px; vertical-align: middle;}


/* 게시판 설정 */
.dh-board, .bbs-list-add-layout > #insertForm, .dh-view-box, .bbs-list-edit-layout > #insertForm, #mailForm { visibility: hidden; }

/* 텍스트 게시판 */
.dh-board>.table-hover {
    margin: 0;
    border-top: 1px solid #565656;
    border-bottom: 1px solid #565656;
}
.dh-board>.table-hover th {
    border-bottom: 1px solid #ccc;
    background: #f3f3f3;
}
.dh-board>.table-hover th, .dh-board>.table-hover td {
    padding: 13px 12px;
}
/* 게시판 버튼 */
.dh-margin-top{margin-top:30px}
.dh-margin-top form#insertForm {width: 100%; max-width: 100%; display: block; margin: 0 0 0;}
.btnRead {font-weight: 500;}
.btn-default, .btn-primary, .btn-danger {background-image: none;}
.btn-group, .btn-group-vertical {margin: 10px 0 30px;}

.pagination li a {
    border-radius: 0 !important;
    border: 1px solid #ddd !important;
    margin-right: 9px;
    background: #fff;
}
.pagination li a:hover, .pagination li a:focus {
	border: 1px solid #aaa !important;
    border-bottom: 1px solid #aaa !important;
    background: #fff;
}
.pagination>.active>a, .pagination>.active>span {
    background: #fff;
    color:#313131;
    font-weight: 600;
    border: 1px solid #ddd;
}
.pagination>.active>a:focus, .pagination>.active>a:hover, 
.pagination>.active>span:focus, .pagination>.active>span:hover {
    border: 1px solid #aaa;
    border-bottom: 1px solid #aaa !important;
    background: #fff;
    color: #089cdc;
}
.input-group button, .input-group input, .btn-group .btn {
    background: #f8f8f8;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    color: #565656;
    text-shadow: none;
}
.input-group button:hover, .input-group button:focus, 
.input-group input:hover, .input-group input:focus {
    border-color: #aaa;
    background: #f8f8f8;
    color: #565656;
}
.input-group .form-control {
    background: #fff;
    border-right: none;
}
.input-group .form-control:hover, .input-group .form-control:focus {
    background: #fff;
}
button#btnNew {
    background: #565656;
    border: 1px solid #4a4a4a;
    color: #fff;
}
.btnEdit i, .btnDelete i {
    color: #454545;
}
/* 메일폼 버튼, 텍스트 박스 */
#mailForm .btn-primary {
	width: 170px;
    float: right;
	padding: 8px;
    background: #094;
    border-radius: 0px;
    border: 1px solid #094;
    box-shadow: none;
    text-shadow: none;
    color: #fff;
}
#mailForm .form-control {
    background: #f9f9f9;
    border-radius: 0px;
    box-shadow: none;
}
/* 로그인 */
.inner-box-wrapper {
    max-width: 1170px;
    margin: 0 auto;
    padding: 40px 0 70px;
}
.login-layout .panel {
    box-shadow: none;
    border-radius: 0px;
    background: #f3f3f3;
}
.login-layout .form-control {
    box-shadow: none;
    border-radius: 0px;
}
.login-layout .btn-warning {
    background: #094;
    border: none;
    border-radius: 0px;
    box-shadow: none;
}