@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('/skin/notokr/notokr.css');
html {overflow-x: hidden; overflow-y: scroll;}
/* Background pattern from Toptal Subtle Patterns */
/* .body-layout {background: url(/skin/img/main/bg.png);} */

/* 폰트 설정 */
.body-layout, h1, h2, h3, h4, h5, h6, input, textarea, button { font-family: 'notokr','Noto Sans KR', "NanumGothic", "나눔고딕", 'NanumBarunGothic', 'Apple SD Neo Gothic', 'Malgun Gothic', 'Gulim', sans-serif; }
/* h1, h2, h3, h4, h5, h6, p { margin: 0px; } */
ol, ul, li {
	list-style: none;
	list-style-position: inside;
}

.navbar .caret, .navbar .divider-vertical, .navbar ~ br, .footer-social-layout, .footer_copy .text-center > br {
    display: none;
}
/*가로 100% 레이아웃 정의*/
.container_contents,
.footer_copy > div,
.sub-layout{
	width:100%;
	padding:0;
}
.intro-board-widget-layout,
.dh-board,
.dh-view-box,
.bbs-list-view-layout + .row,
#mailForm,
#insertForm{
	width:100%;
	max-width:1170px;
	margin:0 auto;
}
*{word-break:keep-all}
::selection{color:#fff !important;background:#31a849 !important;}


.mt-30{margin-top:30px}
/*상단네비게이션 설정*/
.navbar-inverse {
    background: #fff;
    border: none;
    margin: 0;
    padding: 0;
	border:1px solid #f3f3f3
}
.topmarginLay_a { height: 100px !important; }
.navbar-inverse .navbar-brand {
 margin: 23px -130px!important;
    padding: 0;
}
.navbar-inverse .navbar-brand img {
    max-width: 250px;
    margin: 0;
}
.navbar-inverse .navbar-nav > li > a {
    color: #222;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.06em;
    line-height: 1;
    padding: 0 20px;
    margin: 40px 0;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #53b533;
    background: none;
}

@media screen and (min-width: 768px) {	
	.navbar-inverse .navbar-nav .dropdown-menu {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 10px;
    background-color: #e6e6e6;
    border-radius: 4px;
    border: none;
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-name: fadeInRight;
    left: 0;
    right: auto;
}
	.navbar-nav>li{margin:0 10px}
    .navbar-inverse .navbar-nav .dropdown-menu > li > a {
    background: none;
    color: #444;
    margin: 8px 0;
    padding: 10px 20px 10px 24px;
    font-size: 14px;
    letter-spacing: -0.04em;
    line-height: 1;
        position: relative;
}
    .navbar-inverse .navbar-nav .dropdown-menu > li > a:before {
    content: '';
    background: #53b533;
    width: 4px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 14px;
    margin-top: -1px;
}
	.navbar-inverse .navbar-nav .dropdown-menu > li > a:hover:before {
		background: #fff;
    }
	.navbar-inverse .navbar-nav > li:last-child .dropdown-menu {
		left: auto;
		right: 0;
	}
	.navbar-inverse .navbar-nav .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .dropdown-menu > li > a:focus {
    background: #53b533;
    color: #fff;
    border-radius: 50px;
}
}
/* .navbar-inverse > .container {width:100%} */
/*상단네비게이션 설정 끝*/

/* 하단 카피라이트 설정 시작*/
.footer_copy .text-center {
    background: #666;
    font-size: 13px;
    padding: 30px 0;
    margin: 0;
    float: none;
}
.footer_copy .wrap-footer {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    color: #fff;
    font-size: 13px;
    text-align: left;
    letter-spacing: -0.02em;
    line-height: 1;
}
address {
    margin: 0;
}
address span strong {
    margin: 0 0 10px;
    display: inline-block;
}
.copyrights {
    margin-top: 60px;
    display: block;
    font-size: 13px;
    letter-spacing: -0.05em;
}

@media screen and (max-width:768px){
	.wrap-footer address{
		display: inline-block;
		margin-top: 20px;
		width: 100%;
	}
	.wrap-footer > .text-right{
		text-align:left;
	}
}
/* 하단 카피라이트 설정 끝*/

#content .mb-15{margin-bottom:15px}
#content .mt-15{margin-top:15px}

/*main slide*/
/* .left.carousel-control{background: url(/skin/img/main/arrow_prev.png)no-repeat center;    background-color: rgba(0,0,0,.3);
    width: 12%;}
.right.carousel-control{background: url(/skin/img/main/arrow_next.png)no-repeat center;    background-color: rgba(0,0,0,.3);
    width: 12%;}
.carousel-control .glyphicon-chevron-left{display:none;}
.carousel-control .glyphicon-chevron-right{display:none;} */
.carousel-indicators li {
    width: 16px !important;
    height: 16px !important;
    margin: 0 2px !important;
    border: 4px solid rgba(255, 255, 255, 0.4);
}

/*main contents*/

@media(min-width:992px){
/*     .main-content {     margin: 0 0 60px 0; } */
    .main-content .col-md-3 { width: 20%; }
}

.main-content .main_con_header {
min-height: 260px !important;
    background: #53b533;
    color: #fff;
    margin-top: 10px;
    padding: 35px 20px !important;
}
.main-content .main_con_header h3 {
    margin: 0;
    font-size: 30px;
    letter-spacing: -0.06em;
    line-height: 1;
}
.main-content .main_con_header .btm_line {
    width: 20px;
    height: 2px;
    background: #fff;
    margin: 20px 0;
}
.main-content .main_con_header p {
    margin: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: -0.04em;
    line-height: 1.6;
}
.main-business .row{    background: #f3f3f3;}
.main-business .col-md-2 {
    min-height: 245px;
    padding: 0 10px;
}
.main-business .col-md-2 a {
    display: block;
    margin: 10px 0;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    text-decoration: none;
}
.main-business .col-md-2 a img{    padding: 10px;}
.main-business .col-md-2 a p{
	font-size: 18px;
    text-align: center;
    color: #444;
    font-weight: 600;
    letter-spacing: -0.03em;
    margin-bottom: 0;}
.main-business .col-md-2 a span{    
	display: block;
    text-align: center;
    padding-bottom: 20px;
    font-weight: 500;
    letter-spacing: 0.03em;
    color: #999;
    font-size: 12px;}

.main-business .col-md-2 a:hover p{color:#53b533 }



.carousel-inner>.item>img{margin: 0 auto;}
.carousel.slide{    
	max-width: 1400px;
    margin: 0 auto;
    box-shadow: -1px 7px 12px -5px rgba(0,0,0,0.3);}
.carousel.slide + .container{background: #f3f3f3;}
@media(min-width:1400px){
	
.carousel.slide + .container{    width: 1400px;}
}
.main-business{    padding: 0 15px;}

/* .footer_copy{    max-width: 1170px;
    margin: 0 auto;} */
.footer_copy .text-center{background: #333}
/* 서브페이지 공통  */
/* ----- 서브페이지 common 설정 ----- */
.sub-layout{width: 100%; padding: 0;
     background: #fff;}
#content {
    float: none;
    max-width: 1170px;
    margin: 0 auto;
    padding: 60px 15px;
}
@media screen and (max-width: 991px) {
    #content{width: 100%; padding: 0 15px 50px; border-left: none;}
}
@media screen and (max-width: 767px) {
    #content{width: 100%; padding: 0 10px 50px; border-left: none;}
}

/* ----- 서브페이지 상단 이미지 설정 ----- */
.visual_wrap {
    height: 320px;
    background: url(/skin/img/sub/subtop.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.visual_wrap .visual_box {
    padding: 0 15px;
    max-width: 1170px;
    margin: 80px auto 0;
}
.visual_wrap h2 {
    margin: 0;
    font-size: 40px;
    font-weight: 500;
    color: #fff;
    letter-spacing: -0.04em;
}
.visual_wrap h4 {
    margin: 15px 0 0;
    font-size: 16px;
    color: #fff;
    opacity: 0.75;
    font-weight:400;
}
.breadcrumb {
    background: transparent;
    padding: 15px 15px 0;
    border-radius: 0;
    font-size: 12px;
    font-weight: 400;
    text-align: right;
    color: #fff;
    max-width: 1170px;
    margin: 0 auto;
}
.breadcrumb>li+li:before{padding: 0 3px;}
.breadcrumb > li.active{color: #eee;}



/* ----- 서브페이지 상단 메뉴 설정 ----- */
.top_menu_wrap {
    padding: 0;
    border-bottom: 1px solid #ddd;
    position: relative;
    float: none !important;
    height: 51px;
   z-index:1000 !important;
    background: #fff;
}
.top_menu_wrap.
.top_menu {
    padding: 0 15px 0;
    margin: 0 auto;
    max-width: 1170px !important;
    width: auto !important;
    text-align: center;
    height: 50px;
}
.top_menu > li{float: left;}
.top_menu > li > a {
display: inline-block;
    /* min-width: 170px; */
    margin: 0;
    color: #e7e7e7;
    font-size: 15px;
    color: #666;
    padding: 0 20px;
    padding: 14px 26px;
    letter-spacing: -0.04em;
    border-bottom: 2px solid rgba(0,0,0,0);
    text-align: center;
}
.top_menu > li.active > a {
    color: #157d30;
    background: #cac9c9;
}
.top_menu > li > a:hover {
    text-decoration: none;
    color: #157d30;
}
@media screen and (max-width: 991px) {
    .top_menu_wrap{display: none;}
	.top_menu{width: 100%;}
}

/* ----- content 설정 ----- */
.content-left{margin: 0 0 40px;}
.content_wrap .col-sm-12 > .col-md-12 {
    padding: 0;
}
.content_wrap h3 {
    font-size: 36px;
    font-weight: 700;
    margin: 0;
    word-break: keep-all;
    color: #444;
    margin-bottom: 50px;
    text-align: center;
    position: relative;
}
.content_wrap h3:before {
    content: "";
    display: block;
    margin: 0 auto 15px;
    width: 40px;
    height: 4px;
    background: -webkit-linear-gradient(to right, #000 0%, #c80e0e 90%);
    background: -moz-linear-gradient(to right, #000 0%, #c80e0e 90%);
    background: -o-linear-gradient(to right, #000 0%, #c80e0e 90%);
    background: linear-gradient(to right, #53b533 0%, #157d30 90%);
}
.content_wrap h4 {
    margin: 0 0 30px;
    font-size: 28px;
    color: #555;
    font-weight: 600;
}
.content_wrap h5{font-size: 15px; line-height: 1.8;}
.content_wrap p {
    font-size: 15px;
    line-height: 1.8;
    color: #555;
    margin: 0 0 15px;
    padding: 0 0 10px;
    letter-spacing: -0.03em;
    word-break: keep-all;
}
.content_wrap hr{margin-top: 40px; margin-bottom: 40px; border: 0; border-top: 1px solid transparent;}
#content .con{margin-bottom:60px}
#content .con:last-child{margin-bottom:0}
/* table */
.content_wrap .table.table-type1 {border-top: 2px solid #53b533 ; width: 100%;}
.content_wrap .table.table-type1 thead tr th {vertical-align:middle;font-size: 15px; padding: 14px 20px; text-align: left; background: #fafafa; border-bottom: 1px solid #e5e5e5; font-weight: 500;}
.content_wrap .table.table-type1 tbody tr th {text-align:center;font-size: 15px; padding: 14px 20px; background: #fafafa; border-bottom: 1px solid #e5e5e5; font-weight: 500;}
.content_wrap .table.table-type1 tbody tr td {font-size: 15px; padding: 14px 20px; border-bottom: 1px solid #e5e5e5; vertical-align: middle;}
.content_wrap .table.table-type1 tbody tr td ul {margin: 0; padding: 0;}
@media screen and (max-width: 767px) {
	.content_wrap .table.table-type1 tbody tr th {padding: 15px 10px;}
}
/* company01 */
#company01 .com1_left p{    
	border-top: 2px solid #999;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-align: center;
    padding-top: 20px;
    color: #444;}
#company01 .com1_right p{    
	border-top: 1px solid #999;
    padding-top: 20px;font-size:17px}
#company01 .col-md-1 img{margin-top:30px}
#company01 .ceo{
	text-align: right;
    font-size: 25px;
    letter-spacing: 0.3em;
    margin-top: 30px;
    color: #333;}
#company01 #content .con1 .col-md-12 p{    
	text-align: center;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 60px;}
#company01 #content .con1 .col-md-12 p small{    color: #999;
    font-size: 70%;
    font-weight: 500;}
#company01 #content .con1 .col-md-12 h3{    margin-bottom: 30px;}
/* company02 */
#company02 .content_wrap  iframe{margin-bottom:20px}


/*product 공통*/
.product .nav-pills li a {
    background: #f6f6f6;
    border: none;
    border-radius: 0;
    font-size: 18px;
    letter-spacing: -0.02em;
    color: #157d30;
    padding: 12px 15px;
    border-right: 2px solid #fff;
    transition: all ease 0.3s;
}

.product .nav-pills {
	margin-bottom: 50px
}
.product .nav-pills li.active>a, .product .nav-pills li.active>a:focus, .product .nav-pills li.active>a:hover {
    background: #157d30;
    color: #fff;
}

.product .tab-content{margin-top:100px}
.product .con_header{   
	border-bottom: 1px solid #eee;
    padding-bottom: 50px;
    margin-bottom: 50px;}
.product .con_header h4{    
	font-size: 30px;
    color: #333;
    margin-bottom: 30px;
    font-weight: 400;
    letter-spacing: 0.04em;}
.product .con_header a {
    text-decoration: none;
    border: 1px solid;
    display: inline-block;
    padding: 14px 20px;
    color: #53b533;
    font-weight: 500;
    letter-spacing: -0.04em;
    margin-top: 40px;
    border-radius: 6px;
    transition: all ease .3s;
}
.product .con_header a:hover{color:#FFF; background:#53b533;}
.product .tab-content h5, #community01 #content h5,.product .content_wrap h5 {
    text-align: center;
    font-size: 26px;
    letter-spacing: -0.04em;
    color: #222;
    font-weight: 600;
    margin-bottom: 40px;
    margin-top: 0;
}
.product .tab-content h5:before, #community01 #content h5:before,.product .content_wrap h5:before{
	content: "";
    display: block;
    width: 25px;
    height: 3px;
    background: #53b533;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 5px;}

.product .tab-content dl dd{    
	font-size: 14px;
    letter-spacing: -0.03em;
    line-height: 1.8;}
.li-dash li, .li-dash dd, #product04 #vaccum02 .bd_left dd, #community01 .bd_left dd, .li-dot > dd {
    padding-left: 20px;
    line-height: 1.8;
    letter-spacing: -0.04em;
    position: relative;
    margin: 0 0 20px;
}
.li-dash > dd:before, .li-dash > li:before, #product04 #vaccum02 .bd_left dd:before, #community01 .bd_left dd:before, .li-dot > dd:before{    
	content: '-';
    display: block;
    position: absolute;
    left: 5px;
    top: 0;}
.bd_left dt{
    font-size: 20px;
    color: #222;
    border-left: 4px solid;
    padding-left: 10px;
    line-height: 1;
    margin-bottom: 20px;
    letter-spacing: -0.04em;
}
.li-dot > dd:before{content:"·"}
#product04 .content_wrap .bd_left p{    
	font-size: 20px;
    color: #222;
    border-left: 4px solid;
    padding-left: 10px;
    line-height: 1;
    margin-bottom: 20px;
    letter-spacing: -0.04em;
padding-bottom:0; font-weight:700}
/*product01*/
#product01 #pcm .col-md-4:nth-of-type(2) dl dt, #product01 #pcm .col-md-4:last-child dl dt {
    padding: 30px 0;
}
.product .con1 dl dt, .product #combination .con1 p, .product #hxk .con4 dl dt{
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #666;
    background: #f6f6f6;
    padding: 20px 0;
    border-radius: 6px;
    letter-spacing: -0.06em;
    line-height: 1.2;
    margin-bottom: 20px;
}
.product .bd_left dd strong, .product .con3 li strong {
    color: #222;
    font-size: 16px;
    padding-right: 8px;
}
@media(min-width:768px){
#product01 #plus .con1 .col-md-3{width:20%}
	#product01 #combination .energy .col-md-3{width:20%}
	.product #content ul {
    padding: 0;
    margin: 20px 0 0;
}	
}
#product01 #plus .con5 .bd_left{    margin-bottom: 0;
    font-size: 17px;
    font-weight: 600;}
#product01 #combination .energy dl dt {
    text-align: center;
    font-size: 40px;
    color: #53b533;
    margin-bottom: 20px;
    border-bottom: 1px solid #dedede;
    padding-bottom: 20px;
}
#product01 #combination .energy dl dd{    
	text-align: center;
    font-size: 15px;}
#product01 .txt_green{    
	font-weight: 500;
    color: #53b533;}
.dot-li li, #product02 .dot-li dd {
    padding-left: 20px;
    position: relative;
    color: #888;
    font-size: 13px;
    line-height: 1.8;
    letter-spacing: -0.04em;
}
.dot-li > li:before, #product02 .dot-li dd:before {
    content: '·';
    display: block;
    position: absolute;
    left: 0;
    top: -15px;
    font-size: 28px;
    color: #53b533;
}
#product01 .vacuum .table tbody tr td,#product01 .vacuum .table thead tr th{text-align:center}
#product01 .vacuum p:first-child{    
	font-size: 22px;
	    font-weight: 600;
    color: #555;}
#product01 .vacuum .table-responsive+p{margin-bottom:0;padding:0}
#product01 .vacuum .table.table-type1 thead tr th, #product01 .vacuum .table.table-type1 tbody tr td{    padding: 10px;}
#product01 .purge_box dl dt{
	border-bottom: 2px solid #999;
    font-size: 20px;
    padding-bottom: 10px;
    margin-bottom: 10px;}
#product01 .purge_box dl dt small{    
	font-size: 75%;
    font-weight: 400;}
