.m_video_wrap {position:absolute; width:100%; height:760px; z-index:-1;}
.m_video_wrap video {position:relative; width:100%; height:760px; left:0px; top:0px; box-sizing: border-box; object-fit:cover;}
.m_video_sha {position:absolute; width:100%; height:760px; left:0px; top:0px; background:url('../img/main/sha.png'); background-size:1px 760px;}

.m_cont_wrap {position:relative; width:1220px; box-sizing:border-box; margin:0 auto; padding-top:590px; min-height:1000px;}
.m_list_tit {position:relative; width:100%; box-sizing:border-box; padding-bottom:17px; font-size:20px; color:#fff; font-weight:600;}
.m_list_wrap {position:relative; width:100%; box-sizing:border-box; margin-bottom:40px;}
.m_list_wrap ul li {position:relative; float:left; width:calc(25% - 15px); margin-right:20px; margin-bottom:40px; cursor:pointer;}
.m_list_wrap ul li:nth-child(4n+4) {margin-right:0px;}
.m_list_wrap ul li:hover .m_list_imgboxline {border:solid 1px rgba(25,230,235,.4)}
.m_list_imgbox {position:relative; width:100%; padding-top:65%; box-sizing:border-box; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.m_list_imgboxline {position:absolute; width:100%; padding-top:calc(65% - 2px); left:0px; top:0px; box-sizing:border-box; border:solid 1px rgba(25,230,235,0); transition:all 0.4s ease 0s;}
.m_list_best {position:absolute; left:16px; top:10px; font-size:14px; font-weight:400; color:#3efeff;}
.m_list_txtbox {position:relative; width:100%; box-sizing:border-box; padding-top:15px; padding-bottom:5px;}
.m_list_txtcat {position:relative; width:100%; box-sizing:border-box; font-size:14px; font-weight:300; color:rgba(255,255,255,.7); padding-bottom:3px;}
.m_list_txttit {position:relative; width:100%; box-sizing:border-box; font-size:15px; font-weight:300; color:rgba(255,255,255,1); line-height:130%; padding-bottom:0px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; white-space:normal; letter-spacing:0.5px; word-break:keep-all;}
.m_list_txtcost {position:relative; width:100%; box-sizing:border-box; font-size:14px; font-weight:300; color:#3efeff;}


/* 태블릿 CSS */
@media all and (max-width:1260px){
	.m_video_wrap {height:320px;}
	.m_video_wrap video {height:320px;}
	.m_video_sha {background-size:1px 320px;}
	.m_cont_wrap {width:100%; padding-top:280px; padding-left:20px; padding-right:20px;}
	.m_list_wrap ul li {width:calc(25% - 12px); margin-right:16px; margin-bottom:30px;}
	
	.m_list_tit {padding-bottom:15px; font-size:17px; color:#fff; font-weight:600;}
	.m_list_imgbox {border-radius:2px;}
	.m_list_imgboxline {display:none;}
	.m_list_best {left:13px; top:7px; font-size:13px; font-weight:800;}
	.m_list_txtbox {padding-top:9px; padding-bottom:0px;}
	.m_list_txtcat {font-size:12px; padding-bottom:0px; line-height:140%;}
	.m_list_txttit {font-size:14px; padding-bottom:1px; letter-spacing:0.3px;}
	.m_list_txtcost {font-size:13px;}
}


/* 모바일 CSS */
@media all and (max-width:480px){
	.m_video_wrap {height:320px;}
	.m_video_wrap video {height:320px;}
	.m_video_sha {background-size:1px 320px;}
	.m_cont_wrap {width:100%; padding-top:280px; padding-left:20px; padding-right:20px;}
	.m_list_wrap ul li {width:calc(50% - 8px); margin-right:16px; margin-bottom:30px;}
	.m_list_wrap ul li:nth-child(2n+2) {margin-right:0px;}
	
	.m_list_tit {padding-bottom:15px; font-size:17px; color:#fff; font-weight:600;}
	.m_list_imgbox {border-radius:2px;}
	.m_list_imgboxline {display:none;}
	.m_list_best {left:13px; top:7px; font-size:13px; font-weight:800;}
	.m_list_txtbox {padding-top:9px; padding-bottom:0px;}
	.m_list_txtcat {font-size:12px; padding-bottom:0px; line-height:140%;}
	.m_list_txttit {font-size:14px; padding-bottom:1px; letter-spacing:0.3px;}
	.m_list_txtcost {font-size:13px;}
}