@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;}	
}

@media all and (max-width:380px) {
    #btn_top{top:-60px;}
}



/* 서브페이지 레이아웃 */
#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(../../../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(../../../images/common/patt_line.png) repeat-x right bottom;}
#pageInfo {position: relative; height: 100%;}

#sub_default {padding: 0;}

.intro .pic_wrap{position:relative; box-sizing:border-box; padding:48px 0 0;}
.intro .pic_wrap .pic{z-index:1; position:absolute; bottom:0; right:82px;}
.intro .txt{box-sizing:border-box; padding:0 0 0 50px;}
.intro .txt .t1{position:relative; line-height:125%; font-size:32px;}
.intro .txt .t1:before,
.intro .txt .t1:after{content:''; position:absolute; top:20px; left:391px; width:60px; height:1px; background:#dfdfdf;}
.intro .txt .t1:after{top:10px; left:461px; width:26px; height:20px; background:url(../../../images/kr/intro/bg_t1.gif) no-repeat;}
.intro .txt .t1 .blue{color:#4474c4;}
.intro .txt .t2{margin:20px 0 71px; color:#777;}

.intro .name{position:relative; height:110px; line-height:110px; box-sizing:border-box; padding:0 0 0 50px; margin:0 0 45px; border-radius:55px 0 0 0; background:url(../../../images/kr/intro/bg_name1.jpg) no-repeat; background-size:cover; color:#fff; font-size:18px;}
.intro .name:before,
.intro .name:after{content:'jeonju city council'; position:absolute; top:-25px; left:50px; display:block; line-height:100%; font-family:'gmarket'; font-size:30px; font-weight:900; text-transform:uppercase; -webkit-text-stroke:1px #d0e2f5; color:#fff; letter-spacing:1.5px;}
.intro .name:after{content:''; top:-189px; left:auto; right:74px; width:256px; height:189px; background:url(../../../images/kr/intro/bg_name2.png) no-repeat bottom right;}
.intro .name br {display: none;}
.intro .name span{margin:0 0 0 17px; vertical-align:bottom;}

.intro .greeting p{padding:0 0 26px;}
#footer .info {padding: 0px 0 0 300px;}

@media (max-width: 1400px) {
	#footer .info {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;}
}