@charset "utf-8";
@import url('/skin/notokr/notokr.css');
@import url(https://use.fontawesome.com/releases/v5.5.0/css/all.css);
@import url(https://use.fontawesome.com/releases/v5.5.0/css/v4-shims.css);
html { overflow-x: hidden; overflow-y: scroll; }

.body-layout {
    background-color: #fff;
}
@media (min-width: 1400px) {
    .container { width: 1400px; }
}
/* 폰트 설정 */

.body-layout,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
button {
    font-family: 'notokr', "NanumGothic", "나눔고딕", 'NanumBarunGothic', 'Apple SD Neo Gothic', 'Malgun Gothic', 'Gulim', sans-serif;
}

/* h1, h2, h3, h4, h5, h6, p { margin: 0px; } */

ol,
ul,
li {
    list-style: none;
    list-style-position: inside;
}

.navbar .caret,
.navbar .divider-vertical,
.navbar~br,
.footer-social-layout,
.footer_copy .text-center>br,
.topmarginLay_a {
    display: none;
}
.navbar-inverse {
    z-index: 9999;
    border: 0;
    margin-bottom: 0;
    transition: ease .3s all;
    -webkit-transition: ease .3s all;
    background: #fff;
    border: none;
}
.navbar-inverse+br {
    display: none !important;
}

.navbar-inverse>.container {
    position: relative;
}
.navbar-inverse .navbar-brand {
    padding: 0;
    margin: 15px 0 0 0 !important;
}
.navbar-inverse .navbar-brand img {
    max-width: 150px;
    margin: 9.5px 0 0;
}
.navbar-inverse .navbar-nav>li>a {
    position: relative;
    font-size: 16px;
    text-shadow: none;
    font-weight: 400;
    padding: 0 30px;
    margin: 35px 0;
    letter-spacing: -0.04em;
    color: #444;
    line-height: 1;
    transition: 0.3s;
    border-left: 1px solid #d1d1d1 !important;
}
.navbar-inverse .navbar-nav > li:first-child > a { border: none !important; }
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
    color: #222;
    box-shadow: none;
    background: rgba(0, 0, 0, 0);
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #222;
}

@media (min-width: 768px) {
    .navbar-inverse .navbar-nav>li>a:focus:after, .navbar-inverse .navbar-nav>li>a:hover:after {
    content: '';
    position: absolute;
    width: 80%;
    height: 5px;
    background-color: #e86a22;
    left: 50%;
    bottom: -15px;
    transform: translateX(-50%);
}
    .navbar-inverse .navbar-nav .dropdown-menu {
        animation-fill-mode: both;
        animation-duration: .3s;
        animation-name: fadeInUp;
        border: 1px solid #ccc;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        background-color: #fff;
    }
    .navbar-inverse .navbar-nav .dropdown-menu {
        left: 0;
        padding: 7px;
        min-width: 200px;
    }
    .navbar-inverse .navbar-nav .dropdown-menu>li>a {
    text-align: center;
    padding: 14px 15px;
    color: #666;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -0.04em;
    border-bottom: 1px solid #e1e1e1;
}
    .navbar-inverse .navbar-nav .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .dropdown-menu>li>a:focus {
    background-color: #f8f8f8;
    color: #222;
    border-bottom: 1px solid #d1d1d1;
}
}

.scrollTop {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 9999999;
}

.scrollTop img[alt="Scroll Top"] {
    cursor: pointer;
}

.carousel-inner:after {
    content: '\f0d7';
    font-family: 'Fontawesome';
    position: absolute;
    color: #d290bf
}

.navbar-top {
    padding: 0;
}

#navbar-top {
    border-bottom: 1px solid #f1f1f1;
}

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

.menu-top ul {
    margin: 0;
    padding: 0;
    display: inline-block;
}
.menu-top ul li {
    list-style: none;
    display: inline-block;
    margin: 8px 0 0 20px;
}
.menu-top ul li, .menu-top ul li a {
    color: #666;
    font-size: 13px;
}
.menu-top ul li:hover, .menu-top ul li a:hover {
    color: #222;
    text-decoration: none;
}
.menu-top ul li img {
    width: 18px;
    margin-right: 6px;
}
.favicon-logo-wrap {
    display: none;
}

@media(min-width:768px) and (max-width:991px) {
    .navbar-inverse .navbar-brand {
        left: -50px;
    }
}

@media (max-width: 767px) {
    .navbar-top-wrap {
        position: relative;
    }
    .favicon-logo-wrap {
        display: inline-block;
        position: absolute;
        bottom: -150%;
        left: 10%;
    }
    .menu-top {
        margin: 5px 0;
    }
    .menu-top ul li:last-child {
        margin-right: 0;
    }
}

