@charset "utf-8";
/* 
 * NHN (developers@xpressengine.com) 
 * csslint unique-headings:false, floats:false
 *
 * Modified for Asurada Style XpressEngine_Theme.FLAT : Board Skin
 * by Asurada (http://asnote.net)
 * version 1.0 (2015/01/31)
 */ 
/* Board */
.board img {
	border: 0;
}
.board,
.board label,
.board table,
.board input,
.board button,
.board textarea,
.board select {
	font-size: 15px;
/*	font-family: 돋움, Dotum, Tahoma, Geneva, sans-serif;*/
}
.board  a {
	text-decoration:none;
}
.board a:hover,
.board a:active,
.board a:focus {
	text-decoration:underline;
}



.read_header h1 {
	margin-bottom:12px;
	font-size: 24px;
	line-height: 36px;
}
.read_header h1 a {
	color:#212121;
	font-weight:normal;
	text-decoration: none;
}
.read_header h1 .category {
	font-weight: bold;
}


.board .iCheck {
	width: 13px;
	height: 13px;
	margin: 0;
	vertical-align: middle;
}
.board .iCheck+label {
	vertical-align: middle;
}
.board .iText,
.board select {
	position: relative;
	margin:0 12px 0 0;
	padding: 6px;
	border:none;
	border-bottom:3px solid #e0e0e0;
	background: transparent;
}
.board .iText {
	height: 26px;
}
.board select {
	height: 40px;
}
.board .iText:focus,
.board .iText:hover,
.board .iText:active,
.board select:focus,
.board select:hover,
.board select:active{
	border-bottom:3px solid #424242;
}

.board .type select,
.board .fileListArea select {
	border: 1px solid #cccccc;
}
.board .type select:focus,
.board .type select:hover,
.board .type select:active,
.board .fileListArea select:focus,
.board .fileListArea select:hover,
.board .fileListArea select:active{
	border:1px solid #424242;
}

.board textarea {
	margin: 0;
	padding: 6px;
	border: 1px solid #e0e0e0;
}
.board label {
	display: inline-block;
	margin: 0;
}
/* Board Header */
.board_header {
	position: relative;
	zoom: 1;
	margin: 0 0 22px 0;
}
.board_header:after {
	content: "";
	display: block;
	clear: both;
}
.board_header h2 {
	margin: 0;
	float: left;
}
.board_header .setup {
	float: right;
	width: 16px;
	height: 0;
	padding: 16px 0 0 0;
	overflow: hidden;
	background: url(icoSet.gif) no-repeat 1px -239px;
}



/* Category Tab */
.cTab {
	position: relative;
	margin-bottom:12px;
	border-bottom: 1px solid #e0e0e0;
	list-style: none;
	zoom: 1;
}
.cTab:after {
	content: "";
	display: block;
	clear: both;
}
.cTab li {
	float: left;
}
.cTab li.on {
}
.cTab li a {
	position: relative;
	float: left;
	height: 36px;
	line-height: 36px;	
	top:1px;
	padding: 0 12px;
	font-size:15px;
	color: #212121;
	text-decoration: none;
}
.cTab li.on a {
	color: #424242;
	font-weight: 600;
	border-bottom: 3px solid #424242;

}
.cTab a:hover,
.cTab a:active,
.cTab a:focus {
	background:#f5f5f5;
}




/* Board List */
/* list.html */
.board_list {
}
.board_list table {
	border: 0;
	border-bottom: 2px solid #424242;
	color: #212121;
}
.board_list a {
	text-decoration: none;
	color: #212121 !important;
}
.board_list a:visited {
	color: #551a8b !important;
}
.board_list a:hover,
.board_list a:active,
.board_list a:focus {
	text-decoration: underline;
}

.board_list th {
	border: 0;
	padding:4px 6px;
	height: 16px;
	white-space: nowrap;
	border-bottom: 2px solid #424242;
}
.board_list .title {
	text-align:left;
}
.board_list th,
.board_list th a{
	font-size:11px;
	color: #424242;
	font-weight: normal;
}


