@charset "utf-8";

.sideAllmenu ul.mdepth1 li a{background:none !important;}
.sideAllmenu ul.mdepth1 li a:active, .sideAllmenu ul.mdepth1 li a:focus, .sideAllmenu ul.mdepth1 li a:hover, .sideAllmenu ul.mdepth1 li a.select{background:none !important;}


/* 레이아웃 */

#gaonwrap { min-width:140rem; width:100%; }

#top { position:relative; min-width:140rem; width:100%; height:auto; border-bottom:1px solid #ddd; background:#fff; z-index:100; }
	#toparea { position:relative; width:140rem; margin:0 auto; }
	
#container { position:relative; min-width:100%; width:100%; z-index:1; }	
	.inner { position:relative; max-width:140rem; width:100%; margin:0 auto;  }
	
		#cont1 { position:relative; width:100%; padding:7rem 1.6rem; }
        #cont2 { position:relative; width:100%; padding:7rem 1.6rem 0 1.6rem; }
        #cont3 { position:relative; width:100%; padding:7rem 1.6rem 10rem 1.6rem; }
	
	
#bottom { position:relative; width:100%; background:#162745; z-index:2; }


@media (min-width:1281px) and (max-width:1400px){
	#gaonwrap { min-width:100%; width:100%; }

	#top { position:relative; min-width:100%; width:100%; height:auto; border-bottom:1px solid #ddd; background:#fff; z-index:100; }
		#toparea { position:relative; width:100%; padding:0 2.8rem; margin:0 auto; }
	
	#container { position:relative; min-width:100%; width:100%; z-index:1; }
        .inner { position:relative; width:100%; padding:0 2.8rem; margin:0 auto; }
		
            #cont1 { position:relative; max-width:100%; width:100%; padding:7.2rem 1.6rem 7.2rem; margin:0 auto; }	
			#cont2 { position:relative; max-width:100%; width:100%; padding:7.2rem 1.6rem 0; margin:0 auto; }
			#cont3 { position:relative; max-width:100%; width:100%; padding:7.2rem 1.6rem; margin:0 auto; }			


	#bottom { position:relative; width:100%; background:#162745; z-index:2; }
}


@media (min-width:1025px) and (max-width:1280px){
	#gaonwrap { min-width:100%; width:100%; }

	#top { position:relative; min-width:100%; width:100%; height:auto; border-bottom:1px solid #ddd; z-index:100; }
		#toparea { position:relative; width:100%; padding:0 2.8rem; margin:0 auto; }
	
	#container { position:relative; min-width:100%; width:100%; z-index:1; }
        .inner { position:relative; width:100%; margin:0 auto; }
		
            #cont1 { position:relative; max-width:100%; width:100%; padding:7.2rem 1.6rem 7.2rem; margin:0 auto;  }	
			#cont2 { position:relative; max-width:100%; width:100%; padding:7.2rem 1.6rem 0; margin:0 auto; }
			#cont3 { position:relative; max-width:100%; width:100%; padding:7.2rem 1.6rem ; margin:0 auto; }			
			
	#bottom { position:relative; width:100%; background:#162745; z-index:2; }
}


@media (min-width:769px) and (max-width:1024px){
	html, body, #gaonwrap { min-width:100%; width:100%; }
		
	#gaonwrap { min-width:100%; width:100%; }

	#top { position:relative; min-width:100%; width:100%; height:12.3rem; border-bottom:1px solid #ddd; z-index:100; }
		#toparea { position:relative; width:100%; margin:0 auto; }
	
	#container { position:relative; min-width:100%; width:100%; z-index:1; }
        .inner { position:relative; width:100%;  margin:0 auto; }
		
            #cont1 { position:relative; max-width:100%; width:100%; padding:6.0rem 1.6rem 6rem; margin:0 auto; display:block; }	
			#cont2 { position:relative; max-width:100%; width:100%; padding:6.0rem 1.6rem 0; margin:0 auto; }
			#cont3 { position:relative; max-width:100%; width:100%; padding:6.0rem 0 6rem 1.6rem; margin:0 auto; }			
			
	#bottom { position:relative; width:100%; background:#162745; z-index:2; }
}


