/* 웹폰트 Import */
@import url(http://fonts.googleapis.com/css?family=Noto+Sans);

/* 스크롤 설정 */
html {overflow-x: hidden; overflow-y: scroll;}
body {background-color: #fff;}

/* 폰트 설정 */
* {font-family: 'Noto Sans CJK KR', "NanumGothic", 'Malgun Gothic', 'Gulim', sans-serif !important;}
h1, h2, h3, h4, h5, h6, p {font-family: 'Noto Sans CJK KR', "NanumGothic", 'Malgun Gothic', 'Gulim', sans-serif !important;}
.fa {font-family: 'FontAwesome' !important;}
.glyphicon {font-family: 'Glyphicons Halflings' !important;}


/*로고 클릭 영역 및 메뉴 클릭 영역 초기화*/
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand, :last-child.navbar-right.navbar-nav{margin: 0px;}
 
/*메인 로고와 메뉴 영역 분리 */
@media (min-width: 1200px){
    .container{width:100%; margin:0; padding:0;}
}
.navbar-inverse{
	background: #fff;
    border: none;
	border-bottom: 1px solid rgba(0,0,0,0.2);
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.navbar-inverse > div{width: 1170px; margin: 0 auto; width:100%;}
/*상단 메뉴 설정 끝*/

/*상단 메뉴 로고 시작*/
.navbar-brand{
	padding: 10px 15px 10px;
    margin: 20px 0 12px !important;
}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-brand:hover{
	color: #303030;
    font-size: 22px;
    font-weight: 500;
    text-shadow: 0 0 0 rgba(0,0,0,0) !important;
}
/*상단 메뉴 로고 끝*/

/* 상단 메인 메뉴 설정 시작*/
li.divider-vertical{display:none;}
ul.nav{float: right !important;}
.navbar ~ br{display:none;}
.navbar-inverse .navbar-nav > li > a{
	color: #434343;
    font-size: 16px;
    font-weight: 400;
    padding: 0 44px 0;
    margin: 36px 0 20px;
    text-shadow: none;
    border-right: 1px solid #dedede;
}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover{color: #59544b;}
.navbar-inverse .navbar-nav > li#m-15 > ul.dropdown-menu{background: #fff; padding: 0 !important;}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{
	color: #e43c3c;
    background: none !important;
    box-shadow: 0 0 0 rgba(0,0,0,0) !important;
	border-right: 1px solid #dedede !important;
}
/* 상단 메인 메뉴 설정 끝*/

/* 모바일 메뉴 시작 */
.navbar-toggle{
	background: #e43c3c;
    border-radius: 3px;
    border: none;
    margin: 20px 30px 20px;
    padding: 12px 12px;
}
/* //모바일 메뉴 끝 */

/* 상단 서브 메뉴 설정 시작*/
.dropdown-menu{
    padding: 20px 0 20px;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 0;
	background: #f7f7f7;
}
.dropdown-menu > li{margin:0!important;}
.dropdown-menu > li > a{
    color: #444;
    padding: 7px 30px 7px 30px;
    margin: 0px 0px 0px 0px;
    font-size: 14px;
}
.dropdown-menu > li > a:hover{background:#59544b!important; color: #fff;}
.dropdown-menu > li > a.m-15{background:#f7f7f7; color: #444;}
.dropdown-menu > li > a.m-15:hover{ color: #fff;}

/* ----- nav-small sub menu title ----- */
.m-15_sub li:nth-of-type(2) a, .m-15_sub li:nth-of-type(3) a,
.m-15_sub li:nth-of-type(6) a, .m-15_sub li:nth-of-type(7) a{
	padding: 5px 30px;
    background: #fff!important;
    border: 1px solid transparent !important;
    color: #59544b!important;
    font-size: 13px;
}
.m-15_sub li:nth-of-type(2) a:hover, .m-15_sub li:nth-of-type(3)  a:hover 
.m-15_sub li:nth-of-type(6) a:hover, .m-15_sub li:nth-of-type(7) a:hover, {
	color: #59544b!important;
    border: 1px solid transparent !important;
    background: #59544b;
}



@media (min-width: 768px){
    .col-sm-12{width:100%; padding:0;}
}
@media (min-width: 768px){
    .navbar-right .dropdown-menu {left: 0 !important; right: auto !important;}
}
/* 상단 서브 메뉴 설정 끝*/

/* 슬라이드 설정 시작 */
.container_slide {width: 100%; padding: 0;}
.carousel-control {display:none;}
.carousel-caption {right: 20%; left: 20%; top: 50%; bottom: auto; padding: 0; margin-top: -113px; width: 1170px; text-align: left;}
.fill {height: 440px;}
.fill h1, .fill p{margin: 0;}
.fill h1 span, .fill p span{background-color: transparent; opacity: 1; margin: 0; padding: 5px 0 5px; display: inline-block; letter-spacing: -1px; text-shadow: 0 0 0 rgba(0,0,0,0);}
.fill h1 span{color: rgba(255,255,255,0.85); font-size: 42px; font-weight: 300; padding: 0 0 0; line-height: 1.3;}
.fill p span{
    font-size: 15px;
    font-weight: 300;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    margin: 30px 0 0;
    padding: 0 0 7px;
    min-width: 400px;
    letter-spacing: 0.01em;
    line-height: 1.6;
    color: rgba(255,255,255,0.95);
}
/* //슬라이드 설정 끝 */


/*content Proudct part*/
.product-wrap{
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 20px 0 20px;
}

.product-wrap .row-fluid{margin-bottom:50px;}
.product-wrap .product-title{
    margin: 0 0 30px;
    padding: 0 0 0;
    border-bottom: 1px solid #cecece;
    position: relative;
}
.product-wrap .product-title h1{
    font-size:34px;
    float: left;
    display: inline-block;
    margin: 0;
}
.product-wrap .product-title h3{
    font-size:21px;
    font-weight:700;
}
.product-wrap .product-title p{
    font-size:18px;
    color:#909090;
    display: inline-block;
    padding-left: 20px;
    padding-top: 15px;
    margin: 0;
}
.product img{
    display: inline-block;
    position:absolute;
    right:0;
}
.product-top{
    max-height:260px;
    overflow:hidden;
}
.product-top img{
    width:100%;
	border: 1px solid #eee;
	height:200px;
}
.product-top, .product-exp{
    position:relative;
}
.product-top .product-hover{
	background: rgba(0,0,0,0.5);
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.product-hover p{
    padding:100px;
    text-align:center;
}
.product-hover p i{
	color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -26px 0 0 -22.5px;
    font-size: 55px;
    color:#fff;
}

.product-list .col-md-3:nth-child(1) .product-top a:focus .product-hover, .product-list .col-md-3:nth-child(1) .product-top a:hover .product-hover, .product-list .col-md-3:nth-child(2) .product-top a:focus .product-hover, .product-list .col-md-3:nth-child(2) .product-top a:hover .product-hover, .product-list .col-md-3:nth-child(3) .product-top a:focus .product-hover, .product-list .col-md-3:nth-child(3) .product-top a:hover .product-hover, .product-list .col-md-3:nth-child(4) .product-top a:focus .product-hover, .product-list .col-md-3:nth-child(4) .product-top a:hover .product-hover{
  visibility:visible;   
  background:rgba(0,0,0,0.3);
}
.product-list .product-hover{visibility:hidden;}
.product-list .product-exp .btn{
    background: #59544b;
    color: #fff;
    width: 100%;
    height: 62px;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 20px 0 20px;
    border-radius: 0;
}
.product-list .product-exp .line2{ padding:10px 12px;}
.product-exp{background: #fff;}
.product-exp div.text-center{
    position:absolute;
    top:-25px;
    width:100%;
    z-index:999;
}
.product-exp .text-center ~ p{
    padding:50px 20px 40px;
    color:#444;
    line-height:20pt;
    font-size:15px;
}


/*main page board part*/
.panel-body{width: 1170px; margin: 0 auto;}
.row.dh-front-list2 .panel-body{width: auto;}
.intro-board-widget-layout{background: #fff; padding: 30px 0 30px;}
.intro-board-widget-layout .intro-boardbox:nth-child(1), .intro-board-widget-layout .intro-boardbox:nth-child(2){width: 50%; padding: 0 15px 0;}
.intro-boardbox .page-header{
    padding: 0;
    margin: 20px 0 20px;
    border-bottom: 1px solid #cecece;
}
.intro-boardbox .front-panel>.panel {
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: 0 0 0 rgba(0,0,0,0);
}
.intro-boardbox .panel-body{padding: 0;}
.intro-boardbox>.page-header>h4>.btn{color: transparent; margin: -6px 0 0; padding: 0px 10px 10px;}
.intro-board-widget-layout .intro-boardbox .page-header h4{
    font-weight: 400;
    font-size: 24px;
    color: #454545;
    margin: 0;
    padding: 0 0 8px;
}
.dh-front-list2 h6 a, .dh-front-list2 h6 a span{
    font-size: 14px;
    font-weight: 400;
    color: #666;
}
.dh-front-list2 h6 a:hover span{text-decoration: none;}
.dh-front-list2 h6 a:hover span.list-row-subject{color: #333;}
.dh-front-list2 h5{display: none;}
.dh-front-list2-words{margin:0; border-bottom: 1px solid #d7d7d7; padding: 12px 10px 12px;}
.dh-front-list2-words:first-child{margin-top: 0;}
.dh-front-list2-words .row-separator{visibility: hidden;}
.dh-front-list2-words .list-row-regdate{color: #888; float: right;}
.board-gadget-wrap{padding-top: 43px; padding-left: 50px;}
.board-gadget-wrap .row > div{padding: 0 15px 18px;}
.board-gadget-wrap .row > div .board-gadget{
	padding: 24px 20px;
    height: 190px;
}
.board-gadget-wrap .board-gadget{
    padding:22px 20px;
    background: #f7f7f7;
}
.board-gadget-wrap .board-gadget h3 {
    color: #343434;
    font-size: 20px;
	font-weight: 400;
    margin: 0 0 14px;
}
.board-gadget-wrap .board-gadget h4{
	color: #e43c3c;
    margin: 0 0 0;
    font-size: 25px;
    font-weight: 500;
}
.board-gadget-wrap .board-gadget p {
    color: #7c7c7c;
    font-size: 14px;
    line-height: 1.5;
}
.board-gadget-wrap .board-gadget img{margin: 0 0 0 10px;}
.board-gadget-wrap .board-gadget h2{
    margin:0;
    font-size:44px;
    letter-spacing:-1.0pt;
    color:#ef950f;
}
.board-gadget-wrap .board-gadget p a.btn {
    border: 1px solid #59544b !important;
    padding: 8px 30px;
    margin: 10px 0 0;
    color: #59544b;
    font-weight: 500;
    font-size: 16px;
    border-radius: 0;
}
.board-gadget-wrap .board-gadget p a.btn:hover{
	border: 1px solid #e43c3c !important;
	background: #e43c3c;
	color: #fff;
}


/*footer part*/
.footer_copy .text-center{
    background: #59544b;
    /*color: #a5a5a5;*/
    color:#fff;
    border-top: 1px solid #e5e5e5;
    font-weight: 300;
    padding: 0 15px 0;
    margin: 0;
    text-align: center;}
    /*footer part*/

.footer-con {
    width: 1170px;
    margin: 0 auto;
	padding: 25px 0 0;
}
.footer-con p{
	font-size: 13px;
}
.footer-con p span{
	color: #666;
	padding-right: 6px;
}

/*sub page*/
.top-sub-bg{
    background:url('/skin/img/slide/sliderImg.jpg') no-repeat;
    background-position:center;
    width:100%;
    height:320px;
    position:relative;
}
.top-sub-bg > div{
    position:absolute;
    bottom:80px;
    left:19%;
    width:1170px;
}
.top-sub-bg .breadcrumb{
    padding: 0 15px;
    margin-left:20px;
    margin-top:38px;
    float:left;
}
.top-sub-bg h2{
    background-position:0 7px;
    color:#ef950f;
    font-size: 48px;
}
.top-sub-bg .breadcrumb {
    background:#fff;
    color:#585858;
}
.top-sub-bg .breadcrumb > li {font-size: 12px;}
.top-sub-bg .breadcrumb > li + li::before{content:'|';}
.top-sub-bg .breadcrumb > .active{
    color:#ff00de;
    font-weight:700;
}
.content {font-size: 15px;}
.content h2{
    margin-top: 70px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 40px;
    padding-left: 90px;
    font-size: 33px;
}

.content .content-sub, .content .sub-bg{
    padding:70px;
}

.content .sub-bg {
    width:100%;
    height:900px;
    position:relative;
    margin:50px 0;
    background: url('/skin/img/c_bg01.png') no-repeat;
    background-size: contain;
    background-position: center;
}

.content .sub-bg .sub-content{
    width:25%;
    word-break:keep-all;
    text-align:center;
    color:#fff;
}
.content .sub-bg .sub-content:nth-child(1), .content .sub-bg .sub-content:nth-child(2), .content .sub-bg .sub-content:nth-child(3){
    position:absolute;
}
.content .sub-bg .sub-content:nth-child(1){
    top: 200px;
    right:340px;
}
.content .sub-bg .sub-content:nth-child(2){
    top: 335px;
    left: 244px;
}
.content .sub-bg .sub-content:nth-child(3){
    right:320px;
    bottom:251px;
}
@media all and (max-width:920px){
    .intro-board-widget-layout .intro-boardbox:nth-child(1), .intro-board-widget-layout .intro-boardbox:nth-child(2){width:100%;}
    .board-gadget-wrap{padding-left:0;}
    .board-gadget .col-md-8{text-align:center;}
}

/* ONLINE BROCURE */
.brocure {background-color: #000;}
.brocure.product-title {
    border-bottom:1px solid #fff;
}
.brocure h1,.brocure h3,.brocure p {color: #ffffff;}
.brocure h1 {
    font-size:34px;
    float: left;
    display: inline-block;
    margin: 0;
}
.brocure p {
    font-size:18px;
    color:#909090;
    display: inline-block;
    padding-left: 20px;
    padding-top: 15px;
    margin: 0;
}
.brocure img {
    display: inline-block;
    position:absolute;
    right:0;
}

.intro-board-layout, .intro-widget-layout {width: 100%;}

.intro-widget-layout.col-sm-4{
    background: url('/skin/img/bg_brochure.gif') no-repeat !important;
}

.intro-widgetbox {margin-top: 0;}
.intro-widgetbox.thumbs{
    padding-bottom:60px;
}
.intro-widgetbox > .dh-front-gallery{
    padding:0;
}

.row.dh-front-gallery.thumbs.intro-widgetBoardbox{
    max-width:1170px;
	width:100%; 
    margin:0 auto;
}
.intro-widgetBoardbox {
    padding-top: 30px !important;
    border: none;
    background-size: cover !important;
    background:rgba(0, 0, 0, 0) !important;
}

.intro-widgetBoardbox > a {display: none;}

.dh-front-gallery a:hover {border: none;}

.dh-front-gallery .thumbnail {
    border: none;
    border-radius: 0;
}
/* //ONLINE BROCURE */

.caret {display: none;}
.intro-board-layout.col-sm-8{
    width:1170px;
    left:50%;
    margin-left:-585px;
    padding-bottom:40px;
}
a.btn.pull-right{background:url('/skin/img/btn-more1.png') no-repeat;}
.socialArea{margin:10px 0;}

/* 서브 페이지 */
.sub-wrap {
    width:100%:;
    max-width:1170px;
    margin:0 auto;
}
.bbs-list-index-layout.text-bbs5 .dh-board{
   width:100%:;
   max-width:1170px;
     
}
.bbs-list-index-layout.text-bbs5 .btn.btn-primary#btnNew{
    background-color:#ef950f;
    background-image:none;
    border-color:#ef950f;
}
.dh-view-box.dh-margin-topx2{
    width:100%:;
    max-width:1170px;
    margin:0 auto;

}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color:#ef950f;
    border-color:#ef950f;
}
.form-horizontal{
    width:1170px;
	width:100%; 
    margin:0 auto;
}
.contact-location-only-layout .row.google{
    width:1170px;
    margin:0 auto;
	width:100%; 
    padding-top:10px;
}
/*main---------------------------------------------*/
.content_wrap{background:#fff;}
/*게시판*/
.list-row-contents{display:none;}
.intro-board-widget-layout>.intro-boardbox:nth-of-type(2){clear:both;}
.intro-board-widget-layout>.intro-boardbox:nth-of-type(2) .page-header{margin-top:20px;}
@media only screen and (min-width:992px){
    .intro-board-widget-layout{position:relative;}
    .intro-board-widget-layout .intro-boardbox{width:50%;}
    .board-gadget-wrap{position:absolute; right:0; top:0; width:50%; }
    .board-gadget-wrap:before{position:relative;}
}


/* 서브 페이지 */
/*setting*/
body{word-break: break-word;}
h1, h2, h3, h4, h5, h6{font-weight: 500;}
/*common_css*/
.padd00{padding:0;}
.hr_style00{border-top:2px dotted #ededed;}
.grid_style00{
	padding: 25px 30px 27px;
    margin: 10px 20px 10px;
    border: 6px solid #f1f1f1;
}
.grid_style01{padding:15px; margin:10px; /*background: #fafafa;*/ border-right:2px dotted #ededed;}
@media only screen and (max-width:768px){ .grid_style01{ border:none;}}
.bord_none{border:none;} 

.grid_style00 h4, .grid_style01 h4{
	font-size: 15px;
    font-weight: 500;
    color: #333;
    line-height: 1.5;
}
.grid_style00 .txt, .grid_style01 .txt{
	font-size: 13px;
    font-weight: 400;
    color: #666;
    line-height: 1.8;
	padding: 0;
}
.h3_sub_title{font-size: 19px; padding-left: 5px;}
.title_icon{display: none; /*display:inline;zoom:1;width: 13px;height: 13px;border-radius:3px;
background:#333;vertical-align: middle;margin: -6px 5px 0 0;*/}
.img_border {outline: 1px solid #ddd; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.175);}
.sct_marg{margin-top:66.3px;}

.padd_l40{padding-left:40px;}
/*layout*/
.container_contents{width:100%; max-width:1170px; margin:0 auto;}

/*sub_page_common----------------------------------------------*/
.page_wrap{
	margin: 0 auto;
    max-width: 1170px;
    background: #fff;
	width: 100%;
}
@media only screen and (max-width:1200px){.page_wrap{margin-top:0;}}
#mailForm,
.dh-board, .dh-view-box, 
.form-horizontal{width: 100%; padding:15px 25px 50px; margin: 0 auto; max-width: 1170px; background:#fff;}

.visual{width:100%; height:160px; max-width:1170px; overflow:hidden; margin:0 auto;  position:relative;}
.visual img{width:100%; height:100%;}
.visual_bg{position:absolute; left:0; top:0; background:rgba(0,0,0,0.4); width:100%; height:100%; padding: 10px 30px 10px;}
.visual_txt{height:100%; position:relative;}
.visual_txt h1>div{font-size: 15px; font-weight: 300; color: #eee;}
.visual_txt h1, .visual_txt ul{position:absolute; color:#fff; margin:0;}
.visual_txt h1{left:0; top: 50%; margin-top: -13px; font-size: 24px; font-weight: 400;}
.visual_txt ul{right:0; bottom: 0; font-size: 13px;}
.visual_txt ul > li{padding: 0 2px 0; color: #d7d7d7;}
.visual_txt ul > li:last-of-type{color: #fff}
@media only screen and (max-width:798px){.visual_txt h1>div, .visual_txt h1{font-size:21px;}
	.visual{margin: -8px auto 0;}
}
.sub_contents{padding: 30px 30px 40px; margin: 0 auto;}
.sub_contents p{
	padding: 0 0px 0;
    margin: 0 0 20px;
    color: #666;
    line-height: 1.8;
}
.sub_contents > p{
	padding: 0 30px 0;
    margin: 0 0 20px;
    color: #666;
    line-height: 1.8;
}
.sub_contents > h3{
	font-size: 23px;
    padding: 0 30px 10px;
    margin: 10px 0 15px;
    color: #59544b;
}
.sub_contents > h4{
	font-size: 21px;
    padding: 0 30px 10px;
    margin: 10px 0 15px;
    color: #333;
}
.sub_contents ul{
	padding: 0 20px 10px;
}
.sub_contents ul > li{
	color: #666;
	line-height: 1.6;
}
/* 이미지 보더값 image-border */


/*인사말 페이지*/
.greenting_grid{padding-bottom:20px;}
.greenting_grid .grid_style00{min-height: 200px;}
.greeting-tech-box {
    width: 46%;
    float: left;
    border: 6px solid #f1f1f1;
    padding: 20px 30px 20px;
    margin: 10px 20px 10px;
    height: 100px;
}
@media only screen and (max-width:768px){
	.greeting-tech-box {width: 100%;}

}

/* 오시는 길 */
.location_def {
	padding: 20px 30px 20px;
    margin: 20px 0 0;
    border: 1px solid #d5d5d5;
    color: #666;
    line-height: 1.8;
    font-size: 13px;
}

/* tukuden_1_2 */
.tokuden1-2_grid01 .grid_style01{min-height:190px;}
.tokuden1-2_grid02 .grid_style01{min-height:167px;}
/* tukuden_1_3 */
.tokuden1-3_img_grid,
.table_wrap{width:90%; margin:0 auto;}
.table_wrap table,
.table_wrap table td{border:1px solid #ededed;}
@media only screen and (max-width:768px){.table_wrap{width:100%;}}

/* tukuden_2_2 */
.tokuden_border .row {border-bottom: 1px solid #eee; padding: 20px 0px 20px 0px;}
.title_label {
	display: inline-block;
    border-bottom: 1px solid #e43c3c;
    color: #e43c3c;
    padding: 0 0 4px;
    margin: 10px 0 10px;
}
.tokuden2-2_grid .grid_style00{min-height:200px;}

/* tukuden_2_3 */
.tokuden2-3_grid01 h4,
.tokuden2-3_grid h4{margin-top:0;}

.tokuden2-3_grid01 .grid_style01{min-height:160px;}

/*MAIN PAGE*/
.product-wrap h1{
	margin: 20px 0 0;
    padding: 0 0 8px;
    font-size: 24px;
    font-weight: 400;
    color: #454545;
}
.product-wrap h1 strong{font-weight: 400;}

.main_grid .col {width: 20%; float: left;}
.main_grid .col .inner {margin: 0 10px 50px;}

@media only screen and (max-width:998px) { .main_grid .col { width: 50%; }}
@media only screen and (max-width:798px) {.main_grid .col {width: 100%;}}
.main_grid .product-top:hover .product-hover{visibility: visible;}

/*모바일 버전*/
@media only screen and (max-width:768px){
	.container{padding:0!important;}
	.navbar-right{width:100%; margin:0; padding:0 !important; background:#eee; border-bottom:2px solid #a4a4a4;}
	.navbar-right li a{margin:0!important;}
}


/* 게시판 설정 시작 */
/* ---------- table 영역 설정 ---------- */
.table{font-size: 14px; width: 100%; border-top: 1px solid #59544b; border-bottom: 1px solid #dedede; margin-bottom: 30px;}
.table tr{line-height: 20pt;}
.table th{padding: 14px 15px; color: #333; font-weight: 500; border-bottom: 1px solid #ddd; font-size: 14px;}
.table td{
    padding: 14px 15px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    color: #666;
    font-size: 13px;
}

/* ----- 텍스트 게시판 설정 ----- */
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{padding: 14px 10px; color: #555; font-size: 14px;}
.table > thead > tr > th{vertical-align: middle; border-bottom: 1px solid #ccc; font-weight: 500; color: #333;}
.table > tbody > tr > td > strong > a{color: #555;}
.dh-board > .table-hover{border-top: 1px solid #59544b; border-bottom: 1px solid #ccc; margin: 0px 0 30px;}
.dh-board > .table-hover > tbody > tr:hover td{background-color: #fcfcfc;}
.table > tbody > tr:hover > td > strong > a{color: #9d8378;}
.dh-margin-top{margin-top: 40px; display: inline-block;}

/* ----- 게시판 버튼 설정 ----- */
.label{background: transparent; padding: 0px 5px 0px; font-size: 90%;}
.label-danger{color: #e43c3c;}
.label-primary{color: #e43c3c;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {background-color: #59544b; border: 1px solid #59544b !important;}
.pagination > li > a, .pagination > li > span{color: #9D8478;}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination> li > span:focus, .pagination>li>span:hover{color: #9D8478;}
.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;}

/* ----- 게시글 뷰 페이지 설정 ----- */
.dh-view-box{margin-top: 40px;}
.sns-box{display: none;}
.dh-view-box>.row>.page-header{border-top: 1px solid #59544b; border-bottom: 1px solid #eee; padding: 5px 20px 5px; margin: 0;}
.dh-view-box>.row>.page-header>h4{color: #59544b;}
.dh-view-box>.row>.dh-view-info{border-bottom: 1px solid #ccc; background: transparent; padding: 8px 20px 8px; color: #888;}
.dh-view-box>.row>.dh-view-info>span{padding: 0 15px 0 0;}
.dh-view-box>.row>.dh-view-info>span>strong{color: #555; padding: 0 5px 0 0;}
.dh-view-box .dh-attach h6{margin: 0 0 0; padding: 5px 5px 0;}
.dh-view-box>.row:nth-child(2)>div:nth-child(3){padding: 15px 20px 40px !important;}

/* --------------- page - 메일문의 --------------- */
.form-control{padding: auto 16px; height: auto; font-size: 13px; line-height: 1.6; color: #666; border-radius: 0;}
#mailForm .btn-primary{background: #59544b; border-radius: 0; border: 1px solid #59544b !important; padding: 8px 0 8px;}
#mailForm .btn-primary:focus, .btn-primary:hover{background-color: #59544b !important; border: 1px solid #59544b !important;}
/* //게시판 설정 끝 */

/*tab*/
.tab_btn{border-bottom: 1px solid #ddd; margin-bottom: 40px; padding-bottom:6px;}
.tab_btn ul{padding:0;}
.tab_btn ul li a{padding: 12px 30px;
    background: #59544b;
    color: #fff;
    border: 1px solid #ddd;
    display: block;
}
.tab_btn ul li a.active,
.tab_btn ul li a:hover{background: #f7f7f7; color:#59544b; border-bottom: 1px solid #ddd!important;}

/*메인 페이지*/
.intro-board-widget-layout{margin-bottom:125px;}
@media only screen and (max-width:992px){
	.board-gadget .col-md-5{width: 41.66666667%!important; float:left;}
	.board-gadget .col-md-7{width: 58.33333333%!important; float:left;}
}
@media only screen and (max-width:768px){
	.intro-board-widget-layout{margin-bottom:0;}
	.board-gadget .col-md-5{width: 41.66666667%!important; float:left;}
	.board-gadget .col-md-7{width: 58.33333333%!important; float:left;}
	
	.carousel-caption{display:none;}
	
	.product-top img{
    	height:auto;
    	max-width:80%;
    }
}