@charset "utf-8";
@import url(dark_main.css);
/*
 * main.css
 *
 */
 
:root{
	/* color설정 - combine-sub.css 상쇄 */
	--color-deepblue:#013664;
	--color-gray8:#888;
	--color-gray9:#999;
	--color-grayC5:#c5c5c5;
	--color-grayE6:#e6e6e6;
	--color-grayLight:#f4f6f8;
	--color-grayB5:#b5b5b5;
}
 
/* layout */
#content{max-width:inherit; margin:0px; padding:0px;}
#header{border-bottom-width:0px;}

/* 공통 */
[data-main]{padding-bottom:50px;}
.inr1500{max-width:1500px; margin:0 auto; padding:0 20px;}
	/* 슬라이드 컨트롤 */
.swiper_bottom .control{flex:none; display:flex; justify-content:center; align-items:center; margin-left:auto; padding-right:20px;}
.swiper_bottom .control button{flex:none; position:relative; width:30px; height:30px; padding:0px; margin:0 3px;}
.swiper_bottom .control button:before{content:''; opacity:0.3; display:block; position:absolute; top:50%; left:50%; width:13px; height:12px; margin:-6px 0 0 -6.5px; background-repeat:no-repeat; background-position:50% 50%; transition:var(--trans-ani); transition-property:left;}
.swiper_bottom .swiper_prev:before{background-image:url(../images/common/btn_slide_arrow02.svg); transform:rotate(-180deg);}
.swiper_bottom .swiper_next:before{background-image:url(../images/common/btn_slide_arrow02.svg);}
.swiper_bottom .swiper_auto:before{background-image:url(../images/common/btn_slide_stop.svg);}
.swiper_bottom .swiper_auto.paused:before{background-image:url(../images/common/btn_slide_play.svg);}
.swiper_bottom .swiper-button-lock ~ .swiper_auto{display:none;}
.swiper_page{display:inline-flex; align-items:center; margin-right:20px; padding-right:10px; font-weight:700; line-height:1.2em;}
.swiper_page i{display:inline-block; margin:0 5px; color:var(--color-grayC5);}
.swiper_page .swiper-pagination-current{padding-right:5px;}
.swiper_page .swiper-pagination-total{color:var(--color-gray9);}
.swiper_bottom .control button:hover:before{opacity:1;}
	/* 모아보기 */
