body{
	font-family: "Myriad Pro", sans-serif; 

}


.logo h1{padding:10px 0px; max-height:68px;}
.logo h1 a{
	display:block;
	width:96px;
	height:48px;
	margin:0px auto;
	background: url(../imgs/logo_v2.png) 0 0 no-repeat;
	background-size:contain;
	text-indent:-9999px;
}






footer{
	//position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	z-index: 10;
	width:100%;
	height:80px;
	max-width:990px; 
	margin:0px auto;
	color:#231F20;
}
.top_b {overflow:hidden; padding:5px 0px; font-size:0.825em;}
.top_b p{float:left;}
.top_b .txt_cpr{float:right;}
footer a, footer .txt_cpr{padding:5px;}
.btm_b{text-align: center; margin-top:8px;}
.btm_b a{
	/* position:relative;
	left:-10px; */
}


.container{
	//position:absolute;
	top:68px;
	left:0px;
	right:0px;
	bottom:70px;
	z-index: 10;
}
.content_list{
	display: table;
    width: 100%;
    height: 100%;
	table-layout:fixed;
}
.content_list > li{   
	width:100%;
	height:100%;
	display:none;
	text-align:center;
	vertical-align: middle;
}

.content_list .txt, .cont_link_list{
	margin:0px auto;
	text-align:left;
}

.cont_link_list{
	text-align:center;
}

.content_list .txt{
	padding:10px;
	text-align:left;
	line-height: 1.3;
	    max-width: 640px;
}
.sml_txt{font-size:0.825em;}
.cpy_info li{
	position:relative;
	padding-left:65px;

}
.cpy_info li span{
	position:absolute;
	left:0px;
	display:block;
}

.cont_link_list a{
	display:inline-block;
	margin:0px 60px;
}



#p_02 a img{max-height:320px;}




/* ½º¸¶Æ®Æù °¡·Î+¼¼·Î */
@media only screen and (min-width : 320px) and (max-width : 480px){
	#p_01 img{max-height:420px; width:auto;}
	#p_02 a{width:65%; margin: 0 0 10px;}
	.cont_link_list a img{width:100%; height:auto; max-width:271px;}
	.btm_b{
		clear:both;
		position:relative;
		top:-50px;
	}
	footer a, footer .txt_cpr{font-size:0.825em; padding:2px 5px;}
	.top_b p, footer .top_b .txt_cpr{float:none; text-align:center;}
	.top_b .txt_cpr{margin-top:40px;}
	.container{margin:10px 0;}
}

/* ½º¸¶Æ®Æù °¡·Î */
@media only screen and (max-width: 767px) and (min-width: 480px){
	.cont_link_list a{width:25%; margin:10px;}
	.cont_link_list a img{width:100%; height:auto;}
	.container, footer{position:static;}
	.btm_b{clear:both;}
	footer a, footer .txt_cpr{font-size:0.825em;}
	

	.top_b p, footer .top_b .txt_cpr{float:none; text-align:center;}
	.top_b .txt_cpr{margin-top:40px;}
	.btm_b{
		clear:both;
		position:relative;
		top:-50px;
	}
	
}


/* iPad °¡·Î+¼¼·Î */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
	.cont_link_list a{width:25%; margin:10px;}
	.cont_link_list a img{width:100%; height:auto;}
	footer a, footer .txt_cpr{font-size:1.25em;}
}





/* µ¥½ºÅ©Å¾ ºê¶ó¿ìÀú °¡·Î */
@media only screen and (min-width : 1024px) {
	footer{
		position:absolute;
		left:0px;
		right:0px;
		bottom:0px;
		z-index: 10;
		width:100%;
		height:80px;
		max-width:990px; 
		margin:0px auto;
		color:#231F20;
	}
	.top_b {overflow:hidden; padding:5px 0px; font-size:0.825em;}
	.top_b p{float:left;}
	.top_b .txt_cpr{float:right;}
	footer a, footer .txt_cpr{padding:5px;}
	.btm_b{text-align: center; margin-top:8px;}
	.btm_b a{
		/* position:relative;
		left:-10px; */
	}


	.container{
		position:absolute;
		top:68px;
		left:0px;
		right:0px;
		bottom:70px;
		z-index: 10;
		overflow-y: auto;
	}
	#p_02 a{width:25%; margin:10px;}
}