@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

html {overflow-x: hidden; overflow-y: scroll;}
body {background-color: #fff;}

/* 폰트 설정 */
.body-layout, h1, h2, h3, h4, h5, h6, input, textarea, button { font-family: 'Noto Sans KR', "NanumGothic", "나눔고딕", 'NanumBarunGothic', '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;
}

/*상단 메뉴 설정 시작*/
.navbar-inverse {
    background: rgba(0,0,0,0);
    border: none;
    padding: 15px 0px 0;
    margin: 0px 0px 0px 0px;
    position: absolute;
    top: 0;
}
.navbar-brand img {
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 1090;
}

.navbar-inverse .navbar-nav > li.dropdown {
	cursor: pointer;
}

@media (min-width: 768px) {
	.navbar-inverse .navbar-nav > li > a {
		color: #515151;
		margin: 20px 20px 15px;
		padding: 0 0 0px;;
		border-bottom: 1px solid rgba(0,0,0,0);
		text-shadow: none;
		font-size: 15px;
		font-weight: 400;
		letter-spacing: -0.03em;
	}
	
	.navbar-inverse .navbar-nav > li > a:focus, 
	.navbar-inverse .navbar-nav > li > a:hover,
	.navbar-inverse .navbar-nav > li:hover > a,
	.navbar-inverse .navbar-nav > li:focus > a,
	.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);
		-webkit-box-shadow: none;
		box-shadow: none;
		color: #313131;
		border-bottom: 1px solid #313131 !important;	
	}
	/* 상단 메인 메뉴 설정 끝*/

	/* 상단 서브 메뉴 설정 시작*/
	.dropdown-menu {
    left: 0 !important;
    right: 0 !important;
    margin: 0;
    border: none;
    border-radius: 0px;
    padding: 5px 10px;
    box-shadow: none;
    background: rgba(53, 53, 53, 0.95);
    animation-fill-mode: both;
    animation-duration: .5s;
    animation-name: flipInY;
}
	
	#m-23 .dropdown-menu {
		min-width: 255px;
	}
	.dropdown-menu > li > a {
    background: none;
    border: 1px solid rgba(183, 183, 183, 0.5);
    font-size: 13px;
    font-weight: 300;
    text-decoration: none;
    margin: 5px 0;
    padding: 8px 12px;
    color: #fff;
    letter-spacing: -0.04em;
}
	.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}
}

@media (max-width: 767px) {
	.navbar-inverse {
		background-color: #FFF;
		border: 0;
		padding-top: 10px;
		padding-bottom: 10px;
		position: static;
	}
	
	.navbar-brand img {
		margin: 0;
		padding: 0;
	}
}

.navbar-toggle {
	margin-top: 0;
	margin-bottom: 20px;
}

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

body > .navbar-fixed-bottom .text-center{
	background:#ffffff;           /*배경 색*/
	color:#999999;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
	text-align:center;            /*텍스트 정렬*/
}
/* Desktop */

/* bottom social section */
.footer-social-layout {display: none;}

/*---------------------------------------skin design---------------------------------------------*/
.navbar-inverse .divider-vertical {
display:none;
}
.flexslider {
    margin: 0px;
    background: #FFF url("./ajax-loader-.gif") no-repeat scroll center center;
    border: 0px solid #FFF;
    position: relative;
    border-radius: 0px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0);
}
.navbar-inverse .navbar-brand {
    margin: 20px 0 0 !important;
    padding: 0;
}

@media screen and (max-width: 767px) {
	.navbar-inverse .navbar-brand {
		margin: 8px 0 0 15px !important
	}
}
.intro-widgetbox {
    margin: 0;
    border: none !important;
    padding: 0;
}
.intro-widgetBoardbox {
    margin: 0;
    border: none !important;
}
.intro-widgetBoardbox > a {
    color: #111 !important;
    padding: 0 0;
    background: none;
	text-decoration: none !important;
    border: none !important;
}
.intro-widgetBoardbox > a:hover {
	padding: 0;
	border: none !important;
}

.intro-widgetBoardbox > a > h5 {
    margin: 0 0 20px;
    font-size: 21px;
    font-weight: 500;
    letter-spacing: -0.04em;
    padding: 10px 0 0;
    position: relative;
}
.intro-widgetBoardbox > a > h5:before {
    content: '';
    background: #e91b1e;
    width: 20px;
    height: 2px;
    position: absolute;
    top: 0;
    left: 0;
}
.intro-widgetBoardbox > a > h5 i {
    padding: 0;
    margin: 0;
    color: #ccc;
}
.intro-widget-list-box > ul {
    padding: 0 !important;
    margin: 0 !important;
    color: #555;
    font-size: 14px;
    letter-spacing: -0.02em;
}
.intro-widget-list-box > ul > li {
    padding: 0;
    border: none !important;
}
.intro-widget-list-box > ul > li a {
    padding: 8px 0;
    padding-left: 10px;
    text-decoration: none;
    position: relative;
}
.intro-widget-list-box > ul > li a:before {
    content: '';
    background: #aaa;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    position: absolute;
    top: 15px;
    left: 0;
}
.intro-widget-list-box .widget-list-row-subject {}
.intro-widget-list-box .widget-list-row-regdate {}

