@charset "utf-8";

.btn_menu,
#search{display:none;}

#header .logo strong{padding:5px 0 0 0; font-weight:500; font-size:27px; color:#000;}
#header .logo span > span{font-size:14px; color:#333;}

@media all and (max-width:1024px) {
	.btn_menu {display:block;}

	#header .logo strong,
	.m_top .logo strong{padding:0; letter-spacing:-2px; font-size:23px;}
	#header .logo span > span,
	.m_top .logo span > span{padding:2px 0 5px 0; font-size:13px;}
}
@media all and (max-width:768px) {
	#header .logo strong,
	.m_top .logo strong{font-size:20px;}
	#header .logo span > span,
	.m_top .logo span > span{font-size: 10.5px;letter-spacing: -0.1px;}
}
@media all and (max-width:380px) {
	#header .logo strong,
	.m_top .logo strong{font-size:19px;}
	#header .logo span > span,
	.m_top .logo span > span{font-size: 10px;letter-spacing: -0.1px;}
}

#topmenu {padding:0 0 0 28%;}
#topmenu > li {width:19%;}
#topmenu > li:nth-child(-n + 3){width:14%;}
#topmenu > li:last-child {display:block;}
#topmenu li.menu1 .tit:after{background-image:url(/images/common/bg_menu2.png);}
#topmenu li.menu2 .tit:after{background-image:url(/images/common/bg_menu1.png);}
#topmenu li.menu3 .tit:after{background-image:url(/images/common/bg_menu5.png);}
#topmenu li.menu4 .tit:after{background-image:url(/images/common/bg_menu3.png);}
#topmenu li.menu5 .tit:after{background-image:url(/images/common/bg_menu8.png);}


#footer {padding-top:45px;}
#footer .info{width:auto; padding-top:6px;}
#footer .logo{padding:0 0 20px;}

.foot_sns{padding:0;}

@media all and (max-width:1530px) {
	.btn_top{top:-27px;}
}
@media all and (max-width:1430px) {
	#footer .logo{left:15px;}
}
@media all and (max-width:1024px) {
	.foot_sns{width:auto;}
}
@media all and (max-width:768px) {
	.btn_top{top:-20px;}

	#footer {padding-top:35px;}
	#footer .info{width:100%;}
	.foot_sns{padding:8px 0;}
}
@media all and (max-width:380px) {
	.btn_top{top:-17px;}
	#footer {padding-top:33px;}
}

#subContent{padding-top:57px;}
#subContent #content{float:right; width:75.64%;}
#container_sub{background:none;}

#pageInfo{width:100%; height:90px; padding:24px 0 0 0; margin:0 0 79px; color:#333; box-sizing:border-box;}
#pageInfo:after{content:''; position:absolute; bottom:0; left:0; width:100%; height:5px; background:url(/images/common/bg_pattern.png) repeat;}
#pageTitle {float:left;}
#pageTitle h3{padding:0; font-size:32px; color:#333;}
.location_wrap{float:right; padding:15px 0 0 0;}
.location{float:left;}
.location span:before{border-color:#333;}
.util_wrap{position:static; float:left; padding:0 0 0 20px; margin:0; border-right:1px solid #ddd;}
.util_wrap .btns{width:55px; height:18px; margin:0; border-radius:0; border:none; border-left:1px solid #ddd; background:url(/images/committee/sub/ico_share.png) no-repeat -47px 0;}
.util_wrap .on .btns,
.util_wrap .btns:hover{border-color:#ddd;}
.util_wrap .btn_share{background-position:16px 0;}
.sns_share.on .btn_share{background-position:17px -39px;}
.sns_share .list{top:25px; border-color:#ddd;}
.sns_share.on .list{top:30px;}

#submenu{margin:0;}
#sub_default{width:100%;}

@media all and (max-width:1024px) {
	#subContent{padding-top:0;}
	#subContent #content{width:100%;}
	
	.location_wrap{padding:5px 0 0 0;}
	.util_wrap .btns{width:45px;}

	#pageInfo{height:auto; padding:35px 0 20px 0; margin:0 0 35px;}
	#pageTitle h3{font-size:30px;}
}
@media all and (max-width:768px) {
	#pageInfo{margin:0 0 30px; padding:30px 0 20px 0;}
	#pageTitle h3{font-size:25px;}
}
@media all and (max-width:568px) {
	#pageInfo{margin:0 0 25px; padding:25px 0 17px 0;}
	#pageTitle{width:100%;}
	#pageTitle h3{font-size:22px;}
	.location_wrap{display:flex; flex-wrap:wrap; justify-content:center; clear:both; width:100%; padding:13px 0 0 0; text-align:center;}
	.location{padding:3px 0 0 0;}
}
@media all and (max-width:380px) {
	#pageInfo{margin:0 0 21px; padding:22px 0 15px 0;}
	#pageTitle h3{font-size:21px;}
}