@import url('/skin/core.css');
@import 'https://fonts.googleapis.com/css?family=Ubuntu:300,400,700';
@import 'https://fonts.googleapis.com/css?family=Slabo+27px';

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

html, body, h1, h2, h3, h4, h5, h6, p, span, input, strong, ul, li, a
    { font-family: 'Ubuntu', 'Nanum Gothic', sans-serif !important;
		-webkit-font-smoothing: antialiased;
		font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
}
.fa { font-family: 'FontAwesome' !important; }
.glyphicon { font-family: 'Glyphicons Halflings' !important; }

.navbar-inverse > .container {
	padding: 0px 15px;
}

.navbar-toggle {
    margin-top: 8px !important;
    margin-right: 0;
    border: 0;
    background: transparent !important;
	transition: ease 0.2s all; 
}

@media screen and (max-width: 767px) {
	.navbar-collapse {
		padding-left: 0;
		padding-right: 0;
	}
}

.login-layout .panel {
	border: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.navbar-toggle:hover .icon-bar, 
.navbar-toggle:focus .icon-bar {
    background-color: #c21111 !important;
}

.topmarginLay_a {
    display: none !important;
}

.navbar-brand img {
    max-width: 161px !important;
}

@media screen and (max-width: 767px) {
	.navbar-brand img {
		padding-top: 15px !important;
	}
}

.panel.panel-default{
    margin-top:50px;
}

.panel-body{
    max-width:1170px;
    margin:0 auto;
}

.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;
 }
 
 .navbar-inverse .navbar-right {
    padding: 0;
	 /*
    width: 100%;
    float: none !important;
	 */
    max-width: 1170px;
    margin: 0 auto !important;
 }
 
/*메인 로고와 메뉴 영역 분리 */

.navbar-header {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* .navbar-header{
    max-width: 1170px;
    float:none;
    background: transparent;
    height:50px;
    margin: 0 auto !important;
    width: 100%;
    padding: 0 15px;
 }
*/
.container{
    width: 100%;
    margin: 0;
    padding: 0;
}

.navbar-inverse .navbar-collapse {
    margin: 0 auto;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
}

.navbar-inverse{
	background:rgba(0, 0, 0, 0.6);     /*배경 색*/
	border:none;         /*테두리 색*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
	transition: ease-in-out 0.3s height;
}
/*상단 메뉴 설정 끝*/

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

/* 상단 메인 메뉴 설정 시작*/
.navbar > .container{
    max-width: 1170px;
    margin: 0 auto;
}
li.divider-vertical
{
    display:none;
}

/*
ul.nav
{
    float:left!important;
    padding-left:15px;
}

@media (min-width: 1200px){
    ul.nav{
        padding-left:19%;
    }
}
*/
.navbar ~ br
{
    display:none;
}
.navbar-inverse .navbar-nav > li > a {
    color: #FFF;
    font-size: 16px;
    padding: 36px 15px 36px 15px;
    margin: 0;
    text-shadow: none;
    -webkit-text-shadow: none;
    transition: ease 0.2s all;
}

.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover
{
    background:#c21111;
	color: #FFF;
}

@media screen and (max-width: 991px) {
	.navbar-inverse .navbar-nav > li > a {
		padding: 23px 10px 24px 10px;
	}
}

@media screen and (max-width: 767px) {
    .navbar-inverse .navbar-nav > li > a {
        padding: 15px 3px 15px 3px;
    }
}

/* li.divider-vertical+li,
li.divider-vertical+li+li {
    float: right;
}

@media screen and (max-width: 767px) {
    li.divider-vertical+li,
    li.divider-vertical+li+li {
        float: none;
    }
}

@media screen and (min-width: 768px) {
    li.divider-vertical+li > ul.dropdown-menu {
        left: auto !important;
        right: 0 !important;
    }
    
    li.divider-vertical+li > ul.dropdown-menu > li {
        text-align: right;
    }
} */
/* 상단 메인 메뉴 설정 끝*/

/* 상단 서브 메뉴 설정 시작*/
.dropdown-menu{
    padding:0px 0px;
    box-shadow:none;
    border: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    background: rgba(0, 0, 0, 0.72);
}
.dropdown-menu > li > a{
	color:#FFF;                /*텍스트 색*/
	padding:10px 20px 10px 20px;      /*내부 여백*/
	margin:0px 0px 0px 0px;     /*외부 여백*/
	font-size:14px;
	background: transparent;
	transition: ease 0.2s all;
}
.dropdown-menu > li > a:hover{
	background: #c21111;
	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{
        display:none;
    }
}
/* 슬라이드 버튼 */
a.carousel-control.left{
    display:none;
}
a.carousel-control.right{
    display:none;
}

/* 하단 카피라이트 설정 시작*/
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:#f6f6f6;     /*배경 색*/
	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:700px;
	transition: ease 1s all;
}

@media screen and (max-width: 767px) {
	.fill {
		height: 400px;
	}
}

@media screen and (max-width: 480px) {
	.fill {
		height: 300px;
	}
}

.fill h1 span
{
    display:inline-block;
    opacity:1;
    background:none;
    text-align:left;
    font-size:58px;
    font-weight:300;
    color:#FFF;
    line-height:68px;
    padding:0;
    text-shadow: 0px 0px 5px #000;
    -webkit-text-shadow: 0px 0px 5px #000;
    letter-spacing: 1;
}

.fill h1 span > small {
	font-size: 1.8em;
	color: #FFF;
}

@media screen and (max-width: 767px) {
	.fill h1 span {
		font-size: 36px;
		line-height: 34px;
	}
}

@media screen and (max-width: 480px) {
	.fill h1 span {
		font-size: 32px;
		line-height: 30px;
	}
}

.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:34%;
    right:auto;
    bottom:auto;
}
@media (min-width: 1200px){
    .carousel-caption{
        left:20%;
    }
}

