@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

body,
h1,
h2,
h4,
h5,
h6,
p,
div,
ul,
ol,
dl,
li,
dt,
dd,
table,
tr,
th,
caption,
tbody,
tfoot,
form,
fieldset,
label,
legend,
address,
blockquote {
	margin: 0;
	padding: 0;
}

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

address,
em {
	font-style: normal;
}

img {
	border: 0 none;
}

q:before,
q:after {
	content: '';
}

body,
input,
textarea,
select,
button,
table {
	font-family: "Noto Sans KR", NanumGothic, "돋움", dotum, applegothic, sans-serif;
	font-size: 13px;
	color: #767676;
	/* background:#F8F8F8; */
	-webkit-font-smoothing: antialiased;
}

td {
	padding: 5px 10px;
}

body {
	overflow-x: hidden !important;
	-webkit-font-smoothing: antialiased;
	font-family: 'Nanum Gothic', 'OpenSans', 'ng', 'Arial', 'sans-serif';
	line-height: 1.2em;
}

.goog-te-banner-frame.skiptranslate {
	display: none !important;
}

body {
	top: 0px !important;
}

a {
	text-decoration: none;
	outline: none;
	color: #222;
}

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

ol,
ul {
	list-style: none;
}

hr {
	display: none;
}


/* 2줄이상 */
.ellipsis2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	/* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	/* aaaaaaaaaaa같은 영문때문에 필요 */
}

.ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

legend {
	border: 0;
	padding: 0;
	margin: 0;
	width: 0;
	height: 0;
	font-size: 0;
}

fieldset {
	border: 0;
}

.skip {
	visibility: hidden;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -5000px;
	position: absolute;
	top: -5000px;
}

/*--------------------------------------------------------------------------------------------------------*/
/* common*/
/*--------------------------------------------------------------------------------------------------------*/
/* style common */
.fleft {
	float: left !important;
}

.fright {
	float: right;
	text-align: right;
}

.pd10 {
	padding: 0 10px;
}

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

.b_border {
	border-bottom: 1px dashed #eee;
}

.pd_wrap {
	padding: 10px 20px;
}

.tright {
	text-align: right;
}

.valigntop {
	vertical-align: top;
}

.mgl5 {
	margin-left: 5px;
}

.talign-left {
	text-align: left;
}

.ck {
	vertical-align: middle;
}

.comment_input_wrap input {
	margin-left: 15px;
	width: 289px;
}

/* button common */
.btn_type1 {
	background: #fff;
	display: inline-block;
	color: #333;
	border: 1px solid #428bca;
	line-height: 30px;
	height: 30px;
	vertical-align: middle;
	padding: 0 10px;
	font-weight: bold;
	border-radius: 3px;
	font-size: 13px !important;
}

.btn_type1:hover {
	background: #428bca;
	color: #fff;
}

.btn_type2 {
	background: #ffffff;
	display: inline-block;
	color: #999;
	border: 1px solid #428bca;
	line-height: 30px;
	height: 30px;
	vertical-align: middle;
	padding: 0 10px;
	font-weight: bold;
	border-radius: 3px;
	font-size: 13px !important;
}

.btn_type2:hover {
	background: #428bca;
	color: #fff;
}


.cominfo tbody th {
	padding-left: 20px;
}

.cominfo .div80 {
	width: 80%;
	float: left;
}

.cominfo .div20 {
	width: 20%;
	float: left;
}

.cominfo .i_txt {
	line-height: 27px;
	height: 30px;
	padding-left: 5px;
	border: 1px solid #ddd;
	vertical-align: middle;
	border-radius: 3px;
}

.cominfo .i_txt_long {
	line-height: 27px;
	width: 100%;
	height: 30px;
	padding-left: 5px;
	border: 1px solid #ddd;
	border-radius: 3px;
	vertical-align: middle;
}

.cominfo .mg5 {
	margin: 5px 0;
}

.cominfo .mgb5 {
	margin-bottom: 5px;
}

