/* 웹폰트 Import */
@import url(http://fonts.googleapis.com/css?family=Noto+Sans);

/* 스크롤 설정 */
html {overflow-x: hidden; overflow-y: scroll;}

/* 폰트 설정 */
* {font-family: 'Malgun Gothic', sans-serif !important;}
h1, h2, h3, h4, h5, h6, p {font-family: 'Malgun Gothic', sans-serif !important;}
.fa {font-family: 'FontAwesome' !important;}
.glyphicon {font-family: 'Glyphicons Halflings' !important;}

/* 모바일 메뉴 위치 조정 */
.navbar-toggle {margin-top: 22px}

/* 소셜 아이콘 삭제 */
.footer-social-layout {display: none}

/*상단 메뉴 설정 시작*/
.navbar-inverse{
	background: #ffffff !important;
	border-color: #ffffff !important;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
/*상단 메뉴 설정 끝*/

/*상단 메뉴 로고 시작*/
.navbar-brand img {
	padding-top: 0px;
}
/*상단 메뉴 로고 끝*/

/* 상단 메인 메뉴 설정 시작*/
.navbar-inverse .navbar-nav > li > a{
	background-color: none;	      /*배경 색*/
	color: #555555;                /*텍스트 색*/
	font-size: 15px;
    padding: 30px 20px 20px 20px;
    margin: 40px 0px 0px 0px;
}
/* 상단 메인 메뉴 설정 끝*/

/* 상단 서브 메뉴 설정 시작*/
.dropdown-menu{
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: 0 0 0 #000;
    border: 1px solid rgba(0,0,0,0.1);
}
.dropdown-menu > li > a{
	background-color:#ffffff;
	color:#333333;
	padding:13px 30px 13px 20px !important;
	margin:0px 0px 0px 0px;
	font-size:14px;
}
.dropdown-menu > li > a:hover{
    background-image:none;
    background-color:#ececec;
}
@media (min-width: 768px){
    .navbar-right .dropdown-menu {
        right: auto;
        left: 0;
    }
}
/* 상단 서브 메뉴 설정 끝*/

/* 하단 카피라이트 설정 시작*/
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;            /*텍스트 정렬*/
}
.footer_copy .text-center{
	background-color: #ffffff;
    color: #999999;
    font-size: 12px;
    line-height: 22px;
    padding: 10px 0px 30px 0px;
    margin: 0px 0px 0px 0px;
    text-align: left;
}

@media screen and (max-width: 767px) {
    .footer_copy .text-center {
        font-size: 10px;
        word-break: normal;
    }
}
/* 하단 카피라이트 설정 끝*/

/*인트로 텍스트 설정 시작*/
h1.intro_span{
	background-color:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:36px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}

p.intro_span{
	background-color:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}

.flex-caption span.intro-title{
	background:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:36px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}
.flex-caption span.intro-text{
	background:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}
/*인트로 텍스트 설정 끝*/



/*---------------------------------------skin design---------------------------------------------*/
.navbar-inverse {
    border-color: rgba(0,0,0,0);
    border: none;
    background: #fff; 
    padding: 0px;
    transition-duration: 0.3s;
    transition-timing-function: ease;
}
.navbar-inverse .divider-vertical {
    display:none;
}
.navbar-brand{
    margin: 40px 0 0;
}
.navbar-brand img{
    transition-duration: 0.3s;
    transition-timing-function: ease;
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0);
}
.navbar-inverse .navbar-brand {
    color: #333;
}
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover {
    color: #333;
    background-color: transparent;
}
.navbar-inverse .navbar-nav > li > a {
    color: #555 !important;
}
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
    color: #333 !important;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover{
    background-image: none !important;
    background-color: #ffffff;
    box-shadow: 0 0 0 rgba(0,0,0,0);
}

@media screen and (max-width: 767px) {
    .navbar-inverse .navbar-nav > li > a {
        margin-top: 0;
        padding: 15px 20px 5px 20px;
    }
}

.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{font-family: 'Lobster', cursive; font-size: 22px;}

.intro-widgetbox{display:none;}
/*
.container_contents{width:auto;}
*/

.container_contents section{overflow:hidden;min-height:100px;}
.container_contents section>div{padding:0px; text-align:center;}

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

