/*공통*/
@media screen and (max-width:1200px){ 
    .inner{width:96%;}
	.sub_inner{width:99%;}
}
@media screen and (max-width:1200px){ 
	.sub_inner{width:96%;}
}

/* @media screen and (max-width:975px){
    #section_type_visual_6.fp-section,
    #section_type_visual_6 .fp-tableCell{height: auto !important; min-height: 100%;}
} */
/**************************************************************/
/**************************************************************/
/**************************************************************/

@media screen and (max-width:580px){ 
    h2.title{font-size:21px;}
    h2.title > p{font-size:17px;}
}


/**************************************************************/
/**************************************************************/
/**************************************************************/

/*subout & sub_visual*/
/**************************************************************/
/**************************************************************/
/**************************************************************/

/*sub_visual*/
@media screen and (max-width:1024px){ 
    #sub_visual{height:300px; background-position:center center}
	#sub_visual .inner > h2{padding-top:0px;}
}
@media screen and (max-width:680px){ 
    #sub_visual .inner > h2{font-size:37px;}
}
@media screen and (max-width:420px){ 
    #sub_visual{height:35vh;height: calc(var(--vh, 1vh) * 35);}
    #sub_visual .inner > h2{font-size:30px;}
	#sub_visual .inner p{font-size:18px;}
	.fixed {position:fixed;}
}
@media screen and (max-width:320px){ 
    /*#sub_visual{height:27vh;}*/
}

/*subout*/
@media screen and (max-width:1200px){ 
	/* .inner_container{padding:0 0 50px;} */
	.sub_inner_container{padding:0 0 50px;}
	.left_side{display:none;}
	.contentWrap{float:none; width:100%;}
	.contentWrap img{max-width:100%}
	.sub_location{text-align:left;} 
}
@media screen and (max-width:680px){ 
    .contentWrap > h2{font-size:37px;}
}
@media screen and (max-width:420px){ 
    .contentWrap > h2{font-size:30px;}
}

/*footer*/
@media screen and (max-width:1200px){ 
    body > footer{text-align:center;}
	body > footer p{padding:0 10px;}
}
@media screen and (max-width:420px){ 
    body > footer{text-align:center;}
	body > footer p{padding:0 20px;}
	body > footer p img{width:316px;}
}
@media screen and (max-width:320px){ 
	body > footer p img{width:256px;}
}