@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
/*로고 클릭 영역 및 메뉴 클릭 영역 초기화*/
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand, :last-child.navbar-right.navbar-nav{
    margin:0px;
}

.container:nth-child(2){
    width:100%;
	padding: 0px;
}
.container.container_slide{
    width:100%;
	padding: 0px;
}

.head-top
{
    position:relative;
    width:100%;
}
.head-top p:first-child,
.head-top p:last-child
{
   position: absolute; 
}

.head-top p:first-child
{
  
  top: 50px;
  left: 2%;  
  color:#fff;
  font-size:12px;
}

.head-top p:last-child
{
    right: 2%;
    top: 50px;
}

.head-top p:last-child a
{
    color:#fff;
}
/*메인 로고와 메뉴 영역 분리 */

.navbar-header{
	text-align: center;
    float: none;
    padding: 0;
}
 
 .navbar + br
 {
     display:none;
 }
 

/* 메뉴 상단 다국어 버튼 */
.menu-top {
	text-align: right;
    color: #383838;
    font-size: 14px;
    display: block;
    position: absolute;
    top: 120px;
    width: 100%;
    left: 0;
    right: 0;
    max-width: 1170px;
    margin: 0 auto;
    letter-spacing: -0.2px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
}
.menu-top button {
	float: right;
    cursor: pointer;
    margin-left: 5px;
    position: relative;
    top: -1px;
    padding: 0px;
    border: none;
    background: none;
}

.menu-top img {
	width: 21px;
    height: 15px;
    position: relative;
    top: 4px;
}
@media(min-width:992px){
    .menu-top {padding: 0; top: 59px;}
}

