#gw_title {
	text-align:center;
	position:relative;
	padding:50px 0 5%;
}
#gw_title h1 {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	max-width:700px;
	width:98%;
	z-index:10;
	
}
.no1 {
	width:50%;
}
.no2 {
	width:30%;
	position:absolute;
	right:10%;
	top:0;
}
.no3 {
	width:20%;
	position:absolute;
	right:7%;
	bottom:0;
}
.no4 {
	width:25%;
	position:absolute;
	right:30%;
	bottom:15%;
}
.no5 {
	width:20%;
	position:absolute;
	right:27%;
	bottom:17%;
}
.no6 {
	width:45%;
	position:absolute;
	right:10%;
	top:3%;
}

#wrap {
	width:100%;
	background:#FFFFFF;
	position:relative;
}
#read {
	margin:5% auto 5%;
	font-size:20px;
	text-align:center;
	font-weight:bold;
}
@media only screen and (max-width: 750px) {
#gw_title {
	padding:5% 0 0%;
	margin-bottom:0.1%;
}
.no1 {
	width:50%;
}
.no2 {
	width:27%;
	position:absolute;
	right:10%;
	top:0;
}
.no3 {
	width:20%;
	position:absolute;
	right:5%;
	bottom:15%;
}
.no4 {
	width:25%;
	position:absolute;
	right:29%;
	bottom:20%;
}
.no5 {
	width:25%;
	position:absolute;
	right:21%;
	bottom:23%;
	z-index: 1;
}
.no6 {
	width:45%;
	position:absolute;
	right:10%;
	top:3%;
}
}


.list_box li {
	box-sizing:border-box;
	/*padding:0.1%;*/
	line-height:0;
	position:relative;
	transition: .8s;
	
}
.list_box li a {
	display:block;
}
.plus {
	width:15px;
	position:absolute;
	bottom:15px;
	right:15px;
	opacity:0.8;
}
.list_box li.big1 {
	width:33.33%;
	/*width:20%;*/
	/*width:33.3333%;*/

	float:left;
	
}
.list_box li.big2 {
	width:33.33%;
	/*width:20%;*/
	/*width:33.3333%;*/

	float:right;
	
}
.list_box li.normal {
	width:20%;
	width:16.665%;
	float:left;
}
.in {
	position:absolute;
	top:0;
	left:0;
	border:1px solid #FFFFFF;
	width:100%;
	height:100%;
	box-sizing:border-box;
	transition: 1s;
}
.in:hover {
	border:12px solid #0051a1;	
}


.hidden {
	display:none;
}
.p_c {
	clear:both;
}

@media only screen and (max-width: 750px) {
.list_box li {
	box-sizing:border-box;
	/*padding:0.1%;*/
	line-height:0;
	
}
.list_box li.big1 {
	width:100%;
	float:left;
	clear:none;
}
.list_box li.big2 {
	width:100%;
	float:left;
	clear:none;
}
.list_box li.normal {
	width:50%;
	float:left;
}	
.p_c {
	clear:none;
}
.in:hover {
}


}
.list_box li.none {
visibility:hidden;
display:none;
}

.list_box li.visible
{
visibility:visible;
}
.list_box li.visible.big1,
.list_box li.visible.big2 {
	width:16.665%;
visibility:visible;
}
@media only screen and (max-width: 750px) {
.list_box li.visible.big1,
.list_box li.visible.big2 {
	width:50%;
visibility:visible;
}
}
ul.list-sort {
	/*max-width:500px;*/
	/*margin:5% auto 2%;*/
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
}
.list-sort input{
	display: none;
}
.list-sort label{
	display: block;
	float: left;
	cursor: pointer;
	box-sizing:border-box;
	width: 25%;
	margin: 0;
	padding: 20px 5px;
	/*border-right: 1px solid #abb2b7;*/
	background:#eee;
	color: #222222;
	font-size: 12px;
	text-align: center;
	line-height: 1;
	transition: .2s;
}
.list-sort label:first-of-type{
	/*border-left:1px solid #abb2b7;*/
}
.list-sort label:last-of-type{
	/*border-right: 0px;*/
}
.list-sort li input[type="radio"]:checked + label {
	background:#005eb8;
	color: #fff;
}

