h1,h2,h3,dl,dt,dd,div,p,span {margin:0;padding:0;}
ul,li,ol{margin:0;padding:0;list-style:none;}
img {border:0}

/* layout */
body,html{width:100%;margin:0;padding:0;background:url('../../images/bg_main.gif') repeat-y top center;font-size: 12px;color: #777;text-align: center;font-family:dotum,µ¸¿ò;position:relative;}
#wrap_navi{background: url('../../images/bg_navi_off.gif') repeat-x top left;position:absolute;left:0px;top:60px;width:100%;height:60px;color:#fFF}
#top_navi{width: 995px;text-align: center;margin: 0 auto;}
#wrap {width: 995px;margin: 0 auto;text-align: center;}
#bodyWrap {width: 957px;_width:960px;text-align: left;padding:0 16px;margin-left:3px;_padding:0px;_margin-left:4px;}

#bodyWrap #top {padding-top:22px;height:35px;_height:34px;text-align: center;margin-bottom:87px;_margin-bottom:91px;position:relative}

#bodyWrap #marketing {width:957px;height:250px;background:url('../../images/area01_bottom.gif') no-repeat bottom left;position:relative;margin-bottom:10px;}
#bodyWrap #marketing .center{float:left;width:551px;height:239px;background:url('../../images/area01_bg.gif') no-repeat left 3px;margin-right:1px}
#bodyWrap #marketing .right{float:right;width:173px;_width:178px;_position:absolute;_right:0px;_top:0px;;height:215px;background:#EBEBEB;margin-top:2px;padding:11px 14px;_padding:13px 11px 8px 11px;}

#bodyWrap #notice {width:204px;height:730px;float:left;background:url('../../images/bg_line_y.gif') repeat-y right top;margin-bottom:25px}
#bodyWrap #notice #notice_tab01{width:187px;height:115px;margin-top:1px;position:relative;}
#bodyWrap #notice #notice_tab02{width:187px;height:126px;position:relative;}
#bodyWrap #notice #notice_bn01{width:187px;height:333px;background:url('../../images/bg_line_x.gif') repeat-x left bottom;}
#bodyWrap #notice #notice_bn02{width:187px;height:155px;background:url('../../images/bg_line_x.gif') repeat-x left bottom;}
/*#bodyWrap #online {width:353px;height:577px;float:left;background:url('../../images/bg_line_y.gif') repeat-y right top;margin-bottom:25px;padding:5px 16px 0 16px;}
#bodyWrap #offline {width:353px;_width:347px;height:577px;float:right;margin-bottom:25px;padding:5px 0 0 16px}*/

#bodyWrap #online {width:385px;height:577px;float:left;background:url('../../images/bg_line_y.gif') repeat-y right top;margin-bottom:25px;padding-top:5px;}
#bodyWrap #online #online_best{height:175px;padding:5px 16px 0 16px;position:relative}
#bodyWrap #online #online_recom{height:354px;padding:5px 16px 0 16px}
#bodyWrap #online #Cl_center{position:absolute;width:753px;_width:751px;height:175px;background:#F5F5F5;}

#bodyWrap #offline {width:368px;_width:357px;height:577px;float:right;text-align:left;margin-bottom:25px;padding-top:4px;}
#bodyWrap #offline #offline_pop{height:175px;padding:5px 16px 0 16px;_padding:5px 4px 0 12px;position:relative}
#bodyWrap #offline #offline_date{height:167px;padding:5px 16px 0 16px;_padding:5px 4px 0 12px;}
#bodyWrap #offline #offline_review{height:182px;padding:5px 16px 0 16px;_padding:5px 4px 0 12px;position:relative}

#bodyWrap #footer {clear:both;margin-bottom:20px;height:82px;text-align: center;}


/* style */
.ml16 {margin-left:16px;}
.ml12 {margin-left:16px;_margin-left:12px;}
.mb5 {margin-bottom:5px}
.mb8 {margin-bottom:8px}
.mb10 {margin-bottom:10px;_margin-bottom:11px;}
.mb12 {margin-bottom:12px;}
.mb15 {margin-bottom:15px}
.mb17 {margin-bottom:17px}
.mb20 {margin-bottom:20px}

a:link,
a:visited,
a:active{text-decoration: none;}
a:hover{text-decoration: underline;}

.top_noti{width:250px;position:absolute;left:10px;_left:15px;top:25px;_top:34px;color:#AAAAAA;font-size:11px no-repeat left top;padding-left:15px;_padding-left:9px;word-spacing:-3px;}
/*.top_noti{width:250px;position:absolute;left:20px;_left:15px;top:30px;_top:34px;color:#AAAAAA;font-size:11px;background:url('/images/ic_noti.gif') no-repeat left top;padding-left:15px;_padding-left:9px;word-spacing:-3px;}*/
.top_noti div{width:250px;background:url('/images/bul_gr.gif') no-repeat left 4px; padding-left:9px;margin-bottom:5px;_margin-bottom:4px;color:#888888;word-spacing:-1px;font-size:11px;}
.top_noti div a{color:#888888;}

.top_util{position:absolute;right:8px;top:30px;_top:34px;}
.top_util ul{width:210px;}
.top_util ul li{float:left;color:#777777;font-size:11px;background:url('/images/li_line.gif') no-repeat left 2px;padding:0 5px;letter-spacing:-1px;}
.top_util ul li a{color:#777777;text-decoration:none;}
.top_util ul li.no{color:#777777;font-size:11px;background:none;padding:0 5px;}

ul.tab01{float:left;}
ul.tab01 li{margin:0;padding:0;}
ul.tab01 li img{vertical-align:top}

ul.tab02{position:absolute;left:17px;top:68px;z-index:100000}
ul.tab02 li{float:left;margin:0 2px 0 0;padding:0;}
ul.tab02 li img{vertical-align:top}

ul.noti_list01{width:175px;margin:0 5px;}
ul.noti_list01 li{width:166px;background:url('../../images/bul_gr.gif') no-repeat left 4px; padding-left:9px;margin-bottom:5px;_margin-bottom:4px;color:#888888;word-spacing:-1px;font-size:11px;}
ul.noti_list01 li a{color:#888888;}

ul.btn01{width:157px;height:19px;}
ul.btn01 li{float:left;margin-right:7px;}
ul.btn01 li.no{margin-right:0px}

ul.btn02{width:40px;height:14px;position:absolute;right:11px;_right:13px;top:px}
ul.btn02 li{float:left;margin-left:3px;}
ul.btn02 li.no{margin-right:0px}

ul.input01{width:157px;height:37px}
ul.input01 li{float:left;margin-right:3px;}
ul.input01 li ul.sub{clear:both;}
ul.input01 li ul.sub li{margin-right:0px}
ul.input01 li.no{margin-right:0px}

ul.bnner01{width:342px}
ul.bnner01 li{float:left;margin-right:4px}
ul.bnner01 li.no{margin-right:0px}
ul.bnner01 li img{vertical-align:top}

table.list01 {width:517px;margin:15px 17px}
table.list01 td{border-bottom:1px solid #E5E5E5;padding:5px 0;}
table.list01 td.no{border-bottom:0px;padding-top:5px;}
table.list01 td.txt{padding-top:11px;}
table.list01 td.txt p.tit{color:#333333;font-size:12px;letter-spacing:-1px;font-weight:bold;margin-bottom:5px}
table.list01 td.txt p.tit a{color:#333333;}
table.list01 td.txt p.tit img{vertical-align:top;margin:0px 3px 0 0}
table.list01 td.txt dl.con{width:394px;clear:both;margin-bottom:3px}
table.list01 td.txt dl.con dt{float:left;width:48px;color:#666666;font-size:12px;background:url('../../images/bul_gr_b.gif') no-repeat 1px 4px;padding-left:6px;margin-bottom:2px;}
table.list01 td.txt dl.con dd{float:left;width:340px;color:#666666;font-size:12px;}

table.list02 {width:352px;margin-top:10px}
table.list02 td{padding-bottom:10px;}
table.list02 td.txt{padding-top:6px;}
table.list02 td.txt p.tit{color:#FF3649;font-size:12px;letter-spacing:-1px;font-weight:bold;margin-bottom:4px}
table.list02 td.txt p.tit a{color:#FF3649;}
table.list02 td.txt p.tit img{vertical-align:top;margin:0px 3px 0 0}
table.list02 td.txt dl.con{width:230px;clear:both;}/* 20090522 ¼öÁ¤ */
table.list02 td.txt dl.con dt{float:left;width:48px;color:#666666;font-size:12px;background:url('../../images/bul_gr_b.gif') no-repeat 1px 4px;padding-left:6px;margin-bottom:2px;}/* 20090522 ¼öÁ¤ */
table.list02 td.txt dl.con dd{float:right;width:176px;color:#666666;font-size:12px;margin-bottom:2px;}/* 20090522 ¼öÁ¤ */

table.list03 {width:352px;margin-top:10px}
table.list03 td{padding-bottom:10px;}
table.list03 td.txt{padding-top:2px;}
table.list03 td.txt p.tit{color:#333333;font-size:12px;letter-spacing:-1px;font-weight:bold;margin-bottom:3px}
table.list03 td.txt p.tit a{color:#333333;}
table.list03 td.txt p.tit img{vertical-align:top;margin:0px 3px 0 0}
table.list03 td.txt p.txt{color:#666666;font-size:12px;letter-spacing:-1px;line-height:1.2}
table.list03 td.txt p.icon img{vertical-align:top;}

table.date_list{width:352px; background:url('../../images/area04_table_bg.gif') no-repeat left top;table-layout:fixed}
table.date_list th{background:url('../../images/th_line.gif') no-repeat left 6px;text-align:center;padding-bottom:3px;}
table.date_list th.no{background:none;text-align:center}
table.date_list td{height:23px;background:none;text-align:center;font-size:11px;color:#666666;border-bottom:1px solid #ECECEC}
table.date_list td.subject{text-align:left;color:#666666;padding-left:5px}
table.date_list td.subject a{color:#666666;text-decoration:none}
table.date_list td.subject a:hover{text-decoration: underline;}

table.noti_tab01 {width:187px;height:22px;background:url('../../images/area02_tab_bg.gif') repeat-x left bottom;margin-bottom:10px;}

.input{padding:2px;border:1px solid #E7E7E7;}
.bt_more{position:absolute;right:0px;top:5px;}
.bul_sq_red {background:url('../../images/bul_sq_red.gif') no-repeat left 2px;padding-left:14px;margin-bottom:10px}

.bn_style01 {width:158px;border:5px solid #EBEBEB;background:#FFF;padding:10px;margin-bottom:11px;_margin-bottom:9px}
.bn_style02 {width:342px;height:122px;border:1px solid #E8E8E8;background:#EFEFEF;padding:4px;margin-bottom:13px;_margin-bottom:10px}

/*°í°´¼¾Å¸*/
.cl_left{float:left;width:177px;margin:28px 0 0 17px;_margin:26px 0 0 10px;}
.cl_center{float:left;width:340px;height:132px;_height:120px;background: url('../../images/dd_line.gif') no-repeat left top;padding:26px 0 0 9px;margin-right:15px;}
.cl_center ul{flaot:left;border:solid #e4e4e4; border-width:0 0 1px 0; margin-bottom:10px;height:18px;width:340px;}
.cl_center ul li{float:left;background: url('../../images/li_line_s.gif') no-repeat right 3px;padding:0 6px;color:#888888;letter-spacing:-2px;font-size:11px;}
.cl_center ul li a{color:#888888;}
.cl_center ul li.no{float:left;background:none;padding:0 6px;}
.cl_center ul li.sub_tit{float:left;font-size:11px;color:#666666;font-weight:bold;padding-right:9px;background: url('../../images/bul_arr_gr.gif') no-repeat right 3px;}
.cl_right{float:right;width:175px;margin:24px 15px 0 0;_margin:25px 7px 0 0;}

/*footer*/
.bar{background:#5C5C5C;width:957px;height:25px;}
.bar ul.menu{float:left;margin:6px 12px;_margin:6px 10px;}
.bar ul.menu li{float:left;margin-right:16px;}
.bar p.select{float:right;margin:4px 15px 0 0;_margin:3px 10px 0 0;}
dl.addr{margin-top:20px;}
dl.addr dt{float:left;width:220px;text-align:center}
dl.addr dd{float:left;}