.board_list tr.notice {
	background: #f5f5f5;
}
.board_list tr.notice td.title a {
	font-weight: bold;
}
.board_list td {
	border: 0;
	border-bottom: 1px solid #e0e0e0;
	padding: 14px 6px 10px 6px;
	white-space: nowrap;
	vertical-align: top;
	font-size:11px;
	letter-spacing:-1px;
}
.board_list td.title {
	white-space: normal;
	line-height: 1.4;
	width: 100%;
}
.board_list td.title,
.board_list td.author{
	padding: 10px 12px;
	font-size:15px;
	letter-spacing:0;
}
.board_list td.author{
	padding: 10px 12px;
	font-size:15px;
	letter-spacing:0;
}

.board_list td.author img {
	position: relative;
	top: -1px;
}
.board_list td.title .replyNum {
	color: #3f51b5;
	font-weight: 500;
}

.board_list tr:last-child td {
	border: 0;
}
.board_list td.notice {
	text-align: center;
}
.board_list td.no {
	text-align: center;
}
.board_list td.time,
.board_list td.readNum,
.board_list td.voteNum,
.board_list td.lastReply a {
	text-align: center;
}
.board_list td.lastReply sub {
}
.board_list td.check {
	text-align: center;
}
.list_footer {
	position: relative;
	zoom: 1;
}
.list_footer:after {
	content: "";
	display: block;
	clear: both;
}



/* Board Write */

/* write_form.html */

.write_header {
	padding:0 0 12px 0;
	border-bottom: 2px solid #424242;
}
.write_header * {
	vertical-align: middle;
}
.write_header select {
	width: 140px;
}
.write_header .iText {
	width: 420px;
}
.write_editor .xd {
	margin-top: -3px;
}



.write_footer {
	overflow: hidden;
	margin: 1em 0;
}
.write_footer .write_author {
	margin:0 0 12px 0;
	padding:12px 0;	
	border-top: 1px solid #e0e0e0;
	border-bottom: 2px solid #424242;
}
.write_footer:after {
	content: "";
	display: block;
	clear: both;
}
.write_footer .btnArea {
	float: right;
	margin: 0;
}
.write_option {
	padding:12px 0;
	border-top: 1px solid #e0e0e0;
}
.write_option label {
	margin: 2px 12px 0 0;
}



/* Extra Form */
.exForm {
}
.exForm table {
	border: 0;
	width: 100%;
}
.exForm caption {
	text-align: left;
	padding: 6px 2px;
	background:#f5f5f5;
	border-bottom: 1px solid #e0e0e0;
	font-size:13px;
}
.exForm th label {
	cursor: default;
}
.exForm em {
	font-style: normal;
	color: #f60;
}
.exForm .text,
.exForm .homepage,
.exForm .email_address,
.exForm .tel,
.exForm .address,
.exForm .date {
	padding: 6px;
	margin: 0 0 6px 0;
	height: 14px;
	line-height: 14px;
	vertical-align: top;
	border: 1px solid #A6A6A6;
	border-right-color: #D8D8D8;
	border-bottom-color: #D8D8D8;
}
.exForm .text,
.exForm .email_address,
.exForm .homepage,
.exForm .address {
	width: 300px;
}
.exForm .tel {
	width: 40px;
}
.exForm .date {
	width: 120px;
}
.exForm textarea {
	width: 90%;
	padding: 3px 4px;
	margin: 0 4px 0 0;
	vertical-align: top;
	border: 1px solid #A6A6A6;
	border-right-color: #D8D8D8;
	border-bottom-color: #D8D8D8;
}
.exForm p {
	margin: 5px 0 0 0;
	font-size: 11px;
}
.exForm ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.exForm li {
	display: inline;
}
.exForm li input {
	width: 13px;
	height: 13px;
	margin: 0 4px 0 0;
	vertical-align: middle;
}
.exForm li label {
	margin: 0 15px 0 0;
}



