﻿@charset 'utf-8';



/* board */

.board-list {

	border-top:1px solid #cfcfcf;

	border-bottom:1px solid #cfcfcf;

}

.board-list li {

	border-top:1px solid #e7e7e7;

}

.board-list li:first-child {border:0;}

.board-list li a {

	display:block;

	padding:16px 5px 14px 4px;

}

.board-list li a:focus,

.board-list li a:hover {

	background:#f7f7f7;

	text-decoration:none;

}

.board-list li .title {

	display:block;

	margin:0 0 5px;

	color:#444;

	font-size:14px;

}

.board-list li .subject {}

.board-list li .date {

	display:block;

	margin:5px 0 0;

	font-size:11px;

	font-family:Verdana;

}



.board-list02 {

	border-top:1px solid #cfcfcf;

	border-bottom:1px solid #cfcfcf;

}

.board-list02 li {

	zoom:1;

	overflow:hidden;

	padding:15px 0 13px 10px;

	border-top:1px solid #e7e7e7;

	text-align:right;

}

.board-list02 li:first-child {border:0;}

.board-list02 li:focus,

.board-list02 li:hover {

	background:#f7f7f7;

	text-decoration:none;

}

.board-list02 li a {text-decoration:none;}

.board-list02 li .subject {

	float:left;

	width:560px;

	text-align:left;

	font-weight:bold;

}

.board-list02 li .date {

	display:inline-block;

	width:140px;

	font-size:11px;

	font-family:Verdana;

	text-align:center;

}

.board-list02 li .file-box {

	display:inline-block;

	width:115px;

	text-align:left;

}

*+html .board-list02 li .file-box {float:left;}

.board-list02 li .file {

	display:inline-block;

	margin:0 10px;

	font-size:11px;

}

.board-list02 li .file img {vertical-align:-2px;}

.board-list02 li .file-box .file {margin:0;}

.responsive-body .board-list02 li {

	padding:8px 10px;

	text-align:left;

}

.responsive-body .board-list02 li .subject {

	display:block;

	float:none;

	width:100%;

	margin:0 0 5px;

}

.responsive-body .board-list02 li .date {margin:0 20px 0 0; text-align:left;}

.responsive-body .board-list02 li .file {margin:0 5px 0 0;}

.responsive-body .board-list02 li .file-box {

	display:inline;

	width:auto;

}

*+html .responsive-body .board-list02 li .file-box {float:none;}



.board-list03 {

	border-top:1px solid #cfcfcf;

	border-bottom:1px solid #cfcfcf;

}

.board-list03 a {

	display:block;

	padding:16px 0 14px 10px;

	border-top:1px solid #e7e7e7;

}

.board-list03 a:focus,

.board-list03 a:hover {

	background:#f7f7f7;

	text-decoration:none;

}

.board-list03 li:first-child a {border:none;}

.board-list03 span {display:inline-block;}

.board-list03 .num,

.board-list03 .date {

	width:85px;

	font-size:11px;

	font-family:Verdana;

}

.board-list03 .num {

	width:35px;

	margin:0 20px 0 0;

}

.board-list03 .sort {width:160px;}

.board-list03 .subject {width:620px;}

.board-list03 .status {vertical-align:middle;}



.board-list03-cell04 .subject {width:390px;}

.board-list03-cell04 .date {width:220px;}





.responsive-body .board-list03 a {

	padding:8px 10px;

}

.responsive-body .board-list03 .subject {width:100%;margin:5px 0;}



.board-list04 {

	padding:39px 0 0;

	border-top:1px solid #cfcfcf;

	background:#f9f9f9;

}

.board-list04 ul {

	background:#fff;

	border-bottom:1px solid #cfcfcf;

}

.board-list04 li {

	position:relative;

	padding:12px 0 10px 8px;

	border-top:1px solid #e7e7e7;

}

.board-list04 li .sort,

.board-list04 li span {

	display:inline-block;

	margin-left:-4px;

	vertical-align:top;

}

