@charset "utf-8";
@import url("/skin/notosanskr.css");

html {
    overflow-x: hidden;
    overflow-y: scroll;
}
.body-layout {
    background-color: #fff;
}

/* 폰트 설정 */
.body-layout,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
button {
    font-family: "Noto Sans Korean", "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;
}
* {
    word-break: keep-all;
}
/*상단 메뉴 설정 시작*/
.navbar-inverse {
    background: #fff;
    border: none;
    margin: 0;
    box-shadow: 0 3px 5px rgba(90, 90, 90, 0.2);
}
.navbar-brand {
    padding: 16px 15px;
}
.navbar-brand img {
    margin-top: 0;
}
.topmarginLay_a {
    height: 48px !important;
}
.navbar-inverse .navbar-nav > li > a {
    background: none;
    color: #333 !important;
    font-size: 16px;
    font-weight: 500;
    padding: 34px 25px;
    letter-spacing: -0.3px;
    margin: 0;
    text-shadow: none;
    border: none !important;
}
.navbar-inverse .divider-vertical {
    display: none;
}
.navbar-nav > .dropdown > a {
    color: #fff;
}
.dropdown:hover .dropdown-toggle {
    color: #0972c3 !important;
}
.dropdown-menu {
    padding: 15px 0px;
    background-color: #fff;
    border-radius: 0;
    border-top: 5px solid #0972c3;
}

@media (min-width: 768px) {
    .navbar-right > .dropdown > .dropdown-menu {
        left: 0;
    }
}

.dropdown-menu > li > a {
    background: none;
    color: #333;
    padding: 8px 15px;
    font-size: 15px;
    line-height: 1;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    background: none;
    color: #0972c3;
}
.title-t {
    height: 70px;
}
#m-18 a:hover,
#m-18 a:focus {
    color: #0972c3 !important;
}

/* 상단 서브 메뉴 설정 끝*/

/* 메뉴 상단 영역 설정 */

.navbar-top {
    width: 100%;
    padding: 0;
    background: #002b66;
}

.navbar-top-wrap {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
}

.navbar-top-wrap ul {
    margin: 0;
    padding: 0;
}

@media screen and (min-width: 768px) {
    .navbar-top-wrap ul {
        margin-right: 65px;
    }
}

.navbar-top-wrap ul li {
    float: left;
}

.navbar-top-wrap ul li:hover a {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
}

.navbar-top-wrap .navbar-top-btn {
    margin: 0 -1px 0 0;
    padding: 12px 20px;
    display: inline-block;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.6);
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.02em;
    text-decoration: none;
}

.navbar-top-wrap li button {
    border: none;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    background: transparent;
}

.navbar-top-wrap li button.active {
    color: #fff;
}

.navbar-top-wrap li button:hover,
.navbar-top-wrap li button:focus,
.navbar-top-wrap li button:active {
    color: #fff;
}

@media screen and (max-width: 991px) {
    .navbar-top-wrap {
        width: 100%;
    }
}

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

/* 상단 슬라이드 캡션 설정 */
.container_slide {
    width: 100%;
    padding: 0;
    margin-top: 85px;
}
.carousel-caption {
    text-align: left;
    bottom: 0;
    padding: 0;
    position: inherit;
    left: 0;
    right: 0;
    max-width: 1170px;
    margin: 0 auto;
    padding: 105px 15px 0;
}
.carousel-caption > h1 > span,
.carousel-caption > p > span {
    background: rgba(0, 0, 0, 0);
    opacity: 1;
    text-shadow: none;
    padding: 0;
}
.fill h1 span {
    color: #ffffff;
    font-size: 46px;
    letter-spacing: -1px;
    line-height: 1.2;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
}
.fill h1 {
    margin: 0;
}
.fill p span {
    color: #ffffff;
    font-size: 18px;
    letter-spacing: -0.5px;
    line-height: 1.8;
}
.fill p {
    margin: 30px 0 0;
}

.carousel-indicators {
    display: none;
}

.carousel-control {
    opacity: 0.2;
}

