<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
@import url(/skin/notokr/notokr.css);

html {
    overflow-x: hidden;
    overflow-y: scroll;
}

.body-layout {
	font-family: 'notokr', Helvetica, 'Noto Sans CJK KR', 'Apple SD Gothic Neo', Arial, "맑은 고딕", 'Malgun Gothic', "굴림", Gulim, sans-serif;
	font-size: 14px;
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
	background-color: #eee;
	background-image: url(/skin/img/dagam_bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding-top: 85px; /* Top Margin */
}

.navbar ~ br, .topmarginLay_a,
.navbar .divider-vertical, .navbar .caret,
/*.divider-vertical+li, .divider-vertical+li+li,*/
.mobile-btn-layout-container,
.footer-social-layout, .footer_copy&gt;.col-lg-12&gt;br {
	display: none !important;
}

.hl-m-0 {margin:0!important;}.hl-mt-0 {margin-top:0!important;}.hl-mr-0 {margin-right:0!important;}.hl-mb-0 {margin-bottom:0!important;}.hl-ml-0 {margin-left:0!important;}
.hl-m-10{margin:10px!important}.hl-mt-10{margin-top:10px!important}.hl-mr-10{margin-right:10px!important}.hl-mb-10{margin-bottom:10px!important}.hl-ml-10{margin-left:10px!important}
.hl-m-20{margin:20px!important}.hl-mt-20{margin-top:20px!important}.hl-mr-20{margin-right:20px!important}.hl-mb-20{margin-bottom:20px!important}.hl-ml-20{margin-left:20px!important}
.hl-m-30{margin:30px!important}.hl-mt-30{margin-top:30px!important}.hl-mr-30{margin-right:30px!important}.hl-mb-30{margin-bottom:30px!important}.hl-ml-30{margin-left:30px!important}
.hl-m-50{margin:50px!important}.hl-mt-50{margin-top:50px!important}.hl-mr-50{margin-right:50px!important}.hl-mb-50{margin-bottom:50px!important}.hl-ml-50{margin-left:50px!important}
.hl-m-60{margin:60px!important}.hl-mt-60{margin-top:60px!important}.hl-mr-60{margin-right:60px!important}.hl-mb-60{margin-bottom:60px!important}.hl-ml-60{margin-left:60px!important}
.hl-m-75{margin:75px!important}.hl-mt-75{margin-top:75px!important}.hl-mr-75{margin-right:75px!important}.hl-mb-75{margin-bottom:75px!important}.hl-ml-75{margin-left:75px!important}
.hl-m-80{margin:80px!important}.hl-mt-80{margin-top:80px!important}.hl-mr-80{margin-right:80px!important}.hl-mb-80{margin-bottom:80px!important}.hl-ml-80{margin-left:80px!important}
.hl-m-90{margin:90px!important}.hl-mt-90{margin-top:90px!important}.hl-mr-90{margin-right:90px!important}.hl-mb-90{margin-bottom:90px!important}.hl-ml-90{margin-left:90px!important}
.hl-m-100{margin:100px!important}.hl-mt-100{margin-top:100px!important}.hl-mr-100{margin-right:100px!important}.hl-mb-100{margin-bottom:100px!important}.hl-ml-100{margin-left:100px!important}
.hl-m-120{margin:120px!important}.hl-mt-120{margin-top:120px!important}.hl-mr-120{margin-right:120px!important}.hl-mb-120{margin-bottom:120px!important}.hl-ml-120{margin-left:120px!important}
.hl-m-150{margin:150px!important}.hl-mt-150{margin-top:150px!important}.hl-mr-150{margin-right:150px!important}.hl-mb-150{margin-bottom:150px!important}.hl-ml-150{margin-left:150px!important}

.hl-p-0 {padding:0!important;}.hl-pt-0 {padding-top:0!important;}.hl-pr-0 {padding-right:0!important;}.hl-pb-0 {padding-bottom:0!important;}.hl-pl-0 {padding-left:0!important;}
.hl-p-10{padding:10px!important}.hl-pt-10{padding-top:10px!important}.hl-pr-10{padding-right:10px!important}.hl-pb-10{padding-bottom:10px!important}.hl-pl-10{padding-left:10px!important}
.hl-p-20{padding:20px!important}.hl-pt-20{padding-top:20px!important}.hl-pr-20{padding-right:20px!important}.hl-pb-20{padding-bottom:20px!important}.hl-pl-20{padding-left:20px!important}
.hl-p-30{padding:30px!important}.hl-pt-30{padding-top:30px!important}.hl-pr-30{padding-right:30px!important}.hl-pb-30{padding-bottom:30px!important}.hl-pl-30{padding-left:30px!important}
.hl-p-50{padding:50px!important}.hl-pt-50{padding-top:50px!important}.hl-pr-50{padding-right:50px!important}.hl-pb-50{padding-bottom:50px!important}.hl-pl-50{padding-left:50px!important}
.hl-p-60{padding:60px!important}.hl-pt-60{padding-top:60px!important}.hl-pr-60{padding-right:60px!important}.hl-pb-60{padding-bottom:60px!important}.hl-pl-60{padding-left:60px!important}
.hl-p-75{padding:75px!important}.hl-pt-75{padding-top:75px!important}.hl-pr-75{padding-right:75px!important}.hl-pb-75{padding-bottom:75px!important}.hl-pl-75{padding-left:75px!important}
.hl-p-80{padding:80px!important}.hl-pt-80{padding-top:80px!important}.hl-pr-80{padding-right:80px!important}.hl-pb-80{padding-bottom:80px!important}.hl-pl-80{padding-left:80px!important}
.hl-p-90{padding:90px!important}.hl-pt-90{padding-top:90px!important}.hl-pr-90{padding-right:90px!important}.hl-pb-90{padding-bottom:90px!important}.hl-pl-90{padding-left:90px!important}
.hl-p-100{padding:100px!important}.hl-pt-100{padding-top:100px!important}.hl-pr-100{padding-right:100px!important}.hl-pb-100{padding-bottom:100px!important}.hl-pl-100{padding-left:100px!important}
.hl-p-120{padding:120px!important}.hl-pt-120{padding-top:120px!important}.hl-pr-120{padding-right:120px!important}.hl-pb-120{padding-bottom:120px!important}.hl-pl-120{padding-left:120px!important}
.hl-p-150{padding:150px!important}.hl-pt-150{padding-top:150px!important}.hl-pr-150{padding-right:150px!important}.hl-pb-150{padding-bottom:150px!important}.hl-pl-150{padding-left:150px!important}

/* Customize */
@media (min-width: 1200px) {
	.container {
		width: 970px;
	}
}

.navbar-inverse {
	background: none;
	border: none;
	margin: 0;
}

.navbar-inverse .container {
/* 	padding-top: 10px;
	padding-bottom: 10px; */
	padding-top: 5px;
	padding-bottom: 5px;
	background: #fff;
/* 	border-bottom: 3px solid #000; */
/* 	box-shadow: 0px 2px 6px rgba(0, 0, 0, .25); */
	border-bottom: 1px solid #ddd;
}

.navbar-inverse .navbar-brand {
	line-height: 1;
    font-weight: 600;
    letter-spacing: -0.03em;
    color: #000;
	padding-top: 0;
	padding-bottom: 0;
/* 	padding-top: 5px;
	padding-bottom: 5px; */
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
	color: #E72F2E;
}

.navbar-inverse .navbar-brand img {
	margin-top: 0;
/*     height: 70px; */
    display: inline;
/* 	margin-right: 5px; */
/*     vertical-align: -16px; */
}

@media (min-width: 768px) {
	.navbar-inverse .navbar-brand {
		margin-left: 0 !important;
		font-size: 20px;
		
	}
	
	.navbar-inverse .navbar-right {
		margin-right: 0 !important;
	}
}

.navbar-inverse .navbar-nav &gt; li &gt; a {
	padding-top: 20px;
	padding-bottom: 20px;
	color: #111;
	letter-spacing: -0.03em;
}

.navbar-inverse .navbar-nav &gt; li:hover &gt; a,
.navbar-inverse .navbar-nav &gt; li &gt; a:hover,
.navbar-inverse .navbar-nav &gt; li &gt; a:focus,
.navbar-inverse .navbar-nav &gt; .open &gt; a,
.navbar-inverse .navbar-nav &gt; .open &gt; a:hover,
.navbar-inverse .navbar-nav &gt; .open &gt; a:focus {
	box-shadow: none;
	background: none;
	color: #E72F2E;
}

@media (min-width: 768px) {
	.navbar-inverse .navbar-nav {
		margin-top: 8px;
	}
	
	.navbar-nav&gt;li&gt;.dropdown-menu {
		left: 0;
		right: auto;
	}
	
	.navbar-nav&gt;li:nth-child(3+n)&gt;.dropdown-menu {
		left: auto;
		right: 0;
	}
}

@media (min-width: 992px) {
	.navbar-inverse .navbar-nav &gt; li &gt; a {
		font-size: 15px;
		padding-left: 25px;
		padding-right: 25px;
	}
	
	.navbar-inverse .navbar-nav &gt; li &gt; .dropdown-menu &gt; li &gt; a {
		padding-left: 25px;
		padding-right: 25px;
	}
}

.dropdown-menu {
	border: none;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, .125);
	border-radius: 0;
	padding: 12px 0;
}

