/* home.php */
section + section { margin-top: 4rem;}
section .sc-title { margin-bottom:  1rem; display: flex; align-items: center; justify-content: space-between;}
section .sc-title .mainTitle { font-size: 2.2rem; font-weight: 700; line-height: 1.4;}
section .sc-title a { display: flex; align-items: center; gap: 0.4rem; font-size: 1.5rem; color: #666;}
section .sc-title a img { width: 1.2rem;}

.homeWrap .sc-banner .banner-item { border-radius: 0.5rem; overflow: hidden; padding: 2rem; display: block;}
.homeWrap .sc-banner .banner1 p { color: #fff; font-size: 1.4rem; line-height: 1.4; font-weight: 300;}
.homeWrap .sc-banner .banner1 h3 { color: #fff; font-size: 1.8rem; line-height: 1.4; font-weight: 600; }

.homeWrap .sc1 .sc-contents { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem;}
.homeWrap .sc1 .sc-contents .menu-item { flex: 1; min-width: 0; padding: 1.6rem; background-color: #f4f5f7; display: flex; flex-direction: column; justify-content: space-between; gap: 0.8rem; border-radius: 1rem;}
.homeWrap .sc1 .sc-contents .menu-item .text_box { display: flex; flex-direction: column; gap: 0.4rem;}
.homeWrap .sc1 .sc-contents .menu-item h3 { font-size: 1.6rem; line-height: 1.2; font-weight: 700; width: 100%;}
.homeWrap .sc1 .sc-contents .menu-item p { font-size: 1.4rem; line-height: 1.2; font-weight: 400; width: 100%; color: #999;}
.homeWrap .sc1 .sc-contents .menu-item .img_box { display: flex; align-items: end; justify-content: space-between;}
.homeWrap .sc1 .sc-contents .menu-item img.icon_img { height: 4rem; object-fit: contain;}
.homeWrap .sc1 .sc-contents .menu-item img.plus_img { width: 1.8rem;}

.homeWrap .sc2 .sc-contents { display: flex; flex-direction: column; gap: 1.6rem;}
.homeWrap .sc2 .sc-contents .link-item { display: flex; align-items: center; justify-content: space-between;}
.homeWrap .sc2 .sc-contents .link-item .left_area { display: flex; align-items: center; gap: 1rem;}
.homeWrap .sc2 .sc-contents .link-item .text_box { display: flex; flex-direction: column; gap: 0.4rem;}
.homeWrap .sc2 .sc-contents .link-item .text_box h4 { font-size: 1.6rem; line-height: 1.2; font-weight: 700;}
.homeWrap .sc2 .sc-contents .link-item .text_box p { font-size: 1.4rem; line-height: 1.2; color: #999;}
.homeWrap .sc2 .sc-contents .link-item .left_area img { width: 6rem;}
.homeWrap .sc2 .sc-contents .link-item .go_text { padding: 0.6rem 1.5rem; border-radius: 100px; border: 1px solid #ccc; font-size: 1.5rem; color: #999;}

.homeWrap .sc-news .news-list { display: flex; flex-direction: column; gap: 2rem;}
.homeWrap .sc-news .news-item { display: flex; align-items: center; gap: 1.6rem; height: 8.8rem;}
.homeWrap .sc-news .thumbnail { flex-shrink: 0; width: 12rem; height: 100%; background-color: #f2f2f2; overflow: hidden;}
.homeWrap .sc-news .thumbnail img { height: 100%; width: 100%; object-fit: cover; object-position: center;}
.homeWrap .sc-news .text-box { flex: 1; min-width: 0;}
.homeWrap .sc-news .text-box .news-title { font-size: 1.6rem; font-weight: 600; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;  text-overflow: ellipsis; overflow: hidden;}
.homeWrap .sc-news .text-box .news-content { font-size: 1.4rem; color: #666; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  text-overflow: ellipsis; overflow: hidden; margin-top: 0.4rem;}
.homeWrap .sc-news .text-box .news-date { font-size: 1.4rem; color: #999; margin-top: 0.8rem; display: block;}


/* search_are 검색창 공통 */
.search_area { flex-shrink: 0;}
.search_area > form { display: flex; flex-direction: column; gap: 1rem;}
.search_input_wrap { background-color: #fff; border: 1px solid #ccc; flex: 1; min-width: 0; display: flex; align-items: center; border-radius: 1rem; padding: 1.8rem 2rem;  box-sizing: border-box; height: 6rem;}
.search_input_wrap input{ flex:1; min-width: 0; background-color: transparent; font-size: 1.6rem; padding-right: 1rem;}
.search_input_wrap input::placeholder { color: #777; font-weight: 300;} 
.search_input_wrap img { width: 2rem; aspect-ratio: 1/1;}


.search_area .typeSel { background-color: #fff; border: 1px solid #ccc; flex: 1; min-width: 0; border-radius: 1rem; box-sizing: border-box; position: relative; height: 6rem;}
.search_area .typeSel > a { font-size: 1.6rem; display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 1.8rem 2rem; height: 100%;}
.search_area .typeSel > a img { width: 2rem; flex-shrink: 0; transition: all 0.2s;}
.search_area .typeSel > a.active img { transform: rotate(180deg);}
.search_area .typeOption { display: none; flex-direction: column; position: absolute; top: 100%; left: -1px; right: -1px; background-color: #fff; border: 1px solid #ccc; border-top: none; border-radius: 0 0 1rem 1rem; z-index: 10; max-height: 300px; overflow-y: auto;}
.search_area .typeOption a { padding: 1.8rem 2rem; font-size: 1.6rem; border-top: 1px solid #eee;}
.search_area .typeOption a:first-child { border-top: none;}
.search_area .typeOption a.active { background-color: #f5f5f5; font-weight: 600; color: var(--brand-color);}
.search_area .typeSel.open { border-radius: 1rem 1rem 0 0; border-bottom: 1px solid #ccc;}
.search_area .typeSel.open > a { border-bottom: 1px solid #eee;}



/* subpage */
.subpage-title { font-size: 1.8rem; font-weight: 700; margin-bottom: 2rem; margin-top: 1rem;}

.subpage-list { display: flex; flex-direction: column; gap: 1.8rem;}
.subpage-list .list-item { background-color: #f4f5f7; border-radius: 1rem; padding: 2.4rem 1.8rem;}
.subpage-list .list-item .item-title { font-size: 1.6rem; font-weight: 600;}
.subpage-list .list-item .item-desc { font-size: 1.4rem; color: #999; line-height: 1.4; margin-top: 1rem;}
.subpage-list .list-item .item-desc strong{ font-size: inherit; margin-bottom: 4px; display: inline-block; color: #444; line-height: 1.3;}

.alertMessage { color: #999; font-size: 1.8rem; font-weight: 300; margin-top: 8rem; text-align: center;}
.btn-p1 { background-color: var(--brand-color); color: #fff; text-align: center; border-radius: 0.5rem; display: block; padding: 1.6rem 0; width: 100%; font-size: 1.6rem; flex: 1; min-width: 0;} 
.btn-bottom { margin-top: 6rem;}


.subTopBanner { border-radius: 1rem; padding: 2rem 3rem; display: flex; align-items: center; justify-content: space-between; flex-shrink: 0;}
.subTopBanner p { font-size: 1.5rem; color: #999; }
.subTopBanner h3 { font-size: 1.7rem; font-weight: 600; margin-top: 0.6rem;}
.subTopBanner .go_text { font-size: 1.5rem; color: #fff; padding: 0.8rem 2rem; border-radius: 100px; text-align: center; width: min-content; margin-top: 1rem;}
.subTopBanner img { width: 7rem;}
.subTopBanner.banner1 { background-color: #def7da;}
.subTopBanner.banner1 .go_text { background-color: #7ed85e;}
.subTopBanner.banner2 { background-color: #dbf2f5;}
.subTopBanner.banner2 .go_text { background-color: #71ccd3;}
.subTopBanner.banner3 { background-color: #e6f0fd;}
.subTopBanner.banner3 .go_text { background-color: #83b6ed;}
.subTopBanner.banner4 { background-color: #eeecff;}
.subTopBanner.banner4 .go_text { background-color: #b4b0ff;}




/* search.php */
#search_main .con_list { margin-top: 2rem; border: solid #999; border-width: 1px 0 1px 0;}
#search_main .con_item { padding: 2rem 0; border-bottom: 1px solid #ccc;}
#search_main .con_item:last-of-type { border-bottom: none;}
#search_main .con_item a { font-size: 1.6rem; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-all;}


/* subsidy.php */
.subsidyWrap .search_area { border-bottom: 1px solid #ccc; padding: 2rem 0;}
.subsidyWrap .result { display: flex; flex-direction: column; position: relative;}
.subsidyWrap .result-item { padding: 2rem 0; border-bottom: 1px solid #ccc;}
.subsidyWrap .result-item .kind { font-size: 1.4rem; color: #999; margin-bottom: 0.4rem;}
.subsidyWrap .result-item .title { font-size: 1.8rem; line-height: 1.4; font-weight: 700;}
.subsidyWrap .result-item .item_bottom { display: flex; align-items: end; }
.subsidyWrap .result-item .item_desc { margin-top: 2rem; display: flex; flex-direction: column; gap: 1rem; flex: 1; min-width: 0;}
.subsidyWrap .result-item .item_desc p { font-size: 1.6rem; display: flex; align-items: baseline; line-height: 1.4;}
.subsidyWrap .result-item .item_desc p span { display: inline-block; font-size: 1.4rem; border-radius: 100px; border: 1px solid #ccc; padding: 0.8rem 1.6rem; margin-right: 1rem;}
.subsidyWrap .result-item img.add_icon { width: 20px; aspect-ratio: 1/1; flex-shrink: 0;}

/* subsid_sub.php */
.subsidySubWrap .search_area { padding: 2rem 0; }
.subsidySubWrap .sub-contents { padding-top: 1rem; flex: 1; min-height: 0; display: flex; flex-direction: column;}
.subsidySubWrap .sub-contents .title { font-size: 1.8rem; line-height: 1.4; font-weight: 700; flex-shrink: 0;}
.subsidySubWrap .sub-contents .org_name { font-size: 1.4rem; color: #999; margin-bottom: 0.4rem;}
.subsidySubWrap .sub-contents .content { display: flex; flex-direction: column; gap: 2rem; margin-top: 2rem;  flex: 1; min-height: 0;}
.subsidySubWrap .sub-contents .data_box { display: flex; align-items: baseline;}
.subsidySubWrap .sub-contents .data_box .data_tit { display: inline-block; font-size: 1.4rem; border-radius: 100px; border: 1px solid #ccc; padding: 0.8rem 1.6rem; margin-right: 1rem; flex-shrink: 0;}
.subsidySubWrap .sub-contents .data_box pre { font-size: 1.6rem; display: flex; align-items: baseline;  line-height: 1.4; flex: 1; min-width: 0;}
.subsidySubWrap .btn-bottom { flex: initial; flex-shrink: 0;}

/* welfare.php */
.welfareWrap .search_area { border-bottom: 1px solid #ccc; padding: 2rem 0;}
.welfareWrap .result { display: flex; flex-direction: column; }
.welfareWrap .result-item { padding: 1.5rem 0; border-bottom: 1px solid #ccc; display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.welfareWrap .result-item .title { font-size: 1.8rem; line-height: 1.4; font-weight: 700; flex: 1; min-width: 0; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.welfareWrap .result-item img.add_icon { width: 20px; aspect-ratio: 1/1; flex-shrink: 0;}


/* welfare_sub.php */
.welfareSubWrap .search_area { padding: 2rem 0;}
.welfareSubWrap .sub-contents { padding-top: 4rem; flex: 1; min-height: 0; display: flex; flex-direction: column;}
.welfareSubWrap .sub-contents .title { font-size: 1.8rem; line-height: 1.4; font-weight: 700; flex-shrink: 0;}
.welfareSubWrap .sub-contents .org_name { font-size: 1.4rem; color: #999; margin-bottom: 0.4rem;}
.welfareSubWrap .sub-contents .content { display: flex; flex-direction: column; gap: 2rem; margin-top: 2rem; flex: 1; min-height: 0;}
.welfareSubWrap .sub-contents .data_box { display: flex; align-items: baseline;}
.welfareSubWrap .sub-contents .data_box .data_tit { display: inline-block; font-size: 1.4rem; border-radius: 100px; border: 1px solid #ccc; padding: 0.8rem 1.6rem; margin-right: 1rem; flex-shrink: 0;}
.welfareSubWrap .sub-contents .data_box pre { font-size: 1.6rem; display: flex; align-items: baseline;  line-height: 1.4; flex: 1; min-width: 0;}
.welfareSubWrap .btn-bottom { flex: initial; flex-shrink: 0;}


/* youth.php */
.youthWrap .search_area { border-bottom: 1px solid #ccc; padding: 2rem 0;}
.youthWrap .result { display: flex; flex-direction: column; }
.youthWrap .result-item { padding: 1.5rem 0; border-bottom: 1px solid #ccc; display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.youthWrap .result-item .title { font-size: 1.8rem; line-height: 1.4; font-weight: 700; flex: 1; min-width: 0; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.youthWrap .result-item img.add_icon { width: 20px; aspect-ratio: 1/1; flex-shrink: 0;}


/* youth_sub.php */
.youthSubWrap .search_area { padding: 2rem 0;}
.youthSubWrap .sub-contents { padding-top: 4rem; flex: 1; min-height: 0; display: flex; flex-direction: column;}
.youthSubWrap .sub-contents .title { font-size: 1.8rem; line-height: 1.4; font-weight: 700; flex-shrink: 0;}
.youthSubWrap .sub-contents .org_name { font-size: 1.4rem; color: #999; margin-bottom: 0.4rem;}
.youthSubWrap .sub-contents .content { display: flex; flex-direction: column; gap: 2rem; margin-top: 2rem; flex: 1; min-height: 0;}
.youthSubWrap .sub-contents .data_box { display: flex; align-items: baseline;}
.youthSubWrap .sub-contents .data_box .data_tit { display: inline-block; font-size: 1.4rem; border-radius: 100px; border: 1px solid #ccc; padding: 0.8rem 1.6rem; margin-right: 1rem; flex-shrink: 0;}
.youthSubWrap .sub-contents .data_box pre { font-size: 1.6rem; display: flex; align-items: baseline;  line-height: 1.4; flex: 1; min-width: 0;}
.youthSubWrap .btn-bottom { flex: initial; flex-shrink: 0;}


/* business.php */
.businessWrap .search_area { border-bottom: 1px solid #ccc; padding: 2rem 0;}
.businessWrap .result { display: flex; flex-direction: column; position: relative;}
.businessWrap .result-item { padding: 2rem 0; border-bottom: 1px solid #ccc;}
.businessWrap .result-item .kind { font-size: 1.4rem; color: #999; margin-bottom: 0.4rem;}
.businessWrap .result-item .title { font-size: 1.8rem; line-height: 1.4; font-weight: 700;}
.businessWrap .result-item .item_bottom { display: flex; align-items: end; }
.businessWrap .result-item .item_desc { margin-top: 2rem; display: flex; flex-direction: column; gap: 1rem; flex: 1; min-width: 0;}
.businessWrap .result-item .item_desc p { font-size: 1.6rem; display: flex; align-items: baseline; line-height: 1.4;}
.businessWrap .result-item .item_desc p span { display: inline-block; font-size: 1.4rem; border-radius: 100px; border: 1px solid #ccc; padding: 0.8rem 1.6rem; margin-right: 1rem;}
.businessWrap .result-item img.add_icon { width: 20px; aspect-ratio: 1/1; flex-shrink: 0;}

/* business_sub.php */
.businessSubWrap .search_area { padding: 2rem 0; }
.businessSubWrap .sub-contents { padding-top: 4rem; flex: 1; min-height: 0; display: flex; flex-direction: column;}
.businessSubWrap .sub-contents .title { font-size: 1.8rem; line-height: 1.4; font-weight: 700; flex-shrink: 0;}
.businessSubWrap .sub-contents .type { font-size: 1.4rem; color: #999; margin-bottom: 0.4rem;}
.businessSubWrap .sub-contents .content { display: flex; flex-direction: column; gap: 2rem; margin-top: 2rem;  flex: 1; min-height: 0;}
.businessSubWrap .sub-contents .data_box { display: flex; align-items: baseline;}
.businessSubWrap .sub-contents .data_box .data_tit { display: inline-block; font-size: 1.4rem; border-radius: 100px; border: 1px solid #ccc; padding: 0.8rem 1.6rem; margin-right: 1rem; flex-shrink: 0; min-width: 8rem; text-align: center;}
.businessSubWrap .sub-contents .data_box .pre { font-size: 1.6rem; display: flex; flex-direction: column; align-items: baseline;  line-height: 1.4; flex: 1; min-width: 0;}
.businessSubWrap .sub-contents .data_box .pre p { font-size: inherit; width: 100%; line-height: initial;}
.pre table { width: 100%; border-collapse: collapse; border: 1px solid #ccc;}
.pre table td,
.pre table td { border: 1px solid #ccc;}
.pre figure { overflow-x: auto; margin-top: 20px;}
.businessSubWrap .btn-bottom { flex: initial; flex-shrink: 0;}

/* news.php */
.newsWrap .news-list { display: flex; flex-direction: column; gap: 2rem;}
.newsWrap .news-item { display: flex; align-items: center; gap: 1.6rem; height: 8.8rem;}
.newsWrap .thumbnail { flex-shrink: 0; width: 12rem; height: 100%; background-color: #f2f2f2; overflow: hidden;}
.newsWrap .thumbnail img { height: 100%; width: 100%; object-fit: cover; object-position: center;}
.newsWrap .text-box { flex: 1; min-width: 0;}
.newsWrap .text-box .news-title { font-size: 1.6rem; font-weight: 600; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;  text-overflow: ellipsis; overflow: hidden;}
.newsWrap .text-box .news-content { font-size: 1.4rem; color: #666; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  text-overflow: ellipsis; overflow: hidden; margin-top: 0.4rem;}
.newsWrap .text-box .news-date { font-size: 1.4rem; color: #999; margin-top: 0.8rem; display: block;}

/* pagination */
.pagination { display: flex; align-items: center; justify-content: center; gap: 0.4rem; margin-top: 4rem;}
.pagination .page-link.current { color: #fff; font-weight: 700; background-color: var(--brand-color);}
.pagination .page-link { color: #666; font-size: 1.8rem; width: 3rem; aspect-ratio: 1/1; background-color: #f4f5f7; display: flex; align-items: center; justify-content: center;}
.pagination .page-btn { width: 3rem; aspect-ratio: 1/1;}