#product01 .purge_box dl dd {
    color: #222;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.06em;
    overflow: hidden;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
    margin-bottom: 5px;
}
#product01 .purge_box dl dd span {
    display: inline-block;
    float: right;
    color: #666;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.04em;
}
#product01 .purge_box dl dd b{    
	display: block;
    font-weight: 400;
    font-size: 14px;
    color: #666;}
#product01 .purge_box dl dd:last-child{border-bottom: 2px solid #999;}
#product01 .purge_box dl dd:last-child p{    
	font-weight: 400;
    font-size: 14px;
    color: #666;
    margin-bottom: 0;
    padding-bottom: 0;}
#product01 .purge_box dl dd:last-child p strong{    
	font-size: 20px;
    color: #333;
    display: inline-block;
    margin-top: 5px;}
#product01 .purge_box .purge02 .greenTxt{color: #53b533;}
#product01 .purge_box .purge02 dl dt{
	border-bottom: 2px solid #53b533;}
#product01 .purge_box .purge02 dl dd:last-child{border-bottom: 2px solid #53b533;}


/*product02*/
/* #product02 .con_header, #product03 .con_header, #product04 .con_header{    
	background: #f8f8f8;
    padding: 50px 0 50px 30px;   
	border-bottom: none;}

#product04 .con_header{    padding: 30px;}

#product02 .con_header h4, #product03 .con_header h4, #product04 .con_header h4{    
	font-size: 36px;
    font-weight: 500;
    color: #53b533;
	margin-bottom: 10px;}
#product02 .con_header .col-md-12 p, #product03 .con_header .col-md-12 p , #product04 .con_header .col-md-12 p  {    
	font-size: 18px;
    margin-bottom: 20px;
    padding-bottom: 0;
	color: #777;}
#product02 .con_header .bd_line, #product03 .con_header .bd_line, #product04 .con_header .bd_line{    
	width: 30px;
    height: 2px;
    background: #53b533;
    margin-bottom: 20px;}
#product02 .con_header a, #product03 .con_header a,#product04 .con_header a{margin-top: 25px;}
 */