.cominfo .select {
	width: 90%;
	margin-left: 10%;
	line-height: 33px;
	height: 33px;
	border: 1px solid #ddd;
	vertical-align: top;
	padding: 2px 5px;
}

.vmiddle {
	vertical-align: middle;
}

.vtop {
	vertical-align: top;
}

.cominfo .pdt4 {
	padding-top: 4px;
}

.cominfo .attachment {
	display: block;
}

/* paginate */
.item_footer {
	min-width: 320px;
	min-height: 30px;
	font-size: .8em;
	padding: 30px 0px;
	margin: 0 auto;
}

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

.footer_area {
	padding: 15px 0;
	padding-top: 0;
	height: 60px;
}

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

.paginate {
	text-align: right;
}

.paginate span {
	display: inline-block;
	background: #fff;
	border: 1px solid #428bca;
	border-radius: 3px;
}

.paginate span:hover,
.paginate span.on {
	background: #428bca;
}

.paginate span:hover a,
.paginate span.on a {
	color: #fff;
}

.paginate span a {
	color: #444;
	display: inline-block;
	padding: 7px 12px;
}

/* search form wrap  */
.search_form_wrap {
	float: left;
}

.search_form_wrap .submit2 {
	background: #fff;
	display: inline-block;
	color: #333;
	border: 1px solid #428bca;
	line-height: 34px;
	height: 34px;
	vertical-align: bottom;
	padding: 0 10px;
	font-weight: bold;
	border-radius: 3px;
	font-size: 13px !important;
}

.search_form_wrap .submit:hover {
	background: #428bca;
	color: #fff;
}

.search_form_wrap .i_txt {
	line-height: 27px;
	width: 120px;
	height: 30px;
	padding-left: 5px;
	border: 1px solid #ddd;
	vertical-align: middle;
}

.search_form_wrap .select {
	line-height: 34px;
	height: 34px;
	border: 1px solid #ddd;
	vertical-align: top;
	padding: 2px 5px;
}

.search_form_wrap_dark {
	float: left;
}

.search_form_wrap_dark .submit2 {
	background: #fff;
	display: inline-block;
	color: #333;
	border: 1px solid #353131;
	line-height: 34px;
	height: 34px;
	vertical-align: bottom;
	padding: 0 10px;
	font-weight: bold;
	border-radius: 3px;
	font-size: 13px !important;
}

.search_form_wrap_dark .submit:hover {
	background: #428bca;
	color: #fff;
}

.search_form_wrap_dark .i_txt {
	line-height: 27px;
	width: 120px;
	height: 30px;
	padding-left: 5px;
	border: 1px solid #353131;
	vertical-align: middle;
}

.search_form_wrap_dark .select {
	line-height: 34px;
	height: 34px;
	border: 1px solid #353131;
	vertical-align: top;
	padding: 2px 5px;
}



/*-------------------------------------------------------------------------------------------------------------------------------------*/
/* event board */
/*-------------------------------------------------------------------------------------------------------------------------------------*/
.contents {
	padding: 0px;
	background: #f9f9f9;
}

li.holder {
	width: 100%;
	background: #fff;
	min-width: 360px;
	margin-bottom: 20px;
	background: #fff;
}

.box20 {
	float: left;
	width: 20%;
	text-align: center;
}

.box20 div {
	margin: 0px;
	padding: 0px;
	border: 1px solid #eee;
	margin-bottom: 5px;
	background: #fff;
}

.box20 div.img_wrap {
	margin: 0;
	padding: 0;
	border: 0;
}

.box20 div img {
	width: 100%;
}

.box80 {
	float: left;
	width: 80%;
}

.box80 .box75_wrap {
	margin: 7px 0px 7px 15px;
	line-height: 25px;
	font-size: 13px
}

.box80 .content_wrap {
	padding: 0 5px;
	height: 99px;
	line-height: 25px;
	overflow: hidden;
}

.box80 .content {
	overflow: hidden;
	height: 50px;
	padding-top: 3px;
	font-size: 12px;
}

.ht73 {
	height: 73px !important;
	min-height: 73px !important;
}

