@charset "utf-8";
/*
 * main.css
 */

:root{
	
}




/* 공통 */
[data-main]																	{ margin-bottom:3.75em; }
@media all and (max-width:1268px){
	[data-main]																{ margin-bottom:2.75em; }
}
[data-main] img[src*="thumb_list_none"] { background-color:rgba(255,255,255,.6)}


/* 버튼 */
[data-main] .close															{ display:flex; justify-content:center; align-items:center; position:absolute; left:50%; bottom:calc((45px / 2) * -1); width:45px; height:45px; 
																				box-sizing:border-box; background-color:var(--color-point); border-radius:100%; transform:translateX(-50%); transition:var(--trans-ani);}
[data-main] .close::before													{ position:absolute; width:1px; height:45%; background:var(--color-white); content:''; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); }
[data-main] .close::after													{ position:absolute; width:1px; height:45%; background:var(--color-white); content:''; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-45deg); }
[data-main] .close:hover,
[data-main] .close:focus													{ transform:translateX(-50%) rotate(180deg); }
.link_readmore																{ display:flex; justify-content:center; align-items:center; position:relative; width:40px; height:40px; border:1px solid rgba(0,0,0,.1); border-radius:100%; 
																				background-color:var(--color-white); }
.link_readmore::before														{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/resource/www/images/main/icon_readmore.svg) no-repeat 50% 50% / 15px 9px; opacity:.54; }
.link_allview																{ position:relative; display:flex; width:40px; height:40px; border:1px solid rgba(0,0,0,.1); border-radius:100%; background-color:var(--color-white); transition:var(--trans-ani);
																				overflow:hidden } 
.link_allview::before														{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/resource/www/images/main/icon_allview.svg) no-repeat 50% 50% / 15px 9px; opacity:.54; }
.link_allview:hover,
.link_allview:focus															{ transform:rotate(180deg); border-color:var(--color-point); background:var(--color-point) }
.link_allview:hover::before,
.link_allview:focus::before													{ filter:invert(1); opacity:1;}
.link_moreview																{ position:absolute; display:flex; width:86px; height:86px;  }
.link_moreview::before														{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/resource/www/images/main/icon_moreview.svg) no-repeat 50% 50% / contain; 
																				animation:degShow 15s linear infinite; transition:var(--trans-ani); }
.link_moreview::after														{ position:absolute; width:40px; height:40px; left:50%; top:50%; content:''; background:url(/resource/www/images/main/icon_allview_w.svg) no-repeat 50% 50% / 11px var(--color-point);
																				border-radius:100%; transform:translate(-50%, -50%); }
@media all and (max-width:1024px){
	[data-main] .close														{ width:40px; height:40px; bottom:calc((40px / 2) * -1);}
	.link_readmore,
	.link_allview															{ width:34px; height:34px; }
	.link_readmore::before,
	.link_allview															{ background-size:13px 7px; }
	.link_moreview															{ width:66px; height:66px; }
	.link_moreview::after													{ width:30px; height:30px; background-size:9px; }
}

/* 메인 공통 컨트롤 */
[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 }
[data-main] .swiper_bottom .control button									{ flex:none; position:relative; width:30px; height:30px; padding:0px; margin:0 3px; }
[data-main] .swiper_bottom .control button::before							{ display:block; position:absolute; top:50%; left:50%; content:''; background-repeat:no-repeat;  }													
[data-main] .swiper_bottom .control .open::before							{ width:16px; height:16px; background:url(/resource/www/images/main/icon_alllayer.svg) no-repeat 50% 50% / 100%; opacity:.64;  transform:translate(-50%, -50%); } 
[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:9px; height:12px; background-image:url(/resource/www/images/common/icon_stop.svg); background-size:contain; transform:translate(-50%, -50%) }
[data-main] .swiper_bottom .swiper_auto.paused::before						{ width:9px; 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;  
																				margin-top:1.5px;  }
[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:-2px }
[data-main] .swiper_bottom .swiper_page i::after							{ display:none; }
[data-main] .swiper_bottom .swiper_page .swiper-pagination-current			{ color:var(--color-point); }
[data-main] .swiper_bottom .control.bg										{ background:var(--color-light-gray); border-radius:25px; height:40px; padding:0 25px; }
[data-main] .swiper_bottom:has(.control.bg) .link_allview					{ margin-left:-16px; z-index:3 }
[data-main] .swiper_bottom .control.bg:not(:has(.link_allview))				{ padding:0 12px 0 22px; }
[data-main] .swiper_bottom.pbw												{ position:absolute; left:50%; bottom:0; height:45px; transform:translateX(-50%); z-index:2; display:flex; align-items:center; justify-content:center; padding:0 17.5px; 
																				background:url(/resource/www/images/main/bg_left.png) no-repeat left bottom / 18px, url(/resource/www/images/main/bg_right.png) no-repeat right bottom / 18px;}
[data-main] .swiper_bottom.pbw .control										{ height:100%; border-radius:20px 20px 0 0; background:var(--color-white); padding:0 45px }
@media all and (max-width:1024px){
	[data-main] .swiper_bottom.pbw											{ height:40px; }
	[data-main] .swiper_bottom.pbw .control									{ padding:0 40px; border-radius:15px 15px 0 0;}
	[data-main] .swiper_bottom .control.bg									{ height:36px; }
	
}
@media all and (max-width:768px){	
	[data-main] .swiper_bottom .control button								{ width:25px; height:25px; }
	[data-main] .swiper_bottom .swiper_next::before,
	[data-main] .swiper_bottom .swiper_prev::before							{ width:8px; height:8px; }
	[data-main] .swiper_bottom .swiper_auto::before							{ width:8px; height:10px; }
	[data-main] .swiper_bottom .control .open::before						{ width:14px; height:14px; }
	[data-main] .swiper_bottom .swiper_page									{ font-size:14px; margin-top:0; }
	[data-main] .swiper_bottom.pbw											{ height:38px; padding:0 17px; }
	[data-main] .swiper_bottom.pbw .control									{ padding:0 30px; border-radius:12px 12px 0 0;}
}																				
@media all and (max-width:468px){	
	[data-main] .swiper_bottom.pbw .control									{ padding:0 18px 0 22px; border-radius:10px 10px 0 0; }
}

/* 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; }



/* 타이틀 */
.area_title														{ display:flex; align-items:center; }
.title															{ font-size:2.25em; font-family:var(--font-tenada); line-height:1.2; display:flex; flex-wrap:wrap; gap:2px 0; align-items:anchor-center; margin-bottom:.28em;}
.title.sm														{ font-size:1.75em; color:var(--color-white);line-height:1 }
.title.med														{ font-size:2.13em; color:var(--color-white);line-height:1 }
.title .sub_txt													{ font-family:var(--font-pretendard); font-size:1.09rem; opacity:.74; margin-top:-2px; margin-left:7px;  }
@media all and (max-width:1024px){
	.title														{ font-size:2.15em; }
	.title.sm													{ font-size:1.65em; }
	.title.med													{ font-size:2.03em; }
	.title .sub_txt												{ font-size:1.03rem; }
}
@media all and (max-width:668px){
	.title														{ font-size:2.05em; }
	.title.sm													{ font-size:1.55em; }
	.title.med													{ font-size:1.93em; }
	.title .sub_txt												{ font-size:.93rem; }
}
@media all and (max-width:468px){
	.title														{ margin-bottom:.5em; }
	.title .sub_txt												{ width:100%; margin-left:0; margin-top:0;  }
}

/* 배너모두보기 */
.area_all														{ opacity:0; visibility:hidden; position:fixed; top:0px; left:0px; z-index:92; width:100%; height:100%; background:rgba(0,0,0,0.7); transition:0.5s easae 0s; 
																	transition-property:opacity, visibility;}
.area_all.active												{ opacity:1; visibility:visible; }
.area_all .inr													{ 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%); }
.area_all .inr .title_box										{ display:flex; border-radius:3em; padding:1.88rem 1.25rem 1.56rem 1.25rem; background:var(--color-point); font-size:1.8em; margin-top:-4.5rem; margin-bottom:2rem; color:var(--color-white); 
																	font-family:var(--font-tenada); font-weight:inherit; line-height:1.2; align-items:center; justify-content:center; text-align:center }
.area_all .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}
.area_all .list_all > li										{ width:calc((100% - 10px) / 2); }
.area_all .list_all > li a										{ position:relative; display:block; text-align:center; }
.area_all .list_all .img										{ display:block; width:100%; }
.area_all .list_all > li a:focus								{ outline-offset:-2px; }
.area_all .btn_slide_allView									{ opacity:1; position:absolute; top:0; right:0px; min-width:inherit; width:60px; height:60px; padding:0px; background-color:var(--color-point); border:0px;
   																	 border-radius:100%;}
.area_all .btn_slide_allView::before							{ display:block; width:20px; height:20px; margin:0 auto; background:url(/resource/common/images/common/icon_close.svg) no-repeat 50% 50% / 20px auto;
    																transition:var(--trans-ani); transition-property:transform; content:'';}
.area_all .btn_slide_allView:hover::before,
.area_all .btn_slide_allView:focus::before						{ transform:rotate(90deg);}

.area_all .list_all::-webkit-scrollbar 							{ -webkit-appearance:none; width:5px;} 
.area_all .list_all::-webkit-scrollbar-thumb 					{ background-color:var(--color-point); border-radius:5px; } 
.area_all .list_all::-webkit-scrollbar-track 					{ border-radius:5px; background-color:rgba(0,0,0,.2); }


@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;}	
}

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

 							검색 
 
*******************************************************************/
.search_quick_wrap																{ width:98%; max-width:1860px; border-radius:1.25em; background:url(/resource/www/images/main/bg_search.png) no-repeat 50% 50% / auto 100% var(--color-light-blue); margin-left:auto; 
																					margin-right:auto; padding-top:3.13em; position:relative; }
.search_quick_wrap .search														{ position:relative;  display:flex; flex-wrap:wrap; align-items:center; margin-bottom:1.88em;}

/* 자주찾는 서비스 */
[data-main="service"]															{ position:relative; width:96%; max-width:calc(1600px + (18px * 2)) !important; padding:1.88em 3em .63em 3em; 
																					background:url(/resource/www/images/main/bg_left.png) no-repeat left bottom / 18px, url(/resource/www/images/main/bg_right.png) no-repeat right bottom / 18px; }
[data-main="service"]::before													{ position:absolute; width:calc(100% - (17px * 2)); left:50%; top:0; height:100%; border-radius:20px 20px 0 0; background:var(--color-white); content:''; 
																					transform:translateX(-50%);}
