@charset "utf-8";


/* 레이아웃 */
#ujbclwrap { min-width:1280px; width:100%; }
#top { position:relative; width:100%; height:174px; border-bottom:1px solid #eee; background: url(/images/egovframework/com/svc/memberhome/inc/top_bg.gif) repeat-x; }
	#toparea { position:relative; width:1280px; height:229px; margin:0 auto; overflow:visible } 
	
#container { position:relative; width:100%; z-index:2; }
	.containerarea { position:relative; width:1280px; padding:0 0 100px 0; margin:0 auto; }
	
	
#bottom { width:100%; background:#3a3e59; color:#fff; }
	#bottomarea { position:relative; width:1280px; padding:40px 0 90px 0; margin:0 auto; z-index:3;}
	

@media (min-width:1025px) and (max-width:1281px){
	#ujbclwrap { min-width:100%; width:100%; }
	#top { position:relative; width:100%; height:174px; border-bottom:1px solid #eee; background: url(/images/egovframework/com/svc/memberhome/inc/top_bg.gif) repeat-x; }
		#toparea { position:relative; width:100%; height:229px; margin:0 auto; overflow:visible } 
		
	#container { position:relative; width:100%; z-index:2; }
		.containerarea { position:relative; width:100%; padding:0 0 100px 0; margin:0 auto; }
		
		
	#bottom { width:100%; background:#3a3e59; color:#fff; }
		#bottomarea { position:relative; width:100%; padding:40px 0 90px 0; margin:0 auto; z-index:3;}
}




@media (min-width:769px) and (max-width:1024px){
	html, body, #ujbclwrap { min-width:100%; width:100%; height:100%; }
		
	#top { position:relative; width:100%; height:97px; border-bottom:1px solid #eee; background:#fff; }
		#toparea { position:relative; width:100%; height:97px; margin:0 auto; overflow:visible }
	
	#container { position:relative; width:100%; z-index:2; }
		.containerarea { position:relative; width:100%; padding:0 30px 50px 30px; box-sizing:border-box; }
			
	#bottom { width:100%; background:#3a3e59; }
		#bottomarea { position:relative; width:100%; padding:40px 30px 90px 30px; box-sizing:border-box; margin:0 auto; }

}


@media (max-width:768px){
	html, body, #ujbclwrap { min-width:100%; width:100%; height:100%; }
		
	#top { position:relative; width:100%; height:65px; border-bottom:1px solid #eee; background:#fff; }
		#toparea { position:relative; width:100%; height:65pxx; margin:0 auto; overflow:visible }
	
	#container { position:relative; width:100%; z-index:2; }
		.containerarea { position:relative; width:100%; padding:0 15px 50px 15px; box-sizing:border-box; }
			
	#bottom { width:100%; background:#3a3e59; }
		#bottomarea { position:relative; width:100%; padding:40px 15px 90px 15px; box-sizing:border-box; margin:0 auto; }
}



