@charset "UTF-8";


@import url(font-awesome.min.css);
@import "https://fonts.googleapis.com/css?family=Raleway:100,300,600";

* { margin:0; padding:0; }
li { list-style:none; }
a { text-decoration:none; color:#333; }

body {
  width:100%; 
  letter-spacing:-0.5px;
}


		
		

		#sub_banner_01, #sub_banner_02, #sub_banner_03, #sub_banner_04, #sub_banner_05, #sub_banner_06, #sub_banner_07 {
			width:100%;
			height:264px;
			text-align:center;
			background-size:cover;
			background-repeat:no-repeat;
			background-position:center center;
			margin-top:80px;
			padding-top:60px;
		}
		
		#sub_banner_01 > h1, #sub_banner_02 > h1, #sub_banner_03 > h1, #sub_banner_04 > h1, #sub_banner_05 > h1, #sub_banner_06 > h1, #sub_banner_07 > h1 {
			font-size:40px;
			color:#fff; 
			margin-bottom:20px;
		}
		
		#sub_banner_01 > p, #sub_banner_02 > p, #sub_banner_03 > p, #sub_banner_04 > p, #sub_banner_05 > p, #sub_banner_06 > p, #sub_banner_07 > p {
			width:420px;
			margin:0 auto;
			font-size:17px;
			color:#fff; 
		}


		@media screen and (max-width: 980px) {
		#sub_banner_01, #sub_banner_02, #sub_banner_03, #sub_banner_04, #sub_banner_05, #sub_banner_06, #sub_banner_07 {
				height:250px;
				margin-top:94px;
				padding-top:90px;
			}
			
			
			#sub_banner_01 > h1, #sub_banner_02 > h1, #sub_banner_03 > h1, #sub_banner_04 > h1, #sub_banner_05 > h1, #sub_banner_06 > h1, #sub_banner_07 > h1 {
			font-size:30px;
			margin-bottom:15px;
		}
			
			#sub_banner_01 > p, #sub_banner_02 > p, #sub_banner_03 > p, #sub_banner_04 > p, #sub_banner_05 > p, #sub_banner_06 > p, #sub_banner_07 > p {
			width:100%;
			font-size:16px;
			}
		}
		
		@media screen and (max-width: 480px) {
		#sub_banner_01, #sub_banner_02, #sub_banner_03, #sub_banner_04, #sub_banner_05, #sub_banner_06, #sub_banner_07 {
				padding-top:110px;
			}
			
			
			#sub_banner_01 > h1, #sub_banner_02 > h1, #sub_banner_03 > h1, #sub_banner_04 > h1, #sub_banner_05 > h1, #sub_banner_06 > h1, #sub_banner_07 > h1 {
			font-size:26px;
			margin-bottom:0px;
		}
			
			#sub_banner_01 > p, #sub_banner_02 > p, #sub_banner_03 > p, #sub_banner_04 > p, #sub_banner_05 > p, #sub_banner_06 > p, #sub_banner_07 > p {
				display:none;
			}
		}
		
		/* 체육회소개 서브배너 */
		#sub_banner_01 {
			background-image:url(../../images/sub_banner_1_re.jpg);
		}
		
		/* 종목별가맹단체 서브배너 */
		#sub_banner_02 {
			background-image:url(../../images/sub_banner_2_re.jpg);
		}

		/* 운동경기부 서브배너 */
		#sub_banner_03 {
			background-image:url(../../images/sub_banner_3.jpg);
		}
		
		/* 체육시설 서브배너 */
		#sub_banner_04 {
			background-image:url(../../images/sub_banner_4_re.jpg);
		}
		
		/* 대회 및 행사일정 서브배너 */
		#sub_banner_05 {
			background-image:url(../../images/sub_banner_5_re.jpg);
		}
		
		/* 주요사업 서브배너 */
		#sub_banner_06 {
			background-image:url(../../images/sub_banner_6_re.jpg);
		}
		
		/* 국제대회 서브배너 */
		#sub_banner_07 {
			background-image:url(../../images/sub_banner_7_re.jpg);
		}
		
#sub_title {
	width:100%;
	height: ;
	background-color:#fff; 
}
#sub_title_1 {
	width:;
	margin:0 auto;
	padding-left:0px;
}
#sub_title_1 p {
	font-size:16px;
	color:#666;
	text-align:left;
	line-height:56px;
}
	
