@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 700;
	src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
	src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
	url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
	url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
	url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 400;
	src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
	src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
	url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
	url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
	url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 800;
	src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
	src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
	url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'),
	url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
	url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}
.layout-container {
	background-color: #f0f3f6;
}

.layout-container .layout-grid {
	margin: 0 auto;
	width: 1200px;
}

main.layout-grid {
	padding-top: 50px;
}

.layout-container .layout-grid .content-grid {
	position: relative;
	padding:0 20px;

}

.widgetDoc,  .layout-container .layout-grid .content-grid{
	margin:0 auto;
	width:1160px;
}

.layout-container .layout-grid .content-grid .left-image img {
	width: 567px;
}

.layout-container .layout-grid .content-grid .left-image {
	float: left;
}

.layout-container .layout-grid .content-grid .right-image {
	margin-top:10px;
	float: right;
}

.layout-container .layout-grid .content-grid .right-image img {
	width: 567px;
}

.content-grid .memberCount {
	position:absolute;
	margin-top:115px;
	margin-left:370px;
	font-size:15px;
	font-family: 'Nanum Gothic';
}

.login-grid {
	position: relative;
	width: 567px;
	float: right
}

.login-grid .login-text {
	width: 317px;
	margin-bottom: 5px;
}

/* 로그인 */
.account, .loginfo {
	margin: 0;
	padding: 0;
}

.account a, .loginfo a {
	text-decoration: none;
	color: #808080
}

.account a:hover, .loginfo a:hover {
	text-decoration: none;
	color: #3a3a3a
}

.account > fieldset {
	margin: 0;
	padding: 0;
	border: 0
}

.account .idpw {
	float: left
}

.account .idpw label {
	position: absolute;
	top: 16px;
	left: 10px;
	display: block;
	margin: 0 0 5px 0;
	color: #a8a8a8;
	font-size: 22px;
	font-family: 'Nanum Gothic';
}

.account .id {
	margin-bottom: 2px;
	*margin-bottom: 1px
}

.account .id,
.account .pw {
	position: relative;
	background: #fff
}

.account input[type="text"],
.account input[type="email"],
.account input[type="password"] {
	position: relative;
	top: 0;
	left: 0;
	width: 435px;
	height: 39px;
	background: none;
	padding: 7px;
	margin: 0;
	border: 1px solid #d6d6d6;
	border-radius: 0;
	-webkit-appearance: none;
	font-size: 25px;
	line-height: 39px;
	outline: none;
	z-index: 2
}

.account input[type="text"]:focus, .account input[type="text"]:active,
.account input[type="email"]:focus, .account input[type="email"]:active,
.account input[type="password"]:focus, .account input[type="password"]:active {
	background: #fff !important
}

.account input[type="submit"] {
	width: 112px;
	height: 112px;
	margin: 0 0 0 4px;
	font-size:20px;
	background: #469fb2;
	border-radius: 0;
	line-height: 62px;
	padding: 0;
	cursor: pointer;
	font-weight: 700;
	color: #fff;
	border:1px solid #2b8193;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	appearance:none;
}

.account input[type="submit"]:hover,
.account input[type="submit"]:focus {
	filter: alpha(opacity=90);
	opacity: .9
}

/* Help, SignUp */
.account .helpSign {
	margin-bottom: 5px
}

.account .helpSign a {
	line-height: 1.6;
	font-size: 16px;
	font-family: 'Nanum Gothic';
}

.account .signup {
	float: right;
	position: relative;
	padding-left: 15px;
	color: #48a7bb
}

.account .help {
	float: right;
	color: #808080;
	padding:0 3px;
}

.account .signup i {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	font-size: 14px;
	color: #48a7bb
}

.account .signup:hover,
.account .help:hover {
	color: #3a3a3a
}

/* Keep */
.account .keep {
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 16px
}

.account .keep input[type="checkbox"] {
	float: left;
	width: 16px;
	height: 16px;
	margin: 0 3px 0 0;
	padding: 0;
	font-family: 'Nanum Gothic';
}

