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

.wrap_content {padding-top:5px;}

/************ Base css ************/
* { margin: 0; padding: 0;}
img			{ border: 0;}
.wrap_content a			{ color: #555; text-decoration: none; /* selector-dummy : expression(this.hideFocus=true);*/}
.wrap_content ul,
.wrap_content ol,
.wrap_content li	{ list-style: none;}
.wrap_content em			{ font-style: normal;}
.wrap_content input,
.wrap_content select,
.wrap_content img,
.wrap_content textarea	{ vertical-align: middle;}
.wrap_content table		{ width: 100%; border-collapse: collapse;}
.wrap_content fieldset	{ border: 0;}
.wrap_content hr			{ display: none;}

h1 img,h2 img,h3 img,#head img,#sub img,#footer img { vertical-align: top;}
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;
}

/************ Layout ************/


/*°Ë»ö*/
.boardArea form.sch {
	font-size: 11px;
	height: 25px;
	text-align: right;
	padding: 8px 0 0;
}

/*°Ô½ÃÆÇ-list*/
.bd_list {
	background: url(../img/common/bd_bg.gif) left top no-repeat;
	border-bottom: 1px solid #e3e3e3;
}
.bd_list th,
.bd_list td {
	font-size: 11px;
	color: #777;
}
.bd_list thead th {
	padding: 4px 0 0;
	height: 25px;
}
.bd_list tbody th,
.bd_list td {
	padding: 7px 10px 3px 10px;
	background: url(http://img.onfill.com/ver2/images/member/dot01.gif) left top repeat-x;
}
.bd_list td.center	{ text-align: center;}
.bd_list td.right	{ text-align: right;}

.bd_list tr:first-child td,
.bd_list tr:first-child th,
.bd_list tr.first td,
.bd_list tr.first th {
	background: transparent;
}

/*ÆäÀÌ¡*/
.page_num {
	text-align: center;
	padding: 20px 0 0;
	color: #c8c8c8;
}
.page_num a {
	color: #777;
	font-weight: bold;
}
.page_num a.current {
	color: #fc6800;
}
.page_num img {
	margin: -1px 0 0;
}
.page_num a.prev {
	margin: 0 5px 0 0;
}
.page_num a.next {
	margin: 0 0 0 5px;
}

/*button*/
.button {
	overflow: hidden;
	padding: 10px 0 0;
	text-align: right;
}
*html .button {
	overflow: visible;
	height: 1%;
}
.button img {
	vertical-align: top;
}
ul.button { text-align: left;}
ul.button li {
	display: inline;
}


/*°Ô½ÃÆÇ-view*/
.bd_view {
	table-layout: fixed;
	border-bottom: 2px solid #ececec;
}
.bd_view thead th {
	border: 2px solid #ececec;
	background: #fafafa;
	text-align: left;
	padding: 12px 0 9px 14px;
}
.bd_view tbody tr.head th {
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	padding: 8px 5px 6px 0;
	background: url(../img/common/bar01.gif) right center no-repeat;
}
.bd_view tbody tr.head td {
	font-size: 11px;
	padding: 8px 0 6px 5px;
	color: #999;
}
.bd_view tbody td.view {
	padding: 25px 0 10px 0;
	background: url(http://img.onfill.com/ver2/images/member/dot01.gif) left top repeat-x;
}
.bd_view tbody td.view #view_con {
	padding: 0 0 20px 0;
	background: url(http://img.onfill.com/ver2/images/member/dot01.gif) left bottom repeat-x;
}





/* ±âÁ¸ common.css */
/*float*/
.f_left { float: left;}
.f_right { float: right;}
.f_clear { clear: both;}

/*space*/
.spc_ss { margin-top: 10px;}
.spc_s { margin-top: 20px;}
.spc_m { margin-top: 30px;}


.cov_img { margin-left: -4px;}

/*text*/
#contents h2 {
	height: 20px;
}
#contents h2.title {
	padding: 0 0 0 14px;
	background-position: 0 1px;
	background-repeat: no-repeat;
}
em.txt {
	font-weight: normal;
	font-size: 11px;
	display: block;
	color: #999;
	margin: -1px 0 0;
}
em.line {
	display: inline;
}
.point {
	color: #fc6800;	
}


/******** Contents ********/
/*main-theme*/
.main_theme			{ overflow: hidden; margin-left: -4px; width: 680px;}
*html .main_theme	{ overflow: visible; height: 1%;}
.main_theme img		{ vertical-align: top;}

/*photo,text*/
.photo,
.text	{ float: left;}
.photo	{ position: relative;}

/*zoom*/
a.zoom	{ position: absolute; right: 3px;}
a.zoom img,
.tip img{ vertical-align: top;}
.tip	{ position: absolute; display: none;}

/*right-menu*/
.right_mnu { text-align: right;}
/*.right_mnu img { vertical-align: bottom;}*/

