@charset "utf-8";

.logo strong{margin:3px 0 0; line-height:50px;}

#topmenu{padding:0 0 0 550px;}
#topmenu > li{width:20%;}
#top .inner {width: 1400px; padding-left: 0;}
#topmenu>li:last-child {display: block;}
#header .inner {width: 1400px;}
#topmenu>li {width: calc(100% / 4);}

#fontSize {margin-top: 0;}

#footer{padding:40px 0; background:#333; color:#c2c2c2; border-top:1px solid #e5e5e5;}
#footer .info{padding:0;}
#footer .logo strong{padding:0; color: #c2c2c2;}
#footer .copyright{color:#999;font-family:'score';font-size: 14px;}
#footer address {color:#e5e5e5;font-family:'score';font-size: 16px;}
#footer .inner {width: 1400px;margin: 0 auto;box-sizing: border-box;}
#footer div.bottom-box {width: 800px;}
#footer .logo {top: -7px;}

#submenu .sm_tit{padding:0;}
#submenu .sm_tit h2{vertical-align:middle;}
#submenu .sm_tit:before,
#submenu .sm_tit h2:after{display:none;}

#submenu .depth2 > li > a{min-height:60px; height:auto; line-height:110%;}
#submenu .depth2 > li > a span{padding-top:5px; padding-bottom:8px;}
#submenu .depth2 > li > a span{font-size: 16px;}

.btn_menu {z-index: 96; position: absolute; top: 38px; right: 0rem; width: 75px; height: 60px;box-shadow: none;border-radius: 50%; background: none; align-items: center;}

#topmenu>li:hover>a, #topmenu>li>a:hover, #topmenu>li>a:active, #topmenu>li>a:focus, 
#topmenu>li.current_on>a {color: #307965;}
#menuArea .bar {background: #307965;}
#topmenu li:focus .menu, #topmenu li:hover .menu {background: #f0f7f5;}


@media (max-width: 1700px) {
    #btn_top {left: auto; right: 0;top: -80px;}
    .inner {width: 100% !important;}
}
@media (max-width:1400px) {
	#footer .inner {width: 100%;}
	#footer .logo {position: static;}
	#footer .info {padding: 0; text-align: center;}
	#footer div.bottom-box {width: auto;text-align: center;}
}
@media all and (max-width:1080px) {
	#header .inner {width: 100% !important;}
	.btn_menu {top: 9px;}
	.logo strong {margin: 0;}
}
@media all and (max-width:1024px) {
    .logo strong{margin:1px 0 0; line-height:43px;}
    
    .m_menu > ul > li > a{height:auto; line-height:110%; padding:22px 0 22px 1em;}
    .m_menu > ul > li > div > ul > li > a{height:auto; line-height:110%; padding:22px 0 22px 30px;}	
}
@media all and (max-width:768px) {
    .btn_menu {top: 4px;}
    
    .logo strong{margin:2px 0 0; line-height:35px;}
    
    #footer{padding:35px 0;}
    #footer .info{padding:0;}
    
    .m_menu > ul > li > a{padding:17px 0 17px 0.7em;}
    .m_menu > ul > li > div > ul > li > a{padding:17px 0 17px 20px;}
    
    #pageInfo .btn_wrap{display:none;}
	
	#footer address {font-size: 14px; line-height: 1.618;}	

    .btn_menu {top: 3px;}
}
@media all and (max-width:580px) {
    .m_menu .logo strong {font-size: 15px;}

}
@media all and (max-width:380px) {
    #btn_top{top:-60px;}
    .logo strong {font-size: 16px;}	
	
}


/* 서브페이지 레이아웃 */
#content div.pageTitle h3 {font-size: 40px; font-weight: 600; line-height: 1;}
#content div.pageTitle .btn_wrap > * {display: inline-block; width: 50px; height: 50px; border-radius: 50%; margin: 0 0 0 10px; background: #fff url(/council/images/common/ico_btns.png) no-repeat top 17px center; font-size: 0; text-indent: -999px; vertical-align: top; box-sizing: border-box; border-radius: 20px; border: 1px solid #ccc;}
#content div.pageTitle .btn_wrap a {background-position: bottom 17px center;}
.util_wrap {float: right; padding: 9px 0 0;}
div.pageTitle {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 0 0 29px; margin: 0 0 50px; background: url(/council/images/common/patt_line.png) repeat-x right bottom;}
#pageInfo {position: relative; height: 100%;}

#sub_default {padding: 0;}

@media (max-width: 1080px) {
    #pageInfo {padding: 0;}
	.location span:before {margin: 0;}
}
@media (max-width: 568px) {
    #pageInfo {padding: 0;}
    .location span:before {margin: 0;}
    #content div.pageTitle h3 {font-size: 30px;}
}