.dropdown-menu &gt; li &gt; a {
	padding: 6px 20px;
	color: #212121;
}

.carousel-indicators li {
	width: 15px;
	height: 15px;
	border: 1px solid #FFF;
	margin: 3px 5px;
	border-radius: 50%;
}

.carousel-indicators .active {
	width: 15px;
	height: 15px;
	border: 1px solid #FFF;
	margin: 3px 5px;
	border-radius: 50%;
	background-color: transparent;
}

.carousel-indicators .active::after {
    content: '';
    position: relative;
    display: block;
    width: 9px;
    height: 9px;
    background-color: #FFF;
    border-radius: 50%;
    top: 2px;
    left: 2px;
}

.container_slide, .container_contents {
	background-color: #fff;
	padding-left: 0;
	padding-right: 0;
}

.container_contents .intro-html-layout {
	margin-left: 0;
	margin-right: 0;
}

.container_contents .intro-html-layout &gt; .col-sm-12 {
	padding-left: 0;
	padding-right: 0;
}

.main-counsel-group {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #fafafa;
}

.main-counsel-title {
    margin: 0;
    line-height: 2;
    font-size: 20px;
    font-weight: 600;
	color: #111;
}

.main-counsel-title small {
/*     display: block; */
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
/* 	margin-top: 7px; */
	margin-left: 7px;
	opacity: .75;
}

