@import "reset.css"; /* CSS 초기화 */
@import "common.css?v=20230222"; /* 공통 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%;}
.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;}

.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; 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; 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*/

/* 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 14% 0 14%;
  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: #4892FF;
  border-color: #4892FF !important;
}
.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");
}
.form-check-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");
}
.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-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  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='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;
}
/* 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 {
  /*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.5rem;
  width: 100%;
  text-align: center;
  background-color: #F0F7FF;
  border-radius: 1.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.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;
}
.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: #4892FF;
    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;
}
.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%;}

/* search option */
.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]::placeholder {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) {
    
#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*/