@charset 'UTF-8';
.logoMember img{display:block;width:84px;height:50px;margin:50px auto 36px}
.loginConsole{overflow:hidden;margin-top:10px}
.loginConsole input{float:left}
.findAccount{margin:10px 0;text-align:center}
.findAccount li{display:inline-block;position:relative;width:47%;}
.findAccount li:before{content:'';display:block;position:absolute;top:6px;left:0;width:1px;height:15px;background:#999999;}
.findAccount li:first-child{margin-left:0;padding-left:0}
.findAccount li:first-child:before{display:none}
.findAccount li a{color:#999999;font-size:16px;font-weight:300;letter-spacing:-.7px}
.btnWrap+.bullet{margin-top:20px}
.memberStep{overflow:hidden;margin:25px 0 30px}
.memberStep p{float:left;margin-bottom:14px;font-size:16px;letter-spacing:-.8px}
.memberStep span{float:right;color:#888;font-size:14px}
.memberStep .statusBar{clear:both;position:relative;height:3px;background:#e6e6e6}
.memberStep .statusBar:before{content:'';display:block;position:absolute;bottom:0;left:0;width:25%;height:3px;background:#222}
.memberStep.step02 .statusBar:before{width:50%}
.memberStep.step03 .statusBar:before{width:75%}
.memberStep.step04 .statusBar:before{width:100%}
.memberStep+.txt.txt-type02{margin-bottom:60px}
.boxCheck{margin-bottom:50px;border:1px solid #e6e6e6}
.boxCheck p{padding:20px 20px 18.5px;color:#666;font-size:12px;font-weight:300;letter-spacing:-.6px;line-height:19px}
.boxCheck .bullet{padding:20px 20px 18.5px}
.checkArea{padding:19px 20px;border-top:1px solid #e6e6e6}
.msgBox{margin:56px 0 21px;text-align:center}
.msgBox .tit{display:block;position:relative;margin-bottom:12px;color:#222;font-size:25px;letter-spacing:-1.25px}
.msgBox .tit.icon01:after{content:'';display:block;position:absolute;top:15px;left:50%;margin-left:0px;width:25px;height:30px;background-image:url("/m/_img/member/icn_join04.png");background-repeat:no-repeat;background-position:0px 0px;background-size:100% 100%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
.msgBox .tit.icon01:before{content:'';display:block;width:60px;height:60px;margin:0 auto 21px;border-radius:100%;background-color:#222}
.msgBox .tit.icon02:before{position:static;top:0;left:0;width:45px;height:60px;margin:0 auto 21px;-webkit-transform:translate(0,0);transform:translate(0,0);background-image:url("/m/_img/member/icn_id03.png");background-repeat:no-repeat;background-position:0px 0px;background-size:100% 100%;}
.msgBox .tit.icon03:before{position:static;top:0;left:0;width:52px;height:52px;margin:0 auto 21px;background-size:500px 500px;-webkit-transform:translate(0,0);transform:translate(0,0);background-image:url("/m/_img/member/icn_id02.png");background-repeat:no-repeat;background-position:0px 0px;background-size:100% 100%;}
.msgBox .tit.icon04:before{content:'';display:block;width:60px;height:60px;margin:0 auto 21px;border-radius:100%;background-color:#fff}
.msgBox .tit.icon04:after{content:'';display:block;position:absolute;top:0;left:50%;width:60px;height:60px;background-image:url(../../img/spr_img.png);background-repeat:no-repeat;background-position:-659px -684px;background-size:800px 800px;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
.msgBox .formList-type02{text-align:left}
.msgBox .formList-type02 dd,.msgBox .formList-type02 dt{height:auto;padding:18px 15px;line-height:normal}
.msgBox .formList-type02 dt{width:30%}
.msgBox .formList-type02 dd{width:70%}
.msgBox .txt+p{margin:21px 0 14px}
.memberStep+.msgBox{margin-top:70px}
.btnAuth{width:100%;height:91px;margin-bottom:9px;border:1px solid #ddd}
.btnAuth span{position:relative;padding-right:15px;color:#222;font-size:16px;letter-spacing:-.8px}
.btnAuth span:after{content:'';display:block;position:absolute;top:6px;right:0;width:8px;height:15px;background:url(../../img/spr_img.png) -136px -62px no-repeat;background-size:250px 250px}
.btnAuth .ipin{padding-left:55px}
.btnAuth .ipin:before{left:0;width:35px;height:32px;background-position:-53px -88px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
.btnAuth .cellphone{padding-left:48px}
.btnAuth .cellphone:before{left:0;width:28px;height:35px;background-position:0px 0px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);background-image:url("/shop/_img/member/icn_phone.png");background-size:100% 100%;}
.btnAuth+.btnWrap{margin-top:17px}
.tab-type03+.inner>.txt{margin:46px 0 16px}
.attachTxt{padding:15px 15px 0;color:#888;font-size:14px;font-weight:300;letter-spacing:-.7px}
.inner>.txt{margin:21px 0}#content .inner+.selectWrap{border-top:1px solid #e6e6e6;border-bottom:5px solid #f7f7f7}

.myStatus{border-bottom:5px solid #f7f7f7}
.myStatus .rank{padding:11px 15px;background:#8a898e}
.myStatus .rank strong{display:inline-block;vertical-align:middle;width:30px;height:30px;border-radius:100%;font-size:12px;font-weight:700;text-align:center;}
.myStatus .rank .w-rank{border:5px solid #89beff;color:#89beff}
.myStatus .rank .f-rank{border:5px solid #c96fb7;color:#c96fb7}
.myStatus .rank .v-rank{border:5px solid #d6d6d4;color:#d6d6d4}
.myStatus .rank .vv-rank{border:5px solid #e2cd74;color:#e2cd74}
.myStatus .rank .vc-rank{position:relative;border:5px solid #f7941e;color:#222}
.myStatus .rank .vc-rank:before{content:'';display:block;position:absolute;top:-5px;left:-4px;width:30px;height:30px;background:url(../../img/spr_img.png) -124px -220px no-repeat;background-size:250px 250px}
.myStatus .rank span{display:inline-block;vertical-align:middle;margin:0 5px 0 8px;color:#fff;font-size:16px;letter-spacing:-.8px}
.myStatus .rank a{display:inline-block;vertical-align:middle;width:65px;height:30px;border:1px solid #fff;border-radius:3px;color:#fff;font-size:13px;text-align:center;line-height:30px}
.myStatus .benefit ul{overflow:hidden}
.myStatus .benefit li{float:left;width:50%;border-left:1px solid #e6e6e6;text-align:center}
.myStatus .benefit li:first-child{border-left:0}
.myStatus .benefit li span{display:block;padding-top:18px;color:#222;font-size:14px;letter-spacing:-.7px}
.myStatus .benefit li a{display:block;padding:6px 0 16px}
.myStatus .benefit li strong{font-size:14px;font-weight:500;letter-spacing:-.7px}
.myStatus .benefit li em{color:#222;font-size:20px;font-weight:500}

.myStatus_area{background:url('/m/_images/mypage/bg_mypage.png') no-repeat;overflow:hidden;background-size:cover;position:relative;padding-bottom:10px;}
.myStatus_area .myrank{width:55%;overflow:hidden;white-space:normal;}
.myStatus_area strong{display:inline-block;vertical-align:middle;width:60px;height:60px;border-radius:100%;font-size:12px;font-weight:700;text-align:center;}
.myStatus_area .nm{font-size:5vw;color:#2a2a2a;font-weight:600;}
.myStatus_area .btn_mygrade_b{background:#FFF;border-radius:15px;padding:5px 10px;color:#fa3a5f;font-size:3vw;}
.myStatus_area .btn_info{position:absolute;right:2%;top:10px; width:20%;}
.myStatus_area .info_area{background:#fff;border-radius:15px;overflow:hidden;padding:10px 0px;margin-top:10px;}
.myStatus_area .info_area ul{width:100%;}
.myStatus_area .info_area ul li{width:33%;float:left;font-size:4.5vw;text-align:center;line-height:150%;}


.orderStatus{border-bottom:5px solid #f7f7f7}
.orderStatus h3{position:relative;padding:27px 15px 0;color:#222;font-size:16px;font-weight:500;letter-spacing:-.8px}
.orderStatus h3 .right{position:absolute;right:15px;bottom:0}
.orderStatus ol{overflow:hidden;padding:17px 15px 17px;background:#f6f7fb;width:96%;margin:0 auto;border-radius:15px;margin-bottom:20px;}
.orderStatus ol li{float:left;position:relative;width:20%;color:#666;font-size:12px;text-align:center;letter-spacing:-.6px;}
.orderStatus ol li:before{top:auto;bottom:60%;left:0;width:1.5vw;height:1.5vw;background:url("/m/_images/mypage/ord_arrow.png") no-repeat;-webkit-transform:translate(0,0);transform:translate(0,0);background-size:100%;}
.orderStatus ol li:first-child:before{display:none}
.orderStatus ol .step02:before{left:2px}
.orderStatus ol .step03:before{left:-4px}
.orderStatus ol .step04:before{left:3px}
.orderStatus ol .step05:before{left:-3px}
.orderStatus ol span{display:block;margin-bottom:7px;color:#666666;font-size:25px;font-weight:400;background:#fff;border-radius:100%;width:14vw;height:14vw;line-height:14vw;margin-left:2vw}
.orderStatus .current span{color:#fb3b60}
.orderStatus ul{overflow:hidden;border-top:1px solid #e6e6e6}
.orderStatus ul li{float:left;width:50%;border-left:1px solid #e6e6e6}
.orderStatus ul li:first-child{border-left:0}
.orderStatus ul a{display:block;padding:18px 0;color:#222;font-size:14px;text-align:center;letter-spacing:-.7px}
.myMenu>ul li{border-bottom:1px solid #e6e6e6}
.myMenu>ul>li a{display:block;position:relative;padding:13px 15px;color:#222;font-size:14px;letter-spacing:-.7px}
.myMenu>ul>li a:before{right:15px;left:auto;width:6px;height:10px;background-position:-153px -62px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
.myMenu>ul>li img{margin-right:10px;}
.myMenu .myQuickMenu{overflow:hidden}
.myMenu .myQuickMenu li{float:left;width:50%;border-left:1px solid #e6e6e6}
.myMenu .myQuickMenu li:first-child{border-left:0}
.myMenu .myQuickMenu li a{padding:15px;color:#666;font-size:13px;text-align:center;letter-spacing:-.65px}
.orderStatus02 ol{overflow:hidden;padding:16px 15px;border-bottom:1px solid #e6e6e6}
.orderStatus02 li{float:left;position:relative;width:20%;color:#666;font-size:12px;text-align:center;letter-spacing:-.6px}
.orderStatus02 li:before{left:0;width:12px;height:12px;background-position:-180px -62px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
.orderStatus02 li:first-child:before{display:none}
.orderStatus02 .step02:before{left:-3px}
.orderStatus02 .step03:before{left:-8px}
.orderStatus02 .step05:before{left:-8px}
.orderStatus02+.inner>.boxTxt{margin:25px 0 40px}
.periodConsole{overflow:hidden;margin-bottom:20px}
.periodConsole button{float:left;width:25%;height:47px;border-width:1px 1px 1px 0;border-style:solid;border-color:#e6e6e6;color:#666;font-size:14px;letter-spacing:-.7px}
.periodConsole button:first-child{border-left:1px solid #e6e6e6}
.periodConsole .current{border-color:#222;color:#fff;background:#222}
.periodConsole .current:first-child{border-left:1px solid #222}
.selectWrap .feFoSelect{width:100%;height:44px;border:solid #e6e6e6;border-width:0 0 1px;line-height:44px}
.radioWrap{padding:15px}
.radioWrap li,.radioWrap ul{border:0}
.radioWrap ul{overflow:hidden}
.radioWrap li{float:left;width:50%;margin-bottom:18px}
.radioWrap li:last-child{margin-bottom:0}
.radioWrap .feFoRadio:last-child{margin:0 10px 0 0}
.boardList-type02+.periodConsole{margin-top:40px}
.couponList{margin-top:46px;border-bottom:1px solid #e6e6e6}
.couponList li{padding:16px 15px;border-top:1px solid #e6e6e6}
.couponList .imgCoupon,.couponList dl{display:inline-block;vertical-align:middle}
.couponList dl{width:55%;padding-left:5px;}
.couponList dt{margin-bottom:10px;color:#222;font-size:14px;letter-spacing:-.7px}
.couponList dd{margin-top:4px;color:#666;font-size:12px;font-weight:300;letter-spacing:-.6px}
.couponList .imgCoupon{position:relative;width:39%;height:66.5px;padding-right:16px;text-align:left;background:url(/m/_images/mypage/bg_coupon.png) 0 0 no-repeat;background-size:100%;width:40%;height:16.5vw;}
/*.couponList .imgCoupon:before{content:'';display:block;position:absolute;top:0;right:0;width:105px;height:66.5px;background:url(../../img/spr_img.png) -226px -176px no-repeat;background-size:500px 500px}*/
/*.couponList .imgCoupon:before{content:'';display:block;position:absolute;top:0;right:0;}*/
.couponList .imgCoupon p{color:#222;font-size:18px; margin-top:8px;margin-left:5px;}
.couponList .imgCoupon em,.couponList .imgCoupon span{display:block}
.couponList .imgCoupon span{color:#777;font-size:9px}
.couponList .imgCoupon em{color:#999;font-size:8px;font-weight:300}
.couponList .noData{padding:30px 0;color:#222;font-size:14px;text-align:center;letter-spacing:-.7px}
.boardList-type02+.txt-type03{margin-top:8px}
.totalSelectWrap{position:relative;padding:26px 15px 8px}
.totalSelectWrap .button{position:absolute;top:19px;right:15px;margin:0}#content>.selectWrap{border-width:0 0 1px}#content>.boxTxt-type04{padding:20px 15px;border:0}
.listGoods-type02+.boardList-type01>ul,.totalSelectWrap+.boardList-type01>ul{border-width:0 0 1px}
.listGoods-type02+.boardList-type01 .detailInfo,.totalSelectWrap+.boardList-type01 .detailInfo{border-top:0}
.inner+.listGoods-type02{border-top:1px solid #e6e6e6}
.applyToggle+.boardList-type01{margin-top:20px}
.formList+.boxCheck{margin:50px 0 0}
.subTitle-type02+.boxTxt-type03{margin:0 0 20px}
.boardList-type01+.inner>.boxCheck{margin-top:50px}
.bottomBtnWrap.fixed{position:fixed;bottom:0;z-index:25;width:100%;padding:15px;border-top:1px solid #222;background:#fff;max-width:640px;margin:0 auto;}
.bottomBtnWrap{padding:15px 0;border-top:0}
.bottomBtnWrap dl{overflow:hidden}
.bottomBtnWrap dd,.bottomBtnWrap dt{color:#222;font-size:16px;font-weight:500}
.bottomBtnWrap dt{float:left}
.bottomBtnWrap dd{float:right}
.bottomBtnWrap .btnWrap+.btnWrap{margin-top:15px}
.regCoupon{position:relative;margin:10px 0 6px;padding-right:58px}
.regCoupon input{height:58px;border:solid #e6e6e6;border-width:1px 0 1px 1px;border-radius:0}
.regCoupon button{position:absolute;width:58px;height:58px;color:#fff;font-size:12px;letter-spacing:-.6px;background:#222}
.bullet+.formList-type02{margin-top:11px}
.numCount{padding:15px;color:#666;font-size:16px}
.cateListLocation ol{overflow-x:scroll;padding-left:15px;font-size:0;white-space:nowrap}
.cateListLocation ol::-webkit-scrollbar{display:none}
.cateListLocation li{display:inline-block;position:relative;margin-left:12px;padding-left:15px}
.cateListLocation li:before{right:0;left:0;width:6px;height:10px;background-position:-219px 0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
.cateListLocation li:first-child{margin-left:0;padding-left:0}
.cateListLocation li:first-child:before{display:none}
.cateListLocation li a{display:block;height:40px;color:#888;font-size:12px;letter-spacing:-.6px;line-height:40px}
.cateListLocation li.current a{color:#222}
.cateList ul{overflow:hidden;max-height:109px;padding:0 15px 14px}
.cateList ul.open{max-height:100%}
.cateList ul li{float:left;width:33.3333%;margin-top:-1px;margin-right:-1px;border:1px solid #e6e6e6;text-align:center}
.cateList ul li.current{z-index:1}
.cateList ul li:nth-child(1),.cateList ul li:nth-child(2),.cateList ul li:nth-child(3){margin-top:0}
.cateList ul li a{display:block;left:-.6px;height:35px;color:#666;font-size:12px;font-weight:400;line-height:33px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.cateList ul li.current a{color:#fff;font-weight:500;background-color:#b6b6b6}
.cateList .cateListAnchor{display:block;width:100%;height:44px;margin-top:14px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;text-align:center}
.cateList .cateListAnchor span{display:inline-block;position:relative;left:-.6px;padding-right:20px;color:#222;font-size:12px}
.cateList .cateListAnchor span:before{top:7px;right:0;left:auto;width:11px;height:5px;background-position:-232px -13px;transition:all .3s;-webkit-transform:translate(0,0);transform:translate(0,0)}
.cateList .cateListAnchor.current span:before{-webkit-transform:rotate(180deg);transform:rotate(180deg)}

.categoryList{overflow:hidden;padding:0 20px 30px 20px;border-bottom:1px solid #ddd}
.categoryList span{float:left;color:#888;font-size:14px;letter-spacing:-.8px;line-height:26px;padding-right:44px;}
.categoryList span:first-child{padding-left:0px;}
.categoryList .current a{line-height:16px;color:#fa3a5f;border-bottom: 2px solid #fa3a5f;padding-bottom:2px;font-weight:500;}
.categoryList span a{font-weight:400;color:#a8a8a8;}

.detailSl{border-bottom:1px solid #e6e6e6;background:#fcf1ef;}
.detailSl .swiper-pagination{bottom:20px;left:50%;width:45px;height:18px;border-radius:15px;color:#fff;line-height:18px;background:rgba(0,0,0,.5);-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
.detailSl .swiper-pagination span{font-size:12px}
.detailNavi{position:fixed;bottom:0;z-index:30;width:100%;border-top:1px solid #e6e6e6;background:#fff;max-width:640px;margin:0 auto;}
.detailNaviInner{position:relative}
.btnDetailNavi{position:absolute;top:-11px;left:50%;width:50px;height:11px;border:solid #e6e6e6;border-width:1px 1px 0;border-top-left-radius:3px;border-top-right-radius:3px;background:#fff;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
.btnDetailNavi:before{width:11px;height:5px;background-image:url("/m/_img/goods/icn_goods_area_up.png");background-size:100% 100%;}
.detailCart{display:none;padding:0 10px 10px}
.detailCart .btnSet{position:relative;}
.detailNaviMenu{position:relative;padding:10px 10px 10px 10px}
.detailCart .btnCart,.detailNaviMenu .btnMark{position:absolute;width:48px;height:48px;border-radius:3px}
.detailNaviMenu .btnMark{top:10px;left:10px;background:#e6e6e6}
.detailNaviMenu .btnMark:before{width:22px;height:19px;background-position:0 -125px}
.optionArea{width:100%;height:100%}
.detailCart .totalInfo{overflow:hidden;padding:18px 0}
.detailCart .totalInfo span{float:left;margin-top:10px;color:#444;font-size:12px;font-weight:300;letter-spacing:-.6px}
.detailCart .totalInfo strong{float:right;color:#222;font-size:12px;font-weight:400;letter-spacing:-.6px}
.detailCart .totalInfo strong em{color:#222;font-size:20px;font-weight:400}
.detailCart .btnCart{top:0;left:0;border:1px solid #222}
.detailCart .btnCart:before{width:24px;height:22px;background-position:-24px -125px}
.detailCart .btnWrap,.detailNaviMenu .btnWrap{margin-top:0}
.detailNavi.open .detailNaviMenu{display:none}
.detailNavi.open .detailCart{display:block}
.selectOption .feFoSelect{width:100%;height:40px;margin:10px 0 0;border:1px solid #e6e6e6;line-height:40px}
.optionDetail li{margin-top:10px;padding:14px;border:1px solid #f2f2f2;background:#f9f9f9}
.optionDetail .title{left:-.7px;margin-bottom:14px;color:#444;font-size:14px}
.quantityArea{overflow:hidden}
.quantityArea p{float:right}
.quantityArea p span{vertical-align:middle;color:#222;font-size:16px;font-weight:500}
.quantityArea p button{position:relative;vertical-align:middle;width:25px;height:25px;margin-left:10px;border:1px solid #d0d0d0;background:#ddd}
.quantityArea p button:before{width:8px;height:8px;background-position:-194px -109px}
.selectQuantity{float:left;position:relative;width:90px;padding:0 25px}
.selectQuantity input{height:25px;border:0;border-radius:0;text-align:center;background:#fff}
.selectQuantity button{position:absolute;top:0;width:25px;height:25px;border:1px solid #d0d0d0;background:#ddd}
.selectQuantity .btnMinus{left:0}
.selectQuantity .btnMinus:before{width:11px;height:2px;background-position:-168px -109px}
.selectQuantity .btnPlus{right:0}
.selectQuantity .btnPlus:before{width:11px;height:11px;background-position:-181px -109px}
.goodsDetailTxt{padding:23px 15px 30px}
.markArea{overflow:hidden;margin-bottom:11px}
.markArea .flagTitle{float:left;width:28px;height:28px;margin-right:5px;border-radius:100%;color:#222;font-size:9px;font-weight:700;text-align:center;line-height:28px}
.markArea .flagTitle.type01{background-color:#dc0000}
.markArea .flagTitle.type02{background-color:#e6674a}
.markArea .flagTitle.type03{background-color:#FFF; border:1px #222 solid;}
.markArea .flagTitle.type04{background-color:#222}
.markArea .flagTitle.type07{background-color:#f64f4f}
.markArea img{width:20%;}
.goodsDetailTxt .title{color:#222;font-size:18px;font-weight:500;letter-spacing:-.9px}
.goodsDetailTxt+.lineBanner{margin-bottom:40px}
.goodsPriceTxt{position:relative}
.goodsPriceTxt .price{overflow:hidden}
.goodsPriceTxt .saleNum{display:inline-block;vertical-align:middle;min-width:72px;margin-right:8px;color:#f64f4f;font-size:36px;font-weight:400}
.goodsPriceTxt .sumNum{display:inline-block;vertical-align:bottom;width:auto;min-width:150px}
.goodsPriceTxt .sumNum span{color:#222;font-size:12px;font-weight:500}
.goodsPriceTxt .sumNum span strong{font-size:18px;font-weight:500}
.goodsPriceTxt .sumNum del{color:#aaa;font-size:11px;font-weight:300}
.goodsPriceTxt .soldOutTxt{margin-top:6px;color:#f64f4f;font-size:16px;font-weight:500;letter-spacing:-.8px}
.btnSns{position:absolute;top:0px;right:0;width:55px;height:31px}
.btnSns:before{width:19px;height:21px;background-position:-50px -125px}
.goodsSummaryTxt{margin-top:18px;padding:10px 10px;}
.goodsSummaryTxt li{border-bottom:1px solid #e1e1e1;}
.goodsSummaryTxt dl{overflow:hidden}
.goodsSummaryTxt dd,.goodsSummaryTxt dt{font-size:12px;letter-spacing:-.6px;line-height:30px}
.goodsSummaryTxt dt{float:left;color:#333;width:30%;}
.goodsSummaryTxt dd{float:right;width:70%;color:#666;text-align:left;}
.goodsSummaryTxt dd em{padding-left:10px;color:#222}
.detailInfo .tab{margin-bottom:0}
.detailInfo.fixed .tab{position:fixed;top:50px;left:0;z-index:10;width:100%;background:#fff;max-width: 640px;left: 50%;transform: translateX(-50%);}
.detailInfo .feTabCont{display:none;padding-top:20px}
.detailInfo .feTabCont.current{display:block}
.detailInfo.fixed .feTabCont{padding-top:116px}
.detailInfo li a{font-size:14px;letter-spacing:-.7px}
.detailInfo .boxTxt-type04{padding:0;border:0}
.sortAfterNote{overflow:hidden;margin:30px 0 0}
.avgRating{float:left}
.avgRating .rating{display:inline-block;vertical-align:middle}
.avgRating span{display:inline-block;vertical-align:middle;margin-left:10px;color:#666;font-size:14px;font-weight:300;letter-spacing:-.7px}
.sortPhoto{float:right}
.sortPhoto label{color:#666;font-size:14px;font-weight:300;letter-spacing:-.7px}
.secretNote{display:inline-block;position:relative;max-height:40px;padding-right:18px}
.secretNote:before{top:5px;right:0;left:auto;width:9px;height:13px;background-position:-235px -88px;-webkit-transform:translate(0,0);transform:translate(0,0)}
.detailInfo .boardList-type03{margin-top:30px}
.detailInfo .boardList-type03>ul{border-top:0}
.detailAfterNote li{padding:21px 15px;border-bottom:1px solid #e6e6e6}
.afterNoteRating{margin-bottom:11px}
.detailAfterNote .title{color:#222;font-size:12px;font-weight:300;letter-spacing:-.6px}
.detailAfterNote .userInfo{margin-top:11px;color:#888;font-size:12px;font-weight:300}
.detailAfterNote .userInfo span{position:relative;margin-left:10px;padding-left:10px;font-weight:300}
.detailAfterNote .userInfo span:before{content:'';display:block;position:absolute;top:4px;left:0;width:1px;height:10px;background:#e6e6e6}
.detailAfterNote .photo .title{padding-right:60px}
.detailAfterNote img{display:block;margin:10px auto 0}
.detailAfterNote .photo .thumbImage{position:absolute;top:0;right:0;width:50px;height:50px;margin:0}
.detailAfterNote .current .title{display:none}
.afterNoteAnchor{display:block;position:relative}
.afterNoteArea{display:none;color:#222;font-size:12px;font-weight:300;letter-spacing:-.6px}
.afterNoteArea.current{display:block}
.detailAfterNote .noData{padding:33px 0;color:#222;font-size:14px;text-align:center;letter-spacing:-.7px}
.planBannerList{margin-top:20px}
.planBannerList li{margin-top:18px}
.planBannerList li:first-child{margin-top:0}
.planBannerList .eventTxtArea{position:relative;padding:12px 20px;border:solid #ddd;border-width:0 1px 1px}
.planBannerList .eventTxtArea p{width:70%;margin-bottom:2px;color:#222;font-size:16px;letter-spacing:-.8px}
.planBannerList .eventTxtArea span{color:#666;font-size:14px;font-weight:300}
.planBannerList .eventTxtArea em{display:block;position:absolute;top:50%;right:20px;min-width:60px;height:30px;border-radius:20px;color:#fff;font-size:14px;font-weight:300;text-align:center;line-height:30px;background:#b6b6b6;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
.planTitle{position:relative;padding:15px}
.planTitle p{width:80%;margin-bottom:2px;color:#222;font-size:16px;letter-spacing:-.8px}
.planTitle span{color:#666;font-size:14px;font-weight:300}
.planTitle .snsSet{overflow:hidden;position:absolute;top:18px;right:15px}
.planTitle .snsSet li{float:left}
.planTitle .snsSet li:first-child{margin-right:8px}
.planTitle .snsSet a{display:block;position:relative;width:20px;height:20px;border-radius:100%;background:#ddd}
.planTitle .snsSet .facebook:before{width:7px;height:11px;background-position:-155px -125px}
.planTitle .snsSet .twitter:before{width:10px;height:9px;background-position:-164px -125px}
.planTitle+.lineBanner{margin-bottom:30px}
.eventReply p{color:#666;font-size:14px;font-weight:300;letter-spacing:-.7px}
.eventReply .subTitle-type04{margin-bottom:0}
.eventReply textarea{width:100%;height:200px;margin-top:14px;padding:15px;resize:none}
.regReply{border-top:1px solid #e6e6e6}
.regReply li{position:relative;padding:16px 15px;border-bottom:1px solid #e6e6e6}
.regReply p{margin-bottom:10px}
.regReply span{margin-top:11px;color:#888;font-size:12px;font-weight:300}
.regReply em{position:relative;margin-left:10px;padding-left:10px;font-weight:300}
.regReply em:before{content:'';display:block;position:absolute;top:4px;left:0;width:1px;height:10px;background:#e6e6e6}
.regReply button{position:absolute;right:15px;bottom:6px;padding:10px 0 10px 14px;color:#222;font-size:12px;font-weight:300}
.regReply button:before{left:0;width:9px;height:8px;background-position:-176px -125px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
.noticeList li{padding:20px 15px;border-bottom:1px solid #e6e6e6}
.noticeList .fixMark{position:relative;padding:20px 15px 20px 20px}
.noticeList .fixMark .public{display:block;position:absolute;top:24px;left:15px;width:40px;height:26px;border-radius:3px;color:#fff;font-size:12px;text-align:center;letter-spacing:-.6px;line-height:26px;background:#222}
.noticeList span,.noticeListHead span{display:block;color:#222;font-size:14px;letter-spacing:-.7px}
.noticeList p,.noticeListHead p{margin-top:3px;color:#888;font-size:12px;font-weight:300}
.noticeList .noData{padding:24px 0;color:#222;font-size:14px;text-align:center;letter-spacing:-.7px}
.noticeListCont,.noticeListHead{padding:20px 15px;border-bottom:1px solid #e6e6e6}
.noticeListCont{color:#222;font-size:14px;font-weight:300;letter-spacing:-.7px}
.searchFaq{position:relative}
.searchFaq input{width:100%;height:47px;padding:0 50px 0 15px;border:1px solid #b6b6b6}
.searchFaq button{position:absolute;top:1px;right:0;z-index:15;width:45px;height:45px}
.searchFaq button:before{width:16px;height:17px;background-position:-38px -155px}
.searchFaq+.subTitle-type02{margin-top:21px}
.questionTop{margin-bottom:50px;border-bottom:1px solid #e6e6e6}
.questionTop li{border-top:1px solid #e6e6e6}
.questionTop span{position:relative;padding-right:10px}
.questionTop span:before{left:0;width:19px;height:19px;background-position:-168px -88px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
.questionTop span.spr{display:inline-block;vertical-align:text-bottom;width:19px;height:19px;margin-right:10px;padding:0}
.questionTop a{display:block;position:relative;padding:18px 50px 18px 15px;color:#222;font-size:14px;letter-spacing:-.7px}
.questionTop a:before{top:25px;right:15px;left:auto;width:16px;height:8px;background-position:-231px -47px;transition:all .3s;-webkit-transform:translate(0,0);transform:translate(0,0)}
.questionTop .current a:before{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.questionTop .questionArea{display:none}
.questionTop .questionArea{padding:18px 15px;border-top:1px solid #e6e6e6;background:#f9f9f9}
.questionTop .questionArea p{position:relative;padding-left:29px;color:#222;font-size:14px;font-weight:300;letter-spacing:-.7px}
.questionTop .questionArea p:before{top:0;left:0;width:19px;height:19px;background-position:-189px -88px;-webkit-transform:translate(0,0);transform:translate(0,0)}
.customerMenu ul{overflow:hidden}
.customerMenu li{position:relative;width:48%;border:1px solid #e6e6e6;text-align:center}
.customerMenu li:before{top:28px;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
.customerMenu li:first-child{float:left}
.customerMenu li:first-child:before{width:35px;height:32px;background-position:-56px -155px}
.customerMenu li:last-child{float:right}
.customerMenu li:last-child:before{width:30px;height:27px;background-position:-93px -155px}
.customerMenu li a{display:block;padding:75px 0 21px;color:#222;font-size:16px;letter-spacing:-.8px}
.customerCenter{margin-top:25px;padding:20px;border:1px solid #e6e6e6}
.customerCenter p{margin-bottom:10px;color:#222;font-size:16px;letter-spacing:-.8px}
.customerCenter span{display:block;margin-top:2px;color:#666;font-size:14px;font-weight:300;letter-spacing:-.42px}
.customerCenter a{display:block;position:relative;margin-top:13px;padding-left:33px;color:#222;font-size:20px}
.customerCenter a:before{left:0;width:27px;height:27px;background-position:-125px -155px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
.questionList{overflow:hidden;margin-top:25px;padding:0 15px}
.questionList li{float:left;width:33.3333%;border:solid #e6e6e6;border-width:0 1px 1px 0;text-align:center}
.questionList li.current{z-index:1;border-color:#b6b6b6;background:#b6b6b6}
.questionList li:nth-child(1),.questionList li:nth-child(2),.questionList li:nth-child(3){border-top:1px solid #e6e6e6}
.questionList li:nth-child(3n-2){border-left:1px solid #e6e6e6}
.questionList li a{display:block;left:-.7px;height:47px;color:#666;font-size:14px;font-weight:400;line-height:45px}
.questionList li.current a{color:#fff;font-weight:500}
.scrollCont .subTitle{padding:0 15px}
.searchHeader{position:relative;height:50px;padding:8px 50px 8px 15px;background:#fff}
.searchHeader .searchArea{position:relative}
.searchHeader .searchArea .btnSearch{position:absolute;top:0;right:0;width:40px;height:34px}
.searchHeader .searchArea .btnSearch:before{width:16px;height:17px;background-position:-186px 0}
.searchHeader .searchArea .deleteKeyword{position:absolute;top:8px;right:50px;width:18px;height:18px;border-radius:100%;background:#ddd}
.searchHeader .searchArea .deleteKeyword:before{width:7px;height:7px;background-position:-176px -135px}
.searchHeader .searchArea input{width:100%;height:34px;padding:0 50px 0 15px;border:1px solid #222;border-radius:20px}
.searchHeader .btnCloseSearch{position:absolute;top:0;right:0;width:50px;height:50px}
.searchHeader .btnCloseSearch:before{width:19px;height:19px;background-position:-154px -155px}
.searchTab{margin-bottom:0}
.searchCurrent li,.searchList li{border-bottom:1px solid #eee}
.searchList .noData{padding:46px 0;border-bottom:0;color:#888;font-size:16px;text-align:center;letter-spacing:-.8px}
.searchList .deleteList a{color:#222;text-align:center}
.searchCurrent a,.searchList a{display:block;padding:11px 20px;font-size:14px;letter-spacing:-.7px}
.searchList a{color:#222}
.searchCurrent a{color:#888}
.searchList span{padding-right:14px;color:#222}
.searchCurrent{border-top:1px solid #eee}
.searchCurrent .highLight{color:#222}
.noDataSearch{padding:46px 30px 0;border-top:1px solid #eee;border-bottom:0}
.noDataSearch p{margin-bottom:42px;color:#666;font-size:16px;text-align:center;letter-spacing:-.8px}
.noDataSearch p span{color:#222}
.resultSearch{padding:16px 15px;border-top:1px solid #eee;border-bottom:1px solid #eee;color:#666;font-size:16px;letter-spacing:-.8px}
.resultSearch span{color:#222}
.listGoodsConsole+.listGoodsConsole{height:43px;border-top:0}
.listGoodsConsole input{width:100%;height:42px;padding:0 15px;border:0}
.listGoodsConsole .divide .feFoSelect{display:block;float:left;width:50%;margin-left:0;border-left:1px solid #e6e6e6}
.listGoodsConsole .divide .feFoSelect:first-child{border-left:0}
.searchToggle>ul>li{border-bottom:1px solid #e6e6e6}
.searchAnchor{display:block;position:relative;padding:13px 15px;color:#222;font-size:12px;letter-spacing:-.6px}
.searchAnchor:before{right:15px;left:auto;width:11px;height:6px;background-position:-232px -12px;transition:all .3s;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
.searchToggle .current .searchAnchor:before{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.searchAnchor span{color:#222}
.searchCont{margin-bottom:50px;border-top:1px solid #e6e6e6}
.searchToggle>ul>li:first-child .searchCont{border-top:0}
.searchToggle>ul>li.current:last-child{border-bottom:0}
.membershipLink{position:relative}
.membershipLink a{position:absolute;bottom:9%;left:50%;width:87%;height:12%;transform:translateX(-50%)}
.couponType>li{margin-top:26px;text-align:center}
.couponType>li:first-child{margin-top:0}
.couponType .couponInfo{position:relative;width:166px;height:104px;margin:0 auto 5px;text-align:left}
.couponType .couponInfo.pointType{width:104px;height:104px;padding:0;text-align:center}
.couponType .couponInfo.pointType:before,.couponType .couponInfo:before{content:'';display:block;position:absolute;top:0;left:0}
.couponType .couponInfo:before{width:166px;height:104px;background:url("/m/_img/common/bg_coupon.jpg") 0px 0px no-repeat;background-size:100%;100%;}
.couponType .couponInfo.pointType:before{width:104px;height:104px;background:url("/shop/_img/member/bg_pointtype.png") 0px 0px no-repeat;background-size:100% 100%;}
.couponType .couponInfo dt{margin-bottom:5px;color:#777;font-size:14px;letter-spacing:-.56px;position:absolute;width:80%;top:30px;left:33px;text-align:center;}
.couponType .couponInfo.pointType dt{position:absolute;top:23px;left:0;width:100%}
.couponType .couponInfo dt strong{color:#9c9bdf;font-size:24px}
.couponType .couponInfo.pointType dt strong{color:#fff}
.couponType .couponInfo dd{color:#aaa;font-size:12px;letter-spacing:-.56px}
.couponType .couponInfo.pointType dd{position:absolute;top:62px;left:0;width:100%;color:#fff;font-size:14px;letter-spacing:-.7px}
.couponType .bullet{display:inline-block;text-align:left}
.couponType .bullet li{min-width:190px;color:#222}
.rankBenefit{border:solid #e6e6e6;border-width:0 1px 1px}
.rankBenefit>li{overflow:hidden;padding:25px 0;border-top:1px solid #e6e6e6}
.rankTxt{display:inline-block;vertical-align:middle;width:115px;text-align:center}
.rankTxt strong{display:block;vertical-align:middle;width:30px;height:30px;margin:0 auto;border-radius:100%;font-size:12px;text-align:center;letter-spacing:-.6px}
.rankTxt span{display:block;vertical-align:middle;font-size:18px;font-weight:700;letter-spacing:-.9px}
.rankTxt.w-rank{color:#95c4ff}
.rankTxt.w-rank strong{border:5px solid #95c4ff}
.rankTxt.f-rank{color:#c96fb7}
.rankTxt.f-rank strong{border:5px solid #c96fb7}
.rankTxt.v-rank{color:#d6d6d4}
.rankTxt.v-rank strong{border:5px solid #d6d6d4}
.rankTxt.vv-rank{color:#e2cd74}
.rankTxt.vv-rank strong{border:5px solid #e2cd74}
.rankCont{display:inline-block;vertical-align:middle;min-width:210px}
.rankCont .couponItem{margin-bottom:11px;text-align:center}
.rankCont .couponItem li{display:inline-block;margin-left:9px}
.rankCont .couponItem li:first-child{margin-left:0}
.rankCont dl{position:relative;width:93px;height:58px;padding:7px 0 0 28px;text-align:left}
.rankCont dl:before{content:'';display:block;position:absolute;top:0;left:0;width:93px;height:58px;background:url(../../img/spr_img.png) -170px -378px no-repeat;background-size:500px 500px}
.rankCont .couponItem .promotion:after{content:'';display:block;position:absolute;top:-9px;right:-10px;width:35px;height:21px;background:url(../../img/spr_img.png) -175px -155px no-repeat;background-size:250px 250px}
.rankCont dt{color:#c54bac;font-size:16px}
.rankCont dd{color:#777;font-size:11px;letter-spacing:-.44px}
.rankCont .bullet li{color:#222}@media all and (max-width:320px){.rankTxt{width:100px}
.rankCont{min-width:185px}}
.lineBanner a{display:block}
.lineBanner img{display:block;width:100%}
.termsCont{padding:21px 15px}
.termsCont .title{color:#222;font-size:14px;font-weight:400;letter-spacing:-.7px;line-height:27px}
.termsCont p{margin-bottom:30px;color:#666;font-size:12px;letter-spacing:-.6px;line-height:27px}
.termsCont li{color:#666;font-size:12px;letter-spacing:-.6px;line-height:27px}
.preventAuto dt{width:30%}
.preventAuto dd{width:70%}
.preventAuto dd img{display:inline-block;vertical-align:middle;width:107px;height:37px}
.preventAuto dd input{vertical-align:middle;width:100px;height:37px;margin-left:10px;padding:0 15px;border:1px solid #ddd;border-radius:3px}
.preventAuto dd p{margin-top:6px;color:#888;font-size:12px;letter-spacing:-.6px}
.preventAuto dd p span{color:#222}
.applyCoupon ul{border:1px solid #e6e6e6}
.applyCoupon li{border-top:1px solid #e6e6e6}
.applyCoupon li:first-child{border-top:0}
.applyCoupon dl{padding:0 14px}
.applyCoupon dt{padding:18px 0;color:#222;font-size:14px;letter-spacing:-.7px}
.applyCoupon dd{padding:18px 0;border-top:1px dashed #e6e6e6}
.applyCoupon .feFoRadio+.labelTxt{color:#888}
.applyCoupon .checked+.labelTxt{color:#222}
.applyCouponPrice{margin-top:15px;text-align:right}
.applyCouponPrice .price{color:#888;font-size:12px;letter-spacing:-.6px}
.applyCouponPrice .couponPrice{color:#222;font-size:12px;letter-spacing:-.6px}
.applyCouponPrice .couponPrice span{margin-left:5px;font-size:20px}
.boardList-type01+.boxCheck{margin-top:50px}
.vipclubTitle{margin:50px 0 20px;text-align:center}
.vipclubTitle .tit{color:#222;font-size:20px;font-weight:500;letter-spacing:-1.4px}
.vipclubTitle .tit span{font-weight:500}
.vipclubTitle p{font-size:14px;font-weight:300;letter-spacing:-.7px;line-height:22px}
.vipclubTitle p span{font-weight:300}
.vipclubGoods{margin-bottom:20px;border:1px solid #ccc}
.vipclubGoods.on{border:2px solid #222}
.vipclubGoods a{display:block}
.vipclubGoods .info{padding:5px 20px 32px}
.vipclubGoods .img{width:63%;margin:7px auto}
.vipclubGoods .tit{position:relative;margin-bottom:6px;padding-top:15px;color:#444;font-size:20px;letter-spacing:-1.4px}
.vipclubGoods .tit span{display:block;position:absolute;top:0;left:0;width:68px;height:12px}
.vipclubGoods .tit span:before{content:'';display:block;position:absolute;top:0;left:0;width:68px;height:11px;background:url(../../img/spr_img.png) -182px -23px no-repeat;background-size:250px 250px}
.vipclubGoods p{margin-bottom:16px;color:#666;font-size:12px;font-weight:300;word-break:keep-all;letter-spacing:-.6px;line-height:20px}
.vipclubGoods h5{margin-bottom:4px;color:#222;font-size:12px;font-weight:500;letter-spacing:-.6px}
.vipclubGoods ul{overflow:hidden}
.vipclubGoods li{float:left;position:relative;width:50%;padding-left:20px;font-size:12px;letter-spacing:-.6px;line-height:22px}
.vipclubGoods li span{position:absolute;top:5px;left:0;width:14px;height:14px;border-radius:100%;color:#fff;font-size:10px;font-weight:700;text-align:center;letter-spacing:-.5px;line-height:14px;background:#222}
.vipclubGoods .vcGoodsSel{padding-bottom:20px}
.vipclubJoin{margin-top:45px;text-align:center}
.vipclubJoin .tit{color:#222;font-size:18px;font-weight:300;letter-spacing:-1.6px}
.vipclubJoin .tit span{display:block;position:relative;width:121px;height:20px;margin:0 auto 5px}
.vipclubJoin .tit span:before{content:'';display:block;position:absolute;top:0;left:0;width:121px;height:20px;background:url(../../img/spr_img.png) -311px -39px no-repeat;background-size:430px 430px}
.vipclubJoin .tit em{vertical-align:middle;line-height:23px}
.vipclubJoin .tit strong{font-weight:500}
.banner{margin-bottom:25px}
.goodsDetailTxt .toolTip{display:inline-block;position:relative;margin-top:-20px;}
.goodsDetailTxt .toolTip .btnToolTip{position:relative;width:24px;height:24px}
.goodsDetailTxt .toolTip .btnToolTip:before{content:'';display:block;position:absolute;top:0;left:0;width:24px;height:24px;background:url(/shop/asset/img/common/spr_icon.png) -148px -352px no-repeat;margin-top:-7px;margin-left:5px;}
.goodsDetailTxt .toolTipCont{position:absolute;z-index:10;background:#fff;box-shadow:1px 3px 10px #ccc}
.goodsDetailTxt .toolTipCont .tit{display:block;width:100%;padding:10px 15px;color:#fff;font-size:26px;font-weight:500;letter-spacing:-1.3px;line-height:1.29;background-color:#b6b6b6}
.goodsDetailTxt .toolTipCont .cont{display:block;padding:20px}
.goodsDetailTxt .toolTipCont .cont .memberInfo{margin-bottom:30px;color:#222;font-size:24px;font-weight:300;letter-spacing:-1.2px}
.goodsDetailTxt .toolTipCont .cont .memberInfo span,.goodsDetailTxt .toolTipCont .cont .memberInfo strong{font-weight:400}
.goodsDetailTxt .toolTipCont .cont p{color:#222;font-weight:500;letter-spacing:-.8px}
.goodsDetailTxt .toolTipCont .btnWrap {text-align:center;}
.goodsDetailTxt .toolTipCont .btnWrap .button{width:auto;position:relative !important;border:1px solid #ddd;}
.goodsDetailTxt .toolTipCont .btnWrap .button-color01{border-color: #222;color: #fff;background-color: #222;}
.goodsDetailTxt .toolTipCont .btnTpClose{display:inline-block;overflow:hidden;position:absolute;top:16px;right:29px;width:48px;height:48px;color:transparent;text-indent:100%;white-space:nowrap;cursor:pointer}
.goodsDetailTxt .toolTipCont .btnTpClose:before{content:'';display:block;position:absolute;top:50%;left:50%;width:24px;height:23px;margin:-11.5px 0 0 -12px;background:url(/shop/asset/img/common/spr_button.png) -97px -40px no-repeat}

/* 마이페이지 반려동물 관리 */
.myanimal_list{}
.myanimal_list ul{width:100%;margin-top:20px;}
.myanimal_list ul li{width:100%;position:relative;border-radius:15px;border:1px solid #d7d7d7;margin-top:10px;}
.myanimal_list ul li table{margin-top:15px;}
.myanimal_list ul li.non{text-align:center;padding:20px 0px;font-size:5vw;}
.myanimal_list ul li.my1st{background:#fcf1ef;border:1px solid #fa3a5f;}
.myanimal_list .ani_con{padding:20px;}
.myanimal_list .my1st_icn{position:absolute;width:3.9%;left:15px;top:15px;}
.myanimal_list .my1st_mark{position:absolute;width:31%;right:15px;top:0px;}
.myanimal_list ul li .animal_list_img{width:35%;text-align:center;height:100%;}
.myanimal_list ul li .animal_list_img .img_radius{min-width:100px;min-height:100px;border-radius:15px;height:100%;max-height:300px;}
.myanimal_list ul li .animal_list_con{padding-left:10px;vertical-align:middle;font-size:4vw;}
.myanimal_list ul li .animal_list_con .birth{width:10%;display:inline-block;}
.myanimal_list ul li .animal_list_con .birth img{vertical-align:initial;}
.myanimal_list .btn_area{position:absolute;bottom:5px;right:15px;text-align:right;width:35%;}
.myanimal_list .btn_area span{width:30%;display:inline-block;}

/* 마이페이지 배송지 설정 */
.mybaesong_list{}
.mybaesong_list ul{width:100%;margin-top:20px;}
.mybaesong_list ul li{width:100%;position:relative;border-radius:15px;border:1px solid #d7d7d7;margin-top:10px;}
.mybaesong_list ul li table{margin-top:15px;}
.mybaesong_list ul li.non{text-align:center;padding:20px 0px;font-size:5vw;}
.mybaesong_list ul li.my1st{background:#fcf1ef;border:1px solid #fa3a5f;}
.mybaesong_list .ani_con{padding:5px;}
.mybaesong_list .my1st_icn{position:absolute;width:3.9%;left:15px;top:15px;}
.mybaesong_list .my1st_mark{position:absolute;width:31%;right:15px;top:0px;}
.mybaesong_list ul li .animal_list_con{padding-left:10px;vertical-align:middle;font-size:4vw;}
.mybaesong_list ul li .animal_list_con .birth{width:10%;display:inline-block;}
.mybaesong_list ul li .animal_list_con .birth img{vertical-align:initial;}
.mybaesong_list .btn_area{position:absolute;bottom:5px;right:15px;text-align:right;width:35%;}
.mybaesong_list .btn_area span{width:30%;display:inline-block;}

.center{text-align:center !important;}
.left{text-align:left !important;}
.right{text-align:right !important;}

/* 심플 회원가입관련 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500;700&display=swap');
.m_join_msg{font-size:4vw;}
.m_join_box{}
.m_join_box table{border-bottom:1px solid #c4c5c8;}
.m_join_box table th{font-size:5vw;width:45%;border-top:1px solid #c4c5c8;text-align:left;padding:10px;}
.m_join_box table td{font-size:4vw;border-top:1px solid #c4c5c8;padding-bottom:10px;}
.black_font{color:#353640 !important;}
.join_process_m{color:#555555;font-size:4vw;font-weight:500;margin-top:30px;}
.nm_title{color:#212121;font-size:6vw;font-weight:700;}
.nm_title2{color:#b7b7b7;font-size:6vw;font-weight:700;}
.nm_title3{color:#b7b7b7;font-size:5vw;font-weight:600;}
.frm_form input{width:100%;border:0px;border-bottom:2px solid #000;height:8vw;border-radius:0px;font-size:5vw;padding-bottom:5px;line-height: 1.5;}
.frm_form input::placeholder {font-family: 'Noto Sans KR', sans-serif;font-size:4vw;}
.frm_form .feFoSelect{font-size:5vw;color:#353640;}
.frm_form .feFoSelect>span{font-size:5vw;color:#353640;font-weight:600;}
#m_join_txt li{color:#686868;font-weight:500;}
#m_join_txt li .b{font-weight:700;}

.btn_border01_sq{border:1px solid #ddd;background:#fff;border-radius:8px;}
.btn_border02_sq{border:1px solid #fb3b60;color:#fb3b60;background:#fff;border-radius:8px;}
.btn_border03_sq{border:1px solid #fb3b60;color:#fff;background:#fb3b60;border-radius:5px;}

.tab li span {
	display: block;
	height: 60px;
	margin-left: -1px;
	color: #7f7f7f;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	letter-spacing: -.9px;
	line-height: 58px;
/*	margin-left:8px;*/
	border-bottom:1px solid #15a0ff;
	cursor:pointer;
}
.tab li.current span {
	position: relative;
	z-index: 1;
	color: #15a0ff;
	font-weight: 500;
	border:1px solid #15a0ff;
	border-radius:25px 25px 0px 0px;
	border-bottom:1px solid transparent ;
	background:#FFF;
}


/* 버튼 CSS */
.inp_cy input {border:0px solid rgb(92,92,92);color:#57D1D4;border-radius: 2px;line-height:150%;font-size:11px;padding:2px 15px 2px 15px;background:#2D3539;border-radius:15px;font-size:30px;width:30%;margin:0 auto;padding:10px 0px;font-weight:700;}
.inp_black1 input {border:0px solid rgb(92,92,92);color:#FFFFFF;border-radius: 2px;line-height:150%;font-size:11px;padding:2px 15px 2px 15px;background:#333;}
.inp_black2 input {border:0px;color:#FFFFFF;height:20px;border-radius: 2px;line-height:150%;font-size:11px;padding:0px 15px 0px 15px;background:rgb(0,0,0);}
.inp_orange input {border:0px;color:#FFFFFF;height:20px;border-radius: 2px;line-height:150%;font-size:11px;padding:0px 15px 0px 15px;background:rgb(242,136,0);}
.inp_blue1 input {border:0px;color:#FFFFFF;height:20px;border-radius: 2px;line-height:150%;font-size:11px;padding:0px 15px 0px 15px;background:rgb(80,117,188);}
.inp_blue2 input {border:0px;color:#FFFFFF;height:20px;border-radius: 2px;line-height:150%;font-size:11px;padding:0px 15px 0px 15px;background:#6799FF;}
.inp_green1 input {border:0px;color:#FFFFFF;height:20px;border-radius: 2px;line-height:150%;font-size:11px;padding:0px 15px 0px 15px;background:rgb(141,199,63);}
.inp_green2 input {border:0px;color:#FFFFFF;height:20px;border-radius: 2px;line-height:150%;font-size:11px;padding:0px 5px 0px 5px;background:rgb(112,140,21);} /* 달력용버튼 */
.inp_red1 input {border:0px;color:#FFFFFF;height:20px;border-radius: 2px;line-height:150%;font-size:11px;padding:0px 15px 0px 15px;background:rgb(255,0,0);}
.inp_red2 input {border:0px;color:#FFFFFF;height:20px;border-radius: 2px;line-height:150%;font-size:11px;padding:0px 15px 0px 15px;background:rgb(255,151,151);cursor:pointer;}
.inp_red3 input {border:1px solid #fb3b60;color:#fb3b60;height:36px;border-radius: 5px;line-height:150%;font-size:14px;padding:0px 15px 0px 15px;background:#fff;text-align:center;cursor:pointer;}
.inp_write1 input {border:1px solid #333333;color:#333333;height:20px;border-radius: 2px;line-height:100%;font-size:11px;padding:0px 15px 0px 15px;background:rgb(246,246,246);}
.inp_gray input {border:1px solid #333333;color:#333333;border-radius: 2px;line-height:150%;font-size:2.5vw;padding:5px 15px 5px 15px;background:#f5f5f5;position:relative;top:0px;}
.inp_gray_ord input {border:1px solid #666;color:#666;height:36px;border-radius: 5px;line-height:150%;font-size:14px;padding:0px 15px 0px 15px;background:#fff;text-align:center;cursor:pointer;}
.inp_gray_cart input {border:0px;color:#FFFFFF;border-radius: 2px;line-height:150%;font-size:11px;padding:3px 15px 3px 15px;background:#535353;}
.inp_hyponic input {border:1px solid #f54063;color:#FFFFFF;border-radius: 2px;line-height:150%;font-size:11px;padding:0px 15px 0px 15px;background:#f54063;}
.inp_hyponic_write1 input {border:1px solid #686868;color:#686868;border-radius: 2px;line-height:150%;font-size:11px;padding:0px 15px 0px 15px;background:#fff;}