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

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

/* Font Setting */
.body-layout,
h1,
h2,
h3,
h4,
h5,
h6,
label,
input,
textarea,
button {
    font-family: "Noto Sans KR", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo Medium", sans-serif;
}

/* 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;
}
* {
    word-break: keep-all;
}
.clearfix {
    *zoom: 1;
}
.clearfix:after {
    display: block;
    content: "";
    clear: both;
}

.body-layout {
    color: #333;
    font-size: 15px;
    letter-spacing: -0.5px;
}

/** 슬라이드 테두리 설정 **/
.flexslider {
    border: 0px solid rgba(255, 255, 255, 1);
    border-radius: 0px;
}
.flexslider {
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2) !important;
}

/** 로고위치(상하) 조절 **/
.navbar-brand {
    padding: 7px 0;
}
@media screen and (max-width: 767px) {
    .navbar-brand {
        padding: 15px;
    }
}
.navbar-brand img {
    margin: 0;
}
/** 모서리 각지게 **/
.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 #7c5852;
    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 {
}
.vs-title-img img {
    width: 100%;
}
.vs-title-txt {
}
/*css3 애니메이션 입니다. 익스플로러 9 이하 버전에서는 작동하지 않습니다.*/
/*.navbar-brand>img {  animation-duration: 1s;  animation-name: slidedown;}*/
/*@keyframes slidedown {*/
/*  from {    margin-top: -200px;    width: 100%  }*/
/*  to {    margin-top: 0px;    width: 100%;  }*/
/*}*/
/*@-webkit-keyframes slidedown {*/
/*  from {    margin-top: -200px;    width: 100%  }*/
/*  to {    margin-top: 0px;    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*/

p.vBox {
    /*max-width:800px;*/
    margin: 20px auto !important;
    padding: 15px;
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    color: #999;
    background: #f8f8f8;
    border-top: 3px solid #eee;
    border-bottom: 3px solid #eee;
}

.vUnderline {
}
.vSubtitle {
    font-size: 12px;
    padding: 0 0 0 40px;
}

.vborder#DDD {
    border: 1px solid #ddd;
}

.vboxH450 {
    height: 450px;
}
.vbox1 {
    background: #fff;
    padding: 15px;
    border: 1px solid #ddd;
    margin: 0 0 15px;
}
.vbox2 {
    background: #fff;
}

.thumbnail {
    margin: 0 0 15px 0;
}

/* 11th Template Initial Publishing */

.body-layout {
    color: #4d4d4d;
    line-height: 1.7;
    background-color: #fff;
}

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

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

.navbar-collapse {
    margin: 0 -15px !important;
    /*     border-bottom:1px solid #eee !important; */
}

.navbar-inverse .navbar-nav {
    visibility: hidden;
}

.navbar-inverse .navbar-nav > li > a {
    padding: 20px 20px;
    color: #333;
    font-size: 14px;
    text-shadow: none;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #4099ef;
}

.navbar-toggle {
    margin-top: 22px;
    border: 0;
}

.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: transparent;
    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: #333;
}
.navbar .glyphicon {
    color: #333;
}
.navbar .caret {
    display: none;
}

.navbar-nav > li > .dropdown-menu {
    border-bottom: 5px solid #4099ef;
}
/* //navigation */

/* slide */
.flex-caption {
    top: 35%;
    left: 7%;
}
.flex-caption {
    text-align: left;
}
.flex-caption .top {
    font-size: 25px;
    font-weight: bold;
}
.flex-caption .middle {
    font-size: 45px;
    font-weight: bold;
}
.flex-caption > .intro-title {
    line-height: 1;
}

.flex-caption > .intro-title .top {
}

.flex-caption > .intro-text {
}

.flex-caption span {
    background: rgba(255, 255, 255, 0);
    padding: 0;
    text-shadow: 0;
}
/* //slide */

/* 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-widget-layout {width: 495px; float: right; background-color: #f0f0f0;}*/
.intro-widgetbox {
    padding: 0 0 10px;
    margin-top: 0;
}

