li { list-style: none; } .left { text-align: left; } .center { text-align: center; } .red { color: #ff0000!important; } .green { color: #00cc00; } .green2 { color: #8ecd00!important; font-weight: bold; } .blue { color: #3399ff!important; font-weight: bold; } .dpn { display: none; } body.fixed { overflow: hidden; } #main-head { background: #e6e6e6; margin-top: 96px; } .main #main-head { margin-top: 44px; } #main-head .desc-area { margin: 0 auto; max-width: 980px; padding: 100px 22px 30px 22px; position: relative; text-align: center; color: #fff; background: url('https://images.apple.com/v/home/dh/images/row-promos/shot_on_iphone_large.jpg') center 0 no-repeat; } #main-body { text-align: center; } #sub-body { padding-bottom: 50px; text-align: center; } /* Table */ .table-tmeme-cafe { margin: 0 auto 10px auto; max-width: 980px; padding: 0 10px; position: relative; z-index: 2; } .table-tmeme-cafe ul { margin: 0px; } .table-tmeme-cafe ul li { position: relative; list-style: none; text-align: left; border-bottom: 1px solid #eee; padding: 10px 0; } .table-tmeme-cafe ul li:hover { background: #f9f9f9; } /* 열정토크 */ .table-tmeme-cafe ul.passion li .num { position: absolute; left: 0px; width: 50px; text-align: center; } .table-tmeme-cafe ul.passion li .title { margin: 0 300px 0 60px; display: block; } .table-tmeme-cafe ul.passion li .title .reply { color: #ff0000; } .table-tmeme-cafe ul.passion li .userinfo { position: absolute; width: 180px; height: 26px; right: 100px; bottom: 10px; vertical-align: center; } .table-tmeme-cafe ul.passion li .userinfo .username { width: 130px; line-height: 26px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; } .table-tmeme-cafe ul.passion li .userinfo img { width: 20px; height: 20px; border-radius: 50%; vertical-align: middle; } .table-tmeme-cafe ul.passion li .userinfo .regdt { position: absolute; right: 0px; line-height: 25px; font-size: 14px; } .table-tmeme-cafe ul.passion li .accesscnt { position: absolute; right: 0px; top: 10px; } /* 사입진행 */ .table-tmeme-cafe ul.progress li .orddt { margin: 0 300px 0 0px; display: block; } .table-tmeme-cafe ul.progress li .service { position: absolute; width: 150px; left: 200px; bottom: 10px; } .table-tmeme-cafe span { font-size: 14px; margin-right: 5px; color: #999; } .table-tmeme-cafe span.lte { color: #6960bc; font-weight: bold; } .table-tmeme-cafe span.misong { color: #33c5ae; font-weight: bold; } .table-tmeme-cafe span.qc { color: #3399ff; font-weight: bold; } .table-tmeme-cafe ul.progress li .postmoney { position: absolute; right: 100px; top: 10px; } .table-tmeme-cafe ul.progress li .state { position: absolute; right: 0px; top: 10px; } /* 관심매장 */ .table-tmeme-cafe ul.interest li .num { margin-right: 15px; line-height: 50px; vertical-align: top; } .table-tmeme-cafe ul.interest li .avata img { width: 40px; height: 40px; border-radius: 50%; margin-top: 3px; } .table-tmeme-cafe ul.interest li .catnm { position: absolute; width: 150px; left: 90px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .table-tmeme-cafe ul.interest li .position { position: absolute; width: 150px; left: 90px; top: 35px; color: #666; font-size: 12px; } .table-tmeme-cafe ul.interest li .message { position: absolute; right: 0px; top: 20px; max-width: 150px; padding: 5px 10px; border-radius: 3px; text-align: right; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: #eee; color: #666; } /* 예치금 */ .table-tmeme-cafe ul.money li { height: 40px; } .table-tmeme-cafe ul.money li .getoruseC { width: 250px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .table-tmeme-cafe ul.money li .price { position: absolute; right: 0px; top: 30px; } .table-tmeme-cafe ul.money li .price .plus { color: #37a200; } .table-tmeme-cafe ul.money li .price .minus { color: #fb6a0f; } .table-tmeme-cafe ul.money li .totpoint { position: absolute; left: 0px; top: 35px; font-size: 12px; } .table-tmeme-cafe ul.money li .regdate { position: absolute; right: 0px; top: 10px; font-size: 12px; color: #999; } /* 1:1 요청 */ .table-tmeme-cafe ul.request li { cursor: pointer; } .table-tmeme-cafe ul.request li .avata { position: absolute; top: 10px; left: 0px; width: 40px; height: 40px; border-radius: 50%; } .table-tmeme-cafe ul.request li .corpname { position: absolute; left: 50px; top: 10px; text-align: left; font-size: 14px; color: #000; font-weight: bold; } .table-tmeme-cafe ul.request li .content { width: 600px; height: 30px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 20px 0 10px 50px; } .table-tmeme-cafe ul.request li .category_crm { position: absolute; left: 50px; top: 60px; text-align: center; font-size: 12px; color: #999; } .table-tmeme-cafe ul.request li .regdt { position: absolute; right: 0px; top: 10px; font-size: 12px; color: #999; } .table-tmeme-cafe ul.request li .reply { position: absolute; right: 0px; top: 30px; } .table-tmeme-cafe ul.request li .reply .completed { color: #37a200; } .table-tmeme-cafe ul.request li .reply .waiting { color: #fb6a0f; } /* 알림 */ .table-tmeme-cafe ul.notice { padding-top: 30px; max-width: 500px; margin: auto; } .table-tmeme-cafe ul.notice li.head { border-bottom: 0px; background: url('/template/apple/images/ico_time.png') 0 7px no-repeat; padding-left: 40px; } .table-tmeme-cafe ul.notice li.row { box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.21); border-radius: 3px; margin-bottom: 10px; background: #fff; } .table-tmeme-cafe ul.notice li .readConfirm { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #ccc; vertical-align: top; margin: 19px 20px 0 12px; } .table-tmeme-cafe ul.notice li .readConfirm.n { background: #21d168; } .table-tmeme-cafe ul.notice li .readConfirm.y { background: #ccc; } .table-tmeme-cafe ul.notice li .avata img { width: 40px; height: 40px; border-radius: 3px; margin-top: 3px; cursor: pointer; } .table-tmeme-cafe ul.notice li .part { position: absolute; width: 150px; left: 100px; color: #3aa4b7; cursor: pointer; } .table-tmeme-cafe ul.notice li .msg { position: absolute; width: 250px; left: 100px; top: 35px; color: #666; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; } .table-tmeme-cafe ul.notice li .regdate { position: absolute; right: 10px; top: 10px; font-size: 12px; color: #999; } .table-tmeme-cafe ul.notice li .delete { position: absolute; right: 10px; top: 30px; width: 22px; height: 22px; background-image: url(/template/apple/images/sp_cbox4.png); background-position: -181px -78px; cursor: pointer; } .table-tmeme-cafe p.msg { font-size: 12px; } /* 주문관리 */ .table-tmeme-cafe ul.order-progress li .avata img { width: 40px; height: 40px; border-radius: 50%; margin-top: 3px; } .table-tmeme-cafe ul.order-progress li .ordernm { position: absolute; width: 150px; left: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .table-tmeme-cafe ul.order-progress li .membernm { position: absolute; left: 50px; top: 35px; color: #666; font-size: 12px; } .table-tmeme-cafe ul.order-progress li .ttamtord { position: absolute; right: 80px; top: 23px; color: #000; font-size: 16px; } .table-tmeme-cafe ul.order-progress li .orddt { position: absolute; right: 10px; top: 10px; color: #666; font-size: 12px; } .table-tmeme-cafe ul.order-progress li .state { position: absolute; right: 10px; top: 35px; color: #666; font-size: 14px; } .table-tmeme-cafe ul.order-progress li .state.c03 { color: #37a200; font-weight: bold; } .table-tmeme-cafe #control-button { position: relative; padding: 20px 0; } .table-tmeme-cafe #control-button .search { position: relative; width: 180px; display: inline-block; margin: auto; } .table-tmeme-cafe #control-button .search input { width: 100%; background: url('../images/icon-search.png') 0 0 no-repeat; background-size: 30px; } .table-tmeme-cafe #control-button .search input[type=submit] { position: absolute; top: 3px; right: -50px; width: 35px; height: 35px; background: none; text-align: center; } .table-tmeme-cafe #control-button .search input[type=submit] { -moz-transition:all 150ms ease; transition:all 150ms ease; font-size: 12px; font-weight: bold; color: #4c5057; border: 1px solid #ced0d4; background-color: #f6f7f9; display: inline-block; text-align: center; padding: 4px 8px; border-radius: 2px; cursor: pointer; } .table-tmeme-cafe #control-button .search input[type=submit]:focus, input[type=submit]:hover { background-color:#dededf; text-decoration: none; } .table-tmeme-cafe #control-button select { position: absolute; bottom: 10px; right: 0px; } .table-tmeme-cafe #control-button #mypoint { position: absolute; top: 20px; right: 0px; } .table-tmeme-cafe #control-button #mypoint a { display: inline-block; color: #000; background-color: #ffde00; box-shadow: 0 0px 1px 0 rgba(0,0,0,0.35); -webkit-box-shadow: 0 0px 1px 0; border-radius: 5px; padding: 5px 10px; } .table-tmeme-cafe #control-button #mypoint a:hover { background-color:#e4c80f; text-decoration: none; } /* 버튼영역 */ .table-buttons { text-align: right; border-bottom: 2px solid #ccc; padding: 10px 0; } @media only screen and (max-width: 767px) { /* 열정토크 */ .table-tmeme-cafe ul.passion li .num { display: none; } .table-tmeme-cafe ul.passion li .title { margin: 0 60px 25px 0px; } .table-tmeme-cafe ul.passion li .userinfo { left: 0px; } /* 사입진행 */ .table-tmeme-cafe ul.progress li .orddt { margin: 0 60px 25px 0px; } .table-tmeme-cafe ul.progress li .service { left: 0px; } /* 관심매장 */ .table-tmeme-cafe ul.interest li .num { display: none; } .table-tmeme-cafe ul.interest li .catnm { left: 50px; } .table-tmeme-cafe ul.interest li .position { left: 50px; } /* 1:1 요청 */ .table-tmeme-cafe ul.request li .content { width: 200px; } /* 알림 */ .table-tmeme-cafe ul.notice li .msg { width: 150px; } } #board-detail { margin: 0 auto; max-width: 980px; padding: 50px 10px; position: relative; z-index: 2; } #board-detail .board-detail-member { position: absolute; top: 10px; left: 10px; font-size: 14px; line-height: 20px; } #board-detail .board-detail-member img { width: 20px; height: 20px; border-radius: 50%; vertical-align: middle; } #board-detail .board-detail-buttons { position: absolute; top: 10px; right: 5px; } #board-detail .board-detail-buttons a { font-size: 12px; color: #333; padding: 0 5px; } #board-detail .board-detail-buttons span { font-size: 12px; color: #999; padding: 0 5px; } #detailCategory { text-align: center; height: 40px; overflow: hidden; } #detailCategory ul li { display: inline-block; } #detailCategory ul li a { position: relative; padding: 0 15px; line-height: 40px; display: inline-block; color: #333; } #detailCategory ul li a:hover { color: #0067c4; } #detailCategory ul li a.on { color: #0066cc; background: url('/images/carnegie/arrow_top.png') center bottom no-repeat; } #detailCategory h3 a { display: inline-block; padding: 13px; } #goodSort { position: relative; overflow: hidden; background: #fff; text-align: center; height: 0px; padding-top: 47px; -webkit-transition: background 0.35s linear, height 0.35s ease-in 200ms; transition: background 0.35s linear, height 0.35s ease-in 200ms; } #goodSort .sortBorder { min-width: 370px; margin: 10px auto; } #goodSort .sortBorder dl { width: 124px; display: inline-block; text-align: center; border-top: 1px solid #e5e5e5; border-left: 1px solid #d5d5d5; vertical-align: top; margin-bottom: 10px; } #goodSort .sortBorder dl dt { height: 22px; line-height: 22px; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #d5d5d5; background-color: #ccc; display: none; } #goodSort .sortBorder dl dd { height: 22px; line-height: 22px; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #d5d5d5; background-color: #fff; cursor: pointer; font-size: 13px; } #goodSort .sortBorder dl dd.on { border-right: 1px solid #0097f6; border-bottom: 1px solid #0097f6; background-color: #00b2f9; color: #fff; } #goodSort .sortBorder dl dd:hover { border-right: 1px solid #0097f6; border-bottom: 1px solid #0097f6; background-color: #00b2f9; color: #fff; } #goodSort .sortBorder dl.s_color { width: 366px; overflow: hidden; } #goodSort .sortBorder dl.s_color dd { width: 60px; float: left; } #goodSort .sortBorder dl.s_pagecount { margin-right: 0px; } #goodSort.on { height: 113px; } @media only screen and (max-width: 1000px) { #goodSort .sortBorder { max-width: 500px; } #goodSort .sortBorder dl { width: 180px; } #goodSort.on { height: 336px; } } #goodCount { max-width: 980px; height: 20px; padding: 20px 22px 10px 22px; text-align: left; font-size: 14px; margin: auto; } #goodList { margin: auto; text-align: center; } #goodList .title { margin: 30px 0 10px 0; } #goodList .title h3 { padding-bottom: 5px; font-size: 13px; text-align: center; } #goodList .title h3 span { display: inline-block; color: #fff; width: 20px; height: 20px; line-height: 20px; border-radius: 2px; font-size: 12px; } #goodList .title p { color: #666; } #goodList ul { overflow: hidden; margin: 0px; } #goodList ul li { display: inline-block; width: 180px; } #goodList.twitch { max-width: 980px; } #shopHeader { overflow: hidden; background: #e9ecef; } #shopHeader #shopInfo { position: relative; max-width: 980px; height: 200px; text-align: left; font-size: 14px; margin: 0 auto 0 auto; overflow: hidden; z-index: 2; background: #999; } #shopHeader #shopInfo .good { position: absolute; top: 10px; left: 10px; z-index: 2; } #shopHeader #shopInfo .connect { position: absolute; top: 10px; right: 10px; text-align: right; z-index: 2; } #shopHeader #shopInfo .shopBackground { position: absolute; top: 0px; left: 0px; width: 100%; height: 200px; z-index: -1; -webkit-filter: blur(10px) opacity(0.7); filter: blur(10px) opacity(0.7); } #shopHeader #shopInfo .iconArea { width: 150px; z-index: 2; margin: 20px auto 0 auto; text-align: center; } #shopHeader #shopInfo .iconArea img { width: 100px; height: 100px; border-radius: 50%; } #shopHeader #shopInfo .iconArea .corpname { color: #fff; font-weight: bold; font-size: 16px; } #shopHeader #shopInfo .iconArea .star_icon { display: inline-block; width: 88px; height: 15px; background: url('/template/apple/images/graph_star_0.png') no-repeat 0 0; background-size: auto auto; background-size: 88px 15px; } #shopHeader #shopInfo .iconArea .star_icon.count1 { background-image: url('/template/apple/images/graph_star_1.png'); } #shopHeader #shopInfo .iconArea .star_icon.count2 { background-image: url('/template/apple/images/graph_star_2.png'); } #shopHeader #shopInfo .iconArea .star_icon.count3 { background-image: url('/template/apple/images/graph_star_3.png'); } #shopHeader #shopInfo .iconArea .star_icon.count4 { background-image: url('/template/apple/images/graph_star_4.png'); } #shopHeader #shopInfo .iconArea .star_icon.count5 { background-image: url('/template/apple/images/graph_star_5.png'); } #shopHeader #shopMenu { max-width: 980px; margin: 0 auto 30px auto; background: #fff; box-shadow: 0 0 4px #c9c7c7; border-radius: 0 0 10px 10px; } #shopHeader #shopMenu ul { overflow: hidden; } #shopHeader #shopMenu ul li { width: 20%; display: inline-block; } #shopHeader #shopMenu ul li a { display: block; color: #000; text-decoration: none; } #shopHeader #shopMenu ul li a.on { border-bottom: 2px solid #e82c1e; color: #e82c1e; } #shopHeader #shopMenu ul li a:hover { font-weight: bold; background: #f9f9f9; } #shopHeader #shopMenu ul li a h5 { font-size: 13px; } #shopHeader #shopMenu ul li a p { font-size: 13px; font-weight: bold; } #goodCategory .sub-menu-items { background: #e9ecef; } #goodList.detailPage { padding: 15px 0 15px 0; margin-bottom: 30px; } #goodList.detailPage .jikguzone h3 { color: #000; } #goodList.detailPage .jikguzone ul li { display: block; width: 100%; text-align: left; } #goodList.detailPage .jikguzone a { text-decoration: none; } #goodList.detailPage .jikguzone .styleland_info { max-width: 1100px; margin: 0 auto; overflow: hidden; } #goodList.detailPage .jikguzone .styleland_info img { border-radius: 3px; } #goodList.detailPage .jikguzone .styleland_info p { color: #fff; } #goodList.detailPage.main { } #goodList.detailPage.main ul { max-width: 1102px; margin: auto; } #goodList.detailPage.main .title { position: relative; max-width: 1102px; margin: auto; } #goodList.detailPage.main .title h3 { color: #000; font-size: 18px; text-align: left; } #goodList.detailPage.main .title .moreview { position: absolute; top: 5px; right: 10px; font-size: 14px; color: #666666; } #goodList .bestTitle { padding: 10px 0; } #goodList .bestTitle h3 span { font-size: 20px; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #333; } #goodList .bestTitle h3 { font-weight: normal; } #goodList .bestTitle .banner { margin-top: 15px; } #goodList .bestTitle .banner img { width: 100%; } #goodList .bestTitle .styleland { font-size: 20px; padding: 20px 0 10px 0; } table.type08 { border-collapse: collapse; text-align: left; line-height: 1.5; border-left: 1px solid #ccc; margin: auto; text-align: center; font-size: 14px; } table.type08 caption { font-size: 18px; text-align: center; font-weight: bold; padding: 30px 0 10px 0; } table.type08 thead th { padding: 10px; font-weight: bold; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 2px solid #6ab344; background: #dcdcd1; text-align: center; } table.type08 tbody th { padding: 10px; font-weight: bold; vertical-align: top; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #ececec; } table.type08 td { padding: 10px; vertical-align: top; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .item-new-border { position: relative; padding: 10px; margin: 5px; border: 1px solid #ccc; background: #fff; border-radius: 3px; text-align: center; } .item-new-border:hover { border: 1px solid #0066cc; } .item-new-border:hover .item .goodnm { color: #0066cc; } .item-new-border .new { position: absolute; top: 8px; right: 8px; width: 6px; height: 6px; border-radius: 50%; background: #ff0000; z-index: 2; } .item-new-border .item { position: relative; display: block; } .item-new-border .item .bullet_sale { position: absolute; top: 22px; left: -2px; width: 60px; height: 62px; background: url('/images/carnegie/bullet_sale.png') center 0 no-repeat; z-index: 3; display: none; } .item-new-border .item .bullet_sale.Y { display: block; } .item-new-border .item .bullet_soldout { position: absolute; top: 80px; left: 0px; width: 100%; height: 80px; background: url('/images/carnegie/bullet_soldout.png') center 0 no-repeat; z-index: 3; display: none; } .item-new-border .item .bullet_soldout.Y { display: block; } .item-new-border .item .bullet_talk { position: absolute; top: 77px; left: 34px; width: 80px; height: 80px; background: url('/template/apple/images/notice_talk.svg') center 0 no-repeat; z-index: 3; display: none; } .item-new-border .item .bullet_talk.Y { display: block; } .item-new-border .item .goodnm { display: block; height: 15px; line-height: 13px; color: #000; font-size: 13px; overflow: hidden; margin-bottom: 10px; } .item-new-border .item .goodnm span { color: #fff; padding: 2px 4px; line-height: 11px; text-align: center; display: inline-block; border-radius: 2px; font-size: 10px; margin-right: 2px; } .item-new-border .item .thumnail { position: relative; width: 100%; height: 185px; overflow: hidden; margin-bottom: 5px; z-index: 1; } .item-new-border .item .thumnail img { width: 100%; z-index: 2; } .item-new-border .item .thumnail.n img { opacity: 0.2; } .item-new-border .item .shopname { display: inline-block; overflow: hidden; height: 18px; border-radius: 9px; line-height: 18px; vertical-align: top; border: 1px solid #b7b7b7; color: #666; font-size: 10px; padding: 0 10px; margin-bottom: 10px; font-style: italic; } .item-new-border .item .desc { display: block; height: 28px; overflow: hidden; text-align: left; margin-bottom: 25px; color: #999; font-size: 10px; } .item-new-border .item .priceBullet { text-align: left; } .item-new-border .item .priceBullet .price { position: relative; color: #0066cc; font-size: 15px; } .item-new-border .item .priceBullet .price .sale { position: absolute; top: -15px; color: #999; margin-right: 5px; font-size: 10px; } .item-new-border .item .priceBullet .bullet { float: right; color: #666; } .item-new-border .item .priceBullet .bullet .view { height: 17px; display: inline-block; line-height: 17px; background: url('/images/carnegie/bullet_view.png') 0 0 no-repeat; padding: 0 5px 0 20px; font-size: 11px; } .item-new-border .item .priceBullet .bullet .favorites { height: 17px; display: inline-block; line-height: 17px; background: url('/images/carnegie/bullet_favorites.png') 0 0 no-repeat; padding-left: 20px; font-size: 11px; } .item-new-border .item .priceBullet .bullet .talk { height: 17px; display: inline-block; line-height: 17px; background: url('/template/apple/images/good_talk.svg') 0 0 no-repeat; padding-left: 20px; font-size: 11px; } .item-new-border .modify { text-align: right; padding-top: 10px; } .item-new-border .modify a { margin: 0px; background: #333; color: #fff; padding: 3px 5px; cursor: pointer; border-radius: 2px; } .item-new-border .edit { overflow: hidden; background: #999; width: 100%; margin: 0px; margin-top: 10px; display: none; } .item-new-border .edit span { width: 33.3%; padding: 5px 0; display: inline-block; float: left; color: #fff; cursor: pointer; font-size: 14px; } .item-new-border .edit span:hover { background: #000; } .item-new-border .edit.on { display: block; } .item-border { position: relative; background: #fff; text-align: center; margin-bottom: 4px; } /* .item-border:hover { border: 1px solid #0066cc; } */ .item-border:hover .item .goodnm { color: #0066cc; } .item-border .new { width: 6px; height: 6px; border-radius: 50%; background: #ff0000; z-index: 2; } .item-border .item { position: relative; display: block; padding-bottom: 10px; } .item-border .item .bullet_sale { position: absolute; top: -2px; left: -2px; width: 60px; height: 62px; background: url('/images/carnegie/bullet_sale.png') center 0 no-repeat; z-index: 3; display: none; } .item-border .item .bullet_sale.Y { display: block; } .item-border .item .bullet_soldout { position: absolute; top: 80px; left: 0px; width: 100%; height: 80px; background: url('/images/carnegie/bullet_soldout.png') center 0 no-repeat; z-index: 3; display: none; } .item-border .item .bullet_soldout.Y { display: block; } .item-border .item .bullet_talk { position: absolute; top: 77px; left: 34px; width: 80px; height: 80px; background: url('/template/apple/images/notice_talk.svg') center 0 no-repeat; z-index: 3; display: none; } .item-border .item .bullet_talk.Y { display: block; } .item-border .item .type { position: absolute; top: 0px; left: 0px; z-index: 2; line-height: 0px; } .item-border .item .type span { color: #fff; padding: 2px 4px; line-height: 11px; text-align: center; display: inline-block; border-radius: 2px; font-size: 10px; margin-right: 2px; } .item-border .item .goodnm { display: block; line-height: 13px; color: #565656; font-size: 12px; overflow: hidden; text-align: left; } .item-border .item .goodnm span { color: #fff; line-height: 11px; text-align: center; display: inline-block; border-radius: 2px; font-size: 10px; margin-right: 2px; } .item-border .item .thumnail { position: relative; width: 178px; height: 178px; margin-bottom: 10px; z-index: 1; background-position: center center; background-repeat: no-repeat; background-size: 178px auto; } .item-border .item .thumnail.imgHeightBaseResize { background-size: auto 178px; } .item-border .item .thumnail img { width: 100%; z-index: 2; } .item-border .item .thumnail.n img { opacity: 0.2; } .item-border .item .shopname { color: #666; font-size: 11px; text-align: left; } .item-border .item .shopname .off { color: #fff; background: #000; padding: 0 5px; border-radius: 2px; font-weight: bold; } .item-border .item .shopname .best { color: #fff; background: #FB005B; padding: 0 5px; border-radius: 2px; font-weight: bold; } .item-border .item .desc { display: block; height: 28px; overflow: hidden; text-align: left; margin-bottom: 25px; color: #999; font-size: 10px; } .item-border .item .priceBullet { text-align: left; } .item-border .item .priceBullet .price { position: relative; color: #222222; font-size: 12px; } .item-border .item .priceBullet .price .sale { position: absolute; top: -10px; color: #999; margin-right: 5px; font-size: 10px; text-decoration:line-through; } .item-border .item .priceBullet .bullet { float: right; color: #666; } .item-border .item .priceBullet .bullet .view { height: 17px; display: inline-block; line-height: 17px; background: url('/images/carnegie/bullet_view.png') 0 0 no-repeat; padding: 0 5px 0 20px; font-size: 11px; } .item-border .item .priceBullet .bullet .favorites { height: 17px; display: inline-block; line-height: 17px; background: url('/images/carnegie/bullet_favorites.png') 0 0 no-repeat; padding-left: 20px; font-size: 11px; } .item-border .item .priceBullet .bullet .talk { height: 17px; display: inline-block; line-height: 17px; background: url('/template/apple/images/good_talk.svg') 0 0 no-repeat; padding-left: 20px; font-size: 11px; } .item-border .modify { text-align: right; padding-top: 10px; } .item-border .modify a { margin: 0px; background: #333; color: #fff; padding: 3px 5px; cursor: pointer; border-radius: 2px; } .item-border .edit { overflow: hidden; background: #999; width: 100%; margin: 0px; margin-top: 10px; display: none; } .item-border .edit span { width: 33.3%; padding: 5px 0; display: inline-block; float: left; color: #fff; cursor: pointer; font-size: 14px; } .item-border .edit span:hover { background: #000; } .item-border .edit.on { display: block; } #building { max-width: 980px; margin: auto; padding-top: 100px; } #building li { display: inline-block; } #building li a { display: block; margin: 10px; background: #333; } #building li a span { display: block; width: 130px; height: 130px; background: url('/images/carnegie/groupMark.png') 0 0 no-repeat; } #building li a span.vcode_1295072163 { background-position: 0 0; } #building li a span.vcode_1294621544 { background-position: -130px 0; } #building li a span.vcode_1294621561 { background-position: -260px 0; } #building li a span.vcode_1295072217 { background-position: -390px 0; } #building li a span.vcode_1295072228 { background-position: -520px 0; } #building li a span.vcode_1294621587 { background-position: 0 -130px; } #building li a span.vcode_1295072187 { background-position: -130px -130px; } #building li a span.vcode_1295072211 { background-position: -260px -130px; } #building li a span.vcode_1352559256 { background-position: -390px -130px; } #building li a span.vcode_1295072129 { background-position: -520px -130px; } #building li a span.vcode_1377446781 { background-position: 0 -260px; } #building li a span.vcode_1295072204 { background-position: -130px -260px; } #building li a span.vcode_1294621617 { background-position: -260px -260px; } #building li a span.vcode_1295072177 { background-position: -390px -260px; } #building li a span.vcode_1413183510 { background-position: -520px -260px; } #building li a span.vcode_1377446782 { background-position: 0 -390px; } #building li a span.vcode_1370261702 { background-position: -130px -390px; } #building li a span.vcode_1368373779 { background-position: -260px -390px; } #building li a span.vcode_1295072223 { background-position: -390px -390px; } #building li a span.vcode_1295072199 { background-position: -520px -390px; } #building li a span.vcode_1295072194 { background-position: 0 -520px; } #building li a span.vcode_1372138465 { background-position: -130px -520px; } #category { max-width: 980px; margin: auto; overflow: hidden; padding-top: 100px; } #category li { width: 25%; float: left; display: inline-block; } #category li a { height: 90px; line-height: 90px; display: block; margin: 6px; background: #333; color: #fff; border-radius: 10px; } #category li a.menu_1 { background: #fe263e; } #category li a.menu_2 { background: #00b450; } #category li a.menu_3 { background: #b430ff; } #category li a.menu_4 { background: #bd1270; } #category li a.menu_5 { background: #839408; } #category li a.menu_6 { background: #fe36ca; } #category li a.menu_7 { background: #516075; } #category li a.menu_8 { background: #e78e00; } #category li a.menu_9 { background: #0794fe; } #category li a.menu_10 { background: #ff4f14; } #category li a.menu_11 { background: #7134fc; } @media only screen and (max-width: 767px) { #category li { width: 33.3%; } } main.sub { margin-top: 96px; text-align: center; padding-bottom: 40px; } main.shop { margin-top: 96px; min-height: 800px; text-align: center; background: #e9ecef; } main.search { margin-top: 96px; } .sub-menu-items { margin: 0px; } .sub-menu-items li { display: inline-block; } .sub-menu-items li a { padding: 10px 8px; display: inline-block; font-size: 12px; color: #333; } .sub-menu-items li a.on { font-weight: bold; color: #0070c9; } .sub-menu-items li a.best { color: #FB005B; } #good_detail { padding-bottom: 80px; } #good_detail #images_detail .cell { margin-bottom: 200px; } #good_detail #images_detail .cell:first-child { margin-bottom: 20px; } #good_detail #images_detail .cell img { width: 100%; max-width: 750px; } #good_detail #shortdesc { max-width: 980px; margin: 0 auto 100px auto; padding: 80px 10px 0 10px; } #good_detail #shortdesc h4 { font-size: 20px; margin-bottom: 20px; } #good_detail #shortdesc p { font-size: 14px; line-height: 30px; } #good_detail #shortdesc p.styleland_mark { } #good_detail #shortdesc p.styleland_mark img { width: 200px; } #good_detail #shortdesc p.styleland_mark span { display: block; } #shopInfo { max-width: 980px; margin: 0 auto 50px auto; padding: 0 0px; } #shopInfo .shopImg img { width: 80px; height: 80px; border-radius: 50%; } #shopInfo p { font-size: 12px; color: #000; } #shopInfo p.corpname { font-size: 14px; } #sub-head #shopInfo { padding-top: 20px; } #good_detail .detailInfo { max-width: 980px; margin: 0 auto 100px auto; padding: 0 10px; text-align: center; } #good_detail .detailInfo h3 { margin-bottom: 20px; } #good_detail .detailInfo table { min-width: 500px; margin: auto; } #good_detail .detailInfo table tbody tr:nth-child(odd) { background-color:#f9f9f9; } #good_detail .detailInfo table tbody tr:nth-child(even) { background-color:#ffffff; } #good_detail .detailInfo table thead tr th { color: #333; font-size: 13px; font-weight: bold; text-align: center; padding: 10px; background: #f1f1f1; } #good_detail .detailInfo table tbody tr th { color: #000; font-size: 13px; font-weight: bold; text-align: center; } #good_detail .detailInfo table tbody tr td { color: #333; font-size: 13px; padding: 5px 0; } #good_detail .detailInfo table tbody tr td.on { } #good_detail .detailInfo table tbody tr td p span { color: #999; } #good_detail .detailInfo table tbody tr td.on p span { color: #fb005b; font-weight: bold; } #good_detail #originInfo { max-width: 980px; margin: auto; padding: 0 10px; } #good_detail #originInfo h3 { margin-bottom: 20px; } #good_detail #originInfo p { margin: 0px; font-size: 14px; } @media only screen and (max-width: 767px) { #good_detail .detailInfo table { min-width: 320px; } #good_detail #images_detail .cell { margin: 0px; } #good_detail #images_detail .cell img { max-width: 375px; } } .my-point { background: #f9f9f9; overflow: hidden; font-size: 14px; padding: 15px 0; } .my-point .circle { width: 180px; text-align: center; display: inline-block; vertical-align: top; } .my-point .circle .coin { display: inline-block; width: 100px; height: 100px; background: url('/images/bullet/bullet_hundred_start.png') 0 0 no-repeat; background-size: 100px 100px; margin-bottom: 5px; } .my-point .circle .coin.one { background: url('/images/bullet/bullet_hundred_one.png') 0 0 no-repeat; background-size: 100px 100px; } .my-point .circle .coin.two { background: url('/images/bullet/bullet_hundred_two.png') 0 0 no-repeat; background-size: 100px 100px; } .my-point .circle .coin.three { background: url('/images/bullet/bullet_hundred_three.png') 0 0 no-repeat; background-size: 100px 100px; } .my-point .circle .coin.four { background: url('/images/bullet/bullet_hundred_four.png') 0 0 no-repeat; background-size: 100px 100px; } .my-point .circle .coin.five { background: url('/images/bullet/bullet_hundred_five.png') 0 0 no-repeat; background-size: 100px 100px; } .my-point .prePoint { width: 150px; text-align: center; display: inline-block; vertical-align: top; margin-top: 30px; } #mypageMain #topMenu ul { margin: 0px; padding: 10px 0; } #mypageMain #topMenu ul.favorites { background: #fff; } #mypageMain #topMenu ul li { display: inline-block; width: 185px; text-align: center; } #mypageMain #topMenu ul li a { display: block; cursor: pointer; } #mypageMain #topMenu ul li a i { display: inline-block; width: 50px; height: 50px; background: url('/template/apple/images/mypage_menu_icon.png') no-repeat; vertical-align: top; overflow: hidden; line-height: 999px; } #mypageMain #topMenu ul li.progress a i { background-position: 0 0; } #mypageMain #topMenu ul li.interest a i { background-position: -50px 0; } #mypageMain #topMenu ul li.money a i { background-position: -100px 0; } #mypageMain #topMenu ul li.goodtalk a i { background-position: -150px 0; } #mypageMain #topMenu ul li.setup a i { background-position: 0 -50px; } #mypageMain #topMenu ul li.cart a i { background-position: -50px -50px; } #mypageMain #topMenu ul li.favorites a i { background-position: -100px -50px; } #mypageMain #topMenu ul li.viewproduct a i { background-position: -150px -50px; } #mypageMain #topMenu ul li.paper-shop a i { background-position: 0 -100px; } #mypageMain #topMenu ul li.one-request a i { background-position: -50px -100px; } #mypageMain #topMenu ul li.notice a i { background-position: -100px -100px; } #mypageMain #topMenu ul li.active a i { background-position: -150px -100px; } #mypageMain #topMenu ul li a p { font-size: 14px; color: #000; } #mypageMain #topMenu ul li a span { font-size: 18px; line-height: 18px; color: #000; font-family: '나눔고딕', 'Malgun Gothic', sans-serif; color: #333; } @media only screen and (max-width: 767px) { #mypageMain #topMenu ul li { width: 85px; } } .my-point .prePoint table tbody tr td { padding: 5px 0; } /* 내정보 */ #join { max-width: 500px; margin: auto; padding: 50px 5px 0 5px; text-align: left; } #join .reference-container { overflow: hidden; } #join .reference-container dl.userInfo { display: inline-block; margin-bottom: 0px; text-align: center; } #join .reference-container dl.userInfo img.avata { width: 100px; height: 100px; border-radius: 50%; } #join .reference-container dl.userInfo dt { font-size: 40px; font-weight: bold; padding-bottom: 10px; } #join .reference-container dl.userInfo dd { font-size: 16px; font-weight: bold; margin: 0px; color: #666; } #join .reference-container .buttons { float: right; text-align: right; } #join .reference-container .buttons a { font-size: 13px; padding: 2px 5px; margin: 0px; } #join .invisible-input { position: relative; } #join .invisible-input input { width: 100%; } #join .invisible-input i { position: absolute; top: 34px; right: 0px; width: 97px; height: 22px; background: url('../images/carnegie/ico_join3.png') 0 0 no-repeat; } #join .invisible-input i.password { background-position: 0 -363px; } #join .invisible-input i.password-bad { background-position: 0 -13px; } #join .invisible-input i.password-good { background-position: 0 -223px; } #join .invisible-input i.repassword { background-position: 0 -412px; } #join .invisible-input i.repassword-good { background-position: 0 -293px; } #join .invisible-input .message.error { color: #ff0000; } #join .invisible-input .message.clear { color: #2eaa08; } #join .invisible-input .address-button { position: relative; margin: 0 80px 20px 0; } #join .invisible-input .address-button a { position: absolute; top: 9px; right: -80px; } #join .invisible-input .textarea { width: 100%; margin-bottom: 10px; background: #f9f9f9; border-radius: 4px; border: 1px solid #cfd8dc; } #join .invisible-input .textarea textarea { width: 100%; height: 180px; border: 0px; text-align: left; padding: 10px; resize: none; border: none; box-sizing: border-box; } #join .invisible-input #bankInfo { border: 1px solid #f1f1f1; background: #f9f9f9; padding: 10px 0; text-align: center; } #join .invisible-input #bankInfo input { text-align: center; } #join .invisible-input #bankInfo input[name=bank] { width: 200px; } #join .invisible-input #bankInfo input[name=bankUser] { width: 100px; } #join .reference-container { padding: 24px 20px; background-color: #f9f9f9; margin-bottom: 46px; text-align: center; } #join .row_footer { text-align: center; } /* 주문서 주문 */ #shop-list #control-button { position: relative; max-width: 500px; margin: 0 auto 10px auto; overflow: hidden; } #shop-list #control-button h3 { float: left; font-size: 20px; font-weight: bold; padding: 7px 5px 0; } @media only screen and (max-width: 767px) { #shop-list #control-button h3 { float: none; } } #shop-list #control-button .button-signin { position: absolute; right: 160px; } #shop-list #control-button .button-red { position: absolute; right: 80px; } #shop-list #control-button .edit { float: right; margin-right: 5px; } #shop-list #control-button .listup { float: right; margin-left: 5px; } #shop-list #control-button .search { width: 180px; display: inline-block; margin: auto; } #shop-list #control-button .search input { width: 100%; background: url('../images/icon-search.png') 0 0 no-repeat; background-size: 30px; } #shop-list #control-button-footer { position: relative; max-width: 500px; text-align: center; margin: 0 auto 100px auto; } #shop-list #control-button-footer .button-red { position: absolute; right: 0px; } #shop-list #shop-add { background: #eee; padding: 20px 0px 10px; margin-bottom: 20px; } #shop-list #shop-add h3 { margin-bottom: 50px; } #shop-list #shop-add .line { max-width: 500px; margin: 0 auto 30px auto; } #shop-list #shop-add .line #images_detail .cell { display: inline-block; padding: 0 5px; } #shop-list #shop-add .line #images_detail .cell img { width: 50px; } #shop-list #shop-add .line #images_detail .cell img.on { border: 2px solid red; } #shop-list #shop-add .line #images_detail .cell .del { display: none; width: 10px; height: 10px; background: url('/template/apple/images/bullet_delete.png') 0 0 no-repeat; background-size: 10px 10px; cursor: pointer; } #shop-list #shop-add .line #images_detail.on { background: #fff; padding: 10px; border-radius: 3px; border: 1px solid #ccc; } #shop-list #shop-add .line #images_detail.on .cell .del { display: inline-block; } #shop-list #shop-add .line .imagesModify { display: none; } #shop-list #shop-add .line .imagesModify.on { display: inline-block; } #shop-list #shop-add .lineSellper { max-width: 500px; margin: 0 auto 30px auto; } #shop-list #shop-add .lineSellper .invisible-input { position: relative; width: 93%; } #shop-list #shop-add .lineSellper .invisible-input a.popup { position: absolute; right: 0px; } #shop-list #shop-add .lineSellper .sellper { padding-top: 10px; } #shop-list #shop-add .lineSellper .sellper ul li { display: inline-block; border: 1px solid #ddd; border-radius: 10px; background: #fff; padding: 0 5px; cursor: pointer; margin: 2px 2px; } #shop-list #shop-add .lineSellper .sellper ul li.on { background: #0070c9; color: #fff; } #shop-list #shop-add .lineSize { max-width: 500px; margin: 0 auto 30px auto; background: #f9f9f9; padding: 10px 0; } #shop-list #shop-add .lineSize .invisible-input { width: 80%; display: inline-block; margin: 0 5px 10px 5px; } #shop-list #shop-add .lineSize .invisible-input input[type=text] { font-size: 16px; } #shop-list #shop-add .invisible-option { margin: 0 10px; text-align: left; } #shop-list #shop-add .invisible-option .optdesc { font-size: 12px; color: blue; font-weight: bold; } .line label { font-weight: bold; color: black; } #shop-list #shop-add .invisible-textarea { margin: 0 10px; } #shop-list #shop-add .invisible-textarea textarea { width: 100%; border: 2px dashed #d6d6d6; border-radius: 5px; background: #fff; padding-top: 20px; } #shop-list #shop-add .invisible-input { width: 45%; display: inline-block; margin: 0 5px; } #shop-list #shop-add .invisible-input label { text-align: left; } #shop-list #shop-add .invisible-input input[type=text] { width: 100%; } #shop-list #shop-add .invisible-input input[name=good_color] { text-transform: uppercase; } #shop-list #shop-add .invisible-input input[name=good_size] { text-transform: uppercase; } #shop-list #shop-add .invisible-input select { width: 100%; font-size: 24px; height: 35px; line-height: 35px; } #shop-list #shop-add .invisible-input p.category { text-align: left; border-bottom: 3px solid #d6d6d6; background: none; font-size: 24px; height: 35px; line-height: 35px; } #shop-list #shop-add .invisible-input p.category span { display: inline-block; } #shop-list #shop-add .invisible-input p.category a { float: right; font-size: 18px; } #shop-list #shop-add .invisible-input p.sale { position: relative; } #shop-list #shop-add .invisible-input p.sale label.switch { position: absolute; bottom: 10px; right: 0px; } #shop-list #shop-add .title-area { position: relative; background: #78909c; color: #fff; text-align: left; } #shop-list #shop-add .title-area h4 { padding: 10px 15px; font-size: 17px; } #shop-list #shop-add .title-area .switch { position: absolute; top: 6px; right: 15px; } #shop-list #shop-add .invisible-detailinfo dl { display: none; overflow: hidden; padding: 10px 0; background-color:#f9f9f9; border-bottom: 1px solid #f1f1f1; } #shop-list #shop-add .invisible-detailinfo.on dl { display: block; } #shop-list #shop-add .invisible-detailinfo dl dt { width: 25%; float: left; color: #78909c; font-weight: bold; } #shop-list #shop-add .invisible-detailinfo dl dd { width: 25%; float: left; } #shop-list #shop-add .invisible-detailinfo dl dd span { display: inline-block; width: 70px; height: 30px; line-height: 30px; border-radius: 15px; color: #999; cursor: pointer; } #shop-list #shop-add .invisible-detailinfo dl dd.on span { background: #ccc; color: #333; } #shop-list #shop-add .invisible-detailinfo dl dd span:hover { background: #ddd; color: #000; } #shop-list #shop-add .invisible-sizeinfo .lineSize { display: none; } #shop-list #shop-add .invisible-sizeinfo.on .lineSize { display: block; } #shop-list .sub-menu-items { background: #f9f9f9; margin-bottom: 20px; } .specialShowHide .toggleButton { display: inline-block; width: 40px; height: 40px; background: url('/template/apple/images/eyeOnOff2.png') 0 0 no-repeat; background-size: 80px 40px; cursor: pointer; } .specialShowHide .toggleButton.hide { background-position: -40px 0px; } .specialShowHide .toggleButton.n { background-position: -40px 0px; } .productShowHide .toggleButton { display: inline-block; width: 85px; height: auto; padding: 3px 5px; font-size: 13px; text-align: center; cursor: pointer; border: 2px solid #333; border-radius: 6px; /*background: url('/template/apple/images/eyeOnOff2.png') 0 0 no-repeat; background-size: 80px 40px; */ } .productShowHide .toggleButton:hover { background-color: #333; color: white; } .productShowHide .toggleButton.hide { background-position: -40px 0px; } .productShowHide .toggleButton.n { background-position: -40px 0px; } .viewSate { display: inline-block; } .viewSate.off { color: #ccc; } .viewSate.on { color: #08c246; font-weight: bold; } .specialBest span { color: #fff; background: #ccc; padding: 0 5px; border-radius: 2px; font-weight: bold; font-size: 11px; cursor: pointer; } .specialBest span.on { background: #FB005B; } .specialStock span { color: #fff; background: #eeeeee; padding: 0 5px; border-radius: 2px; font-weight: bold; font-size: 11px; cursor: pointer; } .specialStock span.on { background: #0070c9; } .shippingToday span { color: #fff; background: #ccc; padding: 0 5px; border-radius: 2px; font-weight: bold; font-size: 11px; cursor: pointer; } .shippingToday span.on { background: #FB005B; } .productBest span { color: #fff; background: #ccc; padding: 0 5px; border-radius: 2px; font-weight: bold; font-size: 11px; cursor: pointer; } .productBest span.on { background: #FB005B; } .specialDrainage { position: absolute; bottom: 5px; width: 90px; text-align: center; } .specialDrainage input[name=drainage] { width: 100%; border: 2px solid #eee; border-radius: 3px; } .notice-area { max-width: 500px; margin: 0 auto 30px auto; } .notice-area .desc { margin: 0 10px; color: #333; background-color: #e8eef1; border-color: #3a6c7e; border: 1px solid #ccc; padding: 10px; border-radius: 5px; box-shadow: 0 1px 1px #fff inset; font-size: 14px; } .notice-area .desc dl { overflow: hidden; text-align: left; } .notice-area .desc dl dt { float: left; width: 100px; } .notice-area .desc dl dd { float: left; } #shop-data { max-width: 500px; text-align: left; margin: auto; } #shop-data li { position: relative; padding: 5px 10px; } #shop-data li:nth-child(odd) { background-color:#f9f9f9; } #shop-data li:nth-child(even) { background-color:#ffffff; } #shop-data li .shop-position { display: block; } #shop-data li .name { color: #000; font-weight: bold; } #shop-data li .shop-position { color: #666; } #shop-data li .tel { position: absolute; top: 5px; right: 10px; } #shop-data li .del { position: absolute; top: 30px; right: 10px; display: none; } #shop-data li .del.on { display: block; } #shop-data li .del .modifyShop { margin-right: 10px; } #shop-list .moneyChargeBox { max-width: 500px; } #shop-list .moneyChargeBox ul li { text-align: left; padding: 0 20px; } #shop-list #good-add { background: #eee; padding: 0 20px 20px 20px; margin-bottom: 20px; } #shop-list #good-add select { width: 48%; font-size: 24px; height: 35px; line-height: 35px; } #shop-list #good-add input[type=text] { width: 48%; } #shop-list #good-add .line_4rd .makeGood { display: inline-block; padding: 6px 15px 6px; font-weight: bold; background-color: #2daee0; color: #fff; border-radius: 5px; cursor: pointer; } #good-data { max-width: 500px; text-align: left; margin: auto; } #good-data p { padding: 0px; } #good-data ul { margin-bottom: 30px; } #good-data ul li { position: relative; padding: 5px 10px; overflow: hidden; } #good-data ul li:nth-child(odd) { background-color:#f9f9f9; } #good-data ul li:nth-child(even) { background-color:#ffffff; } #good-data ul li .shopCode { width: 105px; display: inline-block; float: left; } #good-data ul li .shopCode .shopInfo { font-size: 12px; line-height: 16px; padding-top: 5px; color: #666; } #good-data ul li .shopCode .switch { margin-top: 20px; } #good-data ul li .goodInfo { border-left: 3px solid #d6d6d6; padding-left: 10px; width: 200px; display: inline-block; float: left; } #good-data ul li .goodInfo .good_name { font-weight: bold; } #good-data ul li .goodInfo .good_image { position: relative; display: inline-block; } #good-data ul li .goodInfo .good_image .bullet_talk { position: absolute; top: 40px; left: 30px; width: 40px; height: 40px; background: url('/template/apple/images/notice_talk.svg') center 0 no-repeat; z-index: 3; display: none; } #good-data ul li .goodInfo .good_image .bullet_talk.Y { display: block; } #good-data ul li .goodInfo .good_image img { width: 100px; } #good-data ul li .goodInfo .good_color { font-size: 13px; color: #666; } #good-data ul li .goodInfo .good_size { font-size: 13px; color: #666; } #good-data ul li .goodInfo .sale { color: #cc0000; padding: 0 5px; border-radius: 2px; font-weight: bold; font-size: 11px; cursor: pointer; } #good-data ul li .goodInfo .imageArea { width: 70px; float: left; } #good-data ul li .goodInfo .imageArea img { width: 60px; margin-top: 5px; cursor: pointer; } #good-data ul li .goodInfo .imageArea input { display: none; } #modify.goodInfo .imageArea img { width: 200px; cursor: pointer; } #modify.goodInfo .imageArea input { display: none; } #good-data ul li .goodInfo .infoArea { float: left; } #good-data ul li .good_num input[name=good_num] { width: 50px; position: absolute; top: 5px; right: 70px; } #good-data ul li .addGood { position: absolute; top: 5px; right: 10px; } /* #good-data ul li .delGood { position: absolute; top: 15px; right: 50px; display: none; text-align: right; width: 22px; height: 22px; background-image: url(/template/apple/images/sp_cbox4.png); background-position: -181px -78px; } #good-data ul li .delGood.on { display: block; } */ #good-data ul li .delGood { position: absolute; top: 5px; right: 50px; display: none; text-align: center; width: 25px; height: 15px; border: 2px solid #FF5757; border-radius: 5px; padding: 8px; background: linear-gradient( to bottom, #FFFFCA, #FFFFDF ); font-size: 12px; font-weight: bold; color: black; } #good-data ul li .delGood.on { display: block; } #good-data ul li .modGood { position: absolute; top: 54px; right: 46px; display: none; text-align: right; width: 22px; height: 22px; background-image: url('/template/apple/images/bullet_modify.svg'); opacity: 0.5; } #good-data ul li .modGood.on { display: block; } #good-data ul li .modifyGoodtxt { position: absolute; top: 5px; right: 10px; border: 1px solid #999; border-radius: 5px; padding: 5px; background: linear-gradient( to bottom, #CECECE, #F1F1F1 ); font-size: 12px; font-weight: bold; color: black; } #good-data ul li .listupGoodtxt { position: absolute; top: 5px; right: 10px; border: 1px solid #999; border-radius: 5px; padding: 5px; background: linear-gradient( to bottom, #CECECE, #F1F1F1 ); font-size: 12px; font-weight: bold; color: black; cursor: pointer; } #good-data ul li .modifyGood { position: absolute; top: 5px; right: 10px; width: 34px; height: 35px; background: url('/template/apple/images/goodModify.png') 0 0 no-repeat; display: inline-block; margin-top: 4px; } #good-data ul li .modifyGood:hover { background-position: 0 -35px; } #good-data ul li .modifyGood:active { background-position: 0 -70px; } #good-data ul li .hashTag { position: absolute; top: 55px; right: 10px; width: 100px; height: 50px; overflow: auto; border: 1px solid #ccc; background: #fff; border-radius: 5px; padding: 10px; font-size: 12px; color: #000; } #good-data ul li .hashTag:hover { background: #0070c9; color: #fff; cursor: pointer; } #good-data ul li .good_category { position: absolute; bottom: 30px; right: 10px; font-size: 12px; color: #000; } #good-data ul li .good_agent { position: absolute; bottom: 10px; right: 10px; font-size: 12px; color: #666; } #good-data ul li .specialReview { position: absolute; top: 60px; right: 10px; font-size: 12px; color: #000; text-align: center; } #good-data ul li .bullet { color: #666; margin-bottom: 8px; display: block; } #good-data ul li .bullet .view { height: 17px; display: inline-block; line-height: 17px; background: url('/images/carnegie/bullet_view.png') 0 0 no-repeat; padding: 0 5px 0 20px; font-size: 11px; } #good-data ul li .bullet .favorites { height: 17px; display: inline-block; line-height: 17px; background: url('/images/carnegie/bullet_favorites.png') 0 0 no-repeat; padding-left: 20px; font-size: 11px; } #good-data ul li .bullet .talk { height: 17px; display: inline-block; line-height: 17px; background: url('/template/apple/images/good_talk.svg') 0 0 no-repeat; padding-left: 20px; font-size: 11px; } #good-data .addGood { width: 34px; height: 35px; background: url('/template/apple/images/goodAdd.gif') 0 0 no-repeat; display: inline-block; margin-top: 4px; } #good-data .addGood:hover { background-position: 0 -35px; } #good-data .addGood:active { background-position: 0 -70px; } #good-data ul li .agency_delivery { position: absolute; top: 80px; right: 10px; } #good-data ul li .agency_delivery span { margin-left: 3px; } /* 바다머니 충전 박스 */ .moneyChargeBox { background: #eee; border-radius: 20px; margin: auto; text-align: center; padding: 20px 0; } .moneyChargeBox .bank { margin-bottom: 10px; text-decoration: underline; } .moneyChargeBox .desc { color: #999; } .moneyChargeBox label { display: block; margin: 10px 0 20px 0; } .moneyChargeBox label input { width: 40px; } .moneyChargeBox a.request { display: inline-block; padding: 6px 15px 6px; font-weight: bold; background-color: #2daee0; color: #fff; border-radius: 5px; cursor: pointer; } /* 바다머니 환불 박스 */ .moneyRefundBox { border: 3px solid #2daee0; border-radius: 20px; margin: 0 auto 70px auto; text-align: center; padding: 20px 0; max-width: 300px; } .moneyRefundBox .bank { font-size: 13px; margin-bottom: 10px; text-decoration: underline; } .moneyRefundBox .desc { color: #999; padding: 5px 0; } .moneyRefundBox p input{width:240px;text-align:center;margin-bottom:15px;background:#fcfcfc;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);box-shadow:inset 0 1px 1px rgba(0,0,0,.1);border:1px solid #cecece;padding:10px;font-size:15px;line-height:18px;color:#555;border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;-moz-box-sizing:border-box;box-sizing:border-box} .moneyRefundBox dl { overflow: hidden; padding: 5px 0; } .moneyRefundBox dl dt { width: 90px; display: inline-block; text-align: left; } .moneyRefundBox dl dd { width: 120px; display: inline-block; text-align: right; } .moneyRefundBox a.request { display: inline-block; padding: 6px 15px 6px; font-weight: bold; background-color: #2daee0; color: #fff; border-radius: 5px; cursor: pointer; } /* 장바구니 */ .addressEditArea { background: #eee; padding: 10px 0; } .addressEditArea .addressEditArea-border { position: relative; max-width: 600px; margin: auto; text-align: left; font-size: 14px; } .addressEditArea .addressEditArea-border h3 { text-align: center; margin-bottom: 20px; } .addressEditArea .addressEditArea-border h3 p { font-size: 12px; font-weight: normal; color: #999; } .addressEditArea .addressEditArea-border ul { margin: 0 0px; } .addressEditArea .addressEditArea-border ul li { position: relative; overflow: hidden; padding: 2px 0; } .addressEditArea .addressEditArea-border ul li label { height: 30px; line-height: 30px; display: block; padding: 0 35px 0 0px; } .addressEditArea .addressEditArea-border ul li label input { margin-right: 10px; } .addressEditArea .addressEditArea-border ul li label strong { color: #000; } .addressEditArea .addressEditArea-border ul li a.addressDelete { position: absolute; top: 0px; right: 0px; display: inline-block; width: 30px; height: 30px; background: url('/template/apple/images/bullet_delete.png') center center no-repeat; cursor: pointer; border-radius: 2px; } .addressEditArea .addressEditArea-border ul li a.addressDelete:hover { background-color: #ddd; } .addressEditArea .orderInfo { display: inline-block; height: 30px; line-height: 30px; } .addressEditArea .orderInfo img { width: 30px; height: 30px; border-radius: 50%; margin-right: 5px; } .addressEditArea .orderInfo span { height: 30px; line-height: 30px; vertical-align: top; } .addressEditArea .agencyDelivery { max-width: 600px; margin: auto; text-align: left; font-size: 14px; } .addressEditArea .agencyDelivery p strong { background: #5fba7d; color: #fff; border-radius: 2px; padding: 0px 3px; } #cart .cartBox { max-width: 600px; margin: 40px auto 0 auto; } #cart .cartBox .orderUser { height: 30px; line-height: 30px; } #cart .cartBox .orderUser img { width: 30px; height: 30px; border-radius: 50%; margin-right: 5px; } #cart .cartBox .orderUser span { height: 30px; line-height: 30px; vertical-align: top; font-size: 17; font-weight: bold; } .orderUser2 { height: 30px; line-height: 30px; } .orderUser2 img { display: inline-block; width: 30px; height: 30px; border-radius: 50%; margin-right: 5px; } .orderUser2 strong { height: 30px; line-height: 30px; vertical-align: top; font-size: 17; font-weight: bold; } .orderInfo { width: 100%; border-collapse: collapse; margin: auto; } .orderInfo caption { position: relative; } .orderInfo caption .managerArea { position: absolute; top: 0px; left: 0px; } .orderInfo caption .managerArea h4 { font-size: 13px; } .orderInfo caption .managerArea p { font-size: 12px; } .orderInfo caption .misongArea { text-align: right; font-size: 11px; padding-bottom: 10px; } .orderInfo tbody tr.on { background: #f9f9f9; } .orderInfo tbody tr td { position: relative; font-size: 13px; padding: 5px 0; border-bottom: 1px solid #eee; } .orderInfo tbody tr:last-child td { border-bottom: 0px; } .orderInfo tbody tr.on td { border-bottom: 1px solid #e1e1e1; } .orderInfo tbody tr.on td.groupLine { border-bottom: 1px solid #f9f9f9; } .orderInfo tbody tr.off td.groupLine { border-bottom: 1px solid #fff; } .orderInfo tbody tr td .adminmemo { color: #ff0000; } .orderInfo tbody tr td.bold { font-weight: bold; } .orderInfo tbody tr td.state span { color: #666; } .orderInfo tbody tr td dl.product-info { overflow: hidden; } .orderInfo tbody tr td dl.product-info dt { float: left; margin-right: 10px; vertical-align: top; } .orderInfo tbody tr td dl.product-info dt a.img { display: block; width: 55px; overflow: hidden; margin: 5px 0; } .orderInfo tbody tr td dl.product-info dt a.img img { width: 55px; border-radius: 3px; } .orderInfo tbody tr td dl.product-info dd p { font-size: 13px; text-align: left; } .orderInfo tbody tr td dl.product-info dd p a { color: #000; } .orderInfo tbody tr td dl.product-info dd { float: left; text-align: left; max-width: 155px; } .orderInfo tbody tr td .agencyDeliveryDesc strong { background: #5fba7d; color: #fff; border-radius: 2px; padding: 0px 3px; } .orderInfo tbody tr td.cart-none { height: 100px; } .orderInfo tbody tr td .misongBtn { font-size: 14px; color: #eee; } .orderInfo tbody tr td .misongBtn.on { color: #33c5ae; font-weight: bold; } .orderInfo tbody tr td .view { display: inline-block; width: 17px; height: 17px; background: url('/images/carnegie/bullet_view.png') 0 0 no-repeat; } .orderInfo tbody tr td .misongState img { width: 30px; height: 10px; } .orderInfo tbody tr td .misongUsePoint { color: #33c5ae; } .orderInfo tbody tr td.agentName { position: relative; font-size: 16px; padding: 30px 0 5px 0; border-bottom: 2px solid #aaa; } .orderInfo tbody tr td.agentName strong { color: #333; } .orderInfo tbody tr td.agentName .location { position: absolute; font-size: 12px; left: 20px; color: #666; } .orderInfo tbody tr td.agentName .delivery { position: absolute; font-size: 12px; right: 20px; color: #666; } .orderInfo tbody tr td .orderamt { font-weight: bold; } .orderInfo tbody tr td .thisamt { display: inline-block; padding: 3px 10px; font-weight: bold; border: 1px solid #eee; border-radius: 5px; cursor: pointer; } .orderInfo tbody tr td.specialProgress span { padding: 0 5px; cursor: pointer; } .orderInfo tbody tr td.specialProgress span.on { font-weight: bold; color: #0066cc; border-top: 2px solid #0066cc; border-bottom: 2px solid #0066cc; } .orderInfo tbody tr td .goodImg { color: #333; } .orderInfo tbody tr td .goodImg img { height: 50px; } .orderInfo tbody tr td .delstatuscd { display: inline-block; padding: 0 5px; font-size: 11px; border-radius: 3px; cursor: pointer; } .orderInfo tbody tr td .delstatuscd.on { background: #000; color: #fff; } .bonuspoint-use { border-top: 1px dotted #aaa; padding: 10px 0 0px 0px; margin-top: 10px; } .bonuspoint-use span { font-size: 17px !important; font-weight: normal !important; } .bonuspoint-use p { font-size: 24px; font-weight: bold; color: #ff0000; } .total-bank { font-size: 24px; font-weight: bold; color: #08c246; } @media only screen and (max-width: 767px) { .orderInfo tbody tr td dl.product-info dt { clear: both; } .orderInfo tbody tr td dl.product-info dt a.img { width: 30px; margin: 5px 0 0 0; } .orderInfo tbody tr td dl.product-info dd { clear: both; } } .orderInfo tbody tr td a.check { border: 2px solid #aaa; cursor: pointer; display: inline-block; padding: 3px 5px; border-radius: 5px; background: #ddd; margin: 0 10px; } .orderInfo tbody tr td .button { background: url("/shop/admin/webftp/images_prime/right.png") no-repeat scroll right top transparent; cursor: pointer; display: inline-block; height: 40px; margin: 0 auto; padding-right: 7px; text-decoration: none; } .orderInfo tbody tr td .button span { background: url("/shop/admin/webftp/images_prime/left.png") no-repeat scroll 0 0 transparent; border: 0 none; color: #6F6F6F; cursor: pointer; display: inline-block; font-family: '나눔고딕',NanumGothic,'굴림',Gulim,AppleGothic,sans-serif; font-size: 12px; font-weight: bold; height: 40px; line-height: 40px; padding: 0 5px 0 10px; text-decoration: none; text-shadow: 0 1px #FFFFFF; vertical-align: top; } .orderInfo tbody tr td .button:hover { background-image:url('/shop/admin/webftp/images_prime/right_over.png'); } .orderInfo tbody tr td .button:hover span { background-image:url('/shop/admin/webftp/images_prime/left_over.png'); color: #0073c3; } .orderInfo tbody tr td .button:active { background-image:url('/shop/admin/webftp/images_prime/right_active.png'); } .orderInfo tbody tr td .button:active span { background-image:url('/shop/admin/webftp/images_prime/left_active.png'); } .orderInfo tbody tr td .thisamt { color: #999; } .orderInfo tbody tr td .thisamt strong { color: #cc0000; } .orderInfo tbody tr td .thisamt.ok { color: #6ab344; font-weight: bold; } .orderInfo tbody tr td .thisamt.different { color: #1a73e8; font-weight: bold; } .orderInfo tbody tr td .orderImg { position: relative; width: 60px; height: 78px; margin: 3px auto; } .orderInfo tbody tr td .orderImg .misong { position: absolute; top: 0px; left: 0px; width: 60px; height: 78px; background: url('/images/bullet/misong6078.png') no-repeat; background-size: 60px 78px; } .orderInfo tbody tr td .orderImg img { width: 60px; height: 78px; } #cart.on .orderInfo tbody tr td input[name=count] { width: 30px; } #cart.on .orderInfo tbody tr td .countModify { display: none; } #cart.on .orderInfo tbody tr td .countModify a { font-size: 12px; display: inline-block; background: #666; color: #fff; padding: 3px 8px; border-radius: 3px; cursor: pointer; } #cart.on .orderInfo tbody tr td .countModify.on { display: block; } #cart.on .orderInfo tbody tr td .misongBtn { display: inline-block; width: 40px; padding: 5px 3px; background: #868686; cursor: pointer; border-radius: 5px; color: #fff; font-size: 11px; } #cart.on .orderInfo tbody tr td .misongBtn:hover { background: #999; } #cart.on .orderInfo tbody tr td .misongBtn.on { background: #33c5ae; color: #ffffff; } #cart.on .orderInfo tbody tr td .misongBtn_wholesale { display: inline-block; width: 40px; padding: 5px 3px; background: #868686; cursor: pointer; border-radius: 5px; color: #fff; font-size: 11px; } #cart.on .orderInfo tbody tr td .misongBtn_wholesale:hover { background: #999; } #cart.on .orderInfo tbody tr td .misongBtn_wholesale.on { background: #33c5ae; color: #ffffff; } #cart.on .orderInfo tbody tr td .delete { display: inline-block; width: 30px; height: 30px; background: url('/template/apple/images/bullet_delete.png') center center no-repeat; cursor: pointer; margin-top: 10px; border-radius: 2px; } #cart.on .orderInfo tbody tr td .delete:hover { background-color: #ddd; } .orderInfo thead { background: #f9f9f9; border: 1px solid #eee; } .orderInfo thead tr th { padding: 8px 0; font-size: 14px; text-align: center; font-weight: bold; } .orderInfo tbody tr th { text-align: right; padding: 8px 0; border-bottom: 1px solid #eee; } .orderInfo tbody tr th span { color: #0000cc; margin-right: 5px; } .orderInfo tbody tr td p.none { padding: 100px 0; } .orderInfo tbody tr td input, select { font-size: 18px; line-height: 18px; padding: 3px 3px; } .orderInfo tbody tr td input[name=adminmemo] { width: 200px; padding: 0 3px; border: 1px solid #eee; font-size: 11px; color: #666; } .orderInfo tbody tr td p .sale { background: #cc0000; color: #fff; } .orderInfo tbody tr td p.shopname { width: 70px; height: 20px; margin: auto; display: inline-block; } .orderInfo tbody tr td p.shopCount { padding: 5px 0 10px 0; } .orderInfo tbody tr td p.shopCount span { background: #ccc; color: #fff; width: 20px; height: 20px; border-radius: 50%; display: inline-block; line-height: 20px; } .orderInfo tbody tr.bank td { background: #f9f9f9; padding: 6px 0; } .orderInfo tbody tr.bank td.bullet { background: #f9f9f9 url('/images/cloud/ico_comm_re2.gif') 50px 10px no-repeat; } .orderInfo tbody td .address { width: 500px; } .orderInfo tbody td dl.float dt { float: left; } .orderInfo tbody td dl.float dd { float: left; padding-top: 10px; } .orderInfo tbody td dl.float dd input.f10 { font-size: 14px; } .orderInfo tbody tr td p .free { background: #cc0000; color: #fff; font-size: 11px; font-weight: bold; border-radius: 2px; padding: 2px 3px; } .orderInfo#special tbody tr:nth-child(odd) { background-color:#fff; } .orderInfo#special tbody tr:nth-child(even) { background-color:#f9f9f9; } .orderInfo#special tbody tr td .mAuto { cursor: pointer; } .orderInfo#special tbody tr td .mAuto:hover .count { color: #ff0000; } .orderInfo#special tbody tr td .amtEdit { display: none; } .orderInfo#special tbody tr td .amtEdit input[name=thisamt] { width: 30px; text-align: center; } .orderInfo tfoot tr td { font-size: 13px; background: #f9f9f9; padding: 5px 0; border: 0px; text-align: center; border-radius: 0 0 5px 5px; } .orderInfo tfoot tr td .misong { text-align: right; } .orderInfo tfoot tr td .misong span { margin-right: 10px; font-size: 14px; } .orderInfo tfoot tr td.orderamtTotal { font-weight: bold; } .orderInfo tfoot tr td.thisamtTotal { color: #6ab344; font-weight: bold; } .orderInfo tbody tr td .memoArea { z-index: 10; } .orderInfo tbody tr td .memoArea .memo { color: #ccc; cursor: pointer; font-size: 12px; } .orderInfo tbody tr td .memoArea .memo.on { color: #cc0000; } .orderInfo tbody tr td .memoArea .memoBox { position: absolute; left: 0px; background: #333; padding: 10px; text-align: left; z-index: 100; display: none; border-radius: 10px; } .orderInfo tbody tr td .memoArea h4 { color: #fff; margin-bottom: 5px; } .orderInfo tbody tr td .memoArea .memoBox input { padding: 5px; font-size: 16px; width: 150px; background: #fff; } .orderInfo tbody tr td .memoArea .memoBox p { text-align: center; } .orderInfo tbody tr td .memoArea .memoBox span { color: #fff; display: inline-block; padding: 5px 10px; background: #666; cursor: pointer; margin: 10px 5px 0 5px; } .orderInfo tbody tr td .profileImg { width: 50px; height: 50px; border-radius: 25px; } /* dp 직구존 */ main.special { margin-top: 96px; text-align: center; padding-bottom: 40px; background: #fafafa; font-size: 14px; } /* dp 직구존 장바구니 */ main.special #specialZone { max-width: 980px; margin: auto; padding-top: 30px; } main.special #specialZone h2 { margin-bottom: 20px; } main.special #specialZone #cart-footer div { border-bottom: 1px solid #eee; padding: 20px 0; } main.special #specialZone #cart-footer div:last-child { border-bottom: 0px; } main.special #specialZone #cart-footer .cart-sum dl { display: inline-block; min-width: 30px; } main.special #specialZone #cart-footer dd { font-size: 24px; font-weight: bold; } main.special #specialZone #cart-footer dd p { font-size: 12px; color: #999; font-weight: normal; margin-top: 50px; } main.special #specialZone #cart-footer .cart-address ul { display: inline-block; } main.special #specialZone #cart-footer .cart-address ul li { text-align: left; padding: 5px 0; } main.special #specialZone #cart-footer .cart-address ul li strong { margin-right: 5px; } /* 주문완료 */ main.special #cartFinish h2 { margin-bottom: 20px; } main.special #cartFinish .table2 { max-width: 350px; margin: 0 auto 30px auto; } main.special .orderInfo tbody tr { background: #fff; } main.special .orderInfo tbody tr td .count { position: relative; width: 20px; height: 20px; margin: auto; background: #e7e9ec; border-radius: 3px; border-color: #ADB1B8 #A2A6AC #8D9096; border-style: solid; border-width: 1px; cursor: pointer; display: inline-block; padding: 0 10px 0; line-height: 20px; text-align: left; } main.special .orderInfo tbody tr td .count i { position: absolute; top: 5px; right: 3px; width: 10px; height: 8px; background-position: -7px -102px; background-image: url(/interface/images/AmazonUIBaseCSS-sprite_1x_AUI_UX_143270_T1-cd086a5f67c13932fc3e6504865e28e5769b677a._V2_.png); -webkit-background-size: 400px 900px; background-size: 400px 900px; background-repeat: no-repeat; } main.special .orderInfo tfoot .buttons { padding: 20px 0; text-align: left; } main.special .orderInfo tfoot .totprice { font-size: 24px; font-weight: bold; } main.special .orderInfo .img img { width: 50px; } main.special .orderListTable { width: 100%; } main.special .orderListTable tbody tr { border-top: 1px solid #efefef; } main.special .orderListTable tbody tr.lineNone { border-top: 0px; } main.special .orderListTable tbody tr.dateLine { border-top: 0px; } main.special .orderListTable tbody tr.dateLine td { background: url('/interface/images/dateLine.png') 0px 5px repeat-x; } main.special .orderListTable tbody tr td { font-size: 14px; } main.special .orderListTable tbody tr td .img { display: inline-block; width: 60px; height: 60px; background-size: 60px; } main.special .orderListTable tbody tr td .date { display: inline-block; background: #fff; border: 1px solid #efefef; font-weight: bold; width: 80px; height: 30px; border-radius: 30px; line-height: 30px; } main.special .orderListTable tbody tr td dl { width: 100%; overflow: hidden; padding: 10px 0; } main.special .orderListTable tbody tr td dl dt { float: left; width: 60px; margin-right: 10px; } main.special .orderListTable tbody tr td dl dd { float: left; } main.special .orderListTable tbody tr td dl dd.option { width: 40%; } main.special .orderListTable tbody tr td dl dd.amt { width: 40%; line-height: 60px; } main.special .orderListTable tbody tr td ul.listItems { overflow: hidden; margin-top: 10px; } main.special .orderListTable tbody tr td ul.listItems li { float: left; margin-right: 5px; } .adminTable { width: 100%; border-collapse: collapse; text-align: center; z-index: 1; } .adminTable caption { font-size: 16px; font-weight: bold; } .adminTable .ios { width: 20px; height: 26px; display: inline-block; background: url('/interface/images/appIcon.png') 0px 0px no-repeat; } .adminTable .android { width: 20px; height: 26px; display: inline-block; background: url('/interface/images/appIcon.png') -22px 0px no-repeat; } .adminTable .web { width: 20px; height: 26px; display: inline-block; background: url('/interface/images/webIcon.png') 0px 0px no-repeat; } .adminTable .mobile { width: 20px; height: 26px; display: inline-block; background: url('/interface/images/webIcon.png') -21px 0px no-repeat; } .adminTable thead tr th { padding: 8px 0; font-size: 14px; background: #333; color: #fff; } .adminTable thead tr th:first-child { border-radius: 3px 0 0 3px; } .adminTable thead tr th:last-child { border-radius: 0 3px 3px 0; } .adminTable tbody tr th { padding: 5px 0; border-bottom: 1px solid #eee; font-size: 14px; } .adminTable tbody tr td { padding: 5px 0; border-bottom: 1px solid #eee; font-size: 14px; } .adminTable tbody tr td .del { display: none; cursor: pointer; } .adminTable tbody tr td .img { width: 50px; height: 50px; background-size: 100%; margin: auto; } .adminTable tbody tr td .sale { color: #ff0000; } .adminTable tbody tr td a { display: block; cursor: pointer; } .adminTable tbody tr td a:hover { color: #3897f0; font-weight: bold; } .adminTable tbody tr td .state { -moz-transition:all 50ms ease; transition:all 50ms ease; font-size: 13px; font-weight: normal; color: #4c5057; cursor: pointer; display: inline-block; } .adminTable tbody tr td .state:hover { border: 1px solid #ced0d4; font-size: 12px; background-color: #dededf; text-align: center; padding: 4px 8px; border-radius: 2px; } .adminTable tbody tr td .state._01 { color: #bdbdbd; } .adminTable tbody tr td .state._03 { color: #6ab344; border: 1px solid #ced0d4; font-size: 12px; background-color: #f6f7f9; text-align: center; padding: 4px 8px; border-radius: 2px; } .adminTable tbody tr td .state._04 { color: #4461b3; border: 1px solid #ced0d4; font-size: 12px; background-color: #f6f7f9; text-align: center; padding: 4px 8px; border-radius: 2px; } .adminTable tbody tr td .state._06 { color: #4461b3; } .adminTable tbody tr td .state._02 { color: #fca9a9; } .adminTable tbody tr td .waitingCertification { display: inline-block; padding: 0 5px; background: #000; color: #fff; } .adminTable tfoot { border-bottom: 1px solid #eee; } .adminTable tfoot tr td { padding: 5px 0; } .adminTable tfoot tr:first-child td { padding-top: 15px; } .adminTable tfoot tr:last-child td { padding-bottom: 15px; } .adminTable.edit tbody tr td .num { display: none; } .adminTable.edit tbody tr td .sno { display: none; } .adminTable.edit tbody tr td .del { display: inline-block; } .adminHead { position: relative; min-height: 30px; margin-bottom: 20px; } .adminHead .leftZone { position: absolute; top:0; left: 0px; } .adminHead .centerZone input { font-size: 16px; text-align: center; } .adminHead .rightZone { position: absolute; top:0; right: 0px; } .adminTable.main { width: 300px; margin: 0 auto 50px auto; } .adminTable tbody tr td.thisamt span { display: inline-block; padding: 3px 10px; color: #6ab344; font-weight: bold; border: 1px solid #eee; border-radius: 5px; cursor: pointer; } .adminTable tbody tr td.thisamt span:hover { color: #6ab344; font-weight: bold; } .adminTable tbody tr td.thisamt span.this_soldout { border: 0px; color: #ef3664; } .adminTable tbody tr td.thisamt span.this_0 { color: #eee; font-weight: normal; } .button-pay { min-width: 80px; height: 35px; border-radius: 35px; line-height: 35px; -moz-transition:all 150ms ease; transition:all 150ms ease; font-size: 14px; font-weight: bold; color: #ffffff; background-color: #333333; display: inline-block; text-align: center; cursor: pointer; } .button-pay:focus, .button-pay:hover { background-color:#6ab344; text-decoration: none; } .button-pay.waiting { opacity: 0.2; } #cart .cart-totals { position: relative; width: 100%; margin: 0 auto 50px auto; border-top: 1px solid #cdcdcd; text-align: left; overflow: hidden; } #cart .cart-totals .totals-content { background: none repeat scroll 0 0 #F2F2F2; border-radius: 0 0 4px 4px; border-top: 1px solid white; padding: 10px 20px; text-align: center; } #cart .cart-totals .totals-content a { position: relative; width: 300px; height: 50px; font-size: 16px; padding-top: 15px; display: inline-block; background: #fff; text-decoration: none; color: #333; border-radius: 10px; } #cart .cart-totals .totals-content a.on{background:-moz-linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.25));background:-webkit-linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.25));background:-o-linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.25));background:#969696\9;box-shadow:0 0 5px rgba(0,0,0,.5) inset,0 1px 1px rgba(0,0,0,.5) inset,0 -1px 0 rgba(255,255,255,.6) inset;color:#fff} #cart .cart-totals .totals-content a.on .bullet { position: absolute; top: 18px; left: 10px; width: 28px; height: 28px; background: url("/images/header/stylesheet-no-repeat.png") 0 -261px no-repeat; } #cart .cart-totals .totals-content a span { font-size: 12px; color: #666; } #cart .cart-totals .totals-content a.on span { color: #ccc; } #cart .cart-totals .totals-content #totA strong { color: #EC6F4F; } #cart .cart-totals .totals-content #totA.on span.part1 strong { color: #333; font-weight: normal; } #cart .cart-totals .totals-content #totA.on span.part2 { display: inline-block; } #cart .cart-totals dl { overflow: hidden; padding: 15px; margin-bottom: 0px; } #cart .cart-totals dl.hide { display: none; } #cart .cart-totals dl:nth-child(odd) { background-color:#fff; } #cart .cart-totals dl:nth-child(even) { background-color:#f9f9f9; } #cart .cart-totals dl dt { position: relative; height: 30px; z-index: 2; } #cart .cart-totals dl dt label { position: absolute; left: 250px; width: 250px; height: 40px; line-height: 40px; } #cart .cart-totals dl dt label.off { color: #ddd; } #cart .cart-totals dl dt .bonuspointArea { position: absolute; right: 0px; } #cart .cart-totals dl dt .bonuspointArea p { padding: 0px; text-align: right; } #cart .cart-totals dl dd { position: relative; z-index: 1; margin: 0px; } #cart .cart-totals dl dd .after { position: absolute; top: -42px; right: 0px; height: 40; padding: 0px; line-height: 40px; background: none; text-align: right; } #cart .cart-totals dl dd span { font-size: 24px; font-weight: bold; } #cart .cart-totals dl dd input[name=bonuspoint], input[name=remark] { width: 100%; text-align: left !important; } #cart .cart-totals dl dd .qcChoiceArea { display: none; } #cart .cart-totals dl dd .qcChoiceArea .qcChoice { position: absolute: left: 0px; top: 0px; width: 230px; height: 18px; } #cart .cart-totals dl dd .qcChoiceArea .qcChoice label { float: left; width: 70px; } #cart.on .cart-totals dl dd .radioChoice ul { height: 40px; } #cart.on .cart-totals dl dd .radioChoice ul li { display: inline-block; width: 110px; } #cart.on .cart-totals dl dd .radioChoice ul li p { display: inline-block; height: 40px; background: url('/images/carnegie/ico_check_off.png') 0 7px no-repeat; padding-left: 30px; line-height: 40px; cursor: pointer; } #cart.on .cart-totals dl dd .radioChoice ul li.on p { background: url('/images/carnegie/ico_check_on.png') 0 7px no-repeat; } #cart.on .cart-totals dl dd .radioChoiceOff ul { height: 40px; } #cart.on .cart-totals dl dd .radioChoiceOff ul li { display: inline-block; width: 90px; } #cart.on .cart-totals dl dd .radioChoiceOff ul li p { display: inline-block; height: 40px; background: url('/images/carnegie/ico_check_view_off.png') 0 7px no-repeat; padding-left: 30px; line-height: 40px; cursor: pointer; } #cart.on .cart-totals dl dd .radioChoiceOff ul li.on p { background: url('/images/carnegie/ico_check_view_on.png') 0 7px no-repeat; } #cart .cart-totals dl dd .radioChoice ul { height: 40px; } #cart .cart-totals dl dd .radioChoice ul li { display: inline-block; width: 105px; } #cart .cart-totals dl dd .radioChoice ul li p { display: inline-block; height: 40px; background: url('/images/carnegie/ico_check_view_off.png') 0 7px no-repeat; padding-left: 30px; line-height: 40px; } #cart .cart-totals dl dd .radioChoice ul li.on p { background: url('/images/carnegie/ico_check_view_on.png') 0 7px no-repeat; } #cart .cart-totals dl dt .bank { width: 250px; line-height: 40px; } #cart .cart-totals .totalprice { float: left; } #cart .cart-totals .waiting { width: 150px; float: right; text-align: right; vertical-align: top; padding-top: 15px; } #cart .cart-totals .waiting strong { display: inline-block; width: 80px; height: 34px; line-height: 34px; float: left; } #cart .button { text-align: center; } #cart .fpart1 { display: none; } #cart .returnPrice { width: 900px; margin: 20px auto 0 auto; text-align: right; } .address-add { background: #f9f9f9; padding: 20px 15px; display: none; } .address-add.on { display: block; } .address-add dl { max-width: 480px; text-align: left; margin: 0 auto 20px auto; } .address-add dl dt { position: relative; } .address-add dl dt a { position: absolute; top: 0px; right: 0px; } .address-add dl dd input[type=text] { width: 100%; text-align: left; } /* 가이드북 */ .resource-flow-page { max-width: 1000px; margin: auto; overflow: hidden; padding: 65px 0px 0; } [class*="col-"] { box-sizing: border-box; float: left; min-height: 1px; padding-left: 10px; padding-right: 10px; position: relative; } .col-1of3, .col-2of6, .col-4of12 { width: 33.33333333%; } #building h3 { font-family: cat-iconfont !important; text-align: left; } #building .resource-flow-page .col-building { width: 33.33333333%; margin-bottom: 70px; } #building .resource-flow-page .col-building a { height: 44px; background: #fff; display: block; position: relative; border-left: 1px solid #eee; } #building .resource-flow-page .col-building a:hover { background: #f9f9f9; } #building .card-bg-building { top: 5px; right: 5px; display: block; position: absolute; vertical-align: top; width: 50px; height: 50px; z-index: 2; display: none; } /* #building .card-bg-building i { margin: auto; display: block; width: 50px; height: 50px; border-radius: 50%; background: url('/images/carnegie/groupMark.png') 0 0 no-repeat; background-size: 250px 250px; } #building .card-bg-building .vcode_1295072163 { background-position: 0 0; } #building .card-bg-building .vcode_1294621544 { background-position: -50px 0; } #building .card-bg-building .vcode_1294621561 { background-position: -100px 0; } #building .card-bg-building .vcode_1295072217 { background-position: -150px 0; } #building .card-bg-building .vcode_1295072228 { background-position: -200px 0; } #building .card-bg-building .vcode_1294621587 { background-position: 0 -50px; } #building .card-bg-building .vcode_1295072187 { background-position: -50px -50px; } #building .card-bg-building .vcode_1295072211 { background-position: -100px -50px; } #building .card-bg-building .vcode_1352559256 { background-position: -150px -50px; } #building .card-bg-building .vcode_1295072129 { background-position: -200px -50px; } #building .card-bg-building .vcode_1377446781 { background-position: 0 -100px; } #building .card-bg-building .vcode_1295072204 { background-position: -50px -100px; } #building .card-bg-building .vcode_1294621617 { background-position: -100px -100px; } #building .card-bg-building .vcode_1295072177 { background-position: -150px -100px; } #building .card-bg-building .vcode_1413183510 { background-position: -200px -100px; } #building .card-bg-building .vcode_1377446782 { background-position: 0 -150px; } #building .card-bg-building .vcode_1370261702 { background-position: -50px -150px; } #building .card-bg-building .vcode_1368373779 { background-position: -100px -150px; } #building .card-bg-building .vcode_1295072223 { background-position: -150px -150px; } #building .card-bg-building .vcode_1295072199 { background-position: -200px -150px; } #building .card-bg-building .vcode_1295072194 { background-position: 0 -200px; } #building .card-bg-building .vcode_1372138465 { background-position: -50px -200px; } #building .card-bg-building span { float: right; display: block; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; background: #eee; color: #fff; font-weight: bold; font-size: 18px; } #building .card-bg-building span.code_W { background: #FF0000; } #building .card-bg-building span.code_M { background: #0000FF; } #building .card-bg-building span.code_C { background: #FFFF00; color: #666; } #building .card-bg-building span.code_A { background: #9400D3; } #building .card-bg-building span.code_B { background: #00FF00; } */ #building .card-info { position: absolute; box-sizing: border-box; right: 0; top: 0; overflow: hidden; background: transparent; padding: 0px 12px; } #building .card-info .section { text-align: left; } #building .card-info .title { text-align: left; font-family: "Work Sans","HelveticaNeue",helvetica,Arial,sans-serif !important; } @media only screen and (max-width: 767px) { #building .resource-flow-page .col-building { width: 50%; } .col-1of3, .col-2of6, .col-4of12 { width: 50%; } } .resource-card-6x6 { height: 300px; } .resource-card, .resource-card-stack { margin-bottom: 20px; } .resource-card { background: #fff; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.21); display: block; position: relative; } .card-bg::after { content: ""; display: block; height: 100%; width: 100%; opacity: 1; background: rgba(0, 0, 0, 0.05); -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .card-bg { bottom: 131px; display: block; position: absolute; vertical-align: top; width: 100%; left: 0; top: 0; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url('https://developer.android.com/images/resource-card-default-android.jpg'); } .card-info { position: absolute; box-sizing: border-box; right: 0; bottom: 0; left: 0; overflow: hidden; background: #fefefe; padding: 0px 0px; } .card-info .section { color: #898989; font-size: 10px; letter-spacing: .3px; line-height: 20px; text-transform: uppercase; } .card-info .title { color: #333; font-size: 16px; font-weight: 500; line-height: 23px; max-height: 46px; overflow: hidden; text-overflow: ellipsis; white-space: normal; } .ellipsis::after { font-style: normal; color: #aaa; font-size: 13px; text-align: right; } .ellipsis::after { content: "\02026"; height: 17px; padding-bottom: 4px; box-sizing: content-box; float: right; position: relative; top: -16px; left: 100%; width: 4em; margin-left: -4em; padding-right: 5px; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white), color-stop(65%, white)); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), white 65%, white); background: linear-gradient(to right, rgba(255, 255, 255, 0), white 65%, white); } .ellipsis::before { content: ""; float: left; width: 5px; height: 100%; } .card-info .description { overflow: hidden; } .ellipsis { overflow: hidden; float: right; line-height: 15px; width: 100%; } .ellipsis > .text:first-child { float: right; width: 100% !important; margin-left: -5px; } .card-info .description .text { color: #666; font-size: 14px; height: 60px; line-height: 20px; overflow: hidden; width: 100%; } /* 상품상세 장바구니 담기 */ #option-cart-in { position: fixed; bottom: 0px; left: 0px; width: 100%; height: 50px; border-top: 1px solid #eee; z-index: 2; background-color: rgba(255, 255, 255, 0.9); } #option-cart-in .border { position: relative; max-width: 980px; margin: auto; text-align: left; vertical-align: top; } #option-cart-in .border .scroll { position: relative; margin-right: 70px; height: 50px; overflow-x: auto; } #option-cart-in .border .scroll .items { position: absolute; top: 0px; right: 0px; padding-left: 10px; } #option-cart-in .border .scroll .items dl { display: inline-block; text-align: left; margin-right: 10px; float: left; } #option-cart-in .border .scroll .items dl dt { font-size: 8px; } #option-cart-in .border .scroll .items .button-outline-small { margin-right: 5px; min-width: 30px; text-align: center; } #option-cart-in .border dl.cart-in { position: absolute; top: 0px; right: 10px; } #option-cart-in .border dl.cart-in dt { font-size: 8px; } #option-cart-in .border dl.cart-in dt .price-area { position: absolute; top: -30px; right: 0px; padding: 0 10px; height: 25px; text-align: right; font-size: 16px; background: #fff; border-radius: 3px; } #option-cart-in .border dl.cart-in dt .price-area .sale { font-size: 12px; } /* 공통 */ input[type=text], input[type=password], input[type=number] { border: 0px; border-bottom: 3px solid #d6d6d6; background: none; font-size: 24px; height: 35px; line-height: 35px; text-align: center; outline: 0; border-radius: 0; -moz-transition: border-color 250ms; transition: border-color 250ms; padding: 0px; } input[type=text]:focus, input[type=password]:focus, input[type=number]:focus { border-bottom-color: #FB005B; } textarea { border: 0px; border-bottom: 3px solid #d6d6d6; background: none; font-size: 16px; min-height: 80px; line-height: 16px; text-align: center; outline: 0; border-radius: 0; -moz-transition: border-color 250ms; transition: border-color 250ms; padding: 0px; } textarea:focus { border-bottom-color: #FB005B; } .invisible-input { margin-bottom: 50px; } /*.invisible-input label { display: block; color: #666; }*/ .invisible-input input { text-align: left; } .invisible-input label { display: block; } /* 버튼모음 */ .buttons a { display: inline-block; background-color: #000; border-radius: 5px 5px 5px 5px; color: #FFFFFF; font-weight: bold; margin-bottom: 12px; padding: 6px 10px; text-decoration: none; cursor: pointer; } .button-submit { -webkit-appearance:none; -moz-appearance:none; appearance:none; background-color:#FB005B; border:0; border-radius:3px; color:#fff; cursor:pointer; display:inline-block; font-family:Lato,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; font-size:14px; -webkit-font-smoothing:antialiased; font-weight:600; line-height:1; padding:12.31px 32px; text-decoration:none; -moz-transition:all 150ms ease; transition:all 150ms ease; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; vertical-align:middle; white-space:nowrap } .button-submit:focus, .button-submit:hover { background-color:#b00040; } .button-submit-small { -webkit-appearance:none; -moz-appearance:none; appearance:none; background-color:#FB005B; border:0; border-radius:3px; color:#fff; cursor:pointer; display:inline-block; font-family:Lato,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; font-size:14px; -webkit-font-smoothing:antialiased; font-weight:600; line-height:1; padding:8px 15px; text-decoration:none; -moz-transition:all 150ms ease; transition:all 150ms ease; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; vertical-align:middle; white-space:nowrap } .button-submit-small:focus, .button-submit-small:hover { background-color:#b00040; } .button-cartin-small { width: 275px; letter-spacing: 1px; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-color:#353c45; border:0; color:#fff; cursor:pointer; font-family: AppleGothic, sans-serif; font-size:14px; -webkit-font-smoothing:antialiased; font-weight:300; padding: 14px 0; text-decoration:none; -moz-transition:all 150ms ease; transition:all 150ms ease; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; vertical-align:middle; white-space:nowrap; text-align: center; } .button-cartin-small:focus, .button-submit-small:hover { background-color:#b00040; } .button-outline{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:3px;color:#fff;cursor:pointer;display:inline-block;font-family:Lato,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased;font-weight:600;line-height:1;padding:12.31px 32px;text-decoration:none;-moz-transition:all 150ms ease;transition:all 150ms ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;background-color:transparent;border:3px solid #FB005B;color:#FB005B;font-weight:bold} .button-outline:focus, .button-outline:hover { color: #b00040; border-color: #b00040; } .button-outline-small {-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:3px;color:#fff;cursor:pointer;display:inline-block;font-family:Lato,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased;font-weight:600;line-height:1;padding:5px 5px;text-decoration:none;-moz-transition:all 150ms ease;transition:all 150ms ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;background-color:transparent;border:3px solid #FB005B;color:#FB005B;font-weight:bold} .button-outline-small:focus, .button-outline:hover { color: #b00040; border-color: #b00040; } .button-outline-small.on { background: #FB005B; color: #fff; } .button-signin { font-size: 13px; font-weight: normal; color: #fff !important; border: 1px solid #3079ed; text-shadow: 0 1px rgba(0,0,0,0.1); background-color: #4d90fe; background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed)); background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed); background-image: -moz-linear-gradient(top,#4d90fe,#4787ed); background-image: -ms-linear-gradient(top,#4d90fe,#4787ed); background-image: -o-linear-gradient(top,#4d90fe,#4787ed); background-image: linear-gradient(top,#4d90fe,#4787ed); display: inline-block; min-width: 46px; text-align: center; min-height: 27px; padding: 0 8px; line-height: 27px; border-radius: 2px; text-decoration: none; cursor: pointer; } .button-signin:hover { border: 1px solid #2f5bb7; color: #fff; text-shadow: 0 1px rgba(0,0,0,0.3); background-color: #357ae8; background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8)); background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8); background-image: -moz-linear-gradient(top,#4d90fe,#357ae8); background-image: -ms-linear-gradient(top,#4d90fe,#357ae8); background-image: -o-linear-gradient(top,#4d90fe,#357ae8); background-image: linear-gradient(top,#4d90fe,#357ae8); } .button-signin:active { background-color: #357ae8; background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8)); background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8); background-image: -moz-linear-gradient(top,#4d90fe,#357ae8); background-image: -ms-linear-gradient(top,#4d90fe,#357ae8); background-image: -o-linear-gradient(top,#4d90fe,#357ae8); background-image: linear-gradient(top,#4d90fe,#357ae8); -webkit-box-shadow: inset 0 1px 2px rgb a(0,0,0,0.3); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); } .button-gray { font-size: 13px; font-weight: normal; color: #fff; border: 1px solid #aaaaaa; text-shadow: 0 1px rgba(0,0,0,0.1); background-color: #cccccc; background-image: -webkit-gradient(linear,left top,left bottom,from(#cccccc),to(#dddddd)); background-image: -webkit-linear-gradient(top,#cccccc,#dddddd); background-image: -moz-linear-gradient(top,#cccccc,#dddddd); background-image: -ms-linear-gradient(top,#cccccc,#dddddd); background-image: -o-linear-gradient(top,#cccccc,#dddddd); background-image: linear-gradient(top,#cccccc,#dddddd); display: inline-block; min-width: 46px; text-align: center; min-height: 27px; padding: 0 8px; line-height: 27px; border-radius: 2px; text-decoration: none; cursor: pointer; } .button-gray:hover { border: 1px solid #999; color: #fff; text-shadow: 0 1px rgba(0,0,0,0.3); background-color: #aaa; background-image: -webkit-gradient(linear,left top,left bottom,from(#aaa),to(#bbb)); background-image: -webkit-linear-gradient(top,#aaa,#bbb); background-image: -moz-linear-gradient(top,#aaa,#bbb); background-image: -ms-linear-gradient(top,#aaa,#bbb); background-image: -o-linear-gradient(top,#aaa,#bbb); background-image: linear-gradient(top,#aaa,#bbb); } .button-gray:active { background-color: #aaa; background-image: -webkit-gradient(linear,left top,left bottom,from(#aaa),to(#bbb)); background-image: -webkit-linear-gradient(top,#aaa,#bbb); background-image: -moz-linear-gradient(top,#aaa,#bbb); background-image: -ms-linear-gradient(top,#aaa,#bbb); background-image: -o-linear-gradient(top,#aaa,#bbb); background-image: linear-gradient(top,#aaa,#bbb); -webkit-box-shadow: inset 0 1px 2px rgb a(0,0,0,0.3); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); } .button-gray-small { -moz-transition:all 150ms ease; transition:all 150ms ease; font-size: 12px; font-weight: bold; font-weight: normal; color: #4c5057; border: 1px solid #ced0d4; background-color: #f6f7f9; display: inline-block; text-align: center; padding: 4px 8px; border-radius: 2px; cursor: pointer; } .button-gray-small:focus, .button-gray-small:hover { background-color:#dededf; text-decoration: none; } .button-gray-small.on { background-color: #fff; color: #6ab344; } .button-gray-small2 { -webkit-appearance:none; -moz-appearance:none; appearance:none; background-color:#cccccc; border:0; border-radius:3px; color:#fff; cursor:pointer; display:inline-block; font-family:Lato,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; font-size:12px; -webkit-font-smoothing:antialiased; font-weight:600; line-height:1; padding:4px 4px; text-decoration:none; -moz-transition:all 150ms ease; transition:all 150ms ease; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; vertical-align:middle; white-space:nowrap } .button-gray-small2:focus, .button-gray-small2:hover { background-color:#349d58; } .button-red { font-size: 13px; font-weight: normal; color: #fff; border: 1px solid #ed3039; text-shadow: 0 1px rgba(0,0,0,0.1); background-color: #fe4d55; background-image: -webkit-gradient(linear,left top,left bottom,from(#fe4d55),to(#ed474f)); background-image: -webkit-linear-gradient(top,#fe4d55,#ed474f); background-image: -moz-linear-gradient(top,#fe4d55,#ed474f); background-image: -ms-linear-gradient(top,#fe4d55,#ed474f); background-image: -o-linear-gradient(top,#fe4d55,#ed474f); background-image: linear-gradient(top,#fe4d55,#ed474f); display: inline-block; min-width: 46px; text-align: center; min-height: 27px; padding: 0 8px; line-height: 27px; border-radius: 2px; text-decoration: none; cursor: pointer; } .button-red:hover { border: 1px solid #b72f39; color: #fff; text-shadow: 0 1px rgba(0,0,0,0.3); background-color: #e8353d; background-image: -webkit-gradient(linear,left top,left bottom,from(#fe4d55),to(#e8353d)); background-image: -webkit-linear-gradient(top,#fe4d55,#e8353d); background-image: -moz-linear-gradient(top,#fe4d55,#e8353d); background-image: -ms-linear-gradient(top,#fe4d55,#e8353d); background-image: -o-linear-gradient(top,#fe4d55,#e8353d); background-image: linear-gradient(top,#fe4d55,#e8353d); } .button-red:active { background-color: #e8353d; background-image: -webkit-gradient(linear,left top,left bottom,from(#fe4d55),to(#e8353d)); background-image: -webkit-linear-gradient(top,#fe4d55,#e8353d); background-image: -moz-linear-gradient(top,#fe4d55,#e8353d); background-image: -ms-linear-gradient(top,#fe4d55,#e8353d); background-image: -o-linear-gradient(top,#fe4d55,#e8353d); background-image: linear-gradient(top,#fe4d55,#e8353d); -webkit-box-shadow: inset 0 1px 2px rgb a(0,0,0,0.3); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); } .button-login { display: inline-block; margin: 8px 10px 0 0 !important; text-decoration: none !important; border-radius: 3px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); font-size: 13px !important; font-weight: 500 !important; line-height: 28px; opacity: 1; padding: 4px 10px !important; position: relative; text-transform: uppercase; -webkit-transition: box-shadow .2s; transition: box-shadow .2s; color: #fff !important; } .button-login:hover { box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); } .button-green { -webkit-appearance:none; -moz-appearance:none; appearance:none; background-color:#41c46e; border:0; border-radius:3px; color:#fff; cursor:pointer; display:inline-block; font-family:Lato,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; font-size:14px; -webkit-font-smoothing:antialiased; font-weight:600; line-height:1; padding:8px 15px; text-decoration:none; -moz-transition:all 150ms ease; transition:all 150ms ease; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; vertical-align:middle; white-space:nowrap } .button-green:focus, .button-green:hover { background-color:#349d58; } .button-green-small { -webkit-appearance:none; -moz-appearance:none; appearance:none; background-color:#41c46e; border:0; border-radius:3px; color:#fff; cursor:pointer; display:inline-block; font-family:Lato,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; font-size:12px; -webkit-font-smoothing:antialiased; font-weight:600; line-height:1; padding:4px 4px; text-decoration:none; -moz-transition:all 150ms ease; transition:all 150ms ease; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; vertical-align:middle; white-space:nowrap } .button-green-small:focus, .button-green-small:hover { background-color:#349d58; } #favorite-button { position: absolute; top: 13px; right: 70px; height: 30px; cursor: pointer; } #favorite-button span.icon { display: inline-block; width: 20px; height: 20px; background: url('/template/apple/images/sp_likeit_m5.png') 0 -53px no-repeat; background-size: 50px 75px; vertical-align: top; margin: 6px 3px 0 0; } #favorite-button.on span.icon { background-position: -25px -53px; } #favorite-button span.count { display: inline-block; color: #000; font-size: 10px; height: 20px; line-height: 20px; vertical-align: top; margin-top: 6px; } #favorite-button-shop { display: block; width: 30px; height: 30px; text-align: center; margin-top: 5px; } #favorite-button-shop span { display: inline-block; width: 30px; height: 30px; background: url('/template/apple/images/shop_favorites_small.svg') 0 0 no-repeat; background-size: 60px 30px; cursor: pointer; vertical-align: top; margin-top: 6px; } #favorite-button-shop.on span { background-position: -30px -0px; } #favorite-button-agent { display: inline-block; height: 30px; margin-top: 5px; cursor: pointer; } #favorite-button-agent span.icon { display: inline-block; width: 20px; height: 20px; background: url('/template/apple/images/sp_likeit_m5.png') 0 -53px no-repeat; background-size: 50px 75px; vertical-align: top; margin: 6px 3px 0 0; } #favorite-button-agent.on span.icon { background-position: -25px -53px; } #favorite-button-agent span.count { display: inline-block; color: #000; font-size: 10px; height: 20px; line-height: 20px; vertical-align: top; margin-top: 6px; } #favorite-button-special { position: absolute; top: 13px; right: 70px; height: 30px; cursor: pointer; } #favorite-button-special span.icon { display: inline-block; width: 20px; height: 20px; background: url('/template/apple/images/sp_likeit_m5.png') 0 -53px no-repeat; background-size: 50px 75px; vertical-align: top; margin: 6px 3px 0 0; } #favorite-button-special.on span.icon { background-position: -25px -53px; } #favorite-button-special span.count { display: inline-block; color: #000; font-size: 10px; height: 20px; line-height: 20px; vertical-align: top; margin-top: 6px; } #talk-button { position: absolute; top: 13px; right: 20px; height: 30px; cursor: pointer; } #talk-button span.icon { display: inline-block; width: 20px; height: 20px; background: url('/template/apple/images/good_talk.svg') 0 0 no-repeat; background-size: 20px 20px; vertical-align: top; margin: 6px 3px 0 0; } #talk-button span.count { display: inline-block; color: #000; font-size: 10px; height: 20px; line-height: 20px; vertical-align: top; margin-top: 6px; } #view-button { position: absolute; top: 13px; right: 120px; height: 30px; cursor: pointer; } #view-button span.icon { display: inline-block; width: 20px; height: 20px; background: url('/images/carnegie/bullet_view.png') 0 2px no-repeat; background-size: 17px 17px; vertical-align: top; margin: 6px 3px 0 0; } #view-button span.count { display: inline-block; color: #000; font-size: 10px; height: 20px; line-height: 20px; vertical-align: top; margin-top: 6px; } @media only screen and (max-width: 767px) { #favorite-button { margin-top: 8px; } #talk-button { top: 8px; } .button-login { margin-top: 10px !important; } } .newsfeed-talk-btn { width: 45px; height: 30px; cursor: pointer; display: inline-block; } .newsfeed-talk-btn span.icon { display: inline-block; width: 20px; height: 20px; background: url('/template/apple/images/good_talk.svg') 0 0 no-repeat; background-size: 20px 20px; vertical-align: top; margin: 6px 3px 0 0; } .newsfeed-talk-btn span.count { display: inline-block; color: #000; font-size: 10px; height: 20px; line-height: 20px; vertical-align: top; margin-top: 6px; } .newsfeed-favorite-btn { width: 45px; height: 30px; cursor: pointer; display: inline-block; } .newsfeed-favorite-btn span.icon { display: inline-block; width: 20px; height: 20px; background: url('/template/apple/images/sp_likeit_m5.png') 0 -53px no-repeat; background-size: 50px 75px; vertical-align: top; margin: 6px 3px 0 0; } .newsfeed-favorite-btn.on span.icon { background-position: -25px -53px; } .newsfeed-favorite-btn span.count { display: inline-block; color: #000; font-size: 10px; height: 20px; line-height: 20px; vertical-align: top; margin-top: 6px; } .boardfeed-like-btn { width: 90px; height: 30px; line-height: 30px; color: #4b4f56; font-weight: bold; font-size: 13px; cursor: pointer; display: inline-block; } .boardfeed-like-btn span.icon { display: inline-block; width: 18px; height: 18px; background-size: 49px 661px !important; background: url('/template/apple/images/0C60QFE7WSY.png') 0px -193px no-repeat; vertical-align: top; margin: 6px 5px 0 0; } .boardfeed-like-btn.on { color: #4080ff; } .boardfeed-like-btn.on span.icon { background-position: 0px -174px; } .boardfeed-talk-btn { width: 90px; height: 30px; line-height: 30px; color: #4b4f56; font-weight: bold; font-size: 13px; cursor: pointer; display: inline-block; } .boardfeed-talk-btn span.icon { display: inline-block; width: 18px; height: 18px; background-size: 49px 661px !important; background: url('/template/apple/images/0C60QFE7WSY.png') 0px -155px no-repeat; vertical-align: top; margin: 6px 5px 0 0; } /* 상태변화 아이콘 표시 */ #state-view-area { position: fixed; top: 50%; left: 0px; width: 100%; height: 0px; z-index: 100002; } #state-view-area #icon-border { width: 100px; height: 100px; margin: -50px auto 0 auto; display: none; } #state-view-area #icon-border.favoritesOn { background: url('/template/apple/images/sp_likeit_m5_big.svg') -100px 0 no-repeat; background-size: 200px 100px; } #state-view-area #icon-border.favoritesOff { background: url('/template/apple/images/sp_likeit_m5_big.svg') 0 0 no-repeat; background-size: 200px 100px; } #state-view-area #icon-border.cartIn { background: url('/template/apple/images/image_cart_big.svg') 0 0 no-repeat; background-size: 100px 100px; } #state-view-area #icon-border.shopOn { background: url('/template/apple/images/shop_favorites_big.svg') -100px 0 no-repeat; background-size: 200px 100px; } #state-view-area #icon-border.shopOff { background: url('/template/apple/images/shop_favorites_big.svg') 0 0 no-repeat; background-size: 200px 100px; } #pageZone { position: relative; width: 100%; text-align: center; padding: 10px 0; background: #fff; } #pageZone a { font-size: 18px; color: #333; display: inline-block; min-width: 30px; height: 30px; border: 3px solid #fff; line-height: 30px; border-radius: 5px; } #pageZone a:hover { border: 3px solid #ccc; } #pageZone a.on { color: #0066cc; border: 3px solid #0066cc; } #pageZone a.select { color: #0066cc; border: 3px solid #0066cc; } #pageZone .prev { position: absolute; left: 10px; padding: 0px; } #pageZone .prev:before { display: inline-block; border: 4px solid transparent; border-right-color: #333; content: ''; margin-right: 10px; } #pageZone .prev:hover { border-color: #fff; } #pageZone .next { position: absolute; right: 10px; padding: 0px; } #pageZone .next:after { display: inline-block; border: 4px solid transparent; border-left-color: #333; content: ''; margin-left: 10px; } #pageZone .next:hover { border-color: #fff; } #page { width: 100%; height: 30px; margin-left: -490px; text-align: center; margin: 30px auto 50px auto; } #page a { padding: 5px 10px; background: #f9f9f9; margin: 0 2px; text-decoration: none; border-radius: 3px; color: #666; } #page a:hover { background: #3b5998 !important; color: #d8dfea; } #page a.select { background: #000; color: #f9f9f9; } #page a.button { background: #ddd; } #guide-head { height: 200px; background-color: #dcedc8; } #guide-head .guide-head-border { margin: 0 auto; max-width: 980px; padding: 50px 22px; text-align: left; } #guide-body { margin: 0 auto; max-width: 980px; padding: 50px 22px; text-align: left; } /* 딤드 */ #popupWrapper{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000} #popupWrapper .popupBackground{display:block;width:100%;height:100%;background-color:#000;filter:Alpha(opacity=60);opacity:.6} #popupWrapper h3 { margin-bottom: 20px; font-size: 16px; } #popupWrapper h4 { font-size: 16px; } .pop-layer { display:none; position: absolute; top: 50%; left: 50%; width: auto; height:auto; background-color:#fff; border-radius: 5px; z-index: 101; font-size: 14px; text-align: center; } .pop-layer .pop-container {padding: 20px 25px;} .pop-layer .pop-container .message { color: #ff0000; } .pop-layer p.ctxt {color: #666; line-height: 25px;} .pop-layer .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; } .pop-layer a { cursor: pointer; } .pop-layer a.confirm { display: inline-block; height: 25px; padding: 0 14px 0; border: 1px solid #304a8a; background-color: #3f5a9d; font-size: 13px; color: #fff; line-height: 25px; } .pop-layer a.cbtn { display: inline-block; height: 25px; padding: 0 14px 0; border: 1px solid #999; background-color: #aaa; font-size: 13px; color: #fff; line-height: 25px; } /* 도매에서 고객에게 글남기기 */ #popupSelfTalk textarea { width: 250px; border: 1px solid #eee; background: #f9f9f9; padding: 10px; } /* 주소찾기 */ #popupAddressSearch { width: 500px; border: 1px solid red; margin: auto; } #popupAddressSearch .result-list { text-align: left; margin: 20px; font-size: 14px; } #popupAddressSearch .result-list li { position: relative; } #popupAddressSearch .result-list li:hover { background: #f9f9f9; } #popupAddressSearch .result-list li .icon_adr { display: inline-block; width: 44px; height: 18px; margin-right: 8px; border-radius: 10px; text-align: center; vertical-align: top; font-size: 12px; } #popupAddressSearch .result-list li p {overflow: hidden; display: inline-block; width: 290px; line-height: 18px; } #popupAddressSearch .result-list li .zip_code { position: absolute; right: 0px; top: 15px; color: #222; } #popupAddressSearch .result-list li .road_name .icon_adr { border: 1px solid #ff0000; color: #ff0000; } #popupAddressSearch .result-list li .road_name p { color: #000; } #popupAddressSearch .result-list li .parcel_addressing .icon_adr { border: 1px solid #999; color: #999; } #popupAddressSearch .result-list li .parcel_addressing p { color: #999; } /* 샵 리스트 */ #building-shop-list { background: #f9f9f9; } #building-shop-list ul li { width: 165px; display: inline-block; vertical-align: top; padding: 6px 5px; } #building-shop-list ul li a { position: relative; display: block; padding: 10px; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.21); background: #fff; } #building-shop-list ul li a img { width: 50px; height: 50px; border-radius: 50%; } #building-shop-list ul li a .name { color: #000; height: 25px; overflow: hidden; } #building-shop-list ul li a .position { color: #666; font-size: 12px; } #building-shop-list ul li .badge { position: absolute; top: 5px; right: 5px; width: 10px; height: 10px; border-radius: 50%; background: #ff0000; border: 2px solid #fff; display: none; } #building-shop-list ul li.new .badge { display: block; } /* 검색 */ #searchPart { border-bottom: 1px solid #ebebeb; height: 59px; } #searchPart ul { margin-left: 185px; } #searchPart ul li { display: inline-block; height: 59px; line-height: 59px; margin-right: 10px; } #searchPart ul li a { display: block; height: 56px; line-height: 56px; padding: 0 8px; } #searchPart ul li.on a { border-bottom: 3px solid #4285f4; color: #4285f4; font-weight: bold; } #searchPart ul li a.tool { height: 30px; line-height: 30px; border: 1px solid #fff; } #searchPart ul li a.tool:hover { background-color: #f8f8f8; background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1)); background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: linear-gradient(top,#f8f8f8,#f1f1f1); border: 1px solid #c6c6c6; color: #222; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1); -webkit-transition: all 0.0s; transition: all 0.0s; } #searchPart ul li a.tool:active { background: -webkit-linear-gradient(top,#eee,#e0e0e0); -webkit-box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.1); border: 1px solid #d7d7d7; box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.1); } #globalsearch { padding: 0 10px; margin-bottom: 20px; } #globalsearch .sp-label { position: relative; } #globalsearch .sp-label .icon-search { position: absolute; top: 0px; left: 0px; width: 30px; height: 30px; background-image: url(https://store.storeimages.cdn-apple.com/4974/store.apple.com/shop/rs-web/rel/web/page/searchresults/res/searchresults-sprite.svg); background-position: 0 50%; } #globalsearch .sp-label input { width: 100%; } #searchWrapper { padding: 0 10px; font-size: 14px; } #searchData .category { border-bottom: 1px solid #ebebeb; } #searchData .category li { display: inline-block; margin-right: 20px; } #searchData .category li.on { border-bottom: 1px solid #000; } #searchData .category li a { color: #333; display: inline-block; padding: 10px 0; font-size: 14px; } #searchData .returnTime { height: 43px; line-height: 43px; color: #808080; } #searchData #shops { padding-top: 25px; border-bottom: 1px solid #ebebeb; } #searchData #shops dl.item { position: relative; width: 100%; overflow: hidden; margin-bottom: 20px; } #searchData #shops dl.item dt { position: absolute; top: 0px; left: 0px; width: 70px; } #searchData #shops dl.item dd { margin-left: 115px; } #searchData #shops dl.item dd h3 { padding-bottom: 5px; } #searchData #shops dl.item dd h3 a { color: #1a0dab; font-size: 15px; } #searchData #shops dl.item dd h3 a:hover { text-decoration: underline; } #searchData #shops dl.item dd p.desc { line-height: 18px; margin-top: 0px; } #searchData #products { padding-top: 25px; border-bottom: 1px solid #ebebeb; } #searchData #products dl.item { position: relative; width: 100%; overflow: hidden; margin-bottom: 20px; } #searchData #products dl.item dt { position: absolute; top: 0px; left: 0px; width: 70px; } #searchData #products dl.item dt img { width: 60px; } #searchData #products dl.item dd { margin-left: 70px; } #searchData #products dl.item dd h3 { padding-bottom: 5px; } #searchData #products dl.item dd h3 a { color: #1a0dab; font-size: 15px; } #searchData #products dl.item dd h3 a:hover { text-decoration: underline; } #searchData #products dl.item dd p.desc { line-height: 18px; margin-top: 0px; } #searchData .section_more { text-align: right; padding: 10px 0 30px 0; } #searchData .section_more .go_more { text-decoration: underline; background: url(https://ssl.pstatic.net/sstatic/search/pc/2016/img/sprite_bu.gif) 100% -204px no-repeat; padding-right: 10px; } #talk-area { max-width: 500px; margin: 0 auto 50px auto; padding-top: 60px; text-align: left; } #talk-area h3 { position: relative; margin-bottom: 10px; } #talk-area h3 a { position: absolute; top: 0px; right: 0px; cursor: pointer; } #talk-area li { position: relative; padding: 10px 0; border-top: 1px solid #f9f9f9; } /* #talk-area li:nth-child(odd) { background-color:#f9f9f9; } #talk-area li:nth-child(even) { background-color:#ffffff; } */ #talk-area li .user-info { position: absolute; top: 10px; left: 0px; } #talk-area li .user-info img { width: 40px; height: 40px; border-radius: 50%; } #talk-area li .user-text { margin-left: 50px; } #talk-area li .user-text .corpname { color: #000; font-size: 14px; font-weight: bold; } #talk-area li .user-text .datetime { color: #666; font-size: 12px; margin-bottom: 10px; } #talk-area li .user-text .text { color: #333; font-size: 14px; } #talk-area li .user-text .edit { position: absolute; top: 10px; right: 0px; width: 22px; height: 22px; display: block; background-image: url(/template/apple/images/sp_cbox4.png); background-position: -78px -29px; cursor: pointer; display: none; } #talk-area li .user-text .edit .delete { display: none; position: absolute; top: 0px; right: 25px; width: 22px; height: 22px; background-image: url(/template/apple/images/sp_cbox4.png); background-position: -181px -78px; } #talk-area li .user-text .edit.on .delete { display: block; } #talk-area li .user-text .edit.my { display: block; } #talk-area li .user-text .reply { text-align: right; margin-right: 15px; font-size: 15px; } #talk-area li .user-reply { position: relative; margin-left: 50px; } #talk-area li .user-reply.on { border: 1px solid #FB005B; } #talk-area li .user-reply .icon-reply { position: absolute; top: 0px; left: -30px; width: 30px; height: 30px; background: url('/template/apple/images/icon_reply.png') 0 0 no-repeat; background-size: 25px 25px; } #talk-area li .user-reply .corpname { color: #000; font-size: 14px; font-weight: bold; } #talk-area li .user-reply .reply-modify { position: absolute; top: 0px; right: 0px; width: 20px; height: 20px; display: inline-block; background: url('/template/apple/images/button_talk_modify.png') 0 0 no-repeat; background-size: 20px 20px; cursor: pointer; } #talk-area li .user-reply .text { color: #333; font-size: 14px; } #talk-area li .user-reply textarea { display: block; overflow-x: hidden; overflow-y: auto; position: relative; z-index: 2; width: 100%; height: 43px; border: 0px; margin: 0; color: #333; background-color: #fff; font-size: 14px; line-height: 18px; -webkit-appearance: none; vertical-align: top; resize: none; text-align: left; -moz-appearance:none; outline:0px none transparent; } #talk-area li .user-reply .reply-save { position: absolute; top: 10px; right: 10px; } #talk-area li .user-reply .reply-save { -webkit-appearance:none; -moz-appearance:none; appearance:none; background-color:#999; border:0; border-radius:3px; color:#fff; cursor:pointer; display:inline-block; font-family:Lato,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; font-size:14px; -webkit-font-smoothing:antialiased; font-weight:600; line-height:1; padding:8px 15px; text-decoration:none; -moz-transition:all 150ms ease; transition:all 150ms ease; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; vertical-align:middle; white-space:nowrap } #talk-area li .user-reply .reply-save.on { background-color:#FB005B; } #talk-area li .user-reply .reply-save:focus, #talk-area li .user-reply .reply-save:hover { background-color:#b00040; } #talk-area li .user-reply .reply-save.complate { background-color:#000000; } #talk-area li .user-reply .reply-save.complate:focus, #talk-area li .user-reply .reply-save.complate:hover { background-color:#000000; } #reply-zone h3 { max-width: 600px; position: relative; margin: 0 auto 10px auto; } #reply-zone h3 .selfTalk { position: absolute; top: 0px; right: 0px; } #reply-zone h3 .talkCount { position: absolute; top: 0px; left: 0px; } #reply-zone table { min-width: 600px; margin: 0 auto 20px auto; font-size: 14px; } #reply-zone table thead { background: #f9f9f9; border: 1px solid #eee; } #reply-zone table thead tr th { text-align: center; font-weight: bold; padding: 8px 0; } #reply-zone table tbody tr td { border-bottom: 1px solid #eee; vertical-align: top; padding: 20px 0px; } #reply-zone table tbody tr td textarea { width: 220px; height: 60px; padding: 10px; border: 1px solid #eee; font-size: 14px; background: #f9f9f9; margin-bottom: 10px; } #reply-zone table tbody tr td .good { display: none; width: 18px; height: 18px; background-size: 49px 661px !important; background: url(/template/apple/images/0C60QFE7WSY.png) 0px -174px no-repeat; vertical-align: top; margin: 6px 5px 0 0; } #reply-zone table tbody tr td .good.on { display: inline-block; } #reply-zone table tbody tr td .good.ing { display: inline-block; background-position: 0 -193px; } #reply-zone table tbody tr td .datetime { color: #888; } #talk-area li.owner { padding: 0px; } #talk-area li.owner .user-info { position: absolute; top: 10px; right: 0px; } #talk-area li.owner .user-info img { width: 40px; height: 40px; border-radius: 50%; } #talk-area li.owner .user-text { margin-right: 50px; } #talk-area li.owner .user-text .edit { left: 10px; } #talk-area li.owner .user-text .edit .delete { left: 25px; } #talk-area #talk-input-area { border: 1px solid #eee; margin-bottom: 0px; } #talk-area #talk-input-area #input-user { position: relative; overflow: hidden; } #talk-area #talk-input-area #input-user .userinfo { margin: 10px 10px 0; } #talk-area #talk-input-area #input-user .userinfo img { width: 30px; height: 30px; border-radius: 50%; float: left; margin-right: 10px; } #talk-area #talk-input-area #input-user .userinfo .corpname { height: 30px; line-height: 30px; font-size: 14px; color: #000; font-weight: bold; float: left; } #talk-area #talk-input-area #input-user a { position: absolute; top: 10px; right: 10px; } #talk-area #talk-input-area #input-user .textarea_reply { overflow: hidden; margin: 0 55px 10px 0; } #talk-area #talk-input-area #input-user .textarea_reply textarea { display: block; overflow-x: hidden; overflow-y: auto; position: relative; z-index: 2; float: left; width: 100%; height: 30px; margin: 0; border: none; color: #333; background-color: transparent; background-color: rgba(255,255,255,.001); font-size: 14px; line-height: 18px; -webkit-appearance: none; resize: none; text-align: left; } #talk-area #talk-input-area #input-user .textarea_reply div.faketextarea { width:100%; height:1.6em; min-height:1.6em; _height:1.6em !important; outline:none; word-wrap: break-word; margin:0; padding:3px 5px; } #talk-area #talk-input-area #input-user .textarea_reply div.faketextarea.placeholder { color:#aaa; } #talk-area #talk-input-area #input-user .textarea_reply div.faketextarea p { margin:0; padding:0; } #talk-area #talk-input-area #input-area { position: relative; margin: 0 10px 10px 10px; } #talk-area #talk-input-area #input-area .text-area { overflow: hidden; } #talk-area #talk-input-area #input-area .text-area textarea { display: block; overflow-x: hidden; overflow-y: auto; position: relative; z-index: 2; float: left; width: 100%; height: 56px; padding: 2px 0 0; margin: 0; border: none; color: #333; background-color: transparent; background-color: rgba(255,255,255,.001); font-size: 14px; line-height: 18px; -webkit-appearance: none; vertical-align: top; resize: none; text-align: left; } #talk-area #talk-input-area #input-area label { position: absolute; top: 0px; left: 0px; font-size: 14px; z-index: 0; color: #888; } /* 로그인 */ #login { padding: 30px 15px; max-width: 500px; margin: auto; } #login form[name=fm] { margin-bottom: 100px; } .joinMenu { width: 100%; margin-bottom: 20px; overflow: hidden; border: 1px solid #dadada; } .joinMenu li { float: left; width: 50%; text-align: center; } .joinMenu li a { display: block; background: #eee; color: #333; padding: 10px 0; text-decoration: none; cursor: pointer; } .joinMenu li a.on { background: #1fbc02; color: #fff; } .joinMenu li a span { display: inline-block; height: 24px; background: url('/images/carnegie/ico_check_off.png') 0 0 no-repeat; padding-left: 30px; line-height: 24px; } .joinMenu li a.on span { background: url('/images/carnegie/ico_check_on_white.png') 0 0 no-repeat; } #login form[name=fm] .row_group li { margin-bottom: 20px; } #login form[name=fm] .row_group input[type=text], input[type=password] { width: 100%; } #login form[name=fm] .row_label { text-align: right; font-size: 14px; } /* 회원가입 */ #join { margin-bottom: 50px; } .input-form { padding: 20px 15px; } .input-form dl { max-width: 590px; text-align: left; margin: 0 auto 20px auto; } .input-form dl dt { position: relative; } .input-form dl dt a { position: absolute; top: 0px; right: 0px; } .input-form dl dd input[type=text], input[type=password] { width: 100%; text-align: left; } .input-form dl dd textarea { width: 100%; text-align: left; margin-top: 10px; background: #f9f9f9; padding-top: 10px; } .input-form dl dd select { width: 100%; } .input-form dl dd p { font-size: 12px; color: #666; } .input-form dl dd p.clear { color: #2eaa08; } .input-form dl dd p.error { color: #ff0000; } .input-form dl dd.detail ul { overflow: hidden; } .input-form dl dd.detail ul:nth-child(odd) { background-color:#f9f9f9; } .input-form dl dd.detail ul:nth-child(even) { background-color:#f1f1f1; } .input-form dl dd.detail ul li { float: left; width: 33.3%; } .input-form dl dd.detail ul li label { padding: 10px 0; display: block; } .input-form dl dd.detail ul li label input { margin-right: 5px; } .input-form dl dd.detail ul li label span { font-size: 14px; } .input-form dl dd .category { overflow: hidden; } .input-form dl dd .category select[name=category1] { float: left; width: 49%; } .input-form dl dd .category select[name=mvcode] { float: right; width: 49%; } .row_group { width: 100%; border: 1px solid #dadada; background: #fff; margin-bottom: 20px; } .row_group.off { display: none; } .row_group li#size.off { } .row_group li { position: relative; border-bottom: 1px solid #f0f0f0; padding: 10px; overflow: hidden; } .row_group li:last-child { border-bottom: 0px; } .row_group li input[type=text] { border: 0px; font-size: 16px; max-width: 380px; height: 30px; } .row_group li input[type=text]:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; border: 0px; } .row_group li input[type=text][name=year] { width: 100px; border-right: 1px solid #f0f0f0; margin-right: 20px; } .row_group li input[type=text][name=month] { width: 100px; border-right: 1px solid #f0f0f0; margin-right: 20px; } .row_group li input[type=text][name=day] { width: 100px; } /* 사업자 인증 */ #certification { padding: 20px; text-align: center; background: #e9ecef; min-height: 600px; font-size: 12px; } #certification .border { max-width: 512px; margin: auto; } #certification h2 { font-size: 20px; margin-bottom: 20px; } #certification .desc { margin-bottom: 50px; } #certification .step { overflow: hidden; margin: 0 auto 0 auto; } #certification .step li { width: 225px; float: left; background: #fff; border: 1px solid #ced2d7; padding: 10px; text-align: center; margin-right: 10px; } #certification .step li:last-child { margin-right: 0px; } #certification .step li i { width: 65px; height: 22px; display: inline-block; background: url('/images/carnegie/bullet_certification.png') 0 0 no-repeat; color: #fff; margin-bottom: 5px; } #certification .step li .require { margin-left: 5px; color: red; } #certification .step li .h3area { margin-bottom: 15px; } #certification .step li h3 { font-size: 16px; } #certification .step li .imageArea { width: 100px; height: 100px; overflow: hidden; margin: 0 auto 10px auto; border-radius: 3px; } #certification .step li .imageArea img { width: 100px; cursor: pointer; } #certification .step li .uploadArea .photoUpload { background: url("//ssl.gstatic.com/s2/tt/images/sharebox/sharebox-3e8fe5857cfa858e4c02cbee00a3e8e3.png") no-repeat scroll 0 -32px transparent; height: 16px; cursor: pointer; padding-left: 25px; display: inline-block; } #certification .step li .uploadArea input[type=file] { display: none; } .certinfo { text-align: left; padding: 15px; } .certinfo div { margin: 3px; } #certification .confirm .button-signin { width: 250px; padding-top: 8px; padding-bottom: 8px; } #certification .confirm .button-signin span { display: inline-block; font-size: 18px; line-height: 18px; background: url('/images/carnegie/btn_join2.png') 0 0 no-repeat; padding-left: 25px; } #certification #textarea { position: relative; overflow: hidden; border-radius: 4px; border: 1px solid #cfd8dc; margin: 10px 0; background: #fff; } #certification #textarea textarea#message { color: #455a64; resize: none; overflow-y: hidden; border: none; box-sizing: border-box; font-size: 14px; line-height: 20px; width: 100%; padding: 15px 70px 15px 15px; float: left; z-index: 2; } #certification #textarea .upload-button { position: absolute; top: 10px; right: 35px; background-image: url(https://js.intercomcdn.com/images/icon-upload.d2842ae1.png); background-size: 15px 14px; background-repeat: no-repeat; opacity: .4; background-position: center; height: 15px; width: 15px; cursor: pointer; padding: 5px; z-index: 3; } #certification #textarea .upload-button:hover { opacity: 1; } #certification #textarea .emoji-button { position: absolute; top: 10px; right: 10px; background-image: url(https://js.intercomcdn.com/images/icon-emoji.03826508.png); background-size: 15px 15px; background-repeat: no-repeat; opacity: .4; background-position: center; height: 15px; width: 15px; cursor: pointer; padding: 5px; z-index: 3; } #certification #textarea .emoji-button:hover { opacity: 1; } #certification .buttonArea { margin-bottom: 50px; } #certification #memberRequestList .item { border-bottom: 1px solid #f9f9f9; padding: 20px 0; } #certification #memberRequestList .item:nth-child(odd) { background-color:#f9f9f9; } #certification #memberRequestList .item:nth-child(even) { background-color:#f1f1f1; } #certification #memberRequestList .item .admin { text-align: left; padding-left: 50px; margin-top: 20px; } #certification #memberRequestList .item .admin .intercom-comment-avatar { left: 10px; } #certification #memberRequestList .item .certification { position: relative; text-align: left; padding-left: 50px; } #certification #memberRequestList .item .certification img { width: 200px; border-radius: 12px; z-index: 1; } #certification #memberRequestList .item .certification .corpname { position: absolute; bottom: 20px; left: 70px; } #certification #memberRequestList .item .member { text-align: right; padding-right: 50px; } #certification #memberRequestList .item .member .intercom-comment-avatar { right: 10px; } #certification #memberRequestList .item .imageArea { text-align: right; padding-right: 50px; } #certification #memberRequestList .item .imageArea dl { display: inline-block; } #certification #memberRequestList .item .imageArea dl dt .img { width: 80px; height: 80px; border-radius: 50%; overflow: hidden; background: #fff; } #certification #memberRequestList .item .imageArea dl dt .img img { width: 80px; height: 80px; } #certification #memberRequestList .item .imageArea dl dd { text-align: center; color: #666; padding-top: 5px; } #certification #memberRequestList .item .corpname { text-align: right; padding-right: 50px; padding-bottom: 5px; color: #999; } #certification .errMessage { text-align: left; color: #ff0000; display: none; } #certification .certificationRequirements { margin-bottom: 10px; } #certification .certificationRequirements h4 { font-size: 16px; } #certification .certificationRequirements p { font-size: 14px; } @media only screen and (max-width: 767px) { #certification .step li { width: 99%; margin: 0 0 10px 0; padding: 10px 0; } } /* 채팅화면 */ .one2one .admin { position: relative; padding: 0 40px 16px; overflow: hidden; text-align: left; } .one2one .admin .intercom-comment-avatar { border-radius: 50%; width: 28px; height: 28px; position: absolute; left: 0; top: 9px; } .one2one .admin .intercom-comment-body-container::before { position: absolute; top: 17px; left: -8px; border: 4px solid transparent; border-right-color: #dadee2; content: ''; } .one2one .admin .intercom-comment-body-container { float: left; box-shadow: 0 1px 2px 0 rgba(234,236,238,.8); background-color: #fff; border-color: #dadee2; font-size: 14px; font-weight: 400; color: #455a64; line-height: 20px; border-radius: 9px; border-width: 1px; border-style: solid; position: relative; max-width: 272px; padding: 12px 17px; display: inline-block; word-break: break-word; } .one2one .admin .rowInfo { float: left; display: inline-block; padding: 14px 7px 0; } .one2one .rowInfo .view { color: #0074b0; font-size: 11px; min-width: 20px; height: 15px; } .one2one .rowInfo .nickname { color: #b0bec5; font-size: 11px; } .one2one .member { position: relative; padding: 0 40px 16px; text-align: right; overflow: hidden; } .one2one .member .intercom-comment-avatar { border-radius: 50%; width: 28px; height: 28px; position: absolute; right: 0; top: 9px; } .one2one .member .intercom-comment-body-container::after { position: absolute; top: 17px; right: -8px; border: 4px solid transparent; border-left-color: #0074b0; content: ''; } .one2one .member .intercom-comment-body-container { float: right; box-shadow: 0 1px 2px 0 rgba(234,236,238,.8); background-color: #0074b0; border-color: #0074b0; font-size: 14px; font-weight: 400; color: #455a64; line-height: 20px; border-radius: 9px; border-width: 1px; border-style: solid; position: relative; max-width: 272px; padding: 12px 17px; display: inline-block; word-break: break-word; color: #fff; } .one2one .member .rowInfo { float: right; display: inline-block; padding: 14px 7px 0; } /* 칼라보드 */ #popupColorBoard { background: #000; } #popupColorBoard h3 { text-align: center; color: #fff; } #popupColorBoard .step1 { display: inline-block; } #popupColorBoard .step1 .directInput { position: relative; margin: 10px 0; } #popupColorBoard .step1 .directInput input[type=text] { width: 100%; background: #fff; } #popupColorBoard .step1 .directInput .directConfirm { position: absolute; top: 4px; right: 4px; } #popupColorBoard .step1 ul { width: 300px; overflow: hidden; z-index: 11; } #popupColorBoard .step1 ul li { float: left; } #popupColorBoard .step1 ul li a { display: block; width: 60px; text-align: center; padding: 10px 0; cursor: pointer; color: #fff; font-weight: bold; } #popupColorBoard .step1 ul li a:hover { background: #f9f9f9; } #popupColorBoard .step1 ul li a.on { background: #000; color: #fff; } #popupColorBoard .step1 ul li a.White { background: White; color: #000; } #popupColorBoard .step1 ul li a.Gray { background: Gray; } #popupColorBoard .step1 ul li a.Black { background: Black; } #popupColorBoard .step1 ul li a.Beige { background: Beige; color: #000; } #popupColorBoard .step1 ul li a.Pink { background: Pink; } #popupColorBoard .step1 ul li a.Green { background: Green; } #popupColorBoard .step1 ul li a.Khaki { background: Khaki; color: #000; } #popupColorBoard .step1 ul li a.Red { background: Red; } #popupColorBoard .step1 ul li a.Yellow { background: Yellow; color: #000; } #popupColorBoard .step1 ul li a.Brown { background: Brown; } #popupColorBoard .step1 ul li a.Blue { background: Blue; } #popupColorBoard .step1 ul li a.Camel { background: #c19a6b; } #popupColorBoard .step1 ul li a.Gold { background: Gold; } #popupColorBoard .step1 ul li a.Silver { background: Silver; } #popupColorBoard .step1 ul li a.Mint { background: #3eb489; } #popupColorBoard .step1 ul li a.Lime { background: Lime; } #popupColorBoard .step1 ul li a.Sky { background: #3eb489; } #popupColorBoard .step1 ul li a.Charcoal { background: #36454f; } #popupColorBoard .step1 ul li a.Ivory { background: #fffff0; color: #000; } #popupColorBoard .step1 ul li a.Wine { background: #722f37; } #popupColorBoard .step1 ul li a.Violet { background: Violet; } #popupColorBoard .step1 ul li a.Orange { background: Orange; } #popupColorBoard .step1 ul li a.Navy { background: Navy; } #popupColorBoard .step1 ul li span { display: block; width: 70px; text-align: center; padding: 10px 0; cursor: pointer; color: #ccc; } #popupColorBoard .step1 ul li span:hover { background: #f9f9f9; color: #0C98C9; } #popupColorBoard .step2 { width: 350px; display: none; } #popupColorBoard .step3 { width: 350px; display: none; } /* 상품수정 이미지 */ .row_images { width: 100%; border: 1px solid #dadada; background: #fff; margin-bottom: 20px; } .row_images ul { overflow: hidden; margin-top: 10px; } .row_images ul li { position: relative; float: left; width: 25%; text-align: center; margin-bottom: 10px; } .row_images ul li p { text-align: center; display: inline-block; } .row_images ul li p.img { position: relative; width: 100px; height: 100px; overflow: hidden; background: #f9f9f9; border-radius: 50%; z-index: 2; } .row_images ul li p.img span.msg { position: absolute; width: 80px; height: 80px; top: 10px; left: 10px; background: #21d168; border-radius: 50%; color: #fff; line-height: 80px; display: none; } .row_images ul li i { position: absolute; top: 0px; left: 0px; width: 24px; height: 24px; background: url('/images/carnegie/ico_check_off.png') 0 0 no-repeat; cursor: pointer; z-index: 3; } .row_images ul li i.on { background: url('/images/carnegie/ico_check_on.png') 0 0 no-repeat; } .row_images ul li p.img img { width: 100px; } .row_images ul li p.txt { width: 100px; text-align: center; } .row_images ul li p.txt a { width: 100px; display: block; background: #fcfcfc; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); border: 1px solid #cecece; padding: 5px 0; font-size: 15px; line-height: 18px; color: #bbb; border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; cursor: pointer; } .row_label { text-align: right; margin-bottom: 20px; } .row_center { text-align: center; margin: 50px 0 80px 0; } .row_center a { color: #333; } .row_center a:hover { color: #1fbc02; } .row_all_rights_reserved p { color: #666; text-align: center; } .row_footer { text-align: center; } .row_footer .button-signin { max-width: 482px; padding-top: 8px; padding-bottom: 8px; } .row_footer .button-signin span { display: inline-block; font-size: 18px; line-height: 18px; background: url('/images/carnegie/btn_join2.png') 0 0 no-repeat; padding-left: 25px; } .row_footer .button-gray { max-width: 482px; padding-top: 8px; padding-bottom: 8px; } .row_footer .button-gray span { display: inline-block; font-size: 18px; line-height: 18px; } .row_footerBoth { text-align: center; } .row_footerBoth .button-signin { max-width: 230px; padding-top: 8px; padding-bottom: 8px; } .row_footerBoth .button-signin span { display: inline-block; font-size: 18px; line-height: 18px; background: url('/images/carnegie/btn_join2.png') 0 0 no-repeat; padding-left: 25px; } .row_footerBoth .button-gray { max-width: 230px; padding-top: 8px; padding-bottom: 8px; } .row_footerBoth .button-gray span { font-size: 18px; } /* 광고선택 */ #advArea { padding-top: 30px; font-size: 14px; } #advArea div { width: 115px; display: inline-block; border: 1px solid #ccc; background: #fff; text-align: center; border-radius: 3px; margin-bottom: 5px; } #advArea div dl { width: 100%; } #advArea div dl dt { position: relative; } #advArea div dl dt span { width: 30px; height: 30px; margin: 10px auto; background: #08c246; color: #fff; border-radius: 3px; line-height: 30px; font-size: 18px; display: block; } #advArea div#A dl dt span { background: #da3f3a; } #advArea div#B dl dt span { background: #f3753a; } #advArea div#C dl dt span { background: #ffdf3e; } #advArea div dl dd { padding-bottom: 5px; } #advArea div dl dd p.bank { color: #ccc; font-size: 12px; } #advArea div dl dd p.ing { color: #0066cc; padding-top: 8px; } #advArea div:hover { cursor: pointer; } #advArea div#A:hover { border: 1px solid #da3f3a; } #advArea div#B:hover { border: 1px solid #f3753a; } #advArea div#C:hover { border: 1px solid #ffdf3e; } /* 충전대기 */ .pointChargeWaiting { padding-top: 10px; } .pointChargeWaiting dl { position: relative; width: 100%; overflow: hidden; font-size: 14px; border: 1px solid #ccc; background: #fff; text-align: left; border-radius: 3px; } .pointChargeWaiting dl dt { position: absolute; top: 0px; left: 0px; vertical-align: top; } .pointChargeWaiting dl dt .money { width: 30px; height: 30px; margin: 10px; background: #08c246; text-align: center; color: #fff; border-radius: 3px; line-height: 30px; font-size: 18px; z-index: 1; } .pointChargeWaiting dl dd { margin-left: 50px; padding: 10px 0; text-align: left; } .pointChargeWaiting dl dd .delete { position: absolute; top: 10px; right: 10px; width: 22px; height: 22px; background-image: url(/template/apple/images/sp_cbox4.png); background-position: -181px -78px; cursor: pointer; } .pointChargeWaiting dl dd p.bank { color: #ccc; } .pointChargeWaiting dl:hover .delete { display: block; } /* 광고관리 */ #advertising2 { background: #eee; text-align: center; } #advertising2 .title { margin: 0; padding: 20px 0; } #advertising2 .title h3 { color: #000; font-size: 14px; text-align: center; } #advertising2 .title p { color: #666; margin: 0px; font-size: 12px; color: #666; } #advertising2 ul { overflow: hidden; margin: auto; padding: 0px; } #advertising2 ul li { display: inline-block; width: 180px; } #advertising2 ul.newproduct { max-width: 1101px; overflow: hidden; margin: auto; padding: 0px; } #advertising2 ul.newproduct li { display: inline-block; width: 180px; margin: 0px; } #advertising2 ul.newproduct li .item-new-border { position: relative; padding: 10px; margin: 5px; border: 1px solid #ccc; background: #fff; border-radius: 3px; text-align: center; } #advertising2 ul.newproduct li .item-new-border:hover { border: 1px solid #0066cc; } #advertising2 ul.newproduct li .item-new-border:hover .item .goodnm { color: #0066cc; } #advertising2 ul.newproduct li .item-new-border .new { position: absolute; top: 8px; right: 8px; width: 6px; height: 6px; border-radius: 50%; background: #ff0000; z-index: 2; } #advertising2 ul.newproduct li .item-new-border .item { position: relative; display: block; text-align: left; } #advertising2 ul.newproduct li .item-new-border .item .goodnm { display: block; width: 98px; height: 13px; line-height: 13px; color: #000; font-size: 13px; overflow: hidden; margin-bottom: 0px; } #advertising2 ul.newproduct li .item-new-border .item .goodnm span { color: #fff; padding: 2px 4px; line-height: 11px; text-align: center; display: inline-block; border-radius: 2px; font-size: 10px; margin-right: 2px; } #advertising2 ul.newproduct li .item-new-border .item .thumnail { position: absolute; top: 0px; right: 0px; width: 50px; height: 80px; overflow: hidden; margin-bottom: 5px; z-index: 1; } #advertising2 ul.newproduct li .item-new-border .item .thumnail img { width: 50px; z-index: 2; } #advertising2 ul.newproduct li .item-new-border .item .shopname { color: #666; font-size: 10px; border: 0px; padding: 0px; margin: 0px; } #advertising2 ul.newproduct li .item-new-border .item .desc { display: block; height: 28px; overflow: hidden; text-align: left; margin-bottom: 25px; color: #999; font-size: 10px; } #advertising2 ul.newproduct li .item-new-border .item .priceBullet { text-align: left; } #advertising2 ul.newproduct li .item-new-border .item .priceBullet .price { position: relative; color: #0066cc; font-size: 15px; } #advertising2 ul.newproduct li .item-new-border .item .priceBullet .price .sale { position: absolute; top: -15px; color: #999; margin-right: 5px; font-size: 10px; } #advertising { text-align: center; max-width: 1102px; margin: auto; } #advertising .title { position: relative; margin: 0; padding: 20px 0; } #advertising .title h3 { color: #000; font-size: 18px; text-align: left; } #advertising .title h3 span { display: inline-block; color: #fff; width: 20px; height: 20px; line-height: 20px; border-radius: 2px; font-size: 12px; } #advertising .title p { color: #666; margin: 0px; font-size: 12px; color: #666; } #advertising .title .moreview { position: absolute; top: 40px; right: 10px; font-size: 14px; color: #666666; } #advertising ul { overflow: hidden; margin: auto; padding: 0 0 10px 0; } #advertising ul li { display: inline-block; width: 180px; } #specialMain { text-align: center; max-width: 1105px; margin: auto; } #specialMain .visual { margin-bottom: 5px; } #specialMain .visual img { max-width: 1095px; width: 100%; } #specialMain ul { overflow: hidden; margin: auto; padding: 0 0 10px 0; } #specialMain ul li { display: inline-block; width: 272px; } #specialMain ul li .item-border { width: 267px; margin: 0 auto 12px auto; } #specialMain ul li .item-border .item .thumnail { width: 267px; height: 267px; background-size: 267px auto; } #specialMain ul li .item-border .item .thumnail.imgHeightBaseResize { background-size: auto 267px; } #specialMain ul li .rank { text-decoration: underline; font-size: 20px; } @media only screen and (max-width: 767px) { #specialMain .visual { margin-bottom: 0px; } #specialMain ul li { display: inline-block; width: 180px; } #specialMain ul li .item-border { width: 178px; margin: 0 auto 4px auto; } #specialMain ul li .item-border .item .thumnail { width: 178px; height: 178px; background-size: 178px auto; } } #main_footer { text-align: center; padding: 20px 0; } #main_footer h2 { text-align: center; } span.typeA { background: #da3f3a; } span.typeB { background: #f3753a; } span.typeC { background: #ffdf3e; } #popupAdvPointOK h3 span { width: 25px; height: 25px; margin-right: 5px; background: #08c246; color: #fff; border-radius: 3px; line-height: 25px; text-align: center; display: inline-block; } #popupAdvPointOK h3 span.typeA { background: #da3f3a; } #popupAdvPointOK h3 span.typeB { background: #f3753a; } #popupAdvPointOK h3 span.typeC { background: #ffdf3e; } #popupAdvPointOK h3 strong { font-size: 16px; } #popupAdvPointOK .price { text-align: center; } #popupAdvPointOK .price lebel span { font-size: 14px; color: #0066cc; } #popupAdvPointOK .good { text-align: center; } #popupAdvPointOK .good img { width: 150px; margin-bottom: 5px; } #popupPointAdd .pointAdd input[type=text] { width: 50px; } #popupPointRefund .pointRefund dl { overflow: hidden; padding: 5px 0; } #popupPointRefund .pointRefund dl dt { float: left; width: 90px; text-align: left; } #popupPointRefund .pointRefund dl dd { float: right; width: 120px; text-align: right; } #popupPointRefund .pointRefund .comment { padding-top: 10px; color: #aaa; } #popupPointRefund .pointRefund .bankArea { padding-top: 10px; } #popupPointRefund .pointRefund .bankArea select { width: 100%; } #popupPointRefund .pointRefund .bankArea input { font-size: 16px; } #popupAdvItemUP h3 span { width: 25px; height: 25px; margin-right: 5px; background: #08c246; color: #fff; border-radius: 3px; line-height: 25px; text-align: center; display: inline-block; } #popupAdvItemUP h3 span.typeA { background: #da3f3a; } #popupAdvItemUP h3 span.typeB { background: #f3753a; } #popupAdvItemUP h3 span.typeC { background: #ffdf3e; } #popupAdvItemUP h3 strong { font-size: 16px; } #popupAdvItemUP .price { text-align: center; } #popupAdvItemUP .price lebel span { font-size: 14px; color: #0066cc; } #popupAdvItemUP .good { text-align: center; } #popupAdvItemUP .good img { width: 150px; margin-bottom: 5px; } /* 에이전트 */ main.agent { margin-top: 96px; text-align: center; } main.agent ul { padding-left: 0px !important; } main.agent ul li { margin: 0px; } main.agent .button-submit { color: #fff; margin: 10px 0 20px 0; } main.agent #main-head { margin-top: 0px; } main.agent .agent-head { margin: 0 auto; max-width: 980px; padding: 20px 22px 10px 22px; position: relative; z-index: 2; font-size: 14px; } main.agent .agent-head h3 a { } main.agent .agent-head span.rate { position: absolute; top: 20px; right: 22px; } /* 메인 고객센터 */ .fp-shopstrip { padding-top: 91px; } .fp-section-content { margin-left: auto; margin-right: auto; max-width: 980px; text-align: center; } .row::before, .row::after { content: ' '; display: table; } .fp-shopstrip .fp-shopstrip-content { margin-bottom: 91px; } .fp-shopstrip-icon-headline { display: block; } .fp-shopstrip .icon-pickup { width: 40px; height: 44px; margin: auto; background-size: 80px 80px; background-position: -20px -18px; background-repeat: no-repeat; background-image: url("/template/apple/images/pickup_icon_large.svg"); } .fp-shopstrip-headline { font-size: 19px; line-height: 1.26316; font-weight: 500; letter-spacing: .018em; font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif; margin-bottom: 12px; margin-top: .47368em; text-align: center; } .fp-shopstrip .fp-shopstrip-copy { width: 68%; margin-left: auto; margin-right: auto; margin-bottom: 9px; } .fp-shopstrip-copy, .fp-shopstrip-more { font-size: 14px; line-height: 1.28583; font-weight: 400; letter-spacing: -.024em; font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif; } .fp-shopstrip .icon-shipping { width: 40px; height: 44px; margin: auto; background-size: 80px 80px; background-position: -20px -18px; background-repeat: no-repeat; background-image: url("/template/apple/images/shipping_icon_large.svg"); } /* 약관 */ .common_wrapper { max-width: 980px; margin: 0 auto; padding: 0 22px; text-align: left; font-size: 14px; } .common_wrapper h1 { font-size: 28px; text-align: center; margin-bottom: 50px; } .common_wrapper h2 { font-size: 20px; margin-top: 30px; margin-bottom: 5px; } /* 매장매칭 팝업 */ #popupShopMatching ul { max-width: 300px; } #popupShopMatching ul li { display: inline-block; margin: 3px; } /* 카테고리 선택 팝업 */ #popupCategorySelect .category { min-width: 300px; } .order-detail { max-width: 600px; margin: auto; padding: 0 0px; font-size: 14px; } .order-detail table { width: 100%; margin: auto; } .order-detail table thead tr th { text-align: center; padding: 10px 0; } /* .order-detail table tbody tr:nth-child(odd) { background-color:#f9f9f9; } .order-detail table tbody tr:nth-child(even) { background-color:#ffffff; } */ .order-detail table tbody tr.ing { background-color:#f9f9f9; } .order-detail table tbody tr th { text-align: center; } .order-detail table tbody tr td { padding: 5px 0; } .order-detail .button-won { min-width: 50px; display: inline-block; background: #000; color: #fff; border-radius: 2px; padding: 1px 2px; line-height: 16px; cursor: pointer; } .order-detail .button-won:hover { background: #cc0000; } .order-detail table tbody tr.state_03 .stateText { background: #8ecd00; color: #fff; padding: 0 2px; border-radius: 2px; } .order-detail table tbody tr.state_03 .button-won { background: none; color: #999; } .order-detail table tbody tr td .progress span { display: inline-block; padding: 3px; cursor: pointer; } .order-detail table tbody tr td .progress span.on { font-weight: bold; color: #8ecd00; } .order-detail table tbody tr td img.thumnail { width: 50px; } .order-detail table tbody tr td .device { display: inline-block; } .order-detail table tbody tr td .device.ios { background: url('/images/bullet/appIcon.png') 0px -5px no-repeat; display: inline-block; width: 17px; height: 17px; } .order-detail table tbody tr td .device.android { background: url('/images/bullet/appIcon.png') -23px -5px no-repeat; display: inline-block; width: 17px; height: 17px; } .madminuser { position: relative; text-align: left; max-width: 175px; overflow: hidden; } .madminuser .avata { position: relative; width: 35px; height: 35px; display: inline-block; margin-right: 10px; } .madminuser .avata img { width: 35px; height: 35px; border-radius: 50%; border: 1px solid #ccc; } .madminuser .userinfo { position: relative; display: inline-block; text-align: left; } .madminuser .shopTitle { display: inline-block; max-width: 100px; height: 18px; overflow: hidden; color: #000; } .madminuser .userinfo .orderName { width: 125px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; color: #ccc; } #popupOrderStateModify { width: 200px; } #popupOrderStateModify .madminuser { border-bottom: 5px dotted #999; padding-bottom: 10px; margin-bottom: 10px; } #popupOrderStateModify .koreaMoney { font-size: 20px; font-weight: bold; } #request_write { max-width: 600px; margin: auto; padding: 22px; } #request_write select { width: 100%; margin-bottom: 10px; } #request_write .textarea { width: 100%; margin-bottom: 10px; background: #f9f9f9; border-radius: 4px; border: 1px solid #cfd8dc; } #request_write .textarea textarea { width: 100%; height: 180px; border: 0px; text-align: left; padding: 10px; resize: none; border: none; box-sizing: border-box; } #request_view { max-width: 600px; margin: auto; padding: 22px; } #request_view .questclsfcd { font-size: 18px; font-weight: bold; } #request_view .regdt { margin-bottom: 10px; font-size: 12px; color: #999; } #request_view .textarea { margin-bottom: 10px; } #request_view #shopInfo { margin-bottom: 10px; } #request_view .reply { margin-bottom: 10px; border: 1px solid #ccc; background: #f9f9f9; padding: 20px 0; border-radius: 5px; } #sub-head .search { width: 280px; display: inline-block; margin: auto; padding: 20px 0; } #sub-head .search input { width: 100%; background: url('../images/icon-search.png') 0 0 no-repeat; background-size: 30px; } #agentChoice { padding-top: 20px; } #agentChoice label { display: inline-block; border: 1px solid #eee; background: #f9f9f9; margin: 5px; border-radius: 3px; } #agentChoice label dl { overflow: hidden; margin: 5px; } #agentChoice label dl dt { width: 30px; float: left; line-height: 50px; } #agentChoice label dl dd img { height: 50px; border-radius: 3px; } #agentChoice label dl dd { float: left; padding: 0 5px; } #popupThisamt input[name=thisamt] { width: 100px; border: 3px solid #aaa; } .order-step { width: 340px; margin: 14px auto 40px auto; padding-bottom: 20px; font-size: 13px; } .order-step dl { position: relative; width: 85px; float: left; } .order-step dl dt { border-top: 4px solid #ebebeb; line-height: 1; padding-top: 15px; color: #6c6c6c; text-align: center; } .order-step dl dd { position: absolute; left: 35px; top: -7px; color: #ebebeb; width: 15px; height: 33px; line-height: 33px; } .order-step dl dd.step-number { height: 15px; line-height: 15px; color: #eee; text-align: center; background: #ccc; border-radius: 3px; } .order-step dl.ready dt { border-top-color: #81d9cd; color: #333; } .order-step dl.ready dd.step-number { color: #fff; background: #81d9cd; } /* 카페 */ #cafe { max-width: 1000px; margin: auto; overflow: hidden; padding-top: 50px; } #cafe .cafe-menu { margin-bottom: 50px; } #cafe .cafe-menu ul li { display: inline-block; margin-bottom: 20px; } #cafe .cafe-menu ul li a { display: inline-block; padding: 0 15px; } #cafe .cafe-menu ul li a i { width: 80px; height: 80px; display: inline-block; background: url('/images/cafe/cafe_icons.png') 0 0 no-repeat; } #cafe .cafe-menu ul li a i.menu1 { background-position: 0px 0px; } #cafe .cafe-menu ul li a i.menu2 { background-position: -80px 0px; } #cafe .cafe-menu ul li a i.menu3 { background-position: -160px 0px; } #cafe .cafe-menu ul li a i.menu4 { background-position: -240px 0px; } #cafe .cafe-menu ul li a i.menu5 { background-position: -320px 0px; } #cafe .cafe-menu ul li a i.menu6 { background-position: -400px 0px; } #cafe .cafe-menu ul li a i.menu7 { background-position: -480px 0px; } #cafe .cafe-menu ul li a i.menu8 { background-position: -560px 0px; } #cafe .cafe-menu ul li a span { display: block; font-size: 14px; line-height: 14px; color: #333; font-weight: bold; } #cafe .cafe-menu ul li a:hover { text-decoration: none; } #cafe .cafe-menu ul li a:hover span { color: #004fa8; } #cafe .cafe-front { text-align: center; margin-bottom: 50px; } #cafe .cafe-front .cafe-board { display: inline-block; width: 250px; background: #f9f9f9; border: 1px solid #ccc; border-radius: 3px; padding: 20px 0px; margin: 7px 5px; } #cafe .cafe-front .cafe-board h3 { color: #004fa8; font-size: 16px; margin-bottom: 10px; } #cafe .cafe-front .cafe-board ul { margin: 0 10px; } #cafe .cafe-front .cafe-board ul li { text-align: left; padding: 0px; overflow: hidden; } #cafe .cafe-front .cafe-board ul li a { width: 100%; font-size: 14px; color: #333; padding: 5px 0; margin: 0px; float: left; background: url('/images/cafe/arrow.png') right center no-repeat; } #cafe .cafe-front .cafe-board ul li a:hover { background-color: #fff; color: #004fa8; } #cafe .cafe-front .cafe-board ul li a span.title { float: left; } #cafe .cafe-front .cafe-board ul li a span.count { float: right; margin-right: 15px; } @media only screen and (max-width: 767px) { #cafe .cafe-front .cafe-board { width: 100%; margin: 0px; } } /* 뉴스피드 */ #newsfeed { background: #e9ebee; padding: 10px 0; } #newsfeed h3 { margin-bottom: 10px; } #newsfeed .news-board { max-width: 500px; background: #fff; border-radius: 3px; margin: 0 auto 10px auto; font-size: 14px; text-align: left; border: 1px solid #ddd; } #newsfeed .news-board .news-body { border-bottom: 1px solid #ddd; padding: 10px 10px 0 10px; } #newsfeed .news-board .news-body .userinfo { position: relative; overflow: hidden; margin-bottom: 10px; } #newsfeed .news-board .news-body .userinfo .avata-img { float: left; width: 40px; height: 40px; margin-right: 10px; border: 1px solid #ccc; } #newsfeed .news-board .news-body .userinfo .avata-img img { width: 40px; height: 40px; } #newsfeed .news-board .news-body .userinfo .avata-txt { float: left; height: 40px; } #newsfeed .news-board .news-body .userinfo .favorites-shop { position: absolute; top: 0px; right: 0px; width: 30px; height: 30px; cursor: pointer; margin-top: 6px; } #newsfeed .news-board .news-body .userinfo .favorites-shop span { display: inline-block; width: 30px; height: 30px; background: url('/template/apple/images/shop_favorites_small.svg') 0 0 no-repeat; background-size: 60px 30px; cursor: pointer; vertical-align: top; margin-top: 6px; } #newsfeed .news-board .news-body .userinfo .favorites-shop.on span { background-position: -30px -0px; } #newsfeed .news-board .news-body .userinfo .contentEdit { position: absolute; top: 10px; right: 0px; width: 22px; height: 22px; display: block; background-image: url(/template/apple/images/sp_cbox4.png); background-position: -78px -29px; cursor: pointer; display: none; } #newsfeed .news-board .news-body .userinfo .contentEdit .delete { display: none; position: absolute; top: 0px; right: 25px; width: 22px; height: 22px; background-image: url(/template/apple/images/sp_cbox4.png); background-position: -181px -78px; } #newsfeed .news-board .news-body .userinfo .contentEdit.on .delete { display: block; } #newsfeed .news-board .news-body .userinfo .contentEdit.my { display: block; } #newsfeed .news-board .news-body .userContent { position: relative; margin-bottom: 10px; } #newsfeed .news-board .news-body .userContent .notiPost { position: relative; margin-top: 20px; } #newsfeed .news-board .news-body .userContent .notiPost .state { position: absolute; top: 5px; right: 0px; height: 20px; text-align: right; } #newsfeed .news-board .news-body .userContent .notiPost .progress { position: relative; display: block; width: 100%; height: 25px; text-align: center; background: #999; z-index: 1; margin-top: 5px; } #newsfeed .news-board .news-body .userContent .notiPost .progress .number { position: relative; width: 100%; height: 100%; text-align: center; color: #fff; font-weight: bold; z-index: 3; } #newsfeed .news-board .news-body .userContent .notiPost .progress .bar { position: absolute; top: 0px; left: 0px; height: 25px; background: #41c46e; -moz-transition:all 150ms ease; transition:all 150ms ease; z-index: 2; } #newsfeed .news-board .news-body .userContent h5 { font-size: 15px; } #newsfeed .news-board .news-body .userContent .price { font-size: 15px; margin-bottom: 20px; } #newsfeed .news-board .news-body .userImages { overflow: hidden; margin-bottom: 10px; } #newsfeed .news-board .news-body .userImages img { width: 50%; float: left; } #newsfeed .news-board .news-body a.productInfo { position: relative; padding: 5px 20px 5px 0; display: block; background: url('/images/cafe/arrow.png') right center no-repeat; color: #333; text-align: right; } #newsfeed .news-board .news-body a.productInfo:hover { background-color: #eee; } #newsfeed .news-board .news-body a.productInfo .state-view-area { position: absolute; top: 0px; left: 0px; width: 48px; height: 48px; text-align: center; } #newsfeed .news-board .news-body .userButtons { border-top: 1px solid #e5e5e5; padding: 2px 0 5px 0; } #newsfeed .news-board .news-footer { background: #f9f9f9; border-radius: 0 0 3px 3px; padding: 10px; } #newsfeed .news-board .news-footer #talk-area { margin-bottom: 0px; padding-top: 0px; } #newsfeed .news-board .news-footer #talk-area #talk-input-area { background: #fff; } #newsfeed .news-board .news-footer .like-users { line-height: 16px; padding-bottom: 8px; display: none; } #newsfeed .news-board .news-footer .like-users.on { display: block; } #newsfeed .news-board .news-footer .like-users i { display: inline-block; height: 16px; width: 16px; background-image: url(https://static.xx.fbcdn.net/rsrc.php/v3/yb/r/ho0s_InNwfZ.png); background-repeat: no-repeat; background-size: auto; background-position: -68px -54px; margin-right: 5px; } #newsfeed .news-board .news-footer .like-users span { display: inline-block; height: 16px; font-size: 13px; vertical-align: top; } #newsfeed .news-board .boardfeed-head { background: #f6f7f9; border-bottom: 1px solid #dddfe2; } #newsfeed .news-board .boardfeed-head h3 { font-size: 13px; padding: 8px 10px; color: #1a4491; } #newsfeed .news-board .boardfeed-body { margin: 10px; border-bottom: 1px solid #e9ebee; } #newsfeed .news-board .boardfeed-body .userinfo { position: relative; overflow: hidden; margin-bottom: 10px; } #newsfeed .news-board .boardfeed-body .userinfo .writer-img { position: absolute; top: 0px; left: 0px; width: 40px; height: 40px; margin-right: 10px; border: 1px solid #ccc; } #newsfeed .news-board .boardfeed-body .userinfo .writer-img img { width: 40px; height: 40px; } #newsfeed .news-board .boardfeed-body .userinfo .writer-textarea { margin-left: 50px; overflow: hidden; } div.faketextarea { width:100%; height:4.8em; min-height:4.8em; _height:4.8em !important; outline:none; word-wrap: break-word; margin:0; padding:3px 5px; } div.faketextarea.placeholder { color:#aaa; } div.faketextarea p { margin:0; padding:0; } #newsfeed .news-board .boardfeed-body .userinfo .writer-textarea textarea { width: 100%; text-align: left; resize: none; box-sizing: border-box; border: none; display: block; padding-top: 5px; } #newsfeed .news-board .boardfeed-body .youtube { border-top: 1px solid #e9ebee; display: none; } #newsfeed .news-board .boardfeed-body .youtube label i { vertical-align: middle; background: url(https://static.xx.fbcdn.net/rsrc.php/v3/ys/r/10GFZ3NrTQ8.png) 0 -116px no-repeat; display: inline-block; height: 20px; width: 20px; margin-right: 5px; } #newsfeed .news-board .boardfeed-body .youtube label span { vertical-align: middle; } #newsfeed .news-board .boardfeed-body .youtube p input[type=text] { width: 100%; text-align: left; } #newsfeed .news-board .boardfeed-body .youtube.on { display: block; } #newsfeed .news-board .boardfeed-footer { position: relative; margin: 0 10px 10px 10px; } #newsfeed .news-board .boardfeed-footer a.fileLoad { display: inline-block; background: #f1f1f1; border-radius: 20px; padding: 5px 10px; color: #333; cursor: pointer; } #newsfeed .news-board .boardfeed-footer a.fileLoad:hover { background: #e9e9e9; text-decoration: none; } #newsfeed .news-board .boardfeed-footer a.fileLoad i { vertical-align: top; background-size: 20px 20px !important; background: url('/template/apple/images/icon_photo.png') 0 0 no-repeat; display: inline-block; height: 20px; width: 20px; margin-right: 5px; } #newsfeed .news-board .boardfeed-footer a.fileLoad span { height: 20px; vertical-align: top; font-size: 13px; font-weight: bold; } #newsfeed .news-board .boardfeed-footer a.youtube { display: inline-block; background: #f1f1f1; border-radius: 20px; padding: 5px 10px; color: #333; cursor: pointer; } #newsfeed .news-board .boardfeed-footer a.youtube:hover { background: #e9e9e9; text-decoration: none; } #newsfeed .news-board .boardfeed-footer a.youtube i { vertical-align: top; background-size: 20px 20px !important; background: url('/template/apple/images/icon_youtube.png') 0 0 no-repeat; display: inline-block; height: 20px; width: 20px; margin-right: 5px; } #newsfeed .news-board .boardfeed-footer a.youtube span { height: 20px; vertical-align: top; font-size: 13px; font-weight: bold; } #newsfeed .news-board .boardfeed-footer button { position: absolute; top: 0px; right: 10px; } #newsfeed .news-board .boardfeed-footer a.login { position: absolute; top: 0px; right: 10px; } #newsfeed #description { max-width: 500px; background: #fff; border-radius: 3px; margin: 0 auto 10px auto; font-size: 13px; text-align: center; border: 1px solid #ddd; padding: 7px 0px; } /* 뉴스피드 로드 */ .load-wrapp { width: 100%; padding: 0px 0 25px 0px; border-radius: 5px; text-align: center; background-color: #e9ebee; display: none; } .load-wrapp .line { display: inline-block; width: 15px; height: 15px; border-radius: 15px; background-color: #4b9cdb; } .load-wrapp .load-3 .line:nth-last-child(1) {animation: loadingC .6s .1s linear infinite;} .load-wrapp .load-3 .line:nth-last-child(2) {animation: loadingC .6s .2s linear infinite;} .load-wrapp .load-3 .line:nth-last-child(3) {animation: loadingC .6s .3s linear infinite;} @keyframes loadingC { 0 {transform: translate(0,0);} 50% {transform: translate(0,15px);} 100% {transform: translate(0,0);} } /* 언어선택 */ #choose-your-country { height: 200px; text-align: center; } #choose-your-country li { display: inline-block; width: 60px; cursor: pointer; } #choose-your-country li i { width: 30px; height: 30px; display: inline-block; } #choose-your-country li.KO i { background-image: url("https://images.apple.com/ac/flags/1/images/kr/30.png"); } #choose-your-country li.ZH i { background-image: url("https://images.apple.com/ac/flags/1/images/cn/30.png"); } #choose-your-country li.JA i { background-image: url("https://images.apple.com/ac/flags/1/images/jp/30.png"); } #choose-your-country li.EN i { background-image: url("https://images.apple.com/ac/flags/1/images/us/30.png"); } /* 메인 */ .mainvideo { position: relative; text-align: center; } .mainvideo img { width: 800px; } .mainvideo iframe { width: 640px; height: 360px; } @media only screen and (max-width: 767px) { .mainvideo img { width: 320px; } .mainvideo iframe { width: 320px; height: 240px; } } .mainvideo div div { cursor: pointer; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .mainvideo .mainvideoicon { display: block; background: url("https://bitcoin.org/img/icons/video_play.svg") center center no-repeat; } .mainvideo .mainvideoiconhover { display: none; background: url("https://bitcoin.org/img/icons/video_play_hover.svg") center center no-repeat; } .mainvideo:hover .mainvideoicon { display: none; } .mainvideo:hover .mainvideoiconhover { display: block; } /* 공동구매 */ #groupbuying { padding-top: 5px; } #groupbuying ul li { display: inline-block; width: 300px; vertical-align: top; font-size: 13px; margin-bottom: 30px; } #groupbuying ul li a { color: #333; } #groupbuying ul li a:hover { text-decoration: none; } #groupbuying ul li a p.colors span { border: 1px solid #ccc; font-size: 13px; margin: 0 2px; background: #f9f9f9; display: inline-block; padding: 0 5px; border-radius: 3px; } #groupbuying ul li a p.sizes { padding: 5px 0; } #groupbuying ul li a p.sizes span { font-size: 13px; color: #999; display: inline-block; padding: 0 5px; } #groupbuying ul li a p.price { font-size: 18px; font-weight: bold; color: #6ab344; } #groupbuying ul li a p.cat_name { font-size: 13px; color: #999; padding: 0 5px; } #groupbuying_detail #product_info { position: relative; z-index: 2; padding: 20px 0; font-family: sans-serif,Verdana,'Nanum Gothic' !important; color: #000; } #groupbuying_detail #product_info #favoriteArea { position: relative; margin: auto; max-width: 800px; z-index: 2; } #groupbuying_detail #product_info #favoriteArea #favorite-button-middle { position: absolute; top: 20px; right: 20px; width: 40px; height: 40px; background: url('/template/apple/images/sp_likeit_m5.png') 0 -107px no-repeat; cursor: pointer; } #groupbuying_detail #product_info #favoriteArea #favorite-button-middle.on { background-position: -50px -107px; } #groupbuying_detail #product_info #favoriteArea #favorite-button-middle-special { position: absolute; top: 35px; right: 20px; width: 40px; height: 40px; line-height: 95px; background: url('/template/apple/images/sp_likeit_m5.png') 0 -107px no-repeat; cursor: pointer; color: #FB005B; text-decoration: none; } #groupbuying_detail #product_info #favoriteArea #favorite-button-middle-special.on { background-position: -50px -107px; } #groupbuying_detail #product_info #favoriteArea #favorite-button-middle-special-dialog { position: absolute; top: 20px; right: 20px; width: 40px; height: 40px; background: url('/template/apple/images/sp_likeit_m5.png') 0 -107px no-repeat; cursor: pointer; } #groupbuying_detail #product_info #favoriteArea #favorite-button-middle-special-dialog.on { background-position: -50px -107px; } #groupbuying_detail #product_info .image { display: inline-block; } #groupbuying_detail #product_info .image img { width: 400px; } #groupbuying_detail #product_info .image p { text-align: left; margin-bottom: 10px; } #groupbuying_detail #product_info .image p a { color: #333; font-size: 12px; } #groupbuying_detail #product_info .image p a.bold { font-weight: bold; } #groupbuying_detail #product_info .image p .gt { display: inline-block; width: 5px; height: 9px; background: url(/template/instagram/ico_path.gif) 0 0 no-repeat; margin: 0 5px; } #groupbuying_detail #product_info .image .shopInfo a { text-decoration: none; color: 333; } #groupbuying_detail #product_info .image .shopInfo a:hover { color: #FB005B; } #groupbuying_detail #product_info .image .shopInfo a .shopImg img { width: 25px; border-radius: 50%; } #groupbuying_detail #product_info .image .shopInfo a .corpname { vertical-align: top; display: inline-block; height: 25px; line-height: 25px; } #groupbuying_detail #product_info .info { vertical-align: top; display: inline-block; padding: 35px 30px 0; text-align: left; font-size: 12px; } #groupbuying_detail #product_info .info .goodnm { font-size: 15px; font-weight: bold; } #groupbuying_detail #product_info .info .count { margin-bottom: 20px; margin-bottom: 20px; } #groupbuying_detail #product_info .info .count em { font-style: normal; margin-right: 20px; color: #666; } #groupbuying_detail #product_info .info dl { width: 100%; overflow: hidden; margin-bottom: 10px; } #groupbuying_detail #product_info .info dl dt { float: left; width: 30px; margin-right: 20px; color: #666; } #groupbuying_detail #product_info .info dl dd { float: left; text-align: left; } #groupbuying_detail #product_info .info dl dd .select-option { text-align: left; font-size: 12px; } #groupbuying_detail #product_info .info dl dd.check span { display: inline-block; border: 1px solid #eee; margin-right: 5px; padding: 5px 10px 5px 10px; cursor: pointer; -moz-transition:all 150ms ease; transition:all 150ms ease; font-size: 11px; } #groupbuying_detail #product_info .info dl dd.check span:hover { border: 1px solid #ccc; } #groupbuying_detail #product_info .info dl dd.check span.on { border: 1px solid #000; } #groupbuying_detail #product_info .info dl dd .off { font-size: 14px; color: #fff; background: #000; padding: 0 5px; border-radius: 2px; font-weight: bold; } #groupbuying_detail #product_info .info dl dd .bullet { } #groupbuying_detail #product_info .info dl dd .bullet .view { height: 15px; display: inline-block; line-height: 16px; background: url('/template/apple/images/icon_view.png') 0 0 no-repeat; background-size: auto 15px; padding: 0 5px 0 23px; font-size: 12px; color: #666; } #groupbuying_detail #product_info .info dl dd .bullet .talk { height: 15px; display: inline-block; line-height: 16px; background: url('/template/apple/images/icon_talk.png') 0 0 no-repeat; background-size: auto 15px; padding: 0 5px 0 18px; font-size: 12px; color: #666; margin-left: 10px; } #groupbuying_detail #product_info .info .button-outline-small { margin-right: 5px; } #visual_groupbuying { height: 219px; text-align: center; background: #c3e7f7 url('/images/banner/visual_groupbuying.png') center 0 no-repeat; } #visual_groupbuying a { display: inline-block; padding: 5px 15px; margin-top: 100px; background: #000; color: #fff; border-radius: 20px; text-decoration: none; } #visual_groupbuying a:hover { background: #0073ec; } @media only screen and (max-width: 750px) { #groupbuying_detail #product_images p img { width: 100%; } } #agencyDelivery { text-align: center; font-size: 14px; } #agencyDelivery .visual { background: #e6e6e6; padding: 20px 0; } #agencyDelivery .visual img { width: 350px; } #agencyDelivery .visual .inputArea { max-width: 500px; margin: auto; } #agencyDelivery .visual .inputArea .invisible-input { padding: 0 10px; margin-bottom: 20px; } #agencyDelivery .visual .inputArea .invisible-input label { text-align: left; } #agencyDelivery .visual .inputArea .invisible-input input[type=text] { width: 100%; } #agencyDelivery table { margin: auto; } #agencyDelivery table { margin: auto; } #agencyDelivery table thead tr th { text-align: center; padding: 10px 0; } #agencyDelivery table tbody tr:nth-child(odd) { background-color:#f9f9f9; } #agencyDelivery table tbody tr:nth-child(even) { background-color:#ffffff; } #agencyDelivery table tbody tr th { text-align: center; } #agencyDelivery table tbody tr td { padding: 5px 0; } #agencyDelivery #shop-list { margin: 20px 0; } #agencyDelivery .from-area { background: #f9f9f9; padding-top: 20px; } #agencyDelivery .from-area .notice-area { margin: 0 auto 0 auto; } /* The switch - the box around the slider */ .switch { position: relative; display: inline-block; width: 60px; height: 34px; } /* Hide default HTML checkbox */ .switch input {display:none;} /* The slider */ .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #2196F3; } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } /* Rounded sliders */ .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } #delivery-data { max-width: 500px; text-align: left; margin: auto; } #delivery-data li { position: relative; height: 50px; } #delivery-data li:nth-child(odd) { background-color:#f9f9f9; } #delivery-data li:nth-child(even) { background-color:#ffffff; } #delivery-data li .shop-position { display: block; } #delivery-data li .name { position: absolute; top: 5px; left: 80px; color: #000; font-weight: bold; } #delivery-data li .shop-position { position: absolute; top: 25px; left: 80px; color: #666; } #delivery-data li .tel { position: absolute; top: 5px; right: 10px; } #delivery-data li .del { position: absolute; top: 30px; right: 10px; display: none; } #delivery-data li .del.on { display: block; } #delivery-data li .del .modifyShop { margin-right: 10px; } #delivery-data li .switch { margin: 8px 5px 0; } #delivery-data .desc { border: 1px dotted #ccc; text-align: center; padding: 10px 0; } /* new main */ #main2 { margin-top: 44px; background: #fff; padding: 20px 0 30px 0; } #main2 #special-product { margin: 0 auto 10px auto; max-width: 1095px; position: relative; z-index: 2; background: #fff; } #main2 #special-product .head-area { height: 64px; line-height: 64px; border-bottom: 1px solid #f2f2f2; padding: 0 16px; } #main2 #special-product .head-area .logo { height: 27px; vertical-align: middle; } #main2 #special-product .head-area .desc { color: #9e9e9e; font-size: 14px; font-weight: bold; margin-left: 16px; } #main2 #special-product .body-area { min-height: 272px; overflow: hidden; } #main2 #special-product .body-area .item { margin: 16px 16px 0; width: 333px; height: 120px; float: left; } #main2 #special-product .body-area .item a { text-decoration: none; display: block; height: 100%; } #main2 #special-product .body-area .item a .pic { display: inline-block; width: 120px; height: 120px; float: left; margin-right: 8px; background-size: 120px auto; background-repeat: no-repeat; background-position: center; } #main2 #special-product .body-area .item a .pic.imgHeightBaseResize { background-size: auto 120px; } #main2 #special-product .body-area .item a .title { color: #323232; font-weight: bold; font-size: 14px; margin-bottom: 8px; } #main2 #special-product .body-area .item a:hover .title { color: #6ab344; } #main2 #special-product .body-area .item a .sub { height: 32px; line-height: 16px; color: #9e9e9e; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; font-size: 14px; } #main2 #special-product .body-area .item a .price { color: #13A9FB; font-weight: 800; font-size: 18px; margin-top: 12px; } #main2 #special-product .body-area .item a .zan { color: #999; font-size: 14px; } #main2 #special-product .footer-area { height: 64px; line-height: 64px; text-align: center; font-size: 18px; cursor: pointer; } #main2 #special-product .footer-area .icon.stop { transition: none; } #main2 #special-product .footer-area .icon { position: relative; top: -2px; display: inline-block; background-image: url(https://gw.alicdn.com/tfs/TB1OQn8RFXXXXXtXFXXXXXXXXXX-48-46.png); background-position: center; background-size: 24px 23px; width: 24px; height: 23px; overflow: hidden; vertical-align: middle; transition: All 7s linear; } .customer-center { position: relative; border-bottom: 1px solid #d6d6d6; padding: 10px 0 !important; } .customer-center .telnumber { display: inline-block; height: 47px; background: url('/template/apple/images/cs_img.png') 0 0 no-repeat; font-size: 16px !important; font-weight: bold; padding-left: 60px !important; margin-right: 30px !important; } .customer-center .telnumber p { text-align: left; } .customer-center .workTime { display: inline-block; } .customer-center a.request { position: absolute; top: 19px; right: 0px; text-align: center !important; line-height: 27px !important; } .company_address { border-bottom: 1px solid #d6d6d6; padding: 10px 0 !important; } .company_address p { font-size: 14px !important; font-weight: bold; } .goTop { position: fixed; bottom: 40px; right: 10px; z-index: 10; cursor: pointer; } .goBottom { position: fixed; bottom: 15px; right: 10px; z-index: 10; cursor: pointer; } #active_card { text-align: center; max-width: 800px; margin: auto; padding-top: 30px; } .tableHeader { position: relative; } .tableHeader .leftButtons { position: absolute; top: -8px; left: 0px; } .tableHeader .leftButtons a { color: #333; margin-right: 10px; } .tableHeader .leftButtons a.on { color: #08c246; text-decoration: underline; } .tableHeader .leftButtons .invoceWrite { display: inline-block; height: 30px; line-height: 30px; border: 1px solid #fff; cursor: pointer; padding: 0 5px; background-color: #f8f8f8; background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1)); background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: linear-gradient(top,#f8f8f8,#f1f1f1); border: 1px solid #c6c6c6; color: #222; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1); -webkit-transition: all 0.0s; transition: all 0.0s; } .tableHeader .leftButtons .invoceWrite.on { text-decoration: none; border: 1px solid #2f5bb7; color: #fff; text-shadow: 0 1px rgba(0,0,0,0.3); background-color: #357ae8; background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8)); background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8); background-image: -moz-linear-gradient(top,#4d90fe,#357ae8); background-image: -ms-linear-gradient(top,#4d90fe,#357ae8); background-image: -o-linear-gradient(top,#4d90fe,#357ae8); background-image: linear-gradient(top,#4d90fe,#357ae8); } .tableHeader .rightButtons { position: absolute; top: 0px; right: 0px; } .tableHeader .rightButtons a { color: #333; margin-left: 10px; } .tableHeader .rightButtons a.on { color: #08c246; text-decoration: underline; } .cercleHeader { position: relative; text-align: center; margin-bottom: 30px; } .cercleHeader .cercleLevel { display: inline-block; height: 130px; text-align: center; } .coin { display: inline-block; width: 100px; height: 100px; background: url('/images/bullet/bullet_hundred_start.png') 0 0 no-repeat; background-size: 100px 100px; margin-bottom: 5px; } .coin.one { background: url('/images/bullet/bullet_hundred_one.png') 0 0 no-repeat; background-size: 100px 100px; } .coin.two { background: url('/images/bullet/bullet_hundred_two.png') 0 0 no-repeat; background-size: 100px 100px; } .coin.three { background: url('/images/bullet/bullet_hundred_three.png') 0 0 no-repeat; background-size: 100px 100px; } .coin.four { background: url('/images/bullet/bullet_hundred_four.png') 0 0 no-repeat; background-size: 100px 100px; } .coin.five { background: url('/images/bullet/bullet_hundred_five.png') 0 0 no-repeat; background-size: 100px 100px; } .table1 { width: 100%; border-collapse: collapse; } .table1 thead { border: 1px solid #eee; } .table1 thead tr th { background: #f9f9f9; text-align: center; padding: 10px; } .table1 tbody tr th { position: relative; border-bottom: 1px solid #eee; text-align: center; padding: 10px; } .table1 tbody tr td { position: relative; border-bottom: 1px solid #eee; text-align: left; padding: 10px; cursor: pointer; } .table1 tbody tr td ul.server li { display: inline-block; color: #ccc; font-size: 10px; width: 25px; height: 25px; border-radius: 50%; line-height: 25px; } .table1 tbody tr td ul.server li.on { color: #fff; } .table1 tbody tr td ul.server li.lte.on { background: #fc2d75; } .table1 tbody tr td ul.server li.misong.on { background: #16abfd } .table1 tbody tr td ul.server li.qc.on { background: #ffae24; } .table1 tbody tr td label { display: inline-block; height: 40px; line-height: 40px; cursor: pointer; } .table1 tbody tr td label ._profile_img { width: 40px; height: 40px; border-radius: 50%; float: left; } .table1 tbody tr td span { float: left; height: 40px; line-height: 40px; padding-left: 10px; font-size: 13px; } .table1 tbody tr td a { color: #333; } .table1 tbody tr td .stateMessage { position: relative; padding: 0 10px 16px; text-align: right; overflow: hidden; } .table1 tbody tr td .stateMessage .intercom-comment-body-container::after { position: absolute; top: 17px; right: -8px; border: 4px solid transparent; border-left-color: #0074b0; content: ''; } .table1 tbody tr td .stateMessage .intercom-comment-body-container { float: right; box-shadow: 0 1px 2px 0 rgba(234,236,238,.8); background-color: #0074b0; border-color: #0074b0; font-size: 14px; font-weight: 400; color: #455a64; line-height: 20px; border-radius: 9px; border-width: 1px; border-style: solid; position: relative; max-width: 272px; padding: 12px 17px; display: inline-block; word-break: break-word; color: #fff; } .table1 tbody tr td.invoice { cursor: normal; } .table1 tbody tr td.invoice i { display: inline-block; height: 40px; background: url('/images/carnegie/ico_check_off.png') 0 7px no-repeat; padding-left: 30px; line-height: 40px; cursor: pointer; } .table1 tbody tr td.invoice i.on { background: url('/images/carnegie/ico_check_on.png') 0 7px no-repeat; } .table1 tbody tr td.invoice a { display: inline-block; background: #666; color: #fff; padding: 2px 5px; border-radius: 3px; cursor: pointer; } .table2 { width: 100%; border-collapse: collapse; margin-bottom: 40px; font-size: 14px; } .table2 caption { text-align: left; font-size: 18px; padding-bottom: 10px; } .table2 caption span { float: right; font-size: 14px; } .table2 thead { border: 1px solid #eee; } .table2 thead tr th { position: relative; background: #f9f9f9; text-align: center; padding: 10px; } .table2 thead tr th em { position: absolute; top: 0px; left: 0px; width: 56px; height: 100px; border: 2px solid #08c246; border-radius: 5px; display: none; } .table2 thead tr th em.on { display: block; } .table2 tbody tr th { position: relative; border-bottom: 1px solid #eee; text-align: center; padding: 10px; } .table2 tbody tr td { position: relative; border-bottom: 1px solid #eee; text-align: center; padding: 10px; cursor: pointer; } .table2 tbody tr td.left { text-align: left !important; padding-left: 10px; } .table2 tbody tr td .coin { width: 50px; height: 50px; background-size: 50px 50px; } .table2 tbody tr.on { background: #eee; } .table2 tbody tr td .avata { width: 150px; height: 30px; line-height: 30px; text-align: left; display: inline-block; overflow: hidden; } .table2 tbody tr td .avata img { width: 30px; height: 30px; margin-right: 5px; border-radius: 50%; float: left; } .table2 tbody tr td .avata strong { width: 115px; display: inline-block; float: left; } .table2 tbody tr td.state.c01 { color: #ddd; } .table2 tbody tr td.state.c02 { color: #ddd; } .table2 tbody tr td.state.c03 { color: #08c246; font-weight: bold; } .table2 tbody tr td .waiting { color: #c27e08; } .table2 tbody tr td .waitingOff { color: #ddd; } .table2 tbody tr td .waitingOn { color: #08c246; font-weight: bold; } .table2 tbody tr td.invoice i { display: inline-block; height: 40px; background: url('/images/carnegie/ico_check_off.png') 0 7px no-repeat; padding-left: 30px; line-height: 40px; cursor: pointer; } .table2 tbody tr td.invoice i.on { background: url('/images/carnegie/ico_check_on.png') 0 7px no-repeat; } #sub-body .table2 { max-width: 980px; margin: auto; } #dongpangProductList tr td img { width: 100px; } .category1 { background: #ccc; overflow: hidden; margin-bottom: 10px; } .category1 li { display: inline-block; padding: 10px 10px; cursor: pointer; } .category1 li.on a { color: #ff0000; font-weight: bold; } .category2 { overflow: hidden; margin-bottom: 10px; } .category2 dl { width: 100%; overflow: hidden; background: #ddd; } .category2 dl.on { display: block; } .category2 dl dt { float: left; width: 15%; padding: 10px 0px; } .category2 dl dd { float: left; width: 85%; text-align: left; } .category2 dl dd ul li { display: inline-block; padding: 10px 10px; } .category2 dl dd ul li a.on { color: #ff0000; } .table3 { width: 100%; border-collapse: collapse; margin-bottom: 40px; font-size: 14px; } .table3 caption { text-align: left; font-size: 18px; padding-bottom: 10px; } .table3 caption span { float: right; font-size: 14px; } .table3 thead { border: 1px solid #eee; } .table3 thead tr th { position: relative; background: #f9f9f9; text-align: center; padding: 10px; } .table3 thead tr th em { position: absolute; top: 0px; left: 0px; width: 56px; height: 100px; border: 2px solid #08c246; border-radius: 5px; display: none; } .table3 thead tr th em.on { display: block; } .table3 tbody tr th { position: relative; border-bottom: 1px solid #eee; text-align: center; padding: 10px; } .table3 tbody tr td { position: relative; border-bottom: 1px solid #eee; text-align: center; padding: 10px; } .table3 tbody tr td .coin { width: 50px; height: 50px; background-size: 50px 50px; } .table3 tbody tr.on { background: #eee; } .table3 tbody tr td .avata { width: 150px; height: 30px; line-height: 30px; text-align: left; display: inline-block; overflow: hidden; } .table3 tbody tr td .avata img { width: 30px; height: 30px; margin-right: 5px; border-radius: 50%; float: left; } .table3 tbody tr td .avata strong { width: 115px; display: inline-block; float: left; } .table3 tbody tr td.state.c01 { color: #ddd; } .table3 tbody tr td.state.c02 { color: #ddd; } .table3 tbody tr td.state.c03 { color: #08c246; font-weight: bold; } .table3 tbody tr td .waiting { color: #aaa; } .table3 tbody tr td .waitingOff { color: #ddd; } .table3 tbody tr td .waitingOn { color: #08c246; font-weight: bold; } .table3 tbody tr td .reply { color: #000; background: #ffde00; border-radius: 3px; display: inline-block; padding: 3px 10px; box-shadow: 0 0px 1px 0 rgba(0,0,0,0.35); -webkit-box-shadow: 0 0px 1px 0; } .table3 tbody tr td .goodinfo { color: #333; } .active_card_desc li { padding-bottom: 20px; } #special_localizing table { margin: auto; } #special_localizing table tr th { text-align: center; } #special_localizing table tr td { border: 1px solid #ccc; vertical-align: top; padding: 20px 0px; } #special_localizing table tr td p { margin: 0 20px; } #special_localizing table tr td img { width: 50px; margin: 0 10px; } #special_localizing table tr td .goodnm { color: #000; font-weight: bold; margin-bottom: 20px; } #special_localizing table tr td input { width: 100%; } #special_localizing table tr td textarea { border: 1px solid #d6d6d6; width: 100%; padding-top: 10px; margin-bottom: 10px; } #special_localizing table tr td .save { display: inline-block; padding: 10px 20px; background: #ccc; border-radius: 3px; cursor: pointer; font-weight: bold; -moz-transition:all 150ms ease; transition:all 150ms ease; } #special_localizing table tr td .save:hover { background: #aaa; } #special_localizing table tr td .save.on { background: #FB005B; color: #fff; } #special_localizing table tr td .goodnm_JA:hover { font-weight: bold; cursor: pointer; color: blue; } #special_reply table { margin: auto; } #special_reply table tr th { text-align: center; } #special_reply table tr td { border: 1px solid #ccc; vertical-align: top; padding: 20px 0px; } #special_reply table tr td p { margin: 0 20px; } #special_reply table tr td img { width: 50px; margin: 0 10px; } #special_reply table tr td .goodnm { color: #000; font-weight: bold; margin-bottom: 20px; } #special_reply table tr td input { width: 100%; } #special_reply table tr td textarea { border: 1px solid #d6d6d6; width: 100%; height: 200px; padding-top: 10px; margin-bottom: 10px; } #special_reply table tr td .save { display: inline-block; padding: 10px 20px; background: #ccc; border-radius: 3px; cursor: pointer; font-weight: bold; -moz-transition:all 150ms ease; transition:all 150ms ease; } #special_reply table tr td .save:hover { background: #aaa; } #special_reply table tr td .save.on { background: #FB005B; color: #fff; } #special-storepam table { max-width: 800px; width: 100%; margin: auto; font-size: 12px; } #special-storepam table thead tr th { background: #ccc; } #special-storepam table thead tr td { background: #eee; } #special-storepam table tr th { text-align: center; border: 1px solid #ccc; } #special-storepam table tr td { border: 1px solid #ccc; vertical-align: top; padding: 10px 0px; } #special-storepam table tr td p { margin: 0 20px; } #special-storepam table tr td p .hashTag { display: block; width: 100px; height: 70px; overflow: auto; background: #f9f9f9; border: 1px solid #f1f1f1; border-radius: 10px; padding: 5px; cursor: pointer; } #special-storepam table tr td p .hashTag:active { background: #ffffff; } #special-storepam table tr td p.goodcd { cursor: pointer; } #special-storepam table tr td p.goodcd.on { color: #6ab344; } #special-storepam table tr td p.description { width: 300px; border: 1px solid #eee; border-radius: 3px; } #special-storepam table tr td.work { line-height: 30px; } #special-storepam table tr td.work span { margin: 5px 0; } #special-storepam table tr td img { width: 100px; } #special-storepam table tr td .goodnm { color: #000; font-weight: bold; margin-bottom: 20px; } #special-storepam table tr td input { width: 100%; } #special-storepam table tr td textarea { border: 1px solid #d6d6d6; width: 100%; height: 200px; padding-top: 10px; margin-bottom: 10px; } #special-storepam table tr td .save { display: inline-block; padding: 10px 20px; background: #ccc; border-radius: 3px; cursor: pointer; font-weight: bold; -moz-transition:all 150ms ease; transition:all 150ms ease; } #special-storepam table tr td .save:hover { background: #aaa; } #special-storepam table tr td .save.on { background: #FB005B; color: #fff; } #special-storepam table tr td.storepamState span { padding: 3px 5px; display: inline-block; cursor: pointer; color: #ccc; } #special-storepam table tr td.storepamState span.on { font-weight: bold; } #special-storepam table tr td.storepamState span.on:nth-child(3n-2) { color: #ff0000; } #special-storepam table tr td.storepamState span.on:nth-child(3n-1) { color: #0070c9; } #special-storepam table tr td.storepamState span.on:nth-child(3n+0) { color: #6ab344; } #special-storepam #control-button { position: relative; max-width: 500px; margin: 0 auto 10px auto; overflow: hidden; } #special-storepam #control-button h3 { float: left; font-size: 20px; font-weight: bold; padding: 7px 5px 0; } #special-storepam #control-button .button-signin { position: absolute; right: 160px; } #special-storepam #control-button .button-red { position: absolute; right: 80px; } #special-storepam #control-button .edit { float: right; margin-right: 5px; } #special-storepam #control-button .search { width: 180px; display: inline-block; margin: auto; } #special-storepam #control-button .search input { width: 100%; background: url('../images/icon-search.png') 0 0 no-repeat; background-size: 30px; } #special-storepam .snsChanel a { display: inline-block; padding: 10px 10px; } #specialFront input[name=saleCount] { width: 30px; font-size: 13px;} #wholesale-advertising .goodInfo { display: inline-block; } #wholesale-advertising .goodInfo .good_name { font-weight: bold; } #wholesale-advertising .goodInfo .good_image { position: relative; display: inline-block; } #wholesale-advertising .goodInfo .good_image .bullet_talk { position: absolute; top: 40px; left: 30px; width: 40px; height: 40px; background: url('/template/apple/images/notice_talk.svg') center 0 no-repeat; z-index: 3; display: none; } #wholesale-advertising .goodInfo .good_image .bullet_talk.Y { display: block; } #wholesale-advertising .goodInfo .good_image img { width: 100px; } #wholesale-advertising .goodInfo .good_color { font-size: 13px; color: #666; } #wholesale-advertising .goodInfo .good_size { font-size: 13px; color: #666; } #wholesale-advertising .goodInfo .sale { color: #cc0000; padding: 0 5px; border-radius: 2px; font-weight: bold; font-size: 11px; cursor: pointer; } #wholesale-advertising .goodInfo .bullet { color: #666; margin-bottom: 8px; display: block; } #wholesale-advertising .goodInfo .bullet .view { height: 17px; display: inline-block; line-height: 17px; background: url('/images/carnegie/bullet_view.png') 0 0 no-repeat; padding: 0 5px 0 20px; font-size: 11px; } #wholesale-advertising .goodInfo .bullet .favorites { height: 17px; display: inline-block; line-height: 17px; background: url('/images/carnegie/bullet_favorites.png') 0 0 no-repeat; padding-left: 20px; font-size: 11px; } #wholesale-advertising .goodInfo .bullet .talk { height: 17px; display: inline-block; line-height: 17px; background: url('/template/apple/images/good_talk.svg') 0 0 no-repeat; padding-left: 20px; font-size: 11px; } main.shop .aboutshop { max-width: 980px; overflow: hidden; margin: auto; } main.shop .aboutshop li { width: 50%; background: #fff; margin: 0px; float: left; margin-bottom: 1px; text-align: left; font-size: 13px; } main.shop .aboutshop li div { padding: 20px; } main.shop .aboutshop li:nth-child(odd) div { border-right: 1px solid #e9ecef; } main.shop .aboutshop li div h5 { font-size: 13px; } .bannerBorder { height: 150px; } .bannerBorder.b131 { background: url('/template/apple/images/banner/sub_131.png') center center no-repeat; background-size: 510px 150px; } .bannerBorder.b132 { background: url('/template/apple/images/banner/sub_132.png') center center no-repeat; background-size: 510px 150px; } .bannerBorder.b133 { background: url('/template/apple/images/banner/sub_133.png') center center no-repeat; background-size: 510px 150px; } .bannerBorder.b134 { background: url('/template/apple/images/banner/sub_134.png') center center no-repeat; background-size: 510px 150px; } .bannerBorder.b135 { background: url('/template/apple/images/banner/sub_135.png') center center no-repeat; background-size: 510px 150px; } .bannerBorder.b136 { background: url('/template/apple/images/banner/sub_136.png') center center no-repeat; background-size: 510px 150px; } .bannerBorder.b137 { background: url('/template/apple/images/banner/sub_137.png') center center no-repeat; background-size: 510px 150px; } @media only screen and (max-width: 600px) { .bannerBorder { height: 120px; } .bannerBorder.b131 { background: url('/template/apple/images/banner/main_131.png') center -10px no-repeat; background-size: 320px 163px;} .bannerBorder.b132 { background: url('/template/apple/images/banner/main_132.png') center -10px no-repeat; background-size: 320px 163px;} .bannerBorder.b133 { background: url('/template/apple/images/banner/main_133.png') center -10px no-repeat; background-size: 320px 163px;} .bannerBorder.b134 { background: url('/template/apple/images/banner/main_134.png') center -10px no-repeat; background-size: 320px 163px;} .bannerBorder.b135 { background: url('/template/apple/images/banner/main_135.png') center -10px no-repeat; background-size: 320px 163px;} .bannerBorder.b136 { background: url('/template/apple/images/banner/main_136.png') center -10px no-repeat; background-size: 320px 163px;} .bannerBorder.b137 { background: url('/template/apple/images/banner/main_137.png') center -10px no-repeat; background-size: 320px 163px;} } #popupWrapper #popupGoodReply .text { margin-bottom: 20px; } #popupWrapper #popupGoodReply .reply { width: 100%; margin-bottom: 10px; background: #f9f9f9; border-radius: 4px; border: 1px solid #cfd8dc; } #popupWrapper #popupGoodReply .reply textarea { width: 100%; border: 0px; text-align: left; padding: 10px; resize: none; border: none; box-sizing: border-box; } #popupSelectShop .shoplist a { display: block; margin-bottom: 5px; } #popupMessageShop h3 p { font-weight: normal; font-size: 14px; } #popupMessageShop .text { width: 100%; margin-bottom: 10px; background: #f9f9f9; border-radius: 4px; border: 1px solid #cfd8dc; } #popupMessageShop .text textarea { width: 100%; border: 0px; text-align: left; padding: 10px; resize: none; border: none; box-sizing: border-box; } .popupTextArea { width: 100%; margin-bottom: 10px; background: #f9f9f9; border-radius: 4px; border: 1px solid #cfd8dc; } .popupTextArea textarea { width: 100%; border: 0px; text-align: left; padding: 10px; resize: none; border: none; box-sizing: border-box; } /* 인보이스 작성 */ .table_invoice { width: 100%; margin: auto; } .table_invoice caption { font-size: 16px; font-weight: bold; padding-bottom: 10px; } .table_invoice tbody tr td { border: 1px solid #ddd; padding-bottom: 20px; vertical-align: top; } .table_invoice tbody tr td h2 { color: #ff0000; margin-bottom: 5px; font-size: 12px !important; } .table_invoice tbody tr td input[type=text] { width: 95%; padding: 3px; margin-bottom: 3px; background: #ddd; border: 0px; } .table_invoice_goods { width: 100%; margin: auto; } .table_invoice_goods tbody tr td { border: 1px solid #ddd; } .table_invoice_goods tbody tr td img { float: left; width: 16px; height: 16px; } .table_invoice_goods tbody tr td span { float: left; display: inline-block; line-height: 16px; padding-left: 5px; } .table_invoice_goods tbody tr td input[type=text] { padding: 3px; background: #ddd; border: 0px; } .table_invoice_goods tbody tr td input[name=ea] { width: 30px; text-align: center; } .table_invoice_goods tfoot tr td h2 { color: #ff0000; margin-bottom: 5px; font-size: 12px !important; padding-top: 30px; } .table_invoice_goods tbody tr td .delete { position: relative; right: -5px; height: 15px; background: #666; color: #fff; text-align: center; border-radius: 3px; cursor: pointer; padding: 0 3px; } .table_invoice_goods tbody tr td .delete:hover { background: #cc0000; } .table_invoice_confirm { width: 100%; margin: auto; text-align: center; padding: 30px; } .table_invoice_goods tfoot tr td { padding-top: 10px; } .category2 { max-width: 980px; margin: auto; overflow: hidden; margin-bottom: 10px; border-radius: 5px; } .category2 dl { width: 100%; overflow: hidden; background: #ddd; } .category2 dl.on { display: block; } .category2 dl dt { float: left; width: 15%; padding: 10px 0px; font-size: 14px; } .category2 dl dd { float: left; width: 85%; text-align: left; } .category2 dl dd ul li { display: inline-block; padding: 5px 10px; } .category2 dl dd ul li a { font-size: 14px; color: #333; } .category2 dl dd ul li a.on { color: #ff0000; } #goodBest { margin-bottom: 50px; } #goodBest h3 { margin-bottom: 15px; font-weight: 300; font-size: 19px; letter-spacing: 1px; } #goodNew h3 { margin-bottom: 15px; font-weight: 300; font-size: 19px; letter-spacing: 1px; } article.productList { max-width: 980px; margin: auto; overflow: hidden; text-align: left; } article.productList ul { overflow: hidden; } article.productList ul li { width: 33.3%; display: inline-block; float: left; } article.productList ul li .border { position: relative; display: block; margin-bottom: 27px; line-height: 0px; } article.productList ul li:nth-child(3n-2) .border { margin-right: 18px; } article.productList ul li:nth-child(3n-1) .border { margin-left: 9px; margin-right: 9px; } article.productList ul li:nth-child(3n+0) .border { margin-left: 18px; } article.productList ul li .border .item { position: relative; display: block; width: 100%; cursor: pointer; text-decoration: none; } article.productList ul li .border .item .thumnail { position: relative; width: 100%; height: 100%; padding-bottom: 100%; margin-bottom: 10px; z-index: 1; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; } article.productList ul li .border .item .goodnm { height: 16px; color: #565656; font-size: 12px; line-height: 16px; overflow: hidden; } article.productList ul li .border .item .price { height: 20px; line-height: 20px; overflow: hidden; font-size: 12px; color: #000000; } article.productList ul li .border .item .soldout { background: #000; color: #fff; font-size: 10px; margin-left: 10px; padding: 0 5px; } article.productList ul li .border .favorite { position: absolute; bottom: 70px; right: 10px; z-index: 4; width: 30px; height: 30px; background: url('/template/apple/images/icon_favorites.png') 0 0 no-repeat; background-size: 60px 30px; cursor: pointer; } article.productList ul li .border .favorite.on { background-position: -30px 0; } article.productList ul li .border .favoriteCount { position: absolute; bottom: 50px; right: 10px; z-index: 4; width: 30px; height: 20px; line-height: 20px; text-align: center; color: #fff; font-size: 14px; font-weight: bold; text-shadow: 1px 1px 1px gray; } article.productList ul li .border .best { position: absolute; left: 0px; top: 0px; z-index: 4; width: 48px; height: 21px; background: #4eb6dd; color: #fff; line-height: 21px; text-align: center; font-size: 12px; font-weight: bold; display: none; } article.productList ul li .border .best.on { display: block; } article.productList ul li .border .rank { position: absolute; left: 15px; top: 0px; z-index: 4; width: 52px; height: 60px; background: url(/template/instagram/images/sp_flag.svg) 0 0 no-repeat; text-align: center; line-height: 34px; font-size: 12px; color: #aaa; } article.productList ul li .border .rank strong { display: block; height: 20px; font-size: 20px; color: #000; } article.productList ul li .border .item .dimmed { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; flex-shrink: 0; } article.productList ul li .border .item .dimmed .centerPrint { margin: auto; opacity: 0; z-index: 4; } article.productList ul li .border .item .dimmed .centerPrint .sale { color: #ff0000; font-weight: bold; font-size: 18px; } article.productList ul li .border .item .dimmed .centerPrint .nomalprice { color: #fff; font-weight: bold; font-size: 18px; } article.productList ul li .border .item .dimmed .centerPrint .title { position: absolute; left: 0px; right: 0px; bottom: 10px; color: #fff; text-align: center; font-size: 12px; } article.productList ul li .border .item .dimmed .background { position: absolute; top:0px; left: 0px; width: 100%; height: 100%; background-size: 100%; background: #000; opacity: 0; z-index: 3; } article.productList ul li .border .item:hover .dimmed .centerPrint { opacity: 1; } article.productList ul li .border .item:hover .dimmed .background { opacity: 0.4; } article.productList ul li .border .item .bullet { position: absolute; bottom: 0px; right: 0px; } article.productList ul li .border .item .bullet .view { height: 15px; display: inline-block; line-height: 16px; background: url('/template/apple/images/icon_view.png') 0 0 no-repeat; background-size: auto 15px; padding: 0 5px 0 23px; font-size: 12px; color: #666; } article.productList ul li .border .item .bullet .talk { height: 15px; display: inline-block; line-height: 16px; background: url('/template/apple/images/icon_talk.png') 0 0 no-repeat; background-size: auto 15px; padding: 0 5px 0 18px; font-size: 12px; color: #666; margin-left: 10px; } @media only screen and (max-width: 768px) { article.productList ul li:nth-child(3n-2) .border { margin-right: 8px; } article.productList ul li:nth-child(3n-1) .border { margin-left: 4px; margin-right: 4px; } article.productList ul li:nth-child(3n+0) .border { margin-left: 8px; } article.productList ul li .border .favorite { bottom: 65px; right: 10px; width: 25px; height: 25px; background-size: 50px 25px; } article.productList ul li .border .favoriteCount { position: absolute; bottom: 50px; right: 10px; z-index: 4; width: 25px; height: 15px; line-height: 15px; text-align: center; color: #fff; font-size: 11px; font-weight: bold; text-shadow: 1px 1px 1px gray; } article.productList ul li .border .rank { left: 5px; top: 0px; width: 40px; height: 46px; line-height: 20px; background-size: 40px 46px; } article.productList ul li .border .rank strong { display: block; height: 15px; font-size: 15px; color: #000; } } @media only screen and (max-width: 420px) { article.productList ul li:nth-child(3n-2) .border { margin-right: 2px; } article.productList ul li:nth-child(3n-1) .border { margin-left: 1px; margin-right: 1px; } article.productList ul li:nth-child(3n+0) .border { margin-left: 2px; } article.productList ul li .border .item .price { font-size: 14px; line-height: 14px; height: 14px; } article.productList ul li .border .item .bullet .view { height: 13px; line-height: 14px; background-size: auto 13px; padding: 0 5px 0 20px; font-size: 10px; } article.productList ul li .border .item .bullet .talk { height: 13px; line-height: 14px; background-size: auto 13px; padding: 0 5px 0 20px; font-size: 10px; margin-left: 3px; } #groupbuying_detail #product_info .info dl dt { width: 50px; margin-right: 15px; } article.productList ul li .border .favorite { bottom: 60px; right: 10px; width: 20px; height: 20px; background-size: 40px 20px; } article.productList ul li .border .favoriteCount { position: absolute; bottom: 45px; right: 10px; z-index: 4; width: 20px; height: 15px; line-height: 15px; text-align: center; color: #fff; font-size: 11px; font-weight: bold; text-shadow: 1px 1px 1px gray; } article.productList ul li .border .rank { left: 5px; top: 0px; width: 30px; height: 35px; line-height: 20px; background-size: 30px 35px; font-size: 10px; } article.productList ul li .border .rank strong { display: block; height: 12px; font-size: 13px; color: #000; } #goodBest h3 { font-size: 16px; } #goodNew h3 { font-size: 16px; } } #dongpangProductList li .border .item { background: #eee; text-align: center; line-height: 20px; } #dongpangProductList li .border .item .up_time { height: 16px; color: #565656; font-size: 12px; line-height: 16px; overflow: hidden; } #dongpangProductList li .border .item .btnArea { height: 35px; } #easyArea { position: relative; width: 935px; z-index: 1; } #easyArea #easyHead { position: absolute; bottom: 0px; left: 0px; width: 100%; border-top: 1px solid #eee; padding: 5px 0; background: #f9f9f9; z-index: 3; } #easyArea #easyBody { height: 700px; overflow: scroll; z-index: 2; } #hznzcn_cart { position: relative; line-height: 22px; padding: 0 10px; } #hznzcn_cart i { position: absolute; right: -10px; top: -7px; padding: 0 5px; border: 1px solid #fff; border-radius: 9px; background-color: #512772; font-size: 9px; line-height: 12px; color: #fff; text-align: center; white-space: nowrap; font-style: normal; } /* 로딩 아이콘 */ .sk-circle { margin: 20px auto; width: 40px; height: 40px; position: relative; display: none; } .sk-circle .sk-child { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sk-circle .sk-child:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: gray; border-radius: 100%; -webkit-animation: sk-circleBounceDelay 0.5s infinite ease-in-out both; animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; } .sk-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .sk-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .sk-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sk-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .sk-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .sk-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sk-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .sk-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .sk-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .sk-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .sk-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .sk-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .sk-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .sk-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .sk-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .sk-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .sk-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .sk-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .sk-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } #mainIntroduce { position: relative; margin-bottom: 30px; background: url('/interface/images/hero-enterprise.jpg') center center no-repeat; background-size: cover; } #mainIntroduce::before { height: 100%; content: ''; background-image: linear-gradient(135deg,#02b3e4 0,#7d97ad 100%); position: absolute; left: 0; width: 100%; opacity: .75; } #mainIntroduce.off { display: none; } #mainIntroduce .contain { position: relative; padding: 3rem 1.5rem; } #mainIntroduce .contain h6 { font-size: .8125rem; line-height: 1.5rem; letter-spacing: .125rem; text-transform: uppercase; font-weight: 600; margin-bottom: 1.5rem; color: #fff; font-family: "Open Sans",sans-serif; -moz-osx-font-smoothing: grayscale; } #mainIntroduce .contain h1 { font-size: 3rem; line-height: 3.75rem; color: #fff; font-family: "Open Sans",sans-serif; -moz-osx-font-smoothing: grayscale; } #mainIntroduce .contain p { font-size: 1.125rem; line-height: 2rem; color: #fff; font-family: "Open Sans",sans-serif; -moz-osx-font-smoothing: grayscale; margin-bottom: 1.5rem; } #mainIntroduce .contain .button { width: auto; min-width: 13.75rem; box-sizing: inherit; color: #02b3e4; background-color: #fff; border: .125rem solid transparent; box-shadow: 8px 10px 20px 0 rgba(46,61,73,.15); margin-bottom: 1.5rem !important; font-family: "Open Sans",sans-serif; box-sizing: inherit; display: inline-block; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; white-space: nowrap; text-decoration: none; vertical-align: middle; padding: 0 .5rem; text-transform: uppercase; font-weight: 600; font-size: .8125rem; line-height: 2.625rem; -webkit-font-smoothing: antialiased; border-radius: .25rem; letter-spacing: .125rem; transition: all .3s ease; } #mainIntroduce .contain .button:hover { background-color: #f2f2f2; } #mainIntroduce .contain table.info { border-collapse: collapse; margin: 0 auto 30px auto; color: #fff; } #mainIntroduce .contain table.info th { border: 1px solid #eee; text-align: center; padding: 0 20px; } #mainIntroduce .contain table.info td { border: 1px solid #eee; text-align: center; padding: 0 20px; } #mainIntroduce .contain ul li { color: #fff; } #mainIntroduce .certification .profileImg { height: 100px; cursor: pointer; border-radius: 3px; } #mainIntroduce .certification li { margin-bottom: 10px; font-size: .8125rem; line-height: 1.5rem; letter-spacing: .125rem; text-transform: uppercase; font-weight: 600; color: #fff; font-family: "Open Sans",sans-serif; -moz-osx-font-smoothing: grayscale; } #mainIntroduce .certification li input[type=text] { position: relative; width: 200px; height: 30px; overflow: hidden; background: #fafafa; border: solid 1px #dbdbdb; border-radius: 3px; padding: 0 10px; } #mainIntroduce .certification li p { font-size: .8125rem; line-height: 1.5rem; letter-spacing: .125rem; text-transform: uppercase; font-weight: 600; margin-bottom: 1.5rem; color: #fff; font-family: "Open Sans",sans-serif; -moz-osx-font-smoothing: grayscale; } .ac-ln-menu-item #special-cart { position: relative; } .ac-ln-menu-item #special-cart.on { font-weight: bold; } #specialZone .shippingForm { max-width: 600px; margin: 0 auto 16px auto; margin-top:32px; } #specialZone .shippingForm .tableRow { padding: 0 20px; } #specialZone .shippingForm .tableRow table caption { position: relative; overflow: hidden; text-align: center; } #specialZone .shippingForm .tableRow table caption a#deleteBtn { position: absolute; left: 0px; } #specialZone .shippingForm .tableRow table caption a#addBtn { position: absolute; right: 0px; } #specialZone .shippingForm .tableRow table tbody th .del { display: none; } #specialZone .shippingForm.delete .tableRow table tbody th .del { display: inline-block; } #specialZone .shippingForm.delete .tableRow table tbody th .del.checked { display: none; } #specialZone .shippingForm.delete .tableRow table tbody th input[type=radio] { display: none; } #specialZone .shippingForm .tableRow table tbody td { text-align: left; padding: 0 0 10px 0; } #specialZone .shippingForm .tableRow table tbody td .row { margin-bottom: 0px; padding-top: 10px; } #specialZone .shippingForm .tableRow table tbody td .row .rowTitle { float: left; width: 20%; } #specialZone .shippingForm .tableRow table tbody td .row .rowContent { float: left; width: 80%; } #specialZone .shippingForm .tableRow table tbody td .row .rowContent input { font-size: 16px; text-align: left; background: 0 0; border: 1px solid #efefef; border-radius: 3px; color: #262626; -webkit-box-flex: 0; font-size: 16px; width: 80%; height: 32px; padding: 0 10px; } #specialZone .shippingForm .tableRow table tbody td:last-child { text-align: center; } .button-blue { -webkit-appearance: none; border-radius: 3px; border-style: solid; border-width: 1px; font-size: 14px; font-weight: 600; line-height: 26px; outline: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #3897f0; border-color: #3897f0; color: #fff !important; padding: 0 24px; cursor: pointer; } .button-blue.off { opacity: 0.2; } .button-progress .button-blue { opacity: 0.2; } .button-progress .button-blue.on { opacity: 1; } .table4 { width: 100%; border-collapse: collapse; margin-bottom: 40px; font-size: 14px; } .table4 caption { text-align: left; font-size: 18px; padding-bottom: 10px; } .table4 caption span { float: right; font-size: 14px; } .table4 thead { border: 1px solid #eee; } .table4 thead tr th { position: relative; background: #f9f9f9; text-align: center; padding: 10px; } .table4 thead tr th em { position: absolute; top: 0px; left: 0px; width: 56px; height: 100px; border: 2px solid #08c246; border-radius: 5px; display: none; } .table4 thead tr th em.on { display: block; } .table4 thead tr td { text-align: center; } .table4 tbody tr th { position: relative; border-bottom: 1px solid #eee; text-align: center; padding: 10px; background: #fff; } .table4 tbody tr td { position: relative; border-bottom: 1px solid #eee; text-align: center; padding: 10px; background: #fff; cursor: pointer; } .table4 tbody tr td .coin { width: 50px; height: 50px; background-size: 50px 50px; } .table4 tbody tr.on { background: #eee; } .table4 tbody tr td .avata { width: 150px; height: 30px; line-height: 30px; text-align: left; display: inline-block; overflow: hidden; } .table4 tbody tr td .avata img { width: 30px; height: 30px; margin-right: 5px; border-radius: 50%; float: left; } .table4 tbody tr td .avata strong { width: 115px; display: inline-block; float: left; } .table4 tbody tr td.state.c01 { color: #ddd; } .table4 tbody tr td.state.c02 { color: #ddd; } .table4 tbody tr td.state.c03 { color: #08c246; font-weight: bold; } .table4 tbody tr td .waiting { color: #c27e08; } .table4 tbody tr td .waitingOff { color: #ddd; } .table4 tbody tr td .waitingOn { color: #08c246; font-weight: bold; } .table4 tfoot tr td { text-align: center; } .zikguzone a { color: #fff; font-size: 16px; font-weight: bold; display: block; padding-bottom: 10px; text-align: center; } #product_info .good_select { width: 275px; margin-bottom: 10px; } #product_info .good_select li { position: relative; padding: 3px 0px; text-align: center; font-size: 12px; } #product_info .good_select li .option { position: absolute; top: 5px; left: 0px; } #product_info .good_select li .total { position: absolute; top: 5px; right: 24px; } #product_info .good_select li .del { position: absolute; top: 5px; right: 0px; } #product_info .good_select li .good_num { height: 20px; vertical-align: top; } #product_info .good_select li .good_num input[name=good_num] { width: 25px; font-size: 13px; border-bottom: 0px; height: 20px; line-height: 20px; } #product_info .good_select li .good_num { display: inline-block; border: 1px solid #d6d6d6; } #product_info .good_select li .good_num .minus { background: #ddd; display: inline-block; width: 20px; height: 20px; line-height: 18px; vertical-align: top; text-align: center; font-size: 16px; font-weight: bold; cursor: pointer; } #product_info .good_select li .good_num .plus { background: #ddd; display: inline-block; width: 20px; height: 20px; line-height: 18px; vertical-align: top; text-align: center; font-size: 16px; font-weight: bold; cursor: pointer; } #product_info .good_select li .sum { position: absolute; top: 5px; right: 30px; } #product_info .good_select li .del { position: absolute; top: 9px; right: 0px; width: 10px; height: 10px; cursor: pointer; } #product_info .good_select li .goodnum { height: 25px; } #product_info .good_select_footer { position: relative; border-top: 1px solid #e6e6e6; padding: 10px 0; } #product_info .good_select_footer .good_total_count { font-size: 12px; } #product_info .good_select_footer .good_total_price { position: absolute; top: 10px; right: 30px; font-size: 12px; } #good_detail #notice { max-width: 750px; margin: auto; text-align: left; } #good_detail #notice dl { margin-bottom: 30px; } #good_detail #notice dl dt { font-size: 16px; font-weight: bold; margin-bottom: 10px; } #good_detail #notice dl dd { font-size: 14px; } .specialNotice { border: 1px solid #000; padding: 30px; background: #fff; } #special-product-easy-upload { padding: 20px 0; } #special-product-easy-choice #image-data .border { position: relative; display: inline-block; margin: 5px; border: 5px solid #666; line-height: 0px; } #special-product-easy-choice #image-data .border .checkbox { position: absolute; top: 10px; right: 10px; width: 85px; height: 85px; background: none; } #special-product-easy-choice #image-data .border.on .checkbox { background: url(/images/carnegie/check-icon.png) 0 0px no-repeat; background-size: 85px 85px } #special-product-easy-choice #image-data .border img { width: 300px; } #special-product-easy-edit #image-data .border { width: 980px; margin: auto; border: 1px solid #666; margin-bottom: 30px; line-height: 0px; } #special-product-easy-edit #image-data .border iframe { width: 100%; height: 1000px; } #special-product-easy-edit #shop-add { margin-left: 50%; width: 50%; } #special-product-easy-edit #vvic-load { position: fixed; width: 50%; height: 100%; overflow-y: scroll; } #special-product-easy-edit #vvic-load img { width: 100%; } /* 픽업비 무료존 */ #picupFreeZone { padding: 10px 10px 40px 10px; } #picupFreeZone h3 { font-size: 26px; color: #000000; font-weight: normal; } #picupFreeZone p { font-size: 14px; padding: 0 32px; } #picupFreeZone h4 { font-size: 11px; color: #666; margin: 0px; font-weight: normal; } #picupFreeZone .everyday { background: #999 !important; border-radius: 15px; padding: 0px 10px; display: inline-block; margin-top: 20px; } #picupFreeZone .everyday span { font-weight: bold; color: #fff; } #picupFreeZone .everyday span.d1 { color: #ff0000; } #picupFreeZone .everyday span.d2 { color: #ff8c00; } #picupFreeZone .everyday span.d3 { color: #ffff00; } #picupFreeZone .everyday span.d4 { color: #008000; } #picupFreeZone .everyday span.d5 { color: #0000ff; } #picupFreeZone .everyday span.d6 { color: #4b0082; } #picupFreeZone .everyday span.d7 { color: #800080; } /* 상품 레이어 뷰 */ #special_detail_dialog { } .twitchContainer { position: relative; width: 100%; margin-bottom: 20px; background: url('/template/instagram/images/artnews39.jpg') 0 0 no-repeat; background-size: 100% 100%; } .twitchContainer .close { position: absolute; top: 0px; right: -32px; width: 30px; height: 30px; border: 1px solid #ccc; cursor: pointer; background: url('/template/apple/images/bullet_delete.png') center center no-repeat; } .twitchContainer .twitchNodejs { position: absolute; bottom: 50px; left: 20px; width: 250px; height: 280px; z-index: 4; } .twitchContainer .twitchVideo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .twitchContainer .reload { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer; display: none; color: #fff; font-weight: bold; } .twitchContainer.bottom .twitchVideo { position: fixed; top: auto; left: auto; bottom: 20px; right: 40px; width: 384px; height: 216px; z-index: 100; } .twitchContainer.bottom .close { position: fixed; top: auto; left: auto; bottom: 204px; right: 10px; } .twitchContainer.hide { height: 25px; padding-bottom: 0px; background: none; } .twitchContainer.hide .twitchNodejs { display: none; } .twitchContainer.hide .twitchVideo { display: none; } .twitchContainer.hide .reload { display: block; color: #6bf; height: 23px; line-height: 23px; } .twitchContainer.hide .reload span { display: inline-block; height: 23px; line-height: 23px; background: url('/interface/images/live/icon_play.png') right center no-repeat; padding-right: 27px; } .twitchContainer.hide .close { display: none; } .twitchContainer .mask { position: flex; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 3; } .twitchContainer .mask .leftTop { position: absolute; top: 15px; left: 15px; width: 220px; height: 73px; z-index: 4; } .twitchContainer .mask .rightBottom { position: absolute; bottom: 10px; right: 10px; width: 230px; height: 25px; z-index: 4; } .twitchContainer:hover .mask { display: block; } .twitchContainer:hover .mask .leftTop { } .twitchContainer:hover .mask .rightBottom { } #popupStock .stockData .section { margin-bottom: 10px; background: #f9f9f9; padding: 10px; } #popupStock .stockData .section h4 { margin-bottom: 10px; } #popupStock .stockData .section dl dt { display: inline-block; min-width: 50px; margin-right: 10px; } #popupStock .stockData .section dl dd { display: inline-block; } #popupStock .stockData .section dl dd input[name=count] { width: 50px; height: 20px; border: 1px solid #e9e9e9; border-radius: 3px; background: #fff; font-size: 16px; } #specialStock td { position: relative; } #specialStock td input[name=count] { width: 50px; height: 20px; border: 1px solid #e9e9e9; border-radius: 3px; background: #fff; font-size: 16px; } #specialStock td .message { position: absolute; bottom: 0px; left: 0px; width: 100%; text-align: center; color: #FB005B; display: none; } #specialStock td .message.on { display: block; } #specialStock td .good_color, .good_size { font-size: 9px; color: #ccc; } #specialStock td .specialState { font-size: 16px; color: #ff0000; font-weight: bold; } #popupSellper ul.keyword li { position: relative; padding: 3px 0; } #popupSellper ul.keyword li:nth-child(odd) { background-color:#f9f9f9; } #popupSellper ul.keyword li:nth-child(even) { background-color:#ffffff; } #popupSellper ul.keyword li .del { position: absolute; right: 0px; width: 10px; height: 10px; background: url(/template/apple/images/bullet_delete.png) 0 0 no-repeat; background-size: 10px 10px; cursor: pointer; } #popupDescTemplate dl { width: 700px; height: 600px; overflow: hidden; } #popupDescTemplate dl dt { width: 300px; float: left; } #popupDescTemplate dl dt img { width: 150px; } #popupDescTemplate dl dt p.goodnm { margin-bottom: 10px; } #popupDescTemplate dl dt p.goodnm span { font-weight: bold; background: #000; color: #fff; display: inline-block; padding: 0 5px; } #popupDescTemplate dl dd { width: 400px; height: 100%; overflow: auto; float: left; } #popupDescTemplate dl dd table tbody tr:nth-child(odd) { background-color:#f9f9f9; } #popupDescTemplate dl dd table tbody tr:nth-child(even) { background-color:#ffffff; } #popupDescTemplate dl dd table tbody tr:hover { background: #eee; } #popupDescTemplate dl dd table tbody tr td { padding: 0px !important; text-align: left; } #popupDescTemplate dl dd table tbody tr td img { width: 100px; margin-top: 7px; } #popupDescTemplate dl dd table tbody tr td div { height: 100px; overflow: auto; cursor: pointer; } #popupDescTemplate div.desc { overflow: auto; cursor: pointer; } #popupDescTemplate div.desc:hover { background: #f9f9f9; } #popupDescTemplate .search { position: relative; margin-bottom: 10px; } #popupDescTemplate .search a { position: absolute; top: 10px; right: 0; } #popupReviewTemplate dl { width: 700px; height: 600px; overflow: hidden; } #popupReviewTemplate dl dt { width: 300px; float: left; } #popupReviewTemplate dl dt img { width: 150px; } #popupReviewTemplate dl dt p.goodnm { margin-bottom: 10px; } #popupReviewTemplate dl dt p.goodnm span { font-weight: bold; background: #000; color: #fff; display: inline-block; padding: 0 5px; } #popupReviewTemplate dl dd { width: 400px; height: 100%; overflow: auto; float: left; } #popupReviewTemplate dl dd table tbody tr:nth-child(odd) { background-color:#f9f9f9; } #popupReviewTemplate dl dd table tbody tr:nth-child(even) { background-color:#ffffff; } #popupReviewTemplate dl dd table tbody tr:hover { background: #eee; } #popupReviewTemplate dl dd table tbody tr td { padding: 0px !important; text-align: left; } #popupReviewTemplate dl dd table tbody tr td img { width: 100px; margin-top: 7px; } #popupReviewTemplate dl dd table tbody tr td div { height: 100px; overflow: auto; cursor: pointer; } #popupReviewTemplate div.desc { overflow: auto; cursor: pointer; } #popupReviewTemplate div.desc:hover { background: #f9f9f9; } #popupReviewTemplate .search { position: relative; margin-bottom: 10px; } #popupReviewTemplate .search a { position: absolute; top: 10px; right: 0; } #popupReviewTemplate input[type=number] { width: 50px; border: 1px solid #ddd; margin: 50px 0 20px 0; } #popupReviewTemplate textarea[name=review] { width: 80%; border: 1px solid #ddd; background: #f9f9f9; } .product-template-source table { margin: auto; } .product-template-source table tbody tr:nth-child(odd) { background-color:#f9f9f9; } .product-template-source table tbody tr:nth-child(even) { background-color:#ffffff; } .product-template-source table tbody tr td img { width: 100px; } .product-template-source table tbody tr td .description { height: 100px; overflow: auto; } #special-product-easy-table { max-width: 900px; margin: auto; } #special-product-easy-table .thumbnail { width: 150px; } .tableStatus { margin: auto; } .tableStatus caption { font-size: 14px; text-align: center; padding: 0px; } .tableStatus thead tr th { padding: 0px; border: 1px solid #ddd; } .tableStatus tbody tr td { padding: 0px; border: 1px solid #ddd; } .table2 .imgs img { width: 100%; } input::placeholder { color: #ededed; } .req{ font-size: 9px; font-weight: bold; color: red;} #now_category { color: red ; font-weight: bold; } #now_category.checked { color: #333 ; font-weight: normal; }