.subheading {font-weight: 700; margin-bottom: 30px;}
.bt_mg {margin-bottom: 170px;}

/** Sub Top **/
.sub_navi {position: sticky; top: 76px; z-index: 9;}
.sub_top {border-top: 1px solid rgb(0, 0, 0, 0.1); border-bottom: 1px solid rgb(0, 0, 0, 0.1); height: 70px; display: flex; justify-content: center; align-items: center; background: rgb(255, 255, 255, 0.85); margin-bottom: 60px;}
.sub_top .sub_title {color: #1a1a1a; font-weight: 900; position: absolute; left: 70px; top: 50%; transform: translateY(-50%);}
.sub_top .sub_tab {display: flex; gap: 40px;}
.sub_top .sub_tab li {}
.sub_top .sub_tab li a {font-size: 14px; font-weight: 500; color: #9f9f9f; cursor: pointer; white-space:nowrap; transition: all 0.3s;}
.sub_top .sub_tab li a:hover, .sub_top .sub_tab li a.active {color: #1a1a1a; text-decoration:underline; transition: all 0.3s;}


/** ABOUT - SUKI **/
.suki {}
.suki .sec2 {border-bottom: 1px solid #e9e9e9;}
.suki .history {display: flex; padding: 0 0 130px; gap: 80px;}
.suki .history > div {width: 50%;}
.suki .history .left {padding-top: 65px;}
.suki .history .left .inner {width: 100%; max-width: 430px; position: sticky; top: 170px;}
.suki .history .image {display: flex;}
.suki .history .image img {width: 100%;}
.suki .history .name {display: flex; align-items: flex-end; margin: 60px 0 25px;}
.suki .history .name .f32 {font-weight: 700; margin-right: 20px;}
.suki .history .name .f16 {color: #9f9f9f; font-weight: 500;}
.suki .history .summary {color: #646464;}
.suki .history .activity {margin-bottom: 160px;}
.suki .history .activity:last-child {margin-bottom: 0;}
.suki .history .activity .f18 {font-weight: 700;}
.suki .history .activity ul {margin-top: 25px;}
.suki .history .activity li {display: flex; margin-bottom: 5px;}
.suki .history .activity li:last-child {margin-bottom: 0;}
.suki .history .activity li.mg {margin-top: 14px;}
.suki .history .activity li.f16 {margin-bottom: 14px;}
.suki .history .activity li .f16 {color: #464646;}
.suki .history .activity li .date {width: 140px; font-weight: 600; flex-shrink: 0;}
.suki .history .activity li .txt {}
.suki .note {margin: 130px 0 140px;}
.suki .note .f28 {color: #464646; font-style: italic; font-weight: 600; margin-bottom: 35px;}
.suki .note .f16 {color: #464646;}
.suki .note .f16 span {display: inline-block; margin-bottom: 30px;}
.suki .note .f16 span:last-child {margin-bottom: 0;}
.suki .sec4 {background: #000;}
.suki .video {position: relative; width: 100%; max-width: 1330px; cursor: pointer; margin: 0 auto;}
.suki .video .thum {overflow: hidden; display: flex;}
.suki .video .thum img {width: 100%; transition: all 0.5s ease-in-out;}
.suki .video .play_btn {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100px; height: 100px; background: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; box-shadow: 0 5px 15px rgb(0, 0, 0, 0.3); transition: all 0.3s;}
.suki .video .play_btn img {width: 16px; display: flex;}
.suki .video:hover .thum img {transform: scale(1.1); transition: all 0.8s ease-in-out;}
.suki .video:hover .play_btn {transform: translate(-50%, -50%) scale(0.9); transition: all 0.5s;}


/** EXHIBITIONS - LIST **/
.exhibitions_list {}
.slide_list {display: flex; flex-flow: wrap; gap: 140px 174px; margin-bottom: 180px;}
.slide_list .box {flex: 0 1 calc(50% - 87px); width: calc(50% - 87px); display: flex; align-items: flex-end; gap: 20px;}
.slide_list .box .thum {width: 40%; height: 100%;}
.slide_list .box .thum .image {display: flex; align-items: center; height: 100%; background: #f8f8f8;}
.slide_list .box .thum .image img {width: 100%;}

.slide_list .box .right {width: 60%;}
.slide_list .box .right .txt {text-align: right;}
.slide_list .box .right .txt .f24 {font-weight: 700; margin-bottom: 8px;}
.slide_list .box .right .txt .f14 {}
.slide_list .box .right .txt .period {font-weight: 600; color: #464646;}
.slide_list .box .right .txt .gallery {font-weight: 400; color: #555;}

.slide_list .swiper_wrap {margin-top: 80px;}
.slide_list .swiper_wrap .f14 {display: flex; justify-content: flex-end; align-items: center; color: #bdbdbd; font-weight: 600; }
.slide_list .swiper_wrap .f14 .icon {margin-left: 8px;}
.slide_list .swiper_wrap .f14 .icon img {width: 24px;}
.slide_list .exhibitions_swiper {margin-top: 20px;}
.slide_list .exhibitions_swiper .exhibitions_slide {cursor: pointer;}
.slide_list .exhibitions_swiper .exhibitions_slide .image {background: #f8f8f8;}
.slide_list .exhibitions_swiper .exhibitions_slide .image img {width: 100%; height: 120px; object-fit: contain;}



/** BOOKS - LIST **/
.list_board {display: flex; flex-flow: wrap; gap: 110px 70px; margin-bottom: 140px;}
.list_board .item {flex: 0 1 calc(25% - 53px); transition: all 0.3s;}
.list_board .item:hover {opacity: 0.5; transition: all 0.8s;}
.list_board .item .image {background: #f8f8f8; display: flex; justify-content: center;}
.list_board .item .image img {height: 100%; max-height: 446px; width: 100%; object-fit: contain;}
.list_board .item .txt {display: flex; justify-content: space-between; margin-top: 25px;}
.list_board .item .txt .f18 {font-weight: 700; margin-right: 15px;}
.list_board .item .txt .info {flex-shrink: 0;}
.list_board .item .txt .info .f14 {text-align: right;}
.list_board .item .txt .info .genre {color: #464646; font-weight: 600;}
.list_board .item .txt .info .name {color: #555; font-weight: 400;}



/** BOOKS - VIEW **/
.books_detail {padding-bottom: 65px; border-bottom: 1px solid #e9e9e9;}
.books_detail .inner {display: flex; align-items: center; gap: 250px;}
.books_detail .image {background: #f8f8f8; display: flex; justify-content: center; align-items: center; padding: 0 34px;}
.books_detail .image img {width: 100%; height: 100%; max-width: 645px; object-fit: contain;}
.books_detail .txt {}
.books_detail .txt .f16 {font-weight: 700;}
.books_detail .txt .f40 {font-weight: 700; margin-top: 5px;}
.books_detail .txt .f18 {font-weight: 700; margin-top: 25px;}
.books_detail .txt .publisher {color: #646464; font-weight: 400;}

.books_view .text_wrap1 {padding: 140px 0 90px; border-bottom: 1px solid #e9e9e9;}
.books_view .text_wrap2 {padding: 90px 0 130px;}
.books_view .text_wrap .f18 {}
.books_view .text_wrap .f20 {color: #464646; margin-bottom: 25px;}
.books_view .text_wrap .f16 {color: #464646;}

.books_view .books_swiper2 {}
.books_view .books_swiper2 .books_slide a {display: flex; flex-flow: column; align-items: center; transition: all 0.3s;}
.books_view .books_swiper2 .books_slide a:hover {opacity: 0.5; transition: all 0.8s;}
.books_view .books_swiper2 .books_slide .img_box {background: #f8f8f8; width: 100%;}
.books_view .books_swiper2 .books_slide .image {display: flex;}
.books_view .books_swiper2 .books_slide .image img {height: 100%; max-height: 446px; width: 100%; object-fit: contain;}
.books_view .books_swiper2 .books_slide .f18 {font-weight: 700; margin-top: 25px; text-align: center;}

.books_view .sec4 {margin-bottom: 180px;}


/** ARTWORKS - LIST **/
.artworks_list .list_board .item {flex: 0 1 calc(33.3% - 47px); transition: all 0.3s;}
.artworks_list .list_board .item .txt .f24 {font-weight: 700; margin-right: 15px;}
.artworks_list .list_board .item .image img {height: 20vw;}


/** ARTWORKS - VIEW **/
.artworks_view {}
.artworks_view .sec2 {border-bottom: 1px solid #e9e9e9;}
.artworks_view .overview {}
.artworks_view .overview .image {display: flex; overflow: hidden;}
.artworks_view .overview .image img {width: 100%; transform: scale(1.2, 1.2); transition: transform 5000ms ease-in-out;}
.artworks_view .overview.aos-animate .image img {-webkit-transform: scale(1.0, 1.0) rotate(0.002deg);
    transform: scale(1.0, 1.0) rotate(0.002deg);}
.artworks_view .overview .title {display: flex; align-items: center; gap: 30px; margin: 30px 0;}
.artworks_view .overview .title .f18 {font-weight: 700;}
.artworks_view .overview .title .f16 {font-weight: 500;}
.artworks_view .sec_mg {margin-bottom: 140px;}
.artworks_view .cate {font-weight: 700; width: 25%; flex-shrink: 0; position: sticky; top: 170px;}
.artworks_view .right {width: 75%;}
.artworks_view .sec3 {margin-top: 75px;}
.artworks_view .description {display: flex; align-items: flex-start;}
.artworks_view .description .txt {color: #464646; width: 70%;}
.list_wrap {display: flex; align-items: flex-start;}
.list_wrap .box_list {display: flex; flex-flow: wrap; gap: 110px 32px;}
.list_wrap .box_list li {flex: 0 1 calc(33.3% - 21px); transition: all 0.3s;}
.list_wrap .box_list li:hover {opacity: 0.5; transition: all 0.8s;}
.list_wrap .box_list li .image {display: flex;}
.list_wrap .box_list li .image img {width: 100%;}
.list_wrap .box_list li .txt {display: flex; justify-content: space-between; margin-top: 20px ;}
.list_wrap .box_list li .txt .f24 {font-weight: 700;}
.list_wrap .box_list li .txt .f14 {color: #464646; font-weight: 600; margin-top: 6px;}
.modal_list .box_list li {cursor: pointer;}
.list_wrap .more_btn {display: flex; justify-content: center; margin-top: 85px;}
.list_wrap .more_btn a {font-family: "Averia Serif Libre", serif; width: 282px; height: 67px; border: 1px solid #1a1a1a; display: flex; justify-content: center; align-items: center; }
.btn_wrap {display: flex; justify-content: center;}
.btn_wrap .btn {background: none; border: 0; box-sizing: border-box; box-shadow: inset 0 0 0 1px #dadada; position: relative; vertical-align: middle; display: flex; justify-content: center; align-items: center; width: 280px; height: 67px; margin-top: 85px;}
.btn_wrap .btn .f20 {font-weight: 300;}
.btn_wrap .btn::before, .btn_wrap .btn::after {box-btn_wrap: inherit; content: ''; position: absolute; width: 100%; height: 100%;}
.btn_wrap .btn {transition: color 0.25s;}
.btn_wrap .btn::before, .btn_wrap .btn::after {border: 1px solid transparent; width: 0; height: 0;}
.btn_wrap .btn::before {top: 0; left: 0;}
.btn_wrap .btn::after {bottom: 0; right: 0;}
.btn_wrap .btn:hover {color: #1a1a1a;}
.btn_wrap .btn:hover::before, .btn_wrap .btn:hover::after {width: 100%; height: 100%;}
.btn_wrap .btn:hover::before {border-top-color: #1a1a1a; border-right-color: #1a1a1a; transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;}
.btn_wrap .btn:hover::after {border-bottom-color: #1a1a1a; border-left-color: #1a1a1a; transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;}
.artworks_view .books_swiper {}
.artworks_view .books_swiper .books_slide a {display: flex; flex-flow: column; align-items: center; transition: all 0.3s;}
.artworks_view .books_swiper .books_slide a:hover {opacity: 0.5; transition: all 0.8s;}
.artworks_view .books_swiper .books_slide .image {display: flex;}
.artworks_view .books_swiper .books_slide .image img {height: 100%; max-height: 446px; width: 100%;}
.artworks_view .books_swiper .books_slide .f18 {font-weight: 700; margin-top: 22px; text-align: center;}
.artworks_view .news_wrap {display: flex; gap: 70px; justify-content: space-between;}
.artworks_view .news_wrap .item {flex: 1 1 calc(25% - 70px); transition: all 0.3s;}
.artworks_view .news_wrap .item .image {display: flex;}
.artworks_view .news_wrap .item .image img {width: 100%;}
.artworks_view .news_wrap .item .f18 {font-weight: 700; margin-top: 25px; transition: all 0.3s; width: auto; overflow: hidden; text-overflow: ellipsis; white-space: normal; height: 60px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.artworks_view .news_wrap .item:hover {opacity: 0.5; transition: all 0.8s;}
.artworks_view .news_wrap .item:hover .f18 {text-decoration: underline; transition: all 0.3s;}
/* Modal Popup */
.artwork_modal {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 999;}
.artwork_modal .inner {display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; position: relative;  background: #fff;}
.artwork_modal .pop_con {position: relative; margin: 30px 16px 0;}
.artwork_modal .pop_con .image {overflow: hidden; display: flex; }
.artwork_modal .pop_con .image img {height: 100%; max-height:700px; width: 100%;}
.artwork_modal .pop_con .num {display: flex; justify-content: center; align-items: center; margin-top: 20px;}
.artwork_modal .pop_con .num span {font-size: 16px; font-weight: 500;}
.artwork_modal .pop_con .num span.total {color: #909090;}
.artwork_modal .pop_con .num .divider {margin: 0 15px; width: 5px; height: 2px; background: #c7c7c7;}
.artwork_modal .pop_con .text {text-align: center; margin-top: 25px;}
.artwork_modal .pop_con .text .f22 {font-weight: 700;}
.artwork_modal .pop_con .text .f14 {color:#464646; font-weight: 600; margin-top: 5px;}
.artwork_modal .close {display:inline-block; position: absolute; right: 40px; top: 45px; cursor: pointer;}
.artwork_modal .close i {font-size: 30px;}
.artwork_modal .move_btn {position: absolute; top: 45%; transform: translateY(-50%); width: 100%;}
.artwork_modal .move_btn .arrow {position: absolute; display: inline-block; width: 28px; height: 28px; top: -20px; cursor: pointer;}
.artwork_modal .move_btn .arrow i {color: #191919; font-size: 40px;}
.artwork_modal .move_btn .arrow.prev {left: 55px;}
.artwork_modal .move_btn .arrow.next {right: 55px;}







/** CONTACT US **/
.inquiry_wrap .title {margin-bottom: 60px;}
.inquiry_wrap .title .f40 {color: #181d1a; font-weight: 700; margin-bottom: 10px;}
.inquiry_wrap .title .f40:last-child {margin-bottom: 0;}
.inquiry_wrap .title .f40 span {color: #f59f19; white-space : nowrap}
.inquiry_wrap .inquiryform .row {display: flex; gap: 50px;}
.inquiry_wrap .inquiryform .row .group {width: 50%; display: flex;}
.inquiry_wrap .inquiryform .item {width: 100%;}
.inquiry_wrap .inquiryform .mg_bt {margin-bottom: 40px;}
.inquiry_wrap .inquiryform .item .f16 {margin-bottom: 15px; font-weight: 700;}
.inquiry_wrap .inquiryform .item .f16 span {color:#d22412;}
.inquiry_wrap .inquiryform .item .radio_box label {margin-right: 90px;}
.inquiry_wrap .inquiryform .item .radio_box .f20 {margin-left: 12px;}
.inquiry_wrap .inquiryform .item input {width: 100%;}
.inquiry_wrap .inquiryform .item select {width: 100%; border-radius: 5px; background: url('../images/select_arrow2.png') transparent no-repeat right 20px center / 13px 8px; font-weight: 600;}
.inquiry_wrap .guidance_notes {display: flex; align-items: flex-start; padding-top: 55px; margin: 55px 0 40px; border-top: 1px dashed #ddd;} 
.inquiry_wrap .guidance_notes .icon {margin-right: 15px; flex-shrink: 0; display: flex;} 
.inquiry_wrap .guidance_notes .icon img {max-width: 22px;} 
.inquiry_wrap .guidance_notes .f16 {color: #787574;} 
.inquiry_wrap .inquiryform .item .personal_info_wrap {}
.inquiry_wrap .inquiryform .item .box {font-size: 16px; font-weight: 400; line-height: 28px; font-weight: 500; height: 200px; padding: 25px 30px; color:#828282; letter-spacing: -0.5px; overflow-y: auto; background: #f8f8f8;}
.inquiry_wrap .inquiryform .item .box::-webkit-scrollbar {width: 4px;}
.inquiry_wrap .inquiryform .item .box::-webkit-scrollbar-thumb {width: 30%; /* 스크롤바의 길이 */ background: #666; /* 스크롤바의 색상 */border-radius: 10px;}
.inquiry_wrap .inquiryform .item .box::-webkit-scrollbar-track {background:transparent;  /*스크롤바 뒷 배경 색상*/ }
.inquiry_wrap .inquiryform .item .box > ul > li{display:block; font-weight:400; color:#888; margin-bottom:15px;}
.inquiry_wrap .inquiryform .item .box > ul > li b{display:block; margin-bottom:7px; color:#555;}
.inquiry_wrap .inquiryform .item .box > li{position:relative; line-height:1.7; padding-left:13px; margin-bottom:4 px;}
.inquiry_wrap .inquiryform .item .box > li:before{content:""; position:absolute; left:0; top:10px; width:5px; height:1px; margin-right:5px; background:#888;}
.inquiry_wrap .inquiryform .item .check_box {margin-top: 20px;}
.inquiry_wrap .inquiryform .item input[type="checkbox"] + label .caption {font-weight: 500;}
.inquiry_btn {display: flex; justify-content: center;}
.inquiry_btn .more_btn {background: none; border: 0; box-sizing: border-box; box-shadow: inset 0 0 0 1px #dadada; position: relative; vertical-align: middle; display: flex; justify-content: center; align-items: center; width: 280px; height: 78px;}
.inquiry_btn .more_btn .f20 {font-weight: 300;}
.inquiry_btn .more_btn::before, .inquiry_btn .more_btn::after {box-sizing: inherit; content: ''; position: absolute; width: 100%; height: 100%;}
.inquiry_btn .more_btn {transition: color 0.25s; margin: 65px 0 130px;}
.inquiry_btn .more_btn::before, .inquiry_btn .more_btn::after {border: 1px solid transparent; width: 0; height: 0;}
.inquiry_btn .more_btn::before {top: 0; left: 0;}
.inquiry_btn .more_btn::after {bottom: 0; right: 0;}
.inquiry_btn .more_btn:hover {color: #1a1a1a;}
.inquiry_btn .more_btn:hover::before, .inquiry_btn .more_btn:hover::after {width: 100%; height: 100%;}
.inquiry_btn .more_btn:hover::before {border-top-color: #1a1a1a; border-right-color: #1a1a1a; transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;}
.inquiry_btn .more_btn:hover::after {border-bottom-color: #1a1a1a; border-left-color: #1a1a1a; transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;}















@media (max-width: 1750px) {
    .artworks_view .description .txt {width: 80%;}
    .list_wrap .box_list {gap: 80px 32px;}
    .artworks_view .books_swiper .books_slide .image img {max-height: 40vw;}
    .artworks_view .books_swiper .books_slide .image img {max-height: 380px;}
    .artwork_modal .pop_con .image img {height: 34vw; min-height: 300px;}



}


@media (max-width: 1600px) {
    .sub_top .sub_title {left: 16px;}
    .artworks_view .news_wrap {gap: 50px;}
    .books_detail .image img {max-height: 44vw;}


}


@media (max-width: 1440px) { 
    .sub_navi {top: 66px;}
    .sub_top {height: 56px;}
    .suki .history .left {width: 40%;}
    .suki .history .right {width: 60%;}
    .suki .history .activity {margin-bottom: 100px;}
    .suki .video .play_btn {width: 80px; height: 80px;}
    .list_wrap .box_list li {flex: 0 1 calc(33.3% - 22px);}
    .list_wrap .box_list li .txt {flex-flow: column; margin-top: 14px;}
    .list_wrap .box_list li .txt .f14 {margin-top: 2px;}
    .artworks_view .books_swiper .books_slide .image img {max-height: 28vw;}
    .artworks_view .news_wrap .item .f18 {margin-top: 20px;}
    .list_board .item .txt {flex-flow: column;}
    .list_board .item .txt .f18 {margin-right: 0;}
    .list_board .item .txt .info {display: flex; justify-content: space-between; margin-top: 4px;}
    .list_board .item .txt .info .f14 {text-align: left;}
    .artworks_view .cate { top: 150px;}

    .inquiry_btn .more_btn {width: 260px; height: 70px; margin: 60px 0 100px;}

    .slide_list {margin-bottom: 120px; gap: 100px 120px;}
    .slide_list .box {flex: 0 1 calc(50% - 60px); width: calc(50% - 60px);}


    .slide_list .swiper_wrap {margin-top: 30px;}
    .slide_list .exhibitions_swiper .exhibitions_slide .image img {height: 90px;}
    .slide_list .box .right .txt .f24 {font-size: 22px; line-height: 32px; margin-bottom: 4px;}
    .slide_list .exhibitions_swiper {margin-top: 10px;}

    .books_detail .inner {gap: 14vw;}
    .books_view .text_wrap1 {padding: 100px 0 80px;}
    .books_view .text_wrap2 {padding: 70px 0 100px;}
    .books_view .books_swiper2 .books_slide .image img {height: 30vw;}
    .books_view .sec4 {margin-bottom: 120px;}


}



@media (max-width: 1200px) { 
    .suki .history {padding: 0 0 100px;}
    .suki .history .activity li .date {width: 130px;}
    .suki .history .activity li {margin-bottom: 8px;}
    .suki .history .name {margin: 40px 0 16px;}
    .suki .note {margin: 90px 0 100px;}
    .artworks_view .overview .title {margin: 25px 0;}
    .artworks_view .description .txt {width: 100%;}
    .artworks_view .sec_mg {margin-bottom: 100px;}
    .artworks_view .sec3 {margin-top: 50px;}
    .btn_wrap .btn {margin-top: 60px; width: 250px; height: 60px;}
    .list_wrap .box_list {gap: 60px 25px;}
    .list_wrap .box_list li {flex: 0 1 calc(33.3% - 17px);}
    .artworks_view .news_wrap {gap: 30px;}
    .artworks_view .news_wrap .item .f18 {margin-top: 16px;}
    .list_board {gap: 80px 40px; margin-bottom: 110px;}
    .list_board .item {flex: 0 1 calc(25% - 30px);}
    .list_board .item .txt {margin-top: 15px;}


    .slide_list .exhibitions_swiper .exhibitions_slide .image img {height: 60px;}
    .slide_list .box .right .txt .f24 {font-size: 18px; line-height: 28px;}

    .artworks_list .list_board .item {flex: 0 1 calc(33.3% - 27px);}
    .artworks_list .list_board .item .txt .f24 {margin-right: 0;}
    .books_view .sec4 {margin-bottom: 100px;}

	.suki .history .image img {height:auto;}
	.suki .video .thum img{height:auto;}
}


@media (max-width: 1024px) {
    .sub_top {height: 50px;}
    .sub_top .sub_title {position: static; transform: none; margin-right: 30px;}
    .sub_top .sub_tab {gap: 25px; overflow-x: auto;}
    .sub_navi {top: 60px;}
    .subheading {margin-bottom: 25px;}
    .suki .history {gap: 60px;}
    .suki .history .activity li .date {width: 120px;}
    .suki .history .activity {margin-bottom: 60px;}
    .suki .note .f16 span {margin-bottom: 25px;}
    .suki .video .play_btn {width: 60px; height: 60px;}
    .suki .video .play_btn img {width: 12px;}
    .suki .history .activity li {flex-flow: column;}
    .artworks_view .description {flex-flow: column;}
    .artworks_view .cate, .artworks_view .right {width: 100%;}
    .list_wrap {flex-flow: column;}
    .list_wrap .box_list {gap: 40px 15px;}
    .list_wrap .box_list li {flex: 0 1 calc(33.3% - 10px);}
    .artworks_view .books_swiper .books_slide .image img {max-height: 34vw;}
    .artworks_view .news_wrap {gap: 15px;}
    .artworks_view .news_wrap .item .f18 {height: 45px;}
    .artwork_modal .pop_con .num {margin-top: 12px;}
    .artwork_modal .pop_con .text {margin-top: 16px;}
    .artwork_modal .pop_con .num span{font-size: 14px;}
    .artwork_modal .pop_con .num .divider {margin: 0 10px;}
    .artwork_modal .pop_con .text .f14 {margin-top: 2px;}
    .list_board {gap: 60px 20px; margin-bottom: 90px;}
    .list_board .item {flex: 0 1 calc(25% - 15px);}
    .artworks_view .cate {position: static;}
    .slide_list {margin-bottom: 100px; gap: 80px 60px;}
    .slide_list .box {flex: 0 1 calc(50% - 30px); width: calc(50% - 30px);}
    .slide_list .box .right .txt .f24 {font-size: 16px; line-height: 26px;}
    .slide_list .swiper_wrap {margin-top: 20px;}
    .slide_list .exhibitions_swiper {margin-top: 6px;}
    .slide_list .exhibitions_swiper .exhibitions_slide .image img {height: 50px;}
    .slide_list .swiper_wrap .f14 {font-size: 12px; line-height: 20px;}
    .artworks_list .list_board .item {flex: 0 1 calc(33.3% - 14px);}
    .inquiry_wrap .inquiryform .item .f16 {margin-bottom: 10px;}
    .inquiry_wrap .inquiryform .item .box {font-size: 15px; line-height: 23px; padding: 20px 18px; height: 180px;}


}


@media (max-width: 960px) { 


}


@media (max-width: 768px) {
    .bt_mg {margin-bottom: 100px;}
    .sub_top {align-items: center; justify-content: flex-start; padding: 0 16px; margin-bottom: 40px;}
    .suki .history {gap: 50px; padding: 0 0 80px;}
    .suki .note {margin: 80px 0 90px;}
    .suki .history .activity li.f16 {margin-bottom: 10px;}
    .artworks_view .sec_mg {margin-bottom: 80px;}
    .artworks_view .books_swiper .books_slide .f18 {font-size: 14px; margin-top: 12px;}
    .artworks_view .news_wrap {flex-flow: wrap; gap: 30px 10px;}
    .artworks_view .news_wrap .item {flex: 1 1 calc(50% - 10px);}
    .artworks_view .news_wrap .item .f18 {font-size: 15px; line-height: 23px; margin-top: 12px;}
    .artworks_view .news_wrap .item .f18 {height: 45px;}
    .artwork_modal .close{right: 20px; top: 25px;}
    .artwork_modal .close i {font-size: 22px;}
    .artwork_modal .move_btn .arrow i {font-size: 30px;}
    .artwork_modal .move_btn .arrow.prev {left: 20px;}
    .artwork_modal .move_btn .arrow.next {right: 20px;}
    .artworks_list .list_board .item .txt .f24 {font-size: 16px; line-height: 26px;}
    .list_board .item {flex: 0 1 calc(33.3% - 14px);}
    .list_board .item .txt {margin-top: 12px;}
    .inquiry_btn .more_btn {width: 240px; height: 60px; margin: 50px 0 80px;}

    .slide_list {flex-flow: column; gap: 60px;}
    .slide_list .box {flex: 0 1 100%; width: 100%;}
    .slide_list .exhibitions_swiper .exhibitions_slide .image img {height: 14vw; min-height: 40px;}
    .inquiry_wrap .inquiryform .item .box {height: 150px;}
    .inquiry_wrap .inquiryform .item .f16 {margin-bottom: 6px;}

    .books_detail {padding-bottom: 40px;}
    .books_view .text_wrap1 {padding: 60px 0 50px;}
    .books_view .text_wrap2 {padding: 50px 0 70px;}
    .books_view .text_wrap .f20 {margin-bottom: 15px;}


}


@media (max-width: 640px) {
    .subheading {margin-bottom: 20px;}
    .suki .history {flex-flow: column;}
    .suki .history .left, .suki .history .right {width: 100%;}
    .suki .history .left {display: flex; justify-content: center; padding-top: 0;}
    .suki .history .left .inner {max-width: 100%;}
    .suki .history .image {width: 100%; max-width: 450px; margin: 0 auto;}
    .suki .history .name {margin: 30px 0 10px;}
    .suki .history .activity {margin-bottom: 40px;}
    .suki .history .activity ul {margin-top: 20px;}
    .suki .note .f28 {margin-bottom: 25px;}
    .suki .note .f16 span {margin-bottom: 20px;}
    .list_board {gap: 40px 20px;}

    .artworks_list .list_board {gap: 60px 10px;}
    .artworks_list .list_board .item {flex: 0 1 calc(50% - 5px);}
    .artworks_list .list_board .item .image img {height:30vw; max-height: 290px;}
    .artworks_list .list_board .item .txt .info {flex-flow: column;}


    .inquiry_wrap .inquiryform .row {flex-flow: column; gap: 40px;}
    .inquiry_wrap .inquiryform .row .group {width: 100%;}
    .inquiry_wrap .inquiryform .item .box {padding: 15px 16px;}


    .books_detail .inner {gap: 10vw;}
    .books_detail .image {width: 40%;}
    .books_detail .txt {width: calc(60% - 10vw);}


}


@media (max-width: 540px) {
    .artworks_view .overview .title {flex-flow: column; align-items: flex-start; gap: 0;}
    .list_wrap .box_list {gap: 40px 10px;}
    .list_wrap .box_list li {flex: 0 1 calc(50% - 5px);}
    .list_wrap .box_list li .txt .f24 {font-size: 16px;}
    .btn_wrap .btn {margin-top: 40px;}
    .artworks_view .books_swiper .books_slide .image img {max-height: 180px;}
    .books_view .books_swiper2 .books_slide .image img {height: 35vw;}

}


@media (max-width: 479px) {
    .artworks_view .books_swiper .books_slide .image img {max-height: 250px;}
    .artwork_modal .pop_con .image img {height: 100%; min-height: 100%;}
    .list_board {gap: 50px 16px; margin-bottom: 70px;}
    .list_board .item {flex: 0 1 calc(50% - 8px);}
    .list_board .item .txt .f18 {font-size: 15px; line-height: 23px;}
    .slide_list {margin-bottom: 70px; gap: 50px;}
    .slide_list .box .right .txt .f24 {font-size: 15px; line-height: 23px; margin-bottom: 2px;}
    .slide_list .swiper_wrap {margin-top: 14px;}
    .artworks_list .list_board {gap: 50px 10px;}

    .list_board .item .image img {height: 40vw; max-height: 180px;}

    .books_detail .image {padding: 0;}
    .books_view .text_wrap1 {padding: 50px 0 40px;}
    .books_view .text_wrap2 {padding: 40px 0 60px;}

}


@media (max-width: 375px) {
    .books_detail .inner {gap: 30px;} 
    .artworks_view .books_swiper .books_slide .image img {max-height: 180px;}
    .books_detail .image {width: 40%;}
    .books_detail .txt {width: calc(60% - 30px);}

}