@charset "utf-8";

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

 /* basic */
#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;}

div.mainarea {width:900px; display:table-cell;}
div.mainarea div.info {float:left; width:705px; 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;}

.photo {float:left; width:302px;}
.big {width:300px; height:300px; border:1px solid #d3d3d3;}
.zoom {margin-top:10px; margin-bottom:10px; text-align:center;}
.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;}

/* detail */
.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;}
.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;}

/* info  */
.rgt {float:right; width:193px;}
.note_bx {float:right; width:177px; border:1px solid #e1e1e1;}
.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;}

.vdotline {background:url('/images/product/bg_v_pointline.gif') repeat-x 0 0; line-height:0; height:15px; margin-top:95px;}
.vdotline01 {background:url('/images/product/bg_v_pointline.gif') repeat-x 0 0; line-height:0; height:11px; margin-top:10px;}
.vline {background:url('/images/product/bg_line_v.gif') repeat-x 0 0; line-height:0; 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:33px; background:url('/images/product/bg_blue_tab.gif') no-repeat 0 0; overflow:auto; overflow:hidden; margin:0 auto 0 auto;}
.tabinfo li {float:left;}
.tabinfo li a {display:block; width:172px; height:23px; background:url('/images/product/tabinfo_blue.gif') no-repeat 0 0; text-align:center; padding-top:13px; margin-left:-1px; font-size:11px}
.tabinfo li a.on {width:172px; background:url('/images/product/tabinfo_blue.gif') no-repeat 0 -33px; position:relative; margin-left:-1px;}
.tabinfo li.start a	{width:172px; 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 -33px; position:relative;}

 /* goods_info */
.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;}

.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;}

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.userwrite tr.clickon {background-color:#f8f8f8;}
table.userwrite td {font-size:11px; letter-spacing:0; text-align:center; padding-top:10px; padding-bottom:7px; cursor:pointer;}
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;}

.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;}