.logo{
	float:left;
	width:380px;
	margin-top:9px;
	cursor:pointer;
}

.gnb{
	float:right;
}

.gnb > li{
	position:relative;
	float:left;
	width:140px;
}

.gnb > li > a{
	height:90px;
	display:flex;
	justify-content: center;
	align-items: center;
	font-size:20px;
}

.mobile_menu{
	display:none;
}

@media screen and (max-width:640px){
	.logo{
		width:200px;
		margin:15px 0 0 5px;
	}

	.logo img{
		width:100%;
	}

	.gnb{
		display:none;
	}

	.mobile_menu{
		display:block;
		position:absolute;
		right:10px;
		top:30px;
		width:30px;
	}

	.mobile_menu img{
		width:100%;
	}
}

.gnb_sub{
	display:none;
	position:absolute;
	left:0;
	top:90px;
	width:100%;
	z-index:2000;
}

.gnb_sub li{
	float:left;
	width:100%;
	margin-top:20px;
	font-size:18px;
	text-align:center;
	cursor:pointer;
}



#id_gnb_bg{
	display:none;
	position:absolute;
	left:0;
	top:90px;
	width:100%;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background:rgba(255, 255, 255, .8);
	z-index:1000;
}

.main_banner{
	position:relative;
	float:left;
	width:100%;
	height:1070px;
}

.main_banner img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.main_banner span.text{
	position:absolute;
	top:450px;
	left:calc(50% - 745px);
	font-size:70px;
	font-weight:900;
	color:#fff;
	text-shadow:0 3px 10px #00000029;
}

@media screen and (max-width:640px){
	.main_banner{
		height:700px;
	}

	.main_banner span.text{
		float:left;
		top:0;
		left:0;
		margin:300px 0 0 3%;
		font-size:34px;
		letter-spacing:-1px;
	}
}

.main_business_area{
	float:left;
	width:100%;
	margin-top:100px;
}

.main_business_stext{
	float:left;
	width:100%;
	text-align:center;
	font-size:24px;
}

.main_business_title{
	float:left;
	width:100%;
	margin-top:10px;
	font-size:55px;
	font-weight:600;
	text-align:center;
}

@media screen and (max-width:640px){
	.main_business_stext{
		font-size:18px;
	}

	.main_business_title{
		font-size:40px;
	}
}

.main_business_list{
	float:left;
	width:100%;
	margin-top:80px;
}

.main_business_list li{
	float:left;
	width:460px;
	margin-right:55px;
}

.main_business_list li:last-child{
	margin-right:0;
}

.main_business_list li .img{
	float:left;
	width:100%;
	height:423px;
}

.main_business_list li .img img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.main_business_list li dl{
	float:left;
	width:calc(100% - 2px);
	height:250px;
	border:1px solid #acacac;
	border-top:0;
	border-radius:0 0 20px 20px;
	-webkit-border-radius:0 0 20px 20px;
	-moz-border-radius:0 0 20px 20px;
}

.main_business_list li dl dt, .main_business_list li dl dd{
	float:left;
	width:90%;
	margin-left:5%;
}

.main_business_list li dl dt{
	margin:30px 0 15px 5%;
	font-size:24px;
	font-weight:500;
}

.main_business_list li dl dd{
	height:30px;
	color:#212121;
	font-size:18px;
	font-weight:300;
}

@media screen and (max-width:640px){
	.main_business_list{
		margin-top:50px;
	}

	.main_business_list li{
		width:100%;
		margin-right:0;
		margin-bottom:20px;
	}

	.main_business_list li .img{
		height:200px;
	}

	.main_business_list li .img img{
		border-radius:20px 20px 0 0;
		-webkit-border-radius:20px 20px 0 0;
		-moz-border-radius:20px 20px 0 0;
	}

	.main_business_list li dl{
		height:initial;
		padding-bottom:20px;
	}

	.main_business_list li dl dt{
		font-size:20px;
	}

	.main_business_list li dl dd{
		font-size:16px;
		height:25px;
	}
}

