@import url('/skin/biz35.css');
@import url('/skin/core.css');
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
*, body, body-layout, h1, h2, h3, h4, h5, h6, a, p, span, li, strong {
    font-family: "Arial", "Noto Sans KR", "Malgun gothic" !important;
}
body{
	background-color:#fff;
}
i.fa { font-family: 'FontAwesome' !important; }
/* PTSC Co., Ltd. Stylesheet 2016-08-31 */


/*---------- 전체 레이아웃 ----------*/

.container {
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
}

.container.container_slide {
	max-width: none;
	margin: 0;
	padding: 0;
}

.topmarginLay_a {
	transition: ease-in-out 0.5s all;
}

@media screen and (min-width: 768px) {
	.topmarginLay_a {
		display: block;
		height: 46px !important;
	}
}

/* @media screen and (min-width: 768px) and (max-width: 922px) {
	.topmarginLay_a {
		height: 125px !important;
	}
} */

@media screen and (max-width: 767px) {
	.topmarginLay_a {
		height: 40px !important;
	}
}


/*---------- 상단 메뉴 ----------*/

.navbar-inverse {
	background: #FFF;
	border-bottom: 1px solid #DDD;
}

.navbar-inverse .navbar-header {
	background: #FFF;
/* 	width: 100%;
	max-width: 1170px; */
	padding: 0;
	margin: 0 auto 15px !important;
	float: left;
}

@media screen and (max-width: 767px) {
	.navbar-inverse .navbar-header {
		padding: 0px;
	}
}

.navbar-inverse .navbar-right {
/* 	width: 100%; */
/* 	max-width: 1170px; */
	margin: 0 auto !important;
	padding: 0 15px;
	text-align: left;
	float: right !important;
}

.navbar-inverse .navbar-right> li {
	float: none;
	display: inline-block;
	text-align: center;
}

.navbar-inverse .navbar-nav>li>a {
	padding: 22px 25px;
	border: 0 !important;
}

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

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

@media screen and (min-width: 768px) {
	.navbar-inverse .navbar-right .dropdown-menu {
		left: -20px;
	}
}

@media screen and (max-width: 767px) {
	.navbar-inverse .navbar-right {
		float: left !important;
	}
	
	.navbar-inverse .navbar-right> li {
		display: block;
		text-align: left;
	}
}

@media screen and (max-width: 767px) {
	.navbar-inverse .navbar-right> li> a {
		padding: 10px 0px;
	}
}

.navbar-inverse .navbar-toggle {
	margin-right: 0;
	margin-top: 15px;
	margin-bottom: 15px;
	border: none;
	background: transparent !important;
}

.navbar-inverse .navbar-toggle> .icon-bar {
	background-color: #333 !important;
}

.navbar-inverse .navbar-brand {
/* 	width: 100%; */
	transition: ease 0.5s all;
	padding: 4px;
}

@media screen and (max-width: 767px) {
	.navbar-inverse .navbar-brand {
		width: auto;
	}
	
	.navbar-header, .navbar-collapse {
		float: none !important;
	}
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #178686;
}
.navbar-inverse .navbar-brand img {
	max-width: 218px;
	margin: 0 auto;
	padding-top: 0;
}

.navbar-brand img {
	width: auto;
}

@media screen and (max-width: 767px) {
	.navbar-inverse .navbar-brand { padding-bottom: 0; }
/* 	.navbar-inverse .navbar-brand img { height: 30px; } */
	.navbar-inverse .navbar-collapse { padding-left: 0; padding-right: 0; margin-top: 15px; margin-bottom: 15px; }
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
	color: #178686;
	background: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
}

/*---------- 상단 드롭다운 메뉴 ----------*/

.dropdown-menu {
    background: rgba(0,0,0,0.7);
    border: none;
    border-radius: 0px;
	left: auto !important;
    right: auto !important;
	border-top: 1px solid #ddd;
}
.dropdown-menu>li>a {
    background: transparent;
    color: #fff;
    font-weight: 200;
    font-size: 13px;
    padding: 11px 25px;
}
.dropdown-menu>li>a:hover {
    background-color: rgba(0,0,0,0.78);
    background-image: none;
    color: #fff;
}
/*---------- 슬라이드 이미지 ----------*/

