/* 2018 리뉴얼 이전 CSS Start **************************************************************************************************/ /* Only Today ******************************************************************************/ article#only_today {padding: 30px 20px} article#only_today h2 {text-align: center; line-height: 1; margin-bottom: 16px} article#only_today h2 img {width: auto; height: 50px; vertical-align: middle} article#only_today .restar_time {text-align: center; border-radius: 6px; padding: 14px; margin-bottom: 16px; background-color: #262628} article#only_today .restar_time h4 {display: inline-block; vertical-align: middle; font-size: 14px; line-height: 1; color: white; padding: 4px 0px 4px 25px; background: url('//img.1300k.com/mobile/main/2015/ico_time.png') no-repeat left top} article#only_today .restar_time time {display: inline-block; vertical-align: middle; padding-left: 3px; color: #3EB900; font-family:arial; font-weight: bold; font-size: 26px; line-height: 1} article#only_today .restar_time time img {vertical-align: middle} article#only_today ul.sale_product li {box-sizing: border-box; margin-top: 20px; height: 332px} article#only_today ul.sale_product li:first-child {margin-top: 0px} article#only_today ul.sale_product li a, article#only_today ul.sale_product li .soldout {display: block; position: relative; box-sizing: border-box; padding: 244px 14px 14px; border: 1px solid #E2E2E2; border-radius: 6px; background-color: white} article#only_today ul.sale_product li a h3, article#only_today ul.sale_product li .soldout h3 {font-size: 14px; color: #333333; text-align: 140%; margin-bottom: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis} article#only_today ul.sale_product li a p, article#only_today ul.sale_product li .soldout p {color: #666666; font-size: 12px; margin-bottom: 12px; text-align: 140%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis} article#only_today ul.sale_product li a figure.photo, article#only_today ul.sale_product li .soldout figure.photo {position: absolute; top: 20px; left: 50%; width: 200px; height: 200px; margin-left: -100px; text-align: center} article#only_today ul.sale_product li a figure.photo img, article#only_today ul.sale_product li .soldout figure.photo img {width: 200px; height: 200px} article#only_today ul.sale_product li a figure.photo span.free_delivery, article#only_today ul.sale_product li .soldout figure.photo span.free_delivery {position: absolute; bottom: 0px; right: 0px; display: block; width: 50px; height: 18px; text-indent: -9999px; overflow: hidden; background: url('//img.1300k.com/mobile/main/2015/ico_freedelivery.png') no-repeat left top; background-size: 50px 18px} article#only_today ul.sale_product li a figure.photo figcaption, article#only_today ul.sale_product li .soldout figure.photo figcaption {position: absolute; top: -10px; left: -36px; width: 52px; height: 34px; font-size: 16px; font-weight: bold; color: #5CE000; text-align: center; padding-top: 18px; line-height: 1; background: url('//img.1300k.com/mobile/main/2015/bullet_sale.png') no-repeat left top; background-size: 52px 52px} article#only_today ul.sale_product li a .price {position: relative; padding-right: 100px; line-height: 1} article#only_today ul.sale_product li a .price strong {color: #3EB900; font-size: 20px} article#only_today ul.sale_product li a .price del {font-size: 17px; color: #929CA8} article#only_today ul.sale_product li a .price span.volume {position: absolute; bottom: 1px; right: 0px; text-align: right; font-size: 11px; color: #808b98} article#only_today ul.sale_product li .soldout .txt_soldout {margin-top: -7px; text-align: center; border-radius: 6px; padding: 7px 0px 4px; line-height: 1; border-radius: 6px; background-color: #5C6670} article#only_today ul.sale_product li .soldout .txt_soldout img {width: 72px; height: auto; vertical-align: top} article#only_today .empty_product {text-align: center; border: 1px solid #E2E2E2; border-radius: 6px; background-color: white; padding: 104px 0px 128px} article#only_today .empty_product h5 {font-size: 32px; line-height: 1; font-weight: normal; color: #3A4456; margin-bottom: 14px} article#only_today .empty_product p {font-size: 12px; font-weight: bold; color: #3A4456; line-height: 160%; margin-bottom: 10px} article#only_today .empty_product p strong {display: inline-block; color: white; background-color: #3A4456; padding: 5px 17px 7px; line-height: 1; border-radius: 10px} @media all and (min-width:640px) { article#only_today {overflow: hidden} article#only_today ul.sale_product {margin: 0px -10px} article#only_today ul.sale_product li {float: left; width: 50%; padding: 0px 10px} article#only_today ul.sale_product li:nth-child(2) {margin-top: 0px} } /* 신상품&세일 ******************************************************************************/ article#sale section.new_sale {padding: 10px 0px 6px; background: white} article#sale section.new_sale h2 {text-indent: -9999px; overflow: hidden; position: absolute; top: -999px; left: -999px} /* Only Today */ article#sale section.new_sale .only_today_v2 {overflow: hidden; position: relative; border: 1px solid #E1E1E1; border-radius: 6px; margin: 0px 10px} article#sale section.new_sale .only_today_v2 .sale_product {overflow: hidden} article#sale section.new_sale .only_today_v2 .sale_product ul li a {display: block; position: relative; box-sizing: border-box; padding: 244px 14px 14px} article#sale section.new_sale .only_today_v2 .sale_product ul li a h3 {font-size: 14px; color: #333333; text-align: 140%; margin-bottom: 5px} article#sale section.new_sale .only_today_v2 .sale_product ul li a p {color: #666666; font-size: 12px; margin-bottom: 12px; text-align: 140%} article#sale section.new_sale .only_today_v2 .sale_product ul li a figure.photo {position: absolute; top: 20px; left: 50%; width: 200px; height: 200px; margin-left: -100px; text-align: center} article#sale section.new_sale .only_today_v2 .sale_product ul li a figure.photo img {width: 200px; height: 200px} article#sale section.new_sale .only_today_v2 .sale_product ul li a figure.photo span.free_delivery {position: absolute; bottom: 0px; right: 0px; display: block; width: 50px; height: 18px; text-indent: -9999px; overflow: hidden; background: url('//img.1300k.com/mobile/main/2015/ico_freedelivery.png') no-repeat left top; background-size: 50px 18px} article#sale section.new_sale .only_today_v2 .sale_product ul li a figure.photo figcaption {position: absolute; top: -10px; left: -36px; width: 52px; height: 34px; font-size: 16px; font-weight: bold; color: #5CE000; text-align: center; padding-top: 18px; line-height: 1; background: url('//img.1300k.com/mobile/main/2015/bullet_sale.png') no-repeat left top; background-size: 52px 52px} article#sale section.new_sale .only_today_v2 .sale_product ul li a .price {position: relative; padding-right: 100px; line-height: 1} article#sale section.new_sale .only_today_v2 .sale_product ul li a .price strong {color: #3EB900; font-size: 20px} article#sale section.new_sale .only_today_v2 .sale_product ul li a .price del {font-size: 17px; color: #929CA8} article#sale section.new_sale .only_today_v2 .sale_product ul li a .price span.volume {position: absolute; bottom: 1px; right: 0px; text-align: right; font-size: 11px; color: #808b98} article#sale section.new_sale .only_today_v2 .empty_product {text-align: center; border: 1px solid #E2E2E2; border-radius: 6px; background-color: white; padding: 104px 0px 128px} article#sale section.new_sale .only_today_v2 .empty_product h5 {font-size: 32px; line-height: 1; font-weight: normal; color: #3A4456; margin-bottom: 14px} article#sale section.new_sale .only_today_v2 .empty_product p {font-size: 12px; font-weight: bold; color: #3A4456; line-height: 160%; margin-bottom: 10px} article#sale section.new_sale .only_today_v2 .empty_product p strong {display: inline-block; color: white; background-color: #3A4456; padding: 5px 17px 7px; line-height: 1; border-radius: 10px} article#sale section.new_sale .today_only_indicator {width: 100%; margin: 14px 0px; line-height: 1; text-align: center} article#sale section.new_sale .today_only_indicator button[type="button"] {display: inline-block; width: 10px; height: 10px; background: #ccc; box-shadow: 0px 1px 2px #555 inset; margin: 0 2px; cursor: pointer; text-indent:-20000px; border-radius: 10px} article#sale section.new_sale .today_only_indicator button[type="button"].on {background: #60c31f} article#sale section.new_sale .only_today_v2 .restar_time {position: relative; background-color: #262628; text-align: left; border-top: 1px solid #5E5E5F; padding: 11px 140px 14px 11px; border-radius: 0px 0px 6px 6px} article#sale section.new_sale .only_today_v2 .restar_time h4 {padding: 4px 0px 4px 25px; color: white; font-size: 14px; background: url('//img.1300k.com/mobile/main/2015/ico_time.png') no-repeat left top} article#sale section.new_sale .only_today_v2 .restar_time time {display: block; padding-left: 3px; color: #3EB900; font-weight: bold; font-size: 26px} article#sale section.new_sale .only_today_v2 .restar_time time img {vertical-align: middle} article#sale section.new_sale .only_today_v2 .restar_time a.btn {position: absolute; top: 16px; right: 20px} /* 신상품 Top 1,2 */ article#sale section.new_sale .just_new {padding: 0px 10px 14px} article#sale section.new_sale .just_new .product_wrap {overflow: hidden; border: 1px solid #E1E1E1; border-radius: 6px} article#sale section.new_sale .just_new .product_wrap ol li {float: left; width: 100%; line-height: 0; font-size: 0; display: none; position: relative} article#sale section.new_sale .just_new .product_wrap ol li a {position: relative; display: block; padding: 18px 28px; text-align: center} article#sale section.new_sale .just_new .product_wrap ol li a figure img.photo {width: 100%; height: auto; margin-bottom: 20px} article#sale section.new_sale .just_new .product_wrap ol li a figure figcaption {display: block} article#sale section.new_sale .just_new .product_wrap ol li a figure figcaption span.ico_rank {display: block; width: 63px; height: 63px; position: absolute; top: 24px; left: 36px} article#sale section.new_sale .just_new .product_wrap ol li a figure figcaption p {line-height: 140%} article#sale section.new_sale .just_new .product_wrap ol li a figure figcaption p.pruduct {font-size: 18px; color: #333333; font-weight: bold; height: 50px; overflow: hidden; margin-bottom: 8px} article#sale section.new_sale .just_new .product_wrap ol li a figure figcaption p.price {font-size: 26px; font-weight: bold; color: #3EB900} article#sale section.new_sale .just_new .product_wrap ol li a figure figcaption p.price del {font-size: 20px; font-weight: normal; color: #929CA8} article#sale section.new_sale .just_new .indicator {padding: 12px 0px 0px; text-align: center; line-height: 1} article#sale section.new_sale .just_new .indicator button[type="button"] {display: inline-block; width: 10px; height: 10px; background: #ccc; box-shadow: 0px 1px 2px #555 inset; margin: 0 2px; cursor: pointer; text-indent:-20000px; border-radius: 10px} article#sale section.new_sale .just_new .indicator button[type="button"].on {background: #60c31f} article#sale section.new_sale .just_new .indicator button[type="button"].toggle {display: none} /* 나머지 상품목록(신상품 세일 공통) */ article#sale section.new_sale ol.rest_product {overflow: hidden; padding: 5px} article#sale section.new_sale ol.rest_product li {float: left; width: 50%; border-top: 1px solid #F1F1F2} article#sale section.new_sale ol.rest_product li:nth-child(1), article#sale section.new_sale ol.rest_product li:nth-child(2) {border-top: 0px} article#sale section.new_sale ol.rest_product li a {position: relative; display: block; margin: 10px 5px; overflow: hidden} article#sale section.new_sale ol.rest_product li a figure img.photo {width: 100%; height: auto; border: 1px solid #E7E7E7} article#sale section.new_sale ol.rest_product li a figure figcaption {padding: 12px; height: 100px} article#sale section.new_sale ol.rest_product li a figure figcaption span.ico_rank {position: absolute; top: 4px; left: 4px; width: 35px; height: 15px; padding: 10px 0px; line-height: 1; text-align: center; font-size: 14px; color: white; font-weight: bold; background: url('//img.1300k.com/mobile/main/2015/bullet_ranking.png') no-repeat left top} article#sale section.new_sale ol.rest_product li a figure figcaption p {line-height: 120%} article#sale section.new_sale ol.rest_product li a figure figcaption p.brand {font-size: 12px; font-weight: normal; color: #969696; margin-bottom: 4px} article#sale section.new_sale ol.rest_product li a figure figcaption p.pruduct {font-size: 14px; color: #333333; font-weight: bold; overflow: hidden; margin-bottom: 4px} article#sale section.new_sale ol.rest_product li a figure figcaption p.price {font-size: 18px; height: 42px; font-weight: bold; color: #3EB900; overflow: hidden; line-height: 110%; text-overflow: ellipsis; white-space: nowrap} article#sale section.new_sale ol.rest_product li a figure figcaption p.price del {font-size: 14px; font-weight: normal; color: #7E8999} article#sale section.new_sale ol.rest_product li a figure figcaption p.price span.sale {font-size: 14px; color: #D51C1C} article#sale section.new_sale .btn_more {padding: 0px 10px} article#sale section.new_sale .btn_more a {display: block; border: 2px solid #C6C6C6; border-radius: 6px; background-color: #DFDFDF; padding: 10px 0px; text-align: center; font-size: 12px; font-weight: bold} article#sale section.new_sale .btn_more a img {vertical-align: middle; position: relative; top: -1px; margin-left: 5px} @media all and (min-width:640px) { /* 신상품 Top 1,2 */ article#sale section.new_sale .just_new .product_wrap ol li a {display: inline-block; width: 45.5%} article#sale section.new_sale .just_new .product_wrap ol li a:first-child {padding: 18px 1.5% 18px 3%} article#sale section.new_sale .just_new .product_wrap ol li a:last-child {padding: 18px 3% 18px 1.5%} article#sale section.new_sale ol.rest_product li {float: left; width: 25%} /* 나머지 상품목록(신상품 세일 공통) */ article#sale section.new_sale ol.rest_product li:nth-child(3), article#sale section.new_sale ol.rest_product li:nth-child(4) {border-top: 0px} } /* 2018 리뉴얼 이전 CSS End **************************************************************************************************/ /* 메인화면 ******************************************************************************/ /* 메인화면 공통 */ .main_frm {background:#f2f2f2} .main_frm div, .main_frm h2, .main_frm span, .main_frm a, .main_frm table, .main_frm th, .main_frm td, .main_frm textarea {font-family:'Noto Sans KR', 'Malgun Gothic', Dotum} .main_frm .number {font-family:'Montserrat','Noto Sans KR', 'Malgun Gothic', Dotum} .main_frm .eng {font-family:'Roboto','Noto Sans KR', 'Malgun Gothic', Dotum} .main_frm img {vertical-align:top} .main_frm section {position:relative} .main_frm section .img_thumb {display:block; position:relative; overflow:hidden; width:100%; padding-bottom:100%; font-size:0; line-height:0} .main_frm section .img_thumb:before {position:absolute; top:0; left:0; width:100%; height:100%; background:url('//img.1300k.com/mobile/common/loading_common.png') no-repeat 50% 50% #fff; background-size:40px auto; content:''} .main_frm section .img_thumb img {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; max-height:100%; margin:auto} .main_frm .cont_left {float:left; width:50%} .main_frm .cont_right {float:right; width:50%} .main_frm ul.item_list {overflow:hidden; padding:0 4.68%} .main_frm ul.item_list li {float:left; width:31.03%; margin-left:3.455%} .main_frm ul.item_list li:nth-child(3n+1) {margin-left:0} .main_frm ul.item_list li .desc {display:block; height:80px; padding-top:4px; text-align:center; box-sizing:border-box} .main_frm ul.item_list li .desc .tit {display:-webkit-box; overflow:hidden; max-height:36px; margin-top:6px; font-size:13px; color:#444; line-height:18px; word-break:break-all; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical} .main_frm ul.item_list li .desc .price {display:block; padding-top:3px; font-size:11px; color:#999} .main_frm ul.item_list li .desc .price strong {font-size:13px; font-weight:600} /* 메인 배너 */ .main_frm .main_bnr {position:relative} .main_bnr_wrap li a {display:block} .main_bnr_wrap li a .desc {display:block; position:relative; width:100%; height:95px; padding:20px 15px; background:#fff; box-sizing:border-box} .main_bnr_wrap li a .desc .ico {display:inline-block; position:absolute; top:-10px; left:15px; height:21px; padding-right:15px; background:url('//img.1300k.com/mobile/main/2018/ico_tail_white.png') 100% 0 no-repeat; background-size:auto 21px} .main_bnr_wrap li a .desc .ico span {display:block; height:17px; padding:0 2px 0 5px; border-width:2px 0 2px 2px; border-style:solid; border-color:#000; font-size:13px; font-weight:600; color:#000; line-height:17px; vertical-align:top; background:#fff} .main_bnr_wrap li a .desc .tit {display:block; overflow:hidden; font-size:24px; font-weight:700; color:#000; line-height:1.2; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap} .main_bnr_wrap li a .desc .txt {display:block; overflow:hidden; margin-top:8px; font-size:14px; font-weight:300; color:#838383; line-height:1.2; text-overflow:ellipsis; white-space:nowrap} .main_bnr_wrap li a .img_thumb {padding-bottom: 73.4375% !important} .main_frm .bnr_paging {position:absolute; right:15px; bottom:110px; width:60px; height:22px; line-height:22px} .main_frm .bnr_paging div {bottom:0; width:40px; font-size:12px; color:#fff} .main_frm .bnr_paging span {position:relative; font-family:'Montserrat','Noto Sans KR', 'Malgun Gothic', Dotum; font-size:12px; color:#fff; vertical-align:middle; z-index:3} .main_frm .bnr_paging .btn_all {display:block; position:absolute; overflow:hidden; top:0; right:0; width:20px; height:22px; background:url('//img.1300k.com/mobile/main/2018/btn_bnr_all.png') 0 center no-repeat; background-size:13px auto; text-indent:100%; white-space:nowrap; z-index:3} .main_frm .bnr_paging .bg {position:absolute; top:0; left:0; width:100%; height:22px; border-radius:22px; background:#000; opacity:0.4; z-index:2} /* 메인배너 All */ .main_bnr_all {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:10000} .main_bnr_all div, .main_bnr_all h2, .main_bnr_all span, .main_bnr_all a {font-family:'Noto Sans KR', 'Malgun Gothic', Dotum} .main_bnr_all .number {font-family:'Montserrat','Noto Sans KR', 'Malgun Gothic', Dotum} .main_bnr_all .eng {font-family:'Roboto','Noto Sans KR', 'Malgun Gothic', Dotum} .main_bnr_all img {vertical-align:top} .main_bnr_all .bnr_cts {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; padding-top:45px; background:#fff; z-index:10000} .main_bnr_all .bnr_cts .bnr_head {position:absolute; top:0; left:0; width:100%; height:44px; border-bottom:1px solid #e5e5e5; background:#fff} .main_bnr_all .bnr_cts .bnr_head h2 {height:44px; font-size:16px; font-weight:700; color:#111; text-align:center; line-height:44px} .main_bnr_all .bnr_cts .bnr_head .btn_close {display:block; position:absolute; overflow:hidden; top:0; right:0; width:44px; height:44px; background:url('//img.1300k.com/mobile/common/2018/btn_close.png') 7px 50% no-repeat; background-size:18px auto; text-indent:100%; white-space:nowrap} .main_bnr_all .bnr_cts .bnr_cont {overflow-x:hidden; overflow-y:auto; height:100%; -webkit-overflow-scrolling:touch} .main_bnr_all .main_bnr_wrap .img_thumb {display:block; position:relative; overflow:hidden; width:100%; font-size:0; line-height:0} .main_bnr_all .main_bnr_wrap .img_thumb:before {position:absolute; top:0; left:0; width:100%; height:100%; background:url('//img.1300k.com/mobile/common/loading_common.png') no-repeat 50% 50% #fff; background-size:40px auto; content:''} .main_bnr_all .main_bnr_wrap .img_thumb img {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; max-height:100%; margin:auto} /* 메인 상단 띠배너 */ .main_frm .evt_bnr a .img_thumb {padding-bottom: 20.3125% !important} /* 새로 나왔어요 */ .main_frm .new_item {position:relative; width:100%; padding:26px 0 28px; background:#fff; box-sizing:border-box} .main_frm .new_item h2 {padding-left:15px; font-size:16px; font-weight:700; color:#000} .main_frm .new_item h2 a {color:#000} .main_frm .new_item .tab_menu {position:absolute; top:30px; right:15px; font-size:0; line-height:0} .main_frm .new_item .tab_menu a {display:inline-block; margin-left:14px; font-size:14px; color:#999; line-height:1; letter-spacing:-1px} .main_frm .new_item .tab_menu a.on {padding-bottom:3px; border-bottom:1px solid #0fd047; color:#0fd047} .main_frm .new_item .tab_cont {display:none} .main_frm .new_item .tab_cont {padding-left:15px; padding-right:15px; margin-top:15px} .main_frm .new_item .tab_cont ul li {width:25%; margin-left:4.6%} .main_frm .new_item .tab_cont ul li:first-child {margin-left:0} .main_frm .new_item .tab_cont ul li a .thumbnail {width:100%; border-radius:50%} .main_frm .new_item .tab_cont ul li a .thumbnail img {width:100%; height:100%; border-radius:50%} .main_frm .new_item .tab_cont ul li a .tit {display:-webkit-box; overflow:hidden; height:38px; margin-top:10px; font-size:14px; color:#444; line-height:19px; text-overflow:ellipsis; word-break:break-all; text-align:center; -webkit-line-clamp:2; -webkit-box-orient:vertical} /* 온리투데이 */ .main_frm .only_today {position:relative; padding:15px 15px 30px; background:#ffedd7} .main_frm .only_today h2 {padding-left:25px; background:url('//img.1300k.com/mobile/main/2018/ico_clock.png') 0 center no-repeat; background-size:17px auto; font-size:16px; font-weight:700; color:#000; line-height:28px} .main_frm .only_today h2 a {color:#000} .main_frm .only_today .btn_go {display:block; position:absolute; overflow:hidden; top:15px; right:0; width:35px; height:28px; text-indent:100%; white-space:nowrap} .main_frm .only_today .btn_go:after {display:block; position:absolute; top:10px; right:15px; width:7px; height:7px; border:1px solid #000; border-width:1px 1px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg); content:''} .main_frm .only_today .today_pdt {display:block; margin-top:10px} .main_frm .only_today .today_pdt .img_thumb {display:block; position:relative; width:100%; padding-bottom: 51.724% !important} .main_frm .only_today .today_pdt .img_thumb time {position:absolute; top:10px; right:10px; width:97px; height:22px; padding:0 9px; background:rgba(40, 40, 40, 0.4); border-radius:22px; font-size:11px; color:#fff; line-height:22px; box-sizing:border-box} .main_frm .only_today .today_pdt .img_thumb time em {display:inline-block; width:56px; font-size:13px; font-weight:600; vertical-align:top} .main_frm .only_today .today_pdt .desc {display:block; position:relative; height:65px; padding:15px; background:#fff; box-sizing:border-box} .main_frm .only_today .today_pdt .desc .tit {display:block; overflow:hidden; padding-right:45px; font-size:14px; color:#666; line-height:16px; white-space:nowrap; text-overflow:ellipsis} .main_frm .only_today .today_pdt .desc .price {display:block; margin-top:5px; font-size:12px; font-weight:700; color:#000; line-height:16px} .main_frm .only_today .today_pdt .desc .price strong {font-size:16px; font-weight:600} .main_frm .only_today .today_pdt .desc .price del {padding-left:6px; font-size:12px; font-weight:400; color:#999} .main_frm .only_today .today_pdt .desc .discount {display:block; position:absolute; top:15px; right:10px; font-size:16px; font-weight:600; color:#1ed25f; line-height:16px} .main_frm .only_today .today_pdt .desc .time_line {position:absolute; top:-4px; left:0; right:0; height:4px; background:rgba(177, 177, 177, 0.5)} .main_frm .only_today .today_pdt .desc .time_line .on {position:absolute; top:0; left:0; height:4px; background:#000} .main_frm .only_today .today_pdt .desc .time_line .on:after {display:block; position:absolute; top:-2px; right:-6px; width:4px; height:4px; border:2px solid #000; border-radius:50%; background:#fff; content:''} .main_frm .only_today .one_pdt {display:table; width:100%; height:120px; margin-top:20px; background:#fff; table-layout:fixed} .main_frm .only_today .one_pdt .img_thumb {display:table-cell; width:120px; height:120px; padding-bottom: 0% !important} .main_frm .only_today .one_pdt .desc {display:table-cell; padding:0 15px; vertical-align:middle} .main_frm .only_today .one_pdt .desc .tag {display:block; font-size:16px; font-weight:600; color:#1ed25f; line-height:16px} .main_frm .only_today .one_pdt .desc .tit {display:-webkit-box; overflow:hidden; max-height:38px; margin-top:6px; font-size:14px; color:#666; line-height:19px; text-overflow:ellipsis; word-break:break-all; -webkit-line-clamp:2; -webkit-box-orient:vertical} .main_frm .only_today .one_pdt .desc .price {display:block; margin-top:10px; font-size:12px; font-weight:700; color:#000; line-height:16px} .main_frm .only_today .one_pdt .desc .price strong {font-size:16px; font-weight:600} @keyframes timeline_blinker { to {opacity: 0} } /* 브랜드 포커스 */ .main_frm .brand_focus {overflow:hidden; width:100%; padding:30px 0; background:#fff} .main_frm .brand_focus a {display:block; float:left; width:50%} /* 이런 아이템 어떠세요? */ .main_frm .recommend_pdt {position:relative; padding-bottom:10px; background:#fff} .main_frm .recommend_pdt h2 {padding:0 15px 15px; font-size:16px; font-weight:700; color:#000; line-height:16px} .main_frm .recommend_pdt .btn_go {display:block; position:absolute; overflow:hidden; top:0; right:0; width:35px; height:28px; text-indent:100%; white-space:nowrap} .main_frm .recommend_pdt .btn_go:after {display:block; position:absolute; top:4px; right:15px; width:7px; height:7px; border:1px solid #8c8c8c; border-width:1px 1px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg); content:''} /* 투데이딜 */ .main_frm .today_deal ul li {background:#fff} .main_frm .today_deal ul li .desc {display:block; position:relative; width:100%; height:85px; padding:15px 15px 0; box-sizing:border-box} .main_frm .today_deal ul li .desc .tit {display:block; overflow:hidden; padding-right:60px; font-size:17px; font-weight:700; color:#333; line-height:20px; white-space:nowrap; text-overflow:ellipsis} .main_frm .today_deal ul li .desc .txt {display:block; overflow:hidden; padding-top:7px; font-size:13px; color:#838383; line-height:16px; white-space:nowrap; text-overflow:ellipsis} .main_frm .today_deal ul li .desc .discount {position:absolute; top:15px; right:15px; font-size:17px; font-weight:600; color:#1ed25f; line-height:17px} .main_frm .today_deal ul li .img_thumb {padding-bottom: 59.375% !important} /* 셀렉트TV */ .main_frm .select_tv .tit_box {width:100%; height:86px; padding:0 15px; background:url('//img.1300k.com/mobile/main/2018/bg_selecttv.jpg') no-repeat; background-size:100%; box-sizing:border-box} .main_frm .select_tv .tit_box h2 {position:relative; height:45px; font-size:16px; font-weight:700; color:#fff; line-height:45px} .main_frm .select_tv .tit_box h2:after {display:block; position:absolute; bottom:0; left:0; right:0; height:1px; background:rgba(255,255,255,0.2); content:''} .main_frm .select_tv .tit_box .btn_go {display:block; position:absolute; overflow:hidden; top:0; right:0; width:35px; height:45px; text-indent:100%; white-space:nowrap} .main_frm .select_tv .tit_box .btn_go:after {display:block; position:absolute; top:19px; right:15px; width:7px; height:7px; border:1px solid #fff; border-width:1px 1px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg); content:''} .main_frm .select_tv .tit_box .tab_menu {overflow:hidden; margin-top:1px} .main_frm .select_tv .tit_box .tab_menu a {display:block; position:relative; float:left; width:33.33%; height:40px; font-size:14px; color:#e5d1ff; line-height:40px; text-align:center} .main_frm .select_tv .tit_box .tab_menu a.on {color:#fff} .main_frm .select_tv .tit_box .tab_menu a.on:after {display:block; position:absolute; bottom:-5px; left:50%; width:10px; height:10px; margin-left:-5px; background:#fff; transform:rotate(45deg); -webkit-transform:rotate(45deg); content:''} .main_frm .select_tv .tab_cont {display:none; padding:20px 15px 30px; background:#fff} .main_frm .select_tv .tab_cont ul li {margin-top:20px} .main_frm .select_tv .tab_cont ul li:first-child {margin-top:0} .main_frm .select_tv .tab_cont ul li .video_bnr {display:block; position:relative} .main_frm .select_tv .tab_cont ul li .video_bnr .ico_video {position:absolute; top:10px; right:10px; width:30px; height:30px} .main_frm .select_tv .tab_cont ul li .video_bnr .img_thumb {display:block; position:relative; padding-bottom: 51.724% !important} .main_frm .select_tv .tab_cont ul li .pdt {display:table; width:100%; height:95px; padding:15px; background:#f2f2f2; box-sizing:border-box; table-layout:fixed} .main_frm .select_tv .tab_cont ul li .pdt .img_thumb {display:table-cell; width:65px; height:65px; padding-bottom: 0% !important; vertical-align:middle} .main_frm .select_tv .tab_cont ul li .pdt .desc {display:table-cell; padding-left:15px; vertical-align:middle} .main_frm .select_tv .tab_cont ul li .pdt .desc .tit {display:block; overflow:hidden; font-size:15px; color:#000; line-height:18px; white-space:nowrap; text-overflow:ellipsis} .main_frm .select_tv .tab_cont ul li .pdt .desc .txt {display:-webkit-box; overflow:hidden; max-height:34px; margin-top:6px; font-size:13px; color:#838383; line-height:17px; word-break:break-all; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical} /* 실시간 호감 */ .main_frm .favor_pdt {position:relative; padding:15px 0 30px; background:url('//img.1300k.com/mobile/main/2018/bg_favor_pdt.jpg'); background-size:100%} .main_frm .favor_pdt h2 {padding:0 0 0 40px; background:url('//img.1300k.com/mobile/main/2018/ico_heart_trans.png') 15px center no-repeat; background-size:17px auto; font-size:16px; font-weight:700; color:#000; line-height:25px} .main_frm .favor_pdt .btn_go {display:block; position:absolute; overflow:hidden; top:0; right:0; width:35px; height:45px; text-indent:100%; white-space:nowrap} .main_frm .favor_pdt .btn_go:after {display:block; position:absolute; top:23px; right:15px; width:7px; height:7px; border:1px solid #000; border-width:1px 1px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg); content:''} .main_frm .favor_pdt .pdt_list {padding-left:15px; padding-right:15px} .main_frm .favor_pdt .pdt_list li {position:relative; width:37.5%; padding-top:33px; margin-left:4.68%} .main_frm .favor_pdt .pdt_list li:first-child {margin-left:0} .main_frm .favor_pdt .pdt_list li .thumbnail {display:block; border-radius:50%} .main_frm .favor_pdt .pdt_list li .thumbnail img {border-radius:50%} .main_frm .favor_pdt .pdt_list li .favor {display:block; position:absolute; top:15px; left:50%; width:45px; height:39px; margin-left:-22px; padding-top:10px; background:url('//img.1300k.com/mobile/main/2018/ico_heart_pink.png'); background-size:45px auto; font-size:13px; font-weight:600; color:#fff; text-align:center; line-height:16px; box-sizing:border-box} /* 운영기획전 */ .main_frm .recommend_spe {padding-top:30px; background:#fff} .main_frm .recommend_spe ul li .bnr_spe {display:block; position:relative; width:100%; height:0; padding-bottom:59.375%} .main_frm .recommend_spe ul li .bnr_spe .img_thumb {position:absolute; top:0; left:0; width:100%; height:100%; padding-bottom: 0% !important} .main_frm .recommend_spe ul li .bnr_spe .desc_box {display:table; position:absolute; bottom:0; left:0; width:100%; height:100%; padding:10px 0; background:rgba(0,0,0,0.3); table-layout:fixed} .main_frm .recommend_spe ul li .bnr_spe .desc_box .desc {display:table-cell; text-align:center; vertical-align:middle} .main_frm .recommend_spe ul li .bnr_spe .desc_box .desc .tit {display:block; overflow:hidden; font-size:22px; font-weight:700; color:#fff; white-space:nowrap; text-overflow:ellipsis; text-align:center} .main_frm .recommend_spe ul li .bnr_spe .desc_box .desc .discount {display:inline-block; height:20px; padding:0 10px; margin-top:10px; border:1px solid #fff; border-radius:20px; font-size:13px; font-weight:600; color:#fff; line-height:20px} .main_frm .recommend_spe ul li .key_pdt {padding:15px 15px 30px; background:#fff} .main_frm .recommend_spe ul li .key_pdt a {display:table; width:100%; height:80px; margin-top:15px; table-layout:fixed} .main_frm .recommend_spe ul li .key_pdt a:first-child {margin-top:0} .main_frm .recommend_spe ul li .key_pdt a .img_thumb {display:table-cell; width:80px; padding-bottom: 0% !important; vertical-align:middle} .main_frm .recommend_spe ul li .key_pdt a .desc {display:table-cell; padding-left:15px; vertical-align:middle} .main_frm .recommend_spe ul li .key_pdt a .desc .tit {display:block; overflow:hidden; font-size:14px; color:#444; line-height:18px; white-space:nowrap; text-overflow:ellipsis} .main_frm .recommend_spe ul li .key_pdt a .desc .price {display:block; margin-top:6px; font-size:12px; color:#000} .main_frm .recommend_spe ul li .key_pdt a .desc .price strong {font-size:15px; font-weight:600} .main_frm .recommend_spe ul li .key_pdt a .desc .price del {padding-left:5px; font-size:12px; color:#999} .main_frm .recommend_spe ul li .key_pdt a .desc .tag {display:block; margin-top:6px; font-size:0; line-height:0} .main_frm .recommend_spe ul li .key_pdt a .desc .tag .free {display:inline-block; width:50px; height:18px; border:1px solid #498cc9; font-size:11px; color:#498cc9; line-height:16px; text-align:center; box-sizing:border-box} .main_frm .recommend_spe ul li .key_pdt a .desc .tag .gift {width:auto; height:18px; padding:0 4px; border:1px solid #ab7360; font-size:11px; color:#ab7360; line-height:16px; text-align:center; box-sizing:border-box} .main_frm .recommend_spe ul li .key_pdt a .desc .tag .oneplus {width:auto; height:18px; padding:0 4px; border:1px solid #1ed29d; font-size:11px; color:#1ed29d; line-height:16px; text-align:center; box-sizing:border-box} .main_frm .recommend_spe ul li .key_pdt a .desc .tag .onesame {width:auto; height:18px; padding:0 4px; border:1px solid #1ed29d; font-size:11px; color:#1ed29d; line-height:16px; text-align:center; box-sizing:border-box} /* 오늘의 발견 */ .main_frm .today_discovery {position:relative; padding:30px 15px 40px; margin-top:10px; background:#fff} .main_frm .today_discovery h2 {position:absolute; top:40px; left:15px; width:75px; height:30px; background:#282828; font-size:14px; font-weight:400; color:#fff; line-height:30px; z-index:2} .main_frm .today_discovery h2:before {display:block; position:absolute; top:0; left:-9px; width:9px; height:39px; background:url('//img.1300k.com/mobile/main/2018/bg_discovery_h2.png') no-repeat; background-size:9px auto; content:''} .main_frm .today_discovery a {display:block} .main_frm .today_discovery a .desc {display:block; position:relative; width:100%} .main_frm .today_discovery a .desc .tit {display:inline-block; position:absolute; overflow:hidden; top:-17px; left:0; max-width:100%; height:35px; padding-right:10px; background:#fff; font-size:22px; font-weight:700; color:#333; line-height:35px; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box} .main_frm .today_discovery a .desc .txt {display:block; padding-top:25px; font-size:13px; color:#838383; line-height:19px; letter-spacing:-.5px; word-break:break-all} .main_frm .today_discovery a .img_thumb {padding-bottom: 60% !important} /* 지금 가장 인기있는 아이템 */ .main_frm .top_rated h2 {height:45px; background:#2a2f3e; line-height:45px; text-align:center} .main_frm .top_rated h2 span {display:inline-block; padding-left:20px; background:url('//img.1300k.com/mobile/main/2018/ico_hotrated.png') 0 center no-repeat; background-size:10px auto; font-size:16px; font-weight:400; color:#fff; vertical-align:top} .main_frm .top_rated .cate_box {background:#333949} .main_frm .top_rated .cate_box .swiper-container {overflow:visible; z-index:3} .main_frm .top_rated .cate_box ul {padding-left:5px} .main_frm .top_rated .cate_box ul li {position:relative; float:left; width:72px; height:97px} .main_frm .top_rated .cate_box ul li.cate_on:after {display:block; position:absolute; bottom:-5px; left:50%; width:10px; height:10px; margin-left:-5px; background:#333949; transform:rotate(45deg); -webkit-transform:rotate(45deg); content:''} .main_frm .top_rated .cate_box ul li a {display:block; padding-top:15px; text-align:center; box-sizing:border-box} .main_frm .top_rated .cate_box ul li a .ico {display:block; overflow:hidden; width:46px; height:46px; margin:0 auto 5px} .main_frm .top_rated .cate_box ul li a .ico img {width:46px; height:auto} .main_frm .top_rated .cate_box ul li.cate_on a .ico img {margin-top:-46px} .main_frm .top_rated .cate_box ul li a .txt {display:inline-block; padding-bottom:3px; font-size:12px; font-weight:300; color:#929292; line-height:1.2} .main_frm .top_rated .cate_box ul li.cate_on a .txt {font-weight:400; color:#ffcd5a} .main_frm .top_rated .item_box {padding:20px 0 15px; background:#fff} .main_frm .top_rated .item_box .banner_blk {display:block; position:relative; margin:0 15px} .main_frm .top_rated .item_box .banner_blk .tit {display:block; position:absolute; overflow:hidden; bottom:0; left:0; width:100%; height:45px; padding:0 60px 0 10px; background:rgba(255,255,255,.7); font-size:16px; font-weight:700; color:#333; line-height:45px; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box} .main_frm .top_rated .item_box .banner_blk .discount {position:absolute; bottom:0; right:10px; width:50px; height:45px; font-size:16px; font-weight:600; color:#e5362e; line-height:45px} .main_frm .top_rated .item_box .banner_blk .img_thumb {padding-bottom: 49.455% !important} .main_frm .top_rated .item_box .item_list {margin-top:20px} .main_frm .top_rated .item_box .btn_all {display:block; height:40px; margin:0 15px; border-top:1px solid #f2f2f2; line-height:40px; text-align:center} .main_frm .top_rated .item_box .btn_all span {display:inline-block; position:relative; padding-right:15px; font-size:13px; color:#999; vertical-align:top} .main_frm .top_rated .item_box .btn_all span:after {display:block; position:absolute; top:16px; right:0; width:7px; height:7px; border:1px solid #999; border-width:1px 1px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg); content:''} .main_frm .top_rated .item_box_v2 {margin-top:10px; padding:30px 0 10px; background:#fff} .main_frm .top_rated .item_box_v2 h3 {padding:0 15px 15px; font-size:16px; font-weight:700; color:#000; line-height:16px} .main_frm .top_rated .item_box_v2 h3 span {color:#1dd25f} .main_frm .top_rated .item_box_v2 .banner_blk {display:block; position:relative; margin:0 15px} .main_frm .top_rated .item_box_v2 .banner_blk .tit {display:block; overflow:hidden; width:100%; height:45px; padding:0 60px 0 0px; background:rgba(255,255,255,.7); font-size:16px; font-weight:700; color:#333; line-height:45px; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box} .main_frm .top_rated .item_box_v2 .banner_blk .discount {position:absolute; bottom:0; right:0px; width:50px; height:45px; font-size:16px; font-weight:600; color:#e5362e; line-height:45px; text-align:right} .main_frm .top_rated .item_box_v2 .banner_blk .img_thumb {padding-bottom: 49.455% !important} .main_frm .top_rated .item_box_v2 .item_list {margin-top:10px} .main_frm .top_rated .item_box_v2 .btn_all {display:block; height:40px; margin:0 15px; line-height:40px; text-align:center} .main_frm .top_rated .item_box_v2 .btn_all span {display:inline-block; position:relative; padding-right:15px; font-size:13px; color:#999; vertical-align:top} .main_frm .top_rated .item_box_v2 .btn_all span:after {display:block; position:absolute; top:16px; right:0; width:7px; height:7px; border:1px solid #999; border-width:1px 1px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg); content:''} .main_frm .top_rated a.btn_more {display:block; height:44px; padding:0 15px 20px; background:#fff} .main_frm .top_rated a.btn_more span {display:block; height:44px; border:1px solid #e9e9e9; color:#1dd25f; font-size:14px; line-height:44px; text-align:center} .main_frm .top_rated a.btn_more span em {position:relative; display:inline-block; width:16px; height:14px} .main_frm .top_rated a.btn_more span em:before {display:block; position:absolute; top:2px; right:0; width:6px; height:6px; border:1px solid #1dd25f; border-width:0px 0px 1px 1px; content:''} .main_frm .top_rated a.btn_more span em:after {display:block; position:absolute; top:8px; right:6px; width:6px; height:6px; border:1px solid #1dd25f; border-width:1px 1px 0 0; content:''} /* 컬쳐이벤트 */ .main_frm .culture_event {position:relative; padding:10px 0 20px; background:#f2f2f2} .main_frm .culture_event h2 {height:40px; padding-left:15px; font-size:16px; font-weight:700; color:#000; line-height:40px} .main_frm .culture_event .btn_go {display:block; position:absolute; overflow:hidden; top:0; right:0; width:35px; height:45px; text-indent:100%; white-space:nowrap} .main_frm .culture_event .btn_go:after {display:block; position:absolute; top:25px; right:15px; width:7px; height:7px; border:1px solid #8a8a8a; border-width:1px 1px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg); content:''} .main_frm .culture_event ul {overflow:hidden; padding:0 15px} .main_frm .culture_event ul li {float:left; width:46.55%; margin-top:10px} .main_frm .culture_event ul li:nth-child(-n+2) {margin-top:0} .main_frm .culture_event ul li:nth-child(2n) {margin-left:6.9%} .main_frm .culture_event ul li a .tit {display:block; overflow:hidden; width:100%; height:35px; font-size:14px; color:#444; text-align:center; line-height:35px; text-overflow:ellipsis; white-space:nowrap} .main_frm .culture_event ul li a .tit .cate {padding-right:5px; color:#1ed25f} .main_frm .culture_event ul li a .img_thumb {padding-bottom: 125.926% !important} /* 공지 */ .main_frm .notice_box {position:relative; width:100%; height:42px; padding-left:48px; background:#fff; box-sizing:border-box} .main_frm .notice_box h2 {position:absolute; top:0; left:0; padding-left:15px; font-size:14px; font-weight:700; color:#1ed25f; line-height:42px} .main_frm .notice_box a {display:block; position:relative; overflow:hidden; padding-right:35px; font-size:14px; color:#333; line-height:42px; white-space:nowrap; text-overflow:ellipsis} .main_frm .notice_box a:after {display:block; position:absolute; top:17px; right:15px; width:7px; height:7px; border:1px solid #888; border-width:1px 1px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg); content:''} /* 메인 섹션 ******************************************************************************/ .main_section {background:#f2f2f2} .main_section h2, .main_section p, .main_section span, .main_section a {font-family:'Noto Sans KR', 'Malgun Gothic', Dotum} .main_section .number {font-family:'Montserrat','Noto Sans KR', 'Malgun Gothic', Dotum} .main_section .eng {font-family:'Roboto','Noto Sans KR', 'Malgun Gothic', Dotum} .main_section .loading_box {width:100%; height:1000px; background-color:#fff} .main_section .loading_box img {display:none; position:absolute; left:50%; width:100px; margin-left:-50px} .main_section section {margin-top:10px; border-bottom:1px solid #ebebeb; background:#fff} .main_section section img {vertical-align:top} .main_section section .img_thumb {display:block; position:relative; overflow:hidden; width:100%; padding-bottom:100%; font-size:0; line-height:0} .main_section section .img_thumb:before {position:absolute; top:0; left:0; width:100%; height:100%; background:url('//img.1300k.com/mobile/common/loading_common.png') no-repeat 50% 50% #fff; background-size:40px auto; content:''} .main_section section .img_thumb img {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; max-height:100%; margin:auto} /* 기본 섹션 */ .main_section.basic section h2 {padding:15px; font-size:16px; font-weight:700; color:#000; text-align:center; line-height:22px} .main_section.basic .sec_main_spe {position:relative} .main_section.basic .sec_main_spe .img_thumb {padding-bottom: 59.375% !important} .main_section.basic .sec_main_spe .bnr_desc {position:absolute; bottom:0; left:0; width:100%} .main_section.basic .sec_main_spe .bnr_desc .desc_blk {width:auto; height:auto; margin:0 15px 15px; padding:0 15px; background:rgba(256, 256, 256, 0.8); text-align:center} .main_section.basic .sec_main_spe .bnr_desc .desc_blk .tit {display:inline-block; width:100%; padding:13px 0 2px; color:#111; font-size:18px; font-weight:700; line-height:22px} .main_section.basic .sec_main_spe .bnr_desc .desc_blk .txt {display:inline-block; width:100%; padding:2px 0 13px; color:#666; font-size:13px; line-height:17px} .main_section.basic .sec_main_spe .bnr_paging {position:absolute; top:8px; left:auto; right:8px; width:43px; height:22px; color:#fff; text-align:center; z-index:10} .main_section.basic .sec_main_spe .bnr_paging .swiper-pagination-fraction {bottom:0; font-family:'Montserrat','Noto Sans KR', 'Malgun Gothic', Dotum; font-size:12px; line-height:22px} .main_section.basic .sec_main_spe .bnr_paging span {font-size:12px; color:#fff} .main_section.basic .sec_main_spe .bnr_paging .bg {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50px; background:#000; opacity:0.4; z-index:9} .main_section.basic .popular_tag .tag_box {position:relative; background-repeat:no-repeat; background-position:center; background-size:100% auto} .main_section.basic .popular_tag .tag_box .tag_blk {position:relative; padding:14px 0 12px; text-align:center; z-index:5} .main_section.basic .popular_tag .tag_box .tag_blk .tit {display:inline-block; width:auto; margin:0 auto; padding-left:22px; background:url('//img.1300k.com/mobile/common/2018/ico_popular_tag.png') no-repeat left center; background-size:15px; color:#fff; font-size:15px; line-height:21px} .main_section.basic .popular_tag .tag_box .tag_blk .tag_lst {padding:8px 15px 0} .main_section.basic .popular_tag .tag_box .tag_blk .tag_lst li {display:inline-block; padding:5px; vertical-align:top} .main_section.basic .popular_tag .tag_box .tag_blk .tag_lst li a {display:inline-block; padding:0 13px; border:1px solid #fff; border-radius:13px; color:#fff; font-size:13px; line-height:23px} .main_section.basic .popular_tag .tag_box .bg {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.88; z-index:1} .main_section.basic .recommend_item {position:relative; padding-bottom:10px; background:#fff} .main_section.basic .recommend_item ul.item_lst {overflow:hidden; padding:0 4.68%} .main_section.basic .recommend_item ul.item_lst li {float:left; width:31.03%; margin-left:3.455%} .main_section.basic .recommend_item ul.item_lst li:nth-child(3n+1) {margin-left:0} .main_section.basic .recommend_item ul.item_lst li .desc {display:block; height:80px; padding-top:4px; text-align:center; box-sizing:border-box} .main_section.basic .recommend_item ul.item_lst li .desc .tit {display:-webkit-box; overflow:hidden; max-height:36px; margin-top:6px; font-size:13px; color:#444; line-height:18px; word-break:break-all; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical} .main_section.basic .recommend_item ul.item_lst li .desc .price {display:block; padding-top:3px; font-size:11px; color:#999} .main_section.basic .recommend_item ul.item_lst li .desc .price strong {font-size:13px; font-weight:600} .main_section.basic .recommend_brand .tpl_evt_item {margin-top:0; border:none} .main_section.basic .recommend_brand .tpl_evt_item .img_thumb {padding-bottom: 59.375% !important} .main_section.basic .popular_spe ul li {background:#fff} .main_section.basic .popular_spe ul li .desc {display:block; position:relative; width:100%; height:85px; padding:15px 15px 0; box-sizing:border-box} .main_section.basic .popular_spe ul li .desc .tit {display:block; overflow:hidden; font-size:15px; font-weight:700; color:#333; line-height:18px; white-space:nowrap; text-overflow:ellipsis} .main_section.basic .popular_spe ul li .desc .date {display:block; padding-top:9px; font-size:13px; color:#838383; line-height:16px} .main_section.basic .popular_spe ul li .img_thumb {padding-bottom: 59.375% !important} /* 신상품 */ .main_section.new .new_banner {position:relative} .main_section.new .new_banner ul li {background:#fff} .main_section.new .new_banner ul li .desc {display:block; position:relative; width:100%; height:85px; padding:15px 15px 0; box-sizing:border-box} .main_section.new .new_banner ul li .desc .tit {display:block; overflow:hidden; padding-right:60px; font-size:17px; font-weight:700; color:#333; line-height:20px; white-space:nowrap; text-overflow:ellipsis} .main_section.new .new_banner ul li .desc .txt {display:block; overflow:hidden; padding-top:7px; font-size:13px; color:#838383; line-height:16px; white-space:nowrap; text-overflow:ellipsis} .main_section.new .new_banner ul li .desc .discount {position:absolute; top:15px; right:15px; font-size:17px; font-weight:600; color:#1ed25f; line-height:17px} .main_section.new .new_banner ul li .img_thumb {padding-bottom: 59.375% !important} .main_section.new .new_banner .bnr_paging {position:absolute; bottom:90px; left:auto; right:15px; width:43px; height:22px; color:#fff; text-align:center; z-index:10} .main_section.new .new_banner .bnr_paging .swiper-pagination-fraction {bottom:0; font-family:'Montserrat','Noto Sans KR', 'Malgun Gothic', Dotum; font-size:12px; line-height:22px} .main_section.new .new_banner .bnr_paging span {font-size:12px; color:#fff} .main_section.new .new_banner .bnr_paging .bg {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50px; background:#000; opacity:0.4; z-index:9} /* 베스트 */ .main_section.best .best_tab {border-bottom:0} .main_section.best .best_tab ul {width:100%; height:41px} .main_section.best .best_tab ul li {position:relative; float:left; width:33.33%; height:41px} .main_section.best .best_tab ul li:first-child {width:33.34%} .main_section.best .best_tab ul li.on:after {display:block; position:absolute; bottom:-4px; left:50%; width:8px; height:8px; margin-left:-4px; background:#1ed25f; transform:rotate(45deg); -webkit-transform:rotate(45deg); content:''} .main_section.best .best_tab ul li a {display:block; position:relative; width:100%; height:41px; border-bottom:1px solid #ebebeb; background:#fff; text-align:center; line-height:40px; box-sizing:border-box} .main_section.best .best_tab ul li.on a {border-bottom:1px solid #1ed25f; background:#1ed25f} .main_section.best .best_tab ul li a:before {display:block; position:absolute; top:14px; right:0; width:1px; height:14px; background:#ebebeb; content:''} .main_section.best .best_tab ul li:last-child a:before {display:none} .main_section.best .best_tab ul li.on a:before {display:none} .main_section.best .best_tab ul li a .ico {display:inline-block; overflow:hidden; width:auto; height:16px; vertical-align:middle} .main_section.best .best_tab ul li a .ico img {width:auto; height:33px} .main_section.best .best_tab ul li.on a .ico img {margin-top:-16px} .main_section.best .best_tab ul li a .txt {font-size:14px; color:#999} .main_section.best .best_tab ul li.on a .txt {font-weight:700; color:#fff} .main_section.best .best_cts.best .gcate_box {display:block} .main_section.best .best_cts.best .gds_list li .img_thumb .ico_best {position:absolute; top:0; left:0; width:26px; height:26px; border:1px solid #e5e5e5; background:rgba(255, 255, 255, 0.7); color:#000; font-size:14px; text-align:center; line-height:26px} .main_section.best .best_cts.best .gds_list li .img_thumb .ico_best.second {width:28px; height:28px; border:none; background:rgba(143, 143, 143, 0.7); color:#fff; line-height:28px} .main_section.best .best_cts.best .gds_list li .img_thumb .ico_best.first {width:28px; height:28px; border:none; background-color:#1ed25f; color:#fff; line-height:28px} .main_section.best .best_cts.favor .gcate_box {display:none} .main_section.best .best_cts.favor .gds_list li .img_thumb .ico_favor {position:absolute; top:0; left:0; width:40px; height:37px; background:url('//img.1300k.com/mobile/common/2018/ico_best_favor.png'); background-size:40px auto; color:#000; font-size:14px; text-align:center; line-height:36px} .main_section.best .best_cts.favor .gds_list li .img_thumb .ico_favor.second {background-position:0 -37px; color:#fff} .main_section.best .best_cts.favor .gds_list li .img_thumb .ico_favor.first {background-position:0 -74px; color:#fff} .main_section.best .best_cts.search .gcate_box {display:none} .main_section.best .best_cts.search .btn_search {display:block; position:relative; width:auto; padding:20px 15px 0; color:#333; font-size:15px; line-height:21px} .main_section.best .best_cts.search .btn_search:before {display:block; position:absolute; top:25px; right:15px; width:6px; height:11px; background:url('//img.1300k.com/mobile/common/2018/ico_arrow_search.png') no-repeat; background-size:6px 11px; content:''} .main_section.best .best_cts.search .btn_search span {color:#1ed25f} .main_section.best .best_cts .pdt_list_wrap {min-height:500px} .main_section.best .best_cts .pdt_list_wrap .gds_list.tile:after {background:#f2f2f2} /* Swiper ============================================================*/ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1} .swiper-container-no-flexbox .swiper-slide{float:left} .swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column} .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box} .swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap} .swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto} .swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform} .swiper-invisible-blank-slide{visibility:hidden} .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto} .swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform} .swiper-container-3d{-webkit-perspective:1200px;perspective:1200px} .swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d} .swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10} .swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y} .swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x} .swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat} .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none} .swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto} .swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto} .swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")} .swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")} .swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")} .swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")} .swiper-button-lock{display:none} .swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10} .swiper-pagination.swiper-pagination-hidden{opacity:0} .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%} .swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)} .swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2} button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none} .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer} .swiper-pagination-bullet-active{opacity:1;background:#007aff} .swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)} .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform} .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform} .swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top} .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top} .swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0} .swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0} .swiper-pagination-white .swiper-pagination-bullet-active{background:#fff} .swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)} .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff} .swiper-pagination-black .swiper-pagination-bullet-active{background:#000} .swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)} .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000} .swiper-pagination-lock{display:none} .swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)} .swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%} .swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%} .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0} .swiper-scrollbar-cursor-drag{cursor:move} .swiper-scrollbar-lock{display:none} .swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center} .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain} .swiper-slide-zoomed{cursor:move} .swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite} .swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat} .swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} .swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000} .swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out} .swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity} .swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none} .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-container-cube{overflow:visible} .swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%} .swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none} .swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible} .swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} .swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0} .swiper-container-flip{overflow:visible} .swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1} .swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none} .swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} .swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} /* 이벤트 템플릿 ******************************************************************************/ .spe_frm {position:relative; background:#fff} .spe_frm p , .spe_frm span, .spe_frm a , .spe_frm textarea, .spe_frm input {font-family:'Noto Sans KR', 'Malgun Gothic', Dotum} .spe_frm .number {font-family:'Montserrat','Noto Sans KR', 'Malgun Gothic', Dotum} .spe_frm .eng {font-family:'Roboto','Noto Sans KR', 'Malgun Gothic', Dotum} .spe_frm img {vertical-align:top} .spe_frm .spe_term {position:relative; overflow:hidden; padding:0 15px; border-bottom:1px solid #f0eff4; background:#fff} .spe_frm .spe_term .date {float:left; height:35px; font-size:13px; color:#838383; line-height:35px} .spe_frm .spe_term .btn_favor {display:block; float:right; height:35px; line-height:35px} .spe_frm .spe_term .btn_favor span {padding-left:18px; background-size:13px 13px; background-repeat:no-repeat; background-position:0 center; font-size:12px; font-weight:400; color:#666} .spe_frm .spe_term .btn_favor.on span.on {display:block} .spe_frm .spe_term .btn_favor.on span.off {display:none} .spe_frm .spe_term .btn_favor span.on {display:none; background-image:url('//img.1300k.com/mobile/events/chance/2018/btn_favor_on.png')} .spe_frm .spe_term .btn_favor span.off {display:block; background-image:url('//img.1300k.com/mobile/events/chance/2018/btn_favor.png')} .spe_frm .spe_status {width:100%; height:50px; background:#efefef; text-align:center} .spe_frm .spe_status p {font-size:14px; color:#000; line-height:50px} .spe_frm .spe_status p span {color:#1ed25f} .spe_frm .spe_cont .cont p {line-height:1} .spe_frm .spe_cont .cont .txt_title {font-size:15px; font-weight:700; color:#fff; line-height:1.2} .spe_frm .spe_cont .cont .txt_sub {font-size:13px; font-weight:400; color:#c8c8c8; line-height:1.2} .spe_frm .spe_cont .cont .txt_kind {font-size:16px; font-weight:700; color:#1ed25f} .spe_frm .spe_cont .cont .btn_brand {display:inline-block; height:23px; padding:0 5px 0 25px; border:1px solid #d6d6d6; background-image:url('//img.1300k.com/mobile/events/chance/2018/ico_brand.png'); background-position:5px center; background-repeat:no-repeat; background-color:#fff; background-size:14px auto} .spe_frm .spe_cont .cont .btn_brand span {display:inline-block; padding-right:15px; background-image:url('//img.1300k.com/mobile/events/chance/2018/ico_arrow_right.png'); background-position:100% center; background-repeat:no-repeat; background-color:#fff; background-size:5px auto; font-size:13px; color:#838383; line-height:23px; vertical-align:top} .spe_frm .spe_cont .cont.type1 {padding:35px 0; background:#545454; text-align:center} .spe_frm .spe_cont .cont.type1 .txt_title {margin-top:13px} .spe_frm .spe_cont .cont.type1 .txt_sub {margin-top:7px} .spe_frm .spe_cont .cont.type1 .btn_brand {margin-top:15px} .spe_frm .spe_cont .cont.type2 .slide_box {position:relative} .spe_frm .spe_cont .cont.type2 .slide_box .slide_paging {position:absolute; bottom:15px; left:auto; right:15px; width:48px; height:23px; line-height:23px; text-align:center} .spe_frm .spe_cont .cont.type2 .slide_box .slide_paging div {bottom:0; font-size:12px; color:#fff} .spe_frm .spe_cont .cont.type2 .slide_box .slide_paging span {position:relative; font-size:12px; color:#fff; vertical-align:middle; z-index:3} .spe_frm .spe_cont .cont.type2 .slide_box .slide_paging .bg {display:block; position:absolute; top:0; left:0; width:48px; height:23px; border-radius:50px; background:#000; opacity:0.25; z-index:2} .spe_frm .spe_cont .cont.type2 .text_box {position:relative; padding:15px 15px 25px 15px; background:#fff} .spe_frm .spe_cont .cont.type2 .txt_title {padding-right:75px; color:#000} .spe_frm .spe_cont .cont.type2 .txt_sub {margin-top:7px} .spe_frm .spe_cont .cont.type2 .btn_brand {margin-top:10px; border:0; background-color:#f0eff4} .spe_frm .spe_cont .cont.type2 .btn_brand span {background-color:#f0eff4} .spe_frm .spe_cont .cont.type2 .txt_kind {position:absolute; top:15px; right:15px} .spe_frm .spe_cont .cont.type3 {position:relative; min-height:150px} .spe_frm .spe_cont .cont.type3 .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.4; z-index:2} .spe_frm .spe_cont .cont.type3 .text_box {position:absolute; left:15px; bottom:25px; z-index:3} .spe_frm .spe_cont .cont.type3 .btn_brand {position:absolute; top:13px; right:0; padding:0 15px 0 20px; border:0; background-image:url('//img.1300k.com/mobile/events/chance/2018/ico_brand_w.png'); background-position:0 center; background-repeat:no-repeat; background-color:transparent; background-size:14px auto; z-index:3} .spe_frm .spe_cont .cont.type3 .btn_brand span {background-image:url('//img.1300k.com/mobile/events/chance/2018/ico_arrow_right_w.png'); background-position:100% center; background-repeat:no-repeat; background-color:transparent; background-size:5px auto; color:#fff} .spe_frm .spe_cont .cont.type3 .txt_kind {display:inline-block; height:21px; padding:0 15px 0 0; background-image:url('//img.1300k.com/mobile/events/chance/2018/bg_tail.png'); background-position:100% 0; background-repeat:no-repeat; background-size:16px auto} .spe_frm .spe_cont .cont.type3 .txt_kind span {display:inline-block; padding:0 2px 0 4px; border-width:2px 0 2px 2px; border-color:#fff; border-style:solid; font-size:13px; color:#fff; line-height:17px} .spe_frm .spe_cont .cont.type3 .txt_title {margin-top:15px; color:#fff; line-height:22px} .spe_frm .spe_cont .cont.type3 .txt_sub {margin-top:5px; font-size:13px; color:#fefefe} .spe_frm .add_cont .video_box {padding:15px 0; background:#f0eff4} .spe_frm .add_cont .video_box .img_thumb {display:block; position:relative; width:290px; height:163px; margin:0 auto} .spe_frm .add_cont .video_box .img_thumb .btn_play {position:absolute; top:50%; left:50%; width:45px; height:45px; margin:-23px 0 0 -23px; z-index:3} .spe_frm .add_cont .video_box .img_thumb .bg {position:absolute; top:0; left:0; width:290px; height:163px; background:#000; opacity:0.2; filter: alpha(opacity=20); z-index:2} .spe_frm .add_cont .video_box .txt_video {display:block; padding:0 15px; margin-top:10px; font-size:12px; color:#838383; text-align:center} .spe_frm .add_cont .video_box .play_blk {display:none; width:290px; height:163px; margin:0 auto} .spe_frm .add_cont .key_product {background:#fff} .spe_frm .add_cont .key_product .only {padding:15px} .spe_frm .add_cont .key_product .only a {display:block; position:relative} .spe_frm .add_cont .key_product .only .desc {position:absolute; bottom:0; left:0; width:100%; padding:15px; box-sizing:border-box} .spe_frm .add_cont .key_product .only .desc span {position:relative; line-height:1; text-align:center; z-index:3} .spe_frm .add_cont .key_product .only .desc .bg {position:absolute; top:0; left:0; right:0; bottom:0; background:#fff; opacity:0.85; z-index:2} .spe_frm .add_cont .key_product .only .desc .gds_name {display:block; font-size:13px; color:#444; line-height:1.2; word-break:break-all} .spe_frm .add_cont .key_product .only .desc .gds_price {display:block; margin-top:6px} .spe_frm .add_cont .key_product .only .desc .gds_price .txt_sale {margin-right:5px; font-size:12px; font-weight:600; color:#1ed25f} .spe_frm .add_cont .key_product .only .desc .gds_price .txt_price {font-size:13px; font-weight:400; color:#444} .spe_frm .add_cont .key_product .only .desc .gds_price .txt_price strong {font-weight:600} .spe_frm .add_cont .key_product .several {overflow:hidden; height:192px; padding:15px 0; box-sizing:border-box} .spe_frm .add_cont .key_product .several div {} .spe_frm .add_cont .key_product .several div ul li {float:left; width:100px; height:162px; margin:0 8px 0 7px} .spe_frm .add_cont .key_product .several div ul li:first-child {margin:0 8px 0 15px} .spe_frm .add_cont .key_product .several div ul li .img_gds {display:block; width:100px} .spe_frm .add_cont .key_product .several div ul li .desc {display:block; padding-top:8px; text-align:center} .spe_frm .add_cont .key_product .several div ul li .desc .gds_name {display:-webkit-box; overflow:hidden; font-size:13px; font-weight:400; color:#444; line-height:18px; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis} .spe_frm .add_cont .key_product .several div ul li .desc .gds_price {font-size:13px; font-weight:600; color:#999} .spe_frm .add_cont .key_product .several div ul li .desc .gds_price strong {padding-right:5px; font-size:12px; font-weight:600; color:#1ed25f} .spe_frm .add_cont .key_product .several div ul li .desc .gds_price span {font-weight:400} .spe_frm .spe_add_evt {position:relative; padding:0 15px; background:#4e4e4e} .spe_frm .spe_add_evt > ul > li {padding:20px 0} .spe_frm .spe_add_evt > ul > li:nth-child(2) {border-top:1px solid #6c6c6c} .spe_frm .spe_add_evt > ul > li .tit {display:inline-block; height:21px; padding:0 15px 0 0; background-image:url('//img.1300k.com/mobile/events/chance/2018/bg_tail.png'); background-position:100% 0; background-repeat:no-repeat; background-size:16px auto} .spe_frm .spe_add_evt > ul > li .tit span {display:inline-block; padding:0 2px 0 4px; border-width:2px 0 2px 2px; border-color:#fff; border-style:solid; font-size:13px; color:#fff; line-height:17px; vertical-align:top} .spe_frm .spe_add_evt > ul > li div {position:relative; min-height:102px; padding-left:118px; margin-top:15px} .spe_frm .spe_add_evt > ul > li div .img_thumb {position:absolute; top:0; left:0; width:102px; height:102px} .spe_frm .spe_add_evt > ul > li div .text {display:-webkit-box; overflow:hidden; font-size:13px; font-weight:400; color:#fff; line-height:19px; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis} .spe_frm .spe_add_evt > ul > li div .date {margin-top:10px; font-size:12px; font-weight:400; color:#959595} .spe_frm .spe_add_evt > ul > li .txt_notice {margin-top:14px; min-height:0; padding-left:0} .spe_frm .spe_add_evt > ul > li .txt_notice p {font-size:12px; color:#959595; line-height:17px; word-break:break-all} .spe_frm .spe_add_evt > ul > li .btn_cmt {display:block; height:20px; padding:15px 0; margin-top:15px; background:#222; text-align:center} .spe_frm .spe_add_evt > ul > li .btn_cmt span {display:inline-block; padding-right:15px; background-image:url('//img.1300k.com/mobile/events/chance/2018/ico_arrow_cmt.png'); background-position:100% center; background-repeat:no-repeat; background-color:transparent; background-size:7px auto; font-size:16px; font-weight:700; color:#fff; line-height:20px} .spe_frm .spe_add_evt .txt_end {position:absolute; top:0; left:0; width:100%; height:100%; padding:0; margin:0} .spe_frm .spe_add_evt .txt_end .bg {position:absolute; top:0; left:0; bottom:0; width:100%; padding:0; margin:0; background:#000; opacity:0.5; filter:alpha(opacity=50); z-index:2} .spe_frm .spe_add_evt .txt_end p {position:absolute; top:50%; left:0; width:100%; height:20px; margin-top:-10px; font-size:20px; font-weight:700; color:#fff; text-align:center; line-height:20px; z-index:3} .spe_frm .spe_add_evt.culture {padding:15px; background:#e3e2e7} .spe_frm .spe_add_evt.culture > ul > li {padding:15px; background:#fff} .spe_frm .spe_add_evt.culture > ul > li .tit {background-image:url('//img.1300k.com/mobile/events/chance/2018/bg_tail_black.png')} .spe_frm .spe_add_evt.culture > ul > li .tit span {border-color:#000; color:#000} .spe_frm .spe_add_evt.culture > ul > li div {min-height:0; padding-left:0} .spe_frm .spe_add_evt.culture > ul > li div .text {color:#000} .spe_frm .spe_add_evt.culture > ul > li div .date {position:absolute; top:-35px; right:0; margin-top:0} .spe_frm .spe_sort {position:relative; width:100%; height:70px; padding:15px; background:#f0eff4; box-sizing:border-box} .spe_frm .spe_sort.fix {position:fixed; top:45px; left:0; z-index:100} .spe_frm .spe_sort select {width:100%; height:100%; padding:0 25px 0 10px; border:1px solid #d6d6d6; background:url('//img.1300k.com/mobile/events/chance/2018/ico_select.png') 100% 50% no-repeat #fff; background-size:21px auto; font-size:13px; color:#838383; vertical-align:top; box-sizing:border-box; -webkit-appearance:none} .spe_frm .spe_bar {position:relative; width:100%; background-color:#ea828b; text-align:center} .spe_frm .spe_bar .anchor {display:block; position:absolute; top:-115px; left:0; visibility:hidden} .spe_frm .spe_bar p {font-size:16px; font-weight:700; color:#fff; line-height:50px; text-align:center} .spe_frm .spe_gds {background:#fff} .spe_frm .spe_cmt {padding:0 15px; border-top:10px solid #f2f2f2; background:#fff} .spe_frm .spe_cmt .anchor {display:block; position:relative; height:50px; margin-top:-50px; visibility:hidden} .spe_frm .spe_list_more {padding:15px 15px 20px 15px; background:#fff} .spe_frm .spe_list_more a {display:block; height:33px; background:#222; font-size:13px; font-weight:700; color:#fff; line-height:33px; text-align:center} .spe_frm .spe_related {padding:25px 0; background:#f0eff4} .spe_frm .spe_related h3 {padding:0 15px; margin-bottom:23px; font-size:15px; font-weight:700; color:#000; line-height:1} .spe_frm .spe_related ul {overflow:hidden; margin:0 15px} .spe_frm .spe_related ul li {float:left; width:48.27%; margin-top:13px} .spe_frm .spe_related ul li:nth-child(2), .spe_frm .spe_related ul li:nth-child(4) {margin-left:3.46%} .spe_frm .spe_related ul li:nth-child(-n+2) {margin-top:0} .spe_frm .spe_related ul li a {display:block} .spe_frm .spe_related ul li a .tit {display:block; overflow:hidden; width:auto; height:22px; padding-top:5px; font-size:13px; font-weight:400; color:#000; line-height:17px; text-overflow:ellipsis; white-space:nowrap} .spe_frm .spe_related ul li a .img_thumb {display:block; position:relative; overflow:hidden; width:100%; padding-bottom:59.375%; font-size:0; line-height:0} .spe_frm .spe_related ul li a .img_thumb::before {position:absolute; top:0; left:0; width:100%; height:100%; background:url('//img.1300k.com/mobile/common/loading_common.png') no-repeat 50% 50% #fff; background-size:40px auto; content:''} .spe_frm .spe_related ul li a .img_thumb img {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; max-height:100%; margin:auto} @media all and (min-width:640px) { .spe_frm .spe_related ul li {width:24%; margin-top:0} .spe_frm .spe_related ul li:nth-child(2), .spe_frm .spe_related ul li:nth-child(3), .spe_frm .spe_related ul li:nth-child(4) {margin-left:1.33%} } /* 이벤트 목록 *********************************************************************/ .spe_frm .spe_group {width:100%; height:41px; background:url('//img.1300k.com/mobile/common/2018/bg_main_gnb.png') repeat-x; background-size:1px auto} .spe_frm .spe_group .group_wrap {overflow:hidden; width:100%} .spe_frm .spe_group .group_wrap li {float:left; width:20%} .spe_frm .spe_group .group_wrap li a {display:block; text-align:center} .spe_frm .spe_group .group_wrap li a span {display:inline-block; position:relative; font-size:14px; font-weight:400; color:#000; line-height:41px} .spe_frm .spe_group .group_wrap li.on a span {color:#00c73c} .spe_frm .spe_group .group_wrap li.on a span:after {display:block; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#00c73c; content:''} .gcate_box {background:#fff} .gcate_box ul {padding-left:5px} .gcate_box ul li {float:left; width:72px; height:97px} .gcate_box ul li a {display:block; padding-top:15px; text-align:center; box-sizing:border-box} .gcate_box ul li a .ico {display:block; height:46px; margin:0 auto 5px} .gcate_box ul li a .ico img {width:46px; height:46px} .gcate_box ul li a .txt {display:inline-block; padding-bottom:3px; font-size:12px; font-weight:400; color:#929292; line-height:1.2} .gcate_box ul li.cate_on a .txt {border-bottom:1px solid #222; font-weight:700; color:#000} .spe_list_frm .sort_box {overflow:hidden; height:35px; background:#f2f2f2} .spe_list_frm .sort_box .sort_list {float:right; padding:11px 5px} .spe_list_frm .sort_box .sort_list li {position:relative; float:left} .spe_list_frm .sort_box .sort_list li:before {display:block; position:absolute; top:2px; left:0; width:1px; height:11px; background:#cecece; content:''} .spe_list_frm .sort_box .sort_list li:first-child:before{display:none} .spe_list_frm .sort_box .sort_list li a {display:block; padding:0 10px; font-size:13px; font-weight:400; color:#999; line-height:1} .spe_list_frm .sort_box .sort_list li.on a {padding:0 10px 0 23px; background:url('//img.1300k.com/mobile/events/chance/2018/ico_sort_on.png') 10px center no-repeat; background-size:8px auto; font-weight:400; color:#0fd047} .spe_list_frm .list_box {background:#f2f2f2} .spe_list_frm .list_box .btn_more {background:#fff} .spe_list_frm .list_box .btn_more a {display:block; height:15px; padding:15px 0; margin:0 15px; border-top:1px solid #ddd; text-align:center} .spe_list_frm .list_box .btn_more a span {display:inline-block; padding-right:24px; background:url('//img.1300k.com/mobile/common/2018/ico_arrow_more.png') 100% center no-repeat; background-size:14px auto; font-size:14px; font-weight:400; color:#; line-height:15px; vertical-align:top} .spe_list_frm .list_box .list_blk .culture_item {padding:15px 15px 0} .spe_list_frm .list_box .list_blk .culture_item:first-child {padding-top:0} .spe_list_frm .list_box .list_blk .culture_item a {display:block; padding:10.3%; border:1px solid #dbdbdb; background:#fff} .spe_list_frm .list_box .list_blk .culture_item .img_blk {display:block; width:100%; margin:0 auto; border:1px solid #dbdbdb; box-sizing:border-box} .spe_list_frm .list_box .list_blk .culture_item .desc {display:block; position:relative; width:100%; padding-top:20px; margin:0 auto} .spe_list_frm .list_box .list_blk .culture_item .desc .txt_tit {display:block; overflow:hidden; font-size:15px; font-weight:700; color:#000; line-height:1; text-overflow:ellipsis; white-space:nowrap} .spe_list_frm .list_box .list_blk .culture_item .desc .cate {position:absolute; top:-11px; left:0; width:45px; height:22px; background:#7998e7; font-size:12px; font-weight:700; color:#fff; text-align:center; line-height:22px} .spe_list_frm .list_box .list_blk .culture_item .desc .cate.movie {background:#7998e7} .spe_list_frm .list_box .list_blk .culture_item .desc .cate.book {background:#ff8686} .spe_list_frm .list_box .list_blk .culture_item .desc .cate.invite {background:#1ed25f} .spe_list_frm .list_box .list_blk .culture_item .desc .date {display:block; padding-top:8px; font-size:13px; color:#838383; line-height:1} .spe_list_frm .list_box .list_blk .culture_item .desc .day {position:absolute; bottom:0; right:0; font-size:13px; font-weight:600; color:#1ed25f; line-height:1} /* 당첨자 */ .spe_prize_tab {width:100%; height:45px; border-top:10px solid #f2f2f2; background:#fff} .spe_prize_tab ul li {position:relative; float:left; width:50%; border-top:1px solid #ebebeb; border-bottom:1px solid #1ed25f} .spe_prize_tab ul li:first-child:before {display:block; position:absolute; top:0; right:-1px; width:1px; height:100%; background:#1ed25f; content:''} .spe_prize_tab ul li.on {border-top:1px solid #1ed25f; border-bottom:1px solid #fff} .spe_prize_tab ul li a {display:block; width:100%; height:100%; font-size:13px; color:#999; text-align:center; line-height:43px} .spe_prize_tab ul li.on a {color:#00c73c} .spe_prize_list ul {position:relative; padding:0 15px; background:#fff} .spe_prize_list ul:after {position:absolute; bottom:0; left:15px; right:15px; height:1px; background:#ebebeb; content:''} .spe_prize_list ul li {width:100%; border-top:1px solid #ebebeb} .spe_prize_list ul li:first-child {border-top:0} .spe_prize_list ul li .dt {position:relative; padding:12px 30px 12px 0} .spe_prize_list ul li .dt:after {display:block; position:absolute; top:50%; right:0; width:14px; height:8px; margin-top:-4px; content:''} .spe_prize_list ul li.fold .dt:after {background:url('//img.1300k.com/mobile/events/chance/2018/bullet_arrow_open.png') no-repeat; background-size:14px auto} .spe_prize_list ul li.unfold .dt:after {background:url('//img.1300k.com/mobile/events/chance/2018/bullet_arrow_close.png') no-repeat; background-size:14px auto} .spe_prize_list ul li .dt .title {font-size:13px; color:#333; line-height:18px; word-break:break-all} .spe_prize_list ul li .dt .title .cate {color:#00c73c} .spe_prize_list ul li .dt .date {padding-top:5px; font-size:12px; color:#999} .spe_prize_list ul li .dd {display:none; padding-bottom:15px; background:#fff; font-size:12px; color:#666; line-height:20px} .spe_prize_list ul li .dd table {width:100%} .spe_prize_list ul li .dd table thead th {padding:10px 0; border-top:1px solid #767679; border-bottom:1px solid #29292b; background-color:#4c4c51; text-align:center; font-size:12px; color:#ebebeb; font-weight:bold; -webkit-text-shadow:0 -1px 0 #141416; -moz-text-shadow:0 -1px 0 #141416; text-shadow:0 -1px 0 #141416} .spe_prize_list ul li .dd table tbody th {padding:10px 0; border-bottom:1px solid #d4d4d4; font-size:13px; color:#3c3c3c; font-weight:bold; text-align:left} .spe_prize_list ul li .dd table tbody th:first-child {text-align:center} .spe_prize_list ul li.unfold .dd {display:block} .spe_prize_list ul.review li {position:relative} .spe_prize_list ul.review li:after {display:block; position:absolute; top:50%; right:0; width:14px; height:8px; margin-top:-4px; content:''} .spe_prize_list ul.review li.fold:after {background:url('//img.1300k.com/mobile/events/chance/2018/bullet_arrow_open.png') no-repeat; background-size:14px auto} .spe_prize_list ul.review li.unfold:after {top:15px; margin-top:0; background:url('//img.1300k.com/mobile/events/chance/2018/bullet_arrow_close.png') no-repeat; background-size:14px auto} .spe_prize_list ul.review li .dt {padding:12px 30px 0 0} .spe_prize_list ul.review li .dt:after {display:none} .spe_prize_list ul.review li .dd {padding:8px 0 0; background:#fff} .spe_prize_list ul.review li .dd img {margin-top:10px} .spe_prize_list ul.review li .write_info {overflow:hidden; margin-top:5px; padding-bottom:10px} .spe_prize_list ul.review li.unfold .write_info {margin-top:0; padding-bottom:0} .spe_prize_list ul.review li .write_info > p {float:left; line-height:1} .spe_prize_list ul.review li .write_info > p .writer {position:relative; padding-right:10px; margin-right:10px; font-size:12px; color:#999; line-height:1; vertical-align:top} .spe_prize_list ul.review li .write_info > p .writer:after {display:block; position:absolute; top:50%; right:0; width:1px; height:10px; margin-top:-5px; background:#dadada; content:''} .spe_prize_list ul.review li .write_info > p .date {font-size:13px; color:#999; line-height:1; vertical-align:top} .spe_prize_list ul.review li.unfold .write_info > p .writer , .spe_prize_list ul.review li.unfold .write_info > p .date {line-height:40px} .spe_prize_list ul.review li .write_info .btn_box {display:none; float:right; width:70px; height:40px} .spe_prize_list ul.review li.unfold .write_info .btn_box {display:block} .spe_prize_list ul.review li .write_info .btn_box div {display:table; width:100%; table-layout:fixed} .spe_prize_list ul.review li .write_info .btn_box p {display:table-cell; position:relative; vertical-align:top} .spe_prize_list ul.review li .write_info .btn_box p:first-child:after {display:block; position:absolute; top:50%; right:0; width:1px; height:10px; margin-top:-5px; background:#dadada; content:''} .spe_prize_list ul.review li .write_info .btn_box p a {display:block; padding:0 0 0 10px; font-size:12px; color:#999; line-height:40px} .spe_prize_list ul.review li .write_info .btn_box p:first-child a {padding:0 10px 0 0} .spe_prize_list .btn_write {position:relative; padding:20px 15px; background:#fff} .spe_prize_list .btn_write:after {display:block; position:absolute; bottom:0; left:15px; right:15px; height:1px; background:#e5e5e5; content:''} .spe_prize_list .btn_write a {display:block; background:#1ed25f; text-align:center; line-height:45px} .spe_prize_list .btn_write a span {padding-right:17px; background:url('//img.1300k.com/mobile/common/2018/ico_arrow_right_w.png') 100% 50% no-repeat; background-size:7px auto; font-size:15px; color:#fff} /* 쿠폰존 */ .spe_coupon_tab {width:100%; height:41px; padding:10px 0; background:#f2f2f2} .spe_coupon_tab ul {width:100%} .spe_coupon_tab ul li {float:left; width:50%} .spe_coupon_tab ul li a {display:block; position:relative; height:41px; border-bottom:1px solid #ebebeb; background:#fff; color:#999; font-size:14px; font-weight:400; line-height:40px; text-align:center; box-sizing:border-box} .spe_coupon_tab ul li.on a {position:relative; border-bottom:none; background:#1ed25f; color:#fff; font-weight:700} .spe_coupon_tab ul li.on a:after {display:block; position:absolute; left:50%; bottom:-4px; width:8px; height:8px; margin-left:-4px; background:#1ed25f; transform:rotate(45deg); -webkit-transform:rotate(45deg); content:''} .spe_coupon_tab ul li a span {position:relative; padding-left:25px} .spe_coupon_tab ul li a span:before {position:absolute; left:0px; top:50%; margin-top:-9px; width:18px; height:18px; content:''} .spe_coupon_tab ul li:nth-child(1) a span:before {background:url('//img.1300k.com/mobile/events/coupon/ico_coupon_tab_prd.png') 50% 0%; background-size:100%} .spe_coupon_tab ul li:nth-child(2) a span:before {background:url('//img.1300k.com/mobile/events/coupon/ico_coupon_tab_brd.png') 50% 0%; background-size:100%} .spe_coupon_tab ul li.on a span:before {position:absolute; left:0px; top:50%; margin-top:-9px; width:18px; height:18px; background-position:50% 100%; content:''} .spe_coupon_list {padding:0px 15px; background:#fff} .spe_coupon_list .img_thumb {display:block; position:relative; overflow:hidden; font-size:0; line-height:0} .spe_coupon_list .img_thumb:before {position:absolute; top:0; left:0; width:100%; height:100%; background:url('//img.1300k.com/mobile/common/loading_common.png') no-repeat 50% 50% #fff; background-size:40px auto; content:''} .spe_coupon_list .img_thumb img {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; max-height:100%; margin:auto} .spe_coupon_list .sort_box {height:55px} .spe_coupon_list .sort_box .sort_list {float:right; padding:20px 0px} .spe_coupon_list .sort_box .sort_list li {position:relative; float:left} .spe_coupon_list .sort_box .sort_list li:before {display:block; position:absolute; top:2px; left:0; width:1px; height:11px; background:#cecece; content:''} .spe_coupon_list .sort_box .sort_list li:first-child:before {display:none} .spe_coupon_list .sort_box .sort_list li a {display:block; padding:0 10px; font-size:13px; font-weight:400; color:#999; line-height:1.2} .spe_coupon_list .sort_box .sort_list li.on a {padding:0 10px 0 23px; background:url('//img.1300k.com/mobile/events/chance/2018/ico_sort_on.png') 10px center no-repeat; background-size:8px auto; font-weight:400; color:#0fd047} .spe_coupon_list .sort_box .sort_list li:last-child a {padding-right:0} .spe_coupon_list .list_box .coupon_item {position:relative; padding:30px 0px; border-bottom:1px solid #f2f2f2} .spe_coupon_list .list_box .coupon_item:first-child {padding-top:0} .spe_coupon_list .list_box .coupon_item:last-child {border-bottom:none} .spe_coupon_list .list_box .coupon_item a {display:block; overflow:hidden} .spe_coupon_list .list_box .coupon_item a .coupon {position:relative; width:100%; padding-top:44%} .spe_coupon_list .list_box .coupon_item a .coupon:before {position:absolute; right:-3.5%; top:46%; width:6%; padding-top:6%; border:1px solid #e5e5e5; border-radius:100%; background:#fff; content:''; z-index:2} .spe_coupon_list .list_box .coupon_item a .coupon:after {position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #e5e5e5; box-sizing:border-box; content:''} .spe_coupon_list .list_box .coupon_item a .coupon .prd_img {position:absolute; left:0; top:0; width:44%; height:100%} .spe_coupon_list .list_box .coupon_item a .coupon .prd_img .img_thumb {width:100%; height:0; padding-bottom:100%} .spe_coupon_list .list_box .coupon_item a .coupon .coupon_txt {position:absolute; right:0; top:0; width:56%; height:100%; display:flex; flex-flow:column wrap; align-items:center; justify-content:center} .spe_coupon_list .list_box .coupon_item a .coupon .coupon_txt span {width:88%; text-align:center} .spe_coupon_list .list_box .coupon_item a .coupon .coupon_txt .coupon_tit {position:relative; margin-bottom:8%; padding-bottom:8%; color:#1ed25f; font-size:4.8vw; font-weight:700} .spe_coupon_list .list_box .coupon_item a .coupon .coupon_txt .coupon_tit:after {position:absolute; left:13%; bottom:0; width:74%; height:1px; border-bottom:1px dashed #ccc; content:''} .spe_coupon_list .list_box .coupon_item a .coupon .coupon_txt .coupon_cont {color:#000; font-size:7.187vw; font-weight:600; letter-spacing:-1px; word-break:break-all} .spe_coupon_list .list_box .coupon_item a .coupon .coupon_txt .coupon_cont .won {margin-left:3px; font-size:4.687vw} .spe_coupon_list .list_box .coupon_item a .desc {padding:20px 0; text-align:center; clear:both} .spe_coupon_list .list_box .coupon_item a .desc .txt_tit {overflow:hidden; margin:3px 0px 8px; color:#333; font-size:14px; font-weight:400; line-height:1.2; white-space:nowrap; text-overflow:ellipsis} .spe_coupon_list .list_box .coupon_item a .desc .date {color:#838383; font-size:13px; font-weight:400; line-height:22px} .spe_coupon_list .list_box .coupon_item a.more_btn {display:block; position:relative; height:45px; background:#1ed25f; color:#fff; font-size:15px; font-weight:400; line-height:46px; text-align:center; text-indent:-10px} .spe_coupon_list .list_box .coupon_item a.more_btn:after {display:block; position:absolute; right:50%; top:50%; margin-top:-4px; width:8px; height:8px; margin-right:-58px; border:1px solid #fff; border-width:1px 1px 0px 0px; transform:rotate(45deg); -webkit-transform:rotate(45deg); content:''} .spe_coupon_list .list_box li.no_item {height:auto; padding:97px 0 40px; background:url('//img.1300k.com/mobile/shop/2018/ico_no_text.png') center 35px no-repeat #fff; background-size:50px auto} .spe_coupon_list .list_box li.no_item p {color:#888; font-size:12px; line-height:18px; text-align:center} /* 상품상세 *********************************************************************/ .pdt_frm {background:#f2f2f2} .pdt_frm p , .pdt_frm span, .pdt_frm a , .pdt_frm textarea, .pdt_frm input {font-family:'Noto Sans KR', 'Malgun Gothic', Dotum} .pdt_frm .number {font-family:'Montserrat','Noto Sans KR', 'Malgun Gothic', Dotum} .pdt_frm .eng {font-family:'Roboto','Noto Sans KR', 'Malgun Gothic', Dotum} .pdt_frm img {vertical-align:top} .pdt_frm section {margin-top:10px; border-bottom:1px solid #ebebeb; background:#fff} .pdt_frm section h2 {height:50px; font-size:15px; font-weight:700; color:#000; line-height:50px; text-align:center} .pdt_frm section .gds_list {padding:0 0 12px; background:#fff} .pdt_frm section .gds_list li {width:82px; margin-top:0; padding-left:6px; padding-right:6px} .pdt_frm section .gds_list li:first-child {padding-left:15px} .pdt_frm section .gds_list li:last-child {padding-right:15px} .pdt_frm section .gds_list li .desc {display:block; height:68px; padding-top:7px; box-sizing:border-box} .pdt_frm section .gds_list li .desc .tit {display:-webkit-box; overflow:hidden; height:36px; font-size:13px; color:#444; line-height:18px; text-align:center; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis} .pdt_frm section .gds_list li .desc .price {display:block; overflow:hidden; padding-top:5px; font-size:11px; color:#999; line-height:1.2; text-align:center; white-space:nowrap; text-overflow:ellipsis} .pdt_frm section .gds_list li .desc .price strong {font-size:13px; font-weight:600} .pdt_frm .pdt_spec {margin-top:0} .pdt_spec .thumb_box {position:relative} .pdt_spec .thumb_box .btn_play {display:block; position:absolute; top:50%; left:50%; width:52px; height:52px; margin:-26px 0 0 -26px} .pdt_spec .thumb_box .slide_paging {position:absolute; bottom:15px; left:50%; width:38px; height:20px; margin-left:-19px; line-height:20px; text-align:center} .pdt_spec .thumb_box .slide_paging div {bottom:0; font-size:12px; color:#fff} .pdt_spec .thumb_box .slide_paging span {position:relative; font-family:'Montserrat','Noto Sans KR', 'Malgun Gothic', Dotum; font-size:12px; color:#fff; vertical-align:middle; z-index:3} .pdt_spec .thumb_box .slide_paging .bg {display:block; position:absolute; top:0; left:0; width:38px; height:20px; border-radius:15px; background:#000; opacity:0.4; z-index:2} .pdt_spec .thumb_box .ico_today {position:absolute; right:12px; bottom:11px; width:55px; height:55px; z-index:10} .pdt_spec .info_box {padding:0 15px; background:#fff} .pdt_spec .info_box .gds_name {overflow:hidden; padding-top:18px; font-size:19px; font-weight:700; color:#222; line-height:1.4} .pdt_spec .info_box .gds_name em.gds_type12 {padding-right:10px; color:#6386eb} .pdt_spec .info_box .gds_name em.gds_type13 {padding-right:10px; color:#fa78a0} .pdt_spec .info_box .gds_price {overflow:hidden; margin-top:16px} .pdt_spec .info_box .gds_price .sale {float:left; padding-right:10px; font-size:32px; font-weight:600; color:#1ed25f; line-height:1} .pdt_spec .info_box .gds_price .sum {float:left} .pdt_spec .info_box .gds_price .sum p {overflow:hidden} .pdt_spec .info_box .gds_price .sum p .final {float:left; font-size:13px; color:#222; line-height:1} .pdt_spec .info_box .gds_price .sum p .final strong {padding-right:2px; font-size:20px; font-weight:600} .pdt_spec .info_box .gds_price .sum p .btn_help {display:block; float:left; width:20px; height:20px; padding-left:10px} .pdt_spec .info_box .gds_price .sum del {display:block; padding-top:5px; font-size:12px; color:#999; line-height:1} .pdt_spec .info_box .gds_price .btn_wish {float:right; width:30px; font-size:11px; font-weight:600; color:#666; text-align:center} .pdt_spec .info_box .gds_price .btn_wish .ico {display:block; width:20px; height:18px; margin:0 auto 4px; background:url('//img.1300k.com/mobile/shop/2018/bg_ico_wish.png') no-repeat; background-size:20px auto} .pdt_spec .info_box .gds_price .btn_wish.on .ico {background-position:0 -22px} .pdt_spec .info_box .price_guide {padding:20px 0} .pdt_spec .info_box .price_guide ul {border-bottom:1px solid #f2f2f2} .pdt_spec .info_box .price_guide ul li {overflow:hidden; border-top:1px solid #f2f2f2} .pdt_spec .info_box .price_guide ul li .tit {float:left; padding:8px 0; font-size:12px; color:#777; line-height:25px} .pdt_spec .info_box .price_guide ul li .txt {float:right; padding:8px 0; font-size:0} .pdt_spec .info_box .price_guide ul li .txt p, .pdt_spec .info_box .price_guide ul li .txt span {font-size:13px; color:#222; line-height:25px} .pdt_spec .info_box .price_guide ul li .txt span strong {font-weight:600} .pdt_spec .info_box .price_guide ul li .coupon {display:inline-block; position:relative; height:23px; padding:0 33px 0 10px; font-size:13px; font-weight:600; line-height:23px} .pdt_spec .info_box .price_guide ul li .coupon.plus {border:1px solid #6e6e6e; color:#6e6e6e} .pdt_spec .info_box .price_guide ul li .coupon.plus_payco {border:1px solid #ff0000; color:#ff0000} .pdt_spec .info_box .price_guide ul li .coupon.sale {margin-left:7px; border:1px solid #1ed25f; color:#1ed25f} .pdt_spec .info_box .price_guide ul li .coupon.sale_payco {margin-left:7px; border:1px solid #ff0000; color:#ff0000} .pdt_spec .info_box .price_guide ul li .coupon.plus:after {display:block; position:absolute; top:0; right:0; width:24px; height:23px; background:url('//img.1300k.com/mobile/shop/2018/ico_coupon_down.png') 50% no-repeat #6e6e6e; background-size:10px auto; content:''} .pdt_spec .info_box .price_guide ul li .coupon.plus_payco:after {display:block; position:absolute; top:0; right:0; width:24px; height:23px; background:url('//img.1300k.com/mobile/shop/2018/ico_coupon_down.png') 50% no-repeat #ff0000; background-size:10px auto; content:''} .pdt_spec .info_box .price_guide ul li .coupon.sale:after {display:block; position:absolute; top:0; right:0; width:24px; height:23px; background:url('//img.1300k.com/mobile/shop/2018/ico_coupon_down.png') 50% no-repeat #1ed25f; background-size:10px auto; content:''} .pdt_spec .info_box .price_guide ul li .coupon.sale_payco:after {display:block; position:absolute; top:0; right:0; width:24px; height:23px; background:url('//img.1300k.com/mobile/shop/2018/ico_coupon_down.png') 50% no-repeat #ff0000; background-size:10px auto; content:''} .pdt_spec .info_box .price_guide ul li .txt .star {display:inline-block; position:relative; width:72px; height:12px; margin:6px 6px 0 0; background:url('//img.1300k.com/mobile/shop/2018/img_star_gray_s.png') no-repeat; background-size:72px auto; vertical-align:top} .pdt_spec .info_box .price_guide ul li .txt .star .on {display:inline-block; position:absolute; top:0; left:0; height:12px; background:url('//img.1300k.com/mobile/shop/2018/img_star_gold_s.png') no-repeat; background-size:72px auto} .pdt_spec .info_box .price_guide ul li.brandbook .btn_more {display:inline-block; padding-right:13px; background:url('//img.1300k.com/mobile/common/2018/ico_arrow_right.png') 100% 50% no-repeat; background-size:6px auto} .pdt_spec .info_box .price_guide ul li.brandbook .btn_more span {color:#333} .pdt_spec .info_box .price_guide ul li.delivery .btn_more {padding-right:18px; background:url('//img.1300k.com/mobile/shop/2018/ico_arrow_open.png') 100% 50% no-repeat; background-size:10px auto; font-size:13px; color:#222; line-height:25px} .pdt_spec .info_box .price_guide ul li.delivery.unfold .btn_more {background:url('//img.1300k.com/mobile/shop/2018/ico_arrow_close.png') 100% 50% no-repeat; background-size:10px auto} .pdt_spec .info_box .price_guide ul li.delivery .btn_more strong {font-weight:600} .pdt_spec .info_box .price_guide ul li.delivery .more_cts {display:none; overflow:hidden; width:100%; padding:10px; background:#f2f2f2; box-sizing:border-box} .pdt_spec .info_box .price_guide ul li.delivery.unfold .more_cts {display:block} .pdt_spec .info_box .price_guide ul li.delivery .more_cts dl {overflow:hidden; width:100%} .pdt_spec .info_box .price_guide ul li.delivery .more_cts dl dt {float:left; font-size:12px; color:#666; line-height:24px} .pdt_spec .info_box .price_guide ul li.delivery .more_cts dl dd {float:right; font-size:12px; color:#666; line-height:24px; text-align:right} .pdt_spec .info_box .price_guide ul li.delivery .more_cts dl dd em {color:#1ed25f} .pdt_tab {position:relative; overflow:hidden; width:100%; height:45px; background:#fff; z-index:10} .pdt_tab.fix {position:fixed; top:43px; left:0} .pdt_tab li {position:relative; float:left; width:25%; height:45px; box-sizing:border-box} .pdt_tab li a {display:block; position:relative; width:100%; height:45px; background:url('//img.1300k.com/mobile/shop/2018/bg_pdt_tab.png') repeat-x; background-size:1px auto; font-size:14px; color:#777; line-height:45px; text-align:center} .pdt_tab li a:before {display:block; position:absolute; top:15px; left:0; width:1px; height:14px; background:#ebebeb; content:''} .pdt_tab li:first-child a:before {display:none} .pdt_tab li.active a {background:url('//img.1300k.com/mobile/shop/2018/bg_pdt_tab_on.png') repeat-x; background-size:1px auto; font-weight:700; color:#1ed25f} .pdt_tab li.active:before {display:block; position:absolute; top:0; left:0; width:1px; height:45px; background:#1ed25f; content:''; z-index:10} .pdt_tab li.active:after {display:block; position:absolute; top:0; right:-1px; width:1px; height:45px; background:#1ed25f; content:''; z-index:10} .pdt_tab li:first-child.active:before {display:none} .pdt_tab li:last-child.active:after {display:none} .pdt_wrap .btn_write {padding:20px 15px 15px} .pdt_wrap .btn_write a {display:block; width:100%; height:45px; background:#1ed25f; text-align:center} .pdt_wrap .btn_write a span {padding-right:17px; font-size:15px; color:#fff; background:url('//img.1300k.com/mobile/common/2018/ico_arrow_right_w.png') 100% center no-repeat; background-size:7px auto; line-height:45px} .pdt_wrap .txt_notice {padding:12px 15px 16px; text-align:center} .pdt_wrap .txt_notice p {font-size:12px; color:#666; line-height:20px} .pdt_wrap .txt_notice p span {color:#1ed25f} .pdt_info {background:#f2f2f2} .pdt_info .pdt_explain {padding:15px 15px 5px 15px; background:#fff} .pdt_info .pdt_explain dt {padding-bottom:5px; font-size:14px; font-weight:700; color:#333; line-height:1.2} .pdt_info .pdt_explain dd {position:relative; padding-left:7px; margin-top:6px; font-size:12px; color:#666; line-height:16px; word-break:break-word} .pdt_info .pdt_explain dd:before {display:block; position:absolute; top:7px; left:0; width:2px; height:2px; background:#666; content:''} .pdt_info .pdt_extinfo {padding:15px 15px 5px 15px; background:#fff} .pdt_info .pdt_extinfo dt {padding-bottom:5px; font-size:14px; font-weight:700; color:#333; line-height:1.2} .pdt_info .pdt_extinfo dd {position:relative; padding:0 7px; margin-top:6px; font-size:12px; color:#666; line-height:16px; word-break:break-word} .pdt_info .video_box {position:relative; padding:20px 15px 20px; background:#fff} .pdt_info .video_box .play_blk {position:relative; width:100%; height:0; padding-bottom:56.25%} .pdt_info .video_box .play_blk iframe {position:absolute; top:0; left:0; width:100%; height:100%} .pdt_info .detail_box {position:relative; padding:15px 0; border-bottom:1px solid #ebebeb; background:#fff} .pdt_info .detail_box .btn_zoom {display:none; position:fixed; top:50%; left:50%; width:95px; height:95px; margin-top:-47px; margin-left:-47px; z-index:10} .pdt_info .add_box {margin-top:10px; background:#fff} .pdt_info .add_box .cate {padding-left:15px} .pdt_info .add_box .cate ol li {width:auto} .pdt_info .add_box .cate ol li a {display:block; position:relative; height:45px; padding-right:19px; font-size:14px; color:#222; line-height:45px} .pdt_info .add_box .cate ol li a:after {position:absolute; top:0; right:0; width:19px; height:45px; text-align:center; content:'>'} .pdt_info .add_box .cate ol li:last-child a:after {display:none} .pdt_info .add_box .brand {overflow:hidden; border-top:1px solid #ebebeb} .pdt_info .add_box .brand a {display:block; position:relative; width:100%; height:45px; padding:0 82px 0 15px; box-sizing:border-box} .pdt_info .add_box .brand a .tit {display:block; overflow:hidden; font-size:14px; color:#222; line-height:45px; text-overflow:ellipsis; white-space:nowrap} .pdt_info .add_box .brand a .brand_book {position:absolute; top:0; right:0; height:45px; padding-right:26px; font-size:13px; color:#999; line-height:45px} .pdt_info .add_box .brand a .brand_book:after {position:absolute; top:0; right:15px; width:6px; height:45px; background:url('//img.1300k.com/mobile/common/2018/ico_arrow_right.png') 0 center no-repeat; background-size:6px auto; content:''} .pdt_info .add_box .brand_evt {padding:10px 15px; border-top:1px solid #ebebeb} .pdt_info .add_box .brand_evt ul li {margin-top:4px} .pdt_info .add_box .brand_evt ul li:first-child {margin-top:0} .pdt_info .add_box .brand_evt ul li a {display:inline-block; position:relative; padding-left:7px; height:30px; font-size:14px; color:#666; line-height:30px} .pdt_info .add_box .brand_evt ul li a:after {display:block; position:absolute; top:13px; left:0; width:2px; height:2px; background:#666; content:''} .pdt_info .add_box .brand_evt ul li a span {padding-left:3px; color:#1ed25f; font-weight:700} .pdt_info .more_item .gds_list {padding:0 0 12px} .pdt_info .more_item .gds_list li {width:125px; margin-right:15px} .pdt_review {display:none} .pdt_review .review_score {height:44px; padding-top:11px; margin:0 15px; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; text-align:center; box-sizing:border-box} .pdt_review .review_score .star {display:inline-block; position:relative; width:104px; height:17px; margin-right:10px; background:url('//img.1300k.com/mobile/shop/2018/img_star_gray.png') no-repeat; background-size:104px auto; vertical-align:middle} .pdt_review .review_score .star .on {display:inline-block; position:absolute; top:0; left:0; height:17px; background:url('//img.1300k.com/mobile/shop/2018/img_star_gold.png') no-repeat; background-size:104px auto} .pdt_review .review_score .num {display:inline-block; font-size:16px; font-weight:600; color:#333; vertical-align:middle} .pdt_review .review_tab {margin:0 15px} .pdt_review .review_tab .tab {overflow:hidden} .pdt_review .review_tab .tab li {position:relative; float:left; width:50%; height:38px; border:1px solid #e5e5e5; box-sizing:border-box} .pdt_review .review_tab .tab li:first-child {border-right:1px solid #e5e5e5} .pdt_review .review_tab .tab li a {display:block; width:100%; height:100%; background:#ededed; font-size:13px; color:#858585; line-height:36px; text-align:center} .pdt_review .review_tab .tab li a span {padding-left:3px; font-weight:600} .pdt_review .review_tab .tab li.active a {background:#fff; color:#333} .pdt_review .review_tab .tab li.active a span {color:#1ed25f} .pdt_review .review_list {position:relative; padding:5px 15px} .pdt_review .review_list:after {display:block; position:absolute; bottom:0; left:15px; right:15px; height:1px; background:#e5e5e5; content:''} .pdt_review .review_list li {position:relative; padding:15px 0; border-top:1px solid #e5e5e5} .pdt_review .review_list li:first-child {border-top:0} .pdt_review .review_list li.no_text {padding:110px 0 160px; background:url('//img.1300k.com/mobile/shop/2018/ico_no_text.png') 50% 70px no-repeat; background-size:30px auto; font-size:12px; color:#999; text-align:center} .pdt_review .review_list li .star {display:block; position:relative; width:72px; height:12px; margin-bottom:15px; background:url('//img.1300k.com/mobile/shop/2018/img_star_gray_s.png') no-repeat; background-size:72px auto; vertical-align:top} .pdt_review .review_list li .star .on {display:inline-block; position:absolute; top:0; left:0; height:12px; background:url('//img.1300k.com/mobile/shop/2018/img_star_gold_s.png') no-repeat; background-size:72px auto} .pdt_review .review_list li.fold .review_cts {position:relative; overflow:hidden; padding-right:60px} .pdt_review .review_list li.unfold .review_cts {height:auto} .pdt_review .review_list li.fold .review_cts .img_blk {position:absolute; top:0; right:0; width:50px; height:50px} .pdt_review .review_list li.unfold .review_cts .img_blk img {margin-bottom:10px} .pdt_review .review_list li.fold .review_cts .img_blk img {display:none} .pdt_review .review_list li.fold .review_cts .img_blk img:first-child {display:block; width:100%; height:100%} .pdt_review .review_list li .review_cts .title {display:block; overflow:hidden; font-size:13px; font-weight:400; color:#333; line-height:1.2; white-space:nowrap; text-overflow:ellipsis} .pdt_review .review_list li .review_cts .txt {padding-top:2px; font-size:12px; color:#666; line-height:18px; word-break:break-word} .pdt_review .review_list li.fold .review_cts .txt {display:none; overflow:hidden; max-height:36px; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis} /*.pdt_review .review_list li.unfold .review_cts .txt {display:-webkit-box}*/ .pdt_review .review_list li .review_cts .writer {overflow:hidden; width:100%; margin-top:10px} .pdt_review .review_list li .review_cts .writer .write_info {float:left; font-size:0; line-height:0} .pdt_review .review_list li .review_cts .writer .write_info span {display:inline-block; position:relative; font-size:11px; color:#999; line-height:1.2; vertical-align:top} .pdt_review .review_list li .review_cts .writer .write_info .date {padding-left:10px; margin-left:10px} .pdt_review .review_list li .review_cts .writer .write_info .date:before {display:block; position:absolute; top:50%; left:0; width:1px; height:9px; margin-top:-4px; background:#dadada; content:''} .pdt_review .review_list li .review_cts .writer .btn_blk {float:right; font-size:0; line-height:0} .pdt_review .review_list li.fold .review_cts .writer .btn_blk {display:none} .pdt_review .review_list li.unfold .review_cts .writer .btn_blk {display:block} .pdt_review .review_list li .review_cts .writer .btn_blk a {display:inline-block; position:relative; padding-left:10px; margin-left:10px; font-size:12px; color:#999; line-height:1.2; vertical-align:top} .pdt_review .review_list li .review_cts .writer .btn_blk a:last-child:before {display:block; position:absolute; top:50%; left:0; width:1px; height:9px; margin-top:-4px; background:#dadada; content:''} .pdt_review .review_list li .review_cts .cts_reply {display:none; margin-top:15px; padding:5px 15px; background:#f2f2f2} .pdt_review .review_list li.unfold .review_cts .cts_reply {display:block} .pdt_review .review_list li .review_cts .cts_reply ul li {padding-left:20px; border-top:1px dotted #d0d0d0} .pdt_review .review_list li .review_cts .cts_reply ul li:first-child {border-top:none} .pdt_review .review_list li .review_cts .cts_reply ul li .wr_info:after {clear:both; display:block; content:''} .pdt_review .review_list li .review_cts .cts_reply ul li .wr_info span {display:inline-block; float:left; width:auto; height:22px; box-sizing:border-box; color:#999} .pdt_review .review_list li .review_cts .cts_reply ul li .wr_info span.writer {position:relative; margin:0px; padding:0px 9px; border:1px solid #1ed25f; border-radius:15px; color:#1ed25f; font-family:'Montserrat','Noto Sans KR','Malgun Gothic','Dotum',sans-serif; font-size:11px; font-weight:bold; line-height:20px; overflow:visible} .pdt_review .review_list li .review_cts .cts_reply ul li .wr_info span.writer:before {position:absolute; left:-15px; top:3px; width:8px; height:8px; border:1px solid #ccc; border-right:0; border-top:0; z-index:2; content:''} .pdt_review .review_list li .review_cts .cts_reply ul li .wr_info span.writer.rp_13k {color:#1ed25f; border:1px solid #1ed25f} .pdt_review .review_list li .review_cts .cts_reply ul li .wr_info span.writer.rp_shop {color:#5d7bab; border:1px solid #5d7bab} .pdt_review .review_list li .review_cts .cts_reply ul li .wr_info span.date {margin-left:8px; font-size:11px; line-height:23px} .pdt_review .review_list li .review_cts .cts_reply ul li .wr_cmt_txt {margin-top:8px; font-size:12px; color:#666; font-family:'Noto Sans KR', 'Malgun Gothic', 'Dotum', sans-serif; line-height:15px; word-break:break-word} .pdt_review .review_list li .reply {position:absolute; right:0; top:15px; z-index:2} .pdt_review .review_list li .reply span.ico_reply {float:left; height:18px; margin-left:2px; padding:0px 7px; border:1px solid #ccc; border-radius:10px; box-sizing:border-box; font-family:'Montserrat','Noto Sans KR','Malgun Gothic','Dotum',sans-serif; font-size:11px; font-weight:bold; line-height:16px} .pdt_review .review_list li .reply span.ico_reply.rp_13k {color:#1ed25f; border:1px solid #1ed25f} .pdt_review .review_list li .reply span.ico_reply.rp_shop {color:#5d7bab; border:1px solid #5d7bab} .pdt_qna {display:none} .pdt_qna .txt_notice {padding:0 15px 16px} .pdt_qna .qna_list {position:relative; padding:0 15px} .pdt_qna .qna_list:after {display:block; position:absolute; bottom:0; left:15px; right:15px; height:1px; background:#e5e5e5; content:''} .pdt_qna .qna_list li {border-top:1px solid #e5e5e5} .pdt_qna .qna_list li.no_text {padding:110px 0 160px; background:url('//img.1300k.com/mobile/shop/2018/ico_no_text.png') 50% 70px no-repeat; background-size:30px auto; font-size:12px; color:#999; text-align:center} .pdt_qna .qna_list li .writer {margin-top:8px; font-size:0; line-height:0} .pdt_qna .qna_list li .writer span {display:inline-block; position:relative; font-size:11px; color:#999; line-height:1.2; vertical-align:top} .pdt_qna .qna_list li .writer .date {padding-left:10px; margin-left:10px} .pdt_qna .qna_list li .writer .date:before {display:block; position:absolute; top:50%; left:0; width:1px; height:9px; margin-top:-4px; background:#dadada; content:''} .pdt_qna .qna_list li .cts_short {padding:15px 0} .pdt_qna .qna_list li .cts_short .status {width:60px; height:22px; background:#b2b2b2; border-radius:15px; font-size:11px; color:#fff; text-align:center; line-height:22px} .pdt_qna .qna_list li .cts_short .status.end {background:#666} .pdt_qna .qna_list li .cts_short .subject {display:block; position:relative; overflow:hidden; padding:0 20px 0 0; margin-top:8px; font-size:13px; color:#333; line-height:1.2; text-overflow:ellipsis; white-space:nowrap} .pdt_qna .qna_list li .cts_short .subject:after {display:block; position:absolute; top:3px; right:0; width:13px; height:7px; background:url('//img.1300k.com/mobile/shop/2018/ico_qna_open.png') no-repeat; background-size:13px auto; content:''} .pdt_qna .qna_list li.unfold .cts_short .subject:after {background:url('//img.1300k.com/mobile/shop/2018/ico_qna_close.png') no-repeat; background-size:13px auto} .pdt_qna .qna_list li .cts_short .subject.secret {padding:0 20px 0 18px; background:url('//img.1300k.com/mobile/shop/2018/ico_secret.png') 0 center no-repeat; background-size:11px auto } .pdt_qna .qna_list li .cts_more {display:none; padding:0 15px; border-top:1px solid #e5e5e5; background:#f2f2f2} .pdt_qna .qna_list li.unfold .cts_more {display:block} .pdt_qna .qna_list li .cts_more .txt_box {position:relative; padding:15px 0 15px 25px} .pdt_qna .qna_list li .cts_more .txt_box.ans {border-top:1px dotted #d0d0d0} .pdt_qna .qna_list li .cts_more .txt_box.que:before {display:block; position:absolute; top:15px; left:0; width:25px; height:20px; font-family:'Roboto','Noto Sans KR', 'Malgun Gothic', Dotum; font-size:18px; font-weight:700; color:#666; content:'Q'} .pdt_qna .qna_list li .cts_more .txt_box.ans:before {display:block; position:absolute; top:15px; left:0; width:25px; height:20px; font-family:'Roboto','Noto Sans KR', 'Malgun Gothic', Dotum; font-size:18px; font-weight:700; color:#1ed25f; content:'A'} .pdt_qna .qna_list li .cts_more .txt_box p {font-size:12px; color:#666; line-height:15px; word-break:break-word} .pdt_qna .qna_list li .cts_more .btn_blk {margin-top:8px; font-size:0; line-height:0} .pdt_qna .qna_list li .cts_more .btn_blk a {display:inline-block; position:relative; padding-right:10px; margin-right:10px; font-size:12px; color:#999; line-height:1.2} .pdt_basic {display:none} .pdt_basic .basic_info dl {margin:0 15px 5px} .pdt_basic .basic_info dl dt {padding:20px 0 10px; font-size:14px; font-weight:700; color:#333} .pdt_basic .basic_info dl dt span {padding-left:8px; font-size:12px; font-weight:400} .pdt_basic .basic_info dl dd table {width:100%; border-bottom:1px solid #e5e5e5} .pdt_basic .basic_info dl dd table th {padding:10px; border-top:1px solid #e5e5e5; background:#f2f2f2; font-size:12px; font-weight:400; color:#333; text-align:left; vertical-align:top} .pdt_basic .basic_info dl dd table td {padding:10px; border-top:1px solid #e5e5e5; font-size:12px; color:#666; line-height:17px; word-break:break-word} .pdt_basic .basic_info dl dd .txt_notice {padding:10px 0 0 8px; font-size:11px; color:#999; line-height:16px; text-align:left; text-indent:-8px} .pdt_basic .basic_list {width:100%; margin-top:15px} .pdt_basic .basic_list dl dt {position:relative; padding:0 45px 0 15px; border-bottom:1px solid #e5e5e5; background:#f2f2f2; font-size:14px; color:#222; line-height:45px} .pdt_basic .basic_list dl dt:after {display:block; position:absolute; top:0; right:15px; width:13px; height:45px; background:url('//img.1300k.com/mobile/shop/2018/ico_info_open.png') 0 center no-repeat; background-size:13px auto; content:''} .pdt_basic .basic_list dl.unfold dt:after {background:url('//img.1300k.com/mobile/shop/2018/ico_info_close.png') 0 center no-repeat; background-size:13px auto} .pdt_basic .basic_list dl dd {display:none; padding:10px 15px; background:#fff} .pdt_basic .basic_list dl.unfold dd {display:block} .pdt_basic .basic_list dl dd table {width:100%} .pdt_basic .basic_list dl dd table td {padding:3px 0; font-size:12px; font-weight:400; color:#666; text-align:left; vertical-align:top} .pdt_basic .basic_list dl dd table td.tit {font-size:13px; color:#333; font-weight:700} .pdt_basic .basic_list dl dd table td.desc {position:relative; padding-left:7px; margin-top:6px; font-size:12px; color:#666; line-height:16px; word-break:break-word} .pdt_basic .basic_list dl dd table td.desc:before {display:block; position:absolute; top:10px; left:0; width:2px; height:2px; background:#666; content:''} .pdt_basic .basic_list dl dd p {padding-left:8px; font-size:12px; color:#666; text-indent:-8px; word-break:break-all} .pdt_basic .basic_info .safe_auth table {width:100%; border:none} .pdt_basic .basic_info .safe_auth table td {padding:14px 0; border:none; background-color:#f2f2f2; vertical-align:middle} .pdt_basic .basic_info .safe_auth table td .img_logo {display:block; width:60px; height:60px; margin:0 auto; background-color:#fff} .pdt_basic .basic_info .safe_auth table td .img_logo img {width:70%; padding:15%} .pdt_basic .basic_info .safe_auth table td .auth_info {position:relative; width:100%; min-height:24px; padding:0 10px 0 76px; font-size:13px; color:#666; line-height:24px; text-align:right; letter-spacing:-1px; box-sizing:border-box; word-break:break-all} .pdt_basic .basic_info .safe_auth table td .auth_info strong {position:absolute; top:0; left:10px; width:90px; min-height:24px; font-size:13px; font-weight:bold; color:#76592b; text-align:left; line-height:24px; letter-spacing:-1px} .pdt_basic .basic_info .safe_auth table td.sub {background-color:#fff} .pdt_basic .basic_info .safe_auth table td.sub .txt {padding:0 10px; font-size:12px; color:#999; letter-spacing:-1px; line-height:16px} .pdt_sale_layer {display:none} .pdt_sale_layer {background:#f2f2f2} .pdt_sale_layer p, .pdt_sale_layer span, .pdt_sale_layer a, .pdt_sale_layer textarea, .pdt_sale_layer input {font-family:'Noto Sans KR', 'Malgun Gothic', Dotum} .pdt_sale_layer .number {font-family:'Montserrat','Noto Sans KR', 'Malgun Gothic', Dotum} .pdt_sale_layer .eng {font-family:'Roboto','Noto Sans KR', 'Malgun Gothic', Dotum} .pdt_sale_layer .cts_layer {padding:15px} .pdt_sale_layer .cts_layer table {width:100%; border:1px solid #e5e5e5} .pdt_sale_layer .cts_layer table th {padding:10px 0 10px 10px; border-top:1px solid #e5e5e5; background:#f2f2f2; font-size:12px; font-weight:400; color:#333; text-align:left} .pdt_sale_layer .cts_layer table th.all {font-size:14px; font-weight:700} .pdt_sale_layer .cts_layer table td {padding:10px 10px 10px 0; border-top:1px solid #e5e5e5; font-size:11px; color:#666; text-align:right} .pdt_sale_layer .cts_layer table td.all {font-size:12px; color:#1ed25f} .pdt_sale_layer .cts_layer table td span {font-size:13px; font-weight:600} .pdt_sale_layer .cts_layer table td.all span {font-size:17px} .pdt_sale_layer .cts_layer .txt_noti {margin-top:10px; font-size:12px; color:#999; line-height:18px} .pdt_plus_cpn_layer {display:none; background:#f2f2f2} .pdt_plus_cpn_layer span, .pdt_plus_cpn_layer a {font-family:'Noto Sans KR', 'Malgun Gothic', Dotum} .pdt_plus_cpn_layer .cts_layer {padding:15px 0 24px} .pdt_plus_cpn_layer .cts_layer .tit {display:inline-block; width:100%; padding-bottom:15px; font-size:18px; color:#000; text-align:center} .pdt_plus_cpn_layer .cts_layer .tit em {color:#f91313} .pdt_plus_cpn_layer .cts_layer .desc {display:inline-block; width:100%; font-size:14px; color:#666666; line-height:1.5; text-align:center} .pdt_plus_cpn_layer .btn_change {display:block; margin:0 auto 15px; width:200px; height:36px; border:1px solid #f91313; font-size:16px; font-weight:700; color:#f91313; line-height:36px; text-align:center} .pdt_cart_layer {display:none; background:#f2f2f2} .pdt_cart_layer span, .pdt_cart_layer a {font-family:'Noto Sans KR', 'Malgun Gothic', Dotum} .pdt_cart_layer .cts_layer {padding:100px 0 24px; background:url('//img.1300k.com/mobile/common/2018/ico_cart_apply.png') no-repeat 50% 10px; background-size:65px 66px} .pdt_cart_layer .cts_layer .tit {display:inline-block; width:100%; font-size:18px; color:#000; text-align:center} .pdt_cart_layer .cts_layer .tit em {color:#1ed25f} .pdt_cart_layer .btn_layer .btn_cart {display:block; margin:0 auto 15px; width:160px; height:36px; border:1px solid #1ed25f; font-size:16px; font-weight:700; color:#1ed25f; line-height:36px; text-align:center} .pdt_wish_layer {display:none; background:#f2f2f2} .pdt_wish_layer div, .pdt_wish_layer span, .pdt_wish_layer a {font-family:'Noto Sans KR', 'Malgun Gothic', Dotum} .pdt_wish_layer .cts_box {padding:25px 0 5px; font-size:15px; text-align:center} .pdt_wish_layer .cts_box .msg_write {display:none} .pdt_wish_layer .cts_box .msg_trans {display:none} .pdt_wish_layer .cts_box.WRITE .msg_write {display:inline-block} .pdt_wish_layer .cts_box.WRITE .msg_trans {display:none} .pdt_wish_layer .cts_box.TRANS .msg_write {display:none} .pdt_wish_layer .cts_box.TRANS .msg_trans {display:inline-block} .pdt_wish_layer .sel_box {padding:15px} .pdt_wish_layer .sel_box .sel_blk {position:relative; border:1px solid #e5e5e5} .pdt_wish_layer .sel_box .sel_blk:after {position:absolute; top:18px; right:10px; width:13px; height:7px; background:url('//img.1300k.com/mobile/common/2018/ico_select_arrow.png') no-repeat; background-size:13px auto; content:''} .pdt_wish_layer .sel_box .sel_blk select {display:block; position:relative; width:100%; height:40px; padding:0 0 0 10px; border:none; border-radius:0; background:#fff; font-size:14px; color:#333; line-height:1; outline:none; -webkit-appearance:none} .pdt_wish_layer .btn_box {padding:10px 0 25px} .pdt_wish_layer .btn_box .btn_save {display:block; margin:0 auto; width:136px; height:36px; border:1px solid #1ed25f; font-size:16px; font-weight:700; color:#1ed25f; line-height:36px; text-align:center} /* 상품후기, 상품문의 작성 */ .pdt_write section {margin-top:0} .pdt_write .wrt_notice {padding:12px 15px; background:#f2f2f2} .pdt_write .wrt_notice li {padding-left:7px; margin-top:4px; font-size:12px; color:#666; line-height:17px; text-indent:-7px; word-break:break-all} .pdt_write .wrt_notice li span {color:#1ed25f} .pdt_write .review_pdt {display:table; position:relative; width:100%; height:100px; padding:15px; border-bottom:0; background:#fff; box-sizing:border-box; table-layout:fixed} .pdt_write .review_pdt .img_thumb {display:table-cell; width:70px; height:70px; vertical-align:top} .pdt_write .review_pdt .desc {display:table-cell; padding-left:15px; vertical-align:middle} .pdt_write .review_pdt .desc .brand {font-size:12px; color:#999; white-space:nowrap; text-overflow:ellipsis} .pdt_write .review_pdt .desc .pdt_name {display:-webkit-box; overflow:hidden; max-height:38px; font-size:13px; color:#444; line-height:19px; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis} .pdt_write .write_box h3 {padding-top:20px; margin:0 15px; border-top:1px solid #f2f2f2; font-size:15px; font-weight:700; color:#333} .pdt_write .write_box .star_blk {padding:20px 0; margin:0 15px; border-top:1px solid #f2f2f2} .pdt_write .write_box .star_blk p {font-size:12px; color:#333; text-align:center} .pdt_write .write_box .star_blk .star_score {width:176px; height:28px; margin:10px auto 0; background:url('//img.1300k.com/mobile/shop/2018/bg_star_score.png') no-repeat; background-size:160px auto} .pdt_write .write_box .star_blk .star_score .ico_star {display:block; position:relative; float:left; width:24px; height:24px; margin-left:10px} .pdt_write .write_box .star_blk .star_score .ico_star:first-child {margin-left:0} .pdt_write .write_box .star_blk .star_score .ico_star input[type="radio"] {position:absolute; top:1px; left:1px; width:24px; height:24px; z-index:2; opacity:0} .pdt_write .write_box .star_blk .star_score .ico_star label {display:inline-block; margin-left:30px; font-size:0; line-height:0} .pdt_write .write_box .star_blk .star_score .ico_star label:before {position:absolute; top:0; left:0; width:24px; height:24px; background:url('//img.1300k.com/mobile/shop/2018/bg_star_score_on.png') no-repeat; background-size:24px auto; content:''} .pdt_write .write_box .star_blk .star_score .ico_star input[type="radio"]:checked + label:before {background:url('//img.1300k.com/mobile/shop/2018/bg_star_score_on.png') no-repeat; background-size:24px auto} .pdt_write .write_box .star_blk .star_score .ico_star.on~.ico_star label:before{background-position:0 -9999px} /* 작성양식(공통) - 상품후기, 상품문의, 당첨후기 */ .shop_write_frm {padding:15px; background:#fff} .shop_write_frm .title {width:100%; height:42px; padding:0 10px; border:1px solid #e5e5e5; box-sizing:border-box} .shop_write_frm .title input[type="text"] {width:100%; border:0; font-size:13px; color:#333; line-height:40px; outline:none} .shop_write_frm .title input[type="text"]::placeholder {color:#999; opacity:1} .shop_write_frm .title input[type="text"]:-ms-input-placeholder {color:#999} .shop_write_frm .title input[type="text"]::-ms-input-placeholder {color:#999} .shop_write_frm .write_box {padding:10px; margin-top:10px; border:1px solid #e5e5e5; background:#fff} .shop_write_frm .write_box textarea {width:100%; height:140px; padding:0; border:0; background:#fff; font-size:13px; color:#333; line-height:20px; outline:none} .shop_write_frm .write_box textarea::placeholder {color:#999; opacity:1} .shop_write_frm .write_box textarea:-ms-input-placeholder {color:#999} .shop_write_frm .write_box textarea::-ms-input-placeholder {color:#999} .shop_write_frm .attach_box {margin-top:10px} .shop_write_frm .attach_box ul {overflow:hidden} .shop_write_frm .attach_box ul li {position:relative; float:left; width:22.41%; height:0; margin-left:3.44%; padding-bottom:22.41%; border:1px solid #ebebeb; box-sizing:border-box} .shop_write_frm .attach_box ul li:first-child {margin-left:0} .shop_write_frm .attach_box ul li .btn_file {position:absolute; top:0; left:0; right:0; bottom:0} .shop_write_frm .attach_box ul li .btn_file:before {display:block; position:absolute; top:50%; left:50%; width:20px; height:1px; margin-left:-10px; background:#777; content:''} .shop_write_frm .attach_box ul li .btn_file:after {display:block; position:absolute; top:50%; left:50%; width:1px; height:20px; margin-top:-10px; background:#777; content:''} .shop_write_frm .attach_box ul li .btn_file input {-webkit-border-radius:0; -webkit-box-shadow:none; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none} .shop_write_frm .attach_box ul li .btn_file input[type="file"] {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0} .shop_write_frm .attach_box ul li .btn_file input[type="button"] {width:100%; height:100%; border:0; background:#eee} .shop_write_frm .attach_box ul li .thumbnail {position:absolute; top:0; left:0; right:0; bottom:0} .shop_write_frm .attach_box ul li .thumbnail img {width:100%; height:100%} .shop_write_frm .attach_box ul li .thumbnail .btn_del {position:absolute; top:0; right:0; width:20px; height:20px; padding:0 0 10px 10px} .shop_write_frm .attach_box .txt_notice {margin-top:10px; font-size:12px; color:#999; line-height:16px} .shop_write_frm .btn_box {display:table; width:100%; margin-top:15px; table-layout:fixed} .shop_write_frm .btn_box p {display:table-cell; padding:0 0 0 5px; vertical-align:top} .shop_write_frm .btn_box p:first-child {padding:0 5px 0 0} .shop_write_frm .btn_box p a {display:block; width:100%; height:43px; background:#1ed25f; font-size:17px; color:#fff; font-weight:700; text-align:center; line-height:43px} .shop_write_frm .btn_box p:first-child a {background:#cecece} .shop_write_frm .save_secret {margin-top:10px} .shop_write_frm .notice_box {padding:23px 0} .shop_write_frm .notice_box li {padding-left:10px; margin-top:3px; font-size:11px; color:#999; line-height:16px; text-indent:-10px; word-break:break-word} .shop_write_frm .notice_box li:first-child {margin-top:0} /* 상품리스트 *********************************************************************/ .pdt_list_wrap {background:#fff} .pdt_list_wrap p , .pdt_list_wrap span, .pdt_list_wrap a, .pdt_list_wrap input , .pdt_list_wrap button {font-family:'Noto Sans KR', 'Malgun Gothic', Dotum} .pdt_list_wrap .number {font-family:'Montserrat','Noto Sans KR', 'Malgun Gothic', Dotum} .pdt_list_wrap .eng {font-family:'Roboto','Noto Sans KR', 'Malgun Gothic', Dotum} .pdt_list_wrap .list_util {display:table; position:relative; width:100%; height:45px; border-bottom:1px solid #f2f2f2; table-layout:fixed} .pdt_list_wrap .list_util > div {display:table-cell; vertical-align:top} .pdt_list_wrap .list_util .total {width:106px; height:45px; padding-left:15px; border-right:1px solid #ebebeb; box-sizing:border-box} .pdt_list_wrap .list_util .total p {font-size:13px; color:#333; line-height:45px} .pdt_list_wrap .list_util .total p span {font-size:15px; font-weight:600; color:#1ed25f; vertical-align:top} .pdt_list_wrap .list_util .list_cate {width:116px; height:45px; border-right:1px solid #ebebeb; box-sizing:border-box} .pdt_list_wrap .list_util .list_cate .btn_open {display:block; position:relative; height:45px; padding:0 35px 0 10px; font-size:14px; color:#333; line-height:45px} .pdt_list_wrap .list_util .list_cate .btn_open:after {position:absolute; top:20px; right:10px; width:13px; height:7px; background:url('//img.1300k.com/mobile/common/2018/ico_arrow_open.png') no-repeat; background-size:13px auto; content:''} .pdt_list_wrap .list_util .list_cate.unfold .btn_open:after {background:url('//img.1300k.com/mobile/common/2018/ico_arrow_close.png') no-repeat; background-size:13px auto} .pdt_list_wrap .list_util .select_sort {width:auto; height:45px} .pdt_list_wrap .list_util .select_sort .sel_blk {position:relative} .pdt_list_wrap .list_util .select_sort .sel_blk:after {position:absolute; top:20px; right:10px; width:13px; height:7px; background:url('//img.1300k.com/mobile/common/2018/ico_select_arrow.png') no-repeat; background-size:13px auto; content:''} .pdt_list_wrap .list_util .select_sort .sel_blk select {display:block; position:relative; width:100%; height:45px; padding:0 35px 0 10px; border:none; background:#fff; font-size:14px; color:#333; line-height:1; outline:none; -webkit-appearance:none} .pdt_list_wrap .list_util .list_type {width:45px; height:45px; border-left:1px solid #ebebeb} .pdt_list_wrap .list_util .list_type a {display:block; width:100%; height:100%; padding:13px; box-sizing:border-box} .pdt_list_wrap .list_util .list_type a span {display:none; overflow:hidden; width:19px; height:19px; white-space:nowrap; text-indent:100%} .pdt_list_wrap .list_util .list_type a span.on {display:block} .pdt_list_wrap .list_util .list_type a span.tile {background:url('//img.1300k.com/mobile/common/2018/ico_list_tile.png') no-repeat; background-size:19px auto} .pdt_list_wrap .list_util .list_type a span.list {background:url('//img.1300k.com/mobile/common/2018/ico_list_list.png') no-repeat; background-size:19px auto} .pdt_list_wrap .list_util .list_type a span.img {background:url('//img.1300k.com/mobile/common/2018/ico_list_img.png') no-repeat; background-size:19px auto} .pdt_list_wrap .list_util .btn_filter {width:45px; height:45px} .pdt_list_wrap .list_util .btn_filter a {display:block; overflow:hidden; width:45px; height:45px; background:url('//img.1300k.com/mobile/common/2018/ico_list_filter.png') center #6e6e6e no-repeat; background-size:26px auto; text-indent:100%; white-space:nowrap} .pdt_list_wrap .cate_wrap {display:none; width:100%; border-bottom:1px solid #eaeaea; background:#fff; z-index:10} .pdt_list_wrap .cate_wrap dl dt {position:relative; height:40px; padding:0 15px; font-size:14px; color:#333; line-height:40px} .pdt_list_wrap .cate_wrap dl dt:before {display:block; left:15px; right:15px; height:1px; background:#f2f2f2; content:''} .pdt_list_wrap .cate_wrap dl:first-child dt:before {display:none} .pdt_list_wrap .cate_wrap dl dt:after {display:block; position:absolute; top:0; right:15px; width:13px; height:40px; background:url('//img.1300k.com/mobile/shop/2018/ico_qna_open.png') 0 center no-repeat; background-size:13px auto; content:''} .pdt_list_wrap .cate_wrap dl.unfold dt:after {background:url('//img.1300k.com/mobile/shop/2018/ico_qna_close.png') 0 center no-repeat; background-size:13px auto} .pdt_list_wrap .cate_wrap dl dt span {padding-left:3px; font-weight:600; color:#1ed25f} .pdt_list_wrap .cate_wrap dl dd {display:none; position:relative; border-top:1px solid #eaeaea; background:#f2f2f2} .pdt_list_wrap .cate_wrap dl.unfold dd {display:block} .pdt_list_wrap .cate_wrap dl dd:after {display:block; position:absolute; left:0; right:0; bottom:-1px; height:2px; background:#f2f2f2; content:''} .pdt_list_wrap .cate_wrap dl dd ul {overflow:hidden} .pdt_list_wrap .cate_wrap dl dd ul li {position:relative; float:left; width:50%} .pdt_list_wrap .cate_wrap dl dd ul li:after {display:block; position:absolute; bottom:0; left:15px; right:0; height:1px; background:#eaeaea; content:''} .pdt_list_wrap .cate_wrap dl dd ul li:nth-child(even):after {left:0; right:15px} .pdt_list_wrap .cate_wrap dl dd ul li a {display:block; overflow:hidden; height:40px; padding:0 15px; font-size:14px; color:#666; line-height:40px; white-space:nowrap; text-overflow:ellipsis} .pdt_list_wrap .tpl_pagination {background:#f2f2f2} .filter_wrap {display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); z-index:10000} .filter_wrap .filter_cts {position:absolute; top:0; right:0; bottom:0; width:260px; padding-top:45px; background:#fff; z-index:10000} .filter_head {position:absolute; top:0; left:0; right:0; height:45px; background:#000; box-sizing:border-box} .filter_head h1 {padding-left:15px; font-size:16px; color:#fff; line-height:45px} .filter_head .btn_reset {position:absolute; top:0; right:40px; padding:0 7px 0 28px; border:0; background:url('//img.1300k.com/mobile/common/2018/btn_reset.png') 7px center no-repeat; background-size:16px auto; font-size:14px; color:#999; line-height:45px} .filter_head .btn_close {position:absolute; overflow:hidden; top:0; right:0; width:40px; height:45px; border:0; background:url('//img.1300k.com/mobile/common/2018/btn_close_w.png') 10px center no-repeat; background-size:16px auto; text-indent:100%; white-space:nowrap} .filter_cont {overflow-x:hidden; overflow-y:auto; height:100%; -webkit-overflow-scrolling:touch} .filter_cont .chk_gds p {border-top:1px solid #e5e5e5} .filter_cont .chk_gds p:first-child {border-top:0} .filter_cont .chk_gds p .input_btn {display:block; height:45px} .filter_cont .chk_gds p .input_btn input[type="checkbox"] + label {padding:0 45px 0 15px; font-size:14px; color:#333; line-height:45px} .filter_cont .chk_gds p .input_btn input[type="checkbox"] + label:before {top:14px; left:auto; right:15px} .filter_cont .btn_open {display:block; position:relative; width:100%; height:45px; padding:0 37px 0 15px; border-top:1px solid #e5e5e5; box-sizing:border-box} .filter_cont .btn_open:after {display:block; position:absolute; top:0; right:15px; width:13px; height:45px; background:url('//img.1300k.com/mobile/common/2018/ico_arrow_open.png') 0 center no-repeat; background-size:13px auto; content:''} .filter_cont .unfold .btn_open:after {background:url('//img.1300k.com/mobile/common/2018/ico_arrow_close.png') 0 center no-repeat; background-size:13px auto} .filter_cont .btn_open span {font-size:13px; color:#333; line-height:45px} .filter_cont .btn_open span strong {font-size:14px; font-weight:600} .filter_cont .btn_open span.tit {float:left; font-size:14px} .filter_cont .btn_open span.num {float:right} .filter_cont .chk_brand .brand_list {display:none; position:relative; padding:15px; border-top:1px solid #e5e5e5; background:#f2f2f2} .filter_cont .chk_brand.unfold .brand_list {display:block} .filter_cont .chk_brand .brand_list .brand_sort {overflow:hidden; padding-bottom:15px} .filter_cont .chk_brand .brand_list .brand_sort a {display:block; position:relative; float:left; padding:0 10px; font-size:14px; color:#666; line-height:1} .filter_cont .chk_brand .brand_list .brand_sort a.on {color:#333} .filter_cont .chk_brand .brand_list .brand_sort a:before {display:block; position:absolute; top:0; left:0; width:1px; height:12px; background:#dadada; content:''} .filter_cont .chk_brand .brand_list .brand_sort a:first-child {padding:0 10px 0 0} .filter_cont .chk_brand .brand_list .brand_sort a:first-child:before {display:none} .filter_cont .chk_brand .brand_list .btn_unselect {position:absolute; top:15px; right:15px; border:0; background:0; font-size:14px; color:#666; line-height:1} .filter_cont .chk_brand .brand_list ul {overflow:hidden; border-top:1px dotted #dbdbdb} .filter_cont .chk_brand .brand_list ul li {float:left; width:50%; margin-top:10px} .filter_cont .chk_brand .brand_list ul li span {vertical-align:top} .filter_cont .view_type {overflow:hidden; width:100%; height:45px; padding:0 0 0 15px; border-top:1px solid #e5e5e5; box-sizing:border-box} .filter_cont .view_type p {float:left; font-size:14px; color:#333; line-height:45px} .filter_cont .view_type .list_type {float:right} .filter_cont .view_type .list_type a {display:block; float:left; position:relative; overflow:hidden; width:19px; height:19px; padding:13px; white-space:nowrap; text-indent:100%} .filter_cont .view_type .list_type a:before {display:block; position:absolute; top:13px; left:0; width:1px; height:19px; background:#e5e5e5; content:''} .filter_cont .view_type .list_type a:first-child:before {display:none} .filter_cont .view_type .list_type a.type_tile {background:url('//img.1300k.com/mobile/common/2018/ico_list_tile_off.png') center no-repeat; background-size:19px} .filter_cont .view_type .list_type a.type_tile.on {background:url('//img.1300k.com/mobile/common/2018/ico_list_tile.png') center no-repeat; background-size:19px} .filter_cont .view_type .list_type a.type_list {background:url('//img.1300k.com/mobile/common/2018/ico_list_list_off.png') center no-repeat; background-size:19px} .filter_cont .view_type .list_type a.type_list.on {background:url('//img.1300k.com/mobile/common/2018/ico_list_list.png') center no-repeat; background-size:19px} .filter_cont .view_type .list_type a.type_img {background:url('//img.1300k.com/mobile/common/2018/ico_list_img_off.png') center no-repeat; background-size:19px} .filter_cont .view_type .list_type a.type_img.on {background:url('//img.1300k.com/mobile/common/2018/ico_list_img.png') center no-repeat; background-size:19px} .filter_cont .chk_price .price_select {display:none; width:100%; padding:15px; border-top:1px solid #e5e5e5; background:#f2f2f2; box-sizing:border-box} .filter_cont .chk_price.unfold .price_select {display:block} .filter_cont .chk_price .price_select ul {overflow:hidden; padding-bottom:15px; border-bottom:1px dotted #dbdbdb} .filter_cont .chk_price .price_select ul li {float:left; width:112px; height:35px; margin-top:5px; box-sizing:border-box} .filter_cont .chk_price .price_select ul li:nth-child(even) {margin-left:5px} .filter_cont .chk_price .price_select ul li a {display:block; border:1px solid #e5e5e5; background:#fff; font-size:13px; color:#666; line-height:33px; text-align:center} .filter_cont .chk_price .price_select ul li.on a {border:1px solid #000; color:#000} .filter_cont .chk_price p {padding-top:15px; font-size:14px; color:#333} .filter_cont .chk_price .set_price {overflow:hidden; margin-top:7px} .filter_cont .chk_price .set_price div {float:left; width:105px; height:35px; border:1px solid #e5e5e5; box-sizing:border-box} .filter_cont .chk_price .set_price div label {overflow:hidden; position:absolute; width:1px; height:1px; line-height:0; margin:-1px} .filter_cont .chk_price .set_price div input[type="tel"] {width:100%; height:100%; border:0; font-size:13px; color:#333; text-align:center; outline:none} .filter_cont .chk_price .set_price span {display:block; float:left; width:19px; height:35px; font-size:13px; color:#333; line-height:35px; text-align:center} .filter_cont .keyword {width:100%; padding:0 15px 15px; border-top:1px solid #e5e5e5; box-sizing:border-box} .filter_cont .keyword .tit {font-size:14px; color:#333; line-height:45px} .filter_cont .keyword input[type="text"] {width:100%; height:35px; padding:0 10px; border:1px solid #e5e5e5; font-size:14px; color:#333; box-sizing:border-box} .filter_cont .keyword input[type="text"]::placeholder {color:#959595} .filter_cont .keyword button {width:100%; height:40px; margin-top:10px; border:1px solid #1ed25f; background:#fff; line-height:40px; font-size:16px; font-weight:700; color:#1ed25f; text-align:center; box-sizing:border-box} /* 리스트 타입 - 공통 */ .pdt_list_wrap .gds_list {overflow:hidden} .pdt_list_wrap .gds_list li {width:100%; border-bottom:1px solid #f2f2f2; box-sizing:border-box} .pdt_list_wrap .gds_list li.no_item {padding:97px 0 40px; background:url('//img.1300k.com/mobile/common/2018/ico_no_keyword.png') center 38px no-repeat #fff; background-size:50px auto} .pdt_list_wrap .gds_list li.no_item p {font-size:12px; color:#888; line-height:18px; text-align:center} .pdt_list_wrap .gds_list li.no_item p strong {display:block; margin-bottom:10px; font-size:14px; font-weight:400; color:#333} .pdt_list_wrap .gds_list li .img_thumb {display:block; position:relative; overflow:hidden; width:100%; padding-bottom:100%; font-size:0; line-height:0} .pdt_list_wrap .gds_list li .img_thumb::before {position:absolute; top:0; left:0; width:100%; height:100%; background:url('//img.1300k.com/mobile/common/loading_common.png') no-repeat 50% 50% #fff; background-size:40px auto; content:''} .pdt_list_wrap .gds_list li .img_thumb img {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; max-height:100%; margin:auto} .pdt_list_wrap .gds_list li .img_thumb .ico_play {position:absolute; top:50%; left:50%; width:30px; height:30px; margin:-15px 0 0 -15px} .pdt_list_wrap .gds_list li .img_thumb .best {display:block; position:absolute; top:5px; left:5px; width:47px; height:18px; border-radius:15px; background:#69a1e4; font-size:11px; color:#fff; text-align:center; line-height:22px} .pdt_list_wrap .gds_list li .img_thumb .limit {display:block; position:absolute; top:5px; left:5px; width:36px; height:18px; border-radius:15px; background:#1ed25f; font-size:11px; color:#fff; text-align:center; line-height:18px} .pdt_list_wrap .gds_list li .img_thumb .gi_loader {width:40px; height:36px} .pdt_list_wrap .gds_list li .gds_desc {display:block; position:relative} .pdt_list_wrap .gds_list li .gds_desc span {display:block; overflow:hidden; text-overflow:ellipsis} .pdt_list_wrap .gds_list li .gds_desc .brand {font-size:12px; color:#999; line-height:1; white-space:nowrap} .pdt_list_wrap .gds_list li .gds_desc .tit {font-size:13px; color:#444; line-height:18px} .pdt_list_wrap .gds_list li .gds_desc .price {font-size:0; line-height:0} .pdt_list_wrap .gds_list li .gds_desc .price .final {display:inline-block; font-size:12px; color:#333; line-height:1} .pdt_list_wrap .gds_list li .gds_desc .price .final strong {font-size:15px; font-weight:600} .pdt_list_wrap .gds_list li .gds_desc .price .sale {display:inline-block; padding-left:7px; font-size:13px; font-weight:600; color:#1ed25f; line-height:1} .pdt_list_wrap .gds_list li .gds_desc .price .soldout {font-size:15px; font-weight:700; color:#333; line-height:1} .pdt_list_wrap .gds_list li .gds_desc .etc {overflow:hidden; font-size:0; line-height:0} .pdt_list_wrap .gds_list li .gds_desc .etc span {display:inline-block; padding-left:17px; font-size:12px; color:#999; line-height:18px} .pdt_list_wrap .gds_list li .gds_desc .etc .cmt {background:url('//img.1300k.com/mobile/common/2018/ico_list_cmt.png') 0 center no-repeat; background-size:11px auto} .pdt_list_wrap .gds_list li .gds_desc .etc .wish {margin-left:10px; background:url('//img.1300k.com/mobile/common/2018/ico_list_wish.png') 0 center no-repeat; background-size:11px auto} .pdt_list_wrap .gds_list li .gds_desc .tag {overflow:hidden; width:100%; font-size:0; line-height:0} .pdt_list_wrap .gds_list li .gds_desc .tag span {display:inline-block; margin-left:5px; vertical-align:top} .pdt_list_wrap .gds_list li .gds_desc .tag span:first-child {margin-left:0} .pdt_list_wrap .gds_list li .gds_desc .tag .free {width:50px; height:18px; border:1px solid #498cc9; font-size:11px; color:#498cc9; line-height:18px; text-align:center; box-sizing:border-box} .pdt_list_wrap .gds_list li .gds_desc .tag .gift {width:auto; height:18px; padding:0 4px; border:1px solid #ab7360; font-size:11px; color:#ab7360; line-height:18px; text-align:center; box-sizing:border-box} .pdt_list_wrap .gds_list li .gds_desc .tag .oneplus {width:auto; height:18px; padding:0 4px; border:1px solid #1ed29d; font-size:11px; color:#1ed29d; line-height:18px; text-align:center; box-sizing:border-box} .pdt_list_wrap .gds_list li .gds_desc .tag .onesame {width:auto; height:18px; padding:0 4px; border:1px solid #1ed29d; font-size:11px; color:#1ed29d; line-height:18px; text-align:center; box-sizing:border-box} /* 리스트 - 리스트형 */ .pdt_list_wrap .gds_list.list li {position:relative; height:150px; padding:15px 15px 15px 150px} .pdt_list_wrap .gds_list.list li.no_item {height:auto; padding:97px 0 40px} .pdt_list_wrap .gds_list.list li .img_thumb {position:absolute; top:15px; left:15px; width:120px; height:120px; padding-bottom:0} .pdt_list_wrap .gds_list.list li .gds_desc {height:120px} .pdt_list_wrap .gds_list.list li .gds_desc .brand {padding-top:7px} .pdt_list_wrap .gds_list.list li .gds_desc .tit {display:-webkit-box; overflow:hidden; height:36px; margin-top:7px; word-break:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical} .pdt_list_wrap .gds_list.list li .gds_desc .price {margin-top:10px} .pdt_list_wrap .gds_list.list li .gds_desc .etc {position:absolute; left:0; bottom:0} .pdt_list_wrap .gds_list.list li .gds_desc .tag {position:absolute; right:0; bottom:0; text-align:right} /* 리스트 - 타일형 */ .pdt_list_wrap .gds_list.tile {position:relative} .pdt_list_wrap .gds_list.tile:after {position:absolute; bottom:0; left:0; width:100%; height:1px; background:#dcdcde; content:''} .pdt_list_wrap .gds_list.tile li {float:left; width:50%} .pdt_list_wrap .gds_list.tile li.no_item {width:100%; padding:97px 0 40px !important} .pdt_list_wrap .gds_list.tile li:nth-child(odd) {padding:15px 8px 0 15px} .pdt_list_wrap .gds_list.tile li:nth-child(even) {padding:15px 15px 0 8px} .pdt_list_wrap .gds_list.tile li .img_thumb {overflow:hidden; width:100%; height:0; padding-bottom:100%; margin:0 auto} .pdt_list_wrap .gds_list.tile li .img_thumb img {width:100%; height:100%} .pdt_list_wrap .gds_list.tile li .img_thumb .gi_loader {width:40px; height:36px} .pdt_list_wrap .gds_list.tile li .gds_desc {width:100%; height:150px; text-align:center; margin:0 auto} .pdt_list_wrap .gds_list.tile li .gds_desc .brand {padding-top:12px} .pdt_list_wrap .gds_list.tile li .gds_desc .tit {display:-webkit-box; overflow:hidden; height:36px; margin-top:5px; word-break:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical} .pdt_list_wrap .gds_list.tile li .gds_desc .price {margin-top:8px} .pdt_list_wrap .gds_list.tile li .gds_desc .tag {margin:7px 0 -10px} .pdt_list_wrap .gds_list.tile li .gds_desc .etc {padding-top:15px} @media all and (min-width:640px) { .pdt_list_wrap .gds_list.tile {padding:0 7px} .pdt_list_wrap .gds_list.tile li {position:relative; width:25%; padding:15px 8px 0} .pdt_list_wrap .gds_list.tile li:nth-child(odd) {padding:15px 8px 0} .pdt_list_wrap .gds_list.tile li:nth-child(even) {padding:15px 8px 0} .pdt_list_wrap .gds_list.tile li:nth-child(4n+1):before {display:block; position:absolute; bottom:-1px; left:-7px; width:7px; height:1px; background:#f2f2f2; content:''} .pdt_list_wrap .gds_list.tile li:nth-child(4n):before {display:block; position:absolute; bottom:-1px; right:-7px; width:7px; height:1px; background:#f2f2f2; content:''} } @media all and (min-width:940px) { .pdt_list_wrap .gds_list.tile li {width:16.66%; padding:15px 8px 0} .pdt_list_wrap .gds_list.tile li:nth-child(odd) {padding:15px 8px 0} .pdt_list_wrap .gds_list.tile li:nth-child(even) {padding:15px 8px 0} .pdt_list_wrap .gds_list.tile li:nth-child(6n+1):before {display:block; position:absolute; bottom:-1px; left:-7px; width:7px; height:1px; background:#f2f2f2; content:''} .pdt_list_wrap .gds_list.tile li:nth-child(6n):before {display:block; position:absolute; bottom:-1px; right:-7px; width:7px; height:1px; background:#f2f2f2; content:''} } @media all and (min-width:1280px) { .pdt_list_wrap .gds_list.tile li {width:12.5%} .pdt_list_wrap .gds_list.tile li {width:16.66%; padding:15px 8px 0} .pdt_list_wrap .gds_list.tile li:nth-child(odd) {padding:15px 8px 0} .pdt_list_wrap .gds_list.tile li:nth-child(even) {padding:15px 8px 0} .pdt_list_wrap .gds_list.tile li:nth-child(8n+1):before {display:block; position:absolute; bottom:-1px; left:-7px; width:7px; height:1px; background:#f2f2f2; content:''} .pdt_list_wrap .gds_list.tile li:nth-child(8n):before {display:block; position:absolute; bottom:-1px; right:-7px; width:7px; height:1px; background:#f2f2f2; content:''} } /* 리스트 - 이미지형 */ .pdt_list_wrap .gds_list.img li {padding:15px} .pdt_list_wrap .gds_list.img li.no_item {padding:97px 0 40px} .pdt_list_wrap .gds_list.img li .gds_desc {position:relative; height:85px} .pdt_list_wrap .gds_list.img li .gds_desc .brand {padding-top:12px; line-height:18px} .pdt_list_wrap .gds_list.img li .gds_desc .tit {padding-top:2px; height:18px; white-space:nowrap} .pdt_list_wrap .gds_list.img li .gds_desc .price {padding-top:9px} .pdt_list_wrap .gds_list.img li .gds_desc .tag {position:absolute; top:15px; right:0; text-align:right} .pdt_list_wrap .gds_list.img li .gds_desc .etc {position:absolute; bottom:10px; right:0} /* 대, 중카테고리 *********************************************************************/ .cate_frm {background:#f2f2f2} .cate_frm p , .cate_frm span, .cate_frm a , .cate_frm textarea, .cate_frm input, .cate_frm h2 {font-family:'Noto Sans KR', 'Malgun Gothic', Dotum} .cate_frm .number {font-family:'Montserrat','Noto Sans KR', 'Malgun Gothic', Dotum} .cate_frm .eng {font-family:'Roboto','Noto Sans KR', 'Malgun Gothic', Dotum} .cate_frm img {vertical-align:top} .cate_frm section {margin-top:10px; border-bottom:1px solid #ebebeb; background:#fff} .cate_frm section h2 {height:50px; font-size:15px; font-weight:700; color:#000; line-height:50px; text-align:center} .cate_frm .cate_location {position:relative; width:100%; height:42px; margin-top:0; padding:0 45px 0 15px; background:#f2f2f2; box-sizing:border-box} .cate_frm .cate_location ol li {width:auto} .cate_frm .cate_location ol li a {display:block; position:relative; height:42px; padding-right:22px; font-size:15px; font-weight:300; color:#777; line-height:42px} .cate_frm .cate_location ol li:last-child a {font-weight:400; color:#222} .cate_frm .cate_location ol li a:after {position:absolute; top:0; right:0; width:22px; height:42px; text-align:center; content:'>'} .cate_frm .cate_location ol li:last-child a:after {display:none} .cate_frm .cate_location .btn_wish {display:block; position:absolute; overflow:hidden; top:0; right:0; width:45px; height:42px; padding:12px 15px 13px 13px; box-sizing:border-box} .cate_frm .cate_location .btn_wish .ico {display:block; overflow:hidden; width:17px; height:17px; background:url('//img.1300k.com/mobile/common/2018/ico_star_wish.png') no-repeat; background-size:17px auto; white-space:nowrap; text-indent:100%} .cate_frm .cate_location .btn_wish.on span {background-position:0 -17px} .cate_frm .cate_list {overflow:hidden; width:100%; margin-top:0; border-bottom:0; background:#fff} .cate_frm .cate_list ul {overflow:hidden; width:100%; max-height:120px} .cate_frm .cate_list.open ul {max-height:100%} .cate_frm .cate_list ul li {position:relative; float:left; width:33.33%; height:40px; border-right:1px solid #f2f2f2; box-sizing:border-box} .cate_frm .cate_list ul li:nth-child(3n) {border-right:0} .cate_frm .cate_list ul li:after {display:block; position:absolute; bottom:0; left:0; right:0; height:1px; background:#f2f2f2; content:''} .cate_frm .cate_list ul li a {display:block; overflow:hidden; height:40px; background:#fff; line-height:40px; text-align:center; box-sizing:border-box; } .cate_frm .cate_list ul li a span {display:inline-block; overflow:hidden; max-width:100%; padding:0 10px; font-size:14px; color:#666; letter-spacing:-1px; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box} .cate_frm .cate_list ul li.on a span {padding:0 15px 0 25px; background:url('//img.1300k.com/mobile/shop/2018/ico_cate_on.png') 10px center no-repeat; background-size:9px auto; color:#1ed25f} .cate_frm .cate_list .btn_all {display:block; position:relative; width:100%; height:42px; border-bottom:1px solid #ebebeb; line-height:42px; text-align:center} .cate_frm .cate_list .btn_all:before {display:block; position:absolute; top:-1px; left:0; right:0; height:1px; background:#f2f2f2; content:''} .cate_frm .cate_list .btn_all span {display:inline-block; padding-right:17px; background:url('//img.1300k.com/mobile/common/2018/ico_cate_more.png') 100% center no-repeat; background-size:10px auto; font-size:13px; color:#999; text-align:center} .cate_frm .cate_list.open .btn_all span {background:url('//img.1300k.com/mobile/common/2018/ico_cate_close.png') 100% center no-repeat; background-size:10px auto} .cate_frm .recommend_evt {position:relative; margin-top:15px} .cate_frm .recommend_evt ul li .desc {display:block; position:relative; width:100%; height:86px; padding:30px 15px 0; background:#fff; box-sizing:border-box} .cate_frm .recommend_evt ul li .desc .tit {display:block; overflow:hidden; font-size:18px; font-weight:700; color:#111; line-height:20px; text-align:center; white-space:nowrap; text-overflow:ellipsis} .cate_frm .recommend_evt ul li .desc .txt {display:block; overflow:hidden; margin-top:6px; font-size:13px; font-weight:300; color:#666; line-height:15px; text-align:center; white-space:nowrap; text-overflow:ellipsis} .cate_frm .recommend_evt ul li .desc .kind {position:absolute; top:-23px; left:50%; width:47px; height:47px; margin-left:-23px; border-radius:50%; background:#e5362e; text-align:center; font-family:'Roboto','Noto Sans KR', 'Malgun Gothic', Dotum; font-size:14px; font-weight:700; color:#fff; line-height:47px} .cate_frm .recommend_evt ul li .desc .kind.sale {background:#e5362e} .cate_frm .recommend_evt ul li .desc .kind.num {background:#e5362e; font-family:'Montserrat','Noto Sans KR', 'Malgun Gothic', Dotum; font-weight:600} .cate_frm .recommend_evt ul li .desc .kind.new {background:#ab64d0} .cate_frm .recommend_evt ul li .desc .kind.best {background:#37c8c7} .cate_frm .recommend_evt ul li .desc .kind.only {background:#8dcc21} .cate_frm .recommend_evt ul li .desc .kind.hot {background:#ff6600} .cate_frm .recommend_evt ul li .desc .kind.gift {background:#62b42c} .cate_frm .recommend_evt .slide_paging {position:absolute; bottom:102px; right:15px; width:43px; height:22px; line-height:22px; text-align:center} .cate_frm .recommend_evt .slide_paging div {bottom:0; font-size:12px; color:#fff; text-align:center} .cate_frm .recommend_evt .slide_paging span {position:relative; font-family:'Montserrat','Noto Sans KR', 'Malgun Gothic', Dotum; font-size:12px; color:#fff; vertical-align:middle; z-index:3} .cate_frm .recommend_evt .slide_paging .bg {display:block; position:absolute; top:0; left:0; width:43px; height:22px; border-radius:15px; background:#000; opacity:0.4; z-index:2} .cate_frm .cate_gds ul {padding:0 0 12px 15px; background:#fff} .cate_frm .cate_gds ul li {width:82px; margin-top:0; margin-right:14px} .cate_frm .cate_gds ul li .desc {display:block; height:68px; padding-top:7px; box-sizing:border-box} .cate_frm .cate_gds ul li .desc .tit {display:-webkit-box; overflow:hidden; height:36px; font-size:13px; color:#444; line-height:18px; text-align:center; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis} .cate_frm .cate_gds ul li .desc .price {display:block; overflow:hidden; padding-top:5px; font-size:11px; color:#999; line-height:1.2; text-align:center; white-space:nowrap; text-overflow:ellipsis} .cate_frm .cate_gds ul li .desc .price strong {font-size:13px; font-weight:600} .cate_frm .pdt_list_wrap {border-bottom:0} .now_popular .now_tab {overflow:hidden; height:38px; margin:0 15px; border:1px solid #e5e5e5; box-sizing:border-box} .now_popular .now_tab li {position:relative; float:left; width:50%; height:36px} .now_popular .now_tab li:first-child:after {display:block; position:absolute; top:0; right:0; width:1px; height:100%; background:#e5e5e5; content:''} .now_popular .now_tab li a {display:block; width:100%; height:36px; background:#ededed; font-size:13px; color:#858585; text-align:center; line-height:36px} .now_popular .now_tab li.active a {background:#fff; color:#333} .now_popular .now_cont .now_word {margin:5px 15px} .now_popular .now_cont .now_word li {width:100%; height:40px; border-top:1px solid #f2f2f2; font-size:0; line-height:0} .now_popular .now_cont .now_word li:first-child {border-top:0} .now_popular .now_cont .now_word li a {display:block; height:40px; font-size:13px; color:#333; line-height:40px} .now_popular .now_cont .now_word li:nth-child(-n+3) a {color:#1ed25f} .now_popular .now_cont .now_word li a span {display:inline-block; width:22px; font-weight:600} .now_popular .now_cont .now_issue {display:none} .now_popular .now_cont .now_issue .pdt_list_wrap .gds_list.list li {display:table; table-layout:fixed} .now_popular .now_cont .now_issue .pdt_list_wrap .gds_list.list li .gds_desc {display:table-cell; width:100%; height:auto; vertical-align:middle} /* 브랜드북 *********************************************************************/ .brandbook_frm {background:#f2f2f2} .brandbook_frm p , .brandbook_frm span, .brandbook_frm a , .brandbook_frm textarea, .brandbook_frm input, .brandbook_frm h2 {font-family:'Noto Sans KR', 'Malgun Gothic', Dotum} .brandbook_frm .number {font-family:'Montserrat','Noto Sans KR', 'Malgun Gothic', Dotum} .brandbook_frm .eng {font-family:'Roboto','Noto Sans KR', 'Malgun Gothic', Dotum} .brandbook_frm img {vertical-align:top} .brandbook_frm section {margin-top:10px} .brandbook_frm .brand_tit {position:relative; width:100%; height:110px; margin-top:0} .brandbook_frm .brand_tit h2 {position:relative; height:110px; padding:35px 15px 0; z-index:5; box-sizing:border-box} .brandbook_frm .brand_tit h2 span {display:block; overflow:hidden; margin-top:6px; font-size:20px; font-weight:700; color:#fff; line-height:1; white-space:nowrap; text-overflow:ellipsis} .brandbook_frm .brand_tit h2 span.kor {margin-top:0; font-size:15px; font-weight:400; line-height:18px} .brandbook_frm .brand_tit .btn_wish {position:absolute; top:50%; right:15px; height:17px; padding-left:22px; margin-top:-8px; font-size:14px; font-weight:600; color:#fff; line-height:17px; white-space:nowrap; z-index:5} .brandbook_frm .brand_tit .btn_wish:before {position:absolute; top:0; left:0; width:17px; height:17px; background:url('//img.1300k.com/mobile/common/2018/ico_star_wish.png') no-repeat; background-size:17px auto; content:''} .brandbook_frm .brand_tit .btn_wish.on:before {background-position:0 -17px} .brandbook_frm .brand_tit .bg {position:absolute; top:0; left:0; right:0; bottom:0; background:#000; opacity:0.4; z-index:2} .brandbook_frm .brand_tit .photo {position:absolute; top:0; left:0; width:100%; height:110px; background-repeat:no-repeat; background-size:100% auto; background-position:left center; z-index:1} .brandbook_frm .brand_notice {padding:13px 15px; margin-top:0; border-bottom:1px solid #ebebeb; background:#fff} .brandbook_frm .brand_notice dl dt {display:block; position:relative; padding-left:8px; font-size:11px; font-weight:700; color:#000; line-height:1.2} .brandbook_frm .brand_notice dl dt:before {display:block; position:absolute; top:5px; left:0; width:3px; height:3px; border-radius:50%; background:#000; content:''} .brandbook_frm .brand_notice dl dd {margin-top:7px; font-size:11px; color:#444; line-height:16px; word-break:break-all} .brandbook_frm .brand_evt {margin-top:10px; border-bottom:1px solid #ebebeb} .brandbook_frm .brand_evt .another_evt {padding:10px 15px; border-top:1px solid #eaeaea; background:#fff} .brandbook_frm .brand_evt .another_evt li {margin-top:7px} .brandbook_frm .brand_evt .another_evt li:first-child {margin-top:0} .brandbook_frm .brand_evt .another_evt li a {display:block; position:relative; overflow:hidden; padding-left:6px; font-size:14px; color:#666; line-height:1.2; white-space:nowrap; text-overflow:ellipsis} .brandbook_frm .brand_evt .another_evt li a:before {display:block; position:absolute; top:6px; left:0; width:2px; height:2px; background:#666; content:''} .brandbook_frm .brand_evt .another_evt li a span {font-weight:600; color:#1ed25f} /* 검색결과 *********************************************************************/ .search_frm {background:#f2f2f2} .search_frm p , .search_frm span, .search_frm a , .search_frm textarea, .search_frm input, .search_frm h2 {font-family:'Noto Sans KR', 'Malgun Gothic', Dotum} .search_frm .number {font-family:'Montserrat','Noto Sans KR', 'Malgun Gothic', Dotum} .search_frm .eng {font-family:'Roboto','Noto Sans KR', 'Malgun Gothic', Dotum} .search_frm section {margin-top:10px; background:#fff} .search_frm section h2 {height:50px; line-height:50px; font-size:15px; font-weight:700; color:#333; text-align:center} .search_frm .sch_form {margin-top:0; border-top:10px solid #f2f2f2; border-bottom:1px solid #e5e5e5} .search_frm .sch_form .form_wrap {padding:3px 15px 10px} .search_frm .sch_form .form_wrap .sch_box {position:relative; height:40px; padding-right:30px; border-bottom:2px solid #1ed25f} .search_frm .sch_form .form_wrap .sch_box button.btn_search {position:absolute; top:0; right:0; width:26px; height:40px; padding:10px 0 5px 10px; background:none} .search_frm .sch_form .form_wrap .sch_box button.btn_reset {display:none; position:absolute; overflow:hidden; top:0; right:30px; width:30px; height:40px; background:url('//img.1300k.com/mobile/common/2018/btn_opt_del.png') center no-repeat; background-size:10px auto; text-indent:100%; white-space:nowrap; outline:none} .search_frm .sch_form .form_wrap .sch_box input[type="search"] {width:100%; height:40px; border:0; font-size:15px; font-weight:700; color:#333; outline:none} .search_frm .sch_form .form_wrap .sch_box input[type="search"]::-ms-clear {display:none} .search_frm .sch_form .form_wrap .sch_box input[type="search"]::placeholder {font-weight:400; color:#888; opacity:1} .search_frm .sch_form .form_wrap .sch_box input[type="search"]:-ms-input-placeholder {font-weight:400; color:#888} .search_frm .sch_form .form_wrap .sch_box input[type="search"]::-ms-input-placeholder {font-weight:400; color:#888} .search_frm .sch_form .form_wrap .sch_box input[type="search"]::-webkit-search-cancel-button {-webkit-appearance:none} .search_frm .sch_form .relate_word {padding:0 0 12px 10px} .search_frm .sch_form .relate_word a {display:block; width:auto; height:20px; margin:0 5px; font-size:14px; color:#838383; line-height:20px} .search_frm .rec_category {border-bottom:1px solid #e5e5e5} .search_frm .rec_category h2 {margin:0 10px; border-bottom:1px dotted #dbdbdb} .search_frm .rec_category .cate_blk {height:50px; border-bottom:1px solid #f2f2f2} .search_frm .rec_category .cate_blk:last-child {border-bottom:0} .search_frm .rec_category .cate_blk ol {padding-left:15px} .search_frm .rec_category .cate_blk ol li {width:auto} .search_frm .rec_category .cate_blk ol li a {display:block; position:relative; height:50px; padding-right:25px; font-size:15px; color:#999; line-height:50px} .search_frm .rec_category .cate_blk ol li a:after {position:absolute; top:0; right:0; width:25px; height:42px; text-align:center; content:'>'} .search_frm .rec_category .cate_blk ol li:last-child a:after {display:none} .search_frm .rec_category .cate_blk ol li a span {color:#1ed25f} .search_frm .no_item {padding:97px 0 40px; background:url('//img.1300k.com/mobile/common/2018/ico_no_keyword.png') center 38px no-repeat #fff; background-size:50px auto} .search_frm .no_item p {font-size:12px; color:#888; line-height:18px; text-align:center} .search_frm .no_item p strong {display:block; margin-bottom:10px; font-size:14px; font-weight:400; color:#333} .search_frm .recommend_evt .tpl_evt_item {margin-top:0; border:none} .search_frm .recommend_evt .tpl_evt_item img {vertical-align:top} .search_frm .recommend_evt .slide_paging {position:absolute; bottom:70px; right:15px; width:43px; height:22px; line-height:22px; text-align:center} .search_frm .recommend_evt .slide_paging div {bottom:0; font-size:12px; color:#fff; text-align:center} .search_frm .recommend_evt .slide_paging span {position:relative; font-family:'Montserrat','Noto Sans KR', 'Malgun Gothic', Dotum; font-size:12px; color:#fff; vertical-align:middle; z-index:3} .search_frm .recommend_evt .slide_paging .bg {display:block; position:absolute; top:0; left:0; width:43px; height:22px; border-radius:15px; background:#000; opacity:0.4; z-index:2} .search_frm .rel_prod {overflow:hidden; margin:0} .search_frm .rel_prod .rel_tit.gabangpop {overflow:hidden; width:100%; height:35px; background:url('//img.1300k.com/mobile/shop/2018/tit_search_wetoo.png') no-repeat 15px center #333; background-size:99px 13.5px; text-indent:100%} .search_frm .rel_prod .res_box {width:auto; height:45px; padding:0 15px; line-height:45px; font-size:14px; color:#4e4e4e} .search_frm .rel_prod .res_box .sch_txt.gabangpop {font-weight:bold; color:#5078e3} .search_frm .rel_prod .res_box .sch_from.gabangpop {font-weight:bold; color:#04cc9e} .search_frm .rel_prod .res_box .res_cnt.gabangpop {font-weight:bold; color:#5078e3; text-decoration:underline} .search_frm .rel_prod .btn_rel_all {position:relative; padding:20px 15px; background:#fff} .search_frm .rel_prod .btn_rel_all:after {display:block; position:absolute; bottom:0; left:15px; right:15px; height:1px; background:#e5e5e5; content:''} .search_frm .rel_prod .btn_rel_all a {display:block; background:#1ed25f; text-align:center; line-height:45px} .search_frm .rel_prod .btn_rel_all a span {padding-right:17px; background:url('//img.1300k.com/mobile/common/2018/ico_arrow_right_w.png') 100% 50% no-repeat; background-size:7px auto; font-size:15px; color:#fff} /* 온리투데이 *********************************************************************/ .onlytoday_frm {position:relative; width:100%; background:#f2f2f2} .onlytoday_frm img {vertical-align:top} .onlytoday_frm div, .onlytoday_frm p, .onlytoday_frm span, .onlytoday_frm a {font-family:'Noto Sans KR', 'Malgun Gothic', Dotum} .onlytoday_frm .number {font-family:'Montserrat', 'Noto Sans KR', 'Malgun Gothic', Dotum} .onlytoday_frm .img_thumb {display:block; position:relative; overflow:hidden; width:100%; padding-bottom:100%; font-size:0; line-height:0} .onlytoday_frm .img_thumb:before {position:absolute; left:0; top:0; width:100%; height:100%; background:url('//img.1300k.com/mobile/common/loading_common.png') no-repeat 50% 50% #fff; background-size:40px auto; content:''} .onlytoday_frm .img_thumb img {position:absolute; left:0; right:0; top:0; bottom:0; width:100%; max-height:100%; margin:auto} .onlytoday_frm .soldout .img_thumb:after {position:absolute; left:0; top:0; width:100%; height:100%; background:url('//img.1300k.com/mobile/shop/sale/onlytoday/soldout.png') no-repeat 50% 50% rgba(0,0,0,0.3); background-size:54%; content:''; z-index:3} .onlytoday_frm .title_box {width:100%; height:133px} .onlytoday_frm .title_box h2 {display:block; height:100%; background:#fd8b76 url('//img.1300k.com/mobile/shop/sale/onlytoday/tit_onlytoday.png') 50% 50% no-repeat; background-size:auto 100%; font-size:0; text-indent:-999999px} .onlytoday_frm .timer_box .time_line {position:relative; width:100%; height:4px; background:#dfdfdf} .onlytoday_frm .timer_box .time_line .timebar {position:relative; height:4px; background:#ff554d} .onlytoday_frm .timer_box .time_line .timebar .on {display:block; position:absolute; right:-4px; top:-4px; width:6px; height:6px; border:2px solid #ff554d; border-radius:10px; background:#fff; content:''; z-index:3} .onlytoday_frm .timer_box .remaining_time {height:38px; padding:20px 0px 23px; text-align:center} .onlytoday_frm .timer_box .remaining_time .txt_time {display:inline-block; position:relative; width:70%; height:38px; padding:0px 15px; background:#ff554d; letter-spacing:0.5px; line-height:18px; border-radius:19px} .onlytoday_frm .timer_box .remaining_time .txt_time span {display:inline-block; position:absolute; left:50%; top:9px; width:60px; margin-left:-80px; padding-left:24px; color:#fff; font-size:15px; line-height:20px} .onlytoday_frm .timer_box .remaining_time .txt_time span:after {position:absolute; left:0; top:50%; width:18px; height:18px; margin-top:-9px; background:url('//img.1300k.com/mobile/shop/sale/onlytoday/ico_timer.png') 0 50% no-repeat; background-size:18px; content:''; z-index:2} .onlytoday_frm .timer_box .remaining_time .txt_time em {display:inline-block; position:absolute; right:50%; top:8px; width:75px; margin-right:-84px; color:#fdf891; font-size:17px; line-height:20px; text-align:left} .onlytoday_frm .glist_box {padding:0px 15px 40px} .onlytoday_frm .glist_box .list_blk li {margin-bottom:20px; padding:20px 15px 32px; background:#fff} .onlytoday_frm .glist_box .list_blk li a .goods {position:relative; padding:18px 0; line-height:1.2} .onlytoday_frm .glist_box .list_blk li a .goods .name, .onlytoday_frm .glist_box .list_blk li a .goods .desc {display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap} .onlytoday_frm .glist_box .list_blk li a .goods .name {margin-right:55px; color:#111; font-size:18px; letter-spacing:-0.5px; text-decoration:none} .onlytoday_frm .glist_box .list_blk li a .goods .desc {padding-top:14px; color:#777; font-size:13px} .onlytoday_frm .glist_box .list_blk li a .goods .sale_percent {position:absolute; right:0; top:15px; width:58px; color:#ff554d; font-size:21px; font-weight:600; text-align:right} .onlytoday_frm .glist_box .list_blk li a .price {position:relative; padding-top:21px; border-top:1px solid #e6e6e6; line-height:1.2} .onlytoday_frm .glist_box .list_blk li a .price .sale {position:relative; margin-right:6px; padding-right:13px; color:#333} .onlytoday_frm .glist_box .list_blk li a .price .sale strong {font-size:17px; font-weight:600} .onlytoday_frm .glist_box .list_blk li a .price .sale em {position:absolute; right:0; bottom:3px; font-size:12px} .onlytoday_frm .glist_box .list_blk li a .price .del {position:relative; padding-right:12px; color:#999} .onlytoday_frm .glist_box .list_blk li a .price .del strong {font-size:13px; font-weight:normal; text-decoration:line-through} .onlytoday_frm .glist_box .list_blk li a .price .del em {position:absolute; right:0; bottom:1px; font-size:11px} .onlytoday_frm .glist_box .list_blk li a .price .delivery_cost {position:absolute; right:0; bottom:2px; padding-left:24px; background:url('//img.1300k.com/mobile/shop/sale/onlytoday/ico_delivery_cost.png') 0 50% no-repeat; background-size:19px 13px; color:#ff554d; font-size:13px; letter-spacing:-0.5px} .onlytoday_frm .glist_box .btn_blk {display:table; width:100%; padding-top:5px} .onlytoday_frm .glist_box .btn_blk a.btn_more {display:table-cell; width:100%; height:45px; background:#ff554d; text-align:center; vertical-align:middle} .onlytoday_frm .glist_box .btn_blk a.btn_more span {display:inline-block; position:relative; padding-right:15px; color:#fff; font-size:15px; line-height:21px; letter-spacing:-0.5px} .onlytoday_frm .glist_box .btn_blk a.btn_more span:after {display:block; position:absolute; right:0px; top:6px; width:8px; height:8px; border:2px solid #fff; border-width:1px 1px 0px 0px; transform:rotate(45deg); -webkit-transform:rotate(45deg); content:''} /* 쿠폰적용상품 *********************************************************************/ .cpz_frm div, .cpz_frm li, .cpz_frm p, .cpz_frm span, .cpz_frm select, .cpz_frm a, .cpz_frm del {font-family:'Noto Sans KR','Malgun Gothic',Dotum} .cpz_frm .number {font-family:'Montserrat','Noto Sans KR','Malgun Gothic',Dotum} .cpz_frm {padding-top:10px} .cpz_frm .coupon_box {padding:25px 15px; border-top:1px solid #ebebeb; background:#fff} .cpz_frm .coupon_box .coupon_blk {position:relative; overflow:hidden; width:74%; margin:auto; padding-top:35%} .cpz_frm .coupon_box .coupon_blk:before {position:absolute; right:-3.5%; top:43%; width:7%; padding-top:7%; border:1px solid #e5e5e5; border-radius:100%; background:#fff; content:''; z-index:2} .cpz_frm .coupon_box .coupon_blk p {display:flex; position:absolute; top:0; overflow:hidden; height:100%; text-align:center; justify-content:center; align-items:center; word-break:break-word} .cpz_frm .coupon_box .coupon_blk .coupon_tit {left:0; width:32%; background:#1ed25f; color:#fff} .cpz_frm .coupon_box .coupon_blk .coupon_tit:after {position:absolute; right:0; top:3px; width:1px; height:120%; border-right:2px dashed #fff; content:''} .cpz_frm .coupon_box .coupon_blk .coupon_tit em {font-size:4.375vw; font-weight:700; line-height:1.4} .cpz_frm .coupon_box .coupon_blk .coupon_cont {right:0; width:68%; padding:4% 4% 4% 0; border:1px solid #e5e5e5; border-width:1px 1px 1px 0; color:#000; font-size:9.375vw; font-weight:600; line-height:1.2; box-sizing:border-box} .cpz_frm .coupon_box .coupon_blk .coupon_cont span {display:-webkit-box; overflow:hidden; letter-spacing: -0.45vw; -webkit-line-clamp:2; -webkit-box-orient:vertical} .cpz_frm .coupon_box .coupon_blk .coupon_cont span em.won {margin-left:2px; font-size:5.625vw; font-weight:700} .cpz_frm .coupon_box .desc_blk {padding-top:25px; text-align:center} .cpz_frm .coupon_box .desc_blk .desc {padding-bottom:20px} .cpz_frm .coupon_box .desc_blk .desc span {display:block} .cpz_frm .coupon_box .desc_blk .desc .txt_tit {overflow:hidden; color:#333; font-size:15px; font-weight:700; line-height:1.2; letter-spacing:-0.3px; white-space:nowrap; text-overflow:ellipsis} .cpz_frm .coupon_box .desc_blk .desc .date {padding-top:10px; color:#838383; font-size:13px; font-weight:400; line-height:22px} .cpz_frm .coupon_box .notice_blk {padding-top:18px; border-top:1px solid #f2f2f2} .cpz_frm .coupon_box .notice_blk ul li {padding-left:7px; margin-top:4px; color:#666; font-size:12px; font-weight:400; line-height:17px; text-indent:-7px; word-break:break-all} .cpz_frm .select_box {height:33px; padding:15px; background:#f2f2f2} .cpz_frm .select_box .sel_blk {position:relative} .cpz_frm .select_box .sel_blk:after {position:absolute; top:14px; right:10px; width:13px; height:7px; background:url('//img.1300k.com/mobile/common/2018/ico_select_arrow.png') no-repeat; background-size:13px auto; content:''} .cpz_frm .select_box .sel_blk select {display:block; position:relative; width:100%; height:33px; padding:0 35px 0 10px; border:none; background:#fff; font-size:14px; font-weight:400; color:#333; line-height:1.2; outline:none; -webkit-appearance:none} .cpz_frm .cpz_list_box {background:#fff} .cpz_frm .cpz_list_box p {padding:20px 15px 5px; color:#333; font-size:13px; font-weight:400; line-height:1.2} .cpz_frm .cpz_list_box p span {padding-left:3px; color:#1ed25f; font-size:14px; font-weight:600} /* 장바구니 *********************************************************************/ .cart_wrap_frm section, .cart_wrap_frm div, .cart_wrap_frm li, .cart_wrap_frm p, .cart_wrap_frm span, .cart_wrap_frm a {font-family:'Noto Sans KR', 'Malgun Gothic', Dotum} .cart_wrap_frm .number {font-family: 'Montserrat','Noto Sans KR', 'Malgun Gothic', Dotum} .cart_wrap_frm {padding-bottom:70px} .cart_wrap_frm img {vertical-align:top} .cart_wrap_frm section {display:block; position:relative; background:#fff} .cart_wrap_frm .img_thumb {display:inline-block; position:relative; width:80px; height:0px; padding-bottom:80px} .cart_wrap_frm .img_thumb::before {position:absolute; top:0; left:0; width:100%; height:100%; background:url('//img.1300k.com/mobile/common/loading_common.png') no-repeat 50% 50% #fff; background-size:40px auto; content:''} .cart_wrap_frm .img_thumb img {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; max-height:100%; margin:auto} .cart_wrap_frm span.item_order_quantity {float:left; position:relative; padding:0px 31px} .cart_wrap_frm span.item_order_quantity input[type='tel'] {width:30px; height:30px; padding:0px 5px; border:1px solid #e5e5e5; text-align:center; line-height:30px; font-family:'Montserrat','Noto Sans KR', 'Malgun Gothic', Dotum; font-size:14px; font-weight:400} .cart_wrap_frm span.item_order_quantity button {position:absolute; top:0; width:32px; overflow:hidden; height:32px; border:1px solid #e5e5e5; outline:none; background:#fff; font-size:0px; text-indent:-9999px; z-index:2} .cart_wrap_frm span.item_order_quantity button.btn_qty_plus {right:0; background:#fff url('//img.1300k.com/mobile/order/2018/ico_plus.png') no-repeat 50% 50%; background-size:16px auto } .cart_wrap_frm span.item_order_quantity button.btn_qty_minus {left:0; background:#fff url('//img.1300k.com/mobile/order/2018/ico_minus.png') no-repeat 50% 50%; background-size:16px auto } .cart_wrap_frm .cart_list {padding-top:52px} .cart_wrap_frm .cart_list input[type='checkbox'] {-webkit-appearance:none; -moz-appearance:none; appearance:none; width:40px; height:40px; border:none; outline:none; background-color:transparent; background-image:url('//img.1300k.com/mobile/order/2018/ico_check_empty.gif'); background-repeat:no-repeat; background-position:50% 50%; background-size:20px} .cart_wrap_frm .cart_list input[type='checkbox']:checked {background-image:url('//img.1300k.com/mobile/order/2018/ico_check_select.gif')} .cart_wrap_frm .cart_list input[type='checkbox']:disabled {background-image:url('//img.1300k.com/mobile/order/2018/ico_check_disable.gif')} .cart_wrap_frm .cart_list .util_box {position:fixed; top:45px; left:0; width:100%; height:52px; padding:15px; border-bottom:1px solid #e5e5e5; background:#fff; box-sizing:border-box; z-index:5} .cart_wrap_frm .cart_list .util_box p {padding-left:28px} .cart_wrap_frm .cart_list .util_box p input[type='checkbox'] {position:absolute; left:5px; top:50%; margin-top:-20px; z-index:2} .cart_wrap_frm .cart_list .util_box p input[type='checkbox']:checked {background-image:url('//img.1300k.com/mobile/order/2018/ico_check_all.gif')} .cart_wrap_frm .cart_list .util_box p label {color:#333; font-size:13px; font-weight:400} .cart_wrap_frm .cart_list .util_box p label strong {color:#333; font-weight:400} .cart_wrap_frm .cart_list .util_box p label strong.check_count {color:#1ed25f} .cart_wrap_frm .cart_list .util_box a.btn_del {position:absolute; right:15px; top:5px; display:inline-block; height:40px; padding:0 10px; margin-left:6px; font-size:12px; line-height:41px} .cart_wrap_frm .cart_list .util_box a.btn_del:after {position:absolute; left:-1px; top:7px; width:100%; height:26px; border:1px solid #e5e5e5; border-radius:13px; content:''} .cart_wrap_frm .cart_list .empty_box {background:url('//img.1300k.com/mobile/shop/2018/ico_no_text.png') 50% 90px no-repeat #fff; background-size:50px auto} .cart_wrap_frm .cart_list .empty_box p {padding:150px 0 120px; color:#999; font-size:13px; text-align:center} .cart_wrap_frm .cart_list .dvry_box {border-top:1px solid #e5e5e5} .cart_wrap_frm .cart_list .dvry_box .dvry_blk h3 {position:relative; background:#f2f2f2} .cart_wrap_frm .cart_list .dvry_box .dvry_blk h3 .ck_box {position:absolute; left:5px; top:5px; z-index:2} .cart_wrap_frm .cart_list .dvry_box .dvry_blk h3 .ck_box input[type='checkbox']:checked {background-image:url('//img.1300k.com/mobile/order/2018/ico_check_all.gif')} .cart_wrap_frm .cart_list .dvry_box .dvry_blk h3 .ck_box label {position:absolute; display:inline-block; overflow:hidden; width:0; height:0; font-size:0; text-indent:-9999px} .cart_wrap_frm .cart_list .dvry_box .dvry_blk h3 a {display:block; padding:15px 15px 15px 43px; color:#444; font-size:13px; font-weight:700} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods {position:relative; padding:15px} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods:before {position:absolute; left:15px; right:15px; bottom:0; height:1px; background:#eee; content:''; z-index:2} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods:last-child:before {display:none} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .ck_box {position:absolute; left:5px; top:5px; z-index:2} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_desc {height:80px; padding-left:28px; padding-bottom:15px} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_desc a {display:block; position:relative; width:100%; height:80px; padding-left:95px; box-sizing:border-box} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_desc a .img_thumb {position:absolute; left:0; top:0; border:1px solid #e5e5e5} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_desc a .img_thumb .tag_stopsale {position:absolute; bottom:0; left:0; width:100%; padding:7px 0; background:rgba(81,83,96,0.84); color:#fff; font-size:11px; font-weight:700; text-align:center; z-index:2} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_desc a .item_name {display:table-cell; height:80px; vertical-align:middle} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_desc a .item_name span {display:-webkit-box; overflow:hidden; max-height:37px; margin:3px 0px; color:#444; font-size:13px; font-weight:400; line-height:18px; text-overflow:ellipsis; word-break:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_desc a .item_name em.ico_freedvry, .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_desc a .item_name em.ico_paydvry {display:inline-block; height:22px; padding:0px 7px; font-size:12px; font-weight:400; letter-spacing:-0.5px; line-height:23px; color:#fff} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_desc a .item_name em.ico_freedvry {background:#62a2ee} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_desc a .item_name em.ico_paydvry {background:#ee5d83} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_option {padding:10px 10px 0; border:1px solid #e5e5e5; background:#f2f2f2; box-sizing:border-box} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_option ul li {padding:10px 0; border-top:1px dotted #dedede} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_option ul li:first-child {padding:0 0 10px; border-top:none} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_option ul li > div {position:relative} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_option ul li > div a.btn_del_option {position:absolute; right:-5px; top:-6px; overflow:hidden; width:32px; height:32px; background:url('//img.1300k.com/mobile/order/2018/btn_del.png') no-repeat 50% 50%; background-size:22px auto; font-size:0px; text-indent:-9999px; z-index:2} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_option ul li .item_opt_name {padding-right:25px; color:#333; font-size:13px; font-weight:400; vertical-align:middle; text-overflow:ellipsis; word-break:break-all; -webkit-line-clamp:2; -webkit-box-orient:vertical} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_option ul li .item_opt_name span {display:block; margin-bottom:10px; word-break:break-all} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_option ul li .item_order {display:block; position:relative; height:32px} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_option ul li .item_order span.price {float:right; margin-right:28px; line-height:32px} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_option ul li .item_order a.btn_view {position:absolute; right:-5px; top:0; display:inline-block; overflow:hidden; width:32px; height:32px; font-size:0; text-indent:-9999px; background:url('//img.1300k.com/mobile/order/2018/ico_arrow_open.png') no-repeat 50% 50%; background-size:24px auto; z-index:2} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_option ul li .item_order a.btn_view.on {background:url('//img.1300k.com/mobile/order/2018/ico_arrow_close.png') no-repeat 50% 50%; background-size:24px auto} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_option ul li .price {font-size:12px} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_option ul li .price .number {font-size:15px; font-weight:700} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_option ul li .txt_stopsale {display:block; color:#1ed25f; font-size:13px; font-weight:400} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_option .price_detail {display:none; margin-top:12px} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_option .price_detail p {display:block; width:100%; padding-bottom:10px; color:#777; font-size:12px; line-height:1.4} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_option .price_detail p:last-child {padding-bottom:2px} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_option .price_detail p:after {display:block; clear:both; content:''} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_option .price_detail p span {float:right} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_option .price_detail .number {font-weight:400} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_btn {padding-top:15px} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_btn ul {display:flex; flex-wrap:nowrap} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_btn ul:after {display:block; clear:both; content:''} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_btn ul li {float:left; width:100%; padding-left:10px} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_btn ul li:first-child {padding:0} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_btn ul li a {display:block; width:100%; height:43px; font-size:16px; font-weight:700; color:#fff; text-align:center; line-height:43px} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_btn ul li a.btn_order_each {background:#1ed25f} .cart_wrap_frm .cart_list .dvry_box .dvry_blk .dvry_goods .item_btn ul li a.btn_del_each {background:#cecece} .cart_wrap_frm .cart_list .dvry_box .prc_blk ul {padding:5px 15px 20px} .cart_wrap_frm .cart_list .dvry_box .prc_blk ul li {position:relative; padding-left:10px; font-size:12px; font-weight:700; line-height:20px} .cart_wrap_frm .cart_list .dvry_box .prc_blk ul li:before {position:absolute; left:0; top:3px; content:'*'} .cart_wrap_frm .cart_list .dvry_box .prc_blk ul li span {display:block; color:#999; font-weight:400} .cart_wrap_frm .cart_list .dvry_box .prc_blk ul li a.btn_more_shop {position:absolute; right:0; bottom:0; height:28px; padding:0px 8px; border:1px solid #333; color:#333; font-size:12px; font-weight:400; line-height:29px; letter-spacing:-0.5px} .cart_wrap_frm .order_total_result .aggregate_box {padding:15px; border-top:2px solid #1fd15f} .cart_wrap_frm .order_total_result .aggregate_box .sum {color:#666; font-size:13px; line-height:25px} .cart_wrap_frm .order_total_result .aggregate_box .sum dt {float:left} .cart_wrap_frm .order_total_result .aggregate_box .sum dt.paydvry {position:relative; padding-left:16px} .cart_wrap_frm .order_total_result .aggregate_box .sum dt.paydvry:before {position:absolute; left:0; top:0; color:#444; content:'ㄴ'} .cart_wrap_frm .order_total_result .aggregate_box .sum dd {text-align:right} .cart_wrap_frm .order_total_result .aggregate_box .total {margin-top:10px; padding-top:10px; border-top:1px dotted #ccc} .cart_wrap_frm .order_total_result .aggregate_box .total dt {float:left; font-size:15px; font-weight:700} .cart_wrap_frm .order_total_result .aggregate_box .total dd {color:#1ed25f; font-size:13px; font-weight:400; text-align:right} .cart_wrap_frm .order_total_result .aggregate_box .total dd span {font-size:21px; font-weight:600} .cart_wrap_frm .order_total_result .aggregate_box .btn_box {position:fixed; left:0; bottom:0; width:100%; height:63px; padding:10px 15px; background:rgba(0,0,0,0.65); box-sizing:border-box; z-index:2} .cart_wrap_frm .order_total_result .aggregate_box .btn_box p {padding-right:190px} .cart_wrap_frm .order_total_result .aggregate_box .btn_box p.total_sum_count {color:#fff; font-size:13px} .cart_wrap_frm .order_total_result .aggregate_box .btn_box p.total_sum_count span {font-weight:600} .cart_wrap_frm .order_total_result .aggregate_box .btn_box p.total_result {color:#1ed25f; font-size:14px} .cart_wrap_frm .order_total_result .aggregate_box .btn_box p.total_result span {font-size:18px; font-weight:600} .cart_wrap_frm .order_total_result .aggregate_box .btn_box a.btn_order_sel {position:absolute; right:15px; top:10px; background:#1ed25f; width:180px; height:43px; color:#fff; font-size:17px; font-weight:700; text-align:center; line-height:43px; z-index:3} .cart_wrap_frm .cart_bnr {border-bottom:1px solid #e5e5e5; margin-bottom:10px; padding:0px 15px 20px} .cart_wrap_frm .easypay {border-bottom:1px solid #e5e5e5; margin-bottom:10px; padding:10px 15px 20px} .cart_wrap_frm .easypay .npay_button_box {border-top: 1px solid #eee !important} .cart_wrap_frm .easypay .paycopay_type {clear:both; display:block; width:290px; height:42px; margin:auto; padding:10px 0} .cart_wrap_frm .easypay .paycopay_type .paycopay_text {float:left; width:95px; height:42px; text-align:left} .cart_wrap_frm .easypay .paycopay_type .paycopay_text span.payco_logo1 {display:block; width:70px; height:9px; overflow:hidden; margin:2px 0 5px 1px; font-size:0; background:url('//img.1300k.com/mobile/common/2018/payco_logo1.png') no-repeat 0% 0%; background-size:auto 9px; text-indent:-1000px} .cart_wrap_frm .easypay .paycopay_type .paycopay_text a.paycopay_link {display:inline-block; color:#000 !important; font-family:'돋움', Dotum, Helvetica, sans-serif; font-size:11px; line-height:13px; letter-spacing:-1px; margin:0} .cart_wrap_frm .easypay .paycopay_type .paycopay_button {float:right; width:187px; height:42px} .cart_wrap_frm .easypay .paycopay_type .paycopay_button a.btn_paycopay {display:block; background:#fe0000; color:#fff; font-size:14px; line-height:40px; border-radius:2px; text-align:center} .cart_wrap_frm .easypay .paycopay_type .paycopay_button a.btn_paycopay span.payco_logo2 {display:inline-block; width:50px; height:11px; overflow:hidden; font-size:0; background:url('//img.1300k.com/mobile/common/2018/payco_logo2.png') no-repeat 0% 0%; background-size:auto 11px; text-indent:-1000px} .cart_wrap_frm .cart_notice {padding:15px; background:#fff} .cart_wrap_frm .cart_notice h3 {height:20px; padding-left:24px; color:#333; font-size:12px; font-weight:700; line-height:20px} .cart_wrap_frm .cart_notice h3:before {position:absolute; left:15px; top:15px; width:20px; height:20px; background:url('//img.1300k.com/mobile/order/2018/ico_notice.png') no-repeat 0% 50%; background-size:100%; content:''} .cart_wrap_frm .cart_notice a.btn_notice {position:absolute; right:0; top:0; overflow:hidden; width:100%; height:46px; font-size:0px; text-indent:-9999px; opacity:0.6} .cart_wrap_frm .cart_notice a.btn_notice:before {display:block; float:right; width:46px; height:46px; background:url('//img.1300k.com/mobile/order/2018/ico_arrow_open.png') no-repeat 50% 50%; background-size:24px auto; content:''} .cart_wrap_frm .cart_notice a.btn_notice.on:before {background:url('//img.1300k.com/mobile/order/2018/ico_arrow_close.png') no-repeat 50% 50%; background-size:24px auto} .cart_wrap_frm .cart_notice a.btn_notice + ul {display:none} .cart_wrap_frm .cart_notice a.btn_notice.on + ul {display:block} .cart_wrap_frm .cart_notice ul {padding-top:10px} .cart_wrap_frm .cart_notice ul li {padding-left:11px; margin-top:4px; color:#666; font-size:11px; font-weight:400; line-height:16px; text-indent:-7px; word-break:break-all} /* 사은품선택 *********************************************************************/ .gift_wrap_frm section, .gift_wrap_frm div, .gift_wrap_frm li, .gift_wrap_frm p, .gift_wrap_frm span, .gift_wrap_frm a {font-family:'Noto Sans KR', 'Malgun Gothic', Dotum} .gift_wrap_frm .number {font-family: 'Montserrat','Noto Sans KR', 'Malgun Gothic', Dotum} .gift_wrap_frm img {vertical-align:top} .gift_wrap_frm section {display:block; position:relative; background:#fff} .gift_wrap_frm .img_thumb {display:inline-block; position:relative; width:80px; height:0px; padding-bottom:80px} .gift_wrap_frm .img_thumb::before {position:absolute; top:0; left:0; width:100%; height:100%; background:url('//img.1300k.com/mobile/common/loading_common.png') no-repeat 50% 50% #fff; background-size:40px auto; content:''} .gift_wrap_frm .img_thumb img {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; max-height:100%; margin:auto} .gift_wrap_frm span.item_order_quantity {float:left; position:relative; padding:0px 31px} .gift_wrap_frm span.item_order_quantity input[type='tel'] {width:30px; height:30px; padding:0px 5px; border:1px solid #e5e5e5; text-align:center; line-height:30px; font-family:'Montserrat','Noto Sans KR', 'Malgun Gothic', Dotum; font-size:14px; font-weight:400} .gift_wrap_frm span.item_order_quantity button {position:absolute; top:0; width:32px; overflow:hidden; height:32px; border:1px solid #e5e5e5; background:#fff; font-size:0px; text-indent:-9999px; z-index:2} .gift_wrap_frm span.item_order_quantity button.btn_qty_plus {right:0; background:#fff url('//img.1300k.com/mobile/order/2018/ico_plus.png') no-repeat 50% 50%; background-size:16px auto} .gift_wrap_frm span.item_order_quantity button.btn_qty_minus {left:0; background:#fff url('//img.1300k.com/mobile/order/2018/ico_minus.png') no-repeat 50% 50%; background-size:16px auto} .gift_wrap_frm .gift_list input[type='checkbox'] {display:inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; width:40px; height:40px; border:none; outline:none; background-color:transparent; background-image:url('//img.1300k.com/mobile/order/2018/ico_check_empty.gif'); background-repeat:no-repeat; background-position:50% 50%; background-size:20px} .gift_wrap_frm .gift_list input[type='checkbox']:checked {background-image:url('//img.1300k.com/mobile/order/2018/ico_check_select.gif')} .gift_wrap_frm .gift_list input[type='checkbox']:disabled {background-image:url('//img.1300k.com/mobile/order/2018/ico_check_disable.gif')} .gift_wrap_frm .gift_list input[type='radio'] {display:inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; width:40px; height:40px; border:none; outline:none; background-color:transparent; background-image:url('//img.1300k.com/mobile/order/2018/ico_radio_empty.gif'); background-repeat:no-repeat; background-position:50% 50%; background-size:20px} .gift_wrap_frm .gift_list input[type='radio']:checked {background-image:url('//img.1300k.com/mobile/order/2018/ico_radio_select.gif')} .gift_wrap_frm .gift_list input[type='radio']:disabled {background-image:url('//img.1300k.com/mobile/order/2018/ico_radio_disable.gif')} .gift_wrap_frm .gift_list .info_box {padding:20px 15px 10px; background:#fff; border-top:1px solid #e5e5e5; margin-top:-1px} .gift_wrap_frm .gift_list .info_box h3 {display:block; padding:0px 0px 8px 10px; color:#444; font-size:14px; font-weight:700} .gift_wrap_frm .gift_list .info_box ul li {position:relative; padding-left:10px; color:#666; font-size:12px; line-height:1.7} .gift_wrap_frm .gift_list .info_box ul li:before {position:absolute; left:0; top:0; content:'·'} .gift_wrap_frm .gift_list .info_box ul li strong {color:#1ed25f} .gift_wrap_frm .gift_list .gift_box .gift_item {position:relative; padding:15px} .gift_wrap_frm .gift_list .gift_box .gift_item:before {position:absolute; left:15px; right:15px; bottom:0; height:1px; background:#eee; content:''; z-index:2} .gift_wrap_frm .gift_list .gift_box .gift_item:last-child:before {display:none} .gift_wrap_frm .gift_list .gift_box .gift_item .ck_box {position:absolute; left:5px; top:5px; z-index:2} .gift_wrap_frm .gift_list .gift_box .gift_item .item_desc {display:block; position:relative; width:100%; height:80px; padding-left:28px; box-sizing:border-box} .gift_wrap_frm .gift_list .gift_box .gift_item .item_desc.no_take {height:30px; color:#444; font-size:13px; font-weight:400} .gift_wrap_frm .gift_list .gift_box .gift_item .item_desc .img_thumb {position:absolute; left:28px; top:0; border:1px solid #e5e5e5} .gift_wrap_frm .gift_list .gift_box .gift_item .item_desc .img_thumb .tag_stopsale {position:absolute; bottom:0; left:0; width:100%; padding:7px 0; background:rgba(81,83,96,0.84); color:#fff; font-size:11px; font-weight:700; text-align:center; z-index:2} .gift_wrap_frm .gift_list .gift_box .gift_item .item_desc .item_name {display:table-cell; height:80px; padding-left:95px; vertical-align:middle} .gift_wrap_frm .gift_list .gift_box .gift_item .item_desc .item_name span {display:-webkit-box; overflow:hidden; max-height:37px; margin:3px 0px; color:#444; font-size:13px; font-weight:400; line-height:18px; text-overflow:ellipsis; word-break:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical} .gift_wrap_frm .gift_list .gift_box .gift_item .item_desc .item_name em.ico_freedvry, .gift_wrap_frm .gift_list .gift_box .gift_item .item_desc .item_name em.ico_paydvry {display:inline-block; height:24px; padding:0px 10px; font-size:12px; font-weight:700; line-height:25px; color:#fff} .gift_wrap_frm .gift_list .gift_box .gift_item .item_desc .item_name em.ico_freedvry {background:#62a2ee} .gift_wrap_frm .gift_list .gift_box .gift_item .item_desc .item_name em.ico_paydvry {background:#ee5d83} .gift_wrap_frm .gift_btn {background:none; padding:10px 15px 20px; border-bottom:1px solid #e5e5e5} .gift_wrap_frm .gift_btn ul {display:flex; flex-wrap:nowrap} .gift_wrap_frm .gift_btn ul:after {display:block; clear:both; content:''} .gift_wrap_frm .gift_btn ul li {float:left; width:100%; padding-left:10px} .gift_wrap_frm .gift_btn ul li:first-child {padding:0} .gift_wrap_frm .gift_btn ul li a {display:block; width:100%; height:43px; font-size:16px; font-weight:700; color:#fff; text-align:center; line-height:43px} .gift_wrap_frm .gift_btn ul li a.btn_gift_submit {background:#1ed25f} .gift_wrap_frm .gift_btn ul li a.btn_go_cart {background:#cecece} .gift_wrap_frm .gift_notice {position:relative; padding:20px 15px; background:#f2f2f2} .gift_wrap_frm .gift_notice:before {position:absolute; left:15px; right:15px; top:0px; height:0px; border-bottom:1px dashed #e8e8e8; content:''} .gift_wrap_frm .gift_notice h3 {position:relative; padding-left:24px; color:#333; font-size:12px; font-weight:700} .gift_wrap_frm .gift_notice h3:before {position:absolute; left:0px; top:0px; width:20px; height:20px; background:url('//img.1300k.com/mobile/order/2018/ico_notice.png') no-repeat 0% 50%; background-size:100%; content:''} .gift_wrap_frm .gift_notice ul {padding-top:10px} .gift_wrap_frm .gift_notice ul li {padding-left:11px; margin-top:4px; color:#666; font-size:11px; font-weight:400; line-height:16px; text-indent:-7px; word-break:break-all} /* 주문결제 - 일반 *********************************************************************/ .dvry_info_frm section, .dvry_info_frm div, .dvry_info_frm li, .dvry_info_frm p, .dvry_info_frm span, .dvry_info_frm select, .dvry_info_frm label, .dvry_info_frm input[type='text'], .dvry_info_frm a {font-family:'Noto Sans KR','Malgun Gothic',Dotum} .dvry_info_frm .number {font-family:'Montserrat','Noto Sans KR','Malgun Gothic',Dotum} .dvry_info_frm img {vertical-align:top} .dvry_info_frm .img_thumb {display:inline-block; position:relative; width:80px; height:0px; padding-bottom:80px} .dvry_info_frm .img_thumb::before {position:absolute; top:0; left:0; width:100%; height:100%; background:url('//img.1300k.com/mobile/common/loading_common.png') no-repeat 50% 50% #fff; background-size:40px auto; content:''} .dvry_info_frm .img_thumb img {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; max-height:100%; margin:auto} .dvry_info_frm section {display:block; position:relative; background:#fff; border-bottom:1px solid #e5e5e5; margin-bottom:10px; padding:0} .dvry_info_frm section h3 {display:block; padding:15px; border-bottom:1px solid #ccc; color:#111; font-size:14px; font-weight:700} .dvry_info_frm section h3 em {font-size:15px; padding-right:5px} .dvry_info_frm input::placeholder {color:#ccc} .dvry_info_frm input[type='text'], .dvry_info_frm input[type='email'], .dvry_info_frm input[type='tel'], .dvry_info_frm input[type='password'], .dvry_info_frm select {-webkit-appearance:none; -moz-appearance:none; appearance:none; box-sizing:border-box; width:100%; height:42px; padding:10px; border:1px solid #e5e5e5; line-height:22px; background:none; background-color:#fff; font-size:13px} .dvry_info_frm select {background-image:url('//img.1300k.com/mobile/order/2018/ico_arrow_open.png'); background-repeat:no-repeat; background-position:97% 50%; background-size:24px auto; } .dvry_info_frm input[type='checkbox'] {display:inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; width:40px; height:40px; border:none; border-radius:0px; outline:none; background-color:transparent; background-image:url('//img.1300k.com/mobile/order/2018/ico_check_empty.gif'); background-repeat:no-repeat; background-position:50% 50%; background-size:20px} .dvry_info_frm input[type='checkbox']:checked {background-image:url('//img.1300k.com/mobile/order/2018/ico_check_all.gif')} .dvry_info_frm input[type='checkbox']:disabled {background-image:url('//img.1300k.com/mobile/order/2018/ico_check_disable.gif')} .dvry_info_frm input[type='radio'] {display:inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; width:40px; height:40px; border:none; border-radius:0px; outline:none; background-color:transparent; background-image:url('//img.1300k.com/mobile/order/2018/ico_radio_empty.gif'); background-repeat:no-repeat; background-position:50% 50%; background-size:20px} .dvry_info_frm input[type='radio']:checked {background-image:url('//img.1300k.com/mobile/order/2018/ico_radio_select.gif')} .dvry_info_frm input[type='radio']:disabled {background-image:url('//img.1300k.com/mobile/order/2018/ico_radio_disable.gif')} .dvry_info_frm input[type='radio'] + label {font-size:13px; color:#777; line-height:41px} .dvry_info_frm input[type='radio']:checked + label {color:#333} .dvry_info_frm a.btn_view {display:inline-block; height:28px; padding:0px 10px; border:1px solid #e5e5e5; color:#666; font-size:12px; font-weight:400; line-height:29px; letter-spacing:-0.5px} .dvry_info_frm .dvry_order .order_box, .dvry_info_frm .shipping_addr .address_box{padding:15px} .dvry_info_frm .dvry_order .order_box dl:last-child, .dvry_info_frm .shipping_addr .address_box dl:last-child {padding-bottom:0} .dvry_info_frm .dvry_order .order_box dl:after, .dvry_info_frm .shipping_addr .address_box dl:after {display:block; clear:both; content:''} .dvry_info_frm .dvry_order .order_box dl dt, .dvry_info_frm .shipping_addr .address_box dl dt, .dvry_info_frm .cash_receipt .receipt_ipt_wrap .receipt_iptbox dl dt, .dvry_info_frm .deposit .deposit_info dl dt {float:left; width:26%; color:#777; font-size:13px; font-weight:400; line-height:42px; box-sizing:border-box} .dvry_info_frm .deposit.galaxia .deposit_info dl dt {float:left; width:30%; color:#777; font-size:13px; font-weight:400; line-height:42px; box-sizing:border-box} .dvry_info_frm .dvry_order .order_box dl dd, .dvry_info_frm .shipping_addr .address_box dl dd, .dvry_info_frm .cash_receipt .receipt_ipt_wrap .receipt_iptbox dl dd, .dvry_info_frm .deposit .deposit_info dl dd {padding-left:26%; padding-bottom:10px; font-size:13px; font-weight:400; line-height:42px; box-sizing:border-box} .dvry_info_frm .deposit.galaxia .deposit_info dl dd {padding-left:30%; padding-bottom:10px; font-size:13px; font-weight:400; line-height:42px; box-sizing:border-box} .dvry_info_frm .dvry_order .order_box dl dd input.ipt_tel, .dvry_info_frm .shipping_addr .address_box dl dd input.ipt_tel {width:28%} /* 주문자 & 배송지 정보 */ .dvry_info_frm .dvry_order .order_box dl dd:after {clear:both; display:block; content:''} .dvry_info_frm .dvry_order .order_box dl dd input.ipt_ordmail1 {float:left; width:35%; padding-right:2px} .dvry_info_frm .dvry_order .order_box dl dd input.ipt_ordmail2 {float:left; width:55%} .dvry_info_frm .dvry_order .order_box dl dd span.txt_at {float:left; display:inline-block; width:10%; text-align:center} .dvry_info_frm .dvry_order .order_box dl dd select.sel_ordmail {margin-top:10px} .dvry_info_frm .dvry_order .order_box .guest_info {color:#999; font-size:12px; line-height:1.5} .dvry_info_frm .shipping_addr .address_box .addr_new_blk, .dvry_info_frm .shipping_addr .address_box .etc_request {display:none} .dvry_info_frm .shipping_addr .address_box .addr_default_blk {padding:12px 0} .dvry_info_frm .shipping_addr .address_box .addr_default_blk p {padding-bottom:10px; color:#666; font-size:13px; line-height:1.5} .dvry_info_frm .shipping_addr .address_box .addr_default_blk p:last-child {padding-bottom:0} .dvry_info_frm .shipping_addr .address_box .addr_default_blk p.name {color:#333; font-weight:700} .dvry_info_frm .shipping_addr .address_box .addr_default_blk input[type='text'] {margin-top:10px} .dvry_info_frm .shipping_addr .address_box .addr_new_blk {padding:12px 0 2px} .dvry_info_frm .shipping_addr .address_box .addr_new_blk dl dd.recipient {position:relative; padding-right:100px} .dvry_info_frm .shipping_addr .address_box .addr_new_blk dl dd.recipient span {position:absolute; right:0; top:0; height:42px; line-height:43px} .dvry_info_frm .shipping_addr .address_box .addr_new_blk dl dd.recipient span input[type='checkbox'] {float:left} .dvry_info_frm .shipping_addr .address_box .addr_new_blk dl dd.recipient span input[type='checkbox']:checked {background-image:url('//img.1300k.com/mobile/order/2018/ico_check_select.gif')} .dvry_info_frm .shipping_addr .address_box .addr_new_blk dl dd.recipient span label {float:left; margin-left:-3px; font-size:12px; color:#666} .dvry_info_frm .shipping_addr .address_box .addr_new_blk dl dd.zipcode {position:relative; padding-right:85px} .dvry_info_frm .shipping_addr .address_box .addr_new_blk dl dd.zipcode a {position:absolute; right:0; top:0; width:80px; height:42px; background:#1ed25f; color:#fff; font-size:14px; text-align:center; line-height:43px} .dvry_info_frm .shipping_addr .address_box .etc_request {margin-top:10px} .dvry_info_frm .shipping_addr .address_box .save_addr {display:none; position:relative; padding:10px 10px 10px 30px; color:#666; font-size:13px} .dvry_info_frm .shipping_addr .address_box .save_addr .ck_box {position:absolute; left:-10px; top:0px; z-index:2} /* 주문상품 */ .dvry_info_frm .dvry_item_list a.btn_more_item {position:absolute; left:0px; right:0px; top:3px; overflow:hidden; height:46px; font-size:0px; text-indent:-9999px} .dvry_info_frm .dvry_item_list a.btn_more_item:before {display:block; float:right; width:46px; height:46px; background:url('//img.1300k.com/mobile/order/2018/ico_arrow_open.png') no-repeat 50% 50%; background-size:24px auto; content:''} .dvry_info_frm .dvry_item_list a.btn_more_item.on:before {background:url('//img.1300k.com/mobile/order/2018/ico_arrow_close.png') no-repeat 50% 50%; background-size:24px auto} .dvry_info_frm .dvry_item_list .item_box {display:none; position:relative; padding:15px} .dvry_info_frm .dvry_item_list .item_box:before {position:absolute; left:15px; right:15px; top:0; height:1px; background:#eee; content:''} .dvry_info_frm .dvry_item_list .item_box:first-of-type {display:block} .dvry_info_frm .dvry_item_list .item_box:first-of-type:before {display:none} .dvry_info_frm .dvry_item_list .item_box a {display:block; position:relative; width:100%; min-height:82px; padding-left:95px; padding-bottom:20px; box-sizing:border-box} .dvry_info_frm .dvry_item_list .item_box a p {margin:0px 0px 4px; font-size:13px; font-weight:400; line-height:18px} .dvry_info_frm .dvry_item_list .item_box a p:last-child {margin:0} .dvry_info_frm .dvry_item_list .item_box a .img_thumb {position:absolute; left:0; top:0; margin:0; border:1px solid #e5e5e5} .dvry_info_frm .dvry_item_list .item_box a .item_name {display:-webkit-box; overflow:hidden; max-height:37px; color:#444; font-size:13px; font-weight:400; line-height:18px; text-overflow:ellipsis; word-break:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical} .dvry_info_frm .dvry_item_list .item_box a .item_opt_name {overflow:hidden; min-height:20px; color:#1ed25f; white-space:nowrap; text-overflow:ellipsis} .dvry_info_frm .dvry_item_list .item_box a .item_order {position:absolute; left:95px; right:0; bottom:0} .dvry_info_frm .dvry_item_list .item_box a .item_order .price {float:right} .dvry_info_frm .dvry_item_list .item_box a .item_order .price .number {font-size:16px} .dvry_info_frm .dvry_item_list .item_box a .item_order .quantity .number {padding-left:2px; font-size:14px; font-weight:600} /* 혜택 적용 & 결제금액 */ .dvry_info_frm .benefit_list {margin-bottom:0px; border-bottom:0} .dvry_info_frm .benefit_list h3 {border-bottom:none} .dvry_info_frm .benefit_list a.btn_more_bnf {position:absolute; left:0px; right:0px; top:3px; overflow:hidden; height:46px; font-size:0px; text-indent:-9999px; z-index:4} .dvry_info_frm .benefit_list a.btn_more_bnf:before {display:block; float:right; width:46px; height:46px; background:url('//img.1300k.com/mobile/order/2018/ico_arrow_open.png') no-repeat 50% 50%; background-size:24px auto; content:''} .dvry_info_frm .benefit_list a.btn_more_bnf.on:before {background:url('//img.1300k.com/mobile/order/2018/ico_arrow_close.png') no-repeat 50% 50%; background-size:24px auto} .dvry_info_frm .benefit_list .bnf_box {display:none; padding:0 15px; border-top:1px solid #ccc} .dvry_info_frm .benefit_list .bnf_box dt, .dvry_info_frm .benefit_list .bnf_box dd {position:relative; padding:15px 0px; font-size:13px} .dvry_info_frm .benefit_list .bnf_box dt {float:left; color:#777} .dvry_info_frm .benefit_list .bnf_box dd {text-align:right; color:#333} .dvry_info_frm .benefit_list .bnf_box dd:before {position:absolute; left:0; right:0; top:0; height:1px; background:#eee; content:''} .dvry_info_frm .benefit_list .bnf_box dd:nth-child(2):before {display:none} .dvry_info_frm .benefit_list .bnf_box dd.point_view_box {display:none; padding:15px; margin-bottom:5px; background:#f2f2f2; text-align:left} .dvry_info_frm .benefit_list .bnf_box dd.point_view_box p {position:relative; font-size:13px} .dvry_info_frm .benefit_list .bnf_box dd.point_view_box p .ipt_point {width:180px; margin-right:4px; font-weight:600; text-align:center} .dvry_info_frm .benefit_list .bnf_box dd.point_view_box p .ck_box {position:absolute; right:0px; top:0px; height:42px; padding-left:38px; z-index:2} .dvry_info_frm .benefit_list .bnf_box dd.point_view_box p .ck_box input[type="checkbox"] {position:absolute; left:0; top:0} .dvry_info_frm .benefit_list .bnf_box dd.point_view_box p .ck_box label {display:inline-block; color:#666; line-height:42px} .dvry_info_frm .benefit_list .bnf_box dd.point_view_box ul {padding-top:10px; font-size:12px; line-height:18px} .dvry_info_frm .benefit_list .bnf_box dd a.btn_view {margin:-9px 0 -9px 2px} .dvry_info_frm .benefit_list .total_bnf {position:absolute; left:0; top:0; width:100%; height:50px; line-height:50px; text-align:right; padding-right:50px; box-sizing:border-box; color:#ee6764; z-index:2} .dvry_info_frm .benefit_list .total_bnf em {display:inline-block; width:0px; height:0px; font-size:0; overflow:hidden; text-indent:-999px} .dvry_info_frm .benefit_list .total_bnf span {font-weight:600} .dvry_info_frm .benefit_list .for_guest_bnf {padding:10px 0 20px; border-top:1px solid #ccc} .dvry_info_frm .benefit_list .for_guest_bnf p {color:#777; font-size:12px; line-height:2; text-align:center} .dvry_info_frm .benefit_list .for_guest_bnf a {display:block; width:140px; height:43px; margin:10px auto 0; background:#1ed25f; color:#fff; font-size:16px; font-weight:700; line-height:43px; text-align:center} .dvry_info_frm .total_result_price a.btn_more_sum {display:block; position:relative; width:100%; height:50px; margin-top:-50px; font-size:0px; text-indent:-9999px; z-index:2} .dvry_info_frm .total_result_price a.btn_more_sum:before {display:block; float:right; width:50px; height:50px; background:url('//img.1300k.com/mobile/order/2018/ico_arrow_open.png') no-repeat 50% 50%; background-size:24px auto; content:''} .dvry_info_frm .total_result_price a.btn_more_sum.on:before {background:url('//img.1300k.com/mobile/order/2018/ico_arrow_close.png') no-repeat 50% 50%; background-size:24px auto} .dvry_info_frm .total_result_price dl.sum {display:none; margin:0px 0px 15px; padding:10px 15px; background:#f2f2f2; color:#444; font-size:13px; line-height:26px} .dvry_info_frm .total_result_price .sum dt {float:left; color:#777} .dvry_info_frm .total_result_price .sum dt.paydvry {position:relative; padding-left:12px; color:#999} .dvry_info_frm .total_result_price .sum dt.paydvry:before {position:absolute; left:-2px; top:0; color:#999; z-index:2; content:'ㄴ'} .dvry_info_frm .total_result_price .sum dd {text-align:right} .dvry_info_frm .total_result_price .sum dd.dcamount {color:#ee6763} .dvry_info_frm .total_result_price .sum dd.family_dc {color:#ee6763} .dvry_info_frm .total_result_price dl.total {position:relative; height:50px; line-height:50px; padding:0px 15px 0px; border-top:1px solid #ccc; z-index:1} .dvry_info_frm .total_result_price .total dt {float:left; font-size:15px; font-weight:700} .dvry_info_frm .total_result_price .total dd {padding-right:35px; color:#1ed25f; font-size:13px; font-weight:400; text-align:right} .dvry_info_frm .total_result_price .total dd span {font-size:21px; font-weight:600} /* 결제수단 선택*/ .dvry_info_frm .payment_method {border-bottom:none; margin-bottom:0} .dvry_info_frm .payment_method ul:after {clear:both; display:block; content:''} .dvry_info_frm .payment_method ul.pay_choice {padding:15px; border-bottom:1px solid #eee} .dvry_info_frm .payment_method ul.pay_choice li {position:relative; height:40px; padding-left:30px} .dvry_info_frm .payment_method ul.pay_choice li label {font-size:13px; color:#777; line-height:41px} .dvry_info_frm .payment_method ul.pay_choice li input[type="radio"] {position:absolute; left:0; top:0; width:100%; background-position:0px 50%} .dvry_info_frm .payment_method ul.pay_choice li input[type="radio"]:checked + label {color:#333} .dvry_info_frm .payment_method .pay_method_box {display:block} .dvry_info_frm .payment_method .pay_method_box ul.tab_pay {position:relative; margin:15px 15px 0; border:1px solid #e5e5e5; box-sizing:border-box} .dvry_info_frm .payment_method .pay_method_box ul.tab_pay:before {position:absolute; left:50%; width:1px; height:100%; background:#e5e5e5; content:''} .dvry_info_frm .payment_method .pay_method_box ul.tab_pay li {float:left; width:50%} .dvry_info_frm .payment_method .pay_method_box ul.tab_pay li a {display:block; position:relative; height:36px; color:#333; font-size:13px; line-height:37px; text-align:center; background:#ededed} .dvry_info_frm .payment_method .pay_method_box ul.tab_pay li a.on {background:#fff} .dvry_info_frm .payment_method .pay_method_box ul.tab_pay li a .icon {position:absolute; right:50%; top:-18px; width:63px; height:22px; margin-right:-70px; background:#a9a9a9; border-radius:3px; color:#fff; font-size:12px; line-height:23px; text-align:center; border-radius:4px} .dvry_info_frm .payment_method .pay_method_box ul.tab_pay li a .icon:before {position:absolute; left:0; bottom:-6px; width:0px; height:0px; border-top:5px solid #a9a9a9; border-bottom:5px solid transparent; border-right:5px solid transparent; border-left:5px solid #a9a9a9; content:''} .dvry_info_frm .payment_method .pay_method_box ul.tab_pay li a.on .icon {background:#f91313} .dvry_info_frm .payment_method .pay_method_box ul.tab_pay li a.on .icon:before {border-top:5px solid #f91313; border-bottom:5px solid transparent; border-right:5px solid transparent; border-left:5px solid #f91313} .dvry_info_frm .payment_method .pay_method_box ul.tab_pay li a .icon_payco {display:inline-block; overflow:hidden; width:51px; height:11px; margin-bottom:-1px; background:url('//img.1300k.com/mobile/order/2018/payco_gray.png') no-repeat 0 0; background-size:100% auto; font-size:0px; text-indent:-9999px} .dvry_info_frm .payment_method .pay_method_box ul.tab_pay li a.on .icon_payco {background:url('//img.1300k.com/mobile/order/2018/payco_red.png') no-repeat 0 0; background-size:100% auto} .dvry_info_frm .payment_method .pay_method_box .paytype {position:relative; padding:15px 15px 0} .dvry_info_frm .payment_method .pay_method_box .paytype.payco .cash_receipt {display:none} .dvry_info_frm .payment_method .pay_method_box .paytype.normal .deposit .deposit_info dl dd {padding-bottom:5px; color:#1ed25f} .dvry_info_frm .payment_method .pay_method_box .paytype ul.btn_pay {position:relative} .dvry_info_frm .payment_method .pay_method_box .paytype ul.btn_pay li {float:left; position:relative; width:50%; height:40px; padding-left:30px; box-sizing:border-box} .dvry_info_frm .payment_method .pay_method_box .paytype ul.btn_pay li input[type='radio'] {position:absolute; left:0; top:0; width:100%; background-position:0px 50%} .dvry_info_frm .payment_method .pay_method_box .pay_contents {position:relative; padding:10px 15px 0} .dvry_info_frm .payment_method .pay_method_box .pay_contents .cash_receipt {position:relative; padding:17px 0 15px} .dvry_info_frm .payment_method .pay_method_box .pay_contents .cash_receipt:before {position:absolute; left:0px; right:0px; top:0; height:1px; background:#eee; content:''} .dvry_info_frm .payment_method .pay_method_box .pay_contents .cash_receipt h4 {color:#666; font-size:13px; font-weight:400} .dvry_info_frm .payment_method .pay_method_box .pay_contents .cash_receipt > div {padding:15px 0 0} .dvry_info_frm .payment_method .pay_method_box .pay_contents .cash_receipt ul {margin-top:-5px; padding-bottom:5px} .dvry_info_frm .payment_method .pay_method_box .pay_contents .cash_receipt ul li {position:relative; float:left; width:50%; height:40px; padding-left:30px; box-sizing:border-box} .dvry_info_frm .payment_method .pay_method_box .pay_contents .cash_receipt ul li input[type='radio'] {position:absolute; left:0; top:0; width:100%; background-position:0px 50%} .dvry_info_frm .payment_method .pay_method_box .pay_contents .cash_receipt a.btn_receipt {position:absolute; right:0px; top:11px; display:inline-block; height:28px; padding:0px 8px; border:1px solid #333; color:#333; font-size:12px; font-weight:400; line-height:29px; letter-spacing:-0.5px} .dvry_info_frm .payment_method .pay_method_box .pay_contents .cash_receipt select {margin-bottom:10px} .dvry_info_frm .payment_method .pay_method_box .pay_contents .cash_receipt .receipt_ipt_wrap .receipt_iptbox.type2 {display:none} .dvry_info_frm .payment_method .pay_method_box .pay_contents .cash_receipt .save_receipt {position:relative; padding:5px 0 0} .dvry_info_frm .payment_method .pay_method_box .pay_contents .cash_receipt .save_receipt input[type='checkbox'] {position:absolute; left:-10px; top:-6px} .dvry_info_frm .payment_method .pay_method_box .pay_contents .cash_receipt .save_receipt input[type='checkbox']:checked {background-image:url('//img.1300k.com/mobile/order/2018/ico_check_select.gif')} .dvry_info_frm .payment_method .pay_method_box .pay_contents .cash_receipt .save_receipt label {display:block; padding-left:30px; color:#666; font-size:13px} .dvry_info_frm .payment_method .pay_method_box .pay_contents .cash_receipt .empty_receipt, .dvry_info_frm .payment_method .pay_method_box .pay_contents .cash_receipt .info_receipt {font-size:13px} .dvry_info_frm .payment_method .pay_method_box .pay_contents .cash_receipt .empty_receipt {color:#999} .dvry_info_frm .payment_method .pay_method_box .pay_contents .cash_receipt .info_receipt {color:#777} .dvry_info_frm .payment_method .pay_method_box .pay_contents .cash_receipt .info_receipt .tit {color:#1ed25f; font-weight:700} .dvry_info_frm .payment_method .pay_method_box .pay_contents .creditcard {display:block} .dvry_info_frm .payment_method .pay_method_box .pay_contents .creditcard select {margin-bottom:10px} .dvry_info_frm .payment_method .pay_method_box .pay_contents .creditcard .use_point {position:relative; padding:5px 0 15px} .dvry_info_frm .payment_method .pay_method_box .pay_contents .creditcard .use_point input[type='checkbox'] {position:absolute; left:-10px; top:-5px} .dvry_info_frm .payment_method .pay_method_box .pay_contents .creditcard .use_point input[type='checkbox']:checked {background-image:url('//img.1300k.com/mobile/order/2018/ico_check_select.gif')} .dvry_info_frm .payment_method .pay_method_box .pay_contents .creditcard .use_point label {display:block; padding-left:30px; color:#666; font-size:13px} .dvry_info_frm .payment_method .pay_method_box .pay_contents .deposit {display:none} .dvry_info_frm .payment_method .pay_method_box .pay_contents .pay_notice {position:relative} .dvry_info_frm .payment_method .pay_method_box .pay_contents .pay_notice:before {position:absolute; left:0px; right:0px; top:0; height:1px; background:#eee; content:''} .dvry_info_frm .payment_method .pay_method_box .pay_contents .pay_notice h4 {padding:15px 0; color:#666; font-size:13px; font-weight:400} .dvry_info_frm .payment_method .pay_method_box .pay_contents .pay_notice a.btn_notice {position:absolute; left:0px; right:0px; top:0; overflow:hidden; height:48px; font-size:0px; text-indent:-9999px} .dvry_info_frm .payment_method .pay_method_box .pay_contents .pay_notice a.btn_notice:before {display:block; float:right; width:46px; height:46px; background:url('//img.1300k.com/mobile/order/2018/ico_arrow_open.png') no-repeat 50% 50%; background-size:24px auto; content:''} .dvry_info_frm .payment_method .pay_method_box .pay_contents .pay_notice a.btn_notice.on:before {background:url('//img.1300k.com/mobile/order/2018/ico_arrow_close.png') no-repeat 50% 50%; background-size:24px auto} .dvry_info_frm .payment_method .pay_method_box .pay_contents .pay_notice a.btn_notice + .notice_cont {display:none} .dvry_info_frm .payment_method .pay_method_box .pay_contents .pay_notice a.btn_notice.on + .notice_cont {display:block} .dvry_info_frm .payment_method .pay_method_box .pay_contents .pay_notice .notice_cont {padding-bottom:15px} .dvry_info_frm .payment_method .pay_method_box .pay_contents .pay_notice .notice_cont div {display:none} .dvry_info_frm .payment_method .pay_method_box .pay_contents .pay_notice .notice_cont div ul li {padding-left:11px; padding-right:10px; margin-top:4px; color:#666; font-size:11px; font-weight:400; line-height:16px; text-indent:-7px; word-break:break-all} .dvry_info_frm .payment_method .pay_method_box .pay_contents .pay_notice .notice_cont div a.btn_payco_point_g, .dvry_info_frm .payment_method .pay_method_box .pay_contents .pay_notice .notice_cont div a.btn_installment {display:inline-block; height:28px; margin-top:15px; padding:0px 8px; border:1px solid #333; color:#333; font-size:12px; font-weight:400; line-height:29px; letter-spacing:-0.5px} .dvry_info_frm .payment_method .save_pay_method {position:relative; height:48px; padding:15px; box-sizing:border-box} .dvry_info_frm .payment_method .save_pay_method:before {position:absolute; left:15px; right:15px; top:0; height:1px; background:#eee; content:''} .dvry_info_frm .payment_method .save_pay_method input[type='checkbox'] {position:absolute; left:5px; top:4px} .dvry_info_frm .payment_method .save_pay_method label {display:block; padding-left:30px; color:#666; font-size:13px} .dvry_info_frm .payment_method .orderer_agree {position:relative; padding:15px} .dvry_info_frm .payment_method .orderer_agree:before {position:absolute; left:15px; right:15px; top:0; height:1px; background:#eee; content:''} .dvry_info_frm .payment_method .orderer_agree input[type='checkbox'] {position:absolute; left:5px; top:4px} .dvry_info_frm .payment_method .orderer_agree label {display:block; padding-left:30px; color:#666; font-size:13px} .dvry_info_frm .payment_method .orderer_agree label em.ck_all {color:#1ed25f} .dvry_info_frm .payment_method .orderer_agree .agree_cont {display:none; padding-top:15px} .dvry_info_frm .payment_method .orderer_agree a.btn_agree {position:absolute; left:40px; right:10px; top:0; overflow:hidden; height:48px; font-size:0px; text-indent:-9999px} .dvry_info_frm .payment_method .orderer_agree a.btn_agree:before {display:block; float:right; width:46px; height:46px; background:url('//img.1300k.com/mobile/order/2018/ico_arrow_open.png') no-repeat 50% 50%; background-size:24px auto; content:''} .dvry_info_frm .payment_method .orderer_agree a.btn_agree.on:before {background:url('//img.1300k.com/mobile/order/2018/ico_arrow_close.png') no-repeat 50% 50%; background-size:24px auto} .dvry_info_frm .payment_method .orderer_agree a.btn_agree.on + .agree_cont {display:block} .dvry_info_frm .payment_method .orderer_agree .agree_cont ul li {position:relative; margin-left:20px; line-height:40px} .dvry_info_frm .payment_method .orderer_agree .agree_cont ul li input[type='checkbox'] {left:-10px; top:0px} .dvry_info_frm .payment_method .orderer_agree .agree_cont ul li input[type='checkbox']:checked {background-image:url('//img.1300k.com/mobile/order/2018/ico_check_select.gif')} .dvry_info_frm .payment_method .orderer_agree .agree_cont ul li .btn_view {position:absolute; right:0; top:5px} .dvry_info_frm .payment_method .btn_box {padding:0 15px} .dvry_info_frm .payment_method .btn_box .btn_payment {display:block; width:100%; height:43px; background:#1ed25f; font-size:16px; font-weight:700; color:#fff; text-align:center; line-height:43px} .dvry_info_frm .dlvr_bnr {padding:15px; background:#fff} /* 레이어 팝업 */ .dvry_info_frm .popup_wrap:before {position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.5); z-index:3010; content:''} .dvry_info_frm .popup_wrap > div {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:320px; background:#fff; font-size:11px; font-weight:400; z-index:3010} .dvry_info_frm .popup_wrap > div h1 {display:block; height:50px; padding:15px 0 0; background:#000; color:#fff; font-size:15px; font-weight:700; text-align:center; box-sizing:border-box} .dvry_info_frm .popup_wrap > div h2 {display:block; color:#333; font-size:12px; font-weight:700} .dvry_info_frm .popup_wrap > div .popup_cont {position:relative; padding:15px 15px 20px; box-sizing:border-box} .dvry_info_frm .popup_wrap > div a.btn_popup_close {position:absolute; right:7px; top:7px; overflow:hidden; width:40px; height:40px; background:url('//img.1300k.com/mobile/order/2018/btn_close_popup.png') no-repeat 50% 50%; background-size:18px auto; font-size:0px; text-indent:-100px; z-index:10} .dvry_info_frm #info_coupon_discount.popup_wrap > div {top:0; left:0; transform:translate(0,0); width:100%; height:100%} .dvry_info_frm #info_zipcode_new.popup_wrap > div {top:0; left:0; transform:translate(0,0); width:100%; height:100%} .dvry_info_frm #info_zipcode_old.popup_wrap > div {top:0; left:0; transform:translate(0,0); width:100%; height:100%} .dvry_info_frm .popup_wrap .info_installment {display:block} .dvry_info_frm .popup_wrap .info_installment p {padding-bottom:10px; color:#888; font-size:11px} .dvry_info_frm .popup_wrap .info_installment p.date {color:#666; font-size:12px} .dvry_info_frm .popup_wrap .info_installment p em.bar {margin:0px 8px; color:#ccc; font-size:7px} .dvry_info_frm .popup_wrap .info_installment ul li {color:#888; font-size:10px; padding:0px 6px; text-indent:-6px} .dvry_info_frm .popup_wrap .info_installment dl {border-bottom:1px solid #e5e5e5} .dvry_info_frm .popup_wrap .info_installment dl:after {clear:both; display:block; content:''} .dvry_info_frm .popup_wrap .info_installment dl dt, .dvry_info_frm .popup_wrap .info_installment dl dd {height:28px; line-height:28px; box-sizing:border-box} .dvry_info_frm .popup_wrap .info_installment dl dt {float:left; width:30%; padding:0px 10px; border-right:1px solid #e5e5e5; color:#333; text-align:left} .dvry_info_frm .popup_wrap .info_installment dl dd {padding:0px 10px 0px 30%; border:1px solid #e5e5e5; border-bottom:none; color:#999; text-align:right} .dvry_info_frm .popup_wrap .info_installment h2 {padding:10px 0} .dvry_info_frm .popup_wrap .info_installment h2 em {font-weight:400} .dvry_info_frm .popup_wrap .info_guest_agree .popup_cont h2 {padding-bottom:10px} .dvry_info_frm .popup_wrap .info_guest_agree .popup_cont strong.title {display:block; padding-bottom:5px; color:#333; font-size:11px; font-weight:700} .dvry_info_frm .popup_wrap .info_guest_agree .popup_cont div {padding-bottom:10px; color:#888; font-size:11px} .dvry_info_frm .popup_wrap .info_guest_agree .popup_cont div:last-child {padding-bottom:0} .dvry_info_frm .popup_wrap .info_liquor_agree .popup_cont h2 {padding-bottom:10px} .dvry_info_frm .popup_wrap .info_liquor_agree .popup_cont .sub_tit {color:#666; font-size:12px; font-weight:700; line-height:15px} .dvry_info_frm .popup_wrap .info_liquor_agree .popup_cont .ex_info {color:#999; font-size:11px; font-weight:400; line-height:14px} .dvry_info_frm .popup_wrap .info_liquor_agree .popup_cont table {width:100%; margin:10px 0; border:1px solid #e5e5e5; box-sizing:border-box} .dvry_info_frm .popup_wrap .info_liquor_agree .popup_cont table th, .dvry_info_frm .popup_wrap .info_liquor_agree .popup_cont table td {padding:10px; border-bottom:1px solid #e5e5e5; text-align:left; box-sizing:border-box} .dvry_info_frm .popup_wrap .info_liquor_agree .popup_cont table th {width:27%; background:#f2f2f2; color:#333} .dvry_info_frm .popup_wrap .info_liquor_agree .popup_cont table td {background:#fff; color:#999} .dvry_info_frm .popup_wrap .info_coupon_discount .dc_sum {display:flex; align-items:center; justify-content:center; width:100%; height:73px; padding:12px; box-sizing:border-box; background:#f2f2f2} .dvry_info_frm .popup_wrap .info_coupon_discount .dc_sum:after {clear:both; display:block; content:''} .dvry_info_frm .popup_wrap .info_coupon_discount .dc_sum dl, .dvry_info_frm .popup_wrap .info_coupon_discount .dc_sum .minus, .dvry_info_frm .popup_wrap .info_coupon_discount .dc_sum .equals {display:inline-block} .dvry_info_frm .popup_wrap .info_coupon_discount .dc_sum dl {margin:0px 12px; color:#333; text-align:center} .dvry_info_frm .popup_wrap .info_coupon_discount .dc_sum dl:first-child {margin-left:0} .dvry_info_frm .popup_wrap .info_coupon_discount .dc_sum dl:last-child {margin-right:0} .dvry_info_frm .popup_wrap .info_coupon_discount .dc_sum dl dt {font-size:12px; line-height:1.3} .dvry_info_frm .popup_wrap .info_coupon_discount .dc_sum dl dd {font-size:14px} .dvry_info_frm .popup_wrap .info_coupon_discount .dc_sum dl dd.discount {color:#ee6763} .dvry_info_frm .popup_wrap .info_coupon_discount .dc_sum dl dt em {font-size:11px} .dvry_info_frm .popup_wrap .info_coupon_discount .dc_sum .minus img, .dvry_info_frm .popup_wrap .info_coupon_discount .dc_sum .equals img {width:20px} .dvry_info_frm .popup_wrap .info_coupon_discount .popup_cont {height:100%; padding:20px 15px 150px; overflow:scroll} .dvry_info_frm .popup_wrap .info_coupon_discount .popup_cont h2 {padding-top:10px; border-top:1px solid #f2f2f2} .dvry_info_frm .popup_wrap .info_coupon_discount .popup_cont h2:first-child {padding-top:0; border-top:none} .dvry_info_frm .popup_wrap .info_coupon_discount .popup_cont .empty {padding:20px 0; color:#999; font-size:12px; line-height:2; text-align:center} .dvry_info_frm .popup_wrap .info_coupon_discount .popup_cont ul.coupon_list {padding:10px 0 10px} .dvry_info_frm .popup_wrap .info_coupon_discount .popup_cont ul.coupon_list.not_apply {margin-top:10px; padding:5px 0 0; border-top:1px solid #f2f2f2} .dvry_info_frm .popup_wrap .info_coupon_discount .popup_cont ul.coupon_list li {position:relative; min-height:30px; padding:5px 0px 10px 25px} .dvry_info_frm .popup_wrap .info_coupon_discount .popup_cont ul.coupon_list li:last-child {padding-bottom:0} .dvry_info_frm .popup_wrap .info_coupon_discount .popup_cont ul.coupon_list li span {color:#333; font-size:12px; line-height:18px} .dvry_info_frm .popup_wrap .info_coupon_discount .popup_cont ul.coupon_list li .ck_box {position:absolute; left:-10px; top:-5px; width:40px; height:40px; z-index:2} .dvry_info_frm .popup_wrap .info_coupon_discount .popup_cont ul.coupon_list li .coupon_tit {float:left; display:block; width:185px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis} .dvry_info_frm .popup_wrap .info_coupon_discount .popup_cont ul.coupon_list li .coupon_dc {float:right; width:75px; font-weight:600; text-align:right} .dvry_info_frm .popup_wrap .info_coupon_discount .popup_cont ul.coupon_list li .terms {clear:both; display:block; color:#999; font-size:11px} .dvry_info_frm .popup_wrap .info_coupon_discount .popup_cont ul.coupon_list li .goods_sale {clear:both; padding:6px 0 10px} .dvry_info_frm .popup_wrap .info_coupon_discount .popup_cont ul.coupon_list li .goods_sale li:before {position:absolute; left:-20px; top:2px; color:#d9d9d9; font-size:14px; content:'ㄴ' } .dvry_info_frm .popup_wrap .info_coupon_discount .popup_cont ul.coupon_list li .goods_sale .ck_box input[type='checkbox']:checked {background-image:url('//img.1300k.com/mobile/order/2018/ico_check_select.gif')} .dvry_info_frm .popup_wrap .info_coupon_discount .popup_cont ul.coupon_list li .goods_sale .item_name {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis} .dvry_info_frm .popup_wrap .info_coupon_discount .popup_cont ul.coupon_list li .goods_sale .coupon_tit {width:160px} .dvry_info_frm .popup_wrap .info_coupon_discount .popup_cont a.btn_applycoupon {display:block; width:140px; height:43px; margin:15px auto 20px; border:1px solid #1ed25f; font-size:16px; font-weight:700; color:#1ed25f; text-align:center; line-height:43px; box-sizing:border-box} .dvry_info_frm .popup_wrap .info_coupon_discount .popup_cont .coupon_notice {padding:20px 0 10px; border-top:1px solid #e8e8e8} .dvry_info_frm .popup_wrap .info_coupon_discount .popup_cont .coupon_notice h3 {position:relative; padding-left:24px; margin-bottom:10px; color:#333; font-size:12px; font-weight:700} .dvry_info_frm .popup_wrap .info_coupon_discount .popup_cont .coupon_notice h3:before {position:absolute; left:0px; top:0px; width:20px; height:20px; background:url('//img.1300k.com/mobile/order/2018/ico_notice.png') no-repeat 0% 50%; background-size:100%; content:''} .dvry_info_frm .popup_wrap .info_coupon_discount .popup_cont .coupon_notice ul li {padding-left:11px; margin-top:4px; color:#999; font-size:11px; font-weight:400; line-height:16px; text-indent:-7px; word-break:break-all} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont {position:relative; height:100%; padding:20px 15px 80px; overflow:scroll} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .input_box {position:relative; padding-right:70px} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .input_box input[type='text'] {width:100%; height:40px; color:#333; font-size:12px; font-weight:700; box-sizing:border-box} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .input_box input[type='text']::placeholder {font-weight:400} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .input_box a.btn_search_del {position:absolute; display:block; overflow:hidden; right:70px; top:0; width:40px; height:40px; background:url('//img.1300k.com/mobile/order/2018/btn_del.png') no-repeat 50% 50%; background-size:24px; text-indent:-999px; z-index:2} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .input_box a.btn_search {position:absolute; display:block; right:0; top:0; width:60px; height:40px; background:#1ed25f; color:#fff; font-size:15px; line-height:41px; text-align:center; z-index:3} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .empty_box {background:url('//img.1300k.com/mobile/shop/2018/ico_no_text.png') 50% 40px no-repeat #fff; background-size:50px auto} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .empty_box p {padding:100px 0 50px; color:#999; font-size:13px; text-align:center} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .msg_box {padding:10px 0} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .msg_box p {color:#999; font-size:12px; line-height:20px; text-align:center} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .info_box h2 span {display:inline-block; height:18px; margin-right:5px; padding:0px 5px; background:#333; color:#fff; font-size:10px; font-weight:400; line-height:18px} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .info_box ul {margin:5px 0px 0px} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .result_box ul.address_list {border-top:1px dotted #e5e5e5} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .result_box ul.address_list li {padding:8px 5px 10px; border-bottom:1px solid #f2f2f2} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .result_box ul.address_list li .address_blk a {display:block; font-size:11px} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .result_box ul.address_list li .address_blk a p {position:relative; padding-left:40px} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .result_box ul.address_list li .address_blk a p span {display:inline-block; position:absolute; left:0; top:0; width:40px; color:#1ed29d} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .result_box ul.address_list li .address_blk a .postal_code {color:#333; font-weight:600} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .result_box .address_list_pagenav {display:block; padding:8px 0px 10px; height:30px; text-align:center} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .result_box .address_list_pagenav p {clear:both; display:inline-block} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .result_box .address_list_pagenav p span, .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .result_box .address_list_pagenav p a {float:left; display:inline-block} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .result_box .address_list_pagenav p span {display:inline-block; min-width:30px; height:30px; line-height:30px; text-align:center} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .result_box .address_list_pagenav .btn_prev {overflow:hidden; background:url('//img.1300k.com/mobile/order/2018/ico_arrow_left.png') no-repeat 50% 50%; background-size:24px auto; text-indent:-999px} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .result_box .address_list_pagenav .btn_next {overflow:hidden; background:url('//img.1300k.com/mobile/order/2018/ico_arrow_right.png') no-repeat 50% 50%; background-size:24px auto; text-indent:-999px} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .result_box .address_list_pagenav .page_btn {color:#999; font-family:'Montserrat','Noto Sans KR','Malgun Gothic',Dotum; font-size:13px; font-weight:400} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .result_box .address_list_pagenav .page_btn.btn_on {color:#333; font-weight:600} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .serchtype_box {position:relative; height:30px; padding-top:10px; color:#333; font-size:12px; line-height:30px} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .serchtype_box:after {clear:both; position:absolute; left:-15px; right:-15px; top:0; height:0px; border-bottom:1px solid #ccc; content:''} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .serchtype_box a {float:right; display:inline-block; width:100px; height:30px; border:1px solid #ccc; line-height:30px; text-align:center; box-sizing:border-box} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .step_search_addr .txt_box {position:absolute; left:0; right:0; top:0; padding:12px 15px; background:#f2f2f2; color:#666; font-size:12px; box-sizing:border-box} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .step_detail_addr {display:none; position:relative; max-height:400px; overflow:scroll} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .step_detail_addr .tit_box {color:#333; font-size:14px; border-bottom:1px solid #eee; padding:10px 0px 20px; text-align:center} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .step_detail_addr .addr_result_box {position:relative; margin:10px 0; padding-left:40px; line-height:20px} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .step_detail_addr .addr_result_box span.number {position:absolute; left:0; top:0; color:#333; font-size:11px; font-weight:600} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .step_detail_addr .addr_result_box p {color:#666; font-size:12px} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .step_detail_addr .addr_input_box {} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .step_detail_addr .addr_input_box input[type='text'] {margin:0 0 10px} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .step_detail_addr .addr_input_box p {color:#999; font-size:11px} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .step_detail_addr .btn_box {height:40px; padding:18px 0px 10px; text-align:center} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .step_detail_addr .btn_box a {display:inline-block; width:100px; height:40px; overflow:hidden; box-sizing:border-box; font-size:16px; font-weight:700; text-align:center; line-height:40px} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .step_detail_addr .btn_box a.btn_prev {border:1px solid #999; color:#999; margin-right:10px} .dvry_info_frm .popup_wrap .info_zipcode .popup_cont .step_detail_addr .btn_box a.btn_submit {border:1px solid #1ed25f; color:#1ed25f} .dvry_info_frm .popup_wrap .info_zipcode.new .popup_cont .step_search_addr {padding-top:60px} .dvry_info_frm .popup_wrap .info_zipcode.old .popup_cont .step_search_addr {padding-top:40px} .dvry_info_frm .popup_wrap .info_zipcode.new .popup_cont .info_box {padding:15px 0px 10px} .dvry_info_frm .popup_wrap .info_zipcode.old .popup_cont .info_box {padding:15px 0px 0px} .dvry_info_frm .popup_wrap .info_zipcode.new .popup_cont .result_box select {padding-left:0px; outline:none; border:none; color:#888} .dvry_info_frm .popup_wrap .info_zipcode.old .popup_cont .result_box .rst_info {padding:10px 0px 10px; color:#888; font-size:13px; line-height:22px} .dvry_info_frm .popup_wrap .info_zipcode.old .popup_cont .result_box .rst_info em {color:#1ed25f} .dvry_info_frm .popup_wrap .info_zipcode.old .popup_cont .result_box .rst_info em:before {content:'"'} .dvry_info_frm .popup_wrap .info_zipcode.old .popup_cont .result_box .rst_info em:after {content:'"'} .dvry_info_frm .popup_wrap .info_zipcode.old .popup_cont .result_box .rst_info span {color:#333; font-size:14px; font-weight:600} .dvry_info_frm .popup_wrap .info_zipcode.new .popup_cont .result_box ul.address_list li {padding:8px 5px 10px} .dvry_info_frm .popup_wrap .info_zipcode.new .popup_cont .result_box ul.address_list li .address_blk a p {margin-top:4px} .dvry_info_frm .popup_wrap .info_zipcode.new .popup_cont .result_box ul.address_list li .address_blk a .postal_code {color:#333; font-weight:600} .dvry_info_frm .popup_wrap .info_zipcode.old .popup_cont .result_box ul.address_list li {padding:10px 5px 10px} .dvry_info_frm .popup_wrap .info_zipcode.old .popup_cont .result_box ul.address_list li .address_blk a {position:relative} .dvry_info_frm .popup_wrap .info_zipcode.old .popup_cont .result_box ul.address_list li .address_blk a .postal_code {position:absolute} @media only screen and (max-width:340px), screen and (max-height:430px) { .dvry_info_frm .popup_wrap .info_coupon_discount .dc_sum dl {margin:0px 8px} .dvry_info_frm .popup_wrap > div {width:300px} .dvry_info_frm .popup_wrap > div .popup_cont {height:250px; overflow-y:scroll} .dvry_info_frm .popup_wrap .info_coupon_discount .popup_cont {height:100%} .dvry_info_frm .dvry_order .order_box dl dt, .dvry_info_frm .shipping_addr .address_box dl dt, .dvry_info_frm .cash_receipt .receipt_ipt_wrap .receipt_iptbox dl dt, .dvry_info_frm .deposit .deposit_info dl dt {font-size:11px} } /* 주문완료 *********************************************************************/ .dvry_result_frm section, .dvry_result_frm div, .dvry_result_frm li, .dvry_result_frm p, .dvry_result_frm span, .dvry_result_frm em, .dvry_result_frm a {font-family:'Noto Sans KR','Malgun Gothic',Dotum} .dvry_result_frm .number {font-family:'Montserrat','Noto Sans KR','Malgun Gothic',Dotum} .dvry_result_frm img {vertical-align:top} .dvry_result_frm .img_thumb {display:inline-block; position:relative; width:80px; height:0px; padding-bottom:80px} .dvry_result_frm .img_thumb::before {position:absolute; top:0; left:0; width:100%; height:100%; background:url('//img.1300k.com/mobile/common/loading_common.png') no-repeat 50% 50% #fff; background-size:40px auto; content:''} .dvry_result_frm .img_thumb img {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; max-height:100%; margin:auto} .dvry_result_frm section {display:block; position:relative; background:#fff; border-bottom:1px solid #e5e5e5; margin-bottom:10px; padding:0} .dvry_result_frm section h3 {display:block; padding:15px; border-bottom:1px solid #ccc; color:#111; font-size:14px; font-weight:700} .dvry_result_frm section h3 em {font-size:15px; padding-right:5px} .dvry_result_frm .result_info {padding:20px 15px 25px} .dvry_result_frm .result_info .title_box {text-align:center} .dvry_result_frm .result_info .title_box .tit {color:#333; font-size:18px; font-weight:400; letter-spacing:-0.5px} .dvry_result_frm .result_info .title_box .tit span {color:#1ed25f} .dvry_result_frm .result_info .title_box .info_guest {padding-top:10px; color:#333; font-size:14px; line-height:1.8} .dvry_result_frm .result_info .title_box .info_guest a {color:#333; font-weight:700} .dvry_result_frm .result_info .info_box {display:block; margin-top:15px; padding:20px 15px; border:1px solid #e5e5e5; box-sizing:border-box} .dvry_result_frm .result_info .info_box dl:after {clear:both; display:block; content:''} .dvry_result_frm .result_info .info_box dl dt, .dvry_result_frm .result_info .info_box dl dd {margin-bottom:15px; min-height:20px; color:#333; font-size:13px; font-weight:400; line-height:20px} .dvry_result_frm .result_info .info_box dl dt {float:left} .dvry_result_frm .result_info .info_box dl dd {width:100%; text-align:right} .dvry_result_frm .result_info .info_box dl dd a.btn_barcode {display:inline-block; position:relative; height:25px; padding:0px 5px; margin-left:5px; background:#fff; border:1px solid #1ed25f; color:#1ed25f; font-size:11px; line-height:24px; text-align:center; box-sizing:border-box} .dvry_result_frm .result_info .info_box dl dd a.btn_barcode:after {display:inline-block; position:absolute; left:0; right:0; top:-7px; bottom:-7px; z-index:2; content:''} .dvry_result_frm .result_info .info_box p {color:#999; font-size:12px; line-height:2} .dvry_result_frm .result_info .info_box ul.recipient {padding-top:15px; margin-top:15px; border-top:1px dotted #e9e9e9} .dvry_result_frm .result_info .info_box ul.recipient li {margin-bottom:8px; color:#888; font-size:13px; line-height:20px} .dvry_result_frm .result_info .info_box ul.recipient li.name {color:#333} .dvry_result_frm .result_info .info_box ul.recipient li:last-child {margin-bottom:0} .dvry_result_frm .payment_details dl.sum {margin:15px 15px 0; padding:10px 15px; background:#f2f2f2; color:#444; font-size:13px; line-height:26px} .dvry_result_frm .payment_details .sum dt {float:left; color:#777} .dvry_result_frm .payment_details .sum dt.sub {position:relative; padding-left:12px; color:#999} .dvry_result_frm .payment_details .sum dt.sub:before {position:absolute; left:-2px; top:0; color:#999; content:'ㄴ'} .dvry_result_frm .payment_details .sum dd {text-align:right} .dvry_result_frm .payment_details .sum dd.dcamount {color:#ee6763} .dvry_result_frm .payment_details .sum dd.family_dc {color:#ee6763} .dvry_result_frm .payment_details dl.total {position:relative; height:30px; line-height:30px; padding:10px 15px 15px} .dvry_result_frm .payment_details .total dt {float:left; font-size:15px; font-weight:700} .dvry_result_frm .payment_details .total dd {color:#1ed25f; font-size:13px; font-weight:400; text-align:right} .dvry_result_frm .payment_details .total dd span {font-size:21px; font-weight:600} .dvry_result_frm section.order_list {margin-bottom:0; border-bottom:0} .dvry_result_frm .order_list .item_box {position:relative; padding:15px} .dvry_result_frm .order_list .item_box:before {position:absolute; left:15px; right:15px; top:0; height:1px; background:#eee; content:''} .dvry_result_frm .order_list .item_box:first-of-type:before {display:none} .dvry_result_frm .order_list .item_box a {display:block; position:relative; width:100%; min-height:82px; padding-left:95px; padding-bottom:20px; box-sizing:border-box} .dvry_result_frm .order_list .item_box a p {margin:0px 0px 4px; font-size:13px; font-weight:400; line-height:18px} .dvry_result_frm .order_list .item_box a p:last-child {margin:0} .dvry_result_frm .order_list .item_box a .img_thumb {position:absolute; left:0; top:0; margin:0; border:1px solid #e5e5e5} .dvry_result_frm .order_list .item_box a .item_name {display:-webkit-box; overflow:hidden; max-height:37px; color:#444; font-size:13px; font-weight:400; line-height:18px; text-overflow:ellipsis; word-break:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical} .dvry_result_frm .order_list .item_box a .item_opt_name {overflow:hidden; min-height:20px; color:#1ed25f; white-space:nowrap; text-overflow:ellipsis} .dvry_result_frm .order_list .item_box a .item_order {position:absolute; left:95px; right:0; bottom:0} .dvry_result_frm .order_list .item_box a .item_order .price {float:right} .dvry_result_frm .order_list .item_box a .item_order .price .number {font-size:16px} .dvry_result_frm .order_list .item_box a .item_order .quantity .number {padding-left:2px; font-size:14px; font-weight:600} .dvry_result_frm .order_list .btn_box {padding:15px} .dvry_result_frm .order_list .btn_box:after {clear:both; display:block; content:''} .dvry_result_frm .order_list .btn_box a {display:block; height:43px; font-size:16px; font-weight:700; text-align:center; line-height:43px; box-sizing:border-box} .dvry_result_frm .order_list .btn_box.half a {float:left; width:49%} .dvry_result_frm .order_list .btn_box.half a:nth-child(2n-1) {margin-right:2%} .dvry_result_frm .order_list .btn_box.full a {width:100%} .dvry_result_frm .order_list .btn_box a.btn_goshop {background:#1ed25f; color:#fff} .dvry_result_frm .order_list .btn_box a.btn_myorder {border:1px solid #1ed25f; background:#fff; color:#1ed25f} .dvry_result_frm section.notice {margin-bottom:0; border-bottom:0} .dvry_result_frm .notice h4 {padding:15px 15px 10px 40px; color:#333; font-size:12px; font-weight:700} .dvry_result_frm .notice h4:before {position:absolute; left:15px; top:15px; width:20px; height:20px; background:url('//img.1300k.com/mobile/order/2018/ico_notice.png') no-repeat 0% 50%; background-size:100%; content:''} .dvry_result_frm .notice ul {padding:0 15px 20px} .dvry_result_frm .notice ul li {padding-left:11px; margin-top:4px; color:#666; font-size:11px; font-weight:400; line-height:16px; text-indent:-7px; word-break:break-all} /* 1300k 배송상품 오늘발송 *********************************************************************/ .today_dlvr_frm {background:#f2f2f2} .today_dlvr_frm h2, .today_dlvr_frm h3, .today_dlvr_frm section, .today_dlvr_frm div, .today_dlvr_frm p, .today_dlvr_frm span, .today_dlvr_frm a {font-family:'Noto Sans KR', 'Malgun Gothic', Dotum} .today_dlvr_frm .number {font-family:'Montserrat','Noto Sans KR', 'Malgun Gothic', Dotum} .today_dlvr_frm .eng {font-family:'Roboto','Noto Sans KR', 'Malgun Gothic', Dotum} .today_dlvr_frm section {display:block; margin-top:10px; border-bottom:1px solid #ebebeb; background:#fff} .today_dlvr_frm section img {vertical-align:top} .today_dlvr_frm section .img_thumb {display:block; position:relative; overflow:hidden; width:100%; padding-bottom:100%; font-size:0; line-height:0} .today_dlvr_frm section .img_thumb:before {position:absolute; top:0; left:0; width:100%; height:100%; background:url('//img.1300k.com/mobile/common/loading_common.png') no-repeat 50% 50% #fff; background-size:40px auto; content:''} .today_dlvr_frm section .img_thumb img {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; max-height:100%; margin:auto} .today_dlvr_frm .main_title {margin-top:0; padding:50px 0px 20px; background:#f78281} .today_dlvr_frm .main_title h2 {padding-bottom:15px; color:#fff; font-size:58px; font-weight:700; line-height:70px; text-align:center; text-shadow:3px 3px 7px rgb(236, 116, 115)} .today_dlvr_frm .main_title h2 em {display:block; height:42px; color:#fff2c6; font-size:29px; line-height:1.2} .today_dlvr_frm .main_title .info {padding-bottom:210px; background:url('//img.1300k.com/mobile/shop/sale/todaydelivery/img_title.png') no-repeat 50% 130%; background-size:auto 200px; color:#fff; font-size:14px; letter-spacing:-0.3px; line-height:1.7; text-align:center} .today_dlvr_frm .main_title .extra {padding:5px 20px 0; text-align:center} .today_dlvr_frm .main_title .extra ul {display:inline-block} .today_dlvr_frm .main_title .extra li {padding-left:12px; color:#9c2b35; font-size:11px; text-indent:-12px; text-align:left} .today_dlvr_frm .main_title_v2 {display:block; position:relative; width:100%; height:0px; margin-top:0; padding-bottom:134.375%; background-repeat:no-repeat; background-position:50% 0; background-size:100% auto} .today_dlvr_frm .main_title_v2 .blind {display:inline-block; position:absolute; width:0; height:0; font-size:0; text-indent:-99999px} .today_dlvr_frm .best_item {position:relative; padding:30px 0 20px} .today_dlvr_frm .best_item h3 {color:#262626; font-size:17px; font-weight:700; line-height:22px; letter-spacing:-0.5px; text-align:center} .today_dlvr_frm .best_item .freeship_best .pdt_list_wrap {width:100%} .today_dlvr_frm .best_item .freeship_best .pdt_list_wrap .gds_list li {border-bottom:0} .today_dlvr_frm .best_item .freeship_best .pdt_list_wrap .gds_list li .gds_desc .price .sale {color:#fb615f} .today_dlvr_frm .best_item .freeship_best .pdt_list_wrap .gds_list.tile:after {display:none} .today_dlvr_frm .best_item .freeship_best .pdt_list_wrap .gds_list.tile li .gds_desc {height:100px} .today_dlvr_frm .best_item .btn_rolling {display:block; position:relative; width:100%; height:20px; text-align:center} .today_dlvr_frm .best_item .btn_rolling .swiper-pagination {width:100%} .today_dlvr_frm .best_item .btn_rolling .swiper-pagination-bullet {margin:0 4px; background:#d3d3d3; opacity:1} .today_dlvr_frm .best_item .btn_rolling .swiper-pagination-bullet-active {background:#1dd25f} .today_dlvr_frm .best_item .empty_blk {position:relative; width:100%; min-height:100px; padding:50px 0; text-align:center; font-size:16px} .today_dlvr_frm .best_item .empty_blk img {width:30px} .today_dlvr_frm .best_item .empty_blk span {display:block; margin-top:20px} .today_dlvr_frm .banner a {display:block; position:relative; width:100%; height:0; overflow:hidden; padding-bottom:23.4375%} .today_dlvr_frm .banner a img {position:absolute; left:0; top:0; z-index:1} @media only screen and (max-width:340px) { .today_dlvr_frm .main_title {padding:35px 0px 20px} .today_dlvr_frm .main_title .extra {padding:5px 10px 0} .today_dlvr_frm .main_title h2 {padding-bottom:12px; font-size:51px; line-height:60px} .today_dlvr_frm .main_title h2 em {height:35px; font-size:24px} } /* 테마샵 & 캐릭터샵 *********************************************************************/ .special_brd_frm {background:#f2f2f2} .special_brd_frm section, .special_brd_frm div, .special_brd_frm p, .special_brd_frm span, .special_brd_frm a {font-family:'Noto Sans KR', 'Malgun Gothic', Dotum} .special_brd_frm section {margin-top:10px; border-bottom:1px solid #ebebeb; background:#fff} .special_brd_frm .main_bnr {position:relative; display:block; height:35vw; max-height:200px; background-color:#fff; background-position:50% 0; background-size:auto 100%} .special_brd_frm .main_bnr h2 {position:absolute; left:0; top:0; width:0; height:0; overflow:hidden; font-size:0; text-indent:-999px} .special_brd_frm .gcate_box {min-height:90px} .special_brd_frm .gcate_box ul li.cate_on a .txt {border-bottom:none; color:#1ed25f} .special_brd_frm .gcate_box ul li a .ico {position:relative; width:46px} .special_brd_frm .gcate_box ul li a .ico:before {display:block; position:absolute; left:0; top:0; width:46px; height:46px; border-radius:25px; background:#f2f2f2; z-index:1; content:''} .special_brd_frm .gcate_box ul li a .ico img {position:relative; z-index:2} .special_brd_frm .gcate_box ul li a .txt {word-break:keep-all} .special_brd_frm .gcate_box ul li.cate_on a .ico:before {background:#1ed25f} .special_brd_frm .tab_area {width:100%; height:41px; padding:0; border-bottom:0} .special_brd_frm .tab_area ul {width:100%} .special_brd_frm .tab_area ul:after {clear:both; display:block; content:''} .special_brd_frm .tab_area ul li {float:left; width:50%} .special_brd_frm .tab_area ul li a {display:block; position:relative; height:41px; border-bottom:1px solid #ebebeb; background:#fff; color:#999; font-size:14px; font-weight:400; line-height:40px; text-align:center; box-sizing:border-box} .special_brd_frm .tab_area ul li.on a {position:relative; border-bottom:none; background:#1ed25f; color:#fff; font-weight:700} .special_brd_frm .tab_area ul li.on a:after {display:block; position:absolute; left:50%; bottom:-4px; width:8px; height:8px; margin-left:-4px; background:#1ed25f; transform:rotate(45deg); -webkit-transform:rotate(45deg); content:''} .special_brd_frm .tab_area ul li a span {position:relative; padding-left:25px; line-height:20px} .special_brd_frm .tab_area ul li a span:before {position:absolute; left:0px; top:50%; margin-top:-10px; width:20px; height:20px; background-position:50% 0%; background-size:100%; content:''} .special_brd_frm .tab_area ul li:nth-child(1) a span:before {background-image:url('//img.1300k.com/mobile/common/2019/ico_tab_theme.png')} .special_brd_frm .tab_area ul li:nth-child(2) a span:before {background-image:url('//img.1300k.com/mobile/common/2019/ico_tab_character.png')} .special_brd_frm .tab_area ul li.on a span:before {background-position:50% 100%; content:''} /* 개인화 이메일 *********************************************************************/ .custom_frm {display:block; position:relative; width:100%} .custom_frm {font-family:'Noto Sans KR','Malgun Gothic','Dotum',sans-serif} .custom_frm .number {font-family:'Montserrat','Noto Sans KR','Malgun Gothic','Dotum',sans-serif} .custom_frm .eng {font-family:'Roboto','Noto Sans KR','Malgun Gothic','Dotum',sans-serif} .custom_frm ul:after {clear:both; display:block; content:''} .custom_frm section {margin-top:10px; border-bottom:1px solid #ebebeb; background:#fff} .custom_frm section h3 {padding:30px 15px 5px; font-size:18px; font-weight:700; color:#000; text-align:center; line-height:22px; letter-spacing:-0.3px} .custom_frm section .blind {position:absolute; left:0; top:0; width:0; height:0; overflow:hidden; font-size:0; text-indent:-9999px; z-index:2} .custom_frm section .pdt_list_wrap .gds_list.tile:after {display:none} .custom_frm section .pdt_list_wrap .gds_list.tile li:nth-last-child(1), .custom_frm section .pdt_list_wrap .gds_list.tile li:nth-last-child(2) {border-bottom:none} .custom_frm .title_box {width:100%; height:auto; margin-top:0; border-top:none; background:#ffb0b6} .custom_frm .title_box .coupon {width:320px; margin:0 auto; background:url('//img.1300k.com/mobile/events/custom/bg_title.jpg') no-repeat 50% 0; background-size:100% auto; text-align:center} .custom_frm .title_box .coupon .name {padding-top:148px; color:#fff; font-size:14px; font-weight:700; line-height:34px} .custom_frm .title_box .coupon .discount {height:115px; color:#000; font-size:30px; font-weight:400; line-height:95px} .custom_frm .title_box .coupon .discount span {font-size:50px; font-weight:600} .custom_frm .title_box .coupon .date {padding-bottom:30px; color:#838383; font-size:12px; font-weight:400; line-height:22px} .custom_frm .title_box .coupon .notice {padding:8px 0} .custom_frm .title_box .coupon .notice li {padding:3px 0; color:#92565a; font-size:12px; font-weight:700; line-height:15px} .custom_frm .title_box .coupon .btn_blk {padding:0px 12px 22px} .custom_frm .title_box .coupon .btn_blk a {float:left; width:144px; height:45px; margin-left:8px} .custom_frm .title_box .coupon .btn_blk a:first-child {margin-left:0} .custom_frm .title_box .coupon .btn_blk:after {clear:both; display:block; content:''} .custom_frm .item_box {margin-top:0; padding-bottom:30px} .custom_frm .item_box .pdt_list_wrap .gds_list.list li:last-child {border-bottom:none} .custom_frm .item_box .pdt_list_wrap .gds_list.list li .gds_desc {display:table-cell; vertical-align:middle} .custom_frm .item_box .pdt_list_wrap .gds_list.list li .gds_desc .brand {padding-top:0; line-height:1.2} .custom_frm .item_box .pdt_list_wrap .gds_list.list li .gds_desc .tit, .custom_frm .item_box .pdt_list_wrap .gds_list.list li .gds_desc .price {margin-top:5px} .custom_frm .item_box .pdt_list_wrap .gds_list.list li .gds_desc .tag {position:relative; margin-top:5px; text-align:left} .custom_frm .item_box .pdt_list_wrap .gds_list.list li .gds_desc .etc {position:relative; margin-top:5px} .custom_frm .item_box .btn_blk {padding:0 15px} .custom_frm .item_box a.btn_moreview {display:block; position:relative; height:45px; background:#1ed25f; color:#fff; font-size:15px; font-weight:400; line-height:46px; text-align:center; text-indent:-20px; box-sizing:border-box} .custom_frm .item_box a.btn_moreview:after {display:block; position:absolute; right:50%; top:50%; margin-top:-5px; width:8px; height:8px; margin-right:-32px; border:1px solid #fff; border-width:1px 1px 0px 0px; transform:rotate(45deg); -webkit-transform:rotate(45deg); content:''} .custom_frm .item_box .info_login, .custom_frm .item_box .info_empty {margin:10px 15px 0; padding:20px 0; background:#f8f8f8; color:#343434; font-size:16px; text-align:center} .custom_frm .item_box .info_login a.btn_moreview {background:#fe4855} .custom_frm .item_box .info_login a.btn_moreview:after {margin-right:-85px} .custom_frm .item_box .info_login .btn_blk, .custom_frm .item_box .info_empty .btn_blk {padding-top:15px} .custom_frm .couponzone_box {padding:0 15px} .custom_frm .couponzone_box .coupon_item {position:relative; padding:30px 0px; border-bottom:1px solid #f2f2f2} .custom_frm .couponzone_box .coupon_item:last-child {border-bottom:none; padding-bottom:0} .custom_frm .couponzone_box .coupon_item a {display:block; overflow:hidden} .custom_frm .couponzone_box .coupon_item a .coupon {position:relative; width:100%; padding-top:44%} .custom_frm .couponzone_box .coupon_item a .coupon:before {position:absolute; right:-3.5%; top:46%; width:6%; padding-top:6%; border:1px solid #e5e5e5; border-radius:100%; background:#fff; content:''; z-index:2} .custom_frm .couponzone_box .coupon_item a .coupon:after {position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #e5e5e5; box-sizing:border-box; content:''} .custom_frm .couponzone_box .coupon_item a .coupon .prd_img {position:absolute; left:0; top:0; width:44%; height:100%} .custom_frm .couponzone_box .coupon_item a .coupon .prd_img .img_thumb {width:100%; height:0; padding-bottom:100%} .custom_frm .couponzone_box .coupon_item a .coupon .coupon_txt {position:absolute; right:0; top:0; width:56%; height:100%; display:flex; flex-flow:column wrap; align-items:center; justify-content:center} .custom_frm .couponzone_box .coupon_item a .coupon .coupon_txt span {width:88%; text-align:center} .custom_frm .couponzone_box .coupon_item a .coupon .coupon_txt .coupon_tit {position:relative; margin-bottom:8%; padding-bottom:8%; color:#1ed25f; font-size:4.8vw; font-weight:700} .custom_frm .couponzone_box .coupon_item a .coupon .coupon_txt .coupon_tit:after {position:absolute; left:13%; bottom:0; width:74%; height:1px; border-bottom:1px dashed #ccc; content:''} .custom_frm .couponzone_box .coupon_item a .coupon .coupon_txt .coupon_cont {color:#000; font-size:7.187vw; font-weight:600; letter-spacing:-1px; word-break:break-all} .custom_frm .couponzone_box .coupon_item a .coupon .coupon_txt .coupon_cont .won {margin-left:3px; font-size:4.687vw} .custom_frm .couponzone_box .coupon_item a .desc {padding:20px 0; text-align:center; clear:both} .custom_frm .couponzone_box .coupon_item a .desc .txt_tit {overflow:hidden; margin:3px 0px 8px; color:#333; font-size:14px; font-weight:400; line-height:1.2; white-space:nowrap; text-overflow:ellipsis} .custom_frm .couponzone_box .coupon_item a .desc .date {color:#838383; font-size:13px; font-weight:400; line-height:22px} .custom_frm .couponzone_box .coupon_item a.more_btn {display:block; position:relative; height:45px; background:#1ed25f; color:#fff; font-size:15px; font-weight:400; line-height:46px; text-align:center; text-indent:-10px} .custom_frm .couponzone_box .coupon_item a.more_btn:after {display:block; position:absolute; right:50%; top:50%; margin-top:-4px; width:8px; height:8px; margin-right:-58px; border:1px solid #fff; border-width:1px 1px 0px 0px; transform:rotate(45deg); -webkit-transform:rotate(45deg); content:''} .custom_frm .couponzone_box a.btn_moreview {display:block; position:relative; height:45px; margin:10px auto 30px; border:1px solid #e6e6e6; background:#f4f4f4; color:#333; font-size:15px; font-weight:400; line-height:46px; text-align:center; text-indent:-20px} .custom_frm .couponzone_box a.btn_moreview:after {display:block; position:absolute; right:50%; top:50%; margin-top:-5px; width:8px; height:8px; margin-right:-40px; border:1px solid #888; border-width:1px 1px 0px 0px; transform:rotate(45deg); -webkit-transform:rotate(45deg); content:''} .custom_frm .related_box, .custom_frm .ranking_box {padding-bottom:25px} .custom_frm .chance_box .tpl_evt_item {margin-top:0; border-bottom:0} /* 편의점결제 바코드 *********************************************************************/ .barcode_frm {background:#fff} .barcode_frm div, .barcode_frm p, .barcode_frm span, .barcode_frm ul, .barcode_frm dl {font-family:'Noto Sans KR','Malgun Gothic',Dotum} .barcode_frm .number {font-family:'Montserrat','Noto Sans KR','Malgun Gothic',Dotum} .barcode_frm h2 {display:block; width:100%; height:80px; padding:15px 0; text-align:center; border-bottom:1px solid #e5e5e5} .barcode_frm h2 img {display:inline-block; height:80px} .barcode_frm .barcode_box {width:100%; padding:20px 15px; border-bottom:1px solid #d6d6d6; box-sizing:border-box} .barcode_frm .barcode_box .code_blk {padding:15px 10px; border:1px solid #e5e5e5} .barcode_frm .barcode_box .code_blk .code_img {position:relative; min-height:150px; height:auto; text-align:center} .barcode_frm .barcode_box .code_blk .code_img .unusable {display:flex; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(255,255,255,0.7); align-items:center; justify-content:center; z-index:2} .barcode_frm .barcode_box .code_blk .code_img .unusable span {position:relative; display:inline-block; min-width:80px; padding:8px 15px 9px; background:#666; border-radius:30px; color:#fff; font-size:18px; font-weight:bold; text-align:center} .barcode_frm .barcode_box .code_blk .code_number {margin-top:10px; color:#333; font-size:18px; font-weight:bold; line-height:1.2; text-align:center} .barcode_frm .barcode_box .code_blk .info_unusable {margin-top:10px; color:#333; font-size:13px; font-weight:bold; line-height:1.2; text-align:center} .barcode_frm .info_box {border-top:20px solid #f2f2f2} .barcode_frm .info_box h3 {width:100%; padding:15px; border-bottom:1px solid #ccc; color:#111; font-size:14px; font-weight:700; box-sizing:border-box} .barcode_frm .info_box ul {margin:0px 15px; padding:15px 0; border-bottom:1px solid #f2f2f2} .barcode_frm .info_box ul li {padding-left:7px; margin-top:4px; font-size:12px; color:#333; line-height:17px; text-indent:-7px; word-break:break-all} .barcode_frm .info_box ul li span {color:#777} .barcode_frm .info_box dl {margin:0px 15px; padding:15px 0; border-bottom:1px solid #f2f2f2; font-size:13px; color:#333; font-weight:bold; line-height:1.6} .barcode_frm .info_box dl:after {display:block; clear:both; content:''} .barcode_frm .info_box dl dt {float:left} .barcode_frm .info_box dl dd {padding-left:70px; color:#ee6763} .barcode_frm .info_box p.info {padding:15px 0 30px; line-height:1.2; text-align:center} .barcode_frm .info_box p.info.usable {color:#777; font-size:12px;} .barcode_frm .info_box p.info.usable span {display:block; margin-top:10px; color:#333; font-size:20px; font-weight:600; line-height:1.2} .barcode_frm .info_box p.info.unusable {color:#ee6763; font-weight:bold; font-size:16px}