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

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

/* Font Setting */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
li,
a,
label,
input,
textarea {
    font-family: "Noto Sans KR", "맑은 고딕", 'Malgun Gothic', 'Apple SD Gothic Neo Medium', sans-serif !important;
}

/* Icon Fonts */
.fa {
    font-family: 'FontAwesome' !important;
}

.glyphicon {
    font-family: 'Glyphicons Halflings' !important;
}

/* Social Footer Deleted */
.footer-social-layout {
    display: none
}

a,
a:link,
a:visited {
    text-decoration: none !important;
}

* {
    word-break: keep-all;
}

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

.clearfix {
    *zoom: 1;
}

.clearfix:after {
    display: block;
    content: '';
    clear: both;
}

.mobile-btn-layout-container {
    display: none;
}

/* 소셜 아이콘 삭제 */
.footer-social-layout {
    display: none
}


/* 게시판 본문 위치 조정 */
.dh-view-box>div:nth-child(2)>div:nth-child(3) {
    padding: 20px !important
}

/* ============= 초기설정 끝 ================ */

.menu_top_wrap .menu_top_inner {
    max-width: 1050px;
    margin: 0 auto;
    text-align: right;
    padding: 10px 15px 0 0;
}

.menu_top_wrap .menu_top_inner ul#lang_btn_box {
    padding: 0;
    margin: 0;
    float: right;
}

.menu_top_wrap .menu_top_inner ul#lang_btn_box li {
    float: left;
    margin-left: 2px;
}

.lang_btn {
    font-size: 12px;
    border: 1px solid #dec09a !important;
    color: #9C8974;
    padding: 2px 6px;
}

.lang_btn:hover {
    background-color: #B0A190;
    border-bottom: 1px solid #dec09a !important;
    color: #EEDBC6;
}

.lang_btn.active {
    background-color: #9C8974;
    color: #f6ece1;
}

/* 모바일 메뉴 */
.navbar-toggle {
    margin-top: 12px;
    margin-right: 26px;
}

.navbar-inverse .navbar-toggle {
    border: none;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background: #fff;
    border: none;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #33220c;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
    background: #f3f3f3;
    box-shadow: none;
    color: #33220c;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: #eee;
    border-color: #33220c;
}

@media (max-width: 767px) {

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #565656;
        background-color: rgba(0, 0, 0, 0);
    }
}

.topmarginLay_a {
    height: 70px !important;
    margin-top: -20px;
}

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

/*상단 메뉴 설정 시작*/
.navbar-inverse {
    background: #f6ece1;
    border: none;
    border-top: 5px solid #33220c;
    padding: 0;
    margin: 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}

.navbar-inverse>.container {
    max-width: 100%;
    width: 100%;
    padding: 0;
}

.navbar-collapse {
    float: none;
    width: auto;
    text-align: center;
    line-height: 1;
}

/*상단 메뉴 설정 끝*/


.navbar-brand img {
    padding-top: 10px;
}

.navbar-inverse .navbar-brand {
    display: block;
    margin-left: 15px !important;
    margin-top: 20px;
    padding: 0;
    line-height: 1.4;
    padding-left: 15px;
}

.navbar-brand span {
    display: block;
    color: #372300;
}

.navbar-brand span.logoText1 {
    font-size: 17px;
}

.navbar-brand span.logoText2 {
    font-size: 8px;
}

@media screen and (min-width:992px) {
    .navbar-inverse .navbar-nav {
        float: none !important;
        display: inline-block;
    }

    /*     .navbar-header {
        position:absolute;
        left:0;
    } */
}

.navbar-inverse .navbar-nav>li>a {
    background: none;
    color: #333;
    font-size: 15px;
    padding: 24px 0 18px;
    margin: 0;
    text-shadow: none;
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    letter-spacing: -0.035em;
}

.navbar-inverse .navbar-nav>li>a:hover {
    border-bottom: 2px solid #33220c !important;
    color: #c4905d;
}

.navbar-inverse .divider-vertical+li {
    /*     float: right; */
}

.navbar-inverse .divider-vertical,
.caret {
    display: none;
}

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

/* 상단 서브 메뉴 설정 시작*/
.navbar-nav>li {
    min-width: 140px;
}
/* CURRENT EXHIBITION VIEW */
.navbar-nav>li#m-20 {
    min-width: 200px;
}

.dropdown-menu {
    left: 0 !important;
    right: 0 !important;
    text-align: center;
    min-width: 160px;
    border-radius: 0;
    border: none;
    background: #33220c;
    padding: 20px 15px;
}

.dropdown-menu>li>a {
    margin: 0;
    padding: 6px 0;
    background: rgba(0, 0, 0, 0);
    color: #e5e5e5;
    font-weight: 300;
}

.dropdown-menu>li>a:hover {
    background: #c4905d;
    color: #fff;
}

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