/* 바로가기 */
ul.skipUl { position:absolute; top:0; width:100%; height:0; z-index:1000; }
ul.skipUl li a { width:1px; height:1px; margin-bottom:-1px; text-align:center; color:#fff; white-space:nowrap; overflow:hidden; display:block; }

ul.skipUl li.li1 a:focus, 
ul.skipUl li.li1 a:active{  width:100%; height:30px; line-height:30px; display:block; background:#da131a;}
ul.skipUl li.li2 a:focus, 
ul.skipUl li.li2 a:active{  width:100%; height:30px; line-height:30px; display:block; background:#1757b7;}






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



@media (min-width:769px) and (max-width:1024px){
	#top h1.title { left:calc(50% - 234px); top:15px;  }
	#top h1.title a img { height:67px; }
	
}


@media (max-width:768px){
	#top h1.title { left:calc(50% - 130px); top:15px; }
	#top h1.title img { width:230px; }
}



/* 모바일용 상단 버튼 */
.mobileTopBtn { display:none; }

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


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



/* 모바일용 외부 링크 */
.mobileLink { display:none; }

@media (min-width:769px) and (max-width:1024px){
	.mobileLink { position:absolute; left:0; top:98px; width:100%; border-top:1px solid #ccc; border-bottom:1px solid #666; background:#fff; z-index:10; }
	.mobileLink ul { width:100%; overflow:hidden; }
	.mobileLink ul li { float:left; width:33%; height:50px; line-height:50px; background:url(/images/egovframework/com/svc/council/inc/mobileTopBtn_bgline.gif) no-repeat right bottom; text-align:center; font-size:90%; letter-spacing:-1px; }
	.mobileLink ul li:last-child { width:34%; }
}


@media (max-width:768px){
	.mobileLink { position:absolute; left:0; top:66px; width:100%; border-top:1px solid #ccc; border-bottom:1px solid #666; background:#fff; z-index:10; }
	.mobileLink ul { width:100%; overflow:hidden; }
	.mobileLink ul li { float:left; width:33%; height:50px; line-height:50px; background:url(/images/egovframework/com/svc/council/inc/mobileTopBtn_bgline.gif) no-repeat right bottom; text-align:center; font-size:90%; letter-spacing:-1px; }
	.mobileLink ul li:nth-child(2),
	.mobileLink ul li:nth-child(5),
	.mobileLink ul li:nth-child(8),
	.mobileLink ul li:nth-child(11),
	.mobileLink ul li:nth-child(14),
	.mobileLink ul li:nth-child(17) { width:34%; }
}


/* 상단링크1 */
.underLink { position:relative; float:left; }
.underLink ul { overflow:hidden; }
.underLink ul li { float:left; height:54px; line-height:54px; padding:0 16px 0 15px; background:url(/images/egovframework/com/svc/council/inc/topmenu_line.gif) no-repeat right 50%; }
.underLink ul li:last-child { background:none; }
.underLink ul li a:link,
.underLink ul li a:visited { color:#ccc; }
.underLink ul li a:active,
.underLink ul li a:focus,
.underLink ul li a:hover { color:#5c8bff; }


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

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


/* 폰트설정 */
.fontszie { float:right; }
.fontszie ul { border-left:1px solid #404a62; overflow:hidden; }
.fontszie ul li { float:left; width:54px; height:54px; border-right:1px solid #404a62; }
.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:#2f4a6e; }

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



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


/* 사이드메뉴 */
.sidemenu { position:relative; float:right; font-size:85%; margin-top:40px; margin-right:15px; }
.sidemenu ul {}
.sidemenu ul li { float:left; margin-left:20px; }
.sidemenu ul li a:link,
.sidemenu ul li a:visited { color:#ccc;  }
.sidemenu ul li a:active,
.sidemenu ul li a:focus,
.sidemenu ul li a:hover { color:#202c4a; }

.sidemenu ul li:nth-child(2) { padding-right:15px; background:url(/images/egovframework/com/svc/council/inc/language_blt.gif) no-repeat right 9px; }
.sidemenu ul li ul { position:absolute; right:0px; top:25px; width:240px; height:50px; line-height:50px; padding:0 15px; border:1px solid #eee; background:#fff; overflow:hidden; display:none; z-index:10; }
.sidemenu ul li ul li { float:left; padding:0 10px; margin:0; }
.sidemenu ul li ul li:nth-child(2) { padding:0 10px; background:none; }
.sidemenu ul li ul li a:link,
.sidemenu ul li ul li a:visited { color:#999; }
.sidemenu ul li ul li a:active,
.sidemenu ul li ul li a:focus,
.sidemenu ul li ul li a:hover { color:#1757b7; }



@media (min-width:769px) and (max-width:1024px){
	.sidemenu { position:relative; float:right; font-size:85%; margin-top:20px; margin-right:20px; }	 	
}


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




/* gnb 메뉴 */
#menu { position:absolute; right:65px; top:102px; }
#topMenu { position:relative; }

#topMenu li { float:left; width:auto; text-align:center; display:inline-block; padding:0; margin:0; }

#topMenu li ul { display:none; }



#topMenu li a:link,
#topMenu li a:visited { width:auto; height:90px; vertical-align:top; background:none; padding:0 40px 0 40px; margin:0; color:#333; text-decoration:none; font-size:125%; display:block; box-sizing:border-box; font-family:NotoSans-Medium, "본고딕 미디엄"; letter-spacing:-1px; }
#topMenu li a:active,
#topMenu li a:focus,
#topMenu li a:hover,
#topMenu li a.select { padding-bottom:10px; color:#113d8e;  background:url(/images/egovframework/com/svc/council/inc/menu_blt_on.gif) no-repeat 50% 40px;  }

/*
#topMenu li ul li a:link,
#topMenu li ul li a:visited { width:auto; height:50px; line-height:50px; vertical-align:top; background:none; padding:0 16px 0 15px; margin:0; color:#333; text-decoration:none; font-size:125%; display:block; box-sizing:border-box; font-family:NotoSans-Medium, "본고딕 미디엄"; letter-spacing:-1px; }
#topMenu li ul li a:active,
#topMenu li ul li a:focus,
#topMenu li ul li a:hover,
#topMenu li ul li a.select { padding-bottom:0px; color:#113d8e; }
*/


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


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



/* 서브메뉴 표시 */
/*
#topMenu li .mp { position:absolute; left:-298px; top:59px; width:278px; height:136px; z-index:1001; }
#topMenu li .mp .mparea { position:absolute; right:0; width:500%; height:136px; background:#f4f4f4; }
#topMenu li .mp .mparea .st { position:absolute; right:134px; top:30px; padding:0; margin:0; color:#113d8e; font-size:170%; font-family:NotoSans-Medium, "본고딕 미디엄"; letter-spacing:-1px; }
#topMenu li .mp .mparea .ss { position:absolute; right:134px; top:70px; padding:0; margin:0; color:#333; letter-spacing:-1px; }
#topMenu li .mp .mparea .mpicon1 { position:absolute; right:0px; top:-15px; width:81px; height:111px; background:url(/images/inc/submenu_icon1.png) no-repeat right 50%; }
#topMenu li .mp .mparea .mpicon2 { position:absolute; right:0px; top:-15px; width:93px; height:111px; background:url(/images/inc/submenu_icon2.png) no-repeat right 50%; }
#topMenu li .mp .mparea .mpicon3 { position:absolute; right:0px; top:-15px; width:93px; height:111px; background:url(/images/inc/submenu_icon3.png) no-repeat right 50%; }
#topMenu li .mp .mparea .mpicon4 { position:absolute; right:0px; top:-15px; width:91px; height:111px; background:url(/images/inc/submenu_icon4.png) no-repeat right 50%; }
#topMenu li .mp .mparea .mpicon5 { position:absolute; right:0px; top:-15px; width:95px; height:111px; background:url(/images/inc/submenu_icon5.png) no-repeat right 50%; }
#topMenu li .mp .mparea .mpicon6 { position:absolute; right:0px; top:-15px; width:99px; height:111px; background:url(/images/inc/submenu_icon6.png) no-repeat right 50%; }
#topMenu li .mp .mparea .mpicon7 { position:absolute; right:0px; top:-15px; width:98px; height:111px; background:url(/images/inc/submenu_icon7.png) no-repeat right 50%; }
#topMenu li .mp .mparea .mpicon8 { position:absolute; right:0px; top:-15px; width:91px; height:111px; background:url(/images/inc/submenu_icon8.png) no-repeat right 50%; }


#topMenu li ul { position:absolute; left:0px; top:59px; width:922px; height:136px; padding:25px 0 0 0px; box-sizing:border-box; background:#fff; clear:both; z-index:1000; }
#topMenu li ul li { float:left; position:relative; width:auto; height:40px; line-height:40px; padding:0 0 0 33px; background:url(/images/inc/submenu_blt.gif) no-repeat 19px 17px; text-align:left; margin:0 20px 0 0; display:block; }

#topMenu li ul li.submenu_title { font-size:180%; color:#fff; padding:0 0 15px 50px; border:0; }
#topMenu li ul li.twoline { padding:10px 0 38px 50px; }



#topMenu li ul li a:link,
#topMenu li ul li a:visited { width:auto; height:auto; padding:0; text-decoration:none; color:#333; font-size:105%; margin:0; background:none; border:0; display:inline-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; text-decoration:none; color:#1757b7; }

#topMenu li ul li a.slnk:link,
#topMenu li ul li a.slnk:visited,
#topMenu li ul li a.slnk:active,
#topMenu li ul li a.slnk:hover,
#topMenu li ul li a.slnk:focus { clear:both; display:block; color:#1757b7; }


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

.menubox { position:absolute; left:0; top:161px; width:100%; height:136px; border-bottom:3px solid #0b2d74; background:#fff; display:none; z-index:100; }


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

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


*/



/* 사이드메뉴2 - 상단검색버튼 */
.sidemenu2 { position:absolute; right:15px; top:104px; }
.sidemenu2 ul { overflow:hidden; }
.sidemenu2 ul li { float:left; margin-left:35px;  }


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


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





/* 상단검색 */
.topSearch { position:absolute; left:0; top:175px; width:100%; height:152px; background:url(/images/egovframework/com/svc/council/inc/topsearch_bg.png); z-index:10; display:none; }
.topSearch .topSearcharea { position:relative; width:990px; height:93px; padding-top:36px; box-sizing:border-box; border-bottom:1px solid #000; margin:0 auto; }
.topSearch .topSearcharea .text_topsearch { width:calc(100% - 67px); height:57px; line-height:57px; font-size:120%; padding-left:10px; border:none; background:none;  }
.topSearch .topSearcharea .topsearch_btn { position:absolute; right:0; bottom:0; }


@media (min-width:769px) and (max-width:1024px){
	.topSearch { top:98px; border-top:1px solid #ccc; border-bottom:1px solid #999; } 
	.topSearch .topSearcharea { width:calc(100% - 40px); }
	.topSearch .topSearcharea .text_topsearch { width:calc(100% - 67px); height:57px; line-height:57px; font-size:120%; padding-left:10px; border:none; background:none;  }
}



@media (max-width:768px){
	.topSearch { top:65px; height:100px; border-top:1px solid #ccc; border-bottom:1px solid #999; }
	.topSearch .topSearcharea { width:calc(100% - 30px); height:77px; padding-top:19px;  }
	.topSearch .topSearcharea .text_topsearch { width:calc(100% - 67px); height:57px; line-height:57px; font-size:120%; padding-left:10px; border:none; background:none;  }
}







/* 포토갤러리 */
/* 포토갤러리 */
/* 포토갤러리 */


/* 메인 비주얼 */
#visiblePhoto { position:relative; width:100%; height:auto; padding:40px 20px; box-sizing:border-box; background:#333; margin-bottom:50px; }
#visiblePhoto .visibleList { position:relative; width:100%; height:auto; overflow:hidden; }
#visiblePhoto .visibleList .list { position:relative; float:left; width:calc(50% - 40px); height:auto; border-radius:20px; overflow:hidden;  margin:0 20px; }
#visiblePhoto .visibleList .list a { position:relative; width:100%; height:100%; border-radius:20px; overflow:hidden; display:flex; align-items:center; }
#visiblePhoto .visibleList .list img { width:100%; height:auto; border-radius:20px 20px 0 0; margin:auto; display:block;  }
#visiblePhoto .visibleList .list .bar { position:absolute; left:0; bottom:0; width:100%; height:40px; line-height:40px; padding:0 15px; box-sizing:border-box; background:rgba(0,0,0,0.9); color:#fff; text-align:center; }
#visiblePhoto .visibleList .list .bar .subject { font-weight:bold; margin-right:15px; }
#visiblePhoto .visibleList .list .bar .date { color:#ccc; }


#visiblePhoto .visibleList .slick-track { align-items : center; }


#visiblePhoto .bar2 { position:absolute; left:calc(50% - 100px); bottom:80px; width:200px; height:40px; line-height:40px; border-radius:20px; background:rgba(17, 61, 142, 0.6); z-index:1001; }


#visiblePhoto .slick-prev,
#visiblePhoto .slick-next { position:absolute; bottom:53px; width:9px; height:15px; line-height:15px; border:none; font-size:0; cursor:pointer; display:block; z-index:1003; }

#visiblePhoto .slick-prev { left:calc(50% + 5px); background:url(/images/egovframework/com/svc/multimedia/main/visible_btn_prev.gif) no-repeat; }
#visiblePhoto .slick-next { left:calc(50% + 52px); background:url(/images/egovframework/com/svc/multimedia/main/visible_btn_next.gif) no-repeat; }




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


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


.slick-track {
  display: flex !important;
}

.slick-slide {
  height: auto;
}




@media (max-width:1281px){
	#visiblePhoto { padding:20px 10px; }
	#visiblePhoto .visibleList .list { width:calc(50% - 20px); margin:0 10px; }
	#visiblePhoto .bar2 { bottom:60px; }
}










/* 메인 최근 사진 */
.newPhoto { width:100%; }
.newPhoto .newPhoto_top { width:100%; text-align:center; margin-bottom:25px; }
.newPhoto .newPhoto_top h1 { font-size: 150%; font-family: NotoSans-Medium, "본고딕 미디엄"; letter-spacing: -1px; color: #000; }
.newPhoto .newPhoto_top h1 a { padding-left:20px; font-size:70%; display:inline;font-family:NotoSans-DemiLight, "본고딕 데미라이트";  }

.newPhoto .newPhoto_body { width:100%;  }
.newPhoto .newPhoto_body ul { width:100%; padding:10px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.newPhoto .newPhoto_body ul li { float:left; width:25%; padding:0 20px; box-sizing:border-box; margin:20px 0 20px 0; }
.newPhoto .newPhoto_body ul li .pic { width:100%; height:0; padding-top:calc(280 / 400 * 100%); display:block; }
.newPhoto .newPhoto_body ul li .pic img { width:100%; height:100%; }
.newPhoto .newPhoto_body ul li .inbox { width:100%; height:95px; padding:15px 10px; border:1px solid #ddd; border-top:none; box-sizing:border-box; }
.newPhoto .newPhoto_body ul li .inbox a:link,
.newPhoto .newPhoto_body ul li .inbox a:visited { color:#333; font-size:110%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block;  }
.newPhoto .newPhoto_body ul li .inbox a:active,
.newPhoto .newPhoto_body ul li .inbox a:focus,
.newPhoto .newPhoto_body ul li .inbox a:hover { color:#1757b7; }


@media (min-width:768px) and (max-width:1200px){
	.newPhoto .newPhoto_body { width:99%;  }
	.newPhoto .newPhoto_body ul li { float:left; width:33%; padding:0 20px; box-sizing:border-box; margin:20px 0 20px 0; }
}

@media (max-width:767px){ 
	.newPhoto .newPhoto_top { margin-bottom:15px; }
	
	.newPhoto .newPhoto_body ul li { float:left; width:50%; padding:0 10px; box-sizing:border-box; margin:15px 0 15px 0; }
	
	.newPhoto .newPhoto_body ul li .inbox a:link,
	.newPhoto .newPhoto_body ul li .inbox a:visited { font-size:100%; }

	.newPhoto .newPhoto_body ul li .inbox .date { font-size:90%; }
}




@media (max-width:425px){ 
	.newPhoto .newPhoto_body ul li { float:none; width:100%; height:auto; margin:15px 0 15px 0; }

}













/* 하단 */
#bottom #bottomarea .logo { float:left; width:280px; }

#bottom #bottomarea .bottom_right { float:left; width:calc(100% - 280px); padding-top:10px;  }

#bottom #bottomarea .bottom_right .bottomMenu { margin-bottom:30px; }
#bottom #bottomarea .bottom_right .bottomMenu ul { width:100%; overflow:hidden; }
#bottom #bottomarea .bottom_right .bottomMenu ul li { float:left; padding:0 16px 0 15px; background:url(/images/egovframework/com/svc/council/inc/bottom_menu_line.gif) no-repeat right 50%; }
#bottom #bottomarea .bottom_right .bottomMenu ul li:first-child { padding-left:0; }
#bottom #bottomarea .bottom_right .bottomMenu ul li:last-child { background:none; }

#bottom #bottomarea .bottom_right .bottomMenu ul li a:link,
#bottom #bottomarea .bottom_right .bottomMenu ul li a:visited { color:#555; }
#bottom #bottomarea .bottom_right .bottomMenu ul li a:active,
#bottom #bottomarea .bottom_right .bottomMenu ul li a:focus,
#bottom #bottomarea .bottom_right .bottomMenu ul li a:hover { color:#caa970; }

#bottom #bottomarea .bottom_right .bottomMenu ul li:nth-child(2) a:link,
#bottom #bottomarea .bottom_right .bottomMenu ul li:nth-child(2) a:visited { color:#c59c55; }
#bottom #bottomarea .bottom_right .bottomMenu ul li:nth-child(2) a:active,
#bottom #bottomarea .bottom_right .bottomMenu ul li:nth-child(2) a:focus,
#bottom #bottomarea .bottom_right .bottomMenu ul li:nth-child(2) a:hover { color:#90661d; }

#bottom #bottomarea .bottom_right address { margin-bottom:5px; }
#bottom #bottomarea .bottom_right address span { margin-right:20px; }

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

#bottom #bottomarea .topbtn { position:absolute; right:0; top:0; }


#bottom #bottomarea address span a:link,
#bottom #bottomarea address span a:visited { color:#fff; }
#bottom #bottomarea address span a:active,
#bottom #bottomarea address span a:focus,
#bottom #bottomarea address span a:hover { color:#f9ac66; }


@media (min-width:769px) and (max-width:1024px){
	#bottom #bottomarea .logo { float:left; width:200px; }

	#bottom #bottomarea .bottom_right { width:calc(100% - 200px); }

	#bottom #bottomarea .bottom_right address { font-size:90%; }
	#bottom #bottomarea .bottom_right .copyright { font-size:85%;  } 

	#bottom #bottomarea .topbtn { right:20px; top:-20px; z-index:10; }
}


@media (max-width:767px){
	#bottom #bottomarea .logo { float:none; width:100%; text-align:center; margin-bottom:30px; }
	#bottom #bottomarea .bottom_right { float:none; width:100%; padding-top:0px;  }
	
	#bottom #bottomarea .bottom_right .bottomMenu { overflow:auto; font-size:90%; }
	#bottom #bottomarea .bottom_right .bottomMenu ul { width:330px; margin:0 auto; text-align:center; }

	#bottom #bottomarea .bottom_right .bottomMenu ul li:nth-child(3) { background:none; }
	#bottom #bottomarea .bottom_right .bottomMenu ul li:nth-child(4),
	#bottom #bottomarea .bottom_right .bottomMenu ul li:nth-child(5) { display:none;  }
	
	#bottom #bottomarea .bottom_right address { text-align:center; margin-bottom:15px; }
	#bottom #bottomarea .bottom_right address span:first-child { display:block; margin-right:20px; }
	
	#bottom #bottomarea .bottom_right .copyright { text-align:center; }
	
	#bottom #bottomarea .topbtn { right:15px; top:-20px; z-index:10; }

}