/*레이아웃*/
.and #contents{background:#fff;/*padding:50px 0*/ padding:0;}
.and#main #contents{padding:0 0 50px}

/*버튼*/
.and [class^='btnSubmit'],
.and a[class^='btnSubmit']{font-size:12px;color:#fff !important;background:#ac9f96;transition:all 0.5s;padding:0 10px;font-family:inherit;border:1px solid #ddd;border-radius:0}
/*
.and [class^='btnSubmit']:hover,
.and a[class^='btnSubmit']:hover{border-color:#191919;background:none;color:#191919;border-radius:0}
*/
.and [class^='btnNormal'],
.and a[class^='btnNormal'],
.and [class^='btnBasic'],
.and a[class^='btnBasic']{font-size:12px;background:#555;height:auto;line-height:36px;transition:background 0.5s;color:#fff;border:0;padding:0 10px;font-family:inherit;outline:none;border-radius:0}
/*
.and [class^='btnBasic']:not(.disabled):hover,
.and [class^='btnNormal']:not(.disabled):hover{background:#000}
*/
.and [class^='btnEm'],
.and a[class^='btnEm'],
.and [class^='btnStrong'],
.and a[class^='btnStrong']{font-size:12px;background:#fff;transition:background 0.5s;height:auto;color:#fff;border:1px solid #ddd;padding:0 10px;font-family:inherit;border-radius:0}
/*.and [class^='btnEm']:not(.disabled):hover{background:#555}*/
.and [class^='btn'][class*='mini']{height:26px;line-height:24px;font-size:12px}

.and .more {font-size:14px;position:relative;white-space: nowrap;display:inline-block;margin-top:20px;color:#191919}
.and .more_graphic {position: absolute;top:80%;left:-30%;pointer-events: none;fill:none;stroke: #191919;stroke-width:1px;}
.and .more_graphic path{stroke-dasharray: 1;stroke-dashoffset: 1;transition: stroke-dashoffset 0.4s cubic-bezier(0.7, 0, 0.3, 1);stroke-dashoffset: 0;transition-timing-function: cubic-bezier(0.8, 1, 0.7, 1);transition-duration: 0.3s;}
.and .layout-max{margin:50px auto;padding:0 15px}

.and .swiper-container-horizontal > .swiper-scrollbar{width:50%;border-radius:0;left:50%;transform:translateX(-50%);bottom:0;height:2px!important}
.and .swiper-scrollbar-drag{background:#444;border-radius:0}

/*타이틀*/
.and #titleArea{border:0;background:none}
.and #titleArea h2{font-size:15px;line-height:1.4;color:#000;margin:30px 0 3px;font-weight:400;letter-spacing:1px;padding:0 10px}
.and #titleArea p{display:block;padding:0;font-size:11px;line-height:1.4;margin-bottom:15px;color:#999;font-weight:400;text-align:center}
.and #titleArea .imgArea{margin-bottom:10px}
.and #titleArea .imgArea img{max-width:100%;height:auto}
.and #titleArea span.xans-layout-mobileaction{display:none}
.and .titleArea{text-align:center;border:0;min-height:auto;margin-bottom:25px}
.and .titleArea h2{color:#191919;font-size:20px;font-weight:600;margin-bottom:7px;padding:0 15px}
.and .titleArea p{display:block;padding:0;font-size:13px;line-height:1.4;color:#999;font-weight:400}
.and .titleArea p:before{display:none} 
.and .titleArea ul li{font-size:13px;color:#999;line-height:1.6}
.and .txtEm{color:#191919}

/* 상품 기본 */
.and .ec-base-product{background:none;overflow:hidden}
.and .ec-base-product h2{font-weight:500;color:#676767;background:none;padding:20px 15px;line-height:1}
.and .ec-base-product .title{margin:20px auto}
.and .ec-base-product .title h2{
    font-size: 17px;
    line-height: 1.4;
    color: #000;
    margin: 30px 0 3px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 0 10px;
    text-align: left;
}
.and .ec-base-product .title p{font-size:11px;line-height:1.4;color:#999;font-weight:400;text-align:center}
.and .ec-base-product .prdList{width:auto;min-width:auto;font-size:0;margin:0 -2px;padding:0;text-align:left}
.and .ec-base-product .prdList .thumbnail{margin:0 2px 10px;width:auto;padding:0}
.and .ec-base-product .prdList .thumbnail .prdImg a{display:block}
.and .ec-base-product .prdList .thumbnail .prdImg img{border:0}
.and .ec-base-product .prdList .thumbnail .button{position:absolute;bottom:0;right:0;font-size:0}
.and .ec-base-product .prdList .thumbnail .button img{display:none}
.and .ec-base-product .prdList .thumbnail .button span{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;box-sizing:border-box;font-size:0}
.and .ec-base-product .prdList .thumbnail .button span i{font-size:16px;color:#eee;font-weight:400}
.and .ec-base-product .prdList .thumbnail .button span i.on{color:#ff5060}
.and .ec-base-product .prdList .thumbnail .button span.wish{position:static}
.and .ec-base-product .prdList .description{text-align:left}
.and .ec-base-product .prdList .description .icon{border:0;margin:0}
.and .ec-base-product .prdList .description .promotion{text-align:left;float:none;margin:0;font-size:0}
.and .ec-base-product .prdList .description .promotion img{margin:2px 4px 2px 0}
.and .ec-base-product .prdList .description .name{display:block;text-align:left;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:3px;line-height:1.4}
.and .ec-base-product .spec li{text-align:left;margin:6px 0;line-height:1.4}
.and .ec-base-product .spec li.display소비자가,
.and .ec-base-product .spec li.display판매가{display:inline-block;margin:6px 5px 0 0}
.and .ec-base-product .spec li.summary,
.and .ec-base-product .spec li.simple{font-size:12px;color:#999}
.and .ec-base-product .spec li.summary br,
.and .ec-base-product .spec li.simple br{display:none}
.and .ec-base-product .spec li.price{font-family:'Hind Madurai','NanumBarunGothic', sans-serif !important;margin-top:0;font-size:14px;display:inline-block;margin-right:5px}
.and .ec-base-product .spec li.price.strike{display:inline-block;color:#999}
.and .ec-base-product .spec li.price.strike.custom0원{display:none}
.and .ec-base-product .spec li.price.bold{display:inline-block}
.and .ec-base-product .spec li.price > span{display:flex}
.and .ec-base-product .spec li.price.sale span > span{display:none}
.and .ec-base-product .spec li.color{font-size:0;}
.and .ec-base-product .description .color{font-size:0;margin-bottom:7px}
.and .ec-base-product .description .color .chips{display:inline-block;float:none;width:15px;height:4px;border-color:rgba(0,0,0,0.2);border-radius:0;box-sizing:border-box}
.and .ec-base-product .spec li.ec-sale-rate{font-weight:500;font-size:12px;color:#f55354;display:inline-block;transition:all 0.5s;margin-top:2px;}
.and .ec-base-product .spec li.ec-sale-rate.hide{display:none;}
.and .ec-base-product .prdList > li{margin-bottom:25px}

.and .xans-product-optionpreview .prdOption{width:360px;top:50px;margin:0}
.and .xans-product-optionpreview .prdOption .ico{left:15px}

.and .ec-base-product .prdList.grid1 > li{width:50%}
.and .ec-base-product .prdList.grid1 > li:nth-child(3n){width:100%}
.and .ec-base-product .prdList[class*="grid"]{padding:0}

/* 더보기 */
.and#main .ec-base-paginate.typeMoreview {margin: 20px auto;}
.and .ec-base-paginate.typeMoreview .btnMore{
	    display: block;
    padding: 10px 0 8px;
    background: transparent;
    font-size: 11px !important;
    font-weight: 300;
    margin-top: 20px;
    font-weight: 300;
    width: 180px;
    margin: 0 auto;
    border: 1px solid #d9d4cd;
}
.and .ec-base-paginate.typeDesc .btnMore{margin-top:30px}

/* 분류페이지 - 중분류 */
.and .xans-product-menupackage .menuCategory{position:relative;border:0;text-align:center;line-height:1;margin-top:10px}
.and .xans-product-menupackage .menuCategory > li{width:auto;margin:0 0 10px;padding:0;line-height:1}
.and .xans-product-menupackage .menuCategory > li > a{position:relative;background:none;padding:0 15px;font-size:12px;font-weight:500;color:#999;margin:0;transition:color 0.5s}
/*.and .xans-product-menupackage .menuCategory > li > a:hover{color:#191919}*/
.and .xans-product-menupackage .banner{padding:0;margin:10px 14px}

/* 분류페이지 - 뉴/베스트 페이징버튼 */
.and .ec-base-paginate.typeSwipe{margin:0}
.and .ec-base-paginate.typeSwipe button.circle{width:8px;height:8px;margin:0 3px;transition:background 0.5s}
.and .ec-base-paginate.typeSwipe button.circle.selected{background:#444}
.and .xans-product-listrecommend.ec-base-product,
.and .xans-product-listnew.ec-base-product{background:#fbf9f5;border-color:#e9e9e9;padding-bottom:20px}

/* 분류페이지 - 정렬방식 */
.and .xans-product-normalmenu{
    overflow: hidden;
    padding: 0 10px;
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.and .xans-product-normalmenu .viewType{width:auto}
.and .xans-product-normalmenu .viewType li{background:none;text-align:center}
.and .xans-product-normalmenu .viewType li i{font-size:20px;line-height:27px;color:#999}
.and .xans-product-normalmenu .viewType li.selected{background-image:none;background:#555;border-color:#555}
.and .xans-product-normalmenu .viewType li.selected i{color:#fff}

/* 상품 분류(리스트형) */
.and .ec-base-product.typeDesc{display:table}
.and .ec-base-product.typeDesc .thumbnail{display:table-cell;width:35%;margin-bottom:0;}
.and .ec-base-product.typeDesc .description{display:table-cell;width:65%;padding:0 0 0 4%;margin:0;vertical-align:middle}
.and .ec-base-product.typeDesc .prdList > li{margin:0;padding:15px 12px 0 0;border:0;}
.and .ec-base-product.typeDesc .prdList .description .name{line-height:1.2;padding-bottom:5px}
.and .ec-base-product.typeDesc .prdList .description .name,
.and .ec-base-product.typeDesc .spec li{text-align:left;margin-bottom:5px}

/* 공통 - 페이징버튼 */
.and .ec-base-paginate{margin:20px 7px;display:block}
.and .ec-base-paginate ol{display:inline-block}
.and .ec-base-paginate a{display:inline-block;font-size:12px;color:#999;width:auto;margin:0 3px;padding:5px;font-weight:400;line-height:1}
.ec-base-paginate > a{    background-size: contain;    background-repeat: no-repeat;}
.ec-base-paginate > a > i{display:none;}
.ec-base-paginate > a.first{background-image: url(/Pooky/sub_qna2-2.png);}
.ec-base-paginate > a:nth-child(2){background-image: url(/Pooky/sub_qna2-1.png);}
.ec-base-paginate > a:nth-child(4){background-image: url(/Pooky/sub_qna1.png);}
.ec-base-paginate > a:nth-child(5){
background-image: url(/Pooky/sub_qna1-2.png);

}
.and .ec-base-paginate li{border:0;display:inline-block}
.and .ec-base-paginate li a{padding:5px 8px;}
.and .ec-base-paginate li a.this{background:#eee;border:0;font-weight:600;color:#191919;background:none;text-decoration:none}
.and .ec-base-paginate a.first i:last-child,
.and .ec-base-paginate a.last i:last-child{margin-left:-8px}
.and .ec-base-paginate a.first,
.and .ec-base-paginate a.last{margin:0}

/* 공통 - 게시판 (공통) */
.and .xans-board-product{background:#f8f8f8;margin-bottom:30px;border:0;padding:0}
.and .ec-base-prdInfo{padding:15px}
.and .ec-base-prdInfo .prdBox{min-height:auto;margin:7px 0}
.and .ec-base-prdInfo .thumbnail{border:0;height:auto}
.and .ec-base-prdInfo .description .info{margin-bottom:0}
.and .ec-base-prdInfo .description .info li.ec-base-qty {margin-top:10px}
.and .ec-base-prdInfo .description .prdName{margin-bottom:5px}
.and .ec-base-prdInfo .description .prdName a{font-weight:500;color:#191919;line-height:1.4}
.and .ec-base-prdInfo .description .info .price,
.and .ec-base-prdInfo .description .info .price li{font-weight:600}
.and .ec-base-prdInfo .ec-base-button a{vertical-align:top}

/* 공통 - 게시판 (목록) */
.and .xans-board-list li{padding:14px}
.and .xans-board-list .thumb img{padding:0 10px 0 0}
.and .xans-board-list .thumbnail{padding:0}
.and .xans-board-list .thumbnail img{border:0}
.and .xans-board-list .comment{color:#191919}
.and .xans-board-list .subject{font-size:13px;font-weight:500;margin-bottom:7px;padding:0}
.and .xans-board-list .subject img{vertical-align:middle;max-height:11px}
.and .xans-board-list .summary{margin:0}
.and .xans-board-list .summary a{line-height:1.4}
.and .xans-board-list-8 .thumbType{padding:0;left:0}

.and .xans-board-list.xans-board-list-8 li{text-align:center;padding:0 0 15px}

/* 공통 - 게시판 (보기) */
.and .xans-board-read .title{margin:0;padding:15px 15px 0;border-top:1px solid #d5d5d5}
.and .xans-board-read .title h3{text-align:left;font-size:14px;margin:0}
.and .xans-board-read .title h3 .adminAnswer{margin-bottom:10px}
.and .xans-board-read .info{margin-bottom:20px}
.and .xans-board-read .password{padding:14px}

/* 공통 - 게시판 (관련글) */
.and .xans-board-listsgroup .title{margin:0}
.and .xans-board-listsgroup .title h3{font-size:12px;text-align:left;padding:14px;font-weight:400;color:#555}
.and .xans-board-listsgroup a .summary{font-size:13px;font-weight:600;color:#191919}
.and .xans-board-listsgroup .descriptions .name{margin:8px 0;color:#999}

/* 공통 - 게시판 (다음/이전글) */
.and .xans-board-movement li{font-size:12px}

/* 공통 - 게시판 (댓글) */
.and .xans-board-commentdel{background:none}
.and .xans-board-commentlist li .info{line-height:1.5}

/* 공통 - 게시판 (비밀글) */
.and .xans-board-secure{background:none}
.and .xans-board-secure .password{width:230px}
.and .xans-board-secure .password input[type="password"]{flex:auto;width:auto}

/* 공통 - 탭스타일 */
.and .ec-base-tab ul{display:block;border:0;text-align:center;margin-bottom:20px}
.and .ec-base-tab li{border:0;display:inline-block;vertical-align:top;min-height:auto}
.and .ec-base-tab li a{font-size:12px;padding:0;color:#999;padding-right:7px;vertical-align:middle;line-height:20px}
.and .ec-base-tab li:last-child a{padding-right:0}
.and .ec-base-tab li.selected a{background:none;color:#191919}
.and .ec-base-tab li a:after{content:"";display:inline-block;width:1px;height:10px;background:#eee;margin-left:10px}
.and .ec-base-tab li:last-child a:after{display:none}
.and .ec-base-tab li .count{display:inline-block;margin-left:0px;color:#fff;width:10px;height:18px;line-height:18px;text-align:center;color:#999;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px}
.and .ec-base-tab li.selected .count{background:var(--main-color);color:#fff}

/* 최근본상품 */
.and .ec-base-prdInfo .description .info li.strike{text-decoration:line-through}

/*위시리스트*/
.and .ec-base-prdInfo .option > li .name{min-height:auto;line-height:1.6}

/* 장바구니 */
.and .xans-order-basketpackage .title.subTitle h3{color:#555}
.and .xans-order-basketpackage .totalSummary .total{background:#555}
.and .xans-order-basketpackage .totalSummary .title h3{color:#191919}
.and .ec-base-prdInfo .description input[type="tel"]{width:26px;height:26px;border-radius:0;text-align:center;padding:4px 0;margin:0 2px;border-color:#999}
.and .ec-base-qty .qtyUp{content:url(/design/ninnananna/mo/image/btn_quantity_up.gif);vertical-align:middle;border:1px solid #999;margin-right:2px}
.and .ec-base-qty .qtyDown{content:url(/design/ninnananna/mo/image/btn_quantity_down.gif);vertical-align:middle;border:1px solid #999}
.and .ec-base-prdInfo .description .info li .btnBasic{vertical-align:top}
.and .ec-base-button.gFixed{z-index:12;background-color:rgba(255,255,255,0.8);box-shadow:0px -4px 4px 0px rgb(120 120 120 / 10%);-webkit-box-shadow: 0px -4px 4px 0px rgb(120 120 120 / 10%);-moz-box-shadow: 0px -4px 4px 0px rgba(120,120,120,0.1)}

/* 로그인 */
.and .xans-member-login #member_id,
.and .xans-member-login #member_passwd{font-size:13px}

/* 회원가입 */
.and .xans-member-join .title{margin:0}
.and .xans-member-join .title h3{font-size:13px;padding:10px;text-align:left;margin:0}
.and .xans-member-join .ec-base-tooltip-area .ec-base-tooltip{width:200px}
.and .xans-member-joincomplete .welcome .complete{color:#191919;margin-bottom:10px}

/*회원정보수정*/
.and .ec-base-table th,
.and .ec-base-table td{font-size:12px}
.and .ec-base-table tbody th{padding-left:8px}
.and .ec-base-table.typeWrite td{padding:7px 5px}

.and .xans-member #email1{max-width:none}
.and .xans-member #phone1,
.and .xans-member #mobile1,
.and .xans-member #phone2,
.and .xans-member #mobile2,
.and .xans-member #phone3,
.and .xans-member #mobile3{margin:0 3px}
.and .xans-member #birth_year,
.and .xans-member #marry_year,
.and .xans-member #partner_year{width:25%}
.and .xans-member #birth_month,
.and .xans-member #marry_month,
.and .xans-member #partner_month,
.and .xans-member #birth_day,
.and .xans-member #marry_day,
.and .xans-member #partner_day{width:18%;margin:2px}

/*주문조회*/
.and .ui-corner-all{display:none}
.and .orderList .ec-base-prdInfo{padding:14px 14px 6px}
.and .ec-base-prdInfo .prdFoot{color:#191919}
.and .xans-myshop-orderhistorylistitem .order h3{background:#555}
.and .xans-myshop-orderhistorylistitem a.btnDetail{background:none;padding:0;top:16px}
.and .xans-myshop-orderhistoryhead fieldset .term + .ec-base-button a{padding:0 5px;font-size:10px}
.and .xans-myshop-orderhistorydetail .ec-base-fold.theme1 > .title{text-align:left;background:#555}

/* 마이쇼핑 */
.and .xans-myshop > h3{background:#555;color:#fff;font-size:13px}
.and .xans-myshop-asyncbankbook li a,
.and .xans-myshop-orderstate .desc em,
.and .xans-myshop-orderstate .count{color:#191919}
.and .xans-myshop-main li{background:none}
.and .xans-myshop-main li a{padding:14px}
.and .xans-myshop-main li a:after{display:none}
.and .xans-myshop-main li a strong{display:inline-block;color:#999;margin:0 5px}
.and .xans-myshop-main li .count{display:inline-block;background:#999;color:#fff;border-radius:100%;font-size:11px;width:15px;height:15px;line-height:15px;text-align:center;margin-left:3px}

/*주소록*/
.and .xans-myshop-addrmodify,
.and .xans-myshop-addrregister,
.and .xans-myshop-addrlist{background:none}
.and .xans-myshop-addrlist .name{background:#f3f3f3}
.and .xans-myshop-addrlist .name span{color:#555}

/*쿠폰*/
.and .xans-myshop-couponlist .layer{font-size:0}

/*정기결제*/
.and .regularDeliveryPayInfo .ec-base-box{border:0}
.and .regularDeliveryPayInfo .information .status{color:#191919}
.and .ec-base-fold.theme1 > .title{background:#555}

/*이용약관 관련*/
.and .ec-base-fold.theme4 dd{background:#f8f8f8;color:#555;padding:15px}

/*확대보기*/
.and .xans-product-additional .gZoom img{max-width:100%;height:auto}

/*검색창*/
.and .xans-product-searchdata #titleArea h2{border:0}
.and .xans-product-searchdata .empty{background:none}
.and .xans-product-searchdata.typeTop .searchCondition{min-width:auto}

/*마이페이지 관련*/
.and .xans-myshop-orderhistoryapplyexchange .orderList .gRight *{vertical-align:middle}

.and .fr-view table td,
.and .fr-view table th{border:0}

.and #bfile_list{padding:10px}
.and .txtWarn{color:var(--main-color)}

/* 게시판 상단 탭 */
.event_tab {text-align:center;margin:20px auto 10px;font-size:0;width:100%;border:0;padding:0;}
.event_tab li {display:inline-block;margin:0 0.5% 10px;list-style:none;padding:0 !important;}
.event_tab li a{display:inline-block;font-weight:400;color:#393939;font-size:14px;border-radius:100px;padding:5px 8px;cursor:pointer}
.event_tab li a:before{content:"#";margin-right:3px}
.event_tab li.on a{background:#f2f2f2;font-weight:500}
/*.event_tab li a:hover{background:#f2f2f2;font-weight:500}*/

.and .marry_txt{display:block;}

@media (max-width:320px){
 .and .xans-myshop-orderhistorylistitem .order h3{font-size:10px}
}