/* 하단 카피라이트 설정 시작*/
.footer_copy .text-center {
    background-color: #3e3e3e;
    font-size: 13px;
    font-weight: 300;
    padding: 16px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
}

.wrapFooter {
    color: #9d9d9d;
}

.wrapFooter span.slash {
    display: inline-block;
    margin: 0 5px;
}

.wrapFooter strong {
    color: #c9c9c9;
    font-weight: 400;
}

.wrapFooter .wrap-login {
    margin-left: 10px;
}
.wrapFooter .wrap-login > a {
    padding: 1px 12px 4px;
    font-size: 11px;
    font-weight: 300;
    color: #ddd;
    border: 1px solid #777;
    border-radius: 2px;
}
.wrapFooter .wrap-login > a:hover,
.wrapFooter .wrap-login > a:focus {
    text-decoration: none;
}
.wrapFooter .wrap-login > a:hover {
    color: #fff;
    background: #353535;
    border-color: #353535;
}

@media screen and (max-width:767px) {
    .wrapFooter span {
        display: block;
    }

    .wrapFooter span.slash {
        display: none;
    }

    .wrapFooter .copyright {
        margin-top: 20px;
    }
}

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

/*=========== 메인 페이지 ==========*/
.container_contents {
    width: 100%;
    padding: 0;
}

.intro-html-layout {
    width: 100%;
    margin: 0;
}

.intro-html-layout>div:first-child {
    padding: 0;
    position: relative;
}

/* 메인 슬라이드 */
.carousel-control {
    display: none;
}

#mainSlide .carousel-inner .item {
    height: 835px;
    min-height: 450px;
    background-repeat: no-repeat;
    background-size: cover;
    background: #dec09a;
}

/* #mainSlide .carousel-inner > div:nth-child(1) {background-image: url(/skin/img/slide/slide.jpg);}
#mainSlide .carousel-inner > div:nth-child(2) {background-image: url(/skin/img/slide/slide2.jpg);} */

.carousel-caption {
    text-shadow: none;
    top: 50%;
    right: 0 !important;
    left: 0;
    bottom: auto;
    padding: 0;
    transform: translateY(-50%);
}
.carousel-caption p {
    margin: 15px 0 0;
    font-size: 20px;
    font-weight: 300;
    color: #33220c;
    line-height: 1.7em;
}
.carousel-caption h4 {
    margin: 0 0 -10px;
    font-size: 20px;
    font-weight: 400;
    color: #33220c;
}
.carousel-caption .btn {
    margin-top: 30px;
    padding: 10px 50px 12px;
    font-size: 15px;
    font-weight: 300;
    color: #33220c;
    line-height: 1em;
    text-decoration: none;
    border: 1px solid #9C8974;
    border-radius: 2px;
}
.carousel-caption .btn:hover,
.carousel-caption .btn:focus {
    color: #fff;
    background: #33220c;
    border-color: #33220c;
}

@media screen and (max-width:991px) {
    .carousel-caption {
        text-align: center;
        text-shadow: none;
        top: 355px;
        width: 200px;
    }
}

.carousel-caption .copyTop {
    color: #3e3e3e;
    font-size: 22px;
    font-weight: 700;
    font-family: 'Nanummyeongjo' !important;
    letter-spacing: 0.08em;
    display: inline-block;
    margin: 0;
}

.carousel-caption h2 {
    font-size: 29px;
    font-weight: 300;
    line-height: 44px;
    margin: 7px 0 20px;
    font-family: "NanumMyeongjo" !important;
    letter-spacing: -0.6px;
}

.carousel-caption .copyBottom {
    font-family: "NanumMyeongjo" !important;
    font-size: 18px;
    letter-spacing: 3px;
    display: inline-block;
    padding-left: 100px;
    background-image: url(/skin/img/main/caption-line.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.glyphicon-chevron-left:before,
.glyphicon-chevron-right:before {
    display: none;
}

/* 메인 슬라이드 끝 */

#roomInfo {
    position: absolute;
    bottom: 0;
    width: 100%;
}

@media screen and (max-width:767px) {
    #roomInfo {
        position: static;
    }
}

