@import url(http://fonts.googleapis.com/css?family=Courgette&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);
html { overflow-x: hidden }
.body-layout {
    width:100%;
    color: #777777;
    font-family: "Noto Sans CJK KR",'나눔고딕', 'Arial', Helvetica, sans-serif;
    font-weight:300;
}
h1,h2,h3,h4,h5,h6{
    font-family: "Noto Sans CJK KR", '나눔고딕', 'Arial', Helvetica, Arial, sans-serif !important;
    font-weight:200;
}

/*상단 메뉴 설정 시작*/
.navbar-inverse{
	background:#222222;     /*배경 색*/
	border-color:#080808;         /*테두리 색*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
	
}

/*상단 메뉴 설정 끝*/

/*상단 메뉴 로고 시작*/
.navbar-brand {
    padding: 0px;
    margin-left:0px !important;
}
.navbar-brand img {
	padding: 23px 0 8px 10px
}
/*상단 메뉴 로고 끝*/

/* 상단 메인 메뉴 설정 시작*/
.navbar-inverse .navbar-nav > li > a{
	background-color:none;	      /*배경 색*/
	color:#999999;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:15px 15px 15px 15px;  /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
}
.navbar-inverse .navbar-toggle {
    border-color: #bb7a40;
    background-color: #262626;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #bb7a40;
}
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    border: 1px solid #bb7a40;
    background-color: #bb7a40;
}
.navbar-inverse .navbar-toggle:focus .icon-bar,
.navbar-inverse .navbar-toggle:hover .icon-bar {
    background-color: #ffffff;
}
@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #333;
        background-color: beige;
    }
}
/* 상단 메인 메뉴 설정 끝*/

/* 상단 서브 메뉴 설정 시작*/
.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:0px 0px 0px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
	text-align:center;            /*텍스트 정렬*/
}
.footer_copy .text-center{
	background-color:#efefef;     /*배경 색*/
	color:#999999;                /*텍스트 색*/
	font-size:13px;               /*텍스트 크기*/
	padding:50px 0 33px 0;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
	text-align:center;            /*텍스트 정렬*/
}
.footer_copy .text-center p {
    margin-bottom: 0px;
}
/* 하단 카피라이트 설정 끝*/

/*인트로 텍스트 설정 시작*/
.fill {height:500px !important;}
.fill .carousel-caption {
    bottom: 116px;
    text-align: left;
}
.fill h1 {
    margin-bottom: 20px;
}
.fill h1 span, .fill p span {
    display: inline-block;
    opacity: 1;
    background-color: transparent;
    text-shadow:1px 1px 1px rgba(0,0,0,0.6)
}
.fill h1 span {
    font-size: 26px;
    font-weight: bold;
    line-height: 65px;
}
@media (min-width: 768px) {
    .fill h1 span {
        font-size: 53px;
    }
}
.fill .carousel-caption p {
    font-size:23px;
}
/*인트로 텍스트 설정 끝*/

/* nav 수정*/
.navbar-inverse {
    background: #fff;
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #dddddd;
}
.navbar-nav {padding-right:30px; padding-top:9px;}
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover  {
    color: #653512;
    text-decoration:underline !important;
    background-color: transparent;
}
.navbar-inverse .navbar-nav > li > a {
    color: #777777;
    font-size: 13px;
    padding: 15px;
    margin: 0px;
}
.navbar-inverse .navbar-nav > li:first-child a {
    color:#653512;
}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.0);
}
.navbar-inverse .divider-vertical {
    display:none;
}
.flexslider {
    margin: 0px;
    background: url("images/ajax-loader.gif") no-repeat scroll center center #FFF;
    border: 0px solid #FFF;
    position: relative;
    border-radius: 0px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.0);
    border-bottom-left-radius:0px;
    border-top-right-radius:0px;
overflow:hidden
}
.flex-viewport{
    border-bottom-left-radius:0px;
    border-top-right-radius:0px;
}

