@charset "UTF-8";

textarea.v-resize {resize: vertical;}

/* 덮어쓰기 */
#snb-wrap ul:after {border-top: none;}
#main-menu {border-bottom: 1px solid #f0f0f0;}
.hosInfo-wrap .info-input textarea {color: #4f4f4f;}
.mypage-wrap.doctor .info-input textarea {color: #4f4f4f;}
.mypage-wrap.profile .mypage-con .select-box select {color: #4f4f4f;}
.need-mark-01:after {color: #dc3232; font-weight: bold; content: ' *'}

.hosInfo-wrap.type02 .info-input .logo-file-02{font-size:0; height:80px;}
.hosInfo-wrap.type02 .info-input .logo-file-02 input[type="file"]{display:none}
.hosInfo-wrap.type02 .info-input .logo-file-02 label{position:relative; height:80px; width:80px; border-radius:100%;text-align:center;box-sizing:border-box; display:inline-block; border:1px solid #dadada; content:""}
.hosInfo-wrap.type02 .info-input .logo-file-02 .add-file.show ~ label:after, .hosInfo-wrap .info-input .logo-file-02 .add-file.show ~ label{display:none}    
.hosInfo-wrap.type02 .info-input .logo-file-02 .add-file{position:relative;display:none;}
.hosInfo-wrap.type02 .info-input .logo-file-02 .add-file.show{display:inline-block; }
.hosInfo-wrap.type02 .info-input .logo-file-02 .add-file img{width:80px;height:80px; display:inline-block;vertical-align:top;border-radius:100%;box-sizing:border-box; border:1px solid #dadada}

.hosInfo-wrap.type02 .info-input .logo-file-02 .show .delete-file{display:block;position:Absolute;border:none;width:20px; right:0; bottom:0; height:20px;border-radius:100%; box-sizing:border-box;}
.hosInfo-wrap.type02 .info-input .logo-file-02 .show .delete-file img{width: 100%; height: 100%;}
.hosInfo-wrap.type02 .info-input .logo-file-02 .delete-file{display:none;}
.hosInfo-wrap.type02 .info-input .logo-file-02 .ex{ display:inline-block;margin-top:0;vertical-align:top;margin-left:20px; padding:20px 0 0 0; line-height:20px; color:#aaa; font-size:11px}

.hosInfo-wrap.type02 .info-input ul.hos-file-02{font-size:0; margin:0 -12px;}
.hosInfo-wrap.type02 .info-input ul.hos-file-02 li{display:inline-block;padding:0; width:100px;;margin:0 12px;vertical-align:top}
.hosInfo-wrap.type02 .info-input ul.hos-file-02 li input[type="file"]{display:none}
.hosInfo-wrap.type02 .info-input ul.hos-file-02 li label{position:relative; height:100px; border-radius:4px;text-align:center;box-sizing:border-box; display:block; border:1px solid #dadada; content:""}
.hosInfo-wrap.type02 .info-input ul.hos-file-02 li .add-file.show ~ label:after, .hosInfo-wrap.type02 .info-input ul.hos-file-02 li .add-file.show ~ label{display:none}    
.hosInfo-wrap.type02 .info-input ul.hos-file-02 li .add-file{position:relative;display:none;border:1px solid #ddd;border-radius:6px;}
.hosInfo-wrap.type02 .info-input ul.hos-file-02 li .add-file.show{display:block; }
.hosInfo-wrap.type02 .info-input ul.hos-file-02 li .add-file img{width:100%}
.hosInfo-wrap.type02 .info-input ul.hos-file-02 .show .delete-file{display:block;position:Absolute;border:none;width:20px; right:-10px; top:-10px; height:20px;border-radius:100%; border:1px solid #dadada; box-sizing:border-box;}
.hosInfo-wrap.type02 .info-input ul.hos-file-02 .delete-file{display:none;}

.mypage-wrap.profile .mypage-con input[type="text"]:disabled {background: #f0f0f0;}



	/* before 지워버림 */
	.dfs-no-before::before {display: none !important;}
	.dfs-no-after::after {display: none !important;}
	.dfs-no-outline {outline: none;}
	
	.dfs-list-more {
		display: block;
	    line-height: 80px;
	    text-align: center;
	    color: #000;
	    font-size: 16px;
	    border-top: 1px solid #f0f0f0;
	    border-bottom: 1px solid #f0f0f0;
	    cursor: pointer;
    }
    .dfs-list-more:hover {
    	background: #fafafa;
    }
     
    .dfs-no-list-view {
   	    line-height: 80px;
	    text-align: center;
	    color: #000;
	    font-size: 16px;
	    border-top: 1px solid #f0f0f0;
	    border-bottom: 1px solid #f0f0f0;
    }
    
    .dfs-tag-chip {
    	display: inline-block !important;
    	padding:7px 27px 7px 10px; padding-left: 10px !important; margin-right: 5px; margin-top: 0 !important; margin-bottom: 5px;
    	background: #12ac00; color: white; width:auto !important; position: relative !important; border-radius: 15px;
    }
    .dfs-tag-chip .close {
    	position: absolute; top: 7px; right:5px; filter: invert(100%); cursor: pointer;
    }
    .dfs-hospital-subject-item{
    	width:25%; float:left;
    }
    .dfs-hospital-subject-item input{
    	height: 1.3rem;
    }
    .dfs-hospital-subject-item span{
    	padding-left:5px;vertical-align:top;
    }
	
	.active .dfs-common-tag-search {display: block;}
	.dfs-common-tag-search {display:none; left:0; top:40px; width:100%;background:#fff;box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1)  ; 	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1)  ; -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1)  ; }
	.dfs-common-tag-search ul{padding:0 !Important; box-sizing:border-box; border:1px solid #dadada; border-bottom: none;}
	.dfs-common-tag-search ul li{margin-top:0 !Important; border-top:1px solid #f0f0f0; float:none !important;; width:auto !important;; display:block;}
	.dfs-common-tag-search ul li a{line-height:40px; font-size:13px; color:#000; display:block; padding:0 15px;}
	.dfs-common-tag-search .dfs-adder {border:1px solid #dadada;}
	.dfs-common-tag-search .dfs-adder a{line-height:40px; font-size:13px; color:#12ac00; display:block; padding:0 15px;}
	
	.msec-visual .btxt:before {
		background-image: url(${contextPath}/assets/dfs/images/v2/logo-01.png)
	}
	
	#logo a {
		background-image: url(${contextPath}/assets/dfs/images/v2/typography-02.png)
	}
	
	/*본문 내용*/
	.counsel-wrap.view .inst .stance {font-size: 16px;}
	
	.login-wrap .login-sns li {
		margin-left: 10px;
	}
	
	.login-wrap .login-sns li.dfs-btn-kakao a {
	    background: #fbdd33;
	    color: #311818;
    }
	.login-wrap .login-sns li.dfs-btn-kakao a span {
		background-image: url(${contextPath}/assets/dfs/publish/_Img/Sub/kakao-ico.png);
	}
	
	.login-wrap .login-sns li.dfs-btn-fb a {
	    background: #4460a0;
	    color: #fff;
	    width: 120px;
    }
    .login-wrap .login-sns li.dfs-btn-fb a span {
		background-image: url(${contextPath}/assets/dfs/publish/_Img/Sub/facebook-ico.png);
	}
	
	.login-wrap .login-sns li.dfs-btn-naver a {
	    background: #1ec800;
	    color: white;
	    transition: font-size .2s;
    }
	.login-wrap .login-sns li.dfs-btn-naver a span {
	    transition: font-size .2s;
    }
    .login-wrap .login-sns li.dfs-btn-naver a:hover span {
	    font-size: 16px;
    }
    .login-wrap .login-sns li.dfs-btn-naver a span {
		
	}
	
	.dfs-btn-secondary {
		display: block;
		line-height: 40px;
		border-radius: 4px;
		background: white;
		border: 1px solid #dadada;
		color: gray;
		text-align: center;
		font-size: 13px;
		font-weight: 700;
	}

.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;}



.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;}



.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 .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 {border: 1px solid #f0f0f0; border-radius: 50%;}
.doctor-list.type02 li ul {top: 0;}



.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: 20px;}
.mypage-wrap.profile .mypage-con.dfs-right {width:460px; float:left; padding-left: 20px;}
.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;
}

.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 input,.layer-sms.write .is-foot textarea {font-size: 16px;}

.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-naver-parking .dfs-time {
	flex: 1; margin-right: 10px; border: 1px solid #dadada; border-radius: 4px; padding: 0 12px;
}
.dfs-naver-parking .dfs-naver-pricing {
	position: relative; flex: 1;
}
.dfs-naver-pricing {
	position: relative;
}
.dfs-naver-pricing input {
	text-align: right;
	padding-right: 36px !important;
}
.dfs-naver-pricing:after {
	content: '원';
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 100000;
    font-size: 16px;
    line-height: 16px;
}

.dfs-input-deco input,.dfs-input-deco textarea,.dfs-input-deco select {
	outline: none;
	transition: border-color .2s;
}
.dfs-input-deco input:focus,.dfs-input-deco textarea:focus,.dfs-input-deco select:focus {
	border-color: #12ac00 !important;
}
.dfs-input-deco input.invalid,.dfs-input-deco textarea.invalid,.dfs-input-deco select.invalid {
	border-color: red !important;
}
.dfs-input-deco input.invalid:focus,.dfs-input-deco textarea.invalid:focus,.dfs-input-deco select.invalid:focus {
	border-color: orange !important;
}
.dfs-input-deco input:read-only,.dfs-input-deco textarea:read-only,.dfs-input-deco select:read-only {
	background: #f0f0f0; ;
}

.list-view-01 .item {
	list-style: none; width: 33%; display: inline-block; padding: 5px; box-sizing: border-box;
}
.list-view-01 .item>.border {
	border: 1px solid #f0f0f0; padding: 20px; box-sizing: border-box; position: relative;
}
.list-view-01 .item>.border>.close {
	position: absolute;
    right: 0;
    top: 0;
}
.list-view-01 .item>.border>.image-view {
	text-align: center;
}
.list-view-01 .item>.border>.text-view {
	padding: 5px 0; margin: 20px 0;
}
.list-view-01 .item>.border>.ctrl-view {
	
}
.list-view-01 .item .btn-01 {
	display: inline-block; border: 1px solid #dadada; border-radius: 4px; padding: 4px 20px; cursor: pointer; transition: background .2s;
}
.list-view-01 .item .btn-01:hover {
	background: #f0f0f0;
}

input.style01 {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;}

.dfs-toggle-switch-01.dfs-rail {
	position: relative; display: inline-block; height: 40px; width: 60px; border-radius: 20px;
	transition: background-color .3s;
	background: #b0b0b0; cursor: pointer;
}
.dfs-toggle-switch-01.on.dfs-rail {
	background: #88d57f;
}
.dfs-toggle-switch-01 .dfs-handle {
	position: absolute; display: inline-block; height: 40px; width: 40px; border-radius: 50%;
	transition: left .3s, background-color .2s;
	background: #e0e0e0;
	left: 0;
}
.dfs-toggle-switch-01 .dfs-handle:after {
	content: 'off';
	top: 0;
    left: 0;
    position: absolute;
    line-height: 40px;
    width: 40px;
    text-align: center;
}
.dfs-toggle-switch-01.on .dfs-handle:after {
	content: 'on';
	color: white;
}
.dfs-toggle-switch-01 .dfs-handle:hover {
	background: #d0d0d0;
}
.dfs-toggle-switch-01.on .dfs-handle {
	left: 20px; background: #12ac00;
}
.dfs-toggle-switch-01.on .dfs-handle:hover {
	background: #14c600;
}

.dfs-toggle-switch-02.dfs-rail {
	position: relative; display: inline-block; height: 24px; width: 60px; border-radius: 4px;
	transition: background-color .3s;
	background: white; cursor: pointer;
	border: 1px solid #d0d0d0;
}
.dfs-toggle-switch-02.on.dfs-rail {
	/* background: #88d57f; */
}
.dfs-toggle-switch-02 .dfs-handle {
	position: absolute; display: inline-block; height: 24px; width: 40px; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;
	transition: left .3s, background-color .2s;
	background: #e0e0e0;
	left: 0px;
	font-size: 12px;
}
.dfs-toggle-switch-02 .dfs-handle:after {
	content: '휴무';
	top: 0;
    left: 0;
    position: absolute;
    line-height: 24px;
    width: 40px;
    text-align: center;
}
.dfs-toggle-switch-02.on .dfs-handle:after {
	content: '영업';
	color: white;
}
.dfs-toggle-switch-02 .dfs-handle:hover {
	background: #d0d0d0;
}
.dfs-toggle-switch-02.on .dfs-handle {
	left: 20px; background: #12ac00; border-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px;
}
.dfs-toggle-switch-02.on .dfs-handle:hover {
	background: #14c600;
}

.dfs-toggle-switch-02.type02 .dfs-handle:after {
	content: 'OFF';
}
.dfs-toggle-switch-02.type02.on .dfs-handle:after {
	content: 'ON';
}

.dfs-toggle-switch-03.dfs-rail {
	position: relative; display: inline-block; height: 40px; width: 90px; border-radius: 4px;
	transition: background-color .3s;
	cursor: pointer;
	border: 1px solid #d0d0d0;
	user-select: none;
}
.dfs-toggle-switch-03.on.dfs-rail {
	
}
.dfs-toggle-switch-03 .dfs-handle {
	position: absolute; display: inline-block; height: 40px; width: 60px; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;
	transition: left .3s, background-color .2s;
	background: #e0e0e0;
	left: 0;
}
.dfs-toggle-switch-03 .dfs-handle .caption {
	top: 0;
    left: 0;
    position: absolute;
    line-height: 40px;
    width: 100%;
    text-align: center;
    display: none;
}
.dfs-toggle-switch-03.on .dfs-handle .caption {
	color: white;
}
.dfs-toggle-switch-03:not(.on) .dfs-handle .caption.off {
	display: inline;
}
.dfs-toggle-switch-03.on .dfs-handle .caption.on {
	display: inline;
}
.dfs-toggle-switch-03 .dfs-handle:hover {
	background: #d0d0d0;
}
.dfs-toggle-switch-03.on .dfs-handle {
	left: 30px; background: #12ac00; border-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px;
}
.dfs-toggle-switch-03.on .dfs-handle:hover {
	background: #14c600;
}

.dfs-radio-btn-01 {
	padding: 2px;border: 2px solid gray;border-radius: 50%;display: inline-block;
	width: 1rem;height: 1rem;box-sizing: border-box; line-height: 0;
	cursor: pointer;
}
.dfs-radio-btn-01 .mark {
	width: 100%; height: 100%; border-radius: 50%; background: transparent; display: inline-block;
}
.dfs-radio-btn-01:hover {background: #f0f0f0;}
.dfs-radio-btn-01.on {border-color: #12ac00;}
.dfs-radio-btn-01.on:hover {border-color: #14c600; background: transparent;}
.dfs-radio-btn-01.on .mark {background: #12ac00;}
.dfs-radio-btn-01.on:hover .mark {background: #14c600;}

.dfs-calendar-header {display: flex; justify-content: space-evenly; text-align: center;}
.dfs-calendar-header .btns {padding: 10px; transition: background .2s; cursor: pointer;}
.dfs-calendar-header .btns:hover {background: #f0f0f0;}
.dfs-calendar-header .btns.left {}
.dfs-calendar-header .btns.left img {transform: rotateZ(180deg);}
.dfs-calendar-header .btns.title {padding: 10px 20px; display: inline-block;}
.dfs-calendar-header .btns.right {}

.dfs-calendar-date {display: table; width: 100%; text-align: center;}
.dfs-calendar-date .date-cell {display: table-cell;}
.dfs-calendar-date .date-cell span {display: inline-block; padding: 10px 20px; transition: background .2s; cursor: pointer; border-radius: 2px;}
.dfs-calendar-date .date-cell span:hover {background: #f0f0f0;}
.dfs-calendar-date .date-cell.sun {color: red;}
.dfs-calendar-date .date-cell.sat {color: blue;}
.dfs-calendar-date .date-cell.today span {border: 1px solid #e0e0e0;}
.dfs-calendar-date .date-cell.invalid {color: #d0d0d0;}

.dfs-calendar-month .month-cell {padding: 10px; width: 33%; display: inline-block; transition: background .2s; cursor: pointer; box-sizing: border-box; text-align: center;}
.dfs-calendar-month .month-cell:hover {background: #f0f0f0;}

.dfs-schedule-table {display: table; width: 100%; border-collapse: collapse; text-align: center; box-sizing: border-box;}
.dfs-schedule-table .thead {display: table-row;}
.dfs-schedule-table .tbody {display: table-row;}
.dfs-schedule-table .date-cell {display: table-cell; width: 25%; border: 1px solid #a0a0a0; padding: 10px; transition: background .2s; cursor: pointer;}
.dfs-schedule-table .date-cell:hover {background: #f0f0f0;}
.dfs-schedule-table .date-cell.enabled {background: #12ac00; color: white;}
.dfs-schedule-table .date-cell.enabled:hover {background: #1fb50d;}

.dfs-block-remarks {margin-right: 20px;}
.dfs-block-remarks .color {width: 1rem; height: 1rem; display: inline-block; vertical-align: middle;}
.dfs-block-remarks .txt {display: inline-block; margin-left: 10px; vertical-align: middle;}

.dfs-btn-type-01 {display: inline-block; 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-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: #f0f0f0; border-radius: 4px; padding: 4px 20px; cursor: pointer; transition: background .2s;}
.dfs-btn-type-03:hover {background: #e0e0e0;}
.dfs-btn-type-03:active {background: #d0d0d0;}

.dfs-btn-type-01.shape-01,
.dfs-btn-type-02.shape-01 {width: 100%; box-sizing: border-box; text-align: center; padding: .5rem 4px;}

.dfs-btn-type-01.shape-02,
.dfs-btn-type-02.shape-02 {font-weight: normal; box-sizing: border-box; text-align: center; padding: 1rem 5rem; line-height: 160%;}

.dfs-btn-type-01.shape-03,
.dfs-btn-type-02.shape-03 {box-sizing: border-box; padding: .5rem 1rem;}

.dfs-btn-type-01.shape-04,
.dfs-btn-type-02.shape-04 {box-sizing: border-box; padding: .5rem;}

.dfs-btn-type-01.shape-05,
.dfs-btn-type-02.shape-05 {height: 100%; box-sizing: border-box; display: flex; align-items: center;}

.dfs-hover-type01 {cursor: pointer; transition: background .2s;}
.dfs-hover-type01:hover {background: #f0f0f0;}
.dfs-hover-type01:active {background: #e0e0e0;}

.dfs-hover-type01.selected {background: #12ac00; color: white;}
.dfs-hover-type01.selected:hover {background: #1fb50d;}
.dfs-hover-type01.selected:active {background: #33c521;}

.dfs-hover-type02 {cursor: pointer; transition: background .2s;}
.dfs-hover-type02:hover {background: rgba(0,0,0,.05);}
.dfs-hover-type02:active {background: rgba(0,0,0,.1);}

.dfs-hover-type03 {background: white; outline: none; cursor: pointer; transition: background .2s;}
.dfs-hover-type03:hover {background: #f0f0f0;}
.dfs-hover-type03:active {background: #e0e0e0;}

.dfs-hover-type04 {cursor: pointer; transition: filter .2s;}
.dfs-hover-type04:hover {filter: brightness(0.95);}
.dfs-hover-type04:active {filter: brightness(0.9);}

.dfs-week-selector-01 {text-align: center; display: flex; border-top: 1px solid gray; border-bottom: 1px solid gray;}
.dfs-week-selector-01 .item {cursor: pointer; transition: background .2s; flex: 1; padding: 10px; background: #f0f0f0;}
.dfs-week-selector-01 .item:hover {background: #e0e0e0;}
.dfs-week-selector-01 .item.on {background: #12ac00; color: white;}
.dfs-week-selector-01 .item.on:hover {background: #1fb50d;}

/*퍼블리싱 코드*/
.select-box{position:relative;border:1px solid #dadada;background:#fff; border-radius:5px; box-sizing:border-box;display:inline-block;vertical-align:top}
.select-box:after{width:40px; height:40px; position:absolute; background-size:8px auto; right:0; top:0;margin-top:0; display:block; content:""; z-index:6 !important;border-left:1px solid #dadada; pointer-events: none;}
.select-box select{ width:100%;color:#666; height:40px; text-indent:0;padding:0 15px; font-size:13px; color:#4f4f4f; -webkit-appearance:none; -moz-appearance:none;background:none; appearance:none;border:none; width:100%; margin:0;  position:relative; z-index:5; cursor:pointer; outline: none;}
.select-box select::-ms-expand{display:none;}
.select-box.active select{color:#212121 !Important;}
.select-box select:disabled {background: #f0f0f0 !important;}

.info-inupt li.type02 {padding-left: 0 !important;}
.info-inupt li.type02 .btxt {position: static !important; line-height: 160% !important;}

.view-type-01 .bold {font-weight: bold !important;}
.view-type-01 .space-between-center {display: flex !important; justify-content: space-between; align-items: center;}

.view-type-01 textarea {
	font-size: 13px;
    box-sizing: border-box;
    padding: 14px 15px;
    width: 100%;
    height: 80px;
    border-radius: 4px;
    color: #4f4f4f;
    border: 1px solid #dadada;
    background: #fff;
    outline: none;
}

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

ul.info-inupt.border01 {
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 18px;
}

.dfs-timeflow-table {}
.dfs-timeflow-table .table-row {width: 100%; border-top: 1px solid #e0e0e0; white-space: nowrap; font-size: 0;}
.dfs-timeflow-table .table-row:first-child {border-top: 2px solid gray;}
.dfs-timeflow-table .table-row:last-child {margin-bottom: 2px; border-bottom: 1px solid #e0e0e0;}
.dfs-timeflow-table .table-row .table-cell {
	display: inline-block; width: 200px; border: 1px solid #e0e0e0; font-size: 14px;
	margin:-1px; margin-left: 0px; padding: 4px;
	vertical-align: top;
}
.dfs-timeflow-table.type02 .table-row .table-cell {
	text-align: center;
	box-sizing: border-box;
}
.dfs-timeflow-table .table-row .table-cell:first-child {
	position: absolute;
	background: white;
	z-index: 1;
}
.dfs-timeflow-table .table-row .table-cell:nth-child(2) {
	margin-left: 209px;
}
.dfs-timeflow-table.type02 .table-row .table-cell:nth-child(2) {
	margin-left: 200px;
}
.dfs-timeflow-table .table-header .table-cell>* {
	padding: 5px 10px; font-weight: bold;
}
.dfs-timeflow-table .table-body .table-cell {
	height: 155px;
	overflow-y: auto;
	transition: background .2s, color .2s;
}
.dfs-timeflow-table.type01 .table-body .table-cell {
	cursor: pointer;
}
.dfs-timeflow-table.type02 .table-body .table-cell {
	overflow: visible;
	height: 60px;
	text-align: center;
}
.dfs-timeflow-table.type02 .table-body .table-cell.invalid {
	background: #f8f8f8;
}
.dfs-timeflow-table.type01 .table-body .table-cell:hover {
	background: #f8f8f8;
}
.dfs-timeflow-table .table-body .table-cell:first-child {
	background: white; cursor: default;
}
.dfs-timeflow-table .table-row:first-child .table-cell {
	border-top: 2px solid gray; margin-top: -2px; padding-top: 5px;
}
.dfs-timeflow-table .table-row .table-cell:first-child>* {
	display: flex; justify-content: space-between; padding: 5px;
}

.dfs-state-label-table .table-row .table-cell .state-label {
	padding: 5px 10px;
    margin: 3px;
    border-radius: 3px;
    display: flex;
    justify-content: space-between;
    transition: background .2s, color .2s;
}
.dfs-state-label-table .table-row .table-cell .state-label.type01 {
	background: #12ac00; color: white;
}
.dfs-state-label-table .table-row .table-cell .state-label.type01:hover {
	background: #1fb50d;
}
.dfs-state-label-table .table-row .table-cell .state-label.type02 {
	background: #3cc52c; color: white;
}
.dfs-state-label-table .table-row .table-cell .state-label.type02:hover {
	background: #4bd83b;
}
.dfs-state-label-table .table-row .table-cell .state-label.type03 {
	background: #a7ec9f;
}
.dfs-state-label-table .table-row .table-cell .state-label.type03:hover {
	background: #96e08d;
}
.dfs-state-label-table .table-row .table-cell .state-label.type04 {
	background: #ffc7be;
}
.dfs-state-label-table .table-row .table-cell .state-label.type04:hover {
	background: #f1b6ac;
}
.dfs-state-label-table .table-row .table-cell .state-label.type05 {
	background: #f0f0f0;
}
.dfs-state-label-table .table-row .table-cell .state-label.type05:hover {
	background: #e0e0e0;
}
.dfs-state-label-table .table-row .table-cell .state-label.type06 {
	align-items: center;
}
.dfs-state-label-table .table-row .table-cell .state-label.type06 .date {
	display: inline-block; font-size: 1.2rem; height: 2rem; line-height: 2rem; text-align: center;
}
.dfs-state-label-table .table-row .table-cell.sun .state-label.type06 .date {
	color: red;
}
.dfs-state-label-table .table-row .table-cell.sun .state-label.type06 .caption {
	color: red;
}
.dfs-state-label-table .table-row .table-cell .state-label.type06.today {
	
}
.dfs-state-label-table .table-row .table-cell .state-label.type06.today .date {
	border-radius: 50%; background: #12ac00; color: white; width: 2rem;
}
.dfs-state-label-table .table-row .table-cell .state-label.type06.today .caption {
	color: #12ac00;
}
.dfs-state-label-table .table-row .table-cell.sun .state-label.type06.today .date {
	background: red; color: white;
}
.dfs-state-label-table .table-row .table-cell.sun .state-label.type06.today .caption {
	color: red;
}
.dfs-state-label-table .table-row .table-cell .state-label.type07 {
	color: gray;
}

.dfs-weekly-table {display: table; border-collapse: collapse; width: 100%; table-layout: fixed;}
.dfs-weekly-table .table-row {display: table-row;}
.dfs-weekly-table .table-row:first-child {border-top: 2px solid gray;}
.dfs-weekly-table .table-row .table-cell {
	display: table-cell; border: 1px solid #e0e0e0; font-size: 14px;
	height: 155px; padding: 3px;
	overflow-y: auto;
	transition: background .2s, color .2s;
	cursor: pointer;
}
.dfs-weekly-table .table-row .table-cell:hover {
	background: #f8f8f8;
}
.dfs-weekly-table .table-header {display: table-row;}
.dfs-weekly-table .table-header .table-cell {
	display: table-cell; border: 1px solid #e0e0e0; font-size: 14px;
	padding: 5px; padding-top: 10px;
}
.dfs-weekly-table .table-header .table-cell.sun {
	color: red;
}
.dfs-weekly-table .table-header .table-cell>* {
	display: flex; justify-content: space-between; align-items: flex-end;
}
.dfs-weekly-table .table-header .table-cell .highlight {
	font-size: 2rem;
}
.dfs-weekly-table .table-row .table-cell:first-child {
	background: transparent;
	cursor: default;
}
.dfs-weekly-table .table-row .table-cell:first-child>* {
	display: flex; justify-content: space-between; padding: 5px;
}

.dfs-monthly-table {display: table; border-collapse: collapse; width: 100%; table-layout: fixed;}
.dfs-monthly-table .table-row {display: table-row;}
.dfs-monthly-table .table-row:first-child {border-top: 2px solid gray;}
.dfs-monthly-table .table-row .table-cell {
	display: table-cell; border: 1px solid #e0e0e0; font-size: 14px;
	height: 200px; padding: 3px;
	overflow-y: auto;
	transition: background .2s, color .2s;
	cursor: pointer;
}
.dfs-monthly-table .table-row .table-cell.over {
	background: #f0f0f0;
}
.dfs-monthly-table .table-row .table-cell:hover {
	background: #f8f8f8;
}
.dfs-monthly-table .table-header {display: table-row;}
.dfs-monthly-table .table-header .table-cell {
	display: table-cell; border: 1px solid #e0e0e0; font-size: 14px;
	padding: 10px;
}

.dfs-search-type01 {position: relative; display: inline-block;}
.dfs-search-type01 input{border:none;position:relative; display:block;content:""; width:240px;height:40px;border-radius:40px; background:#f8f8f8; box-sizing:border-box; padding:0 15px 0 40px; font-size:13px; color:#7a7a7a }
.dfs-search-type01 .btn{width:40px;height:40px; border:none;position:Absolute; left:0; top:0;background:url(../publish_doctalk/_Img/Layout/ico-search.png) no-repeat center center}

.dfs-booking-list-table {display: table; border-collapse: collapse; width: 100%;}
.dfs-booking-list-table .table-row {display: table-row;}
.dfs-booking-list-table .table-row:first-child {border-top: 2px solid gray;}
.dfs-booking-list-table .table-row .table-cell {
	display: table-cell; width: 200px; border: 1px solid #e0e0e0; font-size: 14px;
	padding: 10px 5px;
	overflow-y: auto;
	transition: background .2s, color .2s;
	cursor: pointer;
}
.dfs-booking-list-table .table-cell.w100 {width: 100px;}
.dfs-booking-list-table .table-cell.w300 {width: 300px;}

.layer-wrap.visible {
	display: inherit;
}

.booking-state-label.type01 {
	background: #12ac00; color: white;
}
.booking-state-label.hoverable.type01:hover {
	background: #1fb50d;
}
.booking-state-label.type02 {
	background: #3cc52c; color: white;
}
.booking-state-label.hoverable.type02:hover {
	background: #4bd83b;
}
.booking-state-label.type03 {
	background: #a7ec9f;
}
.booking-state-label.hoverable.type03:hover {
	background: #96e08d;
}
.booking-state-label.type04 {
	background: #ffc7be;
}
.booking-state-label.hoverable.type04:hover {
	background: #f1b6ac;
}
.booking-state-label.type05 {
	background: #f0f0f0;
}
.booking-state-label.hoverable.type05:hover {
	background: #e0e0e0;
}

.dfs-date-booking-list {}
.dfs-date-booking-list>ul>li {
	border-top: 1px solid #e0e0e0 !important; padding: 20px;
}
.dfs-date-booking-list>ul>li:first-child {
	border-top: none !important;
}
.dfs-date-booking-list .item-header {
	display: flex; padding-bottom: 20px; border-bottom: 1px solid #f0f0f0; align-items: center;
}

/* end */