.intro-widgetBoardbox {
    border: none;
}
.intro-widgetBoardbox > a {
    padding: 5px 0;
    background: #fff;
}
.intro-widgetBoardbox > a:hover {
    padding: 5px 0px;
}
.intro-widgetBoardbox > a > h5,
.intro-board-layout .page-header h4 {
    color: #333;
    margin: 0;
    font-size: 15px;
    font-weight: bold;
}
.intro-widgetBoardbox > a > h5 {
    padding-bottom: 8px;
    margin-top: 31px;
}
.fa-angle-right::before {
    content: url("/skin/img/main/btn_plus.png");
}

.intro-widget-list-box > ul > li {
    padding: 7px 0;
}
.intro-widget-list-box > ul > li > a {
    color: #777777 !important;
    font-size: 12px;
}
.intro-widget-list-box > ul > li > .widget-list-row-regdate {
    font-size: 11px;
}

.intro-widgetBoardbox .widget-list-row-subject {
    display: inline-block;
    max-width: 310px;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* 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/main/ico_arrow.png");
}
.main .middle2 ul li {
    list-style-type: none;
    line-height: 1.9;
    color: #7b7777;
}
.main .middle2 .contents-r img {
}

/* 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 {
    background-image: url("/skin/img/sub/bg_menuTitle.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #000;
}
.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: #4099ef;
    font-size: 30px;
}

.sub .contents {
    margin-top: -30px;
}
.sub .contents .nav-tabs {
    border-bottom: 2px solid #4099ef;
}
.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 #4099ef;
    background-color: #fff;
}
.sub .contents .nav-tabs > li.active > a {
    color: #fff;
    border: 1px solid #4099ef;
    background-color: #4099ef;
}
.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: #4099ef;
    border: 2px solid #4099ef;
}

.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: #4099ef;
    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 */

/* social area */
.socialArea {
    display: none;
}
/* //social area */

/* footer */
.footer_copy .footer_inner {
    margin: 0 auto;
    padding: 30px 20px 0;
    border-top: none;
    background-color: #fff;
    font-size: 14px;
}
@media screen and (min-width: 1170px) {
    .footer_copy .footer_inner {
        width: 1170px;
    }
}
.footer_copy .footer_inner img {
    margin: 0 auto 15px;
}
.footer_copy .footer_inner .policy {
    margin-bottom: 15px;
}
.footer_copy .footer_inner .policy a {
    color: #333;
    font-weight: bold;
}
.footer_copy .footer_inner .policy .space,
.footer_copy .footer_inner .info .space {
    display: inline-block;
    margin: 0 5px;
}

.footer_copy .footer_inner .info address {
    margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
    .footer_copy .footer_inner .info address .location {
        display: block;
    }
}
.footer_copy .footer_inner .info {
    text-align: left;
}
@media screen and (max-width: 767px) {
    .footer_copy .footer_inner .info {
        text-align: center;
    }
}
.footer_copy .footer_inner .info
/* //footer */

/* //11th Template Initial Publishing */

.menu-top img {
    float: right;
    cursor: pointer;
    margin-left: 5px;
    margin-top: 2px;
}

.menu-top {
    text-align: right;
    margin-top: 15px;
}

@media (min-width: 992px) {
    .menu-top {
        padding: 0;
    }
}

.flexslider {
    margin: 0 auto;
}
@media (min-width: 992px) {
    .container.sub-layout {
        padding: 0;
    }
}

.intro-widget-list-box > ul {
    padding: 15px 0 3px;
}
.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-layout .page-header .fa:before {
    content: url("/skin/img/main/btn_plus.png");
}
.intro-board-layout .page-header .fa {
    position: absolute;
    top: 0px;
    right: 0px;
}
.intro-board-widget-layout .intro-board-layout .thumbnail {
    border: 0;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075);
}
.intro-board-widget-layout .intro-board-layout .thumbnail a {
    background-size: cover !important;
    height: 98px !important;
    border: 0 !important;
}
.intro-board-widget-layout .intro-board-layout .thumbnail .caption {
    padding: 0 0 6px;
}
.intro-board-widget-layout .intro-board-layout .thumbnail .caption h5 a {
    font-size: 13px;
    font-weight: bold;
}
.dh-front-blog > .col-md-4 > .thumbnail {
    min-height: 0;
    margin-bottom: 0;
}
.dh-front-blog > .col-md-4 > .thumbnail > .caption p a {
    font-size: 12px;
    color: #777777;
}
.intro-widget-list-box > ul > li + li {
    border-top: 0px;
}