.main_club_banner{
	position:relative;
	float:left;
	width:100%;
	height:200px;
	margin-top:100px;
}

.main_club_banner img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.main_club_banner span.b_logo{
	position:absolute;
	top:0;
	left:calc(50% - 745px);
}

.main_club_banner span.b_text{
	position:absolute;
	top:40px;
	left:0;
	width:1490px;
	text-align:right;
	font-size:50px;
	font-weight:700;
	color:#fff;
}

.main_club_banner span.b_text .small{
	font-weight:initial;
}

@media screen and (max-width:640px){
	.main_club_banner{
		height:100px;
		margin-top:80px;
	}

	.main_club_banner span.b_logo{
		position:absolute;
		top:20px;
		left:10px;
	}

	.main_club_banner span.b_logo img{
		width:80px;
	} 

	.main_club_banner span.b_text{
		width:94%;
		top:30px;
		right:3%;
		font-size:18px;
	}
}

.main_news_area{
	float:left;
	width:100%;
	margin-top:100px;
}

.main_notice_area{
	float:left;
	width:720px;
	margin-top:80px;
}

.main_board_title{
	position:relative;
	float:left;
	width:100%;
	font-size:36px;
	color:#222;
}

.main_board_title span{
	position:absolute;
	left:0;
	top:-20px;
	width:14px;
	height:14px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	background:#C89D2F;
}

.main_board_title .more_btn{
	position:absolute;
	right:0;
	top:0;
}

@media screen and (max-width:640px){
	.main_notice_area{
		width:100%;
	}

	.main_board_title{
		font-size:28px;
	}

}

.main_board_list{
	float:left;
	width:100%;
	margin-top:30px;
	border-top:2px solid #152040;
}

.main_board_list li{
	float:left;
	width:100%;
	padding:20px 0;
	font-size:24px;
	color:#444;
	border-bottom:1px solid #ddd;
}

.main_board_list li dl{
	float:left;
	width:100%;
}

.main_board_list li dl dt{
	float:left;
	width:600px;
	text-indent:40px;
}

.main_board_list li dl dd{
	float:right;
	width:120px;
	text-align:center;
	color:#bebebe;
	font-size:20px;
}

@media screen and (max-width:640px){
	.main_board_list{
		margin-top:15px;
	}

	.main_board_list li{
		padding:15px 0;
	}

	.main_board_list li dl dt{
		width:calc(100% - 100px);
		text-indent:10px;
		font-size:18px;
	}

	.main_board_list li dl dd{
		width:100px;
		font-size:16px;
	}
}

.main_report_area{
	float:right;
	width:720px;
	margin-top:80px;
}

.main_report_list{
	float:left;
	width:100%;
	margin-top:30px;
	padding-top:20px;
	border-top:2px solid #152040;
}

.main_report_list li{
	float:left;
	width:224px;
	margin-right:24px;
}

.main_report_list li:last-child{
	margin-right:0;
}



.main_report_list li dl, .main_report_list li dl dt, .main_report_list li dl dd{
	float:left;
	width:100%;
}

.main_report_list li dl dd{
	height:300px;
}

.main_report_list li dl dd img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.main_report_list li dl dt{
	margin-top:20px;
	font-size:20px;
	line-height:25px;
	font-weight:500;
}

.main_company_area{
	float:left;
	width:100%;
	margin-top:100px;
}

.main_company_list{
	float:left;
	width:100%;
}

.main_company_list li{
	float:left;
	width:25%;
	text-align:center;
}

@media screen and (max-width:640px){
	.main_report_area{
		float:left;
		width:100%;
	}

	.main_report_list li, .main_report_list li.last-child{
		width:48%;
		margin-right:0;
		margin-bottom:20px;
	}
	
	.main_report_list li:nth-child(2n){
		float:right;
	}

	.main_report_list li dl dd{
		height:250px;
	}

	.main_report_list li dl dt{
		margin-top:10px;
		height:50px;
		font-size:16px;
	}


	.main_company_list li{
		width:50%;
	}

	.main_company_list li img{
		width:94%;
	}
}

