@charset "utf-8";

body {
	font-family: "나눔고딕", "Nanum Gothic","Malgun Gothic", "Gulim", sans-serif;
	font-size: 12px;                                                  
	font-size: 1.2rem;                                                
	background: #fff;
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, hr, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
html {
	font-size:62.5%; 
}
ol,
ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
article, aside, 
details,
figcaption,
figure, 
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
button,
input,
textarea {
	border: 0;
	font-family: "나눔고딕";
}
img {
	border: 0;
}
a {
	text-decoration: none;
	outline: none; 
	color: #0071bc;                                                   
}

/*
 ** 반복 **
 */

header .logo a, header .search form input[type="submit"], header div.notice h3 a, header div.topic-line h2,
section#main-container section.publication header h2,
section#main-container section#reports ul li span, 
section#main-container section#pamphlets-and-books div#bookshelf .book-background,
section#main-container section#pamphlets-and-books div#bookshelf ul.book-cover-lists li img,
section#main-container section#pamphlets-and-books div.books-details span.pamphlet-or-book,
section#main-container section#pamphlets-and-books div#bookshelf ul.books-pre-next li.books-pre a,
section#main-container section#pamphlets-and-books div#bookshelf ul.books-pre-next li.books-next a,
div#board-list li a:hover,
aside div.newsletter, aside div.aside-wrap h2, div#cover-block dl dt span,
footer div#footer-wrap div.whoweare h1.logo, footer a.back-to-top {
	display: block;
	background: url('/2013/images/images.png') no-repeat;
	overflow: hidden;
}
.clear {
	clear: both;
}
.clear-after:after {
	display: block;
	content: "";
	clear: both;
}
.meta-publication {
	color: #0071bc;
	font-size: 10px;
	font-size: 1rem;
	font-weight: bold;
}
.pagination {
	text-align: center;
	padding: 20px 0 40px 0;
	padding: 2rem 0 4rem 0;
	font-size: 12px;
	font-size: 1.2rem;
}
.pagination a {
	color: #a7a7a7;
	font-weight: bold;
	padding: 5px 7px;
	padding: 0.5rem 0.7rem;
	margin: 0 5px;
	margin: 0 0.5rem;
}
.pagination a:hover,
.pagination a.current {
	color: #fff;
	background: #a7a7a7;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
::selection {
	background-color: #29abe2;
	color: #fff;
}
section#main-container section.publication.isadmin header h2 {
	position:relative;
}
section#main-container section.publication.isadmin header h2 button {
	position:absolute;
	z-index:10;
	top:10px;
	right:5px;
	width:24px;
	height:24px;
	cursor:pointer;
	text-indent:-10000em;
	background:url('../images/icon-settings.png') no-repeat left top;
}

/*
 ** HEADER **
 */