.pdt7 {
	padding-top: 7px;
}

.nonborder {
	border: none !important;
	margin: 5px 0px !important;
	padding: 0 !important
}

/* 2014/07/24 추가 */
.holder .box100 {
	width: 100%;
}

.holder .box100 .box75_wrap {
	margin: 7px 0px 7px 0px !important;
	line-height: 25px;
	font-size: 13px;
}

.box100 .content {
	overflow: hidden;
	min-height: 50px;
	padding-top: 3px;
	font-size: 12px;
	line-height: 25px;
}

@media (max-width: 400px) {
	.box80 {
		float: left;
		width: 50%;
	}

	.box20 {
		float: left;
		width: 50%;
	}
}

a.black {
	background: black;
	color: #fff !important;
	padding: 5px;
	display: inline-block;
	font-weight: bold;
}

ul.thumb_list h3 {
	/* border-bottom:1px dashed #eee; */
	font-weight: bold;
	font-size: 1em;
	margin: 5px;
	padding: 10px 13px 5px;
	line-height: 16px;
}

ul.thumb_list h3 a {
	color: #222;
	font-weight: bold;
}

ul.thumb_list li .event_wrap {}

ul.thumb_list li .event_wrap a {
	color: #fff !important;
}

ul.thumb_list li .created_at {
	font-size: 1em;
	padding-top: 5px;
	color: #bbb;
}

div.content_desc {
	margin-top: 10px;
	line-height: 25px;
	font-size: .9em;
}

div.content_desc .content {
	min-height: 55px;
}


/*-----------------------------------------------------------------*/
/* comment area */
/*-----------------------------------------------------------------*/
#cmtContent {
	padding: 0px 10px;
}

.comment_wrapper {
	width: 100%;
	margin: 0 auto;
	/* background:orange; */
	min-width: 320px;
}

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

.write_box {
	padding: 10px 0;
}

.comment_wrapper .left {
	float: left;
	width: 10%;
}

.comment_wrapper .left .user_img {
	vertical-align: middle;
	border-radius: 3px;
}

.user_img img {
	width: 100%;
	max-width: 50px;
}

.comment_wrapper .center {
	float: left;
	width: 78%;
}

.comment_wrapper .center textarea {
	width: 100%;
	height: 62px;
	border-radius: 3px;
	border: 1px solid #ddd;
}

.comment_wrapper .right {
	float: left;
	width: 12%;
	padding-top: 2px;
}

.comment_wrapper .right .submit {
	float: right;
	padding: 0px;
	width: 78px;
	background: #428bca;
	height: 62px;
	line-height: 62px;
	border: 1px solid #ddd;
	border-radius: 4px;
	color: #fff;
	font-weight: bold;
}

.comment_wrapper ul {
	font-size: 13px;
}

.comment_wrapper li {
	border-top: 1px dashed #ddd;
	margin-bottom: 10px;
	padding-top: 10px;
}

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

.comment_wrapper li img {
	float: left;
	vertical-align: middle;
	border-radius: 3px;
	border: 1px solid #ddd;
	margin-right: 2%;
}

.comment_wrapper .comment_title {
	float: left;
	overflow: hidden;
	width: 90%;
}

.comment_title .title {
	float: left;
	width: 70%;
	color: #222;
}

.comment_title .title span {
	color: #777;
	font-family: verdana;
	font-size: 10px;
	padding-left: 15px;
}

.comment_title .action {
	float: right;
	text-align: right;
	width: 30%;
}

.comment_title .action a {
	display: inline-block;
	padding: 0 3px;
	border: 1px solid #DDD;
	border-radius: 3px;
	color: #777;
	font-size: 10px;
}

.comment_title .action a:hover {
	background: #428bca;
	border: 1px solid #ddd;
	color: #fff;
}

.comment_wrapper .content {
	float: left;
	background: #fff;
	width: 90%;
	margin-top: 5px;
	line-height: 22px;
}

.comment_wrapper li .center {
	width: 70%;
}

.comment_wrapper li .right {
	width: 18%;
}