.con_header{    
	background: #f8f8f8;
    padding: 50px 0 50px 30px;   
	border-bottom: none;}

#product04 .con_header{    padding: 30px;}

.product .con_header h4{    
	font-size: 36px;
    font-weight: 500;
    color: #53b533;
	margin-bottom: 10px;}
.con_header .col-md-12 p {    
	font-size: 18px;
    margin-bottom: 20px;
    padding-bottom: 0;
	color: #777;}
.con_header .bd_line{    
	width: 30px;
    height: 2px;
    background: #53b533;
    margin-bottom: 20px;}
.con_header a{margin-top: 25px;}




#product02 .dot-li, #product03 .dot-li, #product04 .dot-li  {    margin-top: 20px;}
#product02 #content ul li, #product03 #content ul li, #product04 #content ul li {
    font-size: 14px;
    letter-spacing: -0.04em;
    line-height: 1.8em;
    margin: 0 0 20px;
}
#product02 .dot-li > li:before,#product03 .dot-li > li:before,#product04 .dot-li > li:before{    top: 0px;}

.product .nav-pills li span{
	transition:all ease 0.3s;
	text-align: center;
/*     background: #567961; */
	    background: #cac9c9;
    color: #fff;
    margin-right: 2px;
    padding: 5px 0;
    border-top: 1px solid #fff;
display:block;}
.product .nav-pills li.active span{color:#157d30;}
/*#product03*/
#product03 #hlk .con1 p{
	text-align: center;
    font-size: 13px;
    color: #999;
    font-weight: 500;}
    #product03 #hlk .con_header img{    border: 3px solid #cccccc;
        border-radius: 15px;}
    #product03 #hlk .con1 img{border:1px solid #dedede;padding:15px}
