/*상단 메뉴 설정 시작*/
html {overflow-x: hidden; overflow-y: scroll;}
body {background-color: #fff;}

.panel.panel-default{
    margin-top:10px;
}
.panel-body{
    width:1170px;
    margin:0 auto;
}
@media screen and (max-width: 991px){
    .panel-body{
        width:100%;
    }
}
.row.dh-front-list2 .panel-body{
    width:auto;
}

.row{
    margin-right:0;
    margin-left:0;
}

/*로고 클릭 영역 및 메뉴 클릭 영역 초기화*/
/*.navbar > .container .navbar-brand,*/
/*.navbar > .container-fluid .navbar-brand, :last-child.navbar-right.navbar-nav{*/
/*    margin:0px;*/
/*    float: right;*/
/*}*/
@media screen and (max-width: 991px){
    .navbar > .container .navbar-brand{
        float: left;
    }
}
 
/*메인 로고와 메뉴 영역 분리 */
 .navbar-header{
   float:none;
   background-color:#fff;
   height:50px;
 }

@media (min-width: 1200px){
    .container{
        width:100%;
        margin:0;
        padding:0;
    }
}

@media (min-width: 1200px){
    .container>.navbar-header {
        /*width: 28%;*/
        /*margin: 0 auto;*/
        float: left;
    }
}
.navbar-inverse{
	background:#fff;     /*배경 색*/
	border:1px solid #ddd;         /*테두리 색*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
}
/*상단 메뉴 설정 끝*/

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

/* 상단 메인 메뉴 설정 시작*/
li.divider-vertical
{
    display:none;
}

ul.nav
{
    padding-left:15px;
}
@media screen and (max-width: 767px) {
    ul.nav{
        padding-left:0;
    }
}
@media screen and (max-width: 767px) {
    ul.nav.navbar-nav.navbar-right{
        width:100%;
    }
}

@media (min-width: 1200px){
    ul.nav{
        padding-left:0;
    }
}

.navbar ~ br
{
    display:none;
}

.navbar-inverse .navbar-nav > li > a{
    color: #343434;
    font-size: 14px;
    padding: 16px 25px 13px 25px;
    margin: 0px 2px 0px 2px;
    text-shadow: none;
}
@media screen and (max-width: 767px) {
    .navbar-inverse .navbar-nav > li > a{
        padding:14px 30px 14px 30px;
    }
}

.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover
{
    color:#D2AD64;
}
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.open>a{
    background-color: #D2AD64 !important;
    background-image: none !important;
    background-repeat: no-repeat;
    box-shadow: 0 0 0 #000;
}
.navbar-inverse .navbar-collapse{
    background-color: #fff;
    width: 72%;
    margin: 0 auto;
    float: right;
}
@media screen and (max-width: 767px) {
    .navbar-inverse .navbar-collapse{
        padding:0;
        /*width:100%;*/
        /*float:none;*/
    }
}
.navbar-nav .open .dropdown-menu .dropdown-header,
.navbar-nav .open .dropdown-menu > li > a{
    padding:10px 30px 10px 30px;
}
/* 상단 메인 메뉴 설정 끝*/

/* 상단 서브 메뉴 설정 시작*/
.dropdown-menu{
    padding:0px 0px;
    box-shadow:none;
}
.dropdown-menu > li > a{
	background-color:#ffffff;     /*배경 색*/
	color:#444;                /*텍스트 색*/
	padding:10px 30px 10px 30px;      /*내부 여백*/
	margin:0px 0px 0px 0px;     /*외부 여백*/
	font-size:14px;
}
.dropdown-menu > li > a:hover{
	background-color:#D2AD64;     /*배경 색*/
	background-image:none;
	color:#fff;                /*텍스트 색*/
}

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

/* 상단 메뉴 여백 */
@media (min-width: 1200px){
    .topmarginLay_a{
        height:50px !important;
    }
}

/* 하단 카피라이트 설정 시작*/
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:#fff;     /*배경 색*/
	color:#999999;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0px 0px 0px 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;   /*외부 여백*/
}
.fill {
    width:100%;
    height:380px;
}