.btnEdit i,
.btnDelete i {
    color: #eee;
}
.navbar-nav > li:hover .navbar-nav a {
    color: #0972c3;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
    color: #0972c3;
    background: rgba(0, 0, 0, 0);
    box-shadow: none;
    -webkit-box-shadow: none;
}
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
    border-color: #333;
    color: #0972c3;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
    color: #0972c3;
}
.caret {
    display: none;
}
/* main page */

/* public */

.intro-html-layout > .col-sm-12 {
    padding: 0;
}

.mainPage {
    padding: 50px 0 0;
}
.mainPage .middle h2 {
    font-size: 34px;
    font-weight: 500;
    color: #333;
    margin: 0 0 40px;
}
.mainPage p {
    line-height: 1.7;
    font-size: 15px;
    color: #616161;
    letter-spacing: -0.5px;
}
.mainPage .line {
    width: 50px;
    height: 1px;
    background-color: #0972c3;
    display: none;
}
.mainPage .bottom .line {
    margin-left: 15px;
}

/* top */
.mainPage .top .subject {
    padding: 10px 0;
}
.mainPage .top .subject p {
    color: #333;
    font-size: 15px;
}
.mainPage .top .subject big {
    font-size: 20px;
}

/* middle */
.mainPage .middle .subject img {
    margin-top: 25px;
    padding-left: 20px;
}
.mainPage .middle .contents {
    padding: 0;
}
.mainPage .middle .contents h4 {
    color: #333;
    font-weight: 500;
    font-size: 20px;
    margin: 25px 0 10px;
}
.mainPage .middle .btn_m {
    padding: 13px 20px;
    color: #0972c3;
    text-shadow: none;
    font-weight: 400;
    background: #fff;
    border: 1px solid #0972c3;
    border-radius: 0;
    font-size: 14px;
    letter-spacing: 0.5px;
    display: inline-block;
    margin-top: 20px;
}
.mainPage .middle .btn_m:hover {
    border: 1px solid #0972c3;
    background-color: #0972c3;
    color: #fff;
    text-decoration: none;
}
/* board*/
.intro-board-widget-layout {
    display: none;
}