#product03 #jef .con3 ul li{    margin-bottom: 15px;}
/*#product04*/
@media(min-width:768px){
	#product04 #filter .con2 .col-md-3{width:20%}
}

#product04 #filter .con2 .col-md-3 dl dt{
	text-align: center;
    font-size: 19px;
    font-weight: 300;
    margin: 15px 0;}
#product04 #filter .con2 .col-md-3 dl dt strong{font-weight:500}
#product04 #filter .con2 .col-md-3:nth-of-type(2) dl dt{color: #d57717;}
#product04 #filter .con2 .col-md-3:nth-of-type(3) dl dt{color: #888;}
#product04 #filter .con2 .col-md-3:nth-of-type(4) dl dt{color: #3daa3f;}
#product04 #filter .con2 .col-md-3:nth-of-type(5) dl dt{color: #b98f00;}
#product04 #filter .con2 .col-md-3:nth-of-type(6) dl dt{color: #333;}
#product04 #filter .con2 .col-md-3 dl dd{    text-align: center;}
#product04 #filter .con3 img{margin-bottom:20px}
.img_bd{border:1px solid #dedede}

#product04 #drain .table.table-type1 tbody tr th, #product04 #drain .table.table-type1 thead tr th{text-align:center; vertical-align:middle}
#product04 #drain .con2 p:before, #product04 #drain .con2 dt:before, #product04 #vaccum02 .con6 dt:before, #community01 .con3 dt:before{    
	content: "■";
    padding-right: 5px;
    color: #157d30;}
#product04 #drain .con6 dt, #product04 #vaccum02 .con6 dt, #community01 .con3 dt {
    font-size: 18px;
    color: #222;
    letter-spacing: -0.04em;
    margin-bottom: 20px;
}
#product04 #drain .con4 h4{    margin-bottom: 5px;}
#product04 #drain .con4 p{   
	padding-bottom: 0;
    margin-bottom: 0;}
