charset "utf-8";


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

#top { position:relative; min-width:1280px; width:100%; height:156px; border-bottom:1px solid #ddd; background:url(/images/eng/inc/top_bg.gif) repeat-x; }
	#toparea { position:relative; width:1280px; height:156px; margin:0 auto; overflow:visible; } 
	
#container { position:relative; min-width:1280px; width:100%; z-index:2; margin-bottom:100px; }
	
	#con1 { position:relative; width:100%; }
	#con2 { width:1280px; padding:50px 0; margin:0 auto; }
	#con3 { width:1280px; margin:0 auto; }
	
#bottom { position:relative; width:100%; min-width:1280px; border-top:1px solid #222222; background:#393939; z-index:4; }
	#bottomarea { position:relative; width:1280px; padding:0 0 70px 0; margin:0 auto; z-index:5; }


@media (min-width:1025px) and (max-width:1280px){	
	#top { position:relative; min-width:100%; width:100%; height:156px; border-bottom:1px solid #ddd; background:url(/images/inc/top_bg.gif) repeat-x; }
		#toparea { position:relative; width:100%; height:156px; margin:0 auto; overflow:visible; } 
		
	#container { position:relative; min-width:100%; width:100%; z-index:2; }
		
		#con1 { position:relative; width:100%;}
		#con2 { width:100%; padding:50px 15px; box-sizing:border-box; margin:0 auto; }
		#con3 { width:100%; padding:0 15px; box-sizing:border-box; margin:0 auto; }
		
	#bottom { position:relative; width:100%; min-width:100%; border-top:1px solid #222222; background:#393939; z-index:4; }
		#bottomarea { position:relative; width:100%; padding:0 0 70px 0; 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%; height:88px; border-bottom:1px solid #ddd; background:#fff; }
		#toparea { position:relative; width:100%; height:88px; margin:0 auto; overflow:visible; } 
		
	#container { position:relative; min-width:100%; width:100%; z-index:2; }
	
		#con1 { position:relative; width:100%; }
		#con2 { width:100%; padding:50px 30px; box-sizing:border-box; margin:0 auto; }
		#con3 { width:100%; padding:0 30px 50px 30px; box-sizing:border-box; }
		
	#bottom { position:relative; width:100%; min-width:100%; border-top:1px solid #222222; background:#393939; z-index:4; }
		#bottomarea { position:relative; width:100%; padding:0 0 50px 0; 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%; height:65px; border-bottom:1px solid #ddd; background:#fff; }
		#toparea { position:relative; width:100%; height:65px; margin:0 auto; overflow:visible; }
		
	#container { position:relative; min-width:100%; width:100%; z-index:2; }
		
		#con1 { position:relative; width:100%; }
		#con2 { width:100%; padding:30px 15px; box-sizing:border-box; margin:0 auto; }
		#con3 { width:100%; padding:0 15px; box-sizing:border-box;}
			
	#bottom { position:relative; width:100%; min-width:100%; padding:0 15px; box-sizing:border-box; border-top:1px solid #222222; background:#393939; z-index:4; }
		#bottomarea { position:relative; width:100%; padding:0 0 40px 0; margin:0 auto; z-index:5; }
}




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

@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% - 85px); right:auto; top:17px; text-align:center; margin:0; }
	
	.sidenav h1 img { height:37px; } 
}

@media (max-width:768px){
	#top h1.title { left:calc(50% - 57px); right:auto; top:14px; text-align:center; margin:0; }
	#top h1.title img { height:37px; }
	
	.sidenav h1 img { height:37px; } 
}



/* 모바일용 상단 버튼 */
.mobileTopBtn { display:none; width:0; height:0; overflow:hidden;  }

@media (min-width:769px) and (max-width:1024px){
	.mobileTopBtn { display:block; }
	.mobileTopBtn li.mobileTopBtn1 { position:absolute; left:25px; top:24px; display:block; }
	.mobileTopBtn li.mobileTopBtn2 { position:absolute; right:21px; top:24px; display:block; }
	.mobileTopBtn li.mobileTopBtn3 { position:absolute; right:68px; top:24px; display:block;}
}


