@charset "utf-8";

body,select,input,button,textarea,button{
  font-size:12px;
  line-height:1.231;
  font-family:Verdana, NanumGothic, 나눔고딕, Dotum, 돋움;
}
html, body, .container {
	height:100%;
}

/* layout */
.bg_on {
	background:#000 url(../../image/common/bg.gif);
}
.wrap,
.footer {
	width:980px;
	padding:0 10px;
	margin:0 auto;
	background-color:#fff;
}
.wrap {
	min-height:100%;
	height:auto;
	_height:100%;
	padding:0 10px;
	margin-bottom:-164px;
}
.push {
	padding-top:84px;
	height:163px;
}
.footer {
	height:164px;
}

/* header */
.header {
	margin-bottom:12px;
}
.h_wrap {
	padding:0 0 0 10px;
	border-bottom:1px solid #000;
}

.navi1 {
	padding-top:13px;
	padding-bottom:19px;
}
.navi2 {
	padding-top:14px;
	padding-bottom:14px;
}
.header .f,
.header .menu {
	float:left;
	width:234px;
	margin-right:10px;
	font-size:10px;
	font-family:Verdana, Tahoma, Arial;
	line-height:1.3;
}
h1 {
	width:96px;
	height:55px;
	background:url(../../image/common/logo.gif);
}
h1 a {
	display:block;
	height:100%;
}
.header .menu {
	width:234px;
}
.header .navi1 .menu {
	margin-top:11px;
}
.header .menu li {
	display:block;
}
.header .current,
.header .current a,
.pointcolor1 {
	color:#ff0000;
}

.header .search {
	float:left;
	position:relative;
	width:234px;
	margin-top:19px;
}
.header .search form,
.header .search form input,
.header .search form .b_w,
.header .search .bg_onoff_w {
	float:left;
}
.header .search form {
	width:159px;
	margin-right:9px;
}
.header .search .input_text {
	width:105px;
	height:23px;
}
.header .search .b_w {
	border:solid #000;
	border-width:1px 1px 1px 0;
}
.header .button_search {
	width:50px;
	height:24px;
	background-color:#c9c9c9;
	background-image:url(../../image/button/search.gif);
}
.header .bg_onoff,
.header .bg_onoff .b {
	background-image:url(../../image/button/button_bg_onoff.gif);
}
.header .bg_onoff_w {
	position:relative;
	border:1px solid #000;
}
.header .bg_onoff {
	display:block;
	width:51px;
	height:24px;
	background-position:50% 100%;
}
.header .bg_onoff .b {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:25px;
	height:24px;
	background-position:0 0;
}
.bg_on .header .bg_onoff .b {
	left:26px;
}

/* footer */
.footer .f_c {
	position:relative;
	border-top:1px solid #000;
}
.f_wrap {
	_display:inline;
	float:left;
	margin:11px 0 0 10px;
}
.f_wrap.f1 {
	width:235px;
}
.f_wrap.f2 {
	width:380px;
}
.f_wrap.f3 {
	width:335px;
}
.footer .menu {
	padding-left:10px;
	border-top:1px solid #000;
}
.footer .menu li {
	display:inline-block;
	*display:inline;
	height:40px;
	line-height:40px;
}
.footer .menu li.f {
	*padding-right:8px;
	*background:url(../../image/common/footer_menu_slash.gif) 100% 0 no-repeat;
}
.footer .menu li.f:after,
.footer .info dt:after {
	display:inline-block;
	margin-left:4px;
	content:"/";
}
.f_pay,
.footer .info {
	_display:inline;
	float:left;
}
.f_pay {
	width:126px;
}
.button_pay {
	width:126px;
	height:50px;
	background-image:url(../../image/common/footer_pay.gif) !important;
}
.footer .info {
	padding-left:10px;
}
.footer .info li {
	display:block;
	width:195px;
	font-size:11px;
	letter-spacing:-1px;
}
.footer .info dl,
.footer .info dt,
.footer .info dd {
	display:inline-block;
	*display:inline;
}
.footer .info dt {
	margin-right:2px;
	*padding-right:2px;
	*background:url(../../image/common/footer_menu_colon.gif) 100% 10% no-repeat;
}
.footer .info dt:after {
	margin:0 0 0 2px;
	content:":";
}
.footer p {
	font-family:helvetica, verdana, tahoma, arial;
	font-size:9px;
	line-height:1.3;
}
.footer .badge {
	display:block;
	position:absolute;
	top:-74px;
	right:7px;
	width:44px;
	height:32px;
	background:#fff url(../../image/common/footer_badge.gif) 0 0 no-repeat;
}


/* common */
a {
	color:#000;
	text-decoration:none;	
}

