@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/opensanshebrew.css');
@import url('https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css');
@import url('https://img.mailplug.com/template/custom_css/flag-icon.min.css');
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/earlyaccess/notosansscsliced.css');
html {
	overflow-x: hidden;
	overflow-y: scroll
}

.body-layout {
	background-color: #fff;
	overflow-x: hidden;
	padding-right: 0!important
}

* {
	word-break: break-word;
	word-wrap: break-word
}

a {
	color: #555
}

a:hover,
a:focus,
a:active {
	color: #555;
	text-decoration: none
}

.body-layout,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
button {
	font-family: 'Noto Sans KR', 'Noto Sans SC Sliced', "NanumGothic", "나눔고딕", 'NanumBarunGothic', 'Apple SD Neo Gothic', 'Malgun Gothic', 'Gulim', sans-serif
}

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,
.topmarginLay_a {
	display: none
}

.dh-board,
.dh-view-box,
#mailForm,
.bbs-list-view-layout+.row,
#insertForm {
	display: none
}

.flex-caption span.intro-title {
	font-size: 30px;
	font-weight: 400
}

.flex-caption span:first-child {
	background: none;
	text-shadow: horizontal-offset vertical-offset blur color;
	text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3)
}

.flexslider {
	border: 0 solid rgba(255, 255, 255, 1);
	border-radius: 0
}

.navbar-brand img {
	margin-top: -2px
}

.navbar-brand {
	padding: 10px 0 15px
}

.none-radius {
	border-radius: 0!important
}

.panel-default>.vine-title-title {
	background-repeat: none;
	padding: 30px 0
}

.navbar-inverse {
	background: #fff;
	padding: 0;
	margin: 0;
	border: none;
	position: static;
	top: auto;
	width: 100%;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15)
}

.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand,
:last-child.navbar-right.navbar-nav {
	margin: 0
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
	background: none;
	box-shadow: none
}

.dropdown-menu {
	border-bottom: 4px solid #933;
	background: url(/skin/img/submenu-Layerbg.png) repeat;
	border-radius: 0;
	box-shadow: none
}

.navbar-inverse .navbar-nav>li>a {
	color: #fff;
	font-weight: 700;
	font-size: 15px;
	text-shadow: horizontal-offset vertical-offset blur color;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3)
}

.navbar-inverse .divider-vertical {
	border-right-color: rgba(236, 205, 171, 1);
	border-left-color: rgba(195, 130, 16, 1);
	display: none
}

footer+br {
	display: none
}

footer>.container p {
	color: #888;
	font-size: 12px!important;
	margin-bottom: 10px
}

.footer_copy>.col-lg-12 {
	background: #2a2a2a;
	padding: 0;
	font-size: 13px
}

.navbar-inverse .navbar-toggle {
	background: #9a0000;
	border-color: rgba(48, 47, 47, 0)
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
	background-color: #9a0000
}

.navbar-toggle {
	background: rgba(48, 47, 47, 0);
	color: #fff
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
	border-color: #e5e5e5
}

.navbar-collapse {
	border-top: 0 solid transparent
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav>li>a {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0)
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
	background-color: rgba(0, 0, 0, 0)!important
}

.flexslider {
	border-radius: 4px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0)
}

.intro-boardbox .page-header {
	color: #333
}

.page-header {
	border: none;
	margin-top: 0;
	margin-bottom: 0
}

.page-header h2 {
	margin-top: 0;
	margin-bottom: 0
}

.page-header h4 {
	font-size: 15px;
	font-weight: 700;
	margin-top: 12px
}

.page-header h4 .btn {
	padding: 0
}

.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #fff
}

.custom-back1 {
	background-image: url(/skin/img/page-title1.png)!important
}

.custom-back2 {
	background-image: url(/skin/img/page-title2.png)!important
}

.custom-back3 {
	background-image: url(/skin/img/page-title3.png)!important
}

.custom-back4 {
	background-image: url(/skin/img/page-title4.png)!important
}

.custom-back5 {
	background-image: url(/skin/img/page-title5.png)!important
}

.custom-back6 {
	background-image: url(/skin/img/page-title6.png)!important
}

.custom-back7 {
	background-image: url(/skin/img/page-title7.png)!important
}

.custom-back8 {
	background-image: url(/skin/img/page-title8.png)!important
}

.custom-back9 {
	background-image: url(/skin/img/page-title9.png)!important
}

.custom-back10 {
	background-image: url(/skin/img/page-title10.png)!important
}

.custom-back-coffee {
	background-image: url(/skin/img/page-title-coffee.png)!important
}

.custom-back-pizza {
	background-image: url(/skin/img/page-title-pizza.png)!important
}

.custom-back-pasta {
	background-image: url(/skin/img/page-title-pasta.png)!important
}

.titleBox {
	padding: 10px;
	margin: 10px 0 25px;
	color: #fff;
	font-weight: 700;
	border: 1px solid #ddd;
	background-size: cover
}

.titleBox a {
	padding: 5px 10px;
	background: #333;
	text-decoration: none;
	color: #fff;
	font-size: 11px
}

.titleBox {
	padding: 18px!important
}

.breadcrumb {
	background: #fff;
	font-size: 12px
}

.intro-boardbox .page-header {
	margin: 0;
	padding-bottom: 0
}

.intro-boardbox .dh-front-blog .thumbnail {
	margin-top: 0!important
}

.dh-front-blog>.col-md-4>.thumbnail {
	min-height: 280px
}

.dh-front-blog>.col-md-4>.thumbnail .caption p {
	margin: 0
}

div.product-view .col-md-4 .product-bg {
	position: relative
}

div.product-view .col-md-4 .product-bg p {
	padding-top: 10px
}

div.product-view .col-md-4 .product-bg h4 {
	margin-bottom: 15px;
	padding: 5px 0;
	background: rgba(255, 255, 255, 0.7)
}

div.product-view .col-md-4 .product-bg {
	height: 400px;
	color: #fff
}

div.product-view .col-md-4 .product-bg>div {
	position: absolute;
	bottom: 0;
	width: 100%
}

div.product-view .col-md-4:nth-of-type(1) .product-bg {
	background: url(/skin/img/1-1.png);
	background-size: cover
}

div.product-view .col-md-4:nth-of-type(1) .product-bg>div {
	background: #376092
}

div.product-view .col-md-4:nth-of-type(1) .product-bg>div h4 {
	color: #376092
}

div.product-view .col-md-4:nth-of-type(2) .product-bg {
	background: url(/skin/img/1-2.png);
	background-size: cover
}

div.product-view .col-md-4:nth-of-type(2) .product-bg>div {
	background: #d76829
}

div.product-view .col-md-4:nth-of-type(2) .product-bg>div h4 {
	color: #d76829
}

div.product-view .col-md-4:nth-of-type(3) .product-bg {
	background: url(/skin/img/1-3.png);
	background-size: cover
}

div.product-view .col-md-4:nth-of-type(3) .product-bg>div {
	background: #789046
}

div.product-view .col-md-4:nth-of-type(3) .product-bg>div h4 {
	color: #789046
}

.list-row-contents {
	margin: 4px 0
}

div.slick-track div {
	margin: 0 5px
}

.intro-board-widget-layout {
	display: none;
	max-width: 1200px;
	margin: 0 auto;
	margin-top: 3em
}

.vsitemap,
.sitemap4-toggle {
	max-width: 1200px
}

.panel-group.sitemap4-toggle {
	padding: 20px 15px 0
}

.sitemap4 {
	column-width: 16em;
	-webkit-column-width: 16em;
	-moz-column-width: 16em
}

.list-group {
	border-right: 1px solid #fff
}

.sitemap4-toggle .panel-body,
.list-group>div,
.list-group a {
	background: #555
}

.list-group>a,
.sitemap4-title a {
	color: #fff
}

.sitemap4>.list-group {
	border: none
}

.menu-category.list-group:last-child {
	border: none
}

#freewall_w5 #freewall {
	width: 100%!important;
	height: auto!important
}

.dh-front-gallery.thumbs>div.col-md-3 {
	margin-bottom: 10px;
	width: 50%!important;
	max-height: 180px!important;
	height: 180px
}

.dh-front-gallery>.col-md-3>a.thumbnail {
	height: 180px!important;
	max-height: 180px!important
}

@media(max-width:767px) {
	.dh-front-gallery.thumbs>div.col-md-3 {
		margin-bottom: 10px;
		width: 97%!important;
		max-height: 200px!important;
		height: 200px
	}
	.dh-front-gallery>.col-md-3>a.thumbnail {
		height: 200px;
		max-height: 200px!important
	}
}

