@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('/skin/notokr/notokr.css');
html {
	overflow-x: hidden;
	overflow-y: scroll;
}

.body-layout {
	background-color: #fff;
}

/* 폰트 설정 */

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

/* h1, h2, h3, h4, h5, h6, p { margin: 0px; } */

ol,
ul,
li {
	list-style: none;
	list-style-position: inside;
}

.navbar .caret,
.navbar .divider-vertical,
.navbar~br,
.footer-social-layout,
.footer_copy .text-center>br,
.topmarginLay_a {
	display: none;
}

/* Icon Fonts */

.fa {
	font-family: 'FontAwesome' !important;
}

.glyphicon {
	font-family: 'Glyphicons Halflings' !important;
}

/* Social Footer Deleted */

.footer-social-layout {
	display: none
}

/* Board(dh-board) Contents-Area Fixed */

.dh-view-box>div:nth-child(2)>div:nth-child(3) {
	padding: 20px !important
}

* {
	word-break: keep-all;
}

/*가로 100% 레이아웃 정의*/

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

.intro-board-widget-layout,
.dh-board,
.dh-view-box,
.bbs-list-view-layout+.row,
#mailForm,
#insertForm {
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
}

/* ========================================================================================= */

body {
	background-color: #fcfcfc;
}

/*상단 메뉴 설정 시작*/

.navbar-inverse>.container {
	width: 100%;
	padding: 0;
}

/* 컨테이너, Row 기본 레이아웃 영역 */

@media screen and (min-width: 767px) and (max-width: 1199px) {
	.container_contents {
		padding-right: 15px;
		padding-left: 15px;
	}
}

.row {
	margin-right: 0;
	margin-left: 0;
}

/*로고 클릭 영역 및 메뉴 클릭 영역 초기화*/
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
	margin: 0;
}

/*메인 로고와 메뉴 영역 분리 */

.navbar-header {
	float: none;
	padding: 0 15px;
	min-height: 50px;
}

@media (min-width: 1200px) {
	.container>.navbar-header {
		width: 100%;
		max-width: 1170px;
		margin: 0 auto;
	}
}

.navbar-inverse {
    background: rgba(255,255, 255, .7);
    border: none;
    padding: 0;
    margin: 0;
}
.navbar-inverse .navbar-brand {
    padding: 20px 15px;
}
.navbar-inverse .navbar-brand img {
	padding-top: 15px;
}

.navbar-inverse .navbar-right {
	float: none !important;
	margin: 0 auto;
	max-width: 1170px;
	width: 100%;
}
.navbar-inverse .navbar-nav>li>a {
    color: #e6e6e6;
    font-size: 16px;
    padding: 16px 35px;
    letter-spacing: -0.04em;
    margin: 0;
    text-shadow: none;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
	color:#fff;
	font-weight:600; 
}

.navbar-inverse .navbar-collapse {
	background-color: #0a255b;
}

.navbar-toggle {
	margin-right: 0;
}

/* 상단 메인 메뉴 설정 끝*/

/* 상단 서브 메뉴 설정 시작*/
.navbar-inverse .dropdown-menu {
    background: #f6f6f6;
    margin: 0;
    padding: 10px;
    border: none;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    min-width: 200px;
}
.navbar-inverse .dropdown-menu > li > a {
    color: #666;
    padding: 12px 20px;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.02em;
}
.navbar-inverse .dropdown-menu > li > a:hover {
    background: none;
    color: #0a255b;
    text-decoration: underline;
}

@media (min-width: 768px) {
	.navbar-right .dropdown-menu {
		left: 0;
		right: auto;
	}
}

/* 상단 서브 메뉴 설정 끝*/

/* 상단 메뉴 여백 (Top Margin Lay) */

@media (min-width: 1200px) {
	.topmarginLay_a {
		display: none;
	}
}

/* 하단 카피라이트 설정 시작*/

.footer_copy .text-center {
	background: #f6f6f6;
	color: #999;
	font-size: 14px;
	padding: 0;
	margin: 0;
	text-align: center;
}

/* 하단 카피라이트 설정 끝*/

/* 슬라이드 설정 시작 */

