@charset "euc-kr";

/* reset : ű׵éÀÌ °¡Áö°í ÀÖ´Â ±âº» ¼Ó¼º°ªÀ» ·¹À̾ƿôÀ» ±¸ÇöÇϱâ ÆíÇÑ °ªÀ¸·Î ¹Ì¸® º¯°æ*/

body, h1, h2, h3, ul, li, div{font:12px "µ¸¿ò",Arial; color: #000000; font-weight:bold;margin:0 auto;}
ul, li{list-style:none}
img{border:0 none}
h1{float:left; width:449px}

#wrap{width:100%; position:relative; margin:0 auto; text-align:center;}
#main{position:relative; margin:auto; text-align:center;width:100%;}

/* °íÁ¤·¹ÀÌ¾î »ó´Ü */
#top{width:100%; height:206px; position:fixed; text-align:center;z-index:10; background:url(img/top_bg.gif) repeat-y 0 0; margin:auto; right:0}
#tophd{text-align:left; height:206px; width:1200px;}
.online01{width:520px; height:206px;float:left; background-color:#353535;}
.online02{float:left; width:177px; height:206px; background-color:#353535;}
/* °íÁ¤·¹ÀÌ¾î ¿À¸¥ÂÊÄü */
.quick_right{position:fixed;z-index:15; margin-right:50px; top:206px;right:0;}


/* main_visual */
#main_img{width:100%; height:563px; padding-top:206px;background:url(img/visual_bg.jpg) repeat-x 0 0}

/* content */
#content{width:100%; position:relative; text-align:center; margin:0 auto;}

#content .padding{padding-bottom:50px;}
#con_01{width:1219px; background:url(img/bg.png) repeat-y 0 0; text-align:center;}


.btn{float:right; padding:0 60px 50px 0}

/* foot */
#foot{width:100%; height:150px; background:url(img/foot_bg.gif) repeat-x; text-align:center; padding-top:10px }