.btn_slide_allView{opacity:0.6; flex:none; display:flex; justify-content:center; align-items:center; min-width:125px; box-sizing:border-box; border-left:1px solid #ededed; font-size:15px; font-weight:500; color:var(--color-black1); transition:var(--trans-ani); transition-property:opacity;}
.btn_slide_allView:before{content:''; display:block; width:21px; height:17px; margin-right:10px; background:url(../images/main/ico_view_slide.svg) no-repeat 50% 0; background-size:100%;}
.btn_slide_allView:hover,
.btn_slide_allView:focus{opacity:1;}

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

/* 통합검색 */
.area_totalSearch{opacity:1; visibility:visible; overflow:hidden; position:relative; top:auto; left:auto; box-shadow:none; transform:translateY(0);}
.area_totalSearch .searchForm{--sizeHig:50px;}
.area_totalSearch .total_search{font-size:20px; border-radius:50px 0 0 50px; margin-right:10px;}

/* 구역 */
.section_main_top{padding-top:30px;}
.section_main_top .inr1500{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch;}
.group_news{flex:0 1 100%; display:flex; align-items:stretch;}
.group_news .box_responsive,
.group_pr .box_responsive{display:flex; align-items:stretch;}
.section_main_bottom{padding-bottom:60px; background-color:var(--color-point-light);}
.section_main_bottom .inr1500{display:flex; flex-direction:column;}

/* 배너모두보기 */
.area_ban_all{opacity:0; visibility:hidden; position:fixed; top:0px; left:0px; z-index:90; width:100%; height:100%; background:rgba(0,0,0,0.7); transition:0.5s easae 0s; transition-property:opacity, visibility;}
.area_ban_all.active{opacity:1; visibility:visible;}
.area_ban_all .inr		{ position:absolute; top:50%; left:50%; width:1000px; max-height:80%; box-sizing:border-box; padding:30px 50px 50px; background-color:var(--color-white); border:4px solid var(--color-point); border-radius:20px; 
								box-shadow:0 20px 50px rgba(0,0,0,0.3); transform:translate(-50%, calc(-50% - 0.5px));}
.area_ban_all .list_all{ display:flex; flex-wrap:wrap; gap:10px; max-height:63vh; overflow-y:auto; padding:5px; box-sizing:border-box; max-width:875px; margin:0 auto;}
.area_ban_all .list_all > li a{display:block; text-align:center; position:relative}
.area_ban_all .list_all .img{display:block; width:100%;}
.area_ban_all .list_all span[data-alt]{opacity:0; overflow:hidden; position:absolute; text-indent:-9999em}
.area_ban_all .btn_slide_allView{opacity:1; position:absolute; top:-1px; right:0px; min-width:inherit; width:70px; height:70px; padding:0px; background-color:var(--color-point); border:0px; border-radius:0 10px 15px 15px;}
.area_ban_all .btn_slide_allView:before{display:block; width:16px; height:16px; margin-right:0px; background:url(../images/main/ico_more_white.svg) no-repeat 50% 50%; transform:rotate(45deg); transition:var(--trans-ani); transition-property:transform;}
.area_ban_all .btn_slide_allView:hover:before,
.area_ban_all .btn_slide_allView:focus:before{transform:rotate(135deg);}
.area_ban_all .inr h3					{ font-size:2.6em; color:#fff; text-align:center; font-family:var(--font-TheJamsil); font-weight:500; line-height:1}
.area_ban_all .inr .total				{ margin:10px 0; font-size:1.067em; font-weight:300; color:#fff; padding:0 5px }
.area_ban_all .inr						{ width:94%; max-width:1500px; background-color:transparent; border:none; border-radius:0; box-shadow:none; overflow-y:hidden; padding:15px 0 30px 0;}
.area_ban_all .list_all					{ max-width:inherit; margin-top:2em }
.area_ban_all .list_all>li				{ width:calc((100% - 20px) / 3); }
.area_ban_all .btn_slide_allView			{ border-radius:100%; top:0; }


/* 상단배너 */
[data-main="spot_banner"]{--sizeHig:420px; --sizeLeft:75px; --sizeSlideHig:360px; flex:auto; position:relative; height:var(--sizeHig); margin-bottom:30px; padding-bottom:0px;}
[data-main="spot_banner"] h2{display:flex; justify-content:center; align-items:center; position:relative; width:var(--sizeLeft); height:calc(var(--sizeSlideHig) / 2); box-sizing:border-box; background-color:#f0f0f0;}
[data-main="spot_banner"] h2 button{position:relative; left:0px; z-index:10; width:100%; height:100%; padding:0px; font-size:18px; color:var(--color-gray5); font-weight:400; transition:var(--trans-ani); transition-property:left;}
[data-main="spot_banner"] h2 button:before{content:''; display:block; width:28px; height:24px; margin:0 auto 15px; background-repeat:no-repeat; background-position:50% 50%; background-size:100%;}
[data-main="spot_banner"] .tab01{border-top-left-radius:15px;}
[data-main="spot_banner"] .tab01 button:before{background-image:url(../images/main/ico_tab_spot01.svg);}
[data-main="spot_banner"] .tab02 button:before{background-image:url(../images/main/ico_tab_spot02.svg);}
[data-main="spot_banner"] .list_spot{position:absolute; top:0px; left:var(--sizeLeft); width:calc(100% - var(--sizeLeft)); height:100%;  background: #fafbff url(../images/common/img_none_logo.png) no-repeat 50% 40%; border-radius: 0 20px 20px 0;}
[data-main="spot_banner"] .list_spot .swiper{border-top-right-radius:15px;}
[data-main="spot_banner"] .list_spot .swiper-slide > *{display:block;}
[data-main="spot_banner"] .swiper-slide > a .img{display:block; width:100%; height:var(--sizeSlideHig);}
[data-main="spot_banner"] .swiper-slide > a .img img{/*object-fit:cover;*/ width:100%; height:100%;}
[data-main="spot_banner"] .swiper-slide > a span[data-alt]{opacity:0; overflow:hidden; display:block; position:absolute; top:50%; left:50%; z-index:2; width:95%; height:95%; border:2px solid var(--color-black1); outline:1px solid var(--color-white); text-indent:100%; white-space:nowrap; transform:translate(-50%, -50%);}
[data-main="spot_banner"] .swiper-slide > a:focus span[data-alt]{opacity:1;}
[data-main="spot_banner"] .slide_subject{flex:auto; display:flex; align-items:center; box-sizing:border-box; padding:0 50px 0 30px;}
[data-main="spot_banner"] .slide_subject span{display:-webkit-box; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; line-height:1.3em;}
[data-main="spot_banner"] .swiper_bottom{display:flex;justify-content:space-between;align-items:stretch;position:absolute;left:calc(var(--sizeLeft) * -1);width:calc(100% + var(--sizeLeft));height:calc(100% - var(--sizeSlideHig));box-sizing:border-box;background:var(--color-white);border:1px solid var(--color-grayE6);border-radius:0 0 15px 15px;bottom: 0;}
	/* tab active */
[data-main="spot_banner"] h2.active:after{content:''; display:block; position:absolute; left:-20px; z-index:5; width:calc(100% + 20px); height:100%; background-color:var(--color-deepblue); border-radius:15px 0 0 15px; box-shadow:0 20px 20px rgba(0,0,0,0.13);}
[data-main="spot_banner"] h2.active button{left:-10px; color:var(--color-white);}
[data-main="spot_banner"] .tab01.active button:before{background-image:url(../images/main/ico_tab_spot01_w.svg);}
[data-main="spot_banner"] .tab02.active button:before{background-image:url(../images/main/ico_tab_spot02_w.svg);}

/* 열린시장실 */
[data-main="mayor"]{width:520px; margin-left:30px;}
[data-main="mayor"] h2{font-size:25px; color:var(--color-black1); letter-spacing:-0.5px; line-height:1.2em;}
[data-main="mayor"] h2:before{content:''; display:block; width:85px; height:1px; margin-bottom:10px; background-color:var(--color-black1);}
[data-main="mayor"] h2 strong{font-family:var(--font-TheJamsil);}
[data-main="mayor"] .box_mayor{height:320px; box-sizing:border-box; padding:25px 40px 25px; background:url(../images/main/img_mayor01n.jpg) no-repeat 50% 50%; background-size:cover; border-radius:15px;}
[data-main="mayor"] .box_mayor .slogan{display:block; width:290px; height:50px; margin-bottom:10px; background:url(../images/main/img_mayor02.svg) no-repeat 0 0; background-size:100%;}
[data-main="mayor"] .box_mayor .list{display:flex; flex-flow:column nowrap; margin-top:30px;}
[data-main="mayor"] .box_mayor .list > li{margin-top:10px;}
[data-main="mayor"] .box_mayor .list > li a{overflow:hidden; display:inline-flex; align-items:center; position:relative; min-width:190px; height:38px; box-sizing:border-box; padding:5px 25px; background:var(--color-deepblue); border-radius:10px; color:var(--color-white); font-size:.9em}
[data-main="mayor"] .box_mayor .list > li a span{position:relative; z-index:1;}
[data-main="mayor"] .box_mayor .list > li a:after{content:''; opacity:0.8; display:block; position:absolute; right:20px; top:50%; z-index:1; width:7px; height:11px; margin-top:-5.5px; background:url(../images/main/ico_link_arrow.svg) no-repeat 50% 50%; background-size:100%; transition:var(--trans-ani); transition-property:oapcity;}
[data-main="mayor"] .box_mayor .list > li a:before{content:''; display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; background-image:linear-gradient(90deg, var(--color-deepblue), #1561a4); transform:translateX(100%); transition:0.5s ease-in-out 0s; transition-property:transform;}
[data-main="mayor"] .box_mayor .list > li a:hover:before,
[data-main="mayor"] .box_mayor .list > li a:focus:before{transform:translateX(0);}
[data-main="mayor"] .box_mayor .list > li a:hover:after,
[data-main="mayor"] .box_mayor .list > li a:focus:after{opacity:1;}
	/* 시청바로가기 */
[data-main="mayor"] .link_city_hall{margin-top:25px;}
[data-main="mayor"] .link_city_hall > ul{display:flex; flex-wrap:wrap; padding:0 20px;}
[data-main="mayor"] .link_city_hall > ul > li{flex:0 1 20%; display:flex; justify-content:center; align-items:flex-start; box-sizing:border-box;}
[data-main="mayor"] .link_city_hall a{display:inline-block; font-weight:500;}
[data-main="mayor"] .link_city_hall .ico{display:block; width:42px; height:34px; margin:0 auto 10px; background-repeat:no-repeat; background-position:50% 50%; background-size:100%; filter:grayscale(0); transition:var(--trans-ani); transition-property:filter;}
[data-main="mayor"] .link_city_hall .ico.city01{background-image:url(../images/main/ico_mayor_link01.svg);}
[data-main="mayor"] .link_city_hall .ico.city02{background-image:url(../images/main/ico_mayor_link02.svg);}
[data-main="mayor"] .link_city_hall .ico.city03{background-image:url(../images/main/ico_mayor_link03.svg);}
[data-main="mayor"] .link_city_hall .ico.city04{background-image:url(../images/main/ico_mayor_link04.svg);}
[data-main="mayor"] .link_city_hall .ico.city05{background-image:url(../images/main/ico_mayor_link05.png);}
[data-main="mayor"] .link_city_hall a:hover .ico,
[data-main="mayor"] .link_city_hall a:focus .ico{filter:grayscale(80%);}

/* 게시판 */
[data-main="news"]{--sizeTabHig:60px; flex:auto; display:flex; align-items:flex-start; position:relative; min-height:396px;}
[data-main="news"] p{display:inline-flex; justify-content:flex-start; align-items:center; position:relative; z-index:5; height:var(--sizeTabHig); background:var(--color-grayLight);}
[data-main="news"] p > button{display:inline-flex; align-items:center; height:calc(var(--sizeTabHig) - 14px); box-sizing:border-box; padding:0 11px; border:1px solid transparent; border-radius:10px; font-size:17px; font-weight:600; color:#81888d; transition:var(--trans-ani); transition-property:background, border, box-shadow;}
[data-main="news"] p > button br{display:none;}
[data-main="news"] p > button.nwin:after{content:''; opacity:0.3; display:block; width:15px; height:15px; margin-left:5px; background:url(../images/main/ico_newtab.svg) no-repeat 50% 50%; transition:var(--trans-ani); transition-property:opacity;}
[data-main="news"] p > button.nwin:hover:after{opacity:1;}
[data-main="news"] p.active{z-index:6;}
[data-main="news"] p.active > button{background-color:var(--color-white); border-color:var(--color-point); box-shadow:0 10px 15px rgba(7,91,166,0.2); font-weight:700; color:var(--color-point);}
[data-main="news"] p.tab01{padding-left:17px; border-radius:15px 0 0 15px;}
[data-main="news"] .list_news{position:absolute; top:var(--sizeTabHig); left:0px; width:100%; padding:10px 0; border-bottom:1px solid #ebebeb;}
[data-main="news"] .list_news ul > li{padding:5px 10px;}
[data-main="news"] .list_news ul > li a{display:flex; justify-content:flex-start; align-items:center;}
[data-main="news"] .list_news ul > li a i{display:inline-flex; justify-content:center; align-items:center; min-width:115px; height:25px; box-sizing:border-box; padding:0 10px; background:var(--color-white); border:1px solid #d9d9dc; border-radius:50rem; line-height:1.2em; font-size:13px; color:var(--color-gray8); font-weight:500;}
[data-main="news"] .list_news ul > li a em{font-weight:500; color:var(--color-gray4); transition:var(--trans-ani); transition-property:color;}
[data-main="news"] .list_news ul > li a span{box-sizing:border-box; font-size:15px; color:var(--color-gray9); text-align:right;}
[data-main="news"] .list_news ul > li a span small{font-size:inherit;}
[data-main="news"] .list_news ul > li:not(:first-child) a em{flex:auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-left:10px; padding-right:40px;}
[data-main="news"] .list_news ul > li:not(:first-child) span{min-width:103px;}
[data-main="news"] .list_news ul > li:first-child{padding:20px 10px; margin-bottom:10px; border-bottom:1px dashed #e4edf7;}
[data-main="news"] .list_news ul > li:first-child a{flex-direction:column; align-items:flex-start; position:relative; min-height:90px; padding-left:120px;}
[data-main="news"] .list_news ul > li:first-child a i{color:var(--color-point); font-weight:600;}
[data-main="news"] .list_news ul > li:first-child a em{display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; margin-top:7px; line-height:1.3em; font-size:22px; font-weight:600; color:var(--color-black1); word-break:keep-all;}
[data-main="news"] .list_news ul > li:first-child a span{flex:none; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; position:absolute; left:0px; width:96px; height:96px; background:#e7f2fc; border-radius:100%; font-size:25px; font-weight:700; color:var(--color-point); text-align:center; line-height:1.1em;}
[data-main="news"] .list_news ul > li:first-child a span small{flex:0 1 100%; margin-top:10px; font-size:15px; color:#6d7379; line-height:1.2em;}
[data-main="news"] .list_news ul > li a:hover em{color:var(--color-point); text-decoration:underline;}
[data-main="news"] .list_news ul > li:first-child a:hover em{text-decoration:none;}
[data-main="news"] .btn{display:flex; justify-content:flex-end; align-items:stretch; position:absolute; top:calc(var(--sizeTabHig) * -1); right:0px; width:70%; height:var(--sizeTabHig); background:var(--color-grayLight); border-radius:0 15px 15px 0px;}
[data-main="news"] .btn_bbs_more{position:relative; width:50px; border-left:1px solid #e4e6ee;}
[data-main="news"] .btn_bbs_more:before{content:''; display:block; position:absolute; top:50%; left:50%; width:11px; height:11px; margin:-5.5px 0 0 -5.5px; background:url(../images/main/ico_more.svg) no-repeat 50% 50%; background-size:100%; transform:rotate(0deg); transition:var(--trans-ani); transition-property:transform;}
[data-main="news"] .btn_bbs_more:hover:before{transform:rotate(90deg);}

/* 행사정보 */
[data-main="event"]{flex:none; width:320px; margin-left:30px;}
[data-main="event"] h2{margin:10px 0 15px; font-family:var(--font-TheJamsil); font-weight:600; font-size:25px;}
[data-main="event"] h2 small{font-size:18px;display:block}
[data-main="event"] .list_event{position:relative;}
[data-main="event"] .list_event .swiper-slide .img{overflow:hidden; display:block; height:192px; border-radius:15px 15px 0 0;background: #fafbff url(../images/common/img_none_logo.png) no-repeat center;}
[data-main="event"] .list_event .swiper-slide .img img{object-fit:cover; width:100%; height:100%;}
[data-main="event"] .list_event .swiper-slide a{display:block}
[data-main="event"] .list_event .swiper-slide a:focus{outline-offset:-2px;}
[data-main="event"] .list_event .swiper-slide div{min-height:112px; box-sizing:border-box; padding:20px; border:1px solid var(--color-grayE6); border-radius:0 0 15px 15px;}/*min-height:140px;*/
[data-main="event"] .list_event .swiper-slide div i{display:inline-flex; justify-content:center; align-items:center; min-width:65px; min-height:25px; border:1px solid #f68191; border-radius:50rem; line-height:1.2em; font-size:13px; font-weight:500; color:#d23a4f;}
[data-main="event"] .list_event .swiper-slide div em{display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; margin-top:10px; line-height:1.3em; font-size:18px; font-weight:600; color:var(--color-black1);}
[data-main="event"] .swiper_bottom .control button{position:absolute; top:80px; z-index:10; width:35px; height:45px; margin:0px; background:#f0f0f0; transition:var(--trans-ani); transition-property:background;}
[data-main="event"] .swiper_bottom .control button:before{opacity:1; width:13px; height:10px; background-image:url(../images/main/ico_btn_slide.svg);}
[data-main="event"] .swiper_bottom .control .swiper_prev{left:0px; border-radius:0 10px 10px 0;}
[data-main="event"] .swiper_bottom .control .swiper_next{right:0px; border-radius:10px 0 0 10px;}
[data-main="event"] .swiper_bottom .control button:hover,
[data-main="event"] .swiper_bottom .control button:focus{background-color:var(--color-point);}
[data-main="event"] .swiper_bottom .control button:hover:before,
[data-main="event"] .swiper_bottom .control button:focus:before{background-image:url(../images/main/ico_btn_slide_w.svg);}
[data-main="event"] .control_top{display:flex; align-items:center; position:absolute; right:0px; top:-80px;}/*top:-52px;*/
[data-main="event"] .swiper_page{margin-right:10px;}
[data-main="event"] .btn_more_round{flex:none; display:inline-block; position:relative; width:35px; height:35px; box-sizing:border-box; background:var(--color-white); border:1px solid var(--color-grayE6); border-radius:100%; transition:var(--trans-ani); transition-property:border;}
[data-main="event"] .btn_more_round:before{content:''; display:block; position:absolute; top:50%; left:50%; width:11px; height:11px; margin:-5.5px 0 0 -5.5px; background:url(../images/main/ico_more.svg) no-repeat 50% 50%; background-size:100%; transform:rotate(0deg); transition:var(--trans-ani); transition-property:transform;}
[data-main="event"] .btn_more_round:hover,
[data-main="event"] .btn_more_round:focus{border-color:#afafaf;}
[data-main="event"] .btn_more_round:hover:before,
[data-main="event"] .btn_more_round:focus:before{transform:rotate(90deg);}

/* 팝업존 */
[data-main="popupZone"]{--sizeSlideHig:346px; flex:none; width:520px; margin-left:30px;}
[data-main="popupZone"] .list_popup{overflow:hidden; height:100%; border-radius:15px;}
[data-main="popupZone"] .swiper-slide a{display:block; position:relative;}
[data-main="popupZone"] .swiper-slide .img{overflow:hidden; display:block; height:var(--sizeSlideHig);}
[data-main="popupZone"] .swiper-slide .img img{object-fit:cover; width:100%; height:100%;}
[data-main="popupZone"] .swiper-slide > a span[data-alt]{opacity:0; overflow:hidden; display:block; position:absolute; top:50%; left:50%; z-index:2; width:95%; height:95%; border:2px solid var(--color-black1); outline:1px solid var(--color-white); text-indent:100%; white-space:nowrap; transform:translate(-50%, -50%);}
[data-main="popupZone"] .swiper-slide > a:focus span[data-alt]{opacity:1;}
[data-main="popupZone"] .swiper_bottom{display:flex; justify-content:space-between; align-items:stretch; height:calc(100% - var(--sizeSlideHig)); box-sizing:border-box; background:var(--color-white); border:1px solid var(--color-grayE6); border-radius:0 0 15px 15px;}
[data-main="popupZone"] .swiper_page{padding-left:25px; margin-right:0px;}
	/* 모아보기 */
[data-main="popupZone"] .area_ban_all .list_all > li{ width:calc((100% - 30px) / 4); }

/* 분야별바로가기 */
[data-main="sector"]{flex:0 1 100%; margin-top:50px;}
[data-main="sector"] .inr_box{display:flex; flex-direction:column;  position:relative; padding:25px 20px; background:var(--color-white); border-radius:15px; min-height:16.5em}
[data-main="sector"] .list{--sizebtnHig:44px; display:inline-flex; justify-content:center; align-items:stretch; margin:0 auto 30px; padding:6px; background:var(--color-grayLight); border-radius:15px;}
[data-main="sector"] .list > li button,
[data-main="sector"] .list > li a{display:flex; justify-content:center; align-items:center; min-width:100px; height:var(--sizebtnHig); border:1px solid transparent; border-radius:10px; padding:0 10px; font-size:18px; font-weight:500; color:var(--color-black1); transition:var(--trans-ani); transition-property:background, border, box-shadow;}
[data-main="sector"] .list > li button.active{background-color:var(--color-white); border-color:var(--color-point); box-shadow:0 10px 15px rgba(7,91,166,0.2); color:var(--color-point); font-weight:700;}
[data-main="sector"] .list > li a[target="_blank"]:after{content:''; opacity:0.3; display:block; width:15px; height:15px; margin-left:5px; background:url(../images/main/ico_newtab.svg) no-repeat 50% 50%; transition:var(--trans-ani); transition-property:opacity;}
[data-main="sector"] .list > li a[target="_blank"]:hover:after{opacity:1;}
[data-main="sector"] .list > li button[data-tabcont="sectorTab04"]{padding:0 25px;}
[data-main="sector"] .icon{display:flex; justify-content:center; align-items:center; width:90px; height:90px; margin:0 auto; background:#f4f5f9; border-radius:100%; transition:var(--trans-ani); transition-property:background;}
[data-main="sector"] .icon i{display:block; width:44px; height:40px;}
[data-main="sector"] .conts_tab{position:relative; padding:0 0 30px;}
[data-main="sector"] .conts_tab:before,
[data-main="sector"] .conts_tab:after{content:''; display:block; position:absolute; top:0px; z-index:10; width:50px; height:100%; background-image:linear-gradient(90deg, rgba(255,255,255,0) 20%, #fff);}
[data-main="sector"] .conts_tab:before{left:0px; transform:rotate(-180deg);}
[data-main="sector"] .conts_tab:after{right:0px;}
[data-main="sector"] .conts_tab .swiper{padding:0 50px;}
[data-main="sector"] .swiper-wrapper	{ width:auto; display:flex; /*justify-content:center;*/ }
[data-main="sector"] .swiper-slide{flex:1 1 150px; text-align:center; max-width:190px;}
[data-main="sector"] .swiper-slide > a{display:inline-block; min-width:150px; box-sizing:border-box; padding:0 10px;}
[data-main="sector"] .swiper-slide > a:focus{outline-offset:-2px;}
[data-main="sector"] .slide_item em{display:block; margin-top:5px; font-size:17px; line-height:1.2; color:var(--color-gray4); font-weight:500; text-align:center; transition:var(--trans-ani); transition-property:color;}
[data-main="sector"] .slide_item:hover .icon{background-color:#e7f2fc;}
[data-main="sector"] .slide_item:hover i{animation:iconShow 0.7s ease-in-out 1 forwards;}
[data-main="sector"] .slide_item:hover em{color:var(--color-point); font-weight:700;}
[data-main="sector"] .control button{position:absolute; top:50%; z-index:20; width:45px; height:45px; box-sizing:border-box; background-color:var(--color-white); border:1px solid #dedede; border-radius:100%; transform:translateY(-100%);}
[data-main="sector"] .control .swiper_prev{left:0;}
[data-main="sector"] .control .swiper_next{right:0;}
[data-main="sector"] .control button:disabled{opacity:0.5; pointer-events:none;}
[data-main="sector"] .btn_sector_view{display:flex; justify-content:center; align-items:center; position:absolute; left:50%; bottom:calc((45px / 2) * -1); width:95px; height:45px; box-sizing:border-box; background-color:var(--color-deepblue); border-radius:1em; transform:translateX(-50%); color:#fff}
[data-main="sector"] .btn_sector_view i{display:block; width:11px; height:11px; background:url(../images/main/ico_more_white.svg) no-repeat 50% 50%; transform:rotate(0deg); transition:var(--trans-ani); transition-property:transform; margin-left:5px;}
[data-main="sector"] .btn_sector_view svg{width:100%; height:100%; vertical-align:top;}
[data-main="sector"] .btn_sector_view .svg_path{fill:#fff;}
[data-main="sector"] .btn_sector_view:hover i,
[data-main="sector"] .btn_sector_view:focus i{transform:rotate(90deg);}
	/* 분야별 바로가기 모두보기 */
.area_sector_all{opacity:0; visibility:hidden; position:fixed; top:0px; left:0px; z-index:90; width:100%; height:100%; background:rgba(0,0,0,0.5); transition:0.5s easae 0s; transition-property:opacity, visibility;}
.area_sector_all .inr{position:absolute; top:50%; left:50%; width:1400px; box-sizing:border-box; padding:30px 50px 50px; background-color:var(--color-white); border-radius:20px; box-shadow:0 20px 50px rgba(0,0,0,0.3); transform:translate(-50%, -50%);}
.area_sector_all .list_all{display:flex; flex-wrap:wrap; justify-content:center;}
.area_sector_all .list_all > li{flex:0 1 130px; margin:15px 0px; text-align:center; padding:0 5px}
.area_sector_all a{display:inline-block;}
.area_sector_all h3{padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ebebeb; font-size:30px; font-family:var(--font-TheJamsil); text-align:center; font-weight:600; color:var(--color-point);}
.area_sector_all.active{opacity:1; visibility:visible;}
.area_sector_all .banner		{display:flex; flex-wrap:wrap; justify-content:center; border-top:1px solid #ebebeb; padding-top:.25em; margin-top:.25em}
.area_sector_all .banner > li	{flex:0 1 160px; margin:15px 0px;  text-align:center; padding:0 5px; }
.area_sector_all .banner > li em	{ line-height:1.2; letter-spacing:-.065em }
[data-main="sector"] .area_sector_all .btn_sector_view.close	{ width:45px; border-radius:100% }
[data-main="sector"] .btn_sector_view.close i{transform:rotate(45deg); margin-left:0}
[data-main="sector"] .btn_sector_view.close:hover i,
[data-main="sector"] .btn_sector_view.close:focus i{transform:rotate(135deg);}

/* 시정뉴스룸 */
.group_pr{--sizeMargin:30px; --sizeTitleHig:67px; display:flex; justify-content:space-between; align-items:stretch; margin-left:calc(var(--sizeMargin) * -1);}
.group_pr h2{font-family:var(--font-TheJamsil); font-size:25px; font-weight:600;}
.group_pr .title{display:flex; justify-content:space-between; align-items:center; height:var(--sizeTitleHig); box-sizing:border-box; padding:0 20px 0 25px; border-bottom:1px solid var(--color-grayE6);}
.group_pr .btn_more{display:block; position:relative; justify-content:center; align-items:center; width:40px; height:40px;}
.group_pr .btn_more:before{content:''; display:block; position:absolute; top:50%; left:50%; width:16px; height:16px; margin:-8px 0 0 -8px; background:url(../images/main/ico_more.svg) no-repeat 50% 50%; background-size:100%; transform:rotate(0deg); transition:var(--trans-ani); transition-property:transform;}
.group_pr .btn_more:hover:before{transform:rotate(90deg);}
.group_pr [data-main]{min-height:427px; margin-left:var(--sizeMargin); padding-bottom:0px; background-color:var(--color-white); border-radius:15px;}
[data-main="gov"]{flex:auto;}
[data-main="gov"] .list{display:flex; justify-content:flex-start; align-items:stretch; height:calc(100% - var(--sizeTitleHig)); box-sizing:border-box; padding:20px; margin-left:-20px;}
[data-main="gov"] .list > li{flex:none; width:calc(100% / 2); box-sizing:border-box; padding-left:20px;}
[data-main="gov"] .list > li a{display:block; position:relative; height:100%;}
[data-main="gov"] .list > li a > *:not(.img){padding-left:10px; padding-right:10px;}
[data-main="gov"] .list > li a > i{display:block; margin-top:15px; font-size:15px; font-weight:700; color:var(--color-point);}
[data-main="gov"] .list > li a > em{display:block; margin-top:5px; font-size:20px; font-weight:600; color:var(--color-black1); display:-webkit-box; line-height:1.3em; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis;}
[data-main="gov"] .list > li a > span:not(.img){display:block; position:absolute; bottom:10px; font-size:15px; color:var(--color-gray8);}
[data-main="gov"] .list .img{overflow:hidden; display:block; height:180px; border-radius:10px;background: #fafbff url(../images/common/img_none_logo.png) no-repeat center;}
[data-main="gov"] .list .img img{object-fit:cover; width:100%; height:100%; transform:scale(1,1) rotate(0.001deg); transition:0.5s ease 0s; transition-property:transform;}
[data-main="gov"] .list > li a:hover img,
[data-main="gov"] .list > li a:focus img{transform:scale(1.07, 1.07);}

/* sns */
[data-main="sns"]{flex:none; width:558px;}
[data-main="sns"] .btn_sns{display:flex; justify-content:flex-end; align-items:center;}
[data-main="sns"] .btn_sns a{overflow:hidden; position:relative; width:40px; height:40px; margin-left:5px; border-radius:100%; transition:0.3s ease 0s; transition-property:box-shadow;}
[data-main="sns"] .btn_sns a:hover{box-shadow:0 10px 15px rgba(0,0,0,0.15);}
[data-main="sns"] [data-sns]{overflow:hidden; display:block; width:100%; height:100%; border-radius:100%; text-indent:100%; white-space:nowrap;}
[data-main="sns"] [data-sns]:before{content:''; display:block; position:absolute; top:50%; left:50%; width:20px; height:20px; margin:-10px 0 0 -10px; background:url(../images/main/sp_sns.png) no-repeat 0 0; background-size:20px 100px;}
[data-main="sns"] [data-sns="kakaoch"]{background-color:#ffde00;}
[data-main="sns"] [data-sns="kakaoch"]:before{background-position:0 0;}
[data-main="sns"] [data-sns="blog"]{background-color:#009345;}
[data-main="sns"] [data-sns="blog"]:before{background-position:0 -40px;}
[data-main="sns"] [data-sns="facebook"]{background-color:#3b5998;}
[data-main="sns"] [data-sns="facebook"]:before{background-position:0 -20px;}
[data-main="sns"] [data-sns="youtube"]{background-color:#d82a2a;}
[data-main="sns"] [data-sns="youtube"]:before{background-position:0 -60px;}
[data-main="sns"] [data-sns="instar"]{background:url(../images/main/bg_instar.svg) no-repeat 50% 50%; background-size:100%;}
[data-main="sns"] [data-sns="instar"]:before{background-position:0 -80px;}
[data-main="sns"] .list_sns{height:calc(100% - var(--sizeTitleHig)); box-sizing:border-box; padding:20px 10px;}
[data-main="sns"] .list_sns .swiper-slide{width:50%;}
[data-main="sns"] .list_sns .swiper-slide a{display:block; padding:0 12px;margin:3px}
[data-main="sns"] .list_sns .swiper-slide .img{overflow:hidden; display:block; position:relative; width:100%; height:239px; border-radius:10px; background:url(../images/common/img_none.png) no-repeat 50% 50% / 80% auto #fafafa}
[data-main="sns"] .list_sns .swiper-slide .img img{object-fit:cover; width:100%; height:100%;}
[data-main="sns"] .list_sns .swiper-slide .img [data-sns]{position:absolute; bottom:0px; left:0px; width:50px; height:50px; border-radius:0; border-top-right-radius:10px;}
[data-main="sns"] .list_sns .swiper-slide em{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:10px; font-size:17px;}
[data-main="sns"] .swiper_bottom{display:flex; justify-content:center; margin-top:10px;}
[data-main="sns"] .swiper_bottom .control{margin-left:0px; padding-right:0px;}
[data-main="sns"] .swiper_bottom .swiper_page{justify-content:center; min-width:130px; margin-right:0px; padding-right:0px;}

/* 전주다움 */
[data-main="ebook"]{flex:none; width:300px;}
[data-main="ebook"] .list{position:relative; padding:24px 10px;}
[data-main="ebook"] .list .img{overflow:hidden; display:block; width:217px; height:290px; margin:0 auto; border-radius:10px;}
[data-main="ebook"] .list .img img{object-fit:cover; width:100%; height:100%;}
[data-main="ebook"] .list .btn_view_ebook{display:inline-flex; justify-content:center; align-items:center; position:absolute; bottom:0px; left:50%; min-width:170px; min-height:45px; box-sizing:border-box; padding:0 10px; background-color:var(--color-deepblue); color:var(--color-white); border-radius:50rem; box-shadow:0 10px 15px rgba(7,91,166,0.2); transform:translateX(-50%); transition:var(--trans-ani); transition-property:background; line-height:1}
[data-main="ebook"] .list .btn_view_ebook:before{content:''; display:block; width:14px; height:14px; margin-right:10px; background:url(../images/main/ico_view_ebook.svg) no-repeat 50% 50%; background-size:100%; margin-top:-2px;}
[data-main="ebook"] .list .btn_view_ebook:hover,
[data-main="ebook"] .list .btn_view_ebook:focus{background-color:var(--color-point);}

.group_pr [data-main="ebook"] .btn_more{display:block; position:relative; justify-content:center; align-items:center; width:40px; height:40px;background:#e84a84;border-radius:50%}
.group_pr [data-main="ebook"] .btn_more:before{content:''; display:block; position:absolute; top:40%; left:40%; width:26px; height:26px; background:url(../images/main/ico_emore.png) no-repeat 50% 50%; background-size:100%; transform:rotate(0deg); transition:var(--trans-ani); transition-property:transform;}


@keyframes iconShow{
	0%{transform:translateY(0);}	
	25%{transform:translateY(-10px);}	
	50%{transform:translateY(0);}	
	75%{transform:translateY(-5px);}	
	100%{transform:translateY(0);}	
}

@media screen and (max-width:1550px){
	/* 구역 */
	.group_news{display:block;}
	
	/* 게시판 */
	[data-main="news"]{flex:0 1 100%;}
	[data-main="news"] h2 > button{padding:0 max(15px, 1.935vw/* 30px */);}
	
	/* 행사정보 */
	[data-main="event"]{flex:auto; margin-left:0px;}
	[data-main="event"] .slide_item{display:flex; align-items:stretch;}
	[data-main="event"] .list_event .swiper-slide .img{flex:none; width:max(300px, 32.258vw/* 500px */); height:332px; border-radius:15px 0 0 15px;}
	[data-main="event"] .list_event .swiper-slide div{flex:auto; border-radius:0 15px 15px 0px;}
	[data-main="event"] .swiper_bottom .control button{top:150px;}
	
	/* 팝업존 */
	[data-main="popupZone"] .swiper_bottom{min-height:50px;}
	
	/* 분야별 */
	.area_sector_all .inr{width:90%; height:90%}
	.area_sector_all .list_all > li{text-align:center;}
	.area_sector_all .list_all,
	.area_sector_all .banner		{ overflow-y:auto; max-height:calc(100% - 80px);}
}

@media screen and (max-width:1400px){
	/* 구역 */
	.group_pr{display:block;}
	.group_pr .box_responsive{margin-top:50px;}
	
	/* 상단배너 */
	[data-main="spot_banner"]{--sizeHig:auto; --sizeSlideHig:380px;}
	[data-main="spot_banner"] h2.active:after{left:0px; width:100%;}
	[data-main="spot_banner"] h2.active button{left:0px;}
	
	/* 열린시장실 */
	[data-main="mayor"] .box_mayor{height:auto;}
	
	/* 시정뉴스룸 */
	.group_pr{margin-left:0px;}
	.group_pr [data-main]{margin-left:0px;}
	[data-main="gov"]{min-height:inherit !important;}
	[data-main="gov"] .list{padding-bottom:30px;}
	[data-main="gov"] .list .img{height:22.857vw/* 320px */;}
	[data-main="gov"] .list > li a > em{height:2.6em; margin-bottom:30px;}
	[data-main="gov"] .list > li a > span:not(.img){bottom:0px;}
	
	/* sns */
	[data-main="sns"]{width:calc(100% - (300px + var(--sizeMargin)));}
	[data-main="sns"] .list_sns .swiper-slide{width:calc(100% / 3);}
	[data-main="ebook"]{margin-left:var(--sizeMargin) !important;}
	
	/* 분야별 */
	
	.area_sector_all .list_all > li,
	.area_sector_all .banner > li{flex:0 1 calc(100% / 6);}
	
}

@media screen and (max-width:1300px){
	/* 구역 */
	.section_main_top .inr1500{display:block;}
	
	/* 상단배너 */
	[data-main="spot_banner"]{flex:0 1 100%; --sizeHig:49.769vw/* 647px */; --sizeSlideHig:44.385vw/* 577px */; margin-bottom:50px;}
	[data-main="spot_banner"] .swiper-slide > a .img{height:var(--sizeSlideHig);}
	[data-main="spot_banner"] .swiper_bottom{min-height:60px;}
	
	/* 열린시장실 */
	[data-main="mayor"]{flex:0 1 100%; display:flex; align-items:stretch; width:auto; margin-left:0px;}
	[data-main="mayor"] .box_mayor{flex:auto; padding-bottom:40px; background-image:url(../images/main/img_mayor01_mobn.jpg); background-position:80% 0;}
	[data-main="mayor"] .box_mayor .list{flex-flow:row wrap; margin-top:20px;}
	[data-main="mayor"] .box_mayor .list > li{margin-right:5px;}
		/* 시청바로가기 */
	[data-main="mayor"] .link_city_hall{width:35%; margin:0;}/*margin:15px 0;*/
	[data-main="mayor"] .link_city_hall > ul{height:100%;}
	[data-main="mayor"] .link_city_hall > ul > li{flex:0 1 50%; display:flex; flex-direction:column; justify-content:center; align-items:center; height:33.333%; box-sizing:border-box; border-top:1px solid #ededed; border-left:1px solid #ededed;}
	[data-main="mayor"] .link_city_hall > ul > li:first-child,
	[data-main="mayor"] .link_city_hall > ul > li:nth-of-type(2){border-top-width:0px;}
	[data-main="mayor"] .link_city_hall > ul > li:nth-child(2n+1){border-left-width:0px;}
	[data-main="mayor"] .link_city_hall > ul > li:last-child{flex:0 1 100%;}
}

@media screen and (max-width:1200px){
	#header .inr_box{border-bottom-width:0px;}
	
	/* 모아보기 */
	.area_ban_all .inr{width:90%; transform:translate(-50%, -50%);}
	
	/* 행사정보 */
	[data-main="event"] .slide_item{display:block;}
	[data-main="event"] .list_event .swiper-slide .img{flex:none; width:auto; height:192px; border-radius:15px 15px 0 0;}
	[data-main="event"] .list_event .swiper-slide div{border-radius:0 0 15px 15px;}
	
	/* 분야별바로가기 */
	[data-main="sector"] .swiper-slide > a{min-width:130px;}
	[data-main="sector"] .inr_box{min-height:20em}
}

@media screen and (max-width:1024px){
	/* 구역 */
	.section_main_top{padding-top:50px;}
	
	/* 모아보기 */
	.area_ban_all .inr{padding:30px 20px;}
	.area_ban_all .btn_slide_allView{width:50px; height:50px;}
	
	/* 상단배너 */
	[data-main="spot_banner"] h2 button{font-size:16px;}
	[data-main="spot_banner"] .swiper_bottom	{ min-height:45px; }
	.area_ban_all .list_all>li		{ width:calc((100% - 10px) / 2); }
	.area_ban_all .inr				{ padding-top:5px; }
	
	/* 열린시장실 */
	[data-main="mayor"] .box_mayor{background-position:70% 0;}
	
	/* 행사정보 */
	[data-main="event"]{width:31.250vw/* 320px */;}
	[data-main="event"] h2{margin-top:0px;}
	[data-main="event"] .list_event .swiper-slide .img{height:18.750vw/* 192px */;}
	[data-main="event"] .list_event .swiper-slide div{min-height:14.648vw/* 150px */;}
	[data-main="event"] .list_event .swiper-slide div em{height:2.6em;}
	[data-main="event"] .swiper_bottom .control button{top:70px;}
	
	/* 팝업존 */
	[data-main="popupZone"]{--sizeSlideHig:32.813vw/* 336px */; width:50.781vw/* 520px */;}
	
	
	/* 분야별 */
	.area_sector_all .inr{height:80%;}

	.area_sector_all .list_all > li{flex:0 1 calc(100% / 5);}
	.area_sector_all .banner > li{flex:0 1 calc(100% / 4);}
	
	/* sns */
	[data-main="sns"]{width:calc(100% - (280px + var(--sizeMargin)));}
	[data-main="sns"] [data-sns]:before{background-image:url(../images/main/sp_sns@x3.png);}
	[data-main="sns"] .list_sns .swiper-slide{width:calc(100% / 2);}
	[data-main="sns"] .list_sns .swiper-slide em{font-size:16px;}
	[data-main="sns"] .list_sns .swiper-slide .img{height:29.004vw/* 297px */;}
	
	/* 전주다움 */
	[data-main="ebook"]{width:280px;}
}

@media screen and (max-width:860px){
	[data-main="sector"] .list{display:flex;}
	[data-main="sector"] .list > li button,
	[data-main="sector"] .list > li a{min-width:60px; box-sizing:border-box; font-size:16px; word-break:keep-all;}
	[data-main="sector"] .list > li button[data-tabcont="sectorTab04"]{padding:0 10px;}
}

@media screen and (max-width:768px){
	/* 슬라이드 컨트롤 */
	.swiper_bottom .control{padding-right:10px;}
	.btn_slide_allView{min-width:inherit; padding:0 15px;}
	.btn_slide_allView:before{margin-right:0px;}
	.btn_slide_allView span{font-size:0px;}
	.swiper_page{margin-right:10px;}
	
	/* 구역 */
	.group_news{align-items:flex-start;}
	.group_news .box_responsive{display:block;}
	.group_pr .box_responsive{display:block;}
	
	/* 모아보기 */
	[data-main="popupZone"] .area_ban_all .list_all{display:flex;}
	
	/* 상단배너 */
	[data-main="spot_banner"] .slide_subject{padding-left:20px; padding-right:30px;}
	.area_ban_all .list_all>li		{ width:100%; }	
	[data-main="spot_banner"] .swiper_bottom {min-height: 40px;}
	
	
	/* 열린시장실 */
	[data-main="mayor"] .link_city_hall > ul{padding-right:0px;}
	[data-main="mayor"] .box_mayor{padding:40px 30px; /*background-position:70% 100%;*/background-image:url(../images/main/img_mayor01n.jpg); background-position:100% 0;}
	[data-main="mayor"] .box_mayor .list{flex-flow:column nowrap;}
	[data-main="mayor"] .box_mayor .list > li{margin-right:0px;}
	[data-main="mayor"] .box_mayor .slogan{width:max(150px, 37.760vw/* 290px */); height:max(26px, 6.510vw/* 50px */);}
		/* 시청바로가기 */
	[data-main="mayor"] .link_city_hall{width:28%;}
	[data-main="mayor"] .link_city_hall > ul > li{flex:0 1 100%; height:auto; border-left-width:0px;}
	[data-main="mayor"] .link_city_hall > ul > li:nth-of-type(2){border-top-width:1px;}
	[data-main="mayor"] .link_city_hall a{display:flex; align-items:center;}
	[data-main="mayor"] .link_city_hall .ico{width:36px; height:28px; margin-right:10px;}
	
	/* 게시판 */
	[data-main="news"]{--sizeTabHig:50px; flex-wrap:wrap; align-content:flex-start; width:100%; min-height:440px; box-sizing:border-box; padding-right:51px; padding-bottom:0px; margin-bottom:50px;}
	[data-main="news"] p{flex:0 1 calc(100% / 3); box-sizing:border-box;}
	[data-main="news"] p > button{justify-content:center; width:100%; height:80%; font-size:16px; line-height:1.1em;}
	[data-main="news"] p.tab01{border-radius:15px 0 0 0;}
	[data-main="news"] p.tab04{padding-left:17px; border-radius:0 0 0 15px;}
	[data-main="news"] .list_news{top:calc(var(--sizeTabHig) * 2);}
	[data-main="news"] .btn{top:calc((var(--sizeTabHig) * 2) * -1); height:calc(var(--sizeTabHig) * 2);}
	
	/* 행사정보 */
	[data-main="event"]{width:auto;}
	[data-main="event"] .list_event .swiper-slide .img{height:45.573vw/* 350px */;}
	[data-main="event"] .swiper_bottom .control button{top:calc(39.063vw/* 300px */ / 2)}
	
	/* 팝업존 */
	[data-main="popupZone"]{--sizeSlideHig:58.594vw/* 450px */; width:auto; margin-left:0px;}
	[data-main="popupZone"] .area_ban_all .list_all > li	{ width:calc((100% - 10px) / 2); }
	/* 분야별 */
	[data-main="sector"] .icon{width:70px; height:70px;}
	[data-main="sector"] .icon i{width:34px; height:30px;}
	[data-main="sector"] .slide_item em{font-size:15px; line-height:1.2em;}
	[data-main="sector"] .swiper-slide > a{min-width:120px;}
	/*[data-main="sector"] .list{display:flex;}
	[data-main="sector"] .list > li button,
	[data-main="sector"] .list > li a{min-width:60px; box-sizing:border-box; font-size:16px; word-break:keep-all;}
	[data-main="sector"] .list > li button[data-tabcont="sectorTab04"]{padding:0 10px;}*/
	.area_sector_all .inr{padding:30px 30px 50px;}
	.area_sector_all .list_all > li{flex:0 1 calc(100% / 4);}
	[data-main="sector"] .inr_box{min-height:18em}
	
	/* 시정뉴스룸 */
	.group_pr [data-main]{min-height:inherit;}
	[data-main="gov"] .list > li a > em{font-size:18px;}
	[data-main="gov"] .list > li a > span:not(.img){font-size:14px;}
	
	/* sns */
	[data-main="sns"]{width:auto;}
	[data-main="sns"] .list_sns .swiper-slide .img{height:42.188vw/* 324px */;}
	
	/* 전주다움 */
	[data-main="ebook"]{width:auto; margin-left:0px !important; margin-top:50px;}
	[data-main="ebook"] .list{display:flex; align-items:center; padding:20px 25px;}
	[data-main="ebook"] .list .img{width:100%; height:250px;}
	[data-main="ebook"] .list .img img{height:auto;}
	[data-main="ebook"] .list .btn_view_ebook{bottom:10px;}
	
}
@media screen and (max-width:668px){
	[data-main="spot_banner"] .swiper_bottom { min-height: 35px;}
}
@media screen and (max-width:580px){
 	/* 통합검색 */
	.area_totalSearch .total_search			{ border-radius:10px 0 0 10px; }
}
@media screen and (max-width:560px){
	/* 슬라이드 컨트롤 */
	.swiper_bottom .control{margin-left:0px; padding-left:20px;}
	
	/* 통합검색 */
	.area_totalSearch .total_search{font-size:18px;}

	/* 게시판 */
	[data-main="news"] p > button{font-size:15px; letter-spacing:-1px;}
	[data-main="news"] .list_news ul > li:first-child a em{font-size:18px;}
	[data-main="news"] .list_news ul > li:first-child a span{font-size:22px;}
	[data-main="news"] .list_news ul > li:first-child a span small{font-size:14px;}
	[data-main="news"] .list_news ul > li a span{font-size:14px;}
	[data-main="news"] .list_news ul > li:not(:first-child) a em{padding-right:0;}
	[data-main="news"] .list_news ul > li:not(:first-child) span{min-width:90px;}
	
	/* 상단배너 */
	[data-main="spot_banner"]{--sizeHig:calc(62.500vw/* 350px */ + 50px); --sizeSlideHig:calc(62.500vw/* 350px */ - 70px); display:flex; align-items:flex-start;}
	[data-main="spot_banner"] h2{flex:0 1 50%; display:flex; width:calc(100% / 2); height:auto;}
	[data-main="spot_banner"] h2 button{display:flex; justify-content:center; align-items:center; min-height:50px;}
	[data-main="spot_banner"] h2 button span br{display:none;}
	[data-main="spot_banner"] h2 button:before{display:inline-block; width:24px; height:20px; margin:0 10px 0 0;}
	[data-main="spot_banner"] h2.active:after{border-radius:10px 10px 0 0;}
	[data-main="spot_banner"] .tab02{border-top-right-radius:15px;}
	[data-main="spot_banner"] .list_spot{left:0px; top:50px; width:100%; height:calc(var(--sizeHig) - 50px);}
	[data-main="spot_banner"] .list_spot .swiper{border-top-right-radius:0px;}
	[data-main="spot_banner"] .swiper_bottom{flex-wrap:wrap; left:0px; width:100%;}
	[data-main="spot_banner"] .swiper_bottom > *{height:35px; box-sizing:border-box;}
	[data-main="spot_banner"] .slide_subject{flex:0 1 100%; border-bottom:1px solid #ededed;}
	.area_ban_all .inr h3			{ font-size:2em; }
	.area_ban_all .inr				{ padding-top:12px; }
	.area_ban_all .list_all			{ margin-top:1.5em; }
	
	/* 열린시장실 */
	[data-main="mayor"]{flex-direction:column; padding-bottom:30px;}
	/*[data-main="mayor"] .box_mayor{background-image:url(../images/main/img_mayor01.jpg); background-position:100% 0;}*/
	[data-main="mayor"] h2{font-size:22px;}
		/* 시청바로가기 */
	[data-main="mayor"] .link_city_hall{width:auto;margin-top:25px}
	[data-main="mayor"] .link_city_hall a{display:block;}
	[data-main="mayor"] .link_city_hall .ico{margin-right:auto;}
	[data-main="mayor"] .link_city_hall > ul{padding:0px;}
	[data-main="mayor"] .link_city_hall > ul > li{flex:0 1 20%; border-top-width:0px;}
	[data-main="mayor"] .link_city_hall > ul > li:nth-of-type(2){border-top-width:0px;}
	[data-main="mayor"] .link_city_hall > ul > li:last-child{flex:0 1 20%;letter-spacing:-1px}
	
	/* 행사정보 */
	[data-main="event"] .list_event .swiper-slide .img{height:53.571vw/* 300px */;}
	
	/* 분야별 */
	[data-main="sector"] .inr_box{padding-left:0px; padding-right:0px;}
	[data-main="sector"] .list{flex-wrap:wrap;}
	[data-main="sector"] .list > li{flex:1 1 calc(100% / 3);}
	[data-main="sector"] .list > li button,
	[data-main="sector"] .list > li a{min-width:inherit; width:100%;}
	[data-main="sector"] .list{position:relative; z-index:30; margin:0 10px 20px;}
	[data-main="sector"] .list > li button,
	[data-main="sector"] .list > li a{font-size:15px; letter-spacing:-1px;}
	[data-main="sector"] .list > li button.active{font-weight:500;}
	[data-main="sector"] .swiper-slide > a{min-width:110px; padding:0 5px;}
	[data-main="sector"] .control .swiper_prev{left:50%; margin-left:calc((45px * 2.2) * -1);}
	[data-main="sector"] .control .swiper_next{right:50%; margin-right:calc((45px * 2.2) * -1);}
	[data-main="sector"] .control button{top:auto; bottom:calc((45px / 2) * -1); transform:translateY(0);}
	[data-main="sector"] .conts_tab{position:static; padding:0 10px 30px;}
	[data-main="sector"] .conts_tab:before,
	[data-main="sector"] .conts_tab:after{border-radius:0 15px 15px 0;}
	[data-main="sector"] .conts_tab .swiper{padding:0;}
	.area_sector_all .inr{padding:20px;}
	.area_sector_all .list_all > li,
	.area_sector_all .banner > li{flex:0 1 calc(100% / 3);}
	[data-main="sector"] .inr_box{min-height: inherit}
	
	/* 시정뉴스룸 */
	[data-main="gov"] .list > li a > *:not(.img){padding-left:0px;}
	
	/* sns */
	[data-main="sns"] .list_sns .swiper-slide{width:240px;}
	[data-main="sns"] .list_sns .swiper-slide .img{height:220px;}
	[data-main="sns"] .list_sns .swiper-slide .img [data-sns]{width:40px; height:40px;}
}

@media screen and (max-width:420px){
	/* 열린시장실 */
	[data-main="mayor"] .box_mayor{padding:40px 15px; background-position:70% 0;}
	[data-main="mayor"] h2{font-size:20px;}
	
	/* 게시판 */
	[data-main="news"]{min-height:415px;}
	[data-main="news"] p > button br{display:block;}
	[data-main="news"] .btn_bbs_more{width:45px;}
	[data-main="news"] .list_news ul > li:first-child{padding:10px;}
	[data-main="news"] .list_news ul > li:first-child a{min-height:inherit; padding-left:0px;}
	[data-main="news"] .list_news ul > li:first-child a span{display:block; position:static; width:auto; height:auto; margin-top:10px; background-color:transparent; border-radius:0px;}
	[data-main="news"] .list_news ul > li:first-child a span,
	[data-main="news"] .list_news ul > li:first-child a span small{font-size:14px; color:var(--color-gray9); font-weight:normal;}
	[data-main="news"] .list_news ul > li:not(:first-child) a i{display:none;}
	[data-main="news"] .list_news ul > li:not(:first-child) a em{margin-left:0px;}
	
	/* 팝업존 */
	[data-main="popupZone"] .swiper_page{padding-left:15px;}
	[data-main="popupZone"] .area_ban_all .list_all > li	{ width:100%; }
	
	/* 분야별 */
	[data-main="sector"] .icon{width:60px; height:60px;}
	[data-main="sector"] .icon i{width:26px; height:22px;}
	
	[data-main="sector"] .swiper-slide{flex:none; width:calc(100% / 3 );}
	[data-main="sector"] .swiper-slide > a{min-width:inherit; word-break:keep-all;}
	[data-main="sector"] .slide_item em{font-size:14px;}
	[data-main="sector"] .conts_tab:before,
	[data-main="sector"] .conts_tab:after{display:none;}
	.area_sector_all h3{font-size:25px;}
	
	/* 시정뉴스룸 */
	[data-main="gov"] .list{flex-wrap:wrap;}
	[data-main="gov"] .list > li{width:100%; margin-top:20px;}
	[data-main="gov"] .list > li:first-child{margin-top:0px;}
	[data-main="gov"] .list > li a > em{height:auto; margin-bottom:10px; font-size:16px;}
	[data-main="gov"] .list > li a > span:not(.img){position:static;}
	[data-main="gov"] .list .img{height:50vw/* 210px */;}
	
	/* sns */
	[data-main="sns"] .list_sns .swiper-slide{width:100%;}
	[data-main="sns"] .list_sns .swiper-slide .img{height:75.238vw/* 316px */;}
	.group_pr [data-main="sns"] .title h2{display:none;}
	[data-main="sns"] .btn_sns{margin-left:auto;}
	[data-main="sns"] .swiper_bottom .swiper_page{min-width:100px;}
}

@media screen and (max-width:360px){
	/* 슬라이드 컨트롤 */
	.btn_slide_allView{padding:0 10px;}
	.swiper_bottom .control{padding-left:10px;}
	.swiper_page{margin-right:0px;}
	
	/* 상단배너 */
	[data-main="spot_banner"] h2 button:before{width:20px; height:16px;}
	[data-main="spot_banner"] .slide_subject{padding-left:10px;}
	
	/* 열린시장실 */
	[data-main="mayor"] h2{font-size:18px;}
	[data-main="mayor"] .box_mayor .list > li a{min-width:160px; padding-left:15px;}
	[data-main="mayor"] .link_city_hall a span em{display:none}
	
	/* 게시판 */
	[data-main="news"] p > button{padding:0 5px; font-size:14px;}
	[data-main="news"] p.tab01,
	[data-main="news"] p.tab04{padding-left:5px;}
	
	/* 행사정보 */
	[data-main="event"] h2{font-size:20px;}
	[data-main="event"] .swiper_page{margin-right:0px;}
	
	/* 분야별 */
	.area_sector_all h3{font-size:22px;}
	.area_sector_all .list_all > li{margin:10px 0px;}
	
	/* 시정뉴스룸 */
	.group_pr h2{font-size:22px;}
	.group_pr .title{padding-left:20px; padding-right:10px;}
	
	/* 전주다움 */
	[data-main="ebook"] .list{padding:20px;}
}

@media screen and (max-width:320px){
	/* 분야별 */
	[data-main="sector"] .swiper-slide{width:calc(100% / 2);}
	
	/* sns */
	[data-main="sns"] .btn_sns a{width:35px; height:35px;}
	[data-main="sns"] .list_sns .swiper-slide .img{height:71.875vw/* 230px */;}
}