@charset "utf-8"; 

/* 메인비주얼 */
.G01_m_visual{width:100%; height:440px; position: relative; overflow: hidden; -webkit-box-shadow: 5px 5px 25px 0px rgba(0,0,0,0.25); -moz-box-shadow: 5px 5px 25px 0px rgba(0,0,0,0.25); box-shadow: 5px 5px 25px 0px rgba(0,0,0,0.25); }
.visual{position: relative; z-index:0; height:auto;}
.visual div img{ position: relative; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.slogan { position:absolute; left:50%; margin-left:-700px; max-width:1400px; top:125px; word-break:keep-all; } 
.slogan .m_slogan {  margin:0 auto; }
.slogan p { font-size:54px; font-family:'NotoL'; color:#ffffdd; }
.slogan p strong { font-family:'NotoM'; }
.slogan em { display:block; color:#000; font-family:'NotoL'; font-size:22px; margin-bottom:30px; }
.slogan .btn_link { position:relative; display:inline-block; line-height:38px; padding:0 40px 0 20px; border:1px solid #000; color:#000; overflow:hidden; }
.slogan .btn_link:before { position:absolute; right:10px; width:15px; height:40px; background:url('/images/template/00029/G_01_main/visual_arrw.png') no-repeat center; content:''; z-index:2; }
.slogan .btn_link:after { position:absolute; top:-50px; transform:translateX(-120%) skew(-15deg); transition:all 0.5s cubic-bezier(0.19, 1, 0.22, 1); width:120%; height:155px; left:0; background:#fff; content:''; }
.slogan .btn_link:hover:after { left:130%; transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); }
.slogan .btn_link span { position: relative; z-index:2; }
.slogan .slick-dots {position: absolute; left:34px; bottom:-100px; z-index:10000;}
.slogan .slick-dots li{display:inline-block; margin-right:5px; font-size:0; border-radius:20px; padding:3px;}
.slogan .slick-dots li.slick-active{border:1px solid #000; }
.slogan .slick-dots li button{width:10px; height:10px; cursor:pointer; background:#000; border-radius:20px;}
.visual_control{position: absolute; left:50%; margin-left:-700px; bottom:25px; z-index: 1000;} 
.visual_control a{font-size:0; display:block; width:20px; height:20px;}
.visual_control #visualStop{background:url('/images/template/00029/G_01_main/btn_v_stop.png') no-repeat center;}
.visual_control #visualPlay{display:none; background:url('/images/template/00029/G_01_main/btn_v_play.png') no-repeat center;}

/********** media query mobile *************/

@media screen and (max-width:1700px) { 

    /*비주얼*/
    .slogan { width:95%; left:2.5%; margin-left:0; }
    .visual_control { width:95%; left:2.5%; margin-left:0; }
}/* 201027 */

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

/*반응형 1200부터*/
@media screen and (max-width: 1200px){  

	/*메인비주얼*/
    .slogan { top:90px; }
    .visual_control { bottom:60px; }
    
}

@media screen and (max-width: 960px){
	
	/*메인비주얼*/
    .G01_m_visual { height:360px;}
    .slogan p { font-size:42px; }
    .slogan .slick-dots { bottom:-50px; }
    .visual_control { bottom:48px; }
	
}

@media screen and (max-width: 680px){
	
	/* 메인비주얼 */
    .G01_m_visual { height:300px; }
    .slogan { top:60px; }
    .slogan p { font-size:35px; }
    .slogan em { font-size:18px; }
    .slogan .slick-dots{display:none !important;}
    .visual_control{display:none;}
    .slogan .btn_link { line-height:35px; }
    .slogan .btn_link:before { height:35px; }
	
}

@media screen and (max-width: 500px){
	
	/* 메인비주얼 */
    .slogan p { font-size:30px; }
    .slogan em { margin-bottom:15px; }
	
}