.exOut {
}
.exOut table {
	border: 0;
	width: 100%;
}
.exForm th,
.exForm td,
.exOut th,
.exOut td {
	border: 0;
	padding:12px 12px 12px 0;
	vertical-align: top;
	border-bottom: 1px solid #ddd;
}
.exForm th,
.exOut th {
	text-align: left;
	font-weight:bold;
	white-space: nowrap;
}
.exForm th{
	padding:18px 12px 0 0;
	font-weight:500;
}
.exForm td,
.exOut td {
	width: 100%;
}
/* Board Read */



/* _read.html */
.board_read {
	zoom: 1;
}
.read_header {
	position: relative;
	padding-bottom:12px;
	border-bottom:2px solid #424242;
}
.read_header a {
	color:#212121;
}
.read_header h1 {
	margin-bottom:12px;
	font-size: 24px;
	line-height: 36px;
}
.read_header h1 a {
	color:#212121;
	font-weight:normal;
	text-decoration: none;
}
.read_header h1 .category {
	font-weight: bold;
}


.read_header .meta_author .pf {
	float: left;
	width: 48px;
	height: 48px;
	border-radius:100%
}
.read_header .meta_author{
	margin-left:2px;
	position:relative;
	float:left;
	zoom: 1;
	white-space: nowrap;
	font-size:20px;
	font-weight:500;
}
.read_header .meta_author a {
	color:#212121;
}

.read_header .meta {
	position:relative;
	float:right;
	padding-top:7px;
	zoom: 1;
	text-align:right;
	white-space: nowrap;	
	font-size: 13px;
	letter-spacing:-1px;
}
.read_header .meta .sum span{
	margin-left:6px;
}
.read_header:after {
	content: "";
	display: block;
	clear: both;
}

.read_body {
	padding: 36px 0 48px 0;	
	line-height:1.8;
}
.read_footer {
	overflow: hidden;
}


.read_footer .sign,
.read_footer .tag,
.read_footer .fileList,
.read_footer .actions,
.read_footer .actions2 {
	font-size:15px;
	white-space: nowrap;	
}
.read_footer .sign,
.read_footer .tag,
.read_footer .fileList {
	padding:12px 0;
	border-top:1px solid #e0e0e0;
}
.read_footer .actions,
.read_footer .actions2 {
	padding:6px 0;
}
.read_footer .actions {
	border-top:2px solid #424242;
}
.read_footer .actions2 {
	border-top:1px solid #e0e0e0;
}

.read_footer .sign {
	display:table;
	width:100%;
}
.read_footer .sign .pf_wrapper {
	display:table-cell;
	width: 72px;
	height: 72px;
}
.read_footer .sign .pf {
	float: left;
	width: 72px;
	height: 72px;
	border: 1px solid #e0e0e0;
	border-radius:100%;
	background: url(profile_72.gif) no-repeat;
}
.read_footer .sign .tx {
	display:table-cell;
	vertical-align:middle;
	overflow: hidden;
	padding:0 0 0 24px;
	font-size:13px;
	color:#9e9e9e;
	line-height: 1.5;
}



.read_footer .tags {
	margin:0 0 0 12px;
}


.read_footer .fileList {
	display:table;
	width:100%;
}
.read_footer .fileList .title{
	display:table-cell;
	width:48px;
	float:left;
	margin:0 12px 0 0;
}
.read_footer .fileList ul {
}
.read_footer .files {
	display:table-cell;
	width:100%;
	list-style: none;
	line-height:1.5;
}
.read_footer .files a,
.feedback .files a{
	font-size:13px;
}
.read_footer .files a .fileSize,
.feedback .files a .fileSize{
	font-size:11px;
	color:#9e9e9e;
}
.read_footer .files:after,
.feedback .files:after{clear:both;display:block;content:""}





