@CHARSET "UTF-8";

/* 썸네일 리스트 메인 */
.thumbnailMain {overflow:hidden; margin-bottom:28px}
.thumbnailMain h4 {overflow:hidden; font-size:16px; margin:0px 0px 12px 394px}
.thumbnailMain img.photo {float:left; width:370px; height:auto; margin-top:-32px}
.thumbnailMain p {margin:12px 0px 18px 394px; line-height:160%}
.thumbnailMain p a {color:#777777}
.thumbnailMain .date {margin-left:394px; font-size:11px; color:#999999}

/* 썸네일 리스트 */
.thumbnailList {overflow:hidden; border-bottom:1px solid #CCCCCC; margin-bottom:19px}
.thumbnailList .total {float:left; color:#989898; padding:10px 0px 14px 0px; font-size:11px; line-height:11px}
.thumbnailList .total strong {color:#818181}
.thumbnailList .search {float:right; margin-bottom:11px}
.thumbnailList .search input[type="text"] {width:114px; font-size:11px; line-height:16px; border:1px solid #D5D5D5; padding:4px 5px 5px 5px; height:14px; color:#797979;     height: 25px;}
.thumbnailList .search input,.thumbnailList .search select {vertical-align:middle}
.thumbnailList .search select {width:100px; padding:4px 3px; font-size:11px; *font-size:12px; color:#999999; border:1px solid #d5d5d5; font-family:dotum,"돋움"}
.thumbnailList ul {clear:both; width:100%; border-width:1px 0px; border-style:solid; border-color:#505050}
.thumbnailList ul li {overflow:hidden; padding:25px 0px; border-top:1px dashed #C7C7C7}
.thumbnailList ul li:first-child {border-top:1px solid #CCCCCC}
.thumbnailList ul li.noSearch {text-align:center; font-size:16px; color:#444444; font-weight:bolder; padding:260px 0px 166px 0px; background:url(../images/board/bgNoSearch.jpg) no-repeat 50% 142px}
.thumbnailList ul li h4 {font-size:16px; margin:0px 0px 12px 171px}
.thumbnailList ul li img.photo {float:left; width:150px; height:100px; margin:-30px 0px 0px 1px}
.thumbnailList ul li p {margin-left:171px; line-height:160%; margin-bottom:18px}
.thumbnailList ul li p a {color:#777777}
.thumbnailList ul li .date {margin-left:171px; font-size:11px; color:#99999}

@media (max-width: 768px) {

	.thumbnailList ul li img.photo {float:left; width:150px; height:auto; margin:-30px 0px 0px 1px}

}

/* 갤러리 리스트 */
.galleryList {overflow:hidden; border-bottom:1px solid #CCCCCC; margin-bottom:19px}
.galleryList .total {float:left; color:#989898; padding:10px 0px 14px 0px; font-size:11px; line-height:11px}
.galleryList .total strong {color:#818181}
.galleryList .search {float:right; margin-bottom:11px}
.galleryList .search input[type="text"] {width:114px; font-size:11px; line-height:16px; border:1px solid #D5D5D5; padding:4px 5px 5px 5px; height:14px; color:#797979}
.galleryList .search input,.galleryList .search select {vertical-align:middle}
.galleryList .search select {width:100px; padding:4px 3px; font-size:11px; *font-size:12px; color:#999999; border:1px solid #d5d5d5; font-family:dotum,"돋움"}
.galleryList ul {overflow:hidden; width:800px; margin-right:-20px;padding-bottom:15px; border-width:1px 0px; border-style:solid; border-color:#505050; /*background:url(../images/board/galleryBg.jpg) repeat-x left top*/}
.galleryList ul li {position:relative; float:left; width:240px; height:270px; padding:0px; margin-right:20px}
.galleryList ul li.noSearch {width:100%; text-align:center; font-size:16px; color:#444444; font-weight:bolder; padding:260px 0px 6px 0px; height:220px; border-top:1px solid #B4B4B4; background:white url(../images/board/bgNoSearch.jpg) no-repeat 50% 142px}
.galleryList ul li h4 {font-size:14px; margin:220px 0px 8px 0px}
.galleryList ul li img.photo {position:absolute; top:25px; left:0px; width:100%; height:180px; margin:0px 0px 0px 1px}
.galleryList ul li img.icon {position:absolute; top:25px; left:0px; margin:0px 0px 0px 1px}
.galleryList ul li p {line-height:160%; margin:8px 0px 10px 0px; letter-spacing:-1px}
.galleryList ul li p a {color:#777777}
.galleryList ul li .date {font-size:11px; color:#99999}

/* 매거진 리스트 */
.magazineList {overflow:hidden; border-top:1px solid #505050; border-bottom:1px solid #CCCCCC; margin-top:30px; margin-bottom:60px}
.magazineList ul {overflow:hidden; width:800px; margin-right:-40px; border-bottom:1px solid #505050; border-top:1px solid #CCCCCC; background:url(../images/sub/bgMagazineUl.png) repeat-y left top}
.magazineList ul li {overflow:hidden; float:left; width:380px; height:364px; padding:0px; margin-right:5px;}
.magazineList ul li h4 {margin-top:25px;margin-bottom:10px; font-size:16px; color:#333;}
.magazineList ul li div.detailCon {position:relative; overflow:hidden; float:left; padding-left:195px;}
.magazineList ul li div.detailCon p {margin:0; padding:10px 0;}
.magazineList ul li div.detailCon p strong {font-size:14px; color:#333;}
.magazineList ul li div.detailCon p span {display:inline-block; margin-top:5px; line-height:18px;}
.magazineList ul li div.detailCon img.photo {position:absolute; top:0; left:0; width:192px; height:231px; }
.magazineList ul li p.btnArea {clear:both; margin:0; padding:10px 15px 0;}
.magazineList ul li p.btnArea a {margin-right:3px;}

/* 영상 리스트 */
.movieList {overflow:hidden; border-bottom:1px solid #CCCCCC; margin-bottom:19px}
.movieList .total {float:left; color:#989898; padding:10px 0px 14px 0px; font-size:11px; line-height:11px}
.movieList .total strong {color:#818181}
.movieList .search {float:right; margin-bottom:11px}
.movieList .search input[type="text"] {width:114px; font-size:11px; line-height:16px; border:1px solid #D5D5D5; padding:4px 5px 5px 5px; height:14px; color:#797979}
.movieList .search input,.galleryList .search select {vertical-align:middle;}
.movieList .search .galleryList .search select {width:100px;}
.movieList .search select {width:100px; padding:4px 3px; font-size:11px; *font-size:12px; color:#999999; border:1px solid #d5d5d5; font-family:dotum,"돋움"}
.movieList ul {overflow:hidden; width:800px; margin-right:-40px; border-width:1px 0px; border-style:solid; border-color:#505050; background:url(../images/board/bgMovie.jpg) repeat-x left top}
.movieList ul li {position:relative; float:left; width:160px; height:250px; padding:0px; margin-right:40px}
.movieList ul li.noSearch {width:100%; text-align:center; font-size:16px; color:#444444; font-weight:bolder; padding:260px 0px 6px 0px; height:220px; border-top:1px solid #B4B4B4; background:white url(../images/board/bgNoSearch.jpg) no-repeat 50% 142px}
.movieList ul li h4 {font-size:14px; margin:138px 0px 8px 0px}
.movieList ul li img.photo {position:absolute; top:29px; left:0px; width:160px; height:90px; margin:0px 0px 0px 1px}
.movieList ul li p {line-height:160%; margin:8px 0px 14px 0px; letter-spacing:-1px}
.movieList ul li p a {color:#777777}
.movieList ul li .date {font-size:11px; color:#99999}

/* 게시판 리스트 */
.boardList {overflow:hidden; border-bottom:1px solid #CCCCCC; margin-bottom:19px}
.boardList .total {float:left; color:#989898; padding:10px 0px 14px 0px; font-size:11px; line-height:11px}
.boardList .total strong {color:#818181}
.boardList .search {float:right; margin-bottom:11px}
.boardList .search input[type="text"] {width:114px; font-size:11px; line-height:16px; border:1px solid #D5D5D5; padding:4px 5px 5px 5px; height:14px; color:#797979;height: 25px;}
.boardList .search input,.boardList .search select {vertical-align:middle}
.boardList .search select {width:100px;  padding:4px 3px; font-size:11px; *font-size:12px; color:#999999; border:1px solid #d5d5d5; font-family:dotum,"돋움"}
.boardList .search ul.current {display:inline-block; *display:inline; *zoom:1; *margin-right:4px; overflow:hidden; vertical-align:middle}
.boardList .search ul.current li {float:left;}
.boardList .search ul.current li img {vertical-align:middle}
.boardList table {clear:both; width:100%; border-top:1px solid #505050; border-bottom:1px solid #B2B2B2}
.boardList table thead th {border-width:1px 0px; border-style:solid; border-color:#B2B2B2; padding:15px 0px 15px 1px; background:url(../images/board/listBar.png) no-repeat left 15px}
.boardList table thead th:first-child {padding-left:0px; background:none}
.boardList table tbody td {text-align:center; padding:15px 0px; border-top:1px dashed #C7C7C7}
.boardList table tbody tr:first-child td {border-top:1px solid #EBEBEB}
.boardList table tbody td.subject {padding-left:20px; text-align:left}
.boardList table tbody td.noSearch {text-align:center; font-size:16px; color:#444444; font-weight:bolder; padding:260px 0px 166px 0px; background:url(../images/board/bgNoSearch.jpg) no-repeat 50% 142px}





/* 게시판 뷰어 */
.boardView {border-width:1px 0px; border-style:solid; border-color:#505050; position:relative;}
.boardView h4 {border-width:1px 0px; border-style:solid; border-color:#CCCCCC; font-size:16px; padding:15px 0px; margin-top:0}
.boardView h5 {border-width:1px 0px; border-style:solid; border-color:#CCCCCC; font-size:12px; padding:15px 0px; margin-bottom:0}
.boardView img.photo {display:block; margin:0px 0px 20px 0px; }
.boardView img { max-width:100%;}
.boardView p {line-height:100%; margin:0px 0px 0px 10px;}
.boardView .date {position:absolute; font-size:11px; color:#999999; top:19px; right:1px}
.boardView .galleryView {overflow:hidden;}
.boardView .galleryView img.photo {margin:0 auto;width:450px; height:auto;padding-bottom:10px;}
.boardView .galleryView p {margin:0 auto;width:100%; height:auto;padding:10px 0px 10px 0px;}
.boardView .movieArea {margin-bottom:20px}
.btnView {text-align:right; border-top:1px solid #CCCCCC; padding:10px 0px 40px 0px}
ul.pageMove {border-width:1px 0px; border-color:#CCCCCC; border-style:solid; margin-bottom:60px}
ul.pageMove li {position:relative; border-top:1px solid #DEDEDE; padding:12px 10px 14px 11px}
ul.pageMove li:first-child {border-top:0px}
ul.pageMove li strong {margin-right:20px}
ul.pageMove li span.date {position:absolute; right:10px; font-size:11px; color:#999999; padding-top:1px;}

.boardView ul li {overflow:hidden; padding:5px 0px; border-bottom:1px dashed #C7C7C7}
.boardView ul li p {padding:10px 0px;}
.boardView .but {line-height:100%; margin:100px 100px 100px 100px;}

/* 갤러리 이동 */
.pageMoveGallery {position:relative; padding:17px 0px 17px 40px; margin-bottom:80px; border-width:1px 0px; border-style:solid; border-color:#D7D7D7}
.pageMoveGallery a.btnPrev {position:absolute; top:104px; left:0px}
.pageMoveGallery a.btnNext {position:absolute; top:104px; right:0px}
.pageMoveGallery ul {overflow:hidden}
.pageMoveGallery ul li {float:left; padding-right:27px; overflow:hidden}
.pageMoveGallery ul li a {display:block; width:150px; height:180px; overflow:hidden}
.pageMoveGallery ul li a img {width:150px; height:180px}
.pageMoveGallery ul li a.on {border:4px solid #D85B5F; width:142px; height:172px}
.pageMoveGallery ul li a.on img {position:relative; top:-4px; left:-4px}
.pageMoveGallery ul li p {font-weight:bolder; margin:10px 0px 4px 0px}

/* 영상 이동 */
.pageMoveMovie {position:relative; padding:20px 0px 15px 31px; margin-bottom:80px; border-width:1px 0px; border-style:solid; border-color:#D7D7D7}
.pageMoveMovie a.btnPrev {position:absolute; top:64px; left:0px}
.pageMoveMovie a.btnNext {position:absolute; top:64px; right:0px}
.pageMoveMovie ul {overflow:hidden}
.pageMoveMovie ul li {float:left; padding-right:26px}
.pageMoveMovie ul li a {display:block; width:155px; height:87px; overflow:hidden;}
.pageMoveMovie ul li a img {width:155px; height:87px}
.pageMoveMovie ul li a.on {border:4px solid #D85B5F; width:147px; height:79px}
.pageMoveMovie ul li a.on img {position:relative; top:-4px; left:-4px}
.pageMoveMovie ul li p {font-weight:bolder; margin:10px 0px 4px 0px}

/* Paging */
.paging {text-align:center; padding-bottom:80px; font-size:11px}
.paging a {color:#878787; padding:0px 8px 0px 9px; background:url(../images/board/pageNumBar.png) no-repeat left 2px}
.paging a.on {font-weight: bolder}
.paging a.first {background:none}
.paging a.btnPrev {padding-left:0px; background:none}
.paging a.btnNext {padding-right:0px; background:none}
.paging a.btnFirst,.paging a.btnLast {background:none}
.paging a img {vertical-align:middle}