@import url(http://fonts.googleapis.com/css?family=Pacifico);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

body {
    color: #555555;
    font-size: 14px;
    line-height: 1.428571429;
    background-color: #ffffff;
    overflow-y: scroll;
    overflow-x: hidden;
}
.body-layout,
body,
p {
    font-family: "Noto Sans KR", "Malgun Gothic", "dotum", sans-serif !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Noto Sans KR", "Malgun Gothic" !important;
}

.footer-social-layout {
    display: none;
}

a,
a:link,
a:visited {
    text-decoration: none !important;
}
a:hover,
a:focus {
    text-decoration: none !important;
}
* {
    word-break: keep-all;
}
ol,
ul,
li {
    list-style: none;
}

.clearfix {
    *zoom: 1;
}
.clearfix {
    display: block;
    content: "";
    clear: both;
}

/*상단 메뉴 설정 시작*/
.navbar-inverse {
    background: #ffffff;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border-bottom: none;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
/*상단 메뉴 설정 끝*/

/*상단 메뉴 로고 시작*/
.navbar-inverse .navbar-brand img {
    padding: 0;
    margin: 0;
}
/*상단 메뉴 로고 끝*/

/* 상단 메인 메뉴 설정 시작*/
.navbar-inverse .navbar-nav > li > a {
    background: none;
    color: #666;
    font-weight: 400;
    font-size: 18px;
    padding: 30px 25px 32px;
    margin: 5px 0 0;
    text-shadow: none;
    letter-spacing: -0.04em;
}
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
    color: #83c155;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
    background: none !important;
    box-shadow: none !important;
    color: #83c155;
}
.caret {
    display: none;
}

/* 상단 메인 메뉴 설정 끝*/

/* 상단 서브 메뉴 설정 시작*/
.dropdown-menu {
    padding: 5px;
    background: #f8f8f8;
    border-radius: 0;
    border: none;
    right: auto !important;
    left: 0 !important;
    min-width: 180px;
}
.dropdown-menu li {
    padding: 0;
}
.dropdown-menu > li > a {
    background: none;
    color: #666;
    padding: 14px 20px;
    margin: 0;
    font-size: 15px;
    letter-spacing: -0.04em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.dropdown-menu > li:last-child > a {
    border-bottom: 1px solid rgba(0, 0, 0, 0) !important;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    background: #87c35b;
    color: #fff;
    border-bottom: 1px solid #87c35b !important;
}
/* 상단 서브 메뉴 설정 끝*/

/* 하단 카피라이트 설정 시작*/
.footer_copy .text-center {
    background-color: #252d3a;
    color: #a8abb0;
    font-size: 12px;
    padding: 40px 0;
    margin: 0px 0px 0px 0px;
    text-align: center;
    float: none;
}
.footer_copy .wrap-footer {
    max-width: 1170px;
    color: #a8abb0;
    margin: 0 auto;
    font-size: 12px;
    text-align: left;
    font-weight: 300;
}
.footer_copy .wrap-footer img {
    margin-right: 30px;
}
.wrap-footer > .text-right {
    margin-top: 70px;
}
address {
    margin-bottom: 0;
    margin-top: 6px;
    line-height: 22px;
}
@media screen and (max-width: 768px) {
    .wrap-footer address {
        display: inline-block;
        margin-top: 20px;
        width: 100%;
    }
    .wrap-footer > .text-right {
        text-align: left;
    }
}

.footer_copy .footer_inner {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    text-align: left;
}
.footer_copy .footer_inner address,
.footer_copy .footer_inner p {
    margin: 0;
}
.footer_copy .footer_inner .c_name {
    color: #fff;
    font-size: 14px;
}
.footer_copy .footer_inner .slash {
    display: inline-block;
    margin: 0 5px;
}
.footer_copy .footer_inner .copyright {
    margin-top: 15px;
}
.footer_copy .footer_inner + br {
    display: none;
}

/* //footer */
.bx-wrapper {
    max-width: 1170px !important;
    width: 100%;
}
.bx-wrapper .pager {
    margin: 0;
}
.bx-wrapper .pager img {
    width: 100%;
}

/* 하단 카피라이트 설정 끝*/

/*---------------------------------------skin design---------------------------------------------*/
.navbar-inverse .divider-vertical {
    display: none;
}
.navbar-inverse .navbar-toggle {
    margin: 25px 30px;
    background: transparent;
    border: none;
    border-radius: 0px;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background: #83c155;
}
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    background-color: #83c155;
}
.navbar-inverse .navbar-toggle:focus .icon-bar,
.navbar-inverse .navbar-toggle:hover .icon-bar {
    background: #fff;
}

.footer_copy .text-center {
    padding-bottom: 40px;
}

/* social area */
.footer-social-layout {
    display: none;
}
/* ------------------------------------------------------------------------------- */
.container.container_slide {
    width: 100%;
    padding: 0;
}
/* .intro-widget-layout {
    width: 100%;
    padding: 0;
    display:none;
} */
.navbar ~ br {
    display: none;
}
.topmarginLay_a {
    height: 88px !important;
}
@media screen and (max-width: 767px) {
    .topmarginLay_a {
        margin-top: -20px !important;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #273184;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #555555;
    }
    .navbar-nav .open .dropdown-menu {
        border-bottom: 1px solid #ddd;
        padding: 11px 0;
    }
}

/* -------------------------------------0907 skin design ----------------------------------- */
.wrap-customer #myCarousel {
    max-width: 1170px;
    margin: 0 auto;
}
/********* 메인 페이지 **********/
.carousel-caption {
    position: static;
    height: 100%;
    /*     padding: 200px 10px 50px; */
    margin: 0 auto;
    text-align: center;
}
@media (min-width: 768px) {
    .carousel-caption {
        width: 750px;
    }
}
@media (min-width: 992px) {
    .carousel-caption {
        width: 970px;
    }
}
@media (min-width: 1200px) {
    .carousel-caption {
        width: 1170px;
    }
}