header[role="banner"] {
	max-width: 960px;
/*	max-height: 272px; */
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8px;
	margin-bottom: 0.8rem;
	position: relative;
}
header .menu-family {
	font-size: 12px;
	font-size: 1.2rem;
}
header .menu-family ul {
	float: right;
	padding-top: 4px;
	padding-top: 0.4rem;
}
header .menu-family ul li {
	float: left;
	margin-left: 11px;
	margin-left: 1.1rem;
}
header .menu-family ul li a {
	color: #4d4d4d;
}
header .logo {
	width: 331px;
	height: 58px;
	float: left;
	padding: 12px 0;
	padding: 1.2rem 0;
	text-indent:-10000em;
}
header .logo a {
	width: 331px;
	height: 58px;
	background-position: 0 0;
}
header .search {
	float:right;
	position: absolute;
	right: 0;
	top: 62px;
}
header .search form {
	border: 1px solid #b3b3b3;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 2px;
	padding: 0.2rem;
}
header .search form input[type="submit"] {
	text-indent: -333px;
	background-position: 0 -100px;
	width: 16px;
	height: 16px;
	display: inline;
	margin-right: 3px;
}
hr.b3b3b3 {
	background-color: #b3b3b3;
	border: 0;
	height: 1px;
	margin-bottom: 5px;
	margin-bottom: 0.5rem;
}
header div.navigation {
	width: 100%;
	height: 36px;
	height: 3.6rem;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 35px;
	line-height: 3.5rem;
	border-top: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
	position:relative;
}
header div.navigation ul#menu-main {
	padding-left: 8px;
	padding-left: 0.8rem;
	position:absolute;
	top:-6px;
}
header .navigation ul li,
header .navigation ul li a {
	/*display: inline-block !important;*/
}
header div.navigation ul#menu-main>li {
	float: left;
	font-weight: bold;
	padding: 0 16px;
	padding: 0 1.6rem;
	margin-top:6px;
	position:relative;
}
header div.navigation ul#menu-main>li:hover {
	margin-top:0;
	border-top: 6px solid #000;
}
header div.navigation ul#menu-main li a {
	color: #000;
	display: block;
	cursor: pointer;
}
header div.navigation ul#menu-main li.mobile-menu-family {
	display: none;
}
header div.navigation ul#menu-main li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	border-right: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
	border-left: 1px solid #b3b3b3;
	background: #fff;
}
header div.navigation ul#menu-main li ul li a {
	border-top: 1px solid #b3b3b3;
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 0 16px;
	padding: 0 1.6rem;
	width: 180px;
	width: 18rem;
	white-space: nowrap;
}
header div.navigation ul#menu-main li ul li a:hover {
	background: #4d4d4d;
	color: #fff;
}
header div.navigation ul#menu-main li ul li a small {
	font-size: 90%;
	color: #0071bc;
	padding-left: 4px;
}
header div.navigation ul#menu-main li ul li a:hover small {
	color: #fff;
}
header .navigation ul li#membership {
	background: #f2f2f2;
	margin-bottom: 4px;
	border-bottom: 1px solid #b3b3b3;
}
header div.notice {
	float: right;
	background: #fafafa;
	padding-right: 14px;
	padding-right: 1.4rem;
}
header div.notice.isadmin {
	position:relative;
}
.triangle {
	float: right;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 0 36px 36px;
	border-color: transparent transparent #fafafa transparent;
	line-height: 0px;
	_border-color: #000000 #000000 #fafafa #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
header div.notice h3,
header div.notice div#notice_vticker {
	width:202px;
	margin:0 0 0 5px;
	float: left;
}
header div.notice h3 {
	width: 16px;
	height: 16px;
	margin-right: 8px;
	margin-top: 10px;
	text-indent: -660em;
}
header div.notice h3 a {
	width: 16px;
	height: 16px;
	background-position: 0 -200px;
}
header div.notice .swiper-container,
header div.notice ul.swiper-wrapper {
	width:100%;
	height:36px;
}
header div.notice ul li {
	height:36px;
	overflow:hidden;
}
header div.notice ul li a {
	color: #000;
	margin-right: 10px;
	margin-right: 1rem;
}
header div.notice ul li span.notice-date {
	font-size: 10px;
	font-size: 1rem;
	color: #000;
}
header div.notice.isadmin button {
	position:absolute;
	z-index:10;
	right:0;
	top:5px;
	width:24px;
	height:24px;
	cursor:pointer;
	text-indent:-10000em;
	background:url('../images/icon-settings.png') no-repeat left top;
}
header div.topic-line {
}
header div.topic-line div.topic-list {
	border-bottom: 1px solid #b3b3b3;
	position:relative;
	z-index:1;
	height:37px;
}
header div.topic-line div.topic-list.full {
	border-bottom: 5px solid #C80000;
}
header div.topic-line div.topic-list:after {
	display: block;
	content: "";
	clear: both;
}

header div.topic-line ul#menu-topic {
	float: left;
}
header div.topic-line h2 {
	position:absolute;
	z-index:3;
	left:2.5%;
	top:7px;
	width: 23px;
	height: 23px;
	background-position: 0 -300px;
	text-indent: -659em;
}