/*form-style*/
.wrap_content input.txt	{ border: 1px solid #c3c3c3; height: 14px; padding:2px 0 0 3px;}
.wrap_content textarea	{ border: 1px solid #dbdbdb; width: 100%; letter-spacing: -0.1em;}
.wrap_content textarea.textarea	{ font-size: 11px;}
.wrap_content input.radio,
.wrap_content input.check { margin: -2px 0 0;}
.wrap_content td input,
.wrap_content td select,
.wrap_content td textarea,
.wrap_content td img { margin-top: -2px;}

/****tab****/
.tab {
	overflow: hidden;
	border: 1px solid #E1E1E1;
	border-bottom: 0;
	padding: 4px 4px 0 4px;
	background: url(../img/common/tab.gif) left bottom #ebebeb repeat-x;
}
*html .tab {
	overflow: visible;
	height: 1%
}
.tab li {
	float: left;
	padding: 5px 10px;
	font-weight: bold;
}
.tab li em {
	font-weight: normal;
}
.tab li.on {
	padding: 5px 8px;
	border: 1px solid #E1E1E1;
	border-bottom: 0;
	background: #fff;
}
.tab li.on a {
	color: #399DAB;
}


/*ol-list-style*/
ol.num_list li { 
	padding: 2px 0 3px 20px;
	text-indent: -20px;
}
ol.num_list li img { 
	margin: -1px 0 0;
}
ol.num_list li li {
	padding: 1px 0 1px 0 20px;
}



/*table-style*/
.data_tb {
	border: 1px solid #e5e5e5;
}
.data_tb th,
.data_tb td,
.bd_view td .data_tb thead th {
	text-align: center;
	border-left: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
}
.data_tb thead th,
.bd_view td .data_tb thead th,
.boardArea .data_tb thead th {
	padding: 7px 0;
	background: #f0f0f0;
}
.data_tb td {
	color: #777;
	padding: 6px 0 3px 0;
}
.data_tb td.subject {
	text-align: left;
	padding: 6px 0 3px 10px;
}
.data_tb td.cash {
	text-align: right;
	padding: 6px 10px 3px 0;
}


.tb_write .data_tb {
	border: 0;
}
.tb_write .data_tb th,
.tb_write .data_tb td {
	text-align: left;
	border: 1px solid #dbdbdb;
}
.tb_write .data_tb th {
	background: #e6e6e6;
	padding: 7px 0;
	border-left: 0;
	font-weight: normal;
}
.tb_write .data_tb th img {
	margin-left: 15px;
}
.tb_write .data_tb td {
	padding: 5px 0 5px 15px;
	border-right: 0;
	font-size: 11px;
}
.tb_write .data_tb td p {
	margin: 3px 0 -3px 0;
}
.tb_write .data_tb td p,
.tb_write .data_tb td em {
	letter-spacing: -0.1em;
}
.tb_write p.article {
	color: #fc6000;
	text-align: right;
	font-size: 11px;
	letter-spacing: -0.1em;
	margin: -15px 0 -2px 0;
}
.tb_write .data_tb .non {
	margin: 7px 0 0;
}
.tb_write .data_tb .non td {
	border: 0;
	padding: 0;
	font-size: 12px;
	letter-spacing: -0.1em;
}


.info_write .data_tb {
	border: 1px solid #dbdbdb;
}
.info_write p.article {
	font-size: 11px;
	color: #fc6000;
	text-align: right;
	margin: -18px 0 0;
}
.info_write .data_tb tbody th,
.info_write .data_tb tbody td {
	text-align: left;
	padding: 7px 15px 5px 15px;
	border: 1px solid #dbdbdb;
}
.info_write .data_tb tbody th {
	vertical-align: top;
	background: #e6e6e6;
	border-left: 0;
}
.info_write .data_tb thead th {
	border: 1px solid #dbdbdb;
	background: #e6e6e6;
}
.info_write .data_tb td {
	border-right: 0;
}
.info_write .data_tb th em {
	font-weight: normal;
}

/****»óÇ°¸®½ºÆ®****/
.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;
}

/*list*/
.pr_list {
	overflow: hidden;
	text-align: center;
}
*html .pr_list {
	height: 1%;
	overflow: visible;
}
.pr_list li {
	float: left;
	width: 169px;
}
.product_mov .pr_list	{ width: 616px; margin: 0 auto;}
.product_mov .pr_list li{ width: 154px; padding: 0;}

/*text*/
.pr_list li p {
	color: #333;
	font-weight: bold;
	padding: 5px 0 0;
}
.pr_list li p.price {
	color: #fc6800;
	font-weight: normal;
	padding: 2px 0 0;
}


/*ÀÌÀü/´ÙÀ½¸µÅ©*/
.prevNext a {
	position: absolute;
	top: 80px;
	display: block;
}
.prevNext a.prevList { left: 10px;}
.prevNext a.nextList { right: 10px;}


/*½æ³×ÀÏ°Ô½ÃÆÇ*/
.imgBoard .pr_list {
	padding: 0 0 4px 0;
	border-top: 2px solid #e6e6e6;
	border-bottom: 2px solid #e6e6e6;
}
.imgBoard .pr_list li {
	padding: 14px 0 12px 0;
}


/*°Ô½ÃÆÇ »ó´Ü*/
.article { overflow: hidden; height: 20px;}
.article p	{ float: left;}
.article ul { float: right;}
.article li { display: inline; color: #d3d3d3;}
.article p em,
.article li.on a { font-weight: bold;}





.text ul.link li {
	font-size: 11px;
	display: inline;
	background: url(../img/common/bar01.gif) left top no-repeat;
	padding: 0 0 0 8px;
	margin: 0 0 0 5px;
	letter-spacing: -0.1em;
}
.text ul.link li,
.text ul.link li a{
	color: #777;
}
.text ul.link li em {
	color: #fc6800;
	letter-spacing: 0;
}
.text ul.link li.first {
	background: transparent;
	padding: 0;
	margin: 0;
}







.layerpop {
	color: #777;
	width: 260px;
	position: relative;
	border: 5px solid #999;
	padding: 27px 27px 20px 27px;
}
.layerpop p.close {
	position: absolute;
	top: 4px;
	right: 4px;
}
.layerpop h1 {
	height: 22px;
}
.layerpop fieldset {
	overflow: hidden;
	padding: 8px 15px;
	border: 1px solid #e3e3e3;
	background: #f8f8f8;
}
*html .layerpop fieldset {
	overflow: visible;
	height: 1%;
}

.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 p.e_txt {
	font-size: 11px;
	line-height: 15px;
	padding: 0 0 8px 0;
}
.layerpop p.ce {
	text-align: center;
}



#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;
}
body#zipFrame {
	text-align: center;
	font-size: 11px;
}
.zipcode {
	width: 285px;
}
.zipcode th {
	padding: 0 0 10px 0; vertical-align:top;
	background: url(http://img.onfill.com/ver2/images/member/dot01.gif) left 17px repeat-x;
}
.zipcode td {
	text-align: left; vertical-align:top;
	padding: 1px 0 4px 7px;
}
.zipcode td a {
	letter-spacing: -0.1em;
}

#frame {
	padding: 9px 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/member/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;
}
#friend_mail {
	width: 510px;
	padding: 15px 15px 20px 15px;
}
#friend_mail h1 {
	height: 29px;
}