textarea {
	font-family: 'Nanum Gothic';
	line-height: 21px;
}


@media (max-width: 768px) {

	.comment_wrapper li {
		min-width: 320px;
	}

	.comment_wrapper .comment_title {
		float: left;
		overflow: hidden;
		width: 88%;
	}

	.comment_wrapper .content {
		float: left;
		/* background:silver; */
		width: 78%;
		margin-top: 10px;
		line-height: 22px;
	}

	.comment_wrapper .center textarea {
		width: 97%;
		border-radius: 3px;
		border: 1px solid #ddd;
	}

	.submit {
		font-size: 11px;
	}
}

@media (max-width: 568px) {
	.comment_wrapper .center {
		width: 70%;
	}

	.comment_wrapper .center textarea {
		width: 84%;
		height: 42px;
		border-radius: 3px;
		border: 1px solid #ddd;
		padding-left: 10px;
	}

	.comment_wrapper li {
		min-width: 320px;
	}

	.comment_wrapper .comment_title {
		float: left;
		overflow: hidden;
		width: 78%;
	}

	.comment_wrapper .content {
		float: left;
		/* background:silver; */
		width: 58%;
		margin-top: 10px;
		line-height: 22px;
	}

	.center {
		width: 58%;
	}

	.comment_wrapper .right {
		float: right;
		width: 12%;
		padding-top: 2px;
	}

	.comment_wrapper .right .submit {
		float: right;
		font-size: 11px;
		height: 50px;
		line-height: 40px;
	}
}

/*-----------------------------------------------------------------*/
/* gallery area */
/*-----------------------------------------------------------------*/
.items {
	min-width: 310px;
}

.holder {
	width: 100%;
}

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

.items li.gbox {
	float: left;
	width: 25%;
}

.items .gbox_wrap {
	border: 0px solid #eee;
	margin: 5px;
	padding: 30px;
	height: 300px;
}

.items .gbox_wrap img {
	width: 100%;
}

.items .gbox_wrap .title {
	font-weight: normal;
	font-family: 'nanum gothic';
	padding-top: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
}

.items .gbox_wrap .title2 {
	font-weight: normal;
	font-family: 'nanum gothic';
	padding: 15px 0 5px;
	font-size: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
}

.items .gbox_wrap .title2 a {
	font-weight: bold;
	text-decoration: none;
	padding: 12px;
	color: #333;
}

.items .gbox_wrap .title a {
	font-weight: bold;
	text-decoration: none;
	padding: 7px;
	color: #333;
}

.items .gbox_wrap .author {
	font-weight: normal;
	font-family: 'nanum gothic';
	padding-top: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
}

.items .gbox_wrap .author a {
	color: #999;
	font-weight: normal;
	font-size: 12px;
}

.items .gbox_wrap .author span {
	color: #999;
}

.tab01 {
	margin-bottom: 20px;
	*zoom: 1;
	margin-top: 10px;
}

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

.tab01>li {
	position: relative;
	width: 25%;
	letter-spacing: -1px;
	margin-bottom: -1px;
	text-align: center;
	float: left;
}

.tab01>li>div {
	width: 100%;
	display: inline-block;
	border-right: 1px solid #e9e9e9;
	margin-left: -1px;
	padding: 5px 5px 7px 5px;
}

.tab01>li>div>a {
	display: block;
	width: 100%;
}

.tab01>li>div.on {
	background: #d8d8d8;
}

.tab01>li>div.on>a {
	font-weight: bold;
	color: #222;
	/*  border-color: #598cdc; background: #bdd6fe;  */
}

.hspace {
	margin-top: 20px;
}

#filters {
	overflow: hidden;
	margin-top: 20px;
	font-size: 14px;
}

#filters li {
	float: left;
	padding-right: 20px;
	margin-bottom: 20px;
	margin-right: 20px;
	border-right: 1px solid #ddd;
}

#filters li.last {
	border-right: none;
}

.active a {
	color: #0489cc;
	font-weight: bold;
}

