@charset "UTF-8";
body {
	margin:0px; padding:0px;
	background-color:#FFFFFF;	b
}

body, textarea, div, td {
	scrollbar-face-color:#F0F0F0;
	scrollbar-shadow-color:gray;
	scrollbar-highlight-color:#ffffff;
	scrollbar-3dlight-color:#F0F0F0;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-track-color:#F0F0F0;
	scrollbar-arrow-color:666666;
}
body, td, th, a, span	 	{ font-family:Arial,蹈框; color:#7b7b7b; font-size:9pt; line-height:160%; }
#main_body{
	width:1100px;
	background-image:url(img/frame/main_body_bg.gif);
	background-repeat:repeat-y;
	background-position:1005px 0px;
}
#outline{
	width: 1005px;
	background-image:url(img/frame/main_frame_bg.gif);
	background-repeat:repeat-x;
}
#header{
	height: 60px;
}
#logo{
	padding-left: 10px;
}
#top_menu{
	margin: 0px;
	width: auto;
	height: 100%;
}
#main_menu{
	height:101px;
	background-image: url(img/frame/main_menu_bg.gif);
	background-repeat: repeat-x;
}
#search_bar{
	padding-top:8px;
}
#search_control{
	height:28px;
	background-color:#7f7e77;
}
#content{
	width: 100%;
	padding-top:10px;
	padding-bottom:20px;
	background-image: url(img/frame/content_bottom_bg.gif);
	background-repeat: repeat-x;
	background-position:left bottom;
}
#main_content{
	width: 100%;
}
#main_banner{
	width: 100%;
}
#content_left{
	width: 180px;
	padding-left:10px;
	
}
#left_menu_middle{
	background-image: url(img/frame/left_menu_middle.gif);
	background-repeat: repeat-y;
	width:170px;
	height:100px;
}

#left_menu_bottom{
	background-image: url(img/frame/left_menu_bottom.gif);
	background-repeat: no-repeat;
	width:170px;
	height:10px;
}
#content_center{
	height: 300px;		
	padding-right:10px;	
	padding-left:0px;	
}
#content_right{		
	padding-left: 7px;
}
#left_col1{
	background-image: url(img/main/news.gif);
	background-repeat: no-repeat;
	background-position: 20px 0px;
	padding-top: 35px;
	padding-left: 13px;
	height: 190px;
	display: none;
}
#left_col1_body{
	width: 90%;
	margin-left: 15px;
}
#left_col2{
	background-image: url(img/main/notice.gif);
	background-repeat: no-repeat;
	background-position: 20px 0px;
	padding-top: 20px;
	height: 150px;
	margin-top: 20px;
	margin-bottom: 20px;
	display: none;
}
#left_col2_body{
	width: 90%;
	margin-left: 15px;
}
#bottom_menu{
	background-image: url(img/frame/bot_menu_bg.gif);
	height: 30px;
	width: 100%;
	background-repeat: no-repeat;
}
#footer{
	background-image: url(img/frame/bottom_copyright.gif);
	background-repeat: no-repeat;
	height:125px;
}
#navigate{
	height: 20px;
}
#shop_content{	
	width: 100%;
	padding: 0px;
	
}
#shop_title{
	padding-left:10px;
	padding-bottom:5px;
	height:75px;	
	background-image: url(img/frame/title_bg.gif);
	background-repeat: no-repeat;
}
#shop_body{
	height: 150px;
	padding-top:20px;	
	padding-left: 0px;
}
#content_title_org{
	padding-left:10px;
	padding-bottom:5px;
	height:62px;	
	background-image: url(img/frame/title_bg.gif);
	background-repeat: no-repeat;
}
#content_title{ /* 제주의 배너가 넓이고정(650)짜리 그림이라서 림시로 만든 새 배너 (블론드) */
	padding-left:10px;
	padding-bottom:5px;
	height:75px;	
	background-image: url(img/frame/title_bg.gif);
	background-repeat: no-repeat;
}
#content_body{
	height: 150px;
	padding-top:20px;	
	padding-left: 0px;
}
#content_banner{
	padding-bottom: 20px;
}
#common_content{
	width: 100%;	
	margin-bottom: 20px;
}
.left_title{
	background-image: url(img/frame/left_title_bg.gif);
	background-repeat: no-repeat;
	width:170px;
	height:36px;
}
.line1{
	background-color: #EAE8DB;
	height: 1px;
}
.line_img{
	height: 4px;
	background-image: url(img/title_line.jpg);
	background-repeat: repeat-x;
}
.content_head1{}
.content_head2{}
.shop_head1{
	padding-left: 0px;
}
.product_list{
	
}