.fill {
    /* 	height:830px */
}
.fill h1 {
    margin: 0 0 20px;
}
.fill h1 span {
    background: transparent;
    opacity: 1;
    text-shadow: none;
    padding: 0;
}
.fill h1 span.subTxt {
    font-size: 14px;
    color: #83c155;
    font-weight: 400;
    margin: 0 0 15px;
    display: block;
    letter-spacing: -0.02em;
}
.fill h1 span.mainTxt {
    font-size: 55px;
    font-weight: 600;
    display: block;
    letter-spacing: 0.02em;
}
.fill p span {
    background: transparent;
    opacity: 1;
    text-shadow: none;
    padding: 0;
    font-size: 16px;
    color: #e8e8e8;
    line-height: 1.6;
    letter-spacing: -0.04em;
    font-weight: 400;
}
span.vert-line {
    width: 1px;
    height: 90px;
    background: #83c155 !important;
    display: block;
    z-index: 9999;
    margin: 0 auto 20px;
}
.more_view {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
}
.container_slide .fill .carousel-control {
    display: none;
}

/* ------- -슬라이드 아래 영역 시작 ---------- */

.container_contents {
    width: 100%;
    padding: 0;
}
.main-title {
    font-size: 34px;
    text-align: center;
    font-weight: 700;
    color: #83c155;
    margin: 0 0 14px 0;
    letter-spacing: -0.04em;
}
.line {
    height: 1px;
    width: 30px;
    background: #83c155;
    margin: 0 auto 50px;
}

/* main - 서비스 */
#mainService {
    padding: 80px 0 0;
}
.wrap-service {
    max-width: 1170px;
    margin: 0 auto;
    overflow: hidden;
}
.s-box-in .s-box-img {
    margin-bottom: 33px;
}
.s-box-in .icon-back {
    position: absolute;
    background: rgb(131, 193, 8);
    top: 0;
    padding: 10px 10px;
    width: 50px;
    height: 50px;
}
.s-box-in h4 {
    font-size: 16px;
    color: #313131;
    font-weight: 700;
    margin: 0 5px 14px 0;
    display: inline-block;
}
.s-box-in span {
    font-size: 12px;
    color: #aaaaaa;
    font-weight: 200;
}
.s-box-in p {
    color: #666666;
    line-height: 23px;
    margin-bottom: 30px;
    font-size: 14px;
}
.s-box-in:hover .s-box-img > img,
.s-box-in:focus .s-box-img > img {
    opacity: 0.7;
}
.s-box-in:hover h4,
.s-box-in:focus h4,
.s-box-in:hover span,
.s-box-in:focus span {
    color: #83c155;
}
.s-box-in .fa {
    display: block;
    color: #fff;
    font-size: 20px;
    padding: 5px 0 0;
    text-align: center;
}

/* main - 고객 후기 */
#mainCustomer {
    background-image: url(/skin/img/main/customer_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 80px 15px;
    text-align: center;
}
#mainCustomer .main-title {
    color: #fff;
}

