/* common.css | 사이트 공통의 style */

/************ common ************/
body {
	margin:0; padding:0;
	font-size:12px; color:#777; font-family:dotum, 돋움;
	background: url('http://img.onfill.com//ver2/images/layout/background.jpg') no-repeat top center;
	}
form, input, select, textarea, pre {
	margin:0; padding:0;
	font-size:12px; color:#777; font-family:dotum, 돋움;
	}
img {border:0 none;}
img.png24 { tmp:expression(setPng24(this)); }
em {font-style:normal;}
p {margin:0; padding:0;}
#accessibility, dfn, hr {display:none;}
table{ border-collapse: collapse;}
body,textarea,div {
	scrollbar-face-color : #ddd;
	scrollbar-shadow-color : #ccc;
	scrollbar-highlight-color : #ccc;
	scrollbar-3dlight-color : #f0f0f0;
	scrollbar-darkshadow-color : #f0f0f0;
	scrollbar-track-color : #f0f0f0;
	scrollbar-arrow-color : #fff;
}

a {color:#777; text-decoration:none;}
a:link {color:#777; text-decoration:none;}
a:visited {color:#777;}
a:hover {color:#777; text-decoration:underline;}
textarea, input.text {border:1px solid #e3e3e3; padding:2px 0 1px 4px;}
input.text2 {border:1px solid #c3c3c3; padding:1px 0 0 4px;}
input.dimed {background:#f4f4f4; border:1px solid #dfdfdf !important;}
input.b_none {border:none !important;}
table { border-collapse:collapse;}
/* 공통 폰트 스타일 */
p.text {margin:0;padding:15px 0 0 0;font-size:11px;line-height:16px;}
strong.title {color:#555;}
em.point {color:#fc6800;font-style:normal;}
a.point1 {color:#fc6800;}
.point1 {color:#fc6800;}
.point2 {color:#999;}
.point3 {color:#555;}

.fs11 {font-size:11px;}
.fs12 {font-size:12px;}
.ls0,
.ls0 li {letter-spacing:0px !important;}
.ls1 {letter-spacing:-1px;}
.t_point1 {color:#fc6800;}

.vm {vertical-align:middle;}
img.vm3 {vertical-align:middle; margin-bottom:3px;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mb30 {margin-bottom:30px;}
.pt3 {padding-top:3px;}
.lh16 {line-height:16px;}
.lh16 li {background-position:0 5px !important;}
a.line {text-decoration:underline;}
/************ common class ************/
.btn_cursor {cursor:pointer;}
.tabmenu {overflow: hidden;border: 1px solid #E1E1E1;border-bottom: 0;width:665px;margin:0 0 6px;padding: 4px 4px 0 4px;background: url('http://img.onfill.com/ver2/images/board/bg_tab.gif') left bottom #ebebeb repeat-x;}
*html .tabmenu {overflow: visible;height: 1%}
.tabmenu ul {margin:0; padding:0; list-style:none;}
.tabmenu li {float: left; font-weight: bold; margin-right:4px;}
.tabmenu li a {display:block; padding: 6px 8px 5px; color:#555;}
.tabmenu li a:hover {color:#399dab !important; text-decoration:none;}
.tabmenu a.on {padding: 5px 7px; border: 1px solid #E1E1E1; border-bottom: 0; background: #fff; color: #399dab;}
.tabmenu li span {font-weight:normal; letter-spacing:-1px;}

/* design select box */
/* select.type1 {behavior:url('http://stage-www.onfill.com/ver2/_lib/css/selectbox1.htc'); } */
select.type1 {behavior:url('/_lib/css/selectbox1.htc'); }
.selectbox table {}
.selectbox td {padding: 3px 0 0 3px !important;border: 0 !important; text-align:left !important; background:none !important;}
.selectbox img {margin:-2px 2px 0 0 !important; float:right;}
img.imgtext {margin:-2px 0 2px 0 !important; float:left !important; vertical-align:top;}
.layout {margin:0 !important; padding:0 !important; border:0 !important; vertical-align:top;}
.layout .selectbox {padding-top:2px;}
.layout td {border:0 !important;}
.img_select td {padding-top:2px;text-align:left;}
.img_select img {float:right; margin-bottom:2px; margin-right:2px !important;}
.img_select_item td {border-bottom:1px solid red !important;}


/* ul list style */
ul.common1 li {padding:4px 0 2px; background:url('http://img.onfill.com/ver2/images/common/bul1.gif') no-repeat 2px 5px; }
ul.ty_com1 {margin:0 13px 9px 13px;}
ul.ty_com1 .articleinfo {float:right; padding-right:2px; color:#999; font-size:11px; }
ul.ty_com2 {margin:0; padding:0; list-style:none;}
ul.ty_com2 li {font-size:11px;padding:0 0 0 9px;background:url('http://img.onfill.com/ver2/images/common/bullet/bul_arr_01.gif') 0 3px no-repeat;}
ul.ty_com2 li a {color:#777;}
span.bar {color:#cdcdcd;}
/* margin */
.tm_s {margin-top:13px;}
.tm_m {margin-top:27px;}
/* 상품리스트 */
.wrap_pr_list {clear:both;}
.wrap_pr_list h2 {border-bottom:2px solid #e6e6e6;}
.pr_list {clear:both; overflow:auto; margin:14px 0 0 0; padding:0; list-style:none;}
.pr_list td {width:114px; padding:0 0 0 60px; text-align:center; overflow:hidden;}
.pr_list td.first {padding: 0 0 0 5px;}
.pr_list td img {vertical-align:top;}
.pr_list .price {margin:0; padding:3px 0 0 0; color:#fc6800; font-weight:bold;}
.pr_list .price a {color:#fc6800;}
.pr_list .name {margin:0; padding:6px 0 0 0; font-weight:bold; color:#333;}
.pr_list .name a {color:#333; }
.pr_list .name em {display:block; font-size:11px; color:#999; font-style:normal; font-weight:normal;}
.pr_list .grade {padding:1px 0 2px;}
.pr_list .review {margin:6px 0 0;padding: 9px 0 0;width: 114px;letter-spacing: -0.1em;background: url('http://img.onfill.com/ver2/images/common/line5.gif') left top repeat-x;}
.pr_list .review .text {margin:0; padding:6px 0 0 0; font-size:11px;}
.pr_list .review .text a {text-decoration:none;}
.product,
.product_mov {position: relative;}
.product h2,
.product_mov h2 {margin-bottom: 15px;border-bottom: 2px solid #e6e6e6;}
.product .right_mnu,
.product_mov .right_mnu {margin: -35px 0 22px 0;}


/* 레이어공통 */
.layer {position:relative;  background:#FFF;}
.layer .ly_close {position:absolute; top:6px; right:6px;}
.layer h2.ly_title {margin:1px !important; padding:5px 0 3px 14px !important; background:#f0f0f0 !important; color:#555 !important; font-size:12px !important;}
.layer p {margin:0; padding:0;}
.layer .ly_button {text-align:center;}
.layer .ly_box1 {border:1px solid #e3e3e3; background:#f8f8f8;}

/* 로그인 레이어 */
.layerpop input,
.layerpop select,
.layerpop img,
.layerpop textarea	{ vertical-align: middle;}
.layerpop table		{ width: 100%; border-collapse: collapse;}
.layerpop fieldset	{ border: 0;}


.layerpop p.close {position: absolute;top: 4px;right: 4px;}
.layerpop h1 {margin:0; padding:0;height: 22px;}
.layerpop fieldset {overflow: hidden;padding: 8px 15px;border: 1px solid #e3e3e3;background: #f8f8f8;}
*html .layerpop fieldset {overflow: visible;height: 1%;}
.layerpop thead td {padding-bottom:9px; color:#555;}
.layerpop th,
.layerpop td {padding: 2px 0;text-align: left;font-size: 11px;letter-spacing: -0.1em;}
.layerpop th {color: #777;}
.layerpop .button {text-align: center;}
.layerpop .button input {vertical-align: top;}
.layerpop .layertxt {text-align: center;padding: 20px 0 18px 0;border: 1px solid #e3e3e3;background: #f8f8f8;font-size: 11px;line-height: 15px;}
.layerpop em.txt {font-weight: normal;font-size: 11px;display: block;color: #999;margin: -1px 0 0;}
.layerpop em.line {display: inline;}
.layerpop .point {color: #fc6800;}
.layerpop p.e_txt {font-size: 11px;line-height: 15px;padding: 0 0 8px 0;}
.layerpop p.ce {text-align: center;}
.layerpop h1,.layerpop h2,.layerpop h3,.layerpop h4,.layerpop h5,.layerpop input,.layerpop select,
.layerpop textarea {font-size: 12px;font-family: "Dotum","Area",sans-serif;line-height: 16px;color: #555;}
.layerpop select,.layerpop input {font-size: 11px;}
.layerpop input.txt {border: 1px solid #c3c3c3; height:14px; padding:2px 0 0 3px;}
.layerpop textarea {border: 1px solid #dbdbdb; width: 100%; letter-spacing: -0.1em;}
.layerpop textarea.textarea {font-size: 11px;}
.layerpop input.radio,.layerpop input.check {margin: -2px 0 0;}
.layerpop td input,.layerpop td select,.layerpop td textarea,.layerpop td img {margin-top: -2px;}
body#zipFrame {text-align: center;font-size: 11px;height:150px; overflow:auto;}
.layerpop #frame {padding: 9px 0;}
#login {padding: 27px;}
#login table {float: left;width: 166px;}
#login .imgButton {float: right;margin: 2px 0 0;}
#login .button {text-align: left;margin: 0 0 0 14px;}
#login input.check {margin: -3px 0 0;}
#login .button a {text-align: left;margin: 0 8px 0 0;}
#use_id .button {padding: 0;}
#use_id .not_use {width: 250px;margin: 0 auto;text-align: center;padding: 0 0 5px 0;background: url(http://img.onfill.com/ver2/images/common/dot01.gif) left bottom repeat-x;}
#use_id .re_input {width: 240px;margin: 0 auto;font-size: 11px;padding: 15px 0 5px 0;}
#use_id .re_input img {margin: -3px 0 0;}
#use_id label {font-size: 11px;font-weight: bold;letter-spacing: -0.1em;}
/*button*/
.layerpop .button {overflow: hidden;padding: 10px 0 0;text-align: center;}
*html .layerpop .button {overflow: visible;height: 1%;}
.layerpop .button img {vertical-align: top;}

/* spot icon */
.tb_spot_ic {text-align:left; margin:0; padding:0;}
.tb_spot_ic th {padding:0 !important; vertical-align:top; width:21px; background:none !important;}
.tb_spot_ic th img {margin:0 !important;}
.tb_spot_ic td {padding:3px 0 0 4px !important;vertical-align:top; text-align:left;}

.tb_spot_ic_map {text-align:left; margin:0; padding:0; background:#FFF; filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.73; cursor:pointer;}
.tb_spot_ic_map th {padding:1px 0 0 3px; vertical-align:top; width:22px; border:2px solid #80a2c2;border-right:0 none;}
.tb_spot_ic_map th img {margin:0 !important;}
.tb_spot_ic_map td {padding:3px 10px 0 2px !important; border:2px solid #80a2c2; border-left:0 none; color:#333; font-size:11px; line-height:15px; vertical-align:top; text-align:left; }

div.on .tb_spot_ic_map {background:#3e5e7d; filter:alpha(opacity=100); opacity:1.0; -moz-opacity:1;}
div.on .tb_spot_ic_map th {border:2px solid #FFF;border-right:0 none;}
div.on .tb_spot_ic_map td {border:2px solid #FFF; border-left:0 none; color:#FFF; }

.wrap_loading {border:1px solid #ebebeb; text-align:center; padding:25px 0 20px; clear:both;}
.wrap_loading p {padding:0 0 21px 0 !important; font-size:11px; line-height:14px; letter-spacing:-1px; color:#999;}

.button_c {text-align:center; padding-bottom:25px; padding-top:25px;}
.button_c img {vertical-align:top;}

.button_ty3 {padding:15px 0 30px;text-align:right;}
.button_ty3 img {vertical-align:top;}
.button_ty3a {padding:15px 0 0;text-align:right;}
.button_ty3a img {vertical-align:top;}
.button_ty3b {padding:15px 0;text-align:right;}
.button_ty3b img {vertical-align:top;}
.button_ty4 {padding:15px 0 0;text-align:center;}
.button_ty4 img {vertical-align:top;}

.select_star {position:relative; width:133px; height:16px; border:1px solid #c3c3c3; background:#FFF; z-index:99;}
.select_star .text {padding-top:3px;}
.select_star .current {padding:3px 5px 0; font-size:11px;}
.select_star .current img {margin-top:-2px;}
.select_star .btn_drop {position:absolute; top:2px; right:2px; vertical-align:top;}
.select_star .drop_list {position:absolute; top:16px; left:-1px; width:133px; background:#FFF; border:1px solid #c3c3c3;margin:0; padding:0;}
.select_star .drop_list li {background:none; margin:0; padding:3px 0 0 5px; cursor:pointer;}
.select_star .drop_list li a {text-decoration:none;}

#l_banner {position:absolute;top:142px; left:-105px;}
#l_banner p {padding:0 0 5px;}
#r_banner {position:absolute;top:363px; right:-133px;}