.fill h1 span{
    display: inline-block;
    opacity: 1;
    padding: 0;
    background: none;
    text-shadow: 0 0 6px rgba(37, 37, 37, 0.7);
    text-align: left;
    text-transform: uppercase;
    font-size: 44px;
    font-family: "helvetica";
    font-weight: 600;
    color: #FFFFFF;
    line-height: 60px;
}

.fill p
{
    padding-left:30px;
    text-align:left;
    text-indent:-10px;
}

.fill p span
{
    background:none;
    opacity:1;
    text-shadow:none;
    color:#919187;
}

/*main slide caption position*/
.carousel-caption
{
    top:auto;
    right:auto;
    bottom:0;
}
@media (min-width: 1200px){
    .carousel-caption{
        left:20%;
    }
}

.carousel-inner{
    width:100%;
}

/*인트로 텍스트 설정 끝*/


/*content Proudct part*/
.product-wrap
{
    width: 1170px;
    margin: 0 auto;
    padding:10px 0 0;
    margin-bottom:40px;
}
@media screen and (max-width: 991px){
    .product-wrap{
        width:100%;
        padding: 10px 0;
        margin: 0;
    }
}
.product-wrap .product-title
{
    margin: 40px 0 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #777;
    position: relative;
}
.product-wrap .product-title h1{
    font-size:28px;
    float: left;
    display: inline-block;
    margin: 0;
}
.product-wrap .product-title h1 strong{
    font-weight: 600;
    font-size: 26px;
    letter-spacing: -1px;
    color: #444;
}
@media screen and (max-width: 991px){
    .product-wrap .product-title h1{
        font-size:25px;
    }
}
.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: 8px;
    margin: 0;
}
@media screen and (max-width: 991px){
    .product-wrap .product-title p{
        padding:9px 10px;
        font-size: 14px;
    }
}
.product img {
    display: inline-block;
    position:absolute;
    right:0;
}
.product-top{
    max-height:220px;
    overflow:hidden;
}
.product-top img{
    width:100%;
    /*margin-top:-30px;*/
}
.product-top,
.product-exp
{
    position:relative;
}
.product-exp h5{
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    padding: 12px 0 3px;
}
.product-exp p{
    text-align: center;
    font-size: 14px;
    line-height: 1.5;
    color: #777;
}
.product-top .product-hover
{

    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.product-hover p
{
    padding: 100px 94px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #222;
    letter-spacing: 0.02em;
}
.product-hover p i
{
    color:#fff;
    margin-top: -30px;
}

.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(210,173,100,0.5);
}

.product-list .product-hover
{
    visibility:hidden;
}

.product-list .product-exp .btn
{
    padding:10px 12px;
    background: #233979;
    color: #fff;
    width: 158px;
    height: 48px;
    font-size: 20px;
    border-radius:0;
}
.product-list .product-exp .btn:hover{
    background: #f3f3f3;
    color: #233979;
}
.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;
}