.fa-angle-right:before,
.fa-plus:before {
    content: url("/skin/img/main/btn_plus.gif");
}
.intro-widget-layout {
    width: 50%;
}
@media screen and (max-width: 991px) {
    .intro-widget-layout {
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .intro-widget-layout {
        width: 100%;
    }
}
.intro-widgetbox {
    margin-top: 0;
    padding: 10px;
    border: 1px solid #ddd;
}
.intro-board-layout {
    width: 100%;
    padding: 0;
}
@media screen and (max-width: 991px) {
    .intro-board-layout {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media screen and (max-width: 767px) {
    .intro-board-layout {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media screen and (max-width: 991px) {
    .intro-boardbox {
        top: 0;
        width: 100%;
        position: static;
    }
}
@media screen and (max-width: 767px) {
    .intro-boardbox {
        top: 0;
        width: 100%;
        position: static;
    }
}
.intro-boardbox .page-header {
    margin: 18px 0 0;
    padding-bottom: 0;
    border-bottom: none;
    text-align: center;
}

.intro-boardbox .page-header h4 a {
    color: #333;
}
.intro-boardbox .page-header h4 a:hover {
    color: #333;
    text-decoration: none;
}
.dh-front-gallery > .col-md-3 > a.thumbnail {
    margin-top: 30px;
}
.intro-widgetBoardbox {
    border: 1px solid rgba(0, 0, 0, 0);
}
.intro-widgetBoardbox a {
    padding: 5px 20px;
    background: none;
    border-bottom: none;
}
.intro-widgetBoardbox > a:hover {
    padding: 5px 20px;
    border-bottom: none !important;
}
.intro-widgetBoardbox a h5 {
    color: #333;
    font-size: 24px;
    font-weight: 300;
}
.intro-widget-list-box ul {
    padding: 10px 0 0;
}
.intro-widget-list-box ul li span {
    font-size: 12px;
}
.widget-list-row-regdate {
    color: #999;
}

/* bottom */
.bottom {
    margin-top: 45px;
}
.mainPage .bottom .subject {
    margin-bottom: 20px;
}
.mainPage .bottom .subject h2 {
    float: left;
    padding-left: 15px;
    font-size: 26px;
}
.mainPage .bottom .subject img {
    margin-top: 25px;
    padding-left: 20px;
}
.mainPage .bottom .contents h4 {
    color: #383838;
    font-weight: 600;
}
.bottom .img {
    padding-right: 30px;
    padding-left: 30px;
}
.bottom .img > div {
    padding: 0;
}
.bottom .hover {
    visibility: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.bottom .hover_txt {
    text-align: center;
    line-height: 224px;
    color: #fff;
    font-size: 20px;
}
.bottom > .map {
    padding-left: 15px;
}
.bottom .hover img {
    margin-top: 40px;
}
.bottom .map .hover img {
    margin-top: 80px;
}
.bottom .hover p i {
    color: #fff;
}
.bottom .img > div:hover .hover,
.bottom .map:hover .hover {
    visibility: visible;
    background: rgba(255, 97, 0, 0.8);
}
.bottom > .contents > .contents ul {
    list-style-type: none;
    padding-left: 0;
}
.wrapContact {
    padding-left: 30px;
    padding-right: 30px;
}
.contact {
    width: 100%;
    display: inline-table;
    padding: 25px;
    color: #fff;
    background-color: #2599bf;
}
.contact h2 {
    margin: 20px 30px;
    font-size: 35px;
}
.contact h3 {
    margin: 0;
    font-size: 40px;
}
.contact .img-circle {
    border: 7px solid #81c5db;
}
.contact strong {
    font-size: 18px;
    font-weight: 500;
}
.contact p {
    margin: 10px 0 30px;
}
.contact big {
    font-size: 26px;
}
.contact .infoBox {
    padding-top: 20px;
    padding-bottom: 20px;
}
/* .row > .contents{margin-bottom:40px;} */
/* //main page */
/* ----- main-board-area ----- */
@media screen and (max-width: 991px) {
    .intro-board-widget-layout {
        width: 100%;
    }
    .intro-boardbox {
        width: 100%;
    }
}

/* footer */
.footer_copy {
    width: 100%;
    overflow: hidden;
    background: #fff;
    border-top: 1px solid #ddd;
}
.footer_copy .col-lg-12 {
    float: none !important;
    max-width: 1170px;
    margin: 0 auto;
    padding: 50px 15px;
    overflow: hidden;
}
.footer_copy div {
    padding: 0;
}
.footer_copy address,
.footer_copy ul li,
.footer_copy ul li a,
.footer_copy .copy {
    color: #888;
    line-height: 1.8;
}
.footer_copy address {
    text-align: left;
}
.footer_copy ul li {
    list-style-type: none;
    display: inline-block;
}
.footer_copy .copy {
    padding: 10px 0 0;
    text-align: left;
}
.footer-social-layout .socialArea {
    display: none;
}

.foot-right {
    padding-left: 0;
    text-align: left;
    margin: 0;
    text-align: left;
}
.foot-right address {
    margin-bottom: 0;
}

/* //footer */

/* 서브 페이지 설정 시작 */
/* ----- 서브페이지 common 설정 ----- */
.sub-layout {
    width: 100%;
    padding: 0;
}
#content {
    float: none;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px 0;
    overflow: hidden;
}
@media screen and (max-width: 991px) {
    #content {
        width: 100%;
        padding: 0 15px 50px;
        border-left: none;
    }
}
@media screen and (max-width: 767px) {
    #content {
        width: 100%;
        padding: 0 10px 50px;
        border-left: none;
    }
}

/* ----- 서브페이지 상단 이미지 설정 ----- */
.visual_wrap {
    margin-top: 115px;
    height: 300px;
    background: url(/skin/img/sub/subtop-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.visual_wrap .visual_box {
    padding: 0 15px;
    max-width: 1170px;
    margin: 50px auto 0;
}
.visual_wrap h2 {
    margin: 0 0 0;
    font-size: 50px;
    font-weight: 500;
    color: #fff;
}
.visual_wrap h4 {
    margin: 15px 0 0;
    font-size: 16px;
    color: #fff;
    opacity: 0.75;
    font-weight: 400;
}
.breadcrumb {
    background: transparent;
    padding: 15px 15px 0;
    border-radius: 0;
    font-size: 12px;
    font-weight: 400;
    text-align: right;
    color: #fff;
    max-width: 1170px;
    margin: 0 auto;
}
.breadcrumb > li + li:before {
    padding: 0 3px;
}
.breadcrumb > li.active {
    color: #eee;
}

/* ----- 서브페이지 상단 메뉴 설정 ----- */
.top_menu_wrap {
    padding: 0;
    border-bottom: 1px solid #ddd;
    position: relative;
    float: none !important;
    height: 54px;
    margin-top: -54px;
    background: #fff;
}
.top_menu {
    padding: 0 15px 0;
    margin: 0 auto;
    max-width: 1170px;
    width: auto;
    text-align: center;
    height: 54px;
}
.top_menu > li {
    float: left;
}
.top_menu > li > a {
    display: inline-block;
    min-width: 170px;
    margin: 0 0 0;
    color: #e7e7e7;
    font-size: 15px;
    color: #333;
    padding: 15px 0;
    border-bottom: 2px solid rgba(0, 0, 0, 0);
}
.top_menu > li.active > a {
    color: #0972c3;
    border-bottom: 2px solid #0972c3;
}
.top_menu > li > a:hover {
    text-decoration: none;
    color: #0972c3;
}
@media screen and (max-width: 991px) {
    .top_menu_wrap {
        display: none;
    }
    .top_menu {
        width: 100%;
    }
}

/* ----- content 설정 ----- */
.content_wrap > div {
    padding: 50px 0 80px;
}
.content-left {
    margin: 0 0 40px;
}
.content_wrap .col-sm-12 > .col-md-12 {
    padding: 0;
}
.content_wrap h3 {
    font-size: 36px;
    font-weight: 500;
    margin: 0;
    word-break: keep-all;
}
.content_wrap h4 {
    margin: 0 0 15px;
    font-size: 18px;
    color: #0972c3;
}
.content_wrap h5 {
    font-size: 15px;
    line-height: 1.8;
}
.content_wrap p {
    font-size: 15px;
    line-height: 1.8;
    color: #616161;
    margin: 0 0 15px;
    padding: 0 0 10px;
    letter-spacing: -0.3px;
    word-break: keep-all;
}
.content_wrap hr {
    margin-top: 40px;
    margin-bottom: 40px;
    border: 0;
    border-top: 1px solid transparent;
}

/* ---------- tab 메뉴 설정 ---------- */
.nav-tabs {
    border: 1px solid #dedede;
    background: #fff;
    margin: 30px 0 40px;
}
.nav-tabs > li {
    margin: -1px 0 0;
}
.nav-tabs > li > a {
    margin: 0 0 0;
    padding: 12px 50px 12px;
    line-height: 1;
    border-right: 1px solid #ddd;
    border-radius: 0;
    color: #555;
    font-size: 14px;
    font-weight: 500;
}
.nav-tabs > li > a:hover {
    background: #f7f7f7;
    border: 1px solid #dedede;
    border-left: 1px solid transparent;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    color: #d50d0d;
    background: #fff;
    border: none;
    border-top: 1px solid #d50d0d;
    border-right: 1px solid #dedede;
}
.tab-content h4 {
    font-size: 18px;
}
.tab-content h5 {
    font-size: 17px;
    margin: 0 0 10px;
}

/* ---------- table 영역 설정 ---------- */
table {
    font-size: 14px;
    width: 100%;
    border-top: 2px solid #0972c3;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 30px;
}
tr {
    line-height: 20pt;
}
th {
    padding: 14px 15px;
    color: #333;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
}
td {
    padding: 14px 15px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    color: #565656;
}

/* --------------- sub page - 회사소개 --------------- */
.common-con {
    margin-bottom: 20px;
}
.common-con .common-con-title {
    font-size: 26px;
    color: #333;
    line-height: 1;
    word-break: keep-all;
    font-weight: 500;
    position: relative;
    padding-left: 30px;
    margin: 0 0 20px;
}
.common-con .common-con-title:before {
    content: "";
    width: 21px;
    height: 21px;
    background: #fff;
    border-radius: 50%;
    border: 5px solid #0972c3;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 4px;
}
.common-con ul {
    padding-left: 0;
    margin-bottom: 25px;
}
.common-con ul li {
    position: relative;
    font-size: 16px;
    color: #333;
    line-height: 1.8;
    padding-left: 18px;
    margin: 0 0 2px 12px;
    letter-spacing: -0.3px;
}
.common-con ul li::before {
    content: "";
    background: #888;
    font-weight: bold;
    font-size: 20px;
    position: absolute;
    top: 13px;
    left: 4px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
}
.common-con ul li span {
    display: block;
}

.common-con p {
    margin-top: 20px;
    padding-bottom: 0;
}

.table-history th {
    padding: 12px 15px;
    color: #555;
    font-weight: 500;
    font-size: 17px;
    background-color: #fff;
    vertical-align: top;
}
.table-location {
    border-top: 1px solid #ccc;
    margin: 20px 0 0;
}

.main-customer {
    margin-bottom: 15px;
}

p.vision-title {
    font-weight: 600;
    font-size: 18px;
    color: #323232;
}
.vision-title span {
    color: #0972c3;
}
.vision_box .right p {
    font-weight: 600;
    color: #323232;
}
.vision_box .right img {
    margin-bottom: 20px;
}

.intro-wrap {
    margin: 0;
}
.intro-wrap + .intro-wrap {
    margin-top: 60px;
}
.intro-wrap .intro-title {
    font-size: 26px;
    color: #0972c3;
    letter-spacing: -0.5px;
    line-height: 1.4;
    margin: 0 0 20px;
}
.intro-wrap ul li {
    margin: 0 0 3px 0;
    font-size: 16px;
    line-height: 1.7;
}

/* --------------- sub page - 찾아오시는 길 --------------- */

#location .content_wrap .col-md-12:nth-child(2) {
    margin-top: 30px;
}
#location .content_wrap p {
    font-size: 15px;
    color: #616161;
    border-top: 1px solid #ccc;
    padding: 10px 10px;
    border-bottom: 1px solid #ccc;
    letter-spacing: -0.3px;
    margin-bottom: 0;
}
#location .content_wrap .train {
    border-top: none;
    margin-top: 0;
}
/* --------------- sub page - 전시품 --------------- */

#exhibition .exhi-con ul {
    padding: 0;
    margin-bottom: 40px;
}
#exhibition .exhi-con p {
    font-size: 18px;
    margin: 25px 0 15px;
    color: #0972c3;
    font-weight: 500;
    padding: 0;
    line-height: 1;
}
#exhibition .common-con p {
    position: relative;
    padding-left: 15px;
    color: #333;
    margin: 40px 0;
    display: block;
}
#exhibition .common-con p::before {
    content: "";
    background: #888;
    font-weight: bold;
    font-size: 20px;
    position: absolute;
    top: 12px;
    left: 4px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
}
#exhibition .exhi-con p span {
    color: #888;
    font-size: 14px;
}
#exhibition .exhi-con ul li {
    margin-bottom: 2px;
    position: relative;
    font-size: 15px;
    letter-spacing: -0.3px;
    color: #616161;
    line-height: 1.8;
    padding-left: 28px;
}
.exhi-con ul li:nth-child(1):before {
    content: "1";
    font-weight: bold;
    font-size: 13px;
    position: absolute;
    top: 4px;
    left: 0;
    color: #0972c3;
    border: 1px solid #0972c3;
    border-radius: 50%;
    display: inline-block;
    width: 21px;
    height: 21px;
    text-align: center;
    line-height: 1;
    padding-top: 2px;
}
.exhi-con ul li:nth-child(2):before {
    content: "2";
    font-weight: bold;
    font-size: 13px;
    position: absolute;
    top: 4px;
    left: 0;
    color: #0972c3;
    border: 1px solid #0972c3;
    border-radius: 50%;
    display: inline-block;
    width: 21px;
    height: 21px;
    text-align: center;
    line-height: 1;
    padding-top: 2px;
}
.exhi-con ul li:nth-child(3):before {
    content: "3";
    font-weight: bold;
    font-size: 13px;
    position: absolute;
    top: 4px;
    left: 0;
    color: #0972c3;
    border: 1px solid #0972c3;
    border-radius: 50%;
    display: inline-block;
    width: 21px;
    height: 21px;
    text-align: center;
    line-height: 1;
    padding-top: 2px;
}