.container.container_slide #myCarousel .item { opacity: 0; transition-property: opacity; transition-duration: 0.5s; transition-timing-function: ease !important; }
.container.container_slide #myCarousel .carousel-inner { background-color: #333; }
.container.container_slide #myCarousel .active.left,
.container.container_slide #myCarousel .active.right { left: 0; z-index: 1; opacity: 0; }
.container.container_slide #myCarousel .active { opacity: 1; transition-duration: 0.2s; }
.container.container_slide #myCarousel .next.left,
.container.container_slide #myCarousel .prev.right { opacity: 1; }

.container.container_slide #myCarousel .item .fill .carousel-caption {
	text-align: center;
	width: 100%;
	top: 32%;
	left: auto !important;
}
.fill h1 {
    margin-bottom: 10px;
}
.container.container_slide #myCarousel .item .fill .carousel-caption h1> span {
    font-weight: 300;
    color: #FFF;
    text-align: center;
    font-family: 'Arial', sans-serif !important;
    font-size: 50px;
    letter-spacing: -0.5px;
    line-height: 1;
}

.container.container_slide #myCarousel .item .fill .carousel-caption p {
	text-align: center;
}

.container.container_slide #myCarousel .item .fill .carousel-caption p> span {
	text-align: center;
	font-family: 'Arial', sans-serif !important; 
}
.navbar~br, a.carousel-control.left, a.carousel-control.right, li.divider-vertical{
	display:block;
}
.fill p {
    padding: 0;
    text-align: center;
    text-indent: 0;
}
.fill p span {
    background: 0 0;
    color: #fff;
    font-size: 16px;
}
/*---------- 푸터 ----------*/

.footer_copy .row {
	width: 100%;
	max-width: 1170px;
	margin: 30px auto 15px auto;
}

.footer_copy .row .col-md-10> span:first-child {
	font-weight: bold;
}

.footer_copy .row .col-md-10> span:last-child:after {
	display: none;
}

.footer_copy .row .col-md-10> p.copyright {
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
}

@media screen and (min-width: 768px) {
	.footer_copy .row .col-md-2 {
		width: 16.66666667%;
	}
	.footer_copy .row .col-md-10 {
		width: 83.33333333%;
		font-size: 13px;
		text-align: left;
	}
	.footer_copy .row .col-md-10> span:after {
		content: '|';
		margin: 0 3px;
		opacity: 0.5;
	}
}

@media screen and (max-width: 767px) {
	.footer_copy .row .col-md-10> span {
		display: block;
		font-size: 13px;
	}
}

.container.container_slide #myCarousel .item .fill .carousel-caption p> span {
	text-align: center;
}

/*------------------ 메인 페이지 ----------------*/
.product-wrap .product-title h1 {
    font-size: 25px;
    font-weight: 600;
    float: left;
    display: inline-block;
    margin: 0;
}
.product-wrap .product-title {
    margin: 51px 0 24px;
    border-bottom: none;
    padding-bottom: 0px;
    position: static;
}
.product-box {
    background: #fff;
    /* box-shadow: 0 0 17px rgba(0,0,0,0.1); */
    border: 1px solid #ddd;
    border-top: 2px solid #178686;
    border-bottom: 2px solid #ddd;
}
.product-exp p {
    font-size: 16px;
    font-weight: 600;
    padding: 9px 0;
    color: #178686;
    margin: 0;
}
.board-gadget-wrap h3 {
    font-size: 25px;
    font-weight: 600;
    margin: 0px 0 15px;
}
.board-gadget-wrap {
    padding: 0;
    margin-bottom: 70px;
}
.board-gadget-wrap .board-gadget {
    border: 1px solid #ddd;
    border-top: 2px solid #178686;
    border-bottom: 2px solid #ddd;
    padding: 19px 20px;
    background: #fff;
	min-height: 185px;
}
.board-gadget ul li{
	list-style-image: url(/skin/img/main/list-head.png);
    color: #555555;
    line-height: 26px;
    font-weight: 300;
}
.board-gadget-wrap .board-gadget img {
    margin-top: 0px;
}
.board-gadget-wrap .board-gadget p a.btn {
    background: #f3f3f3;
    border: none;
    color: #178686;
    border-radius: 0px;
}
.board-gadget-wrap .board-gadget p a.btn:hover,
.board-gadget-wrap .board-gadget p a.btn:focus{
    border-bottom: none !important;
    background: #178686;
    color: #fff;
}
.intro-widget-layout.col-sm-4{
	display:none;
}
.product-wrap {
	width: 100%;
	max-width: 1170px;
}