#product04 #drain .con4 h4+p{    
	margin-bottom: 20px;
    font-weight: 600;
    color: #999;
    letter-spacing: 0.1em;}
#product04 #drain .con5 h4+p, #product04 #drain .con6 h4+p, #product04 #drain .con7 h4+p{    
	font-size: 18px;
    letter-spacing: 0.08em;
    font-weight: 600;
    color: #333;}
#product04 #drain .con5 .bg_box{    
	background: #f7e5d5;
    padding: 20px;}
#product04 #drain .con5 .bg_box li{    
	line-height: 2.5em;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0.05em;}
#product04 #drain .con5 span{    
	display: block;
    font-size: 15px;
    font-weight: 500;}
#product04 #drain .con5 span strong{
	font-weight: 500;
    color: #ad0606;}
#product04 #drain .con5 ul, #product04 #drain .con7 ul{margin-bottom:20px}
#product04 #drain .con6 dl dt,#product04 #drain .con6 p:last-child,#product04 #drain .con6 p:nth-of-type(2){    
	font-size: 17px;
    margin-bottom: 10px;
    letter-spacing: 0.03em;
	font-weight: 700;
color:#333}
#product04 #drain .con6 p:nth-of-type(2){color:#ad0606}
#product04 #drain .con7 img{margin-bottom:20px}
#product04 #drain .blue_bg, #product04 #drain .con6 dl dd:last-child {
    background: rgba(83, 181, 51, 0.2);
}
#product04 #drain .con8 .blue_bg{padding:5px}

