164 lines
8.6 KiB
CSS
164 lines
8.6 KiB
CSS
@charset "utf-8";
|
|
/* SIR 지운아빠 */
|
|
|
|
/* ##### main(nn).skin.php, list.(nn).skin.php 공통 적용 시작 ##### */
|
|
/* 공통 */
|
|
.sct_wrap {position:relative;margin:0 0 30px;zoom:1}
|
|
.sct_wrap .sctrl {position:absolute;top:0;right:0} /* 애니메이션 효과 사용 시 재생 정지 버튼 등 */
|
|
.sct_wrap:after {display:block;visibility:hidden;clear:both;content:""}
|
|
.sct_wrap header {margin:0 0 20px;zoom:1}
|
|
.sct_wrap header:after {display:block;visibility:hidden;clear:both;content:""}
|
|
.sct_wrap h2 {float:left;margin:0 20px 0 0;padding:0;line-height:1em}
|
|
.sct_wrap h2 a {text-decoration:none}
|
|
.sct_wrap_hdesc {float:left;margin:0;padding:0;color:#777;line-height:1em}
|
|
|
|
#sct {clear:both}
|
|
|
|
.sct {clear:both;margin:0;padding:0;list-style:none;zoom:1}
|
|
.sct:after {display:block;visibility:hidden;clear:both;content:""}
|
|
.sct_li {position:relative}
|
|
.sct_noitem {padding:100px 0;text-align:center}
|
|
.sct img {position:relative} /* 리스트뷰 갤러리뷰 변경 시 ie6,7 에서 이미지 사라지는 문제 해결하기 위해 */
|
|
.sct_icon img {margin:0 1px 0 0}
|
|
.sct_sns a {display:inline-block;margin:0 4px 0 0}
|
|
|
|
/* 상품 목록 스킨 10 */
|
|
.sct_10 .sct_li {position:relative;float:left;margin:0 25px 15px 0}
|
|
.sct_10 .sct_last {margin:0 0 15px !important}
|
|
.sct_10 .sct_clear {clear:both}
|
|
.sct_10 .sct_a {display:inline-block;position:relative;margin:0 0 5px;text-decoration:none}
|
|
.sct_10 .sct_a:focus, .sct_10 .sct_a:hover {text-decoration:none}
|
|
.sct_10 .sct_img {margin:0 0 10px}
|
|
.sct_10 .sct_icon {margin:0 0 10px}
|
|
.sct_10 .sct_id {display:block;margin:0 0 5px}
|
|
.sct_10 .sct_basic {margin:0 0 10px}
|
|
.sct_10 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
|
|
.sct_10 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
|
|
.sct_10 .sct_sns {}
|
|
|
|
/* 상품 목록 스킨 20 */
|
|
.sct_20 .sct_li {position:relative;float:left;margin:0 25px 15px 0}
|
|
.sct_20 .sct_last {margin:0 0 15px !important}
|
|
.sct_20 .sct_clear {clear:both}
|
|
.sct_20 .sct_a {display:block;position:relative;text-decoration:none}
|
|
.sct_20 .sct_a:focus, .sct_20 .sct_a:hover {text-decoration:none}
|
|
.sct_20 .sct_img {}
|
|
.sct_20 .sct_icon {position:absolute;top:10px;left:-5px;margin:0 !important}
|
|
.sct_20 .sct_icon img {display:block;margin:0 0 3px}
|
|
.sct_20 .sct_id {display:block;padding:5px 10px 0;background:#f2f5f9}
|
|
.sct_20 .sct_txt {padding:10px;background:#f2f5f9}
|
|
.sct_20 .sct_basic {padding:0 10px 5px;background:#f2f5f9;line-height:1.5em}
|
|
.sct_20 .sct_cost {display:block;padding:0 10px 10px;background:#f2f5f9;font-weight:bold}
|
|
.sct_20 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
|
|
.sct_20 .sct_sns {position:absolute;bottom:10px;right:10px}
|
|
|
|
/* 상품 목록 스킨 30 */
|
|
.sct_30 .sct_li {position:relative;float:left;margin:0 16px 15px 0;border:1px solid #e9e9e9;background:#f5f6fa}
|
|
.sct_30 .sct_last {margin:0 0 15px !important}
|
|
.sct_30 .sct_clear {clear:both}
|
|
.sct_30 .sct_arw_toleft {display:block;z-index:2;position:absolute;top:20px;left:221px;width:10px;height:19px;background:url('img/icon_arw_toleft.gif') no-repeat}
|
|
.sct_30 .sct_a {text-decoration:none}
|
|
.sct_30 .sct_img img {position:absolute;top:0;left:0}
|
|
.sct_30 .sct_icon {position:absolute;bottom:25px;left:-5px;margin:0 !important}
|
|
.sct_30 .sct_icon img {display:block;margin:0 0 3px}
|
|
.sct_30 .sct_txt {display:inline-block;margin:0 0 20px}
|
|
.sct_30 .sct_basic {margin:0 0 15px;padding:0;line-height:1.5em}
|
|
.sct_30 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
|
|
.sct_30 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
|
|
.sct_30 .sct_sns {position:absolute;bottom:20px;right:10px}
|
|
|
|
/* 상품 목록 스킨 40 */
|
|
.sct_40 .sct_li {position:relative;margin:0 0 16px 0;border:1px solid #e9e9e9;background:#f5f6fa}
|
|
.sct_40 .sct_a {text-decoration:none}
|
|
.sct_40 .sct_a:focus, .sct_40 .sct_a:hover {text-decoration:none}
|
|
.sct_40 .sct_img {position:absolute;top:0;left:0}
|
|
.sct_40 .sct_icon {position:absolute;bottom:25px;left:-5px;margin:0 !important}
|
|
.sct_40 .sct_icon img {display:block;margin:0 0 4px}
|
|
.sct_40 .sct_txt {display:inline-block;margin:0 0 20px}
|
|
.sct_40 .sct_basic {margin:0 0 15px;padding:0;line-height:1.5em}
|
|
.sct_40 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
|
|
.sct_40 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
|
|
.sct_40 .sct_rel {position:absolute;bottom:20px;right:20px}
|
|
.sct_40 .sct_rel_ul {margin:0;padding:0;list-style:none}
|
|
.sct_40 .sct_rel_li {float:left;margin:0 0 0 10px}
|
|
.sct_40 .sct_sns {padding:10px 0 0}
|
|
|
|
/* 메인 상품 목록 스킨 20 */
|
|
.smt_20 {position:relative;overflow-y:hidden}
|
|
.smt_20 .sct_ul {position:absolute;top:0;left:0;margin:0;padding:0;list-style:none}
|
|
.smt_20 .sct_ul_first {display:block;top:0}
|
|
.smt_20 .sct_li {position:relative;float:left;margin:0 25px 15px 0}
|
|
.smt_20 .sct_last {margin:0 0 15px !important}
|
|
.smt_20 .sct_a {display:inline-block;position:relative;margin:0 0 5px;text-decoration:none}
|
|
.smt_20 .sct_a:focus, .smt_20 .sct_a:hover {text-decoration:none}
|
|
.smt_20 .sct_img {margin:0 0 10px}
|
|
.smt_20 .sct_icon {margin:0 0 10px}
|
|
.smt_20 .sct_id {display:block;margin:0 0 5px}
|
|
.smt_20 .sct_basic {margin:0 0 10px}
|
|
.smt_20 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
|
|
.smt_20 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
|
|
.smt_20 .sct_sns {}
|
|
|
|
/* 메인 상품 목록 스킨 30 */
|
|
.smt_30 {position:relative;overflow-x:hidden}
|
|
.smt_30 .sct_ul {position:absolute;top:0;left:765px;margin:0;padding:0;width:765px;list-style:none;zoom:1}
|
|
.smt_30 .sct_ul:after {display:block;visibility:hidden;clear:both;content:""}
|
|
.smt_30 .sct_ul_first {display:block;left:0}
|
|
.smt_30 .sct_li {position:relative;float:left;margin-right:25px}
|
|
.smt_30 .sct_a {display:inline-block;position:relative;margin:0 0 5px;text-decoration:none}
|
|
.smt_30 .sct_a:focus, .smt_30 .sct_a:hover {text-decoration:none}
|
|
.smt_30 .sct_img {margin:0 0 10px}
|
|
.smt_30 .sct_icon {margin:0 0 10px}
|
|
.smt_30 .sct_id {display:block;margin:0 0 5px}
|
|
.smt_30 .sct_basic {margin:0 0 10px}
|
|
.smt_30 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
|
|
.smt_30 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
|
|
.smt_30 .sct_sns {}
|
|
|
|
/* 메인 상품 목록 스킨 40 */
|
|
.smt_40 {clear:both;position:relative}
|
|
.smt_40 .sct_ul {display:none;position:absolute;top:0;left:0;margin:0;padding:0;list-style:none}
|
|
.smt_40 .sct_ul_first {display:block}
|
|
.smt_40 .sct_li {position:relative;float:left;margin:0 25px 15px 0}
|
|
.smt_40 .sct_last {margin:0 0 15px !important}
|
|
.smt_40 .sct_a {display:inline-block;position:relative;margin:0 0 5px;text-decoration:none}
|
|
.smt_40 .sct_a:focus, .smt_40 .sct_a:hover {text-decoration:none}
|
|
.smt_40 .sct_img {margin:0 0 10px}
|
|
.smt_40 .sct_icon {margin:0 0 10px}
|
|
.smt_40 .sct_id {display:block;margin:0 0 5px}
|
|
.smt_40 .sct_basic {margin:0 0 10px}
|
|
.smt_40 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
|
|
.smt_40 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
|
|
.smt_40 .sct_sns {}
|
|
|
|
/* 메인 상품 목록 스킨 50 */
|
|
.smt_50 {position:relative}
|
|
.smt_50 .sct_ul {display:none;position:absolute;top:0;left:0;height:306px;margin:0;padding:0;list-style:none;overflow-y:hidden}
|
|
.smt_50 .sct_ul_first {display:block}
|
|
.smt_50 .sct_li {position:relative;float:left;position:relative;top:-306px;margin:0 25px 15px 0}
|
|
.smt_50 .sct_last {margin:0 0 15px}
|
|
.smt_50 .sct_a {display:inline-block;position:relative;margin:0 0 5px;text-decoration:none}
|
|
.smt_50 .sct_a:focus, .smt_50 .sct_a:hover {text-decoration:none}
|
|
.smt_50 .sct_img {margin:0 0 10px}
|
|
.smt_50 .sct_icon {margin:0 0 10px}
|
|
.smt_50 .sct_id {display:block;margin:0 0 5px}
|
|
.smt_50 .sct_basic {margin:0 0 10px}
|
|
.smt_50 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
|
|
.smt_50 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
|
|
.smt_50 .sct_sns {}
|
|
|
|
/* 관련상품 목록 스킨 10 */
|
|
.scr_10 .sct_li {position:relative;float:left;margin:0 25px 15px 0}
|
|
.scr_10 .sct_last {margin:0 0 15px !important}
|
|
.scr_10 .sct_clear {clear:both}
|
|
.scr_10 .sct_a {display:inline-block;position:relative;margin:0 0 5px;text-decoration:none}
|
|
.scr_10 .sct_a:focus, .sct_10 .sct_a:hover {text-decoration:none}
|
|
.scr_10 .sct_img {margin:0 0 10px}
|
|
.scr_10 .sct_icon {margin:0 0 10px}
|
|
.scr_10 .sct_id {display:block;margin:0 0 5px}
|
|
.scr_10 .sct_basic {margin:0 0 10px}
|
|
.scr_10 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
|
|
.scr_10 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
|
|
.scr_10 .sct_sns {}
|
|
|
|
/* ##### main(nn).skin.php, list.(nn).skin..php 공통 적용 끝 ##### */ |