.container_contents{width:auto;}

@media (max-width: 767px) {
	.container_contents {
		padding-top: 15px;
	}
}

.intro-html-layout>div.col-sm-12{padding:0px;}

.gu-slider .carousel-inner .item {height:400px;}

.carousel li {margin-right: 0px;}

.sl-con{display:table; width:100%; height:400px;;}
.sl-con>span{display:table-cell !important; vertical-align:middle;}
.sl-con img{margin: 0 auto;}
.sl-con-small>img{width:290px;}

/* slide section indicators */
.carousel-indicators li {width:70px!important; height:3px!important; margin:0px; border:none; border-radius:0px; background-color:#ffffff;}
.carousel-indicators li.active {background-color:#90ee90;}

video{min-width: 100%;min-height: 100%;width: auto;height: auto;background: url('//demosthenes.info/assets/images/polina.jpg') no-repeat;
  background-size: cover;transition: 1s opacity;}

.section-about{position: absolute;top: 0px;right: 0px;max-width: 450px;text-align: left;padding: 35px;color:#000;background:rgba(255,255,255,0.5);}

.title-font1{font-family:Impact !important;font-size: 45px;}



.con-area4 .text{padding:80px 20px;background:rgba(0,0,0,0.3);color:#fff;max-width:650px;margin:0 auto;}
.con-area4 .text h3{margin-bottom:15px;font-weight:bold;}

.socialArea img{border-radius: 50% !important;}

#map-canvas {width: 100%; height: 500px;margin: 0;padding: 15px;}
.gu-address{padding:25px;text-align:right;}

.addressmap{background: #f5f5f5;overflow: hidden;}

.intro-board-layout{width: 100%;}
/* .intro-board-layout .page-header{display:none;} */


.section-board1{min-height:0px;background:#6EBFAC;}
.section-board1 h1{padding:45px 0;font-family: "Pacifico",cursive !important;color:#fff; font-size: 50px !important;}
.section-board1 a.btnBoard1{padding: 20px;color: #fff;background:#83CEBC;}

.gu-gotop{padding: 15px;display: block;background: #f5f5f5;margin-bottom: 35px;color: #000;}



/*블로그게시판 custom*/
.dhb-txt-box .text-right{display:none;}
.dhb-txt-list{width:100%!important;border-right: 0px solid #D9D9D9;}
.dhb-txt-list>.row div:first-child{width:100%;}
.dhb-txt-list>.row div:nth-child(2){width:100%;padding-top:15px;}

.thumb-hidden {border: 0px solid #FFF; box-shadow: 0px 8px 6px -6px rgba(0, 0, 0, 0);}


.gu-title{min-height:0px;background:#6EBFAC;}
.gu-title h1{padding:25px 0;font-family: "Pacifico",cursive !important;color:#fff; font-size: 20px !important;text-align:center;}

.mod-custom-form-index { margin-top: 32px; }

.dh-margin-top{clear:both;}
@media (max-width: 768px) {
    .navbar-inverse .navbar-toggle .icon-bar
    {background-color: #333;}
    
    .navbar-inverse .navbar-toggle:focus .icon-bar,
    .navbar-inverse .navbar-toggle:hover .icon-bar
    {background-color: #fff;}
}

/*----- tag -----*/
/* thumb-pad */

.thumb-pad-pic {
	text-align: center;
	display: inline-block;
	width: 250px;
	height: 250px;
	margin-bottom: 18px;
}
@media (max-width: 991px) and (min-width: 768px) {
    .thumb-pad-pic {
        width: 200px;
        height: 200px;
    }
}
.thumb-pad-pic .caption {
	width: 100%;
	height: 100%;
	padding: 0;
	border-radius: 100%;
	overflow: hidden;
	position: relative;
	cursor: default;
	box-shadow: inset 0 0 0 125px rgba(69, 68, 58, 0.35);
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.thumb-pad-pic .caption i {
	width: 100%;
	height: 100%;
	background: #45443a;
	left: 0;
	top: 0;
	opacity: 0.35;
	filter: alpha(opacity=35);
}

/* thumb-pad1 */
/* **************************************************커스터마이징 시작 160825*************************************************** */
/* common */
.topmarginLay_a {
    margin-top: -20px;
    height: 80px !important;
	display:none;
}

/* 메인 */
.container_slide {
    width: 100%;
    padding: 0;
	margin-top: 90px;
}

@media (max-width: 767px) {
	.container_slide {
		margin-top: 0;
	}
}

.carousel-caption {
    display: block;
    position: static;
    margin: 0 auto;
	padding-top: 200px;
}
@media screen and (min-width: 768px) {
	.carousel-caption {
		width: 750px;
	}
}

@media screen and (min-width: 992px) {
	.carousel-caption {
		width: 970px;
	}
}

@media screen and (min-width: 1200px) {
	.carousel-caption {
		width: 970px;
	}
}

.fill {
    height: 600px;
}
/* 슬라이드 텍스트 */
.fill h1 span, .fill p span {
    background: rgba(0,0,0,0);
    opacity: 1;
    text-shadow: none;
    padding: 0;
}
.fill h1 span {
    font-size: 45px;
    font-weight: 300;
	line-height: 58px;
}
.carousel-control{display:none;}
/* 메인 section 공통 */
.main-cont-tit {
    text-align: center;
    margin-bottom: 50px;
    float: none;
}
.main-cont-tit h2 {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.4em;
    color: #313131;
    margin: 0;
}
.main-cont-tit p {
    font-size: 16px;
    color: #777777;
	margin-bottom: 0;
}
.intro-board-layout {
    padding:90px 0 0px;
    background: #f1f1f1;
}

/* 메인 - section1 service */
#section1 .con-area1 {
    background: #111;
    border-bottom: 7px solid #e91b1f;
    padding: 80px 0;
}
#section1 .main-cont-tit h2 {
    color: #fff;
}
.service-box {
    overflow: hidden;
    text-align: center;
    margin: 0 10px 10px;
    padding: 32px 0 0;
    border: 2px solid rgba(255, 255, 255, 0.25);
    border-radius: 100%;
    width: 300px;
    height: 300px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
/* .service-box.img1 { background-image: url('/skin/img/main/con/main-con1.jpg'); }
.service-box.img2 { background-image: url('/skin/img/main/con/main-con2.jpg'); }
.service-box.img3 { background-image: url('/skin/img/main/con/main-con3.jpg'); }
.service-box.img4 { background-image: url('/skin/img/main/con/main-con4.jpg'); }
.service-box.img5 { background-image: url('/skin/img/main/con/main-con5.jpg'); } */
/* .service-box.img1:hover { background-image: url('/skin/img/main/con/main-con1_hover.jpg'); }
.service-box.img2:hover { background-image: url('/skin/img/main/con/main-con2_hover.jpg'); }
.service-box.img3:hover { background-image: url('/skin/img/main/con/main-con3_hover.jpg'); }
.service-box.img4:hover { background-image: url('/skin/img/main/con/main-con4_hover.jpg'); }
.service-box.img5:hover { background-image: url('/skin/img/main/con/main-con5_hover.jpg'); } */
.service-box.img1 { background-image: url('/skin/img/main/con/main-con1_hover.jpg'); }
.service-box.img2 { background-image: url('/skin/img/main/con/main-con2_hover.jpg'); }
.service-box.img3 { background-image: url('/skin/img/main/con/main-con3_hover.jpg'); }
.service-box.img4 { background-image: url('/skin/img/main/con/main-con4_hover.jpg'); }
.service-box.img5 { background-image: url('/skin/img/main/con/main-con5_hover.jpg'); }

.service-box img {
	margin-bottom: 15px;
}
.service-box h3 {
    font-size: 16px;
    color: #eee;
    letter-spacing: -0.04em;
    margin: 0 0 10px;
}
.service-box p {
    font-size: 13px;
    color: #ccc;
    font-weight: 300;
    line-height: 1.8;
    letter-spacing: -0.02em;
    margin-bottom: 0;
}
/* 메인 - section2 portfolio */

.intro-boardbox {
    max-width: 1400px;
    margin: 0 auto;
    float: none;
    padding-bottom: 90px;
}
.dh-front-blog .col-sm-6.col-md-4 {
    width: 100%;
}
@media screen and (min-width:991px){
	.dh-front-blog .col-sm-6.col-md-4 {
    width: 50%;
}
}
@media screen and (min-width:1200px){
.dh-front-blog .col-sm-6.col-md-4 {
    width: 25%;
}
}
/* .intro-boardbox .page-header{
    display: none;
} */
.intro-boardbox {
    float: none;
    padding-bottom: 90px;
}
/* 섬네일 */
.thumbnail .caption{
	display:none;
}
.dh-front-blog>.col-md-4>.thumbnail {
    margin: 0px;
    min-height: 0;
    border: none;
    background-color: #000;
}
.dh-front-blog>.col-md-4>.thumbnail>a.blogthumb {
    border: none;
    opacity: 0.8;
    transition: all 0.3s ease-in-out 0s;
}
.dh-front-blog>.col-md-4>.thumbnail>a.blogthumb:hover {
	opacity:0.5;
}
/* 메인 - section3 contact*/
/* contact */
#section3 form#mailForm {
    max-width: 1000px;
    padding: 0;
    margin: 60px auto 90px;
}
#section3 .main-cont-tit {
    margin-bottom: 0;
}
#section3 .main-cont-tit h2 {
    color: #fff;
}
.con-area3 {
    padding: 75px 0 0;
	background: url(/skin/img/main/contact-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
#section3 .form-group label {
	color: #fff;
	font-weight: 300;
	font-size: 14px;
	width: 100px;
	float: left;
	margin-top: 0px;
	line-height: 34px;
}
#section3 .form-control {
    width: calc(100% - 100px);
    background: rgba(0,0,0,0);
    border: none;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    box-shadow: none;
    border-radius: 0px;
    color: #fff;
    font-weight: 300;
    padding: 6px 0;
	resize: none;
}
#section3 .btn-primary {
    border: 1px solid #fff;
    background: rgba(0,0,0,0) !important;
    border-radius: 0px;
    font-size: 16px;
    font-weight: 300;
    width: 130px;
    padding: 14px 0;
    margin: 60px auto 0;
}
#section3 .btn-primary:hover, #section3 .btn-primary:focus {
    background: #fff !important;
    color: #57728d;
}

/* 하단 하얀 라인 삭제 */
/* .col-sm-4.intro-widget-layout {
    display: none;
} */
/* footer */
.footer_copy .text-center {
    background-color: #484848;
    color: #fff;
    font-size: 13px;
    padding: 0;
    margin: 0;
}
.wrap-footer {
    text-align: left;
    max-width: 970px;
    margin: 0 auto;
    float: none;
}
.foot-top {
    padding: 40px 0 30px;
}
.foot-top h5 {
    margin: 0 0 10px;
    color: #dedede;
}
.foot-category {
    padding-left: 0;
}
.foot-category li {
    list-style-type: none;
}
.foot-category li a {
    color: #aaa;
    font-size: 13px;
    line-height: 2;
    letter-spacing: -0.04em;
    text-decoration: none;
}
.foot-category li a:hover, .foot-category li a:focus {
    color: #ccc;
}

.wrap-footer2 {
    border-top: 1px solid rgba(255,255,255,0.15);
}
.foot-bottom {
    max-width: 970px;
    margin: 0 auto;
    float: none;
    padding: 10px 10px 0px;
    overflow: hidden;
    color: #aaa;
    font-size: 12px;
}
.foot-bottom p.left {
    float: left;
}
.foot-bottom p.right {
    float: right;
}
.foot-bottom .company_name{
    color:#fff;
    padding-right: 10px;
}

/* 서브 페이지 */
.sub-layout {
    width: 100%;
    padding: 0;
    margin-top: -20px;
}
#top {
    height: 300px;
    text-align: center;
    background: #464646;
    color: #fff;
    padding: 140px 0;
}
@media (max-width: 767px) {
	#top {
		height: 180px;
		padding: 60px 0;
	}
}
.sub_page #top {
    background-repeat: no-repeat;
    background-size: cover;
}
#top h2 {
    margin: 0;
    font-size: 28px;
    letter-spacing: -0.04em;
}
#top span {
    letter-spacing: 0.2em;
    color: #e1e1e1;
    font-size: 13px;
    font-weight: 300;
    margin: 0 0 8px;
    display: inline-block;
}
#content {
    max-width: 970px;
    margin: 0 auto;
    padding: 80px 15px;
}
#content h3 {
    font-size: 24px;
    margin: 0 0 30px;
    font-weight: 500;
    letter-spacing: -0.04em;
    color: #111111;
}
#content h3.tit {
    color: #325e85;
    font-size: 24px;
}
#content p {
    color: #555;
    font-size: 16px;
	text-align: justify;
	word-break: keep-all;
    line-height: 1.8;
    letter-spacing: -0.04em;
    margin: 0 0 15px;
}
.sub-head-txt {
    text-align: center;
    margin-bottom: 30px;
}
.sub-head-txt h4 {
    font-size: 26px;
    margin: 0px 0 6px;
    color: #39709F;
    font-weight: 600;
}
.wrap-sub-cont > div:last-child {
    margin-bottom: 0;
}
.cont {
    margin-bottom: 60px;
}
.cont > div > div.col-md-6:nth-child(2) {
    padding-left: 25px;
}
.cont > div > div.col-md-6:nth-child(1) {
    padding-right: 25px;
}
@media screen and (max-width:992px){
	.cont > div > div.col-md-6:nth-child(2) {
    padding-left: 15px;
}
.cont > div > div.col-md-6:nth-child(1) {
    padding-right: 15px;
}
}
/* table */
.table-style1 {
    width: 100%;
    border-top: 2px solid #666666;
}

/* greeting */
#content .greeting h3 {
    border-left: 4px solid #fd0304;
    display: inline-block;
    font-size: 24px;
    margin: 0 0 25px;
    padding: 5px 15px;
    font-weight: 500;
    letter-spacing: -0.06em;
    color: #333;
}