.dhb-txt-list {
	border: none
}

.dhb-txt-box .col-md-4,
.dh-view-info {
	display: none
}

.dh-view-info+div,
.dh-attach+div {
	padding: 50px 20px!important
}

.dh-margin-topx2 .dh-attach {
	padding: 0 15px!important
}

.dhb-txt-box .dhb-txt-list {
	width: 100%
}

.input-group {
	width: 100%!important
}

.input-group>.input-group-btn:nth-child(1),
.input-group .form-control {
	display: table-cell
}

@media(min-width:992px) {
	.dhb-txt-list .row div.col-md-5 {
		width: 30%
	}
	.dhb-txt-list .row div.col-md-7 {
		width: 70%
	}
	.bbs-blog-index-layout .dh-margin-top div.col-md-5 {
		width: 100%;
		text-align: center
	}
	.bbs-blog-index-layout .dh-margin-top div.col-md-7 {
		width: 40%
	}
}

.btn-primary.logo,
.active.btn-primary.logo,
.focus.btn-primary.logo,
.btn-primary.logo:active,
.btn-primary.logo:focus,
.btn-primary.logo:hover,
.open>.btn-primary.logo.dropdown-toggle {
	background: #333;
	border-color: #333
}

.pagination>li>a,
.pagination>li>span {
	border: 1px solid #ddd;
	border-radius: 0!important;
	font-size: 15px;
	margin-top: 0;
	margin-bottom: 0;
	color: #666!important
}

.pagination>li:last-child>a {
	margin-left: 15px
}

.pagination>li:first-child>a {
	margin-right: 15px
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background: #f3f3f3;
	border: 1px solid #ddd;
	color: #9a0000!important
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
	border-color: #bbb;
	background: #fff
}

.input-group-btn button,
.input-group-btn input {
	border-radius: 0;
	border-color: #ddd
}

.input-group .form-control {
	box-shadow: none;
	border-color: #ddd
}

#insertForm .input-group .btn {
	border-radius: 0;
	font-size: 12px;
	border-color: #ddd
}

#insertForm .input-group .form-control {
	height: 31px;
	box-shadow: none;
	border-color: #ddd
}

.input-group .input-group-btn button#btnNew {
	background: #f3f3f3;
	color: #333;
	border: 1px solid #ddd!important
}

.dh-view-box div.row div.col-xs-12:nth-child(4) {
	text-align: center
}

.dh-front-list2 h5 {
	margin-top: 0;
	font-size: 16px!important
}

.thumb-hidden {
	border: none;
	box-shadow: none
}

.media-left {
	padding-right: 20px
}

.product-highlight {
	color: #8e0000
}

.breadcrumb {
	padding-left: 0
}

.thumbnail .caption br {
	display: none
}

.contact-bg {
	background: url(/skin/img/contact.png) no-repeat;
	background-size: contain
}

.contact-bg table tr {
	border-bottom: 1px solid #ddd
}

.contact-bg table tr:last-child {
	border-bottom: none
}

.contact-text {
	padding-top: 100px
}

.contact-text h4 {
	padding: 10px 0;
	border-bottom: 2px solid #333
}

.profile-bg {
	background: url(/skin/img/profile.png) no-repeat center center;
	background-size: contain
}

.profile-text {
	padding-top: 220px
}

.profile-text h4 {
	padding: 10px 0;
	border-bottom: 2px solid #333
}

.profile-bg small {
	padding-left: 9px;
	color: #979797
}

.profile-bg table tr {
	border-bottom: 1px solid #ddd
}

.profile-bg table tr:last-child {
	border-bottom: none
}

.top-navi {
	width: 1200px;
	margin: 0 auto;
	padding: 15px 20px 15px 0;
	font-size: 9px
}

.top-navi li {
	border-right: 1px solid #ccc
}

.top-navi.list-inline li {
	padding-right: 7px;
	padding-left: 3px
}

.top-navi li:last-child {
	border-right: none
}

.top-navi a {
	color: #333;
	font-weight: 700
}

@media all and (max-width:750px) {
	.top-navi {
		width: 75%;
		font-size: 5px
	}
	.top-navi a {
		color: #333;
		font-weight: 700;
		font-size: 11px
	}
	.navbar-brand img {
		width: 157px;
		height: 60px
	}
	.navbar-brand {
		padding-left: 15px;
		padding-top: 5px
	}
	.navbar-nav .open .dropdown-menu {
		background: #933
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		color: #fff
	}
	.navbar-collapse {
		background: #ccc
	}
	.navbar-toggle .icon-bar {
		width: 28px;
		height: 3px
	}
	.profile-text {
		padding-top: 100px
	}
	.contact-text {
		padding-top: 40px
	}
}

.contact-location-layout div.page-header~div h2 {
	display: none
}

.container.footer-social-layout {
	display: none
}

.logo {
	position: absolute;
	left: 15px;
	top: -10px
}

.top-navi {
	position: absolute;
	right: 15px;
	top: 5px;
	width: auto;
	padding: 0
}

.dropdown-menu {
	background: #fff;
	left: 0;
	width: 100%;
	max-width: none
}

.admin {
	position: absolute;
	left: -26px;
	top: 5px
}

.admin>li {
	float: left;
	margin-left: 20px
}

.admin>li a {
	color: #9a0000!important
}

.admin>li a:hover {
	color: #9a0000!important;
	text-decoration: underline
}

.admin>li>.dropdown-menu {
	z-index: 1001
}

.navbar-nav>li.divider-vertical+li,
.navbar-nav>li.divider-vertical+li+li {
	display: none
}

@media(min-width:768px) {
	.navbar-nav>li {
		position: relative
	}
	.navbar-nav>li:after {
		content: '';
		display: block;
		width: 1px;
		height: 14px;
		background: #ccc;
		position: absolute;
		right: 0;
		top: 20px
	}
	#m-22:after,
	#m-23:after {
		display: none
	}
	#m-23>a {
		color: #9a0000!important;
		font-size: 24px;
		width: 200px;
		font-weight: 600;
		text-align: right
	}
}

@media(max-width:767px) {
	.logo img {
		width: 58%
	}
	.admin {
		display: none
	}
	.top-navi {
		right: 0;
		left: 7px;
		top: 5px
	}
	.navbar-inverse .container {
		margin: 0;
		padding: 0
	}
	.container>.navbar-collapse {
		margin: 0;
		margin-top: 10px;
		padding: 0;
		width: 100%;
		background: #ddd
	}
	.navbar-nav>li {
		width: 100%;
		border: none
	}
	.navbar-nav>li:hover,
	.navbar-nav>li:focus {
		background: #9a0000!important
	}
}

.intro-boardbox .page-header a i {
	vertical-align: middle
}

.intro-boardbox .page-header a i:before {
	content: '\f054'
}

.profile-panel {
	margin-bottom: 2rem;
	line-height: 1.3
}

.profile-panel p {
	margin-bottom: 5px
}

.profile-panel h4 {
	font-size: 16px;
	margin: 19px 0 10px
}

.profile-panel h4:before {
	display: none
}

.profile-panel h4:nth-of-type(1) {
	font-size: 18px;
	margin-top: 1em;
	padding-left: 0
}

.profile-panel h4:nth-of-type(1):before {
	content: "";
	display: block;
	position: relative;
	top: -4px;
	width: 20px;
	height: 2px;
	background: #9a0000
}

.profile-panel h4 small {
	padding-left: .5em
}

@media(min-width:768px) {
	.intro-boardbox-1 .dh-front-blog .col-sm-6 {
		width: 50%
	}
}

@media (max-width:767px) {
	.profile-panel {
		margin-bottom: 5px
	}
	.profile-panel h4 {
		font-size: 14px
	}
	.profile-panel p {
		font-size: 12px;
		line-height: 14px!important
	}
	.profile-panel h4:nth-of-type(1) {
		font-size: 16px
	}
}

.subpage-content .text-bold {
	font-weight: 700
}

.subpage-content .text-gray {
	font-weight: 400;
	color: #999;
	font-size: 13px
}

.story-wrap {
	margin-top: 60px;
	margin-bottom: 20px;
	overflow: hidden
}

.history .col-sm-6:after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border: 2px solid #d62f14;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	top: 10px
}

.story-wrap .left-box {
	margin-right: -1px;
	text-align: right;
	border-right: 1px solid #d62f14
}

.story-wrap .left-box:after {
	right: -6px
}

.story-wrap .right-box {
	margin-left: 0;
	border-left: 1px solid #d62f14
}

.story-wrap .right-box:after {
	left: -6px
}

