@import url('common.css');
@import url('layoutsub.css');
body {font-family:Dotum;}
#navi_content {background:url('http://img.onfill.com/ver2/images/layout/top/navi_n1_off_v2.gif');}
#navi_content .m1 a:hover {background:url('http://img.onfill.com/ver2/images/layout/top/navi_n1_on_v2.gif') no-repeat -42px -8px;}
#navi_content .m2 a:hover {background:url('http://img.onfill.com/ver2/images/layout/top/navi_n1_on_v2.gif') no-repeat -195px -8px;}
#navi_content .m3 a:hover {background:url('http://img.onfill.com/ver2/images/layout/top/navi_n1_on_v2.gif') no-repeat -354px -8px;}
#navi_content .m4 a:hover {background:url('http://img.onfill.com/ver2/images/layout/top/navi_n1_on_v2.gif') no-repeat -488px -8px;}
#navi_content .m5 a:hover {background:url('http://img.onfill.com/ver2/images/layout/top/navi_n1_on_v2.gif') no-repeat -647px -8px;}
#navi_content .m6 a:hover {background:url('http://img.onfill.com/ver2/images/layout/top/navi_n1_on_v2.gif') no-repeat -787px -8px;}

#div_center,
#div_middle {width:900px; padding:0; overflow:hidden;}
#div_footer {_margin-top:-15px;}
*+html body #div_footer {margin-top:-15px;}
ul {margin:0; padding:0; list-style:none;}

.top_flash {background:#f7f7f7; margin:3px 0 9px; padding:5px 5px;}
.top_flash td {border:1px solid #dedede;}

.main_left {float:left; width:612px;}
.main_right {float:right; width:267px; background:#fafafa; border-left:1px solid #e0e1e3;}
.main_left img,
.main_right img {vertical-align:top;}
.main_left li,
.main_right li {line-height:12px;}

.w-knowhow {clear:both; margin-bottom:10px; border:1px solid #dedede; background:#e0eff1; height:81px; overflow:hidden;}
.w-knowhow h2 {float:left;border-right:1px solid #dedede;}
.w-knowhow li {float:left;}
.w-knowhow li a {display:block; height:81px; background-image:url('http://img.onfill.com/ver2/images/main2/menu_knowhow.gif'); background-repeat:no-repeat;}
.w-knowhow li a span {text-indent:-10000px; display:block;}
.knowhow1 a {width:105px;}
.knowhow2 a {width:105px; background-position:-105px 0;}
.knowhow3 a {width:105px; background-position:-210px 0;}
.knowhow4 a {width:104px; background-position:-315px 0;}
.knowhow5 a {width:105px; background-position:-420px 0;}
.knowhow6 a {width:105px; background-position:-525px 0;}
.knowhow7 a {width:105px; background-position:-630px 0;}

.w-beststroy {position:relative;}
.w-beststroy h2 {border:1px solid #dfdfdf; padding:0 !important; margin:0 !important;}
.w-beststroy .tab {position:absolute; top:1px; right:1px;width:415px; height:35px;}
.w-beststroy .tab li {float:left; }
.w-beststroy .result_list {margin-bottom:13px;}
.w-beststroy .result_list li {clear:both; width:596px; padding:12px 8px; border-top:1px solid #f1f1f1;height:70px; _padding-bottom:8px;}
*+html body .w-beststroy .result_list li  {padding-bottom:8px;}
.w-beststroy .result_list li.first {border-top:0;}
.w-beststroy .result_list li .thumb {float:left; margin-right:7px; border:1px solid #a3a3a3;}
.w-beststroy .result_list li .thumb img {width:86px; height:68px;}
.w-beststroy .result_list li .textinfo {float:left; padding-left:12px; width:480px }
.w-beststroy .result_list li .subject {color:#000; font-size:14px; font-weight:bold; padding:7px 0 8px;}
.w-beststroy .result_list li .subject a {color:#000 !important; }
.w-beststroy .result_list li .article {color:#a3a3a3; line-height:16px !important;}
.w-beststroy .result_list li .article .category {font-size:11px;}

.w-blog {width:612px;}
.w-blog h2 {margin:0 0 8px 7px !important;}
.w-blog .more {float:right; margin:-18px 4px 0 0;}
.w-blog .text {margin:0; padding:8px 0 6px 16px; border-top:2px solid #838383; border-bottom:1px solid #cbcbcb; background:url('http://img.onfill.com/ver2/images/main2/bul1.gif') no-repeat 8px 12px;}
.blog_list {margin-top:28px;}
.blog_list li {background:url('http://img.onfill.com/ver2/images/main2/dot_li.gif') no-repeat 4px 4px; padding:0 0 10px 13px;}
.blog_list li a {color:#404040 !important;}
.blog_list li .info {float:right; width:209px; font-size:11px;}
.blog_list li .info .blogname {color:#a3a3a3}
.blog_list li .info .bar {font-size:11px;}
.blog_list li .info .date {font-family:tahoma; }

.w-review {border-top:1px solid #e0e1e3;border-bottom:1px solid #e0e1e3;border-right:1px solid #e0e1e3; padding:3px;}
.w-help {position:relative; padding:22px 0 18px 19px; border-bottom:1px solid #dfdfdf;height:103px;}
*html .w-help {overflow:visible; height:1%;}
.w-help ul {margin:1px 0 0 0;}
.w-help .menu li {float:left; padding:5px 15px 0 0;}
.w-help ul.other li {float:left;padding:16px 7px 0 0;}
.ly_exchange {top:130px; left:16px;}
.ly_time {top:130px; left:63px;}

.cnt_list {padding:12px;}
.cnt_list h2 {margin:15px 0 3px 0 !important;}
.cnt_list .more {float:right; margin:-20px 0 0 0;}
.cnt_list ul { background:#FFFFFF; border:1px solid #e0e1e3; padding:15px 10px 5px 12px;}
.cnt_list li {background:url('http://img.onfill.com/ver2/images/main2/dot_li.gif') no-repeat 0 4px; padding:0 0 10px 10px;}
.cnt_list li a {color:#404040;}
.cnt_list li span {color:#a3a3a3;}
.cnt_list .orange a {color:#fe4e00; font-weight:bold;}
.cnt_list .bold a {color:#404040; font-weight:bold;}

.hot_news {padding:12px;}
.hot_news h2 {margin:15px 0 3px 0 !important;}
.hot_news .more {float:right; margin:-17px 0 0 0;}
.hot_news ul { background:#FFFFFF; border:1px solid #e0e1e3; padding:0px 10px 5px 12px; height:135px;}
.hot_news li a {color:#404040 !important;}

.hot_news li {font-size:0}
.hot_news li .thumb img {width:79px; height:55px; float:left;}
.hot_news li .textinfo {float:left; padding:5px 0 0 12px; width:120px}
.hot_news li .title {font-weight:bold; line-height:14px; color:#404040; font-size:12px;}
.hot_news li .date { font-family:tahoma; font-size:11px; color:#959595; padding-top:3px;}



.w-new  {border-bottom:1px solid #e0e1e3;}
.w-event {padding-bottom:95px;}
.w-news,
.w-recipe {padding-bottom:0px;}
.w-onfillblog {padding:22px 16px 42px 13px;}
.w-onfillblog .list {margin-top:7px; border:1px solid #dbdbdb; background:#f4f4f4; }
.w-onfillblog ul {border:1px solid #FFF; height:41px;}
.w-onfillblog li {float:left; padding:7px 3px 7px 0;}
.w-onfillblog li.first {padding-left:6px;}