@media screen and (max-width: 1240px) {
	#sub_title_1 {
		width:100%;
		/* padding-left:15px;
		padding-right:15px; */
	}
	
	#sub_title_1 p {
		font-size:15px;
	}
}

#content_wrap {
	width: ;
	height:auto;
	margin:0 auto;
	overflow-x:hidden;
}



#left_m_intro, #left_m_part, #left_m_exer, #left_m_compe, #left_m_bus, #left_m_commu {
	/* width:250px;
	float:left;*/
	height:auto;
}

#left_m_title {
	position: relative;
	width:100%; 
	padding:20px 0 30px;
	background-color:; 
	text-align:left;
	overflow:;   
	border-bottom: 2px solid #333; 
}

#left_m_title:after {
	position: absolute;
	width:30%; 
	height: 2px;
	display: block; 
	content: '';
	background: var(--secondary); 
	z-index: 5;
	bottom:-2px;
	left:0;
}
#left_m_title > h3,
#left_m_title > h4 {
	font-size:;
	font-weight: 700;
	color:; 
}

#left_m_content {
	position: relative;
	width:100%;
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
}
#left_m_content > p,
#left_m_content > a > p {
	position: relative; 
	padding-top:10px; 
	padding-bottom:10px;
	padding-right:15px; 
	padding-left:10px; 
	margin: 0 auto;
	background: #fff;
	border-top:1px solid #fff;
	border-bottom:1px solid #ccc;
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
	color: #333;  
}
#left_m_content > p:before, 
#left_m_content > a > p:before{ 
	z-index: 20;
	font-family: "icomoon";
	content: "\e315";
	position: absolute;
	top: 50%;
	right: 10px;
	z-index: 2;  
	text-align: center;
	cursor: pointer; 
	-webkit-transform: translateY(-50%) ;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%) ;
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
	color: var(--primary);  
	color: #333;  
}

#left_m_content:hover > p:before,
#left_m_content.on > p:before,
#left_m_content:hover > a > p:before,
#left_m_content.on > a > p:before{  
    color: #1b781f;  
}

#left_m_content:hover,
#left_m_content.on { 
	background-color: #f0f6ed;  
}
#left_m_content:hover > p, 
#left_m_content:hover > a > p{
    color: #1b781f; 
	padding-left:20px; 
	background-color: #f0f6ed; 
	border-bottom:1px solid #fff; 
}

#left_m_content.on > p,
#left_m_content.on > a > p {
    color: #1b781f; 
	padding-left:20px; 
	font-weight: 500;
	background-color: #f0f6ed;  
	border-bottom:1px solid #fff;
}
 
#left_m_content > span {
	display:none;
	font-size:20px;
	color:#111; 
}
#left_m_content.on span {
	display:block;
	display:none;
}



#left_m_content .left_sub_content {
	position: relative;
	padding: 12px 20px 15px;  
	background-color: #f0f6ed;  
	border-bottom:1px solid #fff;
	display:none;
}
#left_m_content .left_sub_content > p { 
	position: relative;
	color:#4f6c50;
	line-height:1; 
	padding: 6px 10px; 
	cursor: pointer !important;
}
#left_m_content .left_sub_content > p:before { 
	color:#4f6c50;
	line-height:1;  
	cursor: pointer !important; 
	content: "- ";
	position:relative; 
	left: 0px;
	margin-right: 5px;
	z-index: 2;    
}
#left_m_content.on .left_sub_content {
	display:block;
}




/* 25년 2월 리뉴얼 시 추가 */

#content_wrap  {
	position: relative;
	--bs-gutter-x:1.5rem;
	--bs-gutter-y:0;
	display:flex;
	flex-wrap:wrap; 
	align-items: start; 
	justify-content:space-between;  
}
#content_wrap > * { 
	flex-shrink:0; 
	margin-top:var(--bs-gutter-y);  
}  

#left_m_intro, #left_m_part, #left_m_exer, #left_m_ath, #left_m_compe, #left_m_bus, #left_m_commu  {
	/* width:100%; */ 
	flex: 0 0 auto;
	width: 20%;
}
#intro, #part, #exer, #ath,
.subConSec { 
	height:auto;   
	padding-bottom:60px; 
	flex: 0 0  auto;
	width: 75%;
}

.left_m_wrap { 
	border-radius: 0px;
	margin-top: 0px;
	z-index: 5;
	overflow: hidden;  
	border:1px solid rgba(91, 172, 182, 1); 
	border-width: 0px 0 1px 0;
	border-style: solid;
	border-color: var(--primary);
	background: #fff;
	padding:20px 0 30px 0; 
}



