112 lines
6.4 KiB
CSS
112 lines
6.4 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%;height:100%}
|
|
#menu_button {position:fixed;left:0;bottom:0;width:100%;height:40px;text-align:center}
|
|
#menu_button button {position:relative;margin:0;padding:0;width:20%;height:40px;border:0;background:transparent}
|
|
#menu_button button span {display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;background:url('img/arr_up01.gif') #000 center 15px no-repeat}
|
|
#menu_button button.menu_opened {background:#ff3061;color:#fff}
|
|
#menu_button button.menu_opened span {background:url('img/arr_down01.gif') #000 center 15px no-repeat}
|
|
|
|
#menu_list {position:fixed;left:0;bottom:0;width:100%;border-top:1px solid #000;background:#f0f1f2}
|
|
#menu_list ul {margin:0;padding:0;border:0}
|
|
#menu_list li {margin:0;padding:0;width:19%}
|
|
#menu_list li:nth-of-type(1) {width:15%}
|
|
#menu_list li:nth-of-type(4), #menu_list li:nth-of-type(5) {width:14%}
|
|
#menu_list a {display:block;padding:15px 0;border:0;border-right:1px solid #e9e9e9;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
|
|
#menu_list a:focus, #menu_list a:hover {background:#f0f1f2;color:#000}
|
|
#menu_list li:nth-of-type(6) a {border:0}
|
|
#menu_list li:nth-last-of-type(1) {width:100%}
|
|
#menu_list button {margin:0;padding:15px 0;width:100%;border:0;border-top:1px solid #e9e9e9;background:#fff;color:#000}
|
|
|
|
.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:block;z-index:10000;position:absolute;top:0;left:0}
|
|
#fancyalert_inner {display:table;z-index:2;position:relative}
|
|
#fancyalert_inner div {display:table-cell;vertical-align:middle;text-align:center}
|
|
#fancyalert_inner span {display:block;margin:0 auto;padding:30px;width:200px;background:#1f1f1f;color:#f0f1f2}
|
|
#fancyalert_inner button {margin:15px 0 0;padding:10px 30px;border:0;background:#000;color:#fff}
|
|
#fancyalert_bg {z-index:0;position:absolute;top:0;left:0;width:100%;height:100%;vertical-align:middle;background:#000;text-align:center;opacity: 0.7} |