.read_footer .sns{}
.read_footer .sns li{display:inline;vertical-align:top}
.read_footer .sns a{display:inline-block;width:32px;height:32px;border:1px solid #e0e0e0;background-color:#f4f4f4; border-radius:2px; text-align:center;}
.read_footer .sns i{font-size:22px;line-height:32px;color:#333 !important;}
.read_footer .sns a:hover{border-color:#DECA79;background-color:#f9dc5f;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out}
.read_footer .sns a:hover {color:#747474;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out}



.read_footer .btnArea {
	float:right;
	margin:0;
	padding:0;
}
.read_footer .submitArea {
	width:100%;
	margin:0;
	padding:0;
}
.read_footer .actions{
}
.read_footer .actions:after {clear:both;display:block;content:""}



/* Feedback (Trackback+Comment) */
/* _trackback.html | _comment.html */
.feedback {
	position: relative;
	margin: 0 0 20px 0;
}
.feedback .fbHeader {
	height: 36px;
	margin-bottom:12px;
	border-bottom: 2px solid #424242;
}
.feedback .fbHeader h2 {
	margin: 0;
	font-size: 20px;
}
.feedback .fbHeader h2 em {
	font-weight: normal;
}



.feedback .fbHeader .trackbackURL {
	position: absolute;
	top: 8px;
	right: 10px;
	margin: 0;
	line-height: 1;
	color: #666;
	font: 11px Tahoma, Geneva, sans-serif;
}
.feedback .fbHeader .trackbackURL a {
	text-decoration: none;
	color: #666;
}



.feedback .fbList {
}
.feedback .fbItem {
	padding: 12px 0;
	border-bottom: 1px solid #e0e0e0;
	zoom: 1;
	list-style: none;
}
.feedback .fbItem:after{content: "";display: block;clear: both}
.feedback .indent {
	background:#fafafa url(icoIndent.gif) no-repeat;	
}

.feedback .fbMeta {
	float: left;
	width: 180px;
	font-size:13px;
	line-height: 1.6;
}
.feedback .fbMeta .profile {
	float: left;
	width: 48px;
	height: 48px;
	border: 1px solid #e0e0e0;
	border-radius:100%;
	margin-right:6px;
	background: url(profile_48.gif) no-repeat;
}
.feedback .fbMeta .author {
	font-size: 15px;
	font-weight:500;
}
.feedback .author a {
	color: #212121;
}
.feedback .author a img {
	margin: 0 6px 0 0 !important;
	vertical-align: top !important;
}
.feedback .time {
	margin: 0;
	letter-spacing:-1px;
	color: #8e8e8e;
}



.feedback .xe_content {
	margin: 0 0 0 180px;
	line-height: 1.5;
}
.feedback .xe_content *:first-child {
	margin-top: 0;
}
#trackback .xe_content {
	color: #888;
}
#trackback .xe_content strong {
	color: #666;
	display: block;
	font-weight: normal;
}



.feedback .fileList {
	margin: 0 0 0 180px;
	padding: 12px 0 0 0;
	display: inline;
	float: left;
	clear: both;
	font-size:13px;
}
.feedback .toggleFile {
	border: 0;
	cursor: pointer;
	overflow: visible;
	background:none;	
	font-size:13px;
}
.feedback .files {
	display: none;
	list-style: none;
	margin: 15px 0;
	padding: 0;
	line-height: 16px;
}



.feedback .action {
	margin: 0;
	padding: 12px 0 0 0;
	white-space: nowrap;
	float: right;
	font-size:13px;
}
.feedback .action a {
	padding:12px 6px;
	text-decoration:none;
}
.feedback .action a:hover,
.feedback .action a:active,
.feedback .action a:focus {
	background: #f5f5f5;
	text-decoration:none;
}
.feedback .action a.this {
}


.feedback .pagination {
	padding: 10px 0;
}
.feedback .indent1 {
	padding-left: 30px;
	background-position: 12px 12px;
}
.feedback .indent2 {
	padding-left: 50px;
	background-position: 26px 12px;
}
.feedback .indent3 {
	padding-left: 70px;
	background-position: 46px 12px;
}
.feedback .indent4 {
	padding-left: 90px;
	background-position: 66px 12px;
}
.feedback .indent5 {
	padding-left: 110px;
	background-position: 86px 12px;
}
.feedback .indent6 {
	padding-left: 130px;
	background-position: 106px 12px;
}
.feedback .indent7 {
	padding-left: 150px;
	background-position: 126px 12px;
}
.feedback .indent8 {
	padding-left: 170px;
	background-position: 146px 12px;
}
.feedback .indent9 {
	padding-left: 190px;
	background-position: 166px 12px;
}
.feedback .indent10 {
	padding-left: 210px;
	background-position: 186px 12px;
}
.feedback .indent11 {
	padding-left: 230px;
	background-position: 206px 12px;
}
.feedback .indent12 {
	padding-left: 250px;
	background-position: 226px 12px;
}
.fbFooter {
	margin:0;
	padding:6px 0;
	border-top:2px solid #424242;
	text-align:right;
}



/* Pagination */
/* list.html | _comment.html */
.pagination {
	position:relative;
	margin:2px 0 0 0;
	padding:0;
	text-align: center;
	line-height: normal;
	border-bottom: 1px solid #e0e0e0;
	font-size:15px;
}
.pagination a,
.pagination strong{
	display: inline-block;
	position:relative;
	margin: 0;
	padding: 12px 4px;
	min-width:12px;
	color:#212121;
}
.pagination a {
}
.pagination strong{
	background:#fff;
	border-bottom: 3px solid #424242;
}
.pagination a:hover,
.pagination a:active,
.pagination a:focus {
	background:#f5f5f5;
}
.pagination .prev,
.pagination .next {
	padding:12px;
}



/* Write Author */
/* _read.html | write_form.html | comment_form.html */

.write_author {
	margin: 0 12px 0 0;
}
.board .item {
	position: relative;
	display: inline-block;
	zoom: 1;
}
.board .iLabel {
	top: 12px;
	left: 2px;
	color: #9e9e9e;
}
.board .searchArea .iLabel {
	top: 14px;
}
.board label {
	margin: 0 12px 0 0;
}
/* Write Comment */
/* _read.html | comment_form.html */
.write_comment {
	position: relative;
	margin: 12px 0 6px 0;
	zoom: 1;
}
.write_comment:after {
	content: "";
	display: block;
	clear: both;
}
.write_comment textarea {
	width: 645px;
	height: 37px;
}
.write_comment .write_author {
	float:left;
	margin:0;
	padding: 0 0 10px 0;
}
.write_comment .btnArea {
	float:right;
	margin:0;
	padding:0;
}



/* Context Data | Context Message */
/* comment_form.html | delete_form.html | delete_comment_form.html | input_password_form.html | message.html */




/* Tag List */
.tagList {
	line-height: 1.5;
	text-align: justify;	
}
.tagList a {
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
	margin: 0 2px;
}
.tagList a.rank1 {
	font-size: 24px;
	background: #000;
}
.tagList a.rank2 {
	font-size: 18px;
	background: #333;
}
.tagList a.rank3 {
	font-size: 14px;
	background: #666;
}
.tagList a.rank4 {
	font-size: 12px;
	background: #999;
}
.tagList a.rank5 {
	font-size: 12px;
	color: #666;
	text-decoration: underline;
}
.tagFooter {
	text-align: center;
	margin: 36px 0 0 0;
	padding:6px 0;
	border-top: 1px solid #e0e0e0;
}



/* Button */
.board .b_btn{
	text-decoration: none !important;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 5px 10px;
	font-size:16px;
	color: #424242;
	cursor: pointer;
	overflow: visible;
	border:none;
	color:#fff;
	border-radius:3px;
	background:#555;
}
.board .b_btn:hover,
.board .b_btn:active{
	background-color: #f5f5f5;
}
.board .b_btn[disabled] {
	color:#fff;
	background-color: #e0e0e0;
}
.board .submit {
	width:100%;
	padding:12px 0;
	border-radius:3px;
	background:#455ede;
	color:#fff !important;
}
.board .submit:hover,
.board .submit:active{
	background-color: #9aa8ed;
}
.board .submit[disabled] {
	color:#455ede;
	background-color: #cfd5f6;
}


.list_footer .searchArea {
	float:left;
	margin: 0;
	padding: 6px 0;
}
.list_footer .btnArea {
	float:right;
	margin: 0;
	padding: 6px 0;
}
.list_footer .adminArea {
	clear:both;
	padding: 6px 0;
	text-align:right;
	border-top:1px solid #e0e0e0;
}
.list_footer .board_search {
	float:left;
}
.list_footer .board_search .iText {
	width: 180px;
	margin:0;
}



/* Message*/
.context_message h1 {
	margin:0 0 6px 0;
	padding: 0 0 24px 0;
	font-size:34px;
	font-weight:normal;
	color:#757575;
	border-bottom:1px solid #e0e0e0;
}


/* Layout*/

.board_listarea,
.board_readarea,
.context_message {
	margin-bottom:24px;
}
.board_read{
	margin-bottom:12px;
}
.board{
	margin:0 auto;
}
.board:after{display:block;clear:both;content:''}

.header_text {
	margin:0 0 24px 0;
	
}
.footer_text {
	margin:24px 0 0 0;
}


.board_list td.author a:hover,
.board_list td.author a:active,
.board_list td.author a:focus,
.read_header .author:hover,
.read_header .author:active,
.read_header .author:focus {
	text-decoration:none;
}



/* gallery 추가 */
ul.gall_list {list-style:none;margin:15px 0;padding:0}
ul.gall_list li	{position:relative;vertical-align:top;zoom:1;}
ul.gall_list .article{display:inline-block;vertical-align:top;margin:15px 2.5%; width:20%;}
ul.gall_list .article .thumb{padding:10px 0 ;background:#fff;}
ul.gall_list .article .thumb img{display:block; width:100%;}
ul.gall_list .article .meta{position:relative;}
ul.gall_list .article .meta li{text-align:center;color:#888;float:center;}
ul.gall_list .article .meta a{text-decoration:none;color:#4a4a4a;font-weight:bold}
ul.gall_list .article .meta .title{ padding:5px 0;}
ul.gall_list .article .meta .title:hover,
ul.gall_list .article .meta .title:active,
ul.gall_list .article .meta .title em{font-style:normal;font-weight:bold;}
ul.gall_list .article .meta .title .iefix{background:#fff;opacity:0;filter:alpha(opacity=0)}
ul.gall_list .article .meta .comment_count{margin-left:1em}
ul.gall_list .article .meta li.reply,
ul.gall_list .article .meta li.author,
ul.gall_list .article .meta li.date{padding:5px 0;font-size:11px;line-height:14px}
ul.gall_list .article .meta li.reply{padding:0 0 0 16px;background:url(img/icoSet.gif) no-repeat 0 -270px}
ul.gall_list .article .meta li.author a{color:#888;font-weight:normal}
ul.gall_list .article .meta li.date{padding:0 ;}
ul.gall_list .article .meta li.readNum{color:#666;font-size:11px;}
ul.gall_list .article .meta li em{font-style:normal}



@media all and (max-width:768px) {
	ul.gall_list .article{display:inline-block;vertical-align:top;margin:15px 2.5%; width:45%;}

	.board .b_btn{
		text-decoration: none !important;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		padding: 5px 5px;
		font-size:14px;
		color: #424242;
		cursor: pointer;
		overflow: visible;
		border:none;
		color:#fff;
		border-radius:5px;
		background:#555;
		}
	.list_footer .searchArea {
		float:none;
		margin:10px 0;
		padding: 6px 0;
		text-align:center;
		height:50px; 
		background:#f8f8f8;
		}
	.list_footer .btnArea {
		float:none;
		margin: 0;
		padding: 6px 0;
	 }
	.list_footer .board_search {
		float:none;
	}
}