/*---------- 푸터 ----------*/

.footer_copy .row {
	width: 100%;
	max-width: 1170px;
	margin: 41px auto 20px auto;
}
.footer_copy .text-center {
    background: #8e8e8e;
    color: #dddddd;
}

.footer_copy .row .col-md-9> span:first-child {
	font-weight: bold;
}

.footer_copy .row .col-md-9> span:last-child:after {
	display: none;
}

.footer_copy .row .col-md-9> p.copyright {
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
}

@media screen and (min-width: 768px) {
	.footer_copy .row .col-md-9 {
		font-size: 13px;
		text-align: left;
	}
	.footer_copy .row .col-md-9> span:after {
		content: '|';
		margin: 0 3px;
		opacity: 0.5;
	}
}

@media screen and (max-width: 767px) {
	.footer_copy .row .col-md-9 > span {
		display: block;
		font-size: 13px;
	}
}

/*---------- 서브 페이지 ----------*/
.container.sub-layout {
	padding-left: 0;
	padding-right: 0;
	background: #FFF;
}

@media screen and (min-width: 992px) {
	#side.col-md-3 { width: 25%; }
	#content.col-md-9 { width: 75%; }
}

@media screen and (max-width: 991px) {
	.container.sub-layout { border: 0; }
}

/* 사이드 메뉴 */
#top { 
	background: url(/skin/img/sub/sub_top.jpg); 
	background-repeat:no-repeat;
	background-size:cover;
	height: 200px; 
}
@media screen and (max-width: 767px) { #top { height: 100px; } }

#side { padding-left: 0; padding-right: 0; }
#side li { list-style: none; }
#side li.top {
    padding: 55px 20px 35px;
    font-size: 24px;
    transition: ease 0.3s padding;
    background: #178686;
    color: #fff;
}
#side li > a {
    display: block;
    padding: 10px 20px;
    color: #000;
    opacity: 0.6;
    transition: ease-in-out 0.18s all;
    background: #e3e3e3;
}
#side li > a:hover, #side li > a:focus { color: #178686; opacity: 1; }
#side li.active > a {
    color: #178686;
    font-weight: bold;
    opacity: 1;
    background: #ccc;
}

#side .third-li {
    padding-left: 0;
    background: #F7F7F7 !important;
    margin-bottom: 0;
    border-bottom: 1px solid #ccc;
}
#side .third-li a {
    border-bottom: 1px solid #ccc;
    background: #f7f7f7;
}
#side .third-li a:hover {
    border-bottom: 1px solid #ccc !important;
}
#side .third-li a:before {
	content: '\f068';
	font-family: 'FontAwesome' !important;
	margin-right: 5px;
}
#side .third-li .active > a {
    background: #f7f7f7;
    font-weight: 500;
}
@media screen and (max-width: 767px) { #side li.top { padding: 25px 15px 25px; } }

/* 본문 */
#content {
    padding: 0 20px 80px;
}
#content img { width: 100%; margin-bottom: 20px; }

#content .focus { color: #178686; }
.table .focus { color: #178686; }
#content .strong { font-weight: bold; }
.word-break { word-break: keep-all; }

#content .top ol.breadcrumb { background: transparent; text-align: right; font-size: 12px; margin-bottom: 0; padding: 8px 0; }
#content .top ol.breadcrumb:before { content: '\f015'; font-family: 'FontAwesome'; }
#content .top ol.breadcrumb li+li:before { content: '\f105'; font-family: 'FontAwesome'; }
#content .top ol.breadcrumb li { color: #888; }
#content .top ol.breadcrumb li.active { color: #178686; font-weight: bold; }
#content .top h1 { font-weight: 300; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #DDD; }

.table-style { border-top: 2px solid #178686; border-bottom: 2px solid #178686; }
.table-style tbody > tr > th, .table-style > tbody > tr > td {
    border-bottom: 1px solid #CCC;
    word-break: keep-all;
    padding: 12px 13px;
    font-size: 13px;
}

.table > t
.table-style tbody > tr:last-child > th, .table-style > tbody > tr:last-child > td { border-bottom: 0; }
.table-style tbody > tr > th { background: #EEE; }

/* Introduce */
#content.introduce .col-md-6 > p,
#content.service p,
#content p{
    word-break: normal;
    line-height: 25px;
    color: #464646;
    font-weight: 300;
}

/* Core Value */
#content.corevalue .row { margin-left: 15px; margin-right: 15px; margin-bottom: 20px; }
#content .sub-focus {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 600;
}
#content .left-icon:before { content: url(/skin/img/sub/title-head.png); font-family: 'FontAwesome'; margin-right: 5px; }
@media screen and (max-width: 480px) { #content.corevalue .sub-focus { font-size: 18px; } }
#content.corevalue .management-watchword {
    text-align: center;
    word-break: keep-all;
    border-right: 1px solid #e3e3e3;
}
#content.corevalue .management-watchword:last-child {
    border-right: none;
}
#content.corevalue .management-watchword > h4 { font-size: 36px; font-weight: 300; }