.button {
	display:inline-block;
	margin:0;
	padding:0;
	background:50% 50% no-repeat;
	border:0;
	cursor:pointer;
}

.input_text,
.select_b,
textarea {
	height:23px;
	border:solid #000;
	border-width:2px 1px 1px 2px;
	line-height:23px;
}
textarea {
	height:auto;
	padding:5px 0;
	font-family:NanumGothic, 나눔고딕, 돋움;
	line-height:normal;
}
.i_r {
	display:inline;
	width:13px;
	height:13px;
	margin:0;
	padding:0;
}
/* input_radio */
.i_r_w {
	text-align:center;
}
.i_r_w li {
	display:inline;
	padding:0 20px;
}
.i_r_w input,
.i_r_w label {
	vertical-align:top;
}
span.i_r_w {
	display:inline-block;
	min-height:16px;
	line-height:16px;
}
span.i_r_w * {
	vertical-align:baseline;
}
span.i_r_w input {
	position:relative;
	top:2px;
	*top:-2px;
	margin-right:2px;
}
.i_r_w label {
	display:inline-block;
	height:13px;
	cursor:pointer;
	line-height:13px;
}
span.i_r_w label {
	min-height:16px;
	line-height:16px;
}

.select_b {
	height:26px;
	*margin-top:5px;
	color:#000;
	font-size:11px;
	line-height:26px;
	text-transform:uppercase;
}

.text_box {
	padding:10px;
	border:1px solid #000;
}

.subcon {
	margin:0 10px;
}
.subcon_no_mr {
	margin-left:10px;
}
.page_title,
ol.page_title .f {
	margin-bottom:15px;
	*padding-left:12px;
	*background:url(../../image/common/bullet_pagetitle.gif) 1px 50% no-repeat;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
}
.page_title:before {
	display:inline;
	margin-right:3px;
	content:">";
}
ol.page_title {
	*padding-left:0;
	letter-spacing:-3px;
}
ol.page_title:before {
	margin-right:5px;
}
ol.page_title li {
	display:inline-block;
	*float:left;
	*zoom:1;
	height:11px;
	margin-right:10px;
	*padding-top:1px;
	line-height:11px;
	letter-spacing:normal;
}
ol.page_title li.f {
	width:223px;
	margin-bottom:0;
}
ol.page_title li.current {
	color:#ff0000;
	font-family:Verdana, NanumGothic, 나눔고딕, 돋움;
}
ol.page_title li.current.hav_a,
ol.page_title li.current.nr {
	color:#000;
}
ol.page_title li.f11 {
	font-size:11px;
}

.box_button_wrap,
.box_button_wrap .box_border {
	display:inline-block;
	background:#000 url(../../image/button/button_border_bg.gif) 100% 0 no-repeat;
}
.box_button_wrap {
	padding:0 1px 0 0;
}
.box_button_wrap .box_border {
	padding:0 0 1px 0;
	background-position:0 100%;
}
.box_button_wrap .box_border .b {
	display:block;
	float:left;
	border:1px solid #000;
}
.box_button_wrap .box_border .b.last {
	border-left-width:0;
}
.box_button_wrap .box_border .b .button {
	width:90px;
	height:23px;
	background-color:#fff;
}
.box_button_wrap .box_border .b.r .button {
	background-color:#ff0000;
}
.box_button_wrap .box_border .b.g .button {
	background-color:#c9c9c9;
}

/* quantity number */
.quantity_num {
	display:inline-block;
	*display:inline;
	position:relative;
	height:24px;
	padding-right:13px;
}
.quantity_num .input_text {
	display:block;
	width:23px;
	height:16px;
	margin-top:3px;
	*margin-top:0;
	padding:0 3px;
	border:1px solid #000;
	font-size:10px;
	line-height:16px;
	text-align:right;
}
.quantity_num .button_wrap {
	display:block;
	position:absolute;
	top:50%;
	right:0;
	margin-top:-9px;
}
.quantity_num .button {
	display:block;
	width:12px;
	height:9px;
	background-image:url(../../image/button/button_arrow2.gif);
}
.quantity_num .button_up {
	background-position:50% 2px;
}
.quantity_num .button_down {
	background-position:50% -7px;
}

.b_w {
	display:inline-block;
	border:1px solid #000;
}
.search_form .b_w {
	border-left-width:0;
}
.button_search {
	width:50px;
	height:24px;
	background-color:#c9c9c9;
	background-image:url(../../image/button/search.gif);
}



/* reset */
.clear {
	*zoom:1;
}
.clear:after {
	display:block;
	clear:both;
	content:"";
}

.blind {
	display:inline-block;
	visibility:hidden;
	position:absolute;
	overflow:hidden;
	width:0;
	height:0;
	font-size:0;
}