@charset "utf-8";
:root {
    --header-height: 0px;
    --feed-height: 100px
 }

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}


html, body {
  height: 100%;
  margin: 0;
}

.md-br, .sm-br, .xs-br, .xxs-br {display: none}
@media screen and (max-width: 1000px) {.md-br {display: block;}}
@media screen and (max-width: 768px) {.sm-br {display: block;}}
@media screen and (max-width: 540px) {.xs-br {display: block;}}
@media screen and (max-width: 380px) {.xxs-br {display: block;}}

.flex {display: flex;flex-wrap: wrap}
.flex-grid {display: flex;flex-wrap: wrap;gap: var(--gap);align-items: stretch}
.flex-grid > * {box-sizing: border-box;min-width: 0;}
.flex-grid.cols-5 > * {flex: 0 1 calc((100% - (var(--gap) * 4)) / 5);}
.flex-grid.cols-4 > * {flex: 0 1 calc((100% - (var(--gap) * 3)) / 4);}
.flex-grid.cols-3 > * {flex: 0 1 calc((100% - (var(--gap) * 2)) / 3);}
.flex-grid.cols-2 > * {flex: 0 1 calc((100% - var(--gap)) / 2);}
.flex-grid.cols-1 > * {flex: 0 1 100%;}
.flex-grid.cols-1-2 > * {flex: 1 1 0;}
.flex-grid.cols-1-2 > :first-child {flex-grow: 1;}
.flex-grid.cols-1-2 > :last-child {flex-grow: 2;}

.grow-0 {flex-grow: 0}
.grow-1 { flex-grow: 1; }
.grow-2 { flex-grow: 2; }
.gap-30 { --gap: 30px; }
.gap-25 { --gap: 25px; }
.gap-20 { --gap: 20px; }
.gap-15 { --gap: 15px; }
.gap-10 { --gap: 10px}
.gap-5 { --gap: 5px}

.lh-1250 {line-height: 1.25}
.lh-1500 {line-height: 1.5}

@media (max-width: 1200px) {
    .flex-grid.cols-5 > * {flex: 0 1 calc((100% - (var(--gap) * 2)) / 3);}
    .flex-grid.cols-4 > *, .flex-grid.cols-3 > *, .flex-grid.cols-2 > *, .flex-grid.cols-1-2 > * {
        flex: 0 1 calc((100% - var(--gap)) / 2);
    }
    .flex-grid.cols-1-2 > :last-child {flex-grow: 1}
    .flex-grid > div {flex: 0 1 100%;}
}
@media (max-width: 640px) {
    .flex-grid.cols-5 > * {flex: 0 1 calc((100% - var(--gap)) / 2);}
    .flex-grid.cols-4 > *, .flex-grid.cols-3 > *, .flex-grid.cols-2 > *, .flex-grid.cols-1-2 > * {
        flex: 0 1 100%;
    }
}
@media (max-width: 480px) {
    .flex-grid.cols-5 > * { flex: 0 1 100%;}
}


.wrap, .inner {max-width: 1540px; width:100%; margin: 0 auto; padding: 0 20px }

.panel .inner {padding: 20px;}


@media (max-width:1000px) {
    .wrap, .inner {max-width:100%;}
    .inner.flex {flex-direction: column;}
}

.top_slide_area .slide_area .slick-slider:not(.slick-initialized) > *:not(:first-child),
.mayor-slider:not(.slick-initialized) > *:not(:first-child),
.notice-slider:not(.slick-initialized) > *:not(:first-child),
.service-slider:not(.slick-initialized) > *:not(:first-child),
.letter-slider:not(.slick-initialized) > *:not(:first-child) {
    display: none;
}


.panel-tit-box {display: flex;align-items: center;}

.panel-tit {font-family: 'GmarketSans'!important;line-height: 1.35;}
.panel-tit span {font-family: inherit!important;}
.panel-tit.lg {font-size: 40px!important;}
.panel-tit.md {font-size: 30px!important;}
.panel-tit.sm {font-size: 28px!important}

@media (max-width: 1024px) {
.panel-tit.lg {font-size: 32px!important;}
.panel-tit.md {font-size: 30px!important;}
.panel-tit.sm {font-size: 24px!important}
}

.up a {background-color: unset;}
.up a:before {background: url(../images/main2026/top_btn09.png); width: 40px; height: 40px; background-size: 40px;top:0!important;}


#header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 299;
  background: #333;
  color: #fff;
  transform: opacity .3s ease;

}

main#container {
  margin-top: var(--header-height);

}

@media screen and (min-width:1921px) {
  .panel .inner {padding: 20px;display:flex;flex-direction: column;justify-content: center;height:100%}
  #section1 .slick-slider {width: 100vw;}
  #section1 .slick-slider .slick-slide a img {width: 100vw; height: calc(var(--real-vh) - var(--header-height));min-height: calc(var(--real-vh) - var(--header-height));
        min-height: calc(var(--real-vh) - var(--header-height));}
  #section1, #section1 .top_slide_wrap2026, #section1 .top_slide_area, #section1 .slide-area-wrap, #section1 .slide-area-l, #section1 .slide-area-l-con, #section1 .slide_area, #section1 .slide_area ul, #section1 .slick-list, #section1 .slick-track, #section1 .slick-slide, #section1 .slick-slide > div, #section1 .slick-slide a {width: 100vw;}
  .section4-wrap {margin-top:0!important}
}

@media screen and (min-width:1601px) {
    html,
    body {
        height: 100%;
        width: 100%;
        overflow: hidden!important;
    }
    #wrapper {
        height: 100%;
        overflow: hidden;
    }
    main#container {
        display: block;
        height:calc(var(--real-vh) - var(--header-height));
        margin-top: var(--header-height);
        overflow-y: auto;
        overflow-x: hidden;
        scroll-snap-type: y mandatory;
        scroll-behavior: smooth;
    }
    main#container.snap-off {
        scroll-snap-type: none !important;
        scroll-behavior: auto !important;
    }

    main#container.snap-off .normal-section,
    main#container.snap-off .footer-panel {
        scroll-snap-align: none !important;
    }


    .panel {
        height:calc(var(--real-vh) - var(--header-height));
        min-height:calc(var(--real-vh) - var(--header-height));
        overflow: hidden;
        scroll-snap-align: start;
        will-change: transform;
    }

    #section5.panel {
        height: auto !important;
        min-height: auto !important;
        overflow: visible !important;
        scroll-snap-align: start;
    }


  .normal-section {
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
    scroll-snap-align: start!important;
  }

  .footer-panel {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    scroll-snap-align: none;
  }


    /* section1 슬라이드 높이 강제 연결 */
    #section1,
    #section1 .top_slide_wrap2026,
    #section1 .top_slide_area,
    #section1 .slide-area-wrap,
    #section1 .slide-area-l,
    #section1 .slide-area-l-con,
    #section1 .slide_area,
    #section1 .slide_area ul,
    #section1 .slick-list,
    #section1 .slick-track,
    #section1 .slick-slide,
    #section1 .slick-slide > div,
    #section1 .slick-slide a {
        height: 100% !important;

        /*260701추가*/
        min-height: calc(var(--real-vh) - var(--header-height)) !important;
        width: 100vw;
        /*260701*/

    }

    #section1 .slick-slide img {
        width: 100%;
        height: 100%;

        /*260701추가*/
        min-height: calc(var(--real-vh) - var(--header-height)) !important;
        width: 100vw;
        /*260701*/

        object-fit: cover;
        display: block;
    }


    /*260701추가*/
    /* #section1 {
    position: relative;
}

#section1::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 50;
    background: #edf3f8;
    opacity: 1;
    visibility: visible;
    transition: opacity .35s ease, visibility .35s ease;
}

#section1::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 51;
    width: 42px;
    height: 42px;
    margin: -21px 0 0 -21px;
    border-radius: 50%;
    border: 4px solid rgba(0,0,0,.12);
    border-top-color: rgba(0,0,0,.38);
    animation: section1Loading .8s linear infinite;
}

#section1.visual-ready::before,
#section1.visual-ready::after {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

@keyframes section1Loading {
    to {
        transform: rotate(360deg);
    }
} */
    /*260701*/


    .panel .inner,
    .panel .section-inner,
    .panel .wrap {
        transition: opacity .2s ease, transform .2s ease;
    }
    main#container.is-resizing,
    main#container.is-mode-changing {
        scroll-behavior: auto !important;
        scroll-snap-type: none !important;
    }
    main#container.is-resizing .panel:not(#section2) .inner,
    main#container.is-resizing .panel:not(#section2) .section-inner,
    main#container.is-resizing .panel:not(#section2) .wrap {
        opacity: .35;
        transform: translateY(6px);
    }

    main#container.is-resizing .guro_mayor_slide,
    main#container.is-resizing .guro_mayor_slide *,
    main#container.is-resizing .mayor-slider,
    main#container.is-resizing .mayor-slider *,
    main#container.is-resizing .slick-slider,
    main#container.is-resizing .slick-list,
    main#container.is-resizing .slick-track {
        transform: none !important;
    }

    main#container.is-resizing .guro_mayor_slide {
        opacity: 1 !important;
    }