.btn.btn-btn1,.btn.btn-btn2 {
    padding: 10px 50px;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid;
	color: #212121;
}

.btn.btn-btn1 {
	padding-left: 25px;
	padding-right: 25px;
}

.btn.btn-btn1:hover,
.btn.btn-btn1:focus {
	background-color: #212121;
	border-color: #212121;
	color: #FFF;
}

.btn.btn-btn2 {
	background-color:#E72F2E;
	color: #FFF;
	border-color: #E72F2E;
}

.main-work-group {
    padding: 50px 30px;
}

.main-work-item {
	text-align: center;
}

.main-work-title {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: -0.03em;
	line-height: 1;
	text-align: center;
	margin: 0 0 30px;
}

.main-work-item h5 {
    margin: 20px 0 10px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.03em;
    color: #E72F2E;
}

.main-work-item p {
	margin: 0;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.6;
    color: #666;
    font-weight: 400;
}

footer {
    background-color: #414141;
}

.footer-info {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
}

.footer-info &gt; ul {
    padding: 0;
    margin: 5px 0 0;
}

.footer-info &gt; ul &gt; li {
    color: #CCC;
	font-size: 13px;
    font-weight: 400;
    line-height: 1.7;
    list-style: none;
    display: inline-block;
    margin-right: 25px;
    margin-bottom: 5px;
}

/* SUB */
.sub-layout {
	background-color: #fff;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 50px;
}

.is-sub header {
	height: 200px;
	background-color: #eee;
	background-position: center;
	background-repeat:no-repeat;
	background-size: cover;
	background-image: url(/skin/img/pic_page_title.jpg);
}

.sub-header {
    text-align: center;
/*     border-bottom: 1px solid #ddd; */
    margin: 0 0 60px;
    padding: 20px 0 0;
}

.sub-header::after {
	content: '';
	width: 50%;
	height: 1px;
	background-color: #ccc;
	display: block;
	margin: 40px auto 0;
}

.sub-content {
    padding-left: 30px;
    padding-right: 30px;
}

