@charset 'utf-8';
@import url('ocare_font.css');
html,
body{width:100%;margin:0;padding:0;font-weight:400;font-family:'AppleSDGothicNeo','NotoSansKR','Apple Gothic','HelveticaNeue-Regular',sans-serif;color:#000;letter-spacing:normal;line-height:normal;word-wrap:break-word;background-color:#fff;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-box-sizing:border-box;box-sizing:border-box;}
header, footer, nav, article, aside, hgroup, section, figure, div, p, ul, li, ol{display:block;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;}
h1, h2, h3, h4, h5, h6, dl, th, td, dt, dd, em, span, strong, fieldset, label, a{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:1em;}
a{font-weight:400;color:#000;text-indent:0;text-decoration:none;}
ul,ol,li{list-style:none;}
fieldset{border:none;}
legend, caption{overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;color:transparent;border:0;}
table{width:100%;border-collapse:collapse;font-size:1rem;table-layout:fixed;}
table td,
table th{padding:0;}
button{overflow:visible;margin:0;padding:0;font-weight:400;font-size:1rem;font-family:'AppleSDGothicNeo','NotoSansKR','Apple Gothic','HelveticaNeue-Regular',sans-serif;text-align:center;vertical-align:middle;background:none;border:none;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;}
input[type=text],
input[type=password],
input[type=number],
input[type=rang],
input[type=email],
input[type=url],
input[type=date],
input[type=datetime],
input[type=tel],
input[type=search],
input[type=color]{word-break:break-all;min-width:10rem;width:auto;height:50rem;margin:0;padding:0;font-size:14rem;font-family:'AppleSDGothicNeo','NotoSansKR','Apple Gothic','HelveticaNeue-Regular',sans-serif;color:#000;text-indent:15rem;vertical-align:middle;letter-spacing:normal;border:1rem solid #d9dbdf;border-radius:6rem;box-shadow:none;-webkit-appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;}
input[type=text]:disabled,
input[type=text][readonly],
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=url]:disabled,
input[type=date]:disabled,
input[type=datetime]:disabled,
input[type=tel]:disabled,
select:disabled{color:#b5b9c3;background-color:#f4f4f8;border-color:#dddeea;}
input[type=checkbox],
input[type=radio]{display:none;}
input[type=checkbox]:disabled+label,
input[type=radio]:disabled+label{cursor:default;}
input[type=checkbox]:first-child+label,
input[type=radio]:first-child+label{margin-left:0;}
input[type=checkbox]+label{display:inline-flex;align-items:center;font-weight:400;font-family:'AppleSDGothicNeo','NotoSansKR','Apple Gothic','HelveticaNeue-Regular',sans-serif;font-size:14rem;color:#747d97;cursor:pointer;}
input[type=checkbox]+label span{display:block;margin-left:10rem;}
input[type=checkbox]+label span.ir{margin-left:0;}
input[type=checkbox]+label:before{display:block;flex:none;content:'';width:26rem;height:26rem;border-radius:6rem;background:#e7e7f1;background-size:100% 100% !important;}
input[type=checkbox]:checked+label{color:#000;}
input[type=checkbox]:checked+label:before{background:url('../images/checkbox_checked.svg') no-repeat 50% 50%;}
input[type=checkbox]:checked:disabled+label{color:#b5b9c3;}
input[type=checkbox]:checked:disabled+label:before{background:url('../images/checkbox_checked_dis.svg') no-repeat 50% 50%;}
input[type=radio]+label{display:inline-flex;align-items:center;font-weight:400;font-family:'AppleSDGothicNeo','NotoSansKR','Apple Gothic','HelveticaNeue-Regular',sans-serif;font-size:14rem;color:#747d97;cursor:pointer;}
input[type=radio]+label span{display:block;margin-left:10rem;}
input[type=radio]+label span.ir{margin-left:0;}
input[type=radio]+label:before{display:block;flex:none;content:'';width:26rem;height:26rem;border-radius:50%;background:#e7e7f1;background-size:100% 100% !important;}
input[type=radio]:checked+label{color:#000;}
input[type=radio]:checked+label:before{background:url('../images/radio_checked.svg') no-repeat 50% 50%;}
input[type=radio]:checked:disabled+label{color:#b5b9c3;}
input[type=radio]:checked:disabled+label:before{background:url('../images/radio_checked_dis.svg') no-repeat 50% 50%;}
input[type=file]{border:1px solid #ccc; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
input[type=text]:only-child,
input[type=password]:only-child,
input[type=search]:only-child,
input[type=number]:only-child,
input[type=email]:only-child,
input[type=tel]:only-child,
select:only-child{width:100%;}
input.w01{width:195px !important;}
label{font-size:1rem;color:#000;vertical-align:middle;}
textarea{width:100%;height:200px;padding:5px;font-size:14rem;font-family:'AppleSDGothicNeo','NotoSansKR','Apple Gothic','HelveticaNeue-Regular',sans-serif;color:#000;line-height:1.2;vertical-align:middle;border:1px solid #d9dbdf;box-shadow:none;-webkit-appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;resize:none;}
hr{background:none;border:none;}
address{font-style:normal;}
sub, sup{font-weight:400;vertical-align:middle;}
strong{font-weight:400;}
img{border:none;outline:none;vertical-align:top;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
select{width:120rem;height:50rem;padding:0 43rem 0 15rem;font-family:'AppleSDGothicNeo','NotoSansKR','Apple Gothic','HelveticaNeue-Regular',sans-serif;font-size:14rem;color:#000;text-overflow:ellipsis;border-radius:6rem;border:1rem solid #dddeea;-webkit-appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;background:url('../images/arr_select.svg') #fff no-repeat right 14rem top 50%;}
select::-ms-expand{display:none;}
:disabled{cursor:default;}
::-webkit-input-placeholder{color:#747d97;}
::-moz-placeholder{color:#747d97;}
:-ms-input-placeholder{color:#747d97;}
:-moz-placeholder{color:#747d97;}
::placeholder{color:#747d97;}

/* @media all and (min-width:880px) and (max-width:1080px){
	input[type=text],
	input[type=password],
	input[type=number],
	input[type=rang],
	input[type=email],
	input[type=url],
	input[type=date],
	input[type=datetime],
	input[type=tel],
	input[type=search],
	input[type=color],
	select{height:40rem;font-size:14rem;}
} */
@media all and (max-width:1024px){
	input[type=text],
	input[type=password],
	input[type=number],
	input[type=rang],
	input[type=email],
	input[type=url],
	input[type=date],
	input[type=datetime],
	input[type=tel],
	input[type=search],
	input[type=color],
	select{height:50rem;padding:0 34rem 0 10rem;font-size:16rem;background-position:right 10rem top 50%;}
	textarea{font-size:16rem;}
}

/* ir */
.ir{overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;color:transparent;border:0;clip:rect(0 0 0 0);}

/* skip navigation */
.skiplist {position:relative;z-index:99999;margin:0;padding:0;}
.skip {display:block;}
.skip a {padding:0 0.5em;display:inline;z-index:1000;text-decoration:none;position:absolute;width:14em;left:-200em;}
.skip a:focus, .skip a:active {position:absolute;left:0;padding:10px;border:solid #333 1px;color:#fff;background:#000;}
.skip a:hover {cursor:default;}

/* align */
.float_l {float:left !important;}
.float_r {float:right !important;}
.align_l {text-align:left !important;}
.align_c {text-align:center !important;}
.align_r {text-align:right !important;}
.valign_t {vertical-align:top !important;}
.valign_m {vertical-align:middle !important;}
.valign_b {vertical-align:bottom !important;}
.position_r {position:relative !important;}
.position_a {position:absolute !important;}

/* font */
.font_b{font-weight:700 !important;}
.font_n{font-weight:400 !important;}
.color01{color:#000 !important;}
.color02{color:#4170f4 !important;}
.color03{color:#ff3030 !important;}
.color04{color:#dddeea !important;}
.color05{color:#747d97 !important;}
.color06{color:#00b574 !important;}
.text_u {text-decoration:underline !important;}
.text_m {text-decoration:line-through !important;}
.line_13 {line-height:1.3em !important;}
.line_15 {line-height:1.5em !important;}
.line_20 {line-height:2em !important;}
.fs-xsmall{font-size: 12px!important;}
.fs-small{font-size: 14px!important;}
.fs-normal{font-size: 16px!important;}
.fs-large{font-size: 20px!important;}

/* dispaly */
.show{display:block !important;visibility:visible !important;}
.hide{width:0 !important;  height:0!important;  overflow:hidden;  font-size:0;  line-height:0;  display:inline-block;  margin:0!important; padding:0!important;}

/* width height */
.w100p{width:100% !important;}
.w50p{width:50% !important;}

/* margin padding */
.mgAuto{margin:0 auto !important;}
.mgt0{margin-top:0 !important;}
.mgt20{margin-top:20rem !important;}
.mgr0{margin-right:0 !important;}
.mgb0{margin-bottom:0 !important;}
.mgl0{margin-left:0 !important;}
.pd0{padding:0 !important;}
.pdt0{padding-top:0 !important;}
.pdb0{padding-bottom:0 !important;}
.p10{padding:10px;}
.ml10{margin-left: 10px!important;}
.mr10{margin-right: 10px!important;}
.mt10{margin-top: 10px!important;}
.mb10{margin-bottom: 10px!important;}
.ml20{margin-left: 20px!important;}
.mr20{margin-right: 20px!important;}
.mt20{margin-top: 20px!important;}
.mt30{margin-top: 30px!important;}
.mb20{margin-bottom: 20px!important;}
.mb30{margin-bottom: 30px!important;}
.m10{margin:10px;}

/* scrollbar */
@media all and (min-width:800px){
	/* width */
	div::-webkit-scrollbar,
	ul::-webkit-scrollbar{width:3rem;height:5rem;}
	/* Track */
	div::-webkit-scrollbar-track,
	ul::-webkit-scrollbar-track{border-radius:100rem;}
	/* Handle */
	div::-webkit-scrollbar-thumb,
	ul::-webkit-scrollbar-thumb{background:#dddeea;border-radius:100rem;}
	/* Handle on hover */
	div::-webkit-scrollbar-thumb:hover,
	ul::-webkit-scrollbar-thumb:hover{background:transparent;}
}

/* scroll */
.scroll_x{overflow-x:auto;}
.scroll_y{overflow-y:auto;}

@media all and (min-width:1024px){
	.only_pc{display:inline-block;}
	.only_mo{display:none;}
}
/* Mobile ~ tablet */
@media all and (max-width:800px){
	.only_pc{display:none;}
	.only_mo{display:inline-block;}
}
@media all and (min-width:1024px) and (max-width:1920px){

}
@media all and (min-width:376px) and (max-width:1024px){
}
/* PC */
@media all and (min-width:375px){
	html,body{font-size:0.0625em;}
}
/* Mobile */
@media all and (max-width:374px){
	html,body{height:100%;font-size:0.2667vw;}
	.only_mo{display:block;}
	.only_pc{display:none !important;}
}
@media print{

}

[class^=icon-]{display: inline-block;vertical-align: middle;background-repeat: no-repeat;background-position: 50% 50%;background-size: contain;}
.icon-arr-black{width: 8px; height:15px; background-image:url('../images/icon-arr-black.svg');}

.list-style{display: inline-block;
  vertical-align: middle;
  position: relative;font-size: 14rem;color: #747d97;margin-left: 10px;
}
.list-style::before{display: inline-block;
  content: '';
  flex: none;
  width: 2rem;
  height: 3rem;
  margin-right: 6rem;
  border-radius: 50%;
  background: #27267b;
  position: absolute;
  left: -8px;
  vertical-align: middle;
  margin-top: 8px;}

.list-style.color03{color: #ff3030;}
.list-style.color03::before{background: #ff3030;}

.list-style.color01{color: #000;}
.list-style.color01::before{background: #000;}

.hstack{display: flex!important; align-items: center!important;}
.vstack{display: flex!important; flex-flow: column!important;}
.justify-content-center{justify-content: center!important;}
.justify-content-between{justify-content: space-between!important;}

.align-items-center{align-items: center!important;}
.align-items-start{align-items: flex-start!important;}
.flex-column{flex-direction: column;}
.flex-auto{flex:auto;}
.flex-none{flex:none;}
.d-flex{display: flex;}
.fw-light{font-weight: 400!important;}
.fw-bold{font-weight: bold;}
.gap-10px{gap: 10px;}

.rounded{border-radius: 6px!important;}
.text-start{text-align: start!important;}

.d-block{display: block!important;}
.d-none{display: none!important;}


.overflow-y{
  overflow-y: auto;
}

.max-height-300px{max-height: 300px;}

@media all and (max-width:800px){
  .d-md-block{display: block;}
}

.required{position: relative; display: inline-block;}
.required::after{content: ''; width: 6px; height: 6px; background-color: #ff3030; border-radius: 50%; right: -10px;top: -1px;position: absolute;}

.custom-table{
  border-collapse: separate!important;
  border-spacing: 0 5rem!important;
  table-layout: fixed!important;
}
.custom-table thead tr th {
  font-weight: 400;
  background: #f4f4f8;
  text-align: center;
}

.custom-table th, .custom-table td {
  padding: 15rem;
  font-size: 14rem;
  text-align: center;
  color: #000;
}
.custom-table th:last-child, .custom-table td:last-child{
  font-weight: bold;
}

.custom-table th:first-child, .custom-table td:first-child{ border-radius: 6rem 0 0 6rem;}
.custom-table th:last-child, .custom-table td:last-child{border-radius: 0 6rem 6rem 0;}
.custom-table tbody tr td {background: #fafafc;}

.custom-list{
  display: flex;
  font-size: 14px;
}
.custom-list + .custom-list{
  margin-top: 6px;
}
.custom-list span + span::before{    display: inline-block;
  content: '';
  width: 1rem;
  height: 14rem;
  margin: -1rem 10rem 0;
  vertical-align: middle;
  background: #dbdbe4;
}
.custom-list span{display: block;
  font-size: 14rem;
  color: #000;
  font-weight: normal;
}
.custom-list em {
  font-style: normal;
}

/* 에러 페이지*/
.error-wrap {
  display: flex;
  width: 100%;
  height: 100vh;
  align-items: center;
  justify-content: center;
  flex-direction: column
}

.error-wrap .title {
  font-size: 40px;
  line-height: 1.3;
  color: #000;
  margin-top: 50px
}

.error-wrap .desc {
  font-size: 20px;
  color: #747d97;
  margin-top: 20px
}

.error-wrap .button-wrap {
  display: grid;
  gap: 10px;
  margin-top: 40px;
  grid-template-columns: 1fr 1fr
}

.error-wrap .button-wrap button {
  width: 120px
}

.form-btn-style input {
  display: none
}

.form-btn-style label {
  text-align: center;
  border-radius: 6px;
  border: solid 1px #dddeea;
  font-size: 14rem !important;
  color: #747d97;
  height: 50rem;
  padding: 11rem;
  width: 100%;
  line-height: 1;
  justify-content: center
}

.form-btn-style label::before {
  display: none !important
}

.form-btn-style input[type=checkbox]:checked+label,
.form-btn-style input[type=radio]:checked+label {
  color: #4170f4;
  border: 1px solid #4170f4
}

@media all and (max-width:800px){
  .custom-table th, .custom-table td {
    padding: 10rem;
  }
  .flex-md-column{
    flex-direction: column;
  }
  .flex-md-wrap{
    flex-wrap: wrap;
  }

  .error-wrap {
    padding: 0 50px
  }

  .error-wrap .title {
    font-size: 24px;
    text-align: center
  }

  .error-wrap .desc {
    font-size: 18px;
    text-align: center
  }

}

@media all and (min-width:800px){
  .justify-md-content-between{
    justify-content: space-between;
  }
  .align-md-items-center{
    align-items: center;
  }
  .d-md-none{
    display: none!important;
  }
  .d-md-block{
    display: block!important;
  }

}


.ico_notice_new {
  width: 15px;
  height: 16px;
  background: url(../images/ico_notice_new.svg) no-repeat center;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}


/* 드랍 레이어  */

.drop-wrap {
  position: relative;
  display: inline-block
}

.drop-wrap.active .drop-info {
  display: block
}

.drop-wrap .drop-info {
  display: none;
  padding: 20rem;
  border: 1rem solid #3f4450;
  border-radius: 6rem;
  background: #fff;
  z-index: 2;
  position: absolute;
  right: 0;
  top: 110%;
  min-width: 300rem;
  width: 100%
}

.drop-wrap .drop-info .drop-title {
  line-height: 1.2;
  font-size: 16rem !important;
  font-weight: bold;
  margin-top: 0 !important
}

.drop-wrap .drop-info .btn_close {
  position: absolute;
  right: 20rem;
  top: 20rem
}

.drop-wrap .drop-info.left {
  right: auto;
  left: 0
}

.drop-wrap .cell {
  display: flex;
  flex-direction: column;
  width: 100%
}

.drop-wrap .cell dt {
  font-size: 14rem;
  font-weight: bold
}

.drop-wrap .column {
  margin-top: 20rem !important;
  display: flex;
  flex: 1 0 0%
}

.drop-wrap .column+.m-t-10 {
  margin-top: 10rem
}

.drop-wrap .drop-footer {
  text-align: center;
  margin-top: 20rem
}

.drop-wrap .drop-footer button {
  min-width: 80rem
}

.drop-wrap ul {
  max-height: 250rem;
  overflow-y: auto;
  width: 100%
}

/* 어드민 팝업 */
.admin-popup-image .pop_cont{
  padding: 0!important;
  width: 100%;
  margin:0!important;
  overflow: hidden;
}

.admin-popup-image .pop_inner{
  width: auto!important;
}

.admin-popup-html .pop_notice_wrap .notice_header{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 10px;
  margin-bottom: 30px;
  border-bottom: 1px solid #dddeea;
}
.admin-popup-html .pop_notice_wrap .notice_header .title{
  color: #000;
  font-size: 18px;
  font-weight: bold;
}
.admin-popup-html .pop_notice_wrap .notice_header .date{
  color: #747d97;
  font-size: 14px;
}
.admin-popup-html .pop_notice_wrap .notice_body{
  height: 240px;
  overflow-y: auto;
  font-size: 16px;
}

.admin-popup-html .pop_notice_wrap .list-style{
  display: block;
  padding: 5px 0 ;
}

[class*=admin-popup] .btns .btn01_lg{
  width: auto!important;
  height: 40rem!important;
}

@media(max-width: 799.98px) {
  .admin-popup-html .pop_notice_wrap .notice_header{
    flex-direction: column;
    padding-bottom: 20px;
    margin-bottom: 25px;
    align-items: flex-start;
    gap: 10px;
  }
  .admin-popup-html .pop_notice_wrap .notice_header .title{
    font-size: 20px;
  }
  .admin-popup-html .pop_notice_wrap .notice_body{
    height: 340px;
    overflow-y: auto;
    font-size: 14px;
  }

  .admin-popup-html .pop_notice_wrap .list-style{
    display: block;
    padding: 5px 0 ;
  }




  [class*=admin-popup] .btns .btn01_lg{
    width: auto!important;
    flex: none!important;
  }
  .drop-wrap .cell {
    margin-top: 0 !important
  }

  .drop-wrap.bottom-sheet.active .drop-dialog {
    display: flex
  }

  .drop-wrap.bottom-sheet .drop-dialog {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .65);
    align-items: end
  }

  .drop-wrap.bottom-sheet .drop-info {
    position: relative;
    top: auto;
    width: 100% !important;
    border: 0;
    border-top-left-radius: 20rem;
    border-top-right-radius: 20rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
  }

  .drop-wrap.bottom-sheet .drop-info .btn_close {
    width: 20rem;
    height: 20rem;
    background-size: contain
  }

  .drop-wrap.bottom-sheet .drop-info .column .m-t-10 {
    margin-top: 10rem !important
  }

  .drop-wrap.bottom-sheet .drop-title {
    padding-bottom: 14px;
    justify-content: center;
    font-size: 17px !important
  }

  .drop-wrap.bottom-sheet .drop-body {
    max-height: 440rem;
    overflow-y: auto
  }

  .drop-wrap.bottom-sheet .drop-footer button {
    width: 100%;
    height: 50rem;
    font-size: 16rem
  }
}
/* 드랍 레이어 끝 */


/* 이용약관 css  */
.pop_cont .terms{font-size:14rem;line-height:1.6;}
.pop_cont .terms .title_01{margin-bottom:20rem;font-weight:700;font-size:16rem;line-height:1.2;}
.pop_cont .terms p{margin-top:10rem;}
.pop_cont .terms p+.title_01{margin-top:50rem;}
.popup.privacy .pop_inner>.btns{padding:25rem 0;}
/* 이용약관 css  끝*/

/* z-index */
/* 모바일일때 */
/* .search_medical .box_sorting{z-index: 112;} */
/* @media all and (max-width:1660px){
	#ocare_header{pz-index:1038;}
} */
/* .title_contents{z-index:1039; */
  /* .search_medical .box_sorting{position:sticky;top:98rem;left:0;z-index:1038;margin:0 -20rem;padding:10rem 20rem;background:#fff; } */
  /* .pop_alert{z-index: 1048;} */
  /* .compare_medical{z-index: 1038;} */
  #ocare_header.nav_open{
    z-index: 1040!important;
  }
  .compare_medical.calendar.active{
    z-index: 1039!important;
  }
  .popup{
    z-index: 1039;
  }

/* z-index 끝*/

/* 노이미지 */
.noimg{background-color: #f4f4f8;width: 100%; height: 100%;     border-radius: 10rem; display: flex; align-items: center; justify-content: center;}
/* .noimg img{width: 50%!important; height: 50%!important;} */

/* includesys : 231001 */
/* basic */
.keap-all {word-break: keep-all;}
.text-center {text-align: center;}
.text-base {font-size: 16rem;}
.text-sm {font-size:12rem;}
.justify-center {justify-content: center;}
/* table */
.table {border:1rem solid #dddeea;}
  .table--normal th, td {font-size:14rem;}
  .table--normal th {background:#fafafc;font-weight:normal;text-align:left;border-top:1rem solid #dddeea; font-weight:700; padding:0 8rem;}
  .table--normal td {height:40rem;border-top:1rem solid #dddeea;border-left:1rem solid #dddeea; padding:0 8rem;}