.container_contents,
.container_slide {
	width: 100%;
	padding: 0;
}
.container_slide{    padding-top: 110px;}
.container_slide>.fill {
    box-shadow: 0 2px 20px rgba(0,0,0,0.2);
    height: 550px;
}
.carousel-caption {
	position: relative;
	top: 50%;
	transform: translateY(-40%);
	left: 0;
	bottom: auto;
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
	padding: 0;
}

.fill {
	width: 100%;
	height: 550px;
}

.fill h1 {
	margin: 0;
	text-align:left
}

.fill p {
	padding-left: 30px;
	text-align: left;
	text-indent: -10px;
}

@media screen and (max-width: 1199px) {
	.fill h1 span {
		font-size: 60px;
		padding-left: 35px;
	}
}

.fill h1 span, .fill p span {
	background: none;
	opacity: 1;
	padding: 0;
	text-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.fill h1 span {
    font-size: 36px;
    font-weight: 300;
    line-height: 1;
    background: #0a255b;
    display: inline-block;
    margin-left: 0;
    padding: 8px 20px;
    letter-spacing: -0.08em;
}
.fill p span {
	color: #919187;
}
.fill p img{    margin-top: 20px;
    width: 35%;}
.carousel-control {
	color: #999;
    text-shadow: none;
    font-size: 40px;
}
.carousel-control:hover{color:#555}
.carousel-inner .item:last-child .carousel-caption{    top: 44.5%;}
.carousel-inner .item:last-child .carousel-caption h1 span{     
	font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 1.2;
    padding: 15px 20px;
    font-size: 30px;}
/* 슬라이드 설정 끝 */

/*content Proudct part*/
.intro-html-layout{    margin-bottom: 60px;
    background: rgba(10,37,91,0.41)}
.intro-html-layout>.col-sm-12 {
	padding: 0px;
}
.product-wrap {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 60px 0;
}
.product-wrap .product-title, .intro-boardbox .page-header {
    margin: 0 0 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dedede;
}

.product-wrap .product-title h4, .intro-board-widget-layout .intro-boardbox .page-header h4 {
    font-weight: 400;
    font-size: 32px;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    margin: 0;
    word-break: keep-all;
}
.product-wrap .product-title h4{color:#fff}
.product-wrap .product-title p {
	font-size: 18px;
	color: #909090;
	display: inline-block;
	padding-left: 20px;
	padding-top: 15px;
	margin: 0;
	float: left;
	word-break: keep-all;
}

.product.product-title a img,
.brocure.product-title a img {
	display: inline-block;
	position: relative;
	float: right;
}

.product.product-title a::after,
.brocure.product-title a::after {
	content: '';
	display: block;
	clear: both;
}

.product-top {
	max-height: 260px;
	overflow: hidden;
}

.product-top img {
	width: 100%;
}

.product-top,
.product-exp {
	position: relative;
}

.product-top .product-hover {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
}

.product-hover p {
	padding: 100px;
	text-align: center;
}

.product-hover p i {
	color: #fff;
}

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

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

.product-list .product-exp .btn {
	padding: 10px 12px;
	background: #ef950f;
	color: #fff;
	width: 158px;
	height: 48px;
	font-size: 20px;
	border-radius: 2px;
}

.product-exp {
	background: #fff;
}

.product-exp div.text-center {
	position: absolute;
	top: -25px;
	width: 100%;
	z-index: 999;
}

.product-exp .text-center~p {
	padding: 50px 20px 40px;
	color: #444;
	line-height: 20pt;
	font-size: 15px;
}

/* 제품소개 모바일 반응형 */

@media screen and (max-width: 767px) {
	.product-wrap .product-title {
		padding: 15px;
	}
	.product-wrap .product-title h2 {
		font-size: 25px;
		float: none;
	}
	.product-wrap .product-title p {
		font-size: 16px;
		padding-left: 0px;
		float: none;
	}
	.product.product-title a img,
	.brocure.product-title a img {
		margin-top: 15px;
	}
}

/* 제품소개 모바일 반응형 끝 */


/*PRODUCT*/
#product {
    padding: 0;
    width: 100%;
    float: none;
}
#product .item-row > a {
	display: block;
	margin-bottom: 15px;
	text-decoration: none;
	-webkit-transition: ease .3s all;
	transition: ease .3s all;
}

#product .item-inner img {
/* 	border: 1px solid #EFEFEF; */
	-webkit-transition: ease .3s all;
	transition: ease .3s all;
}
#product .item-inner h5 {
    margin: 20px 0 0;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    letter-spacing: 0.06em;
    -webkit-transition: ease .3s all;
    transition: ease .3s all;
}
#product .item-inner p {
	color: #888888;
	margin-bottom: 0;
	-webkit-transition: ease .3s all;
	transition: ease .3s all;
}
#product .item-row > a:hover .item-inner h5, #product .item-row > a:hover .item-inner p, #product .item-row > a:focus .item-inner h5, #product .item-row > a:focus .item-inner p {
    color: #333;
}
#product .item-row > a:hover .item-inner img:after,
#product .item-row > a:focus .item-inner img:after {
	content: 'asdf';
	display: block;