.story-wrap .text-red {
	color: #9E352D;
	font-size: 16px;
	margin: 1em 0 .5em
}

.story-wrap p {
	font-size: 12px;
	color: #333
}

.story-wrap h4 {
	font-size: 12px;
	color: #555;
	line-height: 1.6
}

.story-wrap .col-sm-4 img {
	margin-bottom: 5px
}

.story-wrap .col-sm-4 .text-box p {
	padding: 5px 0;
	font-size: 10px;
	line-height: 1.1;
	text-align: center;
	background: #eee
}

@media(min-width:768px) {
	.story-wrap .box1:before {
		content: '';
		display: block;
		width: 80px;
		height: 120px;
		position: absolute;
		left: calc(100% + 15px);
		top: 0;
		background: url(/skin/img/sub/company01-3.jpg) no-repeat center;
		background-size: contain
	}
	.story-wrap .box2 {
		margin-top: 90px
	}
	.story-wrap .box3 {
		margin-top: 0
	}
	.story-wrap .box3:before {
		content: '';
		display: block;
		width: 220px;
		height: 140px;
		position: absolute;
		right: 15px;
		top: 100%;
		background: url(/skin/img/sub/company01-4.jpg) no-repeat center;
		background-size: contain
	}
	.story-wrap .box4 {
		margin-top: 100px
	}
}

@media(max-width:767px) {
	.story-wrap img {
		margin-top: 30px
	}
}

.subpage {
	padding-bottom: 80px
}

.subpage-bbs .page-header h2 {
	font-weight: 700
}

.subpage-bbs h3,
.subpage-bbs h5,
.dhb-txt-list h5 {
	line-height: 1.5!important
}

.subpage-bbs .text-gray {
	color: #555;
	font-weight: 400;
	margin: 0 0 25px
}

.subpage-bbs .text-red {
	color: #9E352D
}

.subpage-bbs h3 {
	font-size: 20px
}

.btn-warning {
	background: #9e352d;
	margin: 1em 0 2em
}

.btn-warning:hover,
.btn-warning:focus {
	background: #772722
}

.search-box {
	padding: 0;
	margin-bottom: 15px
}

@media(max-width:767px) {
	.sub-layout {
		margin-bottom: 30px
	}
	.content h4 {
		line-height: 1.5;
		letter-spacing: -.02em
	}
	.content p {
		font-size: 12px;
		line-height: 20px
	}
	.subpage-bbs h2 {
		font-size: 24px
	}
	.subpage-bbs h3 {
		font-size: 18px;
		letter-spacing: -.02em
	}
	.subpage-bbs .text-gray {
		font-size: 13px
	}
	.subpage-bbs .mb-2em {
		margin-bottom: 2em
	}
	.subpage-bbs .mt-1em {
		margin-top: 1em
	}
	.dhb-txt-box {
		margin-bottom: 1em
	}
	.dhb-txt-box .dhb-txt-list h4 {
		margin-top: 1em;
		font-size: 14px
	}
	.dhb-txt-box .dhb-txt-list h5 {
		font-size: 12px;
		line-height: 1.5
	}
	.dh-board .pagination,
	.sub-layout .pagination {
		margin: 0;
		margin-top: 2em;
		position: relative;
		left: 50%;
		transform: translatex(-50%)
	}
	.box-red {
		height: 60px;
		background: #9e352d
	}
	.box-black {
		height: 60px;
		background: #000
	}
	.product-highlight h2 {
		font-size: 24px;
		margin: 0
	}
	.bbs-blog-index-layout>h3 {
		font-size: 18px;
		line-height: 1.5
	}
	.bbs-blog-index-layout>h5 {
		color: #555;
		font-weight: 400;
		line-height: 1.5;
		font-size: 13px;
		margin: 0 0 20px
	}
}

ul.address {
	padding: 0
}

ul.address li {
	font-size: 14px;
	line-height: 2
}

ul.address li i {
	margin-right: 2em;
	font-size: 16px
}

.contact-text p {
	font-size: 18px;
	font-weight: 700
}

.contact-text p.tel {
	font-size: 40px;
	font-weight: 700
}

#contact-table {
	margin-top: 2em;
	border-top: 2px solid #333;
	border-bottom: 1px solid #555
}

#contact-table tr {
	height: 100px
}

#contact-table td,
#contact-table th {
	vertical-align: middle
}

#contact-table th {
	text-align: center;
	font-size: 20px
}

@media(max-width:767px) {
	.contact-text p {
		font-size: 16px;
		font-weight: 700;
		text-align: center
	}
	.contact-text p.tel {
		font-size: 28px;
		font-weight: 700
	}
}

.vsitemap {
	max-width: none;
	background: #444;
	border: none;
	border-radius: 0
}

.vsitemap>.panel-body {
	max-width: 1170px;
	margin: 0 auto;
	padding: 30px 0
}

.vsitemap-list ul {
	text-align: left;
	margin: 0
}

.vsitemap-list ul>a {
	display: inline-block;
	margin-bottom: 10px
}

.vsitemap-list li {
	line-height: 2
}

.vsitemap-list ul li {
	padding: 0;
	font-weight: 400;
	font-size: 12px
}

.vsitemap-list a {
	color: #efefef
}

.vsitemap-list li a {
	opacity: .75
}

.vsitemap-list li a:hover {
	opacity: 1
}

footer .container {
	max-width: 1200px;
	text-align: left;
	padding: 30px 15px 0
}

@media(max-width:767px) {
	.vsitemap>.panel-body {
		padding: 30px 15px
	}
	.vsitemap-list ul {
		width: 50%!important;
		text-align: center
	}
	.vsitemap-list ul:nth-child(odd) {
		border: none
	}
	footer p {
		font-size: 12px
	}
}

.topmarginLay_a+script+script+script+.container {
	width: 100%;
	padding: 0
}

.navbar-inverse .divider-vertical {
	display: none
}

.navbar~br {
	display: none
}

.navbar-inverse .navbar-brand {
	margin: 0;
	padding: 0;
	text-shadow: 0 0 0 rgba(0, 0, 0, 0)
}

.navbar-brand img {
	width: 100%;
	margin-top: 0
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
	color: #333;
	background-color: rgba(0, 0, 0, 0)
}

.navbar-inverse .navbar-nav>li>a {
	position: relative;
	margin: 0;
	padding: 20px 0 30px;
	display: block;
	width: 130px;
	text-align: center;
	color: #2c2c2c;
	font-size: 16px;
	font-weight: 700;
	text-shadow: 0 0 0 rgba(0, 0, 0, 0)!important;
	letter-spacing: -.02em;
	border: none!important
}

.navbar-inverse .navbar-nav>li>a .caret {
	display: none
}

.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
	color: #9a0000;
	background-color: transparent;
	border: none!important
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
	background: rgba(0, 0, 0, 0);
	font-weight: 600;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	border: none!important;
	color: #9a0000
}

.navbar-inverse .dropdown-menu {
	background: #fff;
	padding: 20px 15px;
	margin: 0;
	border-radius: 0;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	min-width: 160px;
	width: auto;
	border: none;
	border-top: 2px solid #9a0000
}

.navbar-inverse .dropdown-menu>li>a {
	color: #555;
	padding: 6px 10px;
	margin: 0;
	font-size: 14px;
	text-align: center;
	border-bottom: 1px solid #ddd;
	letter-spacing: -.3px
}

.navbar-inverse .dropdown-menu>li>a:focus,
.navbar-inverse .dropdown-menu>li>a:hover {
	background: none;
	color: #9a0000
}

@media(min-width:768px) {
	.navbar-inverse .dropdown-menu {
		left: 50%!important;
		right: auto!important;
		transform: translatex(-50%)
	}
}

.navbar-toggle {
	background: #e83428;
	border-radius: 0;
	border: none;
	padding: 10px
}

@media screen and (max-width: 991px) {
	.navbar-inverse .navbar-brand {
		margin: 35px 0 0;
		padding: 0
	}
	.navbar-brand img {
		width: 170px
	}
	.navbar-inverse .navbar-nav>li>a {
		font-size: 15px;
		margin: 20px 0 15px;
		padding: 10px 15px
	}
}

