@charset "utf-8";
/*@import url(dark_main.css);*/
/*
 * main.css
 *
 */

:root{
	
}
/* 2026-03-14 화면확대 추가 */
/* 조금크게 */
.body_lg #content														{ --sizeWidth:1200px; }
.body_lg [data-main="infozone"]											{ --sizeWidth:705px; --sizeHig:360px; }
.body_lg [data-main="board"] .tab_menu>li>button, 
.body_lg [data-main="board"] .tab_menu>li>a								{ min-width:130px; height:44px; font-size:1.1em; }
.body_lg [data-main="board"] .list_board .swiper-slide>a				{ padding:25px; gap:15px; min-height:270px; }
.body_lg [data-main="board"] .list_board .swiper-slide>a>p .day			{ font-size:1.1em; }
.body_lg [data-main="board"] .list_board .swiper-slide>a dl>dt			{ font-size:1.2em; }
.body_lg [data-main="board"] .list_board .swiper-slide>a dl>dd			{ font-size:1.03em; }
.body_lg [data-main="board"] .list_board .swiper-slide>a .dep			{ left:25px; bottom:25px; }
.body_lg [data-main="board"] .tab_menu>li>a[target='_blank']::after		{ width:13px; height:13px;  }
.body_lg [data-main="banner"]>ul>li dl>dt								{ font-size:1.1em; }
.body_lg [data-main="banner"]>ul>li dl>dd								{ font-size:.9em; }
.body_lg [data-main="tour"]												{ --size:535px; padding:0 90px 40px 20px }
.body_lg [data-main="tour"]::before										{ height:75%; }
.body_lg [data-main="tour"]::after										{ width:603px; height:142px; }
.body_lg [data-main="tour"] .link_list>li>a								{ height:115px; padding:20px; }
.body_lg [data-main="tour"] .link_list>li>a::before						{ top:20px; right:20px; }
.body_lg [data-main="tour"] .link_list dl>dt							{ font-size:1.1em; }
.body_lg [data-main="tour"] .link_list dl>dd							{ font-size:.9em; }
.body_lg [data-main="tour"] .tour_list .swiper-slide .num				{ font-size:1em; }
.body_lg [data-main="tour"] .tour_list .swiper-slide em					{ font-size:1.3em; }
.body_lg [data-main="tour"] .title_wrap::before							{ width:205px; height:86px; top:2.5em; left:17.5em }
.body_lg [data-main="quick"] .btn_quick .txt							{ font-size:1.03em; }
.body_lg [data-main="quick"] .quick_list .swiper-slide  strong,
.body_lg [data-main="quick"] .all_wrap .list_all>li strong				{ font-size:1.03em; }
.body_lg [data-main="photo"]											{ --size:885px; }
.body_lg [data-main="photo"] .photo_list .swiper-slide .cont			{ min-height:135px; }
.body_lg #content .section_main_right [data-main]						{ margin-bottom:25px; }
.body_lg .search_right .keyword											{ width:100%; justify-content:center; }
.body_lg .search_right .keyword dt										{ padding-right:0; width:100%; justify-content:center; }
.body_lg .search_right .keyword dt::before								{ display:none; }
.body_lg .governor_right .governor_icon									{ --size:100px; }
.body_lg .governor_right .governor_icon>li .txt							{ font-size:.95rem; }
.body_lg .office_right .office_icon>li									{ width:calc((100% - 10px) / 2); }
.body_lg .office_right .office_icon>li>a								{ height:85px; }
.body_lg .office_right .office_icon>li .icon							{ height:30px; }
.body_lg .office_right .office_icon>li .icon1::before					{ background-size:auto 26px; }
.body_lg .office_right .office_icon>li .icon2::before					{ background-size:auto 29px; }
.body_lg .office_right .office_icon>li .icon3::before					{ background-size:auto 23px; }
.body_lg .office_right .office_icon>li .icon4::before					{ background-size:auto 27px; }
.body_lg .sector_right ul>li .icon										{ height:100px; }
.body_lg .popupzone_right												{ padding:20px 20px 0 20px; }
.body_lg .popupzone_right .swiper_bottom								{ right:20px; }
.body_lg .popupzone_right h3,
.body_lg .sector_right h3												{ font-size:1.35em; }
.body_lg .office_right .sns_box											{ padding:0 20px; height:65px; }
.body_lg .office_right .sns_box h3										{ font-size:1.03em; }
.body_lg .governor_right .governor_text									{ padding:30px 25px; }
.body_lg .governor_right .governor_text .text>li .slogan				{ font-size:1.067rem; }
.body_lg .governor_right .governor_text .text>li strong					{ font-size:1.45em; }


/* 크게 */
.body_xlg #content															{ --sizeWidth:1080px; }
.body_xlg #content .section_main_con [data-main]							{ margin-bottom:40px; }
.body_xlg [data-main="infozone"]											{ --sizeWidth:600px; --sizeHig:305px; }
.body_xlg [data-main="infozone"] .infozone h2,
.body_xlg [data-main="infozone"] .infozone::before							{ height:55px; }
.body_xlg [data-main="infozone"] .infozone h2.active::before				{ bottom:55px; }
.body_xlg [data-main="infozone"] .infozone h2>button						{ padding:0 25px; font-size:1.2rem; }
.body_xlg [data-main="infozone"] .infozone .swiper_bottom					{ bottom:10px; }
.body_xlg [data-main="infozone"] .infoTab01 .swiper_bottom					{ right:calc(35% + 25px); }
.body_xlg [data-main="infozone"] .infoTab02 .swiper_bottom					{ right:25px; }
.body_xlg [data-main="infozone"] .festival									{ padding:25px 20px 0 20px; }
.body_xlg [data-main="infozone"] .festival h2								{ font-size:1.6em; }
.body_xlg [data-main="infozone"] .festival .swiper_bottom					{ bottom:-17.5px; }
.body_xlg [data-main="board"]												{ padding-right:70px; margin-bottom:20px !important }
.body_xlg [data-main="board"] .tab_menu>li>button, 
.body_xlg [data-main="board"] .tab_menu>li>a								{ min-width:120px; height:42px; font-size:1.067em; }
.body_xlg [data-main="board"] .list_board .swiper-slide>a					{ min-height:260px; }
.body_xlg [data-main="board"] .list_board .swiper-slide>a>p .day			{ font-size:1.067em; }
.body_xlg [data-main="board"] .list_board .swiper-slide>a dl>dt				{ font-size:1.19em; }
.body_xlg [data-main="board"] .list_board .swiper-slide>a dl>dd				{ font-size:1em; }
.body_xlg [data-main="board"] .swiper_bottom								{ right:17px; }
.body_xlg [data-main="board"] .swiper_bottom .control						{ height:175px; width:35px; padding-top:5px;}
.body_xlg [data-main="board"]::after										{ right:8px; width:56px; height:73px; }
.body_xlg [data-main="banner"]>ul>li>a										{ flex-direction:column; height:120px; justify-content:center; }
.body_xlg [data-main="banner"]>ul>li dl										{ align-items:center; }
.body_xlg [data-main="banner"]>ul>li dl>dt									{ font-size:1.067em; }
.body_xlg [data-main="banner"]>ul>li dl>dd									{ font-size:.9em; }
.body_xlg [data-main="tour"]												{ --size:505px; padding:0; justify-content:space-between; }
.body_xlg [data-main="tour"]::before										{ height:calc(100% - 105px - 10px - 10em); bottom:inherit; top:10em; border-radius:20px 80px 20px 20px; }
.body_xlg [data-main="tour"]::after											{ width:703px; height:166px; top:1.8em; left:30px }
.body_xlg [data-main="tour"] .title_wrap									{ max-width:calc(100% - (var(--size) * 1.25) - 40px); position:relative; left:inherit; top:inherit; padding-left:30px; margin-bottom:1.75em}
.body_xlg [data-main="tour"] .title_wrap::before							{ top:-6em; left:17em; }
.body_xlg [data-main="tour"] .link_list										{ width:100%; order:3; margin-top:10px }
.body_xlg [data-main="tour"] .link_list>li									{ width:calc((100% - 30px) / 4); }
.body_xlg [data-main="tour"] .link_list>li>a								{ height:105px; padding:15px 20px; background:var(--color-nav-bg) }
.body_xlg [data-main="tour"] .link_list>li>a::before						{ top:15px; right:20px; }
.body_xlg [data-main="tour"] .link_list dl>dt								{ font-size:1.1em; }
.body_xlg [data-main="tour"] .link_list dl>dd								{ font-size:.9em; }
.body_xlg [data-main="tour"] .tour_list 									{ position:relative; padding-right:75px; }
.body_xlg [data-main="tour"] .tour_list .swiper-slide .num					{ font-size:1em; }
.body_xlg [data-main="tour"] .tour_list .swiper-slide em					{ font-size:1.3em; }
.body_xlg [data-main="tour"] .tour_list .swiper_bottom						{ right:20px; bottom:0; }
.body_xlg [data-main="tour"] .tour_list .swiper_bottom .control				{ width:35px; height:200px; }
.body_xlg [data-main="quick"]												{ gap:10px; }
.body_xlg [data-main="quick"] .btn_quick									{ width:calc((100% / 9) * 1 - 10px) }
.body_xlg [data-main="quick"] .btn_quick .txt								{ font-size:1em; }
.body_xlg [data-main="quick"] .quick_list									{ width:calc((100% / 9) * 8); }
.body_xlg [data-main="quick"] .quick_list .swiper-slide  strong,
.body_xlg [data-main="quick"] .all_wrap .list_all>li strong					{ font-size:1em; }
.body_xlg [data-main="quick"] .quick_list .mySwiper							{ width:calc(100% + 10px); margin-left:-5px; margin-right:-5px; }
.body_xlg [data-main="quick"] .quick_list .swiper-slide						{ width:calc(100% / 8); }
.body_xlg [data-main="quick"] .quick_list .swiper-slide>a						{ width:calc(100% - 10px); margin-left:5px; margin-right:5px; }
.body_xlg [data-main="quick"] .quick_list .swiper_bottom .control				{ gap:5px; padding:0; }
.body_xlg [data-main="quick"] .quick_list .swiper_bottom .control button		{ width:35px; height:35px; border-radius:100%; border:1px solid var(--color-line); }
.body_xlg [data-main="quick"] .quick_list .swiper_bottom .swiper_next::before,
.body_xlg [data-main="quick"] .quick_list .swiper_bottom .swiper_prev::before	{ width:9px; height:9px; opacity:.64; margin-top:-.5px; }
.body_xlg [data-main="photo"]													{ --size:765px; gap:20px; }
.body_xlg [data-main="photo"] .title_wrap										{ position:initial; max-width:inherit; }
.body_xlg [data-main="photo"] .photo_list										{ width:100%; display:flex; flex-direction:column; gap:10px; align-items:end; }
.body_xlg [data-main="photo"] .photo_list .swiper-slide .cont					{ min-height:125px; }
.body_xlg [data-main="photo"] .photo_list .swiper_bottom						{ position:initial; width:fit-content;  }
.body_xlg [data-main="photo"] .link_list										{ position:absolute; right:0; top:0; width:calc(100% - 70%);  }
.body_xlg [data-main="photo"] .link_list>li>a									{ flex-direction:row; height:65px; border-radius:10px; background:var(--color-light-point1); padding-right:20px; }
.body_xlg [data-main="photo"] .link_list .icon									{ width:40px; background:none; border-radius:0; height:40px; padding-top:0; }
.body_xlg [data-main="photo"] .link_list .icon1::before							{ background-size:auto 27px; }
.body_xlg [data-main="photo"] .link_list .icon2::before							{ background-size:auto 30px; }
.body_xlg .sector_right ul>li .icon												{ height:95px; }
.body_xlg .sector_right ul>li													{ width:calc((100% - 20px) / 3); }
.body_xlg .all_wrap .list_all													{ max-height:calc(100vh - 40em); }

/* 가장크게 */
.body_xxlg #content .section_main_right,
.body_xxlg #content::before													{ display:none; }
.body_xxlg #content .mob_cont												{ display:flex; }
.body_xxlg #content .section_main_con										{ width:100%; padding:30px 0; }
.body_xxlg .section_main_governor,
.body_xxlg .section_main_shorts												{ display:flex; flex-wrap:wrap; gap:30px; }
.body_xxlg .section_main_sector .sector_right								{ width:100%; }
.body_xxlg .sector_right ul>li												{ width:calc((100% - 70px) / 8); }
.body_xxlg #content															{ padding:30px 0 50px 0; }
.body_xxlg #content .section_main_con [data-main]							{ margin-bottom:45px; }
.body_xxlg #content .section_main_con										{ padding:0; }
.body_xxlg .search_right													{ width:100%; }
.body_xxlg .search_right .keyword											{ width:fit-content; }
.body_xxlg .search_right .keyword dt										{ padding-right:85px; width:inherit }
.body_xxlg .search_right .keyword dt::before 								{ display:block; }
.body_xxlg [data-main="infozone"]											{ --sizeWidth:880px; --sizeHig:450px;}
.body_xxlg [data-main="infozone"] .infozone h2>button						{ font-size:1.167rem; }
.body_xxlg [data-main="infozone"] .festival .mySwiper 						{ width:calc(100% + 10px); margin-left:-5px; margin-right:-5px; }
.body_xxlg [data-main="infozone"] .festival									{ padding:30px 30px 20px 30px; }
.body_xxlg [data-main="infozone"] .festival .swiper-slide>a					{ display:flex; width:calc(100% - 10px); margin-left:5px; margin-right:5px; border-radius:15px; }
.body_xxlg [data-main="infozone"] .festival .img							{ min-height:100%; }
.body_xxlg [data-main="infozone"] .festival .swiper_bottom					{ position:initial; transform:initial; }
.body_xxlg [data-main="infozone"] .festival .swiper_bottom .control			{ margin:0 auto; }
.body_xxlg .section_main_governor											{ position:relative; width:100%; flex-direction:row; --sizeWidth:880px; gap:30px; justify-content:space-between; }
.body_xxlg .governor_right													{ width:100%; flex-direction:row; gap:30px; justify-content:space-between;}
.body_xxlg .governor_right .governor_list									{ width:50%; }
.body_xxlg .governor_right .governor_text									{ width:var(--sizeWidth); gap:20px; }
.body_xxlg .governor_right .governor_text .text								{ flex-direction:column; align-items:flex-start; gap:15px; margin-top:0 }
.body_xxlg .governor_right .governor_text .text>li							{ width:100%; gap:5px; }
.body_xxlg .governor_right .governor_text .text>li .slogan					{ font-size:1.3em; }
.body_xxlg .governor_right .governor_text .text>li strong					{ font-size:1.5em; }
.body_xxlg .governor_right .governor_text .text>li:last-child				{ flex-direction:row; }
.body_xxlg .governor_right .governor_text::after							{ top:15px; bottom:initial; }
.body_xxlg .section_main_governor .office_right								{ position:absolute; right:0; bottom:0; width:calc(100% - var(--sizeWidth) - 30px); }
.body_xxlg .governor_right .office_icon										{ flex-direction:row; }
.body_xxlg .office_right .sns_box											{ height:75px;  }
.body_xxlg .office_right .sns_box .sns_icon [data-sns]						{ width:40px; height:40px; }
.body_xxlg .governor_right .office_icon										{ width:calc(100% - var(--sizeWidth) - 30px); height:calc(100% - 85px); }
.body_xxlg .governor_right .office_icon>li>a								{ height:100%; }
.body_xxlg [data-main="board"] .list_board .swiper-slide>a					{ padding:20px; min-height:250px; }
.body_xxlg [data-main="board"] .list_board .swiper-slide>a>p .day			{ font-size:1.03em; }
.body_xxlg [data-main="board"] .list_board .swiper-slide>a>p .new			{ width:16px; height:16px; font-size:.6rem; }
.body_xxlg [data-main="board"] .list_board .swiper-slide>a dl>dt			{ font-size:1.167em; }
.body_xxlg [data-main="board"] .list_board .swiper-slide>a .dep				{ left:20px; bottom:20px; }
.body_xxlg [data-main="board"] .swiper_bottom .control						{ height:165px; }
.body_xxlg [data-main="banner"]>ul>li>a										{ flex-direction:row; height:100px; justify-content:flex-start; }
.body_xxlg [data-main="banner"]>ul>li dl									{ align-items:flex-start; }
.body_xxlg [data-main="tour"]												{ --size:735px; padding:0 0 30px 20px; }
.body_xxlg [data-main="tour"]::after										{ top:5em; }
.body_xxlg [data-main="tour"]::before										{ height:calc(100% - (105px * 2)); top:inherit; bottom:0 }
.body_xxlg [data-main="tour"] .title_wrap									{ position:absolute; top:3.5em; left:0; margin-bottom:0; padding-left:0; max-width:calc(100% - (var(--size) * 1.35) - 40px);}
.body_xxlg [data-main="tour"] .title_wrap::before							{ top:5.3em; left:20em; }
.body_xxlg [data-main="tour"] .link_list									{ order:initial; width:calc(100% - var(--size) - 40px); margin-top:0; }
.body_xxlg [data-main="tour"] .link_list>li									{ width:calc((100% - 10px) / 2); }
.body_xxlg 	[data-main="tour"] .link_list>li>a								{ background:var(--color-white); padding:15px 20px;  }
.body_xxlg [data-main="tour"] .link_list>li>a::before						{ top:19px; }
.body_xxlg [data-main="quick"] .quick_list									{ width:calc((100% / 11) * 10 - 5px); }
.body_xxlg [data-main="quick"] .quick_list .swiper-slide					{ width:calc(100% / 10); }
.body_xxlg [data-main="quick"] .btn_quick									{ width:calc((100% / 12) * 1 - 10px); }
.body_xxlg .section_main_shorts												{ flex-direction:row; gap:30px; --sizeWidth:419px; justify-content:space-between;  }
.body_xxlg .popupzone_right													{ width:var(--sizeWidth); padding:25px 30px 0 30px; }
.body_xxlg .popupzone_right h3												{ font-size:1.55em; }
.body_xxlg .popupzone_right .swiper_bottom									{ right:30px; top:27px; }
.body_xxlg .popupzone_right .popupzone_list									{ height:100%; }
.body_xxlg .popupzone_right .popupzone_list .img							{ min-height:100%; }
.body_xxlg .popupzone_right .mySwiper 										{ height:100%; }
.body_xxlg .shorts_right .shorts_list .swiper-slide							{ width:20%; }
.body_xxlg .shorts_right													{ width:calc(100% - var(--sizeWidth) - 30px); order:2 }
.body_xxlg .shorts_right h3													{ font-size:1.85em; font-weight:700; padding-left:30px; }
.body_xxlg .shorts_right h3::before											{ top:4px; width:19px; height:23px; }
.body_xxlg .shorts_right .shorts_list strong								{ -webkit-line-clamp:1; }
.body_xxlg [data-main="photo"]												{ justify-content:space-between; margin-bottom:45px !important; padding:0 30px 30px 30px; }
.body_xxlg [data-main="photo"] .color_point									{ color:var(--color-green) !important; }	
.body_xxlg [data-main="photo"]::before 										{ position:absolute; width:100%; height:calc(100% - (30px * 3.75)); left:0; bottom:0; border-radius:100px 20px 20px 20px; background:var(--color-light-green); content:''; 
																				z-index:-1; }