header div.topic-line ul.menu-topic {
	position:absolute;
	z-index:2;
	right:0;
	top:0;
	width:95.1%;
}
header div.topic-line ul.menu-topic>li {
	float: right;
	font-size: 12px;
	font-size: 1.2rem;
	padding-top:12px;
	padding-bottom:12px;
	width: 12.28%;
	text-align: center;
	position: relative;
	background:url('../images/menu_title_bar.png') no-repeat right 13px;
}
header div.topic-line ul.menu-topic>li:hover,
header div.topic-line ul.menu-topic>li.active {
	background:#CA0000;
	margin-left:-1px;
}
header div.topic-line ul.menu-topic>li a {
	display: block;
	color: #000;
}
header div.topic-line ul.menu-topic>li:hover a,
header div.topic-line ul.menu-topic>li.active a {
	font-weight: bold;
	color: #fff;
}
header div.topic-line ul.menu-topic>li:hover a {
	background:url('../images/images.png') no-repeat;
	background-position: -584px -998px;
}
header div.topic-line ul.menu-topic>li.active a {
	background:url('../images/images.png') no-repeat;
	background-position: -484px -998px;
}
header div.topic-line div.topic-content {
	width:100%;
	height:257px;
	overflow: hidden;
	border-bottom:1px dotted #B2B2B2;
}
header div.topic-line.topic-animate div.topic-content {
	display:none;
}
header div.topic-line div.topic-content .swiper-container,
header div.topic-line div.topic-content .swiper-container {
	width:100%;
	height:100%;
}
header div.topic-line section.topic {
	background: #fff;
	background: #fff;
	overflow: hidden;
	height:257px;
	text-align: left;
	*zoom:1;
}
header div.topic-line section.topic:after {
	clear:both;
	content:' ';
	display:block;
}
header div.topic-line section.topic .featured {
	display:block;
	float:right;
	height:257px;
	margin-left:3.541667%;
}
header div.topic-line section.topic .featured img {
	height:257px;
}
header div.topic-line section.topic h3 {
	display:inline-block;
	font-size: 26px;
	font-size: 2.6rem;
	color:#022C44;
	width:28.229%;
	margin-left:2.3958%;
	margin-top:36px;
	margin-bottom:9px;
	padding-bottom:6px;
	border-bottom:1px solid #010101;
}
header div.topic-line section.topic h3 a {
	color:#022C44;
}
header div.topic-line section.topic p {
	font-size: 13px;
	font-size: 1.3rem;
	color:#666;
	margin-left:2.3958%;
	line-height:2;
}
header div.topic-line section.topic p a {
	color:#666;
}
header div.topic-line section.topic a.more {
	display:inline-block;
	font-size: 14px;
	font-size: 1.4rem;
	color:#CA0000;
	margin-top:12px;
	margin-left:2.3958%;
	background:url('../images/topics.png') no-repeat 6px top;
	background-position: 0 0;
	padding-left:32px;
	padding-bottom:5px;
}

nav li:hover a:after, #nav .selected a:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 45%;
	bottom: 0px;
	border: 5px solid transparent;
}

/*
 * 오른쪽 컨텐츠 부분 *
 */
section#wrapper {
	max-width: 960px;
	margin: 0 auto;
	zoom: 1;
}

/*
 * 하위 페이지 공통
 */
.container {
	width: 69.79166666667%;
	float: left;
	margin-top: 20px;
	margin-top: 2rem;
}
#board-wrapper {
	width:100%;
}
#board-wrapper:after {
	clear:both;
	content:' ';
	display:block;
}
#leftcol {
	width: 69.79166666667%;
	float:left;
}
#leftcol h2.titles {
	font-size: 32px;
	font-size: 3.2rem;
	color: #002d44;
	padding-left: 22px;
	line-height: 1.5;
	margin-top: 20px;
}
#leftcol h2.titles a {
	color: #002d44;
}
#leftcol hr.titles-deco {
	background: #002d44 url('../images/images.png') no-repeat 0 -2650px;
	height: 8px;
	padding: 0;
	margin: 0;
}

/*
 * Aside *
 */
