@charset "utf-8";


/* 레이아웃 */
#hnwrap { min-width:1200px; width:100%; }
#top { position:relative; width:100%; height:172px; border-bottom:2px solid #0b2557; background: url(/images/inc/top_bg.gif) repeat-x; }
	#toparea { position:relative; width:1200px; height:172px; margin:0 auto; overflow:visible } 
	
#container { position:relative; width:100%; z-index:2; }
	.containerarea { width:1200px; padding:50px 0 100px 0; margin:0 auto; }
	
#bottom { width:100%; background:#333; border-top:1px solid #111;  }
	#bottomarea { position:relative; width:1200px; padding:40px 0 70px 0; margin:0 auto; z-index:3; }
	
	
@media (min-width:769px) and (max-width:1023px){
	html, body, #hnwrap { min-width:100%; width:100%; }
		
	#top { position:relative; width:100%; height:97px; border-bottom:1px solid #0b2557; background:#fff; }
		#toparea { position:relative; width:100%; height:97px; margin:0 auto; overflow:visible }
	
	#container { position:relative; width:100%; z-index:2; }	
		.containerarea { width:100%; padding:30px 30px 70px 30px; box-sizing:border-box; margin:0 auto; }
			
	#bottom { width:100%; background:#333; border-top:1px solid #111; }
		#bottomarea { position:relative; width:100%; padding:40px 30px 60px 30px; box-sizing:border-box; margin:0 auto; }

}


@media (max-width:768px){
	html, body, #hnwrap { min-width:100%; width:100%; }
		
	#top { position:relative; width:100%; height:65px; border-bottom:1px solid #0b2557; background:#fff; }
		#toparea { position:relative; width:100%; height:65px; margin:0 auto; overflow:visible }
	
	#container { position:relative; width:100%; z-index:2; }
		.containerarea { width:100%; padding:30px 15px 30px 15px; box-sizing:border-box; margin:0 auto; }
			
	#bottom { width:100%; background:#333; border-top:1px solid #111; }
		#bottomarea { position:relative; width:100%; padding:40px 30px 60px 30px; box-sizing:border-box; margin:0 auto; }
}



