@charset "utf-8";

/*지역 페이지 스타일*/

.city-top{width: 100%;padding-top: var(--header-height);background-image: var(--top-bg);background-position: bottom center;background-repeat: no-repeat}
main.city .site-header{background-color: var(--color-fff);}
main.city .site-header::before {height: 6px;background: var(--top-line);}

main.city.incheon .site-header .logo-box {height: 50px;width: auto;}
main.city.incheon .site-header .logo-box > img{height: 50px;width: auto;}


main.city .section-guide .swiper-arrow {background-image: url("../images/icons/icon-swiper-button002.svg");}
main.city .section-model001 .swiper-arrow {background-image: var(--button-arrow);}

main.city .section-guide{background: linear-gradient(to left, #93FFF8, #F3DAFF);}
main.city .section-model001{background-image: var(--model001-bg);}
main.city .section-model002{background-image: var(--model002-bg);}
main.city .section-model003{background-image: url('../images/bg-main-model003.png')}
main.city .section-model004{background-image: url('../images/bg-main-model004.png')}
main.city .section-model005{background-image: url('../images/bg-main-model005.png');background-size: cover;background-position: center top;}
main.city .section-model002 .title-box .title em {background: var(--top-line);background-clip: text;}

main.city .app-download-section{background-color: #fff;}
main.city .app-download-section .button-box .link {background: #000;}

main.city.namwon .app-download-section .app-download-box,
main.city.gyeongju .app-download-section .app-download-box,
main.city.tongyeong .app-download-section .app-download-box,
main.city.inje .app-download-section .app-download-box {background-color: #FFF5D9;}
main.city.incheon .app-download-section .app-download-box,
main.city.suwon .app-download-section .app-download-box,
main.city.yeosu .app-download-section .app-download-box {background-color: #E5F8FF;}
main.city.yongin .app-download-section .app-download-box{background-color: #C4FAFE;}
main.city.yangyang .app-download-section .app-download-box,
main.city.cheongju .app-download-section .app-download-box,
main.city.daegu .app-download-section .app-download-box{background-color: #E7FFD1;}
main.city.ulsan .app-download-section .app-download-box{background-color: #CCFAED;}


.city-swiper-section{position: relative;padding-top: 35px;}
.city-swiper-section .swiper-item{display: block;position: relative;width: 100%;border-radius: 50px;overflow: hidden;}
.city-swiper-section .swiper-item .bg-box{display:block;width: 100%;height: 590px;overflow: hidden}
.city-swiper-section .swiper-item .bg-box picture,
.city-swiper-section .swiper-item .bg-box img{display: block;width: 100%;height: 100%;object-fit: cover;object-position:bottom;}
.city-swiper-section .swiper-item .title-box{position: absolute;bottom:55px;left: 90px;z-index: 1;font-family: var(--SUITE);}
.city-swiper-section .swiper-item .title-box .title{font-size: 60px;font-weight: 800;letter-spacing: -0.03em;color:var(--color-fff);}
.city-swiper-section .swiper-item .title-box .summary{font-family: var(--SUITE);font-size: 22px;font-weight: 400;letter-spacing: -0.03em;color:var(--color-fff);}
.city-swiper-section .swiper-control-box{position: absolute;bottom:55px;right: 90px;}
.city-apps-info-section{display: flex;justify-content: center;align-items: center;}
.city-apps-info-section .app-info-content{display: flex;padding:80px 0;column-gap: 37px;}
.city-apps-info-section .app-info-content .app-thumb{width: 164px;height: 164px;border-radius: 20px;background-color: var(--color-fff);overflow: hidden;position: relative;box-shadow: 0 20px 30px rgba(71,71,71,0.15);}
.city-apps-info-section .app-info-content .app-thumb > a{width: 100%;height: 100%;display: block;}
.city-apps-info-section .app-info-content .app-thumb > img{width: 100%;height: 100%;display: block;object-fit: cover;}
.city-apps-info-section .app-info-content .app-into-item{padding:4px 0;}
.city-apps-info-section .app-info-content .app-into-item .title{color:var(--city-color);font-family: var(--SUITE);font-size: 28px;font-weight: 800;letter-spacing: -0.03em;}
.city-apps-info-section .app-info-content .app-into-item .text{font-family: var(--SUITE);font-size: 22px;font-weight: 500;letter-spacing: -0.03em;line-height: 1.36;margin-top: 11px;}

.app-download-section{padding:40px 0;}
.app-download-section .app-download-content{display: flex;column-gap: 20px;}
.app-download-section .app-download-content .app-info-box{display: flex;align-items:center;column-gap: 20px;width: 60%;}
.app-download-section .app-download-content .app-info-box .app-thumb{flex: none;width: 164px;height: 164px;border-radius: 20px;background-color: var(--color-fff);overflow: hidden;position: relative;box-shadow: 0 20px 30px rgba(71,71,71,0.15);}
.app-download-section .app-download-content .app-info-box .app-thumb > a{width: 100%;height: 100%;display: block;}
.app-download-section .app-download-content .app-info-box .app-thumb > a > img{width: 100%;height: 100%;display: block;object-fit: cover; cursor: pointer;}
.app-download-section .app-download-content .app-info-box .app-into-item{padding:4px 0;}
.app-download-section .app-download-content .app-info-box .app-into-item .app-name{color:var(--city-color);font-family: var(--SUITE);font-size: 22px;font-weight: 800;letter-spacing: -0.03em;line-height: 1.36;}
.app-download-section .app-download-content .app-info-box .app-into-item .title{color:var(--color-black1);font-family: var(--SUITE);font-size: 30px;font-weight: 800;letter-spacing: -0.03em;margin-top: 10px;word-break: keep-all;}
.app-download-section .app-download-content .app-info-box .app-into-item .text{font-family: var(--SUITE);font-size: 22px;font-weight: 500;letter-spacing: -0.03em;line-height: 1.36;margin-top: 11px;}
.app-download-section .app-download-content .app-info-box .app-into-item .tag-list{margin-top: 20px;display: flex;flex-wrap: wrap;}
.app-download-section .app-download-content .app-info-box .app-into-item .tag-list .tag-item{display: flex;align-items: center;font-family: var(--Pretendard);font-size: 18px;font-weight: 400;letter-spacing: -0.03em;}
.app-download-section .app-download-content .app-info-box .app-into-item .tag-list .tag-item::after{content:'';display: inline-block;width: 1px;height: 14px;background-color: var(--color-gray);margin: 0 10px;}
.app-download-section .app-download-content .app-info-box .app-into-item .tag-list .tag-item:last-of-type::after{content:none;}


.app-download-section .app-download-content  .app-download-box {width: 40%;;display: flex;align-items: center;column-gap: 20px;background-color: #F1F3F8; border-radius: 20px;padding: 14px;}
.app-download-section .app-download-content  .app-download-box  .text-box{display: flex;flex-direction: column;row-gap: 10px;margin:auto;}
.app-download-section .app-download-content  .app-download-box  .text-box p{font-family: var(--Pretendard);font-size: 20px;font-weight: 600;letter-spacing: -0.03em;line-height: 1.4;margin:auto;}
.app-download-section .app-download-content  .app-download-box .qrcode{flex: none;width: 164px;height: 164px;}
.app-download-section .app-download-content  .app-download-box .qrcode > img{width: 100%;height: 100%;display: block;}
.app-download-section .app-download-content  .app-download-box .button-box{display: flex;column-gap: 4px;flex-wrap: wrap;row-gap: 8px;}
.app-download-section .app-download-content  .app-download-box .button-box > a{width: 48%;height: auto;margin: auto;}
.app-download-section .app-download-content  .app-download-box .button-box > a > img {display: block;width: 100%;height: 100%;}

.cite-travel-section{padding:100px 0;background-image: var(--travel-bg);background-size: cover;height: 1084px;}
.cite-travel-section .title-box{text-align: center;color:var(--color-fff);}
.cite-travel-section .title-box .title{font-family: var(--SUITE);font-size: 42px;font-weight: 400;letter-spacing: -0.03em;}
.cite-travel-section .title-box em{font-weight: 800;}
.cite-travel-section .title-box .summary{font-family: var(--SUITE);font-size: 22px;font-weight: 500;letter-spacing: -0.03em;margin-top: 40px;}
.cite-travel-section .tab-container{margin-top: 46px; position: relative;}
.cite-travel-section .tab-container .tab-buttons{display: flex;}
.cite-travel-section .tab-container .tab-button{display: flex;width: 50%;height:62px;justify-content: center;align-items: center;border-radius: 30px 30px 0 0;font-family: var(--SUITE);font-size: 22px;font-weight: 800;letter-spacing: -0.03em;transition-duration: 0.3s;background-color: var(--bar-color);color:var(--color-fff);}
.cite-travel-section .tab-container .tab-item{display: none}
.cite-travel-section .tab-container .tab-item picture {position: absolute; top: 0px; right: -78px;}
.cite-travel-section .tab-content{border-radius: 0 0 20px 20px;overflow: hidden;}
.cite-travel-section .tab-content .tab-information-content {height:100%;padding:30px;background-color: var(--color-fff);}
.cite-travel-section .tab-content .tab-information-content .list-box{display: flex;flex-wrap: wrap;gap: 20px 12px;}
.cite-travel-section .tab-content .tab-information-content .list-box .list-item{width: calc((100% - 20px) / 2);display: flex;align-items: center;column-gap: 16px;border:1px solid var(--color-gray2);border-radius: 16px;padding:16px 24px;}
.cite-travel-section .tab-content .tab-information-content .list-box .list-item .icon-box{width: 94px;height: 94px;flex: none;}
.cite-travel-section .tab-content .tab-information-content .list-box .list-item .icon-box > img{display: block;width: 100%;height: 100%;}
.cite-travel-section .tab-content .tab-information-content .list-box .list-item .text-box{}
.cite-travel-section .tab-content .tab-information-content .list-box .list-item .text-box h4{color:var(--city-color);font-family: var(--SUITE);font-size: 22px;font-weight: 800;letter-spacing: -0.03em;line-height: 1.36;}
.cite-travel-section .tab-content .tab-information-content .list-box .list-item .text-box p{font-family: var(--Pretendard);font-size: 22px;font-weight: 400;letter-spacing: -0.03em;line-height: 1.36;margin-top: 8px;}

.cite-travel-section .tab-content .tab-function-content{height:600px;background-color: var(--color-fff);}
.cite-travel-section .tab-content .tab-function-content .map-box{display: flex;justify-content:center;align-items: center;width: calc(100% - 270px);background-color: #E0F7CF;}
.cite-travel-section .tab-content .tab-function-content .map-box > img{max-width: 100%;max-height:100%;height: auto;display: block;}
.cite-travel-section .tab-content .tab-function-content .info-box{width: 270px;padding:24px;height: 100%;overflow-y: auto;}
.cite-travel-section .tab-content .tab-function-content .info-box::-webkit-scrollbar {width: 8px;}
.cite-travel-section .tab-content .tab-function-content .info-box::-webkit-scrollbar-thumb {background-color: #D0D0D0;border-radius: 10px;background-clip: padding-box;}
.cite-travel-section .tab-content .tab-function-content .info-box::-webkit-scrollbar-track {background-color: transparent;}
.cite-travel-section .tab-content .tab-function-content .info-box .info-item{padding:16px 0;display: flex;flex-direction: column;row-gap:8px; }
.cite-travel-section .tab-content .tab-function-content .info-box .info-item:nth-of-type( n + 2){border-top:1px solid var(--color-gray2)}
.cite-travel-section .tab-content .tab-function-content .info-box .info-item h2{font-family: var(--Pretendard);font-size: 20px;font-weight: 700;letter-spacing: -0.03em;line-height: 1.2;color:var(--city-color);}
.cite-travel-section .tab-content .tab-function-content .info-box .info-item .title0 {color:#1F1F1F;}
.cite-travel-section .tab-content .tab-function-content .info-box .info-item .title1 {color:#5421C0;}
.cite-travel-section .tab-content .tab-function-content .info-box .info-item .title2 {color:#B9018C;}
.cite-travel-section .tab-content .tab-function-content .info-box .info-item .title3 {color:#037603;}
.cite-travel-section .tab-content .tab-function-content .info-box .info-item .title4 {color:#D43C04;}
.cite-travel-section .tab-content .tab-function-content .info-box .info-item .title5 {color:#0066D6;}
.cite-travel-section .tab-content .tab-function-content .info-box .info-item p{font-family: var(--Pretendard);font-size: 18px;font-weight: 400;letter-spacing: -0.03em;line-height: 1.2; display:flex; align-items: center;}
.cite-travel-section .tab-content .tab-function-content .info-box .info-item ul li{font-family: var(--Pretendard);font-size: 18px;font-weight: 400;letter-spacing: -0.03em;line-height: 1.44;position: relative;padding-left: 23px;}
.cite-travel-section .tab-content .tab-function-content .info-box .info-item ul li::before{content:'';width: 3px;height: 3px;background-color: var(--color-black1);display: block;border-radius: 5px;position: absolute;left: 0;top:0.7em;transform: translateY(-50%);margin: 0 10px;}
.cite-travel-section .tab-content .tab-function-content .info-box .info-item img {max-width: 100%;}
.cite-travel-section .tab-content .tab-function-content .info-box .info-item figure {max-width: 100%;}
.cite-travel-section .tab-content .tab-function-content .info-box .info-item figcaption {font-family: var(--Pretendard);font-size: 18px;font-weight: 400;letter-spacing: -0.03em;line-height: 1.33;text-align: center;margin-top: 8px;}

.cite-travel-section .tab-content .tab-information-content.w480 .map-box{width: calc(100% - 480px);}
.cite-travel-section .tab-content .tab-information-content.w480 .info-box{width: 480px;}

.cite-travel-section .tab-container[data-tab='function'] .tab-function-content{display: flex} 
.cite-travel-section .tab-container[data-tab='information'] .tab-information-content{display: block}
.cite-travel-section .tab-container[data-tab='function'] .tab-button[data-tabitem='information']{background-color: #E0E0E0;color:var(--color-gray)}  /* 추가 - 탭비활성화  */
.cite-travel-section .tab-container[data-tab='information'] .tab-button[data-tabitem='function']{background-color: #E0E0E0;color:var(--color-gray)}  /* 추가  - 탭비활성화  */

.cite-recommend-section .search-article{}
.cite-recommend-section .search-article .top-banner{padding:30px 0;display: flex;justify-content: center;align-items: center;column-gap: 30px;}
.cite-recommend-section .search-article .top-banner h2{font-family: var(--SUITE);font-size: 24px;font-weight: 400;letter-spacing: -0.03em;}
.cite-recommend-section .search-article .top-banner em{font-weight: 800;}
.cite-recommend-section .search-article .recommend-search{padding:30px;background-color: #E5EEFF;border-radius: 20px;}
.cite-recommend-section .search-article .recommend-search .recommend-search-input .icon-box{width: 146px;height: 110px;}
.cite-recommend-section .search-article .recommend-search .recommend-search-input .icon-box > img{display: block;width: 100%;height: 100%;}
.cite-recommend-section .search-article .recommend-search .recommend-search-input{display: flex;;align-items: center;column-gap: 30px;}
.cite-recommend-section .search-article .recommend-search .recommend-search-input .recommend-select{width: calc(100% - 320px);display: flex;flex-direction: column;justify-content: center;row-gap: 10px;}

.cite-recommend-section .search-article .recommend-search .recommend-search-input .recommend-select .select-box {width: 308px;min-width:auto;font-size: 22px;height: 50px;box-shadow: 0 10px 20px rgba(0,0,0,0.08);    border-radius: 20px;}
.cite-recommend-section .search-article .recommend-search .recommend-search-input .recommend-select .select-box .select-value {justify-content: center;min-width: 100%;border:1px solid var(--color-orange1);}
.cite-recommend-section .search-article .recommend-search .recommend-search-input .recommend-select .select-box .select-value::after {background-image: url(../images/icons/icon-select-arrow2.svg);width: 11px;height: 7px;position: absolute;right: 21px;}
.cite-recommend-section .search-article .recommend-search .recommend-search-input .recommend-select .select-box .select-list {overflow-y: initial;max-height: none;}
.cite-recommend-section .search-article .recommend-search .recommend-search-input .recommend-select .select-box .select-list .select-item {transition-property: color;text-align: center;}
.cite-recommend-section .search-article .recommend-search .recommend-search-input .recommend-select .select-box .select-list .select-item:hover:not(.disabled) {background-color: transparent;color: var(--color-orange1);}
.cite-recommend-section .search-article .recommend-search .recommend-search-input .recommend-select .select-box .select-list .select-item.selected {background-color: transparent;color: var(--color-orange1);}
.cite-recommend-section .search-article .recommend-search .recommend-search-input .recommend-select .select-box .select-list-content {bottom: -8px;}
.cite-recommend-section .search-article .recommend-search .recommend-search-input .recommend-select .select-box .select-value > span{font-weight: 800;background: var(--gr6);background-clip: text;-webkit-background-clip: text;color: transparent;}
.cite-recommend-section .search-article .recommend-search .recommend-search-input .recommend-select > p{font-family: var(--SUITE);font-size: 22px;font-weight: 500;letter-spacing: -0.03em;}
.cite-recommend-section .search-article .recommend-search .recommend-search-input .recommend-select .input-group{font-family: var(--SUITE);font-size: 22px;font-weight: 800;letter-spacing: -0.03em;display: flex;align-items: center;column-gap: 10px;

}
.cite-recommend-section .search-article .recommend-search .recommend-search-input .search-button{background-color: var(--color-orange1);width: 114px;height: 120px;border-radius: 16px;color:var(--color-fff);font-family: var(--Pretendard);font-weight: 600;font-size: 18px;letter-spacing: -0.03em;display: flex;flex-direction: column;row-gap: 4px;justify-content: center;align-items: center;padding:14px;    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);}
.cite-recommend-section .search-article .recommend-search .recommend-search-input .search-button::after{content:'';display: block;background-image: url("../images/icons/icon-search.svg");background-repeat: no-repeat;background-size: cover;width: 40px;height: 40px;}

.cite-recommend-section .search-article .recommend-search .recommend-value{margin-top: 30px;}
.cite-recommend-section .search-article .recommend-search .recommend-value .recommend-value-list{display: flex;column-gap: 16px}
.cite-recommend-section .search-article .recommend-search .recommend-value .recommend-value-list .recommend-value-item{width: calc(100% / 2);display: flex;align-items: center;background-color: var(--color-fff);border-radius: 16px;overflow: hidden;position: relative;}
.cite-recommend-section .search-article .recommend-search .recommend-value .recommend-value-list .recommend-value-item::before{content:'';background-image: url("../images/icons/icon-recommend.svg");background-size: cover;width: 46px;height: 40px;position: absolute;top:0;right:16px;}
.cite-recommend-section .search-article .recommend-search .recommend-value .recommend-value-list .recommend-value-item .img-box{width: 136px;height: 136px;overflow: hidden;}
.cite-recommend-section .search-article .recommend-search .recommend-value .recommend-value-list .recommend-value-item .img-box > img{display: block;width: 100%;height: 100%;object-fit: cover;}
.cite-recommend-section .search-article .recommend-search .recommend-value .recommend-value-list .recommend-value-item .text-box{width: calc(100% - 136px);padding:0 16px;}
.cite-recommend-section .search-article .recommend-search .recommend-value .recommend-value-list .recommend-value-item .text-box .recommend-course{font-family: var(--Pretendard);font-size: 16px;font-weight: 400;letter-spacing: -0.03em;background: var(--gr6);background-clip: text;-webkit-background-clip: text;color: transparent;}
.cite-recommend-section .search-article .recommend-search .recommend-value .recommend-value-list .recommend-value-item .text-box .recommend-title{font-family: var(--Pretendard);font-size: 20px;font-weight: 700;letter-spacing: -0.03em;margin-top: 4px;overflow: hidden;   text-overflow: ellipsis;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.cite-recommend-section .search-article .recommend-search .recommend-value .recommend-value-list .recommend-value-item .button{font-family: var(--Pretendard);min-width: auto;width: 190px;height: 40px;font-size: 18px;font-weight: 400;padding:6px 16px;margin-top: 14px;}
.button::after {background-image: url(../images/icons/icon-button-arrow2.svg);width: 16px;height: 12px;}

.cite-recommend-section{background-image: var(--recommend-bg);background-size: cover;background-position: top;padding:120px 0;}
.cite-recommend-section .title-box{text-align: center;}
.cite-recommend-section .title-box .title{font-family: var(--SUITE);font-size: 42px;font-weight: 800;letter-spacing: -0.03em;}
.cite-recommend-section .title-box em{color:var(--bar-color);}
//.cite-recommend-section .cite-recommend-wrapper{overflow: hidden;}
.cite-recommend-section .recommend-item{padding:0 40px 40px;background-color: var(--color-fff);border-radius: 30px;box-shadow: 0 20px 30px rgba(71,71,71,0.15);margin-top: 40px;position:relative;}
.cite-recommend-section .recommend-item .top-title{background-color: var(--bar-color);width: 100%;height: 42px;text-align: center;line-height: 42px;border-radius: 0 0 50px 50px;font-family: var(--Pretendard);font-weight: 700;font-size: 16px;letter-spacing: -0.03em;color:rgba(255,255,255,0.7);z-index: 1;position: relative;}
.cite-recommend-section .recommend-item .top-title em{color:var(--color-fff);font-size: 20px;}
.cite-recommend-section .recommend-item > picture{position:absolute; top:0; right: -78px; z-index:2;}
.cite-recommend-section .local-article{position: relative}
.cite-recommend-section .local-article::before{content:'';display: block;background-image: url("../images/icons/icon-robot.svg");background-repeat: no-repeat;background-size: cover;width: 176px;height: 176px;position: absolute;left: 66px;top: 20px;transform: translateY(-100%);}
.cite-recommend-section .local-article .list-box{display: flex;margin-top: 40px;}
.cite-recommend-section .local-article .list-box > picture {position: absolute; top: 0px; right: -78px; z-index: 2;}
.cite-recommend-section .local-article .list-box .list-item{width: calc(100% - 40px);display: flex;flex-wrap: wrap;flex-direction: column;height: 236px;column-gap: 20px;justify-content: space-between;}
/* 용인, 인제 자세히보기 버튼 추가 시 삭제 필요 */
main.inje .cite-recommend-section .local-article .list-box .list-item,
main.yongin .cite-recommend-section .local-article .list-box .list-item{height: 180px;}
.cite-recommend-section .local-article .list-box .list-item > picture {position: absolute; top: -18px; left: -12px; z-index: 2;}
.cite-recommend-section .local-article .list-box .list-item .img-box{width: 260px;height: 180px;overflow: hidden;}
.cite-recommend-section .local-article .list-box .list-item .text-box{width: calc(100% - 280px);}
.cite-recommend-section .local-article .list-box .list-item .img-box > img{width: 100%;height: 100%;display: block;object-fit: cover;}
.cite-recommend-section .local-article .list-box .list-item .button{width: 260px;height: 40px;font-size: 18px;font-family: var(--Pretendard);letter-spacing: -0.03em;font-weight: 400;}
.cite-recommend-section .local-article .list-box .list-item .text-box .title{font-family: var(--SUITE);font-size: 22px;font-weight: 800;letter-spacing: -0.03em;}
.cite-recommend-section .local-article .list-box .list-item .text-box .summary{font-family: var(--Pretendard);font-size: 18px;font-weight: 400;letter-spacing: -0.03em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;margin-top: 10px;}
.cite-recommend-section .local-article .list-box .list-item .text-box .location{font-family: var(--Pretendard);font-size: 16px;font-weight: 400;letter-spacing: -0.03em;margin-top: 15px;color:var(--color-blue);display: flex;column-gap: 0.2em;word-break: keep-all;}
.cite-recommend-section .local-article .list-box .list-item .text-box .location::before{content:'위치 : ';flex: none}


.cite-recommend-section .stamp-article{}
.cite-recommend-section .stamp-article .list-box{display: flex;column-gap: 16px;margin-top: 40px;}
.cite-recommend-section .stamp-article .list-box > picture {position: absolute; top: 0px; right: -78px; z-index: 2;}
.cite-recommend-section .stamp-article .list-item{border-right: 1px dashed var(--color-gray2);}
.cite-recommend-section .stamp-article .list-item:last-of-type{border-right: 0;}
.cite-recommend-section .stamp-article .list-item{display: flex;width:calc((100% - 16px) / 2);}
.cite-recommend-section .stamp-article .list-box.col3 .list-item{display: flex;width:calc((100% - 32px) / 3);}
.cite-recommend-section .stamp-article .list-item .icon-box{width: 110px;height: 110px;}
.cite-recommend-section .stamp-article .list-item .icon-box > img{width: 100%;height: 100%;display: block;}
.cite-recommend-section .stamp-article .list-item .text-box{width: calc(100% - 120px);display: flex;flex-direction: column;row-gap: 8px;justify-content: center;padding: 0 10px;}
.cite-recommend-section .stamp-article .list-item .text-box .title{font-family: var(--SUITE);font-size: 22px;font-weight: 800;letter-spacing: -0.03em;color:var(--city-color);}
.cite-recommend-section .stamp-article .list-item .text-box .summary{font-family: var(--Pretendard);font-size: 18px;font-weight: 500;letter-spacing: -0.03em;}

.cite-recommend-section .stamp-article .tab-container{margin-top: 40px}
.cite-recommend-section .stamp-article .tab-container .tab-header{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #000000;}
.cite-recommend-section .stamp-article .tab-container .tab-header .tab-title{font-family: var(--SUITE);font-size: 28px;font-weight: 500;letter-spacing: -0.03em;display: flex;align-items: center;}
.cite-recommend-section .stamp-article .tab-container .tab-header .tab-title em{font-weight: 800;}
.cite-recommend-section .stamp-article .tab-container .tab-header .tab-title .app-name{color:var(--bar-color)}
.cite-recommend-section .stamp-article .tab-container .tab-header .tab-title::after{content:'';display: block;background-image: url("../images/icons/icon-map.svg");background-size: cover;background-repeat: no-repeat;width: 30px;height: 30px;}
.cite-recommend-section .stamp-article .tab-container .tab-buttons{display: flex}
.cite-recommend-section .stamp-article .tab-container .tab-buttons .tab-button{width: 200px;height: 52px;border-radius: 20px 20px 0 0;display: flex;justify-content: center;align-items: center;column-gap: 8px;background-color: #E0E0E0;font-family: var(--SUITE);font-size: 22px;font-weight: 800;letter-spacing: -0.03em;color:var(--color-gray);transition-duration: 0.3s;}
.cite-recommend-section .stamp-article .tab-container .tab-buttons .tab-button::before{content:'';display: inline-block;background-image: url("../images/icons/icon-course.svg");background-size: cover;background-repeat: no-repeat;width: 24px;height: 24px;}
.cite-recommend-section .stamp-article .tab-content{}
.cite-recommend-section .stamp-article .tab-content .tab-item{display: none;padding-top:30px;}
.cite-recommend-section .stamp-article .tab-content .tab-item .tab-content-title{display: flex;justify-content: space-between;}
.cite-recommend-section .stamp-article .tab-content .tab-item .tab-content-title > h3{font-family: var(--SUITE);font-size: 28px;font-weight: 800;letter-spacing: -0.03em;}
.cite-recommend-section .stamp-article .tab-content .tab-item .course-box{margin-top: 20px;}
.cite-recommend-section .stamp-article .tab-content .tab-item .course-box .info{font-family: var(--Pretendard);font-size: 18px;font-weight: 400;letter-spacing:-0.03em;min-height: 2.5em;}
.cite-recommend-section .stamp-article .tab-content .tab-item .tab-content-title > .button{font-size: 16px;font-weight: 600;width: 200px;height: 40px;padding:0 16px;}
.cite-recommend-section .stamp-article .tab-content .tab-item .tab-content-title > .button::after {width: 20px;height: 20px;}
.cite-recommend-section .stamp-article .tab-content .tab-item .tab-content-title > .button.color::after {width: 16px;height: 12px;}
.cite-recommend-section .stamp-article .tab-content .tab-item .course-box{display: flex;justify-content: space-between;}
.cite-recommend-section .stamp-article .tab-content .tab-item .course-navi{width: calc(100% - 300px);position: relative;}
.cite-recommend-section .stamp-article .tab-content .tab-item .course-navi .course-list{display: flex;margin-top:31px;column-gap: 10px;;width: 100%;padding-top:10px;    flex-wrap: wrap;row-gap: 30px;}
.cite-recommend-section .stamp-article .tab-content .tab-item .course-navi .course-list .course-item{padding-top: 10px;}
.cite-recommend-section .stamp-article .tab-content .tab-item .course-navi .course-list .course-item::before{content:'';position: absolute;;border-top:1px dashed var(--color-gray1);width: 100%;height: 1px;left: 0;transform: translateY(-10px);}
.cite-recommend-section .stamp-article .tab-content .tab-item .course-navi .course-list .course-item > button{display: flex;align-items: center;justify-content: center;width: 172px;height: 42px;border-radius: 8px;background-color: #E5EEFF;font-family: var(--Pretendard);font-size: 16px;font-weight: 400;letter-spacing:-0.03em;position: relative;}
.cite-recommend-section .stamp-article .tab-content .tab-item .course-navi .course-list .course-item > button::before{content:'';display: block;width: 6px;height: 6px;border-radius: 10px;background-color: var(--color-orange1);position: absolute;top:-10px;left: 50%;transform: translate(-50%,-50%);z-index: 1;}
.cite-recommend-section .stamp-article .tab-content .tab-item .course-image .swiper-arrow-small{top:90px;}
.cite-recommend-section .stamp-article .tab-content .tab-item .course-image{width: 240px;}
.cite-recommend-section .stamp-article .tab-content .tab-item .course-image .img-box{width: 240px;height:180px;overflow: hidden;border-radius: 10px;}
.cite-recommend-section .stamp-article .tab-content .tab-item .course-image .img-box > img{width: 100%;height: 100%;display: block;object-fit: cover;}
.cite-recommend-section .stamp-article .tab-content .tab-item .course-image figcaption{display: flex;align-items: center;column-gap: 4px;justify-content: center;font-family: var(--Pretendard);font-size: 20px;font-weight: 400;letter-spacing:-0.03em;text-align: center;line-height: 1.6;margin-top: 8px;}
.cite-recommend-section .stamp-article .tab-content .tab-item .course-image figcaption::before{content:'';display: inline-block;width: 10px;height: 10px;background-color: var(--color-orange1);border-radius: 10px;}

.cite-recommend-section .stamp-article .tab-container[data-tab='course1'] .tab-button[data-tabitem='course1']{background-color: var(--bar-color);color:var(--color-fff);}
.cite-recommend-section .stamp-article .tab-container[data-tab='course1'] .tab-button[data-tabitem='course1']::before{background-image: url("../images/icons/icon-course-on.svg");}
.cite-recommend-section .stamp-article .tab-container[data-tab='course1'] .tab-content .tab-item.course1{display: block;}
.cite-recommend-section .stamp-article .tab-container[data-tab='course2'] .tab-button[data-tabitem='course2']{background-color: var(--bar-color);color:var(--color-fff);}
.cite-recommend-section .stamp-article .tab-container[data-tab='course2'] .tab-button[data-tabitem='course2']::before{background-image: url("../images/icons/icon-course-on.svg");}
.cite-recommend-section .stamp-article .tab-container[data-tab='course2'] .tab-content .tab-item.course2{display: block;}

.cite-recommend-section .function-article{}
.cite-recommend-section .function-article .list-item{display: flex;border-bottom:1px solid var(--color-gray2);/*margin-top: 30px;*/}
.cite-recommend-section .function-article .list-item:first-child{margin-top: 30px;}
.cite-recommend-section .function-article .list-item:last-of-type{border:0;}
.cite-recommend-section .function-article .list-item .icon-box{padding:12px 24px;}
.cite-recommend-section .function-article .list-item .icon-box > img{width: 100px;height: 100px;display: block;}
.cite-recommend-section .function-article .list-item .text-box{width: calc(100% - 148px);display: flex;flex-direction: column;row-gap: 4px;justify-content: center}
.cite-recommend-section .function-article .list-item .text-box .title{font-family: var(--SUITE);font-size: 22px;font-weight: 800;letter-spacing: -0.03em;}
.cite-recommend-section .function-article .list-item .text-box .summary{font-family: var(--Pretendard);font-size: 18px;font-weight: 500;letter-spacing: -0.03em;color: var(--city-color);}
.cite-recommend-section .function-article .list-item .text-box .info{font-family: var(--Pretendard);font-size: 18px;font-weight: 400;letter-spacing: -0.03em;}
.cite-recommend-section .function-article .list-item .text-box .tag-list{display: flex;flex-wrap: wrap;}
.cite-recommend-section .function-article .list-item .text-box .tag-list .tag-item{display: flex;align-items: center;font-family: var(--Pretendard);font-size: 18px;font-weight: 400;letter-spacing: -0.03em;}
.cite-recommend-section .function-article .list-item .text-box .tag-list .tag-item::after{content:'';display: inline-block;width: 1px;height: 14px;background-color: var(--color-gray);margin: 0 10px;}
.cite-recommend-section .function-article .list-item .text-box .tag-list .tag-item:last-of-type::after{content:none;}



@media all and (max-width:1280px) {

    .cite-recommend-section .local-article::before{content:none;}
    .cite-recommend-section .stamp-article .list-box.col3{flex-direction: column}
    .cite-recommend-section .stamp-article .list-box.col3 .list-item {display: flex;width: 100%;align-items: center;padding: 20px 0;border-bottom: 1px dashed var(--color-gray2);border-right: 0;}
}
@media all and (max-width:1024px) {
    .app-download-section .app-download-content .app-info-box {align-items: flex-start;}
    .app-download-section .app-download-content .app-download-box {align-items: flex-start;}

    .cite-recommend-section .search-article .recommend-search .recommend-search-input{position: relative;flex-direction: column;}
    .cite-recommend-section .search-article .recommend-search .recommend-search-input .icon-box {position: absolute;top:0;left: 0;}
    .cite-recommend-section .search-article .recommend-search .recommend-search-input .recommend-select > p {padding-left: 180px;height: 110px;}
    .cite-recommend-section .search-article .recommend-search .recommend-search-input .recommend-select {width: 100%;row-gap: 10px;}
    .cite-recommend-section .search-article .recommend-search .recommend-search-input .recommend-select .select-box {width: 100%;}
    .cite-recommend-section .search-article .recommend-search .recommend-search-input .recommend-select .input-group{flex-direction: column;row-gap: 16px;}
    .cite-recommend-section .search-article .recommend-search .recommend-value .recommend-value-list {flex-direction: column;row-gap: 16px;}
    .cite-recommend-section .search-article .recommend-search .recommend-value .recommend-value-list .recommend-value-item {width: 100%;}
    .cite-recommend-section .search-article .recommend-search .recommend-search-input .search-button {width: 100%;height: 50px;flex-direction: row;border-radius: 30px;margin-top: 16px;}
    .cite-recommend-section .search-article .recommend-search .recommend-search-input .search-button::after {width: 24px;height:24px;}
    .cite-recommend-section .search-article .recommend-search .recommend-search-input .search-button br{display: none;}

}

@media all and (max-width:860px) {
    .app-download-section {padding: 36px 0;}
    .app-download-section .app-download-content {flex-direction: column;row-gap: 16px}
    .app-download-section .app-download-content .app-info-box {width: 100%;}
    .app-download-section .app-download-content .app-download-box {width: 100%; padding: 20px 30px;}
    .app-download-section .app-download-content .app-info-box .app-into-item .app-name {font-size: 16px;}
    .app-download-section .app-download-content .app-info-box .app-into-item .title {font-size: 20px;margin-top: 8px;}
    .app-download-section .app-download-content .app-info-box .app-into-item .tag-list .tag-item {font-size: 15px;}
    .app-download-section .app-download-content .app-info-box .app-into-item .tag-list .tag-item::after { margin: 0 5px;}
    .app-download-section .app-download-content .app-info-box .app-thumb {width: 140px;height: 140px;}
    .app-download-section .app-download-content .app-download-box .qrcode {width: 140px;height: 140px;position: absolute;right: var(--container-padding);}
    .app-download-section .app-download-content .app-download-box .text-box p {font-size: 20px;display: flex;height: 100px;align-items: center;word-break: keep-all;}
    .app-download-section .app-download-content .app-download-box .button-box {column-gap: 7px;margin-top: 16px;}
    .app-download-section .app-download-content .app-download-box .button-box > a {width: calc((100% - 7px) / 2);height: auto;}
    .app-download-section .app-download-content .app-download-box .button-box > a > img{width: 100%;height: auto;}

    .cite-recommend-section .stamp-article .tab-container .tab-header {flex-direction: column;}
    .cite-recommend-section .stamp-article .tab-container .tab-buttons {margin-top: 16px;width: 100%;}
    .cite-recommend-section .stamp-article .tab-container .tab-buttons .tab-button{width: 50%;}
    .cite-recommend-section .stamp-article .tab-content .tab-item .course-box {flex-direction: column;align-items: center;}
    .cite-recommend-section .stamp-article .tab-content .tab-item .course-navi {width: 100%;}
    .cite-recommend-section .stamp-article .tab-content .tab-item .course-image {width: 100%;max-width: 750px;margin-top: 30px;}
    .cite-recommend-section .stamp-article .tab-content .tab-item .course-image .img-box {width: 100%;height: auto;aspect-ratio: 284/214;overflow: hidden;border-radius: 10px;}
    .cite-recommend-section .stamp-article .tab-content .tab-item .course-image .swiper-arrow-small {top: 50%;}

}

@media all and (max-width:750px) {
    main.city .site-header::before {height: 4px;}

    main.city.incheon .site-header .logo-box > img {height: 32px;}

    .city-top >.container {padding: 0;}
    .city-swiper-section {padding-top: 0;}
    .city-swiper-section .swiper-item{display: block;position: relative;width: 100%;border-radius: 0;}
    .city-swiper-section .swiper-item .bg-box {height: 500px;}
    .city-top{background-image: none;}
    .city-apps-info-section{background-image: var(--top-bg);background-size: cover;background-position: bottom;}
    .city-apps-info-section .app-info-content {align-items: center;flex-direction: column;padding: 40px 0;row-gap: 16px;}
    .city-apps-info-section .app-info-content .app-thumb {width: 140px;height: 140px;}
    .city-apps-info-section .app-info-content .app-into-item{text-align: center;}
    .city-apps-info-section .app-info-content .app-into-item .title {font-size: 22px;}
    .city-apps-info-section .app-info-content .app-into-item .text {font-size: 16px;}
    .cite-travel-section {padding: 40px 0 0;height: auto;background-size: contain;background-position: top;}
    .cite-travel-section >.container {padding: 0;}
    .cite-travel-section .title-box .title {font-size: 36px;}
    .cite-travel-section .title-box .summary {font-size: 16px;margin-top: 20px;line-height: 1.36}
    .cite-travel-section .tab-container .tab-item picture {top: 15px; right: -19px; width: 87px; height: 68px;}
    .cite-travel-section .tab-container .tab-item picture img {width: 100%; height: 100%;}
    .cite-travel-section .tab-container .tab-button {height: 50px;border-radius: 16px 16px 0 0;font-size: 16px;}

    .cite-travel-section .tab-content {border-radius: 0;}
    .cite-travel-section .tab-content .tab-information-content {padding: 24px 16px;}
    .cite-travel-section .tab-content .tab-information-content .list-box {display: flex;flex-wrap: wrap;gap: 8px 12px;}
    .cite-travel-section .tab-content .tab-information-content .list-box .list-item {width: 100%;column-gap: 8px;border-radius: 8px;padding: 8px;}
    .cite-travel-section .tab-content .tab-information-content .list-box .list-item .icon-box {width: 60px;height: 60px;}
    .cite-travel-section .tab-content .tab-information-content .list-box .list-item .text-box h4 {font-size: 16px;}
    .cite-travel-section .tab-content .tab-information-content .list-box .list-item .text-box p {font-size: 16px;margin-top: 0;}
    .cite-travel-section .tab-content .tab-function-content {height: auto;flex-direction: column;}
    .cite-travel-section .tab-content .tab-function-content .map-box {width: 100%;}
    .cite-travel-section .tab-content .tab-function-content .info-box {width: 100%;padding: 24px;height: auto;overflow-y: auto;}

    .cite-recommend-section {padding: 40px 0;}
    .cite-recommend-section .title-box .title {font-size: 22px;}
    .cite-recommend-section .recommend-item .top-title em {font-size: 16px;}
    .cite-recommend-section .recommend-item .top-title {display: flex;flex-direction: column;align-items: center;justify-content: center;height: 58px;line-height: initial;border-radius: 0 0 16px 16px;font-size: 14px;row-gap: 4px;}
    .cite-recommend-section .recommend-item {padding: 0 16px 16px;border-radius: 16px;margin-top: 16px;}
    .cite-recommend-section .recommend-item .cite-recommend-wrapper {overflow: hidden;}
    .cite-recommend-section .local-article .list-box {margin-top: 16px;}
    .cite-recommend-section .local-article .list-box > picture {top: 15px; right: -27px; width: 87px; height: 68px;}
    .cite-recommend-section .local-article .list-box > picture img {width: 100%; height: 100%;}
    .cite-recommend-section .local-article .list-box .list-item {flex-wrap: nowrap;row-gap: 10px;height: auto;}
    /* 용인, 인제 자세히보기 버튼 추가 시 삭제 필요 */
    main.inje .cite-recommend-section .local-article .list-box .list-item,
    main.yongin .cite-recommend-section .local-article .list-box .list-item{height: auto;}
    .cite-recommend-section .local-article .list-box .list-item > picture {top:-12px; left:0; width: 44px; height: 28px;}
    .cite-recommend-section .local-article .list-box .list-item > picture img {width: 100%; height: 100%;}
    .cite-recommend-section .local-article .list-box .list-item .img-box {width: 100%;height: auto;aspect-ratio: 200/144;overflow: hidden;border-radius: 10px;order: 1;}
    .cite-recommend-section .local-article .list-box .list-item .button {width: 100%;font-size: 14px;order:3}
    .cite-recommend-section .local-article .list-box .list-item .text-box {width: 100%;order:2;}
    .cite-recommend-section .local-article .list-box .list-item .text-box .title {font-size: 16px;}
    .cite-recommend-section .local-article .list-box .list-item .text-box .summary {font-size: 14px;}
    .cite-recommend-section .local-article .list-box .list-item .text-box .location {font-size: 14px;margin-top: 10px;}

    .cite-recommend-section .stamp-article .list-box {flex-direction: column;margin-top: 0;}
    .cite-recommend-section .stamp-article .list-box > picture {top: 15px; right: -27px; width: 87px; height: 68px;}
    .cite-recommend-section .stamp-article .list-box > picture img {width: 100%; height: 100%;}
    .cite-recommend-section .stamp-article .list-item {width: 100%;align-items: center;padding:20px 0;border-bottom:1px dashed var(--color-gray2);border-right: 0;}
    .cite-recommend-section .stamp-article .list-item .icon-box {width: 60px;height: 60px;}
    .cite-recommend-section .stamp-article .list-item .text-box {width: calc(100% - 70px);row-gap: 4px;}
    .cite-recommend-section .stamp-article .list-item .text-box .title {font-size: 18px;}
    .cite-recommend-section .stamp-article .list-item .text-box .summary {font-size: 14px;}
    .cite-recommend-section .stamp-article .tab-container{margin-top: 24px}
    .cite-recommend-section .stamp-article .tab-container .tab-header .tab-title {font-size: 22px;}
    .cite-recommend-section .stamp-article .tab-container .tab-header .tab-title::after{width: 24px;height: 24px;}
    .cite-recommend-section .stamp-article .tab-container .tab-buttons .tab-button{width: 50%;height: 40px;font-size: 18px;}
    .cite-recommend-section .stamp-article .tab-content .tab-item .tab-content-title {flex-direction: column;align-items: center;}
    .cite-recommend-section .stamp-article .tab-content .tab-item {padding-top: 24px;}
    .cite-recommend-section .stamp-article .tab-content .tab-item .tab-content-title > h3 {font-size: 18px;}
    .cite-recommend-section .stamp-article .tab-content .tab-item .tab-content-title > .button{margin-top: 16px;}
    .cite-recommend-section .stamp-article .tab-content .tab-item .course-box {margin-top: 16px;}
    .cite-recommend-section .stamp-article .tab-content .tab-item .course-navi .course-list .course-item{padding:10px}
    .cite-recommend-section .stamp-article .tab-content .tab-item .course-navi .course-list .course-item > button {width: 100%;font-size: 14px;}
    .cite-recommend-section .function-article .list-item {margin-top: 8px;padding:8px 0;column-gap: 8px;}
    .cite-recommend-section .function-article .list-item .icon-box {padding: 0;}
    .cite-recommend-section .function-article .list-item .icon-box > img {width: 60px;height: 60px;display: block;}
    .cite-recommend-section .function-article .list-item .text-box {width: calc(100% - 68px);row-gap: 4px;}
    .cite-recommend-section .function-article .list-item .text-box .title {font-size: 18px;}
    .cite-recommend-section .function-article .list-item .text-box .summary {font-size: 14px;}
    .cite-recommend-section .function-article .list-item .text-box .tag-list{row-gap: 4px;}
    .cite-recommend-section .function-article .list-item .text-box .tag-list .tag-item {font-size: 14px;}
    .cite-recommend-section .function-article .list-item .text-box .info {font-size: 14px;}

    .cite-recommend-section .stamp-article .tab-content .tab-item .course-navi .course-list {margin-top: 16px;row-gap: 8px;}
    .cite-recommend-section .stamp-article .tab-content .tab-item .course-image {margin-top: 32px;}
    .cite-recommend-section .stamp-article .tab-content .tab-item .course-navi .course-list .course-item {padding-top: 10px;width: calc((100% - 10px) / 2);display: flex;justify-content: center;}
    .cite-recommend-section .stamp-article .tab-content .tab-item .course-navi .course-list .course-item::before {width: calc(100% - 10px);height: 71px;box-sizing: border-box;}
    .cite-recommend-section .stamp-article .tab-content .tab-item .course-navi .course-list .course-item:nth-of-type(2n)::before {content:none;}
    .cite-recommend-section .stamp-article .tab-content .tab-item .course-box .info {font-size: 14px;}
    .cite-recommend-section .stamp-article .tab-content .tab-item .course-navi .course-list .course-item:nth-of-type(1)::before {left: auto;right: 0;border-top: 2px dashed var(--color-gray1);border-right: 2px dashed var(--color-gray1);border-bottom: 2px dashed var(--color-gray1);border-radius: 0 10px 10px 0;}
    .cite-recommend-section .stamp-article .tab-content .tab-item .course-navi .course-list .course-item:is(:nth-of-type(3),:nth-of-type(7))::before {left: 0;right: auto;border-left: 2px dashed var(--color-gray1);border-bottom: 2px dashed var(--color-gray1);border-top:0;border-radius: 10px 0 0 10px;}
    .cite-recommend-section .stamp-article .tab-content .tab-item .course-navi .course-list .course-item:is(:nth-of-type(5),:nth-of-type(9))::before {left: auto;right: 0;border-top:0;border-right: 2px dashed var(--color-gray1);border-bottom: 2px dashed var(--color-gray1);border-radius: 0 10px 10px 0;}
    .cite-recommend-section .stamp-article .tab-content .tab-item .course-image figcaption {font-size: 16px;margin-top: 8px;}
    .cite-recommend-section .stamp-article .tab-content .tab-item .course-image .swiper-arrow-small {display: none;}
    .cite-recommend-section .search-article {padding: 0 2px 2px;}
    .cite-recommend-section .search-article .top-title{width: calc(100% - (var(--container-padding) * 2));margin: 0 auto;}
    .cite-recommend-section .search-article .top-banner {padding: 16px 14px;column-gap: 16px;}
    .cite-recommend-section .search-article .top-banner h2 {font-size: 16px;}
    .cite-recommend-section .search-article .icon-box{flex: none;}
    .cite-recommend-section .search-article .icon-box > img  {width: 108px;height: auto;display: block;}
    .cite-recommend-section .search-article .recommend-search {padding: 16px;}
    .cite-recommend-section .search-article .recommend-search .recommend-search-input .icon-box {width: 65px;height: 50px;}
    .cite-recommend-section .search-article .recommend-search .recommend-search-input {flex-direction: column;column-gap: 30px;}
    .cite-recommend-section .search-article .recommend-search .recommend-search-input .recommend-select > p {padding-left: 81px;height: 50px;font-size: 16px;}
    .cite-recommend-section .search-article .recommend-search .recommend-search-input .recommend-select .input-group {flex-direction: column;row-gap: 10px;font-size: 18px;}
    .cite-recommend-section .search-article .recommend-search .recommend-search-input .recommend-select {width: 100%;row-gap: 10px;}
    .cite-recommend-section .search-article .recommend-search .recommend-search-input .recommend-select .select-box {height: 40px;border-radius: 30px}
    .cite-recommend-section .search-article .recommend-search .recommend-search-input .recommend-select .select-box .select-value {border-radius: 30px;}
    .cite-recommend-section .search-article .recommend-search .recommend-search-input .recommend-select .select-box .select-value > span {font-size: 18px;}
    .cite-recommend-section .search-article .recommend-search .recommend-search-input .recommend-select .select-box .select-list .select-item {font-size: 18px;}
    .cite-recommend-section .search-article .recommend-search .recommend-value .recommend-value-list {flex-direction: column;row-gap: 16px;}
    .cite-recommend-section .search-article .recommend-search .recommend-value .recommend-value-list .recommend-value-item {width: 100%;}
    .cite-recommend-section .search-article .recommend-search .recommend-value .recommend-value-list .recommend-value-item .img-box {width: 120px;height: 120px;}
    .cite-recommend-section .search-article .recommend-search .recommend-value .recommend-value-list .recommend-value-item .text-box {width: calc(100% - 120px);}
    .cite-recommend-section .search-article .recommend-search .recommend-value .recommend-value-list .recommend-value-item .text-box .recommend-course {font-size: 14px;}
    .cite-recommend-section .search-article .recommend-search .recommend-value .recommend-value-list .recommend-value-item .text-box .recommend-title{font-size: 14px;-webkit-line-clamp: 2;        height: 2.4em;}
    .cite-recommend-section .search-article .recommend-search .recommend-value .recommend-value-list .recommend-value-item::before {width: 34px;height: 30px;}
    .cite-recommend-section .search-article .recommend-search .recommend-value .recommend-value-list .recommend-value-item .button {width: 100%;height: 28px;font-size: 14px;padding: 5px 12px;margin-top: 4px;}
    .cite-recommend-section .search-article .recommend-search .recommend-value .recommend-value-list .recommend-value-item .button::after{content:none;}
    .cite-recommend-section .search-article .recommend-search .recommend-search-input .search-button {width: 100%;height: 40px;flex-direction: row;border-radius: 30px;margin-top: 16px;}
    .cite-recommend-section .search-article .recommend-search .recommend-search-input .search-button::after {width: 24px;height:24px;}
    .cite-recommend-section .search-article .recommend-search .recommend-search-input .search-button br{display: none;}

    .cite-recommend-section .recommend-item > picture{top: 28px; right: -27px; width: 87px; height: 68px;}
    .cite-recommend-section .recommend-item > picture img {width:100%; height:100%;}

    .app-download-section {padding: 16px 0;}
    .app-download-section .app-download-content {row-gap: 8px;}
    .app-download-section .app-download-content .app-info-box .app-into-item .tag-list {margin-top: 8px;}
}

@media all and (max-width:420px) {
     .city-swiper-section .swiper-item .bg-box {height: calc( 100vh - 326px);}  
    .city-apps-info-section .app-info-content .app-thumb {width: 120px;height: 120px;}
    .city-apps-info-section .app-info-content .app-into-item .title {font-size: 18px;}
    .city-apps-info-section .app-info-content .app-into-item .text {font-size: 14px;}


    .cite-travel-section .title-box .title {font-size: 28px;}
    .cite-travel-section .title-box .summary {font-size: 14px;margin-top: 16px;}
    .cite-travel-section .tab-container .tab-button {height: 40px}

    .cite-travel-section .tab-content .tab-function-content .info-box .info-item h2 {font-size: 16px;}
    .cite-travel-section .tab-content .tab-function-content .info-box .info-item p{font-size: 16px;}
    .cite-travel-section .tab-content .tab-function-content .info-box .info-item ul li {font-size: 16px;}


}