/* 	position: absolute; */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(25, 149, 182, .3);
}

/*main page board part*/

.intro-board-widget-layout {
	background: #fff;
	padding-bottom: 80px;
	margin: 0 auto;
}
.col-sm-12.intro-boardbox .panel-body {
	padding: 0;
}

.intro-boardbox>.page-header>h4>.btn {
	display:none
}

.intro-widgetBoardbox>a>h5 {
	display: none;
}

/* .intro-board-widget-layout .intro-boardbox .page-header h4 {
	font-weight: 700;
	font-size: 34px;
	color: #444;
}
 */
.dh-front-list2-words .row-separator {
	visibility: hidden;
}

.dh-front-list2-words .list-row-regdate {
	    color: #0a255b;
    float: right;
}

@media screen and (max-width: 767px) {
	.dh-front-list2-words .list-row-regdate {
		display: block;
	}
}
.dh-front-list2-words {
    padding: 0;
    margin: 0 !important;
}
.dh-front-list2 h6 a, .dh-front-list2 h6 a span {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    text-decoration: none !important;
    letter-spacing: -0.02em;
    padding: 10px 0;
}
.dh-front-list2 h5 {
    display: none;
}
.dh-front-list2 h5 a {
	font-size: 13px !important;
	line-height: 18pt;
	font-weight: 400;
	display:none
		
}
.board-gadget-wrap {
    padding: 0 0 0 20px;
}
@media screen and (max-width: 767px) {
	.board-gadget-wrap {
		padding-top: 0px;
	}
}
.board-gadget-wrap .board-gadget {
    padding: 30px 20px;
    background: #f6f6f6;
    border-radius: 2px;
}
.board-gadget-wrap .board-gadget h5 {
    margin: 0 0 20px;
    color: #444;
    font-size: 26px;
    line-height: 1;
}
.board-gadget-wrap .board-gadget p {
    margin: 0;
    color: #666;
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: -0.04em;
}
.board-gadget-wrap .board-gadget img {
}
.board-gadget-wrap .board-gadget p .btn {
    border: 1px solid rgba(10, 37, 91, 0.4) !important;
    margin: 20px 0 0;
    padding: 10px 40px;
    color: #0a255b;
    font-weight: 400;
    font-size: 16px;
    border-radius: 2px;
}
.board-gadget-wrap .board-gadget p .btn:hover, .board-gadget-wrap .board-gadget p .btn:focus {
    border: 1px solid #0a255b !important;
    background: #0a255b;
    color: #fff;
}
.intro-board-widget-layout .intro-boardbox:nth-child(1),
.intro-board-widget-layout .intro-boardbox:nth-child(2) {
	width: 50%;
}

@media screen and (max-width: 767px) {
	.intro-board-widget-layout .intro-boardbox:nth-child(1),
	.intro-board-widget-layout .intro-boardbox:nth-child(2) {
		padding: 0;
	}
}

@media screen and (min-width: 768px) {
/* 	.intro-board-widget-layout .intro-boardbox:nth-child(1) {
		padding-left: 0;
	}
	.intro-board-widget-layout .intro-boardbox:nth-child(2) {
		padding-right: 0;
	} */
}

.intro-boardbox .front-panel {
	padding: 0px;
}

.front-panel>.panel {
	    border: 1px solid transparent;
}

/*footer part*/

.footer-wrap {
	padding: 35px 0 20px;
}