/* history */
#history #content h3 {
    font-weight: 400;
    font-size: 30px;
    letter-spacing: -0.5px;
}
.history-table td {
    padding: 10px 0;
    border-bottom: 1px solid #e3e3e3;
	color: #777;
    font-weight: 300;
}
.history-table tr td:first-child {
    font-weight: 600;
}

/* location */
.location-list {
    padding-left: 0;
    margin-bottom: 20px;
    list-style-type: none;
    line-height: 28px;
    color: #777777;
    font-size: 15px;
    font-weight: 300;
}

/* 상단 이미지 */
.company #top {
    background-image: url(/skin/img/sub/sub_top.jpg);
}
#service #top {
    background-image: url(/skin/img/sub/sub_top.jpg);
}
.portfolio#top {
    background-image: url(/skin/img/sub/sub_top.jpg);
}
.contact#top {
    background-image: url(/skin/img/sub/sub_top.jpg);
}

/* company */
.greeting {
    background-image: url(/skin/img/sub/greeting-bg.png);
    background-repeat: no-repeat;
    background-position: right 40px;
/*     padding-bottom: 59px; */
/*     border-bottom: 1px solid #ddd; */
}
p.sign span {
    font-size: 29px;
    letter-spacing: 10px;
    margin-left: 10px;
    color: #313131;
    font-weight: 400;
}
p.sign {
    text-align: right;
    font-size: 20px !important;
    margin: 30px 0 0;
}

