diff --git a/css/mobile_shop.css b/css/mobile_shop.css index 36e742d49..ef50cd78b 100644 --- a/css/mobile_shop.css +++ b/css/mobile_shop.css @@ -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} diff --git a/style.css b/style.css deleted file mode 100644 index 8158b6fb9..000000000 --- a/style.css +++ /dev/null @@ -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;} /* 흐림 */ \ No newline at end of file