/* 네비게이션바 애니메이션 */
.navbar.shrink {
    transition: 0.3s;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.navbar.shrink .navbar-nav > li > a {
    font-size: 16px;
    letter-spacing: -0.04em;
    padding: 0 40px;
    margin: 30px 0;
    border-left: 1px solid #e1e1e1 !important;
}
.navbar.shrink .navbar-nav > li:first-child > a { border: none !important; }
.navbar.shrink .navbar-nav > li > a:hover, .navbar.shrink .navbar-nav > li > a:focus {
    color: #e86a22;
}
.navbar.shrink .navbar-brand img {
    margin: 4.75px 0 0;
}
@media screen and (max-width: 767px) {
    /*     .navbar.shrink {
            padding: 0 40px;
        } */
}

/*----- 모바일 메뉴 -----*/

@media (max-width:767px) {
    .navbar-inverse {
        background: #fff;
        height: 90px;
    }
    .navbar-inverse .navbar-toggle {
        margin: 18px 15px;
        border: none;
        padding: 5px;
    }
    .navbar-inverse .navbar-toggle .icon-bar {
        background: #999;
    }
    .navbar-inverse .navbar-toggle:focus,
    .navbar-inverse .navbar-toggle:hover {
        background: rgba(0, 0, 0, 0);
    }
    .navbar-inverse .navbar-toggle:focus .icon-bar,
    .navbar-inverse .navbar-toggle:hover .icon-bar {
        background-color: #656565!important;
    }
    .navbar .navbar-brand,
    .navbar.shrink .navbar-brand {
        padding: 0 10px;
        transition: 0.3s;
        left: 0;
    }
    .navbar-inverse .navbar-brand img,
    .navbar.shrink .navbar-brand img {
        width: 120px;
    }
    .navbar-nav {
        margin: 0 -15px;
        background: #656565;
    }
    .navbar-inverse .navbar-nav>li>a:focus,
    .navbar-inverse .navbar-nav>li>a:hover {
        color: #fff;
        background: #ccc;
    }
    .navbar-inverse .navbar-nav>li {
        border-top: 1px solid rgba(255, 255, 255, 0.15);
    }
    .navbar-inverse .navbar-nav>.open>a,
    .navbar-inverse .navbar-nav>.open>a:focus,
    .navbar-inverse .navbar-nav>.open>a:hover {
        background: rgba(0, 0, 0, 0);
        color: #fff;
    }
    .navbar-inverse .navbar-nav>li>a,
    .navbar.shrink .navbar-nav>li>a {
        margin: 0;
        padding: 15px 20px;
        color: #fff;
    }
    .navbar-nav .open .dropdown-menu {
        background: #fff;
        padding: 10px 0;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #656565;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #999;
    }
}

/*layout*/

.container_contents,
.intro-html-layout,
.intro-html-layout>div,
.footer_copy>div,
.sub-layout {
    width: 100%;
    padding: 0;
    margin: 0;
}

.intro-board-widget-layout,
.dh-board,
.dh-view-box,
.bbs-list-view-layout+.row,
#mailForm,
#insertForm {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
}

/* align */

.absolute-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
    margin: 0;
    width: 100%;
}

.horizontal-center {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 0;
    margin: 0;
}

/* list, circle */

.li-dash,
.li-dot {
    padding-left: 0;
}

.li-dash>li,
.li-dot>li {
    padding-left: 15px;
    position: relative;
    font-size: 15px;
    letter-spacing: -0.04em;
    color: #555;
    line-height: 1.75;
}

.li-dash>li:before {
    content: '-';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.li-dot>li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 12px;
    width: 3px;
    height: 3px;
    background: #888;
    border-radius: 50%;
}

.ol-num {
    padding-left: 15px;
    margin-bottom: 0px;
}

.ol-num li {
    list-style: decimal;
    line-height: 1.8;
    font-size: 15px;
    padding-left: 5px;
    letter-spacing: -0.04em;
    color: #555;
}

.circle {
    position: relative;
    display: block;
    margin: 25px auto;
    width: 130px;
    height: 130px;
    background: #fff;
    border-radius: 50%;
    background: #fff;
}

.circle span {
    position: absolute;
    width: 100%;
    color: #4f5e61;
    letter-spacing: -0.04em;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 35px;
}

/*----- 로그인 영역 -----*/

/* login */
.login-layout .panel,
.id-find-layout .panel,
.pw-find-layout .panel {
    box-shadow: none;
    max-width: 500px;
    padding: 80px 40px 80px;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-radius: 0px;
}

.login-layout .panel hr,
.id-find-layout .panel hr,
.pw-find-layout .panel hr {
    display: none;
}

.login-layout .panel .panel-body,
.id-find-layout .panel .panel-body,
.pw-find-layout .panel .panel-body {
    padding: 0;
}

.login-layout .panel-body>div.col-sm-12,
.id-find-layout .panel-body>div.col-sm-12,
.pw-find-layout .panel-body>div.col-sm-12 {
    float: none;
}

.login-layout .panel-body>div.col-sm-12 h2,
.id-find-layout .panel-body>div.col-sm-12 h2,
.pw-find-layout .panel-body>div.col-sm-12 h2 {
    text-align: center;
    margin: 0 0 15px;
    line-height: 1;
    color: #222;
    font-size: 32px;
}

.inner-box-msg {
    width: 100%;
    text-align: center;
    float: none;
    margin-bottom: 30px;
    padding: 0;
}

