@charset "utf-8";

/* 서브레이아웃 */
#scontainer { width:1400px; min-width:1400px; padding-bottom:50px; margin:50px auto 100px; }
	#sleft { float:left; position:relative; width:300px; margin-right:50px; }
	#sright { float:left; width:calc(100% - 350px); }
	
		#content { width:100%; min-height:300px; }


@media (min-width:1281px) and (max-width:1400px){
	#scontainer { width:100%; min-width:100%; padding:0 15px 50px 15px; box-sizing:border-box; margin:50px auto 100px; }
		#sleft { float:left; position:relative; width:300px; margin-right:50px; }
		#sright { float:left; width:calc(100% - 350px); }
		
			#content { width:100%; min-height:300px; }
}


@media (min-width:1025px) and (max-width:1280px){
	#scontainer { width:100%; min-width:100%; padding:0 15px 50px 15px; box-sizing:border-box; margin:50px auto 100px; }
		#sleft { float:left; position:relative; width:280px; margin-right:30px; }
		#sright { float:left; width:calc(100% - 310px); }
		
			#content { width:100%; min-height:300px; }
}



@media (min-width:769px) and (max-width:1024px){
	#scontainer { width:100%; min-width:100%; padding:0 30px 30px 30px; box-sizing:border-box; margin:30px auto 75px; }
		#sleft { float:none; position:relative; width:100%; margin:0 0 30px 0; }
		#sright { float:none; width:100%; }
		
			#content { width:100%; min-height:300px; }
}


@media (max-width:768px){
	#scontainer { width:100%; min-width:100%; padding:0 15px 30px 15px; box-sizing:border-box; margin:30px auto 50px; }
		#sleft { float:none; position:relative; width:100%; margin:0 0 30px 0; }
		#sright { float:none; width:100%; }
		
			#content { width:100%; min-height:300px; }
}





