@charset "utf-8";
figure{margin-top:0px;}

/* 내용관리 */
#ctt {margin:20px 0;padding:0;background:#fff;font-size:1rem;}

/* 광고,홍보배너 정의 */
.ad_banner_page {
	position:relative;
}
.ad_banner_page > section{
	position:relative;
	margin:0 0 2em 0;
}
.bn-item-wrap{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
}
.bn-item{padding:5px 10px;box-sizing:border-box;max-width: 265px;}
.bn-item > a {display:block;position:relative;overflow:hidden;}
.bn-item > a > img {display:block;max-width:265px;height:auto !important;}
.bn-item > a > p {
	background-color:#00000080;
	color:#fff;
	z-index:1;
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:0;
	transition:all 0.3s;
	padding:1em;
	text-align:center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
}
.bn-item > a:hover > p {
	opacity:1;
	height:100%;
	transition:all 0.3s;
}

.club_list_wrap {
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr;
	grid-gap:20px;
}
.club_list_wrap .club-item {
	padding: 20px;
	background-color: #fff;
	margin: 0;
	transition: 0.3s;
	border-radius: 20px 0 20px 20px;
	box-shadow: 0 8px 16px 0 rgb(0 0 0 / 0%);
	border: 1px #e2e2e2 solid;
	overflow:hidden;
	background-image:url('/img/sub/club_icon_bg.png');
	background-position:right bottom;
	background-repeat:no-repeat;
}
.club_list_wrap .club-item:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
	border-color:#2f65b5;
	background-image:url('/img/sub/club_icon_bg_ov.png');
}
.club_list_wrap .club-item:hover .club-item-inner > a {
}

