@charset "utf-8"; 


/* 메인비주얼 210720 수정*/
.E07_m_visual {position:relative;width: 100%;height: 360px;margin: 0 auto;z-index:1;} /*210730 수정*/
.E07_m_visual::before{content:'';position:absolute;top:0;left:50%;width: 400px;height: 200px;margin-left: -720px;background:#094277 url('/images/common/E_07_main/pttrn_m_visual.png') no-repeat;z-index:1;} /*210730수정*/
.E07_m_visual::after{content:'';position:absolute;top:0;left: 42%;width:300px;height: 200px;margin-left: -250px;background:url('/images/common/E_07_main/m_visual_bg.png') no-repeat;z-index:2;} /*210730수정*/
.E07_m_visual h2{position:absolute; width:1px; height:1px; top:-999999em; left:-999999em; }  
.E07_m_visual button{cursor:pointer; }
.E07_m_visual ul li{overflow:hidden; }
.E07_m_visual #m_visual{position:relative;height: 100%;text-align:center;z-index:0;/* margin: 0 auto; */}
.E07_m_visual #m_visual div{height:100%; }
.E07_m_visual #m_visual p {position:relative; width:100%; height:100%; }
.E07_m_visual #m_visual p img {width: 75%;height: 100%;}
.E07_m_visual .slogan_wrap{position:absolute;width:100%;max-width:1400px;top:15%;left:50%;margin-left:-700px;letter-spacing:-1px;z-index:1;}
.E07_m_visual #m_slogan{position:relative; padding:0 0 30px;}
.E07_m_visual #m_slogan p { color:#fff; line-height:1.1;}
.E07_m_visual #m_slogan p.txt1{position:relative; font-size:15px; font-family: 'NotoL'; letter-spacing:-0.5px; }
.E07_m_visual #m_slogan p.txt2{position:relative;  font-size:50px; padding:15px 0; font-family: 'NotoM';}
.E07_m_visual #m_slogan p.txt2 span{display:block; font-family: 'NotoL'; }
.E07_m_visual #m_slogan p.txt2::before{content:""; position:absolute; left:0; bottom:0; width:325px; height:1px; background:#fff; }
.E07_m_visual #m_slogan p.txt2::after{content:""; position:absolute; left:325px; bottom:-5px; width:10px; height:10px; background:#fff; transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.E07_m_visual #m_slogan p.txt3{ width:50%; font-size:16px; line-height:80px; font-family: 'NotoL'; margin:10px 0;}
.E07_m_visual #m_slogan p.txt3 span{display:block;}

.E07_m_visual .control{position:absolute; left:0px; bottom:0px; width:22px; height:22px; background:rgba(0,0,0,0.8); border-radius:20px; z-index:10; } 
.E07_m_visual .control button{width:100%; height:100%; border:0px; text-indent:-99999%; overflow:hidden;}
.E07_m_visual .control button.btn_stop{background:url('/images/common/E_07_main/btn_m_stop.png') no-repeat center; }
.E07_m_visual .control button.btn_play{display:none; background:url('/images/common/E_07_main/btn_m_play.png') no-repeat center; }

.E07_m_visual .slick-dots{position:absolute; left:25px; bottom:0px; }
.E07_m_visual .slick-dots li{float:left; line-height:0; margin:6px 4px;}
.E07_m_visual .slick-dots button{width:12px; height:12px; border-radius:10px; background:rgba(255,255,255,0.5); 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; }
.E07_m_visual .slick-dots .slick-active button{width:25px;background: rgb(9, 66, 119);}



/*210729*/
.conBox01{height: 100px;}  /*210730수정*/

@media screen and (max-width:1420px) { 	 
	/* 메인비주얼 */
	.E07_m_visual .slogan_wrap{margin-left:0; left:0; z-index:3;}
	.E07_m_visual #m_slogan .slogan{padding:0 20px;}
	.E07_m_visual #m_slogan p.txt3 { width:25%;}
	.E07_m_visual .slick-dots {left:40px;}
	.E07_m_visual .control { left:15px; }

	.E07_m_visual #m_visual{width:100%; margin-left:180px;}/*210729 수정*/
	
	.E07_m_visual #m_visual p img { /*210729 수정*/
    width: 100%;
    height: 100%;
}

@media screen and (max-width:1200px) { 
	/* 메인비주얼 210729*/
	.E07_m_visual {height: 300px; width:100%}
	.E07_m_visual #m_slogan p.txt3 { width:33%;}
	.E07_m_visual::before{left:0; height:300px;margin-left:0; width:33%; background:#094277;}
	.E07_m_visual::after{left: 32%;height:300px;margin-left:0;}/*210729 수정*/
	.E07_m_visual #m_visual{margin-left:200px;}/*210729 수정*/
	
	
	/*210720*/
.conBox01{height: auto;}
	
}

@media screen and (max-width:760px) {
	/*메인비주얼*/
	.E07_m_visual::before{width: 31%;}/*210720 수정*/
	.E07_m_visual::after{left:30%; }
	.E07_m_visual #m_slogan p.txt2::before{width:270px;}
	.E07_m_visual #m_slogan p.txt2::after { left:270px;}
	.E07_m_visual #m_slogan p.txt3 { width:42%;}
}

@media screen and (max-width:680px) {
	/* 메인비주얼 */
	.E07_m_visual{height:350px;}
	.E07_m_visual #m_slogan p.txt1{font-size:15px; }
	.E07_m_visual #m_slogan p.txt2{font-size:35px; }
	.E07_m_visual #m_slogan p.txt3 {width:40%;}
	.E07_m_visual::before{ background:none;}
	.E07_m_visual::after{ left:0; background-size:cover; height:100%; width:300px;}
	.E07_m_visual #m_visual{margin-left: 0px;}/*210729 수정*/
}

@media screen and (max-width:590px) {
	/* 메인비주얼 */
	.E07_m_visual{height:300px;}
	.E07_m_visual .slick-dots,
	.E07_m_visual .control{display:none !important;}
	.E07_m_visual #m_slogan p.txt3 {width:60%;}
	.E07_m_visual::after{ width:270px;}
	
	/*210720*/
   .slogan_wrap{width:100% !important; display:block !important;}
   
   .slogan{width: 100% !important;}
}

@media screen and (max-width:480px) {
	/* 메인비주얼 */
	.E07_m_visual #m_slogan p.txt1{font-size:14px;}
	.E07_m_visual #m_slogan p.txt2{font-size:28px;}
	.E07_m_visual #m_slogan p.txt3{font-size:14px;}
	.E07_m_visual #m_slogan p.txt2 br {display:none;}
	.E07_m_visual #m_slogan p.txt2::before{width:200px;}
	.E07_m_visual #m_slogan p.txt2::after { left:200px;}
}

@media screen and (max-width:380px) {
	/* 메인비주얼 */
	.E07_m_visual{height:320px;}
	.E07_m_visual #m_slogan p.txt3 {width:80%;}	
	.E07_m_visual::after{ width:240px;}
}