.mainRoombox {
    min-height: 265px;
    padding: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (min-width: 992px) {
    .mainRoombox {
        width: calc(100% / 6) !important;
    }
}

/* .mainRoombox1{background-color:;}
.mainRoombox2{background-color:;}
.mainRoombox3{background-color:;}
.mainRoombox4{background-color:;} */

.mainRoombox a {
    display: block;
}

.roomboxIn h3 {
    position: absolute;
    z-index: 999;
    margin: 0;
    padding: 14px 25px;
    background-color: #d6a97b;
    color: #fff;
    display: none;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: -0.035em;
}

.mainRoombox .hover {
    width: 100%;
    height: 265px;
    background-color: rgba(129, 115, 100, 0.7);
    transition: ease 0.2s background-color;
    padding: 22px;
}

.mainRoombox:hover .hover,
.mainRoombox:focus .hover {
    background-color: #d6a97b;
    /*     opacity: 1.0; */
}

.mainRoombox .hover .hoverIn {
    min-height: 220px;
    padding: 30px 0 5px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    text-align: center;
    color: #fff;
}

.hoverIn h4 {
    font-size: 19px;
    margin: 0;
    font-family: "NanumMyeongjo" !important;
    font-style: italic;
}

.hoverIn img {
    margin: 16px 0;
}

.hoverIn p span {
    font-weight: 500;
}

.hoverIn p {
    font-size: 15px;
    line-height: 18px;
    font-weight: 300;
    margin-bottom: 2px;
}

.hoverIn .moreBtn {
    color: #fff;
    font-size: 14px;
    margin-top: 2px;
    padding: 0 0 3px;
    display: inline-block;
    border-bottom: 1px solid transparent;
    font-family: "NanumMyeongjo" !important;
    letter-spacing: 0.6px;
}

.hoverIn .moreBtn:hover {
    border-bottom: 1px solid #fff !important;
}

/* =========== 메인 페이지 끝 =========== */

/* =========== 서브페이지 =========== */
.sub-layout {
    width: 100%;
    min-height: 835px;
    padding: 0;
}

#subTop .sub_topImg {
    height: 220px;
    background-size: cover;
    background-repeat: no-repeat;
}

#subTop .sub_topImg.topImg1 {
    background-image: url(/skin/img/sub/sub_top1.jpg);
}

/* 서브 네비게이션 시작 */
.navigation {
    background: #f6f6f6;
    overflow: hidden;
    padding: 12px 20px;
}

.navigation .navi {
    float: right;
    margin-bottom: 0;
}

.navigation .navi li {
    list-style-type: none;
    float: left;
    padding-left: 11px;
    font-size: 12px;
    color: #999;
}

.navigation .navi li:after {
    content: url(/skin/img/sub/arrow_ico.png);
    padding-left: 13px;
}

.navigation .navi li:first-child {
    background-image: url(/skin/img/sub/home_ico.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 18px;
}

.navigation .navi li.active {
    color: #565656;
}

.navigation .navi li:last-child:after {
    content: '';
    padding: 0;
}

/* 서브 네비게이션 끝 */

/* 서브 컨텐츠 영역 */
#subBottom .wrapSub {
    max-width: 1020px;
    padding: 0 15px 100px;
    margin: 0 auto;
}

.subTitle {
    margin: 40px 0 25px;
}

.subTitle h2 {
    font-size: 32px;
    color: #313131;
    text-align: center;
    margin: 0;
    background-image: url(/skin/img/sub/sub_tit_pattern.png);
    background-repeat: repeat-x;
    background-position: center;
}

.subTitle h2 span {
    background: #fff;
    padding: 0 20px;
}

.subContent h4 {
    color: #33220c;
    font-weight: 500;
    font-size: 18px;
    margin: 0 0 10px;
}

.subContent p {
    color: #616161;
    font-size: 15px;
    line-height: 25px;
}

/* 리스트 설정 */
.basicList {
    padding-left: 11px;
}

.basicList li {
    list-style-image: url(/skin/img/sub/list-head.png);
    font-size: 15px;
    line-height: 23px;
    color: #616161;
    margin-bottom: 6px;
}

/* 테이블 설정 */
.basicTable {
    width: 100%;
    border-top: 2px solid #33220c;
    border-bottom: 2px solid #ddd;
}

.basicTable tr {
    border-bottom: 1px solid #e3e3e3;
}

.basicTable th {
    background: #f7f7f7;
}

.basicTable th,
.basicTable td {
    padding: 13px 20px;
    font-size: 15px;
    color: #616161;
    line-height: 26px;
}

.btns {
    text-align: center;
    margin-top: 40px;
}

.btns .link_btn {
    font-size: 16px;
    text-align: center;
    padding: 17px 0;
    width: 290px;
    display: inline-block;
    margin: 0 3px 0px;
}

.btns .link_btn.btn1:hover,
.btns .link_btn.btn1:focus {
    border-bottom: 1px solid #33220c;
}

.btns .link_btn.btn2:hover,
.btns .link_btn.btn2:focus {
    border-bottom: 1px solid #e3e3e3 !important;
}

.btns .link_btn.btn1 {
    background: #33220c;
    border-color: #33220c;
    color: #fff;
}

.btns .link_btn.btn2 {
    background: #e3e3e3;
    border: 1px solid #e3e3e3;
    color: #565656;
}

/* 링크탭 */
.linkTab {
    overflow: hidden;
    text-align: center;
    margin-top: 20px;
}

.linkTab ul {
    margin-bottom: 0;
    padding: 0;
    display: inline-block;
}

