@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.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:'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;
}
a, a:hover, a:focus, a:link, a:visited {text-decoration: none !important;}



/*가로 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{
	width:100%;
	max-width:1170px;
	margin:0 auto;
}

@media (min-width: 768px) {
  .navbar .navbar-nav > .dropdown > .dropdown-menu {
	left:50%;
	right:auto;
	transform:translate(-50%, 0);
  border-left: 5px solid #1459ca;
  }
}


#image .bbs-box {margin-top: 50px;}
/* 슬라이드 설정 */
/*.carousel-control {display: none;}*/
.pull-center .left{
  background:url(/skin/img/main/arrow_prev.png) no-repeat center;
}
.pull-center .glyphicon{display: none;}
.pull-center .right{
    background:url(/skin/img/main/arrow_next.png) no-repeat center;
}
.fill {
    width: 100%;
    margin: 0 auto;
    height: 540px !important;
}
.fill h1, .fill p {margin: 0;}
.fill h1 span, .fill p span {background: none; opacity: 1; text-shadow: 0 0 0 rgba(0,0,0,0); padding: 0;}
.fill h1 span {
    font-size: 52px;
    font-weight: 300;
    letter-spacing: 0.04em;
    line-height: 1.2;
}
.fill h1 span strong {
    font-weight: 600;
    color: #ffffff;
}
.carousel-caption {
    top: 50%;
    bottom: auto;
    padding: 0;
    text-align: center;
    transform: translateY(-50%);
}


