@charset "utf-8";



/* 레이아웃 */
#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 100px 0; overflow:hidden; 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 100px 15px; overflow:hidden; 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 100px 15px; overflow:hidden; 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:50px 30px 70px 30px; overflow:hidden; 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:40px 15px 50px 15px; overflow:hidden; }
				
			
	#bottom { width:100%; background:#444c57; z-index:4; }
		#bottomarea {position:relative; width:100%; padding:25px 15px 70px 15px; margin:0 auto; z-index:5; }
}	
	
/* 타이틀 */
#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% - 119px); 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% - 79px); 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:140%; 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:#0e4174;  }

@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 14px; font-size:120%;  }
}


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


/* 서브메뉴 표시*/
#topMenu > li > ul { position:absolute; left:0; top:70px; width:100%; height:222px; 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:226px; border-top:1px solid #ddd; border-bottom:3px solid #e96576; background:#fff; display:none; z-index:10; }



@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/council/main/visible_btn_pause.gif) no-repeat; text-indent:-9999px; z-index:1001; }
.mVisible .btn_play.on { background:url(/images/council/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:#b1d0d6 url(/images/council/main/mChairman_pic24.png) no-repeat 110% -20%; 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; border:2px solid #4f95a2; box-sizing:border-box; color:#555; text-align:center; transition:0.3s;  }
.mGreeting a:active,
.mGreeting a:focus,
.mGreeting a:hover { background:#4f95a2; color:#fff;}

@media (min-width:1281px) and (max-width:1400px){
	.mGreeting { width:calc(33.3% - 20px);  background-position:right -20%; 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; background-position:right -20%; 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:right -20%; 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:right bottom; background-size:auto 270px; }
	.mGreeting p { padding-right:150px;}
}

@media (max-width:390px){
	.mGreeting { background-position:right 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:#ffd2d2 url(/images/eng/main/history_icon.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; border:2px solid #ff9e9e; box-sizing:border-box; color:#555; text-align:center; transition:0.3s;  }
.mHistory a:active,
.mHistory a:focus,
.mHistory a:hover { background:#ff9e9e; color:#fff;}


@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:#ffcdb4 url(/images/eng/main/map_icon.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; border:2px solid #ffa172; box-sizing:border-box; color:#555; text-align:center; transition:0.3s;  }
.mLocation a:active,
.mLocation a:focus,
.mLocation a:hover { background:#ffa172; color:#fff;}


@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){
	
}


/* 하단 */
.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; }