.intro-board-layout .page-header {
    padding-bottom: 13px;
    margin: 36px 0 25px;
    position: relative;
}

/*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: 15px;
    color: #333333;
}
.intro-html-layout .main-contents .sub-title {
    font-size: 13px;
    color: #333333;
    margin: 0 0 20px 0;
}
.intro-html-layout .main-contents p {
    font-size: 12px;
    color: #777777;
}

/*게시판*/
.dh-board > .table-hover {
    border-top: 2px solid #4099ef;
    border-bottom: 2px solid #4099ef;
    margin-top: 0;
}

.page-top-text {
    position: absolute;
    top: 40px;
    left: 95px;
    color: #fff;
}

.sub-page-top h3 {
    font-size: 25px;
    font-weight: bold;
}

.sub-page-top .sub-page-header h3 {
    margin-bottom: 0;
    padding-bottom: 20px;
}

.sub-page-top .page-top-text p {
    font-size: 12px;
}

@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;
    }
}
.label-danger {
    background-color: rgba(255, 255, 255, 0);
}
.label {
    color: #d9534f;
}

.table > thead > tr > th {
    border-bottom: 0;
}
.table tbody tr {
    border-top: 1px solid #eee;
}
.table tbody tr a:hover {
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #333 !important;
}
.table tbody,
.table tbody tr a {
    color: #777777;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: #4099ef;
    border-bottom: #4099ef;
}

/*문의하기*/
#mailForm {
    border-top: 2px solid #4099ef;
    border-bottom: 2px solid #4099ef;
    padding: 20px 0;
}
#mailForm .form-group label {
    float: left;
    width: 15%;
    text-align: left;
    font-size: 15px;
    margin-top: 5px;
}
#mailForm .form-group .form-control {
    display: inline-block;
    font-size: 13px;
}
#mailForm .checkbox {
    width: 100%;
}
#mailForm .checkbox label {
    width: 100%;
    font-size: 12px;
    color: #777777;
}
#mailForm input[value="Send Message"],
#mod_type_formForm .save {
    width: 250px;
    height: 45px;
    margin: 0 auto;
    background-color: #4099ef !important;
    border: 0px;
    background: url("");
    color: #fff;
}
#mailForm > div:nth-child(4) {
    margin-bottom: 0;
}

@media (min-width: 992px) {
    #mailForm {
        width: 1170px;
    }
    #mailForm .form-group label {
        padding-left: 60px;
    }
    #mailForm .checkbox label {
        padding-left: 195px;
    }
    #mailForm .form-group .form-control {
        width: 80%;
    }
}

@media (min-width: 992px) {
    #mailForm > p,
    #mailForm > div:nth-child(4) p {
        padding-left: 175px;
    }
}

/*회사소개*/
.sub-page-top {
    position: relative;
}

.sub-page-top .tab-btn {
    position: absolute;
    bottom: -10px;
    right: 0;
    font-size: 15px;
}
.sub-page-top .sub-page-header {
    border-bottom: 1px solid #eee;
}
.tab-btn li {
    float: left;
    list-style-type: none;
    border: 1px solid #eee;
    padding: 12px 0px 0;
}
.tab-btn li:nth-child(1),
.tab-btn li:nth-child(2) {
    border-right-width: 0px;
}
.tab-btn li a {
    padding: 10px 43px 0;
    position: relative;
    top: -5px;
    color: #333;
}

.blue-cl {
    color: #4099ef;
}
.company-introduce p {
    margin: 0;
    color: #777777;
}

.company-introduce .sub-contents {
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
    margin-top: 20px;
}
.company-introduce .sub-contents > p {
    font-size: 15px !important;
    color: #4099ef;
    display: inline-block;
    border-bottom: 2px solid #4099ef;
    width: 58px;
}
.company-introduce .tab1 .col-md-7 h4,
.company-introduce .tab2 .col-md-7 h4 {
    font-size: 30px;
}

.company-introducee .sub-contents p {
    font-size: 13px;
    color: #777777;
}

.company-introduce .ceo-sign p {
    float: left;
    margin-right: 15px;
    margin-top: 5px;
}