.activet a {
	color: #333333;
	font-weight: bold;
}

@media(max-width: 800px) {
	.items li.gbox {
		float: left;
		width: 33.33%;
	}
}

@media(max-width: 400px) {
	.items li.gbox {
		float: left;
		width: 50%;
	}
}

@media screen and (max-width: 659px) {
	.tab01 {
		margin-bottom: 20px;
		*zoom: 1;
	}

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

	.tab01>li {
		position: relative;
		width: 50% !important;
		margin-bottom: -1px;
		margin-left: -1px;
		text-align: center;
		float: left;
	}
}

/*-----------------------------------------------------------------*/
/* board_list */
/*-----------------------------------------------------------------*/
.cboth {
	clear: both;
}

.table_wrapper {
	width: 100%;
	/* background:red; */
	font-size: 13px;
	color: #222;
}

.table_wrapper a {
	color: #222;
}

.table_wrapper table {
	/* width:98%; */
	width: 100%;
	margin: 0 auto;
	/* border:1px solid #ddd; */
}

.table_wrapper table thead {}

.table_wrapper table thead tr {}

.table_wrapper table thead th {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #222;
}

.table_wrapper table tbody tr {}

.table_wrapper table tbody tr:nth-child(odd) {
	background: #fcfcfc;
}

.table_wrapper table tbody tr:hover {
	background: #f8f8f8;
}

.table_wrapper table tbody td.title {
	font-size: 14px;
	color: #222;
}

.table_wrapper table tbody td {
	border-bottom: 1px solid #ddd;
	height: 32px;
	line-height: 32px;
	text-align: center;
}

td.title {
	text-align: left !important;
	padding-left: 10px;
	/* background:Red; */
}



.table_wrapper_dark {
	width: 100%;
	/* background:red; */
	font-size: 13px;
	color: #948585;
}

.table_wrapper_dark a {
	color: #948585;
}

.table_wrapper_dark table {
	/* width:98%; */
	width: 100%;
	margin: 0 auto;
	/* border:1px solid #ddd; */
}

.table_wrapper_dark table thead {}

.table_wrapper_dark table thead tr {}

.table_wrapper_dark table thead th {
	border-bottom: 1px solid #484848;
	border-top: 1px solid #484848;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #948585;
}

.table_wrapper_dark table tbody tr {}

.table_wrapper_dark table tbody tr:nth-child(odd) {
	background: #242629;
}

.table_wrapper_dark table tbody tr:hover {
	background: #323438;
}

.table_wrapper_dark table tbody td.title {
	font-size: 13px;
	color: #948585;
}

.table_wrapper_dark table tbody td {
	border-bottom: 1px solid #484848;
	height: 32px;
	line-height: 32px;
	text-align: center;
}

@media screen and (max-width: 620px) {
	.mobilehide {
		display: none;
	}
}

/*------------------------------- */
/* board show  */
/*------------------------------- */
.pdr5 {
	padding-right: 5px;
}

