/*************** [visual_3] ***************/

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

#section_type_visual_3 ul{width:100%; height:100%;background: rgba(0,0,0,0.3);}
#section_type_visual_3 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_3 ul > li > video, #section_type_visual_3 ul > li > iframe{min-height:100vh;}
#section_type_visual_3 ul > li.bg{background-position:center center;}

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

#section_type_visual_3 .vis_icon {position:absolute; bottom:0; width:100%; height:180px;background:#003333;}
#section_type_visual_3 .vis_icon ul{/*width:1200px;*/ margin:0 auto; text-align:center; font-size:0; letter-spacing:-5px;}
#section_type_visual_3 .vis_icon ul li{display:inline-block; max-width:230px; width:25%; letter-spacing:0;}
#section_type_visual_3 .vis_icon ul li span{display:block; height:65px; line-height:65px; margin-bottom:16px;}
#section_type_visual_3 .vis_icon ul li span img{vertical-align:middle;}
#section_type_visual_3 .vis_icon ul li p{font-size:20px; color:#fff; letter-spacing:-0.25px;}
#section_type_visual_3 .vis_icon ul li a{display:block; padding:38px 0;}

/* scalehover */
#section_type_visual_3 .scalehover {
	display: inline-block; vertical-align: middle; box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	
	-webkit-transition-property: transform;
	transition-property: transform;
}
#section_type_visual_3 .scalehover:hover, .scalehover:focus, .scalehover:active {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
/****** visual layout *****/



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

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

#section_type_visual_3 .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_3 .txt2 {
	font-family: 'GmarketSansLight';
	font-size:40px;
	letter-spacing:-1px;
	color:#fff; line-height:145%;
}
#section_type_visual_3 .txt3 {
	font-family: 'GmarketSansLight';
	font-size:30px;
	letter-spacing:-1px;
	color:#fff;
	line-height:145%;
}

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

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

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

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

	#section_type_visual_3 span.btn_prev{background-size:82px; width:42px;}
    #section_type_visual_3 span.btn_next{background-size:82px; width:42px; background-position:-42px 0;}
}
@media screen and (max-width:640px){ 
	#section_type_visual_3 ul > li{min-height:65vh;}
	#section_type_visual_3 span.btn_prev{background-size:82px; width:42px;}
	#section_type_visual_3 span.btn_next{background-size:82px; width:42px; background-position:-42px 0;}
}
@media screen and (max-width:480px){
	/*하단 탭부분이 있어서 더 줄였음.*/
	#section_type_visual_3 .txt1{font-size:28px;}
	#section_type_visual_3 .txt1 > span{font-size:25px;}
	#section_type_visual_3 .txt2{font-size:17px;}
	#section_type_visual_3 .txt2 > span{font-size:22px;}
	#section_type_visual_3 .txt3{font-size:13px;}
	#section_type_visual_3 .txt3 > span{font-size:18px;}
}

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

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


/*sec1*/
@media screen and (max-width: 1024px) {
	#section_type_visual_3 .vis_icon{height:14vh; }
	#section_type_visual_3 .vis_icon ul{width:100%;}
	#section_type_visual_3 .vis_icon ul li a{padding:20px 0;}
	#section_type_visual_3 .vis_icon ul li span{height:53px; line-height:53px;}
	#section_type_visual_3 .vis_icon ul li span img{width:27%;}
	#section_type_visual_3 .vis_icon ul li p{font-size:16px;}
}

@media screen and (max-width: 480px) {
	#section_type_visual_3 .vis_icon{height:13vh; }
	#section_type_visual_3 .vis_icon ul li span{height:auto; line-height:normal; margin-bottom: 12px;}
	#section_type_visual_3 .vis_icon ul li span img{width:auto; height:30px;}
	#section_type_visual_3 .vis_icon ul li p{font-size:13px;}
}

@media screen and (max-width: 320px) {
	#section_type_visual_3 .vis_icon ul li a{padding:13px 0;}
}