section.community_contents.membership { background: #F6F6F7; padding-bottom: 100px; }
section.community_contents {
	width: 100%; height: auto;
	padding-top: 140px;

	display: flex;
    justify-content: center;
}

section.community_contents article {
	width: 100%; height: auto;
	max-width: 1280px; padding: 0px 40px;
}



section.community_contents .community_title {
	width: 100%; height: auto; line-height: 1.3;
	color: #000;
	font-size: 24px; font-weight: 700;
}




section.community_contents .community_desc {
	width: 100%; height: auto; line-height: 1.6;
	margin-top: 40px;

	color: #808080; font-size: 18px;
	word-break: keep-all;
}




@media (max-width: 479px){ 
	section.community_contents { padding-top: 60px; }
	section.community_contents.membership { padding-bottom: 60px; }
	section.community_contents article { padding: 0px 20px; }

	section.community_contents .community_title { font-size: 20px; }
	section.community_contents .community_desc { font-size: 14px; margin-top: 20px;}
}

@media (max-width: 749px) and (min-width: 480px) { 
	section.community_contents { padding-top: 60px; }
	section.community_contents.membership { padding-bottom: 60px; }
	section.community_contents article { padding: 0px 20px; }

	section.community_contents .community_title { font-size: 20px; }
	section.community_contents .community_desc { font-size: 16px; }
}

@media (max-width: 1023px) and (min-width: 750px) { 
	section.community_contents { padding-top: 90px; }
	section.community_contents.membership { padding-bottom: 90px; }

	section.community_contents article { padding: 0px 20px; }

	section.community_contents .community_title { font-size: 20px; }
	section.community_contents .community_desc { font-size: 16px; }
}


@media (max-width: 1279px) and (min-width: 1024px) { 
	section.community_contents article { padding: 0px 20px; }

}




/*
	@media (max-width: 479px){ 

	}

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

	}

	@media (max-width: 1023px) and (min-width: 750px) { 

	}


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

	}
*/






section.community_board {
	width: 100%; height: auto;
	padding-top: 100px;

	display: flex;
    justify-content: center;
}

section.community_board article {
	width: 100%; height: auto;
	max-width: 1280px; padding: 0px 40px;
}


section.community_board .community_tab {
	width: 100%; height: auto;

	padding: 13px 0px;

	display: flex;
    justify-content: start;
	align-items: center;
	gap: 30px;

	border-bottom: 1px solid #D6D6D6;
}


section.community_board .community_tab .community_tab_item { width: auto; height: auto; }
section.community_board .community_tab .community_tab_item > a.on { color: #000; font-weight: 700; }
section.community_board .community_tab .community_tab_item > a.on::before{ 
	content: '';
	position: absolute; bottom: -14px; left: 0px;
	width: 100%; height: 2px; 
	background-color: #000;
}

section.community_board .community_tab .community_tab_item > a {
	width: auto; height: auto;

	color: #808080;
	font-size: 18px; font-weight: 500;
}



section.community_board .community_list {
	width: 100%; height: auto;

	display: flex;
	flex-wrap: wrap;
	align-items: start;
	gap: 30px;
}
section.community_board .community_list.open { gap: 10px; }
section.community_board .community_list.open .community_list_item {
	width: calc(10% - 9px);
	padding: 0px 5px;
	border: 0px;
}
section.community_board .community_list .community_list_item {
	width: calc(33.333% - 20px); height: auto;
	border: 1px solid #D6D6D6;
	cursor: pointer;
}


section.community_board .community_list .community_list_thum { 
	width: 100%; height: auto; 


    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
section.community_board .community_list .community_list_thum img { width: 100%; height: auto; }


section.community_board .community_list .community_list_title { 
	width: 100%; height: auto; min-height: 80px;
	display: flex;
	align-items: center;
	align-self: stretch;

	border-top: 1px solid #D6D6D6;
	padding: 10px 20px;
	color: #000;
	font-size: 18px; font-weight: 500;

}

section.community_board .community_list .community_list_info {
	width: 100%; height: auto;
	padding: 40px;
	border-top: 1px solid #D6D6D6;
}

section.community_board .community_list .community_list_info .community_info_title {
	width: 100%; height: auto; line-height: 1.3;
	margin-bottom: 20px;

	color: #000; font-size: 24px;
	font-weight: 700;
}

section.community_board .community_list .community_list_info .community_info_item {
	width: 100%; height: auto;
	display: flex;
	align-items: start;
}

section.community_board .community_list .community_list_info .community_info_item label {
	width: 100px; height: auto; line-height: 1.8;

	color: #000;
	font-size: 16px; font-weight: 700;
}


section.community_board .community_list .community_list_info .community_info_item .info_val {
	width: calc(100% - 100px); height: auto; line-height: 1.8;

	color: #808080;
	font-size: 16px; font-weight: 500;
}






section.membership_intro {
	width: 100%; height: auto;
	padding-top: 100px;

	display: flex;
    justify-content: center;
}

section.membership_intro article {
	width: 100%; height: auto;
	max-width: 1280px; padding: 0px 40px;
}



section.membership_intro .membership_item:nth-child(1) { margin-top: 0px; }
section.membership_intro .membership_item {
	width: 100%; height: auto;
	margin-top: 100px;


	display: flex;
	align-items: start;
}


section.membership_intro .membership_item .membership_title {
	width: calc(100% - 700px); height: auto;
}

section.membership_intro .membership_item .membership_title .membership_title_sub {
	width: 100%; height: auto; line-height: 1;
	color: #666;
	font-size: 16px; font-weight: 500;
}


section.membership_intro .membership_item .membership_title .membership_title_txt {
	width: 100%; height: auto; line-height: 1.6;

	margin-top: 15px;

	color: #000;
	font-size: 24px; font-weight: 700;
}	

section.membership_intro .membership_item .membership_title .membership_title_btn {
	width: 100%; height: auto;
	margin-top: 50px;
}

section.membership_intro .membership_item .membership_title .membership_title_btn button:hover{ background-color: #000; color: #fff; }
section.membership_intro .membership_item .membership_title .membership_title_btn button {
	width: auto; height: 50px;
	padding: 0px 60px 0px 60px;
	border: 2px solid #000;
	background: #FFF;

	color: #000;
	font-size: 16px; font-weight: 700;

	cursor: pointer;

	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
}

section.membership_intro .membership_item .membership_info {
	width: 700px; height: auto;
}


section.membership_intro .membership_item .membership_info .membership_img {
	width: 100%; height: auto;

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

section.membership_intro .membership_item .membership_info .membership_img img { width: 100%; height: auto; }



section.membership_intro .membership_item .membership_info .membership_tbl {
	width: 100%; height: auto;
	margin-top: 40px;
	border-top: 2px solid #000;
}

section.membership_intro .membership_item .membership_info .membership_tbl .membership_tbl_item:nth-child(1) { border-top: 0px; }
section.membership_intro .membership_item .membership_info .membership_tbl .membership_tbl_item {
	width: 100%; height: auto;
	border-top: 1px solid #D6D6D6;
	display: flex;
	align-items: start;

	padding: 15px 0px;
}


section.membership_intro .membership_item .membership_info .membership_tbl .membership_tbl_item .membership_tbl_label {
	width: 150px; height: auto; line-height: 1.7;

	color: #000;
	font-size: 18px; font-weight: 700;
}

section.membership_intro .membership_item .membership_info .membership_tbl .membership_tbl_item .membership_tbl_val {
	width: calc(100% - 62px); height: auto; line-height: 1.7;
	color: #808080;
	font-size: 18px; font-weight: 500;
	word-break: keep-all;

}



.community_point_box {
	width: 100%; height: auto;
	margin-top: 40px;
	display: flex;
	align-items: stretch;
	gap: 15px;
}
	
.community_point_box .community_point_item {
	width: 33.333%; height: auto; line-height: 1.5;
	padding: 30px 30px;
	background-color: #F6F6F7;

	color: #000; text-align: center;
	font-size: 20px; font-weight: 500;
	word-break: keep-all;

	display: flex;
	align-items: center;
	justify-content: center;
}




.startup_view {
	width: 100%; height: auto;
	border-top: 2px solid #000;
	margin-top: 30px;
}

.startup_view .info_box {
	width: 100%; height: auto;
	padding: 40px;
	background: #F6F6F7;
	display: flex;
	align-items: start;
}

.startup_view .info_box .img_box {
	width: 240px; height: 240px;
	padding: 25px;
	border: 1px solid #D6D6D6;
	background: #FFF;
}

.startup_view .info_box .img_box .community_list_thum {
	width: 100%; height: 100%; 


    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.startup_view .info_box .txt_box {
	width: calc(100% - 240px); height: auto;
	padding-left: 80px;
}

.startup_view .info_box .txt_box .txt_item:nth-child(1) { margin-top: 0px; }
.startup_view .info_box .txt_box .txt_item {
	width: 100%; height: auto;
	display: flex; 
	align-items: start;
	margin-top: 15px;
}

.startup_view .info_box .txt_box .txt_item .txt_item_lable{
	width: 100px; height: auto; line-height: 1.5;
	padding: 10px 0px;

	color: #000;
	font-size: 16px; font-weight: 700;
}

.startup_view .info_box .txt_box .txt_item .txt_item_val{
	width: calc(100% - 100px); height: auto; line-height: 1.5;
	padding: 10px 0px;

	color: #808080;
	font-size: 16px; font-weight: 500;
}
.startup_view .info_box .txt_box .txt_item .txt_item_val a {
	color: #000;
}
.startup_view  .file_box {
	width: 100%;
	padding: 20px 30px 20px 30px;
	display: flex;
	justify-content: start;
	align-items: center;

	border-bottom: 1px solid #D6D6D6;
	background: #FFF;
}

.startup_view  .file_box a {
	max-width: 100%;
	padding-left: 30px;
	color: #000;
	font-size: 16px; font-weight: 500;
	background-size: 21px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(../images/view_down_icon.svg);
}


.view_more.mt40 { margin-top: 40px; }
.view_more {
	width: 100%; height: auto;
	margin-top: 100px;
}

.view_more a:hover {
	background-color: #000;
	color: #fff;
	border: 2px solid #000;

}
.view_more a {
	float: right;
	width: auto; height: 50px; line-height: 48px;

	padding: 0px 60px;

	color: #000;
	font-size: 16px; font-weight: 500;

	border: 2px solid #d6d6d6;


	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
}


@media (max-width: 479px){ 
	section.membership_intro article { padding: 0px 20px; }


	section.membership_intro { padding-top: 60px; }
	section.membership_intro .membership_item { flex-wrap: wrap; margin-top: 60px; }
	section.membership_intro .membership_item .membership_title { width: 100%;  }
	section.membership_intro .membership_item .membership_info { width: 100%; margin-top: 30px; }

	section.membership_intro .membership_item .membership_title .membership_title_txt { font-size: 20px; margin-top: 5px; }
	section.membership_intro .membership_item .membership_title .membership_title_sub { font-size: 14px; }
	section.membership_intro .membership_item .membership_info .membership_tbl { margin-top: 20px; }
	
	section.membership_intro .membership_item .membership_info .membership_tbl .membership_tbl_item { flex-wrap: wrap; }	
	section.membership_intro .membership_item .membership_info .membership_tbl .membership_tbl_item .membership_tbl_label { width: 100%; font-size: 14px; }
	section.membership_intro .membership_item .membership_info .membership_tbl .membership_tbl_item .membership_tbl_val  { width: 100%; font-size: 14px; }

	section.membership_intro .membership_item .membership_title .membership_title_btn { margin-top: -45px;  }
	section.membership_intro .membership_item .membership_title .membership_title_btn button { height: 45px; padding: 0px 30px; font-size: 14px; float: right; }


	section.community_board article  { padding: 0px 20px; }
	.community_point_box { gap: 10px; flex-wrap: wrap; }
	.community_point_box .community_point_item { width: 100%; font-size: 14px; padding: 15px 10px; }
	section.community_board { padding-top: 60px; }
	section.community_board .community_list.open .community_list_item { width: calc(25% - 7.5px); }


	section.community_board .community_list { gap: 20px; }
	section.community_board .community_list .community_list_item { width: 100%; }
	section.community_board .community_list .community_list_title { min-height: 45px; font-size: 14px; }



	section.community_board .community_list .community_list_info { padding: 20px;  }
	section.community_board .community_list .community_list_info .community_info_title { font-size: 20px; }
	section.community_board .community_list .community_list_info .community_info_item label { width: 60px; font-size: 14px; }
	section.community_board .community_list .community_list_info .community_info_item .info_val { width: calc(100% - 100px); font-size: 14px; } 


	.startup_view .info_box { padding: 40px 20px; flex-wrap: wrap; }
	.startup_view .info_box .img_box { width: 240px; height: 240px; padding: 20px; }
	.startup_view .info_box .txt_box { width: 100%; padding-left: 20px; padding-top: 30px;  }
	.startup_view .info_box .txt_box .txt_item .txt_item_lable,
	.startup_view .info_box .txt_box .txt_item .txt_item_val { font-size: 14px; }
	.startup_view .info_box .txt_box .txt_item { margin-top: 0px; }
	.startup_view .info_box .txt_box .txt_item .txt_item_lable { width: 80px;  }
	.startup_view .info_box .txt_box .txt_item .txt_item_val { width: calc(100% - 80px); padding: 10px 0px 10px 10px; } 

	.view_more a { height: 45px; line-height: 43px; padding: 0px 30px; font-size: 14px; }
}

@media (max-width: 749px) and (min-width: 480px) { 
	section.membership_intro article { padding: 0px 20px; }


	section.membership_intro { padding-top: 60px; }
	section.membership_intro .membership_item { flex-wrap: wrap; margin-top: 60px; }
	section.membership_intro .membership_item .membership_title { width: 100%;  }
	section.membership_intro .membership_item .membership_info { width: 100%; margin-top: 30px; }

	section.membership_intro .membership_item .membership_title .membership_title_txt { font-size: 20px; margin-top: 5px; }
	section.membership_intro .membership_item .membership_title .membership_title_sub { font-size: 14px; }
	section.membership_intro .membership_item .membership_info .membership_tbl { margin-top: 20px; }
	section.membership_intro .membership_item .membership_info .membership_tbl .membership_tbl_item { flex-wrap: wrap; }	
	section.membership_intro .membership_item .membership_info .membership_tbl .membership_tbl_item .membership_tbl_label { width: 100%; font-size: 14px; }
	section.membership_intro .membership_item .membership_info .membership_tbl .membership_tbl_item .membership_tbl_val  { width: 100%; font-size: 14px; }

	section.membership_intro .membership_item .membership_title .membership_title_btn { margin-top: -45px;  }
	section.membership_intro .membership_item .membership_title .membership_title_btn button { height: 45px; padding: 0px 30px; font-size: 14px; float: right; }



	section.community_board article  { padding: 0px 20px; }
	.community_point_box { gap: 10px; }
	.community_point_box .community_point_item { font-size: 16px; padding: 15px 10px; }
	section.community_board { padding-top: 60px; }
	section.community_board .community_list.open .community_list_item { width: calc(16.666% - 8.5px); }



	section.community_board .community_list { gap: 20px; }
	section.community_board .community_list .community_list_item { width: calc(50% - 10px); }
	section.community_board .community_list .community_list_title { min-height: 60px; font-size: 16px; }


	section.community_board .community_list .community_list_info { padding: 20px;  }
	section.community_board .community_list .community_list_info .community_info_title { font-size: 20px; }
	section.community_board .community_list .community_list_info .community_info_item label { width: 60px; font-size: 14px; }
	section.community_board .community_list .community_list_info .community_info_item .info_val { width: calc(100% - 100px); font-size: 14px; } 


	.startup_view .info_box { padding: 40px 20px; }
	.startup_view .info_box .img_box { width: 150px; height: 150px; padding: 20px; }
	.startup_view .info_box .txt_box { width: calc(100% - 150px); padding-left: 20px; }
	.startup_view .info_box .txt_box .txt_item .txt_item_lable,
	.startup_view .info_box .txt_box .txt_item .txt_item_val { font-size: 14px; }
	.startup_view .info_box .txt_box .txt_item { margin-top: 0px; }
	.startup_view .info_box .txt_box .txt_item .txt_item_lable { width: 80px;  }
	.startup_view .info_box .txt_box .txt_item .txt_item_val { width: calc(100% - 80px); padding: 10px 0px 10px 10px; } 

	.view_more a { height: 45px; line-height: 43px; padding: 0px 45px; font-size: 16px; }
}

@media (max-width: 1023px) and (min-width: 750px) { 
	section.membership_intro article { padding: 0px 20px; }


	section.membership_intro { padding-top: 90px; }
	section.membership_intro .membership_item { margin-top: 60px; }

	section.membership_intro .membership_item .membership_title { width: 200px;  }
	section.membership_intro .membership_item .membership_info { width: calc(100% - 200px); }

	section.membership_intro .membership_item .membership_title .membership_title_txt { font-size: 20px; margin-top: 5px; }
	section.membership_intro .membership_item .membership_title .membership_title_sub { font-size: 14px; }
	section.membership_intro .membership_item .membership_info .membership_tbl .membership_tbl_item .membership_tbl_label { font-size: 16px; }
	section.membership_intro .membership_item .membership_info .membership_tbl .membership_tbl_item .membership_tbl_val  { font-size: 16px; }

	section.membership_intro .membership_item .membership_title .membership_title_btn { margin-top: 30px; }
	section.membership_intro .membership_item .membership_title .membership_title_btn button { height: 45px; padding: 0px 30px; font-size: 14px; }


	section.community_board article  { padding: 0px 20px; }
	.community_point_box .community_point_item { font-size: 16px; padding: 20px 20px; }
	section.community_board { padding-top: 90px; }
	section.community_board .community_list.open .community_list_item { width: calc(11% - 8.1px); }


	section.community_board .community_list { gap: 20px; }
	section.community_board .community_list .community_list_item { width: calc(33.333% - 13.5px); }
	section.community_board .community_list .community_list_title { min-height: 60px; font-size: 16px; }

	section.community_board .community_list .community_list_info { padding: 20px;  }
	section.community_board .community_list .community_list_info .community_info_title { font-size: 20px; }
	section.community_board .community_list .community_list_info .community_info_item label { width: 60px; font-size: 14px; }
	section.community_board .community_list .community_list_info .community_info_item .info_val { width: calc(100% - 100px); font-size: 14px; } 

	
	.startup_view .info_box { padding: 40px 30px; }
	.startup_view .info_box .img_box { width: 200px; height: 200px; padding: 20px; }
	.startup_view .info_box .txt_box { width: calc(100% - 200px); padding-left: 60px; }
	.startup_view .info_box .txt_box .txt_item .txt_item_lable,
	.startup_view .info_box .txt_box .txt_item .txt_item_val { font-size: 14px; }
	.startup_view .info_box .txt_box .txt_item { margin-top: 0px; }

	.view_more a { height: 45px; line-height: 43px; padding: 0px 45px; font-size: 16px; }
}


@media (max-width: 1279px) and (min-width: 1024px) { 
	section.membership_intro article { padding: 0px 20px; }
	section.community_board article  { padding: 0px 20px; }
} 


/*
	@media (max-width: 479px){ 

	}

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

	}

	@media (max-width: 1023px) and (min-width: 750px) { 

	}


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

	}
*/