.linkTab ul li {
    list-style-type: none;
    float: left;
    margin: 0 7px 7px 0px;
}

.linkTab ul li a {
    font-size: 14px;
    color: #929292;
    padding: 8px 30px;
    display: inline-block;
    border: 1px solid #e3e3e3;
}

.linkTab ul li a:hover,
.linkTab ul li a:focus {
    border-bottom: 1px solid #e3e3e3 !important;
    background: #f3f3f3;
}

.linkTab ul li.active a {
    background: #33220c;
    border-color: #33220c;
    color: #fff;
}

.linkTab ul li.active a:hover {
    border-bottom: 1px solid #33220c !important;
}

/* 링크탭 끝 */

/* exhibition */
/* .ex_current .subContent .text_area > span {display: block; text-align: center;}
.ex_current .subContent .text_area > span:nth-child(1) {margin: 0 0 5px; color: #c4905d; font-size: 16px; text-decoration: underline;}
.ex_current .subContent .text_area > span:nth-child(2) {margin: 0 0 10px; color: #000; font-size: 36px; font-weight: 300; letter-spacing: -0.035em;}
.ex_current .subContent .text_area > span:nth-child(3) {margin: 0 0 30px; color: #888; font-size: 18px;}
.ex_current .subContent .img_area img {max-width: 660px;width:100%;} */
.text_area2 {
    width: 400px;
    margin: 30px auto 0;
    font-size: 16px;
    line-height: 1.7;
    text-align: center;
}

.text_area2 p {
    margin: 15px 0 0;
}

.history table {
    margin-bottom: 30px;
}

.history tr th {
    width: 65px;
    color: #c4905d;
}

.ex_current .text_area {
    margin-top: 30px;
}

.ex_current .text_area span {
    display: block;
    text-align: center;
    margin-bottom: 20px;
    font-size: 20px;
}

/* .ex_current .text_area > span:nth-child(1) {margin: 0 0 5px; color: #c4905d; font-size: 16px; text-decoration: underline;} */
/* .ex_current .text_area>span:nth-child(1) { */
.ex_current .text_area>.tit {
    margin: 0;
    color: #000;
    font-size: 36px;
    font-weight: 300;
    letter-spacing: -0.035em;
}

/* .ex_current .text_area>span:nth-child(2) {
    margin: 0 0 15px;
    color: #888;
    font-size: 14px;
}

.ex_current .text_area>span:nth-child(3) {
    margin: 0 0 30px;
    color: #888;
    font-size: 18px;
} */

.ex_upcoming .text_area {
    margin-top: 30px;
}

.ex_upcoming .text_area>span {
    display: block;
    text-align: center;
    margin-bottom: 20px;
    font-size: 20px;
}

.ex_upcoming .text_area>span:nth-child(1) {
    margin: 0 0 5px;
    color: #c4905d;
    font-size: 16px;
    text-decoration: underline;
}

.ex_upcoming .text_area>span:nth-child(2) {
    margin: 0;
    color: #000;
    font-size: 36px;
    font-weight: 300;
    letter-spacing: -0.035em;
}

.ex_upcoming .text_area>span:nth-child(3) {
    margin: 0 0 15px;
    color: #888;
    font-size: 14px;
    font-weight: 300;
}

.ex_upcoming .text_area>span:nth-child(4) {
    margin: 0 0 30px;
    color: #888;
    font-size: 18px;
}

.ex_upcoming .history {
    width: 100%;
}

.ex_upcoming .text_area2 {
    width: 400px;
    text-align: center;
}

.ex_past .nav.nav-pills {
    margin-bottom: 30px;
}

.ex_past .nav-pills>li>a {
    border: 1px solid #d7d7d7 !important;
    border-radius: 0;
    padding: 8px 30px;
    margin: 0;
    color: #333;
    font-size: 13px;
    letter-spacing: 0.035em;
}

.ex_past .nav-pills>li>a:hover {
    background-color: #f8f8f8;
}

.ex_past .nav-pills>li.active>a {
    color: #fff;
    background: #c4905d;
    border: 1px solid #c4905d !important;
}

.ex_past .tab-content {
    border-top: 2px solid #000;
    border-bottom: 1px solid #e1e1e1;
}

.ex_past section {
    border-bottom: 1px solid #e1e1e1;
    max-height: 300px;
    overflow: hidden;
}

.ex_past .text_area {
    margin: 45px 0 0;
    padding: 0 0 0 30px;
}

.ex_past .text_area>span {
    display: block;
    font-size: 20px;
}

.ex_past .text_area>span.title {
    margin: 0 0 15px;
    color: #000;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: -0.035em;
}

.ex_past .text_area>span.title>span {
    display: block;
    font-size: 22px;
}

.ex_past .text_area>span.date {
    margin: 0 0 25px;
    color: #888;
    font-size: 16px;
    font-weight: 300;
}

