/* Webfont Include */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* Scroll Fixed */
html {overflow-x: hidden; overflow-y: scroll;}

/* 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}

@media screen and (min-width:992px){
    .container.container_contents{width:1140px !important;}
}
@media screen and (max-width:1140px){
    .container.container_contents{width:100% !important;}
}
 a, a:link, a:visited { text-decoration: none !important; } 
 
.intro-html-layout{padding:0;}
*{word-break: keep-all;}

/* common style */
.body-layout {
    color: #555555;
    font-size: 13px;
    /*font-family: 'NanumGothic', '나눔고딕';*/
    line-height: 1.7;
    background-color: #eeeeee;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.6;
}

.marginT0 {
    margin-top: 0;
}
.color01 {
    color: #096bd8;
}
/* //common style */

/* logo */
.navbar-brand img {
	padding-top: 22px;
}
/* //logo */

@media screen and (max-width:767px){
    .topmarginLay_a{height:38px !important;}
}

/* navigation bar */
.navbar-inverse {
	margin: 0;
	padding: 0;
	border-width: 0;
	background: transparent;
}
.navbar-inverse > .container {
    width: 1110px;
    background-color: #ffffff;
}
@media screen and (max-width:1140px){
    .navbar-inverse > .container {
        width: 100% !important;
    }
}
.navbar-inverse .navbar-nav > li > a {
	margin: 0;
	padding: 20px 12px;
	color: #333333;
	font-size: 13px;
	font-weight: 500;
	text-shadow: none;
}
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
    color: #333333;
}
.navbar-inverse .divider-vertical {
    display: none;
}
.navbar-nav .dropdown-menu {
    border-width: 0;
}
.navbar-nav .dropdown-menu > li > a {
	padding: 9px 20px;
	color: #333333;
	font-size: 13px;
	background-color: #ffffff;
}
.navbar-nav .dropdown-menu > li > a:focus,
.navbar-nav .dropdown-menu > li > a:hover {
    color: #ffffff;
    background: #096bd8;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #fff;
}
.navbar-nav .dropdown-menu > li > a > .caret {
    display: none;
}
.navbar-toggle {
    border-width: 0;
    margin:14px 15px 14px 0;
    background-color: #096bd8;
}
@media screen and (max-width: 991px) {
    .navbar-inverse > .container {
        width: 100%;
    }
}
/* Tablet, Desktop */
@media screen and (min-width: 768px) {
    .navbar-right .dropdown .dropdown-menu {
        right: auto;
    }
    .topmarginLay_a {
        height: 38px !important;
    }
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        padding: 0;
    }
}

.navbar-nav .caret {display: none;}
/* //navigation bar */

/* main slide */
@media screen and (min-width:992px){
    .carousel-caption {
        bottom: 24%;
    }
}
.carousel-caption p {
    /*font-size: 31px;*/
    font-size:34px;
    font-weight: 600;
    letter-spacing: 1.8px;
}
.carousel-indicators li,
.carousel-indicators li.active {
    margin: 1px;
    width: 10px;
    height: 10px;
    margin-right: 3px;
}
@media screen and (max-width: 767px) {
    .carousel-caption p {
        display: none;
    }
}
/* //main slide */

/* main html */
.main-middle, .main-bottom {
    padding: 5px 30px;
    background-color: #ffffff;
}
.main-middle h3{margin-top:7px;}
.main-middle h3, .main-bottom h3 {
    font-size: 23px;
}
.main-bottom {
    margin-top: 15px;
    padding-bottom: 20px;
}
.main-bottom > .title {
    margin-bottom: 30px;
    border-bottom: 1px solid #eeeeee;
}
.main-bottom h4 {
    font-size: 16px;
}

.main-btn {
    margin: 22px 0px;
    padding: 10px;
    text-align: center;
    border: 1px solid #096bd8;
}
.mBtn1 {
    color: #096bd8;
}
.mBtn2 {
    color: #ffffff;
    background-color: #096bd8;
}

.footer-social-layout {
    display: none;
}
/* main html */