.shop_head2{}
.list_spacing{
	width: 15px;
}

.error{
	background-color: #F6F6F6;
	height: 100px;
	width: 80%;
}
.error_frm{
	background-color: #F9F9F7;
}
.login_frm{
	background-image: url(img/member/login_bg.gif);
	background-repeat: no-repeat;
	height: 250px;
	width: 100%;
	background-position: 20px 0px;
}
.login_top{
	padding-top: 30px;
	padding-bottom: 15px;
}
.login_body{}
.join_frm{
	width: 99%;
	border:solid 5px #eaeaea;
}
.joinbox{
	border:5px solid #D4ECDF;
	width:100%;
	height:240px;
	padding:10px;
	overflow:auto;
	line-height:140%;}
.join_style{
	color: #7B7B7B;
	font-size: 11px;}
.join_center{
	height: 134px;
	width: 100%;
}
.userinfo_title{
	color: #55A079;
	font-size: 11px;
	letter-spacing:-0.05em;
}
.info_style{
	font-family: 蹈框,Arial;
	color: #898989;
	line-height:150%;
	}
ul { margin-top:0px; margin-bottom:0px;}
span.req { color:#CC0033; font-size:8pt; }
input, textarea, select { font-family:Arial,蹈框; color:#7b7b7b; font-size:9pt; border:1px solid #aaaaaa; }
input.rea, textarea.req, select.req { background-color:#e9e9e9; }
form { display:inline; margin:0px; padding:0px; }
.mainline { background-color:#CDCDCD; }

.nobox		{ border:0px; }
.nobg     { background-color:transparent; background-image:none; }
.red			{ color:#ff0000; }
.blue			{ color:#559F7A; }
.green		{ color:#008000; }
.gray			{ color:#333333; }
.s_green		{ color:#54A079; font-family:蹈框,Arial; font-size:11px; letter-spacing:-0.05em; line-height:160%; }
.s_gray		{ color:#7B7B7B; font-family:蹈框,Arial; font-size:11px; letter-spacing:-0.05em; line-height:160%; }
.s_white		{ color:#FFFFFF; font-family:蹈框,Arial; font-size:11px; letter-spacing:-0.05em; line-height:160%; }
.recent		{ color:#26708D; font-weight:bold; font-size:9pt; }
.size7en	{ font-size:7pt; font-family:arial; }
.size8en	{ font-size:8pt; font-family:arial; }
.size8ko	{ font-size:8pt; font-family:蹈框; }
.comment_recent { font-family:arial; font-size:7pt; color:#BDBD00; }

.link, a	{ color:#444444; text-decoration:none; line-height:120%; }
a.visited	{ color:#444444; }
a:hover		{ color:#111111; text-decoration:underline; }

.main_notice_date { color:#666560; font-family:蹈框; font-size:11px; letter-spacing:-0.05em; line-height:150%; }
.main_notice, a.main_notice { color:#666560; font-family:蹈框; font-size:11px; letter-spacing:-0.05em; text-decoration:none; line-height:150%; }
a.main_notice:visited		{ color:#666560; }
a.main_notice:hover			{ color:#000000; text-decoration:underline; }

.navi, a.navi			{ font-family:Arial,蹈框; font-size:11px; color:#fff; text-decoration:none; }
a.navi:visited		{ color:#fff; }
a.navi:hover			{ color:#000000; text-decoration:underline; }

.tmenu, a.tmenu		{ font-size:7pt; font-family:Arial; color:#27726A; text-decoration:none; }
a.tmenu:visited		{ color:#27726A; }
a.tmenu:hover			{ color:#F2F5F8; text-decoration:none; }

/*===== for List Box ===== */
.boxtable 	{ border:0px solid #ffffff; border-collapse:collapse; border-spacing:0; }
.boxline_t 	{ background-color:#a19f96; height:1px; }
.boxtitle		{ color:#ffffff; background-color:#dddbd4; font-size:11px; padding:6 2 6 2; font-weight:bold; letter-spacing:-0.05em; }
.boxline_b 	{ background-color:#a19f96; height:1px; }
.boxcont		{ background-color:#ffffff; padding:6 2 6 2; }
.boxcont2		{ background-color:#F9F9F9; }
.boxline 		{ background-color:#cccccc; height:1px; padding:0px; }
.boxline_e	{ background-color:#ededed; height:3px; padding:0px; }
.mini { font-family: Arial,蹈框; color:#7A7A7A; font-size:11px; letter-spacing:-0.05em; }
.mini_c { font-family: Arial,蹈框; color:#54A17F; font-size:11px; letter-spacing:-0.05em; }

/*===== for Popup Window =====*/
.popup_body   { margin:0px; padding:0px; background-image:none; background-color:#ffffff; }
.popup_title  { color:#333333; font-weight:bold; padding:8 5 5 15; height:32px; }
.popup_bottom { background-color:#F6F6F6; height:26px; text-align:right; padding:2 4 0 0; }
.barcolor1		{ background-color:#0054A6; }
.barcolor2		{ background-color:#8DC63F; }

/*===== for Page Selector =====*/
a.pgSelector 					{ font-size:8pt; color: #A6A6A6; }
a.pgSelector:visited 	{ color: #A6A6A6; }
a.pgSelector:hover 		{ color: #00AEEF; }
span.pgSelector				{ font-size:8pt; color: #A6A6A6; }
span.pgCurrent				{ font-size:10pt; color: #FF6088; font-weight:bold; }

/*===== for BBS =====*/
.small						{ font-family:Arial; font-size:8pt; }
.comment_num			{ font-family:Arial; font-size:7pt; color:#AAAA00; }
.hit_count				{ font-family:Arial; font-size:7pt; color:#888888; }
.nobox						{ border:0px; }

.bbsline_t				{ height:1px; background-color:#8f8f8c; padding:0px; }
.bbstitle					{ background-image:url(img/frame/board_head_bg.gif); background-repeat:repeat-x;font-size:12px; color:#686868;line-height:120%; padding:8 2 6 2; font-weight:bold; height:33px}
.bbstitle_v       { }
.bbsline_b				{ height:1px; background-color:#efefef; padding:0px; }
.bbsline          { background-color:#c8c7c3; padding:0px;padding-top:1px; }
.bbsline_e				{ height:1px; background-color:#8f8f8c; padding:0px;padding-top:1px; }

a.bbslink					{ color:#3e3e3e; text-decoration:none; }
a.bbslink:link		{ color:#3e3e3e; }
a.bbslink:visited	{ color:#3e3e3e; }
a.bbslink:hover		{ color:#00b5c5; text-decoration:underline; }
a.bbslink:active	{ color:#3e3e3e; }

.bbsline1_t				{ height:1px; background-color:#8f8f8c; padding:0px; }
.bbstitle1					{ background-image:url(img/frame/board_head_bg.gif); background-repeat:repeat-x;font-size:12px; color:#686868;line-height:120%; padding:8 2 6 2; font-weight:bold; height:33px}
.bbstitle1_v       { }
.bbsline1_b				{ height:1px; background-color:#efefef; padding:0px; }
.bbsline1          { background-color:#c8c7c3; padding:0px;padding-top:1px; }
.bbsline1_e				{ height:1px; background-color:#8f8f8c; padding:0px;padding-top:1px; }
.bbs_split	{background-image:url(img/frame/board_head_split.gif); background-repeat:no-repeat;width:100%;height:100%;}

a.bbslink1					{ color:#898989; text-decoration:none; }
a.bbslink1:link		{ color:#898989; }
a.bbslink1:visited	{ color:#898989; }
a.bbslink1:hover		{ color:#7850EF; text-decoration:underline; }
a.bbslink1:active	{ color:#333333; }

img.thumbs 			  { border:0px solid #cecece; padding:1px; margin-bottom:8px; }
img.norm					{ border:0px; filter:alpha(opacity=100); }
img.dimm					{ border:0px; filter:alpha(opacity=50);  }

.map{ color: #949494;font-size: 11px; font-family:gulim}

/* Rolling Style -- Must Modify*/
#pscroller1 {
	BORDER-RIGHT: #ededed 4px solid; BORDER-TOP: #ededed 4px solid;FONT-SIZE: 8pt; BORDER-LEFT: #ededed 4px solid; HEIGHT: 130px;BORDER-BOTTOM: #ededed 4px solid; FONT-FAMILY:Gulim; LETTER-SPACING: -1px;padding:5px;
}
#pscroller1 img{ margin-left:5px; margin-right:10px;margin-top:5px;}
#pscroller2 {
	BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e0e0e0 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; BORDER-LEFT: #e0e0e0 1px solid; WIDTH: 100%; PADDING-TOP: 5px; BORDER-BOTTOM: #e0e0e0 1px solid; FONT-FAMILY: verdana; LETTER-SPACING: -1px;
}
#pscroller1 A {
	/* TEXT-DECORATION: none */
}
#pscroller2 A {
	TEXT-DECORATION: none
}
.someclass {
	border:solid 5px #bfbfbf;
}
.main_itemsign1{
	background-image:url(img/main/item_sign1.gif) ;
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left:15px;
	color:#404040;
	font-weight:bold;
}
.main_itemsign2{
	background-image:url(img/main/item_sign2.gif) ;
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left:15px;
}
.list_frame{
	border:solid 1px #bfbfbf;
	padding:5px;
	margin-left:-15px;
	height:150px;
	color:#666560;
	font-weight:normal;
}
.bottom_menu {
	border-right:solid 1px #505b85;
}
.bottom_menu a{
	font-family:Gulim;
	font-size:11px;
	color:#505b85;
}
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #aeaeae;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #aeaeae;
 border-bottom: none;
 background-color: #eaeaea; 
 background-image:url(img/tabs/tabs-sprite.gif);
 background-position:0px -201px;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #623d1d; }
ul.tabbernav li a:visited { color: #626262; }

ul.tabbernav li a:hover
{
 color: #e1743b;
 border-color: #bdbdbd;
 background-color: #f3f3f3; 
 background-image:url(img/tabs/tabs-sprite.gif);
 background-position:0px -251px;
 
}

ul.tabbernav li.tabberactive a
{
 color:#d84a00;
 background-color: #eaeaea;
 border-bottom: 1px solid #eaeaea;
 background-image:url(img/tabs/tabs-sprite.gif);
 background-position:0px -151px;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #ff7730;
 background-color: #eaeaea;
 border-bottom: 1px solid #eaeaea;
 background-image:url(img/tabs/tabs-sprite.gif);
 background-position:0px -151px;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aeaeae;
 border-top:0;
 background-color:#eaeaea;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
.bbsframe{
	border:solid 0px #bfbfbf;
	padding:15px;
}
.sum{
	border-bottom:solid 1px #000;
	color:#559F7A;	
}
.agreement{
	width:100%;
	height:200px;
	border:solid 1px #ccc;
	overflow:auto;
	
}
.currency_item{
	font-size:12px;
	line-height:12px;
}

.list_body{
border:solid 1px #7f7f7f;
padding:10px;
padding-top:0px;
}
.list_title{
	position: relative;
	left: 10px;
	top: -10px;
	background-color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	width: 60px;
	font-weight:bold;
}
.top_tab_bg{
	text-align:right;
	border-bottom:solid 1px #aeaeae
}
.top_tab_bg a{
	text-decoration: none;
}
.top_tab{
 	position:relative;
 	top:1px;
	border:solid 1px #aeaeae;
	background-color:#eaeaea;
	padding-left:3px;
	padding-right:3px;
}
.top_tab_selected{
	color:#d84a00;
	position:relative;
 	top:1px;
	border:solid 1px #aeaeae;
	border-bottom:solid 1px #fff;
	padding-left:3px;
	padding-right:3px;
}
.list_hd {
	background-color:#e9e9e9;
	border:solid 1px #cecece;
}
.list_content {
	border-bottom:dotted 1px #e7e7e7;
}
.list_start {
	background-color:#d4d4d4;
	heigth:2px;
}
.list_end {
	background-color:#d4d4d4;
	heigth:2px;
}
.detail_item1 {
	background-color:#f7f7f7;
	color:#73a506;
	font-weight:bold;
	
}
.detail_item1_data {
	border-bottom:dotted 1px #f7f7f7;
}
.detail_item2 {	
	color:#b03d0a;
	font-weight:bold;
	
}
.bisugi {
	font-weight:bold;
}
.sengsugi_h{
	color:#a26d42;
	background-color:#f8f5ee;
	font-weight:bold;
}
.sengsugi{
	color:#c44f00;
	font-weight:bold;
}
.guksengsugi_h{
	color:#a26d42;
	background-color:#f8f5ee;
	font-weight:bold;
}
.guksengsugi{
	color:#16a7a7;
	font-weight:bold;
}
.price_item{
	color:#ff6e39;
	font-weight:bold;
}
.notice_item{
	color:#2c72a1;
	font-weight:bold;
}
.search_btn{
	background:transparent;
	background-image: url(img/frame/search_btn.gif);
	background-repeat: no-repeat;
	border:0px;
	width:60px;
	height:23px;
}
.cat_h1{
	background-image: url(img/frame/left_item1_bg.gif);
	background-repeat: repeat-x;	
	width:160px;
	height:37px;
	padding:3px;	
}
.cat_h1 a,.cat_h1 a .left_menu_e{
	color:#fff;
	text-decoration:none;
}
.cat_h1 a:hover,.cat_h1 a:hover .left_menu_e{
	color:#cecece;
	text-decoration:none;
}
.cat_h1 a .left_menu_e{
	font-size:9px;
}
.cat_h2{
	background-color:#f2f2f2;
	width:160px;
	border:solid 1px #dedede
}
.cat_h2 a,cat_h2 a .left_menu_e{	
	font-size:12px;
	line-height:18px;
	padding:3px;
	padding-left:1px;
	text-decoration:none;
}
.cat_h2_ro{	
	background-color:#e02b01;
	width:160px;
	border:solid 1px #dedede;	
}
.cat_h2_ro a:hover,.cat_h2_ro a,.cat_h2_ro a:hover .left_menu_e,.cat_h2_ro a .left_menu_e{
	color:#fff;	
	line-height:18px;
	padding:3px;
	text-decoration:none;
}
.cat_h2_ro a:hover .left_menu_e,.cat_h2_ro a .left_menu_e{
	font-family:arial;
	font-size:8px;	
	letter-spacing:0px;
	padding:0px;
}
.cat_h2 a .left_menu_e{	
	font-family:arial;
	font-size:8px;	
	letter-spacing:0px;
	padding:0px;
	color:#333;
}
.cat_sub{
	background-color:#fff;
	height:20px;
}
.cat_sub_ro{
	background-color:#e02b01;
	height:20px;
}
.quick_top{
	background-image:url(img/quick/quick_top_bg.gif);
	background-repeat:no-repeat;
	margin:0px;
	width:69px;
	height:50px;
	
}
.quick_middle{
	background-image:url(img/quick/quick_middle_bg.gif);
	background-repeat:repeat-y;
	padding:3px;
	width:69px;
	height:218px;	
	
}
.quick_bottom{
	background-image:url(img/quick/quick_bottom_bg.gif);
	background-repeat:no-repeat;
	width:69px;
	height:23px;
	cursor:pointer;
}
.quick_prev{
	background-image:url(img/quick/quick_prev_btn.gif);
	background-repeat:no-repeat; 
	background-position:0px 0x;
	width:61px;	
	height:10px;
	
}
.quick_next{
	background-image:url(img/quick/quick_next_btn.gif);
	background-repeat:no-repeat; 
	background-position:0px 3px;
	width:61px;
	height:13px;
	
}
.today_prod{
	width:61px;
	height:61px;
	margin-top:2px;
	margin-bottom:2px;
}
.normal_table{
	border-collapse:collapse;
	border:solid 1px #cecece;
}
.normal_table td{
	border:solid 1px #cecece;
}
.normal_table th{
	border:solid 1px #cecece;
	background-color:#efefef;
}
.table_header{
	background-color:#efefef;
	border:solid 1px #cecece;
}
.no_border_table{
	border-collapse:collapse;
	border:0px;
}
.no_border_table td{
	border:0px
}