@media screen and (max-width: 767px) {
	.navbar-inverse>div {
		padding: 0
	}
	.navbar-inverse>div .navbar-header {
		margin: 0
	}
	.navbar>.container .navbar-brand {
		padding: 10px 15px
	}
	.navbar-brand img {
		margin: 0;
		max-width: 100px;
		height: auto
	}
	.navbar-top>div>a {
		margin: 5px 20px 0
	}
	.navbar-inverse .navbar-nav>li>a {
		padding: 14px 30px;
		width: 100%;
		color: #fff!important;
		font-size: 14px;
		font-weight: 300!important;
		text-align: center;
		margin: 0
	}
	.navbar-inverse .navbar-nav>li>a .caret {
		bottom: 5px
	}
	.navbar-nav .open .dropdown-menu {
		padding: 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>.open>a:active {
		width: 100%;
		margin: 0;
		color: #fff!important;
		border: none!important;
		background: #9a0000
	}
	.navbar-inverse .navbar-collapse .navbar-nav {
		margin: 0;
		background: #000
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		color: #333;
		background: #fff
	}
	.navbar-nav .open .dropdown-menu .dropdown-header,
	.navbar-nav .open .dropdown-menu>li>a {
		padding: 10px 15px 10px 25px
	}
}

.container_contents {
	width: 100%;
	padding: 0
}

.carousel-inner {
	height: 600px;
	position: relative
}

.carousel-caption {
	position: absolute;
	width: 100%;
	padding: 0;
	left: 0;
	bottom: 150px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .1)
}

.carousel-caption p span {
	background: transparent;
	opacity: 1;
	text-shadow: none;
	color: #fff;
	font-weight: 900
}

.carousel-caption .slide01-caption {
	display: inline-block;
	transform: translateY(35px)
}

.carousel-caption .slide-caption-lg {
	font-size: 38px;
	line-height: 1.05;
	color: #2c2c2c;
	font-weight: 600
}

.carousel-caption .slide-caption-sm {
	font-size: 20px;
	color: #222;
	line-height: 1;
	font-weight: 600
}

.carousel-caption .slide-caption-xs {
	font-size: 16px;
	font-weight: 400
}

.carousel-caption .text-red {
	color: #99342c
}

.carousel-caption .bg-red {
	display: inline-block;
	margin-top: 1.85em;
	background-color: #99342c;
	color: #fff;
	padding: 7px 60px;
	letter-spacing: 5px;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5)
}

.carousel-caption .text-bolder {
	font-weight: 700
}

.carousel-caption .enter {
	display: block
}

.slide01 .slide-caption-lg {
	font-family: 'cwTeXFangSong', serif!important
}

.slide02 .carousel-caption {
	bottom: 175px
}

.slide02 .slide-caption-sm {
	color: #fff;
	font-weight: 400
}

.slide02 .slide-caption-lg {
	line-height: 1.5;
	font-weight: 500;
	font-size: 26px;
	letter-spacing: -.5px
}

.slide02 .text-red {
	font-weight: 700;
	font-size: 32px
}

.slide03 .carousel-caption,
.slide04 .carousel-caption {
	text-align: left;
	max-width: 1140px;
	margin: 0 auto;
	left: auto;
	bottom: auto;
	top: 38%
}

.slide04 .carousel-caption {
	left: 68%;
	display: inline-block;
	width: auto;
	min-width: 420px
}

.slide03 .slide-caption-lg,
.slide04 .slide-caption-lg {
	font-size: 35px;
	line-height: 1.3;
	font-weight: 500;
	letter-spacing: -.02em
}

.slide03 .slide-caption-sm,
.slide04 .slide-caption-sm {
	font-weight: 500;
	line-height: 1.2
}

.slide03 .text-bolder,
.slide04 .text-bolder {
	color: #99342c;
	font-weight: 600;
	font-style: inherit
}

.carousel-inner::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 100%;
	z-index: 0
}

.carousel-control {
	position: absolute;
	z-index: 9999;
	opacity: .8
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
	width: 45px;
	height: 45px;
	margin-top: -60px
}

.glyphicon-chevron-left:before {
	content: url('/skin/img/slide/arrow_prev.png')
}

.glyphicon-chevron-right:before {
	content: url('/skin/img/slide/arrow_next.png')
}

.carousel-inner>.item {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover
}

.carousel-control:hover {
	opacity: 1
}

@media screen and (max-width: 991px) {
	.carousel-inner {
		height: 280px
	}
}

@media screen and (max-width: 767px) {
	.carousel-caption {
		text-align: center;
		width: 100%;
		left: 0!important;
		bottom: 0!important;
		position: absolute;
		padding: 13px
	}
	.carousel-caption p span {
		padding: 0;
		margin-bottom: 1em
	}
	.carousel-caption .slide-caption-lg {
		font-size: 16px
	}
	.carousel-caption .slide-caption-sm {
		font-size: 12px;
		display: block
	}
	.carousel-caption .slide-caption-xs {
		font-size: 12px
	}
	.carousel-caption .bg-red {
		padding: 4px
	}
	.carousel-inner>.item>a>img,
	.carousel-inner>.item>img {
		height: 100%;
		max-width: none
	}
	.carousel-control,
	.carousel-control.right,
	.carousel-control.left,
	.carousel-control:hover,
	.carousel-control:focus {
		display: none
	}
	.slide01 .carousel-caption,
	.slide02 .carousel-caption {
		bottom: 40px!important
	}
	.slide02 .slide-caption-lg {
		line-height: 1.2;
		font-size: 14px
	}
	.slide02 .text-red {
		font-size: 18px
	}
	.slide04 .carousel-caption {
		top: 58%
	}
}

.contact_btn_wrap {
	background: #f1f1f1
}

.contact_btn_inner {
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
	padding: 86px 0;
	position: relative
}

.contact_btn {
	background: #e83428;
	width: 178px;
	height: 178px;
	border-radius: 100%;
	margin-left: -88px;
	padding-top: 53px;
	position: absolute;
	top: -45px;
	left: 50%;
	text-align: center
}

.contact_btn::before {
	content: '';
	height: 110px;
	width: 1px;
	background: #e83428;
	position: inherit;
	top: -110px
}

.contact_btn p {
	margin: 10px 0 0;
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: -.05em
}

.contact_btn p span {
	font-size: 18px;
	font-weight: 500
}

@media screen and (max-width: 991px) {
	.contact_btn {
		width: 120px;
		height: 120px;
		margin-left: -60px;
		padding-top: 25px
	}
	.contact_btn::before {
		height: 40px;
		top: -40px
	}
	.contact_btn figure img {
		width: 30px
	}
	.contact_btn_inner {
		padding: 50px 0
	}
	.contact_btn p {
		margin: 5px 0 0;
		font-size: 13px
	}
	.contact_btn p span {
		display: inline;
		font-size: 15px
	}
}

.intro-board-widget-layout {
	width: 100%;
	margin: 0 auto;
	padding: 60px 15px
}

.intro-widget-layout {
	width: 100%
}

.intro-widgetbox {
	width: 50%;
	padding: 0 15px;
	border: none
}

.intro-widget-list-box {
	height: 207px
}

.widget-list-row-subject {
	width: 80%;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis
}

.intro-widget-list-box>ul>li>a {
	font-size: 16px
}

.intro-widgetBoardbox {
	border: none
}

.intro-widgetBoardbox>a {
	background: none
}

.intro-widgetBoardbox>a h5 {
	font-size: 20px
}

@media(min-width:768px) {
	.intro-boardbox {
		width: 50%
	}
}

@media(max-width:767px) {
	.intro-widgetbox {
		width: 100%;
		padding: 0 15px;
		border: none
	}
	.intro-widget-list-box {
		height: auto
	}
	.intro-widgetBoardbox div.col-xs-3 {
		width: 50%;
		display: none
	}
	.intro-widgetBoardbox div.col-xs-3:nth-of-type(1),
	.intro-widgetBoardbox div.col-xs-3:nth-of-type(2),
	.intro-widgetBoardbox div.col-xs-3:nth-of-type(3),
	.intro-widgetBoardbox div.col-xs-3:nth-of-type(4) {
		display: block
	}
	.intro-widgetBoardbox div.col-xs-3 a {
		height: 100px
	}
}

.intro-boardbox .page-header {
	padding: 0 0 15px;
	margin: 0 0 15px;
	border-bottom: 1px solid #ccc
}

.intro-boardbox .page-header h4 {
	margin: 0;
	color: #333;
	font-size: 22px;
	font-weight: 600;
	letter-spacing: -.03em
}

.intro-boardbox .page-header h4 .btn {
	padding: 0;
	margin: 0
}

.intro-boardbox .page-header h4 .btn .fa-plus:before {
	color: #aaa;
	font-size: 14px
}

.intro-boardbox .banner-wrap {
	min-height: 100px
}

.intro-boardbox .banner-icon {
	display: inline-block;
	float: left;
	height: 100px;
	margin: 0 30px 0 15px
}

.banner-text {
	display: inline-block
}

.banner-text h5 {
	margin: 6px 0 12px;
	font-size: 14px;
	font-weight: 500;
	color: #343434
}