.account .keep label {
	float: left;
	cursor: pointer;
	line-height: 1.2;
	color: #808080;
	font-family: 'Nanum Gothic';
}

.account .warning {
	display: none;
	color: #666;
	line-height: 1.4
}

/* Message */
.account .message {
	margin: 5px 0
}

/*-----[ LOGIN INFO ]-----*/
/* Profile Top */
.loginfo .profile_top {
	margin-bottom: 5px;
	text-align: right
}

.loginfo .profile_top a {
	padding: 3px 5px;
	line-height: 1.2
}

.loginfo .profile_top a.nickname {
	float: left;
	position: relative;
	padding: 3px 0 0 15px;
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 12px;
	color: #48a7bb
}

.loginfo .profile_top a.nickname i {
	position: absolute;
	display: block;
	top: 2px;
	left: 0;
	font-size: 14px;
	color: #48a7bb
}

.loginfo .profile_top a.adminuser {
	float: left;
	font-size: 12px
}

.loginfo .profile_top a.adminuser:before {
	display: inline-block;
	content: "|";
	margin-right: 2px;
	font-size: 11px;
	color: #aaa
}

.loginfo .profile_top a.logout {
	float: right;
	border: 1px solid #e2e2e2;
	font-size: 11px
}

.loginfo .profile_top a.logout:hover {
	border-color: #b6b6b6
}

/* Profile Image */
.loginfo .profilei {
	float: left;
	margin-right: 15px
}

.loginfo .profilei img {
	display: block;
	width: 56px;
	height: 56px;
	border: 1px solid #d3d3d3
}

.loginfo .profilei .profile_noi {
	display: block;
	width: 56px;
	height: 56px;
	background: #e8e8e8 url(profile_noi.png) no-repeat center center;
	border: 1px solid #d3d3d3
}

/* Profile Link */
.loginfo .info {
	float: left
}

.loginfo .info p {
	margin: 0;
	padding: 0
}

.loginfo .info a {
	display: inline-block;
	padding: 2px 0;
	line-height: 1.2;
	font-size: 11px
}

.loginfo .info a.leaf {
	position: relative;
	padding: 11px 0 0 15px
}

.loginfo .info a i {
	position: absolute;
	display: block;
	top: 11px;
	left: 0;
	font-size: 12px;
	color: #8ed51f
}

.center {
	padding-top: 20px;
	width:1054px;
	margin: 0 auto;
}

.center-button {
	display: block;
	position: relative;
}

.center-button img {
	width: 243px;
}

.center-button a {
	margin-right: 26px;
}
.center-button a:last-child {
	margin:0;
}
/* HTML Reset */
html, body {
	height: 100%
}

