/* BASIC css start */ #productDetail .loc-navi { padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; } /* 상단 섬네일, 상품 옵션 정보 */ #productDetail .thumb-info { zoom: 1; } #productDetail .thumb-info:after { content: ""; display: block; clear: both; } /* 섬네일 */ #productDetail .thumb-info .thumb-wrap { float: left; width: 350px; text-align: center; } #productDetail .thumb-info .thumb { width: 300px; text-align: center; margin: 0 auto; } #productDetail .thumb-info .thumb img { display; block; } #productDetail .thumb-info .thumb-ctrl { clear: both; padding-top: 20px; text-align: center; } #productDetail .thumb-info .thumb-ctrl a { font-size: 11px; } #productDetail .thumb-info .thumb-ctrl a img { vertical-align: middle; margin-right: 3px; } #productDetail .thumb-info .thumb-ctrl a:hover { text-decoration: underline; } /* 상품옵션 정보 */ #productDetail .thumb-info .info { float: right; width: 435px; margin-left: 0px;padding-left: 30px; padding-bottom : 20px; border-left:1px #ececec solid; } #productDetail .thumb-info .info .tit-prd {font: bold 14px "arial", 돋움; color: #979797; padding-bottom: 20px;} #productDetail .thumb-info .info .subname{color:#979797; font-size: 11px; padding-bottom: 10px; } #productDetail .thumb-info .info .table-opt { margin-top: 15px; font: bold 11px "arial", 돋움; color: #979797; } #productDetail .thumb-info .info .table-opt th {width: 100px;} #productDetail .thumb-info .info .table-opt th, #productDetail .thumb-info .info .table-opt td { font-size: 11px; padding: 4px 0; height: 20px; line-height: 30px; color: #979797; font:11px Arial, Dotum, AppleGothic, sans-serif; } #productDetail .thumb-info .info .table-opt th div, #productDetail .thumb-info .info .table-opt td div {padding: 0; } #productDetail .thumb-info .info .table-opt td div.tb-left {padding: 0; text-align: right !important;} #productDetail .thumb-info .info .table-opt th div.tb-left{ text-align: right !important;} #productDetail .thumb-info .info .table-opt td div.tb-left{text-align: left !important; padding-left: 30px;} #productDetail .thumb-info .info .table-opt th { font-weight: normal; letter-spacing: -1px; } /* 판매가격 */ #productDetail .thumb-info .info .table-opt .price { font-weight: bold; color: #ff767f; } /* 주문수량 */ #goods_amount { float:left; } #productDetail .thumb-info .info .table-opt .opt-spin { position: relative; width: 52px; height: 15px; border: 1px solid #acacac; } #productDetail .thumb-info .info .table-opt .opt-spin .txt-spin, #productDetail .thumb-info .info .table-opt .opt-spin .btns { float: left; } #productDetail .thumb-info .info .table-opt .opt-spin .txt-spin { width: 41px; height: 13px; padding-left: 2px padding-top: 2px; border: 0; font-size: 11px; } #productDetail .thumb-info .info .table-opt .opt-spin .btns { width: 17px; height: 15px; border-left: 1px solid #aaa; } #productDetail .thumb-info .info .table-opt .opt-spin .btns a { overflow: hidden; float: left; width: 100%; height: 8px; text-indent: -999px; background: none; } #productDetail .thumb-info .info .table-opt .opt-spin .btns a.btn-up { border-bottom: 1px solid #aaa; background: url(/images/d3/modern_simple/btn/btn_h5_spin_up.gif) no-repeat 50% 50%; } #productDetail .thumb-info .info .table-opt .opt-spin .btns a.btn-dw { background: url(/images/d3/modern_simple/btn/btn_h5_spin_dw.gif) no-repeat 50% 50%; } #productDetail .thumb-info .info .prd-btns { margin-top: 10px; width: 390px; overflow: hidden;} #productDetail .thumb-info .info .prd-btns a { float: left; } /* 통합옵션 */ #productDetail .thumb-info .info .table-opt .opt-wrap { width: 100%; margin-top: 10px; padding: 10px 0; border-left:none;border-right:none; } #productDetail .thumb-info .info .table-opt .opt-wrap .tit { } #productDetail .thumb-info .info .table-opt .opt-wrap dl { overflow: hidden; width: 328px; margin: 0 66px; padding: 8px 5px;border-top: 1px #dddde1 solid; background: #fafafa; } #productDetail .thumb-info .info .table-opt .opt-wrap dl:last-child { overflow: hidden; width: 328px; margin-bottom: 10px; margin: 0 66px; padding: 8px 0;border-bottom: 1px #dddde1 solid; background: #fafafa; } #productDetail .thumb-info .info .table-opt .opt-wrap dt { float: left; width: 80px; padding-top: 4px; } #productDetail .thumb-info .info .table-opt .opt-wrap dd { float: left; width: 248px; } #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn { text-align: center; } #productDetail .thumb-info .info .table-opt .opt-wrap select { width: 240px; height: 18px; border: 1px solid #ddd; margin-top: 2px; } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns { position: relative; width: 56px; height: 19px } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns input { position: absolute; top: 0; left: 0; width: 40px; height: 17px; border: 1px solid #ddd; text-align: right; } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns .btn-up { position: absolute; top: 0; right: 0; } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns .btn-dw { position: absolute; bottom: 0; right: 0; } #productDetail .thumb-info .info .table-opt .opt-wrap dl .opt-count select { float: left; width: 180px; } #productDetail .thumb-info .info .table-opt .opt-wrap dl .opt-count .opt-btns { float: left; width: 56px; margin-left: 5px; } .title{margin-top: 70px;} /* 상품 상세 이미지 */ #productDetail .prd-detail table { table-layout: auto; } #productDetail .prd-detail { margin-top: 15px; width: 100%; overflow: hidden; text-align:center;} #productDetail .prd-detail img { max-width: 100%; } /* 관련상품 */ #productDetail .prd-list { padding-top: 10px; border-top: 1px solid #666; } #productDetail .prd-list .thumb { width: 50px; height: 50px; } #productDetail .prd-list th { padding-bottom: 10px; border-bottom: 1px solid #aaa; } #productDetail .prd-list td { padding: 5px 0; border-bottom: 1px solid #aaa; } #productDetail .prd-list .prd-amount { position: relative; width: 52px; height: 15px; border: 1px solid #acacac; } #productDetail .prd-list .prd-amount .txt-spin, #productDetail .prd-list .prd-amount .btns { float: left; } #productDetail .prd-list .prd-amount .txt-spin { width: 41px; height: 13px; padding-left: 2px padding-top: 2px; border: 0; font-size: 11px; } #productDetail .prd-list .prd-amount .btns { width: 17px; height: 15px; border-left: 1px solid #aaa; } #productDetail .prd-list .prd-amount .btns a { overflow: hidden; float: left; width: 100%; height: 8px; text-indent: -999px; background: none; } #productDetail .prd-list .prd-amount .btns a.btn-up { border-bottom: 1px solid #aaa; background: url(/images/d3/modern_simple/btn/btn_h5_spin_up.gif) no-repeat 50% 50%; } #productDetail .prd-list .prd-amount .btns a.btn-dw { background: url(/images/d3/modern_simple/btn/btn_h5_spin_dw.gif) no-repeat 50% 50%; } #productDetail .related-allbasket { width: 100%; padding-top: 10px; text-align: right; } /* review-write */ #productDetail .review-write { margin-top: 15px; padding: 5px 0 10px; border-top: 1px solid #b4b4b5; border-bottom: 1px solid #b4b4b5; } #productDetail .review-write th, #productDetail .review-write td { padding: 5px 0 4px; } #productDetail .review-write th { font-weight: normal; } /* 댓글리스트 공통 */ #productDetail .table-slide { border-top: 1px solid #ececec; } #productDetail .table-slide thead th { font-weight: normal; padding: 6px 0; background: #fafafa; color: #444; font-size: 11px;border-bottom: 1px #ececec solid;} #productDetail .table-slide th, #productDetail .table-slide td { padding: 10px 0; cursor: pointer; } #productDetail .table-slide tbody td { border-bottom: 1px #e3e3e3 solid; } #productDetail .table-slide tr.cnt { display: none; } #productDetail .table-slide tr.cnt td { cursor: default; } #productDetail .table-slide tr.nbg td { background-image: none; } #productDetail .table-slide tr.reply .tb-txt { padding-left: 30px; background: url(/images/d3/modern_simple/common/bull_reply.gif) no-repeat 10px 0; } /* review-list */ #productDetail .review-list { margin-top: 15px; } /* qna board */ #productDetail .qna-list { margin-top: 15px; } /* ****************** 상품 상세 옵션 ******************** */ .MK_not_choice { color: red; } .MK_optAddWrap, .MK_optAddWrap * { margin: 0; padding: 0; } .MK_optAddWrap { color: #666; font-size: 11px; line-height: 13px; font-family: Dotum; } .MK_optAddWrap li { list-style: none; } /* 옵션선택 */ #MK_optAddList { overflow: hidden; *zoom: 1; } #MK_optAddList li { float: left; width: 100%; margin-top: 5px; } #MK_optAddList .MK_tit, #MK_optAddList .MK_div, #MK_optAddList .MK_st { float: left; } #MK_optAddList .MK_tit, #MK_optAddList .MK_div { font-size: 11px; line-height: 16px; } #MK_optAddList .MK_tit { width: 65px; margin-right: 5px; } #MK_optAddList .MK_div { width: 5px; text-align: center; } #MK_optAddList .MK_st { width: 205px; } #MK_optAddList .MK_st .MK_btn-add { cursor: pointer; } #MK_optAddList .MK_st select { margin-left: 5px; width: 195px; height: 18px; } /* 옵션선택PP */ #MK_optAddListPP { overflow: hidden; *zoom: 1; } #MK_optAddListPP .MK_tit, #MK_optAddListPP .MK_st { float: left; width: auto; } #MK_optAddListPP .MK_tit { margin-right: 5px; margin-top: 3px; } /* 옵션 결과 리스트 */ #MK_innerOptWrap { margin-top: 10px; border: 1px solid #ddd; } #MK_innerOptWrap #MK_innerOptScroll.limit { position: relative; height: 150px; overflow-y: auto; } #MK_innerOptWrap .MK_inner-opt-cm li { *zoom: 1; position: relative; min-height:13px; _height: 13px; *margin-bottom: -4px; padding: 8px 5px; border-bottom: 1px solid #ddd; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl, #MK_innerOptWrap .MK_inner-opt-cm li .MK_price, #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { position: absolute; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name, #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl, #MK_innerOptWrap .MK_inner-opt-cm li .MK_price, #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { display: block; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_price { right: 20px; top: 10px; color: #333; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { right: 5px; top: 8px; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .basic_option { margin-top: 3px; } /* 사용자 입력 인풋박스 (color, size )*/ .MK_optAddWrap .MK_inner-opt-cm li .MK_txt_uinput { width: 200px; } /* 기본옵션 */ #MK_innerOptWrap #MK_innerOpt_01 li .MK_p-name { margin-right: 140px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl { width: 50px; top: 3px; *top: 2px; right: 90px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl input.MK_count { width: 30px; height: 16px; line-height: 16px; padding: 2px 0 0 2px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a { position: absolute; right: 0px; font-size: 0; line-height: 0; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a img { vertical-align: top; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a.MK_btn-up { top: 2px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a.MK_btn-dw { top: 12px; } /* 개별옵션 */ #MK_innerOptWrap #MK_innerOpt_02 li .MK_p-name { margin-right: 80px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl { width: 50px; top: 3px; *top: 2px; right: 90px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl input.MK_count { width: 30px; height: 16px; line-height: 16px; padding: 2px 0 0 2px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a { position: absolute; right: 0px; font-size: 0; line-height: 0; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a img { vertical-align: top; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a.MK_btn-up { top: 2px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a.MK_btn-dw { top: 12px; } /* 총합계 */ #MK_innerOptTotal { padding: 10px 5px!important; font-size: 12px; color: #373737; text-align: right; background: #fafafa;} #MK_innerOptTotal .MK_txt-total { } #MK_innerOptTotal .MK_txt-won { } #MK_innerOptTotal .MK_total { color: #ff767f; font-weight: bold; background: #fafafa;font-size: 20px; letter-spacing: -1px;} /* 소리뷰 */ #sorivu { position: relative; margin-top:40px; } /* 상품 일반정보(상품정보제공 고시) */ #productWrap { margin: 10px 0; } #productWrap h3.tb-tit { margin-bottom: 10px; text-align: left; } #productWrap table { width: 100%; font-size: 12px; border-collapse: collapse; border-width: 1px 0 1px 0; border-color: #b4b4b4; border-style: solid; table-layout: fixed; } #productWrap table th { border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; background-color: #f8f8f8; color: #3b3b3d; text-align: left; padding: 10px 0 10px 15px; } #productWrap table td { color: #8b8b8b; border-bottom: 1px solid #e0e0e0; word-break: break-all; text-align: left; padding: 10px 0 10px 17px; } span#price_text{ font-size: 13px; } .desc { position: relative; height: 13px; line-height: 13px; padding-top: 2px; top: -2px; display: inline; border-left: 1px solid #ddd; padding-left: 7px; margin-left: 5px; font: 11px "돋움"; color: #777; } /* 관련상품 */ .coordilist {text-align:center; margin-top:10px;vertical-align:top; width: 1130px;} .coordilist div {width:187px;float:left;;margin: 20px 19px;vertical-align:top} .coordibox .thumb img {padding-bottom:13px; width:100%;vertical-align:top} .coordibox .name {margin-bottom:4px; text-align:center; vertical-align:top} .coordibox b {color:#979797;font-size:12px; } /*상품상세*/ .prdt_info_page .icon_area{text-align: right; } .prdt_info_page .top_pannel { text-align: center; width: 100%; overflow: hidden; border-bottom: 1px #eaeaec solid; margin-bottom: 15px;} .prdt_info_page .top_pannel .path {float: right; width: auto; height: 15px; line-height: 15px; overflow: hidden; margin-bottom: 25px; } .prdt_info_page .top_pannel .path ol {float: left; } .prdt_info_page .top_pannel .path ol li {padding: 0; margin: 0; background: none; } .prdt_info_page .top_pannel .path ol li a {font-size: 11px; } .prdt_info_page .top_pannel .path ol li a b {font-size: 11px;} .prdt_info_page .top_pannel .path ol li a p {display: none; } .prdt_info_page .top_pannel .path ol li span.next_cate_arrw {font-size: 8px; margin: 0 3px; } .prdt_info_page .top_pannel .prdt_name {float: left; margin-top: 13px;} .prdt_info_page .top_pannel .prdt_name a {font:16px "돋움", Dotum, AppleGothic, sans-serif; color: #555; font-weight: bold; } .prdt_info_page .detailArea {margin-top: 20px;} .prdt_info_page .detailArea .imgArea {width: auto; padding: 0 10px; } .prdt_info_page .detailArea .keyImg {width: 594px; height: 365px;} .prdt_info_page .detailArea .keyImg img{width: 100%; height: 100%; border: none; } .prdt_info_page .detailArea .infoArea {width: 432px; float: right;padding-left: 30px;margin-bottom: 15px; } .prdt_info_table th{text-align: right; } .prdt_info_table th span, .sns_table th{font-size: 13px !important; color: #989898 !important; font-weight: bolder; letter-spacing:-1px; text-align: right; } .prdt_info_table td span strong {font-size: 20px; font-weight: bold; vertical-align: top; } .option_table td.title {width: 115px; padding: 7px 30px 8px 9px; text-align: right; vertical-align: top; font-size: 13px; color: #989898; font-weight: bold;} .option_table td p{font-size: 11px; color: #979797;} .option_table .option_table_inner {padding: 0 0 10px 0!important;} .option_table .option_table_inner table{width: 85%; } .option_table .option_table_inner table th, .option_table .option_table_inner table td {border-top: 1px #eaeaec solid; border-bottom: 1px #eaeaec solid; font-size: 11px; } .option_table .option_table_inner table th {padding: 0px !important; line-height: 30px; background:#fafafa; text-align: center; } .option_table .option_table_inner table td {padding: 5px !important;} .option_select_table tbody {border: 1px #ececec solid; } .option_select_table tbody tr{border-top:1px #ececec solid;} .option_select_table tbody tr: first-child{border: none; } .option_select_table tbody td{background: #fafafa; } .prdt_info_page .btnArea .ment_soldout{text-align: center; margin: 25px 0; } .tit-detail ul {border-bottom: 1px #ededed solid;padding-bottom: 10px;} .tit-detail ul.link { margin:30px 0 11px; border-left:0; *zoom:1; } .tit-detail ul.link:after { content:""; display:block; clear:both; } .tit-detail ul.link li { float:left; } .tit-detail ul.link li>img {padding: 0 5px; } .btnArea{text-align: right;} .coordilist {text-align:center;vertical-align:top; overflow: hidden;margin-left: -10px;} .coordilist div {width:187px;float:left;;margin: 20px 15px;vertical-align:top} .coordibox .thumb img {padding-bottom:13px; width:100%;vertical-align:top} .coordibox .name {margin-bottom:4px; text-align:center; vertical-align:top} .coordibox b { /*display:block;*/ margin:10px 0; padding: 4px; color:#ff6a74; font-weight: bold; font-size: 9px; border: 1px #ff6a74 solid; } /* 상품옵션 정보 */ #detail_top .infors .text { } #detail_top .infors .text .tit-prd { font-weight: bold; font-size: 14px; color: #252525; } #detail_top .infors .text .table-opt { } #detail_top .infors .text .table-opt th, #detail_top .infors .text .table-opt td { font-size: 12px; font-family:"돋움";padding: 6px 0 5px;height:19px; } #detail_top .infors .text .table-opt th { font-weight: normal; letter-spacing: -1px;width:130px; } /* 판매가격 */ #detail_top .infors .text .table-opt .price { font-weight: bold; color:#0066d4; } #detail_top .infors .text .table-opt .price2 { } /* 주문수량 */ #goods_amount { float:left; } #detail_top .infors .text .table-opt .opt-spin { position: relative; width: 52px; height: 15px; border: 1px solid #acacac; } #detail_top .infors .text .table-opt .opt-spin .txt-spin, #detail_top .infors .text .table-opt .opt-spin .btns { float: left; } #detail_top .infors .text .table-opt .opt-spin .txt-spin { width: 41px; height: 13px; padding-left: 2px padding-top: 2px; border: 0; font-size: 11px; } #detail_top .infors .text .table-opt .opt-spin .btns { width: 17px; height: 15px; border-left: 1px solid #aaa; } #detail_top .infors .text .table-opt .opt-spin .btns a { overflow: hidden; float: left; width: 100%; height: 8px; text-indent: -999px; background: none; } #detail_top .infors .text .table-opt .opt-spin .btns a.btn-up { border-bottom: 1px solid #aaa; background: url(/images/d3/modern_simple/btn/btn_h5_spin_up.gif) no-repeat 50% 50%; } #detail_top .infors .text .table-opt .opt-spin .btns a.btn-dw { background: url(/images/d3/modern_simple/btn/btn_h5_spin_dw.gif) no-repeat 50% 50%; } #detail_top .infors .text .prd-btns { margin-top: 40px; } #detail_top .infors .text .prd-btns a { margin-right: 5px; } /* 통합옵션 */ #detail_top .infors .text .table-opt .opt-wrap { width: 100%;} #detail_top .infors .text .table-opt .opt-wrap .tit { margin-bottom: 5px; padding-left: 10px; } #detail_top .infors .text .table-opt .opt-wrap dl { overflow: hidden; width: 100%; margin-bottom: 5px; } #detail_top .infors .text .table-opt .opt-wrap dt { float: left; width: 120px;padding-left:10px; } #detail_top .infors .text .table-opt .opt-wrap dd { float: left; width: 248px; } #detail_top .infors .text .table-opt .opt-wrap .sel-btn { padding-left: 10px; text-align: center; } #detail_top .infors .text .table-opt .opt-wrap select { width: 240px; height: 18px; border: 1px solid #ddd; } #detail_top .infors .text .table-opt .opt-wrap .opt-btns { position: relative; width: 56px; height: 19px } #detail_top .infors .text .table-opt .opt-wrap .opt-btns input { position: absolute; top: 0; left: 0; width: 40px; height: 17px; border: 1px solid #ddd; text-align: right; } #detail_top .infors .text .table-opt .opt-wrap .opt-btns .btn-up { position: absolute; top: 0; right: 0; } #detail_top .infors .text .table-opt .opt-wrap .opt-btns .btn-dw { position: absolute; bottom: 0; right: 0; } #detail_top .infors .text .table-opt .opt-wrap dl .opt-count select { float: left; width: 180px; } #detail_top .infors .text .table-opt .opt-wrap dl .opt-count .opt-btns { float: left; width: 56px; margin-left: 5px; } /* 상세 꾸미기 */ #detail_top {width:1098px;margin:0 auto;border:1px solid #ddd;height:548px;} #detail_top .thumbs {height:100%;position:relative;float:left;width:388px;border-right:1px solid #ddd;text-align:center;} #detail_top .thumbs .proimg {height:435px;padding-top:34px;} #detail_top .thumbs .social {border-top:1px solid #ddd;padding-top:24px;} #detail_top .infors {height:548px;position:relative;float:left;width:460px;border-right:1px solid #ddd;} #detail_top .infors .text {width:380px;min-height:390px;margin:20px auto 0 auto;} #detail_top .infors .button{width:460px;height:80px;position:absolute;bottom:-1px;} #detail_top .infors .button li {float:left;} #detail_top .tips {height:472px;;position:relative;float:right;width:172px;padding:38px;} #detail_top .tips .button{width:248px;height:158px;position:absolute;bottom:0px;right:0;} #detail_top .tips .button li {float:left;} #detail_top .detail_common {height:110px;overflow:hidden;;} #detail_top ,#detail_top table {font-size:11px;font-family:돋움;color:#666;line-height:14px;letter-spacing:-0.03em} .tit-detail{position: relative; } /* BASIC css end */