.company-introduce .tab1 .col-md-7,
.company-introduce .tab2 .col-md-7,
.company-introduce .tab3 .col-md-7 {
    margin-bottom: 15px;
}
.tab-btn ul {
    padding: 0;
}
.tab-btn .on {
    background-color: #4099ef;
}
.tab-btn .on a {
    color: #fff;
}
.tab-btn a:hover,
.tab-btn a:focus {
    text-decoration: none;
}
.company-introduce .tab2,
.company-introduce .tab3 {
    display: none;
}

@media (max-width: 767px) {
    .company-introduce .sub-contents {
        margin-top: 50px;
    }
    .sub-page-top .tab-btn {
        bottom: -48px;
    }
    .tab-btn li a {
        padding: 10px 29px 0;
    }
}

.main-contents .main-sub-contents p {
    background: url("/skin/img/dot.png") no-repeat left top;
    padding-left: 15px;
}

.company-introduce .org img {
    margin: 0 auto;
}

.dh-view-box {
    padding: 0 15px;
}

#insertForm .input-group .input-group-btn input,
#insertForm .input-group .input-group-btn:first-child button,
#insertForm .form-group:last-child button {
    background-image: url("");
    background-color: #fff;
    /*color: #fff;*/
}

#insertForm .input-group .input-group-btn button {
    background-image: url("");
    background-color: #4099ef;
    color: #4099ef;
    text-shadow: 0px 0px 0px;
}

.flexslider .intro-text span {
    display: none;
}

.dh-view-info span strong {
    display: none;
}

/* 푸터 영역 시작 */
.footer_copy {
    float: left;
    width: 100%;
}
.footer_copy .text-center {
    padding: 30px 0 0;
    margin-top: 0px;
    background: transparent;
}
.footer_copy .text-center .inner {
    padding: 0 15px;
    max-width: 1170px;
    margin: 0 auto;
}
.footer_copy .text-center p {
    font-size: 13px;
    color: #fff;
    text-align: left;
}
.footer_copy .text-center p.copyright {
    text-align: right;
    font-size: 12px;
}
.footer_copy .text-center span.space {
    margin: 0 5px;
    opacity: 0.5;
}
.footer_copy .text-center p.big {
    font-size: 16px;
    font-weight: bold;
}
@media screen and (max-width: 767px) {
    .footer_copy .text-center p {
        text-align: center !important;
    }
}
/* 푸터 영역 끝 */

/*2016-12-26 SamYang Custom */
.body-layout {
    background-image: url("/skin/img/sub/bg.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
}

.container.sub-layout {
    margin-top: 50px;
    /* 	margin-bottom: 50px; */
    padding: 50px 15px;
    background: #fff;
}

#top {
    /* 	float: left; */
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px;
}

@media screen and (max-width: 991px) {
    #top {
        margin-bottom: 0;
    }
}

#side {
    padding-bottom: 25px;
}

#side .header {
    background: #555576;
    padding: 33px 20px;
    color: #fff;
    letter-spacing: -0.075em;
}

#side .header h3 {
    margin: 0;
    font-weight: 300;
}

#side .side {
    padding-left: 0;
}

#side .side li {
    list-style: none;
}

#side .side li > a {
    display: block;
    padding: 14px 20px;
    background: #f9f9f9;
    border-bottom: 1px solid #e8e8e8 !important;
    color: #888;
    letter-spacing: -0.05em;
}

#side .side li > a:hover,
#side .side li > a:focus,
#side .side li.active > a {
    background: #f1f1f1;
    color: #555576;
    font-weight: 500;
}
#side .side li.active > a:after {
    content: "\f105";
    font-family: "FontAwesome" !important;
    float: right;
}
.breadcrumb {
    background: #fff;
    color: #888;
    font-size: 12px;
    padding: 0;
    margin: 30px 0 0;
    float: right;
}

.breadcrumb li.active {
    color: #555576;
    font-weight: 600;
}

.subTitle {
    margin: 0 0 30px;
}
.subTitle h1 {
    color: #555576;
    font-weight: 500;
    letter-spacing: -0.075em;
    margin: 20px 0 0;
    float: left;
}

/* 인사말 페이지 */
#content.greeting .contentWrap p {
    color: #666;
    letter-spacing: -0.05em;
    line-height: 30px;
    margin-bottom: 25px;
}

/* 연혁 페이지 */
#content.summary .contentWrap .table-style tbody tr th {
    color: #555576;
}

