@charset "utf-8";

@font-face {
  font-family: 'NotoSans-DemiLight';
  font-style: normal;
  font-weight: normal;
  src: url('/fonts/NotoSans-Medium.woff') format('woff'),
    url('/fonts/NotoSans-Medium.ttf') format('truetype');
}

body { font-size:100%; font-family:NotoSans-DemiLight, "본고딕 데미라이트", NotoSans-Medium, "본고딕 미디엄", gulim, dotum, Arial; color:#555;  }




/* 레이아웃 */
#gaonwrap { min-width:1400px; width:100%; }

#top { position:relative; min-width:1400px; width:100%; border-bottom:1px solid #ddd; background:url(/images/common/top_bg.gif) repeat-x; }
     #toparea { position:relative; width:1400px; height:165px; margin:0 auto; overflow:visible;}
	 
#container { position:relative; min-width:1400px; width:100%; z-index:2; }	
     #cont1 { position:relative; width:1400px; padding:60px 0 60px 0; overflow:hidden; margin:0 auto;} 
	 #cont2 { position:relative; width:100%; padding:48px 0 84px 0;  background:url(/images/eng/main/cont2_bg.png) no-repeat 50% bottom; }
		.containerarea { position:relative; width:1400px; margin:0 auto; }
	 
#bottom { width:100%; background:#444c57; z-index:4; }
	#bottomarea {position:relative; width:1400px; padding:35px 0 70px 0; margin:0 auto; z-index:5; }


	
@media (min-width:1281px) and (max-width:1400px){
	#gaonwrap { min-width:100%; width:100%; }

	#top { position:relative; min-width:100%; width:100%; border-bottom:1px solid #ddd; background:url(/images/common/top_bg.gif) repeat-x; }
		#toparea { position:relative; width:100%; height:165px; margin:0 auto; overflow:visible; } 
		
	#container { position:relative; min-width:100%; width:100%; z-index:2; }		
		#cont1 { position:relative; width:100%; padding:60px 15px 60px 15px; overflow:hidden; margin:0 auto;} 
		#cont2 { position:relative; width:100%; padding:48px 15px 84px 15px;  background:url(/images/eng/main/cont2_bg.png) no-repeat 50% bottom; }
			.containerarea { position:relative; width:100%; margin:0 auto; }
			
	#bottom { width:100%; background:#444c57; z-index:4; }
		#bottomarea { position:relative; width:100%; padding:35px 30px 70px 30px; margin:0 auto; z-index:5; }
}



@media (min-width:1025px) and (max-width:1280px){
	
	html, body, #gaonwrap { min-width:100%; width:100%; }		
	
	#top { position:relative; min-width:100%; width:100%; border-bottom:1px solid #ddd; background:url(/images/common/top_bg.gif) repeat-x; }
		#toparea { position:relative; width:100%; height:165px; margin:0 auto; overflow:visible; }	
		
	#container { position:relative; min-width:100%; width:100%; z-index:2; }		
		#cont1 { position:relative; width:100%; padding:60px 15px 60px 15px; overflow:hidden; margin:0 auto;} 
		#cont2 { position:relative; width:100%; padding:48px 15px 84px 15px;  background:url(/images/eng/main/cont2_bg.png) no-repeat 50% bottom; }
			.containerarea { position:relative; width:100%; margin:0 auto; }
		
	#bottom { width:100%; background:#444c57; z-index:4; }
		#bottomarea { position:relative; width:100%; padding:35px 30px 70px 30px; margin:0 auto; z-index:5; }
}


@media (min-width:769px) and (max-width:1024px){
	html, body, #gaonwrap { min-width:100%; width:100%; }
		
	#top { position:relative; min-width:100%; width:100%; border-bottom:1px solid #ddd; background:#fff; }
		#toparea { position:relative; width:100%; height:90px; margin:0 auto; overflow:visible;} 
		
	#container { position:relative; min-width:100%; width:100%; z-index:2; }		
		#cont1 { position:relative; width:100%; padding:45px 30px 45px 30px; overflow:hidden; margin:0 auto;} 
		#cont2 { position:relative; width:100%; padding:33px 30px 59px 30px;  background:url(/images/eng/main/cont2_bg.png) no-repeat 50% bottom; }
			.containerarea { position:relative; width:100%; margin:0 auto; }
		
	#bottom { width:100%; background:#444c57; z-index:4; }
		#bottomarea {position:relative; width:100%; padding:35px 30px 70px 30px; margin:0 auto; z-index:5; }
}


@media (max-width:768px){
	html, body, #gaonwrap { min-width:100%; width:100%; }
		
	#top { position:relative; min-width:100%; width:100%; border-bottom:1px solid #ddd; background:#fff; }
		#toparea { position:relative; width:100%; height:70px; margin:0 auto; overflow:visible; }
		
	#container { position:relative; min-width:100%; width:100%; z-index:2; }		
		#cont1 { position:relative; width:100%; padding:30px 15px 30px 15px; overflow:hidden; margin:0 auto;} 
		#cont2 { position:relative; width:100%; padding:18px 15px 34px 15px;  background:url(/images/eng/main/cont2_bg.png) no-repeat 50% bottom; }
			.containerarea { position:relative; width:100%; margin:0 auto; }
				
			
	#bottom { width:100%; background:#444c57; z-index:4; }
		#bottomarea {position:relative; width:100%; padding:25px 15px 70px 15px; margin:0 auto; z-index:5; }
}	



/* 사이드메뉴 숨기기 */
.sidemenu ul li:nth-child(1),
.sidemenu ul li:nth-child(2) { display:none; } 




/* 사이드메뉴 숨기기 */
.mobileTopBtn .mobileTopBtn3 { display:none !important; }





	
/* 타이틀 */
#top h1.title { position:absolute; left:0; top:75px;}

@media (min-width:1281px) and (max-width:1400px){
	#top h1.title { left:15px; }
}


@media (min-width:1025px) and (max-width:1280px){
	#top h1.title { left:15px; }
}


@media (min-width:769px) and (max-width:1024px){
	#top h1.title { left:calc(50% - 153px); top:15px; text-align:center; margin:0; }
	#top h1.title img { height:60px; }
	
	.sidenav h1 img { height:40px; } 
}

@media (max-width:768px){
	#top h1.title { left:calc(50% - 102px); top:15px; text-align:center; margin:0; }
	#top h1.title img { height:40px; }
	
	.sidenav h1 img { height:40px; } 
}	


/* 메인메뉴 */
#menu { position:absolute; right:0; top:94px; }
#topMenu { position:relative; overflow:visible !important; }

#topMenu > li { position:relative; float:left; text-align:center; display:inline-block; }

#topMenu > li > a:link,
#topMenu > li > a:visited { height:120px; vertical-align:top; padding:0 50px; color:#222; font-weight:bold; font-size:150%; font-family:NotoSans-Medium, "본고딕 미디엄"; letter-spacing:-1px; display:block; }
#topMenu > li > a:active,
#topMenu > li > a:focus,
#topMenu > li > a:hover,
#topMenu > li > a.select { color:#9e5d9e;  }

@media (min-width:1367px) and (max-width:1440px){
	#topMenu > li > a:link,
	#topMenu > li > a:visited { padding:0 35px;  }
}

@media (min-width:1281px) and (max-width:1366px){
	#topMenu > li > a:link,
	#topMenu > li > a:visited { padding:0 30px;  }
}

@media (min-width:1153px) and (max-width:1280px){
	#topMenu > li > a:link,
	#topMenu > li > a:visited { padding:0 23px;  }
}

@media (min-width:1025px) and (max-width:1152px){
	#topMenu > li > a:link,
	#topMenu > li > a:visited { padding:0 13px; font-size:140%; }
}


@media (max-width:1024px){
	#menu { display:none; } 
}


/* 서브메뉴 표시*/
#topMenu > li > ul { position:absolute; left:0; top:70px; width:100%; height:128px; padding:10px 0 0 0px; border-left: 1px solid #eee; display:none; clear:both; z-index:1003;  }
#topMenu > li > ul > li { position:relative; width:100%; padding:3px 10px 4px 10px;  text-align:left; display:block; }
#topMenu > li > ul:last-child { border-right: 1px solid #eee;}

#topMenu > li > ul > li > a:link,
#topMenu > li > ul > li > a:visited { width:100%; height:auto; padding:0; text-decoration:none; color:#333; font-family:NotoSans-DemiLight, "본고딕 데미라이트"; font-size:95%; margin:0; background:none; border:0; }
#topMenu > li > ul > li > a:active,
#topMenu > li > ul > li > a:hover,
#topMenu > li > ul > li > a:focus,
#topMenu > li > ul > li > a.select { clear:both; color:#e96576; font-weight:bold; }

.submenu { display:none; overflow:hidden; }
.menubox { position:absolute; left:0; top:164px; width:100%; height:131px; border-top:1px solid #ddd; border-bottom:3px solid #e96576; background:#fff; display:none; z-index:10; }



@media (min-width:1281px) and (max-width:1400px){
	
}

@media (min-width:1025px) and (max-width:1280px){
	#topMenu > li > ul { height:158px; }
	.menubox { height:161px; }
}

@media (max-width:1024px){
	.topMenu,
	.menubox { display:none; } 	
}	

	




/* 메인비주얼 */
	
.mVisible { position:relative; width:100%;  }

.mVisible .visibleList { position:relative; width:100%; height:100%; overflow:hidden; margin:0 auto; }
.mVisible .visibleList .list { position:relative; float:left; height:100%;}
.mVisible .visibleList .list img { width:100%; height:auto; }

.mVisible .bar { position:absolute; left:0; right:0; bottom:20px; width:140px; height:40px; line-height:40px; border-radius:25px; background:rgba(0, 0, 0, 0.6); margin:0 auto; z-index:1001; }


.mVisible .slick-prev,
.mVisible .slick-next { position:absolute; bottom:27px; width:20px; height:20px; line-height:20px; border:none; font-size:0; cursor:pointer; display:block; z-index:1003; }

.mVisible .slick-prev { left:50%; background:url(/images/eng/main/visible_btn_prev.gif) no-repeat; }
.mVisible .slick-next { left:calc(50% + 40px); background:url(/images/eng/main/visible_btn_next.gif) no-repeat; }




			/*자동실행버튼(재생,일시정지)*/
.mVisible .btn_play { position:absolute; left:calc(50% + 20px); bottom:7px; width:20px; height:20px; border:0; background: url(/images/eng/main/visible_btn_pause.gif) no-repeat; text-indent:-9999px; z-index:1001; }
.mVisible .btn_play.on { background:url(/images/eng/main/visible_btn_play.gif) no-repeat;  } 


			/* Dots 메인 서브  */
.mVisible .slick-dotted.slick-slider {  }
.mVisible .slick-dots { position:absolute; left:calc(50% - 50px); bottom:25px; width:50px !important; height:30px; text-align:center; overflow:hidden; display:block; margin:0 auto; z-index:1002; }
			/* Dots  */
.mVisible .slick-dots li { height:30px; line-height:30px; color:#fff;  letter-spacing:5px; z-index:1003;}


@media (max-width:768px){
	.mVisible .bar { bottom:5px; }

	.mVisible .slick-prev,
	.mVisible .slick-next { bottom:12px; }
	

				/* Dots 메인 서브  */
	.mVisible .slick-dots { bottom:10px; }
	
}	


/* 인사말 */
.mGreeting { position:relative; float:left; width:440px; height:300px; padding:30px 0 0 40px; box-sizing:border-box; border-radius:20px; background:#abdee6 url(/images/council/main/chairman_pic.png) no-repeat right bottom; background-size:240px; overflow:hidden; margin-right:40px; }
.mGreeting h1 { color:#000; font-size:185%; font-weight:bold !important; font-family:NotoSans-Medium, "본고딕 미디엄"; margin-bottom:2px; }
.mGreeting p { padding-right:180px;}
.mGreeting a:link,
.mGreeting a:visited { position:absolute; left:40px; bottom:40px; width:120px; height:40px; line-height:36px; background:#fff; box-sizing:border-box; color:#303f68; text-align:center; transition:0.3s;  }
.mGreeting a:active,
.mGreeting a:focus,
.mGreeting a:hover { background:#0084c2; color:#fff; border:2px solid #0084c2; }

@media (min-width:1281px) and (max-width:1400px){
	.mGreeting { width:calc(33.3% - 20px); padding:30px 0 0 25px; margin-right:30px }
	.mGreeting a:link,
	.mGreeting a:visited { left:25px; }
}


@media (min-width:1025px) and (max-width:1280px){
	.mGreeting { width:calc(33.3% - 20px); padding:30px 0 0 25px; margin-right:30px }
	.mGreeting p { padding-right:160px;}
	.mGreeting a:link,
	.mGreeting a:visited { left:25px; }
}

@media (min-width:769px) and (max-width:1024px){
	.mGreeting { width:100%; background-position:95% bottom; margin:0 0 20px 0px }
	.mGreeting p { padding-right:220px;}
}

@media (max-width:768px){
	.mGreeting { width:100%; padding:30px 0 0 15px; margin:0 0 15px 0 }
	.mGreeting p { padding-right:220px;}
	.mGreeting a:link,
	.mGreeting a:visited { left:15px; }
	
}

@media (max-width:425px){
	.mGreeting { background-position:125% bottom; background-size:auto 270px; }
	.mGreeting p { padding-right:150px;}
}

@media (max-width:390px){
	.mGreeting { background-position:125% bottom; background-size:auto 230px; }
	.mGreeting p { padding-right:150px;}
}


/* 연혁 */
.mHistory { position:relative; float:left; width:440px; height:300px; padding:30px 0 0 40px; box-sizing:border-box; border-radius:20px; background:#ffccb6 url(/images/eng/main/icon_img1.png) no-repeat right bottom; overflow:hidden; margin-right:40px; }
.mHistory h1 { color:#000; font-size:185%; font-weight:bold !important; font-family:NotoSans-Medium, "본고딕 미디엄"; margin-bottom:2px; }
.mHistory a:link,
.mHistory a:visited { position:absolute; left:40px; bottom:40px; width:120px; height:40px; line-height:36px; background:#fff; box-sizing:border-box; color:#303f68; text-align:center; transition:0.3s;  }
.mHistory a:active,
.mHistory a:focus,
.mHistory a:hover {background:#0084c2; color:#fff; border:2px solid #0084c2;}


@media (min-width:1281px) and (max-width:1400px){
	.mHistory { width:calc(33.3% - 20px); padding:30px 0 0 25px; margin-right:30px; }
	.mHistory a:link,
	.mHistory a:visited { left:25px; }
}


@media (min-width:1025px) and (max-width:1280px){
	.mHistory { width:calc(33.3% - 20px); padding:30px 0 0 25px; margin-right:30px; }
	.mHistory a:link,
	.mHistory a:visited { left:25px; }
}

@media (min-width:769px) and (max-width:1024px){
	.mHistory { width:calc(50% - 10px); margin:0 10px 0 0; }
}

@media (max-width:768px){
	.mHistory { width:100%; padding:30px 0 0 15px; margin:0 0 15px 0; }
	.mHistory a:link,
	.mHistory a:visited { left:15px; }
	
}

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


/* 오시는길 */
.mLocation { position:relative; float:left; width:440px; height:300px; padding:30px 0 0 40px; box-sizing:border-box; border-radius:20px; background:#f2c3d1 url(/images/eng/main/icon_img2.png) no-repeat right bottom; overflow:hidden; }
.mLocation h1 { color:#000; font-size:185%; font-weight:bold !important; font-family:NotoSans-Medium, "본고딕 미디엄"; margin-bottom:2px; }
.mLocation a:link,
.mLocation a:visited { position:absolute; left:40px; bottom:40px; width:120px; height:40px; line-height:36px; background:#fff; box-sizing:border-box; color:#303f68; text-align:center; transition:0.3s;  }
.mLocation a:active,
.mLocation a:focus,
.mLocation a:hover {background:#0084c2; color:#fff; border:2px solid #0084c2;}


@media (min-width:1281px) and (max-width:1400px){
	.mLocation { width:calc(33.4% - 20px); padding:30px 0 0 25px; }
	.mLocation a:link,
	.mLocation a:visited { left:25px; }
}


@media (min-width:1025px) and (max-width:1280px){
	.mLocation { width:calc(33.4% - 20px); padding:30px 0 0 25px; }
	.mLocation a:link,
	.mLocation a:visited { left:25px; }
}

@media (min-width:769px) and (max-width:1024px){
	.mLocation { width:calc(50% - 10px); margin:0 0 0 10px; }
}

@media (max-width:768px){
	.mLocation { width:100%; padding:30px 0 0 15px; }
	.mLocation a:link,
	.mLocation a:visited { left:15px; }	
}

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




/* 의원소개 */
.memberList { position:relative; float:left; width:100%; text-align:center; background:url(/images/eng/main/bg_img.png); no-repeat 50% 100%;}
.memberList h1 { color:#000; font-weight: bold !important; font-size:195%; font-family: NotoSans-Medium, "본고딕 미디엄"; letter-spacing: -1px; text-align:center; margin-bottom:22px; }
.memberList .more { position:absolute; top:9px; left:calc(50% + 347px); width:32px; height:32px; }

.memberList ul { width:100%; overflow:hidden; }
.memberList ul li { position:relative; float:left; width:10%; text-align:center; margin:0 0 15px 0;  }
.memberList ul li img { width:110px; }
.memberList ul li span { color:#333; text-align:center; display:block; margin:0 auto; }

@media (min-width:1025px) and (max-width:1280px){
	.memberList ul li { width:12.5%;}
}


@media (min-width:769px) and (max-width:1024px){
    .memberList h1 { font-size:180%;}
	.memberList .more { left:calc(50% + 319px); top:6px }
	.memberList ul li { width:16.666%; }
	.memberList ul li img { width:100px; }
	.memberList ul li span { width:100px; font-size:80%; }
}


@media (max-width:768px){
    .memberList h1 { font-size:170%;}
	.memberList .more { left:calc(50% + 301px); top:6px }
	.memberList ul li { width:20%; }
	.memberList ul li img { width:90px; }
	.memberList ul li span { width:90px; height:26px; line-height:26px; font-size:70%; }
}

@media (max-width:675px){
	.memberList h1 { padding-right:47px; font-size:160%; text-align:left; margin-bottom:22px; }
	.memberList .more { left:auto; right:0; top:6px }
}

@media (max-width:580px){
	.memberList ul li { width:25%; }
	.memberList ul li img { width:80px; }

}

@media (max-width:425px){
	.memberList ul li { width:33.333%; }
	.memberList ul li img { width:80px; }
	.memberList ul li span {}
}





/* 하단 */
.bottomlink { width:100%; height:66px; padding:15px 0;  background:#3b434f; }
.bottomlink > ul { position:relative; width:1400px; height:33px; padding-left:1px; border-left:1px solid #222;  overflow:visible; margin:0 auto; }
.bottomlink > ul > li { position:relative; float:left; width:33.3%; height:33px; border-right:1px solid #222;  /*overflow:hidden;*/ }
.bottomlink > ul > li:last-child { width:33.4%; } 

.bottomlink ul li a { width:100%; height:33px; line-height:33px; padding-left:20px;  background:url(/images/council/inc/bottom_btn_blt.gif) no-repeat right top; display:block;  }
.bottomlink ul li a:link,
.bottomlink ul li a:visited { color:#ccc; }
.bottomlink ul li a:active,
.bottomlink ul li a:focus,
.bottomlink ul li a:hover { color:#fff; }


.bottomlink ul li ul { position:absolute; left:-2px; bottom:48px; width:calc(100% + 1px); height:210px; border:1px solid #222;  background:#2d3952; display:none; z-index:100000000000; overflow:auto; }
.bottomlink ul li:last-child ul { width:calc(100% + 3px);}
.bottomlink ul li ul li { float:none; width:100%; height:30px; border-left:none !important; border-right:none;  display:block;}
.bottomlink ul li ul li a:link,
.bottomlink ul li ul li a:visited { width:100%; height:30px; line-height:30px; padding-left:20px; background:none; background:#2d3952;  color:#fff; font-size:85%; display:inline-block; }
.bottomlink ul li ul li a:active,
.bottomlink ul li ul li a:focus,
.bottomlink ul li ul li a:hover { background:#121c32; color:#ffd40c; }


#bottom #bottomarea .bottomMenu { margin-bottom:20px; }
#bottom #bottomarea .bottomMenu ul li { float:left; padding:0; margin-right:30px; }
#bottom #bottomarea .bottomMenu ul li:last-child { margin-right:0px; }


#bottom #bottomarea .bottomMenu ul li a:link,
#bottom #bottomarea .bottomMenu ul li a:visited { color:#ccc; }
#bottom #bottomarea .bottomMenu ul li a:active,
#bottom #bottomarea .bottomMenu ul li a:focus,
#bottom #bottomarea .bottomMenu ul li a:hover { color:#fff; }

#bottom #bottomarea .bottomMenu ul li:nth-child(1) a:link,
#bottom #bottomarea .bottomMenu ul li:nth-child(1) a:visited { color:#2cc5ca; }
#bottom #bottomarea .bottomMenu ul li:nth-child(1) a:active,
#bottom #bottomarea .bottomMenu ul li:nth-child(1) a:focus,
#bottom #bottomarea .bottomMenu ul li:nth-child(1) a:hover { color:#ffd40c; }


#bottom #bottomarea address { color:#ccc; margin:0 0 10px 0; }
#bottom #bottomarea address span { margin-right:20px; }

#bottom #bottomarea .copyright { font-size:90%; font-family:Arial, Helvetica, sans-serif; color:#ccc; } 

#bottom .topbtn { position:absolute; right:0; bottom:0; z-index:100001; }

@media (min-width:1281px) and (max-width:1400px){
	.bottomlink > ul { width:100%; }
}


@media (min-width:1025px) and (max-width:1280px){	
	.bottomlink > ul { width:100%; }
}



@media (min-width:769px) and (max-width:1024px){	
	.bottomlink > ul { width:100%; }
}


@media (max-width:768px){
	.bottomlink { width:100%; height:auto; padding:0; }
	.bottomlink > ul { width:100%; height:auto; padding-left:0px; border-left:none; }
	.bottomlink > ul > li { float:none; width:100%; height:50px; border-right:none; border-bottom:1px solid #222; }
	.bottomlink > ul > li:last-child { width:100%; } 
	
	.bottomlink ul li a { height:50px; line-height:50px; background:url(/images/council/inc/bottom_btn_blt.gif) no-repeat right 5px; }
	.bottomlink ul li a:link,
	.bottomlink ul li a:visited { color:#ccc; }
	.bottomlink ul li a:active,
	.bottomlink ul li a:focus,
	.bottomlink ul li a:hover { color:#fff; }
}

@media (max-width:425px){
	#bottom #bottomarea .bottomMenu ul li { margin-right:15px; }
	#bottom #bottomarea .bottomMenu ul li a:link,
	#bottom #bottomarea .bottomMenu ul li a:visited { font-size:90%; }
	
}


/* 테블릿, 모바일 통합검색 */
#toparea .mobileTopBtn .mobileTopBtn3 { display:none; }