﻿@charset "utf-8";

/* 버튼 */
.btn_red_buy	{display:inline-block; *display:inline; min-width:1%; background:url('../../content/image/btn/btn-red-r.gif') no-repeat right top; vertical-align:middle; _vertical-align:top;}
.btn_red_buy span	{display:inline-block; background:url('../../content/image/btn/btn-red-l.gif') no-repeat left top; color:#fff;}
.btn_red_buy a	{display:inline-block; min-width:61px; _width:61px; line-height:20px; font-weight:bold; white-space:nowrap; text-align:center;  font-size:16px;}
	.btn_red_buy a	{height:36px; padding:14px 21px 0 21px; *height:37px; *padding:13px 21px 0 21px;}
	:root	.btn_red_buy a	{height:37px; padding:13px 21px 0 21px;}
.btn_red_buy a:hover,	.btn_red_buy a:link,	.btn_red_buy a:visited,	 .btn_red_buy a:active	{color:#fff; text-decoration:none;}



/*button : white button*/

.btn_white	{display:inline-block; *display:inline; min-width:1%; background:url('../../content/image/btn/btn-white-r.gif') no-repeat right top; vertical-align:middle; _vertical-align:top;}

.btn_white span	{display:inline-block; background:url('../../content/image/btn/btn-white-l.gif') no-repeat left top; color:#666; }

.btn_white a	{display:inline-block; min-width:112px; _width:112px; line-height:20px !important; white-space:nowrap; text-align:center;}

	.btn_white a	{height:36px; padding:14px 14px 0 14px; *height:37px; *padding:13px 14px 0 14px;}

	:root	.btn_white a	{height:37px; padding:13px 14px 0 14px;}

.btn_white a:hover,	.btn_white a:link,	.btn_white a:visited,	.btn_white a:active	{color:#666; text-decoration:none;}

.btn_white	span	span	{display:inline-block; min-width:112px; _width:112px; line-height:20px !important; color:#666; white-space:nowrap; text-align:center;}

	.btn_white	span	span	{height:36px; padding:14px 14px 0 14px; *height:37px; *padding:13px 14px 0 14px;}

	:root	.btn_white	span	span	{height:37px; padding:13px 14px 0 14px;}
	
	
	


.btn_w_s	{background:url('../../content/image/btn/btn-w-small-l.gif') no-repeat left top; padding-left:3px;}

.btn_w_s span	{background:url('../../content/image/btn/btn-w-small-r.gif') no-repeat right top; color:#666; }

.btn_w_s a	{min-width:23px; _width:23px; margin-left:-3px; line-height:16px !important;}

	.btn_w_s a	{height:23px; padding:7px 15px 0 15px; *height:24px; *padding:6px 15px 0 15px;}

	:root	.btn_w_s a	{height:24px; padding:6px 15px 0 15px;}

.btn_w_s a:hover,	.btn_w_s a:link,	.btn_w_s a:visited,	.btn_w_s a:active	{color:#666; text-decoration:none;}

.btn_w_s	span	span	{min-width:23px; _width:23px; line-height:16px !important; color:#666;}

	.btn_w_s	span	span	{height:23px; padding:7px 15px 0 12px; *height:24px; *padding:6px 15px 0 12px;}

	:root	.btn_w_s	span	span	{height:24px; padding:6px 15px 0 12px;}
	
	
	
	
	

/*button : gray button*/

.btn_gray	{display:inline-block; *display:inline; min-width:1%; background:url('../../content/image/btn/btn-gray-r.gif') no-repeat right top; vertical-align:middle; _vertical-align:top;}

.btn_gray span	{display:inline-block; background:url('../../content/image/btn/btn-gray-l.gif') no-repeat left top; color:#fff; font-size:16px;}

.btn_gray a	{display:inline-block; min-width:112px; _width:112px; line-height:20px !important; white-space:nowrap; text-align:center;}

	.btn_gray a	{height:36px; padding:14px 14px 0 14px; *height:37px; *padding:13px 14px 0 14px;}

	:root	.btn_gray a	{height:37px; padding:13px 14px 0 14px;}

.btn_gray a:hover,	.btn_gray a:link,	.btn_gray a:visited,	.btn_gray a:active	{color:#fff; text-decoration:none;}

.btn_gray	span	span	{display:inline-block; min-width:112px; _width:112px; line-height:20px !important; color:#fff; white-space:nowrap; text-align:center;}

	.btn_gray	span	span	{height:36px; padding:14px 14px 0 14px; *height:37px; *padding:13px 14px 0 14px;}

	:root	.btn_gray	span	span	{height:37px; padding:13px 14px 0 14px;}

.btn_gray	input	{height:50px; border:none; background:url('../../content/image/btn/btn-gray-l.gif') no-repeat left top; color:#fff; font-size:16px; cursor:pointer}



.btn_g_s	{background:url('../../content/image/btn/btn-g-small-l.gif') no-repeat left top; padding-left:3px;}

.btn_g_s span	{background:url('../../content/image/btn/btn-g-small-r.gif') no-repeat right top; font:normal 13px malgun;}

.btn_g_s a	{min-width:23px; _width:23px; margin-left:-3px; line-height:16px !important;}

	.btn_g_s a	{height:23px; padding:7px 15px 0 15px; *height:24px; *padding:6px 15px 0 15px;}

	:root	.btn_g_s a	{height:24px; padding:6px 15px 0 15px;}

.btn_g_s a:hover,	.btn_g_s a:link,	.btn_g_s a:visited,	.btn_g_s a:active	{color:#fff; text-decoration:none;}

.btn_g_s	span	span	{min-width:1px; _width:1px; line-height:16px !important;}

	.btn_g_s	span	span	{height:23px; padding:7px 15px 0 12px; *height:24px; *padding:6px 15px 0 12px;}

	:root	.btn_g_s	span	span	{height:24px; padding:6px 15px 0 12px;}

.btn_g_s	input	{height:30px; background:url('../../content/image/btn/btn-g-small-r.gif') no-repeat right top; font:normal 13px malgun;}



/*button : gray button_small*/

.btn_g_ss	{background:url('../../content/image/btn/btn-g-td-lsmall-l.gif') no-repeat left top; padding-left:3px;}

.btn_g_ss span	{background:url('../../content/image/btn/btn-g-td-lsmall-r.gif') no-repeat right top; }

.btn_g_ss a	{min-width:23px; _width:23px; margin-left:-3px; line-height:16px !important; font-size:11px }

	.btn_g_ss a	{height:23px; padding:4px 15px 0 15px; *height:24px; *padding:3px 15px 0 15px;}

	:root	.btn_g_ss a	{height:24px; padding:4px 15px 0 15px;}

.btn_g_ss a:hover,	.btn_g_ss a:link,	.btn_g_ss a:visited,	.btn_g_ss a:active	{color:#fff; text-decoration:none;}

.btn_g_ss	span	span	{min-width:1px; _width:1px; line-height:16px !important;}

	.btn_g_ss	span	span	{height:23px; padding:4px 15px 0 15px; *height:24px; *padding:3px 15px 0 15px;}

	:root	.btn_g_ss	span	span	{height:24px; padding:4px 15px 0 12px;}
	
	
	
/*button : white button_small*/

.btn_w_ss	{background:url('../../content/image/btn/btn-w-ssmall-l.gif') no-repeat left top; padding-left:3px;}

.btn_w_ss span	{background:url('../../content/image/btn/btn-w-ssmall-r.gif') no-repeat right top; }

.btn_w_ss a	{min-width:21px; _width:23px; margin-left:-3px; line-height:16px !important; font-size:11px; letter-spacing:-1px }

	.btn_w_ss a	{height:21px; padding:3px 15px 0 15px; *height:22px; *padding:2px 15px 0 15px;}

	:root	.btn_w_ss a	{height:22px; padding:3px 15px 0 15px;}

.btn_w_ss a:hover,	.btn_w_ss a:link,	.btn_w_ss a:visited,	.btn_w_ss a:active	{color:#666; text-decoration:none;}

.btn_w_ss	span	span	{min-width:1px; _width:1px; line-height:16px !important;}

	.btn_w_ss	span	span	{height:21px; padding:3px 15px 0 15px; *height:22px; *padding:2px 15px 0 15px;}

	:root	.btn_w_ss	span	span	{height:22px; padding:3px 15px 0 12px;}
	
	
	
	
	
	
/*button : red button_small*/

.btn_r_ss	{background:url('../../content/image/btn/btn-r-ssmall-l.gif') no-repeat left top; padding-left:3px;}

.btn_r_ss span	{background:url('../../content/image/btn/btn-r-ssmall-r.gif') no-repeat right top; }

.btn_r_ss a	{min-width:21px; _width:23px; margin-left:-3px; line-height:16px !important; font-size:11px; letter-spacing:-1px }

	.btn_r_ss a	{height:21px; padding:3px 15px 0 15px; *height:22px; *padding:2px 15px 0 15px;}

	:root	.btn_r_ss a	{height:22px; padding:3px 15px 0 15px;}

.btn_r_ss a:hover,	.btn_r_ss a:link,	.btn_r_ss a:visited,	.btn_r_ss a:active	{color:#e70c0c; text-decoration:none;}

.btn_r_ss	span	span	{min-width:1px; _width:1px; line-height:16px !important;}

	.btn_r_ss	span	span	{height:21px; padding:3px 15px 0 15px; *height:22px; *padding:2px 15px 0 15px;}

	:root	.btn_r_ss	span	span	{height:22px; padding:3px 15px 0 12px;}
	
	
/*button : orange button_small*/

.btn_bl_ss	{background:url('../../content/image/btn/btn-bl-ssmall-l.gif') no-repeat left top; padding-left:3px;}

.btn_bl_ss span	{background:url('../../content/image/btn/btn-bl-ssmall-r.gif') no-repeat right top; }

.btn_bl_ss a	{min-width:21px; _width:23px; margin-left:-3px; line-height:16px !important; font-size:11px; letter-spacing:-1px }

	.btn_bl_ss a	{height:21px; padding:3px 15px 0 15px; *height:22px; *padding:2px 15px 0 15px;}

	:root	.btn_bl_ss a	{height:22px; padding:3px 15px 0 15px;}

.btn_bl_ss a:hover,	.btn_bl_ss a:link,	.btn_bl_ss a:visited,	.btn_bl_ss a:active	{color:#ffffff; text-decoration:none;}

.btn_bl_ss	span	span	{min-width:1px; _width:1px; line-height:16px !important;}

	.btn_bl_ss	span	span	{height:21px; padding:3px 15px 0 15px; *height:22px; *padding:2px 15px 0 15px;}

	:root	.btn_bl_ss	span	span	{height:22px; padding:3px 15px 0 12px;}
	
	
/*button : brown button_small*/

.btn_b_ss	{background:url('../../content/image/btn/btn-b-ssmall-l.gif') no-repeat left top; padding-left:3px;}

.btn_b_ss span	{background:url('../../content/image/btn/btn-b-ssmall-r.gif') no-repeat right top; }

.btn_b_ss a	{min-width:19px; _width:23px; margin-left:-3px; line-height:15px !important; font-size:11px; letter-spacing:-1px }

	.btn_b_ss a	{height:19px; padding:3px 5px 0 5px; *height:20px; *padding:2px 5px 0 5px;}

	:root	.btn_b_ss a	{height:20px; padding:3px 5px 0 5px;}

.btn_b_ss a:hover,	.btn_b_ss a:link,	.btn_b_ss a:visited,	.btn_b_ss a:active	{color:#fff; text-decoration:none;}

.btn_b_ss	span	span	{min-width:1px; _width:1px; line-height:16px !important;}

	.btn_b_ss	span	span	{height:19px; padding:3px 5px 0 5x; *height:20px; *padding:2px 5px 0 5px;}

	:root	.btn_b_ss	span	span	{height:20px; padding:3px 5px 0 5px;}
	

	









.btn_w_td_ls	{background:url('../../content/image/btn/btn-w-td-lsmall-l.gif') no-repeat left top; padding-left:3px;}

.btn_w_td_ls span	{background:url('../../content/image/btn/btn-w-td-lsmall-r.gif') no-repeat right top; color:#666; font:normal 11px Dotum !important;}

.btn_w_td_ls a	{min-width:1px; _width:1px; margin-left:-3px; line-height:14px !important; font-weight:normal !important;}

	.btn_w_td_ls a	{height:18px; padding:6px 9px 0 9px; *height:19px; *padding:5px 9px 0 9px; _height:18px; _padding:6px 9px 0 9px;}

	:root	.btn_w_td_ls a	{height:18px; padding:6px 9px 0 9px;}

.btn_w_td_ls a:hover,	.btn_w_td_ls a:link,	.btn_w_td_ls a:visited,	.btn_w_td_ls a:active	{color:#666; text-decoration:none;}

.btn_w_td_ls	span	span	{min-width:1px; _width:1px; line-height:14px !important; color:#666;}

	.btn_w_td_ls span	span	{height:18px; padding:6px 9px 0 6px; *height:19px; *padding:5px 9px 0 6px; _height:18px; _padding:6px 9px 0 6px;}

	:root	.btn_w_td_ls span	span	{height:18px; padding:6px 9px 0 6px;}

.btn_w_td_ls	input	{height:24px; background:url('../../content/image/btn/btn-w-td-lsmall-r.gif') no-repeat right top; font:normal 11px Dotum !important;}


.btn_td_w_01	a	{padding-left:14px; padding-right:14px;}












/* 기본형 - Table 및 선택 항목 */
.btn_lt	{}
.btn_lt span	{background:url('../../content/image/btn/bg_btn.gif') no-repeat 100% 0;}
.btn_lt span span	{min-width:26px; height:30px; margin-right:2px; padding:0 13px 0 15px; background-position:0 0; font-size:13px; line-height:28px; }
.btn_lt:hover span,	.btn_lt02:hover span	{background-position:100% -43px;}
.btn_lt:hover span span,	.btn_lt02:hover span span	{background-position:0 -43px;}
.btn_lt:active span,	.btn_lt02:active span	{background-position:100% -86px;}
.btn_lt:active span span,	.btn_lt02:active span span	{background-position:0 -86px;}
.btn_lt.lt span,	.btn_lt.lt span span	{background-image:url('../../content/image/btn/bg_btn_lt.gif');}
.btn_lt.gt span,	.btn_lt.gt span span	{background-image:url('../../content/image/btn/bg_btn_gt.gif');}
.btn_lt.lt span span,	.btn_lt.gt span span	{color:#fff;}

.btn_sb	{}
.btn_sb span	{background:url('../../content/image/btn/bg_btn_s.gif') no-repeat 100% 0;}
.btn_sb span span	{min-width:26px; height:23px; margin-right:2px; padding:0 5px 0 7px; background-position:0 0; font-size:11px; line-height:23px; letter-spacing:-1px; color:#FFF}
.btn_sb:hover span,	.btn_sb02:hover span	{background-position:100% -36px;}
.btn_sb:hover span span,	.btn_sb02:hover span span	{background-position:0 -36px;}
.btn_sb:active span,	.btn_sb02:active span	{background-position:100% -72px;}
.btn_sb:active span span,	.btn_sb02:active span span	{background-position:0 -72px;}
.btn_sb.sb span,	.btn_sb.sb span span	{background-image:url('../../content/image/btn/bg_btn_lt_s.gif');}
.btn_sb.gb span,	.btn_sb.gb span span	{background-image:url('../../content/image/btn/bg_btn_gt_s.gif');}

.btn_sw	{}
.btn_sw span	{background:url('../../content/image/btn/bg_btn_s.gif') no-repeat 100% 0;}
.btn_sw span span	{min-width:26px; height:23px; margin-right:2px; padding:0 5px 0 7px; background-position:0 0; font-size:11px; line-height:23px; letter-spacing:-1px;}
.btn_sw:hover span	{background-position:100% -36px;}
.btn_sw:hover span span	{background-position:0 -36px;}
.btn_sw:active span	{background-position:100% -72px;}
.btn_sw:active span span	{background-position:0 -72px;}
.btn_sw.sw span,	.btn_sw.sw span span	{background-image:url('../../content/image/btn/bg_btn_s.gif');}


/* -- button -- */
button,	.btn	{*overflow:visible; display:inline-block; margin:0; *margin:0 2px; padding:0; background:none; text-align:center; vertical-align:middle; border:none; white-space:nowrap; cursor:pointer;}
button::-moz-focus-inner	{padding:0; border:0;} /* 파이어폭스 버튼 내부 여백 제거 */
button span,	button span span,	.btn span,	.btn span span	{display:block; position:relative;}
button img,	.btn img	{vertical-align:middle; margin-top:-2px;}

td.td_button	.btn_w_td_ls	a,	.tb_product_n	td.td_button	.btn_rw_td_ls	a,	.tb_product_n	td.td_button	.btn_g_td_ls	a	{width:51px; padding-left:6px; padding-right:6px;}


