@charset "UTF-8";

.pb10-abs {
	padding-bottom: 10px !important;
}

#main-menu {
	margin: 0 -100vw;
	height: 60px;
	position: fixed;
	top: 80px;
	left: 0;
	right: 0;
	z-index: 10;
	display: flex;
	justify-content: center;
	border-top: 1px solid #f0f0f0;
	background: white;
	box-sizing: border-box;
}

#main-menu ul {
	display: flex;
	color: #7a7a7a;
	font-size: 15px;
	font-weight: bold;
}

#main-menu ul li {
	list-style: none;
	width: 160px;
	cursor: pointer;
}

#main-menu ul li .on-img {
	display: none;
	height: 24px;
	margin-right: 4px;
}

#main-menu ul li .off-img {
	display: inline-block;
	height: 24px;
	margin-right: 4px;
}

#main-menu ul li.active a {
	color: #12ac00;
}

#main-menu ul li.active .on-img {
	display: inline-block;
}

#main-menu ul li.active .off-img {
	display: none;
}

#main-menu ul li a {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

#main-menu ul li:hover {
	background: #fafafa;
}

#snb-wrap.fix ul {
	top: 140px;
}

/* Add grey */
.on-img-faq {
	width: 25px
}

.check-box label {
	font-size: 16px;
}

.check-box label:after {
	width: 22px;
	height: 22px;
}

.layer-notice .is-con {
	overflow: hidden;
	border-radius: 4px;
}


.patient-con .side .group-add {
	font-size: 16px;
}

.patient-con .side .group-add span {
	line-height: 43px;
}

.patient-con .side li a span {
	font-size: 16px;
	line-height: 45px;
}

.type-sel li .share-btn {
	background-size: 40px auto;
}

.type-sel li .excel-import-btn {
	background-size: 40px auto;
}

.patient-con .all-chk .ctrl li a {
	font-size: 14px;
	height: 32px;
}

.patient-list.type02 li {
	height: 88px;
	padding-left: 128px;
}

.patient-list.type02 li:hover {
	background: #fafafa;
	cursor: pointer;
}

.patient-list.type02 li .check-box {
	top: 32px;
}

.patient-list.type02 li .contents-wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 46px;
}

.patient-list.type02 li .img-wrap {
	width: 50px;
	height: 50px;
	display: inline-block;
	position: absolute;
	left: 60px;
	top: 20px;
}

.patient-list.type02 li .img {
	width: 50px;
	height: 50px;
	position: relative;
	left: 0;
	top: 0;
}

.patient-list.type02 li .img-wrap .badge {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	font-size: 0;
	padding: 3px 1px 1px 3px;
	background: #15d100;
	overflow: hidden;
}

.patient-list.type02 li .img-wrap .badge.off {
	background: #9a9a9a;
}

.patient-list.type02 li .img-wrap .badge img {
	width: 100%;
	vertical-align: top;
}

.patient-list.type02 li .img-wrap .badge.off img {
	filter: grayscale(100%);
}

.patient-list.type02 li .name {
	font-size: 16px;
	line-height: 23px;
}

.patient-list.type02 li .txt {
	font-size: 16px;
	line-height: 23px;
}

.layer-sms.write .is-con .dfs-pay-link {
	color: #12ac00;
	text-decoration: underline;
}

.layer-mode .is-con ul li label {
	height: 66px;
}

.layer-mode .is-con ul li.me .img:after {
	content: 'me';
	color: white;
	background: rgba(0, 0, 0, .3);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 5px;
}


.chat-list.type02 li {
	padding-right: 40px;
	height: 88px;
	padding-left: 128px;
}

.chat-list.type02 li:hover {
	background: #fafafa;
	cursor: pointer;
}

.chat-list.type02 li .img {
	width: 50px;
	height: 50px;
}

.chat-list.type02 li .name {
	font-size: 16px;
	line-height: 23px;
	height: 23px;
}

.chat-list.type02 li .time {
	font-size: 13px;
}

.chat-list.type02 li .txt {
	font-size: 16px;
	line-height: 23px;
	height: 23px;
}

/*2022.01.13 unseoJang renewal */
.chat-list.type02 #chatList li{
	padding:0;
	height: 88px;
}
.chat-list.type02 #chatList li a{
	display:flex;
	flex-direction: column;
	padding: 20px 40px 20px 128px;
	width: 100%;

}
.chat-list.type02 #chatList li a .time{
		top: 33px;
		right: 15px;
}
.chat-list.type02 #chatList li a .name {
	line-height:100%;
	height:100%;
	padding-bottom:5px;
}
.chat-list.type02 #chatList li a .txt{
	line-height:100%;
	height:100%;
}
/*2022.01.13 unseoJang renewal : end */

/*2022.01.24 unseoJang renewal : start*/
.chat-list.type03 #chatList li{
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding-left: 130px;
	padding-right: 100px;
}

/*2022.01.24 unseoJang renewal : end*/


.counsel-wrap.list .list li:hover {
	background: #fafafa;
	cursor: pointer;
}

.counsel-wrap.list .inst .tit {
	font-size: 20px;
	line-height: 28px;
}

.counsel-wrap.list .inst .txt {
	font-size: 16px;
}

.counsel-wrap.list .inst .answer-num {
	font-size: 14px;
}

.counsel-wrap.list .info .date {
	font-size: 11px;
}

.counsel-wrap.list .info .tag {
	font-size: 11px;
}

.counsel-wrap.list .last-answer {
	display: inline-block;
	position: absolute;
	bottom: 40px;
	right: 60px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
}

.counsel-wrap.view .inst .tit {
	font-size: 25px;
	font-weight: 700;
	color: #000000;
	line-height: 30px;
}

.counsel-wrap.view .inst .link span {
	padding: 3px 10px;
	border: 1px solid gray;
	border-radius: 3px;
	margin-right: 10px;
}

.counsel-wrap.view .inst .link a:hover {
	text-decoration: underline;
}

.counsel-wrap.view .sub-menu {
	width: 24px;
	height: 24px;
}

.counsel-wrap.view .result-anwser {
	font-size: 20px;
}

.counsel-wrap.view .info .date {
	font-size: 14px;
}

.counsel-wrap.view .info .tag {
	font-size: 14px;
}

.counsel-wrap.view .list .person {
	line-height: 0;
}

.counsel-wrap.view .inst .stance {
	line-height: 34px;
}

.counsel-wrap.view .dfs-area-sub-menu {
	position: absolute;
	right: 40px;
	top: 30px;
	width: 36px;
	height: 36px;
	z-index: 1;
}

.counsel-wrap.view .dfs-area-sub-menu img {
	width: 100%;
	height: 100%;
	cursor: pointer;
	border-radius: 50%;
}

.counsel-wrap.view .dfs-area-sub-menu img:hover {
	background: #fafafa;
}

.counsel-wrap.view .dfs-area-sub-menu .dfs-sub-menu {
	position: absolute;
	left: 100%;
	top: 100%;
	z-index: 1;
}

.counsel-wrap.view .dfs-area-sub-menu .dfs-sub-menu ul {
	background: #191919;
	color: white;
	font-size: 16px;
	border: 1px solid black;
	border-radius: 2px;
}

.counsel-wrap.view .dfs-area-sub-menu .dfs-sub-menu ul li {
	padding: 11px 20px;
	border: none;
	border-top: 1px solid black;
	cursor: pointer;
}

.counsel-wrap.view .dfs-area-sub-menu .dfs-sub-menu ul li:first-child {
	border-top: none;
}

.counsel-foot .con .person {
	line-height: 0;
}

.counsel-foot ul {
	width: auto;
	font-size: 1.25rem;
}

.counsel-foot .answer-btn-disabled {
	font-size: 14px;
}

.answerListMore {
	font-size: 20px;
}


.doctor-con .all-chk .ctrl li a {
	font-size: 14px;
}

.doctor-list.type02 .dfs-doctor-item:hover {
	background: #fafafa;
	cursor: pointer;
}

.doctor-list.type02 li .name {
	font-size: 16px;
}

.doctor-list.type02 li .like {
	font-size: 14px;
}

.doctor-list.type02 li .role {
	display: inline-block;
}