/*상단 메뉴 설정 시작*/
.navbar-inverse{
	background: #FFF;
    border: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.navbar-toggle { margin-right: 36px; margin-top: 28px; background-color: #333; }
/*상단 메뉴 설정 끝*/

/*상단 메뉴 로고 시작*/
.navbar-brand {float:none !important; display:inline-block;}
.navbar-brand img {padding-top: 10px;}
/*상단 메뉴 로고 끝*/

/* 상단 메인 메뉴 설정 시작*/
.navbar-inverse .divider-vertical {display: none;}

@media screen and (min-width: 768px) {
		.navbar-nav {
			margin: 0 auto !important;
			padding: 0;
			display: table;
			table-layout: fixed;
			max-width: 1170px;
			width: 100%;
			float: none !important;
		}
		.navbar-nav>li {
			display: table-cell;
			float: none;
			text-align: center;
		}
	}

.navbar-inverse .navbar-nav > li > a {
	background: rgba(0,0,0,0);
    color: #fff;
    font-size: 16px;
    padding: 16px 0px;
    margin: 0;
    text-shadow: 0 0 0 rgba(0,0,0,0);
    font-weight: 400;
}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {background: #fff; color: #333;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    background: rgba(0,0,0,0) !important;
    box-shadow: 0 0 0 rgba(0,0,0,0) !important;
}
/* 상단 메인 메뉴 설정 끝*/

/* 상단 서브 메뉴 설정 시작*/
.dropdown-menu {
	right: auto !important;
    left: 0 !important;
    padding: 0;
    margin: 0 0 0 0px !important;
    border-radius: 0;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	min-width: 146px;
}
.dropdown-menu > li > a{
	background-color: #ffffff;
    color: #444;
    margin: 0;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
    -ms-word-break: keep-all;
    word-break: keep-all;
    text-align: left;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {background: #eee; color: #333;}

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

/* 푸터 영역 설정 시작 */
.footer_copy .text-center{background: #323232; color: #aaa; font-size: 12px; text-align: left; padding: 30px 0 10px; margin: 0;}
.footer-top {width: 1170px; margin: 0 auto 10px; padding: 0 15px;}
.footer-top ul{margin: 0; padding: 0; display: inline-block; width: 100%;}
.footer-top ul li{float: left; display: inline-block;}
.footer-top ul li a{color: #c5c5c5; font-size: 13px; margin-right: 30px;}
.footer-top ul li:last-child a:after{content: ""}
.footer-middle {width: 1170px; margin: 0 auto 20px; padding: 0 15px;}
.footer-middle ul{margin: 0; padding: 0; display: inline-block; width: 100%; line-height: 1.6;}
.footer-middle ul li{float: left; display: inline-block;}
.footer-middle ul li span:after{content: "|"; color: rgba(255,255,255,0.2); padding: 0 6px 0;}
.footer-middle ul li:last-child span:after{content: "";}
.footer-bottom {width: 1170px; margin: 0 auto; padding: 0 15px;}
.footer-bottom p{display: inline-block; width: 100%;}
.socialArea{display: none;}
@media screen and (max-width: 991px) {
	.footer-top{width: 100%;}
	.footer-middle{width: 100%;}
	.footer-bottom{width: 100%;}
}
/* //푸터 영역 설정 끝*/

/*인트로 텍스트 설정 시작*/
.fill h1 {margin: 0;}
.fill h1 span, .fill p span {
    background:none;
    opacity:1;
    text-shadow:none;
    padding:0;
}
.fill h1 span > span {
    color: #ccc;
    font-size: 16px;
    font-weight: 400;
    margin: 20px 0 50px;
    display: block;
    line-height: 1.5;
}
.fill h1 span strong {
    display: inline-block;
    font-size: 50px;
    font-weight: 400;
    letter-spacing: -0.02em;
}
.fill p span {border: 1px solid #fff !important;
    border-radius: 50px;
    color: #fff;
    font-size: 15px;
    display: inline-block;}
.fill p span .btn {display: inline-block;
    padding: 12px 30px;
    color: #fff;}
.fill p span .btn::after {content: ">"; padding-left: 10px;}
.carousel-caption {
	top: 50%;
    margin-top: -100px;
    color: #fff;
    padding: 0;
    bottom: auto;
}
.carousel-control{
    display: none;
}
/*인트로 텍스트 설정 끝*/


/*main page part*/
.main-1
{
  width:100%;
  padding-bottom: 40px;
  margin-top:30px;
}


.main-1 .main-content{
    width:100%;
    position:relative;
}
.main-1 .main-content a{
    color:#aeaeae;
}


.main-1 h4 {margin: 20px 0 5px;
    text-decoration: none;
    color: #333;}
.main-1 h4 > strong {color: #333;
    font-size: 24px;
    letter-spacing: -0.03em;
    border-bottom: 1px solid #fff;
    display: inline-block;}
.main-1 h4 > strong:hover {
    border-bottom:1px solid #968d6a;
    color:#968d6a;
}
.main-1 p {
    color: #555;
    font-size: 10pt;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
    margin: 0 0 30px;
}

.main-content .main-box-1{
    background-image:url('/skin/img/main/main-img1.jpg');
    background-size:cover;
    min-height:190px;
    padding:0;
    margin-bottom:20px;
}
.main-content .main-box-2{
    background-image:url('/skin/img/main/main-img2.jpg');
    background-size:cover;
    min-height:190px;
    padding:0;
    margin-bottom:20px;
}
.main-content .main-box-3{
    background-image:url('/skin/img/main/main-img3.jpg');
    background-size:cover;
    min-height:190px;
    padding:0;
    margin-bottom:20px;
}
.main-content .main-box-4{
    background-image:url('/skin/img/main/main-img4.jpg');
    background-size:cover;
    min-height:190px;
    padding:0;
    margin-bottom:20px;
}
.main-content .main-box-5{
    background-image:url('/skin/img/main/main-img5.jpg');
    background-size:cover;
    min-height:190px;
    padding:0;
    margin-bottom:20px;
}
.main-content .main-box-6{
    background-image:url('/skin/img/main/main-img6.jpg');
    background-size:cover;
    min-height:190px;
    padding:0;
    margin-bottom:20px;
}


.main-1 .caption{
    text-align:center;
}
.main-1 .caption h5:first-child {color: #ddd;
    font-size: 17px;
    margin: 78px 0 12px;
    letter-spacing: -0.05em;}
.main-1 .caption h5 {
    display:inline-block;
    font-size:14pt;
    line-height:14pt;
    font-weight:400;
    color: #fff;
}
.main-1 .caption h5.main-1-title {
	font-size: 22px;
    font-weight: 600;
    margin: 0;
    letter-spacing: -0.03em;
	-ms-word-break: keep-all;
	word-break: keep-all;
	line-height: 1.5;
}
.main-hover {visibility: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;}
.main-hover.caption h5 {color: #fff;}
.main-1 .row .main-content > div:hover .main-hover.caption{
    visibility: visible;
    background: rgba(0,0,0,0.6);
}



/*        main2          */
.main-2 {
  width:100%;
  padding-bottom: 40px;
  margin-top:30px;
}
.main-2 .main-content{
    width:100%;
    position:relative;
}
.main-2 .main-content a{
    color:#aeaeae;
}


.main-2 h4 {margin: 20px 0 15px;
    text-decoration: none;
    color: #333;}
.main-2 h4 > strong {
    color: #333;
    font-size: 24px;
    letter-spacing: -0.03em;
    border-bottom: 1px solid #fff;
    display: inline-block;}
.main-2 h4 > strong:hover {
    border-bottom: 1px solid #968d6a;
    color: #968d6a;}
.main-2 p {
    color: #555;
    font-size: 10pt;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
    margin: 0 0 30px;
}




.main-2 .caption{
    text-align:center;
}
.main-2 .caption h5:first-child{
    margin-top:48px;
}


.main-2 .caption h5{
    display:inline-block;
    font-size:14pt;
    line-height:14pt;
    font-weight:400;
    color:#555;
    padding:8px 12px;
    border:1px solid #eee;
    background-color:#fff;
}
.main-2 .caption h5.main-2-descript{
    font-weight:400;
}

.main-2 .caption h5:first-child{
    margin-top:60px;
}
h5.main-2-btn{
    opacity:0;
    margin:0;
}
.main-hover h5.main-2-btn{
    opacity:1;
    color:#fff;
    border:1px solid #fff;
    background-color:rgba(0, 0, 0, 0);
}

.main-2 .row .main-content > div:hover .main-hover.caption{
    visibility:visible;
    background:rgba(150,141,106,0.65);
}



/*        main3          */
.main-3 {
  width:100%;
  margin-top:30px;
}
.main-3 .main-content{
    width:100%;
    position:relative;
}
.main-3 .main-content a{
    color:#aeaeae;
}


.main-3 h4 {margin: 20px 0 15px;
    text-decoration: none;
    color: #333;}
.main-3 h4 > strong {
    color: #333;
    font-size: 24px;
    letter-spacing: -0.03em;
    border-bottom: 1px solid #fff;
    display: inline-block;}
.main-3 h4 > strong:hover {
    border-bottom: 1px solid #968d6a;
    color: #968d6a;}
.main-3 p {
    color: #555;
    font-size: 10pt;
    padding-bottom: 30px;
    margin: 0;
}

/* page-header */
.custom-title.panel{
    box-shadow: 0 0 0 #000 !important;
    margin-bottom: 0 !important;
    background-color: #fff !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
}
.custom-title.panel-default{border-color:#fff !important;}
.custom-title .panel-body{
    padding:60px 15px 40px;
}
.panel-body h3{
    font-size: 26pt;
    margin: 0;
}
.panel-body h3 strong{
    font-weight:500 !important;
}

.sub-introduction .page-header{
    padding-bottom: 5px;
    margin: 0 0 45px;
    border-bottom: 2px solid #777777;
}
.page-header .breadcrumb{
    padding: 0 15px;
    text-align: right;
    margin-bottom: 0;
    list-style: none;
    background-color: #fff;
    border-radius: 4px;
}
.page-header .breadcrumb ol,
.page-header .breadcrumb ul{
    margin-top:0;
}
.breadcrumb > li{color:#777;}
.breadcrumb > li+li:before{
    padding:0 3px;
    color: #777;
    content: ">\00a0";
}
.breadcrumb > .active{
    color: #333;
    font-weight: 700;
}

.intro-boardbox div.page-header h4 a .fa-plus::before{
    content:'자세히보기';
}
/*board setting part*/
.intro-boardbox div.page-header{
    display:none;
    margin:60px 0 0px;
    text-align:center;
    border-bottom:none;
}
.intro-boardbox div.page-header h4{
    font-size:24px;
}
.intro-boardbox div.page-header h4 a.btn{
    position:absolute;
    bottom:60px;
    left:34.6%;
    right:auto;
    z-index:999;
    padding:8px 32px;
    color:#404040;
    font-size:14px;
    
}
.intro-boardbox .panel.panel-default
{
    border:none;
}
.intro-boardbox .dh-front-list2
{
    min-height:360px;
    word-break:keep-all;
}
.intro-boardbox .dh-front-list2 h6 a span
{
    color:#5d5d5d;
    font-weight:500;
}
.intro-boardbox .dh-front-list2 h6 a span.list-row-regdate
{
    color:#b4b4b4;
}
.intro-boardbox .list-row-contents
{
    display:none;
}
.intro-boardbox .row-separator
{
    visibility:hidden;
}
.intro-boardbox .list-row-regdate
{
    display:block;
}


/*        블로그 게시판 수정        */
.blog-row-subject{padding:5px 0 !important}
.thumbnail .caption{padding:18px 36px;}

.dh-front-blog > .col-md-4 > .thumbnail{
    box-shadow:0 0 0 #000;
    border:1px solid #ededed;
}
.dh-front-blog > .col-md-4 > .thumbnail > a.blogthumb{
    border:none;
}
.dh-front-blog > .col-md-4 > .thumbnail > .caption h5 a{
    font-weight:500;
    font-size:14pt;
    color:#444;
}
.dh-front-blog > .col-md-4 > .thumbnail > .caption h5 a:hover{
    color:#968d6a;
}
.dh-front-blog > .col-md-4 > .thumbnail > .caption p a{
    font-size:11pt;
    line-height:18pt;
}
a.dsq-brlink{
    font-size: 10pt;
    color: #ADADAD;
}

/*sub page*/
.sub-layout {width: 100%; padding: 0;}
.content_top_title {color: #008ad6; font-size: 33px; font-weight: 400; text-align: center; margin: 20px 0 10px;}
.top-sub-bg {width: 100%; height: 230px; position: relative; margin-top: 160px; background: url('/skin/img/sub/sub-top.jpg') no-repeat; background-position: center;}
.top-sub-bg div.top-sub-bg-t-title {
	position: absolute;
    width: 100%;
    color: #fff;
    height: 100%;
}
.top-sub-bg-t-title {top: 0;}
.top-sub-bg-t-title h3 {font-size: 34px;
    font-weight: 600;
    margin: 60px 0 15px;}
.top-sub-bg-t-title p {
	font-size: 20px;
    font-weight: 100;
    margin: 15px 0 0;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    padding: 0 0 60px;
}
.top-sub-bg-t-title .separator {display: inline-block; width: 20px; height: 1px; background-color: #fff;}
.top-sub-bg-t-title ul{
	overflow: hidden;
    color: #fff;
    display: table;
    margin: 10px auto 0;
	padding: 12px 0 0;
}
.top-sub-bg-t-title ul li {float: left;
    color: #eee;
    font-size: 14px;
    padding: 0 5px;
    list-style: none;}

.top-sub-bg h2 {
	background-position: 0 7px;
	color: #008dd7;
	font-size: 48px;
}


.inner-content{
    width: 100%;
    max-widtH: 1170px;
    margin: 0 auto;
}
.content .content-bg
{
    width:100%;
    height:882px;
    background:url('/skin/img/content-bg.jpg') no-repeat;
    background-size:cover;
    background-position:center;
}

img.img-wrap{border:1px solid #cccccc;}

#page { padding: 60px 0px; }


/*mobile part*/
@media all and (max-width:767px)
{
    .head-top p:last-child,
    .head-top p:first-child
    {
        top:80px;
    }
    .intro-board-widget-layout :nth-child(1).intro-boardbox,
    .intro-board-widget-layout :nth-child(2).intro-boardbox
    {
        margin:0;
        width:100%;
    }
}
.caret {display: none;}


/*      table 영역 설정 시작      */
table{
    font-size:11pt;
    width:100%;
    border-top:2px solid #777;
    border-bottom:2px solid #777;
}
tr{
    line-height:20pt;
}
th{
    padding:11px 18px;
    color:#444;
    font-weight:600;
    background-color:#F7F7F7;
    border-top:1px solid #bbb;
    border-bottom:1px solid #bbb;
	word-break: keep-all;
}
td{
    padding:11px 18px;
    background-color:#fff;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
	word-break: keep-all;
}

.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:11px 8px;
}
.dh-board > .table-hover{
    border-top:2px solid #555;
    border-bottom:2px solid #555;
    margin: 0 0 50px;
}
.table.table-hover > thead > tr > th{
    background-color:#eee;
}
/*      table 영역 설정 끝      */
/*      버스 노선 table 시작      */
.map-table{
    margin-top:70px;
}
.map-table h3{
    font-size: 24pt;
    font-weight: 400;
    margin-bottom: 30px;
    letter-spacing:-0.5px;
}
span.bus-green{
    display:inline-block;
    background-color:#4EA031;
    padding:0 3px;
    margin-right:4px;
    color:#fff;
    line-height:16pt;
}
span.bus-red{
    display:inline-block;
    background-color:#D31118;
    padding:0 3px;
    margin-right:4px;
    color:#fff;
    line-height:16pt;
}
/*      버스 노선 table 끝      */
.dhb-txt-box{
    background: #fff;
    border: 1px solid #eee;
}
.dhb-txt-box:hover{
    border:1px solid #968d6a;
}
.thumb-hidden{
    border: none;
    box-shadow: 0 0 0 #000;
}

/*       button 설정 시작       */
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover{
    color:#999;
    font-size:10pt;
    background-color:#fff;
    border-color:#ccc !important;
    border-radius:0;
}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover{
    color:#000;
    background-color:#fff;
    border:1px solid #000 !important;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span{
    border-top-left-radius:0;
    border-bottom-left-radius:0;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span{
    border-top-right-radius:0;
    border-bottom-right-radius:0;
}
.pagination > li > a,
.pagination > li > span{
    padding:8px 14px;
    border-radius:0;
    color:#000;
    background-color:#fff;
    border:1px solid #000;
}
.pagination > .active > a,
.pagination > .active > a:hover{
    background-color:#eee;
    border:1px solid #ccc !important;
    color:#333;
    font-size:10pt;
}

button.btn.btn-default.dropdown-toggle{
    background-image:none;
    box-shadow:none;
    background-color:#f9f9f9;
}
input.btn.btn-default{
    background-image:none;
    box-shadow:none;
}
.btn-primary:focus, .btn-primary:hover{
    background-color:#4798DE;
    border-color:#3584C7;
}
button#btnNew{
    background-image:none;
    background-color:#eee;
    border-color:#ccc;
    color:#333;
    text-shadow:none;
    border-radius:0;
    box-shadow:0 0 0 rgba(0, 0, 0, 0);
}
button#btnNew:hover{
    background-color:#191919;
    border-color:#191919;
    color:#fff;
}

.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .dropdown-toggle{
    border-radius:0;
}

.btn{
    padding:8px 16px;
    border-radius:0;
    background-image:none;
    box-shadow:0 0 0 #000;
}
.form-control{
    height:38px;
    padding:8px 16px;
}
.input-group-btn.open > .dropdown-menu{
    background-color:#fff;
    padding:0;
    margin:0;
}
.input-group-btn.open > .dropdown-menu > li > a{
	background-color:#fff;     /*배경 색*/
	color:#555;                /*텍스트 색*/
	margin:0px 0px 0px 0px;      /*내부 여백*/
	padding:12px 24px 12px 24px;       /*외부 여백*/
	font-size:11pt;
	letter-spacing:-1px;
}
.input-group-btn.open > .dropdown-menu > li > a:focus,
.input-group-btn.open > .dropdown-menu > li > a:hover{
    color:#333;
    background-image:none;
    background-color:#f8f8f8;
}
a.btnRead{
    font-weight:500;
}
h4 a.btnRead{
    font-size: 13pt;
    font-weight: 600;
    color: #333;
    line-height: 20pt;
}
h4 a.btnRead:hover{color:#968d6a;}
h5 a.btnRead{
    font-size: 11pt;
    font-weight: 400;
    color: #666;
    line-height: 20pt;
}
h6.hits{
    font-size: 10pt;
    color: #666;
    font-weight: 400;
}

.dh-view-box > .row > .page-header{
    padding:16px 10px 8px;
}
.dh-view-box>.row>.page-header>h4{
    font-size:17pt;
}

.sub-img{margin-top:50px;}
.row.column-wrap{
    margin-bottom:45px;
    padding-bottom:70px;
    border-bottom:1px solid #eee;
}

form#insertForm > h2{
    font-weight:500;
    margin:30px;
    font-size:18pt;
    color:#444;
}

.panel-default > .panel-heading{
    background-image:none;
}
.text-danger{
    color:#D9534F;
    font-size:9pt;
    font-weight:500;
}
/*       button 설정 끝       */

/*=================================================
			00. 공통
=================================================*/
.parallax-bg {background-position: 50% 0; background-attachment: fixed; background-size: cover; background-repeat: no-repeat;}
.col-md-penta-1 {position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;}
.con1, .con2, .con3, .con4, .con5, .con6, .con7, .con8 {margin-bottom: 70px; padding: 0;}
.title-wrap h3 {font-size: 38px; font-weight: 700; color: #333;}
.title-wrap .separator {display: inline-block;
    width: 30px;
    height: 5px;
    background-color: #333;
    border-radius: 50px;
    margin: 15px 5px 40px;}
/**======================================메인 작업자 커스텀 ==============================**/
.topmarginLay_a {height: 0px !important; }
.navbar-inverse {position: absolute; background: none; border-bottom: none; }
.navbar-inverse .navbar-header {background: none; border-bottom: none; }
.navbar-inverse .navbar-collapse {background: rgba(255,255,255,0.3); border-bottom: none !important; }
@media screen and (max-width: 767px) { 
	.navbar-inverse .navbar-collapse { background: rgba(0,0,0,0.3); } 
	.navbar-nav .open .dropdown-menu { margin-left: 15px !important; }
}
.navbar-inverse .navbar-brand {padding: 15px;
    margin: 15px 0 15px !important;
    color: #fff;
    font-size: 25px;
    font-weight: 500;
    font-family: 'Noto Sans KR', sans-serif !important;
    letter-spacing: -0.09em;
    text-shadow: 0 0 0 rgba(0,0,0,0);}


@media screen and (max-width: 767px) {
	.navbar-inverse .navbar-brand {
		color: #000;
		display: inline-block;
		text-align: center;
		padding: 0px;
		position: relative;
		left: -45px;
		top: 4px;
	}
}

.navbar-brand:before {
	content: "";
    width: 40px;
    height: 40px;
    display: inline-block;
    background: url(/skin/img/logo/logo.png) no-repeat center / contain;
    position: relative;
    top: 10px;
    right: 5px;
}


.fill { height: 700px; }
.container_contents { margin-top: -95px; z-index: 9999; position: relative; width: 100%;}
.intro-html-layout {  background: #fff; padding: 15px 55px; max-width: 1170px; width: 100%; margin: 0 auto;}
@media screen and (max-width: 767px) { 
	.container_contents { margin-top: 55px; z-index: 0; } 
	.intro-html-layout { padding: 95px 0px 15px; }
}

/* 사업분야 영역 */
.main-content .col-md-4 { padding: 0px 8px }
.mainbox {
  max-width: 100%;
  width: 100%;
  height: 200px;
  position: relative;
  -webkit-perspective: 800px;
  -ms-perspective: 800px;
  perspective: 800px;
  border-radius: 4px;
}
.card {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  border-radius: 6px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
  cursor: pointer;
}
.card div {
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    border-radius: 4px;
    background: #fff;
    display: block;
    color: #47525d;
}
.card .front { background: rgba(255,255,255,.0) }
.card .front h2 {width: 100%;
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: -0.05em;
    background: rgba(0,0,0,0.5);
    padding: 19px 0;
    margin: 0;
    bottom: 0;
    position: absolute;
    backface-visibility: hidden;}
.card .back {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.card.flipped {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

/**======================================메인 작업자 커스텀 끝==============================**/

/*=================================================
			01. 회사소개
=================================================*/
/*      인사말      */
.hello .con1 .text-wrap {
    padding: 50px 20px;
    background: transparent;
	border-top: 1px solid #ccc;
}

.hello .text-wrap p {
	color: #000;
    font-size: 17px;
    line-height: 1.8;
    margin: 0 0 24px;
    letter-spacing: -0.01em;
    word-break: keep-all;
    padding: 0 18px;
}

/*      조직도    */
.org_tb { margin-top: 55px; }
.org_tb tbody tr th { text-align: center; vertical-align: middle; }

/*      회사연혁    */

/* 타임라인 */
.hexa{border:0;float:left;text-align:center;height:35px;width:60px;font-size:22px;background:#f0f0f0;color:#3c3c3c;position:relative;margin-top:15px}
.hexa:before{content:"";position:absolute;left:0;width:0;height:0;border-bottom:15px solid #f0f0f0;border-left:30px solid transparent;border-right:30px solid transparent;top:-15px}
.hexa:after{content:"";position:absolute;left:0;width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-top:15px solid #f0f0f0;bottom:-15px}
.timeline{position:relative;padding:0;width:100%;margin-top:20px;list-style-type:none}
.timeline:before{position:absolute;left:50%;top:0;content:'';display:block;width:2px;height:100%;margin-left:-1px;background:#ccc;z-index:5}
.timeline .hexa{width:16px;height:10px;position:absolute;background:#333;z-index:5;left:0;right:0;margin-left:auto;margin-right:auto;top:-30px;margin-top:0}
.timeline .hexa:before{border-bottom:4px solid #333;border-left-width:8px;border-right-width:8px;top:-4px}
.timeline .hexa:after{border-left-width:8px;border-right-width:8px;border-top:4px solid #333;bottom:-4px}
.direction-l,.direction-r{float:none;width:100%;text-align:center}
.flag-wrapper{text-align:center;position:relative}
.flag{position:relative;display:inline;background:#fff;font-weight:600;z-index:15;padding:6px 10px;text-align:left;border-radius:5px}
.direction-l .flag:after,.direction-r .flag:after{content:"";position:absolute;left:50%;top:-15px;height:0;width:0;margin-left:-8px;border:solid transparent;border-bottom-color:#fff;border-width:8px;pointer-events:none}
.direction-l .flag{-webkit-box-shadow:-1px 1px 1px rgba(0,0,0,0.15),0 0 1px rgba(0,0,0,0.15);-moz-box-shadow:-1px 1px 1px rgba(0,0,0,0.15),0 0 1px rgba(0,0,0,0.15);box-shadow:-1px 1px 1px rgba(0,0,0,0.15),0 0 1px rgba(0,0,0,0.15)}
.direction-r .flag{-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.15),0 0 1px rgba(0,0,0,0.15);-moz-box-shadow:1px 1px 1px rgba(0,0,0,0.15),0 0 1px rgba(0,0,0,0.15);box-shadow:1px 1px 1px rgba(0,0,0,0.15),0 0 1px rgba(0,0,0,0.15)}
.time-wrapper{display:block;position:relative;margin:4px 0 0;z-index:14;line-height:1em;vertical-align:middle;color:#fff}
.direction-l .time-wrapper{float:none}
.direction-r .time-wrapper{float:none}
.time{background:#333;display:inline-block;padding:8px}
.desc{position:relative;margin:1em 0 0;padding:1em;background:#fefefe;-webkit-box-shadow:0 0 1px rgba(0,0,0,0.20);-moz-box-shadow:0 0 1px rgba(0,0,0,0.20);box-shadow:0 0 1px rgba(0,0,0,0.20);z-index:15}
.direction-l .desc,.direction-r .desc{position:relative;margin:1em 1em 0; padding: 0px 10px;z-index:15}
@media(min-width: 768px) {
.timeline{width:660px;margin:0 auto;margin-top:20px}
.timeline li:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.timeline .hexa{left:-28px;right:auto;top:8px}
.timeline .direction-l .hexa{left:auto;right:-28px}
.direction-l{position:relative;width:310px;float:left;text-align:right}
.direction-r{position:relative;width:310px;float:right;text-align:left}
.flag-wrapper{display:inline-block}
.flag{font-size:18px}
.direction-l .flag:after{left:auto;right:-16px;top:50%;margin-top:-8px;border:solid transparent;border-left-color:#fefefe;border-width:8px}
.direction-r .flag:after{top:50%;margin-top:-8px;border:solid transparent;border-right-color:#fefefe;border-width:8px;left:-8px}
.time-wrapper{display:inline;vertical-align:middle;margin:0}
.direction-l .time-wrapper{float:left}
.direction-r .time-wrapper{float:right}
.time{padding:5px 10px}
.direction-r .desc{margin:1em 0 0 .75em}
}
@media(min-width: 992px) {
.timeline{width:800px;margin:0 auto;margin-top:20px}
.direction-l{position:relative;width:380px;float:left;text-align:right}
.direction-r{position:relative;width:380px;float:right;text-align:left}
}

/* 연혁 컨텐츠 */
.history_cont { list-style: none; padding-left: 10px; }
.history_cont li { padding: 8px 0px; word-break: keep-all;}
.history_cont li span { display: block; font-size: 17px; font-weight: bold; }
.history_cont ul { list-style: none; padding-left: 10px; }

/*      오시는길    */
.location_tb { margin-top: 25px; }
.location_tb tbody tr th { text-align: center; vertical-align: middle; }

/* 사업개요 */
.pd_summary:nth-of-type(1) ~ .pd_summary { margin-top: 50px; }
.pd_summary:nth-of-type(3) { max-width: 1170px; width: 100%; margin: 0 auto; }
.pd_summary h4 { font-size: 20px; margin: 0px 15px 35px; }
.pd_summary:nth-of-type(3) h4 { margin: 0px 0px 35px; }

/* 페이지 준비중 */
.preparing { font-size: 40px; color: #807c7c;}

/* 다낭 */
.danang-title {
	border: 1px solid;
    font-size: 24px;
    padding: 10px 20px;
    text-align: left;
    font-weight: bold;
    margin-bottom: 25px;
}

.danang .sect_title {
	font-weight: bold;
	color: #ffffff;
	font-size: 30px;
	line-height: 1.5;
	word-break: keep-all;
}


.poa {
	position: absolute;
    bottom: 30px;
    width: calc(100% - 60px);
    left: 30px;
    right: 30px;
}

.danang ol li {
	font-size: 16px;
	font-weight: bold;
}

.danang .sect03 { background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)), url('/skin/img/sub/danang/danang03.jpg') no-repeat top / contain; height: 1235px; padding: 30px 30px; position: relative;}
.danang .sect04 { background: url('/skin/img/sub/danang/danang04.jpg') no-repeat center / cover; height: 1235px; padding: 30px 30px; position: relative;}

.danang .sect04 .table-title {
	background: #fff;
    padding: 15px 20px;
    color: #000000;
    font-size: 21px;
    font-weight: bold;
	margin-top: 55px;
}
.danang .sect04 .table th, .danang .sect04 .table td {
	color: #ffffff;
}


.danang .sect05 { background: linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.4)), url('/skin/img/sub/danang/danang05.jpg') no-repeat center / cover; height: 1235px; padding: 30px 30px; position: relative;}
.danang .sect05 .table-title {
	background: #ffffff;
    padding: 15px 20px;
    color: #F03E23;
    font-size: 21px;
    font-weight: bold;
	margin-bottom: 55px;
}

.danang .sect05 .table th, .danang .sect05 .table td {
	color: #ffffff;
}

.danang .sect .table th, .danang .sect .table td {
	background-color: transparent;
}

@media screen and (max-width: 767px) {
	.poa {position: relative; bottom: auto; }
	.danang .sect {
		height: auto !important;
	}
}

/* 170829 */
.dh-board, .dh-view-box, .bbs-list-edit-layout #insertForm, .bbs-list-add-layout #insertForm {
	max-width: 1170px;
	width: 100%;
	margin: 0 auto;
}

.dh-view-box, .bbs-list-edit-layout #insertForm, .bbs-list-add-layout #insertForm {
	padding: 0 0 50px;
}