.body_xxlg [data-main="photo"] .title_wrap									{ position:absolute; max-width:270px; left:inherit; right:30px; align-items:end; text-align:right; }
.body_xxlg [data-main="photo"] .link_list									{ position:initial; width:initial; max-width:230px; order:2; min-width:inherit; }
.body_xxlg [data-main="photo"] .link_list>li>a								{ flex-direction:column; height:inherit; border-radius:0; background:none; padding-right:0; }
.body_xxlg [data-main="photo"] .link_list .icon								{ width:100%;  height:0; padding-top:100%; border-radius:15px; background:var(--color-light-point1); }
.body_xxlg [data-main="photo"] .link_list .icon1::before					{ background-size:auto 39px; }
.body_xxlg [data-main="photo"] .link_list .icon2::before					{ background-size:auto 40px; }
.body_xxlg [data-main="photo"] .photo_list									{ width:calc(100% - 270px - 30px);  }
.body_xxlg [data-main="photo"] .photo_list .swiper_bottom					{ position:absolute; left:inherit; right:30px; }
.body_xxlg [data-main="photo"] .photo_list .swiper_bottom,
.body_xxlg [data-main="photo"] .link_list .icon,
.body_xxlg [data-main="photo"] .photo_list .swiper-slide>a					{ background:var(--color-white); }
.body_xxlg [data-main="photo"] .swiper_bottom .swiper_page .swiper-pagination-current { color:var(--color-green); }	
.body_xxlg [data-main="photo"] .photo_list .swiper_bottom .control a.more	{ background:var(--color-green); }
.body_xxlg [data-main="photo"] .link_list>li>a:hover strong,
.body_xxlg [data-main="photo"] .link_list>li>a:focus strong					{ color:var(--color-green); }
.body_xxlg [data-main="photo"] .photo_list .swiper-slide>a::before			{ border-color:var(--color-green); }
.body_xxlg [data-main="photo"] .photo_list .swiper-slide>a:hover .cont, 
.body_xxlg [data-main="photo"] .photo_list .swiper-slide>a:focus .cont		{ color:var(--color-green); }
.body_xxlg .sector_right h3													{ font-size:1.85em; }
.body_xxlg .sector_right ul>li .icon										{ height:120px; }
.body_xxlg .governor_right .governor_text::after							{ height:250%; }		
.body_xxlg .all_wrap .list_all													{ max-height:calc(100vh - 40em); }
/*******************************************************************

 							공통 
 
*******************************************************************/
/* 레이아웃 */
#content .section_main_con													{ width:var(--sizeWidth); padding:30px 50px 50px 0}
#content .section_main_right												{ width:calc(100% - var(--sizeWidth)); padding:30px 0 30px 50px; }
#content																	{ position:relative; width:94%; max-width:1920px; display:flex; flex-wrap:wrap; margin:0 auto; --sizeWidth:1320px;  }
#content::before															{ position:absolute; width:1px; height:100%; left:var(--sizeWidth); background:var(--color-line); content:''; }
#content .section_main_con [data-main]										{ margin-bottom:50px; }
#content .section_main_right [data-main]									{ margin-bottom:40px; }
#content .mob_cont															{ display:none; }
@media all and (max-width:1568px){
	#content .section_main_right,
	#content::before														{ display:none; }
	#content .mob_cont														{ display:flex; }
	#content .section_main_con												{ width:100%; padding:30px 0; }
}



/* 버튼 */
a.more																			{ display:flex; width:30px; height:30px; border-radius:100%; position:relative; background:var(--color-point) }
a.more::before																	{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/resource/www/images/main/icon_more.svg) no-repeat 50% 50% / 9px; transition:var(--trans-ani); }
a.more:hover::before,
a.more:focus::before															{ transform:rotate(180deg); }	
.btn_slide_allView.open															{ position:relative; display:flex; justify-content:center; align-items:center; position:relative; min-width:35px; height:35px; border-radius:100%; 
																					background-color:var(--color-point); margin-left:7px; }
.btn_slide_allView.open::before													{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/resource/www/images/main/icon_all.svg) no-repeat 50% 50% / 12px; opacity:.74; 
																					transition:var(--trans-ani); filter:invert(1) brightness(100); z-index:2 }
.btn_slide_allView.open:hover::before,
.btn_slide_allView.open:focus::before											{ transform:rotate(180deg); }

/* sns */
.area_sns																		{ display:flex; flex-wrap:wrap; gap:10px; }
[data-sns]																		{ position:relative; display:flex; width:46px; height:46px; font-size:0; text-indent:-9999em }
.area_sns a																		{ position:relative; display:flex }
[data-sns]::before																{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background-size:contain; background-position:50%; background-repeat:no-repeat; }
[data-sns="youtube"]::before													{ background-image:url(/resource/www/images/common/icon_youtube.svg); }
[data-sns="blog"]::before														{ background-image:url(/resource/www/images/common/icon_blog.svg); }
[data-sns="facebook"]::before													{ background-image:url(/resource/www/images/common/icon_facebook.svg); }
[data-sns="instagram"]::before													{ background-image:url(/resource/www/images/common/icon_instagram.svg); }	


