h1,h2,h3,h4,h5,h6{
    font-family:"Noto Sans CJK KR", "NanumBarunGothic", "나눔고딕","NanumGothic","맑은 고딕","Malgun Gothic","Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
body{line-height:27px;}
/*상단 메뉴 설정 시작*/
.navbar-inverse{
    background: #fff;    /*배경 색*/
	border-color:#080808;         /*테두리 색*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
	border: none;
	border-bottom: 1px solid #b5b5b5;
}
/*상단 메뉴 설정 끝*/

/*상단 메뉴 로고 시작*/
.navbar-brand img {padding-top: 0px;}
/*상단 메뉴 로고 끝*/

/* 상단 메인 메뉴 설정 시작*/
.navbar-inverse .navbar-nav > li > a{
	background-color:none;	      /*배경 색*/
	color:#393938 !important;              /*텍스트 색*/
	font-size:15px;               /*텍스트 크기*/
	/*font-family: "나눔고딕","NanumGothic","맑은 고딕","Malgun Gothic","Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-weight: 300;
	padding:15px 0px 0px 0px;  /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
    text-shadow: none;
    border-top: 8px solid rgba(0,0,0,0);
}

.nav > li {padding: 0 15px 15px 15px;}

.navbar-inverse .divider-vertical {
    border-right-color: transparent;
    border-left-color: transparent;
}
/* 상단 메인 메뉴 설정 끝*/

/* 상단 서브 메뉴 설정 시작*/
.navbar-nav>.dropdown>a{
    color:#fff;
}
.dropdown:hover .dropdown-toggle{
    color:#f18101 !important;
}
.dropdown-menu{
    background-color:#333;
    border-radius:0px;
    border:none;
    min-width: 170px;
}
@media (min-width:768px){
    .navbar-right > .dropdown > .dropdown-menu{left:0;}
}
.dropdown-menu > li > a{
	background-color: transparent;
    color: #fff;
    padding: 13px 20px 13px 20px;
    margin: 0px 0px 0px 0px;
    font-size: 13px;
    line-height: 1;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
    background:transparent;
    color:#f18101;
}
/* 상단 서브 메뉴 설정 끝*/

/* 상단 슬라이드 캡션 설정 */
.carousel-caption {
    text-align:left;
    bottom:0;
    top: 15%;
    padding: 0;
}
.carousel-caption > h1 {
    margin:0;
}
.carousel-caption > h1 > span, .carousel-caption > p > span{
    background:transparent;
    opacity:1;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
} 


/* 하단 카피라이트 설정 시작*/
body > .navbar-fixed-bottom .text-center{
	background:#fff;           /*배경 색*/
	color:#393938;                /*텍스트 색*/
	font-size:12px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
	line-height:16px;            /*줄간격*/
	text-align:center;            /*텍스트 정렬*/
}
.footer_copy .text-center{
	background-color:#757474;     /*배경 색*/
	color:#393938;                /*텍스트 색*/
	font-size:12px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
	line-height:16px;            /*줄간격*/
	text-align:center;            /*텍스트 정렬*/
}
/* 하단 카피라이트 설정 끝*/

/*인트로 텍스트 설정 시작*/
h1.intro_span{
	background-color:#757474;        /*배경 색*/
	color:#757474;                /*텍스트 색*/
	font-size:36px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}

p.intro_span{
	background-color:#757474;        /*배경 색*/
	color:#757474;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}

.flex-caption span.intro-title{
	background:#757474;        /*배경 색*/
	color:#757474;                /*텍스트 색*/
	font-size:36px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}
.flex-caption span.intro-text{
	background:#757474;        /*배경 색*/
	color:#757474;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}
/*인트로 텍스트 설정 끝*/

/* 5th Template Initial Publishing */

.btnEdit i,
.btnDelete i {
	color: #eee;
}
.navbar-nav > li:hover .navbar-nav a{color:#ff6100;}


.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open>a:focus,
.navbar-inverse .navbar-nav > .open>a:hover {	
	color: #ff6100;
	background: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
    border-color:#333;
    color:#fff;
}
.navbar-inverse .navbar-nav > .open>a,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
	color: #fff;
}
.caret {display: none;}

/* main page */
body {color: #4d4d4d;}

.flexslider {margin-top: -25px;}

/* public */
.mainPage h2 {font-size: 35px; font-weight: 300;}
.mainPage p {line-height: 1.7; font-size:13px;}
.mainPage .line {width:50px; height:1px; background-color:#757474;}
.mainPage .bottom .line{margin-left:15px;}
/* top */
.mainPage .top, .mainPage .middle {padding: 50px 0 0;}
.mainPage .top .subject {padding: 10px 0;}
.mainPage .top .subject p {color: #333; font-size: 15px;}
.mainPage .top .subject big {font-size: 20px;}

/* middle */
.mainPage .middle h2 {float: left; font-size: 26px;}
.mainPage .middle .subject img {margin-top: 25px; padding-left: 20px;}
.mainPage .middle .contents {padding: 20px 0;}
.mainPage .middle .contents h4 {color: #383838; font-weight: 600; margin: 20px 0 6px;}
.mainPage .middle .btn_m {
    display: inline-block;
    margin-top: 5px;
    padding: 3px 20px 0px;
    color: #17084e;
    text-shadow: none;
    font-weight: 300;
    background: #e3e3e3;
    border: 1px solid #DDD;
    border-radius: 0;
    font-size:13px;
}
.mainPage .middle .btn_m{margin-bottom:10px;}
.mainPage .middle .btn_m:hover {
    border: 1px solid #14027c;
    background-color: #14027c;
    color:#fff;
}

/* board*/
.fa-angle-right:before, .fa-plus:before {content: url('/skin/img/main/btn_plus.gif');}
.intro-widget-layout {width: 50%;}
@media screen and (max-width: 991px) {
	.intro-widget-layout {
        width:100%;
	}
}
@media screen and (max-width: 767px) {
	.intro-widget-layout {
        width:100%;
	}
}
.intro-widgetbox {margin-top: 0; padding: 10px; border: 1px solid #ddd;}
.intro-board-layout {width: 100%; padding: 0;}
@media screen and (max-width: 991px) {
	.intro-board-layout {
        padding-left: 15px;
        padding-right: 15px;
	}
}
@media screen and (max-width: 767px) {
	.intro-board-layout {
        padding-left: 15px;
        padding-right: 15px;
	}
}
.intro-boardbox {
    top:0;
    right: 0;
    position: relative;
    width: 47%;
    margin-top: 6px;
    padding: 22px;
    padding-top: 6px;
}
@media screen and (max-width: 991px) {
	.intro-boardbox {
        top:0;
        width:100%;
        position:static;
	}
}
@media screen and (max-width: 767px) {
	.intro-boardbox {
        top:0;
        width:100%;
        position:static;
	}
}
.intro-boardbox .page-header {margin: 18px 0 20px; padding-bottom: 0; border-bottom: none;}
.intro-boardbox .page-header h4 {color: #333; font-size: 24px; font-weight: 300;}
.dh-front-gallery>.col-md-3>a.thumbnail {margin-top: 30px;}
.intro-widgetBoardbox {border: 1px solid transparent;}
.intro-widgetBoardbox a {padding:5px 20px;background: none; border-bottom: none;}
.intro-widgetBoardbox > a:hover {padding:5px 20px; border-bottom: none !important;}
.intro-widgetBoardbox a h5 {color: #333; font-size: 24px; font-weight: 300;}
.intro-widget-list-box ul {padding: 10px 0 0;}
.intro-widget-list-box ul li span {font-size: 12px;}
.widget-list-row-regdate {color: #999;}

/* bottom */
.bottom {margin-top: 45px;}
.mainPage .bottom .subject {margin-bottom: 20px;}
.mainPage .bottom .subject h2 {float: left; padding-left: 15px; font-size: 26px;}
.mainPage .bottom .subject img {margin-top: 25px; padding-left: 20px;}
.mainPage .bottom .contents h4 {color: #383838; font-weight: 600;}

.bottom .img > div {padding: 0;}

.bottom .hover {
    visibility:hidden;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.bottom .hover_txt{
    text-align:center;
    line-height:165px;
    color:#757474;
    font-size:20px;
}
.bottom > .map {
    padding-left:15px;
}
.bottom .hover img {margin-top: 40px;}
.bottom .map .hover img {margin-top: 80px;}

.bottom .hover p i {color:#757474;}
.bottom .img > div:hover .hover,
.bottom .map:hover .hover {
    visibility:visible;   
    background:rgba(183,171,255,0.4);
}
.bottom > .contents > .contents ul{
    list-style-type:none;
    padding-left:0;
}

.wrapContact {padding-left: 30px; padding-right: 30px;}
.contact {width: 100%; display: inline-table; padding: 25px; color: #757474; background-color: #2599BF;}
.contact h2 {margin: 20px 30px; font-size: 35px;}
.contact h3 {margin: 0; font-size: 40px;}
.contact .img-circle {border: 7px solid #81C5DB;}
.contact strong {font-size: 18px; font-weight: 500;}
.contact p {margin: 10px 0 30px;}
.contact big {font-size: 26px;}
.contact .infoBox {padding-top: 20px; padding-bottom: 20px;}

.row > .contents{margin-bottom:40px;}

/* //main page */


/* sub page */

/* sub page title */
.title-t {margin-bottom: 60px;}

.wrapSubTitle {padding-bottom: 15px; border-bottom: 1px solid #CACACA;}
.subTitle {float: left; display: inline-block;}
.subTitle img {float: left;}
.subTitle h2 {display: inline-block; margin-top: -25px; margin-left: 20px; font-size: 32px; font-weight: 600;}

/* sub page route */
.route {
    float: none; 
    /*padding: 6px 150px;*/
    text-align:right;
}
.route h4 {display: none;}
.route ol {display: inline-block; margin: 0; padding: 0; list-style-type: none;}
.route li {float: left; color: #595959; font-size: 12px; font-family: "NanumGothic", "나눔고딕";}
.route li strong {color: #b7abff;}

.subPage {padding: 60px 0 40px;}
.subPage h3 {margin-top: 0; font-size: 26px; font-weight: 300; line-height:1.2;}
.subPage img {margin-top: 20px; margin-bottom: 20px;}
.subPage p {line-height: 1.7;}
.subPage .sign .nm {padding-top: 90px; text-align: right; font-size: 18px;}

.footer-social-layout .socialArea{display:none;}
/* //sub page */


/* footer */
.footer_copy {
    width: 100%;
    margin: 0 auto 10px;
    padding: 40px 0 0;
    border-top:1px solid #CACACA;
    background: #757474;
}
@media screen and (max-width: 991px) {
	.footer_copy {
        width:auto;
	}
}
@media screen and (max-width: 767px) {
	.footer_copy {
        width:auto;
	}
}
.footer_copy div {padding: 0;}

.footer_copy address,
.footer_copy ul li,
.footer_copy ul li a,
.footer_copy .copy
{color: #717171;}

.footer_copy address {float: left; text-align: left;}
.footer_copy ul li {float: left; list-style-type: none;}
.footer_copy ul li a {text-decoration: none;}
.footer_copy .copy {padding: 5px 0; text-align: left; position: absolute;}
/* //footer */

/* //5th Template Initial Publishing */

/*main*/
.topmarginLay_a{height:50px !important;}
.container_slide{width:100%; padding:0;}
.carousel-control{display:none;}
/*.carousel-control{display:none;}*/

/*table*/
.dh-board>.table{
    margin:40px 0;
    border-top: 2px solid #14027c;
    border-bottom: 2px solid #ccc;
}
.table>thead>tr>th{border-bottom:1px solid #ddd;}
.table-hover>tbody>tr:hover{background-color:#757474(183,171,255,0.1);}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{line-height:2;
}
.subject > small > span {
    background-color:rgba(0,0,0,0);
    color:#ff6100;
}
.dh-view-box >.row>div:nth-child(5){margin-bottom:30px;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    background-color: #14027c;
    border: 1px solid #14027c !important;
}
.input-group-btn > #btnNew{
    background: #14027c;
    border: 1px solid #14027c;
}

/*mailForm*/
#mailForm{margin-top:40px;}


/*reset-------------------------------------------------------------*/
dl dd{margin:10px 0 40px 20px; line-height:21px;}


/*네비게이션*/
.nav{margin-top:15px;}
.navbar-header button{margin-top:30px;}
.navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle{background:#333;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background:#a4a4a4;}

/*common_css--------------------------------------------------------*/
.f-bold{font-weight:bold;}
.f-red{color:#ff0000;}
.f-oran{color:#FF7700;}
.f-green{color:#486A25;}
.marg-l20{margin-left:20px;}
.marg-t20{margin-top:20px;}
.marg-t30{margin-top:30px;}
.marg-t50{margin-top:50px;}
.list-line{color:#777; margin-top:8px;}
.inline{display:inline-block; *display:inline; zoom:1;}
.inline-top{display:inline-block; *display:inline; zoom:1; vertical-align:top; color: #e4e4e4;}
.inline-middle{display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.f-oran{color:#FFB300;}

/*common_module-----------------------------------------------------*/
.table_style01{width:100%; text-align:center;}
.table_style01 tr{border-bottom:1px solid #fff; }
.table_style01 tr th{background:#5F6062; text-align:center; color:#fff; font-weight:normal; padding: 7px 0;}
.table_style01 tr td{background:#C9CACC; }
.table_style01 .even td{background:#fff;}

.table-col01 tr th{ width:30%;}
.table-col01 tr td{ width:70%;}

.table-col02{border-bottom:2px solid #5F6062;}
.table-col02 tr th{width:20%;}
.table-col02 tr td{width:40%; text-align:left; padding:10px 19px; line-height:21px;}
.table-col02 tr td:nth-of-type(1){border-right:1px solid #fff;}
/*common_layout-----------------------------------------------------*/
.visual_box{overflow: hidden; width: 100%; height: 140px; position: relative; margin: 0 auto; margin-bottom: 40px;}
.visual_box img{width:100%;}
@media only screen and (max-width:768px){
    .visual_box img{width:100%; height:100%; margin-top:0!important;}
}    
.visual_bg{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-image:url('/skin/img/sub/subTop.jpg');
    z-index:999;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30000000,endColorstr=#30000000);
}
    
/*content_wrap*/
.content_wrap{width:90%; margin:0 auto; padding-top: 35px;}    

/*page_wrap*/
.page_wrap{padding-bottom:100px; margin-top:18px;}   

.head{border-bottom: 1px solid #dedede; padding: 4px 10px 10px;}    
.head .inner{position:relative;}    
.head h2{margin:0; padding:0; font-weight:400;}
.head ul{position: absolute; right: 0; bottom: 0; margin: 0; font-size: 13px; font-weight: 300; color: #777;}  

/*메인 슬라이드 텍스트*/
.carousel-caption h1{height:230px;}
.carousel-caption p{margin:0!important;}
.carousel-caption p span{padding:0;}
.carousel-caption .sub_txt{ font-size: 24px;line-height: 35px; margin-left: 10px;}
.carousel-caption .sub_txt .tel_num{margin-left:-5px;}
.main_a a:nth-of-type(1){letter-spacing: 10.8px;}
.main_a a:nth-of-type(2){letter-spacing:2px;}
.main_a a:nth-of-type(3){letter-spacing: 10.8px;}
.main_a a:nth-of-type(4){letter-spacing:4.9px;}
.main_a a{color:#444; font-size: 30px; line-height: 45px;}
.main_a a:hover{color:#514b75;}

/*메인 레이아웃*/
.intro-boardbox{width:47%; float:left;}
.intro-boardbox:nth-of-type(3){clear:both;}
.intro-boardbox:nth-of-type(5){width:100%;}
.intro-boardbox h5{display:none;}
.intro-boardbox h6{padding: 0px 0 10px;}
.intro-boardbox h6:before{content:'⦁'; font-size: 10px; margin-right: 3px;}

.container_contents .dh-front-gallery{border:1px solid #ddd; padding:15px 5px;}
.container_contents .dh-front-gallery .col-md-3 .thumbnail{margin:0!important;}
@media only screen and (max-width:998px){ .intro-boardbox{width:100%!important;} }