#customer-carousel {
    margin: 0 auto;
    max-width: 1140px;
}
#customer-carousel .carousel-control img {
    position: absolute;
    top: 27%;
}
#customer-carousel .carousel-control.left img {
    left: 0;
}
#customer-carousel .carousel-control.right img {
    right: 0;
}
#mainCustomer .carousel-indicators {
    display: none;
}
#mainCustomer h4 {
    margin: 0 0 10px;
    font-size: 16px;
    color: #fff;
    line-height: 1;
}
#mainCustomer .name {
    color: #83c155;
    font-weight: 400;
    line-height: 1;
}
#mainCustomer .des {
    color: #aaa;
    font-size: 13px;
    line-height: 22px;
    font-weight: 300;
    margin: 24px 0 0;
}
/* --------------------게시판 영역------------- */
/* main 게시판 영역 - 소식 */
/* .intro-board-layout {
	width: 100%;
    margin: 0 auto;
    float: none;
} */
/* .intro-boardbox {
    max-width: 1170px;
    margin: 0 auto;
    float: none;
	padding-bottom: 90px;
} */

.intro-board-widget-layout {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
    padding: 0 0 50px;
}
.intro-boardbox {
    margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
    .intro-boardbox {
        width: 50%;
    }
    .intro-board-layout,
    .intro-widget-layout {
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    .intro-widgetbox {
        padding: 0;
    }
}

.intro-widgetbox {
    display: none;
    margin-top: 0;
    border-bottom: 0;
}
.intro-widgetbox .page-header {
    display: none;
}

.dh-front-blog > .col-md-4 > .thumbnail {
    min-height: auto;
    box-shadow: none;
    border: none;
    margin: 0;
}
.thumbnail .caption {
    padding: 0 10px 0 0;
}
.dh-front-blog > .col-md-4 > .thumbnail > .caption h5 {
    margin: 0 0 20px;
    padding: 0 !important;
}
.dh-front-blog > .col-md-4 > .thumbnail > .caption h5 > a {
    font-size: 16px;
    color: #313131;
    font-weight: 600;
    font-family: "Noto Sans KR", "Malgun gothic" !important;
}
.caption h5.blog-row-subject:hover a {
    color: #83c155 !important;
}
.dh-front-blog > .col-md-4 > .thumbnail > .caption p a {
    font-size: 13px;
    line-height: 23px;
    font-family: "Noto Sans KR", "Malgun gothic" !important;
}
/* 섬네일 이미지 삭제 */
.dh-front-blog > .col-md-4 > .thumbnail > a.blogthumb {
    display: none;
}
/* main - store 영역*/
#mainStore {
    background: #83c155;
    overflow: hidden;
    padding: 15px 0px 24px;
}
#mainStore h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    display: inline-block;
    margin-right: 20px;
    line-height: 1;
    letter-spacing: -0.02em;
}
#mainStore .view_btn {
    display: inline-block;
    overflow: hidden;
    margin: 10px 0 -6px 20px;
    font-size: 12px;
    color: #fff;
    font-weight: 300;
    letter-spacing: 3px;
    border: 1px solid #fff;
    padding: 6px 10px;
}
#mainStore .view_btn:hover,
.view_btn:focus {
    border-bottom: 1px solid #fff !important;
    color: #83c155;
    background: #fff;
}