.inner-box-msg p {
    font-size: 14px;
    letter-spacing: -0.03em;
    color: #555;
    margin: 0;
}

.inner-box-form {
    width: 100%;
    float: none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
}

.login-layout label,
.id-find-layout label,
.pw-find-layout label {
    font-size: 16px;
    letter-spacing: -0.03em;
    color: #222;
    font-weight: 500;
    margin: 0 0 10px;
    line-height: 1;
}

.login-layout .form-control,
.id-find-layout .form-control,
.pw-find-layout .form-control {
    box-shadow: none;
    border-radius: 0px;
    border: 1px solid #ddd;
    height: 40px;
    color: #555;
    font-size: 15px;
    letter-spacing: -0.03em;
}

.login-layout .form-control:focus,
.id-find-layout .form-control:focus,
.pw-find-layout .form-control:focus {
    border-color: #aaa;
}

.login-layout .btn-warning,
.id-find-layout .btn-warning,
.pw-find-layout .btn-warning {
    float: none;
    width: 100%;
    height: 50px;
    background: #117b4e;
    border-radius: 0px;
    border: none;
    font-size: 15px;
    letter-spacing: -0.03em;
    box-shadow: none;
    margin-top: 15px;
    transition: all ease 0.3s;
}

.login-layout .btn-warning:hover,
.id-find-layout .btn-warning:hover,
.pw-find-layout .btn-warning:hover {
    background: #11ab69;
}

.login-layout form>div>p,
.id-find-layout form>div>p,
.pw-find-layout form>div>p {
    width: 50%;
    margin: 0;
    float: left;
    text-align: center;
    line-height: 1;
}

.login-layout form>div>p+p,
.id-find-layout form>div>p+p,
.pw-find-layout form>div>p+p {
    border-left: 1px solid #ccc;
}

.login-layout form>div>p>a,
.id-find-layout form>div>p>a,
.pw-find-layout form>div>p>a {
    font-size: 14px;
    color: #555;
    letter-spacing: -0.03em;
    display: block;
    padding: 2px 0;
}

@media (max-width:768px) {
    .login-layout,
    .id-find-layout,
    .pw-find-layout {
        padding: 20px 15px;
    }
    .login-layout .panel,
    .id-find-layout .panel,
    .id-find-layout .panel {
        padding: 40px;
    }
    .login-layout .panel-body>div.col-sm-12 h2,
    .id-find-layout .panel-body>div.col-sm-12 h2,
    .pw-find-layout .panel-body>div.col-sm-12 h2 {
        font-size: 24px;
    }
    .inner-box-msg p {
        font-size: 12px;
    }
    .login-layout label,
    .id-find-layout label,
    .pw-find-layout label {
        font-size: 14px;
    }
    .login-layout .form-control,
    .id-find-layout .form-control,
    .pw-find-layout .form-control {
        font-size: 13px;
        height: 36px;
    }
    .login-layout form>div>p>a,
    .id-find-layout form>div>p>a,
    .pw-find-layout form>div>p>a {
        font-size: 12px;
    }
    .login-layout .btn-warning,
    .id-find-layout .btn-warning,
    .pw-find-layout .btn-warning {
        height: 45px;
        font-size: 14px;
        margin-top: 10px;
    }
}

/*----- 슬라이드 영역 -----*/

.container_slide {
    width: 100%;
    padding: 0;
}

@media(min-width:768px) {
    .container_slide { margin-top: 115px; }
}
@media(max-width:767px) {
    .container_slide { margin-top: 90px; }
}

.container_slide .fill { height: 800px; }