#content.corevalue .management-watchword u.ct { color: #7AC8DB; font-weight: bold; }
#content.corevalue .management-watchword u.ch { color: #75BA3F; font-weight: bold; }
#content.corevalue .management-watchword u.mi { color: #E24374; font-weight: bold; }

/* instrument */
.instrument ul {
    padding-left: 20px;
    margin-bottom: 30px;
}
#content ul li {
    list-style-image: url(/skin/img/main/list-head.png);
    line-height: 25px;
    margin-bottom: 5px;
}
.instrument ul li p {
    font-size: 13px;
    color: #777777;
    margin-bottom: 0;
}

/* Fan - Axial */
#content.fan_axial img { margin-bottom: 0; }
#content.instrument img { margin-bottom: 0; }

/* Belt */

#content .focus-c {
	color: #515151;
}

/* Manufacturing */
#content.manufacturing .col-md-6 {
    text-align: left;
    padding-bottom: 20px;
    border-bottom: 1px solid #EEE;
    margin-bottom: 20px;
    min-height: 270px;
}
#content.manufacturing h4 {
    font-weight: 600;
    font-size: 16px;
    color: #178686;
}

#content.manufacturing .col-md-6 p.img img {
	width: 100px;
	height: 100px;
	display: inline-block;
	border: 1px solid #DDD;
	margin-bottom: 0;
}

#content.manufacturing .col-md-6 li {
    list-style: none;
    margin-bottom: 7px;
}

/* Service */
#content.service .col-md-12.center-title > h3 { line-height: 150%; }
@media screen and (min-width: 768px) {
	#content.service .col-md-12.center-title > h3 > br { display: none; }
}
@media screen and (max-width: 767px) {
	#content.service .col-md-12.center-title > h3 > span { display: none; }
}

#content.service .service-list { margin-bottom: 15px; }

#content.service .service-list h4 {
    font-weight: 600;
    font-size: 16px;
    color: #178686;
}
#content.service .service-list li {
	list-style-image:url(/skin/img/main/list-head.png);
	font-size:13px;
	color:#464646;
	line-height:24px;
	word-break: keep-all;
}

/*
#content.service .service-list li:before {
	content: '·';
	margin-right: 3px;
}
*/

#content.service .service-list > .row {
	border-bottom: 1px solid #DDD;
	padding: 0px 15px;
}

#content.service .service-list:last-child > .row {
	border-bottom: 0;
}

#content.service .service-list .col-md-3 {
	text-align: center;
}

#content.service .service-list .col-md-3 img {
	margin-top: 15px;
	width: 100%;
	max-width: 128px;
}

#content.service .service-list .col-md-9 {
	padding-top: 5px;
	padding-bottom: 15px;
}

@media screen and (max-width: 767px) {
	#content.service .service-list .row { padding-bottom: 15px; }
}

/* Contact (Mailform) */
.contact-mail-layout > #content {
	padding-bottom: 0 !important;
}

.contact-mail-layout > #content+div {
	width: 75%;
	display: inline-block;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 70px;
}

@media screen and (max-width: 991px) {
	.contact-mail-layout > #content+div {
		width: 100%;
	}
}

.contact-mail-layout #mailForm {
	padding-left: 15px;
	padding-right: 15px;
}

#mailForm .form-group {
	padding-left: 15px;
	padding-right: 15px;
}

#mailForm .form-control {
	border-radius: 0;
	-webkit-border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-webkit-appearance: none;
	resize: none;
}

#mailForm .form-control:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
	border-color: #178686;
}