/* 메인 공지사항 */
.intro-board-layout .intro-boardbox {
    padding: 0;
}
.intro-board-widget-layout .page-header {
    margin-top: 0;
}
.intro-board-widget-layout .page-header h4 {
    position: relative;
    color: #83c155;
    font-size: 25px;
    font-weight: bold;
}
.intro-board-widget-layout .page-header h4 a {
    position: absolute;
    top: -3px;
    right: 0;
    color: #333;
}
.intro-boardbox .front-panel .panel {
    border: 0;
    box-shadow: 0 0 0;
    background-color: #fff;
}
.intro-boardbox .front-panel .panel .panel-body {
    padding: 0;
}
.intro-boardbox .front-panel .panel .panel-body .dh-front-list2-words {
    padding: 0;
}
.intro-boardbox .front-panel .panel .panel-body .dh-front-list2-words h6 a {
    display: block;
}
.intro-boardbox .front-panel .panel .panel-body .dh-front-list2-words h6 a:after {
    display: block;
    content: "";
    clear: both;
}
.intro-boardbox .front-panel .panel .panel-body .dh-front-list2-words h6 a:hover .list-row-regdate,
.intro-boardbox .front-panel .panel .panel-body .dh-front-list2-words h6 a:hover small span {
    text-decoration: none;
}
.intro-boardbox .front-panel .panel .panel-body .dh-front-list2-words h6 a span {
    font-size: 15px;
    font-weight: normal;
}
.intro-boardbox .front-panel .panel .panel-body .dh-front-list2-words h6 a .list-row-subject {
    float: left;
    width: 80%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.intro-boardbox .front-panel .panel .panel-body .dh-front-list2-words h6 a .row-separator {
    display: none;
}
.intro-boardbox .front-panel .panel .panel-body .dh-front-list2-words h6 a .list-row-regdate {
    float: right;
    font-size: 13px;
    color: #777;
    margin-top: 1px;
}
.intro-boardbox .front-panel .panel .panel-body .dh-front-list2-words h5 a {
    font-size: 13px !important;
    line-height: 23px;
}
.intro-boardbox .front-panel .panel .panel-body .dh-front-list2-words .list-row-contents {
    display: none;
}

@media screen and (max-width: 767px) {
    .intro-boardbox .front-panel .panel .panel-body .dh-front-list2-words {
        width: 100%;
        float: none;
    }
    .intro-boardbox .front-panel .panel .panel-body .dh-front-list2-words h6 a .list-row-subject {
        max-width: 215px;
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}

/********* 서브 페이지 *********/
.container.sub-layout {
    padding: 0;
    width: 100%;
    min-height: 880px;
}
#subTop .top {
    height: 250px;
    background-image: url(/skin/img/sub/sub_top.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#subTop .top h2 {
    margin: 0;
    color: #fff;
    font-size: 34px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.04em;
    padding-top: 110px;
}
#subBottom {
    max-width: 1170px;
    padding: 0px 15px 90px;
    margin: 0 auto;
}
.navi {
    background: #f8f8f8;
}
.navi .breadcrumb {
    margin-bottom: 0;
    max-width: 1170px;
    margin: 0 auto 50px;
    border-radius: 0px;
    background: transparent;
    color: #989898;
    font-size: 14px;
    padding: 15px;
    text-align: right;
}
.breadcrumb > .active {
    color: #666;
    font-weight: 500;
}
.sub_title {
    margin: 0 0 0px;
    text-align: center;
    font-size: 25px;
    font-weight: 600;
    color: #48608a;
}
.sub_title ~ p {
    margin: 15px 0 0;
}
.tit_wrap {
    margin-bottom: 60px;
}
.img-box {
    border: 1px solid #ddd;
    padding: 50px 0;
}
/*  table */
#subBottom table {
    width: 100%;
    border-top: 2px solid #83c155;
    border-bottom: 2px solid #ccc;
    font-family: "Noto Sans KR" !important;
    font-size: 15px;
    font-weight: 300;
}
#subBottom table tr th {
    background-color: #f3f3f3;
    padding: 12px 15px;
    border-bottom: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
}
/* #subBottom table tr th:nth-child(2){border-right:2px solid #83c155;} */
#subBottom table tr th:last-child {
    border-right: 0;
}
#subBottom table tr td {
    background-color: #fff;
    padding: 12px 15px;
    line-height: 23px;
    border-bottom: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
}
/* #subBottom table tr td:nth-child(2){border-right:2px solid #83c155;} */
#subBottom table tr td:last-child {
    border-right: 0;
}

/* tab menu */
#subBottom .basic-tab {
    text-align: center;
    border-bottom: none;
}
#subBottom .basic-tab li {
    background: #f3f4f8;
    float: none;
    display: inline-block;
}
#subBottom .nav li.active a {
    color: #fff;
    font-weight: 500;
    background: #83c155;
}
#subBottom .nav li a {
    color: #555555;
    display: block;
    min-width: 200px;
    text-align: center;
    border: none;
    margin: 0;
    background: #efefef;
    font-size: 15px;
    padding: 14px 0;
}
.tab-content {
    padding-top: 40px;
    overflow: hidden;
}
.tab-cont {
    padding-left: 0;
    padding-right: 0;
}
/* scroll */
@media screen and (max-width: 767px) {
    ::-webkit-scrollbar {
        width: 3px;
    }
    ::-webkit-scrollbar-thumb {
        background: #a9a9a9;
    }
}

/* sidemenu */
.left_sidemenu {
    margin-bottom: 30px;
}
.left_sidemenu .sidemenu_title {
    display: block;
    padding: 0 0 10px;
    margin: 0 0 15px;
    color: #323232;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: -0.04em;
    border-bottom: 2px solid #323232;
}
.left_sidemenu .sidemenu ul {
    padding: 0;
    margin: 0;
}
.left_sidemenu .sidemenu ul li {
    border-bottom: 1px solid #e3e3e3;
}
.left_sidemenu .sidemenu ul li a {
    display: block;
    position: relative;
    padding: 15px 20px;
    color: #323232;
    font-size: 15px;
    letter-spacing: -0.04em;
}
.left_sidemenu .sidemenu ul li:hover a {
    background-color: #f8f8f8;
    font-weight: 500;
    padding-left: 40px;
}
.left_sidemenu .sidemenu ul li:hover a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 25px;
    background: #323232;
    width: 25px;
    height: 1px;
}
.left_sidemenu .sidemenu ul li.on a {
    background-color: #83c155 !important;
    color: #fff;
    font-weight: 500;
    padding-left: 40px;
}
.left_sidemenu .sidemenu ul li.on a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 25px;
    background: #fff;
    width: 25px;
    height: 1px;
}

