#contents-in{margin:45px auto 0}

.main{
	display:block;
	width:100%;
	max-width:1096px;
	margin:30px auto 100px;
	padding:0;
}

.page-head{padding:30px 0;position:relative;color:#03234C;}
.page-head h2{display:inline;margin-right:20px;font-size:60px;font-weight:bold}
.page-head h3{display:inline;font-size:30px;font-weight:bold}

#tab-btns{position:relative}
#tab-btns li{float:left;margin-right:8px;display:inline;text-align:center;background:#a3a3a3;width:176px;font-size:140%;letter-spacing: 0.04em;}
#tab-btns li a{color:#FFF;display:block;width:176px;outline:none;text-decoration:none;padding:20px 0}
#tab-btns li.active a{color:#040a26;background:#EEE}

#modal{display:block;width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999;text-align:center;background:rgba(0,0,0,0.8)}

#nojs .tab{display:block;}
.tab,#nojs #tab-btns{display:none;}

@media only screen and (max-width: 900px) {
	.main{
		width:auto;
		margin:30px 10px 60px;
	}
}

@media only screen and (max-width: 900px) {
#contents-in{margin:10px auto 0}	
}

@media only screen and (max-width: 900px) {

	.page-head h2{display:inline;font-size:30px;margin:0}
	.page-head h3{display:block;font-size:20px;margin-top:-10px}

	#tab-btns{margin:0 -1% 0 0}
	#tab-btns li{width:24%;font-size:100%;margin:0 1% 0 0}
	#tab-btns li a{color:#FFF;display:block;width:100%;margin-right:4px;padding:10px 0}
	.page-head h2{display:inline;font-size:40px;margin:0}
	.page-head h3{display:block;font-size:20px;margin-top:-10px}

}