@media (max-width: 767px) {
    #exhibition .exhi-con ul {
        margin-left: 20px;
    }
}

/* --------------- sub page - 미술품 --------------- */

#history #content .table th {
    padding: 10px 0 10px 7px;
    text-align: center;
    border-right: 1px solid #ddd;
    vertical-align: middle;
}

/* --------------- sub page - 미술품 --------------- */

#art .art-text {
    margin-bottom: 60px;
}
.dash-list {
    padding: 0;
    margin-top: 20px;
    line-height: 1.8;
    font-size: 15px;
}
.dash-list li {
    letter-spacing: -0.3px;
    color: #616161;
}

/* --------------- sub page - 공연화물 --------------- */

#show .dash-list {
    margin: 0 0 30px;
}

/* --------------- sub page - 업무수행능력 --------------- */
.business_wrap .col-md-3 {
    margin-bottom: 30px;
}
.business_wrap .col-md-3 img {
    border: 6px solid #f3f3f3;
}

/*=====----- 메일폼 설정 -----=====*/

.bbs-box {
    padding: 0;
}
#mailForm {
    width: 100%;
    margin: 0 !important;
    padding: 0;
}
#mailForm .form-group {
    margin: 0;
    padding: 25px 35px;
    background: #f8f8f8;
    border-bottom: 1px solid #e0e0e0;
}
#mailForm .form-group:first-child {
    border-top: 2px solid #000;
}
#mailForm .form-group:nth-child(5) {
    background: none;
    border: none;
    padding: 30px 25px;
}
#mailForm .form-group label {
    width: 15%;
    float: left;
    margin: 10px 0 0;
}
#mailForm .form-group input.form-control,
#mailForm .form-group textarea.form-control {
    width: 85%;
    max-width: 935px;
    border: 1px solid #d0d0d0;
    border-radius: 0;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
