@charset "utf-8";

.logo div .big { margin: 0px; font-weight: 100; }
.logo div .big strong { font-weight: 400; color: #003565; }

#topmenu { padding: 0; }
#topmenu > li { width: 25%; }

#footer { clear: both; }
#footer .info { float: none; text-align: center; } 
#footer address, 
#footer .copyright { color: #fff; font-weight: 100; }
#footer .copyright { font-size: 12px; }

/* sub */
#subVisual .img { width: 100%; min-height: auto; height: 255px; background: #f6f6f6; text-indent: 0; font-size: 0; }
#subVisual .slogan { text-align: center; height: 95px; }
#subVisual .slogan h2 { font-family: 'NotoSans'; font-weight: 400; font-size: 29px; color: #eb8a0c; margin-bottom: 10px; }
#subVisual .slogan h2:after { display: none; }
#subVisual .slogan h2 span { display: block; font-family: 'Nanum Myeongjo'; font-size: 33px; font-weight: 700; color: #fff; margin-top: 5px; }

#location { background-color: #f4f4f4; border-color: #ececec; }
#location a { border-right: 1px solid rgba(85, 85, 85, .15); background: url("/images/member/sub/icon_home.png") center no-repeat; }
#location span { font-size: 17px; font-weight: 100; color: #545454; border-right: 1px solid rgba(85, 85, 85, .15); }
#location span:after { background: url("/images/member/sub/icon_arrow.png") right center no-repeat; }

#submenu { width: 230px; }
#submenu .sm_tit { background: #145dc1 url("/images/member/sub/bg_sm_tit.png") center top no-repeat; line-height: 120px; height: 120px; }
#submenu .depth2 li { margin-top: 1px; }
#submenu .depth2 > li > a { border-color: #f4f4f4; background-color: #f4f4f4; color: #434343; }
#submenu .depth2 > li > a:after { background-image: none; }
#submenu .depth2 > li > a:hover, 
#submenu .depth2 > li > a:focus, 
#submenu .depth2 > li > a:active, 
#submenu .depth2 > li.current_on > a { background-color: #696969; border-color: #696969; }

#subContent { margin-top: 0px; }
#subContent #content { width: calc(100% - 230px); }
#subContent #content > .wrap { padding-left: 50px; }

#pageTitle h3 { font-size: 35px; text-align: center; padding-bottom: 20px; }
#pageTitle h3:after { width: 100%; background-color: #e5e5e5; }


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

	.m_menu .logo div .big strong { color: #fff; }
	.m_menu .logo div .big { display: inline; }
	
	#header .logo > a { display: inline-block; width: auto; }

	#subVisual { display: none; }

	#location span { padding: 0 10px 0 10px; }

	#subContent { }
	#subContent #content { width: 100%; }
	#subContent #content > .wrap { padding-left: 0px; }
	
	#pageTitle h3 { font-size: 30px; padding: 20px 0px; }

}


@media all and (max-width: 768px) {
	
	/*#header .logo > a { width: 230px; }*/

	#subContent {  } 
	
	#pageTitle h3 { font-size: 24px; padding: 10px 0px; }

}
@media all and (max-width: 530px) {

	#top .global > li > a { font-size: 14px; }

}
@media all and (max-width: 457px) {

	#top .global > li > a { font-size: 14px; }

}