@media (max-width:768px){
	html, body, #gaonwrap { min-width:100%; width:100%; }
		
	#gaonwrap { min-width:100%; width:100%; }

	#top { position:relative; min-width:100%; width:100%; height:10.3rem; border-bottom:1px solid #ddd; z-index:100; }
		#toparea { position:relative; width:100%; margin:0 auto; }
	
	#container { position:relative; min-width:100%; width:100%; z-index:1; }
        .inner { position:relative; width:100%; margin:0 auto; }
		
            #cont1 { position:relative; max-width:100%; width:100%; padding:5.2rem 1.6rem 5.2rem; margin:0 auto; display:block; }	
			#cont2 { position:relative; max-width:100%; width:100%; padding:5.2rem 1.6rem 0; margin:0 auto; }
			#cont3 { position:relative; max-width:100%; width:100%; padding:5.2rem 0 5.2rem 1.6rem; margin:0 auto; }			
			
	#bottom { position:relative; width:100%; background:#162745; z-index:2; }
}



/* 상단배너 */
#top-ban { width:100%; height:32px; line-height:32px; background:#EEEEF7;  }
#top-ban .nuri { padding-left:31px; background:url(/images/common/icon_taegeukgi.gif) no-repeat 0 50%; font-size:1.6rem; }

@media (max-width:768px){
	#top-ban .nuri { font-size:1.4rem; }
}




/* 모바일용 상단 버튼 */
.mobileTopBtn { display:none; width:0; height:0; overflow:hidden;  }

@media (min-width:769px) and (max-width:1024px){
	.mobileTopBtn { display:block; }
	.mobileTopBtn li.mobileTopBtn1 { position:absolute; right:30px; top:22px; display:block; }
	.mobileTopBtn li.mobileTopBtn2 { position:absolute; right:84px; top:22px; display:block; }
	.mobileTopBtn li.mobileTopBtn3 { position:absolute; right:84px; top:22px; display:block;}

	.mobileTopBtn li.mobileTopBtn1 a { text-align:center; font-size:1.5rem; display:flex; flex-direction:column; justify-content:center; align-items:center; }
	.mobileTopBtn li.mobileTopBtn1 a img { width:34px; display:block; margin-bottom:5px; }
}


@media (max-width:768px){
	.mobileTopBtn { display:block; }
	.mobileTopBtn li.mobileTopBtn1 { position:absolute; right:15px; top:18px; display:block; }
	.mobileTopBtn li.mobileTopBtn2 { position:absolute; right:47px; top:18px; display:block; }
	.mobileTopBtn li.mobileTopBtn3 { position:absolute; right:47px; top:18px; display:block; }
	.mobileTopBtn li.mobileTopBtn1 img { width:22px; }
	.mobileTopBtn li.mobileTopBtn2 img { width:22px; }
	.mobileTopBtn li.mobileTopBtn3 img { width:22px; }

	.mobileTopBtn li.mobileTopBtn1 a { text-align:center; font-size:1.4rem; display:flex; flex-direction:column; justify-content:center; align-items:center; }
	.mobileTopBtn li.mobileTopBtn1 a img { width:22px; display:block; margin-bottom:5px; }
}




/* 외부 링크 */
.underLink { position:relative; display:flex; justify-content:space-between; margin-top:15px; }


