@charset "utf-8";

/* 서브레이아웃 */
#scontainer { width:1200px; min-width:1200px; min-height:850px; margin:0 auto; }
	#svisible { width:100%; background:#e7ecf5; padding:55px 0; }
	#sleft { float:left; position:relative; width:220px; min-height:900px; border:1px solid #e5e5e5; }
	#sright { float:right; width:calc(100% - 300px); margin:45px 0 100px; }
	
		#content { width:100%; min-height:300px; }



@media (min-width:1025px) and (max-width:1200px){
	#scontainer { width:100%; min-width:100%; margin:0 auto; }
		#svisible { width:100%; background:#e7ecf5; }
		#sleft { float:left; position:relative; width:220px;}
		#sright { float:right; width:calc(100% - 250px); padding:0 20px; }
		
			#content { width:100%; min-height:300px; }
}



@media (min-width:769px) and (max-width:1024px){
	#scontainer { width:100%; min-width:100%; margin:0 auto; }
		#svisible { width:100%; background:#e7ecf5; }
		#sleft { display:none; }
		#sright { float:none; width:100%; padding:0 20px; margin:45px 0 50px; }
		
			#content { width:100%; min-height:300px; }
}


@media (max-width:768px){
	#scontainer { width:100%; min-width:100%; padding:0 15px 30px 15px; margin:30px auto 50px; }
		#svisible { width:100%; background:#e7ecf5; padding:43px 0; }
		#sleft { display:none; }
		#sright { float:none; width:100%; }
		
			#content { width:100%; min-height:300px; }
}


/* a 태그 */
a:link, a:visited { display:block; }


/* 서브비주얼 */
.visibleTxt { position:relative; width:1200px; margin:0 auto; }
.visibleTxt::before { position:absolute; top:-55px; right:0; display:block; content:""; width:755px; height:200px; background:url(/img/committee/sub/mem_pic.png); background-size:cover; z-index:0;}

.visibleTxt .txt1 { position:relative; font-size:1.5rem; margin:0 0 6px; z-index:1; }
.visibleTxt .txt2 { position:relative; font-size:2rem;  z-index:2; }
.visibleTxt .txt2 strong { color:#00256a; font-size:2.4rem; font-family:esamanru-Medium, "이사만루 미디엄"; font-weight:normal; }

@media  (max-width:1280px){
	.visibleTxt { width:100%; margin:0 20px; }
}

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


}


