@charset "utf-8";

html, body,
header, article, section, footer, nav,
h1, h2, h3, h4, h5, h6,
div, p, blockquote, pre,
table, caption, col, colgroup, thead, tbody, tfoot, tr, th, td,
ul, ol, li, dl, dt, dd,
form, fieldset, legend, label, input, textarea, button,
figure, img, video, audio, embed, object, iframe,
a, strong, em, span, code, kbd, address,
b, i, u, s, tt, font {
	-webkit-text-size-adjust: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	margin: 0;
	padding: 0;
	text-indent: 0;
	line-height: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	font-size: inherit;
}

html,
body {
	font-family: 'Apple SD Gothic Neo', 'Segoe UI', 'Meiryo', 'NanumGothic', 'Malgun Gothic', 'Dotum', 'Gulim', 'Verdana', 'Tahoma', sans-serif;
}

section {
	position: relative;
	z-index: 1;
}
.container {
	max-width: 1000px;
	margin: 0 auto;
}

a {
	text-decoration: none;
}

.noScroll {
	overflow-y: hidden;
}

#site-header {
	position: absolute;
	z-index: 10000;
	width: 100%;
	padding: 18px 0 18px 0; 
	text-align: right;
}
#site-header .logo {
	position: absolute;
	z-index: 10001;
	left: 10px;
	top: 0;
	display: none;
}
#site-header .logo a {
	display: inline-block;
	width: 64px;
	height: 38px;
	background: url('../images/m-home.png') no-repeat left top;
}
#site-header .logo a span {
	display: none;
}
#site-header ul {
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
	*zoom: 1;
}
#site-header ul:after {
	clear: both;
	content: '';
	display: block;
}
#site-header ul li {
	float: left;
	margin-right: 12px;
	text-shadow: 1px 1px 1px #DDD;
}
#site-header ul li a {
	text-decoration: none;
	color: #000;
}
#site-header ul li a:hover {
	color: #45C0AE;
}
#site-header ul li a:before {
	font-family: "FontAwesome";
}
#site-header ul li.twitter a:before {
	font-size: 1.1em;
	content: "\f099";
}
#site-header ul li.facebook a:before {
	content: "\f09a";
}
#site-header ul li.menu a:before {
	font-size: 1.2em;
	content: "\f0c9";
}
#site-header ul li a span {
	display:none;
}