.right_contents h3 {
    margin-bottom: 15px;
}

@media screen and (min-width: 768px) {
    .left_sidemenu {
        width: 20%;
    }
    .right_contents {
        width: 80%;
        padding-left: 40px;
    }
}

/* greeting */
.introduce_greeting .right_contents .text_area {
    margin-top: 20px;
    /* padding: 40px 50px 0;
    background: #f8f8f8;
    min-height: 240px;
    color: #666;
    font-size: 18px;
    line-height: 1.8;
    letter-spacing: -0.04em;
    word-wrap: break-word; */
}
.introduce_greeting .right_contents .text_area strong {
    color: #323232;
    font-size: 28px;
    letter-spacing: -0.06em;
    padding-right: 5px;
}

@media screen and (max-width: 767px) {
    .introduce_greeting .right_contents .text_area {
        padding: 15px;
    }
}

/* purpose */
.right_contents dl.articles dt {
    margin-bottom: 10px;
    color: #323232;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.04em;
}
.right_contents dl.articles dd {
    padding-left: 20px;
    color: #666;
    font-size: 15px;
    line-height: 1.8;
    letter-spacing: -0.04em;
}
.right_contents dl.articles .impact {
    color: #ca0000;
}
.right_contents dl.articles ul {
    padding-left: 0;
}
.right_contents dl.articles ul li + li {
    margin-top: 5px;
}
.right_contents dl.articles dd + dt,
.right_contents dl.articles ul + dt {
    margin-top: 30px;
}
.right_contents dl.articles ul ul {
    padding-left: 15px;
}
.right_contents dl.articles ul ul li {
    margin-top: 3px;
}

/* history */
.introduce_history .right_contents dl dt {
    color: #83c155;
    font-size: 18px;
    letter-spacing: -0.04em;
    line-height: 24px;
    margin: 15px 0 5px;
}
.introduce_history .right_contents dl dd {
    color: #666;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: -0.02em;
}
.introduce_history .right_contents dl dd ul {
    padding-left: 0;
}
.introduce_history .right_contents dl dd ul li + li {
    margin-top: 3px;
}

@media screen and (min-width: 768px) {
    .introduce_history .right_contents dl dt {
        float: left;
        margin: 0 0 0 20px;
    }
    .introduce_history .right_contents dl dd {
        margin-left: 110px;
        margin-bottom: 20px;
    }
}

/* organization */
.introduce_organization .right_contents table thead tr th,
.introduce_organization .right_contents table tbody tr td {
    text-align: center;
}

/* join */
#subPage .right_contents h3 {
    color: #83c155;
    font-size: 24px;
    letter-spacing: -0.04em;
    margin: 0 0 20px;
}
#subPage .right_contents h3:before {
    content: "\f05d";
    font-family: "FontAwesome";
    padding-right: 6px;
}
.introduce_join .right_contents .section2 ol {
    padding-left: 15px;
}
.introduce_join .right_contents .section2 ul li {
    position: relative;
}
.introduce_join .right_contents .section2 ul li + li {
    margin-top: 5px;
}
.introduce_join .right_contents .section2 ul li:before {
    position: absolute;
    width: 10px;
    height: 3px;
    top: 9px;
    left: -20px;
    background-color: #777;
    content: "";
}
.introduce_join .right_contents .section3 table thead tr th {
    text-align: center;
}
.introduce_join .right_contents .section3 table tbody tr td {
    text-align: center;
    vertical-align: middle !important;
}
.introduce_join .right_contents .info span {
    display: block;
}
.introduce_join .right_contents .info span + span {
    margin-top: 5px;
}
.download {
    margin-top: 30px;
    text-align: center;
}
.download a {
    background: #e3e3e3;
    display: inline-block;
    padding: 12px 40px;
    color: #333;
    font-weight: 500;
    letter-spacing: -0.04em;
}
.download a:hover {
    color: #fff;
    background-color: #83c155;
}