.carousel-caption {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0;
}
.carousel-caption h1 {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.carousel-caption p {
    margin: 0;
    position: absolute;
    top: 44%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.fill h1 span, .fill p span {
    background: none;
    opacity: 1;
    padding: 0;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.fill h1 span {
    font-size: 58px;
    font-weight: 200;
    letter-spacing: -0.02em;
    line-height: 1;
}
.fill p span {
    color: #f1f1f1;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.8em;
    line-height: 1;
    padding-left: 25px;
}

@media(max-width: 1200px) {
    .fill h1 span {
        font-size: 40px;
    }
}

@media(max-width: 767px) {
    .fill h1 span {
        font-size: 25px;
    }
    .fill p span {
        font-size: 15px;
    }
    .carousel-caption p {
        top: 45%
    }
}

.carousel-indicators {
    padding: 0 15px;
    height: 30px;
}

.carousel-indicators li,
.carousel-indicators li.active {
    width: 5px;
    height: 5px;
    margin: 0 15px 0 0;
    border: 2px solid rgba(255, 255, 255, 0.5);
}

.carousel-indicators li.active {
    background: #fff;
    border: none;
}

/*----- 게시판 영역 -----*/

.dh-board {
    padding: 0 0 60px;
    font-size: 15px;
}

.dh-board .table-hover {
    margin: 0;
    border-top: 1px solid #222;
    border-bottom: 1px solid #ccc;
}

.dh-board .table-hover tr {
    border-bottom: 1px solid #d7d7d7;
}

.dh-board .table-hover th {
    border-bottom: 1px solid #aaa;
    font-weight: 600;
}

.dh-board .table-hover th,
.dh-board .table-hover td {
    padding: 15px;
}

.dh-board .table-hover td {
    border-bottom: 1px solid #ddd;
    color: #666;
}

.table-hover>tbody>tr:hover {
    background: #fff;
}

.table-hover>tbody>tr .subject strong a {
    font-weight: 400;
    color: #666;
}

.table-hover>tbody>tr:hover .subject strong a {
    color: #e86a22;
    text-decoration: underline !important;
}

.dh-board .label {
    font-size: 12px;
    padding: 0 8px;
}

.dh-board .label-danger {
    color: #d9534f;
    background: rgba(0, 0, 0, 0);
    font-weight: 600;
}

.dh-board .label-default {
    color: #888;
    background: rgba(0, 0, 0, 0);
}

.dh-view-box {
    padding: 0;
    margin-bottom: 80px;
}

.dh-view-box>.row {
    padding: 0;
}

.dh-view-box>.row>.page-header {
    border-top: 1px solid #222;
    border-bottom: 1px solid #aaa;
    padding: 20px 15px;
    margin: 0;
    background: #fff;
}

.dh-view-box>.row>.page-header h4 {
    margin: 0;
    font-size: 24px;
    color: #222;
    letter-spacing: -0.02em;
}

.dh-view-box>.row>.dh-view-info {
    background: #fff;
    color: #888;
}

.dh-view-box>.row>.dh-view-info strong {
    color: #666 !important;
}

.dh-view-box .row .dh-line {
    margin-bottom: 30px;
    padding: 0;
}

.form-horizontal>h2:first-child {
    display: none;
}

/*----- 게시판 하단 ------*/

.dh-margin-top {
    margin-top: 30px;
}

.input-group-btn .caret {
    display: inline-block;
}

.subpage .pagination li:before {
    content: none;
}

.pagination>li>a,
.pagination>li>span {
    border: 1px solid #ddd;
    border-radius: 0 !important;
    margin-top: 0;
    margin-bottom: 0;
    color: #777;
}

.pagination>li:last-child>a {
    margin-left: 15px;
}

.pagination>li:first-child>a {
    margin-right: 15px;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background: #e86a22;
    border: 1px solid #e86a22;
    font-weight: 600;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    border-color: #bbb;
    background: #fff;
}

#insertForm .input-group .btn {
    border-radius: 0;
    border-color: #ddd;
}

#insertForm .input-group .form-control {
    box-shadow: none;
    border-color: #ddd;
}

#insertForm .input-group #btnNew {
    background: #f5f5f5;
    color: #222;
}

/* --------- */

.dhb-txt-box {
    float: left;
    width: 33%;
    padding: 15px;
    margin: 0;
    border: none;
    background-color: #FFF;
}

@media (max-width: 990px) {
    .dhb-txt-box {
        width: 33.33333333333%;
    }
}

@media (max-width: 767px) {
    .dhb-txt-box {
        width: 50%;
    }
}

@media (max-width: 500px) {
    .dhb-txt-box {
        width: 100%;
    }
}

.dhb-txt-box>.text-right {
    display: none;
}

.dhb-txt-box>.dhb-txt-list {
    width: 100%;
    border: 1px solid #e1e1e1;
    padding: 0;
    transition: 0.3s;
    border-radius: 4px;
    overflow: hidden;
}
.dhb-txt-box>.dhb-txt-list:hover, .dhb-txt-box>.dhb-txt-list:focus {
    border: 1px solid #e86a22;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    margin-top: -10px;
    margin-bottom: 10px;
}
.dhb-txt-box>.dhb-txt-list:hover h4, .dhb-txt-box>.dhb-txt-list:focus h4 {
    background-color: #f1f1f1 !important;
}
.dhb-txt-box>.dhb-txt-list:hover h4 strong a,
.dhb-txt-box>.dhb-txt-list:focus h4 strong a {
    color: #e86a22 !important;
}

.dhb-txt-list>.row>.col-xs-12.col-sm-5.col-md-5 {
    width: 100%;
}

.dhb-txt-list>.row>.col-xs-12.col-sm-7.col-md-7 {
    width: 100%;
}

.dhb-txt-list h5 {
    display: none;
}

.dhb-txt-list .thumb-hidden {
    border: none;
    max-height: 250px;
    padding: 10px;
}
.dhb-txt-list h4 {
    padding: 15px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.2;
    margin: 0;
    background-color: #f8f8f8 !important;
    color: #e86a22;
}
.dhb-txt-list h4 small {
    display: none;
}

.dhb-txt-list h4 strong a {
    font-size: 15px;
    font-weight: 700;
    color: #323232;
    letter-spacing: 1px;
}

/* ----- board, mailform ----- */

.bbs-list-index-layout,
.bbs-list-view-layout,
.bbs-list-add-layout {
    margin: 0 auto;
    padding: 0 0 60px;
}

