@charset "utf-8"; 

/* 메인비주얼 */
.F08_m_visual {position:relative; width:100%; height:600px; z-index:1; }
.F08_m_visual h2{position:absolute; width:1px; height:1px; top:-999999em; left:-999999em; }  
.F08_m_visual button{cursor:pointer; }
.F08_m_visual ul li{overflow:hidden; }
.F08_m_visual #m_visual{position:relative; height:100%; text-align:center; z-index:0; }
.F08_m_visual #m_visual div{height:100%; }
.F08_m_visual #m_visual p {position:relative; width:100%; height:100%; }
.F08_m_visual #m_visual p img { width:auto; height:100%; }
.F08_m_visual .slogan_wrap{position:absolute; width:100%; max-width:600px; top:20%; left:50%; margin-left:-700px; letter-spacing:-1px; z-index:1; background:rgba(0,0,0,0.3); padding:50px 40px; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box;}
.F08_m_visual #m_slogan p {color:#fff; line-height:1.1;}
.F08_m_visual #m_slogan p.txt1{position:relative; padding:20px 0 10px; font-size:70px; font-family: 'NotoM'; letter-spacing:1px;}
.F08_m_visual #m_slogan p.txt1::before{content:''; position:absolute; top:0; left:0; width:152px; height:3px; background:url('/images/common/F_08_main/img_bar.png') no-repeat;}
.F08_m_visual #m_slogan p.txt2{font-size:28px; font-family:'NotoL'; line-height:35px; letter-spacing:-1px;}
.F08_m_visual #m_slogan p.txt2 span{display:block;}

.F08_m_visual .control{position:absolute; left:0px; bottom:-30px; width:22px; height:22px; background:rgba(0,0,0,0.8); border-radius:20px; z-index:10;} 
.F08_m_visual .control button{width:100%; height:100%; border:0px; text-indent:-99999%; overflow:hidden;}
.F08_m_visual .control button.btn_stop{background:url('/images/common/F_08_main/btn_m_stop.png') no-repeat center; }
.F08_m_visual .control button.btn_play{display:none; background:url('/images/common/F_08_main/btn_m_play.png') no-repeat center; }
.F08_m_visual .slick-dots{position:absolute; left:25px; bottom:-30px;}
.F08_m_visual .slick-dots li{float:left; line-height:0; margin:5px 4px;}
.F08_m_visual .slick-dots button{width:12px; height:12px; border-radius:10px; background:rgba(255, 255, 255,0.7); text-indent:-99999%; overflow:hidden; cursor:pointer; transition:all .3s ease; -ms-transition:all .3s ease; -moz-transition:all .3s ease; -webkit-transition:all .3s ease; }
.F08_m_visual .slick-dots .slick-active button{width:25px; background:#fff; }

@media screen and (max-width:1420px) { 
	/* 메인비주얼 */
	.F08_m_visual .slogan_wrap{margin-left:0; left:2.5%;}
}

@media screen and (max-width:1200px) { 	 
	/* 메인비주얼 */
	.F08_m_visual{height:400px;}
	.F08_m_visual .slogan_wrap{max-width:500px; top:19%; padding:30px;}
	.F08_m_visual #m_slogan p.txt1{font-size:50px;}
	.F08_m_visual #m_slogan p.txt2{font-size:25px; line-height:32px;}
}

@media screen and (max-width:680px) {
	/* 메인비주얼 */
	.F08_m_visual{height:350px;}
	.F08_m_visual .slogan_wrap{max-width:400px; top:18%; padding:25px;}
	.F08_m_visual #m_slogan p.txt1{padding:15px 0 5px; font-size:48px;}
	.F08_m_visual #m_slogan p.txt2{font-size:22px; line-height:28px;}
}

@media screen and (max-width:540px) {
	 
	/* 메인비주얼 */
	.F08_m_visual{height:300px;}
	.F08_m_visual #m_slogan p.txt1{font-size:45px;}
	.F08_m_visual #m_slogan p.txt2{font-size:20px; line-height:25px;}
	.F08_m_visual .slogan_wrap{max-width:95%; padding:25px 20px;}
	.F08_m_visual .slick-dots,
	.F08_m_visual .control{display:none !important;}
}

@media screen and (max-width:380px) {
	/* 메인비주얼 */
	.F08_m_visual #m_slogan p.txt1{font-size:40px;}
	.F08_m_visual #m_slogan p.txt2{font-size:18px; line-height:23px;}
}