@charset "utf-8";
/* sub_콘텐츠 (contents) */

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	협회소개
------------------------------------*/
.intro_top{
	padding:0 0 7em;
	position:relative;
}
	.intro_top::after{
		content:'';
		position:absolute;
		left:-15rem;
		bottom:-3rem;
		width:1277px;
		height:548px;
		background: url('../images/intro/intro_bg.png') no-repeat 0 0;
		background-size:cover;
		z-index:;
		opacity:0.7;
	}
@media screen and (max-width: 991px) {
	.intro_top{padding:0 0 3em;}
		.intro_top::after{
			width: 100%;
			left: -2rem;
			bottom:-3rem;
			height:300px;
			background-size: contain;
			opacity: 1;
		}
}
@media screen and (max-width: 767px) {
	.intro_top::after{
		bottom:-2.5rem;
		height:225px;
	}
}
@media screen and (max-width: 511px) {
	.intro_top::after{
		bottom:-1.5rem;
		height:185px;
	}
}
@media screen and (max-width: 412px) {
	.intro_top::after{
		bottom:-1.5rem;
		height:155px;
	}
}

.intro_top .txt_tit{
	font-size: 1.85rem;
	color:#333;
	z-index:1;
	line-height: 1.3;
    letter-spacing: -0.15rem;
}
.intro_top .txt_cont{z-index:1;}
	@media screen and (max-width: 1199px) {
		.intro_top .txt_tit{font-size: 1.65rem;}
}



.intro_top .txt_tit span{
	/*color: #2c73c2;*/
    font-weight: 700;
}
.intro_top .txt02{
	font-size: 1.2rem;
    letter-spacing: -0.07rem;
	color:#292929;
}


.intro_cont{
	background:#f7f7f7;
	z-index: 1;
	position: relative;
}



/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	조직도
------------------------------------*/
.intro_org_in{text-align:center;}
.intro_org_in,
.intro_org_in span{position: relative; z-index:3;}
.intro_org_in span{display: block;}