.carousel-inner{
    width:100%;
}

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


/*content Proudct part*/
.product-wrap {
    max-width: 1170px;
    margin: 0 auto;
    padding: 80px 0 60px;
}
.product-wrap .product-title
{
    margin:50px 0 40px;
    padding-bottom:15px;
    border-bottom:1px solid #777;
    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-list > div > div {
    margin-bottom: 20px;
}
.product img {
    display: inline-block;
    position:absolute;
    right:0;
}
.product-top{
    max-height:260px;
    overflow:hidden;
}
.product-top img{
    width:100%;
}
.product-top,
.product-exp
{
    position:relative;
}
.product-top .product-hover
{

    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.product-hover p
{
    padding: 78px;
    text-align:center;
}
.product-hover p i
{
    color:#fff;
}

.product-list .col-md-4:nth-child(1) .product-top a:focus .product-hover,
.product-list .col-md-4:nth-child(1) .product-top a:hover .product-hover,
.product-list .col-md-4:nth-child(2) .product-top a:focus .product-hover,
.product-list .col-md-4:nth-child(2) .product-top a:hover .product-hover,
.product-list .col-md-4:nth-child(3) .product-top a:focus .product-hover,
.product-list .col-md-4:nth-child(3) .product-top a:hover .product-hover,
.product-list .col-md-4:nth-child(4) .product-top a:focus .product-hover,
.product-list .col-md-4:nth-child(4) .product-top a:hover .product-hover
{
  visibility:visible;   
  background: rgba(72,10,10,0.5);
}

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

.product-list .product-exp .btn {
    padding: 10px 12px;
    background: rgba(0,0,0,0.75);
    color: #fff;
    width: 100%;
    height: 48px;
    font-size: 16px;
    border-radius: 0;
}
.product-exp
{
    background:#Fff;
}
.product-exp div.text-center {
    position: absolute;
    top: -48px;
    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*/
.intro-board-widget-layout{
    background:#fff;
}
.col-sm-12.intro-boardbox .page-header{
    padding-bottom:10px;
    margin:40px 0 15px;
    border-bottom:1px solid #aaaaaa;
}
.col-sm-12.intro-boardbox .panel-body{
    padding:30px 15px;
}

.intro-boardbox>.page-header>h4>.btn{
    color:rgba(0, 0, 0, 0);
}
.intro-board-widget-layout .intro-boardbox .page-header h4
{
    font-weight:700;
    font-size:34px;
    color:#444444;
}

.dh-front-list2-words .row-separator
{
    visibility:hidden;
}

.dh-front-list2-words .list-row-regdate
{
    color:#ef950f;
}
.dh-front-list2 h6 a, .dh-front-list2 h6 a span{
    font-size:16px;
    font-weight:600;
    color:#444444;
}
.dh-front-list2 h5 a{
    font-size:13px !important;
    line-height:18pt;
    font-weight:400;
}

.board-gadget-wrap
{
    padding-top:43px;
    padding-left:50px;
}
.board-gadget-wrap div.col-md-12
{
    padding-bottom:20px;    
}
.board-gadget-wrap .board-gadget
{
    border:1px solid rgba(0, 0, 0, 0);
    padding:30px 20px;
    background:#eee;
}
.board-gadget-wrap .board-gadget h3
{
    color:#444444;
    font-size:28px;
    margin-bottom:18px;
}
.board-gadget-wrap .board-gadget p
{
    color:#444444;
    font-size:15px;
    line-height:18pt;
}
.board-gadget-wrap .board-gadget img{
    margin-top:35px;
}
.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 #ef950f;
    padding: 10px 50px;
    color: #ef950f;
    font-weight:600;
    font-size:18px;
    border-radius:2px;
}
.board-gadget-wrap .board-gadget p a.btn:hover
{
    border-bottom: 1px solid #ef950f!important;
}

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


/*footer part*/
.footer-wrap
{
  padding:23px 0;
}
.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:#8a8a8a;
}
.footer-navi p,
.footer-navi p a
{
color:#707070;
font-size:12px;
}



/*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%;
    max-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;
}

/*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
    {
        max-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{
    max-width:1170px;
    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;}


/*.body-layout > .container {width: 100%;}*/

.intro-board-layout.col-sm-8{
    max-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 {
    max-width:1170px;
    margin:0 auto;
}

.bbs-list-index-layout.text-bbs5 .dh-board{
    max-width:1170px;
    margin:0 auto;
    margin-top:50px;
}
.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{
    max-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:#ef950f;
    border-color:#ef950f;
}

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

.contact-location-only-layout .row.google{
    width:1170px;
    margin:0 auto;
    padding-top:10px;
}

/* 서브 페이지 */
#top {
	height: 300px;
	background: url(/skin/img/slide/slideImage.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

#top > span {
	font-size: 42px;
	color: #FFF;
	text-align: center;
	display: block;
	padding-top: 150px;
	text-shadow: 0px 0px 5px #000;
	-webkit-text-shadow: 0px 0px 5px #000;
	transition: ease 0.3s all;
	-webkit-transition: ease 0.3s all;
}

@media screen and (max-width: 480px) {
	#top > span {
		font-size: 28px;
	}
}

#top > ol.breadcrumb {
	background: transparent;
	color: #CCC;
	text-align: center;
}