.footer-wrap .footer-navi {
	text-align: left;
}

.footer-wrap .col-md-3 {
	padding-left: 0;
}

.footer-navi ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-navi ul li {
	float: left;
	padding-right: 10px;
}

.footer-navi ul li:last-child {
	border-left: 1px solid #ddd;
	padding-left: 10px;
}

.footer-navi ul li a {
	color: #8a8a8a;
}

.footer-navi address,
.footer-navi address a {
	color: #707070;
	font-size: 12px;
}

/*mobile part*/

@media all and (min-width:768px) {
	.footer-wrap {
		width: 750px;
		margin: 0 auto;
	}
}

@media all and (min-width:992px) {
	.footer-wrap {
		width: 970px;
		margin: 0 auto;
	}
}

@media all and (min-width:1200px) {
	.footer-wrap {
		width: 100%;
		max-width: 1170px;
		margin: 0 auto;
	}
}

@media all and (max-width:920px) {
	.intro-board-widget-layout .intro-boardbox:nth-child(1),
	.intro-board-widget-layout .intro-boardbox:nth-child(2) {
		width: 100%;
	}
	.board-gadget .col-md-8 {
		text-align: center;
	}
}

/* ONLINE BROCURE */

.brocure.product-title {
	border-bottom: 1px solid #fff;
}

.brocure h2,
.brocure h3,
.brocure h4,
.brocure p {
	color: #fff !important;
}

.brocure p {
	font-size: 18px;
	color: #909090;
	display: inline-block;
	padding-left: 20px;
	padding-top: 15px;
	margin: 0;
}

.brocure img {
	display: inline-block;
	position: absolute;
	right: 0;
}

.intro-board-layout {
	max-width: 1170px;
	margin: 0 auto;
	float: none;
}

.intro-board-layout::after {
	content: '';
	display: block;
	clear: both;
}

.intro-board-layout,
.intro-widget-layout {
	width: 100% !important;
	float: none;
}

.intro-widget-layout.col-sm-4 {
	background: url(/skin/img/bg_brochure.gif) !important;
	background-repeat: no-repeat;
}

.intro-widgetbox {
	margin-top: 0;
}

.intro-widgetbox.thumbs {
	padding: 0 0 60px;
}

.intro-widgetbox>.dh-front-gallery {
	padding: 0;
}

.row.dh-front-gallery.thumbs.intro-widgetBoardbox {
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
}

@media screen and (max-width: 991px) {
	.row.dh-front-gallery.thumbs.intro-widgetBoardbox>.col-xs-3 {
		width: 50%;
	}
}

@media screen and (max-width: 767px) {
	.row.dh-front-gallery.thumbs.intro-widgetBoardbox>.col-xs-3 {
		width: 100%;
	}
}

.intro-widgetBoardbox {
	padding-top: 30px !important;
	border: none;
	background-size: cover !important;
	background: rgba(0, 0, 0, 0) !important;
}

.intro-widgetBoardbox>a {
	display: none;
}

.dh-front-gallery a:hover {
	border: none;
}

.dh-front-gallery .thumbnail {
	border: none;
	border-radius: 0;
}

/* //ONLINE BROCURE */

.caret {
	display: none;
}

/* a.btn.pull-right {
	background: url(/skin/img/btn-more1.png) no-repeat;
} */

.socialArea {
	margin: 10px 0;
}

/* ===== sub page ===== */
.sub-layout {
    width: 100%;
    min-height: 1050px;
    padding: 0 0 100px;
}
.sub-wrap {
    width: 100%;
    padding: 80px 0 0;
}
.top-sub-bg {
    background: url(/skin/img/sub/sub_top.png) no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 400px;
    position: relative;
}
.top-sub-bg>div {
    position: relative;
    bottom: initial;
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 220px 15px 0;
}
.top-sub-bg .breadcrumb {
	padding: 0 15px;
	margin-left: 20px;
	margin-top: 38px;
	float: left;
}
.top-sub-bg h2 {
    margin: 0;
    color: #ffffff;
    font-size: 42px;
    font-weight: 500;
    letter-spacing: 0.06em;
}
.top-sub-bg .breadcrumb {
	background: #fff;
	color: #585858;
}

.top-sub-bg .breadcrumb>li {
	font-size: 12px;
}