#mailForm .form-group input.form-control {
    height: 40px;
}
#mailForm .form-group p.error,
#mailForm .form-group ~ p.error {
    margin: 0;
    color: #c9151e;
    font-size: 12px;
}
#mailForm .form-group ~ p.error {
    padding-left: 35px;
    margin: -15px 0 0;
}
#mailForm .form-group .checkbox {
    margin: -8px 0 0;
}
#mailForm .form-group .checkbox label {
    width: 100%;
    margin: 0;
}
input[type="button"].btn-block,
input[type="reset"].btn-block,
input[type="submit"].btn-block {
    width: 250px;
    margin: 0 auto;
    margin-top: 30px;
    padding: 18px 20px;
    border: 1px solid #0972c3 !important;
    border-radius: 0;
    background: #0972c3 !important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.04em;
    line-height: 1;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
input[type="button"].btn-block:hover,
input[type="reset"].btn-block:hover,
input[type="submit"].btn-block:hover {
    background: #0972c3 !important;
    border: 1px solid #0972c3 !important;
    color: #fff;
}
@media screen and (max-width: 991px) {
    #mailForm .form-group input.form-control,
    #mailForm .form-group textarea.form-control {
        max-width: 567px;
    }
}
@media screen and (max-width: 767px) {
    #mailForm .form-group {
        padding: 20px 15px;
    }
    #mailForm .form-group label {
        width: 20%;
        font-size: 13px;
        font-weight: 500;
        letter-spacing: -0.05em;
    }
    #mailForm .form-group input.form-control,
    #mailForm .form-group textarea.form-control {
        width: 80%;
    }
    #mailForm .form-group ~ p.error {
        padding-left: 15px;
        margin: 0;
    }
    input[type="button"].btn-block,
    input[type="reset"].btn-block,
    input[type="submit"].btn-block {
        margin-top: 80px;
    }
}