aside[role="complement"] {
	float: left;
	margin-top: 20px;
	margin-top: 2rem;
	margin-left: 3.125%;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	width: 27.08333333333%;
}
aside>div {
	margin-bottom: 16px;
	margin-bottom: 1.6rem;
}
aside div.newsletter {
	padding-left: 45px;
	background-position: 0 -1897px;
}
aside div.newsletter h2 {
	color: #002d44;
	font-size: 12px;
	font-size: 1.2rem;
}
aside div.newsletter form#form-newsletter input[type="text"] {
	border: 1px solid #002d44;
	padding: 2px 0 4px 0;
	width: 130px;
}
aside div.newsletter form#form-newsletter input[type="button"] {
	background-color: #002d44;
	border-top: 2px solid #002d44;
	color: #fff;
	font-size: 10px;
	font-size: 1rem;
	font-family: inherit;
	padding: 4px 0 6px 0;
	width: 30px;
}
.aside-wrap {
	border: 1px solid #b3b3b3;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 8px 3.0769% 0 3.0769%;
	zoom: 1;
}
.aside-wrap a {
	color: #4d4d4d;
}
.aside-wrap a:hover {
	color: #0071bc;
}
.right-aside {
	background: #fafafa;
	padding-top: 8px;
	padding-top: 0.8rem;
	margin-bottom: 8px;
	margin-bottom: 0.8rem;
}
aside div.aside-wrap div.right-aside ul li {
	padding: 8px 16px;
	padding: 0.8rem 1.6rem;
	border-top: 1px solid #ccc;
}
aside div.aside-wrap div.right-aside ul li.primary-child,
aside div.aside-wrap div.right-aside ul li:first-child {
	border-top: none;
}
aside div.aside-wrap div.right-aside h2 {
	color: #000;
	font-size: 13px;
	font-size: 1.3rem;
	padding: 10px 0 10px 40px;
	margin-left: 16px;
	margin-left: 1.6rem;
}
aside div.aside-wrap div.right-aside h2 a {
	color: #000;
}
aside div.aside-wrap div.right-aside h2 a:hover {
	color: #0071bc;
	text-decoration: underline;
}
span.branch-action a,
span.recentallpost-aside a,
span.recentpost-aside a,
span.statement-aside a {
	color: #0071bc;
	font-size: 10px;
	font-size: 1rem;
	font-weight: bold;
}
span.statement-aside.group_9 {
	display:none;
}
span.date-aside {
	color: #b3b3b3;
	font-size: 10px;
	font-size: 1rem;
}
aside div.aside-wrap div#statement-aside h2 {
	background-position: 0 -2000px;
}
aside div.aside-wrap div#stance-aside h2 {
	background-position: 0 -2000px;
}
aside div.aside-wrap div#branch-action h2 {
	background-position: 0 -2100px;
}
aside div.aside-wrap div#recentpost-aside h2,
aside div.aside-wrap div#recentallpost-aside h2 {
	background-position: -690px -2100px;
}
aside div.aside-wrap div#recentallpost-aside li.extend {
	display:none;
}
aside div.aside-wrap div#sola-aside h2 {
	background-position: -690px -2000px;
}
aside div.aside-wrap div#healthnews-aside h2 {
	background-position: -690px -2200px;
}
aside div.aside-wrap div#report-aside h2 {
	background-position: 0 -2200px;
}
aside div.aside-wrap div.isadmin h2 {
	position:relative;
	z-index:1;
}
aside div.aside-wrap div.isadmin h2 button {
	position:absolute;
	z-index:10;
	right:10px;
	top:3px;
	width:24px;
	height:24px;
	cursor:pointer;
	text-indent:-10000em;
	background:url('../images/icon-settings.png') no-repeat left top;
}
div#cover-block {
	padding: 24px 48px;
	padding: 2.4rem 4.8rem;
}
div#cover-block img {
	width: 100%;
	height: auto;
	box-shadow: 3px 3px 5px #E3E3E3;
}
div#cover-block dl,
div#cover-block h3 {
	text-align: center;
}
div#cover-block dl {
	margin-top: 24px;
	margin-top: 2.4rem;
}
div#cover-block dl dt {
	color: #002d44;
	font-size: 11px;
	font-size: 1.1rem;
}
div#cover-block dl dt span {
	background-position: 0 -997px;
	padding-left: 12px;
	display:inline-block;
	vertical-align: middle;
}
div#cover-block dl dd,
div#cover-block h3 a {
	color: #666;
	font-size: 13px;
	font-size: 1.3rem;
}
div#cover-block h3 a:hover {
	color: #0071bc;
}