/* partners */
.partner-table td {
    border: 1px solid #e3e3e3;
}
.partner-table {
    width: 100%;
}


/* service */
.service-img {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0px;
    height: 300px;
}
/* 서비스 bg */
.service1 .service-img {
    background: url(/skin/img/sub/service-bg1.jpg);
}
.service2 .service-img {
    background: url(/skin/img/sub/service-bg2.jpg);
}
.service3 .service-img {
    background: url(/skin/img/sub/service-bg3.jpg);
}
.service4 .service-img {
    background: url(/skin/img/sub/service-bg4.jpg);
}
#service .service-img p {
    color: #eee;
}
#service .service-img h3 {
    font-size: 50px;
    font-weight: 200;
    line-height: 53px;
    margin-top: 61px;
    color: #fff;
}
.service-img .s-icon {
    margin-bottom: 25px;
    margin-top: 30px;
}
.service-in {
    background: rgba(52,103,146,0.9);
    display: inline-block;
    height: 100%;
    padding: 30px 45px 30px 58px;
    min-width: 420px;
}
@media screen and (max-width:768px){
	.service-in {
		min-width: auto;
	}
	#service .service-img h3 {
		margin-top: 75px;
		font-size: 38px;
		line-height: 42px;
	}
}
.service-small-table td {
    border: 1px solid #ccc;
    padding: 20px 0;
    background: #fff;
}
.service-small-table {
    width: 100%;
    margin-top: 17px;
    text-align: center;
}
.service-small-list {
    padding-left: 0;
    list-style-position: inside;
    list-style-image: url(/skin/img/sub/list-head.png);
    float: left;
    margin-right: 30px;
	font-size: 13px;
    line-height: 26px;
    color: #777;
}
.basic-table {
    width: 100%;
}
.basic-table tr {
    border-bottom: 1px solid #e3e3e3;
}
.basic-table th {
    font-size: 16px;
    font-weight: 500;
    background: #f5f5f5;
    border-top: 2px solid #ddd;
}
.basic-table tr > td:first-child {
    font-weight: 500;
}
.basic-table td, .basic-table th {
    padding: 11px 0;
}
.service4 .d-icon {
    margin-top: 40px;
}
.service4 .d-icon h5 {
    font-size: 16px;
    margin-top: 20px;
    color: #3e6082;
}