.dh-board>.table-hover {
    margin: 0;
    border-top: 1px solid #5a5a5a;
    border-bottom: 1px solid #ddd;
}
.dh-board>.table-hover th, .dh-board>.table-hover td {
    padding: 20px 15px;
    border-bottom: 1px solid #ddd !important;
}
.dh-board>.table-hover th {
    background: #f3f3f3;
}

.table-hover>tbody>tr:hover {
    background: #fff;
}

.dh-board .subject strong a {
    font-weight: 400;
}

.dh-board .subject strong a:hover {
    color: #1fc4dc;
    text-decoration: underline !important;
}

.dh-view-box {
    margin: 0;
}

.dh-view-box>.row {
    margin: 0;
}

.dh-view-box>.row>.page-header {
    padding: 0;
    margin: 0 !important;
    border-top: 1px solid #5a5a5a;
    border-bottom: 1px solid #ddd;
}

.dh-view-box>.row>.page-header>h4 {
    margin: 0;
    padding: 20px 0;
    color: #e86a22;
    font-size: 25px;
    font-weight: 500;
    text-align: center;
    letter-spacing: -0.04em;
    background: #fff;
}

#product01 .dh-view-box>.row>.page-header, #product02 .dh-view-box>.row>.page-header, #product03 .dh-view-box>.row>.page-header{
    display: none;
}

#galary .dh-attach {
    display: none!important;
}
.dh-view-box .dh-attach + .col-xs-12 {
    padding: 40px 0 !important;
}
.dh-view-box>.row>.dh-view-info {
    background: #fff;
}

#product01 .dh-view-box>.row>.dh-view-info {
    display: none;
}

#product02 .dh-view-box>.row>.dh-view-info {
    display: none;
}

#product03 .dh-view-box>.row>.dh-view-info {
    display: none;
}

.pagination>li>a {
    color: #666;
    border: none !important;
}

.pagination>li>a:hover,
.pagination>li>a:focus {
    font-weight: 600;
    background: #fff;
    color: #666;
}

.pagination>li.active a,
.pagination>li.active a:hover,
.pagination>li.active a:focus {
    color: #e86a22;
    background: #fff;
    font-weight: 600;
    text-decoration: underline !important;
}

#btnNew {
    background: #5a5a5a;
    border-radius: 0;
    border: 1px solid #5a5a5a;
}

.input-group .form-control {
    background: #fff;
}

.input-group button,
.input-group input {
    background: #f3f3f3;
    border-radius: 0;
}

/*----- main 영역 -----*/

/* mainpage bbs widget */

.intro-boardbox-11 a {
    display: block;
    width: 39%;
    margin: 0 .5%;
    height: 150px;
    background: #baa762;
    color: #fff;
    padding: 20px 20px;
    position: relative;
    float: left;
}

.intro-boardbox-11 a:hover {
    background: #133056;
}

.intro-boardbox-11 .mark {
    display: block;
    width: 59%;
    margin: 0 .5%;
    height: 150px;
    position: relative;
    float: left;
}

.intro-boardbox-11 .main-remote {
    background: #4f7cc9;
}

.intro-boardbox-11 .main-remote:hover {
    background: #30589c;
}

.intro-boardbox-11 a img {
    display: block;
    width: 60%;
}

.intro-boardbox-11 h4 {
    display: block;
    width: 35%;
    font-size: 20px;
    margin: 0 0 20px;
    letter-spacing: -0.02em;
}

.intro-boardbox-11 h4 i.fa {
    display: block;
    font-size: 60px;
    position: absolute;
    opacity: 0.3;
    bottom: 30px;
    right: 14px;
}

.intro-boardbox-11 h4 span {
    font-size: 13px;
    display: block;
    font-weight: 300;
    letter-spacing: 0.1em;
    margin-top: 7px;
    padding-left: 2px;
}

.intro-boardbox-11 p {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    bottom: 20px;
    letter-spacing: -0.02em;
}

.page-header {
    position: relative;
    border-bottom: 0px solid #eee;
}
.main3 .title h3,
.intro-boardbox .page-header h4 {
        margin: 0;
    color: #444;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.02em;
}


@media(max-width:767px) {
    .intro-boardbox {
        margin-bottom: 10px;
    }
}

/*mainpage bbs list setting*/



.intro-boardbox .front-panel>.panel {
    padding: 0;
    border: none;
    border-radius: 0px;
    background: transparent;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    margin-bottom: 0;
}

.intro-boardbox .front-panel>.panel .panel-body {
    padding: 0;
}

.dh-front-list2-words {
    margin: 0 !important;
    padding: 0;
}

.dh-front-list2 h6 a,
.dh-front-list2 h6 a span {
    color: #666;
    font-weight: 400;
    font-size: 15px;
    padding: 5px 0;
    letter-spacing: -0.02em;
    line-height: 1.5;
}

.dh-front-list2 h6 a:hover span {
    text-decoration: none;
}

.dh-front-list2 h6 a:hover .list-row-subject {
    color: #303030;
}

.dh-front-list2-words:first-child {
    margin: auto;
}

.list-row-subject {
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 65%;
    white-space: nowrap;
}

.list-row-subject:before {
    content: "∙";
    color: #666;
    font-weight: bold;
    padding-right: 10px;
}

