riix

.button-a { position: relative; display: inline-block; margin: 2px; vertical-align: top; }
.button-a * { display: inline-block; padding: 0 8px; font-size: 12px; height: 24px; line-height: 22px; margin: 0; font-weight: bold !important; color: #fff; text-decoration: none !important; border: 1px solid; cursor: pointer; overflow: visible; border-radius: 3px; box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; background-color: #666; text-shadow: 0 -1px 0 #333; zoom: 1; }
.button-a a { height: 22px; }
.button-a a,
.button-a button,
.button-a input { border-color: #ccc; color: #333; background: #eee -webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#ddd)); background: #eee -moz-linear-gradient(top,#fff,#ddd); background-color: #eee; text-shadow: 1px 1px 0 #fff; filter: progid: DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#dddddd); }
.button-a input[type=submit],
.button-a button[type=submit],
.button-a-submit a { border-color: #666

riix

<span class="button-a"><a href="#">anchor/앵커</a></span>
<span class="button-a"><button type="button">button/버튼</button></span>
<span class="button-a"><input type="button" value="input/버튼" /></span>
<span class="button-a button-a-submit"><a href="#">anchor/서밋</a></span>
<span class="button-a"><button type="submit">button/서밋</button></span>
<span class="button-a"><input type="submit" value="input/서밋" /></span>

riix

#gnb { height: 60px; margin: 0 0 20px 0; }
#gnb ul.core { position: relative; list-style: none; margin: 0; padding: 0; font-size: 12px; border-bottom: 1px solid #ccc; *zoom: 1; }
#gnb ul.core:after { content: ""; display: block; clear: both; }
#gnb a { position: relative; text-decoration: none; white-space: nowrap; }
#gnb li { float: left; margin: 0 -1px -1px 0;}
#gnb li a { display: inline-block; border: 1px solid #ccc; border-bottom: 0; height: 15px; padding: 7px 15px; color: #333; }
#gnb div.d2 { display: none; position: absolute; left: 0; top: 40px; }
#gnb ul.d2 { list-style: none; margin: 0; padding: 0; }
#gnb li.d2 { padding: 0 15px; border-left: 1px solid #ccc; }
#gnb a.d2 { border: 0; padding: 0; color: #767676; font-weight: normal !important; letter-spacing: normal !important; }

riix

<div id="gnb">
	<ul class="core gnb1-2">
		<li class="d1 gnb1"><a href="#" class="d1"><span>메뉴 1</span></a>
			<div class="d2">
				<ul class="d2">
					<li class="d2 gnb1-1"><a href="#" class="d2"><span>메뉴 1-1</span></a></li>
					<li class="d2 gnb1-2"><a href="#" class="d2"><span>메뉴 1-2</span></a></li>
					<li class="d2 gnb1-3"><a href="#" class="d2"><span>메뉴 1-3</span></a></li>
				</ul>
			</div>

riix

<script type="text/javascript" src="activeX.js"></script> <!-- head태그 내에 삽입-->
<div id="eventFlash"></div> <!-- id는 상황에맞게 지정 -->
<script type="text/javascript">
<!--
      daumFlash("플래쉬 URL","798","500","eventFlash");
//-->
</script>

riix

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="400" height="300" title="플래쉬 무비클립">
  <param name="quality" value="autohigh" />
	<param name="allowScriptAccess" value="always" />
	<param name="wmode" value="window" />
	<param name="scale" value="exactfit" />
	<param name="salign" value="ct" />
	<param name="movie" value="../swf/test.swf" />
	<param name="base" value="." />
	<!--[if !IE]> <-->
		<object type="application/x-shockwave-flash" data="../swf/test.swf" width="400" height="300" title="플래쉬 무비클립">

riix

$.fn.carouFredSel.defaults.items.visible = { min: 1, max: 1 }
$.fn.carouFredSel.defaults.auto = {
	pauseOnHover: 'resume',
	duration: 900,
	delay: 0
};
 
// carouselA
$('#carouselA').carouFredSel({
	items: 3,

riix

<div class="carousel carousel-a"><!-- carousel a -->
	<div class="paginate">
		<a id="prevA" class="prev" href="#carouselA"><img src="../img/main/pagin_carousel_a_prev.gif" alt="이전" /></a>
		<a id="nextA" class="next" href="#carouselA"><img src="../img/main/pagin_carousel_a_next.gif" alt="다음" /></a>
	</div>
	<ul id="carouselA">
		<li><a href="#none"><img src="../img/main/btn_carousel_a_off_01.gif" alt="내용1" /></a></li>
		<li><a href="#none"><img src="../img/main/btn_carousel_a_off_02.gif" alt="내용2" /></a></li>
		<li><a href="#none"><img src="../img/main/btn_carousel_a_off_03.gif" alt="내용3" /></a></li>
		<li><a href="#none"><img src="../img/main/btn_carousel_a_off_03.gif" alt="내용4" /></a></li>

riix

$(function(){
  // on load

    // $.blockUI({ message: $('#question') }); 

    $('div.blockOverlay, .button-close').click(function() { 
        $.unblockUI(); 
        return false; 
    }); 

riix

<script type="text/javascript" src="../js/ui.js" charset="utf-8" defer="defer"></script>