/* 게시판 */
#top.board{
	margin-bottom:70px;
}
.dh-board {
    max-width: 970px;
    padding: 0 15px;
    margin: 0 auto;
}

/* portfolio */
.dhb-txt-box {
    width: 33.3%;
    float: left;
    min-height: 300px;
    background: rgba(0,0,0,0);
    border: none;
    margin: 0;
    padding: 0;
    min-height: 0;
    height: 220px;
}
.dhb-txt-box h4 .btnRead {
    font-size: 16px;
    font-weight: 300;
    display: block;
    text-align: left;
    margin: 0;
}
.dhb-txt-list img.dhb-thumb {
    opacity: 0.8;
	transition: all 0.3s ease-in-out 0s;
}
.dhb-txt-list img.dhb-thumb:hover,
.dhb-txt-list img.dhb-thumb:focus
{
    opacity: 0.5;
}
/* 새글표시 삭제 */
.dhb-txt-list span {
    margin: 0 1px;
    display: none;
}
.dhb-txt-list>.row div:nth-child(2) {
    width: 100%;
    padding-top: 5px;
}
.dhb-txt-box h5{
    display: none;
}
.dhb-txt-box .thumb-hidden {
    border: none;
    box-shadow: none;
background:#000
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { .dhb-txt-box{width:50% !important;} }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { .dhb-txt-box{width:25% !important;} }

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

.dh-view-box {
    margin-top: 0;
    max-width: 970px;
    padding: 0 15px;
    margin: 0 auto 70px;
}
.col-xs-12.dh-view-info{display:none;}

/* contact - 메인 x */
form#mailForm {
    max-width: 970px;
    padding: 0 15px;
    margin:0 auto 70px;
}
.contact-mail-layout #mailForm label {
    font-size: 16px;
    font-weight: 300;
}
.contact-mail-layout #mailForm input, 
.contact-mail-layout #mailForm textarea.form-control {
    background: rgba(0,0,0,0);
    border: none;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    box-shadow: none;
    border-radius: 0px;
    color: #777;
    font-weight: 300;
    padding: 6px 0;
}
.contact-mail-layout #mailForm .btn-primary {
    border: 1px solid #3e6082;
    color: #3e6082;
    background: rgba(0,0,0,0) !important;
    border-radius: 0px;
    font-size: 16px;
    font-weight: 300;
    width: 130px;
    padding: 14px 0;
    margin: 60px auto 0;
    box-shadow: none;
    text-shadow: none;
}
.contact-mail-layout #mailForm .btn-primary:hover,
.contact-mail-layout #mailForm .btn-primary:focus {
    background: #3e6082 !important;
    color: #fff;
}
/* 게시글 작성 */
form#insertForm {
    max-width: 970px;
    margin: 0 auto 0px;
    padding: 0 15px;
}
/**** 텍스트 게시판 커스터마이징 ****/