a {
	text-decoration: underline;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,
code, form, fieldset, legend, input, textarea, p, a, blockquote, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

ol, ul {
	list-style: none;
}

fieldset, img {
	border: 0;
}

address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	/* font-weight:normal; */
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

abbr, acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

input, textarea, select {

	font-size: inherit;
	font-weight: inherit;
	*font-size: 100%;
}

legend {
	color: #000;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

a, a:visited {
	text-decoration: none;
}

a:hover,
a:active,
a:focus {
	text-decoration: none;
}

a {
	cursor: pointer;
}

.clearfix {
	*zoom: 1;
}

.clearfix:before, .clearfix:after {
	display: block;
	content: '';
	line-height: 0;
}

.clearfix:after {
	clear: both;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

/* widget */
.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clearLeft {
	clear: left;
}

.clearRight {
	clear: right;
}

.widgetContainer {
}

.widget_phammaker_doc {
	margin-top:30px;
	width: 567px;
	float: left;
}
.widget_phammaker_doc.left {
	margin-right:26px;
}
.widget_phammaker_doc.right {
}
.widgetContainer .title-name {
	z-index: 20;
	border-bottom: 2px solid #e1e1e1;
	height:32px;
}

.widgetContainer .title-name span {
	display: inline-block;
	position: absolute;
	margin-top: 2px;
	border-bottom: 2px solid #48a7bb;
	font-weight: bold;
	height: 30px;
	color:#575757;
	font-size: 20px;
	z-index: 20;
	font-family: 'Nanum Gothic';
}

.widgetContainer .title-name .main-title {
	display: inline-block;
	position: absolute;
	margin-top: 2px;
	border-bottom: 2px solid #48a7bb;
	font-weight: bold;
	height: 30px;
	color:#575757;
	font-size: 20px;
	z-index: 20;
	font-family: 'Nanum Gothic';
}

.widgetContainer .title-name .floatRight {
	font-size:14px;
	margin-top:5px;
	color:#333;
	font-family: 'Nanum Gothic';
}

.open {
	display: block !important;
}

.widgetContainer a {
	text-decoration: none;
}

.widgetContainer a:hover,
.widgetContainer a:active,
.widgetContainer a:focus {
	text-decoration: underline;
}

.widgetContainer img {
	border: 0;
}

.widgetContainer em {
	position: relative;
	line-height: 1;
	display: inline-block;
	margin: -5px 0;
	*padding: 0 1px;
	font-style: normal;
}

.widgetContainer form {
	margin: 0;
	padding: 0;
}

.widgetContainer fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

ul.widgetA, ul.widgetGalleryA {
	padding: 10px 0 0 0 !important;
	list-style: none;
	/*margin: -2px 0 0 0 !important;*/
}

ul.widgetA.border_delete {
	border-top: 0;
}

ul.widgetA li {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 30px;
	line-height: 20px;
}

.widgetTableA {
	width: 100%;
	font-size: 12px;
	position: relative;
	border: 0;
}

.widgetTableA td {
	border: 0;
	line-height: 1.5;
	white-space: nowrap;
	vertical-align: top;
	padding: 1px 5px 1px 5px;
}

.widgetTableA td.title {
	width: 100%;
	white-space: normal;
}

.widgetTableA td .board {
	padding-right: 5px;
}

.widgetTableA td .notice {
	padding-right: 5px;
}

.widgetTableA td .category {
	padding-right: 5px;
	font-weight: normal;
}

.widgetTableA td .replyNum a {
	font: 10px Tahoma;
}

.widgetTableA td .trackbackNum a {
	font: 10px Tahoma;
}

.widgetTableA td.summary {
	white-space: normal;
}

.widgetTableA td.time {
	font-size: 11px;

}


.widgetTabC {
	margin: 0;
	padding: 0;
	font-size: 12px;
	border-top: 1px solid;
}

.widgetTabC li {
	list-style: none;
	border-bottom: 1px solid;
	*zoom: 1;
	margin-bottom: 1px;
}

.widgetTabC li a {
	display: block;
	padding: 7px 0 6px 10px;
	text-decoration: none;
	*zoom: 1;
}

dl.widgetDivider {
	margin: 0;
}

dl.widgetDivider dt {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}

dl.widgetDivider dd {
	display: none;
	margin: 0;
}

.widgetNavigator {
	margin: 0;
	padding: 0;
	text-align: right;
	clear: both;
}

.widgetNavigator li {
	list-style: none;
	display: inline;
}

.widgetNavigator li button {
	width: 16px;
	height: 16px;
	padding: 0;
	background-color: transparent;
	background-image: url(../img/white/buttonWidgetNavigation.gif);
	border: 1px solid #999;
	cursor: pointer;
}

.widgetNavigator li button.prev {
	background-position: left center;
	*background-position: -1px center;
}

.widgetNavigator li button.next {
	background-position: right center;
	*background-position: 13px center;
}

.widgetNavigator li button span {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.widgetGalleryA {
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.5;
	*zoom: 1;
	_margin-right: -100%;
}

.widgetGalleryA:after {
	content: "";
	display: block;
	clear: both;
}

.widgetGalleryA li {
	float: left;
	overflow: hidden;
	width: 100px;
	margin-right: 5px !important;
	margin-bottom: 15px !important;
	padding-bottom: 0;
	white-space: nowrap;
	list-style: none;
}

.widgetGalleryA li:first-child {
	margin-left:16px;
}
.widgetGalleryA li:last-child {
	margin-right:16px;
}
.widgetGalleryA li.clearRight {
	margin-right: 0;
}

.widgetGalleryA li .thumb {
	display: block;
	position: relative;
	margin:0;
	overflow: hidden;
	text-decoration: none;
}

.widgetGalleryA li .thumb img {
	display: block;
	position: relative;
}

.widgetGalleryA li .thumb .imgNone {
	display: block;
	position: relative;
	width: 100%;
	height: 70%;
	padding-top: 30%;
	background: #eee;
	text-align: center;
	cursor: pointer;
	color: #000;
}

.widgetGalleryA li .thumb .board {
	display: block;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	padding: 2px 0 0 0 !important;
	cursor: pointer;
	text-align: center;
	font-weight: normal;
	background: #000;
	color: #fff;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: alpha('opacity=60');
}

.widgetGalleryA li .thumb .category {
	display: block;
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 2px 0 0 0 !important;
	cursor: pointer;
	text-align: center;
	font-weight: normal;
	background: #000;
	color: #fff;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: alpha('opacity=60');
}

.widgetGalleryA li .author {
	display: block;
}

.widgetGalleryA li .replyNum a {
	font: 10px Tahoma;
	margin: 0 -1px;
}

.widgetGalleryA li .trackbackNum a {
	font: 10px Tahoma;
	margin: 0 -1px;
}

.widgetGalleryA li .date {
	font: 11px Tahoma;
}

.widgetGalleryA li .hour {
	font: 11px Tahoma;
}

/* widgetThumb */
.widgetThumb {
	position: relative;
	margin: 0;
	text-align: center;
	font-size: 12px;
	line-height: 1.5;
}

.widgetThumb .thumb {
	display: block;
	margin-bottom: 5px;
	position: relative;
	*zoom: 1;
	text-decoration: none;
	_float: left;
}

.widgetThumb .thumb img {
	display: block;
	width: 100%;
}

.widgetThumb .thumb .imgNone {
	display: block;
	position: relative;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 50px;
	background: #eee;
	text-align: center;
	cursor: pointer;
	color: #000;
}

.widgetThumb .thumb .category {
	display: block;
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 2px 0 0 0 !important;
	cursor: pointer;
	text-align: center;
	font-weight: normal;
	background: #000;
	color: #fff;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: alpha('opacity=60');
}

.widgetThumb .title {
	display: block;
}

.widgetThumb .author {
	display: block;
}

.widgetThumb .date {
	font-size: 11px;
}

.widgetThumb .hour {
	font-size: 11px;
}

.widgetZineA {
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.5;
	*zoom: 1;
}

.widgetZineA:after {
	content: "";
	display: block;
	clear: both;
}

.widgetZineA li {
	list-style: none;
	clear: both;
	margin-bottom: 10px;
	padding-bottom: 10px;
	*zoom: 1;
	overflow: hidden;
}

.widgetZineA li p {
	margin: 0;
	padding: 0;
}

.widgetZineA li p.thumbArea {
	position: relative;
	float: left;
	width: 100px;
	margin-right: -100px;
	overflow: hidden;
}

.widgetZineA li p.titleArea {
	margin-left: 120px;
	margin-bottom: 4px;
}

.widgetZineA li p.titleArea .board {
	padding-right: 5px;
}

.widgetZineA li p.text {
	margin-left: 120px;
	margin-bottom: 4px;
}

.widgetZineA li p.authorArea {
	margin-left: 120px;
}

.widgetZineA li .thumb {
	display: block;
	position: relative;
	width: 100px;
	height: 75px;
	text-decoration: none;
	overflow: hidden;
}

.widgetZineA li .thumb img {
	position: relative;
	width: 100%;
}

.widgetZineA li .thumb .imgNone {
	display: block;
	position: relative;
	width: 100%;
	height: 80%;
	padding-top: 20%;
	background: #eee;
	text-align: center;
	cursor: pointer;
	color: #000;
}

.widgetZineA li .thumb .category {
	display: block;
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 2px 0 0 0 !important;
	cursor: pointer;
	text-align: center;
	font-weight: normal;
	background: #000;
	color: #fff;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: alpha('opacity=60');
}

.widgetZineA li .category {
	padding-right: 5px;
	font-weight: normal;
}

.widgetZineA li .title {
	font-weight: bold;
}

.widgetZineA li .replyNum a {
	font: 10px Tahoma;
	margin: 0 -1px;
}

.widgetZineA li .trackbackNum a {
	font: 10px Tahoma;
	margin: 0 -1px;
}

.widgetZineA li .author {
	margin-right: 10px;
}

.widgetZineA li .date {
	font: 11px Tahoma;
}

.widgetZineA li .hour {
	font: 11px Tahoma;
}

.widgetTabC {
	border-color: #e5e5e5;
}

.widgetTabC li {
	border-color: #e5e5e5;
	background: #f8f8f8;
}

.widgetTabC li a {
	color: #333;
}

.widgetTabC li a:hover,
.widgetTabC li a:active,
.widgetTabC li a:focus {
	background: #eee;
}

.widgetTabA {
	border-color: #666;
}

.widgetTabA li,
.widgetTabA li a {
	background-image: url(../img/white/buttonWidgetTab.gif);
}

.widgetA li {
	font-size:14px;
}

.widgetTabA li a {
	color: #333;
}

.widgetA a.title {
	color: #333;
	display: inline-block;
	top: 0;
	font-family: 'Nanum Gothic';
}

.widgetA a.board_title {
	display: inline-block;
	width: 70px;
	padding: 2px 5px;
	background: #9d9d9d;
	color: #f2f2f2;
	text-align: center;
	border-radius: 5px;
}

.widgetA a.board {
	color: #333;
	padding-right: 5px;
	background: url(../img/white/lineTextDiv.gif) no-repeat right center;
}

.widgetA .notice {
	color: #ff1a1a;
	background: url(../img/white/lineTextDiv.gif) no-repeat right center;
}

.widgetA .category {
	color: #333;
	background: url(../img/white/lineTextDiv.gif) no-repeat right center;
}

.widgetA .replyNum a {
	color: #ff1a1a;
}

.widgetA .trackbackNum a {
	color: #66c;
}

.widgetA .author {
	color: #333;
	margin-right: 5px;
}

.widgetA .date {
	color: #333;
}

.widgetA .hour {
	color: #888;
}

.widgetTableA td.title a {
	color: #333;
}

.widgetTableA td .board {
	color: #333;
	background: url(../img/white/lineTextDiv.gif) no-repeat right center;
}

.widgetTableA td .notice {
	color: #ff1a1a;
	background: url(../img/white/lineTextDiv.gif) no-repeat right center;
}

.widgetTableA td .category {
	color: #333;
	background: url(../img/white/lineTextDiv.gif) no-repeat right center;
}

.widgetTableA td .replyNum a {
	color: #ff1a1a;
}

.widgetTableA td .trackbackNum a {
	color: #66c;
}

.widgetTableA td .author {
	color: #333;
}

.widgetTableA td .date {
	color: #333;
}

.widgetTableA td .hour {
	color: #888;
}

.widgetGalleryA li .title {
	color: #333;
}

.widgetGalleryA li .replyNum a {
	color: #ff1a1a;
}

.widgetGalleryA li .trackbackNum a {
	color: #66c;
}

.widgetGalleryA li .author {
	color: #333;
}

.widgetGalleryA li .date {
	color: #333;
}

.widgetGalleryA li .hour {
	color: #888;
}

.widgetThumb {
	color: #333;
}

.widgetThumb a {
	color: #333;
}

.widgetThumb .hour {
	color: #888;
}

.widgetZineA li .board {
	color: #333;
	background: url(../img/white/lineTextDiv.gif) no-repeat right center;
}

.widgetZineA li .title {
	color: #666;
}

.widgetZineA li .replyNum a {
	color: #ff1a1a;
}

.widgetZineA li .trackbackNum a {
	color: #66c;
}

.widgetZineA li .author {
	color: #333;
}

.widgetZineA li .category {
	color: #333;
	background: url(../img/white/lineTextDiv.gif) no-repeat right center;
}

.widgetZineA li .date {
	color: #333;
}

.widgetZineA li .hour {
	color: #888;
}

.widgetZineA li .text {
	color: #888;
}

.widgetContainer.black .widgetTabC {
	border-color: #7f7f7f;
}

.widgetContainer.black .widgetTabC li {
	border-color: #7f7f7f;
	background: #222;
}

.widgetContainer.black .widgetTabC li a {
	color: #999;
}

.widgetContainer.black .widgetTabC li a:hover,
.widgetContainer.black .widgetTabC li a:active,
.widgetContainer.black .widgetTabC li a:focus {
	background: #333;
}

.widgetContainer.black .widgetTabA {
	border-color: #999;
}

.widgetContainer.black .widgetTabA li,
.widgetContainer.black .widgetTabA li a {
	background-image: url(../img/black/buttonWidgetTab.gif);
}

.widgetContainer.black .widgetTabA li a {
	color: #999;
}

.widgetContainer.black .widgetTableA td.title a {
	color: #999;
}

.widgetContainer.black .widgetTableA td .board {
	color: #999;
	background: url(../img/black/lineTextDiv.gif) no-repeat right center;
}

.widgetContainer.black .widgetTableA td .notice {
	color: #ff1a1a;
	background: url(../img/black/lineTextDiv.gif) no-repeat right center;
}

.widgetContainer.black .widgetTableA td .category {
	color: #999;
	background: url(../img/black/lineTextDiv.gif) no-repeat right center;
}

.widgetContainer.black .widgetTableA td .replyNum {
	color: #ff1a1a;
}

.widgetContainer.black .widgetTableA td .trackbackNum {
	color: #66c;
}

.widgetContainer.black .widgetTableA td .author {
	color: #999;
}

.widgetContainer.black .widgetTableA td .date {
	color: #999;
}

.widgetContainer.black .widgetTableA td .hour {
	color: #888;
}

.widgetContainer.black .widgetGalleryA li .title {
	color: #999;
}

.widgetContainer.black .widgetGalleryA li .replyNum a {
	color: #ff1a1a;
}

.widgetContainer.black .widgetGalleryA li .trackbackNum a {
	color: #66c;
}

.widgetContainer.black .widgetGalleryA li .author {
	color: #999;
}

.widgetContainer.black .widgetGalleryA li .date {
	color: #999;
}

.widgetContainer.black .widgetGalleryA li .hour {
	color: #888;
}

.widgetContainer.black .widgetThumb {
	color: #999;
}

.widgetContainer.black .widgetThumb a {
	color: #999;
}

.widgetContainer.black .widgetThumb .hour {
	color: #888;
}

.widgetContainer.black .widgetZineA li .board {
	color: #999;
	background: url(../img/black/lineTextDiv.gif) no-repeat right center;
}

.widgetContainer.black .widgetZineA li .title {
	color: #999;
}

.widgetContainer.black .widgetZineA li .replyNum a {
	color: #ff1a1a;
}

.widgetContainer.black .widgetZineA li .trackbackNum a {
	color: #66c;
}

.widgetContainer.black .widgetZineA li .author {
	color: #999;
}

.widgetContainer.black .widgetZineA li .category {
	color: #999;
	background: url(../img/black/lineTextDiv.gif) no-repeat right center;
}

.widgetContainer.black .widgetZineA li .date {
	color: #999;
}

.widgetContainer.black .widgetZineA li .hour {
	color: #888;
}

.widgetContainer.black .widgetZineA li .text {
	color: #888;
}

#footer {
	background-color: #6a8197;
	height: 90px;
}

#footer .layout-grid {
	padding:0 0px 0 0 ;
	box-sizing: border-box;

	width:1160px;
}

#footer .footer-copyright {
	line-height:90px;
	width:300px;
	margin-left:20px;
	font-family: 'Nanum Gothic';
}

#footer .footer-copyright p {
	color:#f2f2f2;
	font-size:14px;
}

