/*test*/

#gnb_mobile{display:none;}

/* only mainpage */
#wrap {
	max-width:960px;
	width:100%;
	margin:0 auto;
}

#header {
/*	border-top:3px solid #3e3e3e;*/
}

body {
	border-top:3px solid #3e3e3e;
}

.inner {
	max-width:800px;
	width:100%;
}

.logo img {
	padding-left:10%;
}

ul.top_btn {
	width:100%;
}

ul.top_btn li {
	width:25%;
	float:left;
	border-left:1px solid #e7e7e7;
}

ul.top_btn li:last-child {
	border-right:1px solid #e7e7e7;
}

.gap_line {
	border-bottom:2px solid #292929;
}



/********************spot**************************/

#spot .inner {
	position:relative;
}

#spot .spot_typo {
	position:absolute;
	left:12.5%;
	top:32%;
}
#spot .spot_typo img{width:100%;}






/********************notice**************************/

.notice_box {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:28%;
	background:url(../images/notice_box.png);
	background-size:contain;
}

.notice {
	height:100%;
}

.notice_title {
	display:table;
	height:100%;
}

.notice_title h3 {
	display:table-cell;
	vertical-align:middle;
	color:white;
	padding-left:32px;
	font-size:26px;
}

.notice_contents {
	display:table;
	height:100%;
	width:100%;
}

.notice_contents ul {
	display:table-cell;
	vertical-align:middle;
	width:100%;
	max-width:0;
}

.notice_contents ul li {
	padding:0 60px 0 34px;
}

.notice_contents ul li a {
	color:white;
	text-decoration:none;
	line-height:24px;
	font-size:14px;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
	display:block;
}


/**********************contents*********************/


/*content_01*/
.con_1 h3 {
	font-size:22px;
	font-weight:bold;
	color:#373737;
}

.con_1 .content_title div {
	width:60px;
	border-bottom:1px solid #455595;
}

.content1_box1 {
	width:100%;
	padding:10px;
	background:#2e2e2e;
}

.content1_box1 .content_txt {
	padding:30px 46px 33px 0px;
}

/*
.content1_box1 .content_txt {
	display:table;
	height:100%;
	padding:0 20px;
}

.content1_box1 .content_txt > div {
	display:table-cell;
	vertical-align: middle;
	height:100%;
}
*/

.content1_box1 a {
	display:block;
	height:100%;
}

.content1_box1 .content_txt h4 {
	color:white;
	font-size:19px;
}

.content1_box1 .content_txt h4 span {
	color:#d7ba90;
}

.content1_box1 .content_txt p {
	color:#cfcfcf;
	text-align:justify;
}

.content1_box1 .content_txt p.right {
	color:#e4e0e0;
}


/*content_02*/
.con_2 h3 {
	font-size:22px;
	font-weight:bold;
	color:#f1a417;
}

.con_2 .content_title div {
	width:60px;
	border-bottom:1px solid #f1a417;
}

.content2_box1 ul li {
	float:left;
	position:relative;
	width:33.33333%;
	overflow:hidden;
} 

.content2_box1 ul:after {
	display:block;
	content:"";
	clear:both;
}

.content2_box1 ul li a {
	display:block;
}

.content2_box1 ul li .cover {
	position:absolute;
	background:#f1a417;
	left:0;
	bottom:-100%;
	width:100%;
	height:100%;
	transition:0.3s;
}

.content2_box1 ul li a:hover .cover {
	bottom:0;
}

.content2_box1 .cover div {
	display:table;
	width:100%;
	height:100%;
}

.content2_box1 .cover div p {
	display:table-cell;
	vertical-align:middle;
	color:white;
	font-size:18px;
}




/*content_03*/
.con_3 h3 {
	font-size:22px;
	font-weight:bold;
	color:#d81159;
}

.con_3 .content_title div {
	width:60px;
	border-bottom:1px solid #d81159;
}

.content3_box1 ul li {
	float:left;
	position:relative;
	width:33.33333%;
	overflow:hidden;
} 

.content3_box1 ul:after {
	display:block;
	content:"";
	clear:both;
}

.content3_box1 ul li a {
	display:block;
}

.content3_box1 ul li .cover {
	position:absolute;
	background:#d81159;
	left:0;
	bottom:-100%;
	width:100%;
	height:100%;
	transition:0.3s;
}

.content3_box1 ul li a:hover .cover {
	bottom:0;
}

