@charset "utf-8";
/* CSS Document */
#container															{ display:flex; justify-content:flex-start; align-items:flex-start; margin-bottom:5em; --sizeLnbW:300px }
.box_info_top.tac img												{ margin-left:auto; margin-right:auto; }	
/* 재정 더보기 버튼 */
table.basic_table td button.plus									{ position:relative; width:26px; height:26px; border-radius:3px; border:1px solid var(--color-line); vertical-align:middle; margin-right:5px; margin-top:-1px }
table.basic_table td button.plus::before							{ position:absolute; width:20px; height:20px; content:''; left:50%; top:50%; transform:translate(-50%,-50%); 
																		background:url(/resource/www/images/contents/icon_plus.svg) no-repeat 50% 50% / contain; padding:0; margin:0; transition:var(--trans-ani); }
table.basic_table td button.plus.active::before						{ background-image:url(/resource/www/images/contents/icon_minus.svg); background-color:var(--color-gray); border-color:var(--color-gray) }

/* 재정 부서선택 */
.modal_wrap .dept_list												{ width:100%; display:flex; flex-wrap:wrap; border-top:2px solid var(--color-point) }
.modal_wrap .dept_list>li											{ width:calc(100% / 2); display:flex;  align-items:center; line-height:1; padding:15px 5px; border-bottom:1px solid var(--color-line); }
.modal_wrap .dept_list>li .check_label								{ color:var(--color-base); font-size:1.03rem }
@media all and (max-width:1068px) {
	.modal_wrap .dept_list>li										{ width:100%; }
	.modal_wrap .dept_list>li .check_label							{ font-size:1rem }
}

/* 검색 배경 */
.search_quick_wrap													{ position:relative; width:98%; max-width:1800px; margin:0 auto; background:url(/resource/www/images/sub/bg_visual.png) no-repeat 50% 50% / cover var(--color-light-blue); border-radius:25px;
																		padding:var(--sizePadding); --sizePadding:50px; --sizeHig:240px; height:var(--sizeHig) }
.search_quick_wrap::before											{ position:absolute; width:100%; height:100%; left:0; bottom:90px; content:''; background:url(/resource/www/images/sub/bg_visual_text.png) no-repeat 102% 105% / 813px 101px; border-radius:25px; 
																		overflow:hidden }
.search_quick_wrap::after											{ position:absolute; width:100px; height:var(--sizeHig); right:0; top:8px; content:''; background:url(/resource/www/images/sub/bg_search_quick_wrap.png) no-repeat right bottom / auto; z-index:1}
.search_quick_wrap .con_inner										{ position:relative; width:100% }		

/* 통합검색 */
.search_quick_wrap.all_search										{ height:inherit; overflow:hidden }		
[data-subarea="allsearch"]											{ margin-top:80px; margin-bottom:80px; }	
.search_quick_wrap.all_search::after								{ display:none; }
.search_quick_wrap.all_search::before								{ bottom:-1em; }				
#AllSearch h3														{ font-family: var(--font-tenada); margin-bottom:30px; }
@media all and (max-width:968px){
	#AllSearch h3													 { margin-bottom:20px; }
}
@media all and (max-width:668px){
	#AllSearch h3													 { margin-bottom:15px; }
}
/* 검색폼 */
.search_quick_wrap .search_wrap									{ width:100%;  margin:0 auto; } 




/* 날씨 */
.search_quick_wrap .weather_wrap								{ position:absolute; right:0; top:0; display:none }