#product04 #vaccum02 .con2 p{
	margin-top: 15px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;}
#product04 #vaccum02 .con5 ul{    background: #f8f8f8;
    padding: 11px 24px;
    margin-top: 0;}

/*community*/
.content_wrap .img_btm_p{    
	text-align: center;
    font-weight: 500;
    margin-top: 15px;
    color: #999;}
#community01 .con3 dd strong{    display: block;
    color: #ca0404;}

#community02 .con2 ul{    
	text-align: center;
    margin-top: 35px;}
#community02 .con2 ul li{    
	font-size: 18px;
    display: inline;
    font-weight: 500;
    text-align: justify;
    margin: 15px;}
#community02 .con2 ul li strong{    
	margin-right: 6px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: #53b533;
    padding: 0 6px 1px 7px;
    border-radius: 50%;
    display: inline-block;}
#community02 .panel-group .panel{    
	margin-bottom: 0;
    border-radius: 0;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #ddd;}
#community02 .panel-default>.panel-heading{    
	color: #333;
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;}
#community02 .panel-default:first-child .panel-heading{
    border-top: 2px solid;}
#community02 .panel-default:last-child .panel-heading{
    border-bottom: 2px solid;}
#community02 .panel-default .panel-title{    margin-bottom: 0;}
#community02 .panel-default .panel-title a p{    
	display: inline-block;
    margin: 0;
    font-weight: 500;
    padding: 0;
    font-size: 17px;}
#community02 .panel-default .panel-title a strong{    
	font-size: 18px;
    width: 350px;
    color: #53b533;
    display: inline-block;
    font-weight: 500;}
#community02 .panel-default .panel-title a strong:before{    
	content: "Q";
    color: #333;
    margin-right: 30px;
    font-weight: 700;}
#community02 .panel-default .panel-body{
    border-top-color: #ddd;
    font-size: 15px;
    line-height: 1.8;
    color: #333;
    padding: 25px 55px;
    letter-spacing: -0.03em;
    position: relative;
    background: #f8f8f8;
    padding-left: 55px;}
#community02 .panel-default .panel-body strong{
	display: block;
    font-size: 18px;
    margin-bottom: 15px;}
#community02 .panel-default .panel-body:before{    
	content: "A";
    position: absolute;
    left: 18px;
    color: #333;
    margin-right: 30px;
    font-weight: 700;
    font-size: 18px;}

/*mail*/
#mail #content {padding:60px 0 0}
#mailForm{    max-width: 800px;margin-bottom: 60px;}
#mailForm .btn-primary{    
	background: #53b533;
    border: 1px solid #53b533;