#top > ol.breadcrumb > li.active {
	color: #FFF;
}

#content {
	padding-left: 0;
	padding-right: 0;
	width: 100%;
	max-width: 1170px;
	margin: 60px auto;
	float: none !important;
	word-break: keep-all;
}
#content p {
    font-size: 13px;
    line-height: 22px;
}
#content.safety p{
	margin-bottom:30px;
}
#content img {
	width: 100%;
}
#content h3.title {
    border-top: 2px solid #C21111;
    padding-top: 15px;
    margin-bottom: 25px;
	color: #c21111;
}
#content .vertical-line {
	width: calc(100% - 30px);
	height: 1px;
	background: #DDD;
	float: left;
	margin: 30px auto;
}

.table-style {
    width: 100%;
    margin: 20px 0;
    border-top: 2px solid #464646;
    border-bottom: 2px solid #ccc;
    background: #FFF;
}

@media screen and (max-width: 767px) {
	.table-responsive {
		padding-left: 0;
		padding-right: 0;
		border: 0;
	}
	
	.table-responsive > .table-style {
		margin-top: 0;
	}
}

#content.solar img,
#content.safety img,
#content.decorative img {
	margin-top: 20px;
}

#content.solar .img-top, 
#content.safety .img-top,
#content.decorative .img-top {
	padding-top: 20px;
}

#content.solar .table-style.product th,
#content.solar .table-style.product td {
	text-align: center;
	width: 20%;
}

.table-style.product th {
    background: #f7f7f7;
}
.table-style.product td {
    font-size: 13px;
}
.table-style.product tr {
    border-bottom: 1px solid #e3e3e3;
}

#content.safety .table-style.product th,
#content.safety .table-style.product td {
	vertical-align: middle;
	text-align: center;
}

#content.decorative .decorative_art label {
	text-align: center;
	padding: 5px 0;
	display: block;
	width: 100%;
}

.strong {
	font-weight: bold;
}

.focus {
	color: #C21111;
}