/* PF보드 */
.content#product4 #sub-box1 h3 {
    margin-bottom: 15px;
    font-size: 21px;
    color: #435fb2;
}
.content#product4 #sub-box1 h3 .pink {
    color: #d6336c;
}
.content#product4 #sub-box1 p {
    word-break: keep-all;
}
.content#product4 #sub-box1 p > span {
    color: #435fb2;
    font-weight: 600;
}
.content#product4 #sub-box1 .wrap-img {
    position: relative;
    margin-top: 25px;
}
.content#product4 #sub-box1 .wrap-img > img {
    margin-bottom: 0;
}
.content#product4 #sub-box1 .spec {
    left: 15px;
    bottom: 15px;
    position: absolute;
    padding: 20px;
    line-height: 1.5;
    background-color: #f6f6f6;
    border: 1px solid #eee;
}
.content#product4 #sub-box2 table > tbody > tr > th,
.content#product4 #sub-box2 table > tbody > tr > td {
    vertical-align: middle;
}
.content#product4 #sub-box2 table > tbody > tr > th {
    text-align: center;
}
.content#product4 #sub-box2 ul {
    margin-bottom: 0;
}
.content#product4 #sub-box3 .necessity > h4 {
    margin: 0;
    padding: 10px;
    color: #fff;
    text-align: center;
    background-color: #D2AD64;
}
.content#product4 #sub-box3 .necessity > .list {
    min-height: 95px;
    padding: 10px;
    background-color: #FFF9ED;
}
.content#product4 #sub-box3 .necessity > .list ul {
    padding-left: 24px;
}
.content#product4 #sub-box3 h3 {
    padding: 15px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    text-decoration: underline;
    background-color: #f6f6f6;
}
.content#product4 #sub-box3 h3 i {
    color: #435fb2;
}
.content#product4 #sub-box4 .const-site {
    width: 100%;
    min-height: 235px;
    display: inline-block;
    margin-bottom: 25px;
    padding: 15px 0;
    border-top: 2px solid #D2AD64;
    border-bottom: 1px solid #ddd;
}
.content#product4 #sub-box4 .const-site > h4 {
    margin: -15px 0 15px;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 600;
    background-color: #FFF9ED;
}
.content#product4 #sub-box4 > div:last-child .const-site > h4 {
    margin-bottom: 50px;
}
.content#product4 #sub-box4 .const-site > img {
    float: left;
    display: inline-block;
    margin-bottom: 0;
}
.content#product4 #sub-box4 >div:not(:last-child) .const-site > img {
    padding: 0 40px;
}
.content#product4 #sub-box4 .const-site > ol {
    display: inline-block;
    padding-left: 40px;
}

/*main page board part*/
.intro-board-widget-layout{
    background:#fff;
    width: 1170px;
    margin: 0 auto;
}
.page-header{
    width:1170px;
    margin:0 auto;
    border:none;
    padding: 5px 0 0;
}
@media screen and (max-width: 991px){
    .page-header{
        width:100%;
    }
}
.content{
    width:1170px;
    margin:0 auto;
}
@media screen and (max-width: 991px){
    .content{
        width:100%;
    }
}
.col-sm-12.intro-boardbox .page-header{
    padding-bottom: 10px;
    margin: 0 0 15px;
    border-bottom: 1px solid #aaaaaa;
    width: 100%;
    padding-top: 0;
}
.col-sm-12.intro-boardbox .panel-body{
    padding:10px 15px;
}

.intro-boardbox>.page-header>h4>.btn{
    color:rgba(0, 0, 0, 0);
}
.intro-board-widget-layout .intro-boardbox .page-header h4
{
    font-weight: 600;
    font-size: 26px;
    margin-top: 0;
    color: #444444;
}
@media screen and (max-width: 991px){
    .intro-board-widget-layout .intro-boardbox .page-header h4{
        font-size:25px;
    }
}

.dh-front-list2-words{
    margin: 10px 0 !important;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 15px;
}
.dh-front-list2-words:last-child{border-bottom:none;padding-bottom:0;}
.dh-front-list2-words .row-separator
{
    visibility:hidden;
}