.sign-form {
	padding: 20px;
	padding: 2rem;
	margin-bottom: 16px;
	margin-bottom: 1.6rem;
	border: 1px solid #b3b3b3;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: 11px;
	font-size: 1.1rem;
}
.sign-form form#login input[type="text"],
.sign-form form#login input[type="password"] {
	border: 1px solid #b3b3b3;
	border-radius: 3px;
	padding: 2px;
	padding: 0.2rem;
	width: 132px;
}
.sign-form a {
	color: #0071bc;
}
.sign-form p {
	margin-top: 10px;
	margin-top: 1rem;
}
.sign-form form#login input[type="submit"] {
	background-color: #002d44;
	color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-family: inherit;
	font-size: 10px;
	font-size: 1rem;
	padding: 4px 5px 6px 5px;
	margin-left: 10px;
}
#logout-form {
	border: 3px solid #ca0000;
}
.sign-form a#logout-button {
	background-color: #ca0000;
	display: block;
	float: right;
	color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: 20px;
	font-size: 2rem;
	padding: 10px;
	margin-left: 20px;
}

/** 게시판 사이드바 **/
aside div.aside-wrap div#board-list h2 {
	background-position: 0 -2000px;
}
div#board-list li a:hover {
	padding-left: 16px;
	background-position: 0 -1296px;
}

/*
 * Footer *
 */
footer[role="contentinfo"] {
	width: 100%;
	background: #fafafa;
	margin-top: 24px;
	margin-top: 2.4rem;
}
footer div.oblique {
	background: url("/2013/images/images.png") repeat 0 0;
	background-position: 0 -2620px;
	height: 8px;
	width: auto;
	clear: both;
	border: 0 none;
	display: block;
	padding: 0px;
}
footer div#footer-wrap {
	max-width: 960px;
	min-height: 272px;
	margin: 0 auto;
	padding: 32px 0;
	padding: 3.2rem 0;
	color: #4d4d4d;
	zoom: 1;
}
footer div#footer-wrap div#sitemap,
footer div.contact-info {
	width: 100%;
	zoom: 1;
}
footer div#footer-wrap div#sitemap {
	padding-bottom: 20px;
	padding-bottom: 2rem;
}
footer div.contact-info {
	padding-top: 24px;
	padding-top: 2.4rem;
}
div.fourcols {
	width: 25%;
	float: left;
}
footer div#footer-wrap div#sitemap div.fourcols h4,
footer div#footer-wrap div.contact-info ul.contacts span {
	font-weight: bold;
	color: #0071bc;
}
footer div#footer-wrap div#sitemap div.fourcols h4 {
	padding-bottom: 18px;
	padding-bottom: 1.8rem;
}
footer div#footer-wrap div#sitemap div.fourcols ul li {
	padding: 4px 0;
	padding: 0.4rem 0;
}
footer div#footer-wrap div#sitemap div.fourcols ul li a {
	color: #4d4d4d;
}
footer div#footer-wrap div#sitemap div.fourcols ul li a:hover {
	color: #fff;
	background-color: #29abe2;
}   
footer div#footer-wrap div#sitemap div.fourcols#topic-bundles ul {
	float: left;
	width: 50%;
}
footer div#footer-wrap div.whoweare {
	width: 60%;
	float: left;
}
footer div#footer-wrap div.whoweare h1.logo {
	background-position: 0 -2700px;
	width: 152px;
	height: 27px;
	text-indent: -662px;
	padding-bottom: 22px;
	padding-bottom: 2.2rem;
}
footer div#footer-wrap div.whoweare p {
	width: 70%;
	line-height: 1.8;
	text-align: justify;
}
footer div#footer-wrap ul.contacts {
	width: 40%;
	float: left;
	margin-top: 49px;
	margin-top: 4.9rem;
}
footer div#footer-wrap ul.contacts li {
	padding-bottom: 8px;
	padding-bottom: 0.8rem;
}
footer div#footer-wrap ul.contacts li span {
	padding-right: 5px;
	padding-right: 0.5rem;
}
footer a.back-to-top {
	display: none;
	background-position: 0 -2400px;
	width: 66px;
	height: 66px;
	position: fixed;
	right: 0;
	bottom: 10px;
}
footer a.back-to-top:hover {
	background-position: 0 -2500px;
}
footer a.back-to-top span {
	display: none;
}
footer .colophon {
	width: 100%;
	padding: 10px 0;
	padding: 1rem 0;
	background: #000;
	color: #fff;
}
footer .colophon p {
	max-width: 960px;
	margin: 0 auto;
	text-align: center;
}