/*=====----- 게시판 설정 -----=====*/
.dh-board,
.img-bbs-default-index-layout .page_wrap ~ div,
.dh-view-box,
.form-horizontal,
#mailForm {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
}
.bbs-list-index-layout .subPage .right_contents,
.bbs-list-view-layout .subPage .right_contents,
.bbs-list-edit-layout .subPage .right_contents {
    width: 100%;
    padding: 0;
}
/*=====----- 텍스트 게시판 설정 -----=====*/
.dh-board .table > thead > tr > th,
.dh-board .table > tbody > tr > th,
.dh-board .table > tfoot > tr > th,
.dh-board .table > thead > tr > td,
.dh-board .table > tbody > tr > td,
.dh-board .table > tfoot > tr > td {
    padding: 16px 20px;
    color: #666;
    font-size: 14px;
}
.dh-board .table > thead > tr > th {
    background: #f9f9f9;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    letter-spacing: -0.03em;
}
.dh-board .table > tbody > tr > td {
    border-bottom: 1px dotted #dedede;
}
.dh-board .table > tbody > tr > td > strong > a {
    color: #555;
}
.dh-board > .table-hover {
    border-top: 2px solid #2d2d2d;
    border-bottom: 1px solid #ccc;
    margin: 0px 0 30px;
}
.dh-board > .table-hover > tbody > tr:hover td {
    background-color: #f9f9f9;
}
.dh-board > .table-hover > tbody > tr:hover > td > strong > a {
    color: #000;
}
.dh-margin-top {
    margin-top: 40px;
    display: inline-block;
}
/* ----- 이미지 게시판 ----- */
.dh-front-gallery {
    margin-top: 20px;
}
/* ----- 게시판 버튼 설정 ----- */
.label {
    background: rgba(0, 0, 0, 0);
    padding: 0 5px;
    font-size: 90%;
}
.label-danger {
    color: #ea880a;
}
.label-primary {
    color: #ea880a;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: #ea880a;
    border: 1px solid #ea880a !important;
}
.pagination > li > a,
.pagination > li > span {
    color: #9d8478;
    border: 1px solid #fff !important;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    color: #9d8478;
}
.dh-margin-top form#insertForm {
    width: 100%;
    max-width: 100%;
    display: block;
    margin: 0 0 0;
}
.btnRead {
    font-weight: 500;
}
.btn-default,
.btn-primary,
.btn-danger {
    background-image: none;
}
.btn-group,
.btn-group-vertical {
    margin: 10px 0 30px;
}
/* ----- 게시글 뷰 페이지 설정 ----- */
.dh-view-box {
    margin-top: 0px;
}
.sns-box {
    display: none;
}
.dh-view-box > .row > .page-header {
    border-top: 2px solid #000;
    border-bottom: 1px solid #ccc;
    padding: 0 20px;
    margin: 0;
}
.dh-view-box > .row > .page-header > h4 {
    color: #333;
    font-size: 23px;
    margin: 14px 0;
}
.dh-view-box > .row > .dh-view-info {
    border-bottom: 1px solid #ccc;
    background: rgba(0, 0, 0, 0);
    padding: 8px 20px 8px;
    color: #888;
}
.dh-view-box > .row > .dh-view-info > span {
    padding: 0 15px 0 0;
}
.dh-view-box > .row > .dh-view-info > span > strong {
    color: #555;
    padding: 0 5px 0 0;
}
.dh-view-box .dh-attach h6 {
    margin: 0 0 0;
    padding: 5px 5px 0;
}
.dh-view-box > .row:nth-child(2) > div:nth-child(3) {
    padding: 30px 20px 60px !important;
    min-height: 300px;
}
@media screen and (max-width: 991px) {
    .dh-board,
    .img-bbs-default-index-layout .page_wrap ~ div,
    .dh-view-box,
    .form-horizontal,
    #mailForm {
        padding: 60px 15px;
    }
}
@media screen and (max-width: 767px) {
    .dh-board,
    .img-bbs-default-index-layout .page_wrap ~ div,
    .dh-view-box,
    .form-horizontal,
    #mailForm {
        padding: 40px 15px;
    }
}
/* 게시판 설정 끝 */

