@charset "utf-8";


/************************************************************************
 * 파일명      : product.css
 * 설명        : 상세페이지
 * 작성자      : (주)스마일웹 디자인팀
 * 작성일      : 2009.04.28
 * 최종수정일  : 2010.01.15
 * Copyright (c) 2009 Smileweb co., Ltd.  All rights reserved.  www.smileweb.co.kr *
************************************************************************/

 /* position */
#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_info  */
div.mainarea {width:900px; display:table-cell;}
div.mainarea div.info {float:left; width:705px; display:table-cell; background:#fff}

.photo {float:left; width:302px;}
.big {width:300px; height:300px; border:1px solid #d3d3d3; overflow:hidden; margin:0 auto;}
.zoom {margin-top:12px; margin-bottom:12px; text-align:center;}
/*.zoom a {display:block; padding:2px;}*/
.thum {text-align:center; height:69px; margin-top:10px;}	
.thum ul {float:left; width:302px;}
.thum ul li {float:left; width:69px; height:69px; margin-right:8px;}
.thum ul li.last {margin-right:0px;}
.thum ul li img {width:67px; height:67px;}
 img .line{border:1px solid #E5E5E5;}

.title {font-size:15px; color:#2b64b3; font-weight:bold;}
.detail {float:right; width:389px;}
.detail .bg {border-bottom:1px solid #E5E5E5; margin:7px 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:99px; padding:0 1px 0 17px; background:url('/images/product/bg_gap.gif') no-repeat 4px 5px;}
.detail dl dd {float:right; font-size:11px; letter-spacing:0; width:290px; margin-top:-1.35em; padding-right:1px; padding-bottom:4px;}
.detail dl dd strong.price {color:#5384c9;}
.detail dl dd strong.dis {color:#ff6a01; font-weight:bold;}
.detail dl dd img.ico {vertical-align:text-bottom; margin:0 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:389px; 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;}

/* tag */
.rgt {float:right; width:193px;}
.codenum {text-align:right; width:177px; letter-spacing:0.03em; padding:16px 0 0 0;}
.note_bx {float:right; width:177px; border:1px solid #e1e1e1; margin:5px 0 0 0;}
.note_con {width:166px; margin:2px; padding:0 3px;}
.note_title {text-align:center; padding-top:3px;}
.note_bx dl.bg1 {width:166px; height:32px; background:url('/images/product/bg_note_info.gif'); border-bottom:1px solid #e5e5e5;}
.note_bx li.n {text-align:center; padding:6px 0; border-bottom:1px solid #e5e5e5;}
.note_bx li.q {width:161px; height:27px; padding:3px 0 0 5px; background:url('/images/product/bg_note_dotline.gif');}
.note_bx li.no {width:161px; height:27px; padding:2px 0 0 5px;}
.note_bx dt {float:left; margin:8px 7px 0 8px;}
.note_bx dd {float:right; font-size:11px; margin:8px 3px 0 3px; vertical-align:middle;}

.tag_bx {float:right; width:177px; border:1px solid #e1e1e1; margin:10px 0 0 0;}
.tag_bx h4 {padding:8px; border-bottom:1px solid #EAEAEA;}
.tag_bx .tagInput {float:left; padding:8px 5px 5px 8px;}

.tag_keyword {float:left; width:177px; height:115px; font-size: 15px; display:inline; word-wrap:break-word; overflow:hidden;}
.tag_keyword ul {margin:10px 5px 10px 10px; line-height:170%;}
.tag_keyword li a:link {text-decoration:none;}
.tag_keyword li a:hover {color:#ffffff; background-color:#8d8d8d; text-decoration:none;}
.tag_keyword .k_type1 {padding:0 3px; font-weight:bold; color:#ffffff; padding-top:2px; background-color:#4b70d0; text-decoration:none;}
.tag_keyword .k_type2 {padding:0 3px; font-weight:bold; color:#104f94; padding-top:2px; text-decoration:none;}
.tag_keyword .k_type3 {padding:0 3px; font-weight:bold; color:#666666; padding-top:2px; text-decoration:none;}
.tag_keyword .k_type4 {padding:0 3px; color:#444444; font-size:12px; padding-top:2px; background-color:#dddddc; text-decoration:none;}
.tag_keyword .k_type5 {padding:0 3px; color:#666666; padding-top:2px; text-decoration:none;}

/* info */
.sellerinfo {width:900px; margin-top:40px;}
.sellerinfo_bx {width:900px; height:171px; background:url('/images/product/bg_seller_info.gif') no-repeat 0 100%;}
.sellerinfo .item {float:left; width:644px; height:135px; margin:15px 0 0 0;}
.sellerinfo .pbtn {float:left; padding:50px 0 0 30px;}
.sellerinfo .nbtn {float:right; padding:50px 30px 0 0;}
.sellerinfo .mask {float:left; width:500px; height:132px; margin:8px 0 0 0; background:url(/images/product/bg_seller_dotline.gif) no-repeat 0 100%;}
.sellerinfo .mask	ul {float:left; width:510px; padding:0 25px 0 25px;}
.sellerinfo .mask	ul li {float:left; width:92px; margin:0 47px 10px 0;}
.sellerinfo .mask	ul li img {width:90px; height:90px;}
.sellerinfo .mask	ul li .txt {font-size:11px; color:#444; text-align:center; letter-spacing:0; margin-top:5px; padding-top:2px; display:block;}
.sellerinfo .mask .rgt0 {margin-right:0px;}
.sellerinfo .info {float:left; margin:23px 20px 0 8px;}
.sellerinfo .info .bg {float:left; width:107px; height:78px; padding-right:12px; background:url(/images/product/bg_seller_img.gif) no-repeat 0 100%; clear:both;}
.sellerinfo .info .img {padding:5px;}
.sellerinfo .info ul {float:left; font-size:11px; letter-spacing:0; display:block;}

.vdotline {background:url('/images/product/bg_v_pointline.gif') repeat-x 0 0; line-height:0px; height:15px; margin-top:95px;}
.vdotline01 {background:url('/images/product/bg_v_pointline.gif') repeat-x 0 0; line-height:0px; height:11px; margin-top:10px;}
.vline {background:url('/images/product/bg_line_v.gif') repeat-x 0 0; line-height:0px; height:17px; margin-top:12px;}

h4 .btmh {float:left; margin:0 0 1px 14px;}
.btns_01 {height:25px; text-align:left; margin-top:10px; margin-right:0px; overflow:hidden;}
.btns_02 {height:25px; text-align:right; margin-top:11px; margin-right:4px; overflow:hidden;}
.btns_03 {text-align:center; padding-left:3px;}
.mainbtn {text-align:center; margin-top:25px; margin-right:0px; white-space:nowrap;}
.mainbtn img {margin-right:2px;}
.statement {float:right; margin-top:-14px;}

  /* tab */
.tab {width:100%; overflow:auto; overflow:hidden;}
.tab li	 {float:left}
.tab a img.over {display:none;}
.tab a:hover {border:0px; color:#777; text-decoration:none;}
.tab a.on img {display:none;}
.tab a.on img.over {display:inline;}

.tabinfo {width:900px; height:31px; background:url('/images/product/bg_blue_tab.gif') repeat-x 0 bottom; overflow:auto; overflow:hidden; margin:0 auto 0 auto;}
.tabinfo li {float:left;}
.tabinfo li a {display:block; width:122px; height:21px; background:url('/images/product/tabinfo_blue.gif') no-repeat 0 0; text-align:center; padding-top:10px; margin-left:-1px; font-size:11px;}
.tabinfo li a.on {width:122px; background:url('/images/product/tabinfo_blue.gif') no-repeat 0 -31px; position:relative; margin-left:-1px;}
.tabinfo li.start a {width:122px; background:url('/images/product/tabinfo_blue.gif') no-repeat 0 0; margin-left:0;}
.tabinfo li.start a.on {background:url('/images/product/tabinfo_blue.gif') no-repeat 0 -31px; position:relative;}

 /* detail */
.infodetail {padding-top:20px;}
.infodetail .tbl_01 {border:1px solid #e6e6e6; margin-left:1px;}
.infodetail .tbl_01 th {border-right:1px #e6e6e6 solid; border-bottom:1px #e6e6e6 solid; background:#fcfcfc; height:26px; text-align:left; padding-left:12px; font-size:11px; letter-spacing:-1px;}
.infodetail .tbl_01 td {border-right:1px #e6e6e6 solid; border-bottom:1px #e6e6e6 solid; padding-left:17px; letter-spacing:0px;}

.notice {margin-top:17px; padding:0 14px;}
.notice h4 {font-size:11px; color:#FF6600; line-height:1.35em; letter-spacing:0; padding-left:20px; background:url('/images/common/icon/ico_notice.gif') no-repeat 0 0px;}
.notice ul {padding:5px 0 0 0;}
.notice ul li {font-size:11px; line-height:1.35em; letter-spacing:-0.1em; padding:2px 0 1px;}

.info_img {margin-top:15px; text-align:center; margin:0 auto 0 auto;}
.info_seller {padding-top:10px;}
.info_seller	.tbl_02 {margin:0 0 0 10px;}
.info_seller	.tbl_02 th {background:#fe6601; height:24px; text-align:left; padding-left:12px; font-size:11px; letter-spacing:-1px;	background:url('/images/common/icon/bu_square_gray3.gif') no-repeat 0 10px;}
.info_seller	.tbl_02 td {background:#fe6601; padding-left:17px; letter-spacing:0px; background:url('/images/product/bg_colon.gif') no-repeat 0 10px;}

.prod_tit {position:relative; width:100%; height:22px;}
.prod_tit h2 {float:left; width:70px; padding:5px 0 0 8px;}
.prod_tit .txt {float:left; border-left:1px solid #d1d1d1; padding:5px 0 0 11px; height:17px; font-size:11px;letter-spacing:0px;}
.prod_tit .btn {float:right; padding:0 0 13px 7px;}
.fo {font-size:11px; color:#FF6600; letter-spacing:0; text-decoration:underline;}

/* area */
textarea.qna {font-family:Dotum, Gulim; border:1px solid #cfcfcf; padding:5px; font-size:1em; color:#777; line-height:130%; width:686px;height:60px;}

.return_txt {padding:12px 10px;}
.return_info {width:900px; border:1px solid #e6e6e6;}

.note_table_list {width:900px; height:32px; background:url('/images/product/bg_note.gif') no-repeat 0 0;}
.note_table_list .tit {font-size:11px; font-weight:bold; padding-top:8px;}

.scs {position:absolute; left:0px; top:0px; z-index:1;}
.wid3 {width:350px; position:absolute; DISPLAY:none; top:730px; left:660px;}
.con {width:322px;}
.con h5 {font-size:11px; color:#fe6601; font-weight:bold; line-height:1.35em; letter-spacing:-0.1em; padding:5px 22px 1px 8px; border-bottom:1px solid #FFA97A;}

/* table*/
table.userwrite tr.clickon {background-color:#f8f8f8;}
table.userwrite td {font-size:11px; letter-spacing:0; text-align:center; padding-top:10px; padding-bottom:7px;}
table.userwrite td.tit {text-align:left; padding-left:21px; line-height:16px;}
table.userwrite td.rp {text-align:left; padding:0 0 10px 87px;}
table.userwrite td.vdline {background:url('/images/product/bg_v_pointline.gif') repeat-x 0 50%;}
table	.line td {padding:0; background:#e5e5e5; height:1px;}

.tbl_03  {width:865px;}
.tbl_03 th{height:20px; text-align:left; padding-left:3px; font-size:11px; letter-spacing:-1px; font-weight:bold;}
.tbl_03 td {font-size:11px; padding:3px 0 3px 20px;}
.tbl_04 table {table-layout:fixed; border:1px #e6e6e6 solid; text-align:center; overflow-y:hidden;}
.tbl_04 tr th {font-size:11px; border:1px #e6e6e6 solid; padding:8px 0px; background: #F9F9F9; font-weight:bold; word-wrap: break-word; overflow:hidden; }
.tbl_04 tr td {padding:6px; border:1px #e6e6e6 solid; word-wrap:break-word; overflow:hidden; }

/*  box */
.qna_box {height:195px; background:url('/images/product/bg_qna_txt.gif') no-repeat 0 0;}
.bx_01_top {background:url('/images/product/bx_01_top.gif') no-repeat 0 0;}
.bx_01_mid {background:url('/images/product/bx_01_mid.gif') repeat-y 0 0;}
.bx_01_btm {background:url('/images/product/bx_01_btm.gif') no-repeat 0 bottom;}
.bx_02_top {height:6px; background:url('/images/product/bx_02_top.png') no-repeat 0 100%;}
.bx_02_mid {background:url('/images/product/bx_02_mid.png') repeat-y 0 0;}
.bx_02_btm {height:6px; background:url('/images/product/bx_02_btm.png') no-repeat 0 0;}