@media (max-width:768px){
	.visibleTxt * { color:#fff; text-shadow:0 0 3px #222; }
	.visibleTxt::before { top:-44px; right:-10%; width:400px; height:150px; }
	.visibleTxt .txt1 { font-size:1rem; margin:0 0 3px; }
	.visibleTxt .txt2 { font-size:1.4rem; }
	.visibleTxt .txt2 strong { font-size:1.8rem; }
}


@media (max-width:425px){
}

/* 패스바 */
.pathbar { position:relative; width:100%; background:#f7f7f7; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; z-index:2; }
.pathbar .containerarea { overflow:visible; }
.pathbar .pathbarUl { padding-left:1px; border-left:1px solid #e4e4e4; overflow:visible; }
.pathbar .pathbarUl > li { position:relative; float:left; width:200px; height:54px; border-right:1px solid #e4e4e4; }
.pathbar .pathbarUl > li > a:link, 
.pathbar .pathbarUl > li > a:visited { width:100%; height:54px; line-height:54px; padding-left:15px; background:url(/img/common/pathbar_blt.gif) no-repeat right top; }

.pathbar .pathbarUl > li.pahtbarHome { width:54px; } 
.pathbar .pathbarUl > li.pahtbarHome a { padding-left:0; }


.pathbar .pathbarUl > li > ul { position:absolute; left:-1px; top:54px; width:calc(100% + 2px); padding:10px 0; border:1px solid #ddd; background:#fff; display:none; }
.pathbar .pathbarUl > li > ul li a:link,
.pathbar .pathbarUl > li > ul li a:visited { width:100%; line-height:1.2; padding:3px 15px; font-size:90%;  }
.pathbar .pathbarUl > li > ul li a:active,
.pathbar .pathbarUl > li > ul li a:focus,
.pathbar .pathbarUl > li > ul li a:hover { color:#4050a8; font-weight:bold; }

@media (max-width:1200px){
	.pathbar .pathbarUl { padding-left:0; border-left:none; }
}


@media (max-width:768px){
	.pathbar { border-top:none; }
	.pathbar .pathbarUl > li { width:calc(33.333% - 18px); }
	.pathbar .pathbarUl > li:nth-child(4) { border-right:none; }
}

@media (max-width:400px){
	.pathbar .pathbarUl > li { height:42px; }
	.pathbar .pathbarUl > li > a:link, 
	.pathbar .pathbarUl > li > a:visited { height:42px; line-height:42px; padding-left:5px; background:none; }

	.pathbar .pathbarUl > li.pahtbarHome { width:42px; } 
	.pathbar .pathbarUl > li.pahtbarHome img { position:relative; top:-7px; left:-12px; }

	.pathbar .pathbarUl > li > ul { top:42px; }
	.pathbar .pathbarUl > li > ul li a:link,
	.pathbar .pathbarUl > li > ul li a:visited { padding:3px 5px; }
}


/* Left 메뉴 */
.leftmenu { width:100%; }

.leftmenu h1 { color:#fff; font-size:1.5rem; font-family:esamanru-Medium, "이사만루 미디엄"; text-align:center; background:#3babc8; padding:45px 0; }

.leftmenu a { position:relative; padding:18px 20px; border-bottom:1px solid #e5e5e5; }
.leftmenu a::after { position:absolute; top:50%; right:20px; content:""; display:block; width:6px; height:10px; background:url(/img/common/lnb_arrow.png) no-repeat center; transform:translateY(-50%); }

	/* select 및 호버 효과 */
.leftmenu a.select,
.leftmenu a:hover { font-weight:bold; color:#fff; background:url(/img/committee/sub/lnb_menu_bg_standing.png) no-repeat right center; background-color:#4fbfd6; }


@media (min-width:769px) and (max-width:1024px){
.leftmenu { display:none; }

}


@media (max-width:768px){
	
}


@media (max-width:425px){
}



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

.pagetitle h1 { padding:0 0 0 5px; font-family:esamanru-Medium, "이사만루 미디엄";  font-size:2rem; color:#000; }

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

@media (max-width:768px){
	.pagetitle h1 { font-family:esamanru-Medium, "이사만루 미디엄"; font-size:200%; text-align:center; color:#000; }
}
	

/* 1. 위원회소개 */
/* 1. 위원회소개 */


/* 위원장인사말 */
.greeting { color:#222; }

.greeting .slogan { position:relative; padding:30px; background:url(/img/committee/sub/greeting_bg.png) no-repeat right top; border:1px solid #e4e4e4; overflow:hidden; margin:0 auto 23px; }

.greeting .slogan img { float:left; margin: 0 30px 0 0; }
.greeting .slogan p { position:absolute; top:50%; left:177px; transform:translateY(-50%); font-size:1.6rem; word-break:keep-all; }
.greeting .slogan p span { position:relative; color:#088aab; }
.greeting .slogan p span::after { position:absolute; bottom:-4px; display:block; content:""; width:35%; height:2px; background:#088aab; }

@media (max-width:1152px){
	.greeting .slogan p {  font-size:1.5rem; }
}

@media (max-width:800px){
	.greeting .slogan p {  font-size:1.3rem; }
}

@media (max-width:640px){
	.greeting .slogan p {  font-size:1.1rem; }
	.greeting .slogan p span::after { display:none; }
}


/* 소관부서 */

.depart .slogan { width:100%; padding:83px 80px; background:#e4f5ea url(/img/committee/sub/group_bg.png) no-repeat 95% center; }
.depart .slogan ul { font-size:1.2rem; }

@media (max-width:800px){
	.depart .slogan { padding:40px 25% 40px 40px; background-size:15%; }
	.depart .slogan ul { font-size:1.1rem; }
}
@media (max-width:640px){
	.depart .slogan { padding:60px 0 20px; background-position:center 10px ; background-size:10%; }
	.depart .slogan ul { font-size:1rem; text-align:center; }
}

/* 4. 회의영상 */
/* 4. 회의영상 */

/* 위원회 영상 */

.vod .stxt { padding:20px; background:#fafafa; border:1px solid #ddd; color:#555; margin-bottom:60px; }