95 lines
5.1 KiB
CSS
95 lines
5.1 KiB
CSS
|
|
/* ##### maint.(nn).skin.php, list.(nn).skin.php 공통 적용 시작 ##### */
|
|
/* 공통 */
|
|
.sct_wrap {margin:0 0 30px;zoom:1}
|
|
.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 {margin:0;padding:0;list-style:none;zoom:1;clear:both}
|
|
.sct:after {display:block;visibility:hidden;clear:both;content:""}
|
|
.sct_li {position:relative}
|
|
.sct_noitem {padding:100px 0;text-align:center}
|
|
|
|
/* 상품 목록 스킨 10 */
|
|
.sct_10 .sct_li {float:left;padding:0 25px 15px 0;}
|
|
.sct_10 .sct_last {margin:0 0 15px !important}
|
|
.sct_10 .sct_clear {clear:both}
|
|
.sct_10 .sct_a {display:block;position:relative;text-decoration:none}
|
|
.sct_10 .sct_a:focus, .sct_10 .sct_a:hover {text-decoration:none}
|
|
.sct_10 .sct_img {display:block;margin:0 0 15px}
|
|
.sct_10 b {display:block;margin:0 0 8px;font-weight:normal}
|
|
.sct_10 s {display:block}
|
|
.sct_10 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
|
|
.sct_10 .sct_icon {}
|
|
.sct_10 .sct_icon img {}
|
|
.sct_10 .sct_sns {position:absolute;top:190px;right:20px}
|
|
|
|
/* 상품 목록 스킨 11 */
|
|
.sct_11 .sct_li {float:left;margin:0 25px 15px 0;}
|
|
.sct_11 .sct_last {margin:0 0 15px !important}
|
|
.sct_11 .sct_clear {clear:both}
|
|
.sct_11 .sct_a {display:block;position:relative;padding:0 0 5px;background:#f5f6fa;text-decoration:none}
|
|
.sct_11 .sct_a:focus, .sct_11 .sct_a:hover {text-decoration:none}
|
|
.sct_11 .sct_img {display:block;margin:0 0 15px}
|
|
.sct_11 b {display:block;margin:0 0 8px;padding:0 5px;font-weight:normal}
|
|
.sct_11 s {display:block}
|
|
.sct_11 .sct_cost {display:block;margin:0 0 10px;padding:0 5px;font-weight:bold}
|
|
.sct_11 .sct_icon {position:absolute;top:10px;left:-5px;margin:0 !important}
|
|
.sct_11 .sct_icon img {display:block}
|
|
.sct_11 .sct_sns {position:absolute;bottom:10px;right:10px}
|
|
|
|
/* 상품 목록 스킨 12 */
|
|
.sct_12 .sct_li {float:left;margin:0 16px 15px 0;}
|
|
.sct_12 .sct_last {margin:0 0 15px !important}
|
|
.sct_12 .sct_clear {clear:both}
|
|
.sct_12 .sct_arw_toleft {display:block;z-index:2;position:absolute;top:20px;left:221px;width:10px;height:19px;background:url('../img/shop/icon_arw_toleft.gif') no-repeat}
|
|
.sct_12 .sct_a {display:block;position:relative;padding:20px 10px 20px 240px;width:110px;height:190px;border:1px solid #e9e9e9;background:#f5f6fa;text-decoration:none}
|
|
.sct_12 .sct_a:focus, .sct_12 .sct_a:hover {text-decoration:none}
|
|
.sct_12 .sct_img {position:absolute;top:0;left:0}
|
|
.sct_12 b {display:block;margin:0 0 15px;font-size:1.2em;letter-spacing:-0.1em}
|
|
.sct_12 p {margin:0 0 15px;padding:0;line-height:1.5em}
|
|
.sct_12 s {display:block}
|
|
.sct_12 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
|
|
.sct_12 .sct_icon {position:absolute;bottom:25px;left:-5px;margin:0 !important}
|
|
.sct_12 .sct_icon img {display:block}
|
|
.sct_12 .sct_sns {position:absolute;bottom:20px;right:10px}
|
|
|
|
/* 상품 목록 스킨 13 */
|
|
.sct_13 .sct_li {float:left;margin:0 0 16px 0;width:100%}
|
|
.sct_13 .sct_last {}
|
|
.sct_13 .sct_clear {clear:both}
|
|
.sct_13 .sct_arw_toleft {display:block;z-index:2;position:absolute;top:20px;left:221px;width:10px;height:19px;background:url('../img/shop/icon_arw_toleft.gif') no-repeat}
|
|
.sct_13 .sct_a {display:block;position:relative;padding:20px 10px 20px 240px;height:190px;border:1px solid #e9e9e9;background:#f5f6fa;text-decoration:none}
|
|
.sct_13 .sct_a:focus, .sct_13 .sct_a:hover {text-decoration:none}
|
|
.sct_13 .sct_img {position:absolute;top:0;left:0}
|
|
.sct_13 b {display:block;margin:0 0 15px;font-size:1.2em;letter-spacing:-0.1em}
|
|
.sct_13 p {margin:0 0 15px;padding:0;line-height:1.5em}
|
|
.sct_13 s {display:block}
|
|
.sct_13 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
|
|
.sct_13 .sct_icon {position:absolute;bottom:25px;left:-5px;margin:0 !important}
|
|
.sct_13 .sct_icon img {display:block}
|
|
.sct_13 .sct_rel {position:absolute;bottom:20px;right:20px}
|
|
.sct_13 .sct_rel_ul {margin:0;padding:0;list-style:none}
|
|
.sct_13 .sct_rel_li {float:left;margin:0 0 0 10px}
|
|
.sct_13 .sct_sns {position:absolute;top:20px;right:20px}
|
|
/* ##### maint.(nn).skin.php, list.(nn).skin.php 공통 적용 끝 ##### */
|
|
|
|
/* 상품상세 */
|
|
#info_content {width:100%}
|
|
#menu_button {position:fixed;left:0;bottom:0;width:100%;height:40px;text-align:center}
|
|
#menu_list {position:fixed;left:0;bottom:0}
|
|
.menu_hidden {display:none}
|
|
|
|
/* 로딩안내 레이어 */
|
|
#loading_message {z-index:10000;position:absolute;top:0;left:0;background:#fff;opacity:0.7}
|
|
#loading_message img {position:relative;opacity:1.0}
|
|
|
|
/* 알림 box */
|
|
#fancyalert {display:table;z-index:10000;position:absolute;top:0;left:0;background-color:#282828;text-align:center;opacity: 0.8}
|
|
#fancyalert_inner {display:table-cell;width:100px;height:100px;vertical-align:middle;opacity:1.0}
|
|
#fancyalert_inner span {display:block;margin:0 auto;padding:30px;width:200px;background:#000;color:#f0f1f2}
|
|
#fancyalert_inner button {margin:15px 0 0;padding:10px 30px;border:0;background:#282828;color:#fff} |