@charset "UTF-8";
/*슬라이드 아래 여백 제거*/
.slick-slide { line-height: 0; }
.slick-slide a { display: block; }
.slick-slide img { display: block; width: 100%; height: auto; }
.count li { display: none; }
.count li.slick-active { display: flex; align-items: center; }

/*상단영역*/
.top-layout__grid { display: grid; grid-template-columns: minmax(0, 11fr) minmax(300rem, 6fr); gap: 46rem 70rem; align-items: start; }

/*상단좌측 - 메인비주얼*/
.main-visual { position: relative; min-height: 305rem; border-radius: 8rem; }
.visual-slide { border-radius: 20rem; overflow: hidden; }
.slide-control,.popup__control { position: absolute; width: 100%; bottom: -16rem; display: flex; align-items: center; gap: 18rem; color: #222222; font-size: 15rem; }
.slide-control { left: 0; right: 0; justify-content: space-between; }
.control a,.control button,.slide-control .more,.popup__control .more { text-indent: -9999rem; }
.slide-control button.more,.popup__control button.more { display: block; width: 40rem; height: 40rem; border: none; background: #125DF3 url('/design/ko2026/img/main/icon-visual.png') no-repeat 100% 100%; border-radius: 50%; position: absolute; z-index: 1; }
.slide-control button.more { right: -20rem; }
.slick-slider.fixed { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 220; }
.slick-slider.fixed .slick-list { position: absolute; left: 50%; top: 50%; max-width: 1300px; width: 94%; height: 80%; transform: translate(-50%, -50%) !important; overflow-y: auto; background: #fff; border-radius: 10rem; padding: 20rem; box-shadow: 2rem 2rem 10rem rgba(0, 0, 0, 0.4); }
.slick-slider.fixed .slick-track { display: flex; flex-wrap: wrap; width: auto !important; transform: none !important; }
.slick-slider.fixed .slick-slide {
/*float:left;*/ padding: 10rem; }
.slick-slider.fixed .slick-slide img { height: auto; }
.close_fixed { display: block; position: fixed; right: 0; top: 0; width: 60rem; height: 60rem; background: #345df5; text-indent: -99999rem; }
.close_fixed::before,.close_fixed::after { content: ''; position: absolute; left: 50%; top: 18rem; width: 4rem; height: 25rem; background: #fff; border-radius: 2rem; transform: rotate(45deg); }
.close_fixed::after { transform: rotate(-45deg); }
.main-visual .slick-slider.fixed .slick-slide { width: 50% !important; }
.slide-control .right button { display: flex; width: 54rem; height: 54rem; justify-content: center; align-items: center; border-radius: 20rem; border: 1px solid #066DFE; background: rgba(255, 255, 255, 0.90) url('/design/ko2026/img/main/icon-visual.png') no-repeat 0 0; margin-bottom: -20rem; }
.slide-control .right button.prev { background-position: 0 -1px; }
.slide-control .right button.next { background-position: 100% -1px; }
.slide-control .right { display: flex; align-items: center; gap: 8rem; margin-right: 20rem; }
.main-visual .count li { font-size: 15rem; }
.main-visual .count li strong { font-weight: 600; color: #0040C6; }
.main-visual .count li.slick-active { gap: 10rem; flex-wrap: nowrap; }
.main-visual .count .time { position: relative; width: 50rem; height: 1rem; background: #D9D9D9; overflow: hidden; }
.main-visual .count .time::before { content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #0040C6; animation: timebar; animation-duration: 3000ms; animation-iteration-count: infinite; animation-delay: 500ms; }
.main-visual .count .time.pause::before { animation-play-state: paused; animation: timebar2; }
@keyframes timebar {
 0% { width: 0; }
 100% { width: 100%; }
}
@keyframes timebar2 {
 0% { width: 0; }
 100% { width: 100%; }
}
.slide-control .left { display: flex; align-items: center; gap: 20rem; position: relative; background: #ffffff; border-radius: 0 36rem 0 0; padding: 30rem 60rem 8rem 0; box-shadow: 10rem -10rem 28rem rgba(0, 0, 0, 0.1); }
.slide-control .left::before { content: ""; position: absolute; display: block; left: -10rem; top: 0; width: 10rem; height: 100%; background: #ffffff; }
.slide-control .left::after { content: ""; position: absolute; display: block; bottom: -20rem; left: 0; width: 100%; height: 20rem; background: #ffffff; }
.control-slide { display: inline-block; width: 220rem; }
.control-slide .slide-item { display: block; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 15rem; color: #222222; line-height: 1.2; }
.control-slide .slide-item > span { display: inline-block; width: 22rem; height: 22rem; text-align: center; line-height: 22rem; border-radius: 50%; background: #EDF3FF; color: #0040C6; font-size: 11rem; margin-right: 6rem; }
button.pause,button.play { width: 20rem; height: 20rem; border: none; background: url('/design/ko2026/img/main/icon-visual.png') no-repeat -7rem 85%; }
button.pause { background-position: -7rem 85%; }
button.play { background-position: -41rem 85%; display: none; }

/*상단우측*/
.right-stack { display: grid; grid-template-columns: minmax(0, 1fr); gap: 40rem 26rem; align-content: start; width: 100%; min-width: 0; }
.right-stack > * { width: 100%; min-width: 0; max-width: 100%; }
.right-stack img { display: block; max-width: 100%; height: auto; }

/*통합검색*/
.search-panel { min-height: 142rem; padding: 25rem 30rem; border-radius: 20rem; background: url('/design/ko2026/img/main/panel-bg1.png') bottom right no-repeat, url('/design/ko2026/img/main/panel-bg2.png') top 10rem left 40% no-repeat, #EDF4FA; position: relative; }
fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
legend { color: var(--blue); font-size: 18rem; font-weight: 900; }
.search-panel label { display: block; margin: 0 0 28rem; color: #292A2F; font-size: 20rem; font-weight: 300; line-height: 134%; width: 40%; padding-right: 20rem; position: relative; }
.search-panel label::after { content: ""; display: block; position: absolute; width: 78rem; height: 86rem; background: url('/design/ko2026/img/main/search_obj.png') no-repeat 0 0/contain; top: -15rem; right: -40rem; z-index: 2; }
.search-panel label span { color: #0040C6; font-weight: 600; }
.weather-line { position: absolute; right: 0; top: 0; background: #FFFFFF; color: #344054; font-size: 13rem; border-radius: 0 0 0 20rem; padding: 10rem 10rem 10rem 110rem; display: flex; flex-wrap: wrap; gap: 10rem; }
.weather-line::before,.weather-line::after { content: ''; display: block; position: absolute; width: 20rem; height: 20rem; background: url('/design/ko2026/img/main/rcorner.png') no-repeat 0 0/cover; }
.weather-line::before { top: 0; left: -20rem; }
.weather-line::after { bottom: -20rem; right: 0; }
.weather-line .weather-contents > div:last-child { display: flex; align-items: center; }
.weather-line .weather-contents .stat { position: relative; display: flex; flex-wrap: wrap; align-items: center; }
.weather-line .weather-contents .stat::before { content: ""; display: block; width: 53rem; height: 50rem; background: url('/design/ko2026/img/main/icon-weather.png') no-repeat 0 0; position: absolute; left: -60rem; top: 0; }
.weather-line .weather-contents .stat01::before { background-position-x: -2%; }
.weather-line .weather-contents .stat02::before { background-position-x: 15%; }
.weather-line .weather-contents .stat03::before { background-position-x: 32%; }
.weather-line .weather-contents .stat04::before { background-position-x: 51%; }
.weather-line .weather-contents .stat05::before { background-position-x: 69%; }
.weather-line .weather-contents .stat06::before { background-position-x: 85%; }
.weather-line .weather-contents .stat07::before { background-position-x: 102%; }
.weather-line .weather-contents .stat .temp { color: #1F1D1D; font-family: "Aggravo"; font-size: 21rem; font-weight: 400; }
.weather-line .weather-contents .stat span { color: #000; font-family: 'SCDream', sans-serif; font-weight: 200; font-size: 17rem; letter-spacing: -0.85rem; }
.weather-line .weather-contents .stat span:first-of-type { margin-right: 5rem; }
.weather-line .weather-contents .air { color: #000; font-family: 'SCDream', sans-serif; font-size: 13rem; font-style: normal; font-weight: 300; line-height: normal; letter-spacing: -0.65rem; }
.weather-line .weather-contents .air .dust { margin-right: 15rem; }
.weather-line .weather-contents .air .dust.stat01 span { color: #275AFF; margin-left: 4rem; }
.weather-line .weather-contents .air .o3.stat01 span { color: #0C9E3D; margin-left: 4rem; }
.weather-line .weather-contents .air p { display: flex; flex-wrap: wrap; align-items: center; }
.weather-line .weather-contents .air p::before { content: ""; display: inline-block; width: 15rem; height: 15rem; border-radius: 50%; border: 1px solid #262523; margin-right: 8rem; background-image: url('/design/ko2026/img/main/icon-air.png'); background-position: 0 center; background-repeat: no-repeat; background-size: 400%; }
.weather-line .weather-contents .air p.dust::before { background-color: rgba(120, 211, 255, 0.5); }
.weather-line .weather-contents .air p.o3::before { background-color: rgba(125, 233, 162, 0.5); }
.weather-line .weather-contents .air p.stat01::before { background-position-x: 0; }
.weather-line .weather-contents .air p.stat02::before { background-position-x: 33.33%; background-color: rgb(82, 166, 68, 0.5); }
.weather-line .weather-contents .air p.stat03::before { background-position-x: 66.66%; background-color: rgba(240, 128, 46, 0.5s); }
.weather-line .weather-contents .air p.stat04::before { background-position-x: 100%; background-color: rgba(218, 68, 93, 0.5); }
.search-box { display: flex; min-height: 46rem; padding: 16rem 20rem; border-radius: 20rem; border: 2px solid #0040C6; background: #FFF; position: relative; }
.search-box select { width: 88rem; border: 0; color: #475467; font-size: 15rem; -moz-appearance: none; -webkit-appearance: none; appearance: none; background: url('/design/ko2026/img/main/search_arrow.png') no-repeat 96% center/contain; margin-right: 14rem; }
.search-box input { min-width: 0; flex: 1; border: 0; outline: 0; font-size: 15rem; padding-right: 60rem; padding-left: 20rem; border-left: 1px solid rgba(56, 56, 56, 0.2); }
.search-box button { display: block; border-radius: 20rem; border: 2px solid #125DF3; background: #125DF3; color: #FFFFFF; font-size: 15rem; font-weight: 600; line-height: 134%; position: absolute; right: -2px; top: 50%; transform: translateY(-50%); height: 64rem; width: 64rem; }
.keyword-list { display: flex; gap: 7rem; margin-top: 9rem; }
.keyword-list a { display: flex; padding: 1rem; justify-content: center; align-items: center; gap: 10rem; border-radius: 3rem; background: #FFF; color: #444444; font-size: 12rem; font-weight: 500; line-height: 20rem; }

/*경주시장 - 열린시장실*/
.mayor-card { min-height: 184rem; padding: 48rem 30rem 48rem; border-radius: 20rem; background: #FAF7EA url('/design/ko2026/img/main/mayor-bg.png') no-repeat top -30rem right -20rem; overflow: hidden; position: relative; }
.mayor-card .slogan { margin: 0 0 29rem; color: #E87421; font-family: "Yeongwol", sans-serif; font-size: 30rem; line-height: 20rem; }
.mayor-card .slogan .blue { color: #0040C6; }
.mayor-card .greeting { margin: 0 0 16rem; font-size: 25rem; font-weight: 300; line-height: 34rem; }
.mayor-card .greeting p:nth-child(2) { font-size: 20rem; font-weight: 500; }
.mayor-card .greeting p:nth-child(2) strong { font-weight: 500; color: #ffffff; background: #0040C6; }
.mayor-card ul li { margin-bottom: 7rem; }
.mayor-card a { display: inline-flex; padding: 12rem 22rem; justify-content: center; align-items: center; gap: 10rem; border-radius: 12rem; background: #FFFFFF; color: #222222; font-size: 14rem; line-height: 134%; }
.mayor-card a::after { content: ""; display: block; width: 6px; height: 10px; background: url('/design/ko2026/img/main/mayor-arrow.png') no-repeat 0 0/contain; }
.portrait { position: absolute; bottom: 0; right: 0; width: 55%; max-width: 283rem; max-height: 271rem; min-width: 180rem; }

/*요즘 경주는, 자주 찾는 메뉴, 알림창*/
.news-area { padding: 40rem 0 0; }
.news-area__grid { display: grid; grid-template-columns: minmax(0, 11fr) minmax(300rem, 6fr); gap: 46rem 70rem; }
.news-column { margin-top: -65rem; position: relative; }

/*요즘 경주는*/
.section-tabs { display: flex; align-items: center; justify-content: space-between; gap: 24rem; margin-bottom: 30rem; padding-right: 84rem; }
.section-tabs h2,.field-info h2 { margin: 0; color: #222222; font-size: 27rem; font-weight: 600; line-height: 1.3; }
.tab-nav { display: flex; flex-wrap: wrap; }
.tab-nav button { display: block; color: #777; font-size: 17rem; font-weight: 500; padding: 14rem 20rem; position: relative; border: none; background: none; gap: 12rem; }
.tab-nav button::before { content: ""; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: rgba(56, 56, 56, 0.2); width: 1px; height: 10rem; }
.tab-nav button.on { display: flex; justify-content: center; align-items: center; color: #0A3691; font-weight: 500; }
.tab-nav button.on::before { content: ""; position: absolute; display: block; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 100%; height: 100%; border-radius: 0 0 18rem 18rem; background: #FFF; z-index: -1; }
.tab-nav button.on::after { content: ""; position: absolute; display: block; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: calc(100% + 4rem); height: calc(100% + 4rem); border-radius: 0 0 20rem 20rem; background: linear-gradient(0deg, rgba(18, 93, 243, 1), rgba(18, 93, 243, 0)); box-shadow: 0 15px 15px 0 rgba(0, 64, 198, 0.10); z-index: -2; }
.tab-nav button.on + button::before { display: none !important; }
.tab-nav button.on span { display: flex; align-items: center; gap: 20rem }
.tab-nav button.on span::after { content: ""; display: block; width: 4rem; height: 4rem; transform: rotate(45deg); aspect-ratio: 1/2; border-right: 2rem solid #275BED;; border-bottom: 2rem solid #275BED;; }
.more-button { position: absolute; top: 0; right: 0; display: block; width: 50rem; height: 50rem; text-indent: -9999rem; border-radius: 16rem; background: #125DF3 url('/design/ko2026/img/main/news-more.svg') no-repeat center; }
.news-contents > div { display: none; }
.news-contents > div.on { display: block; }
.news-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20rem; }
.news-card { min-height: 170rem; border-radius: 18rem; background: #FAFAFA; }
.news-card > a { display: block; padding: 30rem; }
.news-card p { display: -webkit-box; min-height: 48rem; margin: 0 0 20rem; overflow: hidden; color: #444444; font-size: 15rem; font-weight: 300; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.news-card .subject { min-height: 52rem; margin: 0 0 14rem; font-size: 17.5rem; line-height: 1.45; color: #333333; font-weight: 500; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.news-card time,.sns-card time,.sns-card .time { color: #666666; font-family: "Pretendard", sans-serif; font-size: 15rem; font-weight: 400; }

/*자주 찾는 메뉴*/
.quick-box { margin-top: 40rem; }
.quick-menu { display: grid; grid-template-columns: repeat(7, 1fr); gap: 10rem; text-align: center; }
.quick-menu li { min-width: 90rem; }
.quick-menu a { display: block; color: #444; text-align: center; font-size: 15rem; font-weight: 500; }
.quick-menu a::before { content: ""; display: block; width: 60rem; height: 60rem; margin: 0 auto 9rem; background: url('/design/ko2026/img/main/icon-quickmenu.png') no-repeat 0 0 / 700%; }
.quick-menu li:nth-of-type(2) a::before { background-position-x: -60rem; }
.quick-menu li:nth-of-type(3) a::before { background-position-x: -120rem; }
.quick-menu li:nth-of-type(4) a::before { background-position-x: -180rem; }
.quick-menu li:nth-of-type(5) a::before { background-position-x: -240rem; }
.quick-menu li:nth-of-type(6) a::before { background-position-x: -300rem; }
.quick-menu li:nth-of-type(7) a::before { background-position-x: -360rem; }

/*알림창*/
.popup { position: relative; align-self: start; min-height: 260rem; border-radius: 8rem; }
.popup-slide { border-radius: 20rem; overflow: hidden; }
.popup__control { right: 0; width: auto; background: #FFFFFF; padding: 20rem 20rem 8rem 57rem; border-radius: 30rem 0 0 0; }
.popup__control button.more { left: -20rem; }
.popup__control button.pause { background-position: -6rem 86%; }
.popup__control button.play { background-position: -41rem 86%; }
.popup__control button.prev,.popup__control button.next { display: block; width: 20rem; height: 20rem; background: url('/design/ko2026/img/main/control-arrow.png') no-repeat 0 0/200%; border: none; }
.popup__control button.next { background-position-x: 100%; }
.popup__control .count { line-height: 20rem; }
.popup__control .count strong { font-size: 15rem; font-weight: 600; color: #0040C6; display: block; padding-right: 15rem; }
.popup__control .count span { font-size: 15rem; font-weight: 400; color: #222222; display: block; padding-left: 15rem; position: relative; }
.popup__control .count span::before { content: ""; display: block; width: 1px; height: 10rem; background: #383838; opacity: 0.2; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.popup .slick-slider.fixed .slick-slide { width: 33.33% !important; }

/*대상별 서비스와 분야별 정보*/
.info-area { padding: 30rem 0 70rem; margin-top: 50rem; }
.info-area__grid { display: grid; grid-template-columns: minmax(0, 1.51fr) minmax(300rem, 1fr); gap: 34rem 70rem; align-items: stretch; }

/*대상별 주요 서비스*/
.citizen-service { border-radius: 20rem; background: #f1f6ff; }
.citizen-tabs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5rem; transform: translateY(-30rem); padding: 0 38rem; }
.citizen-tabs button { min-height: 58rem; width: 100%; border: 0; background: #fff; font-size: 22rem; font-weight: 600; border-radius: 0 0 30rem 30rem; display: flex; align-items: center; justify-content: center; gap: 20rem; height: 88rem; transition: all 0.2s; }
.citizen-tabs button.on { position: relative; width: 100%; height: 100%; border-radius: 0 0 28rem 28rem; }
.citizen-tabs button.on::before { content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%); height: calc(100% + 2rem); width: calc(100% + 4rem); border-radius: 0 0 30rem 30rem; background: linear-gradient(0deg, rgba(18, 93, 243, 1), rgba(18, 93, 243, 0)); z-index: -1; box-shadow: 0 20px 30px 0 rgba(18, 93, 243, 0.15); transition: all 0.2s; }
.citizen-tabs button:nth-child(2).on::before { background: linear-gradient(0deg, rgba(18, 142, 243, 1), rgba(18, 142, 243, 0)); }
.citizen-tabs button:nth-child(3).on::before { background: linear-gradient(0deg, rgba(243, 120, 43, 1), rgba(243, 120, 43, 0)); }
.citizen-tabs button.on::after { content: ""; width: 60rem; height: 60rem; background: url('/design/ko2026/img/main/citizen-icon.png') no-repeat 0 0 / 300%; }
.citizen-tabs button:nth-child(1) { color: #0040C6; }
.citizen-tabs button:nth-child(2) { color: #128EF3; }
.citizen-tabs button:nth-child(3) { color: #F3782B; }
.citizen-tabs button:nth-child(2).on::after { background-position-x: 50% }
.citizen-tabs button:nth-child(3).on::after { background-position-x: 100%; }
.citizen-contents { margin-top: 20rem; }
.citizen-contents > div { display: none; }
.citizen-contents > div.on { display: block; }
.citizen-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0 12rem; padding: 0 38rem 48rem; }
.citizen-list li { padding: 6rem 0; border-bottom: 1px dashed rgba(0, 0, 0, 0.2); }
.citizen-list li:nth-child(1),.citizen-list li:nth-child(2),.citizen-list li:nth-child(3),.citizen-list li:nth-child(4) { border-top: 1px dashed rgba(0, 0, 0, 0.2); }
.citizen-list a { display: flex; align-items: center; gap: 10rem; min-height: 28rem; color: #333333; font-size: 15rem; font-weight: 500; padding: 10rem 0 10rem 5rem; transition: all 0.2s; }
.citizen-list a::before { content: '✓'; display: inline-grid; place-items: center; width: 25rem; height: 25rem; margin-right: 10rem; border: 1rem solid var(--item-color); border-radius: 6rem; color: var(--item-color); background: #ffffff; font-size: 10rem; font-weight: 800; transition: all 0.2s; }
.citizen-list a:hover { color: var(--item-color); }
.citizen-list a:hover::before { color: #ffffff; background: var(--item-color); }

/*분야별 정보*/
.field-info { align-self: stretch; padding: 45rem 40rem; border-radius: 20rem; background: linear-gradient(135deg, #ffe6d5, #fff6c9); }
.field-info__head { display: flex; justify-content: space-between; align-items: center; gap: 14rem; margin-bottom: 22rem; }
.field-info h2 { box-shadow: inset 0 -10rem 0 #FFCF74; position: relative; }
.field-info h2::after { content: ""; position: absolute; right: -130rem; bottom: -12rem; width: 111rem; height: 112rem; background: url('/design/ko2026/img/main/filed-obj.png') no-repeat 0 0 / contain; }
.field-info p { margin: 0; color: #222222; font-size: 16rem; font-weight: 300; }
.field-info-box { display: grid; gap: 10rem; }
.field-info ul { display: grid; gap: 10rem; }
.field-info ul:nth-of-type(1) { grid-template-columns: repeat(3, 1fr); }
.field-info ul:nth-of-type(2) { grid-template-columns: repeat(2, 1fr); }
.field-info a { display: flex; padding: 18rem 20rem; justify-content: space-between; gap: 16rem; align-items: center; border-radius: 12rem; background: #ffffff; color: #222222; font-size: 15rem; letter-spacing: -0.3rem; transition: all 0.2s; }
.field-info a::after { content: "→"; color: #6b7280; transition: all 0.2s; }
.field-info a:hover::after { color: #125DF3; transform: translateX(-10rem); }

/*SNS*/
.sns-section { position: relative; margin-top: 180rem; background: linear-gradient(180deg, #E9EFFB, #F5F8FD); }
.sns-section .wrap { position: relative; padding: 120rem 0 78rem; }
.sns-section::before { content: ""; display: block; width: 100%; height: 191rem; position: absolute; top: -191rem; background: url('/design/ko2026/img/main/sns-top-bg.png') no-repeat top center; z-index: -1; }
.sns-heading { position: absolute; left: 50%; top: -120rem; transform: translateX(-50%); }
.sns-heading .sns-heading-inner { position: relative; width: 240rem; height: 240rem; border-radius: 50%; background: #ffffff; padding: 20rem; overflow: hidden; }
.sns-heading .sns-heading-inner > div { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; border-radius: 50%; background: linear-gradient(145deg, #D1BE6C 14.78%, #125DF3 53.93%, #154183 82.7%); color: #fff; text-align: center; }
.sns-heading .sns-heading-inner::after { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: block; width: 161rem; height: 120rem; background: url('/design/ko2026/img/main/sns-char.png') no-repeat bottom center/contain; }
.sns-heading p { color: #FFF; text-align: center; font-family: "Aggravo"; font-size: 13rem; font-weight: 700; line-height: 34rem; opacity: 0.6; }
.sns-heading h2 { color: #FFF; font-family: "Aggravo"; font-size: 50rem; line-height: 34rem; }
.sns-heading .slogan { position: absolute; top: -60rem; left: 50%; transform: translateX(-50%); z-index: 1; }
.sns-heading::before,.sns-heading::after { content: ""; display: block; position: absolute; width: 15rem; height: 13rem; top: 50%; background: url('/design/ko2026/img/main/rconer-s.png') no-repeat 0 0/contain; }
.sns-heading::before { left: -14rem; }
.sns-heading::after { right: -14rem; transform: scaleX(-1); }
.sns-tabs { position: absolute; top: -40rem; display: flex; flex-wrap: wrap; gap: 15rem; align-items: center; }
.sns-tabs > a,.sns-tabs > button { display: block; width: 80rem; height: 80rem; border: none; background: #ffffff; padding: 10rem; border-radius: 50%; position: relative; }
.sns-tabs > a::before,.sns-tabs > a::after,.sns-tabs > button::before,.sns-tabs > button::after { content: ""; display: block; position: absolute; width: 15rem; height: 13rem; top: 50%; background: url('/design/ko2026/img/main/rconer-s.png') no-repeat 0 0/contain; }
.sns-tabs > a::before,.sns-tabs > button::before { left: -14rem; }
.sns-tabs > a::after,.sns-tabs > button::after { right: -14rem; transform: scaleX(-1); }
.sns-tabs .icon { display: block; width: 100%; height: 100%; border-radius: 50%; background: url('/design/ko2026/img/main/icon-sns.png') no-repeat 0 0/400%; }
.sns-tabs .youtube span.icon { background-position-x: 0; }
.sns-tabs .blog span.icon { background-position-x: 33.33%; }
.sns-tabs .facebook span.icon { background-position-x: 66.66%; }
.sns-tabs .instagram span.icon { background-position-x: 100%; }
.sns-tabs > a span.icon { text-indent: -999999rem; }
.sns-tabs > button span.label { display: flex; align-items: center; gap: 7rem; position: absolute; font-size: 13rem; font-weight: 600; top: -35rem; left: 50%; transform: translateX(-50%); opacity: 0; color: #ffffff; border-radius: 10rem; transition: all 0.2s; width: auto; height: auto; padding: 8rem; }
.sns-tabs > button span.label::after { content: ''; position: absolute; left: 50%; bottom: -7rem; width: 10rem; height: 10rem; transform: rotate(45deg) translate(-50%, 0); border-radius: 2rem; }
.sns-tabs > .youtube span.label,.sns-tabs > .youtube span.label::after { background: #E83030; }
.sns-tabs > .blog span.label,.sns-tabs > .blog span.label::after { background: #00a248; }
.sns-tabs > button.on span.label { opacity: 1; top: -45rem; }
.go-youtube,.go-blog { display: block; position: absolute; right: 0; top: -98.5rem; width: 171rem; height: 177rem; background: url('/design/ko2026/img/main/go-youtube.png') no-repeat top right/contain; text-indent: -999999rem; }
.go-blog { background-image: url('/design/ko2026/img/main/go-blog.png'); right: 6rem; }
.sns-contents { display: none; }
.sns-contents.on { display: block; }
.sns-slide { padding-top: 4rem; width: 100%; }
.sns-card { display: block; padding: 20rem 20rem 40rem 20rem; border-radius: 20rem; background: #fff; min-height: 249rem; }
.sns-slide .slick-slide { margin: 0 32.5rem; position: relative; top: 0; transition: top .2s ease; }
.sns-slide .slick-slide.down { top: 60rem; transition: top .2s ease; }
.sns-slide .slick-list { margin: 0 -32.5rem; padding-bottom: 60rem; }
.sns-control { position: absolute; top: -30rem; left: 30%; display: flex; gap: 10rem; background: #ffffff; padding: 20rem; border-radius: 30rem; height: 60rem; border: 1px solid #275BED; box-shadow: 0 0 0 10rem rgba(255, 255, 255, 1); }
.sns-control::before,.sns-control::after { content: ""; display: block; position: absolute; width: 15rem; height: 13rem; top: 50%; background: url('/design/ko2026/img/main/rconer-s.png') no-repeat 0 0/contain; }
.sns-control::before { left: -24rem; }
.sns-control::after { right: -24rem; transform: scaleX(-1); }
.sns-control a,.sns-control button { display: block; width: 17px; height: 17px; text-indent: -999999rem; border: none; }
.sns-control button.play { display: none; background-position: -43rem 85%; opacity: 0.5; }
.sns-control button.pause { background-position: -8rem 86%; opacity: 0.5; }
.sns-control button.prev,.sns-control button.next { background: url('/design/ko2026/img/main/control-arrow.png') no-repeat 0 center/200%; }
.sns-control button.next { background-position-x: 100%; }
.sns-card .thumb { border-radius: 10rem; overflow: hidden; margin-bottom: 25rem; }
.sns-card .thumb img { width: 100%; }
.sns-card .subject { width: 100%; overflow: hidden; color: #323232; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 17rem; font-weight: 400; line-height: 150%; letter-spacing: -0.51rem; }
.sns-card .text { width: 100%; overflow: hidden; color: #666666; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; font-size: 14rem; line-height: 150%; margin-top: 10rem; }
.sns-card time,.sns-card .time { font-size: 14rem; letter-spacing: -0.28rem; line-height: 1; display: flex; align-items: center; padding-top: 20rem; gap: 10rem; }
.sns-card time::before,.sns-card .time::before { content: ""; display: block; width: 24px; height: 24px; border-radius: 9rem; background-image: url('/design/ko2026/img/layout/side-icon.png'); background-repeat: no-repeat; background-position: 0 -10rem; }
#youtube .sns-card time::before { background-position-x: -10px; background-color: #E83030; }
#blog .sns-card .time::before { background-position-x: -55px; background-color: #000000; }

/*문화관광*/
.tour-section { padding: 64rem 0 476rem; background: url(/design/ko2026/img/main/bottom-bg.png), linear-gradient(180deg, #F5F8FD 0%, #FFFFFF 60%, #FAF7EA 100%); background-repeat: no-repeat; background-position: bottom center; background-size: 100%; }
.tour-grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(300rem, 0.95fr); gap: 60rem; }
.tour-main { min-height: 330rem; border-radius: 20rem; color: #fff; background-repeat: no-repeat; background-position : 0 0; background-size: cover; position: relative; }
.tour-main::before,.tour-main::after { content: ""; display: block; position: absolute; bottom: -30rem; }
.tour-main::before { width: 208rem; height: 158rem; left: -20rem; background: url('/design/ko2026/img/main/tour-obj-left.png') no-repeat bottom left/contain; }
.tour-main::after { width: 480rem; height: 192rem; right: -20rem; background: url('/design/ko2026/img/main/tour-obj-right.png') no-repeat bottom right/contain; }
.tour-main > div { width: 100%; height: 100%; padding: 64rem 67rem; background: rgba(10, 18, 33, 0.3); border-radius: 20rem; }
.tour-main p { color: #FFF; font-family: "Nanum SoMiCe", serif; font-size: 30rem; display: flex; align-items: center; gap: 0 27rem; line-height: 1; margin-bottom: 60rem; }
.tour-main p strong { font-size: 70rem; font-weight: 400; background: linear-gradient(90deg, #FFE735 0%, #77FFD8 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.tour-main h2 { color: #FFF; font-family: "Aggravo", sans-serif; font-size: 55rem; font-weight: 400; line-height: 1.23; margin-bottom: 20rem; margin-left: 44rem; }
.tour-main a { display: inline-flex; padding: 20rem 30rem; justify-content: center; align-items: center; gap: 20rem; border-radius: 20rem; opacity: 0.9; background: linear-gradient(90deg, #FCE837 16.13%, #47CF9E 100%); color: #1E2820; font-size: 15rem; font-weight: 600; line-height: 1; margin-left: 44rem; margin-bottom: 68rem; }
.tour-side { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18rem; }
.tour-side > div { min-height: 146rem; border-radius: 20rem; color: #fff; overflow: hidden; }
.tour-side > div:nth-child(1) { background: url('/design/ko2026/img/main/tour-bg01.jpg') no-repeat 0 0/cover; }
.tour-side > div:nth-child(2) { background: url('/design/ko2026/img/main/tour-bg02.jpg') no-repeat 0 0/cover; }
.tour-side > div:nth-child(3) { grid-column: span 1; background: url('/design/ko2026/img/main/tour-bg03.jpg') no-repeat 0 0/cover; }
.tour-side > div > a { display: block; width: 100%; height: 100%; padding: 22rem; background: rgba(0, 0, 0, 0.4); position: relative; }
.tour-side .title { margin: 0 0 18rem; font-size: 25rem; font-weight: 500; line-height: 35rem; padding-right: 34rem; position: relative; }
.tour-side .title::after { content: ""; display: block; position: absolute; right: 0; top: 10rem; width: 16rem; height: 14rem; background: url('/design/ko2026/img/main/tour-arrow.png') no-repeat 0 0; }
.tour-side .text { margin: 0; color: #FFF; font-size: 15rem; font-weight: 300; line-height: 25rem; position: absolute; width: 100%; bottom: 0; left: 0; padding: 0 22rem 22rem 22rem; }
.tour-side ul { display: grid; gap: 12rem; }
.tour-side li a { display: flex; align-items: center; justify-content: space-between; min-height: 46rem; height: 100%; padding: 0 16rem 0 64rem; border-radius: 20rem; border: 1px solid #EEE; background: #FFF; color: #222222; font-size: 16rem; font-weight: 500; line-height: 20rem; position: relative; }
.tour-side li a::after { content: ""; display: block; width: 16rem; height: 14rem; background: url('/design/ko2026/img/main/tour-arrow.png') no-repeat 0 100%; }
.tour-side li a::before { content: ""; display: block; width: 38rem; height: 38rem; background: url('/design/ko2026/img/main/icon-tour.jpg') no-repeat 0 center/300%; position: absolute; left: 16rem; }
.tour-side li:nth-of-type(2) a::before { background-position-x: 50%; }
.tour-side li:nth-of-type(3) a::before { background-position-x: 100%; }
@media (max-width:1500px) {
 .top-layout__grid,.news-area__grid,.info-area__grid { grid-template-columns: minmax(0, 10fr) minmax(0, 7fr); gap: 46rem 50rem; }
 .section-tabs { flex-wrap: wrap; padding-right: 0; }
 .tab-nav button { width: calc(100%/6); padding: 14rem; gap: 10rem; font-size: 16rem; }
 .tab-nav button.on span { gap: 10rem; }
 .news-column { margin-top: -150rem; }
 #news-title,.tab-nav { width: 100%; }
 .citizen-list { grid-template-columns: repeat(3, 1fr); }
 .citizen-list li:nth-child(4) { border-top: none; }
 .sns-slide .slick-slide { margin: 0 12.5rem; }
 .sns-slide .slick-list { margin: 0 -12.5rem; }
 .tour-grid { grid-template-columns: minmax(0, 3fr) minmax(300rem, 2fr); gap: 46rem 50rem; }
}
@media (max-width:1400px) {
 .news-column { margin-top: -200rem; }
 .tour-grid { grid-template-columns: minmax(0, 1fr) minmax(300rem, 1fr); }
 .tour-main p { font-size: 20rem; }
 .tour-main p strong { font-size: 50rem; }
 .tour-main h2,.tour-main a { margin-left: 22rem; }
 .tour-main h2 { font-size: 44rem; }
 .tour-main::before,.tour-main::after { background-size: 60%; }
}
@media (max-width:1320px) {
 .sns-slide .slick-list { margin-top: 50rem; }
 .sns-control { top: 100rem; left: 0; box-shadow: none; padding: 10rem; height: 40rem; }
 .sns-control::after,.sns-control::before { display: none; }
}
@media (max-width:1300px) {
 .info-area__grid { grid-template-columns: minmax(0, 1fr); }
 .field-info-box { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 30rem; }
}
@media (max-width:1200px) {
 .main-visual { min-height: 0; }
 .weather-line { padding-left: 55rem; }
 .weather-line .weather-contents .stat { padding-left: 40rem; justify-content: flex-end; }
 .weather-line .weather-contents .stat::before { left: 0; top: -4rem; background-size: 1000%; width: 40rem; height: 40rem; background-position-y: center; }
 .search-panel label::after { right: -60rem; }
 .news-column { margin-top: -250rem; }
 .news-card-grid { grid-template-columns: repeat(2, 1fr); }
 .news-card:nth-of-type(3) { display: none; }
 .citizen-list { padding-inline: 28rem; }
 .citizen-tabs { padding: 0 28rem; }
 .field-info { padding-inline: 30rem; }
 .sns-section .wrap { padding-bottom: 0; }
 .sns-slide .slick-slide.down { top: 0; }
 .sns-slide .slick-list { padding-bottom: 0; }
 .tour-main > div { padding: 52rem 48rem; }
}
@media (max-width:1070px) {
 .tour-section { padding-bottom: 300rem; }
 .tour-grid { grid-template-columns: 1fr; }
 .tour-side > div { min-height: 200rem; }
}
@media (max-width:1066px){
 .top-layout__grid,.info-area__grid,.tour-grid { grid-template-columns: minmax(0, 1fr); width: calc(100vw - 32rem) !important; max-width: calc(100vw - 32rem) !important; }
 .news-area__grid { width: calc(100% - 32rem) !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important; }

/* .top-layout__grid, .info-area__grid,.tour-grid { min-width: 0; width: 100%; } */
 .news-area__grid > *,.info-area__grid > *,.tour-grid > *,.news-card-grid > *,.quick-menu > * { min-width: 0; }
 .top-layout__grid { gap: 20rem; }
 .right-stack { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18rem; order: -1; }
 .search-panel,.mayor-card { min-height: 210rem; }
 .top-layout { padding-top: 24rem; }
 .news-column { margin-top: 0; }
 .news-area { padding-top: 64rem; }
}
@media (max-width:1035px) {
 .sns-section { margin-top: 50rem; }
 .sns-section::before { display: none; }
 .sns-heading { top: -100rem; }
 .sns-heading .slogan { display: none; }
 .sns-heading .sns-heading-inner { padding: 0; width: 200rem; height: 200rem; }
 .sns-heading .sns-heading-inner > div { background: none; }
 .sns-heading .sns-heading-inner::after { background-size: 95%; }
 .sns-heading h2 { font-size: 30rem; color: #125DF3; }
 .sns-heading p { font-size: 20rem; color: #125DF3; opacity: 0.6; padding-bottom: 50rem; }
}
@media (max-width:990px) {
 .news-area__grid { grid-template-columns: minmax(0, 1fr); width: calc(100vw - 32rem) !important; max-width: calc(100vw - 32rem) !important; }
 .news-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
 .news-area__grid { grid-template-columns: minmax(0, 1fr); }
 .popup .placeholder { min-height: 210rem; }
 .news-card:nth-of-type(3) { display: block; }
 .news-card > a { padding: 24rem; }
 .popup .slick-slide { margin: 0 10rem; border-radius: 20rem; overflow: hidden; }
 .popup .slick-list { margin: 0 -10rem; }
 .sns-tabs { width: 100%; }
 .sns-tabs > a { position: absolute; right: 0; }
 .go-youtube,.go-blog { display: flex; align-items: center; gap: 7rem; height: 40rem; width: auto; text-indent: 0; top: 100rem; padding: 10rem 16rem; color: #fff; border-radius: 20rem; line-height: 1.3; }
 .go-youtube { background: linear-gradient(180deg, #185EA6 17.86%, #E83030 100%); }
 .go-blog { background: linear-gradient(180deg, rgba(0, 162, 72, 0.7) 17.86%, #32B44A 64.55%); }
 .go-youtube::before,.go-blog::before { content: ""; display: block; width: 15px; height: 15px; background: url('/design/ko2026/img/main/go-sns-icon.png') no-repeat 0 0; }
 .go-blog::before { width: 14px; background-position-x: 100%; }
}
@media (max-width:900px) {
 .search-panel,.mayor-card,.popup { min-height: 0; }
 .main-visual .visual-slide,.popup-slide { border-radius: 14rem; }
 .slide-control { bottom: -12rem; }
 .slide-control .left { gap: 12rem; padding-right: 42rem; }
 .control-slide { width: min(38vw, 220rem); }
 .slide-control .right { margin-right: 12rem; }
 .slide-control .right button { width: 44rem; height: 44rem; border-radius: 14rem; background-size: 200%; }
 .search-panel { padding: 24rem; }
 .search-panel label { width: 34%; margin-bottom: 22rem; }
 .mayor-card { min-height: 220rem; }
 .section-tabs { align-items: flex-start; margin-bottom: 22rem; padding-right: 0; }
 .section-tabs h2 { width: auto; flex: 0 0 auto; font-size: 24rem; }
 .tab-nav { flex: 1; padding-bottom: 10rem; }
 .tab-nav a { flex: 0 0 auto; padding: 0 14rem; font-size: 15rem; }
 .more-button { top: 0; }
 .info-area { padding-bottom: 48rem; }
 .citizen-tabs { gap: 3rem; padding: 0 22rem; }
 .citizen-tabs button { height: 66rem; min-height: 50rem; font-size: 18rem; }
 .citizen-list { padding: 0 22rem 34rem; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18rem; }
 .citizen-list li:nth-child(3) { border-top: none; }
 .field-info { padding: 34rem 26rem; }
 .field-info h2 { font-size: 24rem; }
 .field-info-box { grid-template-columns: minmax(0, 1fr); gap: 10rem; }
 .sns-section { margin-top: 120rem; }
 .sns-section .wrap { padding-top: 104rem; }
 .sns-heading .sns-heading-inner { width: 190rem; height: 190rem; }
 .sns-heading h2 { font-size: 42rem; }
 .sns-tabs { left: 0; top: -31rem; gap: 10rem; }
 .sns-tabs > a,.sns-tabs > button { width: 62rem; height: 62rem; padding: 7rem; }
 .sns-tabs > a.facebook { right: 74rem; }
 .sns-slide .slick-slide { margin: 0 8rem; }
 .sns-slide .slick-list { margin: 0 -8rem; margin-top: 50rem; }
 .tour-section { padding-bottom: 150rem; }
 .tour-grid { gap: 50rem; }
 .tour-main { min-height: 280rem; }
 .tour-main p { font-size: 24rem; margin-bottom: 42rem; }
 .tour-main p strong { font-size: 56rem; }
 .tour-main h2 { font-size: 44rem; line-height: 1.25; }
 .tour-side { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width:768px) {
 .top-layout { padding-top: 18rem; }
 .right-stack,.news-card-grid,.field-info ul,.sns-card-grid,.tour-side,.footer-site-links,.footer-inner { grid-template-columns: 1fr; }
 .keyword-list { display: none; }
 .weather-line { width: 57%; }
 .weather-contents { display: flex; flex-wrap: wrap; gap: 0 20rem; justify-content: flex-end; }
 .news-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14rem; }
 .news-card:nth-of-type(3) { display: none; }
 .popup .slick-slide { margin: 0; border-radius: 0; }
 .popup .slick-list { margin: 0; }
 .sns-card-grid { padding-top: 0; }
 .tour-main p { font-size: 13px; }
 .tour-main p strong { font-size: 30rem; }
 .tour-side > div:nth-child(1),.tour-side > div:nth-child(2),.tour-side > div:nth-child(3) { display: none; }
 .tour-side ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .tour-side ul > li:nth-child(2) { display: none; }
 .tour-side li a { height: 76rem; width: 100%; flex-wrap: wrap; }
 .tour-side li a span { display: block; max-width: calc(100% - 16rem); }
}
@media (max-width:674px) {
 .tab-nav button { width: calc(100%/3); }
 .tab-nav button:nth-of-type(1)::before,.tab-nav button:nth-of-type(4)::before { display: none; }
 .tab-nav button.on::before { display: block; }
}
@media (max-width:600px) {
 .wrap { width: calc(100% - 32rem); }
 .top-layout { padding-top: 16rem; }
 .right-stack { grid-template-columns: 1fr; }

/* .main-visual { padding-bottom: 48rem; } */

/* .visual-slide { aspect-ratio: 1030 / 400; } */
 .visual-slide img { height: 100%; object-fit: cover; }
 .slide-control { bottom: -15rem; }
 .slide-control .left { min-width: 0; padding: 18rem 38rem 6rem 0; gap: 8rem; border-radius: 0 24rem 0 0; }
 .control-slide { display: none; }
 .main-visual .count li { font-size: 12rem; }
 .main-visual .count .time { width: 30rem; }
 .slide-control a.more { right: -14rem; width: 34rem; height: 34rem; background-position: 96% 95%; }
 .search-panel { padding: 20rem; border-radius: 14rem; }
 .search-panel label { font-size: 18rem; margin-bottom: 16rem; }
 .search-panel label::after { width: 58rem; height: 64rem; top: -8rem; }
 .weather-line { font-size: 11rem; margin-bottom: 12rem; }
 .search-box { min-height: 44rem; padding: 10rem 12rem; border-radius: 14rem; }
 .search-box select { width: 74rem; font-size: 12rem; margin-right: 7rem; }
 .search-box input { padding-left: 10rem; font-size: 13rem; }
 .search-box button { width: 54rem; height: 54rem; border-radius: 14rem; font-size: 13rem; }
 .keyword-list { flex-wrap: wrap; gap: 5rem; }
 .mayor-card { min-height: 205rem; padding: 30rem 20rem; border-radius: 14rem; }
 .mayor-card .slogan { font-size: 22rem; margin-bottom: 24rem; }
 .mayor-card .greeting { font-size: 19rem; line-height: 1.5; }
 .portrait { width: 48%; min-width: 140rem; }
 .news-area { padding-top: 62rem; }
 .section-tabs { display: block; padding-right: 48rem; }
 .section-tabs h2 { margin-bottom: 16rem; }
 .tab-nav { width: calc(100vw - 32rem); }
 .more-button { border-radius: 10px; }
 .news-area__grid { width: calc(100vw - 32rem) !important; max-width: calc(100vw - 32rem) !important; grid-template-columns: minmax(0, 1fr) !important; }
 .news-card { min-height: 0; }
 .quick-menu a::before { margin-bottom: 2rem; }
 .popup__control { padding: 14rem 14rem 6rem 42rem; }
 .info-area { padding-top: 20rem; }
 .citizen-tabs { padding: 0; }
 .citizen-tabs button.on::after { display: none; }
 .citizen-tabs button { height: 56rem; font-size: 16rem; }
 .citizen-list { padding: 0 20rem 34rem; }
 .citizen-list a { gap: 6rem; padding-left: 0; }
 .citizen-list a::before { width: 20rem; height: 20rem; flex: 0 0 20rem; margin-right: 0; }
 .field-info { padding: 26rem 20rem; border-radius: 14rem; }
 .field-info__head { display: block; margin-bottom: 18rem; }
 .field-info h2 { display: inline-block; }
 .field-info h2::after { right: -90rem; width: 76rem; height: 76rem; }
 .field-info p { margin-top: 12rem; }
 .field-info-box { gap: 7rem; }
 .field-info ul:nth-of-type(1),.field-info ul:nth-of-type(2) { gap: 7rem; }
 .field-info a { padding: 14rem 12rem; font-size: 13rem; }
 .sns-section { margin-top: 92rem; }
 .sns-section .wrap { padding: 88rem 0 0; }
 .sns-heading { top: -82px; }
 .sns-heading .sns-heading-inner { width: 164px; height: 164px; padding: 12px; }
 .sns-heading .sns-heading-inner::after { background-size: 85%; }
 .sns-heading .slogan { width: 140rem; top: -40rem; }
 .sns-tabs { top: -32rem; gap: 6rem; }
 .sns-slide .slick-list { margin-top: 70rem; }
 .sns-card { padding: 12rem 12rem 24rem; border-radius: 14rem; }
 .sns-card .thumb { min-height: 0; margin-bottom: 14rem; }
 .sns-card .subject { font-size: 15rem; }
 .tour-section { padding: 42rem 0 120rem; }
 .tour-main { min-height: 250rem; }
 .tour-main > div { padding: 34rem 24rem; }
 .tour-main p { font-size: 19rem; margin-bottom: 28rem; }
 .tour-main p strong { font-size: 44rem; }
 .tour-main h2 { margin-left: 0; font-size: 34rem; }
 .tour-main a { margin-left: 0; margin-bottom: 36rem; padding: 14rem 18rem; font-size: 13rem; }
 .tour-side { grid-template-columns: 1fr; }
 .tour-side > div { min-height: 130rem; }
}
@media (max-width:480px) {
 .weather-line { width: auto; }
 .weather-contents { display: block; }
 .sns-heading { top: -100px; }
 .sns-tabs { top: -48rem; }
 .sns-heading::before,.sns-heading::after,.sns-tabs > a::before,.sns-tabs > a::after,.sns-tabs > button::before,.sns-tabs > button::after { display: none; }
}

/*IE11 / Edge IE mode*/
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {

/*공통*/
 legend { color: #1d6cf2; }
 .weather-line .weather-contents .air p.stat02::before { background-color: rgba(82, 166, 68, .5); }
 .weather-line .weather-contents .air p.stat03::before { background-color: rgba(240, 128, 46, .5); }

 .top-layout__grid,.news-area__grid,.info-area__grid,.tour-grid { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; }
 .top-layout__grid > :first-child,.news-area__grid > :first-child { -ms-flex: 11 1 0px; flex: 11 1 0px; width: auto; max-width: none; min-width: 0; }
 .top-layout__grid > :last-child,.news-area__grid > :last-child { -ms-flex: 6 1 0px; flex: 6 1 0px; width: auto; max-width: none; min-width: 0; margin-left: 70rem; }
 .info-area__grid { -ms-flex-align: stretch; align-items: stretch; }
 .info-area__grid > :first-child { -ms-flex: 151 1 0px; flex: 151 1 0px; width: auto; min-width: 0; }
 .info-area__grid > :last-child { -ms-flex: 100 1 0px; flex: 100 1 0px; width: auto; min-width: 0; margin-left: 70rem; }
 .tour-grid > :first-child { -ms-flex: 200 1 0px; flex: 200 1 0px; width: auto; min-width: 0; }
 .tour-grid > :last-child { -ms-flex: 95 1 0px; flex: 95 1 0px; width: auto; min-width: 0; margin-left: 60rem; }

 .right-stack { display: block; width: auto; min-width: 0; max-width: none; }
 .right-stack > * { display: block; width: 100%; min-width: 0; max-width: 100%; }
 .right-stack > * + * { margin-top: 40rem; }

 .news-card-grid { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
 .news-card-grid > * { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 31.5%; min-width: 0; margin: 0 2.75% 20rem 0; }
 .news-card-grid > *:nth-child(3n) { margin-right: 0; }

 .quick-menu { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; }
 .quick-menu > * { -ms-flex: 0 0 13.4%; flex: 0 0 13.4%; width: 13.4%; min-width: 90rem; margin: 0 1.03% 0 0; }
 .quick-menu > *:last-child { margin-right: 0; }

/*슬라이드 컨트롤*/
 .slide-control button.more { top: 25rem; right: -20rem; bottom: auto; margin: 0; }
 .popup__control button.more { top: 10rem; left: -20rem; bottom: auto; margin: 0; }
 .slide-control > * + *,.popup__control > * + * { margin-left: 18rem; }
 .slide-control .left > * + * { margin-left: 20rem; }
 .slide-control .right > * + * { margin-left: 8rem; }
 .count li.slick-active > * + * { margin-left: 10rem; }
 .keyword-list a + a { margin-left: 7rem; }
 .tab-nav button.on span::after { margin-left: 20rem; }
 .field-info__head > * + * { margin-left: 14rem; }
 .field-info a::after { margin-left: 16rem; }
 .sns-tabs > * + * { margin-left: 15rem; }
 .sns-control > * + * { margin-left: 10rem; }
 .sns-card time::before,.sns-card .time::before { margin-right: 10rem; }
 .tour-main p strong { margin-left: 27rem; }
 .mayor-card a::after { margin-left: 10rem; }

/*요즘 경주는 탭*/
 .tab-nav button { zoom: 1; }
 .tab-nav button.on { position: relative; display: block !important; border: 2rem solid transparent; border-top: 0; border-radius: 0 0 20rem 20rem; box-sizing: border-box; background-color: #fff; background-image: linear-gradient(#fff, #fff), linear-gradient(0deg, rgba(18, 93, 243, 1) 0%, rgba(18, 93, 243, 0) 100%); background-origin: padding-box, border-box; background-clip: padding-box, border-box; box-shadow: 0 15rem 15rem rgba(0, 64, 198, .10); color: #0A3691; text-align: center; white-space: nowrap; zoom: 1; }
 .tab-nav button.on::before,.tab-nav button.on::after { display: none !important; }
 .tab-nav button.on span { position: relative; display: inline-block !important; color: #0A3691 !important; visibility: visible !important; opacity: 1 !important; white-space: nowrap; zoom: 1; }
 .tab-nav button.on span::after { content: ""; display: inline-block !important; position: relative; width: 4rem; height: 4rem; margin-left: 20rem; vertical-align: middle; transform: rotate(45deg); border-right: 2rem solid #275BED; border-bottom: 2rem solid #275BED; }

/*대상별 주요 서비스*/
 .citizen-tabs { display: -ms-flexbox; display: flex; width: auto; margin: 0; }
 .citizen-tabs > button { -ms-flex: 1 1 0px; flex: 1 1 0px; width: auto; min-width: 0; height: 88rem; min-height: 88rem; max-height: 88rem; margin-right: 5rem; border: 0; box-sizing: border-box; }
 .citizen-tabs > button:last-child { margin-right: 0; }
 .citizen-tabs button.on { -ms-flex: 1 1 0px; flex: 1 1 0px; width: auto; height: 88rem; min-height: 88rem; max-height: 88rem; border: 2rem solid transparent; border-top: 0; border-radius: 0 0 30rem 30rem; box-sizing: border-box; background-color: #fff; background-origin: padding-box, border-box; background-clip: padding-box, border-box; }
 .citizen-tabs button.on::before { display: none; }
 .citizen-tabs button.on::after { margin-left: 20rem; }
 .citizen-tabs button:nth-child(1).on { background-image: linear-gradient(#fff, #fff), linear-gradient(0deg, rgba(18, 93, 243, 1) 0%, rgba(18, 93, 243, 0) 100%); box-shadow: 0 20rem 30rem rgba(18, 93, 243, .15); }
 .citizen-tabs button:nth-child(2).on { background-image: linear-gradient(#fff, #fff), linear-gradient(0deg, rgba(18, 142, 243, 1) 0%, rgba(18, 142, 243, 0) 100%); box-shadow: 0 20rem 30rem rgba(18, 142, 243, .15); }
 .citizen-tabs button:nth-child(3).on { background-image: linear-gradient(#fff, #fff), linear-gradient(0deg, rgba(243, 120, 43, 1) 0%, rgba(243, 120, 43, 0) 100%); box-shadow: 0 20rem 30rem rgba(243, 120, 43, .15); }

 .citizen-list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: auto; margin: 0; }
 .citizen-list > li { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 24%; min-width: 0; margin-right: 1.333333%; }
 .citizen-list > li:nth-child(4n) { margin-right: 0; }
 .citizen-list a::before { display: inline-block; -ms-flex: 0 0 25rem; flex: 0 0 25rem; width: 25rem; height: 25rem; line-height: 23rem; text-align: center; box-sizing: border-box; }

 .citizen-tab-1 .citizen-list a::before { border-color: #125DF3; color: #125DF3; }
 .citizen-tab-1 .citizen-list a:hover { color: #125DF3; }
 .citizen-tab-1 .citizen-list a:hover::before { color: #fff; background: #125DF3; border-color: #125DF3; }
 .citizen-tab-2 .citizen-list a::before { border-color: #128EF3; color: #128EF3; }
 .citizen-tab-2 .citizen-list a:hover { color: #128EF3; }
 .citizen-tab-2 .citizen-list a:hover::before { color: #fff; background: #128EF3; border-color: #128EF3; }
 .citizen-tab-3 .citizen-list a::before { border-color: #F3782B; color: #F3782B; }
 .citizen-tab-3 .citizen-list a:hover { color: #F3782B; }
 .citizen-tab-3 .citizen-list a:hover::before { color: #fff; background: #F3782B; border-color: #F3782B; }

/*분야별 정보*/
 .field-info-box { display: block; }
 .field-info-box > ul + ul { margin-top: 10rem; }
 .field-info ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
 .field-info ul > li { -ms-flex: 0 0 auto; flex: 0 0 auto; min-width: 0; }
 .field-info ul:nth-of-type(1) > li { width: 32%; margin-right: 2%; }
 .field-info ul:nth-of-type(1) > li:nth-child(3n) { margin-right: 0; }
 .field-info ul:nth-of-type(1) > li:nth-child(-n+3) { margin-bottom: 10rem; }
 .field-info ul:nth-of-type(2) > li { width: 49%; margin-right: 2%; }
 .field-info ul:nth-of-type(2) > li:nth-child(2n) { margin-right: 0; }
 .field-info ul:nth-of-type(2) > li:nth-child(-n+2) { margin-bottom: 10rem; }

/*문화관광*/
 .tour-grid { -ms-flex-align: stretch; align-items: stretch; }
 .tour-side { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; width: 100%; }
 .tour-side > div,.tour-side > ul { -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(50% - 9rem); min-width: 0; margin-right: 18rem; margin-bottom: 0; box-sizing: border-box; }
 .tour-side > :nth-child(2n) { margin-right: 0; }
 .tour-side > :nth-child(-n+2) { margin-bottom: 18rem; }
 .tour-side > ul { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: stretch; align-items: stretch; }
 .tour-side > ul > li { -ms-flex: 1 1 0px; flex: 1 1 0px; min-height: 0; margin: 0; }
 .tour-side > ul > li + li { margin-top: 12rem; }
 .tour-side > ul > li > a { height: 100%; min-height: 46rem; }
 .tour-side li a { -ms-flex-pack: start; justify-content: flex-start; padding: 0 48rem 0 64rem; font-weight: 600; }
 .tour-side li a::before { top: 50%; transform: translateY(-50%); }
 .tour-side li a::after { position: absolute; right: 16rem; top: 50%; margin-left: 0; transform: translateY(-50%); }

/*텍스트 보정*/
 .control-slide { width: 220rem; max-width: 220rem; }
 .news-card p { display: block; overflow: hidden; max-height: 72rem; }
 .news-card .subject { display: block; overflow: hidden; max-height: 54rem; }
 .sns-card .subject { display: block; overflow: hidden; max-height: 52rem; }
 .sns-card .text { display: block; overflow: hidden; max-height: 84rem; }
 .tour-main p strong { -webkit-text-fill-color: currentColor; color: #FFE735; background: none; }
}

/*1500*/
@media all and (-ms-high-contrast:none) and (max-width:1500px),all and (-ms-high-contrast:active) and (max-width:1500px) {
 .top-layout__grid > :first-child,.news-area__grid > :first-child { -ms-flex: 10 1 0px; flex: 10 1 0px; }
 .top-layout__grid > :last-child,.news-area__grid > :last-child { -ms-flex: 7 1 0px; flex: 7 1 0px; margin-left: 50rem; }
 .info-area__grid > :first-child { -ms-flex: 10 1 0px; flex: 10 1 0px; }
 .info-area__grid > :last-child { -ms-flex: 7 1 0px; flex: 7 1 0px; margin-left: 50rem; }
 .tour-grid > :first-child { -ms-flex: 3 1 0px; flex: 3 1 0px; }
 .tour-grid > :last-child { -ms-flex: 2 1 0px; flex: 2 1 0px; margin-left: 50rem; }

 .section-tabs > .tab-nav { margin-left: 0; margin-top: 24rem; }
 .citizen-list > li { width: 32%; margin-right: 2%; }
 .citizen-list > li:nth-child(4n) { margin-right: 2%; }
 .citizen-list > li:nth-child(3n) { margin-right: 0; }
 .tab-nav button.on span::after { margin-left: 10rem; }
}

/*1400*/
@media all and (-ms-high-contrast:none) and (max-width:1400px),all and (-ms-high-contrast:active) and (max-width:1400px) {
 .tour-grid > :first-child,.tour-grid > :last-child { -ms-flex: 1 1 0px; flex: 1 1 0px; }
}

/*1300*/
@media all and (-ms-high-contrast:none) and (max-width:1300px),all and (-ms-high-contrast:active) and (max-width:1300px) {
 .info-area__grid { display: block; }
 .info-area__grid > :last-child { margin-left: 0; margin-top: 46rem; }
 .field-info-box { display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; }
 .field-info-box > ul:first-child { -ms-flex: 3 1 0px; flex: 3 1 0px; min-width: 0; }
 .field-info-box > ul:last-child { -ms-flex: 2 1 0px; flex: 2 1 0px; min-width: 0; margin-top: 0; margin-left: 30rem; }
}

/*1200*/
@media all and (-ms-high-contrast:none) and (max-width:1200px),all and (-ms-high-contrast:active) and (max-width:1200px) {
 .news-card-grid > * { width: 48.5%; margin-right: 3%; }
 .news-card-grid > *:nth-child(3n) { margin-right: 3%; }
 .news-card-grid > *:nth-child(2n) { margin-right: 0; }
 .citizen-list { padding-left: 28rem; padding-right: 28rem; }
 .field-info { padding-left: 30rem; padding-right: 30rem; }
}

/*1070*/
@media all and (-ms-high-contrast:none) and (max-width:1070px),all and (-ms-high-contrast:active) and (max-width:1070px) {
 .tour-grid { display: block; width: 100%; }
 .tour-grid > :last-child { margin-left: 0; margin-top: 46rem; }
 .tour-side > div,.tour-side > ul { width: calc(50% - 9rem); }
}

/*1066*/
@media all and (-ms-high-contrast:none) and (max-width:1066px),all and (-ms-high-contrast:active) and (max-width:1066px) {
 .top-layout { padding-top: 24rem; }
 .top-layout__grid { position: relative; display: block; width: calc(100% - 32rem) !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important; padding-top: 228rem; }
 .top-layout__grid > .main-visual { position: relative; width: 100%; min-width: 0; margin: 0; padding-bottom: 42rem; }
 .top-layout__grid > .right-stack { position: absolute; left: 0; top: 0; display: -ms-flexbox; display: flex; width: 100%; height: 210rem; margin: 0; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: stretch; align-items: stretch; }
 .right-stack > * { -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(50% - 9rem); height: 210rem; min-height: 210rem; max-height: 210rem; margin: 0; min-width: 0; box-sizing: border-box; }
 .right-stack > * + * { margin-left: 18rem; margin-top: 0; }

 .info-area__grid,.tour-grid { width: calc(100% - 32rem) !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important; }
 .news-area__grid { width: calc(100% - 32rem) !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important; }

 .news-column { margin-top: 0; }
 .news-area { position: relative; clear: both; padding-top: 64rem; }
}

/*990*/
@media all and (-ms-high-contrast:none) and (max-width:990px),all and (-ms-high-contrast:active) and (max-width:990px) {
 .news-area__grid { display: block; width: calc(100% - 32rem) !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important; }
 .news-area__grid > :last-child { margin-left: 0; margin-top: 46rem; }
 .news-card-grid > * { width: 31.5%; margin-right: 2.75%; }
 .news-card-grid > *:nth-child(2n) { margin-right: 2.75%; }
 .news-card-grid > *:nth-child(3n) { margin-right: 0; }
 .go-youtube::before,.go-blog::before { margin-right: 7rem; }
}

/*900*/
@media all and (-ms-high-contrast:none) and (max-width:900px),all and (-ms-high-contrast:active) and (max-width:900px) {
 .top-layout__grid { padding-top: 238rem; }
 .top-layout__grid > .right-stack { height: 220rem; }
 .right-stack > * { height: 220rem; min-height: 220rem; max-height: 220rem; }
 .control-slide { width: 38vw; max-width: 220rem; }
 .slide-control .left > * + * { margin-left: 12rem; }
 .sns-tabs > * + * { margin-left: 10rem; }
 .section-tabs > .tab-nav { margin-left: 24rem; margin-top: 0; }

 .citizen-tabs button,.citizen-tabs button.on { height: 66rem; min-height: 66rem; max-height: 66rem; }
 .citizen-tabs > button { margin-right: 3rem; }
 .citizen-list > li { width: 49%; margin-right: 2%; }
 .citizen-list > li:nth-child(3n) { margin-right: 2%; }
 .citizen-list > li:nth-child(2n) { margin-right: 0; }

 .field-info-box { display: block; }
 .field-info-box > ul:last-child { margin-left: 0; margin-top: 10rem; }
 .tour-grid > :last-child { margin-top: 50rem; }
}

/*768*/
@media all and (-ms-high-contrast:none) and (max-width:768px),all and (-ms-high-contrast:active) and (max-width:768px) {

/*상단영역 : 통합검색/날씨 -> 시장실 -> 메인비주얼*/
 .top-layout { padding-top: 18rem; }
 .top-layout__grid { position: relative; display: -ms-flexbox !important; display: flex !important; -ms-flex-direction: column; flex-direction: column; width: calc(100% - 32rem) !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important; padding-top: 0 !important; -ms-flex-align: stretch; align-items: stretch; }

 /*DOM상 뒤에 있는 right-stack을 먼저 배치*/
 .top-layout__grid > .right-stack { position: static !important; display: block !important; -ms-flex-order: -1; order: -1; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 0 20rem !important; }

 /*right-stack 내부는 통합검색 -> 시장실 순서 그대로*/
 .right-stack > * { position: relative; display: block; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; }
 .right-stack > * + * { margin-left: 0 !important; margin-top: 18rem !important; }
 .right-stack .search-panel { min-height: 0 !important; }
 .right-stack .mayor-card { min-height: 220rem !important; }

 /*메인비주얼은 right-stack 다음에 배치*/
 .top-layout__grid > .main-visual { position: relative !important; display: block; -ms-flex-order: 0; order: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; clear: both; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding-bottom: 52rem; }
 .main-visual .visual-slide { position: relative; display: block; width: 100%; height: auto; }
 .main-visual .slick-slider,.main-visual .slick-list,.main-visual .slick-track { position: relative; }
 .main-visual .slick-list { height: auto !important; }

/*요즘 경주는*/
 .news-area { position: relative; clear: both; padding-top: 54rem; }
 .news-area__grid { position: relative; display: block; width: calc(100% - 32rem) !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important; }
 .news-area__grid > .news-column { position: relative; width: 100%; margin: 0; }
 .news-area__grid > :last-child { margin-left: 0; margin-top: 46rem; }

 .news-card-grid > * { width: 48.5%; margin-right: 3%; }
 .news-card-grid > *:nth-child(3n) { margin-right: 3%; }
 .news-card-grid > *:nth-child(2n) { margin-right: 0; }

 .field-info ul { display: block; }
 .field-info ul > li,.field-info ul:nth-of-type(1) > li,.field-info ul:nth-of-type(2) > li { width: 100%; margin: 0; }
 .field-info ul > li + li { margin-top: 10rem; }

 .tour-side { display: block; }
 .tour-side > div,.tour-side > ul { width: 100%; margin: 0; }
 .tour-side > ul { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; }
 .tour-side > ul > li { -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(50% - 6rem); margin: 0 12rem 12rem 0; box-sizing: border-box; }
 .tour-side > ul > li:nth-child(2n) { margin-right: 0; }
 .tour-side > ul > li + li { margin-top: 0; }

 .weather-contents > * + * { margin-left: 20rem; }
}

/*600*/
@media all and (-ms-high-contrast:none) and (max-width:600px),all and (-ms-high-contrast:active) and (max-width:600px) {
 .top-layout { padding-top: 16rem; }
 .top-layout__grid > .right-stack { margin-bottom: 16rem !important; }
 .right-stack > * + * { margin-top: 16rem !important; }
 .right-stack .mayor-card { min-height: 205rem !important; }
 .top-layout__grid > .main-visual { padding-bottom: 48rem; }

 .visual-slide img { height: auto !important; }
 .section-tabs > .tab-nav { width: 100%; margin-left: 0; margin-top: 0; }
 .citizen-tabs button,.citizen-tabs button.on { height: 56rem; min-height: 56rem; max-height: 56rem; }
 .citizen-list a::before { margin-right: 6rem; }

 .field-info-box > ul + ul { margin-top: 7rem; }
 .field-info ul > li + li { margin-top: 7rem; }
 .field-info__head > * + * { margin-left: 0; }

 .keyword-list a + a { margin-left: 5rem; }
 .sns-tabs > * + * { margin-left: 6rem; }
 .slide-control .left > * + * { margin-left: 8rem; }

 .tour-side > ul > li { width: calc(50% - 6rem); margin-right: 12rem; }
 .tour-side > ul > li:nth-child(2n) { margin-right: 0; }
}

/*480*/
@media all and (-ms-high-contrast:none) and (max-width:480px),all and (-ms-high-contrast:active) and (max-width:480px) {
 .weather-contents > * + * { margin-left: 0; }
}