@charset "utf-8";

.mobile_top_nav{display:none;}
#gnb_nav_mobile{height:auto;display:none;}

.mobile_sub_menu{display:none;}

.mobile_busi_btn{display:none;}

.foot_mobile{display:none;}

.msl_open{display:none;}

	/*메인슬라이드 접기*/
	.msl_open{position:absolute;bottom:10px;right:43%;z-index:9999;}

/*펼치고 닫기*/
	.msl_open a{font-size:0;text-indent:-9999px;width:86px;height:27px;background-image:url("/commons/jacc/images/site/msl_btn_1.png");background-position:0 0;background-repeat:no-repeat;background-size:100% auto;}
	.msl_open a.selected{background-image:url("/commons/jacc/images/site/msl_btn_2.png");}
	#mainslide.selected{height:auto;}
/**/
.resol{background-color:#fff;padding:10px;font-weight:bold;color:#000;border:3px solid red;position:fixed;bottom:0;right:0;z-index:9999;}
.resol span{display:none;}
	.resol span.item1{display:block;}
/* =====================
		mobile 
========================*/


/* 공통 */
@media screen and (min-width:1px) and (max-width:999px) {
	header h1 a{background-image: url("/commons/jacc/images/site/title_soccer.png");}
	
	.main_top_1{width:100%;margin-bottom:0px;}
	.main_top_2{width:100%;}
	
	.main_top_wrap{padding-bottom:5px;}
	.top_wrap{width:100%;}
	.top_nav{width:100%;}

	.main_wrap{height:auto;}
	.gnb_wrap_in_t{width:100%;}

	.skiptoContent{width:100%;margin-left:0;left:0;}
	.skiptoContent div{width:100%;}
	
	header h1 a{width:122px;background-size: 100% auto;}
	#gnb{width:100%;}
	#gnb .t_item a{width:150px;}
	.m_t_wrap{width:150px;}

	.wrap{width:100%}
	.main_wrap{background-image:none;}
	
	.main_center{width:100%;float:none;}
	

	/*main slide*/
	#mainslide{height:auto;}
	.js_c_item img{width:100%;}
	.js_c_item{width:100%;}

	#main_go_yeyak{margin-top:0;}

	#sns_info li{margin-left:4px;}

	/*자주찾는서비스*/
	.fav_go{width:100%;position:relative;top:0;left:0;height:93px;padding:10px 0;margin-top:-113px;}
	.fav_go h3{display:none;}
	.fav_go li{width:25%;height:auto;}

	/*메인bbs*/
	#main_bbs .main_bbs_list li span{display:none;}
	#main_bbs .main_bbs_list li a{width:100%;}

	/*footer*/
	#footer{height:auto;min-height:100px;padding:10px;}
	.footer_in_wrap{width:100%;}
	.foot_img{display:none;}
	.copy_box{position:relative;left:0;top:0;margin-bottom:5px;}
	.copy_box2{position:relative;left:0;top:0;}
	.select_bottom{position:relative;right:0;top:0;}
	.select_bottom p{float:left;}

.photo_bbs_list li img{width:auto;max-width:100%;}
	/*subpage
	========================*/
	.sub_wrap{width:100%; position:relative;}
	.contents{float:none;width:98%;padding:1%;padding-top:40px;border-top:2px solid #c40a2f}
	.cont_in{width:100%;}
	.cont_in img{max-width:100%;}

	.sbj_line{background-image:none;min-height:60px;margin-bottom:10px;}
	.sbj_line .location{position:relative;top:0;padding-top:5px;padding-bottom:5px;font-size:11px;border-bottom:1px dotted #eee;}
	.sbj_line h2{font-size:19px;padding-left:5px;padding-top:5px;}

	#sidebar{float:none;width:100%;position:absolute;top:0;left:0;}
		.side_in_wrap{display:none;border-bottom:2px solid #c40a2f;opacity:0;}
    #sidebar h2{text-align:left;background-image:none;background-color:#c40a2f;padding-left:10px;font-size:1.5rem;height:30px;padding-top:10px;}
		#sidebar h2 a{display:inline-block;color:#c40a2f;background-color:#fff;vertical-align:middle;padding:2px 4px;margin-left:10px;}
	#sidebar h2 small{display:inline-block;font-size:1.5rem;padding-right:10px;}
    .side_spp{width:100%;}
    .side_in_wrap li span a{min-height:16px;max-height:16px;padding-top:10px;width:auto;display:block;background-image:none !important;border-bottom:1px solid #eee;}
    .side_in_wrap li span a:hover{width:auto;}
    

.n_match_wrap.soccer_result .wk_top{width:auto;}



/* 여자축구단 */
.wk_service table{height:367px;}
.wk_service_link .wk_service_link_item2 a span{padding-top:15px;}
.wk_service_link .wk_service_link_item .wk_service_link_item_text{display:none;}


}

/* 모바일 큰메뉴 */
@media screen and (min-width:769px) and (max-width:999px) {
	header{padding-bottom:0px;}
	header h1{top:55px;}
	header h1 a{width:126px;background-size: 100% auto;height:35px;}
	#gnb{width:100%;position:relative;z-index:1;padding-left:0;}
	#gnb .t_item a{width:100%;}
	.m_t_wrap{width:100%;}
	#gnb li.t_menu{width:16%}
	.go_all_menu{display:none;top:76px;height:15px;padding:5px;right:0px;z-index:0;}
	
	/*layout*/
	.main_item_1{width:67%;margin-right:0;margin-bottom:0px;background-color:#fff;height:auto;}
		.n_match_wrap{margin:5px 0 5px 5px;height:auto;}
		.n_match_wrap h3{width:auto;padding-right:0;background-image:none;}
		.wk_top{position:relative;top:0;left:0;padding-left:2%;width:98%}
		.n_match_wrap .more_btn{left:96%}
	.main_item_3{width:33%;height:auto;margin-bottom:0px;}
		#main_bbs{margin:5px 5px 5px 5px}
		#main_bbs{height:236px;}
	.main_item_4{width:67%;margin-right:0px;height:auto;}
		.photo_bbs_list{margin:0 0 5px 5px;}
		.soccergame_cal{margin:5px 0 5px 5px;}
		.photo_bbs_list li{width:33%;text-align:cetner;margin-left:0;}
		.photo_bbs_list a{padding:5px;}
		.photo_bbs_list .item1 img{width:100%;height:auto;}
		
	.main_item_5{width:33%;margin-right:0;margin-bottom:0px;height:auto;}
		.go_banner_wrap{margin:0px 5px 5px 5px;}
		.go_banner_wrap img{max-width:100%}
		.go_banner_wrap .item1{width:50%;border-right:0px;}
		.go_banner_wrap .item2{width:50%;border-right:0px;}
	
	

	/*검색*/
	.main_search_box{right:10px;}

	/*wk순위*/
	.wk_service{margin:5px 5px 0 5px;}

	/*subpage
	========================*/
	.contents{padding-top:0;}
	#sidebar{position:relative;}
		.side_in_wrap{display:block;border-bottom:2px solid #c40a2f;opacity:1;}
		#sidebar h2 a{display:none;}

    

}

/* big */
@media screen and (min-width:851px) and (max-width:999px) {

	.resol span.item1{display:none;}
	.resol span.item2{display:block;background-color:#9494ff}

	/*main slide*/
	.main_top_left{width:100%;float:none;background-color:#808080;position:relative;z-index:2}
		.main_top_left:after{content:' ';clear:both;visibility:hidden;display:block;}
			*+ html .main_top_left{display:inline;}
	#mainslide{width:100%;}
	#main_go_yeyak{width:30%;float:right;height:auto;}
		#main_go_yeyak:after{content:' ';clear:both;visibility:hidden;display:block;}
	.yeyak_m_h3{width:auto;position:relative;top:0;left:0;padding:7px;background-position:10px 7px;}
	.yeyak_more{left:120px;top:10px;}
	.yeyak_item.item01{margin-left:0;}
	.yeyak_item{width:100%;float:none;height:80px;border-top:1px solid #666;}
	.yeyak_item ul{width:100%;left:0px;top:20px;height:60px;opacity:1;border:0;}
	.yeyak_item h4{padding:5px 0 0 5px;height:17px;}
	.yeyak_item li{width:33%}
	.yeyak_item li a{white-space:nowrap}
	.yeyak_item li a span{height:40px}
	.yeyak_item.item01{z-index:9}
	.yeyak_item.item02{z-index:8}
	.yeyak_item.item03{z-index:7}
	.yeyak_item.selected{border:2px solid #333;border-bottom:0;border-right:0px;margin-top:0px;margin-left:-2px}
	.yeyak_item.selected ul{border:2px solid #333;border-right:0px;border-top:0px;left:-2px;opacity:0.9;}
	
	/*팝업존, 팝업 밑 링크*/
	.main_top_right{position:relative;z-index:1;width:60%;}
	.main_top_right:after{content:' ';clear:both;visibility:hidden;display:block;}

	

	/*메인게시판 요약과 링크, 자주찾는서비스*/
	.main_m_left{width:50%;}
	#main_bbs{width:auto;}
	#main_bbs .main_bbs_list li a{width:80%}
	#main_bbs ul.main_bbs_tit li a{padding:10px 10px 7px}

	.main_m_center{width:23%}
	#singo_links{width:auto;}

	.main_m_right{width:25%}
	#service_links{width:auto;}
	#service_links li a{background-image:none;padding-left:10px;}

	/*수원시설관리공단 바로가기*/
	#bannerzone1{}
	#js_roll_1{width:596px;}

	/*각 게시판 요약*/
	#sns_info{width:75%;float:left;}
	#sns_info li{width:32%;margin-right:0px;}
	#sns_info li .item1 img{width:100%}

	/*sns링크*/
	#sns_links{width:25%;}
	.bs_menu.item01{background-position: 17px center;}
	.bs_menu.item02{background-position: 20px center;}
	.bs_t_box{width:auto;}

	.sns_link_box li{width:33%;}
	.sns_link_box li a{font-size:0;color:#fff;padding-left:0;text-align:center;}


	/*footer*/
	.select_bottom{position:absolute;top:10px;right:10px;}
	.select_bottom p{float:none;}


	
}


/* Big - medium */
@media screen and (min-width:769px) and (max-width:850px) {
	.resol span.item1{display:none;}
	.resol span.item3{display:block;background-color:#9494ff}

	/*main slide*/
	.main_top_left{width:100%;float:none;background-color:#808080;position:relative;z-index:2}
	#mainslide{float:none;}

	/*gnb*//*big*/
	header{background-image:none;}
	#gnb_nav_mobile ul{display:table;width:100%;border-top:2px solid #eee;} 
	#gnb_nav_mobile li{display:table-cell;} /*big*/
	#gnb_nav_mobile li:first-child{border-top:0px}


	/*팝업존, 팝업 밑 링크*/
	.main_top_right{position:relative;z-index:1;width:60%;}
	.main_top_right:after{content:' ';clear:both;visibility:hidden;display:block;}
	
	/*일정슬라이드*/
	.main_top2{width:40%;padding-top:0px;}
	.main_top2 article{width:100%;height:65px;padding-top:40px;}
	.main_top2 h3{font-size:16px;}
	#pro_times_sl_1,#pro_times_sl_2{margin-left:20px;height:46px;margin-right: 0px;}
	.main_top2 .cycle-slideshow a{white-space:normal;}

	/*메인게시판 요약과 링크, 자주찾는서비스*/
	#main_bbs{width:auto;}
	#main_bbs ul.main_bbs_tit li a{padding:10px 6px 7px}

	#service_links{width:auto;}
	#service_links li a{background-image:none;padding-left:10px;}

	/*수원시설관리공단 바로가기*/
	#bannerzone1{padding-top:46px;padding-left:0;}
	#bannerzone1 h3{top:10px;left:10px;font-size:16px;}
	.sl2_nav{top:5px;left:170px;}
	#js_roll_1{width:704px;margin:0 auto;}

	
	/*각 게시판 요약*/
	#sns_info{width:75%;float:left;}
	#sns_info li{width:32%;margin-right:0px;}
	#sns_info li .item1 img{width:100%}

	/*sns링크*/
	#sns_links{width:25%;}
	.bs_menu.item01{background-position: 17px center;}
	.bs_menu.item02{background-position: 20px center;}
	.bs_t_box{width:auto;}

	.sns_link_box li{width:32%;}
	.sns_link_box li a{font-size:0;color:#fff;padding-left:0;text-align:center;}


}

/* 모바일용 메뉴 공통 */
@media screen and (min-width:1px) and (max-width:768px) {
	/*layout*/
	.main_item_1{width:100%;margin-right:0;margin-bottom:0px;background-color:#fff;height:auto;}
		.n_match_wrap{margin:5px 5px 5px 5px;height:auto;}
		.n_match_wrap h3{width:auto;padding-right:0;background-image:none;}
		.wk_top{position:relative;top:0;left:0;padding-left:2%;width:98%}
		.n_match_wrap .more_btn{left:94%}
	.main_item_3{width:50%;height:auto;margin-bottom:0px;}
		#main_bbs{margin:0px 5px 5px 5px}
		#main_bbs ul.main_bbs_tit li a{padding:10px 6px 7px}
		
	.main_item_4{width:50%;margin-right:0px;height:auto;}
		.photo_bbs_list{height:452px;margin:0 5px 5px 5px;height:auto;}
		.soccergame_cal{margin:0 5px 5px 5px;}
		#mainpage .today_scz {width:98%; padding:5px 1%;}
		.soccergame_cal_detail {width:98%; padding:5px 1%;}
		.photo_bbs_list li{margin-left:0px;width:100%;text-align:center;padding-bottom:20px;}
		.photo_bbs_list .item1 {margin-left:3px;margin-right:3px;}
		.photo_bbs_list .item1 img{width:60%;height:auto;}
	.main_item_5{width:100%;margin-right:0;margin-bottom:0px;}
		.go_banner_wrap{margin:0 5px 0 5px}
		.go_banner_wrap .item1{width:50%;border-right:0px;}
		.go_banner_wrap .item2{width:50%;}
		.go_banner_wrap img{max-width:100%;}
	

	/*자주찾는서비스*/
	.fav_go{width:100%;position:relative;top:0;left:0;height:auto;padding:10px 0;margin-top:0;}
	.fav_go h3{display:none;}
	.fav_go li{width:25%;height:auto;}
	.fav_go li span{width:35px;height:35px;background-size:35px auto;}
		.fav_go li.item01 span{background-position:0 0}
		.fav_go li.item02 span{background-position:0 -35px}
		.fav_go li.item03 span{background-position:0 -70px}
		.fav_go li.item04 span{background-position:0 -105px}
		.fav_go li.item05 span{background-position:0 -140px}
	

	/*수원시설관리공단 바로가기*/
	#bannerzone1{padding-top:46px;padding-left:0;}
	#bannerzone1 h3{top:10px;left:10px;font-size:16px;}
	.sl2_nav{top:5px;left:170px;}
	#js_roll_1{width:503px;margin:0 auto;}
	
	/*각 게시판 요약*/
	#sns_info{width:100%;float:none;}
	#sns_info li{width:32%;margin-right:0px;}
	#sns_info li .item1 img{width:100%}

	/*sns링크*/
	#sns_links{width:100%;margin-bottom:10px;}
	.bs_menu.item01{background-position: 17px center;}
	.bs_menu.item02{background-position: 20px center;}
	.bs_t_box{width:auto;height:200px;}

	
	.sns_fav_box{display:none;}/*임시삭제*/

	.sns_link_box li{width:33%;}
	.sns_link_box li a{font-size:14px;font-size:1.4rem;color:#333;padding-left:0;text-align:center;}

	/*wk순위*/
	.wk_service{margin:0 5px 0 5px;}
	.wk_service h3{background-position:right top;background-color:#c40a2f}
	.wk_service table{height:306px;}

	/* 인사말 */
	.greet_wrap .left_box {float:none;width:auto;}
	.greet_wrap .right_box {float:none;width:auto;text-align:center;}
	.greet_wrap br {display:none;}

}


/* midium */
@media screen and (min-width:561px) and (max-width:768px) {
	.resol span.item1{display:none;}
	.resol span.item4{display:block;background-color:#9494ff}
	
	

	/*자주찾는서비스*/
	.fav_go{width:100%;position:relative;top:0;left:0;height:62px;padding:10px 0;margin-top:-82px;}

	/*일정슬라이드*/
	.main_top2{width:40%;padding-top:0px;}
	.main_top2 article{width:auto;height:65px;padding-top:40px;padding-left:10px;padding-right:10px;}
	.main_top2 h3{font-size:16px;}
	#pro_times_sl_1,#pro_times_sl_2{margin-left:0px;height:46px;width:auto;padding:0;margin-right: 0px;}
	.main_top2 .cycle-slideshow a{white-space:normal;width:100%;}


	.main_m_center{width:40%}
	#singo_links{width:auto;}

	.main_m_right{width:100%}
	#service_links li{width:25%}
	#service_links{width:auto;height:auto;padding-bottom:10px;border-top:0px;}
	#service_links li a{background-image:none;padding-left:10px;}

}
/* small 공통 */
@media screen and (min-width:1px) and (max-width:560px) {

	/*메인슬라이드 접기
	#mainslide {
		height: 367px;
		overflow: hidden;
	}
	.msl_open{display:block;}
	.msl_open a{display:block;}*/
		
		.wk_box .item1{width:22%;}
		.wk_box .item2{width:22%;}
		.wk_box .item1 span{float:none;}
		.wk_box .item2 span{float:none;}
		.wk_top{height:auto;min-height:30px;}
		.wk_box{height:auto;}
		.wk_vers{padding-top:41px;}
		.n_vers_date{padding-bottom:10px;}
}

/* small */
@media screen and (min-width:481px) and (max-width:560px) {
	.resol span.item1{display:none;}
	.resol span.item5{display:block;background-color:#9494ff}

	/*자주찾는서비스*/
	.fav_go li{width:25%;height:auto;margin-bottom:10px;}




	/*수원시설관리공단 바로가기*/
	#js_roll_1{width:395px;margin:0 auto;}


}

/* x-small */
@media screen and (min-width:1px) and (max-width:480px) {
	.resol span.item1{display:none;}
	.resol span.item6{display:block;background-color:#9494ff}

	.top_item1{right:0;}

	/*layout*/
	.main_item_1{width:100%;margin-right:0;margin-bottom:0px;background-color:#fff;height:auto;}
		
		.n_match_wrap{margin:5px 5px 5px 5px;height:auto;}
		.n_match_wrap h3{width:auto;padding-right:0;background-image:none;}
		.wk_top{position:relative;top:0;left:0;padding-left:2%;width:98%}
		.n_match_wrap .more_btn{left:90%}
		
		.wk_box .item1{width:50%;padding-left:0;}
		.wk_box .item2{width:50%;padding-right:0;}
		.wk_box .item1 span{float:none;}
		.wk_box .item2 span{float:none;}
		.wk_top{height:auto;min-height:30px;padding-bottom:4px;}
		.wk_box{height:auto;}
		.wk_vers{padding-top:115px;}
		.n_vers_date{padding-bottom:10px;}
		
		
	.main_item_3{width:100%;height:auto;margin-bottom:0px;}
		#main_bbs{margin:5px 5px 5px 5px}
		#main_bbs ul.main_bbs_tit li a{padding:10px 6px 7px}
		
	.main_item_4{width:100%;margin-right:0px;height:auto;}
		.photo_bbs_list{margin:0px 5px 5px 5px;height:auto;padding-bottom:10px;}
		.photo_bbs_list li{margin-left:0px;width:100%;}
		.photo_bbs_list .item1 {margin-left:3px;margin-right:3px;}
		.photo_bbs_list .item1 img{width:70%;height:auto;}
	
	.main_item_5{width:100%;margin-right:0;margin-bottom:5px;height:auto}
	



	/*자주찾는서비스*/
	.fav_go li{width:50%;height:auto;margin-bottom:10px;}
	.fav_go li span{display:none;}


	/*수원시설관리공단 바로가기*/
	#js_roll_1{width:300px;margin:0 auto;}

}

/* xx-small */


@media screen and (min-width:1px) and (max-width:360px) {
	/*각 게시판 요약*/
	#sns_info li{width:97%;height:auto;}


	/*layout*/
	.main_item_1{width:100%;margin-right:0;margin-bottom:0px;background-color:#fff;height:auto;}
		.online_service{margin:5px 5px 5px 5px;height:auto;background-color:#fff4f6;}
		.online_service h3{background-color:#c81a3d;}
		.online_service ul{height:140px;padding-top:0;height:auto;padding-bottom:10px;}
		.online_service li{margin-bottom:0px;height:auto}
		.online_service li a{padding-left:0px;height:auto;background-image:none;text-align:center;}
}

@media screen and (min-width:769px) and (max-width:968px) {
	#mainpage .today_scz {width:98%; padding:10px 1%; float:none;}
	.soccergame_cal_detail {width:98%; padding:10px 1%; float:none;}
}