/** 로고위치(상하) 조절 **/
.navbar-brand {
    padding: 0 !important;
    margin: 0 !important;
}
.navbar-brand img {
    margin: 10px 0 0 !important;
}
/** 모서리 각지게 **/
.none-radius{border-radius: 0px !important;}
/** 최상단여백 크기 설정 **/
.topmarginLay_a{padding:55px;}
@media (max-width: 768px) {
.topmarginLay_a{padding:85px;}
}
@media (max-width: 768px) {
.topmarginLay_a{padding:85px;}
}
/** 각각의 페이지 타이틀 설정 **/
.panel-default >.vine-title-title{background-repeat: none;padding:30px 0;}
/** 타이틀백그라운드 이미지 **/
.custom-back1{border-bottom:1px solid #333;}
/** 메뉴구분선 삭제 **/
.navbar-inverse .divider-vertical {border-right-color: rgba(236, 205, 171, 1);border-left-color: rgba(195, 130, 16, 1);display:none;}
/** 서브메뉴 하단 보더처리 **/
.navbar-nav > li > .dropdown-menu {border-bottom: 5px solid #1459ca;border-radius: 3px;}
/**페이지 타이틀**/
.vs-title-box{background:#fff;border:1px solid #ddd;background-image:url(/skin/img/title-deco.png) no-repeat right bottom;margin:0 0 55px;}
.vs-title-img img{width:100%;}

/**ClearFix**/
.dh-board,.dh-view-box{clear:both;}
/**인트로 HTML 설정**/
.intro-html{margin:25px 0;}
.vs-intropanel{background:#fff;padding:10px;border:1px solid #ddd;min-height:250px;}
.vs-intropanel p{font-size:11px;}
.vs-intropanel a{color:#000;display:block;}

/*Vine*/
.thumbnail {margin:0 0 15px 0;}

/* navigation */
.navbar {margin-bottom: 0;}

.navbar-inverse {
    background: #fff;
    border-bottom: 1px solid #e4e4e4 !important;
}

.navbar-collapse {
    margin: 0 -15px !important;
}
.navbar-inverse .navbar-nav > li > a {
    padding: 40px 20px;
    color: #444;
    font-size: 18px;
    letter-spacing: -0.06em;
    line-height: 1;
    text-shadow: none;
}
.navbar-inverse .navbar-toggle .icon-bar {background-color: #1459ca;}
.navbar-toggle {margin-top: 30px;}
.btnEdit i, .btnDelete i {color: #eee;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {color: #333; background: rgba(0,0,0,0); box-shadow: none; -webkit-box-shadow: none;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {color: #1459ca;}
.navbar .glyphicon {color: #333;}
.caret {display: none;}
.navbar-nav > li > .dropdown-menu {border-bottom: 5px solid #f79646;}
.navbar-inverse .dropdown-menu > li > a {
    display: block;
    padding: 16px 20px;
    clear: both;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.04em;
    line-height: 1;
    color: #666;
    white-space: nowrap;
}
.navbar-inverse .dropdown-menu > li > a:hover, .navbar-inverse .dropdown-menu > li > a:active, .navbar-inverse .dropdown-menu > li > a:focus {
    background: rgba(0,0,0,0);
    color: #1459ca;
}
/* //navigation */

/* main page */
/* top */
.main .top {padding: 20px; background-image: url('/skin/img/main/bg_t.png'); background-repeat: no-repeat; background-size: cover; background-color: #000;}
.main .top h2 {margin: 10px 0; color: #fff; font-weight: 400;}
.main .top p {color: #939393; font-size: 15px;}
.main .top img {padding: 25px 0;}

/* middle (left) */
.main .middle .left {width: 675px; position: absolute; padding: 30px 10px; background-color: #f0f0f0;}
.main .middle .left .box {padding: 15px; background-color: #fff; border-right: 2px solid #f0f0f0;}
.main .middle .left .box:hover {background-color: #f0f0f0;}
.main .middle .left .box table h4 {margin: 0; color: #4d4d4d;}
.main .middle .left .box p {margin: 10px 0; color: #7B7777; line-height: 1.3;}

/*  middle (right) - widget (NOTICE) */
.intro-widgetbox {padding: 0 0 10px; margin-top: 0;}
.intro-widgetBoardbox {border: none;}
.intro-widgetBoardbox > a {background: #fff; padding: 0 0 10px !important; margin: 35px 0 20px !important; position: relative;}
.intro-widgetBoardbox > a:hover {padding:5px 0px;}
.intro-widgetBoardbox > a > h5 {padding-bottom: 8px; margin-top: 31px;}
.fa-angle-right::before {content: url('/skin/img/default/btn_plus.png');}

.intro-widget-list-box > ul {padding: 0; margin: 0 !important;}
.intro-widget-list-box > ul > li {padding: 7px 0;}
.intro-widget-list-box > ul >li+li {border-top: 0;}
.intro-widget-list-box > ul > li > a {color: #666 !important; font-size: 13px; letter-spacing: -0.02em;}
.intro-widget-list-box > ul > li .widget-list-row-subject {float: left; text-overflow: ellipsis; overflow: hidden; max-width: 260px; white-space: nowrap;}
.intro-widget-list-box > ul > li .widget-list-row-regdate {font-size: 12px;}

/* middle2 */
.main .middle2, .main .bottom {padding: 30px 0;}
.main .middle2 .title {margin-bottom: 15px;}
.main .middle2 .title h4 {padding-left: 50px;}
.main .middle2 .title img, .main .bottom .title img {float: left;}
.main .middle2 ul {padding-left: 0;}
.main .middle2 ul li::before {content: url('/skin/img/default/ico_arrow.png');}
.main .middle2 ul li {list-style-type: none; line-height: 1.9; color: #7B7777;}

/* bottom */
.main .bottom {color: #fff; background-color: #8f8f8f;}
.main .bottom .title h4 {margin-top: 3px; margin-bottom: 20px; padding-left: 35px; font-weight: 400;}
.main .bottom h5 {margin: 0 0 10px; font-size: 29px; font-weight: 600;}
.main .bottom ul {padding-left: 20px;}
.main .bottom ul li, .main .bottom p {color: #f0f0f0; font-weight: 400;}
.main .bottom p {padding-left: 35px;}
/* //main page */

/* sub page */
.sub .menuTitle > div {padding: 30px; background-color: rgba(0, 0, 0, 0.4);}
.sub .menuTitle h2 {margin: 0; color: #fff; font-size: 38px; font-weight: 400;}
.sub .menuTitle p {margin: 5px 0 0; color: #ddd;}

.sub .route {float: none; padding: 30px 0;}
.sub .route > div {padding: 0;}
.sub .route h4 {display: none;}
.sub .route ol {display: inline-block; margin: 0; padding: 0; list-style-type: none;}
.sub .route li {float: left; color: #919191;}

.sub .subTitle img:nth-child(1) {padding-left: 4px;}
.sub .subTitle h3 {float: left; margin: 10px 0 30px; color: #1459ca; font-size: 30px;}

.sub .contents {margin-top: -30px;}
.sub .contents .nav-tabs {border-bottom: 2px solid #1459ca;}
.sub .contents .nav-tabs > li {margin-bottom: -2px;}
.sub .contents .nav-tabs > li > a {
    width: 150px;
    padding: 15px;
    color: #565656;
    font-size: 16px;
    text-align: center;
    border: 1px solid #cfcfcf;
    border-bottom: 2px solid #1459ca; background-color: #fff;}
.sub .contents .nav-tabs > li.active > a {color: #fff; border: 1px solid #1459ca; background-color: #1459ca;}
.sub .contents .nav-tabs > li.active > a:focus, .sub .contents .nav-tabs > li.active > a:hover, .sub .contents .nav-tabs > li > a:focus, .sub .contents .nav-tabs > li > a:hover {color: #fff; background-color: #1459ca; border: 2px solid #1459ca;}
.sub .contents .tab-content {margin: 30px 0; padding: 40px 40px 60px; border: 1px solid #dfdfdf;}
.sub .contents big {color: #333; font-size: 30px; border-bottom: 1px solid #333; line-height: 1; letter-spacing: 1px;}
.sub .contents big span:nth-child(1) {color: #1459ca; font-weight: 600;}
.sub .contents .txt::first-letter {font-size:200%;}
.sub .contents .sign {margin-top: 40px; padding-left: 230px}
.sub .contents .sign span {float: left; padding-top: 35px; font-size: 18px;}
/* //sub page */

/*----- Footer Section -----*/
.footer_copy .text-center {
	padding: 0;
}
.footer_wrap {
    background-color: #2b2f36;
    padding-bottom: 15px;
}
.footer_wrap+br {
	display: none !important;
}

.footer_wrap .call_wrap {
	  text-align: left;
    padding: 0;
    padding-top: 40px;
}

.footer_wrap .call_title {
	  font-size: 25px;
    margin-right: 15px;
    color: #E1E1E1;
    font-weight: 300;
}

.footer_wrap .call_num {
	  font-size: 25px;
    color: #E1E1E1;
    font-weight: 500;
}

.footer_wrap .call_time {
  	margin-top: 5px;
    margin-bottom: 15px;
    color: #999;
    opacity: .35;
    letter-spacing: -0.03em;
}

.footer_wrap .call_wrap .btn.btn-plug {
  	font-size: 12px;
    color: #999;
    font-weight: 500;
    border-radius: 30px;
    letter-spacing: 0.03em;
    padding: 0;
    margin-right: 15px;
    margin-bottom: 15px;
}

.footer_wrap .call_wrap .btn.btn-plug.btn-dot {
	width: 43px;
	height: 43px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	padding: 15px 0;
	text-align: center;
	display: none;
}

@media screen and (max-width: 479px) {
	.footer_wrap .call_wrap .btn.btn-plug.btn-dot {
		display: inline-block;
	}
}

.footer_wrap .copy_wrap {
	  text-align: left;
    color: #999;
    font-weight: 500;
    padding: 0;
    margin-top: 15px;
}

.footer_wrap .swr-line {
	  border-top: 1px solid #3F474A;
}

.footer_wrap .copy_wrap span {
	color: #8C8C8C;
	font-size: 12px;
}

.footer_wrap .copy_wrap span[name="addr"] {
	line-height: 30px;
}

@media screen and (max-width: 767px) {
	.footer_wrap .copy_wrap span[name="addr"] {
		line-height: 1;
	}
}

.footer_wrap .copy_wrap span+span:before {
	content: '| ';
	margin: 5px 0;
	opacity: .5;
}

.footer_wrap .location_link {
	color: #8C8C8C;
	font-size: 12px;
}

.footer_wrap .copyright_wrap {
	  text-align: right;
    color: #999;
    font-weight: 500;
    padding: 0;
    margin-top: 15px;
}

.footer_wrap .copyright_wrap span {
	color: #8C8C8C;
	font-size: 12px;
	display: block;
	margin-top: 10px;
}


.footer_wrap.fa, .footer_wrap .fas{
    font-weight: 900;
    color: #fff;
    width: 30px;
    height: 30px;
    background: #00458a;
    border-radius: 50%;
    vertical-align: middle;
    padding: 10px 0;
    margin-right: 10px;}

.menu-top {text-align: right; margin-top: 10px; color: #777; font-size: 12px;}
.menu-top img {float: right; cursor: pointer; margin-left: 5px; margin-top: 2px;}
@media(min-width:992px){
    .menu-top {padding: 0;}
}
@media (min-width:992px){
    .container.sub-layout {padding: 0;}
}
.intro-board-layout .page-header {padding-bottom: 10px; margin: 35px 0 20px; position: relative;}
.intro-board-layout .page-header h4, .intro-widgetBoardbox > a > h5 {color: #333; margin: 0; padding: 0; font-size: 16px; font-weight: 600; letter-spacing: -0.06em;}
.intro-board-layout .page-header .fa::before {content: url('/skin/img/default/btn_plus.png');}
.intro-board-layout .page-header .fa {position: absolute; top: 0; right: 0;}
.intro-board-widget-layout > .intro-board-layout .intro-boardbox {border-bottom: 1px solid #eee; margin-bottom: 20px;}
@media (min-width:768px){
    .intro-board-widget-layout > .intro-board-layout .intro-boardbox {padding: 0;}
    .intro-board-widget-layout > .intro-widget-layout {padding-right: 0;}
    .intro-board-widget-layout > .intro-board-layout {padding: 0 15px 0 0;}
}
@media (max-width:767px){
    .intro-board-widget-layout > .intro-board-layout {padding: 0;}
}
.intro-board-widget-layout .intro-board-layout .thumbnail {border: 0; -webkit-box-shadow: 0 0 0 rgba(0,0,0,.075);  box-shadow: 0 0 0 rgba(0,0,0,.075);}
.intro-board-widget-layout .intro-board-layout .thumbnail a {background-size: cover !important; height: 90px !important; border: 0 !important;}
.intro-board-widget-layout .intro-board-layout .thumbnail .caption {padding: 0 0 5px;}
.intro-board-widget-layout .intro-board-layout .thumbnail .caption h5 a {font-size: 13px; font-weight: 600;}
.dh-front-blog > .col-md-4 > .thumbnail {min-height: 0; margin-bottom: 0;}
.dh-front-blog > .col-md-4 > .thumbnail > .caption h5 {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 10px 0 5px; padding: 0 !important;}
.dh-front-blog > .col-md-4 > .thumbnail > .caption p a {font-size: 13px; color: #666; letter-spacing: -0.02em;}

/*html 영역*/
.intro-html-layout, .intro-html-layout .main-contents > div, .intro-html-layout .main-contents > div > div > .main-sub-contents div:first-child {padding: 0;}
@media (min-width:768px){
    .main-contents .title {padding: 0;}
}
@media (min-width:768px){
    .intro-html-layout .main-contents .tab-left {padding-left: 0;}
    .intro-html-layout .main-contents .tab-right {padding-right: 0;}
}
@media (min-width:768px) and (max-width:991px){
    .intro-board-widget-layout .intro-boardbox .dh-front-blog > div:last-child {display: none;}
}
@media (max-width:991px){
    .intro-html-layout .main-contents .main-sub-contents .col-md-7 {padding: 0;}
}

.main-contents img {margin-bottom: 15px;}
.main-contents .main-sub-contents {border-top: 1px solid #eee; padding-top: 25px;}
.intro-html-layout .main-contents .title {font-size: 16px; color: #333;}
.intro-html-layout .main-contents .sub-title {font-size: 15px; font-weight: 600; color: #333; letter-spacing: -0.04em; margin: 0 0 15px;}
.intro-html-layout .main-contents p {font-size: 13px; color: #666; letter-spacing: -0.04em;}

.page-top-text {position: absolute; top: 50%; left: 0; color: #fff; width: 100%; text-align: center; margin: -28px 0 0;}
.sub-page-top h3 {margin: 0 0 10px; font-size: 26px; font-weight: 800; letter-spacing: -0.06em;}
.sub-page-top .page-top-text p {color: #eee; font-size: 13px; letter-spacing: -0.04em;}

@media (max-width:767px){
    .sub-page-top img {height: 100px;}
    .sub-page-top .page-top-text {top: 5px; left: 30px;}
}
@media (min-width:767px) and (max-width: 991px){
    .sub-page-top img {height: 100px;}
    .sub-page-top .page-top-text {top: 5px; left: 30px;}
}

/* 게시판 설정 시작 */
/*=====----- 메일폼 설정 -----=====*/
#mailForm {width: 100%; max-width: 800px !important; margin: 0 auto; padding: 60px 0;}
#mailForm .form-group {margin: 0; padding: 25px 35px; background: #f8f8f8; border-bottom: 1px solid #e0e0e0;}
#mailForm .form-group:first-child {
    border-top: 2px solid #1459ca;
}
#mailForm .form-group:nth-child(5) {background: none; border: none; padding: 30px 25px;}
#mailForm .form-group label {width: 15%; float: left; margin: 10px 0 0;}
#mailForm .form-group input.form-control, #mailForm .form-group textarea.form-control {width: 85%; max-width: 935px; border: 1px solid #d0d0d0; border-radius: 0; box-shadow: 0 0 0 rgba(0,0,0,0);}
#mailForm .form-group input.form-control {height: 40px;}
#mailForm .form-group p.error, #mailForm .form-group~p.error {margin: 0; color: #1459ca; font-size: 12px}
#mailForm .form-group~p.error {padding-left: 35px; margin: -15px 0 0;}
#mailForm .form-group .checkbox {margin: -8px 0 0;}
#mailForm .form-group .checkbox label {width: 100%; margin: 0;}
input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {width: 220px; margin: 0 auto; margin-top: 30px; padding: 14px 0; border: 1px solid #bebebe !important; border-radius: 0; background: #fff !important; box-shadow: 0 0 0 rgba(0,0,0,0); color: #666; font-size: 15px; font-weight: 400; letter-spacing: -0.03em; text-shadow: 0 0 0 rgba(0,0,0,0);}
input[type=button].btn-block:hover, input[type=reset].btn-block:hover, input[type=submit].btn-block:hover {background: #1459ca !important; border: 1px solid #1459ca !important; color: #fff;}
@media screen and (max-width: 991px) {
    #mailForm .form-group input.form-control, #mailForm .form-group textarea.form-control {max-width: 567px;}
}
@media screen and (max-width: 767px) {
    #mailForm .form-group {padding: 20px 15px;}
    #mailForm .form-group label {width: 20%; font-size: 13px; font-weight: 500; letter-spacing: -0.05em;}
    #mailForm .form-group input.form-control, #mailForm .form-group textarea.form-control {width: 80%;}
    #mailForm .form-group~p.error {padding-left: 15px; margin: 0;}
    input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {margin-top: 80px;}
}

/*=====----- 게시판 설정 -----=====*/
.dh-board, .img-bbs-default-index-layout .page_wrap ~ div, .dh-view-box, .form-horizontal, #mailForm {width: 100%; max-width: 1170px; margin: 0 auto; padding: 60px 0;}
.form-horizontal{padding:0}
.bbs-list-index-layout .subPage .right_contents, .bbs-list-view-layout .subPage .right_contents, .bbs-list-edit-layout .subPage .right_contents {width: 100%; padding: 0;}
/*=====----- 텍스트 게시판 설정 -----=====*/
.dh-board .table > thead > tr > th, .dh-board .table > tbody > tr > th, .dh-board .table > tfoot > tr > th, .dh-board .table > thead > tr > td, .dh-board .table > tbody > tr > td, .dh-board .table > tfoot > tr > td {padding: 16px 20px; color: #666; font-size: 14px;}
.dh-board .table > thead > tr > th {background: #f9f9f9; vertical-align: middle; border-bottom: 1px solid #ccc; font-size: 15px; font-weight: 500; color: #333; letter-spacing: -0.03em;}
.dh-board .table > tbody > tr > td {border-bottom: 1px dotted #dedede;}
.dh-board .table > tbody > tr > td > strong > a {color: #555;}
.dh-board > .table-hover {
    border-top: 2px solid #1459ca;
    border-bottom: 1px solid #ccc;
    margin: 0 0 20px;
}
.dh-board > .table-hover > tbody > tr:hover td {background-color: #f9f9f9;}
.dh-board > .table-hover > tbody > tr:hover > td > strong > a {color: #000;}
.dh-margin-top{margin-top: 40px; display: block;}
#btnNew{background:#1459ca}
/* ----- 블로그 B타입 게시판 ----- */
.dhb-txt-box {
    border: none;
    padding: 16px 14px;
    margin: 0 0 20px;
    max-height: 220px;
    background: #f4f4f4;
}
.dhb-txt-box > .dhb-txt-list {
    height: 100%;
    border-right: 1px solid #e4e4e4;
    padding: 0;
}
.dhb-txt-box > .dhb-txt-list .row {
    margin: 0;
}
.dhb-txt-box > .dhb-txt-list .row .col-md-5 {
    padding: 0;
}
.dhb-txt-box > .dhb-txt-list .img-thumbnail {
    border: none;
    padding: 0;
    max-height: 170px;
    max-width: 220px;
}

/* ----- 게시판 버튼 설정 ----- */
.label {background: rgba(0,0,0,0); padding: 0 5px; font-size: 90%;}
.label-danger{color: #1459ca;}
.label-primary{color: #1459ca;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {background-color: #1459ca; border: 1px solid #1459ca !important;}
.pagination > li > a, .pagination > li > span {color: #9D8478; border: 1px solid #fff !important;}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination> li > span:focus, .pagination>li>span:hover{color: #9D8478;}
.dh-margin-top form#insertForm {width: 100%; max-width: 100%; display: block; margin: 0 0 0;}
.btnRead {font-weight: 500;}
.btn-default, .btn-primary, .btn-danger {background-image: none;}
.btn-group, .btn-group-vertical {margin: 10px 0 30px;}
/* ----- 게시글 뷰 페이지 설정 ----- */
.dh-view-box {margin-top: 0px;}
.sns-box {display: none;}
.dh-view-box > .row > .page-header {border-top: 2px solid #000; border-bottom: 1px solid #ccc; padding: 0 20px; margin: 0;}
.dh-view-box > .row > .page-header > h4 {color: #333; font-size: 23px; margin: 14px 0;}
.dh-view-box > .row > .dh-view-info {border-bottom: 1px solid #ccc; background: rgba(0,0,0,0); padding: 8px 20px 8px; color: #888;}
.dh-view-box > .row > .dh-view-info > span {padding: 0 15px 0 0;}
.dh-view-box > .row > .dh-view-info > span > strong {color: #555; padding: 0 5px 0 0;}
.dh-view-box .dh-attach h6 {margin: 0 0 0; padding: 5px 5px 0;}
.dh-view-box > .row:nth-child(2) > div:nth-child(3) {padding: 30px 20px 60px !important; min-height: 300px;}
@media screen and (max-width: 991px) {
    .dh-board, .img-bbs-default-index-layout .page_wrap ~ div, .dh-view-box, .form-horizontal, #mailForm {padding: 60px 15px;}
}
@media screen and (max-width: 767px) {
    .dh-board, .img-bbs-default-index-layout .page_wrap ~ div, .dh-view-box, .form-horizontal, #mailForm {padding: 40px 15px;}
}
/* 게시판 설정 끝 */

/* 서브 페이지 - 공통 */
.sub-layout {
    width: 100%;
    padding: 0;
}
#top {
    height: 340px;
    text-align: center;
    background: url(/skin/img/sub/sub_top.jpg);
    color: #fff;
    padding: 140px 0;
}
.sub_page #top {
    background-repeat: no-repeat;
    background-size: cover;
}
#top span {
    color: rgba(255, 255, 255, 0.8);
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0.08em;
    margin-bottom: 10px;
    display: block;
}
#top h2 {
    margin: 0;
    font-size: 38px;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1;
}

#content {
    max-width: 1170px;
    margin: 0 auto;
    padding: 80px 15px;
}

.table {
    border-top: 2px solid #1459ca;
}
.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: 16px 14px;
    color: #666;
    font-size: 14px;
    letter-spacing: -0.04em;
    line-height: 1.6;
    border-bottom: 1px solid #dedede;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th {
    background: #f4f4f4;
    color: #222;
    font-weight: 500;
    letter-spacing: -0.06em;
}
/* 서브 페이지 - 공통 끝 */

/*서브페이지 - 회사소개*/
#company .con1 {
    margin-bottom: 60px;
}
#company .con1 .table {
    margin: 0;
}
#company .con2 h3, #company .con3 h3 {
    font-size: 24px;
    margin: 0 0 20px;
    padding: 0 0 10px;
    color: #222;
    border-bottom: 2px solid #1459ca;
    font-weight: 500;
    letter-spacing: -0.06em;
    display: inline-block;
    position: relative;
}
#company .con2 h3:before, #company .con3 h3:before {
    content: "";
    background: #f79646;
    width: 40px;
    height: 2px;
    position: absolute;
    bottom: -2px;
    left: 0;
}

/*서브페이지 - ceo*/
#ceo h3 {
    color: #222;
    font-size: 28px;
    margin: 0 0 40px;
    padding: 0 0 40px;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: -0.04em;
    position: relative;
}
#ceo h3:before {
    content: "";
    background: #f79646;
    width: 40px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
}
#ceo p {
    color: #666666;
    font-size: 15px;
    line-height: 26px;
    font-weight: 300;
}

#ceo .cont1 img{    
    padding: 10px;
    border: 5px solid #1459cab0;}


/* 서브페이지 - 서비스 */
#service .con-top, #service .con1, #service .con2, #service .con3, #service .con4 {
    margin-bottom: 60px;
}
#service .con-top h3 {
    color: #222;
    font-size: 28px;
    font-weight: 500;
    position: relative;
    letter-spacing: -0.06em;
    line-height: 1;
    padding: 0 0 40px;
    margin: 0 0 40px;
}
#service .con-top h3:after {
    content: "";
    background: #f79646;
    width: 40px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
}
#service .con-top ul, #service .con4 ul{padding:0;margin:0}
#service .con-top li, #service .con4 li {
    line-height: 1.8;
    letter-spacing: -0.04em;
    font-size: 15px;
    font-weight: 400;
    color: #666;
}

#service .con3 .con-title h4, #service .con2 .con-title h4, #service .con4 .con-title h4 {
    font-size: 24px;
    margin: 0 0 20px;
    padding: 0 0 10px;
    color: #222;
    border-bottom: 2px solid #1459ca;
    font-weight: 500;
    letter-spacing: -0.06em;
    display: inline-block;
    position: relative;
}
#service .con3 .con-title h4:before, #service .con2 .con-title h4:before, #service .con4 .con-title h4:before {
    content: "";
    background: #f79646;
    width: 40px;
    height: 2px;
    position: absolute;
    bottom: -2px;
    left: 0;
}
#service .con1 .fab, #service .con1 .fas {
    font-size: 60px;
    text-align: center;
    display: block;
    color: #1459ca;
    margin: 0 0 20px;
}
#service .con1 dl{
    text-align: center;}
#service .con1 dt{
    font-weight: 700;
    margin: 50px 0 25px;
    font-size: 18px;
    color: #444;
    letter-spacing: .6px;}
#service .con1 dt {
    font-weight: 500;
    margin: 0 0 14px;
    font-size: 18px;
    color: #222;
    letter-spacing: -0.06em;
    font-weight: 500;
}
#service .con2 p {
    font-size: 15px;
    letter-spacing: -0.04em;
    color: #666;
    margin-bottom: 40px;
}
#service .con3 p, #service .con4 p {
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color: #222;
    margin: 14px 0 20px;
    letter-spacing: -0.04em;
}
#service .con4 .con-title h4 {max-width: 80px;}
#service .con4 .col-md-6 {margin:30px 0 15px}
#service .con4 p {
    margin: 0;
}

/*********** 이미지 갤러리 높이 맞춤 *************/
@media(min-width:993px){
.dh-front-gallery>.col-md-3>a.thumbnail{height:180px !important}
}
/*************** 메인 페이지 *****************/
#main .con1 .fab, #main .con1 .fas {
    font-size: 40px;
    text-align: center;
    display: block;
    color: #1459ca;
    margin: 0 0 20px;
}
#main .con1 {
    margin-bottom: 60px;
}
#main .con1 dl {
    text-align: center;
    margin: 0;
}
#main .con1 dt {
    font-weight: 500;
    margin: 0 0 15px;
    font-size: 18px;
    color: #222;
    letter-spacing: -0.04em;
    line-height: 1;
}
#main .con1 dd {
    color: #666;
    font-size: 13px;
    line-height: 1.8;
    letter-spacing: -0.02em;
}
#main .cont-title {
    padding: 0;
    margin: 60px 0 40px;
}
#main .cont-title h2 {
    margin: 0;
    padding: 24px 0;
    width: 100%;
    text-align: center;
    position: relative;
}
#main .cont-title h2:after {
    content: "";
    background: #e4e4e4;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -2;
    width: 100%;
    height: 1px;
}
#main .cont-title h2 a {
    margin: 0;
    padding: 10px 20px;
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    line-height: 1;
    letter-spacing: -0.02em;
    color: #1459ca;
    display: inline-block;
    background: #fff;
    z-index: 99;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
}
@media(min-width:993px){
  .intro-boardbox-4, .intro-boardbox-2{width:50%}
    .intro-boardbox-4 .dh-front-gallery {
    padding: 0 10px;
}
    .intro-boardbox-4 .dh-front-gallery>.col-md-3 {
    padding: 0 5px;
}
    .intro-boardbox-4 .dh-front-gallery>.col-md-3>a.thumbnail {
    height: 140px !important;
    border: none;
}
    .dh-front-gallery>.col-xs-3>a.thumbnail:hover, .dh-front-gallery>.col-xs-3>a.thumbnail:focus, .dh-front-gallery>.col-md-3>a.thumbnail:hover, .dh-front-gallery>.col-md-3>a.thumbnail:focus {
    background-size: 200% auto;
    }
  .intro-boardbox-2 .dh-front-blog>.col-md-4>a.thumbnaili{height: 81.8px !important;} 
}

.intro-boardbox .page-header {
    margin: 0;
    padding: 0;
    border: none;
}
.intro-boardbox .page-header h4 {
    color: #222;
    font-size: 28px;
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #e4e4e4;
    line-height: 1;
    letter-spacing: -0.06em;
}
.intro-boardbox .page-header h4 .pull-right{    
    background: #1459ca;
    border-radius: 0;
    padding: 3px 6px;
    color: #fff;}

.intro-board-widget-layout {
    margin-bottom: 70px;
}
.dh-vod-thumb .video-row-subject a{    
    color: #333;
    font-size: 15px;
    text-align: center;
    display: block;
    font-weight: 400;}

.login-layout,.join-agree-area{    
	max-width: 1170px;
    margin: 0 auto;}

.join-agree-area,#joinForm{margin-top: 30px;}

#joinForm .panel-heading{display:none}
#joinForm .panel-default {border:none}
#joinForm .panel-footer{    background-color: #fff;}
#joinForm .panel-footer .btn-success{    color: #fff;
    background-color: #f79646;
    border-color: #f79646;}
.dh-board{
	position:relative;
	margin-top: 60px;
    padding-top: 60px;
}

.dh-board > #insertForm{
	display: inline-block;
    position: absolute;
    right: 0;
	top:0;
}
.dh-board > #insertForm > .text-right{
	padding-right:0;
	float:right;
}
.form-group.form-inline{
	position: absolute;
    left: 0;
    top: 0;
}
.dh-board,.dh-view-box,#insertForm.form-horizontal,#mailForm,#mod_type_formForm,.bbs-list-view-layout+.row,.img-bbs-default-index-layout>.row{
	visibility:hidden;
}

/*2020-02-14*/
#company #content .con .intro_table, #member #content .con .intro_table{border-top: none;}
#company #content .con .intro_table tr th, #company #content .con .intro_table tr td,#member #content .con .intro_table tr th, #member #content .con .intro_table tr td{    text-align: center;
    font-size: 16px;
    padding: 10px;
    letter-spacing: 0.034em;
    vertical-align: middle;
    border-bottom: none;
    border: 1px solid #ddd;}
#company #content .con .intro_table tr th, #member #content .con .intro_table tr th{background: #222;color:#fff}
#company #content .con, #member #content .con{margin-bottom: 60px;}
#company #content .con:last-child, #member #content .con:last-child{margin-bottom: 0;}
#company #content .con .intro_table tr td, #member #content .con .intro_table tr td{background: #f6f9ff; color: #333}
#member #content .con .intro_table tr td ul{padding-left: 0;}
#member #content .con .intro_table tr td ul li{text-align:left;    font-size: 15px;}
.li-dash > li,
.li-dot > li,.li-dash >dd,
.li-dot > dd{padding-left:20px; position:relative;}
.li-dash > li:before,
.li-dot > li:before,.li-dash > dd:before,
.li-dot > dd:before{
	content:'-';
	display:block;
	position:absolute;
	left:5px;
	top:0;
}
.li-dot > li:before,.li-dot > dd:before{
	content:'·';
}
#member #content .con img{box-shadow: 6px 6px 0 rgba(0,0,0,0.1);
    border: 1px solid #ddd;
    max-width: 250px;}
#member #content .con .clearfix{margin-bottom: 50px;}