/* 공통 타이틀 */
[class*='M_'] > .header {display:flex; justify-content:space-between; align-items:center;}
h3.heading {font-size:1.1rem; color:#000; font-weight:400; white-space: nowrap; overflow: hidden;}
h3.heading strong {color:#333;font-size:1.8rem; font-weight:800; font-family:'Montserrat';}

/* 공통 탭 */
.tab-wrap { position: relative; width: 100%; }
.tab-wrap .tab-menu {display: flex; flex-wrap: wrap; gap:0.25rem; align-items: center;}
.tab-wrap .tab-menu li {max-width: calc(100% / 4); min-width:fit-content;}
.tab-wrap .tab-menu li a {position: relative; display: flex; align-items:center; justify-content:center; height:2.5rem; background:#dae5f0; color:#444; font-size: 1rem; font-weight: 500; padding:0 2rem; transition: all 0.2s; border-radius:2rem; min-width:8rem;}
.tab-wrap .tab-menu li a span {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; min-width:0; max-width:10rem;}
.tab-wrap .tab-menu li a.current,
.tab-wrap .tab-menu li a:hover,
.tab-wrap .tab-menu li a:focus {font-weight: 700; color: #fff; background:#0094DD;}
.tab-wrap .tab-menu li a.current span {position:relative; transition:all 0.2s;}
.tab-wrap .util_box {display:flex; justify-content:space-between; align-items:center; gap:2rem;}
.tab-wrap .tab-contents { width: 100%; margin-top:1rem; }
.tab-wrap .tab-panel { display: none; }
.tab-wrap .tab-panel.on { display: block; }
.tab-wrap .btn-add {position:relative; display: flex; align-items: center; justify-content: center; border:1px solid #bfd5ea; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: #fff; cursor: pointer; transition: background 0.2s;}
.tab-wrap .btn-add:hover,
.tab-wrap .btn-add:focus { border-color: #0094DD; z-index:2;}
.tab-wrap .btn-add i.more {width:1.2rem; height:1.2rem; background:url('/images/web/goegu/main/more-icon.png') no-repeat 50% 50%; background-size:cover; font-size: 1.7rem; color: #333; transition:all 0.2s;}
.tab-wrap .btn-add:hover i,
.tab-wrap .btn-add:focus i {transform:rotate(180deg); color:#fff;}
.tab-wrap .btn-add:hover:before,
.tab-wrap .btn-add:focus:before {opacity:0.15; transform:scale(1.1); z-index:-1;}
.tab-wrap .btn-add:before {content:"";position:absolute;inset:-.3rem;border-radius:50%;background:currentColor;opacity:.08; transition:all 0.2s; transform:scale(0.9); opacity:0;}


/* 더보기 버튼 */
.moreBtn { display: inline-flex; align-items: center; justify-content: center; background: #F5F5F5; border-radius: 1.5rem; height: 2.25rem; gap: 0.75rem; font-size: 0.9rem; font-weight: 500; width: 5.65rem; color: #000000; position: absolute; right: 0; top: 0; }
.moreBtn > i { transition: 0.2s; font-size: 0.9rem; }
.moreBtn > i,
.moreBtn > i::before { line-height: 1; }
.moreBtn:hover i,
.moreBtn:focus i { transform: rotate(180deg); }


/* 비주얼 */
.M_visual {position:relative; height:29rem; border-radius:3rem 3rem 10rem 3rem; overflow:hidden;}
.M_visual #visual {height:100%;}
.M_visual #visual .item {height:100%;}
.M_visual #visual .item a {display:block; height:100%;}
.M_visual #visual .item img {display:block; max-width:100%; height:100%; object-fit:cover;}
.M_visual .control .count {display:flex; align-items:center; gap:0.5rem; font-size:1.1rem; color:#fff;}
.M_visual .control .toggle {display:inline-flex; align-items:center; justify-content:center; width:3rem; height:3rem; border-radius:50%; background:rgba(255,255,255,.2);}
.M_visual .control {position:absolute; width:fit-content; z-index:10; top:calc(50% + 5rem); transform:translate(0, -50%); left:4.5rem; height:3.25rem; border-radius:1.5rem; background:rgba(255,255,255,0.25); display:flex; align-items:center; justify-content:space-between; gap:0.5rem; color:#fff; padding:0 1rem;}
.M_visual .control p {font-size:1rem; font-weight:400; color:#fff;}
.M_visual .control p strong {font-weight:700; color:#fff; padding-right:1rem; margin-right:1rem; position:relative;}
.M_visual .control p strong:after {content:''; position:absolute; width:1px; height:1.25rem; transform:translate(0,-50%) rotate(90deg); right:-0.125rem; top:50%; background:rgba(255,255,255,0.6);}
.M_visual .control a {width:auto; color:#fff;}
.M_visual .control a > i {font-size:1.5rem;}
.M_visual .control .stop {display:inline-flex; align-items:center; justify-content:center; width:2.1rem; height:2.1rem; border-radius:50%; background:rgba(0,0,0,0.4);}
.M_visual .control .play {display:none; align-items:center; justify-content:center; width:2.1rem; height:2.1rem; border-radius:50%; background:rgba(0,0,0,0.4);}
.M_visual .control .toggle {display:inline-flex; align-items:center; justify-content:center; width:2.1rem; height:2.1rem; border-radius:50%; background:rgba(0,0,0,0.4);}

/* 팝업존 */
.M_popup {position:relative; margin-bottom:2.5rem; height:21.5rem; border-radius:2.4rem; background:#E0FAF3; box-shadow:0 7px 15px 0 rgba(0,0,0,0.15);} 
.M_popup #popup {height:100%; border-radius:2rem; overflow:hidden;}
.M_popup #popup .item a {display:block; height:100%; overflow:hidden; border-radius:2.4rem;}
.M_popup #popup .item img {display:block; width:100%; height:100%; object-fit:cover; width:100%;}
.M_popup .control {position:absolute; left:calc(50% - 1rem); top:-3.5rem; display:flex; align-items:center; justify-content:center; gap:0.5rem; transform:translate(-50%, 0);}
.M_popup .control a i {font-size:1.5rem;}
.M_popup .control .count {position:relative; padding-right:4rem; display:flex; gap:1rem;}
.M_popup .control .count:after {content:''; position:absolute; right:0.5rem; height:2px; background:#c9c9c9; width:2.5rem; top:50%; transform:translate(0, -50%);}
.M_popup .control .prev,
.M_popup .control .next {display:inline-flex; align-items:center; justify-content:center; width:2.1rem; height:2.1rem; border-radius:50%; background:#eee;}
.M_popup .control .stop {display:inline-flex; align-items:center; justify-content:center; width:2.1rem; height:2.1rem; border-radius:50%; background:#fff; box-shadow:0 0 5px 0 rgba(0,0,0,0.2);}
.M_popup .control .play {display:none; align-items:center; justify-content:center; width:2.1rem; height:2.1rem; border-radius:50%; background:#fff; box-shadow:0 0 5px 0 rgba(0,0,0,0.2);}
.M_popup .control .cur {position:relative; font-size:1.1rem; font-weight:600; color:#443f97;}
.M_popup .control .cur:before {content:''; position:absolute; right:-0.65rem; top:50%; transform:translate(0, -50%); width:5px; height:5px; background:#d9d9d9; border-radius:50%;}
.M_popup .control .tot {font-size:0.8rem; font-weight:600; color:#000; position:relative; top:0.5rem;}
.M_popup .control .toggle {display:inline-flex; align-items:center; justify-content:center; width:2.1rem; height:2.1rem; border-radius:50%; background:#fff; box-shadow:0 0 5px 0 rgba(0,0,0,0.2);}

/* 바로가기 */
.M_link ul {display:flex; align-items:center; justify-content:space-between;}
.M_link ul li {transition:all 0.3s; flex:1 1 0; min-width:0;}
.M_link ul li .icon {width:6rem; height:6rem; border-radius:2rem; display:flex; align-items:center; justify-content:center; margin:0 auto;}  
.M_link ul li:hover,
.M_link ul li:focus {transform:translateY(-0.5rem);}
.M_link ul li a {display:block;}
.M_link ul li a:focus p,
.M_link ul li a:focus img {outline: none;}
.M_link ul li a:focus,
.M_link ul li a:focus-within {outline: 2px solid #000; outline-offset: 3px; border-radius: 6px;}
.M_link ul li:nth-child(1) .icon {background: linear-gradient(to bottom right, #FFF0FA, #FFD9F4);}
.M_link ul li:nth-child(2) .icon {background: linear-gradient(to bottom right, #FFEEE2, #FFD3D3);}
.M_link ul li:nth-child(3) .icon {background: linear-gradient(to bottom right, #E5F6FF, #B4EBFF);}
.M_link ul li:nth-child(4) .icon {background: linear-gradient(to bottom right, #DEFFE4, #B7F0C1);}
.M_link ul li:nth-child(5) .icon {background: linear-gradient(to bottom right, #FFF8C5, #FFE18F);}
.M_link ul li:nth-child(6) .icon {background: linear-gradient(to bottom right, #FFEDE0, #FFC4D0);}
.M_link ul li:nth-child(7) .icon {background: linear-gradient(to bottom right, #E8F9EB, #B6EEC6);}
.M_link ul li:nth-child(8) .icon {background: linear-gradient(to bottom right, #F0F1FF, #D3D5FF);}
.M_link ul li .txt {font-size:1rem; display:flex; align-items:center; justify-content:center; font-weight:600; color:#000; margin-top:0.5rem; text-align:center;}


/* 지원청 공지사항 */
.M_notice .heading {font-weight:400; display:flex; font-size:1.1rem; flex-direction:column; color:#fff;}
.M_notice .heading strong {text-transform:uppercase; color:#fff; font-weight:800; font-size:1.8rem;}
.M_notice .header {position:relative;}
.M_notice .header .control {position:relative;}
.M_notice .header .control > a {background:rgba(235,235,235,0.7); color:#000;}
.M_notice [id*='notice'] {overflow:hidden; margin-top:0rem; margin-left:0rem; width:100%; padding:1rem 0;}
.M_notice .notice-item {display:flex; gap:1rem; background:#F3F7FC; border:1px solid #DAE5F0; flex-wrap:wrap; padding:1.5rem; border-radius:1rem; margin-bottom:0.5rem; margin-top:1rem;}
.M_notice .notice-item .date {text-align:center; width:3rem;}
.M_notice .notice-item .year {display:block; font-size:1rem; color:#666; text-align:center;}
.M_notice .notice-item .day {display:block; font-size:1rem; font-weight:700; color:#121212; text-align:center;}
.M_notice .notice-item .content {width:calc(100% - 4rem);}
.M_notice .notice-item .content .tit {display:block; width:100%; font-size:0.9rem; font-weight:700; color:#121212; margin-bottom:0.5rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; transition:all 0.2s;}
.M_notice .notice-item .content .txt {color:#333; font-size:0.8rem; font-weight:400;}
.M_notice .notice-item .content:hover .tit,
.M_notice .notice-item .content:focus .tit {color:#0094DD;}
.M_notice .notice-list li {border-bottom: 1px solid #c5cfd8;	position: relative;}
.M_notice .notice-list a:hover .tit,
.M_notice .notice-list a:focus .tit {color:#0094dd;}
.M_notice .notice-list a {display:flex; justify-content:space-between; align-items:center; padding:1rem 0;}
.M_notice .notice-list .tit {flex:1 1 auto; min-width:0; font-size:0.8rem; color:#333; font-weight:400; transition:all 0.2s; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.M_notice .notice-list .date {flex:0 0 auto; white-space:nowrap; margin-left:1rem; color:#555; font-size:0.8rem;}
.M_notice .notice-list li.new a {padding-left: 1.5rem;}
.M_notice .notice-list li.new a::before {content: "N"; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1.1rem; height: 1.1rem; border-radius: 50%; background: #1e88e5; color: #fff; font-size: 0.75rem; font-weight: 600; display: flex; align-items: center; justify-content: center;}





/* 지원청 소통 뉴스 */
.M_news {position:relative;}
.M_news .heading {font-weight:400; display:flex; align-items:center; gap:1rem; font-size:1.1rem;}
.M_news .heading strong {text-transform:uppercase; font-weight:700; font-size:1.4rem; color:#000;}
.M_news .header .btn-add {color:#575757; display:flex; align-items:center; gap:0.75rem; font-weight:600; font-size:1rem; font-family:'Montserrat'; text-transform:uppercase;}
.M_news .header .btn-add:hover,
.M_news .header .btn-add:focus { color:rgba(68,63,151,1);}
.M_news .header .btn-add:hover i,
.M_news .header .btn-add:focus i {transform:rotate(360deg); background: rgba(68,63,151,1);}
.M_news .header .btn-add i {position:relative; display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; border: none; background: #575757; cursor: pointer; transition: all 0.2s; font-size:1.4rem; font-weight:500; color:#fff;}
.M_news [id*='gallery'] {overflow:hidden; margin-top:1.5rem; margin-left:-1rem; width:calc(100% + 2rem);}
.M_news [id*='gallery'].slick-initialized {display: block;}
.M_news [id*='gallery'] .slick-track {display: flex; justify-content:space-between;}
.M_news [id*='gallery'] .slick-slide > div {height: 100%;}
.M_news [id*='gallery'] .item {position:relative; display: flex; align-items: center; justify-content: center; transition:all 0.3s;}
.M_news [id*='gallery'] .item a {width:100%; height:100%; position:relative; z-index:0; transition:all 0.3s;}
.M_news [id*='gallery'] .item a .img {position:relative; height:14rem; background: #e4e4e4; border-radius: 2.5rem; overflow:hidden;}
.M_news [id*='gallery'] .item a .img:before {content:'자세히보기'; position:absolute; z-index:1; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.4); opacity:0; transition:all 0.3s; display:flex; align-items:center; justify-content:center; color:#fff; font-size:1rem; font-weight:500; padding-top:3rem;}
.M_news [id*='gallery'] .item a .img:after {content:'\F4B2'; font-size:1rem; color:#fff; display:flex; align-items:center; justify-content:center; font-family:'remixicon'; position:absolute; z-index:1; width:2.5rem; height:2.5rem; border-radius:50%; left:50%; top:calc(50% - 1rem); transform:translate(-50%, -50%); background:#DD3059; transition:all 0.3s; opacity:0;}
.M_news [id*='gallery'] .item a:hover .img:before,
.M_news [id*='gallery'] .item a:focus .img:before,
.M_news [id*='gallery'] .item a:hover .img:after,
.M_news [id*='gallery'] .item a:focus .img:after {opacity:1;}
.M_news [id*='gallery'] .item a img {transition:all 0.2s; height:100%; display:block; margin:0 auto; position:absolute; left:50%; transform:translate(-50%, 0); object-fit:cover; width:100%;}
.M_news [id*='gallery'] .item a:hover img,
.M_news [id*='gallery'] .item a:focus img {transform:translate(-50%, 0) scale(1.1);}
.M_news [id*='gallery'] .item a .header {display:flex; justify-content:space-between; align-items:center;}
.M_news [id*='gallery'] .item a .header .badge {display:flex; width:3.25rem; height:3.25rem; border-radius:50%; align-items:center; justify-content:center; font-size:0.9rem; color:#000; font-weight:600; background:#ededed; transition:all 0.2s;}
.M_news [id*='gallery'] .item a .header .date {font-size:0.9rem; color:#333; font-weight:600;}
.M_news [id*='gallery'] .item a:hover .header .badge,
.M_news [id*='gallery'] .item a:focus .header .badge {background:#443f97; color:#fff;}
.M_news [id*='gallery'] .item a .tit {margin-top:1rem; padding:0 0.25rem; word-break: keep-all; font-size: 1rem; font-weight:600; color:#000; display:flex; gap:0.5rem;}
.M_news [id*='gallery'] .item a .tit strong {position:relative; font-size:1rem; font-weight:600; color:#DD3059; padding-left:0.75rem;}
.M_news [id*='gallery'] .item a .tit strong:before {content:''; position:absolute; width:0.4rem; height:0.4rem; border-radius:50%; background:#dd3059; transform:translate(0, -50%); top:50%; left:0;}
.M_news [id*='gallery'] .item a .tit span {text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.M_news [id*='gallery'] .item a .txt {margin-top:0.5rem; font-size:0.9rem; color:#333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; line-height:1.4;}
.M_news [id*='gallery'] .slick-slide {margin:0 1rem; }
.M_news [id*='gallery'] .item a .img {position:relative; display:flex; align-items:center; justify-content:center; width:100%; aspect-ratio:16/9; overflow:hidden;}
.M_news [id*='gallery'] .item a .img.private {background:#1a4b9a;}
.M_news [id*='gallery'] .item a .img.private em {display:flex; flex-direction:column; gap:0.25rem; justify-content:center; align-items:center; font-size:0.85rem; color:#fff; font-weight:500;}
.M_news [id*='gallery'] .item a .img.private em i {font-size:1.25rem; color:#fff;}
.M_news [id*='gallery'] .item a .img.nodata {background:#aaa;}
.M_news [id*='gallery'] .item a .img.nodata em {display:flex; flex-direction:column; gap:0.25rem; justify-content:center; align-items:center; font-size:0.85rem; color:#fff; font-weight:500;}
.M_news [id*='gallery'] .item a .img.nodata em i {font-size:1.25rem; color:#fff;}
.M_news [id*='gallery'] .item a:hover .img.private:before,
.M_news [id*='gallery'] .item a:focus .img.private:before,
.M_news [id*='gallery'] .item a:hover .img.nodata:before,
.M_news [id*='gallery'] .item a:focus .img.nodata:before {opacity:0;}
.M_news [id*='gallery'] .item a:hover .img.private:after,
.M_news [id*='gallery'] .item a:focus .img.private:after,
.M_news [id*='gallery'] .item a:hover .img.nodata:after,
.M_news [id*='gallery'] .item a:focus .img.nodata:after {opacity:0;}

/* 지원청 SNS */
.M_sns {width:100%; height:100%; position:relative; z-index:0; display:flex; gap:1rem;}
.M_sns .heading {overflow:clip;}
.M_sns .heading strong {font-size:1.4rem; font-weight:700; color:#000;}
.M_sns .sns-box {position:relative; width:100%; display:flex; align-items: center;}
.M_sns .sns-box:before {content:''; position:absolute; width:100%; height:1px; background:#111; left:0%; top:50%; transform:translate(0, -50%);}
.M_sns .sns-box > div {flex:0 0 50%;}
.M_sns .sns-box .sns-list {display:flex; align-items:center; justify-content:flex-end;}
.M_sns .sns-box .sns-list .box {display:flex; gap:1rem; align-items:center; position:relative; z-index:1; background:#F6F7FF; padding-left:1rem;}
.M_sns .sns-box .sns-list:nth-child(1) .box {padding-right:1rem;}
.M_sns .sns-box .sns-list strong {position:relative; font-size:1.2rem; font-weight:700; color:#000;}
.M_sns .sns-box .sns-list ul {display:flex; align-items:center; gap:0.35rem;}
.M_sns .sns-box .sns-list ul a {position:relative; width:2.5rem; height:2.5rem; display:block; z-index:1;}
.M_sns .sns-box .sns-list ul a img {position:relative; z-index:2; border-radius:50%;}
.M_sns .sns-box .sns-list ul a:before {content:"";position:absolute; width:100%; left:50%; top:50%; border-radius:50%;background:#000; height:100%; transition:all 0.2s; transform:translate(-50%, -50%) scale(0.9); opacity:0;}
.M_sns .sns-box .sns-list ul a:hover:before,
.M_sns .sns-box .sns-list ul a:focus:before {opacity:0.15; transform:translate(-50%, -50%) scale(1.2); z-index:0;}


/* 바로가기 */
.M_banner {position:relative; height:100%; border-radius:1rem; border:1px solid #ccc; overflow:hidden;}
.M_banner.tab-wrap .tab-menu {width:100%; height:100%; gap:0.1rem;}
.M_banner.tab-wrap .tab-menu li {flex:1; max-width:calc(100% / 3);}
.M_banner.tab-wrap .tab-menu li a {height:3rem; background:#e6e7f5; border-radius:0;}
.M_banner.tab-wrap .tab-menu li a:after {content:'\e938'; position:absolute; top:50%; right:1rem; transform:translate(0, -50%); font-family:'xeicon'; font-size:1rem; color:#333;} 
.M_banner.tab-wrap .tab-menu li:nth-child(1) a {border-radius:1rem 0 0 0;}
.M_banner.tab-wrap .tab-menu li:nth-child(3) a {border-radius:0 1rem 0 0;}
.M_banner.tab-wrap .tab-menu li a.current, 
.M_banner.tab-wrap .tab-menu li a:hover, 
.M_banner.tab-wrap .tab-menu li a:focus {background:#4a51e2;}
.M_banner.tab-wrap .tab-menu li a.current:after, 
.M_banner.tab-wrap .tab-menu li a:hover:after, 
.M_banner.tab-wrap .tab-menu li a:focus:after {content:'\e937'; color:#fff; font-family:'xeicon'; font-weight:100;}
.M_banner.tab-wrap .tab-menu li a.current span {font-size:1.1rem;}
.M_banner.tab-wrap .tab-contents {padding:1.5rem; margin-top:0; height:calc(100% - 3rem);}
.M_banner.tab-wrap .tab-panel {height:100%;}
.M_banner .banner-box {display:flex; align-items:center; height:100%;}
.M_banner .banner-box .banner-profile {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1rem; min-width:10rem;}
.M_banner .banner-box .banner-profile .banner-avatar {width:5.5rem; height:5.5rem; border-radius:50%; overflow:hidden; background-color:#e5e7eb;}
.M_banner .banner-box .banner-profile .banner-avatar img {display:block; max-width:100%; height:100%; object-fit:cover;}
.M_banner .banner-box .banner-profile .banner-role {font-size:1.4rem; font-weight:700; color:#252dc8;}
.M_banner .banner-box .banner-links {width:calc(100% - 8rem);}
.M_banner .banner-box .banner-links .banner-link-list {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0.5rem; margin:0; padding:0;}
.M_banner .banner-box .banner-links .banner-link-list .banner-link {display:flex; align-items:center; gap:0.5rem; padding: 0 1rem; height:4.5rem; border-radius:1rem; background:#f5f5f5; transition:all 0.3s; border:1px solid #f5f5f5;}
.M_banner .banner-box .banner-links .banner-link-list .banner-link:hover,
.M_banner .banner-box .banner-links .banner-link-list .banner-link:focus {border-color:#4a51e2;}
.M_banner .banner-box .banner-links .banner-link-list .banner-link:hover .txt,
.M_banner .banner-box .banner-links .banner-link-list .banner-link:focus .txt {font-weight:700;}
.M_banner .banner-box .banner-links .banner-link-list .banner-link-ico {flex-shrink:0;width:2.4rem;height:2.4rem;border-radius:50%;background-color:#e5e7eb;display:inline-flex;align-items:center;justify-content:center;font-size:1.6rem;}
.M_banner .banner-box .banner-links .banner-link-list .txt {font-size:0.9rem; color:#222; font-weight:600; word-break:keep-all;}

.foot-banner {background-color:#fff; height:3.5rem;}
.foot-banner .inner {padding:0; height:100%; display:flex; align-items:center; gap:1rem;}
.foot-banner .inner .header-box {position:relative; display:flex; align-items:center; max-width:13rem; width:100%; height:100%; justify-content:space-between; flex:0 0 auto;}
.foot-banner .inner .header-box h3 {font-size:1rem; font-weight:700; color:#000; line-height:1;}
.foot-banner .inner .header-box .control {position:static; display:flex; gap:0.25rem;}
.foot-banner .inner .header-box .control a {display:inline-flex; align-items:center; justify-content:center; width:1.5rem; height:1.5rem;}
.foot-banner .inner .header-box .control a > i {font-size:1.5rem; line-height:1;}
.foot-banner .inner .header-box .control a.play {display:none;}
.foot-banner .banner-wrap {flex:1 1 auto; min-width:0; width:100%; height:100%; overflow:hidden;}
.foot-banner .banner-wrap #banner {display:block; width:100%; height:100%;}
.foot-banner .banner-wrap #banner .slick-list {position:relative; overflow:hidden;}
.foot-banner .banner-wrap #banner .item {position:relative; flex:0 0 auto; display: inline-flex; align-items: center; justify-content: center;}
.foot-banner .banner-wrap #banner .item a {position:relative; text-align:center; display:flex; align-items:center; justify-content:center; padding:0 1rem; line-height:3.5rem; white-space:nowrap; font-size:0.8rem; font-weight:400; color:#222; height:100%;}
.foot-banner .banner-wrap #banner .item a img {max-width:100%;}
.foot-banner .banner-wrap #banner .item {position: relative;}
.foot-banner .banner-wrap #banner .item::after {content: ""; position: absolute; top: 50%; right: -0.25rem; width: 0.25rem; height: 0.25rem; border-radius: 50%; background-color: #ccc; transform: translateY(-50%);}
.foot-banner .banner-wrap #banner .item:last-child::after {display: none;}
.foot-banner .banner-wrap #banner .item.slick-current:last-child::after {display:none;}
.foot-banner .banner-wrap #banner .item:has(+ .slick-current)::after {display: none;}


@media screen and (max-width: 1600px){
	.M_visual .slick-slider img {width:100%;}
}


@media screen and (max-width: 1500px){
	/* 공통 탭 */
	.tab-wrap .tab-menu li a {font-size:0.9rem; padding:0 1rem;}
	
	/* 바로가기 */
	.M_banner.tab-wrap .tab-contents {padding:1.5rem 1.5rem 1.5rem 0.5rem;}
	.M_banner .banner-box .banner-profile {min-width:fit-content; padding:0 1rem; flex:1;}
}

@media screen and (max-width: 1440px){		 
	/* 주요서비스 */
	.M_quick .panel {flex: 0 0 var(--collapsed, 6rem);}
	
}

@media screen and (max-width: 1280px){
	/* 비주얼 */
	.M_visual {height:fit-content;}
	.M_visual .slick-slider img {max-width:100%; margin:0 auto;}
	
	/* 팝업*/
	.M_popup {height:fit-content; margin-bottom:0;}
	.M_popup .control {left:1rem; transform:translate(0, 0);}
	.M_popup #popup .item img {max-width:100%; margin:0 auto;}
	
	/* 바로가기 */
	.M_link ul {display:grid; grid-template-columns:repeat(4, 1fr); gap:1.5rem 0;}
	.M_link ul li .icon {margin:0 auto;}
	
	/* 공지사항 */
	.M_notice .header {width:100%; flex-wrap:wrap; gap:1.5rem;}
	.M_notice .heading {width:100%;}
	.M_notice [id*='notice'] {margin-top:1rem;}
		
	/* 주요서비스 */
	.M_quick .title {flex-direction:column; align-items:flex-start;}
	.M_quick .panel.is-open .bg:after {display:none;}
	.M_quick .panel.is-open .panel-body {overflow:auto;}
	.M_quick .icon-grid {grid-template-columns: repeat(3, minmax(0, 1fr));}
	
	/* 메인 배너 바로가기 */
	.M_banner {height:auto;}
	.M_banner.tab-wrap .tab-contents {overflow:hidden;}
	
	/* sns */
	.M_sns .sns-box {flex-direction:column; gap:0.5rem; align-items:flex-end;}
	.M_sns .sns-box .sns-list:nth-child(1) .box {padding-right:0;}
	.M_sns .sns-box {position:relative;}
	.M_sns .sns-box:before {content:''; position:absolute; width: 100%; height: 1px; background: #111; left:0; top: 1.5rem;}
	.M_sns .sns-box:after {content:''; position:absolute; width: 100%; height: 1px; background: #111; left:0; top: 4.75rem;}
}	

@media screen and (max-width: 1024px){
	/* 공지사항 */
	.tab-wrap .tab-menu li a {min-width:fit-content; padding:0 1.5rem;}
	
	/* 주요서비스 */
	.M_quick {justify-content:space-between; gap:1rem;}
	.M_quick .panel.is-open .panel-body {padding:1rem;}
	.M_quick .panel.is-open {min-width:fit-content;}
	.M_quick .icon-grid {grid-template-columns: repeat(2, minmax(0, 1fr)); width:100%; gap:0; margin-top:0.5rem;}
	.M_quick .icon-grid a {gap:0;}
	.M_quick .icon-grid a img {max-width:100%; height:auto;}
	
	/* 보도자료 */
	
}


@media screen and (max-width: 768px){
	/* 비주얼 */
	.M_visual .control {left:2.5rem;}
	
	/* 공지사항 */
	.M_notice .header .control {position:absolute;}
	.tab-wrap .tab-menu {width:100%;}
	.tab-wrap .tab-menu li {flex:1;}
	.tab-wrap .tab-menu li a {font-size:0.85rem;}
	
	/* news */
	.M_news .heading {font-size:0.85rem;}
			
	/* 퀵메뉴 */
	.M_quick {flex-direction:column;}
	.M_quick .panel {flex: 0 0 var(--collapsed, 5rem); height:auto;}
	.M_quick .panel.is-open {min-height:22rem;}
	.M_quick .panel-head {align-items:center;}
	.M_quick .panel .label {bottom:0;}
	.M_quick .icon-grid {grid-template-columns: repeat(4, minmax(0, 1fr));}
	
	/* 보도자료 */
	.M_news [id*='news'] {margin-top:0.75rem;}
	.M_news .header .btn-add {font-size:0.85rem;}
	.M_news .header .btn-add i {width:2rem; height:2rem;}
	
	/* sns */
	.M_sns {flex-direction:column;}
	.M_sns .sns-box:before {top:1.25rem;}
	.M_sns .sns-box:after {top:4.5rem;}

	.foot-banner .inner .header-box {max-width:fit-content;}
    .foot-banner .inner .header-box h3 {display:none;}
}

@media screen and (max-width: 660px){
	/* 메인 배너 바로가기 */
	.M_banner .banner-box {flex-direction:column;}
	.M_banner .banner-box .banner-profile {margin-bottom:1.5rem;}
	.M_banner .banner-box .banner-links {width:100%;}
	.M_banner.tab-wrap .tab-contents {padding:1rem;}
	.M_banner.tab-wrap .tab-menu li a.current span {font-size:0.9rem;}
	.M_banner .banner-box .banner-profile .banner-role {font-size:1.2rem;}
}

@media screen and (max-width: 560px){
	
	/* 바로가기 */
	.M_link ul li .icon {width:4rem; height:4rem; padding:1rem; border-radius:1rem;}
	.M_link ul li .icon img {width:100%;}
	.M_link ul li .txt {font-size:0.85rem;}
	
	/* 공지사항 */
	.M_notice .heading strong {font-size:1.4rem;}
	.M_notice .heading p {font-size:0.85rem;}
	.M_notice .header .control a {width:2rem; height:2rem;}
	.M_notice .header .control a i {font-size:1.25rem;}
	.tab-wrap .tab-menu {gap:0.25rem;}
	.tab-wrap .tab-menu li a {padding:0 0.5rem;}
	.M_notice [id*='notice'] {margin-top:0;}
	
	.M_banner.tab-wrap .tab-menu li a:after,
	.M_banner.tab-wrap .tab-menu li a.current:after {display:none;}

	/* 비주얼 */
	.M_visual .control {height:2.5rem; padding:0 0.5rem; gap:0.25rem;}
	.M_visual .control .count {font-size:0.85rem;}
	.M_visual .control a > i {font-size:0.9rem;}
	.M_visual .control .stop {width:1.75rem; height:1.75rem;}
}

@media screen and (max-width: 480px){
	.M_visual .control {left:1rem; top: calc(50% + 2.5rem);}
	
	.M_quick .title {flex-direction:column; align-items:flex-start;}
	.M_quick .panel.is-open .panel-body {padding:2rem 1.5rem; overflow:auto;}
	.M_quick .icon-grid {grid-template-columns: repeat(3, minmax(0, 1fr));}
	
	/* 메인 바로가기 */
	.M_banner .banner-box .banner-links .banner-link-list .banner-link {height:5rem; gap:0.25rem; justify-content:center; flex-direction:column; padding:1rem 0;}
	.M_banner .banner-box .banner-links .banner-link-list .txt {font-size:0.85rem; word-break:keep-all; text-align:center;}
	
	/* 공지사항 */	
	.M_notice.tab-wrap .header .tab-menu {max-width:calc(100% - 3rem);}
	
	/* sns */
	.M_sns .sns-box .sns-list ul a {width:1.8rem; height:1.8rem;}
	.M_sns .sns-box .sns-list ul a img {max-width:100%;}
	.M_sns .sns-box,
	.M_sns .sns-box .sns-list {align-items:flex-start; width:100%;}
	.M_sns .sns-box .sns-list strong {font-size:0.95rem;}
	.M_sns .sns-box .sns-list .box {padding-left:0; width:100%; justify-content:space-between;} 
	
	.M_sns .sns-box:before,
	.M_sns .sns-box:after {display:none;}
}

@media screen and (max-width: 380px){
	/* 바로가기 */
	.M_link ul {grid-template-columns: repeat(2, 1fr);}
	
	/* 공지사항 */
	.tab-wrap .tab-menu li {max-width: calc(100% / 2); flex: 1 1 calc(50% - 1rem);}	
	.M_notice .heading p {width: 70%; word-break: keep-all; display: block; white-space: break-spaces;}
	.M_notice .header .control {top:0.5rem;}
	
	/* 바로가기 */
	.M_quick .icon-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
	
	/* 팝업 */
	.M_popup .control {width:100%; flex-wrap:wrap; top:-3rem;}
	.M_popup .control .stop,
	.M_popup .control .play,
	.M_popup .control .prev,
	.M_popup .control .next,
	.M_popup .control a {width:1.8rem; height:1.8rem;}
	
		
	/* news*/
	.M_news .heading strong {font-size:1.15rem;}
	.M_news .heading {flex-direction:column; align-items:flex-start; gap:0.3rem;}
	.M_news .header .btn-add {font-size:0.85rem; position:absolute; right:0;}
	.M_news .header .btn-add i {width:1.8rem; height:1.8rem; font-size:1rem; order:0;}
	.M_news .header .btn-add span {text-indent:-9999px;}


}