.greetings-group h4 {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.03em;
    margin: 0 0 30px;
}

.greetings-group p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.03em;
    line-height: 1.8;
    margin: 0 0 10px;
}

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

#mailForm &gt; .form-group {
    float: left;
    width: 100%;
    padding: 0 15px;
}

#mailForm &gt; .form-group:nth-of-type(1),
#mailForm &gt; .form-group:nth-of-type(2) {
    width: 50%;
}

#mailForm label[for='mail_agree'] {
    font-size: 14px;
    line-height: 1.5;
    word-break: keep-all;
}

#mailForm input[type=submit] {
    width: auto;
    margin: 0 auto;
    font-size: 16px;
	background-color: #E72F2E;
	color: #FFF;
	border-color: #E72F2E;
    padding: 10px 50px;
    border-radius: 0;
    border: none;
}

.dh-board, .dh-view-box {
	padding: 0 30px;
}

div[class*="add-layout"] .form-horizontal, div[class*="edit-layout"] .form-horizontal {
	padding: 0 30px;
}

.bbs-list-index-layout &gt; p:last-child {
	display: none !important;
}

.dh-board {
	margin: 0 auto 50px;
}

.dh-board .dh-margin-top {
	margin-top: 25px;
}

.dh-board .pagination &gt; li &gt; a {
	margin-top: 0;
	margin-bottom: 0;
}

.dh-board .table-hover {
	table-layout: fixed;
	margin: 0;
}