.board-list04 li strong {color:#696969;}

.board-list04 li .sort {margin:0;}

.board-list04 li span strong {display:none;}

.board-list04 li:first-child {

	border-top:1px solid #cfcfcf;

}

.board-list04 li:first-child span strong {
	display:block;
	position:absolute;
	top:-28px;
	width:12%;
	text-align:center;
}
.board-list04.type02 li:first-child span strong {width:11%;}
.board-list04.type03 li:first-child span strong {width:19%;}

.board-list04 li:first-child span strong.width-40 {
	width:40%;
}
.responsive-body .board-list04 li:first-child span strong.width-40 {
	width:48%;
}

.responsive-body .board-list04 li:first-child span strong,
.responsive-mobile .board-list04 li:first-child span strong {
	text-align:left;
	width:48%;
}
.board-list04 li.sum strong,

.board-list04 li.sum span {font-weight:bold;}

.board-list04 .etc {color:#e9002d;}

.responsive-body .board-list04 {

	padding:0;

	border-top:0;

}

.responsive-body .board-list04 li {

	padding:0 0 5px;

	border:0;

}

.responsive-body .board-list04 li .sort,

.responsive-body .board-list04 li span {

	display:block;

	width:100%;

	margin:0;

}

.responsive-body .board-list04 li .sort {

	width:auto;

	margin:0 0 6px;

	padding:6px 0 5px 10px;

	background:#f9f9f9;

	border-top:1px solid #cfcfcf;

	border-bottom:1px solid #cfcfcf;

}

.responsive-body .board-list04 li span strong,

.responsive-body .board-list04 li span span {

	display:inline-block;

	position:static;

	width:48%;

	margin:0 0 0 2%;

	vertical-align:top;

}

.responsive-body .board-list04 li span span {margin:0;}



.board-cell03 li .sort {width:30%;}

.board-cell03 li span {width:25%;}

.board-cell03 li span.width-40 {width:45%;}
.board-cell03 li strong.width-40 {width:45%;}

.board-cell03 li span span {width:auto;}

.responsive-body  .board-cell03 li span.width-40 {width:auto;}

.board-cell04 li .sort {width:40%;}

.board-cell04 li span {width:20%; text-align:center;}

.board-cell05 li .sort {width:23%;}

.board-cell05 li span {width:19%; text-align:center;}
.responsive-body .board-cell05 li span {text-align:left;}


/*.responsive-body .board-cell05 li span {width:19%; text-align:left;} */



.board-cell-type02 li .sort,

.board-cell-type02 li span {width:25%;}

.board-cell-type02 li .sort {font-weight:normal;}

.board-cell-type03 li span,

.board-cell-type02 li span {text-align:center;}

.board-cell-type03 li:first-child span,

.board-cell-type02 li:first-child span {position:relative;}

.board-cell-type03 li:first-child span strong,

.board-cell-type02 li:first-child span strong {

	width:100%;

	text-align:center;

	top:-40px;

}

.responsive-body .board-cell-type03 li span,

.responsive-body .board-cell-type02 li span {text-align:left;} 

.responsive-body .board-cell-type03 li:first-child span strong,

.responsive-body .board-cell-type02 li:first-child span strong {

	display:inline-block;

	position:static;

	width:48%;

	text-align:left;

}

.board-cell-type03 li .sort {width:26%;}

.board-cell-type03 li span {width:18%;}



.board-list05 li {zoom:1;}

.board-list05 li:after {display:block;content:"";clear:both;}

.board-list05 .left,

.board-list05 .right {

	padding:30px 0;

	border-top:1px solid #e7e7e7;

}

.board-list05 .left {float:left;}

.board-list05 .right {float:right;}

.board-list05 .last .left,

.board-list05 .last .right {border-bottom:1px solid #e7e7e7;}



.board-list05-type02 li:first-child .left,

.board-list05-type02 li:first-child .right {border-top:2px solid #555;}



.board-list05-type02 .last .left,

.board-list05-type02 .last .right {border-bottom:1px solid #cfcfcf;}



.responsive-body .board-list05 {border-bottom:1px solid #e7e7e7;}

.responsive-body .board-list05 > li {

	padding:15px 0;

	border-top:1px solid #e7e7e7;

}

.responsive-body .board-list05 li .left,

.responsive-body .board-list05 li .right {

	float:none;

	width:auto;

	padding:0;

	border:0;

}

.responsive-body .board-list05 li .right {margin:15px 0 0;}

.responsive-body .board-list05-type02 {border-top:2px solid #555;}



.responsive-body .board-list05 .last .left,

.responsive-body .board-list05 .last .right {height:auto;}



.board-list06 {margin:10px 0 0;}

.board-list06 li.sum em {color:#e9002d;}

.responsive-body .board-list06 {

	padding:0;

	border-top:0;

}

.responsive-body .board-list06 li {

	padding:0 0 5px;

	border:0;

}

.responsive-body .board-list06 li .sort,

.responsive-body .board-list06 li span {

	display:block;

	width:100%;

	margin:0;

}

.responsive-body .board-list06 li .sort {

	width:auto;

	margin:0 0 6px;

	padding:6px 0 5px 10px;

	background:#f9f9f9;

	border-top:1px solid #cfcfcf;

	border-bottom:1px solid #cfcfcf;

}

.responsive-body .board-list06 li span strong {

	display:inline-block;

	position:static;

	width:50%;

	margin:0 0 0 10px;

}

.board-cell07 li .sort {width:22%;}

.board-cell07 li span {width:11%;}

.board-cell07 li span + span,
.board-cell07 li strong + span {text-align:center;}

.responsive-body .board-cell07 li span + span,
.responsive-body .board-cell07 li strong + span {text-align:left;}

.board-cell07 li span.etc {width:23%;}

.board-cell07 li span span {width:auto;}

.responsive-body .board-cell07 li span.etc {width:auto;}

.responsive-body .board-cell07 li span.etc span {width:45%;}



.board-view dl {

	border-top:1px solid #cfcfcf;

	border-bottom:1px solid #cfcfcf;

}

.board-view dt {

	zoom:1;

	position:relative;

	padding:15px 24px;

	background:#f9f9f9;

	border-bottom:1px solid #e7e7e7;

	color:#444;

	font-size:14px;

	font-weight:bold;

}

.board-view dt span {

	display:block;

	margin:5px 0 0;

	color:#767676;

	font-size:11px;

	font-weight:normal;

	font-family:Verdana;

}

.board-view dt .print-btn {

	position:absolute;

	bottom:10px;

	right:20px;

}

.board-view dd {

	padding:45px 24px;

}

.board-view .util {

	position:relative;

	padding:15px 24px;

	border-bottom:1px solid #e7e7e7;

	font-size:11px;

}

.board-view .util span {

	display:inline-block;

	margin:0 21px 0 0;

}

.board-view .util strong {

	margin:0 5px 0 0;

	padding:0 11px 0 0;

	background:url('/images/common/icon/bg_bar02.gif') no-repeat 100% 1px;

}

.board-view .util .date {

	position:absolute;

	top:15px;

	right:0;

	font-family:Verdana;

}

.board-view .util .date strong {font-family:'돋움', Dotum;}

.board-view .board-thumbnail {padding:0 24px;}

.board-view .board-thumbnail-list {

	position:relative;

	width:896px;

	overflow:hidden;

	border-top:1px solid #e7e7e7;

}

.board-view .board-thumbnail-list ul {

	width:1000px;

	border-bottom:1px solid #e7e7e7;

	margin-left:-32px;

}

.board-view .board-thumbnail-list li {

	position:relative;

	float:left;

	overflow:hidden;

	width:406px;

	margin:-1px 0 0;

	padding:30px 42px 30px 32px;

	border-top:1px solid #e7e7e7;

	background:url('/images/contents/bg_thumbnail_list02.gif') no-repeat 0 50%;

	font-size:11px;

}

.board-view .board-thumbnail-list li a {

	position:relative;

	display:block;

	float:left;

	width:180px;

	height:115px;

	margin:0 25px 0 0;

}

.board-view .board-thumbnail-list li a .plus {

	position:absolute;

	right:0;

	bottom:0;

}

.board-view .board-thumbnail-list li p {

	float:left;

	width:200px;

}

.responsive-body .board-view .util .date {

	position:static;

	display:block;

}

.responsive-body .board-thumbnail-list,

.responsive-body .board-thumbnail-list ul {width:100%;margin:0;}

.responsive-body .board-thumbnail-list li {

	float:none;

	width:auto;

	padding-left:0;

	background:none;

}

.responsive-body .board-thumbnail-list li p {float:none;width:auto;}

.responsive-mobile .board-thumbnail-list li {padding:15px 0;}

.responsive-mobile .board-thumbnail-list li a {float:none;}

.responsive-mobile .board-thumbnail-list li p {margin:10px 0 0;}



.view-navi {

	margin:105px 0 0;

	border-top:1px solid #cfcfcf;

	border-bottom:1px solid #cfcfcf;

}

.view-navi li {

	position:relative;

	padding:0 80px 0 8px;

	border-top:1px solid #e7e7e7;

}

.view-navi li a {display:block;}

.view-navi li strong {

	display:inline-block;

	width:52px;

	padding:11px 0 10px;

	color:#444;

	vertical-align:middle;

} 

.view-navi li .date {

	position:absolute;

	top:12px;

	right:10px;

	font-size:11px;

	font-family:Verdana;

}

.view-navi li:first-child {border:0;}

.responsive-body .view-navi {margin:50px 0 0;}

.responsive-body .view-navi strong {padding:11px 0 0;}

.responsive-body .view-navi .subject {

	display:block;

	overflow:hidden;

	width:100%;

	margin:5px 0 0;

	padding:0 0 10px;

	white-space:nowrap;

	text-overflow:ellipsis;

}



.board-write {

	zoom:1;

	background:#f9f9f9;

	border-bottom:1px solid #cfcfcf;

}

.board-write:after {display:block;content:"";clear:both;}

.board-write dt,

.board-write dd {

	border-top:1px solid #e9e9e9;

}

.board-write dt {

	float:left;

	width:87px;

	padding:15px 43px 13px 20px;

	font-weight:bold;

	color:#444;

}

.board-write dt .star {color:#e9002d;}

.board-write dd {

	float:left;

	width:775px;

	padding:15px 0 13px 20px;

	background:#fff;

}

.board-write dt.first {border-top:1px solid #e9002d;}

.board-write dd.first {border-top:1px solid #cfcfcf;}

.board-write dd .privacy {

	overflow:auto;

	height:100px;

	padding:10px;

	margin:0 0 15px;

	border:1px solid #dcdcdc;

}

.board-write dd .privacy table {

	margin:10px 0;

    border:1px solid #cfcfcf;

    padding:1px 3px;

	text-indent:0;

}

.write-type .ex-txt {

	float:left;

	margin:-10px 0 0 9px;

	color:#e9002d;

	font-size:11px;

}

.responsive-body .board-write dt,

.responsive-body .board-write dd {

	width:auto;

	float:none;

}

.responsive-body .board-write dt {padding:10px;}

.responsive-body .board-write dd {padding:10px;}

.responsive-body .board-write dd select,

.responsive-body .board-write dd .txt {width:28%;}

.responsive-body .board-write dd .w405 {width:70%;}

.responsive-body .write-type .ex-txt {

	position:relative;

	float:none;

	margin:-10px 0 10px;

	text-align:left;

}

.responsive-body .write-type .right {

	float:none;

}

/* //board */



/* pagination */

.pagination {

	margin:30px 0 0;

	text-align:center;

}

.pagination a,

.pagination strong {

	display:inline-block;

	width:23px;

	margin:0 0 0 -5px;

	padding:3px 0 3px;

	background:#fff;

	border:1px solid #e6e6e6;

	text-align:center;

	vertical-align:middle;

	font-family:Verdana;

}

.pagination strong {

	position:relative;

	border:1px solid #bebebe;

	color:#e9002d;

}

.pagination .pagenavi-prev,

.pagination .pagenavi-next {

	width:auto;

	height:auto;

	padding:0;

	border:0;

}

.pagination .pagenavi-prev {margin:0 6px 0 0;}

.pagination .pagenavi-next {margin:0 0 0 1px;}

/* //pagination */



/* search-box */

.board-search {

	margin:50px 0 0;

	padding:25px 0;

	background:#fbfbfb;

	border:1px solid #e7e7e7;

	text-align:center;

}

.board-search * {vertical-align:middle;}

.board-search select {width:100px;}

.responsive-mobile .board-search select {width:20%;}

.board-search input.txt {width:220px;}

.responsive-mobile .board-search input.txt {width:35%;}

/* //search-box */



/* table */

.list-table {

	border-top:1px solid #cfcfcf;

	border-bottom:1px solid #cfcfcf;

}

.list-table table {width:100%;}

.list-table th,

.list-table td {border-top:1px solid #e7e7e7;}

.list-table tr:first-child th,

.list-table tr:first-child td {border:0;}

.list-table th {

	background:#f9f9f9;

	text-align:left;

	padding:28px 0 28px 18px;

	vertical-align:top;

}

.list-table td {padding:24px 0 24px 28px;}



.list-table-type02 {border:0;}

.list-table-type02 th,

.list-table-type02 td,

.list-table-type02 tr:first-child th,

.list-table-type02 tr:first-child td {

	border:1px solid #e7e7e7;

}

.list-table-type02 th {

	padding:28px 65px 28px 18px;

	vertical-align:middle;

}

.list-table-type02 td {padding:24px 28px;}



.responsive-mobile .list-table th,

.responsive-mobile .list-table td {padding:5px;}

/* //table */