.top-sub-bg .breadcrumb>li+li::before {
	content: '|';
}

.top-sub-bg .breadcrumb>.active {
	color: #ff00de;
	font-weight: 700;
}

.content {
	max-width: 1170px;
	margin: 0 auto;
	width: 100%;
	padding: 0 15px;
}

.content .sub-title-wrap {
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
	margin-bottom: 80px;
	position: relative;
}
.content .sub-title {
    margin: 0;
    line-height: 1;
    letter-spacing: -0.04em;
    font-size: 34px;
    font-weight: 600;
    color: #323232;
}
.sub-title-wrap .navigation {
    position: absolute;
    top: 10px;
    right: 0;
    padding: 0;
    margin: 0;
    list-style: none;
}
.sub-title-wrap .navigation li {
    float: left;
    font-size: 13px;
    letter-spacing: -0.04em;
    color: #888;
    background-image: url(/skin/img/default/sub/navi_arrow_icon.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding: 0 16px 0 8px;
}

.sub-title-wrap .navigation li:first-child:before {
	content: url(/skin/img/default/sub/navi_home_icon.png);
	padding-right: 7px;
}

.sub-title-wrap .navigation li:last-child {
	background: none;
	padding-right: 0;
}

.small-title {
	color: #e28000;
	margin: 0 0 20px;
	font-size: 22px;
	font-weight: 400;
}

.content p {
	font-size: 15px;
	color: #5a5a5a;
	line-height: 1.65;
	margin-bottom: 13px;
	letter-spacing: -0.2px;
}

.pad_0 {
	padding: 0;
}

.content .highlight-text {
	font-size: 30px;
	text-align: center;
	color: #323232;
	margin: 0 0 35px;
}

.content .highlight-text span {
	color: #e28000;
	font-weight: 600;
}

.sub-content-wrap ul li,
.sub-content-wrap dl dd {
	line-height: 1.8em
}

/* ----- table 설정 ----- */

.sub-wrap .table.table-type1 {
	border-top: 2px solid #aaa;
	width: 100%;
}

.sub-wrap .table.table-type1 thead tr th {
	font-size: 15px;
	padding: 14px 20px;
	text-align: center;
	background: #fafafa;
	border-bottom: 1px solid #e5e5e5;
	font-weight: 500;
}

.sub-wrap .table.table-type1 tbody tr th {
	font-size: 15px;
	padding: 14px 20px;
	text-align: center;
	background: #fafafa;
	border-bottom: 1px solid #e5e5e5;
	font-weight: 500;
}

.sub-wrap .table.table-type1 tbody tr td {
	font-size: 15px;
	padding: 14px 20px;
	border-bottom: 1px solid #e5e5e5;
	vertical-align: middle;
}

.sub-wrap .table.table-type1 tbody tr td ul {
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 767px) {
	.sub-wrap .table.table-type1 tbody tr th {
		padding: 15px 10px;
	}
}

.dh-board,
.dh-view-box,
form#insertForm {
	max-width: 1170px;
	margin: 0 auto;
	padding: 0 15px;
}

.dh-board .table-hover {
	margin: 0 0 20px;
	border-top: 1px solid #0a255b;
	border-bottom: 1px solid #565656;
}

.dh-board .table-hover th {
	background: #f9f9f9;
}

.dh-board .table-hover th,
.dh-board .table-hover td {
	border-bottom: 1px solid #ddd;
	padding: 15px 15px;
}

.table-hover tbody>tr:hover {
	background-color: #f9f9f9;
}

.table-hover .subject strong a {
	font-weight: 400;
	color: #323232;
}

.table-hover .subject strong a:hover {
	color: #0a255b;
	text-decoration: underline !important;
}

.dh-view-box>.row {
	margin: 0;
}

.dh-view-box>.row>.page-header {
	background: #f9f9f9;
	padding: 0;
	margin: 0;
	border-top: 1px solid #0a255b;
	border-bottom: 1px solid #ddd;
	color: #323232;
}

.dh-view-box>.row>.page-header h4 {
	padding: 20px;
	line-height: 1;
	margin: 0;
	font-weight: 400;
}

