/* main_respon.css */
/* 타블렛 */
@media screen and (max-width:1320px) {
	.mc_service .owl-nav{width: 100%;left: 0;transform: none;padding: 0 20px;}
	.mc_service .owl-nav .owl-play-pause{right: 70px}
	
	
}

@media screen and (max-width:1024px) {

#wrap {min-width:320px;}
#header {border-bottom:none;}
div[class^="mc_area"] {padding:20px 10px;}

.main_sch {width:100%;margin-bottom:50px;}
.main_sch .listbox {padding:0 0 0 10px;margin-top:-10px;}
.main_sch .input_search {height:45px;}
.main_sch .input_search .btn_sch {width:43px;height:43px;}
.main_sch .input_search .btn_sch input[type="submit"] {height:42px;background-size:20px auto;}
.main_sch .input_search input {height:30px;margin:0 55px 0 15px;padding:5px 10px;font-size:15px;}

.mc_area01 {background:#d9f0fe;}
.mc_area01 .main_sch, .mc_area01 .mc_mayor {position:relative;}
.mc_area01 .mc_welfare {width:100%;}
.mc_area02 > .inner {display:block;}

.mc_mayor:before {top:44px;}
.mc_mayor {position:relative;width:100%;height:auto;margin-bottom:20px;}
.mc_mayor .title_box .mtit {margin-bottom:25px;}
.mc_mayor .link {max-width:100%;margin-right:300px;}

.mc_info {width:100%;min-height:480px}
.mc_info .flexslider,
.mc_info .flexslider .slides img {border-radius:0 0 20px 20px;}
.mc_info .mc_tab_area {margin:50px 0 0 0;}
.mc_info .lst_tab {display:flex;}
.mc_info .lst_tab > li {width:50%;}
.mc_info .lst_tab > li > a {left:auto;bottom:auto;height:50px;border-radius:0 20px 0 0;}
.mc_info .lst_tab > li > a br {display:none;}
.mc_welfare {margin-top:20px;}
.mc_welfare .lst_ico li a {margin:auto;}

.mc_field {width:100%;margin-left:0;}
.mc_field .lst_ico {margin-top:-20px;}
.mc_field .lst_ico li {margin-top:20px;}

.mc_service .owl-nav .owl-prev {left:0;}
.mc_service .owl-nav .owl-next {right:0;}
/*.mc_service .lst_ico {padding:28px 45px;}*/
.mc_service .lst_ico{height: 180px;padding: 45px 0 0 0;}
.mc_service .lst_ico a .txt{font-size: 14px}
.mc_service .owl-nav{top:-12px}

.mc_news {width:100%;margin-bottom:25px;}
.mc_news .btn_more:before {width:15px;height:15px;}

.mc_area03 {padding:20px !important;}
.mc_area04 {padding:20px 10px;}
.mc_area04 .colgroup.group01 > article + article,
.mc_area04 .colgroup.group02 > article + article {margin-left:30px;}
.mc_area04 .colgroup.group02 .lst_pic a {height:200px;}

.mc_news .bd_list1 {width:calc(50% - 30px);}
.mc_news .bd_list2 {width:50%;}
.mc_news .mc_tab_area {padding:0 30px;}

.mc_culture {padding:20px 0 35px 0;}
.mc_culture .mtit {position:static;margin-top:0;margin-bottom:20px;font-size:24px;}
.mc_culture .mtit br {display:none;}

.all_alarm .popup_wrap {max-width:900px;}
.all_alarm .popup_box .alarm_layer .alarm_close {top:-40px;width:40px;height:40px;}
.all_alarm .popup_wrap .popup_box .alarm_layer {padding:20px;}
.all_alarm .popup_box .alarm_layer .popup_cont ul li a {height:auto;}

.mpop_wrap_area.ty02 {text-align:center;}
.mpop_wrap_area.ty02 .mpop_wrap {float:none;}

.mc_passport {display:none;}
.mb_passport {display:flex;justify-content:center;position:relative;padding:10px 40px 10px 20px;margin:20px 0;background:#09276b;border-radius:10px;}
.mb_passport .btn_refresh {position:absolute;top:7px;right:15px;width:25px;height:25px;background:#09276b;border-radius:100%;border:1px solid #ffffff5c;background:url('/files/web148/images/main_new02/btn_reset.png') no-repeat center;border-radius:5px;}
.mb_passport .btn_refresh span {font-size:0;}
.mb_passport .wait_state {display:flex;flex:1;}
.mb_passport .wait_state li {flex:1;display:flex;justify-content: center;color:#fff;}
.mb_passport .wait_state li a {display: block;color:#fff;font-size:13px;font-family:'SCoreDream';}
.mb_passport .wait_state li a > .title {display: block;font-size:14px;margin-bottom:5px;font-weight:500;}
.mb_passport .wait_state li a .item {display: block;line-height:1;}
.mb_passport .wait_state li a .item + .item {margin-top:5px;}
.mb_passport .wait_state li + li {padding-left:20px;margin-left:20px;border-left:2px dotted #c7c7c7;}
.mb_passport .wait_state li em {font-weight:500;}

/*2026.04.03 유지보수 : 24900*/
 .mc_mayor::before {top: 52px;}
}

@media screen and (max-width:768px) {

.main_contents .mtit {margin-left:0;font-size:18px;}

div[class^="mc_area"] .owl-nav .owl-prev {margin-right:10px;}
div[class^="mc_area"] .owl-nav button {width:30px;height:30px;}

.main_sch {margin-bottom:20px;}
.main_sch .listbox li a {font-size:13px;margin-right:10px;}
.main_sch .listbox li:last-child a {margin-right:0;}

.mc_mayor .link_zone > li a .txt {font-size:12px;}

.mc_info {min-height:335px}
.mc_info .mc_tab_area {height:300px;margin-top:35px;}
.mc_info .lst_tab > li > a {height:35px;font-size:15px;}
.mc_info .flexslider .slides > li .img {height:300px;}

.all_alarm .popup_box .alarm_layer .popup_cont ul li a {height:auto;}

.mc_mayor .zone_area .banner strong {font-size:14px;}
.mc_mayor .link > li a {font-size:13px;}
.mc_mayor .link_zone {align-items:center;}
.mc_mayor .link_zone > li a:after {background-size:auto 33px;}
.mc_mayor .link_zone > li:nth-child(1) a:after {height:43px;}
.mc_mayor .link_zone > li a .txt {padding-top:45px;}
.mc_mayor:before {top:122px;width:130px;height:180px;}
.mc_mayor .title_box {margin-bottom:20px;}
.mc_mayor .title_box .mtit {width:230px;height:20px;}
.mc_mayor .title_box .txt02 {font-size:13px;}
.mc_mayor .title_box .txt02 .name {width:110px;height:20px;}
.mc_mayor .link {margin-right:150px;margin-bottom:15px;}
.mc_mayor .link > li {height:25px;}
.mc_mayor .link > li.mr_btn a {font-size:13px;}

.mc_welfare {padding:20px 15px;}
.mc_welfare .lst_ico li {width:calc(100% / 3 - 30px)}
.mc_welfare .lst_ico li a {padding-top:75px;}
.mc_welfare .lst_ico li a .txt {font-size:13px;}
.mc_welfare .lst_ico li a:after {width:65px;height:65px;background-size:100%;}

.mc_news {height:600px;padding:15px;}
.mc_news > .in {display:block;margin-right:50px;overflow:hidden;overflow-x:auto;}
.mc_news .btn_more {top:-45px;right:15px;width:30px;height:30px;}
.mc_news .lst_tab {min-width:450px;}
.mc_news .lst_tab > li + li {margin-left:20px;}
.mc_news .lst_tab > li > a {height:25px;font-size:15px;}
.mc_news .mc_tab_area {margin-top:55px;padding:0 20px;}
.mc_news .mc_tab_area > .in {display:block;}
.mc_news .bd_list1 {width:auto;height:250px;}
.mc_news .bd_list1 .ico_notice {width:30px;height:20px;line-height:20px;font-size:10px;}
.mc_news .bd_list1 li .cont {padding:15px 15px 0 15px;min-height:60px;}
.mc_news .bd_list1 li .cont .txt {font-size:12px;}
.mc_news .bd_list2 {width:100%;margin-left:0;}
.mc_news .bd_list2 > li > a .txt {font-size:13px;}

.mc_field {padding:15px;}
.mc_field .lst_ico li a {padding-top:70px;}
.mc_field .lst_ico li a .txt {font-size:13px;line-height:1.2;}
.mc_field .lst_ico li a:after {width:55px;height:55px;background-size:25px auto;}

.mc_area03 {padding:0 !important;}

.mc_service .owl-nav button {width:30px !important;height:30px !important;}
.mc_service .owl-nav .owl-prev {left:10px;}
.mc_service .owl-nav .owl-next {right:10px;}
/*.mc_service .lst_ico {height:130px;padding:25px 40px;}*/
.mc_service .lst_ico{height: 160px;padding: 50px 0 20px 0 }
.mc_service .lst_ico a {padding-top:40px;}
.mc_service .lst_ico a:after {width:30px;background-size:100%;}
.mc_service .lst_ico a .txt {font-size:13px;line-height:1.2;}
.mc_service .owl-nav{top:10px;padding: 0 10px}
.mc_service .owl-nav .owl-play-pause{right: 50px}
.mc_area03 .mc_service .owl-nav .owl-prev{margin-right: 50px}

.mc_culture .mtit {margin-bottom:25px;}
.mc_culture .lst_ico a {padding-top:45px;}
.mc_culture .lst_ico a:after {width:35px;height:35px;background-size:auto 30px;}
.mc_culture .lst_ico a .txt {font-size:13px;line-height:1.2;}

.mc_area04 .colgroup {display:block;}
.mc_area04 .colgroup.group01 > article + article {margin-top:20px;margin-left:0;}
.mc_area04 .colgroup.group02 > article + article {margin-top:20px;margin-left:0;}
.mc_area04 .colgroup .lst_pic {padding-top:45px;}
.mc_area04 .colgroup .mc_footroad .item {padding-top:45px;}
.mc_area04 .colgroup .mc_footroad {max-width:100%;}
.mc_area04 .colgroup .mc_footroad .pic img {width:100%;}
.mc_area04 .colgroup .mtit {margin-top:10px;}
.mc_area04 .colgroup.group02 .lst_pic .item .cont {height:35px;}
.mc_area04 .colgroup .item .cont .txt {font-size:11px;}
.mc_area04 .colgroup .mc_footroad .pic img {height:350px;}

/** mpop **/
.mpop_wrap_area{top:130px;width:95%;}
.mpop_wrap{margin:0 0 10px;}
.mpop_tit {padding:0 8px;}
.mpop_tit h3{font-size:14px;line-height:32px;height:32px;}
.mpop_btm{background:#fff;}
.mpop_close{right:8px;top:8px;width:17px;height:17px;background-size:17px 17px;}

/*2026.04.03 유지보수 : 24900*/
.mc_mayor:before{top:116px}
.mc_mayor .zone_area{margin-top: 0}
.mc_mayor .link_zone{height: 100px;padding-top: 12px}

}

@media screen and (max-width:450px) {

.mc_news:before {display:block;visibility:inherit;position:absolute;z-index:10;top:3px;right:50px;width:55px;height:33px;overflow:hidden;background:linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgb(0 84 157) 90%, rgb(0 84 157) 100% );opacity:1;content:"";transition-property:opacity, visibility;transition-duration:.25s;transition-timing-function:ease-in-out;}

.mc_field .lst_ico li a .txt .mb{display:block;}
.mc_area04 .colgroup .mc_footroad .pic img {height:250px;}

.all_alarm .popup_box .alarm_layer .popup_cont ul li {width:100%;}

.mc_mayor .zone_area .banner strong  {font-size:12px;}

}