.ex_past .text_area>span.artist {
    margin: 0;
    color: #666;
    font-size: 14px;
    line-height: 1.8;
}

@media screen and (max-width:767px) {
    .ex_current .subContent .text_area>span .x {
        display: block;
        margin: 5px 0;
    }

    .ex_upcoming .text_area>span .rya {
        display: block;
        margin: 5px 0;
    }

    .ex_past section {
        padding-bottom: 30px;
        max-height: 100%;
    }
}

/* about gallery */
.ab_introduction #row1 .text_area {
    margin-top: 15px;
    text-align: center;
}
.ab_introduction .subContent > .row+.row {
    margin-top: 80px;
}
.ab_introduction .subContent h2 {
    margin: 0 0 20px;
    color: #000;
    font-size: 32px;
    font-weight: 300;
    letter-spacing: -0.03em;
}

@media screen and (min-width:768px) {
    .ab_introduction #row1 .text_area {
        /*width: 545px;*/
        margin: 50px auto 0;
    }
}
/*
.ab_introduction  section .col-md-4 {
    margin-bottom: 30px;
}
*/

.ab_introduction .title h3 {
    margin: 20px 0;
    padding: 10px 0;
    color: #000;
    font-size: 22px;
    font-weight: 400;
    border-bottom: 2px solid #e6e6e6;
    position: relative;
}

.ab_introduction .title h3:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 5px;
    background-color: #c4905d;
    content: '';
}

.ab_introduction .address_area {
    margin-top: 30px;
}

.ab_introduction .address_area table {
    width: 100%;
    border-top: 2px solid #333;
    border-bottom: 2px solid #ccc;
}

.ab_introduction .address_area table tr th {
    background: #f9f9f9;
    color: #000;
    font-weight: 400;
    letter-spacing: -0.05em;
}

.ab_introduction .address_area table tr td {
    color: #555;
    letter-spacing: -0.035em;
}

.ab_introduction .address_area table tr th,
.ab_introduction .address_area table tr td {
    padding: 15px 20px;
    border: 1px solid #e1e1e1;
}

.ab_introduction  .img_area {
    margin-bottom: 30px;
}

.ab_introduction  .text_area table {
    width: 100%;
    border-top: 2px solid #333;
    border-bottom: 2px solid #ccc;
}

.ab_introduction  .text_area table thead tr th {
    background: #f6f1eb;
    color: #000;
    text-align: center;
}

.ab_introduction  .text_area table tbody tr td.colorBox {
    background: #f9f9f9;
    color: #333;
    font-weight: 400;
    letter-spacing: -0.05em;
    vertical-align: middle !important;
}

.ab_introduction  .text_area table tbody tr td {
    color: #555;
    letter-spacing: -0.035em;
    vertical-align: middle !important;
}

.ab_introduction  .text_area table thead tr th,
.ab_introduction  .text_area table tbody tr th,
.ab_introduction  .text_area table tbody tr td {
    padding: 15px 20px;
    border: 1px solid #e1e1e1;
}

@media screen and (max-width:767px) {
    .ab_introduction  .text_area table tbody tr td span {
        display: block;
    }

    .ab_introduction  .text_area table thead tr th,
    .ab_introduction  .text_area table tbody tr th,
    .ab_introduction  .text_area table tbody tr td {
        padding: 8px;
    }
}

/* contact */
.contact .subContent {
    margin-top: 30px;
}

.contact .subContent table {
    width: 100%;
    border-top: 2px solid #333;
    border-bottom: 2px solid #ccc;
}

.contact .subContent table tr th {
    background: #f9f9f9;
    color: #000;
    font-weight: 400;
    letter-spacing: -0.05em;
    vertical-align: middle !important;
}

.contact .subContent table tr td {
    color: #555;
    letter-spacing: -0.035em;
}

.contact .subContent table tr th,
.contact .subContent table tr td {
    padding: 15px 20px;
    border: 1px solid #e1e1e1;
}
.contact .subContent table tr td > a.insta {
    width: 26px;
    height: 26px;
    display: inline-block;
    margin-right: 3px;
    padding: 4px 7px 6px;
    font-size: 15px;
    color: #fff;
    line-height: 1em;
    text-align: center;
    background: #d73889;
    border-radius: 20px;
}
.contact .subContent table tr td > a.insta:hover {
    background: #3e3e3e;
}

/* notice */
.notice .wrapSub {
    padding-bottom: 0 !important;
}