.dh-view-box>.row>.dh-view-info {
	background: #ffffff;
	padding: 8px 15px;
	border-bottom: 1px solid #ccc;
}

.dh-board .label-danger {
	display: inline-block;
	font-weight: 300;
	color: #0a255b;
	background: rgba(0, 0, 0, 0);
	font-size: 13px;
}

.dh-board .label-primary {
	background: #4a4a4a;
	border-radius: 50%;
	font-weight: 300;
	width: 17px;
	height: 17px;
	display: inline-block;
	line-height: 1;
	padding: 4px 0 0 0;
}

.dh-comments .btn-group {
	margin: 0;
	float: right;
}

.dh-comments.panel {
	border-radius: 0;
	border: none;
	box-shadow: none;
}

.dh-comments .panel-body {
	font-size: 14px !important;
	color: #5a5a5a;
	padding: 20px 0;
	border-bottom: 1px solid #ddd;
}

#SmartEditorCommentForm .btn-default {
	width: 140px;
	border: 1px solid #0a255b;
	border-radius: 0px;
	padding: 12px;
	margin: 20px auto 0;
	color: #0a255b;
	text-shadow: none;
	box-shadow: none;
	transition: all 0.2s;
}

#SmartEditorCommentForm .btn-default:hover,
#SmartEditorCommentForm .btn-default:focus {
	background: #0a255b;
	color: #fff;
}

.dh-margin-top {
	margin-top: 30px;
}

form#insertForm {
	margin-bottom: 50px !important;
}

.btnRead {
	font-weight: 500;
}

.btn-default,
.btn-primary,
.btn-danger {
	background-image: none;
}

.btn-group,
.btn-group-vertical {
	margin: 10px 0 50px;
}

.pagination li a {
	border-radius: 0 !important;
	border: 1px solid #ddd !important;
	margin-right: 9px;
	background: #fff;
}

.pagination li a:hover,
.pagination li a:focus {
	border: 1px solid #aaa !important;
	border-bottom: 1px solid #aaa !important;
	background: #fff;
}

.pagination>.active>a,
.pagination>.active>span {
	background: #fff;
	color: #0a255b;
	font-weight: 600;
	border: 1px solid #ddd;
}

.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	border: 1px solid #aaa;
	border-bottom: 1px solid #aaa !important;
	background: #fff;
	color: #0a255b;
}

.input-group button,
.input-group input,
.btn-group .btn {
	background: #f8f8f8;
	border: 1px solid #ccc;
	border-radius: 0;
	box-shadow: none;
	color: #565656;
	text-shadow: none;
	padding: 6px;
}

.input-group button:hover,
.input-group button:focus,
.input-group input:hover,
.input-group input:focus {
	border-color: #aaa;
	background: #f8f8f8;
	color: #565656;
}

.input-group .form-control {
	background: #fff;
	border-right: none;
}

.input-group .form-control:hover,
.input-group .form-control:focus {
	background: #fff;
}

button#btnNew {
	background: #565656;
	border: 1px solid #4a4a4a;
	color: #fff;
}

.btnEdit i,
.btnDelete i {
	color: #454545;
}

/*sub page*/

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

.content .content-sub,
.content .sub-bg {
	padding: 35px 0px;
}

.content .sub-bg .sub-content {
	width: 25%;
	word-break: keep-all;
	text-align: center;
	color: #fff;
}

.content .sub-bg .sub-content:nth-child(1),
.content .sub-bg .sub-content:nth-child(2),
.content .sub-bg .sub-content:nth-child(3) {
	position: absolute;
}

.content .sub-bg .sub-content:nth-child(1) {
	top: 200px;
	right: 340px;
}

.content .sub-bg .sub-content:nth-child(2) {
	top: 335px;
	left: 244px;
}

.content .sub-bg .sub-content:nth-child(3) {
	right: 320px;
	bottom: 251px;
}

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

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

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

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

/* ----- blog board ----- */

.bbs-blog2-index-layout .dhb-txt-box-type-b {
	background: rgba(0, 0, 0, 0);
	border: none;
	padding: 0 5px;
}

.dhb-txt-box-type-b>.row {
	margin: 0;
	border: 1px solid #ddd;
	background: #fff;
}

.dhb-txt-box-type-b>.row:hover,
.dhb-txt-box-type-b>.row:focus {
	border-color: #e28a00;
}

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