.dh-board .table-hover tbody tr td {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.dh-board .table-hover .num {width: 80px;}
.dh-board .table-hover .subject {width: auto;}
.dh-board .table-hover .writer {width: 120px;}
.dh-board .table-hover .regdate {width: 130px;}
.dh-board .table-hover .hits {width:100px;}

@media (max-width: 991px) {
	.dh-front-blog .col-sm-6.col-md-4 {
		margin-bottom: 30px;
	}
	
	.dh-board .table-hover thead tr th,
	.dh-board .table-hover tbody tr th,
	.dh-board .table-hover tbody tr td {
		font-size: 13px;
		letter-spacing: -0.03em;
	}
}

@media (max-width: 767px) {
	.dh-board .table-hover thead tr th,
	.dh-board .table-hover tbody tr th,
	.dh-board .table-hover tbody tr td {
		font-size: 12px;
	}
	
	.dh-board .table-hover .hits {
		display: none;
	}
}

@media (max-width: 539px) {
	.dh-board .table-hover {
		table-layout: fixed;
	}
	
	.dh-board .table-hover .num {
		display: none;
	}
	
	.dh-board .table-hover tbody tr td {
		padding: 15px 8px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	
/* 	.dh-board .table-hover .subject {
		width: calc(100% - 165px);
	} */
	
	.dh-board .table-hover .writer {
		width: 75px;
	}
	
	.dh-board .table-hover .regdate {
		width: 90px;
	}
}

@media (max-width: 499px) {
	.dh-board .table-hover thead {
		display: none;
	}
	
	.dh-board .table-hover .subject {
/* 		display: block; */
	}
	
	.dh-board .table-hover .writer,
	.dh-board .table-hover .regdate {
		display: none;
/* 		float: left;
		width: 50%;
		display: table;
		background-color: #FAFAFA; */
	}
}

.form-control, .btn {
	border-radius: 0 !important;
}

.dh-alert {
    border: 1px dashed #DDD;
    background-color: #FCFCFC;
    padding: 50px 15px;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    letter-spacing: -0.03em;
    text-indent: -0.03em;
	margin-bottom: 25px;
}

.dh-alert::before {
	font-family: FontAwesome;
	content: "\f06a";
	display: block;
	font-size: 48px;
	color: #EE4521;
	margin: 0 auto 0px;
}

.dh-alert::after {
	font-size: 13px;
	font-weight: normal;
	color: #616161;
	margin-top: 10px;
	content: "문제가 지속적으로 발생하는 경우 관리자에게 문의해 주십시오.";
	display: block;
}

@media (max-width: 767px) {
	.dh-alert {
		font-size: 16px;
		word-break: keep-all;
	}
	
	.dh-alert::after {
		font-size: 11px;
	}
}

.container.sub-layout&gt;.dh-alert {
	margin: 50px 15px;
}

.dh-view-box {
	margin: 0 auto 50px;
}

.dh-view-box&gt;.row {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

.dh-view-box&gt;.row&gt;.page-header {
    border-top: 2px solid #EE4521;
    border-bottom: 1px solid #DDD;
	padding: 0;
}

.dh-view-box&gt;.row&gt;.page-header h4 {
	font-weight: 700;
	margin: 15px 15px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.dh-view-box&gt;.row&gt;.dh-view-info {
    background-color: #FAFAFA;
    padding: 8px 15px;
    margin-bottom: 15px;
}

.dh-view-box&gt;.row&gt;.dh-view-info&gt;.pull-right {
	width: auto;
}

.dh-view-box .dh-attach+div {
	padding: 30px 30px 50px !important;
}

.dh-view-box .dh-attach h6 {
/*     background-color: #FAFAFA; */
/*     border-radius: 5px; */
    padding: 10px 15px 0;
/*     border: 1px solid #EFEFEF; */
}

.dh-view-box .dh-line {
	padding: 0 0 25px;
}

.dh-view-box .dh-line+div {
	padding-left: 0;
	padding-right: 0;
}

.dh-view-box .dh-line+div .btn-group .btn {
	border: 1px solid #DDD;
	border-radius: 0;
	box-shadow: none !important;
}

.dh-view-box .dh-line+div .btn-group .btn.btnEdit {
	color: #00467F;
	background: none;
}

.dh-view-box .dh-line+div .btn-group .btn.btnDelete {
	color: #AB3030;
	background: none;
}

.dh-view-box .dh-line+div .btn-group .btn:hover,
.dh-view-box .dh-line+div .btn-group .btn:focus {
	background: #FAFAFA;
}

.table-responsive {
	-webkit-overflow-scrolling: touch;
}

.table.table-all-centered thead tr th,
.table.table-all-centered tbody tr th,
.table.table-all-centered tbody tr td {
	text-align: center !important;
}

.table, .dh-board .table-hover {
	border-top: 2px solid #EE4521;
	border-bottom: 0;
}

.dh-board .table-hover .subject small .label.label-danger {
    background: none !important;
    color: #EE4521 !important;
}

.table thead tr th, .table tbody tr th, .table tbody tr td,
.dh-board .table-hover thead tr th, .dh-board .table-hover tbody tr th, .dh-board .table-hover tbody tr td {
	vertical-align: middle;
	padding: 12px 15px;
	border-bottom: 1px solid #DDD;
}

.table thead tr th, .table tbody tr th,
.dh-board .table-hover thead tr th, .dh-board .table-hover tbody tr th {
	background-color: #FAFAFA;
	font-weight: 700;
	text-align: center;
}

.pagination {
	border-radius: 0;
}

.pagination &gt; li &gt; a {
/* 	border-radius: 0 !important; */
	border: 0 !important;
	box-shadow: none !important;
	height: 34px !important;
	border-radius: 0 !important;
}

.pagination &gt; li:first-child &gt; a, .pagination &gt; li:last-child &gt; a {
	font-size: 0;
}

.pagination &gt; li:first-child &gt; a::before {
	font-size: inherit;
	font-family: FontAwesome;
	font-size: 14px;
	content: "\f053";
	color: #616161;
}

.pagination &gt; li:last-child &gt; a::before {
	font-size: inherit;
	font-family: FontAwesome;
	font-size: 14px;
	content: "\f054";
	color: #616161;
}

.pagination &gt; li:not(.dislabed) &gt; a:hover,
.pagination &gt; li:not(.dislabed) &gt; a:focus {
	box-shadow: none !important;
	background: #FAFAFA !important;
}

.pagination &gt; li.active &gt; a, .pagination &gt; li.active &gt; a:hover, .pagination &gt; li.active &gt; a:focus {
	background: #EE4521 !important;
	color: #FFF !important;
	font-weight: 900;
}

.pagination &gt; li.disabled &gt; a, .pagination &gt; li.disabled &gt; a:hover, .pagination &gt; li.disabled &gt; a:focus {
	background: transparent !important;
	opacity: .5;
	cursor: default;
}

@media (min-width: 992px) {
	div[class*="index-layout"] #insertForm .col-md-7 {
		width: 50%;
		margin-left: 8.33333333%;
	}
}

div[class*="index-layout"] #insertForm .input-group .input-group-btn &gt; .dropdown-toggle {
	border-radius: 0 !important;
	margin-right: 3px;
}

div[class*="index-layout"] #insertForm .input-group .form-control:focus {
	border-color: #EE4521;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238,69,33,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238,69,33,.6);
}

div[class*="index-layout"] #insertForm .input-group #btnNew {
	border-radius: 0 !important;
	background: #EE4521;
	border: 1px solid #EE4521;
	color: #FFF;
}

