@import url('common.css');
@import url('layoutsub.css');
@import url('board.css');

/* main */
.main ul {margin:0; padding:0; list-style:none;}
.main p {margin:0; padding:0;}
.main h1 {display:none;}

.main .maintop {clear:both; overflow:auto; width:650px; margin:0 0 30px -5px; padding:22px 0 13px 20px; border:5px solid #d9ceca; background-color:#fdfdfd;}
*html .main .maintop {overflow:visible;height:1%;}
.main .wrap_linkbanner {float:left; padding:1px 0;}
.main .wrap_faq {float:left;width:364px; margin-right:19px; display:inline;}
.main .wrap_faq ol {margin:0; padding:0; list-style:none;}
.main .wrap_faq h2 {margin-bottom:8px !important; border-bottom:2px solid #ececec; padding-bottom:9px !important;}
.main .wrap_faq h2 .more {margin-top:-15px;}
.main .wrap_faq li {padding:7px 0 3px 21px; border-top:1px solid #ebebeb; background: url('http://img.onfill.com/ver2/images/help/main_num.gif') no-repeat;}
.main .wrap_faq li.first {border-top:0 none;}
.main .wrap_faq li.num1 {background-position:0 6px;}
.main .wrap_faq li.num2 {background-position:0 -18px;}
.main .wrap_faq li.num3 {background-position:0 -44px;}
.main .wrap_faq li.num4 {background-position:0 -69px;}
.main .wrap_faq li.num5 {background-position:0 -94px;}
.main .wrap_faq li.num6 {background-position:0 -119px;}
.main .wrap_faq li.num7 {background-position:0 -144px;}
.main .wrap_faq li .category {float:left; width:72px; font-size:11px;}
.main .wrap_notice {float:left; margin:0; width:384px; margin-right:-3px;}
.main .wrap_notice h2 {border-bottom:1px solid #ececec; margin-bottom:10px !important;}
.main .wrap_notice h2 .more {margin-top:-15px; margin-right:2px;}
.main .wrap_notice ul {margin-top:5px;}
.main .wrap_helpdesk {margin:0; width:267px;}
.main .wrap_helpdesk h2 {border-bottom:1px solid #ececec; margin-bottom:9px !important;}
.main .wrap_helpdesk h2 .more {margin-top:-15px;}
.main .wrap_faqlink {float:left; width:388px; margin-right:15px;}
.main .wrap_faqlink ul {border-left:1px solid #eaeaea; border-top:1px solid #eaeaea; overflow:auto;}
*html .main .wrap_faqlink ul{overflow:visible; height:1%;}
.main .wrap_faqlink ul li {float:left; border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;}
.main .wrap_faqlink ul li img {vertical-align:top;}

/* main common  */
ul.ty1_main {margin:-3px 0 0 0;}
ul.ty1_main li {margin-top:4px; padding: 0 0 0 6px; background: url('http://img.onfill.com/ver2/images/common/bul11.gif') 0 4px no-repeat;}
ul.ty1_main li a {color:#777; }
ul.ty1_main li a:hover {text-decoration:underline;}


/* °Ô½ÃÆÇ »ó´Ü */
p.description {margin:0 0 0 -1px; padding:13px 0 7px 0; font-size:11px; color:#888;}
p.description em {color:#333;}
p.description2 {border-top:2px solid #e6e6e6; margin:0px 0 0 -1px; padding:44px 0 40px 256px; color:#777;background: url('http://img.onfill.com/ver2/images/help/ask_top_img1.jpg') 0 46px no-repeat; line-height:18px}
p.description2 img {margin:0 0 8px -3px;}
.bd_notice tbody td {padding:7px 0 4px 0;}
.bd_notice tbody .a_left {padding-left:30px !important;}
.bd_list tbody.small td {padding-top:8px !important; padding-bottom:4px !important;}
.bd_list tbody.small td.a_left {padding-top:7px !important; font-size:12px;}
.bd_list tbody.small td.img {padding:4px 0 5px !important;}
.bd_list tbody tr.answer td {background:#ebebeb;  text-align:left; padding:0 !important;}
.bd_list tbody tr.answer td .re {background:#ebebeb url('http://img.onfill.com/ver2/images/common/icon/ic_re.gif') no-repeat 126px 11px; padding:11px 10px 8px 180px !important;}
.bd_list tbody tr.first td {border:0;}
.bd_list tbody td.none {padding:80px 0 110px !important; border-top:none; font-size:12px;}

/* °í°´ÀǼҸ® */
.help_writeform {padding:15px; border:1px solid #e3e3e3; background-color:#f7f7f7;}
.help_writeform th {vertical-align:top; padding:7px 0 7px 0; text-align:left; color:#555;}
.help_writeform td {vertical-align:top; font-size:11px; padding:3px 0 0px 0 ;}
.help_writeform td.ty2 {color:#555;}
.help_writeform .td_email td {padding-top:0;}
.help_writeform .td_email .mail {margin:3px 5px 0;}
.help_writeform .mail {margin:0 5px;}
.help_writeform textarea{border:1px solid #c3c3c3; padding:8px 0 0 4px; vertical-align:middle;}
.help_writeform input {border:1px solid #c3c3c3; padding:2px 0 1px 4px; vertical-align:middle;}
.help_writeform img {vertical-align:middle;}
p.notice {margin-top:8px; padding: 0 0 0 7px; background: url('http://img.onfill.com/ver2/images/common/bul2.gif') 0 4px no-repeat; letter-spacing:-1px;}
.help_writeform .selectbox img {border-top:1px solid #FFF;}
/* ¸Þ¼¼Áö¹Ú½º */
.onfill_msg {border:5px solid #D9CFC9; text-align:center; padding:25px 0 27px;}
.onfill_msg p {margin:0; padding:0;}
.onfill_msg .tx_list {margin:28px 8px 0 0; line-height:16px;font-size:11px; letter-spacing:-1px;}
.onfill_msg .submsg {padding:6px 0 40px;}

/* FAQ */
.wra_faq {margin:0 0 27px; padding:10px 13px 3px; border:5px solid #d9cfc9; overflow:auto;}
*html .wra_faq {overflow:visible;height:1%;}

.faq_category {float:left; width:385px;; padding:9px 0 0 0;}
.faq_category th {padding: 3px 0 0 7px; background: url('http://img.onfill.com/ver2/images/common/bul2.gif') 0 5px no-repeat; letter-spacing:-1px; text-align:left; font-size:11px ;color:#555;vertical-align:top;}
.faq_category td {font-size:11px;vertical-align:top; padding-bottom:12px;}
.faq_category td ul {margin:0; padding:0; list-style:none;}
.faq_category ul {margin:0; padding:0; list-style:none; }
.faq_category ul li {float:left;padding:0 4px 1px 5px; background:url('http://img.onfill.com/ver2/images/common/bar01.gif') no-repeat 0 3px; text-align:center; letter-spacing:-1px;}
.faq_category ul li a {display:block; padding:3px 0 0 0; margin-right:1px; }
.faq_category ul li a.on {background:#b4a27b; color:#FFF; font-weight:bold;}
.faq_category ul li.col1 {width:31px; background:none;}
.faq_category ul li.col2 {width:33px;}
.faq_category ul li.col3 {width:33px;}
.faq_category ul li.col4 {width:40px;}
.faq_category ul li.col5 {width:58px;}
.faq_category ul li.col6 {width:33px;}
.faq_category ul li.col7 {width:53px;}
.faq_category ul li.col8 {width:63px;}
.faq_category ul li.col9 {width:30px;}

.faq_search {float:left; border-left:1px solid #d0d0d0; height:179px; padding:10px 0 0 17px;}
.faq_search .article {width:222px; height:130px; background:url('http://img.onfill.com/ver2/images/help/faq_search.gif') no-repeat;}
.faq_search input {border:1px solid #c3c3c3; vertical-align:middle;}
.faq_search img {vertical-align:middle;}

h2.category {margin-bottom:5px !important; padding:0 0 0 15px !important; background:url('http://img.onfill.com/ver2/images/common/bul_h2.gif') no-repeat 1px 0; font-size:11px; color:#333;}
h2.category .current {color:#777; font-size:11px;}
p.search_result {padding:3px 0 12px; color:#333;}
p.search_result em {font-weight:bold;}

.bd_view tbody td .wrap_aritcle_q {padding:14px 15px 15px 32px; line-height:16px; background:url('http://img.onfill.com/ver2/images/board/ic_q2.gif') no-repeat 14px 13px;}
.bd_view tbody td .wrap_aritcle_a {padding:14px 15px 15px 32px; line-height:16px; background:url('http://img.onfill.com/ver2/images/board/ic_a2.gif') no-repeat 14px 13px #f5f5f5; border:1px solid #ededed; margin-bottom:19px;}

.wrap_mailto {float:left; margin:0 0 0 22px; padding:22px 0 30px 12px; border-left:1px solid #ebe6e3;}