/* main m_banner_list01 */
.m_banner_list01 {position:Relative;  margin-bottom:2em;}
.m_banner_list01 a,
.m_banner_list01 a img {max-width:100%;}
.m_banner_list01 a.img_div2_big img {width:78%;}
.m_banner_list01 img.img_div2_small  {width:22%; float:right; }

.m_banner_list02 {margin-bottom:2em;}
.m_banner_list02 .line2 {float:left; width:50%;}

.m_banner_list01:After,
.m_banner_list02:After {clear:Both; content:""; display:block;}


/* ���� �ֱ� �Խù� */
#main_bn_box {margin-bottom:5px; }

.newest_board {position:Relative; margin-bottom:2em;}
.newest_board:after  {clear:Both; display:Block; content:""; }
.newest_board .mlist_01 {float:left; width:35%; }
.newest_board li {line-height:24px; height:24px; overflow:hidden;}
.newest_board li a {padding:0 5px; font-size:13px;}
.newest_board li a+a {border-left:1px solid rgba(0,0,0,0.2); }

.newest_board .mlist_02 {float:left; width:35%; margin:0 10px;}

.newest_board .mlist_03 {float:left; width:calc(30% - 20px);; }


.bg_red {background-color:#f53509} 
.bg_blue {background-color:#49c7eb} 
.bg_purple {background-color:#7a14d1} 
.bg_black {background-color:#000; } 
.bg_purple a,
.bg_black a {color:#fff;}






@media all and (max-width:1300px){
	.pc_quick_banner01,
	.pc_quick_banner02 {display:none;}

	#main_bn_box {width:100%;}

}





@media all and (max-width:640px){
	.newest_board {border:1px solid #ededed; padding:10px; box-sizing:Border-box; }
	.newest_board .mlist_01 {width:100%; margin:0;}
	.newest_board .mlist_02 {width:100%; margin:10px 0;}
	.newest_board .mlist_03 {width:100%; margin:0;}

	.m_banner_list02 .line2 {float:left; width:100%;}
	.m_banner_list02 .line2 img { width:100%;}
}