.pd5 {
	padding: 0 5px !important;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

.board_wrapper {
	/* width:98%;margin:0 auto; */
	width: 100%;
}

.board_wrapper h2 {
	font-size: 1em;
}

.board_wrapper h2 span {
	font-weight: bold;
	font-size: 1.2em;
	display: block;
	color: #dd2d2d2;
	padding-bottom: 10px;
}

.board_container {
	border-top: 0px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	margin-top: 20px;
}

.board_container .board_title {
	border-top: 1px solid #d8d8d8;
	padding: 5px 0;
	border-bottom: 1px solid #ddd;
	display: block;
	clear: both;
	padding-left: 10px;
	background: #f8f8f8;
}

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

.board_container .board_title .left {
	float: left;
	/* padding-left:10px;/ */
	* font-size: 20px;
	*/text-align: left;
	font-size: 15px;
	color: #222;
	font-weight: bold;
	padding: 10px;
}

.board_container .board_title .right {
	float: right;
	text-align: right;
	padding: 10px;
	/* height:43px;line-height:43px; */
	font-size: 12px;
}

.board_container .board_content {
	/* background:pink; */
	padding: 10px 20px;
	line-height: 21px;
	color: #333;
}

.board_container .board_content p {}

.board_container .board_content p img {
	max-width: 100%;
}

.board_container .attachment {
	margin-top: 10px;
	text-align: right;
}


.board_container_dark {
	border-top: 0px solid #d8d8d8;
	border-bottom: 1px solid #444444;
	margin-top: 20px;
}

.board_container_dark .board_title {
	border-top: 1px solid #d8d8d8;
	padding: 0px 0;
	border-bottom: 1px solid #ddd;
	display: block;
	clear: both;
	padding-left: 10px;
	background: #f8f8f8;
}

.board_container_dark .board_title .left {
	float: left;
	/* padding-left:10px;/ */
	* font-size: 20px;
	*/text-align: left;
	color: #222;
	font-weight: bold;
	padding: 10px;
}

.board_container_dark .board_title .right {
	float: right;
	text-align: right;
	padding: 10px;
	/* height:43px;line-height:43px; */
	font-size: 12px;
}

.board_container_dark .board_content {
	/*background:pink; */
	padding-top: 10px;
	line-height: 21px;
	color: #bbb;
	min-height: 250px;
}

.board_container_dark .board_content .attachment a {
	color: #8689ff
}

.board_container_dark .board_content p img {
	max-width: 100%;
}

.board_container_dark .attachment {
	margin-top: 10px;
	text-align: right;
}



.btn_wrap_dark {
	padding: 7px 0px 25px;
	border-bottom: 1px solid #444;
}

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

.navi_wrap_dark {}

.navi_wrap_dark div {
	padding:
		/* 20px  */
		10px 0;
}

.navi_wrap_dark div span {
	padding: 10px 18px 10px 12px
}

.navi_wrap_dark div a {
	display: inline-block;
	padding-left: 20px;
	color: #ddd;
}

.navi_wrap_dark .prev {
	border-bottom: 1px solid #444;
}

.navi_wrap_dark .prev span.bg_prev {
	background: url(../img/bg_prev.png) right center no-repeat;
}

.navi_wrap_dark .next span.bg_next {
	background: url(../img/bg_next.png) right center no-repeat;
}

.navi_wrap_dark div span:last-child a {
	margin-right: 0;
}

.btn_wrap .fleft span {
	display: inline-block;
	margin-right: 5px;
}

.board_container2_dark {
	border-top: 0px solid #d8d8d8;
	border-bottom: 0px solid #d8d8d8;
	margin-top: 20px;
}




.btn_wrap {
	padding: 7px 0px 25px;
	border-bottom: 1px solid #ddd;
}

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

.navi_wrap {}

.navi_wrap div {
	padding:
		/* 20px  */
		10px 0;
}

.navi_wrap div span {
	padding: 10px 18px 10px 12px
}

.navi_wrap div a {
	display: inline-block;
	padding-left: 20px;
	color: #000;
}

.navi_wrap .prev {
	border-bottom: 1px solid #ddd;
}

.navi_wrap .prev span.bg_prev {
	background: url(../img/bg_prev.png) right center no-repeat;
}

.navi_wrap .next span.bg_next {
	background: url(../img/bg_next.png) right center no-repeat;
}

.btn_wrap div span:last-child a {
	margin-right: 0;
}

.btn_wrap .fleft span {
	display: inline-block;
	margin-right: 5px;
}

.board_container2 {
	border-top: 0px solid #d8d8d8;
	border-bottom: 0px solid #d8d8d8;
	margin-top: 20px;
}

.btn_wrap2 {
	padding: 7px 0px 5px;
	border-bottom: 0px solid #ddd;
}

.smalltxt {
	font-family: verdana;
	font-size: 11px;
}

.board_container_slider {
	border-top: 0px solid #d8d8d8;
	border-bottom: 0px solid #d8d8d8;
	margin-top: 20px;
}

.board_container_slider .board_title {
	border-top: 0px solid #d8d8d8;
	padding: 10px 0;
	border-bottom: 0px solid #ddd;
	display: block;
	clear: both;
	padding-left: 10px;
	background: #f8f8f8;
}

/*------------------------------- */
/* attach  */
/*------------------------------- */
.cominfo {
	padding: 10px 0;
}

.cominfo table {
	padding: 10px 0;
	color: #7b7b7b;
}

.cominfo table th {}

.cominfo table td span {
	color: #888;
}

.cominfo .desc {
	font-size: 12px;
	padding-top: 3px;
}

.cominfo .add {
	padding: 5px 5px 0px 0;
}

.ht55 {
	height: 51px;
}

.pdt5 {
	padding-top: 5px;
}

.btn_small {
	background: #6FA5FD;
	display: inline-block;
	color: #fff;
	border: 1px solid #428bca;
	line-height: 20px;
	height: 20px;
	vertical-align: middle;
	padding: 0 5px;
	border-radius: 3px;
	font-size: 11px !important;
}

.btn_small:hover {
	background: #428bca;
	color: #fff;
}

.section li {
	float: left;
	padding-left: 10px;
}

#backgroundPopup {
	display: none;
	position: fixed;
	_position: absolute;
	/* hack for internet explorer 6*/
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: #000000;
	border: 1px solid #cecece;
	z-index: 125;
}