.sub_banner{
	float:left;
	width:100%;
	height:300px;
	display: flex;
	justify-content: center;
	align-items: center;
	color:#fff;
	font-size:40px;
	font-weight:700;
}

.sub_banner.club{
	background:url("/images/banner_center.png") no-repeat center center / cover;
}

.sub_banner.business{
	background:url("/images/banner_business.png") no-repeat center center / cover;
}

.sub_banner.sponsor{
	background:url("/images/banner_sponsor.png") no-repeat center center / cover;
}

.sub_banner.community{
	background:url("/images/banner_community.png") no-repeat center center / cover;
}

@media screen and (max-width:640px){
	.sub_banner{
		height:150px;
		font-size:26px;
	}
}

.sub_navi_area{
	float:left;
	width:100%;
	height:62px;
	border-bottom:1px solid #ddd;
}

.sub_home{
	float:left;
	width:62px;
	height:62px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	cursor:pointer;
}

.sub_menu1_box{
	position:relative;
	float:left;
	width:250px;
	height:62px;
	border-right:1px solid #ddd;
	font-size:18px;
	font-weight:500;
	display: flex;
	align-items: center;
	text-indent:30px;
	cursor:pointer;
}

.sub_menu1_box .arrow{
	position:absolute;
	right:20px;
	top:20px;
}

.sub_menu1_list{
	display:none;
	position:absolute;
	left:-1px;
	top:63px;
	width:100%;
	z-index:1000;
}

.sub_menu1_list li{
	float:left;
	width:100%;
	height:60px;
	background:#fff;
	border:1px solid #ddd;
	border-top:0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-indent:0;
	cursor:pointer;
}

@media screen and (max-width:640px){
	.sub_navi_area{
		height:50px;
	}

	.sub_home{
		width:50px;
		height:50px;
	}

	.sub_home img{
		width:15px;
	}

	.sub_menu1_box{
		width:120px;
		height:50px;
		font-size:15px;
		text-indent:15px;
	}

	.sub_menu1_box .arrow{
		top:15px;
		right:10px;
	}

	.sub_menu1_list{
		top:51px;
	}

	.sub_menu1_list li{
		height:40px;
	}
}

.club_info_area{
	float:left;
	width:100%;
	margin-top:100px;
}

.club_info_content{
	float:left;
	width:100%;
}

.club_info_content dt{
	float:left;
	width:600px;
	margin-top:40px;
	font-size:50px;
	font-weight:600;
}

.club_info_content dd{
	float:right;
	width:760px;
	font-size:24px;
	line-height:45px;
	color:#808080;
}

.club_vision_area{
	float:left;
	width:100%;
	margin-top:280px;
}

.club_vision_list{
	float:left;
	width:100%;
	margin-top:100px;
}

.club_vision_list li{
	float:left;
	width:33.33%;
	height:360px;
}

.club_vision_list li:nth-child(1){
	background:#152040;
}

.club_vision_list li:nth-child(2){
	background:#bbb;
}

.club_vision_list li:nth-child(3){
	background:#cda643;
}

.club_vision_list li dl{
	float:left;
	width:calc(100% - 30px);
	margin:15px;
	color:#fff;
}

.club_vision_list li dl dd, .club_vision_list li dl dt{
	float:left;
	width:100%;
}

.club_vision_list li dl dd.no{
	font-size:36px;
}

.club_vision_list li dl dt{
	margin-top:100px;
	font-size:28px;
}

.club_vision_list li dl dd.cont{
	margin-top:15px;
	font-size:18px;
	line-height:25px;
}