.row-separator {
    display: none;
}

.list-row-regdate {
    float: right;
    color: #999 !important;
}

.list-row-contents {
    display: none;
}

.dh-front-list2 h6 a span.label {
    background: rgba(0, 0, 0, 0);
    display: inline-block;
    padding: .6em;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    border-radius: .25em;
    line-height: 1.5;
}

.dh-front-list2 h6 a span.label-danger {
    color: #d9534f!important;
}

.dh-front-blog>.col-md-4>.thumbnail{
    border: 0px;
    min-height:auto;
}

.dh-front-blog .thumbnail .caption{
    visibility: hidden;
}

.dh-front-blog>.col-md-4>.thumbnail>a.blogthumb{
    height: 194px;
}

.intro-board-widget-layout {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}



@media (min-width: 768px){
    .intro-board-widget-layout {
        max-width: 750px;
    }
    
    .dh-front-blog>div {
        width: 16%;
    }
    
    .dh-front-gallery>div{
        width: 16%;
        height: 194px;
    }
}

@media (min-width: 992px){
    .intro-board-widget-layout {
        max-width: 970px;
    }
}

@media (min-width: 1200px){
    .intro-board-widget-layout {
        max-width: 1170px;
    }
}

@media (min-width: 1400px){
    .intro-board-widget-layout {
    max-width: 1400px;
    }
}

/*----- footer 영역 -----*/
.footer_copy>div {
    padding: 60px 0 0;
    color: #444;
    font-size: 13px;
    letter-spacing: -0.02em;
    background: #f1ebe8;
}
.footer_copy ul:after {
    content: '';
    display: block;
    clear: both;
}
.footer_copy .circle-wrap {
    margin-bottom: 60px;
}
.footer_copy .circle {
    margin: 0 auto;
    width: 120px;
    height: 120px;
}
.footer_copy .circle span {
    color: #222;
    font-size: 30px;
}
.footer_copy h3 {
    margin: 24px 0 20px;
    color: #222;
    font-size: 18px;
}
.footer_copy p {
    margin: 0;
    color: #222;
}
.foot_info {
    padding: 40px 0;
    background: #69625d;
}
.foot_info p {
    color: #e1e1e1;
    font-size: 12px;
}
@media screen and (min-width:768px) {
    .footer-row {
        display: flex;
    }
    .footer-bottom ul,
    .copy {
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    .copy {
        right: 0;
    }
}

/*----- main 영역 -----*/
.main section {
    margin: 100px 0;
    padding: 0 0 100px;
    border-bottom: 1px solid #e1e1e1;
}
.main section:last-child {
    margin-bottom: 0;
}
.main1 .main-cont {
    font-size: 16px;
    font-weight: 400;
    color: #444;
    letter-spacing: -0.06em;
    line-height: 1.8;
}
@media(min-width:768px) {
    .main1 .main-cont .row {
        display: flex;
    }
    .main1-cont-detail {
        word-break: keep-all;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        padding: 0;
        margin: 0;
        width: 100%;
    }
}
.main2-cont-detail {
    padding: 0 10px;
}
.main2-cont-detail h3 {
    text-transform: uppercase;
    margin: 20px 0 14px;
    font-size: 20px;
    color: #e86a22;
    font-weight: 400;
    letter-spacing: -0.02em;
}
.main2-cont-detail p {
    color: #666;
    font-size: 15px;
    letter-spacing: -0.02em;
    line-height: 1.6;
    margin: 0;
}
.main3 .main-cont h4 {
    margin: 0 0 24px;
    color: #444;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.02em;
}

/*----- subpage 영역 -----*/

.sub-layout {
    padding: 0;
}

.subpage .pageheader {
    margin-top: 98px;
    height: 250px;
    color: #fff;
    text-align: center;
    position: relative;
    background: url(/skin/img/sub/subtop-bg.jpg) no-repeat center center;
    background-size: cover;
}

@media(max-width:767px) {
    .subpage .pageheader {
        margin-top: 60px;
    }
}
.top_area.intro .top_inner {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    padding-top: 98px;
    height: 375px;
}
.top_area {
    overflow: hidden;
    max-width: 1920px;
    margin: 0 auto;
}

.top_area {
    position: relative;
    background-color: #f5f5f5;
}

.top_area.intro.on img {
    transform: matrix(1.0, 0, 0, 1.0, 0, 0);
    -webkit-transition: all 2.0s ease;
    -moz-transition: all 2.0s ease;
    -ms-transition: all 2.0s ease;
    -o-transition: all 2.0s ease;
    transition: all 2.0s ease;
}

.top_area.intro img {
    position: absolute;
    z-index: 0;
    top: 116px;
    left: 50%;
    width: 1920px;
    height: 261px;
    margin-left: -960px;
    transform: matrix(1.1, 0, 0, 1.1, 0, 0);
}

@media(max-width:767px) {
    .top_area.intro .top_inner {
        padding-top: 60px;
    }
    .top_area.intro img {
        top: 90px;
    }
}

/* ----- breadcrumb 설정 ----- */

.breadcrumb_wrap .breadcrumb {
    text-align: right;
    margin: 0;
    padding: 0;
    background: rgba(0, 0, 0, 0);
    font-size: 13px;
}

.breadcrumb_wrap .breadcrumb li {
    color: #777;
}

.breadcrumb_wrap .breadcrumb li:first-child i {
    color: #e86a22;
}

.breadcrumb_wrap .breadcrumb li.active {
    color: #333;
}

.breadcrumb>li+li::before {
    content: ">";
    padding: 0 5px;
}

@media screen and (max-width: 767px) {
    .breadcrumb_wrap .breadcrumb {
        display: none;
    }
}

/* ----- left menu 설정 ----- */

.left_menu_wrap {
    padding: 0 40px 0 0;
}

.left_menu {
    margin: 0;
    padding: 0;
}
.left_menu h3 {
    margin: 80px 0 20px;
    color: #222;
    font-size: 28px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.04em;
}
.left_menu>li>a {
    padding: 15px 20px;
    width: 100%;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    letter-spacing: -0.04em;
    color: #888;
    border-top: 1px solid #e1e1e1 !important;
}
.left_menu>li.active>a {
    background: #f8f8f8;
    color: #e86a22;
}
.left_menu>li:last-child>a {
    border-bottom: 1px solid #e1e1e1 !important;
    margin: 0 0 15px;
}

.left_menu_sub {
    margin: 0;
    padding: 0;
}

.left_menu_sub>li>a {
    background: #f4f4f4;
    padding: 15px 40px;
    width: 100%;
    display: inline-block;
    font-size: 14px;
    color: #666;
}

.left_menu_sub>li.active>a {
    color: #5d901a;
    background: #e8ede2;
}

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

@media screen and (max-width: 767px) {
    .left_menu h3 {
        margin: 30px 0 20px;
        font-size: 24px;
    }
    .left_menu>li>a,
    .left_menu_sub>li>a {
        padding: 12px 20px;
    }
}

/* ----- left widget 설정 ----- */

.left_menu_wrap #sub_widget {
    margin: 30px 0 80px;
    padding: 0 0 20px;
}