.content3_box1 .cover div {
	display:table;
	width:100%;
	height:100%;
}

.content3_box1 .cover div p {
	display:table-cell;
	vertical-align:middle;
	color:white;
	font-size:18px;
}

/*content_04*/
.con_4 {
	background:#f5f5f5;
}

.con_4 h3 {
	font-size:22px;
	font-weight:bold;
	color:#d81159;
}

.con_4 .content_title div {
	width:60px;
	border-bottom:1px solid #455595;
}

.con_4 .content4_box1 a {
	display: block;
}

.con_4 .content4_box1_content .img_box {
	position:relative;
}

.con_4 .content4_box1_content .img_box .txt_box {
	position:absolute;
	width:100%;
	padding:18px 0;
	left:0;
	bottom:0;
	color:white;
	background:#d81159;
	font-size:17px;
}

.img_box img{width:100%}

.con_4 .content4_box2_content {
	border:1px solid #e1e1e1;
	min-height:274px;
	background:white;
}

/*
.con_4 .content4_box2_content:after {
	display:block;
	content:"";
	clear:both;
}

.con_4 .content4_box2_content .title {
	background:#e0e0e0;
	line-height:24px;
	padding:5px 0;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.con_4 .content4_box2_content .txt_box {
	line-height:24px;
	padding-top:5px;
	padding-right:12px;

}

.con_4 .content4_box2_content .txt_box ul li {
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
*/

.con_4 .content4_box2_content table {
	width: 100%;
}

.con_4 .content4_box2_content table th {
	background:#e0e0e0;
	line-height:24px;
	padding:5px 0;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.con_4 .content4_box2_content table td {
	padding:2px 15px;
}

.con_4 .content4_box2_content table td a {
	text-decoration:none; 
	color:#666;
}

.con_4 .content4_box2_content table td:first-child {
	font-weight:bold;
} 

.con_4 .content4_box2_content table td:nth-child(2) {
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
	width:100%;
	max-width:0;
	padding-left:0;
}


/*********************footer*********************/
#footer {
	background:#242428;
}

#footer .inner {
	position:relative;
}

#footer .inner div {
	color:#b6b6b6;
	line-height:22px;
	padding:38px 15px 50px 15px;
}

.up_btn {
	position:absolute;
	right:0;
	bottom:0;
	opacity:0.68;
}



@media only screen and (max-width: 992px ){
	
	#wrap {
		padding-top:57px;
	}
	
	.logo img {
		padding-left:20px;
	}
	
}

@media only screen and (max-width: 768px){
	
	#container .inner {
		padding:0 15px;
	}
	
	.notice_box {
		position:static;
		background:#242428;
		padding:20px 0;
		min-height:140px;
	}
	
	.notice_title h3 {
		padding-left:0;
		font-size:22px;
	}
	
	.notice_title h3 span {
		font-size:18px;
	} 
	
	.notice ul li {
		padding-left:0;
	}
	
	#spot .spot_typo {
		left:20px;
		top:20%;
	}
	
	.notice .notice_title {
		float:none;
		text-align: left !important;
		margin-bottom:15px;
		padding-left:30px;
	}
	.notice .notice_contents {
		float:none;
		margin: 0 auto;
		padding-left:30px;
		padding-right:0px;
	}
	
	.content1_box1 .content_txt { 
		padding:0 30px 0 0;
	}
	
}
@media only screen and (max-width: 500px){
/*
	.notice_box {
		position:static;
	}
*/
/*	.notice .notice_title{float:none;margin: 0 auto;max-width: 323px;width: 100%;text-align: left !important;margin-bottom:10px;}*/
/*
	.notice .notice_title {
		float:none;
		text-align: left !important;
		margin-bottom:15px;
		padding-left:30px;
	}
	.notice .notice_contents {
		float:none;
		margin: 0 auto;
		padding-left:30px;
		padding-right:0px;
	}
*/

	.content1_box1 {
		padding:10%;	
	}
	
	.content1_box1 .content_txt {
		width: 100%;
		padding:0;
	}

	.content1_box1 .content_img {
		float: none;
		width: 80%;
		padding-bottom:5%;
		margin: 0 auto;
	}
	
	#spot .spot_typo{width:80%;left:10px;}
	.content2_box1 ul li, .content3_box1 ul li{width:50%}
}
@media only screen and (max-width: 425px){


}