@media screen and (max-width:640px){
	.club_info_area{
		margin-top:80px;
	}

	.club_info_content dt{
		width:100%;
		text-align:center;
		font-size:34px;
	}

	.club_info_content dd{
		float:left;
		width:100%;
		margin-top:30px;
		font-size:20px;
		line-height:34px;
	}

	.club_vision_area{
		margin-top:150px;
	}
	
	.club_vision_list li{
		width:100%;
		height:initial;
	}

	.club_vision_list li dl dd.no{
		font-size:24px;
	}

	.club_vision_list li dl dt{
		margin-top:30px;
		font-size:22px;
	}

	.club_vision_list li dl dd.cont{
		font-size:16px;
	}
}

.club_chart_area{
	float:left;
	width:100%;
	margin-top:140px;
	text-align:center;
}

@media screen and (max-width:640px){
	.club_chart_area{
		margin-top:80px;
	}

	.club_chart_area img{
		width:100%;
	}
}

.sub_board_area{
	float:left;
	width:100%;
	margin-top:140px;
}

.board_count_box{
	float:left;
	margin-top:15px;
	font-size:18px;
}

.board_count_box span{
	font-weight:500;
	color:#152040;
}

.board_search_area{
	float:right;
}

.board_search_area input{
	width:325px;
	height:40px;
	border:1px solid #ddd;
	font-size:18px;
	text-indent:15px;
}

.board_search_area button{
	width:82px;
	height:42px;
	background:#152040;
	color:#fff;
	font-size:18px;
}

@media screen and (max-width:640px){
	.sub_board_area{
		margin-top:80px;
	}

	.board_count_box{
		display:none;
		width:100%;
	}

	.board_search_area{
		float:left;
		width:100%;
	}

	.board_search_area input{
		float:left;
		width:calc(100% - 90px);
		font-size:16px;
	}

	.board_search_area button{
		float:left;
		width:80px;
		font-size:16px;
	}
}

.board_list_table{
	float:left;
	width:100%;
	margin-top:20px;
	border-top:1px solid #ddd;
	font-size:18px;
}

