@charset "utf-8"; @import url("//res.afreecatv.com/css/global/common.css"); @import url("//res.afreecatv.com/css/global/shop/shop_forv1.css"); @import url("//res.afreecatv.com/css/board.css"); @import url('//fonts.googleapis.com/earlyaccess/nanumgothic.css'); .acc, .hid, caption, .blind,legend {overflow:hidden;position:absolute;left:-10000px;top:0;width:0;height:0;font-size:0;line-height:0;} /* =========================== common =========================== */ /* page reset */ html, body, div, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code,del, dfn, font, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-family:'NG', verdana, applegothic, sans-serif !important; color:#545454} ::-moz-selection {background:#ccc; color:#0545b1; text-shadow:none;} ::selection {background:#ccc; color:#0545b1; text-shadow:none;} body, html{height:100%} body {background:#fff} html{font-size:12px} input, textarea {font-family:nanumgothic,ng,dotum;} ol, ul {list-style: none;} table {border-collapse: collapse; border-spacing: 0;} th, td {text-align: left; font-weight: normal} caption{font-size:0;line-height:0;visibility:hidden} a{text-decoration:none; color:#545454} a:link:hover,a:active{text-decoration:none} button{border:0 none;cursor:pointer} textarea{resize:none; border:1px solid #d6d6d6; overflow:auto; width:100%;} em{font-style:normal} .acc, .hid, caption, .blind,legend {overflow:hidden;position:absolute;left:-10000px;top:0;width:0;height:0;font-size:0;line-height:0;} .input_cb {vertical-align:middle; margin:-2px 0 0;} /* ========== 레이아웃 ========== */ .unit_area .notice {float:left;background-color: #fff;} .unit_area .notice a {display:block;padding:18px 0 0px 0 !important;margin:0 20px 0 0 !important;color:#666;text-align:right} .unit_area .notice a .icon{width:12px;height:11px;background:url('/images/afmain/img_main.png') -516px -71px no-repeat;display:inline-block;vertical-align:middle;margin:0 5px 1px !important;*height:15px} .unit_area .notice a strong{margin-right:3px} .mainmenu h2, .topmenu h2,.util h2,.bigbn h2,.mdrecomm h2,.bandbn h2, .siteinfo h2 {overflow:hidden;position:absolute;left:-10000px;top:0;width:0;height:0;font-size:0;line-height:0;} #content.afshop {margin:20px auto 0;} .main #content.afshop {margin:0 0 0 0;} .main #content {width:auto;} /* gnb */ /* .gnb {position:relative; z-index:111; height:111px; background:url('//res.afreecatv.com/images/shop/v1/gnb_line.gif') repeat-x 0 bottom;} */ .shopwrap #header{padding-bottom:0;} .shopwrap #header {background:none; border-bottom:2px solid #4279ff;} .shopwrap.main #header {border-bottom: none;} header#serviceHeader {border:0;} header#serviceHeader.headerSub h3.subTitle {position:relative; top:-9px;} header#serviceHeader #afSearcharea {display:none;} header#serviceHeader #menu:after {content:""; display:block; clear:both;} header#serviceHeader #menu .category_menu {float:left; margin-top:7px;} header#serviceHeader #menu .category_menu .category_wrap {top:47px;} header#serviceHeader #menu .menu {float:left;} header#serviceHeader #menu .linkService {float:right; margin-top:7px;} header#serviceHeader .util {top:70px; z-index:5;} header#serviceHeader .util li a {font:0/0 a;} header#serviceHeader .util li a .num {font-family:"NG"; line-height:23px !important; font-size:14px;} header#serviceHeader .util .search .input input {font-size:15px; text-indent:10px; } header#serviceHeader .serviceUtil .notice {background-color: #fff; padding:0;} header#serviceHeader .serviceUtil .notice a {display:block; padding:0 !important; margin:0 20px 0 0 !important;color:#666;text-align:right} header#serviceHeader .serviceUtil .notice a .icon{width:12px;height:11px;background:url('/images/afmain/img_main.png') -516px -71px no-repeat;display:inline-block;vertical-align:middle;margin:0 5px 1px !important;*height:15px} header#serviceHeader .serviceUtil .notice a strong{margin-right:3px} /* 상단메뉴 */ #menu {position:relative;} #af_gnb_sub #menu .menu.text {float:left; height:40px;} #menu .category_menu {float:left; margin-right:10px;} #menu .category_menu .category_btn {display:block; background:#4279ff; width:123px; height:40px; color:#fff; font-weight:bold; font-size:16px;} #menu .category_menu .category_btn:before {content:""; display:inline-block; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12'%3e%3cpath fill-rule='evenodd' fill='%23FFF' d='M13 7H1a1 1 0 010-2h12a1 1 0 010 2zm0-5H1a1 1 0 010-2h12a1 1 0 010 2zM1 10h12a1 1 0 010 2H1a1 1 0 010-2z'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%; width:14px; height:12px; margin-right:10px;} .category_wrap {display:none; flex-wrap:wrap; position:absolute; top:40px; left:0; width:960px; min-height:440px; background:#fff; border:1px solid #4279ff; box-sizing:border-box;} .category_wrap.on {display:flex;} .category_list {flex:0 1 auto; position:relative; width:199px; min-height:440px; background:#f5f5f5; border-right:1px solid #e6e6e6;} .category_list li a {display:block; padding:11px 15px; box-sizing:border-box; font-size:14px; font-weight:bold; color:#333;} .category_list li a:hover {background:#fff; color:#4279ff;} .category_list li.on a {background:#fff; color:#4279ff;} .depth_list {display:block; flex:0 1 auto; width:758px;} .depth_list .col {float:left; width:calc(100% / 4); height:100%; border-right:1px solid #e6e6e6; box-sizing:border-box;} .depth_list .col .depth {padding:22px 20px; border-bottom:1px solid #e6e6e6; box-sizing:border-box;} .depth_list .col .depth:last-of-type {border-bottom:0;} .depth_list .col .depth>strong>a {display:block; margin-bottom:15px; font-size:14px; font-weight:bold; color:#333;} .depth_list .col .depth>strong>a:hover {color:#4279ff;} .depth_list .col .depth>strong.on>a {color:#4279ff;} .depth_list .col .depth>ul>li {margin-bottom:10px;} .depth_list .col .depth>ul>li:last-of-type {margin-bottom:0px;} .depth_list .col .depth>ul>li.on>a {color:#4279ff;} .depth_list .col .depth>ul>li>a {display:block; font-size:13px; color:#666;} .depth_list .col .depth>ul>li>a:hover {color:#4279ff;} #af_gnb_sub #menu .menu.text li a {height:40px; line-height:38px; padding-top:0;} #af_gnb_sub #menu .menu.text li.on a {height:37px; margin-bottom:0; border-bottom:3px solid #4279ff;} /* 장바구니, MY쇼핑 메뉴 및 content분기처리 */ .shopwrap.myspwrap #header {background:url(/images/gnb/bg.png) 0 0 repeat-x; padding-bottom:2px; border:0;} .shopwrap.myspwrap #header #af_gnb_sub #menu .menu.text {overflow:inherit;} .shopwrap.myspwrap #af_gnb_sub #menu .menu.text {float:none; height:auto;} .shopwrap.myspwrap #af_gnb_sub #menu .menu.text li {margin-top:1px;} .shopwrap.myspwrap #af_gnb_sub #menu .menu.text li a {height:31px; line-height:15px;} .shopwrap.myspwrap #af_gnb_sub #menu .menu.text>li>a {line-height:22px;} .shopwrap.myspwrap #af_gnb_sub #menu .menu.text li.on a {height:31px; border-bottom:3px solid #4279ff;} .shopwrap.myspwrap #menu .linkService {float:right; display:block; height:auto; padding-top:8px;} .shopwrap.myspwrap #content.afshop {margin:40px auto 0;} /* //장바구니, MY쇼핑 메뉴 및 content분기처리 */ /* 커머스 */ /* 상단메뉴 및 content분기처리 */ .shopwrap.commerce .util li .search {width:289px; margin-right:0;} #menu .linkService {float:right; display:flex; align-items:center; height:40px;} #menu .linkService a {display:flex; font-size:16px; font-weight:bold; color:#4279ff;} #menu .linkService a:before {content:""; display:block; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 22.68 22.68'%3e%3cdefs%3e%3cpath id='a' d='M20.07 6.96H6.05l2.55 7.95h8.68l2.79-7.95zM3.93 1.48c.22 0 .41.14.48.35l1.32 4.13h15.04c.35 0 .59.34.47.67l-3.13 8.95c-.07.2-.26.34-.47.34h-9.4c-.22 0-.41-.14-.48-.35L5 6.96v-.01L3.57 2.49h-2.1v-1h2.46zm13.39 16.76a1.62 1.62 0 11-1.62 1.62c-.01-.9.72-1.62 1.62-1.62zm-8.49 0a1.62 1.62 0 110 3.24 1.62 1.62 0 010-3.24z'/%3e%3c/defs%3e%3cclipPath id='b'%3e%3cuse xlink:href='%23a' overflow='visible'/%3e%3c/clipPath%3e%3cpath clip-path='url(%23b)' fill='%234279ff' stroke='%234279ff' stroke-width='.5' stroke-miterlimit='10' d='M-3.53-3.52h29.81v30H-3.53z'/%3e%3cuse xlink:href='%23a' overflow='visible' fill='none' stroke='%234279ff' stroke-width='.5' stroke-miterlimit='10'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%; width:19px; height:19px; margin-right:5px;} #menu .linkService a.commerce:before {content:""; display:block; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.35 28.35'%3e%3cpath d='M19.12 26.17c-2.8 0-5.3-1.5-6.7-3.7h-9.7c-.9 0-1.6-.8-1.6-1.7V2.87c0-.4.3-.7.7-.7h7.8c.1 0 .3 0 .4.1l4.1 2.9h8.6c.9 0 1.6.8 1.6 1.7v5c1.8 1.5 2.9 3.7 2.9 6.2 0 4.5-3.6 8.1-8.1 8.1zm3.8-19.3c0-.2-.1-.3-.2-.3h-8.8c-.1 0-.3 0-.4-.1l-4.1-2.9h-6.9v17.2c0 .2.1.3.2.3h8.9v-.1c-.1-.2-.1-.4-.2-.6v-.2c-.1-.2-.1-.4-.1-.6v-.3c0-.2-.1-.3-.1-.5v-.8c0-4.5 3.6-8.1 8.1-8.1.3 0 .6 0 .9.1h.3c0 .2.2.2.4.2.1 0 .2.1.3.1.2.1.4.1.6.2.1 0 .2.1.3.1.2.1.5.2.7.3h.1v-4h0zm.2 5.9c-.1-.1-.3-.2-.4-.3h-.1c-.4-.2-.7-.4-1.1-.6-.1 0-.2-.1-.3-.1-.1 0-.2 0-.2-.1-.1 0-.2-.1-.4-.1h-.2c-.1 0-.3 0-.4-.1h-.8c-3.7 0-6.6 3-6.6 6.7 0 .3 0 .5.1.8v.2c0 .2.1.4.1.7v.1c.1.5.4 1 .6 1.5 1.1 2 3.3 3.3 5.7 3.3 3.7 0 6.6-3 6.6-6.7.1-2.2-1-4.1-2.6-5.3h0zm-3.5 9.3c-.3.2-.6.4-1 .4h0-.1 0-.1c-.5 0-.9-.2-1.3-.5-.4-.4-.6-.9-.6-1.4v-4.9c0-.8.4-1.4 1.1-1.8.7-.3 1.5-.2 2.1.2l3.1 2.5c.5.4.7.9.7 1.5s-.3 1.2-.7 1.5l-3.2 2.5h0zm2.2-4.4l-3.1-2.5c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.2.1-.1 0-.3.2-.3.5v4.9c0 .2.1.3.2.4s.3.2.4.1h0s.1 0 .2-.1l3.1-2.5c.2-.1.2-.3.2-.4 0-.1 0-.3-.2-.4h0z' fill-rule='evenodd' clip-rule='evenodd' fill='%234279ff' stroke='%234279ff' stroke-width='.5' stroke-miterlimit='10'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%; width:22px; height:22px; margin-right:5px;} .shopwrap.commerce #af_gnb_sub #menu .menu.text li a {display:flex; align-items:center; height:37px;} #menu .menu.text li a {display:flex !important; align-items:center;} #menu .menu.text li a em {display:block; background:#4279ff; height:18px; margin-left:5px; padding:0 11px 0 9px; border-radius:9px; box-sizing:border-box; text-align:center; line-height:18px !important; font-size:13px; color:#fff;} #menu .menu.text li a em.bounce-top {animation:bounce-top 0.9s both;} @keyframes bounce-top { 0% {transform:translateY(-10px); animation-timing-function:ease-in; opacity:1;} 24% {opacity:1;} 40% {transform:translateY(-8px); animation-timing-function:ease-in;} 65% {transform:translateY(-6px);animation-timing-function:ease-in;} 82% {transform:translateY(-4px);animation-timing-function:ease-in;} 93% {transform:translateY(-2px);animation-timing-function:ease-in;} 25%,55%,75%,87% {transform: translateY(0px); animation-timing-function:ease-out;} 100% {transform:translateY(0px); animation-timing-function:ease-out; opacity:1;} } .shopwrap.commerce #content.afshop {margin:0 auto;} .shopwrap.commerce #content.afshop .cont .todaynew.search .title_area {padding-top:40px;} /* 상품선택 infomation */ .cont .infomation {padding-top:38px;} .cont .infomation>strong {font-size:18px; color:#0f0f0f;} .cont .infomation>ul {background:#f7f7f7; margin-top:18px; padding:17px 21px;} .cont .infomation>ul>li {margin-bottom:5px; font-size:13px; color:#4d4d4d;} .cont .infomation>ul>li:last-of-type {margin-bottom:0;} .cont .infomation>ul>li>span {color:#4279ff; font-family:'NGB';} .cont .infomation>ul>li>span.ico-check:before {content:""; display:inline-block; background:#4279ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 15'%3e%3cpath fill='%23fff' fill-rule='evenodd' d='M16.432 1.447c.581-.59 1.531-.597 2.121-.015.59.581.597 1.531.015 2.121l-9.858 10c-.566.575-1.487.598-2.082.053L2.486 9.808c-.61-.56-.651-1.509-.092-2.12.56-.61 1.51-.651 2.12-.091l3.075 2.82 8.843-8.97z'/%3e%3c/svg%3e"); background-size:11px 9px; background-position:50% 50%; background-repeat:no-repeat; width:17px; height:17px; margin:0 3px 0 1px; border-radius:50%; vertical-align:-4px;} .cont .infomation>ul>li>span.ico-cart:before {content:""; display:inline-block; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 22.68 22.68'%3e%3cdefs%3e%3cpath id='a' d='M20.07 6.96H6.05l2.55 7.95h8.68l2.79-7.95zM3.93 1.48c.22 0 .41.14.48.35l1.32 4.13h15.04c.35 0 .59.34.47.67l-3.13 8.95c-.07.2-.26.34-.47.34h-9.4c-.22 0-.41-.14-.48-.35L5 6.96v-.01L3.57 2.49h-2.1v-1h2.46zm13.39 16.76a1.62 1.62 0 11-1.62 1.62c-.01-.9.72-1.62 1.62-1.62zm-8.49 0a1.62 1.62 0 110 3.24 1.62 1.62 0 010-3.24z'/%3e%3c/defs%3e%3cclipPath id='b'%3e%3cuse xlink:href='%23a' overflow='visible'/%3e%3c/clipPath%3e%3cpath clip-path='url(%23b)' fill='%234279ff' stroke='%234279ff' stroke-width='.5' stroke-miterlimit='10' d='M-3.53-3.52h29.81v30H-3.53z'/%3e%3cuse xlink:href='%23a' overflow='visible' fill='none' stroke='%234279ff' stroke-width='.5' stroke-miterlimit='10'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%; width:18px; height:18px; vertical-align:-4px;} /* 상품선택 item선택 */ .items .thum input {position:absolute; visibility:hidden;} .items .thum .itemChk {position:absolute; bottom:15px; right:17px; background:#ccc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 15'%3e%3cpath fill='%23fff' fill-rule='evenodd' d='M16.432 1.447c.581-.59 1.531-.597 2.121-.015.59.581.597 1.531.015 2.121l-9.858 10c-.566.575-1.487.598-2.082.053L2.486 9.808c-.61-.56-.651-1.509-.092-2.12.56-.61 1.51-.651 2.12-.091l3.075 2.82 8.843-8.97z'/%3e%3c/svg%3e"); background-size:21px 17px; background-position:50% 50%; background-repeat:no-repeat; width:41px; height:41px; border-radius:50%; cursor:pointer; font:0/0 a; transition:all .3s; z-index:10;} .items .thum .itemChk.on {background:#4279ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 15'%3e%3cpath fill='%23fff' fill-rule='evenodd' d='M16.432 1.447c.581-.59 1.531-.597 2.121-.015.59.581.597 1.531.015 2.121l-9.858 10c-.566.575-1.487.598-2.082.053L2.486 9.808c-.61-.56-.651-1.509-.092-2.12.56-.61 1.51-.651 2.12-.091l3.075 2.82 8.843-8.97z'/%3e%3c/svg%3e"); background-size:21px 17px; background-position:50% 50%; background-repeat:no-repeat;} /* 상품관리 */ .product_manage {margin-top:54px;} .product_manage .controller {height:18px;} .product_manage .controller:after {content:""; display:block; clear:both;} .product_manage .controller input {position:absolute; left:0; visibility:hidden;} .product_manage .controller .itemChk {display:flex; align-items:center; float:left; margin-right:2px; font-size:14px; font-weight:bold; color:#131313; cursor:pointer;} .product_manage .controller .itemChk:before {content:""; display:block; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 11'%3e%3cpath fill='%23ccc' fill-rule='evenodd' d='M5.822 10.502l-4.61-5.311C.855 4.78.9 4.158 1.311 3.801c.412-.356 1.034-.312 1.391.099l3.257 3.752L13.114.848c.394-.376 1.019-.359 1.394.034.375.394.36 1.018-.035 1.393l-8.651 8.227z'/%3e%3c/svg%3e"); background-size:10px 9px; background-position:50% 50%; background-repeat:no-repeat; width:15px; height:15px; margin-right:10px; border:1px solid #ccc; box-sizing:border-box; transition:background-image,border .2s;} .product_manage .controller .itemChk.on:before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 11'%3e%3cpath fill='%234279ff' fill-rule='evenodd' d='M5.822 10.502l-4.61-5.311C.855 4.78.9 4.158 1.311 3.801c.412-.356 1.034-.312 1.391.099l3.257 3.752L13.114.848c.394-.376 1.019-.359 1.394.034.375.394.36 1.018-.035 1.393l-8.651 8.227z'/%3e%3c/svg%3e"); background-size:10px 9px; background-position:50% 50%; background-repeat:no-repeat; border:1px solid #4279ff;} .product_manage .controller span {float:left; font-size:14px; font-weight:bold; color:#131313;} .product_manage .controller span em {text-decoration:none; font-style:normal;} .product_manage .controller>i {display:block; float:left; background:#ccc; width:1px; height:18px; margin:0 16px;} .product_manage .controller .selectDel {display:flex; align-items:center; float:left; font-size:14px; font-weight:bold; font-family:'NG'; color:#131313;} .product_manage .controller .editSeq {display:flex; align-items:center; float:right; position:relative;} .product_manage .controller .editSeq .edit {display:flex; font-size:14px; font-weight:bold; font-family:'NG'; color:#999;} .product_manage .controller .editSeq .edit:before {content:""; display:block; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3e%3cpath fill-rule='evenodd' fill='%23999' d='M15.36 4.45a1.28 1.28 0 000-1.82 1.32 1.32 0 00-1.81 0l-1 1-.42-.24c-.43-.24-.89-.43-1.38-.57l-.46-.13v-1.4a1.29 1.29 0 00-2.58 0v1.4l-.46.13c-.5.14-.95.33-1.38.57l-.43.24-.99-1a1.32 1.32 0 00-1.81 0c-.25.25-.38.57-.38.92 0 .34.13.66.38.9l.99 1-.24.42a6.4 6.4 0 00-.57 1.38l-.13.46h-1.4a1.29 1.29 0 000 2.58h1.4l.13.46c.14.5.33.96.57 1.38l.24.42-1 1c-.24.24-.37.56-.37.9 0 .35.13.67.38.91.48.49 1.33.49 1.81 0l1-.99.42.24c.43.24.89.43 1.38.57l.46.13v1.4a1.29 1.29 0 002.58 0v-1.4l.46-.13c.49-.14.95-.33 1.38-.57l.43-.24.99 1c.48.48 1.33.48 1.81 0 .25-.25.38-.57.38-.92 0-.34-.13-.66-.38-.9l-.99-1 .24-.42c.24-.43.43-.9.57-1.38l.13-.46h1.4a1.29 1.29 0 000-2.58h-1.4l-.13-.46a6.37 6.37 0 00-.57-1.38l-.24-.43 1-.99zM9 12.94a3.94 3.94 0 11.01-7.89A3.94 3.94 0 019 12.94z'/%3e%3c/svg%3e"); background-size:100% 100%; background-position:50% 50%; background-repeat:no-repeat; width:17px; height:17px; margin-right:5px;} .product_manage .controller .editSeq .tip {display:block; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5.81 10.14'%3e%3cpath data-name='pass 95' d='M2.84.2A3.67 3.67 0 014 .37a2.62 2.62 0 01.88.47 1.99 1.99 0 01.55.73 2.35 2.35 0 01.19.96v.15a2.06 2.06 0 01-.33 1.15 5.83 5.83 0 01-1.02 1.11q-.4.36-.64.62a2.88 2.88 0 00-.35.48 1.23 1.23 0 00-.16.41 2.81 2.81 0 00-.03.45.3.3 0 01-.14.27.54.54 0 01-.3.1.6.6 0 01-.33-.1.31.31 0 01-.14-.28 4.22 4.22 0 01.04-.6 1.63 1.63 0 01.17-.54 3.1 3.1 0 01.38-.53 6.2 6.2 0 01.66-.65Q3.77 4.26 4 4a4.1 4.1 0 00.39-.46 1.4 1.4 0 00.2-.42 1.62 1.62 0 00.06-.44v-.1a1.39 1.39 0 00-.47-1.1 1.96 1.96 0 00-1.33-.42 2.55 2.55 0 00-1.12.22 3.59 3.59 0 00-.83.56.4.4 0 01-.3.1.42.42 0 01-.29-.16.42.42 0 01-.12-.3.41.41 0 01.15-.3A3.88 3.88 0 011.41.52 3.44 3.44 0 012.84.2zm-.22 8.3a.7.7 0 01.52.21.7.7 0 01.21.52.69.69 0 01-.2.5.7.7 0 01-.53.2.71.71 0 01-.51-.2.68.68 0 01-.21-.5.7.7 0 01.2-.51.7.7 0 01.52-.22z' fill='%23aaa' stroke='%23999' stroke-width='.4'/%3e%3c/svg%3e"); background-size:5px 9px; background-position:50% 50%; background-repeat:no-repeat; width:15px; height:15px; margin-left:9px; border:1px solid #b2b2b2; border-radius:50%; box-sizing:border-box;} .product_manage .controller .editSeq .editTip {display:none; position:absolute; top:24px; left:50%; background:#fff; width:254px; min-height:71px; margin-left:-127px; padding:20px 10px; border:1px solid #c7c7c7; border-radius:4px; box-sizing:border-box; word-break:keep-all; text-align:center; transition:all .3s; animation:editTip .3s linear forwards; z-index:1005;} .product_manage .controller .editSeq .editTip.on {display:block; letter-spacing:-.5px;} .product_manage .controller .editSeq .editTip p {font-size:13px; color:#999;} @keyframes editTip {0% {left:50%; opacity:0;} 100% {left:50%; margin-left:-117px; opacity:1;}} .product_manage .title {display:flex; background:#f9f9f9; margin-top:12px; padding:11px 0; border-top:1px solid #000; border-bottom:1px solid #ebebeb; box-sizing:border-box;} .product_manage .title strong {display:block; font-size:13px; color:#131313;} .product_manage .title strong:first-of-type {width:81.5%; text-align:center;} .product_manage .title strong:nth-of-type(2) {width:18.5%;} .product_manage .list {margin-bottom:12px;} .product_manage .list li {display:flex; align-items:center; height:95px; border-bottom:1px solid #ebebeb;} .product_manage .list li input {position:absolute; left:0; visibility:hidden;} .product_manage .list li .itemChk {flex:0 1 auto; margin-right:45px; cursor:pointer; font:0/0 a;} .product_manage .list li .itemChk:before {content:""; display:block; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 11'%3e%3cpath fill='%23ccc' fill-rule='evenodd' d='M5.822 10.502l-4.61-5.311C.855 4.78.9 4.158 1.311 3.801c.412-.356 1.034-.312 1.391.099l3.257 3.752L13.114.848c.394-.376 1.019-.359 1.394.034.375.394.36 1.018-.035 1.393l-8.651 8.227z'/%3e%3c/svg%3e"); background-size:10px 8px; background-position:50% 50%; background-repeat:no-repeat; width:15px; height:15px; border:1px solid #ccc; box-sizing:border-box; transition:background-image,border .2s;} .product_manage .list li .itemChk.on:before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 11'%3e%3cpath fill='%234279ff' fill-rule='evenodd' d='M5.822 10.502l-4.61-5.311C.855 4.78.9 4.158 1.311 3.801c.412-.356 1.034-.312 1.391.099l3.257 3.752L13.114.848c.394-.376 1.019-.359 1.394.034.375.394.36 1.018-.035 1.393l-8.651 8.227z'/%3e%3c/svg%3e"); background-size:10px 8px; background-position:50% 50%; background-repeat:no-repeat; border:1px solid #4279ff;} .product_manage .list li .thum {flex:0 1 auto; position:relative; width:74px; height:74px; margin-right:20px;} .product_manage .list li .thum img {width:74px; height:74px;} .product_manage .list li .thum .soldout {display:flex; justify-content:center; align-items:center; position:absolute; background:rgba(0,0,0,.4); width:74px; height:74px; font-size:14px; color:#fff; z-index:1;} .product_manage .list li .tit {flex:0 1 auto; display:block; width:550px; margin-right:40px;} .product_manage .list li .tit>a {display:inline-block; max-width:520px; font-size:14px; font-family:'NGB'; color:#131313; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .product_manage .list li .tit .ic_adult {display:inline-block; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3e%3cpath fill-rule='evenodd' fill='%23FF2424' d='M9.11 17.512c-4.814 0-8.635-3.821-8.635-8.535C.475 4.262 4.296.441 9.11.441c4.615 0 8.437 3.821 8.437 8.536 0 4.714-3.822 8.535-8.437 8.535Zm0-15.793c-3.21 0-7.357 3.256-7.357 7.258 0 4.001 4.147 7.257 7.357 7.257 4.02 0 7.158-3.256 7.158-7.257 0-4.002-3.138-7.258-7.158-7.258Zm1.012 10.785a5.224 5.224 0 0 1-.785.022v-1.029c.201.021.403.011 1.243-.021-.013-.043 1.18-.223.878-.53.445-.361.753-.286.88-1.527l-.021-.011c-.35.392-.838.822-1.506.822-1.198 0-2.089-1.076-2.089-2.349 0-1.315 1.018-2.46 2.492-2.46 1.601 0 2.46 1.262 2.46 2.937 0 1.474-.488 2.524-1.198 3.203-.605.562-1.036.88-2.354.943Zm1.028-6.118c-.657 0-.99.583-.99 1.421.1.71.269 1.883.99 1.883.53 0 1.47-.865 1.114-1.194a.787.787 0 0 0 .074-.371c.01-.933-.34-1.739-1.188-1.739Zm-5.297.329h-.021l-1.262.636-.222-.986 1.882-.827h.885v6.892H5.853V6.715Z'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%; width:18px; height:18px; margin-left:5px; vertical-align:17px; font:0/0 a;} .product_manage .list li .price {flex:0 1 auto; display:block; width:105px; text-align:center; font-size:14px; color:#131313;} .product_manage .list li .delteBtn {display:block; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' fill='%23999' d='M14.462.518c.27-.27.709-.269.979.002.27.27.269.71-.002.98L8.956 7.957l6.483 6.46c.27.27.272.71.002.98s-.709.271-.98.002L7.976 8.935 1.49 15.4c-.244.242-.623.266-.893.071l-.086-.073c-.27-.27-.269-.71.002-.98l6.481-6.46L.513 1.5C.242 1.23.24.791.51.52c.27-.27.708-.272.98-.002l6.484 6.463z'/%3e%3c/svg%3e"); background-size:14px 14px; background-position:50% 50%; background-repeat:no-repeat; width:20px; height:20px; margin-left:75px; font:0/0 a;} .product_manage .list li .editBtn {display:block; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='15' height='11'%3e%3cpath fill-rule='evenodd' fill='%23999' d='M0 0h15v1H0V0zM0 5h15v1H0V5zM0 10h15v1H0v-1z'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size:15px 11px; width:30px; height:30px; margin-left:70px; font:0/0 a;} .product_manage .list li.drag {margin-top:-1px; border:1px solid #e5e5e5; box-shadow:4px 0 27px rgba(0,0,0,.17);} .product_manage .list li.drag .tit, .product_manage .list li.drag .price {color:#4279ff;} .product_manage .btn {text-align:center;} .product_manage .btn button {background:#fff; width:182px; height:52px; margin-right:10px; border:1px solid #c7c7c7; box-sizing:border-box; font-size:18px; color:#333;} .product_manage .btn button.done {background:#016bff; margin-right:0; border:1px solid #016bff; color:#fff;} /* 상품 순서편집 활성화 */ .product_manage.on .controller .editSeq {float:left;} .product_manage.on .controller .editSeq>strong {font-weight:bold; font-size:14px; color:#131313;} .product_manage.on .list {margin-bottom:30px;} .product_manage.on .list li {position:relative;} .product_manage.on .list li .tit {margin-right:100px;} .product_manage.on .list li a {cursor:default;} /* //커머스 */ .topmenu {position:absolute; left:50%; top:0; margin:0 0 0 -550px; width:1100px;} .topmenu .in {position:absolute; right:0; top:11px;} .topmenu li {float:left;} .topmenu li a {color:#959595;} .topmenu li .mynick {display:inline-block; padding:0 7px 0 0; background:url('//res.afreecatv.com/images/shop/v1/login_arr.gif') no-repeat right 6px;} .topmenu li .mynick a {color:#5075dc;} .topmenu li .af {display:inline-block; padding:0 7px 0 0; background:url('//res.afreecatv.com/images/shop/v1/aftv_arr.gif') no-repeat right 6px;} .topmenu li .sai {color:#e5e5e5; font-size:9px; vertical-align:middle; display:inline-block; margin:-3px 5px 0 0;} /* user_area */ .user_area {display:none;position:absolute;top:25px;right:130px;z-index:20;width:170px;border:1px solid #bfbfbf;border-radius:4px;background:#fff} .user_area .arrw {position:absolute;top:-9px;right:10px;z-index:10;display:block;width:17px;height:9px;background:url('//res.afreecatv.com/images/afmain/img_main.png') no-repeat -250px 0;} .user_area .btn_set1 {overflow:hidden;width:170px;height:57px;padding-top:4px;border-bottom:1px solid #ebebeb;background:url('//res.afreecatv.com/images/afmain/img_main.png') no-repeat -235px -24px;} .user_area .btn_set1 a {display:block;float:left;height:57px;text-indent:-9999px} .user_area .btn_set1 .mybs {width:85px;margin-right:1px} .user_area .btn_set1 .favorite {width:84px;} .user_area .my_tlist {padding:12px 0 10px 16px} .user_area .my_tlist.borderT {border-top:1px solid #f2f2f2;} .user_area .my_tlist li {height:20px; margin-top: 3px; float:none;} .user_area .my_tlist li:first-child {margin-top: 0;} .user_area .my_tlist li a {color:#555;} .user_area .my_tlist li a {padding: 2px 0 2px 28px;color:#555; background: url('//res.afreecatv.com/images/afmain/img_main.png') no-repeat;} .user_area .my_tlist li a.my_item {background-position: -584px -63px;} .user_area .my_tlist li a.my_balloon {background-position: -584px -86px;} .user_area .my_tlist li a.my_Hopeballoon {background-position: -584px -109px;} .user_area .my_tlist li a.my_message {background-position: -584px -132px;} .user_area .my_tlist li a.my_shopping {background-position: -584px -170px;} .user_area .my_tlist li a.my_ffom {background-position: -584px -194px;} .user_area .my_tlist li a .memo {font-weight:bold;color:#386cff} .user_area .my_tlist li a.my_ad {background-position: -584px -152px} .user_area .btn_set2 {overflow:hidden;width:170px;height:30px;padding-top:4px;border-radius:0 0 4px 4px;background-color: #f7f7f7;} .user_area .btn_set2 .myinfo {float:left;display:block;height:30px;line-height:30px;padding:0 3px 0 14px;color:#888;font-size:11px} .user_area .btn_set2 .safe {float:left;display:inline-block;width:16px;height:30px;text-indent:-9999px;background:url('//res.afreecatv.com/images/afmain/img_safe.png') no-repeat 4px 9px;} .user_area .btn_set2 .safe:hover {background:url('//res.afreecatv.com/images/afmain/img_safe_on.png') no-repeat 4px 9px;} .user_area .btn_set2 .logout {float:right;display:block;height:30px;line-height:30px;padding:0 11px;color:#888;font-size:11px;clear:none; width:auto; border:none; background:none;} .user_area .btn_set2 .myinfo em {display:inline-block;width:11px;height:12px;vertical-align:middle;margin:0 4px 2px 0;background:url('//res.afreecatv.com/images/afmain/img_main.png') no-repeat -302px 0} .mmwrap {position:absolute; left:0; top:44px; width:100%;} .is-sticky .mmwrap {background:#fff url('//res.afreecatv.com/images/shop/v1/gnb_line.gif') repeat-x 0 bottom;} .mmwrap .in {position:relative; width:1100px; margin:0 auto;} .mainmenu {position:relative; height:67px;} .mainmenu .in {position:relative; width:1100px; margin:0 auto;} .mainmenu ul {margin:0 0 0 -6px;} .mainmenu ul:after {content:""; display:block; clear:both} .mainmenu li {float:left; padding:0 14px 0 0;} .mainmenu li a {display:inline-block; font-size:18px; padding:0 6px; line-height:67px; color:#101010; text-decoration:none;} .mainmenu li a:hover {color:#5489f9;} .mainmenu li a.on {color:#5489f9; background:url('//res.afreecatv.com/images/shop/v1/gnb_line_on.gif') repeat-x 0 bottom;} .util {position:absolute; right:0; top:60px;} .util ul {} .util li {float:left;margin:0 0 0 0px !important;} .util li .search {position:relative; padding:0 0 0px; margin:0px 29px 0 0; width:203px; height:31px; border-bottom:1px solid #101010;} .util li .search .input {position:absolute; left:0; top:-9px; padding:0 0 10px;} .util li .search .input input {font-size:15px; color:#101010; text-indent:10px;width:160px; border:none; height: 40px;line-height:40px;background-color:transparent;outline: none; padding:0;} .util li .search em a {position:absolute; right:2px; bottom:9px; display:block; overflow:hidden; text-indent:-1111px; width:28px; height:25px; background:url('//res.afreecatv.com/images/shop/v1/gnb.png') no-repeat 0 -65px;} .util li .cart {position:relative; display:inline-block; padding:0 26px 0 0;} .util li .cart a {display:block; overflow:hidden; text-indent:-1111px; width:27px; height:33px; background:url('//res.afreecatv.com/images/shop/v1/gnb.png') no-repeat -30px -65px;} .util li .cart a .num {position:absolute; left:17px; bottom:-3px; text-indent:0; display:block; color:#fff; font-family:NG; font-size:14px; font-weight:normal; padding:0 8px 0 7px !important; height:24px; line-height:24px; border-radius:24px; background:#ff6000;} .util li .myshop a {display:block; overflow:hidden; text-indent:-1111px; width:28px; height:33px; background:url('//res.afreecatv.com/images/shop/v1/gnb.png') no-repeat -57px -65px;} .siteinfo {min-width:960px; padding:45px 0; margin:100px 0 0; background:#f6f6f6;} .shopwrap.main .siteinfo {margin-top:0;} .siteinfo .in {} .siteinfo .info {font-size:11px;} .siteinfo .info a {color:#888;} .siteinfo .info .info1, .siteinfo .info address, .siteinfo .info .info2 {text-align:center; color:#888; padding:0 0 6px;} .siteinfo .info .info1 {} .siteinfo .info .info1 a.ftc_bizinfo {color:#5f5f5f;} .siteinfo .info address {font-style:normal; display:block;} .siteinfo .info address .cc {color:#4f89de; font-size:12px;} .siteinfo .info .info2 {padding:0 0 12px;} .siteinfo .info .info2 .uplus_escrow a {margin:0 0 0 6px; vertical-align:middle; display:inline-block; overflow:hidden; text-indent:-1111px; width:74px; height:15px; background:url('//res.afreecatv.com/images/shop/v1/gnb.png') no-repeat -86px -30px;} .siteinfo .links {text-align:center;} .siteinfo .links ul:after{content:""; display:block; clear:both} .siteinfo .links li {display:inline-block;} .siteinfo .links li a {color:#5f5f5f; font-size:11px; letter-spacing:-1px;} .siteinfo .links li a.corp {font-size:11px; font-family:arial; letter-spacing:0; display:inline-block; padding:0 0 0 9px;} .siteinfo .links li a.corp em {font-weight:bold; font-family:arial;} .siteinfo .sai {color:#d1d1d1; font-size:9px; vertical-align:middle; display:inline-block; margin:-3px 2px 0;} .main .cont {padding:0 0 100px 0;} .cont {position:relative; min-width:960px;} .cont>.in {min-width:960px;} .cont:after {content:""; display:block; clear:both;} .afshop h2.stit {font-size:26px; font-weight:400; color:#101010; padding:0px 0 18px; border-bottom:2px solid #4b4b4b;} .afshop h2.stit2 {font-size:22px; font-weight:normal; color:#101010; padding:0 0 27px;} .afshop h3.stit2 {font-size:20px; font-weight:bold; color:#101010; margin:85px 0 0px; padding:0 0 18px; border-bottom:1px solid #a2a2a2;} .afshop .cartlist h3.stit2 {margin-top:57px;} .afshop .delivery_info h3.stit2, .afshop .allim h3.stit2, .afshop .orderwrap h3.stit2 {margin-bottom:35px;} .br {display:block;} /* selectbox */ .selectbox {position:relative; z-index:11;} .selectbox.ztop {z-index:22;} .selectbox:nth-child(1) {z-index:99;} .selectbox:nth-child(2) {z-index:98;} .selectbox:nth-child(3) {z-index:97;} .selectbox:nth-child(4) {z-index:96;} .selectbox:nth-child(5) {z-index:95;} .selectbox:nth-child(6) {z-index:94;} .selectbox:nth-child(7) {z-index:93;} .selectbox:nth-child(8) {z-index:92;} .selectbox:nth-child(9) {z-index:91;} .selectbox:nth-child(10) {z-index:90;} .categorylist .selectbox.sort {position:absolute; right:0; top:0; z-index:11;} .selectbox .selected {position:relative; min-height:37px; display:block;} .selectbox .selected a {display:inline-block; min-width:85px; padding:0 35px 0 15px; font-size:14px; color:#6b6b6b; line-height:37px; background:#f1f3f6; text-decoration:none; } .selectbox .selected span {position:absolute; right:11px; top:15px; overflow:hidden; text-indent:-1111px; width:15px; height:8px; background:url('//res.afreecatv.com/images/shop/v1/sub.png') 0 0 no-repeat;} .selectbox .selected a.on span {background:url('//res.afreecatv.com/images/shop/v1/sub.png') -16px 0 no-repeat;} .selectbox ul {display:none; position:absolute; left:0; top:37px; min-width:133px; border:1px solid #f1f3f6; max-height:190px; overflow:auto;} .selectbox li a {display:block; padding:10px 15px; font-size:14px; color:#767575; background:#fff; text-decoration:none;} .selectbox li a:hover {background:#f1f3f6;} /* 맨위로가기 */ .btn_gotop {position:fixed; left:50%; bottom:297px; z-index:99; width:1280px; height:0; margin:0 0 0 -640px;} .btn_gotop .in {float:right;} .btn_gotop em a {display:block; position:relative; width:61px; height:61px; line-height: 76px; margin:-1px 0 0; text-align:center; font-size: 17px;color: #000;letter-spacing: -1px; border:1px solid #d5d5d6; background:#fff;text-decoration: none;} .btn_gotop em span {position:absolute; left:50%; top:50%; display:block; width:17px; height:9px; margin:-16px 0 0 -9px; background:url('//res.afreecatv.com/images/shop/v1/sub.png') 0 -56px no-repeat;} .btn_gotop em.gotop span {background-position:0 -46px;} /* 체크박스 */ .input_cb_box {display:inline-block; padding:0 6px 0 0; vertical-align:middle; margin:-2px 0 0;} .input_cb_box input {position:absolute;left:0;top:0;visibility:hidden; font-size:0; line-height:0; width:0; height:0;} .input_cb_box label {position:relative; display:block; cursor:pointer; width:18px; height:18px; border:1px solid #a9a9a9; overflow:hidden; text-indent:-1111px; background:#fff;} .input_cb_box label .ic {position:absolute; left:50%; top:50%; margin:-4px 0 0 -5px; width:11px; height:9px;} .input_cb_box label.on .ic {background:url('//res.afreecatv.com/images/shop/v1/sub.png') 0 -80px no-repeat;} .input_cb_box label .txt {position:absolute; text-indent:0; overflow:visible;} .input_cb_box.ic_big label {width:30px; height:30px;} .input_cb_box.ic_big label .ic {width:16px; height:12px; margin:-6px 0 0 -8px;} .input_cb_box.ic_big label.on .ic {background-position:-12px -80px;} /* input_text */ .input_text {font-size:17px; color:#4d4d4d; padding:10px 10px 8px; width:238px; border:1px solid #d6d6d6; vertical-align:middle;} .input_tel {width:58px; margin-right:2px; text-align:center;} .input_zipcode {width:70px; margin-right:6px; text-align:center;} .input_address {width:368px;} .memo3c .input_text {width:268px;} .memo3c .input_m {width:118px;} .memo3c .input_s {width:70px;} .memo3c .input_tel {width:40px;} /* ========== 컨텐츠 메인 ========== */ .topbn {position:relative; height:70px;} .topbn .in {position:relative; width:1100px; margin:0 auto;} .topbn .bn {text-align:center;} .topbn .bn img {max-width:1100px; height:70px;} .topbn .close a {position:absolute;top:20px; right:33px; display:block;width:29px;height:29px;background:url(//res.afreecatv.com/images/shop/v1/main.png) -38px 0 no-repeat;text-indent:-9999px} .cont .bigbn {position:relative;} .slider_banner{width:100%; min-width:960px; height:380px; margin:0 auto;position:relative;overflow:hidden;} .slider_banner ul li {text-align:center;} .slider_banner ul li img{width:960px;height:380px;vertical-align:top;} .slider_banner .bx-controls-direction {position:absolute; left:50%; top:0; width:1100px; margin:0 0 0 -550px; z-index:99;} .slider_banner .bx-controls-direction a {display:block;width:28px;height:43px;position:absolute;top:170px; background:url(//res.afreecatv.com/images/shop/icon_control.png) 0 0 no-repeat;text-indent:-9999px} .slider_banner .bx-controls-direction .bx-prev{background-position:0 -41px;left:0} .slider_banner .bx-controls-direction .bx-next{background-position:0 -111px;right:0} .slider_banner .bx-pager{width:100%;height:13px;position:absolute;bottom:15px;text-align:center} .slider_banner .bx-pager.bx-default-pager a:hover, .slider_banner .bx-pager.bx-default-pager a.active{background:url(//res.afreecatv.com/images/shop/icon_control.png) 0 0 no-repeat;} .slider_banner .bx-pager.bx-default-pager a {display: block; width:15px; height:15px; margin: 0 2px 0 3px;outline: 0 none;text-indent: -9999px; background:url(//res.afreecatv.com/images/shop/icon_control.png) -27px 0 no-repeat;} .slider_banner .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;} .livebox {padding:50px 0 100px; min-width:1100px; background:#eff6fe;} .livebox .in {width:1100px; margin:0 auto; position:relative;} .livebox h2 {overflow:hidden; text-indent:-1111px; width:200px; height:25px; margin:0 0 20px; background:url(//res.afreecatv.com/images/shop/v1/main.png) 0 -129px no-repeat} .slider_banner3 {width:1100px; margin:0 auto;position:relative} .slider_banner3 .slider2 .slide .icon_vod{width:29px;height:29px;display:block;position:absolute;bottom:6px;right:9px;background:url(//res.afreecatv.com/images/shop/icon_space.png) 0 -469px no-repeat} .slider_banner3 .bx-controls-direction a {position:absolute;bottom:-50px; display:block;width:25px;height:25px; text-indent:-9999px; background:#fff url(//res.afreecatv.com/images/shop/v1/main.png) 0 0 no-repeat;} .slider_banner3 .bx-controls-direction .bx-prev{background-position:-123px -1px;left:480px;} .slider_banner3 .bx-controls-direction .bx-next{background-position:-149px -1px;left:590px;} .slider_banner3 .bx-pager {position:absolute; left:0; right:0; text-align:center; bottom:-47px; font-size:16px; color:#313131; letter-spacing:-1px;} .livebox.no_roll .slider_banner3 .bx-controls-direction, .livebox.no_roll .slider_banner3 .bx-pager {display:none !important;} .slider2 {} .items { text-align: center;} .items:after {content:""; display:block; clear:both} .items .slide {position:relative; float:left; width:230px;} .items .thum {display:block; position:relative; margin:0 0 13px;} .items .thum img {width:220px; height:220px;} .items .thum .ic_adult {position:absolute; top:10px; right:10px; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3e%3cpath fill-rule='evenodd' fill='%23FF2424' d='M16.021 31.765c-8.73 0-15.807-7.077-15.807-15.807C.214 7.227 7.291.15 16.021.15s15.807 7.077 15.807 15.808c0 8.73-7.077 15.807-15.807 15.807zm0-29.247c-7.411 0-13.44 6.029-13.44 13.44 0 7.41 6.029 13.44 13.44 13.44s13.44-6.03 13.44-13.44c0-7.411-6.029-13.44-13.44-13.44zm2.057 19.973a9.47 9.47 0 01-1.453.039v-1.905c.373.039.746.02 1.335-.039.943-.079 1.885-.413 2.592-.982.825-.668 1.395-1.63 1.63-2.828l-.039-.019c-.648.726-1.551 1.139-2.789 1.139-2.218 0-3.868-1.61-3.868-3.967 0-2.435 1.885-4.556 4.615-4.556 2.965 0 4.555 2.337 4.555 5.44 0 2.729-.903 4.673-2.218 5.93-1.12 1.041-2.651 1.63-4.36 1.748zm1.905-11.331c-1.218 0-2.101 1.08-2.101 2.632.019 1.315.765 2.336 2.101 2.336.982 0 1.689-.451 2.062-1.06.078-.157.137-.353.137-.687.02-1.728-.628-3.221-2.199-3.221zm-9.809.609h-.039l-2.337 1.178-.412-1.826 3.102-1.532h2.023v12.764h-2.337V11.769z'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%; width:32px; height:32px; font:0/0 a; z-index:5;} .items .live {position:absolute; left:1px; top:1px; z-index:11; display:block;display:none; text-indent:-9999px; overflow:hidden; width:53px; height:26px; background:url(//res.afreecatv.com/images/shop/v1/main.png) -68px 0 no-repeat;} /*.items .price {position:absolute; left:9px; top:200px; z-index:11; font-size:18px; color:#fff;}*/ .items .price em {overflow:hidden;position:absolute;left:-10000px;top:0;width:0;height:0;font-size:0;line-height:0;font-weight: bold;} .items .price_wrap {margin:16px 0 0 0;} .items .price_wrap .price {color: #101010;} .items .price_wrap.onsale {} .items .price_wrap.onsale .price {color: #3263d1} .items .price_wrap.onsale .sprice {display:inline-block;color: #afafaf;vertical-align: middle;margin: -6px 0 0 0} .items .aside {margin:8px 0 0 0; /*style reset*/ float: initial; width:220px; display: block; } .items .aside .delivery {display:inline-block;width: 78px;height: 24px;line-height: 24px !important;font-family: 'NG';vertical-align: middle;font-size:13px; letter-spacing:-1px; color:#8b8b8b; background-color: #fff;border-radius: 14px;border:1px solid #8b8b8b;} .items .aside .delivery.free {color:#8b8b8b;} .items .aside .sale {display: inline-block;width:90px;height: 24px;line-height: 24px !important;font-family: 'NG';vertical-align: middle;border: 1px solid #ff8080;border-radius: 24px;text-align: center;} .items .aside .sale .p, .items .aside .sale .s {display:inline-block;font-size:14px;color:#ff5252;} .items .tit {display:block;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .items .aside .soldout {display:inline-block;width: 62px;height:24px;line-height:24px !important;vertical-align: middle;font-size:14px; letter-spacing:-1px; color:#fff;text-align:center; background-color: #a1a1a1;border-radius: 12px;} .categorylist .items .price, .categorylist .items .price, .todaynew .items .price, .relitems .items .price {font-size:18px; color:#101010; font-weight:600;} .categorylist .items .sprice, .todaynew .items .sprice, .relitems .items .sprice {font-size:14px; color:#a7a7a7; font-weight:normal; text-decoration:line-through;} .livebox .items .sprice {font-size:14px; color:#fff; font-weight:normal; text-decoration:line-through; opacity:.7;} .relitems .items .tit {height:97px;} .items .tit a {font-size:16px; color:#131313; font-weight:normal;} .items .bj {display:block; padding:0 10px;} .items .bj a {color:#668bbd; font-size:13px; color:#668bbd; font-weight:normal;} .items .bg {position:absolute; left:0; top:0;} .items .bg a {display:block; text-indent:-9999px; overflow:hidden; width:220px; height:220px; background:url(//res.afreecatv.com/images/shop/v1/tit_bg.png) 0 0 repeat;} .todaynew .items .bg a, .categorylist .items .bg a {background:none;} .cont .mdrecomm {position:relative; padding:60px 0 0;} .cont .mdrecomm .in {position:relative; width:1100px; margin:0 auto;} .cont .mdrecomm ul {margin:0 0 0 -100px;} .cont .mdrecomm ul:after{content:""; display:block; clear:both} .cont .mdrecomm li {position:relative; float:left; margin:0 0 0 100px; width:200px;} .cont .mdrecomm li a {display:block;} .cont .mdrecomm li a:hover em, .cont .mdrecomm li a:hover span, .cont .mdrecomm li a:hover strong {text-decoration:underline;} .cont .mdrecomm li .thum {position:relative; display:block; margin:0 auto 20px; padding:31px; width:138px; height:138px; border-radius:138px;background:#ebebeb;} .cont .mdrecomm li .thum img {width:138px; height:138px;} .cont .mdrecomm li .thum .icon {position:absolute; left:19px; top:9px; display:block; width:37px; height:45px; overflow:hidden; text-indent: -9999px; background:url('//res.afreecatv.com/images/shop/v1/main.png') 0 0 no-repeat;} .cont .mdrecomm li em {width:200px; display:inline-block; text-align:center; padding:0 0 7px; font-size:13px; color:#989898;} .cont .mdrecomm li strong, .cont .mdrecomm li .st2 {width:200px; display:inline-block; text-align:center; font-size:15px; line-height:1.5em; color:#242424; font-weight:normal;} .cont .schedule {position:relative; margin:60px 0 40px;} .cont .schedule .in {width:1100px; margin:0 auto; position:relative;} .cont .schedule h2 {overflow:hidden; text-indent:-1111px; height:23px; margin:0 0 25px; background:url('//res.afreecatv.com/images/shop/v1/main.png') 0 -46px no-repeat;} .cont .schedule .list {width:1100px; margin:0 auto;} .cont .schedule .list ul {margin:0 0 0 -10px;} .cont .schedule .list ul:after{content:""; display:block; clear:both} .cont .schedule .list li {float:left; width:175px; height:175px; padding:0 0 20px 10px; text-align:center; position:relative;} .cont .schedule .list li.info {padding:23px 0 0; height:152px; margin:0 0 20px 10px;} .cont .schedule .list li.item {} .cont .schedule .list li.livenow {} .cont .schedule .list li.info.color1 {background:#88ade4;} .cont .schedule .list li.info.color2 {background:#6cbeda;} .cont .schedule .list li.info.color3 {background:#9594cc;} .cont .schedule .list li.info.color4 {background:#e7a4b1;} .cont .schedule .list li.info.color5 {background:#ebc076;} .cont .schedule .list li.info.color6 {background:#88ade4;} .cont .schedule .list li.info.color7 {background:#6cbeda;} .cont .schedule .list li.info.color8 {background:#9594cc;} .cont .schedule .list li.info.color9 {background:#e7a4b1;} .cont .schedule .list li.info.color10 {background:#ebc076;} .cont .schedule .list li.info.color11 {background:#88ade4;} .cont .schedule .list li.info.color12 {background:#6cbeda;} .cont .schedule .list li.info.color13 {background:#9594cc;} .cont .schedule .list li.info.color14 {background:#e7a4b1;} .cont .schedule .list li.info.color15 {background:#ebc076;} .cont .schedule .list li.info.color16 {background:#88ade4;} .cont .schedule .list li.info.color17 {background:#6cbeda;} .cont .schedule .list li.info.color18 {background:#9594cc;} .cont .schedule .list li.info.color19 {background:#e7a4b1;} .cont .schedule .list li.info.color20 {background:#ebc076;} .cont .schedule .list li.item.color1 .tit {background:#84b8fa; background:rgba(132,184,250,0.4);} .cont .schedule .list li.item.color2 .tit {background:#6cbeda; background:rgba(108,190,218,0.4);} .cont .schedule .list li.item.color3 .tit {background:#9594cc; background:rgba(149,148,204,0.4);} .cont .schedule .list li.item.color4 .tit {background:#e7a4b1; background:rgba(231,164,177,0.4);} .cont .schedule .list li.item.color5 .tit {background:#ebc076; background:rgba(235,192,118,0.4);} .cont .schedule .list li.item.color6 .tit {background:#84b8fa; background:rgba(132,184,250,0.4);} .cont .schedule .list li.item.color7 .tit {background:#6cbeda; background:rgba(108,190,218,0.4);} .cont .schedule .list li.item.color8 .tit {background:#9594cc; background:rgba(149,148,204,0.4);} .cont .schedule .list li.item.color9 .tit {background:#e7a4b1; background:rgba(231,164,177,0.4);} .cont .schedule .list li.item.color10 .tit {background:#ebc076; background:rgba(235,192,118,0.4);} .cont .schedule .list li.item.color11 .tit {background:#84b8fa; background:rgba(132,184,250,0.4);} .cont .schedule .list li.item.color12 .tit {background:#6cbeda; background:rgba(108,190,218,0.4);} .cont .schedule .list li.item.color13 .tit {background:#9594cc; background:rgba(149,148,204,0.4);} .cont .schedule .list li.item.color14 .tit {background:#e7a4b1; background:rgba(231,164,177,0.4);} .cont .schedule .list li.item.color15 .tit {background:#ebc076; background:rgba(235,192,118,0.4);} .cont .schedule .list li.item.color16 .tit {background:#84b8fa; background:rgba(132,184,250,0.4);} .cont .schedule .list li.item.color17 .tit {background:#6cbeda; background:rgba(108,190,218,0.4);} .cont .schedule .list li.item.color18 .tit {background:#9594cc; background:rgba(149,148,204,0.4);} .cont .schedule .list li.item.color19 .tit {background:#e7a4b1; background:rgba(231,164,177,0.4);} .cont .schedule .list li.item.color20 .tit {background:#ebc076; background:rgba(235,192,118,0.4);} .cont .schedule .list li .date {display:block; padding:0 0 0px; font-family:'Century Gothic'; font-size:32px; font-weight:bold; color:#fff; background:none;} .cont .schedule .list li .time {display:block; padding:0 0 15px; font-size:16px; color:#fff;} .cont .schedule .list li .bj {padding:15px 0 0; position:relative; display:block; color:#000; opacity:.5;} .cont .schedule .list li .bj .sai {position:absolute; left:50%; top:0; margin:0 0 0 -9px; width:18px; height:1px; background:rgba(0,0,0,0.2);} .cont .schedule .list li .livebtn {} .cont .schedule .list li .livebtn a {position:absolute; left:0; top:0; z-index:11; color:#fff; display:block; width:175px; height:28px; padding:147px 0 0; font-size:15px; font-weight:normal; text-decoration:none;} .cont .schedule .list li .livebtn .icon {border:1px solid #fff; border-radius:8px; padding:0 7px; height:18px; line-height:18px; vertical-align:top; display:inline-block; overflow:visible; zoom:1; overflow:hidden;} .cont .schedule .list li .livebtn .icon span {display:inline-block; font-size:13px; color:#fff; font-weight:normal; line-height:18px; position:relative; top:-1px;} .cont .schedule .list li .livebtn .bg {position:absolute; left:0; bottom:0; width:100%; height:38px; background:#ff3b3b;} .cont .schedule .list li .thum {position:relative; z-index:11;} .cont .schedule .list li .thum img {width:173px; height:173px; border:1px solid #e1e1e1;} .cont .schedule .list li .tit {display:none; vertical-align:middle; position:absolute; right:0; top:0; z-index:33; width:175px; height:175px;} .cont .schedule .list li:hover .tit {display:block;} .cont .schedule .list li .tit a {display:block; display:table-cell; vertical-align:middle; width:155px; height:175px; padding:0 10px; font-size:16px; color:#fff; text-decoration:none;} .cont .schedule .list.color1on li.color1 .tit, .cont .schedule .list.color2on li.color2 .tit, .cont .schedule .list.color3on li.color3 .tit, .cont .schedule .list.color4on li.color4 .tit, .cont .schedule .list.color5on li.color5 .tit, .cont .schedule .list.color6on li.color6 .tit, .cont .schedule .list.color7on li.color7 .tit, .cont .schedule .list.color8on li.color8 .tit, .cont .schedule .list.color9on li.color9 .tit, .cont .schedule .list.color10on li.color10 .tit, .cont .schedule .list.color11on li.color11 .tit, .cont .schedule .list.color12on li.color12 .tit, .cont .schedule .list.color13on li.color13 .tit, .cont .schedule .list.color14on li.color14 .tit, .cont .schedule .list.color15on li.color15 .tit, .cont .schedule .list.color16on li.color16 .tit, .cont .schedule .list.color17on li.color17 .tit, .cont .schedule .list.color18on li.color18 .tit, .cont .schedule .list.color19on li.color19 .tit, .cont .schedule .list.color20on li.color20 .tit {display:block;} .cont .schedule .list li .bgdark {display:none; position:absolute; right:0; top:0; z-index:22; width:175px; height:175px; background:#000; opacity:.5;} .cont .schedule .list.color1on li.color1 .bgdark, .cont .schedule .list.color2on li.color2 .bgdark, .cont .schedule .list.color3on li.color3 .bgdark, .cont .schedule .list.color4on li.color4 .bgdark, .cont .schedule .list.color5on li.color5 .bgdark, .cont .schedule .list.color6on li.color6 .bgdark, .cont .schedule .list.color7on li.color7 .bgdark, .cont .schedule .list.color8on li.color8 .bgdark, .cont .schedule .list.color9on li.color9 .bgdark, .cont .schedule .list.color10on li.color10 .bgdark, .cont .schedule .list.color11on li.color11 .bgdark, .cont .schedule .list.color12on li.color12 .bgdark, .cont .schedule .list.color13on li.color13 .bgdark, .cont .schedule .list.color14on li.color14 .bgdark, .cont .schedule .list.color15on li.color15 .bgdark, .cont .schedule .list.color16on li.color16 .bgdark, .cont .schedule .list.color17on li.color17 .bgdark, .cont .schedule .list.color18on li.color18 .bgdark, .cont .schedule .list.color19on li.color19 .bgdark, .cont .schedule .list.color20on li.color20 .bgdark {display:block;} .cont .schedule .list li .cate {display:block; height:40px; text-align:center;} .cont .schedule .list li .cate img {width:35px; opacity:.5;} .cont .schedule .list li.livenow .cate {display:none;} .cont .brandnew {position:relative; padding:60px 0 65px; min-width:1100px; margin:0 0 70px; background:#f2f2f2;} .cont .brandnew .in {width:1100px; margin:0 auto; position:relative;} .cont .brandnew h2 {overflow:hidden; text-indent:-1111px; height:18px; margin:0 0 25px; background:url('//res.afreecatv.com/images/shop/v1/main.png') 0 -70px no-repeat;} .cont .brandnew .appl a {position:absolute; left:150px; top:-2px; display:inline-block; padding:0 16px 0 12px; color:#959494; font-size:13px; font-weight:normal; letter-spacing:-1px; line-height:23px; height:23px; border:1px solid #c1c1c1; border-radius:10px; background:url('//res.afreecatv.com/images/shop/v1/aftv_arr.gif') 83px 50% no-repeat; text-decoration:none;} .cont .brandnew .list {} .cont .brandnew .list ul {margin:0 0 0 -20px;} .cont .brandnew .list ul:after{content:""; display:block; clear:both} .cont .brandnew .list li {position:relative; float:left; width:202px; height:258px; text-align:center; border:1px solid #e1e1e1; margin:0 0 0 20px; background:#fff;} .cont .brandnew .list li .bjphoto {margin:45px 0 15px; display:block;} .cont .brandnew .list li .bjphoto img {width:92px; height:92px; border-radius:92px;} .cont .brandnew .list li .nick {font-size:16px; color:#383838; font-weight:bold;} .cont .brandnew .list li .fav {display:inline-block; position:relative;} .cont .brandnew .list li .fav a {display:inline-block; overflow:hidden; margin:0 0 0 8px; text-indent:-1111px; width:14px; height:13px; background:url('//res.afreecatv.com/images/shop/v1/main.png') -15px -163px no-repeat;} .cont .brandnew .list li .fav a.on {background-position:0 -163px;} .cont .brandnew .list li .fav .sai {position:absolute; left:2px; top:3px; display:inline-block; overflow:hidden; text-indent:-1111px; width:1px; height:7px; background:url('//res.afreecatv.com/images/shop/v1/icon_sai.gif') no-repeat 0 0;} .cont .brandnew .list li .id {display:block; font-size:13px; font-family:dotum; color:#989898; padding:2px 0 0;} .cont .brandnew .list li .itemview a {position:absolute; left:0; bottom:0; display:block; color:#7d7d7d; font-weight:normal; font-size:14px; width:202px; height:39px; line-height:39px; border-top:1px solid #f6f6f6; background:url('//res.afreecatv.com/images/shop/v1/aftv_arr.gif') 133px 50% no-repeat; text-decoration:none;} .cont .more a {position:absolute; right:4px; top:0; padding:0 22px 0 0; display:block; font-size:15px; font-weight:normal; color:#151515; letter-spacing:-1px; min-height:15px; line-height:15px; background:url('//res.afreecatv.com/images/shop/v1/more.png') right 50% no-repeat;} .cont .relitems .more a {top:10px;} .cont .bandbn {position:relative; padding:0 0 60px;} .cont .bandbn .in {width:1100px; margin:0 auto; position:relative;} .slider_banner2{width:1100px; margin:0 auto;position:relative;} .slider_banner2 .slider .slide {margin:0 !important;} .slider_banner2 .slider .slide img{width:1100px;height:150px} .slider_banner2 .bx-controls-direction {display:none;} .slider_banner2:hover .bx-controls-direction {display:block;} .slider_banner2 .bx-controls-direction a {display:block;width:21px;height:51px;position:absolute;top:50px; background:url(//res.afreecatv.com/images/shop/icon_control.png) 0 0 no-repeat;text-indent:-9999px} .slider_banner2 .bx-controls-direction .bx-prev{background-position:-71px -41px;left:0} .slider_banner2 .bx-controls-direction .bx-next{background-position:-71px -111px;right:0} .slider_banner2 .bx-pager{width:100%;height:0;position:absolute;bottom:-12px;text-align:center} .slider_banner2 .bx-pager.bx-default-pager a.active{width:10px; height:10px; border-radius:10px; border:1px solid #afafaf; border-radius:10px; background:#fff;} .slider_banner2 .bx-pager.bx-default-pager a {display:inline-block; width:7px; height:7px; border-radius:7px; vertical-align:middle; margin: 0 4px; text-indent: -9999px; background:#b2b2b2;} .slider_banner2 .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;} /*검색상단*/ .cont .search_header {width: 960px;margin: 0 auto 50px auto;padding:0 0 10px 0;position: relative;border-bottom: 1px solid #a2a2a2;} .cont .search_header h2 {margin:110px 0 0 0;text-align: center;font-family: 'NGB';font-size: 29px;color: #000000;font-weight: normal;} .cont .search_header .result {margin:48px 0 0 0;font-size: 16px;color: #888888;} .cont .search_header .result strong {font-family: 'NGB';} .cont .no_data {font-family:'NGB'; text-align:center; padding:120px 0; font-size:20px; font-weight:bold; color:#222;} .cont .no_data:before {content:""; display:block; background:url(//res.afreecatv.com/images/shop/v1/af_character.png) 0 0 no-repeat; width:135px; height:132px; margin:0 auto; margin-bottom:20px;} .cont .no_data p {font-weight:normal; font-size:16px; color:#222;} .cont .no_data>button {background:#386cff; height:42px; margin-top:30px; padding:0 52px; border-radius:21px; line-height:41px; font-size:16px; color:#fff;} .cont .todaynew {position:relative;} .cont .todaynew .in {width:960px; margin:0 auto; position:relative;} .cont .todaynew .title_area {display:flex; align-items:center; justify-content:space-between; position:relative; padding:57px 0 40px 0; background:none;} .cont .todaynew .title_area div {background:none; padding-top:0;} .cont .todaynew .title_area .sub_title {display:flex; flex-direction:row;} .cont .todaynew .title_area .sub_title h2 {padding-right:10px; color:#0f0f0f;} .cont .todaynew.search .title_area {padding:20px 0 17px 0;} .cont .todaynew.search .category_filter {margin-bottom:50px;} .cont .todaynew.search .title_area .sub_title h2 {padding-right:8px; color:#4279ff;} .cont .todaynew .title_area .sub_title strong {margin-right:10px; font-size:24px; color:#0f0f0f;} .cont .todaynew .title_area .sub_title span {position:static; margin-top:10px; color:#8c8c8c; font-size:14px; letter-spacing:-.05rem;} .cont .todaynew .title_area .detail {margin-top:10px; color:#303030; font-weight:bold; font-size:14px;} .cont .todaynew .title_area .sub_category {display:flex; flex-direction:row; margin-top:10px;} .cont .todaynew .title_area .sub_category li {flex:0 1 auto;} .cont .todaynew .title_area .sub_category li a {display:flex; align-items:center; font-size:14px; padding:0 0 0 9px; color:#303030; font-weight:bold;} .cont .todaynew .title_area .sub_category li:first-child a {padding:0 0 0 0;} .cont .todaynew .title_area .sub_category li a:after {content:""; display:inline-block; background:#d4d4d4; width:1px; height:11px; margin:0 0 0 9px;} .cont .todaynew .title_area .sub_category li:last-child a:after {display:none;} .cont .todaynew .title_area .sub_category li.on a {color:#4279ff} .cont .todaynew .title_area .sub_category li a:hover {color:#4279ff} .cont .todaynew .title_area .select_area {position:absolute;right:0;top:50px; /*style reset*/ background:none; color: #fff; border: none; height: 39px; display: inline-block; width: auto; } .cont .todaynew .title_area .select_area select {min-width:150px;height:39px;line-height:39px;font-family:'NG';font-size: 16px;color: #0f0f0f;padding-left: 17px;} .cont .todaynew h2 {font-family: 'NGB';font-size: 26px;color: #0f0f0f;letter-spacing: -1px;} .cont .todaynew .list {margin:0 0 0 -26px;} .cont .todaynew .list:after{content:""; display:block; clear:both} .cont .todaynew .list .items {position:relative; float:left; width:220px; height: 320px; margin:0 0 56px 26px;} .cont .noticebox {position:relative; min-width:1100px; padding:60px 0; border-top:1px solid #f5f5f5; background:#fafafa;} .cont .noticebox .in {width:1100px; margin:0 auto; position:relative;} .cont .noticebox .in:after{content:""; display:block; clear:both} .cont .noticebox .noticeyo, .cont .noticebox .faq {padding:5px 0 20px; float:left; width:50%;} .cont .noticebox .noticeyo {} .cont .noticebox .sai {position:absolute; left:50%; top:0; bottom:0; border-left:1px solid #ececec;} .cont .noticebox h2 {padding:0 0 20px 45px;} .cont .noticebox h2 a {display:inline-block; color:#242424; font-size:20px; font-weight:bold;} .cont .noticebox h2 span {display:inline-block; vertical-align:middle; overflow:hidden; text-indent:-1111px; width:5px; height:9px; margin:-3px 0 0 8px; background:url('//res.afreecatv.com/images/shop/v1/main.png') 0 -118px no-repeat;} .cont .noticebox .list {margin:0 0 0 45px;} .cont .noticebox .list li {position:relative; padding:0 120px 8px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;} .cont .noticebox .list li a {color:#565656; font-size:14px;} .cont .noticebox .list li .date {position:absolute; right:40px; top:2px; color:#999; font-size:12px; background:none;} /* ========== 컨텐츠 서브 ========== */ .categorymenu {position:relative; margin:30px auto 44px; width:1100px;} .categorymenu h2 {overflow:hidden;position:absolute;left:-10000px;top:0;width:0;height:0;font-size:0;line-height:0;} .categorymenu .list {} .categorymenu .list ul {margin:0 0 0 -6px;} .categorymenu .list ul:after{content:""; display:block; clear:both} .categorymenu .list li {float:left; margin:0 0 6px 6px;} .categorymenu .list li a {display:block; width:150px; line-height:68px; height:68px; border:1px solid #d8d8d8; text-align:center; text-decoration:none;} .categorymenu .list li a em {font-size:14px; color:#363636;} .categorymenu .list li img {vertical-align:middle; margin:-2px 10px 0 0;} .categorymenu .list li.on a {color:#fff; border:1px solid #5489f9; background:#5489f9;} .categorymenu .list li.on a em {color:#fff;} .cont .categorylist {position:relative;} .cont .categorylist .in {width:1100px; margin:0 auto; position:relative;} .cont .categorylist h2 {padding:0 0 25px; margin:0 0 15px; font-size:28px; color:#101010; font-weight:bold; border-bottom:1px solid #e3e3e3;} .cont .categorylist .cmsub {} .cont .categorylist .cmsub ul {} .cont .categorylist .cmsub ul:after{content:""; display:block; clear:both} .cont .categorylist .cmsub li {float:left; padding:0 22px 10px 0;} .cont .categorylist .cmsub li a {font-size:15px; color:#646464;} .cont .categorylist .list {margin:30px 0 40px -60px;} .cont .categorylist .list:after{content:""; display:block; clear:both} .cont .categorylist .list .items {position:relative; float:left; width:230px; margin:0 0 60px 60px;} .list_none {position:relative; padding:190px 0 90px; text-align:center;} .list_none h3 {font-size:22px; color:#000; font-weight:normal;} /* 카테고리 필터 */ .category_filter .in {width:960px; margin:0 auto;} .category_filter .location {padding:0 0 20px 20px; box-sizing:border-box;} .category_filter .location>ul {display:flex; flex-direction:row;} .category_filter .location>ul>li {flex:0 1 auto;} .category_filter .location>ul>li:before {content:""; display:inline-block; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='7' height='12'%3e%3cpath fill-rule='evenodd' fill='%23333' d='M5.895 5.916l-4.95 4.95a.5.5 0 01-.707-.707l4.596-4.597L.238.966A.5.5 0 01.945.259l4.95 4.95a.499.499 0 010 .707z'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%; width:7px; height:12px; margin:0 5px -1px 5px;} .category_filter .location>ul>li:first-child:before {content:none;} .category_filter .location>ul>li>a {font-size:14px; font-weight:bold; color:#333;} .category_filter .location>ul>li>a:hover {border-bottom:1px solid #333;} .category_filter .location>ul>li.current>a {color:#4279ff;} .category_filter .location>ul>li.current>a:hover {border-bottom:1px solid #4279ff;} .category_filter .filter_wrap {width:100%;} .filter_wrap .section {display:flex; flex-direction:row; margin-bottom:0; border-top:1px solid #e5e5e5;} .filter_wrap .section.price {border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;} .filter_wrap .section .title {flex:0 1 auto; background:#f9f9f9; width:180px; padding:19px 0 19px 19px; border-right:1px solid #e5e5e5; box-sizing:border-box;} .filter_wrap .section .title p {color:#333; font-size:14px;} .filter_wrap .section .item {flex:0 1 auto; width:780px; padding:17px 20px 13px; box-sizing:border-box;} .filter_wrap .section .item ul {display:flex; flex-wrap:wrap; flex-direction:row; width:100%;} .filter_wrap .section .item ul li {flex:0 1 auto; margin:0 20px 4px 0;} .filter_wrap .section .item ul li a {display:inline-block; box-sizing:border-box; line-height:23px; font-size:14px; color:#666;} .filter_wrap .section .item ul li a:hover {color:#4279ff;} .filter_wrap .section .item ul li.on {margin:0 20px 4px 0;} .filter_wrap .section .item ul li.on a {padding:0 10px; border:1px solid #4279ff; border-radius:13px; box-sizing:border-box; color:#4279ff;} .filter_wrap .section.price {align-items:center; height:53px;} .filter_wrap .section.price .title {height:100%;} .filter_wrap .section.price .item {padding:0 0 0 20px; font-size:14px; color:#666;} .filter_wrap .section.price .item .price_box {display:flex; align-items:center;} .filter_wrap .section.price .item input {flex:0 1 auto; width:100px; height:30px; margin:0 10px 0 0; padding-right:10px; border:1px solid #e1e1e1; box-sizing:border-box; text-align:right; font-size:14px; font-family:'NG, verdana, applegothic, sans-serif'; color:#333;} .filter_wrap .section.price .item input[type="number"]::-webkit-outer-spin-button, .filter_wrap .section.price .item input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;} .filter_wrap .section.price .item input.maximum {margin:0 7px 0 7px;} .filter_wrap .section.price .item span {font-size:14px; color:#666;} .filter_wrap .section.price .item em {margin-left:5px;} .filter_wrap .section.price .item button.submit {flex:0 1 auto; background:#4279ff; width:55px; height:30px; margin-left:15px; color:#fff; font-size:14px; line-height:30px;} .filter_wrap .section.price .item button.reset {flex:0 1 auto; display:flex; align-items:center; justify-content:center; background:#fff; width:79px; height:30px; margin-left:12px; border:1px solid #b2b2b2; box-sizing:border-box; color:#8c8c8c; font-size:14px; line-height:30px;} .filter_wrap .section.price .item button.reset:before {content:""; display:block; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath stroke='%238C8C8C' stroke-width='1.2' fill='none' d='M6.537 1.789S7.561 1.6 8.1 1.6a6.5 6.5 0 11-4.454 1.765'/%3e%3cpath stroke='%238C8C8C' stroke-width='1.2' fill='none' d='M.6 2.367h4.231V6.6'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%; width:16px; height:16px; margin-right:3px;} .filter_wrap .section.price .item button.on {border:1px solid #4279ff; color:#4279ff;} .filter_wrap .section.price .item button.on:before {background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath stroke='%234279FF' stroke-width='1.2' fill='none' d='M6.537 1.789S7.561 1.6 8.1 1.6a6.5 6.5 0 11-4.454 1.766'/%3e%3cpath stroke='%234279FF' stroke-width='1.2' fill='none' d='M.6 2.367h4.231V6.6'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%; width:16px; height:16px;} .filter_wrap .section.price .item .price_box input:focus, .filter_wrap .section.price .item .price_box button:focus {outline:none;} /* 서브탭 */ .cstab {position:relative;} .cstab>div {width:1100px; margin:0 auto;} .cstab ul {margin:0 0 0 -10px;} .cstab:after {content:""; display:block; clear:both} .cstab li {float:left; height:40px; line-height:40px; padding:0 10px; background:url('//res.afreecatv.com/images/shop/v1/sub.png') no-repeat -36px -133px;} .cstab li.first {} .cstab li a {color:#101010; font-size:16px; text-decoration:none;} .cstab li a.on {color:#259ff4;} /* 상품상세 */ .prdwrap {position:relative; width:960px; margin:60px auto 0;} /* 우측 구매정보 */ #buyinfo {} .buyinfo {width: 370px;float: right;padding: 0 0 140px 0} .buyinfo .path {padding-top: 20px} .buyinfo .path span {font-size: 16px;color: #646464;display: inline-block;vertical-align: middle;} .buyinfo .path em {display: inline-block;position: relative;margin:0 13px 0 7px;vertical-align: middle;font:0/0 a; background: #ffffff; } .buyinfo .path em:after, .buyinfo .path em:before {left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .buyinfo .path em:after {border-color: rgba(255, 255, 255, 0); border-left-color: #ffffff; border-width: 3px; margin-top: -3px; } .buyinfo .path em:before {border-color: rgba(100, 100, 100, 0); border-left-color: #646464; border-width: 5px; margin-top: -5px; } .fixed {position: fixed; top:0;} .fixed .in {} @media all and (max-width:1100px) { /*.buyinfo {position:absolute !important; top:-97px !important;}*/ } .buyinfo h2 {overflow:hidden;position:absolute;left:-10000px;top:0;width:0;height:0;font-size:0;line-height:0;} .buyinfo .thum {padding:0 0 22px; display:block;} .buyinfo .thum img {width:100%;} .buyinfo .tit {padding:20px 0 15px 0; font-size:28px; color:#333333;font-family: 'NGB';font-weight: normal;} .buyinfo .tit .ic_adult {display:inline-block; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath fill-rule='evenodd' fill='%23FF2424' d='M11.016 21.955C5.051 21.955.215 17.119.215 11.154S5.051.354 11.016.354s10.8 4.835 10.8 10.8c0 5.965-4.835 10.801-10.8 10.801zm0-19.984c-5.064 0-9.183 4.12-9.183 9.183 0 5.064 4.119 9.183 9.183 9.183 5.063 0 9.182-4.119 9.182-9.183 0-5.063-4.119-9.183-9.182-9.183zm1.405 13.647c-.376.04-.751.04-.993.027v-1.302c.255.027.51.014.913-.027.644-.053 1.288-.281 1.771-.67.563-.457.952-1.114 1.113-1.932l-.026-.014c-.443.497-1.061.778-1.906.778-1.516 0-2.643-1.1-2.643-2.71 0-1.664 1.288-3.113 3.153-3.113 2.026 0 3.113 1.597 3.113 3.717 0 1.865-.617 3.193-1.516 4.052-.765.711-1.812 1.113-2.979 1.194zm1.302-7.742c-.832 0-1.436.738-1.436 1.798.013.899.523 1.597 1.436 1.597.67 0 1.154-.309 1.408-.725a.98.98 0 00.094-.469c.014-1.181-.429-2.201-1.502-2.201zm-6.702.416h-.027l-1.597.805-.282-1.248 2.12-1.046h1.382v8.721H7.021V8.292z'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%; width:22px; height:22px; vertical-align:21px; font:0/0 a;} .buyinfo .stit {padding:0 0 20px; font-size:14px; color:#797979; line-height: 21px;} .buyinfo .price_wrap {margin: 0 0 30px 0} .buyinfo .price_wrap .price {display:inline-block;vertical-align: middle;margin:0 15px 0 0;font-size:24px; color:#3263d1; font-family: 'NGB';} .buyinfo .price_wrap .price em {display:inline-block;vertical-align: middle;height:22px;line-height:22px;padding:0 12px;margin:0 0 0 15px ;font-size: 14px;font-family: 'NGB';font-weight:bold;border:1px solid #ff5252;color:#ff5252; border-radius: 11px;} .buyinfo .price_wrap .price strong {overflow:hidden;position:absolute;left:-10000px;top:0;width:0;height:0;font-size:0;line-height:0;} .buyinfo .price_wrap .sprice {font-size:16px; color:#555555; text-decoration:line-through;} .buyinfo .delivery {padding:1px 0 20px 52px; /*margin:0 0 30px 0;*/position:relative; border-bottom: 1px solid #f2f2f2} .buyinfo .delivery h3 {position:absolute; left:0; top:0; font-weight:normal; color:#000000; font-size:16px; letter-spacing:0; line-height:1.5em;letter-spacing:-1px; } .buyinfo .delivery p {color:#aaa; font-size:14px; line-height:1.5em; letter-spacing:0; color: #777777;} .buyinfo .option {padding: 18px 0 0 0} .buyinfo .option .selectbox {margin:0 0 10px;} .buyinfo .option .selectbox .selected a {display:block; font-size:16px; font-weight:normal; border:1px solid #e2e2e2; background:#fff;} .buyinfo .option .selectbox ul {top:38px; right:0; border:1px solid #e2e2e2;} .buyinfo .option .numbox {position:relative;padding:22px 0;/*min-height:36px;*/border-bottom: 1px solid #f2f2f2;} .buyinfo .option .numbox:last-child {border-bottom:none;} .buyinfo .option .numbox.onlyone {border-bottom:none;} .buyinfo .option .numbox:after {display: block;clear: both;content: "";} .buyinfo .option .numbox h3 {overflow:hidden;position:absolute;left:-10000px;top:0;width:0;height:0;font-size:0;line-height:0;} .buyinfo .option .numbox .selected_prd {padding: 0 180px 0 0} .buyinfo .option .numbox .selected_prd .name {display: block;margin:0 0 2px 0;font-size: 16px;color: #282727;font-weight: normal;line-height: 24px;} .buyinfo .option .numbox .selected_prd .price {display: block;font-size: 16px;color: #a4a4a4;} .buyinfo .option .numbox .controls {position: absolute;right: 0;top:20px;width:180px;} .buyinfo .option .numbox .controls.no_delete {width:135px;} .buyinfo .option .numbox.no_choice {border-bottom:none;} .buyinfo .option .numbox .controls.no_choice {left:auto; right: 0; top: 0px;width: 135px;border-bottom: none;} .buyinfo .option .numbox .controls.no_choice .num {} .buyinfo .option .numbox .controls.no_choice .p {left:auto;right:0;} .buyinfo .option .numbox .num {display: block;position: absolute;left:42px;width: 51px;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;} .buyinfo .option .numbox .num input {display: block;width:100%;height: 40px;line-height: 40px;font-size: 16px;padding:0 0 0 0;color: #282828;text-align:center;background-color: transparent;border:none 0;outline: none;} .buyinfo .option .numbox .m, .buyinfo .option .numbox .p, .buyinfo .option .numbox .d {display: block;position: absolute;width: 40px;height: 40px;border: 1px solid #d5d5d5} .buyinfo .option .numbox .m {left: 0;} .buyinfo .option .numbox .p {left: 93px} .buyinfo .option .numbox .d {right: 0} .buyinfo .option .numbox a {display:block; height:40px;} .buyinfo .option .numbox .m .ic, .buyinfo .option .numbox .p .ic, .buyinfo .option .numbox .d .ic {display:block;position:absolute;top:50%;left:50%;background:url('//res.afreecatv.com/images/shop/v1/sub.png') no-repeat;} .buyinfo .option .numbox .m .ic {width:15px;height:2px;margin:-1px 0 0 -7px;background-position:-18px -165px;} .buyinfo .option .numbox .p .ic {width:14px;height:14px;margin:-7px 0 0 -7px;background-position:0 -159px;} .buyinfo .option .numbox .d .ic {width:14px;height:14px;margin:-7px 0 0 -7px;background-position:-36px -159px;} .buyinfo .option .total_price {margin-top:18px;height: 66px;line-height: 66px;border-top: 1px solid #f2f2f2;} .buyinfo .option .total_price:after {display: block;clear: both;content: "";} .buyinfo .option .total_price h3 {float: left;font-size: 16px;color: #000;font-weight: normal;} .buyinfo .option .total_price .price {float: right;font-size: 24px;color: #3263d1;} .buyinfo .btn {margin: 17px 0 0 0} .buyinfo .btn:after {display: block;clear: both;content: "";} .buyinfo .btn span {display:block;float: left;} .buyinfo .btn a {display:block; text-align:center; width:180px; height:48px; line-height:48px; font-family: 'NGB';font-size: 18px; text-decoration:none;} .buyinfo .btn .btn_buy a {color:#fff;background:#016bff;border: 1px solid #016bff} .buyinfo .btn .btn_cart a {color:#333333;background:#fff; border:1px solid #c7c7c7;} .buyinfo .btn .btn_cart {margin:0 5px 0 0;} .buyinfo .btn .btn_soldout {width:100%;text-align: center;height: 50px;line-height: 50px;font-size: 18px; color: #ffffff;background-color: #d0d0d0;cursor: default;} /* 상품정보 */ .prdinfo {width:560px;min-height: 700px; position:relative;float:left; z-index:11;} .prdinfo .bx-wrapper, .prdinfo .prd_thumb {position: relative;width:560px;height: 560px;} .prdinfo .bx-wrapper img, .prdinfo .prd_thumb img {width:560px;max-width:100%;max-height: 560px;} .prdinfo .bx-wrapper .bx-controls-direction a {display: block;width:50px;height:560px;position:absolute;top:0;font:0/0 a;/*background-color: rgba(255,255,255,0.5);*/} .prdinfo .bx-wrapper .bx-controls-direction a:after {display: block;content:"";width:16px;height:21px;position:absolute;top:50%;background:url('//res.afreecatv.com/images/shop/v1/sub.png') no-repeat;} .prdinfo .bx-wrapper .bx-controls-direction .bx-prev {left:0} .prdinfo .bx-wrapper .bx-controls-direction .bx-prev:after {left:0;background-position: 0 -179px;} .prdinfo .bx-wrapper .bx-controls-direction .bx-next {right:0} .prdinfo .bx-wrapper .bx-controls-direction .bx-next:after {right:0;background-position: -16px -179px;} .prdinfo .bx-wrapper .bx-pager {text-align: center;margin:8px 0 0 0;} .prdinfo .bx-wrapper .bx-pager-item {display: inline-block;margin:0 5px;} .prdinfo .bx-wrapper .bx-pager-item a{display:block;display: block;width: 12px;height: 12px;background-color: #dddddd;border-radius: 50%} .prdinfo .bx-wrapper .bx-pager-item .active {background-color: #0056cc;} .prdinfo .ic_adult {position:absolute; top:16px; right:20px; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='53' height='53'%3e%3cpath fill-rule='evenodd' fill='%23FF2424' d='M26.256 52.503C12.001 52.503.444 40.947.444 26.692S12.001.88 26.256.88s25.811 11.557 25.811 25.812-11.556 25.811-25.811 25.811zm0-47.757c-12.101 0-21.946 9.845-21.946 21.946s9.845 21.946 21.946 21.946 21.946-9.845 21.946-21.946S38.357 4.746 26.256 4.746zm3.359 32.614c-.898.096-1.796.096-2.373.064v-3.11c.609.064 1.219.032 2.18-.064 1.539-.129 3.079-.674 4.233-1.604 1.347-1.09 2.277-2.661 2.661-4.617l-.064-.032c-1.058 1.186-2.533 1.86-4.553 1.86-3.623 0-6.317-2.63-6.317-6.477 0-3.976 3.079-7.439 7.536-7.439 4.841 0 7.439 3.815 7.439 8.882 0 4.457-1.476 7.631-3.624 9.683-1.827 1.699-4.328 2.661-7.118 2.854zm3.11-18.501c-1.988 0-3.431 1.763-3.431 4.296.032 2.149 1.251 3.816 3.431 3.816 1.603 0 2.758-.737 3.367-1.731.128-.257.224-.578.224-1.123.032-2.821-1.026-5.258-3.591-5.258zm-16.016.994h-.065l-3.816 1.924-.673-2.983 5.067-2.5h3.302v20.841h-3.815V19.853z'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%; width:52px; height:52px; font:0/0 a; z-index:5;} .nav {position: absolute; left: 0;top: 0; display: block; width: 100%; z-index: 100; padding:0 0 0 0 ; margin: -61px 0 0 0} .nav ul:after {display: block;clear: both;content: "";} .nav ul li {float:left;width: 33.33333333%;height:61px;line-height: 61px;} .nav a {display: block;height:61px;text-decoration: none;text-align: center;font-family: 'NGB';font-size: 17px; background-color: #f5f5f5;border-right: 1px solid #e7e8ea} .nav li:last-child a {border-right:none;} .nav a.active {background-color: #6b717e;color: #ffffff;} .nav a:hover {text-decoration: none !important;} .fixed {position: fixed; top: 0 ;width:960px;left:50%;margin:0 0 0 -480px;} .tab_wrapper {width: 960px; margin: 0 auto; position: relative; padding: 0 0 0 0; } .tab_inner {padding: 80px 0;border-bottom: 1px solid #dcdcdc;} .tab_inner:last-child {border-bottom: none;} /*#tab1 {padding:30px 0 80px 0;}*/ .tab_inner .txt_wrap {padding: 0 10px} .tab_inner .txt_wrap a {color: #006cff;} .tab_inner .txt_wrap .btn_inquiry {display:block;width:116px;height:40px;line-height:40px;font-size:16px;text-align:center;border: 1px solid #c7c7c7;color: #4e4e4e;letter-spacing: -1px;margin:-10px 0 0 0;text-decoration: none;} .tab_inner h3 {font-size: 20px;color: #333333;font-weight: bold} .tab_inner .article {padding:35px 0;font-size: 14px;color: #888888;line-height: 24px;letter-spacing: -1px;font-family: 'NG' !important;border-top:none;} .tab_inner .memo img, .tab_inner .article img {max-width: 100% !important} .prdinfo .help {position:relative; z-index:1111; padding:0 0 30px; margin:0 0 50px; border-bottom:1px solid #e5e5e5;} .prdinfo .help:after{content:""; display:block; clear:both} .prdinfo .help h3 {float:left; width:185px; font-size:16px; color:#484848; font-weight:normal;} .prdinfo .help h3 .br {display:block;} .prdinfo .help .list {float:left; width:435px; margin:2px 0 0;} .prdinfo .help .list li {font-size:13px; color:#acacac; line-height:1.4em;} .prdinfo .help .list li a {color:#898989; text-decoration:underline;} .prdinfo .help .btninq {position:absolute; right:0; top:-4px;} .prdinfo .help .btninq a {display:block; font-size:13px; padding:0 30px 0 50px; height:43px; line-height:43px; border:1px solid #ededed;} .prdinfo .help .btninq .ic {position:absolute; left:30px; top:18px; width:12px; height:9px; background:url('//res.afreecatv.com/images/shop/v1/sub.png') 0 -36px no-repeat;} .prdwrap .tabbox {position:relative; clear: both;} .prdwrap .tabbox .tabmenu {position:absolute; left:0; top:0; margin:0 0 40px;} .prdwrap .tabbox .tabmenu.fixed {position:fixed; left:50%; top:0px; margin:0 0 0 -550px; width:1100px; height:0;} @media all and (max-width:1100px) { /*.prdwrap .tabbox .tabmenu.fixed {position:fixed; left:0; margin:0;}*/ } .prdwrap .tabbox .tabmenu ul {width:960px;} .prdwrap .tabbox .tabmenu ul:after{content:""; display:block; clear:both} .prdwrap .tabbox .tabmenu li {float:left; width:33.3333333333%;} .prdwrap .tabbox .tabmenu li a {display:block; height:60px; line-height:60px; display:block; text-align:center; color:#6b6b6b; font-size:17px; background:#f5f5f5; text-decoration:none;} .prdwrap .tabbox .tabmenu li.li1 a {background:#ededf5;} .prdwrap .tabbox .tabmenu li a.on {color:#fff; background:#6b717e;} .prdwrap .tabbox .tabmenu li.li1 a.on {background:#6b717e} .prdwrap .tabbox .tabm {padding:50px 0 90px; min-height:150px; border-top:1px solid #dcdcdc;} .prdwrap .tabbox .tabm.t1 {border:none;} .prdwrap .tabbox .tabm.t5 {min-height:50px; margin:0; padding:0; position:relative; z-index:11; height:0; border:none;} .prdwrap .tabbox .tabm h3 {font-size:20px; line-height:1.3em; color:#333; padding:0 0 20px;} .prdwrap .tabbox .tabm .memo {font-size:14px; line-height:1.5em; color:#888; min-height:50px;} .prdwrap .tabbox .tabm.t1.h3 {color:#171717;} .prdwrap .tabbox .tabm.t1 .memo {font-size:16px;} .prdwrap .tabbox .tabm .memo img {max-width:100%;} /* 상품정보제공고시 2016-08-26 추가 */ .prdwrap .tabbox .tabm .prdinfo_gosi {padding:120px 0 0;} .prdwrap .tabbox .tabm .prdinfo_gosi h4 {color:#000; font-size:20px; text-align:center; font-weight:600; padding:0 0 30px;} .prdwrap .tabbox .tabm .prdinfo_gosi .tb {border-top:1px solid #f1f1f1; border-left:1px solid #f1f1f1; } .prdwrap .tabbox .tabm .prdinfo_gosi .tb table {border-collapse:collapse; table-layout:fixed;} .prdwrap .tabbox .tabm .prdinfo_gosi .tb tr {} .prdwrap .tabbox .tabm .prdinfo_gosi .tb th, .prdwrap .tabbox .tabm .prdinfo_gosi .tb td {padding:6px 0; border-bottom:1px solid #f1f1f1; border-right:1px solid #f1f1f1; } .prdwrap .tabbox .tabm .prdinfo_gosi .tb th {background:#f9f9f9;} .prdwrap .tabbox .tabm .prdinfo_gosi .tb td {} .prdwrap .tabbox .tabm .prdinfo_gosi .tb th div.divth, .prdwrap .tabbox .tabm .prdinfo_gosi .tb td div.divtd {font-size:14px; line-height:1.5em; color:#000; } .prdwrap .tabbox .tabm .prdinfo_gosi .tb th div.divth {padding:0 10px 0 17px;} .prdwrap .tabbox .tabm .prdinfo_gosi .tb td div.divtd {padding:0 20px;} .cont .relitems {position:relative; z-index:99;} .cont .relitems .in {border-top:1px solid #ebebeb; padding:50px 0 0; margin:0 0 -100px; background:#fefeff;} .cont .relitems .inn {width:1100px; margin:0 auto; position:relative;} .cont .relitems h2 {font-size:24px; line-height:1.3em; color:#363636; margin:0 0 25px;} .cont .relitems .list {margin:0 0 0 -60px;} .cont .relitems .list:after{content:""; display:block; clear:both} .cont .relitems .list .items {position:relative; float:left; width:230px; margin:0 0 60px 60px;} .cont .relitems .list .items .bg a {background:none;} /* 장바구니 */ .cartpg {width:960px; margin:0 auto; position:relative;} .cartpg .allchoice {font-size:14px; padding:12px 0 10px 20px; color:#0f0f0f; /*border-top:2px solid #4b4b4b;*/ border-bottom:1px solid #ebebeb; background:#f5f6fa;} .cartpg .allchoice em {color:#3e7fbb; font-size:14px;} .cont .cartlist h3.stit2 {margin:30px 0 0;} .cartpg .cartlist {} .cartpg .cartlist dl {position:relative; border-bottom:1px solid #d9d9d9;} .orderpg .cartlist dl {border-bottom:1px solid #a2a2a2;} .cartpg .cartlist dt {padding:13px 0 13px 20px; color:#3e7fbb; font-size:14px; border-bottom:1px solid #ececec;} .cartpg .cartlist dt a {color:#3e7fbb; font-size:14px;} .cartpg .cartlist dd {position:relative; padding:20px 0; border-top:1px solid #f3f3f3;} .cartpg .cartlist dd.delivery {position:absolute; right:20px; top:13px; padding:0; font-size:14px; color:#909090; border:none;} .cartpg .cartlist dd.item {} .cartpg .cartlist dd.item.first {border-top:none;} .cartpg .cartlist dd.item:after{content:""; display:block; clear:both} .cartpg .cartlist dd.item .cb {float:left; padding:45px 10px 0 20px;} .cartpg .cartlist dd.item .thum {float:left; padding:0px 20px 0 20px;} .cartpg .cartlist dd.item .thum img {width:110px; height:110px;} .cartpg .cartlist dd.item .titbox {float:left; width:410px; padding:5px 10px 0 0;} .cartpg .cartlist dd.item .titbox .stit {display:block; padding:0 0 10px;} .cartpg .cartlist dd.item .titbox .stit a {font-size:16px; line-height:1.3em; color:#0f0f0f; font-weight:bold;} .cartpg .cartlist dd.item .titbox .opt {} .cartpg .cartlist dd.item .titbox .opt li {} .cartpg .cartlist dd.item .titbox .opt li em {color:#a9a9a9; font-size:12px;} .cartpg .cartlist dd.item .titbox .opt li span {color:#626262; font-size:12px;} .cartpg .cartlist dd.item .numbox {position:relative; float:left;} .cartpg .cartlist dd.item .numbox h3 {overflow:hidden;position:absolute;left:-10000px;top:0;width:0;height:0;font-size:0;line-height:0;} .cartpg .cartlist dd.item .numbox .num {display:block; width:136px; text-align:center; color:#282828; font-size:16px; padding:5px 0 0;} .cartpg .cartlist dd.item .numbox .m, .cartpg .cartlist dd.item .numbox .p {position:absolute; top:0px; overflow:hidden; text-indent:-1111px; width:26px; height:26px; border:1px solid #e2e2e2;} .cartpg .cartlist dd.item .numbox .m {left:0;} .cartpg .cartlist dd.item .numbox .p {left:108px;} .cartpg .cartlist dd.item .numbox a {display:block; height:26px;} .cartpg .cartlist dd.item .numbox .m .ic {position:absolute; left:50%; top:50%; width:11px; height:1px; margin:0 0 0 -5px; background:url('//res.afreecatv.com/images/shop/v1/sub.png') 0 -66px no-repeat;} .cartpg .cartlist dd.item .numbox .p .ic {position:absolute; left:50%; top:50%; width:11px; height:11px; margin:-5px 0 0 -5px; background:url('//res.afreecatv.com/images/shop/v1/sub.png') 0 -68px no-repeat;} .cartpg .cartlist dd.item .numbox .modify a {position:absolute; left:141px; top:0px; display:block; white-space:nowrap; padding:0 15px; height:26px; line-height:26px; border:1px solid #e2e2e2; text-decoration:none;} .cartpg .cartlist dd.item .numbox2 {position:absolute; right:150px; top:25px;} .cartpg .cartlist dd.item .numbox2 h3 {overflow:hidden;position:absolute;left:-10000px;top:0;width:0;height:0;font-size:0;line-height:0;} .cartpg .cartlist dd.item .numbox2 .num {text-align:right; color:#282828; font-size:16px;} .cartpg .cartlist dd.item .price {position:absolute; right:20px; top:25px; text-align:right; color:#0f0f0f; font-size:18px; font-weight:bold;} .cont .totalbox h3.stit2 {margin-bottom:0;} .cartpg .totalbox {background:#fafbfd;} .orderpg .totalbox {background:none;} .cartpg .totalbox dl {border-bottom:1px solid #a2a2a2; padding:26px 0 6px;} .cartpg .totalbox dl:after{content:""; display:block; clear:both} .cartpg .totalbox dt, .cartpg .totalbox dd {float:left; width:50%; color:#101010; font-size:16px; padding:0 0 20px;} .cartpg .totalbox dt em, .cartpg .totalbox dd em {display:block; padding:0 20px;} .cartpg .totalbox dt {} .cartpg .totalbox dd {text-align:right;} .cartpg .totalbox dt.totalpay, .cartpg .totalbox dd.totalpay {padding:28px 0; border-top:1px solid #f3f3f3;} .cartpg .totalbox dd.totalpay {padding:20px 0; font-size:30px; color:#3263d1;} .cartpg .totalbox dd .adbuy {display:inline-block;color:#101010 !important;font-size:16px;margin-right:10px;} .cartpg .totalbox dd .adbuy:before {content:'!';display:inline-block;width:13px;height:13px;vertical-align:middle;margin:0 5px 3px 0;border:1px solid #acacac;border-radius:50%;font-family:'dotum';font-size:12px;text-align:center;line-height:15px;color:#acacac;} .cartpg .totalbox dd .stroke {text-decoration:line-through;color:#b2b2b2 !important;font-size:16px;} .cartpg .totalbox dd .stroke span {color:#b2b2b2 !important} .cartpg .delbox {position:relative; padding:0 0 100px;} .cartpg .delbox a.btn {margin:10px 0 0; display:inline-block; font-size:14px; color:#626262; height:28px; line-height:28px; padding:0 12px; text-decoration:none; border:1px solid #d4d4d4;} .cartpg .delbox .info {position:absolute; right:0; top:18px; font-size:13px;} .cartpg .cart_none {position:relative; text-align:center; padding:120px 0; margin:0 0 50px; /*border-top:2px solid #4b4b4b;*/ border-bottom:1px solid #cfcfcf; } .cartpg .cart_none h3 {font-size:22px; color:#316eee; font-weight:normal; padding:0 0 20px;} .cartpg .cart_none p {font-size:14px; color:#626262; line-height:1.5em;} .btnbox {text-align:center;} .btnbox span {display:inline-block; margin:0 14px;} .btnbox a {display:block; text-align:center; width:300px; text-decoration:none;} .btnbox a:hover {text-decoration:none;} .btnbox .btn_goshop {font-size:16px; color:#4d71c9; width:298px; height:52px; line-height:52px; background:#fff; border:1px solid #829bd9;} .btnbox .btn_goshop a {color:#4d71c9;} .btnbox .btn_buy, .btnbox .btn_pay {font-size:16px; color:#fff; height:54px; line-height:54px; background:#4d71c9;} .btnbox .btn_buy a, .btnbox .btn_pay a {color:#fff;} .btnbox .btn_golist {background:#fff; border:1px solid #e5e5e5;} .btnbox .btn_golist a {color:#747474; width:141px;height:43px;line-height:43px;font-size:16px; } /* 주문/결제 */ .orderpg {} .orderpg .totalbox dt em, .orderpg .totalbox dd em {padding:0;} .process {position:relative; height:0; top:-50px;} .process ol {position:absolute; right:0;} .process li {position:relative; float:left; color:#b3b3b3; font-style:italic; font-size:14px; min-height:14px; padding:0 15px 0 22px;} .process li.first {padding-left:0;} .process li.end {padding-right:0;} .process li.on {color:#265fa5;} .process li .ic {position:absolute; left:0; top:2px; width:10px; height:13px; background:url('//res.afreecatv.com/images/shop/v1/sub.png') 0 -90px no-repeat;} .process li.first .ic {display:none;} .orderpg .pilsu {display:inline-block; vertical-align:middle; margin:-2px 0 0; overflow:hidden; text-indent:-1111px; width:6px; height:5px; background:url('//res.afreecatv.com/images/shop/v1/sub.png') -4px -104px no-repeat;} .orderwrap {} .orderwrap:after{content:""; display:block; clear:both} .orderwrap .order_write {float:left; width:260px; margin:0 25px 0 0;} .orderwrap .order_write .list {} .orderwrap .order_write .list dl {} .orderwrap .order_write .list dt {font-size:14px; color:#888;padding:0 0 10px;} .orderwrap .order_write .list dd {padding:0 0 30px;} .orderwrap .order_write .list .info {color:#a9a9a9; font-size:12px; line-height:1.5em; padding:7px 0 0;} .orderwrap .delivery_write {float:left; width:675px;} .orderwrap .delivery_write .list {float:left;} .orderwrap .delivery_write .list1 {width:260px; margin:0 25px 0 0;} .orderwrap .delivery_write .list2 {width:390px;} .orderwrap .delivery_write .list dl {} .orderwrap .delivery_write .list dt {font-size:14px; color:#888;padding:0 0 10px;} .orderwrap .delivery_write .list dd {padding:0 0 30px; position:relative;} .orderwrap .delivery_write .list dd.end {padding-bottom:0;} .orderwrap .delivery_write .list dd .address_basicset {position:absolute; right:0; top:11px;} .orderwrap .delivery_write .list dd .address_basicset .txt {font-size:13px; color:#101010; margin:0 0 0 -3px;} .orderwrap .delivery_write .list dd .find {} .orderwrap .delivery_write .list dd .find a {display:inline-block; height:38px; line-height:38px; vertical-align:middle; padding:0 30px; font-size:17px; color:#fff; background:#646472; text-decoration:none;} .orderwrap .delivery_write .list dd .address_line {display:block; padding:8px 0 0;} .orderwrap .delivery_write .list dd .selectbox {margin:0 0 10px;} .orderwrap .delivery_write .list dd .selectbox .selected a {display:block; font-size:14px; color:#4d4d4d; font-weight:normal; border:1px solid #e2e2e2; background:#fff; padding:0 10px;} .orderwrap .delivery_write .list dd .selectbox ul {top:38px; right:0; border:1px solid #e2e2e2;} .orderwrap .delivery_write .list dd textarea {width:368px; height:58px; padding:10px; font-size:14px; color:#4d4d4d;} .cont .pay_choice h3.stit2 {margin-bottom:0; border:none;} .pay_choice {} .pay_choice .list {} .pay_choice .list .tab {} .pay_choice .list .tab ul {} .pay_choice .list .tab ul:after{content:""; display:block; clear:both} .pay_choice .list .tab li {float:left; width:33.33333333333333%;} .pay_choice .list .tab li em {display:block; height:48px;} .pay_choice .list .tab li.li1 em {border-left:1px solid #d6d6d6;} .pay_choice .list .tab li.li3 em {border-right:1px solid #d6d6d6;} /*.pay_choice .list .tab li.li4 em {border-right:1px solid #d6d6d6;}*/ .pay_choice .list .tab li a {position:relative; display:block; color:#666; font-size:16px; height:48px; line-height:48px; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; text-align:center; background:#f3f3f5 url('//res.afreecatv.com/images/shop/v1/tabmenu_sai2.gif') 0 0 repeat-y; text-decoration:none;} .pay_choice .list .tab li a.on {color:#fff; border:none; height:50px; line-height:50px; background:#707b86;} .pay_choice .list .tab li .ic {display:none; width:21px; height:21px; vertical-align:middle; margin:-2px 5px 0 0; background:url('//res.afreecatv.com/images/shop/v1/sub.png') 0 -110px no-repeat;} .pay_choice .list .tab li a.on .ic {display:inline-block;} .pay_choice .list .stab {display:none; padding:12px 0 12px 20px; border:1px solid #d6d6d6; border-top:none; border-bottom:1px solid #e9e9e9; background:#fbfbfc;} .pay_choice .list .stab1 {display:block;} .pay_choice .list .stab:after{content:""; display:block; clear:both} .pay_choice .list .stab em {position:relative; color:#575757; font-size:15px; padding:0 20px 0 0; margin:0 10px 0 0; display:inline-block;} .pay_choice .list .stab em span {position:absolute; right:0; top:50%; display:block; width:1px; height:12px; margin:-6px 0 0; background:url('//res.afreecatv.com/images/shop/v1/sub.png') -34px -133px no-repeat;} .pay_choice .list .stab ul {display:inline-block; margin:0 0 0 -50px;} .pay_choice .list .stab li {display:inline-block; padding:0 0 0 50px;} .pay_choice .list .stab li a {position:relative; padding:0 0 0 26px; font-size:15px; color:#101010; text-decoration:none;} .pay_choice .list .stab li a.on {} .pay_choice .list .stab li .ic {position:absolute; left:0; top:50%; display:block; width:16px; height:16px; margin:-8px 0 0; background:url('//res.afreecatv.com/images/shop/v1/sub.png') -17px -133px no-repeat;} .pay_choice .list .stab li .on .ic {background-position:0 -133px;} .pay_choice .list .memo {display:none; border:1px solid #d6d6d6; border-top:none;} .pay_choice .list .memo1 .in, .pay_choice .list .memo2 .in {display:table-cell; width:1098px; height:135px; text-align:center; vertical-align:middle;} .pay_choice .list .memo3 .in {} .pay_choice .list .memo3 {display:block;} .pay_choice .list .memo1 .in, .pay_choice .list .memo2 .in {text-align:center;} .pay_choice .list .memo3 .in>div, .pay_choice .list .memo4 .in>div {display:none;} .pay_choice .list .memo3 .in .memo3a, .pay_choice .list .memo4 .in .memo3a {display:block;} .pay_choice .list .memo3a, .pay_choice .list .memo3b {height:135px;} .pay_choice .list .memo3a .txt {display:table-cell; width:1098px; height:135px; text-align:center; vertical-align:middle;} .pay_choice .list .memo3c {padding:32px 0 26px 33px;} .pay_choice .list .memo3c ul {} .pay_choice .list .memo3c ul:after{content:""; display:block; clear:both} .pay_choice .list .memo3c li {float:left; width:310px; position:relative;} .pay_choice .list .memo3c li.li3 {width:290px;} .pay_choice .list .memo3c li dt {font-size:15px; color:#888; padding:0 0 10px;} .pay_choice .list .memo3c li dd {padding:0 0 27px;} .pay_choice .list .memo3c li.li2 dd {padding:0 0 20px;} .pay_choice .list .memo3c li dt.ht, .pay_choice .list .memo3c li dd.ht {position:absolute; left:150px; top:0;} .pay_choice .list .memo3c li dd.ht {top:27px;} .pay_choice .list .memo3c li dd .find a {display:inline-block; height:38px; line-height:38px; vertical-align:middle; padding:0 30px; margin:0 0 0 6px; font-size:15px; color:#fff; background:#a0a0a3; text-decoration:none;} .pay_choice .list .memo3c li dd .address_line {display:block; padding:10px 0 0;} .pay_choice .list .memo .txt {font-size:14px; color:#888; line-height:1.5em;} .pay_choice .list .memo .mitmemo {display:none; padding:0 0 0 115px;} .pay_choice .list .memo .mitmemo1 {display:block;} .pay_choice .list .memo .mitmemo ul {} .pay_choice .list .memo .mitmemo ul:after{content:""; display:block; clear:both} .pay_choice .list .memo .mitmemo li {float:left;} .pay_choice .list .memo .mitmemo li .je {display:inline-block; padding:0 20px 0 0; color:#888; font-size:15px;} .pay_choice .list .memo .mitmemo li .je_memo {margin:0 40px 0 0;} .pay_choice .list .memointab {padding:28px 0 20px 20px;} .pay_choice .list .memointab:after{content:""; display:block; clear:both} .pay_choice .list .memointab em {position:relative; color:#575757; font-size:15px; padding:0 20px 0 0; margin:0 10px 0 0; display:inline-block;} .pay_choice .list .memointab em span {position:absolute; right:0; top:50%; display:block; width:1px; height:12px; margin:-6px 0 0; background:url('//res.afreecatv.com/images/shop/v1/sub.png') -34px -133px no-repeat;} .pay_choice .list .memointab ul {display:inline-block; margin:0 0 0 -50px;} .pay_choice .list .memointab li {display:inline-block; padding:0 0 0 50px;} .pay_choice .list .memointab li a {position:relative; padding:0 0 0 26px; font-size:15px; color:#101010; text-decoration:none;} .pay_choice .list .memointab li a.on {} .pay_choice .list .memointab li .ic {position:absolute; left:0; top:50%; display:block; width:16px; height:16px; margin:-8px 0 0; background:url('//res.afreecatv.com/images/shop/v1/sub.png') -17px -133px no-repeat;} .pay_choice .list .memointab li .on .ic {background-position:0 -133px;} .rulesbox {margin:0 0 100px; position:relative;} .cont .rulesbox h3.stit2 {margin-bottom:0;} .rulesbox .list {} .rulesbox .list:after{content:""; display:block; clear:both} .rulesbox .list .allcheck {position:absolute; right:0; top:2px;} .rulesbox .list .allcheck .txt {display:inline-block; padding:0 0 0 6px; font-size:15px; color:#101010;} .rulesbox .list ul {border-bottom:1px solid #a2a2a2;} .rulesbox .list li {position:relative; padding:20px 0 20px 20px; border-bottom:1px solid #e8e8e8;} .rulesbox .list li.end {border:none;} .rulesbox .list li h4 {font-size:16px; color:#646464; font-weight:normal;} .rulesbox .list li h4 .view_full {padding:0 0 0 6px;} .rulesbox .list li h4 .view_full a {position:relative; display:inline-block; font-size:12px; line-height:1em; color:#b9b9b9; font-weight:normal; padding:0 9px 0 0;} .rulesbox .list li h4 .view_full a:hover {color:#999;} .rulesbox .list li h4 .view_full .ic {position:absolute; right:0; top:50%; width:3px; height:2px; margin:-1px 0 0; background:url('//res.afreecatv.com/images/shop/v1/sub.png') 0 -104px no-repeat;} .rulesbox .list li .cb {position:absolute; right:20px; top:14px;} .rulesbox .list li.memo {display:none; height:120px; padding:0 0 0 20px;} .rulesbox .list li.show {display:block;} .rulesbox .list li.memo iframe {width:100%; height:100%;} .order_pay_done {position:relative; padding:45px 0 30px;} .order_pay_done h3 {font-size:28px; line-height:1.5em; color:#2b2b2b; font-weight:normal; text-align:center; padding:125px 0 0; background:url('//res.afreecatv.com/images/shop/v1/order_pay_done.gif') center 0 no-repeat;} .order_pay_done p {text-align:center; font-size:18px;} .order_pay_done p em {color:#2b2b2b;} .order_pay_done p span {color:#5481df;} .delivery_info {} .delivery_info dl {padding:0 0 15px; border-bottom:1px solid #a2a2a2;} .delivery_info dl:after{content:""; display:block; clear:both} .delivery_info dt, .delivery_info dd {float:left; font-size:16px; color:#101010; padding:0 0 20px;} .delivery_info dt {width:150px;} .delivery_info dd {width:810px;} .allim {margin:0 0 100px;} .allim .txt {padding:0 0 20px 20px; margin:-12px 0 0; font-size:15px; line-height:2.5em; color:#101010; border-bottom:1px solid #a2a2a2;} .allim .txt a {color:#5481df; text-decoration:underline;} /* 사장님BJ */ .ceobj_livebox {padding:47px 0 45px; margin:0; background:#f2f2f2;} .ceobj_livebox h2 {text-align:center; font-size:28px; color:#1f1f1f; margin:0 0 40px; font-weight:normal;} .ceobj_livebox h2 em {color:#ff2929;} .ceobj_livebox h2 .iclive {display:inline-block; overflow:hidden; text-indent:-1111px; vertical-align:middle; width:60px; height:28px; margin:-4px 6px 0 0; background:url('//res.afreecatv.com/images/shop/v1/live.png') no-repeat;} .ceobj_livebox .listarea {width:1100px;margin:0 auto;padding:0;} .ceobjbox {width:1100px; margin:0 auto 0; position:relative;} .ceobjbox h2 {} .ceobjbox .appl a {position:absolute; left:150px; top:-2px; display:inline-block; padding:0 16px 0 12px; color:#959494; font-size:13px; font-weight:normal; letter-spacing:-1px; line-height:23px; height:23px; border:1px solid #c1c1c1; border-radius:10px; background:url('//res.afreecatv.com/images/shop/v1/aftv_arr.gif') 83px 50% no-repeat; text-decoration:none;} .ceobjbox .list {padding:0 0 70px;} .ceobjbox .list ul {margin:0 0 0 -20px;} .ceobjbox .list ul:after{content:""; display:block; clear:both} .ceobjbox .list li {position:relative; float:left; width:202px; height:258px; text-align:center; border:1px solid #e1e1e1; margin:0 0 30px 20px; background:#fff;} .ceobjbox .list li .live a {position:absolute; left:123px; top:48px; display:block; color:#fff; font-family:arial; font-weight:normal; font-size:11px; width:32px; height:32px; line-height:32px; border-radius:32px; background:#ff4d4d; text-decoration:none;} .ceobjbox .list li .cate {position:absolute; left:10px; top:8px; color:#a6a6a6; font-size:11px;} .ceobjbox .list li .bjphoto {margin:45px 0 15px; display:block;} .ceobjbox .list li .bjphoto img {width:92px; height:92px; border-radius:92px;} .ceobjbox .list li .nick {font-size:16px; color:#383838; font-weight:bold;} .ceobjbox .list li .fav {display:inline-block; position:relative;} .ceobjbox .list li .fav a {display:inline-block; overflow:hidden; margin:0 0 0 8px; text-indent:-1111px; width:14px; height:13px; background:url('//res.afreecatv.com/images/shop/v1/main.png') -15px -163px no-repeat;} .ceobjbox .list li .fav a.on {background-position:0 -163px;} .ceobjbox .list li .fav .sai {position:absolute; left:2px; top:3px; display:inline-block; overflow:hidden; text-indent:-1111px; width:1px; height:7px; background:url('//res.afreecatv.com/images/shop/v1/icon_sai.gif') no-repeat 0 0;} .ceobjbox .list li .id {display:block; font-size:13px; font-family:dotum; color:#989898; padding:2px 0 0;} .ceobjbox .list li .itemview a {position:absolute; left:0; bottom:0; display:block; color:#7d7d7d; font-weight:normal; font-size:14px; width:202px; height:39px; line-height:39px; border-top:1px solid #f6f6f6; background:url('//res.afreecatv.com/images/shop/v1/aftv_arr.gif') 133px 50% no-repeat; text-decoration:none;} /* 이용안내 */ .bbsbox {/*width:1100px; */width:960px;margin:0 auto;} .cont .bbsbox h2.stit {text-align:center;} .bbsbox .bbssearch {position:relative; height:0;} .bbsbox .bbssearch .inn {position:absolute; right:0; top:-59px; height:0; width:195px; height:32px; background:url('//res.afreecatv.com/images/shop/v1/bbssearch.gif') no-repeat 0 0;} .bbsbox .bbssearch input {float:left; border:none; margin:1px 0 0 1px; width:128px; padding:7px 10px;} .bbsbox .bbssearch em {float:right;} .bbsbox .bbssearch em a {display:block; width:45px; height:32px; overflow:hidden; text-indent:-1111px; background:url('//res.afreecatv.com/images/shop/v1/bbssearch.gif') no-repeat right 0;} .bbsbox .bbslist {margin:0 0 65px} /* bbslist */ .bbslist {clear:both;width:100%;} .bbslist tr.notice {font-weight:bold; background:#fff;} .bbslist th, .bbslist td {text-align:center; color:#a0a0a0; font-size:14px; padding:15px 0;} .bbslist th {border-top:1px solid #dddde5; border-bottom:1px solid #ececf0; padding:12px 0; background:#f9f9fc;} .bbslist th p {color:#747474; font-size:14px; background:url(//res.afreecatv.com/images/board/bar_th.gif) left center no-repeat;} .bbslist th.no p {background:none;} .bbslist td {border-bottom:1px solid #f6f6f7;} .bbslist tr:last-child td {border-bottom:1px solid #dadbdf;} .bbslist tr.notice td {background-color:#fbfbfbz} .bbslist tr.notice td.title {font-weight:bold;} .bbslist td.no {color:#101010; font-size:16px;} .bbslist td.title {text-align:left;} .bbslist td.title a {font-size:16px; color:#101010;} .bbslist td.title span {color:#e43232;font-weight:normal;margin:0 0 0 4px} .bbslist td.title img.new {margin:0 0 -1px 5px} .bbslist td.title p {padding:0 0 0 20px;} .bbslist td.writer, .bbslist td.writer a {} .bbslist td.no input {float:left; vertical-align:middle;} .bbslist td.no img {vertical-align:middle} .bbslist td.category {} .bbsview {} .bbsview .header {position:relative; border-top:1px solid #dddde5; border-bottom:1px solid #ececf0; background:#f9f9fc; height: auto !important} .bbsview .header h3 {padding:15px 0 15px 20px; font-size:16px; color:#434548; font-weight:normal;} .bbsview .header p {position:absolute; right:20px; top:0; padding:15px 0; font-size:14px; color:#848f9d;} .bbsview .header p em, .bbsview .header p span {color:#6e6e6e;} .bbsview .memo, .bbsview .memo p {font-size:16px; color:#626262; line-height:1.5em; word-wrap: break-word; /* Internet Explorer 5.5+ */ word-break:break-all;} .bbsview .memo {min-height:300px; padding:40px; margin-bottom:30px;border-bottom: 1px solid #dadbdf} .bbsview .memo img {max-width:100%;} .bbsview .articles {margin:0 0 55px; padding:20px 0 0; border-top:1px solid #dadbdf; border-bottom:1px solid #dadbdf;} .bbsview .articles dl {width:1100px;} .bbsview .articles dl:after{content:""; display:block; clear:both} .bbsview .articles dt, .bbsview .articles dd {position:relative; padding:0 0 17px; font-size:16px; color:#626262; line-height:1em;} .bbsview .articles dt {float:left; width:80px; padding:1px 0 18px 20px; font-size:14px;} .bbsview .articles dt span {position:absolute; left:56px; top:3px; width:13px; height:7px; overflow:hidden; text-indent:-1111px; background:url('//res.afreecatv.com/images/shop/v1/bbs_articles.gif') no-repeat 0 0;} .bbsview .articles dt.next span {top:4px; background-position:0 -8px;} .bbsview .articles dd {float:left; width:870px; padding:0 0 20px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .bbsview .articles dd a {color:#626262;} .bbsview .articles dd .atc_date {position:absolute; right:20px; top:0; font-size:14px; color:#a0a0a0;} /* 브랜드관 2016-11-30 추가 */ .brand_coming {position:relative; padding:190px 0 90px; text-align:center; font-size:22px; color:#000; font-weight:normal;} .brand_visual {} .brand_visual h2 {overflow:hidden;position:absolute;left:-10000px;top:0;width:0;height:0;font-size:0;line-height:0;} .brand_visual .memo {width:1100px; margin:0 auto;} .brand_visual .memo img {width:100%;} .brand_memo {width:1100px; margin:0 auto;} .brand_memo .in {border-bottom:1px solid #5e5e5e; margin:0 0 25px;} .brand_memo h2 {overflow:hidden;position:absolute;left:-10000px;top:0;width:0;height:0;font-size:0;line-height:0;} .brand_memo .bmhead {position:relative; height:100px;} .brand_memo .bmhead:after {content:""; display:block; clear:both} .brand_memo .bmhead .brand_logo {float:left; margin:10px 0 0 10px;} .brand_memo .bmhead .brand_logo img {height:80px;} .brand_memo .bmhead .brand_title {float:left; display:block; padding:40px 240px 0 20px; font-size:18px; color:#4e4658;} .brand_memo .bmhead .fr {position:absolute; right:100px; top:0;} .brand_memo .bmhead .fr>span {display:inline-block; margin:24px 0 0 0px; vertical-align:middle;} .brand_memo .bmhead .prod_view {border:1px solid #e1e1e1;} .brand_memo .bmhead .prod_view a {display:block; padding:0 30px; height:50px; line-height:50px; font-size:16px; color:#6d6b70; text-decoration:underline;} .brand_memo .bmhead .memo_close a, .brand_memo .bmhead .memo_open a {position:absolute; right:-74px; top:24px; display:block; width:50px; height:50px; line-height:50px; overflow:hidden; text-indent:-1111px; background:url('//res.afreecatv.com/images/shop/v1/memo_close.png') no-repeat center center;} .brand_memo .bmhead .memo_open a {background:url('//res.afreecatv.com/images/shop/v1/memo_open.png') no-repeat center center;} .brand_memo .memo_txt {font-size:16px; color:#555456; line-height:1.3em; width:1040px; margin:0 auto; padding:50px 30px; border-top:1px solid #e8e7e8; background:;} .brandvod {width:1100px; margin:0 auto;} .brandvod .in {} .brandvod h2 {font-size:24px; color:#417eff; padding:50px 0 27px; } .brandvod h2 em {color:#101010;} .brandvod .vodplayer {position:relative; padding:0 0 30px;} .brandvod .vodplayer .code {display:block; text-align:center; background:#4c4d58;} /*.brandvod .vodplayer .code iframe {width:720px; height:405px;}*/ .brandvod .vodplayer .code iframe {width:100%; height:619px;} .brandvod .vodplayer .close a {position:absolute; right:-33px; top:0px; display:block; width:27px; height:27px; overflow:hidden; text-indent:-1111px; background:url('//res.afreecatv.com/images/shop/v1/close.png');} .brandvod .list {margin:0 0 10px -16px;} .brandvod .list:after {content:""; display:block; clear:both} .brandvod .list .items {position:relative; float:left; width:356px; height:340px; margin:0 0 0 16px; border:none;} .brandvod .list .items .thum {} .brandvod .list .items .thum img {width:354px; height:198px; border:1px solid #d5e0f1;} .brandvod .list .items .thumlink a {position:absolute; left:1px; top:1px; z-index:22; display:block; width:354px; height:198px; overflow:hidden; text-indent:-1111px;} .brandvod .list .items.playnow .thumlink a {background:transparent url('//res.afreecatv.com/images/shop/v1/playnow.png') no-repeat center center; background:rgba(0,0,0,0.7) url('//res.afreecatv.com/images/shop/v1/playnow.png') no-repeat center center;} .brandvod .list .items .tit {height:auto; padding:0 0 12px;} .brandvod .list .items .tit a {font-size:16px; color:#417eff;} .brandvod .list .items .stit a {color:#444; font-size:16px; font-weight:normal;} .brandvod .list .items:hover .tit a, .brandvod .list .items:hover .stit a {text-decoration:none;} .brandvod .list .items.playnow .tit a, .brandvod .list .items.playnow .stit a {text-decoration:underline;} .brandvod .list .items .type {position:absolute; left:9px; top:9px; z-index:11;} .brandvod .list .items .time {position:absolute; right:9px; top:167px; z-index:11; padding:0 15px; height:22px; line-height:22px; color:#fff; font-size:14px; border-radius:4px; background:#272727; background:rgba(39,39,39,0.8);} .cont .shoplist {position:relative;} .cont .shoplist .in {width:1100px; margin:0 auto; position:relative;} .cont .shoplist h2 {padding:0 0 25px; margin:0 0 0px; font-size:20px; color:#8d5bff; font-weight:bold;} .cont .shoplist h2 em {color:#363636;} .cont .shoplist .list {margin:0px 0 40px -60px;} .cont .shoplist .list:after{content:""; display:block; clear:both} .cont .shoplist .list .items {position:relative; float:left; width:230px; margin:0 0 60px 60px;} .cont .shoplist .list .items .price {position:relative; left:auto; top:auto; padding:0 0 0 10px; font-size:18px; color:#101010; font-weight:500;} #shoplistgo {position:relative; top:-95px;} /* 2020-0424 수정 */ /* 메인 */ .items .token { margin: 13px 0 0 0; } .items .token { font-size: 14px; } .items .token strong { background: transparent; font-size: 14px; color: #3263d1; } .items .price_wrap .soldout { display: inline-block; width: 46px; height: 20px; margin-right: 6px; line-height: 20px !important; vertical-align: top; font-size: 13px; letter-spacing:-1px; color:#fff; text-align: center; background-color: #a1a1a1; border-radius: 20px; } /* 상품 페이지 */ .buyinfo .delivery { padding: 12px 0 12px 52px; position:relative; border-bottom: 1px solid #f2f2f2} .buyinfo .delivery b { position: absolute; left: 0; top: 13px; font-weight: normal; color: #000; font-size: 16px; letter-spacing: 0; line-height: 1.2; letter-spacing: -1px; } .buyinfo .delivery p { color: #aaa; font-size: 14px; line-height: 1.5em; letter-spacing: 0; color: #777; } .buyinfo .token { padding: 0 0 14px 0; position: relative; border-bottom: 1px solid #f2f2f2; font-size: 0; box-sizing: border-box; } .buyinfo .token b { font-size: 16px; color: #000; font-weight: normal; } .buyinfo .token .tootip_btn { display: inline-block; width: 15px; height: 15px; margin: 0 10px 0 4px; padding: 0; background-color: transparent; border: 1px solid #aaa; border-radius: 50%; text-align: center; font-size: 11px; color: #aaa; line-height: 15px; cursor: pointer; outline: none; } .buyinfo .token p { display: inline-block; font-size: 14px; } .buyinfo .token p strong { font-size: 14px; color: #3263d1; } .tooltip { display: none; } /* .tooltip.on { z-index: 100; position: absolute; display: block; top: 27px; left: -35px; width: 404px; height: 236px; padding: 28px 20px 28px 30px; background-color: #fff; border: 1px solid #c7c7c7; border-radius: 4px; box-sizing: border-box; } */ .tooltip.on { z-index: 100; position: absolute; display: block; top: 27px; left: -35px; width: 404px; height: auto; padding: 28px 20px 28px 30px; background-color: #fff; border: 1px solid #c7c7c7; border-radius: 4px; box-sizing: border-box; } .tooltip.on dl dt { margin-bottom: 16px; font-size: 16px; color: #333; } .tooltip.on dl dd::before { content: ""; display: inline-block; background: #999; width: 5px; height: 1px; margin-right: 2px; border-radius: 50%; vertical-align: 4px; } .tooltip.on dl dd { margin-top: 8px; font-size: 13px; color: #999; letter-spacing: -1px; } .tooltip.on dl dd:nth-of-type(1) { margin-top: 0; } .tooltip.on dl dd:nth-of-type(1), .tooltip.on dl dd:nth-of-type(2), .tooltip.on dl dd:nth-of-type(3), .tooltip.on dl dd:nth-of-type(4) { padding-left: 7px; text-indent: -7px; line-height: 1.8; word-break: keep-all; } .tooltip.on dl dd span { color: #000; } .tooltip.on dl dd a { margin-left: 3px; border-bottom: 1px solid #4d94ff; color: #4d94ff; } .tooltip.on .close_btn { position: absolute; top: 20px; right: 20px; width: 17px; height: 16px; padding: 0; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16'%3e%3cpath fill-rule='evenodd' fill='%23C7C7C7' d='M1.28.07l15.14 15.15-.7.7L.57.78l.71-.7z'/%3e%3cpath fill-rule='evenodd' fill='%23C7C7C7' d='M16.27.01L1.01 15.27l.72.72L16.99.73 16.27 0z'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%; font: 0/0 a; } /* 장바구니 */ .cartpg .cartlist dd.token { position: absolute; top: 13px; right: 21px; padding: 0; border-top: 0; font-size: 0; color: #999; } .cartpg .cartlist dd.token p { display: inline-block; font-size: 14px; } .cartpg .cartlist dd.token p strong { color: #3263d1; } .cartpg .cartlist dd.token .delivery { font-size: 14px; } .cartpg .cartlist dd.token p + .delivery::before { content: ""; display: inline-block; width: 1px; height: 14px; margin: 0 17px 0 12px; background-color: #e6e6e6; vertical-align: -3px; } .cartpg .totalbox { position: relative; } .cartpg .totalbox dl { border-bottom: 1px solid #f3f3f3; font-size: 0; } .cartpg .totalbox dt, .cartpg .totalbox dd { clear: both; float: none; display: inline-block; } .cartpg .totalbox .token { padding: 0; } .cartpg .totalbox .token dd { position: relative; width: 100%; padding: 0 0 16px; text-align: left; font-size: 0; } .cartpg .totalbox .token dd:nth-of-type(1) em { font-size: 16px; } .cartpg .totalbox .token dd:nth-of-type(1) em:nth-of-type(1) { padding: 0 0 0 39px; } .cartpg .totalbox .token dd:nth-of-type(1) em:nth-of-type(2) { position: absolute; top: 0; right: 20px; padding: 0; } .cartpg .totalbox .token dd:nth-of-type(2) em { display: inline-block; font-size: 16px; } .cartpg .totalbox .token dd:nth-of-type(2) em:nth-of-type(1) { padding: 0 0 0 39px; } .cartpg .totalbox .token dd:nth-of-type(2) em:nth-of-type(2) { position: absolute; top: 3px; right: 20px; padding: 0; font-size: 16px; } .cartpg .totalbox .token dd:last-of-type { padding: 0 0 28px; } .cartpg .totalbox dl:nth-of-type(3) dd:nth-of-type(1) { font-size: 15px; } .cartpg .totalbox dl:nth-of-type(3) dd:nth-of-type(1) span { color: #3263d1; } .cartpg .totalbox dl:nth-of-type(3) dd:nth-of-type(2) { font-size: 30px; color: #3263d1; } .cartpg .totalbox .token .tit { padding: 23px 0 15px 0; font-size: 0; } .cartpg .totalbox .token .tit em { display: inline-block; padding: 0 0 0 20px; font-size: 16px; } .cartpg .totalbox .token_val { position: absolute; top: -3px; right: 70px; width: 160px; height: 30px; padding: 0 10px; border: 1px solid #b3b3b3; box-sizing: border-box; text-align: right; font-size: 16px; } .cartpg .totalbox .token_use_btn { position: absolute; display:inline-block; top: -3px; right: 240px; background-color: #fff; font-size:14px; color:#626262; width: 82px; height: 30px; line-height: 30px; text-decoration: none; border: 1px solid #d4d4d4; cursor: pointer; } .cartpg .totalbox .tootip_btn { display: inline-block; width: 15px; height: 15px; margin: 0 10px 0 4px; padding: 0; background-color: transparent; border: 1px solid #aaa; border-radius: 50%; text-align: center; font-size: 12px; color: #aaa; line-height: 15px; cursor: pointer; } .cartpg .totalbox dl:last-of-type { padding: 26px 0 0; border-bottom: 1px solid #a2a2a2; } .cartpg .tooltip.on { z-index: 100; position: absolute; display: block; top: 160px; left: 20px; width: 404px; height: auto; padding: 30px 20px 30px 30px; background-color: #fff; border: 1px solid #c7c7c7; border-radius: 4px; } .cartpg .tooltip.on dl { padding: 0; border: 0; background-color: transparent; } .cartpg .tooltip.on dl dt { width: 100%; padding: 0; } .cartpg .tooltip.on dl dd { width: 100%; padding: 0; text-align: left; } /* // 2020-0424 수정 */ /* 2020-05-25 장바구니 주문결제 토큰 추가 */ .orderpg .totalbox dl { background-color: #fafbfd; } .orderpg .totalbox dl.completed { background-color: #fff; } .cartpg .totalbox dt.totalpay { vertical-align: 5px; } .orderpg .totalbox dt em, .orderpg .totalbox dd em { display: block; padding: 0 20px; } .cartpg .totalbox dt.tokenuse, .cartpg .totalbox dd.tokenuse { padding: 28px 0; border-top: 1px solid #f3f3f3; } .orderpg .tooltip.on { top: 202px; } /* 토스트팝업 */ .toast-box {position:fixed; bottom:0; left:50%; right:0; width:480px; margin-left:-240px; text-align:center; transition:all .2s; z-index:100;} .toast-box>div {display:inline-block; position:relative; background:#3b3b3b; min-width:300px; max-width:480px; margin-bottom:30px; padding:17px 36px 17px 28px; border-radius:2px; box-shadow:1px 2px 2px rgb(0,0,0,.2); box-sizing:border-box;} .toast-box>div p {text-align:left; color:#fff; font-weight:bold; font-size:13px; word-break:keep-all;} .toast-box>div button {position:absolute; top:0; right:0; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' fill='%23e8e8e8' %3e%3cpath d='m17.863 14.984 11.518 11.518c0.795 0.795 0.795 2.084 0 2.879s-2.084 0.795-2.879 0l-11.518-11.518-11.518 11.518c-0.795 0.795-2.084 0.795-2.879 0s-0.795-2.084 0-2.879l11.518-11.518-11.518-11.518c-0.795-0.795-0.795-2.084 0-2.879s2.084-0.795 2.879 0l11.518 11.518 11.518-11.518c0.795-0.795 2.084-0.795 2.879 0s0.795 2.084 0 2.879l-11.518 11.518z'/%3e%3c/svg%3e"); background-size:11px 11px; background-position:50% 50%; background-repeat:no-repeat; width:11px; height:11px; padding:15px 15px 0 0; box-sizing:content-box; font:0/0 a;}