@media screen and (max-width: 991px) {
    .left_menu_wrap #sub_widget {
        display: none;
    }
}

/* ----- content 설정 ----- */

/* ----- content 설정 ----- */
#content {
    padding: 0 0 100px;
}
.content_wrap .page_header {
    margin: 60px 0 55px;
    padding: 0 0 20px;
    border-bottom: 1px solid #d1d1d1;
}
.content_wrap h3.title {
    color: #222;
    font-size: 28px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.04em;
    margin: 0;
}
.content_wrap h4.title {
    color: #444;
    font-size: 20px;
    font-weight: 300;
    margin: 30px 0 20px;
}

.content_wrap h5.title {
    color: #454545;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: -0.03em;
    margin: 30px 0 20px;
    width: 100%;
    display: inline-block;
}
.content_wrap p {
    color: #444;
    font-size: 15px;
    letter-spacing: -0.04em;
    line-height: 1.8;
    word-break: keep-all;
}

.bbs-list-index-layout .page_header,
.contact-mail-layout .page_header,
.img-bbs-default-index-layout .page_header,
.vod-index-layout .page_header,
.bbs-blog2-index-layout .page_header,
.bbs-blog-view-layout .page_header,
.bbs-list-view-layout .page_header {
    margin: 30px 0 30px;
    padding: 0 0 30px;
    border-bottom: 1px solid #dedede;
}

.bbs-list-index-layout h3.title,
.contact-mail-layout h3.title,
.img-bbs-default-index-layout h3.title,
.vod-index-layout h3.title,
.bbs-blog2-index-layout h3.title,
.bbs-blog-view-layout h3.title,
.bbs-list-view-layout h3.title {
    color: #454545;
    font-size: 28px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.03em;
    margin: 0;
}

@media screen and (max-width: 991px) {
    #content {
        padding: 0 10px 30px;
        display: inline-block;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .content_wrap h3.title {
        font-size: 24px;
        margin: 20px 0 20px;
        padding: 0;
        border: none;
    }
}

/* ----------lookbook --------------- */
.text-bbs12 .dhb-txt-box-type-b{
	background:none!important;
	border:none!important;
}
.text-bbs12 .dhb-txt-box-type-b-text-layout{
	display:none;
}
.text-bbs12 .dhb-txt-box-type-b-img-layout{
	opacity:0;
	transform:translateY(40px);
	transition:all 0.75s ease-out;
	transition-delay:0s;
}
.text-bbs12 .dhb-txt-box-type-b-img-layout.on{
	opacity:1;
	transform:translateY(0);
}

.text-bbs12 .thumb-hidden{
	border:none;
	overflow:visible;
	box-shadow:none;
	max-height:inherit;
	height:auto;
}
.text-bbs12 .thumb-hidden>a>img {
    width: 100%;
    min-height: 302.5px;
    max-height: 302.5px;
}
.prd_name{
	margin-top:2em;
	font-size:3rem;
}
.prd_txt{}