.dhb-txt-box-type-b-img-layout .thumb-hidden {
	border: none;
	box-shadow: none;
	max-height: 180px;
	height: 180px;
}

.dhb-txt-box-type-b-text-layout {
	padding: 20px;
}

.dhb-txt-box-type-b-text-layout h4 {
	margin: 0;
}

.dhb-txt-box-type-b-text-layout h4 strong a {
	font-size: 18px;
	font-weight: 400;
	color: #323232;
	margin: 0;
	line-height: 1;
}

.dhb-txt-box-type-b>.row:hover .dhb-txt-box-type-b-text-layout h4 strong a,
.dhb-txt-box-type-b>.row:focus .dhb-txt-box-type-b-text-layout h4 strong a {
	text-decoration: underline !important;
}

.dhb-txt-box-type-b-text-layout .txt-box-footer {
	display: none;
}

/* mailForm */

#mailForm .btn-primary {
	background: #0a255b;
	border: 1px solid #0a255b;
	box-shadow: none;
	border-radius: 0;
	text-shadow: none;
	max-width: 250px;
	padding: 12px 0px;
	margin: 70px auto 0;
	transition: all ease 0.3s
}

#mailForm {
	max-width: 800px
}

#mailForm .btn-primary:hover {
	background: transparent;
	color: #0a255b;
}

/*subpage common*/
.sub-content-wrap h3 {
    font-size: 28px;
    line-height: 1.4;
    font-weight: 400;
    letter-spacing: -0.04em;
    color: #0a255b;
    margin-bottom: 40px;
    margin-top: 0;
}
.sub-content-wrap .con {
	margin-bottom: 60px
}
.sub-content-wrap .con:last-child {
	margin-bottom: 0
}

.sub-content-wrap .tab-pane .con:last-child {
	margin-bottom: 0
}

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

/*company*/
#company01 .sub-content-wrap h3 {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 30px;
}
#company02 iframe+div {
	margin-top: 20px
}

/*product*/

.product .nav-pills li a {
	background: #f3f3f3;
	border: none;
	border-radius: 0;
	font-size: 18px;
	/*     letter-spacing: -0.03em; */
	color: #778496;
	padding: 13px 15px;
	border-right: 3px solid #fff;
	transition: all ease 0.3s;
	margin-bottom: 5px;
}

.product .nav-pills {
	margin-bottom: 50px
}

.product .nav-pills li.active>a,
.product .nav-pills li.active>a:focus,
.product .nav-pills li.active>a:hover {
	background: #778496;
	color: #fff;
}

.li-dash>li,
.li-square>li,
.li-dash>dd,
.li-square>dd,.li-check li {
	margin-left: 10px;
	padding-left: 20px;
	position: relative;
}
.li-check li{padding-left:30px}
.li-dash>li:before,
.li-square>li:before,
.li-dash>dd:before,
.li-square>dd:before {
	content: '-';
	display: block;
	position: absolute;
	left: 5px;
	top: 0;
}

.li-square>li:before,
.li-square>dd:before {
	content: '';
	width: 5px;
	height: 5px;
	background: #5f71b9;
	top: 10px;
}

@media(min-width:768px){
.sub-content-wrap ul{padding:0}
	.product .con .li-square .li-square{padding-left:20px}
	}
