@charset "utf-8";
.transition{-webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}
.red_txt {color:#db0930 !important;}
.green_txt {color:#03a21a !important;}

.bg_red {background:#fdf1f2; color:#df1b38; border-radius: 5px; cursor: pointer;}
.bg_red:hover {background:#f04768; color:#fff !important;}
.bg_gray {background:#f5f5f5; color:#000000; border-radius: 5px; cursor: pointer;}

.only-pc {display: block  !important;}
.only-m {display:none !important;}

.btn_gray_small {border:1px solid #000; border-radius: 2px; color:#000; padding:3px 6px; font-size:11px !important;}

.f14{font-size: 14px; font-size: 0.875rem;}
.f18{font-size: 18px; font-size: 1.125rem;}
.ml10 {margin-left:10px;}

.tit-st2{font-size: 22px; font-size: 1.375rem; color: #111; line-height: 1.15; font-weight:500; margin-bottom: 1.364em; position: relative; border-bottom:2px solid #232323; padding-bottom:15px;}
.tit-st2 .ab{position: absolute;right: 0;bottom: 0}
.tit-st3{font-size: 24px; font-size: 1.500rem;text-align: center;color: #111; line-height: 1.15; margin-bottom: 0.833em;}
.tit-st4{font-size: 20px; font-size: 1.250em;color: #111; line-height: 18px;margin-bottom: 1.111em; font-weight: 500; position: relative;}
.tit-st4 .ab{position: absolute;right: 0;bottom: 0}
.tit-st4 .ab button{padding: 5px; margin-left: 3px; font-size:15px; font-size: .938rem; font-weight: 400;}
.tit-st4 .ab button:first-child{margin-left: 0;}
.tit-st4 .add{display: block; margin-top: .5em; color: #666; font-weight: 400; font-size: 15px; font-size: .938rem; font-size: .938rem;}
.tit-st5{font-size: 18px; font-size: 1.125rem;color: #111; line-height: 1.15;margin-bottom: 1.111em;font-weight: 300;}

#igear_ovlwhitespace {padding:15px 17px 15px 18px; background:#fff;}
#igear_ovlwhitespace iframe {max-height: auto  !important; background:#fff;}
#igear_ovlwhitespace .modal-close {display: none;}
#igear_ovlwhitespace td { background: none; color: #000 !important; height: 38px; }/*border-bottom:1px solid #ddd;*/
#igear_ovlwhitespace td.list_title {text-align: center; color: #333; font-size: 1.5em; font-weight: 700; padding-bottom: 1em !important; background: none;}

.inta tr {border-bottom:1px solid #e9e9e9; padding:10px 0; display: block;}
.inta tr:last-child {border:none;}
.item-wrap_new {width:100%;}
.item-wrap_new .in { position: relative; background: #fff;}
.item-wrap_new .in:before {border:2px solid transparent; position: absolute;left: 0px;top:0px;right:0px;bottom:0px;content: ''; transition: all ease-in-out .2s}
.item-wrap_new .img{position: relative; padding-bottom: 100%; overflow: hidden; background:#fff; border:1px solid #e4e4e4; /*width:240px;*/ height:240px;}
.item-wrap_new .img img{display: block;    position: absolute; left: 0;  top: 0;  right: 0;  bottom: 0;min-width: 100%;  margin: auto;}
.item-wrap_new .img .icon_identifyview{ display: block; }
.item-wrap_new .img .icon_identifyview img{  position: unset; right: unset;  bottom: unset;min-width: unset;  margin: unset;}
/*.item-wrap_new .cont{padding: 1.25em 0}*/
.item-wrap_new .label{font-size: 0px; font-size: 0rem; line-height: 1.15; height: 15px; height: .938rem; display: flex; gap:2px; padding:5px;}
.item-wrap_new .label span{position: relative; top:auto; left:auto;}
.item-wrap_new .tit.list_tit {height:auto;}
.item-wrap_new .tit.list_tit span.icon_identifyview { display : block; margin-bottom: 1px; }
.item-wrap_new .tit .small{font-size: 14px; font-size: 0.875rem;display: block;color: #9c9c9c; margin:7px 0 11px 0;}
.item-wrap_new .tit {font-size:1em; color:#000;}
.item-wrap_new .tit .t{display: block; overflow: hidden; color: #000; overflow: hidden;text-overflow: ellipsis; line-height: 30px;}
.item-wrap_new .price_w{display: flex; flex-direction: column; justify-content: end; margin-top:20px; }
.item-wrap_new .price{color: #000; font-size:20px; font-weight: 900;}
.item-wrap_new .through{flex:0 1 auto; text-decoration: line-through; color: #c7c7c7; margin-left: 3px; font-size: 16px; font-weight: 400; display: block; margin-right:15px;}
.item-wrap_new .stars{margin-top: 20px; margin-top: 1.25rem; font-size: 14px; font-size: 0.875rem; color: #6d6d6d}
.item-wrap_new .btns{position: relative; width: 100%; height: 45px; line-height: 45px; text-align: center; z-index: 1;display: flex; gap:4px; margin-top:5px; transition: all ease-in-out .3s}
.item-wrap_new .btns > *{float: left; width: 50%;cursor:pointer;}
/*.item-wrap_new .btns > *:first-child{background:#232323;}*/
/*.item-wrap_new{margin-left: -2%;}*/
.item-wrap_new > li {flex:0 0 calc(16% - 14px); }
/*.item-wrap_new.search > li {flex:0 0 auto; }*/
.item-wrap_new .item{overflow: hidden;}
.item-wrap_new .btns > * {flex:1 1 auto;}
.item-wrap_new .btns .bg_red {display: block; width:100%; text-align: center;}
.item-wrap_new .btns .bg_gray {display: block; width:100%; text-align: center;}
.item-wrap_new .tit span.t {height:65px; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

div#category_tree table span {font-size:16px; margin-left:10px;}
div#category_tree table span.c_hand {margin-left:0;}
div#category_tree table td {height:30px;}

div.mypage_layout > div.order_search_area {border:none;}
div.mypage_layout > div.order_search_area > div.content {border:none;}
div.mypage_layout  div.content > div {display: flex; justify-content: space-between; align-items: center;}
div.mypage_layout > div.order_search_area > div.serachtitle {font-size:14px; }
div.mypage_layout #orderpaper  {}


.item-wrap_new.s{margin-left: 0;}
.item-wrap_new.s .item{width: 100%;margin: 0;}

.color-pink{color: #ff0066 !important}
.color-green{color: #009999 !important}
.color-blue{color: #3778a1 !important}
.color-brown{color: #a76330 !important}
.color-white{color: #fff !important}
.color-red{color: #f04768 !important}

.bt_default {border-radius: 3px; font-size:14px; padding:5px 10px;}
.bg-blue_r{border:1px solid #0070c0;color: #0070c0}
.bg-pink_r{border:1px solid #ff3399;color: #ff3399}
.bg-gray{background:#232323; color:#fff;}
.bg-gray2 {background:#f3f3f3; color:#444444;}
.bg-black{background: #000000 !important; color: #fff !important}
.bg-red{background: #f04768; color: #fff !important}
.bg-blue{background: #0070c0;color: #fff}
.bg-black_r2{border:1px solid #232323; color:#232323 !important;}
.bg-gray_r{border:1px solid #e4e4e4;color: #232323}

.chain_btn {padding:0;}
.chain_btn > div {margin:5px 0px;}

.agree_table {border:1px solid #bdbdbd; border-bottom:none; text-align: center;}
.agree_table tr {border-bottom:1px solid #bdbdbd;}
.agree_table th {background:#e5e5e5;}
.agree_table td {padding:10px;}
.agree_cap {display: block; width:100%; margin-top:20px;}

#orderlist_table .pinfo dd.poption {display: block;}

.bbs-review{color: #6d6d6d}
.bbs-review .small{display: block; font-size: 15px; font-size: .938rem; color: #666;    height: 2.7em;
overflow: hidden;}
.bbs-review .tit{font-size: 17px; font-size: 1.063rem; margin-bottom: 1.15em; padding-bottom: 1.5em; border-bottom: 1px solid #ccc;}
.bbs-review .tit .t{font-size: 1.235em; margin-bottom: 10px;display: block;font-weight: 400; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; color: #000}
.bbs-review .tit .txt{display: block; height: 2.7em; overflow: hidden;}
.bbs-review .etc{position: relative; font-size: 15px; font-size: .938rem; line-height:3em;}
.bbs-review .etc .writer{float: left;}
.bbs-review .etc .rec{float: right; background: url('https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/common/ico-thumb.gif') left center no-repeat; padding-left: 3em;}
.bbs-review .etc .rec.on{background-image: url('https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/goods/ico-thumb.gif')}

.bbs-event{margin-left: -2%;}
.bbs-event > li{float: left; width: 31.3333333333333333%;margin: 0 0 2% 2%; border:1px solid #ccc}
.bbs-event .tit .t{font-size: 19px; font-size: 1.188rem; margin-bottom: 10px;display: block;font-weight: 400; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; color: #000}
.bbs-event .tit .date{font-size: 14px; font-size: 0.875rem;}
.bbs-event .tit .date .dd{color: #ff0066; position:relative; padding-left: 5px; margin-left: 5px;}
.bbs-event .tit .date .dd:before{position: absolute;left: 0;top:50%;width: 1px;height: 10px;content: ''; background: #ddd;margin-top: -5px;}
.bbs-event .img{position:relative; padding-bottom: 50%; overflow: hidden; background: #fff}
.bbs-event .img img{position: absolute;left: 0;top:0;right: 0;bottom: 0;margin: auto;width: 100%;display: block;}
.bbs-event .cont{padding: 20px; position: relative;}
.bbs-event .state{width: 123px;border:1px solid #ccc; line-height: 30px; font-size: 14px; font-size: 0.875rem; text-align: center; position: absolute;right: 20px;top:50%; transform: translateY(-50%);}
.bbs-event .state > span{float: left;width: 50%}
.bbs-event .state > span:first-child{border-right: 1px solid #ccc;}
.bbs-event .ing .state > span:first-child{background:#db082f; color: #fff}
.bbs-event .end .state > span:last-child{background: #262626; color: #fff}
.bbs-event .end .img img{opacity: .5}

.paging_w{margin-top:2.6em;font-weight: 700;}
.paging_w.pop span {font-size:16px; font-weight: 400;}
.paging_w ul{font-size: 0;text-align: center;}
.paging_w li{display: inline-block; font-size: 0;}
.paging_w .arrows{white-space: nowrap;overflow: hidden;background:url('') center center no-repeat;border-color: #bbb;position: relative}
.paging_w a{display: block;}
.paging_w .active span {font-weight: 400;color : #000;}
.paging_w .active b{ color: #db082f; text-decoration: underline; font-weight: 700; padding: 0 !important}
.paging_w .arrows,.paging_w .active > *{font-size: 18px; font-size: 1.125rem;font-size: 1.125rem;display: inline-block;margin-left: -1px;vertical-align: middle; width: 2.222em;height: 2.222em; line-height: 2.222em;}
.paging_w .arrows{background: url('') center center no-repeat}
.paging_w .arrows span{display: block;width: 100%;height: 100%;white-space: nowrap;overflow: hidden;text-indent: -999px; padding: 0 !important}
.paging_w .first{background-image: url('../images/renew/bbs/first.gif'); border-radius: 5px 0 0 5px}
.paging_w .prev{background-image: url('../images/renew/bbs/prev.gif')}
.paging_w .next{background-image: url('../images/renew/bbs/next.gif')}
.paging_w .last{background-image: url('../images/renew/bbs/last.gif'); border-radius: 0 5px 5px 0}

.btn-bbs_w{margin-top: 10px;}
.btn-adm{border:1px solid #000; width:5.7em; height: 2.3em; text-align: center; color: #000}
.btn-gray{background:#f3f3f3; color:#000000; padding:6px 10px; border-radius: 5px; border:none; height:auto;}

.bbs-review{margin-left:-2%}
.bbs-review > li{width: 48%; margin: 0 0 2% 2%; float: left; border:1px solid #ccc; position: relative;}
.bbs-review a{display: block;background: #fff; padding: 20px}
.bbs-review a:after{content: '';display: block;clear: both}
.bbs-review .img {
float: left;
position: relative;
width: 36.5%;
padding-bottom: 36.5%;
overflow: hidden;border:1px solid #ccc
}
.bbs-review .img img{position: absolute;left: 0;top:0;right: 0;bottom: 0;margin: auto;width: 100%;display: block;}
.bbs-review .cont{float: right; width: 58%}
.bbs-review .stars{margin: 10px 0 20px; margin: 0.625rem 0 1.25rem; font-size:0}

.review-best{padding: 40px; border:	2px solid #059b9b}
.review-best .img {
float: left;
position: relative;
width: 41.5%;
padding-bottom: 41.5%;
overflow: hidden;border:1px solid #ccc
}
.review-best .img img{position: absolute;left: 0;top:0;right: 0;bottom: 0;margin: auto;width: 100%;display: block;}
.review-best .cont{float: right; width: 54%}
.review-best .stars{font-size:0}

.bbs-view{}
.bbs-view .top{border-top:2px solid #232323;border-bottom:1px solid #232323; position: relative; display: flex;  justify-content: space-between;  align-items: center; padding:0 25px; width:100%;}
.bbs-view .top > *{display: block;}
.bbs-view .top .t{width:50%; height:80px; line-height:80px; font-size: 16px; font-weight: 700; color: #000; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.bbs-view .top .dd{}
.bbs-view .cont{padding:40px 25px; border-bottom: 1px solid #a7a7a7;}
.bbs-view .cont span {font-family:'Pretendard', 'Malgun Gothic', 'Dotum' !important; font-size:16px; font-weight:500 !important;}
/* 2024-11-01 이한주 폰트 수정. .bbs-view .cont span {font-family:'Pretendard', 'Malgun Gothic', 'Dotum' !important; font-size:16px !important; font-weight:500 !important;}*/
.bbs-view .top .date span{display: inline-block; position:relative; padding-left: 5px; margin-left: 5px; vertical-align: middle; font-size:16px; font-weight: 400; color:#000;}
.bbs-view .top .date .dd{color: #ff0066;}
.bbs-view .top .date span:before{position: absolute;left: 0;top:50%;width: 1px;height: 10px;content: ''; background: #ddd;margin-top: -5px;}
.bbs-view .top .date span:first-child{margin-left: 0; padding-left: 0;}
.bbs-view .top .date span:first-child:before{background: none}
.bbs-view .ico-heart{position: absolute;right: 0; top:50%; transform: translateY(-50%); background: url('https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/bbs/ico-heart.gif') center top no-repeat; padding-top: 2em; width: 2.35em; color: #666; font-size: .938em;}

.download_wrap {display: flex; flex-wrap:nowrap; padding:10px 25px; border-top:1px solid #cccccc;}
.download_wrap .tit {font-weight: 700; padding-right:20px;}

.grade_w .goup_w_com,.goup_w_com .group{margin-top: 100px;}
/* .goup_w_com .group:first-child{margin-top: 0;} */

.bbs-reply .box{border:1px solid #ccc; position: relative; height: 10em}
.bbs-reply .box textarea{width: 100%;display: block;padding: 10px; border:0; height: 100%}
.bbs-reply .box .ab{position: absolute;right: 10px;bottom: 10px; font-size: 14px; font-size: 0.875rem; line-height: 1.15}
.bbs-reply .box .ab .file-st1+label{margin-left: 3px;}

.replay_l{border-top: 1px solid #ccc;}
.replay_l > li{border-bottom: 1px solid #ccc; padding: 50px 0; font-size: .938em;}
.replay_l > li .cont{color: #262626; font-size: 1.133em; margin-top: 1em;}
li.img_w > div.cont{position: relative; color: #262626; font-size: 1.133em; margin-top: 1em; width: calc(100% - 140px);}

.replay_l .date{margin-left: 1.8em;}
.replay_l .t > *{display: inline-block;}
.replay_l .t .edit{margin-left: .5em;}
.replay_l .img_w{position: relative;padding-right: 180px;min-height: 140px; border-bottom: 1px solid #ccc; padding: 50px 0; font-size: .938em;}
.replay_l .img_w .img{position: absolute; right: -130px; top: 0%; transform: translateY(-50%); width: 140px;}
.replay_l .img_w .img img{position: absolute;left: 0;top:0;right: 0;bottom: 0;margin: auto; width: 100%;}
.replay_l .t .btns{font-size: 13px; margin-left: .7em;}
.replay_l .t .btns button{padding: 3px 5px}


.btn_w-st1{margin-top: 30px;text-align: center;}
.btn_w-st2{margin-top: 40px;text-align: center;}
.btn-st1{width: 144px; height: 47px; text-align: center; font-size: 16px; font-size: 1rem;}
a.btn-st1{display: inline-block;line-height: 47px;}
.btn-st2{min-width:220px; border-radius: 5px; height: 55px; text-align: center; font-size: 18px; font-size: 1.125rem; font-size:1.12rem;}
a.btn-st2{display: inline-block;line-height: 65px;}
.bg-black_r{color: #262626 !important;border:1px solid #262626}
.btn_w-st2 button,.btn_w-st2 a{margin: 0 3px;}

/* btn_set */
.btn_red {background:#f04768; color:#fff; border-radius: 10px;} 
.btn_black_line {background:#fff; border:1px solid #7a7a7a; color:#232323; border-radius: 10px;}

.bbs-total{margin-bottom: 1.3em; color: #000; text-align: left; font-size:14px; color:#666666;}
#orderlist_table .pinfo {display: flex;align-items: center; gap:14px;}
#orderlist_table .pinfo dd.p_price {border:none; margin:0;}
#orderlist_table .pinfo > div.pimg img {width:77px; height:80px;}
#orderlist_table .pinfo > dl > dt.pname {font-size:14px; font-weight: 500; color:#000;}
#orderlist_table td, #orderlist_table td a, #orderlist_table .supply_spot {font-size:14px; font-weight: 500; color:#000000 !important;}
#orderlist_table td span {display: block; color:#666666;}
#orderlist_table .btn_order {background:#f3f3f3; color:#000; width:43px; height:30px; line-height:30px; display: inline-block;}
#orderlist_table .btn_order:hover {text-decoration: none;}

.file-st1,.file-st2{
width: 0;
height: 0;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}

.file-st1 + label {
background-color: #000;
color: #fff;
font-size: 14px; font-size: 0.875rem;
outline: none; font-style: normal; display: inline-block; padding: 5px 10px
}

.file-st2 + label {
border: 1px solid #000;
color: #000;
font-size: 14px; font-size: 0.875rem;
outline: none; font-style: normal; display: inline-block; padding: 5px 0; width: 80px;text-align: center;
}

.file-st1:focus + label,
.file-st1 + label:hover {
cursor: pointer;
}

.width100 {width:100%;}

.bbs-top{position: relative;}
.bbs-top .total{float: left;}
.bbs-top .sch-st1{float: right; width: 100%; margin-bottom:30px;}
.sch-st1{position: relative; height: 40px; }
.sch-st1 select{height: 100%; border:0; border-bottom: 1px solid #ccc; width: 120px; }
.sch-st1 .inputt{height: 100%; border-bottom: 1px solid #ccc; padding-right: 3em;}
.sch-st1 .inputt > *{height: 100%}
.sch-st1 .inputt input{width: 100%;padding: 0 10px; border:0}
.sch-st1 .inputt .btn{position: absolute;right: 0;top:0;width: 3em; height: 100%;white-space: nowrap;overflow: hidden;text-indent: -999px;background: url('../images/renew/common/btn_faq_serch.png') center center no-repeat}

.bbs-list.new{word-break: break-word; position: relative;}
.bbs-list.new table{width: 100%;}
.bbs-list.new th,.bbs-list.new .th {background:#232323; color: #fff; font-size:16px; font-weight: 400; }
.bbs-list.new td{border-bottom: 1px solid #ccc; color:#000000; font-weight: 500;}
.bbs-list.new th, .bbs-list.new td{display: table-cell; height:50px;text-align: center;}
.bbs-list.new th:last-child, .bbs-list.new td:last-child {border-right:none;}
.bbs-list.new td.tit{text-align: left; width:60%; padding:0 30px;}
.bbs-list.new th:first-child {border-radius: 10px 0 0 10px;}
.bbs-list.new th:last-child {border-radius: 0 10px 10px 0;}
.bbs-list.new tbody tr:hover{background: #f7f7f7}
.bbs-list.new .notice{background: #f1f1f1; color: #000}
.bbs-list.new a:hover{text-decoration: underline;}
.bbs-list.new .reply{vertical-align: text-bottom; margin: 0 5px 0 .5em;}
.bbs-list.new .reply img{vertical-align: middle;}
.bbs-list.w.new th{white-space: normal}

.bbs-list{word-break: break-word; position: relative;}
.bbs-list table{width: 100%; }
.order-list.bbs-list #orderlist_table {border-top:3px solid #000;}
.order-list.bbs-list #orderlist_table th {padding:19px 0; border-bottom:1px solid #e4e4e4;}
.bbs-list th,.bbs-list .th{color: #000;}
.bbs-list td{border-bottom: 1px solid #ccc}
.bbs-list th,.bbs-list td{padding:0.7em;text-align: center}
.bbs-list .tit{text-align: left;}
.bbs-list tbody tr:hover{background: #fff}
.bbs-list .notice{background: #f1f1f1; color: #000}
.bbs-list a:hover{text-decoration: underline;}
.bbs-list .reply{vertical-align: text-bottom; margin: 0 5px 0 .5em;}
.bbs-list .reply img{vertical-align: middle;}
.bbs-list.w th{white-space: normal}
.bbs-list td.text3.fontred {text-align: right;}
.bbs-list tr.answer > td {padding:0;}
.bbs-list tr.answer td table {border:none;}
.bbs-list tr.answer td table td {border:none;}

.bbs-reply{margin-top: 3em;}
.bbs-reply .top{margin-left: -10px; display: inline-block; vertical-align: middle;}
.bbs-reply .top > li{float: left; width: 180px; margin-left: 10px; height: 40px;padding: 0 10px; border:1px solid #ccc}
.bbs-reply .top > li input{width: 100%; height: 100%; border:0}
.bbs-reply .top > li > div{line-height: 40px; position: absolute; left: 0; top:0;width: 100%; height: 100%}
.bbs-reply .lock{display: inline-block; margin-left: 5px; vertical-align: middle;}
.form-st1{border-top: 3px solid #232323;}
div.mypage_layout > div.form {border-top: 3px solid #232323;}
.form-st1 .item{display: table; width: 100%; border-bottom: 1px solid #ddd;}
.form-st1 .item > *{display: table-cell;vertical-align: middle;}
.form-st1 .t{width: 175px; padding: 10px 10px 10px 30px; font-weight: 500;  word-break: keep-all;  color: #000}
.form-st1 .cont{padding: 5px 20px; color: #666;}
.form-st1 .item.col .cont .box_wrap{display: flex; flex-wrap:wrap; align-items: center; gap:10px;}
.form-st1 .item.col .cont .box_wrap > button {margin-right:20px;}
.bbs-reply .box2{margin-top: 1.5em;}
.inputform {background:#fff; border-radius: 5px;}

.form-st1 .item{display: table; width: 100%; border-bottom: 1px solid #ddd;}
.form-st1 .item > *{display: table-cell;vertical-align: middle;}
.form-st1 .item .filebox label,
.form-st1 .item .filebox .upload-name{height:38px; line-height: 38px;border-radius: 3px;}
.form-st1 .t{width: 180px; padding: 10px; font-weight: 500; word-break: keep-all; text-align:left; color: #000; padding-left:20px;}
.form-st1 .cont{padding: 15px 20px; color: #666; height: 69px}
.bbs-reply .box2{margin-top: 1.5em;}
.form_wrap .box {background:#f3f3f3; border:0; border-radius: 10px; height:260px; padding:35px 5px 25px 25px; margin-top:20px;}
.form_wrap .box > div {overflow-y: auto; display: block; height:100%; padding-right:10px;}
.form_wrap .agree_check_wrap {margin-top:20px;}

.btn_coupon {margin-bottom:30px;}
.btn_coupon a {display: inline-block; width:280px; border:1px solid #7a7a7a; border-radius: 3px; font-size:16px; font-weight: 700; color:#232323; text-align: center; padding:15px 0;}
.btn_cudwn { border:1px solid #7a7a7a; border-radius: 3px; padding:6px 5px;}
  
.pop_qna {}
/*.pop_qna .pop_header {background:#000;}*/
.pop_qna .pop_body {padding:20px; display: block;}
.pop_qna .pop_body tr {border-bottom:1px solid #ddd;}
.pop_qna .pop_body td {padding:10px 20px; color:#000; font-size:18px; font-weight: 400;}
.pop_qna .pop_body td b {font-weight: 400;}
.pop_qna .cel_two {display: flex; align-items: flex-start;}
.pop_qna .cel_two label {margin-left:10px;}
.pop_qna .cel_two label span {margin:0;}
.pop_qna .cel_two input[type="text"] {width:75%;}
.pop_qna select {border: 1px solid #e4e4e4; border-radius: 5px;}
/*.pop_qna h3{font-size: 1.250em; color: #fff; line-height: 18px; margin-bottom: 1.111em; font-weight: 500; position: relative; margin:15px 20px; border-bottom:1px solid #000; padding-bottom:10px;}*/
.pop_qna h3 {text-align: center; color: #333; font-size: 1.5em; font-weight: 700; margin-bottom: 1em; text-align: center; border-bottom:1px solid #000; padding-bottom:10px;}
.pop_btn button {display: inline-block; padding:10px 20px; margin-top:20px;}

.mypage_layout .w_wrap {margin-bottom: 50px;}
.mypage_layout .w_wrap ul {width:100%; background:#000; color:#fff;}
.mypage_layout .w_wrap ul > li {display: flex; align-items: center; text-align: left; padding:14px 20px;font-size:18px;}
.mypage_layout .w_wrap ul > li .txt {position: relative; padding-left:20px;}
.mypage_layout .w_wrap ul > li .txt span {font-size:34px; font-weight: 700; text-decoration:underline; margin-left:10px;}

.mj_form .item {position: relative; display: flex; align-items: center;  width:100%; flex-direction: column; text-align: left; border:none; margin-top:25px;}
/*.mj_form .item.ba_num1 {display: block;}*/
.mj_form .item .tit {display:block; width:100%; font-size:22px; font-weight: 300; color:#000; margin-bottom:15px;}
.mj_form .item .tit.req::after {content:'*'; color:#db082f;}
.mj_form .item .tit2 {display:block; width:100%; font-size:22px; font-weight: 300; color:#000; margin:18px 0 0 0;}
.mj_form .item .tit2.req::after {content:'*'; color:#db082f;}
.mj_form .item .cont {padding:0; height:auto; width:100%;}
.mj_form .item .cont > ul{display: flex; width:100%; gap:10px;}
.mj_form .item .cont > ul:nth-child(2n){margin:10px 0;}
.mj_form .item .cont > ul > li{flex:1 1 50%;}
.mj_form .item .cont.cel_two > ul > li:last-child {flex:0 0 157px;}
.mj_form .item .cont.cel_three > ul {width:auto;}
.mj_form .item .cont.cel_three > ul > li {flex:0 1 22%}
.mj_form .item .cont.cel_three.birth > ul > li {flex:1 1 33%; font-size:22px; color:#3f3f3f;}
.mj_form .item .cont.cel_three.birth > ul > li input,
.mj_form .item .cont.cel_three.birth > ul > li select {width:85%;}
.mj_form .item .cont.cel_three.w100 {width:100% !important;}
.mj_form .item .cont.cel_three.w100 ul li  {flex:1 1 33%;}
.mj_form .item .tabBox  {margin-top:5px;}
.mj_form .item .cont select {border:1px solid #e4e4e4; border-radius: 10px; height:70px; max-width: none; font-size:22px; font-weight: 300; }
.mj_form .item .cont input[type="text"], .mj_form .item .cont input[type="password"] {width:100%; max-width: none; border:1px solid #e4e4e4; border-radius: 10px; height:70px; color:#000; font-size:22px;}
.mj_form .item .cont button {width:100%; height:70px; text-align: center; border-radius: 10px; font-size:22px;}
.mj_form .item .cont button.active {background:#232323; border:none; color:#fff !important;}
.mj_form .item .cont .sub_btn button.active {background:#232323;}
.mj_form .item .cont .txt {font-size:18px; font-weight: 300; color:#888888; margin-top:10px;}
.mj_form .item .txt_wrap {font-size:22px; font-weight: 500; color:#000000;}
.mj_form .item .txt_wrap b {color:#db082f; font-weight: 500;}
.mj_form .item .txt_wrap > div {margin-top:10px;}
.mj_form .item .txt_wrap > div input[type="radio"].renew + label {color:#666666;}
.mj_form .item .txt_wrap > div ul {display: flex; width:100%; gap:20px; margin:10px 0 0 20px;}

.mypage_layout .btn_wrap_join {margin-top:40px;}
.mypage_layout .s_wrap {font-size:14px; color:#9b9b9b;}
.mypage_layout .s_wrap > ul {display: flex; width:100%; gap:60px;}
.mj_form.mypage {border-top:3px solid #232323 !important; margin-top:10px;}
.mj_form.mypage .item{flex-direction: row; border-bottom:1px solid #e4e4e4; margin:0; padding:10px 0;}
.mj_form.mypage .item .tit, .mj_form.mypage .item .tit2 {width:210px; font-size:16px;}
.mj_form.mypage .item .cont input[type="text"], .mj_form.mypage .item .cont input[type="password"], .mj_form.mypage .item .cont button, .mj_form.mypage .item .cont select {height:36px; font-size:16px; border-radius: 5px;}
.mj_form.mypage .item .cont button {width:max-content; padding:0 20px;}
.mj_form.mypage .item .tabArea  button {min-width: none; width:max-content; padding:0 20px;}
.mj_form.mypage .item .cont.cel_three.w100 {width:80% !important}
.mj_form.mypage .item .tabBox {margin:0;}
.mj_form.mypage .item .txt_wrap {font-size:16px;}

.form-st2{border-top: 1px solid #ccc}
.form-st2 .item{display: table; width: 100%; border-bottom: 1px solid #ccc;}
.form-st2 .item > *{display: table-cell;vertical-align: top;}
.form-st2 .t{width: 205px; padding: 10px 0; word-break: keep-all; color: #000; color: #111}
.form-st2 .cont{padding: 10px 0 10px 5em; color: #333}
.form-st2 .attach{margin-bottom: 1.3em;}
.form-st2 .half{width: 50%; float: left;}

.form-st1 select,.form-st1 input[type="text"],.form-st1 input[type="password"],.join_form .form-st1 input[type="file"]{height: 38px; width: 100%; padding: 0 1em; border-radius: 3px;}
.form-st1 textarea{width: 100%;display: block;padding: 10px; height: 280px; border-radius: 3px;}
.form-st1 .small{max-width:205px}
.form-st1 .mid,.join_form .form-st1 input[type="text"],.join_form .form-st1 input[type="password"],.join_form .form-st1 input[type="file"],.join_form .form-st1 select,.order_w .form-st1 input[type="text"],.order_w .form-st1 select{max-width:350px}
.form-st1 select{padding-left: 10px;}
.form-st1 .add_txt{margin-left: 1.25em; font-size: .87em; display: inline-block; vertical-align: middle;}
.form-st1 .add_txt_b{display: block; margin-top: 10px; font-size: .87em;}
.order_w .form-st1 .add-st1 input[type="text"],.join_form .form-st1 .add-st1 input[type="text"],.freepay_w .form-st1 .add-st1 input[type="text"]{max-width:500px}
.form-st1 .add-st1 .half > input{width: 49%;}

.form-st1 .http{position: relative; padding-left: 3.5em;}
.form-st1 .http .ab{position: absolute; left: 0; top: 0; line-height: 40px;}

.form-st1 .rel{position: relative; padding-right: 150px; display: inline-block;}
.form-st1 .rel button{white-space: nowrap;display: block; width: 140px;height: 100%;position: absolute;right: 0;top:0; text-align: center; border-radius: 3px;}
#payaddbox{border-top: 0 !important;}
.bbs-file{border-bottom: 1px solid #ccc; padding: 20px}
.bbs-file .t{display: inline-block; padding-right: 10px; margin-right: 10px;position: relative;}
.bbs-file .t:after{position: absolute;right: 0;top:50%;width: 1px; height: 10px; background: #b8b8bf; content: ''; margin-top: -5px;}
.bbs-file .ico,.ico-file{display: inline-block; background: url('../img/bbs/file.gif.html') left center no-repeat; padding-left: 20px;}
.bbs-file .ico a:hover,.ico-file:hover a{border-bottom: 1px solid #535353;}

.tel-st1{max-width: 670px}
.tel-st1 .dash,.mail-st1 .dash,.date_form dt,.date_form dd span{text-align: center; line-height: 40px;}
.tel-st1 > *,.tel-st1 select,.tel-st1 input[type="text"]{float: left; width: 31.333333333%}
.tel-st1 .dash{width: 3%;text-align: center}

.mail-st1{max-width: 800px}
.mail-st1 > *{float: left; width: 33%}
.mail-st1 .e1{width: 28%}
.mail-st1 .dash{width: 5%;text-align: center}
.mail-st1 .e3{float: right;}

.add-st1 li{margin-top: 5px;}
.add-st1 li:first-child{margin-top: 0;}
.add-st1 .a1 .rel{width:500px;}
.add-st1 .a1 .l{width: 49%; float: left;}
.add-st1 .a1 .r{width: 49%; float: right;}
.add-st1 input[type="text"]{}

#noneproduct {margin: 20px 0; padding-top: 40px;background:url('https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/common/noneproduct.png') top center no-repeat; }

.auto_w .img{display: inline-block; vertical-align: middle;}
.auto_w .key{display: inline-block; width: 10em !important; vertical-align: middle; margin-left: .5em;}
.auto_w .btn-auto{display: inline-block; padding: 5px 10px; margin-left: .3em;}

.bbs-w_txt{text-align: right; margin-bottom: 10px;}

.allmenu_bg{background: rgba(0,0,0,.5);position: fixed;z-index: 9999;width: 100%;height: 100%;left: 0;top:0;display: none;}
.modal_w{position:relative;top:50%;background: #fff;z-index: 10000;width: 97%;margin: auto;max-height: 97%; transform: translateY(-50%)}
.modal_w.wide{max-width:1024px;transform:translateY(-50%)}
.modal_w.wide2{max-width:870px}
.modal_w .firstClose,#top_sch .first{position:absolute;top:-999px;right:0px;}
.modal_w .firstClose:focus,.firstClose:active,#top_sch .first:focus,#top_sch .first:active{top:0px;}
.pop_close{width: 10em;height: 3em;background: #333;margin: 1.5em auto 0 auto;display: block;color:#fff;font-size: 1.067em;text-align: center;;line-height: 3em;}
.pop-share .modal_w{max-width: 380px; text-align: center; padding: 40px; position: relative;}
.pop-share .pop-t{font-size: 23px; color:#111; margin-bottom: 30px; font-weight: 700; display: block;}
.pop-share .pop-cont button{margin-left: 20px;}
.pop-share .pop-cont button:first-child{margin-left: 0;}
.pop-share .pop-cont img{display: block; margin: 0 auto;}
.pop-share .pop-cont span{display: block; margin-top: 10px;}
.pop-share .close{position: absolute;right: 15px; top:15px; width: 1.2em}
.pop-share .close img{display: block;}

.pop-login{max-width: 415px; padding: 50px;text-align: center; overflow-y: auto;}
.pop-login .txt{font-size: 1.063em;}
.pop-login .txt .big{font-size: 1.353em;}

.textarea-st1{position: relative; padding-bottom: 2.15em;}
.textarea-st1 .ab{position: absolute;right: 5px; bottom: 5px}
.file_m{position: relative; padding-left: 95px; margin: 10px 1em; min-height: 2.15em}
.file_m_w .file_t{position: absolute;left: 0;top:0}

.review-best .tit{font-size: 1.25em; padding: 0 0 30px 10px; margin-bottom: 30px; border-bottom: 3px solid #cecece;}
.review-best .tit .t{font-size: 1.350em; display: block; color: #000; font-weight: 400;}
.review-best .etc{margin-bottom: 1.3em}
.review-best .etc .writer{color: #111; font-weight: 700;}
.review-best .etc .stars{float: right;}
.review-best_dots{margin-top: 40px;}

.review_bg{/*background: #ececec; margin: 80px 0 100px;*/ padding: 50px 0; text-align: center; font-size: 17px; font-size: 1.063rem; color: #000}
.review_bg ul{margin-left: -2%;}
.review_bg li{float: left; width: 23%; margin-left: 2%;}
.review_bg .big{font-size: 1.176em;}
.review_bg .small{font-size: 0.882em;}
.review_bg .ico img{display: block;margin: 0 auto; max-width: 87%}
.review_bg .txt{margin-top: 1.18em;}

.pop-review_write{max-width: 565px; padding: 50px; overflow-y: auto;}
.tit-pop{text-align: center; font-size: 23px; color: #111; text-align: center; margin-bottom: .7em; font-weight: 700;}
.tit-pop.t{margin: 0; padding: 40px; border-bottom: 1px solid #ccc; position: relative;}
.tit-pop.t .close{position: absolute;right: 15px;top:15px;background: url('../images/renew/common/btn-close.png') center center no-repeat; background-size: 100%; white-space: nowrap;overflow: hidden;text-indent: -999px; width: 1em; height: 1em;}
.pop-review_write .form{}
.pop-review_write .form > li{border:1px solid #ccc; margin: 10px;}
.pop-review_write .form > li:first-child{margin-top: 0;}
.pop-review_write .form > li input[type="text"],.pop-review_write .form > li select{border:0; width: 100%;height: 100%; padding: 0 20px; height: 50px}
.pop-review_write .form textarea{border:0; width: 100%; height: 8em; padding: 20px}
.pop-review_write .rel{position: relative;}
.pop-review_write .rel button{position: absolute;right: 0;top:0;width: 6.7em; height: 100%}
.pop-review_write .stars{border:0 !important}
.pop-review_write .stars ul{margin-left: -2%}
.pop-review_write .stars li{float: left; width: 31.3333333333%; margin-left: 2%}
#preview{margin-left: -2%;}
#preview .img{float: left; width: 31.333333333%;margin-left: 2%; position: relative; padding-bottom: 18%; overflow: hidden; background: #000}
#preview .img img{position: absolute;left: 0;top:0;width: 100%;right: 0;bottom:0;margin:auto;}

.pop-review_view{max-width: 929px}

.pop-review_view .box{padding: 40px}
.pop-review_view .imgs{float: left; width: 45.5%; position: relative;}
.pop-review_view .img{position: relative;overflow: hidden;padding-bottom: 100%; }
.pop-review_view .img img{display: block; width: 100%; left: 0;top:0;right: 0;bottom: 0;margin: auto; position:absolute;}
.pop-review_view .thumb{margin: 10px -5px 0;}
.pop-review_view .thumb .img{margin: 0 5px;}
.pop-review_view .cont{float: right; width: 50%}
.pop-review_view .tit{font-size: .938em; padding: 0 5em 1.3em 0; margin-bottom: 30px; border-bottom: 3px solid #cecece; position: relative;}
.pop-review_view .tit .t{font-size: 1.400em; display: block; color: #000; font-weight: 400;}
.pop-review_view .tit .ico-rec{position: absolute;right: 0;top:0; background: url('https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/common/ico-thumb.gif') left center no-repeat; padding-left: 3.3em; line-height: 3em; background-size: 2.87em}
.pop-review_view .tit .ico-rec.on {background: url('https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/goods/ico-thumb.gif') left center no-repeat;}
.pop-review_view .etc{margin-bottom: 1.3em}
.pop-review_view .etc .writer{color: #111; font-weight: 700;}
.pop-review_view .etc .date{margin-left: 5px;padding-left: 10px; position: relative;}
.pop-review_view .etc .date:before{position: absolute;left:0;top:50%;width: 1px;height: 10px; background: #ccc;content: ''; margin-top: -5px;}
.pop-review_view .etc .stars{float: right; font-size: 0;}
.pop-review_view .txt{max-height: 300px; overflow-y: auto; font-size: 1.063em;}

.goods-top{border-top:1px solid #232323; padding:15px 0; line-height: 1.15; font-size: .938em; margin-bottom: 1.5em; display: flex; justify-content: space-between;}
.goods-top .total{color:#888888;}
.goods-top .total strong {color:#df3131; font-weight: 400;}
.goods-top .sort{float: right;}
.goods-top .sort > li{float: left; padding-left: 10px; margin-left: 10px; position: relative;}
.goods-top .sort > li:before{position: absolute;left: 0;top:50%;width: 1px;height: 1em; background: #ccc; content: ''; margin-top: -.5em;}
.goods-top .sort > li:first-child{margin-left: 0; padding-left: 0;}
.goods-top .sort > li:first-child:before{background: none}

.goods_l{display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap:wrap; gap:60px 25px;}

.goods_view_top{ margin-bottom: 10px; display: flex;  align-items: flex-start; justify-content: flex-start;}
.goods_view_top .l{width: 50%;display: flex; gap:10px; justify-content: space-between; flex-direction: column; }
.goods_view_top .r{width: 49%}
.goods_view_top .l .big {position: relative; display: inline-block; width:calc(100% - 140px); border:1px solid #e4e4e4;}
.goods_view_top .l .p_txt {position: absolute; left: 50%; transform: translate(-50%, 0); font-weight: 700; font-size:14px; color:#000;}
.goods_view_top .l .thumb {display: inline-block;}
.goods_view_top .label{font-size: 14px; font-size: 0.875rem; line-height: 1.15;}
.goods_view_top .label span{display: inline-block; border-radius: 3px;padding: 4px; margin-right: 3px;}
.goods_view_top .label span:last-child{margin-right: 0;}
.goods_view_top .top .tit{ font-size: 14px; font-weight: 300; color:#808080}
.goods_view_top .top .tit .small{display: block; margin-bottom:0;}
.goods_view_top .top .tit .t{font-weight: 700; color: #000000; font-size:2.42em; margin-top:25px;}
.goods_view_top .r .txt{color: #000; font-size:14px; font-weight: 300; margin:5px 0 ;}
.goods_view_top .review_w {margin:5px 0 10px 0;  display: flex; justify-content: flex-start; align-items: center; gap:20px;}
.goods_view_top .review_w .stars{border-right:1px solid #e4e4e4; padding-right:20px;}
.goods_view_top .review_w .stars img{vertical-align: sub;margin-right:3px;}
.goods_view_top .review_w .stars span,.goods_view_top .review_w .review{color: #000}
.goods_view_top .review_w .review{position: relative; padding-left: 10px; cursor:pointer;}
/*.goods_view_top .review_w .review:before{position: absolute;left: 0;top:50%;width: 1px;height: 10px; content: ''; background: #ccc; margin-top: -5px;}*/
.goods_view_top .review_w .stars span{margin-left: .3em;}
.price_w{font-size: 1.500em;}
.price_w .price{font-size:20px; font-weight: 900; color:#000;}
.price_w .price span{font-size:16px; display: inline-block; margin-left:7px; vertical-align: text-top;}
.price_w .count{margin-right: 15px; margin-right: .938rem;}
.price_w .through{display: block; font-weight: 300; color:#b4b4b4; text-decoration: line-through;}
.price_w .zc_sellprice{ font-size:18px; }
.goods_view_top .r .top{border-bottom: 1px solid #eeeeee; padding-bottom: 15px; position: relative; margin-bottom: 20px; width:100%;}
.goods_view_top .su_top {display: flex; justify-content: space-between; margin-top:15px; font-size:18px; font-weight: 300; color:#000;}
.goods_view_top .ab{display: flex; align-items: center;}
.goods_view_top .ab button{display: inline-block; vertical-align: middle;}
.goods_view_top .btn-share{background: url('../images/renew/goods/ico-share.png') center center no-repeat; white-space: nowrap;overflow: hidden;text-indent: -999px; width: 18px; height: 21px; margin-left: 30px;}
.goods_view_top .heart {display: flex; flex-direction: column; align-items: center;}
.goods_view_top .heart span {color:#000; font-weight: 400; display: inline-block; width:100%; text-align: center;}
.goods_view_top .btn-heart{background: url('../images/renew/goods/ico-heart.png') left center no-repeat; width:20px; height:21px;}
.goods_view_top .btn-heart_on {background:url('https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/goods/ico-heart_on.gif') left center no-repeat; padding-left: 2.7em; line-height: 2em; width:35px; height:27px;}
.goods_view_top .r .form .clear{font-size: .938em; margin-top: 1em;}
.goods_view_top .r .form .clear:first-child{margin-top: 0;}
.goods_view_top .r .form .clear > ul{display: flex; width:100%; flex-direction: column;}
.goods_view_top .r .form .discountbox > ul{display: flex; width:100%; flex-direction: row;}
.goods_view_top .r .form .clear > ul .tit{flex:0 1 20%;}
.goods_view_top .r .form .clear .w250{width: 100%}
.goods_view_top .r .clear select{height:50px; background: url('https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/goods/selec_arrow.png') 97% center no-repeat #f3f3f3; border:none;}
.top_loc {display: flex; width:100%; justify-content: space-between; margin-bottom:25px; color:#888888; font-size:16px; font-weight: 400;}
.top_loc .loc {display: flex;}
.top_loc .loc li::after {content: url('../images/renew/common/icon-arrow.png'); vertical-align: middle; margin:0 7px ;}
.top_loc .loc li:last-child::after {display: none;}
.macom {}
.maloc {}
.macom ul, .maloc ul, .masel ul {display: flex; width:100%; font-size:16px; color:#000; font-weight: 400; line-height:40px;}
.macom ul .tit, .maloc .tit, .masel .tit {flex:0 1 20%;} 
.masel {padding-bottom:30px; border-bottom:1px solid #eeeeee; margin-bottom:30px;}
.optionview {background: #f5f5f5; padding: 14px 20px; border-radius: 10px;}
.optionview ul li .tem_option_wrap .tem_option_spot .options_qty span.updownbox {flex: 0 0 auto; width: 42px; height: 42px; white-space: nowrap; background:none; border:none; line-height: normal;}
/*
.optionview ul li .tem_option_wrap .tem_option_spot {padding:15px 0 0 0;}
.optionview ul li:first-child .tem_option_spot {padding: 0 0 15px 0;}
.optionview ul li:last-child .tem_option_spot {border:none;}
*/
.goods_footer{margin-top: 30px; font-size: .938em;}
.option_new select{width: 100%; height: 67px; padding-left: 1.3em;}

.qty_w{background: #f5f5f5; padding:14px 20px; border-radius: 10px;}
.qty_w .item{position: relative; display: flex; justify-content: space-between; align-items: center;}
.qty_w .price{font-size:23px; font-weight: 600;}
.qty_w .price strong{font-size: 21px;}
.qty_w .amount_w{display: flex; justify-content: space-between; align-items: center; margin-top: 5px; width:150px;}
.qty_w .amount_w button{flex:0 0 auto;  width: 42px; height: 42px;white-space: nowrap;overflow: hidden;text-indent: -999px;}
.qty_w .amount_w input.ordqty{width:auto; height: 28px; text-align: center; background:transparent; border:none; font-size:20px;}
.optionview ul li .tem_option_wrap .tem_option_spot .options_qty .optordqty{width:105px; float: left;  text-align: center; border:none; background:transparent; font-size:20px; height:42px;}
.optionview ul li .tem_option_wrap .tem_option_spot .options_qty span.btn_optclose {border: none; margin-left: 5px;}
.optionview ul li .tem_option_wrap .tem_option_spot .options_nm {line-height:26px;}
/*.optionview ul li:last-child .tem_option_spot {padding:0;}*/
.qty_w .amount_w .remove{margin-left: 5px;}
.qty_w .amount_w .plus{background-image: url('../images/renew/goods/plus.png')}
.qty_w .amount_w .minus{background-image: url('../images/renew/goods/minus.png')}
.qty_w .amount_w .remove{background-image: url('https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/goods/remove.gif');border:1px solid #ccc}
.qty_w .amount{float: left;}

.goods_total{text-align: left; margin: 30px 0; font-size:22px; font-weight: 700; color:#000; display: flex; justify-content: space-between; align-items: center;}
.goods_total .su_price{font-size:30px; color:#e61328;}
.goods_total strong span{font-size: 36px;}
.goods_total .sale_p {font-size:20px; font-weight: 500; color:#6C6C6C; margin-left:10px; text-decoration: line-through;}
.goods_total .sale_p.perc{text-decoration: auto;}
.goods_point_total{text-align: left; margin-bottom: 30px; font-size: 20px; font-weight: 900; color: #000}
.goods_point_total strong span{font-size: 28px; color:#db082f; font-weight: 900;}
.goods_btns .btn-half .cart,.goods_btns .btn-half .buy{width: 49%}
.goods_btns .btn-half .cart{float: left;}
.goods_btns .btn-half .buy{float: right;}
.goods_btns .btn-half .w100{width: 100% !important}
.goods_btns .btn-half button{height: 65px; font-size: 1.125em;}
.goods_btns .btn-three{display: flex; gap:10px;}
.goods_btns .btn-three .cart {background:#232323; color:#fff;}
.goods_btns .btn-three button{height: 60px; width:33.333%; font-size:22px; font-weight: 700;}
.goods_btns .naver_pay{float: right; margin-top: 30px;}
.goods_btns .naver_pay img{display: block;}

.max_limit { font-size: 15px !important; color: #606060 !important; font-weight: normal; }

.tabs-goods > ul {font-size: 18px; text-align: center; display: flex;}
.tabs-goods li{flex:1 1 33.3333%;}
.tabs-goods a{display: block; padding: 1em 0; position: relative; color:#999999; background: #f5f5f5; width:100%; height:100%;}
.tabs-goods .active a {color: #fff; background:#f04768; }

.tab_cont_w .tab_cont{padding-top:55px; margin-bottom:60px;}
.tab_cont_w .tab_cont .tit-st2 {margin-top: 30px;}

/*.goods-rel{margin-top: 140px;}*/

.review_w .top{font-size: 1.375em; position: relative; margin-bottom: 1.364em;}
.review_w .ab{position: absolute;right: 0;top:50%; transform: translateY(-50%);}

.goods_reivew{border-top: 1px solid #ccc;}
.goods_reivew .item{border-bottom: 1px solid #ccc; padding: 50px 0}
.goods_reivew .stars{font-size: 0;}
.goods_reivew .stars .date{position: relative; font-size: 15px; font-size: .938rem; font-size: .938rem; margin-left: 1em;}
.goods_reivew .writer{margin: 10px 0 30px; font-size: 15px; font-size: .938rem; font-size: .938rem}
.goods_reivew .writer span{position: relative; padding-left: 10px; margin-left: 10px; color: #666}
.goods_reivew .writer span:before{position: absolute;left: 0;top:50%; width: 1px; height: 1em; background: #bfbfbf; content: ''; margin-top: -.5em;}
.goods_reivew .photo .img{position: relative; border:1px solid #ccc; margin-right: 3px; width: 140px; height: 140px;overflow: hidden; float: left;}
.goods_reivew .photo .img img{position: absolute;left: 0;top:0;right: 0;bottom: 0;margin: auto;width: 100%}
.goods_reivew .cont{margin-top: 30px;}
.goods_reivew .cont .t{display: block; margin-bottom: 10px; font-size: 17px; font-size: 1.063rem;}
.goods_reivew .cont .btn-rec{margin-top: 2.5em;}

.btn-rec{background: url('https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/common/ico-thumb.gif') left center no-repeat; padding-left: 3em; line-height: 2.7em;}
.btn-rec.on{background: url('https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/goods/ico-thumb.gif') left center no-repeat;}

.goods_view_top .big .in{padding-bottom: 100%}
.goods_view_top .in{position: relative; overflow: hidden;}
.goods_view_top .in img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto; max-height: 100%; max-width: 100%; cursor:pointer; width:50%;}
.goods_view_top .thumb {height:140px; width:140px; position: relative;}
.goods_view_top .thumb .in {width:138px; height:130px;}
.goods_view_top .thumb .slick-slide {border:1px solid #dddddd; background:#fafafa;}
.goods_view_top .thumb .slick-slide.slick-active {border:1px solid #f04869;}
.goods_view_top .thumb .slick-list {height: 140px !important}
.goods_view_top .thumb .slick-slide {margin-bottom: 10px; box-sizing: content-box;}
.goods_view_top .thumb .slick-arrow{position: absolute;width: 11px;height: 100%; background: url('') center center no-repeat; top:0; z-index: 1}
.goods_view_top .thumb .prev{left: 0; background-image: url('https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/goods/prev.gif')}
.goods_view_top .thumb .next{right: 0; background-image: url('https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/goods/next.gif')}

.goods_s{margin: 0 -8px;}
.goods_s .s_w{margin: 0 20px;}
.goods_s .in{margin: 0 10px; position: relative;}
.goods_s .slick-dots{margin-top: 40px;}

.main-formula .top{background-color: #d3d6e5; font-size: 1.125em; margin-bottom: 100px;}
.main-formula .top .inner{background: url('https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/bbs/formula.jpg') center bottom no-repeat; padding-top: 80px; padding-bottom: 80px;}
.main-formula .top .small{font-size: 13px; display: inline-block; padding: 0.615em 2.308em; line-height 1.15;}
.main-formula .top .big{font-size: 25px; font-size: 1.563rem; margin: 0.800em 0 1.200em; font-weight: 900; color: #000; display: block; font-family: 'Nanum Square';}

.formula_month{background: #eceade; padding: 30px}
.formula_month .test{position: relative;}
.formula_month .test img{display: block; margin: 0 auto; width: 100%;}
.formula_month .test .iframe{position: absolute;    left: 7%;
    bottom: 6%;
    width: 19%;
    height: 55%;}
.formula_month .test .iframe iframe{width: 100%; height: 100%; display: block;}
.formula_mid{/*background: #f2dcdb;*/ padding: 50px 0; background: url('https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/bbs/formulabook_bg.jpg') right bottom no-repeat; background-color: #f2dcdb;}
.formula_mid .rel{position: relative;}
.formula_mid .txt{position: relative; font-size: 25px; font-size: 1.563rem}
.formula_mid .ab{position: absolute;right: 0;top:50%; transform: translateY(-50%);}

.survey-st1{position: relative;}
.survey-st1 .ab{position: absolute;right: 0;top:0}
.survey-st1 ul{font-size: 0;}
.survey-st1 li{float: left; margin-left: 40px;}
.survey-st1 li:first-child{margin-left: 0;}
.survey-st1 label{margin-left: 3px;}

.bbs-formula_w{margin: 0 -15px;}
.bbs-formula .in{margin: 0 15px; border:1px solid #ccc}
.bbs-formula .img{position: relative; padding-bottom: 50%; overflow: hidden; border-bottom: 1px solid #ccc;}
.bbs-formula .img img{position: absolute;left: 0;top:0; right: 0;bottom: 0;margin: auto; width: 100%}
.bbs-formula .img a{display: block}
.bbs-formula .cont{padding: 20px; position: relative;}
.bbs-formula .cont .tit{margin-bottom: 1.25em;}
.bbs-formula .cont .t{font-size: 19px; font-size: 1.188rem; color: #000; font-weight: 400; line-height: 1.15;}
.bbs-formula .cont .etc{font-size: 14px; font-size: 0.875rem; margin-top: 10px;}
.bbs-formula .cont .stars{font-size: 0;}
.bbs-formula .cont .btn{position: absolute;right: 20px; bottom: 20px; display: inline-block;padding: 5px 10px; line-height: 1.15;}

.bbs-formula.bbs{margin-left: -2%;}
.bbs-formula.bbs > li{float: left; width: 31.3333333333333%;margin: 0 0 2% 2%;}
.bbs-formula.bbs .in{margin: 0;}

.bbs-brand{margin-left: -2%; display: -webkit-flex;
display: -ms-flex;
display: flex; flex-wrap:wrap}
.bbs-brand > li{width: 31.3333333333%;margin: 0 0 2% 2%; border:1px solid #ccc; float: left;}
.bbs-brand .img{position: relative; padding-bottom: 53%; overflow: hidden; border-bottom: 1px solid #ccc; background: #000}
.bbs-brand .img img{position: absolute;left: 0;top:0; right: 0;bottom: 0;margin: auto; width: 100%}
.bbs-brand .cont{padding: 20px; position: relative;}
.bbs-brand .cont .t{font-size: 19px; font-size: 1.188rem; color: #000; font-weight: 400; display: block; line-height: 1.15; margin-bottom: 10px;}
.bbs-brand .cont .tit{padding-right: 3em;}
.bbs-brand .cont .etc{font-size: 14px; font-size: 0.875rem; margin-top: 10px;}
.bbs-brand .cont .tit .date{font-size: 14px; font-size: 0.875rem}
.bbs-brand .cont .ico-heart{position: absolute;right: 20px; top:50%; transform: translateY(-50%); background: url('https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/bbs/ico-heart.gif') center top no-repeat; padding-top: 2em; width: 2.35em; color: #666; font-size: .938em; background-size: 2em}
.bbs-brand .cont .ico-heart.active{background-image: url('https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/bbs/ico-heart_o.gif')}

.junbijung{text-align: center; font-size: 2em; padding: 3.5em 0; color: #000}

.join_steps{font-size: 0;text-align: center; margin-bottom: 50px;}
.join_steps li{padding-left: 28px;background: url('https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/member/steps.gif') left center no-repeat;margin-left: 20px; display: inline-block;font-size: 15px; font-size: .938rem;font-size: .938rem;}
.join_steps li.a{background-image: url('https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/member/steps_on.gif')}
.join_steps li:first-child{padding-left: 0;background: none;margin-left: 0;}
.join_steps .icon{width: 40px;height: 40px;border-radius: 50%;position: relative;background: #f0f0f0;display: inline-block;margin-right: 10px;vertical-align: middle;}
.join_steps .on .icon{background: #000;color: #000}
.join_steps .icon img{left: 0;top:0;right: 0;bottom: 0;position: absolute;margin: auto;display: block;}

.agree_box_w .agree-st1{text-align: right;margin-top: 1.3em;}
.agree_box_w .agree-st1 input{margin-right: 3px;     vertical-align: text-bottom;}
.agree_box_w .box{border:1px solid #ccc; padding: 30px; height: 300px; overflow-y: auto; text-align: left;}
.agree_box_w .group{margin-top: 50px;}
.agree_box_w .group:first-child{margin-top: 0;}

.login_wrap_renew .group .box .se1_inputarea br {display: none;}

.agree-st1{color: #111}
.agree-st1 input{margin-right: 3px;     vertical-align: text-bottom;}

.join_type{margin-top: 50px; text-align: center;}
.join_type .ck_w{font-size: 17px; font-size: 1.063rem; border-top:1px solid #000; border-bottom: 1px solid #ccc; padding: 20px 0}
.join_type .ck_w span{display: inline-block; margin-left: 2.4em;s}
.join_type .ck_w span:first-child{margin-left: 0;}
.requirement:before{content: '*'; color: red}
.birth .mid,
.birth .ck_w{display: inline-block; vertical-align: middle;}
.birth .ck_w{margin-left: 1em;}
.form-st1 .ck_w label,.ck_type label{margin-right: 1em;}
.form-st1 .ck_w label:last-child,.ck_type label:last-child{margin-right: 0;}
.ck_type label{margin-left: 3px;}

.join_form{}
.join_form .form-st1{border-top: 0;}

.join_complete .box{}
.join_complete .box .t{font-size: 1.5em; font-weight: 700; color: #000; margin-bottom: 10px;}

.spot_spot_btnmypage{position: absolute; left: 0;top:100%; background: #fff; border:1px solid #ccc; padding:10px; z-index: 1; white-space: nowrap; display: none; text-align: left;}

.ovx {flex:1 1 auto;}

.cart_foot{font-size: 16px}
.cart_foot > ul {display: flex; flex-direction: column;}
.cart_foot ul{width:360px; background: #f3f3f3; text-align: center;line-height: 1.15; border-radius: 10px; padding:50px 40px; margin-left:40px;}
.cart_foot li{display: flex;  justify-content: space-between; align-items: center; padding-bottom:10px;}
.cart_foot h3{font-weight: 500; color:#000;}
.cart_foot li div {font-size:18px; color:#000;}
.cart_foot li div span,.cart_foot li div strong{font-size: 22px; font-weight: 800; color:#000;}
/*.cart_foot li:before{position: absolute;width: 32px;height: 32px;content: '';margin-left: -16px;left: 0;bottom:0;z-index: 1;}*/
.cart_foot li.sale:before{background: url('../images/renew/goods/minus.png') center center no-repeat}
.cart_foot li.ship:before{background: url('../images/renew/goods/plus.png') center center no-repeat}
.cart_foot li.total:before{background: url('https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/goods/equal.png') center center no-repeat}
.cart_foot .txt{text-align: right;margin-top: 15px;font-size: 13px}
.cart_foot li.total{padding-top:30px; margin-top:30px; border-top:1px solid #dcdcdc;}
.cart_foot li.title{font-size:20px; color:#000; margin-bottom:20px;}
.cart_foot li.title h3{font-weight: 800;}
.cart_foot li.title span{color:#db082f;}
.cart_foot li.coupon h3, .cart_foot li.coupon div,  .cart_foot li.coupon span, 
.cart_foot li.point h3, .cart_foot li.point div, .cart_foot li.point span {color:#666666; font-size:16px; font-weight: 300;}
.cart_foot li.coupon h3,
.cart_foot li.point h3 {padding-left:20px;}
.cart_foot li.coupon::before,
.cart_foot li.point::before {content: ''; width:9px; height:9px; border-left:1px solid #a6a6a6; border-bottom:1px solid #a6a6a6; vertical-align: middle; position: absolute;}
.cart_foot .btn_set {display: flex; flex-direction: column; margin-left: 40px; gap:10px; margin-top:30px;} 
.cart_foot .btn_set.displaynone {display:none} 

.gradeinfo_new{width: 100%;background: #f1f1f1;padding: 17px 40px; border-radius: 10px; margin-bottom:66px; margin-top:25px;}
.gradeinfo_new .grade .top{font-size: 1.125em; color: #000; line-height: 1.15; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc;}
.gradeinfo_new .grade .top .big{display: block; margin-top: 10px; font-size: 52px; line-height: 1;}
.gradeinfo_new .order {display: flex; width: 100%; } 
.gradeinfo_new .order .item{display: flex; width: 100%; flex-direction: column; align-items: center;}
.gradeinfo_new .order .item:first-child{align-items: flex-start; flex-direction: row; align-items: center; }
.gradeinfo_new .order .ci{font-weight: 500; color:#000; font-size:18px;}
.gradeinfo_new .order .vls{color:#000; font-size:22px;}
.gradeinfo_new .order .number{color: #000; font-weight: 700; font-size: 24px;}
.steps-mypage{text-align: center; background: #f7f7f7; border-top: 1px solid #000; border-bottom: 1px solid #ccc; padding:25px 0; color: #111}
.steps-mypage > li{float: left; width: 20%; position: relative;}
.steps-mypage > li:before{position: absolute;left: 0;top:0; width: 1px; height: 100%; content: ''; background: #ccc}
.steps-mypage > li:first-child:before{background: none}
.steps-mypage > li > *{display: block;}
.steps-mypage > li strong a {position: relative;}
.steps-mypage > li strong a::after {content: ''; width:100%; position: absolute; height:2px; bottom:0; left:50%; transform: translate(-50%,0); background:#000;}
.steps-mypage strong{margin-top: 10px; font-size: 39px; line-height: 1;}
div.topinfo_area{position: relative; margin-bottom: 50px; max-width: 1600px;}
#lo_main{position: relative; max-width: 1600px; }
div.leftmenu_layout{}
#lo_main.my{padding-bottom: 100px;}
#left_menu.main{ top:224px; padding-left:20px;}
#left_menu.sub {position: relative; text-align: left; }
#left_menu{float: left; width: 240px; position: absolute; top:-6px; }
.orderinfo_new{float: right; width: 100%; max-width: 1440px;}
.mypage_layout{float: right; width: calc(100% - 240px); max-width: 1440px; min-height: 510px; padding-right:20px;}
.mypage_layout.poplayout {width:100%}
.my .pop-add{float: right; width:calc(100% - 240px); max-width: 1440px; min-height: 510px;}

.orderinfo_new {width: calc(100% - 240px);}
.orderinfo_new .tit-st4 {font-size:24px; font-weight: 500; color:#000;}
.mypage_layout .bbs-btn_w{margin-top: 1.5em;}
.mypage_layout .b_txt{font-size:30px; color:#000; margin-bottom:11px; font-weight: 700;}
.mypage_layout .s_txt{display: block; margin-bottom:20px; }
.mypage_layout .s_txt b{color:#df2648;}
.mypage_layout .state {position: relative; width:100%; margin-bottom:45px;}
.mypage_layout .state ul {display: flex; width:100%; flex-wrap: nowrap; gap:30px;}
.mypage_layout .state ul li {font-size:16px; color:#999999;}
.mypage_layout .state ul li.active {color:#000000; text-decoration: underline;}
div.mypage_layout > div.order_search_area > div.content {padding:0 0 23px 0;}
div.mypage_layout > div.order_search_area > div.content .rel-btn_w {margin:0;}
div.mypage_layout  div.content .rel-btn_w {display: flex; gap:5px; margin:0;}
div.mypage_layout  div.content .a_left  input {width:170px; border:1px solid #e4e4e4; border-radius: 3px; height:38px !important; font-size:14px; padding:0 10px; color:#3f3f3f;}
div.mypage_layout  div.content .rel-btn_w input {border:1px solid #e4e4e4; border-radius: 3px; height:38px !important; font-size:14px; padding:0 10px;}
div.mypage_layout  div.content .rel-btn_w .a {position: relative; height:38px; border-radius: 3px; background:#232323; color:#fff; font-size:14px; font-weight: 500; width:108px;}


.cal_new {display: flex; border:1px solid #e4e4e4; border-radius: 3px;}
.cal_new li {border-right:1px solid #e4e4e4;}
.cal_new li:last-child {border:none;}
.cal_new button {border:none; height:38px; width:94px; background:#f6f6f6; font-size:14px; color:#3f3f3f;}
.cal_new li:first-child button {border-radius: 3px 0 0 3px;}
.cal_new li:last-child button {border-radius: 0 3px 3px 0;}
.cal_new li.active button {background:#232323; color:#fff;}
.cal_icon {position: relative; color:#3f3f3f;}
.cal_icon img {position: absolute; right:10px; top:12px;}
div.mypage_layout > div.order_search_area > div.content .sel {width: auto; height: 38px !important; font-size: 14px; padding: 0 10px; border: 1px solid #e4e4e4;}

.group_my{}
.bbs-list.group_my table {border-top:3px solid #000000;}
.bbs-list.group_my th {padding: 18px 0;}
.bbs-list.group_my th, .bbs-list.group_my td {font-size:18px; font-weight: 400; border-bottom:1px solid #e4e4e4; color:#000;}
.bbs-list.group_my td {padding:25px 0; font-size:16px;}
.nodata {display: flex; flex-direction: column; gap:5px; justify-content: center; align-items: center; width:100%;}
.group_my .s_txt{font-size:14px; color:#666666; text-align: center; margin-bottom:30px; font-weight: 500;}
div.mypage_layout > div.order_search_area > div.serachtitle{font-size:14px; color:#666666; text-align: center; margin-bottom:30px; font-weight: 500;}

.mypage_circle{margin: 0 0 1.5em 0; text-align: center;}
.mypage_circle li{display: inline-block; width: 150px; height: 150px; border-radius:50%; vertical-align: middle; margin: 0 1.5em; color: #fff; font-size: 1.25em; font-weight: 700; box-shadow: 3px 3px 10px rgba(0,0,0,.18)}
.mypage_circle a{display: table;width: 100%; height: 100%;border-radius: 50%}
.mypage_circle span{display: table-cell;vertical-align: middle;}
.mypage_circle .c1 a{background: #fa5b4d}
.mypage_circle .c2 a{background: #c0c0c0}
.mypage_circle .c3 a{background: #9bb0e1}

.td_no-data{padding: 3.5em 0}
.group_my .cart_foot li{width: 50%}

.btn_wrap_join {}
.btn_wrap_join ul {display: flex; width:100%;  justify-content: center; gap:10px;}
.btn_wrap_join ul  li button{width: 220px;}

.bbs-top-st1{margin-bottom: 1em;}
.bbs-top-st1 select{width: 6.7em; height: 2.4em; margin-right: .3em; padding-left: 10px;}
.bbs-top-st1 select:last-child{margin-right: 0;}
.bbs-top-st1 span{margin-right: .3em;}

.freepay_w .tel-st1{display: inline-block; vertical-align: middle;}

.qna_a {display: flex; flex-wrap: nowrap;}

.mypage_txt{text-align: center; padding: 3em 0; background: #f1f1f1; margin: 1.5em 0;}

.radio_w-st1 span{margin-left: 5px; display: inline-block;}
.radio_w-st1 span:last-child{margin-right: 0;}

.paging_w.mb{margin-bottom: 1.5em;}

.grade_w .bbs-list img{width: 30px; display: block; margin: 0 auto;}

.dropout .box{padding: 30px; border:3px solid #ddd; margin-bottom: 1.5em;}
.bul-decimal{list-style: decimal;margin-left: 1em;}
.bul-decimal > li{margin-top: .3em; list-style: decimal}
.bul-decimal > li:first-child{margin-top: 0 !important;}
.bul-dash > li,.bul-dash > dd{position: relative;padding-left: .8em;margin-top: .3em;}
.bul-dash > li:before,.bul-dash > dd:before{position:absolute;left: 0;top:0;content:'-'}
.bul-dash > li:first-child,.bul-dash > dd:first-child{margin-top: 0 !important;}
.bul-mark > li,.bul-mark > dd{position: relative;padding-left:1.15em;margin-top: .3em;}
.bul-mark > li:before,.bul-mark > dd:before{position:absolute;left: 0;top:0;content:'※'}
.bul-mark > li:first-child,.bul-mark > dd:first-child{margin-top: 0 !important;}

.shop_guide_new{margin-top: 50px; border:4px solid #333 ; padding: 1.5em}
.total-sch .top{margin-bottom: 3.889em;}
.total-sch .form{position: relative; /*padding: 0 70px 0 310px;*/height: 70px; width: 50%; margin: 0 auto;}
.total-sch .form select{width: 300px;position: absolute;left: 0;top:0;padding-left: 1.111em;}
.total-sch .form .submit{position: absolute;right:0;top:0;width: 70px; height: 100%; background: #333 ; color: #fff}
.total-sch .form select,.total-sch .form input{border:2px solid #333 ;}
.total-sch .form select,.total-sch .form input,.total-sch .form button{height: 100%}
.total-sch .form input{width: 100%;padding: 0 1.111em}
.sch_filter{margin-top: 1em;}

.login_form{max-width:640px; margin: 0 auto;}
.login_form .form li{overflow: hidden; margin-bottom:10px;}
.login_form .form input{height:86px; border:0; width: 100%; padding: 0 1.25em; background:#f6f6f6; border:1px solid #e4e4e4; border-radius: 10px;}
.login_form .form input::placeholder {font-size:22px; color:#a0a0a0; font-weight: 400;}
.btn-login{margin-top:10px; font-size:22px; font-weight: 600; height:86px; width: 100%; border-radius: 10px;}
.find_idpw .group{margin-top: 50px;}
.find_idpw .group:first-child{margin-top: 0;}
.find_idpw .txt{margin-top: 1.3em; text-align: left;}
.find_idpw .tite {font-size:18px; text-align: left; font-weight: 600; display: block; margin:30px 0 15px 0;}
.find_idpw .btn-login {margin:30px 0 15px 0;}

.login_new{max-width: 1324px;margin: 0 auto;}
.login_new .etc{font-size: 0; text-align: center; margin: 20px 0 30px;}
.login_new .etc span{display: inline-block; font-size:15px; font-size: .938rem; position: relative; margin-left: 10px; padding-left: 10px; color: #333}
.login_new .etc span:before{position: absolute;left: 0;top:50%; margin-top: -5px; width: 1px; height: 10px; background: #ccc; content: ''}
.login_new .etc span:first-child{margin-left: 0; padding-left: 0;}
.login_new .etc span:first-child:before{background: none}
.login_new .l{float: left;}
.login_new .r{float: right;}
.login_new > *{width: 50%; padding: 0 60px}
.login_new .txt{margin: 20px 0 30px;text-align: center;}
.login_new .non{padding: 70px 0; text-align: center;}
.login_new .non a{display: block; width: 100%; height:67px; line-height: 67px; font-size: 1.25em; border:1px solid #000; text-align: center;margin: 1em auto 0; color: #000;}
.login_new .login_sns{text-align: center; font-size: 14px; font-size: 0.875rem;}
.login_new .login_sns > li{float: left; width: 50%; position: relative;}
.login_new .login_sns > li:before{position: absolute; width: 1px;height: 1em; margin-top: -.5em; content: ''; background: #ccc; top: 50%; left: 0}
.login_new .login_sns > li:first-child:before{background: none}
.login_new .login_sns a{display: block; background: url('') top center no-repeat; padding-top: 91px;}
.login_new .login_sns .kakao{background-image: url('https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/member/kakao.gif')}
.login_new .login_sns .facebook{background-image: url('https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/member/facebook.gif')}
.login_new .login_sns .naver{background-image: url('https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/member/naver.gif')}
.formula_view,.sub_com{padding-top: 20px;}
.formula_view .top img{display: block;}

#left_menu .group{margin-top: 1.8em;}
#left_menu .group:first-child{margin-top: 0}
#left_menu .t{font-size: 30px; color: #000; font-weight:600; margin-bottom: 20px;}
#left_menu .group > ul > li{margin-top: 10px; font-size:18px; line-height: 26px; color:#000000;}
#left_menu .group > ul > li > .dep2{margin-top: .3em; line-height: 15px; color:#000000; }
#left_menu .group > ul > li > .dep2 > a{margin-left: .4em; font-size: 13px;}
#left_menu a {color:#000000;}
#left_menu a.btn_gray_small {margin-left:20px;}
/*#left_menu .group > ul > li:first-child{margin-top: 0;}*/
#left_menu .depth{font-size: .938em; margin-top: .27em;}
#left_menu .depth > li{margin-top: .3em;}
#left_menu .depth > li:first-child{margin-top: 0;}


/*FAQ*/
.vat_board {}
.vat_board .top_sech > ul {display: flex; justify-content: center; align-items: center; gap:10px; width:100%; position: relative;}
.vat_board .top_sech li:first-child {width:100%;}
.vat_board .top_sech li.sel {width:270px;}
.vat_board .top_sech select {display: block; width:100%; height:52px; border:2px solid #d2d2d2; padding:0 34px; width:100%; border-radius: 50px;}
.vat_board .top_sech input {display: block; width:100%; height:52px; border:2px solid #d2d2d2; padding:0 34px; width:100%; border-radius: 50px; color:#000;}
.vat_board .top_sech input::placeholder {color:#a0a0a0}
.vat_board .top_sech .search_btn {position: absolute; right:20px; top:20px;}
.vat_board .top_sech .search_btn button {border:none; background:none; width:45px;}
.vat_board .top_sech .search_btn button img{vertical-align: middle;}
.vat_board .faq_tab {}
.vat_board .faq_tab ul {display: flex; justify-content: space-between; gap:6px;}
.vat_board .faq_tab ul > li.faqtab {border: 1px solid #232323;  flex: 1 0 auto; font-size:16px; font-weight: 500; padding:14px 0; height:auto; border-radius: 5px; color:#000000; text-align: center;}
.vat_board .faq_tab ul > li.faqtab.active {border: 1px solid #000; background:#232323; color:#fff;}
.vat_board {display: inline-block; width:100%; vertical-align: top; margin-top: 55px;}
.vat_board.coment {margin:0; width:100%;}
.vat_btn {display: inline-block; float:right;}
.vat_btn .btn-adm {font-size:16px; font-weight: 500; padding:10px 55px; border-radius: 30px; width: auto; height:auto;}
.btn-bbs_w.vat_btn {display: block; width:100%;}

/*장바구니*/
.cart_new {display: block; min-height:530px; /*margin-bottom:360px;*/}
.cart_new .sub_top {position: relative; width:100%; display: block;}
.cart_new .sub_top h2.tit-st1 {margin-bottom:20px;}
.cart_new .sub_top .step {display: flex; gap: 20px; font-size:1.25em; font-weight: 600;  color:#999999; margin-bottom:30px;}
.cart_new .sub_top .step .active {color:#000000}
.cart_new .sub_top .step li{margin-right:30px;}
.cart_new .sub_top .step li.active::after {content: url('../images/renew/common/cart_arrow_on.png')}
.cart_new .sub_top .step li::after {content: url('../images/renew/common/cart_arrow.png'); display: inline-block; position: relative; right:-23px; vertical-align: middle;}
.cart_new .sub_top .step li:last-child::after {display: none;}

.down_w li{background: url('https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/common/ico-down.gif') right center no-repeat; margin-top: .3em;}
.down_w li:first-child{margin-top: 0;}
.down_w a:hover{text-decoration: underline;}
.tab_cont_w .mt{margin-top: 40px;}

.page_join .top{font-size: 1.25em; text-align: center;}
.page_join .top .big{font-size: 2em; color: #262626; line-height: 1.15; margin-bottom: .67em; font-weight: 400; display: block; letter-spacing: -0.067em;}
.join_ico_w{margin: 50px auto 80px; text-align: center; color: #262626; font-size: 1.063em; max-width: 575px}
.join_ico{margin-left: -5%;}
.join_ico li{float: left; width: 28.33333333333333%; margin-left: 5%;}
.join_ico .ico img{display: block;margin: 0 auto;}
.join_ico .txt{margin-top: 1.176em;}
.join_ico .txt > *{display: block;}
.join_ico strong{font-size: 1.176em}
.join_bot_w{max-width:1218px; margin: 0 auto; text-align: center; margin-top:60px;}
.join_bot{margin-left: -3%;}
.join_bot > li{float: left; width:calc(50% - 38px); margin-left: 3%; border-top: 1px solid #2b2b2b; padding: 50px 0}
.join_bot .t{font-size: 1.438em; display: block; color: #262626}
.join_bot .txt{font-size: 1.063em; margin: 20px 0 30px;}
.join_bot .btn{max-width: 207px; display: block; width: 100%; line-height: 3.056em; font-size: 1.125em;margin: 0 auto;}
.join_bot .kakao{margin-top: 7px;}
.join_bot .naver{background: #2db400; color: #fff}
.join_bot .naver span{background: url('https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/member/naver.png') left center no-repeat; padding-left: 1.87em; display: inline-block;}
.join_bot .kakao{background: #fae301; color: #381e1f}
.join_bot .kakao span{background: url('https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/member/kakao.png') left center no-repeat; padding-left: 1.87em; display: inline-block;}

.bbs-faq{border: 1px solid #111;border-bottom: 0;}
.bbs-faq .item{border-bottom: 1px solid #111;}
.bbs-faq .q{display: table; width: 100%;height: 110px;font-size: 1.25em;padding: 0 60px}
.bbs-faq .q > span{display: table-cell;vertical-align: middle;}
.bbs-faq .num{width: 150px}
.bbs-faq .sort{width: 150px}
.bbs-faq .a{border-top: 1px solid #000;padding: 60px;font-size: 0.875em;background: #f7f7f7;display: none;}
.bbs-faq .t{color: #111;font-weight: 700;background: url('https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/bbs/faq.png') right center no-repeat;padding-right: 3.5em;}
.bbs-faq .t a{display: block;}
.bbs-faq .active .t{color: #ff0066 !important;background-image: url('https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/bbs/faq_on.png')}
.bbs-faq .active .t a{display: block;}

.memtype_cor input{height: 40px}
.memtype_cor .tel-st1{margin: 0 auto; max-width: 315px}

.btn-modify{font-size: 13px; display: inline-block; padding: 3px 5px}

#cartitem .bbs-list tr:hover{background: none !important}

/* 회원가입 */
.member_join {max-width:640px; width:100%; margin:0 auto;}

.login_wrap_renew {text-align: center;}
.login_wrap_renew .login_wrap {display: inline-block; width:100%; max-width:640px; margin:0 auto; margin:0 0 120px 0;}
.login_wrap_renew .join_wrap {display: inline-block; width:100%; max-width:640px; margin:0 auto; position: relative;}
.login_wrap_renew .all_btn {width:100%; height:100%; font-size:18px; border:1px solid #e4e4e4; border-radius: 10px; font-weight: 700; color:#232323}
.login_wrap_renew .all_btn.active {border:1px solid #000; background:#232323;}
.login_wrap_renew .all_btn.active button {color:#fff;}
.login_wrap_renew .all_btn button {width:100%; height:100%;padding:30px 0; font-size:20px;}
.login_wrap_renew .tab_menu > ul {position: relative; font-size:0;border-bottom:2px solid #1a1a1a;text-align: left ;  }
.login_wrap_renew .tab_menu > ul > li {display: block; border-radius: 10px 10px 0 0; font-weight: 600; padding:24px 0 28px 0; width:50%; color:#000; font-size:30px; height: 84px; vertical-align: middle;}
.login_wrap_renew .tab_menu > ul::after {content:''; background:url(https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/member/login_logo.png) no-repeat; display: inline-block; position: absolute; right:0; top:50%; width:126px; height:21px;}
.login_wrap_renew .tab_cont {display: none; padding:20px 0 0 0;}
.login_wrap_renew .tab_cont.active {display: block;}
.login_wrap_renew .tab_cont .form input {width:100%; padding:28px; font-size: 22px; background:#f6f6f6; border:1px solid #e4e4e4; border-radius: 10px;}
.login_wrap_renew .tab_cont .etc {display: flex; justify-content: space-between; font-size:16px; font-weight: 300; color:#1a1a1a; margin:20px 0;}
.login_wrap_renew .tab_cont#tab2 .etc {padding-top:20px;}
.login_wrap_renew .tab_cont .txt {padding:50px 0; font-size:16px; color:#666666; line-height: 26px;}
.login_wrap_renew .tab_cont .login_sns { }
.login_wrap_renew .tab_cont .login_sns li {margin-bottom:10px; text-align: left;}
.login_wrap_renew .tab_cont .login_sns li span {text-align: center; border-right:1px solid #e9e9e9; width:70px; padding: 12px 0; display: inline-block; margin-right:10px;}
.login_wrap_renew .tab_cont .login_sns a {border:1px solid #e9e9e9; border-radius: 10px; display: block; width:100%;}
.login_wrap_renew .spot_divflag button::after {content: ''; width: 8px; height: 11px; display: inline-block;  background: url(https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/common/arrow_icon.png) no-repeat; position: absolute; right: 20px; top: 26px;}
.spot_divflag {background:#f3f3f3; padding:50px 55px; border-radius: 10px; display: none !important;}
.spot_divflag .txt {margin:0 20px; width:100%; text-align: left;}
.spot_divflag .txt::before {content: url('https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/member/icon_jointxt.png'); vertical-align: top;}
.spot_divflag .txt ul {display: inline-block; margin: 8px 0 0 10px; font-size:14px; font-weight: 300; line-height: 22px;}
.spot_divflag .txt ul li:first-child {margin-bottom:20px;}
.spot_divflag .btn_mauth {width:100%; font-size:18px; font-weight: 700; color:#232323; background:#fff; border:1px solid #e4e4e4; padding:15px 0; border-radius: 10px; margin-bottom:20px;}

/**************************** 회원가입 **************************************/
.login_wrap_renew .group .tit-st2 {text-align: left; font-size:26px; font-weight: 700; margin-bottom: 21px;}
.login_wrap_renew .group .box {font-size:14px; font-weight: 300; line-height: 28px; background:#f6f6f6; border:none; border-radius: 10px; padding:30px;}
.login_wrap_renew .agree_box_w .agree-st1 {text-align: left; margin:30px 0 10px 0; color:#666666;}
.login_wrap_renew .agree_box_w .agree-st1 label {color:#666666;}
.login_wrap_renew .agree_box_w .agree-st1 label b {font-weight: 400;}
.login_wrap_renew .btn-st2 {width:100%; margin-bottom:10px; text-align: left; padding-left:30px; font-size:18px; font-weight: 600; position: relative;}
.login_wrap_renew .btn_wrap_join > ul {display: flex; flex-wrap: nowrap; width:100%; gap:10px; margin-top:40px;}
.login_wrap_renew .btn_wrap_join > ul li {flex:1 1 50%; width:50%;}
.login_wrap_renew .btn_wrap_join > ul li a{width:100%; display: block; padding:30px 0; font-size:20px; font-weight: 700; border-radius: 10px;}
.login_wrap_renew .btn_wrap_join > ul li a:hover {color:#fff;}
.login_wrap_renew .btn_wrap_join > ul li button{width:100%; display: block; padding:25px 0; font-size:22px; font-weight: 700; border-radius: 10px; text-align: center; height: auto;}
.login_wrap_renew .join_complete {}
.login_wrap_renew .join_complete .t {font-size:36px; font-weight: 700; color:#1a1a1a; line-height: 46px; margin-top:45px;}
.login_wrap_renew .join_complete p {font-size:16px; font-weight: 300; color:#666666; line-height: 26px; padding:44px 0 30px 0; }
.login_wrap_renew .join_complete .btn_w-st2 button {text-align: center; padding:0; border-radius:10px; height:auto; padding:28px 0;}
 .btn_w-st2 button {text-align: center; height:auto; padding:21px 0; font-weight: 700; font-size:1.375em;}
div.page_layout > div.page_title {width:100% !important; font-size:2.5em; font-weight: 600; font-family: 'SCDream'; color:#000;}
.join_form .form-st1 .filebox .upload-name::placeholder {font-size:22px; color:#888888;}
.join_form .form-st1 .filebox .upload-name {
    display: inline-block;
    padding: 0 10px;
    vertical-align: middle;
    width: 100%;
    max-width: none;
    border: 1px solid #e4e4e4;
    border-radius: 10px;
    height: 70px;
    font-size:22px;
}
.join_form .form-st1 .filebox label {
    display: inline-block;
    width: 100%;
    line-height: 70px;
    height: 70px;
    text-align: center;
    border-radius: 10px;
    font-size: 22px;
    font-weight: 300;
    color:#000;
}
.join_form .form-st1 .filebox input[type="file"] {
    position: absolute;
    width: 0 ;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}


/**************************** 장바구니 **************************************/
.cart_wrap {width:100%; }
.cart_wrap.step1 {min-height:450px;}
.cart_wrap .ovx {width:100%; padding-right:400px;}
.cart_wrap.order_detail .ovx{width:100%; padding-right:0;}
.cart_wrap.order_detail .fl{width:100%; padding-right:0; margin:10px 0 20px 0; float: none !important; border-bottom:0;}
.cart_wrap .cart_foot {position: absolute; right:0; top:0; }
.cart_wrap .cart_foot.fixed {position: fixed; right:inherit; top:500px; right:calc(50% - 1000px); transform: translate(-50% , -50%);}
.cart_wrap .cart_foot.fixed.bt-fixed {position: absolute; top:auto; bottom:-250px;}
.cart_wrap .cwrp input[type="checkbox"].renew + label span {margin:0;}
.cart_wrap .cwrp .title {display: flex; flex-wrap: nowrap; width:100%; border-top:3px solid #232323; border-bottom:1px solid #e4e4e4; font-size:16px;  padding:16px 0;}
.cart_wrap .cwrp .check {flex:0 0 10% !important; text-align: center;}
.cart_wrap .cwrp .cart_pro {flex:0 0 40% !important; position: relative;}
.cart_wrap .cwrp .total {flex:0 0 10% !important;}
.cart_wrap .cwrp .total .dis{ font-size:14px; font-weight: 300 !important; color:#b4b4b4; text-decoration: line-through; }
.cart_wrap .cwrp .total .dis b{ font-size:14px; font-weight: 300 !important; color:#b4b4b4; text-decoration: line-through; }
.cart_wrap .cwrp .title li {flex:1 1 20%; text-align: center; font-size:1.13em;}
.cart_wrap .cwrp .title.cart_orderdetail li {flex:1 1 24%; text-align: center;}
.cart_wrap .cwrp .item {display: flex; flex-wrap: nowrap; align-items: center; width:100%;  border-bottom:1px solid #e4e4e4;  padding:20px 0 25px 0;}
.cart_wrap .cwrp .item.flex-wrap {display: flex; flex-wrap: wrap; align-items: center; width:100%;  border-bottom:1px solid #e4e4e4;  padding:20px 0 25px 0;}
/*.cart_wrap .cwrp .item:last-child{border-bottom:none;}*/
.cart_wrap .cwrp .item li {flex:1 1 20%;}
.cart_wrap .cwrp .item li.cate {text-align: center; color:#000;}
.cart_wrap .cwrp .item li.flex-break {flex-basis: 100%; height: 0px;}
.cart_wrap .cwrp .item li.memo{ padding-left: 105px; }
.cart_wrap .cwrp .item li.memo input{width: 100%;}
.cart_wrap .cwrp .title li:last-child,
.cart_wrap .cwrp .item li:last-child {text-align: center; flex:1 1 10% !important;}
.cart_wrap .cwrp .cart_pro {display: flex; gap:30px; flex-wrap: nowrap;}
.cart_wrap .cwrp .cart_pro .txt_wrap {position: relative; width:100%; display: block;}
.cart_wrap .cwrp .cart_pro .txt_wrap .tit {color:#000; padding-right:40px;}
.cart_wrap .cwrp .cart_pro .txt_wrap .price {font-size:16px; color:#000; font-weight: 600; display: flex; gap:10px; align-items: center;}
.cart_wrap .cwrp .cart_pro .txt_wrap .price .dis {font-size:14px; font-weight: 200 !important; color:#b4b4b4; text-decoration: line-through;}
.cart_wrap .cwrp .cart_pro .txt_wrap .price .dis b{font-size:14px; font-weight: 200 !important; color:#b4b4b4; text-decoration: line-through;}
.cart_wrap .cwrp .cart_pro .txt_wrap .option {font-size:14px; color:#666666; margin-top:10px;}
.cart_wrap .cwrp .del {position: absolute; right:0; top:0;}
.cart_wrap .cwrp .del button {width:35px; height:14px; text-indent: -999999px; background:url('../images/renew/common/btn_del.png') center no-repeat; overflow: hidden;}
.cart_wrap .cwrp .count {text-align: center;}
.cart_wrap .cwrp .count .wrap {font-size:0; margin-bottom:5px;}
.cart_wrap .cwrp .total {font-weight: 600; font-size: 16px; text-align: center;}
.cart_wrap .cwrp .num_btn {display: inline-block; border:1px solid #cacaca; height:24px; vertical-align: middle;  width:30px; height:30px;}
.cart_wrap .cwrp .inp_num {background:#fff; width:45px; border:none; border-top:1px solid #cacaca; border-bottom:1px solid #cacaca; text-align: center; font-size:14px; font-weight: 300; height:24px; vertical-align: middle; height:30px;}
.cart_wrap .cwrp .count .btn-modify {border:1px solid #7a7a7a; width:105px;}
.cart_wrap .cwrp b {font-size:14px;}
.t.tool img {vertical-align: middle;}
.t.tool [data-content]{position:relative;}
.t.tool [data-content]:before,
.t.tool [data-content]:after{visibility:hidden;opacity:0;position:absolute;left:50%;white-space:nowrap;transition:all .2s ease;font-size:11px;font-family:dotum;letter-spacing:-1px;}
.t.tool [data-content]:before{content:attr(data-content);position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:#fff;background:#000;box-shadow:0 3px 8px rgba(165, 165, 165, 0.5); white-space: pre;}
/*.t.tool [data-content]:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid #000;}*/
.t.tool [data-content]:hover:before{visibility:visible;opacity:1;top:-30px}
/*.t.tool [data-content]:hover:after{visibility:visible;opacity:1;top:-8px}*/

/**************************** 장바구니-추천상품 **************************************/
.mdpick {position: relative;}
.mdpick h2 {font-size:1.38em; font-weight: 500; color:#000; margin-bottom:18px;}
.mdpick .item-wrap {padding-top:30px; display: block; border-top:3px solid #000;}
.mdpick .slick-slide {margin: 0 13px;}
.mdpick .slick-list {margin: 0 -13px;}
.mdpick .slick-dots {margin-top:30px;}
.mdpick .slick-dots li {width:13px; height:13px; background:#fff; margin:0 5px;}
.mdpick .item-wrap .img {height:300px;background:#fff;  }
.mdpick .item-wrap .img a {display: flex; width:100%; height:100%; justify-content: center; align-items: center;}
.mdpick .arrows {position: absolute; left:50%; top:55%; transform: translate(-50%, -50%); display: flex; justify-content: space-between; align-items: center; width:calc(100% + 40px);}
.mdpick .prevArrow {display: block; width:70px; height:70px; background:url('../images/renew/main/main_slide_prev.png') no-repeat; cursor: pointer; position: absolute; left:-1%; top:35%;}
.mdpick .nextArrow {display: block; width:70px; height:70px; background:url('../images/renew/main/main_slide_next.png') no-repeat; cursor: pointer; position: absolute; right:-1%; top:35%;}
.mdpick .item-wrap.default .btns .bg_gray {background:#fff;}
.mdpick .item-wrap .item {position: relative; flex:1 1 20%; max-width: 301px;}
.mdpick .item-wrap .item .img {background:#fff; border:1px solid #e4e4e4; height:300px;}
.mdpick .item-wrap .img a {display: flex; width:100%; height:100%; justify-content: center; align-items: center;}
.mdpick .item-wrap .label {position: absolute; top:5px; left:5px;}
.mdpick .item-wrap .tit {font-size:1.25em; color:#000; height:47px; margin:26px 0 28px 0;}
.mdpick .item-wrap.sale .tit {height: auto; margin:0px 0 8px 0;}
.mdpick .item-wrap .tit span.t {height:65px; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mdpick .price_w .through {display: none;}
.mdpick .price_w .price {font-weight: 700;}
.mdpick .item-wrap.default .btns {display: flex; gap:4px; margin-top:5px;}
.mdpick .item-wrap.default .btns > * {flex:1 1 auto;}
.mdpick .item-wrap.default .btns .bg_red {padding:10px 0; display: block; width:100%; text-align: center;}
.mdpick .item-wrap.default .btns .bg_gray {padding:10px 0; display: block; width:100%; text-align: center; background:#f5f5f5;}
.mdpick .item-wrap.default .tit .cate {color:#00891a; font-size:1.1em;}
.mdpick .item-wrap.default .tit .t {color:#000000; font-size:1.1em;}
.mdpick .item-wrap.default .descript span {display: block; }

#popoverlay {width:100%; height:100%; position: fixed; overflow: hidden; background:#000; opacity: 0.3; display: none;}
.btn_paym {position: relative; display: inline-block; margin-left:15px; background:#ca0b0b; color:#fff; font-size: 14px; padding:6px 15px; cursor: pointer;}
.poplayout  {position: relative; background-color: #fff; border-radius: 5px; margin: 15% auto; border: 1px solid #232323; width: 50%; }
.poplayout .modal-close {float: none; position: absolute; right:22px; top:10px;}
.poplayout .pst1 .rht {text-align: right; margin-bottom:10px;} 
.poplayout .pst1 .rht a {display: inline-block; border-radius: 3px; background:#232323; color:#fff; padding:2px 10px;} 
.poplayout .pst1 table {width:100%; text-align: center; border:1px solid #e4e4e4; color:#666666; font-size:14px;}
.poplayout .pst1 table th {background:#f7f7f7; font-weight: 400; color:#000; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; height: 29px; width:13%;}
.poplayout .pst1 table thead tr:first-child th:first-child {width:20%;}
.poplayout .pst1 table td {border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; height:29px; }
.poplayout .pst1 table td.bg {background:#fcf1e7; color:#000; }
.poplayout .pst2 {margin:25px 0 20px 0;}
.poplayout .pst2 p {font-size:15px; color:#888888; line-height:20px; margin-bottom:20px;}
.poplayout .pst3 {margin-bottom:50px;}
.poplayout .pst3 .tit {font-size:14px; color:#000; font-weight: 700; margin-top:23px;}
.poplayout .pst3 p {font-size:15px; color:#888888; line-height:20px; margin-bottom:20px;}

.order_w .cart_wrap .cwrp .title .cart_pro {display: block;}
.order_w .cart_wrap .cwrp .cart_pro {padding-left:20px;}

/**************************** 주문하기 **************************************/
.order_area {width:calc(100% - 400px); margin-top:50px;}
div.addr_btn > button {border-radius: 3px; height:auto;}
.cart_new  .order_area .pay_new {padding:20px;}
.cart_new  .order_area .pay_new ul {display: flex; width: 100%; gap:10px;}
.cart_new  .order_area .pay_new ul li {flex:1 1 50%; max-width: 140px; border:1px solid #e4e4e4; border-radius: 3px; color:#929292; text-align: center;background:url(../images/renew/common/pay_new3.png) center 20px no-repeat;}
.cart_new  .order_area .pay_new ul li:nth-child(2) {background:url(../images/renew/common/pay_new1.png) center 20px no-repeat;}
.cart_new  .order_area .pay_new ul li:nth-child(3) {background:url(../images/renew/common/pay_new2.png) center 20px no-repeat;}
/* .cart_new  .order_area .pay_new ul li:nth-child(4) {background:url(../images/renew/common/pay_new_naver.png) center 20px no-repeat;}*/
.cart_new  .order_area .pay_new ul li:nth-child(4) {background:url(../images/renew/common/pay_new_kakao.png) center 20px no-repeat;}
.cart_new  .order_area .pay_new ul li:nth-child(5) {background:url(../images/renew/common/pay_new_card.png) center 20px no-repeat;}
.cart_new  .order_area .pay_new ul li.active {background:url(../images/renew/common/pay_new3_on.png) center 20px no-repeat; background-color:#232323; color:#fff;}
.cart_new  .order_area .pay_new ul li:nth-child(2).active {background:url(../images/renew/common/pay_new1_on.png) center 20px no-repeat; background-color:#232323; color:#fff;}
.cart_new  .order_area .pay_new ul li:nth-child(3).active {background:url(../images/renew/common/pay_new2_on.png) center 20px no-repeat; background-color:#232323; color:#fff;}
/* .cart_new  .order_area .pay_new ul li:nth-child(4).active {background:url(../images/renew/common/pay_new_naver2.png) center 20px no-repeat; background-color:#232323; color:#fff;} */
.cart_new  .order_area .pay_new ul li:nth-child(4).active {background:url(../images/renew/common/pay_new_kakao.png) center 20px no-repeat; background-color:#232323; color:#fff;}
.cart_new  .order_area .pay_new ul li span {display: inline-block; margin-top:40px; word-break:keep-all;}
.cart_new  .order_area .pay_new ul li a {display: block; padding:20px 0; }
.cart_new  .order_area .pay_new ul li a:hover {color:#929292;}
.cart_new  .order_area .pay_new ul li.active a:hover {color:#fff;}
.cart_new  .order_area .pay_new p {display: block; width:100%; margin-top:20px; border-top:1px solid #e4e4e4; padding:20px 0;}
.cart_new  .order_area .pay_new div {display: block; width:100%;}
.cart_new  .order_area .tit-st4 {font-weight: 700;}


/**************************** 주문확인 **************************************/
.order_receipt_div {padding:20px; color:#000;}
.order_receipt_div .cart_wrap {padding:0 !important;}
.order_receipt_div .ovx {border:none;}
.order_receipt_div .order_detail > div > ul {vertical-align: top;}
.order_receipt_div .order_detail > div > ul > li.subject {padding:10px 0 10px 10px;}
.order_receipt_div .order_detail > div.title {margin-top:20px;}

div.order_title_area {border-top:none;}
div.order_title_area > div.area {border:none;}
div.order_title_area > div.area > div {border-bottom:1px solid #e4e4e4; margin: 0;  padding: 15px 0px 13px 10px;}
div.order_title_area > div.titinfo {font-weight: 700; border-bottom:3px solid #232323; font-family:'Pretendard', 'Malgun Gothic', 'Dotum'; margin:0; padding:14px 0px 12px 18px; font-size:20px;}
div.order_title_area > div.area > div > ul > li.subject {border:none; background:none;}
.page_sub_title .s_tit {display: block; font-size:30px; font-weight: 700; color:#000; margin:20px 0 10px 0 ;}
.page_sub_title .b_tit {color:#666666; font-weight: 300;}
.page_sub_title .b_tit b {color:#000;}
.order_seq {font-size:16px; color:#df2648; margin:40px 0 60px 0;}
div.btn_area > div > button.cancelbtn {font-size:18px; background: #fff; border:1px solid #7a7a7a; color:#232323; font-weight: 700; width:280px;}
div.btn_area > div > button.orderbtn {font-size:18px; border:1px solid #232323; background: #232323; font-weight: 700; width:280px;}
div.btn_area   button.btn_mship_end {font-size:18px; border:1px solid #232323; background: #232323; font-weight: 700; width:280px; color:#fff; border-radius: 3px; padding:15px 0;}

/**************************** 쿠폰 **************************************/
.dyn_alert_item .dyn_alert .modal-header h3.dyn_alert-title {font-size:20px;}
/*button.couponview {padding-top:0;}*/
.modal-content-w .cou_num {display: flex; width: 100%; gap:5px; margin-bottom:40px;}
.modal-content-w .cou_num > li {}
.modal-content-w .cou_num > li > input {border:1px solid #7a7a7a; border-radius: 3px; width: 100%;padding: 11px 0; text-align: center;} 
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 99999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content/Box */
.modal-content-w {
    background-color: #fff;
    border-radius: 5px;
    margin: 15% auto; /* 15% from the top and centered */
/*    padding: 20px;*/
    border: 1px solid #232323;
    width: 50%; /* Could be more or less, depending on screen size */
}
.modal-content-w .modal-header {position: relative; background:#232323;}
.modal-content-w .modal-header h3 {text-align: left !important; color:#fff; padding:25px 30px;}
.modal-content-w .modal-body {padding:25px 30px !important; }
.modal-content-w .modal-body p {font-size:14px; font-weight: 400; color:#000; margin-bottom:40px;}
.modal-content-w .modal-footer {text-align: center;}
.modal-content-w .modal-footer button {background:#e7e7e7; border-radius: 5px; max-width: 200px !important; width:100%; border:none; font-size:16px; color:#232323; height:47px; margin: 0 0 20px 0;}
.insur .modal-content-w .modal-body table {width: 100%; text-align: center; border-top: 3px solid #232323;}
.insur .modal-content-w .modal-body table th {border-bottom: 1px solid #000; padding: 0.7em;}
.insur .modal-content-w .modal-body table td {border-bottom: 1px solid #ccc; padding: 0.7em;}
.btn_insur {padding:4px 5px ;}

.modal-content-w.warranty {position: fixed; top:30%; left:50%; transform: translate(-50%, -50%); width:30%; min-width: 300px;}
.modal-content-w.warranty .modal-body {text-align: center;}

.point_pop {margin:25px 0 15px 0;}
.point_pop .bg-black {padding:6px 8px; border-radius: 5px;}
.point.modal .modal_content {border-radius: 20px; overflow: hidden; text-align: center;}
.point.modal .modal-body {padding:60px 80px;}
.point.modal .modal-body h3 {font-size:30px; font-weight: 600; color:#000;}
.point.modal .modal-body p {display: block; margin-top:35px; color:#000; font-size:22px; word-break: keep-all;}
.point.modal .modal-body .r_txt {color:#df2646; font-weight: 700;}
.point.modal .modal-body > div {color:#666666; font-size:18px; margin-top:35px}
.point.modal .modal-footer {background:#ececec; height:65px;}
.point.modal .modal-footer .modal-close {color:#000; font-size:16px; top:20px; right:30px; color:#000; font-weight: 600;}
.point.modal .modal-footer .modal-close::before {content: ''; display: inline-block; width:1px; height:26px; background:#cacaca; position: absolute; left: -30px;}
.modal_open {cursor: pointer;}
.modal_content {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

/* 거래내역서 출력 */
.hangko {display: block; width:70px; height:70px; background:url(../images/renew/common/hangko.png) center no-repeat; background-size:contain; position: absolute; top: 85px; left: 580px;}

/* The Close Button */
.modal-close {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: 100;
    position: absolute;
    right: 20px;
    top: 3px;
}
.modal-close:hover,
.modal-close:focus {
    color: #AAAAAA;
    text-decoration: none;
    cursor: pointer;
}


/* 쿠폰존 쿠폰 다운로드 */
.cup_wrap {display: flex; gap:10px; flex-wrap: wrap;}
.cup_wrap .new_cup {position: relative; display: block; border:1px solid #ee5975;}
.cup_wrap .new_cup::after {content: ''; background:url(https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/common/cup_bg.png) center no-repeat; background-size:cover; display:  inline-block; width:71px; height:12px; position: absolute; right:10px; top:10px; }
.cup_wrap .new_cup a {display: block; padding:30px 30px;}
.cup_wrap .new_cup .tit {font-size:50px; font-weight: 800;}
.cup_wrap .new_cup .tit b {font-size:30px; font-weight: 300;}
.cup_wrap .new_cup .parh {font-size:16px; line-height: 20px; color:#000000; font-weight: 600;}
.cup_wrap .new_cup .date {font-size:14px; color:#939393;}
.cup_wrap .new_cup .btn_cudwn {display: inline-block; text-indent: -9999px; background:url(https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/common/cup_down.png) center center no-repeat; width:29px; height:29px; border:none;}

.cou_tit {font-size:16px;}
.cou_date {font-size:14px;}

/* 제품 상세페이지 쿠폰 다운로드 */
.detail_cu > ul > li {display: flex; flex-wrap: wrap; gap:10px;}
.detail_cu > ul > li > div {flex:0 0 calc(25% - 10px);}
.detail_cu .cup_wrap >  a { text-align: left; display: block; width:100%;}
.detail_cu .cup_wrap .new_cup { padding:18px 15px; min-height:140px;}
.detail_cu .cup_wrap .new_cup::after {width: 59px; height: 10px;}
.detail_cu .cup_wrap .new_cup .btn_cudwn{position: absolute; right:10px; bottom:10px;}
.detail_cu .cup_wrap .new_cup .tit {font-size:35px;}
.detail_cu .cup_wrap .new_cup .tit b {font-size:25px;}
.detail_cu .cup_wrap .new_cup .parh {font-size:14px; line-height: 15px;}
.detail_cu .cup_wrap .new_cup .date {font-size:12px; }

/**************************** 입점문의  **************************************/
.online {max-width: 640px; margin:0 auto; border:none;}
.online.form-st1 .item {display: flex; flex-direction: column; border:none;}
.online.form-st1 .t {width:100%; padding:0; margin-bottom:20px; display: block; font-size: 22px; font-weight: 300; color: #000;}
.online.form-st1 .cont {padding:0; margin-bottom:35px; height:auto;}
.online.form-st1 .cont select,
.online.form-st1 .cont input {border: 1px solid #e4e4e4; border-radius: 10px; height:70px; max-width: none; font-size:22px; font-weight: 400;}
.online.form-st1 .filebox {display: flex; gap:10px;}
.online.form-st1 .filebox .upload-name{border: 1px solid #e4e4e4; border-radius: 10px; height:70px; width:100%; margin:0;}
.online.form-st1 .filebox label {display: inline-block; width: 100%; line-height: 70px; height: 70px; text-align: center; border-radius: 10px; font-size: 22px; font-weight: 300;}
.online.form-st1 .filebox li {flex:1 1 100%;}
.online.form-st1 .filebox li:last-child {flex: 0 0 157px;}


/**************************** 상세검색  **************************************/
.sch_wrap {position: relative; width:100%; text-align: left; display: block; border: solid 4px #ebebeb; padding:20px;}
.sch_wrap .sch_top {display: flex; width:100%; color:#000; width: 80%; margin: 0 auto; padding-bottom:20px;}
.sch_wrap .sch_top .tit {width:140px;}
.sch_wrap .sch_top span {font-weight: 600; color:#df2648;}
.sch_wrap .sch_body { display: flex; width:100%; width: 80%; margin: 0 auto;}
.sch_wrap .sch_body .sch_le {margin-right:20px; line-height: 20px;}
.sch_wrap .sch_body .sch_rhg { width:80%;}
.sch_wrap .sch_body .sch_rhg li:first-child {display: flex; width:100%;}
.sch_wrap .sch_body .sch_rhg li:last-child {margin-top:15px;}
.sch_wrap .sch_body .sch_rhg li:last-child span {border-right:1px solid #ddd; padding-right:10px; margin-right:10px;}
.sch_wrap .sch_body .sch_rhg input[type="text"] {height:48px; width:80%; padding:0 20px;margin-right:10px;}
.sch_wrap .sch_body .sch_rhg button.serachbtn {padding: 10px 40px; border: 1px solid #111; outline: none; color: #fff; letter-spacing: 0em; font-weight: bold; font-size: 1em; background: #000;}

/* pay */
.pay_wrap {position: relative; width:100%; max-width: 1000px; margin:0 auto;}
.pay_wrap .tit-st1 {text-align: center;}
.pay_wrap .top_btn {margin-bottom:10px;}
.pay_wrap .top_btn > ul {display: flex; width:100%; align-items: center; justify-content: flex-end; gap:5px;}
.pay_wrap .top_btn a {padding:8px 19px;}
.pay_wrap .btn_black {display: inline-block; border-radius: 3px; background:#232323; color:#fff; }
.pay_wrap .btn_white {display: inline-block; border-radius: 3px; background:#fff; color:#404040; border:1px solid #9b9b9b; }

.pay_type {margin-bottom:20px;}
.pay_type .tab_container {position: relative; width:100%; margin:auto;}
.pay_type .tab_container .tab_content {width:100%; padding: 30px 0; background:#f7f7f7;}
.pay_type .tabs .item {border:4px solid #d8d8d8;}
.pay_type .tabs > ul { width: 100%; display:flex; flex-direction: column; padding:0}
.pay_type .tabs > ul li {margin-bottom:15px;}
.pay_type .tabs > ul li.active .item {border:4px solid #232323; }
.pay_type .tabs > ul li.active a {}
.pay_type .tabs > ul li a {display: block; width: 100%; height: 100%; vertical-align: middle; text-decoration: none;color: #000}
.pay_type .item {display: flex; width:100%; flex-wrap: nowrap; align-items: center;}
.pay_type .item .area_lft {display: block; width:220px; background:#f7f7f7; text-align: center; padding:50px 0 60px 0;}
.pay_type .item .area_lft span {display: inline-block; background:#df2648; color:#fff; padding:2px 4px; margin-bottom:8px;}
.pay_type .item .area_lft div {font-size:22px; font-weight: 700; color:#000;}
.pay_type .item .area_rgh .txt h3 {font-size:20px; font-weight: 600; color:#000;}
.pay_type .item .area_rgh .txt span {font-size:16px; font-weight: 500; display: block; margin-bottom:20px;}
.pay_type .item .area_rgh .txt p {}
.pay_type .item .area_rgh {display: flex; width:100%; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding:0 30px 0 40px;}
.pay_type .item .area_rgh > div:last-child {text-align: right;}
.pay_type .item .area_rgh select {height:38px; width:132px; border-radius: 3px; margin-bottom:10px;}
.pay_type .item .area_rgh .price {font-size:20px; color:#000000;}
.pay_type .item .area_rgh .price > span  {font-size:16px; color:#a9a9a9; }

.pay_type  .tab_content  ul {display: flex; width: 100%; gap:10px;  align-items: center; justify-content: center;}
.pay_type  .tab_content  ul li {flex:1 1 50%; max-width: 140px; border:1px solid #e4e4e4; border-radius: 3px; color:#929292; text-align: center;background:url(../images/renew/common/pay_new1.png) center 20px no-repeat #fff;}
.pay_type  .tab_content  ul li.active {background:url(../images/renew/common/pay_new1_on.png) center 20px no-repeat; background-color:#232323; color:#fff;}
.pay_type  .tab_content ul li:nth-child(2) {background:url(../images/renew/common/pay_new3.png) center 20px no-repeat #fff;}
.pay_type  .tab_content  ul li:nth-child(2).active {background:url(../images/renew/common/pay_new3_on.png) center 20px no-repeat; background-color:#232323; color:#fff;}
.pay_type  .tab_content ul li:nth-child(3) {background:url(../images/renew/common/pay_new2.png) center 20px no-repeat #fff;}
.pay_type  .tab_content  ul li:nth-child(3).active {background:url(../images/renew/common/pay_new2_on.png) center 20px no-repeat; background-color:#232323; color:#fff;}
.pay_type  .tab_content  ul li span {display: inline-block; margin-top:50px;}
.pay_type  .tab_content  ul li a {display: block; padding:20px 0; }
.pay_type  .tab_content  ul li a:hover {color:#929292;}
.pay_type  .tab_content  ul li.active a,
.pay_type  .tab_content  ul li.active a:hover {color:#fff;}

.pay_agree {}
.pay_agree > ul > li {}
.pay_agree .item {display: block; border-top:1px solid #ececec; padding:20px 5px;}
.pay_agree .item .top {display: flex; width:100%; justify-content: space-between;}
.pay_agree .check-group label {color:#666666 !important; font-weight: 400;}
.pay_agree .more {display: inline-block; width:30px; height: 30px; margin-right:20px; background:url(https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/common/btn_more.png) center no-repeat; cursor: pointer;}
.pay_agree .more.active {transform: rotate(180deg);}
.pay_agree .txt_wrap {height:400px; overflow-y: scroll !important; margin-top: 20px;}

.pay_check {margin:40px 0 70px 0;}
.pay_check .tit-st2 {margin:0;}
.pay_check .table {display: block; width:100%; margin:0;}
.pay_check .row {display: flex; border-bottom:1px solid #e4e4e4;}
.pay_check .row .tit {width:140px;}
.pay_check .row > div{padding:20px 30px; color:#000;}
.pay_check .btn_set {margin-top:30px; text-align: center;}
.pay_check .btn_set button {font-size:18px; font-weight: 700; color:#fff; background:#232323; padding:15px 70px; border-radius: 5px;}

.pay_note {background:#f3f3f3; padding:50px 55px; border-radius: 10px;}
.pay_note .txt {margin:0 20px; width:100%; text-align: left;}
.pay_note .txt .tit {font-size:20px; font-weight: 600; color:#000000;}
.pay_note .txt .tit::before {content: url('https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/member/icon_jointxt.png'); vertical-align: middle; margin-right: 10px;}
.pay_note .txt ul {display: inline-block; margin: 8px 0 0 10px; font-size:14px; font-weight: 300; line-height: 30px;}
.pay_note .txt .txt_red {color:#df2648;}

/*개인정보처리방침*/
.pvsCntTp {clear:both; text-align: left; line-height: 28px;}
.pvsCntTp ol li dl {position:relative; overflow:hidden; zoom:1; padding:5px 0 0 0;}
.pvsCntTp ol li dl dt {padding:19px 0 14px 0; color:#000; font-weight: 500;}
.pvsCntTp ol li dl dd{margin-bottom:20px;}
.pvsCntTp ol li dl dd ol.list {padding:10px 0 0 10px ;}
.pvsCntTp ol li dl dd ol.list li {padding:0; padding:0 0 10px 0; color:#666; }
.pvsCntTp ol li dl dd ol li dl dd {padding:0 0 0 10px; margin:0;}
.pvsCntTp ol li dl dd .table_wrap  {margin:5px 0 10px 0;}
.pvsCntTp ol li dl dd table {border-bottom:1px solid #ebeef0; width:100%; word-break: keep-all;}
.pvsCntTp ol li dl dd table tr {border-bottom:1px solid #e5e7e9;}
.pvsCntTp ol li dl dd table th {border-right:1px solid #e5e7e9; color:#000; vertical-align: middle;padding:15px 0; text-align: center; width:auto; font-size:16px;background: #fbfbfb; border-top: 1px solid #000;}
.pvsCntTp ol li dl dd table td {border-right:1px solid #e5e7e9; color:#444444; padding:7px 10px; text-align: center; vertical-align: middle; width:auto; font-size:16px;}
.pvsCntTp ol li dl dd table th:last-child, .pvsCntTp ol li dl dd table td:last-child{border-right:none;}
.pvsCntTp a {color:#0040C1;}

/* 쿠폰 */
.coupon {display: flex; width:100%; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: center;}
#paging_datalist .cell {border-bottom:1px solid #e5e7e9}
.coupon {}

/* 쿠폰 적용하기 */
.pop_cup_wrap {border-bottom:1px solid #e4e4e4;}
.pop_cup_wrap th {height:40px; background:#232323; color:#fff; font-size:16px;}
.pop_cup_wrap a {color:#000;}
.pop_cup_wrap .coupondetail {padding:18px 45px 0 45px; background:#f8f8f8; border-top:1px solid #e4e4e4;}
.pop_cup_wrap .coupondetail table {}
.pop_cup_wrap .coupondetail table tr {border-bottom:1px solid #e4e4e4;}
.pop_cup_wrap .del {padding: 18px 45px; background: #f8f8f8; border-top: 1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; }
.pop_cup_wrap .del .dis {display: flex;    justify-content: space-between; font-size:14px;}
.pop_cup_wrap .del .dis .bold {color:#000;}
/*.pop_cup_wrap .del > div {border-bottom: 1px solid #e4e4e4;}*/
.pop_cup_wrap .del > div:last-child {border-bottom:none;}

/**************************** 입점사몰  **************************************/
.partner_wrap {display: flex; flex-wrap: wrap; gap:40px 29px; }
.partner_wrap > li {flex:0 0 calc(16.666% - 7px);}
.cate_wrap .cate_top > ul.partner_wrap > li a {background:#fff; text-align: center; color:#444; font-size:20px;}
.cate_wrap .cate_top > ul.partner_wrap > li:first-child {display: none;}
.cate_wrap .cate_top > ul.partner_wrap > li.active a {color:#444; background:none; }
.partner_wrap > li .img {display: flex; justify-content: center; align-items: center; height:150px; border:1px solid #ababab; margin-bottom:10px;}
.partner_wrap > li .tit {margin-top:10px; font-size:20px; color:#444444; text-align: center;}

/**************************** 전체카테고리 **************************************/
.cate_wrap {margin-bottom:35px;}
.cate_wrap .cate_top {display: block; margin-bottom:30px;}
.cate_wrap .cate_top > ul {display: flex; width:100%; flex-wrap: wrap; gap:8px;}
/*.cate_wrap .cate_top > ul > li { margin-right:8px;}*/
.cate_wrap .cate_top > ul > li.active a {color:#fff; font-weight: 600; background:#f04768;}
.cate_wrap .cate_top > ul > li a {display: block; background: #efefef; color:#666666; padding:8px 10px; border-radius: 5px;}
.cate_wrap .cate_con {border:1px solid #eeeeee;}
.cate_wrap .cate_con > ul {display: flex; width:100%; flex-wrap: wrap; gap:10px 25px; margin:32px 40px;}
.cate_wrap .cate_con > ul > li {flex:0 0 auto; }
.cate_wrap .cate_select {background:#f4f4f4; padding:20px 50px; border-top:1px solid #eeeeee;}
.cate_wrap .cate_select > ul {display: flex; width:100%; flex-wrap: wrap; gap: 10px 0;}
.cate_wrap .cate_select > ul > li {margin-right:30px;}
.cate_wrap .cate_select > ul > li span {display: inline-block; width:13px; height:13px; background:url('https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/common/btn_close_txt.png') center center no-repeat; vertical-align: middle; text-indent: -999px; overflow: hidden; margin-left:11px;}

.zc_wrap {margin:35px 0;}
.zc_txt .zc_stxt .point {display: inline-block;}
.zc_txt .zc_stxt .point_m {display: none;}
.zc_txt .zc_stxt .mult_wrap {display: inline-block;}
.zc_wrap .cate_top {display: block; margin-bottom:30px;}
.zc_wrap .cate_top > ul {display: flex; width:100%; flex-wrap: wrap;}
.zc_wrap .cate_top > ul > li {flex:1 1 16.6666%; max-width:16.6666%; border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.zc_wrap .cate_top > ul > li:nth-child(-n+6) {border-top:1px solid #dcdcdc;}
.zc_wrap .cate_top > ul > li:nth-child(6n), .zc_wrap .cate_top > ul > li:last-child  {border-right:1px solid #dcdcdc;}
.zc_wrap .cate_top > ul > li.active a {background-color : #232323;color:#fff; font-weight: 600; border:1px solid #232323;}
.zc_wrap .cate_top > ul > li a {display: block;color:#444444; padding:20px; height:100%; font-size:18px; text-align: center;}

.zc_txt span.wra {font-size:14px; color:#db082f;}
.zc_txt .zc_stxt {font-size:18px; font-weight: 700; color:#000;}

.zc  .top_loc {display: none;}
.zc_detail.goods_view_top .top .tit .t {color:#fff; font-weight: 500; }
.zc_detail .l {width:calc(50% - 20px); flex-direction: column; margin-right:20px;}
.zc_detail .l .options_wrap {border-bottom:1px solid #eeeeee;}
.zc_detail .l .top {position: relative; background:#232323; padding:19px 20px 20px 19px; margin-top:59px;}
.zc_detail .l .top .ab {top:-52px;}
.zc_detail .r {width:50%; }/*margin-top:54px;*/
.zc_detail .r .optionview {margin-top:5px;}

.zc_detail .zc_opt {display: flex; flex-wrap: wrap;align-items: center; }
.zc_detail .zc_opt .tit {font-size:14px; color:#000; width: 143px;}
.zc_detail .zc_opt .con .optimgdiv {margin:0; width: auto;}
.zc_detail .zc_opt .con .select {}
.zc_detail .zc_opt .con .select input[type=radio]{display: none;}
.zc_detail .zc_opt .con .select input[type=radio]+label{ display: inline-block; cursor: pointer; height: 33px; width:100%; min-width:87px; line-height:33px; background:#f0f0f0;  color:#000;  border: 1px solid #dcdcdc; text-align: center; font-size:14px; border-radius: 5px; padding:0 10px;}
.zc_detail .zc_opt .con .select input[type=radio]:checked+label{background-color: #fff; color: #000; border:1px solid #000;}
.my_change tr {border-bottom:1px solid #d1d1d1}
.my_change tr td {padding:10px 0;}

.poplayout  .opt {overflow:hidden; width:100%; display: flex; align-items: center; gap: 20px;}

/************************ smartpay zone ****************************/
.smartpay { color:#000;}
.smartpay .tabcon {display: none;}
.smartpay .tabcon.active {display:block;}
.smartpay > .tit_txt {font-weight: 500; line-height:26px;}
.smartpay .red_txt {font-weight: 700;}
.smartpay .tab_wrap {margin:35px 0 60px 0;;}
.smartpay .tab_wrap > ul {display: flex; width:100%; flex-wrap:wrap; justify-content: space-between; border:1px solid #d7d7d7; border-right:none;}
.smartpay .tab_wrap > ul li {flex:1 1 33.3333%; border-right:1px solid #d7d7d7;  text-align: center; padding:18px 0;}
.smartpay .tab_wrap > ul li.active  {background:#db082f; color:#fff; font-weight: 700;}
.smartpay .sp_wrap {border-top:1px solid #000;}
.smartpay .sp_wrap .gray_txt {font-size:14px; font-weight: 300; color:#888888; margin-left:15px;}
.smartpay .sp_agree {display: flex; padding:25px 0;}
.smartpay .sp_agree a {padding:10px 21px; border-radius: 3px; margin:0 0 0 35px; }
.smartpay .sp_con {padding:41px 50px; background:#f1f1f1; border-bottom:1px solid #000;}
.smartpay .sp_con .sp_txt {background:#e6e6e6; padding:32px 30px 28px 30px;}
.smartpay .sp_con .sp_in {width:116px;}
.smartpay .sp_form .row {display: flex; padding:10px 0;}
.smartpay .sp_form .row:first-child {margin:10px 0;}
.smartpay .sp_form .row:last-child {margin:0 0 30px 0;}
.smartpay .sp_form .conts {margin-right:50px;}
.smartpay .sp_cal {border-top:3px solid #000;}
.smartpay .sp_cal .req {flex:0 0 160px;}
.smartpay .sp_cal .row {display: flex; align-items: center; border-bottom:1px solid #e4e4e4; padding:16px 0;}
.smartpay .sp_cal .row:last-child {border:none;}
.smartpay .sp_cal .req::after {content:'*'; color:#db082f;}
.smartpay .sp_cal  .row input {width:346px}
.smartpay .row input {height:38px;}
.smartpay .btn_set {display: flex; gap:10px; width:100%; align-items: center; justify-content: center; margin:10px 0 15px 0;}
.smartpay .btn_set .bt_default {font-size:18px; font-weight: 700;  padding:14px 80px; border-radius: 10px; background:#fff;}
.smartpay .srvs {display: flex; align-items: center; gap:10px;}
.smartpay .srvs .conts {margin:0;}
.smartpay .srvs > span {width:150px;}
.smartpay .srvs ul  {display: flex; gap:10px;}

.smartpay .spz_wrap {}
.smartpay .spz_wrap .con_wrap {display: flex; }
.smartpay .spz_wrap .con_wrap > div {flex:0 0 50%; width:50%;}
.smartpay .spz_wrap .tit {font-size:20px; font-weight: 500; margin-bottom:40px;}
.smartpay .spz_wrap .red_txt {display: block; margin-bottom:15px;}
.smartpay .spz_wrap .im_wrap {margin:35px 0 60px 0;}

.smartpay .tabcon .box {margin:120px auto; max-width: 560px; text-align: center;}
.smartpay .tabcon .box h3 {font-size: 1.5em; font-weight: 700; color: #000; margin-bottom: 10px;}

/**************************** 제품목록 리스트 **************************************/
.view_type {}
.view_type .new {border-bottom:1px solid #eeeeee;}
.view_type .goods-top.new {display: flex; justify-content: space-between; align-items: center; padding:15px 20px;}
.view_type .goods-top.new > div {display: flex; gap:20px; align-items: center;}
.view_type .goods-top.new .total {float: none;}
.view_type .new .type {display: flex; gap:4px;}
.view_type .new .type > * {border:1px solid #232323; border-radius: 5px; width:37px; height:37px;}
.view_type .new .type a {display: block; width:100%; height:100%;}
.view_type .new .type .thum {background: url('https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/goods/icon_thum.png') center center no-repeat ;}
.view_type .new .type .list {background: url('https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/goods/icon_list.png') center center no-repeat;}
.view_type .new .type .thum.active {background: url('https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/goods/icon_thum_b.png') center center no-repeat #232323;}
.view_type .new .type .list.active {background: url('https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/goods/icon_list_b.png') center center no-repeat #232323;}
.view_type .item-wrap_new {padding:0 20px;}
.view_type .item-wrap_new > li {width:100% !important; margin: 0 !important; display: flex; justify-content: space-between; align-items: center; border-bottom:1px solid #eeeeee;}
.view_type .item-wrap_new .img { padding-bottom: 0; width:129px; height: 135px; margin-right:57px; background:#fff;}
.view_type .item-wrap_new .cont {flex: 1 1 60%; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; margin-right:8%;}
.view_type .item-wrap_new .cont .label {display: none;}
.view_type .item-wrap_new .mes {display: block; font-size:14px; color:#606060; text-align: right; background:#eee; border-radius: 10px; padding:0 10px;}
/*.cart_wrap .cwrp .cart_pro .txt_wrap .price {display: inline-block; font-size:14px; color:#606060; text-align: right; background:#eee; border-radius: 10px; padding:0 10px;}*/
.view_type .item-wrap_new .btns {flex: 0 1 129px; position: relative; left:auto; bottom:auto; display: flex; flex-direction: column; gap:5px; margin-right:55px; height: auto;}
.view_type .item-wrap_new .btns > * {float: none; width:129px;}
.view_type .item-wrap_new .price_w {flex-direction: column; height:auto; align-items: flex-end;}
.view_type .item-wrap_new .in:before {content: none;}
/*.view_type .item-wrap_new .tit {width: 60%;}*/
.view_type .price_w .through {font-size:16px; font-weight: 500; color:#c7c7c7; margin-right:0px;}

.hide{display: none;}
.show{display: block;}
/* 셀렉트 영역 스타일 */
.view_type .goods-top.new  .sort {float: none;}
.view_type .goods-top.new  .sort li {float: none;}
.view_type .goods-top.new  .sort > li:before{content: none;}
.view_type .goods-top.new  .sort > li:first-child{padding-left:10px; margin-left:10px;}
.select_sort{position: relative; padding: 5px 10px; width: 130px; background: url('https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/goods/select_icon.png') 96% center no-repeat ;  cursor: pointer;}
.select_sort ul{ position: absolute;  top: 30px;   left: 0;   width: 100%; background:#fff; border:1px solid #c7c7c7;  cursor: pointer; z-index: 9;}
.select_sort ul li { padding: 10px;}

#tab4 {}
#tab4 .group_del {margin:10px 0 90px 0; font-size:14px; line-height:30px; color:#000;}
#tab4 .row2 > li {display: flex; margin-bottom:10px;}
#tab4 .row2 > li > span {flex:0 0 180px; width:180px;}
#tab4 .step {display: flex; gap:16px;  text-align: center;}
#tab4 .step > li  {flex:0 1 25%; position: relative;}
#tab4 .step > li::before {content: '01.'; display: inline-block; position: absolute; color: #fff; left: 20px; top: 10px;}
#tab4 .step > li:nth-child(2)::before {content: '02.';}
#tab4 .step > li:nth-child(3)::before {content: '03.';}
#tab4 .step > li:nth-child(4)::before {content: '04.';}
#tab4 .step .top {background:#232323; color:#fff; font-weight: 600; border-radius: 10px 10px 0 0; padding:10px 0;}
#tab4 .step .bot {display: flex; align-items: center; justify-content: center; background:#f8f8f8; height:144px; border-radius: 0 0 10px 10px;}

/* 관련상품 보기 */
.topro {}
.topro.item-wrap_new .img {height:250px !important;}
.topro.item-wrap_new .tit {height:auto !important; margin-top:20px;}
.topro.item-wrap_new .txt {font-size:14px; color:#9c9c9c;}
.topro.item-wrap_new .txt {font-size:14px; color:#9c9c9c;}
.topro.item-wrap_new .price_w {height:auto !important; margin-top:20px;}
.topro.item-wrap_new .price_w .through {font-size:16px !important; }
.topro.item-wrap_new .slick-slide {margin: 0 27px;}
.topro.item-wrap_new .slick-list {margin: 0 -27px;}
.topro .likeit {position: absolute; right:0; bottom:0;}

/**************************** 워런티  **************************************/
.wrr_warp {margin-bottom:90px;}
.wrr_warp .top {border-bottom:3px solid #232323;}
.wrr_warp .top select {height:35px; margin:0 0 20px 10px; padding:0 30px 0 5px;}
.wrr_warp .top .b_txt {display: inline-block;}
.wrr_warp .bt {text-align: center;display: flex; padding:60px 0; border-bottom:1px solid #e4e4e4;}
.wrr_warp .bt .b_txt {flex:0 0 320px; margin:0; text-align: left;}
.wrr_warp .progress {flex:1 1 100%; position: relative; width: 100%;}
.wrr_warp .progress [data-progress] {height: 6px; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25) inset; background:#dedede; border-radius: 3px;  margin: 15px 80px 0 80px;  overflow: hidden;}
.wrr_warp .progress ul {display: flex; justify-content: space-between; padding:0 48px 0 69px; box-sizing: content-box;}
.wrr_warp .progress ul li {position:relative; color:#000; margin-top:5px; padding-top:7px; font-size:16px;}
.wrr_warp .progress ul li::before {content: ''; position: absolute; top:0; left: 50%; width:1px; height:7px; background:#cccccc; }

.wrr_warp [data-progress]::after {content: ""; display: flex;justify-content: flex-end;  align-items: center;  background:#df2648; width: 0;  height: 100%;  box-sizing: border-box;  font-size: 10px;  color: white;  padding: 0 3px;  transition: 2s;}
.wrr_warp [data-progress].animate-progress::after {content:'' ;  width: var(--animate-progress);} 


/**************************** 오픈샵직배송  **************************************/
.off_wrap {}
.off_wrap .visual_wrap {height:fit-content;  width: 100vw; margin-left: calc(-50vw + 50%); }
.off_wrap .visual_wrap > div {text-align: center; }
/*.off_wrap .visual_wrap .only-pc {background:url('../images/renew/common/off_visual.jpg') center no-repeat; background-size:cover;}*/
.off_wrap .con_wrap {display: flex; border-top:2px solid #000; margin-top:90px; padding-top:45px; color:#000; }
.off_wrap .con_wrap .area_lft {flex:1 1 auto;  max-width: 600px;}
.off_wrap .con_wrap .area_lft h2 {font-size:40px; font-weight: 800; line-height: 48px;}
.off_wrap .con_wrap .area_rgh {font-size:20px;}
.off_wrap .con_wrap .img_wrap {display: flex; justify-content: space-between;}
.off_wrap .con_wrap ul > li {font-size:16px;}
.off_wrap .con_wrap p {font-size:20px; line-height: 30px;}
.off_wrap .con_wrap .s_txt {font-size:16px; margin-top:45px; margin-bottom:95px;}
.off_wrap .con_wrap .tel {font-size:40px; font-weight: 700; margin-bottom:40px; color:#e61328;}
.off_wrap .con_wrap span {display: inline-block; margin-bottom:20px;}


/**************************** 쇼핑가이드(이용안내)  **************************************/
.guide_wrap {}
.guide_wrap .sec01 {padding:50px 0 95px 0; text-align: center; border-bottom:1px solid #dedede; }
.guide_wrap .sec01 p {font-size:20px; color:#000;line-height: 30px; display: block; margin-bottom:50px;}
.guide_wrap .sec01 button {font-size:20px; font-weight: 700; border:1px solid #232323; border-radius: 30px; padding:14px 30px 16px 30px; display: flex; margin:0 auto;}
.guide_wrap .sec01 button::after {content: url('../images/renew/common/com_arrow.png'); display: block; vertical-align: middle; margin-left:30px;}
.guide_wrap .sec02 {display: flex; border-bottom:1px solid #dedede; padding:80px 0;}
.guide_wrap .sec02 .area_lft {flex:0 0 460px;}
.guide_wrap .sec02 .area_lft h2 {font-size:36px; font-weight: 700; color:#000;}
.guide_wrap .sec02 .area_lft a {font-size:16px; font-weight: 700; text-decoration: underline; color:#000; display: flex;}
.guide_wrap .sec02 .area_lft a::after {content: url('../images/renew/common/com_arrow.png'); display: block; vertical-align: middle; margin-left:10px;}
.guide_wrap .sec02 .area_rgh {}
.guide_wrap .sec02 .area_rgh a {color:#0b29ad; text-decoration: underline;}
.guide_wrap ul {}
.guide_wrap ul > li {position: relative; padding-left:26px; font-size:20px; line-height: 30px; color:#000; }
.guide_wrap ul > li::before {content: ''; position: absolute; left:0; top:12px; width:5px; height:5px; background:#979797; border-radius: 100%; font-size:0;}
.guide_wrap ul.num {}
.guide_wrap ul.num > li {padding-left:44px;}
.guide_wrap ul.num > li::before {top:4px; width:22px; height:22px; background:#000; border-radius: 2px; color:#fff; font-size:16px; font-weight: 700; text-align: center; line-height: 23px;}
.guide_wrap ul.num > li:nth-child(1)::before {content: '1'; }
.guide_wrap ul.num > li:nth-child(2)::before {content: '2'; }
.guide_wrap ul.num > li:nth-child(3)::before {content: '3'; }
.guide_wrap ul.num > li:nth-child(4)::before {content: '4'; }
.guide_wrap ul.num > li:nth-child(5)::before {content: '5'; }

/**************************** 회사소개  **************************************/
.company {}
.company .sec01 {display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top:80px;}
.company .sec01 img {max-width: fit-content;}
.company .sec01 p {font-size:42px; font-weight: 700; display: block; margin:90px 0; color:#000; text-align: center; line-height: 56px;}
.company .sec01 button {font-size:20px; font-weight: 700; border:1px solid #232323; border-radius: 30px; padding:14px 30px 16px 30px; display: flex;}
.company .sec01 button::after {content: url('../images/renew/common/com_arrow.png'); display: block; vertical-align: middle; margin-left:30px;}
.company .sec02 {background:url('../images/renew/common/com_visual.jpg') center no-repeat; background-size:cover; height:530px; width: 100vw; margin-left: calc(-50vw + 50%); margin-top:150px;}
.company .sec03 {display: flex; gap:140px; justify-content: space-between; margin-top:150px;}
.company .sec03 .area_lft {flex:1 1 50%;}
.company .sec03 .area_lft p {font-size:20px; line-height: 30px; color:#000; word-break: keep-all;}
.company .sec03 .area_lft .img_wrap {display: flex; flex-direction: column; gap:20px; margin-top:120px;}
.company .sec03 .area_rgh {flex:1 1 50%;}
.company .sec03 .area_rgh ul {display: flex; flex-wrap: wrap; gap:95px 40px;}
.company .sec03 .area_rgh ul li {flex:1 1 calc(50% - 21px);; text-align: center;}
.company .sec03 .area_rgh span {font-size:16px; color:#999999;}
.company .sec03 .area_rgh .tit {font-size:30px; color:#000; margin:5px 0 27px 0;}

/**************************** 카드 간편결제관리 **************************************/
.addcard .btn_wrap_join a {line-height: 55px;}

.simple_payment {}
.simple_payment .poplayout {width:500px; padding-bottom:60px;-webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}
.simple_pay_wrap {position: relative; margin-bottom:30px;}
.paySwiper {position: relative;}
.paySwiper .slide {border: 1px solid #eee; background-color: #fff; border-radius: 8px; padding: 15px 16px; width:220px; height:120px; margin:0 5px;}
.paySwiper .slide.add_card {font-size:20px; color:#9c9c9c; width:220px !important; background:#ebebeb;}
.paySwiper .slide.add_card a {display: flex; align-items: center; justify-content: center; flex-direction: column; width:100%; height:100%; position: relative;}
.paySwiper .slide.add_card a::before {content: url('https://www.sujinpet.co.kr/front/_customskin/_skintpl/sedefault_responsive/common/images/renew/common/icon_card_add.png');}
.paySwiper .slick-center .slide {border-color: #db082f;}
.paySwiper .slider .slick-list { margin:0 -5px;}
.paySwiper .slick-slide { margin:0 5px;}
.paySwiper .card_wrap {display: flex; gap:20px; height:100%;}
.paySwiper .card_wrap .card_thum > div {position: relative; width:60px; height:80px; background:#db082f; border-radius: 8px;}
.paySwiper .card_wrap .card_thum .txt {font-size:12px; font-weight: 500; color:#fff; position: absolute; left:10px; bottom:10px;}
.paySwiper .card_wrap > ul {display: flex; flex-direction: column; font-size:16px; color:#9c9c9c;}
.paySwiper .card_wrap .tit {display: flex; align-items: flex-end; font-weight: 700; font-size:20px; color:#000;}
.paySwiper .card_wrap .tit span {font-weight: 400; font-size:14px; display: block; margin-left:10px; vertical-align: middle;}
.paySwiper .select_wrap select {border:none; font-size:14px; padding-right:25px; margin-top:10px;}
.simple_btn_wrap::before {position: absolute; top: -10px; left: 0; width: 120px; height: 120px; background: -webkit-gradient(linear, left top, right top, color-stop(10%, #fff), to(rgba(255, 255, 255, 0)));   background: -webkit-linear-gradient(left, #fff 10%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(90deg, #fff 10%, rgba(255, 255, 255, 0) 100%); content: "";}
.simple_btn_wrap::after {position: absolute; top: -10px; right: 0; width: 120px;  height: 120px;  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(90%, #fff));  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 90%);  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 90%); content: "";}
.simple_btn_wrap  > div  {overflow: hidden; position: absolute; top: 50px; width: 40px; height: 40px; margin-top: -20px; line-height: 300px;  border-radius: 50%;  -webkit-box-shadow: 0px 4px 16px -4px rgba(0, 0, 0, 0.28), 0px 0px 1px 0px rgba(0, 0, 0, 0.45);  box-shadow: 0px 4px 16px -4px rgba(0, 0, 0, 0.28), 0px 0px 1px 0px rgba(0, 0, 0, 0.45);  background: #fff;  z-index: 10; cursor: pointer;}
.simple_btn_wrap .button-prev {background:url('../images/renew/common/cart_arrow_prev.png') center no-repeat #fff;}
.simple_btn_wrap .button-next {background:url('../images/renew/common/cart_arrow_on.png') center no-repeat #fff; right:0;}
.simple_payment .btn_wrap {margin-top:100px;display: flex; align-items: center; justify-content: center;}
.simple_payment .btn_wrap a {line-height: 55px;}

.pop_password {display: none; position: relative; background-color: #fff; border-radius: 5px; margin: 15% auto; border: 1px solid #232323; max-width:320px;-webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}
.pop_password .modal_payinfo_back {position: absolute; left:20px; top:20px; cursor: pointer;}
.pop_password .tit {font-size:20px; font-weight: 500; color:#000; text-align: center; margin:50px 0 20px 0;}
.pop_password .mask_dot_wrap {display: flex; gap: 10px; justify-content: center; align-items: center;}
.pop_password .mask_dot  {display: inline-block;  width: 16px;  height: 16px;  border-radius: 9px;  transition: background-color 0.2s;  background-color: rgba(0, 27, 55, 0.1);}
.pop_password .mask_dot.on  {transition: background-color 0.2s; background-color: rgb(51, 61, 75);}
.pop_password .forget_pass {position: relative; margin-top:40px; display: flex; align-items: center; justify-content: center;}
.pop_password .forget_pass a {display: block; background: #e9e9e9; font-size:12px; border-radius: 5px; padding:6px 10px;}
.pop_password .number_wrap {display: flex; flex-wrap: wrap; padding:20px 10px; margin-top:60px;}
.pop_password .number_pad {font-size: 30px; color: rgb(51, 61, 75); background-color: rgb(255, 255, 255); transition: background-color 0.1s; cursor: pointer; width: 33.3333%; flex: 1 0 33.3333%;  height: 25%;  border: 0px; user-select: none; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center;  justify-content: center;  border-radius: 12px;}

.oder_change > tr > td {}


/**************************** 옵션선택 팝업  **************************************/
#popup_selectoption {left:auto !important; width:500px !important; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); height:100vh !important; background: #fff;}
#popup_selectoption > iframe {height:100vh !important;}
.selectoption {border:none !important;}
.selectoption h2 {font-size:1.33em; font-weight: 700; color:#000; }
.selectoption .inner {padding:50px;}
.selectoption .sub_com {border:none;}
.selectoption .top_wrap {display: flex; width:100%; justify-content: space-between; padding-bottom:20px; border-bottom:1px solid #000;}
.selectoption .goods_view_top .r {margin:0;}
.selectoption .goods_view_top .r .top {border-bottom:1px solid #000;}
.selectoption .top .tit .t {font-size:1.33em;}
.selectoption .top .tit .price {color:#121212; display: block; margin-top:20px; font-size:16px; font-weight: 600;}
.selectoption .btn_arrow {width:100%; position: relative; border: 1px solid #e9e9e9; background: #fff; font-size: 18px; height: 40px; line-height: 40px; text-align: center;}
.options_wrap {position: relative; padding:0; bottom:auto; display: block; border:none;}
.selectoption .optionview {border-radius: 0; background:#fff;}
.selectoption .optionview ul li {border:none; border-radius: 10px; margin-bottom:10px !important; background: #f5f5f5;}
.selectoption .optionview ul li .tem_option_wrap .tem_option_spot .price div.txt_persellprice {font-size:16px;}
.selectoption .optionview ul li .tem_option_wrap .tem_option_spot .price div.txx {color:#000;}
.goods_footer {position: relative; bottom:auto; margin-top:0px;}
.selectoption .maloc {display: none !important;}
.selectoption .goods_total .su_price {color:#000;}
.selectoption .optionview ul li .tem_option_wrap .tem_option_spot .options_nm {margin-bottom:15px;}
.selectoption .optionview ul li .tem_option_wrap .tem_option_spot .options_qty .optordqty {width:55px;}
.selectoption .optionview ul li .tem_option_wrap .tem_option_spot .price {margin-right:45px;}
.selectoption .optionview ul li .tem_option_wrap .tem_option_spot .options_qty .optordqty {font-size:16px;}
.selectoption .optionview ul li .tem_option_wrap .tem_option_spot .options_qty span.btn_optclose {bottom:-8px; }
.selectoption .goods_btns .btn-three {gap:4px;}
.selectoption .goods_btns .btn-three button.cart {width:50%; background:#000;} 
.selectoption .goods_btns .btn-three button.buy {width:50%;}


@media (max-width:1680px){ 
    
    .cart_wrap .cart_foot.fixed {right:calc(50% - 67%);}
}

@media (max-width:1024px) {
	#popup_selectoption {width:100% !important;}
}
@media (max-width:1024px){ 
    .only-pc {display: none !important;}
    .only-m {display: block!important;}
    
    .new_goods_wrap {padding:0 20px;}
    
    .cate_wrap {padding:0 20px;}
/*    #paging_datalist {padding:0 20px;}*/
    
    .cart_wrap {flex-direction: column; padding:0 20px;}
    .goods_view_top {width:100%;}
    .goods_view_top .l .big {width:100%; /*height:35vh;*/}
    .goods_view_top .thumb .in {width:88px; height:68px;}
    
/*    주문서 */
    .cart_new {margin:0}
    .cart_wrap.new .cwrp .item {flex-direction: column; align-items: flex-start;}
    .cart_wrap.new .cwrp .item li.cate,    
    .cart_wrap.new .cwrp .item li.count,    
    .cart_wrap.new .cwrp .item li.total {margin-left:20px;}
    .cart_wrap.new .cwrp .cart_pro .txt_wrap .del button {display: none;}
    .cart_wrap.new .cwrp .title {display: none;}
    .cart_wrap .cwrp .item.flex-wrap {flex-direction: column; padding:20px; align-items: flex-start;}
    
    .cart_new  .order_area {width:100%; border-bottom:20px solid #f4f4f4; padding:20px; margin: 0;}
    .cart_new .order_area:last-child {border:none;}
    .cart_new  .order_area .form-st1 {border:none;}
    .cart_new  .order_area .tit-st4 {font-weight: 800;}
    .cart_new  .order_area .form-st1 .t {border:none; flex:0 0 155px;}
    .cart_new  .order_area .form-st1 .item {display: flex; border:none;}    
    .cart_new .order_area .form-st1 .item.pay_new {display: block;}
    .cart_new div#common_cart_zone {padding:0;}
    
    .cart_wrap .ovx {padding:0; }
    .cart_wrap  .cart_foot ul {width:100%; margin:0;}
    .cart_wrap  .cart_foot .btn_set {margin-left:0;}
    .cart_wrap  .cart_foot li.total {padding-top: 10px; margin-top: 20px;}
    .cart_wrap.new .cart_foot,
    .cart_wrap.new .cart_foot.fixed {position: relative; top:0; display: none;}
    .cart_wrap .cart_foot,
    .cart_wrap .cart_foot.fixed {position: relative; top:0 !important; right: 0; transform: none;}
    .cart_wrap .cwrp .item {position: relative; flex-wrap: wrap; padding:20px 10px 25px 0}
    .cart_wrap .cwrp .item li:last-child {flex:1 1 100% !important;}
    .cart_wrap .cwrp .del {position: absolute; top:23px; right:0px;}
    #per_totalprice_txt {font-size:16px;}
    
    .cart_wrap .cwrp .cart_pro {gap:10px; flex-direction: column;}
    .cart_wrap .cwrp .item {align-items: flex-start;}
    .cart_wrap .cwrp .item li.cate {flex:1 1 100%; padding:10px 0;}
    .cart_wrap .cwrp .count {padding-left:10px;}
/*    .cart_wrap .ovx {margin-top:100px !important;}*/
    .cart_wrap .cwrp .title {font-size:12px;}
    .cart_wrap .cwrp .total {font-size:12px; flex: 1 0 10% !important; text-align: right;}
    .cart_wrap .cwrp .cart_pro {flex:1 1 40% !important;}
    .cart_wrap .cwrp .cart_pro .txt_wrap .del {top:auto; bottom:0;}
        
    .pay_wrap {padding:0 20px;}
    .pay_type .item {flex-direction: column;}
    .pay_type .item .area_lft {width:100%; margin-bottom:10px; padding:20px 0;}
    .pay_type .item .area_rgh {flex-direction: column; padding:0 20px;}
    .pay_type .item .area_rgh > div:last-child {width:100%; text-align: left; margin:10px 0 20px 0;}
    .pay_type .item .area_rgh .txt {width:100%; text-align: left;}
    
    .pay_agree .more {margin:0;}
    
    .pay_note {padding: 20px;}
    .pay_note .txt {margin:0;}
    
    .bbs-list.new {overflow-x: scroll;}
    .bbs-list.new td.tit {padding:0 10px;}
    .bbs-list.new td.table_v,
    .bbs-list.new th.table_v {display: none;}
    .bbs-list.new th:nth-child(5) {border-radius: 0 10px 10px 0;}
    .sch-st1 .inputt {border:none;}
    
    .qna_a .w80 {flex:0 0 50px;}
    
    .btn-bbs_w.vat_btn {width:100%;}
    .btn-bbs_w.vat_btn .btn-adm {width:auto;}
    
    .bbs-list.new th:nth-child(5), .bbs-list.new td:nth-child(5),
    .bbs-list.new th:nth-child(4), .bbs-list.new td:nth-child(4){border-right:none;}
    
    .login_wrap_renew {padding:0 20px;}
    .login_wrap_renew .tit-st1::after {display: none;}
    .uselaw_wrap {padding:0 20px;}
    
    .bbs-view {padding:0 20px;}
    
    .mj_form .item .cont.cel_three.birth > ul > li input,
    .mj_form .item .cont.cel_three.birth > ul > li select {width:75%;}
    .find_idpw .tite { margin:20px 0 10px 0;}
    .login_wrap_renew .sub_top h2.tit-st1 {margin-bottom:20px;}
    
    .btn-bbs_w {padding:0 20px;}
    
    .mypage_layout .form-st1 .item {display: flex}
    .mypage_layout .form-st1 .t {width:100px; flex:0 0 100px; border-bottom:none;}
    #igear_ovlwhitespace {width:calc(100% - 40px) !important;}
    div.mypage_layout div.content .a_left input {width:115px;}
    
    .btn_coupon a {width: calc(50% - 5px);}
    .modal-content-w {width: calc(100% - 40px);}
    
    .my .pop-add {width:100%;}
    
    .mj_form.mypage .item .tit, .mj_form.mypage .item .tit2 {flex:0 0 100px; width:100px;}
    
    .my_change {}
    .my_change tr {display: flex; flex-wrap: wrap; align-items: flex-start;}
    .my_change tr td:nth-child(1) {flex:1 1 10px;}
    .my_change tr td:nth-child(2) {flex:1 1 calc(100% - 10px);}
    .my_change tr td:nth-child(3) {flex:1 1 100%; padding:0 0 10px 0;}
    
    .form-st1 .cont .box_wrap{display: flex; gap:5px; align-items: center;}
    .form-st1 .cont .box_wrap button.btn {width:100px; padding:0;}
    
    .mypage_layout .w_wrap ul > li .txt,
    .mypage_layout .w_wrap ul > li .txt span {font-size:25px;}
    #review_ovlwhitespace {width:100%;}
    
    .pop_qna .pop_body tr {display: flex; flex-direction: column; padding:10px 0;}
    .pop_qna .pop_body td {font-size:14px; padding:0;}
    
    .vat_board.coment {padding:0 20px;}
    .replay_l .img_w .img {width: 7em; top: 14px;}
    .replay_l .img_w .img img {height:130px;}
    
    div.poplayout {padding:15px 20px; width:95%;}
    .poplayout  .opt {flex:1 1 100%; flex-direction: column;align-items: flex-start;gap:0;}
    .mypop_comp tr {display: flex; flex-direction: column; padding:10px 0;}
    #orderlist_table .pinfo {flex-wrap: wrap;}
    .order_detail > div > ul > li.subject {width:100%;}
    .order_detail > div > ul > li.content {width:100%; padding:10px 20px; margin:0;}
    .order_detail > div > ul > li.content input {width:100%;}
    .order_detail div.viewctrldiv div.is_send_div div ul.m_col {display: flex; width:100%; flex-direction: row;align-items: center;}
    .order_detail div.viewctrldiv div.is_send_div div ul.m_col .subject {width:70px !important;}
    
    /************************ smartpay zone ****************************/
    .smartpay .srvs {flex-direction: column; align-items: flex-start;}
    
    /************************ Perfit ****************************/
    .zc_wrap {margin:20px 0;}
    .zc_txt .zc_stxt {display: block; font-size:16px; margin-bottom:5px;}
    .zc_txt .zc_stxt .point {display: none;}
    .zc_txt .zc_stxt .point_m {display: inline-block; padding-left:15px;}
    .zc_txt .zc_stxt .mult_wrap {display: block; padding-left:15px;}
    .zc_wrap .cate_top > ul > li {flex:1 1 50%; max-width: 50%;}
    .zc_wrap .cate_top > ul > li:nth-child(-n+6) {border-top:none;}
    .zc_wrap .cate_top > ul > li:nth-child(-n+2) {border-top:1px solid #dcdcdc;}
    .zc_wrap .cate_top > ul > li:nth-child(2n) {border-right:1px solid #dcdcdc;}
    .zc_wrap .cate_top > ul > li a {padding:10px 20px;font-size:16px;}
    .zc_detail .l, .zc_detail .r {width: 100%;}
    .zc_detail .l {gap:0;}
    .sub_com.zc {padding:0 15px !important;}
    .zc_detail .price div.txt_persellprice,
    .goods_total .su_price,
    .goods_total strong span {font-size:18px;}
    .qty_w {background:#fff;}
    .zc_detail .btn_wrap {display: none;}
    .zc_detail .l .options_wrap { border-top:none; display: block; position: relative; top:0; padding:0;}
    .zc_detail .zc_opt .con .select input[type=radio]+label {min-width: 55px;}
    .zc_detail .stockoption  {margin-top:10px;}
    .zc_detail .r .goods_footer {border-top:1px solid #eeeeee;}
    .zc_detail .r .goods_footer .goods_point_total {padding:0 20px;}
    .zc_detail .zc_opt .tit {width:80px;}
    
    .cate_wrap .cate_top > ul > li:nth-child(n+4):nth-child(-n+6)  {border-top:none;}
/*    .cate_wrap .cate_top > ul > li:nth-child(3n)  {border-right:1px solid #dcdcdc;}*/
    
    .tem_option_spot {padding:0 20px;}
    
    .cate_wrap .cate_top > ul.partner_wrap > li a {font-size:18px; padding:10px 0;} 
    .partner_wrap > li .img {padding:10px;}
    
    #btn-sch_m {margin-right:10px; }
    

/**************************** 제품목록 리스트 **************************************/
    .view_type .item-wrap_new .cont {margin-right:20px;}
    .view_type .item-wrap_new .img {flex:0 0 auto; margin-right:20px;}
    .view_type .item-wrap_new .btns {margin-right:15px;}
    .view_type .item-wrap_new .tit {width:60%;}
    .view_type .price_w .through {margin-right:20px;}
    .view_type .item-wrap_new .mes {margin:0; text-align: left;}
    .view_type .item-wrap_new .price_w {height:auto; align-items: flex-start;}
    
    div.mypage_layout div.content > div {align-items: flex-start;}
    div.mypage_layout div.content > div > ul {display: flex; flex-wrap: wrap;}
    .order_search_area .content .floatleft {text-align: left; margin-bottom: 10px;}
    .order_search_area .content .floatleft select {width:100%;}    
    
    /**************************** 워런티  **************************************/
    .wrr_warp .bt {flex-direction: column; align-items: center; }
    .my .mypage_layout .wrr_warp .b_txt {display: block; flex: 1 1 auto;}
    .wrr_warp .progress [data-progress] {margin:15px 30px 0 20px;}
    .wrr_warp .progress ul {padding:0 0 0 9px;}
    
    .goods_view_top .l {width:100%;}
    .goods_view_top .r {width:100%; margin-top:0;}
    
    .max_limit {padding:0 20px 20px 20px; font-size:12px !important;}
    
    
    /**************************** 오픈샵직배송  **************************************/
    .off_wrap {padding:0 20px;}
    .off_wrap .visual_wrap {}
    .off_wrap .con_wrap {flex-direction: column; gap:40px;}
    

    /**************************** 회사소개  **************************************/
    .company {padding:0 20px;}
    .company .sec01 p {font-size:30px; line-height: 42px;}
    .company .sec03 {flex-direction: column;}
    
    /**************************** 쇼핑가이드(이용안내)  **************************************/
    .guide_wrap {padding:0 20px;}
    .guide_wrap .sec02 {flex-direction: column; gap:20px;}
    .guide_wrap .sec02 .area_lft {flex:0 0 100%;display: flex; align-items: flex-end; gap:10px;}
    
    .board_wrap {padding:0 20px;}  

    /**************************** 장바구니-추천상품 **************************************/
    .mdpick {padding:0 20px;}
    
    .cart_new .order_area .pay_new {padding:0;}
    .cart_new #paytaxinp {padding:0;}

    /**************************** 옵션선택 팝업  *************************************
    #popup_selectoption { left: auto !important; width: 100% !important; bottom: 0; top: auto !important; height: 50vh !important;  z-index: 80 !important; overflow: scroll !important;}
    #popup_selectoption iframe { width:100% !important; height:calc(100% + 100px) !important;}
    .selectoption .inner {padding:20px; margin-bottom:0;}
    .selectoption .top_wrap {display: none;}
    .selectoption .goods_view_top .r .top {display: none;}*/
/*    .selectoption .goods_footer {position: fixed; bottom:80px;}*/
    .selectoption .goods_footer {bottom:0px !important;}
    
    .item-wrap_new > li {flex:0 0 calc(25% - 19px);}
    .item-wrap_new .img {width:100%;}
    
}

@media (max-width:840px){
    .mj_form .item .cont.cel_three > ul > li {flex:0 1 32%;}
    
    .cate_wrap .cate_con > ul > li {flex:0 0 calc(50% - 20px); max-width: 50%;}

	.mypage_layout .form-st1 .t {width:100px; flex:0 0; border-bottom:none; padding:10px 10px 0  0px;}
    
    /************************ smartpay zone ****************************/
    .smartpay .sp_agree {flex-direction: column; gap:20px;}
    .smartpay .sp_agree a {margin:0 10px 0 0;}
    .smartpay .sp_wrap .gray_txt {display: block; margin-top:10px; margin-left:0;}
    .smartpay .sp_con {padding:20px;}
    .smartpay .sp_con .sp_txt {padding:10px 20px;}
    .smartpay .sp_cal .row {flex-direction: column; align-items: flex-start;}
    .smartpay .sp_form .row input {margin-top:10px;}
    .smartpay .sp_cal .req {flex:0 0 auto;}
    .smartpay .sp_cal .row input {width:100%;}
    .smartpay .sp_cal .row > div {width:100%;}
    .smartpay .btn_set .bt_default {padding:15px 20px; font-size:16px;}
    
    .smartpay .spz_wrap .con_wrap {flex-direction: column;}
    .smartpay .spz_wrap .con_wrap > div{flex:0 0 100%; width:100%;}
    .smartpay .spz_wrap .tit {font-size:18px;}    
    
    .partner_wrap > li {flex:0 0 calc(33.333% - 7px);}

/**************************** 제품목록 리스트 **************************************/
    .view_type .item-wrap_new > li {flex-wrap: wrap;}
    .view_type .item-wrap_new .tit {width:100%;}
    .view_type .item-wrap_new .cont {flex-wrap: wrap; flex: 0 0 auto; width:calc(100% - 107px); margin-right:0;}
    .view_type .item-wrap_new .btns {flex: 0 0 100%; display: flex; flex-direction: row; margin:20px 0 20px 0;}
    .view_type .item-wrap_new .btns > * {width:50%;}
    .view_type .item-wrap_new .mes {font-size:12px; margin-top:10px;}
    .price_w .price {font-size:16px;}
    
    div.poplayout .pst1 {overflow-x: scroll;}
    div.poplayout table {min-width: 668px;}
    
    #tab4 .row2 > li > span {flex:0 0 100px; width:100px;}
    #tab4 .step {flex-direction: column;}    
    
    .point.modal .modal_content {width:80%;}
    .point.modal .modal-body {padding:30px 20px;}
    
    .cup_wrap {overflow: scroll;}
    .pop_cup_wrap th {font-size:14px;}
    .pop_cup_wrap td {font-size:14px;}
    
/*    .coupon {min-width: 600px;}*/
    #paging_datalist .cell {overflow: scroll;}
    
    .common_cart_zone .cart_wrap.new {padding:0;}
    .cart_new .order_area .form-st1 .item {flex-direction: column; margin-bottom:10px;}
    .cart_new .order_area .form-st1 .t {flex:0 0 auto; padding:0; font-weight: 700;}
    
}
@media (max-width:500px){
    .mypage_layout .form-st1 .item {flex-direction: column;}
    .mj_form.mypage .item .tit, .mj_form.mypage .item .tit2 {flex:0 0 100%; width:100%;}
    
/*    .goods_view_top .btn-heart {background-size:24px;}*/
    
  
    .partner_wrap > li {flex:0 0 calc(50% - 5px);}
    
    .cate_wrap .cate_con > ul > li {flex:0 0 100%; max-width: 100%;}

/**************************** 제품목록 리스트 **************************************/  
/*    .view_type .item-wrap_new .cont {width: calc(100% - 198px);}*/
    .view_type .item-wrap_new .img {width:80px; margin-right:5px;}
    .view_type .item-wrap_new .price_w {flex-direction: column; align-items: flex-start;}
    
    /**************************** 회사소개  **************************************/
    .company .sec03 .area_rgh ul {flex-direction: column;}    
    
    /**************************** 쇼핑가이드(이용안내)  **************************************/
    .guide_wrap .sec02 .area_lft {align-items: flex-start; flex-direction: column;}
    
}