/*.dh-front-list2-words .list-row-regdate*/
/*{*/
/*    color:#D2AD64;*/
/*}*/
.dh-front-list2 h6{margin:0;}
.dh-front-list2 h6 a, .dh-front-list2 h6 a span{
    font-size:14px;
    font-weight:600;
    color:#444444;
}
.dh-front-list2 h5 a{
    font-size:13px !important;
    line-height:18pt;
    font-weight:400;
}
.col-md-12.front-panel{
    padding:0;
}
.board-gadget-wrap
{
    padding-top:20px;
    padding-left:30px;
}
.board-gadget-wrap div.col-md-12{
    padding-bottom:20px;
    padding:0;
}
/*.board-gadget-wrap .board-gadget{*/
/*    border: 1px solid rgb(228, 228, 228);*/
/*    padding: 29px 30px;*/
/*    margin-bottom: 6px;*/
/*    background: #fcfcfc;*/
/*}*/
.board-gadget-wrap .board-gadget h3{
    color: #444444;
    border-bottom: 1px solid #999;
    padding-bottom: 20px;
    margin: 0 0 25px;
}
.board-gadget-wrap .board-gadget h3 strong{
    font-weight: 600;
    font-size: 26px;
    margin-top: 0;
    color: #444444;
}
.board-gadget-wrap .board-gadget p{
color: #444444;
    font-size: 15px;
    line-height: 1;
    margin: 10px 0 20px !important;
    border-bottom: 1px solid #eaeaea;
    padding: 0 15px 15px;
}
.board-gadget-wrap .board-gadget img{
    margin-top:35px;
}
.board-gadget-wrap .board-gadget h2{
    margin:0;
    font-size:38px;
    letter-spacing:-1.0pt;
    color:#D2AD64;
}

.board-gadget-wrap .board-gadget p a.btn{
    border: 1px solid #D2AD64;
    padding: 10px 50px 7px;
    color: #D2AD64;
    font-weight:600;
    font-size:18px;
    border-radius:2px;
}
.board-gadget-wrap .board-gadget p a.btn:hover{
    border-bottom: 1px solid #D2AD64!important;
}

/*.intro-board-widget-layout .intro-boardbox:nth-child(1),*/
/*.intro-board-widget-layout .intro-boardbox:nth-child(2)*/
/*{*/
/*    width:50%;*/
/*}*/

.btn-default{
    text-shadow: 0 0 0 #000;
    background-image: none;
    background-repeat: no-repeat;
    box-shadow: 0 0 0 #000;
}
.btn-default:hover{
    border: 1px solid #ccc !important;
}
.btn-primary{
    background-image: none;
    background-repeat: no-repeat;
}
.btn-danger{
    background-image: none;
    background-repeat: no-repeat;
}

/*footer part*/
.footer-wrap
{
  padding:23px 0;
}

.footer-wrap .footer-navi
{
    text-align:left;
}

.footer-wrap .col-md-3
{
    padding-left:0;
}
.footer-navi ul
{
list-style:none;
padding:0;
margin:0;
}
.footer-navi ul li
{
float:left;
padding-right:10px;
}
.footer-navi ul li:last-child
{
border-left:1px solid #ddd;
padding-left:10px;
}
.footer-navi ul li a
{
    color: #777;
    font-weight: 600;
}
.footer-navi p,
.footer-navi p a
{
    color: #707070;
    text-align: right;
    font-size: 12px;
    display: block;
}



/* ----------- sub page ----------- */
.top-sub-bg
{
    background:url('/skin/img/slide/sliderImg.jpg') no-repeat;
    background-position:center;
    width:100%;
    height:200px;
    position:relative;
}
@media screen and (max-width: 991px){
    .top-sub-bg{
        height:200px;
    }
}
.top-sub-bg > div
{
    position:absolute;
    bottom:90px;
    left:19%;
    width:1170px;
}
@media screen and (max-width: 991px){
    .top-sub-bg > div{
        width:100%;
        left:0;
        padding-left:30px;
    }
}
.top-sub-bg .breadcrumb
{
    padding: 0 15px;
    margin-left:20px;
    margin-top:38px;
    float:left;
}

.top-sub-bg h2{
    background-position:0 7px;
    color: #FFFFFF;
    text-shadow: 0 0 6px rgba(0,0,0,0.7);
    font-size: 40px;
}
@media screen and (max-width: 767px) {
    .top-sub-bg h2{
        font-size: 38px;
    }
}
.top-sub-bg h2 strong{
    font-weight: 500;
}