.con-area1{background:#fff;}
.con-area2{background:#fff;position:relative;}
.con-area3{}
.con-area4{}

.gu-slider .carousel-inner .item{height:600px;background-size:cover!important;background-position:center!important;}

.topmarginLay_a{margin-top:-20px;}

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

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

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-area3{padding:35px 0!important;}


.con-area4{min-height:150px;}
.gu-parallax { background: url(/skin/img/pcg24-bg1.jpg) 50% 0 fixed; height: auto;  margin: 0 auto; width: 100%; position: relative;   box-shadow: 0 0 50px rgba(0,0,0,0);padding: 0px; }
.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: none; /*display: block;*/ background: #f5f5f5; margin-bottom: 35px; color: #000;}
.footer_copy{
    width: 100%;
    max-width: 1170px;
    margin: 60px auto 0;
    border-top: 1px solid #ccc;
    padding-top: 20px;
}
.footer_copy > div{
    padding-bottom: 40px;
}
.footer-social-layout{display:none;}
.footer-link{margin-bottom:15px;}

/*블로그게시판 custom*/
.dhb-txt-box{width:33.3%;float:left;min-height: 230px;background: #FFF none repeat scroll 0% 0%;border: 0px solid #D9D9D9;}
.dhb-txt-box{
    padding:0px !important;
    margin:0px !important;
}
.dhb-txt-box{width:100%;}
.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%; max-height: 220px;}
.dhb-txt-list>.row div:nth-child(2){width:100%; margin-top: -35px;}
.dhb-txt-list .row h4{
    background-color: transparent;
    padding: 5px 15px 6px;
    margin: 0 0 0;
    display: inline-block;
    width: 100%;
    max-height: 35px;
    overflow: hidden;
}
.dhb-txt-list .row:hover h4{background-color: rgba(0,0,0,0.8);}
.dhb-txt-list .row h4 strong a{
    width: 100%;
    float: left;
    overflow: hidden;
    line-height: 1.8;
    margin: 0 0 0;
    color: transparent;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.dhb-txt-list .row:hover h4 strong a{color: #fff;}
a.btnRead{
    font-size: 14px;
    font-weight: 400;
}
.dhb-txt-list .row h5{display:none;}

.thumb-hidden {border: 0px solid #FFF; box-shadow: 0 0 0 #000;}
.thumb-hidden {max-height:220px !important;}

.pull-right {display:none !important;}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .dhb-txt-box{width:50% !important;}
    .dhb-txt-box:nth-child(2n+2) { clear:left; }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .dhb-txt-box{width:33.3% !important;}
    .dhb-txt-box:nth-child(2n+2) { clear:none; }
    /*.dhb-txt-box:nth-child(3n+2) { clear:left; }*/
}

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


/*     메인 페이지  설정 시작    */
#main-page{padding: 70px 0 100px;}

.intro-board-widget-layout > .intro-boardbox > .dh-front-blog > div{
    padding-right: 8px;
    padding-left: 8px;
}

.dh-front-blog>.col-md-4>.thumbnail{
    line-height: 1.7;
    border: none;
    min-height: 220px;
}
.dh-front-blog>.col-md-4>.thumbnail>.caption h5{
    margin: 0;
    padding:2px 8px !important;
}
.dh-front-blog>.col-md-4>.thumbnail>.caption h5 a{
    color: #0D131A;
    font-size:13px;
    font-weight:500;
    padding:10px 10px;
}
.dh-front-blog>.col-md-4:hover>.thumbnail>.caption h5 a{
    color: #fff;
}
.dh-front-blog>.col-md-4>.thumbnail>a.blogthumb{
    border:none;
    height: 280px;
}
.thumbnail{
    box-shadow:0 0 0 #000 !important;
    margin:10px 0 10px !important;
}
.thumbnail .caption{
    padding: 9px;
    color: #fff;
    background-color: #0d131a;
    text-align: center;
}
.thumbnail .caption .blog-row-contents{
    display:none;
}

/*     메인 페이지  설정 끝     */


/*     서브 페이지  설정 시작     */
.sub-layout{width: 100%; padding: 0;}
/* -------------------- 서브페이지 content width 설정 -------------------- */
.sub-content, .sub-wrap, .form-group, .map-wrap, .dh-board, .form-horizontal, .img-bbs-default-index-layout>.row, .dh-view-box, .login-layout, .join-agree-layout>.row, #mailForm {width: 1170px; margin: 0 auto;}
@media screen and (max-width: 991px) {
    .sub-content, .sub-wrap, .form-group, .map-wrap, .dh-board, .dh-view-box, .form-horizontal, .img-bbs-default-index-layout>.row, .vod-index-layout .dhb-txt-box,
    #mailForm, .login-layout, .join-agree-layout>.row {width: 100%;}
}
.dh-board, .dh-view-box, .dh-add-box, .dh-edit-box {
    padding-left: 30px;
    padding-right: 30px;
}
.subTop{
    background-color: #4a4a4a;
    display: inline-block;
    width: 100%;
    min-height: 100px;
    padding: 20px 20px 20px;
    margin: 10px 0 20px;
    color: #fff;
}
.subTop p{
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
    margin: 35px 0 0;
    color: #f7f7f7;
}

.sub-content h3{
    font-size: 27px;
    font-weight: 500;
    font-family: 'Narkisim' !important;
    margin: 40px 0 20px;
}
.sub-content p{
    font-size: 16px;
    font-weight: 400;
    /* font-family: "NanumBarunGothic" !important; */
    line-height: 1.8;
    margin: 30px 0 40px;
    letter-spacing: -0.3px;
}
.sub-content p .p-small{
    font-size: 16px;
    font-weight: 600;
    color: #333;
}
.sub-content img{margin-top: 40px;}

hr {
    margin-top: 60px;
    margin-bottom: 40px;
    border: 0;
    border-top: 1px solid #eee;
}

ul.nav.nav-pills{margin-bottom:20px;}
.nav-pills>li>a{
    color:#0d131a;
    background-color:#ececec;
    font-size: 15px;
    line-height: 12px;
    border-radius:0;
    margin: 2px 2px;
    padding: 16px 40px 14px;
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover{
    background-color:#d7000f;
    color:#fff;
}
.nav>li>a:focus,
.nav>li>a:hover{
    background-color:#d7000f;
    color:#fff;
}
.nav-pills>li+li{margin:0;}

.tab-content .page-header{
    border-top: 2px solid #333;
    border-bottom: 2px solid #ccc;
    padding: 2px 5px 0;
    margin: 0 0 40px 0;
}
.tab-content h4 {font-size:23px;}
.tab-content h5 {font-size:19px;}
.tab-content p{
    line-height:1.7;
    font-size:15px;
    margin-bottom:50px;
    color:#555;
}

/**  COMPANY 페이지 설정 **/
.title-bottom {
    margin: 0 0 10px;
    font-size: 22px;
    font-weight: 500;
    font-style: italic;
    font-family: 'Narkisim', '산돌비상B' !important;
    color: #343434;
}
.title-bottom > span {
    color: #f00;
}

div#overview {
    display: inline-block;
}
div#business {
    display: inline-block;
}

p.business-black{
    background-color: #777;
    color: #fff;
    padding: 5px 0;
    text-align: center;
    margin: 0 0 20px;
}
p.business-gray{
    background-color: #ececec;
    display: inline-block;
    min-width: 180px;
    padding: 5px 0;
    text-align: center;
    margin: 0 10px 20px 0;
}
p.business-img{
    width: 20%;
    float: left;
    padding: 0 5px;
}


/* Tablet */
@media screen and (max-width: 991px) {
    p.business-img{
        width: 49%;
        float: left;
        padding: 0;
    }
}
/* Mobile */
@media screen and (max-width: 767px) {
    p.business-img{
        width: 100%;
        padding: 0;
    }
}


/** table 영역 설정 **/
table{
    font-size: 13px;
    width: 100%;
    border-top: 2px solid #f00;
    border-bottom: 2px solid #ccc;
    margin-bottom: 40px;
}
tr{
    line-height:20pt;
}
th{
    padding: 14px 12px;
    color: #333;
    background-color: #fff;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #ccc;
}
td{
    padding: 14px 12px;
    background-color: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td{
    padding:12px 8px;
}
.table-hover > tbody > tr:hover > td{
    background-color:#f9f9f9 !important;
}

/**  PORTFOLIO 게시판 설정 **/
@media (min-width: 992px){
    .bbs-blog-view-layout .col-md-6{
        padding: 2px 2px;
    }
}

.col-xs-12.dh-attach{display:none;}
.dh-view-box > .row > .col-xs-12:nth-child(3){padding: 50px 0 70px !important;}
.dh-view-box .dh-view-info{display:none;}
.dh-view-box > .row > .page-header{
    border-top: 2px solid #333;
    border-bottom: 2px solid #ccc;
}
.dh-view-box > .row > .page-header h4{font-size:23px;}

.portfolio-text{
    margin:0 0 50px;
}
.portfolio-text p{
    font-size:15px;
}
.portfolio-text p span{
    background-color: #000;
    color: #fff;
    text-align: center;
    width: 100px;
    display: inline-block;
    padding: 3px 0;
    margin-right: 10px;
}
.port-feature{
    display: inline-block;
    background-color: #eee;
    border: 1px solid #d0d0d0;
    padding: 3px 35px 3px;
    color: #ec6666;
}

.portfolio-img > div > div{
    display: inline-block;
    height: 185px;
    overflow: hidden;
    padding: 3px 2px 3px !important;
}
.portfolio-img > div > div.ht370{
    height:370px;
}
.filter-items{
    padding: 0px 0px 10px;
}
.filter-items .filter-label{
    color: #0d131a;
    font-size: 14px;
    font-weight: 600;
}
.filter-label{
    margin: 0 2px 10px;
    padding: 10px 40px 10px;
    display: inline-block;
}
.filter-label:hover{
    background-color:#d7000f;
    color:#fff;
}

.btn-default {background-image:none;}
.btn-primary {
    background-image:none;
    background-color:#ececec;
    border:1px solid #aaa !important;
    color:#444;
}
.btn-primary:focus,
.btn-primary:hover{
    background-color:#d7000f;
    border:1px solid #d7000f !important;
    color:#fff;
}
.btn-danger {background-image:none;}
.btn-danger, .btn-default, .btn-info, .btn-primary, .btn-success, .btn-warning{
    box-shadow:0 0 0 #000;
    text-shadow:0 0 0 #000;
}

.pagination>li>a, .pagination>li>span{color: #231815;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{color: #231815;}

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

/* 게시글 슬라이드 설정 */
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    width: 70%;
    margin: auto;
}

/** CONTACT 페이지 설정 **/
.map-wrap p{
    margin: 20px 0 20px;
    padding: 20px 25px;
    background-color: #fff;
    border: 1px solid #ccc;
    line-height: 25px;
}
/*     서브 페이지  설정 끝     */