/* slide button style */
.slide .carousel-control {opacity: 0;}
.slide:hover .carousel-control {
    opacity: 1;
    -webkit-transition: opacity 0.5s ease 0s;
    transition: opacity 0.5s ease 0s;
}

.slide .carousel-control.left .glyphicon:before {content: url('/skin/img/btn_prev.png');}
.slide .carousel-control.right .glyphicon:before {content: url('/skin/img/btn_next.png');}

.slide .carousel-control.left .glyphicon:hover:before {content: url('/skin/img/btn_prev_hover.png');}
.slide .carousel-control.right .glyphicon:hover:before {content: url('/skin/img/btn_next_hover.png');}
/* //slide button style */

.dropdown-menu {
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0);
}


.intro-boardbox{
padding-left: 0px;
padding-right: 0px;
}

.intro-widgetbox {
    margin-bottom: 25px;
    margin-top: 0px;
}
.dh-front-txt div div div.panel-body {
    min-height: 135px;
}
.intro-widgetbox > .page-header {
    margin: 0px 0px 22px;
}
.panel-group .panel {
    margin-bottom: 25px;
    margin-left: 15px;
    margin-right: 15px;
}

.title-bg1{background:url("/skin/img/titles-1.jpg");background-position:center;background-size:cover;}
.title-bg2{background:url("/skin/img/titles-2.jpg");background-position:center;background-size:cover;}
.title-bg3{background:url("/skin/img/titles-3.jpg");background-position:center;background-size:cover;}
.title-bg4{background:url("/skin/img/titles-4.jpg");background-position:center;background-size:cover;}
.title-bg5{background:url("/skin/img/titles-5.jpg");background-position:center;background-size:cover;}