transition:all ease .3s}
#mailForm .btn-primary:hover{background:#357520;border: 1px solid #357520;}

/*banner*/
.main-customer {
/* background: #fff; */
    padding: 0;
/*     display: inline-block; */
    /* width: 130px; */
}

/*.banner1.main-customer{      
	border: 1px solid #dedede;
    width: 200px;
    padding: 10px 20px;} */
 	.banner2.main-customer{     top: 44%;}
 	.banner2.main-customer .m-customer-content{        margin-top: 18px;}

.main-customer .bottom-content .fa{
    font-size: 10px;
    border-radius: 50%;
    color: #fff;
    margin: 0 auto;
    display: inline-block;
    transform: rotate(-35deg);
}
.fa-volume-control-phone:before{   
    content: "\f2a0";
    font-size: 31px;}
/* .main-customer .bottom-content{    padding: 20px 15px;} */
.main-customer .bottom-content h5{    
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 10px 10px;
    color: #fff;
    display: inline-block;}
.main-customer .bottom-content p{    
    font-size: 19px;
    font-weight: 800;
    font-style: italic;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 0;}
/* .m-customer-content{
	padding:20px;
} */
/* .main-customer.banner2 .m-customer-content{   
	background: #47b652;
    padding: 22px 20px;} */
.main-customer.banner2 .m-customer-content a{    
    color: #fff;
    text-decoration: none;
    font-size: 19px;
    font-weight: 600;
    display: block;}
.main-customer.banner2 .m-customer-content img{    display: inline-block;
    margin-right: 5px;}

.wrap-footer .col-md-5 .col-md-6{  
	width: 35%;
    margin-right: 1px;
    padding-right: 0;}
.wrap-footer .col-md-5 .col-md-5{        width: 50%;
    padding-left: 0;}
/* .main-customer.banner2{    padding: 8.5px 20px;} */


.clearfix{margin:30px 0}
#drain01 .li-dash dd, #drain02 .li-dash dd{margin-bottom:0}
.bd_btm{    
	border-bottom: 1px solid;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-size: 18px;}
@media(min-width:768px){
	#drain02 .drain02_con .col-md-3{width:20%}
#drain01 .con6 + .con img{max-width:40%}
	#drain02 .con:first-child div:nth-of-type(2) img{max-width: 63%;}
	#drain02 .con:first-child div:nth-of-type(3) img{    margin-top: 63px;}
}
#drain02 .drain02_con p{   
	font-size: 20px;
    letter-spacing: 0.1em;
    font-weight: 600;
    color: #000;
    background: #f8f8f8;
    padding: 15px 20px;
    margin-bottom: 30px;}
#drain01 .con5 p{    background: #f8f8f8;
    padding: 15px;
    color: #222;
    line-height: 2;}
/*2018-09-28*/
#product06 .con5 dl dd, #product06 .con7 dl dd{margin-bottom:0}
#product06 .con_header .head_box, #product04 .con_header .head_box, #community01 .con_header .head_box{float:left; margin-right:15px}
#product06 .con_header .head_box p, #product04 .con_header .head_box p, #community01 .con_header .head_box p {
	text-align: center;
    border: 1px solid #53b533;
    color: #53b533;
    background: #fff;
    padding: 5px;
    font-size: 15px;
    margin-bottom: 10px;}
#product06 .con_header .head_box a, #product04 .con_header .head_box a, #community01 .con_header .head_box a{    margin-top: 0;}

/*sticky menu*/
.top_menu {
  overflow: hidden;
    max-width: 1170px !important;
    margin: 0 auto !important;
	padding:0
}

/* Navbar links */

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 60px;
}