/* admin page for widget */
#recentMenu_Manager {
}
#recentMenu_Manager dl {
	margin:0;
	padding:0;
}
#recentMenu_Manager dl dt,
#recentMenu_Manager dl dd {
	margin:0;
	padding:0;
}
#recentMenu_Manager .indent1 {
	padding:0;
}
#recentMenu_Manager dt.indent1 {
	padding-left:20px;
	background:url('../images/folder.gif') no-repeat left top;
}
#recentMenu_Manager .indent2 {
	padding:0 0 0 15px;
}
#recentMenu_Manager dt.indent2 {
	padding-left:40px;
	background:url('../images/folder.gif') no-repeat 20px top;
}
#recentMenu_Manager .indent3 {
	padding:0 0 0 36px;
}
#recentMenu_Manager dt.indent3 {
	padding-left:60px;
	background:url('../images/folder.gif') no-repeat 40px top;
}
#recentMenu_Manager .indent4 {
	padding:0 0 0 54px;
}
#dialog-form .loading {
	position:absolute;
	z-index:2000;
	left:168px;
	top:168px;
	width:64px;
	height:64px;
	background:url('../images/loading.gif') no-repeat left top;
}

@media screen and (max-width: 768px) {
	header div.topic-line section.topic p {
		line-height: 1.5;
	}
	header div.topic-line ul.menu-topic>li:hover a {
		background-position: -896px -998px;
	}
	header div.topic-line ul.menu-topic>li.active a {
		background-position: -796px -998px;
	}
	section#main-container {
		width: 100%;
	}
	.container {
		width: 100%;
	}
	#leftcol {
		width: 100%;
	}
	aside[role="complement"] {
		margin-left: 0;
		width: 100%;
	}
	.aside-wrap:after,
	aside div#socialmovement:after {
		display: block;
		content: "";
		clear: both;
	}
	.right-aside,
	#socialmovement-aside,
	#list-block {
		width: 48%;
		float: left;
	}
	.aside-wrap {
		padding: 8px 1.041667% 0 1.041667%;
	}
	aside div#socialmovement div#cover-block {
		width: 50%;
		float: left;
		padding: 0;
	}
	div#cover-block {
		text-align: center;
	}
	div#cover-block img {
		width: 80%;
		margin: 0 auto;
	}
	#socialmovement-aside div#cover-block dl,
	#socialmovement-aside div#cover-block h3 {
		display:none;
	}
	div#board-list li {
		width: 50%;
		float: left;
		padding: 0;
	}
	div#board-list li a {
		display: block;
		padding: 0.8rem 1.6rem;
	}
	div#board-list li a:hover {
		padding: 0.8rem 1.6rem;
		background: none;
		color: #fff;
		background: #29abe2;
	}
	footer div#footer-wrap div.whoweare p {
		width: 85%;
		text-align:justify;
	}
	footer a.back-to-top {
		background-position: 0 -2300px;
		width: 38px;
		height: 38px;
		position: fixed;
		right: 0;
		bottom: 10px;
	}
	footer a.back-to-top:hover {
		background-position: 0 -2300px;
	}
}
@media screen and (max-width: 640px) {
	header div.topic-line.topic-animate,
	header div.topic-line .topic-list,
	header div.topic-line .topic,
	header div.notice {
		display: none;
	}
	header div.topic-line .topic.active {
		display: block;
		width:100%;
	}
	header div.topic-line section.topic,
	header div.topic-line div.topic-content {
		height:auto;
	}
	header div.topic-line div.topic-content h3 {
		margin-top:10px;
	}
	header div.topic-line section.topic h3 {
		width: 100%;
	}
	header div.topic-line section.topic .featured,
	header div.topic-line div.topic-content p {
		display:none;
	}
}
@media screen and (max-width: 480px) {
	.hidden,
	header .menu-family,
	footer div.oblique,
	footer div#footer-wrap div.whoweare p {
		display:none;
	}
	header[role="banner"] {
		margin-bottom: 0;
	}
	header .logo {
		width: 150px;
		height: auto;
	}
	header .logo a {
		width: 100%;
		height: auto;
		background: url('/2013/images/pssp_logo.png') no-repeat;
		background-size: 100%;
	}
	header .search {
		padding: 1.2rem 0;
		position: static;
	}
	header div.navigation ul#menu-main {
		padding: 0;
		width: 100%;
	}
	header div.navigation ul#menu-main>li {
		position:static;
	}
	header div.navigation ul#menu-main li.mobile-menu-family {
		display: block;
	}
	header div.navigation ul#menu-main li ul {
		width:100%;
		border-left: 0;
		border-right: 0;
	}
	header div.navigation ul#menu-main li ul li {
		width: 100%;
	}
	header div.navigation ul#menu-main li ul li a {
		width: 95%;
		padding: 0 0 0 5%;
	}
	footer div#footer-wrap div#sitemap div.fourcols h4,
	.mobile {
		display: block;
		color: #fff;
		font-size: 1.6rem;
		padding: 0.8rem 3.2rem;
		background: #323232 url('/2013/images/images.png') no-repeat top left;
		background-position: -612px -290px;
	}
	.triangle,
	aside {
		display: none;
	}
	aside#board-aside {
		width: 100%;
		display: block;
	}
	aside#board-aside #recentallpost-aside {
		display: none;
	}
	aside#board-aside div#board-list {
		width: 100%;
	}
	aside#board-aside div.aside-wrap div.right-aside ul li:first-child {
		border-top: 1px solid #ccc;
	}
	div#board-list li {
		width:49%;
	}
	aside#board-aside div.aside-wrap div.right-aside ul li:nth-child(even) {
		border-left: 1px solid #ccc;
	}
	footer[role="contentinfo"] {
		margin-top: 0;
	}
	footer div#footer-wrap {
		padding: 0;
	}
	footer div#footer-wrap div#sitemap {
		padding-bottom: 0;
	}
	footer div.contact-info {
		width: 94%;
		padding: 0 3%;
	}
	footer div#footer-wrap div#topic-bundles {
		width: 100%;
	}
	footer div#footer-wrap div#sitemap div.fourcols ul li {
		text-align: center;
		padding: 0;
	}
	footer div#footer-wrap div#sitemap div.fourcols ul li a {
		display: block;
		padding: 1.2rem;
	}
	footer div#footer-wrap div#sitemap div.fourcols ul#topic-left li, 
	footer div#footer-wrap div#sitemap div.fourcols ul#topic-right li {
		border-bottom: 1px solid #29abe2;
	}
	footer div#footer-wrap div#sitemap div.fourcols ul#topic-left li {
		border-left: 1px solid #29abe2;
	}
	hr.mobile-footer {
		background: url("/2013/images/images.png") repeat 0 0;
		background-position: 0 -2620px;
		height: 8px;
		width: auto;
		clear: both;
		border: 0 none;
		display: block;
		padding: 0px;
	}
	footer div#footer-wrap div.whoweare {
		width: 100%;
	}
	footer div#footer-wrap div.whoweare h1.logo {
		background: none;
		text-indent: 1px;
		font-size: 1.3rem;
		padding-top: 0.8rem;
		padding-bottom: 0.8rem;
		padding-left: 1rem;
		height: auto;
	}
	footer div#footer-wrap ul.contacts {
		width: 100%;
		margin-top: 0;
	}
	footer div#footer-wrap ul.contacts li {
		padding-top: 0.8rem;
		border-top: 1px solid #b3b3b3;
	}
	footer div#footer-wrap div.contact-info ul.contacts span {
		padding: 0 1rem;
	}
}
@media screen and (max-width: 400px) {
	.pagination a {
		margin: 0 0.3rem;
	}
}
@media screen and (max-width: 360px) {
	header .search form input[type="text"] {
		width: 8rem;
	}
	header div.navigation ul#menu-main>li {
		padding: 0 0.8rem;
	}
}





/* OVERRIDE */
.post-content table {
	border-collapse: collapse;
}
.post-content table th,
.post-content table td {
	border: 1px solid #666666;
}