@charset "utf-8";

html, body { height:100%; background:#e4e8ec; }
body, button, input, select, textarea { color:#000; font-size:1em; font-family:'malgun gothic', 'dotum', sans-serif; line-height:1.25; }
a { color:#000; }
em, address { font-style:normal; }
img { max-width:100%; }
.blind { position:absolute; overflow:hidden; width:0; height:0; font-size:0; line-height:0; visibility:hidden; color:transparent; }

/* 상단 */
#header { z-index:2; position:relative; padding:12px 60px; background:url(/img/v3/common/bg_header.gif) no-repeat 0 0; background-size:cover; }
#header .btn-malltail { position:absolute; top:0; width:60px; height:56px; left:0; background:url(/img/v3/common/bul_hdr_malltail.png) no-repeat 60% 50%; background-size:auto 22px; text-indent:-9999px; }
#header.search .btn-malltail { background:url(/img/v3/common/bul_hdr_malltail_prev.png) no-repeat 50% 50%; background-size:auto 22px; }
#header .btn-home { position:absolute; top:0; width:60px; height:56px; right:0; background:url(/img/v3/common/bul_hdr_home.png) no-repeat 50% 50%; background-size:20px auto; text-indent:-9999px; }
#header .btn-form { position:absolute; top:0; width:60px; height:56px; right:0; background:url(/img/v3/common/bul_hdr_form.png) no-repeat 50% 48%; background-size:22px auto; text-indent:-9999px; }
#header .btn-close { position:absolute; top:0; width:60px; height:56px; right:0; background:url(/img/v3/common/ico_hdr_close.gif) no-repeat 50% 50%; background-size:25px 25px; text-indent:-9999px; }
#header .search { position:relative; }
#header .search input[type=text] { height:32px; line-height:34px; padding-right:30px; border:1px solid #36a2ef; font-size:.875em; }
#header .search .btn-search { position:absolute; top:0; right:0; width:30px; height:30px; background:url(/img/v3/btn/h29_search.gif) no-repeat 50% 50%; background-size:15px auto; text-indent:-9999px; }

/* 하단 */
#footer { margin-top:8px; padding:10px 0 75px; background:#f0f3f5; }
#footer .lnks { text-align:center; }
#footer .lnks a { display:inline-block; margin:0 10px; color:#666; font-size:.625em; }
#footer address { margin-top:8px; color:#666; font-size:.625em; line-height:1.5; text-align:center; }

/* 하단 퀵메뉴 */
#quick { z-index:2; position:fixed; right:0; bottom:0; left:0; }
#quick ul { border-top:1px solid #bdc4cc; }
#quick ul:after { content:''; display:block; clear:both; }
#quick li { float:left; width:20%; position:relative; height:49px; background:#e9f9ff; }
#quick li.mytail { z-index:1; }
#quick li.event { z-index:2; }
#quick li a { position:relative; display:block; padding-top:28px; font-size:12px; text-align:center; }
#quick li a .dot { position:absolute; top:6px; left:50%; margin-left:12px; width:5px; height:5px; background:#ff403c; border-radius:3px; }
#quick li.barotalk a { background:url(/img/v3/common/bul_ftr_barotalk.png) no-repeat 50% 9px; background-size:16px auto; }
#quick li.dh a { background:url(/img/v3/common/bul_ftr_dh.png) no-repeat 50% 9px; background-size:50px auto; }
#quick li.shop a { background:url(/img/v3/common/bul_ftr_shop.png) no-repeat 50% 9px; background-size:15px auto; }
#quick li.mytail a { background:url(/img/v3/common/bul_ftr_mytail.png) no-repeat 50% 9px; background-size:16px auto; }
#quick li.event a { background:url(/img/v3/common/bul_ftr_event.png) no-repeat 50% 9px; background-size:15px auto; }
#quick li.bookmark a { background:url(/img/v3/common/bul_ftr_bookmark.png) no-repeat 50% 9px; background-size:11px auto; }
/* 17/10/26 s */
#quick li.alarm a { background:url(/img/v3/common/bul_ftr_alarm.png) no-repeat 50% 9px; background-size:15px auto; }
/* 17/10/26 e */
#quick li .badge { position:absolute; top:-4px; right:50%; margin-right:-30px; width:22px; height:22px; line-height:24px; background:#ff9517; border-radius:11px; color:#fff; font-size:10px; text-align:center; }
#quick li .tooltip { position:absolute; right:0; bottom:48px; left:0; text-align:center; }
#quick li .tooltip .swiper-container { width:50px; height:20px; line-height:20px; background:#ff403c; border-radius:10px; }
#quick li .tooltip em { color:#fff13e; font-size:10px; }
#quick li .tooltip em span { color:#fff; }
#quick li .tooltip > span { position:absolute; bottom:-6px; left:50%; margin-left:-6px; width:12px; height:6px; background:url(/img/v3/common/bul_tooltip.png) no-repeat 0 0; background-size:12px 6px; }

/* 하단 결제 */
#payQuick { z-index:2; position:fixed; right:0; bottom:0; left:0; }
#payQuick ul { overflow:hidden; background:rgba(0, 0, 0, 0.85); }
#payQuick li { float:left; width:25%; position:relative; border-right:1px solid #000; box-sizing:border-box; }
#payQuick li a { display:block; padding:18px 0px;  color:#838383;  font-size:13px; text-align:center; }
#payQuick li a span {color:#fff;}
#payQuick li > span { position:absolute; top:22px; right:-9px; width:18px; height:18px; text-indent:-9999px; }
#payQuick li > span.plus { background:url(/img/v3/common/bul_h32_plus.png) no-repeat 0 0; background-size:18px 18px; }
#payQuick li > span.minus { background:url(/img/v3/common/bul_h32_minus.png) no-repeat 0 0; background-size:18px 18px; }
#payQuick li > span.equal { background:url(/img/v3/common/bul_h32_equal.png) no-repeat 0 0; background-size:18px 18px; }

/* 공통 */
#container { z-index:1; position:relative; min-height:80%; }
#container:after { content:''; display:block; clear:both; }
.w100 { width:100% !important; }
.txt-l { text-align:left !important; }
.txt-r { text-align:right !important; }
.txt-c { text-align:center !important; }
.fc-red { color:#ff403c !important; }
.fc-blue { color:#4f7dd1 !important; }
.fc-blur { color:#b2b2b2 !important; }
.fc-white { color:#fff !important; }
.fc-black { color:#000 !important; }
.pb-none { padding-bottom:0 !important; }
.mt-none { margin-top:0 !important; }
.header { padding:6px 12px 5px; background:#e9f9ff; }
.header h2 { padding-left:32px; background:url(/img/v3/common/ico_hdr_prev.gif) no-repeat 0 50%; background-size:24px 24px; line-height:24px; font-size:1em; font-weight:normal; }
.header .member { color:#666; font-size:.688em; }
.header .member em { color:#000; font-size:1.188em; font-weight:bold; }
.header .notice { position:absolute; top:10px; right:18px; width:18px; height:20px; background:url(/img/v3/common/ico_hdr_notice.gif) no-repeat 0 0; background-size:18px 20px; }
.header .notice span { position:absolute; top:-5px; left:7px; height:13px; line-height:13px; padding:0 5px; background:#ff1d1d; border-radius:6px; color:#fff; font-size:.563em; text-align:center; }
.hdr { position:relative; padding:12px; background:url(/img/v3/common/bg_header.gif) no-repeat 0 0; background-size:cover; }
.hdr h2 { height:32px; line-height:34px; padding-left:35px; color:#fff; font-size:.875em; font-weight:normal; }
.hdr h2 span { color:#94c7e2; font-size:.875em; }
.hdr h2 span.grade { color:#c1e1f9; }
.hdr h2 span.grade em { color:#f4f399; }
.hdr .btn-logo { position:absolute; top:50%; left:50%; margin-top:-12px; margin-left:-15px; width:30px; height:25px; background:url(/img/v3/common/bul_hdr_malltail.png) no-repeat 0 0; background-size:30px 25px; text-indent:-9999px; }
.hdr .btn-prev { position:absolute; top:15px; left:12px; width:26px; height:26px; border:1px solid #fff; box-sizing:border-box; background:url(/img/v3/common/bul_hdr_arr.png) no-repeat 48% 50%; background-size:7px auto; text-indent:-9999px; }
.hdr .btn-bell { position:absolute; top:15px; right:12px; width:26px; height:26px; background:url(/img/v3/common/bul_hdr_bell.png) no-repeat 50% 50%; background-size:18px auto; text-indent:-9999px; }
.hdr .btn-bell em { position:absolute; top:0; right:0; width:5px; height:5px; background:#ff403c; border-radius:3px; }
.hdr .btn-search { position:absolute; top:0; right:0; width:60px; height:56px; background:url(/img/v3/btn/h40_search.png) no-repeat 50% 48%; background-size:22px auto; text-indent:-9999px; }
.hdr .btn-setting { position:absolute; top:0; right:0; width:60px; height:56px; background:url(/img/v3/common/bul_hdr_setting.png) no-repeat 50% 50%; background-size:20px auto; text-indent:-9999px; }
.hdr select { position:absolute; top:15px; right:12px; width:70px; height:26px; line-height:26px; border:1px solid #fff; background:0; color:#fff; font-size:.688em; }
.search-wrap { display:none; position:relative; padding:8px; background:#fff; }
.search-wrap input[type=text] { height:32px; line-height:34px; padding-right:30px; border:1px solid #36a2ef; font-size:14px; }
.search-wrap .btn-search { position:absolute; top:9px; right:9px; width:30px; height:30px; background:url(/img/v3/btn/h29_search.gif) no-repeat 50% 50%; background-size:15px auto; text-indent:-9999px; }
.sort-wrap { overflow:hidden; margin:8px 8px 0 10px; }
.sort-wrap select { float:left; width:50%; height:34px; line-height:34px; position:relative; margin-right:-1px; font-size:14px; }
.sort-wrap.list-3x select { width:33.33%; }
.btn-top { z-index:10; position:fixed; right:10px; bottom:75px; width:44px; height:44px; background:url(/img/v3/btn/h88_top.png) no-repeat 0 0; background-size:44px 44px; text-indent:-9999px; outline:0; }
.cnt-date { padding-left:16px; background:url(/img/v3/common/bul_prd_date.gif) no-repeat 0 50%; background-size:auto 12px; }
.cnt-date.on { padding-left:16px; background:url(/img/v3/common/bul_prd_date_on.gif) no-repeat 0 50%; background-size:auto 12px; color:#4492cf; }
.cnt-review { padding-left:16px; background:url(/img/v3/common/bul_prd_review.gif) no-repeat 0 50%; background-size:auto 14px; }
.cnt-review.on { padding-left:16px; background:url(/img/v3/common/bul_prd_review_on.gif) no-repeat 0 50%; background-size:auto 14px; color:#4492cf; }
.cnt-like { padding-left:16px; background:url(/img/v3/common/bul_prd_like.gif) no-repeat 0 0; background-size:auto 14px; }
.cnt-like.on { padding-left:16px; background:url(/img/v3/common/bul_prd_like_on.gif) no-repeat 0 0; background-size:auto 14px; color:#4492cf; }
.cnt-heart { padding-left:18px; background:url(/img/v3/common/bul_prd_heart.gif) no-repeat 0 0; background-size:auto 14px; color:#666; line-height:16px; }
.prd-rise { display:inline-block; padding-left:18px; background:url(/img/v3/common/bul_prd_rise.gif) no-repeat 0 0; background-size:auto 12px; color:#ff403c; }
.prd-drop { display:inline-block; padding-left:18px; background:url(/img/v3/common/bul_prd_drop.gif) no-repeat 0 0; background-size:auto 12px; color:#000; }
.prd-rise span,
.prd-drop span { color:#999; font-weight:normal; }
#overlay { display:none; z-index:10; position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0, 0, 0, 0.5); }
.btn-h20-gray { display:inline-block; height:18px; line-height:18px; padding:0 10px; border:1px solid #dadada; font-size:12px; }
.btn-h20-gray span { padding-left:12px; background:url(/img/v3/common/bul_chk.gif) no-repeat 0 45%; background-size:9px auto; }
.btn-more { display:block; height:38px; line-height:38px; border-top:1px solid #ddd; background:#f5f5f5; text-align:center; }
.btn-more span { display:inline-block; padding-left:20px; background:url(/img/v3/common/ico_more.png) no-repeat 0 45%; background-size:14px 14px; font-size:13px; }
.grad-right { z-index:2; position:absolute; top:0; right:0; bottom:0; width:15px; background:url(/img/v3/common/bg_grad_right.png) no-repeat 0 0; background-size:15px auto; }
.grad-left { z-index:2; position:absolute; top:0; left:0; bottom:0; width:15px; background:url(/img/v3/common/bg_grad_left.png) no-repeat 0 0; background-size:15px auto; }

/* 메인 */
#main .swiper-wrapper,
#main .swiper-slide { height:auto; }
#gnb { z-index:11; position:relative; top:0; right:0; left:0; height:48px; padding-right:36px; background:#fff; border-bottom:1px solid #bdc4cc; overflow:hidden; }
#gnb.subpage { padding-right:0; }
#gnb .swiper-container { background:#fff; }
#gnb .swiper-wrapper:after { content:''; display:block; clear:both; }
#gnb .swiper-wrapper li { float:left; width:auto; height:45px; margin-left:15px; }
#gnb .swiper-wrapper li.now { border-bottom:3px solid #1a73e1; }
#gnb .swiper-wrapper li:last-child { margin-right:15px; }
#gnb .swiper-wrapper li a { display:block; padding:16px 0 14px; font-size:.875em; }
#gnb .swiper-wrapper li.now a { color:#1a73e1; font-weight:bold; }
#gnb .btn-show { position:absolute; top:11px; right:10px; width:26px; height:26px; background:url(/img/v3/btn/h50_bottom_on.gif) no-repeat 0 0; background-size:26px 26px; }
#lnb { z-index:11; position:relative; top:0; right:0; left:0; height:48px; background:#fff; border-bottom:1px solid #bdc4cc; overflow:hidden; }
#lnb ul { overflow:hidden; }
#lnb li { float:left; width:21%; height:48px; text-align:center; }
#lnb li:last-child { width:16%; }
#lnb li a { display:inline-block; height:45px; line-height:49px; font-size:.875em; }
#lnb li.now a { color:#1a73e1; font-weight:bold; border-bottom:3px solid #1a73e1; }
.category-wrap { z-index:11; display:none; position:absolute; top:0; right:0; left:0; padding:0 10px 18px; border-top:2px solid #4492cf; border-bottom:2px solid #4492cf; background:#fff; }
.category-wrap h3 { height:50px; line-height:52px; padding-left:5px; font-size:.875em; border-bottom:1px solid #bdc4cc; }
.category-wrap .btn-hide,
.category-wrap .btn-close { position:absolute; top:10px; right:12px; width:30px; height:30px; }
.category-wrap .btn-hide { background:url(/img/v3/btn/h50_top.gif) no-repeat 0 0; background-size:30px 30px; }
.category-wrap .btn-close { background:url(/img/v3/btn/h50_close.gif) no-repeat 0 0; background-size:30px 30px; }
.category-wrap .btns { position:absolute; top:10px; right:45px; }
.category-wrap .btns li { float:left; position:relative; margin-left:-1px; }
.category-wrap .btns li .btn-h20-gray { width:65px; height:30px; line-height:30px; padding:0; box-sizing:border-box; background:#f5f5f5; color:#000; text-align:center; }
.category-wrap .btns li .btn-h20-gray .add { display:inline-block; height:100%; padding-left:18px; background:url(/img/v3/common/bul_cate_setting.png) no-repeat 0 50%; background-size:12px auto; }
.category-wrap .btns li .btn-h20-gray .sort { display:inline-block; height:100%; padding-left:18px; background:url(/img/v3/common/bul_cate_order.png) no-repeat 0 50%; background-size:12px auto; }
.category-wrap .pick { position:absolute; top:10px; left:105px; }
.category-wrap .pick li { float:left; margin-right:5px; }
.category-wrap .txt { margin-top:16px; font-size:.875em; text-align:center; }
.category-wrap .cate-list { overflow:hidden; margin-top:10px; }
.category-wrap .cate-list li { position:relative; float:left; width:31.33%; height:40px; line-height:40px; margin:8px 1% 0; border:1px solid #dadada; background:#f2f2f2; box-sizing:border-box; }
.category-wrap .cate-list li a { position:absolute; top:-1px; right:-1px; bottom:-1px; left:-1px; display:block; border:1px solid #dadada; background:#fff; box-sizing:border-box; font-size:.875em; text-align:center; }
.category-wrap .cate-list li.now a { border:1px solid #36a2ef; color:#1a73e1; font-weight:bold; }
.category-wrap .cate-list li.now span { padding-left:16px; background:url(/img/v3/common/bul_chk_on.gif) no-repeat 0 45%; background-size:10px auto; }
.category-wrap .cate-list#sortable li { border:1px dashed #dadada; }
.category-wrap .cate-list#sortable li a { border:1px dashed #dadada; }
.bner-top { text-align:center; }
.bner-middle { margin-top:8px; border-bottom:1px solid #bdc4cc; background:#fff; text-align:center; }
.bullet { z-index:2; position:absolute; top:1px; left:5px; width:28px; color:#fff; font-weight:bold; letter-spacing:-1px; text-align:center; line-height:1; }
.bullet.discount { height:13px; padding-top:6px; background:#ff403c; font-size:10px; }
.bullet.free { height:16px; padding-top:3px; background:#4f7dd1; font-size:8px; }
.bullet em { z-index:2; position:relative; }
.bullet em span { font-size:8px; }
.bullet > span { z-index:1; position:absolute; right:0; bottom:-6px; left:0; }
.bullet.discount > span { border-top:6px solid #ff403c; border-left:14px solid transparent; border-right:14px solid transparent; }
.bullet.free > span { border-top:6px solid #4f7dd1; border-left:14px solid transparent; border-right:14px solid transparent; }
.sns { z-index:2; position:absolute; top:1px; left:5px; width:20px; height:20px; }
.sns.cafe { background:url(/img/v3/common/ico_sns_cafe.gif) no-repeat 0 0; background-size:20px 20px; }
.sns.blog { background:url(/img/v3/common/ico_sns_blog.gif) no-repeat 0 0; background-size:20px 20px; }
.sns.facebook { background:url(/img/v3/common/ico_sns_facebook.gif) no-repeat 0 0; background-size:20px 20px; }
.prd-wrap { position:relative; margin-top:8px; padding:15px 0 0; border-bottom:1px solid #bdc4cc; background:#fff; }
.prd-wrap.lego-wrap { padding:0; }
.prd-wrap h2 { z-index:2; position:absolute; top:15px; left:15px; font-size:.875em; }
.prd-wrap h2 em { display:inline-block; margin-left:4px; padding-left:12px; background:url(/img/v3/common/bul_label_right.gif) no-repeat 0 35%; background-size:6px 10px; color:#4f7dd1; font-size:.875em; font-weight:normal; }
.prd-wrap h2 span { color:#666; font-size:.875em; font-weight:normal; }
.prd-wrap .lnk { position:absolute; top:16px; right:15px; font-size:.75em; }
.prd-wrap .lnk.more { padding-left:20px; background:url(/img/v3/common/ico_more.gif) no-repeat 0 0; background-size:14px 14px; }
.prd-wrap .lnk.reward { padding-left:20px; background:url(/img/v3/common/ico_reward.gif) no-repeat 0 0; background-size:14px 14px; }
.prd-wrap .lnk.rank { overflow:hidden; }
.prd-wrap .lnk.rank li { float:left; margin-left:5px; color:#bfbfbf; font-size:12px; }
.prd-wrap .lnk.rank li:first-child { color:#000; }
.prd-wrap > div { margin-top:6px; padding-top:22px; padding-bottom:15px; }
.prd-wrap.lego-wrap > div { margin-top:0; padding-top:0; }
.prd-wrap .tag-list { margin-top:-5px; margin-bottom:12px; background:#fafafa; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.prd-wrap .tag-list ul { padding:0; }
.prd-wrap .swiper-container .swiper-pagination { top:0; right:12px; bottom:auto; left:auto; width:auto; height:4px; font-size:0; line-height:0; }
.prd-wrap .swiper-container .swiper-pagination .swiper-pagination-bullet { width:10px; height:2px; background:#ccc; margin:0; padding:0; border-radius:0; opacity:1; }
.prd-wrap .swiper-container .swiper-pagination .swiper-pagination-bullet-active { position:relative; top:1px; height:4px; background:#a3a3a3; }
.prd-list ul { padding:0 2px 0 6px; box-sizing:border-box; }
.prd-list ul:after { content:''; display:block; clear:both; }
.prd-list li { float:left; width:33.33%; position:relative; }
.prd-list.prd-list-4x li { width:25%; }
.prd-list.prd-list-4x li .tmb img { height:84px; }
.prd-list li .tmb { display:block; margin-right:4px; border:1px solid #ededed; box-sizing:border-box; text-align:center; }
.prd-list li .prd-name { display:block; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; margin:8px 4px 0 0; font-size:.813em; text-align:center; }
.prd-list li .prd-name-line { display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:8px 4px 0 0; font-size:.813em; text-align:center; }
.prd-list li .prd-price { display:block; margin:4px 4px 0 0; font-size:.75em; text-align:center; }
.prd-list li .prd-review { display:block; margin:8px 4px 0 0; font-size:.75em; text-align:center; }
.prd-list li .prd-review span { display:block; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; margin-top:5px; }
.prd-list li .lab { position:absolute; top:1px; left:1px; }
.lego-list { padding-bottom:0 !important; }
.lego-list li { border-top:1px solid #ddd; }
.lego-list li a { display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:44px; line-height:46px; padding:0 15px; box-sizing:border-box; color:#333; font-size:13px; }
.lego-list li a em { display:inline-block; width:55px; color:#1a73e1; }
.lego-list li a strong { position:relative; top:-1px; color:#ff403c; font-size:11px; }
.prd-ranking { padding-bottom:0 !important; background:#fff; }
.prd-ranking ul { border-top:1px solid #ddd; }
.prd-ranking li { position:relative; min-height:80px; margin-left:40px; padding:12px 8px 12px 90px; border-bottom:1px solid #ddd; }
.prd-ranking.lego-ranking li { padding-top:12px; padding-bottom:12px; }
.prd-ranking li:last-child { border-bottom:0; }
.prd-ranking li .num { position:absolute; top:50%; left:-35px; width:35px; margin-top:-10px; font-size:.625em; text-align:center; line-height:1; }
.prd-ranking li .num em { font-size:1.875em; }
.prd-ranking li .num .rank { display:block; }
.prd-ranking li .tmb { position:absolute; top:12px; left:0; width:80px; height:80px; border:1px solid #ededed; box-sizing:border-box; text-align:center; }
.prd-ranking li .prd-info { margin-top:12px; }
.prd-ranking li .prd-info dt { overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; font-size:.813em; }
.prd-ranking li .prd-info dd { position:relative; margin-top:8px; font-size:.75em; }
.prd-ranking li .prd-info dd .prd-price { position:absolute; top:0; right:6px; font-size:.75em; border-bottom:1px solid #000; line-height:1; }
.prd-ranking li .prd-info dd .prd-price em { font-size:1.875em; }
.prd-ranking li .mall-info { margin-top:8px; }
.prd-ranking li .mall-info dt { overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; font-size:.813em; }
.prd-ranking li .mall-info dd { margin-top:6px; }
.prd-ranking li .mall-info dd a { display:inline-block; margin-right:15px; color:#4f7dd1; font-size:.813em; }
.prd-ranking li .lego-info dt,
.prd-ranking li .lego-info dd { margin-top:8px; font-size:13px; }
.prd-ranking li .lego-info dd .prd-price { font-size:11px; border-bottom:1px solid #000; }
.prd-ranking li .lego-info dd .prd-price.fc-red { border-bottom:1px solid #ff403c; }
.prd-ranking li .lego-info dd .prd-price em { font-size:16px; }
.prd-ranking li .lego-info dd .prd-diff { color:#999; }
.hashtag-list { margin-top:8px; background:#fff; }
.hashtag-list ul { overflow:hidden; }
.hashtag-list li { float:left; width:33.33%; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; box-sizing:border-box; }
.hashtag-list li a { display:block; height:40px; line-height:42px; color:#4f7dd1; font-size:.875em; text-align:center; }
.hashtag-list li a.all { color:#000; }
.mall-list { margin-top:8px; background:#fff; }
.mall-list ul { overflow:hidden; }
.mall-list li { float:left; width:50%; position:relative; padding:12px 0 12px 55px; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; box-sizing:border-box; }
.mall-list li:nth-child(2n) { border-right:0; }
.mall-list li a { position:absolute; top:0; right:0; bottom:0; left:0; text-indent:-9999px; }
.mall-list li dl dt { color:#4f7dd1; font-size:.875em; }
.mall-list li dl dd { height:15px; overflow:hidden; font-size:.75em; }
.mall-list li.taillist { background:url(/img/v3/common/ico_shop_taillist.gif) no-repeat 12px 45%; background-size:38px auto; }
.mall-list li.vitatra { background:url(/img/v3/common/ico_shop_vitatra.gif) no-repeat 12px 50%; background-size:29px auto; }
.mall-list li.ssajoy { background:url(/img/v3/common/ico_shop_ssajoy.gif) no-repeat 16px 50%; background-size:25px auto; }
.mall-list li.buyxing { background:url(/img/v3/common/ico_shop_buyxing.gif) no-repeat 16px 50%; background-size:25px auto; }
.mall-list li.buyxing-mix { background:url(/img/v3/common/ico_shop_mix.gif) no-repeat 14px 50%; background-size:30px auto; }
.mall-list li.buyxing-jp { background:url(/img/v3/common/ico_shop_jp.gif) no-repeat 14px 50%; background-size:30px auto; }
.mall-list li.buyxing-gr { background:url(/img/v3/common/ico_shop_gr.gif) no-repeat 14px 50%; background-size:30px auto; }
.popular-product,
.reward-product { padding-bottom:0; }
.reward-product .prd-ranking li .num { margin-top:-15px; }
.rank span { position:relative; top:-1px; display:inline-block; width:0; height:0; border-left:3px solid transparent; border-right:3px solid transparent; }
.rank strong { color:#000 !important; }
.rank.fc-red span { border-bottom:5px solid #ff5552; }
.rank.fc-blue span { border-top:5px solid #2672ec; }
.vitamin-wrap { position:relative; margin-top:8px; background:#fff; }
.vitamin-wrap.aqua { background:#60b7c9; }
.vitamin-wrap.green { background:#6dbc63; }
.vitamin-wrap.pink { background:#edc1b6; }
.vitamin-wrap h2 { padding-top:15px; color:#fff; font-size:20px; line-height:1.5; letter-spacing:-1px; text-align:center; }
.vitamin-wrap h2 span { display:inline-block; padding-top:3px; font-size:14px; }
.vitamin-wrap.aqua h2 span { border-top:1px solid #92ecff; border-bottom:1px solid #92ecff; color:#92ecff; }
.vitamin-wrap.green h2 { color:#fcfedf; }
.vitamin-wrap.green h2 span { border-top:1px solid #8dea81; border-bottom:1px solid #8dea81; color:#8dea81; }
.vitamin-wrap.pink h2 span { border-top:1px solid #b6573f; border-bottom:1px solid #b6573f; color:#b6573f; }
.vitamin-wrap .prd-vitamin { padding:0 15px 20px; }
.vitamin-wrap .btn-more { border-top:0; border-bottom:1px solid #bdc4cc; }
.prd-vitamin ul { margin-top:10px; padding:5px 0; background:#fff; }
.prd-vitamin li { position:relative; min-height:75px; padding:15px 10px 15px 135px; border-bottom:1px solid #ececec; }
.prd-vitamin li:last-child { border-bottom:0; }
.prd-vitamin li .num { position:absolute; top:50%; left:10px; width:40px; margin-top:-10px; font-size:10px; text-align:center; line-height:1; }
.prd-vitamin li .num em { font-size:20px; }
.prd-vitamin li .tmb { position:absolute; top:15px; left:50px; width:75px; height:75px; border:1px solid #ededed; box-sizing:border-box; text-align:center; }
.prd-vitamin li dt { margin-top:5px; font-size:12px; letter-spacing:-1px; }
.prd-vitamin li dt strong { font-size:15px; }
.prd-vitamin li dd { margin-top:5px; font-size:12px; }
.prd-vitamin li dd .prd-price { color:#ff403c; font-size:11px; border-bottom:1px solid #ff403c; }
.prd-vitamin li dd .prd-price em { font-size:16px; }
.prd-vitamin li dd .prd-diff { color:#999; }
.vitamin-find { overflow:hidden; margin:28px 11px 15px; }
.vitamin-find li { float:left; width:33.33%; padding:0 4px; box-sizing:border-box; }
.vitamin-find li a { display:block; height:38px; line-height:40px; border:1px solid #dadada; color:#808080; font-size:14px; text-align:center; }

/* 카테고리 메인 */
.category-list { margin-top:8px; background:#fff; }
.category-list li { position:relative; min-height:80px; margin-left:8px; padding:12px 10px 12px 90px; border-bottom:1px solid #ececec; }
.category-list li:last-child { border-bottom:0; }
.category-list li .bullet { top:13px; }
.category-list li .sns { top:13px; }
.category-list li .num { position:absolute; top:50%; left:-35px; width:35px; margin-top:-10px; font-size:10px; text-align:center; line-height:1; }
.category-list li .num em { font-size:18px; }
.category-list li .num .rank { display:block; }
.category-list li .tmb { position:absolute; top:12px; left:0; width:80px; height:80px; border:1px solid #ededed; box-sizing:border-box; }
.category-list li .sub { margin-top:2px; color:#999; font-size:11px; }
.category-list li .date { margin-top:2px; color:#ff403c; font-size:10px; }
.category-list li .like { margin-left:2px; padding-left:16px; background:url(/img/v3/common/bul_prd_heart.gif) no-repeat 0 0; background-size:auto 14px; color:#666; font-size:11px; }
.category-list li .fire { position:relative; top:1px; display:inline-block; width:10px; height:12px; background:url(/img/v3/common/ico_prd_fire.gif) no-repeat 0 0; background-size:10px auto; }
.category-list li .prd-info dt { overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; margin-top:4px; font-size:13px; }
.category-list li .prd-info dd { position:relative; margin-top:6px; font-size:13px; }
.category-list li .prd-info dd .prd-name { width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }
.category-list li .prd-info dd .prd-hash { margin-top:6px; }
.category-list li .prd-info dd .prd-hash a { display:inline-block; color:#4f7dd1; font-size:12px; margin-right:15px; }
.category-list li .prd-info dd .prd-price { font-size:10px; border-bottom:1px solid #000; }
.category-list li .prd-info dd .prd-price em { font-size:16px; }
.category-list li .prd-info dd .prd-price-krw { color:#4f7dd1; font-size:11px; }
.category-list li .prd-info dd .cnt { position:absolute; top:0; right:0; }
.category-list li .prd-info dd .cnt a { display:inline-block; margin-right:15px; font-size:11px; line-height:16px; }
.category-list li .prd-info dd .cnt .prd-price { margin-right:10px; color:#ff403c; border-bottom:1px solid #ff403c; }
.category-list li .prd-info dd .cnt del { color:#999; font-size:12px; }
.category-list li .prd-info dd .prd-state { position:absolute; top:2px; right:12px; font-size:14px; padding-left:18px; background:url(/img/v3/common/bul_prd_cart.gif) no-repeat 0 0; background-size:15px auto; }
.category-list li .prd-info dd .prd-state strong { letter-spacing:-1px; }
.popular-list li { margin-left:40px; }
.popular-list li .prd-info dt { margin-top:8px; font-weight:bold; }
.popular-list li .prd-info dd { margin-top:8px; }
.reward-list li { margin-left:40px; }
.reward-list li .num { margin-top:-15px; }
.reward-list li .prd-info dt { margin-top:10px; }
.reward-list li .prd-info dd .prd-hash a { font-size:13px; }
.review-list li { min-height:82px; padding-top:10px; }
.review-list li .prd-info dd { margin-top:2px; }
.review-list li .prd-info dd .prd-hash { margin-top:2px; }

/* 카테고리 상세 */
.prd-desc { padding:12px 15px; border-bottom:1px solid #bdc4cc; background:#fff; }
.prd-desc h2 { font-size:1em; }
.prd-desc .auth { margin-top:10px; }
.prd-desc .auth span { display:inline-block; margin-right:15px; color:#666; font-size:.688em; line-height:14px; }
.prd-detail { margin-top:8px; padding:10px 15px 15px; background:#fff; }
.prd-detail .txt { margin-top:10px; font-size:.75em; }
.prd-detail .preview { margin-top:10px; }
.prd-detail .control { overflow:hidden; margin-top:35px; }
.prd-detail .control a { float:left; width:30px; height:30px; line-height:30px; margin-right:8px; border:1px solid #ccc; text-indent:-9999px; }
.prd-detail .control .ctr-review { width:auto; text-indent:0; padding-right:7px; padding-left:26px; color:#666; font-size:.813em; background:url(/img/v3/common/ico_prd_review.gif) no-repeat 7px 50%; background-size:16px auto; }
.prd-detail .control .ctr-like { background:url(/img/v3/common/ico_prd_like.gif) no-repeat 50% 50%; background-size:16px auto; }
.prd-detail .control .ctr-notify { background:url(/img/v3/common/ico_prd_notify.gif) no-repeat 50% 50%; background-size:16px auto; }
.prd-detail .control .ctr-share { background:url(/img/v3/common/ico_prd_share.gif) no-repeat 50% 50%; background-size:16px auto; }
.prd-detail .control .ctr_out{width:30px; height:30px; border:1px solid #dce0e9; text-align:center; text-indent:0px;}
.prd-detail .control .ctr_out img{width:16px; margin-top:7px; }

.prd-detail .control  select{width:80px; height:32px;  border:1px solid #ccc; float:right;}
.reply-list { margin-top:8px; background:#fff; }
.reply-list li { padding:10px 15px 15px; border-bottom:1px solid #bdc4cc; }
.reply-list li dt strong { font-size:.75em; }
.reply-list li dt span { display:inline-block; margin-left:4px; padding-left:8px; background:url(/img/v3/common/bg_vline.gif) no-repeat 0 50%; background-size:1px 10px; color:#ccc; font-size:.625em; }
.reply-list li dd { margin-top:5px; color:#666; font-size:.813em; }
.reply-list li dd .btns { overflow:hidden; margin-top:10px; text-align:right;}
.reply-list li dd .btns a.btn_reply{ float:left; position:relative; margin-right:-1px; height:20px; line-height:21px; padding:0 8px; border:1px solid #dadada; color:#000; font-size:.938em;  margin-top:0px;}

.reply-list li dd .btns a{height:12px; line-height:12px; display:inline-block; color:#808080; margin-top:4px;}
.reply-list li dd .btns a.commnet_report{padding-right:6px; margin-right:3px; border-right:1px solid #ccc;}
.reply-list li dd .btns a.btn_modify{padding-right:6px; margin-right:3px; border-right:1px solid #ccc;}
.reply-list li dd .btns a.btn_del{padding-right:6px; margin-right:3px; border-right:1px solid #ccc;}

.reply-list li.depth { padding-left:50px; background:url(/img/v3/common/bg_reply.gif) no-repeat 30px 12px; background-size:12px 12px; }
.reply-write { position:relative; margin:8px 7px; padding:0 58px 0 10px; background:#fff; border:1px solid #c7cdd4; box-sizing:border-box; }
.reply-write input[type=text] { height:36px; line-height:38px; padding:0; border:0; background:0; font-size:13px; }
.reply-write .btn-submit { position:absolute; top:0; right:0; width:58px; height:36px; line-height:37px; background:#7c868f; color:#afb7be; font-size:.75em; text-align:center; }
.prd-btns { overflow:hidden; margin-top:8px; background:#fff; }
.prd-btns a { float:left; height:40px; line-height:42px; font-size:.875em; text-align:center; box-sizing:border-box; }
.prd-btns .btn-buy { width:70%; background:#1a73e1; color:#fff; }
.prd-btns .btn-review { width:30%; background:#e9f9ff; color:#333; border-left:1px solid #bdc4cc; }
.prd-btns.single { padding:4px 12px; background:#e4e8ec; }
.prd-btns.single .btn-buy { width:100%; }
.prd-btns.fixed { z-index:2; position:fixed; right:0; bottom:0; left:0; margin-top:0; }

.prd-detail .detail_prd{width:100%; border:1px solid #ddd; border-radius:3px; padding:10px; margin:10px 0px; box-sizing:border-box;}
.prd-detail .detail_prd .prd_top{width:100%; height:60px;}
.prd-detail .detail_prd .prd_top:after{content:''; display:block; clear:both;}
.prd-detail .detail_prd .prd_top .prd_img{width:60px; height:60px; float:left; position:relative;}
.prd-detail .detail_prd .prd_top .prd_img span{width:100%; height:100%; display:inline-block; background-size:contain; background-position:center center; background-repeat:no-repeat;}

.prd-detail .detail_prd .prd_top .prd_img span.item-sale{width:46px; height:35px; background-size:100% 100%; position:absolute; left:-5px; top:0; 
background-image:url(/img/v4/index/ico_sale.png);
background-position:center center;
background-repeat:no-repeat;
font-size:.875em; font-weight:bold; color:#fff; text-align:center; display:block; line-height:1.5;}

.prd-detail .detail_prd .prd_top .prd_info{width:calc(100% - 70px); height:100%; margin-left:10px; float:left;}
.prd-detail .detail_prd .prd_top .prd_info .prd_name{width:100%; height:35px; font-size:14px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.prd-detail .detail_prd .prd_top .prd_info .prd_price{width:100%; font-size:16px; padding-top:4px;font-weight:bold;}

.prd-detail .detail_prd .prd_btns{width:100%; height:25px; padding-top:10px;}
.prd-detail .detail_prd .prd_btns > div{width:100%; height:100%; line-height:25px; text-align:center; display:inline-block; float:left;}

.prd-detail .detail_prd .prd_btns.two > div{width:calc(50% - 0.5px);}
.prd-detail .detail_prd .prd_btns.two > div.btn01{border-right:1px solid #ddd;}

.prd-detail .detail_prd .prd_btns > div a{font-weight:bold; font-size:14px; letter-spacing:-1px;}
.prd-detail .detail_prd .prd_btns > div a span{font-size:12px; vertical-align:top; margin-top:1px; margin-left:2px; display:inline-block;}
.prd-detail .detail_prd .prd_btns > div a{color:#ff9c00;}
.prd-detail .detail_prd .prd_btns > div.blue a{color:#1f75e2;}

.prd-detail .detail_prd.big .prd_top{height:220px;}
.prd-detail .detail_prd.big .prd_top .prd_img{width:100%; height:150px; margin-bottom:10px;}
.prd-detail .detail_prd.big .prd_top .prd_info{width:100%; height:60px; margin-left:0px;}


.prd-detail .enuri_prd{width:100%; border:1px solid #ddd; border-radius:3px; padding:10px; margin:10px 0px; box-sizing:border-box; overflow:hidden;}
.prd-detail .enuri_prd .prd_top{width:100%; height:80px;}
.prd-detail .enuri_prd .prd_top:after{content:''; display:block; clear:both;}
.prd-detail .enuri_prd .prd_top .prd_img{width:80px; height:80px; float:left; position:relative;}
.prd-detail .enuri_prd .prd_top .prd_img span{width:100%; height:100%; display:inline-block; background-size:contain; background-position:center center; background-repeat:no-repeat;}

.prd-detail .enuri_prd .prd_top .prd_info{width:calc(100% - 90px); height:100%; margin-left:10px; float:left;}
.prd-detail .enuri_prd .prd_top .prd_info .prd_price{width:100%; font-size:14px; padding-top:4px;font-weight:bold; color:#ff4330;}
.prd-detail .enuri_prd .prd_top .prd_info .prd_price strong{color:#000; font-size:15px;}
.prd-detail .enuri_prd .prd_top .prd_info .prd_name{width:100%; height:30px; font-size:13px; color:#999; overflow: hidden; padding:5px 0px;
text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.prd-detail .enuri_prd .prd_top .prd_info .prd_logo{width:100%; font-size:12px; color:#000;}

.prd-detail .enuri_prd .prd_btns{width:100%; height:37px; padding-top:5px; padding-left:90px; box-sizing:border-box;}
.prd-detail .enuri_prd .prd_btns > a{width:calc(100% - 2px); height:30px; line-height:29px; display:block; font-weight:bold; font-size:14px; letter-spacing:-1px; color:#1f75e2; border:1px solid #1f75e2; text-align:center;
border-radius:3px;}
.prd-detail .enuri_prd .prd_btns > a span{font-size:10px; vertical-align:top; margin-left:2px; margin-top:-1px; display:inline-block;}

.prd-detail .enuri_prd.big{padding:0px;}
.prd-detail .enuri_prd.big .prd_top{height:250px;}
.prd-detail .enuri_prd.big .prd_top .prd_img{width:100%; height:150px; margin-bottom:10px;}
.prd-detail .enuri_prd.big .prd_top .prd_info{width:100%; height:90px; margin-left:0px; box-sizing:border-box; padding:5px 10px 0px 10px; }
.prd-detail .enuri_prd.big .prd_btns{height:42px; padding:0px 10px 10px 10px;}

/* 인기 상점 */
.popular-shop .txt { padding:20px 0; background:#fff; border-bottom:1px solid #bdc4cc; text-align:center; }
.popular-shop .txt span { position:relative; display:inline-block; padding-left:40px; font-size:13px; text-align:left; }
.popular-shop .txt span em { position:absolute; top:0; left:0; width:32px; height:32px; background:#3985e3 url(/img/v3/common/bul_bell.png) no-repeat 50% 50%; border-radius:16px; background-size:12px auto; }
.popular-shop ul { margin-top:8px; background:#fff; }
.popular-shop li { position:relative; border-bottom:1px solid #ececec; background:url(/img/v3/common/bul_label_right.gif) no-repeat right 18px center; background-size:6px auto; }
.popular-shop li a { display:block; padding:18px; font-size:15px; line-height:30px; }
.popular-shop li a img { width:72px; height:30px; margin-right:5px; }
.popular-shop li em { position:absolute; right:35px; top:22px; height:22px; line-height:22px; padding:0 8px; border:1px solid #ff403c; border-radius:11px; box-sizing:border-box; color:#ff403c; font-size:11px; }
.popular-shop li em span { font-size:8px; }

/* 인기검색어 / 최근검색어 */
#keywordLayer { display:none; z-index:12; position:absolute; top:48px; right:0; left:0; background:#e4e8ec; }
.keyword-tab { overflow:hidden; border-top:1px solid #bdc4cc; border-bottom:1px solid #bdc4cc; background:#f6f6f6; }
.keyword-tab li { float:left; width:50%; border-right:1px solid #bdc4cc; box-sizing:border-box; text-align:center; }
.keyword-tab li:last-child { border-right:0; }
.keyword-tab li a { display:block; height:44px; font-size:.875em; }
.keyword-tab li a span { display:inline-block; height:42px; line-height:42px; border-bottom:2px solid #f6f6f6; }
.keyword-tab li.now a span { border-bottom:2px solid #1a73e1; color:#1a73e1; font-weight:bold; }
.keyword-wrap .ranking { overflow:hidden; margin-top:8px; background:#fff; }
.keyword-wrap .ranking ul { float:left; width:50%; border-right:1px solid #bdc4cc; box-sizing:border-box; }
.keyword-wrap .ranking ul:last-child { border-right:0; }
.keyword-wrap .ranking ul li a { display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:40px; line-height:40px; padding:0 10px; border-bottom:1px solid #bdc4cc; box-sizing:border-box; color:#666; font-size:.75em; }
.keyword-wrap .ranking ul li a em { display:inline-block; width:25px; color:#1a73e1; text-align:center; }
.keyword-wrap .ranking ul li a strong { color:#000; }
.keyword-wrap .recent { margin-top:8px; background:#fff; }
.keyword-wrap .recent ul li { position:relative; height:40px; line-height:40px; padding:0 10px 0 20px; border-bottom:1px solid #bdc4cc; color:#4f7dd1; font-size:.75em; }
.keyword-wrap .recent ul li span { position:absolute; top:0; right:40px; color:#666; }
.keyword-wrap .recent ul li .btn-delete { position:absolute; top:10px; right:10px; width:20px; height:20px; background:url(/img/v3/btn/h40_close.gif) no-repeat 0 0; background-size:20px 20px; text-indent:-9999px; }
.keyword-wrap .btn-center { padding:15px 0; text-align:center; background:#fff; }
.keyword-wrap .btn-center a { margin:0 2px; }
.keyword-wrap .btn-h30-gray { display:inline-block; width:120px; height:30px; line-height:30px; border:1px solid #dadada; background:#f5f5f5; box-sizing:border-box; font-size:.875em; text-align:center; }

/* 마이페이지 메인 */
.tag-list { margin-top:8px; padding:4px 8px 12px 12px; border-bottom:1px solid #bdc4cc; background:#fff; box-sizing:border-box; }
.tag-list ul:after { content:''; display:block; clear:both; }
.tag-list li { float:left; width:auto; height:26px; line-height:26px; margin-top:8px; margin-right:8px; padding:0 12px; border:1px solid #4f7dd1; border-radius:14px; box-sizing:border-box; }
.tag-list li a { display:block; color:#4f7dd1; font-size:.813em; }
.mall-both { overflow:hidden; margin-top:8px; border-bottom:1px solid #bdc4cc; background:#fff; }
.mall-both li { float:left; width:50%; height:40px; line-height:40px; box-sizing:border-box; }
.mall-both li:first-child { border-right:1px solid #bdc4cc; }
.mall-both li a { display:block; padding-left:45px; font-size:.688em; }
.mall-both li:nth-child(1) a { background:url(/img/v3/common/ico_bi_malltail.gif) no-repeat 12px 50%; background-size:25px 25px; }
.mall-both li:nth-child(2) a { background:url(/img/v3/common/ico_bi_vitatra.gif) no-repeat 12px 50%; background-size:25px 25px; }
.btn-single { margin-top:8px; background:#fff; border-bottom:1px solid #bdc4cc; }
.btn-execute { display:block; width:100%; height:48px; padding-top:12px; color:#fff; font-size:.688em; text-align:center;
background:#0e51a6;
background:linear-gradient(#0e51a6, #08388e);
background:-o-linear-gradient(#0e51a6, #08388e);
background:-moz-linear-gradient(#0e51a6, #08388e);
background:-webkit-linear-gradient(#0e51a6, #08388e);
}
.btn-execute span { display:block; background:url(/img/v3/common/bg_arr_right.png) no-repeat right 15px center; background-size:8px auto; }
.btn-execute strong { font-size:1.75em; letter-spacing:-1px; }
.mypage-sumup .step { overflow:hidden; margin-top:8px; padding:12px; background:#e9f9ff; border-bottom:1px solid #bdc4cc; }
.mypage-sumup .step dl { float:left; width:20%; }
.mypage-sumup .step dt { padding-top:30px; font-size:.625em; text-align:center; }
.mypage-sumup .step dl:nth-child(1) dt { background:url(/img/v3/common/bul_my_step1.gif) no-repeat 55% 0; background-size:auto 25px; }
.mypage-sumup .step dl:nth-child(2) dt { background:url(/img/v3/common/bul_my_step2.gif) no-repeat 50% 0; background-size:auto 25px; }
.mypage-sumup .step dl:nth-child(3) dt { background:url(/img/v3/common/bul_my_step3.gif) no-repeat 50% 0; background-size:auto 25px; }
.mypage-sumup .step dl:nth-child(4) dt { background:url(/img/v3/common/bul_my_step4.gif) no-repeat 50% 0; background-size:auto 25px; }
.mypage-sumup .step dl:nth-child(5) dt { background:url(/img/v3/common/bul_my_step5.gif) no-repeat 50% 0; background-size:auto 25px; }
.mypage-sumup .step dd { margin-top:8px; color:#666; font-size:1.375em; text-align:center; }
.mypage-sumup .btn-inquiry { float:left; display:block; width:100%; height:34px; line-height:34px; margin-top:10px; padding:0 10px; border:1px solid #bdc4cc; background:#fff url(/img/v3/common/ico_plus.gif) no-repeat right 10px center; background-size:12px 12px; box-sizing:border-box; font-size:.75em; }
.mypage-sumup .process { overflow:hidden; margin-top:8px; padding:12px; background:#e9f9ff; border-bottom:1px solid #bdc4cc; }
.mypage-sumup .process dl { float:left; width:25%; background:url(/img/v3/common/bg_arr_right.png) no-repeat 100% 50%; background-size:8px auto; }
.mypage-sumup .process dl:nth-child(4) { background:0; }
.mypage-sumup .process dt { padding-top:30px; font-size:.625em; text-align:center; }
.mypage-sumup .process dl:nth-child(1) dt { background:url(/img/v3/common/bul_mytail_step1.gif) no-repeat 50% 0; background-size:auto 25px; }
.mypage-sumup .process dl:nth-child(2) dt { background:url(/img/v3/common/bul_mytail_step2.gif) no-repeat 50% 0; background-size:auto 25px; }
.mypage-sumup .process dl:nth-child(3) dt { background:url(/img/v3/common/bul_mytail_step3.gif) no-repeat 50% 0; background-size:auto 25px; }
.mypage-sumup .process dl:nth-child(4) dt { background:url(/img/v3/common/bul_mytail_step4.gif) no-repeat 50% 0; background-size:auto 25px; }
.mypage-sumup .process dd { margin-top:8px; color:#666; font-size:1.375em; text-align:center; }
.mypage-sumup .lnks { overflow:hidden; background:#fff; }
.mypage-sumup .lnks li { float:left; position:relative; width:33.33%; height:40px; line-height:40px; border-right:1px solid #bdc4cc; border-bottom:1px solid #bdc4cc; box-sizing:border-box; }
.mypage-sumup .lnks li a { display:block; padding:0 12px; font-size:.75em; }
.mypage-sumup .lnks li a strong { position:absolute; top:0; right:12px; font-size:1.188em; }
.mypage-sumup .lnks.user { margin-top:8px; }
.mypage-sumup .lnks.user li a { text-align:center; }

/* 몰테일 툴바 */
#malltailToolbarTop { z-index:10; position:fixed; top:0; right:0; left:0; padding:0 55px; background:#fff; }
#malltailToolbarTop h1 { height:48px; line-height:48px; font-size:16px; text-align:center; }
#malltailToolbarTop .btn-bars,
#malltailToolbarTop .btn-close { top:0; position:absolute; width:48px; height:48px; text-indent:-9999px; }
#malltailToolbarTop .btn-bars { left:0; background:url(/img/v3/common/ico_hdr_bars.gif) no-repeat 50% 50%; background-size:17px auto; }
#malltailToolbarTop .btn-close { right:0; background:url(/img/v3/common/ico_hdr_close.gif) no-repeat 50% 50%; background-size:24px 24px; }
#malltailToolbarTop .btn-prev { position:absolute; top:0; left:0; width:55px; height:45px; background:url(/img/v3/toolbar/btn_page_prev.gif) no-repeat 50% 50%; background-size:19px auto; text-indent:-9999px; }
#malltailToolbarTop .btn-number { position:absolute; top:17px; right:20px; height:12px; line-height:12px; padding:0 8px; border:1px solid #4492cf; border-radius:2px; color:#4492cf; font-size:9px; font-weight:bold; }
#malltailToolbarTop .search { position:relative; margin:8px 0; padding:0 30px 0 5px; border:1px solid #36a2ef; box-sizing:border-box; }
#malltailToolbarTop .search input[type=text] { height:30px; line-height:32px; border:0; background:0; font-size:14px; }
#malltailToolbarTop .search .btn-search { position:absolute; top:0; right:0; width:30px; height:30px; background:url(/img/v3/toolbar/btn_page_reload.gif) no-repeat 50% 50%; background-size:15px 15px; text-indent:-9999px; }
#malltailToolbar { z-index:11; position:fixed; right:0; bottom:0; left:0; background:#fff; }
#malltailToolbar .tool-wrap { display:none; }
#malltailToolbar .tool-hd { height:32px; line-height:32px; padding:0 15px; background:#f5f5f5; border-top:1px solid #acacac; border-bottom:1px solid #acacac; }
#malltailToolbar .tool-hd h2 { float:left; color:#666; font-size:12px; font-weight:normal; }
#malltailToolbar .tool-hd .btn-setting { float:right; padding-left:20px; background:url(/img/v3/toolbar/ico_setting.gif) no-repeat 0 50%; background-size:16px 16px; color:#666; font-size:12px; }
#malltailToolbar .tool-body { padding:0 10px 25px; background:#e9f9ff; }
#malltailToolbar .tool-body ul { overflow:hidden; }
#malltailToolbar .tool-body li { float:left; width:25%; }
#malltailToolbar .tool-body li a { display:block; padding-top:50px; color:#666; font-size:11px; text-align:center; }
#malltailToolbar .tool-body li:nth-child(1) a { background:url(/img/v3/toolbar/ico_navi1.gif) no-repeat 50% 20px; background-size:18px auto; }
#malltailToolbar .tool-body li:nth-child(2) a { background:url(/img/v3/toolbar/ico_navi2.gif) no-repeat 50% 20px; background-size:20px auto; }
#malltailToolbar .tool-body li:nth-child(3) a { background:url(/img/v3/toolbar/ico_navi3.gif) no-repeat 50% 20px; background-size:24px auto; }
#malltailToolbar .tool-body li:nth-child(4) a { background:url(/img/v3/toolbar/ico_navi4.gif) no-repeat 50% 24px; background-size:26px auto; }
#malltailToolbar .tool-body li:nth-child(5) a { background:url(/img/v3/toolbar/ico_navi5.gif) no-repeat 50% 20px; background-size:23px auto; }
#malltailToolbar .tool-body li:nth-child(6) a { background:url(/img/v3/toolbar/ico_navi6.gif) no-repeat 50% 20px; background-size:27px auto; }
#malltailToolbar .tool-body li:nth-child(7) a { background:url(/img/v3/toolbar/ico_navi7.gif) no-repeat 50% 20px; background-size:23px auto; }
#malltailToolbar .tool-body li:nth-child(8) a { background:url(/img/v3/toolbar/ico_navi8.gif) no-repeat 50% 20px; background-size:23px auto; }
#malltailToolbar .tool-body li a { padding-top:50px; }
#malltailToolbar .tool-ft { background:#e9f9ff; border-top:1px solid #999; }
#malltailToolbar .tool-ft ul { overflow:hidden; }
#malltailToolbar .tool-ft li { float:left; width:14.28%; }
#malltailToolbar .tool-ft li a { display:block; height:35px; line-height:35px; color:#000; font-size:12px; text-align:center; text-indent:-9999px; }
#malltailToolbar .tool-ft li:nth-child(1) a { background:url(/img/v3/toolbar/ico_malltail.gif) no-repeat 50% 50%; background-size:18px auto; }
#malltailToolbar .tool-ft li:nth-child(2) a { background:url(/img/v3/toolbar/ico_left.gif) no-repeat 50% 50%; background-size:8px auto; }
#malltailToolbar .tool-ft li:nth-child(3) a { background:url(/img/v3/toolbar/ico_right.gif) no-repeat 50% 50%; background-size:8px auto; }
#malltailToolbar .tool-ft li:nth-child(4) a { background:url(/img/v3/toolbar/ico_barotalk.gif) no-repeat 50% 50%; background-size:16px 16px; }
#malltailToolbar .tool-ft li:nth-child(5) a { background:url(/img/v3/toolbar/ico_bookmark.gif) no-repeat 50% 50%; background-size:15px auto; }
#malltailToolbar .tool-ft li:nth-child(6) a { background:url(/img/v3/toolbar/ico_share.gif) no-repeat 50% 50%; background-size:15px auto; }
#malltailToolbar .tool-ft li:nth-child(7) a { background:url(/img/v3/toolbar/ico_more.gif) no-repeat 50% 50%; background-size:15px auto; }
#bookmarkListPopup { display:none; z-index:12; overflow:hidden; position:fixed; top:76px; right:0; bottom:0; left:0; background:#fff; }
#bookmarkListPopup h2 { z-index:2; position:fixed; top:0; right:0; left:0; height:38px; line-height:38px; border-bottom:1px solid #bdc4cc; background:#f5f5f5; color:#000; font-size:15px; text-align:center; }
#bookmarkListPopup .btn-close { z-index:2; position:fixed; top:9px; right:12px; width:20px; height:20px; background:url(/img/v3/toolbar/btn_h40_close.gif) no-repeat 0 0; background-size:20px 20px; text-indent:-9999px; }
#bookmarkListPopup .title { z-index:2; position:fixed; top:38px; right:0; left:0; height:38px; line-height:38px; padding:0 15px; background:#e4e8ec; color:#666; font-size:12px; }
#bookmarkListPopup .title em { color:#4f7dd1; }
#bookmarkListPopup .lst { position:relative; height:100%; overflow-x:hidden; overflow-y:scroll; }
#bookmarkListPopup .lst li { position:relative; min-height:34px; padding:12px 35px 12px 15px; border-bottom:1px solid #ececec; }
#bookmarkListPopup .lst li.img { padding-left:72px; }
#bookmarkListPopup .lst li a { display:block; }
#bookmarkListPopup .lst li .lnk { width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }
#bookmarkListPopup .lst li .url { margin-top:4px; color:#999; font-size:11px; }
#bookmarkListPopup .lst li .btn { position:absolute; top:0; right:0; width:35px; height:100%; background:url(/img/v3/toolbar/ico_control.gif) no-repeat 50% 50%; background-size:3px auto; text-indent:-9999px; }
#bookmarkListPopup .lst li .tmb { position:absolute; top:5px; left:15px; width:48px; height:48px; border:1px solid #ededed; box-sizing:border-box; text-align:center; }
#bookmarkListPopup .lst li .box { display:none; z-index:2; overflow:hidden; position:absolute; top:10px; right:30px; width:65px; padding:5px 0; background:#fafafa; border:1px solid #ccc; border-radius:3px; box-shadow:0 2px 4px #ccc; }
#bookmarkListPopup .lst li .box a { float:left; width:100%; height:30px; line-height:30px; font-size:14px; text-align:center; }
#bookmarkList { overflow:hidden; background:#fff; }
#bookmarkList .title { z-index:2; height:38px; line-height:38px; padding:0 15px; background:#e4e8ec; color:#666; font-size:12px; }
#bookmarkList .title em { color:#4f7dd1; }
#bookmarkList .lst { position:relative; height:100%; overflow-x:hidden; overflow-y:scroll; }
#bookmarkList .lst li { position:relative; min-height:34px; padding:12px 35px 12px 15px; border-bottom:1px solid #ececec; }
#bookmarkList .lst li.img { padding-left:72px; }
#bookmarkList .lst li a { display:block; }
#bookmarkList .lst li .lnk { width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }
#bookmarkList .lst li .url { margin-top:4px; color:#999; font-size:11px; }
#bookmarkList .lst li .btn { position:absolute; top:0; right:0; width:35px; height:100%; background:url(/img/v3/toolbar/ico_control.gif) no-repeat 50% 50%; background-size:3px auto; text-indent:-9999px; }
#bookmarkList .lst li .tmb { position:absolute; top:5px; left:15px; width:48px; height:48px; border:1px solid #ededed; box-sizing:border-box; text-align:center; }
#bookmarkList .lst li .box { display:none; z-index:2; overflow:hidden; position:absolute; top:10px; right:30px; width:65px; padding:5px 0; background:#fafafa; border:1px solid #ccc; border-radius:3px; box-shadow:0 2px 4px #ccc; }
#bookmarkList .lst li .box a { float:left; width:100%; height:30px; line-height:30px; font-size:14px; text-align:center; }

/* 검색 */
.lab-red { display:inline-block; min-width:36px; height:15px; line-height:16px; padding:0 7px; background:#e64242; color:#fff; font-size:10px; font-weight:bold; letter-spacing:-1px; text-align:center; }
.lab-gray { display:inline-block; height:15px; line-height:16px; padding:0 7px; background:#8eadc1; color:#fff; font-size:10px; font-weight:bold; letter-spacing:-1px; text-align:center; }
.lab-wine { display:inline-block; height:15px; line-height:16px; padding:0 7px; background:#9f4c5c; color:#fff; font-size:10px; font-weight:bold; letter-spacing:-1px; text-align:center; }
.lab-green { display:inline-block; height:15px; line-height:16px; padding:0 7px; background:#6ba560; color:#fff; font-size:10px; font-weight:bold; letter-spacing:-1px; text-align:center; }
.search-txt { padding:14px 0 12px 15px; color:#666; font-size:.75em; }
.search-none { padding:85px 0 25px; background:url(/img/v3/btn/h92_search.png) no-repeat 50% 25px; background-size:47px auto; color:#666; font-size:.875em; text-align:center; }
.search-none.abs { position:absolute; top:50%; right:0; left:0; transform:translateY(-25%); }
.search-category { position:relative; padding:15px 0; background:#fff; border-bottom:1px solid #bdc4cc; }
.search-category a { float:left; width:auto; height:26px; line-height:26px; margin:0 4px; padding:0 12px; border:1px solid #4f7dd1; border-radius:14px; box-sizing:border-box; color:#4f7dd1; font-size:.813em; }
.search-category a:first-child { margin-left:10px; }
.search-category a:last-child { margin-right:10px; }
.search-tip { overflow:hidden; height:42px; padding:0 20px 0 10px; font-size:.75em; background:#fff; }
.search-tip a { position:relative; display:inline-block; height:42px; line-height:44px; }
.search-tip em { display:inline-block; height:16px; line-height:18px; margin-right:5px; padding:0 8px; border:1px solid #ff403c; border-radius:9px; color:#ff403c; font-weight:bold; }
.search-tip span { position:absolute; top:0; right:-8px; width:5px; height:100%; background:url(/img/v3/common/bg_arr_right_black.gif) no-repeat 0 50%; background-size:5px auto; }
.bner-wrap { overflow:hidden; position:relative; }
.bner-wrap dl { position:absolute; top:18px; left:20px; }
.bner-wrap dt { font-size:.875em; font-weight:bold; }
.bner-wrap dt span { position:relative; top:-1px; display:inline-block; height:14px; line-height:15px; padding:0 2px; border:1px solid #e64242; color:#e64242; font-size:.688em; letter-spacing:-1px; }
.bner-wrap dd { margin-top:8px; color:#666; font-size:.75em; line-height:1.5; }
.bner-wrap dd .price { margin-top:6px; color:#000; font-size:1.063em; }
.bner-wrap dd .price em { color:#d72c28; }
.bner-wrap dd .price em strong { font-size:1.063em; }
.recommend-items { margin-top:8px; }
.recommend-items h2 { height:38px; line-height:40px; padding-left:15px; background:#fff; border-bottom:1px solid #ddd; font-size:.875em; }
.recommend-items li { position:relative; margin-top:4px; background:#fff; border-bottom:1px solid #bdc4cc; }
.recommend-items li:first-child { margin-top:0; }
.recommend-items li .tmb { position:absolute; top:8px; left:15px; width:80px; height:80px; border:1px solid #ededed; box-sizing:border-box; text-align:center; }
.recommend-items li .prd-info { min-height:75px; padding:13px 8px 13px 110px; }
.recommend-items li .prd-info dt { margin-top:2px; font-size:.813em; }
.recommend-items li .prd-info dd .prd-price { margin-top:6px; color:#4f7dd1; text-decoration:underline; }
.recommend-items li .prd-info dd .prd-mall { margin-top:8px; color:#666; font-size:.75em; }
.recommend-items li .prd-point { position:relative; padding:10px 10px 8px 15px; border-top:1px solid #ddd; color:#666; font-size:.75em; }
.recommend-items li .prd-point em { display:inline-block; height:14px; line-height:15px; margin-right:5px; padding:0 6px; border:1px solid #666; border-radius:8px; font-size:.813em; }
.recommend-items li .prd-point span { position:absolute; top:-8px; left:42px; width:14px; height:8px; background:url(/img/v3/common/bg_arr_top.gif) no-repeat 0 0; background-size:14px 8px; }
.best-items { margin-top:8px; background:#fff; border-bottom:1px solid #bdc4cc; }
.best-items h2 { height:38px; line-height:40px; padding-left:15px; border-bottom:1px solid #ddd; font-size:.875em; }
.best-items li { position:relative; background:#fff; border-bottom:1px solid #ececec; }
.best-items li:last-child { border-bottom:0; }
.best-items li .tmb { position:absolute; top:12px; left:10px; width:70px; height:70px; border:1px solid #ededed; box-sizing:border-box; text-align:center; }
.best-items li .prd-info { min-height:70px; padding:12px 10px 12px 90px; }
.best-items li .prd-info dt { margin-top:5px; font-size:.813em; }
.best-items li .prd-info dd .prd-price { margin-top:2px; color:#4f7dd1; font-size:.938em; text-decoration:underline; }
.realtime-items { margin-top:8px; background:#fff; border-bottom:1px solid #bdc4cc; }
.realtime-items h2 { height:42px; line-height:46px; padding-left:15px; border-bottom:1px solid #ddd; font-size:.875em; }
.realtime-items h2 em { color:#4f7dd1; }
.realtime-items h2 img { position:relative; top:18px; width:45px; height:13px; }
.realtime-items .ranking { overflow:hidden; }
.realtime-items .ranking li { position:relative; }
.realtime-items .ranking li a { display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:44px; line-height:44px; padding:0 35px 0 15px; border-bottom:1px solid #ebebeb; box-sizing:border-box; color:#666; font-size:.813em; }
.realtime-items .ranking.best li a { background:url(/img/v3/common/bg_arr_right_gray.gif) no-repeat right 20px center; background-size:7px auto; }
.realtime-items .ranking li:last-child a { border-bottom:0; }
.realtime-items .ranking li a em { display:inline-block; margin-right:10px; color:#1a73e1; text-align:center; }
.realtime-items .ranking li a strong { color:#000; }
.realtime-items .ranking li a em span { font-style:italic; }
.realtime-items .ranking li a em strong { color:#1a73e1; }
.realtime-items .ranking li .rank { position:absolute; top:0; right:15px; color:#000; font-size:.75em; line-height:40px; }
.basic-items { margin-top:8px; background:#fff; border-bottom:1px solid #bdc4cc; }
.basic-items h2 { height:38px; line-height:40px; padding-left:15px; border-bottom:1px solid #ddd; font-size:.875em; }
.basic-items h2 em { color:#4f7dd1; }
.basic-items li { position:relative; min-height:80px; padding:12px 10px 12px 105px; background:#fff; border-bottom:1px solid #ececec; }
.basic-items li:last-child { border-bottom:0; }
.basic-items li .tmb { position:absolute; top:12px; left:15px; width:80px; height:80px; border:1px solid #ededed; box-sizing:border-box; text-align:center; }
.basic-items li .prd-info { margin-top:10px; }
.basic-items li .prd-info dt { font-size:.875em; }
.basic-items li .prd-info dd { margin-top:2px; font-size:.813em; }
.basic-items li .prd-price { display:inline-block; margin-top:6px; font-size:16px; text-decoration:underline; }
.basic-items li .prd-cate { margin-top:10px; margin-bottom:-5px; color:#4f7dd1; font-size:.688em; }
.basic-items li .prd-date { margin-top:10px; color:#999; font-size:.688em; }
.basic-items li .prd-count { position:absolute; right:15px; bottom:15px; font-size:.688em; }
.basic-items li .prd-count a { float:left; margin-left:10px; }
.basic-items li .prd-share { width:14px; height:14px; background:url(/img/v3/common/bul_prd_share.gif) no-repeat 0 0; background-size:14px 14px; }
.basic-items li .prd-discount { margin-top:10px; color:#e64242; font-size:.75em; font-weight:bold; }
.basic-items li .prd-discount em { font-size:1.25em; }
.basic-items li .prd-bookmark { position:absolute; right:15px; top:20px; width:16px; height:16px; background:url(/img/v3/common/bul_prd_bookmark.gif) no-repeat 0 0; background-size:16px 16px; color:#666; text-indent:-9999px; }
.basic-items li .prd-bookmark.on { background-image:url(/img/v3/common/bul_prd_bookmark_on.gif); }
.basic-items li .price { margin-top:2px; color:#999; font-size:.75em; }
.basic-items li .sale-price { display:inline-block; margin-top:8px; color:#4f7dd1; font-size:12px; border-bottom:1px solid #4f7dd1; line-height:1; }
.basic-items li .sale-price strong { font-size:16px; }
.basic-items li .prd-rise,
.basic-items li .prd-drop { position:absolute; right:15px; bottom:12px; font-size:.75em; font-weight:bold; }
.basic-items.lego-items li .prd-info { margin-top:2px; }
.basic-items.lego-items li .prd-info dt { font-weight:bold; }
.basic-items.relation-items li { margin-left:40px; padding-left:90px; }
.basic-items.relation-items li .prd-info { margin-top:17px; }
.basic-items.relation-items li .num { position:absolute; top:50%; left:-35px; width:35px; margin-top:-10px; font-size:.625em; text-align:center; line-height:1; }
.basic-items.relation-items li .num em { font-size:1.875em; }
.basic-items.relation-items li .tmb { left:0; }
.basic-items.relation-items li dt { margin-top:10px; }
.basic-items.hot-items li dt { margin-top:10px; }
.board-list { position:relative; margin-top:8px; background:#fff; border-bottom:1px solid #bdc4cc; }
.board-list h2 { height:38px; line-height:40px; padding-left:15px; border-bottom:1px solid #ddd; font-size:.875em; }
.board-list h2 em { color:#4f7dd1; }
.board-list .sort { position:absolute; top:8px; right:10px; }
.board-list select { position:absolute; top:8px; right:15px; width:70px; height:24px; line-height:24px; color:#666; font-size:.688em; }
.board-list li { padding:10px 10px 10px 15px; border-bottom:1px solid #ddd; }
.board-list li:last-child { border-bottom:0; }
.board-list li dl em { color:#ff5552; }
.board-list li dt { width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.875em; font-weight:bold; letter-spacing:-1px; }
.board-list li dd { margin-top:4px; font-size:.75em; line-height:1.5; }
.board-list li .info { position:relative; margin-top:4px; color:#999; font-size:.625em; line-height:20px; }
.board-list li .info strong { display:inline-block; margin-right:4px; padding-right:8px; background:url(/img/v3/common/bg_vline.gif) no-repeat 100% 50%; background-size:1px 10px; font-size:12px; }
.board-list li .info em { position:absolute; top:0; right:5px; padding-left:16px; background:url(/img/v3/common/bul_prd_review.gif) no-repeat scroll 0 50%; background-size:auto 14px; color:#999; font-size:12px; }
.pay-btns { overflow:hidden; margin-top:8px; padding:10px 5px; background:#fff; border-bottom:1px solid #bdc4cc; }
.pay-btns li { float:left; width:33.33%; }
.pay-btns li a { display:block; height:32px; line-height:32px; margin:0 3px; border:1px solid #ccc; box-sizing:border-box; color:#b2b2b2; font-size:.75em; font-weight:bold; letter-spacing:-1px; text-align:center; }
.pay-btns li.now a { border:1px solid #1a73e1; color:#1a73e1; }
.prd-title { padding:18px 15px; background:#fff; border-bottom:1px solid #bdc4cc; text-align:center; }
.prd-title h2 { font-size:1em; }
.prd-about { margin-top:8px; padding:17px 12px 22px; background:#fff; border-bottom:1px solid #bdc4cc; }
.prd-about h2 { margin-top:15px; font-size:1.125em; text-align:center; }
.prd-about .tit { font-size:.875em; font-weight:bold; text-align:center; }
.prd-about .txt { margin-top:4px; font-size:.75em; text-align:center; }
.prd-about .tmb { margin-top:15px; text-align:center; }
.prd-about .tmb img { width:155px; border:1px solid #ededed; box-sizing:border-box; }
.prd-about .price { margin-top:8px; text-align:center; }
.prd-about .price em { color:#e64242; font-size:1em; border-bottom:1px solid #e64242; }
.prd-about .btns { position:relative; overflow:hidden; margin-top:12px; padding-right:46px; }
.prd-about .btns .btn-buy { display:block; height:42px; line-height:42px; padding-left:46px; background:#3985e3; color:#fff; font-size:.875em; text-align:center; }
.prd-about .btns .btn-share { position:absolute; top:0; right:0; width:46px; height:42px; background:#2b73cd url(/img/v3/common/ico_prd_share.png) no-repeat 50% 50%; background-size:15px 15px; text-indent:-9999px; }
.price-diff { position:relative; background:#fff; }
.price-diff h2 { height:38px; line-height:40px; padding-left:15px; border-bottom:1px solid #ddd; font-size:.875em; }
.price-diff h2 span { color:#4f7dd1; font-size:.938em; font-weight:normal; }
.price-diff .sort { position:absolute; top:0; right:15px; line-height:38px; }
.price-diff .sort a { float:left; margin-right:7px; padding-right:8px; background:url(/img/v3/common/bg_vline.gif) no-repeat 100% 50%; background-size:1px 10px; color:#999; font-size:.75em; }
.price-diff .sort a:last-child { margin-right:0; padding-right:0; background:0; }
.price-diff .sort a.now { color:#000; font-weight:bold; }
.price-diff li { overflow:hidden; position:relative; padding:12px 15px 10px; border-bottom:1px solid #bdc4cc; }
.price-diff li p { position:relative; float:left; width:50%; }
.price-diff li p.name { font-size:.75em; }
.price-diff li p.price { text-align:right; font-size:.875em; }
.price-diff li p span { position:absolute; top:0; }
.price-diff li p.name span { left:45%; }
.price-diff li p.price span { right:55%; }
.price-analyze { position:relative; margin-top:8px; background:#fff; }
.price-analyze h2 { height:38px; line-height:40px; padding-left:15px; font-size:.875em; }
.price-analyze > a { position:absolute; top:0; right:0; width:40px; height:38px; background:url(/img/v3/common/bul_arr_bottom.gif) no-repeat 50% 50%; background-size:10px auto; text-indent:-9999px; }
.price-analyze > a.btn-hide { background-image:url(/img/v3/common/bul_arr_top.gif); }
.price-analyze .both { overflow:hidden; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.price-analyze .both dl { float:left; width:50%; padding:15px 0; border-right:1px solid #ddd; box-sizing:border-box; text-align:center; }
.price-analyze .both dl:last-child { border-right:0; }
.price-analyze .both dt { font-size:.75em; }
.price-analyze .both dd { margin-top:4px; font-size:1em; font-weight:bold; }
.price-analyze .both dd em { color:#d54747; font-size:1.063em; }
.price-analyze .graph-wrap { display:none; }
.price-analyze .graph-wrap .btn-close { display:block; height:30px; line-height:30px; background:#a9b0bb; border-bottom:1px solid #bdc4cc; text-align:center; }
.price-analyze .graph-wrap .btn-close span { display:inline-block; padding-left:20px; background:url(/img/v3/btn/h27_close.png) no-repeat 0 45%; background-size:14px auto; color:#fff; font-size:12px; }
.price-analyze .graph { padding:15px; }
.price-analyze ul { margin-top:15px; }
.price-analyze li { overflow:hidden; padding:12px 20px 10px; border-bottom:1px solid #ccc; background:#e4e8ec; }
.price-analyze li:last-child { border-bottom:1px solid #bdc4cc; }
.price-analyze li p { float:left; width:25%; font-size:.875em; }
.price-analyze li p.price { width:50%; text-align:center; }
.price-analyze li p.price span { font-size:1.063em; }
.price-analyze li p.date { color:#b2b2b2; font-size:.75em; text-align:right; }
.search-data { overflow:hidden; margin-top:8px; background:#fff; border-bottom:1px solid #bdc4cc; }
.search-data dl { float:left; width:50%; box-sizing:border-box; }
.search-data dl:first-child { border-right:1px solid #ccc; }
.search-data dt,
.search-data dd { height:40px; line-height:40px; text-align:center; }
.search-data dt { font-size:.813em; border-bottom:1px solid #ccc; }
.search-data dt img { width:13px; margin-top:16px; }
.search-data dd { font-size:.875em; }
.lego-about { position:relative; padding:15px 15px 10px; background:#fff; border-bottom:1px solid #bdc4cc; text-align:center; }
.lego-about h2 { margin-top:10px; font-size:1.063em; text-align:center; }
.lego-about .btn-bookmark { position:absolute; top:50%; right:30px; width:30px; height:30px; margin-top:-30px; border:1px solid #ccc; background:#fff url(/img/v3/common/bul_prd_bookmark.gif) no-repeat 50% 50%; background-size:16px 16px; text-indent:-9999px; }
.lego-about .tit { font-size:1.063em; font-weight:bold; text-align:center; line-height:24px; }
.lego-about .tit img { width:24px; }
.lego-about .tmb { margin-top:15px; text-align:center; }
.lego-about .tmb img { width:155px; border:1px solid #ededed; box-sizing:border-box; }
.lego-about .price { display:inline-block; margin-top:5px; color:#999; font-size:.813em; }
.lego-about .sale-price { display:inline-block; margin-top:5px; color:#4f7dd1; font-size:.938em; border-bottom:1px solid #4f7dd1; }
.lego-about .sale-price strong { font-size:1.25em; }
.lego-rate { padding:10px; background:#fff; border-bottom:1px solid #bdc4cc; text-align:center; }
.lego-rate .prd-rise,
.lego-rate .prd-drop { background-position:0 1px; font-size:.813em; }

/* 북마크 레이어 */
#bookmarkLayer { display:none; z-index:12; position:absolute; top:48px; right:0; left:0; background:#fff; }
.bookmark-list { overflow-x:hidden; overflow-y:scroll; height:276px; }
.bookmark-list li { border-bottom:1px solid #ececec; background:url(/img/v3/common/bul_label_right.gif) no-repeat right 20px center; background-size:6px auto; }
.bookmark-list li a { display:block; padding:10px 10px 10px 20px; font-size:.813em; line-height:25px; }
.bookmark-list li a img { width:60px; height:25px; margin-right:5px; }

/* 레이어 팝업 */
.popup-wrap { display:none; z-index:12; position:absolute; top:50%; right:25px; left:25px; margin-top:-100px; background:#fff; }
.popup-wrap h2 { height:44px; line-height:46px; border-bottom:1px solid #bdc4cc; color:#000; font-size:16px; text-align:center; }
.popup-wrap .btn-close { position:absolute; top:12px; right:12px; width:20px; height:20px; background:url(/img/v3/toolbar/btn_h40_close.gif) no-repeat 0 0; background-size:20px 20px; text-indent:-9999px; outline:0; }
.popup-wrap .popup-body { margin:0 15px 15px; }
.popup-wrap .ment { padding:20px 10px; font-size:13px; text-align:center; }
.popup-wrap .frm ul { padding:5px 15px 15px; }
.popup-wrap .frm li { position:relative; margin-top:10px; padding-left:30px; }
.popup-wrap .frm li span { position:absolute; top:0; left:0; font-size:13px; line-height:32px; }
.popup-wrap .frm li input[type=text] { height:32px; line-height:34px; font-size:13px; }
.popup-wrap .btns { overflow:hidden; }
.popup-wrap .btns a { float:left; width:50%; height:44px; line-height:46px; background:#3985e3; color:#fff; font-size:15px; text-align:center; }
.popup-wrap .btns a:first-child { background:#3e4c59; }
.popup-wrap .btns.single a { width:100%; background:#3985e3; }
.popup-wrap .share { overflow:hidden; margin-top:15px; }
.popup-wrap .share li { float:left; width:25%; }
.popup-wrap .share li a { display:block; width:54px; height:54px; margin:0 auto; background-repeat:no-repeat; background-position:0 0; background-size:54px 54px; text-indent:-9999px; }
.popup-wrap .share li.kakaotalk a { background-image:url(/img/v3/common/ico_sns_kakaotalk_off.png); }
.popup-wrap .share li.kakaotalk.on a { background-image:url(/img/v3/common/ico_sns_kakaotalk.png); }
.popup-wrap .share li.line a { background-image:url(/img/v3/common/ico_sns_line_off.png); }
.popup-wrap .share li.line.on a { background-image:url(/img/v3/common/ico_sns_line.png); }
.popup-wrap .share li.facebook a { background-image:url(/img/v3/common/ico_sns_facebook_off.png); }
.popup-wrap .share li.facebook.on a { background-image:url(/img/v3/common/ico_sns_facebook.png); }
.popup-wrap .share li.twitter a { background-image:url(/img/v3/common/ico_sns_twitter_off.png); }
.popup-wrap .share li.twitter.on a { background-image:url(/img/v3/common/ico_sns_twitter.png); }
.popup-wrap .copy { position:relative; margin-top:12px; }
.popup-wrap .copy input[type=text] { height:32px; line-height:34px; padding-right:62px; font-size:13px; }
.popup-wrap .copy .btn-copy { position:absolute; top:0; right:0; width:62px; height:32px; line-height:32px; background:#3e4c59; color:#fff; font-size:.75em; font-weight:bold; text-align:center; }
.popup-wrap .lst { padding:10px 15px 20px; }
.popup-wrap .lst li { margin-top:10px; font-size:13px; }
.popup-wrap label input[type=checkbox] + span:before { background-image:url(/img/v3/common/bul_radio_red.png); }
.popup-wrap label input[type=checkbox]:checked + span:before { background-image:url(/img/v3/common/bul_radio_red_on.png); }
.popup-wrap .transport { margin:25px 0; text-align:center; }
.popup-wrap .transport p { font-size:13px; }
.popup-wrap .transport ul { overflow:hidden; margin-top:15px; }
.popup-wrap .transport li { float:left; width:50%; padding:0 5px; box-sizing:border-box; }
.popup-wrap .transport li span { width:100%; padding:60px 0 10px; box-sizing:border-box; }
.popup-wrap .transport li.flight span { background:url(/img/v3/common/ico_flight.gif) no-repeat 50% 20px; background-size:55px auto; }
.popup-wrap .transport li.ship span { background:url(/img/v3/common/ico_ship.gif) no-repeat 50% 15px; background-size:30px auto; }
.popup-wrap .transport li label { width:100%; }
.popup-wrap .transport li label input[type=radio] + span { margin-right:0; border:1px solid #ccc; border-radius:3px; color:#1a73e1; font-size:13px; }
.popup-wrap .transport li label input[type=radio]:checked + span { border:1px solid #1a73e1; }
.popup-wrap .transport li label input[type=radio] + span:before { top:7px; left:7px; width:22px; height:22px; background-image:url(/img/v3/common/ico_radio.png); background-size:22px auto; }
.popup-wrap .transport li label input[type=radio]:checked + span:before { background-image:url(/img/v3/common/ico_radio_blue.png); background-size:22px auto; }
.popup-wrap .sync { margin:15px 0; }
.popup-wrap .sync p { margin-top:10px; font-size:14px; text-align:center; white-space:nowrap; }
.popup-wrap .sync dl { overflow:hidden; margin:15px 15px 0; padding:12px 32px 0; border-top:1px solid #e6e6e6; }
.popup-wrap .sync dl dt,
.popup-wrap .sync dl dd { float:left; }
.popup-wrap .sync dl dt { width:45%; font-size:14px; line-height:34px; }
.popup-wrap .sync dl dd { width:55%; }
.popup-wrap .sync dl dd a { display:block; width:100%; height:32px; line-height:34px; background:#f7f7f7; border:1px solid #ccc; box-sizing:border-box; font-size:14px; text-align:center; }
.popup-wrap .blank { padding:15px 0; background:#e4e8ec; }
.popup-wrap .blank-w { padding:15px; border-top:1px solid #ccc; }
.popup-wrap .blank-w p { font-size:14px; }
.popup-wrap .blank-w input[type=text] { height:34px; line-height:36px; margin-top:10px; font-size:13px; }
.popup-wrap .blank-w li { padding-left:9px; text-indent:-9px; color:#999; font-size:12px; }
.popup-wrap .receipt-top { position:absolute; top:-4px; right:0; left:0; height:4px; background:url(/img/v3/common/bg_receipt.png) repeat-x 0 0 / 13px auto; }
.popup-wrap .receipt-btm { position:absolute; right:0; bottom:-4px; left:0; height:4px; background:url(/img/v3/common/bg_receipt_bottom.png) repeat-x 0 0 / 13px auto; }
.popup-wrap .receipt-top span,
.popup-wrap .receipt-btm span { position:absolute; top:0; left:0; width:27px; height:4px; background:#fff; }
.popup-wrap .receipt-top span+span,
.popup-wrap .receipt-btm span+span { left:auto; right:0; }
.popup-wrap .receipt { padding:0 20px 30px; }
.popup-wrap .receipt dt { margin-top:20px; color:#999; font-size:12px; }
.popup-wrap .receipt dd { margin-top:5px; border-top:1px dashed #cdcdcd; }
.popup-wrap .receipt dd ul { padding-top:5px; }
.popup-wrap .receipt dd li { position:relative; margin-top:10px; padding-left:6px; background:url(/img/v3/common/bul_sqr.gif) no-repeat 0 45% / 2px auto; color:#4c4c4c; font-size:14px; }
.popup-wrap .receipt dd li span { position:absolute; top:0; right:0; color:#000; }
.popup-wrap .receipt dd li.total { padding-left:0; padding-top:8px; background:0; border-top:1px dashed #cdcdcd; color:#000; font-size:16px; font-weight:bold; }
.popup-wrap .receipt dd li.total span { top:8px; color:#1a73e1; font-size:18px; letter-spacing:-1px; }
#syncPopup { border:1px solid #3985e3; }
#syncConfirmPopup .sync { margin:35px 0; }

/* 튜토리얼 */
.tutorial { display:none; z-index:12; position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0, 0, 0, 0.75); }
.tutorial .swiper-container,
.tutorial .swiper-wrapper,
.tutorial .swiper-slide { height:100%; }
.tutorial#mainGuide .swiper-pagination { bottom:25px; }
.tutorial#toolbarGuide .swiper-pagination { bottom:50px; }
.tutorial .swiper-pagination { right:0; width:100px !important; margin:0 auto; }
.tutorial .swiper-pagination .swiper-pagination-bullet { width:6px; height:6px; background-color:#b3b3b3; opacity:1; }
.tutorial .swiper-pagination .swiper-pagination-bullet-active { background-color:#53a0ff; }
.tutorial .btn-start { position:absolute; right:0; bottom:140px; left:0; width:229px; height:50px; margin:0 auto; background:url(/img/v3/tutorial/btn_start.gif) no-repeat 50% 0; background-size:229px 50px; text-indent:-9999px; }
.tutorial .btn-skip { position:absolute; right:0; bottom:0; width:100px; height:50px; background:url(/img/v3/tutorial/btn_skip.png) no-repeat 50% 50%; background-size:62px auto; text-indent:-9999px; }
.tutorial .btn-nomore { position:absolute; right:0; bottom:110px; left:0; width:86px; height:15px; margin:0 auto; background:url(/img/v3/tutorial/btn_no_more.png) no-repeat 50% 0; background-size:86px 15px; text-indent:-9999px; }
.tutorial .main-slide1 { background:url(/img/v3/tutorial/bg_main1_1.png) no-repeat 50% 0; background-size:100% auto; }
.tutorial .main-slide1 .bottom { position:absolute; right:0; bottom:22px; left:0; width:100%; height:100%; background:url(/img/v3/tutorial/bg_main1_2.png) no-repeat 50% 100%; background-size:100% auto; text-indent:-9999px; }
.tutorial .main-slide2 { background:url(/img/v3/tutorial/bg_main2.png) no-repeat 50% 0; background-size:100% auto; }
.tutorial .main-slide3 { background:url(/img/v3/tutorial/bg_main3.png) no-repeat 50% 170px; background-size:100% auto; }
.tutorial .main-slide4 { background:url(/img/v3/tutorial/bg_main4.png) no-repeat 50% 35%; background-size:100% auto; }
.tutorial .toolbar-slide1 { background:url(/img/v3/tutorial/bg_toolbar1.png) no-repeat 50% 25%; background-size:85% auto; }
.tutorial .toolbar-slide1 .bottom { position:absolute; right:0; bottom:0; left:0; width:100%; height:100%; background:url(/img/v3/tutorial/bg_toolbar_bottom.png) no-repeat 50% 100%; background-size:100% auto; text-indent:-9999px; }
.tutorial .toolbar-slide2 { background:url(/img/v3/tutorial/bg_toolbar2.png) no-repeat 50% 75%; background-size:100% auto; }
.tutorial .toolbar-slide3 { background:url(/img/v3/tutorial/bg_toolbar3.png) no-repeat 50% 35%; background-size:100% auto; }
.tutorial .btn-close { position:absolute; top:20px; right:20px; width:22px; height:22px; background:url(/img/v3/btn/h40_close.png) no-repeat 0 0; background-size:22px 22px; text-indent:-9999px; }
.tutorial .sync dl { position:absolute; top:90px; left:30px; }
.tutorial .sync dt { display:inline-block; border-bottom:1px solid #fff; color:#fff; font-size:22px; line-height:1; letter-spacing:-2px; }
.tutorial .sync dd { margin-top:8px; color:#bfbfbf; font-size:16px; line-height:1.5; letter-spacing:-1px; }
.tutorial .sync dd .btn-blue { width:70px; height:32px; line-height:34px; margin-top:15px; font-size:14px; }
.tutorial .sync .btn-nomore { right:15px; bottom:15px; left:auto; }

/* 오류 페이지 */
#blank .error { position:absolute; top:50%; right:0; left:0; margin-top:-155px; padding-top:120px; background:url(/img/v3/common/bg_warning.png) no-repeat 50% 0; background-size:106px auto; text-align:center; }
#blank .error dt { font-size:20px; font-weight:bold; }
#blank .error dd { margin-top:10px; color:#999; font-size:12px; line-height:1.5; }
#blank .error .btns { margin-top:20px; }
#blank .error .btns a { display:inline-block; width:140px; height:42px; line-height:44px; margin:0 2px; background:#eff1f4; color:#666; font-size:14px; }

/* 카테고리 설정 */
#grouping { z-index:12; position:fixed; top:0; right:0; bottom:0; left:0; overflow-x:hidden; overflow-y:auto; background:#fff; }
#grouping .btn-close { position:absolute; top:0; right:0; width:40px; height:40px; background:url(/img/v3/btn/h26_close.png) no-repeat 50% 50%; background-size:15px 15px; text-indent:-9999px; }
#grouping .btn-nomore { position:absolute; top:0; left:0; padding:10px 12px; color:#b2b2b2; font-size:11px; text-decoration:underline; }
.group-wrap h1 { margin-top:20px; text-align:center; }
.group-wrap h1 span { padding-left:20px; background:url(/img/v3/common/bul_heading_group.png) no-repeat 0 0; background-size:14px auto; font-size:18px; }
.group-wrap p { padding:2px 0 20px; font-size:15px; text-align:center; letter-spacing:-1px; }
.group-wrap p em { color:#4f7dd1; }
.group-wrap p span { display:inline-block; margin-top:5px; color:#999; font-size:13px; }
.group-wrap h2 { padding-left:18px; font-size:14px; letter-spacing:-1px; }
.group-wrap .my-category { padding:15px; background:#e7eaee; }
.group-wrap .my-category h2 { background:url(/img/v3/common/bul_heading_star.png) no-repeat 0 0; background-size:13px auto; }
.group-wrap .popular-thema { padding:15px 15px 20px; }
.group-wrap .popular-thema h2 { background:url(/img/v3/common/bul_heading_trophy.png) no-repeat 0 0; background-size:13px auto; }
.group-wrap ul { overflow:hidden; margin:-5px -5px 0; }
.group-wrap li { float:left; width:33.33%; position:relative; margin-top:10px; padding:0 5px; box-sizing:border-box; }
.group-wrap li > img { width:100%; height:auto; }
.group-wrap li > span { z-index:2; position:absolute; right:5px; bottom:0; left:5px; height:30px; line-height:32px; background:rgba(0, 0, 0, 0.5); color:#fff; font-size:15px; text-align:center; }
.group-wrap li .lnk { z-index:3; position:absolute; top:0; right:5px; bottom:0; left:5px; }
.group-wrap li .lnk span { display:none; position:absolute; top:5px; left:5px; width:24px; height:24px; background:#1a73e1 url(/img/v3/common/bul_chk.png) no-repeat 50% 50%; background-size:12px auto; border-radius:12px; }
.group-wrap li.chk > .lnk { border:3px solid #3985e3; }
.group-wrap li.chk > .lnk span { display:block; }
.btn-blue { display:block; width:100%; height:44px; line-height:46px; background:#3985e3; color:#fff; font-size:15px; text-align:center; }
.btn-blue-o { display:inline-block; height:40px; line-height:42px; padding:0 50px; border:1px solid #1a73e1; box-sizing:border-box; color:#1a73e1; font-size:15px; text-align:center; }
.btn-gray { display:block; width:100%; height:44px; line-height:46px; background:#a6adb4; color:#fff; font-size:15px; text-align:center; }
.btn-light-gray { display:block; width:100%; height:44px; line-height:46px; border:1px solid #dadada; background:#f5f5f5; box-sizing:border-box; font-size:15px; text-align:center; }

/* 배송비 결제 */
label { display:inline-block; }
label input[type=radio],
label input[type=checkbox] { display:none; }
label span { display:inline-block; position:relative; min-height:18px; line-height:20px; margin-right:15px; padding-left:24px; font-size:12px; }
label span:before { content:""; position:absolute; top:0; left:0; width:18px; min-height:18px; background-repeat:no-repeat; background-position:0 0; background-size:18px auto; }
label input[type=radio] + span:before { background-image:url(/img/v3/common/bul_radio.png); }
label input[type=checkbox] + span:before { background-image:url(/img/v3/common/bul_checkbox.gif); }
label input[type=radio]:checked + span:before { background-image:url(/img/v3/common/bul_radio_on.png); }
label input[type=checkbox]:checked + span:before { background-image:url(/img/v3/common/bul_checkbox_on.gif); }
input[type=tel],
input[type=text],
input[type=email],
input[type=password] { width:100%; height:28px; line-height:30px; padding:0 10px; border:1px solid #bfbfbf; box-sizing:border-box; }
select { width:100%; height:28px; line-height:28px; padding-left:10px; border:1px solid #bfbfbf; box-sizing:border-box; background:#fff url(/img/v3/common/bul_select.png) no-repeat right 8px center; background-size:7px auto; color:#666; }
textarea { width:100%; height:100px; padding:5px 10px; border:1px solid #bfbfbf; box-sizing:border-box; }
.array-2x { overflow:hidden; margin:0 -4px; }
.array-2x li { float:left; width:50%; padding:0 4px; box-sizing:border-box; }
.array-3x { overflow:hidden; margin:0 -4px; }
.array-3x li { float:left; width:33.33%; padding:0 4px; box-sizing:border-box; }
.tbl-pay th,
.tbl-pay td { padding:5px 0; font-size:12px; text-align:left; }
.tbl-pay th { letter-spacing:-.5px; white-space:nowrap; }
.tbl-pay th span { color:#b2b2b2; font-size:11px; font-weight:normal; }
.pay-wrap { padding-bottom:62px; }
.pay-wrap .hd { position:relative; margin-top:8px; height:40px; line-height:42px; padding:0 15px; background:#fff; border-bottom:1px solid #bdc4cc; }
.pay-wrap .hd h2 { font-size:14px; letter-spacing:-1px; }
.pay-wrap .hd h2 span { color:#b2b2b2; font-size:12px; font-weight:normal; letter-spacing:0; }
.pay-wrap .hd h2 span.bull{color:#2d72ff; font-size:10px; margin-right:5px; vertical-align:top;}
.pay-wrap .hd .date { position:absolute; top:0; right:15px; font-size:12px; }
.pay-wrap .lnk { z-index:2; position:absolute; top:0; right:0; bottom:0; left:0; text-indent:-9999px; }
.pay-wrap .section { position:relative; padding:12px 15px; background:#fff; border-bottom:1px solid #ddd; }
.pay-wrap .section.last { border-bottom:1px solid #bdc4cc; }
.pay-wrap .section.space-none { padding:0; }
.pay-wrap .measure { position:relative; margin:-4px 0 4px; background:url(/img/v3/common/bg_arr_right_gray.gif) no-repeat 100% 50%; background-size:10px 18px; }
.pay-wrap .measure li { margin-top:8px; font-size:13px; }
.pay-wrap .measure li span { display:inline-block; width:85px; margin-right:10px; background:url(/img/v3/common/bg_vline.gif) no-repeat 100% 45%; background-size:1px 12px; }
.pay-wrap .measure li i{font-style:normal;}
.pay-wrap .pay-method { position:relative; padding-left:30px; }
.pay-wrap .pay-method > span { position:absolute; top:50%; left:0; margin-top:-10px; width:18px; height:18px; background:url(/img/v3/common/ico_check.gif) no-repeat 0 0; background-size:18px auto; }
.pay-wrap .pay-method.new > span { position:absolute; top:50%; left:-3px; margin-top:-10px; width:24px; height:18px; background:url(/img/v3/common/bul_card_plus.gif) no-repeat 0 0; background-size:24px auto; }
.pay-wrap .pay-method select { height:40px; line-height:40px; border:1px solid #808080; background:url(/img/v3/common/bul_arr_top.gif) no-repeat right 15px center; background-size:10px 5px; border-radius:3px; color:#000; font-size:14px; }
.pay-wrap .able-card { font-size:12px; }
.pay-wrap .able-card dd { margin-top:8px; font-size:0; line-height:0; }
.pay-wrap .able-card img { height:14px; margin-right:8px; }
.pay-wrap .add-price li { position:relative; padding:6px 0; font-size:13px; }
.pay-wrap .add-price li em { color:#b2b2b2; }
.pay-wrap .add-price li > span { position:absolute; top:6px; right:0; }
.pay-wrap .add-price li > strong { position:absolute; top:6px; right:0; }
.pay-wrap .add-price li .abs-right { position:absolute; top:0; right:0; }
.pay-wrap .add-price li p { width:100%; padding-right:50px; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pay-wrap .add-price li label { position:relative; top:-5px; }
.pay-wrap .add-price li .input-wrap { position:relative; }
.pay-wrap .add-price li .input-wrap.abs-right { position:absolute; top:6px; width:55%; }
.pay-wrap .add-price li .input-wrap a { position:absolute; top:0; right:0; width:50px; height:28px; line-height:30px; text-align:center; }
.pay-wrap .add-price li .input-wrap select { padding-right:50px; background-position:right 58px center; }
.pay-wrap .add-price li .input-wrap input[type=text] { padding-right:50px; }
.pay-wrap .add-price li .input-wrap .btn-blue { background:#1a73e1; color:#fff; font-size:12px; }
.pay-wrap .add-price li .input-wrap .btn-darkblue { background:#4b525b; color:#fff; font-size:12px; }
.pay-wrap .add-price.amount li { padding:0; font-size:13px; font-weight:bold; letter-spacing:-1px; }
.pay-wrap .add-price.amount li {color:#ff403c;}
.pay-wrap .add-price.amount li span { top:-3px; color:#ff403c; font-size:18px; letter-spacing:0; }
.pay-wrap .add-price.total li { padding:0; font-size:13px; font-weight:bold; letter-spacing:-1px; }
.pay-wrap .add-price.total li { color:#ff403c; }
.pay-wrap .add-price.total li span { top:-3px; color:#ff403c; font-size:18px; letter-spacing:0; }
.pay-wrap .tax-list li { position:relative; padding:15px; font-size:12px; border-top:1px solid #ddd; }
.pay-wrap .tax-list li:first-child { border-top:0; }
.pay-wrap .tax-list li > span { position:absolute; top:6px; right:15px; text-align:right; }
.pay-wrap .tax-list li > span em { color:#ff403c; font-size:10px; }
.pay-wrap .btn-plus { display:inline-block; width:14px; height:14px; background:url(/img/v3/common/bul_h32_plus.png) no-repeat 0 0; background-size:14px auto; text-indent:-9999px; }
.pay-wrap .btn-minus { display:inline-block; width:14px; height:14px; background:url(/img/v3/common/bul_h32_minus.png) no-repeat 0 0; background-size:14px auto; text-indent:-9999px; }
.pay-wrap .btn-qmark { display:inline-block; width:14px; height:14px; background:url(/img/v3/btn/h26_qmark.gif) no-repeat 0 0; background-size:14px auto; text-indent:-9999px; }
.pay-wrap .bner { position:relative; margin-top:8px; background:#fff; border-bottom:1px solid #bdc4cc; text-align:center; }
.pay-wrap .benefit { position:relative; min-height:64px; margin:3px 0; padding-left:125px; background:url(/img/v3/common/bg_arr_right_gray.gif) no-repeat 100% 50%; background-size:10px 18px; }
.pay-wrap .benefit dt { position:absolute; top:0; left:0; width:102px; }
.pay-wrap .benefit dd { color:#9da0a9; font-size:11px; }
.pay-wrap .benefit dd p { padding-bottom:5px; color:#000; font-size:12px; }
.pay-wrap .mt-blank { margin-top:8px; }
.pay-wrap .btn-payment { overflow:hidden; background:#fff; }
.pay-wrap .btn-payment a { float:left; width:50%; height:44px; line-height:46px; color:#fff; font-size:14px; text-align:center; box-sizing:border-box; }
.pay-wrap .btn-payment .btn-gray { background:#a6adb4; }
.pay-wrap .btn-payment .btn-blue { background:#3985e3; }
.pay-wrap .btn-result { padding-top:6px; }
.pay-wrap .btn-result .btn-blue,
.pay-wrap .btn-result .btn-gray { margin-top:8px; font-size:14px; }
.pay-wrap .pit { color:#b2b2b2; font-size:11px; }
.pay-wrap .auth dl { position:relative; padding:10px 10px 10px 125px; border:1px solid #808080; }
.pay-wrap .auth dt { position:absolute; top:10px; left:20px; line-height:26px; font-size:14px; letter-spacing:-1px; }
.pay-wrap .auth dd input[type=text],
.pay-wrap .auth dd input[type=password] { background:#fafafa; }
.pay-wrap .auth p { margin-top:8px; color:#999; font-size:11px; }
.pay-wrap .delivery-info { position:relative; margin:-4px 0 4px; }
.pay-wrap .delivery-info li { position:relative; margin-top:8px; padding-left:65px; font-size:12px; }
.pay-wrap .delivery-info li span { position:absolute; top:0; left:0; width:55px; background:url(/img/v3/common/bg_vline.gif) no-repeat 100% 45%; background-size:1px 12px; }

/* 배송신청서 작성 */
.btn-direction { z-index:2; position:fixed; right:0; bottom:0; left:0; overflow:hidden; background:#fff; }
.btn-direction a { float:left; width:50%; height:50px; line-height:52px; box-sizing:border-box; color:#fff; font-size:14px; text-align:center; }
.btn-direction .btn-prev { background:#a6adb4; }
.btn-direction .btn-next { background:#1a73e1; }
.request-wrap .txt { padding:30px 0 28px; text-align:center; }
.request-wrap .txt span { display:inline-block; min-height:42px; padding-top:2px; padding-left:42px; background:url(/img/v3/common/bul_form.png) no-repeat 0 0; background-size:32px auto; color:#000; font-weight:bold; letter-spacing:-1px; text-align:left; }
.request-wrap .txt span em { color:#1a73e1; }
.request-wrap .qna { padding:10px 10px 15px; background:#e6eaed; border-top:1px solid #bdc4cc; border-bottom:1px solid #bdc4cc; }
.request-wrap .qna dl { margin-top:5px; border:1px solid #bdc4cc; }
.request-wrap .qna dt a { display:block; padding:15px 15px 12px; background:#f7f7f7 url(/img/v3/common/bul_label_bottom.png) no-repeat right 15px center; background-size:12px auto; font-size:14px; }
.request-wrap .qna dt a.btn-show { background-image:url(/img/v3/common/bul_label_top.png); }
.request-wrap .qna dd { display:none; height:160px; overflow-x:hidden; overflow-y:scroll; padding:10px 15px 18px; border-top:1px solid #bdc4cc; background:#fff; font-size:12px; }
.request-wrap .qna dd li { position:relative; margin-top:10px; padding-left:20px; line-height:1.5; }
.request-wrap .qna dd li strong { position:absolute; top:-2px; left:0; font-size:16px; font-weight:bold; }
.request-wrap .qna dd li span { color:#ccc; }
.request-wrap .qna label { margin-top:10px; margin-left:5px; }
.request-wrap .qna label span { color:#9ca3ab; font-size:14px; font-weight:bold; }
.request-wrap .frm { margin:20px 15px; }
.request-wrap .frm dt { color:#999; font-size:12px; }
.request-wrap .frm dd { margin-top:5px; }
.request-wrap .frm label span { color:#000; font-size:14px; }
.request-wrap .tab { overflow:hidden; background:#f0f0f0; }
.request-wrap .tab li { position:relative; float:left; width:33.33%; padding:12px 0; box-sizing:border-box; color:#999; font-size:12px; text-align:center; }
.request-wrap .tab li:nth-child(1) { z-index:3; }
.request-wrap .tab li:nth-child(2) { z-index:2; }
.request-wrap .tab li:nth-child(3) { z-index:1; }
.request-wrap .tab li span { position:absolute; top:0; right:-10px; bottom:0; width:10px; background:url(/img/v3/common/bg_step.png) no-repeat 100% 0; background-size:10px 100%; }
.request-wrap .tab li em { font-size:14px; font-weight:bold; letter-spacing:-1px; }
.request-wrap .tab li.on { z-index:1; background-color:#333; color:#fff; }
.request-wrap .tab li.on span { background-image:url(/img/v3/common/bg_step_on.png); }
.request-wrap .center-list p { padding:10px 15px; font-size:12px; }
.request-wrap .center-list ul { border-top:1px solid #bdc4cc; }
.request-wrap .center-list li { position:relative; padding:12px 15px; border-bottom:1px solid #ececec; }
.request-wrap .center-list li span { display:inline-block; min-height:22px; line-height:24px; padding-left:40px; background-repeat:no-repeat; background-position:0 0; background-size:32px auto; font-size:14px; }
.request-wrap .center-list li.us span { background-image:url(/img/v3/common/ico_nation_us.gif); }
.request-wrap .center-list li.gr span { background-image:url(/img/v3/common/ico_nation_gr.gif); }
.request-wrap .center-list li.jp span { background-image:url(/img/v3/common/ico_nation_jp.gif); }
.request-wrap .center-list li.cn span { background-image:url(/img/v3/common/ico_nation_cn.gif); }
.request-wrap .center-list li.kr span { background-image:url(/img/v3/common/ico_nation_kr.gif); }
.request-wrap .center-list li span em { margin-left:5px; padding-left:10px; background:url(/img/v3/common/bg_vline.gif) no-repeat 0 45%; background-size:1px 12px; }
.request-wrap .center-list li label { width:100%; padding-left:35px; box-sizing:border-box; }
.request-wrap .center-list li label input[type=radio] + span:before { top:2px; left:-35px; background-image:url(/img/v3/common/ico_radio.png); }
.request-wrap .center-list li label input[type=radio]:checked + span:before { background-image:url(/img/v3/common/ico_radio_blue.png); }
.request-wrap .center-list li .transport { position:absolute; top:0; right:10px; }
.request-wrap .center-list li .transport a { display:inline-block; width:32px; height:48px; text-indent:-9999px; }
.request-wrap .center-list li .transport .flight { background:url(/img/v3/common/ico_flight.gif) no-repeat 50% 50%; background-size:30px auto; }
.request-wrap .center-list li .transport .ship { background:url(/img/v3/common/ico_ship.gif) no-repeat 50% 50%; background-size:18px auto; }
.request-wrap select { font-size:14px; }

/* 직구차트 */
.txt-ranking { padding:12px 0; border-top:1px solid #ececec; color:#a6a6a6; font-size:12px; text-align:center; }
.prd-ranking li .prd-info dd .prd-price-black { border-bottom:1px solid #000; font-size:10px; line-height:1; }
.prd-ranking li .prd-info dd .prd-price-black em { font-size:16px; }
.prd-ranking li .prd-info dd .prd-discount { position:absolute; top:0; right:6px; color:#ff403c; font-size:17px; }
.recmd-wrap { position:relative; border-bottom:1px solid #bdc4cc; }
.recmd-wrap h2 { margin-top:20px; color:#4f7dd1; font-size:12px; text-align:center; }
.recmd-wrap h2 strong { color:#000; font-size:20px; font-weight:bold; }
.recmd-wrap .prd-vertical { margin:10px 5px 0; }
.prd-vertical ul { overflow:hidden; }
.prd-vertical li { float:left; width:50%; margin:5px 0; }
.prd-vertical li .tmb { display:table; width:100%; height:160px; padding:0 5px; border-bottom:1px solid #e6e6e6; box-sizing:border-box; text-align:center; }
.prd-vertical li .tmb a { height:160px; display:table-cell; vertical-align:middle; background:#fff; }
.prd-vertical li .tmb a img { max-height:160px; }
.prd-vertical li dl { margin:0 5px; padding:15px; background:#fff; }
.prd-vertical li dt { width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }
.prd-vertical li dd { position:relative; margin-top:10px; font-size:12px; line-height:1.75; }
.prd-vertical li dd .prd-price-black { border-bottom:1px solid #000; font-size:10px; line-height:1; }
.prd-vertical li dd .prd-price-black em { font-size:16px; }
.prd-vertical li dd .prd-discount { position:absolute; right:0; bottom:0; color:#ff403c; font-size:17px; line-height:1.25; }
.direct-find { overflow:hidden; margin:0 11px; }
.direct-find li { float:left; width:33.33%; padding:0 4px; box-sizing:border-box; }
.direct-find li a { display:block; height:38px; line-height:40px; border:1px solid #dadada; color:#808080; font-size:14px; text-align:center; }
.direct-find li.on a { border-color:#1a73e1; color:#1a73e1; }
.direct-text { margin-top:8px; text-align:right; }
.direct-text span { display:inline-block; margin-right:15px; padding-left:18px; background:url(/img/v3/common/ico_emark.gif) no-repeat 0 0 / 14px auto; color:#999; font-size:11px; line-height:14px; }
.direct-wrap { position:relative; margin-top:8px; padding:12px 0; background:#fff; border-bottom:1px solid #bdc4cc; }
.direct-wrap h2 { margin-top:6px; color:#666; font-size:16px; text-align:center; }
.direct-wrap h2 strong { color:#000; }
.direct-wrap .group-wrap { margin:10px; }
.direct-wrap .group-wrap li > span { font-size:12px; }
.direct-product { padding-top:20px; padding-bottom:0; }
.direct-product h2 { position:relative; top:0; left:0; color:#b2b2b2; font-size:12px; font-weight:normal; line-height:1.5; text-align:center; }
.direct-product h2 span { color:#000; font-size:17px; font-weight:bold; letter-spacing:-1px; }
.direct-product > div { margin-top:0; padding-top:18px; padding-bottom:0; }
.direct-product .ranking { overflow:hidden; }
.direct-product .ranking li { position:relative; }
.direct-product .ranking li a { display:block; width:100%; height:44px; line-height:44px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 35px 0 15px; border-top:1px solid #ebebeb; box-sizing:border-box; color:#666; font-size:0.813em; }
.direct-product .ranking li:first-child a { border-top:1px solid #bdc4cc; }
.direct-product .ranking li a em { display:inline-block; margin-right:10px; color:#1a73e1; text-align:center; }
.direct-product .ranking li a strong { color:#000; }
.direct-product .ranking li .rank { position:absolute; right:15px; top:2px; color:#000; font-size:0.75em; line-height:44px; }

/* 맞춤 알림 */
.btn-both { overflow:hidden; }
.btn-both a { float:left; width:50%; }
.btn-both.fixed { z-index:2; position:fixed; right:0; bottom:0; left:0; }
.event-txt { position:relative; padding:14px 0 12px 15px; font-size:13px; }
.event-txt select { position:absolute; top:7px; right:15px; width:70px; font-size:12px; border:1px solid #b3b3b3; background-color:#e4e8ec; }
.tab-multi { overflow:hidden; }
.tab-multi li { float:left; width:50%; border:1px solid #bdc4cc; border-right:0; box-sizing:border-box; background:#fff; text-align:center; }
.tab-multi li:last-child { border-right:1px solid #bdc4cc; }
.tab-multi li a { display:inline-block; height:40px; line-height:46px; border-bottom:3px solid #fff; color:#000; font-size:14px; letter-spacing:-.5px; }
.tab-multi li a span { color:#b2b2b2; }
.tab-multi li.now a { border-bottom-color:#1a73e1; color:#1a73e1; font-weight:bold; }
.tab-multi li.now a span { color:#1a73e1; }
.tab-2x li { width:50%; }
.tab-3x li { width:33.33%; }
.msg-history { position:relative; margin:25px 15px 15px 40px; padding-bottom:20px; }
.msg-history .vbar { position:absolute; top:-5px; left:-20px; bottom:15px; width:2px; background:#dbdbdb; }
.msg-history li { position:relative; margin-top:10px; background:#fff; border-bottom:1px solid #dcdcdc; }
.msg-history li > a { display:block; overflow:hidden; padding:15px 12px; font-size:14px; }
.msg-history li .date { display:block; margin-top:5px; color:#999; font-size:12px; }
.msg-history li .cir { position:absolute; top:26px; left:-24px; width:10px; height:10px; background:#ec3939; border-radius:5px; }
.msg-history li .tri { position:absolute; top:0; right:0; width:0; height:0; border-top:8px solid #ec3939; border-left:8px solid transparent; }
.msg-history li .bul { position:absolute; top:24px; left:-6px; width:0; height:0; border-top:7px solid transparent; border-right:6px solid #fff; border-bottom:7px solid transparent; }
.msg-history li.disable > a { color:#989898;}
.msg-history li.disable .date { color:#dbdbdb; }
.msg-history li.disable .cir { background:#ccc; }
.msg-history li.disable .tri { display:none; }
.msg-history li.hot > a { position:relative; padding-left:50px; background }
.msg-history li.hot > a em { position:absolute; top:13px; left:12px; width:32px; height:32px; line-height:34px; background:#ec3939; border-radius:16px; color:#fff; font-size:10px; text-align:center; }
.msg-history li.hot .cir { background:#ec3939; }
.msg-history li.made > a { position:relative; padding-left:50px; background:url(/img/v3/common/bg_arr_right_gray.gif) no-repeat right 10px center; background-size:6px auto; }
.msg-history li.made > a em { position:absolute; top:13px; left:12px; width:32px; height:32px; line-height:34px; background:#1a73e1; border-radius:16px; color:#fff; font-size:10px; text-align:center; }
.msg-history li.made .cir { background:#1a73e1; }
.msg-history li.chase{border:1px solid #1a73e1;}
.msg-history li.chase .bul{border-right: 6px solid #1a73e1;}
.msg-history li .btn-tab { overflow:hidden; border-top:1px solid #e6e6e6; border-bottom:1px solid #dcdcdc; }
.msg-history li .btn-tab a { float:left; width:50%; height:36px; line-height:36px; box-sizing:border-box; text-align:center; }
.msg-history li .btn-tab a.like { border-right:1px solid #e6e6e6; }
.msg-history li .btn-tab a span { font-size:11px; }
.msg-history li .btn-tab a.like span { padding-left:20px; background:url(/img/v3/common/bul_push_like.gif) no-repeat 0 0; background-size:13px 13px; color:#b2b2b2; }
.msg-history li .btn-tab a.hate span { padding-left:20px; background:url(/img/v3/common/bul_push_hate.gif) no-repeat 0 0; background-size:13px 13px; color:#b2b2b2; } /* 2017.09.08 수정 */
.msg-history li .btn-tab a.like.active span { background-image:url(/img/v3/common/bul_push_like_on.gif); color:#1a73e1; }
.msg-history li .btn-tab a.hate.active span { background-image:url(/img/v3/common/bul_push_hate_on.gif); color:#1a73e1; } /* 2017.09.08 수정 */
.notify-wrap { position:relative; margin-top:8px; padding:10px 15px 80px; background:#fff; }
.notify-wrap .box { margin-top:10px; border:1px solid #bdc4cc; }
.notify-wrap .box .top { position:relative; padding:15px 12px; }
.notify-wrap .box .top dl { overflow:hidden; }
.notify-wrap .box .top dl.women { padding-left:60px; background:url(/img/v3/common/bul_user_women.gif) no-repeat 0 0; background-size:50px 50px; }
.notify-wrap .box .top dl.men { padding-left:60px; background:url(/img/v3/common/bul_user_men.gif) no-repeat 0 0; background-size:50px 50px; }
.notify-wrap .box .top dl.kid { padding-left:60px; background:url(/img/v3/common/bul_user_kid.gif) no-repeat 0 0; background-size:50px 50px; }
.notify-wrap .box .top dl.img { min-height:45px; padding:10px 0 0 60px; }
.notify-wrap .box .top dl.img dd { margin-top:0; font-size:12px; }
.notify-wrap .box .top dl dt { font-size:14px; font-weight:bold; }
.notify-wrap .box .top dl dd { margin-top:5px; font-size:14px; }
.notify-wrap .box .top .tmb { position:absolute; top:15px; left:12px; }
.notify-wrap .box .top .tmb img { width:48px; height:49px; border:1px solid #ededed; }
.notify-wrap .box .top .delete { position:absolute; top:4px; left:4px; width:17px; height:17px; background:url(/img/v3/common/bul_h32_minus.png) no-repeat 0 0 / 17px auto; text-indent:-9999px; }
.notify-wrap .box .top .switch { position:absolute; top:50%; right:12px; margin-top:-9px; }
.notify-wrap .box .set { display:none; padding:5px 10px 20px; border-top:1px solid #f0f0f0; }
.notify-wrap .box .set dl { overflow:hidden; margin-top:15px; }
.notify-wrap .box .set dt { float:left; width:25%; font-size:14px; font-weight:bold; line-height:28px; }
.notify-wrap .box .set dd { overflow:hidden; position:relative; float:right; width:75%; font-size:12px; }
.notify-wrap .box .set dd ul { margin:-6px -3px 0; }
.notify-wrap .box .set dd li { margin-top:6px; padding:0 3px; }
.notify-wrap .box .set dd a { display:block; height:28px; line-height:28px; border:1px solid #d1d1d1; box-sizing:border-box; color:#ccc; text-align:center; }
.notify-wrap .box .set dd a.on { border:1px solid #1a73e1; color:#1a73e1; }
.notify-wrap .box .set dd .abs-r { position:absolute; top:0; right:0; }
.notify-wrap .box .set dd .txt { margin:5px 0; font-size:12px; letter-spacing:-0.5px; }
.notify-wrap .box .toggle { display:block; height:25px; border-top:1px solid #ddd; background:#f5f5f5 url(/img/v3/common/bul_arr_bottom.png) no-repeat 50% 50%; background-size:9px 5px; text-indent:-9999px; }
.notify-wrap .box .toggle.up { background-image:url(/img/v3/common/bul_arr_top.png); }
.notify-wrap .btn-more { display:block; height:34px; margin-top:15px; border:1px solid #1a73e1; background:url(/img/v3/common/ico_plus_blue.gif) no-repeat 50% 50%; background-size:15px 15px; text-indent:-9999px; }
.search-area { position:relative; padding:10px 12px 10px 71px; border-bottom:1px solid #bdc4cc; background:#fff; font-size:14px; }
.search-area select { position:absolute; top:10px; left:12px; width:60px; height:36px; border:1px solid #36a2ef; }
.search-area input[type=text] { height:36px; border:1px solid #36a2ef; }
.search-area .btn-search { position:absolute; top:10px; right:12px; width:36px; height:36px; background:url(/img/v3/btn/h29_search.gif) no-repeat 50% 50%; background-size:15px auto; text-indent:-9999px; }
.search-area .auto-keyword { z-index:2; display:none; position:absolute; top:45px; right:12px; left:71px; border:1px solid #a3a3a3; background:#fff; }
.search-area .auto-keyword ul { padding:15px; }
.search-area .auto-keyword li { line-height:1.5; }
.result-list li { position:relative; }
.result-list li.on { background:#f5f5f5; }
.result-list li.on .chk { display:block; }
.result-list li .chk { display:none; position:absolute; top:20px; left:25px; width:22px; height:22px; background:url(/img/v3/common/ico_radio_blue.png) no-repeat 0 0 / 22px auto; }
.result-list li .txt { height:80px; display:table-cell; font-size:14px; vertical-align:middle; }
.result-list li .cover { z-index:2; position:absolute; top:0; right:0; bottom:0; left:0; }
.notify-service { background:#fff; }
.notify-service .about { position:relative; display:table; width:100%; height:180px; background:url(/img/v3/common/bg_notify.gif) no-repeat 50% 50% / cover; } /* 2017.09.08 수정 */
.notify-service .about .inner { display:table-cell; vertical-align:middle; }
.notify-service .about h2 { color:#fff; font-size:18px; font-weight:bold; letter-spacing:-1px; text-align:center; }
.notify-service .about h2 em { color:#2f8bfd; }
.notify-service .about p { margin-top:8px; color:#d8d8d8; font-size:12px; text-align:center; line-height:1.5; letter-spacing:-0.5px; } /* 2017.09.08 수정 */
.notify-service .about .btn-close { position:absolute; top:0; right:0; width:40px; height:40px; background:url(/img/v3/btn/h26_close.png) no-repeat 50% 50% / 12px auto; text-indent:-9999px; }
.notify-service .list { padding:0 20px 20px; }
.notify-service .list dt { padding-top:20px; font-size:14px; font-weight:bold; }
.notify-service .list dd li { margin-top:8px; }
.notify-service .list dd li a { display:block; height:42px; line-height:42px; background:#fff; border:1px solid #bdbdbd; box-sizing:border-box; color:#999; font-size:14px; text-align:center; }
.notify-service .list dd li.on a { border:2px solid #1a73e1; background:url(/img/v3/common/ico_radio_blue.png) no-repeat right 5px top 5px / 15px auto; color:#1a73e1; font-weight:bold; }
.notify-service .list .txt-r { margin-top:15px; }
.notify-service .list .txt-r .btn-nomore { color:#b2b2b2; font-size:11px; text-decoration:underline; text-align:right; }
.notify-service .btn-blue { height:50px; line-height:52px; }
.notify-service .alarm { padding:10px 15px; color:#666; }
.notify-service .alarm label input[type=checkbox] + span:before { top:-1px; width:20px; height:20px; background-image:url(/img/v3/common/ico_radio.png); background-size:20px auto; }
.notify-service .alarm label input[type=checkbox]:checked + span:before { background-image:url(/img/v3/common/ico_radio_blue.png); }

/* 17/10/19 s */
.popular-shop li { background-position:95% 28px !important; }
.popular-shop li a { padding:18px 18px 10px 18px; }
.popular-shop li .exp { position:relative; } 
.popular-shop li .exp p { padding:0px 18px 10px; font-size:.875em; font-weight:bold; color:#999; letter-spacing:-0.09em; line-height:1.25em; }

/* 17/11/06 s */
.popular-shop li .exp .dollar { position:absolute; right:10px; top:0px; }
.popular-shop li .exp .dollar div { position:relative; }
.popular-shop li .exp .dollar span { min-width:28px; text-align:center; font-weight:bold; color:white; }

.popular-shop li .exp .dollar span:first-child { position:relative; right:-10px; float:left; /* position:absolute; right:36px; top:0; */ border-radius:50%; background:#1a73e1; padding:9px 5px; }
.popular-shop li .exp .dollar span+span { position:relative; right:-5px; float:left; /* position:absolute; right:0px; top:0; */ border-radius:50%; background:#d9db47; padding:9px 5px; 
opacity: 0.8;
filter:alpha(opacity=80);       /* For IE 5-7 */
-ms-filter:"alpha(opacity=80)"; /* For IE 8 */}
/* 17/11/06 e */
/* 17/11/09 s */
.popular-shop li .exp .dollar span+span+span { position:relative; right:0; float:left; /* position:absolute; right:0px; top:0; */ border-radius:50%; background:#ff9201; padding:9px 5px; 
opacity: 0.8;
filter:alpha(opacity=80);       /* For IE 5-7 */
-ms-filter:"alpha(opacity=80)"; /* For IE 8 */}
/* 17/11/09 e */
.ss-event li { width:100%; border-bottom:none; }
.ss-event li a { padding:18px 10px; }
.ss-event li .exp p { padding-left:10px; }
.prd-wrap-n h2 { width:100%; left:0; padding-left:0; padding-bottom:10px; border-bottom:1px solid #ececec; }
.prd-wrap-n h2 a { display:block; padding-left:10px; }
.cg-lst span.date { margin-top:1px; color:#999; font-size:.813em; }
.cg-lst li { padding-top:8px; }
.cg-lst span.thumb-c { z-index:2; position:absolute; left:5px; top:17px; }
.cg-lst span.thumb-c img { width:27px; height:27px; }
.prd-ranking2 ul li { margin-left:10px; }
.prd-ranking2 dl.prd-info { margin-top:5px; }
.prd-ranking2 .prd-price { left:0!important; }
.prd-ranking2 li .prd-info dd .prd-price { position:absolute; top:0; left:0px; font-size:.75em; border-bottom:1px solid #000; line-height:1; }
.real-time { position:relative;  }
.real-time > strong { position:absolute; right:10px; top:13px; color:#b2b2b2; font-size:.875em; }
.recmd-wrap2 { clear:both; padding-bottom:0!important; }
.recmd-wrap2 .prd-vertical2 ul { margin:10px 11px; -moz-column-count: 2; -moz-column-gap: 12px; -webkit-column-count: 2; -webkit-column-gap: 12px; column-count: 2; column-gap: 12px; }
.recmd-wrap2 .prd-vertical2 li{ position:relative; display: inline-block; width: 100%; margin-bottom:10px; border:1px solid #e6e6e6; } 
.recmd-wrap2 .prd-vertical2 li span.thumb-c { z-index:2; position:absolute; left:5px; top:5px; }
.recmd-wrap2 .prd-vertical2 li span.thumb-c img { width:27px; height:27px; }
.recmd-wrap2 .prd-vertical2 li .tmb { display:table; width:100%; height:160px; padding:0 5px;  box-sizing:border-box; text-align:center; }
.recmd-wrap2 .prd-vertical2 li .tmb a { height:160px; display:table-cell; vertical-align:middle; background:#fff; }
.recmd-wrap2 .prd-vertical2 li .tmb a img { max-height:160px; }
.recmd-wrap2 .prd-vertical2 li dl { margin:0; padding:15px; border-top:1px solid #e6e6e6; background:#fff; }
.recmd-wrap2 .prd-vertical2 li dt { width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }
.recmd-wrap2 .prd-vertical2 li dd { position:relative; margin-top:10px; font-size:12px; line-height:1.75; }
.recmd-wrap2 .prd-vertical2 li dd .prd-price-black { border-bottom:1px solid #000; font-size:10px; line-height:1; }
.recmd-wrap2 .prd-vertical2 li dd .prd-price-black em { font-size:16px; }
.recmd-wrap2 .prd-vertical2 li dd .prd-discount { position:absolute; right:0; bottom:0; color:#ff403c; font-size:17px; line-height:1.25; }
.arr-r { display:inline-block; margin-left:4px; color:#4f7dd1; font-size:.875em; font-weight:bold; }
.arr-r a { display:inline-block; padding-right:15px; background:url(/img/v3/common/bul_label_right.gif) no-repeat right 35%; background-size:6px 10px; }
/* 17/11/06 e */

/* 17/11/13 */
#missionevents { width: 100%; height: auto; background: #fff; }
#missionevents .head img { width:100%; height:auto; }
#missionevents .lev-area  { position:relative; padding-top:30px; }
#missionevents .lev-area img { width:100%; height:auto; }
#missionevents ul.lst { padding:0 40px; letter-spacing:-0.05em; }
#missionevents ul.lst li { margin-top:30px; }
#missionevents ul.lst li p.num { color:#4492df; font-size:.75em; }
#missionevents ul.lst li dt { padding-bottom:5px; font-weight:bold; }
#missionevents ul.lst li dd { color:#666; font-size:.875em; }  
#missionevents ul.lst li a { display:inline-block; width:48%; padding:5px 0; text-align:center; font-weight:bold; }
#missionevents a.btn-white { border:1px solid #4492df; background:white; color:#4492df; width: unset; height: unset; line-height: unset; }
#missionevents a.btn-blue { border:1px solid #4492df; background:#4492df; color:white; width: unset; height: unset; line-height: unset; font-size: unset; }
#missionevents a.btn-red { padding:5px 45px; border:1px solid #b2160f; background:#b2160f; color:white; width: unset; height: unset; line-height: unset;  }
#missionevents .ivory-box { position:relative; margin-top:30px; padding-bottom:30px; background:#fff7c8; text-align:center; }
#missionevents .ivory-box p.tit { padding:30px 0 0 ; }
#missionevents .ivory-box .txt-blue { color:#4492df!important; }
#missionevents .ivory-box .btn-blue { display:inline-block; margin-top:10px; padding:5px 45px; border:1px solid #194b8c; background:#194b8c; color:white; font-size:.875em; }
#missionevents .overlay { z-index:2; position:absolute; left:0; top:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.7); }
#missionevents .overlay span { transform:translateY(235%); display:block; vertical-align:middle; text-align:center; }
#missionevents .overlay img { width:211px; height:auto; }
#missionevents ul.re-coupon { position:relative; margin:20px 80px 0; border:1px solid #194b8c; height: 24px; }
#missionevents ul.re-coupon li { float:left; width:50%; height:24px; line-height:24px; font-size:.875em; letter-spacing:-0.03em; }
#missionevents ul.re-coupon li:first-child { background-color:white; background-image:url('/img/v3/events/missionevents/divide.gif'); background-repeat:no-repeat; background-position:right top; background-size:3px 24px; color:#194b8c; }
#missionevents ul.re-coupon li+li { background:#194b8c!important; font-weight:bold; }
#missionevents ul.re-coupon li+li a { color:white; }
#missionevents ul.re-coupon strong { color:#cf203d; }
#missionevents ul.re-coupon span { font-weight:normal; }
#missionevents .note { margin:30px; font-size:.875em; }
#missionevents .note dt { padding-bottom:5px; font-weight:bold; color:black; }
#missionevents .note dd { padding-bottom:5px; }
#missionevents .note dl { line-height:1.5em; color:#666; }
#missionevents .mt5 { margin-top: 5px !important; }
/* 17/11/13 */



/* 18/01/08 s */
.alarm-area { padding:1px 0; border-bottom:1px solid #bdc4cc; background:white; }
.alarm-area .cont { position:relative; /* display: flex; justify-content: center; align-items: center; */ padding:0 20px; font-size:.875em; }
.alarm-area .cont strong,
.alarm-area .cont span { height:40px; line-height:40px;/*  display:inline-block; */ }
.alarm-area .cont strong {  color:#ec3939; }
.alarm-area .cont span {/*  position:absolute; left:130px; top:10px; */ width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap: normal !important;  }
.alarm-area .cont li:first-child { position:relative; top:0; }
/*
@keyframes ticker {
	0%   {margin-top: 0}
	25%  {margin-top: -40px}
	50%  {margin-top: -80px}
	75%  {margin-top: -120px}
	100%  {margin-top: 0}
}
*/
.news {
  height: 32px;
  margin: 8px auto;
  overflow: hidden;
  -webkit-user-select: none
  padding-left:40px; background:url('/img/v3/common/ico_alarm_red.png') no-repeat left 50%; background-size:32px 32px;
} 

.news span {
  position: relative;
  /* top: 14px; */
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none;
  cursor: pointer
}

.news ul { position:relative; top:-2px;
  animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
  -webkit-user-select: none;
  padding-left:40px;
}

.news ul li strong,
.news ul li span { float:left; }
.news ul li a {	display:block; height:40px; line-height:40px; text-decoration: none;  -webkit-font-smoothing: antialiased;  -webkit-user-select: none }

.news ul:hover { animation-play-state: paused }
.news span:hover+ul { animation-play-state: paused }


.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display: inline-block;}
/* 18/01/08 e */

/* 18/05/11 s */
.d-event { width:100%; height:250px; margin-bottom:7.5px; background:white;}
.d-event .swiper-container{height:100%;}
.d-event .swiper-container .swiper-wrapper{height:100%;}
.d-event > .cont { position:relative; padding:0 0px; }
.d-event .t-menu { width:100%; background:#f0f4f7; }
/* 18/12/05 s */
.d-event .t-menu li { float:left; width:25%; text-align:center; }
/* 18/12/05 e */
.d-event .t-menu li:first-child a { border-left:none; }
.d-event .t-menu li a { display:block; border-bottom:1px solid #d7dce3; border-left:1px solid #d7dce3; padding:10px 0; font-size:.875em; color:#666; }
.d-event .t-menu li a span { display:block; }
.d-event .t-menu li.on {  }
.d-event .t-menu li.on a { background:white; border-bottom:1px solid white; color:black; font-weight:bold; }
.d-event .swiper-slide {height:100%; position:relative; font-size:.875em; }
.d-event .swiper-slide span.img{width:100%; height:100%; display:inline-block; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.d-event .swiper-slide .group { margin:0 35px; padding-bottom:20px; }
.d-event .swiper-slide a.btn-go { position:absolute; right:20px; top:0px; text-decoration:underline; font-weight:bold; font-size:.875em; }
/* 18/06/25 s */
.d-event .swiper-slide .top span { position:relative; top:8px; width:72px; text-align:center; }
.d-event .swiper-slide .top span,
.d-event .swiper-slide .top dl { float:left; }
.d-event .swiper-slide .top dl { position:relative; top:8px; margin-left:15px; color:#4f7dd1; }
.d-event .swiper-slide .top dl dt { font-size:.875em; }
.d-event .swiper-slide .top dl dd { position:relative; top:2px; font-size:0.8em; }
.d-event .swiper-slide .top span img { width:72px; height:auto; }
.d-event span.bg-coupon-red { position:relative; left:0; display:inline-block; width:45px; height:45px; line-height:45px; background:url('/img/v3/common/ico_blue_nt3.png') no-repeat left 50%!important; background-size:45px 45px!important; text-align:center; font-style:italic; color:white; }
.d-event span.bg-coupon-red span span { position:relative; top:-2px; font-size:.75em; }

#event-2 .group { padding-bottom:34px; }
#event-2 .group .top { position:relative; top:0; }
#event-2 .top span img { width:72px; height:auto; }

#event-2 .group span.bg-coupon-org { display:block; position:relative; top:0; width:45px; height:45px; line-height:45px; background:url('/img/v3/common/ico_blue_nt2.png') no-repeat left 50%!important; background-size:45px 45px!important;  text-align:center; font-style:italic; color:white; }
#event-2 .group span.bg-coupon-org span { padding-left:10px; }
#event-2 .group span+span { position:absolute; left:80px; /* top:0;  */}
#event-2 ul.bot { position:relative; margin-top:0px; } 
#event-1 > .swiper-container { height:120px; }
#event-2 > .swiper-container { height:120px; }
#event-3 > .swiper-container { height:120px; }
#event-3 .group .top { position:relative; top:0; }
#event-3 .group .bot { position:relative; top:0; }
.d-event .swiper-wrap { position:relative; padding:0 30px; background:white; }
.d-event .swiper-button-prev,
.d-event .swiper-button-prev { left:5px; background:url('/img/v3/common/btn_prev_s.png') no-repeat 5px 50%!important; background-size:10px auto!important; }
.d-event .swiper-button-next,
.d-event .swiper-button-next { right:0px; background:url('/img/v3/common/btn_next_s.png') no-repeat 5px 50%!important; background-size:10px auto!important; }

.swiper-button-prev-m { left:5px; background:url('/img/v3/common/btn_prev_s.png') no-repeat 5px 50%!important; background-size:10px auto!important; }
.swiper-button-next-m { right:0px; background:url('/img/v3/common/btn_next_s.png') no-repeat 5px 50%!important; background-size:10px auto!important; }

/* .d-event ul.bot img  { width:80px; height:auto; } */
.d-event ul.bot li { position:relative; left:10px; margin-bottom:3px; color:#666; letter-spacing:-0.07em; font-size:1em; }
.d-event ul.bot li span+span { position:absolute; left:80px; top:7px; max-height:35px; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; /* padding-left:10px; */ font-weight:bold; }
/* 18/06/25 e */
.d-event .swiper-pagination {
  position: absolute;
  top: 10px;
  right: 10px;
  width: auto !important;
  left: auto !important;
  margin: 0;
}
.d-event .swiper-pagination-bullet {
  padding: 5px 10px;
  border-radius: 0;
  width: auto;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  color: #000;
  opacity: 1;
  background: rgba(0, 0, 0, 0.2);
}
.d-event .swiper-pagination-bullet-active {
  color: #fff;
  background: #007aff;
}
.d-event .swiper-pagination-fraction { position:absolute; top:93px!important; right:0; bottom:0!important; padding:6px 8px 0; background:#7f7f7f; color:white; font-size:.75em; text-align:center; font-weight:bold; letter-spacing:-0.09em; }
.d-event .swiper-button-prev1 { left:5px!important; }

.bner-top .swiper-pagination-m {
  position: absolute;
  right: 10px;
  width: auto !important;
  left: auto !important;
  margin: 0;
}
.bner-top .swiper-pagination-bullet {
  padding: 5px 10px;
  border-radius: 0;
  width: auto;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  color: #000;
  opacity: 1;
  background: rgba(0, 0, 0, 0.2);
}
.bner-top .swiper-pagination-bullet-active {
  color: #fff;
  background: #007aff;
}
.bner-top .swiper-pagination-fraction { position:absolute; right:0; bottom:0!important; height:22px; padding:5px 8px 0; background-color:rgba(0,0,0,0.5); color:white; font-size:.75em; text-align:center; font-weight:bold; letter-spacing:-0.09em; }
/* 18/05/11 e */

/* 18/05/16 s */
.white-cont { position: fixed; width:100%; max-height:100%; overflow-y: auto; height:100%; background:white; text-align:center; }
.white-cont .group { margin:30px 20px 0; }
.white-cont .group dl.con1 { width:100%; margin:0px auto 0; padding:20px 0; letter-spacing:-0.05em; }
.white-cont .group dl.con1 dt p+p { font-weight:bold; color:#1a73e1; }
.white-cont .group dl.con1 dd { margin-top:10px; color:#999; font-size:.875em; }
.white-cont .group dl.con2 {  margin:20px auto 0; padding:20px 0; background:#f5f5f5; color:white; letter-spacing:-0.05em; }
.white-cont .group dl.con2 dt { font-size:.75em; color:#666; }
.white-cont .group dl.con2 dd { padding-top:10px; font-size:.875em; font-weight:bold; color:black; }
.white-cont .group p img { width:51px; height:auto; }
.white-cont .group p.txt { margin-top:10px; color:#999; text-align:left; font-size:.75em; letter-spacing:-0.05em; }
/* 18/05/16 e */

/* 18/05/28 s */
.swiper-container .total { z-index:2;  position:absolute; right:0; bottom:0!important; height:22px; padding:5px 8px 0; background-color:rgba(0,0,0,0.5); color:white; font-size:.75em; text-align:center; font-weight:bold; letter-spacing:-0.09em; }
.preview.d-event .total { right:0; bottom:0; }
.swiper-pagination-current { display:inline-block; }
/* 18/05/28 e */

/* 마이테일 관련 18/06/11 s */
/* 18/08/17 s */
.hdr .btn-myaddress { position:absolute; top:13px; right:110px; padding:5px 10px 5px 10px; border:1px solid #fff; box-sizing:border-box; background:url('/img/v3/common/ico_myaddress.png') no-repeat 5px 50%; background-size:10px auto; font-size:.875em; color:white; }
/* 18/08/17 e */
.hdr .btn-myaddress em { padding-left:10px; }
.w-area { margin:0; padding:0; background:#f7f7f7; }
.w-area .cont { padding:15px 10px; background:white; letter-spacing:-0.05em; }
.w-area .cont .member dl { position:relative; padding-left:50px; }
.w-area .cont .member dl dt { color:#1a73e1; font-weight:bold; color:black; }
.w-area .cont .member dl dt strong { color:#1a73e1; }
.w-area .cont .member dl dd { margin-top:5px; font-size:.75em; color:#666; }
.w-area .cont .member dl dd span { color:#ff403c; }
.w-area .cont dl p { position:absolute; left:0; top:0; }

/*.w-area .cont dl p.lev { width:40px; height:40px; line-height:40px; color:white; border-radius:50%; font-size:.75em; text-align:center; } 2018-06-14 등급 표시 아래 내용으로 수정*/
.w-area .cont dl p.lev { display: flex;	flex-direction: row; justify-content: center; align-items: center; width:40px; height:40px; /* line-height:40px; */ color:white; border-radius:50%; font-size:.713em; text-align:center; letter-spacing:-0.15em; }

.w-area .sum { height:134px; margin-top:20px; border:2px solid black; }
.w-area .sum ul { width:100%; }
.w-area .sum ul li { position:relative; float:left; width:33.33%; padding:15px 0; text-align:center; border-bottom:1px solid #d4d8de; font-size:.75em; }
.w-area .sum ul li:before { position: absolute; content: ''; top: 0%; right: 0px; height: 100%; width: 1px; background: rgba(34, 36, 38, 0.1); }
.w-area .sum ul li dd { margin-top:5px; color:#1a73e1; }
.w-area .sum ul li dd strong { font-size:1.25em; }
.w-area .swiper-button-next,
.delivery-wrap2 .swiper-button-next { background:url('/img/v3/common/btn_next.png') no-repeat 5px 50%; background-size:16px auto; }
.w-area .swiper-button-prev,
.delivery-wrap2 .swiper-button-prev { background:url('/img/v3/common/btn_prev.png') no-repeat 5px 50%; background-size:16px auto; }
.my-deli-wrap .top-area { position:relative; height:50px; line-height:50px; background:white; }
.my-deli-wrap .top-area h2 { padding-left:15px; font-size:.875em; }
.my-deli-wrap .top-area .sort-wrap2 { position:absolute; right:10px; top:-2px; width:160px; margin:0;  }
.my-deli-wrap .top-area .sort-wrap2 select { font-size:.875em; width:160px;}
.my-deli-wrap .tab-menu { position:relative; width:100%; /* border:1px solid #e6e6e6; */ }
.my-deli-wrap .tab-menu li { float:left; width:16.66%; border-top:1px solid #e6e6e6; }
.my-deli-wrap .tab-menu li a:before { position: absolute; content: ''; top: 0%; right: 0px; height: 100%; width: 1px; background: rgba(34, 36, 38, 0.1); }
.my-deli-wrap .tab-menu li a { display:block; position:relative; border-bottom:2px solid black;  background:white; padding:10px 0; text-align:center; font-size:.875em; }
.my-deli-wrap .tab-menu li a span { display:block; }
.my-deli-wrap .tab-menu li.on { }
.my-deli-wrap .tab-menu li.on a { border-left:2px solid black; border-right:2px solid black; border-top:2px solid black; border-bottom:0; background:transparent; color:#1a73e1; font-weight:bold; }
.my-deli-wrap .tab-menu li.on a span { position:relative; top:-2px; color:#1a73e1; }
.my-deli-wrap .tab-menu li:first-child a { border-left:0; }
.my-deli-wrap .tab-menu li:last-child a { border-right:0; }
.my-deli-wrap .tab-menu li:last-child a:before { background:none; }
.my-deli-wrap .tab-menu span.zero { color:gray }
.my-deli-wrap .tab-menu span+span { padding-top:5px; font-weight:bold; font-size:1.25em; }
.d-group { border-top:none!important; /* border:1px solid #d4d8de; */ }
.d-group .btn-ad span { font-size:1.125em; line-height:31px; }

/* 18/07/03 s */
.delivery-wrap2 { margin-right:10px; margin-left:10px; padding-bottom:20px; border:1px solid #d4d8de; background:white; }
.delivery-wrap2 > dl {background:#fff;  }
.delivery-wrap2 > dl > dt { position:relative; height:45px; padding:5px 12px; border-bottom:1px solid #d4d8de; }
.delivery-wrap2 > dl > dt a { display:block; /* background:url(../img/common/bg_arr_right_black.gif) no-repeat 100% 50% / 6px auto; */ color:#8c8c8c; font-size:14px; line-height:20px; }
.delivery-wrap2 > dl > dt span:first-child { font-weight:bold; }
.delivery-wrap2 > dl > dt span { display:inline-block; height:18px;/* border:1px solid #000; */ border-radius:10px; color:#000;  letter-spacing:-0.05em; }
.delivery-wrap2 > dl > dt span+span { color:black; }
.delivery-wrap2 > dl > dt p { position:absolute; right:10px; top:30px; font-size:.875em; }
.delivery-wrap2 > dl > dd { position:relative; padding:20px 10px 20px 30px; /* border-bottom:1px solid #bdc4cc; */ }
.delivery-wrap2 .detail { margin-top:0; padding-top:0; padding-right:30px; border-bottom:0; }
.delivery-wrap2 .info { position:relative; min-height:85px; padding-left:100px; background:white ;}
.delivery-wrap2 .info .tmb { position:absolute; top:5px; left:0; width:85px; height:85px; border:1px solid #ededed; box-sizing:border-box; text-align:center; }
.delivery-wrap2 .info .tit { margin-top:2px; max-height:34px; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; color:#000; font-size:12px; }
.delivery-wrap2 .info p { margin-top:2px; color:#b2b2b2; font-size:11px; }
.delivery-wrap2 .info p em { color:#ff4a52; font-size:16px; font-weight:bold; letter-spacing:-1px; }
.delivery-wrap2 .info dl dt { font-weight:bold; max-height:34px; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; }
.delivery-wrap2 .opt { margin-top:12px; padding:12px 0; background:#f5f5f5; border:1px solid #ccc; color:#4c4c4c; font-size:12px; text-align:center; }
.delivery-wrap2 .opt strong { color:#000; letter-spacing:-1px; }
.delivery-wrap2 .step { overflow:hidden; margin:0 -20px; }
.delivery-wrap2 .step li { position:relative; float:left; width:20%; color:#b2b2b2; font-size:10px; text-align:center; font-size:.75em; }
.delivery-wrap2 .step li.on { color:#000; }
.delivery-wrap2 .step li em { z-index:2; position:relative; top:-2px; display:inline-block; width:10px; height:10px; background:#e4e8ec; border-radius:5px; }
.delivery-wrap2 .step li.on em { background:#1a73e1; }
.delivery-wrap2 .step li span { position:absolute; top:4px; right:50%; left:-50%; height:2px; background:#e4e8ec; }
.delivery-wrap2 .step li.on span { background:#1a73e1; }
.delivery-wrap2 .btn-both { margin-top:15px; }
.delivery-wrap2 .btn-both a { font-size:1em; line-height:41px; }
.delivery-wrap2 .btn-ad { margin-top:8px; }
.delivery-wrap2 .date { position:absolute; right:10px; top:10px; }
.delivery-wrap2 .date span { font-size:.875em; letter-spacing:-0.03em; }
.delivery-wrap2 p.btn-ready { position:relative; top:10px; left:0px; width:145px; height:30px; line-height:27px; text-align:center; }
.delivery-wrap2 p.btn-ready span { position:relative; top:7px; }
.delivery-wrap2 p.btn-ready img { width:16px; height:auto; }
.delivery-wrap2 .btn-d-gray.btn-ready { background:#666; color:white; }
.delivery-wrap2 a.btn-detail { display:block; margin-top:10px; padding:10px 0; border:1px solid #1a73e1; text-align:center; font-size:.813em; color:#1a73e1; font-weight:bold; }
.delivery-wrap2 .speech-bubble {
	position: relative;
	left:5px;
	background: white;
	color:#808080;
	border-radius: 0;
	border:1px solid #242424;
	z-index:20;
	font-size:.75em;
	padding:10px;
	width:235px;
	letter-spacing:-0.05em;
	line-height:1.5em;
	transition: all 0.3s ease;
}
.delivery-wrap2 .speech-bubble:after {
	content: '';
	position: absolute;
	top: -12px;
	left: 12%;
    background:url('/img/v3/common/arr_t_tp.png') no-repeat left top; 
	background-size:22px auto;
	width:48px; height:38px;
	transition: all 0.3s ease;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.delivery-wrap2 .speech-bubble:after { top:-11px; }
}
/* 18/07/03 e */

.btn-both2 a {  width:48%; }
.btn-both2 a+a { float:right; }
a.btn-d-blue { display:block; height:44px; line-height:46px; background:#687a8b; color:#fff; font-size:15px; text-align:center; }
.swiper-wrap { position:relative; padding:0 30px; background:white; }
.delivery-wrap2 .swiper-button-prev,
.delivery-wrap2 .swiper-button-prev { left:5px; background:url('/img/v3/common/btn_prev_s.png') no-repeat 5px 50%!important; background-size:10px auto!important; }
.delivery-wrap2 .swiper-button-next,
.delivery-wrap2 .swiper-button-next { right:0px; background:url('/img/v3/common/btn_next_s.png') no-repeat 5px 50%!important; background-size:10px auto!important; }
.swiper-wrap dl { padding-top:5px; }
.swiper-wrap dl dt { font-weight:bold; font-size:.875em; }
.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity:1!important; }
.w-area p.tit.tit-n { padding:15px 10px; border-bottom:1px solid #bdc4cc; background:white; font-size:.875em; font-weight:bold; letter-spacing:-0.05em; }  
ul.lst-pro li:first-child { padding-top:0; border-top:none; }
ul.lst-pro li:last-child { padding-bottom:0;  }
ul.lst-pro li { padding:15px 0; border-top:1px solid #e6e6e6; }
ul.lst-pro .info { position:relative; min-height:85px; padding-left:100px; background:white ;}
ul.lst-pro .info .tmb { position:absolute; top:0; left:0; width:85px; height:85px; border:1px solid #ededed; box-sizing:border-box; text-align:center; }
ul.lst-pro .info .tit { 
	max-height:38px; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; padding-top:20px;
	color:#000; font-size:.875em; 
}
.menu-6 {background:white; }
.menu-6 li { position:relative; float:left; width:33.33%;  text-align:center; border-bottom:1px solid #d4d8de; font-size:.75em; }
.menu-6 li:before { position: absolute; content: ''; top: 0%; right: 0px; height: 100%; width: 1px; background: rgba(34, 36, 38, 0.1); }
.menu-6 li.btn a { display:block; width:100%; padding:55px 0 15px; font-weight:bold; }
.menu-6 li.btn1 { background:url('/img/v3/common/ico_mytail_01.png') no-repeat center 20px / 30px auto; }
.menu-6 li.btn2 { background:url('/img/v3/common/ico_mytail_02.png') no-repeat center 20px / 30px auto; }
.menu-6 li.btn3 { background:url('/img/v3/common/ico_mytail_03.png') no-repeat center 20px / 30px auto; }
.menu-6 li.btn4 { background:url('/img/v3/common/ico_mytail_04.png') no-repeat center 20px / 30px auto; }
.menu-6 li.btn5 { background:url('/img/v3/common/ico_mytail_05.png') no-repeat center 16px / 30px auto; }
.menu-6 li.btn6 { background:url('/img/v3/common/ico_mytail_06.png') no-repeat center 20px / 30px auto; }
.btn-col2 { padding:15px 15px; border-bottom:1px solid #c2c8cf; background:white; -moz-column-count: 2; -moz-column-gap: 15px; -webkit-column-count: 2; -webkit-column-gap: 15px; column-count:2; column-gap: 15px; }
.btn-col2 a.btn-ico-b { display:block; width:100%; padding:50px 0 20px; color:white; text-align:center; font-size:.875em; letter-spacing:-0.05em; }
.btn-col2 a.btn-ico-b.btn-1 { background:url('/img/v3/common/ico_ship_w.png') no-repeat center 20px / 20px auto #3985e3; }
.btn-col2 a.btn-ico-b.btn-2 { background:url('/img/v3/common/ico_alarm_w.png') no-repeat center 20px / 25px auto #3985e3; }
.menu-vert { width:100%; border-bottom:1px solid #c2c8cf; background:white; }
.menu-vert > ul > li {  border-bottom:1px solid #e6e6e6; background:url(/img/v3/common/bul_label_right.gif) no-repeat 95% 45%; background-size:6px 10px; letter-spacing:-0.05em; }
.menu-vert > ul > li:last-child { border-bottom:none; }
.menu-vert > ul > li.my-q { background-position:95% 20px; }
.menu-vert > ul > li > a { display:block; padding:15px 15px; background:url('/img/v3/common/ico_cs.png') no-repeat 15px 15px / 20px auto; font-size:.875em; }
.menu-vert > ul > li+li > a { display:block; padding:15px 15px; background:url('/img/v3/common/ico_q.png') no-repeat 15px 15px / 20px auto; font-size:.875em; }
.menu-vert > ul > li+li+li > a { display:block; padding:15px 15px; background:url('/img/v3/common/ico_oto.png') no-repeat 17px 15px / 15px auto; font-size:.875em; }
.menu-vert > ul > li > a > span { display:block; padding-left:30px;  }
.menu-vert > ul > li > .lst-oto {  border-top:1px solid #e6e6e6; background:#f7f7f7; font-size:.875em; }
.menu-vert > ul > li > .lst-oto dt { width:70%; } /*2018-06-14 추가*/
.menu-vert > ul > li > .lst-oto dd { font-size:.875em; margin-top:5px; color:#808080; }
.menu-vert > ul > li > .lst-oto span { position:absolute; right:15px; top:19px; display:block; width:70px; padding:5px 0 7px; font-size:.875em; font-weight:bold; text-align:center; }
.menu-vert > ul > li > .lst-oto span.wait { border:1px solid #808080; color:#808080; }  
.menu-vert > ul > li > .lst-oto span.ing { border:1px solid #2f97e8; color:#2f97e8; }  
.menu-vert > ul > li > .lst-oto li { position:relative; padding:15px;  }
.menu-vert > ul > li > .lst-oto li+li { border-top:1px solid #e6e6e6; }
.board { border-bottom:1px solid #c2c8cf; background:white; }
.board p.tit { padding:10px 15px; border-bottom:1px solid #e6e6e6; background:url(/img/v3/common/bul_label_right.gif) no-repeat 95% 45%; background-size:6px 10px; letter-spacing:-0.05em;  }
.board p.tit span { display:block; padding-left:30px; background:url('/img/v3/common/ico_notice.png') no-repeat left 5px / 20px auto; font-weight:bold; }
.board ul li { position:relative; border-bottom:1px solid #e6e6e6; letter-spacing:-0.05em; }
.board ul li span.date { position:absolute; right:20px; top:10px; color:#999; font-size:.875em; }  
.board ul li a { display:block; padding:12px 15px 15px 40px; background:url('/img/v3/common/ico_n.png') no-repeat 15px 13px / 20px auto;  font-size:.875em; }
.board ul li a span:first-child { display:block; overflow:hidden; width:70%; text-overflow:ellipsis; white-space:nowrap; word-wrap: normal !important; }
.board p.btn { padding:20px 15px; }
.swiper-button-next1,
.swiper-button-next4 { right:0px!important; }
.swiper-button-prev1,
.swiper-button-prev4 { left:3px!important; }
.swiper2 .swiper-slide { height:90px; }
.swiper3 .swiper-slide { height:90px; }
.swiper2 dl { padding-top:11px; }

/* 클래스별 등급 클래스 */
.w-area .cont dl p.bronze { background:#9f642a; }
.w-area .cont dl p.default { background:#4a4a4a; }
.w-area .cont dl p.steal { background:#767676; }
.w-area .cont dl p.silver { background:#89a4ad; }
.w-area .cont dl p.coral { background:#f73c1d; }
.w-area .cont dl p.w-gold { background:#c9c9c9; }
.w-area .cont dl p.gold { background:#e5b918; }
.w-area .cont dl p.sapp { background:#5677e2; }
.w-area .cont dl p.ruby { background:#fc1f4b; }
.w-area .cont dl p.dia { background:#7e83a0; }
.w-area .cont dl p.pla { background:#c3ac5c; }
.w-area .cont dl p.spe { background:#00B050; } /*특별회원추가 2018-06-25*/

.bt10 { border-top:10px solid #e4e8ec; }
.mt10 { margin-top:10px!important; }
.mt20 { margin-top:20px!important; }
.bbnone { border-bottom:none!important; }
.btnone { border-top:none!important; }

.clearfix2:after {content:".";display:block;height:0;clear:both;visibility:hidden;}


@media screen and (max-width:320px) {
  #footer .lnks a { margin:0 2px; }
}
/* 18/06/11 e */

/* 18/06/25 s */
.swiper-container .total { z-index:2; position:absolute; right:0px; bottom:0!important; width:50px; height:22px; padding:5px 0 0; background-color:rgba(0,0,0,0.5); color:white; font-size:.75em; text-align:center; font-weight:bold; letter-spacing:-0.09em; }
.preview.d-event .total { right:0; bottom:0; }
.swiper-container .total.tt { right:60px; }
.swiper-container a.btn-av { z-index:2; display:block; position:absolute; right:0px; bottom:0!important; width:60px; height:22px; padding:5px 0 0; background-color:rgba(0,0,0,0.5); color:white; font-size:.75em; text-align:center; font-weight:bold; letter-spacing:-0.09em; }
.section .group > p.txt { margin-top:5px; font-size:.75em; text-align:center; color:#9da0a9; letter-spacing:-0.05em; line-height:18px; }
.section .group > p#txt-1 {text-align:left;}

.swiper-pagination-current { display:inline-block; }
.banner-m-b { z-index:11; display:none; position:absolute; top:0; right:0; left:0; text-align:center; }
.banner-m-b li { margin-bottom:1px; }
.banner-m-b .inner { position:relative; width:95%; margin:0 auto 18px; }
@media screen and (min-width:800px) {
  .banner-m-b .inner .btn-hide { right:10%; }
}
.banner-m-b .inner h3 { display:block; padding:10px 0; text-align:center; color:white; font-weight:normal; font-size:1em; }
.banner-m-b .btn-hide { z-index:9999; position:absolute; right:5%; top:13px; width:13px; height:13px; }
.banner-m-b .btn-hide:after {
    height: 24px;
    width: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -1px;
    background: #fff;
}
.banner-m-b .btn-hide:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.banner-m-b .btn-hide:before {
    height: 24px;
    width: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -1px;
    background: #fff;
	}
.banner-m-b ul { margin:0; }
/* 18/06/25 e */

/* 18/07/31 s */
.txt-black { color:#060606!important; }
.btn-detail.btn-detail2 { margin-right:20px; }
dl.btline { border-top:1px solid #d4d8de; }
/*p.btn-bunch { z-index:20000; position:absolute; left:10px; top:13px!important; right:0!important; } 2018-08-02 아래내용으로 수정*/
p.btn-bunch { z-index:20000; position:absolute; left:10px; top:13px!important; right:0!important; width:120px; }
p.btn-bunch strong { display:inline-block; height:32px; line-height:32px; padding:0 20px; background:#3985e3; color:#fff; font-size:.875em; text-align:center; }
p.btn-bunch span { position:relative; top:2px!important; height:inherit!important; line-height:inherit!important; padding:0px 6px 5px; border-radius:50px!important; background:#3985e3; color:white!important; font-weight:normal!important; font-size:1.5em; }
.s-bubble {
	position: relative;
	left:15px;
	top:60px!important;
	background: white;
	color:#808080;
	border-radius: 0;
	border:1px solid #242424;
	z-index:20;
	font-size:.75em!important;
	padding:10px;
	width:235px;
	letter-spacing:-0.05em;
	line-height:1.5em;
	transition: all 0.3s ease;
}
.s-bubble:after {
	content: '';
	position: absolute;
	top: -12px;
	left: 12%;
    background:url('/img/v3/common/arr_t_tp.png') no-repeat left top; 
	background-size:22px auto;
	width:48px; height:38px;
	transition: all 0.3s ease;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.s-bubble:after { top:-11px; }    
}
/* 18/07/31 e */

/* 18/08/17 s */
.hdr .btn-pay { position:absolute; top:13px; right:10px; padding:5px 10px 5px 10px; border:1px solid #fff; box-sizing:border-box; background:url('/img/v3/common/ico_pay.png') no-repeat 5px 50%; background-size:16px auto; font-size:.875em; color:white; }
.hdr .btn-pay em { padding-left:15px; }
.hdr .btn-pay a { position:relative; color:white; }
.hdr .btn-pay .badge-red { position:absolute; top:-12px; right:22px; margin-right:-30px; width:22px; height:22px; line-height:24px; background:#ff4a53; border-radius:11px; color:#fff; font-size:10px; text-align:center; }

.s-bubble2 {
	position: absolute;
	right:20px;
	top:60px!important;
	background: white;
	color:#808080;
	border-radius: 0;
	border:1px solid #242424;
	z-index:20;
	font-size:.75em!important;
	padding: 0;
	width:235px;
	letter-spacing:-0.05em;
	line-height:1.5em;
	transition: all 0.3s ease;
}
.s-bubble2:after {
	content: '';
	position: absolute;
	top: -12px;
	left: 77%;
    background:url('/img/v3/common/arr_t_tp.png') no-repeat left top; 
	background-size:22px auto;
	width:48px; height:18px;
	transition: all 0.3s ease;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.s-bubble2:after { top:-11px; }    
}
.s-bubble2 ul li { position:relative; padding:0 10px; border-bottom:1px solid #e5e8eb; color:#010101; } 
.s-bubble2 ul li:last-child { border-bottom:none; }
.s-bubble2 ul li a { display:inline-block; position:absolute; right:10px; top:7px; padding:5px 8px; color:white; font-weight:bold; border:1px solid #ff4a52; background:#ff4a52; }
.s-bubble2 ul li a.btn-white { display:inline-block; position:absolute; right:10px; top:9px; padding:5px 8px; color:#808080; font-weight:bold; border:1px solid #808080; background:white; }
.s-bubble2 ul li dl { position:relative; top:2px; padding-top:12px; }
.s-bubble2 ul li dl dt,
.s-bubble2 ul li dl dd { float:left; }
.s-bubble2 ul li dl dt { width:100px; }
.s-bubble2 .txt-red { color:#ff4a52; }
/* 18/08/17 e */

/* 18/12/05 s */
#event-4 p.txt { margin-top:7px; margin-right:0!important; color:#a5a5a5; font-size:.75em; letter-spacing:-0.03em; }
#event-4 .cont { position:relative; margin:0 15px; }
#event-4 .cont a { display:inline-block; position:absolute; right:0; top:0; padding:20px 15px; background:#3985e3; color:white; font-weight:bold; font-size:1em; text-align:center; }
#event-4 .cont p { margin-right:70px; }
#event-4 .cont p:first-child { margin-bottom:5px; }
#event-4 .cont p select { width:100%; font-size:.875em; }
#event-4 .cont p input { font-size:.875em; }
/* 18/12/05 e */

/*2019-03-18 멘티스 0005242번 프론트 몰테일앱/바이씽앱 https://ubest.club/ 아마존 코드할인 상품 추가 요청 css 추가*/
/* 19/02/11 s */
.col2-n-area { margin-top:10px; }
.col2-n-area .t-menu { overflow:hidden; width:100%; background:#f0f4f7; }
.col2-n-area .t-menu li { float:left; width:50%; text-align:center; }
.col2-n-area .t-menu li:first-child a { border-left:none; }
.col2-n-area .t-menu li a { display:block; border-bottom:1px solid #d7dce3; border-left:1px solid #d7dce3; padding:10px 0; font-size:.875em; color:#666; }
.col2-n-area .t-menu li a span { display:block; }
.col2-n-area .t-menu li.on a { background:white; border-bottom:1px solid white; color:black; font-weight:bold; }
.col2-n-area .prd-wrap { margin-top:0; }
.col2-n-area .cont { position:relative; /* top:-20px; */ }
#amazon-go { background:white; }
#amazon-go .category-list { margin-top:0; }
#amazon-go .category-list li .prd-info dd { position:absolute; bottom:10px; }
#amazon-go .category-list li .prd-info dd strong.red { color:red; }
#amazon-go .category-list li .prd-info dd .prd-price { font-size:.875em; border-bottom:none; text-decoration:line-through; }
#amazon-go .category-list li .prd-info dt {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin-top: 4px;
    font-size: .875em;
	line-height:14px;
}

#amazon-go .category-list li a.cc { display:block; position:absolute; right:20px; bottom:10px; padding:0 10px 5px; background:#32afe3; color:white; text-align:center; }
#amazon-go .category-list li a.cc span { font-size:.75em; }
#amazon-go .category-list li a.cc strong { font-size:.875em; }
/* 19/02/11 e */

/* 19/02/20 s */
.white-area { padding:1px 0; border-bottom:1px solid #bdc4cc; background:white; }
.white-area p.notice { padding:12px 10px; font-size:.875em; line-height:1.25em; }
.c-lst { margin-top:8px!important; }
/* .c-lst li { margin-left:0; } */
.c-lst.basic-items .prd-info { margin-top:0; }
.c-lst.basic-items li { margin-left:8px; }
.c-lst.basic-items li .prd-info dt { margin-top:0!important; }
.c-lst li .tmb { left:0; }
.c-lst li { padding-left:95px; }
.hdr > h2 > span { letter-spacing:-0.09em!important; font-size:1em!important; color:white; }
#amazon-go .category-list { border-bottom:1px solid #bdc4cc; }
.prd-ranking2.swiper-container { margin-top:0; padding-top:0; }
.prd-wrap.prd-wrap-n.hot_deal { padding-top:0; }
.swiper-wrapper.category-list.cg-lst { margin-top:0px; }
.category-list li { margin-left:10px; }
.prd-ranking2 ul li { min-height:84px; }
/* 19/02/20 e */

/*메시지함 리뉴얼*/
ul.msg_tab{width:100%; overflow:hidden;}
ul.msg_tab li{width :calc(100% / 3); position:relative;bottom:1px; border-bottom:2px solid #575a61;border-right:0px;border-top:0px; box-sizing:border-box; background-color:#fff; float:left;}
ul.msg_tab li.on + li a{border-left: 0 none;}
ul.msg_tab li a{border-left:1px solid #e2e5eb;font-size:1em; display:block; padding:15px 0px; color:#999; text-align:center; transition:0.3s;}
ul.msg_tab li.on{border-bottom:white;top:-1px;position:relative; background-color:#e4e7ec;}
ul.msg_tab li.on a { font-weight:bold; border-top:2px solid #575a61; border-right:2px solid #575a61; border-left:2px solid #575a61; color:#000; }
ul.msg_tab li:first-child a{border-left:0px;}
ul.msg_tab li:last-child a{border-right:0px;}
ul.msg_tab li .msg_new{width:18px; position:absolute; top:16px; right:8px;}
ul.msg_tab li.on .msg_new{top:18px;}

.h_hotdeal_write{position:absolute; top:10px; right:12px; font-size:.875em; color:#ff4330; font-weight:bold;}
.h_hotdeal_write img{width:18px; margin-top:-2px; vertical-align:middle;}

/*결제하기 카드 배너*/
#card_banner{width:100%; padding:10px 15px 5px 15px; background-color:#fff; box-sizing:border-box;}
#card_banner .item-thumb { width: 115px; height: 62px; position: absolute; left: 0; top: 0;}
#card_banner .item-thumb .sale-price { position: absolute; left: 10px; bottom: 3px; font-size: 1.5em; letter-spacing: -1px; }
#card_banner .item-thumb.card-hd { background: url(/img/v4/index/bg_card_hd.gif) no-repeat 0 0; background-size: 100% 100%; }
#card_banner .item-thumb.card-hd .sale-price { color: #8b74f0; }
#card_banner .item-thumb.card-hd .sale-price strong { text-shadow: 1px 0px 0px #8b74f0; }
#card_banner .item-thumb.card-kb { background: url(/img/v4/index/bg_card_kb.gif) no-repeat 0 0; background-size: 100% 100%; }
#card_banner .item-thumb.card-kb .sale-price { color: #ffa200; }
#card_banner .item-thumb.card-kb .sale-price strong { text-shadow: 1px 0px 0px #ffa200; }
#card_banner .item-thumb.card-hana { background: url(/img/v4/index/bg_card_hana.gif) no-repeat 0 0; background-size: 100% 100%; }
#card_banner .item-thumb.card-hana .sale-price { color: #007870; }
#card_banner .item-thumb.card-hana .sale-price strong { text-shadow: 1px 0px 0px #007870; }
#card_banner .item-info { min-height: 62px; margin-left: 125px;  position: relative;}
#card_banner .item-date { color: #8b74f0; background-image: url(/img/v4/index/ico_item_date_purple.gif); background-repeat:no-repeat; background-position:0px 3px; padding-left: 12px;}
#card_banner .item-name { font-weight: normal; }
#card_banner .item-section-item .item-name-sub { font-size: .875em; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#card_banner .item-section-item .item-price { font-size: 1.250em; font-weight: bold; color: #ff4330; letter-spacing: 0; text-shadow: 1px 0px 0px #FF4330; }
#card_banner .item-section-item .item-price em { font-style: normal; font-size: small; vertical-align: 6px; margin-left: 2px; text-shadow: none; }
#card_banner .item-section-item .item-price-sub { font-size: .938em; color: #b0b8c1; text-decoration: line-through; margin-left: 5px; letter-spacing: -1px; }
#card_banner .item-section-item .item-view { margin-top: 5px; color: #64696e; font-size: .750em; /* letter-spacing: -1px; */ }
#card_banner .item-section-item .item-view strong { color: #000; font-size: larger; padding-left: 5px; }
#card_banner .item-section-item .item-recomm { letter-spacing: -1px; color: #64696e; font-size: .750em; margin-left: 5px; padding-left: 10px; background: url(/img/v4/index/bull_info_left.gif) no-repeat 0 60%; background-size: 1px 12px; }
#card_banner .item-section-item .item-recomm strong { color: #000; font-size: larger; padding-left: 5px; }
#card_banner .item-section-item .item-link {  }
#card_banner .item-section-item .item-link a { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; text-indent: -9999px; }
#card_banner .item-section-item .item-info .abs-middle{width:100%;}
#card_banner .item-section-item .item-info p{line-height:1.2;}
#card_banner .item-section-item .item-info span{display:inline-block;font-size: .750em; background-size: 10px 10px;}
#card_banner .card_banner_btn{width:100%; padding:5px 0px; text-align:center;}
#card_banner .card_banner_btn span{width:8px; height:8px; border-radius:100%; display:inline-block; background-color:#fff; border:1px solid #ddd; margin:0px 3.5px;}
#card_banner .card_banner_btn span.swiper-pagination-bullet-active{background-color:#8e8e8e;}

/*결제하기 카드 배너2*/
#card_banner2{width:100%; padding:10px 0px 5px 0px; background-color:#fff; box-sizing:border-box;}
#card_banner2 .item-section-item{padding:0px;}
#card_banner2 .item-thumb { width: 115px; height: 62px; position: absolute; left: 0; top: 0;}
#card_banner2 .item-thumb img{width:100%;}
#card_banner2 .item-thumb .sale-price { position: absolute; left: 10px; bottom: 3px; font-size: 1.5em; letter-spacing: -1px; }
#card_banner2 .item-thumb.card-hd { background: url(/img/v4/index/bg_card_hd.gif) no-repeat 0 0; background-size: 100% 100%; }
#card_banner2 .item-thumb.card-hd .sale-price { color: #8b74f0; }
#card_banner2 .item-thumb.card-hd .sale-price strong { text-shadow: 1px 0px 0px #8b74f0; }
#card_banner2 .item-thumb.card-kb { background: url(/img/v4/index/bg_card_kb.gif) no-repeat 0 0; background-size: 100% 100%; }
#card_banner2 .item-thumb.card-kb .sale-price { color: #ffa200; }
#card_banner2 .item-thumb.card-kb .sale-price strong { text-shadow: 1px 0px 0px #ffa200; }
#card_banner2 .item-thumb.card-hana { background: url(/img/v4/index/bg_card_hana.gif) no-repeat 0 0; background-size: 100% 100%; }
#card_banner2 .item-thumb.card-hana .sale-price { color: #007870; }
#card_banner2 .item-thumb.card-hana .sale-price strong { text-shadow: 1px 0px 0px #007870; }
#card_banner2 .item-info { min-height: 62px; margin-left: 125px;  position: relative;}
#card_banner2 .item-date { color: #8b74f0; background-image: url(/img/v4/index/ico_item_date_purple.gif); background-repeat:no-repeat; background-position:0px 3px; padding-left: 12px;}
#card_banner2 .item-name { font-weight: normal; }
#card_banner2 .item-section-item .item-name-sub { font-size: .875em; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#card_banner2 .item-section-item .item-price { font-size: 1.250em; font-weight: bold; color: #ff4330; letter-spacing: 0; text-shadow: 1px 0px 0px #FF4330; }
#card_banner2 .item-section-item .item-price em { font-style: normal; font-size: small; vertical-align: 6px; margin-left: 2px; text-shadow: none; }
#card_banner2 .item-section-item .item-price-sub { font-size: .938em; color: #b0b8c1; text-decoration: line-through; margin-left: 5px; letter-spacing: -1px; }
#card_banner2 .item-section-item .item-view { margin-top: 5px; color: #64696e; font-size: .750em; /* letter-spacing: -1px; */ }
#card_banner2 .item-section-item .item-view strong { color: #000; font-size: larger; padding-left: 5px; }
#card_banner2 .item-section-item .item-recomm { letter-spacing: -1px; color: #64696e; font-size: .750em; margin-left: 5px; padding-left: 10px; background: url(/img/v4/index/bull_info_left.gif) no-repeat 0 60%; background-size: 1px 12px; }
#card_banner2 .item-section-item .item-recomm strong { color: #000; font-size: larger; padding-left: 5px; }
#card_banner2 .item-section-item .item-link {  }
#card_banner2 .item-section-item .item-link a { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; text-indent: -9999px; }
#card_banner2 .item-section-item .item-info .abs-middle{width:100%;}
#card_banner2 .item-section-item .item-info p{line-height:1.2;}
#card_banner2 .item-section-item .item-info span{display:inline-block;font-size: .750em; background-size: 10px 10px;}
#card_banner2 .card_banner_btn{width:100%; padding:5px 0px; text-align:center;}
#card_banner2 .card_banner_btn span{width:8px; height:8px; border-radius:100%; display:inline-block; background-color:#fff; border:1px solid #ddd; margin:0px 3.5px;}
#card_banner2 .card_banner_btn span.swiper-active-switch{background-color:#000;}