/* Current Exhibition View */
.current_ex_view .box-artist {
    margin-top: 80px;
}
.current_ex_view .box-artist > .name {
    position: relative;
    margin: 0 0 60px;
    font-size: 30px;
    font-weight: 300;
    text-align: center;
}
.current_ex_view .box-artist > .name::after {
    content: '';
    left: 50%;
    bottom: -35px;
    width: 1px;
    height: 20px;
    position: absolute;
    background: #555;
}
.box-artist .box-career {
    margin-bottom: 60px;
}
.box-artist > .row .box-career {
    margin-top: 0;
}
.box-artist .box-career .inner {
    display: inline-block;
    width: 100%;
    padding: 25px;
    border: 1px solid #e6e6e6;
}
.box-artist .box-career .inner h5 {
    margin: 0 0 15px;
    font-size: 16px;
    color: #c4905d;
}
.box-artist .box-career .inner ul+h5,
.box-artist .box-career .inner p+h5 {
    margin-top: 30px;
}
/* .box-artist .box-career .inner h5 span {
    display: block;
    margin-top: 7px;
    font-size: 15px;
    color: #444;
} */
.box-artist .box-career ul {
    margin-bottom: 0;
    padding-left: 0;
}
.box-artist .box-career ul+ul {
    margin-top: 15px;
}
.box-artist .box-career ul > li {
    position: relative;
    margin-bottom: 5px;
    /* padding-left: 34px; */
    font-size: 13px;
    line-height: 1.6em;
}
.box-artist .box-career ul > li .year {
    left: 0;
    position: absolute;
}
.box-artist .box-career ul ul {
    padding-left: 10px;
}
.box-artist .box-career ul ul li {
    margin-bottom: 0;
    padding-left: 34px;
}
.box-artist .box-career .from {
    margin: 0 20px 0 0;
    font-size: 13px;
    font-weight: 500;
    color: #777;
    text-align: right;
}
.current_ex_view .box-artist h4 {
    position: relative;
    margin: 0 0 18px;
    padding-bottom: 10px;
    font-size: 19px;
    border-bottom: 2px solid #e6e6e6;
}
.current_ex_view .box-artist h4::before {
    content: '';
    top: -10px;
    left: 0;
    width: 5px;
    height: 5px;
    position: absolute;
    background-color: #c4905d;
}
.current_ex_view .box-artist .note {
    margin-bottom: 50px;
}
.current_ex_view .box-artist .note p {
    line-height: 27px;
}
.current_ex_view .box-artist .work {
    width: 100%;
    display: inline-block;
    margin: 0 -35px;
}
.current_ex_view .box-artist .work img {
    margin-bottom: 10px;
    padding: 0 30px;
}
.current_ex_view .box-artist .work > div {
    padding: 0 5px;
}
.current_ex_view .box-artist .work .img-caption {
    margin: 0 0 30px;
    font-size: 12px;
    line-height: 1.5em;
    text-align: center;
}
.current_ex_view .box-artist .work-top {
    display: flex;
    gap: 15px;
}
.current_ex_view .box-artist .work-top .con-left {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    flex-basis: 50%;
}
.current_ex_view .box-artist .work-top .con-right {
    flex-basis: 50%;
}

/* Current Exhibition View
.notice .ex_current_name {
    margin: 40px 0 25px;
    font-size: 24px;
    color: #333;
    font-weight: 300;
    text-align: center;
} */


/*========= 게시판 설정 ==========*/
/* 게시판 넓이 */
#subPage.board .wrapSub {
    padding-bottom: 30px;
}

/* 리스트 게시판 */
.dh-board {
    max-width: 1020px;
    padding: 0 15px;
    margin: 0 auto;
}

.dh-board>.table-hover {
    border-top: 2px solid #33220c;
    border-bottom: 2px solid #ddd;
}

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

.dh-board .label-danger {
    background: none;
    color: #c4905d;
}

/* 블로그 게시판 */
.dhb-txt-box {
    margin: 0 0 0;
    background: #fff;
    border: none;
    border-top: 1px solid #ddd;
    padding: 15px 0 15px;
}

.dhb-txt-box:hover,
.dhb-txt-box:focus {
    background: #f3f3f3;
}

.dhb-txt-box:hover h4 a,
.dhb-txt-box:focus h4 a {
    color: #33220c;
}

.dhb-txt-box .thumb-hidden {
    border: none;
    box-shadow: none;
}

.dhb-txt-box .dhb-txt-list {
    width: 100%;
    border-right: none;
}

.dhb-txt-box .col-md-4.text-right {
    display: none;
}

/* 이미지 게시판 */
.img-bbs-default-index-layout > .row {
    max-width: 1020px;
    margin: 0 auto;
}
.img-bbs-default-index-layout > #subPage + .row > div {
    padding: 0 5px;
}
.dh-front-gallery > .col-md-3 {
    padding: 0 10px;
}
.dh-front-gallery > .col-md-3 > a.thumbnail {
    height: 200px !important;
    margin-top: 10px;
}

@media screen and (min-width:768px) {
    .dhb-txt-list>.row>div:first-child {
        width: 30%;
    }

    .dhb-txt-list>.row>div:nth-child(2) {
        width: 70%;
    }
}