#popupUpload {
	display: none;
	position: fixed;
	_position: absolute;
	/* hack for internet explorer 6*/
	height: 454px;
	width: 558px;
	background: #fbfbfb;
	border: 2px solid #cecece;
	z-index: 255;
	padding: 12px;
	font-size: 13px;
}

#popupUpload h1 {
	text-align: left;
	color: #6FA5FD;
	padding-top: 10px;
	font-size: 22px;
	font-weight: 700;
	border-bottom: 1px dotted #D3D3D3;
	padding-bottom: 15px;
	margin-bottom: 20px;
}

#popupUploadClose {
	font-size: 14px;
	float: right;
	width: 10px;

	color: #6fa5fd;
	font-weight: 700;
	display: block;
}


#popupImage {
	display: none;
	position: fixed;
	_position: absolute;
	/* hack for internet explorer 6*/

	z-index: 255;
	padding: 12px;
	font-size: 13px;
}

#popupImage h1 {
	text-align: left;
	color: #6FA5FD;
	font-size: 22px;
	font-weight: 700;
	border-bottom: 1px dotted #D3D3D3;
	padding-bottom: 2px;
	margin-bottom: 20px;
}

#popupImageClose {
	font-size: 14px;
	line-height: 14px;
	right: 6px;
	top: 4px;
	position: absolute;
	color: #6fa5fd;
	font-weight: 700;
	display: block;
}


/*--------------------*/
/* 1대 1문의 */
/*--------------------*/
.no_mem_wrap {
	width: 100%;
	margin-right: 10px;
	border-top: 2px solid #226c89;
}

table.no_mem {
	width: 100%;
}

table.no_mem .i_txt2 {
	width: 100%;
	padding-left: 5px;
	margin-top: 5px;
	line-height: 30px;
	height: 30px;
	border: 1px solid #ddd;
	vertical-align: middle;
	border-radius: 3px;
	margin-bottom: 5px;
}

table.no_mem span {
	color: #222 !important;
}

.pdl4 {
	padding-left: 4px !important;
}


.clear {
	clear: both;
}

.mdf {
	width: 100%;
	text-align: center;
}

.md3 {
	width: 30%;
	float: left;
	margin-left: 3%;
}

.md6 {
	width: 64%;
	float: left;
	text-align: left;
	margin-left: 3%
}


@media screen and (max-width: 459px) {
	.i30 {
		width: 100%;
		text-align: center;
	}

	.i30 img {
		width: 50%;
	}

	.i70 {
		float: left;
		width: 100%;
		font-size: 10pt;
	}

	.i100 img {
		width: 100%;
	}

	.md3 {
		width: 100%;
		float: left;
	}

	.md6 {
		width: 100%;
		float: left;
	}
}