#mailForm .btn-primary,
.login-layout .btn-warning{
    background: #f3f3f3;
    border: none;
    border-radius: 0px;
    color: #178686;
    text-shadow: none;
    font-weight: 600;
    font-family: "Arial","Noto Sans KR" !important;
    padding: 10px 0;
    box-shadow: none;
}
#mailForm .btn-primary:hover, #mailForm .btn-primary:focus,
.login-layout .btn-warning:hover, .login-layout .btn-warning:focus{
    background: #178686;
    color: #fff;
}

/* Location */
#content.location #google_maps { width: 100%; height: 300px; border: 1px solid #DDD; background-color: #E5E3DF; }
#content.location p {
    word-break: keep-all;
    margin-top: 15px;
    line-height: 24px;
}

/* login */
.login-layout .panel-default {
    margin: 20px 0 60px;
    border: 1px solid #ddd;
    border-radius: 0px;
    box-shadow: none;
    border-top: 2px solid #178686;
    border-bottom: 2px solid #ddd;
}
.login-layout .panel-body{
	padding: 20px 40px;
}

/* BBS */
#content.product { padding-bottom: 0; }

.dhb-txt-box-type-b-text-layout > h4 {
	text-align: center;
	font-size: 12px;
}

.bbs-blog-view-layout.text-bbs6 .dh-view-info,
.bbs-blog-view-layout.text-bbs7 .dh-view-info,
.bbs-blog-view-layout.text-bbs8 .dh-view-info,
.dhb-txt-box-type-b-text-layout > .txt-box-footer,
.dhb-txt-box-type-b-text-layout > h4 > small {
	display: none;
}

.dh-board, .dh-view-box.dh-margin-topx2 {
	max-width: 1170px;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
}

@media screen and (min-width: 992px) {
	.dh-board, .dh-view-box.dh-margin-topx2 {
		width: 75%;
		float: right;
	}
}

.dhb-txt-box-type-b-img-layout .thumb-hidden {
	height: 160px;
	max-height: 120px;
	border: 1px solid #DDD;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .125);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .125);
}

.bbs-blog2-index-layout .dhb-txt-box-type-b {
	background: transparent;
	border: 0;
}

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

.product-style {
	max-width: 600px; margin: 0 auto;
	border-bottom: 1px solid #EEE; margin-bottom: 20px;
}

/*2016-12-20 added*/
#content u {
	color: #253E92;
	font-weight: bold;
	text-decoration: none !important;
}

.hhi_ul {
	padding-left: 20px;
}

.axialbox img {
	border: 1px solid #dedede;
}

.axialbox label {
	font-size: 16px;
	text-align: center;
	color: #178686;
	display: block;
	padding-top: 5px;
	padding-bottom: 15px;
}

@media screen and (min-width: 992px) {
	.intro-html-layout .product-wrap .product-list .row > .col-md-3 {
		width: 20% !important;
	}
	
	.product-hover p {
		padding: 60px;
	}
}

@media screen and (max-width: 991px) {
	.intro-html-layout .product-wrap .product-list .row > .col-md-3 {
		margin-bottom: 15px;
	}
}

.btn.btn-cata {
	background: transparent;
    color: #30267F;
    font-size: 18px;
    border: 2px solid #30267F;
    margin: 0 3px;
	padding-left: 15px;
	padding-right: 15px;
}

.btn.btn-cata:hover, .btn.btn-cata:focus {
	background: #30267F;
	border: 2px solid #30267F !important;
	color: #FFF;
}

/*2016-12-23 added */
.bbs-blog-view-layout > #content+.clearfix,
.bbs-blog-view-layout > #content > .row {
	display: none;
}

.bbs-blog-view-layout .dh-view-box {
	margin-top: 0;
}

/*2017-01-11 added*/
.bbs-blog2-index-layout .product img {
	position: inherit;
}

@media screen and (min-width: 480px) and (max-width: 767px) {
	.bbs-blog2-index-layout .dhb-txt-box-type-b {
		width: 50% !important;
	}
	
	.dh-board > .clearfix.visible-xs {
		display: none !important;
	}
}

@media screen and (max-width: 639px) {
	.col-md-12.top > h1 {
		font-size: 24px;
	}
}

@media screen and (max-width: 767px) {
	.dhb-txt-box-type-b-img-layout .thumb-hidden {
		height: auto;
		max-height: none;
	}
}