@charset "utf-8";

/************************************************************************
 * 파일명      : table.css
 * 설명        : 테이블_공통
 * 작성자      : (주)스마일웹 디자인팀
 * 작성일      : 2011.06.03
 * 최종수정일  : 2011.06.03
 * Copyright (c) 2011 Smileweb co., Ltd.  All rights reserved.  www.smileweb.co.kr *
************************************************************************/

/* 마이페이지 상품정보 */
img.thumb{width: 70px; height: 70px}
div.td_info{padding: 0px 0px 0px 5px}
div.td_info p{padding-right: 16px; float: left}
.td_info p img{border: 1px solid rgb(236, 236, 236)}
div.td_info ul{float: left}
div.td_info li{color: rgb(68, 68, 68);}
div.td_info li.seller_info{color: rgb(119, 119, 119); margin-bottom: 3px;}
div.td_info li.seller_info em{background: url("/images/common/icon/sell_shop.png") no-repeat; margin: 2px 2px 0px 0px; width: 11px; height: 10px; vertical-align: top; display: inline-block}
*:first-child + html div.td_info li.seller_info em{margin-top: 0px}
 div.td_info li.cart{font-size:11px; color:#777}
div.td_info li.tit_info{padding: 0px 0px 4px; width: 260px; word-break: break-all}
div.td_info li.tit_info a{color: rgb(34, 34, 34)}
div.td_info li.tit_info em a{height: 10px; color: rgb(34, 34, 34); vertical-align: middle; display: inline-block}
div.td_info li.option{position:relative; width:250px; padding-top:7px; margin-top:3px;border-top:1px dotted #c3c3c3; font:11px/14px dotum; letter-spacing:-1px; color:#4858da}
div.td_info li.option span{letter-spacing: -1px}
div.td_info li.option span.optTxt{vertical-align:bottom; margin-left:0; color:#4858da}
div.td_info li.price{font-weight:bold; padding-top:5px; vertical-align:0}
div.td_info li.price strong{height: 19px; color: rgb(34, 34, 34); font-family: Tahoma, Geneva, sans-serif; font-size: 16px; vertical-align: -1px; display: inline-block; margin-top:-1px}
div.td_info li.price strong.cancel{text-decoration: line-through}
div.td_info li.price span{margin: 3px 0px 0px 0px; color: rgb(145, 145, 145); font-size: 11px; font-weight: normal; vertical-align: top; display: inline-block; vertical-align:0}

/* 마이페이지 상품정보  - 옵션*/
div.td_info li .product_add {width:250px; overflow:hidden; margin-top:3px; padding-top:3px; border-top:0px dotted #c3c3c3;}
div.td_info l i.product_add  a {display:inline; padding-top:0px;}
div.td_info l i.product_add  ul {overflow:hidden;}
div.td_info li .product_add  ul li {color:#777; font-size:11px; line-height:18px;}
div.td_info li .product_add  ul li.bg {padding-left:7px; background:url('/images/common/gr/gray_bullet.gif') no-repeat 1px 7px;}

/* 입력 테이블형식,가로 - 회원정보입력 */
.tbl_input {position:relative; width:100%; margin-top:10px; border-top:1px solid #999;}
.tbl_input tr th {border-bottom:1px solid #ddd; padding:7px 0 8px 24px; color:#666; background:#f9f9f9; text-align:left;}
.tbl_input tr td {text-align:left; padding:7px 0 8px 18px; border-bottom:1px solid #ddd;}
.tbl_input tr th.title {text-align:center; padding:0 0 0 0; font-weight:normal; font-size:11px;}
.tbl_input tr td.cont {text-align:left; padding:5px 0 5px 10px; border-bottom:1px solid #ddd; font-size:11px; border-right:0 none;}

.tbl_input2 {position:relative; width:100%; margin-top:10px; border-top:1px solid #ddd;}
.tbl_input2 tr th {border-bottom:1px solid #ddd; padding:7px 0 8px 10px; color:#666; background:#f9f9f9; text-align:left;}
.tbl_input2 tr td {text-align:left; padding:7px 0 8px 18px; border-bottom:1px solid #ddd;}

/* 게시판 list */
.tbl_board {margin-top:10px; border-top:2px solid #999; font-size:12px; width:100%; background:#fbfbfb;}
.tbl_board tr th {border-bottom:1px solid #999; background:#fbfbfb; height:34px; background:url('/images/common/gr/board_bar.gif') no-repeat right center;}
.tbl_board tr td {text-align:center; padding:9px 5px; border-bottom:1px solid #ddd; background:#fff;}
.tbl_board tr td.bg_gray {background:#fbfbfb;}

/* 게시판 view, write */
.tbl_view {margin-top:10px; border-top:2px solid #999; font-size:12px; width:100%; background:#fbfbfb;}
.tbl_view thead tr th {border-bottom:1px solid #999; background:#fbfbfb; height:34px; padding-left:15px; text-align:left;}
.tbl_view tbody tr th {padding:10px 5px; border-bottom:1px solid #ddd; background:url('/images/common/gr/board_bar.gif') #fff no-repeat right center; text-align:center;}
.tbl_view tbody tr td {text-align:left; padding:10px 15px; border-bottom:1px solid #ddd; background:#fff;}
.tbl_view .read {line-height:130%; clear:both; overflow:hidden; overflow-y:auto; height:250px; margin-top:2em; padding:20px 15px; vertical-align:top;}
.tbl_view .read img {max-width:100%;}

/* 게시판 write */
.tbl_write {margin-top:10px; border-top:2px solid #999; font-size:12px; width:100%;}
.tbl_write tr th {border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#fbfbfb; padding:10px 15px; text-align:left; font-weight:normal;}
.tbl_write tr td {text-align:left; padding:9px 15px; border-bottom:1px solid #ddd; background:#fff;}
.tbl_write .textarea {border-color:#a4a4a4 #c7c7c7 #c7c7c7 #a4a4a4; border-style:solid; border-width:1px; font-size:12px; color:#666; line-height:150%; width:98%; height:200px;}

/* 막힘 기본형식 - 세로 */
.tbl_base {margin-top:10px; width:100%;}
.tbl_base tr th {border:1px solid #ddd; padding:8px; text-align:left; background:#fbfbfb;}
.tbl_base tr td {border:1px solid #ddd; padding:8px; text-align:left;}

/* 막힘 기본형식 - 가로 */
.tbl_base_w {margin-top:10px; width:100%;}
.tbl_base_w tr th {border:1px solid #ddd; padding:8px 0; text-align:center; background:#fbfbfb;}
.tbl_base_w tr td {border:1px solid #ddd; padding:8px 0; text-align:center;}

/* 막힘 테이블형식_가로형 */
.tbl_list_w {border-top:2px solid #999; position:relative; width:100%; margin-top:10px;}
.tbl_list_w tr th {border:1px solid #ddd; padding:10px 5px; background:#fbfbfb; font-weight:bold; border-right:0 none;}
.tbl_list_w tr td { padding-left:12px; padding:10px 5px; border:1px solid #ddd; border-left:0 none;} /* text-align:center; */

/* 리스트 */
.tbl_list {position:relative; border-top:2px solid #999; text-align:center; width:100%; margin-top:10px;}
.tbl_list thead {background:#fbfbfb;}
.tbl_list tr th {border-bottom:1px solid #999; font:bold 12px Dotum; height:34px; color:#666; background:url('/images/common/gr/board_bar.gif') #fbfbfb no-repeat right center;}
.tbl_list tr td {text-align:center; border-bottom:1px #ddd solid; padding:7px 6px; line-height:18px}
.tbl_list tr td.bg_gray {background:#fbfbfb;}

/* 리스트1 */
.tbl_cart_list{position:relative; border-top:2px solid #999; text-align:center; width:100%; margin-top:10px;}
.tbl_cart_list thead {background:#fbfbfb;}
.tbl_cart_list tr th {border-bottom:1px solid #999; font:bold 12px Dotum; height:34px; color:#666; background:url('/images/common/gr/board_bar.gif') #fbfbfb no-repeat right center;}
.tbl_cart_list tr td {text-align:center; border-bottom:1px #ddd solid; padding:7px 6px;}
/*.tbl_cart_list tr td.noline {text-align:center; border-bottom:1px #e6e6e6 solid; margin:0; padding:0; border-left:none;  border-left:1px #ddd solid; }*/\
 

/* 옵션 */
.tbl_option table {width:78%; border:0px none;}
.tbl_option tr td {padding:0; text-align:left; border-bottom:0 none;}
.tbl_option span.opt_txt {color:#3a47b1; display:inline-block; margin:5px 10px 0 0;}

/* 주문결제 */
.tbl_order {border-top:2px solid #999; position:relative; width:100%; margin-top:10px;}
.tbl_order tr th {border:1px solid #ddd; padding:8px 0 8px 35px; background:#f9f9f9; font-weight:normal; text-align:left; color:#666; border-right:0 none;}
.tbl_order tr td {text-align:left; color:#777; padding:10px 0px 10px 20px; border:1px solid #ddd; border-left:0 none;}
 
.tbl_order2 {position:relative; width:100%;}
.tbl_order2 tr th {border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:8px 0 8px 35px; background:#f9f9f9; font-weight:normal; text-align:left; color:#666; border-right:0 none;}
.tbl_order2 tr td {text-align:left; color:#777; padding:10px 0px 10px 20px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; border-left:0 none;}

/* 마이페이지 - 찜해둔 상품 */
.tbl_btm tr td {text-align:center; border-bottom:1px solid #ddd; padding:8px 0 8px 7px;}
.tbl_btm tr td.ta_l {text-align:left;}
 
/* layout */
.lay350 {margin-left:auto; margin-right:auto; width:350px;}
.lay400 {margin-left:auto; margin-right:auto; width:400px;}
.lay500 {margin-left:auto; margin-right:auto; width:500px;}
.lay650 {margin-left:auto; margin-right:auto; width:650px;}

/* 투명 테이블 */
.tbl_alpha {border:none; margin-bottom:5px;}	
.tbl_alpha tr td {border:none; padding:2px;}

/* 세금계산서 */
.tbl_tax {table-layout:fixed; text-align:center; overflow-y:hidden; border-top:2px #4B7DCF solid; border-bottom:1px #4B7DCF solid; border-left:1px #4B7DCF solid; border-right:2px #4B7DCF solid;}
.tbl_tax tr td {padding:2px; font-size:12px; color:#4B7DCF; word-wrap: break-word; overflow: hidden; border-bottom:1px #4B7DCF solid; border-left:1px #4B7DCF solid;}
.tbl_tax tr td.ta_l{text-align:left;}

 
/** 아래 내용 추가 smanage 참조  160902 @ywlee **/
/** TABLE HEADER **/
.tbl_head {position:relative; width:100%; padding-bottom:5px;}
.tbl_head li.btn  {margin-top:10px;}
.tbl_head li.line {height:25px;border-bottom:1px #e6e6e6 solid;}
.tbl_head .manage_tit {padding:0 6px; font-size:15px; color:#444; font-weight:bold; background: url("/images/product/bl_dot.gif") no-repeat scroll 0px 6px transparent;}
.tbl_head .btns {position:absolute; top:-3px; right:0; }
/** TABLE HEADER BOX @ywlee **/
.tbl_head_box {position:relative; width:100%; padding-bottom:7px;padding-top:7px;;padding-left:1px;  border:1px solid #ff6600; background:#f8f8f8; }
.tbl_head_box li.btn  {margin-top:10px;}
.tbl_head_box li.line {height:25px;border-bottom:1px #e6e6e6 solid;}
.tbl_head_box .manage_tit {padding:0 6px; font-size:15px; color:#444; font-weight:bold; background: url("/images/product/bl_dot.gif") no-repeat scroll 0px 6px transparent;}
.tbl_head_box .btns {position:absolute; top:-3px; right:0; }
  
.tbl_head_hw {position:relative; width:100%; padding-bottom:5px;}
.tbl_head_hw li.btn {position:absolute; top:0; right:0;}
.tbl_head_hw .manage_tit {padding:0 6px; font-size:15px; color:#444; font-weight:bold; background: url("/images/product/bl_dot.gif") no-repeat scroll 0px 6px transparent;}

/** TABLE TYPE **/
/* 기본 가로테이블 */
.tbl_base1 tr th {font-size:11px; border:1px solid #ddd; padding:8px 0px; background:#F9F9F9; font-weight:bold;}
.tbl_base1 tr th.bg {background:#f0efef;}
.tbl_base1 tr td {font-size:11px; border:1px solid #ddd; padding:8px; text-align:center;}

/* 기본 세로테이블 */
.tbl_base2 table {text-align:center; border:1px #e6e6e6 solid;}
.tbl_base2 table tr th {padding:6px; border:1px #e6e6e6 solid; word-wrap:break-word; overflow:hidden; font-size:11px; background:#F9F9F9;}
.tbl_base2 table tr td {padding:6px; border:1px #e6e6e6 solid; word-wrap:break-word; overflow:hidden; text-align:left;}