°í¼ö´Ôµé Á¦°¡ À̰Ͷ«¿¡ ¹«Ã´ ½Å°æÀÌ ¾²¿©¼­ ¿°Ä¡ ºÒ¹®ÇÏ°í ±ÛÀ» ³²±é´Ï´Ù.

´Ù¸¥°Ô ¾Æ´Ï°í ÷ºÎÆÄÀÏÀ» º¸½Ã¸é »óÇ°¸ñ·Ï ºÎ¸Þ´º·¹À̾ »óÇ°½ºÅ©·Ñ ºÎºÐ¿¡ ¼û¾î¹ö¸®´ÂÇö»óÀÔ´Ï´Ù.

Á¦°¡ ÀÚ¹Ù¸¦ Àß ¸ô¶ó¼­ ¾îµð¸¦ ¼öÁ¤ÇØ¾ß ÇÒÁö ¸ð¸£°Ú½À´Ï´Ù.

»óÇ°ºÎ¸Þ´º°¡ »óÇ°½ºÅ©·Ñ »ó´ÜÀ¸·Î ¿Ã¶ó¿À°Ô ÇÒ·Á¸é ¾îÄÉ ÇØ¾ß µÇ´ÂÁö¿ä..³ªÀ̸Ծî È¥ÀÚÇÒ·Á´Ï ³Ñ ¾î·Æ³×¿ä.°ü¸®ÀÚ´Ô ÀÌÇÏ °í¼ö´Ôµé ¸íÄèÇÑ ´äº¯ ºÎŹµå·Á¿ä...

ÀÌ°÷¿¡µµ Àִ°Š°°½À´Ï´Ù¸¸ Ȥ½Ã ¼Ò½ºµµ °°ÀÌ ¿Ã¸³´Ï´Ù..

   <script language=javascript>
<!--
var downLayerId;
var dropDegree = 10; //½ºÅ©·Ñ ¼Óµµ
var doDirect;
var DirectTerm = 4000; //½ºÅ©·Ñ Áö¿¬½Ã°£
var curDropIdx = 0;
       
