@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&family=Noto+Sans+KR:wght@400;500;600&family=Open+Sans&display=swap');
.dh-margin-topx2 div:nth-child(2) div:nth-child(3){padding:0 auto!important;}
body{background-image: url('/skin/img/notebook.png')!important;}
.body-layout .list-row-contents { display:none; } 
.flex-caption>.intro-title{font-family: 'Pacifico', cursive !important;}
.divider-vertical{display:none !important;}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.main-padding1{padding-left:0px !important;padding-right:4px !important;}
.main-padding2{padding-left:4px !important;padding-right:0px !important;}

.title-bg{background-image: url('/skin/img/low_contrast_linen.png')!important;}
.title-bg h2{color:#fff !important;font-size:15px !important;font-weight:bold;margin-top: 0px;margin-bottom: 0px;}

.main-padding2 .list-group{margin-bottom:8px !important;}

.page-titles{padding:0px !important; background:rgba(0,0,0,0) !important; border-bottom:1px dashed #000 !important;border-radius: 0px !important;}
.page-titles h2{font-weight:bold;font-family: dotum;}
.page-titles p{font-family: 'Pacifico', cursive !important;font-size:17px;}

/* .intro-boardbox .page-header{display:none;} */
.intro-boardbox{margin-top:15px;}

.vConField{padding:32px;background:#fff;}
.vConField .vAbsolute{padding:10px;}

.carousel .wrapper {	position:relative;}
.carousel .hero-unit {	position:absolute;  	z-index:1;  	top:15px;  	left:15px;    width:70%;}

.vConField .wrapper {position:absolute;}
.vConField .jumbotron{padding:5px 25px;border-radius: 0px;background-color: rgba(238, 238, 238, 0.79);}
.vConField .jumbotron h1{font-family: 'Pacifico', cursive !important;}
.vConField .carousel-control{bottom:0px !important;}
.vConField .wrapper .img-responsive{width:100%;}

.carousel-inner .item .img-responsive {width:100%;}


.vConField .carousel-control {display:none !important;}


.back1{background-image: url('/skin/img/blur1.jpg')!important;}
.back2{background-image: url('/skin/img/blur2.jpg')!important;}
.back3{background-image: url('/skin/img/blur3.jpg')!important;}
.back4{background-image: url('/skin/img/blur4.jpg')!important;}
.back5{background-image: url('/skin/img/blur5.jpg')!important;}
.back6{background-image: url('/skin/img/blur6.jpg')!important;}

.bgBlur{min-height:350px;background-size:cover;text-align:center;}
.bgBlur h1{color:#fff;font-weight:bold;}
.bgBlur p{color:#fff;font-weight:bold;}

.bgBlur:before {

  content: '';
  position: absolute;
  top: 0; left:0; right:0; bottom:0;
  background: inherit;
  z-index:-1;
  filter: blur(6px); 
  -webkit-filter: blur(6px); 
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
  filter:url(#blur);

}

.row>col-sm-8, .row>col-sm-8{margin-bottom:20px;}
.footer_copy>.text-center{margin-top:15px;}



/*상단 메뉴 설정 시작*/
.navbar-inverse{
background-image: url('/skin/img/low_contrast_linen.png')!important;
	background:#222222;     /*배경 색*/
	border-color:#080808;         /*테두리 색*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
}
/*상단 메뉴 설정 끝*/

/*상단 메뉴 로고 시작*/
.navbar-brand img {
	padding-top: 10px;
}
/*상단 메뉴 로고 끝*/

/* 상단 메인 메뉴 설정 시작*/
.navbar-inverse .navbar-nav > li > a{
background-image: url('/skin/img/low_contrast_linen.png')!important;
	background-color:none;	      /*배경 색*/
	color:#999999;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:15px 15px 15px 15px;  /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
}
/* 상단 메인 메뉴 설정 끝*/

/* 상단 서브 메뉴 설정 시작*/
.dropdown-menu > li > a{
	background-color:#ffffff;     /*배경 색*/
	color:#333333;                /*텍스트 색*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:3px 20px 3px 20px;       /*외부 여백*/
	font-size:14px;
}
/* 상단 서브 메뉴 설정 끝*/

/* 하단 카피라이트 설정 시작*/
body > .navbar-fixed-bottom .text-center{
	background:#ffffff;           /*배경 색*/
	color:#999999;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:15px 0px 15px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
	text-align:center;            /*텍스트 정렬*/
}
.footer_copy .text-center{
	background-color:#ccc;     /*배경 색*/
	color:#999999;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:15px 0px 15px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
	text-align:center;            /*텍스트 정렬*/
}
/* 하단 카피라이트 설정 끝*/

/*인트로 텍스트 설정 시작*/
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;   /*외부 여백*/
}
/*인트로 텍스트 설정 끝*/




/* 닷홈 제작지원 CSS 작업 영역 입니다 */

/* 네비게이션 바 배경 색 */

.navbar-inverse{
        background-image:none !important;
	background:#fff;     /*배경 색*/
        border-color:rgba(255, 255, 255, 0);
}

/* 네비게이션 바 위치 */

.navbar-right {
    float: right !important;
    margin-right: -15px;
    padding-top: 5px;
}

/* 네비게이션 바 메뉴 배경 색 */

.navbar-inverse .navbar-nav > li > a{
background-image: none !important;
	background-color:#fff;	      /*배경 색*/
	color:#666;                /*텍스트 색*/
}

/* 텍스트 그림자 없애기 */

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0);
}

/* 네비게이션 바 hover */

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    color: #02690c;
    background-color: transparent;
}

/* logo */

.navbar-brand img {
    padding: 20px 0 10px 0;
}

/* 전체 배경 */

body {
    background-image: none !important;
}

/* 서브페이지 왼쪽 네비게이션 바 */

.sub_main > a {
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #f1fbf0;
    background-color: rgba(53,95,37,0.84);
    margin-top: 15px;
}

/* 메인 네비게이션 밑 바 */

.navbar-dh5 {
    background: none repeat scroll 0% 0% #07aab9;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 11px;
    border-bottom: 1px solid rgba(255,255,255,0);
    text-align: right;
}

.intro-board-widget-layout> .intro-board-layout { width:75% !important; padding-right:2px !important;}
.intro-board-widget-layout> .intro-widget-layout { width:25% !important; padding-left:2px !important;}
.intro-board-widget-layout> .intro-board-layout> .intro-boardbox { width:33.3% !important; float:left; padding-left:4px; padding-right:4px; }
.intro-board-widget-layout> .intro-widget-layout> .intro-widgetbox{ width:100% !important; float:left; margin-top:15px !important; padding-left:4px; padding-right:4px; }
.intro-board-widget-layout> .intro-widget-layout> .intro-widgetbox .page-header { display:none; }

 /* 스마트폰 가로 */
@media all and (max-width:768px) {

.intro-board-layout{min-height:580px!important;}
.intro-board-widget-layout>.intro-board-layout { width:100% !important; padding-right:2px !important;}
.intro-board-widget-layout>.intro-widget-layout { width:100% !important; padding-left:2px !important;}
.intro-board-widget-layout>.intro-board-layout>.intro-boardbox { width:100% !important;float:left; padding-left:4px; padding-right:4px;}
.intro-board-widget-layout>.intro-widget-layout>.intro-widgetbox { width:100% !important; float:left; margin-top:15px !important; padding-left:4px; padding-right:4px;}
.intro-board-widget-layout>.intro-widget-layout>.intro-widgetbox img { width:100%; }
.intro-board-widget-layout > .intro-board-layout { padding-right: 11px !important; padding-left:11px !important;}
.intro-board-widget-layout > .intro-widget-layout { padding-right: 11px !important; padding-left:11px !important;}

.row > .col-md-9 > .bbs-blog-index-layout > .dh-board > .dhb-txt-box > .dhb-txt-list {
    width: 100% !important;
}

.row > .col-md-9 > .bbs-blog-index-layout > .dh-board > .dhb-txt-box > .dhb-txt-list > .row > .col-xs-12 {
    width: 100% !important;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #0B0B0B;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #FFF;
}

} /* media end */

.intro-boardbox .front-panel .panel-body h6>a>h5{display:none;}
.dh-front-list2 h6 a {color: #000;font-weight: normal;font-size: 12px;}
.intro-boardbox .front-panel .panel-body .dh-front-list2-words {padding:0px;}

.dh-front-list2 h6 a p { width: 68%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; float:left; } 

.intro-board-widget-layout > .intro-board-layout > .intro-boardbox > .page-header { padding:0; margin:0; }
.intro-board-widget-layout > .intro-board-layout > .intro-boardbox > .page-header > h4 { margin-left:10px; }

img[src="/skin/img/banner2.jpg"] { margin-top:50px; }

.row > .col-md-9 > .bbs-blog-index-layout > .dh-board > .dhb-txt-box > .dhb-txt-list { width:90%; }
.row > .col-md-9 > .bbs-blog-index-layout > .dh-board > .dhb-txt-box > .dhb-txt-list > .row > .col-xs-12 { width:30%; }
.row > .col-md-9 > .bbs-blog-index-layout > .dh-board > .dhb-txt-box > .text-right > h5 { display:none; }
.row > .col-md-9 > .bbs-blog-index-layout > .dh-board > .dhb-txt-box > .dhb-txt-list > .row > .col-md-7 { width:70%; }

.navbar-collapse > ul.navbar-right { padding-top:20px; }
ul.navbar-right > .dropdown > a { font-size:18px; }

@media (max-width: 600px) {
.intro-board-layout {
    min-height: 625px!important;
}
}

@media (max-width: 450px) {
.intro-board-layout {
    min-height: 675px!important;
}
}