@charset "utf-8";

/* COMMON */
.sub-body {padding-top:13rem; padding-bottom:16rem;}
.sub-body.no-pt {padding-top:0;}
.sub-body.no-pb {padding-bottom:0;}

.stitbox {font-family:'Bebas Neue'; letter-spacing:-0.02em; margin-bottom:8rem;}
.stitbox small {font-size:3.8rem; display:block; line-height: 1;}
.stitbox h2 { font-size:10rem; -webkit-text-stroke: 1px#211e1f; -webkit-text-fill-color: transparent; line-height: 1; margin-top: 1.5rem; }
.stitbox h2 .tit-holder { position: relative; margin: 0; display: inline-block; }
.stitbox h2 .tit-solid { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-text-stroke-color: transparent; -webkit-text-fill-color: currentColor; transition: -webkit-clip-path 1s .3s cubic-bezier(.31,.76,0,.89); transition: clip-path 1s .3s cubic-bezier(.31,.76,0,.89); transition: clip-path 1s .3s cubic-bezier(.31,.76,0,.89),-webkit-clip-path 1s .3s cubic-bezier(.31,.76,0,.89); -webkit-clip-path: inset(-1px 100% -1px 0); clip-path: inset(-1px 100% -1px 0); }
.stitbox h2.on .tit-solid { -webkit-clip-path: inset(-1px 0 -1px 0); clip-path: inset(-1px 0 -1px 0); }

.borad-topbox {display:flex; justify-content:space-between; align-items:center; margin-bottom:4.5rem;}
.borad-topbox .total {font-size:1.8rem;}
.borad-topbox .total strong {font-weight:800;}

.sec-tit {position:relative; font-family:'Bebas Neue'; margin-bottom:5rem;}
.sec-tit:after {display:block; content:''; width:100%; height:2px; position:absolute; top:50%; right:0; transform:translateY(-50%); background:#211e1f;}
.sec-tit strong {background:#fff; font-size:3.601rem; display:inline-block; padding-right:3.5rem; position:relative; z-index:1;}
.sec-tit strong small{  display: inline-block;  font-size: .7em; margin-left: 1rem; font-weight: 500; line-height: 1.3;}

/* == ABOUT == */
/* GREETING */
#greeting-pg {font-family:'Bebas Neue';}
#greeting-pg .topbnr {position:relative; margin:0 5rem; max-height:100vh; overflow:hidden; font-family:'Bebas Neue';}
#greeting-pg .topbnr .bg {position:absolute; height:100%;width: 100%; -webkit-animation:aboutBg 4s ease both; animation:aboutBg 4s ease both;}
#greeting-pg .topbnr .bg img {object-fit:cover; height:100%; width: 100%;}
#greeting-pg .topbnr .inner {display:flex; align-items:center; justify-items:center; height:600px;}
#greeting-pg .topbnr .txtbox {position: relative; text-align:center; width:100%;}
#greeting-pg .topbnr .desc {font-size:3.2rem; color:#fff;}
#greeting-pg .topbnr h3 {font-size:9rem; color:#fff;}
#greeting-pg .topbnr h3 span {display:inline-block;}
#greeting-pg .scrolldown { position:absolute; left:50%; bottom:0; -webkit-transform:translateX(-50%); transform:translateX(-50%); }
#greeting-pg .scrolldown span { display:inline-block; position:relative; padding-bottom:9rem; font-size:1.993rem; color:#fff; line-height:1; letter-spacing:0; }
#greeting-pg .scrolldown i { overflow:hidden; position:absolute; left:50%; bottom:0; margin-left:-0.5px; width:1px; height:8rem; background:rgba(255,255,255,0.5); }
#greeting-pg .scrolldown i::after { content:""; position:absolute; left:50%; top:0; margin-left:-0.5px; width:1px; height:2.5rem; background:#fff; -webkit-animation:aboutScroll 2s cubic-bezier(0.22, 1, 0.36, 1) infinite; animation:aboutScroll 2s cubic-bezier(0.22, 1, 0.36, 1) infinite; }

@-webkit-keyframes aboutBg {
    0% {
        -webkit-transform:scale(1.15);
        transform:scale(1.15);
    }
    100% {
        -webkit-transform:scale(1);
        transform:scale(1);
    }
}
@keyframes aboutBg {
    0% {
        -webkit-transform:scale(1.15);
        transform:scale(1.15);
    }
    100% {
        -webkit-transform:scale(1);
        transform:scale(1);
    }
}

@-webkit-keyframes aboutScroll {
    0% { opacity: 0; top:-25px; }
    50% { opacity: 0.8; }
    100% { opacity: 0; top:100%; }
}
@keyframes aboutScroll {
    0% { opacity: 0; top:-25px; }
    50% { opacity: 0.8; }
    100% { opacity: 0; top:100%; }
}

#greeting-pg .sec01 {margin:13rem 5rem 0 15rem; position:relative;}
#greeting-pg .sec01:before {display:inline-block; width:50rem; text-align:right; line-height:0.94285; letter-spacing:0.1em; opacity:0.15; content:'ART DESIGN'; position:absolute; top:-3rem; right:0; font-size:17.5rem; color: #fff; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #000;}
#greeting-pg .top-title {text-align:center; font-size:6.5rem; margin-bottom:10rem;}
#greeting-pg .sec01 article {display:flex;}
#greeting-pg .sec01 article > div {width:45.2%;}
#greeting-pg .sec01 article .txt {font-size:1.8rem; color:#211e1f; line-height:1.88; font-family:'Noto Sans KR';}
#greeting-pg .sec01 article .txt strong {font-weight:800;}
#greeting-pg .sec01 article .left .txt {margin-top:23rem;}
#greeting-pg .sec01 article .right {padding-left:18rem;}
#greeting-pg .sec01 article .right .inner {display:flex; flex-direction:column;}
#greeting-pg .sec01 article .right .img {order:2;}
#greeting-pg .sec01 article .right .txt {margin:12rem 0 24rem;}
#greeting-pg .sec02 .mdbnr {transform:translateY(14rem); text-align:center; height:38rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:url('/images/sub/greeting-mdbnr-bg.png') no-repeat center;}
#greeting-pg .sec02 .mdbnr .txtbox .logo {display: inline-block;}
#greeting-pg .sec02 .mdbnr .txtbox p {font-size:3rem; font-weight:600; font-family:'Noto Sans KR'; letter-spacing:-0.05em; margin-top:3rem; width:100%;}
#greeting-pg .sec02 {position:relative;}
#greeting-pg .sec02::before {display:inline-block; line-height:0.94285; letter-spacing:0.1em; opacity:0.15; content:'BAEXANG'; position:absolute; top:-0.1rem; left:0; font-size:20.841rem; color: #fff; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #000;}
#greeting-pg .sec02 {margin:5rem; margin-top:1rem;}
#greeting-pg .sec02 article {display:flex; padding:14rem 0 23.5rem 0; position:relative;}
/* #greeting-pg .sec02 article::before {display:block; content:''; width:calc(100% - 12rem); height:100%; position:absolute; top:0; left:0; z-index:-1; background:#f8f8f8;} */
#greeting-pg .sec02 article::after {display:inline-block; line-height:0.94285; letter-spacing:0.1em; opacity:0.15; content:'ARTISTS IN ONE PLACE'; position:absolute; bottom:0; left:3rem; font-size:14rem; color: #fff; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #000;}
#greeting-pg .sec02 article > div {width:50%;}
#greeting-pg .sec02 article .txtbox {padding-top: 5rem;font-family:'Roboto'; font-size:1.8rem; line-height:1.88; letter-spacing:-0.02em;}
#greeting-pg .sec02 article .txtbox strong {font-weight:600;}


/* FAQ */
#faq-pg .faq-list {border-top:1px solid #eaeaea; letter-spacing:-0.02em;}
#faq-pg .faq-list li {border-bottom:1px solid #eaeaea;}
#faq-pg .faq-list li .ico {font-family:'Bebas Neue'; flex-shrink:0; margin-right:2rem; width: 2.5rem; font-size:2.4rem; font-weight:400; text-align:right;}
#faq-pg .faq-list li .title {font-family:'Noto Sans KR'; padding:3.5rem; display:flex; justify-content:space-between; align-items:center; cursor:pointer;}
#faq-pg .faq-list li .title .subject {width:100%; padding:0 4rem; font-size: 2rem; font-weight: 600;}
#faq-pg .faq-list li .title .arr {flex-shrink:0; width:2.1rem; background:url(/images/sub/faq-arr.png) no-repeat center; transition:all .3s ease;}
#faq-pg .faq-list li .cont {display:none; background:#f8f8f8; padding:4rem 3.5rem; line-height:1.7; border-top:1px solid #eaeaea;}
#faq-pg .faq-list li .cont .a-box {display:flex;}
#faq-pg .faq-list li .cont .a-box .txt {padding:0 4rem; font-size:1.8rem; line-height:1.66;}
#faq-pg .faq-list li.active .title .arr {transform:rotate(180deg);}
#faq-pg .faq-list li.active .subject {color:#080808;}



/* 게시판 리스트 공통 */
#board-list .list li.no-post {display:flex; justify-content:center; flex-wrap:wrap; height:inherit; padding:12rem 0; width:100%; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
#board-list .list li.no-post p {font-size:1.8rem; color:#333; margin-top:1.5rem; width:100%; text-align:center;}



/* NOTICE - 테이블형 게시판 리스트 */
#board-list.table-st .list {border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
#board-list.table-st .list li:not(.no-post) {display:flex; align-items:center; border-top:1px solid #eaeaea; height:12.3rem;}
#board-list.table-st .list li:first-child {border-top:none;}
#board-list.table-st .list li .title {display:flex; align-items: center;}
#board-list.table-st .list li .title a {font-size:2.2rem; font-weight:600; font-family: 'Noto Sans KR'; display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/* #board-list.table-st .list li .file .ico {margin-left:2.5rem;} */
#board-list.table-st .list li .date {font-family:'Bebas Neue'; font-size:1.8rem;}
#board-list.table-st .list li .num .ico-notice {display:inline-flex; align-items:center; justify-content:center; width:7.4rem; height:3rem; background:#211e1f; color:#fff; font-size:1.3rem;}
#board-list.table-st .list li .arr {transition:.2s;}
#board-list.table-st .list li .arr:hover {transform:translateX(1rem);}
#board-list.table-st .list li .file .ico {display:inline-block; width:2.2rem;}
#board-list.table-st .list li > div {flex-shrink:0;}
#board-list.table-st .list li .od-01 {width:10%; text-align:center;}
#board-list.table-st .list li .od-02 {width:65%;}
#board-list.table-st .list li .od-0201 {width:5%; text-align:center;}
#board-list.table-st .list li .od-03 {width:12%; text-align:center;}
#board-list.table-st .list li .od-04 {width:8%; text-align:center;}



/* NEWS - 카드형 게시판 리스트 */
#board-list.card-st .list {display:flex; flex-wrap:wrap;}
#board-list.card-st .list li:not(.no-post) {width:calc(33.333% - 2rem); margin-right:3rem; margin-bottom:3rem; border:1px solid #eaeaea; transition:.2s;}
#board-list.card-st .list li:nth-child(3n) {margin-right:0;}
#board-list.card-st .list li a {font-family: 'Noto Sans KR'; display:block; border:1px solid transparent; padding:3.5rem 4rem; transition:.2s;}
#board-list.card-st .list li .title {font-size:2.4rem; font-weight:600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  white-space: normal; line-height: 1.5; height:4.5em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
#board-list.card-st .list li .desc {margin-top:1.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  white-space: normal; line-height: 1.75; height: 3.5em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#board-list.card-st .list li .bot-area {margin-top:11rem; margin-bottom:1rem; display:flex; justify-content:space-between; font-family: 'Bebas Neue';}
#board-list.card-st .list li .bot-area .date {font-size:1.8rem;}
#board-list.card-st .list li .bot-area .arr {opacity:0; transition:.2s; transform:translateX(-1rem);}

#board-list.card-st .list li:hover {border-color:#211e1f;}
#board-list.card-st .list li:hover a {border-color:#211e1f;}
#board-list.card-st .list li:hover .bot-area .arr {opacity:1; transform:translateX(0);}



/* 게시판 뷰 공통 */
#board-view * {letter-spacing:-0.02em;}
#board-view .titlebox {text-align:center; border-bottom:1px solid #211e1f; padding-bottom:5rem; letter-spacing:-0.02em;}
#board-view .titlebox h4 {font-size:3.5rem; font-weight:600;}
#board-view .titlebox .date {display:block; font-size:1.8rem; color:#666; font-family:'Bebas Neue'; margin-top:3.5rem;}

#board-view .fileArea {border-top:1px solid #eaeaea;}
#board-view .fileArea > dl {display:flex; align-items:center; min-height:11rem;}
#board-view .fileArea > dl > dt {flex-shrink:0; padding:0 3rem 0 6rem; font-size:1.8rem; color:#333; font-weight:600;}
#board-view .fileArea > dl > dd {display:flex;}
#board-view .fileArea > dl > dd > a {display:inline-block;color:#666;}
#board-view .fileArea > dl > dd > a:first-child {flex-shrink:0; margin-right:0.8rem;}
#board-view .fileArea > dl > dd > a:first-child img {width:1.5rem;}
#board-view .fileArea > dl > dd > a:hover {text-decoration:underline;}

#board-view .contbox .cont {padding:6rem; line-height:1.625;}
#board-view .preViewTitle {border-top:1px solid #211e1f; display:flex; justify-content:space-between; position:relative;}
#board-view .preViewTitle dl {width:calc(50% - 4rem); max-width:48rem; padding:6rem 0;}
#board-view .preViewTitle dl dt {line-height:1.6; margin-bottom:1rem; font-size:2.4rem;color:#333333; font-family:'Bebas Neue';}
#board-view .preViewTitle dl dd {line-height:1.6; font-size:1.6rem; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#board-view .preViewTitle dl dd > a {font-size:1.6rem; color:#666;}
#board-view .preViewTitle dl dd .no-post {color:#888;}
#board-view .preViewTitle dl:nth-child(1) {text-align:left;}
#board-view .preViewTitle dl:nth-child(1) dt::before {display:inline-block; vertical-align:middle; transition:all .2s ease; content:''; opacity:0; width:0; height:0.9rem; background:url(/images/sub/pagination-prev.png) no-repeat center/contain;}
#board-view .preViewTitle dl:nth-child(1):hover dt:before {opacity:1; width:1.5rem; margin-right:1rem;}
#board-view .preViewTitle dl:nth-child(2) {text-align:right;}
#board-view .preViewTitle dl:nth-child(2) dt::after {display:inline-block; vertical-align:middle; transition:all .2s ease; content:''; opacity:0; width:0; height:0.9rem; background:url(/images/sub/pagination-next.png) no-repeat center/contain;}
#board-view .preViewTitle dl:nth-child(2):hover dt:after {opacity:1; width:1.5rem; margin-left:1rem;}
#board-view .preViewTitle.gall-type dl {display:flex; align-items:center;}
#board-view .preViewTitle.gall-type dt {margin:0 3rem; font-size: 18px;}
#board-view .preViewTitle.gall-type dl:nth-child(1) dt {order:2;}
#board-view .preViewTitle.gall-type dl:nth-child(1) dd {order:1;}
#board-view .preViewTitle.gall-type dl:nth-child(2) {justify-content:flex-end;}
#board-view .preViewTitle.gall-type dl .thum {display:inline-block; width:16rem; height:16rem;}
#board-view .preViewTitle.gall-type dl .thum img {object-fit:cover; max-width:100%;}

#board-view .list-btn {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:7.2rem; height:7.2rem; text-indent:-9999px; border:1px solid #211e1f; background:#211e1f url(/images/sub/ico-listbtn-wht.png) no-repeat center; transition:all .2s ease;}
#board-view .list-btn:hover {background:#fff url(/images/sub/ico-listbtn-blk.png) no-repeat center;}

#board-view .works-sec .list {width:calc(100% + 9rem); transform:translateX(-1.5rem);}
#board-view .works-sec .grid-sizer {width:calc(33.333% - 2rem);}
#board-view .works-sec .grid-item {display:block; width:calc(33.333% - 2rem); padding:1.5rem;}
#board-view .works-sec .grid-item:nth-of-type(n+4) {margin-top:5.5rem;}
#board-view .works-sec .grid-item .txtbox {padding-top:1.5rem; letter-spacing: -0.02em;}
#board-view .works-sec .grid-item .txtbox .artist {font-size:2rem; color:#c9ab81; font-family:'Bebas Neue';}
#board-view .works-sec .grid-item .txtbox .tit {font-size:2.401rem; font-weight:500; margin-top:1rem; font-family:'Bebas Neue'; }

#board-view section.gray-bg {background:#f8f8f8; margin:0 5rem 5rem; padding:12rem 0; margin-top:15rem;}
#board-view section.gray-bg .sec-tit strong {background:#f8f8f8;}
#board-view section.gray-bg .con {color:#666; line-height:1.875;}
#board-view section.white-bg {background:#fff; margin:0 5rem 0 5rem; padding:12rem 0;}


/* board top detail */
.view-top-detail {display:flex; align-items:center;}
.view-top-detail > * {width:50%;}
.view-top-detail > .img img {max-width: 70erm;}
.view-top-detail .txtbox {padding-left:12rem;}
.view-top-detail .txtbox .desc {font-size:1.8rem; color:#666; margin-bottom:1.5rem;}
.view-top-detail .txtbox h3 {display:flex; align-items:center; margin-bottom:5rem;}
.view-top-detail .txtbox h3 strong {font-size:4rem; font-weight:800;}
.view-top-detail .txtbox h3 small {font-size:3rem; color:#c9ab81; font-family:'Bebas Neue'; margin-left:1rem;}
.view-top-detail .txtbox article {margin-bottom:3rem;}
.view-top-detail .txtbox article:last-of-type {margin-bottom:0;}
.view-top-detail .txtbox article h4 {font-size:3rem; font-family:'Bebas Neue'; margin-bottom:2.2rem;}
.view-top-detail .txtbox article dl {display:flex; font-family:'Bebas Neue'; margin-bottom:1.5rem;}
.view-top-detail .txtbox article dl:last-child {margin-bottom:0;}
.view-top-detail .txtbox article dt {flex-shrink:0; margin-right:1.5rem; font-size:2.2rem;}
.view-top-detail .txtbox article dd {font-size:2rem; color:#666;}
.view-top-detail .txtbox article dd p {margin-bottom:1.2rem;}
.view-top-detail .txtbox article dd p:last-child {margin-bottom:0;}
.view-top-detail .txtbox article .blt-list li {padding-left:1.2rem; position:relative; color:#666; margin-bottom:1.2rem;}
.view-top-detail .txtbox article .blt-list li::before {display:inline-block; content:''; width:4px; height:4px; background:#666666; position:absolute; top:0.8rem; left:0;}
.view-top-detail .txtbox article .blt-list li:last-child {margin-bottom:0;}
.view-top-detail .txtbox article .blt-list li small {font-family:'Bebas Neue'; font-size:1.6rem;}
.view-top-detail .txtbox article .snsbox a {display:inline-block; margin-right:2rem; width:1.8rem; height:1.8rem;}
.view-top-detail .txtbox article .snsbox a:last-child {margin-right:0;}
.view-top-detail .txtbox article .snsbox a.ico-homepage {background:url(/images/sub/ico-homepage.png) no-repeat center;}
.view-top-detail .txtbox article .snsbox a.ico-twitter {background:url(/images/sub/ico-twitter.png) no-repeat center;}
.view-top-detail .txtbox article .snsbox a.ico-facebook {background:url(/images/sub/ico-facebook.png) no-repeat center;}
.view-top-detail .txtbox article .snsbox a.ico-insta {background:url(/images/sub/ico-insta.png) no-repeat center;}
.view-top-detail .txtbox article .snsbox a.ico-homepage:hover {background-image:url(/images/sub/ico-homepage-on.png);}
.view-top-detail .txtbox article .snsbox a.ico-twitter:hover {background-image:url(/images/sub/ico-twitter-on.png);}
.view-top-detail .txtbox article .snsbox a.ico-facebook:hover {background-image:url(/images/sub/ico-facebook-on.png);}
.view-top-detail .txtbox article .snsbox a.ico-insta:hover {background-image:url(/images/sub/ico-insta-on.png);}

.view-top-detail.type2 {align-items: stretch;}
.view-top-detail.type2 .imgbox {width: 50%; flex-shrink: 0; position: relative;}
.view-top-detail.type2 .imgbox .bot-note {font-size: 1.5rem;color: #888;position: absolute;bottom: calc(-1.5em + -1.5rem);height: 1.5em;}
.view-top-detail.type2 .imgbox .bot-note .star {color: #211e1f;}
.view-top-detail.type2 .txtbox {border-top: 2px solid #211e1f; border-bottom: 2px solid #211e1f; padding: 7rem 0; margin-left: 8.5%;}
.view-top-detail.type2 h3 {flex-direction: column;align-items: flex-start;}
.view-top-detail.type2 h3 small {margin-left: 0;margin-bottom: 1rem;}
.view-top-detail.type2 article dl {align-items: center;}
.view-top-detail.type2 article dd {font-family:'Roboto','Noto Sans KR'; font-size: 1.8rem; font-weight: 500;}



/* INSIGHT */
#insight-pg .sec01 {margin-bottom:12rem;}
#insight-pg .sec01 .list {width:calc(100% + 9rem); transform:translateX(-1.5rem);}
#insight-pg .sec01 .grid-sizer {width:calc(33.333% - 2rem);}
#insight-pg .sec01 .grid-item {display:block; width:calc(33.333% - 2rem); padding:1.5rem;}
#insight-pg .sec01 .grid-item:nth-of-type(n+4) {margin-top:5.5rem;}
#insight-pg .sec01 .grid-item .txtbox {padding-top:1.5rem; letter-spacing: -0.02em;}
#insight-pg .sec01 .grid-item .txtbox .artist {font-size:2rem; color:#c9ab81; font-family:'Bebas Neue';}
#insight-pg .sec01 .grid-item .txtbox .tit {font-size:2.4rem; color:#333; font-weight:600; margin-top:1rem;}
#insight-pg .sec02 {background:#f5f0e9; margin:5rem;}
#insight-pg .sec02 .titbox {text-align:center; padding-top:11rem;}
#insight-pg .sec02 .titbox small {font-size:1.6rem;}
#insight-pg .sec02 .titbox h3 {font-family:'Bebas Neue'; font-size:6rem; letter-spacing:0.1em; margin-top:1rem;}
#insight-pg .sec02 .imgbox {overflow:hidden; padding:6rem 0 7rem;}
#insight-pg .art-flow-list { display:flex; align-items:center; width:234.067%; }
#insight-pg .art-flow-list .flow-wrap { display:flex; align-items:flex-start; width:100%; -webkit-animation: flowLeft 60s linear infinite; animation: flowLeft 60s linear infinite; }
#insight-pg .art-flow-list .flow-wrap img { position:absolute; left:0; top:0; width:100%; height:100%; }
#insight-pg .art-flow-list .flow-wrap > div { position:relative; margin-left:7.5115%; }
#insight-pg .art-flow-list .flow-wrap > div.img01 { padding-bottom:23.005%; width:18.31%; }
#insight-pg .art-flow-list .flow-wrap > div.img02 { margin-top:140px; padding-bottom:17.371%; width:15.493%; }
#insight-pg .art-flow-list .flow-wrap > div.img03 { margin-top:30px; padding-bottom:17.0429%; width:18.31%; }
#insight-pg .art-flow-list .flow-wrap > div.img04 { margin-top:100px; padding-bottom:21.127%; width:17.841%; }

.img{position:relative;}
.type{position:absolute; left:0; top:0; background: #000; color: #fff; padding:10px 20px; line-height: 1; font-family: 'Bebas Neue'; font-size: 20px;}

.img-popup .txtbox {margin-top:3rem; color:#fff;}
.img-popup .txtbox .tit {font-size:2.4rem; font-weight:600;}
.img-popup .txtbox .artist {font-size:1.8rem; margin-left:2rem; font-family:'Bebas Neue';}
.img-popup .popup-arr {position:absolute; top:50%; transform:translateY(-50%); transition:.2s;}
.img-popup .popup-arr.prev {left:5rem;}
.img-popup .popup-arr.next {right:5rem;}
.img-popup .popup-arr.prev:hover {left:4rem;}
.img-popup .popup-arr.next:hover {right:4rem;}
.img-popup .pop-cont .img img {max-height:calc(96vh - 20rem);}
.img-popup .pop-cont .swiper-slide {display:flex; justify-content:center;}
.img-popup .pop-cont .swiper-slide .card {display:inline-flex; flex-direction:column;}

.artist-view-pg + .img-popup .txtbox .artist {margin-left:1.5rem;}



@-webkit-keyframes flowLeft {
	0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
	100%{
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}
@keyframes flowLeft {
	0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
	100%{
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}



/* ARTIST - LIST */
.artist-list-pg .list {display:flex; flex-wrap:wrap; font-family:'Bebas Neue';}
.artist-list-pg .list li:not(.no-post) {position:relative; margin-right:3rem; width:calc(33.333% - 2rem); overflow:hidden; height: 0; padding-bottom: 37%;}
.artist-list-pg .list li:not(.no-post) img {width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;}
.artist-list-pg .list li:nth-child(3n) {margin-right:0;}
.artist-list-pg .list li:nth-child(n+4) {margin-top:3rem;}
.artist-list-pg .list li .hovbox {opacity:0; visibility:hidden; display:block; position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; flex-wrap:wrap; background:rgba(0,0,0,0.6); transition:all .4s ease; transform:translate3d(100%,0,0);}
.artist-list-pg .list li .hovbox .name {font-size:3rem; color:#fff; font-style:italic; display:block; width:100%;}
.artist-list-pg .list li .hovbox .desc {font-size:1.8rem; color:#fff; margin-top:2rem; display:block; width:100%;}
.artist-list-pg .list li:hover .hovbox {opacity:1; visibility:visible; transform:translate3d(0,0,0);}



/* LOCATION */
#location-pg * {letter-spacing:-0.02em;}
#location-pg .arti-01 {display:flex; margin-top:7.5rem;}
#location-pg .arti-01 > div {width:50%;}
#location-pg .arti-01 > div:nth-child(1) {padding-right:3%;}
#location-pg .arti-01 h3 {font-size:3.6rem; font-family: 'Bebas Neue'; margin-bottom:4rem;}
#location-pg .arti-01 dl {font-size:1.8rem; margin-bottom:3rem;}
#location-pg .arti-01 dl:last-child {margin-bottom:0;}
#location-pg .arti-01 dt {position:relative; padding-left:1.5rem; margin-bottom:1.5rem; font-weight:600;}
#location-pg .arti-01 dt::before {display:inline-block; content:''; width:0.5rem; height:0.5rem; background:#211e1f; position:absolute; top:1rem; left:0; border-radius:50%;}
#location-pg .arti-01 dd {padding-left:1.5rem; color:#666666; margin-top:1.5rem; line-height:1.4;}
#location-pg .arti-01 dd.tel span + span {margin-left:3rem;}
#location-pg .arti-01 dd .ico {display:inline-flex; align-items:center; justify-content:center; margin-right:0.6rem; width:5rem; height:3rem; background:#211e1f; padding:0.2rem; line-height:1; color:#fff; font-weight:400;}
#location-pg .arti-01 dd .num {display:inline-flex; align-items:center; justify-content:center; margin-right:0.6rem; width:2.6rem; height:2.6rem; background:#eaeaea; padding:0.2rem; line-height:1; font-size:1.5rem; font-weight:800; color:#211e1f; border-radius:50%;}
#location-pg .arti-01 dd.has-num {display:flex;}
#location-pg .arti-01 dd.has-num .num {flex-shrink:0;}
#location-pg .arti-01 .btnbox {margin-top:3rem;}
#location-pg .arti-01 .btnbox a {display:inline-flex; align-items:center; justify-content:center; font-weight:600; width:16.5rem; height:5.6rem; border:2px solid #e6e6e6;}
#location-pg .arti-01 .btnbox a:nth-child(n+2) {margin-left:1.8rem;}
#location-pg .root_daum_roughmap .wrap_map {height:65rem;}
#location-pg .root_daum_roughmap .map_border {display:none;}
#location-pg .root_daum_roughmap .wrap_controllers {display:none;}
#location-pg .root_daum_roughmap { width:100% !important; height:100% !important;}
#location-pg .root_daum_roughmap {height:100%;}
#location-pg .roughmap_maker_label {border:none !important;}
#location-pg .roughmap_lebel_text {position:relative;visibility:hidden;}
#location-pg .roughmap_lebel_text:before {visibility:visible; display:block; position:absolute; content:'백상 갤러리'; line-height:1.2em;top:0;left:50%;transform:translateX(-50%); z-index:10; padding:4px 8px 7px; border-radius:3px; font-weight:600; font-size:12px; line-height:15px; background-color:#fff; color:#000;}
#location-pg .root_daum_roughmap {box-sizing:border-box; border:none !important;}



/* CONTACT */
#contact-pg * {letter-spacing:-0.02em;}
#contact-pg .topbnr {text-align:center; height:45rem; padding:3%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; position:relative; overflow:hidden;}
#contact-pg .topbnr .bg {width:100%; height:100%; background:url('/images/sub/contact-topbnr-bg.png') no-repeat center/cover; position:absolute; z-index:-1;}
#contact-pg .topbnr .txtbox .logo {display: inline-block; width:20rem;}
#contact-pg .topbnr .txtbox p {font-size:2.6rem; font-weight:600; font-family:'Noto Sans KR'; color:#fff; margin-top:3rem; width:100%;}
#contact-pg .topbnr .bg {transform:scale(1.08); transition:all 2s;}
#contact-pg .topbnr .bg.aos-animate {transform:scale(1);}
#contact-pg .sec01 {margin-top:12rem;}
.contact-form .row {margin-top:5rem;}
.contact-form .row.col-2 {display:flex; justify-content:space-between;}
.contact-form .row.col-2 dl {width:calc(50% - 3rem);}
.contact-form .row dl {width:100%;}
.contact-form .row dl dt {margin-bottom:3rem; font-weight:500; font-family:'Bebas Neue'; font-size:3rem;}
.contact-form .row dl dt .star {color:#ec0000;}
.contact-form .row dl dd input {background: transparent; border:none; border-bottom:2px solid #eaeaea; height:5.2rem; font-size:1.8rem; font-family:'Noto Sans KR'; padding:0 2rem;}
.contact-form .row dl dd input::placeholder {color:rgba(33,30,31,0.5);}
.contact-form .row dl dd input:focus {border-bottom-color:#211e1f;}
.contact-form .row dl dd textarea {padding:4rem; height:42rem; background: transparent; border:2px solid #eaeaea; font-size:1.8rem; font-family:'Noto Sans KR';}
.contact-form .row dl dd textarea::placeholder {color:rgba(33,30,31,0.5);}
.contact-form .row dl dd .email-w {display:flex; align-items:center;}
.contact-form .row dl dd .email-w .wth-m {width:33.33%;}
.contact-form .row dl dd .email-w .at {display:inline-block; margin:0 1rem; flex-shrink:0; text-align:center;}
.contact-form .row dl dd .email-w .dv-select {margin-left:1.5rem; position:relative; border-bottom:2px solid #eaeaea;}
.contact-form .bot-area {display:flex; justify-content:space-between; align-items:center; margin-top:8rem;}
.contact-form .bot-area .m-btnbox {margin-top:0;}
.contact-form .row dl dd fieldset {display: flex;   border: none; gap:50px; flex-wrap:wrap;}
.contact-form .row dl dd fieldset label { display: flex; gap:10px;  font-size: 18px;  }
.contact-form .row dl dd input[type="radio"] {  appearance: none;  border: 1px solid #ddd;  border-radius: 50%;  width: 24px;  height: 24px;  transition: border 0.5s ease-in-out;  padding:0;}
.contact-form .row dl dd [type="radio"]:checked {  border: 6px solid #c9ab81;}
.contact-form .row dl dd [type="radio"]:focus-visible {  outline-offset: 1px;  outline: 1px dotted #c9ab81;}
.contact-form .row dl dd [type="radio"]:disabled {  background-color: #ddd;  box-shadow: none;  opacity: 0.7;  cursor: not-allowed;}


/* EXHIBITION - COMMON */
.exhibition-list > .box {width:calc(33.33% - 2rem);}
.exhibition-list > .box a {display:block;}
.exhibition-list > .box .img {display:block;}
.exhibition-list > .box .txtbox {margin-top:2.5rem;}
.exhibition-list > .box .txtbox .title {font-size:2.4rem; color:#333; font-weight:600; font-family:'Bebas Neue','Noto Sans KR';  white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.exhibition-list > .box .txtbox .date {font-size:2rem; color:#c9ab81; font-family:'Bebas Neue'; margin-top:1.5rem;}

.exhibition-list.no-slide {display:flex; flex-wrap:wrap;}
.exhibition-list.no-slide > .box {margin-right:3rem;}
.exhibition-list.no-slide > .box:nth-child(3n) {margin-right:0;}
.exhibition-list.no-slide > .box:nth-child(n+4) {margin-top:6.5rem;}


/* EXHIBITION - LIST */
#exhibition-list-pg * {letter-spacing:-0.02em;}

#exhibition-list-pg .no-post {display:flex; justify-content:center; flex-wrap:wrap; height:inherit; padding:5rem 0 9.5rem 0; width:100%; border-bottom:1px solid #eaeaea;}
#exhibition-list-pg .no-post p {font-size:1.8rem; color:#333; margin-top:2.5rem; width:100%; text-align:center;}

.pg-control {text-align:center; margin-top:6rem;}
.slide-numbox {display:inline-flex; font-family:'Bebas Neue'; padding:0 3rem;}
.slide-numbox .swiper-pagination-current {font-size:3.695rem;}
.slide-numbox .slash {color:#e0e0e0; font-size:4rem; font-family: 'Noto Sans KR'; font-weight: 300;}
.slide-numbox .swiper-pagination-total {font-size:2.026rem; color:#c9ab81; display: flex; align-items: flex-end;}

#exhibition-list-pg .sec01 {padding-bottom:15rem;}
#exhibition-list-pg .on-view .flex-box {display:flex; align-items:center;}
#exhibition-list-pg .on-view .flex-box > div {width:50%;}
#exhibition-list-pg .on-view .flex-box .txtbox {padding-left:11.5rem; margin-bottom: 7rem;}
#exhibition-list-pg .on-view .flex-box .txtbox h4 {font-size:3.6rem; font-family:'Bebas Neue','Noto Sans KR';}
#exhibition-list-pg .on-view .flex-box .txtbox .date {font-size:2.2rem; color:#c9ab81; font-family:'Bebas Neue','Noto Sans KR'; margin-top: 2rem;}
#exhibition-list-pg .on-view .flex-box .txtbox .txt {color:#666; margin-top:3.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height:1.625; height:6.5em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical; }
#exhibition-list-pg .on-view .flex-box .txtbox .m-btnbox {margin-top:5rem;}

#exhibition-list-pg .upcoming-sec {background:#f8f8f8; padding:12rem 0; margin:0 5rem;}
#exhibition-list-pg .upcoming-sec .sec-tit strong {background:#f8f8f8;}
#exhibition-list-pg .upcoming-sec .img-move-ani::before {background:#f8f8f8;}

#exhibition-list-pg .past-sec {padding:15rem 0;}


/* EXHIBITION - VIEW */
.exhibition-view-pg .works-sec {padding-top:10rem; padding-bottom:12rem;}
.exhibition-view-pg .sec01 .info {margin-top:6rem;}
.exhibition-view-pg .sec01 .info h3 {font-size:4.6rem; font-family:'Bebas Neue','Noto Sans KR';}
.exhibition-view-pg .sec01 .info .flex-box {display:flex; margin-top:3rem;}
.exhibition-view-pg .sec01 .info .flex-box .left {color:#666666; line-height:1.625; padding-right:7rem;}
.exhibition-view-pg .sec01 .info .flex-box .right {flex-shrink:0; width:32%; padding:0 3rem; border-left:2px solid #211e1f; font-family:'Bebas Neue','Noto Sans KR';}
.exhibition-view-pg .sec01 .info .flex-box .right dl {display:flex; margin-bottom:1rem;}
.exhibition-view-pg .sec01 .info .flex-box .right dl:last-child {margin-bottom:0;}
.exhibition-view-pg .sec01 .info .flex-box .right dt {font-size:2.2rem; flex-shrink:0;}
.exhibition-view-pg .sec01 .info .flex-box .right dd {font-size:2rem; color:#666666; margin-left:2rem;}
.exhibition-view-pg .sec01 .info .flex-box .right dd .snsbox a {display:inline-block; margin-right:2rem; width:1.8rem; height:1.8rem;}
.exhibition-view-pg .sec01 .info .flex-box .right dd .snsbox a:last-child {margin-right:0;}
.exhibition-view-pg .sec01 .info .flex-box .right dd .snsbox a.ico-twitter {background:url(/images/sub/ico-twitter.png) no-repeat center;}
.exhibition-view-pg .sec01 .info .flex-box .right dd .snsbox a.ico-facebook {background:url(/images/sub/ico-facebook.png) no-repeat center;}
.exhibition-view-pg .sec01 .info .flex-box .right dd .snsbox a.ico-insta {background:url(/images/sub/ico-insta.png) no-repeat center;}
.exhibition-view-pg .sec01 .info .flex-box .right dd .snsbox a.ico-twitter:hover {background-image:url(/images/sub/ico-twitter-on.png);}
.exhibition-view-pg .sec01 .info .flex-box .right dd .snsbox a.ico-facebook:hover {background-image:url(/images/sub/ico-facebook-on.png);}
.exhibition-view-pg .sec01 .info .flex-box .right dd .snsbox a.ico-insta:hover {background-image:url(/images/sub/ico-insta-on.png);}


/* ART-BIZ */
.biz-list {display:flex; flex-wrap:wrap;}
.biz-list li:not(.no-post) {margin-right:3rem; width:calc(33.333% - 2rem); border: 1px solid #eaeaea; transition: .3s ease;}
.biz-list li:not(.no-post):hover {box-shadow: 0 0 1px 1px #211e1f; border-color: #211e1f;}
.biz-list li:nth-child(3n) {margin-right:0;}
.biz-list li:nth-child(n+4) {margin-top:3rem;}
.biz-list li .img-box {position: relative;}
.biz-list li .img-box::before {content: '';display: block;padding-top: calc(350 / 445 * 100%);width: 100%;height: 0;}
.biz-list li .img-box img {width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;}
.biz-list li .text-box {padding: 1rem 4rem;}
.biz-list li .text-top {padding: 2.5rem 0;border-bottom: 1px solid #dddddd;}
.biz-list li .text-top span {font-family: 'Bebas Neue';font-size: 2rem;color: #c9ab81;}
.biz-list li .text-top .title {font-size: 2.4rem;font-weight: 600;margin-top: 1rem;}
.biz-list li .text-bottom {padding: 3rem 0;}
.biz-list li .text-bottom dl {display: flex;}
.biz-list li .text-bottom dl + dl {margin-top: 1.2rem;}
.biz-list li .text-bottom dt {font-size: 1.8rem;font-family: 'Bebas Neue';flex-shrink: 0;}
.biz-list li .text-bottom dt:after {content: "";vertical-align: middle;width: 1px;height: 1rem;display: inline-block;margin: 0 1rem;background: #ddd;}
.biz-list li .text-bottom dd {font-size: 1.5rem; color: #666; font-weight: 600;}



/* 약관 페이지 */
.term-box {padding-bottom:14rem; font-family:'Noto Sans KR';}
.term-box dl + dl {margin-top:5rem; }
.term-box dl > dt { padding-bottom:1.5rem; margin-bottom:2.5rem; border-bottom:1px solid #ddd; font-size:2.2rem; color:#211e1f; line-height:3.2rem; font-weight:600; }
.term-box dl > dd {margin-top:10px; }
.term-box dl > dd:nth-of-type(1) {margin-top:0; }
.term-box dl dd { font-size:1.6rem; color:#666666; line-height:2.6rem; }
.term-box dl dd a { color:#666; }
.term-box dl dl { margin-top:1rem; }
.term-box dl dl dt {padding:0;margin:0;border-bottom:none; font-size:1.6rem; color:#211e1f; font-weight:500; line-height:2.7rem; }





@media ( max-width: 1400px ) {
    #greeting-pg .topbnr {margin:0 3%;}
    #greeting-pg .sec01 {margin:13rem 3% 0 3%;}
    #greeting-pg .sec01:before {font-size:14.5rem;}
    #greeting-pg .sec01 article .right {padding-left:5%;}
    #greeting-pg .sec01 article .right .txt {margin:10rem 0;}
    #greeting-pg .sec01 article .left .txt {margin-top:10rem;}
    #greeting-pg .sec02 {margin:3%;}
    #greeting-pg .sec02::before {font-size:15.8rem; top:3rem;}
    #greeting-pg .sec02 article {padding:26rem 0 16.5rem 0;}
    #greeting-pg .sec02 article::after {font-size:10rem;}
    #greeting-pg .sec02 article .right {padding-left:5%;}

    #insight-pg .sec02 {margin:3%;}

    #board-view section.gray-bg {margin:10rem 3% 3%;}
    #board-view section.white-bg {margin:0 3% 0 3%;}

    #exhibition-list-pg .upcoming-sec {margin:0 3%;}
    #exhibition-list-pg .on-view .flex-box .txtbox {padding-left:5%; margin-bottom:0;}
}

@media ( max-width: 1200px )  {
    #greeting-pg .sec01 article .pc-br {display:none;}
}

@media ( max-width: 1024px ) {
    .sub-body {padding-top:10rem; padding-bottom:10rem;}

    .stitbox small {font-size:3rem;}
    .stitbox h2 {font-size:7.6rem;}

    #greeting-pg .pc-br {display:none;}
    #greeting-pg .topbnr .desc {font-size:2.8rem;}
    #greeting-pg .topbnr h3 {font-size:7.4rem;}
    #greeting-pg .sec01 {margin:10rem 3% 0 3%;}
    #greeting-pg .sec01:before {font-size:9.5rem; width:34rem;}
    #greeting-pg .top-title {font-size:4.4rem; margin-bottom:6rem;}
    #greeting-pg .sec01 article .txt {font-size:1.7rem;}
    #greeting-pg .sec02::before {font-size:11rem; top:0;}
    #greeting-pg .sec02 .mdbnr {transform: translateY(7rem);}
    #greeting-pg .sec02 .mdbnr {height:auto; padding:7rem 0;}
    #greeting-pg .sec02 .mdbnr .txtbox .logo {width:20rem;}
    #greeting-pg .sec02 .mdbnr .txtbox p {font-size:2.2rem;}
    #greeting-pg .sec02 article {padding:7rem 0 12rem 0; align-items:flex-start;}
    #greeting-pg .sec02 article .txtbox {font-size:1.7rem;}
    #greeting-pg .sec02 article::after {font-size:7.4rem;}

    .borad-topbox .total {font-size:1.7rem;}

    #board-list.table-st .list li .title a {font-size:1.8rem;}
    #board-list.table-st .list li .num .ico-notice {width:6.2rem;}
    #board-list.table-st .list li:not(.no-post) {height:10rem;}

    #board-list.card-st .list li .title {font-size:2.2rem;}
    #board-list.card-st .list li .bot-area {margin-top:8rem;}
    #board-list.card-st .list li:not(.no-post) {width:calc(50% - 1.5rem);}
    #board-list.card-st .list li:nth-child(3n) {margin-right:3rem;}
    #board-list.card-st .list li:nth-child(2n) {margin-right:0;}

    #board-view .titlebox h4 {font-size:2.8rem;}
    #board-view .titlebox .date {margin-top:2.5rem;}
    #board-view .contbox .cont {padding:4rem;}
    #board-view .fileArea {padding:0 3%;}
    #board-view .fileArea > dl {min-height:auto; padding:3rem 0;}
    #board-view .fileArea > dl > dt {padding-left:0; font-size:1.7rem;}
    #board-view section.gray-bg {padding:10rem 0; margin-top:10rem;}
    #board-view section.white-bg {padding:10rem 0;}
    #board-view .works-sec .list {width:calc(100% + 4rem); transform: translateX(-1rem);}
    #board-view .works-sec .grid-sizer {width:calc(50% - 1rem);}
    #board-view .works-sec .grid-item {display:block; width:calc(50% - 1rem); padding:1rem;}
    #board-view .works-sec .grid-item:nth-of-type(n+3) {margin-top:2rem;}
    #board-view .works-sec .grid-item .txtbox .tit {font-size:2rem; margin-top:0.6rem;}

    .view-top-detail {align-items:flex-start;}
    .view-top-detail.type2 {align-items: flex-start;}
    .view-top-detail > .img {width:40%;}
    .view-top-detail .txtbox {width:60%; padding-left:5%;}
    .view-top-detail .txtbox h3 strong {font-size:3rem;}
    .view-top-detail .txtbox h3 small {font-size:2rem;}

    #insight-pg .sec01 {margin-bottom:10rem;}
    #insight-pg .sec01 .list {width:calc(100% + 4rem); transform: translateX(-1rem);}
    #insight-pg .sec01 .grid-sizer {width:calc(50% - 1rem);}
    #insight-pg .sec01 .grid-item {display:block; width:calc(50% - 1rem); padding:1rem;}
    #insight-pg .sec01 .grid-item:nth-of-type(n+3) {margin-top:2rem;}
    #insight-pg .sec01 .grid-item .txtbox .tit {font-size:2rem; margin-top:0.6rem;}
    #insight-pg .sec02 .titbox {padding-top:10rem;}
    #insight-pg .sec02 .titbox h3 {font-size:4.4rem;}
	.type{font-size: 14px; padding:6px 10px;}

    #contact-pg .topbnr .txtbox p {font-size:2.2rem;}
    #contact-pg .sec01 {margin-top:10rem;}

    .contact-form .row dl dt {font-size:2.4rem;}
    .contact-form .row dl dd input {font-size:1.7rem; padding: 0 1.5rem;}
    .contact-form .row dl dd textarea {font-size:1.7rem; padding:3rem;}

    #location-pg .root_daum_roughmap .wrap_map {height:50rem;}
    #location-pg .arti-01 h3 {font-size:3.2rem; margin-bottom:3rem;}
    #location-pg .arti-01 dl {font-size:1.7rem;}

    .exhibition-list > .box .txtbox .title {font-size:2rem;}

    #exhibition-list-pg .sec01 {padding-bottom:10rem;}
    #exhibition-list-pg .upcoming-sec {padding:10rem 0; margin:0;}
    #exhibition-list-pg .past-sec {padding:10rem 0;}
    #exhibition-list-pg .slide-w .swiper-slide {margin-right:1.5rem;}
    .slide-numbox .swiper-pagination-current {font-size:3.2rem;}
    .slide-numbox .slash {font-size:3.8rem;}
    .slide-numbox .swiper-pagination-total {font-size:2rem;}

    .exhibition-view-pg .works-sec {padding:10rem 0;}
    .exhibition-view-pg .sec01 .info .flex-box {flex-wrap:wrap;}
    .exhibition-view-pg .sec01 .info .flex-box .left {padding-right:0;}
    .exhibition-view-pg .sec01 .info .flex-box .right {width:100%; padding:3rem 0 0; border-left:none;}
    .exhibition-view-pg .sec01 .info h3 {font-size:4rem;}
}


@media ( max-width: 768px ) {
    .sub-body {padding-top:8rem; padding-bottom:8rem;}
    .stitbox {margin-bottom:5rem;}
    .stitbox small {font-size:2.6rem;}
    .stitbox h2 {font-size:5.8rem;}

    .sec-tit {margin-bottom:3rem;}
    .sec-tit strong {font-size:3rem; padding-right:2.5rem;}

    #greeting-pg .topbnr {margin:0;}
    #greeting-pg .topbnr .desc {font-size:2.4rem;}
	#greeting-pg .topbnr .inner{height:300px;}
    #greeting-pg .topbnr h3 {font-size:5.8rem;}
    #greeting-pg .sec01 {margin:8rem 3% 0 3%;}
    #greeting-pg .sec01:before {display:none;}
    #greeting-pg .top-title {font-size:3.6rem; margin-bottom:3rem;}
    #greeting-pg .sec01 article .txt {font-size:1.6rem;}
    #greeting-pg .sec01 article {flex-wrap:wrap;}
    #greeting-pg .sec01 article > div {width:100%;}
    #greeting-pg .sec02 article .txtbox {font-size:1.6rem;}
    #greeting-pg .sec01 article .left .txt {margin-top:5rem;}
    #greeting-pg .sec01 article .right {padding-left:0; margin-top:5rem;}
    #greeting-pg .sec01 article .right .img {order:1;}
    #greeting-pg .sec01 article .right .txt {order:2; margin:5rem 0;}
    #greeting-pg .sec01 article .inner.half {width:100%;}
    #greeting-pg .sec02 {margin:0;}
    #greeting-pg .sec02::before {display:none; font-size:8rem;}
    #greeting-pg .sec02 .mdbnr-w {width:100%; margin-bottom:5rem;}
    #greeting-pg .sec02 .mdbnr {padding:4rem 0; transform:none;}
    #greeting-pg .sec02 .mdbnr .txtbox p {font-size:2rem; margin-top:2rem;}
    #greeting-pg .sec02 .mdbnr .txtbox .logo {width:15rem;}
    #greeting-pg .sec02 article {flex-wrap:wrap; background: #f8f8f8; padding:0 3%;}
    #greeting-pg .sec02 article::before {display:none;}
    #greeting-pg .sec02 article::after {display:none;}
    #greeting-pg .sec02 article > div {width:100%;}
    #greeting-pg .sec02 article .right {padding-left:0; order:1;}
    #greeting-pg .sec02 article .txtbox {order:2; padding:5rem 0;}
    #greeting-pg .sec02 .inner.half {width:100%;}

    .borad-topbox {flex-wrap:wrap; margin-bottom:1rem;}
    .borad-topbox .total {width:100%; margin-top:4rem; order:2; font-size:1.6rem;}
    .borad-topbox .selArea {max-width:100%; order:1;}

    #board-list.table-st .list li .title a {font-size:1.7rem;}
    #board-list.table-st .list li .num .ico-notice {width:5rem;}
    #board-list.table-st .list li:not(.no-post) {height:7rem;}
    #board-list.table-st .list li .od-01 {width:20%;}
    #board-list.table-st .list li .od-02 {width:65%;}
    #board-list.table-st .list li .od-0201 {width:15%;}
    #board-list.table-st .list li .od-03,
    #board-list.table-st .list li .od-04 {display:none;}

    #board-list.card-st .list li:not(.no-post) {width:100%; margin-right:0; margin-bottom:2rem;}
    #board-list.card-st .list li a {padding:2.5rem;}
    #board-list.card-st .list li .title {font-size:2rem;}
    #board-list.card-st .list li .bot-area {margin-top:6rem;}

    #board-view .titlebox {padding-bottom:4rem;}
    #board-view .titlebox h4 {font-size:2.2rem;}
    #board-view .titlebox .date {margin-top:1.5rem;}
    #board-view .contbox .cont {padding:4rem 3%;}

    #board-view .preViewTitle dl {padding:2.5rem 2rem 0 2rem;}
    #board-view .preViewTitle dl dt {font-size:2rem;}
    #board-view .preViewTitle dl dd {font-size:1.4rem;}
    #board-view .preViewTitle.gall-type dl .thum {width:8rem; height:8rem;}
    #board-view .list-btn {width:4.5rem; height:4.5rem; background-size:2rem;}

    #board-view .works-sec .grid-item .txtbox .tit {font-size:1.8rem;}


    #faq-pg .faq-list li .ico {font-size:2.2rem;}
    #faq-pg .faq-list li .title {padding:3rem 1rem;}
    #faq-pg .faq-list li .title .subject {padding:0 2rem; font-size:1.8rem;}
    #faq-pg .faq-list li .cont {padding:3rem 1rem;}
    #faq-pg .faq-list li .cont .a-box .txt {font-size:1.6rem;}
    #faq-pg .faq-list li .cont .a-box .txt {padding:0 2rem;}

    #insight-pg .sec01 {margin-bottom:8rem;}
    #insight-pg .sec01 .grid-item .txtbox .tit {font-size:1.8rem; margin-top:0.3rem;}
    /* #insight-pg .sec01 .list {width:100%; transform:none;}
    #insight-pg .sec01 .grid-item .txtbox .tit {margin-top:0.3rem;}
    #insight-pg .sec01 .grid-item {width:100%; padding:0;}
    #insight-pg .sec01 .grid-item:nth-of-type(n+2) {margin-top:3rem;} */
    #insight-pg .art-flow-list {width:434.067%;}
    #insight-pg .sec02 .titbox {padding-top:8rem;}
    #insight-pg .sec02 .titbox h3 {font-size:3.6rem;}
    #insight-pg .sec02 .imgbox {padding:5rem 0 7rem;}

    .img-popup .top-btnbox,
    .img-popup .pop-cont {width:calc(100% - 5rem); margin:auto;}
    .img-popup .pop-cont .img img {max-height:calc(96vh - 4rem);}
    .img-popup .txtbox {margin-top:1.5rem;}
    .img-popup .txtbox .tit {font-size:1.8rem;}
    .img-popup .txtbox .artist {margin-left:1rem; font-size:1.7rem;}
    .img-popup .popup-arr {width:4rem;}
    .img-popup .popup-arr.prev {left:3%;}
    .img-popup .popup-arr.next {right:3%;}

    .artist-list-pg .list li .hovbox .name {font-size:2.2rem;}
    .artist-list-pg .list li .hovbox .desc {font-size:1.6rem;}
    .artist-list-pg .list li:not(.no-post) {margin-right:1.5rem; width:calc(33.333% - 1rem);}
    .artist-list-pg .list li:nth-child(n+4) {margin-top:1.5rem;}
    .artist-list-pg .list li:nth-child(3n) {margin-right:0;}

    .view-top-detail {flex-wrap:wrap;}
    .view-top-detail > .img {width:100%;}
    .view-top-detail .txtbox {width:100%; padding-left:0; margin-top:4rem;}
    .view-top-detail .txtbox .desc {font-size:1.6rem;}
    .view-top-detail .txtbox h3 {margin-bottom:4rem;}
    .view-top-detail .txtbox h3 strong {font-size:2.6rem;}
    .view-top-detail .txtbox article h4 {font-size:2.4rem; margin-bottom:1.5rem;}
    .view-top-detail .txtbox article dt {font-size:2rem;}
    .view-top-detail.type2 .imgbox {width: 100%;}
    .view-top-detail.type2 .imgbox .bot-note {position: relative; bottom: 0; height: auto; margin-top: 1rem;}
    .view-top-detail.type2 .txtbox {margin-left: 0; padding: 4rem 0;}

    #board-view section.gray-bg {padding:8rem 0; margin:0; margin-top:8rem;}
    #board-view section.white-bg {padding:8rem 0; margin:0;}

    #contact-pg .topbnr {height:34rem;}
    #contact-pg .topbnr .txtbox .logo {width:17rem;}
    #contact-pg .topbnr .txtbox p {font-size:1.7rem;}
    #contact-pg .topbnr .txtbox p .pc-br {display:none;}
    #contact-pg .sec01 {margin-top:8rem;}
    .contact-form .row {margin-top:4rem;}
    .contact-form .row.col-2 {flex-wrap:wrap;}
    .contact-form .row.col-2 dl {width:100%;}
    .contact-form .row.col-2 dl:nth-child(n+2) {margin-top:4rem;}
    .contact-form .row dl dt {margin-bottom:1.5rem; font-size:2.2rem;}
    .contact-form .row dl dd input {font-size:1.6rem; padding:0 1rem;}
    .contact-form .row dl dd textarea {font-size:1.6rem; padding:1.5rem;}
    .contact-form .bot-area {margin-top:4rem; flex-wrap:wrap;}
    .contact-form .bot-area .m-btnbox {width:100%; text-align: center; margin-top:8rem;}
	.contact-form .row dl dd fieldset { gap:20px; }
	.contact-form .row dl dd fieldset label { gap:5px;font-size: 14px;  }
	.contact-form .row dl dd input[type="radio"] {    width: 20px;  height: 20px;  }

    #location-pg .root_daum_roughmap .wrap_map {height:40rem;}
    #location-pg .arti-01 {flex-wrap:wrap;}
    #location-pg .arti-01 > div {width:100%; padding-right:0;}
    #location-pg .arti-01 > div:nth-child(2) {margin-top:6rem;}
    #location-pg .arti-01 h3 {font-size:2.8rem; margin-bottom:2rem;}
    #location-pg .arti-01 dl {font-size:1.6rem;}
    #location-pg .arti-01 dd.tel {flex-wrap:wrap;}
    #location-pg .arti-01 dd.tel span {display:block; width:100%;}
    #location-pg .arti-01 dd.tel span + span {margin-left:0; margin-top:1.5rem;}

    #exhibition-list-pg .sec01 {padding-bottom:8rem;}
    #exhibition-list-pg .on-view .flex-box {flex-wrap:wrap;}
    #exhibition-list-pg .on-view .flex-box > div {width:100%;}
    #exhibition-list-pg .on-view .flex-box .txtbox {padding-left:0; margin-top:4rem;}
    #exhibition-list-pg .on-view .flex-box .txtbox h4 {font-size:3rem;}
    #exhibition-list-pg .on-view .flex-box .txtbox .date {font-size:2rem; margin-top:1.5rem;}
    #exhibition-list-pg .upcoming-sec {padding:8rem 0;}
    .slide-numbox {padding:0 2.5rem;}
    #exhibition-list-pg .control .navi-btn {width:4rem;}

    .exhibition-list > .box {width:calc(50% - 10px);}
    .exhibition-list.no-slide > .box {margin-right:20px;}
    .exhibition-list.no-slide > .box:nth-child(3n) {margin-right:20px;}
    .exhibition-list.no-slide > .box:nth-child(2n) {margin-right:0;}
    .exhibition-list.no-slide > .box:nth-child(n+3) {margin-top:4rem;}
    .exhibition-list > .box .txtbox .title {font-size:1.8rem;}
    .exhibition-list > .box .txtbox .date {font-size:1.8rem; margin-top:1rem;}

    .exhibition-view-pg .works-sec {padding:8rem 0;}
    .exhibition-view-pg .sec01 .info {margin-top:5rem;}
    .exhibition-view-pg .sec01 .info h3 {font-size:3rem;}
    .exhibition-view-pg .sec01 .info .flex-box .right dt {font-size:2rem;}

    .biz-list li:not(.no-post) {margin-right: 1rem;margin-bottom: 3rem;width: calc(50% - 1rem);}
    .biz-list li:nth-child(n+4) {margin-top: 0;}
    .biz-list li .text-box {padding: 0.4rem 1.6rem;}
    .biz-list li .text-top {padding: 1.5rem 0;}
    .biz-list li .text-top span{font-size: 1.4rem;}
    .biz-list li .text-top .title{font-size: 1.6rem;margin-top: 0.4rem;}
    .biz-list li .text-bottom {padding: 1.5rem 0;}
    .biz-list li .text-bottom dl {flex-direction: column;}
    .biz-list li .text-bottom dl + dl {margin-top: 1rem;}
    .biz-list li .text-bottom dt {font-size: 1.6rem;}
    .biz-list li .text-bottom dd {font-size: 1.4rem;}
    .biz-list li .text-bottom dt:after{content: none;}
}


@media ( max-width: 500px ) {
    .stitbox small {font-size:2.2rem;}
    .stitbox h2 {font-size:5rem;}

    #board-view .preViewTitle:not(.gall-type) {flex-wrap:wrap;}
	#board-view .preViewTitle:not(.gall-type) dl {width:100%; max-width:100%; border-bottom:1px solid #ddd; padding:1.5rem 2rem; text-align:left;}
    #board-view .preViewTitle:not(.gall-type) dl:nth-child(2) {text-align:left;}
    #board-view .preViewTitle:not(.gall-type) dl:nth-child(1) dt::before,
    #board-view .preViewTitle:not(.gall-type) dl:nth-child(2) dt::after {display:none;}
	#board-view .preViewTitle:not(.gall-type) .list-btn {position: inherit; top: inherit; left: inherit; transform: none; margin: auto; margin-top: 4rem;}

    #board-view .preViewTitle.gall-type dt {margin:0 1rem; font-size: 14px;}
    #board-view .preViewTitle.gall-type dl {padding:1.5rem 1rem;}
    #board-view .preViewTitle.gall-type dl .thum {width:6rem; height:6rem;}

    #contact-pg .topbnr {height:30rem;}
}