.container_contents {
    width: 100% !important;
}

.container2 {
    background: url(/skin/img/main/customer-bg.jpg) no-repeat 50% 50% / cover;
    width: 100%;
    height: 260px;
    margin: 50px 0 0;
}

.service {
    /* position: relative; */
    /* left: 50%; */
    /* margin-left: -275px; */
    width: 100%;
    padding: 60px 0 0;
}

.service .board-banner {
    max-width: 540px;
    margin: 0 auto;
}

/* ---------- 게시판 타이틀 설정 ---------- */
.intro-boardbox .page-header {
    padding: 0;
    margin: 0;
}
.intro-boardbox .page-header h4 {
    font-size: 34px;
    font-weight: 500;
    color: #333;
    margin: 0 0 30px;
}
.intro-boardbox .page-header h4 .btn {
    padding: 0;
    margin: 0;
}
.board-banner {
    overflow: hidden;
}
.intro-boardbox .banner-wrap {
    min-height: 75px;
    float: left;
}
.intro-boardbox .banner-wrap:nth-of-type(1) {
    margin-right: 30px;
}
.intro-boardbox .banner-icon {
    display: inline-block;
    float: left;
    height: 75px;
    margin: 0 20px 0 0;
}
.intro-boardbox .banner-icon i {
    font-family: "FontAwesome" !important;
    font-style: normal;
    font-size: 33px;
    color: #fff;
    display: inline-block;
    width: 75px;
    height: 75px;
    background: #0972c3;
    border-radius: 50%;
    text-align: center;
    padding-top: 14px;
}
.banner-text {
    display: inline-block;
}
.banner-text h5 {
    margin: 12px 0 0;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    letter-spacing: -0.3px;
}
.banner-text h5:nth-child(2) {
    margin: 5px 0 0 0;
}
.banner-text h3 {
    margin: 0 0 5px;
    color: #008cd6;
    font-size: 23px;
    font-weight: 500;
}
.banner-text p {
    font-size: 16px;
    margin: 0 0 0;
    color: #333;
}