.banner-wrap:last-child:hover .banner-text h5 {
	text-decoration: none
}

.banner-text h3 {
	margin: 0 0 5px;
	color: #e83428;
	font-size: 23px;
	font-weight: 500
}

.banner-text p {
	font-size: 13px;
	margin: 0;
	color: #555
}

.intro-boardbox .front-panel>.panel {
	padding: 0;
	background-color: rgba(0, 0, 0, 0)!important;
	border: none;
	border-radius: 0;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0)
}

.intro-boardbox .panel-body {
	padding: 0
}

.dh-front-list2-words {
	margin: 0!important;
	padding: 7px 0
}

.dh-front-list2 h6 a,
.dh-front-list2 h6 a span {
	color: #777;
	font-weight: 300;
	font-size: 16px;
	letter-spacing: -.03em
}

.dh-front-list2 h6 a:hover span {
	text-decoration: none
}

.dh-front-list2 h6 a:hover .list-row-subject {
	color: #333;
	text-decoration: none
}

.dh-front-list2-words:first-child {
	margin: auto
}

.list-row-subject {
	float: left;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 250px;
	white-space: nowrap
}

.intro-boardbox:nth-child(2) .list-row-subject::after {
	content: url('/skin/img/default/ico_clip.png');
	padding-left: 10px
}

.row-separator {
	display: none
}

.list-row-regdate {
	float: right;
	color: #999!important
}

.list-row-contents {
	display: none
}

.dh-front-list2 h6 a small>span.label-danger {
	color: #e83428!important;
	background-color: #fff
}

.ico_contact {
	float: left;
	background: #e8e8e8;
	border-radius: 100%;
	width: 48px;
	height: 48px;
	margin-right: 10px;
	padding-top: 12px;
	text-align: center
}

.board_contact {
	width: 100%;
	margin: 20px 0
}

.board_contact h4 {
	margin: 0;
	color: #333;
	font-size: 46px;
	font-weight: 300;
	font-family: 'Roboto'!important;
	letter-spacing: -.01em
}

.board_contact h5 {
	margin: 0 0 20px;
	color: #555;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -.05em
}

.board_contact p {
	color: #555;
	font-size: 14px;
	font-weight: 300;
	line-height: 22px;
	letter-spacing: -.01em;
	margin: 0
}

a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
	border-color: red
}

@media screen and (max-width: 991px) {
	.intro-board-widget-layout {
		width: 100%
	}
	.dh-front-list2 h6 a,
	.dh-front-list2 h6 a span {
		font-size: 14px;
		letter-spacing: -.05em
	}
	.list-row-subject {
		max-width: 150px
	}
	.board_contact h4 {
		display: inline-block;
		padding: 10px 0 0;
		font-size: 28px
	}
}

@media screen and (max-width: 767px) {
	.intro-board-widget-layout {
		padding: 50px 0 40px
	}
	.intro-boardbox {
		width: 100%
	}
	.list-row-subject {
		max-width: 250px
	}
}

.dh-board .table>thead>tr>th,
.dh-board .table>tbody>tr>th,
.dh-board .table>tfoot>tr>th,
.dh-board .table>thead>tr>td,
.dh-board .table>tbody>tr>td,
.dh-board .table>tfoot>tr>td {
	padding: 13px 20px;
	color: #555;
	font-size: 15px
}

.dh-board .table>thead>tr>th {
	vertical-align: middle;
	border-bottom: 1px solid #c1270d;
	font-size: 15px;
	font-weight: 600;
	color: #333;
	letter-spacing: -.3px
}

.dh-board .table>tbody>tr>td {
	border-bottom: 1px solid #ddd
}

.dh-board .table>tbody>tr>td>strong>a {
	color: #555
}

.dh-board>.table-hover {
	border-top: 0 solid #ddd;
	border-bottom: none;
	margin: 0 0 20px
}

.dh-board>.table-hover>tbody>tr:hover td,
.dh-board>.table-hover>tbody>tr:hover {
	background-color: #fff
}

.dh-board>.table-hover>tbody>tr:hover>td>strong>a {
	color: #9a0000
}

.dh-margin-top {
	margin-top: 40px;
	display: block
}

.bbs-blog2-index-layout .dhb-txt-box-type-b {
	border: none;
	background-color: #fff;
	width: 25%;
	margin: 0 0 20px;
	padding: 0 10px
}

.bbs-blog2-index-layout .dhb-txt-box-type-b>div {
	margin: 0;
	padding: 0;
	border: 1px solid #e5e5e5
}

.dhb-txt-box-type-b-img-layout {
	padding: 0
}

.dhb-txt-box-type-b-img-layout .thumb-hidden {
	border: none;
	min-height: 200px;
	max-height: 200px;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0)
}

.dhb-txt-box-type-b-text-layout h4 {
	font-size: 14px;
	margin: 15px 0
}

.dhb-txt-box-type-b-text-layout .txt-box-footer {
	margin-top: 0;
	float: none;
	text-align: left;
	display: none
}

.txt-box-footer em {
	display: none
}

.txt-box-footer em>span.regdate {
	font-style: normal;
	color: #555;
	font-size: 13px
}

.txt-box-footer em>span:last-child {
	display: none
}

.txt-box-footer small.hits {
	display: none
}

@media screen and (max-width: 767px) {
	.bbs-blog2-index-layout .dhb-txt-box-type-b {
		width: 100%;
		margin: 10px 0 20px
	}
}

.label {
	background: rgba(0, 0, 0, 0);
	padding: 0 5px;
	font-size: 90%
}

.label-danger {
	color: #7f7f7f
}

.label-primary {
	color: #7f7f7f
}

.dh-margin-top form#insertForm {
	width: 100%;
	max-width: 100%;
	display: block;
	margin: 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: 0
}

.sns-box {
	display: none
}

.dh-view-box>.row>.page-header {
	border-top: 0 solid #ddd;
	border-bottom: 0 solid #ddd;
	padding: 13px 20px;
	margin: 0;
	background: #c1270d
}

.dh-view-box>.row>.page-header>h4 {
	color: #fff;
	font-size: 18px;
	margin: 0;
	letter-spacing: -.8px
}

.dh-view-box>.row>.dh-view-info {
	border-bottom: 1px solid #ccc;
	background: rgba(0, 0, 0, 0);
	padding: 8px 20px;
	color: #888
}

.dh-view-box>.row>.dh-view-info>span {
	padding: 0 15px 0 0
}

.dh-view-box>.row>.dh-view-info>span>strong {
	color: #555;
	padding: 0 5px 0 0
}

.dh-view-box .dh-attach h6 {
	margin: 0;
	padding: 5px 5px 0
}

.dh-view-box>.row:nth-child(2)>div:nth-child(3) {
	padding: 30px 20px 60px!important;
	min-height: 100px
}

.vod-index-layout .dh-board {
	margin: 0
}

.vod-index-layout .page-header,
.bbs-list-index-layout .page-header,
.img-bbs-img-slide-index-layout .page-header,
.bbs-pds-index-layout .page-header {
	padding-bottom: 30px
}

.vod-index-layout .page-header h2,
.bbs-list-index-layout .page-header h2,
.img-bbs-img-slide-index-layout .page-header h2,
.bbs-pds-index-layout .page-header h2 {
	font-weight: 700
}

.bbs-blog-index-layout>h3,
.img-bbs-img-slide-index-layout>h3,
.bbs-pds-index-layout>h3,
.img-bbs-img-slide-index-layoutt>h3 {
	font-size: 20px;
	line-height: 1.5
}

.bbs-blog-index-layout>h5,
.img-bbs-img-slide-index-layout>h5,
.bbs-pds-index-layout>h5,
.img-bbs-img-slide-index-layoutt>h5 {
	margin: 0 0 25px;
	color: #555;
	font-weight: 400
}

.dhb-txt-box h5 {
	display: -webkit-box;
	margin: 15px 0 0!important;
	height: 88px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-wrap: break-word
}

.dhb-txt-box h5:before,
.dh-attach {
	display: none!important
}

#service01 .dh-attach {
	display: block!important
}

.dh-view-box .dh-attach h6 {
	float: right
}

.dh-view-box .dh-attach h6 a {
	margin-right: 10px
}

.dh-view-box .dh-attach h6 a:hover {
	text-decoration: underline;
	color: #c1270d
}

.dhb-txt-box h5 a {
	font-weight: 400;
	color: #555;
	font-size: 14px;
	letter-spacing: -.3px
}

.mt-15 {
	margin-top: 0!important
}

.mt-20 {
	margin-top: 20px!important
}