div[class*="index-layout"] #insertForm .input-group inpput[type=submit] {
	border-left: 0 !important;
}

div[class*="index-layout"] #insertForm .input-group #btnNew:hover,
div[class*="index-layout"] #insertForm .input-group #btnNew:focus {
	background: #DF3511;
	border-color: #DF3511;
}

div[class*="index-layout"] #insertForm .input-group .dropdown-toggle .caret {
    border-top: 0;
    border-bottom: 4px dashed;
}

div[class*="index-layout"] #insertForm .input-group .dropdown-menu {
    left: 15px !important;
    padding: 10px 0;
    bottom: 100%;
    top: auto;
    margin-bottom: 3px;
}

div[class*="index-layout"] #insertForm .input-group .dropdown-menu &gt; li &gt; a {
	font-size: 14px;
}

div[class*="add-layout"] #insertForm &gt; h2:first-child,
div[class*="edit-layout"] #insertForm &gt; h2:first-child {
	font-weight: 700;
	text-align: center;
	margin: 0 0 25px;
}

#insertForm input[id^="file"] {
    padding: 10px 10px;
    background-color: #FAFAFA;
    width: 100%;
    border: 1px dashed #DEDEDE;
    margin-bottom: 5px;
}

.product-item {
    height: 300px;
    margin: 0 0 30px;
    border: 1px solid #ddd;
    position: relative;
	transition: ease .3s all;
}

.product-item:hover {
	background-color:#FCFCFC;
}

.product-item-inner {
    position: absolute;
    /* left: 50%; */
    top: 50%;
    transform: translate(0, -50%);
    text-align: center;
    left: 0;
    right: 0;
}

.product-item-inner h5 {
    margin: 0 0 30px;
    font-size: 18px;
    letter-spacing: -0.03em;
	display: block;
}

.product-item-inner a {
	display: inline-block;
	font-size: 15px;
	font-weight: 900;
	color: #212121;
	letter-spacing: 0.05em;
	transition: ease .3s all;
}

.product-item-inner a:hover,
.product-item-inner a:focus {
	text-decoration: none;
	color:#E72F2E;
}

.product-item-inner a::after {
	content: '';
	display: block;
	width: 0;
	height: 2px;
	background-color: #212121;
	transition: ease .3s all;
}

.product-item-inner a:hover::after,
.product-item-inner a:focus::after {
	width: 100%;
	background-color: #E72F2E;
}

@media (min-width: 768px) {
	.fill {height:600px;}
}

/* 2018-12-11 */
.vod-index-layout .dh-board {
	padding-left: 15px;
	padding-right: 15px;;
}

.vod-index-layout .dhb-txt-box {
	margin: 0;
	padding: 0 15px 30px;
	background: none;
	border: 0;
	float: left;
}

@media (min-width: 768px) {
	.vod-index-layout .dhb-txt-box {
		width: 50%;
	}
}

@media (min-width: 992px) {
	.vod-index-layout .dhb-txt-box {
		width: 33.3333333%;
	}
}

.vod-index-layout .dhb-txt-box &gt; .dhb-txt-list {
	border-right: 0;
}

.vod-index-layout .dhb-txt-box &gt; .dhb-txt-list,
.vod-index-layout .dhb-txt-box &gt; .dhb-txt-list &gt; .row &gt; div[class^=col] {
	width: 100%;
}

.vod-index-layout .dhb-txt-box &gt; .text-right {
	display: none;
}

.vod-index-layout .dhb-txt-box &gt; .dhb-txt-list h4 {
	font-size: 16px;
	margin: 15px 0 0;
	text-align: center;
}

.vod-index-layout .dhb-txt-box &gt; .dhb-txt-list h5 {
	display: none;
}</pre></body></html>