/*------------------------------------------------------------------------------------------------------
공통-테이블
---------------------------------------------------------------------------------------------------------*/
.con_table {width:100%;}
.con_table table {width:100%; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.con_table table th, .con_table table > tbody > tr > td {width:20%; padding:5px 0; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:center;}
.con_table table th {
	background-color:#f2f2f2;
	color:#000; font-weight:700;
}
.con_table table > tbody > tr > td {vertical-align:middle;}
/*------------------------------------------------------------------------------------------------------
공통-테이블 끝
---------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------
인사말
---------------------------------------------------------------------------------------------------------*/
.intro_wrap {}
.intro_wrap > div {}

.intro_wrap > div > .ggi_title {color:#999;}
.intro_wrap > div > .ggi_title > span:nth-child(1) {color:#f58651;}
.intro_wrap > div > .ggi_title > span:nth-child(3) {color:#ffc751;}

.intro_sign {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.intro_sign {flex-direction:column;}
	}
.intro_sign > div {margin:0 10px;}

/*------------------------------------------------------------------------------------------------------
로고설명
---------------------------------------------------------------------------------------------------------*/
.logo_wrap {}
.logo_wrap > .logo_page_container {}
.logo_wrap > .logo_page_container > div > h5 {color:#ccc;}
.logo_wrap > .logo_page_container > div > strong {color:#000;}

.logo_page_logo {display:inline-block; margin-left:auto; margin-right:auto; padding:25px 90px; border:1px solid #ccc;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.logo_page_logo {padding:15px 30px;}
	}

/*------------------------------------------------------------------------------------------------------
주요사업/연혁
---------------------------------------------------------------------------------------------------------*/
.use_wrap {width:100%;}

	/*-------------------------------------------
	주요사업
	-------------------------------------------*/
.use_intro {box-sizing:border-box; padding:100px 0; background:url(../intro/images/use_1.jpg) center top no-repeat;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.use_intro {padding:50px 0;}
	}

.use_intro_con {box-sizing:border-box; width:610px; margin-left:auto; margin-right:auto; padding:25px 40px; background-color: rgba(0, 0, 0, 0.3);}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.use_intro_con {width:98%; background:none; padding-left:0; padding-right:0;}
	}
.use_intro_con > ul {margin:0; padding:0; list-style:none;}
.use_intro_con > ul > li {
	margin:0; padding:0 0 0 20px; text-align:left; line-height:40px; position:relative;
	font-size:18px; color:#fff;
}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.use_intro_con > ul > li {font-size:15px; line-height:30px;}
	}
.use_intro_con > ul > li > i {position:absolute; left:0; top:13px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.use_intro_con > ul > li > i {top:7px;}
	}

.use_intro > .god_title > h3 > span {background-image:url(../images/quotes_left_bright.png), url(../images/quotes_right_bright.png);}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.use_intro > .god_title > h3 > span {background:none;}
	}

	/*-------------------------------------------
	연혁
	-------------------------------------------*/
.history_wrap {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-start;
	width:100%;
}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.history_wrap {flex-direction:column;}
	}
.history_wrap > section {width:48%;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.history_wrap > section {width:100%; margin-bottom:25px;}
	}
.history_wrap > section > h3 {
	background-color:#fff;
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #fff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#fff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f9f9f9 0%,#fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
	padding:50px 0;
}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.history_wrap > section > h3 {padding:25px 0;}
	}
.history_wrap > section > ul {width:90%; margin:0 auto; padding:0; list-style:none;}
.history_wrap > section > ul > li {margin:0; padding:10px 0 10px 20px; border-bottom:1px dashed #ccc; text-align:left; position:relative;}
.history_wrap > section > ul > li > i {
	position:absolute; left:0; top:13px;
	color:#7DBB2B;
}

.history_wrap > .history_100 {width:100%;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.history_wrap > section.history_100 {width:100%;}
	}
.history_wrap > .history_100 > ul {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-start;
}
.history_wrap > .history_100 > ul > li {box-sizing:border-box; width:48%;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.history_wrap > .history_100 > ul > li {width:100%;}
	}

/*------------------------------------------------------------------------------------------------------
회원단체
---------------------------------------------------------------------------------------------------------*/
.group_con_wrap {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:flex-start;
	width:100%; margin:0 auto; padding:0;
}
.group_con_wrap > section {width:320px; height:205px; margin:4px; border:1px solid #ccc; position:relative;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.group_con_wrap > section {margin-left:auto; margin-right:auto;}
	}
.group_con_wrap > section > h3 {position：absolute; left:-10000px; top:auto; height:1px; overflow:hidden;}

.group_logo {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	height:100px; margin-bottom:20px; background:url(../intro/images/group_line.gif) center bottom no-repeat; position:relative;
}
.group_con_wrap > section > .group_logo > a {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	width:30px; height:30px; border-radius:100px; background-color:#f58651;
	position:absolute; right:13px; bottom:-13px;
	color:#fff; text-decoration:none;
}
.group_con_wrap > section > .group_logo > a:hover {background-color:#666;}

.group_info {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-start;
	width:90%; margin:0 auto 3px;
}
.group_info:last-child {margin-bottom:0;}
.group_info > dt, .group_info > dd {
	margin:0; padding:3px;
	font-size:13px;
}
.group_info > dt {
	box-sizing:border-box; width:68px; background-color:#eaeaea; border-radius:4px;
	color:#000; font-weight:400;
}
.group_info > dd {box-sizing:border-box; width:75%; text-align:left;}

/*------------------------------------------------------------------------------------------------------
오시는길/연락처
---------------------------------------------------------------------------------------------------------*/
.roadmap_wrap {width:668px; margin:0 auto; padding:0;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.roadmap_wrap {width:100%;}
	}
.roadmap_container {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:flex-start;
	width:100%; padding:0;
}
.roadmap_container > section {width:100%; position:relative;}
.roadmap_container > section > h3 {position：absolute; left:-10000px; top:auto; height:1px; overflow:hidden;}

.roadmap_info {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-start;
	width:100%; margin:0 auto 3px;
}
.roadmap_info:last-child {margin-bottom:0;}
.roadmap_info > dt, .roadmap_info > dd {
	margin:0; padding:3px;
}
.roadmap_info > dt {
	box-sizing:border-box; width:15%; background-color:#eaeaea; border-radius:4px;
	color:#000; font-weight:400;
}
.roadmap_info > dd {box-sizing:border-box; width:83%; text-align:left;}

/*------------------------------------------------------------------------------------------------------
문화센터소개
---------------------------------------------------------------------------------------------------------*/
.cn_intro_wrap {}
.cn_intro_wrap > h5, .cn_intro_wrap > p {padding:0; text-align:left;}

/*------------------------------------------------------------------------------------------------------
강좌안내
---------------------------------------------------------------------------------------------------------*/
.lecture_wrap {}
.lecture_wrap > section {}
.lecture_wrap > h3 {
	padding:15px 0; background:url(../center/images/lecture_1.gif) center center no-repeat;
	font-weight:500;
}
.lecture_wrap > section > h4 {
	padding:0 0 0 25px; background:url(../center/images/lecture_blit.gif) left center no-repeat; text-align:left;
}

/*------------------------------------------------------------------------------------------------------
강사커리큘럼
---------------------------------------------------------------------------------------------------------*/
	/*-------------------------------------------
	버튼
	-------------------------------------------*/
	.curri_btn {
		display:-webkit-flex;
		display:-moz-flex;
		display:-o-flex;
		display:-ms-flex;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-items:flex-start;
		width:100%;
	}
	.curri_btn > a {
		margin:1px; padding:10px 20px; background-color:#6699FF; border-radius:7px;
		color:#fff!important; font-weight:500; text-decoration:none!important;
	}
	.curri_btn > a:hover {background-color:#666;}
	.curri_btn > a > span {
		margin-right:10px;
		color:#3366CC; color:#66FFFF
	}
		/*-------------------------------------------
		버튼 끝
		-------------------------------------------*/
	
	.curri_wrap {width:100%;}
		@media all and (min-width: 320px) and (max-width: 56.25em) {
			.curri_wrap {width:95%; margin-left:auto; margin-right:auto;}
		}
	.curri_wrap > .god_title > h2 > span {color:#000;}
	.curri_wrap > h2 {
		padding:15px 0; background-color:#ffc751;
		font-size:20px!important; font-weight:500;
	}
	
	.curri_wrap > dl {
		display:-webkit-flex;
		display:-moz-flex;
		display:-o-flex;
		display:-ms-flex;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:flex-start;
		width:100%; margin:0; padding:0;
	}
	.curri_wrap > dl dt, .curri_wrap > dl dd {box-sizing:border-box; padding-top:7px; padding-bottom:7px; text-align:left;}
		@media all and (min-width: 320px) and (max-width: 56.25em) {
			.curri_wrap > dl dt, .curri_wrap > dl dd {padding-top:3px; padding-bottom:3px;}
		}
	.curri_wrap > dl dt {
		width:15%; padding-left:25px; background:url(../center/images/lecture_blit.gif) left center no-repeat;
		color:#000; font-weight:700;
	}
		@media all and (min-width: 320px) and (max-width: 56.25em) {
			.curri_wrap > dl dt {width:100%;}
		}
	.curri_wrap > dl dd {width:81%;}
		@media all and (min-width: 320px) and (max-width: 56.25em) {
			.curri_wrap > dl dd {width:100%; margin-left:25px;}
		}
	
		/*---------------------------
		dl_2depth
		---------------------------*/
	dl.dl_2depth {
		display:-webkit-flex;
		display:-moz-flex;
		display:-o-flex;
		display:-ms-flex;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:flex-start;
		width:100%; margin:0; padding:0;
	}
	dl.dl_2depth dt, dl.dl_2depth dd {box-sizing:border-box; padding-top:7px; padding-bottom:7px; text-align:left;}
		@media all and (min-width: 320px) and (max-width: 56.25em) {
			dl.dl_2depth dt, dl.dl_2depth dd {padding-top:3px; padding-bottom:3px;}
		}
	dl.dl_2depth dt {
		width:12%; padding-left:0; background:none;
		color:#6699FF;
	}
		@media all and (min-width: 320px) and (max-width: 56.25em) {
			dl.dl_2depth dt {width:100%;}
		}
	dl.dl_2depth dt i {margin-right:5px; color:#f95000;}
	dl.dl_2depth dd {width:83%;}
		@media all and (min-width: 320px) and (max-width: 56.25em) {
			dl.dl_2depth dd {width:100%; margin-left:25px;}
		}
		
	dl.dl_2depth dt.dt_exp {width:20%;}
		@media all and (min-width: 320px) and (max-width: 56.25em) {
			dl.dl_2depth dt.dt_exp {width:100%;}
		}
	dl.dl_2depth dd.dd_exp {width:75%;}
		@media all and (min-width: 320px) and (max-width: 56.25em) {
			dl.dl_2depth dd.dd_exp {width:100%; margin-left:25px;}
		}
		/*---------------------------
		dl_2depth 끝
		---------------------------*/
	.curri_wrap > .section_ul > h4 {padding:0 0 0 25px; background:url(../center/images/lecture_blit.gif) left center no-repeat; text-align:left;}
	
	.curri_tbl_1 {width:10%!important;}
	.curri_tbl_2 {width:15%!important;}
	.curri_tbl_3 {width:40%!important;}

	/*------------------------------------------------------------------------------------------------------
행사안내
---------------------------------------------------------------------------------------------------------*/
	/*-------------------------------------------
	리스트
	-------------------------------------------*/
.event_wrap {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:flex-start;
	width:100%;
}
.event_wrap > section {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-start;
	box-sizing:border-box; padding-bottom:25px; border-bottom:1px dashed #ccc;
}
.event_wrap > section > div {}

.event_thumb {box-sizing:border-box; width:300px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.event_thumb {width:100%;}
	}

.event_con {box-sizing:border-box; width:700px; margin-left:50px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.event_con {width:100%; margin-left:0;}
	}
.event_con > h3 {
	margin-bottom:30px; text-align:left;
	color:#f58651;
}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.event_con > h3 {margin-top:25px; text-align:center;}
	}
.event_con > dl {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:flex-start;
	height:auto; margin:15px 0 0 0; padding:0;
}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.event_con > dl {flex-direction:column;}
	}
.event_con > dl > dt, .event_con > dl > dd {text-align:left;}
.event_con > dl > dt {
	min-width:100px;
	color:#000; font-weight:400;
}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.event_con > dl > dt {
			width:100%;
			color:#f58651;
		}
	}
.event_con > dl > dt > i {
	margin-right:10px;
	color:#ccc;
}
.event_con > dl > dd {width:550px; word-break:break-all; word-break:keep-all;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.event_con > dl > dd {width:100%; margin:0; padding:0;}
	}
	
	/*-------------------------------------------
	뷰
	-------------------------------------------*/
.event_view_wrap {width:100%;}
.event_detail {width:100%;}

/*------------------------------------------------------------------------------------------------------
협회게시판
---------------------------------------------------------------------------------------------------------*/
.group_cate {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:flex-start;
}
.group_cate > a {
	display:block; min-width:150px; margin:3px; padding:5px 0; background-color:#fff; border:1px solid #ccc; cursor:pointer; text-decoration: none; text-align: center;
	color: #000; font-weight: 400;
}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.group_cate > a {min-width:120px;}
	}
.group_cate > a:hover {
	background-color:#f4f4f4; text-decoration:none;
	color:#000;
}

.group_title {color:#f58651;}
.group_title > i {
	margin-right:15px;
	color:#6c7698;
}

/*------------------------------------------------------------------------------------------------------
별빛축제
---------------------------------------------------------------------------------------------------------*/
.stl_wrap > h2 {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	width:100%; height:364px; background:url(../star/images/intro/starlight_1.jpg) center center no-repeat; position:relative;
	color:#ffdb4d;
}
.st_2 > h2 {width:100%; height:364px; background:url(../star/images/intro/starlight_8.jpg) center center no-repeat;}
.god_title > h3 {color:#000;}
.god_title > h3 > span {color:#f95000;}
.god_title h4 {text-align:left;}

/******************/
.stl_wrap > section {}

.stl_wrap > section > .ggi_title {color:#999;}
.stl_wrap > section > .ggi_title > span:nth-child(1) {color:#f95000;}
.stl_wrap > section > .ggi_title > span:nth-child(3) {color:#ffc751;}
.stl_wrap p {text-align:left;}

.stl_wrap img {margin:0 40px 40px;}
.stl_wrap .img_l {float:left; margin-left:0;}
.stl_wrap .img_r {float:right; margin-right:0;}

	/*-------------------------------------------
	탭
	-------------------------------------------*/
.st_tab a {
	padding:5px 30px; border-right:1px solid #ccc; text-decoration:none;
	font-size:18px; color:#000; font-weight:bold;
}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.st_tab a {padding:5px 10px;}
	}
.st_tab a:last-child {border-right:none;}
.st_tab a:hover {text-decoration:none;}
	/*-------------------------------------------
	연혁
	-------------------------------------------*/
.st_3 > h2 {
	width:100%; height:auto; background-color:#33CCFF; background:none;
	color:#000;
}

.stl_budget {display:none;}

/*------------------------------------------------------------------------------------------------------
백그라운드가 2개로 겹칠때
---------------------------------------------------------------------------------------------------------
background-image:url(/theme/2019_1/img/top_bg_left.png), url(/theme/2019_1/img/top_bg_right.png); background-size:117px 191px, 203px 150px; background-position:left 13px ,right 13px; background-repeat:no-repeat, no-repeat;
/*------------------------------------------------------------------------------------------------------
백그라운드가 2개로 겹칠때 끝
---------------------------------------------------------------------------------------------------------*/