.board_list_table th, .board_list_table td{
	height:60px;
	border-bottom:1px solid #ddd;
	text-align:center;
    /* 줄바꿈하지 않고 말줄임을 표시하는 
       방법에 필요한 CSS 속성들 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.board_view_table{
	float:left;
	width:100%;
	border-top:2px solid #ddd;
	border-bottom:1px solid #ddd;
}

.board_view_table td{
	padding:15px;
	font-size:18px;
	border-bottom:1px solid #ddd;
}

.board_view_table td.cont{
	height:400px;
	vertical-align:top;
}

.board_view_table td.date{
	color:#808080;
	font-size:16px;
	text-align:right;
}

.board_view_table td .down_btn{
	display:inline-block;
	margin-left:15px;
	padding:5px 15px;
	font-size:16px;
	background:#e1e1e1;
	border:1px solid #ddd;;
}

@media screen and (max-width:640px){
	.board_list_table th, .board_list_table td{
		height:45px;
		font-size:14px;
	}

	.board_view_table td{
		font-size:16px;	
	}

	.board_view_table td.date{
		text-align:left;
		font-size:14px;
	}
}

.sub_map_area{
	float:left;
	width:100%;
	margin-top:140px;
}


.map_sectors{
	margin:0 auto;
	width:990px;
}

.map_sectors .addr{
	float:left;
	width:100%;
	font-size:24px;
}

@media screen and (max-width:640px){
	.sub_map_area{
		margin-top:80px;
	}

	.map_sectors{
		width:94%;
	}

	.map_sectors .addr{
		font-size:18px;
	}
}

.board_gallery_list{
	float:left;
	width:100%;
	margin-top:20px;
	border-top:1px solid #ddd;
	padding-top:20px;
}

.board_gallery_list li{
	float:left;
	width:356px;
	margin:0 22px 50px 0;
	cursor:pointer;
}

.board_gallery_list li:nth-child(4n){
	margin-right:0;
}

.board_gallery_list li dl, .board_gallery_list li dl dt, .board_gallery_list li dl dd{
	float:left;
	width:100%;
}

.board_gallery_list li dl dd.img{
	height:356px;
}

.board_gallery_list li dl dd.img img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.board_gallery_list li dl dt{
	margin-top:20px;
	font-size:24px;
	font-weight:500;
}

.board_gallery_list li dl dd.cont{
	margin-top:20px;
	font-size:18px;
	line-height:25px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:3;
	overflow:hidden;
}

.board_gallery_list li dl dd.date{
	margin-top:20px;
	color:#acacac;
	font-size:18px;
}

@media screen and (max-width:640px){
	.board_gallery_list li{
		width:100%;
		margin:0 0 20px 0;
	}

	.board_gallery_list li dl dd.img{
		height:300px;
	}

	.board_gallery_list li dl dt{
		font-size:20px;
	}

	.board_gallery_list li dl dd.cont{
		font-size:16px;
	}

	.board_gallery_list li dl dd.date{
		font-size:16px;
	}
}

.sponsor_info_area{
	float:left;
	width:100%;
	margin-top:140px;
}

.sponsor_info_content, .sponsor_info_content dt, .sponsor_info_content dd{
	float:left;
	width:100%;
	text-align:center;
}

.sponsor_info_content dt{
	font-size:50px;
	font-weight:600;
	color:#152040;
	line-height:70px;
}

.sponsor_info_content dd{
	margin-top:30px;
	font-size:24px;
	color:#808080;
	line-height:35px;
}

.sponsor_company_list_area{
	float:left;
	width:100%;
	margin-top:140px;
}

.sponsor_company_list_box{
	float:left;
	width:100%;
	padding:75px 0;
	background:#f6f6f6;
}

.sponsor_company_list_title{
	float:left;
	width:100%;
	text-align:center;
	font-size:50px;
	font-weight:600;
	color:#152040;
	line-height:70px;
}

.sponsor_company_list_stext{
	float:left;
	width:100%;
	margin-top:30px;
	text-align:center;
	font-size:24px;
	color:#808080;
	line-height:35px;
}

.sponsor_company_list{
	float:left;
	width:90%;
	margin:80px 0 0 5%;
}

.sponsor_company_list li{
	float:left;
	width:25%;
	text-align:center;
}

@media screen and (max-width:640px){
	.sponsor_info_area{
		margin-top:80px;
	}

	.sponsor_info_area dt{
		font-size:24px;
		line-height:40px;
		letter-spacing:-1px;
	}

	.sponsor_info_area dd{
		font-size:18px;
		line-height:30px;
	}

	.sponsor_company_list_area{
		margin-top:80px;
	}

	.sponsor_company_list_box{
		padding:30px 0;
	}

	.sponsor_company_list_title{
		font-size:24px;
		line-height:40px;
	}

	.sponsor_company_list_stext{
		font-size:18px;
		line-height:30px;
	}

	.sponsor_company_list li{
		width:50%;
		margin-bottom:15px;
	}

	.sponsor_company_list li img{
		width:94%;
	}
}

.sub_qna_area{
	float:left;
	width:100%;
	margin-top:140px;
}

.qna_sectors{
	margin:0 auto;
	width:750px;
}

.sub_qna_box{
	float:left;
	width:calc(100% - 70px);
	padding:45px 35px;
	background:#f6f6f6;
}

.sub_qna_list{
	float:left;
	width:100%;
}

.sub_qna_list li{
	float:left;
	width:100%;
	margin-bottom:40px;
}

.sub_qna_list li:last-child{
	margin-bottom:0;
}

.sub_qna_list li dl, .sub_qna_list li dl dt, .sub_qna_list li dl dd{
	float:left;
	width:100%;
	font-size:20px;
}

.sub_qna_list li dl dd{
	margin-top:5px;
	font-size:18px;
}

.sub_qna_list li dl dd input[type=text]{
	width:calc(100% - 2px);
	border:1px solid #ddd;
	height:50px;
	font-size:18px;
	text-indent:15px;
}

.sub_qna_list li dl dd textarea{
	width:calc(100% - 32px);
	height:400px;
	font-size:18px;
	font-family:Pretendard;
	padding:15px;
}

.sub_qna_agree{
	float:left;
	width:100%;
	margin-top:20px;
	font-size:18px;
}

.sub_qna_agree input[type=checkbox]{
	width:16px;
	height:16px;
}

.sub_qna_btn_area{
	float:left;
	width:100%;
	margin-top:40px;
}

.sub_qna_btn_area button{
	width:100%;
	height:60px;
	border:0;
	background:#152040;
	color:#fff;
	font-size:18px;
}

@media screen and (max-width:640px){
	.sub_qna_area{
		margin-top:80px;
	}

	.qna_sectors{
		width:94%;
	}

	.sub_qna_box{
		width:calc(100% - 30px);
		padding:20px 15px;
	}

	.sub_qna_list li{
		margin-bottom:20px;
	}

	.sub_qna_list li dl dt{
		font-size:16px;
	}

	.sub_qna_list li dl dd{
		font-size:15px;
	}

	.sub_qna_list li dl dd input[type=text]{
		height:40px;
		font-size:15px;
	}

	.sub_qna_list li dl dd textarea{
		font-size:15px;
		height:250px;
	}

	.sub_qna_agree{
		font-size:16px;
	}

	.sub_qna_btn_area button{
		height:50px;
		font-size:16px;
	}
}











.mobile_gnb_area{
	position:fixed;
	right:-100vw;
	top:0;
	width:100vw;
	height:100vh;
	background:rgba(0, 0, 0, .8);
	z-index:9000;
	transition:0.5s all;
	border-left:1px solid #ddd;
}

.mobile_gnb_area.on{
	right:0;
}

.mobile_close_btn{
	position:relative;
	float:left;
	width:100%;
	height:90px;
	background:#fff;
}

.mobile_close_btn img.m_logo{
	position:absolute;
	top:10px;
	left:10px;
	width:250px;
}

.mobile_close_btn img.m_close_btn{
	position:absolute;
	right:10px;
	top:30px;
	width:30px;
}

.m_gnb{
	float:left;
	width:100%;
	border-top:1px solid #999;
}

.m_gnb > li{
	float:left;
	width:100%;
	background:#000;
	color:#fff;
}

.m_gnb > li .gnb_title{
	position:relative;
	float:left;
	width:100%;
	padding:22px 0 22px 20px;
	font-size:20px;
	border-bottom:1px solid #999;
}

.m_gnb > li .gnb_title.over{
	font-weight:700;
}

.m_gnb > li .gnb_title span{
	position:absolute;
	right:20px;
	top:20px;
}

.m_gnb_sub{
	display:none;
	float:left;
	width:100%;
}

.m_gnb_sub li{
	float:left;
	width:100%;
	padding:18px 0 18px 20px;
	background:#f6f6f6;
	color:#666;
	font-size:18px;
	border-bottom:1px solid #ddd;
}

.m_gnb_sub li.over{
	color:#C89D2F;
	font-weight:700;
}











.flogo{
	float:left;
	width:100%;
	margin-top:40px;
}

.copyright{
	float:left;
	width:100%;
	margin-top:20px;
	font-size:18px;
	line-height:26px;
	color:#bbb;
}

.copyright span{
	font-size:16px;
}

.quick_counsel{
	position:fixed;
	bottom:250px;
	left:calc(50% + 745px);
}

@media screen and (max-width:640px){
	.flogo{
		margin-top:20px;	
	}

	.flogo img{
		max-width:100%;
	}

	.copyright{
		font-size:16px;
	}

	.copyright span{
		font-size:15px;
	}
	
	.quick_counsel{
		bottom:100px;
		left:80%;
	}
	
	.quick_counsel img{
		width:60px;
	}
}