/* 서브비주얼 */
.svisible { width:100%; background:#014784; box-shadow:2px 2px 15px rgba(0, 0, 0, 0.2); border-radius:8px; overflow:hidden; }
.svisible em { font-style:normal; }

.svisible .pic { width:100%; border-bottom:none; }
.svisible .pic .pic1 { width:100%; height:370px; overflow:hidden; }
.svisible .pic .pic1 img { width:100%; }
.svisible .pic .pic2 { display:none; }

.svisible .svisibleBox { width:100%; padding:32px 20px 36px 20px; box-sizing:border-box; color:#fff; }
.svisible .svisibleBox .txt { line-height:1.5; font-size:105%; margin-bottom:10px; letter-spacing:-1.5px; }
.svisible .svisibleBox .name { font-size:175%; font-family:"PGOV"; font-weight:800; }
.svisible .svisibleBox .name span { font-size:80%; }

.svisible .svisibleBox ul { display:none;}

@media (min-width:1025px) and (max-width:1280px){
	.svisible .pic .pic1 { width:100%;}
	.svisible .pic .pic1 img { width:100%; }
	
}


@media (min-width:769px) and (max-width:1024px){
	.svisible .pic { float:left; width:300px; border-bottom:1px solid #eee; }
	.svisible .pic .pic1 img { width:100%; }
	.svisible .svisibleBox { float:left; width:calc(100% - 300px); padding:35px 25px 50px 25px; box-sizing:border-box; color:#fff; }
	.svisible .svisibleBox .txt { margin-bottom:10px; }
	.svisible .svisibleBox .txt strong { display:inline-block;}
	.svisible .svisibleBox ul { display:block; margin-top:15px; }
}


@media (max-width:768px){
	.svisible .pic { float:left; width:140px; padding:20px; border:none; }
	.svisible .pic .pic1 { display:none; }
	.svisible .pic .pic2 { display:block; }
	.svisible .pic .pic2 img { width:120px; }
	
	.svisible .svisibleBox { float:left; width:calc(100% - 140px); height:auto; padding:20px 15px 30px 20px; }
	.svisible .svisibleBox .txt { display:none; }
	.svisible .svisibleBox .name { font-size:140%; }
	.svisible .svisibleBox ul { display:block; margin-top:15px; }
	
}


@media (max-width:425px){
	.svisible .pic { width:110px; padding:20px 15px; box-sizing:border-box; }
	.svisible .pic .pic2 img { width:90px; }
	
	.svisible .svisibleBox { width:calc(100% - 110px); padding:20px 15px 20px 10px; }
	.svisible .svisibleBox ul li { font-size:90%; }
}


/* 사이드바 */
	.sideAllmenu ul.mdepth1 li a:link,
	.sideAllmenu ul.mdepth1 li a:visited { background:none; }



/* 페이지타이틀 */
.pagetitle { position:relative; width:100%; height:100px; border-bottom:1px solid #ddd; margin-bottom:50px; }

.pagetitle .path { position:absolute; left:5px; bottom:15px; font-size:90%; color:#888; word-spacing:5px; }
.pagetitle .path span { position:relative; top:-1px; width:4px; height:7px; line-height:7px; background:url(/council/images/common/path_blt.gif) no-repeat 0 0px; text-indent:-9999em; display:inline-block; }

.pagetitle h1 { padding:0 0 0 5px; font-family:"PGOV"; font-weight:800;  font-size:250%; color:#000; }

.pagetitle .snsbtn { position:absolute; right:0; bottom:12px; height:35px; }
.pagetitle .snsbtn ul { height:35px; overflow:hidden;}

.pagetitle .snsbtn ul.pcTabletBtn { display:block; }
.pagetitle .snsbtn ul.mobileBtn { display:none; }

.pagetitle .snsbtn ul li { float:left; margin-left:10px; }


@media (min-width:769px) and (max-width:1024px){		
	.pagetitle .snsbtn ul.pcTabletBtn { display:none; }
	.pagetitle .snsbtn ul.mobileBtn { display:block; }
	.pagetitle .snsbtn ul li { margin-left:5px; }
	
}

@media (max-width:768px){
	.pagetitle { height:110px; border-bottom:none; }
	.pagetitle .path { position:static; width:100%; height:55px; line-height:55px; padding-left:10px; padding-right:80px; box-sizing:border-box; background:#e06c77; color:#fff; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
	
	.pagetitle h1 { padding:38px 15px 0 0; font-size:200%; color:#000; }

	
	.pagetitle .snsbtn { position:absolute; right:10px; top:10px; }
	
	.pagetitle .snsbtn ul.pcTabletBtn { display:none; }
	.pagetitle .snsbtn ul.mobileBtn { display:block; }
	.pagetitle .snsbtn ul li { margin-left:5px; }
}
	







/* 인사말 */
.greeting { width:100%; }
.greeting em { font-style:normal; }
.greeting p { color:#333; font-size:106.25%; line-height:1.5; margin-bottom:16px; }
.greeting p em,
.greeting p strong { font-size:112.5%; color:#111; }


@media (max-width:768px){
	.greeting p:nth-child(1) { letter-spacing:-0.5px;}
}



/* 약력 */
#content .profile { word-break:keep-all; }
#content .profile h3,#content .profile h4 { background:0; padding:0; }

#content .profile h3 { font-size:225%; letter-spacing:0.25px; }
#content .profile h4 { font-size:162.5%; line-height:72px; }

.profile h4::before { position:absolute; left:0; content:''; width:72px; height:72px; background:#FF6032 no-repeat center; border-radius:12px; box-shadow:5px 5px 20px rgba(247,91,75,0.3); }

.profile h4:nth-child(1)::before { background-image:url(/images/memberHome/sub/ico_m_profile.png); }
.profile h4:nth-child(3)::before { background-image:url(/images/memberHome/sub/ico_m_history.png); }

.profile div { position:relative; padding-left:104px; }

.profile h3 ~ p { padding:0 0 0 10px; border-left:2px solid #555; }

.profile dl,
.profile div ul { font-size:112.5%; }

.profile dl dt { width:100px; float:left; background:#fafafa; padding:16px 0 16px 12px; margin-right:16px; }
.profile dl dt:nth-child(1) { border-top:2px solid #555; }
.profile dl dd:nth-child(2) { border-top:2px solid #555; }
.profile dl dd { padding:16px 0; border-bottom:1px solid #ddd; }

.profile dl dd a.tel2:link,                                   
.profile dl dd a.tel2:visited { color:#555; transition:0.3s; }

.profile dl dd a.tel2:hover,                                             
.profile dl dd a.tel2:active,                                            
.profile dl dd a.tel2:focus { color:#4B5FA6; text-decoration:underline; }

.profile div ul li { line-height:1.5; margin:0 0 8px; }

@media (max-width:768px){
	#content .profile h3 { font-size:200%; }
	#content .profile h4 { font-size:150%; line-height:48px; }
	.profile h4::before { position:relative; display:inline-block; width:48px; height:48px; vertical-align:middle; background-size:80%; box-shadow:2px 2px 10px rgba(247,91,75,0.3); margin-right:10px; }

	.profile div { padding-left:0; }

	.profile dl,
	.profile div ul { font-size:100%; }
}

/* 보도자료 */
.bodo .board_list table .td1 { width:20%; overflow:hidden; }
.bodo .board_list table .td1 img { width:100%; }
.bodo .board_list table .td2 { width:80%; }

.bodo .board_list table .td2 .sSubject { width:100%; height:1.3em; line-height:1.3em; display:block; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:15px; }
.bodo .board_list table .td2 .sSubject a:link,
.bodo .board_list table .td2 .sSubject a:visited { font-family:esamanru-Medium, "이사만루 미디엄"; color:#111; font-size:120%; }
.bodo .board_list table .td2 .sSubject a:active,
.bodo .board_list table .td2 .sSubject a:focus,
.bodo .board_list table .td2 .sSubject a:hover { color:#015792; }

.bodo .board_list table .td2 .sComment { float:none; width:100%; height:2.6em; line-height:1.3em; color:#555; text-align:left; font-size:100%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:15px; }
.bodo .board_list table .td2 .sDate { font-size:95%; color:#888; }