.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;}

@media screen and (max-width: 991px){
    .content h2{
        padding: 10px 0;
        font-size: 25px;
    }
}

.content .content-sub, .content .sub-bg {padding:70px;}
@media screen and (max-width: 991px){
    .content .content-sub, .content .sub-bg {padding:0px;}
}
.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;
}

.sub-img{
    margin-bottom: 40px;
}

/* ----------- mobile part ----------- */
@media all and (min-width:768px){
    .footer-wrap{
        width:750px;
        margin:0 auto;
    }
}
@media all and (min-width:992px){
    .footer-wrap{
        width:970px;
        margin:0 auto;
    }
}
@media all and (min-width:1200px){
     .footer-wrap{
        width:1170px;
        margin:0 auto;
    }
}

@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{
    width:1170px;
    margin:0 auto;
}
@media screen and (max-width: 991px){
    .row.dh-front-gallery.thumbs.intro-widgetBoardbox{
        width:100%;
    }
}

.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;
}
@media screen and (max-width: 991px){
    .intro-board-layout.col-sm-8{
        width:100%;
        left: 0;
        margin-left: 0;
    }
}

a.btn.pull-right{
    background:url('/skin/img/btn-more1.png') no-repeat;
}

.socialArea{
    margin:10px 0;
}

/* 서브 페이지 */
.sub-wrap {
    width:1170px;
    margin:0 auto;
}
@media screen and (max-width: 991px){
    .sub-wrap {
        width:100%;
    }
}

.bbs-list-index-layout .dh-board{
    width:1170px;
    margin:0 auto;
    margin-top:50px;
}
@media screen and (max-width: 991px){
    .bbs-list-index-layout .dh-board{
        width:100%;
    }
}
@media screen and (max-width: 767px) {
    th.col-xs-1.col-md-1.hits{display:none;}
    td.text-center.hits{display:none;}
    .content#product4 #sub-box1 .spec {
        position: static;
    }
}


.bbs-list-index-layout .btn.btn-primary#btnNew{
    background-color:#D2AD64;
    background-image:none;
    border-color:#D2AD64;
}

.dh-view-box.dh-margin-topx2{
    width:1170px;
    margin:0 auto;
    margin-top:50px;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color:#D2AD64;
    border-color:#D2AD64;
}

/* 게시판 목록 설정 */
.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: 13px 8px;
}
.dh-board > .table-hover{
    border-top: 2px solid #D2AD64;
    border-bottom: 2px solid #ccc;
}
.dh-board > .table-hover > tbody > tr:hover{
    background-color:#f7f7f7;
}
a.btnRead{font-weight: 500;}

.form-horizontal{
    width:1170px;
    margin:0 auto;
}

.google-map{
    width:100%;
    padding-top:20px;
}
@media screen and (max-width: 991px){
    .google-map{
        width:100%;
    }
}

#daum-map {
    border: 1px solid #DEDEDE;
}

/*    사이드 메뉴    */
.breadcrumb{
    padding:6px 14px;
    background-color:#fff;
    border-radius:0;
    text-align:right;
    color:#aaa;
    font-size:9pt;
    margin-bottom:0;
}
.breadcrumb > .active{
    color:#333;
}

.sub-descript .sub-box-12{
    border-top:1px solid #ddd;
    padding-top:20px;
    padding-bottom: 40px;
}
.sub-descript h2{
    font-weight: 400;
    color: #333;
    font-size: 20pt;
    margin-top: 20px;
    margin-bottom: 40px;
}
.sub-descript h5{
    font-size:18px;
}
.sub-descript p{
    color:#555;
    font-size:11pt;
    line-height:20pt;
    text-align: justify;
    white-space: normal;
}

.sub-descript > .col-md-3 > .sub-box-12{
    padding:0;
}