.dhb-txt-list h4 a {
    color: #313131;
    font-weight: 400;
}

.dhb-txt-list h5 a {
    font-size: 14px;
    color: #929292;
    font-weight: 400;
    line-height: 1.75;
}

/* 게시판 공용1 (게시글 작성, 게시글 뷰)*/
form#insertForm {
    max-width: 1020px;
    padding: 0 15px 90px;
    margin: 0 auto;
}

.dh-view-box {
    max-width: 990px;
    padding: 0 15px 90px;
    margin: 0 auto;
}

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

.dh-view-box>.row>.page-header {
    padding: 4px 14px;
    border-top: 2px solid #33220c;
    border-bottom: 2px solid #ddd;
}

/* 게시판 공용2 (페이지, 검색바, 덧글 작성) */
.dh-margin-top {
    margin-top: 30px;
}

.img-bbs-default-index-layout .page-nav {
    margin-top: 20px;
}
.pagination>li>a,
.pagination>li>span {
    margin-left: 0;
}
.pagination>li>a {
    font-size: 16px;
    color: #33220c;
}
.pagination>li.page_set>a {
    border: none;
}
.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-radius: 0;
}
.pagination>li.page_prev > a,
.pagination>li.page_next > a {
    padding: 3px 12px 6px;
    color: #777;
}
.pagination>li.page_prev > a:hover,
.pagination>li.page_next > a:hover {
    background: #fff;
}
.pagination>li>a:hover {
    border-bottom: 1px solid #ddd !important;
}
.pagination>li.active>a {
    background: rgba(0, 0, 0, 0);
    border: none;
    color: #33220c;
    text-decoration: underline !important;
}
.pagination>li.active>a:hover {
    border-bottom: none !important;
}

.input-group-btn button,
.input-group-btn input {
    background: #fff;
    border-radius: 0;
    box-shadow: none;
}

button#btnNew {
    background: #33220c;
    border: 1px solid #33220c;
}

.sub-layout .bbs-list-view-layout~.row {
    max-width: 1020px;
    padding: 0 15px;
    margin: 0 auto 80px;
}

/* 로그인 */
.login-layout {
    background-color: #f3f3f3;
}

.login-layout .panel {
    border-radius: 0px;
    box-shadow: none;
}

.login-layout .inner-box {
    max-width: 990px;
    margin: 60px auto 0;
    padding-bottom: 95px;
}

.login-layout .btn-warning {
    background: #33220c;
    border-radius: 0px;
    border: 1px solid #33220c;
    box-shadow: none;
    padding: 10px 0;
}

/* 아이디 비밀번호 찾기 */
.id-find-layout {
    padding: 80px 0;
    background: #f3f3f3;
}

.id-find-layout .inner-box-wrapper,
.pw-find-layout .inner-box-wrapper {
    max-width: 990px;
    margin: 0 auto;
}

.id-find-layout .panel,
.pw-find-layout panel {
    border-radius: 0px;
    border: 1px solid #ddd;
    box-shadow: none;
}

.id-find-layout .btn-warning,
.pw-find-layout .btn-warning {
    background: #33220c;
    border-radius: 0px;
    border: 1px solid #33220c;
    box-shadow: none;
    padding: 10px 0;
}

.pw-find-layout {
    background: #f3f3f3;
    padding: 80px;
}

.pt-20 {
    padding-top: 20px;
}

/* 2018-03-30 */
.program_bank_account {
    float: right;
    text-align: right;
    padding: 15px 20PX;
    background-color: #EFEFEF;
    border: 2px solid #DEDEDE;
}

.program_bank_account h4 {
    font-size: 20px;
    margin: 0 0 5px;
}

.program_bank_account p {
    margin: 0;
}

/*2019-06-24*/
.ex_current .text_area p.text-center {
    font-size: 16px;
    line-height: 1.75em;
}

.ex_past .img_area.no-image {
    height: 300px
}

/*2019-07-09*/
.maintenance {
    margin-top: 5px;
    border: 7px solid #E5E5E5;
    padding: 50px 25px;
    text-align: center;
}

.maintenance .icon {
    display: block;
    line-height: 1;
    font-size: 64px;
    margin-bottom: 10px;
}

.maintenance .big-cont {
    display: block;
    line-height: 1;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.05em;
    margin-bottom: 20px;
}

.maintenance .small-cont {
    display: block;
    line-height: 1.5;
    font-size: 14px;
    letter-spacing: -0.03em;
    color: #818181;
    margin-bottom: 20px;
}

/*2019-07-011*/
.archive02 .col-md-3 img {
    /*height: 283px;*/
    margin-bottom: 15px
}

.archive02 .subContent .col-md-3:nth-of-type(1) img {
    height: auto
}

.archive02 dl {
    margin-bottom: 0;
}