#footer .footer-logo {
	margin-top: 20px;
}

#footer .footer-logo img {
	width: 131px;
}

#footer .footer-sns-btn img{
	height:30px;
}
#footer .footer-sns-btn a {
	margin-right:3px;
}

#footer .footer-sns-btn a:last-child{
	margin:0;
}

#footer .footer-sns-btn {
	margin-top:32px;
}

.widgetA a.title span{
	font-weight: initial !important;
	color:#2f2f2f !important;
}

@media (max-width: 768px) {
	.layout-container {
		width:100%;
	}
	.layout-grid {
		max-width:100%;
	}
	.center, .widgetDoc, .layout-container .layout-grid .content-grid{
		width :100%;
		margin:0;
	}
	.layout-container .layout-grid .content-grid {
		box-sizing: border-box;
		padding:20px;
	}
	.login-grid {
		width:100%;
		text-align:center;
	}
	.login-grid .login-text {
		width:80%;
		margin:0 auto 10px auto;
	}
	.account input[type="text"], .account input[type="email"], .account input[type="password"] {
		width:100%;
		display:block;
		box-sizing: border-box;
		height:40px;
		margin-top:5px;
	}
	.account input[type="submit"] {
		width:100%;
		margin:5px 0 0 0;
		height:50px;
		line-height:50px;
	}
	.account .idpw label {
		top:13px;
		font-size:14px;
	}
	.account .keep, .account .helpSign a {
		font-size:14px;
	}
	.content-grid .memberCount {
		top:0;
		right:0;
		width:190px;
	}

	.content-grid .memberCount {
		font-size:10px;
	}

	.layout-container .layout-grid .content-grid .left-image, main.layout-grid {
		padding:0;
	}
	.layout-container .layout-grid .content-grid .right-image {
		margin-top:20px !important;
	}
	.layout-container .layout-grid .content-grid .left-image img,
	.layout-container .layout-grid .content-grid .right-image img{
		width: 100%;
		height: auto;
	}

	.center-button {
		text-align: center;
	}

	.center-button a {
		margin:0 3px 0 0;
		float:none !important;
	}
	.center-button a.right {
		margin:0;
	}
	.center-button img {
		width:40%;

	}
	.center-button a.second-button-img img {
		margin-top:2px;
	}
	.widgetDoc {
		padding:20px;
		box-sizing: border-box;
	}
	.widget_phammaker_doc {
		width:100%;
	}
	.widgetA li {
		font-size:14px;
		overflow: hidden;
	}
	.widgetA li a {
		display:block;
		width:80%;
	}
	.widgetA .replyNum {
		display:none;
	}
	ul.widgetA li {
		height:20px;
	}
	.widgetA li .date {
		float:right;
	}
	.widgetGalleryA li {
		width:12% !important;

	}
	.widgetGalleryA li .thumb {
		width:initial !important;
		height:initial !important;
	}
	.widgetGalleryA li .thumb img {
		width:100% !important;
		height:100% !important;
	}
	.widgetGalleryA li:first-child {
		margin-left:1px;
	}

	#footer {
		height:initial;
	}
	#footer .layout-grid {
		text-align: center;
		padding-top:52px;
		padding-bottom:37px;
	}
	#footer .layout-grid .footer-logo {
		/*border-top:1px solid #b6cbdf;*/
		/*padding-top:11px;*/
		/*margin-top:10px;*/
		float:none !important;
		/*margin:0;*/
	}
	#footer .footer-copyright {
		margin:10px 0 0 0;
		line-height:initial;
		width:100%;
		text-align:center;
	}
	#footer .footer-sns-btn {
		background-color:#6a8197;
		margin:-110px auto 0 auto;
		float:initial;
		height:37px;
		border-bottom:1px solid #b6cbdf;
	}
	#footer .footer-sns-btn img {
		height:25px;
	}
	.floatRight, .login-grid, .floatLeft, .right-image, .widget_phammaker_doc, .layout-container .layout-grid .content-grid .left-image, .account .idpw {
		float:none;
	}

}
.display-none{
display:none !important;
}