@charset "utf-8";
@import url("/common/board/basic/skin/basic/css/board.css");

/** (주) 플랜아이 (http://plani.co.kr) */
/**  2013.03.18 Bae NaEun */


/* gallery */
div#board-gallery {overflow:hidden; margin:8px 0 0; padding-left:10px; width:98%;}

div#board-gallery p.no-data {margin:0; padding:30px 0; font-size:15px; color:#676767; font-weight:bold; text-align:center;}

div.board-gallery {float:left; width:134px; margin:0 15px; padding:30px 0; display:inline;}
div.board-gallery div {margin:0; padding:0 0 5px 0; width:134px;}
div.board-gallery div p.photo {margin:0; width:134px; height:116px;}
div.board-gallery div p.photo a {overflow:hidden; display:block; width:128px; height:110px; border:3px solid #e5e5e5;}
div.board-gallery div p.photo a:hover {border:3px solid #e5e5e5;}
div.board-gallery div p.title {margin:0; padding:10px 3px 0 3px; height:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
div.board-gallery div p.title,
div.board-gallery div p.title a {color:#333;}
div.board-gallery div p.title a:hover {text-decoration:underline;}
div.board-gallery div p.title img {margin-left:2px;}
div.board-gallery div p.title input.article-checked {position:relative; top:-1px; margin:0 3px 0 0; padding:0; height:15px; vertical-align:top;}

div.board-gallery ul {margin:0; padding:0; width:134px;}
div.board-gallery ul li {float:left; margin:0; padding:0 0 0 3px; width:134px; color:#999; line-height:160%; list-style:none;}
div.board-gallery ul li.writer {font-size:15px; color:#777;}
div.board-gallery ul li span {margin-left:5px; padding-left:7px;}

/* 페이징 */
div.paging {padding-top:50px; text-align:center;}
div.paging span {padding:0 10px;}
div.paging span img {vertical-align:middle;}
div.paging ol  {display:inline; margin:0; padding:0; list-style:none;}
div.paging ol li {display:inline; padding:0 10px;}
div.paging ol li a {font-family:Verdana, Tahoma, sans-serif; font-size:15px; color:#4e4e4e; text-decoration:none;}
div.paging ol li.on a {font-weight:bold; color:#00b8ff; text-decoration:underline;}

/* 게시판 목록 */
span.list-count {float:left; font-weight:600;}
div.list-search {float:right; position:relative; width:410px; max-width:100%; margin-bottom:10px;}
div.list-search fieldset {margin:0; padding:0; border:none;}
div.list-search select {padding:7px; border:1px solid #e5e5e5; font-family:"NanumGothic"; font-size:14px; font-weight:600; color:#6d6d6d;}
div.list-search input.list-search-keyword {width:270px; height:31px; padding-left:10px; border:1px solid #e5e5e5; font-family:"NanumGothic"; font-size:14px; font-weight:600; color:#6d6d6d; line-height:31px;}
div.list-search input.list-search-btn {position:absolute; right:0; top:0; width:70px; height:35px; border:none; background-color:#6d6d6d; font-family:"NanumGothic"; font-size:14px; font-weight:600; color:#fff; line-height:35px;}
div.list-paging {padding-top:30px; text-align:center;}
div.list-paging ul {display:inline; margin:0 10px; padding:0; list-style:none;}
div.list-paging ul li {display:inline;}
div.list-paging ul li a {display:inline-block; width:30px; height:28px; border:1px solid #eee; background-color:#f8f8f8; font-size:15px; font-weight:600; text-decoration:none; text-align:center; line-height:28px;}
div.list-paging ul li.on a {border:1px solid #6fa7a2; background-color:#76b4af; color:#fff;}

/* 일반 게시판 목록 */
div.list-table-wrap {clear:both;}
table.list-table {width:100%; border-collapse:collapse; border-bottom:1px solid #d2d2d2;}
table.list-table thead th {padding:7px; border-top:1px solid #434343; border-left:1px solid #e6e6e6; border-bottom:1px solid #c7c7c9; font-size:14px; font-weight:600; color:#333; text-align:center; white-space:nowrap;}
table.list-table tbody td {padding:7px 15px; border-bottom:1px solid #eee; border-left:1px solid #e6e6e6; font-size:13px; text-align:center; white-space:nowrap;}
table.list-table tbody td a {text-decoration:none;}
table.list-table tbody td img {vertical-align:middle;}
table.list-table tbody td.left {text-align:left;}
table.list-table .first {border-left:none;}

/* 사진 게시판 목록 */
ul.list-gallery {display:inline-block; clear:both; width:103%; margin:0 0 0 -3%; padding:15px 0 0; list-style:none;}
ul.list-gallery li {overflow:hidden; float:left; width:30%; margin:0 0 0 3%; padding:0 0 30px; line-height:20px;}
ul.list-gallery li a {text-decoration:none;}
ul.list-gallery li a img {width:230px; height:150px;}
ul.list-gallery li p {overflow:hidden; height:40px; margin:0; padding:5px 0 0; font-weight:600; color:#333;}
ul.list-gallery li span {font-size:15px;}

/* 게시판 내용 */
ul.view-info {display:inline-block; width:100%; margin:0; padding:0; border-bottom:1px solid #c7c7c9; border-top:1px solid #45474d; font-size:13px; list-style:none;}
ul.view-info li {float:left; position:relative; width:33.3%; margin:0; padding:10px 0; white-space:nowrap;}
ul.view-info li strong {position:absolute; left:0; top:15px; padding-left:10px; border-right:1px solid #d2d2d2; font-weight:normal; color:#252525; line-height:13px;}
ul.view-info li span {display:block; padding-left:95px; white-space:nowrap;}
ul.view-info li.view-title {clear:both; width:100%; padding:10px 0; border-bottom:1px solid #dcdfe6;}
div.view-contents {padding:40px 0; font-size:15px; line-height:20px;}
table.view-file {width:100%; border-collapse:collapse; border-top:1px solid #dcdfe6; border-bottom:1px solid #dcdfe6;}
table.view-file tbody th {background-color:#fbfbfb; font-size:14px; font-weight:normal; text-align:center;}
table.view-file tbody td {padding:5px 0 5px 20px; font-size:13px; line-height:30px;}
table.view-file tbody td ul {margin:0; padding:0; list-style:none;}
table.view-file tbody td ul span {margin-right:5px;}
table.view-file tbody td ul span a {text-decoration:none;}
table.view-file tbody td .btn-mint {padding:3px 20px 5px; font-size:15px;}
div.view-comment {padding-top:35px;}
div.view-comment p.view-comment-ment {margin:0 0 10px; padding:0 0 0 25px; background:url('/images/korean/common/icon_comment.gif') no-repeat 0 center;}
div.view-comment-form {position:relative; padding:20px 4%; border-radius:5px; border:1px solid #eee; background-color:#f7f7f7;}
div.view-comment-form fieldset {margin:0; padding:0; border:none;}
div.view-comment-form p {overflow:hidden; position:absolute; left:4%; top:20px; width:40px; height:40px; margin:0; padding:0; background-color:#Fff;}
div.view-comment-form p span {position:absolute; left:0; top:0; width:100%; height:100%; background:url('/images/korean/common/comment_img.png') no-repeat;}
div.view-comment-form p img {max-width:100%; max-height:100%;}
div.view-comment-form div {margin-left:50px;}
div.view-comment-form div textarea {width:99%; border-radius:5px; border:1px solid #e5e5e5;}
div.view-comment-form span {overflow:hidden;}
div.view-comment-form span input {float:right; width:80px; height:30px; margin:10px 0 0; font-size:15px; font-weight:666; line-height:30px;}
ul.view-comment-list {margin:0; padding:5px 0 15px; list-style:none;}
ul.view-comment-list li {position:relative; margin:0; padding:20px; border-bottom:1px solid #dcdfe6; font-size:13px; color:#757575; line-height:18px;}
ul.view-comment-list li em {overflow:hidden; position:absolute; left:20px; top:20px; width:35px; height:35px; border-radius:25px;}
ul.view-comment-list li em img {width:100%; height:100%;}
ul.view-comment-list li p {margin:0; padding:0 0 0 50px;}
ul.view-comment-list li strong {padding-right:10px;}
ul.view-comment-list li span {font-size:15px;}
ul.view-comment-list li div {padding:10px 0 0 50px;}
table.view-list {width:100%; margin-top:35px; border-collapse:collapse; border-bottom:1px solid #eee; font-size:13px;}
table.view-list tbody th {width:75px; padding:5px; border-top:1px solid #eee; font-weight:normal; color:#555;}
table.view-list tbody th span {padding:0 15px; border-right:1px solid #d2d2d2; line-height:13px;}
table.view-list tbody th span.view-list-prev {background:url('/images/korean/common/view_list_prev.gif') no-repeat 0 center;}
table.view-list tbody th span.view-list-next {background:url('/images/korean/common/view_list_next.gif') no-repeat 0 center;}
table.view-list tbody td {padding:5px 15px; border-top:1px solid #eee; color:#6c6d70;}
table.view-list tbody td a {color:#6c6d70; text-decoration:none;}

/* 갤러리 내용 */
div.view-gallery {text-align:center;}
div.view-gallery p.view-gallery-img {margin:0; padding:0 0 25px;}
div.view-gallery h3 {display:inline; margin:0; padding:0; font-size:15px; font-weight:normal; color:#353535;}
div.view-gallery span {margin-left:10px; padding-left:10px; border-left:1px solid #dcdcdc; font-size:15px; color:#555; line-height:14px;}
div.view-gallery div {font-size:13px;}
div.view-gallery-list {overflow:hidden; position:relative; height:160px; margin-top:45px; padding:25px 0 0; background-color:#f5f5f5; font-size:14px; color:#4c4c4c;}
div.view-gallery-list h3 {display:inline; margin:0; padding:0 20px 0 40px; font-weight:normal; color:#4c4c4c;}
ul.view-gallery-list {position:absolute; left:40px; top:60px; margin:0; padding:0; white-space:nowrap; list-style:none;}
ul.view-gallery-list li {display:inline; margin-right:10px; font-size:0; line-height:0;}
ul.view-gallery-list li img {width:125px; height:100px;}
p.view-gallery-control {margin:0; padding:0; list-style:none;}
p.view-gallery-control a {float:left; position:absolute; top:60px; z-index:200; width:40px; height:65px; padding-top:35px; background-color:#f5f5f5;}
p.view-gallery-control a.view-gallery-prev {left:0;}
p.view-gallery-control a.view-gallery-next {right:0; text-align:right;}

/* 비디오 내용 */
div.view-video {padding-bottom:60px; border-bottom:1px dashed #e5e5e5;}
div.view-video-contents {overflow-y:scroll; height:300px; margin-top:20px; padding:0 20px; border:1px solid #eee; background-color:#fbfbfb; font-size:13px; line-height:20px;}
ul.view-video-list {display:inline-block; width:100%; margin:0; padding:30px 0; list-style:none;}
ul.view-video-list li {float:left; width:23%; margin:0 1%;}
ul.view-video-list li p {margin:0; padding:0; line-height:20px;}
ul.view-video-list li img {max-width:100%;}

/* 2015.08.04 게시판 스타일 이동 */
/* 목록 */
div.list h3 {float:left;}
div.list p.count {float:left; height:30px; margin:0; padding:0 0 10px; font-size:16px; color:#757575; line-height:30px;}
div.list p.count select {height:30px; border:1px solid #dcdcdc; vertical-align:middle;}
div.list div.search {float:right; padding:0 0 10px; text-align:right;}
div.list div.search select {height:30px; border:1px solid #dcdcdc; vertical-align:middle;}
div.list div.search input.search-keyword {width:180px; height:28px; padding:0 0 0 10px; border:1px solid #dcdcdc; vertical-align:middle; line-height:28px;}
div.list div.search input.search-btn {width:70px; height:30px; border:none; background-color:#4b7fb0; font-size:16px; color:#fff; vertical-align:middle;}
div.list table.table-blue {clear:both;}
div.list table.table-blue td {padding:10px;}
div.list table.table-blue td p.people-part {margin:0; padding:10px 0 0;}
div.list table.table-blue td.left {padding-left:20px; text-align:left;}
div.list ul.list-thumb {display:inline-block; width:100%; margin:0; padding:15px 0 0; border-top:2px solid #6e6e6e; list-style:none;}
div.list ul.list-thumb li {overflow:hidden; float:left; width:170px; height:210px; margin-left:25px;}
div.list ul.list-thumb li img {width:170px; height:120px;}
div.list ul.list-thumb li p {margin:0; padding:10px 0 5px; font-size:16px; color:#555;}
div.list ul.list-thumb li span {font-size:14px; color:#757575; line-height:14px;}
div.list ul.list-thumb li span.date {display:inline-block; margin-left:3px; padding-left:8px; border-left:1px solid #b0b0b0;}
div.list ul.list-thumb li.first {clear:both; margin-left:0;}
div.list ul.list-bulletin {display:inline-block; width:100%; margin:0; padding:15px 0 0; border-top:2px solid #6e6e6e; list-style:none;}
div.list ul.list-bulletin li {overflow:hidden; float:left; position:relative; width:175px; height:305px; margin-left:20px;}
div.list ul.list-bulletin li div {overflow:hidden; height:175px; height:225px;}
div.list ul.list-bulletin li div img {vertical-align:middle;}
div.list ul.list-bulletin li p {overflow:hidden; width:130px; margin:0; padding:8px 0 0;}
div.list ul.list-bulletin li span {position:absolute; right:0; top:235px;}
div.list ul.list-bulletin li.first {clear:both; margin-left:0;}

/* 페이징 */
div.paging {padding-top:30px; font-size:0; line-height:0; text-align:center;}
div.paging ol {display:inline; margin:0; padding:0; list-style:none;}
div.paging ol li {display:inline;}
div.paging ol li a {display:inline-block; width:30px; height:30px; border:1px solid #c9c9c9; border-right:none; font-size:15px; color:#4e4e4e; text-align:center; line-height:30px;}
div.paging ol li.on a {border:1px solid #406a92; background-color:#4b7fb0; color:#fff;}
div.paging img {vertical-align:top;}

/* 보기 */
div.view {position:relative;}
div.view table.table-blue td,
div.view table.table-blue th {padding:10px 20px; border-left:none; text-align:left;}
div.view table.table-blue th .btn-scrap {position:absolute; top:11px; right:10px; padding:0 10px; border-radius:3px; border:1px solid #dcdcdc; background-color:#fff; font-size:14px; color:#757575;}
div.view table.table-blue th span.color-gray {font-size:14px;}
div.view table.table-blue .view-info strong {margin-right:10px; padding-right:10px; background:url('/images/korean/common/bg_bar.gif') no-repeat right center; font-weight:normal; color:#353535;}
div.view table.table-blue .view-contents-wrap {padding:20px 0 0;}
div.view table.table-blue div.info {float:left; width:390px; padding-top:10px;}
div.view table.table-blue div.info .title-ring {margin:0 0 10px;}
div.view table.table-blue div.info ul {display:inline-block; width:100%; margin:0; padding:0 0 20px; list-style:none;}
div.view table.table-blue div.info ul li {clear:both; float:left; width:100%; height:40px; border-bottom:1px dotted #e7e7e7; line-height:40px;}
div.view table.table-blue div.info ul li strong {float:left; width:75px; margin-right:10px; padding:0 0 0 20px; background:url('/images/korean/contents/org_info.gif') no-repeat right center; font-size:15px; font-weight:normal; color:#353535;}
div.view table.table-blue div.info ul li span {float:left; width:280px; font-size:14px; color:#6c6d70; white-space:nowrap;}
div.view table.table-blue div.info ul li.last {border-bottom:none;}
div.view table.table-blue div.gallery {float:right; width:325px; text-align:center;}
div.view table.table-blue div.gallery div.item-wrap {overflow:hidden; position:relative; width:325px; height:243px; margin-bottom:15px;}
div.view table.table-blue div.gallery div.item-wrap p.url {position:absolute; left:0; bottom:0; z-index:100; width:100%; margin:0; padding:0; background:url('/images/korean/common/bg_blackout.png'); font-size:13px; color:#fff; text-align:center; line-height:30px;}
div.view table.table-blue div.gallery div.item-wrap ul.item {margin:0; padding:0; list-style:none;}
div.view table.table-blue div.gallery ul.paging {display:inline; margin:0 0 0 -5px; padding:0; font-size:0; line-height:0; vertical-align:top; list-style:none;}
div.view table.table-blue div.gallery ul.paging li {display:inline;}
div.view table.table-blue div.gallery ul.paging li a {display:inline-block; width:26px; height:26px; border:1px solid #c9c9c9; border-right:none; background-color:#fff; font-size:13px; color:#4e4e4e; text-align:center; line-height:26px;}
div.view table.table-blue div.contents {clear:both; padding:30px 20px; border-top:1px solid #efefef;}

/* 댓글 */
div.comment {position:relative; margin:25px 0;}
div.comment h3 {margin:0 0 10px; padding:0 0 0 30px; background:url('/images/korean/common/icon_comment.gif') no-repeat 5px center; font-size:15px; font-weight:normal; color:#757575;}
p.comment-secret {position:absolute; right:0; top:0; margin:0; padding:0; color:#757575;}
div.comment-write {overflow:hidden; height:85px; padding:20px; border:1px solid #eee; background-color:#f7f7f7;}
div.comment-write textarea {float:left; width:600px; height:65px; padding:10px; border:1px solid #e5e5e5;}
div.comment-write input {floaT:right; width:85px; height:85px; border:none; background-color:#b5b5b5; font-size:16px; color:#fff;}

/* 쓰기 */
div.write p.btn {margin:0; padding:30px 0 0;}

@media all and (max-width:580px)
{
	ul.view-info li {clear:both; width:100%; padding:3px 0;}
	ul.view-info li strong {top:8px;}
	ul.view-info li.view-title strong {top:15px;}
	ul.view-info li span {white-space:normal;}

	/* 일반 게시판 목록 */
	table.list-table colgroup,
	table.list-table th,
	table.list-table .first {display:none;}
	table.list-table tr:first-child td.left {border-top:1px solid #434343;}
	table.list-table tbody td {border:none;}
	table.list-table tbody td.left {display:block; width:200%; padding:8px 15px 0; border-top:1px solid #eee; border-bottom:none;}
	table.list-table tbody td.left a {font-weight:600;}
	table.list-table tbody td {float:left; padding-top:0;}
}