/* 주요사업현황 페이지 */
#content.business .contentWrap p {
    color: #333;
    font-size: 14px;
    letter-spacing: -0.05em;
    line-height: 1.8;
    margin: 0 0 20px;
}

#content.business .contentWrap .panel {
    border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}

#content.business .contentWrap .panel-heading {
    border-radius: 0;
    -webkit-border-radius: 0;
    border: 0;
}

#content.business .contentWrap .panel-heading > h4 {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin: 0;
    padding: 5px 0;
    letter-spacing: -0.03em;
}

#content.business.maker .contentWrap .panel-body {
    min-height: 330px;
    padding: 20px 30px;
    color: #555;
    font-size: 14px;
    letter-spacing: -0.03em;
    line-height: 1.9;
}

#content.business .contentWrap .panel-info {
    border-color: rgba(169, 68, 66, 0.5);
}

#content.business .contentWrap .panel-info .panel-heading {
    background: rgba(169, 68, 66, 0.5);
    background-color: rgba(169, 68, 66, 0.5);
    color: #fff;
}

#content.business .contentWrap .panel-warning {
    border-color: rgba(169, 68, 66, 0.75);
}
#content.business .contentWrap .panel-warning .panel-body {
    padding: 25px 30px;
}

#content.business .contentWrap .panel-warning .panel-heading {
    background: rgba(169, 68, 66, 0.75);
    background-color: rgba(169, 68, 66, 0.75);
    color: #414141;
}

#content.business .contentWrap .panel-danger {
    border-color: #a94442;
}

#content.business .contentWrap .panel-danger .panel-heading {
    background: #a94442;
    background-color: #a94442;
    color: #fff;
}
.maker_ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.maker_ul li {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.03em;
    line-height: 1.9;
}
.maker_ul li::before {
    content: "\f00c";
    color: #999;
    font-size: 10px;
    font-weight: 600;
    font-family: "FontAwesome";
    padding-right: 10px;
}

ul.faul {
    padding: 0px;
    margin: 0 0 30px;
}

.faul > li {
    list-style: none;
    color: #666;
    font-size: 14px;
    letter-spacing: -0.05em;
    line-height: 1.8;
}

.faul > li:before {
    content: "\f0da";
    font-family: "FontAwesome" !important;
    margin-right: 8px;
}

ul.partners {
    padding: 0;
    margin: 0;
    list-style: none;
    border: 1px solid #e8e8e8;
    border-right: none;
    border-bottom: none;
    display: inline-block;
    width: 100%;
}
ul.partners li {
    float: left;
    width: 25%;
    height: 65px;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    overflow: hidden;
}
ul.partners li img {
    margin: 0 auto;
    padding: 2px 0 0;
}
#content.maintenance .contentWrap .panel-warning .panel-body {
    background: #fff;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 50%;
    padding: 25px 30px;
}
#content.maintenance .contentWrap .panel-warning .panel-body h4 {
    margin: 0 0 20px;
    color: #333;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -0.075em;
}
#content.rebuild .contentWrap .panel-warning .panel-body {
    /*     background: url(/skin/img/sub/rebuild_01.jpg);
    background-repeat: no-repeat;
    background-position: 95% 85%;
    background-size: 35%; */
    padding: 25px 30px;
}

/* 파트너 페이지 */
#content.partner .contentWrap .img-responsive {
    margin-top: 25px;
    margin-bottom: 25px;
    border: 1px solid #dedede;
}

/* 메인 커스텀 */
.mainthumbs {
    margin: 50px 0 0px;
    padding: 0 100px;
}
.main-service-wrap {
    margin-bottom: 30px;
}

@media screen and (max-width: 991px) {
    .mainthumbs {
        padding: 0;
    }

    .main-service-wrap {
        margin-bottom: 15px;
    }
}

.mainthumbs .main-service-wrap:hover .main-service-txt {
    background: rgba(255, 85, 85, 0.85);
}
.mainthumbs .main-service-wrap img {
}
.mainthumbs .main-service-wrap .main-service-txt {
    background: rgba(85, 85, 117, 0.85);
    padding: 30px 20px 0;
    color: #fff;
    min-height: 220px;
    text-align: center;
    max-width: 400px;
    margin: 0 auto;
    width: 100%;
    transition: ease 0.5s all;
    -webkit-transition: ease 0.5s all;
}
.mainthumbs .main-service-txt h4 {
    margin: 12px 0 12px;
    font-size: 20px;
    font-weight: 400;
    padding-bottom: 15px;
}
.mainthumbs .main-service-txt h4 > i {
    margin-bottom: 5px;
}
.mainthumbs .main-service-txt p {
    font-size: 13px;
    margin: 0 0 30px;
}
.mainthumbs .main-service-txt a {
    color: #fff;
    border: 1px solid #fff !important;
    border-radius: 20px;
    padding: 6px 20px;
}