/* .dh-margin-topx2 > div.row:first-of-type{
	display:none;
}
.dh-margin-topx2 .dh-view-info{
	display:none;
} */
.dh-margin-topx2 .dh-attach{
	display:block;
}
.text-bbs6 .dh-margin-topx2 .dh-attach h6 b,.text-bbs7 .dh-margin-topx2 .dh-attach h6 b,.text-bbs8 .dh-margin-topx2 .dh-attach h6 b{
	display:none;
}
.dh-margin-topx2 .btn-group{
	display:none;
}

/* image galary */


.img-bbs4 .dh-front-gallery.thumbs>div{
	opacity:0;
	transition:all 0.75s ease-out;
	transition-delay:0s;
    
}

.img-bbs4 .dh-front-gallery.thumbs>div.on{
	opacity:1;
}

.tos-desktop .tos-wrapper.tos-fixed{
    margin-top: 114px;
}
/* --------------- sub page - intro --------------- */
.intro_column {
    margin: 0;
    padding: 30px 40px;
    background-color: #f8f8f8;
    text-align: left;
}
.intro_quote {}
.intro_quote span {}

.intro_txt {
    border: 1px solid #dedede;
    border-top: 1px solid #81b241;
    display: inline-block;
    width: 100%;
}

.intro_txt h3 {
    margin: 0 0 20px;
    color: #454545;
    font-size: 21px;
    line-height: 1.4;
}

.intro_txt p {
    font-size: 15px;
    margin: 0;
}

.intro_txt .txt_box {
    padding: 35px 40px;
}

.intro_txt .img_box {
    padding: 0;
}

.intro_txt .img_box img {
    width: 100%;
}

.intro03 hr {
    margin: 40px 0 0;
}

.location_map {
    margin: 0 0 20px;
}

@media screen and (max-width: 991px) {
    .intro_txt .txt_box {
        padding: 15px 30px;
    }
}

/* about02 - history */

.history_table {
    border-top: 1px solid #e86a22;
    border-bottom: 1px solid #d1d1d1;
}
.history_table>tbody>tr>td, .history_table>tbody>tr>th {
    padding: 20px 15px;
    color: #444;
    font-size: 15px;
    border-bottom: 1px solid #e1e1e1;
}
.history_table>tbody>tr>th { color: #222; }

/* about03 - location */
.location_table {
    border-top: 1px solid #e86a22;
    border-bottom: 1px solid #d1d1d1;
    margin-top: 20px;
}
.location_table>tbody>tr>th, .location_table>tbody>tr>td {
    padding: 20px 15px;
    border-bottom: 1px solid #e1e1e1;
    color: #444;
}
.location_table>tbody>tr>th {
    color: #222;
    text-align: center;
    background: #f8f8f8;
}

/* product base */

.product-detail {
    margin-bottom: 80px;
}
.content_wrap .product-detail-title {
    margin: 0 0 20px;
    padding: 0;
    color: #666;
    font-size: 40px;
    font-weight: 600;
    letter-spacing: -0.04em;
    line-height: 1;
}
.content_wrap .product-detail-title-sub {
    padding: 0;
    padding-left: 10px;
    font-size: 16px;
    color: #888;
    font-weight: 300;
    letter-spacing: 0;
}
.product_table {
    border-top: 1px solid #e86a22;
    border-bottom: 1px solid #d1d1d1;
}
.product_table>tbody>tr>th, .product_table>tbody>tr>td {
    padding: 20px 15px;
    border-bottom: 1px solid #e1e1e1;
    color: #444;
    font-size: 15px;
    letter-spacing: -0.04em;
}
.product_table>tbody>tr>th {
    color: #222;
    text-align: center;
    background: #f8f8f8;
}

.product-title-image img{
    margin-bottom: 50px;
}
@media(min-width: 768px){
    .product-detail{
        display: flex;
    }
    
    .product-title-image{
        min-height: 240px; 
    }
    
    .product-title-image img{
        position:absolute;
        top:35%;
        left: 50%;
        transform:translate(-50%,-50%);
    }
}
/* contact */
.contact_area {
    margin: 0;
    padding: 30px 0;
    border-radius: 4px;
    border: 4px solid #e1e1e1;
    text-align: center;
}
.contact_area i {
    font-size: 40px;
    color: #e86a22;
    margin-bottom: 20px;
}
.content_wrap .contact_area p {
    margin: 0;
}

.dh-board .thumb-hidden  a.btnRead{
	display:block;
	height:200px;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
}
.dhb-txt-list img.dhb-thumb{
	display:none;
}
.dh-board,.dh-view-box,#insertForm,#mailForm,.bbs-list-view-layout + .row,.bbs-blog-view-layout + .row,#mod_type_formForm{
	display:none;
}
#galary .dh-board .thumb-hidden a.btnRead{
	background-size:cover;
	overflow:hidden;
	height:302px;
}
.dh-board .thumb-hidden a.btnRead img{
	display:none;
}
.main3 .title {
	padding-bottom: 9px;
    margin: -20px 0 30px;
}
.main3 .title h3{
	text-transform:uppercase;
}
.main3 .title h3 a{
	color:#333;
	float:right;
}