@CHARSET "UTF-8";

@media screen and (max-width : 767px) {
	body {
		margin-bottom: 0;
	}
	body>div {
		overflow-x: hidden;
	}
	div.top-bg {
		min-width: 270px;
	}
	div.header a.title img {
		margin: -23px 0 0 11%;
		width: 36%;
	}
	div.navigation, div.footer-info {
		min-width: 0;
	}
	ul.footer-info {
		background: none;
		padding: 10px 0;
	}
	div.main {
		width: 100%;
		min-width: 300px;
	}
	div.home {
		width: 100%;
		background: url('../imgs/left-bar.png') repeat-y left,
			url('../imgs/left-bar.png') repeat-y right;
	}
	div.home-left {
		float: none;
		width: 100%;
	}
	div.home-left .other {
		background: url('../imgs/left-bar.png') repeat-y left,
			url('../imgs/left-bar.png') repeat-y right;
		background-color: #fafafa;
	}
	div.home-right {
		float: none;
		margin: 0;
		padding: 0;
		max-width: 700px;
	}
	div.juche {
		float: none;
		width: 100%;
		max-width: none;
	}
	.title-img {
		padding: 5px 30px 5px 15px;
	}
	ul.main-navi>li, ul.main-navi>li>a {
		display: block;
	}
	ul.main-navi>li:last-child {
		border-right: 1px solid #009988;
	}
	ul.main-navi .dropdown-menu {
		left: initial;
		right: 0;
		text-align: right;
	}
	.navbar-category .navbar-collapse {
		position: absolute;
		right: 0;
		top: 50px;
		overflow: inherit;
		width: 200px;
		z-index: 100;
	}
	.navbar-category .navbar-collapse>ul {
		background: #fff;
		box-shadow: 0 0 4px 2px rgba(0, 0, 0, .3);
	}
	.navbar-category .navbar-collapse>ul>li {
		display: block;
	}
	.navbar-category .navbar-collapse>ul>li>a {
		display: block;
		text-align: center;
		padding: 10px 10px;
	}
	div.text {
		padding: 20px 10px;
	}
	div.contents {
		padding: 30px 30px;
	}
	div.agent {
		padding: 0px 30px;
	}
	#floor .tabs a {
		margin-right: 5px;
	}
	#sideNavi {
		width: 1%;
		border-right: 5px solid #fff;
	}
	#sideNavi ul li {
		margin: 0;
		padding: 0;
	}
	#sideNavi ul li a {
		padding: 10px 10px 10px 15px;
		font-size: 12pt;
	}
	#sideNavi ul li.active a {
		padding-left: 10px;
	}
	.juche-title {
		text-align: center; 		
		float: none;
	}
	.juche-filters {
		margin: 5px 0;
	}
	ul.calendar-navi {
		margin-right: 10px;
	}
	ul.calendar-navi .dropdown-menu {
		right: 0;
		left: auto;
	}
	.wraperGPSHPoster {
		margin-left: 10px;
		margin-right: 10px;
	}
	div.text p, div.text p * {
		font-size: 10pt;
		line-height:150%;
		text-indent: 15pt;
	}
	div.text p.say b, div.text p.say b * {
		font-size: 12pt;
	}
	#leader_news_search {
		width: 180px;
	}
	div.juche-filters>form {
		margin-right: 0;
	}
	div.new-agent {
		width: 100%;
	}
	#news_frame, #rmenjoy_agent {
		padding: 7px 20px;
	}
	.leader_activity_title, .leader_activity_title * {
		font-size: 12pt;
	}
	#rmenjoy_banner, #rmenjoy_banner img {
		max-width: none;
		width: 100%;
	}
	.rmenjoy_item, .rmenjoy_item * {
		font-size: 11pt;
	}
	div.result_info, div.page_nav, div.page_nav {
		display: block;
	}
	div.result_info {
		width: 99%;
	}
	div.page_nav {
		width: 99%;
	}
	div.serach_form {
		width: 99%;
	}	
	div.text h1.leader_activity_title, div.news_title h1 {
		font-size: 18px;
	}
}

@media screen and (max-width : 450px) {
	div.top-bg {
		min-width: 220px;
	}
	div.text, div.contents {
		padding: 20px 20px;
	}
	div.agent {
		padding: 10px 20px 0 20px;
	}
	div#juche.agent {
		padding: 0 20px 0 20px;
	}
	div.agent.juche-title {
		float: left;
		padding: 0;
		margin-top: 0;
	}
	div.text img {
		padding: 5px 5px;
	}
	div.text p, div.text p * {
		font-size: 9pt;
		line-height:150%;
		text-indent: 13pt;
	}
	div.text p.say b, div.text p.say b * {
		font-size: 10pt;
	}
	ul.main-navi>li>a, ul.dropdown-menu>li>a, 
	.navbar-category .navbar-collapse>ul>li>a {
		font-size: 9pt;
		padding: 5px;
		height: 24px;
	}
	div.table-responsive>table>thead>tr>th,
	div.table-responsive>table>tbody>tr>td,
	div.table-responsive>table>thead>tr>th *,
	div.table-responsive>table>tbody>tr>td *  {
		font-size: 9pt;
	}
	.subTitle {
		margin-left: 5px;
		font-size: 10pt;
	}
	#leader_news_search {
		width: 165px;
	}
	ul.today-lectures>li .title, ul.today-lectures>li .title * {
		line-height: 1.42;
		font-size: 10pt;
	}
	ul.today-lectures>li .teacher, ul.today-lectures>li .teacher * {
		font-size: 9pt;
	}
	div.news_frame { height: 20%; }
	img.news_mark { width: 20%; }
	div.news_alert, div.news_alert * {
		font-size: 10pt; 
		text-indent: 15pt;
	}
	.leader_activity_title, .leader_activity_title * {
		font-size: 10pt;
	}
	#rmenjoy_agent {
		padding: 4px 10px;
	}
	.rmenjoy_item, .rmenjoy_item * {
		font-size: 10pt;
	}
	div.oldbooks_agent > div.contents, 
	div.newbooks_agent > div.contents, 
	div.encyclopedia_agent > div.contents {
		padding: 0 20px;
	}
	div.text h1.leader_activity_title, div.news_title h1 {
		font-size: 14px;
	}
	div.news_content {
		margin-top: 20px;
	}	
}

@media screen and (max-width : 350px) {
	#rmenjoy_body {
		margin-top: -15px;
	}
	div.text h1.leader_activity_title, div.news_title h1 {
		font-size: 12px;
	}
}