function DirectDown()
{
        clearInterval(doDirect);
        clearInterval(downLayerId);
       
        for(i = curDropIdx ;i < document.all["DropHit"].length + curDropIdx;i++){
                document.all["DropHit"][i%document.all["DropHit"].length].style.posTop = document.all["DropHit"][i%document.all["DropHit"].length].style.posHeight * (-1*((i-curDropIdx)%document.all["DropHit"].length));
        }
        var temp = 'setInterval("DownLayer()",20)';
        downLayerId = eval(temp);
        direction = "down";
}
function DownLayer()
{
        if(document.all["DropHit"][curDropIdx].style.posTop < document.all["DropHit"][curDropIdx].style.posHeight){
                for(j = curDropIdx ;j < document.all["DropHit"].length + curDropIdx;j++){
                        document.all["DropHit"][j%document.all["DropHit"].length].style.posTop += dropDegree;
                }
        }else{
                clearInterval(downLayerId);
                for(j = curDropIdx ;j < document.all["DropHit"].length + curDropIdx;j++){
                        document.all["DropHit"][j%document.all["DropHit"].length].style.posTop = document.all["DropHit"][j%document.all["DropHit"].length].style.posHeight *((-1*((j-curDropIdx)%document.all["DropHit"].length))+1);
                }
                curDropIdx = (curDropIdx + 1) ;
                curDropIdx = curDropIdx > document.all["DropHit"].length-1 ? curDropIdx%document.all["DropHit"].length:curDropIdx;
                var temp = 'setInterval("DirectDown()",DirectTerm)';
                doDirect = eval(temp);
        }
}
function DirectUp()
{
        clearInterval(doDirect);
        clearInterval(downLayerId);
        var tempIdx = 0;
        for(i = 0;i<document.all["DropHit"].length;i++){
                tempIdx = (document.all["DropHit"].length + curDropIdx - i) %document.all["DropHit"].length;
                document.all["DropHit"][tempIdx].style.posTop = i*document.all["DropHit"][tempIdx].style.posHeight;
        }
        var temp = 'setInterval("UpLayer()",20)';
        downLayerId = eval(temp);
        direction = "up";
}
function UpLayer()
{
        var tempIdx = 0;
        if(document.all["DropHit"][curDropIdx].style.posTop < document.all["DropHit"][curDropIdx].style.posHeight && document.all["DropHit"][curDropIdx].style.posTop > document.all["DropHit"][curDropIdx].style.posHeight * (-1)){
                for(j = 0 ;j < document.all["DropHit"].length;j++){
                        tempIdx = (document.all["DropHit"].length + curDropIdx - j) %document.all["DropHit"].length;
                        document.all["DropHit"][tempIdx].style.posTop -= dropDegree;
                }
        }else{
                clearInterval(downLayerId);
                for(j = 0;j<document.all["DropHit"].length;j++){
                        tempIdx = (document.all["DropHit"].length + curDropIdx - j) % document.all["DropHit"].length;
                        document.all["DropHit"][tempIdx].style.posTop = (j-1)*(document.all["DropHit"][tempIdx].style.posHeight);
                }
                curDropIdx = (curDropIdx - 1) ;
                curDropIdx = curDropIdx < 0 ? document.all["DropHit"].length-1:curDropIdx;
                var temp = 'setInterval("DirectUp()",DirectTerm)';
                doDirect = eval(temp);
        }
}
//-->
</script>
<table border="0" cellpadding="0" cellspacing="0" width="924">
    <tr>
        <td width="924"><img src="/web/upload/hanbok_01_24.jpg" width="942" height="78" border="0"></td>
    </tr>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="941">
    <tr>
        <td width="14"><img src="/web/upload/hanbok_01_25.jpg" width="14" height="313" border="0"></td>
        <td width="914" valign="top">
            <table cellspacing=0 cellpadding=0 border=0 width="914" height="313">
                <tr>
                    <td width="49" height="105">
            <div style="left:0px; overflow:hidden; width:914px; position:relative; top:0px; height:313px">
                            <div id=DropHit style="width:914px; height:313px; position:absolute; left:0px; top:15px; z-index:1; visibility:visible;">
                                <table border=0 cellpadding=0 cellspacing=0 width="914" height="313">
                                    <tr>
                                        <td><img src="/web/upload/hanbok_01a_26.jpg" width="914" height="313" border="0" usemap="#ImageMap5"></td>
                                    </tr>
                                </table>
                            </div>
               
               
                            <div id=DropHit style="width:914px; height:313px; position:absolute; left:0px; top:15px; z-index:1; visibility:visible;">
                                <table border=0 cellpadding=0 cellspacing=0 width="914" height="313">
                                    <tr>
                                        <td><img src="/web/upload/hanbok_01_26.jpg" width="914" height="313" border="0" usemap="#ImageMap6"></td>
                                    </tr>
                                </table>
                            </div>
        
        
                            <script language=javascript>
DirectDown();
            

            
                            </script>
            </div>
                    </td>
                </tr>
            </table>
        </td>
        <td width="13"><img src="/web/upload/hanbok_01_27.jpg" width="14" height="313" border="0"></td>
    </tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="928">
    <tr>
        <td width="928"><img src="/web/upload/hanbok_01_28.jpg" width="942" height="14" border="0"></td>
    </tr>
</table>

<map name="ImageMap5">
<area shape="rect" coords="9, 8, 212, 228" href="/front/php/product.php?product_no=59&main_cate_no=49&display_group=1" target="_self">
<area shape="rect" coords="236, 8, 439, 228" href="/front/php/product.php?product_no=65&main_cate_no=49&display_group=1" target="_self">
<area shape="rect" coords="463, 8, 666, 228" href="/front/php/product.php?product_no=66&main_cate_no=49&display_group=1" target="_self">
<area shape="rect" coords="689, 8, 911, 229" href="/front/php/product.php?product_no=67&main_cate_no=49&display_group=1" target="_self">
</map><map name="ImageMap6">

<area shape="rect" coords="9, 8, 212, 228" href="/front/php/product.php?product_no=69&main_cate_no=49&display_group=1" target="_self">
<area shape="rect" coords="239, 8, 442, 228" href="/front/php/product.php?product_no=70&main_cate_no=49&display_group=1" target="_self">
<area shape="rect" coords="470, 8, 673, 228" href="/front/php/product.php?product_no=71&main_cate_no=49&display_group=1" target="_self">
<area shape="rect" coords="701, 8, 904, 228" href="/front/php/product.php?product_no=72&main_cate_no=49&display_group=1" target="_self">
</map>