/*************** [visual_0] ***************/

/****** visual layout *****/
#section_type_visual_0{position:relative;}
#section_type_visual_0 span.btn_prev,
#section_type_visual_0 span.btn_next{position:absolute !important; top:50%; z-index:99 !important; width:64px; height:64px; display:block; cursor:pointer;}
#section_type_visual_0 span.btn_prev{background:url(/image/arrow_control.png) no-repeat 0 0; left:6%}
#section_type_visual_0 span.btn_next{background:url(/image/arrow_control.png) no-repeat -64px 0; right:6%}

#section_type_visual_0 ul{width:100%; height:100%;}
#section_type_visual_0 ul > li{/*min-width: 100%;*/min-height: 100vh;background-size: cover;background-position: center;background-repeat: no-repeat;height:100%;width:100%;}
#section_type_visual_0 ul > li > video, #section_type_visual_0 ul > li > iframe{min-height:100vh;}
#section_type_visual_0 ul > li.bg{background-position:center center;}

#section_type_visual_0 video {/*min-width : 100 %; min-height : 100 %;*/ object-fit: fill; /*width : auto; height : auto;*/}
/****** visual layout *****/

/***** visual text *****/
#section_type_visual_0 .text_wrap{position:absolute; width:100%; height:100%;}
#section_type_visual_0 .inner{margin:0 auto;}

#section_type_visual_0 .text{display:table; height:100%;z-index:2;}
#section_type_visual_0 .text > div{display:table-cell; vertical-align:middle; text-align:center; width:100%; height:100%;}

#section_type_visual_0 .txt1 {
	font-family: 'GmarketSansMedium';
	font-size:80px;
	letter-spacing:-4px;
	color:#fff;
	margin-bottom:20px;
	line-height:135%;
	text-shadow:1px 1px 5px rgba(0,0,0,0.5);
	-webkit-text-shadow:1px 1px 5px rgba(0,0,0,0.5);
	-moz-text-shadow:1px 1px 5px rgba(0,0,0,0.5);
	-o-text-shadow:1px 1px 5px rgba(0,0,0,0.5);
}

#section_type_visual_0 .txt2 {
	font-family: 'GmarketSansLight';
	font-size:40px;
	letter-spacing:-1px;
	color:#fff; line-height:145%;
}
#section_type_visual_0 .txt3 {
	font-family: 'GmarketSansLight';
	font-size:30px;
	letter-spacing:-1px;
	color:#fff;
	line-height:145%;
}

#section_type_visual_0 .txt1 > span {
	font-family: 'GmarketSansBold';
	font-size:85px;
}

#section_type_visual_0 .txt2 > span {
	font-family: 'GmarketSansMedium';
	font-size:45px;
}

#section_type_visual_0 .txt3 > span {
	font-family: 'GmarketSansMedium';
	font-size:35px;
}
/***** visual text *****/

/*************** [visual]responsive ***************/
@media screen and (max-width:1200px){ 
	#section_type_visual_0 span.btn_prev{left:2%}
    #section_type_visual_0 span.btn_next{right:2%}
}
@media screen and (max-width:960px){ 
	#section_type_visual_0 ul > li{min-height:80vh;}
	#section_type_visual_0 ul > li > video, #section_type_visual_0 ul > li > iframe{min-height:80vh;}
	
	#section_type_visual_0 .txt1{font-size:53px;}
	#section_type_visual_0 .txt1 > span{font-size:58px;}
	#section_type_visual_0 .txt2{font-size:42px;}
	#section_type_visual_0 .txt2 > span{font-size:47px;}
	#section_type_visual_0 .txt3{font-size:28px;}
	#section_type_visual_0 .txt3 > span{font-size:33px;}

	#section_type_visual_0 span.btn_prev{background-size:82px; width:42px;}
    #section_type_visual_0 span.btn_next{background-size:82px; width:42px; background-position:-42px 0;}

	 #section_type_visual_0.fp-section,
	 #section_type_visual_0 .fp-tableCell{height: auto !important; min-height: 100%;}
}
@media screen and (max-width:640px){ 
	#section_type_visual_0 ul > li{min-height:40vh;}
	#section_type_visual_0 ul > li > video, #section_type_visual_0 ul > li > iframe {min-height:40vh;}

	#section_type_visual_0 span.btn_prev{background-size:82px; width:42px;}
	#section_type_visual_0 span.btn_next{background-size:82px; width:42px; background-position:-42px 0;}
}
@media screen and (max-width:480px){
	#section_type_visual_0 .txt1{font-size:33px;}
	#section_type_visual_0 .txt1 > span{font-size:38px;}
	#section_type_visual_0 .txt2{font-size:22px;}
	#section_type_visual_0 .txt2 > span{font-size:27px;}
	#section_type_visual_0 .txt3{font-size:18px;}
	#section_type_visual_0 .txt3 > span{font-size:23px;}
}

@media screen and (max-width:395px){
	#section_type_visual_0 ul > li{min-height:60vh;}
	#section_type_visual_0 ul > li > video, #section_type_visual_0 ul > li > iframe {min-height:60vh;}

	#section_type_visual_0 span.btn_prev{background-size:68px; width:34px;}
	#section_type_visual_0 span.btn_next{background-size:68px; width:34px; background-position:-34px 0;}
}
@media screen and (max-width:320px){ 
	#section_type_visual_0 ul > li{min-height:50vh;}
	#section_type_visual_0 ul > li > video, #section_type_visual_0 ul > li > iframe {min-height:50vh;}
}
/*************** [visual]responsive ***************/