/* ---------- 게시판 리스트 설정 ---------- */
.intro-boardbox .front-panel > .panel {
    padding: 0;
    background-color: transparent !important;
    border: none;
    border-radius: 0px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}
.intro-boardbox .panel-body {
    padding: 0;
}
.dh-front-list2-words {
    margin: 0 !important;
    padding: 5px 0;
}
.dh-front-list2-words h6 {
    line-height: 1.2;
}
.dh-front-list2 h6 a,
.dh-front-list2 h6 a span {
    color: #707070;
    font-weight: 400;
    font-size: 13px;
}
.dh-front-list2-words:first-child {
    margin: auto;
}
.list-row-subject {
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 250px;
    white-space: nowrap;
}
.intro-boardbox:first-child .list-row-subject:before {
    content: "·";
    padding: 3px 5px 0 0;
    font-size: 15px;
    color: #94c633;
    font-weight: 800;
    position: relative;
    top: 1px;
}
.intro-boardbox:nth-child(2) .list-row-subject:before {
    content: "·";
    padding: 3px 5px 0 0;
    font-size: 15px;
    color: #94c633;
    font-weight: 800;
    position: relative;
    top: 1px;
}

@media (max-width: 767px) {
    .service {
        position: relative;
        left: 0;
        margin-left: 0;
        max-width: 550px;
    }
    .intro-boardbox .page-header h4 {
        margin: 0;
    }
}

/*2018.05.09 수정*/
.visual_wrap_height {
    height: 246px;
    overflow: hidden;
    margin-top: 115px;
}
#committal .visual_wrap {
    margin-top: 0;
}
#mail .visual_wrap {
    margin-top: 0;
}
.navbar-brand p {
    color: #002b66;
    font-weight: 800;
    font-size: 20px;
    position: absolute;
    top: 45px;
    left: 155px;
}
/*navbar-brand:after{    
    content: "(주)파나로드";
    color: #002B66;
    font-weight: 800;
    font-size: 20px;
    position: absolute;
    top: 45px;
    left: 155px;}*/
.navbar .container {
    position: relative;
}

.locaion_en #content .train,
.locaion_en #content .common-con .col-md-12:nth-of-type(2) .common-con-title + p {
    margin-bottom: 30px;
}
.locaion_en #content p b {
    font-size: 15px;
    line-height: 1em;
    display: block;
    color: #616161;
    font-weight: 400;
    text-indent: 7px;
    letter-spacing: -0.3px;
}
.join-view-layout,
.id-find-layout,
.pw-find-layout,
.login-layout {
    padding-block: 150px;
}