@media screen and (max-width: 1340px) {
	#left_m_intro, #left_m_part, #left_m_exer, #left_m_ath, #left_m_compe, #left_m_bus, #left_m_commu {
		width: 25%;
	}
	#intro, #part, #exer, #ath,
	.subConSec{   
		width: 70%;
	}
}

@media screen and (max-width: 1240px) {
	#left_m_intro, #left_m_part, #left_m_exer, #left_m_ath, #left_m_compe, #left_m_bus, #left_m_commu {
		width: 26%;
	}
	#intro, #part, #exer, #ath,
	.subConSec{   
		width: 70%;
	}
}


@media screen and (max-width: 992px) {
	#left_m_intro, #left_m_part, #left_m_exer, #left_m_ath, #left_m_compe, #left_m_bus, #left_m_commu {
		display: none; 
	}
	#intro, #part, #exer, #ath,
	.subConSec{   
		width: 100%;
	}
}

/* 25년 2월 리뉴얼 시 추가 */





#intro, #part, #exer, #ath {
	/* width:950px;
	height:auto;
	display:inline-block;
	float:right;
	padding-left:40px;
	padding-top:40px;
	padding-bottom:60px;*/
	height:auto;
	padding-bottom:60px;
}

#intro > h1, #part > h1, #exer > h1, #ath > h1 {
	font-size:24px;
	color:#111;
	margin-bottom:15px;
	display: none;
}
#intro p {  
}


#intro > hr, #part > hr, #exer > hr, #ath > hr {
	margin-bottom:30px;
	border-color:#ccc;
}

#intro > img, #part > img {
	text-align:center;
}

#intro_top {
	width:100%;
	height:auto;
	display:inline-block;
	margin-bottom:30px;
}

#intro_text {
	width:50%;
	height:311px;
	float:left;
	border-bottom:1px solid #ccc;
}
#intro_text > h2 {
	font-size:24px;
	color:#111; 
	margin-top:50px;
	margin-bottom:90px;
}
#intro_text > h2 > span {
	color:#229159;
}



#intro_img {
	width:50%;
	float:right;
	text-align:right;
}

@media screen and (max-width: 980px) {
#intro_text {
	width:100%;
	height:auto;
	float:none;
	padding-bottom:50px;
}
#intro_text > h2 {
	font-size:22px;
	margin-bottom:25px;
	text-align:center;
}



#intro_img {
	width:100%;
	float:none;
	text-align:center;
}

#intro p { 
}

#intro_text > p { 
}
}
@media screen and (max-width: 480px) {


#intro_img > img {
	width:100%;
	width:auto;
}

}


#part > h2 {
	font-size:18px;
	color:#111;
	margin-top:15px;
	margin-bottom:15px;
}

@media screen and (max-width: 1240px) {
	#content_wrap {
		width:100%;
	}
	
	
	#left_m_intro, #left_m_part, #left_m_exer, #left_m_ath, #left_m_compe, #left_m_bus {
		/* width:20%;
		height:auto;
		float:left; */
	}
	
	#left_m_commu {
		width:100%;
		float:none;
	}
	
	#left_m_title > h1 {
		font-size:22px;
	}
	

	#left_m_content > p {
		font-size:15px;
	}
	#left_m_content > span {
		font-size:18px;
	}


	
	#intro, #part, #exer, #ath {
		/* width:80%; */
	}
	
	#intro > h1, #part > h1, #exer > h1, #ath > h1 {
		font-size:22px;
	}
	
	#intro > img, #part > img {
		width:100%;
	}

}

@media screen and (max-width: 980px) {
	
	#left_m_intro, #left_m_part, #left_m_exer, #left_m_ath, #left_m_compe, #left_m_bus, #left_m_commu {
		/* width:100%;
		float:none; */
	}
	
	#left_m_title {
		height:80px;
	}
	
	#left_m_title > h1 {
		font-size:20px;
		line-height:80px;
	}
	
	#left_m_content > span {
		font-size:15px;
	}
	
	#left_m_content {
		float:left;
		border-left:none;
	}
	
	#left_m_intro > a > div, #left_m_part > a > div, #left_m_commu > a > div {
		width:33.3333%;
	}
	
	#left_m_compe > a > div, #left_m_exer > a > div, #left_m_bus > a > div {
		width:50%;
	}
	
	#left_m_ath > a > div, #left_m_compe > a > div, #left_m_site > a > div {
		width:100%;
	}
	


	
	#intro, #part, #exer, #ath {
		/* width:100%;
		padding-left:15px;
		padding-right:15px;*/
	}
	
	#intro > h1, #part > h1, #exer > h1, #ath > h1 {
		font-size:20px;
	}
	
	
	
}