.col-md-12.sub-menu{
    border-bottom:1px solid #ddd;
    padding:12px 16px;
    color:#555;
    font-size:11pt;
    letter-spacing:-1px;
}
.col-md-12.sub-menu.active{
    color: #D2AD64;
    font-weight: 600;
}

ul.sub_link,
ul.sub_link > li,
ul.sub_link > li > ul{
    list-style: none;
    padding:0;
    background-color: #F3F3F3;
}
ul.sub_link > li > ul{
    border-bottom: 1px solid #ddd;
}
ul.sub_link > li > a{
    padding: 12px 15px;
    color: #555;
    font-size: 11pt;
    display: inline-block;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}
ul.sub_link > li > a:hover{
    color:#D2AD64;
    border-bottom:1px solid #ddd !important;
}
ul.sub_link > li > a.active{
    color: #D2AD64;
    font-weight: 600;
    background-color: #fff;
}

ul.sub_link > li > ul > li > a{
    padding: 10px 25px;
    color: #777;
    font-size: 10pt;
    letter-spacing: -1px;
    display: inline-block;
    width: 100%;
}
ul.sub_link > li > ul > li > a.active{
    color: #000;
}

/* ---------- product page ---------- */
.col-md-6.point1{
    min-height: 200px;
}
.col-md-6.point1 h4{
    line-height: 30px;
    font-size: 20px;
    color: #213777;
}
.col-md-6.point1 h5{
   line-height:22px;
   font-size: 16px;
}
.col-md-6.effect1{
    min-height: 300px;
}
.col-md-12.use2 {
    margin: 0 0 20px;
}

p.use4{
    margin: 0 0 5px;
}
p.use4 span{
    font-weight:600;
}
.col-md-12.point2 h4{
    margin: 30px 0 15px;
}
.col-md-3.feature4{
    margin: 40px 0 10px;
    padding: 0 5px;
}
.col-md-3.col-sm-6.use4-img{
    margin: 30px 0 20px;
    padding: 0 5px;
}

.product-table1 {
    margin: 40px 0 30px;
}
.product-table2 {
    margin: 40px 0 30px;
}

/* ---------- about ---------- */
span.greeting-title {
    font-size: 19px;
    color: #333;
}
span.greeting-brown {
    color: #D2AD64;
}
span.greeting-blue {
    color: #555;
    font-weight:600;
}
p.greeting-ceo1{
    margin-top: 30px;
    text-align: right;
}
span.greeting-ceo2 {
    font-size: 24px;
}
/* table 영역 설정 */
table{
    font-size:10pt;
    width:100%;
    border-top:2px solid #D2AD64;
    border-bottom:2px solid #ccc;
    margin-bottom: 60px;
}
tr{
    line-height:20pt;
}
th{
    padding:8px 14px;
    color:#333;
    background-color:#FFF9ED;
    border-top:1px solid #eee;
    border-bottom:1px solid #ddd;
}
td{
    padding:8px 14px;
    background-color:#fff;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
}
/* ---------- business ---------- */
.business-management img{
    margin:0;
    max-width:300px;
}

.business-deliver .deliver-head{
    padding:20px 30px;
    text-align:center;
}
.business-deliver .deliver-body{
    border: 1px solid #eee;
    padding: 20px 15px;
    margin: 10px 0;
    font-size: 13px;
    line-height: 22px;
    min-height: 120px;
}
.business-deliver:nth-child(odd) .deliver-head{
    background-color:#E4EBFF;
    border: 1px solid #3D4F86;
}
.business-deliver:nth-child(even) .deliver-head{
    background-color:#FFF9ED;
    border: 1px solid #D2AD64;
}

.business-process img{
    margin-bottom: 10px;
}
.business-process p{
    font-size: 13px;
    float: right;
    color: #aaa;
    margin-bottom: 40px;
}

