#main-1 { padding:90px 0 90px; text-align:center; background:#fdf9f4; }
#main-1 h1 { font-size:30px; font-weight:bold; margin:0; }
#main-1 h2 { font-size:20px; line-height:33px;}
#main-1 p { font-size:27px; font-weight:bold; }
#main-1 hr { width:150px; border-top:2px solid #000; margin:15px auto 40px; }
#main-1 ul { margin-top:30px; }
#main-1 li img { display:block; margin:0 auto 20px; }
#main-1 li { float:left; width:25%; text-align:center; font-size:25px; color:#0D4487; border-right:1px solid #0D4487; }
#main-1 li:hover { transition:0.2s all; opacity:0.7; }

#main-2 { background:url(../../../Layouts/bucheon_Layout/Images/board_bg.png) no-repeat; padding:136px 0; height:600px; }
#main-2 > div > div > div { padding:0 10px; }
#main-2 .notice-box { background:#fff; padding:35px 30px; }
#main-2 .notice-box h2 { color:#2E2E2E; float:left; font-size:24px; margin:0; font-weight:bold; }
#main-2 .notice-box .plus { float:right; font-size:40px; font-weight:bold; color:#2E2E2E; position:relative; top:-15px; text-decoration:none; }
#main-2 .notice-box ul { clear:both; border-top:1px solid #2E2E2E; padding:0; position:relative; top:-10px; overflow:hidden; }
#main-2 .notice-box ul a { color:#fff; }
#main-2 .notice-box ul li { overflow:hidden; padding:25px 10px 0 ; }
#main-2 .notice-box .plus:hover { color:#FBB462; transition:0.2s all; }
#main-2 .notice-box ul li:hover { color:#FBB462; transition:0.2s all; }
#main-2 .notice-box ul li p { display: inline-block; width: 180px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size:18px; margin:0; float:left; color:#2E2E2E;}
#main-2 .notice-box ul li span { font-size:18px; margin:0; float:right; color:#2E2E2E; }

#main-3 { padding:70px 0; text-align:center; }
#main-3 img:hover { opacity:0.7; transform:scale(1.1); transition:0.3s all; }
#main-3 > div > div > div > a > div { overflow:hidden; }

@media (min-width:1200px) and (max-width:1499px) {
	
}

@media (min-width:993px) and (max-width:1199px) {

}

@media (min-width:768px) and (max-width:992px) {
		#main-1 { padding:30px 0!important; }
    #main-1 h2 { font-size:18px; }
    #main-1 li { font-size:20px; }
    #main-2 .notice-box { padding:35px 15px; }
    #main-2 .notice-box ul li p { width:85px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; }
   .live-youtube{WIDTH:100%; TEXT-ALIGN:CENTER;PADDING:30PX 0PX;}
    .live-youtube a{font-size: 24px;color: #001C49;font-weight: 700;vertical-align: middle; text-decoration:none!important;}

}

@media (max-width: 767px) {
	 .live-youtube{WIDTH:100%;PADDING:30PX 0PX;TEXT-ALIGN:CENTER;}
	 .live-youtube a{font-size: 24px;color: #001C49;font-weight: 700;vertical-align: middle; text-decoration:none!important;}
    #main-3 > div > div > div > a > div { margin-bottom:15px; }
    #main-2 { height:auto!important; background-size: 100% 100%; padding: 30px 0; }
    #main-2 > div > div > div { padding:0 15px; }
    #main-2 .notice-box { margin-bottom:15px; }
    #main-1 h1 { font-size:20px;}
    #main-1 p { font-size:19px;}
    #main-1 h2 { font-size:17px;}
    #main-1 li { width:50%;  border:none!important; }
    #main-1 li { margin-bottom:30px; font-size:18px;}
    #main-1 li img { max-width:70px; }
    #main-1 { padding:30px 0!important; }
    #main-1 ul { margin:30px 0 0; }
    #main-3 { padding:15px 0; }
    #main-2 .notice-box ul li p {display: inline-block; width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    
 }
 
 @media(max-width:375px){
 	#main-2 .notice-box ul li p {letter-spacing:-1px;font-size:16px;display: inline-block; width: 125px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
 	#main-2 .notice-box ul li span{letter-spacing: -1px;font-size:16px;}
 	}