.bbs-list-index-layout .dh-board>.table-hover,
.bbs-status-index-layout .dh-board>.table-hover {
    border-top: 1px solid #777;
    border-bottom: 1px solid #777;
    font-size: 15px;
    font-weight: 300;
	margin-top:0
}

.table.table-hover>thead>tr>th {
    border-bottom: 1px solid #ccc;
}
.bbs-list-index-layout .dh-board .table tr td,
.bbs-status-index-layout .dh-board .table tr td {
    padding: 15px 8px;
}
.bbs-list-index-layout .dh-board .subject > strong > a,
.bbs-status-index-layout .dh-board .subject > strong > a {
    font-weight: 300;
    color: #313131;
}
.table-hover > tbody > tr {
    border-bottom: 1px solid #e3e3e3;
}
.table-hover > tbody > tr:hover {
    background-color: rgba(66,70,74,0.1);
}


/* 게시글 아래 영역 (페이지, 검색바)*/
.dh-margin-top{margin-top:35px;margin-bottom: 40px;}
.dh-board .input-group-btn > button, .dh-board .input-group-btn > input{
    background:rgba(0,0,0,0);
    border:rgba(0,0,0,0);
    box-shadow: 0 0 0 rgba(0,0,0,0);
    text-shadow: 0 0 0 rgba(0,0,0,0);
}
.input-group-btn .caret{
    display:inline-block;
}
#btnNew {
    background: rgba(0,0,0,0);
    color: #313131;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    border-radius: 0px;
}
#insertForm > div > div > div > input{
    box-shadow: 0 0 0 rgba(0,0,0,0);
    border: none;
    border-bottom: 1px solid #ddd;
    background: rgba(0,0,0,0);
}
.pagination > li > a {
    border:rgba(0,0,0,0);
    background:rgba(0,0,0,0);
    color:#313131;
}
.pagination > li > a:hover{
    text-decoration:underline !important;
    background:rgba(0,0,0,0);
    color:#313131;
}
.pagination > .active > a {
    background:rgba(0,0,0,0);
    color:#313131;
    text-decoration: underline;
    font-weight: 600;
}
.pagination > .active > a:hover {
    background:#fff;
    background:rgba(0,0,0,0);
    color:#313131;
}
.pagination>.disabled>a {
    background: rgba(0,0,0,0);
}
.pagination>.disabled>a:hover {
    background: rgba(0,0,0,0);
}
/* 새글 알림, 덧글 알림 */
.dh-board .label-danger{
    background: rgba(0,0,0,0);
    color: #fd0304;
}
.dh-board .label-default{
    background: rgba(0,0,0,0);
    color: #fd0304;
}
.dh-board .label-primary{
    background: rgba(0,0,0,0);
    color: #fd0304;
}
/* 회원가입, 로그인  */
.jumbotron, #joinForm{
	max-width:970px;
	margin:0 auto;
}
#joinForm{
	margin:20px auto 70px;
}

.login-layout {
    padding-top: 60px;
    background-image: url(/skin/img/sub/login-bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}
.login-layout .inner-box-wrapper {
    max-width: 970px;
    margin: 0 auto;
    padding-bottom: 50px;
}
.login-layout .inner-box .panel {
    background: rgba(0,0,0,0);
    border: none;
    color: #fff;
    box-shadow: none;
}
.login-layout .panel-body {
    padding:15px 0;
	margin: 50px 0 80px;
}

.login-layout .form-control {
    background: rgba(0,0,0,0);
    border: none;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    box-shadow: none;
    border-radius: 0px;
    color: #fff;
    font-weight: 300;
    padding: 6px 0;
    resize: none;
}
.login-layout .btn-warning {
    background: rgba(0,0,0,0);
    border: 1px solid #fff;
    border-radius: 0px;
    padding: 10px 0;
    text-shadow: none;
}
.login-layout .btn-warning:hover, .login-layout .btn-warning:focus {
    background: #fff;
    color: #346792;
}

.login-layout #myForm a {
    color: #eee;
    font-weight: 400;
}
.login-layout #myForm a:hover, .login-layout #myForm a:focus {
    text-decoration: underline !important;
}

