@charset "utf-8";
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');
@font-face { font-family: 'BMJUA'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMJUA.woff') format('woff'); font-weight: normal; font-style: normal; }

/* Reset */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:14px;height:100%;font-family: 'Noto Sans KR', sans-serif;font-weight:400}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img, dl, dt, dd, p {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
header ul, nav ul, footer ul {margin:0;padding:0;list-style:none}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button,input[type=button],input[type=submit]{cursor:pointer;}
input[type=text], input[type=password], input[type=submit], input[type=image], button {border-radius:0;-webkit-appearance:none}
textarea, select {font-size:1em;}
textarea {border-radius:0;-webkit-appearance:none}
p {margin:0;padding:0;word-break:break-all}
pre {overflow-x:scroll;font-size:1.1em}
ul,ol,li{list-style:none;padding:0;margin:0;}
input, button, textarea, select {font-family: 'Noto Sans KR', sans-serif; outline: none}
.clear {clear:both}
.fl { float: left; }
.fr { float: right; }

/*사파리 버튼 초기화*/
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], textarea { -webkit-appearance: none; -webkit-border-radius: 0; }

/*--------------------------------------------------------------------------------------------------------------------------*/

/*셀렉트 커스텀*/
select {
    -webkit-appearance: none; /* 화살표 없애기 for chrome*/
    -moz-appearance: none; /* 화살표 없애기 for firefox*/
    appearance: none; /* 화살표 없애기 공통*/
    background-image: url('../img/btn_arrow_select1.png');
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size: 2.222vw;
    background-color: #fff;
    cursor: pointer;
}
select::-ms-expand { display: none; /* 화살표 없애기 for IE10, 11*/ }

