@charset "utf-8";

/************************************************************************
 * 파일명      : prduct.css
 * 설명         : 상세페이지
 * 작성자      : (주)스마일웹 디자인팀
 * 작성일      : 2009.06.30
************************************************************************/

 /* info */
#product_tab {padding-top:25px;}
#sbasic_tab {padding-top:40px;}
#post_board {padding-top:35px;}
#product_qna {padding-top:35px;}
#return {padding-top:35px;}
#height_length {padding-top:15px;}

/* detail */
div.mainarea {width:900px; display:table-cell;}
div.mainarea div.info {float:left; width:710px; display:table-cell; background:#fff;}
.detail_tit {float:left; width:100%; height:35px;}
.detail_tit li {display:inline;}
.detail_tit li.left {float:left;}
.detail_tit li.right {float:right; margin-top:5px;}

.product_photo {float:left; border:1px solid #d3d3d3;}
.product_big {width:327px; height:330px;}
.product_big img {vertical-align:top;}

.title {font-size:15px; color:#0D4599; font-weight:bold;}
.detail {float:right; width:355px;}
.detail .bg{border-bottom:1px solid #E5E5E5; margin:16px 0 5px 0;}
.detail dl .p {padding-top:10px; background:#F8F8F8; padding:8px 0; border-bottom:1px solid #e5e5e5;}
.detail dl .o {padding:8px 0; border-bottom:1px solid #e5e5e5;}
.detail dl dt {font-size:11px; font-weight:bold; clear:both; width:115px; padding:0 1px 0 12px; background:url('/images/product/bg_gap.gif') no-repeat 4px 5px;}
.detail dl dd {float:right; font-size:11px; letter-spacing:0; width:240px; margin-top:-1.35em; padding-right:1px; padding-bottom:4px;}
.detail dl dd strong.price {color:#5384c9;}

.mainbtn {text-align:center; margin-top:25px; margin-right:0px; white-space:nowrap;}
.mainbtn img {margin-right:2px;}


 
/* option */
.detail .optiontit {font-size:11px; font-weight:bold; clear:both; width:99px; padding:0 1px 0 17px; background:url('/images/product/bg_gap2.gif') no-repeat 4px 5px;}
.detail .option_type1 {position:relative; width:352px; height:32px; background:#fcfcfc; border:1px solid #f2f2f2;}
.detail .option_type1 .con1 {position:absolute; left:17px; top:7px; font-size:11px; letter-spacing:0;}
.detail .option_type1 .con2 {position:absolute; left:96px; top:7px;}
.detail .option_type1 .con3 {position:absolute; left:140px; top:7px;}
.detail .option_type1 .con4 {position:absolute; left:140px; top:17px;}
.detail .option_type1 .con5 {position:absolute; left:158px; top:8px;}

.detail .option_type2 {position:relative; width:369px; background:#fcfcfc; border:1px solid #f2f2f2; padding:10px;}
.detail .option_type2 td {font-size:11px;}
.detail .option_type2 .su {position:relative; width:100%; height:25px;}
.detail .option_type2 .su .con1 {position:absolute; left:0; top:5px;}
.detail .option_type2 .su .con2 {position:absolute; left:44px; top:5px;}
.detail .option_type2 .su .con3 {position:absolute; left:44px; top:15px;}
.detail .option_type2 .su .con4 {position:absolute; left:62px; top:6px;}
.detail .option_type2 .su .con5 {position:absolute; right:0; bottom:0;}

.detail .option_type3 {position:relative; width:389px; height:65px; top:5px;}
.detail .option_type3 .option_type3_tit {position:absolute; font-size:11px; font-weight:bold; clear:both; width:99px; padding:0 1px 0 17px; background:url('/images/product/bg_gap2.gif') no-repeat 4px 5px;}
.detail .option_type3 .con {position:absolute; font-size:11px; left:98px; width:288px; height:55px; overflow:auto;}