갤러리 스킨인데요.. 새벽이라 물어볼곳이 없어서.. ㅠㅠ

염치불구하고..질문올릴께요..
1. 썸네일에 나오는 이미지가 원래사진 비율 그대로 유지될순 없을까요..?
지금상태는 잘리고 찌그러지던데...
2. 썸네일 간격이 좌우는 어느정도 떨어진듯한데.. 위아래는 붙어버리네요.. 방법이 없을까요..?

3. 배경색 다 없애구 썸네일과 텍스트만 둘순 없을까요,.? 초보라 아무리 변경을 해보려해도 안되네요..

포인트가 없어서.. 혹시 시원하게 해결해주시면 카카오톡으로 커피라도 한잔 쏘겠습니다.. ㅠㅠ
---------------------------------------------------------------------------------------------
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가

// 제목길이 잘 맞추세요.
$thumb_width = '120'; //썸네일 폭
$thumb_height = '120'; //썸네일 높이
$thumb_quality = '100'; //썸네일 퀄리티_100 이하

if (!function_exists("imagecopyresampled")) alert("GD 2.0.1 이상 버전이 설치되어 있어야 사용할 수 있는 갤러리 게시판 입니다.");

$data_path = $g4[path]."/data/file/$bo_table";
$thumb_path = $data_path.'/thumb';

@mkdir($thumb_path, 0707);
@chmod($thumb_path, 0707);

$mod = $board[bo_gallery_cols];
$td_width = (int)(115 / $mod);

// 선택옵션으로 인해 셀합치기가 가변적으로 변함
$colspan = 5;
if ($is_category) $colspan++;
if ($is_checkbox) $colspan++;
if ($is_good) $colspan++;
if ($is_nogood) $colspan++;
?>

<!--
1 ) Reference to the file containing the javascript.
This file must be located on your server.
-->

<script type="text/javascript" src="<?=$board_skin_path?>/highslide/highslide-with-gallery.js"></script>


<!--
2) Initialize the hs object and optionally override the settings defined at the top
of the highslide.js file. The parameter hs.graphicsDir is important!
-->

<script type="text/javascript">
hs.graphicsDir = '<?=$board_skin_path?>/highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.wrapperClassName = 'dark borderless floating-caption';
hs.fadeInOut = true;
hs.dimmingOpacity = .75;

// Add the controlbar
if (hs.addSlideshow) hs.addSlideshow({
//slideshowGroup: 'group1',
interval: 5000,
repeat: false,
useControls: true,
fixedControls: 'fit',
overlayOptions: {
opacity: .6,
position: 'bottom center',
hideOnMouseOut: true
}
});
</script>

<!--
3) These CSS-styles are necessary for the script to work. You may also put
them in an external CSS-file. See the webpage for documentation.
-->
<link rel="stylesheet" type="text/css" href="<?=$board_skin_path?>/highslide/highslide.css" />

