@charset "utf-8";
/* CSS Document */

@import "reset.css";
@import "font.css";
@import "animate.css";



/*onesn UI*/
ons-page .main-padding {padding: 0; height: 100%;}
ons-page .top-div {padding: 70px 1.4rem 20px 1.4rem;}
ons-page .home .top-div { padding: 70px 0 0px 0;}
.tabbar__label {display: none;}
ons-tabbar.footer.main-nav i {	font-size: 2.2rem;	color: #222;}
.list {background-image: none;}
.list-item--longdivider {
    background-image: linear-gradient(0deg,#ececec ,#ececec 100%);
}
ons-pull-hook { padding-top: 5.5rem;  height:5.5rem !important;  line-height: 5.5rem !important;}

:checked+.switch--material__toggle>.switch--material__handle { background-color: #04c6b1;    left: 26px !important;}
:checked+.switch--material__toggle {
    background-color: rgba(55,71,79,.2) !important;
}

.list-title { padding: 12px 0 6px 12px;}
.list-item--chevron:before, .list-item__expand-chevron { width: 9px; height: 9px;}

:root {   
	--swiper-theme-color: #04c6b1;
	--switch-highlight-color: #44db5e;
	--material-switch-active-background-color: rgba(55, 71, 79, 0.1);
	--material-switch-active-thumb-color: #37474f;
	--switch-height: 24px;
	--switch-width: 43px;
	--toolbar-height: 50px;
	--toolbar-material-height: 50px;
    --toolbar-border-color: transparent;
    --highlight-color: #3d3d3d;	
	--material-toolbar-button-color: #3d3d3d;
	--bs-link-color: #5a5a5a;
    --bs-link-hover-color: #2d2d2d;
	
}
.switch__handle {height: 19px;width: 19px;/*left: 2px;*/top: 2px;}
:checked+.switch__toggle>.switch__handle { left: 22px;}
.switch {min-width: 43px;width: 43px;height: 23px;}

:checked+.checkbox__checkmark:before {background: #04c6b1;border: 1px solid #04c6b1;}
.checkbox--material__checkmark:before {border:1px solid;}

.nearring-back-toollbar {display: flex; align-items: center;box-shadow: none;height: 50px; background: #fff;}
.nearring-back-toollbar .back-button__label .title { font-size: 1.6rem;font-weight: 600;    line-height: 54px;}
.nearring-back-toollbar .back-button__label small { font-size: 1.3rem;color: #919191;font-weight: 400;margin-left: 4px;}
.nearring-back-toollbar .back-button--material__label {
    display: inline-block;
    font-size: 20px;line-height: 50px;
}
.nearring-back-toollbar .back-button--material {color: #31313a;}
.nearring-back-toollbar .back-button__icon {
    fill: #31313a;
}
.back-button {color: #31313a;height: 50px;line-height: 50px;}
.back-button__label { line-height: 50px;}

.toolbar.toolbar--material+.page__background+.page__content {top: 50px;}
.toolbar+.page__background+.page__content { top: 50px;}
/* .page__content { top: 50px;padding-bottom: 5rem;} */
.toolbar+.page__background{ top: 50px !important;}

.form-check-input:focus {box-shadow: none;}

.toolbar-button {color: #31313a;}
.toolbar-right-text-btn { color: #31313a; font-size: 1.8rem;}

.modal {white-space: normal !important;}


/*공통
main color #00B4A0  / 조금 더 밝은 색 04c6b1
이전 컬러 : #19CE60  / 
공통*/

/*layout / 공용 스타일*/

main{scrollbar-width: none;-ms-overflow-style: none;}
main::-webkit-scrollbar {display: none;}


audio {width:100%; height: 2.5rem }
audio::-webkit-media-controls-panel {background: transparent;  }
audio::-webkit-media-controls-mute-button {display:none !important;}
audio::-webkit-media-controls-play-button{}
audio::-webkit-media-controls-current-time-display{ }
audio::-webkit-media-controls-time-remaining-display{}

audio::-webkit-media-controls-volume-slider-container{ display:none !important;}
audio::-webkit-media-controls-volume-slider{display:none !important;}
audio::-webkit-media-controls-timeline-container,
audio::-webkit-media-controls-timeline,
audio::-webkit-media-controls-seek-back-button,
audio::-webkit-media-controls-seek-forward-button,
audio::-webkit-media-controls-fullscreen-button,
audio::-webkit-media-controls-rewind-button,
audio::-webkit-media-controls-return-to-realtime-button,
audio::-webkit-media-controls-toggle-closed-captions-button {display:none !important;}


.color-main { color: #04c6b1}
.toolbar-reg { color: #04c6b1;font-size:22px;}
.color-orange {color: #FF4F28}
.bg-green { background: #04c6b1;}

.btn-primary { background: #04c6b1; border-color:#04c6b1 !important;}
/*.btn:first-child:hover, :not(.btn-check)+.btn:hover {
    color: #222;
    background-color: #eee;
    border-color: #d1d1d1;
}*/
.btn:first-child:hover, :not(.btn-check)+.btn:hover {
    color: #222;
    background-color: transparent;
    border-color: transparent;
}

.animate__animated.animate__delay-22s {
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s;
}
.animate__animated.animate__delay-23s {
    -webkit-animation-delay: 2.3s;
    animation-delay: 2.3s;
}
.animate__animated.animate__delay-25s {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}

.form-check-input:checked { background-color: #04c6b1;  border-color: #04c6b1;}
.form-check-input { width: 1.4em; height: 1.4em; margin: 0 9px 0 -1.5em;}

.form-control:focus {color: #00af45;background-color: #fff;outline: 0;box-shadow: none;border-color: #21d55b;}
.form-select:focus {outline: 0;box-shadow: none;}
.form-select, .form-control {font-size: 1.5rem;border: 1px solid #eee;}


header { position: fixed; width: 100%; height: 50px;padding: 0 1.4rem; background: #fff;  display: flex; align-items: center; justify-content: space-between; z-index: 1000;}

header .btn-finish { font-size: 2.2rem;background: #fff;}
header .btn-back {font-size: 2.2rem; background: #fff;}

header .left {display: flex; align-items: center;}
header .left .center {
    font-size: 2rem;
    margin-left: 8px;
    font-weight: 600;
    color: #04c6b1;
}
header .right {display: flex; align-items: center;}

.btn {box-shadow: none !important;}
.btn-golink {font-size: 1.4rem;background: transparent;padding: 0 0.7rem;}
.btn-set { display: flex; align-items: center; justify-content: center;}
.btn-set-column {display: flex;align-items: center;justify-content: center;flex-direction: column;}
.btn-save-lg {font-size: 1.6rem;border: 1px solid #04c6b1;color: #fff;background: #04c6b1;border-radius: 5rem;padding: .5rem 3rem;}
.btn-cancel-lg {font-size: 1.6rem;border: 1px solid #F5F5F5;color: #222;background: #F5F5F5;border-radius: 5rem;padding: .5rem 3rem;}
main {overflow: auto;}
.main-padding {padding: 5rem 0 7rem 0;height: 100%;}

footer.main-nav {position: fixed; bottom: 0; background: #fff; width: 100%; height: 5rem;border-top: 1px solid #f2f2f2; z-index: 1000;}
footer.main-nav .row {height: 100%}
footer.main-nav .col {position: relative;display: flex;align-items: center;justify-content: center;}
footer.main-nav .col i {font-size: 2.2rem; color: #222;}
footer.main-nav .col .btn {position: relative;}
.nav-alerts {position: absolute;top: 0;left: 50%;background: #f70004;border-radius: 50%;padding: 4px;margin: 5px 0px 0 12px;transform: translate(-50%,0)!important;z-index: 10;}

.btn-nav-home {}
.btn-nav-care {}
.btn-nav-alim {}
.btn-nav-mypage {}

.text-preview-form {
    width: 94%;
    border: 1px solid #eee;
    padding: 0 13px;
    margin: 0 auto;
    margin-top: 8px;
    border-radius: 8px;
    background: #f8f8f8;
}
.text-preview-form .center {
    min-height: 20px;
    padding: 7px 0;
}
.text-preview {
    display: block;
    text-overflow: ellipsis;
    width: 80vw;
    white-space: nowrap;
    overflow: hidden;
    font-size: 1.2rem;    
}

.btn-navtop-alim {position: relative;margin: 3px 0 0 0;}
.btn-navtop-alim i {font-size: 2rem; color: #222;}

.top-div { position: relative; width: 100%; overflow: hidden; background: #fff; border-radius: 0 0 3rem 3rem;padding: 7rem 1.4rem 2rem 1.4rem;z-index: 10;}

.top-div.green {background: #04c6b1;padding: 2rem 1.4rem 2rem 1.4rem;}

.form-bg-wt {background: #fff;padding: 0 ;border-radius: 1rem; overflow: visible;}
.form-bg-blue {background: #009BDE;padding: 0 ;border-radius: 1rem;overflow: visible; }
.form-bg-red {background: #FF5454;padding: 0 ;border-radius: 1rem;overflow: visible; }
/* ////////////// layout //////////////*/

/* 회원가입 및 로그인 */
.member-bg {
    width: 100%;
    height: 100%;
    background: url(../images/member-login-main-bg.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}
.member {height: 100%; padding: 5.6rem 2.4rem 15rem 2.4rem;}
.sign-up {
    padding: 5.6rem 2.4rem 5rem 2.4rem;
}
.sign-up h1 {
    font-size: 23px !important;
    text-align: center;
    font-weight: 400;
    color: #222;
}
.logo-simbol {
    width: 70px;
    border-radius: 10px;
    margin: 0 auto;
}

.member .login-select { margin-top: 20px;}

.btn-login-memberid, .btn-login-kakao {
	display: inline-block;
	padding: 12px;
	align-items: center;
	background: #f3f3f3;
	font-size: 18px;
	font-weight: 400;
	width: 100%;
	margin-bottom: 16px;
	padding: 12px 30px;
}
.btn-login-kakao {background: #FEE500;}

.member-main .btn-login-apple {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 17px;
	font-weight: 400;
	width: 88%;
	margin: 0 auto;
	margin-bottom: 11px;
	padding: 8.5px;
}

.btn-login-apple-signin {
	width: 100%;
	border: 1px solid lightgrey;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 17px;
	font-weight: 400;
	margin: 0 auto;
	margin-bottom: 11px;
	padding: 8.5px;
}

.btn-login-apple i {
	width: 26px;
	border-radius: 5px;
	margin-right: 20px;
}

.btn-login-apple {
	background: #FFFFFF;
}



.member-main .btn-login-memberid, .member-main .btn-login-kakao {
	display: block;
	align-items: center;
	font-size: 17px;
	font-weight: 400;
	width: 88%;
	margin: 0 auto;
	margin-bottom: 11px;
	padding: 12px;
}
.member-main .btn-login-memberid {color: #fff;background: #00b49f;}
.member-main .btn-login-kakao {background: #FEE500;}

.btn-login-memberid:hover,
.btn-login-kakao:hover {
    color: #222 !important;
    background-color: #fff !important;
    border-color: #00b49f !important;
}

.btn-login-memberid img, .btn-login-kakao img {
	display: inline-block;
	margin-right: 10px;
	width: 26px;
	border-radius: 5px;
	margin-right: 20px;
}

.login-link {
    font-size: 16px;
    color: #1d1d1d;
    margin-top: 28px;
    text-align: center;
    line-height: 28px;
}
.login-link a {
    color: #00b49f;
    margin-left: 11px;
    font-weight: 600 !important;
}

.agree-guide {
    text-align: center;
    font-size: 14px;
    position: absolute;
    bottom: 82px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
}
.agree-guide a {
    color: #00b49f;

}

.member-login-tbl {margin-top: 3rem;background: #fff;border-radius: 1rem;}
.member-login-tbl td {display: flex; align-items: center; border: 1px solid #eee; border-bottom: 0;}
.member-login-tbl tr:first-child td {border-radius: .5rem .5rem 0 0}
.member-login-tbl tr:last-child td{ border-radius: 0 0 .5rem .5rem;border-bottom: 1px solid #eee;}
.member-login-tbl td .form-control {border: 0; line-height: 1.9;}
.member-login-tbl td .form-select {border: 0; line-height: 1.9;}

.btn-login {
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	background: #04c6b1;
	width: 100%;
	padding: 12px;
}
.btn-login:hover {
    border: 1px solid #009b8a !important;
    background: #12d8c3 !important;
    color: #fff !important;
}
.text-or-line {
    margin-top: 32px;
    color: #b2b2b2;
}
.text-or {
    position: relative;
    font-size: 14px;
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 14px 0;
}
.text-or span {
    background: #ffffff;
    padding: 0 13px;
}
.text-or::before {
    content: "";
    width: 100%;
    height: 1px;
    background: #e9e9e9;
    position: absolute;
    z-index: -1;
    margin-top: 9px;
}
.sign-up h1 img {
    display: inline-block;
    width: 27px;
    border-radius: 4px;
}
.btn-id-check {
    font-size: 14px;
    background: #eee;
    padding: 3px 15px;
}
.btn-id-check:hover {
    color: #222 !important;
    background-color: transparent !important;
    border-color: #00b49f !important;
}

.member-agree-check {}
.member-agree-check h4 {
    font-size: 14px;
    font-weight: 600;
    padding-left: 3px !important;
    margin-top: 18px !important;
}
.member-agree-check h4 small {
    font-weight: 100;
    padding-top: 10px !important;
    display: block;
}

.agree-check-form {
    padding: 15px;
}
.agree-check-form .form-check {
    display: block;
    min-height: 3rem;
    padding-left: 0.5em;
    margin-bottom: .125rem;
    font-size: 14px;
}
.agree-check-form a {opacity: 1 !important;}

.member-policy {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
}

.btn-phone-check {
    border: 1px solid #04c6b1;
    font-size: 14px;
    padding: 4px 15px;
}
.btn-phone-check-ok {
    border: 1px solid #04c6b1;
    background: #04c6b1;
    font-size: 14px;
    padding: 4px 15px;
    color: #fff;
}

.btn-phone-check:hover,
.btn-phone-check-ok:hover {
    border: 1px solid #009b8a !important;
    background: #12d8c3 !important;
    color: #fff !important;
}
.tlt-sub { text-align: center; font-size: 13px; display: block; width: 100%; padding-top: 10px;}

.sub-tlt-maincolor {
    caption-side: top;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #04c6b1;
}
.ts-2 {
text-align: center;
    font-size: 12px;
    margin: 2px 0 4px 0;
    color: #606060;
    font-weight: 400;
}

.member-login-tbl.tbl-maincolor td {
    border: 1px solid #04c6b1;margin-bottom: -1px;
}
.member-login-tbl.tbl-maincolor tr:last-child td {
    border-bottom: 1px solid #04c6b1;
}



/*가입프로세스*/
.join-prs footer { position: fixed; width: 100%; bottom: 0;z-index: 100;}
.join-prs footer .footer-inner {
    position: relative;
    width: 100%;
    height: 5.6rem;
    display: flex;
    justify-content: center;
}
.join-prs footer .footer-bg{
    position: absolute;
    width: 110%;
    height: 12rem;
    bottom: 0;
    background: #04c6b1;
    border-radius: 50% 50%  0 0;
    z-index: 2;
    background-image: url(../images/footer-bg.png) no-repeat;

}
.join-prs footer .footer-textlogo {
    position: absolute;
    bottom: 9.3rem;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 600;
    z-index: 3;
}
.join-prs footer.btn-none .footer-bg {height: 5rem;}
.join-prs footer.btn-none .footer-textlogo {bottom: 2rem;}
.join-prs footer .btn-next {
    position: absolute;
    bottom: 4.5rem;
    border-radius: 5rem;
    background: #fff;
    color: #04c6b1;
    font-size: 1.8rem;
    font-weight: 600;
    padding: 0.5rem 2.4rem;
    z-index: 4;
}
.btn-join-next {
    background: #f2f2f2;
    border-radius: 5rem;
    color: #04c6b1;
    font-size: 1.6rem;
    min-width: 14rem;
    border: 1px solid #e6e6e6;
}
.btn-join-next.wt {
    background: #ffffff;
    font-size: 1.6rem;
    border: 1px solid #e6e6e6;
    min-width: 6rem !important;
    padding: 0.5rem 3rem;
}

.cancel {
	background-color: #FF5252;
	border-color: #FF5252;
	color: white;
}
/*//가입프로세스*/
/*splash*/
main.splash { display: flex; height: 100%;align-items: center; justify-content: center;}
.splash-logo { width: 148px; height: auto !important;margin-top: -187px;}

.join-prs footer.splash .footer-textlogo {
    position: absolute;
    bottom: 31px;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 600;
    z-index: 3;
}
.join-prs footer.splash .footer-inner .img {
    position: absolute;
    width: 27rem;
    height: auto !important;
    left: 50%;
    top: -16rem;
    margin-left: -1rem;
    transform: translate(-50%, 0);
    z-index: 10;
}
/*//splash*/
/*onboarding*/
.onboarding-header {
    background: transparent;
    height: 65px;
}
.onboarding-header .logo {
    position: absolute;
    width: 114px;
    left: 0;
    top: 18px;
    margin-left: 30px;
    /* transform: translate(29px , 0); */
    z-index: 1;
}
.onboarding-header .btn-finish{
    color: #222;
    background-color: transparent !important;
    border-color: transparent;
}
main.onboarding { width: 100%; height: 100%; justify-content: center; padding-top: 0;}
main.onboarding .swiper {width: 100%;height: 100%;}	
main.onboarding .swiper .swiper-pagination {
    bottom: 19px;
}
main.onboarding .swiper .swiper-wrapper { }
main.onboarding .swiper .swiper-slide { padding: 0 0 0 0; width: 100% !important; }

main.onboarding .swiper .swiper-slide h3 {
    width: 100%;
    text-align: left;
    font-size: 23px;
    line-height: 1.3;
    color: #282828;
    font-weight: 600;
}
main.onboarding .swiper .swiper-slide .tilte span {
    font-size: 16px;
    margin-top: 10px;
    display: block;
    line-height: 1.5;
}
main.onboarding .swiper .swiper-slide h1 { width: 100%; text-align: center; font-size: 1.8rem; font-weight: 600;}
main.onboarding .swiper .swiper-slide div  {position: relative; width: 100%; height: 100%;}
main.onboarding .swiper .swiper-slide div img { position: absolute; bottom: 10rem; width: 23.6rem; left: 50%;transform: translate(-50%, 0); z-index: 1; }


main.onboarding .swiper .swiper-slide .tilte.ani1 {
    position: absolute;
    top: 75px;
    padding: 0 30px;
}

main.onboarding .swiper .swiper-slide.swiper-slide-img1 {
    width: 100%;
    height: 100%;
    background: url(../images/onboarding1.jpg) no-repeat;
    background-position: center bottom;
    background-size: cover;
}
main.onboarding .swiper .swiper-slide.swiper-slide-img2 {
    width: 100%;
    height: 100%;
    background: url(../images/onboarding2.jpg) no-repeat;
    background-position: center bottom;
    background-size: cover;
}
main.onboarding .swiper .swiper-slide.swiper-slide-img3 {
    width: 100%;
    height: 100%;
    background: url(../images/onboarding3.jpg) no-repeat;
    background-position: center bottom;
    background-size: cover;
}
main.onboarding .swiper .swiper-slide.swiper-slide-img4 {
    width: 100%;
    height: 100%;
    background: url(../images/onboarding4.jpg) no-repeat;
    background-position: center bottom;
    background-size: cover;
}

main.onboarding .swiper .swiper-slide div.swiper-slide-img1 .ani1 {
    position: absolute;
    bottom: 469px;
    left: 50%;
    margin: 0 0 0px -143px;
    z-index: 2;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background: #04c6b1;
    border-radius: 6px;
    color: #fff;
}

main.onboarding .swiper .swiper-slide div.swiper-slide-img2 .ani1 {
    position: absolute;
    bottom: 469px;
    left: 50%;
    margin: 0  0 -134px -143px;
    z-index: 2;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background: #04c6b1;
    border-radius: 6px;
    color: #fff;
}
main.onboarding .swiper .swiper-slide div.swiper-slide-img3 .ani1 {
    position: absolute;
    bottom: 469px;
    left: 50%;
    margin: 0  0 -70px 55px;
    z-index: 2;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background: #04c6b1;
    border-radius: 6px;
    color: #fff;
}
.swiper-slide-active .ani1{
    animation-name: ani1;
	animation-duration: 1s;
	animation-delay: .5s;
}

/*.swiper-slide-duplicate-prev .ani1,
.swiper-slide-prev .ani1 {opacity: 0;}*/

.swiper-slide :not(.swiper-slide-active) .ani1 {opacity: 0;}

@keyframes ani1 {
	0% { 
		opacity: 0;
		-webkit-transform: translate3d(0,-3%,0);
		transform: translate3d(0,-3%,0);
	}
	100% { 
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}


/*//onboarding*/
/*kakao*/
main.kakao { display: flex; height: 100%;align-items: center; justify-content: center;}

.kakao-start { display: flex; flex-direction: column; text-align: center;    height: calc(100% - 32rem); }
.kakao-start h1 {color: #381E1F; font-size: 2.8rem; margin-bottom: .6rem!important;}
.kakao-start h3 {color: #381E1F; font-size: 1.6rem; margin-bottom: 3rem !important;}
.btn-kakao {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FEE500;
    color: #381E1F;
    font-size: 1.8rem;
    letter-spacing: -.1rem;
    padding: 1rem 3rem;
    border-radius: 6rem;
}
.icon-kakao { 
	display: inline-block;
	width: 2.4rem;
	height: 2.2rem;
	background: url("../images/icon-kakao.png") no-repeat;
	background-size: contain;	
	margin-right: 1rem;
}
.join-prs footer.kakao .footer-textlogo {bottom: 4rem;color: #fff;}
.join-prs footer.kakao .footer-bg {width: 109%;height: 7rem;background: #381E1F;}
/*//kakao*/

/*휴대폰 본인인증*/
.phone-auth {height: 100%; padding: 5.6rem 2.4rem 15rem 2.4rem;}
.phone-auth h1 {
    color: #04c6b1;
    font-size: 2.8rem;
    margin-bottom: .6rem !important;
}
.phone-auth h3 {color: #383838; font-size: 1.6rem; margin-bottom: 3rem !important;}
.phone-auth-form {}

.phone-auth-form .agree {padding-left: 10px;}
.phone-auth-form .agree li:first-child {margin-bottom: 1rem; font-size: 1.4rem; font-weight: 600;}

.phone-auth-form .agree li { display: flex; align-items: center; justify-content: space-between; font-size: 1.2rem; line-height: 1.5;}

.phone-auth-tbl {margin-top: 1rem;background: #fff;border-radius: 1rem;}
.phone-auth-tbl tr {}
.phone-auth-tbl td {display: flex; align-items: center; border: 1px solid #eee; border-bottom: 0;}
.phone-auth-tbl tr:first-child td {border-radius: .8rem .8rem 0 0}
.phone-auth-tbl tr:last-child td{ border-radius: 0 0 .8rem .8rem;border-bottom: 1px solid #eee;}
.phone-auth-tbl td .form-control {border: 0; line-height: 1.9;}
.phone-auth-tbl td .form-select {border: 0; line-height: 1.9;}
.no-star {font-size: 2rem; letter-spacing: .35rem; margin-bottom: -6px;}
.btn-auth-no {font-size: 1.2rem; border: 1px solid #eee; color: #959595;}

.phone-auth-cfm {display: flex; align-items: center; border: 1px solid #04c6b1;border-radius: .8rem; padding: 0.5rem 0.5rem;background: #fff;}
.phone-auth-cfm .form-control {border: 0; line-height: 1.9;}
.phone-auth-cfm .auth-no { font-weight: 600; font-size: 1.2rem;}
.btn-auth-cfm {font-size: 1.2rem;  color: #fff;background: #04c6b1;border-radius: 50px;}
/*//휴대폰 본인인증*/


/*케어대상자등록*/
main.care-reg {height: 100%; background: #eee; padding: 5rem 0 9rem 0;}
.care-reg h1 {color: #333; font-size: 2.8rem; margin-bottom: .6rem !important;text-align: center;letter-spacing: -.1rem;}
.care-reg h3 {
    color: #333;
    font-size: 1.6rem;
    margin-bottom: 27px!important;
    text-align: center;
}
.top-radius-form {  display: flex; flex-direction: column; background: #fff; border-radius: 0 0 3rem 3rem;padding: 20px 1.6rem 40px 1.6rem;}

.icon-care-plus, .icon-care-photo {
    display: block;
    background: #ffffff;
    border-radius: 50%;
    width: 8.6rem;
    height: 8.6rem;
    text-align: center;
    line-height: 9rem;
    font-size: 5.5rem;
    color: #04c6b1;
    margin: 0 auto;
    border: 1px solid #ebebeb;
}
i.icon-care-plus::before {margin-left: 12px;}
i.icon-care-photo::before {margin-left: 0;}

.btn-care-reg {
    background: #04c6b1;
    border-radius: 5rem;
    color: #fff;
    font-size: 2rem;
    font-weight: 600;
	min-width: 14rem;
}
.btn-care-reg-next {
    background: #1889BA;
    border-radius: 5rem;
    color: #fff;
    font-size: 2rem;
    font-weight: 600;
	min-width: 14rem;
}
.photo-edit { position: relative;width: 9.6rem; margin: 0 auto;}
.photo-edit .btn-photo {
    position: absolute;
    right: -15px;
    bottom: -6px;
    font-size: 2.2rem;
    background: #04c6b1;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 4rem;
    height: 4rem;
    line-height:3rem;
}

.care-reg-edit-form {padding: 1.6rem; font-size: 1.3rem;}
.care-reg-edit-form li {margin-bottom: 1.6rem;}
.care-reg-edit-form h4 {font-size: 1.1rem; font-weight: 600; color: #818181; padding: 5px 0 10px 10px !important;}
.care-reg-edit-form em {font-size: 1.1rem; font-weight: 600; color: #818181; padding: 5px 0 10px 10px !important;}
.care-reg-edit-form .form-control {border: 0;padding: 1rem 1rem 1rem 1.4rem;border-radius: 0.8rem;font-size: 1.4rem;}
	.care-reg-edit-form select {
		-webkit-appearance: menulist; /* for chrome */
		-moz-appearance: menulist; /*for firefox*/
		appearance: menulist;
		animation-duration:0.2s;
	}
.care-phone-auth {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 0.8rem;
    padding: 0 1rem 0 0;
	margin-bottom: 0.5rem;
}
.btn-care-phone-auth {
    font-size: 1.2rem;
    border: 1px solid #d7d7d7;
    color: #767676;
    background: #f3f3f3;
	margin-left: 10px;
	border-radius: 30px;
}
.input-bg {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 0.8rem;
    padding: 0 1rem 0 0;
	margin-bottom: 0.5rem;
}

.address-form li {margin-bottom: .8rem;}
.address-form-tbl {background: #fff;  border-radius: 0.8rem;}
.address-form-tbl tr {}
.address-form-tbl td {display: flex; align-items: center; border: 1px solid #eee; border-bottom: 0;padding: 0 1rem 0 0;}
.address-form-tbl tr:first-child td {border-radius: .8rem .8rem 0 0}
.address-form-tbl tr:last-child td{ border-radius: 0 0 .8rem .8rem;border-bottom: 1px solid #eee;}
.address-form-tbl td .form-control {border: 0; }

.address-form-tbl .left {padding-right: 10px;font-size: 1.3rem;color: #747474;min-width: 80px;}
.address-form-tbl .center {display: flex; align-items: center;}
.address-form-tbl .zip-code {}

.btn-zip-code {
    font-size: 1.2rem;
    border: 1px solid #d7d7d7;border-radius: 50px;
    color: #7a7a7a;
    background: #f9f9f9;    
}
.btn-basic {
    font-size: 1.2rem;
    border: 1px solid #d7d7d7;border-radius: 50px;
    color: #222;
    background: #fff;
}
.btn-wt-rd {
	font-size: 1.3rem;
    border: 1px solid #d0d0d0;border-radius: 5rem;
    color: #202020;
    padding: 3px 9px;	
}
.send-no-seclect-form {background: #fff;padding: 1.3rem 1rem 1.3rem 1.4rem ;border-radius: 0.8rem; }
.send-no-seclect-form li {display: flex; align-items:center; justify-content: space-between;}
.send-no-seclect-form li:last-child {margin-bottom: 0;}
/*//케어대상자등록*/

/*app Main*/
.main { height: 100%; background: #F2F2F2; }
.home.main-padding {padding: 0 0 5rem 0;}
.top-logo-sm { width: 34px; height: auto !important;}
.top-logo {
    width: 100%;
    height: 30px;
    background: url(../images/logo-h.png) no-repeat;
    background-size: contain;
}
.btn-care-add {
    background: #04c6b1;
    border-radius: 50%;
    color: #fff;
    font-size: 17px;
    padding: 0;
    height: 3rem;
    width: 3rem;
    line-height: 3rem;
	margin-right: 1rem;
}
.btn-care-add .bi-person-plus-fill::before { margin-left: 4px;}

.btn-alim {}

.care-list { position: relative; width: 100%; padding: 0 1.4rem 16px 1.4rem; background: #fff; border-radius: 0 0 3rem 3rem;}

.care-list .card {
    border-radius: 1.4rem;
    border-color: #e0e0e0;
    margin: 2rem 0 4rem 0;
    padding: 0.8rem;
    box-shadow: none;
}
.care-list .card:last-child {margin: 2rem 0 0 0;}
.care-list .card-header { position: relative; width: 100%;  height: 4rem; display: flex; align-items: flex-start; justify-content: space-between;border-radius: 1.4rem 1.4rem 0 0; border-bottom: 0;background: #fff;padding: 0;}
.care-list .card-header .left {display: flex; align-items: center;}
    .care-list .card-header .left .care-photo {
        position: absolute;
        top: -18px;
        left: -13px;
        width: 5rem;
        height: 5rem !important;
        object-fit: cover;
        border: 1px solid #dedede;
        border-radius: 50%;
    }
.care-list .card-header .center .care-photo {
    position: absolute;
    top: -33px;
    left: 50%;
    width: 6rem;
    height: 6rem!important;
    border: 1px solid #dedede;
    border-radius: 50%;
    transform: translate(-50%, 0);
}
.care-list .card-header .left .care-name {margin-left: 0.5rem;     margin-top: 4px;font-size: 1.4rem; color: #222; }
.care-list .card-header .left .care-name small {font-size: .8rem;margin-left: 5px;color: #9b9b9b;}
.care-list .card-header .btn-care-list-alim.on {
    position: relative;
    margin: 3px 0 0 0;
    border-radius: 5rem;
    padding: 3px 9px 3px 7px;
    background: #04c6b1;
    font-size: 1.3rem;
    line-height: 1;
    color: #fff;
}
.care-list .card-header .btn-care-list-alim.on  i {font-size: 1.2rem; color: #fff;}
.care-list .card-header .btn-care-list-alim.off {position: relative;margin: -4px 0 0 0;}
.care-list .card-header .btn-care-list-alim.off i {font-size: 1.6rem; color: #c3c3c3;}
.care-list .card-header .nav-alerts {
    top: -9px;
    background: #04c6b1;padding: 0px; 
    margin: 7px 0px 0 9px;
    font-size: 6px;
    width: 18px;
    height: 18px;
    line-height: 20px;
    text-align: center;
    color: #fff;
}

.care-list .card-body {padding: 8px 0px 5px 0px;}
.care-list .card-body .care-none { width: 100%; text-align: center;font-size: 1.2rem; padding: 0px 4px 4px 4px;}
.btn-care-go {
    font-size: 1.4rem;
    color: #000000;
    background: #f9f9f9;
    border: 1px solid #dfdfdf;
    border-radius: 5rem;
    display: block;
    margin: 0 auto;
    padding: 8px 21px;
    margin-top: 10px;
}

.alram-item { display: flex; align-items: center; padding: 13px 5px 13px 2px;line-height: 22px;}
.alram-item i {border-radius: 50%;width: 20px;height: 20px;text-align: center;line-height: 22px;margin-top: -2px;color: #fff;}
.alram-item.safety i {background: #3bc4ed; }
.alram-item.medi i {background: #ffa726;}
.alram-item .alram-text { font-size: 1.5rem; width: 100%;padding: 0 0 0 4px;/*letter-spacing: -.05rem*/;}

.care-list-none { 
    position: relative; 
    width: 100%; height: 38rem; 
    overflow: hidden; 
    background: #fff; 
    border-radius: 0 0 3rem 3rem;
}
.care-list-none h1 {
    color: #2F2F2F;
    font-size: 2.8rem;
    font-weight: 300;
    z-index: 12;
    position: absolute;
    left: 2rem;
    top: 3rem;
    line-height: 1.3;
}
.btn-careplus-arrow {
    position: fixed;
    right: 6.5rem;
    top: 4.8rem;
    z-index: 1001;
    width: 119px;
    height: auto !important;
}
.care-list-none h1 span {display: block;}
.care-list-none h1 strong {font-size: 4rem; font-weight: 600;}

.home .alram-item { padding: 13px 5px 0px 2px;}

.main-img { position: relative;width: 100%;height: 100%;}
.main-img img {position: absolute; height: auto !important;}
.main-img .ani1 {width: 99px;right: 67px;bottom: -21px;z-index: 10;-webkit-animation-delay: .5s; animation-delay: .5s;-webkit-animation-duration: 1.5s;animation-duration: 1.5s;}
.main-img .ani2 {width: 177px;right: 28px;bottom: -11px;z-index: 9;-webkit-webkit-animation-duration: 1s;animation-duration: 1s;}
.main-img .ani3 {width: 129px;right: 127px;bottom: -13px;z-index: 8;-webkit-animation-duration: 1s;animation-duration: 1s;}
.main-img .ani4 {width: 144px;right: -26px;bottom: -2px;z-index: 7;-webkit-animation-delay: .3s; animation-delay: .3s;-webkit-animation-duration: 1s;animation-duration: 1s;}
.main-img .ani5 {width: 41px;right: 102px;bottom: 199px;z-index: 6;-webkit-animation-delay: .5s; animation-delay: .5s;-webkit-animation-duration: 2s;animation-duration: 2s;}

@keyframes bounceInUp {
  from,
  60%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 1000px, 0) scaleY(1);
    transform: translate3d(0, 1000px, 0) scaleY(1);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -10px, 0) scaleY(1);
    transform: translate3d(0, -10px, 0) scaleY(01);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.banner { padding: 1rem 1.6rem 1.6rem 1.6rem;}
.silver-banner {
    position: relative;
    background: #04c6b1;
    border-radius: 1rem;
    width: 100%;
    height: 10.2rem;
    /* border-bottom: 19px solid rgba(0,0,0, .2); */
    padding: 26px 20px 17px 20px;
    text-align: right;
    margin-bottom: 15px;
}
.silver-banner .img {
    position: absolute;
    width: 13rem;
    height: auto !important;
    bottom: -16px;
    margin-left: -14px;
    z-index: 10;
}


.silver-banner h2 { font-size: 1.8rem; color: #fff; font-weight: 600; margin-bottom: 5px !important;}
.silver-banner h3 { font-size: 1.2rem; color: #fff;}

.main-slider .swiper {
    width: 100%;
    height: 13rem;
    padding: 0 1.6rem;
}

.notice-banner { width: 100%; height: 10rem; background: #fff; border-radius: .8rem;}

.main-slider .swiper .banner-img1 {width: 100%; height: 10rem;border-radius: .8rem; background: #0FB34F; color: #fff;}
.main-slider .swiper .banner-img2 {width: 100%; height: 10rem;border-radius: .8rem; background: #209CD8; color: #fff;}
.main-slider .swiper .cdr-banner img{width: 100%; border-radius: .8rem; }

.pc {
	display: block !important;
}

.pc-flex {
	display: flex !important;
}

.mobile {
	display: none !important;
}

.mobile-360-block {
	display: none !important;
}

.mobile-360 {
	display: block !important;
}


.guide {
	position: relative;
	width: 100%;
	min-height: 1009px;
	padding: 0 0 0px 0;
	margin-top: 0;
	overflow: hidden;
	z-index: 1;
}

.guide-bar {
	position: relative;
	margin-top: 54px;
	margin-left: -105px;
}

img.guide-bar-img {
	max-width: 1230px;
	width: 94vw;
}

.tlt {
	margin-bottom: 30px;
	margin-left: 80px;
}

.guide-tab .nav-link {
	border: 0;
	color: #2e2e2e;
	display: flex;
	margin-bottom: 2px;
	background: transparent;
}

	.guide-tab .nav-link:focus,
	.guide-tab .nav-link:hover {
		color: #2e2e2e;
	}

.guide-tab::before {
	content: "";
	width: 1px;
	height: 494px;
	background: #2fcebb;
	position: absolute;
	margin: 40px 0 0 28px;
	z-index: 1;
}

.guide-tab .nav-link .step {
	position: relative;
	display: block;
	width: 36px;
	height: 36px;
	color: #2FCEBB;
	font-weight: 600;
	line-height: 36px;
	border-radius: 50%;
	border: 2px solid #2FCEBB;
	background: #efefef;
	transition: .3s ease;
	z-index: 2;
}

.guide-tab .nav-link.active .step {
	display: block;
	width: 36px;
	height: 36px;
	color: #fff;
	font-weight: 600;
	line-height: 36px;
	border-radius: 50%;
	border: 2px solid #2FCEBB;
	background: #2FCEBB;
}

.guide-tab .step-text {
	margin: -8px 0 0 18px;
	padding: 17px 25px 16px 23px;
	text-align: left;
	transition: .3s ease;
}

	.guide-tab .step-text h3 {
		font-size: 18px;
		color: #151515;
		margin-bottom: 4px !important;
	}

.guide-tab .nav-link.active .step-text {
	position: relative;
	border-radius: 12px;
	background: #fff;
	box-shadow: 1px 16px 16px 0 rgb(0 0 0 / 9%);
}

.guide-tab .nav-link .step-text::before {
	content: "";
	position: absolute;
	margin: -3px 0 0 -18px;
	width: 0px;
	height: 0px;
	border-bottom: 14px solid #ffffff;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	transform: rotate( 270deg );
	transition: .3s ease;
	opacity: 0;
}

.guide-tab .nav-link.active .step-text::before {
	margin: 3px 0 0 -36px;
	opacity: 1;
}

.container {
	padding: 0 76px;
	position: relative;
	margin-top: 0;
}

.tab-content > .tab-pane img {
	margin: 0 auto;
	margin-right: 0;
}










.contact-tip {
	width: 100%;
	padding: 55px 0 66px 0;
	background: #fff;
	/* border-top: 58px solid #eee; */
}

.contact,
.tip {
	width: 100%;
}

.tlt {
	position: relative;
	display: inline-block;
}

	.tlt h1 {
		position: relative;
		font-size: 26px;
		z-index: 2;
		color: #414141;
		padding: 0 5px !important;
	}

	.tlt .tlt-bar {
		position: absolute;
		height: 15px;
		width: 100%;
		background: #e5ec7b;
		top: 19px;
		left: 0;
		display: block;
	}
/*
button {
	font-size: 14px !important;
}
*/
.mainpage-list {
	font-size: 14px !important;
}

	.mainpage-list .left .i {
		font-size: 1.7rem;
		width: 35px;
		height: 35px;
		background: #f6f6f6;
		border: 1px solid #eee;
		text-align: center;
		line-height: 33px;
		border-radius: 50%;
	}

/* 슬라이드 효과 */
.fadeInRight {
	animation-duration: 2s;
	animation-name: fadeInRight;
}

.fadeInLeft {
	animation-duration: 2s;
	animation-name: fadeInLeft;
}


.fadeInUp {
	animation-duration: 2s;
	animation-name: fadeInUp;
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translate3d(0, 20%, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		transform: translate3d(-20%, 0, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}


/*//app Main*/


/*마이페이지*/
.mypage.contents-list {
    font-size: 1.3rem;
    padding: 20px 1.4rem 8rem 1.4rem;
}
.mem-photo-info {display: flex; align-items: center; justify-content: space-between;padding: 0 1.4rem;margin-bottom: 26px;}
.mem-photo-info .left {display: flex; align-items: center;font-size: 1.4rem;}
    .mem-photo-info .left .mem-photo {
        width: 5rem;
        height: 5rem !important;
        object-fit: cover;
        margin-right: 10px;
        background: #04c6b1;
        border-radius: 50%;
    }
.mem-photo-info .left .mem-name {font-weight: 600;}
.membership-badge {
    border-radius: 40px;
    border: 2px solid #ffffff;
    padding: .5rem 2rem .5rem 1.6rem;
    font-size: 1.6rem;
    font-weight: 600;
    color: #ffffff;
}
.ring-table {height: 6rem;}
.ring-table .used { display: flex; flex-direction: column; background: #ECECEC; border-radius: .8rem; padding: 8px 10px 7px 6px;height: 100%;}
.ring-table .used .ring-text,
.ring-table .reg-ring .ring-text,
.ring-table .total-ring .ring-text { font-size: 1.1rem; color: #3e3e3e;letter-spacing: -1px;    text-align: center;}

.ring-table .used .ring-text i {font-size: 1.3rem;color: #3e3e3e;margin-right: 5px;}
.ring-table .used .ring {font-size: 2.2rem;  color: #9B9B9B; font-weight: 600;text-align: center;}

.ring-table .reg-ring {display: flex; flex-direction: column; background: #C4F6D8; border-radius: .8rem; padding: 8px 10px 7px 6px;height: 100%;}

.ring-table .reg-ring .ring-text i {font-size: 1.3rem;color: #0BB24D;margin-right: 5px;}
.ring-table .reg-ring .ring {font-size: 2.2rem;  color: #0BB24D; font-weight: 600;text-align: center;}

.ring-table .total-ring {display: flex; flex-direction: column; background: #D9EDFF; border-radius: .8rem; padding: 8px 10px 7px 6px;height: 100%;}
.ring-table .total-ring .ring-text i {font-size: 1.3rem; color: #0097C7; margin-right: 5px;}
.ring-table .total-ring .ring {font-size: 2.2rem;  color: #0097C7; font-weight: 600;text-align: center;}

.use-per {width: 100%;text-align: center;font-size: 1.4rem;padding: 22px 0 0 0; line-height: 1;}
.use-per i { font-size: 1.2rem; color: #0BB24D;}
.use-per i::before { vertical-align: 0px;}
.use-per .use-per-date {color: #3e3e3e;}


.contents-list { font-size: 1.3rem; padding: 20px 1.4rem 2rem 1.4rem;}
.contents-list .list-header {font-size: 1.2rem;color: #969696;font-weight: 600;background: transparent;padding: 5px 16px;}
.contents-list .list-item__center {font-size: 1.5rem;padding-right: 1.2rem;    line-height: 1.5;}

.form-bg-wt.mem-photo-info {background: #04c6b1;border-radius: 1em; padding: 1rem 1.6rem; }
.form-bg-wt.insurance {background: #fff;border-radius: 1rem; padding: 1rem 1.6rem; }
.contents-list .insurance {
    display: flex;
    color: #2F2F2F;
    flex-direction: column;
}
.insurance-info { display: flex; justify-content: space-between; font-size: 1.4rem;margin-bottom: 10px;}
.insurance .insurance-info .insurance-name {color: #0BB24D;}
.insurance .insurance-info strong {color: #0BB24D;}
.insurance .progress-bar {height: 100%;background-color: #04c6b1 !important;}
.myPeriod {transform: scaleX(-1);}

.mem-info { color: #fff;}
.mem-info .left {    width: 88px; font-size: 1.3rem; color: #939393;}
.mem-info .center { }
.mem-info .phone-num {display: flex; align-items: center; justify-content: space-between;}

.btn-ver-update { color: #fff; background: #F16B09; border-radius: 30px; margin-left: 5px;font-size: 1.2rem; }

.logout { width: 100%; text-align: center;}
.btn-logout {border-radius: 40px; border: 1px solid #D8D8D8; padding:.5rem 2rem .5rem 1.6rem; font-size: 1.3rem;  color: #848484; background: #fff;}

.mem-avata {}
.mem-avata-img { display: block; width: 35px; height: auto !important; border-radius: 50%;}

.mem-voice {
    border: 1px solid #eee;
}

.mem-voice .left i {
    font-size: 1.7rem;
    width: 35px;
    height: 35px;
    background: #f6f6f6;
    border: 1px solid #eee;
    text-align: center;
    line-height: 33px;
    border-radius: 50%;
}
.mypage-payment .left i {
    font-size: 1.7rem;
    width: 35px;
    height: 35px;
    background: #f6f6f6;
    border: 1px solid #eee;
    text-align: center;
    line-height: 33px;
    border-radius: 50%;
}
.gift .left i {
    font-size: 1.7rem;
    width: 35px;
    height: 35px;
    background: #f6f6f6;
    border: 1px solid #eee;
    text-align: center;
    line-height: 33px;
    border-radius: 50%;
}

.coupon-modal .modal-body {padding: 30px 20px;font-size: 1.2rem;}
.coupon-modal .modal-body h3 {font-weight: 600;; font-size: 1.4rem;}
.coupon-modal .modal-body p {padding: 0 5px;;}
.coupon-modal .modal-body .input-group .form-control {margin: 10px 0;padding: 1rem 0.75rem;}

/*///마이페이지*/


/*알림센터*/
.icon-green {
    color: #000000;
}

.icon-blue {
    color: #000000;
}

.care-alim-tab {
    background: #04c6b1;
    border-radius: 5rem;
    height: 4rem;
    width: 98%;
    margin: 0 auto;
	padding: 5px;
	margin-top: 1rem;
}
.care-alim-tab .nav {height: 100%;}
.care-alim-tab .nav .nav-item {
    width: 50%;
    height: 100%;
}
.care-alim-tab .nav .nav-link {
    color: #fff;
    background:#04c6b1 ;
    height: 100%;
    border-radius: 5rem;
    width: 100%;
	font-size: 1.5rem;
}
.care-alim-tab .nav .nav-link.active {
    color: #000000;
    background: #fff;
}

.care-alim-list,
.push-alim-list {padding: 2rem 1.4rem 0rem 1.4rem;}
.care-alim-item .center {
    min-height: 30px;
    padding: 5px 0;
}
.care-alim-item-mem-info { display: flex; align-items: center; justify-content: space-between; background: transparent;padding: 11px 1.4rem 6px 1.4rem;}
.care-alim-item-mem-info .center {display: flex; align-items: center;}
.care-alim-item-photo { display: inline-block; width: 34px; height: auto !important; margin-right: 8px;}
.care-alim-item-name { font-size: 1.3rem;color: #222;line-height: 1.1;margin-top: 5px;}
.care-alim-item-name small {    font-size: .75em;color:#ababab; margin-left: 3px; }

.care-alim-item-text {padding-left: 12px; font-size: 1.3rem;}
.care-alim-item-name .fam-name { color: #787878;}
.care-alim-item-text i {font-size: .75rem;}
.care-alim-item-text i::before {margin-left: -1px;}

.care-alim-item ons-list-header .alram-item {padding: 0;}
.care-alim-item ons-list-header .alram-item .alram-text {font-size:1.2rem !important;color: rgba(0,0,0, .5);}
.care-alim-item ons-list-header .alram-item i {width: 8px; height: 8px;margin-right: 5px;}
.care-alim-item ons-list-header.care-alim-item-mem-info .right {font-size: 1.2rem;}

.care-alim-reply-text {padding: 6px 1.4rem 8px 1rem;}
.care-alim-reply-text .center {width: 100%;display: flex;position: relative;align-items: flex-end;padding-top: 0;}
.care-alim-reply-text .reply {max-width: 75%;position: relative;display: flex;flex-direction: column;}
.care-alim-reply-text .reply .text-left-form {background: #e0f7fa;padding: 10px 0 8px 0;border-radius: 0 .8rem .8rem .8rem;font-size: 1.5rem;word-break: break-all;line-height: 1.3;min-width: 200px;}
.care-alim-reply-text .reply .text-left-form .message {padding: 0 1rem;word-break: break-all;display: block;}
.care-alim-reply-text .reply .reply-audio {background: transparent;padding: 9px 0px 0px 0px;margin-top: 5px;border-top: 1px solid rgba(0,0,0, .05);min-width: 165px;}
.care-alim-reply-text .reply .reply-audio audio::-webkit-media-controls-panel {background: #e0f7fa;}
.care-alim-reply-text .time {color: #999;font-size: 12px;margin-left: 8px;margin-bottom: 3px;}


.care-alim-send-text {padding: 6px 1rem 16px 1.4rem;}
.care-alim-send-text .right {position: relative;width: 100%;display: flex;align-items: flex-end;justify-content: flex-end;padding: 0;	}
.care-alim-send-text .send {max-width: 75%;position: relative;display: flex;flex-direction: column;}
.care-alim-send-text .send .text-right-form {background: #d4f5d5;padding: 10px 0 8px 0;border-radius: .8rem 0  .8rem .8rem;font-size: 1.5rem;word-break: break-all;line-height: 1.3;min-width: 200px;}
.care-alim-send-text .send .text-right-form .message {padding: 0 1rem;word-break: break-all;display: block;}
.care-alim-send-text .send .send-audio {background: transparent;padding: 9px 0px 0px 0px;margin-top: 5px;border-top: 1px solid rgba(0,0,0, .05); min-width: 200px;}
.care-alim-send-text .send .send-audio audio::-webkit-media-controls-panel {background: #d4f5d5;}
.care-alim-send-text .time {color: #999;font-size: 12px;margin-right: 8px;margin-bottom: 3px;}

.send .triangle {
	width: 0px;height: 0px;
	border-bottom: 10px solid #d4f5d5;border-left: 10px solid transparent;border-right: 0 solid transparent;
	transform: rotate(45deg);
	position: absolute;right: 0;top: 0;margin: -5px -5px 0 0px;
}
.reply .triangle {
    width: 0px; height: 0px;
    border-bottom: 10px solid #e0f7fa;border-left: 10px solid transparent;border-right: 0 solid transparent;
    transform: rotate(45deg);
    position: absolute; left: 0; top: 0; margin: -5px 0 0 -4px;
}

.care-text-icon {font-size: 1rem;padding: 3px 8px;border-radius: 10px !important;font-style: normal;margin-right: 0px !important;}

.push-alim-item .push-alim-item-info { display: flex; align-items: center; justify-content: space-between; background: transparent;padding: 11px 1.4rem 0 1.4rem;}
.push-alim-item .push-alim-item-info .center i {width: 24px;height: 24px;background: #13D4B2;border-radius: 50%;color: #fff;font-size: 13px;display: block;text-align: center;}
.push-alim-item .push-alim-item-info .time { color: rgba(0,0,0, .5); font-size: 1.2rem;}
.push-alim-item .push-alim-item-text {padding-left: 10px;padding-bottom: 0;}


.form-bg-blue.push-alim-item {}
.form-bg-blue.push-alim-item .left,
.form-bg-red.push-alim-item .left {min-width: 42px;}

.form-bg-blue.push-alim-item .list-item--material__icon { padding: 0 5px;}
.form-bg-blue.push-alim-item .left i {color: #fff !important;font-size: 24px !important;}
.form-bg-blue.push-alim-item .center {color: #fff !important;background-image: none; font-size: 1.3rem;letter-spacing: -0.05rem;padding: 14px 33px 14px 0;line-height: 1.5;}

.form-bg-red.push-alim-item .list-item--material__icon { padding: 0 5px;}
.form-bg-red.push-alim-item .left i {color: #fff !important;font-size: 24px !important;}
.form-bg-red.push-alim-item .center {color: #fff !important;background-image: none; font-size: 1.3rem;letter-spacing: -0.05rem;padding: 14px 33px 14px 0;line-height: 1.5;}

.push-alim-item-text.list-item--chevron:before {width: 12px; height: 12px;border-right: 2px solid #ffffff !important;border-bottom: 2px solid #ffffff !important;}

.sch-text-icon {font-size: 1rem;padding: 3px 8px;border-radius: 10px !important;font-style: normal;margin-right: 0px !important;}
.sch-text-icon.lg,
.sch-text-icon {
    background: #00c250;
    font-size: inherit;
    padding: 4px 9px;}	
/*////알림센터*/


.main-padding.care-alarm {
    padding-bottom: 5rem;
    /* margin-bottom: 5rem; */
}
.alarm.contents-list { font-size: 1.3rem; padding: 1.8rem 1.4rem 0rem 1.4rem;}
.care-alarm-item {overflow: visible;}
.care-alarm-item .list-item__thumbnail {width: 55px;height: 55px; object-fit:cover; border-radius: 50%;}

.care-alarm-item-name { font-size: 1.4rem;color: #222;}
.care-alarm-item-name small {font-size: .75em;color:#787878; margin-left: 3px; }

.care-alarm-item .alram-text {color: #222;}
.care-alarm-item .alram-item i {font-size: .75rem;}
.care-alarm-item .alram-item i::before {margin-left: -1px;}

.hay-text-icon,
.medi-text-icon,
.sch-text-icon,
.inbound-text-icon {
border-radius: 30px !important;
/* height: 20px !important; */
text-align: center;
line-height: 15px;
margin-right: 1px;
color: #fff;
font-size: 1.3rem !important;
padding: 5px 8px;
}
 
.hay-text-icon.lg,
.hay-text-icon {
    background: #11BDE2;
    font-size: inherit;
    padding: 4px 9px;
}
    .medi-text-icon.lg,
    .medi-text-icon {
        background: #FFA726;
        font-size: inherit;
        padding: 4px 9px;}

    .inbound-text-icon.lg,
    .inbound-text-icon {
        background: #6b48ff;
        font-size: inherit;
        padding: 4px 9px;
    }	
.btn-care-select i {font-size: 20px;}

.care-alarm-item .list-item__left {padding: 14px 0px 14px 0; margin-right: 5px; min-width: 70px; justify-content: center;}
.alarm-title { font-size: 1.5rem;}

.care-person-select {display: flex;    margin-bottom: 13px;}
.care-person {
    width: 80%;
    height: 104px;
    overflow-x: auto;
    overflow-y: hidden;
}
.care-person ul {display: flex;}
.care-person li {position: relative; margin-right: 20px; padding: 5px;text-align: center; line-height: 1;}

.care-total { width: 20%; border: 1px solid #e1e1e1; border-radius: .8rem; text-align: center;    font-size: 1.2rem;}
.care-total .sum {
    display: block;
    width: 100%;
    line-height: 66px;
    font-size: 24px;
}

.care-person .list-item__thumbnail {
    width: 60px  !important;
    height: 60px  !important;
    border-radius: 50% !important;
	max-width: initial;
	border: 1px solid #fff;
}
.care-person .care-alarm-item-name {display: block;margin-top: 8px}
.care-person .care-alarm-item-name small {margin: 0;  color: #8d8d8d;  font-size: .55em;}
.care-person .care-person-photo {position: relative;}
.care-person .care-sum {
    position: absolute;
    right: -4px;
    top: 2;
    background: #fff;
    font-size: 1.1rem;
    color: #222;
    border-radius: 30px;
    padding: 3px 6px;
    border: 1px solid #e0e0e0;
    text-align: center;
}


/*케어대상자 상세*/
.care-person-top {display: flex; align-items: center; justify-content: center; margin-bottom: 18px;}
.care-person-top .col {display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.3rem;}
.care-person-top .col .yo-call {display: flex;align-items: center;line-height: 1.3;color: #fff;text-align: left;font-size: 1.3rem;}
.care-person-top .col .yo-call i { font-size: 1.8rem; margin-right: 8px;}
.care-person-top .col .ring-info {display: flex;flex-direction: column;line-height: 1.3;color: #fff;text-align: left;font-size: 1.3rem;}
.care-person-top .col .ring-info strong { padding-left: 8px; }
.care-person-top .col .list-item__thumbnail {width: 80px;height: 80px;border-radius: 50%;display: block;margin: 0;}

.care-btn-tab {}
.care-btn-tab .nav-item span {font-size: 1.3rem;}
.care-btn-tab li {color: #fff;display: flex;flex-direction: column;align-items: center;}
.care-btn-tab button.nav-link {display: flex; align-items: center; justify-content: center;  width: 6rem; height: 6rem; background: rgba(255,255,255, .2); border-radius: 1rem; color: #fff;font-size: 2.4rem; margin-bottom: 5px;}
.care-btn-tab button.nav-link.active { background: #fff;}
.care-btn-tab li:nth-child(1) button.nav-link.active { color: #FFA726;}
.care-btn-tab li:nth-child(2) button.nav-link.active { color: #11BDE2;}
.care-btn-tab li:nth-child(3) button.nav-link.active { color: #00c250;}
.care-btn-tab li:nth-child(4) button.nav-link.active { color: #414141;}


.care-alrm-info {font-size: 1.2rem;    color: rgba(0,0,0, .5);}
.contents-list-history { font-size: 1.3rem; padding: 1.8rem 1.4rem 4rem  1.4rem;}
.care-alarm-item-text {padding: 5px 14px 14px 16px;}
.care-alarm-item-text .list-item__left {
    padding: 0;
    margin-right: 7px;
    min-width: 0;
    justify-content: center;
}
.sch-alarm-item-text {padding: 5px 14px 14px 16px;}
.sch-alarm-item-text .list-item__left {
    padding: 0;
    margin-right: 7px;
    min-width: 0;
    justify-content: center;
}
.divider-line {
    position: relative;
    width: 100%;
    height: 1px;
    border-bottom: 1px dotted #c7c7c7;
    margin-bottom: 21px;
}
.divider-line span {
    position: absolute;
    left: 50%;
    transform: translate( -50% , 0);
    top: -6px;
    font-size: 1.1rem;
    color: #999;
    background: #eee;
    padding: 0 10px;
}
.btn-alarm-total {position: relative;}
.btn-alarm-total .alarm-sum {
    position: absolute;
    right: -11px;
    top: -8px;
    color: #222;
    border-radius: 30px;
    background: #fff;
    font-size: 1.2rem;
    min-width: 22px;
    height: 22px;
    line-height: 21px;
    text-align: center;
    padding: 0 5px;
    border: 1px solid #04c6b1;
    z-index: 1;
}

.care-reg-info { display: flex; align-items: center; justify-content: space-between; color: #fff;padding: 0 10px 15px 10px;    margin-top: -5px;}
.care-reg-info h1 {color: #fff; font-size: 2rem; font-weight: 600;}
.care-reg-info .care-ring-info {font-size: 1.3rem; border: 1px solid rgba(255,255,255, .8); padding: 4px 14px 4px 10px; border-radius: 40px;}
.care-reg-info .care-ring-info i {}
.care-reg-info .care-ring-info .ring {font-weight: 600;}

.contents-padding {padding:1.5rem 1.4rem;}

.contents-padding.care-exm {padding: 1.5rem 1.4rem 0.5rem 1.4rem;}

.exm-select {
    border: 1px solid #04c6b1;
}

.exm-select .dropdown-toggle {
    font-size: 1.4rem;
    background: #fff;
    width: 100%;
    text-align: left;
    padding: 11px 18px;
    line-height: 1;
    border-radius: 40px;
}

.exm-select .dropdown-item {line-height: 1.3;white-space: normal; padding-top: 4px; padding-bottom: 4px;}
.exm-select .dropdown-item .exm-text {margin-top: 0 !important;}
.exm-select .btn.dropdown-toggle:first-child:hover, 
:not(.btn-check)+.btn:hover {color: #222;background-color: white;border-color: rgba(0,0,0, .2);}

.exm-select .dropdown-toggle::after {float: right;margin-top: 5px;}
    .exm-select .dropdown-menu.show {        
        display: block;
        width: 100%;
        font-size: 1.4rem;
        border-radius: 1rem;
        margin-top: 0.6rem !important;
        background: #fff8ef;
        border: 0;
        box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);           
    }

.exm-text { width: 100%; padding: 10px 16px; border-radius: .8rem; border: 1px dashed #EDA00E; background: #FFEED6; font-size: 1.4rem; margin-top: 12px;}


.care-edit {font-size: 1.5rem; padding-top: 0!important; padding-bottom: 1rem;}
.exm-text h3 {font-size: 1.4rem; color: #E17000; font-weight: 600; margin-bottom: 5px !important;}
.message-edit-tab {margin-bottom: -3px;}
.message-edit-tab .nav-tabs {background:transparent;  border-radius: 1rem 1rem 0 0;border-bottom: 0;}
.message-edit-tab .nav-item .nav-link {
	position: relative;
    font-size: 1.4rem;
    width: 100%;
    border-radius: 1rem 1rem 0 0;
    border: 0;
}
.message-edit-tab .nav-tabs .nav-item .nav-link {
    color: #737373;
    display: flex;
    align-items: center;
    padding: 12px 4px 16px 13px;
}
.message-edit-tab .nav-tabs .nav-item .nav-link.active {color: #222;}
.message-edit-tab-content {}
.message-edit-tab-content .tab-pane {}
.tab-pane .tab-pane-inner {min-height: 8rem; font-size: 1.3rem;background: #fff; padding: 10px 10px 19px 10px; border-radius: 0.5rem 0.5rem 1rem 1rem;}

.message-edit-tab .form-check-label {padding-left:10px;}
.message-edit-tab .form-check-input {
    width: 16px;
    height: 16px;
    margin: 0;
}
.message-edit-tab .form-check-input:checked[type=radio] {
    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 10 3 3 6-6'/%3e%3c/svg%3e");
}

.timepicker-set { display: flex; align-items: center;}
.timepicker-set .btn {width: 100%;font-size: 1.6rem;color: #333;background: #fff;border: 0;}
.timepicker-set .btn::after { display: none;}
.timepicker-set .dropdown-menu {max-height: 150px; overflow: auto;}
.timepicker-set .dropdown-menu .dropdown-item {font-size: 1.6rem; line-height: 3rem;text-align: center;}

.timepicker-ampm {border-right: 1px solid #eee;}
.timepicker-time {border-right: 1px solid #eee;}
.timepicker-min {}


.selected-date {background: #eee;padding: 5px 20px 5px 15px;border-radius: 30px;}

.date {width: 100%;}
.date ul {display: flex; align-items: center;}
.date li {flex: 1 0 0%;margin-left: 0; margin-right: 0;  padding: 0;justify-content: center; display: flex;}
.date .btn-date { color: #222;  border-color: transparent;   font-size: 1.7rem;    border-radius: 50%;}
.date .btn-date.sunday {color: #f20c0c;}
.date .btn-date.saturday {color: #2798d7;}

.btn-check:checked+.btn {background-color: #0ec054;border-color: transparent;color: #fff;}
.btn-check.sunday:checked+.btn {background-color: #f20c0c;}
.btn-check.saturday:checked+.btn {background-color: #2798d7;}

.alarm-send-btn { display: flex; align-items: center; width: 100%;}
.btn-alarm-kakao {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 19px 8px 8px 8px;
    width: 100%;
    background: #ffffff;
    font-size: 1.4rem;
    color: #626262;
    border-radius: 1rem;
    height: 8rem;
}
.btn-alarm-phone {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 8px 8px 8px;
    width: 100%;
	background: #ffffff;
    font-size: 1.4rem;
    color: #4199d3;
    border-radius: 1rem;
    height: 8rem;
}
.btn-alarm-phone i {
	display: block;
    font-size: 25px;
    margin-bottom: 0;
    line-height: 32px;
	height: 32px;
}

.btn-check.alarm-kakao-check:checked+.btn {background-color: #FEE500;color: #381e1f;}
.btn-check.alarm-phone-check:checked+.btn {background-color: #2798d7;color: #fff;}


.bottom-btn-set { display: flex; align-items: center; justify-content: center;}

.bottom-btn-set .btn { font-size: 1.6rem; padding: 5px 20px; border-radius: 40px; background: #fff; margin: 0 5px;}
.bottom-btn-set .btn.btn-del {}
.bottom-btn-set .btn.btn-cancel {}
.bottom-btn-set .btn.btn-save { background: #04c6b1; color: #fff;}

.send-ring-info {
    width: 100%;
    text-align: center;
    height: 38px;
    line-height: 38px;
    font-size: 1.3rem;
    background: #e8e8ee;
}

.rec {
    position: relative;
    display: inline-block;
    border: 0px solid #cecece;
    border-radius: 30px;
    padding: 4px 11px 4px 0px;
    font-size: 1.3rem;
    background: transparent;
    min-width: 80px;
    text-align: left;
}
.rec::before {
    content: "\F517";
    font-family: "bootstrap-icons" !important;
    font-style: normal;
    margin-top: -3px;
    position: absolute;
    color: #d60606;
    font-size: 1.8rem;
}
.rec::after {content: "REC"; padding-left: 27px;}

.rec.active::before {
	content: "\F591";    
    font-family: "bootstrap-icons" !important;
    font-style: normal;
    margin-top: -3px;
    position: absolute;
    color: #222;
}
.rec.active::after {content: "STOP";padding-left: 22px;}

.play {
    position: relative;
    font-size: 2.4rem;
    border: 0;
    background: 0;
	padding: 0 0 0 12px;
}
.play::before {
	display: block;
    content: "\F4F4";
    font-family: "bootstrap-icons" !important;
    font-style: normal;
    margin-top: 0px;
    color: #303030;
}
.play.active::before {
	content: "\F4C3";   
    color: #646464;
}

.rec-save {
    display: block;
    border-radius: 30px;
    padding: 4px 14px 4px 14px;
    font-size: 1.4rem;
    background: #04c6b1;
    color: #ffffff;
    margin: 0 auto;
    margin-top: 10px;
}
.recorder-footer {
    width: 100%;
    text-align: center;
}
.recorder { position: relative; padding: 12px 11px; border-radius: .8rem; border: 1px solid #04c6b1;}
.recorder .form-control {font-size: 1.5rem;border-color: #eee; background: #f6f6f6;}
.recorder .recorder-bar {position: relative;width: 100%;padding: 0 0 0 0;}
.recorder .recorder-bar .progress-time { position: absolute; right: 6px; top: -17px;font-size: 1rem;}
.recorder .recorder-bar .progress { border-radius: 30px; height: 14px;}
.recorder .recorder-bar .progress .progress-bar {height: 100%;background-color: #04c6b1 !important;}
.recorder-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 0 11px 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 12px;
}

.audio-file-list {
    margin-top: 10px;
    border: 1px solid #e1e1e1;
    border-radius: .8rem;
    padding: 0 7px;
}

.audio-file { padding: 0 0 0 4px;}
.audio-file .left {padding: 9px 0 0 0;;min-width: 30px;}
.audio-file .center {padding: 9px 0 0 0;;}
.audio-file .right {padding: 9px 0 0 0;}
.audio-file .form-check-input { width: 2.2em; height: 2.2em; margin: 0 0px 0 0;}
.btn-file-del {font-size: 1.8rem;}

.audio-file-comment {padding: 0 0 0 4px;}
.audio-file-comment .right {padding-right: 0;}
.audio-file-comment .form-control {border: 1px solid #eee;background: #f6f6f6;}
.btn-comt-save {font-size: 1.4rem;border: 1px solid #eee;}

.audio-file audio::-webkit-media-controls-timeline-container,
.audio-file audio::-webkit-media-controls-timeline {display: block;}
.audio-file audio::-webkit-media-controls-panel {background: #fff;  }

.audio-file .form-check-input:checked[type=radio] {
    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 10 3 3 6-6'/%3e%3c/svg%3e");
}



.rec-guide {display: block; width: 100%; text-align: center;font-size: 1.2rem;letter-spacing: -1px; padding: 8px 8px}
.tts-guide {display: block; width: 100%; text-align: center;font-size: 1.2rem;letter-spacing: -1px; padding: 8px 8px}
.tts-guide1 {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 1.2rem;
    letter-spacing: -1px;
    padding: 4px 4px
}
.rec-sum { font-size: 1.5rem; }
.recording-footer { width: 100%; text-align: center; padding: 10px 0 10px 0; font-size: 1.3rem;}
.btn-rec-send-save {width: 70%; display: block; border: 1px solid #e2e2e2; font-size: 1.6rem; border-radius: 50px; margin: 0 auto;}

.rec-modal,
.tts-modal {padding: 0 0 0 0;}
.rec-modal .center {}
.rec-modal .modal-body
.tts-modal .modal-body
.tts-change-modal .modal-body {padding: 0 10px 0 10px;background: #eee;}

.alram-set .left {padding-right: 10px;font-size: 1.3rem;color: #747474;}
.btn-alram-set {font-size: 1.8rem;}

.alarm-repeat,
.alarm-time,
.alarm-finish,
.alarm-start {font-size: 1.6rem;}
.alarm-repeat .center {padding: 5px 0;}
.alarm-repeat .right {padding: 5px 24px 5px 0;}

.alarm-modal .modal-header,
.avata-modal .modal-header,
.rec-modal .modal-header,
.tts-modal .modal-header,
.tts-change-modal .modal-header {padding-right: 20px;   font-size: 1.6rem;} 

.modal-header {padding-right: 20px;   font-size: 1.6rem;} 

.alarm-modal {font-size: 1.4rem;}
.alarm-modal .modal-body {padding: 0 0 0 0;}
.alarm-modal .modal-body .nav-tabs {padding: 9px 0 0 0;background: #f2f2f2;}
.alarm-modal .modal-body .nav-tabs li {}
.alarm-modal .modal-body .nav-tabs .nav-link {padding: 7px 20px 7px 20px;}

.alarm-modal .modal-content,
.avata-modal .modal-content,
.rec-modal .modal-content,
.tts-modal .modal-content  { height: 100%;}
.tts-change-modal .modal-content {overflow: initial;}

.tts-change-modal {}
.tts-change-modal .modal-header {border-bottom: 0;} 
.tts-change-modal-inner { display: flex; flex-direction: column;align-items: center;/* min-height: 10rem; */padding: 26px;}
.tts-change-modal-inner .progress { width: 100%;height: 26px;  border-radius: 40px;}
.tts-change-modal-inner .progress .progress-bar {height: 100%;background-color: #04c6b1 !important;}
.tts-change-modal .modal-footer {border-top: 0;}
.modal-avata-header {position: absolute; left: 50%; transform: translate(-50% , 0); margin: -20px 0 0 0; font-size: 1.4rem;text-align: center;}

.avata-img {border-radius: 50%;width: 70px;height: 70px;}
.tts-chang-info {display: block; width: 100%; text-align: center; font-size: 1.2rem; letter-spacing: -1px;    line-height: 1.5;}


.tts-file {
    position: relative;
    padding: 5px 12px;
    border-radius: 0.8rem;
    border: 1px solid #04c6b1;
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.tts-file .del {position: absolute;right: 4px; top: 6px; font-size: 1.8rem;}
.tts-file .avata-img {} 
.tts-file .avata-name { position: relative; margin: 0 0 0 0; font-size: 1.4rem;}
.tts-file .tts-file-audio { width: 100%}
.tts-file .left { padding: 10px 0;}
.tts-file .center { padding:10px 0 0 16px; font-size: 1.4rem;}
.tts-file .form-check-input { width: 1.8rem; height: 1.8rem; margin: 0 10px 0 0;}
.tts-file .form-check-input:checked[type=radio] {
    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 10 3 3 6-6'/%3e%3c/svg%3e");
}

.tts-file audio::-webkit-media-controls-timeline-container,
.tts-file audio::-webkit-media-controls-timeline {display: block !important;}

.tts-preview {
	display: block;
	text-overflow: ellipsis;
	width:45vw;
	white-space: nowrap;
	overflow: hidden;
	font-size: 1.2rem;
}

.ons-list-css {display: flex;line-height: 30px;align-items: center;padding: 34px 13px;border-bottom: 1px solid #eee;}

#alarm-modal-Content .week.date {}
#alarm-modal-Content .week.date.selected {    border-radius: 50px;    background: #04c6b1;}
#alarm-modal-Content .week.date.selected .btn-date { color: #fff !important; opacity: 1;}

.modal-footer .btn {
	display: flex;
    align-items: center;
    font-size: 1.5rem;
    border-radius: 2.8rem;
    padding: 5px 20px;
    border: 1px solid #eee;
}
.modal-footer { justify-content: center;}

.alarm-time .left {min-width: 105px;}
.alarm-finish .left {min-width: 105px;}
.alarm-start .left {min-width: 105px;}

.form-select.ampm {}
.form-select.time {}
.form-select.min {}

.timepicker-set .form-select,
.timepicker-set .datepicker-input{
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    margin-right: 8px;
    padding: 5px;
    min-width: 48px;
    text-align: center;
    background-image: none;
    font-size: 1.6rem;
}
.timepicker-set em {}
.timepicker-set .form-select option {}
.timepicker-set .form-select:focus { border-color: #04c6b1;}
.datepicker {
	width: 100%;
}
.table-condensed {
	width: 100%;
}
.table-condensed thead{
	display: none !important;
}
.bs-datepicker-date{
	border-radius: 0;
	padding: 10px 0 10px 0 !important;
}
.bs-datepicker-date.active {
	background-image: none !important;
	background-color: #4b96e6 !important;
	color: #fff !important;
}
.datepicker .datepicker-switch {
	display: none !important;
	width: 145px;
}
.datepicker table tr td.old {
	display:none !important;
}

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
	cursor: pointer;
	display: none !important;
}
.datepicker .disabled {
	color: white !important;
}

.tui-datepicker {
    border: 3px solid #04c6b1;
    background-color: white;
    position: fixed;
    left: 50%;
    transform: translate(-50%, 105px);
    top: 0;
    width: calc(100% - 30px);
    z-index: 1;
}
.monthly .tui-datepicker {
    border: 1px solid #aaa;
    background-color: white;
    position: relative;
	width: 100%;
	left: 0;
    top: 0;
    transform: none;

}
.alarm-finish #wrapper .tui-datepicker,
.alarm-finish #wrapper2 .tui-datepicker,
.alarm-finish #wrapper4 .tui-datepicker { border: 2px solid #04c6b1;}

.alarm-start #wrapper .tui-datepicker,
.alarm-start #wrapper2 .tui-datepicker,
.alarm-start #wrapper4 .tui-datepicker { border: 2px solid #04c6b1;} 

.tui-datepicker-input > input {
    width: 100%;
    height: 100%;
    padding: 6px 27px 6px 10px;
    font-size: 1.6rem;
    line-height: 14px;
    vertical-align: top;
    border: 0;
    color: #333;
}
input[aria-label=Date-Time]:disabled { background: transparent;}
.tui-datepicker-type-date { width: 100%;}
.tui-datepicker .tui-calendar { width: 100%;}

.alarm-finish .center {padding: 14px 22px 14px 0;}
.alarm-finish .tui-datetime-input {width: 100%;border-top: 0;border-left: 0;border-right: 0;}
.alarm-finish .tui-datetime-input2 {width: 100%;border-top: 0;border-left: 0;border-right: 0;}


.alarm-start .center {padding: 14px 22px 14px 0;}
.alarm-start .tui-datetime-input {width: 100%;border-top: 0;border-left: 0;border-right: 0;}
.alarm-start .tui-datetime-input2 {width: 100%;border-top: 0;border-left: 0;border-right: 0;}
.alarm-start .center.list-item__center.list-item--longdivider__center:first-child {
    display: none;
}


.tui-datepicker-input.tui-has-focus { border-color: #d5d5d5;}

#wrapper-cal .tui-calendar-header { display: none;}

.tui-datepicker-input.tui-has-focus {
    border-color: #04c6b1;
    width: 100%;
	    margin-top: 8px;
}

.tts-form {
	position: relative;
    padding: 5px 12px;
    border-radius: 0.8rem;
    border: 1px solid #04c6b1;
}
.form-control.tts-text,
.form-control.sms-text {font-size: 1.5rem; min-height: 9.5rem !important;border-radius: 0.8rem;}
.tts-nav {display: flex;align-items: center;justify-content: space-between;padding: 0px 0 0px 0;border-bottom: 0px solid #eee;}
.tts-nav .play {
    position: relative;
    font-size: 2.4rem;
    border: 0;
    background: 0;
    padding: 25px 0 0 12px;
}
.sms-file-list {
    margin-top: 10px;
    border-radius: .8rem;
    padding: 0 7px;
}
.sms-file-list .form-check-input {
    width: 2em;
    height: 2em;
    margin: 0 9px 0 -1.5em;
}
.sms-file div {padding: 1px 0px 0px 4px;}
.sms-file-text { padding: 0 0 0 4px;}
.sms-file-text div {padding: 0px 0 10px 0;}
.btn-sms-save {
    display: block;
    border-radius: 30px;
    padding: 4px 14px 4px 14px;
    font-size: 1.4rem;
    background: #04c6b1;
    color: #ffffff;
    margin: 0 auto;
    margin-top: 10px;
}
.avata {}
.avata-btn { border-radius: 50%; width: 60px; height: 60px; padding: 0; margin-right: 10px}
.avata-name {position: absolute;margin: -20px 0 0 57px;font-size: 1.3rem;}

.tts-form .tts-bar {position: relative;width: 100%;padding: 0 0 0 0;    margin-top: 26px;}
.tts-form .tts-bar .progress-time { position: absolute; right: 6px; top: -17px;font-size: 1rem;}
.tts-form .tts-bar .progress { border-radius: 30px; height: 14px;}
.tts-form .tts-bar .progress .progress-bar {height: 100%;background-color: #04c6b1 !important;}

.tts-change-dialog .dialog-container {font-size: 1.5rem;  text-align: center;padding: 10px 10px 19px 10px;}
.tts-text-footer {position: relative;display: flex;align-items: center;justify-content: center;padding-top: 0px;}
/*.tts-text-footer .btn {display: flex; align-items: center;border: 1px solid #eee;margin: 0 0;padding: 5px 10px;border-radius: 0.8rem;}*/
.tts-text-footer .text-limt { position: absolute; right: 0;font-size: 12px;color: #989898;margin: -17px 8px 0 0;}


.tts-change-list .left,
.sms-change-list .left,
.rec-file-list .left {padding-right: 10px;padding-left: 14px;font-size: 1.3rem;color: #747474;}

.tts-change-sum, 
.sms-change-sum, 
.tts-change-sum { font-size: 1.5rem; font-weight: 600;}

.btn-change {
    display: block;
    border-radius: 30px;
    padding: 4px 14px 4px 14px;
    font-size: 1.4rem;
    background: #04c6b1;
    color: #ffffff;
    margin: 0 auto;
    margin-top: 10px;
}
.btn-pre {font-size: 1.4rem; }
.btn-avata-change {font-size: 1.4rem; }

.text-limt { display: block;width: 100%;text-align: right;font-size: 12px;color: #989898;margin: -17px 8px 0 0;}
.text-limt2 {display: block;width: 100%;text-align: right;font-size: 12px;color: #989898;margin: -2px 0px 0 -6px;}
.avata-select-form {
    position: relative;
    padding: 5px 12px;
    border-radius: 0.8rem;
    border: 1px solid #e4e4e4;
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    background: #fff;
}
.avata-nav {display: flex; width: 100%; align-items: center;justify-content: space-between;padding: 0px 0 0px 0;border-bottom: 0px solid #eee;}
.avata-select-form .avata-name {    margin: -19px 0 0 67px;} 
.avata-photo {width: 85px; height: auto !important;}

.avata-select-form .play { margin-top: 24px;}
.avata-select-form .tts-bar {position: relative;width: 100%;padding: 0 0 0 0;margin-top: 26px;}
.avata-select-form .progress-bar {height: 100%;background-color: #04c6b1 !important;}
.avata-select-form .tts-bar .progress-time {position: absolute;right: 6px;top: -17px;font-size: 1rem;}

/* .avata-select-form .left-audio {
    width: 35px;
    display: flex;
    height: 100%;
    align-items: center;
} */
.avata-select-form .left-audio {
    width: 35px;
    display: flex;
    align-items: center;
    position: absolute;
    top: 6px;
    left: 6px;
}
.avata-select-form .form-check-input {
    width: 20px;
    height: 20px;
    margin: 0 0 0 0;
    display: block;
}
.avata-select-form .form-check-input:checked[type=radio] {
    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 10 3 3 6-6'/%3e%3c/svg%3e");
}
.avata-select-form .avata-btn {
    border-radius: 50%;
    width: 86px;
    padding: 0;
    margin-right: 15px;
}
.avata-modal .modal-body {background: #ededed;}

.avata-select-form .btn.dropdown-toggle:first-child:hover, 
:not(.btn-check)+.btn:hover {
    color: #222;
    background-color: white;
    border-color: transparent;
}
.avata-select-form .avata-btn img{
    border-radius: 50%;
}
.care-alarm-item .alarm-end {font-size: 1.4rem;color: #777;}
.care-alarm-item .alarm-title {font-size: 1.6rem;padding: 7px 0 7px 0;width: 100%;}


.care-alarm-item .dropdown-menu .list-item {font-size: 1.4rem;}

.care-alarm-list .ring-table { padding: 5px;height: 100%;margin-top: 14px;}

.service-period {font-size: 1.1rem;display: flex;align-items: center;justify-content: space-between;padding: 10px 0px 10px 8px;}

.alarm-select {width: 102px;}


.care-profile .silver-banner {
    position: relative;
    background: #04c6b1;
    border-radius: 1rem;
    width: 100%;
    height: 9.7rem;
    border-bottom: 13px solid rgba(0,0,0, .2);
    padding: 19px 14px 0px 20px;
    text-align: right;
    margin-bottom: 30px;
}

.care-profile {}
.care-profile-info .left {padding-right: 10px;font-size: 1.3rem;color: #747474;min-width: 80px;}

.care-phone-auth-info { display: block; width: 100%; text-align: right; color: #CB530C; font-size: 1.3rem;     margin-bottom: 12px; margin-top: -8px;  padding-right: 13px;}

.care-profile .send-no-seclect-form {
background: #fff;
    padding: 0;
    border-radius: 0.8rem;	
}
.care-profile .send-no-seclect-form .center {font-size: 1.3rem;}

.phone-auth-Modal .list-item {padding: 0} 
.phone-auth-Modal .left {padding-right: 10px;font-size: 1.3rem;color: #747474;min-width: 80px;}
.guide-text {font-size: 1.2rem; display: block; width: 100%; text-align: center;}


/*보험안내*/

.insurance-intro-bg {
    background: #04c6b1;
    border-bottom: 90px solid rgba(0,0,0, .15);
}

.insurance-form {
    color: #fff;
    font-size: 1.4rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 20px 1.6rem;
}
.insurance-form h1 {
    color: #fff;
    font-size: 3rem;
    letter-spacing: -1px;
    font-weight: 600;
    margin-bottom: 10px !important;
}
.insur-subinfo {font-size: 1.35rem; letter-spacing: -0.06rem;}
.insur-subtext {
    display: block;
    padding-right: 10px;
}
.insur-footer {
    position: absolute;
    bottom: 6px;
    width: 100%;
    padding: 0 1.4rem;
}
.insur-footer-img {
    position: absolute;
    bottom: 52px;
    right: 10px;
    width: 200px;
}
.insur-link-set {display: flex;}
.btn-insur-rating {background: #fff; padding:3px; border: 0;}
.btn-insur-rating img {background: #b1e5ff;}
.btn-insur-rating .card-body,
.btn-insur-clt .card-body { color: #222; font-size: 1.5rem;text-align: center;line-height: 1.3;
}

.btn-insur-clt { background: #fff; padding:3px;border: 0;}
.btn-insur-clt img {background: #ffe6b1;}

.btn-mohw {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: 7px;
    padding: 8px 14px 8px 13px;
    font-size: 1.6rem;
    margin-bottom: 6px;
    color: #222;
}
.btn-mohw img {width: 28px; height: auto !important;margin-right: 6px;}
.mohw-link {
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    transition: none;
}
.insurance-step {
    background: #04c6b1;
    border-radius: 5rem;
    height: 4rem;
    width: 98%;
    margin: 0 auto;
	padding: 5px;
	margin-top: 1rem;
}
.insurance-step .nav {height: 100%;}
.insurance-step .nav .nav-item { width: 33.333%; height: 100%;padding: 0 2px;}
.insurance-step .nav .nav-link {
    color: #fff;
    background:rgba(255,255,255, .15) ;
    height: 100%;
    border-radius: 5rem;
    width: 100%;
	font-size: 1.5rem;
}
.insurance-step .nav .nav-link.active {
    color: #000000;
    background: #fff;
}
.contents-list.insurance {font-size: 1.4rem; padding: 10.8rem 1.4rem 4rem 1.4rem;}
.contents-list-inner-wt {background: #fff;border-radius: 1em; padding: 0; }

.insurance .list-item {padding: 7px 11px;}
.insurance .form-check {padding: 0;}
	
.insurance .form-check label {display: flex;padding-left: 13px;}
.insurance .form-check .form-check-input {width: 1.4em; height: 1.4em; margin: 0;}

.insurance .form-check .form-check-input:checked[type=radio] {
    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 10 3 3 6-6'/%3e%3c/svg%3e");
}

.bottom-btn-set .btn-next {background: #04c6b1; color: #fff; padding: 5px 33px;}
.bottom-btn-set .btn-next:hover,
.bottom-btn-set .btn-next:active {background: #10b14f; color: #fff;}

.insurance-q {
    display: flex;
    align-items: center;
    padding: 0px 10px 17px 4px;
    font-size: 1.6rem;
    font-weight: 600;
    color: #313131;
}
.icon-q {
    background: #04c6b1;
    font-size: 2rem;
    color: #fff;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: block;
    text-align: center;
    line-height: 32px;
    margin-right: 9px;
    font-weight: 400;
    margin-top: -7px;
}
.insurance-result {  padding: 3.5rem 1.4rem 3rem  1.4rem !important;}
.insurance-result-header { position: relative; width: 100%;  height: 16rem;}
.insurance-result h2 {
    font-size: 3rem;
    position: absolute;
    left: 13px;
    top: 0;
    z-index: 1;
}
.insurance-result .result-img {
    width: 20rem;
    position: absolute;
    right: 17px;
    top: 48px;
}
.result-text {
    width: 100%;
    border: 0.6rem solid #04c6b1;
    background: #fff;
    padding: 8px 20px;
    border-radius: 50px;
    text-align: center;
    margin: 0 auto;
    font-size: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.result-text span { font-size: 2rem; font-weight: bold; color: #04c6b1; margin-left: 5px;}

.btn-insurance-clt {
    margin: 0 auto;
    display: block;
    background: #04c6b1;
    color: #fff;
    font-size: 1.6rem;
    margin-top: 18px;
    padding: 7px 20px;
    border-radius: 1rem;
}

.btn-nhis {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    border-radius: 1rem;
	border: 1px solid #d77673;	
}

.nhis-logo {width: 150px;
    height: auto;}

.nhis-banner {
    position: relative;
    width: 100%;
    padding: 0 1.4rem;
    margin-top: 5rem;
	margin-bottom: 30px;
}

.insurance-clt-tab {
    background: #22aeeb;
    border-radius: 5rem;
    height: 4rem;
    width: 98%;
    margin: 0 auto;
    padding: 5px;
    margin-top: 1rem;
}
.insurance-clt-tab .nav {height: 100%;}
.insurance-clt-tab .nav .nav-item {
    width: 50%;
    height: 100%;
}
.insurance-clt-tab .nav .nav-link {
    color: #fff;
    background:rgba(255,255,255, .1) ;
    height: 100%;
    border-radius: 5rem;
    width: 100%;
	font-size: 1.5rem;
}
.insurance-clt-tab .nav .nav-link.active {
    color: #000000;
    background: #fff;
}


.contents-list.insurance-clt {font-size: 1.4rem;padding: 10rem 1.4rem 4rem 1.4rem;}

.insurance-clt .form-select {
    padding: 9px;
    margin-bottom: 9px;
}
.insurance-clt .form-select.rating {
    width: 100% !important;
    padding: 12px 12px 12px 20px !important;
    border-radius: 50px;
    margin-bottom: 15px;
	background-position: right 1.8rem center;
}
.rating-result-info {
    display: flex;
    font-size: 1.2rem;
    padding: 19px 20px 0px 20px;
    word-break: break-all;
	    color: #323232;
}

.insurance-clt .form-select:first-child { width: 52%;}
.insurance-clt .insurance-clt-list-inner-wt .input-group:last-child .form-select {  margin-bottom: 0;}
.insurance-clt-list-inner-wt {background: #fff;border-radius: .5em;padding: 5px;}
.insurance-clt-sum {background: #fff;border-radius: .8rem;padding: 4px;border: 1px solid #22aeeb;}
.insurance-clt-sum .center {}
.insurance-clt-sum .sum {font-size: 1.8rem}
.insurance-clt-sum .right small { font-size: 1.3rem;}

.insurance-clt h2 {
    font-size: 1.3rem;
    padding: 13px 0 10px 17px !important;
}


.rating-tbl-inner-wt {background: #fff; /*border-radius: 1em;*/ padding: 0;}
.rating-tlt {
    font-size: 1.6rem !important;
    padding: 0px 15px 8px 9px !important;
    font-weight: 600 !important;
}
.rating-tbl {font-size: 1.3rem;word-break: keep-all;border-radius: 5px;margin: 0;}
.rating-tbl tr {}
.rating-tbl tr:first-child {border-color: #05983f;}
.rating-tbl th {
    text-align: center;
    background: #0fb550;
    padding: 8px 0;
    color: #fff;
    border-color: #05983f;
}
.rating-tbl th:first-child { width: 93px;font-size: 1.3rem;}
.rating-tbl td {font-size: 1.2rem;padding: 8px 5px;}
.rating-tbl td:first-child {font-size: 1.3rem;text-align: center;vertical-align: middle;font-weight: bold;background: #f7f7f7;}
.rating-tbl td em {font-weight: 600; color: #198754;}

.rating-guide-link {
    border: 1px solid #92dbe0;
    background: #d4f5f7;
    border-radius: 1rem;
    padding: 14px;
    font-size: 1.1rem;
    word-break: break-word;
    margin-top: 15px;
    display: block;
}

.btn-reim-type {
    width: 100%;
    background: #1faeec !important;
    border-radius: 1rem !important;
    border: 1px solid #22aeeb;
    color: #fff;
    padding: 8px !important;
}


.remi-table {background: #fff;padding: 10px 14px;font-size: 1.3rem;}
.remi-tlt {display: block; font-weight: bold;}
.remi-table .list-item {padding: 0;}

.remi-table .list-item__left {align-items: flex-start;}
.remi-table .list-item__title {font-size: 1.4rem;font-weight: 600;padding-bottom: 7px;}
.remi-table .list-item__subtitle { font-size: 1.2rem;word-break: break-all;}

.remi-table .list-item__thumbnail {
    width: 110px;
    height: auto !important;
    border-radius: 6px;
    display: block;
    margin: 0;
}

/* CDR측정 */
.insurance-step.cdr {
    /* background: #986c48 !important; */
    border-radius: 2rem !important;
    height: auto !important;
    width: 98%;
    margin: 0 auto;
    padding: 10px !important;
    margin-top: .5rem;
}
.contents-list.cdr {
    font-size: 1.4rem;
    padding: 21rem 1.4rem 4rem 1.4rem;
}
.form-bg-wt.cdr {
    font-size: 1.3rem;
    padding: 2rem 1.4rem;
}
.form-bg-wt.cdr h3 {
    font-size: 16px;
    padding-bottom: 14px !important;
    padding-left: 5px !important;
    display: block;
}
.form-bg-wt.cdr ul {}
.form-bg-wt.cdr li {
    list-style: disc;
    padding: 5px 0px;
    margin-left: 18px;
}
.table.cdr caption {caption-side: top; color: #04c6b1; font-weight: 600; }
.table.cdr th {text-align: center;width: 25%;background: #f9f9f9;}
.table.cdr td { text-align: center;}

.cdr-text strong {color: #04c6b1}

.insurance-step.cdr-step .nav {
    height: 100%;
    display: flex;
    justify-content: center;
}
.insurance-step.cdr-step .nav .nav-item {
    width: 50%;
    height: 100%;
    padding: 0 2px;
}
.result-text.cdr {
    width: 100%;
    border: 0.6rem solid #04c6b1;
    background: #fff;
    padding: 8px 20px;
    border-radius: 50px;
    text-align: center;
    margin: 0 auto;
    font-size: 1.6rem;
    display: block;
}
.result-text.cdr span {
    letter-spacing: -0.05rem;
}





/* 결제관리 */
.top-div.payment {
    position: fixed;
    border-radius: 0 0 0.6rem 0.6rem;
    padding: 10px 1.4rem 24px 1.4rem;
}
.payment-list {padding: 2rem 1.4rem 8rem 1.4rem;}
.tab-content.payment { padding-top: 7.6rem;}
.payment-tab {
    background: #04c6b1;
    border-radius: 5rem;
    height: 4rem;
    width: 98%;
    margin: 0 auto;
	padding: 5px;
	margin-top: 1rem;
}
.payment-tab .nav {height: 100%;}
.payment-tab .nav .nav-item {
    width: 50%;
    height: 100%;
}
.payment-tab .nav .nav-link {
    color: #fff;
    background:rgba(255,255,255,.1) ;
    height: 100%;
    border-radius: 5rem;
    width: 100%;
	font-size: 1.5rem;
}
.payment-tab .nav .nav-link.active {
    color: #000000;
    background: #fff;
}

.payment-list .list-item__center {
    font-size: 1.5rem;
    padding-right: 1.2rem;
    line-height: 1.5;
}

.pay-list-pane-header {
    margin-top: -13px;
    padding: 22px 1.4rem 17px 1.4rem;
    border-radius: 0 0 3rem 3rem;
    font-size: 1.6rem;
}
.pay-list-pane {
    padding: 20px 1.4rem 70px 1.4rem;
    font-size: 1.6rem;
}
.date-nav {
    display: flex;
    align-items: center;
    background: #f4f4f4;
    padding: 6px;
    border-radius: 50px;
    justify-content: space-between;
    margin: 0 auto;
    margin-bottom: 16px;
    width: 62%;
}
.btn-date-left, .btn-date-right {
    font-size: 21px;
    background: #fff;
    color: #222;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    text-align: center;
    border: 1px solid #d5d5d5;
    display: flex;
    align-items: center;
    justify-content: center;
}
.date-monthly { font-size: 1.8rem;}
.pay-sum .list-item {
    padding: 0 0 0 1.4rem !important;
}
.pay-sum .center.tlt {
    font-size: 1.4rem;
    color: #666;
    padding: 8px 6px 8px 0;min-height: 37px;
}
.pay-sum .text {padding: 8px 16px 8px 0;min-height: 37px;}
.pay-sum .sum {
    font-weight: bold;
    font-size: 1.8rem;
    color: #04c6b1;
    padding: 8px 16px 8px 0;
    min-height: 37px;
}
.pay-sum .sum small {font-size: 1.3rem;}


.form-bg-wt.pay-list-his {padding: 7px 0 7px 0 !important;background: #ffffff;box-shadow: 0 4px 4px rgba(0, 0, 0, 0.18);}
.pay-list-item {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    padding: 9px 14px 10px 16px;
}
.pay-list-item:last-child {border-bottom: 0;}
.pay-list-item .center {display: block;width: 100%;}
.pay-list-item .center .pay-item-tlt {display: block;font-size: 1.6rem;line-height: 1.3;font-weight:500;}
.pay-list-his-one {
    border-top: 5px solid hsl(180, 62%, 55%);
}
.pay-list-item .center small {font-size: 1.2rem;color: #a8a8a8;}
.pay-list-item .center small em {
    display: inline-block;
    margin: 0 7px;
    height: 10px;
    width: 1px;
    background: #dadada;
    font-size: 0;
}
.pay-list-item .right {font-weight: 400;display: block;font-size:16px;}
.pay-list-item .right small {}



.top-div.card-regi {
    border-radius: 0 0 2.6rem 2.6rem;
    padding: 10px 1.4rem 24px 1.4rem;
    font-size: 1.6rem;line-height: 1.2;
}

.card-type {
    display: flex;
    align-items: center;
    margin: 0 auto;
    padding: 10px 11px 10px 19px;
    border: 1px solid #FF9950;
    border-radius: 1rem;
}
.card-type .form-check {
    display: flex;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem;
    align-items: center;
}
.card-type .form-check-input:checked[type=radio] {
    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 10 3 3 6-6'/%3e%3c/svg%3e");
    background-color: #FF9950;
    border-color: #FF9950;}

.card-no-input-form { background: #f0f0f0; padding: 20px 1.4rem ; border-radius: 1rem;}
.card-input-tlt {font-size: 1.2rem; padding: 18px 10px 6px 10px ;display: block;}

.card-no-input-form .form-control {border-radius: 0.8rem; padding: 10px;}

.dialog {font-size: 1.6rem;min-width: 80%;border-radius: 0.8rem;}
.dialog .btn-primary {
    background: #04c6b1;
    border-color: #04c6b1 !important;
    font-size: 1.5rem;
    min-height: auto;
    padding: 6px 20px;
    border-radius: 50px;
}
    /*Added by RYKim 2023-01-06*/
    .dialog .btn-secondary {
        margin-left: 6px;
        font-size: 1.5rem;
        min-height: auto;
        padding: 6px 20px;
        border-radius: 50px;
    }
.dialog-text {width: 100%; text-align: center; padding: 23px 10px 10px 10px;}
.dialog .btn-set {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px 10px;
}

.card-list-item {
    display: flex;
    align-items: center;
    margin: 0 auto;
    padding: 16px 10px 16px 10px;
    border: 1px solid #d8d8d8;
    border-radius: 1rem;
    margin-bottom: 16px;
}

.card-list-item .form-check-input:checked[type=radio] {
    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 10 3 3 6-6'/%3e%3c/svg%3e");
}

.card-info {display: block; width: 100%;}
.card-info .card-name {display: block; margin-bottom: 3px;}
.card-info .card-num {display: block; font-size: 1.3rem; color: #808080;}

.icon-calendar-alarm {
    display: block;
    width: 28px;
    height: 33px;
    background: url(../images/calendar-alarm.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}


.product-form {
    background: #ffffff;
    padding: 0px 0;
    border-radius: 1rem;
}
.product-form h2 {
    font-size: 1.4rem;
    font-weight: bold;
    color: #04c6b1;
    padding: 10px 0 7px 10px !important;
}
.product-tbl {vertical-align: middle;font-size: 1.4rem;}
.product-tbl th {text-align: center;padding: 1rem 0.5rem 0.7rem 0.5rem;background: #f4f4f4;border-bottom: 1px solid #04c6b1;}
.product-tbl td { text-align: center;padding: 1rem 0.5rem;}
.product-tbl th:first-child {
    padding-left: 13px;border-radius: 0.8rem 0 0 0;
    text-align: left;
}
.product-tbl th:last-child {border-radius: 0 0.8rem 0 0 ;}
.product-tbl .form-check {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    min-height: 100% !important;
}

.product-tbl .form-check-input {
    width: 1.4em;height: 1.4em;
    margin: 0 13px 0 -17px;
}
.product-tbl .form-check-input:checked[type=radio] {
    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 10 3 3 6-6'/%3e%3c/svg%3e");
}
.product-tbl label.form-check-label {line-height: 1;}


.product-form2 {padding: 0px 1.4rem 5px 1.4rem;border-radius: 1rem;}
.product-form2 .list-header {
    background: transparent;
    font-size: 1.4rem;
    font-weight: bold;
    color: #04c6b1;
    padding: 10px 0 7px 10px !important;
}
.product-form2 .product-list-item {
    background: #fff;
    font-size: 1.4rem;
    border-radius: 0.8rem;
    padding: 0px 6px 0px 12px;
    margin-bottom: 10px;
}

.product-form2 .product-list-item .price {font-weight: bold; font-size: 1.5rem;}
.product-form2 .product-list-item .left {min-width: 35px;}
.product-form2 .product-list-item .center {line-height: 1;}
.product-form2 .product-list-item .right {line-height: 1.2;padding-right: 5px;}
.product-form2 .form-check-input {
    width: 1.4em; height: 1.4em;
    margin: 0 0 0 0;
}
.product-form2 .form-check-input:checked[type=radio] {
    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 10 3 3 6-6'/%3e%3c/svg%3e");
}

.btn-product {
    color: #04c6b1;
    background-color: transparent;
    border-color: #04c6b1;
    border-radius: 2.6rem;
    font-size: 15px;
    padding: 4px 12px;
    min-width: 85px;
}

.btn-product:first-child:hover, :not(.btn-check)+.btn-product:hover {
    background: #04c6b1;
    color: #fff;
}

.company {font-size: 1.5rem;}
.company .company-inner {padding: 20px 1.4rem 10px 1.4rem;}
.company .company-inner .list-header {padding: 8px 16px 0px 16px;background: transparent;line-height: 15px;}
.company .company-inner .list-item { margin-bottom: 4px;}
.company .company-inner .center {padding: 0px 16px 8px 0;}

.company-logo {
    border: 1px solid #eee;
    position: relative;
    padding: 19px 9px 15px 9px;
    border-radius: 14px;
    /* background: #f9f9f9; */
    width: 110px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.company .top-logo {
    width: 100%;
    height: 50px;
    background: url(../images/logo-v.png) no-repeat;
    background-size: contain;
    background-position: top center;
}

.top-div.resign {
    padding: 15px 2.2rem 33px 2.2rem; 
    /* background: transparent;  */
}
.resign h1 {margin-bottom: 5px !important;}
.resign h1, .resign h3 {padding-left: 9px !important;}
.resign-info {
    font-size: 1.3rem;
    border: 1px solid #dce2e6;
    border-radius: .5rem;
    padding: 17px 17px 7px 17px;
    background: #f9f9f9;
}
.resign-info ul {}
.resign-info li {list-style: disc; margin-bottom: 8px;    margin-left: 13px;}

.resign .form-select {padding: 8px 11px;}
.resign.form-check {
    font-size: 1.4rem;
    letter-spacing: -1px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-resign {
    font-size: 1.6rem;
    background: transparent;
    border: 1px solid #d3d3d3;
    border-radius: 50px;
    margin: 0 auto;
    display: block;
    padding: 5px 20px;
    margin-top: 20px;
}

.top-div.tosnpolicy { padding: 10px 1.4rem 20px 1.4rem;}
.tab-content.tosnpolicy {padding: 20px 1.4rem 50px 1.4rem;}
.tosnpolicy-tab {
    background: #04c6b1;
    border-radius: 5rem;
    height: 4rem;
    width: 98%;
    margin: 0 auto;
	padding: 5px;
	margin-top: 1rem;
}
.tosnpolicy-tab .nav {height: 100%;}
.tosnpolicy-tab .nav .nav-item {
    width: 50%;
    height: 100%;
}
.tosnpolicy-tab .nav .nav-link {
    color: #fff;
    background:rgba(255,255,255,.1) ;
    height: 100%;
    border-radius: 5rem;
    width: 100%;
	font-size: 1.5rem;
}
.tosnpolicy-tab .nav .nav-link.active {
    color: #000000;
    background: #fff;
}

.tos h1 {font-size: 1.8rem;font-weight: 600; margin-bottom: 20px!important;}
.tos h2 {font-size: 1.6rem;font-weight: 600;margin-bottom: 15px!important;}
.tos h3 {
    font-size: 1.4rem;
    margin-bottom: 10px!important;
    margin-top: 28px !important;
    font-weight: bold;
}
.tos p, .tos span, .tos strong {display: block; font-size: 1.2rem;}
.tos ul {padding-left: 0px;font-size: 1.2rem;}
.tos ul>li {margin-bottom: 10px;font-size: 1.2rem;}

.tos .deciemal {margin-top: 12px;}
.tos .deciemal>ul  { padding-left: 28px;}
.tos .deciemal>ul>li  {list-style: decimal; margin-bottom: 10px;}

.tos .disk {margin-top: 12px;}
.tos .disk>ul  { padding-left: 16px;}
.tos .disk>ul>li {list-style: disc;}


/* 선물함 */

.main-padding.gift {
    padding: 0;
    height: 100%;
    /* background: #15d5c0; */
}

.top-div.gift {
    position: fixed;
    border-radius: 0 0 2.6rem 2.6rem;
    padding: 10px 1.4rem 0px 1.4rem;
}
.gift-list {padding: 2rem 0 0 0;}
.tab-content.gift { padding-top: 7.6rem;}
.gift-tab {
    background: #15d5c0;
    border-radius: 5rem;
    height: 4rem;
    width: 98%;
    margin: 0 auto;
	padding: 5px;
	margin-top: 1rem;
}
.gift-tab .nav {height: 100%;}
.gift-tab .nav .nav-item {
    width: 33.333%;
    height: 100%;
}
.gift-tab .nav .nav-link {
    color: #fff;
    background:rgba(255,255,255,.1) ;
    height: 100%;
    border-radius: 5rem;
    width: 100%;
	font-size: 1.5rem;
}
.gift-tab .nav .nav-link.active {
    color: #000000;
    background: #fff;
}

.gift-list .list-item__center {
    font-size: 1.5rem;
    padding: 2px 0px 2px 0px;
}

.gift-use-guid {font-size: 1.2rem; display: block; width: 100%; text-align: center; padding: 16px 0;}
.product-form2 .gift-list-item {
    background: #fff; 
    font-size: 1.4rem;
    border-radius: 0.8rem;
    padding: 5px 5px 5px 12px;
    margin-bottom: 10px;
}
.product-form2 .gift-list-item .price {font-weight: bold; font-size: 1.5rem;}
.product-form2 .gift-list-item .left {min-width: 35px;}
.product-form2 .gift-list-item .center {display: flex; align-items:center; line-height: 1;}
.product-form2 .gift-list-item .right {line-height: 1.2;}

.coupon-img { width: 80px; margin-right: 10px;}
.gift-img-form {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 23px 1.6rem 30px  1.6rem;
    font-size: 1.3rem;
    color: #fff;
    background: #04c6b1;
    margin-bottom: 20px;
    border-radius: 1rem;
}
.gift-img { width:90px; height: auto;}

.btn-save-lg-wt {
    font-size: 1.6rem;
    border: 1px solid #ffffff;
    color: #222;
    background: #ffffff;
    border-radius: 5rem;
    padding: .5rem 3rem;
}
.btn-save-lg-wt:first-child:hover, .btn-save-lg-wt:not(.btn-check)+.btn:hover {
    color: rgb(255, 255, 255);
    background-color: transparent;
    border-color: #fff;
}

.card.gift-item {
    border: 0;
    border-radius: 8px;
    padding: 0;
    font-size: 1.3rem;
    margin: 0 0 20px 0;
}
.card.gift-item .card-header {
    padding:16px 20px 10px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
}
.card.gift-item .card-header .left {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    font-weight: 600;
}
.card.gift-item .card-header .coupon-img {width: 50px !important;margin-right: 10px;}


.card.gift-item .card-header .right{}
.card.gift-item .card-body {padding: 16px 9px 16px 16px;}
.card.gift-item .card-body li {font-size: 1.2rem; padding: 0 0 2px 0;}

.card.gift-item .card-body li.send-num {font-size: 1.4rem; font-weight: bold;}
.card.gift-item .card-body li.send-num small {font-weight: normal; color: rgb(138, 138, 138);}
.gift-btn-set {display: flex;align-items: center;justify-content: flex-end;}
.gift-btn-set .btn {
    margin-left: 5px;
    padding: 0.3rem 1.6rem;
    line-height: 22px;
    display: flex;
    align-items: center;
}
.gift-send-modal .modal-body label {font-size: 1.3rem;}


.gift-refund-Modal {}
.gift-refund .modal-body h1 { font-size: 1.8rem; margin-bottom: 24px !important;}
.refund-guide {font-size: 1.3rem;}
.refund-guide em {color: #ec4300;}

.gift-refund .modal-body { padding: 22px;}

.card.gift-get-item  {
    border: 0;
    border-radius: 8px;
    padding: 0;
    font-size: 1.3rem;
    margin: 0 0 20px 0;
}
.gift-get-item .card-header {
    padding: 4px;
    background: #fff;
    border-radius: 1rem;
    border: 0;
}
.gift-get-coupon-header { 
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
    padding: 17px  10px 13px 10px; 
    color: #fff; 
    background: #00c5af;
    width: 100%;
    border-radius: 1rem;
}
.gift-get-coupon-header .gift-ring { font-size: 2.2rem;}
.gift-get-coupon-header .gift-get-product { 
    display: flex; 
    align-items: center;
    justify-content: space-between;
}

.gift-message {
    border: 1px dotted rgba(255,255,255, .6);
    padding: 10px;
    margin-top: 20px;
    border-radius: .8rem;
}
.gift-get-item .card-body { padding: 10px 13px 20px 14px;}

.gift-get-item .gift-message .send-num {
    font-size: 1.4rem; 
    color: #fff; 
    font-weight: bold;
    margin-bottom: 5px !important;
}
.btn-use {
    font-size: 1.6rem;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 40px;
    padding: 5px 14px;
}
.gift-get-product-img { display: flex; align-items: center;}

.gift-get-product-img .coupon-img {
    width: 40px;
    margin-right: 10px;
}


/* 알림톡 */
.alim-talk {}
.alim-talk main {font-size: 1.8rem; text-align: center;padding: 2rem 0 3rem 0;    background: #1abaa8;}

.alim-talk-logo {width: 100px;margin: 0 auto;margin-bottom: 20px;}
.alim-talk-photo {
    position: absolute;
    width: 120px;
    left: 50%;
    top: 0;
    transform: translate(-50%, -46px);
    border-radius: 50%;
    object-fit: cover;
}
.alim-talk h1 {
    display: block;
    color: #fff;
    line-height: 1.3;
    margin-top: 21px !important;
    font-size: 22px;
}
.alim-talk h1 .from {font-weight: 600;font-size: 46px;}
.alim-talk-play-btn {
    margin-top: 27px;
    font-size: 50px;
    border: 1px solid #eee;
    border-radius: 6rem;
    background: #fff;
    padding: 5px 35px;
    font-weight: 600;
}
.listen-form {
    position: relative;
    max-width: 30rem;
    max-height: 30rem;
    height: 30rem;
    border-radius: 50%;
    padding: 30px 16px;
    border: 1px solid #fff;
    margin: 0 auto;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 67px;
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%);
}

.player-nav {
    width: 100%;
    margin-top: 7.5rem;
}
.player-bar {}
.player-bar .progress {height: 2.5rem; border-radius: 2.5rem;}
.player-bar .progress-bar {background: #1abaa8;}
.player-bar .progress-bar {
    background: #1abaa8;
    height: 2.5rem;
}


.alim-talk-play-btn.play::before {
    display: block;
    content: "듣기";
    font-family: 'Roboto', sans-serif !important;
    font-style: normal;
    margin-top: 0px;
    color: #303030;
}
.alim-talk-play-btn.play.active::before {
    content: "중지";
    color: #383838;
}

.btn-alim-talk-close {
    background: #fff;
    font-size: 2.2rem;
    padding: 5px 20px 5px 14px;
    border-radius: 5rem;
    font-weight: 600;
    color: #1abaa8;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, 0);
}

.btn-calander {
    font-size: 22px;
    padding: 0;
    height: 3rem;
    width: 3rem;
    line-height: 3rem;
    margin-right: 1rem;
}
.btn-care-person {
    position: relative;
    font-size: 22px;
    margin: 3px 0 0 0;
}

.nearring-back-toollbar.care-calendar {background: #2b5669; color: #fff;}
.nearring-back-toollbar.care-calendar .back-button__icon {
    fill: #fdfdfe !important;
}
.nearring-back-toollbar.care-calendar .back-button {
    color: #fdfdfe !important;
}
.nearring-back-toollbar.care-calendar .back-button small {
    color: #b1b1b1 !important;
}
.care-calendar {}

ons-page .care-calendar .top-div {
    background: #2b5669;
    padding: 4px 1.4rem 14px 1.4rem;
}
ons-page .care-calendar .top-div h1 {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: #fff;
}
.care-calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3px 0 7px 0;
}
.care-calendar-header .left .button-set {
    display: flex;
    justify-content: center;
    align-items: center;
}.care-calendar-header .right {
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn-prev, .btn-next {
    border: 0;
    font-size: 23px;
    padding: 0;
    background: none;
    color: #54717d;
}
.btn-prev  { margin-left: 1.4rem;} 
.btn-next {margin-right: 1.4rem;}

.care-calendar-header .yymm { text-align: center; font-size: 15px; font-weight: 600; color: #58677B;}
.care-calendar-header .yymm .year {}
.care-calendar-header .yymm .month {}

.care-calendar-padding {
    padding: 11px 1rem 16px 1rem;
}
.care-calendar-form {
    background: #fff;
    padding: 12px 6px 12px 6px;
    border-radius: 18px;

}
.care-calendar-tbl {
    border-color: #eee;
}
.care-calendar-tbl thead tr th { 
    font-size: 12px; color: #56555e; text-align: center;
    background: #F9FAFD;
}
.care-calendar-tbl thead tr th:first-child { color: #f01a1a;border-left: 0;}
.care-calendar-tbl thead tr th:last-child { color: #009BDE;border-right: 0;}

.care-calendar-tbl tbody tr td {
    text-align: center;
    font-size: 12px;
    padding: 6px 3px;
    width: 14.2%;
}
.care-calendar-tbl tbody tr td:first-child { border-left: 0;}
.care-calendar-tbl tbody tr td:last-child { border-right: 0;}
.date-no {
    color: #8d8996;
    font-size: 1.12rem;
    background: #F9FAFD;
    text-align: center;
    width: 24px;
    height: 24px;
    display: block;
    margin: 0 auto;
    margin-bottom: 8px;
    border-radius: 50%;
    line-height: 23px;
}
.date-no.off { color:#d6d6da ;}
.date-no.today {
    color: #ffffff;
    border: 1px solid #2b5669;
    background: #2b5669;
}


.care-calendar-tbl tbody .date { min-height: 60px;}
.care-calendar-tbl .blue, 
.care-calendar-tbl .red, 
.care-calendar-tbl .green { 
    border-radius: 20px; padding: 3px 0;
    font-size: 12px; color: #fff; line-height: 1; letter-spacing: -0.06rem;
    margin: 3px 0;
    text-align: center;
}
.care-calendar-tbl .blue { background: #11BDE2; }
.care-calendar-tbl .red { background: #ffa726; }
.care-calendar-tbl .green { background: #06b34e; }

.care-calendar-header .right .blue, 
.care-calendar-header .right .red, 
.care-calendar-header .right .blue, .care-calendar-header .right .red, .care-calendar-header .right .green {
    border-radius: 50%;
    padding: 0;
    font-size: 14px;
    color: #fff;
    line-height: 38px;
    letter-spacing: -0.06rem;
    margin: 0px 1px;
    text-align: center;
    width: 38px;
    height: 38px;
}
.care-calendar-header .right .blue { background: #11BDE2; }
.care-calendar-header .right .red { background: #FF5454; }
.care-calendar-header .right .green { background: #06b34e; }

.care-calendar-tbl.type2 .blue, 
.care-calendar-tbl.type2 .red, 
.care-calendar-tbl.type2 .green {
    border-radius: 20px;
    padding: 3px 0;
    font-size: 16px;
    color: #fff;
    line-height: 1;
    letter-spacing: -0.06rem;
    margin: 3px 0;
    text-align: center;
}
.care-calendar-tbl.type2 tbody tr td {
    padding: 6px 7px;
}

.family-add {
    background: #04c6b1;
    height: 5.5rem;
    border-radius: 0 0 .8rem .8rem;
    text-align: center;
    color: #fff;
}
.family-add .center {
    justify-content: center;
}
.icon-family-photo {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
}
.family-badge {
    border: 0 !important;
    background: 0 !important;
    position: absolute;
    top: 0;
    left: 2px;
    color: #fb0;
}
.btn-family-del {
    font-size: 22px;
    padding: 2px 8px;
    border-radius: 50%;
    color: #b0b0b0;
}

.btn-family-cancel {
    background: #04c6b1;
    color: #fff;
    border-radius: 2rem;
    font-size: 1.4rem;
    padding: 3px 10px;
}

section.family-slider {
    margin-top: 16px;
}

.family-swiper.swiper {
    width: 100%;
    height: 14rem;
    padding: 0 1.6rem;
}

.family-banner {
    position: relative;
    width: 100%;
    height: 12rem;
    border-radius: 1rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 22px;
    padding-left: 20px;
}
.img-familybanner-deco {
    /* position: absolute; */
    width: 76px;
    /* left: 12px; */
    /* bottom: 10px; */
    border-radius: 50%;
}
.family-title {
    font-size: 22px;
    line-height: 1.25;
    letter-spacing: 0px;
    font-weight: 400;
    padding-left: 17px;
}
.family-title span { font-weight: 600;}
.fam-tlt {
    display: block;
    font-size: 14px;
    font-weight: 400;
}

.family-slider .swiper-horizontal>.swiper-pagination-bullets, 
.family-slider .swiper-pagination-bullets.swiper-pagination-horizontal, 
.family-slider .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 5px;
}
.swiper-pagination2 {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10;
}
.btn-family-set {
    position: absolute;
    color: #fff;
    right: 2px;
    top: 0px;
    font-size: 18px;
}

.fam-add .family-title {
    font-size: 18px;
    letter-spacing: -1px;
    font-weight: 600;
    padding-left: 17px;
    width: 90%;
}
.fam-info{
    display: block;
    font-size: 12px;
    font-weight: 400;
}
.fam-add .input-group {margin-top: 5px;}
.fam-add .form-control {
    border: 0;
}
.btn-fam-add {
    background: #eee;
    font-size: 1.4rem;
    padding: 0 20px;
}


.family-banner {opacity: .5; }
.family-banner.active,
.family-banner.fam-add  {opacity: 1;}
.fam-btn-set { margin-top: 5px;}

.btn-fam-sch,
.btn-fam-go {
    color: #fff;
    border: 1px solid rgba(255,255,255, .7);
    font-size: 12px;
    font-weight: 600;
}

.family-guide {
    font-size: 14px;
    letter-spacing: -0.05rem;
    width: 100%;
    text-align: center;
    padding: 0 0 8px 0;
    color: #656565;
}

.fam-alim.family-slider {
    margin-top: 0;
}
.fam-alim .family-swiper.swiper {
    width: 100%;
    height: 8.5rem;
    padding: 0 0;
}
.fam-alim .family-banner {
    position: relative;
    width: 100%;
    height: 7rem;
    padding-left: 12px;
    opacity: 1;
}
.fam-alim .img-familybanner-deco {
    width: 50px;
    border-radius: 50%;
}
.fam-alim.family-slider .swiper-horizontal>.swiper-pagination-bullets, 
.fam-alim.family-slider .swiper-pagination-bullets.swiper-pagination-horizontal, 
.fam-alim.family-slider .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0px;
}
.fam-alim .family-title {
    font-size: 18px;
    line-height: 1.25;
}
.fam-alim .fam-tlt {
    display: block;
    font-size: 13px;
    font-weight: 400;
}

.fam.photo-edit {
    position: relative;
    width: 100%;
    margin: 0 auto;
}
.family-name {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px !important;
    padding-top: 10px !important;
    font-weight: 600 !important;
}

.family-alarm-time {
    font-size: 12px;
}
.alim-to { font-size: 15px; font-weight: 600;padding-left: 15px;}
.fam-alarm-text { font-size: 14px;padding-left: 15px;}

.btn-fam-alim-send {
    width: 100%;
    font-size: 18px;
    background: #11c1b4;
    color: #fff;
    padding: 14px;
    border-radius: .8rem;
    margin-bottom: 14px;
    line-height: 1;
}
.btn.btn-fam-alim-send:first-child:hover, 
:not(.btn-check)+.btn.btn-fam-alim-send:hover {
    color: #00998e;
    background-color: white;
    border-color: #11c1b4;
}
.icon-fam-alim {
    background: #11c1b4;
    color: #fff;
    font-size: 18px;
    width: 36px;
    height: 36px;
    line-height: 39px;
    text-align: center;
    border-radius: 50%;
}
.fam-alarm-item {
    padding-left: 12px;
}

.fam-alarm-item .list-item--material__left {
    padding: 14px 0;
    min-width: 35px;
    line-height: 1;
    min-height: 48px;
    min-height: 48px;
}
.nearring-back-toollbar.family-calendar {
    background: #2b5669;
    color: #fff;
}
.nearring-back-toollbar.family-calendar .back-button__icon {
    fill: #fdfdfe !important;
}
.nearring-back-toollbar.family-calendar .back-button__label .title {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 54px;
    color: #fff;
}
.nearring-back-toollbar.family-calendar .back-button__label small {
    font-size: 1.3rem;
    color: inherit;
    font-weight: 400;
    margin-left: 4px;
    opacity: .8;
}
.nearring-back-toollbar.family-calendar i {color: #fff;}

.famliy-alim-del {font-size: 18px;}

.famliy-alram-item i {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 26px;
    margin-top: -2px;
    color: #fff;
    display: inline-block;
}
.famliy-alram-item .icon-fam-alim {
    background: #11c1b4;
    color: #fff;
    font-size: 12px;
    width: 24px;
    height: 24px;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
}
.famliy-alram-item {
    padding: 13px 5px 0px 2px;
}
.famliy-alram-item .alram-text {
    font-size: 1.4rem!important;
}


.cdr-banner {}



/*공통
main color #04c6b1
공통*/

@media (max-width: 992px) {

	.pc {
		display: none !important;
	}

	.pc-flex {
		display: none !important;
	}

	.mobile {
		display: block !important;
	}



	.guide {
		position: relative;
		width: 100%;
		padding: 0 0 0px 0;
		margin-top: 0;
		min-height: inherit;
	}

	.guide-bar {
		position: relative !important;
		left: 72%;
		top: 0 !important;
		transform: translate(-100%, 0);
	}

	.container {
		padding: 0;
		overflow: hidden;
		position: relative;
		animation: none;
	}

	.tlt {
		margin-bottom: 26px;
		margin-left: 2rem;
		margin-top: 20px;
	}

		.tlt h1 {
			font-size: 20px;
		}

		.tlt .tlt-bar {
			position: absolute;
			height: 15px;
			width: 100%;
			background: #e5ec7b;
			top: 14px;
			left: 0;
			display: block;
		}

	.guide-tab-mobile .accordion-item {
		border: 0;
		background: transparent;
	}

	.guide-tab-mobile .accordion-collapse {
		background: #efefef;
	}

	.guide-tab-mobile .accordion-body {
		font-size: 14px;
		text-align: center;
	}

		.guide-tab-mobile .accordion-body p {
			padding: 12px 0;
		}

	.guide-tab-mobile .accordion-button {
		margin: 1px 0;
		padding: 12px 10px;
	}

		.guide-tab-mobile .accordion-button:not(.collapsed) {
			color: #ffffff;
			background-color: #2fceba;
			box-shadow: none;
		}

			.guide-tab-mobile .accordion-button:not(.collapsed)::after {
				filter: invert(50%) sepia(100%) saturate(100%) hue-rotate(180deg) brightness(100%) contrast(100);
			}

	.guide-tab-mobile.accordion-body img {
		float: right;
	}

	.cdr-step {
		max-width: 100%;
	}
}



@media screen and (max-width: 370px) {
	html,body {
		font-size: 10px !important;
	}	
	.silver-banner .img {
        width: 13rem !important;
        bottom: -13px;
        margin-left: -8px;
        z-index: 10;
    }
	.ring-table .total-ring .ring-text i {
		font-size: 1.3rem !important;
		margin-right: 0px !important;
	}
	.ring-table .used .ring-text, 
	.ring-table .reg-ring .ring-text, 
	.ring-table .total-ring .ring-text {
    	font-size: 1.2rem !important;
	}	
	.membership-badge {
		padding: .5rem 1.6rem .5rem 1.2rem !important;
		font-size: 1.5rem !important;
	}
	.form-bg-wt.mem-photo-info {
		padding: 1.2rem 1.2rem !important;
	}	
    .alram-item .alram-text { font-size: 1.4rem!important; }
    .famliy-alram-item .alram-text {
        font-size: 1.4rem!important;
    }
    .family-guide {
        font-size: 12px;
        letter-spacing: -0.05rem;
        width: 100%;
        text-align: center;
        padding: 0 0 8px 0;
        color: #656565;
    }

	.cdr-step {
		max-width: 100%;
	}

}


@keyframes ldio-3pxzs4rj6ow {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.font {
	color: #04c6b1;
}

.ldio-3pxzs4rj6ow div {
	left: 95px;
	top: 55px;
	position: absolute;
	animation: ldio-3pxzs4rj6ow linear 1s infinite;
	background: #04c6b1;
	width: 12px;
	height: 12px;
	border-radius: 16px / 16px;
	transform-origin: 12px 45px;
}

	.ldio-3pxzs4rj6ow div:nth-child(1) {
		transform: rotate(0deg);
		animation-delay: -0.9166666666666666s;
		background: #04c6b1;
	}

	.ldio-3pxzs4rj6ow div:nth-child(2) {
		transform: rotate(30deg);
		animation-delay: -0.8333333333333334s;
		background: #04c6b1;
	}

	.ldio-3pxzs4rj6ow div:nth-child(3) {
		transform: rotate(60deg);
		animation-delay: -0.75s;
		background: #04c6b1;
	}

	.ldio-3pxzs4rj6ow div:nth-child(4) {
		transform: rotate(90deg);
		animation-delay: -0.6666666666666666s;
		background: #04c6b1;
	}

	.ldio-3pxzs4rj6ow div:nth-child(5) {
		transform: rotate(120deg);
		animation-delay: -0.5833333333333334s;
		background: #04c6b1;
	}

	.ldio-3pxzs4rj6ow div:nth-child(6) {
		transform: rotate(150deg);
		animation-delay: -0.5s;
		background: #04c6b1;
	}

	.ldio-3pxzs4rj6ow div:nth-child(7) {
		transform: rotate(180deg);
		animation-delay: -0.4166666666666667s;
		background: #04c6b1;
	}

	.ldio-3pxzs4rj6ow div:nth-child(8) {
		transform: rotate(210deg);
		animation-delay: -0.3333333333333333s;
		background: #04c6b1;
	}

	.ldio-3pxzs4rj6ow div:nth-child(9) {
		transform: rotate(240deg);
		animation-delay: -0.25s;
		background: #04c6b1;
	}

	.ldio-3pxzs4rj6ow div:nth-child(10) {
		transform: rotate(270deg);
		animation-delay: -0.16666666666666666s;
		background: #04c6b1;
	}

	.ldio-3pxzs4rj6ow div:nth-child(11) {
		transform: rotate(300deg);
		animation-delay: -0.08333333333333333s;
		background: #04c6b1;
	}

	.ldio-3pxzs4rj6ow div:nth-child(12) {
		transform: rotate(330deg);
		animation-delay: 0s;
		background: #04c6b1;
	}

.loadingio-spinner-spinner-f5h6s7th6hb {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 200px;
	height: 200px;
	display: inline-block;
	overflow: hidden;
	background: none;
}

.ldio-3pxzs4rj6ow {
	width: 100%;
	height: 100%;
	position: relative;
	transform: translateZ(0) scale(1);
	backface-visibility: hidden;
	transform-origin: 0 0; /* see note above */
}

	.ldio-3pxzs4rj6ow div {
		box-sizing: content-box;
	}