/* 2017-10-20 */
.company-collapse .inner {
    border-radius: 6px;
    border: 1px solid #E5E5E5;
    margin-bottom: 35px;
    padding: 15px 15px 15px 60px;
    word-break: keep-all;
    text-align: justify;
	-webkit-box-shadow: 0 0px 4px rgba(0, 0, 0, .06);
	box-shadow: 0 0px 4px rgba(0, 0, 0, .06);
}

.company-collapse .inner.no-inner {
	padding: 15px 25px 0;
}

.company-collapse .inner:not(.no-inner)::before {
    content: '';
    width: 50px;
    height: 50px;
    display: block;
    border: 1px solid #E5E5E5;
    border-radius: 50%;
	border-bottom-left-radius: 0;
    position: relative;
    left: -61px;
    top: -40px;
    background-color: #FFF;
    font-size: 24px;
	color: #333;
	font-family: Arial, sans-serif;
    font-weight: bold;
    text-align: center;
    line-height: 45px;
}

.company-collapse .inner.inner1 { margin-top: 25px; animation-delay: 1.2s; }
.company-collapse .inner.inner2 { animation-delay: 1.3s; }
.company-collapse .inner.inner3 { animation-delay: 1.4s; }
.company-collapse .inner.inner4 { animation-delay: 1.5s; }
.company-collapse .inner.inner1::before {
	content: '1';
/* 	color: #009ED6; */
}
.company-collapse .inner.inner2::before {
	content: '2';
/* 	color: #FD0405; */
}
.company-collapse .inner.inner3::before {
	content: '3';
/* 	color: #003399; */
}
.company-collapse .inner.inner4::before {
	content: '4';
/* 	color: #222A35; */
}

#content .company-collapse .inner:not(.no-inner) p {
	font-weight: 400;
	margin: -55px 0 0;
}

.company-collapse .inner span.focus {
	color: #FD0405;
}

.company-collapse .inner span.focus2 {
	color: #374A59;
/* 	text-decoration: underline; */
/* 	font-style: italic; */
	font-weight: bold;
}

.company-collapse .inner span.focus3 {
	color: #589BED;
	font-weight: bold;
}

.sub-left-title h2 {
    margin: 0;
    font-weight: bold;
    letter-spacing: -0.05em;
}

/* .sub-left-title h2::after {
	content: '';
	display: block;
	margin: 15px 0 25px;
	width: 50px;
	height: 2px;
	background-color: #FD0405;
} */

@media screen and (max-width: 991px) {
	.sub-left-title {
		text-align: center;
	}
	
/* 	.sub-left-title h2::after {
		width: 100px;
		margin: 15px auto 25px;
	} */
}