.mayor-slider,
.mayor-slider .slick-list,
.mayor-slider .slick-track,
.mayor-slider .slick-slide,
.mayor-slider .slick-slide > div,
.mayor-slider .item {
    height: auto !important;
}


/*260625추가1 시작*/
  #section1 .slick-slide,
  #section1 .slick-slide > div,
  #section1 .slick-slide a,
  #section1 .slick-slide picture {
    display: block;
    width: 100%;
    height: 100% !important;
  }

  #section1 .slick-slide img {
    display: block;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
  }
/*260625추가1 끝*/



}

@media screen and (max-width:1600px) {
    html,
    body {
        height: auto !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        margin-bottom: -100px;
    }

    #wrapper {
        height: auto !important;
        overflow: visible !important;
    }

    main#container {
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
        scroll-snap-type: none !important;
        scroll-behavior: auto !important;
    }

    .panel {
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
        scroll-snap-align: none !important;
    }

    .panel.footer-panel,
    .panel.communicate-panel {
        height: auto !important;
        min-height: 0 !important;
    }

    /*260625추가2 시작*/
  #section1 .slick-slide a,
  #section1 .slick-slide picture,
  #section1 .slick-slide img {
    display: block;
    width: 100%;
    height: auto !important;
  }

  #section1 .slick-slide img {
    object-fit: contain;
  }
  /*260625추가2 끝*/

}


a, p {font-family: 'S-CoreDream'!important;}

.footer-panel, .panel.communicate-panel {
  display: flex;
  align-items: flex-end;
  height: auto;
  position: relative;

  z-index: 300;
}


.footer-panel.site-open {
  position: relative;
  z-index: 300;
}
#footer {
  position: relative;
  z-index: 300;
}

#footer .site {
  position: relative;
  z-index: 301;
}

#footer .site_item {
  position: relative;
  word-break:keep-all
}



#footer .site-item .site_panel {
  position: absolute;
  z-index: 302;
  opacity: 0;
  transition: opacity .3s ease;
}
.site .site_link {max-height:298px!important}
#footer .site-item.active .site_panel {opacity:1;min-height: 300px!important;max-height: 300px!important;  }
#footer .site_item .site_link {opacity:0;transition: opacity .3s ease;}
#footer .site_item.active .site_link {opacity:1;min-height: 298px!important;max-height: 298px!important;}

footer {
  scroll-snap-align: none;
  height: auto;

}

/* body.footer-site-open #header {
    visibility: hidden !important;
    pointer-events: none !important;
    opacity:0;
}

body.footer-site-open main#container {
    margin-top: 0 !important;
    height: var(--real-vh) !important;
} */

main > section {background-repeat: no-repeat; background-size: cover;}

main > section#section2 {background:#dfedf6 url(../images/main2026/section2_bg.png) no-repeat top center / 100% auto;}
main > section#section3 {background:#52b6a8 url(../images/main2026/section3_bg.png) no-repeat top center / 100% auto;}
main > section#section4 {background:#144b8c url(../images/main2026/section4_bg.png) no-repeat top center / 100% auto;}

/*영역1*/
.top_slide_wrap2026 {
  position:relative;
  padding:0;
  background-image:none;
  overflow: hidden;
  width:100%;
  margin:0 auto;
}

.top_slide_wrap2026 .top_slide_area {
  width:100%;
  margin:0 auto;
  display:block;
  height:100%;
}

.top_slide_wrap2026 .top_slide_area .slick-slide a {width:100%; margin: 0 auto; text-align: center;display:block;}



@media (min-width:1601px) {
  .top_slide_wrap2026 .top_slide_area .slick-slide a {object-fit: cover;overflow: hidden!important;width:100%;height:100%;

    max-height:calc(var(--real-vh) - var(--header-height));

  }
  .top_slide_wrap2026 .top_slide_area .slick-slide a img {object-fit: cover;display: block;}
}

@media (max-width: 1600px) {
    .panel:first-of-type {height: auto}
	.scroll_down {display: none;}
}

@media (min-width:1921px) {
  .panel:first-of-type {display: flex;align-items: center;justify-content: center; overflow: hidden;}
  .top_slide_wrap2026 .top_slide_area .slide-area-wrap {max-width:2000px;}
}

.top_slide_wrap2026 .top_slide_area .slide-area-wrap {
  margin:0 auto;
  display:flex;
  align-items: center;
  justify-content: center;
}

.top_slide_wrap2026 .top_slide_area .slide-area-l {
  position:relative;
  width:100%;
  height:100%;
  display:flex;
  align-items: center;
  justify-content: center;
}

.top_slide_wrap2026 .top_slide_area .slide-area-l .slide-area-l-con {
  max-width:100%;
  margin:0 auto;
}

.top_slide_wrap2026 .top_slide_area .slide-area-l .slide-area-l-con .area-ltop {
  position:absolute !important;
  display:flex;
  justify-content: center;
  align-items: center;
  z-index:2;
  background-color:rgba(0,0,0,.75);
  bottom:20px !important;
  height:40px;
  border-radius:20px;
  left:50% !important;
      top: auto !important;
    transform: translateX(-50%) !important;
  padding:0 22px;



}

.top_slide_wrap2026 .top_slide_area .slide-area-l .slide-area-l-con .area-ltop .slide-btns {
  display:flex;
  align-items: center;
}

.top_slide_wrap2026 .top_slide_area .slide-area-l .slide-area-l-con .area-ltop .slide-btns .btn_box {
  display:flex;
  align-items: center;
}

.top_slide_wrap2026 .top_slide_area .slide-area-l .slide-area-l-con .area-ltop .slide-btns .btn_box button {
  font-size:0;
  text-indent:-9999999em;
  width:24px;
  height:24px;
  border-radius:6px;
  background-repeat:no-repeat;
  background-position:center;
}

.top_slide_wrap2026 .top_slide_area .slide-area-l .slide-area-l-con .area-ltop .slide-btns .btn_box button.play {
  background-image:url(https://guro.go.kr/site/www/images/main2024/slider_pause.png);
  filter: invert(1) brightness(5);
}

.top_slide_wrap2026 .top_slide_area .slide-area-l .slide-area-l-con .area-ltop .slide-btns .btn_box button.pause {
  background-image:url(https://guro.go.kr/site/www/images/main2024/slider_play.png);
  filter: invert(1) brightness(5);
}

.top_slide_wrap2026 .top_slide_area .slide-area-l .slide-area-l-con .area-ltop .slide-btns .btn_box button.slide_prev {
  background-image:url(https://guro.go.kr/site/www/images/main2024/slider_prev.png);
  filter: invert(1) brightness(5);
}

.top_slide_wrap2026 .top_slide_area .slide-area-l .slide-area-l-con .area-ltop .slide-btns .btn_box button.slide_next {
  background-image:url(https://guro.go.kr/site/www/images/main2024/slider_next.png);
  filter: invert(1) brightness(5);
}

.top_slide_wrap2026 .top_slide_area .slide-area-l .slide-area-l-con .area-ltop .slide-btns a.more-pop {
  display:block;
  width:24px;
  height:24px;
  background-position:center;
  background-repeat:no-repeat;
  font-size:0;
  text-indent:-99999999em;
  border-radius:6px;
  background-image:url(https://guro.go.kr/site/www/images/main2025/banner_all.png);
  filter: invert(1) brightness(5);
}

.top_slide_wrap2026 .top_slide_area .slide-area-l .slide-area-l-con .area-ltop .counter-info {
  display:flex;
  align-items: center;
  margin-right:10px;
  font-size:15px;
  font-weight:600;
}

.top_slide_wrap2026 .top_slide_area .slide-area-l .slide-area-l-con .area-ltop .counter-info span.bar {
  margin: 0 6px 0 7px;
  color:#fff;
  letter-spacing: 4px;
  transform: translatey(-4px);
}

.top_slide_wrap2026 .top_slide_area .slide-area-l .slide-area-l-con .area-ltop .counter-info span {white-space: nowrap;}

.top_slide_wrap2026 .top_slide_area .slide-area-l .slide-area-l-con .area-ltop .counter-info span.current_slide {
  font-weight:200;
  color: #fff
}

.top_slide_wrap2026 .top_slide_area .slide-area-l .slide-area-l-con .area-ltop .counter-info span.total_slides {
  color:yellow;
}


.top_slide_wrap2026 .top_slide_area .slide-area-l .slide-area-l-con .slide_area  {
  position:relative;
  width:100%;
  height:auto;
  float:none;
  z-index:1;
  overflow: hidden;
}

.top_slide_wrap2026 .top_slide_area .slide-area-l .slide-area-l-con .slide_area ul {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
}

.top_slide_wrap2026 .top_slide_area .slide-area-l .slide-area-l-con .slide_area ul.slick-initialized {
  visibility: visible;
  opacity: 1;
}


#section1 .area-ltop {
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
}

#section1 .area-ltop.visual-ready {
    opacity: 1;
    visibility: visible;
}


/*영역 2*/
#section2 .mayor {position: relative;}
#section2 .mayor .mayor-info {position: absolute;right:0;bottom:0;width:75%;height:100%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
#section2 .mayor .mayor-link {position:absolute;bottom:0;right:0;width:100%;display: flex;align-items: center;justify-content: center;background-color: #404899;padding:20px;border-radius: 30px 30px 0 0;}
#section2 .mayor .mayor-link li {position: relative;padding:0 20px;border-right: dotted 1px #fff;}
#section2 .mayor .mayor-link li:last-of-type {border:0}
#section2 .mayor .mayor-link a {color:#fff;position: relative;display: flex;align-items: center;justify-content: center;font-size:20px;white-space: nowrap;}

@media (max-width: 960px) {
  #section2 .mayor .mayor-info {width: 100%}
  #section2 .mayor .mayor-link a {font-size:12px}
  #section2 .mayor .panel-tit, #section2 .mayor .panel-tit > * { font-size: 24px!important}
}
@media (max-width: 480px) {
#section2 .mayor .panel-tit {position:absolute;right:36px}
#section2 .mayor .mayor-link {padding:10px}
#section2 .mayor .panel-tit, #section2 .mayor .panel-tit > * { font-size: 17px!important}
#section2 .mayor .mayor-info {width: 100%}
}

/*영역 5*/
#section5  {
  padding-top: 20px
}

#section5 .icon_view {
  display: flex;
  margin-bottom: 5px;
  margin-left:60px
}
@media (max-width: 768px) {#section5 .icon_view {margin-left:0}#section5 .panel-tit-box {flex-direction: column;}}
@media (max-width: 480px) {#section5 .icon_view {margin-left:0}.panel-tit-box {flex-direction: column; align-items: start;}}

#section5 .icon_view a {
  position:relative;
  display:block;
  width:36px;
  height:36px;
  border-radius:50%;
  margin-right: 5px;
}

#section5 .icon_view a:last-of-type {
  margin-right:0;
}

#section5 .icon_view a span {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-indent: -9999999em;
  background-position: center;
  background-repeat: no-repeat;
}