/* 조합원 현황 */
.text-bbs13 .dh-view-box .page-header {
    display: none;
}
.text-bbs13 .dh-view-box .dh-attach {
    display: none;
}
.text-bbs13 .dh-view-box > .row > .col-xs-12:nth-child(3) {
    padding: 0 0 30px 0 !important;
}

.text-bbs13 .dh-view-box .text_area {
    margin-top: 50px;
}
.text-bbs13 .dh-view-box .title {
    display: block;
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 22px;
}
.text-bbs13 .dh-view-box .fa {
    margin-right: 5px;
}
.text-bbs13 .dh-view-box table tr th {
    width: 20%;
}
.text-bbs13 .dh-view-box ul {
    padding-left: 0;
}
.text-bbs13 .dh-view-box ul li + li {
    margin-top: 5px;
}

@media screen and (max-width: 767px) {
    .text-bbs13 .dh-view-box table tr th {
        width: 45%;
    }
}

/* 직접생산확인 */
.business1 .right_contents section p {
    margin-bottom: 0;
}
.business1 .right_contents ul {
    margin-top: 15px;
    margin-bottom: 0;
    padding-left: 0;
}
.business1 .right_contents ul li span {
    display: block;
}
.business1 .right_contents ul li + li {
    margin-top: 20px !important;
}
.business1 .right_contents ul li .subtitle {
    position: relative;
    font-weight: bold;
    font-size: 15px;
}
.business1 .right_contents ol {
    margin: 0 -5px;
    padding-left: 0;
}
.business1 .right_contents ol li {
    float: left;
    width: 33.333333%;
    padding: 0 5px 20px;
    text-align: center;
}
.business1 .right_contents ol li .box span {
    display: block;
}
.business1 .right_contents ol li .box span.title {
    padding: 12px;
    background-color: #f8f8f8;
    text-align: center;
    border-top: 2px solid #83c155;
    color: #323232;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.04em;
}
.business1 .right_contents ol li .box span.text {
    height: 80px;
    padding-top: 25px;
    border-bottom: 1px solid #ccc;
    color: #666;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.02em;
}
.business1 .right_contents ol li .box span.text.line2 {
    padding-top: 15px;
}

@media screen and (max-width: 767px) {
    .business1 ol li {
        float: none !important;
        width: 100% !important;
    }
}

/* 단체표준인증 */
.business2 ul {
    padding-left: 0;
    margin-bottom: 0;
}
.business2 .section4 div + div {
    margin-top: 15px;
}
.business2 .section4 strong {
    display: block;
    font-size: 15px;
}

/* list */
ul.list-style {
    list-style-image: url(/skin/img/sub/list-head.png);
    padding-left: 10px;
    line-height: 27px;
    font-size: 15px;
    color: #666666;
}
/* 게시판 */
.dh-board {
    max-width: 1170px;
    margin: 0 auto 50px;
}
.dh-board > .table-hover {
    margin: 0 0 30px;
    border-top: 2px solid #464646;
    border-bottom: 2px solid #ccc;
}
.dh-board > .table-hover td {
    padding: 15px 10px;
}
.dh-board > .table-hover tr {
    border-bottom: 1px solid #ddd;
}
.table-hover > tbody > tr:hover {
    background-color: #f9faff;
}

/* 블로그게시판 */
.bbs-blog2-index-layout .dhb-txt-box-type-b {
    background-color: #fff;
    border: 0px solid #ffffff;
    margin: 0;
    padding: 8px;
    width: 33.3339%;
}
.dhb-txt-box-type-b-text-layout h4 {
    margin: 0;
    padding: 15px;
    text-align: center;
}
.dhb-txt-box-type-b h4 strong a {
    font-size: 15px;
    font-weight: 500;
    color: #323232;
    letter-spacing: -0.04em;
}
.dhb-txt-box-type-b-text-layout h5 {
    display: none;
}
.dhb-txt-box-type-b .thumb-hidden {
    border: 0px solid #fff;
    box-shadow: none;
    height: auto !important;
    max-height: 99999px;
}

.dhb-txt-box-type-b .thumb-hidden img {
    height: 140px;
}

@media screen and (max-width: 767px) {
    .bbs-blog2-index-layout .dhb-txt-box-type-b {
        width: 100%;
    }
}