/* 바로가기 */
ul.skipUl { position:absolute; top:0; width:100%; height:0; z-index:1000; }
ul.skipUl li a { width:1px; height:1px; margin-bottom:-1px; text-align:center; color:#fff; white-space:nowrap; overflow:hidden; display:block; }

ul.skipUl li.li1 a:focus, 
ul.skipUl li.li1 a:active{  width:100%; height:30px; line-height:30px; display:block; background:#da131a;}
ul.skipUl li.li2 a:focus, 
ul.skipUl li.li2 a:active{  width:100%; height:30px; line-height:30px; display:block; background:#1757b7;}






/* 타이틀 */
#top h1.title { position:absolute; left:0px; top:80px; }


@media (min-width:769px) and (max-width:1023px){
	#top h1.title { left:calc(50% - 182px); top:17px; text-align:center; margin:0; }
	#top h1.title img { height:auto; }
}

@media (max-width:768px){
	#top h1.title { left:calc(50% - 108px); top:14px; text-align:center; margin:0; }
	#top h1.title img { height:37px; }
}



/* 모바일용 상단 버튼 */
.mobileTopBtn { display:none; }

@media (min-width:769px) and (max-width:1023px){
	.mobileTopBtn { display:block; }
	.mobileTopBtn li.mobileTopBtn1 { position:absolute; left:20px; top:28px; display:block; }
	.mobileTopBtn li.mobileTopBtn2 { position:absolute; right:20px; top:28px; display:block; }
}


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



/* 모바일용 외부 링크 */
.mobileLink { display:none; }

@media (min-width:769px) and (max-width:1023px){
	.mobileLink { position:absolute; left:0; top:97px; width:100%; border-top:1px solid #ddd; border-bottom:1px solid #0b2557; background:#f9f9f9; z-index:10; }
	.mobileLink ul { width:100%; overflow:hidden; }
	.mobileLink ul li { float:left; width:33.3%; height:50px; line-height:50px; border-right:1px solid #ddd; box-sizing:border-box; text-align:center; font-size:90%; letter-spacing:-1px; }
	.mobileLink ul li:last-child { width:33.4%; border-right:none; }
}


@media (max-width:768px){
	.mobileLink { position:absolute; left:0; top:65px; width:100%; border-top:1px solid #ddd; border-bottom:1px solid #0b2557; background:#f9f9f9; z-index:10; }
	.mobileLink ul { width:100%; overflow:hidden; }
	.mobileLink ul li { float:left; width:33.3%; height:50px; line-height:50px; border-right:1px solid #ddd; box-sizing:border-box; text-align:center; font-size:90%; letter-spacing:-1px; }
	.mobileLink ul li:last-child { width:33.4%; border-right:none; }
}


/* 외부 링크 */
.underLink { position:relative; float:left; }
.underLink > ul { overflow:hidden; border-left:1px solid #3a4d70; }
.underLink > ul li { float:left; height:50px; border-right:1px solid #3a4d70; }
.underLink > ul li a:link,
.underLink > ul li a:visited { width:140px; height:50px; line-height:50px; text-align:center; color:#ccc; display:block; }
.underLink > ul li a:active,
.underLink > ul li a:focus,
.underLink > ul li a:hover { color:#fff; }
.underLink > ul li a.select { background:#fff; color:#0c2a62; }


@media (min-width:769px) and (max-width:1023px){
	.underLink { display:none;}
}

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


/* 폰트설정 */
.fontszie { float:right; }
.fontszie ul { border-left:1px solid #213c70; overflow:hidden; }
.fontszie ul li { float:left; width:50px; height:50px; border-right:1px solid #213c70; }
.fontszie ul li a:link,
.fontszie ul li a:visited { display:block; }
.fontszie ul li a:active,
.fontszie ul li a:focus,
.fontszie ul li a:hover { background:#1d4082; }

@media (min-width:769px) and (max-width:1023px){
	.fontszie { display:none; } 	 	
}



@media (max-width:768px){
	.fontszie { display:none; } 	
}


/* 사이드메뉴 */
.sidemenu { position:relative; float:right; font-size:85%; margin-top:40px; margin-right:15px; }
.sidemenu ul {}
.sidemenu ul li { float:left; margin-left:20px; }
.sidemenu ul li a:link,
.sidemenu ul li a:visited { color:#ccc;  }
.sidemenu ul li a:active,
.sidemenu ul li a:focus,
.sidemenu ul li a:hover { color:#202c4a; }

.sidemenu ul li:nth-child(2) { padding-right:15px; background:url(/images/egovframework/com/svc/council/inc/language_blt.gif) no-repeat right 9px; }
.sidemenu ul li ul { position:absolute; right:0px; top:25px; width:240px; height:50px; line-height:50px; padding:0 15px; border:1px solid #eee; background:#fff; overflow:hidden; display:none; z-index:10; }
.sidemenu ul li ul li { float:left; padding:0 10px; margin:0; }
.sidemenu ul li ul li:nth-child(2) { padding:0 10px; background:none; }
.sidemenu ul li ul li a:link,
.sidemenu ul li ul li a:visited { color:#999; }
.sidemenu ul li ul li a:active,
.sidemenu ul li ul li a:focus,
.sidemenu ul li ul li a:hover { color:#1757b7; }



@media (min-width:769px) and (max-width:1023px){
	.sidemenu { position:relative; float:right; font-size:85%; margin-top:20px; margin-right:20px; }	 	
}


@media (max-width:768px){
	.sidemenu { display:none; }	
}



/* gnb 메뉴 */
#menu { position:absolute; right:0; top:74px; }
#topMenu { position:relative; overflow:visible; }

#topMenu li { float:left; width:auto; text-align:center; display:inline-block; padding:0; margin:0; }

#topMenu li a:link,
#topMenu li a:visited { width:auto; height:110px; vertical-align:top; background:none; padding:20px 28px 0 28px; margin:0; color:#333; text-decoration:none; font-size:140%; display:block; box-sizing:border-box; font-family:NotoSans-Medium, "본고딕 미디엄"; letter-spacing:-1px; }
#topMenu li a:active,
#topMenu li a:focus,
#topMenu li a:hover,
#topMenu li a.select { padding-bottom:10px; color:#6fa880;  }




@media (min-width:769px) and (max-width:1023px){
	#menu { display:none;  }
}


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




/* 서브메뉴 표시 */
#topMenu li .mp { position:absolute; left:-130px; top:71px; width:100px; height:120px; z-index:1002; }
#topMenu li .mp .mparea { position:absolute; right:0; width:500%; height:120px; }
#topMenu li .mp .mparea .st { position:absolute; right:130px; top:25px; padding:0; margin:0; color:#113d8e; font-size:170%; font-family:NotoSans-Medium, "본고딕 미디엄"; letter-spacing:-1px; }
#topMenu li .mp .mparea .ss { position:absolute; right:130px; top:65px; padding:0; margin:0; color:#333; letter-spacing:-1px; }

#topMenu li .mp .mparea .mpicon1 { position:absolute; right:0px; bottom:0px; width:120px; height:115px; background:url(/images/inc/submenu_icon1.png) no-repeat right 50%; }
#topMenu li .mp .mparea .mpicon2 { position:absolute; right:0px; bottom:0px; width:120px; height:115px; background:url(/images/inc/submenu_icon2.png) no-repeat right 50%; }
#topMenu li .mp .mparea .mpicon3 { position:absolute; right:0px; bottom:0px; width:120px; height:115px; background:url(/images/inc/submenu_icon3.png) no-repeat right 50%; }
#topMenu li .mp .mparea .mpicon4 { position:absolute; right:0px; bottom:0px; width:120px; height:115px; background:url(/images/inc/submenu_icon4.png) no-repeat right 50%; }
#topMenu li .mp .mparea .mpicon5 { position:absolute; right:0px; bottom:0px; width:120px; height:115px; background:url(/images/inc/submenu_icon5.png) no-repeat right 50%; }
#topMenu li .mp .mparea .mpicon6 { position:absolute; right:0px; bottom:0px; width:120px; height:115px; background:url(/images/inc/submenu_icon6.png) no-repeat right 50%; }
#topMenu li .mp .mparea .mpicon7 { position:absolute; right:0px; bottom:0px; width:120px; height:115px; background:url(/images/inc/submenu_icon7.png) no-repeat right 50%; }


#topMenu li ul { position:absolute; left:0; top:95px; width:850px; height:120px; padding:25px 0 0 30px; box-sizing:border-box; clear:both; z-index:1003; }
#topMenu li ul#snb4 { left:382px; }


#topMenu li ul li { float:left; position:relative; /*width:calc(16% - 33px);*/ width:120px; height:36px; line-height:36px; padding-left:10px; box-sizing:border-box; background:url(/images/inc/submenu_blt.gif) no-repeat 0 17px; text-align:left; margin:0 20px 0 0; display:block; }

#topMenu li ul li.submenu_title { font-size:180%; color:#fff; padding:0 0 15px 50px; border:0; }
#topMenu li ul li.twoline { padding:10px 0 38px 50px; }


#topMenu li ul li a:link,
#topMenu li ul li a:visited { width:100%; height:auto; padding:0; text-decoration:none; color:#333; font-size:105%; margin:0; background:none; border:0; display:inline-block; }
#topMenu li ul li a:active,
#topMenu li ul li a:hover,
#topMenu li ul li a:focus,
#topMenu li ul li a.select { clear:both; text-decoration:none; color:#648b9d; }

#topMenu li ul li a.slnk:link,
#topMenu li ul li a.slnk:visited,
#topMenu li ul li a.slnk:active,
#topMenu li ul li a.slnk:hover,
#topMenu li ul li a.slnk:focus { clear:both; display:block; color:#648b9d; }


.submenu { width:100%; display:none; overflow:hidden; }

.menubox { position:absolute; left:0; top:172px; width:100%; height:80px; border-top:1px solid #eee; border-bottom:3px solid #0b2d74; background:#f9f9f9; display:none; z-index:10; }


@media (min-width:769px) and (max-width:1023px){
	.topMenu,
	.menubox { display:none; } 	
}

@media (max-width:768px){
	.topMenu,
	.menubox { display:none; } 	
}






/* 사이드메뉴2 - 상단검색버튼 */
.sidemenu2 { position:absolute; right:15px; top:104px; }
.sidemenu2 ul { overflow:hidden; }
.sidemenu2 ul li { float:left; margin-left:35px;  }


@media (min-width:769px) and (max-width:1023px){
	.sidemenu2 { display:none; }	
}


@media (max-width:768px){
	.sidemenu2 { display:none; }	
}





/* 메인비주얼배경 */
.mainVod { width:100%; height:666px; background:url(/images/main/visible_bg.jpg) no-repeat 50% top; }
.mainVod .mainVodarea { width:1200px; padding:100px 0; margin:0 auto; } 


@media (min-width:769px) and (max-width:1023px){
	.mainVod { height:auto; background:url(/images/main/visible_bg2.gif); }
	.mainVod .mainVodarea { width:100%; padding:30px 30px; box-sizing:border-box; } 
}

@media (max-width:768px){
	.mainVod { height:auto; background:url(/images/main/visible_bg2.gif); }
	.mainVod .mainVodarea { width:100%; padding:30px 15px; box-sizing:border-box; } 
	
}






/* 메인플레이어 */
.mainPlayer { float:left; width:720px; margin-right:50px; }
.mainPlayer .subject { width:100%; height:60px; line-height:60px; padding-left:37px; box-sizing:border-box; background:#6fa880 url(/images/main/player_blt.gif) no-repeat 20px 25px; color:#fff; font-size:155%;  }
.mainPlayer .vodarea { width:100%;  background:#fff; }

.mainPlayer .vodarea .video { width:100%; height:405px; background:#333; }
.mainPlayer .vodarea .video2 { display:none; }

@media (min-width:769px) and (max-width:1023px){
	.mainPlayer { float:none; width:100%; margin-right:0px; margin-bottom:30px; }
	.mainPlayer .vodarea {width:100%; min-height:auto; }
}

@media (max-width:768px){
	.mainPlayer { float:none; width:100%; height:auto; margin-right:0px; margin-bottom:20px; }
	.mainPlayer .subject { font-size:130%;  }

	.mainPlayer .vodarea { width:100%; height:auto; background:#fff; }
}
@media (max-width:600px){	
	.mainPlayer .vodarea .video  { height:321px; }
}
@media (max-width:425px){	
	.mainPlayer .vodarea .video  { height:222px; }
}
@media (max-width:375px){	
	.mainPlayer .vodarea .video  { height:194px; }
}
@media (max-width:360px){	
	.mainPlayer .vodarea .video  { height:186px; }
}




/* 생방송일정 */
.todayonair { float:left; position:relative; width:430px; height:306px; background:#fff; }
.todayonair h1 { width:100%; height:60px; line-height:60px; padding-left:20px; box-sizing:border-box; background:#6fa880; color:#fff; font-size:155%; font-family:NotoSans-Medium, "본고딕 미디엄"; letter-spacing:-1px;  }
.todayonair h1 .todaystr { font-family: NotoSans-DemiLight, "본고딕 데미라이트"; color:#162a1c; }

.todayonair .mOnairListBox { width:calc(100% - 40px); padding:10px 20px 0 20px; margin:0 auto; }
.todayonair .mOnairListBox ul.list { width:100%; overflow:hidden; }
.todayonair .mOnairListBox ul.list li { width:100%; height:44px; line-height:44px; border-bottom:1px solid #ddd; display:block;  }


.todayonair .mOnairListBox ul.list li .icon { float:left; width:75px; height:34px; line-height:34px; border-radius:3px; text-align:center; color:#fff; display:block; margin:5px 10px 0 0; }
.todayonair .mOnairListBox ul.list li .typeOn { background:#ee5f08; }
.todayonair .mOnairListBox ul.list li .typeOff { background:#40423f; }
.todayonair .mOnairListBox ul.list li .typeEnd { background:#dddddd; }

.todayonair .mOnairListBox ul.list li .subject { float:left; width:calc(100% - 185px); }
.todayonair .mOnairListBox ul.list li .subject a:link,
.todayonair .mOnairListBox ul.list li .subject a:visited { width:100%; color:#333; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; }
.todayonair .mOnairListBox ul.list li .subject a:active,
.todayonair .mOnairListBox ul.list li .subject a:focus,
.todayonair .mOnairListBox ul.list li .subject a:hover { color:#6fa880; } 

.todayonair .mOnairListBox ul.list li .time { float:left; width:100px; height:34px; line-height:34px; padding-left:41px; box-sizing:border-box; background:url(/images/main/todayonair_timeicon.png) no-repeat 0 50%; color:#1f8fa3; display:inline-block; margin-top:5px; }


.todayonair .mOnairListBox ul.example { width:100%; border-bottom:1px solid #ddd; }
.todayonair .mOnairListBox ul.example li { float:left; padding:14px 0 17px 0; margin-right:10px; }
.todayonair .mOnairListBox ul.example li span { position:relative; top:2px; width:15px; height:15px; line-height:15px; border-radius:50%; font-size:0; display:inline-block; }
.todayonair .mOnairListBox ul.example li .ex1 { background:#ee5f08;}
.todayonair .mOnairListBox ul.example li .ex2 { background:#40423f;}
.todayonair .mOnairListBox ul.example li .ex3 { background:#dddddd;}

.todayonair .more { position:absolute; right:20px; top:23px; }



@media (min-width:769px) and (max-width:1023px){
	.todayonair { float:left; width:calc(50% - 10px);  height:auto; padding-bottom:20px; margin-right:10px; }
	.todayonair h1 { font-size:140%; }
	.todayonair .mOnairListBox ul.example li { padding:9px 0 12px 0; }
}

@media (max-width:882px){
	.todayonair .mOnairListBox ul.example li:last-child { padding-top:0; }
}
	
@media (max-width:768px){
	.todayonair { float:none; width:100%; height:auto;padding-bottom:15px; margin-bottom:20px; }
	.todayonair h1 { font-size:130%; }	

	.todayonair .mOnairListBox ul.example li { padding:9px 0 12px 0; }
	.todayonair .mOnairListBox ul.example li:last-child { padding-top:9px; }
}

@media (max-width:431px){
	.todayonair .mOnairListBox ul.example li:last-child { padding-top:0; }	
}





/* 영상검색 */
.mVodSearch { float:left; position:relative; width:430px;height:159px; background:#fff; }
.mVodSearch h1 { width:100%; height:60px; line-height:60px; padding-left:20px; box-sizing:border-box; background:#6fa880; color:#fff; font-size:155%; font-family: NotoSans-DemiLight, "본고딕 데미라이트"; letter-spacing:-1px;  }
.mVodSearch .vodsearch_body { width:100%; padding:20px 20px 0 20px; box-sizing:border-box; }

/*.mVodSearch .vodsearch_body .select_select1 { float:left; width:calc(50% - 10px); height:40px; line-height:40px; padding-left:10px; border:1px solid #ddd; box-sizing:border-box; margin:0 10px 10px 0; }*/

.mVodSearch .vodsearch_body .select_select2 { float:left; width:120px; height:40px; line-height:40px; padding-left:10px; border:1px solid #ddd; box-sizing:border-box; margin:0 10px 0 0; }
.mVodSearch .vodsearch_body .text_searchtxt { float:left; width:calc(100% - 190px); height:40px; line-height:40px; padding-left:10px; border:1px solid #ddd; box-sizing:border-box; margin:0 10px 0 0; }
.mVodSearch .vodsearch_body .button_searchbtn { float:left; width:50px; height:40px; line-height:40px; border:1px solid #3a445c; box-sizing:border-box; background:#3a445c; color:#fff; }

.mVodSearch .more { position:absolute; right:20px; top:23px; }



@media (min-width:769px) and (max-width:1023px){
	.mVodSearch { width:calc(50% - 10px); height:246px; margin-left:10px; }
	.mVodSearch h1 { font-size:140%; }
}

@media (max-width:882px){
	.mVodSearch { height:282px;  }
		
}

@media (max-width:768px){
	.mVodSearch { float:none; width:100%; height:auto; padding-bottom:15px; }
	.mVodSearch h1 {font-size:130%;}	
	.mVodSearch .vodsearch_body .select_select1 { float:none; width:100%; margin:0 0 10px 0; }
	.mVodSearch .vodsearch_body .select_select2 { float:none; width:100%; margin:0 0 10px 0; }
	.mVodSearch .vodsearch_body .text_searchtxt { float:none; width:100%; margin:0 0 10px 0; }
	.mVodSearch .vodsearch_body .button_searchbtn { float:none; width:100%; margin:0 0 0 0px;  }

}



/* 최근게시물 */
.newcontent { float:left; position:relative; width:420px; height:297px; border:1px solid #ddd; box-sizing:border-box; background:#fff; margin:0 30px 0 0; }
.newcontent ul.mtabmenu { width:100%; height:60px; background:#656d77; z-index:11; }
.newcontent ul.mtabmenu > li { float:left; width:120px; height:60px; }

.newcontent ul.mtabmenu > li > a:link,
.newcontent ul.mtabmenu > li > a:visited { width:120px; height:60px; line-height:60px; color:#ccc; font-family:NotoSans-Medium, "본고딕 미디엄"; font-size:125%; text-align:center;  display:inline-block; }
.newcontent ul.mtabmenu > li > a:active,
.newcontent ul.mtabmenu > li > a:focus,
.newcontent ul.mtabmenu > li > a:hover,
.newcontent ul.mtabmenu > li > a.select { color:#333; background:#fff;  }


.newcontent ul.mtabmenu ul { position:absolute; left:0px; top:70px; width:100%; height:205px; display:none; overflow:visible; }
.newcontent ul.mtabmenu ul li { float:none; width:calc(100% - 40px); height:40px; border-bottom:1px solid #ddd; box-sizing:border-box; display:block; overflow:hidden; margin:0 auto; }

.newcontent ul.mtabmenu ul li span.date { float:left; width:57px; line-height:40px; color:#888; display:inline-block; }
.newcontent ul.mtabmenu ul li span.subject { float:left; width:calc(100% - 157px); color:#555; display:inline-block; }
.newcontent ul.mtabmenu ul li .icon_new { position:relative; top:11px; padding:0 0 0 5px; display:inline-block; vertical-align:top; }

.newcontent ul.mtabmenu ul li span.subject a:link,
.newcontent ul.mtabmenu ul li span.subject a:visited { width:100%; height:40px; line-height:40px; color:#333; font-family:NotoSans-DemiLight, "본고딕 데미라이트"; text-align:left;  display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  }
.newcontent ul.mtabmenu ul li span.subject a:active,
.newcontent ul.mtabmenu ul li span.subject a:focus,
.newcontent ul.mtabmenu ul li span.subject a:hover { color:#6fa880 ; background:none; }

.newcontent ul.mtabmenu ul li span.btn { float:left; width:100px; line-height:40px; text-align:right; }
.newcontent ul.mtabmenu ul li span.btn a { height:30px; line-height:30px; }


.newcontent ul.mtabmenu ul li.more { position:absolute; top:-47px; right:18px; width:16px !important; height:16px !important; line-height:16px; padding:0; margin:0; border:none; background:none; z-index:12; }
.newcontent ul.mtabmenu ul li.more a { width:16px; height:16px; line-height:16px; margin:0; padding:0; background:none; display:block; }


.newcontent ul.mtabmenu ul li span.name { float:left; width:62px; height:30px; line-height:30px; border-radius:3px; background:#6d5f54; color:#fff; text-align:center; display:inline-block; margin-top:5px; margin-right:10px; }
.newcontent ul.mtabmenu ul li span.subject2 { float:left; width:calc(100% - 229px); color:#555; display:inline-block; }

.newcontent ul.mtabmenu ul li span.subject2 a:link,
.newcontent ul.mtabmenu ul li span.subject2 a:visited { width:100%; height:40px; line-height:40px; color:#333; font-family:NotoSans-DemiLight, "본고딕 데미라이트"; text-align:left;  display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  }
.newcontent ul.mtabmenu ul li span.subject2 a:active,
.newcontent ul.mtabmenu ul li span.subject2 a:focus,
.newcontent ul.mtabmenu ul li span.subject2 a:hover { color:#6fa880 ; background:none; }


@media (min-width:769px) and (max-width:1023px){
	.newcontent { width:calc(50% - 10px); margin:0 10px 20px 0; }
	#newcontetn2 { margin:0 0 20px 10px; }
}


@media (max-width:768px){
	.newcontent { width:100%; margin:0 0 15px 0; }
	.newcontent ul.mtabmenu ul li { width:calc(100% - 30px); }	

	
	.newcontent ul.mtabmenu ul li.more { right:15px; }
}




/* 퀵메뉴 */
.quickmenu { float:left; width:300px; }
.quickmenu ul { width:100%; overflow:hidden; }
.quickmenu ul li { width:100%; height:93px; border:1px solid #ddd; box-sizing:border-box; background:url(/images/main/banner_bg.gif) no-repeat; margin-bottom:9px; }
.quickmenu ul li a { width:100%; height:91px; line-height:91px; padding-left:20px; box-sizing:border-box; font-size:140%; color:#000; display:block; }
.quickmenu ul li.li1 a { background:url(/images/main/banner_icon1.jpg) no-repeat right 50%; }
.quickmenu ul li.li2 a { background:url(/images/main/banner_icon2.jpg) no-repeat right 50%; }
.quickmenu ul li.li3 a { background:url(/images/main/banner_icon3.jpg) no-repeat right 50%; }

.quickmenu ul li.li3 { margin-bottom:0; }

@media (min-width:769px) and (max-width:1023px){
	.quickmenu { float:left; width:100%; }
	.quickmenu ul li { float:left; width:calc(33.3% - 10px); margin:0 10px 0 0; }
	.quickmenu ul li.li2 { float:left; width:calc(33.3% - 20px); margin:0 10px 0 10px; }	
	.quickmenu ul li.li3 { width:calc(33.4% - 10px); margin:0 0 0 10px; }
}

@media (max-width:800px){
	.quickmenu ul li.li1 a { background-position:135px 50%; }
	.quickmenu ul li.li2 a { background-position:110px 50%; }
	.quickmenu ul li.li3 a { background-position:110px 50%; }
	
}

@media (max-width:768px){
	.quickmenu { float:none; width:100%; }

	.quickmenu ul li.li1 a { background:url(/images/main/banner_icon1.jpg) no-repeat right 50%; }
	.quickmenu ul li.li2 a { background:url(/images/main/banner_icon2.jpg) no-repeat right 50%; }
	.quickmenu ul li.li3 a { background:url(/images/main/banner_icon3.jpg) no-repeat right 50%; }
	
	.quickmenu ul li.li3 { margin-bottom:0; }
}




/* 하단 */
#bottom #bottomarea address { color:#fff; margin-bottom:7px; }
#bottom #bottomarea address span { margin-right:20px; }

#bottom #bottomarea .copyright { color:#fff; font-size:90%; } 

#bottom #bottomarea .topbtn { position:absolute; right:0; top:0; z-index:10; }


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

	#bottom #bottomarea address { font-size:90%; }
	#bottom #bottomarea .copyright { font-size:85%;  } 

	
}


@media (max-width:768px){	
	#bottom #bottomarea address { text-align:center; font-size:90%; margin-bottom:15px; }
	#bottom #bottomarea address span:first-child { display:block; }

	#bottom #bottomarea .copyright { font-size:85%; text-align:center; }


}