#site-navigation {
	position: fixed;
	z-index: 9999999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: height 0.6s;
	-webkit-transition: height 0.6s;
	-moz-transition: height 0.6s;
	-ms-transition: height 0.6s;
	-o-transition: height 0.6s;
	background: #F8F9F9;
	overflow: hidden;
}
#site-navigation.collapsed {
	height: 0;
}
#site-navigation.overflow {
	overflow-y: auto;
}
#site-navigation .navi-wrap {
	position: relative;
	width: 100%;
	height: 100%;
}
#site-navigation .navi-wrap .standing-orders {
	background: #fff;
	padding-top: 9%;
	text-align: center;
	vertical-align: bottom;
}
#site-navigation .navi-wrap .standing-orders ul {
	display: inline-block;
	margin: 0 0 30px 0;
	padding: 0;
	list-style: none;
	vertical-align: bottom;
	text-align: center;
}
#site-navigation .navi-wrap .standing-orders ul li {
	display: inline-block;
	font-size: 1.2em;
	letter-spacing: -0.075em;
	font-weight: bold;
	color: #717171;
}
#site-navigation .navi-wrap .standing-orders ul li span {
	display: inline-block;
	margin-top: 10px;
	margin-right: 10px;
}
#site-navigation .navi-wrap .standing-orders ul li button {
	padding: 10px 25px;
	margin: 0;
	background: #45C0AE;
	color: #fff;
	border: 2px solid #45C0AE;
	border-radius: 5px;
	font-size: 0.9em;
	letter-spacing: -0.075em;
	cursor: pointer;
}
#site-navigation .navi-wrap .standing-orders ul li button:hover {
	background: #fff;
	color: #000;
}
#site-navigation .navi-wrap .navigation {
	padding: 5.55% 0;
	text-align: left;
	letter-spacing: -0.075em;
}
ul.wrap.sitewide-menu {
	margin: 0;
	padding: 0;
	list-style: none;
	*zoom: 1;
}
ul.wrap.sitewide-menu:after {
	clear: both;
	content: ' ';
	display: block;
}
ul.wrap.sitewide-menu>li {
	float: left;
	width: 25%;
	margin: 0 !important;
}
ul.wrap.sitewide-menu>li>.inner {
	padding: 0 0 0 12%;
}
ul.wrap.sitewide-menu li.explain {
	width: 28%;
}
ul.wrap.sitewide-menu li.explain .inner {
	padding: 0 10% 0 0;
}
ul.wrap.sitewide-menu li.explain h1 {
	width: 128px;
	height: 78px;
	margin: 0;
	padding: 0;
	background: url('../images/intro-logo.png') no-repeat left;
}
ul.wrap.sitewide-menu li.explain h1 a {
	display: block;
	width: 128px;
	height: 78px;
	text-indent: -10000em;
	overflow: hidden;
}
ul.wrap.sitewide-menu li.explain p.site-intro {
	line-height: 2em;
	font-size: 0.85em;
	font-weight: bold;
	color: #333;
	text-align: justify;
	padding: 10px 0;
}
ul.wrap.sitewide-menu li.explain p.site-intro i {
	font-style: italic;
}
ul.wrap.sitewide-menu li.category2 {
	width: 28%;
}
ul.wrap.sitewide-menu li.category1 {
	width: 22%;
}
ul.wrap.sitewide-menu li.category1 .inner {
	padding-right: 9%;
}
ul.wrap.sitewide-menu dl {
	margin: 0 0 20px 0;
	padding: 0;
	*zoom: 1;
	color: #58585A;
}
ul.wrap.sitewide-menu dl:after {
	clear: both;
	content: ' ';
	display: block;
}
ul.wrap.sitewide-menu dl dt {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 30px;
}
ul.wrap.sitewide-menu dl dt a {
	color: #58585A;
	text-decoration: none;
}
ul.wrap.sitewide-menu dl dd {
	font-size: 0.85em;
	line-height: 2em;
	padding-bottom: 2px;
}
ul.wrap.sitewide-menu dl dd a {
	color: #58585A;
	text-decoration: none;
}
ul.wrap.sitewide-menu dl dd a:hover {
	text-decoration: underline;
}
ul.wrap.sitewide-menu li.category2 dl dd {
	float: left;
	width: 50%;
}
ul.wrap.sitewide-menu li.category2 dl dd.special {
	color: #000;
	font-weight: bold;
}
ul.wrap.sitewide-menu li.category1 form {
	border: 0;
	margin: 86px 0 0 0;
	padding: 0;
}
ul.wrap.sitewide-menu li.category1 form fieldset {
	position: relative;
	border: 1px solid #ccc;
	margin: 0;
	padding: 0 30px 0 0;
	background: #fff;
}
ul.wrap.sitewide-menu li.category1 form fieldset input {
	border: 0;
	line-height: 1.85em;
	padding: 3px;
	margin: 0;
	width: 100%;
	font-size: 0.85em;
}
ul.wrap.sitewide-menu li.category1 form fieldset button {
	position: absolute;
	right: 10px;
	top: 4px;
	border: 0;
	background: #fff;
	font-size: 1.1em;
	color: #51C4B3;
}
ul.wrap.sitewide-menu li.category1 form fieldset button:before {
	font-family: "FontAwesome";
	content: "\f002";
}
ul.wrap.sitewide-menu li.category1 form fieldset button span {
	display: none;
}
ul.wrap.sitewide-menu li.phamplet {
	width: 22%;
}
ul.wrap.sitewide-menu li.phamplet dd img {
	width: 180px;
	max-width: 100%;
	border: 0;
}
ul.wrap.sitewide-menu a.more {
	font-size: 0.75em;
	color: #45C0AE !important;
	background: #fff;
	padding: 6px 9px;
	border: 1px solid #A7A9AC;
	border-radius: 3px;
	cursor: pointer;
	text-decoration: none;
}
ul.wrap.sitewide-menu a.more:hover {
	border-color: #D0D1D3;
	background: #A7A9AC;
	color: #fff !important;
}
#site-navigation .navi-wrap .close {
	position: absolute;
	z-index: 99999999;
	top: 18px;
	right: 18px;
	border: 0;
	background: #fff;
	color: #000;
	cursor: pointer;
}
#site-navigation .navi-wrap .close:hover {
	color: #45C0AE;
}
#site-navigation .navi-wrap .close:before {
	font-family: "FontAwesome";
	content: "\f00d";
	font-size: 1.5em;
}
#site-navigation .navi-wrap .close span {
	display: none;
}