/* 메인 공통 컨트롤 */
[data-main] .swiper_bottom													{ display:flex; justify-content:center; align-items:center; }
[data-main] .swiper_bottom .control											{ flex:none; display:flex; justify-content:center; align-items:center; margin-left:auto; position:relative; z-index:3; padding-bottom:1px !important; }
[data-main] .swiper_bottom .control button									{ flex:none; position:relative; width:28px; height:28px; padding:0px;  }
[data-main] .swiper_bottom .control button::before							{ display:block; position:absolute; top:50%; left:50%; content:''; background-repeat:no-repeat;  }													
[data-main] .swiper_bottom .swiper_prev::before								{ width:10px; height:10px; border-style:solid; border-width:0 0 2px 2px; border-color:var(--color-base); transform:translate(-35%, -50%) rotate(45deg); }
[data-main] .swiper_bottom .swiper_next::before								{ width:10px; height:10px; border-style:solid; border-width:2px 2px 0 0; border-color:var(--color-base); transform:translate(-65%, -50%) rotate(45deg); }
[data-main] .swiper_bottom .swiper_auto::before								{ width:8px; height:12px; background-image:url(/resource/www/images/common/icon_stop.svg); background-size:contain; transform:translate(-50%, -50%); margin-top:1px }
[data-main] .swiper_bottom .swiper_auto.paused::before						{ width:8px; height:12px; background-image:url(/resource/www/images/common/icon_play.svg); background-size:contain; transform:translate(-50%, -50%) }
[data-main] .swiper_bottom:has(.swiper-button-lock) .control				{ display:none; }
[data-main] .swiper_bottom .swiper_page										{ display:flex; justify-content:center; align-items:center; min-width:4em; gap:7px; font-size:15px; font-weight:bold; color:#767676; margin-right:5px; line-height:1;  }
[data-main] .swiper_bottom .swiper_page i									{ position:relative; display:inline-block; width:4px; height:4px; background:rgba(0,0,0,.3); vertical-align:middle; border-radius:100%; margin-top:-1px }
[data-main] .swiper_bottom .swiper_page i::after							{ display:none; }
[data-main] .swiper_bottom .swiper_page .swiper-pagination-current			{ color:var(--color-point); }
@media all and (max-width:668px){					
	[data-main] .swiper_bottom .control button								{ width:25px; height:25px; }
	[data-main] .swiper_bottom .swiper_page									{ font-size:14px; }
}

/* tab */
.control_main_tab .conts_tab												{ display:none; }
.control_main_tab .conts_tab.active											{ display:block; }


/* 구역 */
.flex																		{ display:flex; flex-wrap:wrap; }
.between																	{ justify-content:space-between; }



/* 타이틀 */
.title_wrap														{ display:flex; flex-direction:column; gap:10px; }
.title															{ font-size:2.25em; font-family:var(--font-paper); line-height:1; display:flex; flex-wrap:wrap; gap:0 5px; align-items:center; font-weight:800;}
.title_wrap .sub_txt											{ font-size:1.06em; opacity:.74; font-weight:600; line-height:1.3  }
@media all and (max-width:1868px){
	.title														{ font-size:2.2em; }			
}
@media all and (max-width:1768px){
	.title														{ font-size:2.1em; }
	.title_wrap .sub_txt										{ font-size:1.03em; }
}
@media all and (max-width:1668px){
	.title														{ font-size:1.95em; }
	.title_wrap .sub_txt										{ font-size:1em; }
}
@media all and (max-width:1568px){
	.title														{ font-size:1.85em; }
}
@media all and (max-width:1268px){
	.title														{ font-size:1.75em; }
	.title_wrap .sub_txt										{ font-size:.95rem; }
}
@media all and (max-width:1068px){
	.title														{ font-size:1.65rem; }
}
@media all and (max-width:668px){
	.title														{ font-size:1.5rem; }
	.title_wrap .sub_txt										{ font-size:.9rem; }
}

/* 배너모두보기 */
.all_wrap														{ opacity:0; visibility:hidden; position:fixed; top:0px; left:0px; z-index:90; width:100%; height:100%; background:rgba(0,0,0,0.7); transition:0.5s easae 0s; 
																	transition-property:opacity, visibility;}
.all_wrap.active												{ opacity:1; visibility:visible; }
.all_wrap .con_inner											{ position:absolute; top:50%; left:50%; width:94%; max-width:1400px; box-sizing:border-box; padding:1.88em 3.13em 3.13em; background-color:var(--color-white); border-radius:1.25em;
    																box-shadow:0 1.25em 3.13em rgba(0,0,0,0.3); transform:translate(-50%, -50%); }
.all_wrap .con_inner .title_box									{ display:flex; font-size:1.8em; font-family:var(--font-paper); font-weight:400; line-height:1.2; align-items:center; justify-content:center; 
																	text-align:center;letter-spacing:.025em; margin-bottom:1.5rem; padding-bottom:1rem; border-bottom:1px solid var(--color-line) }
.all_wrap .con_inner .title_box strong							{ font-weight:700; color:var(--color-point) }
.all_wrap .list_all												{ display:flex; flex-wrap:wrap; width:calc(100% + 10px); gap:10px; margin:0 auto;  overflow-y:auto; max-height:calc(100vh - 20em); padding-right:10px}
.all_wrap .list_all > li										{ width:calc((100% - 10px) / 2); }
.all_wrap .list_all > li a										{ position:relative; display:block; text-align:center; border-radius:10px; overflow:hidden}
.all_wrap .list_all > li a::before								{ position:absolute; width:calc(100% - 6px); height:calc(100% - 6px); left:50%; top:50%; border-radius:10px; border:2px dashed var(--color-point); content:''; opacity:0; 
																		pointer-events:none; transform:translate(-50%,-50%); transition:var(--trans-ani); z-index:2 }
.all_wrap .list_all .img										{ display:block; width:100%; }
.all_wrap .list_all > li a:focus								{ outline-offset:-2px; }
.all_wrap .btn_slide_allView									{ opacity:1; position:absolute; bottom:-25px; left:50%; min-width:inherit; width:50px; height:50px; padding:0px; background-color:var(--color-point); border:0px;
   																	 border-radius:100%; transform:translateX(-50%); }
.all_wrap .btn_slide_allView::before							{ display:block; width:17px; height:17px; margin:0 auto; background:url(/resource/common/images/common/icon_close.svg) no-repeat 50% 50% / 15px auto;
    																transition:var(--trans-ani); transition-property:transform; content:''; filter:invert(1);}
.all_wrap .btn_slide_allView:hover::before,
.all_wrap .btn_slide_allView:focus::before						{ transform:rotate(90deg);}

.all_wrap .list_all::-webkit-scrollbar 							{ -webkit-appearance:none; width:5px;} 
.all_wrap .list_all::-webkit-scrollbar-thumb 					{ background-color:var(--color-point); border-radius:5px; } 
.all_wrap .list_all::-webkit-scrollbar-track 					{ border-radius:5px; background-color:rgba(0,0,0,.2); }
.all_wrap .btn_area 											{ display:flex; justify-content:center; align-items:center; gap:10px; margin-top:2em }
.all_wrap .btn_area>button										{ display:flex; width:fit-content; min-width:125px;  }
.all_wrap .btn_area>button span									{ width:100%; height:40px; display:flex; justify-content:center; align-items:center;  color:var(--color-white); border-radius:20px; padding:0 20px; }
.all_wrap .btn_area .refresh span								{ background:var(--color-base); }
.all_wrap .btn_area .refresh span::before						{ display:inline-block; content:''; width:13px; height:13px; margin-right:10px; background:url(/resource/www/images/main/icon_reset.svg) no-repeat 50% / contain; transform:rotate(0deg);
																	transition:var(--trans-ani); transition-property:transform; }
.all_wrap .btn_area .refresh:hover span::before,
.all_wrap .btn_area .refresh:focus span::before					{ transform:rotate(90deg);}
.all_wrap .btn_area .chk span									{ background:var(--color-point); }
.all_wrap .btn_area .chk span::before							{ display:inline-block; content:''; width:15px; height:15px; margin-right:10px; background:url(/resource/www/images/main/icon_settings.svg) no-repeat 50% 50% / contain; 
																	transform:rotate(0deg); transition:var(--trans-ani); transition-property:transform;}
.all_wrap .btn_area .chk:hover span::before,
.all_wrap .btn_area .chk:focus span::before						{ transform:rotate(90deg);}

.all_wrap .list_all > li a:focus::before						{ opacity:1; }

@media all and (max-width:1268px){
	.area_all .inr												{ padding:1.53em 2.13em 2.13em; box-shadow:0 .75em 2.13em rgba(0,0,0,0.3); }
	.area_all .inr .title_box									{ font-size:1.6em; padding:1.38rem 0.75rem 0.86rem 0.75rem; margin-top:-3.5rem; margin-bottom:1.5rem;}
}
@media all and (max-width:868px){
	.area_all .list_all > li									{ width:100%; }
}
@media all and (max-width:668px){
	.area_all .inr												{ padding:1em 1.53em 1.53em; box-shadow:0 .5em 1.53em rgba(0,0,0,0.3); }
	.area_all .inr .title_box									{ font-size:1.4em; padding:1rem 0.5rem 0.55rem 0.5rem; margin-top:-2.5rem; margin-bottom:1rem;}	
}

/*******************************************************************

 							section_main_con 

*******************************************************************/
.section_main_con .swiper_bottom											{ position:absolute; right:0; top:0; z-index:2 }
.section_main_con .swiper_bottom .control									{ display:flex; align-items:center; height:40px; background:var(--color-white); border-radius:50px; padding:0 10px 0 15px; }
.section_main_con .swiper_bottom .control:has(.btn_slide_allView.open)		{ padding-right:0; }
.section_main_con .swiper_bottom a.more										{ min-width:40px; min-height:40px; }
.section_main_con .swiper_bottom a.more::before								{ background-size:12px; }
@media all and (max-width:1668px){
	.section_main_con .swiper_bottom .control								{ height:35px; }
	.section_main_con .swiper_bottom a.more									{ min-width:35px; min-height:35px; }
}

/* 주요소식 */
[data-main="infozone"]														{ display:flex; width:100%; flex-direction:row; flex-wrap:wrap; gap:40px; /*--sizeWidth:900px; --sizeHig:460px;*/ justify-content:space-between; }

[data-main="infozone"]														{ --sizeWidth:780px; --sizeHig:400px; }

[data-main="infozone"] .infozone											{ position:relative; width:var(--sizeWidth); height:var(--sizeHig); }
[data-main="infozone"] .infoTab01,
[data-main="infozone"] .infoTab02											{ position: relative;}
[data-main="infozone"] .infozone::before									{ position:absolute; left:0; bottom:0; height:60px; background:#e0e0e0; opacity:.95; content:''; width:100%; z-index:2; border-radius:0 0 20px 20px;}
[data-main="infozone"] .infozone h2											{ position:absolute; left:0; width:calc(100% - 65%); bottom:0; z-index:2; height:60px;}

[data-main="infozone"] .infozone h2>button									{ display:flex; width:100%; height:100%;  align-items:center; justify-content: center; font-size:1.25rem; font-weight:700; padding:0 30px; transition:var(--trans-ani); gap:10px; }
[data-main="infozone"] .infozone .icon										{ position:relative; width:29px; height:19px;}
[data-main="infozone"] .infozone .icon::before								{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background-position:50%; background-repeat:no-repeat; background-size:auto 19px;}																				 
[data-main="infozone"] .infozone .icon1::before								{ background-image: url(/resource/www/images/main/icon_info01.svg);}
[data-main="infozone"] .infozone .icon2::before								{ background-image: url(/resource/www/images/main/icon_info02.svg);}
[data-main="infozone"] .infozone h2.active									{ width:65%; border-radius:0 20px; }	
[data-main="infozone"] .infozone h2.active>button							{  position: relative;background:rgba(11,66,96,.8); justify-content:flex-start; color:var(--color-white);}
[data-main="infozone"] .infozone h2.active::before							{ position:absolute; left:50%; width:0; height:0; border-bottom:8px solid rgba(11,66,96,.8); border-right:8px solid transparent; border-left:8px solid transparent; 
																				content: ''; transform:translateX(-50%); bottom:60px}  
[data-main="infozone"] .infozone h2.tab01.active>button						{ border-radius:0 20px; }	
[data-main="infozone"] .infozone h2.tab02.active>button						{ border-radius:20px 0; }	
[data-main="infozone"] .infozone h2.tab02									{ left:inherit; right:0; text-align:center; }
[data-main="infozone"] .infozone h2.active .icon::before					{ filter:invert(1) brightness(100);}
[data-main="infozone"] .mySwiper											{ width:100%; height:100%; }
[data-main="infozone"] .infozone 											{ border-radius:20px; overflow: hidden; }
[data-main="infozone"] .conts_tab .swiper-slide								{ width:100%;}
[data-main="infozone"] .conts_tab .swiper-slide	.img						{ position:relative; width:100%; height:var(--sizeHig); overflow:hidden; border-radius:20px; border:1px solid var(--color-line) }
[data-main="infozone"] .conts_tab .swiper-slide img							{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
   																	 			-webkit-transform:translate(-50%,-50%); -moz-transform: translate(-50%,-50%); object-fit:cover; -o-object-fit:cover; transition:var(--trans-ani);}
[data-main="infozone"] .swiper-slide										{ width:100%;  }
[data-main="infozone"] .swiper-slide .img									{ display:block; position:relative; width:100%; height:var(--sizeHig); overflow:hidden}
[data-main="infozone"] .swiper-slide .img img								{ position:absolute; top:0; left:50%; min-width:100%; min-height:100%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); 
																				-moz-transform:translateX(-50%); object-fit:cover; -o-object-fit:cover; max-height:100%; }
[data-main="infozone"] .infoTab01 .swiper_bottom							{ right:calc(35% + 30px); }
[data-main="infozone"] .infoTab02 .swiper_bottom							{ right:30px }
[data-main="infozone"] .infozone .swiper_bottom								{ top: inherit; bottom:10px; z-index:3; }
[data-main="infozone"] .infozone .swiper_bottom .control					{ background: none; filter: invert(1) brightness(100);}
[data-main="infozone"] .infozone .swiper_bottom .control .btn_slide_allView.open	{ background: none; filter: invert(1) brightness(100);}
[data-main="infozone"] .infozone .swiper_bottom .control .btn_slide_allView.open:focus { outline:2px dotted var(--color-white) !important; }



/* 축제 */							
[data-main="infozone"] .festival									{ display:flex; flex-direction:column; gap:15px; position:relative; width:calc(100% - var(--sizeWidth) - 40px); height:var(--sizeHig); border-radius:20px; 
																		background:var(--color-light-red) url(/resource/www/images/main/bg_festival.svg) no-repeat 102% -2% / auto 60px; padding:30px 20px 0 20px;  position:relative }
[data-main="infozone"] .festival h2									{ font-size:1.69em; font-weight:700; letter-spacing:-.025em; line-height:1; font-family:var(--font-paper)}
[data-main="infozone"] .festival .mySwiper							{ width:100%; }
[data-main="infozone"] .festival .swiper-slide						{ width:100%; }
[data-main="infozone"] .festival .swiper-slide>a					{ position:relative; overflow:hidden; border-radius:15px 15px 0 0; height:100%; } 
[data-main="infozone"] .festival .swiper-slide>a::before			{ position:absolute; width:calc(100% - 10px); height:calc(100% - 6px); left:50%; bottom:0; border-radius:15px 15px 0 0; border:2px dotted var(--color-white); content:''; 
																		opacity:0; pointer-events:none; transform:translateX(-50%); transition:var(--trans-ani); z-index:2; border-bottom-width:0;}
[data-main="infozone"] .festival .img								{ border-radius:15px 15px 0 0; overflow:hidden; width:100%; position:relative; height:0; min-height:100%; padding-top:68.907% }
[data-main="infozone"] .festival .img img							{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
   																	 	-webkit-transform:translate(-50%,-50%); -moz-transform: translate(-50%,-50%); object-fit:cover; -o-object-fit:cover; transition:var(--trans-ani);}
[data-main="infozone"] .festival .swiper-slide>a:hover img,
[data-main="infozone"] .festival .swiper-slide>a:focus img			{ transform:translate(-50%,-50%) scale(1.07, 1.07);}
[data-main="infozone"] .festival .swiper-slide>a:focus::before		{ opacity:1;  }																			
[data-main="infozone"] .festival .swiper_bottom						{ bottom:-20px; left:50%; transform:translateX(-50%); top:inherit}																					
[data-main="infozone"] .festival .swiper_bottom .control			{ padding-bottom:0 !important; margin:0; }
[data-main="infozone"] .festival .swiper-pagination-current			{ color:var(--color-red) !important; }


/* 효과 */
[data-main="infozone"] .swiper-slide>a:focus::after					{ position:absolute; width:calc(var(--sizeWidth) - 2.5%); height:calc(100% - 4%); left:1%; top:2%; border-radius:20px; border:2px dotted var(--color-point); 
																					content:''; z-index:2 }																		


/*  새소식 */
[data-main="board"]													{ position:relative; width:100%; padding-top:20px; padding-right:90px; box-sizing:border-box; margin-bottom:30px !important; }
[data-main="board"]::before											{ position:absolute; width:88.6%; height:calc(100% - 60px); right:0; top:0; border-radius:150px 20px 20px 20px; background:var(--color-light-point); content:''; z-index:-1 }
[data-main="board"]::after											{ position:absolute; width:64px; height:83px; right:17px; bottom:0; content:''; background:url(/resource/www/images/main/img_character.svg) no-repeat 50% 50% / contain; }
[data-main="board"]	.title_wrap										{ flex-direction:row; gap:10px; justify-content:space-between;  }
[data-main="board"] .tab_menu										{ display:flex; flex-direction:row; gap:10px; }
[data-main="board"] .tab_menu>li>button,
[data-main="board"] .tab_menu>li>a									{ min-width:150px; height:48px; border-radius:50px; display:flex; align-items:center; justify-content:center; background:var(--color-white); font-size:1.19em; font-weight:500;
																		transition:var(--trans-ani);  }
[data-main="board"] .tab_menu>li>a[target='_blank']::after			{ content:""; display:inline-block; opacity:.8; transition:all .4s; margin-left:7px; vertical-align:middle; width:15px; height:15px; transition:var(--trans-ani);
																			background:url(/resource/www/images/main/icon_blank.svg) no-repeat 50% 50% / contain;  transition:var(--trans-ani); }
[data-main="board"] .tab_menu>li.active>button,
[data-main="board"] .tab_menu>li.active>a,
[data-main="board"] .tab_menu>li>button:hover,
[data-main="board"] .tab_menu>li>a:hover,
[data-main="board"] .tab_menu>li>button:focus,
[data-main="board"] .tab_menu>li>a:focus							{ background:var(--color-point); color:var(--color-white); }

[data-main="board"] .tab_menu>li>a[target='_blank']:hover::after,
[data-main="board"] .tab_menu>li>a[target='_blank']:focus::after	{ filter:invert(1); }
[data-main="board"] .list_board										{ width:100%; margin-top:12px; }
[data-main="board"] .list_board .mySwiper							{ width:calc(100% + 10px); margin-left:-5px; margin-right:-5px; }
[data-main="board"] .list_board .swiper-slide						{ width:25%; }
[data-main="board"] .list_board .swiper-slide>a						{ display:flex; flex-direction:column; gap:20px; width:calc(100% - 10px); margin-left:5px; margin-right:5px; height:100%; border:1px solid var(--color-line); background:var(--color-white);
																		padding:30px; border-radius:20px; box-sizing:border-box; position:relative; transition:var(--trans-ani); min-height:290px; }
[data-main="board"] .list_board .swiper-slide>a::before				{ position:absolute; width:calc(100% - 6px); height:calc(100% - 6px); left:50%; top:50%; border-radius:20px; border:2px dotted var(--color-white); content:''; opacity:0; 
																		pointer-events:none; transform:translate(-50%,-50%); transition:var(--trans-ani); z-index:2 }
[data-main="board"] .list_board .swiper-slide>a:focus::before		{ opacity:1; }	
[data-main="board"] .list_board .swiper-slide>a:focus				{ outline:0 !important }
[data-main="board"] .list_board .swiper-slide>a:hover,
[data-main="board"] .list_board .swiper-slide>a:focus				{ border-color:var(--color-point); background:var(--color-point); }
[data-main="board"] .list_board .swiper-slide>a>p					{ display:flex; flex-direction:row; flex-wrap:wrap; gap:10px; align-items:center; }
[data-main="board"] .list_board .swiper-slide>a>p .day				{ font-size:1.19em; font-weight:900; color:var(--color-point); line-height:1; transition:var(--trans-ani);  }
[data-main="board"] .list_board .swiper-slide>a>p .new				{ display:flex; width:18px; height:18px; border-radius:100%; background:var(--color-red); color:var(--color-white); font-size:.63rem; font-weight:600; align-items:center; 
																		justify-content:center;}
[data-main="board"] .list_board .swiper-slide>a dl					{ display:flex; flex-direction:column; gap:15px; transition:var(--trans-ani); }
[data-main="board"] .list_board .swiper-slide>a dl>dt				{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:1.25em; font-weight:700; letter-spacing:-.035em; line-height:1.3; }
[data-main="board"] .list_board .swiper-slide>a dl>dd				{ display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; font-size:1.06em; letter-spacing:-.045em; line-height:1.3; opacity:.84; }
[data-main="board"] .list_board .swiper-slide>a .dep				{ display:flex; height:27px; padding:0 15px; background:var(--color-gray1); border-radius:25px; font-size:.81rem; font-weight:500; color:var(--color-point);  transition:var(--trans-ani); 
																		width: fit-content; align-items:center; position:absolute; left:30px; bottom:30px; }
[data-main="board"] .list_board .swiper-slide>a:hover dl,
[data-main="board"] .list_board .swiper-slide>a:focus dl			{ color:var(--color-white); }
[data-main="board"] .list_board .swiper-slide>a:hover .dep,
[data-main="board"] .list_board .swiper-slide>a:focus .dep			{ background:var(--color-white); }
[data-main="board"] .list_board .swiper-slide>a:hover>p .day,
[data-main="board"] .list_board .swiper-slide>a:focus>p .day		{ color:var(--color-white); }
[data-main="board"]	.swiper_bottom									{ flex-direction:column-reverse; top:22px; right:30px; gap:19px; }		
[data-main="board"]	.swiper_bottom .control							{ flex-direction:column; width:40px; height:190px; padding:0;  }	
[data-main="board"]	.swiper_bottom .control	 .swiper_page			{ flex-direction:column; min-width:inherit; margin-right:0; margin-bottom:7px; }	


/* 배너 */
[data-main="banner"]												{ width:100%; }
[data-main="banner"]>ul												{ display:flex; flex-direction:row; flex-wrap:wrap; gap:10px}
[data-main="banner"]>ul>li											{ width:calc((100% - 40px) / 5); }	
[data-main="banner"]>ul>li>a										{ display:flex; flex-direction:row; flex-wrap:wrap; gap:10px; align-items:center; padding:0 15px; height:90px; border-radius:10px; background:var(--color-nav-bg); 
																		transition:var(--trans-ani); position:relative;}
[data-main="banner"]>ul>li>a::before								{ position:absolute; width:calc(100% - 6px); height:calc(100% - 6px); left:50%; top:50%; border-radius:10px; border:2px solid var(--color-point-line); content:''; opacity:0; 
																		pointer-events:none; transform:translate(-50%,-50%); transition:var(--trans-ani); z-index:2 }
[data-main="banner"]>ul>li>a:hover::before,
[data-main="banner"]>ul>li>a:focus::before							{ opacity:1; }	
[data-main="banner"]>ul>li>a:hover,
[data-main="banner"]>ul>li>a:focus									{ background:var(--color-white); color:var(--color-deep-point); opacity:1 !important; }
[data-main="banner"]>ul>li.mob										{ display:none; }														
[data-main="banner"]>ul>li .icon									{ display:flex; position:relative; width:49px; height:35px; }
[data-main="banner"]>ul>li dl										{ display:flex; flex-direction:column; gap:10px; line-height:1}
[data-main="banner"]>ul>li dl>dt									{ font-size:1.13em; font-weight:700; opacity:.9; }
[data-main="banner"]>ul>li dl>dd									{ font-size:.94em; font-weight:500; letter-spacing:-.045em; opacity:.84; line-height:1.15}
[data-main="banner"]>ul>li .icon::before							{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; display:block; background-position:50% 50%; background-repeat:no-repeat;  }
[data-main="banner"]>ul>li .icon1::before							{ background-image:url(/resource/www/images/main/icon_banner06.svg); background-size:contain; }
[data-main="banner"]>ul>li .icon2::before							{ background-image:url(/resource/www/images/main/icon_banner02.svg); background-size:auto 40px; }
[data-main="banner"]>ul>li .icon3::before							{ background-image:url(/resource/www/images/main/icon_banner03.svg); background-size:auto 35px; }
[data-main="banner"]>ul>li .icon4::before							{ background-image:url(/resource/www/images/main/icon_banner04.svg); background-size:auto 35px; }
[data-main="banner"]>ul>li .icon5::before							{ background-image:url(/resource/www/images/main/icon_banner05.svg); background-size:auto 31px; }
[data-main="banner"]>ul>li .icon6::before							{ background-image:url(/resource/www/images/main/icon_banner01.svg); background-size:auto 31px; }


/* 관광 */
[data-main="tour"]													{ width:100%; position:relative; display:flex; flex-direction:row; flex-wrap:wrap; gap:40px; --size:595px; padding:0 90px 50px 30px; justify-content: space-between; align-items:end;}
[data-main="tour"]::before											{ position:absolute; width:100%; height:72%; right:0; bottom:0; border-radius:20px 100px 20px 20px; background:var(--color-light-green); content:''; z-index:-1 }
[data-main="tour"]::after											{ position:absolute; width:703px; height:166px; left:70px; top:0; content:''; background:url(/resource/www/images/main/img_tour02.svg) no-repeat 50% 50% / contain; z-index:-2;}
[data-main="tour"] .title_wrap										{ position:absolute; left:0; top:0; max-width:calc(100% - (var(--size) * 1.65) - 40px); }
[data-main="tour"] .title_wrap::before								{ position:absolute; width:227px; height:96px; left:19em; top:3.5em; content:''; background:url(/resource/www/images/main/img_tour01.svg) no-repeat right bottom / contain; }
[data-main="tour"] .link_list										{ width:calc(100% - var(--size) - 40px); display:flex; flex-wrap:wrap; gap:10px }
[data-main="tour"] .link_list>li									{ width:calc((100% - 10px) / 2);}
[data-main="tour"] .link_list>li>a									{ position:relative; display:flex; align-items:flex-start; height:120px; border-radius:10px; background:var(--color-white); padding:22px 25px;}
[data-main="tour"] .link_list>li>a::before							{ position:absolute; top:25px; right:25px; width:20px; height:20px; content:''; background: url(/resource/www/images/main/icon_tour.svg) no-repeat 50% 50% / contain; opacity:0; 
																		filter:invert(1); transition:var(--trans-ani);}
[data-main="tour"] .link_list dl									{ display:flex; flex-direction:column; gap:7px; transition:var(--trans-ani); }
[data-main="tour"] .link_list dl>dt									{ font-size:1.19em; font-weight:700;}
[data-main="tour"] .link_list dl>dd									{ font-size:.94em; line-height:1.2; letter-spacing: -.065em; font-weight:500; opacity:.74;}
[data-main="tour"] .link_list>li>a:hover,
[data-main="tour"] .link_list>li>a:focus							{ background:var(--color-green); color:var(--color-white);}
[data-main="tour"] .link_list>li>a:hover::before,
[data-main="tour"] .link_list>li>a:focus::before					{ opacity:1; }
[data-main="tour"] .tour_list										{ width:var(--size) }
[data-main="tour"] .tour_list .mySwiper								{ width:100%; }
[data-main="tour"] .tour_list .swiper-slide							{ width:100%; }
[data-main="tour"] .tour_list .swiper-slide>a						{ position: relative;}
[data-main="tour"] .tour_list .swiper-slide>a::before				{ position:absolute; width:calc(100% - 6px); height:calc(100% - 6px); left:50%; top:50%; border-radius:15px; border:2px dashed var(--color-green); content:''; opacity:0; 
																		pointer-events:none; transform:translate(-50%,-50%); transition:var(--trans-ani); z-index:2}
[data-main="tour"] .tour_list .swiper-slide .img					{ border-radius:20px; overflow:hidden; width:100%; position:relative; height:0; padding-top:68.907%; transition:var(--trans-ani); }
[data-main="tour"] .tour_list .swiper-slide .img img				{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
   																		-webkit-transform:translate(-50%,-50%); -moz-transform: translate(-50%,-50%); object-fit:cover; -o-object-fit:cover; transition:var(--trans-ani);}
[data-main="tour"] .tour_list .swiper-slide strong					{ position:absolute; left:0; bottom:0; padding:20px 50px 5px 0; background:var(--color-light-green); border-radius:0 65px 0 0; display:flex; align-items:center; gap:15px;}
[data-main="tour"] .tour_list .swiper-slide .num					{ display:flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:100%; background:var(--color-green); font-size:1.06em; font-weight:700; 
																		color:var(--color-white);}
[data-main="tour"] .tour_list .swiper-slide em						{ font-size:1.38em; font-weight:600; font-family:var(--font-paper);}
[data-main="tour"] .tour_list .swiper-slide>a:focus::before			{ opacity:1; }
[data-main="tour"] .tour_list .swiper-slide>a:hover img,
[data-main="tour"] .tour_list .swiper-slide>a:focus img				{ transform:translate(-50%,-50%) scale(1.07, 1.07);}
[data-main="tour"] .tour_list .swiper_bottom						{ flex-direction:column-reverse; bottom:50px; right:30px; gap:19px; top:inherit; }		
[data-main="tour"] .tour_list .swiper_bottom .control				{ flex-direction:column; width:40px; height:210px; padding:25px 0 0 0;  }	
[data-main="tour"] .tour_list .swiper_bottom .control .swiper_page	{ flex-direction:column; min-width:inherit; margin-right:0; margin-bottom:7px; }	
[data-main="tour"] .tour_list .swiper_bottom .control a.more		{ margin-top:10px; background-color:var(--color-green);}
[data-main="tour"] .tour_list .swiper-pagination-current			{ color:var(--color-green) !important; }



/* 빠른민원 */
[data-main="quick"]													{ position:relative; display:flex; flex-direction:row; flex-wrap:wrap; gap:20px; justify-content:space-between; }
[data-main="quick"] .btn_quick										{ display:flex;  flex-direction:column; gap:10px; width:calc((100% / 12) * 1 - 10px);  justify-content:flex-start; align-items:center; }
[data-main="quick"] .btn_quick .icon								{ display:flex; width:100%; height:0; padding-top:100%; border-radius:15px; border:1.5px dashed var(--color-point); position:relative; background:none; }
[data-main="quick"] .btn_quick .icon::before						{ position:absolute; width:100%; height:100%; left:0; top:0; background:url(/resource/www/images/main/icon_quick_btn.svg) no-repeat 50% 50% / auto 29px; content:''; }
[data-main="quick"] .btn_quick .txt									{ display:flex; font-size:1.06em; font-weight:500; opacity:.74; line-height:1.26; text-align:center; letter-spacing:-.045em;transition:var(--trans-ani); }
[data-main="quick"] .quick_list										{ width:calc((100% / 11) * 10 - 5px); display:flex; flex-direction:column; }
[data-main="quick"] .quick_list .mySwiper							{ width:calc(100% + 20px); margin-left:-10px; margin-right:-10px; }
[data-main="quick"] .quick_list .swiper-slide						{ width:calc(100% / 10); } 
[data-main="quick"] .quick_list .swiper-slide>a						{ display:flex; flex-direction:column; gap:10px; width:calc(100% - 20px); margin-left:10px; margin-right:10px; justify-content:center; align-items:center; }
[data-main="quick"] .icon											{ display:flex; width:100%; height:0; padding-top:100%; border-radius:15px; background:var(--color-gray)/*var(--color-light-point1)*/; position:relative }
[data-main="quick"] .icon::before									{ position:absolute; display:flex; width:100%; height:100%; content:'';  background-position:50% 50%; background-repeat:no-repeat; content:'';  z-index:2; left:0; top:0;
																		transition:var(--trans-ani); }
[data-main="quick"] .icon1::before									{ background-image:url(/resource/www/images/main/icon_quick01.svg); background-size:auto 40px;}
[data-main="quick"] .icon2::before									{ background-image:url(/resource/www/images/main/icon_quick02.svg); background-size:auto 49px;}
[data-main="quick"] .icon3::before									{ background-image:url(/resource/www/images/main/icon_quick03.svg); background-size:auto 40px;}
[data-main="quick"] .icon4::before									{ background-image:url(/resource/www/images/main/icon_quick04.svg); background-size:auto 40px;}
[data-main="quick"] .icon5::before									{ background-image:url(/resource/www/images/main/icon_quick05.svg); background-size:auto 40px;}
[data-main="quick"] .icon6::before									{ background-image:url(/resource/www/images/main/icon_quick06.svg); background-size:auto 44px;}
[data-main="quick"] .icon7::before									{ background-image:url(/resource/www/images/main/icon_quick07.svg); background-size:auto 40px;}
[data-main="quick"] .icon8::before									{ background-image:url(/resource/www/images/main/icon_quick08.svg); background-size:auto 35px;}
[data-main="quick"] .icon9::before									{ background-image:url(/resource/www/images/main/icon_quick09.svg); background-size:auto 42px;}
[data-main="quick"] .icon10::before									{ background-image:url(/resource/www/images/main/icon_quick10.svg); background-size:auto 40px;}

[data-main="quick"] .quick_list .swiper-slide  strong,
[data-main="quick"] .all_wrap .list_all>li strong					{ display:flex; font-size:1.06em; font-weight:500; opacity:.74; line-height:1.26; text-align:center; letter-spacing:-.045em; transition:var(--trans-ani); }
[data-main="quick"] .quick_list .swiper-slide>a:hover .icon::before,
[data-main="quick"] .quick_list .swiper-slide>a:focus .icon::before,
[data-main="quick"] .btn_quick:hover .icon::before,
[data-main="quick"] .btn_quick:focus .icon::before					{ animation:iconShow 0.7s ease-in-out 1 forwards }
[data-main="quick"] .quick_list .swiper-slide>a:hover strong,
[data-main="quick"] .quick_list .swiper-slide>a:focus strong,
[data-main="quick"] .btn_quick:hover .txt,
[data-main="quick"] .btn_quick:focus .txt							{ color:var(--color-point); opacity:1; }
[data-main="quick"] .quick_list .swiper-slide>a:focus				{ outline-offset:-2px;}

/* 설정하기 */
[data-main="quick"] .all_wrap .list_all>li							{ width:calc((100% - 90px) / 10); position:relative; padding-top:16px; }
[data-main="quick"] .check_input									{ position:absolute; width:1px; height:1px; opacity:0; }
[data-main="quick"] .check_label									{ cursor:pointer; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; gap:10px; }

[data-main="quick"] .check_label::before							{ content:""; position:absolute; top:0; right:0; width:30px; height:30px; overflow:hidden; background-color:var(--color-white); border-radius:50%;
    																	border:1px solid var(--color-line); z-index:2}
[data-main="quick"] .check_label::after								{ position:absolute; width:13px; height:9px; border-style:solid; border-width:2px 2px 0 0; border-color:var(--color-base); right:8px; top:8px; content:''; 
																		transform:rotate(135deg); opacity:.34; z-index:3 }
[data-main="quick"] .check_input:checked + .check_label::before		{ background-color:var(--color-point); border-color:var(--color-point) }
[data-main="quick"] .check_input:focus + .check_label::before		{ outline:2px dotted var(--color-point) !important; }
[data-main="quick"] .check_input:checked + .check_label::after		{ border-color:var(--color-white); opacity:1; }
[data-main="quick"] .btn_quick.close								{ opacity:1; position:absolute; bottom:-25px; left:50%; min-width:inherit; width:50px; height:50px; padding:0px; background-color:var(--color-point); border:0px;
   																	 	border-radius:100%; transform:translateX(-50%); }
[data-main="quick"] .btn_quick.close::before						{ display:block; width:100%; height:100%; margin:0; background:url(/resource/common/images/common/icon_close.svg) no-repeat 50% 50% / 15px auto;
    																	transition:var(--trans-ani); transition-property:transform; content:''; filter:invert(1);}
[data-main="quick"] .btn_quick.close:hover::before,
[data-main="quick"] .btn_quick.close:focus::before					{ transform:rotate(90deg);}



/* 군정 */
[data-main="photo"]													{ width:100%; position:relative; display:flex; flex-direction:row; flex-wrap:wrap; gap:40px; --size:975px; align-items:end; margin-bottom:0 !important}
[data-main="photo"] .title_wrap										{ position:absolute; left:0; top:10px; max-width:calc(100% - var(--size) - 20px); }
[data-main="photo"] .link_list										{ flex:auto; min-width:230px; display:flex; flex-direction:row; gap:10px; }
[data-main="photo"] .link_list>li									{ width:calc((100% - 10px) / 2);}
[data-main="photo"] .link_list>li>a									{ display:flex; flex-direction:column; flex-wrap:wrap; gap:10px; justify-content:center; align-items:center; }
[data-main="photo"] .link_list .icon								{ display:flex; width:100%; height:0; padding-top:100%; border-radius:15px; background:var(--color-gray)/*var(--color-light-point1)*/;  position:relative }
[data-main="photo"] .link_list .icon::before						{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background-position:50%; background-repeat: no-repeat; }
[data-main="photo"] .link_list .icon1::before						{ background-image: url(/resource/www/images/main/icon_photo01.svg); background-size:auto 39px ;}
[data-main="photo"] .link_list .icon2::before						{ background-image: url(/resource/www/images/main/icon_photo02.svg); background-size:auto 40px ;}
[data-main="photo"] .link_list  strong								{ display:flex; font-size:1em; font-weight:700; line-height:1.26; text-align:center; letter-spacing:-.025em;transition:var(--trans-ani); }
[data-main="photo"] .link_list>li>a:hover .icon::before,
[data-main="photo"] .link_list>li>a:focus .icon::before				{ animation:iconShow 0.7s ease-in-out 1 forwards }
[data-main="photo"] .link_list>li>a:hover strong,
[data-main="photo"] .link_list>li>a:focus strong					{ color:var(--color-point); opacity:1; }

[data-main="photo"] .photo_list										{ width:var(--size); }
[data-main="photo"] .photo_list .mySwiper							{ width:calc(100% + 15px); margin-left:-7.5px; margin-right:-7.5px;}
[data-main="photo"] .photo_list .swiper-slide						{ width:33.333%; }		
[data-main="photo"] .photo_list .swiper-slide>a						{ position:relative; display:flex; flex-direction:column;  width:calc(100% - 15px); margin-left:7.5px; margin-right:7.5px; background:var(--color-gray); border-radius:15px;}	
[data-main="photo"] .photo_list .swiper-slide>a::before				{ position:absolute; width:100%; height:100%; left:50%; top:50%; border-radius:15px; border:3px solid var(--color-point); content:''; opacity:0; 
																			pointer-events:none; transform:translate(-50%,-50%); transition:var(--trans-ani); z-index:2}
[data-main="photo"] .photo_list .swiper-slide .img					{ border-radius:15px; overflow:hidden; width:100%; position:relative; height:0; padding-top:68.253%; transition:var(--trans-ani); }
[data-main="photo"] .photo_list .swiper-slide .img img				{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
   																	 				-webkit-transform:translate(-50%,-50%); -moz-transform: translate(-50%,-50%); object-fit:cover; -o-object-fit:cover; transition:var(--trans-ani);}
[data-main="photo"] .photo_list .swiper-slide .cont					{ display:flex; flex-direction:column; gap:15px; padding:20px; justify-content:space-between; min-height:8.13em; transition:var(--trans-ani);}	
[data-main="photo"] .photo_list .swiper-slide .cont strong			{ font-size:1.13em; font-weight:600; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; letter-spacing:-.025em; line-height:1.28; 
																		word-break:break-all; }	
[data-main="photo"] .photo_list .swiper-slide .cont .day			{ font-size:.94em; opacity:.84; }
[data-main="photo"] .photo_list .swiper_bottom						{ position:absolute; left:0; top:calc(50% - 2.75em); margin:0; right:inherit; background:var(--color-gray); border-radius:30px;}
[data-main="photo"] .photo_list .swiper_bottom .control				{ background:none; border-radius:0; padding:0 0 0 20px;}
[data-main="photo"] .photo_list .swiper_bottom .control	a.more		{ margin-left:7px; }
[data-main="photo"] .link_list>li>a:focus							{ outline-offset:-2px;}
[data-main="photo"] .photo_list .swiper-slide>a:hover::before,
[data-main="photo"] .photo_list .swiper-slide>a:focus::before			{ opacity:1;  }
[data-main="photo"] .photo_list .swiper-slide>a:focus					{ outline:0 !important }
[data-main="photo"] .photo_list .swiper-slide>a:hover img,
[data-main="photo"] .photo_list .swiper-slide>a:focus img				{ transform:translate(-50%,-50%) scale(1.07, 1.07);}
[data-main="photo"] .photo_list .swiper-slide>a:hover .cont,	
[data-main="photo"] .photo_list .swiper-slide>a:focus .cont				{ color:var(--color-point);}



/*******************************************************************

 							section_main_right 

*******************************************************************/
/* 컨트롤 */
.section_main_right .swiper_bottom											{ position:absolute; right:0; top:0; z-index:2 }
.section_main_right .swiper_bottom .control									{ display:flex; align-items:center; height:35px; background:var(--color-white); border-radius:50px; padding:0 10px 0 15px; }
.section_main_right .swiper_bottom .control:has(.btn_slide_allView.open)	{ padding-right:0; }
.section_main_right h3														{ font-family:var(--font-paper); }


/* 날씨 */
.search_right										{ display:flex; flex-direction:column; gap:10px; }
.search_right .weather_wrap							{ display:flex; align-items:center; flex-wrap:wrap; justify-content:center; gap:10px 20px; }
.search_right .weather_wrap>li,
.search_right .weather_wrap>li>span					{ display:flex; align-items:center; line-height:1; color:var(--color-base); gap:5px; }
.search_right .weather_wrap>li:last-child>span		{ margin-top:1px; }
.search_right .weather_wrap>li .tem					{ font-size:1.25em; font-weight:700; color:var(--color-deep-point); }
.search_right .weather_wrap .icon					{ display:inline-block; text-indent:-9999em; font-size:0; }
.search_right .weather_wrap .icon::before			{ content:''; display:block; background-position:50% 50%; background-repeat:no-repeat; background-size:contain; animation:weatherAni 1.7s linear 0s infinite; }
.search_right .weather_wrap .icon1::before			{ width:22px; height:22px; background-image:url(/resource/www/images/weather/weather_sun.svg); }
.search_right .weather_wrap .icon2::before			{ width:22px; height:22px; background-image:url(/resource/www/images/weather/weather_suncloud.svg); }
.search_right .weather_wrap .icon3::before			{ width:33px; height:22px; background-image:url(/resource/www/images/weather/weather_cloud.svg); }
.search_right .weather_wrap .icon4::before			{ width:19px; height:22px; background-image:url(/resource/www/images/weather/weather_rain.svg); }
.search_right .weather_wrap .icon5::before			{ width:19px; height:22px; background-image:url(/resource/www/images/weather/weather_snowRain.svg); }
.search_right .weather_wrap .icon6::before			{ width:19px; height:22px; background-image:url(/resource/www/images/weather/weather_snow.svg); }
.search_right .weather_wrap .dust					{ display:flex; align-items:center; gap:10px; font-weight:700;  }
.search_right .weather_wrap .dust::after			{ content:''; display:block; width:17px; height:17px; background-position:50% 50%; background-repeat:no-repeat; background-size:contain; margin-top:-1px; }
.search_right .weather_wrap .dust1					{ color:var(--color-blue); }
.search_right .weather_wrap .dust2					{ color:var(--color-deep-green); }
.search_right .weather_wrap .dust3					{ color:var(--color-orange); }
.search_right .weather_wrap .dust4					{ color:var(--color-scarlet); }
.search_right .weather_wrap .dust1::after			{ background-image:url(/resource/www/images/weather/icon_good.svg); }
.search_right .weather_wrap .dust2::after			{ background-image:url(/resource/www/images/weather/icon_usually.svg); }
.search_right .weather_wrap .dust3::after			{ background-image:url(/resource/www/images/weather/icon_bad.svg); }
.search_right .weather_wrap .dust4::after			{ background-image:url(/resource/www/images/weather/icon_verybad.svg); }
@keyframes weatherAni{
  0%{opacity:1; transform:scale(.8, .8);}
  50%{opacity:1;}
  100%{opacity:0; transform:scale(1, 1);}
}

/* 검색 */
.search_right .search_wrap,
.search_right .search_wrap form,
.search_right .search_wrap fieldset										{ display:flex; width:100%; }
.search_right .search_wrap .searchForm									{ position:relative; display:flex; width:100%; align-items:center; flex-wrap:wrap; justify-content:center; --size:55px; border:3px solid var(--color-point); 
																			border-radius:10px; height:var(--size); padding:0 55px 0 79px }
.search_right .search_wrap .searchForm .img								{ position:absolute; width:62px; height:75px; left:7px; bottom:0; }
.search_right .search_wrap .searchForm .img::before						{ position:absolute; width:100%; height:100%; left:0; top:0; background:url(/resource/www/images/main/img_search.svg) no-repeat 50% 0 / 100% auto; content:''; }
.search_right .search_wrap .searchForm .total_search					{ display:flex; width:100%; border:none; height:100%; text-align:center; padding:0; font-family:var(--font-paper);  font-weight:700; font-size:1.26em; 
																			background:linear-gradient(90deg, var(--color-green) 1%, var(--color-point) 40%, var(--color-red) 90%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.search_right .search_wrap .searchForm .total_search::placeholder		{ background:url(/resource/www/images/main/bg_input.png) no-repeat 50% 50% / auto;  text-indent:100% }
.search_right .search_wrap .searchForm .total_search:focus::placeholder	{ font-size:0; }

.search_right .search_wrap .searchForm .search_btn,
.search_right .search_wrap .searchForm .voice_btn						{ width:var(--size); height:100%; display:flex; position:absolute; right:0; bottom:0; }
.search_right .search_wrap .searchForm .voice_btn						{ display:none; }
.search_right .search_wrap .searchForm .search_btn::before,
.search_right .search_wrap .searchForm .voice_btn::before				{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background-position:50%; background-repeat:no-repeat;  }
.search_right .search_wrap .searchForm .search_btn::before				{ background-image:url(/resource/www/images/common/icon_search.svg); background-size:21px; }
.search_right .search_wrap .searchForm .voice_btn::before				{ background-image:url(/resource/www/images/common/icon_voice.svg); background-size:auto 23px; }
.search_right .keyword													{ display:flex; flex-wrap:wrap; gap:2px 5px; line-height:1; margin:0 auto }	
.search_right .keyword dt												{ position:relative; font-size:.88rem; font-weight:700; color:var(--color-point); padding-right:85px; height:26px; display:flex; align-items:center; }
.search_right .keyword dt::before										{ position:absolute; width:75px; height:1px; background:var(--color-line); right:-5px; top:calc(50% - .5px); content:''; } 	
.search_right .keyword dd>a												{ display:flex; align-items:center; padding:0 12px; border-radius:5px; height:26px; font-size:.84rem; font-weight:500; opacity:.9; background:var(--color-gray1) }	


/* 군수실 */
.governor_right,															
.governor_right .governor_text											{ position:relative; display:flex; flex-direction:column; gap:10px; }
.governor_right .governor_text											{ position:relative; padding:40px 30px; border-radius:15px; overflow:hidden }
.governor_right .governor_text::before									{ position:absolute; width:100%; height:100%;  left:0; bottom:0; background:url(/resource/www/images/main/bg_governor.jpg) no-repeat 50% 50% / cover; opacity:.2;
																			content:''; }
.governor_right .governor_text::after									{ position:absolute; width:100%; height:92%; right:.8em; bottom:0; pointer-events: none;
																			 background:url(/planweb/upload/board/ff8080819c993f82019cb141f8342c32/original/00ce3ae5-fd8d-44ec-9423-49c9f18238ad.png) no-repeat top right / auto 100%; content:''; }
.governor_right .governor_text .text									{ display:flex; flex-direction:column ;gap:50px; }
.governor_right .governor_text .governor_icon							{ display:flex; flex-direction:row; }
.governor_right .governor_list											{ position:relative; }
.governor_right .governor_list .swiper_bottom							{ right:10px; top:10px; }
.governor_right .governor_list .swiper-slide							{ width:100%; }
.governor_right .governor_list .swiper-slide>a							{ position:relative; }
.governor_right .governor_list .swiper-slide>a::before					{ position:absolute; width:calc(100% - 8px); height:calc(100% - 8px); left:50%; top:50%; border-radius:15px; border:2px dotted var(--color-white); content:''; opacity:0; 
																					pointer-events:none; transform:translate(-50%,-50%); transition:var(--trans-ani); z-index:2}
.governor_right .governor_list .video,
.governor_right .governor_list .img										{ position:relative; width:100%; height:0; padding-top:64%; overflow:hidden; border-radius:15px; }
.governor_right .governor_list .video::before							{ position:absolute; width:45px; height:45px; border-radius:15px 15px 5px 15px; background:var(--color-red1) url(/resource/www/images/main/icon_video.svg) no-repeat 50% 50% / 21px 15px;
																					left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; content:''; }
.governor_right .governor_list .video::after,
.governor_right .governor_list .img::after								{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:var(--color-black); opacity:.3; z-index:1 } 																					
.governor_right .governor_list .video img,
.governor_right .governor_list .img img									{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
   																	 				-webkit-transform:translate(-50%,-50%); -moz-transform: translate(-50%,-50%); object-fit:cover; -o-object-fit:cover; }
.governor_right .governor_list .swiper-slide>a:focus::before			{ opacity:1;  }
.governor_right .governor_text .text									{ position:relative; z-index:2; justify-content:space-between; font-family:var(--font-paper); align-items:flex-start;  }
.governor_right .governor_text .text>li									{ display:flex; flex-direction:column; gap:5px; }
.governor_right .governor_text .text>li:has(.slogan)					{ gap:10px; }
.governor_right .governor_text .text>li .slogan							{ display:flex; gap:5px; font-size:1.2rem; font-weight:600; color:var(--color-deep-point3); line-height:1 }
.governor_right .governor_text .text>li strong							{ font-size:1.5em; font-weight:400; line-height:1.2 }
.governor_right .governor_text .text>li strong>em						{ font-size:1.31em; font-weight:800; color:var(--color-deep-point2) }
.governor_right .governor_text .text>li>a								{ position:relative; display:flex; width:150px; height:40px; border-radius:20px; background:linear-gradient(180deg, #128fae 1%, #046383 100%); font-size:.94em; font-weight:600; 
																			color:var(--color-white); align-items:center; padding:0 15px; font-family:var(--font-pretendard) }
.governor_right .governor_text .text>li>a::before						{ position:absolute; right:15px; top:50%; width:7px; height:7px; border-style:solid; border-width:2px 2px 0 0; border-color:var(--color-white); 
																			transform:translateY(-60%) rotate(45deg); content:''; z-index:3}
.governor_right .governor_text .text>li>a span							{ position:relative; z-index:2; padding-top:1px }
.governor_right .governor_text .text>li>a .deco							{ display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; }
.governor_right .governor_text .text>li>a .deco i						{ display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; border-radius:20px; overflow:hidden; box-shadow:rgba(170, 183, 207, 0.35) 5px 9px 15px;}
.governor_right .governor_text .text>li>a .deco i:before				{ display:block; position:absolute; top:0; left:0; z-index:1; width:800%; height:100%; content:''; animation:move1 20s linear infinite; transition-property:opacity; 
																			background-image:linear-gradient(157deg, #0e7da2 0%,#1689af 15%,#1c92ba 25%,#29a0c8 35%,#0e7da2 50%,#1689af 65%,#1c92ba 75%,#29a0c8 85%,#095d7a 100%);  	
																			transition-duration:300ms; transition-timing-function:ease-in-out; opacity:0}
.governor_right .governor_text .text>li>a:hover .deco i:before			{ opacity:1; }
.governor_right .governor_icon											{ width:100%; height:var(--size); --size:110px; justify-content:space-between; background:linear-gradient(180deg, #128fae 1%, #046383 100%); border-radius:15px; }
.governor_right .governor_icon>li										{ position:relative; width:33.333%; }
.governor_right .governor_icon>li+li::before							{ position:absolute; width:1px; height:63%; background:var(--color-white); left:0; top:50%; content:'';  transform:translateY(-50%); opacity:.2 }
.governor_right .governor_icon>li>a										{ display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; height:100%; gap:15px; }
.governor_right .governor_icon>li .icon									{ position:relative; display:flex; width:38px; height:32px; }
.governor_right .governor_icon>li .icon::before							{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background-position:50%; background-repeat:no-repeat; background-size:contain;}
.governor_right .governor_icon>li .icon1::before						{ background-image:url(/resource/www/images/main/icon_governor01.svg); }
.governor_right .governor_icon>li .icon2::before						{ background-image:url(/resource/www/images/main/icon_governor02.svg); }
.governor_right .governor_icon>li .icon3::before						{ background-image:url(/resource/www/images/main/icon_governor03.svg); }
.governor_right .governor_icon>li .txt									{ line-height:1; font-weight:500; color:var(--color-white); letter-spacing:-.045em }
.governor_right .governor_icon>li>a:hover .icon::before,
.governor_right .governor_icon>li>a:focus .icon::before					{ animation:iconShow 0.7s ease-in-out 1 forwards;  }
.governor_right .governor_icon>li>a:focus								{ outline-offset:-6px; outline:2px dotted var(--color-white) !important }
.governor_right .office_icon											{ display:flex; flex-direction:row; flex-wrap:wrap }
.governor_right .office_icon											{ gap:10px; justify-content:space-between; }
.governor_right .office_icon>li											{ width:calc((100% - 30px) / 4); }
.governor_right .office_icon>li>a										{ display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; height:90px; gap:12px; background:var(--color-light-gray); 
																			border-radius:10px; padding:15px; transition:var(--trans-ani); }
.governor_right .office_icon>li .icon									{ position:relative; display:flex; width:33px; height:34px; }
.governor_right .office_icon>li .icon::before							{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background-position:50%; background-repeat:no-repeat; opacity:.74 ; }
.governor_right .office_icon>li .icon1::before							{ background-image:url(/resource/www/images/main/icon_office01.svg); background-size:auto 30px; }
.governor_right .office_icon>li .icon2::before							{ background-image:url(/resource/www/images/main/icon_office02.svg); background-size:auto 34px; }
.governor_right .office_icon>li .icon3::before							{ background-image:url(/resource/www/images/main/icon_office03.svg); background-size:auto 25px; }
.governor_right .office_icon>li .icon4::before							{ background-image:url(/resource/www/images/main/icon_office04.svg); background-size:auto 31px; }
.governor_right .office_icon>li .txt									{ font-size:.97em; line-height:1; font-weight:500;  letter-spacing:-.045em; opacity:.84 }
.governor_right .office_icon>li>a:hover,
.governor_right .office_icon>li>a:focus									{ background:var(--color-point); color:var(--color-white) }
.governor_right .office_icon>li>a:hover .txt,
.governor_right .office_icon>li>a:focus .txt							{ opacity:1; }
.governor_right .office_icon>li>a:hover .icon::before,
.governor_right .office_icon>li>a:focus .icon::before					{ animation:iconShow 0.7s ease-in-out 1 forwards; filter:invert(1) brightness(100); }
@keyframes move1 {
	0% {left:0;}
	50% {left:-700%;}
	100% {left:0;}
}


/* 본청 바로가기 + sns */																				
.office_right															{ display:flex; flex-direction:column; gap:10px; }
.office_right .office_icon,
.office_right .sns_box,
.office_right .sns_box .sns_icon										{ display:flex; flex-direction:row; flex-wrap:wrap }
.office_right .office_icon												{ gap:10px; justify-content:space-between; }
.office_right .office_icon>li											{ width:calc((100% - 30px) / 4); }
.office_right .office_icon>li>a											{ display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; height:90px; gap:12px; background:var(--color-light-gray); 
																					border-radius:10px; padding:15px; transition:var(--trans-ani); }
.office_right .office_icon>li .icon										{ position:relative; display:flex; width:33px; height:34px; }
.office_right .office_icon>li .icon::before								{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background-position:50%; background-repeat:no-repeat; opacity:.74 ; }
.office_right .office_icon>li .icon1::before							{ background-image:url(/resource/www/images/main/icon_office01.svg); background-size:auto 30px; }
.office_right .office_icon>li .icon2::before							{ background-image:url(/resource/www/images/main/icon_office02.svg); background-size:auto 34px; }
.office_right .office_icon>li .icon3::before							{ background-image:url(/resource/www/images/main/icon_office03.svg); background-size:auto 25px; }
.office_right .office_icon>li .icon4::before							{ background-image:url(/resource/www/images/main/icon_office04.svg); background-size:auto 31px; }
.office_right .office_icon>li .txt										{ font-size:.97em; line-height:1; font-weight:500;  letter-spacing:-.045em; opacity:.84 }
.office_right .office_icon>li>a:hover,
.office_right .office_icon>li>a:focus									{ background:var(--color-point); color:var(--color-white) }
.office_right .office_icon>li>a:hover .txt,
.office_right .office_icon>li>a:focus .txt								{ opacity:1; }
.office_right .office_icon>li>a:hover .icon::before,
.office_right .office_icon>li>a:focus .icon::before						{ animation:iconShow 0.7s ease-in-out 1 forwards; filter:invert(1) brightness(100); }
.office_right .sns_box													{ background:var(--color-light-green); height:70px; border-radius:10px; padding:0 30px; align-items:center; justify-content:space-between; gap:10px 2em;}
.office_right .sns_box h3												{ font-size:1.06em; font-weight:500; }
.office_right .sns_box h3>em											{ font-weight:800; }
.office_right .sns_box .sns_icon										{ gap:5px; }
.office_right .sns_box .sns_icon a										{ position:relative; }
.office_right .sns_box .sns_icon [data-sns]								{ width:32px; height:32px; }
.office_right .sns_box .sns_icon [data-sns]:hover,
.office_right .sns_box .sns_icon [data-sns]:focus						{ animation:iconShow 0.7s ease-in-out 1 forwards }
.office_right .sns_box .sns_icon a::before								{ position:absolute; width:calc(100% + 6px); height:calc(100% + 6px); left:50%; top:50%; border-radius:100%; border:2px dotted var(--color-point); content:''; opacity:0; 
																					pointer-events:none; transform:translate(-50%,-50%); transition:var(--trans-ani); z-index:2}
.office_right .sns_box .sns_icon a:focus::before						{ opacity:1;  }



/* 쇼츠 */
.shorts_right															{ position:relative; display:flex; flex-direction:column; gap:10px; }
.shorts_right h3														{ position:relative; padding-left:23px; font-weight:800; font-size:20px; text-transform:uppercase; line-height:1 }
.shorts_right h3::before												{ position:absolute; left:0; top:1px; width:16px; height:20px; background:url(/resource/www/images/main/icon_shorts.svg) no-repeat 50% 50% / contain; content:''; }
.shorts_right .shorts_list												{ width:calc(100% + 10px); margin-left:-5px; margin-right:-5px; margin-top:5px; }
.shorts_right .shorts_list .swiper-slide								{ width:50%; }
.shorts_right .shorts_list .swiper-slide>a								{ position:relative; display:flex; flex-direction:column; width:calc(100% - 10px); margin-left:5px; margin-right:5px; gap:10px; }
.shorts_right .shorts_list .swiper-slide>a::before						{ position:absolute; width:calc(100% - 4px); height:calc(100% - 4px); left:50%; top:50%; border-radius:15px; border:2px dotted var(--color-red); content:''; opacity:0; 
																			pointer-events:none; transform:translate(-50%,-50%); transition:var(--trans-ani); z-index:2}
.shorts_right .shorts_list .img											{ border-radius:10px; overflow:hidden; width:100%; position:relative; height:0; padding-top:180.1% }
.shorts_right .shorts_list .img::before									{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; border-radius:10px; border:3px solid var(--color-red); opacity:0; pointer-events:none; 
																			z-index:2; box-sizing:border-box;  transition:var(--trans-ani);}
.shorts_right .shorts_list .img img										{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
   																	 		-webkit-transform:translate(-50%,-50%); -moz-transform: translate(-50%,-50%); object-fit:cover; -o-object-fit:cover; }
.shorts_right .shorts_list strong										{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:.94em; font-weight:600; letter-spacing:-.045em; line-height:1.3; opacity:.84 }
.shorts_right .shorts_list .swiper-slide>a:hover strong,
.shorts_right .shorts_list .swiper-slide>a:focus strong					{ color:var(--color-red); opacity:1; transition:var(--trans-ani); }
.shorts_right .shorts_list .swiper-slide>a:hover .img::before,
.shorts_right .shorts_list .swiper-slide>a:focus .img::before			{ opacity:1;  }
.shorts_right .shorts_list .swiper-slide>a:focus						{ outline:0 !important }
.shorts_right .shorts_list .swiper-slide>a:focus::before				{ opacity:1;  }
.shorts_right .swiper_bottom											{ top:-5px; }
.shorts_right .swiper_bottom .control									{ height:inherit; border-radius:0; background:none; }	
.shorts_right .swiper_bottom a.more										{ background-color:var(--color-red); }										
@media all and (min-width:1921px){
	.shorts_right .shorts_list .img img									{ min-height:115%; }
}

/* 알림마당 */
.popupzone_right														{ position:relative; display:flex; flex-direction:column; gap:10px;  transition:var(--trans-ani); width:100%; border-radius:15px; background:var(--color-light-point); 
																			padding: 20px 25px 0 25px;}
.popupzone_right h3														{ font-size:1.38em; font-weight:800; }
.popupzone_right .popupzone_list										{ width:100%; margin-top:5px;}
.popupzone_right .popupzone_list .swiper-slide							{ width:100%; }
.popupzone_right .popupzone_list .swiper-slide>a						{ position:relative; }
.popupzone_right .popupzone_list .swiper-slide>a::before				{ position:absolute; width:calc(100% - 10px); height:calc(100% - 6px); left:50%; bottom:0; border-radius:15px 15px 0 0; border:3px dotted var(--color-white); content:''; 
																			opacity:0; pointer-events:none; transform:translateX(-50%); transition:var(--trans-ani); z-index:2; border-bottom-width:0;}
.popupzone_right .popupzone_list .img									{ border-radius:10px 10px 0 0; overflow:hidden; width:100%; position:relative; height:0; padding-top:65.714% }
.popupzone_right .popupzone_list .img img								{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
   																	 		-webkit-transform:translate(-50%,-50%); -moz-transform: translate(-50%,-50%); object-fit:cover; -o-object-fit:cover; transition:var(--trans-ani);}
.popupzone_right .popupzone_list .swiper-slide>a:hover img,
.popupzone_right .popupzone_list .swiper-slide>a:focus img				{ transform:translate(-50%,-50%) scale(1.07, 1.07);}
.popupzone_right .popupzone_list .swiper-slide>a:focus::before			{ opacity:1;  }																			
.popupzone_right .swiper_bottom											{ top:19.5px; right:25px; }																					
.popupzone_right .swiper_bottom .control								{ padding-bottom:0 !important; }
.popupzone_right .all_wrap .con_inner									{ max-width:1210px; }
.popupzone_right .all_wrap .list_all>li									{ width:calc((100% - 20px) / 3); }
		
		
																		
/* 분야별 정보 */
.sector_right															{ display:flex; flex-direction:column; gap:10px; margin-bottom:0 !important}
.sector_right h3														{ font-size:1.38em; font-weight:800; }
.sector_right ul														{ display:flex; flex-direction:row; flex-wrap:wrap; gap:20px 10px; }
.sector_right ul>li														{ flex:auto; width:calc((100% - 20px) / 3); }
.sector_right ul>li>a													{ display:flex; flex-direction:column; gap:10px; justify-content:center; align-items:center}
.sector_right ul>li .icon												{ position:relative; display:flex; width:100%; height:110px; border-radius:10px; background:var(--color-gray)/*var(--color-light-point1)*/; }
.sector_right ul>li .icon::before										{ position:absolute; display:flex; width:100%; height:100%; border-radius:100%; content:''; background-size:contain; background-position:50% 50%; background-repeat:no-repeat; 
																			content:'';  z-index:2; left:0; top:0; }
.sector_right ul>li .icon1::before										{ background-image:url(/resource/www/images/main/icon_sector01.svg); }
.sector_right ul>li .icon2::before										{ background-image:url(/resource/www/images/main/icon_sector02.svg); }
.sector_right ul>li .icon3::before										{ background-image:url(/resource/www/images/main/icon_sector03.svg); }
.sector_right ul>li .icon4::before										{ background-image:url(/resource/www/images/main/icon_sector04.svg); }
.sector_right ul>li .icon5::before										{ background-image:url(/resource/www/images/main/icon_sector05.svg); }
.sector_right ul>li .icon6::before										{ background-image:url(/resource/www/images/main/icon_sector06.svg); }
.sector_right ul>li .icon7::before										{ background-image:url(/resource/www/images/main/icon_sector07.svg); }
.sector_right ul>li .icon8::before										{ background-image:url(/resource/www/images/main/icon_sector08.svg); }
.sector_right ul>li .icon9::before										{ background-image:url(/resource/www/images/main/icon_sector09.svg); }
.sector_right ul>li .icon10::before										{ background-image:url(/resource/www/images/main/icon_sector10.svg); }
.sector_right ul>li .icon11::before										{ background-image:url(/resource/www/images/main/icon_sector11.svg); }
.sector_right ul>li .icon12::before										{ background-image:url(/resource/www/images/main/icon_sector12.svg); }
.sector_right ul>li .txt												{ display:flex; font-size:1em; font-weight:500; opacity:.74; line-height:1.26; text-align:center; transition:var(--trans-ani); }
.sector_right ul>li a:hover .icon::before,
.sector_right ul>li a:focus .icon::before								{ animation:iconShow 0.7s ease-in-out 1 forwards }
.sector_right ul>li a:hover .txt,
.sector_right ul>li a:focus .txt										{ color:var(--color-point); }

@media all and (max-width:1868px){
	#content															{ --sizeWidth:1280px; }
	#content .section_main_con											{ padding:30px 30px 30px 0; }
	#content .section_main_right										{ padding:30px 0 30px 30px; }
	
	/* section_main_con */
	[data-main="infozone"]												{ gap:30px; /*--sizeWidth:880px; --sizeHig:450px; */}
	
	[data-main="infozone"]												{ --sizeWidth:765px; --sizeHig:390px; }
	
	[data-main="infozone"] .festival									{ width:calc(100% - var(--sizeWidth) - 30px); }
	
	[data-main="tour"]													{ --size:585px; gap:30px; }
	[data-main="tour"] .link_list										{ width:calc(100% - var(--size) - 30px); }
	
	[data-main="photo"]													{ --size:955px; }
	
	
	/* section_main_right */
	.search_right .keyword												{ width:100%; justify-content:center; }
	.search_right .keyword dt											{ padding-right:0; width:100%; justify-content:center; }
	.search_right .keyword dt::before									{ display:none; }
	.governor_right .governor_icon										{ --size:100px; }
	.governor_right .governor_icon>li .txt								{ font-size:.95rem; }
	.office_right .office_icon>li										{ width:calc((100% - 10px) / 2); }
	.governor_right .governor_text .text>li .slogan						{ font-size:1.1rem; }
	.governor_right .office_icon>li>a									{ padding:15px 10px; }
}
@media all and (max-width:1768px){
	#content															{ --sizeWidth:1200px; }
	
	/* section_main_con */
	/*[data-main="infozone"]											{ --sizeWidth:822px; --sizeHig:420px; }*/
	
	[data-main="infozone"]												{ --sizeWidth:705px; --sizeHig:360px; }
	
	[data-main="board"] .tab_menu>li>button, 
	[data-main="board"] .tab_menu>li>a									{ min-width:130px; height:44px; font-size:1.1em; }
	[data-main="board"] .list_board .swiper-slide>a						{ padding:25px; gap:15px; min-height:270px; }
	[data-main="board"] .list_board .swiper-slide>a>p .day				{ font-size:1.1em; }
	[data-main="board"] .list_board .swiper-slide>a dl>dt				{ font-size:1.2em; }
	[data-main="board"] .list_board .swiper-slide>a dl>dd				{ font-size:1.03em; }
	[data-main="board"] .list_board .swiper-slide>a .dep				{ left:25px; bottom:25px; }
	[data-main="board"] .tab_menu>li>a[target='_blank']::after			{ width:13px; height:13px;  }
																			
																			
	[data-main="banner"]>ul>li dl>dt									{ font-size:1.1em; }
	[data-main="banner"]>ul>li dl>dd									{ font-size:.9em; }
	
	[data-main="tour"]													{ --size:535px; padding:0 90px 40px 20px }
	[data-main="tour"]::before											{ height:75%; }
	[data-main="tour"]::after											{ width:603px; height:142px; }
	[data-main="tour"] .link_list>li>a									{ height:115px; padding:20px; }
	[data-main="tour"] .link_list>li>a::before							{ top:20px; right:20px; }
	[data-main="tour"] .link_list dl>dt									{ font-size:1.1em; }
	[data-main="tour"] .link_list dl>dd									{ font-size:.9em; }
	[data-main="tour"] .tour_list .swiper-slide .num					{ font-size:1em; }
	[data-main="tour"] .tour_list .swiper-slide em						{ font-size:1.3em; }
	[data-main="tour"] .title_wrap::before								{ width:205px; height:86px; top:2.5em; left:17.5em }
	
	[data-main="quick"] .btn_quick .txt									{ font-size:1.03em; }
	[data-main="quick"] .quick_list .swiper-slide  strong,
	[data-main="quick"] .all_wrap .list_all>li strong					{ font-size:1.03em; }
	[data-main="photo"]													{ --size:885px; }
	[data-main="photo"] .photo_list .swiper-slide .cont					{ min-height:135px; }
	
	
	/* section_main_right */
	#content .section_main_right [data-main]							{ margin-bottom:25px; }
	.search_right .keyword												{ width:100%; justify-content:center; }
	.search_right .keyword dt											{ padding-right:0; width:100%; justify-content:center; }
	.search_right .keyword dt::before									{ display:none; }
	.governor_right .governor_icon										{ --size:100px; }
	.governor_right .governor_icon>li .txt								{ font-size:.95rem; }
	.office_right .office_icon>li										{ width:calc((100% - 10px) / 2); }
	.office_right .office_icon>li>a										{ height:85px; }
	.office_right .office_icon>li .icon									{ height:30px; }
	.office_right .office_icon>li .icon1::before						{ background-size:auto 26px; }
	.office_right .office_icon>li .icon2::before						{ background-size:auto 29px; }
	.office_right .office_icon>li .icon3::before						{ background-size:auto 23px; }
	.office_right .office_icon>li .icon4::before						{ background-size:auto 27px; }
	.sector_right ul>li .icon											{ height:100px; }
	.popupzone_right													{ padding:20px 20px 0 20px; }
	.popupzone_right .swiper_bottom										{ right:20px; }
	.popupzone_right h3,
	.sector_right h3													{ font-size:1.35em; }
	.office_right .sns_box												{ padding:0 20px; height:65px; }
	.office_right .sns_box h3											{ font-size:1.03em; }
	
	.governor_right .governor_text										{ padding:30px 25px; }
	.governor_right .governor_text .text>li .slogan						{ font-size:1.067rem; }
	.governor_right .governor_text .text>li strong						{ font-size:1.45em; }
}
@media all and (max-width:1668px){
	#content															{ --sizeWidth:1080px; }
	#content .section_main_con [data-main]								{ margin-bottom:40px; }
	
	/* section_main_con */
	/*[data-main="infozone"]												{ --sizeWidth:714px; --sizeHig:365px; }*/
	
	[data-main="infozone"]												{ --sizeWidth:600px; --sizeHig:305px; }
	
	[data-main="infozone"] .infozone h2,
	[data-main="infozone"] .infozone::before							{ height:55px; }
	[data-main="infozone"] .infozone h2.active::before					{ bottom:55px; }
	[data-main="infozone"] .infozone h2>button							{ padding:0 25px; font-size:1.2rem; }
	[data-main="infozone"] .infozone .swiper_bottom						{ bottom:10px; }
	[data-main="infozone"] .infoTab01 .swiper_bottom					{ right:calc(35% + 25px); }
	[data-main="infozone"] .infoTab02 .swiper_bottom					{ right:25px; }
	[data-main="infozone"] .festival									{ padding:25px 20px 0 20px; }
	[data-main="infozone"] .festival h2									{ font-size:1.6em; }
	[data-main="infozone"] .festival .swiper_bottom						{ bottom:-17.5px; }
	
	
	[data-main="board"]													{ padding-right:70px; margin-bottom:20px !important }
	[data-main="board"] .tab_menu>li>button, 
	[data-main="board"] .tab_menu>li>a									{ min-width:120px; height:42px; font-size:1.067em; }
	[data-main="board"] .list_board .swiper-slide>a						{ min-height:260px; }
	[data-main="board"] .list_board .swiper-slide>a>p .day				{ font-size:1.067em; }
	[data-main="board"] .list_board .swiper-slide>a dl>dt				{ font-size:1.19em; }
	[data-main="board"] .list_board .swiper-slide>a dl>dd				{ font-size:1em; }
	[data-main="board"] .swiper_bottom									{ right:17px; }
	[data-main="board"] .swiper_bottom .control							{ height:175px; width:35px; padding-top:5px;}
	[data-main="board"]::after											{ right:8px; width:56px; height:73px; }
	
	[data-main="banner"]>ul>li>a										{ flex-direction:column; height:120px; justify-content:center; }
	[data-main="banner"]>ul>li dl										{ align-items:center; }
	[data-main="banner"]>ul>li dl>dt									{ font-size:1.067em; }
	[data-main="banner"]>ul>li dl>dd									{ font-size:.9em; }
	
	[data-main="tour"]													{ --size:505px; padding:0; justify-content:space-between; }
	[data-main="tour"]::before											{ height:calc(100% - 105px - 10px - 10em); bottom:inherit; top:10em; border-radius:20px 80px 20px 20px; }
	[data-main="tour"]::after											{ width:703px; height:166px; top:1.8em; left:30px }
	[data-main="tour"] .title_wrap										{ max-width:calc(100% - (var(--size) * 1.25) - 40px); position:relative; left:inherit; top:inherit; padding-left:30px; margin-bottom:1.75em}
	[data-main="tour"] .title_wrap::before								{ top:-6em; left:17em; }
	[data-main="tour"] .link_list										{ width:100%; order:3; margin-top:10px }
	[data-main="tour"] .link_list>li									{ width:calc((100% - 30px) / 4); }
	[data-main="tour"] .link_list>li>a									{ height:105px; padding:15px 20px; background:var(--color-nav-bg) }
	[data-main="tour"] .link_list>li>a::before							{ top:15px; right:20px; }
	[data-main="tour"] .link_list dl>dt									{ font-size:1.1em; }
	[data-main="tour"] .link_list dl>dd									{ font-size:.9em; }
	[data-main="tour"] .tour_list 										{ position:relative; padding-right:75px; }
	[data-main="tour"] .tour_list .swiper-slide .num					{ font-size:1em; }
	[data-main="tour"] .tour_list .swiper-slide em						{ font-size:1.3em; }
	[data-main="tour"] .tour_list .swiper_bottom						{ right:20px; bottom:0; }
	[data-main="tour"] .tour_list .swiper_bottom .control				{ width:35px; height:200px; }
	
	[data-main="quick"]													{ gap:10px; }
	[data-main="quick"] .btn_quick										{ width:calc((100% / 9) * 1 - 10px) }
	[data-main="quick"] .btn_quick .txt									{ font-size:1em; }
	[data-main="quick"] .quick_list										{ width:calc((100% / 9) * 8); }
	[data-main="quick"] .quick_list .swiper-slide  strong,
	[data-main="quick"] .all_wrap .list_all>li strong					{ font-size:1em; }
	[data-main="quick"] .quick_list .mySwiper							{ width:calc(100% + 10px); margin-left:-5px; margin-right:-5px; }
	[data-main="quick"] .quick_list .swiper-slide						{ width:calc(100% / 8); }
	[data-main="quick"] .quick_list .swiper-slide>a						{ width:calc(100% - 10px); margin-left:5px; margin-right:5px; }
	[data-main="quick"] .quick_list .swiper_bottom .control				{ gap:5px; padding:0; }
	[data-main="quick"] .quick_list .swiper_bottom .control button		{ width:35px; height:35px; border-radius:100%; border:1px solid var(--color-line); }
	[data-main="quick"] .quick_list .swiper_bottom .swiper_next::before,
	[data-main="quick"] .quick_list .swiper_bottom .swiper_prev::before	{ width:9px; height:9px; opacity:.64; margin-top:-.5px; }
	
	[data-main="photo"]													{ --size:765px; gap:20px; }
	[data-main="photo"] .title_wrap										{ position:initial; max-width:inherit; }
	[data-main="photo"] .photo_list										{ width:100%; display:flex; flex-direction:column; gap:10px; align-items:end; }
	[data-main="photo"] .photo_list .swiper-slide .cont					{ min-height:125px; }
	[data-main="photo"] .photo_list .swiper_bottom						{ position:initial; width:fit-content;  }
	[data-main="photo"] .link_list										{ position:absolute; right:0; top:0; width:calc(100% - 70%);  }
	[data-main="photo"] .link_list>li>a									{ flex-direction:row; height:65px; border-radius:10px; background:var(--color-light-point1); padding-right:20px; }
	[data-main="photo"] .link_list .icon								{ width:40px; background:none; border-radius:0; height:40px; padding-top:0; }
	[data-main="photo"] .link_list .icon1::before						{ background-size:auto 27px; }
	[data-main="photo"] .link_list .icon2::before						{ background-size:auto 30px; }
	
	/* section_main_right */
	.sector_right ul>li .icon											{ height:95px; }
	.sector_right ul>li													{ width:calc((100% - 20px) / 3); }
}
@media all and (max-width:1568px){
	.section_main_governor,


	.section_main_shorts											{ display:flex; flex-wrap:wrap; gap:30px; }
	.section_main_sector .sector_right								{ width:100%; }
	.sector_right ul>li												{ width:calc((100% - 70px) / 8); }
	#content														{ padding:30px 0 50px 0; }
	#content .section_main_con [data-main]							{ margin-bottom:45px; }
	#content .section_main_con										{ padding:0; }
	
	/* 검색 */
	.search_right													{ width:100%; }
	.search_right .keyword											{ width:fit-content; }
	.search_right .keyword dt										{ padding-right:85px; width:inherit }
	.search_right .keyword dt::before 								{ display:block; }
	
	/* 인포존 */
	[data-main="infozone"]											{ --sizeWidth:880px; --sizeHig:450px;}
	
	[data-main="infozone"] .infozone h2>button						{ font-size:1.167rem; }
	
	/* 축제 */
	[data-main="infozone"] .festival .mySwiper 						{ width:calc(100% + 10px); margin-left:-5px; margin-right:-5px; }
	[data-main="infozone"] .festival								{ padding:30px 30px 20px 30px; }
	[data-main="infozone"] .festival .swiper-slide>a				{ display:flex; width:calc(100% - 10px); margin-left:5px; margin-right:5px; border-radius:15px; }
	[data-main="infozone"] .festival .img							{ min-height:100%; }
	[data-main="infozone"] .festival .swiper_bottom					{ position:initial; transform:initial; }
	[data-main="infozone"] .festival .swiper_bottom .control		{ margin:0 auto; }
	
	/* 군수실 */
	.section_main_governor											{ position:relative; width:100%; flex-direction:row; --sizeWidth:880px; gap:30px; justify-content:space-between; }
	.governor_right													{ width:100%; flex-direction:row; gap:30px; justify-content:space-between;}
	.governor_right .governor_list									{ width:50%; }
	.governor_right .governor_text									{ width:var(--sizeWidth); gap:20px; }
	.governor_right .governor_text .text							{ flex-direction:column; align-items:flex-start; gap:15px; margin-top:0 }
	.governor_right .governor_text .text>li							{ width:100%; gap:5px; }
	.governor_right .governor_text .text>li .slogan					{ font-size:1.3em; }
	.governor_right .governor_text .text>li strong					{ font-size:1.5em; }
	.governor_right .governor_text .text>li:last-child				{ flex-direction:row; }
	.governor_right .governor_text::after							{ top:15px; bottom:initial; height:250%; }
	

	.section_main_governor .office_right							{ position:absolute; right:0; bottom:0; width:calc(100% - var(--sizeWidth) - 30px); }
	.governor_right .office_icon									{ flex-direction:row; }
	.office_right .sns_box											{ height:75px;  }
	.office_right .sns_box .sns_icon [data-sns]						{ width:40px; height:40px; }
	.governor_right .office_icon									{ width:calc(100% - var(--sizeWidth) - 30px); height:calc(100% - 85px); }
	.governor_right .office_icon>li>a								{ height:100%; }
	
	/* 공지사항 */
	[data-main="board"] .list_board .swiper-slide>a					{ padding:20px; min-height:250px; }
	[data-main="board"] .list_board .swiper-slide>a>p .day			{ font-size:1.03em; }
	[data-main="board"] .list_board .swiper-slide>a>p .new			{ width:16px; height:16px; font-size:.6rem; }
	[data-main="board"] .list_board .swiper-slide>a dl>dt			{ font-size:1.167em; }
	[data-main="board"] .list_board .swiper-slide>a .dep			{ left:20px; bottom:20px; }
	[data-main="board"] .swiper_bottom .control						{ height:165px; }
	
	/* 배너 */
	[data-main="banner"]>ul>li>a									{ flex-direction:row; height:100px; justify-content:flex-start; }
	[data-main="banner"]>ul>li dl									{ align-items:flex-start; }
	
	/* 관광 */
	[data-main="tour"]												{ --size:735px; padding:0 0 30px 20px; }
	[data-main="tour"]::after										{ top:5em; }
	[data-main="tour"]::before										{ height:calc(100% - (105px * 2)); top:inherit; bottom:0 }
	[data-main="tour"] .title_wrap									{ position:absolute; top:3.5em; left:0; margin-bottom:0; padding-left:0; max-width:calc(100% - (var(--size) * 1.35) - 40px);}
	[data-main="tour"] .title_wrap::before							{ top:5.3em; left:20em; }
	[data-main="tour"] .link_list									{ order:initial; width:calc(100% - var(--size) - 40px); margin-top:0; }
	[data-main="tour"] .link_list>li								{ width:calc((100% - 10px) / 2); }
	[data-main="tour"] .link_list>li>a								{ background:var(--color-white); padding:15px 20px;  }
	[data-main="tour"] .link_list>li>a::before						{ top:19px; }
	
	/* 빠른민원 */
	[data-main="quick"] .quick_list									{ width:calc((100% / 11) * 10 - 5px); }
	[data-main="quick"] .quick_list .swiper-slide					{ width:calc(100% / 10); }
	[data-main="quick"] .btn_quick									{ width:calc((100% / 12) * 1); }
	
	/* 쇼츠 */
	.section_main_shorts											{ flex-direction:row; gap:30px; --sizeWidth:419px; justify-content:space-between;  }
	.popupzone_right												{ width:var(--sizeWidth); padding:25px 30px 0 30px; }

	.popupzone_right h3												{ font-size:1.55em; }
	.popupzone_right .swiper_bottom									{ right:30px; top:27px; }
	.popupzone_right .popupzone_list								{ height:100%; }
	.popupzone_right .popupzone_list .img							{ min-height:100%; }
	.popupzone_right .mySwiper 										{ height:100%; }
	.shorts_right .shorts_list .swiper-slide						{ width:20%; }
	.shorts_right													{ width:calc(100% - var(--sizeWidth) - 30px); order:2 }
	.shorts_right h3												{ font-size:1.85em; font-weight:700; padding-left:30px; }
	.shorts_right h3::before										{ top:4px; width:19px; height:23px; }
	.shorts_right .shorts_list strong								{ -webkit-line-clamp:1; }
	
	/* 군정 */
	[data-main="photo"]												{ justify-content:space-between; margin-bottom:45px !important; padding:0 30px 30px 30px; }
	[data-main="photo"] .color_point								{ color:var(--color-green) !important; }	
	[data-main="photo"]::before 									{ position:absolute; width:100%; height:calc(100% - (30px * 3.75)); left:0; bottom:0; border-radius:100px 20px 20px 20px; background:var(--color-light-green); content:''; z-index:-1; }
	[data-main="photo"] .title_wrap									{ position:absolute; max-width:230px; left:inherit; right:30px; align-items:end; text-align:right; }
	[data-main="photo"] .link_list									{ position:initial; width:initial; max-width:230px; order:2; min-width:inherit; }
	[data-main="photo"] .link_list>li>a								{ flex-direction:column; height:inherit; border-radius:0; background:none; padding-right:0; }
	[data-main="photo"] .link_list .icon							{ width:100%;  height:0; padding-top:100%; border-radius:15px; background:var(--color-light-point1); }
	[data-main="photo"] .link_list .icon1::before					{ background-size:auto 39px; }
	[data-main="photo"] .link_list .icon2::before					{ background-size:auto 40px; }
	[data-main="photo"] .photo_list									{ width:calc(100% - 230px - 30px);  }
	[data-main="photo"] .photo_list .swiper_bottom					{ position:absolute; left:inherit; right:30px; }
	[data-main="photo"] .photo_list .swiper_bottom,
	[data-main="photo"] .link_list .icon,
	[data-main="photo"] .photo_list .swiper-slide>a					{ background:var(--color-white); }
	[data-main="photo"] .swiper_bottom .swiper_page .swiper-pagination-current { color:var(--color-green); }	
	[data-main="photo"] .photo_list .swiper_bottom .control a.more	{ background:var(--color-green); }
	[data-main="photo"] .link_list>li>a:hover strong,
	[data-main="photo"] .link_list>li>a:focus strong				{ color:var(--color-green); }
	[data-main="photo"] .photo_list .swiper-slide>a::before			{ border-color:var(--color-green); }
	[data-main="photo"] .photo_list .swiper-slide>a:hover .cont, 
	[data-main="photo"] .photo_list .swiper-slide>a:focus .cont		{ color:var(--color-green); }
	
	/* 분야별 정보 */
	.sector_right h3												{ font-size:1.85em; }
	.sector_right ul>li .icon										{ height:120px; }
}
@media all and (max-width:1468px){
	[data-main="infozone"]											{ --sizeWidth:822px; --sizeHig:420px; }
	
	.section_main_governor											{ --sizeWidth:822px; } 
	.governor_right .governor_list									{ width:52%; }
	.governor_right .governor_text .text>li .slogan					{ font-size:1.2em; }
	.governor_right .governor_text .text>li strong					{ font-size:1.4em; }
	

	[data-main="tour"]												{ --size:695px; }
	[data-main="tour"]::before										{ height:calc(100% - (105px * 1.65)); }
	[data-main="tour"]::after										{ top:3em; }
	[data-main="tour"] .title_wrap::before							{ top:3.3em; left:19em; }
}
@media all and (max-width:1368px){
	
	
	[data-main="tour"]												{ --size:655px; }
	[data-main="tour"]::before										{ height:calc(100% - (105px * 1.45)); }
	[data-main="tour"]::after										{ top:1.5em; }
	[data-main="tour"] .title_wrap									{ top:1.5em; }
	[data-main="tour"] .title_wrap::before							{ top:3.8em; left:17em; }
	[data-main="tour"] .tour_list .swiper-slide strong				{ padding:15px 45px 5px 0; border-radius:0 60px 0 0}
	[data-main="tour"] .tour_list .swiper-slide em					{ font-size:1.25em; }
	
	[data-main="quick"] .all_wrap .list_all>li						{ width:calc((100% - 70px) / 8)}
	.all_wrap .con_inner											{ padding:1.88em 2em 3em 2em; }
	.section_main_shorts											{ flex-wrap:inherit; }
}
@media all and (max-width:1268px){
	[data-main="infozone"]											{ --sizeWidth:714px; --sizeHig:365px; }
	[data-main="infozone"] .infozone h2>button						{ font-size:1.1rem; }
	[data-main="infozone"] .infozone .icon							{ width:27px; height:17px; }
	[data-main="infozone"] .infozone .icon::before					{ background-size:auto 17px; }

	.section_main_governor											{ --sizeWidth:714px; } 
	.governor_right													{ gap:20px; }
	.governor_right .governor_text									{ gap:10px;  }
	.governor_right .governor_text .text							{ gap:10px;  }
	.governor_right .governor_icon									{ flex-wrap:wrap; }
	.governor_right .governor_icon>li								{ width:50%; }
	.governor_right .governor_icon>li>a								{ gap:7px; }
	.governor_right .governor_icon>li .icon							{ width:35px; height:29px; }
	.governor_right .governor_icon>li:last-child					{ width:100%; }
	.governor_right .governor_icon>li:last-child::before			{ width:90%; height:1px; left:50%; top:0; transform: translateX(-50%); }
	.governor_right .governor_icon>li:last-child>a					{ flex-direction:row}
	
	.office_right .office_icon										{ height:calc(100% - 75px); }
	.office_right .office_icon>li>a									{ height:75px; flex-direction:row }
	
	[data-main="banner"]>ul>li>a									{ flex-direction:column; height:120px; justify-content:center }
	[data-main="banner"]>ul>li dl									{ align-items:center; }
	[data-main="tour"]												{ --size:565px; gap:20px; }
	[data-main="tour"]::before										{ height:calc(100% - (105px * .9)); }
	[data-main="tour"]::after										{ top:0; width:518px; height:122px; left:8%; }
	[data-main="tour"] .title_wrap									{ top:0; }
	[data-main="tour"] .title_wrap::before							{ top:1.5em; left:18em; }
	[data-main="tour"] .link_list									{ width:calc(100% - var(--size) - 20px); }
	
	.section_main_shorts											{ --sizeWidth:359px;  }
	.shorts_right h3												{ font-size:1.55em; padding-left:25px; }
	.shorts_right h3::before										{ width:16px; height:20px; top:3px; }
	.popupzone_right												{ padding:20px 20px 0 20px; }
	.popupzone_right .swiper_bottom									{ right:20px; top:19.5px; }
	
	[data-main="photo"] .link_list									{ max-width:200px; }
	[data-main="photo"] .photo_list									{ width:calc(100% - 220px - 25px); }
	[data-main="photo"]::before										{ height:calc(100% - (30px * 3.55)); }
	
	.sector_right h3												{ font-size:1.75em; }
}
@media all and (max-width:1168px){
	#content .section_main_con [data-main]							{ margin-bottom:40px; }
	[data-main="infozone"]											{ --sizeWidth:684px; --sizeHig:350px; gap:20px; }
	[data-main="infozone"] .festival								{ padding:25px 20px 20px 20px; width:calc(100% - var(--sizeWidth) - 20px) }
	[data-main="infozone"] .festival h2								{ font-size:1.5em; }
	.section_main_governor											{ --sizeWidth:684px; gap:10px 20px; }
	.governor_right													{ margin-bottom:0 !important; }
	.governor_right .office_icon									{ width:calc(100% - var(--sizeWidth) - 20px); height:100%; }
	.section_main_governor .office_right							{ width:100%; position:inherit; right:inherit; bottom:inherit }
	.office_right .sns_box											{ gap:10px 1em; }
	.governor_right .office_icon>li									{ width:calc((100% - 10px) / 2); }
	.office_right .office_icon>li>a									{ height:70px; }
	[data-main="board"] .list_board .swiper-slide					{ width:33.333%; }
	[data-main="board"] .tab_menu>li>button, 
	[data-main="board"] .tab_menu>li>a								{ min-width:110px; height:40px; font-size:1.03em; }
	
	
	[data-main="tour"]													{ --size:505px; padding:0; justify-content:space-between; }
	[data-main="tour"]::before											{ height:calc(100% - 105px - 10px - 10em); bottom:inherit; top:10em; border-radius:20px 80px 20px 20px; }
	[data-main="tour"]::after											{ width:703px; height:166px; top:1.8em; left:30px }
	[data-main="tour"] .title_wrap										{ max-width:calc(100% - (var(--size) * 1.25) - 40px); position:relative; left:inherit; top:inherit; padding-left:30px; margin-bottom:1.75em}
	[data-main="tour"] .title_wrap::before								{ top:-6em; left:17em; }
	[data-main="tour"] .link_list										{ width:100%; order:3; margin-top:10px }
	[data-main="tour"] .link_list>li									{ width:calc((100% - 30px) / 4); }
	[data-main="tour"] .link_list>li>a									{ height:105px; padding:15px 20px; background:var(--color-nav-bg) }
	[data-main="tour"] .link_list>li>a::before							{ top:18px; right:20px; }
	[data-main="tour"] .link_list dl>dt									{ font-size:1.1em; }
	[data-main="tour"] .link_list dl>dd									{ font-size:.9em; }
	[data-main="tour"] .tour_list 										{ position:relative; padding-right:75px; }
	[data-main="tour"] .tour_list .swiper-slide .num					{ font-size:1em; }
	[data-main="tour"] .tour_list .swiper-slide em						{ font-size:1.3em; }
	[data-main="tour"] .tour_list .swiper_bottom						{ right:20px; bottom:0; }
	[data-main="tour"] .tour_list .swiper_bottom .control				{ width:35px; height:200px; }
	
	[data-main="quick"]													{ gap:15px 10px; }
	[data-main="quick"] .btn_quick										{ width:calc((100% / 9) * 1 - 10px) }
	[data-main="quick"] .btn_quick .txt									{ font-size:1em; }
	[data-main="quick"] .quick_list										{ width:calc((100% / 9) * 8); }
	[data-main="quick"] .quick_list .swiper-slide  strong,
	[data-main="quick"] .all_wrap .list_all>li strong					{ font-size:1em; }
	[data-main="quick"] .quick_list .mySwiper							{ width:calc(100% + 10px); margin-left:-5px; margin-right:-5px; }
	[data-main="quick"] .quick_list .swiper-slide						{ width:calc(100% / 8); }
	[data-main="quick"] .quick_list .swiper-slide>a						{ width:calc(100% - 10px); margin-left:5px; margin-right:5px; }
	
	.section_main_shorts												{ flex-wrap:wrap; gap:0 }
	.shorts_right														{ width:100%; order:initial;  }
	.popupzone_right													{ position:relative; width:100%; }
	.popupzone_right .popupzone_list .mySwiper							{ width:calc(100% + 10px); margin-left:-5px; margin-right:-5px; }
	.popupzone_right .popupzone_list .swiper-slide						{ width:33.333%; }
	.popupzone_right .popupzone_list .swiper-slide>a					{ display:flex; width:calc(100% - 10px); margin-left:5px; margin-right:5px; }
	
	[data-main="photo"]													{ --size:765px; gap:20px; padding:0 20px 20px 20px; margin-bottom:40px !important }
	[data-main="photo"] .title_wrap										{ position:initial; max-width:inherit; text-align:left; align-items:flex-start }
	[data-main="photo"] .photo_list										{ width:100%; display:flex; flex-direction:column; gap:10px; align-items:end; }
	[data-main="photo"] .photo_list .swiper-slide .cont					{ min-height:125px; }
	[data-main="photo"] .photo_list .swiper_bottom						{ position:initial; width:fit-content;  }
	[data-main="photo"] .link_list										{ position:absolute; right:20px; top:0; width:calc(100% - 70%); max-width:inherit  }
	[data-main="photo"] .link_list>li>a									{ flex-direction:row; height:55px; border-radius:10px; background:var(--color-light-point1); padding-right:20px; }
	[data-main="photo"] .link_list .icon								{ width:35px; background:none; border-radius:0; height:35px; padding-top:0; }
	[data-main="photo"] .link_list .icon1::before						{ background-size:auto 25px; margin-top:2px }
	[data-main="photo"] .link_list .icon2::before						{ background-size:auto 28px; }
	
	/* section_main_right */
	.sector_right ul>li .icon											{ height:95px; }
}
@media all and (max-width:1068px){
	#content .section_main_con [data-main]								{ margin-bottom:30px; }
	.search_right .weather_wrap>li										{ font-size:.95rem; }
	.search_right .weather_wrap>li .tem									{ font-size:1.25rem; }
	.search_right .weather_wrap .dust::after							{ width:19px; height:19px; margin-top:-3px; }
	.search_right .search_wrap .searchForm .total_search				{ font-size:1rem; }
	.search_right .keyword												{ display:none; }
	
	
	[data-main="infozone"]												{ gap:35px; }
	[data-main="infozone"] .infozone									{ width:100%; height:inherit; border-radius:15px; }
	[data-main="infozone"] .infozone::before							{ border-radius:0 0 15px 15px; }
	[data-main="infozone"] .infozone h2.tab01.active>button				{ border-radius:0 15px; }
	[data-main="infozone"] .infozone h2.tab02.active>button				{ border-radius:15px 0; }
	[data-main="infozone"] .conts_tab .swiper-slide .img				{ height:0; padding-top:51.111%; }
	[data-main="infozone"] .infozone .swiper_bottom .swiper_page		{ margin-top:3px; }
	[data-main="infozone"] .conts_tab .swiper-slide .img				{ border-radius:15px; }
	
	
	[data-main="infozone"] .festival									{ width:100%; height:inherit }
	[data-main="infozone"] .festival .swiper-slide						{ width:50%; border-radius:15px;}
	[data-main="infozone"] .festival .swiper-slide>a,
	[data-main="infozone"] .festival .img								{ border-radius:10px;}
	[data-main="infozone"] .festival .swiper-slide>a					{ width:calc(100% - 15px); margin-left:7.5px; margin-right:7.5px; }
	[data-main="infozone"] .festival .swiper_bottom						{ bottom:initial; top:17px; left:inherit; right:20px; transform:inherit; }
	[data-main="infozone"] .festival .mySwiper							{ width:calc(100% + 15px); margin-left:-7.5px; margin-right:-7.5px; }

	.governor_right														{ width:100%; flex-direction:column; gap:10px; }
	.governor_right .governor_list										{ width:100%; }
	.governor_right .governor_text										{ width:100%; flex-direction:row; gap:20px; }
	.governor_right .governor_text .text>li strong br					{ display:none; }
	.governor_right .governor_text .text>li strong>em					{ margin-left:5px; }
	.governor_right .governor_text .text>li>a							{ height:38px; width:140px; }
	.governor_right .governor_icon										{ flex:auto; width:inherit; }
	.governor_right .governor_icon>li,
	.governor_right .governor_icon>li:last-child						{ width:33.333%; }
	.governor_right .governor_icon>li:last-child::before				{ width:1px; height:63%; left:0; top:50%; transform:translateY(-50%); }
	.governor_right .governor_icon>li:last-child>a						{ flex-direction:column }
	.section_main_governor .office_right								{ width:100%; }
	.governor_right .office_icon										{ height:inherit; width:100%;  }
	.governor_right .office_icon>li										{ width:calc((100% - 30px) /4) }
	.governor_right .office_icon>li>a									{ height:100%; flex-direction:column; padding:17.5px 15px; }
	.office_right .sns_box												{ height:inherit; padding:15px }
	.office_right .sns_box h3											{ font-size:1.067rem; }
	.office_right .sns_box .sns_icon [data-sns]							{ width:38px; height:38px; }
	.governor_right .office_icon>li .txt									{ font-size:.95rem; }
						
	
	[data-main="board"]													{ padding-top:0; padding-bottom:20px; }
	[data-main="board"]::before											{ top:inherit; width:calc(100% - 9em); bottom:0; height:100%; border-radius:120px 20px 20px 20px }
	[data-main="board"]::after											{ bottom:inherit; top:-25px; right:10px; }
	[data-main="board"] .title_wrap										{ flex-direction:column; gap:15px; margin-top:1em}
	[data-main="board"] .tab_menu										{ width:100%; flex-wrap:wrap; }
	[data-main="board"] .tab_menu>li									{ width:calc((100% - 50px) / 6); }
	[data-main="board"] .tab_menu>li>button, 
	[data-main="board"] .tab_menu>li>a									{ font-size:1.03rem; width:100%; border:1px solid var(--color-line) }
	[data-main="board"] .tab_menu>li.active>button, 
	[data-main="board"] .tab_menu>li.active>a, 
	[data-main="board"] .tab_menu>li>button:hover, 
	[data-main="board"] .tab_menu>li>a:hover, 
	[data-main="board"] .tab_menu>li>button:focus, 
	[data-main="board"] .tab_menu>li>a:focus							{ border-color:var(--color-point); }
	[data-main="board"] .swiper_bottom									{ top:43px; }
	[data-main="board"] .swiper_bottom .control							{ height:175px; }
	[data-main="board"] .list_board .swiper-slide>a						{ min-height:235px; gap:10px; border-radius:15px; }
	[data-main="board"] .list_board .swiper-slide>a>p .day				{ font-size:1.03rem; }
	[data-main="board"] .list_board .swiper-slide>a>p .new				{ font-size:.5rem; padding-top:.5px; padding-right:.5px }
	[data-main="board"] .list_board .swiper-slide>a dl>dt				{ font-size:1.13rem; }
	[data-main="board"] .list_board .swiper-slide>a dl>dd				{ font-size:.95rem; }
	[data-main="board"] .list_board .swiper-slide>a .dep				{ font-size:.85rem; }
	[data-main="banner"]>ul>li dl										{ gap:7px; }
	[data-main="banner"]>ul>li dl>dt									{ font-size:1.03rem; }
	[data-main="banner"]>ul>li dl>dd									{ font-size:.9rem; }
	
	[data-main="tour"]::after											{ left:0; width:100%; height:15em; top:0; }
	[data-main="tour"]::before											{ top:8em; height:calc(100% - 8em); }
	[data-main="tour"] .title_wrap										{ max-width:inherit; margin-bottom:0; width:100%; padding-left:20px }
	[data-main="tour"] .title_wrap::before								{ top:0; left:inherit; right:90px; }
	[data-main="tour"] .tour_list										{ width:100%; padding-left:20px; }
	[data-main="tour"] .tour_list .mySwiper								{ width:calc(100% + 15px); margin-left:-7.5px; margin-right:-7.5px; }
	[data-main="tour"] .tour_list .swiper-slide							{ width:50%; }
	[data-main="tour"] .tour_list .swiper-slide>a						{ display:flex; width:calc(100% - 15px); margin-left:7.5px; margin-right:7.5px; }
	[data-main="tour"] .link_list										{ padding:0 20px 20px 20px; margin-top:0 }
	[data-main="tour"] .link_list>li									{ width:calc((100% - 10px) / 2); }
	[data-main="tour"] .link_list>li>a									{ background:var(--color-white); height:100%; padding:20px }
	[data-main="tour"] .link_list>li>a::before							{ top:22px; }
	[data-main="tour"] .link_list dl>dt									{ font-size:1.13rem; }
	[data-main="tour"] .link_list dl>dd									{ font-size:.98rem; }	
	
	[data-main="quick"] .quick_list										{ width:calc((100% / 8) * 7); }
	[data-main="quick"] .quick_list .swiper-slide						{ width:calc(100% / 7)	}
	[data-main="quick"] .quick_list .swiper-slide strong, 
	[data-main="quick"] .all_wrap .list_all>li strong,
	[data-main="quick"] .btn_quick .txt									{ font-size:.98rem; }
	[data-main="quick"] .icon,
	[data-main="quick"] .btn_quick .icon								{ border-radius:10px; }
	[data-main="quick"] .btn_quick										{ width:calc((100% / 8) * 1 - 10px) }
	[data-main="quick"] .swiper_bottom									{ top:-3px; }
	[data-main="quick"] .all_wrap .list_all>li							{ width:calc((100% - 50px) / 6); }
	.all_wrap .btn_area>button											{ font-size:.95rem; }

	.all_wrap .btn_area .refresh span::before							{ width:14px; height:14px; }
	.all_wrap .btn_area .chk span::before								{ width:16px; height:16px; }
	
	.shorts_right h3													{ font-size:1.45rem; }
	.shorts_right h3::before											{ top:2px; }
	.shorts_right .swiper_bottom										{ top:-6px; }
	.shorts_right .shorts_list											{ width:calc(100% + 15px); margin-left:-7.5px; margin-right:-7.5px; }
	.shorts_right .shorts_list .swiper-slide							{ width:25%; }
	.shorts_right .shorts_list .swiper-slide>a							{ width:calc(100% - 15px); margin-left:7.5px; margin-right:7.5px; }
	.shorts_right .shorts_list strong									{ font-size:.98rem; -webkit-line-clamp:2; }
	
	.popupzone_right h3													{ font-size:1.45rem; }
	.popupzone_right .popupzone_list .swiper-slide>a					{ width:calc(100% - 15px); margin-left:7.5px; margin-right:7.5px; }
	.popupzone_right .popupzone_list .mySwiper							{ width:calc(100% + 15px); margin-left:-7.5px; margin-right:-7.5px; }
	
	[data-main="photo"]													{ margin-bottom:30px !important; }
	[data-main="photo"] .link_list										{ width:calc(100% - 60%); }
	[data-main="photo"] .link_list strong								{ font-size:1rem; }
	[data-main="photo"] .photo_list .swiper-slide .cont strong			{ font-size:1.13rem; }
	[data-main="photo"] .photo_list .swiper-slide .cont .day			{ font-size:.9rem; }
	
	.sector_right ul>li .txt											{ font-size:.98rem; }
	
	.popupzone_right .all_wrap .list_all>li								{ width:calc((100% - 10px) / 2); }
	.all_wrap .list_all .img img										{ min-width:100%; object-fit: cover; -o-object-fit: cover;}
}
@media all and (max-width:1024px){
	.governor_right .governor_text .text>li>a span						{ padding-top:0; margin-top:-1px; }
}
@media all and (max-width:968px){
	.governor_right														{ width:100%; }
	.governor_right .governor_list .mySwiper							{ width:calc(100% + 15px); margin-left:-7.5px; margin-right:-7.5px; }
	.governor_right .governor_list .swiper-slide						{ width:50%; }
	.governor_right .governor_list .swiper-slide>a						{ display:flex; width:calc(100% - 15px); margin-left:7.5px; margin-right:7.5px; }
	.section_main_governor .office_right								{ width:100%; }	
	.office_right .office_icon											{ flex-direction:row; }
	.office_right .office_icon>li										{ width:calc((100% - 30px) / 4); }
	.office_right .sns_box												{ height:inherit; padding:15px; }
	
	[data-main="banner"]>ul>li											{ flex:auto; width:calc((100% - 20px) / 3); }
	[data-main="banner"]>ul>li>a										{ flex-direction:row; width:100%; height:100px; justify-content:flex-start; gap:15px; padding:0 20px;}
	[data-main="banner"]>ul>li dl										{ align-items:flex-start; }
	[data-main="banner"]>ul>li.mob										{ display:flex; }
	
	
	[data-main="tour"] .tour_list .swiper-slide strong					{ padding:10px 40px 5px 0; border-radius:0 40px 0 0; }
	[data-main="tour"] .tour_list .swiper-slide em						{ font-size:1.03rem; }
	[data-main="tour"] .tour_list .swiper-slide .num					{ font-size:.95rem; line-height:1; padding-top:1px; }
	
	
	[data-main="quick"] .quick_list										{ width:calc((100% / 7) * 6); }
	[data-main="quick"] .quick_list .swiper-slide						{ width:calc(100% / 6)	}
	[data-main="quick"] .btn_quick										{ width:calc((100% / 7) * 1 - 10px) }
	
	.popupzone_right .popupzone_list .swiper-slide						{ width:50%; }
	
	[data-main="photo"] .photo_list .swiper-slide>a,
	[data-main="photo"] .photo_list .swiper-slide .img					{ border-radius:10px; }
	
	.sector_right ul>li													{ width:calc((100% - 30px) / 4); }
	
	.all_wrap .list_all > li											{ width:100%; }
	
}
@media all and (max-width:868px){
	.search_right .search_wrap .searchForm .voice_btn					{ display:flex; width:32px; height:32px; background:var(--color-white); top:50%; right:8px; transform:translateY(-50%); }
	.search_right .search_wrap .searchForm .voice_btn::before			{ filter:none;}
	.search_right .search_wrap .searchForm .search_btn					{ right:47px; width:32px; height:32px; top:50%; transform:translateY(-50%); }
	.search_right .search_wrap .searchForm								{ padding:0 100px; }
	
	[data-main="infozone"] .infozone h2, 
	[data-main="infozone"] .infozone::before							{ height:50px; }
	[data-main="infozone"] .infozone h2.active::before					{ bottom:50px; }
	[data-main="infozone"] .infozone h2									{ width:calc(100% - 70%); }
	[data-main="infozone"] .infozone h2.active							{ width:70%; }
	[data-main="infozone"] .infozone h2>button							{ font-size:1.067rem; padding:0 20px; }
	[data-main="infozone"] .infoTab01 .swiper_bottom					{ right:calc(30% + 15px); }
	[data-main="infozone"] .infoTab02 .swiper_bottom					{ right:15px; }
	[data-main="infozone"] .infozone .swiper_bottom						{ bottom:7.5px; }
	
	[data-main="board"] .tab_menu										{ gap:5px; }
	[data-main="board"] .tab_menu>li									{ width:calc((100% - 10px) / 3); }
	[data-main="board"] .list_board .swiper-slide						{ width:50%; }
	[data-main="board"] .swiper_bottom									{ top:91px; gap:15px; }
	[data-main="board"]::after											{ top:23px; }
	
	[data-main="banner"]>ul>li>a										{ flex-direction:column; justify-content:center; height:100%; padding:15px; }
	[data-main="banner"]>ul>li dl										{ align-items:center; text-align:center; }
	[data-main="banner"]>ul>li dl>dt									{ font-size:.98rem; }
	
	.governor_right .governor_list .video::before						{ width:40px; height:40px; background-size:19px auto; }
	
	
	[data-main="tour"] .tour_list .swiper-slide							{ width:100%; }
	
	[data-main="quick"] .all_wrap .list_all>li							{ width:calc((100% - 40px) / 5); }
	
	.shorts_right .shorts_list .swiper-slide							{ width:33.333%; }
	
	[data-main="photo"] .photo_list .swiper-slide						{ width:50%; }
}
@media all and (max-width:768px){
	[data-main="banner"]>ul>li>a										{ gap:10px; }
	
	[data-main="quick"] .quick_list										{ width:calc((100% / 6) * 5); }
	[data-main="quick"] .quick_list .swiper-slide						{ width:calc(100% / 5)	}
	[data-main="quick"] .btn_quick										{ width:calc((100% / 6) * 1 - 10px) }
	
	[data-main="photo"] .link_list										{ position:initial; width:100%; }
	[data-main="photo"] .link_list>li>a									{ background:var(--color-white); }
}
@media all and (max-width:668px){
	.btn_slide_allView.open												{ min-width:30px; height:30px; }
	.section_main_con .swiper_bottom a.more								{ min-width:30px; min-height:30px; }
	
	
	[data-main="infozone"] .infozone									{ padding-bottom:50px; }
	[data-main="infozone"] .conts_tab .swiper-slide .img				{ border-radius:15px 15px 0 0;}
	[data-main="infozone"] .infozone .swiper_bottom						{ bottom:-40px; }
	[data-main="infozone"] .infozone .swiper_bottom .control			{ height:30px; }
	.btn_slide_allView.open												{ margin-left:0; }
	
	[data-main="infozone"] .infozone .swiper_bottom .swiper_page		{ margin-top:0; }
	[data-main="infozone"] .infozone h2>button							{ font-size:1.03rem; padding:0 15px; }
	[data-main="infozone"] .infoTab01 .swiper_bottom					{ right:calc(30% + 10px); }
	[data-main="infozone"] .infoTab02 .swiper_bottom					{ right:10px; }
	[data-main="infozone"] .festival .swiper_bottom .control			{ height:33px; }
	
	.governor_right .governor_list .swiper-slide						{ width:100%; }
	.governor_right .governor_text										{ flex-wrap:wrap; gap:10px;}
	.governor_right .governor_text .text								{ width:100%;  }
	.governor_right .governor_text .text>li:last-child					{ flex-direction:column; margin-top:10px; }
	.governor_right .governor_icon										{ width:100%; height:inherit; border-radius:10px; }
	.governor_right .governor_icon>li>a									{ height:85px; }
	.governor_right .swiper_bottom .control								{ height:33px; }
	
	[data-main="board"] .swiper_bottom .control							{ width:30px; height:160px; }
	[data-main="board"]::after											{ right:8.5px; }
	[data-main="board"] .tab_menu>li>button, 
	[data-main="board"] .tab_menu>li>a									{ min-width:inherit; font-size:.98rem; height:38px; }
	[data-main="board"] .list_board .swiper-slide>a>p .day				{ font-size:1rem; }
	[data-main="board"] .list_board .swiper-slide>a dl>dt				{ font-size:1.05rem; }
	[data-main="board"] .list_board .swiper-slide>a dl>dd				{ font-size:.92rem; }
	
	
	
	
	[data-main="tour"] .link_list dl>dt									{ font-size:1.067rem ;}
	[data-main="tour"] .link_list dl>dd									{ font-size:.92rem; }
	[data-main="tour"] .title_wrap::before								{ width:157px; height:66px; top:2em; right:80px; }
	[data-main="tour"]::after											{ height:8em; }
	[data-main="tour"] .tour_list .swiper_bottom .control				{ width:30px; height:175px; padding-top:14px;}
	[data-main="tour"] .tour_list .swiper_bottom .control a.more		{ margin-top:4px; }
	[data-main="tour"] .link_list>li>a									{ padding:15px; }
	[data-main="tour"] .link_list>li>a::before							{ top:17px; }
	
	
	[data-main="quick"] .quick_list										{ width:calc((100% / 5) * 4); }
	[data-main="quick"] .quick_list .swiper-slide						{ width:calc(100% / 4)	}
	[data-main="quick"] .btn_quick										{ width:calc((100% / 5) * 1 - 10px) }
	[data-main="quick"] .all_wrap .list_all>li							{ width:calc((100% - 30px) / 4); }
	[data-main="quick"] .swiper_bottom .control							{ height:33px; gap:0; padding:0 7px; }
	[data-main="quick"] .quick_list .swiper_bottom .control button		{ width:33px; height:33px; }
	[data-main="quick"] .quick_list .swiper_bottom .swiper_next::before,
	[data-main="quick"] .quick_list .swiper_bottom .swiper_prev::before	{ width:8px; height:8px; margin-left:.5px; }
	[data-main="quick"] .quick_list .swiper_bottom .swiper_next::before	{ margin-left:.5px; }
	[data-main="quick"] .quick_list .swiper-slide strong, 
	[data-main="quick"] .all_wrap .list_all>li strong, 
	[data-main="quick"] .btn_quick .txt									{ font-size:.95rem; }
	
	
	.popupzone_right .all_wrap .list_all>li								{ width:100%; }
	.popupzone_right .swiper_bottom .control							{ height:33px }
	
	[data-main="photo"] .photo_list .swiper-slide .cont strong			{ font-size:1.067rem; }
	[data-main="photo"] .link_list strong								{ font-size:.98rem; }
	[data-main="photo"] .photo_list .swiper_bottom .control				{ height:33px; }
	
	.sector_right ul>li .txt											{ font-size:.95rem; }
	.governor_right .governor_text::after								{ height:200%; }
	.shorts_right h3													{ font-size:1.35rem; }
	.shorts_right h3::before											{ top:1px; }
	.popupzone_right h3													{ font-size:1.25rem; }
	.sector_right h3													{ font-size:1.5rem; }
}
@media all and (max-width:568px){
	.search_right .search_wrap .searchForm								{ --size:50px; padding:0 90px; }
	.search_right .search_wrap .searchForm .img							{ width:52px; height:62px; }
	.search_right .search_wrap .searchForm .search_btn::before			{ background-size:auto 19px;  }
	
	
	[data-main="infozone"] .infozone									{ padding-top:50px; }
	[data-main="infozone"] .infozone h2									{ bottom:inherit; top:0; }
	[data-main="infozone"] .infozone::before							{ background:none; border-style:solid; border-width:0 1px 1px 1px; border-color:var(--color-line); }
	[data-main="infozone"] .infozone .swiper_bottom .control			{ filter:inherit; }
	[data-main="infozone"] .infoTab01 .swiper_bottom,
	[data-main="infozone"] .infoTab02 .swiper_bottom					{ right:15px; }
	[data-main="infozone"] .conts_tab .swiper-slide .img				{ border-radius:0; }
	[data-main="infozone"] .infozone::after								{ position:absolute; left:0; top:0; height:50px; background:#e0e0e0; opacity:.95; content:''; width:100%; z-index:-1; border-radius:15px 15px 0 0;}
	[data-main="infozone"] .infozone h2.tab01.active>button				{ border-radius:15px 0; justify-content:center; }
	[data-main="infozone"] .infozone h2.active::before					{ bottom:inherit; top:50px; transform:rotate(180deg);}
	[data-main="infozone"] .infozone h2.active							{ width:55%; }
	[data-main="infozone"] .infozone h2									{ width:calc(100% - 55%); }
	[data-main="infozone"] .infozone h2.tab02.active>button				{ border-radius:0 15px; justify-content:center;}
	[data-main="infozone"] .festival .swiper-slide						{ width:100%; }
	[data-main="board"]													{ padding-right:15px; padding-bottom:15px; }
	[data-main="board"]::before											{ width:calc(100% - 7em); border-radius:100px 20px 20px 20px }
	[data-main="board"] .swiper_bottom,
	[data-main="board"] .swiper_bottom .control							{ flex-direction:row; }
	[data-main="board"] .swiper_bottom									{ gap:0; position:initial; margin-top:10px;}
	[data-main="board"] .swiper_bottom .control							{ width:fit-content; height:33px; padding:0 40px 0 15px }
	[data-main="board"] .swiper_bottom .control .swiper_page			{ flex-direction:row; min-width:4em; margin-bottom:0; }
	[data-main="board"]::after											{ width:49px; height:65px; top:-22px; right:20px; }
	[data-main="board"] .swiper_bottom a.more							{ margin-left:-30px; z-index:3 }
	[data-main="banner"]>ul>li dl>dd									{ display:none }

	
	
	[data-main="tour"]::after											{ top:2em; }
	[data-main="tour"] .title_wrap										{ padding-left:15px; }
	[data-main="tour"] .tour_list										{ padding-left:15px; padding-right:15px; }
	[data-main="tour"] .link_list										{ padding:0 15px 15px 15px; }
	[data-main="tour"] .tour_list .swiper_bottom,
	[data-main="tour"] .tour_list .swiper_bottom .control				{ flex-direction:row; }
	[data-main="tour"] .tour_list .swiper_bottom						{ gap:0; position:initial; margin-top:10px;}
	[data-main="tour"] .tour_list .swiper_bottom .control				{ width:fit-content; height:33px; padding:0 0 0 15px }
	[data-main="tour"] .tour_list .swiper_bottom .control .swiper_page	{ flex-direction:row; min-width:4em; margin-bottom:0; }
	[data-main="tour"] .tour_list .swiper_bottom .control a.more		{ margin-top:0; margin-left:7px; }
	[data-main="tour"] .title_wrap::before								{ right:15px; }
	
	[data-main="quick"] .quick_list										{ width:calc((100% / 4) * 3); }
	[data-main="quick"] .quick_list .swiper-slide						{ width:calc(100% / 3)	}
	[data-main="quick"] .btn_quick										{ width:calc((100% / 4) * 1 - 10px) }
	[data-main="quick"] .all_wrap .list_all>li							{ width:calc((100% - 20px) / 3); }
	
	.shorts_right .shorts_list .swiper-slide							{ width:50%; }
	
	.popupzone_right													{ padding:20px 15px 0 15px; }
	.popupzone_right .popupzone_list .swiper-slide						{ width:100%; }
	.governor_right .governor_text::after								{ height:150%; }
	[data-main="photo"]													{ padding:0 15px 15px 15px; }
	[data-main="photo"] .photo_list .swiper-slide .cont strong			{ font-size:1.03rem; }
	[data-main="photo"] .photo_list .swiper-slide .cont					{ padding:15px; min-height: 105px;}
}
@media all and (max-width:468px){
	#content															{ padding:20px 0 35px 0; }
	.search_right .search_wrap .searchForm .total_search::placeholder	{ background-size:80% auto; }
	#content .section_main_con [data-main]								{ margin-bottom:25px; }
	[data-main="photo"]													{ margin-bottom:25px !important;}
	[data-main="infozone"]												{ gap:25px; }
	[data-main="infozone"] .infozone .icon								{ width:25px; height:15px; }
	[data-main="infozone"] .infozone .icon::before						{ background-size: auto 15px; }
	[data-main="infozone"] .infozone h2, 
	[data-main="infozone"] .infozone::before							{ height:45px; }
	[data-main="infozone"] .infozone									{ padding-top:45px; padding-bottom:45px; }
	[data-main="infozone"] .infozone .swiper_bottom						{ bottom:-37px; }
	[data-main="infozone"] .infozone h2.active::before					{ top:45px; }
	
	.governor_right .governor_text										{ padding:30px 0 30px 20px; }
	.governor_right .governor_text .text>li strong br					{ display:block; }
	.governor_right .governor_text .text>li strong>em					{ margin-left:0; }
	.governor_right .governor_text .text>li>a span						{ padding-top:0; }
	.governor_right .office_icon>li										{ width:calc((100% - 10px) / 2); }			
	.governor_right .office_icon>li>a									{ flex-direction:row; }	
	

	.governor_right .governor_text::after								{ height:120%; }
	
	[data-main="board"] .list_board .swiper-slide						{ width:100%; }
	[data-main="board"] .list_board .swiper-slide>a						{ min-height:200px; padding:17px; }
	[data-main="board"] .list_board .swiper-slide>a dl>dt				{ -webkit-line-clamp:1; }
	[data-main="board"] .list_board .swiper-slide>a dl>dd				{ -webkit-line-clamp:2; }
	[data-main="board"] .list_board .swiper-slide>a .dep				{ left:17px; bottom:17px; }
	
	[data-main="tour"] .link_list>li									{ width:100%; }
	[data-main="quick"] .quick_list										{ width:100%; }
	[data-main="quick"] .btn_quick.open									{ flex-direction:row; border:1.5px dashed var(--color-point); border-radius:10px; width:100%; padding:10px; justify-content:center; }
	[data-main="quick"] .btn_quick.open .icon							{ width:25px; height:24px; padding-top:0; border:none; border-radius:0; }
	[data-main="quick"] .btn_quick.open  .icon::before					{ background-size:contain; }
	[data-main="photo"] .photo_list .swiper-slide						{ width:100%; }
	[data-main="photo"]													{ gap:15px; }
	.sector_right ul													{ gap:15px 10px; }
	.sector_right ul>li													{ width:calc((100% - 10px) / 2); }
	.sector_right ul>li .icon											{ height:90px; }	
}
@media all and (max-width:414px){
	[data-main="banner"]>ul>li											{ width:calc((100% - 10px) / 2); }
}
@media all and (max-width:368px){
	#content .section_main_con [data-main]								{ margin-bottom:20px; }
	[data-main="photo"]													{ margin-bottom:20px !important;}
	.search_right .search_wrap .searchForm								{ padding:0 75px 0 55px; }
	
	
	.search_right .search_wrap .searchForm .img							{ width:40px; height:50px; }
	.search_right .search_wrap .searchForm .voice_btn					{ width:30px; height:30px; }
	.search_right .search_wrap .searchForm .search_btn					{ right:42px; width:30px; height:30px;  }
	
	[data-main="infozone"]												{ gap:20px; }
	[data-main="infozone"] .festival									{ padding:20px 20px 10px 20px; margin-bottom:10px; gap:10px }
	[data-main="infozone"] .festival .swiper-slide						{ width:100%; }

	.governor_right .governor_text .text>li								{ width:fit-content; }
	.governor_right .governor_text .text>li>a							{ height:36px; }
	.governor_right .governor_icon>li .txt								{ font-size:.9rem; }
	.office_right .sns_box .sns_icon [data-sns]							{ width:32px; height:32px; }
	.governor_right .governor_text .text>li .slogan						{ font-size:1.1em; }
	.governor_right .governor_text .text>li strong						{ font-size:1.3em; }
	
	
	[data-main="board"]													{ padding-left:15px; }
	[data-main="board"] .title											{ margin-bottom:15px; }
	[data-main="board"] .tab_menu>li>button, 
	[data-main="board"] .tab_menu>li>a									{ font-size:.92rem; height:36px; }
	[data-main="board"] .tab_menu>li>a[target='_blank']::after			{ width:11px; height:11px; margin-left:4px; margin-top:-.5px; }
	[data-main="board"]::before											{ width:100%; height:calc(100% - 35px) }
	[data-main="board"]::after											{ top:-7px; }
	
	.popupzone_right													{ margin-bottom:35px !important; }
	.popupzone_right .popupzone_list									{ margin-top:0; }
	.popupzone_right .swiper_bottom										{ right:inherit; top:inherit; left:50%; bottom:-17.5px; transform: translateX(-50%); }
	.popupzone_right .swiper_bottom	.btn_slide_allView.open				{ margin-left:4px; }	
	.popupzone_right h3													{ line-height:1; }	
	
	.all_wrap .con_inner												{ padding:1.5em 1.5em 2em 1.5em; }	
	.all_wrap .con_inner .title_box										{ font-size:1.5em; margin-bottom:1rem }	
	.all_wrap .btn_slide_allView,
	[data-main="quick"] .btn_quick.close								{ width:40px; height:40px; bottom:-20px; }
	.all_wrap .btn_slide_allView::before,
	[data-main="quick"] .btn_quick.close::before						{ background-size:13px auto; }
	[data-main="quick"] .all_wrap .list_all>li							{ width:calc((100% - 10px) / 2); padding-top:10px; }
	[data-main="quick"] .check_label::before							{ width:26px; height:26px; }
	[data-main="quick"] .check_label::after								{ width:12px; height:8px; right:7px; top:7px; }
	.all_wrap .btn_area>button span										{ height:38px; padding:0 15px; }
	.all_wrap .btn_area>button											{ font-size:.9rem; }
	
	[data-main="tour"] .title_wrap::before								{ width:130px; height:54px; top:3em; right:25px; }
	.governor_right .governor_text::after								{ height:100%; }
}
@media all and (max-width:320px){
	[data-main="infozone"] .infozone h2>button							{ font-size:1rem; gap:5px;}
	.governor_right .governor_text .text>li strong						{ font-size:1rem; letter-spacing:-.065em; }
	.governor_right .governor_icon>li									{ width:50%; }
	.governor_right .governor_icon>li:last-child						{ width:100%; }
	.governor_right .governor_icon>li:last-child>a						{ flex-direction:row }
	.governor_right .governor_icon>li:last-child::before				{ width:90%; height:1px; left:50%; top:0; transform:translateX(-50%); }
	.governor_right .governor_text .text>li .slogan						{ font-size:1.067em; }
	.governor_right .governor_text .text>li strong						{ font-size:1.267em; }
	.governor_right .governor_text::after								{ height:95%; top:inherit; bottom:0 }
	
	.office_right .office_icon>li>a										{ flex-direction:column; }
	.office_right .sns_box h3											{ font-size:1rem; letter-spacing:-.065em }
	.office_right .sns_box												{ padding:15px 12px; }
	.office_right .sns_box .sns_icon [data-sns]							{ width:30px; height:30px; }
	[data-main="board"] .tab_menu>li									{ width:calc((100% - 5px) / 2) }
	[data-main="banner"]>ul												{ gap:5px; }
	[data-main="banner"]>ul>li											{ width:calc((100% - 5px) / 2); }
	[data-main="banner"]>ul>li dl>dt									{ font-size:.92rem; }
	[data-main="banner"]>ul>li>a										{ padding:15px 10px; }
	[data-main="tour"] .tour_list .swiper-slide strong					{ gap:7px; padding:7px 30px 2px 0; border-radius:0 30px 0 0 }
	[data-main="tour"] .tour_list .swiper-slide .num					{ width:25px; height:25px; font-size:.85rem; }
	[data-main="tour"] .tour_list .swiper-slide em						{ font-size:1rem; }
	[data-main="quick"] .swiper_bottom									{ top:-6px; }
	[data-main="quick"] .quick_list .swiper-slide						{ width:50%; }
	.all_wrap .btn_area>button											{ min-width:105px; }
	[data-main="photo"] .link_list>li>a									{ flex-direction:column; padding:0; height:75px; }
	[data-main="photo"] .link_list .icon								{ width:100%; }
	[data-main="photo"] .link_list strong								{ font-size:.92rem; }
	
	.governor_right .office_icon>li .icon								{ width:30px; height:31px; }
	.governor_right .office_icon>li .icon1::before						{ background-size:auto 27px }
	.governor_right .office_icon>li .icon2::before						{ background-size:auto 31px}
	.governor_right .office_icon>li .icon3::before						{ background-size:auto 22px}
	.governor_right .office_icon>li .icon4::before						{ background-size:auto 28px}	
}
@media all and (min-width:1921px){
	[data-main="photo"] .photo_list .swiper-slide .cont					{ min-height:130px; }
	.sector_right ul>li													{ width:calc((100% - 30px) / 4); }
	.shorts_right .shorts_list .img										{ padding-top:155.1%; }
	.popupzone_right .popupzone_list .img								{ padding-top:62.714%; }
	.governor_right .governor_list .video, 
	.governor_right .governor_list .img									{ padding-top:61%; }
}