.list-sort input[type="radio"]:checked + .switch-on {
	background-color: #a1b91d;
	color: #fff;
}
.list-sort input[type="radio"]:checked + .switch-off {
	background-color: #e67168;
	color: #fff;
}
.br {
	border-right:1px solid #FFFFFF;
}
.bl {
	border-left:1px solid #FFFFFF;
}



/*------------------*/

.style {
	max-width:950px;
	width:70%;
	margin:0 auto;
/*	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);*/
	padding:5% 0;
}
.main_style {
	width:48%;
	float:left;
}
.sub_style {
	width:50%;
	float:right;
	padding:2% 0;
}
.sub_style h3 {
	font-size:28px;
	font-weight:bold;
	padding:0 0 4%;
	margin:0 0 4%;
	color:#0051a1;
	border-bottom:4px solid #0051a1;
}
.sub_style .name {
	font-size:16px;
	font-weight:bold;
	margin:3% 0 6%;
	color:#0051a1;
}
.sub_style .txt p {
	font-size:22px;
	font-weight:bold;
	line-height:1.8;
}
.sub_style .item p {
	width:90%;
	border:4px solid #ffffff;
	box-sizing:border-box;
	background:#0051a1;
	text-align:center;
	margin:10% auto 0;
	font-weight:bold;
	font-size:20px;
}
.sub_style .item a {
	display:block;
	width:100%;
	height:100%;
	padding:5%;
	box-sizing:border-box;
	color:#ffffff;
}
.sub_style .item2 p {
	width:48%;
	box-sizing:border-box;
	text-align:center;
	margin:10% auto 0;
	font-weight:bold;
	font-size:13px;
	float:left;
	margin:5% 1%;
	background:#0051a1;
}
.sub_style .item2 a {
	display:block;
	width:100%;
	height:100%;
	padding:5%;
	box-sizing:border-box;
	color:#ffffff;
}
.sub_style .item3 p {
	width:31.333%;
	box-sizing:border-box;
	text-align:center;
	margin:10% auto 0;
	font-weight:bold;
	font-size:13px;
	float:left;
	margin:5% 1%;
	background:#0051a1;
}
.sub_style .item3 a {
	display:block;
	width:100%;
	height:100%;
	padding:5%;
	box-sizing:border-box;
	color:#ffffff;
}
.mt {
	margin:5% 0;
}
@media only screen and (max-height: 800px) {
.style {
	position:static;
	transform:none;
}	
}
@media only screen and (max-width: 750px) {
.style {
	padding:0;
	width:100%;
	position:static;
	transform:none;
}
.main_style {
	width:100%;
	float:none;
	box-sizing:border-box;
	padding:0;
}
.sub_style {
	width:100%;
	float:none;
	margin:0;
	padding:0;
	box-sizing:border-box;

}
.sub_style h3 {
	font-size:13px;
	padding:0 0 5%;
	margin:5%;
	width:90%;
}
.sub_style .name {
	font-size:14px;
	padding:0 5%;
}
.sub_style .txt p {
	font-size:18px;
	font-weight:bold;
	line-height:1.8;
	padding:5% 5% 3%;
}
.sub_style .item p {
	width:100%;
	font-size:16px;
	margin:0;
	background:#0051a1;
	padding:0;
	border:10px solid #ffffff;
}
.sub_style .item2 p {
	width:50%;
	border:6px solid #ffffff;
	font-size:16px;
	margin:5% 0 0;
	background:#0051a1;
	padding:0;
}
	
}
.style .bb {
	border-bottom:2px dotted #999999;
	margin-bottom:4%;
	padding-bottom:4%;
}
	
	
.btn {
	max-width:400px;
	width:70%;
	margin:10% auto 0;
}

.foot {
	background:#0051a1;
	width:100%;
	padding:2% 0 0;
	position:absolute;
	bottom:0;
	left:0;
}
@media only screen and (max-height: 800px) {
.foot {
	position:static;
	margin-top:2%;
}	
}

@media only screen and (max-width: 750px) {
.foot {
	background:#0051a1;
	position:static;
	width:100%;
	padding:6% 0 2%;
}
}

.icon {
	float:left;
	padding-top:2px;
	margin:0 5px 0 10px;
}
.nm {
	float:left;
}



.profile {
	border:1px solid #999999;
	padding:3%;
	margin:5% auto;
	box-sizing:border-box;
	width:88%
}
.profile p {
	font-size:12px;
}
.profile p.b {
	font-weight:bold;
	padding-bottom:2%;
	font-size:14px !important;
}