@charset "utf-8";

#main_page{ background:#f5f5f5; padding: 30px 0; }
.as_tit{overflow: hidden;text-align: left;font-size: 2em;color: #000;font-family: 'GyeonggiTitle';font-weight: bold;vertical-align:bottom; clear:both; margin-bottom:20px; }
.as_tit img{vertical-align:bottom; }
.as_tit2{ display: inline; font-size: 0.75em; color:#555555;vertical-align:bottom; font-weight: normal;}
.as_tit2 span{ font-weight: bold; color:#de1d25; border-bottom:1px solid #de1d25;}
.as_more{ float: right;display: block;font-size: 0.7em;background: #fff;border: 1px solid #ccc;padding: 8px 20px;color: #555;font-weight: normal;}


.as_table{overflow-x:auto; padding-bottom:10px; margin-bottom:20px; padding-right:10px; clear:both;}
.as_table table{ border-collapse: collapse;border-spacing: 0;min-width: 100%; position:relative;box-shadow: 2px 3px 8px #ccc;}
.as_table table caption{ width:0; height:0; overflow:hidden; }
.as_table table th, .as_table table td { padding: 8px 5px; white-space: nowrap; font-size:1.2em; }
.as_table table th{ background:#2d57a6; font-size:1.2em; color:#fff; text-align:center; border-right: 1px solid #fff;}
.as_table table tr th:last-child{border-right:0;}
.as_table table td{ text-align:center; font-size:1.2em; border-right: 1px solid #ccc; border-top:1px solid #ccc; padding: 8px 5px; background:#fff; }
.as_table table td a{ font-size:1.2em; }
.as_table table td.left{text-align:left;}
.as_table table tr td:last-child{border-right:0;}
.as_table table tr:hover{ background-color:#e4e4e4;}

.m_half_wrap{overflow:hidden; background:#fff;}
.m_half{ float:left; width: 50%;}

#man_content{box-shadow: 2px 3px 8px #ccc;}

#main_bbs{padding: 32px;}
.bbs_nav{overflow:hidden; }
.bbs_nav li.navl {float:left; margin-left:5px;}
.bbs_nav li.navr{float:right;}
.bbs_nav li.navr a{border: 1px solid #ccc;width: 30px;height: 30px;display: block;font-size: 20px;color: #666;text-align: center;line-height: 30px;font-weight: normal;}

.tab-btn{margin-bottom: 20px; text-align: center; position: relative;padding: 8px 15px;font-size: 1.3em;color: #fff;border-radius: 10px;display: block;font-family: 'GyeonggiTitle';font-weight: bold;}
.tab-btn.on{background-color: #ff871d;}
.tab-btn{background-color: #555555;}

.tab-btn.on::after{content: '';position: absolute;left: calc( 50% - 6px);top: 100%;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;clear: both;}
.tab-btn.on::after{border-top: 6px solid #ff871d;}
.tab-con ul li {position: relative; padding-left: 10px; margin-bottom: 13px;}
.tab-con ul li:before {content: " ";width: 4px;height: 4px; top: 8px;left: 0px;background: #de1d25;position: absolute;border-radius: 50%;}
.tab-con ul li a span {font-size:1.2em;vertical-align: middle;}
.bbs_tit{display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: calc( 100% - 80px ); vertical-align: middle;}
.bbs_date{display: inline-block;width: 80px; text-align:right;}

#main_qbtn{ padding:35px;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;}
.qbtn_tit{text-align: left;font-size: 1.8em;color: #000;font-family: 'GyeonggiTitle';font-weight: bold;vertical-align: bottom;clear: both;margin-bottom: 20px;}
.qbtn_tit span{display: inline;font-size: 0.75em;color: #555555;vertical-align: bottom;font-weight: normal;}
.qbtn_tit a {border: 1px solid #ccc;width: 30px;height: 30px;display: block;font-size: 20px; color: #666;text-align: center;line-height: 30px;font-weight: normal;float: right;}
.qbtn{ border:1px solid #ccc; background:#f5f5f5; overflow:hidden; height: 60px; float:left; width: calc( 50% - 10px ); margin:5px; }
.qbtn_icon{ float:left; margin: 12px; border-right:1px solid #ccc; padding-right: 15px;}
.qbtn_name{font-family: 'GyeonggiTitle';width : calc( 100% - 105px );float: left; margin: 12px 5px;height: 34px;line-height: 34px;font-size: 1.3em;}
.qbtn_name span{ float:right; font-size: 1.3em;}


#main_sysqbtn{}
.sysqbtn{float: left;width: 50%;height:225px;position:relative;padding:35px;}
#sysqbtn1{background:url(/mimg/sysqbtn_01.png) no-repeat bottom 35px right 35px;background-color:#00a9cd;}
#sysqbtn2{background:url(/mimg/sysqbtn_02.png) no-repeat bottom 35px right 35px;background-color:#48a515;}

.sysqbtn_more{border: 1px solid #fff;width: 30px;height: 30px;display: block;font-size: 20px;text-align: center;line-height: 30px;font-weight: normal;position:absolute;top:35px;right:35px;}
.sysqbtn_more a{color: #fff;}
.sysqbtn_stit{ color:#fff; font-size:1.2em;font-family: 'GyeonggiTitle'; margin-bottom:10px;}
.sysqbtn_tit{ color:#fff; font-size:1.8em;font-family: 'GyeonggiTitle'; margin-bottom:20px;}
.sysqbtn_con{ color:#fff; font-size:1.2em;padding-right: 85px;}

#main_sbbs{padding:35px;}
#main_sbbs ul li {position: relative; padding-left: 10px; margin-bottom: 13px;font-size: 1.2em;}
#main_sbbs ul li:before {content: " ";width: 4px;height: 4px; top: 13px;left: 0px;background: #555555;position: absolute;border-radius: 50%;}

@media screen and (max-width:1120px) {
	.m_half{ width:100%; border-bottom:1px solid #ccc; border-left:0; border-top:0;}
} 
@media screen and (max-width:720px) {
	.qbtn{ width:100%;}
} 

@media screen and (max-width:600px) {
	.sysqbtn{ width:100%;}
} 

@media screen and (max-width:470px) {
	.as_more{  margin-top:10px;}

}