@charset "utf-8";

body {
	padding-right: 0 !important; /* 모달창 오픈시 padding-right 쌓이는 오류 제거 */
}
.modal-open, .modal {
	padding-right: 0px !important;
}
.modal-header {
	border-bottom-color: #ddd;
}
.modal-footer {
	border-top-color: #ddd;
}

.ad_tit_small{
	width: 100%;
	margin: 5px 0 3px 0; padding: 10px 0 0 3px;
	font-size: 14px; font-family: NanumGothic, "나눔고딕", Apple SD Gothic Neo, Arial, Tahoma, sans-serif;
	border-top: 1px dotted rgba(0,0,0,0.1);
}

.modal-xl {
	width: 1200px;
}

/* CAT 진단 결과 */
.ad_catresult_wrap {
	padding: 10px; border: 1px solid #ddd;
	font-size: 14px; line-height: 1.5em;
}

.ad_result_txt {
	padding: 10px; margin: 10px 0 30px;
	word-break: keep-all;
	border: 1px solid #ddd;
}
.ad_graphbar_wrap2 ul li {
	height: 40px;
	border: none;
}
.ad_graphbar_wrap2 ul li {
	opacity: 0.3;
}
.ad_graphbar_wrap2 p {
	top: 10px;
}

/* 상담가능시간선택 */
.schedule_wrap {
	position: relative;
	margin: 10px;
}
.schedule_tit {
	margin-bottom: 30px; padding-top: 15px;
	font-size: 0; line-height: 0; text-align: center;
}
.schedule_tit p {
	display: inline-block;
	padding: 0 14px;
	color: #3a3a3a; font-family: NetMarble, sans-serif; font-size: 2.8rem; font-weight: 600; letter-spacing: -0.05em; line-height: 1; vertical-align: middle;
}
.schedule_tit p span {
	letter-spacing: inherit;
}
.schedule_tit p span:last-child {
	margin-left: 10px;
}
.schedule_tit a {
	display: inline-block;
	width: 28px; height: 28px;
	vertical-align: middle;
	background-repeat: no-repeat; background-position: center;
	border: 1px solid #b7b7b7;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.schedule_tit .date_prev {
	background-image: url(../../images/admin/btn_date_prev.png);
}
.schedule_tit .date_next {
	background-image: url(../../images/admin/btn_date_next.png);
}
.schedule_tit a:hover {
	background-color: #2d518c;
	border-color: #2d518c;
}
.schedule_tit .date_prev:hover {
	background-image: url(../../images/client/popup/btn_date_prev_on.png);
}
.schedule_tit .date_next:hover {
	background-image: url(../../images/client/popup/btn_date_next_on.png);
}

.counselstatus_info {
	position: absolute; top: 0; right: 0;
}
.counselstatus_info span {
	display: block;
}
.counselstatus_info span::before {
	content: "";
	display: inline-block;
	margin-right: 4px;
	width: 16px; height: 16px;
	vertical-align: middle;
	background-repeat: no-repeat; background-position: center; background-size: contain;
}
.counselstatus_info .possible::before {
	background-image: url(../../images/admin/icon_counsel_possible_sm.png);
}
.counselstatus_info .impossible::before {
	background-image: url(../../images/admin/icon_counsel_impossible_sm.png);
}
.counselstatus_info .finish::before {
	background-image: url(../../images/admin/icon_counsel_finish_sm.png);
}

.schedule_wrap .tbl_line table thead th{
	padding: 4px;
}
.counsel_status {
	display: inline-block;
}
.counsel_status input {
	display: none;
}
.counsel_status label {
	display: inline-block;
	width: 30px; height: 30px;
	font-size: 0; line-height: 0; vertical-align: middle;
	background-repeat: no-repeat; background-position: center; background-size: contain;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.counsel_status.possible label {
	background-image: url(../../images/admin/icon_counsel_possible.png);
	cursor: pointer;
}
.counsel_status.impossible label {
	background-image: url(../../images/admin/icon_counsel_impossible.png);
}
.counsel_status.finish label {
	background-image: url(../../images/admin/icon_counsel_finish.png);
}
.schedule_wrap .tbl_line td.on {
	background: #dcf0fe;
}

@media all and (max-width:1024px) {
	.modal-xl {
		width: 96%;
	}
}
@media all and (max-width:768px) {
	
	/* 상담가능시간선택 768 */
	.schedule_wrap {
		padding: 0;
	}
	.schedule_tit {
		margin-bottom: 20px;
	}
	
}
@media all and (max-width:480px) {
	
	/* 상담가능시간선택 480 */
	.schedule_tit {
		padding-top: 10px;
	}
	.counselstatus_info {
		position: static;
		margin-bottom: 6px;
		text-align: right;
	}
	.counselstatus_info span {
		display: inline-block;
	}
	
}