.vs-titles{padding: 20px;}
.vs-titles h2{font-weight: bold; color: #fff; text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);}
.vs-titles span{color:#fff;font-weight:bold;background: rgba(0,0,0,0.8);}

.img-circle{width:100%;}


*, *:before, *:after {box-sizing:  border-box !important;}


.vs-masonry {
 -moz-column-width: 18em;
 -webkit-column-width: 18em;
column-width: 18em;
 -moz-column-gap: 1em;
 -webkit-column-gap:1em; 
column-gap:1em; 


margin-left:0px;margin-right:0px;
  
}


.vs-masonry .item {
 display: inline-block;
 padding:  .25rem;
 width:  100%; 
}


.vs-masonry .well {
 position:relative;
 display: block;
}
.vs-masonry .well img{width:100%;}
.vs-masonry{}
.vs-masonry .well{padding:0px;}
.vs-masonry .well .panel{margin-bottom:0px;}
.vs-masonry .panel{border: 0px solid transparent;}





.dh-front-blog .thumbnail {
    margin-top: 0px;
    margin-bottom: 0px;
}

.vs-info{}
.vs-info >.list-group-item{padding-top:25px;}
.vs-info >.list-group-item>h4{font-weight:bold;}

.vs-fest .panel-body{padding:35px !important;}
.vs-fest .list-group{margin-bottom:0px}
.vs-fest .list-group-item {background:rgba(255,255,255,0.9);}


.vs-program{background:url("/skin/img/small_steps.png");}
.vs-program h2 {font-weight:bold;}
.vs-program h3 {color: #c23946;}
.vs-program .btn-default {
    background-image: linear-gradient(to bottom, #FFF 0px, #FFF 100%);
    background-repeat: repeat-x;
    text-shadow: 0px 0px 0px #FFF;
    border-color: #ddd;
}
.vs-program .btn-default a:color{color:rgba(255,255,255,0.5);}
.vs-program .btn-default a:hover{color:#c23946 !important;}
.vs-program .btn-default:hover, .vs-program .btn-default:focus {
    background-color: #FFF;
    background-position: 0px 0px;
}
.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0) inset, 0px 1px 1px rgba(0, 0, 0, 0);
}
a.btn:hover {
    border-bottom: 1px solid #ddd !important;
}
.title-bg5{}
.topmarginLay_a{display:none;}


/* main page */
.intro-html-layout {
    margin: 0px;
    /*float: left;*/
}
.intro-board-widget-layout {display:none;}
.intro-widget-layout {width: 100%;}
.intro-widgetbox {width: 100%; padding: 10px;}

.intro-widgetBoardbox {
    padding: 15px;
    border: none;
    background: transparent;
}

.intro-widget-layout .intro-widgetBoardbox {padding: 10px 0px 0px;}

.intro-widgetBoardbox > a {
    padding: 0px;
    border-bottom: 2px solid #bb7a40;
    background: transparent;
}

@media (min-width: 768px) {
    .intro-widgetbox {width: 50%; padding: 0px;}
    
    .intro-widget-layout .thumbs:nth-child(1) .intro-widgetBoardbox {padding: 15px 15px 15px 0px;}
    .intro-widget-layout .thumbs:nth-child(2) .intro-widgetBoardbox {padding: 15px 0px 15px 15px;}
}

.intro-widgetBoardbox > a:focus,
.intro-widgetBoardbox > a:hover {
    padding-right: 0px;
    border-bottom: 2px solid #bb7a40 !important;
}
.intro-widgetBoardbox > a > h5 {
    color: #333333;
    font-size: 20px;
    font-weight: 700;
}
.intro-widgetBoardbox .fa {
    margin-top: 10px;
    color: #bb7a40;
    font-size: 11px;
    font-family: "PT Sans", '나눔고딕', Helvetica, Arial, sans-serif;;
}
.intro-widgetBoardbox .fa:before {
    content: '더보기';
}
.intro-widget-list-box > ul {
    margin-top: 0px !important;
    padding: 0px;
}
.intro-widget-list-box > ul > li {
    border-bottom: solid 1px #d2d2d2;
}
.intro-widget-list-box > ul > li:focus,
.intro-widget-list-box > ul > li:hover {
    background-color: #F5F5DC;
}
.intro-widget-list-box > ul > li > a {
    color: #777777;
}
.intro-widget-list-box > ul > li > a:focus,
.intro-widget-list-box > ul > li > a:hover {
    color: #333333;
}
.product-popular {
    display: inline-block;
}
.product-popular .title {
    padding: 15px;
}
.product-popular .title h3 {
    display: inline-block;
    margin: 0px;
}
.product-popular .title p {
    display: inline-block;
    float: right;
    margin: 0px;
    text-align: right;
}
.product-popular .title a {
    color: #333333;
}
.product-popular .title p a {
    color: #bb7a40;
    font-size: 11px;
}
.product-popular .box {
    padding: 0px;
}
.product-popular .box-img {
    position: relative;
    border: 1px solid #B2B2B2;
}
.product-popular .box-img span {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(187,122,64,0.85) url('/skin/img/ico_plus_circle.png') center center no-repeat;
}
.product-popular .box-img:focus span,
.product-popular .box-img:hover span {
    opacity: 1;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.product-popular .box-description {
    height: 100px;
    padding: 15px;
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
}
.product-popular .box-description h4 {
    color: #bb7a40;
    font-size: 16px;
}
.product-popular .btn-detail {
    margin-bottom: 30px;
}
.product-popular .btn-detail a {
    padding: 15px;
    color: #bb7a40;
    font-size: 11px;
}
.product-popular .btn-detail a:focus,
.product-popular .btn-detail a:hover {
    text-decoration: underline !important;
}
@media (min-width: 768px) {
    .product-popular .box-description {height: 120px;}
}
@media (min-width: 992px) {
    .product-popular .box-description {height: 140px;}
    .product-popular .box+.box .box-img {border-left-width: 0px;}
}
/* //main page */

/* main page 수정 시작 */
body > div:nth-child(7) > div:nth-child(1) > div {display:none;} /*메인 페이지의 하얀 1px 공백 삭제*/
body > div:nth-child(7){width:100%; padding:0;}
.quicklink{
	background-color:#94B79E
}
.quicklink .box1{background-color:#6F9493;}
.quicklink .box2{background-color:#5C7880;}
.quicklink .box3{background-color:#94B79E;}
.quicklink .box {
    padding: 70px 50px;
}
.quicklink .box-cont{padding:0;}
.quicklink .box-cont > div:first-child {padding:0}
.quicklink .box-cont > div:nth-child(2){padding:20px 0}

.quicklink .box-cont h3 {
    color:#fff;
    margin:0;
    font-size:30px;
    /**/
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-wrap:break-word;
    
    min-height: 66px;
}

.quicklink .col-md-4:first-child .box-cont h3{
    letter-spacing:-1.3px;
}
.quicklink .box-cont p{
    color:#fff;
}
.more_btn{
    margin:50px 0 10px 0px;
    border:1px solid #fff;
    border-radius:0px;
    color:#fff;
    background:transparent;
}
.more_btn:hover{
    background:#fff;
    border:1px solid #fff;
    border-radius:0px;
    color:#333333;
}

/*****#####===== 미디어 쿼리 =====#####*****/ 
@media (min-width: 1601px) and (max-width: 1680px){ 
    .quicklink .box-cont h3 {
        font-size:28px;
        
        min-height: 60px;
    }
    
}
@media (min-width: 1400px) and (max-width: 1600px){ 
    .quicklink .box-cont h3 {
        font-size:22px;
        
        min-height: 48px;
    }
    
}
@media (min-width: 1200px) and (max-width: 1399px){ 
    .quicklink .box-cont h3 {
        font-size:18px;
        
        min-height: 37px;
    }
}
/***** md *****/ 
@media (min-width: 992px) and (max-width: 1199px){ 
    .quicklink .box-cont h3 {
        font-size:15px;
        
        min-height: 30px;
    }
    .quicklink .box{padding:50px;}
}
/***** sm *****/ 
@media (min-width: 768px) and (max-width: 991px){ 

} 

/***** xs *****/ 
@media (max-width: 767px){ 

}

.quicklink .box-img img {
    width: 100%;
}
/* sub page 수정 시작 */
.sub-layout{max-width:940px}
.subWrap{padding:70px 15px;}
.subTitle {padding:0;}
.subTitle h2 {
    color: #653512;
    text-decoration:underline;
    font-size: 30px;
    text-align:left;
    margin:0;
}
.subPage {
    padding: 15px 0 0 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 50px;
}
.subPage h3 {
    color: #333333;
}
.subPage p {
    font-size: 16px; 
    line-height: 1.7; 
    margin-bottom: 30px;
    word-break: keep-all;
    text-align: justify;
}
.subPage .big-text{
    color:#141414;
    font-size:19px;
    font-weight:200;
    margin-bottom:10px;
}
.subPage ul{
    padding:0;
    line-height:2.5;
    list-style-image:url(/skin/img/sub/ul.jpg);
    list-style-position:inside;
    font-size:18px;
}
/* //sub page */
.dh-popup{
    padding:15px 15px 0;
}
.popup {color:#000;}
.popup .inner {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 20px;
    margin: 20px 0;
}
.popup h3{font-weight:500;margin-bottom:30px;}
.popup h3.bottom-title{margin-top:50px;}
.popup .table-responsive{margin-top:25px;}
.popup table tr th{width:33.333%;}
.popup table tr th,.popup table tr td{text-align:center;}
/* social area */
.footer-social-layout {display: none;}

#btnNew{    background-color: #653512;
    border-color: #653512;
    background-image: linear-gradient(#653512,#653512);
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background-color: #653512;
    border-color: #653512;}
/* //social area */

.item-wrap ul {
    line-height: 1.6;
    list-style-image: none !important;
    list-style: none;
}

#daumRoughmapContainer1584945001783{
    width: 100% !important;
}