/*placeholder*/
input::-ms-input-placeholder { font-weight: 400; color: #ccc; }
input::-webkit-input-placeholder { font-weight: 400; color: #ccc; }
input::-moz-placeholder { font-weight: 400; color: #ccc; }

textarea::-ms-input-placeholder { font-weight: 400; color: #ccc; }
textarea::-webkit-input-placeholder { font-weight: 400; color: #ccc; }
textarea::-moz-placeholder { font-weight: 400; color: #ccc; }

/*드래그*/
::selection { background: #ffd719; color: #fff; }
::-moz-selection { background: #ffd719; color: #fff; }

/*--------------------------------------------------------------------------------------------------------------------------*/

/*가변형 팝업*/
.pop-layer { display: none; position: absolute; top: 50%; left: 50%; z-index: 20; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); width: 70%; height: auto; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
.dim-layer { display: none; position: fixed; _position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
.dim-layer-on { display: block; }
.dim-layer-vis { display: block; visibility: hidden; }
.js-popbasic.vis { visibility: visible; }
.dim-layer .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50); }
.dim-layer .pop-layer { display: block; }

.pop-container { background: #fff; border-radius: 1.389vw; padding:4vw; }
.pop-box { padding: 4.861vw 9.722vw 5.556vw; border-radius: 1.389vw; box-sizing: border-box; }
.pop-tit { margin-bottom: 4.167vw; font-size: 4.167vw; font-weight: 600; color: #111; text-align: center; }
.pop-conts { margin-bottom: 8.333vw; font-size: 3.611vw; font-weight: 400; color: #111; text-align: center; line-height: 4.444vw; }
.pop-close { position: absolute; top: 0; right: 0; width: 9.028vw; height: 9.028vw; background: url('../img/ico_x1.png') center center no-repeat; background-size: 2.778vw; border: none; }


/*공통*/
.wrap { padding-top: 55px; box-sizing: border-box; }
.wrap-ft { padding-bottom: 55px; box-sizing: border-box; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb55 { margin-bottom: 55px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.box-basic { background: #fff; padding: 10px 0 20px; box-sizing: border-box; }
.box-basic .inner { padding: 0 10px; box-sizing: border-box; }

/*버튼 및 셀렉트 커스텀*/
/*버튼 1개*/
.btn-basic,
a.btn-basic { display: block; width: 100%; height: 9.722vw; line-height: 9.444vw; background: #ffd719; border: none; border-radius: 1.389vw !important; box-sizing: border-box; font-size: 3.611vw; font-weight: 600; color: #111; text-align: center; }
.btn-basic-v1,
a.btn-basic-v1 { background: #fff; border: 1px solid #444; box-sizing: border-box; color: #444; }
.btn-basic-v2,
a.btn-basic-v2 { border-radius: 4.861vw !important; box-sizing: border-box; }

/*버튼 2개*/
.btns:after { content: ''; display: block; clear: both; }
.btns .btn { float: left; width: 48.5%; margin-right: 3%; }
.btns .btn:last-child { margin-right: 0; }

/*버튼 하단 고정*/
.fix-btn { position: fixed; left: 0; right: 0; bottom: 2%; width: 92%; margin: 0 auto; }

/*기본 폼 디자인*/
.box-form { position: relative; }
.box-form:after { content: ''; display: block; clear: both; }

.inp-form { display: block; width: 100%; height: 9.722vw; background: #fff; padding: 0 3.472vw; border: 1px solid #ccc; border-radius: 1.389vw !important; box-sizing: border-box; font-size: 3.611vw; font-weight: 500; color: #111; }
.select-form { display: block; width: 100%; height: 9.722vw; padding: 0 3.472vw; border: 1px solid #ccc; border-radius: 1.389vw !important; box-sizing: border-box; font-size: 3.611vw; font-weight: 500; color: #111; }

/*체크박스 및 라디오 버튼 커스텀*/
.ck-custom { display: none; }
.ck-custom + label { display: block; position: relative; cursor: pointer; font-size: 3.333vw; font-weight: 400; color: #444; }
.ck-custom + label .custom { display: inline-block; width: 4.444vw; height: 4.444vw; background: url('../img/btn_check1_off.png') no-repeat; background-size: contain; margin-right: 1.389vw; vertical-align: -1vw; cursor: pointer; }
.ck-custom:checked + label .custom { background-image: url('../img/btn_check1_on.png'); }

.ck-custom2 { display: none; }
.ck-custom2 + label { display: block; }
.ck-custom2 + label .custom { display: block; width: 8.194vw; height: 4.861vw; background: url('../img/btn_check2_off.png') no-repeat; background-size: contain; cursor: pointer; }
.ck-custom2:checked + label .custom { background-image: url('../img/btn_check2_on.png'); }

.ck-custom3 { display: none; }
.ck-custom3 + label { display: block; }
.ck-custom3 + label .custom { display: inline-block; height: 6.944vw; line-height: 6.667vw; text-align: center; background: #fff; padding: 0 2.083vw; border: 1px solid #ccc; border-radius: 3.472vw; box-sizing: border-box; font-size: 3.611vw; font-weight: 400; color: #ccc; cursor: pointer; }
.ck-custom3:checked + label .custom { background: #ffd719; border-color: #ffd719; color: #111; }

.ck-custom4 { display: none; }
.ck-custom4 + label { display: inline-block; position: relative; cursor: pointer; font-size: 3.333vw; font-weight: 400; color: #111; }
.ck-custom4 + label .custom { display: inline-block; width: 3.333vw; height: 3.472vw; background: url('../img/btn_check3_off.png') no-repeat; background-size: contain; margin-right: 0.556vw; vertical-align: -0.556vw; cursor: pointer; }
.ck-custom4:checked + label .custom { background-image: url('../img/btn_check3_on.png'); }

.ck-custom5 { display: none; }
.ck-custom5 + label { display: block; width: 100%; height: 100%; }
.ck-custom5 + label .custom { display: block; width: 100%; height: 100%; background: url('../img/btn_check4_off.png') 5% center no-repeat; background-size: 3.272vw; padding: 0 1.389vw 0 4.444vw; border-radius: 3.472vw; box-sizing: border-box; margin-left: 0.556vw; font-size: 2.778vw; font-weight: 400; color: #111; line-height: 5.278vw; cursor: pointer; }
.ck-custom5:checked + label .custom { background-image: url('../img/btn_check3_on.png'); }

.ck-custom6 { display: none; }
.ck-custom6 + label { display: block; width: 100%; height: 100%; }
.ck-custom6 + label .custom { display: inline-block; width: 4.167vw; height: 4.306vw; background: url('../img/btn_check3_off.png') center center no-repeat; background-size: contain; margin-right: 1.389vw; font-size: 3.333vw; font-weight: 400; color: #111; vertical-align: -0.556vw; cursor: pointer; }
.ck-custom6:checked + label .custom { background-image: url('../img/btn_check3_on.png'); }

.ck-custom7 { display: none; }
.ck-custom7 + label { display: block; width: 100%; height: 100%; }
.ck-custom7 + label .custom { display: inline-block; width: 3.889vw; height: 3.472vw; background: url('../img/btn_check5_off.png') center center no-repeat; background-size: contain; margin-right: 1.389vw; font-size: 3.333vw; font-weight: 400; color: #111; vertical-align: -0.556vw; cursor: pointer; }
.ck-custom7:checked + label .custom { background-image: url('../img/btn_check5_on.png'); }

.ck-custom8 { display: none; }
.ck-custom8 + label { display: block; position: relative; width: 100%; height: 100%; }
.ck-custom8 + label .custom { display: block; width: 100%; height: 100%; border: 1px solid #ccc; border-radius: 2.778vw; box-sizing: border-box; cursor: pointer; }
.ck-custom8 + label .custom img { width: 100%; height: 100%; border-radius: 2.778vw; box-sizing: border-box; }
.ck-custom8 + label .custom .tit-service { position: absolute; width: 100%; left: 0; right: 0; bottom: 1.389vw; font-size: 3.333vw; font-weight: 400; color: #111; text-align: center; }
.ck-custom8:checked + label .custom { border: 2px solid #ffd719; box-sizing: border-box; }

.ck-custom9 { display: none; }
.ck-custom9 + label { display: block; width: 100%; height: 100%; }
.ck-custom9 + label .custom { display: block; width: 100%; height: 100%; background: url('../img/btn_check6_off.png') center center no-repeat; background-size: contain; cursor: pointer; }
.ck-custom9:checked + label .custom { background-image: url('../img/btn_check6_on.png'); }

.ck-custom10 { display: none; }
.ck-custom10 + label { display: block; position: relative; cursor: pointer; font-size: 3.611vw; font-weight: 400; color: #111; }
.ck-custom10 + label .custom { display: inline-block; width: 8.333vw; height: 4.861vw; background: url('../img/btn_check9_off.png') no-repeat; background-size: contain; margin-left: 2.083vw; vertical-align: -1.111vw; cursor: pointer; }
.ck-custom10:checked + label .custom { background-image: url('../img/btn_check9_on.png'); }

.ck-custom11 { display: none; }
.ck-custom11 + label { display: block; }
.ck-custom11 + label .custom { display: inline-block; width: 100%; height: 8.333vw; line-height: 7.778vw; text-align: center; background: #fff; border: 1px solid #111; box-sizing: border-box; font-size: 3.611vw; font-weight: 400; color: #000; cursor: pointer; }
.ck-custom11:checked + label .custom { background: #ffd719; }


.ck-custom12 { display: none; }
.ck-custom12 + label { display: block; position: relative; cursor: pointer; font-size: 3.611vw; font-weight: 400; color: #111; }
.ck-custom12 + label .custom { display: inline-block; width: 122px; height: 48px; line-height:48px; font-size:4vw; background:url('../img/call_off.png') no-repeat center; background-size:122px; background-color:#eee; border-radius:999px; box-sizing:border-box; border:1px solid #2d2d2d; cursor: pointer; }
.ck-custom12:checked + label .custom { background:url('../img/call_on.png') no-repeat center; background-size:122px; background-color:#ffd719; }

/* 별표 */
.star-box { text-align: center; }
.star-input > .input,
.star-input > .input > label:hover,
.star-input > .input > input:focus + label,
.star-input > .input > input:checked + label { display: inline-block; background: url('../img/bg_point1.png') no-repeat; vertical-align: 0; }
.star-input { display: inline-block; height: 11.111vw; white-space: nowrap; }
.star-input > .input{ display: inline-block; position: relative; width: 66.667vw; height: 11.111vw; background-size: 66.667vw; white-space: nowrap; overflow: hidden; }
.star-input > .input > input { position: absolute; width: 1px; height: 1px; opacity: 0; }
/*.star-input > .input.focus { outline:1px dotted #ddd; }*/
.star-input > .input > label { float: left; position: absolute; top: 0; left: 0; width: 11.111vw; height: 0; padding: 11.111vw 0 0 0; overflow: hidden; cursor: pointer; }
.star-input > .input > label:hover,
.star-input > .input > input:focus + label,
.star-input > .input > input:checked + label { background-size: 66.667vw; background-position: 0 bottom; }
.star-input > .input > label:hover ~ label { background-image: none; }
.star-input > .input > label[for="p1"] { width: 11.111vw; z-index: 5; }
.star-input > .input > label[for="p2"] { width: 26.389vw; z-index: 4; }
.star-input > .input > label[for="p3"] { width: 38.889vw; z-index: 3; }
.star-input > .input > label[for="p4"] { width: 52.778vw; z-index: 2; }
.star-input > .input > label[for="p5"] { width: 66.667vw; z-index: 1; }

/*썸네일*/
.thumb { width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }

/*라인*/
.line { content: ''; display: block; width: 100%; height: 8px; background: #f1f1f1; padding: 0; border: none; margin: 0; }

/*컨텐츠 없음*/
.no-conts { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); width: 100%; text-align: center; }
.no-conts .img-dog { width: 36.528vw; margin-bottom: 6.944vw; }
.no-conts .tit-no-result { margin-bottom: 1.389vw; font-size: 4.167vw; font-weight: 600; color: #111; }
.no-conts .no-result-conts { margin-bottom: 6.944vw; font-size: 3.611vw; font-weight: 400; color: #888; }


/*header*/
.header {position:sticky;z-index:999;top:0;width:100%;height:46px;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,0.1);}
.hd { position: relative; height:46px; }
.hd:after { content: ''; display: block; clear: both; }
.hd .hd-new { position: absolute; left: 0; width: 13.889vw; height: 13.889vw; background: url('../img/ico_bell1.png') center center no-repeat; background-size: 5vw; border: none; cursor: pointer; }
.hd .hd-new .new-num { display: inline-block; position: absolute; right: 25%; bottom: 25%; width: 4.167vw; height: 4.167vw; line-height: 4.167vw; text-align: center; background: #ffd719; border-radius: 50%; box-sizing: border-box; font-size: 2.778vw; font-weight: 400; color: #fff; }
.hd .hd-logo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -55%) scale(1); -webkit-transform: translate(-50%, -55%) scale(1); -moz-transform: translate(-50%, -55%) scale(1); -ms-transform: translate(-50%, -55%) scale(1); -o-transform: translate(-50%, -55%) scale(1); width:104px;cursor:pointer;}
.hd .hd-home { position: absolute; right: 0; width:46px; height:46px; background: url('../img/ico_home1.png')no-repeat center/24px; border: none; cursor: pointer; }
.hd .hd-hamburger { position: absolute; left: 0; width:46px; height:46px; border: none; cursor: pointer;
    background:#fff;}

.hd-sub { position: fixed; z-index: 11; top: 13.889vw; width: 100%; height: 11.944vw; line-height: 11.667vw; background: #ffd719; }
.hd-sub .hd-back { position: absolute; left: 0; width: 11.944vw; height: 11.944vw; background: url('../img/btn_back1.png') center center no-repeat; background-size: 2.500vw; border: none; cursor: pointer; }
.hd-sub .tit-sub { font-size: 4.167vw; font-weight: 600; color: #222; text-align: center; }
.hd-sub .hd-close { position: absolute; top: 0; left: 0; width: 11.944vw; height: 100%; background: url('../img/ico_x1.png') center center no-repeat; background-size: 3.472vw; border: none; }
.hd-sub .hd-txt { position: absolute; top: 0; right: 0; height: 100%; line-height: 11.944vw; text-align: center; background: none; padding: 0 4.167vw; border: none; box-sizing: border-box; font-size: 3.333vw; font-weight: 400; color: #111; }

.hd-blank { height: 13.889vw; }
.hd-blank-v1 { height: 25.833vw; }
.hd-blank-v2 { height: 26.389vw; }
.hd-blank-v3 { height: 39.722vw; }
.ft-blank { height: 20.833vw; }


/*인트로*/
.intro { width: 100%; height: 100%; background: url('../img/bg_intro1.jpg') center top no-repeat; background-size: cover; }


/*로그인*/
.login { height: 50%; background: url('../img/bg_dog1.png') center top no-repeat; background-size: 100%; }
.driver_login {  background: url('../img/bg_cat1.jpg') center top no-repeat; background-size: 100%;}
.box-login { position: fixed; left: 0; right: 0; bottom: 15%; width: 80%; background: #fff; padding: 8vw 4vw; box-sizing: border-box; border-radius: 13px; box-shadow: 0 10px 15px rgba(29, 29, 29, 0.15); box-sizing: border-box; margin: 0 auto; }
.box-login .img-logo { display: block; width: 60%; margin: 0 auto 30px; }
.box-login .login-form .inp-form { margin-bottom: 2.778vw; }

.box-login .login-util { margin-bottom: 30px; }
.box-login .login-util:after { content: ''; display: block; clear: both; }
.box-login .auto-login { float: left; }
.box-login .link-find { float: right; font-size: 3.333vw; font-weight: 400; color: #444; }
.box-login .btn-basic-v1 { margin-top: 2.778vw; }
.sns-login { position: fixed; left: 0; right: 0; bottom: 3%; text-align: center; }
.sns-login li { display: inline-block; margin: 0 10px; }
.sns-login li img { width: 13.889vw; height: 13.889vw; border-radius: 50%; box-sizing: border-box; }


/*동의*/
.process-area { position: fixed; top: 25.833vw; z-index: 11; width: 100%; height: 13.889vw; background: #fff; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); box-sizing: border-box; }
.list-process { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); }
.list-process li { display: inline-block; width: 6.944vw; height: 6.944vw; line-height: 6.111vw; text-align: center; border: 1px solid #ccc; border-radius: 50%; box-sizing: border-box; margin: 0 1.667vw; font-size: 3.889vw; color: #ccc; }
.list-process li.active { background: #ffd719; border-color: #111; font-weight: 600; color: #111; }

.agree-area {margin-top: 35px;padding: 5.556vw 4.175vw; box-sizing: border-box; }
.agree-area .all-agree { margin-bottom: 5px; }
.agree-area .list-agree { margin-bottom: 25px; }
.agree-area .list-agree li { background: url('../img/btn_arrow_right1.png') right center no-repeat; background-size: 1.667vw; }
.agree-area .ck-custom + label { display: inline-block; padding: 2.083vw 0; box-sizing: border-box; font-size: 3.611vw; }
.agree-area .ck-custom + label .custom { width: 5.556vw; height: 5.556vw; vertical-align: -1.5vw; }
.agree-area a { display: inline-block; margin-left: 5px; font-size: 3.611vw; font-weight: 400; color: #444; vertical-align: -0.4vw; }
.agree-area .list-agree a { width: 89%; }


/*이용약관*/
.policy .inner { padding: 8.333vw 4.167vw; }
.policy .tit-policy { margin-bottom: 20px; font-size: 3.333vw; font-weight: 600; color: #444; }
.policy .policy-conts { font-size: 2.778vw; font-weight: 400; color: #444; white-space: pre-line; }


/*회원가입*/
.sign .inner { background: #fff; padding: 6.944vw 4.167vw 4.167vw; box-sizing: border-box; }
.sign .pet-form { margin-bottom: 2.778vw; }
.sign-form:after { content: ''; display: block; clear: both; }
.sign-form .tit-sign { float: left; width: 35%; height: 9.722vw; line-height: 9.444vw; padding-left: 3.472vw; box-sizing: border-box; font-size: 3.611vw; font-weight: 600; color: #111; }
.sign-form .box-form { padding-left: 35%; box-sizing: border-box; }
.sign-form .inp-form { position: relative; float: left; margin-bottom: 2.778vw; }
.sign-form .inp-form .inp-form-v1 { width: 80%; height: 100%; border: none; }
.sign-form .inp-form .btn-sign { position: absolute; top: 18%; right: 1.389vw; height: 5.556vw; padding:0 1vw; background: #ffd719; border: none; border-radius: 2.083vw; box-sizing: border-box; font-size: 3.333vw; font-weight: 500; color: #444; }
.sign-form .btn-search { position: absolute; right: 0; width: 9.722vw; height: 9.722vw; background: url('../img/ico_search1.png') center center no-repeat; background-size: 3.333vw; border: none; }
.sign-form .select-form { margin-bottom: 2.778vw; }
.sign .btn-delete { display: block; width: 9.583vw; height: 9.583vw; background: url('../img/ico_minus1.png') center center no-repeat; background-size: contain; border: none; margin: 2.778vw 0 2.778vw auto; }
.sign .btns { position: fixed; left: 0; bottom: 0; width: 100%; background: #fff; padding: 6.944vw 4.167vw; box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.1); box-sizing: border-box; }


.add .inner { background: #fff; padding: 6.944vw 4.167vw 4.167vw; box-sizing: border-box; }
.add .pet-form { margin-bottom: 2.778vw; }
.add .btn-delete { display: block; width: 9.583vw; height: 9.583vw; background: url('../img/ico_minus1.png') center center no-repeat; background-size: contain; border: none; margin: 2.778vw 0 2.778vw auto; }
.add .btns {left: 0; bottom: 0; width: 100%; background: #fff; padding: 6.944vw 4.167vw; box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.1); box-sizing: border-box; }



/*주소*/
.addr-search { background: #f7f7f7; padding: 2.778vw 4.167vw; }
.addr-search .bar-search { background: #fff; height: 11.111vw; border: 1px solid #aaa; box-sizing: border-box; }
.addr-search .bar-search:after { content: ''; display: block; clear: both; }
.addr-search .bar-search .inp-search { float: left; width: 87%; height: 100%; padding-left: 4.167vw; border: none; box-sizing: border-box; font-size: 3.611vw; font-weight: 400; color: #111; }
.addr-search .bar-search .btn-search { float: left; width: 13%; height: 100%; background: url('../img/ico_search1.png') center center no-repeat; background-size: 3.333vw; border: none; }
.list-addr li { position: relative; padding: 5.556vw 4.167vw; box-sizing: border-box; }
.list-addr li:hover { background: #f7f7f7; }
.list-addr li .addr-info { width: 90%; font-size: 3.333vw; font-weight: 400; color: #111; }
.list-addr li .addr-info-v1 { width: 90%; font-size: 3.333vw; font-weight: 400; color: #aaa; }
.list-addr li .zip-code { position: absolute; top: 40%; right: 4.167vw; font-size: 3.333vw; font-weight: 400; color: #111; }


/*아이디 및 비밀번호 찾기*/
.find .inner { background: #fff; padding: 6.944vw 4.167vw 4.167vw; box-sizing: border-box; }
.find .tab-find { margin-bottom: 9.722vw; }
.find .tab-find:after { content: ''; display: block; clear: both; }
.find .tab-find li { float: left; width: 50%; padding-bottom: 5px; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; font-size: 3.611vw; font-weight: 400; color: #dfdfdf; text-align: center; cursor: pointer; }
.find .tab-find li.active { border-bottom: 2px solid #ffd719; box-sizing: border-box; font-weight: 600; color: #001111; }
.find .btn-basic { margin-top: 5.556vw; }


/*메인*/
.bnr-main { position: relative; border-bottom: 1.389vw solid #f5f5f5; box-sizing: border-box; }
.bnr-main .thumb { height:120px; }
.bnr-main .swiper-pagination { left: 0; right: 0; bottom: 6px; }
.bnr-main .swiper-pagination-bullet { width: 1.944vw; height: 1.944vw; border-radius: 50%; box-sizing: border-box; margin: 0 1.111vw; }
.bnr-main .swiper-pagination-clickable .swiper-pagination-bullet { background: #000; margin: 0 1.111vw; opacity: 0.4; }
.bnr-main .swiper-pagination-bullet-active { background: #000 !important; opacity: 1 !important; }

.business-more { height:42px; line-height:42px;padding: 0 16px; border-top: 1px solid #ccc; box-sizing: border-box; font-size:16px; font-weight: 600; color: #111; cursor: pointer; }



/*설정*/
.list-setting { margin-top: 4.167vw; box-sizing: border-box; }
.list-setting li { position: relative; padding: 4.167vw; box-sizing: border-box; cursor: pointer; }
.list-setting .ico-setting { position: absolute; top: 50%; left: 8%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); height: 4.861vw; }
.list-setting .tit-setting { padding-left: 10%; box-sizing: border-box; font-size: 4.167vw; font-weight: 500; color: #111; }


/*알림*/
.list-new li { padding: 3.472vw 4.167vw; border-bottom: 1px solid #ccc; box-sizing: border-box; cursor: pointer; }
.list-new li .tit-new { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 11.111vw; line-height: 5vw; overflow: hidden; white-space: normal; margin-bottom: 0.556vw; font-size: 3.611vw; font-weight: 400; color: #222; }
.list-new li.active .tit-new { font-weight: 0; }
.list-new li .new-date { font-size: 3.333vw; font-weight: 400; color: #ccc; }
.list-new li.active .new-date { font-weight: 0; }
.list-new li .ico-new { height: 3.611vw; margin-left: 5px; vertical-align: -0.556vw; }


/*공지사항*/
.list-news li { padding: 3.472vw 4.167vw; border-bottom: 1px solid #ccc; box-sizing: border-box; cursor: pointer; }
.list-news li .tit-news { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 11.111vw; line-height: 5vw; overflow: hidden; white-space: normal; margin-bottom: 0.556vw; font-size: 3.611vw; font-weight: 400; color: #222; }
.list-news li .news-date { font-size: 3.333vw; font-weight: 400; color: #ccc; }
.list-news li .ico-new { height: 3.611vw; margin-left: 5px; vertical-align: -0.556vw; }


/*공지사항 상세*/
.news-view .inner { padding: 6.944vw 4.167vw; box-sizing: border-box; }
.news-view .tit-news { margin-bottom: 6.944vw; font-size: 3.611vw; font-weight: 600; color: #111; }
.news-view .news-conts { margin-bottom: 6.944vw; font-size: 3.611vw; font-weight: 400; color: #444; white-space: pre-line; }
.news-view .news-date { font-size: 3.611vw; font-weight: 400; color: #ccc; }


/*개인정보 보안*/
.privacy .inner { padding: 6.944vw 4.167vw; }
.privacy .top-area { margin-bottom: 10px; }
.privacy .top-area:after { content: ''; display: block; clear: both; }
.privacy .sign-form .tit-sign { width: 30%; }
.privacy .sign-form .box-form { padding-left: 30%; box-sizing: border-box; }
.privacy .sign-form .inp-form { text-align: right; }
.privacy .sign-form .inp-form .inp-form-v1 { width: 90%; text-align: right; }
.privacy .sign-form .inp-form .btn-sign { left: 3.472vw; width: 10.833vw; }
.privacy .sign-form .inp-form .btn-sign:disabled { background: #f3f3f3; color: #ccc; }
.privacy .sign-form .btn-search { left: 0; }

.privacy .ly { float: left; width: 35%; }
.privacy .ry { float: left; width: 65%; }
.privacy .ry .sign-form .inp-form .inp-form-v1 { width: 65%; }
.privacy .profile-area { position: relative; width: 25vw; height: 25vw; border: 1px solid #ccc; border-radius: 8.333vw; box-sizing: border-box; }
.privacy .profile-area .thumb { width: 100%; height: 100%; border-radius: 8.333vw; box-sizing: border-box; }
.privacy .profile-area .ico-camera { position: absolute; right: 0; bottom: 0; width: 6.944vw; height: 6.944vw; border-radius: 50%; box-sizing: border-box; }

.privacy .btn-pet-info { display: block; width: 36.111vw; height: 9.722vw; line-height: 9.444vw; text-align: center; background: #ffd719; border-radius: 1.389vw; box-sizing: border-box; margin: 1.389vw 0 0 auto; font-size: 3.611vw; font-weight: 400; color: #111; }
.privacy .btn-pet-info img { width: 1.667vw; margin-left: 2.778vw; }

.upload-method:after { content: ''; display: block; clear: both; }
.upload-method li { position: relative; float: left; width: 50%; height: 27.778vw; border-right: 1px solid #ccc; box-sizing: border-box; text-align: center; }
.upload-method li:last-child{ border-right: 0; }
.upload-method li img { position: absolute; top: 15%; left: 0; right: 0; height: 11.806vw; margin: 0 auto; }
.upload-method li .tit-upload { position: absolute; top: 62%; left: 0; right: 0; margin: 0 auto; font-size: 3.611vw; font-weight: 400; color: #000; text-align: center; line-height: 5vw; }

.upload-method label { display: block; width: 100%; height: 100%; border-radius: 8.333vw; box-sizing: border-box; }
.upload-method input[type="file"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }


/*반려동물 리스트*/
.list-pet li { background: url('../img/btn_arrow_right2.png') 90% center no-repeat; background-size: 6.944vw; padding: 8.333vw; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; font-size: 3.611vw; font-weight: 600; color: #111; cursor: pointer; }
.pet .btn-add { display: block; width: 9.722vw; height: 9.722vw; background: url('../img/ico_plus1.png') center center no-repeat; background-size: contain; border: none; margin: 8.333vw auto; }


/*반려동물 상세*/
.pet-view .inner { padding: 6.944vw 4.167vw; box-sizing: border-box; }
.pet-view .btns { margin-top: 4.167vw; }


/*알림*/
.list-push { margin-top: 6.250vw; box-sizing: border-box; }
.list-push li { position: relative; padding: 6.250vw 4.167vw; box-sizing: border-box; }
.list-push li .tit-push { font-size: 4.167vw; font-weight: 400; color: #111; }
.list-push li .push-area { position: absolute; top: 38%; right: 4.167vw; }


/*이용약관 및 정책*/
.policy-list .inner { padding: 6.250vw 6.944vw; box-sizing: border-box; }
.policy-list .tit-policy { margin-bottom: 5.556vw; font-size: 4.167vw; font-weight: 600; color: #111; }
.policy-list .list-policy { margin-bottom: 13.889vw; }
.policy-list .list-policy li { background: url('../img/btn_arrow_right2.png') 60% center no-repeat; background-size: 5.556vw; margin-bottom: 8.333vw; font-size: 3.611vw; font-weight: 400; color: #111; cursor: pointer; }
.policy-list .list-policy li:last-child { margin-bottom: 0; }
.policy-list .company-info li { margin-bottom: 1.389vw; }
.policy-list .company-info li:last-child { margin-bottom: 0; }
.policy-list .company-info li:after { content: ''; display: block; clear: both; }
.policy-list .company-info .tit-company-info { float: left; font-size: 3.611vw; font-weight: 400; color: #666; }
.policy-list .company-info .company-info-conts { float: right; font-size: 3.611vw; font-weight: 400; color: #111; }


/*버전 정보*/
.version .pos { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); width: 100%; text-align: center; }
.version .pos .img-dog { width: 55.556vw; margin-bottom: 6.944vw; }
.version .pos .tit-version { margin-bottom: 2.778vw; font-size: 4.167vw; font-weight: 600; color: #111; }
.version .pos .version-info { margin-bottom: 6.944vw; font-size: 3.611vw; font-weight: 400; color: #888; }
.version .pos .link-update { display: inline-block; width: 41.667vw; height: 11.111vw; line-height: 10.833vw; text-align: center; background: #ffd719; border-radius: 5.556vw; box-sizing: border-box; font-size: 4.167vw; font-weight: 600; color: #444; }


/*게시판*/
.hd-board { position: fixed; z-index: 11; top: 13.889vw; width: 100%; height: 12.500vw; line-height: 12.500vw; background: #fff; padding: 0 4.167vw; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; }
.hd-board:after { content: ''; display: block; clear: both; }
.hd-board .tab-board { float: left; width: 90%; height: 100%; }
.hd-board .tab-board li { position: relative; float: left; width: 25%; padding-top: 0.417vw; box-sizing: border-box;font-size: 3.611vw; font-weight: 400; color: #111; text-align: center; cursor: pointer; }
.hd-board .tab-board li.active { font-weight: 600; }
.hd-board .tab-board li.active::after { content: ''; display: block; clear: both; position: absolute; bottom: 0.486vw; width: 100%; height: 1.389vw; background: #ffd719; }
.hd-board .link-search { width: 10%; height: 100%; background: url('../img/ico_search2.png') center center no-repeat; background-size: 5vw; border: none; }

.list-board > li { position: relative; padding: 4.861vw 4.167vw; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; cursor: pointer; }
.list-board > li .board-date { margin-bottom: 1.389vw; font-size: 3.333vw; font-weight: 400; color: #ccc; }
.list-board > li .tit-board { margin-bottom: 1.389vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 3.611vw; font-weight: 400; color: #111; }
.list-board > li.active .tit-board { font-weight: 600; }
.list-board > li .tit-board .subject { margin-right: 0.694vw; font-weight: 600; }
.list-board > li .board-info .board-writer { display: inline-block; margin-right: 5.556vw; font-size: 3.333vw; font-weight: 400; color: #999; }
.list-board > li .board-info .board-state { display: inline-block; }
.list-board > li .board-info .board-state li { display: inline-block; margin-right: 2.083vw; font-size: 3.333vw; font-weight: 400; color: #111; }
.list-board > li .board-info .board-state li img { width: 4.167vw; margin-right: 1.389vw; }
.list-board > li .board-info .board-state li:nth-child(1) img { vertical-align: -0.556vw; }
.list-board > li .board-info .board-state li:nth-child(2) img { vertical-align: -0.417vw; }
.list-board > li .board-info .board-state li:nth-child(3) img { vertical-align: 0; }
.board .board-util { position: fixed; right: 4.167vw; bottom: 26.389vw; }
.board .board-util a { display: block; margin-top: 2.778vw; }
.board .board-util a img { width: 13.889vw; height: 13.889vw; border-radius: 50%; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-sizing: border-box; }

/*스크랩*/
.list-board-v1 li { padding: 0; }
.list-board-v1 li .inner { padding: 4.861vw 4.167vw; box-sizing: border-box; }
.list-board-v1 li .btn-delete { position: absolute; top: 4.167vw; right: 4.167vw; width: 6.111vw; height: 6.111vw; background: url('../img/ico_x3.png') center center no-repeat; background-size: 3.056vw; border: none; }


/*게시글 검색*/
.board-search { position: fixed; z-index: 11; top: 13.889vw; width: 100%; height: 12.500vw; padding: 2.778vw 4.167vw 0; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; }
.board-search:after { content: ''; display: block; clear: both; }
.board-search .select-subject { float: left; width: 20%; height: 100%; border: none; font-size: 3.611vw; font-weight: 400; color: #111; }
.board-search .bar-search { float: left; width: 80%; height: 100%; }
.board-search .bar-search:after { content: ''; display: block; clear: both; }
.board-search .bar-search .inp-search { float: left; width: 80%; height: 100%; padding: 0 2.083vw; border: none; box-sizing: border-box; font-size: 3.611vw; font-weight: 400; color: #111; }
.board-search .bar-search .btn-search { float: left; width: 20%; height: 100%; background: url('../img/ico_search2.png') center center no-repeat; background-size: 5vw; border: none; }


/*게시글 작성*/
.board-write .inner { padding: 4.167vw; box-sizing: border-box; }
.board-form { height: 9.722vw; line-height: 9.444vw; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; margin-bottom: 1.389vw; }
.board-form:after { content: ''; display: block; clear: both; }
.board-form .tit-write { float: left; width: 25%; height: 100%; padding-left: 2.778vw; box-sizing: border-box; font-size: 3.611vw; font-weight: 600; color: #111; }
.board-form .box-write { float: left; width: 75%; height: 100%; }
.board-form .box-write .select-subject { display: block; height: 100%; background-color: transparent; padding-right: 5.556vw; border: none; box-sizing: border-box; font-size: 3.611vw; font-weight: 400; color: #111; }
.board-form .box-write .list-subject li { display: inline-block; margin-right: 2.778vw; }
.board-form .box-write .name-pic { height: 100%; }
.board-form .box-write .name-pic:after { content: ''; display: block; clear: both; }
.board-form .box-write .name-pic .inp-board { display: block; float: left; width: 85%; height: 100%; border: none; font-size: 3.611vw; font-weight: 400; color: #111; }
.board-form .box-write .name-pic .pic-upload { position: relative; float: left; width: 15%; height: 100%; }
.board-form .box-write .name-pic .pic-upload label { display: block; width: 100%; height: 100%; background: url('../img/ico_camera3.png') center center no-repeat; background-size: 5vw; border-radius: 8.333vw; box-sizing: border-box; }
.board-form .box-write .name-pic .pic-upload input[type="file"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }

.board-write .write-area { display: block; width: 100%; min-height: 44.444vw; border: none; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; margin-bottom: 4.167vw; font-size: 3.333vw; font-weight: 400; color: #111; line-height: 4.167vw; resize: none; }
.board-write .write-area textarea { display: block; width: 100%; height: 94%; padding: 2.083vw 4.167vw; border: none; box-sizing: border-box; font-size: 3.333vw; font-weight: 400; color: #111; line-height: 4.167vw; resize: none; }
.board-write .write-area .pic-area { position: relative; margin: 0 4.167vw; }
.board-write .write-area .pic-area .img-picture { width: 100%; margin-bottom: 4.167vw; }
.board-write .write-area .pic-area .btn-delete { position: absolute; top: 2.778vw; right: 2.778vw; width: 3.472vw; height: 3.472vw; background: url('../img/ico_x2.png'); background-size: contain; border: none; }

.board-write .btn-write { display: block; width: 100%; height: 11.111vw; line-height: 10.833vw; background: #ffd719; border: none; border-radius: 5.556vw !important; box-sizing: border-box; font-size: 3.611vw; font-weight: 600; color: #111; text-align: center; }


/*게시글 상세*/
.board-view .inner { padding: 4.167vw; box-sizing: border-box; }
.board-view .top-area { padding-bottom: 2.778vw; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; margin-bottom: 1.389vw; }
.board-view .top-area .board-date { margin-bottom: 1.389vw; font-size: 3.333vw; font-weight: 400; color: #ccc; }
.board-view .top-area .tit-board { margin-bottom: 3.472vw; font-size: 3.611vw; font-weight: 400; color: #111; line-height: 4.167vw; }
.board-view .top-area .tit-board .subject { margin-right: 0.694vw; font-weight: 600; }
.board-view .top-area .writer-info .thumb { width: 6.944vw; height: 6.944vw; border-radius: 50%; box-sizing: border-box; margin-right: 0.556vw; vertical-align: -2.222vw; }
.board-view .top-area .writer-info .board-writer { font-size: 3.333vw; font-weight: 400; color: #111; }
.board-view .top-area .writer-info .btns-board { float: right; }
.board-view .top-area .writer-info .btns-board .btn { float: left; height: 6.944vw; background: #ffd719; padding: 0 1.667vw; border: 2px solid #efc600; border-radius: 3.472vw; box-sizing: border-box; margin-left: 1.389vw; font-size: 2.778vw; font-weight: 400; color: #111; }
.board-view .top-area .writer-info .btns-board .like-area { float: left; height: 6.944vw; background: #ffd719; border: 2px solid #efc600; border-radius: 3.472vw; box-sizing: border-box; margin-left: 1.389vw; }
.board-view .top-area .writer-info .btns-board .btn img { height: 3.472vw; margin-right: 0.694vw; vertical-align: -0.278vw; }

.board-view .view-area { padding-bottom: 1.389vw; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; margin-bottom: 2.778vw; }
.board-view .view-area .txt-board { padding: 2.083vw 4.167vw; box-sizing: border-box; margin-bottom: 4.167vw; font-size: 3.333vw; font-weight: 400; color: #111; line-height: 4.167vw; white-space: pre-line; }
.board-view .view-area .pic-area { margin: 0 4.167vw; }
.board-view .view-area .img-picture { width: 100%; }

.board-view .view-area .board-info { margin-top: 6.944vw; }
.board-view .view-area .board-info:after { content: ''; display: block; clear: both; }
.board-view .view-area .board-state { float: left; margin-top: 1.389vw; }
.board-view .view-area .board-state li { display: inline-block; margin-right: 2.083vw; font-size: 3.333vw; font-weight: 400; color: #111; }
.board-view .view-area .board-state li img { width: 4.167vw; margin-right: 1.389vw; }
.board-view .view-area .board-state li:nth-child(1) img { vertical-align: -0.556vw; }
.board-view .view-area .board-state li:nth-child(2) img { vertical-align: -0.417vw; }
.board-view .view-area .board-state li:nth-child(3) img { vertical-align: 0; }
.board-view .view-area .btns-modify { float: right; }
.board-view .view-area .btns-modify:after { content: ''; display: block; clear: both; }
.board-view .view-area .btns-modify .btn { float: left; width: 13.750vw; height: 6.944vw; line-height: 6.389vw; text-align: center; background: none; border: 1px solid #111; box-sizing: border-box; margin-left: 2.778vw; font-size: 3.333vw; font-weight: 400; color: #111; }
.board-view .view-area .btns-modify .btn:first-child { margin-left: 0; }

.list-reply { padding: 4.167vw 0; box-sizing: border-box; }
.list-reply > li { padding-bottom: 3.472vw; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; margin-bottom: 4.167vw; }
.list-reply > li:last-child { margin-bottom: 0; }
.list-reply > li .reply-area { margin-bottom: 4.167vw; }
.list-reply > li .reply-area:last-child { margin-bottom: 0; }
.list-reply > li .writer-info .thumb { width: 6.944vw; height: 6.944vw; border-radius: 50%; box-sizing: border-box; margin-right: 0.556vw; vertical-align: -2.222vw; }
.list-reply > li .writer-info .reply-writer { font-size: 3.333vw; font-weight: 400; color: #111; }
.list-reply > li .box-reply { padding-left: 8.889vw; box-sizing: border-box; }
.list-reply > li .box-reply .reply-conts { margin-bottom: 2.778vw; font-size: 3.333vw; font-weight: 400; color: #444; line-height: 4.167vw; white-space: pre-line; }
.list-reply > li .box-reply .reply-conts .user-reply { margin-right: 0.694vw; font-weight: 600; }
.list-reply > li .box-reply .reply-util:after { content: ''; display: block; clear: both; }
.list-reply > li .box-reply .reply-util li { float: left; margin-right: 5.556vw; font-size: 3.333vw; font-weight: 400; color: #ccc; }
.list-reply > li .box-reply .reply-util li:nth-child(2) { cursor: pointer; }
.list-reply > li .box-reply .reply-util li:last-child { margin-right: 0; }

.re-reply { padding-left: 4.167vw; box-sizing: border-box; }
.re-reply > li { padding-bottom: 3.472vw; box-sizing: border-box; }
.re-reply > li:last-child { padding-bottom: 0; }
.re-reply > li .reply-area { margin-bottom: 4.167vw; }
.re-reply > li .reply-area:last-child { margin-bottom: 0; }
.re-reply > li .writer-info .thumb { width: 6.944vw; height: 6.944vw; border-radius: 50%; box-sizing: border-box; margin-right: 0.556vw; vertical-align: -2.222vw; }
.re-reply > li .writer-info .reply-writer { font-size: 3.333vw; font-weight: 400; color: #111; }
.re-reply > li .box-reply { padding-left: 8.889vw; box-sizing: border-box; }
.re-reply > li .box-reply .reply-conts { margin-bottom: 2.778vw; font-size: 3.333vw; font-weight: 400; color: #444; line-height: 4.167vw; white-space: pre-line; }
.re-reply > li .box-reply .reply-conts .user-reply { margin-right: 0.694vw; font-weight: 600; }
.re-reply > li .box-reply .reply-util:after { content: ''; display: block; clear: both; }
.re-reply > li .box-reply .reply-util li { float: left; margin-right: 5.556vw; font-size: 3.333vw; font-weight: 400; color: #ccc; }
.re-reply > li .box-reply .reply-util li:last-child { margin-right: 0; }


/*마이페이지*/
.mypage .inner { padding: 4.167vw; box-sizing: border-box; }
.mypage .user-info { background: url('../img/btn_arrow_right3.png') 95% center no-repeat; background-size: 6.944vw; padding: 2.778vw 4.167vw; border-radius: 8.333vw; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); box-sizing: border-box; cursor: pointer; }
.mypage .user-info .profile-area { display: inline-block; width: 22.222vw; height: 22.222vw background: #fff; border: 1px solid #ccc; border-radius: 8.333vw; box-sizing: border-box; }
.mypage .user-info .profile-area .thumb { width: 100%; /* height: 100%; */ border-radius: 8.333vw; box-sizing: border-box; }
.mypage .user-info .user-name { display: inline-block; margin-left: 2.778vw; font-size: 4.444vw; font-weight: 600; color: #111; }
.list-mypage { margin-top: 4.167vw; box-sizing: border-box; }
.list-mypage li { position: relative; padding: 3.333vw; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; cursor: pointer; }
.list-mypage li:last-child { border-bottom: 0; }
.list-mypage .ico-mypage { position: absolute; top: 50%; left: 5%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); height: 4.861vw; }
.list-mypage .tit-mypage { padding-left: 8%; box-sizing: border-box; font-size: 4.167vw; font-weight: 500; color: #222; }


/*댓글 작성*/
.reply .inner { padding: 4.167vw; box-sizing: border-box; }
.reply .list-reply { padding: 0; }
.reply .list-reply > li { padding: 3.472vw 4.167vw; }
.reply .reply-writer { margin-bottom: 3.472vw; font-size: 3.333vw; font-weight: 400; color: #111; }
.reply .textarea-reply { display: block; width: 100%; min-height: 27.778vw; padding: 2.778vw; border: 1px solid #dfdfdf; box-sizing: border-box; margin-bottom: 4.167vw; resize: none; font-size: 3.333vw; font-weight: 400; color: #444; line-height: 4.167vw; }


/*예약내역 및 이용내역*/
.tab-history { padding: 4.167vw 0; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; text-align: center; }
.tab-history li { display: inline-block; width: 25vw; height: 9.722vw; line-height: 9.444vw; text-align: center; border: 1px solid #ccc; border-radius: 1.389vw; box-sizing: border-box; margin: 0 2.083vw; font-size: 3.611vw; font-weight: 400; color: #ccc; cursor: pointer; }
.tab-history li.active { background: #ffd719; border-color: transparent; font-weight: 600; color: #111; }

.list-book-history > li { position: relative; padding: 8.333vw 4.167vw; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; cursor: pointer; }
.list-book-history .book-date { background: url('../img/btn_arrow_right1.png') 96% center no-repeat; background-size: 1.667vw; margin-bottom: 3.472vw; font-size: 3.611vw; font-weight: 400; color: #111; }
.list-book-history .book-date span { margin-left: 0.694vw; font-size: 3.333vw; font-weight: 400; color: #aaa; }
.list-book-history .book-info li { margin-bottom: 3.056vw; }
.list-book-history .book-info li:after { content: ''; display: block; clear: both; }
.list-book-history .book-info .tit-book { float: left; width: 20%; font-size: 3.611vw; font-weight: 400; color: #111; }
.list-book-history .book-info .book-conts { float: left; width: 80%; font-size: 3.611vw; font-weight: 400; color: #111; }

.list-use li { padding: 5.556vw 4.167vw; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; }
.list-use li:after { content: ''; display: block; clear: both; }
.list-use .thumb { float: left; width: 23.611vw; height: 23.611vw; border: 1px solid #444; border-radius: 8.333vw; box-sizing: border-box; }
.list-use .business-info { float: right; width: 65%; text-align: right; }
.list-use .business-info .use-date { margin-bottom: 2.778vw; font-size: 3.611vw; font-weight: 400; color: #111; }
.list-use .business-info .use-date span { font-size: 3.333vw; font-weight: 400; color: #aaa; }
.list-use .business-info .business-name { margin-bottom: 2.778vw; font-size: 3.889vw; font-weight: 600; color: #222; }
.list-use .business-info .use-start,
.list-use .business-info .use-end { margin-bottom: 1.389vw; font-size: 3.611vw; font-weight: 400; color: #111; }
.list-use .business-info .use-start span,
.list-use .business-info .use-end span { color: #aaa; }
.list-use .business-info .btns { margin-top: 6.944vw; }
.list-use .business-info .btns .btn { width: 47.5%; margin-right: 5%; }
.list-use .business-info .btns .btn:last-child { margin-right: 0; }


/*예약내역 상세*/
.book-view .inner { padding: 4.167vw; box-sizing: border-box; }
.book-view .book-date { margin-bottom: 3.056vw; font-size: 3.333vw; font-weight: 400; color: #aaa; }
.book-view .book-date span { margin-right: 2.778vw; font-size: 3.611vw; font-weight: 600; color: #111; }
.book-view .book-info li { margin-bottom: 3.056vw; }
.book-view .book-info li:after { content: ''; display: block; clear: both; }
.book-view .book-info .tit-book { float: left; font-size: 3.611vw; font-weight: 400; color: #111; }
.book-view .book-info li.point .tit-book { font-weight: 600; }
.book-view .book-info .tit-book span { font-size: 3.333vw; font-weight: 400; color: #888; }
.book-view .book-info .book-conts { float: right; font-size: 3.611vw; font-weight: 400; color: #111; text-align: right; }
.book-view .book-info li.point .book-conts { font-weight: 600; }
.book-view .btn-basic:disabled { background: #f5f5f5; color: #ccc; }


/*리뷰 작성*/
.review .pos { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); text-align: center; }
.review .tit-review { margin-bottom: 2.083vw; font-size: 4.167vw; font-weight: 600; color: #111; }
.review .review-conts { margin-bottom: 4.167vw; font-size: 3.611vw; font-weight: 400; color: #888; line-height: 4.444vw; }
.review .btn-review { width: 52.778vw; height: 11.111vw; background: #ffd719; border: none; border-radius: 5.556vw; box-sizing: border-box; margin-top: 4.167vw; font-size: 3.611vw; font-weight: 600; color: #111; }


/*리뷰 작성2*/
.review-write .inner { padding: 5.556vw 4.167vw; }
.review-write .review-state { text-align: center; }
.review-write .thumb { width: 23.611vw; border: 1px solid #444; border-radius: 8.333vw; box-sizing: border-box; margin-bottom: 2.083vw }
.review-write .company-name { margin-bottom: 2.083vw; font-size: 4.167vw; font-weight: 600; color: #111; }
.review-write .review-point { margin-bottom: 5.556vw; }
.review-write .review-point li { display: inline-block; margin: 0 0.694vw; }
.review-write .review-point li img { width: 6.944vw; }
.review-write textarea { display: block; width: 100%; min-height: 41.667vw; padding: 3.472vw 4.167vw; border: 1px solid #888; box-sizing: border-box; margin-bottom: 2.778vw; font-size: 3.611vw; font-weight: 400; color: #111; line-height: 4.167vw; resize: none; }
.review-write .review-util { height: 13.889vw; }
.review-write .review-util:after { content: ''; display: block; clear: both; }
.review-write .pic-area { position: relative; float: left; width: 15%; height: 100%; border: 1px solid #888; box-sizing: border-box; margin-right: 5%; }
.review-write .pic-upload { width: 100%; height: 100%; }
.review-write .pic-upload label { display: block; width: 100%; height: 100%; background: url('../img/ico_camera4.png') center center no-repeat; background-size: 5.972vw; }
.review-write .pic-upload input[type="file"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
.review-write .pic-upload img { width: 100%; height: 100%; box-sizing: border-box; }
.review-write .pic-area .btn-delete { position: absolute; right: 0.694vw; bottom: 0.694vw; width: 3.472vw; height: 3.472vw; background: url('../img/ico_minus2.png') center center no-repeat; background-size: contain; border: none; border-radius: 50%; box-sizing: border-box; }
.review-write .btn-review { float: left; width: 80%; height: 100%; background: #ffd719; border: none; font-size: 3.611vw; font-weight: 600; color: #111; }


/*내가 쓴 리뷰*/
.myreview .pos { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); width: 100%; text-align: center; }
.myreview .pos .img-dog { width: 36.528vw; margin-bottom: 6.944vw; }
.myreview .pos .tit-no-result { margin-bottom: 1.389vw; font-size: 4.167vw; font-weight: 600; color: #111; }
.myreview .pos .no-result-conts { margin-bottom: 6.944vw; font-size: 3.611vw; font-weight: 400; color: #888; }

.list-myreview li { padding: 4.167vw; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; }
.list-myreview li:after { content: ''; display: block; clear: both; }
.list-myreview .thumb { float: left; width: 23.611vw; height: 23.611vw; border: 1px solid #444; border-radius: 8.333vw; box-sizing: border-box; }
.list-myreview .business-info { float: right; width: 65%; text-align: right; }
.list-myreview .business-info .use-date { margin-bottom: 1.389vw; font-size: 3.611vw; font-weight: 400; color: #aaa; }
.list-myreview .business-info .business-name { margin-bottom: 2.778vw; font-size: 3.889vw; font-weight: 600; color: #222; }
.list-myreview .business-info .btn-basic { width: 47.5%; margin: 0 0 0 auto; }


/*내가 쓴 리뷰 상세*/
.myreview-view .review-area { padding: 4.167vw; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; }
.myreview-view .review-area:after { content: ''; display: block; clear: both; }
.myreview-view .review-state { margin-bottom: 4.167vw; }
.myreview-view .review-state:after { content: ''; display: block; clear: both; }
.myreview-view .review-state .thumb { float: left; width: 23.611vw; height: 23.611vw; border: 1px solid #444; border-radius: 8.333vw; box-sizing: border-box; }
.myreview-view .review-state .business-info { float: right; width: 65%; text-align: right; }
.myreview-view .review-state .business-info .use-date { margin-bottom: 0.694vw; font-size: 3.611vw; font-weight: 400; color: #aaa; }
.myreview-view .review-state .business-info .business-name { margin-bottom: 0.694vw; font-size: 3.889vw; font-weight: 600; color: #222; }
.myreview-view .review-state .business-info .review-point li { display: inline-block; margin: 0 0.278vw; }
.myreview-view .review-state .business-info .review-point li img { width: 5.139vw; }
.myreview-view .review-conts { position: relative; background: #f8f8f8; padding: 4.167vw 4.467vw 22.222vw; box-sizing: border-box; margin-bottom: 2.778vw; font-size: 3.611vw; font-weight: 400; color: #111; line-height: 4.167vw; }
.myreview-view .review-conts img { position: absolute; right: 4.167vw; bottom: 4.167vw; width: 13.889vw; height: 13.889vw; }
.myreview-view .btns-modify { float: right; }
.myreview-view .btns-modify:after { content: ''; display: block; clear: both; }
.myreview-view .btns-modify .btn { float: left; width: 19.444vw; height: 8.333vw; line-height: 8.056vw; text-align: center; background: #ffd719; border: 1px solid #ffd719; box-sizing: border-box; margin-left: 2.778vw; font-size: 3.611vw; font-weight: 400; color: #111; }
.myreview-view .btns-modify .btn-delete { background: none; border: 1px solid #111; box-sizing: border-box; margin-left: 2.778vw; }
.myreview-view .btns-modify .btn:first-child { margin-left: 0; }
.myreview-view .inner { padding: 0 4.167vw; box-sizing: border-box; }
.myreview-view .list-reply > li { border-bottom: 0; }

/*심플 라이트박스 커스텀*/
.sl-overlay { background: #000 !important; }
.sl-wrapper .sl-close { color: #fff; }


/*포인트*/
.point .point-info { position: relative; background: url('../img/btn_arrow_bottom1.png') 90% center no-repeat; background-size: 4.167vw; padding: 6.944vw 8.333vw; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; cursor: pointer; }
.point .point-info.active { background-image: url('../img/btn_arrow_top2.png'); }
.point .point-info:after { content: ''; display: block; clear: both; }
.point .point-info .user-info .thumb { width: 13.889vw; height: 13.889vw; border: 1px solid #ccc; border-radius: 50%; box-sizing: border-box; margin-right: 1.389vw; vertical-align: -5.556vw; }
.point .point-info .user-info .user-name { font-size: 3.611vw; font-weight: 600; color: #111; }
.point .point-info .point-state { position: absolute; top: 11.111vw; right: 17.361vw; font-size: 3.611vw; font-weight: 400; color: #111; }
.point .point-info .point-state img { width: 4.861vw; margin-right: 1.389vw; vertical-align: -4px; }
.list-point { display: none; }
.list-point.active { display: block; }
.list-point li { padding: 2.778vw 8.333vw; box-sizing: border-box; }
.list-point li:after { content: ''; display: block; clear: both; }
.list-point .tit-point { float: left; font-size: 3.611vw; font-weight: 600; color: #111; }
.list-point .tit-point .point-date { margin-left: 2.083vw; font-size: 3.333vw; font-weight: 400; color: #aaa; }
.list-point .point-num { float: right; font-size: 3.611vw; font-weight: 600; color: #111; }
.list-point .point-num-v1 { color: #e8433f; }


/*쿠폰*/
.coupon-register { display:none; padding: 6.944vw 4.167vw; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; }
.coupon-register:after { content: ''; display: block; clear: both; }
.coupon-register .inp-coupon { display: block; float: left; width: 72%; height: 11.111vw; padding: 0 4.167vw; border: 1px solid #111; border-radius: 5.556vw; box-sizing: border-box; margin-right: 4%; font-size: 3.611vw; font-weight: 400; color: #111; }
.coupon-register .btn-coupon { float: left; width: 24%; height: 11.111vw; background: #ffd719; border: none; border-radius: 5.556vw; box-sizing: border-box; font-size: 3.611vw; font-weight: 600; color: #111; }

.coupon .inner { padding: 4.167vw; box-sizing: border-box; }
.coupon .use-coupon { margin-bottom: 4.167vw; font-size: 3.611vw; font-weight: 400; color: #111; }
.coupon .use-coupon span { font-weight: 600; }
.list-coupon li { position:relative; box-sizing: border-box; margin-bottom: 4.167vw; cursor: pointer; background: #fff; border-radius:8px; }
.list-coupon li:last-child { margin-bottom: 0; }
.list-coupon .coupon-num { height: 20vw; padding: 6vw 4.167vw; padding-right:6vw; box-sizing: border-box; font-size: 3.611vw; font-weight: 600; color: #111; background:#ffd719; border-radius:10px 10px 0 0 ; }
.list-coupon .coupon-num div { overflow:hidden; width:100%; height:10vw; }
.list-coupon .coupon-info { padding:0 4.167vw; width:100%; height:14vw; line-height:14vw; box-sizing: border-box; text-align: right; background:#fff; border-radius:0 0 10px 10px; box-shadow:2px 4px 12px rgba(0,0,0,.1);}
.list-coupon .coupon-info .coupon-code { font-size: 3.333vw; font-weight: 400; color: #111; }
.list-coupon .coupon-info .coupon-date { float:right: font-size: 3.333vw;  font-weight: 400; color: #111; }
.list-coupon .coupon-info .coupon_price { float:left; font-size: 3.333vw; }
.list-coupon .coupon-info .coupon_price b { font-size: 4vw; font-weight:800; color:#222; }

.coupon_block_img { position:absolute; z-index:9; top:12%; right:-.4%; }
.coupon_bar {width:92%; height:2px; background:#f2f2f2;}
.coupon_bar2 {width:92%; height:2px; background:#f8f8f8;}


/*찜한 펫택시*/
.list-taxi li { padding: 5.556vw 4.167vw; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; }
.list-taxi li:after { content: ''; display: block; clear: both; }
.list-taxi .thumb { float: left; width: 23.611vw; height: 23.611vw; border: 1px solid #444; border-radius: 8.333vw; box-sizing: border-box; }
.list-taxi .business-info { float: right; width: 65%; text-align: right; }
.list-taxi .business-info .business-name { margin-bottom: 2.778vw; font-size: 3.889vw; font-weight: 600; color: #222; }
.list-taxi .business-info .btns { margin-top: 6.944vw; }
.list-taxi .business-info .btns .btn { width: 47.5%; margin-right: 5%; }
.list-taxi .business-info .btns .btn:last-child { margin-right: 0; }


/*펫택시 상세*/
.taxi-view > .inner { padding: 2.778vw 4.167vw 16.667vw; box-sizing: border-box; }
.taxi-info { background: #fff; }
.taxi-info .thumb { width: 27.778vw; height: 27.778vw; border: 1px solid #444; border-radius: 8.333vw; box-sizing: border-box; }
.taxi-info .inner { padding: 5.556vw 4.167vw 6.944vw; box-sizing: border-box; }

.taxi-info { margin-bottom: 5.556vw; }

/*수정사항*/
.biz-slide { position: relative; margin-bottom: 5.556vw; }
.biz-slide .thumb { width: 100%; height: 47.222vw; border: none; border-radius: 0; }
.biz-slide .swiper-container-horizontal>.swiper-pagination-bullets,
.biz-slide .swiper-pagination-custom,
.biz-slide .swiper-pagination-fraction { left: auto; right: 2.778vw; bottom: 2.778vw; width: auto; height: 5.556vw; background: rgba(0, 0, 0, 0.4); padding: 0 2.083vw; border-radius: 2.778vw; box-sizing: border-box; font-size: 3.333vw; font-weight: 300; color: #fff; letter-spacing: -1px; }

.taxi-info .business-name { margin-bottom: 2.083vw; font-size: 4.444vw; font-weight: 600; color: #111; text-align: center; }
.taxi-info .review-point { margin-bottom: 2.778vw; text-align: center; }
.taxi-info .review-point li { display: inline-block; margin: 0 0.278vw; }
.taxi-info .review-point li img { width: 5.139vw; }

.taxi-info .business-util { border-bottom: 1px solid #ccc; box-sizing: border-box; }
.taxi-info .business-util:after { content: ''; display: block; clear: both; }
.taxi-info .business-util li { float: left; width: 33.33%; height: 11.111vw; line-height: 10.833vw; text-align: center; font-size: 3.333vw; font-weight: 400; color: #111; vertical-align: -0.556vw; }
.taxi-info .business-util li img { height: 3.472vw; margin-right: 1.389vw; }

.taxi-info .list-tag { margin-bottom: 4.861vw; }
.taxi-info .list-tag:after { content: ''; display: block; clear: both; }
.taxi-info .list-tag li { float: left; width: 32%; height: 6.944vw; line-height: 6.667vw; text-align: center; border: 1px solid #ccc; box-sizing: border-box; margin-right: 2%; margin-bottom: 2.083vw; font-size: 3.611vw; font-weight: 400; color: #444; }
.taxi-info .list-tag li:nth-child(3n) { margin-right: 0; }

/*.taxi-info .service-info { margin-top: 7.639vw; }
.taxi-info .service-info li { margin-bottom: 2.083vw; }
.taxi-info .service-info li:after { content: ''; display: block; clear: both; }
.taxi-info .service-info .tit-service { float: left; font-size: 3.611vw; font-weight: 600; color: #111; }
.taxi-info .service-info .service-conts { float: right; font-size: 3.611vw; font-weight: 400; color: #444; }*/

.taxi-info .coupon-area .tit-detail { margin-bottom: 2.083vw; font-size: 3.611vw; font-weight: 600; color: #111; }
.taxi-info .coupon-area .btn-download { position: relative; width: 100%; height: 12.500vw; background: none; padding: 0 3.472vw; border: 1px solid #111; border-radius: 2.778vw; box-sizing: border-box; font-size: 3.611vw; font-weight: 600; color: #111; text-align: left; }
.taxi-info .coupon-area .btn-download img { float: right; width: 3.750vw; }

.taxi-detail { background: #fff; margin-bottom: 5.556vw; }
.taxi-detail .tab-taxi { padding: 1.389vw; box-sizing: border-box; }
.taxi-detail .tab-taxi:after { content: ''; display: block; clear: both; }
.taxi-detail .tab-taxi li { float: left; width: 31.33%; height: 6.944vw; line-height: 6.667vw; text-align: center; border-radius: 3.472vw; box-sizing: border-box; margin-right: 3%; font-size: 3.611vw; font-weight: 400; color: #ccc; cursor: pointer; }
.taxi-detail .tab-taxi li:last-child { margin-right: 0; }
.taxi-detail .tab-taxi li.active { background: #ffd719; color: #111; }

.taxi-detail .business-about { padding: 4.167vw; box-sizing: border-box; }
.taxi-detail .business-about img { width: 100%; }

.taxi-detail .business-info { padding: 4.167vw; box-sizing: border-box; }
.taxi-detail .tit-detail { margin-bottom: 2.083vw; font-size: 3.611vw; font-weight: 600; color: #111; }
.taxi-detail .list-service { margin-bottom: 2.778vw; }
.taxi-detail .list-service:after { content: ''; display: block; clear: both; }
.taxi-detail .list-service li { float: left; width: 22%; height: 5.556vw; line-height: 5.278vw; text-align: center; border: 1px solid #888; border-radius: 2.778vw; box-sizing: border-box; background: #f3f3f3; margin-right: 1.389vw; margin-bottom: 1.389vw; font-size: 3.333vw; font-weight: 400; color: #111; }
.taxi-detail .business-detail li { margin-bottom: 4.167vw; }
.taxi-detail .business-detail li:last-child { margin-bottom: 0; }
.taxi-detail .business-detail .tit-business-info { font-size: 3.611vw; font-weight: 600; color: #111; }
.taxi-detail .business-detail .business-info-conts { font-size: 3.333vw; font-weight: 400; color: #444; }

.taxi-detail .list-review li { padding: 4.167vw; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; }
.taxi-detail .list-review li:last-child { border-bottom: 0; }
.taxi-detail .list-review .thumb { float: right; width: 20.833vw; height: 20.833vw; border-radius: 1.389vw; box-sizing: border-box; }
.taxi-detail .list-review .review-conts { min-height: 20.833vw; margin-right: 23.611vw; margin-bottom: 1.389vw; font-size: 3.333vw; font-weight: 400; color: #111; line-height: 3.889vw; }
.taxi-detail .list-review .write-info .review-writer { font-size: 3.333vw; font-weight: 400; color: #ccc; }
.taxi-detail .list-review .write-info .review-date { margin-left: 1.389vw; font-size: 3.333vw; font-weight: 400; color: #ccc; }
.taxi-detail .list-review .review-reply { background: #f3f3f3; padding: 2.778vw; box-sizing: border-box; margin-top: 3.472vw; }
.taxi-detail .list-review .review-reply .business-name { margin-bottom: 1.389vw; font-size: 3.333vw; font-weight: 600; color: #111; }
.taxi-detail .list-review .review-reply .reply-conts { font-size: 3.333vw; font-weight: 400; color: #111; line-height: 3.889vw; white-space: pre-line; }
.taxi-detail .list-review .review-reply .reply-date { margin-top: 4.167vw; font-size: 3.333vw; font-weight: 400; color: #888; }

.taxi-view .btn-book { position: fixed; left: 0; bottom: 0; width: 100%; background: #fff; padding: 4.167vw; box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.1); box-sizing: border-box; }


/*예약하기*/
.list-book li { position: relative; padding: 6.944vw 4.167vw; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; }
.list-book li:after { content: ''; display: block; clear: both; }
.list-book .thumb { float: left; width: 23.611vw; height: 23.611vw; border: 1px solid #444; border-radius: 8.333vw; box-sizing: border-box; }
.list-book .business-info { position: absolute; right: 4.167vw; bottom: 6.944vw; width: 65%; text-align: right; }
.list-book .business-info .business-name { margin-bottom: 2.778vw; font-size: 3.889vw; font-weight: 600; color: #222; }
.list-book .business-info .btn-basic { width: 47.5%; margin: 0 0 0 auto; }


/*펫택시*/
.taxi-search { padding: 2.778vw 4.167vw; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; }
.taxi-search:after { content: ''; display: block; clear: both; }
.taxi-search .bar-search { float: left; width: 87%; height: 8.333vw; border: 1px solid #111; border-radius: 1.389vw; box-sizing: border-box; margin-right: 3%; }
.taxi-search .bar-search:after { content: ''; display: block; clear: both; }
.taxi-search .bar-search .inp-search { float: left; width: 85%; height: 100%; background: none; padding: 0 4.167vw; border: none; box-sizing: border-box; font-size: 3.611vw; font-weight: 400; color: #111; }
.taxi-search .bar-search .btn-search { float: left; width: 15%; height: 100%; background: url('../img/ico_search2.png') center center no-repeat; background-size: 5vw; border: none; }
.taxi-search .btn-filter { display: block; float: left; width: 10%; height: 8.333vw; background: url('../img/ico_filter1.png') center center no-repeat; background-size: 5.278vw; border: 1px solid #444; border-radius: 1.389vw; box-sizing: border-box; }

.list-business-v1 li { position: relative; padding: 3.472vw 4.167vw; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; }
.list-business-v1 li:after { content: ''; display: block; clear: both; }
.list-business-v1 .thumb { float: left; width: 23.611vw; height: 23.611vw; border: 1px solid #444; border-radius: 8.333vw; box-sizing: border-box; margin-top: 2.222vw; }
.list-business-v1 .business-info { float: right; width: 65%; text-align: right; }
.list-business-v1 .business-info .business-name { margin-bottom: 1.389vw; font-size: 3.889vw; font-weight: 600; color: #222; }
.list-business-v1 .business-info .business-about { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 8.611vw; line-height: 4.306vw; overflow: hidden; white-space: normal; font-size: 3.333vw; font-weight: 400; color: #444; }
.list-business-v1 .business-info .btns { margin-top: 2.778vw;  }
.list-business-v1 .business-info .btns .btn { width: 47.5%; margin-right: 5%; }
.list-business-v1 .business-info .btns .btn:last-child { margin-right: 0; }

.paging { margin: 2.778vw 0; text-align: center; }
.paging .btn-prev { width: 6.944vw; height: 6.944vw; background: url('../img/btn_prev1.png') center center no-repeat; background-size: contain; border: none; }
.paging .btn-next { width: 6.944vw; height: 6.944vw; background: url('../img/btn_next1.png') center center no-repeat; background-size: contain; border: none; }
.paging .paging-num { padding: 0 3.472vw; box-sizing: border-box; font-size: 3.611vw; font-weight: 400; color: #111; vertical-align: -0.556vw; }

.bnr-pettaxi { position: relative; padding: 0 4.167vw; box-sizing: border-box; margin-bottom: 2.083vw; }
.bnr-pettaxi .thumb { height: 30.694vw; border-radius: 2.778vw; box-sizing: border-box; }
.bnr-pettaxi .swiper-pagination { left: 0; right: 0; bottom: 1.389vw; }
.bnr-pettaxi .swiper-pagination-bullet { width: 1.944vw; height: 1.944vw; border-radius: 50%; box-sizing: border-box; margin: 0 1.111vw; }
.bnr-pettaxi .swiper-pagination-clickable .swiper-pagination-bullet { background: #000; margin: 0 1.111vw; opacity: 0.4; }
.bnr-pettaxi .swiper-pagination-bullet-active { background: #000 !important; opacity: 1 !important; }

.select-filter-area { padding: 4.167vw 11.111vw 9.722vw; border-bottom: 1px solid #ccc; box-sizing: border-box; }
.select-filter-area .pop-tit { margin-bottom: 11.806vw; font-size: 3.611vw; }
.select-filter { display: block; width: 100%; height: 8.194vw; border: 1px solid #111; border-radius: 1.389vw !important; box-sizing: border-box; margin-bottom: 4.167vw; font-size: 3.611vw; font-weight: 500; color: #111; text-align-last: center; }
.select-filter:last-child { margin-bottom: 0; }
.tag-filter-area { padding: 5.556vw 4.167vw 2.778vw; box-sizing: border-box; }
.tag-filter-area .pop-tit { margin-bottom: 6.944vw; font-size: 3.611vw; }
.tag-filter:after { content: ''; display: block; clear: both; }
.tag-filter li { float: left; width: 30%; margin-right: 5%; margin-bottom: 2.778vw; }
.tag-filter li:nth-child(3n) { margin-right: 0; }


/*지도*/
.map .inner { padding: 4.167vw; box-sizing: border-box; }
.map-area { height: 69.444vw; margin-bottom: 4.167vw; }
.os_mac.root_daum_roughmap { width: 100%; height: 100%; }
.root_daum_roughmap .wrap_controllers { display: none; }
.map-search { height: 9.722vw; border: 1px solid #444; border-radius: 1.389vw; box-sizing: border-box; margin-bottom: 1.389vw; }
.map-search:after { content: ''; display: block; clear: both; }
.map-search .tit-search { float: left; width: 15%; height: 100%; line-height: 9.444vw; text-align: center; font-size: 3.611vw; font-weight: 400; color: #111; }
.map-search .inp-search { float: left; width: 72%; height: 100%; background: none; padding-left: 4.861vw; border: none; box-sizing: border-box; font-size: 3.611vw; font-weight: 400; color: #111; }
.map-search .btn-search { float: left; width: 13%; height: 100%; background: url('../img/ico_search2.png') center center no-repeat; background-size: 5vw; border: none; }


/*위치 검색*/
.location-search { position: fixed; z-index: 11; top: 13.889vw; width: 100%; height: 12.500vw; background: #fff; padding: 2.778vw 4.167vw 0; border-bottom: 1px solid #aaa; box-sizing: border-box; }
.location-search:after { content: ''; display: block; clear: both; }
.location-search .btn-back { float: left; width: 10%; height: 100%; background: url('../img/btn_back2.png') center center no-repeat; background-size: 5vw; border: none; }
.location-search .inp-search { float: left; width: 80%; height: 100%; padding-left: 2.778vw; border: none; box-sizing: border-box; font-size: 3.611vw; font-weight: 400; color: #111; }
.location-search .btn-search { float: left; width: 10%; height: 100%; background: url('../img/ico_search2.png') center center no-repeat; background-size: 5vw; border: none; }

.list-location { padding: 4.167vw 0; box-sizing: border-box; }
.list-location li { position: relative; background: url('../img/ico_location2.png') 4.167vw center no-repeat; background-size: 6.944vw; padding: 2.778vw 4.167vw; box-sizing: border-box; cursor: pointer; }
.list-location li:after { content: ''; display: block; clear: both; }
.list-location .location-info { padding-left: 9.028vw; box-sizing: border-box; }
.list-location .tit-location { font-size: 3.611vw; font-weight: 500; color: #111; }
.list-location .location-detail { font-size: 3.333vw; font-weight: 400; color: #ccc; }
.list-location .location-sort { position: absolute; top: 29%; right: 4.167vw; width: 11.111vw; height: 5.556vw; line-height: 5.278vw; text-align: center; border: 1px solid #444; border-radius: 2.778vw; box-sizing: border-box; font-size: 3.333vw; font-weight: 400; color: #444; }


/*예약*/
.book .inner { padding: 0 4.167vw; box-sizing: border-box; }
.start-arrive { background: #f7f7f7; padding: 2.778vw 4.167vw; box-sizing: border-box; }
.start-arrive:after { content: ''; display: block; clear: both; }
.start-arrive .location-info { float: left; width: 46%; height: 6.944vw; line-height: 6.667vw; text-align: center; background: #fff; border: 1px solid #ccc; border-radius: 1.389vw; box-sizing: border-box; font-size: 3.611vw; font-weight: 400; color: #111; text-overflow:ellipsis; overflow:hidden; }
.start-arrive .start-arrive-arrow { float: left; width: 8%; height: 6.944vw; line-height: 6.944vw; text-align: center; }
.start-arrive .start-arrive-arrow img { width: 1.250vw; }

.book-set { position: fixed; left: 0; right: 0; bottom: 20.833vw; z-index: 20; width: 100%; height: 33.5%; background: #fff; padding-top: 8.056vw; border-top-left-radius: 8.333vw; border-top-right-radius: 8.333vw; box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2); box-sizing: border-box; transition: all 0.5s ease-in-out; }
.book-set.active { height: calc(90.5% - 20.833vw); }
.book-set.active .book-set-area { height: 100%; overflow-y: scroll; }
.book-set .btn-more { position: absolute; top: 0; width: 100%; height: 8.056vw; background: url('../img/btn_arrow_top3.png') center center no-repeat; background-size: 4.028vw; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; cursor: pointer; }
.book-set .btn-more.active { background-image: url('../img/btn_arrow_bottom2.png'); }

.li-book-set { padding: 4.167vw; box-sizing: border-box; }
.li-book-set li { position: relative; margin-bottom: 4.167vw; }
.li-book-set li:last-child { margin-bottom: 0; }
.li-book-set li:after { content: ''; display: block; clear: both; }
.li-book-set .tit-book-set { float: left; font-size: 3.611vw; font-weight: 400; color: #111; }
.li-book-set .book-set-conts { position: absolute; right: 0; width: 100%; }
.li-book-set .book-set-conts-v1 { background: url('../img/btn_arrow_right2.png') right center no-repeat; background-size: 5.556vw; padding-right: 10.417vw; box-sizing: border-box; text-align: right; }
.li-book-set .book-set-conts .inp-book-set { width: 100%; height: 100%; background: none; border: none; font-size: 3.611vw; font-weight: 400; color: #111; text-align: right; }

.book-set .line-book-set { content: ''; display: block; clear: both; width: 92%; height: 1px; background: #dfdfdf; padding: 0; border: none; margin: 0 auto 1.389vw; }
.book-set .book-set-warn { font-size: 2.778vw; font-weight: 300; color: #e8433f; text-align: center; line-height: 3.611vw; }

.li-book-set-v1 { padding: 2.778vw 4.167vw; box-sizing: border-box; }
.li-book-set-v1 li { position: relative; margin-bottom: 4.167vw; }
.li-book-set-v1 li:last-child { margin-bottom: 0; }
.li-book-set-v1 li:after { content: ''; display: block; clear: both; }
.li-book-set-v1 .tit-book-set { float: left; font-size: 3.611vw; font-weight: 400; color: #111; }
.li-book-set-v1 .tit-book-set span { font-size: 3.333vw; font-weight: 400; color: #ccc; }
.li-book-set-v1 .tit-book-set img { width: 5.556vw; margin-left: 1.389vw; vertical-align: -1.389vw; }
.li-book-set-v1 .book-set-conts { position: absolute; right: 0; width: 100%; }
.li-book-set-v1 .book-set-conts-v1 { background: url('../img/btn_arrow_right2.png') right center no-repeat; background-size: 5.556vw; padding-right: 10.417vw; box-sizing: border-box; text-align: right; }
.li-book-set-v1 .book-set-conts .inp-book-set { width: 100%; height: 100%; background: none; border: none; font-size: 3.611vw; font-weight: 400; color: #111; text-align: right; }
.li-book-set-v1 .book-set-conts .inp-book-set-v1 { font-weight: 600; }

.book-set .btn-basic { width: 92%; margin: 2.778vw auto 1.389vw; }

/*일정 선택 팝업창*/
.js-dial { visibility: hidden; }
.js-dial.active { visibility: visible; }
.dial { display: none; }
.dial-area { position: relative; height: 200px; text-align: center; overflow: hidden; }
.dial-area .line-area { position: absolute; top: 22px; left: 0; width: 100%; }
.dial-line { width: 100%;  height: 1px; background: #e4e4e4; padding: 0; border: 0; margin: 25px 0; }
.dial-area:after { content: ''; display: block; clear: both; }
.dial-area .drum-wrapper { display: inline-block; font-size: 15px; font-weight: 300; color: #000; }
.dial-area .drum-wrapper:nth-of-type(2) { width: 30%; }
.dial-area .drum-wrapper:nth-of-type(2) figure { text-align: right; }
.dial-area .drum-wrapper:nth-of-type(3) { width: 15%; }
.dial-area .drum-wrapper:nth-of-type(3) figure { text-align: center; }
.dial-area .drum-wrapper:nth-of-type(4) { width: 15%; }
.dial-area .drum-wrapper:nth-of-type(4) figure { text-align: left; }
/* .dial-area select {width:30%; height:34px; border-radius:10px; text-indent:6px;} */
div.drum-wrapper div.container, div.drum-wrapper figure { height: 25px line-height: 25px; color: #000 !important; text-align: center; }
.btn-op-select { display: block; width: 18.056vw; height: 6.944vw; line-height: 6.667vw; text-align: center; background: #ffd719; border: none; border-radius: 3.472vw !important; box-sizing: border-box; margin: 0 auto; font-size: 3.611vw; font-weight: 400; color: #000; }

/*인원 선택 팝업창*/
.pop-num .pop-tit { padding: 2.083vw 0; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; margin-bottom: 0; }
.pop-num .list-book-num { padding: 0.694vw 0; box-sizing: border-box; }
.pop-num .list-book-num li { background: url('../img/btn_arrow_right5.png') 90% center no-repeat; background-size: 5.556vw; padding: 2.083vw 3.472vw; box-sizing: border-box; font-size: 3.611vw; font-weight: 400; color: #000; cursor: pointer; }

.book-pet { padding-bottom: 2.778vw; border-bottom: 1px solid #aaa; box-sizing: border-box; }
.book-pet:after { content: ''; display: block; clear: both; }
.book-pet .pet-form { display: block; float: left; width: 48.25%; height: 8.333vw; padding: 0 2.778vw; border: 1px solid #111; border-radius: 1.389vw !important; box-sizing: border-box; margin-right: 3.5%; margin-bottom: 2.778vw; font-size: 3.611vw; font-weight: 400; color: #111; }
.book-pet .pet-form:nth-child(even) { margin-right: 0; }
.book-pet .pet-significant { display: block; width: 100%; height: 27.778vw; padding: 2.083vw 2.778vw; border: 1px solid #111; border-radius: 1.389vw; box-sizing: border-box; margin-bottom: 2.778vw; }

.btns-book-pet { margin-top: 5.556vw; text-align: center; }
.btns-book-pet .btn { display: inline-block; width: 18.056vw; height: 6.944vw; border: none; border-radius: 3.472vw; box-sizing: border-box; margin: 0 1.389vw; font-size: 3.333vw; font-weight: 600; color: #111; }
.btns-book-pet .btn-mypet { background: url('../img/img_txt1.png') center center no-repeat #fff; background-size: 12.222vw; border: 1px solid #111; box-sizing: border-box; }
.btns-book-pet .btn-add { background: #ffd719; }

.list-book-pet { height: 27.778vw; padding: 2.083vw 0; box-sizing: border-box; overflow-y: scroll; }
.list-book-pet li:after { content: ''; display: block; clear: both; }
.list-book-pet .tit-pet { float: left; padding: 2.083vw; box-sizing: border-box; font-size: 3.611vw; font-weight: 400; color: #111; }
.list-book-pet .btn-delete { float: right; background: none; padding: 2.083vw; border: none; box-sizing: border-box; font-size: 3.333vw; font-weight: 400; color: #ccc; }

.mypet-form { display: block; float: left; width: 100%; height: 8.333vw; padding: 0 2.778vw; border: 1px solid #111; border-radius: 1.389vw !important; box-sizing: border-box; margin-bottom: 5.556vw; font-size: 3.611vw; font-weight: 400; color: #111; }

/*서비스 선택 팝업창*/
.pop-service .list-service { padding: 4.861vw 6.944vw 2.778vw; box-sizing: border-box; border-bottom:1px solid #eee;}
.pop-service .list-service:after { content: ''; display: block; clear: both; }
.pop-service .list-service li { float: left; width: 28.66%; margin-right: 7%; margin-bottom: 2.083vw; }
.pop-service .list-service li:nth-child(3n) { margin-right: 0; }
.pop-service .list-service .service-area { height: 22.222vw; }

.pop-service .service-op { text-align: center; }
.pop-service .service-op .tit-service-op { font-size: 3.333vw; font-weight: 400; color: #111; letter-spacing: -0.5px; }
.pop-service .service-op .btn-minus,
.pop-service .service-op .btn-plus { width: 3.333vw; height: 3.333vw; background-position: center center; background-repeat: no-repeat; background-size: contain; border: 0; border-radius: 50%; box-sizing: border-box; vertical-align: 1px; }
.pop-service .service-op .btn-minus { background-image: url('../img/ico_minus2.png'); }
.pop-service .service-op .btn-plus { background-image: url('../img/ico_plus2.png'); }
.pop-service .service-op .inp-num { max-width: 30%; padding: 0 2.083vw; border: 0; box-sizing: border-box; font-size: 3.333vw; font-weight: 400; color: #111; text-align: center; vertical-align: 4px; }

.pop-service .service-price { padding: 3.472vw 4.167vw; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; }
.pop-service .service-price:after { content: ''; display: block; clear: both; }
.pop-service .service-price .tit-price { float: left; font-size: 3.611vw; font-weight: 400; color: #111; }
.pop-service .service-price .price-num { float: right; font-size: 3.611vw; font-weight: 400; color: #111; }

/*쿠폰 선택 팝업창*/
.pop-coupon .coupon-issue { padding: 0 4.167vw 4.167vw; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; }
.pop-coupon .coupon-issue:after { content: ''; display: block; clear: both; }
.pop-coupon .coupon-issue .inp-coupon { display: block; float: left; width: 76%; height: 8.333vw; padding: 0 4.167vw; border: 1px solid #111; border-radius: 1.389vw; box-sizing: border-box; margin-right: 2%; font-size: 3.611vw; font-weight: 400; color: #111; }
.pop-coupon .coupon-issue .btn-coupon { float: left; width: 22%; height: 8.333vw; background: #ffd719; border: none; border-radius: 1.389vw; box-sizing: border-box; font-size: 3.611vw; font-weight: 600; color: #111; }
.pop-coupon .tit-mycoupon { margin-bottom: 4.167vw; font-size: 3.611vw; font-weight: 400; color: #111; }
.pop-coupon .my-coupon { padding: 4.167vw; box-sizing: border-box; }

/*포인트 적용 팝업창*/
.pop-point .pop-tit { margin-bottom: 2.778vw; }
.pop-point .point-num { margin-bottom: 5.556vw; font-size: 6.944vw; font-weight: 900; color: #111; text-align: center; }
.pop-point .point-form { width: 100%; height: 8.333vw; padding: 0 4.167vw; border: 1px solid #111; border-radius: 1.389vw; box-sizing: border-box; margin-bottom: 1.389vw; font-size: 3.333vw; font-weight: 400; color: #111; text-align: center; }
.pop-point .all-point { margin-bottom: 6.944vw; }


/*드라이버*/
.main-driver { width: 100%; height: 100%; background: url('../img/bg_main1.png') 80% 42%; background-size: 80%; }
.main-driver .pos { position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); text-align: center; }
.main-driver .btn-schedule { display: block; width: 41.667vw; height: 41.667vw; border-radius: 50%; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.38); box-sizing: border-box; background: url('../img/btn_schedule1.png') center center no-repeat; background-size: contain; margin-bottom: 12.500vw; }
.main-driver .btn-call { width: 30.556vw; height: 12.500vw; background: #ffd719; border: 2px solid #111; border-radius: 6.250vw; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.38); box-sizing: border-box; font-size: 4.167vw; font-weight: 500; color: #111; }
.main-driver .btn-call img { width: 6.389vw; margin-right: 2.778vw; }
.main-driver .btn-call:disabled { background: #f5f5f5; border-color: #b5b5b5; color: #b5b5b5; }
.main-driver .btn-call:disabled img { opacity: 0.3; }

/*gnb*/
.gnb { position: fixed; z-index: 100; top: 0; left: -55%; width: 50%;max-width:200px; height: 100%; background: #fff; box-shadow: 4px 0 6px rgba(0, 0, 0, 0.2); box-sizing: border-box; padding-top:50px;transition:left .6s ease;}
.gnb-bg { display: none; position: fixed; z-index: 9; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); }
.gnb .btn-close { position: absolute; top: 25%; left: 2.778vw; width: 6.944vw; height: 6.944vw; background: url('../img/btn_arrow_right6.png') center center no-repeat; background-size: contain; border: none; }

.gnb .driver-name { position: relative; height:52px; line-height:52px; padding: 0 18px; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; font-size: 18px; font-weight: 400; color: #444; text-align: left; cursor: pointer; }
.gnb .driver-name strong { font-size:16px; font-weight: 500; color: #111; }
.gnb .list-gnb li {height:46px;line-height:46px;padding:0 18px;background:url('../img/btn_arrow_right1.png')no-repeat right 12px top 50% /6px; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; font-size:14px; font-weight: 400; color: #111; text-align: left; cursor: pointer;letter-spacing:-0.6px;}
.gnb .btn-logout { position: absolute; right: 0; bottom:14px; width: 100%; height:50px; line-height:50px; background: none; padding-right:18px; border: none; box-sizing: border-box; font-size:16px; font-weight: 400; color: #111; text-align: right; }
.gnb .btn-logout img { width:14px; margin-right:8px; vertical-align: 0; }


/*운행 스케줄*/
.schedule .inner { padding: 0 4.167vw; box-sizing: border-box; }
.schedule-date { margin: 8.333vw 0; text-align: center; }
.schedule-date .btn-prev { width: 6.944vw; height: 6.944vw; background: url('../img/btn_prev1.png') center center no-repeat; background-size: contain; border: none; }
.schedule-date .btn-next { width: 6.944vw; height: 6.944vw; background: url('../img/btn_next1.png') center center no-repeat; background-size: contain; border: none; }
.schedule-date .date-num { padding: 0 3.472vw; box-sizing: border-box; font-size: 4.167vw; font-weight: 400; color: #111; vertical-align: -0.556vw; }

.list-schedule li { height: 22.222vw; border: 1px solid #444; box-sizing: border-box; border-radius: 1.389vw; box-sizing: border-box; margin-bottom: 2.778vw; cursor: pointer; }
.list-schedule li:after { content: ''; display: block; clear: both; }
.list-schedule li .schedule-time { position: relative; float: left; width: 30%; height: 100%; border-right: 1px solid #dfdfdf; box-sizing: border-box; }
.list-schedule li .schedule-time .service-time { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); width: 100%; font-size: 4.167vw; font-weight: 600; color: #111; text-align: center; }
.list-schedule li .schedule-time .service-state { display: block; width: 18.056vw; height: 4.722vw; line-height: 4.444vw; text-align: center; background: #ffd719; border-radius: 2.361vw; box-sizing: border-box; margin: 0 auto; font-size: 3.333vw; font-weight: 400; color: #111; }
.list-schedule li .schedule-info { position: relative; float: left; width: 70%; height: 100%; }
.list-schedule li .schedule-info .pos { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); width: 100%; padding: 0 3.472vw; box-sizing: border-box; text-align: right; }
.list-schedule li .schedule-info .customer-info { margin-bottom: 1.389vw; font-size: 3.611vw; font-weight: 400; color: #111; }
.list-schedule li .schedule-info .location-info { font-size: 3.333vw; font-weight: 400; color: #888; line-height: 4.444vw; }


/*운행 스케줄 상세보기*/
.schedule-view .inner { padding: 4.167vw; box-sizing: border-box; }
.schedule-view .schedule-state { display: block; width: 18.056vw; height: 8.333vw; line-height: 8.056vw; text-align: center; background: #ffd719; border: none; border-radius: 1.389vw; box-sizing: border-box; margin: 0 0 2.778vw auto; font-size: 3.611vw; font-weight: 600; color: #111; }
.schedule-view .schedule-state-v1 { background: #fff; border: 1px solid #111; box-sizing: border-box; }
.schedule-view .list-schedule-view { padding: 4.167vw 2.778vw; border: 1px solid #444; border-radius: 1.389vw; box-sizing: border-box; margin-bottom: 5.556vw; }
.schedule-view .list-schedule-view li { margin-bottom: 5.556vw; }
.schedule-view .list-schedule-view li.link-ver { background: url('../img/btn_arrow_right2.png') 100% center no-repeat; background-size: 5.556vw; }
.schedule-view .list-schedule-view li:last-child { margin-bottom: 0; }
.schedule-view .list-schedule-view .tit-schedule-view { font-size: 3.611vw; font-weight: 600; color: #111; }
.schedule-view .list-schedule-view .schedule-view-conts { margin-left: 2.778vw; font-size: 3.611vw; font-weight: 400; color: #444; }
.schedule-view .btns .btn:disabled { background: #f5f5f5; color: #ccc; }


/*반려동물 정보*/
.pet-info .inner { padding: 8.333vw 4.167vw; box-sizing: border-box; }
.pet-info .tbl-pet { width: 100%; border-collapse: collapse; overflow: hidden; }
.pet-info .tbl-pet tr { height: 8.333vw; border-bottom: 1px solid #dfdfdf; border-radius: 1.389vw; box-sizing: border-box; }
.pet-info .tbl-pet tr:first-child { border: 1px solid #444; box-sizing: border-box; }
.pet-info .tbl-pet tr th,
.pet-info .tbl-pet tr td { font-size: 3.611vw; font-weight: 400; color: #111; text-align: center; }


/*특이사항*/
.etc .inner { padding: 8.333vw 4.167vw; box-sizing: border-box; }
.etc .etc-conts { padding: 4.165vw; border: 1px solid #444; border-radius: 1.389vw; box-sizing: border-box; font-size: 3.611vw; font-weight: 400; color: #222; line-height: 4.167vw; white-space: pre-line; }


/*선택 서비스*/
.service .list-service { padding: 9.722vw 11.111vw 2.778vw; box-sizing: border-box; }
.service .list-service:after { content: ''; display: block; clear: both; }
.service .list-service li { float: left; width: 28.66%; margin-right: 7%; margin-bottom: 2.083vw; }
.service .list-service li:nth-child(3n) { margin-right: 0; }
.service .list-service .service-area { height: 22.222vw; }

.service .service-op { text-align: center; }
.service .service-op .tit-service-op { height: 5.556vw; line-height: 5.278vw; background: #eee; border-radius: 2.778vw; box-sizing: border-box; margin-top: 1.389vw; font-size: 3.333vw; font-weight: 400; color: #111; letter-spacing: -0.5px; }

.service .service-price { padding: 3.472vw 4.167vw; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; }
.service .service-price:after { content: ''; display: block; clear: both; }
.service .service-price .tit-price { float: left; font-size: 3.611vw; font-weight: 400; color: #111; }
.service .service-price .price-num { float: right; font-size: 3.611vw; font-weight: 400; color: #111; }


/*운행 종료*/
.payment-cost { padding: 3.472vw 0; border-bottom: 1px solid #aaa; box-sizing: border-box; text-align: center; }
.payment-cost img { width: 34.444vw; margin-right: 14.583vw; vertical-align: -9.722vw; }
.payment-cost .cost-info { display: inline-block; }
.payment-cost .cost-info .tit-cost { width: 27.778vw; height: 8.333vw; line-height: 8.056vw; text-align: center; background: #ffd719; border-radius: 4.167vw; box-sizing: border-box; margin: 0 auto; font-size: 4.167vw; font-weight: 400; color: #111; }
.payment-cost .cost-info .cost-conts { margin-top: 1.389vw; font-size: 6.944vw; font-weight: 900; color: #000; }

.payment .inner { padding: 0 6.944vw; box-sizing: border-box; }
.list-payment { padding: 3.472vw 0; box-sizing: border-box; }
.list-payment li { margin-bottom: 3.472vw; }
.list-payment li:last-child { margin-bottom: 0; }
.list-payment li:after { content: ''; display: block; clear: both; }
.list-payment .payment-area:after { content: ''; display: block; clear: both; }
.list-payment .tit-payment { float: left; font-size: 3.611vw; font-weight: 600; color: #111; }
.list-payment .tit-payment span { font-size: 3.333vw; }
.list-payment .payment-conts { float: right; font-size: 3.611vw; font-weight: 400; color: #111; }
.list-payment .list-payment-v1 { margin-top: 3.472vw; }
.list-payment .list-payment-v1 li { margin-bottom: 2.083vw; }
.list-payment .list-payment-v1 li:last-child { margin-bottom: 0; }
.list-payment .list-payment-v1 li:after { content: ''; display: block; clear: both; }
.list-payment .list-payment-v1 .tit-payment-v1 { float: left; font-size: 3.611vw; font-weight: 400; color: #111; }
.list-payment .list-payment-v1 .tit-payment-v1 .select-payment { padding: 0.278vw 4.167vw 0.278vw 0.694vw; border: 1px solid #111; border-radius: 1.389vw; box-sizing: border-box; }
.list-payment .list-payment-v1 .payment-conts-v1 { float: right; font-size: 3.611vw; font-weight: 400; color: #111; }
.list-payment .list-payment-v1 .payment-conts-v1 .btns-modify { display: inline-block; }
.list-payment .list-payment-v1 .payment-conts-v1 .btns-modify .btn { width: 11.111vw; height: 6.944vw; background: #ffd719; border: none; border-radius: 3.472vw; box-sizing: border-box; font-size: 3.611vw; font-weight: 400; color: #111; }
.list-payment .list-payment-v1 .payment-conts-v1 .inp-payment { width: 18.333vw; height: 6.944vw; padding: 0 1.389vw; border: 1px solid #111; border-radius: 1.389vw; box-sizing: border-box; margin-left: 1.389vw; font-size: 3.611vw; font-weight: 400; color: #111; text-align: right; }
.payment .total-cost { padding: 1.389vw 0; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; font-size: 3.611vw; font-weight: 600; color: #111; text-align: right; }

.payment .btns-payment { position: fixed; left: 0; bottom: 0; width: 100%; background: #fff; padding: 4.167vw; border-top: 1px solid #aaa; box-sizing: border-box; }
.payment .btns-payment:after { content: ''; display: block; clear: both; }
.payment .btns-payment .btn { float: left; width: 31%; margin-right: 3%; }
.payment .btns-payment .btn:last-child { margin-right: 0; }


/*결제 진행*/
.payment-method .inner { padding: 4.167vw; box-sizing: border-box; }
.payment-method .list-method { padding: 4.167vw 4.167vw 8.333vw; border-bottom: 1px solid #aaa; box-sizing: border-box; }
.payment-method .list-method:after { content: ''; display: block; clear: both; }
.payment-method .list-method li { float: left; width: 33.33%; height: 38.333vw; }
.payment-method .list-method li.method-v1 .ck-custom9 + label .custom { background-image: url('../img/btn_check6_off.png'); }
.payment-method .list-method li.method-v1 .ck-custom9:checked + label .custom { background-image: url('../img/btn_check6_on.png'); }
.payment-method .list-method li.method-v2 .ck-custom9 + label .custom { background-image: url('../img/btn_check7_off.png'); }
.payment-method .list-method li.method-v2 .ck-custom9:checked + label .custom { background-image: url('../img/btn_check7_on.png'); }
.payment-method .list-method li.method-v3 .ck-custom9 + label .custom { background-image: url('../img/btn_check8_off.png'); }
.payment-method .list-method li.method-v3 .ck-custom9:checked + label .custom { background-image: url('../img/btn_check8_on.png'); }

.payment-method .inp-payment { display: block; width: 100%; height: 11.111vw; padding: 0 3.472vw; border: 1px solid #111; border-radius: 1.389vw; box-sizing: border-box; margin-bottom: 6.944vw; font-size: 4.167vw; font-weight: 400; color: #111; }
.payment-method .btn-payment { display: block; width: 100%; height: 11.111vw; line-height: 10.833vw; background: #ffd719; border: none; border-radius: 1.389vw !important; box-sizing: border-box; font-size: 4.167vw; font-weight: 600; color: #111; text-align: center; }


/*결제 완료*/
.complete { width: 100%; height: 100%; background: url('../img/bg_complete1.png') 75% 5%; background-size: 48%; }
.complete .pos { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); text-align: center; }
.complete .img-cat { display: block; width: 45.417vw; margin-bottom: 7.639vw; }
.complete .btn-complete { width: 36.111vw; height: 12.500vw; background: #ffd719; border: 2px solid #111; border-radius: 6.250vw; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.38); box-sizing: border-box; font-size: 4.167vw; font-weight: 500; color: #111; }


/*예약 대기*/
.waiting .inner { padding: 4.167vw; box-sizing: border-box; }
.waiting .waiting-filter { padding: 3.472vw 0; border-bottom: 1px solid #aaa; box-sizing: border-box; text-align: center; }
.waiting .waiting-filter li { display: inline-block; margin: 0 1.389vw; }
.waiting .waiting-info { padding: 4.167vw 2.778vw; border: 1px solid #444; border-radius: 1.389vw; box-sizing: border-box; margin-bottom: 4.861vw; }
.waiting .waiting-info:last-child { margin-bottom: 0; }
.waiting .waiting-info .waiting-state { margin-bottom: 3.472vw; }
.waiting .waiting-info .waiting-sort { display: inline-block; width: 13.889vw; height: 6.944vw; line-height: 6.667vw; text-align: center; background: #ffd719; border-radius: 3.472vw; box-sizing: border-box; font-size: 3.611vw; font-weight: 400; color: #111; }
.waiting .waiting-info .waiting-time { display: inline-block; min-width: 19.028vw; height: 6.944vw; line-height: 6.667vw; text-align: center; background: #fff; border: 1px solid #111; border-radius: 3.472vw; box-sizing: border-box; margin-left: 1.389vw; font-size: 3.611vw; font-weight: 400; color: #111; }
.waiting .list-waiting { margin-bottom: 5.556vw; }
.waiting .list-waiting li { margin-bottom: 3.472vw; }
.waiting .list-waiting li:last-child { margin-bottom: 0; }
.waiting .list-waiting .tit-waiting-view { font-size: 3.611vw; font-weight: 600; color: #111; }
.waiting .list-waiting .tit-waiting-view img { width: 5.556vw; margin-left: 2.778vw; vertical-align: -1.389vw; }
.waiting .list-waiting .waiting-view-conts { margin-left: 2.778vw; font-size: 3.611vw; font-weight: 400; color: #444; }
.waiting .btns .btn:disabled { background: #f5f5f5; color: #ccc; }



/*footer*/
.footer { position: fixed; z-index: 999; bottom: 0; width: 100%; height:68px; background: #fff; padding: 0 4px; border-top: 1px solid #aaa; box-sizing: border-box; }
.ft { height: 100%; }
.ft:after { content: ''; display: block; clear: both; }
.ft li { position: relative; float: left; width: 20%; height: 100%; text-align: center; background-position: center 2px; background-repeat: no-repeat; background-size:50px; }
.ft li a { display: block; width: 100%; height: 100%; font-family: 'BMJUA'; font-size: 3.333vw; font-weight: 400; color: #444 !important; }
.ft li.active a { color: #008B4A !important; }
.ft li a .tit-footer { position: absolute; bottom: 4px; left: 0; right: 0; margin: auto; }

.ft li:nth-child(1) { background-image: url('../img/nav-1.png'); }
.ft li:nth-child(2) { background-image: url('../img/nav-2.png'); }
.ft li:nth-child(3) { background-image: url('../img/nav-3.png'); }
.ft li:nth-child(4) { background-image: url('../img/nav-4.png'); }
.ft li:nth-child(5) { background-image: url('../img/nav-5.png');}
.ft li:nth-child(1).active { background-image: url('../img/nav-1on.png'); }
.ft li:nth-child(2).active { background-image: url('../img/nav-2on.png'); }
.ft li:nth-child(3).active { background-image: url('../img/nav-3on.png'); }
.ft li:nth-child(4).active { background-image: url('../img/nav-4on.png'); }
.ft li:nth-child(5).active { background-image: url('../img/nav-5on.png'); }



/* 경고 팝업 CSS */
.btn-pop {background:#ffd719; margin-top:8vw; padding:2vw 0; border-radius:1.389vw;}
.btn-pop1 {background:#ffd719; margin-top:8vw; padding:2vw 0; border-radius:1.389vw;}
.btn-pop a {display:block; width:100%; height:100%;}


/* 쿠폰이 없을 시 */
.no_coupon {margin-top:10vw}
.no_coupon img {
position:relative; left:50%; transform:translateX(-50%); max-width:140px; width:100%; height:auto;
}


/* 기사 조인 */
/* .join {margin-top:24vw; width:100%; height:auto;}
.join .inner {padding:6.944vw 4.167vw 4.167vw; box-sizing:border-box;}

.join .pet-form { margin-bottom: 2.778vw; }
.join-form:after { content: ''; display: block; clear: both; }
.join-form .tit-sign { float: left; width: 35%; height: 9.722vw; line-height: 9.444vw; padding-left: 3.472vw; box-sizing: border-box; font-size: 3.611vw; font-weight: 600; color: #111; }
.join-form .box-form { padding-left: 35%; box-sizing: border-box; }
.join-form .inp-form { position: relative; float: left; margin-bottom: 2.778vw; }
.join-form .inp-form .inp-form-v1 { width: 80%; height: 100%; border: none; }
.join-form .inp-form .btn-sign { position: absolute; top: 18%; right: 1.389vw; height: 5.556vw; padding:0 1vw; background: #ffd719; border: none; border-radius: 2.083vw; box-sizing: border-box; font-size: 3.333vw; font-weight: 500; color: #444; }
.join-form .btn-search { position: absolute; right: 0; width: 9.722vw; height: 9.722vw; background: url('../img/ico_search1.png') center center no-repeat; background-size: 3.333vw; border: none; }
.join-form .select-form { margin-bottom: 2.778vw; }
.join .btn-delete { display: block; width: 9.583vw; height: 9.583vw; background: url('../img/ico_minus1.png') center center no-repeat; background-size: contain; border: none; margin: 2.778vw 0 2.778vw auto; }
.join .btns { position: fixed; left: 0; bottom: 0; width: 100%; background: #fff; padding: 6.944vw 4.167vw; box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.1); box-sizing: border-box; } */




.business-info .business-about { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }