:root {
    --grey: rgba(238,239,243,1);
    --grey-b: rgba(213,216,224,1);
    --navy: rgba(0,40,80,1);
    --navy-b: rgba(119,151,170,1);
    --sky: rgba(197,234,241,1);
    --sky-b: rgba(145,217,229,1);
    --grey-d: rgba(90,90,90,1);
    --navy-d: rgba(0,20,40,1);
    --sky-d: rgba(127,184,181,1);

}

* {transition: all .2s ease!important}
:focus-visible {outline: dotted 2px red!important;outline-offset: -2px;}
    .modal a:focus-visible {
        outline: none!important;
      }

      .modal a.active2:focus-visible {
        outline: dashed 2px red !important;
        outline-offset: 2px;
      }
      .member:hover,.member.active2:hover {outline:0!important}
      .member.active2 {
        outline: dotted 2px rgba(0,0,0,1) !important;
        outline-offset: 2px;
      }
      /* 마우스로 클릭한 경우에는 active1 클래스 */
      .active1 {
        outline: none; /* 마우스로 클릭하면 포커스 링 없애기 */
      }
      .news-slide a:focus-visible {outline: dashed 2px white !important;}

.flex {display: flex;}

.left {float: left;}
.right {float: right;}
.bd-t-1 {border-top: solid 1px}
.bd-b-1 {border-bottom: solid 1px}
.bd-t-2 {border-top: solid 2px}
.bd-b-2 {border-bottom: solid 2px}

.bd-l-1 {border-left: solid 1px}
.bd-l-2 {border-left: solid 2px}
.bd-r-2 {border-right: solid 1px}
.bd-r-2 {border-right: solid 2px}

.div-2 {width:50%}
.div-3 {width:33.33%}
.div-4 {width:25%}

.gap-10 {gap: 10px}

.text-w {color: #fff!important}

.container {margin:0 0 55px 0}
.main {
    width: 100%;
    max-width: 1320px;
}
.flex {display: flex;}
.flex-r {display: flex;flex-direction: row; gap: 10px}
.flex-c {display: flex;flex-direction: column; gap: 10px}

.grid-r.grid-3{display: grid;grid-template-columns: 0.8fr 0.8fr 1.4fr; gap:10px}

.section-flex {
    display: flex;
    gap: 10px
}

.bg-dark {background: #000; color: #fff}
.bg-grey {background-color: var(--grey); border-color: var(--grey-b);}
.bg-navy {background-color: var(--navy);border-color: var(--navy-b);color: #fff}
.bg-sky {background-color: var(--sky);border-color: var(--sky-b);}

.main {padding-top: 20px}
.main-v * {transition: all .2s ease}
.main-v {border-radius: 20px;width:50%;height:auto;position: relative; overflow: hidden; background: #f9f9ff;padding:15px 5px 0px 5px;}
.main-v svg .member {border-radius: 10px;}
.main-v svg .member rect {fill:#fff;fill-opacity: 0;}
/* .main-v svg .member:focus-visible, .main-v svg .member.active {outline: dotted 2px #000} */
.main-v svg .member:hover {   cursor: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i66CI7J207Ja0XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzQgMzQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM0IDM0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7b3BhY2l0eTowLjg7fQ0KCS5zdDF7ZmlsbDojOTJEOUU1O30NCgkuc3Qye2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPGcgY2xhc3M9InN0MCI+DQoJPGNpcmNsZSBjbGFzcz0ic3QxIiBjeD0iMTciIGN5PSIxNyIgcj0iMTYiLz4NCjwvZz4NCjxnPg0KCTxnPg0KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNMTcsMi41QzI1LDIuNSwzMS41LDksMzEuNSwxN1MyNSwzMS41LDE3LDMxLjVTMi41LDI1LDIuNSwxN1M5LDIuNSwxNywyLjUgTTE3LDAuNUM3Ljg5LDAuNSwwLjUsNy44OSwwLjUsMTcNCgkJCVM3Ljg5LDMzLjUsMTcsMzMuNVMzMy41LDI2LjExLDMzLjUsMTdTMjYuMTEsMC41LDE3LDAuNUwxNywwLjV6Ii8+DQoJPC9nPg0KCTxnPg0KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNMTEuNywxMi43NGw2LjI2LDcuMDRsLTIuMy0wLjAybDYuNzMtNy4xNGMwLjM5LTAuNDEsMS4wMy0wLjQzLDEuNDQtMC4wNGMwLjM4LDAuMzYsMC40MiwwLjk1LDAuMTEsMS4zNg0KCQkJbC01Ljk5LDcuNzdjLTAuNTYsMC43NS0xLjc1LDAuNzQtMi4zLTAuMDJjMCwwLTUuNjctNy41Mi01LjY3LTcuNTJDOS4xMywxMy4wMywxMC43NywxMS42OSwxMS43LDEyLjc0TDExLjcsMTIuNzR6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=), auto;
}



/* .main-v svg .member.active rect  {stroke: #fff; stroke-width: 2px;fill-opacity: 0.1;
    filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));
} */




.main-cards {width: 50%}

.card {width:100%;display: flex; flex-direction: column; border-radius: 12px;overflow: hidden;position: relative;}
.card.sm {height:170px;}
.card.md {height:190px;}
.card.lg {height:220px;}

.card img {max-width: 100%;height:auto}

.section-news .card:not(:last-of-type) {height: auto}
.section-news .card:last-of-type {display:inline-block!important;height:fit-content;}

.bg-grey .card-cont {background-color: var(--grey); border-color: var(--grey-b);}
.bg-navy .card-cont {background-color: var(--navy);border-color: var(--navy-b);}
.bg-sky .card-cont {background-color: var(--sky);border-color: var(--sky-b);}


.card a:focus-visible {text-shadow: 3px 3px 20px rgba(40,40,40,0.4);outline-offset: -3px}
.card a:hover {text-shadow: 3px 3px 20px rgba(40,40,40,0.4)}

.card a.bg-navy:focus-visible {outline: dotted 2px #fff!important}

.card-cont {display:flex;align-items: center;justify-content: start;text-align: left; padding: 0 20px;height:100%;position: relative;font-family: 'S-CoreDream'!important; font-weight: 600;font-size:18px;letter-spacing: -0.3px;}
.card-cont h1 {font-weight: 600;}
.card-cont.body-t {align-items: start;padding-top: 12px}
.card-cont.body-b {align-items: end;padding-bottom: 12px}
.bg-grey.card-cont.arrow {background: var(--grey) url(../images/common/ico_arrow_for_grey.png) right 20px top 20px no-repeat;}
.bg-navy.card-cont.arrow {background: var(--navy) url(../images/common/ico_arrow_for_navy.png) right 20px top 20px no-repeat;}
.bg-grey.card-cont.caret {background: var(--grey) url(../images/common/ico_caret_for_grey.png) right 20px top 22px no-repeat;}


.card-cont.foot {height:55px;line-height:55px;width: 100%;}
.card-cont.foot, .card-cont.text-sm {font-size:16px;}
.card-cont.body-t .text-b {position:absolute;left:20px;bottom:12px;}

.modal {display: none;position: absolute;z-index: 1;box-sizing: border-box;opacity:0;transition: all .2s ease;  animation-duration: 0.5s;
    animation-name: scale-up-center;}

.modal .close-btn {background-color: red;color: white;border: none;padding: 5px 10px;cursor: pointer;position: absolute;top: 10px;right: 10px;}
.card.grad {background: #f2f2f2; background: linear-gradient(240deg,rgba(242, 242, 242, 1) 0%, rgba(237, 237, 237, 1) 50%, rgba(199, 199, 199, 1) 100%);}
.card.grad .card-cont {justify-content: center;}
.card.grad img {width:7px; height: 11px; position: absolute; top: 10px; right: 10px; opacity:.5}
.modal.card {z-index:2}
.modal.card.council-card{width:fit-content;height:fit-content;padding:10px 16px 12px 16px;background-color: #fff;text-align: center;box-shadow: 3px 3px 3px rgba(0,20,40,0.1);}
.modal.card.council-card .title {width:100%;display: flex; justify-content: center;align-items: center;}
.modal.card.council-card .desc {width:100%;display: flex; flex-direction: column;justify-content: center}
.modal.card.council-card h1 {font-size: 20px;font-family: 'S-CoreDream'!important;font-weight: 700;}
.modal.card.council-card h1 span {font-size: 17px;margin-left:5px}
.modal.card.council-card h2, .card.council-card p {font-family: 'pretendard';}
.modal.card.council-card h2 {font-weight: 600;color:#0e92b3;margin-bottom:8px}
.modal.card.council-card p {font-weight: 400;font-size: 16px;margin-bottom:8px}
.modal.card.council-card a {background:#eee url('../images/sub/ico_plus-b.png') right 12px top 9px no-repeat;padding: 5px 30px 5px 12px; border-radius:30px;text-align: left;position: relative; outline-offset: 0;color:#222;}
/* .modal.card.council-card a:focus {outline: dotted 2px #000} */
.modal.card.council-card:hover {cursor: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i66CI7J207Ja0XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzQgMzQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM0IDM0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7b3BhY2l0eTowLjg7fQ0KCS5zdDF7ZmlsbDojOTJEOUU1O30NCgkuc3Qye2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPGcgY2xhc3M9InN0MCI+DQoJPGNpcmNsZSBjbGFzcz0ic3QxIiBjeD0iMTciIGN5PSIxNyIgcj0iMTYiLz4NCjwvZz4NCjxnPg0KCTxnPg0KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNMTcsMi41QzI1LDIuNSwzMS41LDksMzEuNSwxN1MyNSwzMS41LDE3LDMxLjVTMi41LDI1LDIuNSwxN1M5LDIuNSwxNywyLjUgTTE3LDAuNUM3Ljg5LDAuNSwwLjUsNy44OSwwLjUsMTcNCgkJCVM3Ljg5LDMzLjUsMTcsMzMuNVMzMy41LDI2LjExLDMzLjUsMTdTMjYuMTEsMC41LDE3LDAuNUwxNywwLjV6Ii8+DQoJPC9nPg0KCTxnPg0KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNMTEuNywxMi43NGw2LjI2LDcuMDRsLTIuMy0wLjAybDYuNzMtNy4xNGMwLjM5LTAuNDEsMS4wMy0wLjQzLDEuNDQtMC4wNGMwLjM4LDAuMzYsMC40MiwwLjk1LDAuMTEsMS4zNg0KCQkJbC01Ljk5LDcuNzdjLTAuNTYsMC43NS0xLjc1LDAuNzQtMi4zLTAuMDJjMCwwLTUuNjctNy41Mi01LjY3LTcuNTJDOS4xMywxMy4wMywxMC43NywxMS42OSwxMS43LDEyLjc0TDExLjcsMTIuNzR6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=), auto;}

.modal.card.council-card:nth-of-type(1) {left:80px; top: 160px}
.modal.card.council-card:nth-of-type(2) {left:calc(50% - 100px); top: 125px}
.modal.card.council-card:nth-of-type(3) {right:100px; top: 160px}

.modal.card.council-card:nth-of-type(4) {left:20px; top: 250px}
.modal.card.council-card:nth-of-type(5) {left:160px; top: 270px}
.modal.card.council-card:nth-of-type(6) {left:40%; top: 230px}
.modal.card.council-card:nth-of-type(7) {right:160px; top: 270px}
.modal.card.council-card:nth-of-type(8) {right:40px; top: 270px}

.modal.card.council-card:nth-of-type(9) {left:40px; bottom: 300px}
.modal.card.council-card:nth-of-type(10) {left:38%; bottom: 300px}
.modal.card.council-card:nth-of-type(11) {right:80px; bottom: 300px}

@media screen and (max-width: 1400px){
    .container .inner .contents {padding: 0 20px}
    .main-v{width:50%;}
    .main-cards {width: 50%;}
    .section-news .card:not(:last-of-type) {height: auto}
    .main-cards .card.bg-grey .bd-l-2 {border-left: 0}
    /* .card.bg-grey .card-cont.caret:after {position:absolute;left:85%;content: url(../images/ico_caret_for_grey.png);} */
    .div-4 {width:50%}

    .modal.card.council-card:nth-of-type(6) {left:39%; top: 220px}
    .modal.card.council-card:nth-of-type(10) {left:38%; bottom: 300px}
  }

  @media screen and (max-width: 1340px) {
      .inner{width: 100%;min-width: inherit;}
  }

  @media screen and (max-width: 1280px) {
    .main-v{width:50%;}
    .main-cards {width: 50%;}

    .modal.card.council-card:nth-of-type(1) {left:20px; top: 130px}
    .modal.card.council-card:nth-of-type(2) {left:30%; top: 110px}
    .modal.card.council-card:nth-of-type(3) {right:20px; top: 130px}

    .modal.card.council-card:nth-of-type(4) {left:20px; top: 28%}
    .modal.card.council-card:nth-of-type(5) {left:20%; top: 29%}
    .modal.card.council-card:nth-of-type(6) {left:37%; top: 25%}
    .modal.card.council-card:nth-of-type(7) {right:20%; top: 29%}
    .modal.card.council-card:nth-of-type(8) {right:20px; top: 29%}

    .modal.card.council-card:nth-of-type(9) {left:20px; bottom: 45%}
    .modal.card.council-card:nth-of-type(10) {left:35%; bottom: 45%}
    .modal.card.council-card:nth-of-type(11) {right:20px; bottom:45%}

    .grid-r.grid-3{grid-template-columns: 0.9fr 0.9fr 1.2fr}
}
  @media screen and (max-width: 1024px){

    .main.flex-r {flex-direction: column;}
    .main-v{width:calc(100% - 10px);}
    .main-cards {width: 100%;}
    .div-2 {width:100%}
    .div-3 {width:50%}
    .div-4 {width:33.33%}
    .main-cards .flex-r {flex-direction: row}
    .main-cards .flex-r .div-2 {width: 50%}
    .bg-grey.bd-l-2 {border-left: solid 2px var(--grey-b)}
    .modal.card.council-card:nth-of-type(1) {left:20%; top: 19%}
    .modal.card.council-card:nth-of-type(2) {left:37%; top: 16%}
    .modal.card.council-card:nth-of-type(3) {right:15%; top: 20%}

    .modal.card.council-card:nth-of-type(4) {left:40px; top:34%}
    .modal.card.council-card:nth-of-type(5) {left:28%; top: 35%}
    .modal.card.council-card:nth-of-type(6) {left:41%; top: 30%}
    .modal.card.council-card:nth-of-type(7) {right:29%; top: 35%}
    .modal.card.council-card:nth-of-type(8) {right:10%; top: 35%}
    .modal.card.council-card:nth-of-type(9) {left:40px; bottom: 43%}
    .modal.card.council-card:nth-of-type(10) {left:40%; bottom: 43%}
    .modal.card.council-card:nth-of-type(11) {right:60px; bottom: 43%}

  }

  @media screen and (max-width: 900px){
  }


  @media screen and (max-width: 768px){
    /* .bg-grey.card-cont.caret {
        background: var(--grey) url(../images/ico_caret_for_grey.png) right 60px top 22px no-repeat;
      } */

    .modal.card.council-card {padding-bottom:16px}
    .modal.card.council-card h1 {flex-direction: column;text-align: center;margin-bottom:5px}
    .modal.card.council-card h2 {margin-bottom:13px}
    .flex-r {flex-direction: column;}

    .div-3 {width:100%}
    .div-4 {width:50%}
    .main-cards .flex-r {flex-direction: column}
    .main-cards .flex-r.mb-only-flex {flex-direction: row}
    .main-cards .flex-r .div-2 {width: 100%}
    .bg-grey.bd-l-2 {border-left: 0}


    .modal.card.council-card h1 span {margin-left:0}
    .modal.card.council-card:nth-of-type(1) {left:20%; top: 19%}
    .modal.card.council-card:nth-of-type(2) {left:39%; top: 16%}
    .modal.card.council-card:nth-of-type(3) {right:15%; top: 20%}

    .modal.card.council-card:nth-of-type(4) {left:40px; top:34%}
    .modal.card.council-card:nth-of-type(5) {left:28%; top: 35%}
    .modal.card.council-card:nth-of-type(6) {left:41%; top: 30%}
    .modal.card.council-card:nth-of-type(7) {right:29%; top: 35%}
    .modal.card.council-card:nth-of-type(8) {right:10%; top: 35%}
    .modal.card.council-card:nth-of-type(9) {left:40px; bottom: 33%}
    .modal.card.council-card:nth-of-type(10) {left:40%; bottom: 33%}
    .modal.card.council-card:nth-of-type(11) {right:60px; bottom: 33%}

  }


  @media screen and (max-width: 678px) {
    .section-news .card.lg:not(:last-of-type) {height: 130px}
    .grid-r.grid-3{grid-template-columns: 1fr 1fr;}
    .grid-r.grid-3 .card:last-of-type { grid-column: 1 / 3;}



    .modal.card.council-card:nth-of-type(1) {left:20%; top: 19%}
    .modal.card.council-card:nth-of-type(2) {left:37%; top: 16%}
    .modal.card.council-card:nth-of-type(3) {right:15%; top: 20%}

    .modal.card.council-card:nth-of-type(4) {left:40px; top:34%}
    .modal.card.council-card:nth-of-type(5) {left:28%; top: 35%}
    .modal.card.council-card:nth-of-type(6) {left:39%; top: 30%}
    .modal.card.council-card:nth-of-type(7) {right:29%; top: 35%}
    .modal.card.council-card:nth-of-type(8) {right:10%; top: 35%}
    .modal.card.council-card:nth-of-type(9) {left:40px; bottom: 32%}
    .modal.card.council-card:nth-of-type(10) {left:39%; bottom: 32%}
    .modal.card.council-card:nth-of-type(11) {right:60px; bottom: 32%}
  }
  @media screen and (max-width: 540px){
    .main-cards .flex-r.mb-only-flex .card.sm {height:130px}
    .div-4 {width:100%}
    .modal.card.council-card h1 {font-size: 17px;}
    .modal.card.council-card h1 span, .modal.card.council-card h2, .modal.card.council-card a {font-size: 15px;}
    .modal.card.council-card:nth-of-type(1) {left:10%; top: 20%}

    .modal.card.council-card:nth-of-type(3) {right:10%; top: 21%}

    .modal.card.council-card:nth-of-type(4) {left:10px; top:34%}
    .modal.card.council-card:nth-of-type(5) {left:20%; top: 35%}
    .modal.card.council-card:nth-of-type(6) {left:35%; top: 30%}
    .modal.card.council-card:nth-of-type(7) {right:22%; top: 35%}
    .modal.card.council-card:nth-of-type(8) {right:20px; top: 35%}
    .modal.card.council-card:nth-of-type(9) {left:8%; bottom: 24%}
    .modal.card.council-card:nth-of-type(10) {left:35%; bottom: 24%}
    .modal.card.council-card:nth-of-type(11) {right:10%; bottom: 24%}
  }
  @media screen and (max-width: 480px){
    .main-cards .flex-r.mb-only-flex .card.sm {height:120px}
    .modal.card.council-card:nth-of-type(2) {left:32%; top: 17%}
    .modal.card.council-card:nth-of-type(5) {left:17%; top: 36%}
    .modal.card.council-card:nth-of-type(9) {left:20px; bottom: 60px}
    .modal.card.council-card:nth-of-type(10) {left:32%; bottom: 60px}
    .modal.card.council-card:nth-of-type(11) {right:20px; bottom: 60px}
  }
  @media screen and (max-width: 360px){
    .modal.card.council-card:nth-of-type(2) {left:30%; top: 18%}
    .modal.card.council-card:nth-of-type(6) {left:32%; top: 30%}
    .modal.card.council-card:nth-of-type(9) {left:20px; bottom: 60px}
    .modal.card.council-card:nth-of-type(10) {left:32%; bottom: 60px}
    .modal.card.council-card:nth-of-type(11) {right:20px; bottom: 60px}
  }
  @media screen and (min-width: 321px) and (max-width: 768px){
    .section-news .flex-r {display: grid; grid-template-columns: 1fr 1fr;}
    .section-news .card:not(:last-of-type) {height: 200px}
    .section-news .card:last-of-type {grid-column: 1/3;}
  }

  @media screen and (max-width: 320px){
    .modal.card.council-card h1 span, .modal.card.council-card h2, .modal.card.council-card a {font-size: 15px;}
    .modal.card.council-card:nth-of-type(1) {left:10px; top: 22%}
    .modal.card.council-card:nth-of-type(2) {left:25%; top: 17%}
    .modal.card.council-card:nth-of-type(3) {right:10px; top: 22%}

    .modal.card.council-card:nth-of-type(4) {left:10px; top:34%}
    .modal.card.council-card:nth-of-type(5) {left:20%; top: 35%}
    .modal.card.council-card:nth-of-type(6) {left:30%; top: 34%}
    .modal.card.council-card:nth-of-type(7) {right:20%; top: 36%}
    .modal.card.council-card:nth-of-type(8) {right:20px; top: 36%}
    .modal.card.council-card:nth-of-type(9) {left:10px; bottom: 30px}
    .modal.card.council-card:nth-of-type(10) {left:30%; bottom: 30px}
    .modal.card.council-card:nth-of-type(11) {right:10px; bottom: 30px}
  }

/*adilade slider*/
img, figure {
    max-width: 100%;
    height: auto;
}
.slides-control button {
    padding: 0;
    margin: 0;
    border-style: none;
    touch-action: manipulation;
    display: inline-block;
    border: none;
    background: none;
    cursor: pointer;
}

#slides {
    position: relative;
    padding-bottom: 3rem;
}
#slides, #slides-items .slide-item, figure {
    width: 1200px;
    max-width: 100%;
    height: 300px;
    max-height: calc(100vw / (2000 / 1400));
    margin: 0 auto;
}

#slides-items .slide-item {
    position: absolute;
}

#slides-items .slide-item figcaption a:hover, #slides-items .slide-item figcaption a:focus, #slides-items .slide-item figcaption a:active {
    text-decoration: none;
}
/* CSS Transition */
#slides-items .slideactive {
    opacity: 1;
    visibility: visible;
    /* animation: flip-in-hor-bottom; */
    /* animation-duration: 1s; */
    transition: all .65s ease;
}
#slides-items .slide-item:not(.slideactive) {
    opacity: 0.25;
    visibility: hidden;
}

/* Control Buttons */
.slides-control button {

}
.slides-control button svg, .slides-control button g {
    fill: #474747;
}
.slides-control button svg, .slides-control button:hover g {
    fill: #474747
}
.slides-control button:hover, .slides-control button:focus, .slides-control button:active {
    /* background-color: rgba(255, 255, 255, 0.9); */
}
.slides-control button:hover svg, .slides-control button:focus svg, .slides-control button:active svg {
    fill: #474747;
}
#slides .slides-control button {
    position: absolute;
    z-index: 1;
}
#slides .slides-prev, #slides .slides-next {

    padding: 0.6rem;
    bottom: 0
}
#slides .slides-prev svg, #slides .slides-next svg {
    width: 1rem;
    height: 1rem;
}
#slides .slides-prev {
    left: 0;
    border-radius: 0px 7px 7px 0px;
}
#slides .slides-next {
    right: 0;
    border-radius: 7px 0px 0px 7px;
}
#slides .slides-playpause {
    top: 0;
    right: 0;
    width: 2rem;
    height: 2rem;
    padding: 0.7rem;

}
#slides .slides-playpause svg {
    width: 0.7rem;
    height: 0.7rem;
}
#slides .slides-playpause .play, #slides .slides-playpause .playpause.paused .pause {
    display: none;
}
#slides .slides-playpause .playpause.paused .play {
    display: block;
}
/* Dots Buttons */
#slides .slides-dots {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 1200px;
    max-width: 100%;
    text-align: center;
}
.slides-dots svg {
    width: 1rem;
    height: 1rem;
    fill: rgba(0, 0, 0, 0.7);
    display: none
}
.slides-dots button:hover svg, .slides-dots button:focus svg, .slides-dots button:active svg, .slides-dots button[aria-selected="true"] svg {
    /* fill: #333; */
}

