/*# sourceURL=/css/ttFriendship/ttTeacher.css */
/*@ sourceURL=/css/ttFriendship/ttTeacher.css */
.modal-open {
	overflow: hidden
}

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto
}

.modal {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1050;
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	outline: 0;
	-webkit-overflow-scrolling: touch;
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: .5rem;
	pointer-events: none
}

.modal.fade .modal-dialog {
	transition: -webkit-transform .3s ease-out;
	transition: transform .3s ease-out;
	transition: transform .3s ease-out, -webkit-transform .3s ease-out;
	-webkit-transform: translate(0, -50px);
	transform: translate(0, -50px)
}


@media( prefers-reduced-motion :reduce) {
.modal.fade .modal-dialog {
		transition: none
	}
}

.modal.show .modal-dialog {
	-webkit-transform: none;
	transform: none;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.modal.show .modal-dialog:has(.survey3) { 
	width:100% !important;
	max-width: 100% !important;
}

.modal-dialog-scrollable {
	display: -ms-flexbox;
	display: flex;
	max-height: calc(100% - 1rem);
	justify-content: center;
}

.modal-dialog-scrollable .modal-content {
	max-height: calc(100vh - 1rem);
	overflow: hidden
}

.modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header
	{
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
	overflow-y: auto
}

.modal-dialog-centered {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
	display: block;
	height: calc(100vh - 1rem);
	content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
	max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
	content: none
}

/*설문모달 너비 수정 - 230224 kmj*/
.modal-content {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	max-width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border-radius: 20px;
	outline: 0
}

.modal-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1040;
	width: 100vw;
	height: 100vh;
	background-color: #000
}

.modal-backdrop.fade {
	opacity: 0
}

.modal-backdrop.show {
	opacity: .5
}

.modal-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: justify;
	justify-content: space-between;
	/* padding: 1rem 1rem; */
	border-bottom: 1px solid #dee2e6;
	border-top-left-radius: .3rem;
	border-top-right-radius: .3rem;
	background: #4a65f6;
}

.modal-header .close {
	padding: 1rem 1rem;
/* 	margin: -1rem -1rem -1rem auto */
}

.modal-title {
	/* margin-bottom: 0;
	line-height: 1.5;
	font-size: 2.25rem;
	margin: auto; */
	
	color: #fff;
    font-size: 2.8rem;
    font-weight: 500;
    margin: 0;
    padding: 22px 0;    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    
	
}

.modal-body {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	/* padding: 1rem */
}

.modal-footer {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: end;
	justify-content: center;
	padding: 1rem;
	border-top: 1px solid #dee2e6;
	border-bottom-right-radius: .3rem;
	border-bottom-left-radius: .3rem;
	position: relative;
}

.modal-footer>:not(:first-child){
	margin-left: .25rem
}

.modal-footer>:not(:last-child){
	margin-right: .25rem
}

.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll
}

@media( min-width :576px) {
.modal-dialog {
		max-width: 100%;
		margin: 1.75rem auto
	}
.modal-dialog-scrollable {
		max-height: calc(100% - 3.5rem)
	}
.modal-dialog-scrollable .modal-content {
		max-height: calc(100vh - 3.5rem)
	}
.modal-dialog-centered {
		min-height: calc(100% - 3.5rem)
	}
.modal-dialog-centered::before {
		height: calc(100vh - 3.5rem)
	}
.modal-sm {
		max-width: 300px
	}
}

@media( min-width :992px) {
.modal-lg, .modal-xl {
		max-width: 800px
	}
}

/* @media( min-width :1340px) {
.modal-xl {
		max-width: 1340px
	}
} */
.modal-footer:after, .modal-footer:before, .modal-header:after,
	.modal-header:before {
	display: table;
	content: " "
}

.modal-footer:after, .modal-header:after{
	clear: both
}


/***** ����Ʈ ��ü BG ******/