h2.main_title {
    margin: 0 0 30px;
    color: #454545;
    font-size: 32px;
    font-weight: 400;
    text-align: center;
}
h2.main_title span {
    color: #4a75c8;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    display: block;
    margin: 0 0 5px;
}

.maintxt {
    border-radius: 0px;
}
.maintxt p {
    font-weight: bold;
    font-size: 16px;
    color: #333;
}
.intro-boardbox {
    padding: 0px;
}

.intro-boardbox > .page-header {
    display: none;
}

.intro-widgetbox {
    margin-top: 0px;
    margin-bottom: 15px;
}

.intro-widgetBoardbox > a,
.intro-widgetbox > .page-header {
    display: none;
}

.navtop {
    background: #555575;
}

.navtop > .container {
    padding-left: 0;
    padding-right: 0;
}

.navtop .lang-btn {
    background: transparent;
    background-color: transparent;
    color: #fff;
    box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    font-size: 13px;
    padding: 4px 8px;
}

.navtop .lang-btn.active {
    background: #3a3a4b;
    background-color: #3a3a4b;
}

#myCarousel .carousel-caption {
    bottom: auto;
    top: 120px;
}

#myCarousel .carousel-caption h1 span,
#myCarousel .carousel-caption p span {
    opacity: 1;
    background: transparent;
    background-color: transparent;
    text-shadow: 0 0 8px rgba(0, 0, 0, 1);
}

#myCarousel .carousel-caption h1 {
    font-size: 56px;
}

#myCarousel .carousel-caption p {
    font-size: 24px;
}

@media screen and (min-width: 992px) {
    #content.lease_sale .panel-body .img-responsive.pull-right[align="right"] {
        margin-top: calc(-10% + -5px);
    }
}

.btn.btn-danger {
    background: #ff5555;
    background-color: #ff5555;
    border: 1px solid #ff5555;
    text-shadow: none;
    -webkit-text-shadow: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}

.btn.btn-danger:focus,
.btn.btn-danger:hover {
    background: #f14545;
    background-color: #f14545;
}

/*2017-01-06 added */
.offhire-title {
    font-size: 16px;
    margin-top: 25px;
    margin-bottom: 5px;
}

.list-style-remove > li {
    list-style-type: decimal;
}

/*2018-01-08 added */
.dh-board {
    padding-left: 15px;
    padding-right: 15px;
}

.dh-board > .table-hover {
    border-top-color: #555575;
    border-bottom-color: #555575;
}

.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
    border: 0;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: #555575;
    border: 0;
    border-radius: 4px;
}

.dh-board #insertForm .input-group .input-group-btn button {
    background-color: #555575;
    border: 0;
    color: #fff;
}

.dh-board #insertForm .input-group .form-control {
    border: 0;
    border-bottom: 1px solid #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 33px;
}

.dh-board #insertForm .input-group input[type="submit"] {
    border: 0;
    border-bottom: 1px solid #ddd;
}

.bbs-list-add-layout .form-horizontal {
    padding-left: 15px;
    padding-right: 15px;
}

.bbs-list-view-layout + .row {
    margin-left: 0;
    margin-right: 0;
}

i.fa {
    font-family: "FontAwesome" !important;
}
.faul > li.emp {
    font-size: 18px;
    font-weight: 600;
    color: #a94442;
}

/* 팝업 */
.myModal13 {
    padding: 0;
    border-top: 3px solid #555576;
}
.myModal13 .inner {
    padding: 30px;
    font-size: 14px;
    background: #f5f5f5;
}
.myModal13 p {
    line-height: 1.5em;
}
.myModal13 > p:first-child {
    display: none;
}
.myModal13 .top {
    margin-bottom: 15px;
}
.myModal13 .top p {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 1.5em;
}
.myModal13 ol {
    margin: 20px 0;
    padding: 20px 20px 20px 40px;
    font-weight: 500;
    color: #555576;
    letter-spacing: -0.05em;
    background: #fff;
}
.myModal13 .from {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 13px;
}
.myModal13 .from img {
    width: 34px;
}