/* #section5 .icon_view a.fb {
  background-color:#475993
} */
#section5 .icon_view a.fb span {
  background-image: url(../images/main2026/sns_fb.png);
}

/* #section5 .icon_view a.insta {
  background-image: url(https://guro.go.kr/site/www/images/main2024/sns_insta_bg.png);
} */
#section5 .icon_view a.insta span {
  background-image: url(../images/main2026/sns_insta.png);
}

/* #section5 .icon_view a.blog {
  background-color:#32b44a
} */
#section5 .icon_view a.blog span {
  background-image: url(../images/main2026/sns_blog.png);
}

/* #section5 .icon_view a.ytb {
  background-color:#e7161b
} */
#section5 .icon_view a.ytb span {
  background-image: url(../images/main2026/sns_ytb.png);
}

/* #section5 .icon_view a.kakao {
  background-color:#fae100
} */
#section5 .icon_view a.kakao span {
  background-image: url(../images/main2026/sns_kakao.png);
}

/*260625수정1* 시작*/
.masonry {display: flex;align-items: start;justify-content: space-between;--gap: 55px;margin-top:20px}
.masonry .column, .masonry .item  {display: flex;flex-direction: column;align-items: center;justify-content: center;}
.masonry .column, .masonry .item, .masonry .item .caption {min-width: 0;}
.masonry .item {width: 100%;flex-direction: column;justify-content: start;}
.masonry .item a {border-radius:32px;box-shadow: 8px 8px 8px rgba(0,0,0,.05);width: 100%;height: 100%;object-fit: cover;display: flex;flex-direction:column;object-fit: cover;overflow: hidden!important;align-items: center;justify-content: center;background:#000}

/*260715수정*/
@media (min-width: 769px) {
.masonry .column:nth-of-type(odd) .item:nth-of-type(1) a {max-height: 180px;min-height: 180px;}
.masonry .column:nth-of-type(odd) .item:nth-of-type(2) a {max-height: 280px;min-height: 280px;}
.masonry .column:nth-of-type(even) .item:nth-of-type(1) a {max-height: 280px;min-height: 280px;}
.masonry .column:nth-of-type(even) .item:nth-of-type(2) a {max-height: 180px;min-height: 180px;}
}
/*260715*/

/* .masonry .item.short a {max-height:200px}
.masonry .item.long a {max-height:300px} */
.masonry .item .caption {
font-family:'S-CoreDream';font-weight: 500;position: relative;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; max-height: inherit;margin:10px 0;width:100%;text-align:left
}
.masonry .item .caption .icon {margin-right: 5px;}
@media (max-width: 1680px) {.masonry {gap: 35px;}}
@media (max-width: 1280px) {.masonry {gap: 15px;}}
@media (max-width: 768px) {.masonry {gap: 0}}
/*260625수정1 끝*/

.drop-down-wrap{}
.drop-down-ul {position: fixed;right: 35px;top:50%;transform:translatey(-50%);z-index: 397;width:155px;border-radius:25px;background:rgba(255,255,255,.8);padding:25px 15px;box-shadow: 1px 1px 18px 0 rgba(122, 144, 156, 0.27); }

.drop-down-ul > ul > li,
.drop-down-ul > ul > li::before,
.drop-down-ul > ul > li a {
    transition: none !important;
    animation: none !important;
}

.drop-down-ul > ul > li{margin-top:5px;position:relative;padding: 5px 20px;border-radius:20px;background:transparent;}
.drop-down-ul > ul > li::before{content:"";display:block;width:5px;height:5px;background:#636363;position:absolute;left: 8px;top:50%;transform:translatey(-50%);border-radius:50%;}
.drop-down-ul > ul > li:first-child{margin-top:0;}
.drop-down-ul > ul > li a{color: #656565;font-size: 15px;font-weight: 500;font-family: 'GMarketSans';/* height:39px; *//* line-height:39px; */margin-bottom: 5px;line-height: 15px;}
.drop-down-ul > ul > li.active{background:#404899;}
.drop-down-ul > ul > li.active a{color:#fff;font-weight:700;}
.drop-down-ul > ul > li.active::before{width:6px;height:6px;background:#fff;}

#section2{position:relative;}
.guro_mayor_wrap{display:flex;justify-content: space-between;flex-wrap:wrap;align-items: flex-start;}
.guro_mayor{margin-top:120px;position:relative;width:calc(100% - 38px - 520px);}
.guro_mayor .mayor_txt{position:absolute;right:6%;top:30%;font-size: 40px;font-weight: 500;line-height: 1.6;letter-spacing: -1px;font-family:'GMarketSans', 'S-CoreDream', 'NanumS';}
.guro_mayor .mayor_txt em{color:#384090;font-weight:700;}
.mayor_link{position:absolute;right:-18px;bottom:0;/*260706수정*/height:86px;/*260706*/background:#404899;padding:20px 0;border-radius:40px 40px 0 0;display:flex;justify-content: center;align-items: center;}
.mayor_link ul{display:flex;}
.mayor_link ul li{display:flex;padding:0 30px;position:relative;}
.mayor_link ul li::after{content:"";display:block;width:1px;height:65px;position:absolute;left:0;top:50%;transform:translatey(-50%);background:url(../images/main2026/mayor_link_dot.png) no-repeat left center;}
.mayor_link ul li:first-child::after{display:none;}
.mayor_link ul li a{font-size: 20px;font-weight: 400;color:#fff;padding-left:33px;position:relative;}
.mayor_link ul li a::before{content:"";display:block;width:22px;height:22px;position:absolute;left:0;top:2px;background:url(../images/main2026/section2_icon1.png) no-repeat left center;transition:.3s;}
.mayor_link ul li:nth-child(2) a::before{background-image:url(../images/main2026/section2_icon2.png);}
.mayor_link ul li:nth-child(3) a::before{background-image:url(../images/main2026/section2_icon3.png);}
.mayor_link ul li a:hover::before{animation:moveRight .5s forwards;}
@keyframes moveRight{0%{left:0;} 50%{left:5px;} 100%{left:0;}}

.guro_mayor_slide{margin-top:12px;max-width:520px;}
.mayor_slider_wrap{position:relative;z-index:0;}
.mayor_slider_wrap::before{content:"";display:block;background:transparent;position:absolute;inset:2px;border-radius:80px 30px 30px 30px;overflow:hidden;box-shadow: 1px 3px 30px 0 rgba(108, 183, 225, 0.27);z-index:-1;}
.mayor_slider_box{position:relative;}
.mayor_slider_box .slick-slider{border-radius:30px;overflow:hidden;}
.mayor-slider{overflow: hidden;}
.mayor-slider .slick-list{margin-left: 0;}
.mayor-slider .item{margin-left:0;}
.mayor-slider .item > a{display:block;max-height:none;background: #fff;height:100%;border-radius:30px;overflow:hidden;}
.mayor-slider .item > a .timg{position:relative;padding-top:67%;overflow:hidden;border-radius:30px 30px 0 0;display:flex;}
.mayor-slider .item > a .timg span{position:absolute;inset:0;overflow:hidden;}
.mayor-slider .item > a .timg img{width:100%;}
.mayor-slider .item > a .txt{padding:25px 25px 25px 30px;line-height:1.3;}
.mayor-slider .item > a .txt .tit{color:#000;font-size:24px;font-weight:500;letter-spacing:-1.5px;display: block;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;overflow: hidden;}
.mayor-slider .item > a .txt .date{color:#5a5a5a;font-size:18px;font-weight:300;padding-left:30px;position:relative;margin-top:20px;padding-bottom: 10px;}
.mayor-slider .item > a .txt .date::before{content:"";display:block;width:15px;height:16px;position:absolute;left:0;top:3px;background:url(../images/main2026/section2_mayor_date.png) no-repeat left center;}
.mayor_slider_box .mayor_slider_btn { position:absolute; display:flex; justify-content: center; align-items: center; z-index:2; background-color:rgba(255,255,255,1);height:40px;border-radius:20px;bottom:-20px;left:50%;transform:translateX(-50%);padding:0 22px;box-shadow:1px 1px 10px rgba(0,0,0,.1);}
.mayor_slider_box .mayor_slider_btn .slide_btns {display:flex;align-items: center;}
.mayor_slider_box .mayor_slider_btn .slide_btns .btn_box {display:flex;align-items: center;}
.mayor_slider_box .mayor_slider_btn .slide_btns .btn_box button {font-size:0;text-indent:-9999999em; width:24px; height:24px;border-radius:6px;background-repeat:no-repeat;background-position:center;}
.mayor_slider_box .mayor_slider_btn .slide_btns .btn_box button.play {background-image:url(https://guro.go.kr/site/www/images/main2024/slider_pause.png);filter: invert(0) brightness(1);}
.mayor_slider_box .mayor_slider_btn .slide_btns .btn_box button.pause {background-image:url(https://guro.go.kr/site/www/images/main2024/slider_play.png);filter: invert(0) brightness(1);}
.mayor_slider_box .mayor_slider_btn .slide_btns .btn_box button.slide_prev { background-image:url(https://guro.go.kr/site/www/images/main2024/slider_prev.png); filter: invert(0) brightness(1);}
.mayor_slider_box .mayor_slider_btn .slide_btns .btn_box button.slide_next {background-image:url(https://guro.go.kr/site/www/images/main2024/slider_next.png); filter: invert(0) brightness(1);}
.mayor_slider_box .mayor_slider_btn .slide_btns a.more-pop {display:block; width:24px;height:24px; background-position:center; background-repeat:no-repeat;font-size:0;text-indent:-99999999em;border-radius:6px;background-image:url(https://guro.go.kr/site/www/images/main2025/banner_all.png);filter: invert(0) brightness(1);}
.mayor_slider_box .mayor_slider_btn .mayor_info { display:flex; align-items: center;margin-right:10px; font-size:18px;font-weight:600;}
.mayor_slider_box .mayor_slider_btn .mayor_info span.bar {margin: 0 6px 0 7px; color:#8a8a8a; letter-spacing: 4px; transform: translatey(-4px);}
.mayor_slider_box .mayor_slider_btn .mayor_info span {white-space: nowrap;}
.mayor_slider_box .mayor_slider_btn .mayor_info span.current_slide {font-weight:200; color: #333}
.mayor_slider_box .mayor_slider_btn .mayor_info span.total_slides {color:#404899;}
.mayor_slider_more{display:none;position:absolute;border-radius:20px;line-height:32px;padding:0 17px 0 20px;border:1px solid #404899;background:#fff; }
.mayor_slider_more span{padding-right:27px;position:relative; font-size:16px;font-weight:400;color:#404899;}
.mayor_slider_more span::after{content:"";display:block;width:16px;height:16px;background:url(../images/main2026/section3_icon3_blue.png) no-repeat center center / 100% 100%;position:absolute;right:0;top:50%;transform:translatey(-50%);}


.scroll_down{position:absolute;z-index:100;left:50%;transform:translatex(-50%);bottom:20px;width:100px;height:100px;border-radius:100px;}

.scroll_txt {
    display: flex;
    justify-content: center;
    position: absolute;
    z-index: 1;
    width: 70px;
    height:70px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 100px;
    bottom: 10px;
    color: #f2f2f2;
    font-size: 15px;
    cursor: pointer;
}
.scroll_txt.bg {background-color: rgba(255, 255, 255, .75);}


.scroll_txt span {
    display: block;
    text-align: center;
    position: absolute;
    bottom: 10px;
    font-family: "Arial" !important;
    font-size: 14px;
    font-weight: 600;
  }

.scroll_txt span:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translate(-50%);
    width: 20px;
    height: 45px;
    /* border-radius: 100%; */
    background: transparent url(../images/main2026/scroll_down_ico.png) no-repeat center center;
}


.scroll_txt span:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;

    width: 3px;
    height: 3px;
    margin-left:-2px;
    margin-bottom: 40px;
    border-radius: 50%;
    background-color: #fff;
    animation: moving 1.2s ease-in-out infinite forwards;
}

.scroll_txt.black {
    color: #000;
}

.scroll_txt.black span:before {
    filter:invert(1)
}

.scroll_txt.black span:after {
    background-color: #000;
}


@keyframes moving {
    0% {
        transform: translateZ(0);
        opacity: 0
    }

    20% {
        transform: translateZ(0);
        opacity: 1
    }

    70% {
        transform: translate3d(0,11px,0);
        opacity: 1
    }

    to {
        transform: translate3d(0,11px,0);
        opacity: 0
    }
}



#section3{position:relative;}
.bulletin-wrap{/*margin-top:35px;*/display:flex;justify-content: space-between;flex-wrap:wrap}
.bulletin-slide-wrap{width:54%;}
.bulletin-top{border:2px solid #22917a;border-radius:15px;padding:14px 12px 14px 17px;display:flex;align-items: center;}
.bulletin-top .tit{margin-right:20px;flex: 0 0 auto;}
.bulletin-wrap .panel-tit{font-weight:700;letter-spacing:-1px;text-shadow: 2px 2px 10px rgba(0,0,0,.3);}
.bulletin-top .panel-tit{font-size:31px;color:#fff;position:relative;padding-left:42px;}
.bulletin-top .panel-tit::before{content:"";display:block;width:38px;height:35px;background:url(../images/main2026/bell_icon.png) no-repeat left center;position:absolute;left:0;top:-8px;}
.bulletin-top .panel-tit span{color:#fff496;}

.bulletin-top .keyword-box{}
.bulletin-top .keyword-box .ctl-btn{display:none;}
@media (min-width: 769px) {
	.bulletin-top .keyword-con{overflow:hidden;max-height:85px;overflow-y:auto;padding-right:6px;}
	.bulletin-top .keyword-con::-webkit-scrollbar{width: 7px;height: 7px;}
	.bulletin-top .keyword-con::-webkit-scrollbar-thumb {background: #2a5cb9;border-radius:20px;}
	.bulletin-top .keyword-con::-webkit-scrollbar-track{background:#e1e5e5;box-shadow: 0 0 0 0 #e1e5e5;border-radius:20px;}
	.bulletin-top .keyword-list{display:flex;flex-wrap:wrap;margin:0;padding-top:5px}
	.bulletin-top .keyword-list .item{height:35px;border-radius:20px;background:#167569;text-align:center;	min-width: 113px;padding:5px 15px;margin:0 5px 5px 0;display:flex;align-items: center;justify-content: center;}
	.bulletin-top .keyword-list .item span{font-size:17px;font-weight:400;color:#fff;line-height:1.2;letter-spacing:-1.5px;}
}
.bulletin-con{display:flex;justify-content: space-between;}
.bulletin-wrap .panel-tit{font-size:28px;color:#fff;margin:20px 0 12px 0;}

.notice-slider-wrap{width:53%;}
.notice-slider-box{position:relative;height:420px;}
.notice-slider-box .slick-slider{border-radius:30px;overflow:hidden;}
.notice-slider{overflow: hidden;}
.notice-slider .slick-list{margin-left: 0;}
.notice-slider .item{margin-left:0;}
.notice-slider .item > a{display:block;max-height:none;background: #fff;height:100%;border-radius:30px;overflow:hidden;}
.notice-slider .item > a .timg img{width:100%;height:420px;}

/*260715수정*/
.notice-slider-box .notice-slider-btn {position:absolute;display:flex;justify-content: center;align-items: center;z-index:2;background-color:rgba(255,255,255,1);height:40px;border-radius:20px;bottom: -20px;left: 50%;padding:0 22px;transform: translateX(-50%);box-shadow:1px 1px 10px rgba(0,0,0,.1)}
/*260715*/

.notice-slider-box .notice-slider-btn .slide-btns {display:flex;align-items: center;}
.notice-slider-box .notice-slider-btn .slide-btns .btn-box {display:flex;align-items: center;}
.notice-slider-box .notice-slider-btn .slide-btns .btn-box button {font-size:0;text-indent:-9999999em; width:24px; height:24px;border-radius:6px;background-repeat:no-repeat;background-position:center;}
.notice-slider-box .notice-slider-btn .slide-btns .btn-box button.play {background-image:url(https://guro.go.kr/site/www/images/main2024/slider_pause.png);filter: invert(0) brightness(1);}
.notice-slider-box .notice-slider-btn .slide-btns .btn-box button.pause {background-image:url(https://guro.go.kr/site/www/images/main2024/slider_play.png);filter: invert(0) brightness(1);}
.notice-slider-box .notice-slider-btn .slide-btns .btn-box button.slide_prev { background-image:url(https://guro.go.kr/site/www/images/main2024/slider_prev.png); filter: invert(0) brightness(1);}
.notice-slider-box .notice-slider-btn .slide-btns .btn-box button.slide_next {background-image:url(https://guro.go.kr/site/www/images/main2024/slider_next.png); filter: invert(0) brightness(1);}
.notice-slider-box .notice-slider-btn .slide-btns a.more-pop {display:block; width:24px;height:24px; background-position:center; background-repeat:no-repeat;font-size:0;text-indent:-99999999em;border-radius:6px;background-image:url(https://guro.go.kr/site/www/images/main2025/banner_all.png);filter: invert(0) brightness(1);}
.notice-slider-box .notice-slider-btn .notice-info { display:flex; align-items: center;margin-right:10px; font-size:18px;font-weight:600;}
.notice-slider-box .notice-slider-btn .notice-info span.bar {margin: 0 6px 0 7px; color:#8a8a8a; letter-spacing: 4px; transform: translatey(-4px);}
.notice-slider-box .notice-slider-btn .notice-info span {white-space: nowrap;}
.notice-slider-box .notice-slider-btn .notice-info span.current_slide {font-weight:200; color: #333}
.notice-slider-box .notice-slider-btn .notice-info span.total_slides {color:#1c9787;}

.service-slide-wrap{width:calc(47% - 40px);}
.service-slider-box{position:relative;height:420px;background:#248175;border-radius:30px;display:flex;	justify-content: center;padding:1px 20px 0 20px;}
.service-slider-box .slick-slider{overflow:hidden;}
.service-slider{overflow: hidden;}
.service-slider .slick-list{margin-left: 0;}
.service-slider .item{margin-left:0;padding:15px 15px;}
.service-ut-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 16px;}
.service-ut-list > li{/*260702수정*//*max-width:122px;*//*260702*/padding:3px;}
.service-ut-list > li > a{width:100%;height:116px;background:#fff;text-align:center;display:block;border-radius:15px;padding:5px;position:relative;}
.service-ut-list > li > a::before{content:"";display:block;position:absolute;inset:0;border-radius:15px;z-index:0;box-shadow: 1px 02px 15px 0 rgba(0,0,0,.3);}
.service-ut-list > li > a .img-in{display:flex;justify-content: center;padding:0 10px;margin:20px 0 3px 0;text-align:center;height:46px;align-items: flex-start;position:relative;z-index:2;}
.service-ut-list > li > a .txt-in{position:relative;z-index:2;display:flex;justify-content: center;align-items: center;height:38px;overflow:hidden;}
/*260625수정*/.service-ut-list > li > a .txt-in span{font-weight:400; font-size:15px;color: #171717;display:block;line-height:1.2;letter-spacing: -1px;display:block;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: keep-all;overflow: hidden;}/*260625*/
.service-ut-list > li > a:hover{box-shadow: 0 0 0 3px rgba(0,210,181,1);color:#171717;}
.service-ut-list > li > a:hover::after{content:"";display:block;position:absolute;inset:0;background: rgba(0,210,181,.45);border-radius:15px;z-index:0;}
.service-slider-box .service-slider-btn { position:static;}
.service-slider-box .service-slider-btn .slide-btns .btn-box button {font-size:0;text-indent:-9999999em; width:45px; height:45px;border-radius:6px;background-repeat:no-repeat;background-position:center;position:absolute;top:50%;transform:translatey(-50%);box-shadow: 1px 02px 15px 0 rgba(0,0,0,.2);border-radius:50%;z-index:3;}
.service-slider-box .service-slider-btn .slide-btns .btn-box button.slide_prev { background:url(../images/main2026/slide_btn_lf.png) no-repeat left center;left:-22px;}
.service-slider-box .service-slider-btn .slide-btns .btn-box button.slide_next {background:url(../images/main2026/slide_btn_rt.png) no-repeat left center;right:-22px;}

.notice-tab-wrap{width:40%;position:relative;}
.notice-tab-wrap .panel-tit{position:absolute;left:0;top:18px;margin:0;}
.notice-tab-wrap .ntab-list{right:5px;top:0;max-width:calc(100% - 135px);display:flex;justify-content: flex-end;margin-left:auto;margin-top:15px;}
.notice-tab-wrap .ntab-list > ul{display:flex;}
.notice-tab-wrap .ntab-list > ul > li {position:relative;margin-right:-10px;}
.notice-tab-wrap .ntab-list > ul > li > a{width:185px;background:#4078ba;height:60px;text-align:center;padding:0 15px;border-radius:20px 20px 0 0;display:flex;justify-content: center;align-items: center;}
.notice-tab-wrap .ntab-list > ul > li > a span{font-weight:700; font-size:24px;color: #fff;line-height:1.2;font-family: 'GmarketSans';padding-top:5px;}
.notice-tab-wrap .ntab-list > ul > li.on{z-index:1;}
.notice-tab-wrap .ntab-list > ul > li.on > a{background:#fff;color:#000;}
.notice-tab-wrap .ntab-list > ul > li.on > a span{color:#000;}
.notice-tab-wrap .ntab-list .more{display:flex;justify-content: center;align-items: center;height:60px;width:70px;border-radius:20px 20px 0 0;background:#384095;box-shadow: 0 20px 0 0 rgba(56,64,149,1);}
.notice-tab-wrap .ntab-list .more img{padding-left:3px;}
.notice-tab-wrap .ntab-con-wrap{/*height:560px;*/background:#fff;border-radius:30px;position:relative;z-index:1;padding:16px;margin-top:-1px;}
.lecture-list {padding:0 10px;}
.lecture-list > li{padding-top:36px;margin-top:35px;border-top:1px dashed #a0a0a0;}
.lecture-list > li:first-child{margin-top:0;border-top:0;}
.lecture-list > li{display:flex;align-items: center;}
.lecture-list > li .lf-txt{font-weight:600; font-size:18px;color: #fff;padding:5px;line-height:1.2;width:94px;height:94px;border-radius:50%;background:#797979;text-align:center;display:flex;justify-content: center;align-items: center;margin-right:20px;flex:0 0 auto;}
.lecture-list > li .lf-txt.cor1{background:#ff7225;}
.lecture-list > li .lf-txt.cor2{background:#66c3aa;}
.lecture-list > li .lf-txt.cor3{background:#797979;}
.lecture-list > li .rt-txt .tit{font-weight:500; font-size:23px;color: #101010;letter-spacing:-1px;line-height:1.3;display:block;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;overflow: hidden;}
.lecture-list > li .rt-txt .tit:hover{text-decoration: underline; text-underline-offset: 4px;}
.lecture-list > li .rt-txt .map{padding-left:28px;font-weight:300; font-size:18px;color: #101010;letter-spacing:-1px;position:relative;margin-top:13px;}
.lecture-list > li .rt-txt .map::before{content:"";display:block;width:16px;height:20px;background:url(../images/main2026/section3_icon1.png) no-repeat left center;position:absolute;left:0;top:3px;}
.lecture-list > li .rt-txt .date{padding-left:28px;font-weight:300; font-size:18px;color: #101010;letter-spacing:-1px;position:relative;margin-top:10px;}
.lecture-list > li .rt-txt .date::before{content:"";display:block;width:18px;height:20px;background:url(../images/main2026/section3_icon2.png) no-repeat left center;position:absolute;left:0;top:3px;}

#section4{position:relative;}
/* #section4 .scroll_down img{filter: brightness(0) invert(1);} */
.section4-wrap{display:flex;justify-content: space-between;flex-wrap:wrap;margin-top:75px;}
.news-wrap{width:58%;position:relative;}
.news-wrap .panel-tit{font-weight: 700;letter-spacing: -1px;text-shadow: 2px 2px 10px rgba(0, 0, 0, .3);color:#fff;font-size:33px;padding-left:73px;position:relative;}
.news-wrap .panel-tit::before{content:"";display:block;width:71px;height:53px;background:url(../images/main2026/section4_htitle_icon1.png) no-repeat left center;position:absolute;left:-5px;top:-5px;}
.news-con{margin-top:30px;}
.news-con .ntab-list{position:absolute;left:270px;right:0;top:12px;padding-right:60px;}
.news-con .ntab-list > ul{display:flex;}
.news-con .ntab-list > ul > li {margin-right:40px;}
.news-con .ntab-list > ul > li:last-child {margin-right:0;}
.news-con .ntab-list > ul > li > a{background:transparent;text-align:center;padding:0 10px;display:flex;justify-content: center;align-items: center;position:relative;}
.news-con .ntab-list > ul > li > a::before{content:"";display:none;height:12px;width:100%;background:#033e7a;border-radius:8px;position:absolute;left:0;right:0;bottom:-1px;}
.news-con .ntab-list > ul > li > a span{font-weight:500; font-size:22px;color: #fff;line-height:1.2;font-family: 'GmarketSans';position:relative;display:inline-block;text-align:center;}
.news-con .ntab-list > ul > li > a span::before{content:"";display:none;height:1px;width:calc(100% + 10px);background:transparent;border-radius:8px;margin:-2px 0 0 -5px;}
.news-con .ntab-list > ul > li.on{z-index:1;}
.news-con .ntab-list > ul > li.on > a span{color:#fff;font-weight:700;}
.news-con .ntab-list > ul > li.on > a::before{display:block;}
.news-con .ntab-list .more{display:flex;justify-content: center;align-items: center;height:49px;width:49px;position:absolute;right:0;top:-12px;z-index:1;}
.ntab-list > ul > li > a:focus{text-decoration: none;}
.news-wrap .ntab-con-wrap{margin-top:30px;}

/*260624수정2 시작*/
.news-list > li{margin-top:35px;position: relative;}
.news-list > li:first-child{margin-top:0;}
.news-list > li > a{display:block;position:relative;padding-left:241px;}
.news-list > li .office-img {display:block;width:317px;height:167px;position:absolute;left:0;top:0;border-radius:20px;width: 100%;flex-direction: column;justify-content: start;}
.news-list > li .office-img > img {width: auto;height: auto;object-fit: cover;display: block;}
.news-list > li:nth-child(even) .office-img > img {margin-left:auto}
/*260624수정2 끝*/


/* .news-list > li > a::before{content:"";display:block;width:317px;height:167px;position:absolute;left:0;top:0;border-radius:20px;background:url(../images/main2026/section4_news_img1.png) no-repeat left top / auto 100%;} */
.news-list > li > a .txt-wrap{background:#fff;border-radius:25px;min-height:167px;position:relative;z-index:1;padding:30px 25px 20px 40px;}
.news-list > li > a .office{height:31px;background:#464632;border-radius:20px;padding:0 16px;display:inline-flex;align-items: center;position:absolute;top:9px;left:0;transform:translatex(calc(-100% + -9px));}
.news-list > li > a .office span{font-weight:500; font-size:16px;color: #fff;position:relative;padding-left:27px;}
.news-list > li > a .office span::before{content:"";display:block;width:17px;height:21px;background:url(../images/main2026/section4_news_icon1.png) no-repeat left center;position:absolute;left:0;top:3px;}
.news-list > li > a .tit{font-weight:500; font-size:20px;color: #000101;letter-spacing:-1px;line-height:1.3;display:block;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;overflow: hidden;}
.news-list > li > a .txt{margin-top:9px;}
.news-list > li > a .txt p{font-weight:300; font-size:16px;color: #616161;letter-spacing:-1px;line-height:1.6;display:block;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;overflow: hidden;}
.news-list > li > a .date{font-weight:300; font-size:15px;color: #727272;margin-top:9px;line-height:1.2;}
.news-list > li > a:focus{text-decoration: none;}
.news-list > li > a:hover .tit{text-decoration: underline; text-underline-offset: 4px;}
.news-list > li:nth-child(even) > a{padding-right:241px;padding-left:0;}
.news-list > li:nth-child(even) > a::before{left:auto;right:0;background:url(../images/main2026/section4_news_img2.png) no-repeat right top / auto 100%;}
.news-list > li:nth-child(even) > a .office{top:9px;left:auto;right:0;transform:translatex(calc(100% + 9px));}

.newsletter-wrap{width:38%;}
.newsletter-con{padding:9px 50px 38px 70px;position:relative;}
.newsletter-con::before{content:"";display:block;width:100%;height:332px;background:#507fcb;border-radius:25px 25px 25px 75px;position:absolute;left:0;right:0;bottom:0;}
.letter-slider-box{position:relative;height:396px;}
.letter-slider-box .slick-slider{overflow:hidden;}
.letter-slider{overflow: hidden;}
.letter-slider .slick-list{margin-left: 0;}
.letter-slider .item{margin-left:0;display:flex;}
.letter-slider .item .rt-txt{flex:1 1 auto;position:relative;padding-left:15px;}
.letter-slider .item .rt-txt .txt-box{margin-top:166px;position:absolute;right:0;}
.letter-slider .item .rt-txt .year{height:33px;width:102px;background:#033e7a;margin-right:1px;border-radius:20px;padding:0 5px;font-weight:400; font-size:20px;color: #fff;text-align:center;display:inline-flex;align-items: center;justify-content: center;}
.letter-slider .item .rt-txt .mon{font-weight:500; font-size:34px;color: #fff;text-align:center;margin-top:16px;line-height:1;letter-spacing:-1px;}
.letter-slider .item .rt-txt .mon strong{font-weight:700; font-size:48px;color: #fff;text-align:center;transform:translatey(2px);display: inline-block;}

.letter-ut-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 16px;}
.letter-ut-list > li{max-width:122px;padding:3px;}
.letter-ut-list > li > a{width:100%;height:116px;background:#fff;text-align:center;display:block;border-radius:15px;padding:5px;position:relative;}
.letter-ut-list > li > a::before{content:"";display:block;position:absolute;inset:0;border-radius:15px;z-index:0;box-shadow: 1px 02px 15px 0 rgba(0,0,0,.3);}
.letter-ut-list > li > a .img-in{display:flex;justify-content: center;padding:0 10px;margin:20px 0 3px 0;text-align:center;height:46px;align-items: flex-start;position:relative;z-index:2;}
.letter-ut-list > li > a .txt-in{position:relative;z-index:2;display:flex;justify-content: center;align-items: center;height:38px;overflow:hidden;}
.letter-ut-list > li > a .txt-in span{font-weight:400; font-size:16px;color: #171717;display:block;line-height:1.2;letter-spacing: -1px;display:block;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;overflow: hidden;}
.letter-ut-list > li > a:hover{box-shadow: 0 0 0 3px rgba(0,210,181,1);color:#171717;}
.letter-ut-list > li > a:hover::after{content:"";display:block;position:absolute;inset:0;background: rgba(0,210,181,.45);border-radius:15px;z-index:0;}
.letter-slider-box .letter-slider-btn { position:static;}
.letter-slider-box .letter-slider-btn .slide-btns .btn-box button {font-size:0;text-indent:-9999999em; width:55px; height:55px;border-radius:6px;background-repeat:no-repeat;background-position:center;position:absolute;bottom:15px;box-shadow: 1px 02px 15px 0 rgba(0,0,0,.2);border-radius:50%;z-index:3;}
.letter-slider-box .letter-slider-btn .slide-btns .btn-box button.slide_prev { background:url(../images/main2026/letter_slider_lf.png) no-repeat left center;right:47px;z-index:4;}
.letter-slider-box .letter-slider-btn .slide-btns .btn-box button.slide_next {background:url(../images/main2026/letter_slider_rt.png) no-repeat left center;right:0;}


/*맨위로 TOP*/
.right-top{position: fixed;right: 82px;top:50%;transform:translatey(-50%);z-index: 401;width:61px;margin-top:145px;}

@media (max-width: 1600px) {
	.scroll_down{display:none;}
	.drop-down-wrap{display:none;}
	.guro_mayor_wrap{padding:30px 0 40px 0;}
	.bulletin-wrap{margin:0;padding:50px 0 60px 0;}
	.bulletin-slide-wrap {width: 56%;}
	.section4-wrap {margin-top: 0;padding: 50px 0 60px 0;}
	.panel-tit-box{margin-top:30px;}

	.notice-tab-wrap .ntab-list > ul > li > a {width: 150px;}
	.newsletter-con {padding: 9px 30px 38px 40px;}

	.right-top{right: 15px;top:auto;bottom:100px;margin-top:0;}
}

/*260701추가*/
@media (min-width:1281px) {:root {--header-height: 239px}}
/*260701*/

@media (max-width: 1280px) {

	.guro_mayor {margin-top: 5%;width: calc(100% - 30px - 350px);}
	.guro_mayor_slide {margin-top: 0;max-width: 350px;}
	.guro_mayor .mayor_txt {right: 5%;font-size: 30px;}
	.mayor_link {height: 75px;max-width:100%;width:100%;right:0;}
	.mayor_link ul li a {font-size: 17px;}
	.bulletin-slide-wrap {width: 100%;}
	.bulletin-con,
	.notice-tab-con {padding: 0 30px;}
	.service-ut-list > li {max-width: none; display: flex;justify-content: center;}
	.service-ut-list > li > a {width: 100%;max-width: 160px;}
	.notice-tab-wrap .panel-tit {left: 30px;}
	.notice-tab-wrap .ntab-list > ul > li > a {width: 180px;}
	.notice-tab-wrap {width: 100%;margin-top: 50px;}
	.notice-slider-wrap {width: 48%;}

	main > section#section4 {background-size:100% 100%;}
	.section4-wrap {justify-content: center;}
	.news-wrap {width: 100%;}
	.newsletter-wrap {width: 100%;margin-top: 50px;max-width: 570px;}
	.newsletter-con {padding: 9px 8% 38px 10%;}
}

@media (max-width: 1024px) {

    #section1,
    #section1 .top_slide_area,
    #section1 .slide-area-wrap,
    #section1 .slide-area-l,
    #section1 .slide-area-l-con,
    #section1 .slide_area,
    #section1 .slick-slider {
        width: 100%;
        min-width: 0;
    }

    #section1 .item > a {
        display: block;
        width: 100%;
        aspect-ratio: 657 / 491;
        overflow: hidden;
    }

    #section1 .banner-pc {
        display: none !important;
    }

    #section1 .banner-mo,
    #section1 .banner-mo img {
        display: block;
        width: 100%;
        height: 100%;
    }

    #section1 .banner-mo img {
        object-fit: cover;
    }



@supports not (aspect-ratio: 1 / 1) {

    #section1 .top_slide_area .slide_area .item a {
        height: 0;
        padding-top: 74.73%;
    }

    #section1 .top_slide_area .slide_area .item a img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

}

	.guro_mayor {margin-top: 10px;width:100%;}
	.guro_mayor .mayor_txt {font-size: 33px;}
	.guro_mayor_slide {margin-top: 80px;max-width: 100%;position:relative;}

	.mayor-slider {display:flex;margin-left:-30px;overflow: visible;}
	.mayor-slider .item{display:none !important;width:calc(50% - 30px);margin-left:30px;}
	.mayor-slider .item > a {box-shadow: 1px 3px 20px 0 rgba(203, 214, 220, 0.27);}
	.mayor-slider .item > a .txt {padding: 20px 20px 20px 25px;}
	.mayor-slider .item > a .txt .tit {font-size: 22px;-webkit-line-clamp:2;line-height: 1.5;height:66px;}
	.mayor_slider_box .mayor_slider_btn {display:none !important;}
	.mayor-slider .item:nth-child(-n+2){display:block !important;}
	.mayor_slider_wrap::before {display:none;}
	.mayor_slider_more{display:block;position:absolute;right:0;top:-50px;}

	.notice-slider-wrap {width: 49%;}
	.service-slide-wrap {width:45%;}
	.bulletin-con, .notice-tab-con {padding: 0;}


}

@media (min-width: 769px) {
.letter-slider .item a {max-width: 291px;}
}

@media (min-width: 1001px) {.search .search_panel {right:unset!important;left:unset!important}}
@media (max-width: 1000px) {
  #header {position: sticky;}
  main#container {margin-top: 0;}

/*
	.top_slide_wrap2026 .top_slide_area .slick-slide a img{min-height:240px;} */
	.top_slide_wrap2026 .top_slide_area .slide-area-l .slide-area-l-con .area-ltop{height: 32px;padding: 0 15px;/*260715수정*/bottom: -16px!important;/*260715*/}
	.top_slide_wrap2026 .top_slide_area .slide-area-l .slide-area-l-con .area-ltop .counter-info span.bar {letter-spacing: 1px;}
	.top_slide_wrap2026 .top_slide_area .slide-area-l .slide-area-l-con .area-ltop .slide-btns .btn_box button {width: 20px;height: 20px;}
	.top_slide_wrap2026 .top_slide_area .slide-area-l .slide-area-l-con .area-ltop .slide-btns a.more-pop {display: block;width: 20px;height: 20px;}

	.guro_mayor_wrap {padding:5px 0 10px 0;}
	.guro_mayor {margin-top: 0;}
	/*260625수정*/.guro_mayor .mayor_txt {font-size: 24px;}/*260625*/
	.mayor_link {height: 65px;border-radius: 25px 25px 0 0;}
	.mayor_link ul li {padding: 0 15px;}
	.mayor_link ul li::after {height: 40px;}
	.mayor_link ul li a {font-size: 13px;line-height:1.4;padding-left: 22px;}
	.mayor_link ul li a::before {background-size:100% 100% ;width: 14px;height: 14px;}
	.mayor_slider_more{line-height:28px;top: -42px;padding: 0 13px 0 16px;}
	.mayor_slider_more span {padding-right: 20px;font-size: 14px;}
	.mayor_slider_more span::after {width: 14px;height: 14px;}
	.guro_mayor_slide {margin-top: 65px;}
	.mayor-slider {margin-left:-18px;}
	.mayor-slider .item{width:calc(50% - 18px);margin-left:18px;}
	.mayor-slider .item > a {border-radius: 15px;}
	.mayor-slider .item > a .timg {border-radius: 15px 15px 0 0;}
	.mayor-slider .item > a .txt {padding: 12px 13px;}
	.mayor-slider .item > a .txt .tit {font-size: 14px;line-height: 1.5;height: 42px;font-weight: 400;letter-spacing: -.5px;}
	.mayor-slider .item > a .txt .date {font-size: 13px;font-weight: 300;padding-left: 0;margin-top: 7px;}
	.mayor-slider .item > a .txt .date::before {display:none;}

	.bulletin-wrap {padding: 10px 0 20px 0;}
	.bulletin-top {flex-wrap: wrap;padding: 12px;}
	.bulletin-top .panel-tit {padding: 0 34px 0 0;font-size: 22px !important;margin: 0 0 0 32px;}
	.bulletin-top .panel-tit::before {left: auto;top: -7px;right: 0;background-size: 27px auto;background-position: right;}
	.bulletin-top .keyword-list li span {font-size: 14px;height: 30px;}

	.keyword-box{width:100%;margin-top:8px;position:relative;}
	.keyword-con{padding:0 40px;}
	.bulletin-top .keyword-box .ctl-btn {display: block;}
	.bulletin-top .keyword-list .item {height: 30px;border-radius: 20px;background: #167569;text-align: center;min-width: auto;padding: 5px 12px;margin: 0 10px 0 0;display: flex;align-items: center;justify-content: center;}
	.bulletin-top .keyword-list .item span {font-size: 13px;font-weight: 400;color: #fff;line-height: 1.2;letter-spacing: -1.5px;}
	.bulletin-top .keyword-box .ctl-btn {font-size:0;text-indent:-9999999em; width:30px; height:30px;border-radius:6px;background-color:#88f0df;background-repeat:no-repeat;background-position:center;position:absolute;top:50%;transform:translatey(-50%);box-shadow: 1px 02px 10px 0 rgba(0,0,0,.2);border-radius:50%;z-index:3;}
	.bulletin-top .keyword-box  button.slide_prev { background:#88f0df url(../images/main2026/letter_lf_in.png) no-repeat center center;left:0;background-size:6px auto;}
	.bulletin-top .keyword-box  button.slide_next {background:#88f0df url(../images/main2026/letter_rt_in.png) no-repeat center center;right:0;background-size:6px auto;}

	.notice-slider-wrap {width: 100%;margin-top:12px;}
	.bulletin-con {flex-wrap: wrap;}
	.notice-slider-box {height: auto;}
	.notice-slider .item > a .timg img {height: auto;max-height:600px;}
	.bulletin-wrap .bulletin-top .panel-tit.md {font-size: 22px !important;}

  /*260715수정*/
	/*.notice-slider-box .notice-slider-btn {height: 26px;border-radius: 20px;top: -44px;left: auto;padding: 0 15px;transform: translate(0);right: 0;bottom: -12px;}*/
  /*260715*/

	.notice-slider-box .notice-slider-btn .notice-info {font-size: 16px;}
	.notice-slider-box .notice-slider-btn .notice-info span.bar {letter-spacing: 1px;}
	.notice-slider-box .notice-slider-btn .slide-btns .btn-box button {width: 20px;height: 20px;}
	.notice-slider-box .notice-slider-btn .slide-btns a.more-pop {display: block;width: 20px;height: 20px;}

	.service-slide-wrap {width: 100%;margin-top:20px;}
	.service-slider-box .service-slider-btn .slide-btns .btn-box button {width: 37px;height: 37px;}
	.service-slider-box .service-slider-btn .slide-btns .btn-box button.slide_prev {left: -18px;background-size:100% 100%;}
	.service-slider-box .service-slider-btn .slide-btns .btn-box button.slide_next {right: -18px;background-size:100% 100%;}
	.service-slider-box {height: auto;	padding: 0 10px;border-radius: 20px;}
	/*260625-2 수정*/.service-ut-list {grid-template-columns: repeat(2, 1fr);gap: 10px 12px;}/*260625-2*/
	.service-slider .item {padding: 22px 15px;}
	/* .notice-slider .item > a {border-radius: 20px;} */

	.bulletin-wrap .bulletin-con .panel-tit{font-size: 24px !important;left: 0;}
	.notice-tab-wrap {width: 100%;margin-top: 46px;}
	.notice-slider-box .slick-slider {border-radius: 20px;}
	.notice-tab-wrap .ntab-list {margin-top: 0;max-width: calc(100% - 100px);}
	.notice-tab-wrap .ntab-list > ul > li {margin-right: -8px;}
	.notice-tab-wrap .ntab-list > ul > li > a {width: auto;background: #4078ba;height: 43px;border-radius: 15px 15px 0 0;padding: 0px 15px;}
	.notice-tab-wrap .ntab-list > ul > li > a span {font-weight: 700;font-size: 18px;}
	.notice-tab-wrap .ntab-list .more {height: 43px;width: 56px;border-radius: 15px 15px 0 0;}
	.bulletin-wrap .notice-tab-wrap .panel-tit {font-size: 24px !important;left: 0;}
	.notice-tab-wrap .panel-tit {top: 8px;}
	.notice-tab-wrap .ntab-con-wrap {height: auto;border-radius: 20px;padding: 10px 5px 30px 5px;}
	.lecture-list > li {padding-top: 25px;margin-top: 25px;}
	.lecture-list > li .lf-txt {font-size: 14px;padding: 3px;width: 65px;height: 65px;margin-right: 15px;letter-spacing: -1.5px;}
	.lecture-list > li .rt-txt .tit {font-size: 17px;}
	.lecture-list > li .rt-txt .map {padding-left: 24px;font-size: 16px;left: 1px;}
	.lecture-list > li .rt-txt .date {padding-left: 24px;font-size: 16px;}

	main > section#section4 {background-image: url(../images/main2026/section4_bg_mobile.png);}
	.section4-wrap {padding: 10px 0 15px 0;}
	.news-wrap .panel-tit {font-size: 24px !important;padding-left: 45px;}
	.news-wrap .panel-tit::before {width: 38px;height: 29px;left: 0;top: -2px;background-size: 100% auto;}
	.news-con .ntab-list {top: 10px;	left: 170px;}
	.news-con .ntab-list > ul {justify-content: flex-end;}
	.news-con .ntab-list > ul > li {margin-right: 10px;}
	.news-con .ntab-list > ul > li > a {padding: 0 5px;}
	.news-con .ntab-list > ul > li > a span {font-size: 18px;}
	.news-con .ntab-list .more {height: 40px;width: 40px;}
	.news-wrap .ntab-con-wrap {margin-top: 20px;}
	.news-con {margin-top: 25px;}

  /*260624수정2 시작*/
	/* .news-list > li > a::before {height: 110px;} */
  .news-list > li > .office-img {height: 110px;}
  /*260624수정2 끝*/

	.news-list > li > a {padding-left: 157px;}
	.news-list > li > a .txt-wrap {border-radius: 15px;min-height: 120px;padding: 18px 15px 18px 18px;}
	.news-list > li > a .tit {font-size: 17px;}
	.news-list > li > a .txt p {font-size: 15px;}
	.news-list > li > a .office span {font-size: 14px;}
	.news-list > li > a .office {height: 28px;left: -10px;}
	.news-list > li:nth-child(even) > a {padding-right: 157px;padding-left: 0;}
	.news-list > li:nth-child(even) > a .office {transform: translatex(calc(100% + 20px));}

	.newsletter-wrap {margin-top: 35px;padding: 0 25px;}
	.letter-slider .item a{width:calc(100% - 80px);}
	.newsletter-con::before {height: 70%;}
	.letter-slider .item .rt-txt {padding-left: 15px;min-width:106px;}
	.letter-slider .item .rt-txt .year {height: 31px;width: 90px;font-size: 17px;}
	.letter-slider .item .rt-txt .mon {font-size: 24px;margin-top: 12px;}
	.letter-slider .item .rt-txt .mon strong {font-size: 40px;}
	.letter-slider .item .rt-txt .txt-box {margin-top: 10px;position: absolute;min-width: 90px;display: flex;flex-direction: column;align-items: center;right: 0;top: 50%;transform: translatey(-50%);}
	.letter-slider-box {height: auto;}
	.letter-slider-box .letter-slider-btn .slide-btns .btn-box button {width: 38px;height: 38px;bottom:0;}
	.letter-slider-box .letter-slider-btn .slide-btns .btn-box button.slide_prev {right: 40px;background-size:100% 100%;}
	.letter-slider-box .letter-slider-btn .slide-btns .btn-box button.slide_next {right: 10px;background-size:100% 100%;}

  .scroll_txt {display: none}

}
@media (max-width: 600px) {
	.news-con {margin-top: 16px;}
	.news-con .ntab-list {position: static;}
	.news-con .ntab-list .more {top: 37px;}
	.mayor_link ul li a {font-size: 12px;letter-spacing: -1px;}
}

/* @media (max-width: 540px) {.slick-slide img.banner-pc {display: none!important;}}
@media (min-width: 541px) {.slick-slide img.banner-mo {display: none!important;}} */

@media (max-width: 480px) {
	.bulletin-top .panel-tit {margin: 0 0 0 5px;}
	.keyword-con {padding: 0 5px;}
	.bulletin-top .keyword-box .ctl-btn {top:-40px;transform:translate(0);}
	.bulletin-top .keyword-box button.slide_prev {left: auto;right: 80px;	}
	.bulletin-top .keyword-box button.slide_next {right: 30px;}

  /*260629수정*/
	/* .news-list > li{display: none !important;}
	.news-list > li:nth-child(-n+1) {display: block !important;} */
  /*260629*/

	.newsletter-wrap {margin-top: 35px;padding:0;}
  /*260625추가*/.guro_mayor .mayor_txt {font-size:17px}/*260625*/
	.mayor_link ul li {padding: 0 10px;}
  /* .mayor-slider .item {width: 100%} */
}

@media (max-width: 400px) {
	.guro_mayor .mayor_txt {right: 15px;top: 23%;}
	.mayor_link ul li a::before {left:50%;transform: translateX(-50%);}
	.mayor_link ul li a {padding-left: 0;text-align: center;padding-top:20px}
	.mayor_link ul li {padding: 0 16px;}
	.service-ut-list {grid-template-columns: repeat(2, 1fr);gap: 10px 12px;}
	.notice-tab-wrap .panel-tit {position: static;margin: 0 0 12px 0;}
	.notice-tab-wrap .ntab-list {margin-top: 0;max-width: 100%;}
	.notice-tab-wrap .ntab-list > ul {flex: 1 1 auto}
	.notice-tab-wrap .ntab-list > ul > li {flex: 1 1 auto;	box-shadow: 0 30px 0 0 rgba(64, 120, 185, 1);}
	.notice-tab-wrap .ntab-list > ul > li.on {flex: 1 1 auto;	box-shadow: 0 30px 0 0 rgba(255, 255, 255, 1);}

	.news-list > li > a{padding:0 !important;}
	.news-list > li > a::before {display:none;}
	.news-list > li > a .office {left: auto;right:10px;top:auto;bottom:10px;transform:translate(0);}
  /*260629추가*/.news-list > li:nth-child(even) > a .office {left: auto;right:10px;top:auto;bottom:10px;transform:translate(0);}/*260629*/

}

.banner-pc,
.banner-mo{
    display:block;
    width:100%;
}

.banner-pc img,
.banner-mo img{
    display:block;
    width:100%;
}

.banner-mo{
    display:none;
}

@media (max-width:1024px){

    .banner-pc{
        display:none;
    }

    .banner-mo{
        display:block;
    }

}

/*260629추가*/
.seoul-banner {
background: -webkit-linear-gradient(180deg, #62345E 0%,#413862 100%)
}
/*260629*/