<style type="text/css">
input, button, textarea, select, {color: #000000;font-family:Tahoma,돋움;}
td {
}
.exif_info {font-family:Arial; font-size:10px; color:#f0f0f0; font-weight:normal;}
.view_info {font-family:Tahoma,굴림; font-size:10px; color:#36CB36; font-weight:bold;}
</style>
</head>

<!-- 게시판 목록 시작 -->
<table width="<?=$width?>" align="center" cellpadding="0" cellspacing="0" bgcolor="#1a1a1a">
<tr>
<td>

<!-- 분류 셀렉트 박스, 게시물 몇건, 관리자화면 링크 -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#454545">
<tr>
<td width="4" nowrap="nowrap"><img src="<?=$board_skin_path?>/img/round_01.gif" width="4" height="4" alt="" /></td>
<td></td>
<td width="4" nowrap="nowrap"><img src="<?=$board_skin_path?>/img/round_02.gif" width="4" height="4" alt="" /></td>
</tr>
<tr>
<td width="4" nowrap="nowrap"></td>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="7">
<tr>
<td width="70%" align="left" nowrap="nowrap">&nbsp;</td>
<td width="30%" align="right" nowrap="nowrap">
<? if ($admin_href) { ?>게시물 <?=number_format($total_count)?>건&nbsp;&nbsp;<? } ?>
<? if ($rss_href) { ?><a href='<?=$rss_href?>'><img src='<?=$board_skin_path?>/img/rss_btn.jpg' title="RSS" width="57" height="22" border="0" align="absmiddle"></a><?}?>
<? if ($admin_href) { ?><a href="<?=$admin_href?>"><img src="<?=$board_skin_path?>/img/admin_btn.jpg" title="관리자" width="57" height="22" border="0" align="absmiddle"></a><?}?>
</td>
</tr>
</table>
</td>
<td width="4" nowrap="nowrap"></td>
</tr>
<tr>
<td width="4" nowrap="nowrap"><img src="<?=$board_skin_path?>/img/round_03.gif" width="4" height="4" /></td>
<td></td>
<td width="4" nowrap="nowrap"><img src="<?=$board_skin_path?>/img/round_04.gif" width="4" height="4" /></td>
</tr>
</table>

<div style='height:20px;'></div>
<form name="fboardlist" method="post" style="margin:0px;" />
<input type="hidden" name="bo_table" value="<?=$bo_table?>" />
<input type="hidden" name="sfl" value="<?=$sfl?>" />
<input type="hidden" name="stx" value="<?=$stx?>" />
<input type="hidden" name="spt" value="<?=$spt?>" />
<input type="hidden" name="page" value="<?=$page?>" />
<input type="hidden" name="sw" value="" />

<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<?
for ($i=0; $i<count($list); $i++)
{
if ($i && $i%$mod==0)
echo "</tr><tr>";
$img = "<img src='$board_skin_path/img/noimage.gif' border=0 title='이미지 없음'>";
$image = $list[$i][file][0][file];
$thumb = $thumb_path.'/'.$list[$i][file][0][file];

if (!file_exists($thumb))
{
$file = $list[$i][file][0][path] .'/'. $list[$i][file][0][file];
if (preg_match("/\.(jp[e]?g|gif|png)$/i", $file) && file_exists($file))
{
$size = @getimagesize($file);
if ($size[2] == 1)
$src = imagecreatefromgif($file);
else if ($size[2] == 2)
$src = imagecreatefromjpeg($file);
else if ($size[2] == 3)
$src = imagecreatefrompng($file);
else
continue;

$rate = $thumb_width / $size[0];
$height = (int)($size[1] * $rate);

if ($height < $thumb_height)
$dst = imagecreatetruecolor($thumb_width, $height);
else
$dst = imagecreatetruecolor($thumb_width, $thumb_height);

imagecopyresampled($dst, $src, 0, 0, 0, 0, $thumb_width, $height, $size[0], $size[1]);
imagejpeg($dst, $thumb_path.'/'.$list[$i][file][0][file], $thumb_quality);
chmod($thumb_path.'/'.$list[$i][file][0][file], 0606);
imagejpeg($dst, $thumb_path.'/'.$list[$i][wr_id], $thumb_quality);
chmod($thumb_path.'/'.$list[$i][wr_id], 0606);
}
}

if (file_exists($thumb) && $list[$i][file][0][file])
{
$img = "<a href='$g4[path]/data/file/$bo_table/$image') class='highslide' onclick='return hs.expand(this)' ><img src='{$thumb}' width='{$thumb_width}' height='{$thumb_height}' border='0' style='border:0px solid #999999;' alt='' title='Click to enlarge'></a>";
} else {
preg_match("`<\s*img\s+src\s*=\s*['|\"]?([^'|\"\s]+://[^'|\"\s]+\.(gif|jpe?g|png))['|\"]?\s*[^>]+`i", $list[$i]['wr_content'], $images);

if (!empty($images[1]))
{
$img_size = GetImageSize("$images[1]");
if($img_size[0] >= $img_size[1])
{
$imgper = $thumb_width/$img_size[0];
$thumb_height = $img_size[1]*$imgper;
}else{
$imgper = $thumb_height/$img_size[1];
$thumb_width = $img_size[0]*$imgper;
}

$img = "<a href='$g4[path]/data/file/$bo_table/$image') class='highslide' onclick='return hs.expand(this)' ><img src='{$images[1]}' width='{$thumb_width}' height='{$thumb_height}' align='absmiddle' border='0'></a>";
} else {
echo "";
}
}

$style = "";
if ($list[$i][icon_new])
$style = " style='font-weight:normal;' ";
$subject = "<a href='{$list[$i][href]}' onfocus='this.blur()'><span $style>".cut_str($list[$i][subject],77)."</span></a>";

$comment_cnt = "";
if ($list[$i][comment_cnt])
$comment_cnt = " <a href=\"{$list[$i][comment_href]}\"><span style='font-size:7pt;'>{$list[$i][comment_cnt]}</span></a>";

$bg = ""; //새글?
if ($list[$i][icon_new])
$bg="thumb_1_2.gif";
else
$bg="thumb_1.gif";


echo "<td width='{$td_width}%' valign=top style='word-break:break-all;'>\n";
echo "<table cellpadding='0' cellspacing='0' border='0'>\n";
echo "<tr><td>$img";
// 사진 밑의 제목과 Exif 정보를 출력하는 내용
echo "<div class='highslide-caption'>".cut_str($list[$i][subject],77)."";
$exif = @exif_read_data("{$list[$i][file][0][path]}/{$list[$i][file][0][file]}");
if (isset($exif[Make])) echo "<br /><span class='view_info'>Info. #{$pnt}</span>" ;
if (isset($exif[Make]) || isset($exif[Model])) echo " <span class='exif_info'> || <strong>Camera</strong> $exif[Model] | ";
if (isset($exif[DateTimeOriginal])) echo "<strong>date</strong> <span class='exif_info'>$exif[DateTimeOriginal] | ";
if (isset($exif[ISOSpeedRatings])) echo "<strong>ISO</strong> $exif[ISOSpeedRatings] | ";
if (isset($exif[COMPUTED][ApertureFNumber])) echo "<strong>F-Number</strong> {$exif[COMPUTED][ApertureFNumber]} | ";
if (isset($exif[ExposureTime])) echo "<strong>Shutter</strong> $exif[ExposureTime] ||</span>";
echo "</div></td></tr>\n";
if ($is_checkbox) echo "<tr><td align='center'><a href='{$list[$i][href]}' onfocus='this.blur()'>$subject</a> <a href=\"{$list[$i][comment_href]}\">{$list[$i][comment_cnt]}</a></td></tr>\n";
if ($is_checkbox) echo "<tr><td align='center'>{$list[$i][datetime2]}";
if ($is_checkbox) echo "<input type=checkbox name=chk_wr_id[] value='{$list[$i][wr_id]}'>";
echo "</td></tr>\n";
echo "</table></td>\n";

}

// 나머지 td
$cnt = $i%$mod;
if ($cnt)
for ($i=$cnt; $i<$mod; $i++)
echo "<td width='{$td_width}%'>&nbsp;</td>";
?>

</tr>
<tr>
<td colspan='<?=$mod?>' height='20'>
</td>
</tr>
<? if (count($list) == 0) { echo "<tr><td colspan='$mod' height=100 align=center>게시물이 없습니다.</td></tr>"; } ?>
</table>
</form>
</td>
</tr>
<tr>
<td align="center">
<!-- 하단버튼 -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#454545">
<tr>
<td width="4" nowrap="nowrap"><img src="<?=$board_skin_path?>/img/round_01.gif" width="4" height="4" /></td>
<td></td>
<td width="4" nowrap="nowrap"><img src="<?=$board_skin_path?>/img/round_02.gif" width="4" height="4" /></td>
</tr>
<tr>
<td width="4" nowrap="nowrap"></td>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="7">
<tr>
<td align="left">
<!-- 페이지 -->
<? if ($prev_part_href) { echo "<a href='$prev_part_href'><img src='$board_skin_path/img/prev_btn.jpg' width='13' height='13' border='0' align='absmiddle' title='이전검색'></a>"; } ?>
<? echo $write_pages; ?>
<? if ($next_part_href) { echo "<a href='$next_part_href'><img src='$board_skin_path/img/next_btn.jpg' width='13' height='13' border='0' align='absmiddle' title='다음검색'></a>"; } ?>
</td>
<td align="right">
<a href="#g4_head"><img src='<?=$board_skin_path?>/img/top_btn.jpg' width='23' height='23' border='0' align='absmiddle' title='맨 위로'></a>
</td>
</tr>
<tr><td colspan="2"><hr /></td></tr>
<tr>
<td colspan="2">
<!-- 검색 토글 -->
<script language="JavaScript" type="text/javascript">
<!--
function toggleMenu(currMenu) {
if (document.all) {
thisMenu = eval("document.all." + currMenu + ".style")
if (thisMenu.display == "block") {
thisMenu.display = "none"
}
else {
thisMenu.display = "block"
}
return false
}
else {
return true
}
}
//-->
</script>

<!-- 버튼 링크 -->
<form name=fsearch method=get style="margin:0px;" />
<input type=hidden name=bo_table value="<?=$bo_table?>" />
<input type=hidden name=sca value="<?=$sca?>" />

<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td width="50%" align="left">
<? if ($list_href) { ?><a href="<?=$list_href?>"><img src="<?=$board_skin_path?>/img/list_btn.jpg" width="50" height="22" align="absmiddle" border="0"></a><? } ?>
<? if ($write_href) { ?><a href="<?=$write_href?>"><img src="<?=$board_skin_path?>/img/write_btn.jpg" width="50" height="22" align="absmiddle" border="0"></a><? } ?>
<? if ($is_checkbox) { ?>
<a href="javascript:select_delete();"><img src="<?=$board_skin_path?>/img/s_del_btn.jpg" width="50" height="22" align="absmiddle" border="0"></a>
<a href="javascript:select_copy('copy');"><img src="<?=$board_skin_path?>/img/s_copy_btn.jpg" width="50" height="22" align="absmiddle" border="0"></a>
<a href="javascript:select_copy('move');"><img src="<?=$board_skin_path?>/img/s_move_btn.jpg" width="50" height="22" align="absmiddle" border="0"></a>
<? } ?>
</td>
<td width="50%" align="right">&nbsp;&nbsp;&nbsp;</td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</td>
<td width="4" nowrap="nowrap"></td>
</tr>
<tr>
<td width="4" nowrap="nowrap"><img src="<?=$board_skin_path?>/img/round_03.gif" width="4" height="4" /></td>
<td></td>
<td width="4" nowrap="nowrap"><img src="<?=$board_skin_path?>/img/round_04.gif" width="4" height="4" /></td>
</tr>
</table>
</td>
</tr>
</table>
<div style='height:20px;'></div>
</td>
</tr>
</table>


<? if ($is_checkbox) { ?>
<script language="JavaScript" type="text/javascript">
function all_checked(sw)
{
var f = document.fboardlist;

for (var i=0; i<f.length; i++) {
if (f.elements[i].name == "chk_wr_id[]")
f.elements[i].checked = sw;
}
}

function check_confirm(str)
{
var f = document.fboardlist;
var chk_count = 0;

for (var i=0; i<f.length; i++) {
if (f.elements[i].name == "chk_wr_id[]" && f.elements[i].checked)
chk_count++;
}

if (!chk_count) {
alert(str + "할 게시물을 하나 이상 선택하세요.");
return false;
}
return true;
}

// 선택한 게시물 삭제
function select_delete()
{
var f = document.fboardlist;

str = "삭제";
if (!check_confirm(str))
return;

if (!confirm("선택한 게시물을 정말 "+str+" 하시겠습니까?\n\n한번 "+str+"한 자료는 복구할 수 없습니다"))
return;

f.action = "./delete_all.php";
f.submit();
}

// 선택한 게시물 복사 및 이동
function select_copy(sw)
{
var f = document.fboardlist;

if (sw == "copy")
str = "복사";
else
str = "이동";

if (!check_confirm(str))
return;

var sub_win = window.open("", "move", "left=50, top=50, width=396, height=550, scrollbars=1");

f.sw.value = sw;
f.target = "move";
f.action = "./move.php";
f.submit();
}
</script>
<? } ?>
<!-- 게시판 목록 끝 -->