@charset "utf-8";
@Import url("common.css");
@Import url("paging.css");

.contents .tit_gallery { background:url(http://image.gamescampus.com/ShotOnline/title/community_gallery.png) top left no-repeat; }

fieldset { margin:0; padding:0; border:none; }
ul.gallery { margin:10px 0; width:100%; }
ul.gallery li { clear:left; float:left; margin-top:5px; }
ul.gallery li:first-child { margin-top:0px; }
ul.gallery li div { position:relative; float:left; margin-left:7px; width:236px; height:205px; border:1px solid #d9d9d9; }
ul.gallery li div:first-child { margin-left:0; }
ul.gallery li div p { clear:left; margin:0; width:100%; height:33px; text-align:center; }
ul.gallery li div p:first-child { margin:5px; padding:1px; width:222px; height:134px; border:1px solid #c8c8c8; }
ul.gallery li div p img { margin:0; padding:0; width:100%; height:100%; }
ul.gallery li div p a span { color:#3d980f; }
ul.gallery li div dl { position:absolute; left:0; bottom:0; float:left; width:100%; height:24px; color:#646464; background-color:#f2f2f2; }
ul.gallery li div dl dt, .gallery li div dl dd { float:left; width:113px; line-height:24px; color:inherit; }
ul.gallery li div dl dt { margin-left:5px; text-align:left; }
ul.gallery li div dl dd { text-align:right;  }

ul.write { float:left; border:1px solid #d9d9d9; }
ul.write>li { clear:left; float:left; padding:6px 0; width:100%; font-size:10pt; border-top:1px solid #d9d9d9; }
ul.write>li:first-child { border-top:none; }
ul.write>li span.info { float:left; margin:0 20px; width:686px; height:24px; line-height:24px; color:#323232; font-weight:bold; }
/*ul.write>li p.file { float:left; margin:0 0 8px 10px; line-height:20px; font-size:10pt; color:#969696; display:none; }*/

table.detail { width:100%; text-align:left; border-collapse:collapse; border:1px solid #d9d9d9; }
table.detail tr th, table.detail tr td { text-indent:10px; }
table.detail td { padding:0; border-top:1px solid #d9d9d9; }
table.detail thead th { height:33px; background-color:#f5f5f5; } 
table.detail thead th.subject { text-indent:0; } 
table.detail thead th div { margin-top:8px; float:right; text-indent:0; }
table.detail thead h1 { float:left; margin:0px; padding:0; line-height:33px; font-size:12px; font-weight:bold; color:#3b9710; }
table.detail thead td { height:30px; }
table.detail tbody td.content { padding:20px; vertical-align:top; text-indent:0; }
table.detail tbody td.content img { clear:left; margin:0 auto; padding:1px; border:1px solid #c8c8c8; width:682px; height:507px; }

/*table.detail tbody td.content div.recommend { float:left; margin:20px 0 10px; width:155px; }*/

/*table.detail tbody td.comments { padding:20px 20px 40px 20px; vertical-align:top; text-indent:0; }*/
div.gallerycomments ul { float:left; margin-top:50px; width:684px; border:1px solid #d9d9d9; overflow:hidden; }
div.gallerycomments ul li { clear:left; margin:0 1px; width:100%; border-top:1px solid #d9d9d9; } /*** editable : border color ***/
div.gallerycomments ul li:first-child { border-top:none; }
div.gallerycomments ul li>div { float:left; margin:10px 0 10px 10px; line-height:18px; }
div.gallerycomments ul li .name { width:100px; color:#3c980f; font-weight:bold; } /*** editable : text color ***/
div.gallerycomments ul li .memo { width:474px; }
div.gallerycomments ul li .date { width:80px; color:#646464; } /*** editable : text color ***/
div.gallerycomments .write { float:left; width:100%; height:47px; background-color:#f4f4f4; } /*** editable : bgcolor ***/
div.gallerycomments .write input[name=Comment] { float:left; margin:9px 10px; width:577px; height:26px; text-indent:5px; background-color:#dcdcdc; border:1px solid #c1c1c1; -moz-box-shadow:inset 1px 1px 5px #cfcfcf; -webkit-box-shadow:inset 1px 1px 5px #cfcfcf; box-shadow:inset 1px 1px 5px #cfcfcf; text-shadow:1px 1px 0px #fff; }  /*** editable : bgcolor, shadow color ***/
div.gallerycomments .write input[name=write] { float:left; margin:9px 0; width:75px; height:29px; line-height:29px; color:#fff; font-weight:bold; text-align:center; border:none; background-color:#55a28e; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -moz-box-shadow:0px 2px 0px #d0d0d0; -webkit-box-shadow:0px 2px 0px #d0d0d0; box-shadow:0px 2px 0px #d0d0d0; } /*** editable : bgcolor, text color, shadow color ***/



input[name=Title] { float:left; margin:0px 20px; width:686px; height:20px; line-height:20px; color:#969696; border:none; }
textarea[name=Content] { float:left; margin:8px 20px; width:686px; height:400px; line-height:150%; color:#969696; border:none; }

iframe#fileupload { width:700px; height:40px; padding:0 0 0 20px; }