@import "reset.css?v=20250414"; /* CSS 초기화 */
@import "common.css?v=20250812"; /* 공통 CSS */

/*
 - css 순서 -
 clear/display/position/z-index/overflow/float
 width/height
 margin/padding
 color/font/line-height/text/letter-spacing/vertical-align/white-spacing/word-spacing
 etc
 border/background
 */

* {
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

:not(input) {
  -webkit-user-select: none;
}

/* buddydoc str*/
.ps_btm {position: fixed; bottom: 0; padding: 1.6rem;}
.ps_symptom { }

.buddydoc_tit {display: inline-block;width: 100%;padding: 1.6rem 1.6rem 2rem 1.6rem;color: #211600;}
.buddydoc_tit p {font-size: 1.8rem; font-weight: 400; word-break: break-word; padding-top: 1rem;}
.buddydoc_tit span {font-size: 2.2rem; font-weight: 400; word-break: break-word; padding-top: 1rem;}
.buddydoc_tit .inline .fam_txt {line-height: 2.8rem}
.buddydoc_bg {margin: 0 1.6rem 0 1.6rem;}
.buddydoc_back {padding: 1.6rem 2.2rem 1.6rem 0}


.list_asking {}
.list_asking li { width:100%; position: relative}
.list_asking li:last-child {/*border-bottom: none;*/}
.list_asking li a {	position: relative; display: grid; padding: 0.6rem 0;}
.list_asking.in_stat { width: 80%; float: right; max-height: calc(100vh - 27.8rem); overflow-y: auto;}
.list_asking .al_center {text-align: center !important}
.list_asking .num-animal {position: absolute; bottom: 0.5rem; right: 1rem; font-size: larger;}



.reminder_tit {display: inline-block;width: 100%;padding-bottom: 4rem;color: #211600;}
.reminder_tit p {font-size: 2.2rem; font-weight: 400; word-break: break-word; padding-top: 1rem;}
.reminder_tit span {font-size: 1.4rem; font-weight: 400; word-break: break-word; padding-top: 1.4rem; display: inline-block; color: #555555; letter-spacing: -0.01rem;}
.reminder_tit .inline .fam_txt {line-height: 2.8rem}
.reminder_bg {}
.reminder_back {padding: 1.6rem 0}
.list_reminder.in_stat { width: 100%; float: left}
.list_reminder .btn.hfixbg {
	height: 4rem;
    border: 1px solid #4892FF;
    background-color: #fff;
    color: #4892FF;
    border-radius: 4rem;
    font-size: 1.2rem;
    font-weight: 400}

/* symptom_name */
.list_symptom {}
.list_symptom li {width:100%; padding: 1.6rem 0 0 0;}
.list_symptom li:last-child {padding-bottom: 1.6rem;}
.list_symptom li a {position: relative; display: grid; padding: 0.6rem 0;}
.list_symptom li button{color: #4892FF !important;}
.list_symptom .in_stat {width: 70%; float: right}

.list_symptom li .symptom_checker {width: 100%;border: 1px solid #c1c1c1; padding: 1.5rem; border-radius: 1rem; display: inline-block;}
.list_symptom li .symptom_checker .symptom_tit {font-size: 1.7rem;font-weight: 600;letter-spacing: -0.1px;}
.list_symptom li .symptom_checker .symptom_btxt {font-size: 1.4rem; color: #4892FF;}
.list_symptom li .symptom_checker .symptom_word {font-size: 1.4rem; word-break: break-word; padding: 1rem 0; letter-spacing: -0.1px;}

.list_symptom li .symptom_warp {width: 100%;padding: 1.7rem 0 0;border-top: 4px solid #f3f3f3;display: inline-block;}
.list_symptom li .symptom_warp .symptom_tit {font-size: 1.7rem;font-weight: 600;letter-spacing: -0.1px;}
.list_symptom li .symptom_warp .symptom_btxt {font-size: 1.4rem; color: #4892FF;}
.list_symptom li .symptom_warp .symptom_word {font-size: 1.5rem; word-break: break-word; padding: 0.7rem 0 0; letter-spacing: -0.1px; line-height: 2.6rem;}

.list_symptom li .symptom_end {width: 100%; padding: 0; display: inline-block; padding-bottom: 0.3rem;}
.list_symptom li .symptom_end .symptom_tit {font-size: 2.4rem; font-weight: 600;}
.list_symptom li .symptom_end .symptom_tit em {font-size: 1.4rem; letter-spacing: -0.5px; text-decoration-line: none;}
.list_symptom li .symptom_end .symptom_name {font-size: 1.8rem; font-weight: 600;}
.list_symptom li .symptom_end .symptom_btxt {font-size: 1.4rem; color: #4892FF;}
.list_symptom li .symptom_end .symptom_word {font-size: 1.5rem; word-break: break-word; padding: 0.7rem 0 1rem 0; letter-spacing: -0.1px; line-height: 2.6rem;}
.list_symptom li .symptom_end .symptom_bg {background:url(../img/doc/bg_advice.png) no-repeat bottom; background-size: cover; width: 100%; height: 21px; position: relative; margin-top: 43px; border-radius: 11px;}
.fs2rem {font-size: 1.7rem !important;}
.bd_btm {border-bottom: 1px solid #ddd}
.s_point {position: absolute; padding: 0 calc(((100vw - 32px) - 15px) * 1 / 14);top: -39px}
.result_btn {border-top: 8px solid #f3f3f3; padding: 2rem 1.6rem 0}
.result_btn .goto_word {padding: 0 0 2rem; font-size: 14px; text-align: center}
.result_btn .goto_btn {width: 100%; display: inline-block; padding-bottom: 1.2rem}
.result_btn .goto_btn .hfix {color:#4892FF !important; width: 100%; letter-spacing: 0}

.re-check {padding: 1.6rem 1.6rem 3.2rem;}
.re-check .check-tit {font-size: 1.8rem;background: url(../img/gc-webapp/ico-up-bull.png) right no-repeat;}
.re-check .check-txt {padding: 1.6rem 0; font-size: 1.4rem;}
.re-check .check-txt li {padding: 0.4rem 1rem; background: url(../img/doc/ico_dot_l.png) no-repeat 0 11px; background-size: 3px; line-height: 1.6rem;}


.search-form-symptom {position: relative; top: 0; left: 0; width: 100%; height: 44px; background: #f8f8f8; border-radius: 0.6rem; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}

.search-form-symptom .search-button 
    {
      position: absolute;
      top: 6px;
      left: 10px;
      height: 24px;
      width: 24px;
      padding: 0;
      margin: 0;
      border: none;
      background: none;
      outline: none !important;
      cursor: pointer;
      color: #707070;
      font-size: 1.8rem;
      font-weight: normal;
    }

.search-input-symptom {position: absolute; top: 10px; left: 44px; font-size: 15px; background: none; color: #453518; width: 80%; height: 26px; border: none; -webkit-appearance: none;   -moz-appearance: none; appearance: none; outline: none;}

.search-input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none;}

.logo_txt { clear: both; padding: 3.6rem 1.6rem 2.55rem; display: inline-block; position: absolute; bottom: 0;}
.pdt4 {padding-top: 4rem;}
/* buddydoc end*/

/* health check up str*/

.home {display:flex; height:68px; text-indent:-9999px; background:url(../img/bdd-logo.png) no-repeat  1rem 1.6rem;}
.home .navbar-brand {width: 18rem; height: 5.5rem;}
.card {box-shadow: 0 10px 10px rgba(0,0,0,0.05), 0 0 6px rgba(0,0,0,0.15)}
.card {position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: none; border-radius: 2rem; margin: 1.6rem;}
.icon-result {background: url(../img/check-up/bg-result.png) left no-repeat; width: 53px; height: 50px; margin-right: 1.5rem;margin-top: 0.5rem; background-size: cover;}
.icon-reminder {background: url(../img/check-up/bg-reminder.png) left no-repeat; width: 53px; height: 50px; margin-right: 1.5rem;margin-top: 0.5rem; background-size: cover;}
.icon-copy {background: url(../img/check-up/ico-copy.png) left no-repeat; width: 15px; height: 15px; margin-right: 0.5rem; margin-top: 0.25rem; background-size: cover;}
.ico-next-check {background: url(../img/inspection/ico_check_next.png) right no-repeat; width: 30px; height: 30px; padding: 0.5rem 2.5rem; float: right; background-size: cover }
.ico-pre-interview {background: url(../img/n-2025/ico-pre-interview.png) left no-repeat; width: 100px; height: 106px;background-size: cover;margin:0 auto}
.ico-compare { background: url(../img/n-2025/ico-compare.png) 0 0.25rem no-repeat; padding-left: 2.25rem; background-size: 16px 14px;}
.ico-check { background: url(../img/n-2025/ico-check.png) 0.5rem 0.75rem no-repeat; padding: 0.5rem 1rem; background-size: 14px 11px;}
.ico_message { background: url(../img/n-2025/ico_message.png) 0.25rem 0.55rem no-repeat; padding: 0.5rem 1rem; background-size: 18px 17px;}
.ico-qna { background: url(../img/n-2025/ico-qa.png) 0 0.25rem no-repeat; padding: 0.5rem 1.25rem; background-size: 18px 19px;}
.ico-contract { background: url(../img/n-2025/ico-contract.png) no-repeat; padding: 1.5rem 1.6rem; background-size: 24px 24px; display: inline-flex;}
.ico-caution { background: url(../img/n-2025/ico-caution.png) no-repeat; padding: 1.5rem 1.6rem; background-size: 24px 24px; display: inline-flex;}
.ico-result-view { background: url(../img/n-2025/ico-result-view.png) no-repeat; padding: 1.5rem 1.6rem; background-size: 24px 25px; display: inline-flex;}
.ico-review { background: url(../img/n-2025/ico-review.png) no-repeat; padding: 1.5rem 1.6rem; background-size: 24px 24px; display: inline-flex;}
.ico-next-reserve { background: url(../img/n-2025/ico-next.png) right no-repeat; padding-right: 1.9rem; background-size: 8px 14px; font-size: 1.6rem; font-weight: 600;}
.ico-next-review { background: url(../img/n-2025/ico-next-review.png) right no-repeat; padding-right: 1.2rem; background-size: 6px 10px;}
.ico-next-hospital { background: url(../img/n-2025/ico-next-hospital.png) right no-repeat; padding-right: 1.2rem; background-size: 6px 10px;}
.ico-rsv-reserve {background: url(../img/n-2025/bg-reserve.png) center no-repeat; height: 54px; margin-bottom: 1.2rem;background-size: 55px 54px;}
.ico-rsv-confirm {background: url(../img/n-2025/bg-confirm.png) center no-repeat; height: 54px; margin-bottom: 1.2rem;background-size: 55px 54px;}
.ico-rsv-checkup {background: url(../img/n-2025/bg-checkup.png) center no-repeat; height: 54px; margin-bottom: 1.2rem;background-size: 55px 54px;}
.ico-rsv-write {background: url(../img/n-2025/bg-write.png) center no-repeat; height: 54px; margin-bottom: 1.2rem;background-size: 55px 54px;}
.ico-rsv-result {background: url(../img/n-2025/bg-result.png) center no-repeat; height: 54px; margin-bottom: 1.2rem;background-size: 55px 54px;}

.bg-code {background: url(../img/check-up/bg-app-down.png) left no-repeat; width: 100%; height: 20rem; background-size: cover;border-radius: 2rem 2rem 0 0; }

.bg-dog {background: url(../img/result/bg-dog.png) top center no-repeat;width: 100%;background-size: contain;}
.bg-cat {background: url(../img/result/bg-cat.png) top center no-repeat;width: 100%;background-size: contain;}
/* .navbar-header {z-index: 90;position: fixed; background: #FFF; top: 0; width: 100%;}
.navbar-header .h-checkup-tit {display: flex; font-size: 2rem; padding-top: 0.8rem; justify-content: center; font-weight: 700} */
.navbar-header .h-checkup-tit {display: flex; font-size: 2rem; padding-top: 0.8rem; justify-content: center; padding-right: 4.4rem; font-weight: 600;}

.t-185r {top: 18.5rem}
.h-cont {padding: 0.25rem; word-break: keep-all; height: auto; font-size: 1.6rem;}
.h-diagnosis {border-radius: 2rem; background: #f3f3f3; padding: 0.25rem 1.6rem; height: 2.6rem; font-size: 1.6rem;}
.h-result {margin-left: auto; font-size: 1.6rem; line-height: 1; padding-top: 0.5rem}
.h-result.blue {color: #4174FF;}
.h-result.red {color: #F9321C;}
.h-lymph {margin-bottom:1.6rem; width: 66%;}
.h-lymph li {padding-bottom: 1rem; list-style-type: none; display: inline-table; width: auto; margin-right: 0.25rem;}
.h-pna {width: 100%;}
.h-pna li {padding-bottom: 1rem; list-style-type: none; display: inline-table; width: auto; margin-right: 0.25rem;}
.th-level { background: #4174ff; padding: 0.5rem 1.5rem; border-radius: 2rem; color: #FFF;}

.p-interview-warp .wapp-tit {font-size: 1.5rem; font-weight: 600; color: #383838; padding: 6rem 1.6rem; display: block; width: 100%; text-align: center}
.p-interview-warp .wapp-tit div:last-of-type {padding-top: 2rem}
.p-interview-warp .info-tit {font-size: 2.25rem; padding: 2rem 1.6rem 0; font-weight: 600; text-align: left}
.p-interview-warp .pt2r {border-top:1px solid #eee; padding-top: 2rem;}

.h-result-info {padding: 0.5rem 1.6rem;text-align: center;}
.h-result-info .info-card {font-size: 2.25rem; padding: 1.5rem 0; font-weight: 600; text-align: left;}
.h-result-info .info-tit {font-size: 2.25rem; padding: 1.5rem 0; font-weight: 600; text-align: left;}
.h-result-info .info-txt {font-size: 1.6rem; text-align: left; word-break: keep-all; margin-bottom: 1.6rem;}
.h-result-info .info-txt p {word-break: keep-all; padding-bottom: 1rem;}
.h-result-info .info-txt ul {text-align: left;margin-bottom: 1.6rem;width: 100%;}
.h-result-info .info-txt ul li{width: 48%;display: inline-flex;margin: 0.5rem 0.25rem;}
.h-result-info .info-txt ul li a {width: 100%}
.h-result-info .info-txt ul li img {box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 0 2px rgba(0, 0, 0, 0.15);border-radius: 1rem;width: 100%;}

.h-result-warp .wapp-tit {font-size: 2.25rem; font-weight: 600; color: #383838; padding: 3rem 1.6rem; display: inline-flex; border-radius: 2rem 2rem 0 0; width: 100%; text-align: center}
.h-result-warp .wapp-tit .d-name {color: #0046FF}
.h-result-warp .wapp-tit .c-name {color: #00B460}
.h-result-warp .wapp-tit .ani-basic {position: absolute; left: 50%; z-index: 999; transform: translate(-50%, 0%);}
.h-result-warp .info-tit {font-size: 2.25rem; padding: 2rem 1.6rem 0; font-weight: 600; text-align: left}
.h-result-warp .pt2r {border-top:1px solid #eee; padding-top: 2rem;}
.h-result-warp .img-data {padding: 2.5rem 2rem 1.5rem}
.h-result-warp .img-data .h-iflex {display: inline-flex;}
.h-result-warp .img-data label{font-size: 1.8rem; padding-bottom: 0.5rem;}
.h-result-warp .img-data .img-list ul {display: inline-block; text-align: center;}
.h-result-warp .img-data .img-list ul li {width: 49%; float: left; padding: 1%;}
.h-result-warp .img-data .img-list ul li img {border-radius: 1rem;}
.h-result-warp .img-data .img-list ul li .img-txt {margin-top: 0.75rem; font-size: 1.5rem; font-weight: 500; margin-bottom:1rem}

.h-result-warp .wapp-data {padding: 2.5rem 2rem;}
.h-result-warp .wapp-data .breed {width: 100%; margin: 2rem 0; font-size: 1.4rem; font-weight: 500; line-height: 1;}
.h-result-warp .wapp-data .breed .br-dog {background: #F2F7FF; border-radius: 2rem; padding: 1rem 1.5rem; text-align: center; color: #0046FF; margin-right: 1.5rem;}
.h-result-warp .wapp-data .breed .br-cat {background: #EBF9EE; border-radius: 2rem; padding: 1rem 1.5rem; text-align: center; color: #00B460; margin-right: 1.5rem;}
.h-result-warp .wapp-data .dog-result { background: #F2F7FF; border-radius: 0.5rem; padding: 1rem 1.5rem; text-align: left; width: fit-content; margin: 1rem 0 2rem 0; font-size: 2rem; font-weight: 400; line-height: 1;}
.h-result-warp .wapp-data .dog-result span {color: #0046FF; font-weight: 700; margin-right: 0.5rem}
.h-result-warp .wapp-data .cat-result {background: #EBF9EE; border-radius: 0.5rem; padding: 1rem 1.5rem; text-align: left; width: fit-content; margin: 2rem 0; font-size: 2rem; font-weight: 400; line-height: 1;}
.h-result-warp .wapp-data .cat-result span { color: #00B460; font-weight: 700; margin-right: 0.5rem}
.h-result-warp .wapp-data .pet-name {display: inline-flex;margin: 1.25rem 0;line-height: 1;}
.h-result-warp .wapp-data .pet-name .l-name{font-size: 3rem;width: auto;font-weight: 700; margin-right: 1rem;}
.h-result-warp .wapp-data .pet-name .pet-info{margin-top: 1.25rem; line-height: 1;}
.h-result-warp .wapp-data .pet-name .pet-info em{text-decoration-line: none; line-height: 1.5;}
.h-result-warp .wapp-data .h-flex {display: flex;}
.h-result-warp .wapp-data .h-flex label {width: fit-content; margin-right: 1rem}
.h-result-warp .wapp-data .h-iflex {display: block;}
.h-result-warp .wapp-data .h-iflex .h-cont {padding: 0.25rem; word-break: keep-all; height: auto; font-size: 1.6rem;}
.h-result-warp .wapp-data .h-info-ul ul {width: 100%}
.h-result-warp .wapp-data .h-info-ul ul li {width: 49%;font-size: 1.8rem;padding-bottom: 2rem;display: inline-flex;}
.h-result-warp .wapp-data .h-info-ul ul li .bg-label {background: #f2f7ff;border-radius: 1rem;font-weight: 400;padding: 0.4rem 1.2rem;width: 7.5rem;text-align: center;}
.h-result-warp .wapp-data .h-info-ul ul li .h-data{padding-left: 1rem; margin: auto 0;}
.h-result-warp .wapp-data .h-txt {font-size: 1.6rem; padding-top: 2rem; font-weight: 500; text-align: center;}
.h-result-warp .wapp-data .h-txt .btxt{color: #0066fe}
.h-result-warp .wapp-data .h-txt .gtxt{color: #00B460}
.h-result-warp .wapp-data .h-position {position: absolute; right: 0;display: inline-flex;color: #b0b9c2;top: 0.25rem; font-size: 1.4rem}
.h-result-warp .wapp-data .dp_block ul {width: 100%;}
.h-result-warp .wapp-data .dp_block ul li {font-size: 1.6rem; list-style-type: "•   "; list-style-position: inside; margin-left:1.6rem; word-break:keep-all }
.h-result-warp .wapp-data .h-total ul li {font-size: 1.6rem; list-style-type: "•   "; list-style-position: inside; margin-left:1.6rem; word-break:keep-all; margin-top:1.6rem }

.h-result-warp .wapp-data .list_normal li {padding: 0;border-bottom: 1px solid #eee;}
.h-result-warp .wapp-data .list_normal li a {position: relative; display: block; padding: 1.6rem 0; font-size: 1.7rem; font-weight: 500; color: #555555;}

.h-result-warp .wapp-data .h-rating {background: #f3f4f6; padding: 0.75rem; text-align: center; font-size: 1.6rem;}
.h-result-warp .wapp-data .h-bar {position: relative;background-image: linear-gradient(to right, green, yellow, red);border-radius: 3rem;height: 2.6rem;margin: 2rem 0 3.6rem;}
.h-result-warp .wapp-data .h-dot {position: absolute;width: 2.1rem;height: 2.1rem;background: #fff;border-radius: 2rem;top: 0.275rem;}
.h-result-warp .wapp-data .h-item {position: absolute; bottom: -2.4rem; font-size: 1.4rem; width: 100%; display: flex; justify-content: space-between; padding: 0 1.2rem;}

.h-result-warp .wapp-data input[type="text"], .h-checkup-warp .wapp-data input[type="number"] {
	outline: none !important;
	box-shadow:none !important;
	border-bottom:2px solid #f3f4f6;
    padding: .45em .45em .25em 0;
    display: block;
    width: 100%;
    line-height: 1.25;
    background-color: #fff;
    background-image: none;
    font-size: 2rem;
}

.h-result-warp .wapp-data .ico-select {
    background: url(../img/inspection/ico_selectbox.png) right no-repeat;
    background-size: cover;
    width: 26px;
    height: 24px;
    position: absolute;
    right: 0;
    bottom: 0.5rem;
}


.h-result-warp .wapp-data .has-error label {
    color: #ef3443 !important;
}

.h-result-warp .wapp-data :not(.has-error) input[type="text"]:focus, .h-checkup-warp .wapp-data :not(.has-error) input[type="number"]:focus {
    border-color: #0066fe !important;
    color: #383838 !important;
}

.h-result-warp .wapp-data .has-error input[type="text"] {
    border-color: #ef3443 !important;
}

.h-result-warp .wapp-data input[type="text"]::placeholder, .data_warp .wapp-data input[type="number"]::placeholder {
    font-size: 2rem;
    color:#b0b9c2 !important;
}

.h-result-warp .wapp-data .n-star {
    color: #ef3443 !important;
    margin-left: 0.5rem;
    padding-left: 0.75rem;
    background: url(../img/inspection/ico_h_star.png) 0 0 no-repeat;
}

.h-result-warp .wapp-data label{
    font-size: 1.8rem;
    padding-bottom: 0.5rem;
}



.h-checkup-warp .wapp-tit {font-size: 2.25rem; font-weight: 600; color: #383838; padding: 3rem 1.6rem; background: #FFF; display: inline-flex; border-radius: 2rem 2rem 0 0;}
.h-checkup-warp .wapp-tit span {color: #0066fe;}
.h-checkup-warp .info-tit {font-size: 2.25rem; padding: 2rem 1.6rem 0; font-weight: 600; text-align: left}
.h-checkup-warp .pt2r {border-top:1px solid #eee; padding-top: 2rem;}
.h-checkup-warp .img-data {padding: 2.5rem 2rem 1.5rem}
.h-checkup-warp .img-data .h-iflex {display: inline-flex;}
.h-checkup-warp .img-data label{font-size: 1.8rem; padding-bottom: 0.5rem;}
.h-checkup-warp .img-data .img-list ul {display: inline-block; text-align: center;}
.h-checkup-warp .img-data .img-list ul li {width: 49%; float: left; padding: 1%;}
.h-checkup-warp .img-data .img-list ul li img {border-radius: 1rem;}
.h-checkup-warp .img-data .img-list ul li .img-txt {margin-top: 0.75rem; font-size: 1.5rem; font-weight: 500; margin-bottom:1rem}

.h-checkup-warp .wapp-data {padding: 2.5rem 2rem;}
.h-checkup-warp .wapp-data .h-iflex {display: inline-flex;}
.h-checkup-warp .wapp-data .h-info-ul ul {width: 100%}
.h-checkup-warp .wapp-data .h-info-ul ul li {width: 49%;font-size: 1.8rem;padding-bottom: 2rem;display: inline-flex;}
.h-checkup-warp .wapp-data .h-info-ul ul li .bg-label {background: #f2f7ff;border-radius: 1rem;font-weight: 400;padding: 0.4rem 1.2rem;width: 7.5rem;text-align: center;}
.h-checkup-warp .wapp-data .h-info-ul ul li .h-data{padding-left: 1rem; margin: auto 0;}
.h-checkup-warp .wapp-data .h-txt {font-size: 1.6rem; padding-top: 1rem; font-weight: 500; text-align: center;}
.h-checkup-warp .wapp-data .h-txt .btxt{color: #0066fe}
.h-checkup-warp .wapp-data .h-position {position: absolute; right: 0;display: inline-flex;color: #b0b9c2;top: 0.25rem; font-size: 1.4rem}
.h-checkup-warp .wapp-data .dp_block ul {width: 100%;}
.h-checkup-warp .wapp-data .dp_block ul li {font-size: 1.6rem; list-style-type: "•   "; list-style-position: inside; margin-left:1.6rem; word-break:keep-all }
.h-checkup-warp .wapp-data .h-total ul li {font-size: 1.6rem; list-style-type: "•   "; list-style-position: inside; margin-left:1.6rem; word-break:keep-all; margin-top:1.6rem }

.h-checkup-warp .wapp-data .list_normal li {padding: 0;border-bottom: 1px solid #eee;}
.h-checkup-warp .wapp-data .list_normal li a {position: relative; display: block; padding: 1.6rem 0; font-size: 1.7rem; font-weight: 500; color: #555555;}

.h-checkup-warp .wapp-data .h-rating {background: #f3f4f6; padding: 0.75rem; text-align: center; font-size: 1.6rem;}
.h-checkup-warp .wapp-data .h-bar {position: relative;background-image: linear-gradient(to right, green, yellow, red);border-radius: 3rem;height: 2.6rem;margin: 2rem 0 3.6rem;}
.h-checkup-warp .wapp-data .h-dot {position: absolute;width: 2.1rem;height: 2.1rem;background: #fff;border-radius: 2rem;top: 0.275rem;}
.h-checkup-warp .wapp-data .h-item {position: absolute; bottom: -2.4rem; font-size: 1.4rem; width: 100%; display: flex; justify-content: space-between; padding: 0 1.2rem;}

.h-checkup-warp .wapp-data input[type="text"], .h-checkup-warp .wapp-data input[type="number"] {
	outline: none !important;
	box-shadow:none !important;
	border-bottom:2px solid #f3f4f6;
    padding: .45em .45em .25em 0;
    display: block;
    width: 100%;
    line-height: 1.25;
    background-color: #fff;
    background-image: none;
    font-size: 2rem;
}

.h-checkup-warp .wapp-data .ico-select {
    background: url(../img/inspection/ico_selectbox.png) right no-repeat;
    background-size: cover;
    width: 26px;
    height: 24px;
    position: absolute;
    right: 0;
    bottom: 0.5rem;
}


.h-checkup-warp .wapp-data .has-error label {
    color: #ef3443 !important;
}

.h-checkup-warp .wapp-data :not(.has-error) input[type="text"]:focus, .h-checkup-warp .wapp-data :not(.has-error) input[type="number"]:focus {
    border-color: #0066fe !important;
    color: #383838 !important;
}

.h-checkup-warp .wapp-data .has-error input[type="text"] {
    border-color: #ef3443 !important;
}

.h-checkup-warp .wapp-data input[type="text"]::placeholder, .data_warp .wapp-data input[type="number"]::placeholder {
    font-size: 2rem;
    color:#b0b9c2 !important;
}

.h-checkup-warp .wapp-data .n-star {
    color: #ef3443 !important;
    margin-left: 0.5rem;
    padding-left: 0.75rem;
    background: url(../img/inspection/ico_h_star.png) 0 0 no-repeat;
}

.h-checkup-warp .wapp-data label{
    font-size: 1.8rem;
    padding-bottom: 0.5rem;
}

.h-checkup-warp .pet-select ul {
    width: 100%;
    display: inline-flex;
    align-items: center;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
}
.h-checkup-warp .pet-select ul li {
    padding-right: 1rem
}
.h-checkup-warp .pet-select ul li img {
    width: 6rem;
    height: 6rem;
    border-radius: 3rem;
}
    
.h-checkup-warp .pet-select ul li .txt-nomal {
    text-align: center; color:#b0b9c2; padding-top: 0.5rem;
}

.h-checkup-warp .pet-select ul li .txt-over {
    text-align: center; color:#0066fe; font-weight: 500;  padding-top: 0.5rem;
}

.h-checkup-warp .h-iflex {display: inline-flex;}
.h-checkup-warp .new-data label{
    font-size: 1.8rem;
    padding-bottom: 0.5rem;
    min-width: fit-content ; 
    max-width: 34%; 
    width: auto; 
    margin-right:1.5rem;
    font-weight: 400;    
}
.h-checkup-warp .new-data .h-diagnosis {border-radius: 2rem; background: #f3f3f3; padding: 0.25rem 1.6rem; height: 2.6rem; font-size: 1.6rem;display: inline-flex;margin-bottom: 1rem;margin-right: 0.5rem;}
.h-checkup-warp .new-data .h-diagnosis .txt-blue{font-size: 1.25rem; line-height: 1.65; margin-right: 0.5rem; color: #0066fe;}

.h-checkup-info {padding: 0.5rem 1.6rem;text-align: center;}
.h-checkup-info .info-tit {font-size: 2.25rem; padding: 1.5rem 0; font-weight: 600; text-align: left}
.h-checkup-info .info-txt {font-size: 1.6rem; text-align: left; word-break: keep-all; margin-bottom: 1.6rem;}
.h-checkup-info .info-txt p {word-break: keep-all; padding-bottom: 1rem;}
.h-checkup-info .dinb {display: flex; margin-bottom: 1.5rem}
.h-checkup-info .dinb .img-border {width: 7.8rem;border-radius: 7rem;border: 3px solid #d2d2d2}
.h-checkup-info .dinb .img-border img {width: 7.2rem; border-radius: 7.2rem; border: 3px solid #FFFFFF}
.h-checkup-info .pet_bx {font-size: 1.4rem;text-align: left;padding: 0 0 0 2rem;}
.h-checkup-info .pet_bx img {width: 40px; border-radius: 0.5rem;}
.h-checkup-info .pet_bx .pet_badges {width: 4rem; line-height: 2.4rem; background: #8BB6FF; text-align: center; color: #fff; border-radius: 0.5rem;}
.h-checkup-info .pet_txt {font-size: 1.6rem; font-weight: 400; letter-spacing: 0;padding: 0.25rem 0 0;}
.h-checkup-info .img-data .img-list ul {display: inline-block; text-align: center;}
.h-checkup-info .img-data .img-list ul li {width: 49%; float: left; padding: 1%;}
.h-checkup-info .img-data .img-list ul li img {border-radius: 1rem;}
.h-checkup-info .img-data .img-list ul li .img-txt {margin-top: 0.75rem; font-size: 1.5rem; font-weight: 500; margin-bottom:1rem}

.h-checkup-info .n-tooth-pdf-dog {/* width: 40%; */height: 64rem;margin: 6rem 1rem 2rem;position: relative; font-size: 1.75rem}
.h-checkup-info .n-tooth-pdf-dog.bb-h {height: 60rem !important;}
.h-checkup-info .n-tooth-pdf-dog .n-dog-img {position: absolute;}
.h-checkup-info .n-pdf-dog .n-tooth-pdf-dog input {margin-right: 0}
.h-checkup-info .n-tooth-pdf-dog .n-check-top {position: absolute;top: -3rem;left: 50%; transform: translate(-50%, 0%);}
.h-checkup-info .n-tooth-pdf-dog .n-check-top span {margin:0.15rem 0}
.h-checkup-info .n-tooth-pdf-dog .n-check-middle {display: block}
.h-checkup-info .n-tooth-pdf-dog .n-check-middle .n-middle-left {position: absolute;top: -3rem; left: 0;}
.h-checkup-info .n-tooth-pdf-dog .n-check-middle .n-middle-left p {height: 2rem}
.h-checkup-info .n-tooth-pdf-dog .n-check-middle .n-middle-right {position: absolute; top: -3rem; right: 0;}
.h-checkup-info .n-tooth-pdf-dog .n-check-middle .n-middle-right p {height: 2rem}
.h-checkup-info .n-tooth-pdf-dog .n-check-middle .n-bottom-left {position: absolute; bottom: 1rem; left: 0;}
.h-checkup-info .n-tooth-pdf-dog .n-check-middle .n-bottom-left p {height: 2rem}
.h-checkup-info .n-tooth-pdf-dog .n-check-middle .n-bottom-right {position: absolute; bottom: 1rem; right: 0;}
.h-checkup-info .n-tooth-pdf-dog .n-check-middle .n-bottom-right p {height: 2rem}
.h-checkup-info .n-tooth-pdf-dog .n-check-bottom {position: absolute; bottom: 0.5rem; left: 50%; transform: translate(-50%, 0%);}

.h-checkup-info .n-tooth-pdf-right {width: 58%; padding-top:2rem;}
.h-checkup-info .n-tooth-pdf-cat {height: 48rem;margin: 6rem 1rem 2rem;position: relative; font-size: 1.75rem}
.h-checkup-info .n-tooth-pdf-cat .n-cat-img {position: absolute;}
.h-checkup-info .n-tooth-pdf-cat input {margin-right: 0}
.h-checkup-info .n-tooth-pdf-cat .n-check-top {position: absolute;top: -3rem;left: 50%; transform: translate(-50%, 0%);}
.h-checkup-info .n-tooth-pdf-cat .n-check-middle {display: block}
.h-checkup-info .n-tooth-pdf-cat .n-check-middle .n-middle-left {position: absolute;top: -3rem; left: 0;}
.h-checkup-info .n-tooth-pdf-cat .n-check-middle .n-middle-left p {height: 2rem}
.h-checkup-info .n-tooth-pdf-cat .n-check-middle .n-middle-right {position: absolute;top: -3rem; right: 0;}
.h-checkup-info .n-tooth-pdf-cat .n-check-middle .n-middle-right p {height: 2rem}
.h-checkup-info .n-tooth-pdf-cat .n-check-middle .n-bottom-left {position: absolute; bottom: -0.5rem; left: 0;}
.h-checkup-info .n-tooth-pdf-cat .n-check-middle .n-bottom-left p {height: 2rem}
.h-checkup-info .n-tooth-pdf-cat .n-check-middle .n-bottom-right {position: absolute; bottom: -0.5rem; right: 0;}
.h-checkup-info .n-tooth-pdf-cat .n-check-middle .n-bottom-right p {height: 2rem}
.h-checkup-info .n-tooth-pdf-cat .n-check-bottom {position: absolute; bottom: -1rem; left: 50%; transform: translate(-50%, 0%);}

.h-blood-info {padding: 0;text-align: center;}
.h-blood-info .b-chart {float: right;	display: inline-block; width: 2.75rem; height: 2.75rem; background: url(../img/check-up/ico-chart.png) no-repeat 100% 50%; background-size: cover;}
.h-blood-info .bar-txt { height: 4rem; background: #f2f7ff; line-height: 4rem; font-size: 1.8rem; font-weight: 700;}
.h-blood-info .info-tit {font-size: 1.8rem; padding: 2rem 0 1.5rem; font-weight: 700; text-align: left}
.h-blood-info .blue-tit {color:#4174ff; font-weight: 500}
.h-blood-info .b-result {display: flex; width: 100%; margin-bottom: 2rem; font-size: 1.6rem; font-weight: 500}
.h-blood-info .b-result .b-tit {width: 20%; text-align: left;}
.h-blood-info .b-result .b-unit {margin: 0 1.4rem 0 0.6rem;}
.h-blood-info .b-result ul {width: 100%; height: 1rem; font-size: 0;}
.h-blood-info .b-result ul li {width: 33%; height: 2rem; border: 1px solid #000; display: inline-table;}
.h-blood-info .b-result .b-tb {border-left: 0 !important; border-right: 0 !important;}
.h-blood-info .b-result .c-high {color: #f9321c; margin-right:1rem }
.h-blood-info .b-result .c-medium {color: #000000; margin-right:1rem }
.h-blood-info .b-result .c-low {color: #4174ff; margin-right:1rem }
.h-blood-info .b-result .b-graph {position: relative;width: 44%;}
.h-blood-info .b-result .b-graph .b-high {position: absolute;width: 0.5rem;height: 1.8rem;background-color: #f9321c;top: 0.1rem; left: 90%;}
.h-blood-info .b-result .b-graph .b-medium {position: absolute;width: 0.5rem;height: 1.8rem;background-color: #000000;top: 0.1rem; left: 50%;}
.h-blood-info .b-result .b-graph .b-low {position: absolute;width: 0.5rem;height: 1.8rem;background-color: #4174ff;top: 0.1rem; left: 16%;} 
.h-blood-info .info-txt {font-size: 1.6rem; text-align: left; word-break: keep-all; margin-bottom: 1.6rem;}
.h-blood-info .info-txt p {padding-bottom: 1rem;}
.h-blood-info .b-result-chart {display: flex; width: 100%; margin: 1rem; font-size: 2rem; font-weight: 500; justify-content: space-around; line-height: 3rem;}
.h-blood-info .b-result-chart .c-high {color: #f9321c; margin-right:1rem }
.h-blood-info .b-result-chart .c-medium {color: #000000; margin-right:1rem }
.h-blood-info .b-result-chart .c-low {color: #4174ff; margin-right:1rem }
.h-blood-info .b-piss {display: flex; width: 100%; margin-bottom: 2rem; font-size: 1.6rem; font-weight: 500; justify-content: space-between}
.h-blood-info .b-piss .c-high {color: #f9321c; margin-right:1rem }
.h-blood-info .b-piss .c-medium {color: #000000; margin-right:1rem }
.h-blood-info .b-piss .c-low {color: #4174ff; margin-right:1rem }

.h-anti-info .anti-tit {font-size: 2.25rem; padding: 1.5rem 0; font-weight: 700; text-align: left;}
.h-anti-info .info-tit {font-size: 1.8rem; padding: 2rem 0 1.5rem; font-weight: 700; text-align: left}
.h-anti-info .info-txt {font-size: 1.6rem; text-align: left; word-break: keep-all; margin-bottom: 1.6rem;}
.h-anti-info .info-txt p {padding: 2rem 0 1rem;}
.h-anti-info .info-txt ul li {font-size: 1.6rem; list-style-type: "•   "; list-style-position: inside; word-break:keep-all; margin-top:1.6rem }
.h-anti-info .info-txt ul li:first-child {margin-top:0 !important;}
.h-anti-info .blue-tit {color:#4174ff; font-weight: 500}
.h-anti-info .b-result {display: flex; width: 100%; margin-bottom: 2rem; font-size: 1.6rem; font-weight: 500}
.h-anti-info .b-result .b-tit {width: 32%; text-align: left;}
.h-anti-info .b-result .b-txt {width: 24%; text-align: right; min-width:9.4rem;}
.h-anti-info .b-result .b-unit {margin: 0 1.4rem 0 0.6rem;}
.h-anti-info .b-result ul {width: 100%; height: 1rem; font-size: 0;}
.h-anti-info .b-result ul li {width: 16.6%; height: 1.7rem; border: 1px solid #000; display: inline-table;}
.h-anti-info .b-result .b-tb {border-left: 0 !important; border-right: 0 !important;}
.h-anti-info .b-result .b-l {border-left: 0 !important;}
.h-anti-info .b-result .c-negative {color: #f9321c; margin-right:1rem }  
.h-anti-info .b-result .c-positive {color: #ffb800; margin-right:1rem}
.h-anti-info .b-result .positive {color: #ffb800; margin-right:1rem}
.h-anti-info .b-result .c-positive-s {color: #007b4d; margin-right:1rem }
.h-anti-info .b-result .b-graph {position: relative;width: 40%;top: 1px}
.h-anti-info .b-result .b-graph .b-negative {position: absolute;height: 1.5rem;background-color: #ff6051;top: 0.1rem; left: 0;z-index: -99}
.h-anti-info .b-result .b-graph .b-positive {position: absolute;height: 1.5rem;background-color: #ffb800;top: 0.1rem; left: 0;z-index: -99}
.h-anti-info .b-result .b-graph .b-positive-s {position: absolute;height: 1.5rem;background-color: #007b4d;top: 0.1rem; left: 0;z-index: -99} 

.h-anti-info .b-result-5 {display: flex; width: 100%; margin-bottom: 2rem; font-size: 1.6rem; font-weight: 500}
.h-anti-info .b-result-5 .b-tit {width: 32%; text-align: left;}
.h-anti-info .b-result-5 .b-txt {width: 24%; text-align: right; min-width:9.4rem;}
.h-anti-info .b-result-5 .b-unit {margin: 0 1.4rem 0 0.6rem;}
.h-anti-info .b-result-5 ul {width: 100%; height: 1rem; font-size: 0;}
.h-anti-info .b-result-5 ul li {width: 20%; height: 1.7rem; border: 1px solid #000; display: inline-table;}
.h-anti-info .b-result-5 .b-tb {border-left: 0 !important; border-right: 0 !important;}
.h-anti-info .b-result-5 .b-l {border-left: 0 !important;}
.h-anti-info .b-result-5 .c-negative {color: #f9321c; margin-right:1rem }  
.h-anti-info .b-result-5 .c-positive {color: #ffb800; margin-right:1rem}
.h-anti-info .b-result-5 .positive {color: #ffb800; margin-right:1rem}
.h-anti-info .b-result-5 .c-positive-s {color: #007b4d; margin-right:1rem }
.h-anti-info .b-result-5 .b-graph {position: relative;width: 40%;top: 1px}
.h-anti-info .b-result-5 .b-graph .b-negative {position: absolute;height: 1.5rem;background-color: #ff6051;top: 0.1rem; left: 0;z-index: -99}
.h-anti-info .b-result-5 .b-graph .b-positive {position: absolute;height: 1.5rem;background-color: #ffb800;top: 0.1rem; left: 0;z-index: -99}
.h-anti-info .b-result-5 .b-graph .b-positive-s {position: absolute;height: 1.5rem;background-color: #007b4d;top: 0.1rem; left: 0;z-index: -99} 


.h-blood-cahrt {font-size: 1.8rem; text-align: center; color:#51637d; font-weight: 700; background: #f2f7ff; line-height: 5rem; border-radius: 2rem 2rem 0 0;}

/* input 숨겨준다 */
.check-btn{
  display:none;
  }

.check-btn + label{
  cursor:pointer;
 }

.check-btn + label > span{
  vertical-align: middle;
  padding-left: 5px;
 }

/* label:before에 체크하기 전 상태 CSS */
.check-btn + label:before{
  content:"";
  display:inline-block;
  width:2rem;
  height:2rem;
  background-image: url('../img/check-up/ico-check-gray.png');
  background-size: contain;        
  }
  
/* label:before에 체크 된 상태 CSS */  
.check-btn:checked + label:before{
  content:"";
  background-image: url('../img/check-up/ico-check-blue.png');
  background-repeat: no-repeat;
  }

  .nav-link {
    transition: none;
  }
}
.nav-link:hover, .nav-link:focus {
  color: #4791FE;
  text-decoration: none;
}
.nav-link.disabled {
  color: #69707a;
  pointer-events: none;
  cursor: default;
}
/*
.nav-tabs {
  border-bottom: 1px solid #d4dae3;
}
*/
.nav-tabs .nav-link {
  margin-bottom: -1px;
  background: none;
  border-bottom: 0.2rem solid #eee;
  border-top-left-radius: 0.35rem;
  border-top-right-radius: 0.35rem;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  /*border-color: #e0e5ec #e0e5ec #d4dae3;*/
  isolation: isolate;
}
.nav-tabs .nav-link.disabled {
  color: #69707a;
  background-color: transparent;
  border-color: transparent;
}

.tabs-4 {
    width:100% !important;
    display: inline-flex;
}
.tabs-4 li {
    *//*width:25% !important;
    font-size: 1.6rem;
    font-weight: 500;
    color: #d2d2d2;
    /*margin-right: 1rem;*/
    border-bottom: #d2d2d2 solid 0.2rem;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #4791FE;
  /* background-color: #f2f6fc; */
  /* border-color: #d4dae3 #d4dae3 #f2f6fc; */
  border-bottom: #4174ff solid 0.2rem;

}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/*blood*/
.blood_test-tabs .nav-link {
  margin-bottom: -2px;
  background: none;
  /*border-bottom: 0.2rem solid #eee;*/
  padding: 0.75rem 1rem;
  font-size: 1.7rem;    
  font-weight: 600;
}
.blood_test-tabs .nav-link a:hover, .nav-tabs .nav-link a:focus, .nav-tabs  {
  /*border-color: #e0e5ec #e0e5ec #d4dae3;*/
  isolation: isolate; 
}

.blood_test-tabs .nav-link.disabled {
  color: #69707a;
  background-color: transparent;
  border-color: transparent;
}
.blood_test-tabs .nav-item {
    width: 100%;
    text-align: center;
}

.blood_test-tabs .nav-item a:hover { background-color: #FFF}
.blood_test-tabs .nav-item a:link { color: #d2d2d2; border-bottom: #d2d2d2 solid 0.2rem;}

.blood_test-tabs .nav-item.active a,
.blood_test-tabs .nav-link.active,
.blood_test-tabs .nav-item.show .nav-link {
  color: #4174ff;
  /* background-color: #f2f6fc; */
  /* border-color: #d4dae3 #d4dae3 #f2f6fc; */
  border-bottom: #4174ff solid 0.2rem;
  background-color: #FFF;    
}
.blood_test-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.w-34 {min-width: 34%;}

/* health check up end*/

/* buddydoc symptom checker web str*/
.webapp {height: unset; overflow: auto scroll; background-color: #EFF6FF}
.wapp {width: 100%; height: 100%; overflow: hidden;}
.bdd-webcont {position: fixed; z-index: 0; width: 100%; max-width: 512px; height: 100%; left: calc(50vw - 512px);}
.bdd-webcont .m-tit {font-size: 37px; font-weight: bold; line-height: 48px; color:#4892FF}
.bdd-webcont .s-tit {font-size: 18px; line-height: 30px; margin-top:1rem; color: #000}
.bdd-webcont .app-btn {display: inline-block; margin-top: 10px; width: 160px;}

.bdd-appcont {position: relative;  transition: initial; color: #000!important; background-color: #4892FF;  margin: 0 0 0 calc(50vw - 1px); border-width: 0 1px; border-style: solid; border-color: #e1e1e1;  width: 100%; max-width: 422px; min-height: 100vh;padding-top: 15px;}
.bdd-appcont.white {background-color: #FFF !important}

.bdd-appcont .wapp-logo-b {margin-top: 2rem; margin-left: 2rem; height: 2.2rem; line-height: 2rem;}
.bdd-appcont .wapp-logo-b a { color: #4892FF; font-size: 1.3rem}
.bdd-appcont .wapp-logo-b img {width: 30%; padding-right: 1rem;}
.bdd-appcont .wapp-logo-w {margin-top: 2rem; margin-left: 2rem; height: 2.2rem; line-height: 2rem;}
.bdd-appcont .wapp-logo-w a {color: #FFF; font-size: 1.3rem}
.bdd-appcont .wapp-logo-w img {width: 30%; padding-right: 1rem;}
.bdd-appcont .wapp-logo .symp-txt {line-height: 2rem; margin-left: 1rem;}
.bdd-appcont .wapp-adr {margin-top: 10rem; text-align: center}
.bdd-appcont .wapp-adr .txt-y {font-size: 20px; line-height: 26px; color:#FFE49E}
.bdd-appcont .wapp-adr .txt-bk-h2 {font-size: 24px; line-height: 26px; color:#000; font-weight: 700}
.bdd-appcont .wapp-adr .txt-w {font-size: 16px; line-height: 24px; margin-top:1rem; color: #fff}
.bdd-appcont .wapp-adr .txt-bk {font-size: 16px; line-height: 24px; margin-top:1rem; color: #000}
.bdd-appcont .sel-btn-lt {width: 49%; display: inline-block; padding: 5rem 6% 5rem 14%}
.bdd-appcont .sel-btn-rt {width: 49%; display: inline-block; padding: 5rem 14% 5rem 6%}
.bdd-appcont .wapp_breed_search {padding: 0 14%;}

.bdd-appcont .wapp_breed_search .wapp_search_symptom_b {position: relative; top: 0; left: 0; width: 100%; height: 44px; /*box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);*/ border-bottom: 1px solid #eee; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}

.bdd-appcont .wapp_breed_search .search_wapp_symptom_b {position: absolute; top: 8px; left: 0px; font-size: 15px; background: none; color: #FFF; width: 80%; height: 26px; border: none; -webkit-appearance: none;   -moz-appearance: none; appearance: none; outline: none;}

.bdd-appcont .wapp_breed_search .wapp_search_symptom_b input:-webkit-autofill,.bdd-appcont .wapp_breed_search .wapp_search_symptom_b input:-webkit-autofill:hover,input:-webkit-autofill:focus,.bdd-appcont .wapp_breed_search .wapp_search_symptom input:-webkit-autofill:active {transition: background-color 5000s; -webkit-text-fill-color: #fff !important;}


.bdd-appcont .wapp_breed_search .wapp_search_symptom {position: relative; top: 0; left: 0; width: 100%; height: 44px; /*box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);*/ border-bottom: 1px solid #eee; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}

.bdd-appcont .wapp_breed_search .search_wapp_symptom {position: absolute; top: 8px; left: 0px; font-size: 15px; background: none; color: #FFF; width: 80%; height: 26px; border: none; -webkit-appearance: none;   -moz-appearance: none; appearance: none; outline: none;}

.bdd-appcont .wapp_breed_search .wapp_search_symptom input:-webkit-autofill,.bdd-appcont .wapp_breed_search .wapp_search_symptom input:-webkit-autofill:hover,input:-webkit-autofill:focus,.bdd-appcont .wapp_breed_search .wapp_search_symptom input:-webkit-autofill:active {transition: background-color 5000s; -webkit-text-fill-color: #555 !important;}



.s-btn {color: #fff; font-size: 2rem}
.g-btn {color: #959595; font-size: 2rem}
.str_button {width: 100%; display: inline-block; padding: 5rem 14% 0;}
.gc_str_button {width: 100%; display: inline-block; padding: 25% 14% 0;}

.bt_bg {width: 100%; position:fixed; bottom:0;}
.bt_bg img {max-width: 420px;margin-left: -1px;}


.datebox {margin: 10rem 2rem}
.datebox .optionbox {    
    display: inline-block;
    position: relative;
    height: 3rem;
    margin: 0 7%;
    border-bottom: 2px solid #ddd;
    background: #fff;
    vertical-align: middle;
    width: 18%;
}
.datebox .optionbox select {text-align: center; color: #555}

.datebox .optionbox select option[value=""][disabled] {
	display: none;
}

.check-warp {border-top: 1px solid #ccc; margin: 0 2rem;}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding: 2rem 0 1rem;
  margin-bottom: 0.125rem;
  width:100%;
}

.form-check .form-check-input {
  float: right;
  margin-left: -1.5em;
  box-shadow: none !important; 
  outline: inherit !important;
}

.form-check-input {
  width: 1.5em;
  height: 1.5em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25) !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-print-color-adjust: exact;
          color-adjust: exact;
}

.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 97, 242, 0.25);
}
.form-check-input:checked {
  background-color: #4174ff;
  border-color: #4174ff !important;
}
.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #0061f2;
  border-color: #0061f2;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
    opacity: 0.5;
}

.form-check-label 
{
    display: inline-block;
    max-width: 100%;
    margin: 5px 0;
    font-weight: 500;
    color: #999;}
.form-check-label.all { font-size: 1.6rem; color:#4174ff}

.form-switch {
  /*padding-left: 2.5em;*/
}
.form-switch .form-check-input {
  width: 3.8em;
  height: 2.6rem;   
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}

.form-switch .form-check-input:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

/* buddydoc symptom checker web end*/

/* buddydoc general checkup web str*/
.webapp-gc {height: unset; overflow: auto scroll; background-color: #EFF6FF}
.wapp-gc {width: 100%; height: 100%; overflow: hidden;}
.bdd-webcont-gc {position: fixed; z-index: 0; width: 100%; max-width: 512px; height: 100%; left: calc(50vw - 512px);}
.bdd-webcont-gc .m-tit {font-size: 37px; font-weight: bold; line-height: 48px; color:#4892FF}
.bdd-webcont-gc .s-tit {font-size: 18px; line-height: 30px; margin-top:1rem; color: #000}
.bdd-webcont-gc .app-btn {display: inline-block; margin-top: 10px; width: 160px;}

.bdd-appcont-gc {position: relative;  transition: initial; color: #000!important; background: linear-gradient( to bottom, #ffffff 2%, rgba(190, 222, 255), rgba(72, 146, 255) );  margin: 0 0 0 calc(50vw - 1px); border-width: 0 1px; border-style: solid; border-color: #e1e1e1;  width: 100%; max-width: 422px; min-height: 100vh;padding-top: 15px;}
.bdd-appcont-gc.bg_gc_webapps {background: url(../img/gc-webapp/bg_gc_apps.png) bottom no-repeat !important; background-color: #fff !important }
.bdd-appcont-gc.bg-none {background: #FFF !important;}
.bdd-appcont.white {background-color: #FFF !important}

.bdd-appcont-gc .wapp-logo-nv {margin-top: 2rem; margin-left: 2rem; height: 2.2rem; line-height: 2rem;}
.bdd-appcont-gc .wapp-logo-nv a { color: #072d79; font-size: 1.3rem}
.bdd-appcont-gc .wapp-logo-nv img {width: 30%; padding-right: 1rem;}
.bdd-appcont-gc .wapp-adr {/*margin-top: 9rem;*/ text-align: center; width: 100%}
.bdd-appcont-gc .wapp-adr .txt-nv {font-size: 16px; line-height: 26px; color:#072d79}
.bdd-appcont-gc .wapp-adr .txt-blue {font-size: 16px; line-height: 26px; color:#4892FF}
.bdd-appcont-gc .wapp-adr .gc-heart img {width: 50px}
.bdd-appcont-gc .wapp-adr .gc-start {padding-top: 4rem}
.bdd-appcont-gc .wapp-adr .gc-start img {width: 100%}

.bdd-appcont-gc .wapp-adr .txt-bk-h2 {font-size: 24px; line-height: 26px; color:#000; font-weight: 700}
.bdd-appcont-gc .wapp-adr .txt-w {font-size: 16px; line-height: 24px; margin-top:1rem; color: #fff}
.bdd-appcont-gc .wapp-adr .txt-bk {font-size: 16px; line-height: 24px; margin-top:1rem; color: #6e6e6e}
.bdd-appcont-gc .check-warp {border-top: 1px solid #FFF; margin: 0 2rem;}
.bdd-appcont-gc .check-warp .form-check-label {display: inline-block; max-width: 100%; margin: 5px 0; font-weight: 500; color: #555;}
.bdd-appcont-gc .check-warp .form-check-input { width: 1.5em; height: 1.5em; margin-top: 0.25em; vertical-align: top; background-color: #fff; background-repeat: no-repeat;  background-position: center; background-size: contain; border: 1px solid #4892FF !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact;}
.bdd-appcont-gc .check-warp .form-check-input:checked {background-color: #4892FF; border-color: #4892FF !important;}
.bdd-appcont-gc .check-warp .form-check-input:checked[type=checkbox] {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");}
.bdd-appcont-gc .sel-btn-lt {width: 49%; display: inline-block; padding: 5rem 6% 5rem 14%}
.bdd-appcont-gc .sel-btn-rt {width: 49%; display: inline-block; padding: 5rem 14% 5rem 6%}
.bdd-appcont-gc .wapp_breed_search {padding: 0 14%;}
.bdd-appcont-gc .wapp_breed_search .search-button {top: 14px !important;right: 4px !important;}
.bdd-appcont-gc .wapp_breed_search .active .search-button .g-btn {color: #072d79 !important}

.bdd-appcont-gc .wapp_breed_search .wapp_search_symptom_b {position: relative; top: 0; left: 0; width: 100%; height: 44px; /*box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);*/ border-bottom: 1px solid #959595; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}

.bdd-appcont-gc .wapp_breed_search .wapp_search_symptom_b.active {border-bottom: 1px solid #072d79; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: #072d79}

.bdd-appcont-gc .wapp_breed_search .search_wapp_symptom_b {position: absolute; top: 8px; left: 0px; font-size: 15px; background: none; color: #FFF; width: 80%; height: 26px; border: none; -webkit-appearance: none;   -moz-appearance: none; appearance: none; outline: none;}

.bdd-appcont-gc .wapp_breed_search .wapp_search_symptom_b input:-webkit-autofill,.bdd-appcont .wapp_breed_search .wapp_search_symptom_b input:-webkit-autofill:hover,input:-webkit-autofill:focus,.bdd-appcont .wapp_breed_search .wapp_search_symptom input:-webkit-autofill:active {transition: background-color 5000s; -webkit-text-fill-color: #fff !important;}


.bdd-appcont-gc .wapp_breed_search .wapp_search_symptom {position: relative; top: 0; left: 0; width: 100%; height: 44px; /*box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);*/ border-bottom: 1px solid #eee; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}

.bdd-appcont-gc .wapp_breed_search .search_wapp_symptom {position: absolute;top: 14px;left: 40px;font-size: 15px;background: none;color: #FFF;width: 80%;height: 26px;border: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: none;}

.bdd-appcont-gc .active .search_wapp_symptom {color: #072d79 !important;}

.bdd-appcont-gc .wapp_breed_search .wapp_search_symptom input:-webkit-autofill,.bdd-appcont .wapp_breed_search .wapp_search_symptom input:-webkit-autofill:hover,input:-webkit-autofill:focus,.bdd-appcont .wapp_breed_search .wapp_search_symptom input:-webkit-autofill:active {transition: background-color 5000s; -webkit-text-fill-color: #555 !important;}

.bdd-appcont-gc .wapp_breed_search input[type=search]::placeholder {color:#FFF !important; font-size:1.6rem}


select {width: 100%; /* 원하는 너비설정 */padding: .45em; /* 여백으로 높이 설정 */font-family: inherit; /* 폰트 상속 */border: none;border-radius: 0px; /* iOS 둥근모서리 제거 */-webkit-appearance: none; /* 네이티브 외형 감추기 */-moz-appearance: none;appearance: none;/*color:#453518 !important;*/}
.bdd-appcont-gc .breed_warp-gc .datebox {margin: 20% 2rem}
.bdd-appcont-gc .breed_warp-gc .datebox .optionbox {display: inline-block; position: relative; height: 3rem; margin: 0 7%; background: transparent; vertical-align: middle; width: 18%;}
.bdd-appcont-gc .breed_warp-gc .datebox .optionbox select {text-align: center; color: #FFF;border-bottom: 1px solid #aeaeae;}
.bdd-appcont-gc .breed_warp-gc .datebox .optionbox select:disabled {color:FFF !important}
.bdd-appcont-gc .breed_warp-gc .datebox .optionbox select option[value=""][disabled] {display: none;}
.bdd-appcont-gc .breed_warp-gc .datebox .optionbox select:focus {color: #072d79; border-bottom: 1px solid #072d79}
.bdd-appcont-gc .breed_warp-gc .datebox .optionbox selected {color: #072d79; border-bottom: 1px solid #072d79}
.bdd-appcont-gc .breed_warp-gc select.on {color: #072d79 !important;border-bottom: 1px solid #092d79 !important;}


/* buddydoc general checkup web end*/



/* mypage main */
.prof_wrap {clear: both; width: 100%; padding: 0 1.6rem}
.t-bar {display: flex;width: 100%;height: 4.4rem; text-align: center;font-size: 1.8rem;font-weight: 400; line-height: 4.4rem; position: relative}
.badge-wrap {position: absolute;right: 0;display: inline-flex;}
.badge-wrap .icons-mail {background: url(../img/doc/icon_mail.png) center no-repeat; width: 2.2rem; height: 2.2rem; margin-right: 1.75rem;margin-top: 1.2rem;position: relative;} 
.badge-wrap .icons-alarm {background: url(../img/doc/icon_alarm.png) center no-repeat; width: 2.2rem; height: 2.2rem; /*margin-right:1.5rem;*/ margin-top: 1.2rem;position: relative;}

.p-info {align-items: center !important; display: flex; flex-wrap: wrap; justify-content: space-between !important; padding: 2.7rem 0 0;}
.p-info .p-name {padding: 1.2rem 0;}
.p-info .p-name .f-name {font-size: 2.6rem;}
.p-info .p-name .f-mail {font-size: 1.6rem;}
.p-info-set {display: inline-flex;align-items: center;justify-content: center;}
.p-info-set .ico-d-setup {background: url(../img/doc/icon_setup.png) left no-repeat; background-size: 22px 22px; width: 2.2rem; height: 2.2rem; padding: 0.5rem;}
.p-info-set .m-pet{position: absolute; top: 1.6rem; right: 1.6rem;}

.pet_list li {margin-left: 0.8rem}
.pet_list li:first-child {margin-left: 0 !important}
.pet_list_bar {padding: 1.2rem 1.6rem; display: inline-block; width:  100%; overflow-x: auto; white-space: nowrap;}
.button-bg .pet-header {display: inline-flex; align-items: center;}
.button-bg .pet-header img {height: 6.8rem; width: 6.8rem; margin-right: 1rem; border-radius: 100%; border: 0.3rem solid #4892FF;}
.button-bg .pet-header .pd-add-pet {padding: 2.5rem 7rem;}
.button-bg .pet-header .pd-add-pet .ico-pet-plus {background: url(../img/doc/icon_plus.png) right no-repeat; width: 4.6rem; height: 4.6rem; padding: 2rem 6rem 2rem 2rem; font-size: 1.6rem; font-weight: 500; color: #4790FD;}

.pet_info_list li {margin-left: 0.8rem;min-width: 31.5rem;height: 14rem}
.pet_info_list li:first-child {margin-left: 0 !important}
.pet_info_list_bar {padding: 1.2rem 1.6rem; display: inline-block; width:  100%; overflow-x: auto; white-space: nowrap;}
.button-bg .pet-info-header {display: inline-flex; align-items: center;}
.button-bg .pet-info-header img {height: 7.8rem; width: 7.8rem; margin-right: 1rem; border-radius: 100%; border: 0.3rem solid #4892FF;}
.button-bg .pet-info-header .pd-add-pet {padding: 3rem 7rem;}
.button-bg .pet-info-header .pd-add-pet .ico-pet-plus {background: url(../img/doc/icon_plus.png) right no-repeat; width: 4.6rem; height: 4.6rem; padding: 2rem 6rem 2rem 2rem; font-size: 
1.6rem; font-weight: 500; color: #4790FD;}
.button-bg .pet-info-header .pet-tit { font-size: 2rem; font-weight: 500; padding-bottom: 0.6rem;}
.button-bg .pet-info-header .pet-txt {font-size: 1.6rem; font-weight: 400}
.button-bg .etc-info {width: 100%;height: 3.5rem;position: absolute;bottom: 0;left: 0;background: #F0F7FF;border-radius: 0 0 1.2rem 1.2rem;line-height: 3.5rem;text-align: center;color: #4892FF;font-size: 1.3rem;font-weight: 400}
.button-bg .etc-info span {margin: 0 1rem}

.book_info_tit {padding: 1.6rem 1.6rem 0; font-size: 1.8rem; font-weight: 500;}
.book_info_list li {margin-top: 1.6rem;height: 14rem;width: 100%;}
.book_info_list li:first-child {margin-top: 0 !important;}
.book_info_list_bar {padding: 1.2rem 1.6rem; display: inline-block; width:  100%; /* overflow-x: auto; */ /* white-space: nowrap; */}
.button-bg .book-info-header {display: inline-flex; align-items: center;}
.button-bg .book-info-header img {height: 8rem;width: 8rem;margin-right: 1rem;border-radius: 1rem;}
.button-bg .book-info-header .pd-add-pet {padding: 3rem 7rem;}
.button-bg .book-info-header .pd-add-pet .ico-pet-plus {background: url(../img/doc/icon_plus.png) right no-repeat; width: 4.6rem; height: 4.6rem; padding: 2rem 6rem 2rem 2rem; font-size: 
1.6rem; font-weight: 500; color: #4790FD;}
.button-bg .book-info-header .book-tit {font-size: 1.5rem;font-weight: 500;padding-bottom: 1rem; width: calc(100vw - 17.5rem); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.button-bg .book-info-header .book-txt {font-size: 1.2rem;font-weight: 500;padding-bottom: 1rem; width: calc(100vw - 17.5rem); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.button-bg .book-info {width: 100%;height: 3.5rem;position: absolute;bottom: 0;left: 0;background: #4892FF;border-radius: 0 0 1.2rem 1.2rem;line-height: 3.5rem;text-align: center;color: #FFFFFF;font-size: 1.3rem;font-weight: 400}
.button-bg .book-info span {margin: 0 1rem}
.logo-bage {position: absolute;top: -1rem;left: -1rem;}
.logo-bage img {width: 4.4rem !important; height: 4.4rem !important;}

.list_normal li {padding: 1rem 0; border-bottom: 1px solid #eee;}
.list_normal li a {position: relative; display: block; padding: 1.6rem 0; font-size: 1.7rem; font-weight: 500; color: #555555;}
.list_normal li .dp-flex {display: flex;}
.list_normal li .chat_img {width: 4.8rem;height: 4.8rem;margin-right: 1rem;margin-top: 0.5rem;border: 1px solid #555;border-radius: 4.8rem;}
.list_normal li .chat_doc {display: flex;justify-content: space-between;padding-bottom: 0.5rem;}
.list_normal li .round-pill {position: relative; background-color: #4892FF; font-size: 1.2rem; line-height: 2.4rem;color: #fff; text-align: center; white-space: nowrap; font-weight: 500; width: 2.5rem; display: inline-block; height: 2.5rem;border-radius: 2.5rem}
.list_normal li .chat-time-g {margin-top: auto;font-size: 1.2rem;font-weight: 400;color:#C1C1C1}
.list_normal li .b-txt {color: #4791FE !important;}
.list_normal li .chat-warp-txt {display: flex;justify-content: space-between;}
.list_normal li .chat-txt {width: 66%;font-size: 1.2rem;font-weight: 400;line-height: 1.65rem; height: 3.4rem; display: -webkit-box; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2;}


.ico-self {background: url(../img/doc/icon_self.png) left no-repeat; background-size: 24px 25px; ; width: 2.6rem; height: 2.6rem; padding: 0.5rem 2.4rem; margin-left: 1px;}
.ico-payment {background: url(../img/doc/icon_payment.png) left no-repeat; width: 2.6rem; height: 2.6rem; padding: 0.5rem 2.5rem;}
.ico-membership {background: url(../img/doc/icon_membership.png) left no-repeat; width: 2.6rem; height: 2.6rem; padding: 0.5rem 2.5rem;}
.ico-rewards {background: url(../img/doc/icon_rewards.png) left no-repeat; width: 2.6rem; height: 2.6rem; padding: 0.5rem 2.5rem;}
.ico-notification {background: url(../img/doc/icon_notification.png) left no-repeat; background-size: 24px 27px; width: 2.6rem; height: 2.6rem; padding: 0.5rem 2.4rem; margin-left: 1px;}
.ico-contact {background: url(../img/doc/icon_contact.png) left no-repeat; background-size: 26px 28px; width: 2.6rem; height: 2.6rem; padding: 0.5rem 2.4rem; margin-left: 1px;}
.ico-notice {background: url(../img/doc/icon_notice.png) left no-repeat; background-size: 26px 26px; width: 2.6rem; height: 2.6rem; padding: 0.5rem 2.4rem; margin-left: 1px;}
.ico-logout {background: url(../img/doc/icon_logout.png) left no-repeat; background-size: 25px 24px; width: 2.6rem; height: 2.6rem; padding: 0.5rem 2.4rem; margin-left: 1px;}
.ico-next {background: url(../img/doc/icon_next.png) right no-repeat; width: 2.6rem; height: 2.6rem; padding: 0.5rem 2.5rem; float: right;}
.ico-prev {background: url(../img/doc/icon_prev.png) right no-repeat; width: 2.6rem; height: 2.6rem; padding: 0; left: 0; top: 0.8rem; position: absolute;}
.ico-next-records {background: url(../img/doc/icon_next.png) right no-repeat; width: 12rem; height: 2.6rem; padding: 0.5rem 2.5rem; float: right;}


.my-version {padding: 0 2rem}
.my-version li {list-style-type: disc; padding: 1rem 0 0;}
.my-version li:last-child {padding-bottom: 2rem} 
.rounded-pill {border-radius: 50rem !important;}
.badge {padding: 0.25rem;/* margin-left: 0.75rem; */line-height: 1.2;background-color: #4892FF;font-size: 0.4rem;color: #fff;text-align: center;white-space: nowrap;vertical-align: baseline;position: absolute;left: -0.75rem;top: -0.5rem;font-weight: 300;min-width: 1.75rem;display: inline-block;}

.ico-doctor {background: url(../img/doc/icon_doctor.png) left no-repeat; background-size: 14px 15px; width: 1.6rem; height: 1.6rem; padding: 0 1.9rem; margin-left: 1px;}
.ico-hospital {background: url(../img/doc/icon_hospital.png) left no-repeat;  background-size: 14px 12px; width: 16px; height: 16px; padding: 0 1.9rem; margin-left: 1px;}
.ico-bookmark {background: url(../img/doc/icon_bookmark.png) right no-repeat; background-size: 15px 16px; width: 16px; height: 16px; padding: 0 2rem; position: absolute; top:0; right:-2rem}
.ico-bookmark.not {background: url(../img/doc/icon_bookmark_n.png) right no-repeat; background-size: 15px 16px; width: 16px; height: 16px; padding: 0 2rem; position: absolute; top:0; right:-2rem}
.ico-clock {background: url(../img/doc/icon_clock.png) left no-repeat; height: 22px; padding: 0 2rem; font-size: 1.2rem; font-weight: 500; line-height: 2.2rem;}
.ico-clock span {margin-left: 0.75rem}

.button-bg {position: relative; padding: 1.6rem; background-color: #fff; box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.4); border-radius: 1.2rem; display: inline-block; font-weight: 300; line-height: 1; color: #555555; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
  font-size: 1.6rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}

/* profile */
*:focus {outline: none;}

#key {width: 100%; padding: 0.45rem; display: flex; font-size: 1.6rem;}

#key:focus {border-color: #ccc;}

#keyShow {position: absolute; display: none; margin-top: -2.8rem; cursor: pointer; color: #797979; right: 1.6rem; font-size: 1.6rem;}

#checkKey {height: 39px;}    

.card-body label {font-size: 2.2rem; font-weight: 500; margin-bottom: 1.5rem;}
.help-block {display: none;}
.has-error input[type="password"], .has-error input[type="number"] {border-color: #FE5266 !important;}
.has-match input[type="number"] {border-color: #4892FF !important;}
.has-error .help-block {display: inline-block; color: #FE5266 !important; margin-top: 5px; margin-bottom: 10px;}

/* mypage main end */


/*profile top str*/
.prof_wrap {background: url(../img/gc-webapp/bg-result-back.png) top no-repeat;background-size: 100%;}
.prof_wrap .circle {position: relative; background: url(../img/gc-webapp/bg-result.png) bottom no-repeat; padding-top: 44rem;}
.prof_wrap .circle .pet-result {padding-top: 0.8rem; font-size: 1.2rem; text-align: center; position: absolute; bottom: 1.4rem; width: 100%}
.prof_wrap .circle .pet-result .pet-condition {font-size: 1.7rem; padding: 0.25rem;}
.prof_wrap .circle .pet-result .pet-value {font-size: 2.2rem; color: #4892FF;}
.prof_bg {position: relative;}
.prof_bg_set {position: absolute;z-index: 7;right: 20px;bottom: 4px;}
.prof_bg_img img {width: 100%;}
/*profile top end*/

/* user pet list  */
.pet_info {padding: 0.5rem 1.6rem;text-align: center; border-bottom: 8px solid #f3f3f3}
.pet_info .dinb {display: flex;}
.pet_info .dinb img {width: 6rem; border-radius: 6rem;}
.pet_info .pet_bx {font-size: 1.4rem;text-align: left;padding: 0.5rem 0 0 1rem;}
.pet_info .pet_bx img {width: 40px; border-radius: 0.5rem;}
.pet_info .pet_bx .pet_badges {width: 4rem; line-height: 2.4rem; background: #8BB6FF; text-align: center; color: #fff; border-radius: 0.5rem;}
.pet_info .pet_txt {/*color: #01359e;*/font-size: 1.5rem;letter-spacing: 0;padding: 0.5rem 0 0;}

.pet_info .symptoms {text-align: left; padding: 2rem 0 1rem 0}
.pet_info .symptoms .symptom_tit  {font-size: 1.8rem; font-weight: 600; padding-bottom: 0.5rem}
.pet_info .symptoms .symptom_word {font-size: 1.4rem; font-weight: normal}

.pet_info .pet_badge {display: inline-block; padding: 0.5rem; font-size: 0.75rem; font-weight: 400; line-height: 1; color: #fff; text-align: center; white-space: nowrap;    vertical-align: baseline; border-radius: 0.35rem;letter-spacing: 0.1em;}
.pet_info .pet_badge.bg_danger {background-color: #ff8787}
.pet_info .pet_badge.bg_caution {background-color: #ffc787}
.pet_info .pet-diagnosis {display: flex; padding: 2rem 0;}
.pet_info .pet-diagnosis .dia-btn {margin: auto 0;}
.pet_info .pet-diagnosis .dia-btn a {padding: 1rem;}

.pet_list {padding: 4rem 0;border-bottom: 4px solid #eee;}
.pet_list .pet_list_tit {display: inline-block;width: 100%;padding: 1.6rem;font-size: 1.4rem}
.pet_list .pet_list_tit .tit_pin {display: inline;}
.pet_list .pet_list_tit .tit_pin .pin_txt {font-weight: bold;font-size: 15px}
.pet_list .pet_list_tit .tit_pin .pin_txt .txtR {font-size: 12px; padding-left: 8px}

.pet_list .pet_list_img {padding-left: 16px;display: inline-block;width:  100%;overflow-x: auto;white-space: nowrap;font-size: 1.4rem}

.pet_list .pet_list_img {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.pet_list .pet_list_img::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

.pet_list .pet_list_img .img_x {width: auto;display: inline-flex;}
.pet_list .pet_list_img .img_x li img {width: 5.3rem;}
.pet_list .pet_list_img li {display: inline-block;float: left;padding: 0 0.25rem;}
.pet_list .pet_list_img li.swiper-slide {background: transparent;}
.pet_list .pet_list_img li img {border-radius: 5rem;}
.pet_list .pet_list_img li .al_center {color: #555; font-size: 14px;}
.pet_list .pet_list_img li .al_center, .pet_list .pet_list_img .cr_img_ov .al_center {padding-top: 0.5rem}
.pet_list .pet_list_img .cr_img_ov {display: inline-block;float: left;padding: 0 0.25rem;}
.pet_list .pet_list_img .cr_img_ov .al_center {color: #4892FF}
.pet_list .pet_list_img .cr_img_ov img {border-radius: 5rem; }


.v-none {text-align: center; margin: 1.5rem 0 2.5rem 0; line-height: 2rem;}
.v-none .none-link {border-bottom: 1px solid #DBDBDB;padding: 1rem 1rem 0.25rem;color: #C1C1C1 !important;}
.btn-change {position: absolute; right: 0; bottom: 0.75rem; border-radius: 2rem !important; padding: 0.8rem 2rem !important;}
.btn-del {border-radius: 2rem !important; padding: 0.8rem 2rem !important;}
.btn-vcode {margin-top: 1rem !important; padding: 1.25rem 0 !important; color:#4892FF !important; width: 100% !important; border-radius: 1.5rem !important; font-size: 1.6rem !important}

button.btn {box-shadow: none !important;}

.button {
  /*margin: 0 0.25rem;*/
  padding: 0.8rem;
  background-color: #fff;
  border: 1px solid transparent;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.05),0 1px 2px 0 rgba(0,0,0,0.2);
  border-radius: 0.5rem;
      
  display: inline-block;
  font-weight: 400;
  line-height: 1;
  color: #797979;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 1.2rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.button:hover {
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.05),0 1px 2px 0 rgba(0,0,0,0.2) !important;
  border-radius: 0.5rem !important;
}
.btn-check:focus + .button, .button:focus {
  /* box-shadow: 0 2px 6px 0 rgba(0,0,0,0.05),0 1px 2px 0 rgba(0,0,0,0.2) !important; */
  border-radius: 0.5rem !important;
}
.btn-check:checked + .button, .btn-check:active + .button, .button:active, .button.active, .button.dropdown-toggle.show {
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.05),0 1px 2px 0 rgba(0,0,0,0.2) !important;
}
.btn-change:focus, .btn-vcode:focus, .btn-del:focus {
  border-radius: 2rem !important;
}    
.button:disabled, .button.disabled {
  color: #0061f2;
  background-color: #EFF6FF;
}

.button_done {
  margin: 0 0.35rem;
  padding: 1.25rem;
  width: 100%;
  height: 4.9rem;
  text-align: center;
  background-color: #f3f4f6;
  border-radius: 1.5rem;
  display: inline-block;
  font-weight: 600;
  line-height: 1;
  color: #b0b9c2;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.6rem;
  border: 1px solid #f3f4f6;
  /* box-shadow: 0 2px 6px 0 rgba(0,0,0,0.05),0 1px 2px 0 rgba(0,0,0,0.2); !important; */
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.button_green {
  margin: 0 0.35rem;
  padding: 1.25rem;
  width: 100%;
  height: 4.9rem;
  text-align: center;
  background-color: #00B460;
  border-radius: 1.5rem;
  display: inline-block;
  font-weight: 600;
  line-height: 1;
  color: #FFF;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.6rem;
  border: 1px solid #f3f4f6;
  &:hover {background-color: #F3F4F6; color: #B0B9C2;}
  &:focus {background-color: #F3F4F6; color: #B0B9C2;}
}

.button_recovery {
  margin: 0;
  padding: 1.9rem;
  width: 100%;
  text-align: center;
  background-color: #C4D3D2;
  border-radius: 0.75rem;
  display: inline-block;
  font-weight: 400;
  line-height: 1;
  color: #b0b9c2;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.6rem;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.05),0 1px 2px 0 rgba(0,0,0,0.2); !important;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn-check:checked + .button_recovery, .btn-check:active + .button_recovery, .button_recovery:active, .button_recovery.active, .button_recovery.dropdown-toggle.show {
    background: #40BDB4;
    color: #FFF !important;
}

.button_cancel {
  margin: 0 0.35rem;
  padding: 1.25rem;
  width: 100%;
  height: 4.9rem;
  text-align: center;
  background-color: #F3F4F6;
  border-radius: 1.5rem;
  display: inline-block;
  font-weight: 600;
  line-height: 1;
  color: #B0B9C2;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.6rem;
  border: 1px solid #f3f4f6;
  &:hover {background-color: #F3F4F6; color: #B0B9C2;}
  &:focus {background-color: #F3F4F6; color: #B0B9C2;}
}
.button_cancel:hover{
  background-color: #F3F4F6;  
  color: #B0B9C2;   
}
.button_gline:hover {
  
}
.btn-check:focus + .button_gline, .button_gline:focus {
   
}
.btn-check:checked + .button_done, .btn-check:active + .button_done, /* .button_done:active, */ .button_done.active, .button_done.dropdown-toggle.show {
    background: #0066fe;
    color: #FFF !important;
}
.button_drop:disabled, .button_drop.disabled {
  
}

.button_att {
  padding: 0.5rem 1.5rem;
  background-color: #fff;
  border: 1px solid transparent;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.4);
  border-radius: 0.5rem;
  display: inline-block;
  font-weight: 400;
  color: #797979;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 0.875rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.button_att:hover {
  
}
.btn-check:focus + .button_att, .button_att:focus {
  
}
.btn-check:checked + .button_att, .btn-check:active + .button_att, .button_att:active, .button_att.active, .button_att.dropdown-toggle.show {
    
}
.button_att:disabled, .button_att.disabled {
  
}

.button-mem {
  margin: 0 0.25rem;
  padding: 0.4rem 1rem;
  background-color: #fff;
  border: 1px solid transparent;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.4);
  border-radius: 0.5rem;
  display: inline-block;
  font-weight: 400;
  line-height: 1;
  color: #797979;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 0.75rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.button-mem:hover {
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.4) !important;
  border-radius: 0.5rem !important;
}
.btn-check:focus + .button-mem, .button-mem:focus {
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.4) !important;
  border-radius: 0.5rem !important;
}
.btn-check:checked + .button-mem, .btn-check:active + .button-mem, .button-mem:active, .button-mem.active, .button-mem.dropdown-toggle.show {
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.4); !important;
}
.button-mem:disabled, .button-mem.disabled {
  color: #0061f2;
  background-color: transparent;
}

.button_coupon {
  margin: 0 0.25rem;
  padding: 0.4rem 1rem;
  width: 9rem;
  background-color: #fff;
  border: 1px solid #939393;
  display: inline-block;
  font-weight: 400;
  line-height: 1;
  color: #555555;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 0.75rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.button_coupon:hover {
  
}
.btn-check:focus + .button_coupon, .button_coupon:focus {
  
}
.btn-check:checked + .button_coupon, .btn-check:active + .button_coupon, .button_coupon:active, .button_coupon.active, .button_coupon.dropdown-toggle.show {
    border: 1px solid #4892FF;
    background: #4892FF;
    color: #FFFFFF;
}
.button_drop:disabled, .button_drop.disabled {
  
}

.button_drop {
  margin: 0 0.25rem;
  padding: 0rem;
  display: inline-block;
  border: none;
  line-height: 1;
  color: #69707a;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 0.8rem;
  font-weight: 700
}
.button_drop:hover {
  
}
.btn-check:focus + .button_drop, .button_drop:focus {
  
}
.btn-check:checked + .button_drop, .btn-check:active + .button_drop, .button_drop:active, .button_drop.active, .button_drop.dropdown-toggle.show {
    
}
.button_drop:disabled, .button_drop.disabled {
  
}

.button_bline {
  margin: 0 0.25rem;
  padding: 1.065rem;
  background-color: transparent;
  border: 1px solid #4892FF;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.4);
  border-radius: 0.5rem;
      
  display: inline-block;
  font-weight: 400;
  line-height: 1;
  color: #555555;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 0.875rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.button_bline:hover {
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.4) !important;
  border-radius: 0.5rem !important;
}
.btn-check:focus + .button_bline, .button_bline:focus {
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.4) !important;
  border-radius: 0.5rem !important;
}
.btn-check:checked + .button_bline, .btn-check:active + .button_bline, .button_bline:active, .button_bline.active, .button_bline.dropdown-toggle.show {
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.4); !important;
}
.button_bline:disabled, .button_bline.disabled {
  color: #0061f2;
  background-color: transparent;
}

.button_time {
  margin: 0 0.25rem;
  padding: 0.75rem;
  background-color: transparent;
  border: none;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.4);
  border-radius: 1.5rem;
  display: inline-block;
  font-weight: 400;
  line-height: 1;
  color: #555555;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 0.875rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.button_modal {
  margin: 0 0.25rem;
  padding: 0.75rem;
  background-color: transparent;
  border: 1px solid #4892FF;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.4);
  border-radius: 1.5rem;
  display: inline-block;
  font-weight: 400;
  line-height: 1;
  color: #555555;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 0.875rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.button_modal:hover {
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.4) !important;
  border-radius: 1.5rem !important;
}
.btn-check:focus + .button_modal, .button_modal:focus {
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.4) !important;
  border-radius: 1.5rem !important;
}
.btn-check:checked + .button_modal, .btn-check:active + .button_modal, .button_modal:active, .button_bline.active, .button_bline.dropdown-toggle.show {
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.4); !important;
    border: 1px solid #4892FF;
}

.button_modal:disabled, .button_modal.disabled {
  color: #0061f2;
  background-color: transparent;
}

.r_circle {width: 4rem !important; height: 4rem !important;}
.g_circle {width: 3rem !important; height: 3rem !important;}
.w_circle {width: 3rem !important; height: 3rem !important;}

.button-c {
  margin: 0 0.25rem;
  padding: 1.065rem;
  background-color: transparent;
  border: 1px solid transparent;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.4);
  border-radius: 2rem;
  text-indent: -9999px;
  display: inline-block;
  font-weight: 400;
  line-height: 1;
  color: #555555;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 0.875rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.button-c:hover {
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.4) !important;
  border-radius: 2rem !important;
}
.btn-check:focus + .button-c, .button-c:focus {
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.4) !important;
  border-radius: 2rem !important;
}
.btn-check:checked + .button-c, .btn-check:active + .button-c, .button-c:active {
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.4); !important;
}
.button-c:disabled, .button-c.disabled {
  color: #0061f2;
  background-color: transparent;
}
.subscribe_tit {display: inline-block;width: 100%;padding: 1.6rem 1.6rem 0; color: #211600}
.subsc_bg {margin: 0 1.6rem;}

.schedule_bg {border-top: 1px solid #eee; }

.twPc-divStats {
    padding: 1rem 1.6rem 2rem;
}
.twPc-Arrange {
    box-sizing: border-box;
    display: table;
    margin: 0;
    min-width: 100%;
    padding: 0;
    table-layout: auto;
}
ul.twPc-Arrange {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.twPc-ArrangeSizeFit {
    display: table-cell;
    padding: 0;
    vertical-align: top;
    text-align: center;
}
.twPc-ArrangeSizeFit a:hover {
    text-decoration: none;
}
.twPc-StatValue {
    display: block;
    font-size: 1.4rem;
    font-weight: bold;
    transition: color 0.15s ease-in-out 0s;
    color: #FFCB33;
}
.twPc-StatValue img{
    vertical-align: text-bottom;
}
.twPc-StatLabel {
    color: #C1C1C1;
    font-size: 1.2rem;
    letter-spacing: 0;
    overflow: hidden;
    padding-top: 6px;
    text-transform: uppercase;
    transition: color 0.15s ease-in-out 0s;
}      

/* General_checkup */
.ck-warp {background: linear-gradient( to bottom, #FFFFFF 20%, rgba(190, 222, 255,0.5), rgba(72, 146, 255, 0.5) ); padding: 4rem 1.6rem 4rem; margin-top: -1.6rem;}
.ck-txt {font-size: 1.8rem; word-break: break-word;}
.ck-btn {border-radius: 1rem !important;box-shadow: 0 0 0 0 rgb(0 0 0 / 20%), 0 2px 6px 0 rgb(0 0 0 / 20%); width: 100%}
.ck-pet-track {background: url(../img/check/ico-hplus.png) left no-repeat; height: auto; line-height: 2; padding-left: 3.5rem; font-size: 1.6rem; color: #3247ce; word-break: break-word;}
.ck-pet-name {margin: 0 0 0.4rem 1rem;font-weight: 500;box-shadow: inset 0 -1px 0 #3247CE; line-height: 3rem; word-break: break-word; font-size: 1.99rem; display: inline-block;}
.ck-pet-txt {padding-top: 1.6rem; padding-left: 1.5rem; font-size: 1.5rem; word-break: break-word;}
.ck-pet-txt2 {padding-left: 1.5rem; color: #3247ce; font-size: 1.5rem; word-break: break-word;}

.ck-top {text-align: center;padding: 2rem;}
.ck-top .header-tit {font-size: 1.6rem;color: #4777bf;}
.ck-ask {padding: 2rem 0;}
.ck-ask .ck-query {background: url(../img/check/ico-circled-check.png) left 0.4rem no-repeat;background-size: 16px 16px;padding-left: 2.25rem;font-size: 1.5rem; line-height: 1.6}
.ck-ask .ck-choice {padding: 1rem 2rem;}
.two-lines {height: 6rem !important; text-align: left; line-height: 1.6;max-width: 280px; word-break: break-word; white-space: pre-line}
.ck-foot {display: flex;width: 100%;padding: 0 3.2rem 4rem;}
.ck-foot .ck-foot-r {width: 9rem;margin-right: auto;}
.ck-foot .ck-foot-l {width: 9rem;}
.sc-foot {display: flex; width: 100%; padding: 0 4.8rem 4rem;}
.sc-foot .sc-foot-r {width: 9rem; margin-right: auto;}
.sc-foot .sc-foot-l {width: 9rem;}


.list_checkup {}
.list_checkup li {width:100%; padding: 1.6rem 0 0 0;}
.list_checkup li:first-child {padding-top: 0;}
.list_checkup li:last-child {padding-bottom: 1.6rem;}
.list_checkup li .ck-weight {width: 100%; padding: 0.75rem; border-radius: 0.5rem; display: inline-block; border: 1px solid transparent;}
.list_checkup li .ck-weight .ck-header {display: flex; align-items: center; font-size: 1.2rem; line-height: 1.4}
.list_checkup li .ck-weight .ck-header img {width: 20%; margin-right: 1rem;}
.list_checkup li .ck-weight .ck-header .ck-weight-tit {font-weight: 500; font-size: 1.4rem;}
.list_checkup li .ck-weight .ck-header .ck-weight-txt {word-break: break-word; font-size: 1.3rem;}

.button-ck {
  /*margin: 0 0.25rem;*/
  padding: 0.8rem;
  background-color: #fff;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.4);
  border-radius: 0.5rem;
  display: inline-block;
  font-weight: 400;
  line-height: 1;
  color: #555555;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 0.875rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@import "//cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css";  
:root {
  --hauptfarbe:#333333;
  --schriftfarbe-dunkel:#333333;
  --schriftfarbe-hell:beige;
  --gelb-transparent:#ffff0020;
}
.button-ck:hover {
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.4) !important;    
  border-radius: 0.5rem !important;
}
.button-ck:focus {
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.4) !important;
  border-radius: 0.5rem !important;
}
.button-ck.active {
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.4) !important;
    border: 1px solid #4892FF !important;
}
.button-ck:disabled, .button-ck.disabled {
  color: #0061f2;
  background-color: transparent;
}

.ck-weight {display: flex; padding: 1.6rem 0 3.2rem; align-items: end;}
.ck-weight .w-label {width: 38%; text-align: right;}
.ck-weight .w-value {width: 33%;padding: 0 0.75rem;}
.ck-weight .w-value input[type="text"] {text-align: center !important; font-size: 1.2rem !important; border-bottom: 1px solid #999 !important; border-radius: 0 !important; padding: 0 0.45rem !important; height: 2.4rem !important;}
.ck-weight .w-unit {width: 28%;}

/* inspection status str */
.p-0 {padding: 0 !important;}
.pb-0 {padding-bottom: 0 !important;}
.plr-16 {padding-left: 1.6rem !important; padding-right: 1.6rem !important;}

.inspection_warp {}
.inspection_warp .wapp-tit {
    font-size: 2.5rem;
    font-weight: 600;
    padding: 3rem 1.6rem;
}

.inspection_warp .wapp-status {
    padding: 0 1.6rem 3rem 1.6rem;
    border-bottom: 1px solid #f3f4f6;
}
.inspection_warp .wapp-status ul {
    width: 100%;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
}
.inspection_warp .wapp-status ul li img {
    width: 7rem;
}
.inspection_warp .wapp-status ul li .txt-nomal {
    text-align: center; color:#b0b9c2; padding-top: 0.5rem;
}

.inspection_warp .wapp-status ul li .txt-over {
    text-align: center; color:#0066fe; font-weight: 500;  padding-top: 0.5rem;
}

.next-arrow img {
    width: 2rem !important; height: 2rem !important; margin-bottom:22.41px;
}

.ins-progress {
    padding: 3rem 1.6rem 2rem 1.6rem; border-bottom: 12px solid #f3f4f6;
}
.ins-progress .progress-warp {
    position: relative;
}

.ins-progress .pro-disabled {
    color: #b0b9c2 !important
}

.ins-progress .pro-disabled .ico-end {
    color: #b0b9c2 !important
}

.ins-progress .progress-warp.h-6r {
    height: 6.5rem;
}


.ins-progress .progress-warp.h-8r {
    height: 8.5rem;
}


.ins-progress .progress-warp .progress-00 {
    position: absolute; font-size: 1.25rem; padding: 1rem 1rem 1.75rem 2rem; margin-left: 0.65rem; line-height: 1.5; top: 2rem;
}
.ins-progress .progress-warp .progress-01{
    position: absolute; font-size: 1.25rem; border-left: 2px solid #b0b9c2; padding: 1rem 1rem 2.25rem 2rem; margin-left: 0.65rem; line-height: 1.5; top: 2rem;
}

.ico-ing {
    background: url(../img/inspection/ico_blue_dot.png) left no-repeat; background-size: 15px 15px; width: 100%; padding: 0 2.5rem;font-size: 1.75rem;font-weight: 600;color: #0066fe
}
.ico-end {
    background: url(../img/inspection/ico_gray_top.png) left no-repeat; background-size: 15px 15px; width: 100%; padding: 0 2.5rem;font-size: 1.75rem;font-weight: 600;color: #0066fe
}

.delivery-num {
    padding: 0 1.6rem 3rem 1.6rem;
    border-bottom: 12px solid #f3f4f6;
}
.delivery-num .sub-tit {
    font-size: 2rem;
    font-weight: 600;
    padding: 3rem 0 1.25rem;
}
.delivery-num .deli-prev {
    font-size: 1.5rem; font-weight: 600; color: #b0b9c2
}
.delivery-num .deli-num {
   font-size: 1.5rem; font-weight: 600 
}
.delivery-num .num-copy {
    background: url(../img/inspection/ico_copy.png) left no-repeat; 
    background-size: 15px 15px;
    font-size: 1.25rem;
    font-weight: 400;
    margin-left: 1rem;
    padding-left: 1.75rem;
    color: #b0b9c2;
}
.delivery-num .num-copy a:link, .delivery-num .num-copy a:hover, .delivery-num .num-copy a:visited, .delivery-num .num-copy a:active {color:#b0b9c2;text-decoration:none;}

.qna-warp {
    padding: 0 1.6rem 3rem 1.6rem;
}

/* recovery */
.recovery_warp .recovery-tit {
    font-size: 2.1rem;
    font-weight: 600;
    color: #383838;
    padding: 1rem 1.6rem 4rem;
}
.recovery_warp .recovery-tit .ico-truck {
    width: 4.5rem;
    height: 4.5rem;
    background: url(../img/recovery/ico_truck.png) 0 0 no-repeat;
    background-size: cover
}
.recovery_warp .recovery-tit .ico-clipboard {
    width: 4.5rem;
    height: 4.5rem;
    background: url(../img/recovery/ico_clipboard.png) 0 0 no-repeat;
    background-size: cover
}
.navbar-header .ico-labgen {
    width: 12rem;
    height: 3.5rem;
    background: url(../img/recovery/labgen-logo.png) 0 0 no-repeat;
    background-size: contain;
    margin: 1.6rem;
}
.recovery_warp .recovery-tit .r-txt {
    font-size: 1.4rem;
    font-weight: 400;
}
.recovery_warp .recovery-tit .s-txt{
    font-size: 1.2rem;
    font-weight: 400;
    margin-top: 1rem;
}
.recovery_warp .recovery-tit .r-tit {
    padding:0.5rem 0;
}


.recovery_warp .wapp-data {
    padding: 0 1.6rem 3rem 1.6rem;
}

.recovery_warp .wapp-data input[type="text"], .data_warp .wapp-data input[type="number"] {
	outline: none !important;
	box-shadow:none !important;
	border-bottom:1px solid #AFD9D6;
    padding: .45em .45em .25em 0;
    display: block;
    width: 100%;
    line-height: 1.25;
    background-color: #fff;
    background-image: none;
    font-size: 1.75rem;
    font-weight: 500;
    color:#555 !important;
}

.recovery_warp .wapp-data .has-error label {
    color: #ef3443 !important;
}


.recovery_warp .wapp-data .has-error input[type="text"] {
    border-color: #ef3443 !important;
}

.recovery_warp .wapp-data input[type="text"]::placeholder, .data_warp .wapp-data input[type="number"]::placeholder {
    font-size: 1.75rem;
    color:#b0b9c2 !important;
}

.recovery_warp .wapp-data .n-star {
    color: #ef3443 !important;
    margin-left: 0.5rem;
    padding-left: 0.75rem;
    background: url(../img/inspection/ico_h_star.png) 0 0 no-repeat;
}

.recovery_warp .wapp-data label{
    font-size: 1.4rem;
    padding-bottom: 0.5rem;
}
.recovery_warp .wapp-data .txt-annotation {
    padding:1.6rem 0; color:#468C86; font-size: 1.4rem;
}

.recovery_warp .wapp-data .p-qa .b-txt {color: #0066FE;}

.recovery_warp .wapp-data .p-qa .n-star {
    color: #ef3443 !important;
    margin: 0 0.25rem 0 0;
    padding-left: 0.75rem;
    background: url(../img/inspection/ico_h_star.png) 0 0 no-repeat;
}

.recovery_warp .wapp-data .p-qa .list_asking {
    width: 95%;
    margin: 0 auto;
    float: none;
}
.recovery_btn {
    position: fixed;
    bottom: 0;
    width: 39rem;
    padding: 1.6rem 1.6rem 3rem 1.6rem;
    margin: 0 auto;
    left: 0;
    right: 0;
    background: #FFF;
}

/* inspection */

.data_warp .wapp-tit {
    font-size: 2.8rem;
    font-weight: 700;
    color: #383838;
    padding: 3rem 1.6rem 4rem;
}

.data_warp .wapp-data {
    padding: 0 1.6rem 3rem 1.6rem;
}

.data_warp .wapp-data input[type="text"], .data_warp .wapp-data input[type="number"] {
	outline: none !important;
	box-shadow:none !important;
	border-bottom:2px solid #f3f4f6;
    padding: .45em .45em .25em 0;
    display: block;
    width: 100%;
    line-height: 1.25;
    background-color: #fff;
    background-image: none;
    font-size: 1.5rem;
    font-weight: 500;
}

.data_warp .wapp-data .ico-select {
    background: url(../img/inspection/ico_selectbox.png) right no-repeat;
    background-size: cover;
    width: 26px;
    height: 24px;
    position: absolute;
    right: 0;
    bottom: 0.5rem;
}


.data_warp .wapp-data .has-error label {
    color: #ef3443 !important;
}

.data_warp .wapp-data :not(.has-error) input[type="text"]:focus, .data_warp .wapp-data :not(.has-error) input[type="number"]:focus {
    border-color: #0066fe !important;
    color: #383838 !important;
    font-size: 1.5rem !important;
}

.data_warp .wapp-data .has-error input[type="text"] {
    border-color: #ef3443 !important;
}

.data_warp .wapp-data input[type="text"]::placeholder, .data_warp .wapp-data input[type="number"]::placeholder {
    font-size: 1.5rem;
    color:#b0b9c2 !important;
}

.data_warp .wapp-data .n-star {
    color: #ef3443 !important;
    margin-left: 0.5rem;
    padding-left: 0.75rem;
    background: url(../img/inspection/ico_h_star.png) 0 0 no-repeat;
}

.data_warp .wapp-data label{
    font-size: 1.4rem;
    padding-bottom: 0.5rem;
}

.data_warp .pet-select ul {
    width: 100%;
    display: inline-flex;
    align-items: center;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
}
.data_warp .pet-select ul li {
    padding-right: 1rem
}
.data_warp .pet-select ul li img {
    width: 6rem;
    height: 6rem;
    border-radius: 3rem;
}
    
.data_warp .pet-select ul li .txt-nomal {
    text-align: center; color:#b0b9c2; padding-top: 0.5rem;
}

.data_warp .pet-select ul li .txt-over {
    text-align: center; color:#0066fe; font-weight: 500;  padding-top: 0.5rem;
}

.p-nation { padding: 1.3rem; margin: 0 auto; text-align: center; }
.p-nation ul li { width: 15.9%; height: 0.4rem; background: #ccc; display: inline-flex; margin: 0; border-radius: 0.2rem; }
.p-nation ul li.active { background: #555; }

.data_warp .wapp-data.p-main label{
    font-size: 1.8rem;
    padding-bottom: 1rem;
}

.data_warp .wapp-data.p-main div{
    font-size: 1.4rem;
    font-weight: 500;
}

.data_warp .wapp-data.p-main .p-input { padding: 1.6rem; background: #F2F7FF; word-break: break-all; border-radius: 1rem; }

.data_warp .wapp-data.p-main .p-tit{
    font-size: 1.5rem;
    padding: 1rem 0;
}

.data_warp .wapp-data.p-main div p:last-of-type{
    word-break: keep-all
        
}

.data_warp .wapp-data .p-qa .b-txt {color: #0066FE;}

.data_warp .wapp-data .p-qa .n-star {
    color: #ef3443 !important;
    margin: 0 0.25rem 0 0;
    padding-left: 0.75rem;
    background: url(../img/inspection/ico_h_star.png) 0 0 no-repeat;
}

.data_warp .wapp-data .p-qa .list_asking {
    width: 95%;
    margin: 0 auto;
    float: none;
}

.sc-foot {display: flex; width: 100%; padding: 0 2rem 2rem;}
.sc-foot .sc-foot-r {width: 45%; margin-right: auto;}
.sc-foot .sc-foot-l {width: 45%; margin-left: auto;}

.sv-foot {display: flex; width: 100%;padding: 1.5rem 2rem;position: fixed;bottom:0;background: #FFF;justify-self: anchor-center;}
.sv-foot .sv-checkup {margin: 0 auto;}
.sv-foot .sv-checkup .btn {width: 100%;}
.sv-foot .sv-foot-r {width: 45%; margin-right: auto;}
.sv-foot .sv-foot-l {width: 45%; margin-left: auto;}

.data_warp .wapp-data .p-qa input[type="text"] {width: 95% !important; margin:0 auto}
.data_warp .wapp-data .p-qa :not(.has-error) input[type="text"]:focus, .data_warp .wapp-data .p-qa :not(.has-error) input[type="number"]:focus {
    border-color: #0066fe !important;
    color: #383838 !important;
    font-size: 3rem;
}

.data_warp .wapp-data .p-qa input[type="text"]::placeholder, .data_warp .wapp-data .p-qa input[type="number"]::placeholder {
    font-size: 1.5rem;
    color:#b0b9c2 !important;
}

.data_warp .wapp-data .p-qa textarea {
          box-sizing: border-box;
          overflow: hidden; /* 스크롤바 숨김 */
          resize: none; /* 사용자가 수동으로 크기 조절하지 못하게 함 */
          display: block;
          width: 95%;
          border: none;
          outline: none;
          font-size: 1.5rem;
          font-weight: 500;
          line-height: 2.4rem;
          padding: .45em .45em .25em 0;
          min-height: 3.4rem;
          border-bottom: #eee solid 2px;
          margin: 0 auto;

          &:focus {
            border-bottom: #0066FE solid 2px;
            color: #383838 !important;  
          }

          &.invalid {
            border-bottom: var(--err-color) solid 1px;
            color: #383838 !important;  
          }

          &::placeholder {
            color:#b0b9c2 !important;
            font-size: 1.5rem;  
          }
        }
.h-2q {line-height: 2; padding: 0.5rem 1.6rem; background: #F2F7FF; margin-top:6rem}
.h-2q p {color: #0066FE; font-weight: 700}

.s-check-warp li {position: relative}
.s-check-warp li:nth-last-child(1) {margin-bottom: 10rem}
.s-check-warp li .c-box {position: absolute; top: 50%; left: 1.25rem; transform: translate(0, -50%);}
.s-checkup {padding: 1.6rem; border: 1px solid #ddd; margin: 1.6rem; border-radius: 1rem; position: relative}
.s-checkup.blue.active {border: 2px solid #0066FE; background: #F2F7FF}
.s-checkup.green.active {border: 2px solid #00b460; background: #f8fffa}
/* .s-checkup.active .check-blue, .s-checkup.active .check-pink {background: #FFF}
.s-checkup.active .check-green, .s-checkup.active .check-pink {background: #FFF} */
.s-checkup.s-compare {margin-left: 4rem}
.s-checkup .s-heart {position: absolute; top:1rem; right: 1rem}
.s-checkup .s-check-unit {display: flex; width: 100%;}
.s-checkup .s-check-unit .s-tit {font-size: 1.75rem; font-weight: 700;}
.s-checkup .s-check-unit .s-txt {font-size: 1.25rem; word-break: keep-all;}
.s-checkup .s-check-unit .s-right {margin-left: auto; font-size: 2rem; font-weight: 700;letter-spacing: -1px}
.s-checkup .s-check-unit .s-right img {width: 10.2rem; height: 7.5rem; object-fit: cover;border-radius: 1rem;}
.s-checkup .s-check-unit .s-right em {font-size: 1.5rem; text-decoration: none; line-height: 2; margin-left: 0.25rem;}
/* .s-checkup .check-blue {
    padding: 0.5rem 1.5rem;
    width: auto;
    background-color: #F2F7FF;
    display: inline-block;
    font-weight: 600;
    line-height: 1.5;
    color: #3182F6;
    vertical-align: middle;
    border-radius: 2rem;
    font-size: 1.25rem;
    letter-spacing: -1px;
} */
.s-checkup .check-pink {
    padding: 0.5rem 1.5rem;
    width: auto;
    background-color: #FBEBEE;
    display: inline-block;
    font-weight: 600;
    line-height: 1.5;
    color: #FF6051;
    vertical-align: middle;
    border-radius: 2rem;
    font-size: 1.25rem;
    /* letter-spacing: -1px; */
}

.s-checkup .check-green {
    width: auto;
    display: inline-block;
    font-weight: 500;
    line-height: 1.9;
    color: #00b460;
    vertical-align: middle;
    font-size: 1.4rem;
    letter-spacing: -0.28pt;
}

.s-checkup .check-blue {
    width: auto;
    display: inline-block;
    font-weight: 500;
    line-height: 1.9;
    color: #3182F6;
    vertical-align: middle;
    font-size: 1.4rem;
    letter-spacing: -0.28pt;
}

.s-checkup .check-progrm {
    width: auto;
    display: inline-block;
    font-weight: 500;
    line-height: 1.9;
    vertical-align: middle;
    font-size: 1.4rem;
    letter-spacing: -0.28pt;
}




.sv-compare-warp { display: flex; padding: 1.6rem; width: 100%; z-index: 60; position: relative; transform: translateZ(0); background-color: #FFF;}
.sv-compare-warp.topFixed {z-index:50;position:fixed;top:4.4rem;}  

.sv-compare-warp .s-tit {font-size: 1.4rem; font-weight: 700;margin-top: 1rem}
.sv-compare-warp img {width: 100%; border-radius: 1rem; min-height: 12rem; max-height: 12rem; object-fit: cover;}
.sv-compare-warp .s-price {margin-left: auto; font-size: 2rem; font-weight: 600; letter-spacing: -1px;}
.sv-compare-warp .s-price em {font-size: 1.5rem; text-decoration: none; line-height: 2; margin-left: 0.25rem;}
.sv-compare-warp button {margin: 1rem 0}
.sv-compare-warp .check-blue {
    padding: 0.5rem 1.5rem;
    width: auto;
    background-color: #F2F7FF;
    display: inline-block;
    font-weight: 600;
    line-height: 1.5;
    color: #3182F6;
    vertical-align: middle;
    border-radius: 2rem;
    font-size: 1.25rem;
    /* letter-spacing: -1px; */
    margin:0.5rem 0;
}
.sv-compare-warp .check-pink {
    padding: 0.5rem 1.5rem;
    width: auto;
    background-color: #FBEBEE;
    display: inline-block;
    font-weight: 600;
    line-height: 1.5;
    color: #FF6051;
    vertical-align: middle;
    border-radius: 2rem;
    font-size: 1.25rem;
    /* letter-spacing: -1px; */
    margin:0.5rem 0;
}

.n-ask-check {
  display: block;
  min-height: 1.5rem;
  padding: 0;
  float: right;
}
.n-ask-check .n-ask-input {margin-right: 0.25rem;}

.n-ask-input {
  width: 1.75rem;
  height: 1.75rem;
  margin-top: 0.25rem;
  vertical-align: top;
  background-color: #E1E1E1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-color: #E1E1E1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}

.n-ask-input[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.n-ask-input[type=checkbox] {
  border-radius: 1rem;
}
.n-ask-input[type=radio] {
  border-radius: 50%;
}
.n-ask-input:active {
  filter: brightness(90%);
}
.n-ask-input:focus {
  border-color: none;
  outline: 0;
  /* box-shadow: 0 0 0 0.25rem rgba(0, 97, 242, 0.25); */
}
input[type="checkbox"]:focus {
  outline: 0;
  outline-offset: 0;
}
.n-ask-input.blue:checked {
  background-color: #0061f2;
  border-color: #0061f2;
  border-radius: 2rem;
}
.n-ask-input.green:checked {
  background-color: #00b460;
  border-color: #00b460;
  border-radius: 2rem;
}
.n-ask-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.n-ask-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.n-ask-input[type=checkbox]:indeterminate {
  background-color: #0061f2;
  border-color: #0061f2;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.n-ask-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.n-ask-input[disabled] ~ .n-ask-label, .n-ask-input:disabled ~ .n-ask-label {
  opacity: 0.5;
}
.n-ask-label {font-size: 0.875rem; margin-left: 0.25rem; color: #383838; line-height: 1.4rem}
.n-ask-label.n-report {font-size: 1rem;}

.p-compare table {width:100%; table-layout:fixed;}
.p-compare table tbody th {padding:1.25rem 0.5rem; background: #F2F7FF; text-align: center; font-weight:600; color:#0066FE; font-size:1.6rem}
.p-compare table tbody td {padding:1.25rem 1rem; border-bottom:1px solid #eaeaea; font-weight:200; font-size:1.4rem; color:#515151; font-weight: 700; letter-spacing:0.05rem; text-align: center}
.p-compare table tbody th em {font-size:1.5rem; color:#666; font-weight:200}
.p-compare .bg-gray {background: #F3F4F6; font-size: 1.4rem; font-weight: 600}

.m-reservation-warp {padding: 0 1.6rem;}
.m-reservation-warp .t-blue { color:#0066FE;}
.m-reservation-warp .t-red { color:#EF3443}
.m-reservation-warp .m-none {text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -70%);}
.m-reservation-warp a{color: #0066FE; text-decoration: none; font-weight: 500}
.m-reservation-warp li {margin-bottom: 1rem;}
.m-reservation-warp .m-reservation {border-radius: 1rem;position: relative;border: 1px solid #ddd;}
.m-reservation-warp .m-reservation .m-confirm {font-weight: 600;line-height: 2;padding: 0.5rem 1.6rem;background: #F2F7FF;border-radius: 1rem 1rem 0 0;display: inline-flex;width: 100%;}
.m-reservation-warp a{color: #0066FE; text-decoration: none;}
.m-reservation-warp .m-reservation .m-content {display: flex; width: 100%; padding: 1.6rem}
.m-reservation-warp .m-reservation .m-content .m-tit {font-size: 1.75rem; font-weight: 700;}
.m-reservation-warp .m-reservation .m-content em{font-weight: 600; text-decoration: none; margin: 0.25rem; padding-right: 0.15rem;}
.m-reservation-warp .m-reservation .m-content .img-warp {border: 2px solid #ccc;border-radius: 4rem;height: 5rem;position: absolute;right: 1.6rem;}
.m-reservation-warp .m-reservation .m-content .img-warp img {width: 4.6rem;height: 4.6rem;object-fit: cover;border-radius: 4rem;border: 2px solid #fff;}

.m-reservation-warp .m-reservation-confirm {border-radius: 1rem;position: relative;background: #F3F4F6;}
.m-reservation-warp .m-reservation-confirm .m-confirm {font-weight: 700;line-height: 2;padding: 0.5rem 1.6rem;background: #F2F7FF;border-radius: 1rem 1rem 0 0;display: inline-flex;width: 100%;}
.m-reservation-warp a{color: #0066FE; text-decoration: none;}
.m-reservation-warp .m-reservation-confirm .m-content {display: flex; width: 100%; padding: 1.6rem}
.m-reservation-warp .m-reservation-confirm .m-content .m-tit {font-size: 1.8rem; font-weight: 600;}
.m-reservation-warp .m-reservation-confirm .m-content em{font-weight: 500; text-decoration: none; margin-right: 0.35rem;}
.m-reservation-warp .m-reservation-confirm .m-content .img-warp {border: 2px solid #ccc;border-radius: 4rem;height: 5rem;position: absolute;right: 1.6rem;}
.m-reservation-warp .m-reservation-confirm .m-content .img-warp img {width: 4.6rem;height: 4.6rem;object-fit: cover;border-radius: 4rem;border: 2px solid #fff;}
.m-reservation-warp .m-reservation-confirm .m-content .m-txt {display: inline-flex; width: 100%;}
.m-reservation-warp .m-reservation-confirm .m-content .m-details {width: 77%; margin-left: auto; padding-left: 0.75rem;}
.m-reservation-warp .m-reservation-confirm .m-content .m-details p {word-break: keep-all}
.m-reservation-warp .m-reservation-steps {margin: 2.5rem 0 2rem; }
.m-reservation-warp .m-reservation-steps .steps-tit {width: 100%; display: flex;}
.m-reservation-warp .m-reservation-steps .steps-cont {height: 1rem; margin: 1rem 0 2.5rem; position: relative;}
.m-reservation-warp .m-reservation-steps .steps-cont .steps-bg {width: 100%; background: #eee; height: 1rem; border-radius: 1rem;}
.m-reservation-warp .m-reservation-steps .steps-cont .steps-1 {width: 25%;background: #0066fe;height: 1rem;border-radius: 1rem;position: absolute;top: 0;left: 0;}
.m-reservation-warp .m-reservation-steps .steps-cont .steps-1 span {background: #fff; padding: 0.5rem 1rem; border: 1px solid #0066fe; border-radius: 2rem; position: absolute; top: -0.7rem; right: -50%; line-height: 1; color: #0066fe;}
.m-reservation-warp .m-reservation-steps .steps-cont .steps-2 {width: 50%;background: #0066fe;height: 1rem;border-radius: 1rem;position: absolute;top: 0;left: 0;}
.m-reservation-warp .m-reservation-steps .steps-cont .steps-2 span {background: #fff; padding: 0.5rem 1rem; border: 1px solid #0066fe; border-radius: 2rem; position: absolute; top: -0.7rem; right: -25%;
line-height: 1;width: 7.75rem; text-align: center; color: #0066fe;}
.m-reservation-warp .m-reservation-steps .steps-cont .steps-3 {width: 75%;background: #0066fe;height: 1rem;border-radius: 1rem;position: absolute;top: 0;left: 0;}
.m-reservation-warp .m-reservation-steps .steps-cont .steps-3 span {background: #fff; padding: 0.5rem 1rem; border: 1px solid #0066fe; border-radius: 2rem; position: absolute; top: -0.7rem; right: -15%;
line-height: 1; width: 7.75rem; text-align: center; color: #0066fe;}
.m-reservation-warp .m-reservation-steps .steps-cont .steps-4 {width: 100%;background: #0066fe;height: 1rem;border-radius: 1rem;position: absolute;top: 0;left: 0;}
.m-reservation-warp .m-reservation-steps .steps-cont .steps-4 span {background: #fff; padding: 0.5rem 1rem; border: 1px solid #0066fe; border-radius: 2rem; position: absolute; top: -0.7rem; right: 0%;
line-height: 1;width: 7.75rem; text-align: center; color: #0066fe;}
.m-reservation-warp .m-reservation-steps .steps-cont .steps-c1 {width: 25%;background: #EF3443;height: 1rem;border-radius: 1rem;position: absolute;top: 0;left: 0;}
.m-reservation-warp .m-reservation-steps .steps-cont .steps-c1 span {background: #fff; padding: 0.5rem 1rem; border: 1px solid #EF3443; border-radius: 2rem; position: absolute; top: -0.7rem; right: -50%; line-height: 1;width: 7.75rem; text-align: center; color: #EF3443;}
.m-reservation-warp .m-reservation-steps .steps-cont .steps-c2 {width: 50%;background: #EF3443;height: 1rem;border-radius: 1rem;position: absolute;top: 0;left: 0;}
.m-reservation-warp .m-reservation-steps .steps-cont .steps-c2 span {background: #fff; padding: 0.5rem 1rem; border: 1px solid #EF3443; border-radius: 2rem; position: absolute; top: -0.7rem; right: -20%;
line-height: 1;width: 7.75rem; text-align: center; color: #EF3443;}

.m-reservation-warp .m-day {margin-top: 2.75rem; display: flex;}
.m-reservation-warp .m-day .day-tit { font-size: 1.8rem; font-weight: 600; }
.m-reservation-warp .m-day .day-edit { background: #F2F7FF; padding: 0.5rem 1rem; border-radius: 2rem; margin-left: auto; color: #0066FE; font-weight: 500;}
.m-reservation-warp .r-day { display: flex; line-height: normal;}
.m-reservation-warp .r-day .day-one{ background: #F2F7FF; padding: 1.3rem 1.6rem; border-radius: 1rem; height: 4.2rem; color: #0066fe;}
.m-reservation-warp .r-day .day-one.cancel{ background: #f3f4f6; color: #b0b9c2;}
.m-reservation-warp .r-day .day-one label{font-weight: 400; margin-right: 1rem;}
.m-reservation-warp .day-txt {margin-top: 1rem; word-break: keep-all;}
.m-reservation-warp .color-38 {color:#383838}

.m-reservation-warp .r-payment {padding: 2rem 0 1.25rem;margin-top: 1rem;border: 1px solid #eee;border-radius: 1rem;}
.m-reservation-warp .r-payment .r-total {font-size: 1.6rem; font-weight: 700; text-align: center;}
.m-reservation-warp .r-payment .r-total .t-amount {font-size: 2.8rem;font-weight: 700;color: #0066FE;}
.m-reservation-warp .r-payment .r-total .t-amount.red {color: #EF3443;}

.m-reservation-warp .r-payment-detail {margin-bottom: 7rem}
.m-reservation-warp .r-payment-detail .pay-detail {margin: 1.7rem 0; display: flex; font-size: 1.6rem; font-weight: 600;}
.m-reservation-warp .r-payment-detail .inline-pay {font-size: 1.6rem; padding: 1.5rem 1rem; margin-top: 1rem; border: 1px solid #eee; border-radius: 1rem;}
.m-reservation-warp .r-payment-detail .inline-pay em { text-decoration: none}
.m-reservation-warp .r-payment-detail .inline-pay .p-tit {display: flex; font-weight: 600;}
.m-reservation-warp .r-payment-detail .inline-pay .p-txt {display: flex; }




:root {
  --transition: all 0.2s ease;
}
.accordion-warp {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sub-tit {
    font-size: 2rem;
    font-weight: 600;
    padding: 3rem 0;
}

.accordion {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 500px;
}

.accordion .accordion-item {
  background-color: var(--background-color);
  border-bottom: 1px solid #f3f4f6;
}

.accordion .accordion-item .accordion-item-description-wrapper hr {
  border: none;
  border-top: 1px solid var(--border-color);
  visibility: visible;
}

.accordion .accordion-item.open .accordion-item-description-wrapper hr {
  visibility: visible;
}

.accordion .accordion-item .accordion-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  cursor: pointer;    
}

.accordion .accordion-item .accordion-item-header .accordion-item-header-title {
  font-weight: 600;
  font-size: 1.6rem;
}

.accordion .accordion-item .accordion-item-header .accordion-item-header-icon {
  transition: var(--transition);
}

.accordion
  .accordion-item.open
  .accordion-item-header
  .accordion-item-header-icon {
  transform: rotate(-180deg);
}

.accordion .accordion-item .accordion-item-description-wrapper {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: var(--transition);
}

.accordion .accordion-item.open .accordion-item-description-wrapper {
  grid-template-rows: 1fr;
}

.accordion
  .accordion-item
  .accordion-item-description-wrapper
  .accordion-item-description {
  min-height: 0;
}

.accordion
  .accordion-item
  .accordion-item-description-wrapper
  .accordion-item-description
  p {
  padding: 10px 0;
  line-height: 1.5;
  font-size: 1.4rem;      
}

/* inspection status end */



.breed_warp {}
.breed_search {
    padding:0 20px
}
.search-form {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 44px;
  border-radius: 44px;
  /*box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);*/
  border: 1px solid #4892FF;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.search-form.focus {
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15);
}

.search-input {
  position: absolute;
  top: 8px;
  left: 48px;
  font-size: 12px;
  background: none;
  color: #453518;
  width: 80%;
  height: 30px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}
.search-input::-webkit-search-cancel-button {
  -webkit-appearance: none;
          appearance: none;
}

input[type=search]1081 {color:#c1c1c1; font-size:1.5rem; font-weight: normal}


.search-button {
  position: absolute;
  top: 6px;
  left: 4px;
  height: 24px;
  width: 24px;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  outline: none !important;
  cursor: pointer;
  color: #4174ff;
  font-size: 1.8rem;
  font-weight: normal;
}
.x-button {
    position: absolute;
    top: 8px;
    right: 14px;
    height: 24px;
    width: 22px;
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    outline: none !important;
    cursor: pointer;
    color: #aaaaaa;
    font-size: 1.8rem;
    font-weight: normal;
}

.search-button svg {
  width: 20px;
  height: 20px;
  fill: #5a6674;
}

.search-option {
  position: absolute;
  text-align: right;
  top: 10px;
  right: 15px;
}
.search-option div {
  position: relative;
  display: inline-block;
  margin: 0 1px;
  cursor: pointer;
}
.search-option div input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.01;
  cursor: pointer;
}
.search-option div span {
  position: absolute;
  display: block;
  text-align: center;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 0;
  background: #929AA3;
  color: #fff;
  font-size: 9px;
  letter-spacing: 1px;
  line-height: 1;
  text-transform: uppercase;
  padding: 4px 7px;
  border-radius: 12px;
  top: -18px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.search-option div span::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-top: 4px solid #929AA3;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.search-option div:hover span {
  opacity: 1;
  top: -21px;
}
.search-option div label {
  display: block;
  cursor: pointer;
}
.search-option div svg {
  height: 20px;
  width: 20px;
  fill: #5a6674;
  opacity: 0.6;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  pointer-events: none;
}
.search-option div:hover svg {
  opacity: 1;
}
.search-option div input:checked + label svg {
  fill: #e24040;
  opacity: .9;
}
.search-option div input:checked + label span {
  background: #e24040;
}
.search-option div input:checked + label span::after {
  border-top-color: #e24040;
}


.search_index {/*position: absolute;top: 70px;left: 0;*/background: #fff;width: calc(100% - 2px);z-index: 999;padding: 10px 20px;height: auto;overflow-y: auto;white-space: nowrap;}
.search_index .search_item_tit {padding: 12px 10px; font-weight: normal; font-size: 1.7rem; color:#9a9a9a; letter-spacing:0;}
.search_index .search_item {padding: 12px 10px; font-weight: bold; letter-spacing:0;}
.search_index .search_item em {color:#4892FF; text-decoration-line: none;}

/* 알파벳 탭 */
.tabmenu .breed_eng{
    list-style:none; 
    width: auto; 
    display: inline-flex;
}

.tabmenu{ 
  width:100%; 
  margin: 0 auto; 
  position:relative;
  padding: 10px 20px 0;
  overflow-x: auto;
  white-space: nowrap; 
  display: inline-block
     
}
.tabmenu ul li{
  display:  inline-flex;
  width:auto; 
  float:left;  
  text-align:center; 
  line-height:40px;
}
.tabmenu label{
  display:block;
  width:100%; 
  height:42px;
  line-height:42px;
  padding: 0 10px
}
.tabmenu input{display:none;}

.tabmenu input:checked ~ label{
  border-bottom: 4px solid #453518;
}
.tabmenu input:checked ~ .tabCon{
  display:block;
}

/* 프로필 스토리 리스트_new */
/* 게시판3 */
.profile_story { padding: 0 1.6rem}
.profile_story li {position: relative; padding: 0 0 0 11.6rem;margin-top:1.6rem}
.profile_story li:first-of-type {margin-top:0}
.profile_story li a img {width: 100px; position: absolute; left: 0; top: 0; border: solid 1px #d1d1d1}
.profile_story li a strong {display: inline-block; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; white-space: normal; line-height: 1.6; height: 4.8em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
}
.profile_story li a span {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px;}
.profile_story li .pt8 {padding-top: 0.8rem}
.profile_story li .pt8 a em {padding-left:0.4rem; font-weight: bold; vertical-align: middle}
.profile_story li .pt8 a img {    position: relative; width: auto; border: none;}


/* gallery */
.gallery_list {padding: 20px 0;}
.gallery_list .gallery_list_tit {display: inline-block;width: 100%;padding: 16px;border-top: 1px solid #eee;}
.gallery_list .gallery_list_tit .tit_pin {display: inline;}
.gallery_list .gallery_list_tit .tit_pin .pin_txt {font-weight: bold;font-size: 15px}
.gallery_list .gallery_list_tit .tit_pin .pin_txt .txtR {font-size: 12px; padding-left: 8px; color:#c1c1c1}
.gallery_list .gallery_list_tit .txt_base {color:#c1c1c1}

/* story_share */
.story_share_list {}
.story_share_list .story_share_tit {display: inline-block;width: 100%;padding: 16px;}
.story_share_list .story_share_tit .tit_pin {display: inline;}
.story_share_list .story_share_tit .tit_pin .pin_txt {font-weight: bold;font-size: 15px}
.story_share_list .story_share_tit .tit_pin .pin_txt .txtR {font-size: 12px; padding-left: 8px}

#gallery_layout {
    width: 960px;
    margin: 0 auto;
}

#gallery_layout:after {
    content: "";
    display: block;
    clear: both;
}

.gallery_content {
    position: relative;
    float: left;
    width: 33.3333333%;
    overflow: hidden;
}

.gallery_content img {
    width: 100%;
    height: 126px;
    display: block;
    margin: 0 auto;
    transition: all 1s ease-in-out;
}
/*
.content {
    z-index: 1;
    display: none;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.content h1 {
    font-size: 1.2em;
    text-transform: uppercase;
    text-align: center;
}
.content p {
    padding: 2px 0;
    font-size: 0.8em;
    text-align: center;
}        
*/
@media all and (min-width: 960px) {
    #gallery_layout {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }  
   
}

@media all and (max-width: 959px) {
#gallery_layout {
    width: 100%;
}
.gallery_content {
    width: 50%;
}
.wapp {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}    
.bdd-webcont {display: none}
.bdd-appcont {
    min-height: 100vh;
    background-color: #4892FF;
    width: 100%;
    max-width: 422px;
    margin-top: 0;
    margin-top: calc(env(safe-area-inset-top));
    margin-left: 0
    }

.wapp-gc {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}    
.bdd-webcont-gc {display: none}    
.bdd-appcont-gc {
    min-height: 100vh;
    width: 100%;
    max-width: 422px;
    margin-top: 0;
    margin-top: calc(env(safe-area-inset-top));
    margin-left: 0
    }  
}
@media all and (max-width: 499px) {

.recovery_btn {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 1.6rem 1.6rem 3rem 1.6rem;
    margin: 0 auto;
    left: 0;
    right: 0;
    background: #FFF;
}    
    
#gallery_layout {
    width: 100%;
}
.gallery_content {
    width: 33.333333%;
    border: 1px solid #fff;
}
.gallery_no_content {
    text-align: center;
    padding: 3rem 0;
}
.bdd-webcont {display: none}
.bdd-appcont {
    min-height: 100vh;
    background-color: #4892FF;
    width: 100%;
    max-width: 422px;
    margin-top: 0;
    margin-top: calc(env(safe-area-inset-top));
    margin-left: 0
    }
.bt_bg {width: 100%; position:unset !important; bottom:0;}   
.bt_bg img {max-width: 100%; margin-left: 0;    }
    
.bdd-webcont-gc {display: none}    
/* buddydoc general checkup web str*/
.webapp-gc {height: unset; overflow: auto scroll; background-color: #EFF6FF}
.wapp-gc {width: 100%; height: 100%; overflow: hidden;}

.bdd-appcont-gc {position: relative;  transition: initial; color: #000!important; background: linear-gradient( to bottom, #ffffff 2%, rgba(190, 222, 255), rgba(72, 146, 255) );  margin: 0; border-width: 0 1px; border-style: solid; border-color: #e1e1e1;  width: 100%; max-width: 422px; min-height: 100vh;padding-top: 15px;}
.bdd-appcont-gc.bg_gc_webapps {background: url(../img/gc-webapp/bg_gc_apps.png) bottom no-repeat !important; background-color: #fff !important; background-size:cover !important}
.bdd-appcont-gc.bg-none {background: #FFF !important;}
.bdd-appcont.white {background-color: #FFF !important}

.bdd-appcont-gc .wapp-logo-nv {margin-top: 2rem; margin-left: 2rem; height: 2.2rem; line-height: 2rem;}
.bdd-appcont-gc .wapp-logo-nv a { color: #072d79; font-size: 1.3rem}
.bdd-appcont-gc .wapp-logo-nv img {width: 30%; padding-right: 1rem;}
.bdd-appcont-gc .wapp-adr {text-align: center; width: 100%}
.bdd-appcont-gc .str_button {width: 100%; display: inline-block; padding: 5rem 14%;}
    
.bdd-appcont-gc .wapp-adr .txt-nv {font-size: 14px; line-height: 20px; color:#072d79}
.bdd-appcont-gc .wapp-adr .txt-blue {font-size: 14px; line-height: 20px; color:#4892FF}

    .bdd-appcont-gc .wapp-adr .gc-heart img {width: 50px}
.bdd-appcont-gc .wapp-adr .gc-start {padding-top: 4rem}
.bdd-appcont-gc .wapp-adr .gc-start img {width: 100%}

.bdd-appcont-gc .wapp-adr .txt-bk-h2 {font-size: 24px; line-height: 26px; color:#000; font-weight: 700}
.bdd-appcont-gc .wapp-adr .txt-w {font-size: 16px; line-height: 24px; margin-top:1rem; color: #fff}
.bdd-appcont-gc .wapp-adr .txt-bk {font-size: 16px; line-height: 24px; margin-top:1rem; color: #6e6e6e}
.bdd-appcont-gc .check-warp {border-top: 1px solid #FFF; margin: 0 2rem;}
.bdd-appcont-gc .check-warp .form-check-label {display: inline-block; max-width: 100%; margin: 5px 0; font-weight: 500; color: #555;}
.bdd-appcont-gc .check-warp .form-check-input { width: 1.5em; height: 1.5em; margin-top: 0.25em; vertical-align: top; background-color: #fff; background-repeat: no-repeat;  background-position: center; background-size: contain; border: 1px solid #4892FF !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact;}
.bdd-appcont-gc .check-warp .form-check-input:checked {background-color: #4892FF; border-color: #4892FF !important;}
.bdd-appcont-gc .check-warp .form-check-input:checked[type=checkbox] {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");}
.bdd-appcont-gc .sel-btn-lt {width: 49%; display: inline-block; padding: 5rem 6% 5rem 14%}
.bdd-appcont-gc .sel-btn-rt {width: 49%; display: inline-block; padding: 5rem 14% 5rem 6%}
.bdd-appcont-gc .wapp_breed_search {padding: 0 14%;}
.bdd-appcont-gc .wapp_breed_search .search-button {top: 14px !important;right: 4px !important;}
.bdd-appcont-gc .wapp_breed_search .active .search-button .g-btn {color: #072d79 !important}

.bdd-appcont-gc .wapp_breed_search .wapp_search_symptom_b {position: relative; top: 0; left: 0; width: 100%; height: 44px; /*box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);*/ border-bottom: 1px solid #959595; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}

.bdd-appcont-gc .wapp_breed_search .wapp_search_symptom_b.active {border-bottom: 1px solid #072d79; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: #072d79}

.bdd-appcont-gc .wapp_breed_search .search_wapp_symptom_b {position: absolute; top: 8px; left: 0px; font-size: 15px; background: none; color: #FFF; width: 80%; height: 26px; border: none; -webkit-appearance: none;   -moz-appearance: none; appearance: none; outline: none;}

.bdd-appcont-gc .wapp_breed_search .wapp_search_symptom_b input:-webkit-autofill,.bdd-appcont .wapp_breed_search .wapp_search_symptom_b input:-webkit-autofill:hover,input:-webkit-autofill:focus,.bdd-appcont .wapp_breed_search .wapp_search_symptom input:-webkit-autofill:active {transition: background-color 5000s; -webkit-text-fill-color: #fff !important;}


.bdd-appcont-gc .wapp_breed_search .wapp_search_symptom {position: relative; top: 0; left: 0; width: 100%; height: 44px; /*box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);*/ border-bottom: 1px solid #eee; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}

.bdd-appcont-gc .wapp_breed_search .search_wapp_symptom {position: absolute;top: 14px;left: 40px;font-size: 15px;background: none;color: #FFF;width: 80%;height: 26px;border: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: none;}

.bdd-appcont-gc .active .search_wapp_symptom {color: #072d79 !important;}

.bdd-appcont-gc .wapp_breed_search .wapp_search_symptom input:-webkit-autofill,.bdd-appcont .wapp_breed_search .wapp_search_symptom input:-webkit-autofill:hover,input:-webkit-autofill:focus,.bdd-appcont .wapp_breed_search .wapp_search_symptom input:-webkit-autofill:active {transition: background-color 5000s; -webkit-text-fill-color: #555 !important;}

.bdd-appcont-gc .wapp_breed_search input[type=search]::placeholder {color:#FFF !important; font-size:1.6rem}


select {width: 100%; /* 원하는 너비설정 */padding: .45em; /* 여백으로 높이 설정 */font-family: inherit; /* 폰트 상속 */border: none;border-radius: 0px; /* iOS 둥근모서리 제거 */-webkit-appearance: none; /* 네이티브 외형 감추기 */-moz-appearance: none;appearance: none;/*color:#453518 !important;*/}
.bdd-appcont-gc .breed_warp-gc .datebox {margin: 20% 2rem}
.bdd-appcont-gc .breed_warp-gc .datebox .optionbox {display: inline-block; position: relative; height: 3rem; margin: 0 7%; background: transparent; vertical-align: middle; width: 18%;}
.bdd-appcont-gc .breed_warp-gc .datebox .optionbox select {text-align: center; color: #FFF;border-bottom: 1px solid #aeaeae;}
.bdd-appcont-gc .breed_warp-gc .datebox .optionbox select:disabled {color:FFF !important}
.bdd-appcont-gc .breed_warp-gc .datebox .optionbox select option[value=""][disabled] {display: none;}
.bdd-appcont-gc .breed_warp-gc .datebox .optionbox select:focus {color: #072d79; border-bottom: 1px solid #072d79}
.bdd-appcont-gc .breed_warp-gc .datebox .optionbox selected {color: #072d79; border-bottom: 1px solid #072d79}
.bdd-appcont-gc .breed_warp-gc select.on {color: #072d79 !important;border-bottom: 1px solid #092d79 !important;}


/* buddydoc general checkup web end*/