@media (max-width: 767px) {
    .myModal13 .inner {
        padding: 20px;
        font-size: 13px;
        line-height: 1.6;
    }
    .myModal13 .top p {
        font-size: 14px;
    }
    .myModal13 ol {
        margin: 15px 0;
        padding: 15px 15px 15px 30px;
    }
    .myModal13 .from {
        font-size: 12px;
    }
    .myModal13 .from img {
        width: 28px;
    }
}

/* ----- blog board ----- */

.bbs-blog2-index-layout .dhb-txt-box-type-b {
    /* width: 100%; */
    background: rgba(0, 0, 0, 0);
    border: none;
    padding: 5px;
    width: 33.3%;
    height: 300px;
    margin-bottom: 10px;
}
/* [max-medium / landscape phones]  태블릿/모바일, 768px 미만 ▼ */
@media (width <= 767.98px) {
}
@media (max-width: 767.98px) {
    .bbs-blog2-index-layout .dhb-txt-box-type-b {
        width: 100%;
    }
}

.dhb-txt-box-type-b-img-layout {
    height: 250px;
}

.thumb-hidden > a > img {
    height: 250px;
    object-fit: cover;
}

.dhb-txt-box-type-b-text-layout {
    height: 50px;
    padding: 0;
}

.dhb-txt-box-type-b > .row {
    margin: 0;
    border: 1px solid #ddd;
    background: #fff;
}

.dhb-txt-box-type-b > .row:hover,
.dhb-txt-box-type-b > .row:focus {
    border-color: #da310a;
}

.dhb-txt-box-type-b-img-layout {
    padding: 0;
}

.dhb-txt-box-type-b-img-layout .thumb-hidden {
    border: none;
    box-shadow: none;
    max-height: 250px;
    height: 250px;
}

.dhb-txt-box-type-b-text-layout h4 {
    margin: 0 !important;
}

.dhb-txt-box-type-b-text-layout h4 strong a {
    font-size: 15px;
    font-weight: 500;
    color: #222;
    margin: 0;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    width: 100%;
    background: #f3f3f3;
    letter-spacing: -0.5px;
    padding: 0 15px;
}

.dhb-txt-box-type-b:hover h4 strong a {
    color: #fff;
    background: #555575;
    text-decoration: none;
}

.dhb-txt-box-type-b > .row:hover .dhb-txt-box-type-b-text-layout h4 strong a,
.dhb-txt-box-type-b > .row:focus .dhb-txt-box-type-b-text-layout h4 strong a {
    text-decoration: underline !important;
}

.dhb-txt-box-type-b-text-layout .txt-box-footer {
    display: none;
}

/* video baord */
.dhb-txt-box {
    background: transparent;
    padding: 0;
    margin: 0 0 15px;
    border: 1px solid #ddd;
}

.dhb-txt-box:hover {
    border-color: #da310a;
}

.dhb-txt-box .col-md-8 {
    width: 75%;
    border: none;
    padding: 0;
}

.dhb-txt-box .col-md-8 .col-md-7 {
    padding: 25px 15px;
}

.dhb-txt-box .col-md-8 .col-md-7 h4 {
    margin: 0 0 10px;
}

.dhb-txt-box .col-md-8 .col-md-7 h5 a {
    margin: 0;
    color: #888;
    font-weight: 400;
}

.dhb-txt-box .col-md-4 {
    width: 25%;
    padding: 15px 30px;
}

.col-md-4.text-right h5 strong,
.col-md-4.text-right h6 {
    display: none;
}

.dhb-txt-box .col-md-4 strong {
    margin-top: 10px;
    display: block;
}

.dhb-txt-list .label-primary {
    background: #2d4894;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: inline-block;
    padding-top: 7px;
}

.dh-view-box + .row,
.bbs-blog-view-layout + .row {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding-bottom: 50px;
}
[for="thumbnail_option2"] {
    display: none !important;
}
[value="img_bbs_no=17"] {
    font-weight: 800;
    color: #3a3a4b;
    font-size: 15px;
}