/*pds 게시판 custom*/
.dhb-txt-box {
    width: 25%;
    float: left;
    min-height: 240px;
    background: #f3f4f8;
    border: 0px solid #d9d9d9;
    margin: 0;
    padding: 20px;
    border: 1px solid #ffffff;
}
.dhb-txt-box:hover {
    background: #ebeef1;
}
.dhb-txt-box > div {
    padding: 0;
}
.dhb-txt-box .text-right {
    display: none;
}
.dhb-txt-list {
    width: 100% !important;
    border-right: 0px solid #d9d9d9;
}
.dhb-txt-list > .row div:first-child {
    width: 100%;
}
.dhb-txt-list > .row div:nth-child(2) {
    width: 100%;
    padding-top: 15px;
}
.dhb-txt-box {
    width: 100%;
}
.dhb-txt-box h4 {
    margin: 0;
}
.dhb-txt-box h4 > strong a {
    font-size: 16px;
    font-weight: 600;
    color: #273184;
}
.dhb-txt-list > h5 {
    font-size: 13px;
    line-height: 1.8;
    color: #999 !important;
}

/* 갤러리게시판 */
.img-bbs-default-index-layout .row > .col-lg-12 {
    max-width: 1170px;
    margin: 0 auto;
    float: none;
    padding: 0;
}
@media screen and (max-width: 991px) {
    .img-bbs-default-index-layout .row > .col-lg-12 {
        padding: 0 15px;
    }
}
.img-bbs-default-index-layout .row > .col-lg-12 > .dh-front-gallery {
    padding: 0;
}
.img-bbs-default-index-layout .row .col-lg-12 #btnNew {
    margin-right: 15px;
}
/* 갤러리게시판 카테고리 */
.filter-items {
    padding: 0 15px;
}
.filter-items .filter-label:hover,
.filter-items .filter-label:focus {
    background: #83c155;
    color: #fff;
}
.filter-items .filter-label {
    color: #555;
    background: #e5e5ea;
    padding: 8px 19px;
    font-size: 14px;
}

/* Btn, pagination */
#btnNew {
    background: #83c155;
    border: 1px solid #83c155;
    border-radius: 0px;
    box-shadow: none;
    color: #fff;
    text-shadow: none;
}
.input-group .input-group-btn button,
.input-group .input-group-btn input {
    background: #ffffff;
    border: 1px solid #ccc;
    border-radius: 0px;
    box-shadow: none;
}
.dh-margin-top {
    margin-top: 30px;
}
.page-nav {
    padding: 0 15px;
}
.pagination {
    margin: 30px 0 0;
}
.pagination > li > a {
    border-radius: 0px !important;
}
.pagination > li > a:hover {
    border-bottom: 1px solid #ddd !important;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background: #83c155;
    border: 1px solid #83c155 !important;
}

/* 글읽기, 쓰기 */
.dh-view-box {
    max-width: 1170px;
    margin: 0 auto 70px;
    padding: 0 15px;
}
.dh-view-box > .row > .page-header {
    border-top: none;
    border-bottom: 2px solid #ddd;
}
.dh-view-box.dh-margin-topx2 > .row {
    margin: 0;
}
.dh-view-box > .row > .dh-view-info {
    display: none;
}

.dh-view-box .btn-group a {
    border: none;
    border-bottom: 1px solid #f3f3f3;
    border-radius: 0px;
    box-shadow: none;
    background: #f3f3f3;
}
.dh-view-box .btn-group a.btnEdit i {
    color: #83c155;
}
.dh-view-box .btn-group a.btnDelete i {
    color: #83c155;
}

.dh-line ~ .col-xs-12 {
    padding: 0;
}
.dh-line ~ div.col-xs-12 {
    margin-bottom: 80px;
}
form#insertForm {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
}
form#insertForm > h2 {
    margin-top: 0;
}

/* 폼메일 */
form#mailForm {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
}
form#mailForm .btn-primary {
    color: #313131;
    background: #f3f3f3;
    max-width: 170px;
    padding: 13px 19px;
    font-size: 14px;
    border-radius: 0px;
    border: none;
    text-shadow: none;
    box-shadow: none;
    margin: 0 auto;
}
form#mailForm .btn-primary:hover,
form#mailForm .btn-primary:focus {
    background: #83c155;
    color: #fff;
}
form#mailForm .form-control {
    box-shadow: none;
    border-radius: 0px;
}
/* 게시판, 모듈 하단 공백 */
.contact-mail-layout {
    margin-bottom: 80px;
}

/* login */
.login-layout {
    max-width: 1170px;
    margin: 50px auto 90px;
}

.login-layout .panel {
    box-shadow: none;
    border-radius: 0px;
    background: #f3f3f3;
    border: none;
}
.login-layout .form-control {
    box-shadow: none;
    border-radius: 0px;
}
.login-layout .btn-warning {
    background: #83c155;
    border-radius: 0px;
    border: 1px solid #83c155;
    box-shadow: none;
    padding: 8px 0;
}

.dh-board,
.form-horizontal,
.dh-view-box {
    visibility: hidden;
}

