/* ------------- 서브 상세 설명 페이지 영역 ------------- */
/* -------------------------------------------------- */

/* ------------- hgroup 영역 ------------- */
/* -------------------------------------------------- */
article h3, article h4 { margin:5px 0; }
article h3 { font-size:1em; color:#0099ff; }
article h4 { font-size:0.8em; font-weight:normal; }

/* ------------- 상품이미지 영역 ------------- */
/* -------------------------------------------------- */
#goods_image, #detail_table { margin:10px 0 0 0; }
#goods_image { float:left; }
#goods_image figure { width:auto; text-align:center; padding:0 30px 0 0; }
#goods_image figure img { width:150px; height:auto; border:1px solid #fff; box-shadow:2px 2px 25px #666; }

/* ------------- 테이블 영역 ------------- */
/* -------------------------------------------------- */
#detail_table { float:left; font-size:0.75em; width: 590px; }
#detail_table table { width:95%; border-collapse:collapse; border-top:2px solid #333; border-bottom:1px solid #333; }
#detail_table table td { padding:7px 0 7px 10px; } 
#detail_table table tr.dot_line { border-bottom:1px dotted #666; }
#detail_table table td.fixed { width:110px; font-weight:bold; }
#detail_table table td span { font-size:1.2em; font-weight:bold; font-family:'NanumGothic', serif; }
#detail_table ul { list-style:none; margin:20px 0 0 0; }
#detail_table ul li { float:left; padding:0 10px; }
#detail_table ul li a { display:block; width:150px; height:25px; text-align:center; padding-top:7px; border:2px solid #999; 
border-radius:5px; font-size:1.2em; font-weight:bold; font-family:'NanumGothic',Serif; }
#detail_table ul li a.buy { color:#ff0000; border-color:#ff0000; background:url(../imgs/check.png) no-repeat 15px center; }
#detail_table ul li a.cart { background:url(../imgs/cart.png) no-repeat 15px center; }
#detail_table ul li a.wish { background:url(../imgs/wish.png) no-repeat 15px center; }
#detail_table ul li a.buy:hover, #detail_table ul li a.cart:hover, #detail_table ul li a.wish:hover { color:#000; background:#fc0; }

/* ------------- 텝 영역 ------------- */
/* -------------------------------------------------- */
ul.tabs { margin:0; padding:0; float:left; list-style:none; height:32px; border-bottom:1px solid #f00; width:100%; }
ul.tabs li { float:left; padding:0; margin:0 1px; height:31px; line-height:31px; border:1px solid #999; border-bottom:#f00;
overflow:hidden; background:#f5f5f5; border-top-left-radius:7px; border-top-right-radius:7px; }
ul.tabs li a { text-decoration:none; color:#000; display:block; font-size:12px; font-weight:bold; padding:0 20px; outline:none;/* 마우스 클릭시 점선이 생기지 않음 */ }
ul.tabs li a:hover { background:#cae4ff; }
ul.tabs li.active, ul.tabs li.active a:hover {/* active 상태와 active상태에서 마우스 오버시 효과 */ background:#fff; border-color:#f00; border-bottom:2px solid #fff; }
#container { width:100%; margin:40px auto; }
.tab_container { border-top:none; clear:both; float:left; width:100%; background: #fff; }
.tab_content { padding: 10px 10px 20px 10px; min-height:400px; font-size:0.75em; line-height:1.8em; }
.tab_content h4 { margin:10px 0; padding:20px 0 5px 35px; font-family:'NanumGothic', Serif; font-size:16px; font-weight:bold; color:#FFF;
background: url(../imgs/h4_back.png) no-repeat left top; height:30px; letter-spacing:4px; }
.tab_content p { margin:10px 0 0 0; }
.tab_content img { margin:10px; padding:5px; }
.tab_content .writer { margin:10px 0; border-bottom:1px solid #F90; padding:5px; font-size:1.2em; color:#000; font-weight:bold;	}