/* 공유 */
.search_quick_wrap .page_util																	{ display:flex; justify-content:end; align-items:center; --sizeHig:40px; gap:5px; position:absolute; right:0; top:12.5px; }
.search_quick_wrap .page_util>li																{ position:relative; }
.search_quick_wrap .page_util>li>button															{ display:flex; width:var(--sizeHig); height:var(--sizeHig); border-radius:8px; background:var(--color-white) }
.search_quick_wrap .page_util>li>button:before													{ content:''; flex:none; display:block; width:100%; height:100%; margin:0 auto; background-repeat:no-repeat; background-position:50% 50%; }
.search_quick_wrap .page_util>li .share_bt:before												{ background-image:url(/resource/www/images/sub/icon_share.svg); background-size:16px;}
.search_quick_wrap .page_util>li.print>button:before											{ background-image:url(/resource/www/images/sub/icon_print.svg); background-size:17px 16px;}
.search_quick_wrap .page_util>li.braille>button:before											{ background-image:url(/resource/www/images/sub/icon_bx_link.svg); background-size:19px 10px;}
.search_quick_wrap .page_util>li.braille_down>button:before										{ background-image:url(/resource/www/images/sub/icon_bx_down.svg); background-size:21px 13px; background-position:50% 55%}
.search_quick_wrap .page_util>li.share .share_drop												{ display:none; position:absolute; top:-1px; left:-2px; z-index:10; width:calc(var(--sizeHig) + 4px); box-sizing:border-box; background-color:var(--color-white); 
																									border:1px solid #e5e5e5;  text-align:center; z-index:10; border-radius:8px;}																								
.search_quick_wrap .page_util > li.share .share_drop ul											{ padding-top:10px; display:flex; flex-flow:column; gap:7px; }
.search_quick_wrap .page_util > li.share .share_drop ul > li a									{ display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
.search_quick_wrap .page_util > li.share .share_drop ul > li[data-share] a:before				{ content:''; display:block; width:30px; height:30px; background-repeat:no-repeat; background-position:50% 50%; background-size:auto 100%; border-radius:100%;}
.search_quick_wrap .page_util > li.share .share_drop ul > li[data-share="blog"] a:before		{ background-image:url(/resource/common/images/common/icon_blog.svg); background-color:#32b44a;}
.search_quick_wrap .page_util > li.share .share_drop ul > li[data-share="youtube"] a:before		{ background-image:url(/resource/common/images/common/icon_youtube.svg); background-color:#e03232;}
.search_quick_wrap .page_util > li.share .share_drop ul > li[data-share="facebook"] a:before	{ background-image:url(/resource/common/images/common/icon_facebook.svg); background-color:#385691;}
.search_quick_wrap .page_util > li.share .share_drop ul > li[data-share="instar"] a:before		{ background:url(/resource/common/images/common/icon_instar.svg) no-repeat 50% 50% / cover, linear-gradient(to bottom right, #4a48e8 20% , #ee3183 60%, #f0c05c 100%);}
.search_quick_wrap .page_util > li.share .share_drop ul > li[data-share="kakao"] a:before		{ background-image:url(/resource/common/images/common/icon_kakaoch.svg); background-color:#ffde00; }
.search_quick_wrap .page_util > li.share .share_drop ul > li[data-share="twitter"] a:before		{ background-image:url(/resource/common/images/common/icon_twitter.png); background-color:#000;}
.search_quick_wrap .page_util > li.share .share_drop ul > li[data-share="band"] a:before		{ background-image:url(/resource/common/images/common/icon_band.png); background-color:#50b748;}
.search_quick_wrap .page_util > li.share .share_drop ul > li[data-share="copy"] a:before		{ background-image:url(/resource/common/images/common/icon_copy.svg); background-color:#555555;}
.search_quick_wrap .page_util > li.share .share_close											{ position:relative; width:30px; height:30px; margin-top:10px; margin-bottom:5px; background:#e5e5e5; border-radius:100%;}
.search_quick_wrap .page_util > li.share .share_close::before									{ position:absolute; width:1px; height:11px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); content:''; background:var(--color-base); }
.search_quick_wrap .page_util > li.share .share_close::after									{ position:absolute; width:1px; height:11px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-45deg); content:''; background:var(--color-base);}
.search_quick_wrap .page_util > li.share .share_close:hover										{ transform:rotate(90deg); }






/* 서브 메뉴 */
.lnb_wrap										{ flex:none; width:var(--sizeLnbW); /*margin-bottom:7.5em;*/ margin-top:-192px; z-index:3 }
body:has(.modal_pop.active) .lnb_wrap 			{ z-index:inherit }
.lnb_wrap .title								{ position:relative; width:100%; border-radius:20px 20px 0px 0px; font-size:1.45em; padding:45px 30px 74px; box-sizing:border-box; background:linear-gradient(120deg, #288fcf, #0562b0);  
													color:var(--color-white);}
.lnb_wrap .title::before						{ position:absolute; width:100px; height:3em; content:''; right:0; bottom:-18px; background:var(--color-white); border-radius:50px 0 0 0; z-index:1 }																	
.lnb_wrap .title h2								{ position:relative; font-family:var(--font-tenada); font-weight:inherit; line-height:1}
.lnb_wrap .title h2::before						{ position:absolute; width:8px; height:8px; border-style:solid; border-width:0 1px 1px 0; border-color:var(--color-white); right:0px; top:50%; transform:translateY(-170%) rotate(45deg); content:''; }
.lnb_wrap nav									{ position:relative; width:100%; border-radius:20px; padding:20px; margin-top:-35px; background:var(--color-white); box-shadow:-1px -1px 15px rgba(0,0,0,.15); z-index:2 }
.lnb_wrap .lnb									{ width:100%; display:flex; flex-flow:column; word-break:break-all; }
.lnb_wrap .lnb>li								{ border-bottom:1px solid #e5e5e5;  }
.lnb_wrap .lnb>li>a								{ position:relative; display:flex; align-items:center; font-size:1.19em; font-weight:600; padding:0 20px; height:60px; color:#515151; transition:var(--trans-ani); border-radius:10px; }
.lnb_wrap .lnb>li>a::before						{ position:absolute; width:7px; height:7px; border-style:solid; border-width:1px 1px 0 0; border-color:#808080; right:20px; top:50%; transform:translateY(-75%) rotate(45deg); content:''; }

.lnb_wrap .lnb>li:has(ul)>a::before				{ transform:translateY(-75%) rotate(135deg); }	
.lnb_wrap .lnb>li:last-child					{ border-bottom:none; }
.lnb_wrap .lnb>li.active						{ background:#f2f2f2; border-radius:15px 35px 10px 10px; }																
.lnb_wrap .lnb>li.active>a,
.lnb_wrap .lnb>li>a:hover,
.lnb_wrap .lnb>li>a:focus						{ background:linear-gradient(120deg, #288fcf, #0562b0); color:var(--color-white);  border-bottom:none }
.lnb_wrap .lnb>li.active>a::before				{ transform:translateY(-50%) rotate(315deg); }
.lnb_wrap .lnb>li>a:hover::before,
.lnb_wrap .lnb>li>a:focus::before,
.lnb_wrap .lnb>li.active>a::before				{ border-color:var(--color-whtie); transition:var(--trans-ani);}
.lnb_wrap .lnb>li.active,
.lnb_wrap .lnb>li:hover,
.lnb_wrap .lnb>li:focus							{ border-bottom:1px solid transparent; }
.lnb_wrap .lnb>li>ul							{ display:none;  padding:10px 20px; }
.lnb_wrap .lnb>li>ul>li>a						{ position:relative; display:block; padding:7px 0; padding-right:15px; font-size:1.09em; line-height:1.2; transition:var(--trans-ani); color:var(--color-base); font-weight:500 }
.lnb_wrap .lnb>li>ul>li>a:hover,
.lnb_wrap .lnb>li>ul>li>a:focus,
.lnb_wrap .lnb>li>ul>li.active>a				{ color:var(--color-point); }
.lnb_wrap .lnb>li>ul>li>a::before,
.lnb_wrap .lnb>li>ul>li>a::after				{ position:absolute; right:0; top:50%; content:''; transition:var(--trans-ani); background:#757575; transform:translateY(-50%) rotate(0deg) }
.lnb_wrap .lnb>li>ul>li>a::before				{ width:9px; height:1px; }
.lnb_wrap .lnb>li>ul>li>a::after				{ width:1px; height:9px; right:4px; }
.lnb_wrap .lnb>li>ul>li.active>a::after			{ transform:translateY(-50%) rotate(90deg); transition:var(--trans-ani); }
.lnb_wrap .lnb>li>ul>li:not(:has(ul))>a::before,
.lnb_wrap .lnb>li>ul>li:not(:has(ul))>a::after	{ display:none; }
.lnb_wrap .lnb>li>ul>li>ul						{  display:none; padding:15px; background:var(--color-white); border-radius:10px; margin-bottom:10px; }
.lnb_wrap .lnb>li>ul>li>ul>li>a					{ position:relative; display:block; padding:5px 0 5px 10px; font-size:1em; line-height:1.2; transition:var(--trans-ani); color:var(--color-base); opacity:.84 }
.lnb_wrap .lnb>li>ul>li>ul>li>a::before			{ position:absolute; width:3px; height:3px; border-radius:100%; background:var(--color-base); left:0; top:12px; content:''; opacity:.54}
.lnb_wrap .lnb>li>ul>li>ul>li>a:hover,
.lnb_wrap .lnb>li>ul>li>ul>li>a:focus,
.lnb_wrap .lnb>li>ul>li>ul>li.active>a			{ color:var(--color-point); opacity:1; transition:var(--trans-ani);}
.lnb_wrap .lnb>li>ul>li>ul>li>a:hover::before,
.lnb_wrap .lnb>li>ul>li>ul>li>a:focus::before,
.lnb_wrap .lnb>li>ul>li>ul>li.active>a::before	{ background:var(--color-point); opacity:1; transition:var(--trans-ani); }

.lnb_wrap .lnb>li a[target="_blank"]::after		{ position:initial; transform:initial; content:''; opacity:1; display:inline-block; width:11px; height:11px; margin-left:4px; background:url(/resource/common/images/common/icon_newtab.svg) no-repeat 50% 50%;
    																		background-size:100%; vertical-align:middle; margin-top:-3px; filter:invert(100%) sepia(10%) saturate(0%) hue-rotate(356deg) brightness(102%) contrast(10%) }
.lnb_wrap .lnb>li a[target="_blank"]:hover::after,
.lnb_wrap .lnb>li a[target="_blank"]:focus::after	{ filter:inherit; }
.lnb_wrap .lnb>li:not(:has(ul))>a:before			{ display:none; }
.lnb_wrap .lnb>li>a[target="_blank"]:hover::after,
.lnb_wrap .lnb>li>a[target="_blank"]:focus::after	{ filter: invert(100%) sepia(99%) saturate(0%) hue-rotate(281deg) brightness(101%) contrast(104%); }
.lnb_wrap .lnb>li>a[target="_blank"]::after		{ margin-top:1px; }


#container .section_middle											{ position:relative; margin-top:-90px; background:var(--color-white); padding-left:80px; z-index:2; width:calc(100% - 300px);}
body:has(.modal_pop.active) #container .section_middle				{ z-index:inherit; }





/* page title */
.pagetitle_wrap														{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin-top:35px; margin-bottom:30px; gap:10px 0  }
.pagetitle_wrap h3													{ font-size:2.19em; line-height:1.2; color:var(--color-base); font-weight:500; word-break:keep-all; font-family:var(--font-tenada); }
.pagetitle_wrap .page_util											{ display:flex; flex-wrap:wrap; align-items:center; gap:2px 0; margin-top:-7px;}
.pagetitle_wrap .page_util [data-location="home"] a					{ display:flex; font-size:0px; width:25px; height:25px; margin-right:-6px; }
.pagetitle_wrap .page_util [data-location="home"] a::before			{ content:''; display:block; width:100%; height:100%; background:url(/resource/www/images/sub/icon_home.svg) no-repeat 50% 50%; background-size:15px; 
																		opacity:1; margin-top:-2px; }
.pagetitle_wrap .page_util>li+li									{ padding-left:10px; opacity:.74  }
.pagetitle_wrap .page_util>li+li::before							{ display:inline-block; margin-right:10px; width:6px; height:6px; border-style:solid; border-width:1px 1px 0 0; border-color:#6b6b6b; transform:rotate(45deg); 
																			content:''; vertical-align:middle; margin-top:-2px;  }
																			
																			
																			

/* 5차 메뉴스타일 */
.area_snb										{ position:relative; margin-bottom:30px; padding:0 20px 20px 20px; }
.area_snb::before								{ position:absolute; width:100%; height:calc(100% - 30px); border:1px solid #ebebeb; border-radius:10px; content:''; left:0; bottom:0; }
.area_snb .snb									{ display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; gap:9px}
.area_snb .snb > li								{ display:flex; flex:auto;  justify-content:center; align-items:center;}
.area_snb .snb > li > a,
.area_snb .snb > li > button					{ display:flex; justify-content:flex-start; align-items:center; position:relative; width:100%; box-sizing:border-box; padding:20px 40px 20px 20px; border-radius:10px 20px 10px 10px; 
													line-height:1.15; color:#565656; text-align:center; transition:var(--trans-ani); font-size:1.03em; font-weight:400; background:#efefef; letter-spacing:-.045em }
.area_snb .snb > li > a::after,
.area_snb .snb > li > button::after				{ content:''; display:block; position:absolute; width:7px; height:7px; right:20px; top:50%; border-style:solid; border-color:#4d4d4d; border-width:1px 1px 0 0; 
													transform:translateY(-50%) rotate(45deg); transition:var(--trans-ani);}
.area_snb .snb > li > a[target="_blank"]::after{width: 12px;height: 12px;top: 50%;background: url(/resource/common/images/common/icon_newtab.svg) no-repeat 50% 50%;
													border: none;transform: translateY(-50%);filter:invert(100%) sepia(10%) saturate(0%) hue-rotate(356deg) brightness(102%) contrast(10%);}
.area_snb .snb > li.active > a,
.area_snb .snb > li.active > button				{ background:var(--color-point); color:var(--color-white);  }
.area_snb .snb > li.active > a::after,
.area_snb .snb > li.active > button::after		{ border-color:#fff; }
.area_snb .btn_snb_mob							{ display:none; justify-content:flex-start; align-items:center; position:relative; width:100%; box-sizing:border-box; padding:15px 20px 15px 15px; border-radius:8px 15px 8px 8px; 
													line-height:1.15; color:var(--color-white); text-align:center; transition:var(--trans-ani); font-size:1.03em; font-weight:400; background:var(--color-point); letter-spacing:-.045em }
.area_snb .btn_snb_mob:after					{ content:''; display:block; position:absolute; width:7px; height:7px; right:17px; top:50%; border-style:solid; border-color:var(--color-white); border-width:0 1px 1px 0; 
													transform:translateY(-70%) rotate(45deg); transition:var(--trans-ani);}
.area_snb .btn_snb_mob.active:after				{ transform:translateY(-40%) rotate(-135deg);}		
										
/* 5차 셀렉트스타일 */
.area_select									{ position:relative; margin-bottom:30px; padding:0 20px 20px 20px; --sizeBtn:60px }

.area_select::before							{ position:absolute; width:100%; height:calc(100% - 30px); border:1px solid #ebebeb; border-radius:10px; content:''; left:0; bottom:0; }
.area_select .btn_select						{ display:flex; justify-content:flex-start; align-items:center; position:relative; width:100%; box-sizing:border-box; padding:0 40px 0 20px; height:var(--sizeBtn); border-radius:10px 20px 10px 10px; 
													line-height:1.15; color:#565656; text-align:center; transition:var(--trans-ani); font-size:1.03em; font-weight:400; background:var(--color-point); letter-spacing:-.045em; color:var(--color-white) }
.area_select .btn_select:after					{ content:''; display:block; position:absolute; width:7px; height:7px; right:20px; top:50%; border-style:solid; border-color:var(--color-white); border-width:0 1px 1px 0; 
													transform:translateY(-70%) rotate(45deg); transition:var(--trans-ani); }
.area_select .btn_select.active					{ border-radius:10px 20px 0 0;  }
.area_select .btn_select.active:after			{ transform:translateY(-40%) rotate(-135deg);}	
.area_select .select							{ position:absolute; display:none; width:calc(100% - 40px); top:var(--sizeBtn); padding:1.5em; border:1px solid var(--color-point); border-radius:0 0 10px 10px; background:var(--color-white); 
													border-top-width:0; z-index:5 }
.area_select .select>li							{ width:100%; }
.area_select .select>li+li						{ margin-top:5px; }
.area_select .select>li>a,
.area_select .select>li>button					{ display:flex; justify-content:flex-start; align-items:center; position:relative; width:100%; box-sizing:border-box; padding:15px 20px; border-radius:8px 15px 8px 8px; 
													line-height:1.15; color:#565656; text-align:center; transition:var(--trans-ani); font-size:1.03em; font-weight:400; background:#efefef; letter-spacing:-.045em }
													
.area_select .select>li > a::after,
.area_select .select>li > button::after			{ content:''; display:block; position:absolute; width:7px; height:7px; right:20px; top:50%; border-style:solid; border-color:#4d4d4d; border-width:1px 1px 0 0; 
													transform:translateY(-50%) rotate(45deg); transition:var(--trans-ani);}													
.area_select .select>li.active>a,
.area_select .select>li.active>button			{ background:var(--color-point); color:var(--color-white); }
.area_select .select>li.active>a::after,
.area_select .select>li.active>button::after	{ border-color:var(--color-white); }	
													
/* 6차메뉴 */
.area_tsnb										{ position:relative; border:1px dashed #d1d1d1; border-radius:20px; margin-bottom:1.5em; padding:20px; }
.area_tsnb .tsnb								{ display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; gap:9px; }
.area_tsnb .tsnb > li							{ display:flex; flex:auto; justify-content:center; align-items:center;}
.area_tsnb .tsnb > li > a,
.area_tsnb .tsnb > li > button					{ display:flex; justify-content:center; align-items:center; position:relative; width:100%; box-sizing:border-box; padding:12px 20px; border-radius:25px; 
													line-height:1.15; color:#565656; text-align:center; transition:var(--trans-ani); font-size:1.03em; font-weight:400; background:#efefef; letter-spacing:-.045em }
.area_tsnb .tsnb > li.active > a,
.area_tsnb .tsnb > li.active > button			{ background:var(--color-point); color:var(--color-white); }	
.area_tsnb .btn_tsnb_mob						{ display:none; justify-content:flex-start; align-items:center; position:relative; width:100%; box-sizing:border-box; padding:15px 20px 15px 15px; border-radius:8px; 
													line-height:1.15; color:var(--color-white); text-align:center; transition:var(--trans-ani); font-size:1.03em; font-weight:400; background:var(--color-point); letter-spacing:-.045em }
.area_tsnb .btn_tsnb_mob::after					{ content:''; display:block; position:absolute; width:7px; height:7px; right:17px; top:50%; border-style:solid; border-color:var(--color-point); border-width:0 1px 1px 0; 
													transform:translateY(-70%) rotate(45deg); transition:var(--trans-ani); }
.area_tsnb .btn_tsnb_mob.active::after			{ transform:translateY(-40%) rotate(-135deg);}													
													
@media all and (max-width:1768px) {
	.lnb_wrap .title												{ font-size:1.3em; padding:45px 30px 70px }
	.search_quick_wrap .search_wrap .searchForm input[type="text"]	{ font-size:1.2em; }	
}
@media all and (max-width:1568px) {
	#container														{ --sizeLnbW:280px; }
	/* 검색폼 */
	.search_wrap													{ max-width:610px; }

	.lnb_wrap .title												{ font-size:1.25em; padding:45px 30px 69px }
	.lnb_wrap .lnb>li>a												{ font-size:1.15em; height:58px; padding:0 20px 0 15px }
	.lnb_wrap .lnb>li>ul											{ padding:10px 15px; }
	.lnb_wrap .lnb>li>ul>li>a										{ font-size:1.06em; }

	
	.pagetitle_wrap h3												{ font-size:2.1em; }
	
}
@media all and (max-width:1468px) {
	/* 검색폼 */
	.search_quick_wrap .search_wrap									{ max-width:510px; }
}
@media all and (max-width:1368px) {
	.lnb_wrap .title												{ font-size:1.2em; padding:44px 30px 69px }
	.lnb_wrap nav													{ margin-top:-25px; }
	.pagetitle_wrap h3												{ font-size:2em; }
	#container .section_middle										{ padding-left:60px; }
	
	
	/* 5차 메뉴스타일 */
	.area_snb														{ margin-bottom:20px; padding:0 15px 15px 15px; }
	.area_snb::before												{ height:calc(100% - 20px); }
	.area_snb .snb > li > a,
	.area_snb .snb > li > button									{ padding:15px 30px 15px 15px; border-radius:8px 15px 8px 8px; }
	.area_snb .snb > li > a:after,
	.area_snb .snb > li > button:after								{ right:15px; transform:translateY(-60%) rotate(45deg); }
														
	/* 5차 셀렉트스타일 */
	.area_select													{ margin-bottom:20px; padding:0 15px 15px 15px; --sizeBtn:50px; }
	.area_select::before											{ height:calc(100% - 20px); }
	.area_select .btn_select										{ padding:15px 30px 15px 15px; border-radius:8px 15px 8px 8px; }
	.area_select .btn_select.active									{ border-radius:8px 15px 0 0;}
	.area_select .btn_select:after									{ right:15px; transform:translateY(-60%) rotate(45deg); }
	.area_select .select											{ width:calc(100% - 30px); padding:1.25em; }
	.area_select .select>li>a, 
	.area_select .select>li>button									{ padding:13px 15px; }
	
	/* 6차 메뉴 */
	.area_tsnb														{ border-radius:15px; padding:15px; }
	.area_tsnb .tsnb > li > a, 
	.area_tsnb .tsnb > li > button									{ padding:10px 15px; font-size:1em; }
}
@media all and (max-width:1268px) {
	.search_quick_wrap												{ height:inherit; padding:40px 40px 20px 40px; background-size:auto 100%; border-radius:15px;}
	.search_quick_wrap::before										{ bottom:0; background-size:50% auto; border-radius:15px;  }
	.search_quick_wrap .weather_wrap								{ right:inherit; left:0; top:inherit; bottom:0; }
	.search_quick_wrap .page_util									{ position:initial; margin-top:20px; justify-content:center; }

	
	.lnb_wrap														{ display:none; }
	.search_quick_wrap::after										{ display:none; }
	#container .section_middle										{ padding-left:0; width:100%; margin-top:0; }
	
}
@media all and (max-width:1168px) {
	.search_quick_wrap .con_inner									{ display:flex; flex-flow:column; gap:20px; align-items:center; }

	.search_quick_wrap .page_util									{ width:100%; margin-top:0 }
}
@media all and (max-width:1024px) {
	.search_quick_wrap .page_util									{ --sizeHig:38px; }
	.search_quick_wrap::before										{ background-size:70% auto }

}

@media all and (max-width:768px) {
	/* 5차 메뉴스타일 */
	.area_snb .btn_snb_mob							{ display:flex; }
	.area_snb .btn_snb_mob.active					{ border-radius:8px 15px 0px 0px; }
	.area_snb .snb									{ display:none; overflow-y:auto; position:absolute; left:15px; top:var(--sizeMob); z-index:5; width:calc(100% - 30px); max-height:300px; box-sizing:border-box; border-radius:0 0 8px 15px;
														padding:15px; background:var(--color-white); border:1px solid var(--color-point); border-top-color:#dcdcdc; box-shadow:0 10px 30px rgba(0,0,0,0.2);}
	.area_snb .snb > li								{ height:auto; max-width:inherit; }
	.area_snb .snb > li+li							{ margin-top:5px; }
	.area_snb .snb > li > a,
	.area_snb .snb > li > button					{ padding:12px 15px; }
	.area_snb .snb > li > a:after,
	.area_snb .snb > li > button:after				{ right:15px;  }

	
	/* 5차 셀렉트스타일 */
	.area_select 									{ --sizeBtn:48px }
	.area_select .btn_select						{ padding:15px 20px 15px 15px; }
	.area_select .select>li>a::after, 
	.area_select .select>li>button::after			{ right:15px; }
	
	
	/* 6차 메뉴 */
	.area_tsnb										{ border-radius:10px; padding:10px; }
	.area_tsnb .btn_tsnb_mob						{ display:flex; background:var(--color-white); border:1px solid var(--color-point); color:var(--color-point); padding:15px 20px 15px 15px;}
	.area_tsnb .btn_tsnb_mob.active					{ border-radius:8px 8px 0px 0px;  }
	.area_tsnb .tsnb								{ display:none; overflow-y:auto; position:absolute; left:10px; top:var(--sizeMob); z-index:5; width:calc(100% - 20px); max-height:300px; box-sizing:border-box; border-radius:0 0 8px 15px;
														padding:15px; background:var(--color-white); border:1px solid var(--color-point); border-top-color:#dcdcdc; box-shadow:0 10px 30px rgba(0,0,0,0.2);}
	.area_tsnb .tsnb > li							{ height:auto; max-width:inherit; }
	.area_tsnb .tsnb > li+li						{ margin-top:5px; }
	.area_tsnb .tsnb > li > a,
	.area_tsnb .tsnb > li > button					{ padding:12px 15px; border-radius:5px;}
}

@media all and (max-width:668px) {
	.search_quick_wrap .page_util									{ --sizeHig:35px; }
	.search_quick_wrap .page_util>li .share_bt:before				{ background-size:14px; }
	.search_quick_wrap .page_util>li.print>button:before			{ background-size:auto 14px; }
	.search_quick_wrap .page_util>li.braille>button:before 			{ background-size:auto 9px; }
	.search_quick_wrap .page_util>li.braille_down>button:before		{ background-size:auto 11px; }
	
	.pagetitle_wrap													{ margin-top:30px; margin-bottom:25px; }
	.pagetitle_wrap h3												{ font-size:1.9em; }
	
}
@media all and (max-width:568px) {
	.search_quick_wrap												{ padding:40px 20px 20px; }
	.search_quick_wrap .weather_wrap								{ display:none }
	.search_quick_wrap .con_inner									{ gap:20px; }
}
@media all and (max-width:468px) {
	.search_quick_wrap												{ padding:25px 15px 15px; }
}