.product .tab-content h4 {
    margin: 0 0 20px;
    font-size: 30px;
    letter-spacing: 0.02em;
    font-weight: 600;
    color: #222;
}
.li-check li:before{    
	content: "\f00c";
    font-family: fontawesome;
    display: block;
    position: absolute;
    left: 5px;
    top: 0;
    font-size: 18px;
    color: #5f71b9;}
#product06 .tab-content  h5 {
	margin: 30px 0;
	font-size: 24px;
	letter-spacing: 0.05em;
	color: #000;
	font-weight: 600;
}
#product06 .tab-content li{
	margin-bottom: 15px;
}
#main-pro06 .con1 h1{
	margin: 0 0 30px 0;
}
#product06 .con .more_btn {
    font-weight: 400;
    color: #0a255b;
    font-size: 14px;
    border: 1px solid rgba(10, 37, 91, 0.4);
    margin: 10px 0 0;
    display: inline-block;
    text-decoration: none;
    transition: all ease .3s;
    padding: 15px 15px;
    border-radius: 2px;
}
#product06 p.line{
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 20px;
}
#product06 .tab-content  li span{
	font-weight: 600;
	color: #222;
	margin-right: 5px;
}
.product .tab-content h5{
	margin: 30px 0;
	font-size: 24px;
	letter-spacing: 0.05em;
	color: #000;
	font-weight: 300;
	margin-top: 0;
}
.product .tab-content p, .product .tab-content dd, .product .tab-content li {
    line-height: 1.8em;
    color: #333;
    margin-bottom: 10px;
}
.product .tab-content dt {
	font-size: 17px;
	margin-bottom: 10px;
	color: #000;
}
.product .tab-content .pro-under{
	margin-bottom: 20px;
}
.product .tab-content .pro-under h3{
	font-size: 17px;
	margin-bottom: 10px;
	color: #000;
}
.product .tab-content .pro-under p {
    line-height: 1.8em;
    color: #333;
    margin-bottom: 10px;
}
.product .tab-content .clearfix {
	margin: 30px 0;
}

.product .con .bd_top{
	font-size: 27px;
	font-weight: 200;
	border-top: 2px solid;
	padding-top: 15px;
}
.product .con .more_btn {
    font-weight: 400;
    color: #0a255b;
    font-size: 16px;
    border: 1px solid rgba(10, 37, 91, 0.4);
    margin: 10px 0 0;
    display: inline-block;
    text-decoration: none;
    transition: all ease .3s;
    padding: 10px 60px;
    border-radius: 2px;
}
.product .con .more_btn:hover, .product .con .more_btn:active, .product .con .more_btn:focus {
    background: #0a255b;
    color: #fff;
}
#product01 .con3 .col-md-12,#product02 .con3 .col-md-12  {
	position: relative;
}

#product01 .con3 img, #product02 #cobe .con3 img, .product .tab-content .img-100 {
	width: 100%;
}
#product01 .con3 p {
    font-size: 24px;
    font-style: oblique;
    background: rgba(255, 255, 255, 0.6);
    font-weight: 400;
    position: absolute;
    left: 15px;
    bottom: 0;
    display: block;
    width: 100%;
    margin-bottom: 0;
    padding: 8px 25px;
    color: #3f4c80;
}
.product .con .con8_bg {
	background: #f3f3f3;
	padding: 25px 20px;
}

.product .con .li-square .li-square li:before {
	background:#abaeb9;
}
#product02 #cobe .con3 dl{
    background: rgba(255, 255, 255, 0.7);
    font-weight: 200;
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    margin-bottom: 0;
    padding: 10px 50px;}
#product02 #cobe .con3 dl dt, #product02 #cobe .con3 dl dd{color: #000; font-size:14px}
#product02 #cobe .con3 dl dd{   
	font-weight: 300;
    line-height: 1.5;}

#product03 #quantum .con4 p{    
	font-size: 15px;
    font-weight: 300;}
#product03 #quantum .con8_bg{background: #ededed;padding: 25px;}

#product04 #tscd .con3 dd{font-size:15px}
@media(min-width:768px){
	#product04 #scd .con5 .col-md-3{width:20%}
}
#product04 #scd .con5 .col-md-3 li:nth-child(2){    
	border-top: 2px solid;
    padding-top: 15px;
    margin-top: 20px;
    text-align: center;}
#product04 #scd .con5 .col-md-3 li strong{  
	font-size: 20px;
    margin-right: 5px;}

.img-bd{border:1px solid #ddd}
.navbar-inverse .navbar-nav #m-1{    min-width: 207px;}
.navbar-inverse .navbar-nav #m-4{    min-width: 206px;}
.navbar-inverse .navbar-nav #m-14{    min-width: 247px;}
.navbar-inverse .navbar-nav #m-16{    min-width: 219px;}

.login-layout{
    height: 100vh;
    position: relative;
}
.login-layout .inner-box-wrapper{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.login-layout .inner-box{}
#career+.dh-board .writer,
#career+.dh-board .regdate,
#career+.dh-board .hits {
    display: none;
}
#career+.dh-view-box .dh-view-info {
    display: none;
}