body#print {
	width: 720px;
	padding: 10px 20px 20px;
}
body#print h1 {
	float: left;
}
body#print h2 {
	height: 22px;
}
body#print ul.btn {
	float: right;
	padding: 32px 5px 0 0;
}
body#print ul.btn li {
	display: inline;
}
body#print .button {
	padding: 20px 0 0;
	text-align: center;
}
#print_con {
	clear: both;
	border: 1px solid #e3e3e3;
	padding: 20px;
}


/*text*/
.wrap_content  h2 {
	height: 20px;
}
.wrap_content  h2.title {
	padding: 0 0 0 14px;
	background-position: 0 1px;
	background-repeat: no-repeat;
}
.wrap_content em.txt {
	font-weight: normal;
	font-size: 11px;
	display: block;
	color: #999;
	margin: -1px 0 0;
}
.wrap_content em.line {
	display: inline;
}
.wrap_content .point {
	color: #fc6800;	
}


/* ±âÁ¸ member.css */
.join_con {
	margin: 25px 0 0;
	font-size: 11px;
	letter-spacing: -0.1em;
}
.join_con ol.txt {
	padding: 3px 11px;
	border: 1px solid #dbdbdb;
	margin: 0 0 5px 0;
}
.join_con ol.txt li {
	margin: 8px 0;
}

.join_con fieldset {
	margin-bottom: 15px;
	border:0;
}
.join_con input.check,
.join_con input.radio {
	margin: -3px 0 0;
}
.join_con div.textarea {
}
.join_con textarea.textarea {
	margin: 0 0 3px 0;
	width: 653px;
	padding: 10px;
	height: 100px;
	color: #999;
}

.dot {
	padding: 0 0 15px 0;
	background: url(http://img.onfill.com/ver2/images/member/dot01.gif) left bottom repeat-x;
}
.tb_write h2 {
	margin: 0 0 -20px 0;
}
.tb_write p {
	margin: 0 0 7px 0;
}





.onfill_msg {
	padding: 96px 0 0;
	height: 198px;
	border: 6px solid #e4e4e4;
	background: url(http://img.onfill.com/ver2/images/member/onfill_msg.gif) 100px 90px no-repeat;
}
.onfill_msg h2,
.onfill_msg p {
	margin: 0 auto;
	width: 360px;
	padding: 0 0 0 160px;
}
.onfill_msg p {
	padding: 10px 0 20px 160px;
}

p.warn {
	margin: 8px 0 0;
	font-size: 11px;
	letter-spacing: -0.1em;
	padding: 0 0 0 20px;
	background: url(http://img.onfill.com/ver2/images/member/ic_warn.gif) left top no-repeat;
}

#zipCode {width:350px;}
#zipCode fieldset {text-align: center;padding: 13px 0;}
#zipCode iframe {width: 305px;margin: 10px 0 0;border: 1px solid #c3c3c3;background: #fff;overflow-y:hidden;}

.join_con h2 {padding-bottom:8 !important; margin:0; height:12px;}
.join_con h2 img {margin-bottom:0 !important;}
.join_con fieldset label {color:#555;}