.club_list_wrap .club-item  .club-item-inner > a {
	display:block;
	color:#242424;
	padding: 15px 0 8px 0;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.club_list_wrap .club-item  .club-item-inner > a > h3 {
	font-size:1.875rem;
	font-weight:500;
	position:relative;
	display:inline-block;
	z-index:1;
}
.club_list_wrap .club-item:hover  .club-item-inner > a > h3::before {
	content:'';
	display:block;
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
	height:45%;
	background-color:#fbef9b;
	z-index:-1;
}

.page_top_btn .flex_side {display:flex;justify-content: space-between;align-items: center;flex-direction: row;flex-wrap: wrap;}

.club_list_wrap .club-item  .club-item-inner > .club-item-detail {
	padding: 0;
}

.club_list_wrap .club-item  .club-item-inner > .club-item-detail .material-icons {
	color:#434343;
	font-size:15px;
}

.cb_state {font-size:0.75em;}
.cb_state1 {background-color:#657de1;color:#fff;padding:4px 15px;}
.cb_state2 {background-color:#68dd9f;color:#fff;padding:4px 15px;}
.cb_state3 {background-color:#707070;color:#fff;padding:4px 15px;}
.cb_state4 {background-color:#65c2e1;color:#fff;padding:4px 15px;}

.club-item-detail li {font-size:0.85rem;padding:2px 0;}
.club-item-detail li strong{color:#7d7d7d;display:inline-block;margin-right:10px;font-weight:normal;}

.page_top_btn {
	padding:1em 0;
}

.page_tit_box{position:relative; /*margin-bottom:16px; */}
.page_tit_box > h3 {font-size:1.35em;display:inline-block;position:relative;}
.page_tit_box  .bn_cnt {display:inline-block;padding-left:20px;}


.tt_club_mapbox {width:100%;height:450px;}


.content_tabs{list-style:none;display:flex;margin:1em auto;align-content: center;align-items: center;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.content_tabs li{list-style:none;width:calc(100%  / 3);text-align:center;margin-bottom:20px;}
.content_tabs li a{display:block;font-size:1.1em;padding:10px;text-align:center;transition:all 0.4s;border:1px solid #ddd;border-width:1px 1px 1px 0;}
.content_tabs li a:hover{background-color:#1748a4;color:#fff;border-color:#1748a4;}
.content_tabs li:first-child a{border-left-width:1px;}
.content_tabs li a.on{background-color:#1748a4;color:#fff;border-color:#1748a4;}

.content_tabs.tabs_ea2 > li {width:calc(100% / 2);}



.executive_tbl td {text-align:center;}

.head_blue{color:#096ea8;}

.ctt_history_wrap article {display:block;position:relative;margin-bottom:40px;}

.ctt_history_wrap article p {line-height:1.6em;}

.ctt_history_wrap article .text_flow_right{float:right;}
.ctt_history_wrap article .text_flow_left{float:left;}

.ctt_history_wrap article .text_flow_right figure{margin-right:0;}
.ctt_history_wrap article .text_flow_left figure{margin-left:0;}

.ctt_history_wrap article [class*="text_flow_"]{position:relative;}

.ctt_history_wrap article figcaption {font-size:0px !important;text-align:center;}
.ctt_history_wrap .text_flow_box::before,.ctt_history_wrap .text_flow_box::after{content:'';clear:both;display:table;}

.ctt_history_wrap cite{color:#888888;font-style:normal;}


#ctt.ctt_greetings {font-size:1.18rem;}
.greetings_plan > li {position:relative; color:#1d65c7;padding-left:20px;}
.greetings_plan > li::before {content:'\e2e6';font-family:'Material Icons';position:absolute;left:0;top:2px;}
.greetings_head {margin-bottom:30px;}
.greetings_head figure {padding:0;margin:0;text-align:center;background-color:#44586e;}
.greetings_head .greetings_pic{position:relative;}
.greetings_head .greetings_pic figure{max-width:200px;}
.greetings_head .greetings_pic figcaption{position:relative;bottom:0px;left:0px;padding:5px 35px;background-color:#44586e;color:#ffe84f;text-align:center;font-size:1em;}
.greetings_head .greetings_pic figcaption > span{color:#ffffff;display:block;text-align:center;}
.greetings_head .greetings_text{position:relative;padding-left:20px;}
.greetings_head .greetings_title {color:#19488c;font-size:1.5em;line-height:1.5em;font-weight:500;letter-spacing:-0.06em;}
.greetings_head .greetings_title span{display:block;}
.president_signbox {position:relative;text-align:center;}
.president_signbox span{position:relative;vertical-align:middle;}
.president_signbox span::before{}

#ctt.ctt_greetings #ctt_con img{margin:0 auto;}

figure.nopm {margin:0;}

.org_wrap table thead tr th:first-child{width:20%;}
.org_wrap table thead tr th:last-child{width:10%;}

.page_top_info {padding:10px 20px;margin-bottom:10px;border:1px solid #ccc;background-color:#f4f4f4;border-radius:6px;}
.page_top_info .tt_club_cnt,
.page_top_info .tt_member_cnt{
	
}
.page_top_info .tt_club_cnt strong,
.page_top_info .tt_member_cnt strong{
	color:#0066ff;
	font-weight:700;
}
.flex-side{display:flex;justify-content: space-between;align-items: stretch;flex-direction: row;flex-wrap: wrap;align-content: center;}

td a:hover {text-decoration:underline;}

.map_wrap{border:1px solid #ddd;padding:8px;}
#kakaomap{width:100%;height:500px;border:1px solid #ddd;}
.map_marker{color:#fff;background-color:#000;padding:5px 10px;border-radius:5px;position:relative;z-index:1;}
.map_marker::before{display:block;content:'\f35f';font-family:'Ionicons';color:#000;position:absolute;font-size:50px;left:50%;transform:translateX(-50%);bottom:-30px;z-index:-1}

.external-btn{font-size:0.7em;padding:2px 5px;border:1px solid #ddd; border-radius:3px;margin:0 3px;}

@media all and (max-width:960px){
	.club_list_wrap {
		grid-template-columns:1fr 1fr 1fr;
	}
}
@media all and (max-width:768px){
	.club_list_wrap {
		grid-template-columns:1fr 1fr;
	}
	.ctt_history_wrap article [class*="text_flow_"]{float:none;}
	.ctt_history_wrap article figure {text-align:center;}
	.ctt_history_wrap article figure > img{max-width:100%;}
}
@media all and (max-width:660px){
	.content_tabs li, .content_tabs.tabs_ea2 > li{
		width:100%;
		margin-bottom:2px;
	}
	.content_tabs li a{
		border-left-width:1px;
	}
}
@media all and (max-width:400px){
	.club_list_wrap {
		grid-template-columns:1fr;
	}
	.tt_club_mapbox {width:100%;height:250px;}
	.greetings_head .greetings_pic figcaption{padding:10px 35px; position:relative;}
	.president_signbox strong{display:block;text-align:center;}
}