/*=================모바일 및 기본 세팅===================*/
.layerpop {position:absolute; top:0; left:0; visibility:visible; width:680px; height:300px; margin:0; z-index:9999;}
.layerpop_close {position:absolute; bottom:-30px; right:0px; width:680px; height:30px;background:#000;line-height:30px;padding-left:30px;}

.fal, .far {font-size: 1.4em;}

@media all and (max-width: 480px) {
	.layerpop {width:100%; height:auto; background-color:#ffd300;}
	.layerpop_close {position:absolute; bottom:0; right:0px; width:100%;height:30px;background:#000;line-height:30px;padding-left:30px;}
	.layerpop .layerpop_img {max-width:100%;}
	.safecall_tit img {width:280px;}
}


#main_sch_area .container{ background:#f8f9ff; padding:15px; border-radius: 15px; }
.weather_area{ display:flex; justify-content: space-between }
.weather_area .weather{ display:flex; align-items: center; justify-content: center; width:50%; }
.weather_area .weather .w_icon{ width:35px; height:35px; border-radius: 10px; font-size:22px; background:#d1e0ff; color:#5876C0; display:flex; justify-content: center; align-items: center; }
.weather_area .weather p{ padding-left:10px; }
.weather_area .weather p span{ font-size:12px; color:#4670C0; vertical-align: middle }
.weather_area .weather p span:last-child{ font-size:18px; font-weight:bold; margin-top:3px; }

.main_sch{position:relative; text-align:center; padding:15px 0; }
.main_sch .main_sch_txt{ height:35px; border:#3e72fc solid 2px; border-radius: 3px; padding:0 15px; width:85%; }
.main_sch .main_sch_btn{ height:35px; width:40px; border-radius: 10px; border:0; background:#3e72fc url("/home/www/images/main/new/icon_sch.svg") center no-repeat; background-size:16px; text-indent: -9999px; }
.sch_flag {position: absolute; top: 16px; right: 52px;}
.sch_flag a {font-size: 14px; background-color: #d0eaf7; border-radius: 5px; padding: 0.25rem 0.4rem; display: inline-block; margin: 4px 2px 4px 0; color: #0a115f;}

.main_notify_wrap{ position:relative; border-radius: 15px; visibility: hidden; height:0; overflow:hidden; }
.main_notify_wrap.open{ height:auto;  padding-bottom:40px;  visibility: visible;  }
.notify_main{ position:relative; margin:15px; padding:0; border-radius: 15px; overflow:hidden }
.notify_main .caroufredsel_wrapper{ border-radius:0 }
.notify_main_list li{ float:left; border-radius: 0; }
.notify_main_list li a{ display:block; line-height: 0; }
.notify_main_list li a:focus {outline: 5px auto; outline-offset: -2px}
.notify_main_list li img{ width:100%; max-width:100%; }
.notify_ctrl{ position:absolute; left:0; bottom:40px; transform: translateX(0); background:#121e3e; padding:5px 15px; border-radius: 0; border-top-right-radius:15px; }
.notify_ctrl a{ color:#fff; margin:0 3px; display:inline-block;}
.notify_ctrl .paging{ color:#fff; display:inline-block; margin-right:10px; font-weight:bold; letter-spacing: 0.05em }
.notify_main_pager1,.notify_main_pager2{ display:none !important}

.notify_tab{ position:absolute; bottom:0; display:flex; width:50%; height: 40px; align-items: center; justify-content: center; color:#fff; z-index: 2  }
.notify_tab.active:after{ position:absolute; display:block; width:15px; height:15px; transform: rotate(45deg); content:""; top:-7px; z-index: 1;}
.notify_tab.tab01{ left:0; background:#84bcec; }
.notify_tab.tab01:after{ right:3px; background:#84bcec;}
.notify_tab.tab01.active{ left:0; background:#3372DB; }
.notify_tab.tab01.active:after{ right:3px; background:#3372DB;}
.notify_tab.tab02{ right:0; background:#1b629f; }
.notify_tab.tab02:after{ left:3px; background:#1b629f;}
.notify_tab.tab02.active{ right:0; background:#0c4676; }
.notify_tab.tab02.active:after{ left:3px; background:#0c4676;}

.new_mayor_area .new_mayor{ position:relative; margin:15px; min-height: 300px; background:url(/home/www/images/main/new/bg_mayor_2023_n1_m.jpg) left center no-repeat; background-size:cover; border-radius: 15px; }

.new_mayor_area .new_mayor p,.new_mayor_area .new_mayor span{ display:block; text-indent: -9999px;  }
.new_mayor_area .new_mayor .links{ display:flex;}
.new_mayor_area .new_mayor .links li{width:33.33333%;}
.new_mayor_area .new_mayor .links li:last-child{ margin:0; }
.new_mayor_area .new_mayor .links li a{position: absolute;bottom: 0;    display: flex;    width: 33.33333%;    height: 40px;    align-items: center;    justify-content: center;    color: #fff;    z-index: 2; background:#3070C2; font-size:15px;  }
.new_mayor_area .new_mayor .links li a.link_btn1 {border-radius: 0 0 0 15px;}
.new_mayor_area .new_mayor .links li a.link_btn3 {border-radius: 0 0 15px 0;}
.new_mayor_area .new_mayor .links li a.link_btn2 {border-left:1px solid #3a85c5;border-right:1px solid #3a85c5;}
.new_mayor_area .new_mayor .links li a.chuseok { background:#1182a7; }

.main_quick{ margin:10px; padding:5px; border-radius: 15px; }
.main_quick ul{ display:flex; }
.main_quick ul li{ width:25%; }
.main_quick ul li a{ display:block; text-align: center; }
.main_quick ul li i{ display:inline-block; width:50px;  height:50px; border-radius: 10px; background-image:url("/home/www/images/main/new/icon_quick01_2023.jpg"); background-size:cover; background-repeat:no-repeat; margin-bottom:10px; border: 1px solid #d1d5e8;}
.main_quick ul li span{ display:block; font-weight:500; font-size:12px; color:#222 }
.main_quick .link1{ background-position:-3px 0}
.main_quick .link2{ background-position:-55px 0}
.main_quick .link3{ background-position:-103px 0}
.main_quick .link4{ background-position:-152px 0}
.main_quick .link5{ background-position:-200px 0}

.latest_area_new{ margin:15px; background:#f7f8fa; padding-bottom:25px; border-radius:15px;}
.latest_box_new{ position:relative; }
.latest_box_new h4{ position:absolute; top:0; width:22%; z-index: 1; background:#e1e7f8; }
.latest_box_new h4 a{position:relative;display:block;text-align: center;font-size:14px;line-height: 38px; font-weight:500;}
.latest_box_new h4.active a{ color:#fff;  font-weight:bold; position:relative;}
.latest_box_new h4.active a:after{content:'';display:block;top: 16%;left: 0;background:#162755;width: 100%;height: 26px;position:absolute;border-radius: 100px;z-index: -1;}
.latest_box_new h4.title01{ left:22%;}
.latest_box_new h4.title02{ left:0; border-radius:15px 0 0 0;}
.latest_box_new h4.title03{ left:44%; }
.latest_box_new h4.title04{ left:66%; }
.latest_box_new h4 + div{ position:relative; padding-top:40px; display:none; }
.latest_box_new h4.active + div{ display:block; }
.latest_box_new > div .view_more{ position:absolute; right:0; top:0; display:flex; justify-content: center; align-items: center; background:#e1e7f8; color:#121e3e; width:12%; height: 38px; z-index: 100; border-radius:0 15px 0 0; }
.latest_box_new > div > ul{ padding:20px 10px 0 10px; }
.latest_box_new > div > ul > li > span{ display:block; }
.latest_box_new > div > ul > li > span.cate{ display:inline-block; background:#f0f0f0; color:#2f2f2f; padding:5px 10px; border-radius: 3px; font-weight:500; font-size:14px; }
.latest_box_new > div > ul > li > a{ display:block; margin:10px 0; font-size:14px; font-weight:bold; line-height: 1.3; color:#1e1e1e; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.latest_box_new > div > ul > li > p{ font-size:14px; line-height: 1.3; margin-bottom:10px; }
.latest_box_new > div > ul > li > span.date{ font-size:14px; line-height: 1.3; color: #848484 }


.latest_box_new > div > ul > li:nth-child(n+4){ display:none; }

.corona_board{ background:#f3f7ff; border-radius: 15px; overflow:hidden; margin:15px; }
.corona_top{ display:flex; justify-content: space-between; align-items: center; padding:15px 20px; background:#dee8fd; }
.corona_top span{ display:inline-block; font-weight:bold; font-size:20px; }
.corona_top a{ display:inline-block; font-size:14px; background:#c4d4f6; color:#121e3e; padding:5px 10px; border-radius: 5px; }
.coroan_mid{ display:flex; justify-content: space-between; text-align: center; padding:25px 20px 15px 20px; }
.coroan_mid .corona_cate{ width:45%; }
.coroan_mid .corona_cate > span{ display:block; }
.coroan_mid .corona_cate > span.title{ font-size:20px; font-weight:bold; margin-bottom:10px; }
.coroan_mid .corona_cate > span.num{ padding:10px 0; font-size:25px; font-weight:bold; color:#fff; border-radius: 40px; }
.coroan_mid .corona_cate > span.num em{ font-size:16px; vertical-align: 1px; margin-left:3px; }
.coroan_mid .corona_cate > p{ display:flex; justify-content: space-between; padding:10px 5px; margin:0 10px; }
.coroan_mid .corona_cate > p.line{ border-bottom:#acbbd9 dotted 1px; }
.coroan_mid .corona_cate.cate01{ color:#40adb4; }
.coroan_mid .corona_cate.cate01 > span.num{ background:#40adb4; }
.coroan_mid .corona_cate.cate02{ color:#3767a4; }
.coroan_mid .corona_cate.cate02 > span.num{ background:#3767a4; }
.coroan_btm{ display:flex; justify-content: space-between; align-items: center; background:#dee8fd; padding:15px 10px;  }
.coroan_btm p{ font-size:12px; }

/*==================
사이즈별 추가코드
==================*/

/*smartphones ( portrait )*/
@media all and (max-width:320px) {

}

/*smartphones ( landscape )*/
@media all and (min-width:321px) and (max-width:360px) {

}

/*smartphones ( landscape )*/
@media all and (min-width:361px) and (max-width:375px) {

}

/*smartphones ( landscape )*/
@media all and (min-width:376px) and (max-width:414px) {

}

/*smartphones ( landscape )*/
@media all and (min-width:415px) and (max-width:480px) {

}

@media all and (min-width:480px) {

	.sch_flag {position: absolute; top: 18px; right: 60px;}

}

/*tablet( portrait )*/
@media all and (min-width:640px) {


}
@media all and (min-width:641px) and (max-width:767px) {

}

/*=================
태블릿 기본 세팅
===================*/
@media all and (min-width:768px) {

	#main_sch_area .container{ position:relative; display:flex; justify-content: center; align-items: center; padding-top:75px; }

	.weather_area{ width:30%; margin-right:30px; }
	.weather_area .weather p span{ display:block; font-weight:500; }

	.main_sch{ position:absolute; top:0; width:75%; padding:20px 0;  }
	.sch_flag {position: absolute; top: 22px; right: 70px;}

	.main_quick{ width:450px; }


	.notify_main{ float:left; width:50%; }

	.new_mayor_area{ float:right; width:44%; margin:15px 15px 15px 0 }
	.new_mayor_area .new_mayor{ margin:0; min-height:223px; }
	.new_mayor_area .new_mayor:after{ width:132px; }
	.main_quick ul li i{ background-image:url("/home/www/images/main/new/icon_quick01_2023.jpg"); }

	.latest_wrap{ clear:both; }
	.latest_area_new{float:right;width:40%;padding-bottom: 15px;}
	.latest_area_new .latest_box_new h4{left: -8%;}
	.latest_box_new h4.title01{top: 25%;}
	.latest_box_new h4.title02{top: 7%;border-radius: 10px 10px 0 0;}
	.latest_box_new h4.title03{top: 43%;}
	.latest_box_new h4.title04{top: 61%;}
	.latest_box_new h4 a{line-height:inherit;padding: 15px 0;}
	.latest_box_new h4:after{content:'';display: block;position: absolute;bottom: 2px;left: 15%;width: 85%;height:1px;background: #ccd4eb;z-index: 1000;} 
	.latest_box_new h4.active{z-index:200}
	.latest_box_new h4.active:after{display:none;}
	.latest_box_new h4.active a{background:none;padding-left: 20%; font-weight:500;}
	.latest_box_new h4.active a:after{box-shadow:4px 4px 15px 0 rgb(78 78 78 / 45%); background:#162755;top: 13%;left: 18%;width: 97%;height: 33px;z-index:-1;border-radius: 0 0 25px 0;}
	.latest_box_new h4 + div{padding-top:0;padding-left: 19%;}
	.latest_box_new > div .view_more{left: -8%;top: 79%;width:22%;height: 20%;border-radius: 0 0 10px 10px;font-size:12px;}
	.latest_box_new > div .view_more i{background:#fff; border-radius:10px; padding:5px 15px;}
	.latest_box_new > div > ul{padding: 20px 10px 5px 10px;}
	.latest_box_new > div > ul > li{border-bottom:1px solid #e4e4e6;}
	.latest_box_new > div > ul > li:nth-child(n+2){ display:block; }
	.latest_box_new > div > ul > li > a{vertical-align:middle;font-size:14px;display:inline-block;white-space:nowrap;width: 67%;text-overflow:ellipsis;overflow:hidden;margin:12px 0;}
	.latest_box_new > div > ul > li > span.date{display:inline-block; font-size:12px;}
	.corona_board{ float:right; width:44%; margin:15px 15px 15px 0; }



	.corona_board{ float:right; width:44%; margin:15px 15px 15px 0; }
}

@media all and (min-width:769px) and (max-width:1023px) {

}
/*=================
데스크탑 기본 세팅
===================*/
@media all and ( min-width:1024px){	 

	.main_sch{ position:relative; }

	#main_sch_area .container{ padding-top:15px; justify-content: space-between }	 

	.weather_area{ width:25%; margin:0; }
	.main_sch{ width:40%; }
	.sch_flag {position: absolute; top: 22px; right: 60px;}
	.main_sns_area{ width: 30%; }


	.latest_area_new{width:41%;}

	.new_mayor_area .new_mayor{ min-height:280px; }
	.new_mayor_area .new_mayor:after{ width:530px; height:400px;}


}



@media all and ( min-width:1440px){ 

	#main_sch_area .container{ padding:0 20px }
	.main_sch{ padding:0; width:480px; }
	.main_sch .main_sch_txt{ width:410px; height:50px; font-size:18px; border-radius: 10px; vertical-align: middle }
	.main_sch .main_sch_btn{ width:50px; height: 50px; border-radius: 15px; background-size:20px; vertical-align: middle }
	.sch_flag {position: absolute; top: 10px; right: 80px;}
	.weather_area{ width:275px; }
	.weather_area .weather{ /*width:auto; justify-content:flex-start*/ }
	.weather_area .weather .w_icon{ width:50px; height:50px; font-size:25px; }
	.weather_area .weather p span{ font-size:14px; }
	.weather_area .weather p span:last-child{ font-size:22px; }



	.notify_main{ margin:30px 0; width:830px; height:400px; }
	.main_notify_wrap.open{ padding-bottom:0; }
	.notify_main_list li a:focus{ border:#d1d1d1 dotted 1px; }
	.notify_ctrl{ padding:10px 20px; bottom:50px; }
	.notify_ctrl .paging{ width:30px }
	.notify_ctrl a{ margin:0 8px; font-size:18px; font-weight:bold }
	.notify_tab{ font-size:20px; height:50px; font-weight:500 }

	.new_mayor_area{ width:530px; margin:30px 0 }
	.new_mayor_area .new_mayor{ height:400px; }
	.new_mayor_area .new_mayor .links{ left:0; bottom:0; }
	.new_mayor_area .new_mayor .links li a{ padding:15px 20px; height: 50px; font-size:19px; font-weight:500;}



	.latest_wrap.container{ padding:30px 0; }
	.latest_area_new{margin:0;padding-bottom: 31px;width: 35%;border-radius:15px;}
	.latest_box_new h4{width: 26%;}
	.latest_box_new h4 a{font-size:18px;z-index: 0;}
	.latest_box_new h4.title01{top: 28%;}
	.latest_box_new h4.title02{top: 7%;} 
	.latest_box_new h4.title03{top: 46%;}
	.latest_box_new h4.title04{top: 64%;}
	.latest_box_new h4.title02{padding-top:8px;}
	.latest_box_new h4 + div{padding-left:22%} 
	.latest_box_new h4.active a{padding-left:28px}
	.latest_box_new h4.active a:after {height:42px; top:5%; left:14%}
	.latest_box_new > div > ul > li > a{font-size:16px;width: 68%;font-weight:500;margin-top:14px;} 
	.latest_box_new > div > ul > li > span.date{font-size:13px; margin-left:9%; margin-top:15px;}
	.latest_box_new > div .view_more{height: 23%;top: 82%;width: 26%;} 


	.corona_board{ width:530px; margin:0;  }
	.corona_top{ padding:20px 25px; }
	.corona_top span{ font-size:28px; }
	.coroan_mid{ padding:20px 40px; }
	.coroan_mid .corona_cate > span.title{ font-size:25px; margin-bottom:15px; }
	.coroan_mid .corona_cate > span.num{ margin-bottom:15px; font-size:30px; }
	.coroan_mid .corona_cate > p{ margin:0 25px; }
	.coroan_btm{ padding:15px 20px; }
	.coroan_btm p{ font-size:14px; }

}
@media all and ( min-width:1600px){

}
@media all and ( min-width:1900px){


}



@media (max-width:767px) {
	.latest_area_new{padding-bottom:15px}
	.latest_box_new > div > ul{padding: 10px 10px 0 10px;}
	.latest_box_new > div > ul > li{border-bottom:1px dotted #ccc; padding-bottom:10px;}
	.latest_box_new > div > ul > li:nth-of-type(3){border-bottom:none;}
}