@charset "utf-8";

/*********************** PC 및 모든 기기 *************************/

/*레이아웃*/
.route{background: #f2f2f2; height: 48px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; font-size: 16px;}
.route article{display: inline-block; position: relative;}
.route article span{display: inline-block; height: 48px; padding: 15px 100px 0 30px; cursor: pointer; background: url(../images/common/route.jpg) no-repeat 100% -1px; }
.route article.home span{padding-left: 20px; padding-right: 20px; border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9; background:none; }
.route article.home span a{display: block; height: 48px;}
.emphasis{color:#008752;}

.route article ul{background:#fff; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; position: absolute; z-index: 2; top: 46px; left: -5px; display: none;}
.route article ul li{width: 210px;}
.route article ul li a{line-height: 48px; display: block; width: 100%; padding: 0 20px; border-bottom: 1px solid #d9d9d9;}
.route article ul li a:hover,.route article ul li.on a{background: #007ac3; color: #fff; font-weight: bold;}

.route .r_btns{position: absolute; right: 0; top: 6px;}
.route .r_btns .sns{display: inline-block;}
.route .r_btns .sns .sns_wrap{display: none;}
.route .r_btns .sns .arr{vertical-align: 10px; margin: 0 2px;}
.route .r_btns a{display: inline-block; margin: 0 1px;}

.r_area{text-align: right;}
.r_area select{margin-right: 22px;}

/*부분*/
.mid_title {font-size: 22px; margin-bottom: 20px;}
.point_txt {font-weight: 400; line-height: 28px; padding-left: 20px; background: url(../images/point.png) no-repeat 0 5px; margin-bottom: 10px;}
.dot_txt {padding-left: 30px; background: url(../images/dot.png) no-repeat 20px 10px; line-height: 28px; margin-bottom: 5px;}
.dot_txt_end {padding-left: 30px; background: url(../images/dot.png) no-repeat 20px 10px; line-height: 28px; margin-bottom: 30px;}
.hyphen_bullet{padding-left: 30px; background: url(../images/hyphen_bullet.png) no-repeat 20px 10px; line-height: 28px; margin-bottom:5px;}

.feature_point{padding: 30px 0; margin-bottom:50px; font-size: 22px; text-align: center; line-height: 42px; background:url(../images/sub/box_bg.png); background-position:1200px 50px ,0 0;}
.feature_point30{padding: 30px 0; margin-bottom:50px; font-size: 22px; text-align: center; line-height: 42px; background:url(../images/sub/box_bg.png); background-position:1200px 30px ,0 0;}

.image_area { margin-bottom:30px; border:1px solid #ebebeb; }
	.image_area .bx-pager-item {
		display: inline-block;
		margin: 0 2px;
	}

		.image_area .bx-pager-item a {
			display: block;
			width: 55px;
			height: 5px;
			background: url(../images/main/pager.png);
			text-indent: -9999px;
			overflow: hidden;
		}

			.image_area .bx-pager-item a.active {
				background-image: url(../images/main/pager_on.png);
			}


/* ajax calendar extender style */
.ajxCalendar .ajax__calendar_container {
	border: 1px solid #646464;
	background-color: #FFFFFF;
	color: black !important;
}

.ajxCalendar .ajax__calendar_container {
	margin: 0;
	padding: 8px 0 8px 0;
	line-height: 140%;
}

	.ajxCalendar .ajax__calendar_container table {
		width: 94%;
	}

		.ajxCalendar .ajax__calendar_container table thead {
			height: 25px;
			border-bottom: 1px solid #dedede;
		}

	.ajxCalendar .ajax__calendar_container tbody tr td {
		color: black !important;
		font-family: "돋움",dotum,Helvetica,sans-serif;
		border: 0;
		line-height: 140%;
		padding-top: 1px;
	}

	.ajxCalendar .ajax__calendar_container tbody tr:first-child td {
		padding-top: 5px;
	}

.ajxCalendar .ajax__calendar_other .ajax__calendar_day,
.ajxCalendar .ajax__calendar_other .ajax__calendar_year {
	color: #999999;
}

.ajxCalendar thead tr td {
	border: 0;
	padding-bottom: 7px;
}

	.ajxCalendar thead tr td:first-child > div {
		color: Red;
	}

	.ajxCalendar thead tr td:last-child > div {
		color: Blue;
	}

.ajxCalendar .ajax__calendar_today > div {
	border: 1px solid #52abd7;
}

.ajxCalendar .ajax__calendar_hover .ajax__calendar_day,
.ajxCalendar .ajax__calendar_hover .ajax__calendar_month,
.ajxCalendar .ajax__calendar_hover .ajax__calendar_year {
	background-color: #edf9ff;
	color: #4a65f0;
}

.ajxCalendar .ajax__calendar_active .ajax__calendar_day,
.ajxCalendar .ajax__calendar_active .ajax__calendar_month,
.ajxCalendar .ajax__calendar_active .ajax__calendar_year {
	border: 1px solid #4a65f0;
	background-color: #edf9ff;
	color: #4a65f0;
}
                




.btn_blue {
	padding: 0 15px;
	height: 30px;
	background: #465986;
	color: #fff;
	border-radius: 5px;
}
.btn_lightblue{padding: 0 20px; height: 30px; background: #007ac2; color: #fff; border-radius: 5px; }
.btn_lightblue02{padding: 0 20px; margin-left:8px; height: 30px; background: #007ac2; color: #fff; border-radius: 5px; }
.btn_lightblue03{padding: 6px 23px; height: 30px; background: #007ac2; color: #fff; border-radius: 5px; }
.btn_lightblue04{padding: 0 20px; margin-left:12px; height: 30px; background: #007ac2; color: #fff; border-radius: 5px; }
.btn_lightblue_inquiry{padding: 0 20px; height: 30px; background: #007ac2; color: #fff; border-radius: 5px; }
.btn_darkblue{padding: 0 20px; height: 30px; background: #6a7184; color: #fff; border-radius: 5px; }
.btn_darkblue_apply{padding: 0 20px; height: 30px; background: #6a7184; color: #fff; border-radius: 5px; }
.btn_link {
	padding: 12px 41px 12px 20px;
	background: #465986 url(../images/btn_link.png) no-repeat right center;
	color: #fff;
	border-radius: 5px;
	margin: 0 0 5px 0;
	cursor: pointer;
}

.btn_link02 {
	padding: 12px 41px 12px 20px;
	background: #666666 url(../images/btn_link.png) no-repeat right center;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
}

.btn_link03 {
	padding: 12px 41px 12px 20px;
	background: #007ac2 url(../images/btn_link.png) no-repeat right center;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
}

.btn_link04 {
	padding: 20px 150px 20px 150px;
	margin-top: 40px;
	background: #007ac2;
	color: #fff;
	border-radius: 5px;
	font-size: 36px;
	text-align: center;
	display: inline-block;
}

.btn_link05 {
	padding: 12px 41px 12px 20px;
	background: #999999 url(../images/btn_link.png) no-repeat right center;
	color: #fff;
	border-radius: 5px;
	display: inline-block;
}

.btn_link06 {
	padding: 12px 41px 12px 20px;
	background: #465986 url(../images/btn_link.png) no-repeat right center;
	color: #fff;
	border-radius: 5px;
	margin: 0 0 5px 20px;
}

.btn_link07 {
	padding: 12px 41px 12px 20px;
	background: #465986 url(../images/btn_link.png) no-repeat right center;
	color: #fff;
	border-radius: 5px;
	margin: 0 0 5px 10px;
}

.btn_link08 {
	padding: 12px 41px 12px 20px;
	background: #465986 url(../images/btn_link.png) no-repeat right center;
	color: #fff;
	border-radius: 5px;
	margin: 0 0 5px 0;
}
.btn_right{padding-top: 10px; margin-top:10px; text-align: right; }
.btn_center{padding-top: 50px; text-align: center; }
.btn_green{padding: 0 20px; height: 30px; background: #309217; color: #fff; border-radius: 5px; }
.btn_link_green{padding: 12px 41px 12px 20px; background: #309217 url(../images/btn_link.png) no-repeat right center; color: #fff; border-radius: 5px; }

/*form*/
.date_input{border: 1px solid #d9d9d9; text-align: center; padding: 5px 0px 5px 0px; }
.date_input02{width: 150px; border: 1px solid #d9d9d9; text-align: center; padding: 5px 30px 5px 0px; background: url(../images/date_icon.png) no-repeat 95% 0px; cursor: pointer;}
.add_input{border: 1px solid #d9d9d9; text-align: left; padding: 5px 0px 5px 0px; width:80%;}
.name_input{border: 1px solid #d9d9d9; text-align: left; padding: 5px 0px 5px 0px; width:280px;}
.id_input{border: 1px solid #d9d9d9; text-align: left; padding: 5px 0px 5px 0px; width:280px;}
.pw_input{border: 1px solid #d9d9d9; text-align: left; padding: 5px 0px 5px 0px; width:280px;}
.phone_input{border: 1px solid #d9d9d9; text-align: left; padding: 5px 0px 5px 0px; width:75px;}
.tel_input{border: 1px solid #d9d9d9; text-align: left; padding: 5px 0px 5px 0px; width:95px;}
.age_input{border: 1px solid #d9d9d9; text-align: left; padding: 5px 0px 5px 0px; width:178px;}
.date_icon{border: 1px solid #d9d9d9; border-left: 0px; margin-top: 2px; vertical-align: top;}
.right_input{border: 1px solid #d9d9d9; text-align: right; padding: 5px 20px 5px 0px; width:40%;}

/* 개인정보, 이용 동의 부분*/
.privacy{margin-bottom: 40px;}
.privacy ul{}
.privacy ul li{border: 1px solid #d9d9d9;}
.privacy ul li.privacy_area{padding: 30px 20px 0px 25px; height: 350px; line-height: 28px; border-bottom: 0px; overflow-y: scroll;}
.privacy ul li.privacy_area02{padding: 30px; line-height: 28px; border-bottom: 0px;}
.privacy ul li.privacy_chk{padding: 20px 0px 20px 0px; background: #f5f5f5; text-align: center;}
.privacy ul li.privacy_chk02{padding: 20px 0px 20px 0px; background: #f5f5f5; text-align: center; border-top:none; }


/*서브 컨텐츠*/
.sub_area{margin: 0 auto; width: 1200px;}
.in_menu{position:relative; top: 50px; width: auto; height: 80px; text-align: center; z-index: 1;}
.in_menu > h1{position:absolute; top: 10px; left: 50%; transform: translateX(-50%); margin: 0 auto; line-height:60px; font-weight:normal; border-top: 5px solid #0055a8;  }
.in_contents{margin-top: 100px; width: auto;}

/*인사말*/
.intro{}
.intro .intro_img{float:left; width: 100%; padding-bottom:50px;}
.intro .intro_img .rm{float:left; margin-right:30px;}
.intro .intro_img .lm{float:left;}
.intro p{margin-bottom: 34px; font-size:18px; font-weight:normal; color:#666; line-height: 26px;}
.intro .intro_title{font-weight:400; font-size: 30px; line-height: 38px; }
.intro .intro_sign{ float:right;}

/*조직구성도*/
.Org_area01 {width: 100%; font-size: 1.2rem;font-family: 'nanum_square'; text-align: center;}
.Org_area01 .in_contents_01{width:170px; background-color:#023386; text-align:center; color:#FFFFFF; margin:20px auto; padding:20px 0;}
.Org_area01 .in_contents_01_1 {width:170px; background-color:#51a121; text-align:center; color:#FFFFFF; margin-left:65%; padding:20px 0;}
.Org_area01 .in_contents_01_2 {width:170px; background-color:#0041ad; text-align:center; color:#FFFFFF;  margin:20px auto; padding:20px 0;}
.Org_area02 {text-align:center; margin-top:50px;}
.Org_area02 > ul {  }
.Org_area02 .in_contents_02 {width:230px; background-color:#3b6bb7; text-align: center; margin-bottom:50px; color:#FFFFFF; display:inline-block;  padding:10px 0;}
.Org_area03 { width:50%; text-align:right; margin-top:20px;}
.Org_area03 .in_contents_03 {width:190px;  background-color:#788999; text-align: center; margin-bottom:50px; color:#FFFFFF; display:inline-block;  padding:10px 0;}
.Org_area03 .in_contents_03.lastchild { margin-right:95px;}
	
/*오시는길*/
.info_txt_01 { margin-top: 50px;}

/*셔틀버스*/   
.abus_article_l { width:50%; float:left; padding-right:20px; }
.abus_article_r { width:50%; float:left; padding-left:20px; }
.info_txt_02 {clear:both;}

/*이용규정*/
.TermsCnt {position: relative; padding-bottom: 50px;}
.TermsCnt h2  {background: none;padding: 0;margin: 0 0 15px 0;font-size: 22px; color: #1262a8; line-height: 28px;}
.TermsCnt p {line-height: 28px; padding-bottom: 20px;}
.TermsCnt p.mb0 {line-height: 28px; padding-bottom: 0px;}
.TermsCnt .title {font-size: 18px;}
.TermsCnt ol {margin:0; padding-bottom:10px;}
.TermsCnt ol li {list-style-type: none; list-style-position: inside; line-height: 28px; padding-left: 20px;}

/*수영장내 준수사항*/

.precautions .pre_box1 {margin-bottom:40px;}
.precautions .pre_txt {width:100%;border:1px solid #d9d9d9; padding:20px; color:#666;}
.precautions .pre_txt li {line-height:30px; color:#777;}



/*축구장.풋살구장.탭메뉴*/
.s_tab ul{overflow: hidden; width: 100%; border-bottom: 2px solid #0056ab; margin-bottom: 50px;}
.s_tab ul li{width: 50%; box-sizing: border-box; float: left; list-style-type: none; border: 1px solid #d0d0d0; border-bottom:none; height: 49px; line-height: 49px; text-align: center; cursor:pointer;}
.s_tab ul li.activeClass{border-color: #0056ab; background: #0056ab; color: #fff;}
.sm_select {display: none;}
.sm_select select {width:100%; height: 49px; }


/*어린이스포츠단 소개*/
.c_info_contents{background:url(../images/sub/c_info_c_bg.png) no-repeat; width:100%; height:700px; margin-top:100px;}
	
/*기본 테이블*/
.tbl_wrap{ padding-bottom:50px;}
.text_right{text-align: right; padding-bottom: 10px; }
.basic_tbl{border-top: 2px solid #5e5e5e;}
.basic_tbl th{border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding: 16px 10px; background: #f0f5f9; text-align: center; font-weight: 400; color: #000;}
.basic_tbl th.th_left{line-height:28px; text-align:left; padding:11px 0 11px 30px;}
.basic_tbl th.txt_center{text-align: center;}
.basic_tbl td{border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding: 10px 7px; line-height: 28px; text-align: center;}
.basic_tbl td.td_left{padding-left: 30px; line-height: 28px; text-align:left;}
.basic_tbl td.td_right{padding-right: 20px; line-height: 28px; text-align:right;}
.bg{background: #f5f5f5;}
.bg2{background: #fff4ee;}
.bg3{background: #e9f2db;}

.basic_tbl_100{border-top: 2px solid #5e5e5e;}
.basic_tbl_100 th{border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding: 16px 10px; background: #f0f5f9; text-align: center; font-weight:400; color: #000;}
.basic_tbl_100 td{border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding: 10px 7px; line-height: 28px; text-align: center;}
.basic_tbl_100 td.td_bg{background: #f5f5f5;}
.basic_tbl_100 td.td_left{padding-left: 30px; line-height: 28px; text-align:left;}
.basic_tbl_100 td.td_right{padding-right: 20px; line-height: 28px; text-align:right;}
.basic_tbl_100 td.down {background:url(/images/file_ico.png) no-repeat center center;}
.basic_tbl_100 td.file { height:22px; background:url(../images/sub/file.png) no-repeat center 15px;}

.basic_tbl_auto_apply{border-top: 2px solid #5e5e5e; border-collapse:separate; table-layout: auto; margin-bottom: 30px;} 
.basic_tbl_auto_apply th{ border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding: 20px 8px; background: #f0f5f9; text-align: center;}
.basic_tbl_auto_apply th.ta_left{line-height:28px; text-align:left; padding:11px 0 11px 30px;}
.basic_tbl_auto_apply th.pd11{border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding: 11px 0; background: #f0f5f9; }
.basic_tbl_auto_apply th.no_bg01{padding-left: 30px; text-align:left; background: #fff;}
.basic_tbl_auto_apply th.no_bg02{background: #fff;}
.basic_tbl_auto_apply th.txt_center{text-align: center;}
.basic_tbl_auto_apply th:last-child{border-right: none;}
.basic_tbl_auto_apply th.right_line{border-right: 1px solid #d9d9d9;}
.basic_tbl_auto_apply td{border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding: 11px 8px; line-height: 28px; text-align: center;}
.basic_tbl_auto_apply td.td_bg{background: #f0f5f9; }
.basic_tbl_auto_apply td.td_bg02{background: #f5f5f5; }
.basic_tbl_auto_apply td.td_bg03{background: #f5f5f5;}
.basic_tbl_auto_apply td.ta_left{padding-left: 30px; line-height: 28px; text-align:left;}
.basic_tbl_auto_apply td.left02{padding: 0px; line-height: 28px; text-align:left;}
.basic_tbl_auto_apply td.right{padding-right: 20px; line-height: 28px; text-align:right;}
.basic_tbl_auto_apply td.BG_Pink{background: #fcecec;}
.basic_tbl_auto_apply td .txtarea{width: 100%; height: 300px; border: 0px; padding: 30px 0 0 30px; overflow-y:scroll;}
.basic_tbl_auto_apply td:last-child{border-right: none;}
.basic_tbl_auto_apply td.right_line{border-right: 1px solid #d9d9d9;}
.basic_tbl_auto_apply td.down {background:url(/images/file_ico.png) no-repeat center center;}




/* 게시판 검색 */
.board_Search_area{margin-top: 60px; margin-bottom: 20px; padding: 10px 0px 10px 35px; width: auto; background-color: #f6f5f5;}
.board_Search_area ul{display: inline-block; width: 100%;}
.board_Search_area ul li{float: left; vertical-align: bottom;}
.board_Search_area ul li > .space{padding-left: 40px;}
.board_Search_area ul li.total_Num{padding-top: 7px;}
.board_Search_area ul li.search_Area{padding-right: 10px; float: right;}
.txt_input{margin: 0px 0px 0px 20px; padding: 5px 10px 4px 20px; width: 120px; border: 1px solid #695a55; vertical-align: top;}
.btn_01{margin-left: -5px; padding: 6px 10px 5px 10px; font-size: 14px; color: #ffffff; background: #695a55; border: 1px solid #695a55; vertical-align: top;}
.btn_02 {
	margin-left: 15px;
	padding: 6px 10px 5px 10px;
	font-size: 14px;
	color: #ffffff;
	background: #465986;
	border: 1px solid #465986;
	vertical-align: top;
}

/* paging */
.paging{width:100%; text-align:center; overflow:hidden; }
.paging span{ padding:0 10px 0 5px; display:inline-block; }
.paging span a{ width:30px; height:30px; line-height:30px; border:1px solid #d0d0d0; display:inline-block; text-align:center; font-size:16px; color:#666; float:left; margin-left:7px; }
.paging span a.on,.paging span a:hover{ border:1px solid #1c2a72; background:#1c2a72; color:#fff;  }


/*********************** PC만 *************************/
@media screen and (min-width:980px){
    .basic_tbl.short td{text-align: left; padding-left: 130px;}    
    .ars_cont{}
    .ars_cont .left{float: left; margin-left: 20px; margin-top: 40px;}
    .ars_cont .right{float: right; width: 700px; margin-top: 110px;}
}

/*********************** 태블릿과 모바일 *************************/
@media screen and (max-width:979px){
	.route .r_btns{position: absolute; right: 0; }
	.route .r_btns .sns{display: inline-block;}
	.route .r_btns .sns .sns_wrap{display: none;}
	.route .r_btns .sns .arr{vertical-align: 10px; margin: 0 2px;}
	.route .r_btns a{display: inline-block; margin: 0 1px;}	
	.in_contents{margin-top: 60px; width: auto;}
	
	#footer{ border-top:3px solid #44464e;}	
	.c_info_contents{display:none;}
}

/*********************** 태블릿만 *************************/
@media screen and (min-width:760px) and (max-width:979px){
	.Org_area02 {font-size:12px;}
	.Org_area03 {font-size:12px;}
	.Org_area02 > ul { height:32px; }
	.Org_area02 .in_contents_02 {width:150px;}	
	.Org_area03 { width:50%; text-align:right; margin-top:20px;}
	.Org_area03 .in_contents_03 {width:150px;}
	.Org_area03 .in_contents_03.lastchild { margin-right:75px;}

}

/*********************** 모바일만 *************************/
@media screen and (min-width:320px) and (max-width:760px){
	.in_contents{margin-top: 20px; width: auto;}
	
	.route article span{padding: 15px 40px 0 10px; }
	.route article.home span{padding-left: 15px; padding-right: 15px; }	
	.intro .intro_img .rm{float:none; text-align:center; margin-right:0;}
	.intro .intro_img .lm{float:none; text-align:center;}	
	
	/*부분*/
	.feature_point{margin-bottom:30px; font-size: 18px; line-height:32px;}
	.feature_point30{margin-bottom:30px; font-size: 18px; line-height:32px;}
	.m_img {width:100%;}

    .btn_link{padding: 12px 26px 12px 10px; background:#465986 url(../images/btn_link.png) no-repeat 110% 50%; color: #fff; border-radius: 5px;  margin:0 0 5px 0; font-size: 12px;}
	.btn_link02{padding: 12px 26px 12px 10px; background: #666666 url(../images/btn_link.png) no-repeat right center; color: #fff; border-radius: 5px;  font-size: 12px;}

    /*기본 테이블*/
    .tbl_wrap {overflow-x: auto; position: relative;}
    .tbl_wrap .basic_tbl{ width:740px; word-break:break-all; white-space: pre-wrap; word-wrap: break-word;}
	.tbl_wrap .basic_tbl img{ width:100%;}
    .tbl_wrap .finger_guide{position: absolute; left: 50%; margin-left: -100px; top: 30px;}
	
	.basic_tbl_100{ width:100%; word-break:break-all;}	
	.basic_tbl_100 td.left{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	
	/*조직구성도*/
	.Org_area02 {font-size:12px;}
	.Org_area03 {font-size:12px;}
	.Org_area02 > ul { height:30px; }
	.Org_area02 .in_contents_02 {width:auto; padding:10px;}
	
	.Org_area03 { width:50%; text-align:right; margin-top:20px;}
	.Org_area03 .in_contents_03 {width:auto; padding:10px;}
	.Org_area03 .in_contents_03.lastchild { margin-right:70px;}
	
	/* 셔틀버스 */   
	.abus_article_l { width:100%; clear:both; padding:0; margin-bottom: 50px;}
	.abus_article_r { width:100%; clear:both; padding:0; margin-bottom: 50px;}
	
	.mid_title{font-size: 18px;}
	
	/*축구장.풋살구장*/	
	.s_tab ul{margin-bottom: 30px;}
}
/*********************** 모바일만 *************************/
@media screen and (max-width:320px){
	
}