.mt-30 {
	margin-top: 30px!important
}

.mt-40 {
	margin-top: 40px!important
}

.mt-80 {
	margin-top: 80px!important
}

.mb-20 {
	margin-bottom: 20px!important
}

.mb-30 {
	margin-bottom: 30px!important
}

.mb-40 {
	margin-bottom: 40px!important
}

.mb-80 {
	margin-bottom: 80px!important
}

.ml-20 {
	margin-left: 20px!important
}

.ml-30 {
	margin-left: 30px!important
}

.ml-40 {
	margin-left: 40px!important
}

.mr-20 {
	margin-right: 20px!important
}

.mr-30 {
	margin-right: 30px!important
}

.mr-40 {
	margin-right: 40px!important
}

.mg-0 {
	margin: 0!important
}

.pd-0 {
	padding: 0!important
}

.max-90 {
	width: 90%!important;
	margin: 0 auto;
	display: block
}

.img-bordered {
	border: 1px solid #ddd
}

.absolute-center {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	padding: 0;
	margin: 0
}

.horizontal-center {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	padding: 0;
	margin: 0
}

.vertical-center {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding: 0;
	margin: 0
}

.text-center-table thead th,
.text-center-table thead td,
.text-center-table tbody th,
.text-center-table tbody td {
	text-align: center!important;
	vertical-align: middle!important
}

.font-12 {
	font-size: 12px!important
}

.font-14 {
	font-size: 14px!important
}

.font-16 {
	font-size: 16px!important
}

.font-18 {
	font-size: 18px!important
}

.font-20 {
	font-size: 20px!important
}

.font-22 {
	font-size: 22px!important
}

.text-bold {
	font-weight: 700!important
}

.text-underline {
	text-decoration: underline!important
}

.text-italic {
	font-style: italic!important
}

.li-none>li {
	list-style: none!important;
	margin-left: 20px
}

.li-disc>li {
	list-style: disc!important;
	margin-left: 20px
}

.li-circle>li {
	list-style: circle!important;
	margin-left: 20px
}

.li-square>li {
	list-style: square!important;
	margin-left: 20px
}

.li-dash>li {
	margin-left: 10px;
	padding-left: 20px;
	position: relative
}

.li-dash>li:before {
	content: '-';
	display: block;
	position: absolute;
	left: 5px;
	top: 0
}

.card {
	display: block;
	position: relative;
	padding: 15px;
	margin-bottom: 10px;
	border: 1px solid #ddd;
	min-height: max-content
}

.column-2 {
	padding: 15px;
	column-count: 2;
	column-rule: 1px solid #ddd;
	column-gap: 30px;
	border: 1px solid #ccc
}

.quote-box {
	margin: 20px auto;
	border: 2px solid #ccc
}

p.quote {
	margin: 30px 0;
	font-size: 26px;
	font-weight: 600;
	color: #ccc;
	line-height: 1.2
}

.container_contents,
.footer_copy>div,
.sub-layout {
	width: 100%;
	padding: 0
}

ul,
dl,
ol {
	padding: 0
}

.body-layout {
	overflow-x: hidden
}

p,
li,
dt,
dd {
	line-height: 1.6
}

* {
	box-sizing: border-box;
	word-break: keep-all
}

.top-inner {
	position: relative;
	z-index: 100000;
	display: inline-block;
	float: right;
	padding-top: 15px
}

.top-inner>a,
.top-inner .lang-box,
.lang-box li {
	float: left;
	font-size: 12px;
	line-height: 1
}

.top-inner li {
	padding: 0 10px;
	border-left: 1px solid #ddd
}

.top-inner li .active {
	color: #333;
	font-weight: 600
}

.top-inner li button {
	padding: 0;
	background: transparent;
	border: none;
	color: #888
}

.top-home {
	margin-right: 10px
}

.main-content {
	color: #555;
	background: #f3f3f3;
	margin: 0 auto;
	padding: 80px 0
}

.main-content .row .col-sm-6:nth-child(2) {
	padding-left: 25px
}

.main-content .fa-play {
	display: block;
	width: 100%;
	padding: 120px 0;
	text-align: center;
	background: #ddd;
	font-size: 50px
}

.main-content h3 {
	margin: 30px 0 25px;
	font-size: 32px;
	font-weight: 600
}

.main-content p {
	margin-bottom: 20px;
	font-size: 18px;
	letter-spacing: -.3px
}

.main-content p span {
	display: block;
	font-weight: 700
}

.main-content ul {
	margin: 35px 0 0;
	padding-top: 35px;
	border-top: 1px solid #ccc
}

.main-content ul:after {
	content: '';
	display: block;
	clear: both
}

.main-content li {
	float: left;
	font-size: 15px;
	letter-spacing: -.3px;
	margin-bottom: 12px
}

.main-content li .fa {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	margin-right: 5px;
	background: #333;
	color: #fff;
	font-size: 14px;
	text-align: center
}

.main-content li .fa-phone {
	background-color: #9a0000;
	margin-top: -4px;
	margin-right: 10px;
	vertical-align: middle
}

.main-content li a {
	color: #9a0000
}

.main-content li:first-child {
	color: #9a0000;
	font-weight: 700;
	font-size: 22px;
	width: 50%;
	margin: 0;
	padding-top: 10px
}

@media (max-width:767px) {
	.main-content li,
	.main-content li:first-child {
		width: 100%;
		margin: 0 0 20px
	}
}

.subpage-content section h4 {
	margin-top: 40px;
	margin-bottom: 20px;
	font-size: 19px;
	font-weight: 600;
	letter-spacing: -.3px;
	line-height: 1.4
}

.subpage-content h5 {
	margin: 30px 0 20px;
	font-size: 18px;
	font-weight: 500;
	color: #333;
	letter-spacing: -.3px;
	padding-left: 20px;
	position: relative
}

.subpage-content h5:before {
	content: "";
	width: 4px;
	height: 10px;
	background: #9a0000;
	position: absolute;
	top: 4px;
	left: 0
}

.subpage-content h5 span {
	color: #9a0000
}

.name {
	text-align: center;
	color: #333;
	font-size: 16px;
	font-weight: 600;
	margin: 10px 0 0;
	line-height: 1
}

.snb-wrap {
	padding: 30px 0;
	background: #f3f3f3
}

.snb-wrap h2 {
	font-weight: 500;
	font-size: 28px;
	color: #333;
	margin: 0 0 12px;
	letter-spacing: -.8px
}

.snb-wrap ul:after {
	content: "";
	display: block;
	clear: both
}

.snb-wrap li {
	float: left;
	width: 20%;
	padding: 2.5px
}

div[id^="new-solution"] .snb-wrap li,
div[id^="solution"] .snb-wrap li {
	width: 25%
}

@media(max-width:767px) {
	div[id^="new-solution"] .snb-wrap li,
	div[id^="solution"] .snb-wrap li {
		width: 100%
	}
}

.snb-wrap li a {
	display: block;
	width: 100%;
	padding: 5px 0;
	text-align: center;
	background: #aaa;
	color: #fff;
	font-weight: 400;
	font-size: 13px;
	transition: .3s
}

.snb-wrap li.active a,
.snb-wrap li.active a:hover {
	background: #9a0000;
	border-color: #9a0000;
	color: #fff
}

.snb-wrap li a:hover {
	border-color: rgba(255, 255, 255, 0.5);
	color: #fff
}

.shift-box {
	margin: 100px auto;
	text-align: center
}

.shift-box h6 {
	font-size: 22px;
	font-weight: 600;
	color: #9a0000;
	margin: 0 0 10px
}

.shift-text {
	margin: 0;
	line-height: 30px;
	vertical-align: middle
}

.shift-text b {
	font-size: 20px;
	font-weight: 600;
	color: #333;
	display: inline-block
}

.shift-text span {
	font-size: 18px;
	display: inline-block
}

.shift-text span:after {
	content: "\f105";
	font-family: "FontAwesome";
	font-size: 30px;
	color: #9a0000;
	display: inline-block;
	margin: 0 10px;
	line-height: 1
}

#company01 .subpage-content,
#company02 .subpage-content {
	padding-top: 0
}

#company01 .subpage-content h3 {
	margin-top: 0
}

#company01 .subpage-content .col-sm-12 p.text-center {
	font-size: 16px;
	color: #333;
	margin: 40px 0 0
}

#company01 .subpage-content .col-sm-12 p.text-center span {
	display: block;
	font-weight: 700
}

#company01 .quote-box {
	margin: 0;
	border: none;
	padding: 30px 0 50px
}