.interest_top5 .interest_top5_list li .rank1{
	width:140px;
	display:inline-block;
}
.interest_top5 .interest_top5_list li .rank2{
	width:140px;
	display:inline-block;
}
.interest_top5 .interest_top5_list li .rank3{
	width:100px;
	display:inline-block;
}
.interest_top5 .interest_top5_list li .rank4{
	width:100px;
	display:inline-block;
}
.grid line {
stroke: lightgrey;
stroke-opacity: 0.7;
}
.lineChart {
fill: none;
stroke: steelblue;
stroke-width: 1.5px;
}
.lineChart:hover {
stroke: black;
stroke-width: 3px;
}
.toolTip {
position: absolute;
border: 1px solid;
border-radius: 4px 4px 4px 4px;
background: rgba(0, 0, 0, 0.8);
color : white;
padding: 5px;
text-align: center;
font-size: 12px;
min-width: 30px;
}
.leftChartCss{
width:49%;
float:left;
}


/* 모달 디자인 변경 25.05.22 */
.modal.new-modal .modal-dialog{z-index:9999;top:50%;left:50%;transform:translate(-50%, -50%);position:absolute;width:100%;max-width:650px;border-radius:40px;overflow:hidden;margin:0;box-shadow:0px 4px 50px 0px rgba(0, 0, 0, 0.26);max-height:calc(100% - 50px);}
.modal.new-modal .modal-content{padding:75px 40px 30px 40px;background:url('/images/common/modal_inner-bg.svg') no-repeat center top -372px #fff;box-shadow: 2px 2px 0px 0px #FFF inset;border-radius:40px;height:100%;}
.modal.new-modal .modal-cls{width:24px;height:24px;font-size:0;background:url('/images/common/modal_close.svg') no-repeat center center /24px;position:absolute;top:32px;right:40px;}
.modal.new-modal .modal-header{background:transparent;border:0;position:absolute;left:50%;transform:translateX(-50%);padding:0 36px;width:100%;min-height:70px;align-items:flex-start;}
.modal.new-modal .modal-title{color:#000;font-size:2.6rem;letter-spacing: -1.04px;font-weight:600;line-height:1.3;word-break:keep-all;padding:0;word-spacing:-1px;}
.modal.new-modal .modal-body{min-height:100px;margin:100px 0 30px;display:flex;flex-direction:column;max-height:65vh;overflow-y:auto;justify-content:flex-start;}
.modal.new-modal .modal-body > div{padding:0;}
.modal.new-modal .modal-body .body-text{color:#2D2D2D;text-align:center;font-weight:400;line-height:1.5;letter-spacing: -0.8px;font-size:1.7rem;word-break:keep-all;margin:0;}
.modal.new-modal .modal-body .body-text b{font-weight:600;}
.modal.new-modal .modal-footer{padding:30px 0 0;border-top:1px solid #e2e5e9;display:flex;gap:10px;}
.modal.new-modal .modal-footer button{margin:0 !important;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;}
.modal.new-modal .modal-footer button:hover{border:none;}
@media(max-width : 760px) {
	.modal.new-modal .modal-footer button{padding:0 40px;flex-grow:1;border-radius:100px;max-width:200px;}
}
@media(max-width : 650px) {
	.modal.new-modal .modal-dialog{max-width:none;width:calc(100% - 40px);}
	.modal.new-modal .modal-content{padding:75px 30px 30px 30px;}
	.modal.new-modal .modal-title{font-size:2.4rem;}
	.modal.new-modal .modal-header{position:static;transform:none;min-height:auto;padding:0;}
	.modal.new-modal .modal-body{margin:40px 0 30px;}
	.modal.new-modal .modal-body .body-text{font-size:1.6rem;}
	.modal.new-modal .modal-footer{padding:20px 0 0;}
	.modal.new-modal .modal-footer button{font-size:1.6rem;}
}
@media(max-width : 480px) {
	.modal.new-modal .modal-dialog{width:calc(100% - 20px);border-radius:30px;}
	.modal.new-modal .modal-content{border-radius:30px;padding:75px 32px 30px 32px;}
	.modal.new-modal .modal-cls{background:url('/images/common/modal_close.svg') no-repeat center center /22px;top:22px;right:26px;}
	.modal.new-modal .modal-title{font-size:2.2rem;}
	.modal.new-modal .modal-body{margin:30px 0;}
	.modal.new-modal .modal-body .body-text{font-size:1.5rem;}
	.modal.new-modal .modal-footer{gap:8px;}
	.modal.new-modal .modal-footer button{font-size:1.5rem;}
}