/* error page */
#todayboda-error-wrap {
	margin: 0 auto;
	padding-top: 10%;
	text-align: center;
}
#todayboda-error-wrap #todayboda-error-box {
	display: inline-block;
	padding: 10px 80px 80px 80px;
	background: #F8F9F9;
	font-size: 1.0em;
	border-radius: 10px;
	min-width: 400px;
}
#todayboda-error-wrap #todayboda-error-box h1.error-logo {
	margin: 0 0 20px 0;
	padding: 0;
	text-indent: -10000em;
	height: 71px;
	background: url('../images/table-logo.png') no-repeat left top;
}
#todayboda-error-wrap #todayboda-error-box h2.error-title {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	line-height: 120%;
	font-weight: 1.25em;
	text-align: center;
	color: #040707;
	border-bottom: 2px solid #040707;
}
#todayboda-error-wrap #todayboda-error-box .error-message {
	text-align: justify;
}

/* footer */
#site-footer {
	width: 100%;
	position: relative;
	z-index: 10000;
}
#site-footer #site-map {
	color: #fff;
	background: #2F302F;
	padding: 80px 0 77px 0;
	*zoom: 0;
}
#site-footer #site-map:after {
	clear: both;
	content: ' ';
	display: block;
}
#site-footer ul.wrap.sitewide-menu dl {
	color: #fff;
}
#site-footer ul.wrap.sitewide-menu li.explain p.site-intro,
#site-footer #site-map a {
	color: #D2D2D2;
}
#site-footer #site-map ul.wrap.sitewide-menu li.phamplet dl dt a {
	color: #fff;
}
#site-footer #site-map ul.wrap.sitewide-menu a.more {
	background: initial;
}
#site-footer #site-map .logo {
	float: left;
}
#site-footer #site-map .logo a {
	display: inline-block;
	width: 92px;
	height: 51px;
	text-indent: -10000em;
	cursor: pointer;
	background: url('../images/footer-logo.png') no-repeat left top;
}
#site-footer #site-info {
	background: #252525;
	padding: 30px 0 30px 0;
	font-size: 0.8em;
}
#site-footer #site-info:after {
	display: block;
	content: '';
	clear: both;
}
#site-footer #site-info ul {
	list-style: none;
}
#site-footer #site-info .related-links {
	float: right;
	color: #FFF;
}
#site-footer #site-info a {
	color: #FFF;
}
#site-footer #site-info .font-awesome:before {
	padding-right: 4px;
}
#site-footer #site-info .related-links .youtube:before {
	content: "\f16a";
}
#site-footer #site-info .related-links .pssp:before {
	content: "\f14c";
}
#site-footer #site-info .journal-info {
	max-width: 480px;
	float: left;
}
#site-footer #site-info .journal-info .copyright {
	color: #FFFFFF;
	padding-bottom: 20px;
	border-bottom: 1px solid #FFFFFF;
}
#site-footer #site-info .journal-info .copyright p:first-child {
	padding-bottom: 20px;
}
#site-footer #site-info .journal-info .copyright p:first-child:before {
	font-family: "FontAwesome";
	content: "\f20a";
	padding-right: 5px;
}
#site-footer #site-info .journal-info .copyright p i {
	font-style: italic;
}
#site-footer #site-info .journal-info ul.contacts {
	padding-top: 20px;
	color: #BCBEC0;
}
#site-footer #site-info .journal-info ul.contacts:after {
	display: block;
	content: "";
	clear: both;
}
#site-footer #site-info .journal-info ul.contacts li {
	display: inline-block;
	padding-right: 12px;
}
.email:before {
    content: "\f1d8";
    font-size: 1.2em;
    padding-right: 2px;
}
.tel:before {
	content: "\f095";
	font-size: 1.2em;
	padding-right: 2px;
}
.fax:before {
	content: "\f1ac";
}
.address:before {
	content: "\f041";
}
#site-footer #site-info .journal-info .journal-meta {
	padding-top: 20px;
	color: #8C8C8C;
	font-size: 0.9em;
}

/* General */

.standing-orders {
	width: 100%;
	text-align: center;
	padding-top: 48px;
	padding-bottom: 48px;
	background: #FFFFFF;
	color: #414142;;
	font-size: 1.15em;
	letter-spacing: -0.075em;
	font-weight: bold;
}
.standing-orders a {
	padding: 10px 25px;
	margin: 0 0 0 14px;
	background: #45C0AE;
	color: #fff;
	border: 2px solid #45C0AE;
	border-radius: 5px;
	letter-spacing: -0.075em;
	text-decoration: none;
	cursor: pointer;
}
.standing-orders a:hover {
	background: #fff;
	color: #414142;
}
@media all and ( max-width: 500px ) {
	.standing-orders a {
		display: inline-block;
		margin-top: 16px;
	}
}

