@charset "utf-8";

* { margin:0; padding:0; } 

/* 관리자 수정페이지 */
.admin_setup { font-size:12px; width:100%; background:#fff; border:1px solid #bababa; border-collapse:collapse; }
.admin_setup_title { background-color:#D0D0D0; }

/* 공통 적용 영역 입력폼 스타일 */
img {border:none;}
.input { background-color:#ffffff; color:#666666; font-family:Malgun Gothic, dotum; font-size:12px; height:19px; border : 1px solid #dadada; padding-left:3px;}
.textarea { font-family:Malgun Gothic, dotum, tahoma, Georgia; color:#666666; font-size:11px; border : 0px solid #dadada; line-height:16px; width:450px; height:110px;}
.select { font-family:Malgun Gothic, dotum, tahoma, Georgia; color:#666666; font-size:11px; border:1px #cccccc solid; height:18px;}

/*  공통 적용 영역 박스,내용스타일 */
#abtn_div { width:800px; text-align:right; border:0px;}
#abtn_pgdel { position:relative; width:0px; height:0px; left:2px; top:-15px; line-height: 0;}
#abtn_option { position:relative; width:0px; height:0px; left:15px; top:-15px; line-height: 0;}

/* 테이블 공통 스타일 */
/*
.gu_table01 {color:#666; padding:5px; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0;}
.gu_table02 {color:#666; width:120px; height:30px; text-align:right; padding-right:10px; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0;}
.gu_table03 {color:#666; text-align:center; height:30px; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0;}
.gu_table04 {color:#666; font:11px; padding:8px;}
.gu_table05 {color:#666; width:70px; height:30px; text-align:right; padding-right:8px; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0;}
.gu_table06 {color:#666; width:30px; height:30px; text-align:right; padding-right:8px; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0;}
*/
.gu_table01 {color:#666; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0; width:630px; padding:5px;}
.gu_table02 {color:#666; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0; width:120px; height:30px; text-align:right; padding-right:10px;}
.gu_table03 {color:#666; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0; width:350px; text-align:center; height:30px;}
.gu_table04 {color:#666; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0; width:160px; text-align:center;}

.gu_table05 {color:#666; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0; width:70px; text-align:right; padding-right:10px;}
.gu_table06 {color:#666; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0; width:90px; text-align:right; padding-right:10px;}
.gu_table07 {color:#666; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0; width:250px; text-align:left; padding:5px;}
.gu_table08 {color:#666; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0; width:140px; text-align:left; padding:5px;}
.gu_table09 {color:#666; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0; width:100px; text-align:center; height:100px;
}

.gu_table00 {color:#666; font:11px; padding:8px;}


.gu_vtable01 {color:#666; text-align:center; height:30px; background:#f7f7f7; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0; color:#333;}
.gu_vtable02 {color:#666; text-align:center; height:30px; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0;}
.gu_vtable_bottom {text-align:center; border:0px solid red;}

/* 폼 버튼div */
.btn_check {width:100%; text-align:center; margin:15px 0;}
.btn_check ul {border:0px solid red; margin-top:10px;}
.btn_check ul li {display:inline; border:0px solid red; padding:0; margin:0; height:30px; }
.btn_check_right {width:100%; text-align:right;}
.btn_check_right ul {border:0px solid red; margin-top:10px;}
.btn_check_right ul li {display:inline; border:0px solid red; padding:0; margin:0; height:30px; }

/* 테이블상단 정보표시 */
.gu_info01 {width:100%; padding:5px; border:0px solid red;}

/* 비밀번호 입력부 */
.gu_pwd01 {width:308px; margin:0 auto; padding:10px; border:1px solid #dedede;}

/* 확장관리 레이어 */
.gu_extent01 {width:750px; margin:10px 10px 0 0; float:right; border:0px solid red;}

/* 확장관리에디터 */
.gu_editor01 {width:100%; border:0px solid red;}

/* 말풍선 디자인 */
#qTip {
 padding: 3px;
 border: 1px solid #666;
 display: none;
 background: #999;
 color: #FFF;
 font: bold 11px Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
}

i {
  font-style: normal;
  text-decoration: underline;
}

/* Button Reset */
.button,
.button a,
.button button,
.button input { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url(../img/buttonWhite.gif) no-repeat; overflow:visible; color:#333;}
.button { height:23px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
.button a,
.button button,
.button input{ left:2px; vertical-align:top; cursor:pointer;}

/* Button Size */
.button.large { height:29px; background-position:left -30px; }
.button.xLarge { height:35px; background-position:left -65px; }
.button.small { height:18px; background-position:left -107px; }
.button a,
.button button,
.button input { height:23px; padding:0 10px 0 8px; font-size:12px; line-height:23px; background-position:right top;}
.button.large a,
.button.large button,
.button.large input { height:30px; padding:0 10px 0 8px; font-size:16px; line-height:29px; background-position:right -30px;}
.button.xLarge a,
.button.xLarge button,
.button.xLarge input { height:35px; padding:0 10px 0 8px; font-size:20px; line-height:35px; background-position:right -65px;}
.button.small a,
.button.small button,
.button.small input { height:18px; padding:0 6px 0 4px; font-size:11px; line-height:18px; background-position:right -107px;}

/* Button Text Color */
.button *:hover,
.button *:active,
.button *:focus{ color:#690;}
.button.green,
.button.green a,
.button.green button,
.button.green input { background-image:url(../images/buttonGreen.gif); color:#fff;}
.button.green *:hover,
.button.green *:active,
.button.green *:focus{ color:#ff0;}
.button.black,
.button.black a,
.button.black button,
.button.black input { background-image:url(../images/buttonBlack.gif); color:#fff;}
.button.black *:hover,
.button.black *:active,
.button.black *:focus{ color:#ff0;}
.button.red,
.button.red a,
.button.red button,
.button.red input { background-image:url(../images/buttonRed.gif); color:#fff;}
.button.red *:hover,
.button.red *:active,
.button.red *:focus{ color:#ff0;}
.button.blue,
.button.blue a,
.button.blue button,
.button.blue input { background-image:url(../images/buttonBlue.gif); color:#fff;}
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{ color:#ff0;}
.button.white,
.button.white a,
.button.white button,
.button.white input { background-image:url(../images/buttonWhite.gif); color:#333;}
.button.white *:hover,
.button.white *:active,
.button.white *:focus{ color:#333;}

/* Button Text Strong */
.button.strong * { font-weight:bold !important;}

/*툴팁 스타일*/
.gu_buble02 {
	float:none;
}

.gu_buble02 a.tip {
	position: relative;
}

.gu_buble02 a.tip span {
	display: none;
	position: absolute;
	top: 20px;
	left: -10px;
	padding: 5px;
	z-index: 100;
	background: #dedede;
	color: #333;
	-moz-border-radius: 5px; /* 파폭 박스 둥근 정도 */
	-webkit-border-radius: 5px; /* 사파리 박스 둥근 정도 */
}

.gu_buble02 a:hover.tip span {
	display: block;
}

/*  input 용 */
.gu_input01 {
	width:60px;
	height:20px;
	font-family:돋움,Arial;
	font-size:10pt;
	color:#6c6c6c;
	line-height:140%;
	font-stretch: normal;
	background:#f1f7e7;
	border:1px solid #dedede;
}

.gu_input02 {
	width:300px;
	height:20px;
	font-family:돋움,Arial;
	font-size:10pt;
	color:#6c6c6c;
	line-height:140%;
	font-stretch: normal;
	background:#f1f7e7;
	border:1px solid #dedede;
}

.gu_input03 {
	width:100px;
	height:20px;
	font-family:돋움,Arial;
	font-size:10pt;
	color:#6c6c6c;
	line-height:140%;
	font-stretch: normal;
	background:#f1f7e7;
	border:1px solid #dedede;
}

.gu_input04 {
	width:200px;
	height:20px;
	font-family:돋움,Arial;
	font-size:10pt;
	color:#6c6c6c;
	line-height:140%;
	font-stretch: normal;
	background:#f1f7e7;
	border:1px solid #dedede;
}

.gu_input05 {
	width:600px;
	height:20px;
	font-family:돋움,Arial;
	font-size:10pt;
	color:#6c6c6c;
	line-height:140%;
	font-stretch: normal;
	background:#f1f7e7;
	border:1px solid #dedede;
}

/* 셀렉트박스용 */
.gu_select01{
	font:13px 굴림,Arial;
	background:#f7f7f7;
	color:#333;
}

/* 페이징 부분 */
.paging {text-align:center; margin:10px 0;}
.paging li {display:inline; margin:0 2px;}
.paging li img {vertical-align:middle;}

/* ex table */
.chu_ex_table {width:100%; border:1px solid #e0e0e0;}
.chu_ex_table th {padding:7px; border:1px dotted #e0e0e0; font-weight:normal; text-align:left;}
.chu_ex_table td {padding:7px; border:1px dotted #e0e0e0;}
.chu_ex_table td.ex_td01 {text-align:center; background:#f7f7f7;}
.chu_ex_table td.ex_td02 {line-height:18px;}


/** 상품평 리스트 **/
div.grading_list { border-top:2px solid #969696; padding-bottom:20px;}
div.grading_list dt {border-bottom:1px dashed #969696; background:#fff8e8; padding:10px 18px; color:#6d523d;
								background:url(../images/common/Q_btn.gif) no-repeat 0 9px;}
div.grading_list dd {border-bottom:1px solid #969696; padding:30px 18px; line-height:18px;
								background:url(../images/common/A_btn.gif) no-repeat 0 32px;}


.member_grading .ok_btn { vertical-align:top; }

div.grading_area { padding-top:50px; }
div.grading_area h2 { font-size:14px; font-weight:bold; padding-bottom:6px; font-family:'NanumGothic', Dotum, 돋움, Gulim, 굴림, Verdana, Arial ;  }
.grading_list .no_txt { text-align:center; padding:5px 10px; color:#979797; border-top:1px solid  #dcdcdc;}
.grading_list li { border-bottom:1px solid #dcdcdc; }
.grading_list li dl { line-height:20px;  }
.grading_list li dl dt { color:#747474; padding:5px 10px; }
.grading_list li dl dd { padding:5px 30px 5px 10px;  background:#f8f8f8;  position:relative; }
.grading_list li dl dt span { display:inline-block; width:480px; }
.grading_list li dl .th_title { display:inline-block; width:40px; color:#747474; text-align:left; border-right:1px solid #dcdcdc; 
									margin-right:10px; font-weight:bold; }
.grading_list li dl .star { width:100px; }
.grading_list li .del_btn { position:absolute; top:8px; right:5px; }

#pop_list_wrap {font-size:12px;}
#pop_list_wrap ul li {list-style:none;}
#pop_list_wrap .th_title { width:50px; } 
#pop_list_wrap .clickBox { vertical-align:middle; margin-right:3px;}
#pop_list_wrap .chk_area { display:inline; vertical-align:middle; }

/* 팝업_상품평리스트 */
#pop_list_wrap { width:690px; margin:0 auto; }


/* 버튼 */
.clickBtn { text-align:center; margin-top:2px; }
.clickBtn_left { text-align:left; margin-top:10px; }

/** 상태 값 */
.wait { color:#333366; }
.post { color:blue; }
.success { color:green }
.cancel { color:#FF6600; }
.cancel_ok { color:red; }
.pay_ok { color:#336633; font-weight:bold; }


/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(../images/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(../images/treeview-red.gif); } 

.treeview-black li { background-image: url(../images/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(../images/treeview-black.gif); }  

.treeview-gray li { background-image: url(../images/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(../images/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(../images/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(../images/treeview-famfamfam.gif); } 

.treeview .placeholder {
	background: url(../images/ajax-loader.gif) 0 0 no-repeat;
	height: 16px;
	width: 16px;
	display: block;
}

.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(../images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(../images/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(../images/file.gif) 0 0 no-repeat; }


/* -- 구매리스트 -- */
.purchase_list { width:100%; border:none; border-top:4px solid #e9e9e9; border-bottom:4px solid #e9e9e9; }
.purchase_list th { height:40px; border:none; border-bottom:1px solid #e9e9e9; padding:0; font-weight:normal; color:#3a3a3a; }
.purchase_list td { border:none; padding:0; border-bottom:1px solid #e9e9e9; height:80px; padding:10px 0; text-align:center; color:#3a3a3a; }
.purchase_list strong { color:#010101; }
.delivery_Ltion { display:block; margin-top:6px; }

.purchase { border:none; border-top:4px solid #eee; }
.purchase th { height:40px; color:#393939; border-bottom:1px solid #e4e4e4; text-align:center;}
.purchase td { border:none; text-align:center; padding:7px 0 6px; color:#020202; }
.purchase .icon_inb2 { text-align:left; }
.user .purchase .qty_edit { display:block; }
.user .purchase .qty_edit a:link { color:#df0000; display:inline-block; margin-top:5px; }
.user .purchase .qty_put_area { display:block; }
.purchase .qty_put { width:36px; height:13px; border:1px solid #81817f; font-size:11px; text-align:center; }
.purchase .view_img { overflow:hidden; text-align:center; }
.user .total_my { background:#f7f7f7; text-align:right; padding:10px 11px 14px 0; font-size:14px; color:#000; }
.cart_list td { padding:18px 0; }
.total { color:#fe0002; font-weight:bold; }

.purchase2 { border:none; border-top:4px solid #eee; }
.purchase2 th { height:40px; color:#393939; border-bottom:1px solid #e4e4e4; text-align:center; background:#f2f2f2; border-bottom:1px solid #fff; }
.purchase2 td { border:none; text-align:center; padding:7px 0 6px; color:#020202; background:#f2f2f2; border-bottom:1px solid #fff; }
.purchase2 .icon_inb2 { text-align:left; }




/*********** modal table 추가 **************/
table.modal {
	width:100%;
	font-size:12px;
}
table.modal th, table.modal td {
	height:28px;
} 
table.modal th {
	font-weight:bold;
	text-align:right;
	padding-right:10px;
	border:solid 1px #ccc;
}
table.modal td {
	text-align:left;
	padding-left:10px;
	border:solid 1px #ccc;
	border-left:none;
}
table.modal td span {
	font-size:11px;
	color:#FF0000;
	margin-left:5px;
}
table.modal td input {
	border:solid 1px #ddd;
	padding-left:10px;
}
.button_group {
	text-align:right !important;
	padding-top:13px !important;
	border:none !important;
}



/* navi */
.nav_on {margin-bottom:5px; position:relative; width:100%; min-height:40px; letter-spacing:-1px;}
.nav_area {border-bottom:1px solid #383838; float:left; width:100%;}
.nav_on .tab_01 {background:#6e6d6d; height:30px; line-height:30px; padding:0; float:left; text-align:center; margin-right:3px;
									border-top:1px solid #383838; border-left:1px solid #383838; border-right:1px solid #383838;}
.nav_on .tab_01 a {color:#fff; font-weight:bold; padding:0 8px;}
.nav_on .tab_01 a:hover, .nav_on .tab_01 a:active, .nav_on .tab_01 a:focus {color:#faf2bd; padding:0 8px;}

/** 2차 추가 개발*/
/** 배송설정 하단 공지 */
p.post_noti { padding:10px; color:#ff0066; border:solid 1px #999; }
p.post_noti > strong { color:blue; }
	
/** 2차 추가 개발*/



.bankbook_tb {width:100%; border:1px solid #bbb;}
.bankbook_tb th {height:36px; line-height:36px; font-weight:normal; text-align:center; background:#f0f0f0;}
.bankbook_tb td {padding:8px 5px; border-top:1px solid #ddd; border-left:1px dotted #ddd; text-align:center;}
.bankbook_tb input {height:24px; line-height:24px; padding:0;}
.bankbook_tb input[type="text"] {width:96%; margin:0 auto; border:1px solid #bbb; text-align:center; font-family:Dotum;}
.bankbook_tb th input[type="button"] {width:75%; font-family:Dotum; letter-spacing:-1px; font-weight:bold; color:#fff; letter-spacing:-2px; border:1px solid #333; background:#666; cursor:pointer;}
.bankbook_tb td input[type="button"] {width:90%; font-family:Dotum; letter-spacing:-1px; border:1px solid #aaa; cursor:pointer;}

.bankbook_al {padding-top:10px; line-height:18px; font-size:12px; font-family:Dotum; letter-spacing:-1px;}
.bankbook_al img {vertical-align:top; margin-top:-0px; .margin-top:-3px;}
.bankbook_al span {color:#f00;}

.state01 {background:#bbb; color:#000;}
.state02 {background:#eee;}
.state01,
.state02 {font-weight:bold; border:1px solid #bbb;}

.button_size .black {margin-left:2px; .margin-left:6px;}
.button_size .black button {width:32px !important; padding:0 2px 0 0; letter-spacing:-1px;}

/* 상태변경 css*/
.btn_check_left {width:100%; text-align:left;}
.btn_check_left ul {border:0px solid red; margin-top:10px;}
.btn_check_left ul li {display:inline; border:0px solid red; padding:0; margin:0; height:30px; }