/* 메인배너 */
.main_banner {border-radius:10px; overflow:hidden; box-shadow:5px 5px 5px #00000033;}
.main_banner .main_banner_inner {position:relative;}
.main_banner .main_banner_inner .swiper-wrapper {font-size:0;}
.main_banner .main_banner_inner .banner_btm_box {position:absolute; right:0; bottom:0; background:var(--main-color); z-index:1; padding:8px 16px; border-radius:10px 10px 0 0;}
.main_banner .main_banner_inner .banner_btm_box .direction_wrapper {display:flex; align-items:center;}
.main_banner .main_banner_inner .banner_btm_box .direction_wrapper > div {display:flex; align-items:center; justify-content:center; margin-top:0; position:relative; right: unset; bottom:unset; top:unset; left: unset; cursor:pointer; height:auto;}
.main_banner .main_banner_inner .banner_btm_box .direction_wrapper .swiper-button-prev::after {font-size:var(--small-font-size); color:#fff; font-weight:600;}
.main_banner .main_banner_inner .banner_btm_box .direction_wrapper .swiper-button-pause > i {font-size:var(--small-font-size); color:#fff; font-weight:600;}
.main_banner .main_banner_inner .banner_btm_box .direction_wrapper .swiper-button-pause .xi-play {display:none;}
.main_banner .main_banner_inner .banner_btm_box .direction_wrapper .swiper-button-pause .xi-pause {display:block;}
.main_banner .main_banner_inner .banner_btm_box .direction_wrapper .swiper-button-pause.paused .xi-play {display:block;}
.main_banner .main_banner_inner .banner_btm_box .direction_wrapper .swiper-button-pause.paused .xi-pause {display:none;}
.main_banner .main_banner_inner .banner_btm_box .direction_wrapper .swiper-button-next::after {font-size:var(--small-font-size); color:#fff; font-weight:600;}
.main_banner .main_banner_inner .item .img_box {font-size:0; position:relative;}
.main_banner .main_banner_inner .item .img_box .pc {display:block;}
.main_banner .main_banner_inner .item .img_box .mobile {display:none;}

@media (max-width:768px) {
  .main_banner .main_banner_inner .item .img_box .pc {display:none;}
  .main_banner .main_banner_inner .item .img_box .mobile {display:block;}
}

/*검색&예술원회원 통합*/
.search_member {display:flex; gap:20px;}
.search_member .col.left {width:50%;}
.search_member .col.right {width:50%;}

/* 검색폼 */
.search_block {display:flex; flex-direction:column; padding:30px; border:1px solid #e1b4b6; border-radius:10px; background:#fff; box-shadow:4px 4px 4px #0000001c;}
.search_block .left_block {display:flex; align-items:center; gap:30px; margin-bottom:20px;}
.search_block .left_block .title {font-size:25px; display:flex; align-items: center; gap:15px;}
.search_block .left_block .subject {font-size:var(--cont-font-size); color:var(--main-color);}
.search_block .col.right {}
.search_block .search_box {display:block;}
.search_block .search_box fieldset {position:relative; border:none; text-align:center;}
.search_block .search_box legend {font-size:0; display:none;}
.search_block .search_box .search_form {position:relative; display:flex; border:2px solid var(--main-color); align-items: center; border-radius: 50px; overflow: hidden;}
.search_block .search_box span {display:block; width:100%;}
.search_block .search_box input {width:100%;height:50px; line-height:50px;  margin: 0; padding: 0 20px; border: none; color: #333; font-size:var(--small-font-size);}
.search_block .search_box input:focus {outline:none;}
.search_block .search_box input::placeholder {color:var(--main-color); font-weight:400; font-size:var(--small-font-size);}
.search_block .search_box .search_form > button {font-size:0; background:var(--main-color); color:#fff; width:50px; height:50px; border-radius:50%; display: flex; align-items: center; justify-content: center;}
.search_block .search_box .search_form > button > i {font-size:25px;}
.search_block .popular_keyword {width:100%; padding-top:20px; display:flex; justify-content:center; align-items:center;}
.search_block .popular_keyword > div {position:relative; display:flex; align-items:center; gap:5px; padding-right:20px; margin-right:20px;}
.search_block .popular_keyword > div::before {position:absolute; content:''; right:0; top: 50%; transform: translateY(-50%); width: 2px; height: 17px; background: #ccc;}
.search_block .popular_keyword > div > i,
.search_block .popular_keyword > div > span {font-size:var(--small-font-size); font-weight:700;}
.search_block .popular_keyword > ul {display:flex; align-items:center; gap:10px;}
.search_block .popular_keyword > ul > li {border:1px solid var(--main-color); border-radius:20px; padding:3px 28px; font-size:var(--small-font-size); color:var(--main-color); font-weight:600;}
.search_block .popular_keyword > ul > li > a {display:block; color:inherit;}


/* 회원 퀵메뉴 */
.memb_quick {display:flex; flex-direction:column; padding:30px;  border:1px solid #e1b4b6; border-radius:10px; background:#fff; box-shadow:4px 4px 4px #0000001c;}
.memb_quick .left_block {display:flex; align-items:center; gap:30px; margin-bottom:20px;}
.memb_quick .left_block .q_title {font-size:25px; display:flex; align-items: center; gap:15px;}
.memb_quick .left_block .q_subject {font-size:var(--cont-font-size); color:var(--main-color); word-break:keep-all;}
.memb_quick .right_block > ul {display:flex; align-items: center; justify-content:space-between; gap:60px; padding:10px 15px 0 15px;}
.memb_quick .right_block > ul > li {position:relative;}
.memb_quick .right_block > ul > li + li::before {position:absolute; content:''; left:-35px; top:0; width:1px; height:100%; background:#ccc;}
.memb_quick .right_block > ul > li > a {display:flex; flex-direction:column; align-items:center; gap:10px;}
.memb_quick .right_block > ul > li > a > img {height:60px;}
.memb_quick .right_block > ul > li > a > span {font-size:var(--cont-font-size); font-weight:700;}

/* 회원 퀵메뉴 영문버전 */
.search_member.en .memb_quick {width:100%;}
.search_member.en .memb_quick .right_block > ul {padding:10px 75px 0 75px;}
.search_member.en .memb_quick .right_block > ul > li + li::before {left:-98px;}



/*예술원 소식*/
.news-wrapper {padding:30px; border:1px solid #e1b4b6; border-radius:10px; background:#fff; box-shadow:4px 4px 4px #0000001c;}
.news-wrapper .title_block {display:flex; align-items:center; justify-content: space-between; margin-bottom:20px;}
.news-wrapper .title_block .text_block {display:flex; gap:30px; align-items:center;}
.news-wrapper .title_block .text_block .title {font-size:var(--main-font-size);}
.news-wrapper .title_block .text_block .subject {font-size:var(--cont-font-size); color:#666; word-break:keep-all;}
.news-wrapper .title_block > a {font-size:var(--small-font-size); color:#666; font-weight:500; display:flex; align-items:center; gap:5px;}
.news-wrapper .title_block > a:hover {color:#333; font-weight:600;}
.news-wrapper .contents {display:flex; gap:20px;}
.news-wrapper .contents .item {width:25%; border:1px solid #ccc; border-radius:5px; overflow:hidden;}
.news-wrapper .contents .item > figure { font-size:0; height:220px; background: #eee center/cover no-repeat;}
.news-wrapper .contents .item .title {padding:0 15px; margin:15px 0; font-size:var(--cont-font-size); color:#333; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all;}


/* 주요사업 */
.main_business {display:flex; gap:20px;}
.main_business .col.left {width:60%;}
.main_business .col.right {width:40%; display:flex; flex-direction:column; justify-content:space-between;}
.main_business .col.left .img_show {display:flex; border-radius:10px; overflow:hidden; border:1px solid #e1b4b6; box-shadow:4px 4px 4px #0000001c;}
.main_business .col.left .img_show .detail_wrapper {width:50%;}
.main_business .col.left .img_show .detail_wrapper .detail_cont {display:none; position:relative;}
.main_business .col.left .img_show .detail_wrapper .detail_cont.active {display:block;}
.main_business .col.left .img_show .detail_wrapper .detail_cont > figure {font-size:0;}
.main_business .col.left .img_show .detail_wrapper .detail_cont .text_box {opacity:1; transition:all .3s; position:absolute; left:50%; bottom:0; transform:translate(-50%, 0); width:100%; padding:30px; background:#00000069;}
.main_business .col.left .img_show .detail_wrapper .detail_cont .text_box > div {display:flex; justify-content:space-between; align-items:center;}
.main_business .col.left .img_show .detail_wrapper .detail_cont .text_box > div > h4 {font-size:var(--cont-font-size); color:#fff;}
.main_business .col.left .img_show .detail_wrapper .detail_cont .text_box > div > a {display:flex; align-items:center; gap:5px; font-size:15px; color:#fff; background:var(--main-color); text-align:center; padding:3px 15px; border-radius:10px; justify-content: center;}
.main_business .col.left .img_show .detail_wrapper .detail_cont .text_box > p {font-size:16px; color:#fff; margin:15px 0 0 0; word-break:keep-all;}
 
.main_business .col.left .img_show .link_list {width:50%; padding:30px; background:var(--main-color);}
.main_business .col.left .img_show .link_list > h3 {font-size:var(--main-font-size); color:#fff;}
.main_business .col.left .img_show .link_list > p {font-size:var(--small-font-size); color:#fff; word-break:keep-all; margin:20px 0 40px 0;}
.main_business .col.left .img_show .link_list > ul {}
.main_business .col.left .img_show .link_list > ul > li {position:relative; display:flex; gap:10px; align-items:center; color:#fff; border-bottom:1px solid #ffffff52; padding:7px 0; margin:7px 0; font-size: var(--cont-font-size);}
.main_business .col.left .img_show .link_list > ul > li.active {font-weight:600;}
.main_business .col.left .img_show .link_list > ul > li.active::before {position:absolute; content:'(선택)'; right:0; top:50%; transform:translateY(-50%);}


/* 공고,회원동정 */

.main_business .board-list {border:1px solid #e1b4b6; padding:30px; border-radius:10px; background:#fff; box-shadow:4px 4px 4px #0000001c;}
.main_business .board-list .title {display:flex; align-items:center;justify-content:space-between; margin-bottom:20px;}
.main_business .board-list .title .title_inner {display:flex; align-items:center; gap:10px;}
.main_business .board-list .title .title_inner .icon {font-size:0;}
.main_business .board-list .title .title_inner > h3 {font-size:25px; color:#333;}
.main_business .board-list .title > a > i {font-size:var(--small-font-size); color:#666;}
.main_business .board-list .title > a:hover > i {color:#333; font-weight:600;}
/* 테이블 스타일 */
.main_business .board-list table {width:100%; border-collapse:collapse; border-spacing:0; border-top:1px solid #ccc; table-layout: fixed;}
.main_business .board-list table caption {font-size:0;}
.main_business .board-list table thead {background:#f6f6f6;}
.main_business .board-list table thead th,
.main_business .board-list table tbody td {font-size:var(--small-font-size); color:#333; padding:6px 15px; border-bottom:1px solid #ccc;}
.main_business .board-list table tbody th {font-weight:600;}
.main_business .board-list table tbody td a {color:#333;}
.main_business .board-list table tbody td.subject {overflow: hidden;}
.main_business .board-list table tbody td.subject a {display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main_business .board-list table tbody td.date {text-align:center; font-size:1em; color:#666;}
.main_business .board-list table tbody td.empty {text-align:center;}
.main_business .board-list table tbody td.no-border {border-bottom:none;}

.main_business .introduction {padding:30px; border:1px solid #e1b4b6; border-radius:10px; background:#fff; box-shadow:4px 4px 4px #0000001c;}
.main_business .introduction .title {font-size:var(--main-font-size); color:#333;}
.main_business .introduction > p {font-size:var(--small-font-size); margin:20px 0 40px 0; word-break:keep-all; color:var(--main-color);}
.main_business .introduction > ul {list-style:none; display:flex; flex-wrap:wrap;}
.main_business .introduction > ul > li {display:block; width:50%;}
.main_business .introduction > ul > li > a {border-bottom:1px solid #ddd; padding:27px 0; display:flex; gap:30px; align-items:center;}
.main_business .introduction > ul > li > a > figure {font-size:0; border:1px solid #ccc; padding:10px; border-radius:50%;}
.main_business .introduction > ul > li > a > span {font-size:var(--small-font-size); color:#333; font-weight:600;}


/* 아카이브 */
.archive_mini_banner {display:flex;}
.archive_mini_banner .col.left {width:75%; display:flex; align-items:center; border:1px solid #e1b4b6; border-radius:10px; padding:30px; background:#fff; box-shadow:4px 4px 4px #0000001c;}
.archive_mini_banner .col.right {width:25%;}

.archive_mini_banner .archive-swiper {width:60%; border-radius:10px; overflow: hidden;}
.archive_mini_banner .archive-swiper .item > a {display:block; position:relative;}
.archive_mini_banner .archive-swiper .item > a > figure {font-size:0; position:relative; margin:10px; height:300px; border-radius:10px; overflow:hidden; border:1px solid #9b9b9b33; box-shadow:5px 5px 5px #00000033; background:#eee center/cover no-repeat;}
.archive_mini_banner .archive-swiper .item > a > figure > img {width:100%;}
.archive_mini_banner .archive-swiper .item > a > p {position:absolute; left:50%; transform:translateX(-50%); bottom:10px; padding:5px 20px; font-size:var(--cont-small-size); text-align:center; font-weight:600; background:#fff; background: #fff; width:85%; overflow:hidden; border-radius:10px;}

.archive_mini_banner .archive-title {width:40%; padding-top:30px;}
.archive_mini_banner .archive-title > h3 {font-size:var(--main-font-size); display:block; margin:0 0 40px 0;}
.archive_mini_banner .archive-title > p {font-size:var(--small-font-size);}
.archive_mini_banner .archive-title .quick_button {display:inline-block; border:1px solid #666; padding:15px 5px; border-radius:30px;}
.archive_mini_banner .archive-title .quick_button > a {padding:10px 25px; border-radius:20px; font-size:var(--small-font-size);}
.archive_mini_banner .archive-title .quick_button > a.active {background:var(--main-color); color:#fff;}

.archive_mini_banner .swiper-controller {display:flex; align-items:center; padding-top:50px; gap:10px;}
.archive_mini_banner .swiper-controller > div {display:flex; align-items:center; justify-content:center; margin-top:0; position:relative; right: unset; bottom:unset; top:unset; left: unset; width:40px; height:40px; border:1px solid #ccc; border-radius:50%; cursor:pointer}
.archive_mini_banner .swiper-controller .swiper-button-prev::after {font-size:var(--small-font-size); color:#666; font-weight:600; margin-right:3px;}
.archive_mini_banner .swiper-controller .swiper-button-pause > i {font-size:var(--small-font-size); color:#666; font-weight:600;}
.archive_mini_banner .swiper-controller .swiper-button-pause .xi-play {display:none;}
.archive_mini_banner .swiper-controller .swiper-button-pause .xi-pause {display:block;}
.archive_mini_banner .swiper-controller .swiper-button-pause.paused .xi-play {display:block;}
.archive_mini_banner .swiper-controller .swiper-button-pause.paused .xi-pause {display:none;}
.archive_mini_banner .swiper-controller .swiper-button-next::after {font-size:var(--small-font-size); color:#666; font-weight:600; margin-left:3px;}


/* 미니배너 */
.archive_mini_banner .col.right .swiper {border-radius:10px; border:1px solid #e1b4b6; box-shadow:4px 4px 4px #0000001c; margin-left:20px; background:#fff;}
.archive_mini_banner .col.right .item .img_box {font-size:0; display:flex; justify-content:center; align-items:center; padding:20px; background:#fff;}
.archive_mini_banner .col.right .item .img_box > img {}
.archive_mini_banner .col.right .banner_btm_box {display:flex; background:#fff; padding:35px 20px; align-items:center; justify-content:space-between;}
.archive_mini_banner .col.right .banner_btm_box .title_inner {}
.archive_mini_banner .col.right .banner_btm_box .title_inner > div {display:flex; align-items:center; gap:10px; margin-bottom:10px;}
.archive_mini_banner .col.right .banner_btm_box .title_inner > div .icon {font-size:0}
.archive_mini_banner .col.right .banner_btm_box .title_inner > div > h3 {font-size:var(--small-font-size); color:#333;}
.archive_mini_banner .col.right .banner_btm_box .title_inner > p {font-size:16px; display:flex; gap:5px; align-items:center;}
.archive_mini_banner .col.right .banner_btm_box .direction_wrapper {display:flex; align-items:center;}
.archive_mini_banner .col.right .banner_btm_box .direction_wrapper > div {display:flex; align-items:center; justify-content:center; margin-top:0; position:relative; right: unset; bottom:unset; top:unset; left: unset; cursor:pointer; height:auto;}
.archive_mini_banner .col.right .banner_btm_box .direction_wrapper .swiper-button-prev::after {font-size:var(--small-font-size); color:#666; font-weight:600;}
.archive_mini_banner .col.right .banner_btm_box .direction_wrapper .swiper-button-pause > i {font-size:var(--small-font-size); color:#666; font-weight:600;}
.archive_mini_banner .col.right .banner_btm_box .direction_wrapper .swiper-button-pause .xi-play {display:none;}
.archive_mini_banner .col.right .banner_btm_box .direction_wrapper .swiper-button-pause .xi-pause {display:block;}
.archive_mini_banner .col.right .banner_btm_box .direction_wrapper .swiper-button-pause.paused .xi-play {display:block;}
.archive_mini_banner .col.right .banner_btm_box .direction_wrapper .swiper-button-pause.paused .xi-pause {display:none;}
.archive_mini_banner .col.right .banner_btm_box .direction_wrapper .swiper-button-next::after {font-size:var(--small-font-size); color:#666; font-weight:600;}

/* 영문 아카이브 미니배너 */
.archive_mini_banner.en {display:none;}


/* 노트북 */
@media (max-width:1024px) {
  /*검색폼*/
  .search_member {flex-direction:column;}
  .search_member .col.left,
  .search_member .col.right {width:100%;}
  .search_block .left_block .title {font-size:20px;}

  /*예술원 회원*/
  .memb_quick .left_block .q_title {font-size:20px;}
  .memb_quick .right_block > ul > li + li::before {left:-55px;}
  .search_member.en .memb_quick .right_block > ul {padding:10px 15px 0 15px;}
  .search_member.en .memb_quick .right_block > ul > li + li::before {display:none;}

  /*예술원 소식*/
  .news-wrapper .contents .item > figure > img {height:150px;}

  /*주요사업*/
  .main_business {flex-direction:column;}
  .main_business .col.left,
  .main_business .col.right {width:100%;}
  .main_business .col.left .img_show .detail_wrapper {width:42%;}
  .main_business .col.left .img_show .link_list {width:58%;}
  .main_business .col.right {gap:20px;}

  /*공고&회원동정*/
  .main_business .board-list .title .title_inner > h3 {font-size:20px;}
  .main_business .board-list .title .title_inner > h3 {font-size:20px;}

  /*아카이브*/
  .archive_mini_banner {flex-direction:column;}
  .archive_mini_banner .col.left,
  .archive_mini_banner .col.right {width:100%;}

  /* 미니배너 */
  .archive_mini_banner .col.right .swiper {margin-left:0; margin-top:20px;}
}

/* 태블릿 */
@media (max-width:768px) {
  /*예술원 회원*/
  .memb_quick .right_block > ul > li + li::before {left:-30px;}

  /*예술원 소식*/
  .news-wrapper .contents .item > figure > img {height:100px;}

  /*주요사업*/
  .main_business .col.left .img_show .detail_wrapper {width:60%;}
  .main_business .col.left .img_show .link_list {width:40%;}
}

@media (max-width:767px) {
  .main_business .introduction {padding:20px;}
  .main_business .introduction > ul > li {width:100%;}
  .main_business .introduction > ul > li > a {padding:10px 0;}
}

/* 모바일 */
@media (max-width:500px) {
  /*검색폼*/
  .search_block {padding:20px;}
  .search_block .left_block {flex-direction:column; align-items:flex-start; gap:10px;}
  .search_block .left_block .title {font-size:17px;}
  .search_block .popular_keyword {flex-direction:column; align-items:flex-start; gap:10px;}
  .search_block .popular_keyword > div {padding-right:0; margin-right:0;}
  .search_block .popular_keyword > div::before {display:none;}
  .search_block .popular_keyword > ul {flex-wrap:wrap;}
  .search_block .popular_keyword > ul > li {font-size:14px;}

  /*예술원 회원*/
  .memb_quick {padding:20px;}
  .memb_quick .left_block {flex-direction: column; align-items:flex-start; gap:10px;}
  .memb_quick .left_block .q_title {font-size:17px;}
  .memb_quick .right_block > ul {flex-wrap:wrap; gap:30px;}
  .memb_quick .right_block > ul > li + li::before {left:-20px;}

  /*예술원 소식*/
  .news-wrapper {padding:20px;}
  .news-wrapper .title_block {position:relative;}
  .news-wrapper .title_block > a {position:absolute; right:0; top:0; font-size:14px;}
  .news-wrapper .title_block .text_block {flex-direction: column; align-items:flex-start; gap:10px;}
  .news-wrapper .contents {flex-direction:column;}
  .news-wrapper .contents .item {width:100%;}
  .news-wrapper .contents .item > figure > img {height:180px;}

  /*주요사업*/
  .main_business .col.left .img_show {flex-direction:column-reverse;}
  .main_business .col.left .img_show .detail_wrapper {width:100%;}
  .main_business .col.left .img_show .link_list {width:100%; padding:20px;}
  .main_business .col.left .img_show .link_list > p {margin:10px 0 20px 0;}
  .main_business .col.left .img_show .link_list > ul > li {margin:4px 0; padding:4px 0;}
  .main_business .col.left .img_show .detail_wrapper .detail_cont .text_box > div > a {font-size:14px;}

  /*공고&회원동정*/
  .main_business .board-list {padding:20px;}
  .main_business .board-list .title .title_inner > h3 {font-size:17px;}
  .main_business .board-list .content-wrapper .item .list-link > span,
  .main_business .board-list .content-wrapper .item .list-link > span:nth-child(2) {font-size:13px;}

  /*아카이브*/
  .archive_mini_banner .col.left {padding:20px; flex-direction:column;}
  .archive_mini_banner .archive-title {width:100%; padding-top:0;}
  .archive_mini_banner .archive-swiper {width:100%;}
  .archive_mini_banner .swiper-controller {padding:20px 0;}
  
   /*미니배너*/
  .archive_mini_banner .col.right .banner_btm_box {padding:20px;}
}