/*상단 메뉴 설정 시작*/
/* Webfont Include */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* Scroll Fixed */
html {overflow-x: hidden; overflow-y: scroll;}
html, body{font-size:13px;}

/* Font Setting */
html, body, h1, h2, h3, h4, h5, h6, p, span, li, a, label, input, textarea {font-family: "Noto Sans KR", "맑은 고딕", 'Malgun Gothic', 'Apple SD Gothic Neo Medium', sans-serif !important;}

/* Icon Fonts */
.fa {font-family: 'FontAwesome' !important;}
.glyphicon {font-family: 'Glyphicons Halflings' !important;}

/* Social Footer Deleted */
.footer-social-layout {display: none}

/* Board(dh-board) Contents-Area Fixed */
.dh-view-box > div:nth-child(2) > div:nth-child(3) {padding: 20px !important}

a, a:link, a:visited {text-decoration: none !important;}
* {word-break: keep-all;}
.clearfix {*zoom:1;}
.clearfix {display: block; content: ''; clear: both;}


/* 메뉴 설정 시작 */
.navbar-inverse {background: #fff; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); top: auto;}
.navbar-inverse .divider-vertical{display: none;}
.caret{display: none;}
.navbar ~ br{display: none;}
/* .topmarginLay_a{height: 115px !important;} */
@media screen and (max-width: 767px) {
	.topmarginLay_a {height: 110px !important;}
}

 /* 언어 변경 버튼*/
 #lang_btn_box {background-color: #2d2d2d;}
 #lang_btn_box .lang_btn_box_inner {margin: 0 auto; text-align: right;}
 #lang_btn_box .lang_btn_box_inner a {display: inline-block; margin-left: 10px; padding: 4px 0;}
 @media screen and (min-width: 1170px){
    #lang_btn_box .lang_btn_box_inner {max-width: 1170px; width: 100%;}
 }

/* ----- 로고 설정 ----- */
.navbar-brand {margin: 12px 0 0; padding: 10px 15px;}
.navbar-inverse .navbar-brand {color: #333; font-size: 28px; font-weight: 400; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0); letter-spacing: -1px;}
.navbar-brand img {width: 100%; margin: 0 !important;}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {color: #333; background-color: rgba(0,0,0,0);}
@media screen and (max-width: 991px) {
    .navbar-inverse .navbar-brand {margin: 32px 0 0;}
    .navbar-brand img {width: 180px;}
}
@media screen and (max-width: 767px) {
    .navbar-inverse .navbar-brand {margin: 20px 0 0;}
    .navbar-top > div > a {margin: 5px 20px 0;}
}

/* ----- 메인 메뉴 설정 -----*/
.navbar-inverse .navbar-nav > li > a {color: #fff; font-size: 16px; font-weight: 500; text-shadow: 0 0 0 rgba(0,0,0,0) !important; letter-spacing: -0.03em; padding: 10px 0; margin: 25px 20px 20px; border-right: 1px solid rgba(0,0,0,0) !important;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {background: #fff; color: #e50909; box-shadow: 0 0 0 rgba(0,0,0,0); border: none; border-right: 1px solid #eee !important;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {color: #000; border: none; border-right: 1px solid rgba(0,0,0,0) !important;}
@media screen and (max-width: 991px) {
    .navbar-inverse .navbar-nav > li > a {font-size: 16px; margin: 22px 0px 18px 0px; padding: 12px 20px 12px 20px;}
}
@media screen and (max-width: 767px) {
    .navbar-inverse .navbar-nav > li > a {font-size: 16px; margin: 0; padding: 14px 20px 14px 20px;}
	.navbar-nav .open .dropdown-menu {padding: 0;}
	.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {color: #333; border: none !important; margin: 0 0 0; background: #f7f7f7;}}

/* ----- 서브 메뉴 설정 -----*/
.dropdown-menu {background-color:rgba(0,0,0,0.7); left: 0 !important; right: auto !important; padding: 15px 0; margin: 0; margin-left: -15px; border-radius: 0; border: 1px solid rgba(0,0,0,0.1); box-shadow: 0 0 0 rgba(0,0,0,0); min-width: 170px;}
.dropdown-menu > li > a {color: #eee; padding: 6px 30px; margin: 0; font-size: 14px; font-weight: 300; text-align: left; letter-spacing: -0.03em;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {background: none; color: #e50909; text-decoration: underline !important;}

/* ----- 모바일 메뉴 설정 ----- */
.navbar-toggle{background: #e50909; border-radius: 0; border: none; margin: 15px 20px 15px; padding: 10px 10px;}
@media(max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color: #fff; background: #e50909;}
    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{padding: 10px 15px 10px 25px;}
}
/* //메뉴 설정 끝 */


/* 슬라이드 영역 설정 시작 */
.container_slide {width: 100%; padding: 0;}
.carousel-caption {width: 1170px; margin: -90px auto 0; padding: 0; top: 50%; bottom: auto;}
.carousel-caption > h1, .carousel-caption > p {margin: 0; padding: 0; display: inline-block; width: 100%; text-align: left;}
.fill {height: 440px;}
.fill h1 span, .fill p span{background-color: transparent; opacity: 1; padding: 0; text-shadow: 0 0 0 rgba(0,0,0,0);}
.fill p > span.kor{display:block;padding-left:50px;}
.fill p > span.ch{display:block;padding-left:90px;}
.fill .sl-txt > span{color:#e50909;font-weight:bold;}
h5.sl-title-small {color: #ffb577; font-size: 20px; font-weight: 600; letter-spacing: 0.1em; display: block; margin: 0 0 10px;}
h2.sl-title {margin: 0; font-size: 60px; font-weight: 300; line-height: 1; letter-spacing: -0.075em;}
h2.sl-title1 {color: #fff;}
h2.sl-title2 {margin: 0 0 30px; font-weight: 700;}
span.sl-txt {color: #f2f2f2; font-size: 17px; font-weight: 300; line-height: 1.6; display: block; width: 100%;}
/* //슬라이드 영역 설정 끝 */


/* 푸터 영역 설정 시작 */
.footer_copy .text-center{background: #eeeeee; color: #ababab; font-size: 12px; text-align: left; padding: 30px 0 10px; margin: 0;}
.footer_copy .footer_inner{width:1170px;margin:0 auto;}
.footer-top {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: #666; font-size: 13px; margin-right: 30px;}
.footer-top ul li:last-child a:after{content: ""}
.footer-middle {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: #dedede; padding: 0 6px 0;}
.footer-middle ul li:last-child span:after{content: "";}
.footer-bottom {margin: 0 auto; padding: 0 15px;}
.footer-bottom p{display: inline-block; width: 100%;}
.socialArea{display: none;}
.footer_copy .logo_area img{width:100%;padding:0 15px;}
@media screen and (max-width: 991px) {
	.footer_copy .footer_inner{width: 100%;}
}
/* //푸터 영역 설정 끝 */

/* 메인페이지 */
.container_contents {width: 100%;padding:0;}
@media screen and (min-width:1140px){
    /*.container_contents{padding:0;}*/
}
.content_inner {max-width: 1140px; width: 100%; margin: 0 auto; padding: 50px 15px;}
.title_line {margin: 20px 0; background: #e50909; width: 30px; height: 4px; border-radius: 50px;}
#mainPage h2.title {margin: 0 0 30px;
    padding: 0 0 20px;
    border-bottom: 1px solid rgba(255,255,255,0.4);
    color: #ff8e30;
    font-size: 25px;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.1em;}


/* company */
#mainPage #company {background: #fff;}
#mainPage #company h3.sub_title {margin: 0; color: #000; font-size: 26px; font-weight: 600; letter-spacing: -0.075em;}
#mainPage #company p {margin: 0; color: #454545; font-size: 15px; font-weight: 300; line-height: 1.5;}
#mainPage #company .main_left_wrap {margin-bottom:30px;}

#mainPage #company #greeting p{line-height:1.9;}
#mainPage #company #greeting p span{font-weight:bold;color:#e50909}
#mainPage #company #greeting .ceo{font-weight:bold;text-align:right;}
#mainPage #company #greeting .kor{display:none;}

#mainPage #company #outline dl dt{width:200px;padding:15px;border-bottom:1px solid #333;}
#mainPage #company #outline dl dt:nth-of-type(1){border-top:1px solid #333;}
#mainPage #company #outline dl dd{padding:15px;border-bottom:1px solid #ccc;}

@media screen and (min-width: 1170px) {    
    #mainPage #company #outline dl dd {margin-left: 220px;}
}
@media screen and (min-width: 767px) {
		#mainPage #company #greeting .main_right_wrap{height:298px;}
    #mainPage #company .main_right_wrap {border-left: 1px solid #e5e5e5; padding: 0 0 0 40px;}
    #mainPage #company #outline dl dt {float: left;}
    #mainPage #company #outline dl dd:nth-of-type(1){border-top:1px solid #ccc;}
}

/* greeting*/
#mainPage #greeting {background: #f8f8f8;}

/* history */
#mainPage #history {background: #f8f8f8;}

/* organization */
#organization{background-color:#f8f8f8;}
#organization img{width:100%;}

/* location */
#mainPage #location {background: #f8f8f8;}
#mainPage #location table tr th {border-bottom: 1px solid #333;}
#mainPage #location table tr td {border-bottom: 1px solid #ccc;}

#mainPage #location dl{margin-top:30px;}
#mainPage #location dl dt{width:200px;padding:15px;border-bottom:1px solid #333;}
#mainPage #location dl dt:nth-of-type(1){border-top:1px solid #333;}
#mainPage #location dl dd{padding:15px;border-bottom:1px solid #ccc;}

@media screen and (min-width: 1170px) {    
    #mainPage #location dl dd {margin-left: 220px;}
}
@media screen and (min-width: 767px) {
    #mainPage #location dl dt {float: left;}
    #mainPage #location dl dd:nth-of-type(1){border-top:1px solid #ccc;}
}

/* global */
/* #mainPage #global img{width:100%;} */

/* business */
#mainPage #business {background: url(/skin/img/main/main_biz_bg.jpg); background-size: cover; background-repeat: no-repeat;}
#mainPage #business .imgBox {margin-bottom: 15px;}
#mainPage #business .imgBox .imgBox_inner {background: #fff;}
#mainPage #business .imgBox:hover img {opacity: 0.6;}
#mainPage #business .imgBox a{display: block; text-align: center; color: #333; font-weight: bold; letter-spacing: 1px;}
#mainPage #business .imgBox img {width: 100%;}
#mainPage #business .imgBox span.title {display: block; width: 100%; background-color: #fff; border-bottom: 2px solid #e50909; padding: 14px 0;}

/* 서브페이지 */
.sub-layout {
    min-height: 660px;
}
.subPage .soon {position: relative;
    margin: 100px 0 0;
    padding: 50px 0 0;
    color: #999;
    font-size: 34px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}
.subPage .soon::before {
	position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -26px;
    display: inline-block;
    content: "\f05a";
    color: #ccc;
    font-size: 40px;
    font-family: "FontAwesome" !important;
}
.sub-wrap {
    width:1170px;
    margin:0 auto;
}
.subPage{width:100%;margin:0 auto;}
@media screen and (min-width:1170px){
    /*.sub-layout{margin-top:125px;}*/
    .subPage{max-width:1170px;}
}
@media screen and (min-width:992px){
    .subPage .left_menu {width: 20%; margin: 60px 0 20px; padding: 0 15px;}
    .subPage .right_contents {width: 80%; margin: 60px 0 40px; padding: 0 30px 60px;}
}


.subPage .left_menu .left_menu_title {width: 100%;
    padding: 0 0 12px;
    margin: 0;
    display: inline-block;
    border-bottom: 2px solid #e90708;
    color: #000;
    font-size: 29px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.075em;
    position: relative;}
.subPage .left_menu ul {padding: 0;
    margin: 0;}
.subPage .left_menu ul li {position: relative; list-style: none; border-bottom: 1px dotted #ccc;}
.subPage .left_menu ul li.on {background-color: #f8f8f8;}
.subPage .left_menu ul li.on a {color: #2b2b2b;}
.subPage .left_menu ul li.on::after {color: #2b2b2b; position: absolute;
    top: 15px;
    right: 10px;
    content: '\f105';
    font-family: FontAwesome;}
.subPage .left_menu ul li a {display: block;
    padding: 12px 15px;
    color: #666;}

.subPage .right_contents .title {
	width: 100%;
    display: inline-block;
    margin: 0 0 30px;
    padding: 0 0 12px;
    border-bottom: 2px solid #8a8a8a;
}
.subPage .right_contents .title h2 {
	display: inline-block;
    float: left;
    margin: 0;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: -0.075em;
    line-height: 1;
}
.subPage .right_contents .title .location {color: #aaa;
    font-size: 12px;
    letter-spacing: -0.03em;
    float: right;
    margin: 10px 0 0;}
.subPage .right_contents .title .location .fa-caret-right {margin: 0 5px;}
.subPage .right_contents .title .location strong {
	font-weight: 500;
	color: #555;
}
.subPage .right_contents .content{font-size:14px;}
.subPage .right_contents .content h3 {
	position: relative;
    display: inline-block;
    width: 100%;
    margin: 40px 0 20px;
    color: #333;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: -0.05em;}
.subPage .right_contents .content h3:before {content: '';
    height: 2px;
    background-color: red;
    width: 20px;
    position: absolute;
    top: -10px;
    left: 0;
}
.subPage .right_contents .content ul{padding-left:15px;}
.subPage .right_contents .content ul li{margin-bottom:5px;list-style:none;}
.subPage .right_contents .content ul li:before{
		content: "\f058";
    color: #a5a5a5;
    font-size: 13px;
    font-family: "FontAwesome" !important;
    padding-right: 10px;
}

.subPage .right_contents .title_img{position:relative;}
.subPage .right_contents .title_img img{width:100%;}
.subPage .right_contents .title_img .text {position: absolute;
    padding: 35px 70px 0;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    background-color: rgba(45,45,45,0.8);
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    letter-spacing: -0.03em;
    line-height: 1.8;}
@media screen and (min-width:1170px){
	.subPage .right_contents .title_img .text{width:50%;}
}
@media screen and (max-width:767px){
	.subPage .right_contents .title_img .text{padding:15px;}
	.subPage .right_contents .title_img img{height:150px;}
}


/*========== table 설정 ==========*/
table {width: 100%;}
table thead tr th, table tbody tr th, table tbody tr td {padding: 12px 20px;}
/*========== //table 설정 ==========*/


/* 게시판 설정 시작 */
.dh-board, .img-bbs-default-index-layout .page_wrap ~ div, .dh-view-box, .form-horizontal, #mailForm {width: 100%; max-width: 1170px; margin: 0 auto;}
.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: 12px 20px; color: #666; font-size: 14px;}
.dh-board .table > thead > tr > th {background: #f6f6f6; vertical-align: middle; border-bottom: 1px solid #ccc; font-weight: 600; color: #f5f5f5;}
.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 #2d2d2d; border-bottom: 1px solid #ccc; margin: 0px 0 30px;}
.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: inline-block;}


/* ----- 게시판 버튼 설정 ----- */
.label{background: transparent; padding: 0px 5px 0px; font-size: 90%;}
.label-danger{color: #e50909;}
.label-primary{color: #2b5cb7;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {background-color: #e50909; border: 1px solid #e50909 !important;}
.pagination > li > a, .pagination > li > span{color: #9D8478;}
.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;}

.bbs-list-index-layout .input-group-btn #search_kind_txt{color:#fff;}
.bbs-list-index-layout #btnNew{color:#337ab7;}
.bbs-list-index-layout .input-group-btn input[value="Search"]{color:#fff;}

/* ----- 게시글 뷰 페이지 설정 ----- */
.dh-view-box {margin-top: 40px;padding:0 15px;}
.sns-box {display: none;}
.dh-view-box > .row > .page-header {border-top: 2px solid #2d2d2d;
    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: transparent; 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: 15px 20px 40px !important;}
/* //게시판 설정 끝 */