@media (max-width:768px){
	.mobileTopBtn { display:block; }
	.mobileTopBtn li.mobileTopBtn1 { position:absolute; left:15px; top:22px; display:block; }
	.mobileTopBtn li.mobileTopBtn2 { position:absolute; right:15px; top:22px; display:block; }
	.mobileTopBtn li.mobileTopBtn3 { position:absolute; right:41px; top:22px; display:block; }
	.mobileTopBtn li.mobileTopBtn1 img { width:18px; }
	.mobileTopBtn li.mobileTopBtn2 img { width:20px; }
	.mobileTopBtn li.mobileTopBtn3 img { width:20px; }
}



/* 모바일용 외부 링크 */
.mobileLink { display:none; width:0; height:0; overflow:hidden; }

@media (min-width:769px) and (max-width:1024px){
	.mobileLink {position:absolute; left:0; top:88px; width:100%; height:auto; border-top:1px solid #ddd; border-bottom:1px solid #0b2557; background:#f9f9f9; overflow:visible; z-index:10; }
	.mobileLink ul { width:100%; overflow:hidden; }
	.mobileLink ul li { float:left; width:calc(20% + 1px); height:40px; line-height:40px; border:1px solid #ddd; box-sizing:border-box; text-align:center; font-size:90%; letter-spacing:-1px; margin:-1px 0 0 -1px; }
    .mobileLink ul li:nth-child(5n) { border-right:none; } 
	
	.mobileLink ul li a:link,
	.mobileLink ul li a:visited { width:100%; color:#555; display:block; }
	.mobileLink ul li a:active,
	.mobileLink ul li a:focus,
	.mobileLink ul li a:hover,
	.mobileLink ul li a.select { background:#fff; color:#0a72a7; }
	
	.mobileLink ul li a.ml { background:#f0f3f4; }
}


@media (max-width:768px){
	.mobileLink { position:absolute; left:0; top:65px; width:100%; height:auto; border-top:1px solid #ccc; border-bottom:1px solid #666; background:#fff; z-index:1000; }
	.mobileLink ul { width:100%; overflow:hidden; }
	.mobileLink ul li { float:left; width:calc(20% + 1px); height:40px; line-height:40px; border:1px solid #ddd; box-sizing:border-box; text-align:center; font-size:90%; letter-spacing:-1px; margin:-1px 0 0 -1px; }	
	.mobileLink ul li:nth-child(5n) { border-right:none; }
	
	.mobileLink ul li a:link,
	.mobileLink ul li a:visited { width:100%; color:#555; display:block; }
	.mobileLink ul li a:active,
	.mobileLink ul li a:focus,
	.mobileLink ul li a:hover,
	.mobileLink ul li a.select { background:#fff; color:#0a72a7; }
	
	.mobileLink ul li a.ml { background:#f0f3f4; }
}
@media (max-width:425px){
	.mobileLink ul li { float:left; width:calc(25% + 1px); }	
	.mobileLink ul li:nth-child(5n) { border-right:1px solid #ddd; }
	.mobileLink ul li:nth-child(4n) { border-right:none; } 
	
}


/* 외부 링크 */
.underLink { position:relative; float:left; }
.underLink > ul { overflow:visible; border-left:1px solid #6690b9; }
.underLink > ul > li { float:left; width:140px; height:50px; border-right:1px solid #6690b9; }
.underLink > ul > li > a:link,
.underLink > ul > li > a:visited { width:100%; height:50px; line-height:50px; text-align:center; color:#ccc; font-size:95%; display:block; }
.underLink > ul > li > a:active,
.underLink > ul > li > a:focus,
.underLink > ul > li > a:hover { color:#fff; }
.underLink > ul > li > a.select { background:#fff; color:#000; font-weight:bold; }

.underLink > ul > li:nth-child(2) { padding-right:32px; box-sizing:border-box; background: url(/images/inc/underLink_arrow.png) no-repeat right 50%; text-align:left; }

.underLink > ul li .memberHomeList { position:absolute; left:0; top:61px; width:500px; padding:15px; border:1px solid #ddd; box-sizing:border-box; background:#fff; display:none; z-index:10000; }
.underLink > ul li .memberHomeList li { float:left; width:20%; }
.underLink > ul li .memberHomeList li a:link,
.underLink > ul li .memberHomeList li a:visited { width:100%; height:30px; line-height:30px; color:#333; text-align:center; display:inline-block;  }
.underLink > ul li .memberHomeList li a:active,
.underLink > ul li .memberHomeList li a:focus,
.underLink > ul li .memberHomeList li a:hover { color:#ff7505; }



@media (min-width:1025px) and (max-width:1280px){
	.underLink > ul { border-left:none; }
}


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

@media (max-width:768px){
	.underLink { display:none;  }
}








/* 폰트설정 */
.fontszie { float:right; }
.fontszie ul { overflow:hidden; border-left:1px solid #6690b9; }
.fontszie ul li { float:left; width:50px; height:50px; border-right:1px solid #6690b9; }

.fontszie ul li a:link,
.fontszie ul li a:visited { display:block; }
.fontszie ul li a:active,
.fontszie ul li a:focus,
.fontszie ul li a:hover { background:#3e6d99; }


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




/* 메인 메뉴 */
#menu { position:absolute; right:0; top:85px; }
#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:100px; vertical-align:top; padding:0 80px; box-sizing:border-box; color:#222; 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:#ff7505;  }

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


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

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


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


/* 서브메뉴 표시 */
#topMenu > li > ul { position:absolute; left:0; top:71px; width:100%; height:150px; padding:10px 0 0 0px; border-left: 1px solid #eee; box-sizing:border-box; display:none; clear:both; z-index:1003;  }
#topMenu > li > ul > li { position:relative; width:100%; padding:3px 10px 4px 10px; box-sizing:border-box; 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; display:block; }
#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:#ff8111; font-weight:bold; }



.submenu { display:none; overflow:hidden; }

.menubox { position:absolute; left:0; top:156px; width:100%; height:150px; border-top:1px solid #ddd; border-bottom:3px solid #ff7505; background:#fff; display:none; z-index:10; }
.menubox .menuboxarea { position:relative; width:1280px; margin:0 auto; }

.menubox .menuboxarea .slogan { width:411px; height:330px; padding-top:45px; box-sizing:border-box; background:url(/images/inc/submenu_img.png) no-repeat left bottom; text-align:center; font-size:115%; letter-spacing:-1px; color:#000; }
.menubox .menuboxarea .slogan strong { font-size:120%; display:block; }


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

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




/* 메인비주얼 */
#mVisible { position:relative; width:100%; height:550px; }
#mVisible h1 { position:absolute; left:0; right:0; top:60px; color:#fff; font-family:NotoSans-Bold, "본고딕 볼드"; font-size:255%; text-align:center; z-index:1001; }

.visiblelistPc { display:block; }
.visiblelistMobile { display:none; }

#mVisible .visibleList { position:relative; width:100%; height:540px; overflow:hidden; margin:0 auto; }
#mVisible .visibleList .list { position:relative; float:left; height:540px;}
#mVisible .visibleList .list a { width:100%; display:block; }
#mVisible .visibleList .list .pic { background-size:cover !important; }
#mVisible .visibleList .list .pic img { width:100%; height:540px;}


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

.btn_playPc { display:block; }
.btn_playMobile { display:none; }

			/* Dots 메인 서브  */
#mVisible .slick-dots { position:absolute; bottom:33px; width:100%; text-align:center; display:block; z-index:1000; }
#mVisible .slick-dots li { position:relative; width:15px; height:15px; display:inline-block; margin-right:7px; padding:0; cursor:pointer; }
#mVisible .slick-dots li button { font-size:0; line-height:0; display:block; width:15px; height:15px; cursor:pointer; color:transparent; border:none; outline:none; background:transparent; }
#mVisible .slick-dots li button:before { position:absolute; top:-9px; left:0; width:15px; height:15px; line-height:15px; border-radius:50%; box-sizing:border-box; background:#cccccc; content:''; }
#mVisible .slick-dots li.slick-active button:before { opacity:1; background:#435eb7; }


@media (min-width:769px) and (max-width:1024px){
	#mVisible { height:500px; }
	#mVisible .visibleList { height:500px; }
	#mVisible .visibleList .list { height:500px;}

	#mVisible .visibleList .list .pic img { height:500px;}
	
	#mVisible .btn_play {  bottom:34px; }
	#mVisible .slick-dots { bottom:25px; }
}


@media (max-width:768px){
	#mVisible { height:450px; }
	#mVisible h1 { font-size:220%; }
	
	#mVisible .visibleList { height:450px; }
	#mVisible .visibleList .list { height:450px;}
	#mVisible .visibleList .list .pic img { height:450px;}
	
	
	#mVisible .slick-dots { bottom:25px; }	
	
	.btn_playPc { display:none; }
	.btn_playMobile { display:block; }
	
	.btn_play2 { position:absolute; left:calc(50% + 60px); bottom:34px; width:13px; height:15px; border:0; background:url(/images/main/visible_btn_pause.png) no-repeat; text-indent:-9999px; z-index:1001;  }
	.btn_play2.on {  background:url(/images/main/visible_btn_play.png) no-repeat; }
}




/* 바로가기 */
.quickBox { width:100%; }
.quickBox ul { width:100%; }
.quickBox ul li { position:relative; float:left; width:33.3%; height:350px; padding:33px 30px; box-sizing:border-box; }

.quickBox ul li .moreBtn { position:absolute; bottom:110px; width:110px; height:40px; line-height:40px; border-radius:30px; color:#ffd40c; background:#1f4987; text-align:center; }
.quickBox ul li .moreBtn a { width:100%; height:100%; color:#ffd40c; font-family:NotoSans-Medium, "본고딕 미디엄"; display:block; }

.quickBox ul li.quickBox1 { background:#e3e8eb url(/images/eng/main/chairman_pic24.png) no-repeat center right;  }
.quickBox ul li.quickBox2 { background:#275ba8 url(/images/eng/main/member_icon.png) no-repeat bottom center; color:#fff; }
.quickBox ul li.quickBox3 { background:#4095de url(/images/eng/main/history_icon.png) no-repeat bottom center; color:#fff; }

.quickBox ul li.quickBox1 h1 { margin-bottom:10px; }
.quickBox ul li.quickBox2 h1,
.quickBox ul li.quickBox3 h1 { color:#fff; margin-bottom:10px; }



@media(max-width:1024px){	
	.quickBox ul li { position:relative; float:none; width:100%; height:350px; padding:33px 30px; box-sizing:border-box; margin-bottom:30px; }
	
}


/* 상임위원회 */
.committee { width:100%; }
.committee h1 { background:url(/images/eng/main/mBlt.gif) no-repeat center left; padding-left:20px; margin-bottom:18px;}
.committee ul li { position:relative; float:left; width:33.3%; height:278px; }
.committee ul li span.bar { position:absolute; bottom:0; width:100%; height:60px; line-height:60px; background:rgba(0, 0, 0, 0.6); font-family:NotoSans-Medium, "본고딕 미디엄"; color:#fff; font-size:130%; text-align:center; letter-spacing:-1px; }

.committee ul li.committee1 { background:url(/images/eng/main/standingcommittee_img1.jpg?v=1.2) no-repeat 50% 50% /cover; }
.committee ul li.committee2 { background:url(/images/eng/main/standingcommittee_img2.jpg?v=1.2) no-repeat 50% 50% /cover; }
.committee ul li.committee3 { background:url(/images/eng/main/standingcommittee_img3.jpg?v=1.2) no-repeat 50% 50% /cover; }

@media(max-width:1024px){	
	.committee ul li { position:relative; float:none; width:100%; height:278px; margin-bottom:30px; }
	
}





/* 하단 */
#bottom #bottomarea address { color:#ccc; padding-top:40px; box-sizing:border-box; margin:0 0 10px 20px; }
#bottom #bottomarea address span { margin-right:20px; }

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

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


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



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


@media (max-width:768px){
	#bottom .bottomLink { display:none; }
	
	
	#bottom #bottomarea .bottomMenu { width:100%; text-align:center; font-size:95%; letter-spacing:-1px; }
	#bottom #bottomarea .bottomMenu ul li { float:none; display:inline; line-height:1.8;  }	
	
	#bottom #bottomarea address { color:#ccc; margin:0 0 10px 20px; }
	#bottom #bottomarea address span { margin-right:20px; }
	
	#bottom #bottomarea .copyright { font-size:90%; font-family:Arial, Helvetica, sans-serif; color:#ccc; margin:0 0 0 20px; } 
	
	#bottom #bottomarea .topbtn { position:absolute; right:0; bottom:0; }
}

@media (max-width:425px){
	#bottom #bottomarea address { text-align:center; margin:0 0 10px 0px; }
	#bottom #bottomarea address span:first-child { display:block; margin-bottom:5px;}
	#bottom #bottomarea address span { text-align:center; margin-right:20px; }
	
	#bottom #bottomarea .copyright { text-align:center;  margin:0; } 
	
	#bottom #bottomarea .topbtn { position:absolute; right:0; bottom:0; }
}