.table.table-type1 {border-top: 2px solid #aaa; width: 100%;}
.table.table-type1 thead tr th {font-size: 15px; padding: 14px 20px; text-align: left; background: #fafafa; border-bottom: 1px solid #e5e5e5; font-weight: 500;}
.table.table-type1 tbody tr th {font-size: 15px; padding: 14px 20px; text-align: left; background: #fafafa; border-bottom: 1px solid #e5e5e5; font-weight: 500;}
.table.table-type1 tbody tr td {font-size: 15px; padding: 14px 20px; border-bottom: 1px solid #e5e5e5; vertical-align: middle;}
.table.table-type1 tbody tr td ul {margin: 0; padding: 0;}
@media screen and (max-width: 767px) {
	.table.table-type1 tbody tr th {padding: 15px 10px;}
}

.navWall {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0+99 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 99%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 99%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 99%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	height: 300px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

@media (max-width: 767px) {
	.navWall {
		display: none;
	}
}

.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;
}

/* ---------- 게시판 타이틀 설정 ---------- */

.intro-boardbox .page-header {
	padding: 0 0 10px;
	margin: 20px 0 10px;
	border-bottom: 1px solid #6d6d6d;
}

.intro-boardbox .page-header h4 {
	margin: 0;
	color: #555;
	font-size: 17px;
	font-weight: 600;
	letter-spacing: -0.01em;
}

.intro-boardbox .page-header h4 .btn {
	padding: 5px 0 0;
	margin: 0;
	line-height: 1;
}

.intro-boardbox .page-header h4 .btn:hover,
.intro-boardbox .page-header h4 .btn:active {
	box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}

.intro-boardbox .page-header h4 .btn .fa-plus:before {
	content: url('/skin/img/default/board-plus-icon.png');
}


/* ---------- 게시판 리스트 설정 ---------- */

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

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

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

.dh-front-list2 h6 a,
.dh-front-list2 h6 a span {
	color: #666;
	font-weight: 400;
	font-size: 13px;
	padding: 8px 0;
}

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

.dh-front-list2 h6 a:hover .list-row-subject {
	color: #303030;
}

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

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

.list-row-subject:before {
	content: "∙";
	color: #1d65a3;
	font-weight: bold;
	padding-right: 11px;
}

.row-separator {
	display: none;
}

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

.list-row-contents {
	display: none;
}

.intro-board-layout {
	display: none;
}

.intro-widget-layout {
    width: 100%;
    max-width: 970px;
    float: none;
    margin: 0 auto;
    /* float: left; */
}

@media screen and (min-width: 768px) {
	.intro-widgetbox {
		padding: 0 15px;
		width: 50%;
		border-bottom: 0;
	}
}

.intro-board-widget-layout {
    padding-top: 50px;
    padding-bottom: 50px;
}
/* //메인 페이지 설정 끝 */

.service-box-inner .inner-img {
	display: block;
	border: 1px solid #E5E5E5;
	margin-bottom: 5px;
}
.service-box-inner .inner-list h4 {
    margin: 0;
    text-align: center;
    color: #FFF;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: -0.04em;
    background-color: #222A35;
    padding: 12px 15px;
}
.service-box-inner .inner-list ul {
    margin: 0 0 30px;
    padding: 15px 15px 15px 35px;
    border: 1px solid #dedede;
    border-top: 0;
}

@media (min-width: 499px) {
	.service-box-inner .inner-list ul {
		min-height: 260px;
	}
}

.service-box-inner .inner-list ul li {
    font-size: 14px;
	text-align: justify;
	word-break: keep-all;
    letter-spacing: -0.03em;
    color: #555;
    line-height: 24px;
    margin-bottom: 5px;
	list-style: square;
}

@media screen and (max-width: 499px) {
	.col-xxs-12 .col-xs-6 {
		float: left;
		width: 100%;
	}
}

@media (min-width: 1200px) {
	.container:not(.sub-layout):not(.container_slide):not(.container_contents), #content {
		width: 970px;
	}
}

/* 2017-10-24 */
.wrap-service-txt {
	opacity: 0;
	-webkit-transition: ease .4s all;
	transition: ease .4s all;
}

.wrap-service-txt > p {
	display: none;
}

.service-box {
	width: 180px;
    height: 180px;
    margin: 0 7px 10px;
/* 	padding-top: 58px; */
	-webkit-transition: ease .4s all;
	transition: ease .4s all;
	padding-top: 32px;
}

.service-box:hover {
/* 	border-color: rgba(253, 4, 5, .75); */
	text-decoration: none;
/* 	padding-top: 32px; */
}

/* .service-box:hover .wrap-service-txt { */
.service-box .wrap-service-txt {
	opacity: 1;
}

@media screen and (max-width: 767px) {
	.service-box {
		display: block;
		margin: 0 auto 20px;
	}
}

#client-industry .col-md-3 h2 {
	margin-bottom: 15px;
}

@media screen and (min-width: 992px) {
	.md-text-right {
		text-align: right !important;
	}
	
	.ci-icon {
		margin-bottom: 10px;
	}
	
	.md-text-right .ci-icon {
		margin-left: auto;
		margin-right: 0;
	}
	
	.dh-view-box p {
		font-size: 16px;
	}
}

@media screen and (max-width: 991px) {
	.ci-icon {
		margin: 0 auto 10px !important;
	}
}

#client-industry .sub-left-title h2 small {
    font-size: 15px;
    display: block;
    margin-top: 5px;
}

br.visible-xxs {
	display: none;
}

/* Responsive */
@media (max-width: 767px) {
	.navbar-inverse {
		box-shadow: 0px 2px 4px rgba(0, 0, 0, .125);
		-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, .125);
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.navbar-inverse .navbar-brand {
		margin-top: 15px !important;
	}
	
	.navbar-inverse .navbar-toggle {
		border-color: transparent;
		margin-top: 8px;
		margin-bottom: 8px;
	}
	
	.fill {
		height: 50vw;
	}
	
	.container_contents {
		padding-top: 0;
	}
	
	.foot-bottom p.left, .foot-bottom p.right {
		float: none;
	}
	
	.foot-bottom .company_name {
		display: block;
	}
	
	#content p {
		text-align: left;
	}
	
	.sub-layout {
		margin-top: 0;
	}
	
	.service-box-inner .inner-list ul li {
		text-align: left;
	}
	
	.xxs-special {
		margin-top: -15px !important;
		margin-bottom: 15px !important;
	}
}

@media (max-width: 599px) {
	#top h2 {
		font-size: 20px;
	}
	
	.foot-top {
		display: none;
	}
	
	.dh-board * {
		font-size: 12px;
	}
	
	br.visible-xxs {
		display: block;
	}
}