#company01 .quote-box .text-center {
	margin: 40px 0 0!important;
	font-weight: 600;
	line-height: 1.7;
	color: #333;
	font-weight: 500;
	text-align: left;
	font-size: 18px;
	letter-spacing: -.5px
}

#company01 .gray-bg {
	padding-bottom: 40px;
	background: #f3f3f3
}

#company02 .subpage-content {
	position: relative
}

#company02 .subpage-content:before {
	content: '';
	display: block;
	width: 100%;
	height: 400px;
	background: #f3f3f3;
	position: absolute;
	left: 0;
	top: 0
}

.company02-box {
	position: relative;
	margin: 0 auto;
	max-width: 760px;
	background: #595959
}

.company02-box>.col-md-12 {
	padding: 0
}

.company02-box>.col-md-12 h4 {
	margin: 0;
	padding: 10px 15px;
	color: #ddd;
	font-size: 14px;
	line-height: 1;
	letter-spacing: -.3px;
	background: #222
}

.company02-box .box-body {
	padding: 30px 15px;
	color: #fff
}

.company02-box .box-body:after {
	content: '';
	display: block;
	clear: both
}

.company02-box .box-body h4 {
	color: #fff;
	font-size: 28px;
	letter-spacing: -.8px;
	margin: 0 0 20px;
	font-weight: 600
}

.company02-box .box-body p {
	font-size: 14px;
	line-height: 1;
	margin-bottom: 5px;
	color: #fff!important
}

.company02-box .box-body li a {
	color: #fff
}

.company02-box .box-body ul {
	margin: 0
}

.company02-box .box-body li {
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 5px
}

.company02-box .box-body li .tel {
	color: #ecbf09!important;
	font-size: 22px;
	font-weight: 600
}

.company02-box .box-body li .tel a {
	color: #ecbf09
}

.company02-box img {
	max-height: 160px;
	width: 100%
}

.company02-btn {
	position: absolute;
	right: 20px;
	bottom: 20px;
	border: 1px solid #888;
	border-radius: 0;
	color: #fbdb35;
	font-size: 18px;
	padding: 5px 15px
}

.company02-btn:hover,
.company02-btn:focus {
	background: #888;
	color: #fbdb35
}

.company02-title {
	padding: 0 0 30px
}

.company02-title h3 {
	margin: 0 0 20px;
	font-size: 28px;
	font-weight: 800;
	word-spacing: -1px;
	color: #9a0000
}

.company02-title p {
	font-size: 15px;
	line-height: 1.8;
	color: #555;
	margin: 0
}

#company02 .pB-bg {
	padding-bottom: 50px
}

.select-map {
	text-align: center
}

.select-map h4 {
	color: #9a0000;
	font-weight: 700
}

.select-map h4:before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	background: #9a0000;
	vertical-align: middle
}

.select-map ul {
	display: inline-block;
	margin: 15px 0 0
}

.select-map ul:after {
	content: '';
	display: block;
	clear: both
}

.select-map li {
	float: left
}

.select-map li a {
	display: block;
	width: 100px;
	text-align: center;
	border-bottom: 3px solid #ccc;
	background: #eaeaea;
	line-height: 1;
	padding: 12px 0;
	margin: 0 5px;
	border-radius: 4px
}

.select-map li a:hover,
.select-map li a:focus {
	border-color: gray;
	background: #a5a5a5;
	color: #fff
}

.subpage-content .name {
	border: 1px solid #ddd
}

.filter-items {
	margin: 10px 0 30px;
	padding: 0
}

.filter-items .filter-label {
	display: inline-block;
	padding: 5px 10px;
	margin: 0 2px 0 0;
	border: none;
	border-right: none;
	background: #fff;
	border: 1px solid #ddd;
	text-align: center
}

.filter-label span {
	color: #888;
	font-size: 12px;
	transition: .3s
}

.filter-items .filter-label:hover span {
	color: #9a0000
}

.filter-items .on .filter-label {
	border-color: #9a0000
}

.filter-items .on .filter-label span {
	color: #9a0000;
	font-weight: 500
}

.table-style {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #f3f3f3;
	font-size: 15px;
	margin-bottom: 30px
}

.table-style th {
	color: #333;
	background: #f3f3f3;
	border-bottom: 1px solid #ddd!important
}

.table-style td,
.table-style th {
	text-align: center;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 5px!important
}

.table-style td {
	background: #fff;
	color: #555
}

.table-style tr td:last-child,
.table-style tr th:last-child {
	border-right: none
}

.col-sm-4 .shift-text {
	margin: 40px 0 20px;
	text-align: center
}

.subpage-content h3,
.subpage-content .title h3 {
	font-weight: 600;
	color: #9a0000;
	font-size: 24px;
	letter-spacing: -.8px;
	margin: 50px 0 30px
}

.subpage-content h3 {
	text-decoration: none
}

.subpage-content p {
	font-size: 15px;
	color: #555;
	line-height: 1.8;
	margin: 0;
	letter-spacing: -.3px
}

.product01-box {
	margin-top: 50px
}

.product01-box a {
	display: block;
	text-align: center;
	transition: all .4s ease
}

.product01-box a:hover {
	transform: translatey(-20px)
}

.product01-box .text-box {
	max-width: 342px;
	margin: 0 auto;
	padding: 20px 0 0
}

.product01-box.box1 .text-box {
	background: #c1270d
}

.product01-box.box2 .text-box {
	background: #404040
}

.product01-box.box3 .text-box {
	background: #2c426b
}

.product01-box a li {
	color: #fff;
	opacity: .8;
	font-weight: 300;
	margin-bottom: 2px;
	font-size: 13px
}

.product01-box a h4 {
	padding: 15px 0;
	font-weight: 700;
	margin: 20px 0 0;
	border-top: 1px solid rgba(255, 255, 255, 0.25);
	color: #fff
}

#product02 .filter-items>a:first-of-type,
#product03 .filter-items>a:first-of-type,
#product04 .filter-items>a:first-of-type {
	display: none
}

#service01 .name {
	background: #e3e3e3;
	font-size: 20px;
	padding: 13px 10px
}

#service01 .name span {
	color: #9a0000
}

#service01 img {
	border: 1px solid #e0e0e0
}

.video-inner h4 {
	text-align: center;
	font-size: 16px;
	letter-spacing: -.5px;
	color: #333;
	border: 1px solid #ddd;
	border-top: none;
	margin: 0;
	padding: 15px 0;
	background: #fff
}

.video-wrap .col-sm-6 {
	margin-bottom: 30px
}

#service03 h4,
#service04 h4 {
	font-weight: 600;
	color: #9a0000;
	font-size: 28px;
	letter-spacing: -.8px;
	margin: 50px 0 30px
}

#service03 .subpage-content li {
	margin-bottom: 15px;
	font-size: 15px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
	color: #666
}

#service03 .subpage-content li i {
	font-size: 15px;
	margin-right: 15px
}

#service03 .subpage-content ul li:first-child {
	border-top: 1px solid #333;
	padding-top: 15px
}

#service04 h5:before {
	content: none
}

#service04 h5 {
	padding: 0
}

#service04 .subpage-content .card {
	margin-bottom: 30px;
	min-height: 242px;
	padding: 25px
}

#service04 .subpage-content .card h5 {
	position: relative;
	margin-top: 20px
}

#service04 .subpage-content .card ul li {
	color: #555;
	font-size: 13px;
	margin-bottom: 5px;
	padding-left: 10px;
	position: relative
}

#service04 .subpage-content .card ul li:before {
	content: "";
	width: 3px;
	height: 3px;
	background: #888;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 7px
}

.dhb-txt-box {
	padding: 20px 5px;
	background: #fff;
	border-color: #ddd;
	margin: 0 0 10px;
	transition: .3s
}

.dhb-txt-box:hover {
	border: 2px solid #9a0000;
	padding: 19px 4px
}

.search-box {
	width: 100%
}

.search-box #insertForm {
	display: block!important
}

.search-box #insertForm .col-md-7 {
	padding-left: 0
}

.bbs-list-index-layout .search-box {
	padding: 0 15px;
	margin: 10px 0 15px
}

.bbs-list-view-layout .search-box {
	margin-bottom: 0
}

.bbs-blog-view-layout .search-box {
	margin-bottom: 0
}

@media screen and (min-width:992px) {
	.modal-lg {
		width: 1040px;
		margin-top: 150px
	}
}

.modal-content {
	border-radius: 0;
	border: none
}

.modal-content .modal-body {
	padding: 15px 15px 60px
}

.since {
	margin-right: 10px;
	max-width: 140px
}

.best-img {
	max-width: 200px
}

#map-info-modal {
	text-align: left
}