.archive02 .clearfix {
    padding-bottom: 80px;
    margin-bottom: 80px;
    border-bottom: 1px dashed #ddd;
}

/*2019-09-01*/
.ex_current .text_area .wrap-ex {
    margin-top: 20px;
    margin-bottom: 45px;
}

.ex_current .text_area .wrap-ex:last-child {
    margin-bottom: 0;
}

.ex_current .text_area span.ex_current_name {
    margin-bottom: 10px;
    font-size: 22px;
    color: #333;
    font-weight: 300;
}

.ex_current .text_area span.ex_current_name strong {
    display: inline-block;
    padding-bottom: 10px;
    font-size: 25px;
    font-weight: 500;
    letter-spacing: -0.035em;
}

@media (min-width: 1200px) { 
    .ex_current img {
        max-width: 600px;
    }
}

.ex_current .text_area p.text-center {
    font-size: 15px;
}

.ex_current .text_area span.date {
    margin-top: 15px;
}

.ex_current .text_area span.place {
    margin: 5px 0;
}

.archive01_inner {
    border-top: 2px solid #000;
    border-bottom: 1px solid #e1e1e1;
}

.archive01 section {
    border-bottom: 1px solid #e1e1e1;
    max-height: 300px;
    overflow: hidden;
}

.archive01 .img_area.no-image {
    height: 300px;
}

.archive01 .text_area {
    margin: 45px 0 0;
    padding: 0 0 0 30px;
}

.archive01 .text_area span.title {
    display: block;
    margin: 0 0 5px;
    color: #000;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: -0.035em;
}

.archive01 .text_area span.date {
    display: block;
    color: #888;
    font-size: 16px;
    font-weight: 300;
}

/* PROGRAM */
.program .subContent table {
    width: 100%;
    border-top: 2px solid #333;
    border-bottom: 2px solid #ccc;
}
.program .subContent table tr th {
    background: #f9f9f9;
    color: #000;
    font-weight: 400;
    letter-spacing: -0.05em;
    vertical-align: middle !important;
}
.program .subContent table tr td {
    color: #555;
    letter-spacing: -0.035em;
}
.program .subContent table tr th,
.program .subContent table tr td {
    padding: 15px 20px;
    border: 1px solid #e1e1e1;
}
.program .subContent h3 {
    margin: 60px 0 40px;
    color: #000;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: -0.035em;
    text-align: center;
}
.program .subContent h4 {
    margin: 0 0 40px;
    font-size: 22px;
    color: #333;
    font-weight: 300;
    line-height: 1.5em;
    text-align: center;
}
.program .subContent p {
    text-align: center;
}
.program .subContent .wrap-image {
    display: inline-block;
    margin: 30px -15px 50px;
}
.program .subContent table ul {
    margin: 5px 0 0;
    padding: 0;
}
.program .subContent table ul > li::before {
    content: '- ';
}

@media (max-width: 767px){
    .carousel-caption {
        top: 50%;
        left: 50%;
        width: 80%;
        transform: translate(-50%, -50%);
    }
    .archive01 section {
        max-height: 100%;
    }

    .archive01 .text_area{
        margin: 45px 0;
    }

    .archive02 .col-md-3 img {
        margin-top: 20px;
    }
    .wrapFooter .wrap-login {
        margin: 10px 0 0;
    }
    
    .current_ex_view .subTitle h2 {
        font-size: 26px;
    }
    .current_ex_view .subTitle h2 span {
        padding: 0 5px;
    }
    .current_ex_view .box-artist {
        margin-top: 40px;
    }
    .box-artist .box-career {
        margin-top: 50px !important;
    }
    .box-artist .box-career .inner {
        /* margin-bottom: 50px; */
        padding: 25px 10px;
    }
    .box-artist .box-career .inner > div+div,
    .box-artist .box-career .inner > div:nth-last-child(-n+2) {
        margin-top: 20px;
    }
    .current_ex_view .box-artist .work-top {
        flex-direction: column;
    }
}
@media (min-width: 1200px) { /* Extra large devices (col-lg-*) */
    .current_ex_view #subBottom .wrapSub {max-width: 1100px;}
}
.ex_current .maintenance {
    margin-top: 5px;
    border: 7px solid #E5E5E5;
    padding: 50px 25px;
    text-align: center;
}

.ex_current .maintenance .icon {
    display: block;
    line-height: 1;
    font-size: 64px;
	margin-bottom: 10px;
}

.ex_current .maintenance .big-cont {
	display: block;
    line-height: 1;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.05em;
    margin-bottom: 20px;
}

.ex_current .maintenance .small-cont {
    display: block;
    line-height: 1.5;
    font-size: 14px;
    letter-spacing: -0.03em;
    color: #818181;
    margin-bottom: 20px;
}

.member_wrapper {
    max-width: 1170px;
}