@charset "utf-8";
@import url('/share/css/swiper.min.css');

/* 서브페이지 콘텐츠 디자인에 따라 body 폰트사이즈 기본을 어떤걸로 할지 정해야함 */

body {font-size: 1.6rem; line-height: 1.5;}

.main-tit {margin-bottom: 2.4rem; font-size: 3rem; font-weight: 700; color: #222;}

.tab-wrap .tabpanel > div {display: none;}
.tab-wrap .tabpanel > div.active {display: block;}

.main-section {position: relative; padding: 5.6rem 0 8.8rem; background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.90) 100%), linear-gradient(83deg, #FFF6F4 0.66%, #FFF 49.04%, #FDEFF2 97.42%); overflow: hidden;}
.main-section::before {content: ''; position: absolute; z-index: 0; right: 0; bottom: 2.2rem; width: 64rem; height: 64rem; border-radius: 50%;
background: linear-gradient(180deg, #FDE3ED 34.62%, rgba(255, 255, 255, 0.00) 100%);}
.main-section::after {content: ''; position: absolute; z-index: 0; left: 0; bottom: 0; width: 35.8rem; height: 35.8rem; border-radius: 50%; background: linear-gradient(180deg, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.00) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.00) 100%);}
.main-section .top {position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; gap: 4rem; margin-bottom: 3.2rem;}
.main-section .top .weather {display: flex; align-items: center; gap: 1.6rem; padding-left: 4rem;}
.main-section .top .weather .air {color: var(--krds-light-color-text-subtle); font-weight: 700;}
.main-section .top .weather .air strong.good {color: var(--krds-light-color-divider-primary);}
.main-section .top .weather .air strong.bad {color: var(--krds-color-light-danger-50);}
.main-section .top .search {position: relative; padding-right: 3rem;}
.main-section .top .search::after {content: ''; position: absolute; z-index: 1; left: 6.5px; bottom: 2px; width: 108px; height: 74px; background: url(../img/main/ico_search_mark.svg) no-repeat 0 0;}
.main-section .top .search .sc-box {position: relative; width: 60.3rem; height: 7.3rem; padding: 0; border-radius: 7rem 5rem 5rem 1rem; background: #fff; border: 2px solid #D9204C; background-origin: border-box; background-clip: content-box, border-box; overflow: hidden;}
.main-section .top .search .sc-box input[type="search"] {width: 100%; height: 100%; padding: 0 3rem 0 13rem; border: 0; font-weight: 700; font-size: 1.8rem; color: var(--krds-light-color-text-basic);}
.main-section .top .search .sc-box input[type="search"]::placeholder {font-size: 1.8rem; color: var(--krds-light-color-text-subtle);}
.main-section .top .search .search-btn {position: absolute; z-index: 1; right: 0; top: 50%; width: 6rem; height: 6rem; border-radius: 50%; border-radius: 5rem; text-indent: -9999px; background: #D9204C url(../img/main/ico_main_search.svg) no-repeat center; box-shadow: 0.4rem 0.4rem 1rem 0 rgba(0, 0, 0, 0.14); transform: translateY(-50%);}
.main-section .top .population {opacity: 0;}
.main-section .top .population p {font-weight: 700;}
.main-section .top .population .statu {color: var(--krds-light-color-text-subtle);}
.main-section .top .population .statu strong {color: var(--krds-light-color-divider-primary);}
.main-section .btm {display: flex; justify-content: space-between; gap: 4rem;}
.main-section .btm .headman {position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: space-between; width: 54.3rem; height: 50rem; padding: 5.6rem 4rem 4.8rem; border-radius: 3rem; background: url(../img/main/bg_main_headman01.png) no-repeat center/cover, linear-gradient(180deg, #FFEEF0 0%, #EDEEFD 100%); overflow: hidden;}
.main-section .btm .headman::before {content:''; position: absolute; z-index: 1; bottom: 0; right: -2.5rem; width: 36rem; height: 48rem; background: url(../img/main/pic_main_headman.png) no-repeat center/cover;}
.main-section .btm .headman h3 {font-size: 3.8rem; margin-bottom: 2rem;}
.main-section .btm .headman h3 span {font-size: 3rem;}
.main-section .btm .headman .btns {display: flex; flex-direction: column; align-items: flex-start; gap: 0.8rem; width: 100%;}
.main-section .btm .headman .btns a {display: flex; align-items: center; gap: 1rem; width: 100%; padding: 2rem; font-size: 1.6rem; font-weight: 700; color: var(--main-primary-80); border-radius: 1rem; background: #fff;}
.main-section .btm .headman .btns a::after {content:''; display: inline-block; width: 2.4rem; height: 2.4rem; background: url(../img/main/ico_headman_arr.svg) no-repeat right center;}
.main-section .btm #visual {position: relative; z-index: 1; width: 97.7rem; height: 50rem;}
.main-section .btm #visual .visual-tab {position: absolute; z-index: 1; right: 0; top: 0; display: flex; flex-direction: column; border-radius: 0 2rem 2rem 0; background: #EDEDED;}
.main-section .btm #visual .visual-tab button {position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 0.6rem; width: 6.4rem; height: 19rem; writing-mode: vertical-rl; border-radius: 0 2rem 2rem 0; font-size: 1.8rem; font-weight: 700; letter-spacing: 0.4rem; color: #555;}
.main-section .btm #visual .visual-tab button::before {content: ''; display: block; width: 2.4rem; height: 2.4rem; background: url(../img/main/ico_m_visual_star.svg) no-repeat center/100%;}
.main-section .btm #visual .visual-tab button::after {content: ''; position: absolute; z-index: 1; transition: var(--krds-transition-base); width: 3rem; height: 3rem; -webkit-mask-image: url('../img/main/ico_corner.svg'); mask-image: url('../img/main/ico_corner.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; background: #EDEDED; background-size: 100%;}
.main-section .btm #visual .visual-tab button:first-of-type {position: relative;}
.main-section .btm #visual .visual-tab button:first-of-type::after {left: -3rem; top: 0; transform: rotate(90deg);}
.main-section .btm #visual .visual-tab button:last-of-type::after {left: 0; bottom: -3rem;}
.main-section .btm #visual .visual-tab button.select {color: #fff; background: #D9204C;}
.main-section .btm #visual .visual-tab button.select::before {background-image: url(../img/main/ico_m_visual_star_on.svg);}
.main-section .btm #visual .visual-tab button.select::after {background: #D9204C;}
.main-section .btm #visual .visual-content > div {position: relative; width: 91.3rem; height: 50rem;}
.main-section .btm #visual .visual-content .swiper-slide img {display: block; width: 100%;}
.main-section .btm #visual .visual-content .visual-swiper {overflow: hidden; border-radius: 3rem;}
.main-section .btm #visual .visual-content a {position: relative; display: block;}
.main-section .btm #visual .visual-content a:after {content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 3rem; box-sizing: border-box;}
.main-section .btm #visual .visual-content a:focus-visible::after {content: ''; position: absolute; left: 2px; top: 2px; width: calc(100% - 3px); height: calc(100% - 3px); outline: 2px solid var(--krds-color-light-primary-50); border: 2px solid #fff; box-sizing: border-box;}
.main-section .btm #visual .control {display: flex; align-items: center; position: absolute; z-index: 1; left: 50%; bottom: 0; padding: 0.8rem 2.4rem; transform: translate(-50%, 50%); background: #fff; border-radius: 2rem; box-shadow: var(--krds-shadow2);}
.main-section .btm #visual .control button {display: block; width: 3.2rem; height: 3.2rem; background-repeat: no-repeat; background-position: center; background-size: 100%;}
.main-section .btm #visual .control button.prev-btn {background-image: url(../img/main/ico_visual_prev.svg);}
.main-section .btm #visual .control button.next-btn {background-image: url(../img/main/ico_visual_next.svg);}
.main-section .btm #visual .control button.play-btn.play {background-image: url(../img/main/ico_visual_play.svg);}
.main-section .btm #visual .control button.play-btn.pause {background-image: url(../img/main/ico_visual_pause.svg);}
.main-section .btm #visual .control button.all-btn {background-image: url(../img/main/ico_visual_all.svg);}
.main-section .btm #visual .control .swiper-pagination {position: static; display: flex; width: auto; margin-right: 0.8rem; gap: 0.8rem; font-weight: 700; color: #555;}
.main-section .btm #visual .control .swiper-pagination .swiper-pagination-current {color: var(--krds-light-color-text-basic);}
.main-section .btm #visual .control .swiper-pagination .swiper-pagination-total {font-weight: 400;}
.swiper-notification {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}

.krds-modal.visual-modal .modal-dialog .modal-header .modal-title {padding-left: 6rem; background: url(../img/main/ico_m_visual_star_on.svg) no-repeat left center/4rem;}
.krds-modal .modal-dialog .modal-conts .conts-area.main-visual-list {display: flex; flex-direction: row; gap: 30px; flex-wrap: wrap; justify-content: space-between;}
.krds-modal .modal-dialog .modal-conts .conts-area.main-visual-list a {display: block; width: calc(50% - 15px); border-radius: 2.4rem; overflow: hidden;}

.jmp-news {padding: 0 0 4.8rem;}
.jmp-news .inner {display: flex; gap: 4rem;}
.jmp-news .news-wrap {flex-grow: 1; min-width: 0; position: relative;}
.jmp-news .news-wrap .news-board .tablist {display: flex; position: absolute; z-index: 1; right: 5rem; top: 0.55rem; border-radius: 3rem; background: #F5F5F5; overflow-x: auto;}
.jmp-news .news-wrap .news-board .tablist a,
.jmp-news .news-wrap .news-board .tablist button {padding: 0.8rem 3rem; border-radius: 3rem; font-size: 1.8rem; font-weight: 700; color: #555; box-sizing: border-box;}
.jmp-news .news-wrap .news-board .tablist .select {color: #fff; background: var(--main-primary-80); box-shadow: var(--krds-shadow2);}
.jmp-news .news-wrap .news-board .tablist .select:focus {outline: 3px solid var(--krds-color-light-primary-50);}
.jmp-news .news-wrap .news-board .more-btn {display: block; position: absolute; z-index: 1; right: 0; top: 0.55rem; width: 4rem; height: 4rem; border-radius: 50%; background: var(--main-primary-80) url(../img/main/ico_more_btn.svg) no-repeat center; box-shadow: var(--krds-shadow2);}
.jmp-news .news-wrap .news-board .more-btn:focus {outline: 3px solid var(--krds-color-light-primary-50);}
.jmp-news .news-wrap .news-board .cont ul {display: flex; gap: 2.4rem;}
.jmp-news .news-wrap .news-board .cont ul li {flex: 1;}
.jmp-news .news-wrap .news-board .cont ul li a {content: ''; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; padding: 32px; height: 100%; border: none; box-shadow: inset 0 0 0 1px #B5B5B5; border-radius: 2.4rem;}
.jmp-news .news-wrap .news-board .cont ul li a:focus,
.jmp-news .news-wrap .news-board .cont ul li a:hover {box-shadow: inset 0 0 0 3px var(--main-primary-50), var(--krds-shadow3);}
.jmp-news .news-wrap .news-board .cont ul li a:focus .txt strong,
.jmp-news .news-wrap .news-board .cont ul li a:hover .txt strong {text-decoration: underline;}
.jmp-news .news-wrap .news-board .cont ul li .txt em {display: inline-block; padding: 0.2rem 1.4rem; border-radius: 3rem; margin-bottom: 1.2rem; color: var(--main-primary-50); border: 1px solid var(--main-primary-50);}
.jmp-news .news-wrap .news-board .cont ul li .txt strong {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 1.5rem; font-size: 1.8rem; font-weight: 700; color: var(--krds-light-color-text-basic);}
.jmp-news .news-wrap .news-board .cont ul li .txt p {display: -webkit-box; color: #555; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.jmp-news .news-wrap .news-board .cont ul li .date {display: block; width: 100%; padding-left: 3rem; margin-top: 2.9rem; padding-top: 2rem; color: #555; border-top: 1px dashed #D2D2D2; background: url(/share/images/krds/ico_time.svg) no-repeat left 20px;}
.jmp-news .tour-ban {display: block; position: relative; flex-shrink: 0; width: 300px; height: 375px; text-align: center; color: #fff; padding-top: 5.8rem; border-radius: 2.4rem; background: url(../img/main/bg_tour_ban.png) no-repeat center/cover;}
.jmp-news .tour-ban::before {content: ''; position: absolute; z-index: 1; right: 0; bottom: 0; width: 74px; height: 84px; background: url(../img/main/main_tour_corner.svg) no-repeat center;}
.jmp-news .tour-ban::after {content: ''; position: absolute; z-index: 1; right: 0; bottom: 0; width: 50px; height: 50px; border-radius: 50%; background: var(--main-primary-80) url(../img/main/ico_tour_more.svg) no-repeat center; transition: var(--krds-transition-base); transform: rotate(45deg);}
.jmp-news .tour-ban:focus::after,
.jmp-news .tour-ban:hover::after {background-color: var(--main-primary-50); transform: rotate(0deg);}
.jmp-news .tour-ban h3 {font-size: 38px;}
.jmp-news .tour-ban span {display: inline-block; margin-top: 13px; padding: 8px 30px; color: #fff; font-size: 18px; font-weight: 700; border-radius: 50px; border: 2px solid #fff; background: var(--main-primary-50);}

.favorite-wrap {max-width: 176.8rem; padding: 4.8rem 2.4rem; margin: 0 auto;}
.favorite-wrap .fv-inner {padding: 6rem 0; background:  url(../img/main/pic_main_favorite01.png) no-repeat center/cover, linear-gradient(0deg, #F8F2F3 0%, #F8F2F3 100%); border-radius: 3rem;}
.favorite-wrap .fv-inner .inner {display: flex; gap: 4rem;}
.favorite-wrap .fv-inner #favorite {flex-grow: 1; display: flex; justify-content: space-between;}
.favorite-wrap .fv-inner #favorite .title {padding-top: 2rem; color: #222;}
.favorite-wrap .fv-inner #favorite .title h3 {margin-bottom: 0.6rem;}
.favorite-wrap .fv-inner #favorite .fv-swiper-wrap {width: 67.5rem; height: 100%; padding: 2.7rem; overflow: hidden; border-radius: 2.4rem; box-shadow: var(--krds-shadow2); background: rgba(255,255,255,0.8);}
.favorite-wrap .fv-inner #favorite .fv-swiper-wrap .fv-swiper {overflow: hidden; height: 100%;}
.favorite-wrap .fv-inner #favorite .fv-swiper-wrap .swiper-slide {display: flex; flex-wrap: wrap;}
.favorite-wrap .fv-inner #favorite .fv-swiper-wrap .swiper-slide a {display: block; width: calc(25% - 10px); margin: 5px; height: calc(50% - 10px); padding-top: 9.5rem; text-align: center; color: var(--krds-light-color-text-basic); border-radius: 1rem; background-repeat: no-repeat; background-position: center top 2rem; word-break: keep-all;}
.favorite-wrap .fv-inner #favorite .fv-swiper-wrap .swiper-slide a:hover,
.favorite-wrap .fv-inner #favorite .fv-swiper-wrap .swiper-slide a:focus {text-decoration: underline;}
.favorite-wrap .fv-inner #favorite .fv-swiper-wrap .swiper-slide a.passport {background-image: url(../img/main/ico_fv_pass.svg);}
.favorite-wrap .fv-inner #favorite .fv-swiper-wrap .swiper-slide a.lll {background-image: url(../img/main/ico_fv_lll.svg);}
.favorite-wrap .fv-inner #favorite .fv-swiper-wrap .swiper-slide a.clinic {background-image: url(../img/main/ico_fv_clinic.svg);}
.favorite-wrap .fv-inner #favorite .fv-swiper-wrap .swiper-slide a.env {background-image: url(../img/main/ico_fv_env.svg);}
.favorite-wrap .fv-inner #favorite .fv-swiper-wrap .swiper-slide a.gov {background-image: url(../img/main/ico_fv_gov.svg);}
.favorite-wrap .fv-inner #favorite .fv-swiper-wrap .swiper-slide a.civil {background-image: url(../img/main/ico_fv_civil.svg);}
.favorite-wrap .fv-inner #favorite .fv-swiper-wrap .swiper-slide a.budget {background-image: url(../img/main/ico_fv_budget.svg);}
.favorite-wrap .fv-inner #favorite .fv-swiper-wrap .swiper-slide a.welfare {background-image: url(../img/main/ico_fv_welfare.svg);}
.favorite-wrap .fv-inner #favorite .fv-swiper-wrap .swiper-slide a.woman {background-image: url(../img/main/ico_fv_woman.svg);}
.favorite-wrap .fv-inner #favorite .fv-swiper-wrap .swiper-slide a.gym {background-image: url(../img/main/ico_fv_gym.svg);}
.favorite-wrap .fv-inner #favorite .fv-swiper-wrap .swiper-slide a.educate {background-image: url(../img/main/ico_fv_educate.svg);}
.favorite-wrap .fv-inner #favorite .fv-swiper-wrap .swiper-slide a.traffic {background-image: url(../img/main/ico_fv_traffic.svg);}
.favorite-wrap .fv-inner #favorite .fv-swiper-wrap .swiper-slide a.trash {background-image: url(../img/main/ico_fv_trash.svg);}
.favorite-wrap .fv-inner #favorite .fv-swiper-wrap .swiper-slide a.market {background-image: url(../img/main/ico_fv_market.svg);}
.favorite-wrap .fv-inner #favorite .fv-swiper-wrap .swiper-slide a.info {background-image: url(../img/main/ico_fv_info.svg);}
.favorite-wrap .fv-inner #favorite .fv-swiper-wrap .swiper-slide a.senior {background-image: url(../img/main/ico_fv_senior.svg);}
.favorite-wrap .fv-inner #favorite .fv-swiper-wrap .swiper-slide a.gift {background-image: url(../img/main/ico_fv_gift.svg);}
.favorite-wrap .fv-inner #favorite .fv-swiper-wrap .swiper-slide a.donation {background-image: url(../img/main/ico_fv_donation.svg);}
.favorite-wrap .fv-inner #favorite .fv-swiper-wrap .swiper-slide a.bg_guide {background-image: url(../img/main/ico_fv_bgguide.svg);}
.favorite-wrap .fv-inner #favorite .fv-swiper-wrap .swiper-slide a.recycle {background-image: url(../img/main/ico_fv_recycle.svg);}
.favorite-wrap .fv-inner #favorite .fv-swiper-wrap .swiper-slide a.scholarship {background-image: url(../img/main/ico_fv_scholarship.svg);}
.favorite-wrap .fv-inner #favorite .fv-swiper-wrap .swiper-slide a.library {background-image: url(../img/main/ico_fv_library.svg);}
.favorite-wrap .fv-inner #favorite .fv-control {display: flex; gap: 0.6rem; margin-top: 2.4rem;}
.favorite-wrap .fv-inner #favorite .fv-control button {width: 4rem; height: 4rem; border-radius: 50%; box-shadow: var(--krds-shadow2); background-color: #fff; background-repeat: no-repeat; background-position: center;}
.favorite-wrap .fv-inner #favorite .fv-control button:focus {outline-color: var(--krds-color-light-primary-50);}
.favorite-wrap .fv-inner #favorite .fv-control button.prev-btn {background-image: url(../img/main/ico_fv_prev.svg);}
.favorite-wrap .fv-inner #favorite .fv-control button.next-btn {background-image: url(../img/main/ico_fv_next.svg);}
.favorite-wrap .fv-inner .fv-links {display: flex; flex-direction: column; gap: 2.6rem; width: 52rem;}
.favorite-wrap .fv-inner .fv-links .quick {display: flex; flex-direction: column; gap: 1.6rem; padding: 3.3rem 1.6rem; background: linear-gradient(180deg, #970225 0%, #142980 99.89%); border-radius: 2.4rem;}
.favorite-wrap .fv-inner .fv-links .quick .ico {display: flex;}
.favorite-wrap .fv-inner .fv-links .quick .ico li {position: relative; display: flex; flex: 1; height: 11rem;}
.favorite-wrap .fv-inner .fv-links .quick .ico li a {display: flex; flex: 1; justify-content: center; align-items: flex-start; color: #fff; height: 100%; padding-top: 6.2rem; background-repeat: no-repeat; background-position: center 2.4rem;}
.favorite-wrap .fv-inner .fv-links .quick .ico li a:focus,
.favorite-wrap .fv-inner .fv-links .quick .ico li a:hover {background-position: center 1.6rem;}
.favorite-wrap .fv-inner .fv-links .quick .ico li a.info {background-image: url(../img/main/ico_quick_info.svg);}
.favorite-wrap .fv-inner .fv-links .quick .ico li a.find {background-image: url(../img/main/ico_quick_find.svg);}
.favorite-wrap .fv-inner .fv-links .quick .ico li a.map {background-image: url(../img/main/ico_quick_map.svg);}
.favorite-wrap .fv-inner .fv-links .quick .ico li a.job {background-image: url(../img/main/ico_quick_job.svg);}
.favorite-wrap .fv-inner .fv-links .quick .btns {position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 1.6rem;}
.favorite-wrap .fv-inner .fv-links .quick .btns::before,
.favorite-wrap .fv-inner .fv-links .quick .btns::after {content:''; position: absolute; z-index: 1;}
.favorite-wrap .fv-inner .fv-links .quick .btns::before {top: 50%; left: 0; width: 100%; height: 1px; background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.50) 50%, rgba(255, 255, 255, 0.00) 100%);}
.favorite-wrap .fv-inner .fv-links .quick .btns::after {left: 50%; top: 0; width: 1px; height: 100%; background: linear-gradient(rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.50) 50%, rgba(255, 255, 255, 0.00) 100%);}
.favorite-wrap .fv-inner .fv-links .quick .btns li {width: calc(50% - 0.3rem);}
.favorite-wrap .fv-inner .fv-links .quick .btns li a {display: flex; height: 5.2rem; justify-content: flex-start; align-items: center; color: #fff; padding: 0 1.6rem; background: url(../img/main/ico_mg_arr.svg) no-repeat right 1.2rem center}
.favorite-wrap .fv-inner .fv-links .quick .btns li a:hover,
.favorite-wrap .fv-inner .fv-links .quick .btns li a:focus {text-decoration: underline;}
.favorite-wrap .fv-inner .fv-links .sns-link {display: flex; justify-content: space-between; align-items: center;}
.favorite-wrap .fv-inner .fv-links .sns-link .links {display: flex; flex-wrap: wrap; gap: 1.2rem;}
.favorite-wrap .fv-inner .fv-links .sns-link .links li a {display: block; width: 7.6rem; height: 7.6rem; text-indent: -9999px; border-radius: 50%; background-color: rgba(255,255,255,0.4); background-repeat: no-repeat; background-position: center; background-size: 3.6rem; box-shadow: var(--krds-shadow2);}
.favorite-wrap .fv-inner .fv-links .sns-link .links li a:focus,
.favorite-wrap .fv-inner .fv-links .sns-link .links li a:hover {transform: translateY(-5px)}
.favorite-wrap .fv-inner .fv-links .sns-link .links li a.facebook {background-image: url(../img/main/ico_m_sns_facebook.svg);}
.favorite-wrap .fv-inner .fv-links .sns-link .links li a.blog {background-image: url(../img/main/ico_m_sns_blog.svg);}
.favorite-wrap .fv-inner .fv-links .sns-link .links li a.insta {background-image: url(../img/main/ico_m_sns_insta.svg);}
.favorite-wrap .fv-inner .fv-links .sns-link .links li a.kakao {background-image: url(../img/main/ico_m_sns_kakao.svg);}
.favorite-wrap .fv-inner .fv-links .sns-link .links li a.carot {background-image: url(../img/main/ico_m_sns_carot.svg);}
.favorite-wrap .fv-inner .fv-links .sns-link .links li a.youtube {background-image: url(../img/main/ico_m_sns_youtube.svg);}

.btm-board {padding: 4.8rem 0;}
.btm-board .inner {display: flex; gap: 4rem;}
.btm-board #gallery {position: relative; width: calc(50% - 2rem);}
.btm-board #gallery ul {display: flex; gap: 2.4rem;}
.btm-board #gallery ul li {flex: 1; flex-shrink: 0; width: calc(50% - 1.2rem);}
.btm-board #gallery ul li a {display: block;}
.btm-board #gallery ul li .pic {width: 100%; height: 32rem; border-radius: 2.4rem; overflow: hidden;}
.btm-board #gallery ul li .pic img {display: block; height: 100%; object-fit: cover; transition: var(--krds-transition-base);}
.btm-board #gallery ul li a:focus .txt strong,
.btm-board #gallery ul li a:hover .txt strong {text-decoration: underline;}
.btm-board #gallery ul li a:focus .pic img,
.btm-board #gallery ul li a:hover .pic img {transform: scale(1.1);}
.btm-board #gallery ul li .txt {margin-top: 1.6rem;}
.btm-board #gallery ul li .txt strong {display: block; margin-bottom: 0.8rem; font-size: 1.8rem; font-weight: 700; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.btm-board #gallery ul li .txt p {padding-left: 3rem; color: #555; background: url(/share/images/krds/ico_time.svg) no-repeat left top;}
.btm-board #gallery .more-btn {display: block; position: absolute; z-index: 1; right: 0; top: 0.55rem; width: 4rem; height: 4rem; text-indent: -9999px; border-radius: 50%; background: #1D1D1D url(../img/main/ico_more_btn.svg) no-repeat center; box-shadow: var(--krds-shadow3);}
.btm-board #gallery .more-btn:focus {outline: 3px solid var(--krds-color-light-primary-50);}
.btm-board #pzone {position: relative; width: calc(50% - 2rem);}
.btm-board #pzone .pz-swiper-wrap {overflow: hidden;}
.btm-board #pzone .pz-swiper-wrap .pz-swiper .swiper-slide {border-radius: 2.4rem; overflow: hidden;}
.btm-board #pzone .pz-swiper-wrap .pz-swiper .swiper-slide a {display: block; border-radius: 2.4rem;}
.btm-board #pzone .pz-swiper-wrap .pz-swiper .swiper-slide a:focus {border: 2px solid var(--krds-color-light-primary-50);}
.btm-board #pzone .pz-swiper-wrap .pz-swiper .swiper-slide img {display: block; width: 100%;}
.btm-board #pzone .pz-control {position: absolute; z-index: 1; right: 0; top: 0.85rem;}
.btm-board #pzone .pz-control button {width: 4rem; height: 4rem; text-indent: -9999px; border-radius: 50%; background-color: #DADDE5; background-repeat: no-repeat; background-position: center; box-shadow: var(--krds-shadow2);}
.btm-board #pzone .pz-control button:focus {outline: 3px solid var(--krds-color-light-primary-50);}
.btm-board #pzone .pz-control button.prev-btn {background-image: url(../img/main/ico_fv_prev.svg);}
.btm-board #pzone .pz-control button.next-btn {background-image: url(../img/main/ico_fv_next.svg);}
.btm-board #pzone .pz-control button.play-btn {background-color: #1D1D1D;}
.btm-board #pzone .pz-control button.play-btn.pause { background-image: url(../img/main/ico_pz_pause.svg);}
.btm-board #pzone .pz-control button.play-btn.play { background-image: url(../img/main/ico_pz_play.svg);}

.jmp-magazine {padding: 4.8rem 0 8rem;}
.jmp-magazine .mg-ban {position: relative; display: flex; align-items: center; justify-content: space-between; color: #fff; padding: 4rem 6rem 4rem 29rem; border-radius: 20rem 2rem 2rem 20rem; background:  url(../img/main/ico_mg_mark.svg) no-repeat left 15rem center, linear-gradient(90deg, #0260A4 0%, #5C06A8 100%)}
.jmp-magazine .mg-ban .book {position: absolute; z-index: 1; left: 10rem; bottom: 0.5rem; width: 12.8rem; border-radius: 0.5rem; box-shadow: var(--krds-shadow3);}
.jmp-magazine .mg-ban .book img {display: block; width: 100%; border-radius: 0.5rem; border: 1px solid rgba(0,0,0,0.1);}
.jmp-magazine .mg-ban .book::before {content: ''; position: absolute; z-index: -1; left: -5rem; width: 100%; height: 100%; background: url(/main/img/main/pic_main_book_back.png) no-repeat 0 0/cover; transform: rotate(-15deg); border-radius: 0.8rem; border: 1px solid rgba(255,255,255,0.1); box-shadow: var(--krds-shadow3);}
.jmp-magazine .mg-ban .tit h3 {font-size: 3.6rem; font-weight: 700; margin-bottom: 0.6rem;}
.jmp-magazine .mg-ban .btns {display: flex; gap: 1rem;}
.jmp-magazine .mg-ban .btns a {display: block; padding: 1.2rem 5.4rem 1.2rem 3rem; border: 1px dashed #fff; font-weight: 700; border-radius: 3rem; color: #fff; background: url(../img/main/ico_mg_arr.svg) no-repeat right 2rem center;}
.jmp-magazine .mg-ban .btns a:focus,
.jmp-magazine .mg-ban .btns a:hover {color: var(--main-primary-60); background-color: #fff; background-image: url(../img/main/ico_mg_arr_p.svg);}
.jmp-magazine .mg-ban .btns a.white {color: var(--krds-light-color-text-basic); background-color: #fff; background-image: url(../img/main/ico_mg_arr_b.svg);}
.jmp-magazine .mg-ban .btns a.white:focus,
.jmp-magazine .mg-ban .btns a.white:hover {color: #fff; background-color: transparent; background-image: url(../img/main/ico_mg_arr.svg);}

/********************************************************************************** 반응형*********************************************************************/
@media (max-width: 1607px) {
	.main-section .btm {flex-direction: column; max-width: 97.7rem; margin: 0 auto;}
	.main-section .btm .headman {width: 100%;}
	.main-section .btm #visual {width: 100%; height: auto;}
	.main-section .btm #visual .visual-content > div {width: calc(100% - 64px); height: auto;}

	.favorite-wrap .fv-inner .inner {justify-content: center;}
	.favorite-wrap .fv-inner #favorite {flex-grow: 0; flex-direction: column; gap: 1.6rem;}
}

@media (max-width: 1199px) {
	.main-section .top .weather {display: none;}
	.main-section .top .population {display: none;}

	.jmp-news .main-tit {margin-bottom: 1rem;}
	.jmp-news .news-wrap .news-board .tablist {position: static; width: calc(100% - 5rem); margin-bottom: 2rem;}
	.jmp-news .news-wrap .news-board .more-btn {top: 65px;}

	.favorite-wrap .fv-inner .inner {flex-direction: column;}
	.favorite-wrap .fv-inner #favorite .fv-swiper-wrap {width: 100%;}
	.favorite-wrap .fv-inner #favorite .fv-swiper-wrap .swiper-slide a {padding-bottom: 2.4rem;}
	.favorite-wrap .fv-inner .fv-links {flex-direction: row; width: 100%;}
	.favorite-wrap .fv-inner .fv-links .quick {flex: 1 1 70%;}
	.favorite-wrap .fv-inner .fv-links .sns-link {flex-direction: column; justify-content: center; gap: 1.2rem;}

	.jmp-magazine .mg-ban {flex-direction: column; align-items: flex-start; gap: 2rem;}
}

@media (max-width: 1023px) {
	.main-section .btm #visual .visual-tab {position: static; width: 100%; flex-direction: row; border-radius: 2rem 2rem 0 0;}
	.main-section .btm #visual .visual-tab button {width: 50%; height: auto; padding: 1rem 0; writing-mode: initial; letter-spacing: 0;}
	.main-section .btm #visual .visual-tab button:first-of-type {border-radius: 2rem 2rem 0 0;}
	.main-section .btm #visual .visual-tab button:first-of-type::after {left: 0; top: initial; bottom: -3rem; transform: rotate(0deg);}
	.main-section .btm #visual .visual-tab button:last-of-type {border-radius: 2rem 2rem 0 0;}
	.main-section .btm #visual .visual-tab button:last-of-type::after {left: initial; right: 0; transform: rotate(90deg);}
	.main-section .btm #visual .visual-content > div {width: 100%;}

	.main-section .btm .headman {height: 40rem;}

	.jmp-news .inner {gap: 3rem;}
	.jmp-news .news-wrap .news-board .cont ul {gap: 1.6rem;}
	.jmp-news .news-wrap .news-board .cont ul li a {padding: 2.4rem;}
	.jmp-news .tour-ban {width: 240px;}

	.btm-board #gallery ul li {display: none;}
	.btm-board #gallery ul li:first-of-type {display: block;}
}


@media (max-width: 767px) {
	.main-section {padding-top: 36px; padding-bottom: 60px;}
	.main-section::before {right: -150px; bottom: 22px; width: 300px; height: 300px;}
	.main-section::after {display: none;}
	.main-section .top {margin-bottom: 20px;}
	.main-section .top .search {width: 100%;}
	.main-section .top .search::after {left: 0; bottom: 0px; width: 57px; height: 40px; background-image: url(../img/main/ico_search_mark_m.svg);}
	.main-section .top .search .sc-box {width: 100%; height: 50px; border-radius: 5rem 5rem 5rem 0.5rem; border-width: 1px; border-radius: 5rem 5rem 5rem 0.5rem;}
	.main-section .top .search .sc-box input[type="search"] {padding-left: 68px;}
	.main-section .top .search .search-btn {width: 40px; height: 40px; background-size: 26px, 100%;}
	.main-section .btm {gap: 20px;}
	.main-section .btm .headman {height: 38rem; padding: 3rem 3rem; border-radius: 2.4rem;}
	.main-section .btm .headman::before {width: 24rem; height: 37rem; background-position: left bottom;}
	.main-section .btm .headman .btns a {gap: 0.5rem;}
	.main-section .btm .headman .btns a::after {background-size: 2rem;}
	.main-section .btm .headman h3 {line-height: 1.3;}
	.main-section .btm .headman .btns a {padding: 1.4rem 1.6rem; background-size: 2rem; background-position: right 1.6rem center;}
	.main-section .btm #visual .visual-tab {border-radius: 1rem 1rem 0 0;}
	.main-section .btm #visual .visual-tab button::before {width: 2rem; height: 2rem;}
	.main-section .btm #visual .visual-tab button::after {width: 2rem; height: 2rem; bottom: -2rem !important;}
	.main-section .btm #visual .visual-tab button:first-of-type {border-radius: 1rem 1rem 0 0;}
	.main-section .btm #visual .visual-tab button:last-of-type {border-radius: 1rem 1rem 0 0;}
	.main-section .btm #visual .visual-content a:after {border-radius: 1.6rem;}
	.main-section .btm #visual .visual-content .visual-swiper {border-radius: 1.6rem;}
	.main-section .btm #visual .control {bottom: -0.8rem; padding: 0.6rem 2rem; border-radius: 1.6rem; margin-top: 1rem;}
	.main-section .btm #visual .control button {width: 2.8rem; height: 2.8rem;}

	.krds-modal .modal-dialog .modal-conts .conts-area.main-visual-list {flex-direction: column; gap: 16px;}
	.krds-modal .modal-dialog .modal-conts .conts-area.main-visual-list a {width: 100%; border-radius: 2rem;}

	.jmp-news .inner {flex-direction: column; align-items: center; gap: 40px;}
	.jmp-news .news-wrap {width: 100%;}
	.jmp-news .news-wrap .news-board .more-btn {top: 46px;}
	.jmp-news .news-wrap .news-board .cont ul {flex-direction: column; gap: 0.8rem;}
	.jmp-news .news-wrap .news-board .cont ul li a {padding: 2rem; border-radius: 2rem;}
	.jmp-news .news-wrap .news-board .cont ul li .txt p {-webkit-line-clamp: 3;}
	.jmp-news .news-wrap .news-board .cont ul li .date {padding-left: 2.4rem; background-size: 2rem; background-position: left 18px;}
	.jmp-news .tour-ban {width: 300px; height: 375px;}

	.favorite-wrap {padding-top: 0; padding-bottom: 0;}
	.favorite-wrap .fv-inner {padding: 36px 0; border-radius: 2rem; background: #F8F2F3 url(../img/main/pic_main_favorite01_m.png) no-repeat center/cover}
	.favorite-wrap .fv-inner .inner {gap: 20px;}
	.favorite-wrap .fv-inner #favorite .fv-swiper-wrap {padding: 7px; border-radius: 2rem;}
	.favorite-wrap .fv-inner #favorite .fv-swiper-wrap .swiper-slide a {width: calc(50% - 6px); margin: 3px; height: 104px; padding-top: 56px; background-size: 50px; background-position: center 6px;}
	.favorite-wrap .fv-inner #favorite .fv-control {margin-top: 1.6rem;}
	.favorite-wrap .fv-inner #favorite .title {padding-top: 0;}
	.favorite-wrap .fv-inner .fv-links {flex-direction: column;}
	.favorite-wrap .fv-inner .fv-links .quick {border-radius: 2rem; padding: 10px; gap: 10px;}
	.favorite-wrap .fv-inner .fv-links .quick .ico {flex-wrap: wrap;}
	.favorite-wrap .fv-inner .fv-links .quick .ico li {flex: 1 1 50%; height: 72px;}
	.favorite-wrap .fv-inner .fv-links .quick .ico li:nth-of-type(3):after,
	.favorite-wrap .fv-inner .fv-links .quick .ico li:nth-of-type(4):after {content: ''; position: absolute; z-index: 1; left: 50%; top: -0.5px; width: 50px; height: 1px; background: #D8DBE2; transform: translateX(-50%);}
	.favorite-wrap .fv-inner .fv-links .quick .ico li a {background-position: center 12px; background-size: 24px;}
	.favorite-wrap .fv-inner .fv-links .quick .ico li a:focus,
	.favorite-wrap .fv-inner .fv-links .quick .ico li a:hover {background-position: center 8px;}
	.favorite-wrap .fv-inner .fv-links .quick .btns {gap: 3px;}
	.favorite-wrap .fv-inner .fv-links .quick .btns li a {padding: 0 1rem; background-position: right center;}
	.favorite-wrap .fv-inner .fv-links .sns-link {padding: 20px 10px; align-items: center;}
	.favorite-wrap .fv-inner .fv-links .sns-link .links {max-width: 30rem; justify-content: center;}

	.btm-board .inner {flex-direction: column; gap: 4.8rem;}
	.btm-board #gallery {width: 100%;}
	.btm-board #gallery ul li .pic {height: auto; border-radius: 2rem;}
	.btm-board #gallery ul li .txt p {padding-left: 2.4rem; background-size: 2rem; background-position: left center;}
	.btm-board #gallery .more-btn {top: 4px;}
	.btm-board #pzone {width: 100%;}
	.btm-board #pzone .pz-swiper-wrap .pz-swiper .swiper-slide {border-radius: 2rem;}
	.btm-board #pzone .pz-control {top: 4px;}

	.jmp-magazine {padding-top: 5.8rem;}
	.jmp-magazine .mg-ban {align-items: center; border-radius: 2rem; padding: 12rem 0 2.4rem 0; text-align: center; background-size: 305px, 100%; background-position: -84px -70px, left top}
	.jmp-magazine .mg-ban .book {left: 50%; bottom: initial; top: -5.8rem; width: 11rem; transform: translateX(-50%);}
	.jmp-magazine .mg-ban .btns {flex-wrap: wrap; justify-content: center;}
}


@media (max-width: 359px){
}