모바일쇼핑몰: em -> px 완료

This commit is contained in:
whitedot
2013-10-31 16:09:36 +09:00
parent 213e7ee6fb
commit 032dbded7d
2 changed files with 144 additions and 169 deletions

View File

@ -12,7 +12,7 @@ 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: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}
@ -145,32 +145,32 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
#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 1em;color:#999}
.sit_icon {display:block;margin:0.3em 0 0}
#sit_desc {display:inline-block;margin:0 0 10px;color:#999}
.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 0.3em 0 0;color:#666;letter-spacing:0}
#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:2em;width:100%;border:0;border-collapse:collapse}
.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:0.7em 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.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:-1.5em;right:-2px} /* 선택옵션용 추가 버튼 */
.sit_sel_btn {position:relative;top:-15px;right:-2px} /* 선택옵션용 추가 버튼 */
.sit_sel_btn button {width:100%}
.td_sit_sel {position:relative}
.sit_sel_submit {margin:0.3em 0 0 !important;width:100%}
.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:1em 2em;border-bottom:1px solid #e9e9e9}
#sit_opt_added li div {margin:0.5em 0 0;text-align:right}
#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}
@ -196,78 +196,78 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
#sit_more a {display:block;padding:15px 0;text-align:center}
/* 상품 상세보기 - 상품정보 */
#sit_inf {margin:0 0 1em;padding:1em 1em 2em;border-bottom:1px solid #e9e9e9}
#sit_inf h2 {margin:0 0 1em}
#sit_inf {margin:0 0 10px;padding:10px 10px 20px;border-bottom:1px solid #e9e9e9}
#sit_inf h2 {margin:0 0 10px}
#sit_inf h3 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sit_inf_basic {margin:0 0 1em}
#sit_inf_explan {margin:0 0 1em}
#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 {width:100%;border:0;border-collapse:collapse}
#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_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_use {margin:0 0 1em;padding:1em 1em 2em;border-bottom:1px solid #e9e9e9}
#sit_use h2 {margin:0 0 1em}
#sit_use h3 {margin:0 0 1em}
#sit_use {margin:0 0 10px;padding:10px 10px 20px;border-bottom:1px solid #e9e9e9}
#sit_use h2 {margin:0 0 10px}
#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 1em;border-bottom:1px solid #e9e9e9;background:#f5f6fa}
.sit_use_li_title {display:block;margin:0;padding:1em;width:100%;border:0;background:transparent;text-align:left}
.sit_use_li {position:relative;padding:0 0 10px;border-bottom:1px solid #e9e9e9;background:#f5f6fa}
.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 1em;zoom:1}
.sit_use_dl {margin:0;padding:0 10px;zoom:1}
.sit_use_dl:after {display:block;visibility:hidden;clear:both;content:""}
.sit_use_dl dt {float:left;margin:3px 0 0}
.sit_use_dl dd {float:left;margin:3px 1.8em 0 0.3em}
.sit_use_star {margin:0 !important;padding:0 0 0 0.7em}
.sit_use_dl dd {float:left;margin:3px 15px 0 3px}
.sit_use_star {margin:0 !important;padding:0 0 0 5px}
.sit_use_con {display:none;padding:1em 1em 0}
.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 0.3em;text-align:right}
#sit_use_wbtn {margin:0 0 5px;text-align:right}
/* 상품 상세보기 - 상품문의 */
#sit_qa {margin:0 0 1em;padding:1em 1em 2em;border-bottom:1px solid #e9e9e9}
#sit_qa h2 {margin:0 0 1em}
#sit_qa h3 {margin:0 0 1em}
#sit_qa {margin:0 0 10px;padding:10px 10px 20px;border-bottom:1px solid #e9e9e9}
#sit_qa h2 {margin:0 0 10px}
#sit_qa h3 {margin:0 0 10px}
#sit_qa_ol {margin:0 0 0.5em;padding:0;border-top:1px solid #e9e9e9;list-style:none}
.sit_qa_li {position:relative;padding:0 0 1em;border-bottom:1px solid #e9e9e9;background:#f5f6fa}
.sit_qa_li_title {display:block;margin:0;padding:1em;width:100%;border:0;background:transparent;text-align:left}
#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_title {display:block;margin:0;padding:10px;width:100%;border:0;background:transparent;text-align:left}
.sit_qa_dl {margin:0;padding:0 1em;zoom:1}
.sit_qa_dl {margin:0;padding:0 10px;zoom:1}
.sit_qa_dl:after {display:block;visibility:hidden;clear:both;content:""}
.sit_qa_dl dt {float:left}
.sit_qa_dl dd {float:left;margin:0 1.8em 0 0.3em}
.sit_qa_dl dd {float:left;margin:0 15px 0 5px}
.sit_qa_con {display:none;padding:1em 1em 0}
.sit_qa_p {margin:0 0 1em;padding:1em;border:1px solid #e9e9e9;background:#fff}
.sit_qa_p strong {display:inline-block;margin:0 0 1em}
.sit_qa_qaq {margin:0 0 2em}
.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:1em;width:348px;border:1px solid #000;background:#fff;text-align:center}
.sit_qa_pw span {display:block;margin:0 0 0.3em}
.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 0.3em;text-align:right}
#sit_qa_wbtn {margin:0 0 5px;text-align:right}
#sit_qa_w {display:none}
/* 상품 상세보기 - 배송정보 */
#sit_dvr {margin:0 0 1em;padding:1em 1em 2em;border-bottom:1px solid #e9e9e9}
#sit_dvr h2 {margin:0 0 1em}
#sit_dvr {margin:0 0 10px;padding:10px 10px 20px;border-bottom:1px solid #e9e9e9}
#sit_dvr 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_ex {margin:0 0 10px;padding:10px 10px 20px;border-bottom:1px solid #e9e9e9}
#sit_ex h2 {margin:0 0 10px}
/* 상품 상세보기 - 관련상품 */
#sit_rel {margin:0 0 1em;padding:1em 1em 0}
#sit_rel h2 {margin:0 0 1em}
#sit_rel {margin:0 0 10px;padding:10px 10px 0}
#sit_rel h2 {margin:0 0 10px}
#sit_rel .sct_img {width:230px;height:230px}
/* 사용후기 모음 */
@ -277,23 +277,23 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
#sps {zoom:1}
#sps ol {margin:0;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#sps li {position:relative;padding:1em;border-bottom:1px solid #e9e9e9}
#sps li {position:relative;padding:10px;border-bottom:1px solid #e9e9e9}
#sps li:after {display:block;visibility:hidden;clear:both;content:""}
.sps_img {float:left;width:15%}
.sps_img span {position:absolute;font-size:0;line-height:0}
#sps dl {margin:0.3em 0 1em;zoom:1}
#sps dl {margin:5px 0 10px;zoom:1}
#sps dl:after {display:block;visibility:hidden;clear:both;content:""}
#sps dt {float:left}
#sps dd {float:left;margin:0 1.5em 0 0.3em}
#sps dd {float:left;margin:0 15px 0 5px}
#sps dd img {position:relative;top:-2px}
.sps_section {float:right;width:80%}
.sps_section p {padding:0;width:100%;height:1.8em;overflow:hidden}
.sps_con_full {padding:0;height:auto !important}
.sps_con_btn {margin:0.3em 0 0;text-align:right}
.sps_con_btn button {margin:0;padding:0.3em;border:0;background:#565e60;color:#fff}
.sps_con_btn {margin:5px 0 0;text-align:right}
.sps_con_btn button {margin:0;padding:5px;border:0;background:#565e60;color:#fff}
/* 상품문의 모음 */
#sqa_sch {margin:0 0 10px}
@ -302,40 +302,40 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
#sqa {zoom:1}
#sqa ol {margin:0;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#sqa li {position:relative;padding:1em;border-bottom:1px solid #e9e9e9}
#sqa li {position:relative;padding:10px;border-bottom:1px solid #e9e9e9}
#sqa li:after {display:block;visibility:hidden;clear:both;content:""}
.sqa_img {float:left;width:15%}
.sqa_img span {position:absolute;font-size:0;line-height:0}
#sqa dl {margin:0.3em 0 1em;zoom:1}
#sqa dl {margin:5px 0 10px;zoom:1}
#sqa dl:after {display:block;visibility:hidden;clear:both;content:""}
#sqa dt {float:left}
#sqa dd {float:left;margin:0 1.5em 0 0.3em}
#sqa dd {float:left;margin:0 15px 0 5px}
#sqa dd img {position:relative;top:-2px}
.sqa_section {float:right;width:80%}
.sqa_section .sqa_con {padding:1em;background:#f2f5f9;line-height:1.7em}
.sqa_section .sqa_con {padding:10px;background:#f2f5f9;line-height:1.7em}
.sqa_section p {padding:0;width:100%;height:1.8em;overflow:hidden}
.sqa_con_full {padding:0;height:auto !important}
.sqa_con_btn {margin:0.3em 0 0;text-align:right}
.sqa_con_btn button {margin:0;padding:0.3em;border:0;background:#565e60;color:#fff}
.sqa_con_btn {margin:5px 0 0;text-align:right}
.sqa_con_btn button {margin:0;padding:5px;border:0;background:#565e60;color:#fff}
/* 마이페이지 */
#smb_my {}
#smb_my_ov {margin:0 0 2em}
#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:after {display:block;visibility:hidden;clear:both;content:''}
#smb_my_ov dt {float:left;padding:0.8em;width:30%;border-bottom:1px solid #e9e9e9;font-weight:bold}
#smb_my_ov dd {margin:0;padding:0.8em 0;border-bottom:1px solid #e9e9e9}
#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}
#smb_my_od {margin:0 0 1.8em}
#smb_my_od h2 {margin:0 0 1em}
#smb_my_od {margin:0 0 15px}
#smb_my_od h2 {margin:0 0 10px}
#smb_my_od .td_stat {width:100px}
#smb_my_wish h2 {margin:0 0 1em}
#smb_my_wish h2 {margin:0 0 10px}
.smb_my_img {width:90px;text-align:center}
@ -344,22 +344,22 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
.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 ul {margin:0;padding:0;list-style:none}
.sod_bsk_itopt li {padding:0.5em;border-bottom:1px solid #e9e9e9}
.sod_option_btn .mod_options {margin:0 0 1em;padding:0.5em 0;width:100%;border:0;background:#333;color:#fff}
.sod_bsk_itopt li {padding:5px;border-bottom:1px solid #e9e9e9}
.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}
html.no-overflowscrolling #mod_option_frm {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#sod_bsk_tot {margin:0;padding:1em;border:1px solid #e9e9e9;background:#f5f6fa;zoom:1}
#sod_bsk_tot {margin:0;padding:10px;border:1px solid #e9e9e9;background:#f5f6fa;zoom:1}
#sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""}
#sod_bsk_tot dt, #sod_bsk_tot dd {float:left;padding:1em 0;border-bottom:1px solid #e9e9e9}
#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}
#sod_bsk_tot dd {margin:0;padding-right:2%;width:47%;text-align:right}
.sod_bsk_cnt {background:#333;color:#fff}
.sod_bsk_point {border-bottom:0 !important}
#sod_bsk_act {margin:0 0 2em;text-align:center}
#sod_bsk_act {margin:0 0 20px;text-align:center}
#sod_bsk_act p {margin:0}
/* 위시리스트 */
@ -370,20 +370,20 @@ html.no-overflowscrolling #mod_option_frm {height:auto;max-height:10000px !impor
/* 주문서 작성 */
#sod_frm {}
#sod_frm h2 {margin:0 0 1em}
#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}
html.no-overflowscrolling #it_coupon_frm {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#sod_frm_orderer {margin:1.8em 0 3.6em}
#sod_frm_orderer {margin:15px 0 30px}
#sod_frm_addr div {position:relative} /* 갤탭 position */
#sod_frm_addr div div {position:absolute;top:-25px;left:185px;letter-spacing:-0.1em}
#sod_frm_same {margin:0 0 1em}
#sod_frm_same {margin:0 0 10px}
#sod_frm #od_memo {height:7em}
#sod_frm #od_memo {height:70px}
#sod_frm_pay {position:relative}
#sod_frm_pay .basic_tbl caption {font-size:0;line-height:0;overflow:hidden}
@ -392,11 +392,11 @@ html.no-overflowscrolling #it_coupon_frm {height:auto;max-height:10000px !import
#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}
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 1.8em;padding:1em;border:1px solid #e9e9e9;background:#f5f6fa;text-align:center}
#sod_frm_paysel {margin:0 0 15px;padding:10px;border:1px solid #e9e9e9;background:#f5f6fa;text-align:center}
#sod_frm_paysel legend {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#settle_bank {margin:1em 0 0}
#settle_bank {margin:10px 0 0}
#sod_frm_escrow {margin:2.8em 0 0}
#sod_frm_escrow {margin:30px 0 0}
/* 주문내역 */
#sod_v {}
@ -404,26 +404,26 @@ html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_f
/* 주문상세내역 */
#sod_fin {}
#sod_fin_legend {margin:1em;padding:0.6em 0.3em 0;border:1px solid #e9e9e9;zoom:1}
#sod_fin_legend {margin:10px;padding:5px 5px 0;border:1px solid #e9e9e9;zoom:1}
#sod_fin_legend:after {display:block;visibility:hidden;clear:both;content:''}
#sod_fin_legend dt {clear:both;float:left;margin:0 0 0.3em;width:50px;font-weight:bold}
#sod_fin_legend dt {clear:both;float:left;margin:0 0 5px;width:50px;font-weight:bold}
#sod_fin_legend dd {float:left;margin:0}
#sod_fin_list h2 {padding:0 1em}
#sod_fin_list h2 {padding:0 10px}
#sod_ul {margin:0 0 0.5em;padding:0;border-top:1px solid #565e60;list-style:none}
#sod_ul {margin:0 0 5px;padding:0;border-top:1px solid #565e60;list-style:none}
#sod_ul li {padding:0;border-bottom:1px solid #565e60}
#sod_ul table {margin:0}
#sod_ul th {text-align:center}
#sod_ul td {background:#fff;color:#000}
#sod_ul p {padding:0.5em 1em}
#sod_ul p {padding:5px 10px}
#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:1em 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:#f5f6fa;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:0.5em 0 0;padding:0 0.5em;height:1.9em;vertical-align:middle !important;line-height:1.9em}
#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}
#sod_req_btn {margin:0 0 10px}
#sod_req_btn button {background:#626870}
@ -442,48 +442,48 @@ 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 1em}
#sod_fin_view .basic_tbl th {padding:0 1em;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f5f6fa;text-align:left}
#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_pay {padding:1em;border-bottom:1px solid #e9e9e9}
#sod_fin_pay {padding:10px;border-bottom:1px solid #e9e9e9}
#sod_fin_orderer {padding:1em;border-bottom:1px solid #e9e9e9}
#sod_fin_orderer {padding:10px;border-bottom:1px solid #e9e9e9}
#sod_fin_receiver {padding:1em;border-bottom:1px solid #e9e9e9}
#sod_fin_receiver {padding:10px;border-bottom:1px solid #e9e9e9}
#sod_fin_dvr {padding:1em}
#sod_fin_dvr {padding:10px}
#sod_fin_tot {margin:0 0 2.8em;padding:1em;border:1px solid #e9e9e9;border-top:0;background:#565e60;color:#fff}
#sod_fin_tot {margin:0 0 30px;padding:10px;border:1px solid #e9e9e9;border-top:0;background:#565e60;color:#fff}
#sod_fin_tot h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sod_fin_tot ul {margin:0;padding:0;list-style:none}
#sod_fin_tot li {padding:1em;border-bottom:1px solid #6f7a7d;zoom:1}
#sod_fin_tot li {padding:10px;border-bottom:1px solid #6f7a7d;zoom:1}
#sod_fin_tot li:after {display:block;visibility:hidden;clear:both;content:""}
#sod_fin_tot #alrdy {border-bottom:0 !important}
#sod_fin_tot strong {float:right}
#sod_fin_cancel {text-align:center}
#sod_fin_cancel h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sod_fin_cancel button {padding:1em;border:0;background:#ff3600;color:#fff}
#sod_fin_cancelfrm {display:none;margin:1em 0 0}
#sod_fin_cancel button {padding:10px;border:0;background:#ff3600;color:#fff}
#sod_fin_cancelfrm {display:none;margin:10px 0 0}
#sod_fin_cancelfrm .frm_input {background:#fff}
/* 주문상세내역 중 현금영수증 발급 */
#scash {}
#scash section {padding:1em 0}
#scash h2 {margin:0 0 1em;text-align:center}
#scash .basic_tbl th {padding:0 1em;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f5f6fa;text-align:left}
#scash_apply {padding:1em 0 1.8em;text-align:center}
#scash_apply button {padding:1em;border:0;background:#565e60;color:#fff}
#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_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 2em}
#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_ul {margin:0;padding:0;list-style:none}
.ssch_ul li {padding:1em;min-height:100px;border-bottom:1px solid #e9e9e9}
.ssch_ul li {padding:10px;min-height:100px;border-bottom:1px solid #e9e9e9}
.ssch_ul .sit_icon {display:inline-block}
.ssch_img {float:left;margin:0 1em 0 0}
.ssch_cost {display:block;margin:0.5em 0 0}
.ssch_img {float:left;margin:0 10px 0 0}
.ssch_cost {display:block;margin:5px 0 0}
/* 쇼핑몰 이벤트 */
#sev {margin:0;padding:0;min-height:150px;list-style:none}
@ -507,69 +507,69 @@ html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_f
#mp3_embed {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden} /* 익스 8 이하에서 음성캡챠 실행 스타일 */
/* Mobile화면으로 */
#mobile_cng {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}
#mobile_cng {display:block;margin:5px;padding:5px 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}
/* ckeditor 단축키 */
.cke_sc {margin:0 0 0.5em;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 1em;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 0.5em;padding:1em;border:1px solid #ccc;background:#f5f6fa;text-align:center}
.cke_sc_def dl {margin:0 0 0.5em;text-align:left;zoom:1}
.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 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:0.5em 0;border-bottom:1px solid .e9e9e9}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid .e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}
/* 콘텐츠별 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 0.3em;font-weight:bold}
.cnt_cmt {display:inline-block;margin:0 0 0 5px;font-weight:bold}
/* 버튼 */
.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 {display:inline-block;padding:0 5px;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 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 {display:inline-block;padding:0 5px;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 1em;height:2.6em;border:1px solid #333;background:#333;color:#fff;font-size:1em;letter-spacing:-0.1em;vertical-align:top;-webkit-appearance:none}
.btn_cancel {display:inline-block;padding:0 1em;height:2.6em;border:1px solid #ccc;background:#fafafa;color:#000;font-size:1em;text-decoration:none;line-height:2.6em}
.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:middle;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}
.btn_submit {padding:0 10px;height:2.6em;border:1px solid #333;background:#333;color:#fff;font-size:1em;letter-spacing:-0.1em;vertical-align:top;-webkit-appearance:none}
.btn_cancel {display:inline-block;padding:0 10px;height:2.6em;border:1px solid #ccc;background:#fafafa;color:#000;font-size:1em;text-decoration:none;line-height:2.6em}
.btn_frmline {display:inline-block;padding:0 5px;height:1.9em;border:0;background:#333;color:#fff !important;letter-spacing:-0.1em;text-decoration:none;vertical-align:middle;line-height:1.9em} /* 우편번호검색버튼 등 */
.btn_win {clear:both;margin-bottom:15px;text-align:center} /* 새창용 */
.btn_win a {display:inline-block;padding:0 10px;height:2.5em;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle;line-height:2.5em}
/* 게시판용 버튼 */
.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 {display:inline-block;margin:0 0 5px;padding:0 10px;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;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 {display:inline-block;margin:0 0 5px;padding:0 10px;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;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 {display:inline-block;margin:0 0 5px;padding:0 10px;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: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 {margin-bottom:10px;width:100%;border-collapse:collapse;border-spacing:0}
.basic_tbl caption {padding:0 0 10px;color:#777;text-align:left}
.basic_tbl thead th {padding:5px 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 {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}
.basic_tbl a {display:block;padding:5px;color:#000;text-decoration:none}
.bo_sideview td {} /* 사이드뷰 사용하는 테이블 셀 패딩값 */
td.empty_table {padding:5em 0;text-align:center}
td.empty_table {padding:30px 0;text-align:center}
/* 필수입력 */
.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}
/* 폼 테이블 */
.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 {margin-bottom:15px;width:100%;border-collapse:collapse;border-spacing:0}
.frm_tbl caption {padding:10px;color:#4b8b99;font-weight:bold;text-align:left}
.frm_tbl th {padding-left:10px;width:110px;border-top:1px solid #eee;border-bottom:1px solid #eee;font-weight:normal;text-align:left}
.frm_tbl td {padding:5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.frm_tbl textarea, .frm_input {border:1px solid #b8c9c2;background:#f7f7f7;vertical-align:middle;line-height:1.8em;-webkit-appearance:none}
.frm_tbl textarea {width:90%;height:10em}
.frm_address {display:block;margin-top:0.3em}
.frm_file {display:block;margin-bottom:0.3em}
.frm_tbl textarea {width:90%;height:100px}
.frm_address {display:block;margin-top:5px}
.frm_file {display:block;margin-bottom:5px}
.frm_tbl #captcha {margin:0;padding:0;border:0;background:transparent}
.frm_tbl #captcha input {margin-left:0.3em;text-align:center}
.frm_tbl #captcha input {margin-left:5px;text-align:center}
.frm_tbl a {text-decoration:none}
.frm_info {display:block;padding:0.3em 0 0;color:#666;line-height:1.3em}
.frm_info {display:block;padding:5px 0 0;color:#666;line-height:1.3em}
/* 테이블 그리드 padding 0 5px 고려한 넓이 */
.grid_1 {width:40px}
@ -610,34 +610,34 @@ td.empty_table {padding:5em 0;text-align:center}
/* 새창 기본 스타일 */
.new_win {}
.new_win h1 {margin-bottom:2em;padding:0 2em;height:60px;border-top:3px solid #4e5d60;border-bottom:1px solid #e9e9e9;background:#fff;font-size:1.2em;line-height:5em}
.new_win table {margin:0 auto 2em !important;width:93% !important;background:#fff !important}
.new_win_ul {margin:-2em 0 2em 0;padding:0 0 0 2em;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win h1 {margin-bottom:20px;padding:0 20px;height:60px;border-top:3px solid #4e5d60;border-bottom:1px solid #e9e9e9;background:#fff;font-size:1.2em;line-height:5em}
.new_win table {margin:0 auto 20px !important;width:93% !important;background:#fff !important}
.new_win_ul {margin:-20px 0 2px 0;padding:0 0 0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win_ul li {float:left;margin-left:-1px}
.new_win_ul a {display:block;padding:1em 1em 0.7em;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:"dotum";font-weight:bold;text-decoration:none}
.new_win_ul a {display:block;padding:10px 10px 5px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:"dotum";font-weight:bold;text-decoration:none}
.new_win_desc {margin:0 auto;width:93%}
/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:2em;font-size:1.3em}
#validation_check p {margin-bottom:2em;padding:3em 2em;border:1px solid #e9e9e9;background:#fff}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}
/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:0.5em 0 0;border:1px solid #283646;background:#111}
.sv_wrap .sv a {display:inline-block !important;margin:0 !important;padding:0.3em !important;width:94px;border-bottom:1px solid #283646;color:#fff !important}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646;background:#111}
.sv_wrap .sv a {display:inline-block !important;margin:0 !important;padding:5px !important;width:94px;border-bottom:1px solid #283646;color:#fff !important}
.sv_wrap a:focus,
.sv_wrap a:hover,
.sv_wrap a:active {text-decoration:none !important}
.sv_on {display:block !important;position:absolute;top:1em;left:2em;width:auto;height:auto !important}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto !important}
.sv_nojs .sv {display:block}
/* pagination */
.pg_wrap {clear:both;margin:0 0 1em;padding-top:1em;text-align:center}
.pg_wrap {clear:both;margin:0 0 10px;padding-top:10px;text-align:center}
.pg {display:inline-block;border:1px solid #cfded8;letter-spacing:-4px}
.pg a:focus, .pg a:hover, .pg a:active {text-decoration:none}
.pg_page, .pg_current, .qa_page {display:inline-block;padding:0 0.6em;color:#000;letter-spacing:0;line-height:1.9em;vertical-align:middle}
.pg_page, .pg_current, .qa_page {display:inline-block;padding:0 5px;color:#000;letter-spacing:0;line-height:1.9em;vertical-align:middle}
.pg_page, .qa_page {background:#f9f9f9;text-decoration:none}
.pg_start, .pg_prev, .qa_start, .qa_prev {border-right:1px solid #cfded8}
.pg_end, .pg_next, .qa_end, .qa_next {border-left:1px solid #cfded8}

View File

@ -1,25 +0,0 @@
body, td, p, input, button, textarea, select, .c1 { font-family:Tahoma,; font-size:9pt; color:#222222; }
a:link, a:visited, a:active { text-decoration:none; color:#466C8A; }
a:hover { text-decoration:underline; }
a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545; }
a.menu:hover { text-decoration:none; }
.member {font-weight:bold;color:#888888;}
.guest {font-weight:normal;color:#888888;}
.lh { line-height: 150%; }
.jt { text-align:justify; }
.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }
.ul { list-style-type:square; color:#66AEAD; }
.ct { font-family: Verdana, ; color:#222222; }
.ed { border:1px solid #CCCCCC; }
.tx { border:1px solid #CCCCCC; }
.small { font-size:8pt; font-family:; }
.cloudy, a.cloudy {color:#888888;} /* 흐림 */