.underLinkUl { display:flex; justify-content:space-between; }
.underLinkUl > li { position:relative; height:20px; padding:0 16px 0 15px; }
.underLinkUl > li:after { content:''; position:absolute; right:0; top:8px; width:3px; height:3px; background:#ddd; display:inline-block; }
/* .underLinkUl > li:nth-of-type(3){font-weight:700;} */
.underLinkUl > li:first-child { padding-left:0; }
.underLinkUl > li:last-child::after { display:none; }

.underLinkUl > li > a:link,
.underLinkUl > li > a:visited { height:20px; line-height:20px; color:#666; font-size:1.6rem; text-align:center; display:block; }
.underLinkUl > li > a:active,
.underLinkUl > li > a:focus,
.underLinkUl > li > a:hover { color:#113d8e; }
.underLinkUl > li > a.select { font-weight:800; }

.underLinkUl > li:nth-child(2) > a,
.underLinkUl > li:nth-child(3) > a { padding-right:23px; background:url(/images/common/underLink_arrow.png) no-repeat right 50%; }

.underLinkUl > li > ul { display:none; }

@media (max-width:1024px){
.underLink{display:none;}
}







/* 사이드메뉴 */
.sidemenu { display:flex; justify-content:flex-end; gap:5px; }
.sidemenu li a:link,
.sidemenu li a:visited { width:30px; height:30px; line-height:28px; border: 1px solid #BFBFBF; border-radius:5px; text-align:center; display:flex; justify-content:center; align-items:center; }
.sidemenu li a:active,
.sidemenu li a:focus,
.sidemenu li a:hover { border-color: #6e6e6e; background:#eef1fa; }


@media (min-width:1025px) and (max-width:1400px){
.sideAllmenu ul.mdepth1 li a:active,
	.sideAllmenu ul.mdepth1 li a:focus,
	.sideAllmenu ul.mdepth1 li a:hover,
	.sideAllmenu ul.mdepth1 li a.select{background:initial !important;}
}

@media (max-width:1024px){
	
}

/* 타이틀 */
#top h1.title { position:absolute; left:0; top:95px; transform:translateY(-50%);}
#top h1.title a { width:100%; height:60px; padding:0px 0 0 67px; background:url(/images/common/mark.png) no-repeat; background-size:auto 56px; display:inline-block; word-break:keep-all; }
#top h1.title a strong { position:relative; color:#000; font-size:3.2rem; font-weight:800; } 
#top h1.title span { color:#000; font-size:2rem; font-weight:700;  letter-spacing:-0.5px; display:block; }

@media(max-width:1400px){
#top h1.title{padding-left:1.6rem;}
}

@media(max-width:1024px){
#top h1.title{padding-left:0;}
}

@media (min-width:769px) and (max-width:1024px){
	#top h1.title { left:16px; top:15px; transform:none; }
}

@media (max-width:768px){
	#top h1.title { left:16px; top:15px; transform:none; }
	#top h1.title a { height:40px; padding:0 0 0 50px; background-size:auto 40px; }
	#top h1.title a strong { top:-7px; font-size:2.5rem; }
	#top h1.title a span { font-size:1.2rem; }
}





/* 메인 메뉴 */
#menu { display:flex; justify-content:end; max-width:1400px; width:100%; z-index:99; padding:0 1.6rem; margin:.6rem auto 0;}
#topMenu { position:relative; max-width:1000px; display:flex; justify-content:space-between; width:100%; overflow:visible !important; }

#topMenu > li { position:relative; width:calc(100% / 7); text-align:center; display:inline-block; }
#topMenu > li > a:link,
#topMenu > li > a:visited { position:relative; display:flex; justify-content:center; align-items:center; min-height:10rem; color:#111; font-size:2.3rem; font-weight:700; letter-spacing:-1px; word-break:keep-all; }
#topMenu > li > a:active,
#topMenu > li > a:focus,
#topMenu > li > a:hover,
#topMenu > li > a.select { color:#ff6747;  }

#topMenu > li > a:link::before,
#topMenu > li > a:visited::before { position:absolute; left:50%; bottom:0; content:''; width:0; height:3px; background:#ff6747; text-align:center; transition:0.3s; transform:translate(-50%, 0); display:block; z-index:100; }
#topMenu > li > a:active::before,
#topMenu > li > a:focus::before,
#topMenu > li > a:hover::before { width:100%; }

#topMenu > li > a:link > ul::before,
#topMenu > li > a:visited > ul::before { position:absolute; left:50%; bottom:0px; content:''; width:0; border-bottom:3px solid #ff6747; text-align:center; transition:0.3s; transform:translate(-50%, 0); display:block; z-index:100; }
#topMenu > li > a:active > ul::before,
#topMenu > li > a:focus > ul::before,
#topMenu > li > a:hover > ul::before { width:100%; }




@media (min-width:1025px) and (max-width:1280px){
	#topMenu{max-width:800px;}
	#topMenu > li > a:link,
	#topMenu > li > a:visited { font-size:2.0rem; }
}

@media (max-width:1060px){
	#topMenu{max-width:750px;}
}

@media (max-width:1024px){
	#menu { display:none; } 
}




/* 하단 */
#bottom > .inner { padding:4rem 0 3rem; }

#bottom .f-logo { height:52px; padding:2px 0 0 65px; background:url(/images/common/mark.png) no-repeat; background-size:auto 52px; color:#ccc; font-weight:800; font-size:3.3rem; display:inline-block; margin-bottom:25px;}


#bottom .f-cnts { color:#ccc; display:flex; align-items:flex-start; justify-content:space-between; font-size:1.6rem; margin-bottom:3.2rem;}


#bottom .f-cnts address { display:flex; flex-direction:column; gap:10px;}
#bottom .f-cnts address dl { }

#bottom .f-cnts address dl dt { float:left; width:70px; font-weight:700; }
#bottom .f-cnts address dl dd { margin-left:70px; width:calc(100% - 70px); }

#bottom .f-cnts .f-link{display:none;}


#bottom .f-btm { color:#ccc; display:flex; justify-content:space-between; padding-top:3.2rem; border-top:.1rem solid #1c3259; }
#bottom .f-btm .f-menu{display:none;}

#bottom .f-btm .copy { font-size:1.5rem; margin-bottom:4.6rem; }
#bottom .f-btm .topBtn { position:absolute; right:0; bottom:0; }


@media (max-width: 1440px) {
	#bottom > .inner { padding:4rem 2.4rem 2.4rem; }
}


@media (max-width: 1024px) {
	#bottom .f-link { width:auto; }
}

@media (max-width: 768px) {
	#bottom > .inner { padding:2.4rem 1.6rem 1.6rem; }

	#bottom .link-site > .inner { padding:0; }
	#bottom .link-site .site-list { flex-direction:column; }
	#bottom .link-site .site-list .link { min-height:4.8rem; border-top:.1rem solid #CDD1D5; border-right:none; }
	#bottom .link-site .site-list li:first-child .link { border-left:none;  border-top:none; }

	#bottom .f-cnts { flex-direction:column; margin-bottom:2.4rem; }
	
	#bottom .f-cnts address { margin-bottom:2.8rem; }

	#bottom .f-link .btn { font-size:1.6rem; }
	#bottom .f-link .btn .svg-icon { width:1.6rem; height:1.6rem; }



	#bottom .f-info { font-size:1.6rem; margin-bottom:1.6rem; }
	#bottom .f-info .f-num { margin-bottom:.8rem; }
	#bottom .f-info .f-num span { margin-left:.4rem; }

	#bottom .f-btm { flex-direction:column; }
	#bottom .f-btm .f-menu { font-size:1.5rem; flex-wrap:wrap; margin-bottom:1.2rem; }
	#bottom .f-btm .copy { font-size:1.5rem; margin-bottom:5.2rem;  }
}






/* 서브레이아웃 */
#sContainer { position:relative;  width:140rem; background:linear-gradient(180deg, rgba(252, 255, 251, 0.8) 0%, rgba(255, 255, 255, 0.4) 200px); margin:5rem auto 14rem; z-index:1; padding:0 1.6rem;}
	#sLeft {float:left; width:280px; margin-right:60px; }
	#sRight {float:left; position:relative; width:calc(100% - 340px); }
		#content { width:100%; }

#sContainer #cont1{position:relative; padding:5rem 1.6rem 0 1.6rem;}


@media (min-width:1281px) and (max-width:1400px){
	#sContainer { width:100%; padding:0 24px; background:linear-gradient(180deg, rgba(252, 255, 251, 0.8) 0%, rgba(255, 255, 255, 0.4) 200px); margin:5rem auto 100px; z-index:1; }				
	#sContainer > .inner { padding:0; }

		#sLeft { float:left; width:250px; margin-right:50px; }
		#sRight { float:left; position:relative; width:calc(100% - 300px); }
			#content { width:100%; }
	
	#leftwrap{padding: 0 1.6rem 1.6rem !important;}
		#leftwrap .btn_next{right:16px !important;}
		#leftwrap .btn_play{right:50px !important;}
		#leftwrap .btn_prev{}
}


@media (min-width:1025px) and (max-width:1280px){
	#sContainer { width:100%; padding:0 24px; background:linear-gradient(180deg, rgba(252, 255, 251, 0.8) 0%, rgba(255, 255, 255, 0.4) 200px); margin:5rem auto 100px; z-index:1; }		
	#sContainer > .inner { padding:0; }

		#sLeft { float:left; width:220px; margin-right:30px; }
		#sRight { float:left; position:relative; width:calc(100% - 250px); }
			#content { width:100%; }
}



@media (min-width:769px) and (max-width:1024px){
	#sContainer { width:100%; background:none; margin:0 auto 75px; }		
	#sContainer > .inner { padding:0; }

		#sLeft { display:none; }
		#sRight { float:none; position:relative; width:100%; padding:0 24px; }
			#content { width:100%; }
}


@media (max-width:768px){
	#sContainer { width:100%; background:none; margin:0 auto 50px; }
	#sContainer > .inner { padding:0; }

		#sLeft { display:none; }
		#sRight { float:none; position:relative; width:100%;  }
			#content { width:100%; }
}








/* 서브비주얼 */
#sVisible { position:relative; width:100%; height:6rem; background: linear-gradient(137deg,rgba(245, 252, 220, 1) 0%, rgba(230, 250, 244, 1) 100%);}

#sVisible .pathBar{max-width:140rem; width:100%; height:100%; padding:0 1.6rem; margin:auto;}
#sVisible .pathBar .path{line-height:6rem; height:6rem; text-align:right; font-size:90%; color:#555; word-spacing:5px;}
#sVisible .pagetitle .path span { position:relative; top:0px; width:4px; height:7px; line-height:7px; background:url(/images/common/path_blt.gif) no-repeat; text-indent:-9999em; display:inline-block; }
#sVisible .pagetitle .path strong { color:#666; }



/* 패스바 */
.pathbar { position:absolute; left:0; top:-60px; width:100%; height:60px; background:#d80c18; z-index:3;  }
.pathbar > ul { height:60px; overflow:visible; }
.pathbar > ul > li { position:relative; float:left; width:281px; height:60px; line-height:60px; border-right:1px solid #b60a14; overflow:visible; }
.pathbar > ul > li.home { width:61px; }
.pathbar > ul > li.home.print { position:absolute; right:0; top:0; border-right:none; border-left:1px solid #b60a14; }
.pathbar > ul > li.home > a:link,
.pathbar > ul > li.home > a:visited { width:61px; padding-left:0px; text-align:center; display:block; }
.pathbar > ul > li.home > a:active,
.pathbar > ul > li.home > a:focus,
.pathbar > ul > li.home > a:hover { background:#c80a15; }

.pathbar > ul > li.depth > a:link,
.pathbar > ul > li.depth > a:visited { width:100%; padding-left:20px; background:url(/images/inc/pathbar_blt.gif) no-repeat right top; color:#eee; letter-spacing:-1px; display:block; }
.pathbar > ul > li.depth > a:active,
.pathbar > ul > li.depth > a:focus,
.pathbar > ul > li.depth > a:hover { color:#fff; } 



.pathbar ul li ul.ulMenu1 { position:absolute; left:-1px; top:60px; width:calc(100% + 2px); border:1px solid #ddd; border-top:none; background:#fff; box-shadow:1px 5px 8px rgba(0,0,0,0.05); display:none; overflow:visible; z-index:11; }
.pathbar ul li ul.ulMenu2 { position:absolute; left:-1px; top:60px; width:calc(100% + 2px); border:1px solid #ddd; border-top:none; background:#fff; box-shadow:1px 5px 8px rgba(0,0,0,0.05); display:none; z-index:12;  }


.pathbar ul li ul > li { width:100%; display:block;  }
.pathbar ul li ul a:link,
.pathbar ul li ul a:visited { width:100%; padding:8px 0 8px 20px; line-height:1.5; font-size:95%; transition:0.2s; display:block; }
.pathbar ul li ul a:active,
.pathbar ul li ul a:focus,
.pathbar ul li ul a:hover { background:#ff4a0c; color:#fff; }





@media (min-width:769px) and (max-width:1024px){

}


@media (max-width:768px){
	.pathbar { top:0; height:50px; }
	.pathbar > ul { height:50px; overflow:visible; }
	.pathbar > ul > li { width:calc(50% - 51px); height:50px; line-height:50px; }
	.pathbar > ul > li.home { width:51px; }
	.pathbar > ul > li.home.print { border-left:none; }
	
	
	.pathbar > ul > li.home > a:link,
	.pathbar > ul > li.home > a:visited { width:51px; }
	
	.pathbar > ul > li.home a img { position:relative; top:-5px; left:-5px;}
	
	.pathbar > ul > li.depth > a:link,
	.pathbar > ul > li.depth > a:visited { padding-left:5px; letter-spacing:-1.5px; background-position:103% -5px; }

	.pathbar ul li ul.ulMenu1 { top:50px; }
	.pathbar ul li ul.ulMenu2 { top:50px; }
	
	.pathbar ul li ul a:link,
	.pathbar ul li ul a:visited { padding:8px 0 8px 5px; letter-spacing:-1.5px; }
}


/* 페이지 타이틀 */
.pagetitle { display:flex; justify-content:space-between; align-items:center; width:100%; height:auto; border-bottom:1px solid #ddd; margin-bottom:50px; padding-bottom:2.4rem;}



.pagetitle h2 { width:auto; font-family:pgovb; font-size:220%; color:#000; }


.pagetitle .snsbtn { position:relative; height:35px; }
.pagetitle .snsbtn ul { height:35px; overflow:hidden;}

.pagetitle .snsbtn ul.pcTabletBtn { display:block; }
.pagetitle .snsbtn ul.mobileBtn { display:none; }

.pagetitle .snsbtn ul li { float:left; margin-left:10px; }
.pagetitle .snsbtn ul li.kakaostory { width:35px; height:35px; line-height:35px; background:#fcb700; border-radius:50%; text-align:center; }
.pagetitle .snsbtn ul li.kakaostory img { padding-top:5px; }


@media (min-width:1281px) and (max-width:1400px){
}


@media (min-width:1025px) and (max-width:1280px){
}


@media (min-width:769px) and (max-width:1024px){
.pagetitle { height:100px; padding-bottom:0;}
	
.pagetitle .path { top:80px; }	
.pagetitle h2 { font-size:200%;  }


.pagetitle .snsbtn ul.pcTabletBtn { display:none; }
.pagetitle .snsbtn ul.mobileBtn { display:block; }
.pagetitle .snsbtn ul li { margin-left:5px; }
			
}

@media (max-width:768px){
.pagetitle { height:110px; padding-bottom:0; }
.pagetitle .path { position:static; width:100%; height:55px; line-height:55px; padding:0 80px 0 10px; background:#667ba2;color:#fff; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; }	
.pagetitle .path strong { color:#fff; }

.pagetitle h2 { padding:0 15px; font-size:200%; }


.pagetitle .snsbtn ul.pcTabletBtn { display:none; }
.pagetitle .snsbtn ul.mobileBtn { display:block; }
.pagetitle .snsbtn ul li { margin-left:8px; }
}

/* 좌측 슬라이드 */
#leftwrap{position:relative; width:100%; padding:0 2rem 2rem;}
#leftwrap:before{position:absolute; content:''; left:0; bottom:0; width:100%; height:22rem; background: linear-gradient(120deg, #176ba7, #1aa57b, #7cb544); z-index:-1; border-radius:2.4rem 12rem 2.4rem 12rem; box-shadow:0 2px 40px 0 rgba(32, 121, 103, 0.2);}
.leftTitle{display:flex; align-items:center; justify-content:space-between; margin-bottom:1.6rem;}
.leftTitle h2{ font-size: 2.8rem; color: #111;}

.slideBtn{display:flex; align-items:center; margin-bottom:0.8rem;}
.slideBtn > button {margin-right:1.2rem;}

#leftwrap .btn_prev{ width:32px; height:32px; line-height:32px; cursor:pointer; display:block; background:url('/images/main/slick_btn_prev.gif') no-repeat center/contain; font-size:0; background-size:8px auto; border-radius:1.6rem; border:none; transition:0.3s; order:1;}
#leftwrap .btn_prev:hover{border:1px solid #eadada; box-shadow:0 2px 4px rgb(0,0,0,0.2);  }

#leftwrap .btn_play{width:32px; height:32px; line-height:15px; cursor:pointer; display:block; background:url('/images/main/slick_btn_pause.gif') no-repeat center/contain; font-size:0; border-radius:1.6rem; background-size:8px auto; transition:0.3s; order:2;}
#leftwrap .btn_play:hover{border:1px solid #eadada; box-shadow:0 2px 4px rgb(0,0,0,0.2); border-radius:1.6rem; }
#leftwrap .btn_play.on { background:url('/images/main/slick_btn_play.gif') no-repeat center/contain; background-size:8px auto; transition:0.3s; }
#leftwrap .btn_play.on:hover{border:1px solid #eadada; box-shadow:0 2px 4px rgb(0,0,0,0.2);  }

#leftwrap .btn_next{ width:32px; height:32px; line-height:15px; cursor:pointer; display:block; background:url('/images/main/slick_btn_next.gif') no-repeat center/contain; font-size:0; background-size:8px auto; border-radius:1.6rem; transition:0.3s; order:3; margin-right:0;}
#leftwrap .btn_next:hover{border:1px solid #eadada; box-shadow:0 2px 4px rgb(0,0,0,0.2);  }

#leftwrap .slideList{width:100%; height:auto; }
#leftwrap .slideList .list{width:100%; height:100%; padding:0 0.8rem; }
#leftwrap .slideList .list .listImg{width:100%; display:block; border:1px solid #efefef;}
#leftwrap .slideList .list .listImg img{width:100%; height:100%; object-fit:cover;}
#leftwrap .listName{display:flex; align-items:center; font-size:2.4rem; color:#fff; font-weight:700; padding:1.6rem;}
#leftwrap .listName:before{content:''; display:block; width:8px; height:8px; border-radius:1.6rem; background:#fff;  margin-right:0.8rem;}

@media(max-width:1280px){
.leftTitle{flex-direction:column; align-items:flex-start;}
.leftTitle h2{margin-bottom:0.8rem;}
#leftwrap .listName{font-size:2rem; word-break:keep-all;}
}