firstgarden/firstgarden-web-gnu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

쇼핑몰: #323 상품검색 form 마크업

Browse Source
This commit is contained in:
whitedot
2013-11-08 17:59:23 +09:00
parent 3cce834ecb
commit f13964c6ec
3 changed files with 89 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
css/default_shop.css
View File

@ -37,7 +37,7 @@ a:hover, a:focus, a:active {color:#000;text-decoration:underline}
/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:1.9em;vertical-align:middle}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f5f6fa;text-align:center}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f2f5f9;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
@ -54,7 +54,7 @@ a:hover, a:focus, a:active {color:#000;text-decoration:underline}
.hd_pops_footer {position:absolute;bottom:0;left:0;padding:10px 0;width:100%;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}
#hd_nb {border-bottom:1px solid #e9e9e9;background:#f5f6fa;zoom:1}
#hd_nb {border-bottom:1px solid #e9e9e9;background:#f2f5f9;zoom:1}
#hd_nb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_nb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_nb ul {margin:0 auto;width:110px}
@ -65,7 +65,7 @@ a:hover, a:focus, a:active {color:#000;text-decoration:underline}
#hd_aside {border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
#hd_aside h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_aside div {position:relative;margin:0 auto;width:998px;border-right:1px solid #e9e9e9;border-left:1px solid #e9e9e9;background:#f5f6fa;zoom:1}
#hd_aside div {position:relative;margin:0 auto;width:998px;border-right:1px solid #e9e9e9;border-left:1px solid #e9e9e9;background:#f2f5f9;zoom:1}
#hd_aside div:after {display:block;visibility:hidden;clear:both;content:""}
#sch_all {float:left;background:#fff}
@ -90,7 +90,7 @@ a:hover, a:focus, a:active {color:#000;text-decoration:underline}
/* 오늘 본 상품 */
#stv {z-index:1001;float:right;position:relative;width:88px}
#stv_list {position:fixed !important;position:absolute;width:88px;border:1px solid #e9e9e9;background:#fff}
#stv_list h2 {padding:10px 0 8px;background:#f5f6fa;text-align:center;letter-spacing:-0.1em}
#stv_list h2 {padding:10px 0 8px;background:#f2f5f9;text-align:center;letter-spacing:-0.1em}
#stv_pg {display:block;margin:5px 0 0}
#stv_list p {padding:20px 0;text-align:center}
#stv_btn {text-align:center;zoom:1}
@ -100,7 +100,7 @@ a:hover, a:focus, a:active {color:#000;text-decoration:underline}
.stv_item {display:none;text-align:center}
.stv_item img {margin:5px 0}
#stv_nb {margin:0;padding:0;border-top:1px solid #e9e9e9;background:#f5f6fa;list-style:none}
#stv_nb {margin:0;padding:0;border-top:1px solid #e9e9e9;background:#f2f5f9;list-style:none}
#stv_nb li {text-align:center}
#stv_nb a {display:block}
@ -108,7 +108,7 @@ a:hover, a:focus, a:active {color:#000;text-decoration:underline}
#aside {float:left;margin:0 10px 0 0;width:150px}
/* aside:gnb */
#gnb {margin:0 0 5px;padding:0 0 10px;border:1px solid #d5d5d5;background:#f5f6fa}
#gnb {margin:0 0 5px;padding:0 0 10px;border:1px solid #d5d5d5;background:#f2f5f9}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.gnb_1dul {margin:0;border:0;background:#fff;list-style:none}
.gnb_1dli {position:relative;background:url('../shop/img/gnb_bg.gif') top right repeat-x}
@ -119,7 +119,7 @@ a:hover, a:focus, a:active {color:#000;text-decoration:underline}
.gnb_1dli_over .gnb_2dul, .gnb_1dli_over2 .gnb_2dul {display:block;top:0;left:127px;width:130px;background:#fff}
.gnb_2da {display:none}
.gnb_1dli_over .gnb_2da {display:block;padding:0 10px;height:33px;border-bottom:1px solid #e9e9e9;line-height:2.9em !important;line-height:2.6em}
.gnb_2da:focus, .gnb_2da:hover {background:#f5f6fa;text-decoration:none}
.gnb_2da:focus, .gnb_2da:hover {background:#f2f5f9;text-decoration:none}
/* aside:이벤트 링크 */
#sev {margin:0 0 5px;padding:0 0 10px;border:1px solid #ecc9d6;background:#fff8fb}
@ -132,7 +132,7 @@ a:hover, a:focus, a:active {color:#000;text-decoration:underline}
#sev_empty {padding:15px 0;text-align:center}
/* aside:커뮤니티 링크 */
#scomm {margin:0 0 5px;padding:0 0 10px;border:1px solid #d5d5d5;background:#f5f6fa}
#scomm {margin:0 0 5px;padding:0 0 10px;border:1px solid #d5d5d5;background:#f2f5f9}
#scomm h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#scomm ul {margin:0;padding:0;border:0;background:#fff;list-style:none}
#scomm a {display:block;padding:7px 10px 6px;border-bottom:1px solid #f4f4f4;text-decoration:none}
@ -146,7 +146,7 @@ a:hover, a:focus, a:active {color:#000;text-decoration:underline}
#sbn_aside li {margin:0 0 1px}
/* aside:장바구니 */
#sbsk {margin:0 0 5px;padding:0 0 10px;border:1px solid #d5d5d5;background:#f5f6fa}
#sbsk {margin:0 0 5px;padding:0 0 10px;border:1px solid #d5d5d5;background:#f2f5f9}
#sbsk h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sbsk ul {margin:0;padding:0;border:0;background:#fff;list-style:none}
#sbsk a {display:block;padding:7px 10px 6px;border-bottom:1px solid #f4f4f4;text-decoration:none}
@ -154,7 +154,7 @@ a:hover, a:focus, a:active {color:#000;text-decoration:underline}
#sbsk_empty {padding:15px 0;text-align:center}
/* aside:위시리스트 */
#swish {margin:0 0 5px;padding:0 0 10px;border:1px solid #d5d5d5;background:#f5f6fa}
#swish {margin:0 0 5px;padding:0 0 10px;border:1px solid #d5d5d5;background:#f2f5f9}
#swish h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#swish ul {margin:0;padding:0;border:0;background:#fff;list-style:none}
#swish a {display:block;padding:7px 10px 6px;border-bottom:1px solid #f4f4f4;text-decoration:none}
@ -204,7 +204,7 @@ a:hover, a:focus, a:active {color:#000;text-decoration:underline}
.sanchor {margin:0 0 10px;padding:0;zoom:1}
.sanchor:after {display:block;visibility:hidden;clear:both;content:""}
.sanchor li {float:left;margin-left:-1px;list-style:none}
.sanchor a {display:inline-block;border:1px solid #e9e9e9;background:#f5f6fa;padding:0 7px;height:30px;text-decoration:none;line-height:2.6em}
.sanchor a {display:inline-block;border:1px solid #e9e9e9;background:#f2f5f9;padding:0 7px;height:30px;text-decoration:none;line-height:2.6em}
.sanchor a:focus, .sanchor a:hover {background:#626870;color:#fff;text-decoration:none}
.sanchor a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
@ -225,7 +225,7 @@ fieldset .btn_submit {height:22px;font-size:1em}
button.btn_cancel {display:inline-block;padding:0 10px;height:22px;border:1px solid #ccc;background:#fafafa;line-height:1.9em}
.btn_cancel:focus, .btn_cancel:hover {text-decoration:none !important}
.btn_frmline {display:inline-block;padding:0 7px 0 5px;height:22px;border:0;background:#333;color:#fff !important;letter-spacing:-0.1em;text-decoration:none;vertical-align:middle;line-height:2em} /* 우편번호검색버튼 등 */
.btn_frmline2 {display:inline-block;padding:0 7px 0 5px;height:20px;border:1px solid #e9e9e9;background:#f5f6fa;color:#ff3061 !important;letter-spacing:-0.1em;text-decoration:none;vertical-align:middle;line-height:1.7em}
.btn_frmline2 {display:inline-block;padding:0 7px 0 5px;height:20px;border:1px solid #e9e9e9;background:#f2f5f9;color:#ff3061 !important;letter-spacing:-0.1em;text-decoration:none;vertical-align:middle;line-height:1.7em}
button.btn_frmline {font-size:1em;cursor:pointer}
button.btn_frmline2 {font-size:1em;cursor:pointer}
.btn_win {clear:both;margin-bottom:20px;text-align:center} /* 새창용 */
@ -356,7 +356,7 @@ fieldset .frm_input {padding:2px 2px 3px;border:1px solid #b8c9c2;background:#f7
.sct_admin {margin:0 0 10px;text-align:right}
/* 상품 목록 현재 위치 */
#sct_location {margin:0 0 10px;border:1px solid #e9e9e9;background:#f5f6fa;letter-spacing:-4px}
#sct_location {margin:0 0 10px;border:1px solid #e9e9e9;background:#f2f5f9;letter-spacing:-4px}
#sct_location a {display:inline-block;padding:10px 10px 8px;text-decoration:none;letter-spacing:0 !important}
.sct_here {font-weight:bold}
.sct_bg {padding-right:15px !important;background:url('../shop/img/sct_bg_toright.gif') right 11px no-repeat}
@ -404,7 +404,7 @@ fieldset .frm_input {padding:2px 2px 3px;border:1px solid #b8c9c2;background:#f7
.sit_empty {padding:20px 0;text-align:center}
/* 상품 상세보기 - 개요 */
#sit_ov_wrap {margin:0 0 20px;border-bottom:1px solid #e9e9e9;background:#f5f6fa;zoom:1}
#sit_ov_wrap {margin:0 0 20px;border-bottom:1px solid #e9e9e9;background:#f2f5f9;zoom:1}
#sit_ov_wrap:after {display:block;visibility:hidden;clear:both;content:""}
/* 상품 상세보기 - 이미지 미리보기 */
@ -485,8 +485,8 @@ fieldset .frm_input {padding:2px 2px 3px;border:1px solid #b8c9c2;background:#f7
#sit_inf_explan img {max-width:100%;height:auto}
#sit_inf_open {width:100%;border:0;border-collapse:collapse}
#sit_inf_open th {padding:7px 10px;border:1px solid #fff;background:#f5f6fa;vertical-align:top;text-align:left}
#sit_inf_open td {padding:7px 10px;border:1px solid #fff;background:#f5f6fa;vertical-align:top}
#sit_inf_open th {padding:7px 10px;border:1px solid #fff;background:#f2f5f9;vertical-align:top;text-align:left}
#sit_inf_open td {padding:7px 10px;border:1px solid #fff;background:#f2f5f9;vertical-align:top}
/* 상품 상세보기 - 사용후기 */
#sit_use {margin:0 0 10px;padding:10px 10px 20px;border-bottom:1px solid #e9e9e9}
@ -494,7 +494,7 @@ fieldset .frm_input {padding:2px 2px 3px;border:1px solid #b8c9c2;background:#f7
#sit_use h3 {margin:0 0 10px}
#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:#f5f6fa}
.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;cursor:pointer}
.sit_use_dl {margin:0;padding:0 10px;zoom:1}
@ -522,7 +522,7 @@ fieldset .frm_input {padding:2px 2px 3px;border:1px solid #b8c9c2;background:#f7
#sit_qa h3 {margin:0 0 10px}
#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:#f5f6fa}
.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;cursor:pointer}
.sit_qa_dl {margin:0;padding:0 10px;zoom:1}
@ -621,7 +621,7 @@ fieldset .frm_input {padding:2px 2px 3px;border:1px solid #b8c9c2;background:#f7
#smb_my_act:after {display:block;visibility:hidden;clear:both;content:""}
#smb_my_act ul {float:right;margin:0;padding:0;list-style:none}
#smb_my_act li {float:left;margin:0 0 0 4px}
#smb_my_ov dl {margin:0;border:1px solid #e9e9e9;background:#f5f6fa;zoom:1}
#smb_my_ov dl {margin:0;border:1px solid #e9e9e9;background:#f2f5f9;zoom:1}
#smb_my_ov dl:after {display:block;visibility:hidden;clear:both;content:''}
#smb_my_ov dt {float:left;padding:7px 10px;width:100px;border-bottom:1px solid #e9e9e9;font-weight:bold}
#smb_my_ov dd {float:left;margin:0;padding:7px 10px;width:220px;border-bottom:1px solid #e9e9e9}
@ -640,15 +640,15 @@ fieldset .frm_input {padding:2px 2px 3px;border:1px solid #b8c9c2;background:#f7
/* 장바구니 */
#sod_bsk {}
.sod_bsk_img {width:90px;text-align:center}
.sod_bsk_itopt {margin:5px 0;border:1px solid #e9e9e9;border-bottom:0;background:#f5f6fa}
.sod_bsk_itopt {margin:5px 0;border:1px solid #e9e9e9;border-bottom:0;background:#f2f5f9}
.sod_bsk_itopt ul {margin:0;padding:0;list-style:none}
.sod_bsk_itopt li {padding:3px;border-bottom:1px solid #e9e9e9}
.sod_option_btn .mod_options {margin:0;padding:3px 0;width:100%;border:0;background:#333;color:#fff;cursor:pointer}
#sod_bsk_list {position:relative}
#sod_bsk_list #mod_option_frm {z-index:10000;position:absolute;top:0;left:99px;padding:20px;width:500px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#f5f6fa;overflow-y:scroll;overflow-x:none}
#sod_bsk_list #mod_option_frm {z-index:10000;position:absolute;top:0;left:99px;padding:20px;width:500px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#f2f5f9;overflow-y:scroll;overflow-x:none}
#sod_bsk_tot {margin:0;padding:10px;border:1px solid #e9e9e9;background:#f5f6fa;zoom:1}
#sod_bsk_tot {margin:0;padding:10px;border:1px solid #e9e9e9;background:#f2f5f9;zoom:1}
#sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""}
#sod_bsk_tot dt, #sod_bsk_tot dd {float:left;padding:12px 0;border-bottom:1px solid #e9e9e9}
#sod_bsk_tot dt {padding-left:2%;width:48%;font-weight:bold}
@ -672,7 +672,7 @@ fieldset .frm_input {padding:2px 2px 3px;border:1px solid #b8c9c2;background:#f7
#display_setup_message strong {display:block;margin:0 0 10px}
#sod_list {position:relative}
#sod_list #it_coupon_frm {z-index:10000;position:absolute;top:0;left:99px;padding:20px;width:500px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#f5f6fa;overflow-y:scroll;overflow-x:none}
#sod_list #it_coupon_frm {z-index:10000;position:absolute;top:0;left:99px;padding:20px;width:500px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#f2f5f9;overflow-y:scroll;overflow-x:none}
#sod_frm_orderer {margin:20px 0 40px}
@ -688,9 +688,9 @@ fieldset .frm_input {padding:2px 2px 3px;border:1px solid #b8c9c2;background:#f7
#sod_frm_pay .basic_tbl th {width:auto !important;font-weight:bold;text-align:center !important}
#sod_frm_pay .basic_tbl td {padding:8px 5px 6px !important;border-top:1px solid #e9e9e9 !important;border-bottom:1px solid #e9e9e9 !important;line-height:1.5em !important;word-break:break-all !important}
#sod_frm_pay #sc_coupon_frm, #sod_frm_pay #od_coupon_frm {z-index:10000;position:absolute;top:0;left:99px;padding:20px;width:500px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#f5f6fa;overflow-y:scroll}
#sod_frm_pay #sc_coupon_frm, #sod_frm_pay #od_coupon_frm {z-index:10000;position:absolute;top:0;left:99px;padding:20px;width:500px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#f2f5f9;overflow-y:scroll}
#sod_frm_paysel {margin:0 0 20px;padding:10px;border:1px solid #e9e9e9;background:#f5f6fa;text-align:center}
#sod_frm_paysel {margin:0 0 20px;padding:10px;border:1px solid #e9e9e9;background:#f2f5f9;text-align:center}
#sod_frm_paysel legend {position:absolute;font-size:0;line-height:0;overflow:hidden}
#settle_bank {margin:10px 0 0}
@ -722,7 +722,7 @@ fieldset .frm_input {padding:2px 2px 3px;border:1px solid #b8c9c2;background:#f7
#sod_ul p a {font-weight:bold;text-decoration:none}
#request_form {position:relative}
#request_form div {display:none;z-index:10000;position:absolute;top:23px;left:0;padding:20px 0;width:520px;border:1px solid #000;background:#f5f6fa;text-align:center}
#request_form div {display:none;z-index:10000;position:absolute;top:23px;left:0;padding:20px 0;width:520px;border:1px solid #000;background:#f2f5f9;text-align:center}
#request_form .frm_input {width:300px;background:#fff !important}
#request_form .btn_frmline, #request_form .btn_cancel {vertical-align:middle !important}
#request_form .btn_frmline {padding:0 10px;line-height:1.6em}
@ -731,7 +731,7 @@ fieldset .frm_input {padding:2px 2px 3px;border:1px solid #b8c9c2;background:#f7
#sod_req_btn button {background:#626870}
#sod_req_log {margin:0 0 20px}
#sod_req_log ul {margin:0;padding:0;border-top:1px solid #e9e9e9;background:#f5f6fa;list-style:none}
#sod_req_log ul {margin:0;padding:0;border-top:1px solid #e9e9e9;background:#f2f5f9;list-style:none}
#sod_req_log li {padding:10px 10px 20px;border:1px solid #e9e9e9;border-top:0}
#sod_req_log h3 {margin:20px 0 10px}
.sod_req_log_view table {margin:0}
@ -746,7 +746,7 @@ fieldset .frm_input {padding:2px 2px 3px;border:1px solid #b8c9c2;background:#f7
#sod_fin_view {border:1px solid #e9e9e9}
#sod_fin_view h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_fin_view h3 {margin:0 0 10px}
#sod_fin_view .basic_tbl th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f5f6fa;text-align:left}
#sod_fin_view .basic_tbl th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left}
#sod_fin_pay {padding:10px;border-bottom:1px solid #e9e9e9}
@ -774,7 +774,7 @@ fieldset .frm_input {padding:2px 2px 3px;border:1px solid #b8c9c2;background:#f7
#scash {}
#scash section {padding:10px 0}
#scash h2 {margin:0 0 10px;text-align:center}
#scash .basic_tbl th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f5f6fa;text-align:left}
#scash .basic_tbl th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left}
#scash_apply {padding:10px 0 20px;text-align:center}
#scash_apply button {padding:10px;border:0;background:#565e60;color:#fff}
#scash_copy {text-align:center}
@ -802,26 +802,29 @@ fieldset .frm_input {padding:2px 2px 3px;border:1px solid #b8c9c2;background:#f7
.sfaq_admin {text-align:right}
#sfaq_wrap ol {margin:0;padding:0;list-style:none}
#sfaq_list {margin:0 0 10px;border:1px solid #ccc}
#sfaq_list li {border-bottom:1px solid #fff;background:#f5f6fa}
#sfaq_list li {border-bottom:1px solid #fff;background:#f2f5f9}
#sfaq_list a {display:block;padding:10px;font-weight:bold;text-decoration:none}
#sfaq_list a:focus,
#sfaq_list a:hover {background:#626870;color:#fff}
#sfaq_con {border:1px solid #e9e9e9;border-top:0}
#sfaq_con li {padding:0 0 10px}
#sfaq_con h3 {padding:10px;background:#f5f6fa;border-top:1px solid #e9e9e9}
#sfaq_con h3 {padding:10px;background:#f2f5f9;border-top:1px solid #e9e9e9}
#sfaq_con p {padding:10px}
.sfaq_tolist {padding:0 10px;text-align:right}
.sfaq_img {text-align:center}
/* 상품검색 */
#ssch_ov {margin:0 0 10px;padding:15px 0;border:1px solid #e9e9e9;background:#f5f6fa;text-align:center}
#ssch caption {padding:0 0 5px;font-size:1em;font-weight:bold;text-align:left;line-height:1.5em}
.ssch_it_img {width:100px;text-align:center}
.ssch_it_img img {width:100px;height:100px}
#ssch .ssch_num {width:150px;text-align:right}
#ssch .sit_icon {display:inline-block;margin:0 0 0 5px}
#ssch .sit_icon img {margin:0 1px 0 0}
#ssch_frm {padding:20px;border:1px solid #e9e9e9;background:#f2f5f9;zoom:1}
#ssch_frm:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_frm div {margin:0 0 5px}
#ssch_frm strong {display:inline-block;width:100px}
#ssch_frm .frm_input {background:#fff}
#ssch_frm .btn_submit {height:21px}
#ssch_frm p {margin:10px 0 0;border-top:1px solid #e9e9e9}
#ssch_frm #ssch_sort {float:left;margin:0;padding:0;list-style:none;zoom:1}
#ssch_frm #ssch_sort:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_frm #ssch_sort li {float:left;margin:0 1px 0 0}
#ssch_frm #ssch_ov {float:right}
/* 쇼핑몰 이벤트 */
#sev {}

44
css/mobile_shop.css
View File

@ -30,7 +30,7 @@ a:hover, a:focus, a:active {color:#000;text-decoration:underline}
#hd_sch_open {position:absolute;top:10px;right:10px;padding:0 10px;height:2.6em;border:0;background:#333;color:#fff;font-size:1em;letter-spacing:-0.1em;vertical-align:top;-webkit-appearance:none}
#hd_sch {display:none;z-index:10;position:absolute;top:0;left:0;padding:22px 0;width:100%;background:#f5f6fa;text-align:center}
#hd_sch {display:none;z-index:10;position:absolute;top:0;left:0;padding:22px 0;width:100%;background:#f2f5f9;text-align:center}
#hd_sch h2 {margin:0 0 10px}
#hd_sch .frm_input {height:2.5em;border-color:#999;background:#fff;line-height:2.5em}
#hd_sch .pop_close {position:absolute;bottom:5px;right:5px;border:0;background:transparent}
@ -73,7 +73,7 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
.sct_admin {margin:0 0 10px;text-align:right}
/* 상품 목록 현재 위치 */
#sct_location {border:1px solid #e9e9e9;background:#f5f6fa;letter-spacing:-4px}
#sct_location {border:1px solid #e9e9e9;background:#f2f5f9;letter-spacing:-4px}
#sct_location a {display:inline-block;padding:5px 10px;text-decoration:none;letter-spacing:0 !important}
.sct_here {font-weight:bold}
.sct_bg {padding-right:13px !important;background:url('../shop/img/sct_bg_toright.gif') right 8px no-repeat}
@ -126,7 +126,7 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
#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:#f5f6fa}
.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}
@ -142,7 +142,7 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
#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:#f5f6fa}
#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}
@ -207,8 +207,8 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
#sit_inf_explan img {max-width:100%;height:auto}
#sit_inf_open {width:100%;border:0;border-collapse:collapse}
#sit_inf_open th {padding:0.5px 10px;border:1px solid #fff;background:#f5f6fa;text-align:left}
#sit_inf_open td {padding:0.5px 10px;border:1px solid #fff;background:#f5f6fa}
#sit_inf_open th {padding:0.5px 10px;border:1px solid #fff;background:#f2f5f9;text-align:left}
#sit_inf_open td {padding:0.5px 10px;border:1px solid #fff;background:#f2f5f9}
/* 상품 상세보기 - 사용후기 */
#sit_use {margin:0 0 10px;padding:10px 10px 20px;border-bottom:1px solid #e9e9e9}
@ -216,7 +216,7 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
#sit_use h3 {margin:0 0 10px}
#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:#f5f6fa}
.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;zoom:1}
@ -237,7 +237,7 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
#sit_qa h3 {margin:0 0 10px}
#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:#f5f6fa}
.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;zoom:1}
@ -328,7 +328,7 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
#smb_my_ov {margin:0 0 20px}
#smb_my_ov h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#smb_my_ov dl {margin:0;border-top:1px solid #e9e9e9;background:#f5f6fa;zoom:1}
#smb_my_ov dl {margin:0;border-top:1px solid #e9e9e9;background:#f2f5f9;zoom:1}
#smb_my_ov dl:after {display:block;visibility:hidden;clear:both;content:''}
#smb_my_ov dt {float:left;padding:10px;width:30%;border-bottom:1px solid #e9e9e9;font-weight:bold}
#smb_my_ov dd {margin:0;padding:10px 0;border-bottom:1px solid #e9e9e9}
@ -344,16 +344,16 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
/* 장바구니 */
#sod_bsk {}
.sod_bsk_img {width:100px;text-align:center}
.sod_bsk_itopt {margin:5px 0;border-top:1px dashed #e9e9e9;background:#f5f6fa}
.sod_bsk_itopt {margin:5px 0;border-top:1px dashed #e9e9e9;background:#f2f5f9}
.sod_bsk_itopt ul {margin:0;padding:0;list-style:none}
.sod_bsk_itopt li {margin:0 0 1px;padding:5px}
.sod_option_btn .mod_options {margin:0 0 10px;padding:5px 0;width:100%;border:0;background:#333;color:#fff}
#sod_bsk_list {position:relative}
#sod_bsk_list #mod_option_frm {z-index:10000;position:absolute;top:0;left:0;padding:20px;width:320px;height:auto !important;height:480px;max-height:480px;border:1px solid #000;background:#f5f6fa;overflow-y:scroll}
#sod_bsk_list #mod_option_frm {z-index:10000;position:absolute;top:0;left:0;padding:20px;width:320px;height:auto !important;height:480px;max-height:480px;border:1px solid #000;background:#f2f5f9;overflow-y:scroll}
html.no-overflowscrolling #mod_option_frm {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#sod_bsk_tot {margin:0;padding:10px;border:1px solid #e9e9e9;background:#f5f6fa;zoom:1}
#sod_bsk_tot {margin:0;padding:10px;border:1px solid #e9e9e9;background:#f2f5f9;zoom:1}
#sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""}
#sod_bsk_tot dt, #sod_bsk_tot dd {float:left;padding:10px 0;border-bottom:1px solid #e9e9e9}
#sod_bsk_tot dt {padding-left:2%;width:48%;font-weight:bold}
@ -375,7 +375,7 @@ html.no-overflowscrolling #mod_option_frm {height:auto;max-height:10000px !impor
#sod_frm h2 {margin:0 0 10px}
#sod_list {position:relative}
#sod_list #it_coupon_frm {z-index:10000;position:absolute;top:0;left:0;padding:20px;width:320px;height:auto !important;height:480px;max-height:480px;border:1px solid #000;background:#f5f6fa;overflow-y:scroll}
#sod_list #it_coupon_frm {z-index:10000;position:absolute;top:0;left:0;padding:20px;width:320px;height:auto !important;height:480px;max-height:480px;border:1px solid #000;background:#f2f5f9;overflow-y:scroll}
html.no-overflowscrolling #it_coupon_frm {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#sod_frm_orderer {margin:15px 0 30px}
@ -388,10 +388,10 @@ html.no-overflowscrolling #it_coupon_frm {height:auto;max-height:10000px !import
#sod_frm_pay .tbl_head01 caption {font-size:0;line-height:0;overflow:hidden}
#sod_frm_pay .tbl_head01 th {width:auto !important;font-weight:bold;text-align:center !important}
#sod_frm_pay .tbl_head01 td {border-top:1px solid #e9e9e9 !important;border-bottom:1px solid #e9e9e9 !important;line-height:1.5em !important;word-break:break-all !important}
#sod_frm_pay #sc_coupon_frm, #sod_frm_pay #od_coupon_frm {z-index:10000;position:absolute;top:0;left:0;padding:20px;width:320px;height:auto !important;height:480px;max-height:480px;border:1px solid #000;background:#f5f6fa;overflow-y:scroll}
#sod_frm_pay #sc_coupon_frm, #sod_frm_pay #od_coupon_frm {z-index:10000;position:absolute;top:0;left:0;padding:20px;width:320px;height:auto !important;height:480px;max-height:480px;border:1px solid #000;background:#f2f5f9;overflow-y:scroll}
html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_frm {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#sod_frm_paysel {margin:0 0 15px;padding:10px;border:1px solid #e9e9e9;background:#f5f6fa;text-align:center}
#sod_frm_paysel {margin:0 0 15px;padding:10px;border:1px solid #e9e9e9;background:#f2f5f9;text-align:center}
#sod_frm_paysel legend {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sod_frm_paysel .frm_input {background:#fff}
#sod_frm_paysel div {margin:5px 0 0}
@ -427,7 +427,7 @@ html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_f
#sod_ul p a {font-weight:bold;text-decoration:none}
#request_form {position:relative}
#request_form div {display:none;z-index:10000;position:absolute;top:31px;left:0;padding:10px 0;width:290px;border:1px solid #000;background:#f5f6fa;text-align:center}
#request_form div {display:none;z-index:10000;position:absolute;top:31px;left:0;padding:10px 0;width:290px;border:1px solid #000;background:#f2f5f9;text-align:center}
#request_form label {letter-spacing:-0.1em}
#request_form .frm_input {width:170px;background:#fff !important}
#request_form .btn_frmline, #request_form .btn_cancel {margin:5px 0 0;padding:0 5px;height:1.9em;vertical-align:middle !important;line-height:1.9em}
@ -436,7 +436,7 @@ html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_f
#sod_req_btn button {background:#626870}
#sod_req_log {margin:0 0 20px}
#sod_req_log ul {margin:0;padding:0;border-top:1px solid #e9e9e9;background:#f5f6fa;list-style:none}
#sod_req_log ul {margin:0;padding:0;border-top:1px solid #e9e9e9;background:#f2f5f9;list-style:none}
#sod_req_log li {padding:10px 10px 20px;border:1px solid #e9e9e9;border-top:0}
#sod_req_log h3 {margin:20px 0 10px}
.sod_req_log_view table {margin:0}
@ -450,7 +450,7 @@ html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_f
#sod_fin_view {border:1px solid #e9e9e9}
#sod_fin_view h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sod_fin_view h3 {margin:0 0 10px}
#sod_fin_view .tbl_head01 th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f5f6fa;text-align:left}
#sod_fin_view .tbl_head01 th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left}
#sod_fin_pay {padding:10px;border-bottom:1px solid #e9e9e9}
@ -478,14 +478,14 @@ html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_f
#scash {}
#scash section {padding:10px 0}
#scash h2 {margin:0 0 10px;text-align:center}
#scash .tbl_head01 th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f5f6fa;text-align:left}
#scash .tbl_head01 th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left}
#scash_apply {padding:10px 0 15px;text-align:center}
#scash_apply button {padding:10px;border:0;background:#565e60;color:#fff}
#scash_copy {text-align:center}
/* 상품검색 */
#ssch{margin:0 0 20px}
#ssch_ov {padding:15px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#f5f6fa;text-align:center}
#ssch_ov {padding:15px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#f2f5f9;text-align:center}
.ssch_ul {margin:0;padding:0;list-style:none}
.ssch_ul li {padding:10px;min-height:100px;border-bottom:1px solid #e9e9e9}
.ssch_ul .sit_icon {display:inline-block}
@ -495,7 +495,7 @@ html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_f
/* 쇼핑몰 이벤트 */
#sev {margin:0;padding:0;min-height:150px;list-style:none}
#sev li {position:relative;margin:-1px 0 0;border-bottom:1px solid #e9e9e9}
#sev a {display:block;padding:10px;border:1px solid #e9e9e9;border-bottom:0;background:#f5f6fa}
#sev a {display:block;padding:10px;border:1px solid #e9e9e9;border-bottom:0;background:#f2f5f9}
.sev_admin {text-align:right}
/* 화면낭독기 사용자용 */
@ -519,7 +519,7 @@ html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_f
/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:1.9em;vertical-align:middle}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f5f6fa;text-align:center}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f2f5f9;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}

40
shop/search.php
View File

@ -76,25 +76,35 @@ $total_count = $row['cnt'];
<div id="ssch">
<div id="ssch_frm">
<form name="frmdetailsearch" onsubmit="return detail_search_submit(this);">
상세검색 :
<input type="checkbox" name="qname" <?php echo isset($qname)?'checked="checked"':'';?>> 상품명
<input type="checkbox" name="qexplan" <?php echo isset($qexplan)?'checked="checked"':'';?>> 상품설명
<input type="checkbox" name="qid" <?php echo isset($qid)?'checked="checked"':'';?>> 상품코드<br>
상품가격 :
<input type="text" name="qfrom" value="<?php echo $qfrom; ?>" size="10">원 부터
<input type="text" name="qto" value="<?php echo $qto; ?>" size="10">원 까지<br>
검색어 : <input type="text" name="q" value="<?php echo $q; ?>" size="40" maxlength="30">
<input type="submit" value="검색">
<div>
<strong>검색범위</strong>
<input type="checkbox" name="qname" class="frm_input" <?php echo isset($qname)?'checked="checked"':'';?>> 상품명
<input type="checkbox" name="qexplan" class="frm_input" <?php echo isset($qexplan)?'checked="checked"':'';?>> 상품설명
<input type="checkbox" name="qid" class="frm_input" <?php echo isset($qid)?'checked="checked"':'';?>> 상품코드<br>
</div>
<div>
<strong>상품가격</strong>
<input type="text" name="qfrom" value="<?php echo $qfrom; ?>" class="frm_input" size="10">원 부터
<input type="text" name="qto" value="<?php echo $qto; ?>" class="frm_input" size="10">원 까지<br>
</div>
<div>
<strong>검색어</strong>
<input type="text" name="q" value="<?php echo $q; ?>" class="frm_input" size="40" maxlength="30">
<input type="submit" value="검색" class="btn_submit">
</div>
<p>상세검색을 선택하지 않거나, 상품가격을 입력하지 않으면 전체에서 검색합니다.</p>
</form>
<!-- <div id="ssch_ov">검색어 <strong><?php echo ($q ? stripslashes(get_text($q)) : '없음'); ?></strong> | 검색 결과 <strong><?php echo $total_count; ?></strong>건</div> -->
<a href="#">판매량 많은순</a>
<a href="#">선호도 높은순</a>
<a href="#">사용후기 많은순</a>
<a href="#">최근 등록순</a>
<ul id="ssch_sort">
<li><a href="#" class="btn01">판매량 많은순</a></li>
<li><a href="#" class="btn01">선호도 높은순</a></li>
<li><a href="#" class="btn01">사용후기 많은순</a></li>
<li><a href="#" class="btn01">최근 등록순</a></li>
</ul>
검색 결과 <strong><?php echo $total_count; ?></strong>건
<div id="ssch_ov">
검색 결과 <b><?php echo $total_count; ?></b>건
</div>
</div>
<div>