@media screen and (max-width: 600px) {
	
	#left_m_title > h1 {
		font-size:18px;
	}
	
	#left_m_content {
		border-left:none;
	}
	
	#left_m_intro > a > div, #left_m_commu > a > div, #left_m_part > a > div, #left_m_exer > a > div, #left_m_bus > a > div {
		width:50%;
	}
	
	#left_m_compe > a > div {
		width:100%;
	}
	
	
	
	#intro > h1, #part > h1, #exer > h1, #ath > h1 {
		font-size:18px;
	}
}
@media screen and (max-width: 480px) {
	
	#left_m_title {
		height:50px;
	}
	
	#left_m_title > h1 {
		font-size:17px;
		line-height:50px;
	}
	
	

	
	#intro > h1, #part > h1, #exer > h1, #ath > h1 {
		font-size:18px;
	}
}

/* Reset */

	/* html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; 
	}*/

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}

	body {
		line-height: 1;
	}

	ol, ul {
		list-style: none;
	}

	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	body {
		-webkit-text-size-adjust: none;
	}

/* Box Model */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

/* Containers */

	.container {
		margin-left: auto;
		margin-right: auto;
	}

	.container.\31 25\25 {
		width: 100%;
		max-width: 100em;
		min-width: 80em;
	}

	.container.\37 5\25 {
		width: 60em;
	}

	.container.\35 0\25 {
		width: 40em;
	}

	.container.\32 5\25 {
		width: 20em;
	}

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

		.container.\31 25\25 {
			width: 100%;
			max-width: 100em;
			min-width: 80em;
		}

		.container.\37 5\25 {
			width: 60em;
		}

		.container.\35 0\25 {
			width: 40em;
		}

		.container.\32 5\25 {
			width: 20em;
		}

	}

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

		.container.\31 25\25 {
			width: 100%;
			max-width: 81.25em;
			min-width: 65em;
		}

		.container.\37 5\25 {
			width: 48.75em;
		}

		.container.\35 0\25 {
			width: 32.5em;
		}

		.container.\32 5\25 {
			width: 16.25em;
		}

		

	}

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

		.container.\31 25\25 {
			width: 100%;
			max-width: 112.5%;
			min-width: 90%;
		}

		.container.\37 5\25 {
			width: 67.5%;
		}

		.container.\35 0\25 {
			width: 45%;
		}

		.container.\32 5\25 {
			width: 22.5%;
		}


	}

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

		.container.\31 25\25 {
			width: 100%;
			max-width: 112.5%;
			min-width: 90%;
		}

		.container.\37 5\25 {
			width: 67.5%;
		}

		.container.\35 0\25 {
			width: 45%;
		}

		.container.\32 5\25 {
			width: 22.5%;
		}

	

	}

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

		.container.\31 25\25 {
			width: 100%;
			max-width: 112.5%;
			min-width: 90%;
		}

		.container.\37 5\25 {
			width: 67.5%;
		}

		.container.\35 0\25 {
			width: 45%;
		}

		.container.\32 5\25 {
			width: 22.5%;
		}

	}

/* Basic */

	@-ms-viewport {
		width: device-width;
	}

	body {
		-ms-overflow-style: scrollbar;
	}

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

		html, body {
			min-width: 320px;
		}

	}

	body {
		background: #fff;
	}

		body.is-loading *, body.is-loading *:before, body.is-loading *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}