[data-main="service"] .swiper													{ width:calc(100% - 3.75em); margin:0; }
[data-main="service"] .swiper-slide												{ width:calc(100% / 8); }		
[data-main="service"] .swiper-slide>a,
[data-main="service"] .list_all>li>a											{ display:flex; flex-flow:column; gap:10px; padding:0 .5em; align-items:center; }
[data-main="service"] .swiper-slide strong,
[data-main="service"] .list_all>li strong										{ display:flex; font-size:1.13em; font-weight:500; color:var(--color-base); transition:var(--trans-ani);}
[data-main="service"] .swiper-slide .icon,
[data-main="service"] .list_all .icon											{ display:flex; position:relative; width:100%; height:100px; border-radius:.94em; background:#f5f5f5; }
[data-main="service"] .swiper-slide .icon::before,
[data-main="service"] .list_all .icon::before									{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background-position:50%; background-repeat:no-repeat; background-size:contain}

[data-main="service"] .control													{ z-index:2 }
[data-main="service"] .control .btn_service										{ display:flex; align-items:center; justify-content:center; width:32px; writing-mode: vertical-lr; padding:1.25em 0; border-radius:25px; background:var(--color-point); 
																					color:var(--color-white); gap:5px; font-size:.88rem; font-weight:500; letter-spacing:-.065em }
[data-main="service"] .control .btn_service::before								{ display:flex; width:12px; height:12px; content:''; background:url(/resource/www/images/main/icon_alllayer.svg) no-repeat 50% 50% / contain; filter:invert(1); }
[data-main="service"] .control .btn_service	span								{ display:flex; word-break:break-all; }
[data-main="service"] .control .swiper_prev,
[data-main="service"] .control .swiper_next										{ width:32px; height:32px; border-radius:100%; border:1px solid rgba(0,0,0,.1); display:flex; position:absolute; top:calc(50% - 16px); background:var(--color-white); 
																					transform:translateY(-50%); }
[data-main="service"] .control .swiper_prev										{ left:20px; }
[data-main="service"] .control .swiper_next										{ right:100px; }
[data-main="service"] .control .swiper_prev::before,
[data-main="service"] .control .swiper_next::before								{ position:absolute; width:7px; height:7px; border-style:solid; border-width:1.5px 1.5px 0 0; border-color:rgba(0,0,0,.84); left:50%; top:50%; 
																					transform:translate(-50%, -50%) rotate(45deg); content:''; z-index:2; }
[data-main="service"] .control .swiper_prev::before								{ transform:translate(-50%, -50%) rotate(-135deg); }
[data-main="service"] .control .swiper-button-disabled							{ display:none;}

/* 효과 */
[data-main="service"] .swiper-slide>a:hover .icon::before,
[data-main="service"] .swiper-slide>a:focus .icon::before,
[data-main="service"] .list_all>li>a:hover .icon::before,
[data-main="service"] .list_all>li>a:focus .icon::before						{ animation:iconShow 0.7s ease-in-out 1 forwards; }
[data-main="service"] .swiper-slide>a:hover strong,
[data-main="service"] .swiper-slide>a:focus strong,
[data-main="service"] .list_all>li>a:hover strong,
[data-main="service"] .list_all>li>a:focus strong								{ color:var(--color-point); }
[data-main="service"] .swiper-slide>a:focus,
[data-main="service"] .list_all>li>a:focus										{ outline-offset:-2px; }

/* 모아보기 */
[data-main="service"] .list_all												{ gap:15px 10px }
[data-main="service"] .list_all>li											{ flex:auto; width:calc((100% - 60px) / 7); }
[data-main="service"] .list_all>li>a										{ padding:0; }
[data-main="service"] .inr h3												{ font-size:1.88em; color:var(--color-point); line-height:1; font-family:var(--font-tenada); margin-bottom:1em; margin-top:.5em; text-align:center; padding-bottom:.5em; 
																				border-bottom:1px solid rgba(0,0,0,.1);}


/* 아이콘 */
[data-main="service"] .swiper-slide .icon1::before,
[data-main="service"] .list_all	.icon1::before									{ background-image:url(/resource/www/images/main/icon_service01.svg); }
[data-main="service"] .swiper-slide .icon2::before,
[data-main="service"] .list_all	.icon2::before									{ background-image:url(/resource/www/images/main/icon_service02.svg); }
[data-main="service"] .swiper-slide .icon3::before,
[data-main="service"] .list_all	.icon3::before									{ background-image:url(/resource/www/images/main/icon_service03.svg); }
[data-main="service"] .swiper-slide .icon4::before,
[data-main="service"] .list_all	.icon4::before									{ background-image:url(/resource/www/images/main/icon_service04.svg); }
[data-main="service"] .swiper-slide .icon5::before,
[data-main="service"] .list_all	.icon5::before									{ background-image:url(/resource/www/images/main/icon_service05.svg); }
[data-main="service"] .swiper-slide .icon6::before,
[data-main="service"] .list_all	.icon6::before									{ background-image:url(/resource/www/images/main/icon_service06.svg); }
[data-main="service"] .swiper-slide .icon7::before,
[data-main="service"] .list_all	.icon7::before									{ background-image:url(/resource/www/images/main/icon_service07.svg); }
[data-main="service"] .swiper-slide .icon8::before,
[data-main="service"] .list_all	.icon8::before									{ background-image:url(/resource/www/images/main/icon_service08.svg); }
[data-main="service"] .swiper-slide .icon9::before,
[data-main="service"] .list_all	.icon9::before									{ background-image:url(/resource/www/images/main/icon_service09.svg); }
[data-main="service"] .swiper-slide .icon10::before,
[data-main="service"] .list_all	.icon10::before									{ background-image:url(/resource/www/images/main/icon_service10.svg); }
[data-main="service"] .swiper-slide .icon11::before,
[data-main="service"] .list_all	.icon11::before									{ background-image:url(/resource/www/images/main/icon_service11.svg); }
[data-main="service"] .swiper-slide .icon12::before,
[data-main="service"] .list_all	.icon12::before									{ background-image:url(/resource/www/images/main/icon_service12.svg); }
[data-main="service"] .swiper-slide .icon13::before,
[data-main="service"] .list_all	.icon13::before									{ background-image:url(/resource/www/images/main/icon_service13.svg); }
[data-main="service"] .swiper-slide .icon14::before,
[data-main="service"] .list_all	.icon14::before									{ background-image:url(/resource/www/images/main/icon_service14.svg); }
[data-main="service"] .swiper-slide .icon15::before,
[data-main="service"] .list_all	.icon15::before									{ background-image:url(/resource/www/images/main/icon_service15.svg); }
[data-main="service"] .swiper-slide .icon16::before,
[data-main="service"] .list_all	.icon16::before									{ background-image:url(/resource/www/images/main/icon_service16.svg); }
[data-main="service"] .swiper-slide .icon17::before,
[data-main="service"] .list_all	.icon17::before									{ background-image:url(/resource/www/images/main/icon_service17.svg); }
[data-main="service"] .swiper-slide .icon18::before,
[data-main="service"] .list_all	.icon18::before									{ background-image:url(/resource/www/images/main/icon_service18.svg); }
[data-main="service"] .swiper-slide .icon19::before,
[data-main="service"] .list_all	.icon19::before									{ background-image:url(/resource/www/images/main/icon_service19.svg); }
[data-main="service"] .swiper-slide .icon20::before,
[data-main="service"] .list_all	.icon20::before									{ background-image:url(/resource/www/images/main/icon_service20.svg); }
[data-main="service"] .swiper-slide .icon21::before,
[data-main="service"] .list_all	.icon21::before									{ background-image:url(/resource/www/images/main/icon_service21.svg); }
[data-main="service"] .swiper-slide .icon22::before,
[data-main="service"] .list_all	.icon22::before									{ background-image:url(/resource/www/images/main/icon_service22.svg); }
[data-main="service"] .swiper-slide .icon23::before,
[data-main="service"] .list_all	.icon23::before									{ background-image:url(/resource/www/images/main/icon_service23.svg); }
[data-main="service"] .swiper-slide .icon24::before,
[data-main="service"] .list_all	.icon24::before									{ background-image:url(/resource/www/images/main/icon_service24.svg); }
[data-main="service"] .swiper-slide .icon25::before,
[data-main="service"] .list_all	.icon25::before									{ background-image:url(/resource/www/images/main/icon_service25.svg); }
[data-main="service"] .swiper-slide .icon26::before,
[data-main="service"] .list_all	.icon26::before									{ background-image:url(/resource/www/images/main/icon_service26.svg); }
[data-main="service"] .swiper-slide .icon27::before,
[data-main="service"] .list_all	.icon27::before									{ background-image:url(/resource/www/images/main/icon_service27.svg); }

@media screen and (max-width:1568px){
	[data-main="service"]													{ padding:1.88em 2.5em .63em 1.88em; }
	[data-main="service"] .swiper-slide strong, 
	[data-main="service"] .list_all>li strong								{ font-size:1.1em; }
}
@media screen and (max-width:1468px){
	[data-main="service"]													{ padding:1.5em 2.5em .63em 1.5em; }
	[data-main="service"] .swiper											{ width:calc(100% - 3em); }
	[data-main="service"] .swiper-slide strong, 
	[data-main="service"] .list_all>li strong								{ font-size:1.067em; }
}
@media screen and (max-width:1368px){
	[data-main="service"]													{ padding:1em 2em .63em 1.5em; }
	[data-main="service"] .swiper											{ width:calc(100% - 2.5em); }
	[data-main="service"] .swiper-slide strong, 
	[data-main="service"] .list_all>li strong								{ font-size:1.03em; }
	[data-main="service"] .control .btn_service								{ font-size:.85rem; padding:1em 0 }
}
@media screen and (max-width:1268px){
	[data-main="service"] .swiper-slide strong,
	[data-main="service"] .list_all>li strong								{ font-size:1rem; }
}
@media screen and (max-width:1168px){
	[data-main="service"] 													{ padding:1em 2em .63em 1.75em}
	[data-main="service"] .swiper											{ width:calc(100% - 3.5em) }
	[data-main="service"] .swiper-slide										{ width:calc(100% / 7); }
	[data-main="service"] .control .swiper_next								{ right:5em; }
}
@media screen and (max-width:1068px){
	[data-main="service"] .swiper-slide										{ width:calc(100% / 6); }
	
	/* 모아보기 */
	[data-main="service"] .list_all>li										{ width:calc((100% - 50px) / 6) }
}
@media screen and (max-width:1024px){
	.search_quick_wrap														{ padding-top:2.13em }
	
}
@media screen and (max-width:968px){
		.search_quick_wrap														{ width:94%; }
	[data-main="service"] .swiper-slide										{ width:calc(100% / 5); }
	[data-main="service"] .swiper-slide strong,
	[data-main="service"] .list_all>li strong								{ font-size:.95rem; }
	
	/* 모아보기 */
	[data-main="service"] .list_all>li										{ width:calc((100% - 40px) / 5) }
	[data-main="service"] .inr h3											{ font-size:1.68em; }
}
@media screen and (max-width:868px){
	[data-main="service"] .swiper-slide										{ width:calc(100% / 4); }
	
	/* 모아보기 */
	[data-main="service"] .list_all>li										{ width:calc((100% - 30px) / 4) }
}
@media screen and (max-width:668px){
	
	[data-main="service"] .swiper-slide										{ width:calc(100% / 3); }
	[data-main="service"] .swiper-slide .icon, 
	[data-main="service"] .list_all .icon									{ height:90px; }
	
	/* 모아보기 */
	[data-main="service"] .list_all>li										{ width:calc((100% - 20px) / 3) }
}
@media screen and (max-width:568px){
	.search_quick_wrap														{ padding-top:1.5em }
	[data-main="service"]													{ padding:1em 1.5em .63em 1.5em; }
	[data-main="service"] .swiper-slide										{ width:calc(100% / 2); }
	[data-main="service"] .swiper											{ width:100%; }
	[data-main="service"] .control											{ width:100%; }
	[data-main="service"] .control .swiper_prev, 
	[data-main="service"] .control .swiper_next								{ width:30px; height:30px; top:calc(50% - 2.5em); }
	[data-main="service"] .control .swiper_next								{ right:0; }
	[data-main="service"] .control .swiper_prev								{ left:0; }
	[data-main="service"] .control .btn_service								{ writing-mode:inherit; width:auto; padding:0 15px; height:32px; margin:10px auto 0 auto } 
	
	/* 모아보기 */
	[data-main="service"] .list_all>li										{ width:calc((100% - 10px) / 2) }
}
@media screen and (max-width:320px){

	[data-main="service"] .swiper-slide .icon, 
	[data-main="service"] .list_all .icon									{ height:80px; }
	[data-main="service"] .swiper-slide .icon::before, 
	[data-main="service"] .list_all .icon::before							{ background-size:auto 35px; }
	[data-main="service"] .swiper-slide strong, 
	[data-main="service"] .list_all>li strong								{ font-size:.85rem; }
	[data-main="service"] .swiper-slide>a, 
	[data-main="service"] .list_all>li>a									{ gap:5px; }
}
/*******************************************************************

 							주요소식 
 
*******************************************************************/
.section_main_top																{ --sizeHig:520px; --sizeWidth:940px; }
/* 인포존 */
[data-main="infozone"]															{  width:var(--sizeWidth); position:relative; height:var(--sizeHig); margin-bottom:1.88em; }
[data-main="infozone"] h2														{ position:absolute; left:-15px; width:60px; height:calc(50% + (20px * 2) - 50px); writing-mode:vertical-lr; padding:20px 0; transition:var(--trans-ani); 
																					background:url(/resource/www/images/main/bg_infotab_left.png) no-repeat left top / 15px 20px, url(/resource/www/images/main/bg_infotab_right.png) no-repeat left bottom / 15px 20px;}
[data-main="infozone"] h2>button												{ display:flex; width:100%; height:100%;  border-radius:0 20px 20px 0; background:#6a6e75; align-items:center; justify-content:center; color:var(--color-white);
																				 font-size:1.19rem; font-weight:600; transition:var(--trans-ani); gap:10px; }
[data-main="infozone"] h2>button::before										{ display:flex; width:21px; height:25px; background-position:50%; background-repeat:no-repeat; content:''; }
[data-main="infozone"] h2>button span											{ display:flex; word-break:break-all; }
[data-main="infozone"] .tab01>button::before									{ background-image:url(/resource/www/images/main/icon_infotab01.svg); background-size:17px 25px }
[data-main="infozone"] .tab02>button::before									{ background-image:url(/resource/www/images/main/icon_infotab02.svg); margin-right:-5px; background-size:21px 25px }																		 
[data-main="infozone"] h2.active												{ background:url(/resource/www/images/main/bg_infotab_left_on.png) no-repeat left top / 15px 20px, url(/resource/www/images/main/bg_infotab_right_on.png) no-repeat left bottom / 15px 20px; }	
[data-main="infozone"] h2.active>button											{ background:var(--color-point); }
[data-main="infozone"] h2::before												{ position:absolute; right:-9px; top:50%; width:0; height:0; border-top:10px solid transparent; border-left:10px solid var(--color-point); 
																					border-bottom:10px solid transparent; transform:translateY(-50%); content:''; opacity:0; transition:var(--trans-ani);}
[data-main="infozone"] h2.active::before										{ opacity:1; }																					
[data-main="infozone"]::before													{ position:absolute; z-index:-1; width:50px; height:0; border-bottom:25px solid #003a6d;  border-left:15px solid transparent;  border-right:15px solid transparent;
																					left:-27px; top:30px; content:''; transform:rotate(270deg); transition:var(--trans-ani);}
[data-main="infozone"]::after													{ position:absolute; z-index:-1; width:50px; height:0; border-bottom:25px solid #2b2b2b;  border-left:15px solid transparent;  border-right:15px solid transparent;
																					left:-27px; bottom:30px; content:''; transform:rotate(270deg); transition:var(--trans-ani);}
[data-main="infozone"]:has(.tab02.active)::before								{ border-bottom-color:#2b2b2b }
[data-main="infozone"]:has(.tab02.active)::after								{ border-bottom-color:#003a6d }
[data-main="infozone"] .tab01													{ top:30px;  z-index:3; }
[data-main="infozone"] .tab02													{ bottom:30px; z-index:2; }
[data-main="infozone"] .tab02.active											{ z-index:4; }
[data-main="infozone"] .box														{ position:relative; width:100%; height:100%;  }
[data-main="infozone"] .swiper													{ border-radius:1.25em; overflow:hidden }
[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="mayor"]																{ position:relative; overflow:hidden; flex:0 1 calc(100% - var(--sizeWidth) - 40px); max-width:620px; margin-bottom:1.88em; 
																					padding:3.75em 2.5em 0 2.5em; align-content:space-between; background:url(/resource/www/images/main/bg_mayor.png) no-repeat center bottom / contain;}

[data-main="mayor"] .box														{ position:relative; display:flex; width:100%; flex-flow:column; }
[data-main="mayor"] .box .img													{ position:absolute; width:264px; height:562px; right:1em; top:-1.88em; }
[data-main="mayor"] .box .img::before											{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/resource/www/images/main/img_mayor.png) no-repeat center center / contain; }
[data-main="mayor"] .box .slogan												{ display:flex; font-size:1.38em; font-family:var(--font-tenada); }
[data-main="mayor"] .box .slogan .color_green									{ margin-left:5px; }
[data-main="mayor"] .box dl														{ position:relative; font-family:var(--font-tenada); padding-left:165px; display:flex; flex-flow:column; line-height:1; gap:5px; margin-top:.5em }
[data-main="mayor"] .box dl>dt													{ position:absolute; left:0; top:0; font-size:3.75rem; color:var(--color-point) }
[data-main="mayor"] .box dl>dd													{ font-size:1.44rem; }

[data-main="mayor"] .box .list													{ display:flex; flex-flow:column; margin-top:1.5em; gap:10px; }
[data-main="mayor"] .box .list>li>a												{ display:inline-flex; max-width:200px; height:45px; display:flex; align-items:center; padding:0 15px 0 30px; border-radius:25px; border:1px solid rgba(0,91,172,.3); 
																					font-size:1.08em; font-weight:600; color:var(--color-point); transition:var(--trans-ani);  align-items:center;}
[data-main="mayor"] .box .list>li>a::before										{ display:flex; width:0; height:13px; content:''; background:url(/resource/www/images/main/icon_mayorlink.svg) no-repeat 50% 50% / contain;  transition:var(--trans-ani);}
[data-main="mayor"] .box .list>li>a:hover,
[data-main="mayor"] .box .list>li>a:focus										{ border-color:var(--color-point); background:var(--color-point); color:var(--color-white); }
[data-main="mayor"] .box .list>li>a:hover::before,
[data-main="mayor"] .box .list>li>a:focus::before								{ width:23px; margin-right:5px; }
[data-main="mayor"] .icon_list													{ position:relative; width:100%;  max-width:calc(590px + (18px * 2)); padding:0 18px; 
																					background:url(/resource/www/images/main/bg_left_blue.png) no-repeat left bottom / 18px, url(/resource/www/images/main/bg_right_blue.png) no-repeat right bottom / 18px;}
[data-main="mayor"] .icon_list>ul												{ display:flex; flex-wrap:wrap; padding:30px 0; background:var(--color-point); border-radius:20px 20px 0 0 }
[data-main="mayor"] .icon_list>ul>li											{ position:relative; width:calc(100% / 4); }
[data-main="mayor"] .icon_list>ul>li+li::before									{ position:absolute; left:0; top:0; width:1px; height:100%; background:var(--color-white); content:''; opacity:.5;}
[data-main="mayor"] .icon_list>ul>li>a											{ display:flex; flex-flow:column; gap:10px; align-items:center; justify-content:center; color:var(--color-white); font-size:1.16em; font-weight:bold; line-height:1 }
[data-main="mayor"] .icon_list .icon											{ display:flex; width:100%; height:42px; position:relative; }
[data-main="mayor"] .icon_list .icon::before									{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background-size:contain; background-position:50% 50%; background-repeat:no-repeat; }
[data-main="mayor"] .icon_list .icon1::before									{ background-size:auto 37px; background-image:url(/resource/www/images/main/icon_mayor01.svg); }
[data-main="mayor"] .icon_list .icon2::before									{ background-size:auto 42px; background-image:url(/resource/www/images/main/icon_mayor02.svg); }
[data-main="mayor"] .icon_list .icon3::before									{ background-size:auto 40px; background-image:url(/resource/www/images/main/icon_mayor03.svg); }
[data-main="mayor"] .icon_list .icon4::before									{ background-size:auto 40px; background-image:url(/resource/www/images/main/icon_mayor04.svg); }


/* 효과 */
[data-main="mayor"] .icon_list>ul>li>a:hover,
[data-main="mayor"] .icon_list>ul>li>a:focus									{ animation:iconShow 0.7s ease-in-out 1 forwards; }
[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="mayor"] .icon_list>ul>li>a:focus									{ outline-offset:-2px; outline:2px dotted var(--color-white) !important}																					
@media all and (max-width:1668px){
	.section_main_top															{ --sizeHig:500px; --sizeWidth:904px; }
	
	/* 시장실 */
	[data-main="mayor"]															{ padding:2em 1em 0 1em; flex:0 1 calc(100% - var(--sizeWidth) - 20px) }
	[data-main="mayor"] .box .slogan											{ font-size:1.28em; }
	[data-main="mayor"] .box dl													{ gap:2px; padding-left:145px; }
	[data-main="mayor"] .box dl>dt												{ font-size:3.25rem; }
	[data-main="mayor"] .box dl>dd												{ font-size:1.34rem; }
	
	[data-main="mayor"] .icon_list>ul>li>a										{ font-size:1.067em; }
}
@media all and (max-width:1568px){
	.section_main_top															{ --sizeHig:480px; --sizeWidth:868px; }
	
	/* 시장실 */
	[data-main="mayor"]															{ padding:2.75em 1em 0 1em;  }
	[data-main="mayor"] .box .img												{ width:234px; height:498px;  }
	[data-main="mayor"] .icon_list>ul											{ padding:25px 0; }
	[data-main="mayor"] .icon_list>ul>li>a										{ font-size:1.067em; }
	[data-main="mayor"] .box dl													{ padding-left:140px; }
	[data-main="mayor"] .box dl>dt												{ font-size:3.15rem; }
	[data-main="mayor"] .box dl>dd												{ font-size:1.3rem; }
}
@media all and (max-width:1468px){
	.section_main_top															{ --sizeHig:450px; --sizeWidth:814px; }
	
	/* 인포존 */
	[data-main="infozone"] h2													{ width:55px; }
	[data-main="infozone"] h2>button											{ font-size:1.167rem; letter-spacing:-.1em }
	
	/* 시장실 */
	[data-main="mayor"]															{ padding:1.5em 1em 0 1em;  }
	[data-main="mayor"] .box .list>li>a											{ height:42px; padding:0 15px 0 20px; font-size:1.03em; max-width:180px; }
	[data-main="mayor"] .box .img												{ top:-1.5em; width:214px; height:456px;  }
	[data-main="mayor"] .icon_list>ul											{ padding:25px 0; }
	[data-main="mayor"] .icon_list>ul>li>a										{ font-size:1em; }
	[data-main="mayor"] .icon_list .icon1::before								{ background-size:auto 33px;  }
	[data-main="mayor"] .icon_list .icon2::before								{ background-size:auto 38px; }
	[data-main="mayor"] .icon_list .icon3::before								{ background-size:auto 36px; }
	[data-main="mayor"] .icon_list .icon4::before								{ background-size:auto 36px; }
}
@media all and (max-width:1368px){
	.section_main_top															{ --sizeHig:410px; --sizeWidth:741px; }
	
	/* 인포존 */
	[data-main="infozone"] h2													{ width:52px; }
	[data-main="infozone"] h2>button											{ font-size:1.13rem; }
	
	/* 시장실 */
	[data-main="mayor"]															{ padding:1em 0 0 1em; }
	[data-main="mayor"] .box .img												{ top:-1em; }
	[data-main="mayor"] .box .slogan											{ font-size:1.2em; }
	[data-main="mayor"] .box dl													{ padding-left:135px; }
	[data-main="mayor"] .box dl>dt												{ font-size:3rem; }
	[data-main="mayor"] .box dl>dd												{ font-size:1.2rem; }
	[data-main="mayor"] .box .list												{ margin-top:1em; }
	[data-main="mayor"] .box .list>li>a											{ font-size:1em; }
	[data-main="mayor"]::before													{ top:0; width:12.5em; height:27.13em; right:1em }
}
@media all and (max-width:1268px){
	.section_main_top															{ --sizeHig:51.972vw;/* 701px*/ --sizeWidth:741px; margin-bottom:2.75em; }
	
	/* 인포존 */
	[data-main="infozone"]														{ max-width:inherit; flex:100%; width:100%; }
	
	/* 시장실 */
	[data-main="mayor"]															{ width:50%; flex:0 1 auto; margin-bottom:0; }
	[data-main="mayor"] .icon_list												{ margin-top:1.88em; }
	
	
}
@media all and (max-width:968px){
	/* 인포존 */
	[data-main="infozone"]::before												{ transform:rotate(0deg); top:-20px; left:16px; }
	[data-main="infozone"]::after												{ left:inherit; right:16px; bottom:inherit; top:-20px; transform:rotate(0deg); }
	[data-main="infozone"] h2													{ width:calc(50% + (18px * 2) - 47.5px); height:50px; writing-mode:revert; padding:0 18px; left:inherit; 
																					background:url(/resource/www/images/main/bg_infotab_mleft.png) no-repeat left top / 18px, url(/resource/www/images/main/bg_infotab_mright.png) no-repeat right top / 18px;   }
	[data-main="infozone"] .tab01												{ top:-20px; left:30px; }
	[data-main="infozone"] .tab02												{ bottom:inherit; right:30px; top:-20px;}
	[data-main="infozone"] h2>button											{ border-radius:0 0 20px 20px; }
	[data-main="infozone"] h2::before											{ top:50px; left:50%; right:inherit; transform:translateX(-50%); border-top:10px solid var(--color-point); border-bottom:none; border-left:10px solid transparent;
    																				border-right: 10px solid transparent;}
	[data-main="infozone"] h2>button::before									{ width:18px; height:22px; }
	[data-main="infozone"] .tab01>button::before								{ background-size:15px 22px }
	[data-main="infozone"] .tab02>button::before								{ margin-right:0; background-size:18px 22px }	
	[data-main="infozone"] h2.active 											{ background: url(/resource/www/images/main/bg_infotab_mleft_on.png) no-repeat left top / 18px, url(/resource/www/images/main/bg_infotab_mright_on.png) no-repeat right top / 18px; }
	
	/* 시장실 */
	[data-main="mayor"]															{ width:52%; }
}
@media all and (max-width:868px){
	/* 시장실 */
	[data-main="mayor"]															{ width:100%; max-width:inherit; flex:0 1 auto; margin-bottom:1.88em; padding:1em 0 0 }
	[data-main="mayor"] .icon_list												{ max-width:calc(100% + (18px * 2)); }
	[data-main="mayor"] .box													{ padding-left:1em; }
}
@media all and (max-width:768px){
	/* 인포존 */
	[data-main="infozone"] h2													{ height:45px; padding:0 10px; width:calc(50% + (10px * 2) - 34px)  }
	[data-main="infozone"] h2::before											{ top:42px; }
	[data-main="infozone"]::before												{ left:10px; }
	[data-main="infozone"]::after												{ right:10px; }
	[data-main="infozone"] .tab01												{ left:25px; }
	[data-main="infozone"] .tab02												{ right:25px; }
	[data-main="infozone"] h2,
	[data-main="infozone"] h2.active											{ background-size:10px; }	
	[data-main="infozone"] h2>button::before									{ width:16px; height:20px; }
	[data-main="infozone"] .tab01>button::before								{ background-size:14px 20px }
	[data-main="infozone"] .tab02>button::before								{ margin-right:0; background-size:16px 20px }											
}
@media all and (max-width:568px){
	/* 인포존 */
	[data-main="infozone"] h2													{ height:40px; }
	[data-main="infozone"] h2::before											{ top:37px; }
	[data-main="infozone"] h2>button											{ font-size:1.067rem; gap:7px; }
	[data-main="infozone"] h2>button::before									{ width:15px; height:18px; }
	[data-main="infozone"] .tab01>button::before								{ background-size:12px 18px }
	[data-main="infozone"] .tab02>button::before								{ margin-right:0; background-size:15px 18px }	
	
	/* 시장실 */
	[data-main="mayor"] .box .img												{ width:184px; height:392px; }
	[data-main="mayor"] .box dl													{ padding-left:110px; }
	[data-main="mayor"] .box dl>dt												{ font-size:2.5rem; }
	[data-main="mayor"] .box dl>dd												{ font-size:1rem; }
	[data-main="mayor"] .box .list												{ gap:5px; }
	[data-main="mayor"] .box .list>li>a											{ height:40px; max-width:160px; }
	[data-main="mayor"] .icon_list .icon										{ height:38px; } 
	[data-main="mayor"] .icon_list .icon1::before								{ background-size:auto 29px;  }
	[data-main="mayor"] .icon_list .icon2::before								{ background-size:auto 34px; }
	[data-main="mayor"] .icon_list .icon3::before								{ background-size:auto 32px; }
	[data-main="mayor"] .icon_list .icon4::before								{ background-size:auto 32px; }
}	
@media all and (max-width:468px){
	/* 인포존 */
	[data-main="infozone"] h2													{ height:35px; }
	[data-main="infozone"] h2::before											{ top:30px; }
	[data-main="infozone"] h2>button											{ font-size:1.03rem; gap:5px; border-radius:0 0 10px 10px;}
	[data-main="infozone"] h2>button::before									{ width:13px; height:16px; }
	[data-main="infozone"] .tab01>button::before								{ background-size:11px 16px }
	[data-main="infozone"] .tab02>button::before								{ margin-right:0; background-size:13px 16px }	
	[data-main="infozone"] .swiper_bottom.pbw									{ bottom:-18px; background:none; padding:0;}		
	[data-main="infozone"] .swiper												{ border-radius:10px; }	
													
	
	/* 시장실 */
	[data-main="mayor"] .box .img												{ width:164px; height:349px; }
	[data-main="mayor"] .box dl													{ padding-left:97px; margin-top:0; }
	[data-main="mayor"] .box dl>dt												{ font-size:2.2rem; }
	[data-main="mayor"] .box dl>dd												{ font-size:.85rem; }
	[data-main="mayor"] .box .list>li>a											{ height:38px; max-width:150px; padding:0 15px;}
	[data-main="mayor"] .box .list>li>a:hover::before,
	[data-main="mayor"] .box .list>li>a:focus::before							{ width:20px; }
	
	[data-main="mayor"] .icon_list>ul											{ position:relative; padding:15px 0; gap:20px 0; border-radius:10px 10px 0 0}
	[data-main="mayor"] .icon_list>ul::before									{ position:absolute; top:50%; left:5%; width:90%; background:var(--color-white); opacity:.5; content:''; height:1px; }
	[data-main="mayor"] .icon_list>ul>li>a										{ gap:5px; }
	[data-main="mayor"] .icon_list>ul>li										{ width:calc(100% / 2); }
	[data-main="mayor"] .icon_list>ul>li:nth-child(3)::before					{ display:none;}
}	
@media all and (max-width:368px){
	/* 인포존 */
	[data-main="infozone"]::before												{ left:4px; }
	[data-main="infozone"]::after												{ right:4px; }
	[data-main="infozone"] .tab01												{ left:18px; }
	[data-main="infozone"] .tab02												{ right:18px; }
	[data-main="infozone"] h2													{ padding:0 7px; width:calc(50% + (8px * 2) - 26px)}
	[data-main="infozone"] h2, 
	[data-main="infozone"] h2.active											{ background-size:7px; }
	
	/* 시장실 */
	[data-main="mayor"] .box													{ padding-left:10px; }
	[data-main="mayor"] .box .img												{ width:124px; height:264px; }
	[data-main="mayor"] .box .slogan											{ font-size:1.15em; }
	[data-main="mayor"] .box dl													{ gap:0; padding-left:80px; }
	[data-main="mayor"] .box dl>dt												{ font-size:1.8rem; }
	[data-main="mayor"] .box dl>dd												{ font-size:.75rem; }
	[data-main="mayor"] .box .list												{ margin-top:.75em; }
	[data-main="mayor"] .box .list>li>a											{ height:36px; max-width:140px; font-size:.85rem; letter-spacing:-.04rem; }
	[data-main="mayor"] .box .list>li>a:hover::before, 
	[data-main="mayor"] .box .list>li>a:focus::before							{ width:15px; }
	[data-main="mayor"] .icon_list												{ padding:0 10px; background-size:10px; margin-top:1em }
	[data-main="mayor"] .icon_list .icon										{ height:35px; }
	[data-main="mayor"] .icon_list .icon1::before								{ background-size:auto 25px;  }
	[data-main="mayor"] .icon_list .icon2::before								{ background-size:auto 29px; }
	[data-main="mayor"] .icon_list .icon3::before								{ background-size:auto 28px; }
	[data-main="mayor"] .icon_list .icon4::before								{ background-size:auto 28px; }	
}
@media all and (max-width:320px){
	/* 시장실 */
	[data-main="mayor"] .box .img												{ width:104px; height:221px; }
	[data-main="mayor"] .box .slogan											{ font-size:1.067em; }
	[data-main="mayor"] .box dl													{ padding-left:75px; }
	[data-main="mayor"] .box dl>dt												{ font-size:1.7rem; }
	[data-main="mayor"] .box .list												{ margin-top:.5em; }
	[data-main="mayor"] .box .list>li>a											{ height:34px; max-width:135px; padding:0 12px; }
	[data-main="mayor"] .box .list>li>a:hover::before, 
	[data-main="mayor"] .box .list>li>a:focus::before							{ width:13px; }
	[data-main="mayor"] .icon_list												{ padding:0 10px; background-size:10px; margin-top:1em }
	[data-main="mayor"] .icon_list .icon										{ height:32px; }
	[data-main="mayor"] .icon_list .icon1::before								{ background-size:auto 22px;  }
	[data-main="mayor"] .icon_list .icon2::before								{ background-size:auto 26px; }
	[data-main="mayor"] .icon_list .icon3::before								{ background-size:auto 25px; }
	[data-main="mayor"] .icon_list .icon4::before								{ background-size:auto 25px; }	
}

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

 							행사소식 
 
*******************************************************************/
[data-main="event"]																{ border-radius:20px; background:var(--color-skyblue);  width:100%; padding:10px 10px 10px 30px; }
[data-main="event"] .area_title													{ gap:20px; margin-right:70px; }
[data-main="event"] .area_title .title											{ margin-bottom:0; margin-top:10px; }
[data-main="event"] .area_title .icon											{ display:flex; width:65px; height:52px; position:relative; background:url(/resource/www/images/main/icon_event.svg) no-repeat 50% 50% / contain; }
[data-main="event"] .area_title .tab_menu										{ padding:6px; border-radius:50px; background:var(--color-white) }
[data-main="event"] .area_title .tab_menu>li									{ width:calc(100% / 3); }
[data-main="event"] .area_title .tab_menu>li>button								{ display:flex; min-width:80px; height:40px; background:var(--color-white); border-radius:25px; align-items:center; justify-content:center; font-size:.94rem; font-weight:500;
																					color:#5b5b5b }
[data-main="event"] .area_title .tab_menu>li.active>button						{ background:var(--color-skyblue); color:var(--color-white);  }
[data-main="event"] .box														{ position:relative; flex:auto; max-width:calc(100% - 33em)  }
[data-main="event"] .box .swiper												{ width:100%; height:80px; background:var(--color-white); border-radius:15px; margin:0; padding:0 }													
[data-main="event"] .box .swiper-slide											{ position:relative; width:100%; margin:0; padding:0; box-sizing:border-box; line-height:1; display:flex; align-items:center; }
[data-main="event"] .box .swiper-slide>a										{ position:relative; display:flex; align-items:center; width:100%; height:100%; padding:0 30px; box-sizing:border-box; }
[data-main="event"] .box .cate													{ display:flex; padding:0 25px; height:32px; border:1px solid var(--color-skyblue); border-radius:20px; font-size:1em; margin-right:1em; font-weight:600; 
																					color:var(--color-skyblue); align-items:center; justify-content:center;}
[data-main="event"] .box .swiper-slide>a dl										{ flex:auto; max-width:calc(100% - 7em); display:flex; align-items:center; gap:0 30px; color:var(--color-base);}
[data-main="event"] .box .swiper-slide>a dl>dt									{ font-size:1.25em; flex:auto; max-width:30%; font-weight:bold;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
[data-main="event"] .box .swiper-slide>a dl>dd									{ font-size:1.06em; flex:auto; max-width:60%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; opacity:.94; }
[data-main="event"] .box .swiper-slide>a .link_readmore							{ position:absolute; right:30px; top:50%; transform:translateY(-50%); }
[data-main="event"] .box .swiper_bottom											{ position:absolute; left:-40px; top:50%; transform:translateY(-50%); }
[data-main="event"] .box .swiper_bottom .control								{ flex-flow:column; }		
[data-main="event"] .box .swiper_bottom .control button							{ width:24px; height:24px; margin:0; }		
[data-main="event"] .box .swiper_bottom .control button::before					{ filter:invert(1) brightness(100);  }
[data-main="event"] .box .swiper_bottom .control .swiper_prev,					
[data-main="event"] .box .swiper_bottom .control .swiper_next					{ transform:rotate(90deg); }
[data-main="event"] .box .swiper-slide-active>a:focus::after,
[data-main="event"] .box .swiper-slide-next>a::after							{ position:absolute; width:calc(100% - 10px); height:calc(100% - 10px); left:5px; top:5px; border-radius:20px; border:2px dotted var(--color-point); content:''; z-index:2;
																					 box-sizing:border-box; }	
[data-main="event"] .box .swiper-slide>a:focus									{outline:none !important}


/* 모아보기 */
[data-main="popupZone"] .list_all>li											{ width:calc((100% - 20px) / 3) }

@media all and (max-width:1668px){
	[data-main="event"] .box .swiper-slide>a dl>dt								{ font-size:1.2em; }
	[data-main="event"] .box .swiper-slide>a dl>dd								{ font-size:1.03em; }
	[data-main="event"] .box .cate												{ font-size:.98em; }
}
@media all and (max-width:1568px){
	[data-main="event"] .box .swiper											{ height:75px; }
	[data-main="event"] .box .swiper-slide>a dl>dt								{ font-size:1.167em; }
	[data-main="event"] .box .swiper-slide>a dl>dd								{ font-size:1em; }
	[data-main="event"] .box .swiper-slide>a									{ padding:0 20px; }
	[data-main="event"] .box .swiper-slide>a .link_readmore						{ right:20px; width:35px; height:35px; }
	[data-main="event"] .box .cate												{ font-size:.95em; height:30px; padding:0 20px; }
}
@media all and (max-width:1268px){
	[data-main="event"]															{ width:calc(50% - 2.5em); margin-bottom:0; padding:2em; position:relative;  }
	[data-main="event"]	.area_event												{ align-items:stretch; height:100%; }
	[data-main="event"] .area_title												{ margin-right:0; width:100%; flex-wrap:wrap; gap:15px; }
	[data-main="event"] .area_title .tab_menu									{ width:100%; }
	[data-main="event"] .area_title .tab_menu>li>button							{ width:100%; min-width:inherit }
	[data-main="event"] .box													{ max-width:inherit; width:100%; position:initial; margin-top:1em; height:calc(100% - 8em) }
	[data-main="event"] .box .swiper_bottom										{ left:inherit; right:2em; transform:inherit; top:2.85em; }
	[data-main="event"] .box .swiper											{ background:none; width:calc(100% + 10px); margin-left:-5px; margin-right:-5px; height:100%;  }
	[data-main="event"] .box .swiper-slide										{ width:50%; }
	[data-main="event"] .box .swiper-slide>a									{ width:calc(100% - 10px); margin-left:5px; margin-right:5px; border-radius:15px; background:var(--color-white); flex-flow:column; align-items:flex-start; padding:1.25em }
	[data-main="event"] .box .swiper-slide>a dl									{ flex-flow:column; max-width:inherit; width:100%; align-items:flex-start; margin-top:1em; gap:15px; }
	[data-main="event"] .box .swiper-slide>a dl>dt,
	[data-main="event"] .box .swiper-slide>a dl>dd								{ max-width:100%; }
	[data-main="event"] .box .swiper-slide>a dl>dt								{ width:100%; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:inherit; line-height:1.3; max-height:2.6em; }
	[data-main="event"] .box .swiper_bottom .control .swiper_prev, 
	[data-main="event"] .box .swiper_bottom .control .swiper_next				{ transform:inherit; }
	[data-main="event"] .box .swiper_bottom .control							{ flex-flow:row wrap; }
	[data-main="event"] .box .swiper-slide>a .link_readmore						{ position:relative; top:inherit; transform:inherit; right:inherit; margin-top:1.25em;}
}
@media all and (max-width:1168px){
	[data-main="event"]															{ padding:1.88em; }
	
	/* 모아보기 */
	[data-main="popupZone"] .list_all>li											{ width:calc((100% - 10px) / 2) }
}
@media all and (max-width:1024px){
	[data-main="event"]															{ padding:1.5em; }
	[data-main="event"] .box													{ height:calc(100% - 10em) }
	[data-main="event"] .box .swiper-slide>a									{ padding:1em; }
	[data-main="event"] .box .swiper_bottom										{ top:2.55em; }
	[data-main="event"] .area_title .tab_menu									{ padding:5px; }
	[data-main="event"] .area_title .tab_menu>li>button							{ height:38px; }
	[data-main="event"] .box .swiper-slide>a .link_readmore						{ margin-top:1em;}
}
@media all and (max-width:968px){
	[data-main="event"]															{ width:calc(48% - 2.5em); }
	[data-main="event"] .box .swiper-slide										{ width:100%; }
}
@media all and (max-width:868px){
	[data-main="event"] .area_event												{ align-items:revert; height:inherit; }
	[data-main="event"]															{ width:100%; }
	[data-main="event"] .box .swiper-slide										{ width:33.333%; }
	[data-main="event"] .box .swiper-slide>a .link_readmore						{ margin-top:2em;}
}
@media all and (max-width:768px){
	[data-main="event"] .box .swiper-slide										{ width:50%; }
}
@media all and (max-width:768px){
	/* 모아보기 */
	[data-main="popupZone"] .list_all>li										{ width:100% }
}	
@media all and (max-width:568px){
	[data-main="event"]															{ padding:1em; }
	[data-main="event"] .area_title												{ gap:10px 15px; }
	[data-main="event"] .area_title .icon										{ width:55px; height:44px; }
	[data-main="event"] .area_title .tab_menu									{ padding:3px; }
	[data-main="event"] .area_title .tab_menu>li>button							{ height:35px; }
	[data-main="event"] .box .swiper_bottom										{ top:2.3em; right:1em }
}
@media all and (max-width:468px){
	[data-main="event"] .box													{ margin-top:.5em; }
	[data-main="event"] .box .swiper-slide										{ width:100%; }
	[data-main="event"] .box .swiper-slide>a .link_readmore						{ margin-top:1.5em; }
	[data-main="event"] .box .swiper_bottom										{ top:1.85em;  }
}
/*******************************************************************

 							익산은 지금 
 
*******************************************************************/
.section_main_con												{ --sizeWidth:940px; }
.section_main_con .flex											{ align-items:stretch; }

/* 공지사항 */
[data-main="board"]												{ display:flex; flex-flow:column; max-width:var(--sizeWidth); flex:0 1 calc(100% - 620px); --sizeTabHig:70px; position:relative; height:var(--sizeHig); justify-content:space-between;}
[data-main="board"] .tab_menu									{ flex:100%; display:flex; max-height:var(--sizeTabHig); border:1px solid #dbdbdb; border-radius:20px; }
[data-main="board"] .tab_menu>li								{ flex:0 1 calc(100% / 4); display:inline-flex; justify-content:flex-start; align-items:center; position:relative; z-index:5; height:var(--sizeTabHig);}
[data-main="board"] .tab_menu>li>button,
[data-main="board"] .tab_menu>li>a								{ position:relative; flex:100%; display:inline-flex; align-items:center; height:var(--sizeTabHig); box-sizing:border-box; padding:0 11px; border:1px solid transparent; justify-content:center;
																	border-right-color:#dbdbdb; font-size:1.22em; font-weight:bold; color:var(--color-base); transition:var(--trans-ani); transition-property:background, border, box-shadow;  }
[data-main="board"] .tab_menu>li:last-child>button,
[data-main="board"] .tab_menu>li:last-child>a					{ border-right:none; }																
[data-main="board"] .list_board									{ width:100%; height:100%; }
[data-main="board"] .list_board .swiper 						{ width:calc(100% + 20px); margin:15px -10px 0 -10px; height:calc(100% - 15px); }
[data-main="board"] .list_board .swiper:has(.none_data)			{ width:100%; margin:15px 0 0 0; border-radius:20px; padding:30px; border:1px solid #dbdbdb;}
[data-main="board"] .list_board .swiper .none_data				{ padding:0; height:100%; display:flex; justify-content:center; align-items:center; }
[data-main="board"] .list_board .swiper-wrapper					{ justify-content:space-between; }
[data-main="board"] .list_board .swiper-slide					{ width:33.333%; height:inherit }
[data-main="board"] .list_board .swiper-slide>a					{ display:block; position:relative; width:calc(100% - 20px); height:100%; margin:0 10px; box-sizing:border-box; border-radius:20px; padding:30px; border:1px solid #dbdbdb;}
[data-main="board"] .list_board .swiper-slide>a>p				{ display:flex;  justify-content:space-between; align-items: flex-start; }
[data-main="board"] .list_board .swiper-slide>a .day			{ position:relative; font-size:1.88em; font-weight:900; color:var(--color-point); letter-spacing:.045em; line-height:1; padding-right:20px; }
[data-main="board"] .list_board .swiper-slide>a .day>i			{ display:block; font-size:13px; color:#6d7379; letter-spacing:-.025em; font-weight:bold }
[data-main="board"] .list_board .swiper-slide>a .dep			{ font-size:13.5px; font-weight:500; color:var(--color-point); line-height:1; padding:6px 15px 5px 15px; border:1px solid #dbdbdb; border-radius:25px;  }
[data-main="board"] .list_board .swiper-slide>a .day>i.new		{ position:absolute; right:0; bottom:5px; display:flex; width:20px; height:20px; border-radius:100%; background:#c7000c; color:var(--color-white); justify-content:center; align-items:center }
[data-main="board"] .list_board .swiper-slide>a dl				{ display:flex; flex-flow:column; gap:20px; word-break: break-all; margin-top:15px; }
[data-main="board"] .list_board .swiper-slide>a dl>dt			{ width:100%; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:1.38em; line-height:1.3;  min-height:2.6em; font-weight:600;  }
[data-main="board"] .list_board .swiper-slide>a dl>dd			{ width:100%; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; font-size:1.09em; line-height:1.35;  min-height:5.05em; 
																	border-top:1px solid #dbdbdb; padding-top:20px; opacity:.84 }
[data-main="board"] .list_board .swiper_bottom					{ position:absolute; right:0; top:0; }

/* 효과 */
[data-main="board"] .tab_menu>li.active							{ z-index:6; border-right:none;}
[data-main="board"] .tab_menu>li.active>button,
[data-main="board"] .tab_menu>li.active>a						{ background-color:var(--color-point); border-color:var(--color-point); box-shadow:3px 3px 1px #d5e8f8;  color:var(--color-white); border-radius:20px;}
[data-main="board"] .tab_menu>li.active>button::before			{ position:absolute; left:50%; bottom:-7px; width:0; height:0; border-left:7px solid transparent; border-right:7px solid transparent; border-top:7px solid var(--color-point); content:'';
    																transform:translateX(-50%); z-index:2 }
[data-main="board"] .tab_menu>li.active>button::after			{ position:absolute; left:calc(50% + 3px); bottom:-11px; width:0; height:0; border-left:7px solid transparent; border-right:7px solid transparent; border-top:7px solid #d5e8f8; content:'';
    																transform:translateX(-50%); z-index:1 }																	
[data-main="board"] .tab_menu>li > a[target="_blank"]::after	{ content:''; opacity:0.8; display:inline-block; width:14px; height:14px; margin-left:7px; background:url(/resource/www/images/main/icon_blank.svg) no-repeat 50% 50%;
    																		background-size:100%; vertical-align:middle; }
[data-main="board"] .list_board .swiper-slide>a::before			{ position:absolute; width:calc(100% + 2px); height:calc(100% + 2px); left:-1px; top:-1px; content:''; border-radius:20px; border:3px solid var(--color-point); box-sizing:border-box; 
																	transition:var(--trans-ani); pointer-events:none; opacity:0}
[data-main="board"] .list_board .swiper-slide>a:hover::before,
[data-main="board"] .list_board .swiper-slide>a:focus::before	{  opacity:1 }


/* 알림마당 */
[data-main="popupZone"]											{ position:relative; flex:0 1 calc(100% - var(--sizeWidth) - 40px); max-width:620px; padding:0 30px 70px 30px; }
[data-main="popupZone"]::before									{ position:absolute; width:100%; height:calc(100% - 100px); border-radius:20px; background:url(/resource/www/images/main/bg_popup.png) no-repeat 50% 50% / auto var(--color-light-mint); left:0; 
																	bottom:0; z-index:-1; content:''; }		
[data-main="popupZone"] .list_popup								{ width:100%; }
[data-main="popupZone"] .list_popup .swiper						{ border-radius:20px; border:1px solid #dbdbdb } 
[data-main="popupZone"] .list_popup .swiper-slide				{ width:100%;  }
[data-main="popupZone"] .list_popup .swiper-slide .img			{ position:relative; width:100%; overflow:hidden; display:block; height:0; padding-top:66.071%; }
[data-main="popupZone"] .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; }
																	
[data-main="popupZone"] .list_popup .swiper-slide>a:focus::after{ position:absolute; width:calc(100% - 2%); height:calc(100% - 4%); left:50%; top:50%; border-radius:20px; border:2px dotted var(--color-point);  transform:translate(-50%,-50%);
																		content:''; z-index:2 }		
[data-main="popupZone"] .list_popup .swiper_bottom:has(.swiper-button-lock) .control				{ display:flex; }
[data-main="popupZone"] .list_popup .swiper_bottom:has(.swiper-button-lock) .control .swiper_page,
[data-main="popupZone"] .list_popup .swiper_bottom:has(.swiper-button-lock) .control .swiper_auto	{ display:none; }

																													
@media all and (max-width:1668px){
	.section_main_con											{ --sizeWidth:904px; }
	
	/* 공지사항 */
	[data-main="board"]											{ --sizeTabHig:65px; }
	[data-main="board"] .list_board .swiper-slide>a dl>dt		{ font-size:1.28em; }
	[data-main="board"] .tab_menu>li>button, 
	[data-main="board"] .tab_menu>li>a							{ font-size:1.2em; }
	[data-main="board"] .list_board .swiper-slide>a				{ padding:30px 25px; }
	[data-main="board"] .list_board .swiper-slide>a dl>dd		{ font-size:1.06em; }	
	
	/* 알림마당 */
	[data-main="popupZone"]										{ flex:0 1 calc(100% - var(--sizeWidth) - 20px); padding:0 25px 70px 25px }
}	
@media all and (max-width:1568px){
	.section_main_con											{ --sizeWidth:868px; }
	/* 공지사항 */
	[data-main="board"]											{ --sizeTabHig:60px; }
	[data-main="board"] .list_board .swiper-slide>a dl>dt		{ font-size:1.2em; }
	[data-main="board"] .tab_menu>li>button, 
	[data-main="board"] .tab_menu>li>a							{ font-size:1.167em; }
	[data-main="board"] .list_board .swiper-slide>a .day		{ font-size:1.78em; }
	[data-main="board"] .list_board .swiper						{ width:calc(100% + 10px); margin:15px -5px 0 -5px; }
	[data-main="board"] .list_board .swiper-slide>a				{ padding:25px 20px; width:calc(100% - 10px); margin:0 5px; }
	[data-main="board"] .list_board .swiper-slide>a dl>dd		{ font-size:1.06em; }	
	
	/* 알림마당 */
	[data-main="popupZone"]										{ padding:0 20px 70px 20px }
}
@media all and (max-width:1468px){
	.section_main_con											{ --sizeWidth:814px; }
	/* 공지사항 */
	[data-main="board"] .tab_menu>li>button, 
	[data-main="board"] .tab_menu>li>a							{ font-size:1.13em; }
	[data-main="board"] .list_board .swiper-slide>a .day		{ font-size:1.73em; }
	[data-main="board"] .list_board .swiper-slide>a dl>dt		{ font-size:1.15em; }
	[data-main="board"] .list_board .swiper-slide>a dl>dd		{ font-size:1.03em; }	
}
@media all and (max-width:1368px){
	.section_main_con											{ --sizeWidth:741px; }
	/* 공지사항 */
	[data-main="board"]											{ --sizeTabHig:55px; }
	[data-main="board"] .title									{ margin-bottom:.2em; }
	[data-main="board"] .tab_menu,
	[data-main="board"] .tab_menu>li.active>button, 
	[data-main="board"] .tab_menu>li.active>a,
	[data-main="board"] .list_board .swiper-slide>a				{ border-radius:15px; }
	[data-main="board"] .list_board .swiper-slide>a dl			{ margin-top:7px; }
	[data-main="board"] .list_board .swiper-slide>a dl>dt		{ font-size:1.1em; }
}																
@media all and (max-width:1268px){
	.section_main_con .flex														{ align-items:flex-start; }
	/* 공지사항 */
	[data-main="board"]															{ width:100%; max-width:inherit; height:inherit; flex:100%; }
	[data-main="board"] .list_board .swiper										{ height:100%; }
	[data-main="board"] .tab_menu, 
	[data-main="board"] .tab_menu>li.active>button, 
	[data-main="board"] .tab_menu>li.active>a, 
	[data-main="board"] .list_board .swiper-slide>a,
	[data-main="board"] .list_board .swiper-slide>a::before						{ border-radius:12px; }
	[data-main="board"] .list_board .swiper										{ margin-top:15px; }
	[data-main="board"] .list_board .swiper-slide>a dl							{ margin-top:15px; gap:15px;}
	[data-main="board"] .list_board .swiper-slide>a dl>dt						{ font-size:1.2em; }
	[data-main="board"] .list_board .swiper-slide>a dl>dd						{ padding-top:15px; }
	[data-main="board"] .list_board .swiper-slide>a .day>i.new					{ right:5px; font-size:11px; }						
	
	/* 알림마당 */
	[data-main="popupZone"]														{ width:100%; max-width:inherit; flex:0 1 100%; padding:20px 20px 60px; }
	[data-main="popupZone"]::before												{ height:100%; }
	[data-main="popupZone"] .list_popup .swiper-slide							{ width:50%; }
	[data-main="popupZone"] .swiper_bottom:has(.swiper-button-lock) .control	{ display:flex !important; }
	[data-main="popupZone"] .list_popup .swiper									{ border-radius:0; border:none; width:calc(100% + 10px); margin-left:-5px; margin-right:-5px; }
	[data-main="popupZone"] .list_popup .swiper-slide .img						{ border-radius:20px; border:1px solid #dbdbdb; }
	[data-main="popupZone"] .list_popup .swiper-slide>a							{ display:flex; width:calc(100% - 10px); margin-left:5px; margin-right:5px; }	
}	
@media all and (max-width:1168px){
	/* 공지사항 */
	[data-main="board"] .list_board .swiper-slide>a .day>i.new					{ padding-top:1px; }	
}		
@media all and (max-width:1024px){
	/* 공지사항 */
	[data-main="board"] .list_board .swiper_bottom								{ top:-5px; }
	[data-main="board"] .list_board .swiper-slide>a dl>dt						{ font-size:1.1rem; }
	[data-main="board"] .list_board .swiper-slide>a dl>dd						{ font-size:1rem; }
	[data-main="board"] .tab_menu>li>button, 
	[data-main="board"] .tab_menu>li>a											{ font-size:1.2em; }
	[data-main="board"] .list_board .swiper-slide>a .day>i						{ font-size:14px; }
	[data-main="board"] .list_board .swiper-slide>a .day						{ font-size:2em; }
	[data-main="board"] .list_board .swiper-slide>a .day>i.new					{ bottom:4px; }
}
@media all and (max-width:768px){
	/* 공지사항 */
	[data-main="board"] .list_board .swiper-slide								{ width:50%; }
	[data-main="board"] .list_board .swiper_bottom								{ position:initial; margin-top:15px; }
	[data-main="board"] .list_board .swiper_bottom .control						{ margin-left:inherit }
	[data-main="board"] .list_board .swiper-slide>a .day>i.new					{ width:18px; height:18px; bottom:5px; }
	
	/* 알림마당 */

	[data-main="popupZone"]::before,
	[data-main="popupZone"] .list_popup .swiper-slide .img						{ border-radius:15px; }
}
@media all and (max-width:768px){
	/* 알림마당 */
	[data-main="popupZone"] .list_popup .swiper-slide							{ width:100%; }
}
@media all and (max-width:568px){

	/* 공지사항 */
	[data-main="board"]															{ --sizeTabHig:50px; }
	[data-main="board"] .list_board .swiper-slide								{ width:100%; }
	[data-main="board"] .tab_menu>li>button, 
	[data-main="board"] .tab_menu>li>a											{ font-size:1.167em; }
	[data-main="board"] .tab_menu>li > a[target="_blank"]::after				{ width:11px; height:11px; margin-top:-2px; }
	
	[data-main="popupZone"]														{ padding:1em 1em 55px; }
}
@media all and (max-width:468px){
	/* 공지사항 */
	[data-main="board"] .title													{ margin-bottom:.5em; }
	[data-main="board"] .tab_menu												{ position:relative; flex-wrap:wrap; max-height:calc((var(--sizeTabHig) * 2) + 10px); }
	[data-main="board"] .tab_menu::after										{ position:absolute; width:1px; height:100%; left:calc(50% - .5px); background:#dbdbdb; top:0; content:''; }
	[data-main="board"] .tab_menu::before										{ position:absolute; width:100%; height:1px; top:calc(50% - .5px); background:#dbdbdb; left:0; content:''; }
	[data-main="board"] .tab_menu>li											{ flex:0 1 calc(100% / 2); }
	[data-main="board"] .tab_menu>li>button,
	[data-main="board"] .tab_menu>li>a											{ border-right:none; }
}

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

 							분야별 정보
 
*******************************************************************/
.area_sector														{ width:98%; max-width:1860px; border-radius:20px;  margin-left:auto; margin-right:auto; padding:60px; margin-bottom:60px;
																		background:url(/resource/www/images/main/bg_sector.png) no-repeat 50% 50% / auto 100%, url(/resource/www/images/main/bg_sector02.png) no-repeat 121% 50% / auto var(--color-point); }
.area_sector>.con_inner												{ width:100%; }
[data-main="sector"]												{ position:relative; --sizeTabHig:60px; --sizeWidth:315px; margin-bottom:0;  }
[data-main="sector"]::before										{ position:absolute; left:0; top:0; width:var(--sizeWidth); height:var(--sizeTabHig); background:var(--color-white); border-radius:20px 20px 0 0; content:'';}
[data-main="sector"]::after											{ position:absolute; right:0; top:0; width:var(--sizeWidth); height:var(--sizeTabHig); background:var(--color-white); border-radius:20px 20px 0 0; content:'';}
[data-main="sector"] .tab_menu										{ position:relative; display:flex; justify-content:center; max-width:calc(100% - (var(--sizeWidth) * 2)); height:var(--sizeTabHig); margin:0 auto; gap:10px;
																		background:url(/resource/www/images/main/bg_right.png) no-repeat left bottom / 18px auto, url(/resource/www/images/main/bg_left.png) no-repeat right bottom / 18px auto; padding:0 45px;  }
[data-main="sector"] .tab_menu>li									{ width:calc((100% - 30px) / 4); }
[data-main="sector"] .tab_menu>li>button							{ display:flex; width:100%; height:var(--sizeTabHig); background:var(--color-white); border-radius:20px 20px 0 0; align-items:center; justify-content:center; font-size:1.22em; 
																		font-weight:bold; color:#484848; position:relative; transition:var(--trans-ani); }
[data-main="sector"] .list_sector									{ width:100%; background:var(--color-white); border-radius:0 0 20px 20px; padding:30px 40px }
[data-main="sector"] .list_sector .list								{ display:flex; flex-wrap:wrap; width:100%; gap:20px; justify-content:center;}
[data-main="sector"] .list_sector .list>li							{ width:calc((100% - 120px) / 7); }
[data-main="sector"] .list_sector .list>li>a						{ position:relative; display:flex; flex-flow:column; gap:15px;  align-items:center; justify-content:center; padding:20px 10px; border:1px solid #dbdbdb; border-radius:10px; }
[data-main="sector"] .list_sector .list>li>a .icon					{ display:flex; position:relative; width:65px; height:65px; background:#f0f8ff; border-radius:100%; }
[data-main="sector"] .list_sector .list>li>a .icon::before			{ position:absolute; width:100%; height:100%; content:''; left:0; top:0; background-size:contain; background-position:50%; background-repeat:no-repeat; }
[data-main="sector"] .list_sector .list>li>a strong					{ width:100%; font-size:1.06em; font-weight:600; color:var(--color-base); transition:var(--trans-ani); white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align:center; 
																		word-break:break-all; }

/* 효과 */
[data-main="sector"] .tab_menu>li>button::before					{ position:absolute; left:50%; bottom:-10px; content:''; width:12px; height:10px; background:url(/resource/www/images/main/icon_sectortab_hover.svg); transform:translateX(-50%); opacity:0;  
																		pointer-events:none; transition:var(--trans-ani);}
[data-main="sector"] .tab_menu>li.active>button::before				{ opacity:1; }
[data-main="sector"] .tab_menu>li>button .icon						{ position:absolute; width:45px; height:0; top:-22.5px; transition:var(--trans-ani); }
[data-main="sector"] .tab_menu>li>button .icon::before				{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background-size:contain; background-position:50%; background-repeat:no-repeat; }
[data-main="sector"] .tab_menu>li>button .icon1::before				{ background-image:url(/resource/www/images/main/icon_sectortab01_hover.svg); }
[data-main="sector"] .tab_menu>li>button .icon2::before				{ background-image:url(/resource/www/images/main/icon_sectortab02_hover.svg); }
[data-main="sector"] .tab_menu>li>button .icon3::before				{ background-image:url(/resource/www/images/main/icon_sectortab03_hover.svg); }
[data-main="sector"] .tab_menu>li>button .icon4::before				{ background-image:url(/resource/www/images/main/icon_sectortab04_hover.svg); }
[data-main="sector"] .tab_menu>li.active>button .icon				{ height:45px; }
[data-main="sector"] .tab_menu>li.active>button:not(.icon) span		{ padding-top:12px; }
[data-main="sector"] .tab_menu>li.active>button						{ color:var(--color-point); }													
[data-main="sector"] .list_sector .list>li>a::before				{ position:absolute; width:calc(100% + 2px); height:calc(100% + 2px); left:-1px; top:-1px; content:''; border-radius:10px; border:2px solid var(--color-point); box-sizing:border-box; 
																		transition:var(--trans-ani); pointer-events:none; opacity:0 }
[data-main="sector"] .list_sector .list>li>a:hover::before,
[data-main="sector"] .list_sector .list>li>a:focus::before			{  opacity:1 }
[data-main="sector"] .list_sector .list>li>a:hover strong,
[data-main="sector"] .list_sector .list>li>a:focus strong			{ color:var(--color-point); }		
[data-main="sector"] .list_sector .list>li>a:hover .icon::before,
[data-main="sector"] .list_sector .list>li>a:focus .icon::before	{ animation:iconShow 0.7s ease-in-out 1 forwards; }
[data-main="sector"] .tab_menu>li>button:focus						{ outline-offset:-4px; }


/* 아이콘 // 생애주기 */
#sectorTab01 .icon1::before											{ background-image:url(/resource/www/images/main/icon_sectortab01_01.svg); }
#sectorTab01 .icon2::before											{ background-image:url(/resource/www/images/main/icon_sectortab01_02.svg); }
#sectorTab01 .icon3::before											{ background-image:url(/resource/www/images/main/icon_sectortab01_03.svg); }
#sectorTab01 .icon4::before											{ background-image:url(/resource/www/images/main/icon_sectortab01_04.svg); }
#sectorTab01 .icon5::before											{ background-image:url(/resource/www/images/main/icon_sectortab01_05.svg); }
#sectorTab01 .icon6::before											{ background-image:url(/resource/www/images/main/icon_sectortab01_06.svg); }
#sectorTab01 .icon7::before											{ background-image:url(/resource/www/images/main/icon_sectortab01_07.svg); }
#sectorTab01 .icon8::before											{ background-image:url(/resource/www/images/main/icon_sectortab01_08.svg); }
#sectorTab01 .icon9::before											{ background-image:url(/resource/www/images/main/icon_sectortab01_09.svg); }
#sectorTab01 .icon10::before										{ background-image:url(/resource/www/images/main/icon_sectortab01_10.svg); }
#sectorTab01 .icon11::before										{ background-image:url(/resource/www/images/main/icon_sectortab01_11.svg); }
#sectorTab01 .icon12::before										{ background-image:url(/resource/www/images/main/icon_sectortab01_12.svg); }
#sectorTab01 .icon13::before										{ background-image:url(/resource/www/images/main/icon_sectortab01_13.svg); }
#sectorTab01 .icon14::before										{ background-image:url(/resource/www/images/main/icon_sectortab01_14.svg); }

/* 아이콘 // 기업경제 */
#sectorTab02 .icon1::before											{ background-image:url(/resource/www/images/main/icon_sectortab02_01.svg); }
#sectorTab02 .icon2::before											{ background-image:url(/resource/www/images/main/icon_sectortab02_02.svg); }
#sectorTab02 .icon3::before											{ background-image:url(/resource/www/images/main/icon_sectortab02_03.svg); }
#sectorTab02 .icon4::before											{ background-image:url(/resource/www/images/main/icon_sectortab02_04.svg); }
#sectorTab02 .icon5::before											{ background-image:url(/resource/www/images/main/icon_sectortab02_05.svg); }
#sectorTab02 .icon6::before											{ background-image:url(/resource/www/images/main/icon_sectortab02_06.svg); }
#sectorTab02 .icon7::before											{ background-image:url(/resource/www/images/main/icon_sectortab02_07.svg); }
#sectorTab02 .icon8::before											{ background-image:url(/resource/www/images/main/icon_sectortab02_08.svg); }
#sectorTab02 .icon9::before											{ background-image:url(/resource/www/images/main/icon_sectortab02_09.svg); }
#sectorTab02 .icon10::before										{ background-image:url(/resource/www/images/main/icon_sectortab02_10.svg); }
#sectorTab02 .icon11::before										{ background-image:url(/resource/www/images/main/icon_sectortab02_11.svg); }
#sectorTab02 .icon12::before										{ background-image:url(/resource/www/images/main/icon_sectortab02_12.svg); }
#sectorTab02 .icon13::before										{ background-image:url(/resource/www/images/main/icon_sectortab02_13.svg); }
#sectorTab02 .icon14::before										{ background-image:url(/resource/www/images/main/icon_sectortab02_14.svg); }

/* 아이콘 // 교통환경 */
#sectorTab03 .icon1::before											{ background-image:url(/resource/www/images/main/icon_sectortab03_01.svg); }
#sectorTab03 .icon2::before											{ background-image:url(/resource/www/images/main/icon_sectortab03_02.svg); }
#sectorTab03 .icon3::before											{ background-image:url(/resource/www/images/main/icon_sectortab03_03.svg); }
#sectorTab03 .icon4::before											{ background-image:url(/resource/www/images/main/icon_sectortab03_04.svg); }
#sectorTab03 .icon5::before											{ background-image:url(/resource/www/images/main/icon_sectortab03_05.svg); }
#sectorTab03 .icon6::before											{ background-image:url(/resource/www/images/main/icon_sectortab03_06.svg); }
#sectorTab03 .icon7::before											{ background-image:url(/resource/www/images/main/icon_sectortab03_07.svg); }
#sectorTab03 .icon8::before											{ background-image:url(/resource/www/images/main/icon_sectortab03_08.svg); }
#sectorTab03 .icon9::before											{ background-image:url(/resource/www/images/main/icon_sectortab03_09.svg); }
#sectorTab03 .icon10::before										{ background-image:url(/resource/www/images/main/icon_sectortab03_10.svg); }
#sectorTab03 .icon11::before										{ background-image:url(/resource/www/images/main/icon_sectortab03_11.svg); }
#sectorTab03 .icon12::before										{ background-image:url(/resource/www/images/main/icon_sectortab03_12.svg); }
#sectorTab03 .icon13::before										{ background-image:url(/resource/www/images/main/icon_sectortab03_13.svg); }
#sectorTab03 .icon14::before										{ background-image:url(/resource/www/images/main/icon_sectortab03_14.svg); }

/* 아이콘 // 교육보건 */
#sectorTab04 .icon1::before											{ background-image:url(/resource/www/images/main/icon_sectortab04_01.svg); }
#sectorTab04 .icon2::before											{ background-image:url(/resource/www/images/main/icon_sectortab04_02.svg); }
#sectorTab04 .icon3::before											{ background-image:url(/resource/www/images/main/icon_sectortab04_03.svg); }
#sectorTab04 .icon4::before											{ background-image:url(/resource/www/images/main/icon_sectortab04_04.svg); }
#sectorTab04 .icon5::before											{ background-image:url(/resource/www/images/main/icon_sectortab04_05.svg); }
#sectorTab04 .icon6::before											{ background-image:url(/resource/www/images/main/icon_sectortab04_06.svg); }
#sectorTab04 .icon7::before											{ background-image:url(/resource/www/images/main/icon_sectortab04_07.svg); }
#sectorTab04 .icon8::before											{ background-image:url(/resource/www/images/main/icon_sectortab04_08.svg); }
#sectorTab04 .icon9::before											{ background-image:url(/resource/www/images/main/icon_sectortab04_09.svg); }
#sectorTab04 .icon10::before										{ background-image:url(/resource/www/images/main/icon_sectortab04_10.svg); }
#sectorTab04 .icon11::before										{ background-image:url(/resource/www/images/main/icon_sectortab04_11.svg); }
#sectorTab04 .icon12::before										{ background-image:url(/resource/www/images/main/icon_sectortab04_12.svg); }
#sectorTab04 .icon13::before										{ background-image:url(/resource/www/images/main/icon_sectortab04_13.svg); }
#sectorTab04 .icon14::before										{ background-image:url(/resource/www/images/main/icon_sectortab04_14.svg); }
@media all and (max-width:1768px){
	[data-main="sector"]											{ --sizeWidth:215px; }
}
@media all and (max-width:1668px){
	.area_sector													{ padding:55px; }
	[data-main="sector"] .tab_menu>li>button						{ font-size:1.2em; }
	[data-main="sector"] .list_sector								{ padding:30px; }
	[data-main="sector"] .list_sector .list>li>a strong				{ font-size:1.03em; }
}
@media all and (max-width:1568px){
	.area_sector													{ padding:50px; }
	[data-main="sector"] .tab_menu>li>button						{ font-size:1.167em; }
	[data-main="sector"] .list_sector .list							{ gap:10px; }
	[data-main="sector"] .list_sector .list>li						{ width:calc((100% - 60px) / 7); }
	[data-main="sector"] .tab_menu>li>button .icon					{ width:40px; top:-20px; }
	[data-main="sector"] .tab_menu>li.active>button .icon			{ height:40px; }
}
@media all and (max-width:1468px){
	[data-main="sector"]											{ --sizeWidth:185px; }
	.area_sector													{ padding:40px; }
	[data-main="sector"] .tab_menu>li>button						{ font-size:1.13em; }
	[data-main="sector"] .list_sector								{ padding:30px 25px 25px; }
	[data-main="sector"] .list_sector .list>li>a strong				{ font-size:1em; }
}
@media all and (max-width:1368px){
	[data-main="sector"]											{ --sizeWidth:165px; --sizeTabHig:55px; }
	.area_sector													{ padding:40px 30px 30px; }
	[data-main="sector"] .list_sector								{ padding:30px 20px 20px; border-radius:0 0 15px 15px;}
	[data-main="sector"] .tab_menu>li>button,
	[data-main="sector"]::before,
	[data-main="sector"]::after										{ border-radius:15px 15px 0 0; }
	[data-main="sector"] .tab_menu>li>button .icon					{ width:35px; top:-17.5px; }
	[data-main="sector"] .tab_menu>li.active>button .icon			{ height:35px; }
}
@media all and (max-width:1268px){
	[data-main="sector"]											{ --sizeWidth:125px;  }
	.area_sector													{ padding:30px 20px 20px; }
	[data-main="sector"] .list_sector								{ padding:25px 15px 15px; }
	[data-main="sector"] .list_sector .list>li>a strong				{ font-size:.95em;  }
	[data-main="sector"] .list_sector .list>li>a					{ padding:15px 7px; }
}
@media all and (max-width:1168px){
	[data-main="sector"]											{ --sizeWidth:95px;  }
	[data-main="sector"] .list_sector .list>li						{ width:calc((100% - 40px) / 5); }
}
@media all and (max-width:1024px){
	[data-main="sector"] .tab_menu>li>button						{ font-size:1.1rem; }
	[data-main="sector"] .list_sector .list>li>a strong				{ font-size:.98rem;  }
}
@media all and (max-width:968px){
	[data-main="sector"]											{ --sizeWidth:0px;  }
	.area_sector													{ width:94% }
	[data-main="sector"] .tab_menu									{ background:none; padding:0; gap:5px; justify-content:space-between;}
	[data-main="sector"] .tab_menu>li								{ width:calc((100% - 15px) / 4); }
}
@media all and (max-width:768px){
	[data-main="sector"]											{ --sizeTabHig:50px; }
	[data-main="sector"] .tab_menu>li>button						{ font-size:1.067rem; }
	[data-main="sector"] .tab_menu>li>button>span:last-child		{ margin-top:4px; }
	[data-main="sector"] .tab_menu>li.active>button>span:last-child	{ margin-top:0; }
	[data-main="sector"] .tab_menu>li>button::before				{ width:10px; height:8px; bottom:-8px; }
	[data-main="sector"] .list_sector .list							{ gap:5px; }
	[data-main="sector"] .list_sector .list>li						{ width:calc((100% - 15px) / 4); }
	[data-main="sector"] .list_sector .list>li>a					{ gap:10px; padding:10px 7px; }
	[data-main="sector"] .list_sector .list>li>a .icon				{ height:60px; width:60px; }
	[data-main="sector"] .list_sector .list>li>a strong				{ font-size:.95rem;  }
	[data-main="sector"] .tab_menu>li>button, 
	[data-main="sector"]::before, 
	[data-main="sector"]::after										{ border-radius:12px 12px 0 0; }
	[data-main="sector"] .list_sector								{ border-radius:0 0 12px 12px; }
	[data-main="sector"] .tab_menu>li>button .icon					{ width:30px; top:-15px; }
	[data-main="sector"] .tab_menu>li.active>button .icon			{ height:30px; }
}
@media all and (max-width:668px){
	[data-main="sector"]											{ --sizeTabHig:45px; }
	[data-main="sector"] .tab_menu>li>button						{ font-size:1.03rem; }
	[data-main="sector"] .tab_menu>li>button::before				{ bottom:-6px; }
	[data-main="sector"] .tab_menu									{ gap:2px; }
	[data-main="sector"] .tab_menu>li								{ width:calc((100% - 6px) / 4); }
	.area_sector													{ padding:30px 15px 15px; }
	[data-main="sector"] .list_sector								{ padding:20px 10px 10px; }
}
@media all and (max-width:568px){
	[data-main="sector"] .list_sector .list>li						{ width:calc((100% - 5px) / 2); }
}
@media all and (max-width:468px){
	.area_sector													{ padding:1em; }
	[data-main="sector"] .tab_menu									{ flex-wrap:wrap; height:calc(var(--sizeTabHig) * 2); gap:5px;}
	[data-main="sector"] .tab_menu>li								{ width:calc((100% - 5px) / 2); }
	[data-main="sector"] .tab_menu>li>button						{ border-radius:8px; display:flex; align-items:center; justify-content:center;  }
	[data-main="sector"] .tab_menu>li>button::before				{ display:none; }
	[data-main="sector"] .tab_menu>li>button .icon					{ position:relative; top:inherit; height:25px; width:0;}
	[data-main="sector"] .tab_menu>li.active>button .icon			{ width:25px; height:25px; margin-right:10px; }
	[data-main="sector"] .tab_menu>li.active>button:not(.icon) span	{ padding-top:0; }
	[data-main="sector"] .tab_menu>li>button>span:last-child		{ margin-top:0; }
	
	[data-main="sector"] .list_sector								{ border-radius:10px; margin-top:1em; padding:1em }
}
@media all and (max-width:320px){
	[data-main="sector"] .tab_menu>li>button						{ font-size:1rem; }
	[data-main="sector"] .tab_menu>li>button .icon					{ height:22px; }
	[data-main="sector"] .tab_menu>li.active>button .icon			{ width:22px; height:22px; margin-right:5px; }
}
/*******************************************************************

 						익산시 공식 sns
 
*******************************************************************/
.area_iksan_sns														{ --sizeWidth:1120px; margin-bottom:60px; }

/* 공식 sns */
.area_iksan_sns	.iksan_sns											{ position:relative; max-width:var(--sizeWidth); flex:0 1 calc(100% - 480px); flex-flow:column }
.area_iksan_sns	.iksan_sns [data-main="sns"]						{ margin-bottom:30px; }
.area_iksan_sns .list_sns											{ width:100%; }
.area_iksan_sns .list_sns .swiper									{ width:calc(100% + 20px); margin-left:-10px; margin-right:-10px; }
.area_iksan_sns .list_sns .swiper-slide								{ width:33.333%; }
.area_iksan_sns .list_sns .swiper-slide a							{ display:flex; flex-flow:column; justify-content:space-between; position:relative; width:calc(100% - 20px); height:100%; margin:0 10px; box-sizing:border-box; border-radius:20px;
																		align-items:center; background:#f5f5f5; overflow:hidden; }
.area_iksan_sns .list_sns .swiper-slide a .title_box				{ position:relative; display:flex; flex-flow:column; align-items:center; width:calc(100% - 80px);  border-radius:0 0 20px 20px; margin-bottom:-50px; 
																		z-index:2; padding:20px 18px; gap:10px; background:#f5f5f5; }
.area_iksan_sns .list_sns .swiper-slide a .title_box::before		{ position:absolute; left:-17px; bottom:calc(50px - 18px); width:18px; height:18px; content:''; background:url(/resource/www/images/main/bg_sns_left.png) no-repeat 50% 50% / 18px; z-index:2 }
.area_iksan_sns .list_sns .swiper-slide a .title_box::after			{ position:absolute; right:-17px; bottom:calc(50px - 18px); width:18px; height:18px; content:''; background:url(/resource/www/images/main/bg_sns_right.png) no-repeat 50% 50% / 18px; z-index:2 }																		
.area_iksan_sns .list_sns .swiper-slide a .title_box [data-sns]		{ width:36px; height:36px; }
.area_iksan_sns .list_sns .swiper-slide a .title_box strong			{ width:100%; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:1.25em; line-height:1.3;  min-height:2.6em; font-weight:bold; 
																		text-align:center; word-break:break-all; } 
.area_iksan_sns .list_sns .swiper-slide .img						{ position:relative; width:100%; overflow:hidden; display:block; height:100%; padding-top:73.888%; }
.area_iksan_sns .list_sns .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; }
.area_iksan_sns .list_sns .swiper_bottom							{ position:absolute; right:0; top:0; }


/* 보도자료 */
.area_iksan_sns .area_news 											{ border-radius:20px; background:url(/resource/www/images/main/bg_news.svg) no-repeat 1.5em bottom  / auto 90% #e4f0fa; padding:0 30px; height:100%; padding-left:130px;}
.area_iksan_sns .area_news [data-main]								{ margin-bottom:0; }
.area_iksan_sns .area_news [data-main="news"]						{ display:flex; flex:auto; max-width:540px; align-items:center; }
.area_iksan_sns .list_news											{ display:flex; width:100%; gap:0 80px; align-items:center; }
.area_iksan_sns .list_news .swiper									{ width:100%; height:50px; }
.area_iksan_sns .list_news .swiper .swiper-slide					{ width:100%; height:100%; }
.area_iksan_sns .list_news .swiper .swiper-slide>a					{ position:relative; width:100%; display:flex; height:100%; align-items:center; }
.area_iksan_sns .list_news .swiper .cate							{ display:flex; padding:0 15px; height:30px; border:1px solid #89b4db; border-radius:20px; font-size:.88rem; margin-right:1em; font-weight:600; color:var(--color-point);
																		align-items:center; justify-content:center;  margin-right:1em; }
.area_iksan_sns .list_news .swiper .swiper-slide strong				{ display:block; max-width:calc(100% - 5em); font-size:1.09em; font-weight:600; color:var(--color-base); opacity:.94; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
																		word-break: break-all; }
.area_iksan_sns [data-main="sns_link"]								{ flex:auto; max-width:340px; align-items:center; }
.area_iksan_sns [data-main="sns_link"] h3							{ font-size:1.25em; font-weight:400; color:var(--color-base); }
.area_iksan_sns [data-main="sns_link"] h3>em						{ font-weight:900; }
.area_iksan_sns .list_news .swiper_bottom .control					{ flex-flow:column; }		
.area_iksan_sns .list_news .swiper_bottom .control button			{ width:24px; height:24px; margin:0; }		
.area_iksan_sns .list_news .swiper_bottom .control .swiper_prev,					
.area_iksan_sns .list_news .swiper_bottom .control .swiper_next		{ transform:rotate(90deg); }
.area_iksan_sns [data-sns]											{ width:40px; height:40px; }

/* 다다익산 */ 
[data-main="dada_iksan"]											{ position:relative; width:440px; margin-bottom:0; }
[data-main="dada_iksan"] .area_title								{ position:absolute; z-index:3; left:0; width:140px; display:flex; flex-flow:column; top:40px; }
[data-main="dada_iksan"] .area_title .date							{ display:flex; flex-flow:column; font-size:1.56em; font-family:var(--font-tenada); line-height:1.2; justify-content:center; align-items:center; color:#747474 }
[data-main="dada_iksan"] .area_title .date strong					{ font-size:3.2em; color:var(--color-mint); font-weight:900; }
[data-main="dada_iksan"] .area_title .title							{ margin-top:70px; }
[data-main="dada_iksan"] .list_dada_iksan							{ position:relative; padding:0 30px 60px 140px}
[data-main="dada_iksan"] .list_dada_iksan .swiper					{ width:calc(100% + 10px); margin-left:-5px; margin-right:-5px;  }
[data-main="dada_iksan"] .list_dada_iksan .swiper-slide				{ width:100%; }
[data-main="dada_iksan"] .list_dada_iksan .swiper-slide>a			{ display:flex; width:calc(100% - 10px); margin:5px; border-radius:15px; overflow:hidden; box-shadow:3px 3px 1px rgba(0,0,0,.08); }

[data-main="dada_iksan"] .list_dada_iksan .swiper-slide .img		{ position:relative; width:100%; overflow:hidden; display:block; height:100%; padding-top:151.85%; }
[data-main="dada_iksan"] .list_dada_iksan .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; }
[data-main="dada_iksan"] .list_dada_iksan .btn_dada					{ display:flex; width:100%; height:60px; border-radius:15px; background:var(--color-white); justify-content:space-between; align-items:center; margin-top:10px; padding:0 15px; 
																		transition:var(--trans-ani); }
[data-main="dada_iksan"] .list_dada_iksan .btn_dada>span			{ display:flex; align-items:center;  font-size:1.09em; font-weight:bold; color:var(--color-base); line-height:1 }
[data-main="dada_iksan"] .list_dada_iksan .btn_dada>span .mnone		{ margin-left:5px; }
[data-main="dada_iksan"] .list_dada_iksan .btn_dada .icon			{ display:flex; position:relative; width:43px; height:43px; border-radius:100%; background:var(--color-light-gray); margin-right:15px; }

[data-main="dada_iksan"] .list_dada_iksan .btn_dada .icon::before	{ position:absolute; right:-2px; bottom:0; width:31px; height:38px; background:url(/resource/www/images/main/icon_dada.svg) no-repeat 50% 50% / contain; content:''; }
[data-main="dada_iksan"] .list_dada_iksan .link_readmore			{ border:none; width:30px; height:30px; }
[data-main="dada_iksan"] .list_dada_iksan .link_readmore::before	{ opacity:1; }
[data-main="dada_iksan"] .list_dada_iksan::before					{ position:absolute; width:100%; height:calc(100% - 180px); border-radius:20px; background:url(/resource/www/images/main/bg_dada.png) no-repeat -2em 50% / auto #00aca9; left:0; bottom:0; z-index:-1;
																		content:''; }	


/* 효과 */
[data-main="dada_iksan"] .list_dada_iksan .btn_dada:hover,
[data-main="dada_iksan"] .list_dada_iksan .btn_dada:focus				{ background:var(--color-point); }
[data-main="dada_iksan"] .list_dada_iksan .btn_dada:hover>span,
[data-main="dada_iksan"] .list_dada_iksan .btn_dada:focus>span			{ color:var(--color-white); }
[data-main="dada_iksan"] .list_dada_iksan .btn_dada:hover .icon,
[data-main="dada_iksan"] .list_dada_iksan .btn_dada:focus .icon			{ background-color:var(--color-white); }
[data-main="dada_iksan"] .list_dada_iksan .btn_dada:hover .icon::before,
[data-main="dada_iksan"] .list_dada_iksan .btn_dada:focus .icon::before	{ animation:iconShow 0.7s ease-in-out 1 forwards; }
.area_iksan_sns .list_sns .swiper-slide a:focus::after,
[data-main="dada_iksan"] .list_dada_iksan .swiper-slide>a:focus::after,
.area_iksan_sns .list_news .swiper .swiper-slide>a:focus::after				{ position:absolute; width:calc(100% - 4%); height:calc(100% - 6%); left:50%; top:50%; border-radius:20px; border:2px dotted var(--color-point);  transform:translate(-50%,-50%);
																			content:''; z-index:2 }	
.area_iksan_sns .list_news .swiper .swiper-slide>a:focus::after				{ width:100%; }
.area_iksan_sns .list_sns .swiper-slide a:focus,
[data-main="dada_iksan"] .list_dada_iksan .swiper-slide a:focus,
.area_iksan_sns .list_news .swiper .swiper-slide>a:focus				{ outline:none !important; }																		


@media all and (max-width:1668px){
	.area_iksan_sns	.iksan_sns											{ flex:0 1 calc(100% - 460px); }
	.area_iksan_sns .list_sns .swiper-slide a .title_box strong			{ font-size:1.167em; }
	.area_iksan_sns .list_sns .swiper-slide a .title_box strong			{ font-size:1.2em; }
	
	
	.area_iksan_sns .area_news [data-main="news"]						{ max-width:470px; }
	.area_iksan_sns .list_news											{ gap:0 50px; }
	.area_iksan_sns .list_news .swiper .swiper-slide strong				{ font-size:1.06em; }
	.area_iksan_sns [data-main="sns_link"] h3							{ font-size:1.2em; }
	
	[data-main="dada_iksan"]											{ width:430px; }
	[data-main="dada_iksan"] .area_title .date							{ font-size:1.46em; }
}	
@media all and (max-width:1568px){
	.area_iksan_sns	.iksan_sns											{ flex:0 1 calc(100% - 440px); }
	.area_iksan_sns .area_news [data-main="news"]						{ max-width:430px; }
	.area_iksan_sns [data-main="sns_link"]								{ max-width:320px; }
	[data-main="dada_iksan"]											{ width:410px; }
	[data-main="dada_iksan"] .area_title								{ width:130px; }
	[data-main="dada_iksan"] .area_title .date							{ font-size:1.36em; }
	[data-main="dada_iksan"] .list_dada_iksan							{ padding:0 25px 60px 130px; }
}	
@media all and (max-width:1468px){
	.area_iksan_sns	.iksan_sns											{ flex:0 1 calc(100% - 410px); }
	.area_iksan_sns .iksan_sns [data-main="sns"]						{ margin-bottom:0; display:flex; flex-flow:column; }
	.area_iksan_sns .list_sns .swiper-slide								{ width:50%; }
	.area_iksan_sns														{ position:relative; padding-bottom:130px; }
	.area_iksan_sns .iksan_sns											{ position:initial; max-width:inherit; }
	.area_iksan_sns .iksan_sns [data-main="sns"]						{ position:relative; height:100%  }
	
	.area_iksan_sns .list_sns											{ display:flex; height:100%;flex-wrap: wrap;  }
	.area_iksan_sns .area_news											{ position:absolute; width:100%; max-width:inherit; bottom:0; left:0; height:inherit; padding:15px 30px; padding-left:130px; }
	.area_iksan_sns .area_news [data-main="news"]						{ max-width:calc(100% - 460px); }
	.area_iksan_sns [data-main="sns_link"]								{ max-width:360px; }
	[data-main="dada_iksan"]											{ width:380px; }
	[data-main="dada_iksan"] .area_title .date							{ font-size:1.3em; }
	[data-main="dada_iksan"] .list_dada_iksan							{ padding-bottom:140px; height:100%; }
	[data-main="dada_iksan"] .list_dada_iksan::before					{ height:calc(100% - 160px); }
	[data-main="dada_iksan"] .list_dada_iksan .btn_dada					{ position:absolute; width:calc(100% - 50px); left:25px; bottom:60px; }
}																
@media all and (max-width:1268px){
	.area_iksan_sns														{ padding-bottom:0; }
	.area_iksan_sns .iksan_sns											{ flex:0 1 100%; max-width:inherit; width:100%; }
	.area_iksan_sns .list_sns .swiper-slide								{ width:33.33%; }
	.area_iksan_sns .area_news											{ position:initial; margin-top:1.88em; align-items:center; }
	.area_iksan_sns .list_sns .swiper-slide a .title_box strong			{ font-size:1.15em; }
	.area_iksan_sns .area_news [data-main="news"]						{ max-width:calc(100% - 400px); }
	.area_iksan_sns [data-main="sns_link"]								{ max-width:320px; }
	.area_iksan_sns .iksan_sns [data-main="sns"]						{ width:100%; }
	[data-main="dada_iksan"]											{ width:100%; margin-top:1.88em;}
	[data-main="dada_iksan"] .list_dada_iksan .swiper-slide				{ width:25%; }	
	[data-main="dada_iksan"] .list_dada_iksan							{ padding-bottom:60px; }
	[data-main="dada_iksan"] .area_title .date strong					{ font-size:3.1em; }
	[data-main="dada_iksan"] .swiper_bottom:has(.swiper-button-lock) .control	{ display:flex !important; }	
	[data-main="dada_iksan"] .list_dada_iksan .btn_dada					{ height:70px; position:initial; width:100%; }
}
@media all and (max-width:1024px){


	.area_iksan_sns .list_sns .swiper_bottom							{ top:-5px; }
	.area_iksan_sns .list_sns .swiper-slide a .title_box strong			{ font-size:1.1rem; }
	.area_iksan_sns .list_news .swiper .cate							{ font-size:.8rem; }
	.area_iksan_sns .list_news .swiper .swiper-slide strong				{ font-size:1.03rem; }
	.area_iksan_sns [data-main="sns_link"]								{ max-width:inherit; flex:0 1 auto }
	.area_iksan_sns [data-main="sns_link"] h3							{ display:none }
	.area_iksan_sns .area_news [data-main="news"]						{ max-width:calc(100% - 17em); }
	[data-main="dada_iksan"] .list_dada_iksan .swiper-slide				{ width:33.333%; }	
	[data-main="dada_iksan"] .list_dada_iksan .btn_dada>span			{ font-size:1.03rem; }
}
@media all and (max-width:968px){
	.area_iksan_sns .list_sns .swiper-slide								{ width:50%; }
}
@media all and (max-width:868px){			
	.area_iksan_sns .list_sns .swiper_bottom							{ position:initial; margin:15px auto 0 auto; }			
	[data-main="dada_iksan"] .area_title								{ width:110px; }
	[data-main="dada_iksan"] .list_dada_iksan							{ padding-left:110px; }
	[data-main="dada_iksan"] .list_dada_iksan::before					{ height:calc(100% - 140px); }
	.area_iksan_sns [data-sns]											{ width:35px; height:35px; }
	.area_iksan_sns .area_news [data-main="news"]						{ max-width:calc(100% - 14em); }
	.area_iksan_sns .area_news											{ padding:15px 20px; padding-left:110px; }
}
@media all and (max-width:768px){
	.area_iksan_sns .list_sns .swiper-slide a .title_box				{ padding:15px; border-radius:0 0 15px 15px; }
	.area_iksan_sns .list_sns .swiper-slide a							{ border-radius:15px;}
	.area_iksan_sns .area_news											{ padding:15px 20px; padding-left:20px; background-image:none }
	.area_iksan_sns .area_news [data-main="news"]						{ max-width:inherit; width:100%; background:url(/resource/www/images/main/bg_news.svg) no-repeat left bottom  / auto 100%; padding-left:60px; }
	.area_iksan_sns .list_news .swiper .swiper-slide strong				{ max-width:inherit; width:100%; }
	.area_iksan_sns .list_news											{ gap:0 30px; }
	.area_iksan_sns .list_news .swiper_bottom							{ margin-right:10px; }
	.area_iksan_sns .list_news .swiper_bottom .control					{ flex-flow:row wrap; }
	.area_iksan_sns .list_news .swiper_bottom .control .swiper_prev, 
	.area_iksan_sns .list_news .swiper_bottom .control .swiper_next		{ transform:inherit; }
	.area_iksan_sns .list_news .swiper									{ height:60px; }
	.area_iksan_sns [data-main="sns_link"]								{ flex:100%; width:100%; padding:1em; background:var(--color-white); border-radius:10px; gap:5px; }
	[data-main="dada_iksan"] .list_dada_iksan .swiper-slide				{ width:50%; }
	.area_iksan_sns [data-main="sns_link"] h3							{ display:flex; gap:5px; align-items:center; font-size:1.167rem  }
}
@media all and (max-width:568px){
	.area_iksan_sns .list_sns .swiper-slide								{ width:100%; }
	[data-main="dada_iksan"] .area_title								{ width:90px; }
	[data-main="dada_iksan"] .list_dada_iksan							{ padding-left:90px; padding-right:20px; }
	
}
@media all and (max-width:468px){
	.area_iksan_sns .area_news											{ padding:1em; }
	.area_iksan_sns .list_news											{ gap:0; flex-wrap:wrap; position:relative }
	.area_iksan_sns .list_news .swiper									{ height:80px; }
	.area_iksan_sns .list_news .swiper .swiper-slide>a					{ flex-flow:column; align-items:flex-start; gap:5px; justify-content:center;}
	.area_iksan_sns .list_news .swiper_bottom							{ position:absolute; right:0; top:13px; margin-right:0;}		
	.area_iksan_sns .area_news [data-main="news"]						{ background-size:4em; padding-left:4.8em; }		
	[data-main="dada_iksan"] .list_dada_iksan .swiper-slide				{ width:100%; }
	[data-main="dada_iksan"] .list_dada_iksan .btn_dada .icon			{ width:32px; height:32px; }
	[data-main="dada_iksan"] .list_dada_iksan .btn_dada					{ padding:0 10px; }
}
@media all and (max-width:368px){
	[data-main="dada_iksan"] .list_dada_iksan .btn_dada					{ height:60px; }
	[data-main="dada_iksan"] .list_dada_iksan .btn_dada>span .mnone		{ display:none; }
}
/*******************************************************************

 						익산시와 함께해요
 
*******************************************************************/
.section_main_bot													{ position:relative; --sizeWidth:1120px; width:98%; max-width:1860px; margin-left:auto; margin-right:auto; }


/* 관광지 안내 */
[data-main="tour"]													{ width:94%; max-width:1696px; margin-right:auto; margin-left:auto;
																		background:url(/resource/www/images/main/bg_tour_before_left.png) no-repeat left top / 18px, url(/resource/www/images/main/bg_tour_before_right.png) no-repeat right top; }
[data-main="tour"]::before											{ position:absolute; width:100%; height:calc(100% - 85px); left:0; top:0; content:''; border-radius:20px; z-index:-1;
																		background:url(/resource/www/images/main/bg_tour_left.png) no-repeat left center / auto 100%, url(/resource/www/images/main/bg_tour_right.png) no-repeat calc(100% - 7em) 3em / auto var(--color-light-mint);  }																		
[data-main="tour"] .con_inner										{ width:100%; margin-top:30px; align-items:flex-start; padding-bottom:20px; }
[data-main="tour"] .title											{ width:100%; max-width:1660px; padding:35px 30px 30px 30px; height:93px; border-radius:0 0 20px 20px; background:var(--color-white); margin-right:auto; margin-left:auto;  }
[data-main="tour"] .list_tour										{ position:relative; max-width:var(--sizeWidth); flex:0 1 calc(100% - 480px); }
[data-main="tour"] .list_tour .swiper								{ width:calc(100% + 20px); margin-left:-10px; margin-right:-10px; }
[data-main="tour"] .list_tour .swiper-slide							{ width:33.333%; }
[data-main="tour"] .list_tour .swiper-slide>a,
[data-main="tour"] .list_all>li>a									{ display:flex; flex-flow:column; justify-content:center; position:relative; width:calc(100% - 20px); height:100%; margin:0 10px; box-sizing:border-box; 
																		align-items:center; overflow:hidden; }
[data-main="tour"] .list_tour .swiper-slide>a .link_moreview,
[data-main="tour"] .list_all>li>a .link_moreview					{ top:100%; opacity:0; transition:var(--trans-ani); }
[data-main="tour"] .list_tour .swiper-slide>a strong,
[data-main="tour"] .list_all>li>a strong							{ position:absolute; display:block; width:calc(72% + 36px); max-width:calc(72% + 36px); padding:10px 30px 0 30px; left:50%; bottom:0; border-radius:20px 20px 0 0; height:50px; 
																		font-size:1.19em; z-index:2; font-weight:bold; color:var(--color-base); white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-break:break-all; 
																		transform:translateX(-50%); text-align:center;
																		background:url(/resource/www/images/main/bg_left.png) no-repeat left bottom / 18px, url(/resource/www/images/main/bg_right.png) no-repeat right bottom / 18px;  }
[data-main="tour"] .list_tour .swiper-slide>a strong::before,
[data-main="tour"] .list_all>li>a strong::before					{ position:absolute; width:calc(100% - 33px); height:50px; left:50%; bottom:0; content:''; transform:translateX(-50%); border-radius:20px 20px 0 0; background:var(--color-white); 
																		z-index:-1}
[data-main="tour"] .list_tour .swiper-slide .img,
[data-main="tour"] .list_all>li>a .img				 				{ position:relative; width:100%; overflow:hidden; display:block; height:0; padding-top:109.289%; border-radius:20px; }
[data-main="tour"] .list_tour .swiper-slide .img::before,
[data-main="tour"] .list_all>li>a .img::before						{ position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.2); content:''; border-radius:20px; opacity:0; transition:var(--trans-ani); z-index:2}
[data-main="tour"] .list_tour .swiper-slide .img img,
[data-main="tour"] .list_all>li>a .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; }
[data-main="tour"] .list_tour .swiper_bottom						{ position:absolute; right:20%; top:-93px; }
[data-main="tour"] .list_tour .swiper_bottom .open					{ position:relative; display:flex; width:40px; height:40px; border:1px solid rgba(0,0,0,.1); border-radius:100%; background-color:var(--color-white); transition:var(--trans-ani);
																		overflow:hidden; margin-left:-16px; z-index:3 } 
[data-main="tour"] .list_tour .swiper_bottom .open::before			{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/resource/www/images/main/icon_alllayer.svg) no-repeat 50% 50% / 16px; opacity:.54; }


/* 바로가기 배너 */
[data-main="tour"] .list_banner										{ position:relative; width:440px; gap:10px; margin-top:40px; }
[data-main="tour"] .list_banner>li									{ width:calc((100% - 10px) / 2);  }
[data-main="tour"] .list_banner>li>a								{ display:flex; width:100%; padding:0 20px; height:100px; flex-flow:column; color:var(--color-white); gap:12px; justify-content:center; border-radius:20px;}
[data-main="tour"] .list_banner>li>a>strong							{ font-size:1.19em; font-weight:bold; }
[data-main="tour"] .list_banner>li>a .link_readmore					{ background:transparent; border-color:transparent; width:14px; height:10px; }
[data-main="tour"] .list_banner>li>a .link_readmore::before			{ filter:invert(1); opacity:1; }
[data-main="tour"] .list_banner>li.item1>a							{ background:url(/resource/www/images/main/bg_tour_banner01.png) no-repeat right center  / contain var(--color-point);}
[data-main="tour"] .list_banner>li.item2>a							{ background:url(/resource/www/images/main/bg_tour_banner02.png) no-repeat right center  / contain var(--color-deep-green);}
[data-main="tour"] .list_banner>li.item3>a							{ background:url(/resource/www/images/main/bg_tour_banner03.png) no-repeat right center / contain var(--color-mint);}
[data-main="tour"] .list_banner>li.item4>a							{ background:url(/resource/www/images/main/bg_tour_banner04.png) no-repeat right center / contain var(--color-purple);}

/* 배경 */
.section_main_bot .tour_top											{ position:absolute; width:94%; max-width:1660px; left:50%; transform:translateX(-50%); pointer-events:none; z-index:2; top:0;}
.section_main_bot .tour_top .cloud									{ position:absolute; left:0; top:6em; width:97px; height:65px; background:url(/resource/www/images/main/img_cloud.png) no-repeat 50% 50% / contain;  z-index:2 }
.section_main_bot .tour_top .pinwheel1								{ position:absolute; right:15%; top:.5em; width:39px; height:84px; background:url(/resource/www/images/main/bg_tour07.svg) no-repeat 50% 50% / contain;  z-index:2 }
.section_main_bot .tour_top .pinwheel1::before						{ position:absolute; left:0; width:39px; height:39px; background:url(/resource/www/images/main/img_tour07.svg) no-repeat 50% 50% / contain; content:''; z-index:2; }
.section_main_bot .tour_top .children								{ position:absolute; right:23em; top:-1em; width:55px; height:135px; background:url(/resource/www/images/main/img_tour05.svg) no-repeat 50% 50% / contain; z-index:3 }
.section_main_bot .tour_top .people									{ position:absolute; right:3em; top:-2.5em; width:106px; height:212px; background:url(/resource/www/images/main/img_tour04.svg) no-repeat 50% 50% / contain; z-index:2 }
.section_main_bot .tour_top .flower									{ position:absolute; right:-1.5em; top:0; width:687px; height:93px; background:url(/resource/www/images/main/img_tour08.svg) no-repeat 50% 50% / auto; z-index:1 }
.section_main_bot .tour_top .ruins									{ position:absolute; right:32%; top:calc(93px - 66px); width:136px; height:66px; background:url(/resource/www/images/main/img_tour06.svg) no-repeat 50% 50% / contain; z-index:0 }
.section_main_bot .tour_top .pinwheel2								{ position:absolute; right:28%; top:calc(93px - 63px); width:34px; height:63px; background:url(/resource/www/images/main/bg_pinwheel02.svg) no-repeat 50% 50% / contain;  }
.section_main_bot .tour_top .pinwheel2::before						{ position:absolute; left:0; width:34px; height:34px; background:url(/resource/www/images/main/img_pinwheel02.svg) no-repeat 50% 50% / contain; content:''; }
.section_main_bot .tour_top .pinwheel3								{ position:absolute; right:42%; top:calc(93px - 57px); width:30px; height:57px; background:url(/resource/www/images/main/bg_pinwheel03.svg) no-repeat 50% 50% / contain;  }
.section_main_bot .tour_top .pinwheel3::before						{ position:absolute; left:0; width:30px; height:30px; background:url(/resource/www/images/main/img_pinwheel03.svg) no-repeat 50% 50% / contain; content:'';  }


.section_main_bot .tour_bot											{ position:absolute; left:50%; bottom:0; width:98%; max-width:1780px; transform:translateX(-50%); pointer-events:none; }
.section_main_bot .tour_bot .cloud1									{ position:absolute; right:0; bottom:12em; width:67px; height:38px; background:url(/resource/www/images/main/img_cloud.png) no-repeat 50% 50% / contain; z-index:2 }
.section_main_bot .tour_bot .cloud2									{ position:absolute; right:9em; bottom:4.5em; width:57px; height:33px; background:url(/resource/www/images/main/img_cloud.png) no-repeat 50% 50% / contain; z-index:2 }
.section_main_bot .tour_bot .marong									{ position:absolute; right:0; bottom:0; width:135px; height:144px; background:url(/resource/www/images/main/img_marong.png) no-repeat 50% 50% / contain; z-index:2 }
.section_main_bot .tour_bot .people1								{ position:absolute; right:28.5em; bottom:10px; width:41px; height:109px; background:url(/resource/www/images/main/img_tour01.svg) no-repeat 50% 50% / contain; z-index:2 }
.section_main_bot .tour_bot .people2								{ position:absolute; right:20em; bottom:36px; width:58px; height:86px; background:url(/resource/www/images/main/img_tour02.svg) no-repeat 50% 50% / contain; z-index:2 }
.section_main_bot .tour_bot .flower									{ position:absolute; right:24.69em; bottom:85px; width:250px; height:70px; background:url(/resource/www/images/main/img_tour03.svg) no-repeat 50% 50% / auto; }
.section_main_bot .tour_bot .pinwheel1								{ position:absolute; right:31.94em; bottom:85px; width:22px; height:48px; background:url(/resource/www/images/main/bg_pinwheel04.svg) no-repeat 50% 50% / contain; z-index:-1 }
.section_main_bot .tour_bot .pinwheel1::before						{ position:absolute; left:0; width:22px; height:22px; background:url(/resource/www/images/main/img_pinwheel04.svg) no-repeat 50% 50% / contain; content:'';  }
.section_main_bot .tour_bot .pinwheel2								{ position:absolute; right:26.56em; bottom:85px; width:32px; height:69px; background:url(/resource/www/images/main/bg_pinwheel05.svg) no-repeat 50% 50% / contain; z-index:-1}
.section_main_bot .tour_bot .pinwheel2::before						{ position:absolute; left:0; width:32px; height:32px; background:url(/resource/www/images/main/img_pinwheel05.svg) no-repeat 50% 50% / contain; content:'';}



/* 모아보기 */
[data-main="tour"] .list_all										{ gap:20px; }
[data-main="tour"] .list_all>li										{ width:calc((100% - 60px) / 4) }
[data-main="tour"] .list_all>li>a									{ width:100%; margin:0; }


/* 효과 */
[data-main="tour"] .list_tour .swiper-slide>a:hover .img::before,
[data-main="tour"] .list_tour .swiper-slide>a:focus .img::before,
[data-main="tour"] .list_all>li>a:hover	.img::before,
[data-main="tour"] .list_all>li>a:focus	.img::before					{ opacity:1 }
[data-main="tour"] .list_tour .swiper-slide>a:hover .link_moreview,
[data-main="tour"] .list_tour .swiper-slide>a:focus .link_moreview,
[data-main="tour"] .list_all>li>a:hover	.link_moreview,
[data-main="tour"] .list_all>li>a:focus	.link_moreview					{ top:auto; opacity:1; z-index:3 }
[data-main="tour"] .list_tour .swiper_bottom .open:hover,
[data-main="tour"] .list_tour .swiper_bottom .open:focus				{ transform:rotate(360deg); border-color:var(--color-point); background:var(--color-point); }
[data-main="tour"] .list_tour .swiper_bottom .open:hover::before,
[data-main="tour"] .list_tour .swiper_bottom .open:focus::before		{ filter:invert(1); opacity:1; }
[data-main="tour"] .list_banner>li>a:hover,
[data-main="tour"] .list_banner>li>a:focus								{ animation:iconShow 0.7s ease-in-out 1 forwards; }
.section_main_bot .tour_top .flower										{ animation:flowerShow 3s linear infinite; }
.section_main_bot .tour_top .pinwheel1::before							{ animation:degShow 12s linear infinite;}
.section_main_bot .tour_top .pinwheel2::before							{ animation:degShow 6s linear infinite;}
.section_main_bot .tour_top .pinwheel3::before							{ animation:degShow 9s linear infinite;}
.section_main_bot .tour_top .children									{ animation: updown 4s linear infinite; }							
.section_main_bot .tour_top .people										{ animation: updown 4s linear infinite; }
.section_main_bot .tour_top .cloud										{ animation:cloud 7s ease-in-out infinite forwards;}
.section_main_bot .tour_bot .cloud1										{ animation:cloud 6s ease-in-out infinite forwards;}
.section_main_bot .tour_bot .cloud2										{ animation:cloud 6s ease-in-out infinite forwards;}
.section_main_bot .tour_bot .pinwheel1::before							{ animation:degShow 8s linear infinite;}
.section_main_bot .tour_bot .pinwheel2::before							{ animation:degShow 6s linear infinite;}
[data-main="tour"] .list_tour .swiper-slide>a:focus::after,
[data-main="tour"] .list_all>li>a:focus::after							{ position:absolute; width:calc(100% - 2%); height:calc(100% - 4%); left:50%; top:50%; border-radius:20px; border:2px dotted var(--color-white);  transform:translate(-50%,-50%);
																			content:''; z-index:2 }	
[data-main="tour"] .list_tour .swiper-slide>a:focus,
[data-main="tour"] .list_all>li>a:focus									{ outline:none !important; }	


@media all and (max-width:1768px){
	[data-main="tour"] .list_tour .swiper_bottom						{ right:15%; }
	/* 배경 */
	.section_main_bot .tour_top .cloud									{ width:77px; height:44px;	}
	.section_main_bot .tour_top .pinwheel1								{ right:15%; top:.5em; width:39px; height:84px;  }
	.section_main_bot .tour_top .pinwheel1::before						{ left:0; width:39px; height:39px;  }
	.section_main_bot .tour_top .children								{ right:21em; top:-.75em; width:50px; height:124px; }
	.section_main_bot .tour_top .people									{ right:2em; top:-1.5em; width:97px; height:193px; }
	.section_main_bot .tour_top .flower									{ top:7px; width:636px; height:86px; }
	.section_main_bot .tour_top .ruins									{ right:28.5%; top:calc(93px - 66px); width:136px; height:66px; }
	.section_main_bot .tour_top .pinwheel2								{ right:25%; top:calc(93px - 63px); width:34px; height:63px;  }
	.section_main_bot .tour_top .pinwheel2::before						{ left:0; width:34px; height:34px;  }
	.section_main_bot .tour_top .pinwheel3								{ right:39%; top:calc(93px - 57px); width:30px; height:57px;   }
	.section_main_bot .tour_top .pinwheel3::before						{ left:0; width:30px; height:30px;  }

	.section_main_bot .tour_bot .cloud1									{ right:-1em; bottom:10em; width:57px; height:33px;  }
	.section_main_bot .tour_bot .cloud2									{ right:9em; bottom:4.5em; width:47px; height:27px; }
	.section_main_bot .tour_bot .marong									{ right:0; bottom:0; width:115px; height:119px; }
	.section_main_bot .tour_bot .people1								{ right:26.5em; bottom:10px; width:34px; height:89px; }
	.section_main_bot .tour_bot .people2								{ right:19em; bottom:36px; width:51px; height:76px;}
	.section_main_bot .tour_bot .flower									{ right:22.69em; bottom:85px; width:193px; height:54px; }
	.section_main_bot .tour_bot .pinwheel1								{ right:27.94em; bottom:85px; width:18px; height:38px; }
	.section_main_bot .tour_bot .pinwheel1::before						{ left:0; width:18px; height:18px;   }
	.section_main_bot .tour_bot .pinwheel2								{ right:24.56em; bottom:85px; width:23px; height:49px; }
	.section_main_bot .tour_bot .pinwheel2::before						{ left:0; width:23px; height:23px; }
}
@media all and (max-width:1668px){
	[data-main="tour"]::before											{ height:calc(100% - 35%); }
	[data-main="tour"] .list_tour										{ flex:0 1 100%; max-width:inherit; width:100%; padding-top:50px; }
	[data-main="tour"] .list_tour .swiper-slide							{ width:25%; }
	[data-main="tour"] .list_tour .swiper-slide>a strong, 
	[data-main="tour"] .list_all>li>a strong							{ font-size:1.1em; }
	[data-main="tour"] .list_tour .swiper_bottom						{ top:0; right:0; }
	[data-main="tour"] .list_banner										{ width:100%; margin-top:30px;}
	[data-main="tour"] .list_banner>li									{ width:calc((100% - 30px) / 4); }
	[data-main="tour"] .list_banner>li>a								{ height:120px; }
	[data-main="tour"] .swiper_bottom .control.bg						{ background:var(--color-white); }
	
	/* 배경 */
	.section_main_bot .tour_top .cloud									{ top:10em; }
	.section_main_bot .tour_bot											{ z-index:3; }
	.section_main_bot .tour_bot .marong,
	.section_main_bot .tour_bot .people1,
	.section_main_bot .tour_bot .people2,
	.section_main_bot .tour_bot .flower,
	.section_main_bot .tour_bot .cloud2,
	.section_main_bot .tour_bot .pinwheel1,
	.section_main_bot .tour_bot .pinwheel2								{ display:none; }
	
}
@media all and (max-width:1368px){
	[data-main="tour"] .list_tour .swiper-slide>a strong, 
	[data-main="tour"] .list_all>li>a strong							{ font-size:1.067em; }
	[data-main="tour"] .list_tour .swiper-slide>a strong::before,
	[data-main="tour"] .list_all>li>a strong::before,
	[data-main="tour"] .list_tour .swiper-slide>a strong, 
	[data-main="tour"] .list_all>li>a strong							{ height:45px; }
	[data-main="tour"] .list_banner>li>a								{ height:110px; }
	[data-main="tour"] .list_banner>li>a>strong							{ font-size:1.1em; }
}
@media all and (max-width:1268px){
	[data-main="tour"] .title											{ height:83px; padding:25px; }
	[data-main="tour"] .list_all>li										{ width:calc((100% - 40px) / 3); }
		
	/* 배경 */
	.section_main_bot .tour_top .cloud									{ width:60px; height:34px;	}
	.section_main_bot .tour_top .pinwheel1								{ right:12%; top:calc(83px - 64px); width:30px; height:64px;  }
	.section_main_bot .tour_top .pinwheel1::before						{ left:0; width:30px; height:30px;  }
	.section_main_bot .tour_top .children								{ right:17em; top:0; width:40px; height:99px; }
	.section_main_bot .tour_top .people									{ right:2em; top:-1em; width:82px; height:163px; }
	.section_main_bot .tour_top .flower									{ top:17px; width:488px; height:66px; }
	.section_main_bot .tour_top .ruins									{ right:24%; top:calc(83px - 56px); width:95px; height:46px; }
	.section_main_bot .tour_top .pinwheel2								{ right:20%; top:calc(83px - 54px); width:24px; height:44px;  }
	.section_main_bot .tour_top .pinwheel2::before						{ left:0; width:24px; height:24px;  }
	.section_main_bot .tour_top .pinwheel3								{ right:35%; top:calc(83px - 38px); width:20px; height:38px;   }
	.section_main_bot .tour_top .pinwheel3::before						{ left:0; width:20px; height:20px;  }
	.section_main_bot .tour_bot .cloud1									{ right:0; bottom:13em; width:47px; height:27px;  }
	
}
@media all and (max-width:1168px){
	[data-main="tour"] .list_tour .swiper-slide							{ width:33.33%; }
}
@media all and (max-width:1024px){
	[data-main="tour"] .list_tour .swiper-slide>a strong, 
	[data-main="tour"] .list_all>li>a strong							{ font-size:1.03rem; }
	[data-main="tour"] .list_banner>li>a>strong							{ font-size:1.1rem; }

}
@media all and (max-width:968px){
	.section_main_bot													{ width:94%; }
	
	[data-main="tour"]													{ width:100%; }
	[data-main="tour"]::before											{ display:none; }
	[data-main="tour"] .con_inner										{ width:100%; border-radius:15px; padding:1.88em; margin-top:0;
																			background: url(/resource/www/images/main/bg_tour_left.png) no-repeat left center / auto 100%, 
																			url(/resource/www/images/main/bg_tour_right.png) no-repeat calc(100% - 7em) 3em / auto var(--color-light-mint);}
	[data-main="tour"] .title											{ position:relative; z-index:2; background:none; border-radius:0; height:inherit; padding:0; }
	[data-main="tour"] .title .sub_txt									{ width:100%; margin-left:0; }
	[data-main="tour"] .list_tour										{ padding-top:0; }
	[data-main="tour"] .list_tour .swiper_bottom						{ position:initial; margin-top:15px; }
	[data-main="tour"] .swiper_bottom .control.bg						{ margin-left:0; } 
	[data-main="tour"] .list_tour .swiper-slide>a strong::before		{ background:var(--color-light-mint); }
	[data-main="tour"] .list_tour .swiper-slide>a strong				{ background:url(/resource/www/images/main/bg_left_mint.png) no-repeat left bottom / 18px, url(/resource/www/images/main/bg_right_mint.png) no-repeat right bottom / 18px;}
	[data-main="tour"] .list_banner>li									{ width:calc((100% - 10px) / 2); }
	
	/* 배경 */
	.section_main_bot .tour_top											{ z-index:1; position:relative; transform:initial; left:inherit; height:66px; margin-top:-30px; }
	.section_main_bot .tour_top .people									{ right:-3%; top:-29px; }
	.section_main_bot .tour_top .pinwheel3								{ right:38%; }
	.section_main_bot .tour_top .flower									{ top:0; }
	.section_main_bot .tour_top .children								{ right:inherit; left:50%; }
	.section_main_bot .tour_top .cloud									{ top:-3em; left:inherit; right:4em; width:42px; height:24px; }
	.section_main_bot .tour_top .pinwheel1								{ top:calc(66px - 64px); }
	.section_main_bot .tour_top .ruins									{ top:0; width:136px; height:66px;}
	.section_main_bot .tour_top .pinwheel2								{ top:calc(66px - 54px); }
	.section_main_bot .tour_top .pinwheel3								{ top:calc(66px - 38px); right:52%; }
	.section_main_bot .tour_bot .cloud1									{ display:none; }
}
@media all and (max-width:868px){
	.section_main_bot::before											{ top:inherit; bottom:0; height:calc(100% - 10%) }
	[data-main="tour"] .list_tour .swiper-slide							{ width:50%; }
	
}
@media all and (max-width:768px){
	[data-main="tour"] .list_all>li										{ width:calc((100% - 20px) / 2); }
	[data-main="tour"] .list_tour .swiper-slide>a strong, 
	[data-main="tour"] .list_all>li>a strong							{ font-size:1rem; }
	[data-main="tour"] .list_tour .swiper-slide .img, 
	[data-main="tour"] .list_all>li>a .img								{ border-radius:15px; }
	[data-main="tour"] .list_tour .swiper-slide>a strong::before		{ border-radius:15px 15px 0 0; }
	[data-main="tour"] .list_tour .swiper-slide>a strong::before, 
	[data-main="tour"] .list_all>li>a strong::before, [data-main="tour"] 
	.list_tour .swiper-slide>a strong, [data-main="tour"] .list_all>li>a strong	{ height:40px; }
	[data-main="tour"] .list_banner>li>a								{ border-radius:15px;  }
}
@media all and (max-width:668px){
	/* 배경 */
	.section_main_bot .tour_top											{ margin-top:-20px; }
}
@media all and (max-width:568px){
	[data-main="tour"] .con_inner										{ padding:1em; }
	[data-main="tour"] .list_tour .swiper								{ width:calc(100% + 10px); margin-left:-5px; margin-right:-5px; }
	[data-main="tour"] .list_tour .swiper-slide>a						{ width:calc(100% - 10px); margin-left:5px; margin-right:5px; }
	[data-main="tour"] .list_banner>li>a								{ height:100px; }
	/* 배경 */
	.section_main_bot .tour_top											{ margin-top:0px; }
	.section_main_bot .tour_top .children								{ left:1em; top:1em; }
	.section_main_bot .tour_top .flower									{ width:100%; background-position:center bottom; }
	.section_main_bot .tour_top .pinwheel3								{ right:inherit; left:18%; }
	.section_main_bot .tour_top .ruins									{ right:inherit; left:50%; transform:translateX(-50%); }
	.section_main_bot .tour_top .cloud									{ top:-2em; right:2em; width:28px; height:16px; }
	.section_main_bot .tour_top .people									{ width:62px; height:123px; top:-7px; }
	.section_main_bot .tour_top .pinwheel2								{ display:none; }
}
@media all and (max-width:468px){
	[data-main="tour"] .list_all>li										{ width:100%; }
	[data-main="tour"] .list_tour .swiper-slide							{ width:100%; }
	[data-main="tour"] .list_banner>li>a								{ padding:0 12px; }
	[data-main="tour"] .list_banner>li>a>strong							{ font-size:1.067rem; }
}
@media all and (max-width:414px){
	[data-main="tour"] .list_banner>li									{ width:100%; }
	[data-main="tour"] .list_tour .swiper-slide>a strong::before		{ background:#dcf6ef; }
}
@keyframes updown{
    0%		{ transform:translateY(-6px); }
    50%		{ transform:translateY(0px); }
    100% 	{ transform:translateY(-6px); }
}
@keyframes cloud{
    0% {
	opacity:1; 
	transform:translateX(-30px);
	}
    50% {
	opacity:1; 
	transform:translateX(0px);
	}
    100% {
	opacity:1; 
	transform:translateX(-30px);
	}

}
@keyframes degShow{
    0% {
	transform: rotate(0deg);
	-ms-transform: rotate(0deg); 
	-webkit-transform: rotate(0deg); 
	-o-transform: rotate(0deg); 
	-moz-transform: rotate(0deg);
	}
    100% {
	transform:rotate(360deg);
	-ms-transform: rotate(360deg); 
	-webkit-transform: rotate(360deg); 
	-o-transform: rotate(360deg); 
	-moz-transform: rotate(360deg);
	}
}
@keyframes flowerShow{
	0% {
	opacity:1; 
	transform:translate(-5px,0) skewX(2deg);
	}
	50% {
	opacity:.8; 
	transform:translate(0,0) skewX(0deg);
	}
	100% {
	opacity:1; 
	transform:translate(-5px,0) skewX(2deg);
	}
}



/* 접근성용 */
[data-main] .close:focus		{ outline-offset:4px; }