/*게시판*/
.dh-board > .table-hover{border-top: 2px solid #53b533; border-bottom: 1px solid #ccc; margin: 0px 0 30px;}
.dh-board > .table-hover td, .dh-board > .table-hover th {
    padding: 8px 16px !important;
    font-size: 15px;
    font-weight: 400;
}
.dh-board > .table-hover > tbody > tr:hover td{background-color: #ffffff;}
.table-hover th, .table-hover td {
    padding: 10px !important;
	border-right: none;
}
.dh-board > .table-hover td.subject a {
    color: #4a4a4a;
    font-weight: 400;
}
.dh-board > .table-hover td.subject a:hover {
    color: #1a6494;
    text-decoration: underline !important;
}
.dh-margin-top {
    display: inline-block;
    margin: 0;
}


.label{background: transparent; padding: 0px 5px 0px; font-size: 90%;}
.label-danger {
    color: #e01717;
    border-radius: 100%;
    display: inline-block;
    font-weight: 600;
}
.label-primary{color: #2b5cb7;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #f3f3f3;
    border: 1px solid #ddd;
    color: #4a4a4a;
}
.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:0px;}
.dh-view-box .row {
    margin: 0;
}
.sns-box{display: none;}
.dh-view-box>.row>.page-header h4 {
    padding: 10px;
    font-size: 15px;
    font-weight: 600;
    color: #4a4a4a;
}
.dh-view-box>.row>.page-header {
    border-top: 2px solid #4a4a4a;
    border-bottom: 1px solid #ddd;
    padding: 0;
	margin:0;
}
.content_wrap .page-header h4:before {content: none;}
.dh-view-box>.row>.dh-view-info.dh-view-box>.row>.dh-view-info {
    border-bottom: 1px solid #ddd;
    background: transparent;
    padding: 8px 10px 8px;
    margin: 0 0 10px;
}
.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{padding: 0 40px 0;}
.dh-view-box .dh-attach h6{margin: 0; padding: 0;}
.dh-view-box>.row:nth-child(2)>div:nth-child(3){padding: 30px 40px 40px !important;}
.input-group-btn #btnNew{    
	background-color: #53b533;
    border-color: #53b533;}
.input-group-btn #btnNew:hover{	background-color: #4a4a4a;
    border-color: #4a4a4a;}
.dh-board .clearfix{    margin: 0;}

/*footer product*/
.footer_pro .wrap-footer{    position: relative;}
.pro_title{float: none;}
.footer_pro .pro_title .btn_open_brand{       
	float: none;
    display: block;
    text-align: right;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    vertical-align: middle;
    background: #31a849;
    border: none;
    padding: 10px 20px;}
.footer_pro .pro_title .btn_open_brand:after{   
	content: "+";
    display: inline-block;
    /* width: 45px; */
    /* height: 45px; */
    background: #25993c;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    padding: 10px 15px;
    top: 0;
    right: -38px;}
.footer_pro .pro_content{    
	background: #31a849;
    float: none;
    padding: 25px;
    position: absolute;
    top: -210px;
    right: 0;
    z-index: 1;
display:none}
.footer_pro .pro_content .col-md-3{width:20%}
.footer_pro .pro_content .col-md-3 ul{padding:0}
.footer_pro .pro_content .col-md-3 li{    line-height: 2;}
.footer_pro .pro_content .col-md-3 li a{      color: #fff;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.05em;}
.footer_copy{    position: relative;}
.footer_copy .footer_pro{    position: absolute;
    top: 45px;
    right: 53px;}

/*2018-10-17*/
@media(min-width:768px){
.carousel-inner>.item>a>img{height:565px}
	}
.right.carousel-control{    width: 8%;}
.left.carousel-control{    width: 8%;}
.align-center{
	display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);overflow:hidden;    border: 3px solid #31a849;
    padding: 10px;}
.main-customer.banner1{    
	padding: 0;
    float: left;
    margin: 0 10px;}
.main-customer.banner2{    float: left;
    margin: 0 10px;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{    
	background: rgba(0,0,0,0.8);
    width: 40px;
    height: 40px;
    border-radius: 50%;}
.glyphicon-chevron-left:before{    content: "\e079";
    margin-top: 3px;
    display: block;}
.glyphicon-chevron-right:before{      content: "\e080"; margin-top: 3px;
    display: block;}
.mb-20{margin-bottom:20px !important}
#product03 #hlk .con4 h5 span{    color: #888;
    font-size: 22px;
    font-weight: 500;    padding-left: 5px;}

/*2018-10-24*/
.table-pro3{}
#product03 .table-responsive .table-pro3 thead {    
	border-top: 2px solid #acaeb1;
    border-bottom: 2px solid #acaeb1;
    background: #787a7d;
    color: #fff;}
#product03 .table-responsive .table-pro3 thead th{    
	border-bottom: none;
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
    font-weight: 500;
    border-right: 2px solid #acaeb1;}
#product03 .table-responsive .table-pro3 tbody th{    
	text-align: center;
    font-size: 16px;
    color: #51b32e;
    padding: 5px 0;
    letter-spacing: -0.05em;
    border-right: 2px solid #acaeb1;}
#product03 .table-responsive .table-pro3 tbody th:last-child, #product03 .table-responsive .table-pro3 tbody td:last-child{border-right:none}
#product03 .table-responsive .table-pro3 tbody tr:nth-child(2n){background:#eee}
#product03 .table-responsive .table-pro3 tbody tr:last-child{border-bottom:2px solid #acaeb1}
#product03 .table-responsive .table-pro3 tbody td{    
	text-align: center;
    font-weight: 500;
    font-size: 15px;
    color: #000;
    letter-spacing: -0.05em;
    border-right: 2px solid #acaeb1;}