.org-n1 span {background: #ed1322;}
.org-n1-1 span {background: #945c60;}
	.org-n1-1{
		position:absolute;
		right:0%;
	}

.org-n2 span {background: #888;}
.org-n2-1 span {background: #aaa;}
.org-n2-2 span {background: #aaa;}
	.org-n2-1{
		position:absolute;
		left:0%;
	}
	.org-n2-2{
		position:absolute;
		right:0%;
	}

.org-n3 span {background: #ccc;}
.org-n4 span {background: #fff; border:1px solid #aaa; }


@media screen and (max-width: 991px) {
	.intro_org_in{overflow:hidden;}
	.org-n1-1{left:0%; transform: translateX(0%);}
	.org-n2-1{left:0%;}
	.org-n2-2{left:0%; transform: translateX(0%);}

	.org-n1-1,
	.org-n2,
	.org-n3{
		position:relative;
		margin-left:2rem;
		margin-top:1rem;
	}
	.org-n2-1,
	.org-n2-2,
	.org-n4{
		position:relative;
		margin-left:4rem;
		margin-top:1rem;
	}

}


/* 조직도 line */
.org-n1::after,
.org-n2::after,
.org-n3::after{
	content: '';
	position: absolute;
	top: 100%;
	left:50%;
	width: 1px;
	height: 100%;
	background: #ddd;
	z-index: -1;
}
.org-n1-1::after,
.org-n2-2::after{
	content: '';
	position: absolute;
	top: 50%;
	right: 50%;
	width: 200%;
	height: 1px;
	background: #ddd;
	z-index: -1;
}
.org-n2-1::after{
	content: '';
	position: absolute;
	top: 50%;
	left:50%;
	width: 200%;
	height: 1px;
	background: #ddd;
	z-index: -1;
}

.org-n4{position:relative;padding-left:0; padding-right:0;}
.org-n4::before{
	content: '';
	position: absolute;
	top: -4.5rem;
	left:50%;
	width: 1px;
	height: 8rem;
	background: #ddd;
	z-index: -1;
}
.org_inner04::after{
	content: '';
	position: absolute;
	top:-4.5rem;
	left: 50%;
	transform: translateX(-50%);
	width: calc(83.5%);
	height: 1px;
	background: #ddd;
	z-index: -1;
}


@media screen and (max-width: 991px) {
	.intro_org_in::after{
		content: '';
		position: absolute;
		top: 0%;
		left: 0px;
		width: 1px;
		height: 100%;
		background: #ddd;
		z-index: -1;
	}
		.intro_org_in:last-child::after{height: 27%;}
	.org-n1::after{display:none;}
	.org-n1-1::after,
	.org-n2::after{
		content: '';
		position: absolute;
		top: 50%;
		right: 100%;
		width: 50%;
		height: 1px;
		background: #ddd;
		z-index: -1;
	}
	.org-n2-1::after,
	.org-n2-2::after{
		content: '';
		position: absolute;
		top: 50%;
		left: -30px;
		width: 50%;
		height: 1px;
		background: #ddd;
		z-index: -1;
	}
	.org-n2-1::before,
	.org-n2-2::before{
		content: '';
		position: absolute;
		top: -2.8rem;
		left:-30px;
		width: 1px;
		height: 130%;
		background: #ddd;
		z-index: -1;
	}

	.org-n3::after{
		content: '';
		position: absolute;
		top: 50%;
		right: 100%;
		left:auto;
		width: 50%;
		height: 1px;
		background: #ddd;
		z-index: -1;
	}
	.org-n4{position:relative;padding-left:0; padding-right:0;}
	.org-n4::before{
		content: '';
		position: absolute;
		top: -2.8rem;
		left:-30px;
		width: 1px;
		height: 130%;
		background: #ddd;
		z-index: -1;
	}
	.org-n4:first-child::before{display:none;}
	.org-n4::after{
		content: '';
		position: absolute;
		top: 50%;
		left: -30px;
		width: 50%;
		height: 1px;
		background: #ddd;
		z-index: -1;
	}
	.org-n4:first-child::after{width:100%; left: -50%;}

}




/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	협회장 인사말
------------------------------------*/
.ceo_greeting_con .txt_tit{
	font-size:1.6rem;
	color:#333;
	line-height:1.3;
}
.ceo_greeting_con .txt_tit strong{font-weight:600;}
.ceo_greeting_con .ceo_gre_cont{
	background:#f7f7f7;
}
.ceo_gre_cont .container{position:relative;}

.ceo_greeting_con .ceo_images{
	background: url('../images/intro/ceo_photo.png') no-repeat center center;
	background-size:cover;
	position:absolute;
	width:28%;
	max-width:354px;
	height:100%;
	left:2rem;
	top:-2rem;
	border:10px solid #eee;
}
.ceo_greeting_con .txt_cont strong{
	color:#333;
	font-weight:500;
}
.ceo_greeting_con .ceo_sign{
	color:#fff;
	position:absolute;
	background:rgba(237,19,34,0.9);
	left:15%;
	bottom:-1.8rem;
	padding:2rem 1.5rem;
}
.ceo_greeting_con .ceo_sign strong{
	display:block;
	font-weight:600;
	font-size:1.5rem;
}


@media screen and (max-width: 1199px) {
	.ceo_greeting_con .ceo_images{display:none;}
	.ceo_greeting_con .ceo_sign{
		color:#333;
		position:relative;
		padding:1.5rem 0 0;
		background:none;
		left:15px;
		bottom:auto;
	}
	.ceo_greeting_con .ceo_sign strong{
		display:inline-block;
		padding-left:15px;
	}
	.ceo_greeting_con .txt_tit{
		font-size:1.3rem;
	}

}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	주요사업안내
------------------------------------*/
.major_business_con .mb_inner .mb_tit{
	color:#333;
	font-size:1.3rem;
}

.mb_design_list p{margin-bottom: 0rem;}







/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	비전 및 역할
------------------------------------*/

/* 비전 */
.vision_con .vs_list .vs_icon{
	width:200px;
	height:200px;
	border-radius:50%;
	margin: 0 auto 2rem;
	background-size: 42% !important;
}
	.vision_con .vs_list .vs_icon.icon-01{background:#f8fafb url('../images/intro/vision_icon01_b.png') no-repeat 50% 50%;}
	.vision_con .vs_list .vs_icon.icon-02{background:#f8fafb url('../images/intro/vision_icon02_b.png') no-repeat 50% 50%;}
	.vision_con .vs_list .vs_icon.icon-03{background:#f8fafb url('../images/intro/vision_icon03_b.png') no-repeat 50% 50%;}
	.vision_con .vs_list .vs_icon.icon-04{background:#f8fafb url('../images/intro/vision_icon04_b.png') no-repeat 50% 50%;}

.vision_con .vs_list dt{
	color:#333;
	font-size:1.2rem;
	font-weight:600;
	letter-spacing:-0.07rem;
}
.vision_con .vs_list dd{
	color:rgba(0,0,0,0.7);
}

@media screen and (max-width: 991px) {
	.vision_con .vs_list .vs_icon{width:180px; height:180px;}
}
@media screen and (max-width: 519px) {
	.vision_con .vs_list .vs_icon{width:150px; height:150px;}
}


/* 역할 */
.vision_con .part_inner{
	background:#f7f7f7;
}

.vision_con .part_tit{
	color:rgba(255,255,255,0.9);
	font-size:1.2rem;
	font-weight:500;
	letter-spacing:-0.07rem;
	padding:2.3rem 1rem;
	background:linear-gradient(90deg, #53067d 0%, #0a1954 100%);
	border-radius:6rem;
	position:relative;
}
	.vision_con .part_tit::after{
		content:'';
		width:10px;
		height:10px;
		border-radius:50%;
		left:50%;
		transform: translateX(-50%);
		bottom:-5px;
		background:#111;
		border:1px dashed #111;
		z-index:1;
		position:absolute;
	}
.vision_con .part_list li{
	background:#fff;
	padding:1.5rem 1rem;
	border-radius:18px;
	margin-bottom:0.6rem;
	position:relative;
}
	.vision_con .part_list li::before{
		content: '';
		width: 1px;
		height: 0.6rem;
		left: 50%;
		transform: translateX(-50%);
		bottom: 100%;
		background: #b9b9b9;
		position: absolute;
		z-index: 0;
	}
.vision_con .part_list strong{
	color: #333;
	font-weight:500;
}

.vision_con .part_end{
	color:rgba(255,255,255,0.9);
	font-size:1.1rem;
	background: #ed1322;
	font-weight:500;
	border-radius:6rem;
	position:relative;
	padding:1.5rem 1rem;
}
	.vision_con .part_end::before{
		content: '\e313';
		font-family:'material symbols outlined';
		color:#ed1322;
		font-size: 2.3rem;
		font-weight: 900;
		left: 50%;
		transform: translateX(-50%);
		bottom: 95%;
		position: absolute;
	}