diff --git a/adm/shop_admin/itemform.php b/adm/shop_admin/itemform.php
index a62217ab7..6a350dc9a 100644
--- a/adm/shop_admin/itemform.php
+++ b/adm/shop_admin/itemform.php
@@ -927,19 +927,19 @@ $pg_anchor ='
| 상품상단내용 |
- |
+ |
| 상품하단내용 |
- |
+ |
| 모바일 상품상단내용 |
- |
+ |
| 모바일 상품하단내용 |
- |
+ |
diff --git a/css/default_shop.css b/css/default_shop.css
index 529adbffb..85219c8bd 100644
--- a/css/default_shop.css
+++ b/css/default_shop.css
@@ -569,6 +569,8 @@ input.required:focus {border:1px solid #b8c9c2;background:#21272e !important;col
/* 상품 상세보기 - 관련상품 */
#sit_rel {margin:0 0 10px;padding:10px 10px 0}
#sit_rel h2 {margin:0 0 10px}
+#sit_rel .sct_wrap li {margin:0 10px 0 0}
+#sit_rel .sct_last {margin:0 !important}
/* 사용후기 모음 */
#sps {zoom:1}
diff --git a/css/mobile.css b/css/mobile.css
index 8fa47438b..53e2a1288 100644
--- a/css/mobile.css
+++ b/css/mobile.css
@@ -2,24 +2,27 @@
/* 초기화 */
html {overflow-y:scroll}
-body {margin:0;padding:0;background:#fff;font-size:1em}
+body {margin:0;padding:0;background:#fff;color:#000;font-size:1em;font-family:"dotum"}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
-h1, h2, h3, h4, h5, h6 {font-size:1em}
+h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:"dotum"}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
header ul, nav ul, footer ul {margin:0;padding:0;list-style:none}
-legend {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
label, input, select, img {vertical-align:middle}
-input,button {margin:0;padding:0}
+input {margin:0;padding:0;border-radius:0;font-family:"dotum"}
+button {border-radius:0;font-size:1em;font-family:"dotum"}
input[type=text],
input[type=password],
input[type=submit],
input[type=image],
button {border-radius:0 !important;font-size:1em} /* 모바일에서만 사용 */
-select, textarea {font-size:1em}
-textarea {border-radius:0;-webkit-appearance:none}
-p {margin:0;padding:1em 0;line-height:1.7em;word-break:break-all}
+p {margin:0;padding:10px 0;line-height:1.7em;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
+a:link,
+a:visited {color:#000;text-decoration:none}
+a:hover,
+a:focus,
+a:active {color:#000;text-decoration:underline}
/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}
diff --git a/css/mobile_shop.css b/css/mobile_shop.css
index 5efe0b51f..75716021c 100644
--- a/css/mobile_shop.css
+++ b/css/mobile_shop.css
@@ -10,6 +10,11 @@ header ul, nav ul, footer ul {margin:0;padding:0;list-style:none}
label, input, select, img {vertical-align:middle}
input {margin:0;padding:0;border-radius:0;font-family:"dotum"}
button {border-radius:0;font-size:1em;font-family:"dotum"}
+input[type=text],
+input[type=password],
+input[type=submit],
+input[type=image],
+button {border-radius:0 !important;font-size:1em} /* 모바일에서만 사용 */
p {margin:0;padding:10px 0;line-height:1.7em;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
@@ -57,10 +62,10 @@ a:active {color:#000;text-decoration:underline}
#wrapper_title {margin-bottom:1em;font-size:1.2em}
/* 목록 바로가기 */
-.sanchor {margin:0 0 10px;padding:0;zoom:1}
+.sanchor {margin:0 0 0.5em;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:#f5f6fa;padding:0 0.5em;text-decoration:none;line-height:2.6em}
.sanchor a:focus,
.sanchor a:hover {background:#626870;color:#fff;text-decoration:none}
a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
@@ -71,73 +76,62 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
/* 콘텐츠별 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}
/* 버튼 */
-.btn01 {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:2.15em;vertical-align:middle}
+.btn01 {display:inline-block;padding:0 0.5em;height:2em;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;font-size:1em;text-decoration:none !important;line-height:2em;vertical-align:middle}
.btn01:focus,
.btn01:hover {text-decoration:none !important}
-.btn02 {display:inline-block;padding:0 10px;height:23px;border:1px solid #333 !important;background:#333 !important;color:#fff !important;text-decoration:none !important;line-height:2.15em;vertical-align:middle}
+.btn02 {display:inline-block;padding:0 0.5em;height:2em;border:1px solid #333 !important;background:#333 !important;color:#fff !important;font-size:1em;text-decoration:none !important;line-height:2em;vertical-align:middle}
.btn02:focus,
.btn02:hover {text-decoration:none !important}
.btn_confirm {text-align:center} /* 서식단계 진행 */
-.btn_submit {padding:0 10px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;vertical-align:top;cursor:pointer}
-button.btn_submit {height:22px !important;font-size:1em}
-fieldset .btn_submit {height:22px;font-size:1em}
-.btn_cancel {display:inline-block;padding:0 10px;height:22px;border:1px solid #ccc;background:#fafafa;line-height:2em}
-button.btn_cancel {display:inline-block;padding:0 10px;height:24px;border:1px solid #ccc;background:#fafafa;line-height:2em}
-.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:top;line-height:2em} /* 우편번호검색버튼 등 */
-button.btn_frmline {font-size:1em}
-.btn_win {clear:both;margin-bottom:20px;text-align:center} /* 새창용 */
-.btn_win a,
-.btn_win button {display:inline-block;padding:0 10px;height:22px;border:1px solid #ccc;background:#fafafa;line-height:2em;cursor:pointer}
-.btn_win a:focus,
-.btn_win a:hover {text-decoration:none}
+.btn_submit {padding:0 1em;height:2.6em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;vertical-align:top;cursor:pointer;-webkit-appearance:none}
+.btn_cancel {display:inline-block;padding:0 1em;height:2.5em;border:1px solid #ccc;background:#fafafa;color:#000;font-size:1em;text-decoration:none;line-height:2.5em}
+.btn_frmline {display:inline-block;padding:0 0.3em;height:1.9em;border:0;background:#333;color:#fff !important;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;line-height:1.9em} /* 우편번호검색버튼 등 */
+.btn_win {clear:both;margin-bottom:1.5em;text-align:center} /* 새창용 */
+.btn_win a {display:inline-block;padding:0 1em;height:2.5em;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle;line-height:2.5em;cursor:pointer}
/* 게시판용 버튼 */
-.btn_b01 {display:inline-block;padding:0 10px;height:23px;border:1px solid #eee !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:2.15em;vertical-align:middle}
+.btn_b01 {display:inline-block;margin:0 0 0.3em;padding:0 1em;border:1px solid #eee !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:2em;vertical-align:middle}
.btn_b01:focus,
.btn_b01:hover {text-decoration:none !important}
-.btn_b02 {display:inline-block;padding:0 10px;height:23px;border:1px solid #eee !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:2.15em;vertical-align:middle}
+.btn_b02 {display:inline-block;margin:0 0 0.3em;padding:0 1em;border:1px solid #eee !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:2em;vertical-align:middle}
.btn_b02:focus,
.btn_b02:hover {text-decoration:none !important}
-.btn_admin {display:inline-block;padding:0 10px;height:23px;border:1px solid #e8180c !important;background:#e8180c !important;color:#fff !important;text-decoration:none !important;line-height:2.15em;vertical-align:middle} /* 관리자 전용 버튼 */
+.btn_admin {display:inline-block;margin:0 0 0.3em;padding:0 1em;border:1px solid #e8180c !important;background:#e8180c !important;color:#fff !important;text-decoration:none !important;line-height:2em;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:focus,
.btn_admin:hover {text-decoration:none !important}
/* 기본테이블 */
-.basic_tbl {margin-bottom:10px;width:100%;border-collapse:collapse;border-spacing:0}
-.basic_tbl caption {margin:0;padding:0;font-size:0;line-height:0;overflow:hidden}
-.basic_tbl thead th {padding:12px 0 8px;background:#565e60;color:#fff}
+.basic_tbl {margin-bottom:1em;width:100%;border-collapse:collapse;border-spacing:0}
+.basic_tbl caption {padding:0 0 1em;color:#777;text-align:left}
+.basic_tbl thead th {padding:0.5em 0;background:#565e60;color:#fff}
.basic_tbl thead a {color:#fff}
.basic_tbl thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.basic_tbl tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.basic_tbl tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center}
-.basic_tbl td {padding:8px 5px 6px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
-.basic_tbl a {}
-.bo_sideview td {padding:6px 4px} /* 사이드뷰 사용하는 테이블 셀 패딩값 */
-td.empty_table {padding:85px 0;text-align:center}
-
-.empty_list {padding:85px 0;text-align:center}
+.basic_tbl td {border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
+.basic_tbl a {display:block;padding:0.5em;color:#000;text-decoration:none}
+.bo_sideview td {} /* 사이드뷰 사용하는 테이블 셀 패딩값 */
+td.empty_table {padding:5em 0;text-align:center}
/* 필수입력 */
-.required {background:url('../img/wrest.gif') #f5f6fa top right no-repeat !important}
+.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}
/* 폼 테이블 */
-.frm_tbl {margin-bottom:20px;width:100%;border-collapse:collapse;border-spacing:0}
-.frm_tbl caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left}
-.frm_tbl th {padding-left:10px;width:100px;border-top:1px solid #eee;border-bottom:1px solid #eee;font-weight:normal;text-align:left}
-.frm_tbl td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
+.frm_tbl {margin-bottom:1.5em;width:100%;border-collapse:collapse;border-spacing:0}
+.frm_tbl caption {padding:1em;color:#4b8b99;font-weight:bold;text-align:left}
+.frm_tbl th {padding-left:1em;width:110px;border-top:1px solid #eee;border-bottom:1px solid #eee;font-weight:normal;text-align:left}
+.frm_tbl td {padding:0.4em 0.5em;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.frm_tbl textarea,
-.frm_input {padding:2px 2px 3px;border:1px solid #b8c9c2;background:#f5f6fa;vertical-align:middle}
+.frm_input {border:1px solid #b8c9c2;background:#f7f7f7;vertical-align:middle;line-height:1.8em;-webkit-appearance:none}
.frm_input:focus,
-input.required:focus {border:1px solid #b8c9c2;background:#21272e !important;color:#fff}
+input.required:focus {border:0;background:#21272e !important;color:#fff;line-height:1.8em}
.frm_tbl textarea {width:90%;height:150px}
-.frm_address {display:block;margin-top:5px}
-.frm_file {display:block;margin-bottom:5px}
+.frm_address {display:block;margin-top:0.3em}
+.frm_file {display:block;margin-bottom:0.3em}
.frm_tbl #captcha {margin:0;padding:0;border:0;background:transparent}
-.frm_tbl #captcha input {margin-left:5px;text-align:center}
+.frm_tbl #captcha input {margin-left:0.3em;text-align:center}
.frm_tbl a {text-decoration:none}
-.frm_info {display:block;padding:0 0 5px;color:#666;line-height:1.3em}
+.frm_info {display:block;padding:0.3em 0 0;color:#666;line-height:1.3em}
/* 테이블 그리드 padding 0 5px 고려한 넓이 */
.grid_1 {width:40px}
@@ -215,7 +209,7 @@ input.required:focus {border:1px solid #b8c9c2;background:#21272e !important;col
/* ########## 쇼핑몰 컨텐츠 ########## */
/* 인덱스 이미지 출력 */
-#sidx_img {margin:0 0 20px}
+#sidx {padding:1em}
/* 상품 목록 */
#sct {}
@@ -289,24 +283,23 @@ input.required:focus {border:1px solid #b8c9c2;background:#21272e !important;col
/* ##### maintype(nn).inc.php, list.skin.(nn).php 공통 적용 끝 ##### */
/* 상품 상세보기 */
-#sit {margin:10px 0;border:1px solid #e9e9e9}
-.sit_admin {text-align:right}
-.sit_empty {padding:20px 0;text-align:center}
+#sit {margin:0.5em 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
+.sit_admin {margin:1em 1em 0;text-align:right}
+.sit_empty {padding:2em 0;text-align:center}
/* 상품 상세보기 - 개요 */
#sit_ov_wrap {margin:0 0 20px;border-bottom:1px solid #e9e9e9;zoom:1}
#sit_ov_wrap:after {display:block;visibility:hidden;clear:both;content:""}
/* 상품 상세보기 - 이미지 미리보기 */
-#sit_pvi {float:left;padding:15px;width:320px}
+#sit_pvi {padding:1em 0;text-align:center}
#sit_pvi_big {margin:0 0 10px}
-#sit_pvi_big a {display:block}
-#sit_pvi_big img {width:320px;height:320px}
-#sit_pvi_thumb {margin:0;padding:0;list-style:none;zoom:1}
-#sit_pvi_thumb:after {display:block;visibility:hidden;clear:both;content:""}
-#sit_pvi_thumb li {float:left;margin:0 5px 0 0}
+#sit_pvi_big a {display:inline-block}
+#sit_pvi_big img {width:300px;height:300px}
+#sit_pvi_thumb {margin:0;padding:0;list-style:none}
+#sit_pvi_thumb li {display:inline-block;margin:0 5px 0 0}
#sit_pvi_thumb .li_last {margin:0 !important}
-#sit_pvi_thumb img {width:60px;height:60px}
+#sit_pvi_thumb img {width:56px;height:56px}
#sit_pvi_nw h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sit_pvi_nwbig {padding:10px 0;text-align:center}
@@ -316,7 +309,7 @@ input.required:focus {border:1px solid #b8c9c2;background:#21272e !important;col
#sit_pvi_nw li img {width:60px;height:60px}
/* 상품 상세보기 - 간략정보 및 구매기능 */
-#sit_ov {position:relative;float:right;padding:50px 15px 15px;width:358px;height:auto !important;height:355px;min-height:355px;background:#f5f6fa}
+#sit_ov {position:relative;padding:50px 15px 15px;height:auto !important;height:355px;min-height:355px;background:#f5f6fa}
#sit_ov h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sit_title {display:inline-block;margin:0 0 5px;font-size:1.3em}
@@ -329,17 +322,16 @@ input.required:focus {border:1px solid #b8c9c2;background:#21272e !important;col
#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 {margin-bottom:2em;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:7px 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 {margin:0 1px 0 0;padding:2px 2px 3px;border:1px solid #b8c9c2;background:transparent;vertical-align:middle}
-#sit_ov_tbl button {margin:0 1px 0 0}
+.sit_ov_input {height:1.8em;border:1px solid #b8c9c2;background:transparent;vertical-align:middle}
+#sit_ov_tbl button {margin:0}
-#sit_ov_btn {margin:0 0 0 34px !important;margin:0 0 0 33px;padding:0;list-style:none;zoom:1}
-#sit_ov_btn:after {display:block;visibility:hidden;clear:both;content:""}
-#sit_ov_btn li {float:left;margin:0 0 0 1px}
+#sit_ov_btn {margin:0;padding:0;text-align:center;list-style:none}
+#sit_ov_btn li {display:inline-block;margin:0 0 0 1px}
#sit_ov_btn a {display:inline-block;padding:10px 0 8px;width:80px;font-size:0.95em;text-align:center;text-decoration:none;letter-spacing:-0.1em}
#sit_btn_buy {background:#ff5b89;color:#fff}
#sit_btn_cart,
@@ -351,25 +343,25 @@ input.required:focus {border:1px solid #b8c9c2;background:#21272e !important;col
#sit_siblings h2 {position:absolute;font-size:0;line-height:0;content:""}
/* 상품 상세보기 - 상품정보 */
-#sit_inf {margin:0 0 10px;padding:10px 10px 20px;border-bottom:1px solid #e9e9e9}
-#sit_inf h2 {margin:0 0 10px}
+#sit_inf {margin:0 0 1em;padding:1em 1em 2em;border-bottom:1px solid #e9e9e9}
+#sit_inf h2 {margin:0 0 1em}
#sit_inf h3 {position:absolute;font-size:0;line-height:0;content:""}
-#sit_inf_basic {margin:0 0 10px}
-#sit_inf_explan {margin:0 0 10px}
+#sit_inf_basic {margin:0 0 1em}
+#sit_inf_explan {margin:0 0 1em}
#sit_inf_open {width:100%;border:0;border-collapse:collapse}
-#sit_inf_open th {padding:7px 10px;border:1px solid #fff;background:#f5f6fa;text-align:left}
-#sit_inf_open td {padding:7px 10px;border:1px solid #fff;background:#f5f6fa}
+#sit_inf_open th {padding:0.5em 1em;border:1px solid #fff;background:#f5f6fa;text-align:left}
+#sit_inf_open td {padding:0.5em 1em;border:1px solid #fff;background:#f5f6fa}
/* 상품 상세보기 - 사용후기 */
-#sit_ps {margin:0 0 10px;padding:10px 10px 20px;border-bottom:1px solid #e9e9e9}
-#sit_ps h2 {margin:0 0 10px}
+#sit_ps {margin:0 0 1em;padding:1em 1em 2em;border-bottom:1px solid #e9e9e9}
+#sit_ps h2 {margin:0 0 1em}
/* 상품 상세보기 - 상품문의 */
-#sit_qna {margin:0 0 10px;padding:10px 10px 20px;border-bottom:1px solid #e9e9e9}
-#sit_qna h2 {margin:0 0 10px}
-#sit_qna h3 {margin:0 0 10px}
+#sit_qna {margin:0 0 1em;padding:1em 1em 2em;border-bottom:1px solid #e9e9e9}
+#sit_qna h2 {margin:0 0 1em}
+#sit_qna h3 {margin:0 0 1em}
#sit_qna_ol {margin:0 0 5px;padding:0;border-top:1px solid #e9e9e9;list-style:none}
.sit_qna_li {position:relative;padding:0 0 10px;border-bottom:1px solid #e9e9e9;background:#f5f6fa}
@@ -394,16 +386,17 @@ input.required:focus {border:1px solid #b8c9c2;background:#21272e !important;col
#sit_qna_w {display:none}
/* 상품 상세보기 - 배송정보 */
-#sit_dvr {margin:0 0 10px;padding:10px 10px 20px;border-bottom:1px solid #e9e9e9}
-#sit_dvr h2 {margin:0 0 10px}
+#sit_dvr {margin:0 0 1em;padding:1em 1em 2em;border-bottom:1px solid #e9e9e9}
+#sit_dvr h2 {margin:0 0 1em}
/* 상품 상세보기 - 교환정보 */
-#sit_ex {margin:0 0 10px;padding:10px 10px 20px;border-bottom:1px solid #e9e9e9}
-#sit_ex h2 {margin:0 0 10px}
+#sit_ex {margin:0 0 1em;padding:1em 1em 2em;border-bottom:1px solid #e9e9e9}
+#sit_ex h2 {margin:0 0 1em}
/* 상품 상세보기 - 관련상품 */
-#sit_rel {margin:0 0 10px;padding:10px 10px 0}
-#sit_rel h2 {margin:0 0 10px}
+#sit_rel {margin:0 0 1em;padding:1em 1em 0}
+#sit_rel h2 {margin:0 0 1em}
+#sit_rel .sct_img {width:230px;height:230px}
/* 사용후기 모음 */
#sps {zoom:1}
diff --git a/mobile/shop/index.php b/mobile/shop/index.php
index 38f2399a0..f7fd59259 100644
--- a/mobile/shop/index.php
+++ b/mobile/shop/index.php
@@ -6,80 +6,84 @@ define("_INDEX_", TRUE);
include_once(G4_MSHOP_PATH.'/shop.head.php');
?>
-
+
상품 관리';
@@ -470,10 +467,8 @@ else