.general-wrap {
	position: relative;
	z-index: 0;
	margin:0 auto;
	width: 100%;
	color: #3D3D3D;
}
.general-image {
	position: fixed;
	z-index: 0;
	width: 100%;
	height: auto;
}
.general-title {
	position: relative;
	z-index: 2;
	padding-top: 6%;
	text-align: center;
	width: 100%;
}
.general-title h1 {
	display: inline-block;
	width: 250px;
	height: 151px;
	margin-top: 30px;
	padding: 0;
	text-indent: -10000em;
	background: url('../images/todayboda-logo.png') no-repeat left top;
}
.general-container {
	background: #fff;
	margin-top: 60px;
	margin-bottom: 30px;
}
.general-container h2 {
	background: #F6F6F6;
	color: #6D6E71;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	padding: 30px 0;
}
.font-awesome:before { 
	font-family: "FontAwesome";
}
.font-awesome span {
	display: none;
}


/* Pagination */

.list-nav {
	text-align: center;
	font-size: 0.75em;
}
.list-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
}
.list-nav ul li {
	display: inline-block;
}
.list-nav span,
.list-nav a {
	display: inline-block;
	width: 43px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 3px;
	margin-right: 2px;
}
.list-nav > span {
	color: #fff;
	font-weight: bold;
	background: #45C0AE;;
}
.list-nav a {
	background: #E6E7E8;
	color: #000;
	text-decoration: none;
}


@media all and (min-width: 641px ) and ( max-width: 1024px ) {
	#site-footer #site-map,
	#site-footer #site-info {
		padding-right: 10px;
		padding-left: 10px;
	}
}
@media all and ( max-width: 640px ) {
	#site-header.isArticle {
		position: fixed;
		z-index: 9999999;
		transition: top 0.6s linear, opacity 0.6s linear;
		-webkit-transition: top 0.6s linear, opacity 0.6s linear;
		-moz-transition: top 0.6s linear, opacity 0.6s linear;
		-ms-transition: top 0.6s linear, opacity 0.6s linear;
		-o-transition: top 0.6s linear, opacity 0.6s linear;
		opacity: 0.95;
		-webkit-opacity: 0.95;
		-moz-opacity: 0.95;
		-ms-opacity: 0.95;
		-o-opacity: 0.95;
		background: #fff;
		border-bottom: 1px solid #DEDEDF;
	}
	#site-header.isArticle.show {
		opacity: 1;
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
		-o-opacity: 1;
	}
	#site-header.isArticle.hide {
		top: -100%;
		opacity: 0;
		-webkit-opacity: 0;
		-moz-opacity: 0;
		-ms-opacity: 0;
		-o-opacity: 0;
	}
	#site-header.isArticle .logo {
		display: inline-block;
		padding: 10px 0;
	}
	ul.wrap.sitewide-menu>li {
		width: 100% !important;
		padding: 0 5% 5% 5%;
	}
	ul.wrap.sitewide-menu li.explain {
		margin-bottom: 10%;
	}
	ul.wrap.sitewide-menu li.explain .inner,
	ul.wrap.sitewide-menu>li>.inner {
		padding: 0;
	}
	#site-footer #site-info {
		padding: 5%;
	}
	#site-footer #site-info .related-links,
	#site-footer #site-info .journal-info {
		float: initial;
	}
	#site-footer #site-info .related-links {
		padding-bottom: 20px;
	}
	#site-footer #site-info .journal-info {
		max-width: none;
	}
}
@media all and ( max-width: 480px ) {
	#site-navigation .navi-wrap .standing-orders {
		padding-top: 60px;
	}
	#site-navigation .navi-wrap .standing-orders ul li {
		display: block;
		float: none;
		padding: 5px 10px;
	}
	#site-footer #site-map {
		padding: 0;
	}
	ul.wrap.sitewide-menu>li {
		width: 100% !important;
		margin-bottom: 30px;
		padding: 15px;
		border-bottom: 1px solid #ccc;
	}
	ul.wrap.sitewide-menu li.explain .inner {
	}
	ul.wrap.sitewide-menu li.category1 form {
		margin: 20px 0 0 0;
	}
	ul.wrap.sitewide-menu>li.phamplet {
		border-bottom: 0;
		margin-bottom: 0;
	}
}