.card img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;}


.btns-slide{position: absolute;width:100%;right:0;bottom:0;overflow:hidden;height:33px;background: url("../images/main/bg_slide.png") repeat;z-index: 5;display: flex;justify-content: space-between}
.btns-slide .swiper-pagination{float: left;position: relative;top:inherit;left:inherit;right:inherit;bottom: inherit;width: auto;margin:0;padding: 0 13px 0 15px;color:#fff;font-size: 14px;letter-spacing: -1px;}
.btns-slide .swiper-pagination span{display: inline-block;line-height: 33px;}
.btns-slide .swiper-button-prev{float: left;position: relative;top:inherit;left:inherit;right:inherit;bottom: inherit;width: 35px;height: 100%;margin:0;background: url("https://council.jongno.go.kr/council/assets/images/main/btn_slide_prev.png") center center no-repeat;}
.btns-slide .swiper-button-next{float: left;position: relative;top:inherit;left:inherit;right:inherit;bottom: inherit;width: 35px;height: 100%;margin:0;background: url("https://council.jongno.go.kr/council/assets/images/main/btn_slide_next.png") center center no-repeat;}
.btns-slide .swiper-button-auto{float: left;width: 35px;height: 100%;margin:0;}
.btns-slide .swiper-button-auto .start-autoplay{display: none;width: 35px;height: 100%; background: url("../images/main/btn_slide_start.png") center center no-repeat}
.btns-slide .swiper-button-auto .stop-autoplay{display: none;width: 35px;height: 100%;background: url("../images/main/btn_slide_stop.png") center center no-repeat}
.btns-slide .swiper-button-auto .on{display: block;}
.btns-slide .swiper-pagination *:focus-visible{outline:dotted 2px #fff;outline-offset: -3px}

.swiper-slide {
	width: 100% !important;
}

/* 'this is the last slide' 문구 숨기기 */
.swiper-notification {display:block;width:1px;height:1px}


.scale-up-center {
	-webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.slide-in-left {
	-webkit-animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.slide-in-fwd-center {
	-webkit-animation: slide-in-fwd-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-fwd-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.flip-in-hor-bottom {
	-webkit-animation: flip-in-hor-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: flip-in-hor-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2025-7-19 18:33:52
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-up-center
 * ----------------------------------------
 */
 @-webkit-keyframes scale-up-center {
    0% {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @keyframes scale-up-center {
    0% {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }

/**
 * ----------------------------------------
 * animation slide-in-left
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

/**
 * ----------------------------------------
 * animation slide-in-fwd-center
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-fwd-center {
  0% {
    -webkit-transform: translateZ(-1400px);
            transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes slide-in-fwd-center {
  0% {
    -webkit-transform: translateZ(-1400px);
            transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}

/* ----------------------------------------------
 * Generated by Animista on 2025-8-1 17:21:26
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation flip-in-hor-bottom
 * ----------------------------------------
 */
@-webkit-keyframes flip-in-hor-bottom {
  0% {
    -webkit-transform: rotateX(80deg);
            transform: rotateX(80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    opacity: 1;
  }
}
@keyframes flip-in-hor-bottom {
  0% {
    -webkit-transform: rotateX(80deg);
            transform: rotateX(80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    opacity: 1;
  }
}