/* 하단 카피라이트 설정 시작*/
.footer_copy > .text-center{background-color: #e4e4e4;}
.footer_copy{margin:0 auto;background-color: #e2e2e2;}
.footer_copy .footer_inner{padding:15px 15px 0px;text-align:left;}
.footer_copy .footer_inner .policy{margin-bottom:10px;}
.footer_copy .footer_inner p{margin:0;}
.footer_copy .footer_inner address{margin-bottom:15px;}
.footer_copy .footer_inner a{color:#333;font-weight:bold;}
.footer_copy .footer_inner a:hover{color:#096bd8;}
.footer_copy .footer_inner .space{margin:0 5px;}
.footer_copy .footer_inner .copyright{text-align:right;}

@media screen and (min-width:1110px){
    .footer_copy{width:1110px !important;}
}
@media screen and (max-width:767px){
    .footer_copy .footer_inner{padding-left:0;padding-right:0;text-align:center;}
    .footer_copy .footer_inner .company_name{display:block;}
    .footer_copy .footer_inner .company_name+.space{display:none;}
    .footer_copy .footer_inner .tell,
    .footer_copy .footer_inner .space{display:inline-block;}
}
/* 푸터 영역 끝 */
/* 하단 카피라이트 설정 끝*/

/*인트로 텍스트 설정 시작*/
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;   /*외부 여백*/
}
/*인트로 텍스트 설정 끝*/

/* sub page */
.page-title > .col-md-12:first-child{
    padding:0;
}
.sub-layout {
    background-color: #ffffff;
}

.page-title {
    padding-bottom: 20px;
    border-bottom: 2px solid #eeeeee;
}
.page-title h2 {
    letter-spacing: -1px;
}
.page-title h2:lang(en) {
    margin-top: 25px;
    font-size: 21px;
}
.page-title h2:lang(kr) {
    margin-top: 0;
    color: #555555;
    font-size: 14px;
}

.page-detail {
    margin-top: 30px;
    /*padding-bottom: 30px;*/
    padding:0 20px 30px 20px;
}
.page-detail h4 {
    font-size: 17px;
}
.page-detail .organization {
    margin-top: 30px;
    border-top: 2px solid #eeeeee;
}
.page-detail img.ico {
    display: inline-block;
}
.page-detail .ceo-sign {
    
}

@media (min-width: 1200px) {
    .container.sub-layout {
        width: 1110px;
    }
}
/* //sub page */

/*Formmail*/
#mailForm{margin-top:20px;}

/*table*/
.dh-board>.table{
    margin:40px 0;
    border-top:2px solid #096bd8;
    border-bottom:2px solid #096bd8;
}
.table>thead>tr>th{border-bottom:1px solid #ddd;}
.table-hover>tbody>tr:hover{background-color:rgba(9,107,216,0.2);}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{line-height:2;
}
.subject > small > span {
    background-color:rgba(0,0,0,0);
    color:#096bd8;
}
.dh-view-box >.row>div:nth-child(5){margin-bottom:30px;}


/* ========== 0510 서브 페이지 추가 시작 ========== */
.page-detail h3 {
    font-size: 18px;
    text-align: center;
    margin: 0 0 20px;
}
.page-detail h3:before {
    content: "";
    display: block;
    width: 15px;
    height: 3px;
    background: #096bd8;
    margin: 0 auto 10px;
}
.cont {
    overflow: hidden;
    margin-bottom: 40px;
}
/* ----- table 설정 ----- */
.basic-table {
    width: 100%;
    border-top: 2px solid #096bd8;
    border-bottom: 1px solid #ddd;
}
.basic-table th {
    background: #f1f7fd;
	font-weight:600
}
.basic-table th, .basic-table td {
    padding: 10px 15px;
    border-bottom: 1px solid #e3e3e3;
}
/* ----- business page ------  */
/* img box */
.img-box {
	background:url(/skin/img/img-box-bg.jpg) no-repeat center;
    position: relative;
    min-height: 240px;
}
.img-box .txt-box {
    max-width: 370px;
    background: rgba(35,35,35,0.9);
    min-height: 240px;
    padding: 50px 0px 0px 50px;
    text-align: left;
}
.img-box .txt-box .top-txt {
    font-size: 20px;
    color: #fff;
}
.img-box .txt-box .bottom-txt {
    font-size: 32px;
    color: #127ef7;
    display: block;
    margin-top: 10px;
}

/* process */
.process-wrap {
    overflow: hidden;
}
.process_box {
    text-align: center;
    background: url(/skin/img/process_num_bg.png) no-repeat center top;
}
.process_box .num {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin: 9px 0 25px;
}
.process_box h5 {
    font-size: 16px;
    font-weight: 600;
    margin:0 0 10px;
}
.process_box p {
    font-size: 13px;
	margin-bottom: 0;
}

/* ========== 0510 서브 페이지 추가 끝========== */