#main-wrap{position:relative;margin-top:115px}

.site-wrap{position:relative;width:1200px;margin:0 auto; display:table;}
div.site-wrap{margin-top:30px;}
.float-left{float:left;}
.float-right{float:right;}
.clear{clear:both;}

.prod-slide.site-wrap{padding:20px 0 30px;}
.prod-slide .title h3 {text-align:left !important;}
.prod-slide .title h3 a {text-decoration: none;color:#2e2e2e}
.prod-slide .title span span{display:none}
.prod-slide .ec-base-product{width:880px;min-height:290px;float:left;position:relative;}
.prod-slide .ec-base-product .bx-wrapper .bx-prev,.prod-slide .ec-base-product .bx-wrapper .bx-next{width:10px;height:16px;background-size:cover;background-image: url(http://22pet.co.kr/web/upload/dp_464/bxslider/controls5.png);background-repeat:no-repeat;top:-34px}
.prod-slide .ec-base-product .bx-wrapper .bx-prev {left:auto;right:30px;background-position:0 -17px}
.prod-slide .ec-base-product .bx-wrapper .bx-next {right:10px;background-position:0 0;}
.prod-slide .ec-base-product .bx-wrapper .bx-prev:hover,.prod-slide .ec-base-product .bx-wrapper .bx-next:hover{opacity:0.6}:root 
.prod-slide .ec-base-product .bx-loading{display:none;\9}
.prod-slide .ec-base-product li{text-align:center;}
.prod-slide .ec-base-product li .thumbnail{ box-sizing:border-box;}
.prod-slide .ec-base-product li .thumbnail > a img{ transition:border .15s ease;}
.prod-slide .ec-base-product li .thumbnail > a:hover img{border:1px solid #aaa}
.prod-slide .ec-base-product li .name{text-align:center;padding-bottom:6px !important;}
.prod-slide .ec-base-product li .price{font-size:13px;}

.ec-base-product{margin:22px 0 0;}
.ec-base-product .title{margin:0 0 17px;text-align:center;}
.ec-base-product .title h2{font-size:21px;color:#2e2e2e;}
.ec-base-product .title h3{font-size:18px;color:#2e2e2e;}

.ec-base-product .prdList{display:table;width:100%;min-width:756px;margin:0;font-size:0;line-height:0;text-align:left;}
.ec-base-product img{vertical-align:middle;}
.ec-base-product a[href^='/product/detail.html'] > img{border:1px solid #ececec;}
.ec-base-product .prdList{display:table;width:100%;min-width:756px;margin:-20px 0 0;font-size:0;line-height:0;text-align:left;}
.ec-base-product .prdList > li{display:inline-block;margin:20px 0;color:#757575;vertical-align:top;text-align:left;position:relative;}
.ec-base-product .prdList .chk{display:block;margin:0 0 10px;text-align:center;position:absolute;top:0;left:0;z-index:10;}
.ec-base-product .prdList .thumbnail{position:relative;margin:0 7px 10px;text-align:center;}
.ec-base-product .prdList .thumbnail > a img{width:100%;border:1px solid #ececec;box-sizing:border-box;}
.ec-base-product .prdList .thumbnail .wish{position:absolute;right:3px;bottom:4px;z-index:1;cursor:pointer;}
.ec-base-product .prdList .thumbnail .prdIcon{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;}
.ec-base-product .prdList .thumbnail .img_medium{opacity:1;}.ec-base-product .prdList .thumbnail:hover .img_medium{ opacity:0;}
.ec-base-product .prdList .thumbnail .img_small{position:absolute;top:0;left:0;opacity:0;}
.ec-base-product .prdList .thumbnail:hover .img_small{opacity:1;transition: opacity .15s ease;}
.ec-base-product .prdList .description{margin:0 auto;padding:0 7px;font-size:12px;line-height:18px;text-align:center;}
.ec-base-product .prdList .description .name{display:block;border-bottom:1px solid #eeeeee;margin-bottom:10px;padding-bottom:10px;text-align:center;}
.ec-base-product .prdList .description .name a{color:#2e2e2e;word-break:break-word;}
.ec-base-product .prdList .description .icon{margin:10px 0 0 ;vertical-align:middle;}
.ec-base-product .prdList .description .icon:after{content:"";display:block;clear:both;}
.ec-base-product .prdList .description .promotion{margin:0 0 4px;}
.ec-base-product .prdList .description .button{float:right;margin:0 0 4px;}
.ec-base-product .prdList .description .button img{cursor:pointer;}
.ec-base-product .prdList .description .button .option{display:inline;position:relative;}
.ec-base-product .prdList .description .mileage{display:block;}
.ec-base-product .prdList .description span.grid{display:block;}
.ec-base-product .prdList .description .button .likeButton{display:inline-block;margin:0 5px;}
.ec-base-product .prdList .description .button .likeButton button{font-family:verdana;color:#9a9a9a;letter-spacing:-1px;background:none;}
.ec-base-product .prdList .description .button .likeButton button img{margin-bottom:0;vertical-align:middle;}
.ec-base-product .prdList .description .button .likeButton button strong {height:16px;vertical-align:middle;}
.ec-base-product .prdList .description .button .likeButton.selected button{color:#353535;}

.ec-base-product ul.grid4 > li{width:25%;}
.ec-base-product ul.grid5 > li{width:20%;}
.ec-base-product ul.grid6 > li{width:16.6%; margin-bottom:0;}

.right_area{float:right;border-left:1px solid #dddddd;height:290px;padding:0 0 0 30px;}

.product-b .icon-best{position:absolute;top:-10px;left:10px;z-index:10;}

.product-b .cell .prdList{margin:0;}
.product-b .cell .prdList li{ margin:0;box-sizing:border-box;display:inline-block;*display:inline;*zoom:1;cursor:pointer;position:relative;z-index:1;}
.product-b .cell .prdList li .thumbnail,.product-b .cell .prdList li .description{margin:2px;}
.product-b .cell .prdList li .description{ position:absolute;opacity:0;filter:alpha(opacity=0);top:0;left:0;right:0;bottom:0;background: rgba(0,0,0,0.65);background:#555555 \0/IE8;padding:10px 20px;box-sizing:border-box;text-align: right;transition: opacity .15s ease;}
.product-b .cell .prdList li:hover .description{display:block;opacity:1;filter:alpha(opacity=100);}
.product-b .cell .prdList li .description .block{width:100%;height:100%;display: table;}
.product-b .cell .prdList li .description .block .block_in{display:table-cell;vertical-align: middle;text-align:center;}
.product-b .cell .prdList li .description *{color:#ffffff !important}
.product-b .cell .prdList li .description .desc{margin-top:9px;color:#dddddd}
.product-b .cell .prdList li .description .name{padding-bottom:10px;border-bottom:1px dotted #aaa;margin-bottom:5px;}
.product-b .cell .prdList li .description .name *{font-size:15px !important;font-weight:bold !important;}
.product-b .cell .prdList li .description .wish{background:#fff;display: inline-block;margin-top:10px;border-radius:30px;opacity:1;}

.banner-position{overflow:hidden;margin:50px 0;padding:20px 0;background:#f9f9f9}
.banner-position a:hover img{opacity:0.7}
.banner-position .leftarea{width:770px;float:left;}
.banner-position .leftarea ul{margin-top:30px;}
.banner-position .leftarea ul li{float: right;box-sizing:border-box;}
.banner-position .leftarea ul li:first-child{border-left:0;float:left;padding-left:0;}
.banner-position .rightarea{width:400px;float:right;}

.discount_rate{z-index:10;position:absolute;border:1px solid #ddd;top:8px;right:15px;width:40px;background:#fff;color: tomato;height:40px;text-align:center;line-height:40px;font-size:13px;border-radius:50px;font-weight:bold;}

.ec-base-product ul.prdList .likeButton {position:absolute;left:10px;bottom:10px;padding:3px 8px;background:#fff;opacity:0;z-index:10 ;transition: opacity .3s ease;}
.ec-base-product ul.prdList .likeButton button{overflow:visible;padding:0;margin:0;border:0;cursor:pointer;}
.ec-base-product ul.prdList li:hover .likeButton{opacity:0.9;animation-name: likeButton;animation-duration:0.2s;opacity:0.9;}
.ec-base-product ul.prdList .likeButton button{font-size:12px;color:#9a9a9a;letter-spacing:-1px;background:none;}
.ec-base-product ul.prdList .likeButton button img{margin-bottom:0;vertical-align:middle;}
.ec-base-product ul.prdList .likeButton button strong {margin-left:2px;height:16px;vertical-align:middle;}
.ec-base-product ul.prdList .likeButton.selected{opacity:1;border-radius:3px;}

ul.prdList > li:hover .iconarea {opacity:0.9;z-index:2;}
ul.prdList .iconarea{ opacity:0;position:absolute;bottom:10px;right:10px;transition: opacity .3s ease;cursor:pointer;background:#fff;z-index:1;}

.ec-base-product .spec{margin:0;}
.ec-base-product .spec li {}
.ec-base-product .spec li .title{font-weight:normal;vertical-align:top;}
.ec-base-product .spec li .title span{vertical-align:top;}
.ec-base-product .spec li .color{overflow:hidden;display:inline-block;margin:3px 0 0 0;}
.ec-base-product .spec li .chips{float:left;width:10px;height:10px;margin:0 2px 2px 0;border:1px solid #e3e3e3;font-size:0;line-height:0;}

.banner-list{text-align:center;background:#f0f0f0;margin:50px 0;}
.banner-list ul{}
.banner-list ul li{width:25%;float:left;}
.banner-list ul li img{width:100%;}



.banner-list2{margin:30px auto;border:1px solid #ddd;}
.banner-list2 ul{overflow:hidden;}
.banner-list2 ul li{float:left;}


.btm-info-wrap{}
.btm-info-wrap .btn_v1{
    display: inline-block;
    line-height: 20px;
    padding: 0 10px;
    background: #fff;
    background-image: -webkit-linear-gradient(top,#fff,#f8f8f8);
    background-image: -moz-linear-gradient(top,#fff,#f8f8f8);
    background-image: -ms-linear-gradient(top,#fff,#f8f8f8);
    background-image: -o-linear-gradient(top,#fff,#f8f8f8);
    background-image: linear-gradient(to bottom,#fff,#f8f8f8);
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    border: solid #eee 1px;
    color: #333333;
    font-size: 11px;
    text-decoration: none;
    text-align: center;
}
.btm-info-wrap .snsarea{height:70px;text-align:center;overflow:hidden;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.btm-info-wrap .snsarea .icon{display:inline-block;*zoom:1;*display:inline;vertical-align:middle;margin-top:15px;}
.btm-info-wrap .snsarea .icon a img{border:2px solid #ddd;border-radius:37px;transition:border .2s,margin .2s;margin:0 2px;}
.btm-info-wrap .snsarea .icon a:hover img{border:2px solid #666;margin-top:-3px}
.btm-info-wrap .snsarea .rightarea{display:inline-block;*zoom:1;*display:inline;vertical-align:middle;margin-left:30px;margin-top:10px;}
.btm-info-wrap .menu1{padding:50px 0 30px; border-top: 1px solid #ddd;}
.btm-info-wrap .menu1 .area > li{float:left;width:260px;box-sizing:border-box;border-left:1px solid #ddd;padding:0 25px;min-height:220px;}
.btm-info-wrap .menu1 .area > li strong{padding-right: 10px;}
.btm-info-wrap .menu1 .area > li .title{margin-left:-3px;margin: 0 0 12px;font-size:16px;}
.btm-info-wrap .menu1 .area > li .title_line {width:17px;height:1px;margin:0 0 20px;border-bottom:1px solid #555;line-height:0px;font-size:0;}
.btm-info-wrap .menu1 .area > li:first-child{border:0;}
.btm-info-wrap .menu1 .area > li .cont{margin-top:15px;}
.btm-info-wrap .menu1 .area > li .cont > ul{line-height:20px;}

.btm-info-wrap .menu1 .area > li.call{padding-left:0;}
.btm-info-wrap .menu1 .area > li.call .cont .phone{font-size:24px;font-weight:bold;margin: 0 0 15px;}
.btm-info-wrap .menu1 .area > li.call .cont .runtime{margin-top:5px;line-height:18px;color:#777777;}
.btm-info-wrap .menu1 .area > li.notice{width:280px;}
.btm-info-wrap .menu1 .area > li.notice .cont > ul > li{padding-top:5px;color:#000;}
.btm-info-wrap .menu1 .area > li.mymenu{width:380px;}
.btm-info-wrap .menu1 .area > li.mymenu h4{font-size:16px;font-weight:500;}
.btm-info-wrap .menu1 .area > li.mymenu ul.first {margin: 0 0 25px;}
.btm-info-wrap .menu1 .area > li.mymenu .info {font-size:11px;color:#aaa;}
.btm-info-wrap .menu1 .area > li.bankinfo{width:260px;}
.btm-info-wrap .menu1 .area > li.bankinfo strong{width: 65px;}
.btm-info-wrap .menu1 .area > li.bankinfo .title > ul > li{float:right;}
.btm-info-wrap .menu1 .area > li.bankinfo .title > ul > li:first-child{float:left;}
.btm-info-wrap .menu1 .area > li.bankinfo .bank_list {width:170px;margin:10px 0 0;height:24px;border:1px solid #d5d5d5;}
.btm-info-wrap .agree-wrap{ border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding :10px 0;text-align:center;}
.btm-info-wrap .agree-list li{display:inline;padding:0px 20px;margin:10px 0;border-left:1px solid #ddd;}
.btm-info-wrap .agree-list li a{color:#707070;font-weight:bold;}
.btm-info-wrap .agree-list li:first-child{border-left:0;padding-left:0;}
.btm-info-wrap .info-wrap{ background:#ffffff;color:#ddd;font-size:12px;padding:20px 0;line-height:18px;letter-spacing:0.4px;text-align:center;}
.btm-info-wrap .info-wrap .site-wrap {margin-top:0}
.btm-info-wrap .info-wrap a,.btm-info-wrap .info-wrap span{color:#979797;}
.btm-info-wrap .info-wrap .copyright{color:#b1b1b1;font-size:11px;padding-top:5px;}
.btm-info-wrap .info-wrap .footer_company {float:left;width:55%;padding: 0 0 0 1%;font-size:12px;line-height:23px;text-align:left;color:#707070;}
.btm-info-wrap .info-wrap .footer_company h4 {margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:0.1em;}
.btm-info-wrap .info-wrap .footer_company .h4_line {width:17px;height:1px;margin:0 0 20px;border-bottom:1px solid #555;line-height:0px;font-size:0;}
.btm-info-wrap .info-wrap .footer_company strong {padding-right:8px;color:#aaa;font-weight:normal;}
.btm-info-wrap .info-wrap .footer_company span {color:#000;}
.btm-info-wrap .info-wrap .footer_escrow {float:right;width:43%;margin:0 1% 15px 0;text-align:right;line-height:22px;color:#000;}
.btm-info-wrap .info-wrap .footer_escrow .v_escrow1 {
	padding:3px 7px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #888;
    color: #fff;
}

.btm-info-wrap .info-wrap .footer_ico {
    float: right;
    width: 43%;
    margin: 0 1% 10px 0;
    font-size: 0;
    line-height: 0;
    text-align: right;
}
.btm-info-wrap .info-wrap .footer_ico li {
    display: inline-block;
    margin: 0 0 0 10px;
}
.btm-info-wrap .footer_end {
    display: block;
    clear: both;
    height: 45px;
    fon-size: 12px;
    text-align: center;
    line-height: 45px;
    color: #fff;
    letter-spacing: 0.2em;
}
.btm-info-wrap .footer_end .copyright {
    font-size: 12px;
	letter-spacing: 0.1em;
}

.banner-list3{padding:30px 0 70px;}
.banner-list3 .list li{display:inline-block;*display:inline;*zoom:1;width:385px;height:153px;margin-left:18px;}
.banner-list3 .list li:first-child{margin-left:0;}
.banner-list3 .list li:hover{opacity:0.7}

/* Ãß°¡ */
.register .title {}
.register .title h2 {color:#444444;font-size:16px;line-height:17px; margin:24px 0 14px;padding-left:8px;border-left:3px solid #a5a5a5;}
.register #sct_location {position: absolute;
    padding: 12px 0;
    right: 0;
    top: 12px;
}

.register #sct_location .go_home {
    display: inline-block;
    font-size: 1.4em;
    color: #a2a2a2;
    line-height: 17px;
    text-decoration: none;
    vertical-align: top;
    padding: 0 12px;
}

.register #sct_location i.dividing-line {
    vertical-align: top;
    font-size: 1.2em;
    color: #a2a2a2;
    display: inline-block;
    margin: 0;
    line-height: 17px;
}

.register #sct_location .shop_select_to_html {
    position: relative;
    display: inline-block;
}

.register #sct_location .shop_select_to_html span {
    padding: 10px 0 15px 20px;
}

.register #sct_location .shop_select_to_html .category_title {
    color: #4F4F4F;
    font-size: 1.1em;
}
/* Ãà°¡ */