.business-strong {
    display: block;
    margin: 10px 0;
}
.business-strong .strong-head {
    padding: 12px 16px;
    border: 1px solid #D2AD64;
    display: inline-block;
    margin: 0;
    float: left;
    width: 23%;
    background-color: #FFF9ED;
}
.business-strong .strong-body {
    padding: 12px 16px;
    border: 1px solid #eee;
    display: inline-block;
    width: 77%;
}

.business-factory img{
    margin:0 0 30px;
}
.business-factory p{
    margin:0 0 40px;
}
.business-factory table{
    margin:40px 0 0;
}

/*2019-07-15*/
.navbar-inverse .container {    width: 1170px;
    margin: 0 auto;}
.footer-wrap .col-md-3 p{    font-size: 17px;
    font-weight: 700;
    color: #231816;}
.footer-wrap .col-md-3 p img{    margin-right: 10px;}
/*준비*/
.maintenance {
    margin-top: 5px;
    border: 7px solid #E5E5E5;
    padding: 50px 25px;
    text-align: center;
}

.maintenance .icon {
    display: block;
    line-height: 1;
    font-size: 64px;
	margin-bottom: 10px;
}

.maintenance .big-cont {
	display: block;
    line-height: 1;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.05em;
    margin-bottom: 20px;
}

.maintenance .small-cont {
    display: block;
    line-height: 1.5;
    font-size: 14px;
    letter-spacing: -0.03em;
    color: #818181;
    margin-bottom: 20px;
}
.dh-front-list2 h5{display:none;}
@media(min-width:768px){
    .intro-board-widget-layout .intro-boardbox{width:33.333%;    padding: 0 15px;}
}
.dh-front-list2-words .list-row-subject{    width: 200px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
    display: block;
    float: left;}
    .dh-front-list2-words .list-row-regdate{    color: #D2AD64;
    float: right;
    width: 85px;}
.sub-descript h2 span{    display: block;
    font-size: 55%;
    margin-top: 5px;
    font-weight: 600;
    color: #D2AD64;}
 .footer-list4 {
	margin-top:20px;
}
.footer-list4 .admin{
	display:none;
}
.footer-list4 a{
    display: inline-block;
    padding: 5px;
    border-radius: 4px;
    color: #fff;
    border: 1px solid #777;
    font-size: 12px;
    line-height:1;
}
.divider-vertical + li,.divider-vertical + li + li{display:none;}
.gadget_inner{    padding: 10px 15px;
    border: 1px solid #ddd;}
.board-gadget-wrap .board-gadget p:last-child{    border-bottom: none;
    margin-bottom: 0 !important;
    padding-bottom: 10px;
}

.dl-hire{
    padding: 25px;
    border: 1px solid #ccc;
}
.dl-hire dt{
    font-size: 17px;
    margin-bottom: 10px;
}
.dl-hire dd{
    font-size: 15px;
}
.dl-hire dd::before{
    content: '-';
    font-weight: 700;
    margin-right: 10px;
}
.bbs-area #mod_type_formForm{
    width: 100%;
}
.bbs-area #mod_type_formForm .q_number{
    margin-bottom: 20px;
}
.bbs-area #mod_type_formForm .q_number input{
    margin: 0;
}
.bbs-area #mod_type_formForm .q_number h3{
    margin: 0 0 10px !important;
    font-size: 17px;
    font-weight: 700;
}
.bbs-area #mod_type_formForm .q_number h3 i{
    display: none;
}

.bbs-area #mod_type_formForm .q_number input,
.bbs-area #mod_type_formForm .q_number textarea{
    border-radius: 0;
}
.bbs-area #mod_type_formForm .btn-primary{
    background: #243979;
    border-color: #243979;
    font-size: 16px;
    border-radius: 0;
    padding: 9px 24px;
}
.bbs-area #mod_type_formForm .btn-primary:hover{
    background: #13255a;
    border-color: #13255a;
}