/*.doctor-list.type02 li .ico-cont {bottom: 36px;}*/
.doctor-list.type02 li .ico-cont a {
	background-size: 36px 36px !important;
	width: 36px;
	height: 36px;
}
.doctor-list.type02 li .option-btn:active{
	opacity: .4;
}

.doctor-list.type02 li .option-btn {
	border: 1px solid #f0f0f0;
	border-radius: 50%;
}

.doctor-list.type02 li ul {
	top: 0;
	visibility: visible;
	transition: all .3s;
	opacity: 0;
}

.doctor-list.type02 li ul.active {
	display: block;
	visibility: visible;
	opacity: 1;
	transition: all .3s;
	z-index: 1;
}


.mypage-wrap.profile .dfs-layout-01 {
	padding: 0 40px;
}

.mypage-wrap.profile h3 {
	font-size: 16px;
	line-height: 27px;
}

.mypage-wrap.profile .mypage-con h3 {
	font-size: 16px;
	line-height: 27px;
}

.mypage-wrap.profile .mypage-con .stit {
	font-size: 14px;
	line-height: 23px;
}

.mypage-wrap.profile .mypage-con.dfs-left {
	width: 460px;
	float: left;
	padding-right: 10px;
}

.mypage-wrap.profile .mypage-con.dfs-right {
	width: 460px;
	float: left;
	padding-left: 10px;
}

.mypage-wrap.profile .photo label {
	right: -16px;
	bottom: -10px;
	background-size: 36px;
}

.mypage-wrap.profile .dfs-area-pw .dfs-flex {
	display: flex;
	justify-content: space-between;
}

.mypage-wrap.profile .dfs-area-pw .dfs-subtitle {
	font-size: 14px;
	color: #7a7a7a;
	line-height: 23px;
	text-align: left;
}

.mypage-wrap.profile .dfs-area-pw .dfs-btn {
	display: inline-block;
	border: 1px solid #dadada;
	border-radius: 4px;
	line-height: 38px;
	width: 100%;
	/* height: 40px; */
	text-align: center;
	color: #4a4a4a;
	font-size: 14px;
	padding: 0 20px;
	box-sizing: border-box;
	cursor: pointer;
}

.mypage-wrap.profile .dfs-area-social .dfs-item {
	overflow: hidden;
	border: 1px solid #dadada;
	background: #f8f8f8;
	cursor: pointer;
	border-radius: 4px;
	font-size: 16px;
	line-height: 24px;
	padding: 12px 20px;
}

.mypage-wrap.profile .dfs-area-social .dfs-item .dfs-left {
	float: left;
	color: #1e1e1e;
}

.mypage-wrap.profile .dfs-area-social .dfs-item .dfs-right {
	float: right;
	color: #12ac00;
}

.mypage-wrap.profile .dfs-area-storage .dfs-text {
	color: #7a7a7a;
}

.mypage-wrap.profile .dfs-area-storage .dfs-text .highlight {
	color: #1e1e1e;
}

.mypage-wrap.profile .dfs-area-storage .dfs-background-bar {
	border: 1px solid #dadada;
	background: #f8f8f8;
	border-radius: 4px;
	height: 20px;
}

.mypage-wrap.profile .dfs-area-storage .dfs-inner-bar {
	display: inline-block;
	border-radius: 4px;
	background: #12ac00;
	height: 100%;
	transition: width 1s;
}

/* 딥슬라이드 결제기능 프로그래스바 */
.sms-con .dfs-area-storage .dfs-text {
	color: #7a7a7a;
}

.sms-con .dfs-area-storage .dfs-text .highlight {
	color: #1e1e1e;
}

.sms-con .dfs-area-storage .dfs-background-bar {
	border: 1px solid #dadada;
	background: #f8f8f8;
	border-radius: 4px;
	height: 20px;
}

.sms-con .dfs-area-storage .dfs-inner-bar {
	float: left;
	display: inline-block;
	border-radius: 4px;
	background: #12ac00;
	height: 100%;
	transition: width 1s;
}

.layer-wrap .layer .btn-wrap {
	text-align: center;
}

.layer-wrap .layer .btn-wrap a {
	display: inline-block;
	vertical-align: top;
	margin: 0 4px;
}

.layer-wrap .layer .btn-wrap .cancel-btn {
	border: 1px solid #dadada;
	line-height: 32px;
	min-width: 100px;
	font-size: 11px;
	color: #4a4a4a;
	background: #fff;
	border-radius: 4px;
}

.layer-wrap .layer .btn-wrap .enter-btn {
	border: 1px solid #12ac00;
	line-height: 32px;
	min-width: 100px;
	font-size: 11px;
	color: #fff;
	background: #12ac00;
	border-radius: 4px;
}

.layer-sms .is-top .tit {
	font-size: 16px;
	line-height: 27px;
}

.layer-sms .is-top .close {
	width: 32px;
	height: 32px;
}

.layer-sms.write .is-con .send-num {
	font-size: 16px;
}

.layer-sms.write .is-con li .name {
	font-size: 16px;
}

.layer-sms.write .is-con li .con {
	font-size: 15px;
}

.layer-sms.write .is-con .send-num:hover {
	background: #9fadc7;
	cursor: pointer;
}

.layer-sms.write .is-layer .tit {
	font-size: 16px;
}

.layer-sms.write .is-layer .sel li .name {
	font-size: 16px;
	line-height: 27px;
}

.layer-sms.write .is-layer .sel li .num {
	font-size: 14px;
	line-height: 23px;
}

.layer-sms.write .is-layer .sel li .btn {
	font-size: 14px;
}

.layer-sms.write .is-layer .btn-wrap .enter-btn {
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
}

.layer-sms.write .is-layer .btn-wrap .cancel-btn {
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
}

.layer-sms.write .is-foot {
	overflow: hidden;
	height: auto;
	min-height: 50px;
}

.layer-sms.write .is-foot .dfs-text-previewer {
	position: absolute;
	padding: 0px 20px;
	box-sizing: border-box;
	width: 100%;
	word-break: break-all;
	overflow-wrap: break-word;
	font-size: 16px;
	overflow-y: visible;
	line-height: 100%;
	z-index: -1;
}

.layer-sms.write .is-foot input, .layer-sms.write .is-foot textarea {
	font-size: 16px;
}

.dfs-text-wrapper {
	margin: 20px 0px;
	min-height: 25.6px;
	height: 25.6px;
}

.layer-sms.write .is-foot textarea {
	padding: 0 20px;
	height: 100%;
	box-sizing: border-box;
	width: 100%;
	border: none;
	font-size: 16px;
	outline: none;
	resize: none;
}

.consult01_02_template .select-header {
	position: absolute;
	bottom: calc(100% + 10px);
	display: flex;
	flex-direction: row;
}

.consult01_02_template .select-header .select-01 {
	position: relative;
	text-align: left;
}

.consult01_02_template .select-header .select-01 .selected-view {
	display: flex;
	width: 200px;
	background: white;
	justify-content: space-between;
	border-radius: 4px;
	overflow: hidden;
	cursor: pointer;
	height: 44px;
}

.consult01_02_template .select-header .select-01 .selected-view .title {
	padding: 10px;
	width: 100%;
}

.consult01_02_template .select-header .select-01 .selected-view .button {
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-left: 1px solid #d0d0d0;
}

.consult01_02_template .select-header .select-01 .options {
	position: absolute;
	display: none;
	top: calc(100% + 1px);
	left: 0;
	right: 0;
	background: white;
	overflow: auto;
	border-radius: 4px;
	border: 1px solid #f0f0f0;
	max-height: 300px;
	z-index: 1;
}

.consult01_02_template .select-header .select-01 .options > * {
	list-style: none;
	padding: 10px;
	cursor: pointer;
	transition: background .2s;
}

.consult01_02_template .select-header .select-01 .options-template {
	position: absolute;
	display: none;
	top: calc(100% + 1px);
	left: 0;
	right: 0;
	background: white;
	overflow: visible;
	border-radius: 4px;
	border: 1px solid #f0f0f0;
	max-height: 300px;
	z-index: 1;
}

.consult01_02_template .select-header .select-01 .options-template > * {
	list-style: none;
	padding: 10px;
	cursor: pointer;
	transition: background .2s;
}