/* Type */
/**/
	body, input, select, textarea {
		color: #666;
		font-family: "Raleway", Arial, Helvetica, sans-serif;
		font-size: 13pt;
		font-weight: 300;
		line-height: 1.65;
	}

	

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

			body, input, select, textarea {
				font-size: 12pt;
			}

		}

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

			body, input, select, textarea {
				font-size: 12pt;
			}

		}

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

			body, input, select, textarea {
				font-size: 12pt;
			}

		}

	a {
		color: #333333;
		text-decoration:none;
		font-weight:400;
	}

		a:hover {
			text-decoration:underline;
		}

	

	em, i {
		font-style: italic;
	}

	

	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.5em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.5em;
	}

	blockquote {
		border-left: solid 4px #dbdbdb;
		font-style: italic;
		margin: 0 0 2em 0;
		padding: 0.5em 0 0.5em 2em;
	}

	code {
		background: rgba(144, 144, 144, 0.075);
		border-radius: 0;
		border: solid 1px #dbdbdb;
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0.25em;
		padding: 0.25em 0.65em;
	}

	pre {
		-webkit-overflow-scrolling: touch;
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0 2em 0;
	}

		pre code {
			display: block;
			line-height: 1.75;
			padding: 1em 1.5em;
			overflow-x: auto;
		}

		
	.align-left {
		text-align: left;
	}

	.align-center {
		text-align: center;
	}
	
	#span_1 {
		margin-left:66px;
	}

	.align-right {
		text-align: right;
	}

	.inner {
		max-width:1240px;
		margin: 0 auto;
	}
	
		@media screen and (max-width: 1680px) {

			#span_1 {
				margin-left:52px;
			}

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

			#span_1 {
				margin-left:58px;
			}

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

			#span_1 {
				margin-left:52px;
			}

		}

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

			.inner {
				max-width: 90%;
			}


		}


/* Section/Article */

	section.special, article.special {
		text-align: center;
	}

		section.special article, article.special article {
			text-align: left;
		}

	section.wrapper, article.wrapper {
		padding: 6em 0;
	}

		section.wrapper header, article.wrapper header {
			margin-bottom: 4em;
		}

			section.wrapper header h2, article.wrapper header h2 {
				font-size: 2.75em;
				margin: 0 0 .5em 0;
			}

			section.wrapper header p, article.wrapper header p {
				font-size: 1em;
			}

		section.wrapper article header, article.wrapper article header {
			margin: 0;
		}

		section.wrapper.style1, article.wrapper.style1 {
			background: #5385c1;
			color: #bacee6;
		}

			section.wrapper.style1 header h2, article.wrapper.style1 header h2 {
				color: #fff;
			}

			section.wrapper.style1 header p, article.wrapper.style1 header p {
				color: #bacee6;
			}

			section.wrapper.style1 h3, article.wrapper.style1 h3 {
				color: #FFF;
			}

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

			section.wrapper, article.wrapper {
				padding: 2em 0;
			}

		}

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

			section.wrapper header, article.wrapper header {
				margin-bottom: 2em;
			}

				section.wrapper header h2, article.wrapper header h2 {
					font-size: 2em;
				}

				section.wrapper header p, article.wrapper header p {
					font-size: .9em;
				}

		}

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

			section.wrapper, article.wrapper {
				text-align: center;
			}

				section.wrapper article, article.wrapper article {
					text-align: center;
				}

		}



/* Flex */

	.flex {
		display: -ms-flexbox;
		-ms-flex-wrap: wrap;
		-ms-flex-pack: justify;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-moz-justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;
	}

		.flex.flex-2 article {
			width: 47%;
		}

		.flex.flex-3 article {
			position: relative;
			width: 28%;
		}

			.flex.flex-3 article:before {
				content: '';
				position: absolute;
				width: 100%;
				height: 100%;
				right: -2em;
				top: 0;
				border-right: 1px solid #dbdbdb;
				pointer-events: none;
			}

			.flex.flex-3 article:last-child:before {
				border: none;
			}

		.flex.flex-4 .box {
			width: 21%;
		}

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

			.flex.flex-2 article {
				width: 100%;
				margin-bottom: 3em;
			}

				.flex.flex-2 article:last-child {
					margin-bottom: 0;
				}

			.flex.flex-3 {
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
			}

				.flex.flex-3 article {
					width: 100%;
					border-bottom: 1px solid #dbdbdb;
					padding-bottom: 2.5em;
					margin-bottom: 3em;
				}

					.flex.flex-3 article:last-child {
						border: none;
						padding-bottom: 0;
						margin: 0 0 1em 0;
					}

					.flex.flex-3 article:before {
						display: none;
					}

			.flex.flex-4 .box {
				width: 47%;
			}

		}

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

			.flex.flex-4 .box {
				width: 100%;
			}

		}



/* Header */

	.subpage {
		padding-top: 44px;
	}

		.subpage #header {
			background: #5385c1;
			top: 0;
			height: 44px;
			line-height: 44px;
			position: fixed;
		}