/* 2019-10-10 */
.introduce_greeting .img_area {
    text-align: center;
}
.introduce_greeting .img_area p {
    display: inline-block;
    text-align: center;
    margin: 20px 0 0;
    font-size: 16px;
    border-bottom: 1px solid #000;
}
.introduce_greeting .img_area p b {
    font-size: 18px;
}

/* 2019-10-16 */
.introduce_greeting .right_contents {
    width: 75%;
    margin-left: 40px;
    padding: 50px;
    background: #f8f8f8;
}
.introduce_greeting .right_contents p {
    margin: 0 0 15px;
    color: #666;
    font-size: 18px;
    line-height: 1.8;
    letter-spacing: -0.04em;
    word-wrap: break-word;
}
.introduce_greeting .right_contents > div {
    margin-bottom: 25px;
}
.introduce_greeting .right_contents > p:last-child {
    margin-top: 30px;
    font-weight: 600;
    color: #333;
    text-align: right;
}

.text-bbs13 .bbs-wrapper .clearfix.hidden-xs {
    display: none;
}

.info1 .section2 .row > div {
    height: 130px;
    margin-bottom: 10px;
}
.info1 .section2 h4 {
    padding-top: 15px;
}
.dh-view-box {
    margin-bottom: 0;
    padding: 0;
}
.dh-line ~ div.col-xs-12 {
    margin-bottom: 0;
}
.dh-view-box > .row {
    padding: 0;
}
.dh-comments div.panel-body {
    font-size: 16px;
}
.dh-comments div.panel-body > p {
    font-size: 13px;
}
.li-dot {
    padding: 0;
}
.li-none > li {
    list-style: none !important;
    margin-left: 0;
}
.li-circle > li {
    list-style: circle !important;
    margin-left: 0;
}
.li-square > li {
    list-style: square !important;
    margin-left: 0;
}
.li-disc > li {
    list-style: disc !important;
    margin-left: 0;
}
.li-check > li,
.li-dash > li,
.li-dot > li {
    margin-left: 0;
    padding-left: 20px;
    position: relative;
}
.li-dash > li:before,
.li-dot > li:before {
    content: "-";
    display: block;
    position: absolute;
    left: 5px;
    top: 0;
}
.li-dot > li:before {
    content: "·";
}
.li-check > li:before {
    content: "\f00c";
    left: 0;
    font-family: "fontawesome";
    color: #83c155;
}
.business5 section {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}
.business5 section:last-child {
    border: none;
}
.table-style .highlight {
    background: #ffef62 !important;
    color: #000 !important;
}
.more-btn {
    display: block;
    margin: 40px auto 10px;
    width: 200px;
    height: 60px;
    line-height: 58px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    border: 1px solid #83c155;
    background: #83c155;
}
.more-btn:hover {
    color: #83c155;
    background: transparent;
}
.business5 .se6 .table-style thead tr th {
    text-align: center;
    background: #fff !important;
}
.business5 .se6 .table-style thead tr th img {
    margin-bottom: 10px;
}
.business5 .se6 .table-style .highlight {
    text-align: center;
    vertical-align: middle;
}
.b2b-dl dt {
    margin-bottom: 5px;
    font-size: 18px;
}
.b2b-dl dd {
    margin-bottom: 20px;
    font-size: 15px;
}
.business5 .se1 h5 {
    margin-top: 40px;
    font-size: 18px;
}
.business5 .se1 .img-responsive {
    margin-bottom: 10px;
}
/* text-align:center;
	font-size:16px;
	font-weight: 500;
	color:#fff;
	border:1px solid #83c155;
	background:#83c155;
} */
.more-btn:hover {
    color: #83c155;
    background: transparent;
}
.business5 .se6 .table-style thead tr th {
    text-align: center;
    background: #fff !important;
}
.business5 .se6 .table-style thead tr th img {
    margin-bottom: 10px;
}
.business5 .se6 .table-style .highlight {
    text-align: center;
    vertical-align: middle;
}
.b2b-dl dt {
    margin-bottom: 5px;
    font-size: 18px;
}
.b2b-dl dd {
    margin-bottom: 20px;
    font-size: 15px;
}
.business5 .se1 h5 {
    margin-top: 40px;
    font-size: 18px;
}

.dh-attach h6 {
    display: flex;
    flex-direction: column;
    text-align: left !important;
    color: transparent;
}
.dh-attach h6 b {
    color: #000;
    margin-bottom: 10px;
    font-size: 12px;
}
.dh-attach h6 a {
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    font-size: 12px;
}
.dh-attach h6 a + a {
    margin-top: -3px !important;
}