.consult01_02_template .select-header .select-01 .options-voice {
	position: absolute;
	display: none;
	top: calc(100% + 1px);
	left: 0;
	right: 0;
	background: white;
	overflow: visible;
	border-radius: 4px;
	border: 1px solid #f0f0f0;
	max-height: 300px;
	z-index: 1;
}

.consult01_02_template .select-header .select-01 .options-voice > * {
	list-style: none;
	padding: 10px;
	cursor: pointer;
	transition: background .2s;
}

.consult01_02_template .select-header .select-01 .options li:hover {
	background: #f0f0f0;
}

.consult01_02_template .select-header .select-01 .color-cell {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.consult01_02_template .select-header .select-01 .color-cell .title-1 {

}

.consult01_02_template .select-header .select-01 .color-cell .color-box {
	display: inline-block;
	border: 1px solid gray;
	height: 1rem;
	width: 1rem;
}

.slide-fix .add-slide-fix {
	padding: 20px 72px;
}

.slide-fix .add-slide-fix .add-slide {
	padding: 0;
	overflow-x: hidden;
}

.slide-fix .add-slide-fix .add-slide:hover {
	overflow-x: auto;
}

.file-template-top .file-select-area {
	display: flex;
	flex-direction: row;
	margin: 5px;
}

.file-template-top .file-select-area .img-wrap {
	border-radius: 4px;
	overflow: hidden;
	border: 1px solid #d8d8d8;
	cursor: pointer;
}

.file-template-top .file-select-area .img-wrap .caption {
	padding: 5px;
	font-size: 13px;
	text-align: left;
	background: linear-gradient(to bottom, #f8f8f8, #f8f8f8);
}

.file-template-top .file-select-area .image-txt {
	flex: 1;
	margin: 5px;
}

.file-template-top .file-select-area .image-txt textarea {
	resize: none;
	outline: none;
	font-size: 13px;
	box-sizing: border-box;
	padding: 14px 15px;
	width: 100%;
	border-radius: 4px;
	color: #aaa;
	border: 1px solid #dadada;
	background: #fff;
	height: 100%;
}

.file-bottom {
	border-top: 1px solid #e0e0e0;
}

.file-bottom .add-tts-text-wrap {
	cursor: pointer;
	padding: 10px;
	transition: background .2s;
	opacity: .5;
	border-top: 1px solid #e0e0e0;
}

.file-bottom .add-tts-text-wrap:hover {
	background: #f0f0f0;
}

.file-bottom .tts-text-list {
	margin: 5px;
	height: 200px;
	overflow: auto;
}

.file-bottom .tts-text-wrap {
	list-style: none;
	margin: 5px;
	position: relative;
}

.file-bottom .tts-text-wrap input {
	font-size: 13px;
	box-sizing: border-box;
	padding: 0 15px;
	width: 100%;
	height: 40px;
	border-radius: 4px;
	border: 1px solid #dadada;
	background: #fff;
}

.file-bottom .tts-text-wrap .btn-close {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	cursor: pointer;
	opacity: .5;
}

.layer-mode .is-top .btn-left-circle {
	width: 24px;
	height: 24px;
	position: Absolute;
	left: 16px;
	top: 16px;
	border: none;
	opacity: 1;
}

.layer-mode .is-top .btn-left-circle .txt {
	width: 1.6rem;
	height: 1.6rem;
	display: inline-block;
	border: 1px solid #868686;
	line-height: 1.6rem;
	border-radius: 50%;
	transition: background .2s;
	font-weight: bold;
}

.layer-mode .is-top .btn-left-circle .txt:hover {
	background: #f0f0f0;
}

.dfs-btn-type-01 {
	display: inline-block;
	background: white;
	border: 1px solid #dadada;
	border-radius: 4px;
	padding: 4px 20px;
	cursor: pointer;
	transition: background .2s;
}

.dfs-btn-type-01:hover {
	background: #f0f0f0;
}

.dfs-btn-type-01:active {
	background: #e0e0e0;
}

.dfs-btn-type-01.selected {
	background: #12ac00;
	color: white;
}

.dfs-btn-type-01.selected:hover {
	background: #1fb50d;
}

.dfs-btn-type-01.selected:active {
	background: #33c521;
}

.dfs-btn-type-01-1 {
	background: white;
	color: #666666;
	display: inline-block;
	border: 1px solid #dadada;
	border-radius: 4px;
	padding: 4px 20px;
	cursor: pointer;
	transition: background .2s;
}

.dfs-btn-type-01-1:hover {
	background: #f0f0f0;
}

.dfs-btn-type-01-1:active {
	background: #e0e0e0;
}

.dfs-btn-type-01-1.selected {
	background: #12ac00;
	color: white;
}

.dfs-btn-type-01-1.selected:hover {
	background: #1fb50d;
}

.dfs-btn-type-01-1.selected:active {
	background: #33c521;
}

.dfs-btn-type-01-2 {
	display: inline-block;
	background: white;
	box-shadow: 0 0 0 1px #dadada inset;
	border-radius: 4px;
	padding: 4px 20px;
	cursor: pointer;
	transition: background .2s;
}

.dfs-btn-type-01-2:hover {
	background: #f8f8f8;
}

.dfs-btn-type-01-2:active {
	background: #f0f0f0;
}

.dfs-btn-type-02 {
	display: inline-block;
	border: 1px solid #dadada;
	background: #12ac00;
	color: white;
	border-radius: 4px;
	padding: 4px 20px;
	cursor: pointer;
	transition: background .2s;
}

.dfs-btn-type-02:hover {
	background: #1fb50d;
}

.dfs-btn-type-02:active {
	background: #33c521;
}

.dfs-btn-type-03 {
	display: inline-block;
	border: 1px solid #dadada;
	background: #999999;
	color: white;
	border-radius: 4px;
	padding: 4px 20px;
	cursor: pointer;
	transition: background .2s;
}

.dfs-btn-type-03:hover {
	background: #9f9f9f;
}

.dfs-btn-type-03:active {
	background: #aaaaaa;
}

.dfs-btn-type-04 {
	display: inline-block;
	border: 1px solid #dadada;
	background: #12ac00;
	color: white;
	border-radius: 4px;
	padding: 4px 20px;
	cursor: pointer;
	transition: background .2s;
}

.dfs-btn-type-04:hover {
	background: #1fb50d;
}

.dfs-btn-type-04:active {
	background: #33c521;
}

.dfs-btn-block-01 {
	display: block;
	background: #12ac00;
	color: white;
	text-align: center;
}

.dfs-btn-block-01:hover {
	background: #1fb50d;
}

.dfs-btn-block-01:active {
	background: #33c521;
}

.dfs-btn-type-01.shape-01,
.dfs-btn-type-02.shape-01,
.dfs-btn-type-03.shape-01,
.dfs-btn-type-04.shape-01 {
	margin: 0 5px;
}

.dfs-btn-type-01.shape-02,
.dfs-btn-type-02.shape-02,
.dfs-btn-type-03.shape-02,
.dfs-btn-type-04.shape-02 {
	padding: 10px 20px;
}

.dfs-btn-type-01.shape-03,
.dfs-btn-type-02.shape-03,
.dfs-btn-type-03.shape-03,
.dfs-btn-type-04.shape-03 {
	height: 32px;
	vertical-align: top;
	font-size: 13px;
}

.dfs-btn-type-01.shape-04,
.dfs-btn-type-02.shape-04,
.dfs-btn-type-03.shape-04,
.dfs-btn-type-04.shape-04 {
	padding: 4px 10px;
	width: 6rem;
	margin: 1px;
}

.dfs-btn-type-01.shape-05,
.dfs-btn-type-01-2.shape-05 {
	padding: 8px;
	width: 7em;
	text-align: center;
	margin-left: 10px;
}

.dfs-btn-type-02.shape-05,
.dfs-btn-type-03.shape-05,
.dfs-btn-type-04.shape-05 {
	padding: 8px;
	width: 7em;
	text-align: center;
	border: none;
}

.dfs-btn-type-02.shape-05.invalid {
	background: #ddd;
	color: gray;
}

.dfs-btn-type-03.shape-05.invalid {
	background: white;
	color: #000000;
	border: solid 1px #dadada;
}

.dfs-hover-type-b1 {
	cursor: pointer;
	transition: filter .2s;
}

.dfs-hover-type-b1:hover {
	filter: brightness(0.95);
}

.dfs-hover-type-b1:active {
	filter: brightness(0.9);
}

.dfs-hover-type-b2 {
	cursor: pointer;
	transition: filter .2s;
}

.dfs-hover-type-b2:hover {
	filter: brightness(1.05);
}

.dfs-hover-type-b2:active {
	filter: brightness(1.1);
}

.dfs-hover-type-b3 {
	cursor: pointer;
	transition: filter .2s;
}

.dfs-hover-type-b3:hover {
	filter: brightness(1.1);
}

.dfs-hover-type-b3:active {
	filter: brightness(1.2);
}

.dfs-hover-type-b4 {
	cursor: pointer;
	transition: filter .2s;
}

.dfs-hover-type-b4:hover {
	filter: opacity(0.85);
}

.dfs-hover-type-b4:active {
	filter: opacity(0.7);
}

.login-wrap .login-input li {
	margin-top: 10px;
}

.login-wrap .login-sns li a {
	height: 90px;
}

.login-wrap .login-btn {
	height: 90px;
	bottom: 60px;
	line-height: 90px;
}

.login-wrap .login-sns li:first-child a span {
	padding-top: 44px;
	background-position: center 16px;
}

.login-wrap .login-sns li a span {
	padding-top: 44px;
	background-position: center 16px;
}

.on-hide {
	display: none !important;
}

input.dfs-input-01 {
	font-size: 13px;
	box-sizing: border-box;
	padding: 0 15px;
	width: 100%;
	height: 40px;
	border-radius: 4px;
	border: 1px solid #dadada;
	background: #fff;
	outline: none;
	transition: border .3s;
}

input.dfs-input-01:focus {
	border-color: #12ac00;
}

.layer-chat.message .is-con li.r.file-msg .con {
	background: #fff;
	color: #4a4a4a;
}

.login-wrap .login-doctalk-btn {
	height: 90px;
	top: 130px;
	line-height: 90px;
}

.login-wrap .login-institution-btn {
	height: 139px;
	bottom: 134px;
	line-height: 137px;
}

/* end */

.doctor-list.type02 li .ico-cont {
	bottom: 27px;
}

.cont-left {
	float: left;
	width: 492px;
	display: inline-block;
}


/* RFM 달력 */
.dfs-calendar-01 {
	display: inline-block;
}

.dfs-calendar-01 > div {
	border: 1px solid #d6d6d6;
	display: flex;
	border-radius: 4px;
	position: relative;
}

.dfs-calendar-01 img.ico-24 {
	height: 24px;
	width: 24px;
}

.dfs-calendar-01 .dfs-period-selector {
	position: relative;
	padding: 4px;
	padding-left: 14px;
}

.dfs-calendar-01 .dfs-period-selector .select-val {
	padding: 4px;
	border-radius: 4px;
	cursor: pointer;
	transition: background .25s;
}

.dfs-calendar-01 .dfs-period-selector .select-val:hover {
	background: #f8f8f8;
}

.dfs-calendar-01 .dfs-period-selector .select-val .d-title {
	display: inline-block;
	width: 66px;
}

.dfs-calendar-01 .dfs-period-selector .cal-select-box {
	position: absolute;
	top: calc(100% + 1px);
	left: 0;
	right: 0;
	background: white;
	border-radius: 4px;
	padding: 6px 0;
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

.dfs-calendar-01 .dfs-period-selector .cal-select-box .item {
	margin: 2px 0;
	padding: 4px 20px;
	cursor: pointer;
	transition: background .25s;
}

.dfs-calendar-01 .dfs-period-selector .cal-select-box .item:hover {
	background: #f8f8f8;
}

.dfs-calendar-01 .dfs-period-selector .cal-select-box .item.selected {
	color: #12ac00;
}

.dfs-calendar-01 .dfs-date-selector {
	display: flex;
	align-items: center;
	margin: 4px 14px;
	margin-left: 10px;
	padding: 4px;
}

.dfs-calendar-01 .dfs-date-selector .l-arrow {
	border-radius: 4px;
	cursor: pointer;
	transition: background .25s;
}

.dfs-calendar-01 .dfs-date-selector .l-arrow:hover {
	background: #f8f8f8;
}

.dfs-calendar-01 .dfs-date-selector .r-arrow {
	border-radius: 4px;
	cursor: pointer;
	transition: background .25s;
}

.dfs-calendar-01 .dfs-date-selector .r-arrow:hover {
	background: #f8f8f8;
}

.dfs-calendar-01 .dfs-date-selector .d-title {
	border-radius: 4px;
	display: inline-block;
	cursor: pointer;
	padding: 0 5px;
	transition: background .25s;
}

.dfs-calendar-01 .dfs-date-selector .d-title:hover {
	background: #f8f8f8;
}

.dfs-calendar-01 .dfs-cal-selector {
	margin: 4px 14px;
	margin-left: 10px;
	padding: 4px;
	border-radius: 4px;
	cursor: pointer;
	transition: all .25s;
}

.dfs-calendar-01 .dfs-cal-selector:hover {
	background: #f8f8f8;
}

.dfs-calendar-01 .dfs-calendar-area {
	position: absolute;
	top: calc(100% + 1px);
	left: 0;
	right: 0;
	background: white;
	border-radius: 4px;
	padding: 10px;
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

.dfs-calendar-01 .dfs-calendar-area .week-header {
	display: flex;
	justify-content: space-around;
}

.dfs-calendar-01 .dfs-calendar-area .week-header .week-item {
	text-align: center;
	color: black;
	height: 32px;
	font-size: 12px;
	line-height: 32px;
	opacity: .5;
}

.dfs-calendar-01 .dfs-calendar-area .days {
	display: flex;
	flex-wrap: wrap;
}

.dfs-calendar-01 .dfs-calendar-area .days .days-item {
	cursor: pointer;
	width: 14.28%;
	text-align: center;
	padding: .5em 0;
}

.dfs-calendar-01 .dfs-calendar-area .days .days-text {
	display: inline-block;
	background: white;
	color: black;
	height: 32px;
	width: 32px;
	border-radius: 8px;
	font-size: 12px;
	line-height: 32px;
	transition: all .25s;
}

.dfs-calendar-01 .dfs-calendar-area .days .days-text:hover {
	filter: brightness(0.95);
}

.dfs-calendar-01 .dfs-calendar-area .days .days-item.on .days-text {
	background: #12ac00;
	color: white;
}

.dfs-calendar-01 .dfs-calendar-area .days .days-item.on .days-text:hover {
	filter: brightness(1.05);
}

.dfs-calendar-01 .dfs-calendar-area .days .days-item.invalid .days-text {
	opacity: .3;
}

.dfs-calendar-01 .dfs-calendar-area .months {
	display: flex;
	flex-wrap: wrap;
}

.dfs-calendar-01 .dfs-calendar-area .months .months-item {
	cursor: pointer;
	width: 25%;
	text-align: center;
	padding: .5em 0;
}

.dfs-calendar-01 .dfs-calendar-area .months .months-text {
	display: inline-block;
	background: white;
	color: black;
	height: 32px;
	width: 62px;
	border-radius: 8px;
	font-size: 12px;
	line-height: 32px;
	transition: all .25s;
}

.dfs-calendar-01 .dfs-calendar-area .months .months-text:hover {
	filter: brightness(0.95);
}

.dfs-calendar-01 .dfs-calendar-area .months .months-item.on .months-text {
	background: #12ac00;
	color: white;
}

.dfs-calendar-01 .dfs-calendar-area .months .months-item.on .months-text:hover {
	filter: brightness(1.05);
}

.dfs-calendar-01 .dfs-calendar-area .months .months-item.invalid .months-text {
	opacity: .3;
}

/* RFM */
.stack ul.dfs-rfm-segments-block li {
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: all .2s;
	position: relative;
}

.stack ul.dfs-rfm-segments-block li:hover {
}

.stack ul.dfs-rfm-segments-block li.on {
	color: inherit;
	box-shadow: 0px 0px 10px 0px black;
}

.stack ul.dfs-rfm-segments-block li .bg {
	filter: grayscale(100%);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	transition: all .2s;
}

.stack ul.dfs-rfm-segments-block li:hover .bg {
	filter: grayscale(80%);
}

.stack ul.dfs-rfm-segments-block li.on .bg {
	filter: none;
}

.stack ul.dfs-rfm-segments-block li .check {
	display: inline-block;
	background-image: url('../images/v2/ico-check1-off.svg');
	background-size: 1em 1em;
	padding: .5em;
}

.stack ul.dfs-rfm-segments-block li.checked .check {
	background-image: url('../images/v2/ico-check1-on.svg')
}

.stack ul.dfs-rfm-segments-block li.checked .bg {
	filter: none;
}

.stack ul.dfs-rfm-segments-block li.checked:hover .bg {
	filter: brightness(1.05);
}

.previewArea ul.tab {
}

.previewArea ul.tab li {
	display: inline-block;
	width: 50%;
	padding: 15px;
	border-bottom: 3px solid transparent;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	transition: all .2s;
}

.previewArea ul.tab li:hover {
	background: #fafafa;
}

.previewArea ul.tab li.on {
	border-bottom-color: #12ac00;
	color: #12ac00;
}

.previewArea .dfs-ams-area .dfs-lms-text-preview .dfs-count-viewer {
	position: absolute;
	bottom: 18px;
	right: 15px;
}

/* copy */
.analysis .messageDesc {
	resize: none;
	text-align: left;
	font-size: 14px;
	color: #4a4a4a;
	line-height: 22px;
	width: 100%;
	border: none;
	height: 180px;
	outline: none;
	font-family: 'Noto Sans KR', sans-serif;
	padding: 20px;
	border-radius: 4px;
	border: solid 1px #d6d6d6;
	overflow-y: auto;
	color: #7A7A7A;
}

.analysis .messageDesc.first-desc {
	padding-top: 20px;
}

.analysis .messageDesc .title {
	padding-bottom: 10px;
	color: #4A4A4A;
	font-size: 14px;
}

.analysis .messageDesc .title div {
	font-weight: 400;
	font-size: 14px;
}

.analysis .messageDesc li {
	list-style: disc;
	margin-left: 20px;
	font-size: 14px;
	line-height: 24px;
}

.analysis .messageDesc li.depth1 {
	margin-left: 40px;
	font-size: 14px;
}

.analysis .dfs-msg-content-area {
	padding: 20px;
	border-radius: 4px;
	border: solid 1px #d6d6d6;
}

.dfs-content-area-parts {
	display: flex;
	flex-direction: column;
}

.dfs-content-area-parts .flex-1 {
	flex: 1;
}

.dfs-content-area-parts .main-area {
	box-shadow: 0px -5px 10px -10px #f0f0f0 inset, 0px 5px 10px -10px #f0f0f0 inset;
}

/* .dfs-content-area-parts .main-area li { width: calc(25% - 10px); height: 225px; margin: 7px 5px; padding: 10px; border: 1px solid #d6d6d6; border-radius: 2px; } */
.dfs-content-area-parts .footer-area {
	display: flex;
	justify-content: space-between;
	padding-top: 20px;
}

.dfs-content-area-parts .footer-left {
	text-align: left;
}

.dfs-content-area-parts .footer-right {
	text-align: right;
}

.dfs-ams-wrap {
	box-sizing: border-box;
	border: 1px solid #D6D6D6;
	justify-content: center;
}

.dfs-ams-wrap .dfs-ams-sub-wrap {
	padding: 12px;
	width: 920px;
	height: 718px;
	overflow-y: auto;
	margin: 12px 0;
}

.dfs-ams-wrap .dfs-ams-sub-wrap::-webkit-scrollbar {
	width: 4px;
}

.dfs-ams-wrap .dfs-ams-sub-wrap::-webkit-scrollbar-thumb {
	background: #000;
}

.dfs-ams-wrap.dfs-ams-discount {
	display: none;
}

.dfs-ams-wrap.on {
	display: flex;
}

.dfs-ams-sample {
	display: none;;
}

.dfs-ams-list01 {
	display: flex;
	flex-wrap: wrap;
}

.dfs-ams-list01 .alimtalk-item {
	display: flex;
	flex-direction: column;
	width: calc(25% - 10px);
	height: 225px;
	margin: 7px 5px;
	padding: 10px;
	border: 1px solid #d6d6d6;
	border-radius: 2px;
}

.dfs-ams-list01 .alimtalk-item.on {
	border: 3px solid #13BB00;
	overflow: hidden;
}

.dfs-ams-list01 .alimtalk-item.on {
	border: 3px solid #13BB00;
}

.dfs-ams-list01 .alimtalk-item.type02 {
	height: 160px;
	position: relative;
}

.dfs-ams-list01 .alimtalk-item-header {
	display: flex;
	justify-content: space-between;
}

.dfs-ams-list01 .alimtalk-item-header .coupon-label {
	visibility: hidden;
	display: inline-block;
	font-size: 10px;
	padding: 4px 6px;
	margin-top: 5px;
	margin-left: 5px;
	border-radius: 3px;
	background: #5e72e4;
	color: white;
	line-height: 100%;
}

.dfs-ams-list01 .alimtalk-item-header .coupon-label.on {
	visibility: visible;
}

.dfs-ams-list01 .alimtalk-item-body {
	flex: 1;
	overflow-y: auto;
	margin: 5px;
}

.dfs-ams-list01 .alimtalk-item-body.type02 {
	text-shadow: 1px 1px 3px black, -1px -1px 3px black;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 24px;
}

.dfs-ams-list01 .alimtalk-item-footer {
	display: flex;
	justify-content: flex-end;
}

.dfs-ams-list01 .background-image {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.analysis .messageArea .dfs-btn-context-menu {
	cursor: pointer;
	border-radius: 50%;
}

.analysis .messageArea .dfs-btn-context-menu:hover {
	background: #fafafa;
}

.analysis .messageArea .dfs-check img {
	cursor: pointer;
}

.analysis .messageArea .dfs-check.white-round img {
	background: white;
	border-radius: 50%;
}

.analysis .messageArea .dfs-check .off-img {
}

.analysis .messageArea .dfs-check:not(.on) .on-img {
	display: none;
}

.analysis .messageArea .dfs-check.on .off-img {
	display: none;
}

.analysis .messageArea .dfs-check.on .on-img {
}

.analysis .messageArea .list-popup {
	position: fixed;
	bottom: 200px;
	left: 500px;
	display: flex;
	flex-direction: column;
	background: white;
	width: 830px;
	box-shadow: 0px 5px 10px #c0c0c0;
	padding: 20px;
	height: 500px;
	border-radius: 4px;
}

.analysis .messageArea .list-popup-body {
	flex: 1;
	overflow-y: auto;
}

.analysis .messageArea .list-popup-footer {
	text-align: center;
	padding-top: 20px;
	position: relative;
}

.ams-common-popover .popover-body {
	background: #a0a0a0;
	background: rgba(0, 0, 0, .5);
	color: white;
	border-radius: 4px;
	padding: 10px;
}

.ams-info1-popover table {
}

.ams-info1-popover table th,
.ams-info1-popover table td {
	padding: 5px;
	padding-right: 20px;
	text-align: left;
}

.ams-info1-popover table th:last-child,
.ams-info1-popover table td:last-child {
	padding-right: 5px;
}

.ams-common-popover.ams-info1-popover .popover-body {
	background: rgba(0, 0, 0, .7);
}

.stack ul li.stackBox10.fix {
	width: 667.83px;
}

.stack ul li.stackBox9.fix {
	width: 667.83px;
}

.stack ul li.stackBox8.fix {
	width: 667.83px;
}

.aModal.custom.on {
	display: flex;
	justify-content: center;
	align-items: center;
}

.aModal.custom {
	display: none;
}

.aModal.custom .aModal-content {
	margin: 0;
	max-height: 95vh;
	overflow: auto;
}

.AddNotice.red span {
	color: #e45f5a;
	background: url('../images/v2/advNotice_red.png') no-repeat right center;
}

.scroll-table-type01 {
	font-size: 12px;
	box-shadow: inset 0 2px 0 0 #000000, inset 0 -1px 0 0 rgb(0 0 0 / 24%), inset 0 -1px 0 0 rgb(0 0 0 / 12%);
}

.scroll-table-type01 .thead {
	overflow-y: scroll;
}

.scroll-table-type01 .thead::-webkit-scrollbar {
	background: transparent;
}

.scroll-table-type01 .thead::-webkit-scrollbar-track {
	background: transparent;
}

.scroll-table-type01 .tbody {
	overflow-y: scroll;
}

.scroll-table-type01 .tr {
	display: flex;
	box-shadow: inset 0 -1px 0 0 rgb(0 0 0 / 12%);
}

.scroll-table-type01 .th {
	display: flex;
	align-items: center;
	padding: 10px;
	word-break: break-all;
	word-wrap: break-word;
	font-weight: bold;
}

.scroll-table-type01 .td {
	display: flex;
	align-items: center;
	padding: 10px;
	word-break: break-all;
	word-wrap: break-word;
}

.scroll-table-type01 .col1 {
	width: 40px;
	justify-content: center;
	text-align: center;
}

.scroll-table-type01 .col2 {
	flex: 3;
	justify-content: center;
	text-align: center;
}

.scroll-table-type01 .col3 {
	flex: 3;
	justify-content: center;
	text-align: center;
}

.scroll-table-type01 .col4 {
	flex: 1;
	justify-content: center;
	text-align: center;
}

.scroll-table-type01 .col5 {
	flex: 1;
	justify-content: center;
	text-align: center;
}

.scroll-table-type01 .col6 {
	flex: 1;
	justify-content: center;
	text-align: center;
}

.scroll-table-type01 .col7 {
	flex: 2;
	justify-content: center;
	text-align: center;
}

.scroll-table-type01.analysis-copy .analysis-check-box {
	padding: 0px;
	width: 40px;
	cursor: pointer;
	user-select: none;
}

.scroll-table-type01.analysis-copy .analysis-check-box img {
	pointer-events: none;
	width: 20px;
	height: 20px;
	margin-left: 10px;
}

.scroll-table-type01.analysis-copy .analysis-check-box.on .on {
	display: block;
}

.scroll-table-type01.analysis-copy .analysis-check-box.on .off {
	display: none;
}

.scroll-table-type01.analysis-copy .analysis-check-box .on {
	display: none;
}

.scroll-table-type01.analysis-copy .analysis-check-box .off {
	display: block;
}

.state-type01-wait {
	background: #12ac00;
	color: white;
}

.state-type01-done {
	box-shadow: inset 0 0 1px 1px gray;
	color: gray;
}

.state-type01-ing {
	background: gray;
	color: white;
}

.input-slide-type01 {
	position: relative;
}

.input-slide-type01 input {
	width: 100%;
	opacity: 0;
	cursor: pointer;
}

.input-slide-type01 .bar {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	z-index: -1;
}

.input-slide-type01 .handle {
	position: absolute;
	top: 0;
	z-index: -1;
	transition: left .2s;
}

.input-slide-type01 .caption {
	position: absolute;
	top: 100%;
	transform: translateX(-50%);
	z-index: -1;
}

.input-slide-type01 .bar-line-front {
	display: inline-block;
	background: #12ac00;
	transition: width .2s;
}

.input-slide-type01 .bar-line-back {
	display: inline-block;
	background: gray;
	flex: 1;
	transition: width .2s;
}

.input-slide-type01 .handle div {
	background: white;
	border: 1px solid gray;
	border-radius: 50%;
}

.consult-typ01 .consult-header {
	display: flex;
	align-items: center;
}

.consult-typ01 .consult-header .user-image {
	padding: 10px;
}

.consult-typ01 .consult-header .user-image .wrap {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	overflow: hidden;
	background: #8f9fbf;
}

.consult-typ01 .consult-header .user-image img {
	width: 100%;
	height: 100%;
}

.consult-typ01 .consult-header .consult-detail {
	flex: 1;
	padding: 10px;
	padding-left: 0;
}

.consult-typ01 .consult-header .consult-detail .title {
	font-size: 24px;
	font-weight: 700;
	line-height: 130%;
}

.consult-typ01 .consult-header .consult-detail .user-detail {
	line-height: 160%;
}

.distance-range-3897848385783 {
	position: relative;
}

.distance-range-3897848385783:before {
	pointer-events: none;
	bottom: 100%;
	left: calc(50% - 10px);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px;
	border-color: #626262 transparent transparent transparent;
	content: "";
	position: absolute;
	display: block;
	z-index: 100;
}

.distance-range-3897848385783:after {
	pointer-events: none;
	background: #626262;
	border-radius: 8px;
	color: #ffffff;
	font-size: 13px;
	font-weight: 400;
	white-space: pre;
	content: "거리 정보를 설정하세요.\A소속(우리병원)을 기준으로 설정한 반경 안에\A환자의 질문이 등록되면 알림을 보내드려요.";
	padding: 7px 10px;
	position: absolute;
	bottom: calc(100% + 20px);
	left: 0;
	text-align: center;
	z-index: 100;
	line-height: 20px;
}

.answer01 .btn-group button.invalid {
	background: #aaa;
}

.color-type-01 {
	background: #12ac00;
	color: white;
	transition: background .2s, color .2s;
}

.color-type-01:hover {
	background: #1fb50d;
}

.color-type-01:active {
	background: #33c521;
}

.color-type-01.invalid {
	background: #ddd;
	color: gray;
}

/* 2021-11-01 LMS 새롭게 바뀌는 부분 */
.caller-btn {
	diplay: flex;
	margin-top: 30px;
}

.caller-btn ul {
	display: flex;
	justify-content: space-between;
}

.caller-btn ul li a {
	background: #8898AA;
	color: #fff;
	border-radius: 3px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	width: 190px;
	height: 40px;
}

.list-btn-wrap {
	display: flex;
	border-bottom: 2px solid rgba(19, 187, 0, .3);
}

.list-btn-wrap ul {
	display: flex;
}

.list-btn-wrap ul li a {
	background: #C4C4C4;
	color: #7a7a7a;
	border-radius: 5px 5px 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	width: 210px;
	height: 58px;
	transition: all ease-in .1s;
}

.list-btn-wrap ul li a.on {
	background: rgba(19, 187, 0, .3);
	font-weight: bold;
	transition: all ease-in .1s;
}

.dfs-create-coupon {
	margin-left: auto;
	display: flex;
	align-items: center;
}

.dfs-create-coupon a {
	width: 150px;
	height: 30px;
	display: flex;
	align-items: center;
	border-radius: 50px;
	justify-content: center;
	font-size: 12px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}

.dfs-create-coupon span {
	margin-left: 5px;
}

.LMSpreview {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

/*공지사항 링크 표시*/
.board-wrap.list .list.notice tbody tr.active td .con a {display: inline-block; }

/*덮어쓰기*/
#snb-wrap ul:after{background:#fbfbfb; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; position:Absolute; left:50%;margin-left:-50vw; width:100vw; top:0; height:100%; box-sizing:border-box; z-index:-1; display:block;content:""}
#footer .copy:before{width:100vw;height:1px; background:#f1f1f1; left:50%;margin-left:-50vw; top:0; position:absolute; display:block; content:"";}

.rfm-contents-body {width: 1180px; margin: auto;}
.rfm-contents-body .title {font-size: 40px; line-height: 50px; color: #202020; margin: 40px 0; margin-top: 100px;}
.rfm-contents-body .title .example-text {font-size: .8em; color: red; display: none;}
.rfm-contents-body.on-example .title .example-text {display: inline;}
.rfm-contents-body .statistics-area {display: flex; margin: 0px -10px;}
.rfm-contents-body .statistics-area .statistics-item {width: 380px; height: 232px; margin: 0 10px; padding: 30px; border: 1px solid #E4E7EB; border-radius: 10px; background: white; box-sizing: border-box;}
.rfm-contents-body .statistics-area .line {display: flex; justify-content: space-between;}
.rfm-contents-body .flex-card {border: 1px solid #E4E7EB; border-radius: 10px; background: white; box-sizing: border-box; box-shadow: 0 1px 2px rgba(0,0,0,.05);}
.rfm-contents-body .flex-card + .flex-card {margin-top: 20px;}
.rfm-contents-body .flex-card .header {height: 126px; display: flex; justify-content: space-between; align-items: center; padding: 20px; cursor: pointer; transition: all .2s;}
.rfm-contents-body .flex-card .header:hover {  }
.rfm-contents-body .flex-card .header .header-caption {font-size: 24px; display: flex; align-items: center;}
.rfm-contents-body .flex-card .header .header-caption img {margin: 10px;}
.rfm-contents-body .flex-card .header .header-caption>div {padding-left: 10px;}
.rfm-contents-body .flex-card .header .header-caption .main-title {line-height: 30px; color: #202020;}
.rfm-contents-body .flex-card .header .header-caption .sub-title {font-size: 18px; line-height: 23px; margin-top: 13px; color: #2196f3;}
.rfm-contents-body .flex-card .header .header-btn {padding: 20px; transition: all .2s;}
.rfm-contents-body .flex-card .header .header-btn.top {transform: rotate(-90deg);}
.rfm-contents-body .flex-card .header .header-btn.down {transform: rotate(90deg);}
.rfm-contents-body .flex-card .body {
    margin: 40px; margin-top: 0; padding-top: 40px; border-top: 1px solid #E4E7EB;
}
.rfm-contents-body .center-btn {border-radius: 15px; background: #A9AEBD; width: 580px; font-size: 24px; color: white; height: 90px; line-height: 90px; text-align: center; cursor: pointer; margin: auto; transition: all .2s;}
.rfm-contents-body .center-btn:hover {filter: brightness(1.03);}
.rfm-contents-body .center-btn:active {filter: brightness(1.05);}
.rfm-contents-body .agreement-area {background: white; border-radius: 15px; border: 1px solid #EEEFF2; padding: 30px;}
.rfm-contents-body .agreement-area .text-check {background: #F7F9FB; padding: 16px 30px 16px 0; border-radius: 15px; display: flex;}
.rfm-contents-body .agreement-area .text-area {flex: 1; font-size: 24px; line-height: 160%; color: #202020;}
.rfm-contents-body .agreement-area .text-area .hl {color: #2196F3;}
.rfm-contents-body .agreement-area .switch-area {display: flex; justify-content: space-between; align-items: center; margin-top: 30px; height: 90px; font-size: 24px;}

.rfm-segment-tile-map { width: 965px; height: 400px; position: relative; margin: auto; }
.rfm-segment-tile-map .tile-item { position: absolute; display: flex; justify-content: center; align-items: center; font-size: 13px; text-align: center; color: white; cursor: pointer; transition: all .2s; }
.rfm-segment-tile-map .tile-item:hover { filter: brightness(1.05); }
.rfm-segment-tile-map .axis-x1 { position: absolute; top:calc(100% + 12px); left : 0; width: 100%; display: flex; flex-direction: row-reverse; justify-content: space-between; }
.rfm-segment-tile-map .axis-x1 span { font-size: 13px; line-height: 16px; }
.rfm-segment-tile-map .axis-x2 { position: absolute; top:calc(100% + 32px); right : 0; font-size: 13px; }
.rfm-segment-tile-map .axis-y1 { position: absolute; top:0; right : calc(100% + 12px); height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.rfm-segment-tile-map .axis-y1 span { font-size: 13px; line-height: 16px; }
.rfm-segment-tile-map .axis-y2 { position: absolute; top:0; right : calc(100% + 26px); transform: rotate(-90deg); }
.rfm-segment-tile-map .axis-y2>div {position: absolute; bottom: 0; right: 0; white-space: nowrap; font-size: 13px;}

.flex-card-02 {border: 1px solid #E4E7EB; border-radius: 10px; background: white; box-sizing: border-box;}
.flex-card-02 + .flex-card-02 {margin-top: 20px;}
.flex-card-02 .header {height: 100px; display: flex; justify-content: space-between; align-items: center; padding: 0 30px; cursor: pointer; transition: all .2s;}
.flex-card-02 .header:hover {  }
.flex-card-02 .header .header-caption {font-size: 24px; color: #202020; display: flex; align-items: center;}
.flex-card-02 .header .header-caption img {margin: 10px;}
.flex-card-02 .header .header-caption>div {padding-left: 10px;}
.flex-card-02 .header .header-caption .main-title {line-height: 30px; color: #202020;}
.flex-card-02 .header .header-caption .sub-title {font-size: 18px; line-height: 23px; margin-top: 13px; color: #2196f3;}
.flex-card-02 .header .header-btn {padding: 20px; transition: all .2s;}
.flex-card-02 .header .header-btn.top {transform: rotate(-90deg);}
.flex-card-02 .header .header-btn.down {transform: rotate(90deg);}
.flex-card-02 .body {
    margin: 40px; margin-top: 0; padding-top: 40px; border-top: 1px solid #E4E7EB; font-size: 24px; line-height: 160%; color: #636363;
}

.auto-news-msg-trial-area-01 {background: #EEF1FD; padding: 60px; text-align: center;}
.auto-news-msg-trial-area-01 .main-title {margin-top: 60px; font-size: 40px; color: #202020; line-height: 50px;}
.auto-news-msg-trial-area-01 .sub-title {margin: 20px; font-size: 24px; color: #202020; line-height: 40px;}
.auto-news-msg-trial-area-01 .detail-area {display: flex; justify-content: center; padding: 40px 0; margin-bottom: 20px;}
.auto-news-msg-trial-area-01 .detail-item {display: flex; flex-direction: column; align-items: center; width: 25%;}
.auto-news-msg-trial-area-01 .detail-item .contents-img {width: 96px; height: 96px;}
.auto-news-msg-trial-area-01 .detail-item .contents-01 {font-size: 48px; line-height: 100%; color: #202020; margin-top: 30px;}
.auto-news-msg-trial-area-01 .detail-item .contents-02 {font-size: 24px; line-height: 160%; color: #202020; margin-top: 30px;}
.auto-news-msg-trial-area-01 .detail-item .contents-03 {font-size: 18px; line-height: 100%; color: #8f8f8f; margin-top: 20px;}

.auto-news-msg-trial-01 > *:not(:first-child) { margin-top: 20px; }
.auto-news-msg-trial-01 input[type=text] { border-radius: 15px; font-size: 20px; padding: 16px; width: 100%; border: none; outline: none; }
.auto-news-msg-trial-01 .search-address {position: relative;}
.auto-news-msg-trial-01 .search-address .pop-list { position: absolute; z-index: 1; top: 100%; left:0; width: 100%; background: white; color: #202020; border-radius: 15px; padding: 0 15px; opacity: .9; }
.auto-news-msg-trial-01 .search-address ul { max-height: 450px; overflow: auto; }
.auto-news-msg-trial-01 .search-address ul li {
    border-top: 1px solid #F7F9FB; padding: 20px;
    font-size: 18px; line-height: 160%;
    cursor: pointer; transition: all .2s;
}
.auto-news-msg-trial-01 .search-address ul li:hover { background:#F7F9FB; }
.auto-news-msg-trial-01 .double {display: flex;}
.auto-news-msg-trial-01 .double > *:nth-child(1) {flex: 1}
.auto-news-msg-trial-01 .double > *:nth-child(2) {flex: 2; margin-left: 20px;}
.auto-news-msg-trial-01 .agreement {font-size: 20px; display: flex; align-items: center; background: #A9AEBD; border-radius: 15px; padding: 20px;}
.auto-news-msg-trial-01 .agreement .checkbox {padding: 12px;}
.auto-news-msg-trial-01 .agreement input[type="checkbox"] {width: 24px; height: 24px;}
.auto-news-msg-trial-01 .agreement .label {flex: 1; color: white; line-height: 160%; padding: 0 10px;}
.auto-news-msg-trial-01 .ok-btn {font-size: 24px; display: flex; justify-content: center; align-items: center; height: 80px; background: #545D7B; border-radius: 15px; cursor: pointer; transition: all .2s;}
.auto-news-msg-trial-01 .ok-btn:hover { filter: brightness(1.05); }

.ahm-fs-01 {font-size: 20px; line-height: 160%;}
.ahm-txt-01 {letter-spacing: -0.03em;}

.auto-hello-editor-01 {display: grid; grid-template-columns: 20em 1fr; column-gap: 40px; row-gap: 40px;}
.auto-hello-editor-01 .item-title {font-size: 24px; padding: 15px 10px; color: #202020;}
.auto-hello-editor-01 .item-title span {position: relative;}
.auto-hello-editor-01 .text-handle {display: inline-block; border-radius: 50%; cursor: pointer; padding: 5px; transition: all .2s;}
.auto-hello-editor-01 .text-handle span {display: inline-block; height: 12px; width: 12px; border-radius: 50%; transition: all .2s;}
.auto-hello-editor-01 .text-handle.on:hover span {box-shadow: 0px 0px 8px #2196F3;}
.auto-hello-editor-01 .text-handle.off:hover span {box-shadow: 0px 0px 8px #CCE5F9;}
.auto-hello-editor-01 .text-handle.on span {background: #2196F3;}
.auto-hello-editor-01 .text-handle.off span {background: #CCE5F9;}
.auto-hello-editor-01 .segment-label {display: inline-block; margin: 5px; padding: 12px 16px; border-radius: 30px; font-size: 18px; line-height: 100%; vertical-align: top; cursor: pointer; transition: all .2s;}
.auto-hello-editor-01 .segment-label.on {border: 1px solid #2196F3; background: #F4FAFF; color: #2196F3;}
.auto-hello-editor-01 .segment-label.on:hover {filter: brightness(1.02);}
.auto-hello-editor-01 .segment-label.off {border: 1px solid #8F8F8F; background: white; color: #636363;}
.auto-hello-editor-01 .segment-label.off:hover {filter: brightness(.97);}
.auto-hello-editor-01 .segment-label.on::before {background: url(../images/v2/ico-check-01.png) no-repeat 0px 0px; content:''; display: inline-block; height: 24px; width: 24px; margin-right: 8px; vertical-align: middle; margin-top: -2px;}
.auto-hello-editor-01 .segment-label.off::before {content:''; display: inline-block; height: 24px; width: 0px; vertical-align: middle; margin-top: -2px;}
.auto-hello-editor-01 .double-area {display: flex;}
.auto-hello-editor-01 .input-01 {flex: 1; border-radius: 15px; border: 1px solid #DDDFE5; padding: 13px 20px; outline: none; color: #202020; font-size: 20px; height: 60px; box-shadow: 0 1px 2px rgba(0,0,0,.05);}
.auto-hello-editor-01 .input-01::placeholder {color: #8f8f8f;}
.auto-hello-editor-01 .btn-01 {border-radius: 15px; background: #A9AEBD; margin-left: 20px; width: 220px; font-size: 20px; color: white; height: 60px; line-height: 60px; text-align: center; cursor: pointer; transition: all .2s;}
.auto-hello-editor-01 .btn-01:hover {filter: brightness(1.03);}
.auto-hello-editor-01 .btn-01:active {filter: brightness(1.05);}
.auto-hello-editor-01 .btn-02 {border-radius: 15px; border: 1px solid #D2D2D2; background: white; margin-left: 20px; width: 220px; font-size: 20px; color: #8F8F8F; height: 60px; line-height: 60px; text-align: center; cursor: pointer; transition: all .2s;}
.auto-hello-editor-01 .btn-02:hover {filter: brightness(.97);}
.auto-hello-editor-01 .btn-02:active {filter: brightness(.95);}
.auto-hello-editor-01 .content-body {height: 368px; border-radius: 15px; border: 1px solid #DDDFE5; padding: 13px 20px; box-shadow: 0 1px 2px rgba(0,0,0,.05);}
.auto-hello-editor-01 .content-body textarea {width: 100%; height: 100%; border: none; outline: none; color: #202020; font-size: 20px; resize: none; line-height: 34px;}
.auto-hello-editor-01 .content-body textarea::placeholder {color: #8f8f8f;}

.switch-01 .sw-label {vertical-align: middle; margin-right: 20px;}
.switch-01.on .sw-label {color: #2196F3;}
.switch-01 .off.sw-label {color: #636363;}
.switch-01.on .sw-label::after {content:'ON'}
.switch-01.off .sw-label::after {content:'OFF'}
.switch-01 .sw-rail {display: inline-block; position: relative; height: 40px; width: 64px; border-radius: 20px; vertical-align: middle; transition: all .2s; cursor: pointer;}
.switch-01:hover .sw-rail {filter: brightness(1.1);}
.switch-01:active .sw-rail {filter: brightness(1.2);}
.switch-01.on .sw-rail {background: #2196f3;}
.switch-01.off .sw-rail {background: #8F8F8F;}
.switch-01 .sw-rail .sw-handle {position: absolute; top: 4px; left: 4px; height: 32px; width: 32px; border-radius: 50%; background: white; transition: all .2s;}
.switch-01.on .sw-rail .sw-handle {left: 28px;}
.switch-01.off .sw-rail .sw-handle {left: 4px;}

input[type="checkbox"].rfm-checkbox-01 {appearance: none; cursor: pointer;
    display: block;
    border-radius: 4px;
    background: white;
    border: 1px solid #A9AEBD;
    transition: all .2s;
    width: 100%;
    height: 100%;}
input[type="checkbox"].rfm-checkbox-01:hover {filter: brightness(.97);}
input[type="checkbox"].rfm-checkbox-01:checked {
    background: #2196F3;
    border: none;}
input[type="checkbox"].rfm-checkbox-01:checked:hover {filter: brightness(1.05);}
input[type="checkbox"].rfm-checkbox-01:checked::after {
    content: '';
    background: url(../images/v2/ico-check-02.png) no-repeat 3px 2px;
    display: block;
    filter: brightness(100);
    width: 100%;
    height: 100%;}
    
.dfs-tooltip-01 {display: table; width: 300px;}
.dfs-tooltip-01>div {display: table-row;}
.dfs-tooltip-01>div>div {display: table-cell;}
.dfs-tooltip-01 .t-arrow-p .t-arrow {display: none; width: 10px; height: 6px; border-top: 0; border-left: 5px transparent solid; border-right: 5px transparent solid; border-bottom: 6px #545D7B solid;}
.dfs-tooltip-01 .b-arrow-p .b-arrow {display: none; width: 10px; height: 6px; border-top: 6px #545D7B solid; border-left: 5px transparent solid; border-right: 5px transparent solid; border-bottom: 0;}
.dfs-tooltip-01 .l-arrow-p .l-arrow {display: none; height: 10px; width: 6px; border-top: 5px transparent solid; border-left: 0; border-right: 6px #545D7B solid; border-bottom: 5px transparent solid;}
.dfs-tooltip-01 .r-arrow-p .r-arrow {display: none; height: 10px; width: 6px; border-top: 5px transparent solid; border-left: 6px #545D7B solid; border-right: 0; border-bottom: 5px transparent solid;}
.dfs-tooltip-01 .contents {background: #545D7B; width: 100%; border-radius: 8px; padding: 16px; font-size: 16px; line-height: 26px; color: white; box-shadow: 0 10px 20px rgba(0,0,0,.2);}

.noti-mark {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #12ac00;
}
.noti-mark.t01 {
    vertical-align: middle;
    margin-left: 8px;
    margin-bottom: 8px;
}
.noti-mark-type-abs {position: relative;}
.noti-mark-type-abs .noti-mark {position: absolute; display: none;}
.noti-mark-type-abs.on-noti .noti-mark {position: absolute; display: inline-block;}

.rfm-noti-01 {position: fixed; bottom: 30px; right: 30px; z-index: 10000;}
.rfm-noti-01 .rfm-noti-body {display: flex; background: white; border-radius: 16px; width: 250px; padding: 12px; box-shadow: 0 4px 20px rgba(0,0,0,.2); cursor: pointer; transition: all .2s;}
.rfm-noti-01 .rfm-noti-body:hover {filter: brightness(.99);}
.rfm-noti-01 .rfm-noti-body .noti-mark1 img {width: 24px; height: 24px;}
.rfm-noti-01 .rfm-noti-body .noti-text {margin-left: 12px; flex: 1;}
.rfm-noti-01 .rfm-noti-body .noti-text1 {color: black; font-size: 13px; margin-top: -1px; line-height: 100%;}
.rfm-noti-01 .rfm-noti-body .noti-text2 {color: #999999; font-size: 10px; margin-top: 6px; margin-bottom: -2px; line-height: 100%;}
.rfm-noti-01 .rfm-noti-body .noti-text .green-mark {display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #13BB00; vertical-align: middle; margin: -2px 3px 2px 3px;}