모바일쇼핑몰: table -> ul 작업 중
This commit is contained in:
whitedot
@ -36,6 +36,155 @@
|
||||
/* 상품상세 */
|
||||
#info_content {padding:0 0 50px;width:100%;height:100%;zoom:1}
|
||||
#info_content:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#info_content h2, #info_content h3 {margin:0 0 10px}
|
||||
|
||||
/* 상품 상세보기 - 개요 */
|
||||
#sit_ov_wrap {margin:0 0 20px;border-bottom:1px solid #e9e9e9}
|
||||
#sit_ov_wrap:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
|
||||
/* 상품 상세보기 - 이미지 미리보기 */
|
||||
#sit_pvi {position:relative;border-bottom:1px solid #e9e9e9;text-align:center}
|
||||
|
||||
#sit_pvi_prev {position:absolute;top:0;left:0}
|
||||
#sit_pvi_next {position:absolute;top:0;right:0}
|
||||
.sit_pvi_btn {display:none;z-index:10;width:2em;height:280px;border:0;background:#f2f5f9}
|
||||
|
||||
#sit_pvi_slide {position:relative;margin:0 auto;padding:0;list-style:none;width:280px;height:280px;overflow-x:hidden}
|
||||
#sit_pvi_slide li {display:none;position:absolute;left:0;top:0}
|
||||
#sit_pvi_slide img {width:280px;height:280px}
|
||||
|
||||
#sit_pvi_nw h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
#sit_pvi_nwbig {padding:10px 0;text-align:center}
|
||||
#sit_pvi_nwbig span {display:none}
|
||||
#sit_pvi_nwbig span.visible {display:inline}
|
||||
#sit_pvi_nw ul {margin:0 0 15px;padding:0 10px;list-style:none}
|
||||
#sit_pvi_nw ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sit_pvi_nw li {float:left;margin:0 0 0 1px}
|
||||
#sit_pvi_nw li img {width:60px;height:60px}
|
||||
|
||||
/* 상품 상세보기 - 간략정보 및 구매기능 */
|
||||
#sit_ov {position:relative;padding:50px 13px 13px;height:auto !important;height:355px;min-height:355px;background:#f2f5f9}
|
||||
#sit_ov h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
#sit_ov h3 {margin:0 0 10px}
|
||||
|
||||
#sit_title {display:inline-block;margin:0 0 5px;font-size:1.3em}
|
||||
#sit_desc {display:inline-block;margin:0 0 10px;color:#999}
|
||||
#sit_opt_info {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
.sit_icon {display:block;margin:5px 0 0}
|
||||
.sit_icon img {margin:0 1px 0 0}
|
||||
|
||||
#sit_star_sns {position:absolute;top:15px;right:15px;color:#b8afa2;font-size:0.95em;letter-spacing:-0.1em}
|
||||
#sit_star_sns span {display:inline-block;margin:0 5px 0 0;color:#666;letter-spacing:0}
|
||||
#sit_star_sns .sit_star {position:relative;top:-2px;margin:0 5px 0 0}
|
||||
#sit_star_sns a {position:relative;top:-2px}
|
||||
|
||||
.sit_ov_tbl {margin-bottom:20px;width:100%;border:0;border-collapse:collapse}
|
||||
.sit_ov_tbl th {border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;font-weight:normal;text-align:left}
|
||||
.sit_ov_tbl td {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
|
||||
.sit_ov_ro {padding:2px 2px 3px;border:0;background:transparent;text-align:right;vertical-align:middle}
|
||||
.sit_ov_opt {padding:2px 2px 3px;border:0;background:transparent;vertical-align:middle}
|
||||
.sit_ov_input {height:1.8em;border:1px solid #b8c9c2;background:transparent;vertical-align:middle}
|
||||
.sit_ov_tbl button {margin:0}
|
||||
|
||||
.sit_sel_btn {position:relative;top:-15px;right:-2px} /* 선택옵션용 추가 버튼 */
|
||||
.sit_sel_btn button {width:100%}
|
||||
|
||||
.td_sit_sel {position:relative}
|
||||
.sit_sel_submit {margin:5px 0 0 !important;width:100%}
|
||||
|
||||
#sit_opt_added {margin:0;padding:0;border:1px solid #e9e9e9;border-bottom:0;background:#fff;list-style:none}
|
||||
#sit_opt_added li {padding:10px 20px;border-bottom:1px solid #e9e9e9}
|
||||
#sit_opt_added li div {margin:5px 0 0;text-align:right}
|
||||
#sit_opt_added .btn_frmline {height:1.85em;line-height:1.85em}
|
||||
|
||||
#sit_tot_price {margin:20px 0;font-size:1.3em;font-weight:bold}
|
||||
|
||||
#sit_ov_soldout {margin:0 0 20px;color:#ff3061;font-weight:bold;text-align:center}
|
||||
|
||||
#sit_ov_btn {margin:0;padding:0;text-align:center}
|
||||
#sit_ov_btn a {display:inline-block;padding:10px;vertical-align:middle;text-decoration:none;letter-spacing:-0.1em}
|
||||
#sit_ov_btn input {margin:0;padding:10px;border:0;letter-spacing:-0.1em}
|
||||
#sit_btn_buy {background:#ff5b89;color:#fff}
|
||||
#sit_btn_cart, #sit_btn_wish {background:#555;color:#fff}
|
||||
#sit_btn_rec {background:#888;color:#fff}
|
||||
|
||||
/* 상품 상세보기 - 다른 상품 보기 */
|
||||
#sit_siblings {margin:0 0 10px;padding:10px 10px 20px;border-bottom:1px solid #e9e9e9;text-align:center}
|
||||
#sit_siblings h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
#sit_siblings a {display:inline-block;margin:0 10px}
|
||||
#sit_siblings a span {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
|
||||
/* 상품 상세보기 하단 버튼 */
|
||||
#sit_more {padding:0 0 0 1px}
|
||||
#sit_more li {position:relative;margin:-1px 0 0 -1px;width:33%}
|
||||
#sit_more li:nth-of-type(3n) {width:34%}
|
||||
#sit_more a {display:block;padding:15px 0;text-align:center}
|
||||
|
||||
/* 상품 상세보기 - 상품정보 */
|
||||
#sit_inf_basic {margin:0 0 10px}
|
||||
#sit_inf_explan {margin:0 0 10px}
|
||||
#sit_inf_explan img {max-width:100%;height:auto}
|
||||
|
||||
#sit_inf_open {margin:0;padding:0;list-style:none}
|
||||
#sit_inf_open li {margin:0 0 1px;padding:8px 0;background:#f2f5f9}
|
||||
#sit_inf_open li:nth-last-of-type(1) {border-bottom:0}
|
||||
#sit_inf_open li:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sit_inf_open strong {clear:both;float:left;padding:0 1%;width:38%;letter-spacing:-0.1em}
|
||||
#sit_inf_open span {float:left;margin:0;padding:0 1%;width:58%}
|
||||
|
||||
/* 상품 상세보기 - 사용후기 */
|
||||
#sit_use {margin:0 0 10px;padding:10px 10px 20px;border-bottom:1px solid #e9e9e9}
|
||||
|
||||
#sit_use_ol {margin:0 0 5px;padding:0;border-top:1px solid #e9e9e9;list-style:none}
|
||||
.sit_use_li {position:relative;padding:0 0 10px;border-bottom:1px solid #e9e9e9;background:#f2f5f9}
|
||||
.sit_use_li_title {display:block;margin:0;padding:10px;width:100%;border:0;background:transparent;text-align:left}
|
||||
|
||||
.sit_use_dl {margin:0;padding:0 10px}
|
||||
.sit_use_dl:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.sit_use_dl dt {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
.sit_use_dl dd {float:left;margin:3px 15px 0 0}
|
||||
.sit_use_star {margin:0 !important}
|
||||
|
||||
.sit_use_con {display:none;padding:10px 10px 0}
|
||||
.sit_use_p {margin:0 0 10px;padding:10px;border:1px solid #e9e9e9;background:#fff}
|
||||
.sit_use_cmd {text-align:right}
|
||||
|
||||
#sit_use_wbtn {margin:0 0 5px;text-align:right}
|
||||
|
||||
#sit_use_write {}
|
||||
#sit_use_write #is_subject {width:100%}
|
||||
#sit_use_write ul {margin:5px 0 0}
|
||||
#sit_use_write li {margin:0 0 5px}
|
||||
#sit_use_write li label {display:inline-block;width:80px}
|
||||
#sit_use_write_star {margin:0;padding:0;list-style:none}
|
||||
|
||||
/* 상품 상세보기 - 상품문의 */
|
||||
#sit_qa {margin:0 0 10px;padding:10px 10px 20px;border-bottom:1px solid #e9e9e9}
|
||||
|
||||
#sit_qa_ol {margin:0 0 5px;padding:0;border-top:1px solid #e9e9e9;list-style:none}
|
||||
.sit_qa_li {position:relative;padding:0 0 10px;border-bottom:1px solid #e9e9e9;background:#f2f5f9}
|
||||
.sit_qa_li_title {display:block;margin:0;padding:10px;width:100%;border:0;background:transparent;text-align:left}
|
||||
|
||||
.sit_qa_dl {margin:0;padding:0 10px}
|
||||
.sit_qa_dl:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.sit_qa_dl dt {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
.sit_qa_dl dd {float:left;margin:0 15px 0 0}
|
||||
|
||||
.sit_qa_con {display:none;padding:10px 10px 0}
|
||||
.sit_qa_p {margin:0 0 10px;padding:10px;border:1px solid #e9e9e9;background:#fff}
|
||||
.sit_qa_p strong {display:inline-block;margin:0 0 10px}
|
||||
.sit_qa_qaq {margin:0 0 20px}
|
||||
.sit_qa_con textarea {display:none}
|
||||
.sit_qa_cmd {text-align:right}
|
||||
|
||||
.sit_qa_pw {display:none;position:absolute;top:30px;left:175px;padding:10px;width:348px;border:1px solid #000;background:#fff;text-align:center}
|
||||
.sit_qa_pw span {display:block;margin:0 0 5px}
|
||||
|
||||
#sit_qa_wbtn {margin:0 0 5px;text-align:right}
|
||||
|
||||
#sit_qa_w {display:none}
|
||||
|
||||
/* 하단 펼침메뉴 */
|
||||
#menu_button {position:fixed;left:0;bottom:0;width:100%;height:40px;text-align:center}
|
||||
#menu_button button {position:relative;margin:0;padding:0;width:20%;height:40px;border:0;background:transparent}
|
||||
#menu_button button span {display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;background:url('img/arr_up01.gif') #000 center 15px no-repeat}
|
||||
|
||||
Reference in New Issue
Block a user