.main_header_top{
		position: fixed;
		width: 100%;
		z-index: 99999;
		top: 0;
	}
	.class_section{
		position: relative;
	}
	.class_title{
		/* width: 240px; */
		cursor: pointer;
		position: relative;
		/* padding: 30px; */
	}
	.class_font{
		font-size: 24px;
		margin-bottom: 10px;
	}
	.class_link{
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
	}
	.class_img{
		/* width: 230px !important;
		height: 230px !important; */
		/* border: 1px solid #ddd;
		border-radius: 10px; */
		overflow: hidden;
	}
	.class_div .class_img img{
		width: 100%;
		height: 100%;
		border-radius: 10px;
	}
	.class_img a{
		/* display: flex;
		justify-content: center;
		align-items: center; */
		cursor: pointer;
	}
	.main_line{
		width: 100%;
		display: flex;
		border: 1px solid #ededed;
		position: relative;
		text-align: center;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
	}
	.main_line span:hover{
		background: #06f;
		transition: all .5s;
	}
	.btn_all:hover{
		background: #06f;
		transition: all .5s;
	}
	.main_line span:hover a{
		color: #fff;
	}
	.btn_all:hover a{
		color: #fff;
	}
	.review_text{
		font-size: 30px;
		color: #000;
		margin-right: 10px;
		font-weight: bold;
	}
	.review_text2{
		font-size: 16px;
	}
	.text-right{
		text-align: right;
	}
	.review_go{
		cursor: pointer;
		margin: 10px 0;
		display: inline-block;
		float: right;
		top: -3px;
		position: relative;
		animation: review 1s infinite;
		-webkit-animation: review 1s infinite;
	}
	@keyframes review {
		0%, 100%{
			transform: translateY(0px);
		}
		50%{
			transform: translateY(-10px);
		}
	}
	.review_go span{
		padding: 10px;
		border-radius: 25px;
		background: #ff4e4e;
		color: #fff;
	}
	.review_content{
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		border-radius: 10px;
		padding: 40px 0;
		margin-left: -3px;
	}
	.center_reviews{
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		flex-direction: row;
		/* width: 345px !important;
		height: 250px; */
		/* padding: 0 40px; */
		justify-content: center;;
		position: relative;
	}
	.m_service_center1 img, .m_service_center2 img{
		width: 100%;
	}
	.swiper_class{
		width: 100%;
	}
	.swiper-slide{
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}
	@media(min-width:1300px){
		.btm .bbs_wrap {
			width: 42% !important;
		}
		.btm{
			width: 100% !important;
		}
		.top_section1{
			width: 100% !important;
			display: inline-block;
			margin: 0;
			overflow: initial;
		}
		.footer_info{
			font-size: 17px !important;
		}
		.footer_person_info{
			font-size: 18px !important;
		}
		.patners2 .content ul li{
			width:auto !important;
			margin: 0 20px;
		}
		.bbs_wrap2 .latestBBS2 li .title{
			width: calc(100% - 75px);
		}
		.bbs_wrap3 .latestBBS2 li .title{
			width: calc(100% - 135px);
		}
		.service_center{
			float: left;
			position: relative;
			width: auto;
			display: inline-block;
			margin-right: 30px;
		}
		.service_center img{
			width: 100%;
		}
		.service_center{
			display: block;
		}
		.m_service_center1, .m_service_center2{
			display: none;
		}
	}
	@media(min-width:768px) and (max-width:1299px){
		.service_center{
			display: none;
		}
		.m_service_center1{
			display: none;
		}
		.m_service_center2{
			display: block;
			margin-bottom: 20px;
		}
		.lecture{
			overflow: initial;
		}
	}
	@media(min-width:768px){
		.pc_class{
			display: block;
		}
		.m_class{
			display: none;
		}
		/* .main_line{
			margin: 70px 0;
		} */
		.class_main{
			display: flex;
			flex-wrap: nowrap;
			justify-content: center;
			gap: 30px;
			align-items: center;
		}
		.class_link{
			gap: 38px;
			padding: 20px !important;
		}
		.class_img{
			width: 225px !important;
			height: auto;
			display: flex !important;
		}
		.main_line span{
			position: absolute;
			top: -20px;
			border: 1px solid #ddd;
			border-radius: 20px;
			padding: 7px;
			width: 100px;
			cursor: pointer;
			background: #fff;
			box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
			transition: all .5s;
			z-index: 99;
		}
		.class_img a{
			border: 1px solid #ddd;
			border-radius: 10px;
			overflow: hidden;
			display: block;
		}
		.class_img a:hover img{
			transform: scale(1.1);
			transition: transform .3s; 
		}
		.class_img a img{
			transition: transform .3s; 
		}
		.review_full{
			background: #f3eddc;
			padding: 60px 0;
		}
		.handwriting > div > span{
			width: 370px;
		}
		.review_title{
			font-size: 20px;
		}
		.review_name{
			font-size: 30px;
		}
		.center_reviews{
			border-right: 1px dashed #d5d5d5;
		}
		.btn_all{
			position: absolute;
			top: 35%;
			border: 1px solid #ddd;
			border-radius: 20px;
			padding: 7px;
			width: 20px;
			cursor: pointer;
			background: #fff;
			box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
			transition: all .5s;
			z-index: 9;
			right: -16px;
			height: 90px;
			writing-mode: vertical-lr;
			text-align: center;
		}
		.landing_go{
			position: absolute;
			top: 72%;
			border-radius: 5px;
			padding: 6px;
			width: 58px;
			text-align: center;
			background: #ff488a;
			color: #ffffff !important;
			/* font-weight: bold; */
			z-index: 9;
			font-size: 14px;
			width: 63px;
		}
		.bbs_wrap .board{
			width: 100% !important;
		}
		.review_txt{
			display: block;
		}
		.main_notice a .tit{
			margin: 0 27px;
			padding: 32px 0 18px 0;
			color: #3b3b3b;
			font-size: 18px;
			line-height: 1;
			letter-spacing: -0.03rem;
		}
		.main_notice a p{
			margin: 0 27px;
			font-size: 14px;
			color: #666;
			width: 93px;
		}
		.answer_complete{
			margin-right: 10px;
		}
	}
	@media(max-width:767px){
		.pc_class{
			display: none;
		}
		.m_class{
			display: block;
			margin-bottom: 20px;
		}
		.main_line{
			margin: 10px 0;
		}
		.service_center{
			display: none;
		}
		.m_service_center1{
			display: block;
			margin-bottom: 20px;
		}
		.m_service_center2{
			display: none;
		}
		.class_img{
			border: 0;
			border-radius: 0;
			display: flex !important;
		}
		.class_main{
			padding: 15px;
		}
		.class_main{
			display: flex;
			flex-wrap: nowrap;
			justify-content: center;
			/* gap: 20px; */
			justify-content: center;
			flex-direction: column;
			align-content: center;
			align-items: center;
		}
		.main_line span{
			position: absolute;
			top: -15px;
			border: 1px solid #ddd;
			border-radius: 20px;
			padding: 4px;
			width: 100px;
			cursor: pointer;
			background: #fff;
			transition: all .5s;
		}
		.swiper_class{
			width: 100%;
		}
		.class_title a img{
			width: 100%;
		}
		.class_title{
			text-align: center;
			margin: 0 0 30px 0;
		}
		.class_img{

		}
		.class_img a{
			width: 80%;
			height: 100%;
			border: 1px solid #ddd;
			border-radius: 10px;
		}
		.middle_banner{
			margin: 30px 0;
		}
		.review_full{
			background: #f3eddc;
			padding: 60px 30px;
		}
		.question{
			margin-bottom: 0 !important;
		}
		.review_title{
			font-size: 4vw;
		}
		.review_name{
			font-size: 6vw;
		}
		.class_img{
			width: 180px !important;
		}
		.btn_all {
			position: relative;
			border: 1px solid #ddd;
			border-radius: 20px;
			padding: 7px;
			width: 100px;
			cursor: pointer;
			background: #fff;
			box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
			transition: all .5s;
			z-index: 9;
			height: auto;
			text-align: center;
			margin-top: 20px;
		}
		.landing_go{
			position: relative;
			border-radius: 15px;
			padding: 5px;
			text-align: center;
			background: #0066ff;
			color: #ffffff !important;
			font-weight: bold;
			z-index: 9;
			font-size: 16px;
			display: block;
		}
		.latestBBS li .title{
			width: calc(100% - 75px);
		}
		.review_txt{
			display: inline-block;
			margin-bottom: 15px;
		}
		.main_notice a .tit{
			margin: 0 18px;
			padding: 32px 0 18px 0;
			color: #3b3b3b;
			font-size: 18px;
			line-height: 1;
			letter-spacing: -0.03rem;
		}
		.main_notice a p{
			margin: 0 18px;
			font-size: 14px;
			color: #666;
			width: 85px;
		}
		.answer_complete{
			margin-right: 0;
		}
	}
	@media(min-width:1300px){
		.class_main::before{
			content: "";
			width: 2px;
			height: 100%;
			background: #ededed;
			left: 230px;
			position: absolute;
			top: 0;
    	}
	}
	@media(max-width:1299px){
		.bbs_wrap2, .bbs_wrap3{
			width: 100% !important;
		}
	}
	@media(min-width:500px) and (max-width:767px){
		.handwriting > div > span{
			width: 350px;
		}
	}
	@media(min-width:350px) and (max-width:499px){
		.handwriting > div > span{
			width: 220px;
		}
	}
	@media(max-width:349px){
		.handwriting > div > span{
			width: 200px;
		}
	}
	.m-40-auto{
		margin: 40px auto !important;
	}
	.address2{
		margin-top: 10px;
        font-size: 16px !important;
		color: #9d9d9d;
        line-height: 21px;
        letter-spacing: -0.5px;
		line-height: 27px;
	}
	.patners2{
		background: #ffffff !important;
	}
	.handwriting > div > span{
		color: #444;
		word-break: keep-all;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
		line-height: 1.5;
		letter-spacing: -0.5px;
		font-weight: 300;
		height: 105px;
	}
	.handwriting > div{
		border: 0;
		cursor: pointer;
		display: block;
		position: relative;
		padding: 0 30px;
	}
	.class_review{
		width: 100%;
		background: #faf8f4;
		border-radius: 10px;
		margin-top: 25px;
	}
	.review_title{
		margin-bottom: 20px;
		font-weight: 300;
	}
	.sugi_img{
		float: left;
		display: inline-block;
		width: 80px;
		height: 80px;
		margin-top: 10px;
		/* background: #eee;
		box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.15);
		border-radius: 100%;
		overflow: hidden; */
		position: relative;
	}
	.sugi_img img{
		width: 70px;
		height: auto;
		position: relative;
		border-radius: 100%;
		border: 1px solid #ddd;
		height: 70px;
	}
	.review_more{
		float: right;
		display: inline-block;
		margin-top: 30px;
	}
	.review_more .review_more_btn {
		float: none;
		display: inline-block;
		height: 20px;
		padding: 0 15px;
		font-size: 12px;
		border: 1px solid #ececec;
		background: #fff;
		color: #cf0505;
		box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.15);
		border-radius: 20px;
	}
	.review_top_title{
		position: relative;
		display: flex;
		flex-direction: row;
		margin-bottom: 20px;
		gap: 30px;
		align-items: center;
	}
	.review_name{
		font-weight: bold;
		margin-top: 10px;
	}
	.main_section1, .main_section2{
		justify-content: space-around !important;
	}
	/* 테스트 */
	.guide_p{
		display: inline-block;
		font-size: 19px;
		font-weight: 600;
		color: #000000;
		vertical-align: middle;
		line-height: 1.5;
		text-align: left;
	}
	.guide_s{
		display: block;
		font-size: 14px;
		font-weight: 600;
		color: #2d2d2d;
	}
	.guide_go2{
		display: inline-block;
		position: relative;
		cursor: pointer;
		padding-bottom: 13px;
		padding-top: 13px;
		margin: 0;
		text-align: left;
	}
	@media(max-width:1200px){
		.main_section3{
			flex-wrap: wrap !important;
			width: auto !important;
			/* margin: 0 2.5% !important; */
		}
		.guide_go2 span{
			display: block !important;
			text-align: center;
			margin: 0 !important;
		}
		.main_section3 > .col-guide{
			width: calc(100% / 5) !important;
			border: 1px solid #fff !important;
		}
		.main_section3 .col-guide .guide_go2{
			width: 100%;
			text-align: center;
		}
		.main_section3 .col-guide .guide_go2 .guide_p{
			text-align: center !important;
			font-size: 14px;
		}
		.main_section3 .col-guide .guide_go2 .guide_s{
			font-size: 11px;
		}
		.guide2{
			display: block !important;
			margin-bottom: 20px;
		}
		.main_section3{
			justify-content: flex-start !important;
		}
	}
	@media(max-width:767px){
		.main_section3 > .col-guide{
			width: calc(100% / 3) !important;
			border: 1px solid #fff !important;
		}
		.main_notice{
			display: flex;
			flex-wrap: wrap;
			gap: 10px;
			justify-content: center;
		}
		.main_notice a {
			float: left;
			width: 48%;
			height: 152px;
			border-radius: 15px;
			/* margin: 15px 0; */
		}
		.m_top_menu, .m_top_submenu{
			background: #ffffff;
		}
		.main_top{
			margin-top:125px;
		}
	}
	.move{
		display: block;
		width: 50px;
		height: auto;
		position: fixed;
		bottom: 30px;
		right: 30px;
		text-align: center;
		border: 1px solid #ddd;
		z-index: 999;
	}
	.up_move{
		border-bottom: 1px solid #ddd;
	}
	.move .down_move, .move .up_move{
		font-size: 30px;
	}
	.move .down_move a, .move .up_move a{
		display: block;
		height: auto;
		cursor: pointer;
		caret-color: transparent;
		padding: 8px;
		background: #ffffff;
	}
	.move .down_move:hover a, .move .up_move:hover a{
		color: #ffffff;
		background: #5075ff;
		transition: all 0.3s;
	}
	.btn_all a{
		letter-spacing: 2px;
	}
	.header_wrap_top{
		background: #ffffff;
	}
	@media (min-width: 1300px) {
		.header_wrap_top{
			display: block;
			border: 1px solid #ddd;
		}
		/* .guide{
			width: 1300px !important;
			border-radius: 10px;
		} */
		.latestBBS li {
			width: 100% !important;
			overflow: hidden;
			margin: 10px 0;
			line-height: 0;
		}
		.bbs_wrap2 .latestBBS2 li .title {
			width: calc(100% - 160px) !important;
		}
		.bbs_wrap3 .latestBBS2 li .title {
			width: calc(100% - 200px) !important;
		}
		.btm .bbs_wrap {
			width: 39% !important;
		}
		.main_notice a{
			float: left;
			width: calc(100% / 4 - 158.5px);
			height: 152px;
			margin-left: 22px;
			border-radius: 15px;
			transition: all .3s;
			border: 1px solid #eceae9;
		}
		.main_notice a:hover{
			transition: all .3s;
			box-shadow: 0 2px 4px rgb(0, 0, 0, 12%);
			transform: translateY(-3px);
		}
		.main_top{
			margin-top:171px;
		}
	}
		@media(min-width:768px) and (max-width:1299px){
			/* .guide{
				width: 90% !important;
				border-radius: 10px;
			} */
			.main_notice a {
				float: left;
				width: calc(100% / 2 - 7%);
				height: 152px;
				border-radius: 15px;
				margin: 15px;
				transition: all .3s;
				border: 1px solid #eceae9;
			}
			.main_notice a:hover{
				transition: all .3s;
				box-shadow: 0 2px 4px rgb(0, 0, 0, 12%);
				transform: translateY(-3px);
			}
			.main_top{
				margin-top:170px;
			}
		}
		@media(max-width:1299px){
			.header_wrap_top{
				display: none;
			}
			/* .main_notice a {
				float: left;
				width: calc(100% / 2 - 7%);
				height: 152px;
				border-radius: 15px;
				margin: 15px;
			} */
		}
		.main_notice .menual{
			background: #ACEDFF url(../img/main_notice/meual2.png) right -3px bottom -2px no-repeat;
			background-size: 50px;
			
		}
		.main_notice .remote{
			background: #FFC4A4 url(../img/main_notice/remote2.png) right -17px bottom -13px no-repeat;
			background-size: 77px;
		}
		.main_notice .resume{
			background: #B1E5C5 url(../img/main_notice/resume.png) right -5px bottom -2px no-repeat;
			background-size: 53px;
		}
		.main_notice .coupon{
			background: #FFE99F url(../img/main_notice/coupon.png) right 10px bottom 3px no-repeat;
   			background-size: 56px;
		}





		#modalOpenButton, #modalCloseButton {
			cursor: pointer;
			}

			#modalContainer {
			width: 100%;
			height: 100%;
			position: fixed;
			top: 0;
			left: 0;
			display: flex;
			justify-content: center;
			align-items: center;
			background: rgba(0, 0, 0, 0.5);
			z-index: 9999;
			}

			#modalContent {
				position: absolute;
				background-color: #ffffff;
				width: 400px;
				height: 260px;
				padding: 15px;
				border-radius: 7px;
			}

			#modalContainer.hidden {
			display: none;
			}
			#inputID, #inputPS{
				width: 385px;
				height: 45px;
				line-height: 45px;
				padding-left: 10px;
				margin-right: 10px;
				margin-bottom: 7px;
				border: 1px solid #c3c3c3;
				display: block;
				vertical-align: middle;
				background-color: #ffffff;
				color: #6E6E6E;
			}
			.free_login{
				float: right;
				font-size: 22px;
				margin-top: -37px;
				border: 1px solid #ddd;
				padding: 10px;
				border-radius: 5px;
				background: #464646;
				color: #fff !important;
				cursor: pointer;
			}
			.answer_complete{
				position: relative;
				font-size: 12px;
				font-weight: 600;
				padding: 1px;
				border-radius: 5px;
				width: 50px;
				display: inline-block;
				text-align: center;
			}
			.com_color1{
				background: #D9D9D9;
				color: #000;
			}
			.com_color2{
				background: #2A8FFC;
				color: #000;
			}
			.com_color3{
				background: #4CAF50;
				color: #FFF;
			}
			.q_date{
				width: 95px;
				display: inline-block;
				text-align: right;
			}



@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:15%}}
@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(70px);transform:translateX(70px)}}
@keyframes snowflakes-fall{0%{top:-10%}100%{top:15%}}
@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(60px)}}
.snowflake{position:absolute;top:-10%;z-index:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running;color: #86c1ff;}
.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}
.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}
.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}
.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:3s,1s}
.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:1s,1s}
.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:7s,2s}
.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:5s,1s}
.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:1.5s,0s}
.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}
.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:2s,1.0s}
.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}
.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:3s,1.5s}
.snowflake {
  font-size: 1.5em;
  font-family: Arial, sans-serif;
}
#ezchatsmall_container{
	top: 80px;
}