#map-info-modal .modal-content {
	background: transparent;
	box-shadow: none
}

#map-info-modal .company02-box {
	max-width: 700px;
	background: rgba(0, 0, 0, 0.7)
}

#map-info-modal .company02-box>.col-md-12 h4 {
	background: transparent
}

#map-info-modal .close {
	color: #fff;
	margin-top: -5px
}

#map-info-modal .modal-body .box-body {
	padding: 30px 15px 40px
}

#map-info-modal .modal-body .col-sm-3 {
	text-align: center
}

#map-info-modal .modal-body .fa {
	font-size: 120px;
	opacity: .3;
	padding-top: 30px
}

#map-info-modal .modal-body .box-body h4 {
	font-size: 26px;
	margin-bottom: 15px
}

#map-info-modal dl {
	margin: 0;
	column-count: 2
}

#map-info-modal dt {
	margin-top: 20px;
	font-size: 14px;
	font-weight: 600
}

#map-info-modal dd {
	margin-top: 3px;
	letter-spacing: 0;
	color: #ddd;
	font-size: 12px
}

#map-info-modal dl dt:first-of-type {
	margin-top: 0
}

#map-info-modal .tel {
	color: #ecbf09;
	font-size: 14px;
	line-height: 1;
	display: inline-block;
	margin-top: 0
}

#company02 .se2 .branch-list {
	margin: 0
}

#company02 .se2 .branch-list:nth-child(odd) {
	background: #f3f3f3
}

.branch-list>div {
	padding: 30px
}

.branch-list .nation {
	font-size: 20px;
	font-weight: 600;
	color: #444
}

.branch-list .b-location {
	font-size: 18px
}

.branch-list .b-location:hover {
	color: #9a0000
}

.branch-list .b-location .fa {
	margin-right: 10px;
	font-size: 35px;
	vertical-align: middle
}

.branch-list .b-location[href="#"] {
	color: #bbb!important;
	cursor: default!important
}

.branch-list li {
	font-size: 18px
}

.branch-list li .emp {
	color: #9a0000;
	font-weight: 600
}

.branch-list li .fa {
	margin-right: 10px
}

@media(max-width:767px) {
	.snb-wrap {
		height: auto
	}
	.snb-wrap h2 {
		font-size: 35px
	}
	.snb-wrap {
		padding: 0
	}
	.snb-wrap li,
	.snb-wrap li a {
		width: 100%
	}
	.snb-wrap li {
		margin-bottom: 2px
	}
	.history {
		padding-top: 40px
	}
	.story-wrap .left-box,
	.story-wrap .right-box {
		margin-left: 10px;
		border-left: 1px solid #d62f14;
		text-align: left
	}
	.story-wrap .left-box:after,
	.story-wrap .right-box:after {
		left: -6px
	}
	.story-wrap h4 {
		margin-bottom: 0;
		padding-bottom: 20px
	}
	.subpage-content h3,
	.subpage-content .title h3 {
		font-size: 24px
	}
	#map-info-modal dl {
		column-count: 1
	}
	.company02-box .box-body h4 {
		margin-top: 10px;
		font-size: 26px
	}
	.company02-btn {
		position: relative;
		right: auto;
		left: 50%;
		bottom: 0;
		margin-top: 20px;
		transform: translatex(-50%)
	}
	.filter-items .filter-label {
		margin-bottom: 3px
	}
	.dh-board .num,
	.dh-board .writer {
		display: none
	}
	.vsitemap-list ul>a {
		margin-top: 20px
	}
}

.vertical-layout {
	position: relative;
	margin: 0!important;
	padding-bottom:0!important;
}

.vertical-layout:before {
	content: '';
	display: block;
	z-index: -1;
	width: 40%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
/* 	background: #f5f5f5 */
}
.vertical-layout .snb .inner{
	position:fixed;
}
.snb {
	padding-right: 50px;
	text-align: left
}

.snb h2 {
	display: inline-block;
	margin-top: 50px;
	margin-bottom: 30px;
	padding: 5px 15px;
	font-weight: 700;
	color: #fff;
	background: #9a0000;
	font-size: 20px
}

.snb li a {
	display: inline-block;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #9a0000;
	font-size: 16px
}

.snb .inner > ul > li.active > a {
	font-weight: 500;
	color: #9a0000
}
.sub-snb {
	display: none;
	padding-left:10px;
}
.active .sub-snb {
	display: block;
}
.sub-snb .active a{
	font-weight: 500;
	color:#022169;
}
.vertical-layout .subpage-content {
	padding-left: 50px;
	padding-bottom:80px;
	border-left:1px solid #ccc;
	min-height: 600px;
}

script+p {
	display: none
}

.emp {
	color: #9a0000
}

#comp-overview .quote {
	margin: 30px 0 20px;
	line-height: 1.2;
	font-size: 26px;
	font-weight: 700;
	color: #222;
	font-style: italic
}

#comp-overview .quote:first-child {
	margin-top: 0
}

.overview-li {
	margin-bottom: 25px
}

.overview-li li span {
	display: inline-block;
	padding: 5px;
	font-size: 16px;
	border-bottom: 1px solid #d00
}

.story-li {
	margin-top: 10px
}

.story-li li {
	margin-bottom: 3px;
	font-size: 16px
}

.inline-li {
	display: inline-block;
	margin: 20px auto
}

.inline-li li {
	display: inline-block;
	padding: 0 20px;
	vertical-align: middle
}

.inline-li li i {
	font-size: 20px;
	color: #d00
}

.solu04-wrap,
.solu03-wrap {
	margin: 40px -15px
}

.solu04-wrap .clearfix,
.solu03-wrap .clearfix {
	padding-bottom: 40px
}

.solu04-wrap h5,
.solu03-wrap h5 {
	margin-top: 0!important
}

.solu04-wrap p,
.solu04-wrap img {
	margin-bottom: 15px
}
.main-prod img{
	margin-top:40px;
}
.sub-title{
	margin-bottom:40px;
	font-size: 22px;
    color: #022169;
}
.img-wrap img{
	margin-bottom:10px;
}
.prod-wrap{
	margin-top:40px;
}
.prod-wrap .clearfix{
	padding-bottom:30px;
}
.prod-wrap .img-caption{
	margin-top:10px;
	font-size:13px;
	text-align:center;
	line-height:1.1;
}
.prod-wrap > div > p:first-of-type:not(.img-caption){
	margin-top:30px;
}
.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;
}
@media(min-width:768px) {
	.body-layout {
		padding-top: 97px
	}
	#main-top {
		position: fixed;
		width: 100%;
		height: 27px;
		z-index: 1050;
		top: 0;
		background: #fff;
	}
	.navbar-inverse {
		position: fixed;
		top: 27px
	}
    #product04 .prod-wrap > div > p:first-of-type strong{
        display:block;
        margin-top:230px;
    }
    #product04 .prod-wrap > div > p:first-of-type strong{
        display:block;
        margin-top:230px;
    }
    #product04 .prod-wrap > div > p:last-of-type strong{
        display:block;
        margin-top:50px;
    }
}

@media(max-width:767px){
	.body-layout{
		height:0vh!important;
		overflow:hidden;
	}
	#mobile-wrap{
		position:fixed;
		left:0;
		top:0;
		width:100vw;
		height:100vh;
		z-index:100000;
		background:#fff url(/skin/img/mobile-bg.jpg)no-repeat center / cover;
	}
	#mobile-wrap .inner{
		position:absolute;
		left:50%;
		top:50%;
		transform:translate(-50%,-50%);
		text-align:center;
		min-width:95vw;
	}
	#mobile-wrap h1{
		margin-top:-50px;
	}
	#mobile-wrap p{
		margin-top:30px;
		font-size:18px;
		font-weight:500;
		color:#666;
		line-height:2.1;
		letter-spacing:-0.03em;
	}
	#mobile-wrap p span{
		color:#d62f14
	}
}

.container_slide{
	width:100%;
	margin:0;
	padding:0;
}
.fill,
.container_slide > .fill,
.carousel-inner .item .fill{
	height:600px;
}
.carousel-control.left{
	background:url(/skin/img/slide/arrow_prev.png) no-repeat center;
}
.carousel-control.right{
	background:url(/skin/img/slide/arrow_next.png) no-repeat center;
}
.carousel-control .glyphicon{
	display:none;
}
.carousel-indicators li,
.carousel-indicators li.active{
	margin:0 4px;
	width:11px;
	height:11px;
}
.container_contents{
	display:none;
}

.img-caption + img{
	margin-top:30px;
}
.subpage-content section .mt-0{
	margin-top:0!important;
}