@charset "utf-8";

/* 반응형
	모바일 : ~767px 
	태블릿 : ~1024px
*/

.show_m,
.show_tablet {
	display: none;
}

@media screen and (max-width:1440px) {
	.aside_btns {
		padding:0 3%;
	}
	.aside_btns .right p {
		padding-left:0;
	}
	.section_08 .container {
		padding:0;
	}

	.section_09 .card_slide .content p {
		font-size: 15px;
		width:70%; 
		margin: 0 auto;
	}
	.section_09 .card_slide .content p br {display: none;}
	.section_09 .card.point .thumb {
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
	}
	.keywords_wrap .img {
		max-width: 472px;
	}
	.keywords_wrap li {
		font-size: 21px;
		padding:26px 37px;
	}
	.keywords_wrap.static_ani.show li:nth-child(3) {/*무엇이 좋은가*/
		animation: static3_tbl 0.7s forwards;  
		animation-delay: 1.3s;
		transform: translate(-130%, -20%) /* Y 기존값 -50 */
	}
	.interview_wrap .swiper-button-next,
	.interview_wrap .swiper-button-prev {
		margin:0;
		top:56%;
	}
	.interview_wrap .swiper-button-next {
		right:-5px;
		left:auto;
	}
	.interview_wrap .swiper-button-prev {
		left:57px;
	}
	/* 이벤트 */	
	.event_202307 img.particle {
		display: none;
	}
	/* 9월 이벤트 */
	.event_202309 .maple1 {left:-1.5%;}
	.event_202309 .event_info {padding:30px 15%; width:90%; margin:50px auto 0;}
	.event_202309 .latte {transform:translate(0, 30%); width:200px;}
	.event_202309 .event_info li .tt {font-size: 20px;}
	.event_202309 .event_info li .ct {font-size: 18px;}
}
@media screen and (max-width:1320px) {
	.aside_btns {
		padding:0 3% 0 6%;
		background:#20BAFC;
	}
	
	.aside_btns .right p {
		/* flex-direction:column; */
		/* justify-content: center; */
		/* align-items: flex-start; */
	}
	.aside_btns .right p span {
		/* margin-left:0; */
		font-size: 26px;
		/* text-shadow:0 0 6px rgb(0 0 0 / 30%); */
		/* z-index:1; */
	}
	.aside_btns .right p a {
		/* margin-left:0; */
		/* padding:10px 33px 6px; */
	}
	.interview_wrap {width:90%;}

	.card_list_03 ul li {
		width:calc(100vw / 3 - 20px);
		margin: 0 10px;
		height:auto;
	}
	.chat_list {
		margin-left: 10vw;
	}
	.chat_list ul li.chat_right .chat_thumb {
		width:89px;
	}
	.chat_list ul li.chat_left .chat_thumb {
		width: 130px;
	}
	.chat_list ul li.chat_left .chat_text {
		padding-left:134px;
	}

}

@media screen and (max-width:1240px) {
	.aside_btns .right p span {
		font-size:23px;
	}
	.aside_btns .right p span br {display:block;}

	.chat_list ul li.chat_left .chat_text p {
		margin-left:15%;
	}
	.chat_list ul li.chat_left .chat_thumb {
		margin-left:-50px;
	}
	.chat_list ul li .chat_content {
		font-size: 17px;
	}
	.section_01 > .container {
		max-width:90%;
	}
	.main_slide .swiper-slide .img,
	.section_01 .title_wrap {
		width:50%;
	}
	.main_slide .swiper-slide img {
		max-width:100%;
	}

	.btn_scroll {
		left:auto;
		transform:translateX(0);
		margin-left:0;
		right:20px;
	}
	.chat_list ul li.chat_left .chat_thumb img {
		width:130px;
	}
	.chat_list {
		margin-left: 12vw;
		width:45%;
	}
	.chat_list ul li.chat_left .chat_text {
		padding-left: 0;
	}

	.section_09 .slider_thumb .thumb {
		/* height:27vw; */
	}
	.section_09 .slider_thumb .content p {
		font-size: 15px;
	}
	.link_btns a {
		height:70px;
	}
	.link_btns a img {
		max-width:initial;
		height:100%;
	}
	.interview_card dl {
		padding:40px 16px;
	}
	.interview_card h3 {
		font-size: 32px;
	}
	.interview_card p {
		font-size: 14px;
		line-height: 1.5;
	}

	/* 이벤트 */
	.event_202307 .deco_wrap {transform:translateX(-10%);}
	.event_202307 .phone_wrap {	right:48%;}
	.event_202307 .phone_wrap img.step1 {left:60%;}
	.event_202307 .phone_wrap img.btn {left:48%;}
	.event_202307 .phone_wrap .phone {margin-left:-10%;}


}

@media screen and (max-width:1024px) {

	body {
		font-size:14px;
	}
	.show_tablet {
		display: block;
	}
	.gnb a {
		padding:0 20px;
	}
	.container {
		max-width:90%;
		padding:0;
	}
	.aside_btns .left {
		width:30%;
	}

	.link_btns a {
		height:7vw;
		margin:0 8px;
	}
	.section_09 .card_slide .card {
		margin: 0 10px;
		transform:scale(0.95);
	}
	.section_09 .card_slide .card:first-child.on {
			margin : 0 0 0 20px;
	}
	.section_09 .card_slide .card:last-child.on {
		margin: 0 20px 0 0;
	}
	.section_09 .card_slide .content h3 {
		font-size: 22px;
	}

	.interview_wrap .swiper-button-next, 
	.interview_wrap .swiper-button-prev {
		left:50%;
		right:auto;
	}
	.interview_wrap .swiper-button-next {
		margin-left: 18vw;
	}
	.interview_wrap .swiper-button-prev {
		margin-left: -17.5vw;
	}
	.section_06 {
		margin-bottom: 200px;
	}
	.section_06 .box {
		width:90%;
	}
	.section_06 .title_wrap .title, 
	.section_06 .title_wrap .title strong {
		font-size: 38px;
	}
	.title_wrap .sub_title {
		font-size: 24px;
	}
	.card_list_01 ul li {
		width:43vw;
		height:auto;
	}
	.card_list_01 ul li p br{
		display: none;
	}
	.section_12 .container {
		max-width:100%;
	}
	/* section_01 */

	.section_01 .title_wrap .title {
		font-size: 5.5vw;
	}
	.section_01 .title_wrap .title.lg {
		font-size: 10vw;
	}
	.swiper-slide .title.lg img {
		max-height:10vw;
	}

	/* section_03 */

	.card_list_01 ul {
		flex-wrap:wrap;
		width:100%; 
		max-width:600px;
	}
	.card_list_01 ul li {
		overflow:hidden;
		max-width:none; 
		
	}
	#motion_txt2 img {
		height:7vw;
	}

	.section_02 .title_wrap { 
		margin-bottom: 10vw;
	}
	.keywords_wrap ul {
		transform: translateX(0);
		position: initial;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.keywords_wrap li {
		font-size: 2vw;
	}
	.keywords_wrap li:before {
		border-top: 5px solid #386EFB;
		border-bottom: 5px solid transparent;
	}

	.keywords_wrap.static_ani.show li:nth-child(1),
	.keywords_wrap.static_ani.show li:nth-child(3) {
		margin-left:30px;
	}

	.keywords_wrap.static_ani.show li:nth-child(2),
	.keywords_wrap.static_ani.show li:nth-child(4) {
		margin-left:-30px;
	}

	.keywords_wrap.static_ani.show li:nth-child(1),
	.keywords_wrap.static_ani.show li:nth-child(2),
	.keywords_wrap.static_ani.show li:nth-child(3),
	.keywords_wrap.static_ani.show li:nth-child(4),
	.keywords_wrap.static_ani.show li:nth-child(5) {
		animation:none;
		font-size: 2vw;
		line-height: 1.2em;
		padding:25px 50px;
		position:static;
		opacity: 0;
		margin-bottom:30px;
		transition: opacity 0.5s;
		transform:translate(0,0)
	}
	
	.section_02.active .keywords_wrap.static_ani.show li:nth-child(1) {
		transition-delay : 0.3s;
		opacity: 1;
	}
	.section_02.active .keywords_wrap.static_ani.show li:nth-child(2) {
		transition-delay : 0.6s;
		opacity: 1;
	}
	.section_02.active .keywords_wrap.static_ani.show li:nth-child(3) {
		transition-delay : 0.9s;
		opacity: 1;
	}
	.section_02.active .keywords_wrap.static_ani.show li:nth-child(4) {
		transition-delay : 1.2s;
		opacity: 1;
	}
	.section_02.active .keywords_wrap.static_ani.show li:nth-child(5) {
		transition-delay : 1.5s;
		opacity: 1;
	} 

	.keywords_wrap .img {
		transform: translate(53px, 0px);
		max-width:50vw;
		opacity: 0;
		transition:opaticy 1.5s;
	}
	.section_02.active .keywords_wrap .img {
		opacity: 1;
	}
	.card_list_03 ul li strong {
		font-size: 2.4vw;
	}
	.card_list_03 ul li p {
		padding:0 10px;
	}

	.section_03 {
		margin-top:-110px;
	}
	.section_03 .title_wrap .sub_title  {
		font-size: 3vw;
		margin-bottom:0;
	}
	.section_03 .title_wrap .title {
		font-size: 4vw;
	}
	.section_03 .title_wrap .title strong {
		font-size: 5vw;
	}

	/* section_04 */
	.video_01 .video_wrap {
		display: flex;
		height:auto;
		max-width:80%;
		margin:0 auto 20px;
	}
	.video_01 [poster] {
		height:100%;
	}
	.video_01 p {
		font-size: 2.2vw;
	}
	.card_list_02 dl dt {
		font-size:32px;
	}

	/* section_05 */
	
	.card_list_02 ul {
		flex-direction: column;
		max-width:600px;
	}
	.card_list_02 ul li,
	.card_list_02 ul li.on {
		width:100%;
		height:auto;
		padding:35px 45px;
		border-radius: 20px;
		margin-bottom: 10px;
	}
	.card_list_02 ul li .img a {
		right: 60px;
		bottom: 50px;
	}
	.card_list_02 ul li img {
		height:auto;
	}
	.card_list_02 ul li p:first-child {
		margin-bottom: 0;
		flex-direction: row;
		align-items: center;
	}
	.card_list_02 ul li.on p:first-child {
		flex-direction: column;
	}
	.card_list_02 ul li p span {
		font-size: 12px;
		font-weight: normal;
		padding:8px 12px 7px;
		width: auto;
		height:auto;
		line-height: 12px;
		margin-bottom: 0;
		margin-right:10px;
	}
	.card_list_02 ul li.on p span {
		margin-bottom: 10px;
	}
	.card_list_02 ul li p strong {
		font-size: 20px;
	}
	.card_list_02 ul li p {
		font-size: 16px;
	}
	.tab_header ul {
		justify-content: space-around;
	}

	.tab_header li {
		width:24%;
	}
	.tab_header li a {
		width:100%;
	}

	.section_08 .container {
		max-width:100%;
		padding:0;
	}
	.slider_01 .slide-1-bullet {
		flex-wrap:wrap;
		width:80%;
	}
	.section_08 .slider_01 .slide-1-bullet > li {
		font-size: 2vw;
		padding: 6px 16px 7px;
		line-height: 1.5;
		margin:5px 2px 0;
	}
	.slider_01 .slide-item {
		width: calc(100vw / 3 + 20px);
		height:auto;
		border-radius: 20px;
		padding:7px;
	}
	.slider_01 .slide-item img {
		border-radius: 14px;
	}
	.slider_01 .slide-item .slide-item-title {
		font-size: 12px;
		width:118px;
	}
	.slider_01 .slide-item p {
		font-size: 10px;
		width:80%;
		margin:-10px auto 0;
	}


	/* */
	.section_081 .container {
		max-width:100%;
		padding:0;
	}
	.slider_081 .slide-1-bullet {
		flex-wrap:wrap;
		width:80%;
	}
	.section_081 .slider_081 .slide-1-bullet > li {
		font-size: 2vw;
		padding: 6px 16px 7px;
		line-height: 1.5;
		margin:5px 2px 0;
	}
	.slider_081 .slide-item {
		width: calc(100vw / 3 + 20px);
		height:auto;
		border-radius: 20px;
		padding:7px;
	}
	.slider_081 .slide-item img {
		border-radius: 14px;
	}
	.slider_081 .slide-item .slide-item-title {
		font-size: 12px;
		width:118px;
	}
	.slider_081 .slide-item p {
		font-size: 10px;
		width:80%;
		margin:-10px auto 0;
	}

	/* */
	.section_082 .container {
		max-width:100%;
		padding:0;
	}
	.slider_082 .slide-1-bullet {
		flex-wrap:wrap;
		width:80%;
	}
	.section_082 .slider_082 .slide-1-bullet > li {
		font-size: 2vw;
		padding: 6px 16px 7px;
		line-height: 1.5;
		margin:5px 2px 0;
	}
	.slider_082 .slide-item {
		width: calc(100vw / 3 + 20px);
		height:auto;
		border-radius: 20px;
		padding:7px;
	}
	.slider_082 .slide-item img {
		border-radius: 14px;
	}
	.slider_082 .slide-item .slide-item-title {
		font-size: 12px;
		width:118px;
	}
	.slider_082 .slide-item p {
		font-size: 10px;
		width:80%;
		margin:-10px auto 0;
	}
	/* */

	.section_07 {
		background:url("../../images/20231009/section6-bg-mobile.png") no-repeat center / 100% 100%;
	}

	.notice_marquee {
		width:85%;
	}
	.section_09 .slider_thumb .slide_item {
		margin:0 15px;
	}


	/* footer */
	footer {
		color:rgba(255,255,255,0.8);
		padding:53px 0 120px
	}
	footer .container {
		padding:0 28px 100px
	}
	.sns_wrap {
		margin-top:40px;
	}
	.sns_wrap a {
		width:38px; height:38px;
	}
	address {
		font-size:14px;
	}
	address p img {
		height:16px;
		margin-bottom:21px;
	}	

	.interview_wrap dl {
		width:calc(32% - 15px);
		/* min-width:280px; */
	}
	.interview_card dl.swiper-slide-active + .swiper-slide {
		margin:0 25px;
	}
	.interview_card .email {
		font-size: 14px;
	}

	.section_main .container {
		max-width:90%;
	}

	.section_09 .slider_thumb .content h3,
	.section_09 .slider_thumb .content h3 span {
		font-size: 2vw;;
	}
	.section_09 .slider_thumb .content p {
		font-size: 14px;
	}
	.section_09 .slider_thumb .content p br {
		display: none;
	}
	.section_09 .slider_thumb .content {
		padding: 35px 20px;
	}
	.section_10 .slider_02 .icon.gif {
		right:20px;
		transform:translateX(50%);
	}

	.section_13 {
		flex-direction: column;
		padding:100px 0 0;
	}
	.section_13 .title_wrap .title {
		display: inline-block;
	}
	.section_13 .chat {
		right:-89px;
	}
	.chat_list {
		margin:120px auto 170px;
		width:70vw;
	}
	.section_13 .title_wrap {
		margin-left: 10%;
	}
	.section_13:after {
		width:90%;
		height:calc(100% - 450px);
	}
	.chat_list ul li.chat_right .chat_thumb {
		width:72px;
	}
	.chat_list ul li.chat_left .chat_thumb img {
		width:117px;
	}
	.interview_wrap {width:100%;}
	.section_09 .card_slide .content p {
		width:85%;
	}
	.aside_btns .right p span {
		font-size:20px;
	}
	.aside_btns .right p a {
		font-size:23px;
		width:41%;
		padding:12px 0 4px;
	}

	/* section_15 */
	.section_15 {padding-top:60px; padding-bottom:50px;}
	.section_15 .title_wrap {margin-bottom:16px;}
	.card_list_04 {width:100%; max-width:290px; margin:0 auto;}
	.card_list_04 ul {flex-direction:column; }
	.card_list_04 ul li {border-radius:10px;}
	.card_list_04 ul li p {font-size:14px;}
	.card_list_04 ul li p strong {font-size:18px;}

	/* 이벤트 */
	.event_info li {font-size: 17px;}
	.event_info li .tt {flex: 0 0 100px; padding:0;}
	/* 7월 */
	.event_202307 .content_wrap {		background:none;		padding-bottom:0;		margin:0;	}
	.event_202307 .phone_wrap {		position: relative;    margin: 54px auto 0;    padding: 0;    right: 0;	}
	.event_202307 .phone_wrap .phone {		margin-left:0;	}
	.event_202307 .content_wrap .container {		display: block;		background:#fff;		padding:40px 0;	max-width:100%;	}
	.event_202307 .event_info {		width:80%;		margin:0 auto;	}
	.event_202307 .phone_wrap img.phone {		z-index: 0;    left: 50%;    transform: translateX(-58%);	}
	.event_202307 .event_noti .container {max-width:90%;}
	.event_202307 .content_wrap img.present {right:0; top:-90px; height:118px;}
	.event_202307 .content_wrap img.particle {right:35px; bottom:-110px; height:100px;}
	/* 8월 */
	.event_202308 .content_wrap {padding-top:70px;}
	.event_202308 .content_wrap .container {max-width:100%;}
	.event_202308 .title_wrap .desc {border-radius:0; border:0;}
	.event_202308 .deco_wrap img.deco_ball2 {display:none;}

	/* 9월 */
	.event_202309 .title img {width:92.6%;}
	.event_202309 .desc {font-size: 25px; line-height: 35px;;}
	.event_202309 .maple2 {left: 55px; top: 325px;}
	.event_202309 .maple3 {top:300px;}
	.event_202309 .event_info {padding:30px 5%; width:100%;}
	.event_202309 .event_noti {padding:225px 42px 73px;}
	.event_202309 .latte {transform: translate(16%, 30%); width: 150px;}
} /* // 1024 */

@media screen and (min-width:768px) {
	/* 학습플랜 */
	.plan_item {display:block !important;}
}

@media screen and (max-width:767px) {

	.show_m {display: block;}
	.show_tablet,
	.show_pc {display: none !important;}

	html, body {overflow-x: hidden ;}

	.interview_wrap dl {
		min-width:280px;
	}
	.container {
		max-width:90%;
	}

	.title_wrap .sub_title {
		font-size: 3vw;
		margin-bottom: 10px;
		font-weight: 500;
	}
	.title_wrap,
	.section_07 .title_wrap {
		text-align:center;
	}
	.title_wrap .title {
		font-size:5vw; 
		font-weight:700;
	}
	.title_wrap .title_label {
		font-size:14px;
		margin-bottom:12px;
		height:4vw;
		max-height:25px;
	}

	/* header */
	.header .container {max-width:100%; padding:0;}

	.logo {width:84px; height:60px; margin-left:60px;}
	.user-nav {right: 10px;}
	.user-icon {width: 30px; height: 30px;}
	.user-icon svg {width: 15px; height: 15px;}
	.btn_menu {
		display: block; 
		position: absolute; 
		left: 10px; 
		width: 30px; 
		height: 30px;
		background: none;
		border: none;
		cursor: pointer;
		font-size: 0;
		/* CSS로 햄버거 아이콘 생성 */
	}
	
	.btn_menu::before,
	.btn_menu::after {
		content: '';
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		width: 20px;
		height: 2px;
		background-color: #ffffff;
		transition: all 0.3s ease;
	}
	
	.btn_menu::before {
		top: 8px;
	}
	
	.btn_menu::after {
		top: 20px;
	}
	
	.btn_menu::after {
		box-shadow: 0 -6px 0 #ffffff;
	}

	.gnb {
		display:none;
		position:absolute; top:0; left:0; width:100%;
		padding:66px 0 30px;
		z-index:1;
	}
	.gnb a {
		display:block; 
		max-width:200px;
		line-height:60px;
		text-align:center;
		margin:15px auto !important; 
	}
	.gnb a:first-child::before {
		display:none;
	}

	html.gnb_on::before {
		content:"";
		display: block;
		position:fixed;
		left:0;
		right:40%;
		bottom:0;
		top:0;
		background:rgba(0,0,0,0);
		z-index: 32;
		pointer-events: none;
	}

	html.gnb_on .header .gnb {
		display: flex !important;
		background: #ffffff !important;
		background-color: #ffffff !important;
		opacity: 1 !important;
		position: fixed !important;
		left:auto;
		right:0;
		top:0;
		bottom:0;
		width:60% !important;
		z-index: 34 !important;
		flex-direction: column;
		/* 드롭다운 메뉴 스타일 개선 */
		box-shadow: -5px 0 15px rgba(0,0,0,0.2) !important;
		border-left: 1px solid #e0e0e0 !important;
		padding: 80px 0 0 0 !important;
		/* 반투명 완전 제거 */
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
		transform: none !important;
		filter: none !important;
		/* 강제 불투명 배경 */
		background-image: none !important;
		background-attachment: scroll !important;
		background-clip: border-box !important;
		background-origin: padding-box !important;
		background-position: 0% 0% !important;
		background-repeat: repeat !important;
		background-size: auto !important;
		/* 추가 불투명 강제 */
		-webkit-backface-visibility: hidden !important;
		backface-visibility: hidden !important;
		will-change: auto !important;
		/* 완전 불투명 강제 */
		-webkit-transform: translateZ(0) !important;
		transform: translateZ(0) !important;
		-webkit-perspective: 1000 !important;
		perspective: 1000 !important;
	}
	
	/* 데스크톱에서는 원래 스타일 유지 */
	@media (min-width: 1024px) {
		html.gnb_on .header .gnb {
			display: flex !important;
			position: static !important;
			width: auto !important;
			height: auto !important;
			background: transparent !important;
			background-color: transparent !important;
			opacity: 1 !important;
			z-index: auto !important;
			flex-direction: row !important;
			box-shadow: none !important;
			border-left: none !important;
			padding: 0 !important;
			backdrop-filter: none !important;
			-webkit-backdrop-filter: none !important;
			transform: none !important;
			filter: none !important;
		}
	}
	
	/* 더 구체적인 선택자로 강제 적용 */
	html.gnb_on .header .container .gnb {
		background: #ffffff !important;
		background-color: #ffffff !important;
		opacity: 1 !important;
	}
	
	/* 메뉴 아이템 강제 표시 */
	html.gnb_on .header .container .gnb a {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		background-color: #ffffff !important;
		background: #ffffff !important;
		color: #000000 !important;
		position: relative !important;
		z-index: 1 !important;
		pointer-events: auto !important;
		/* 완전 불투명 강제 */
		-webkit-transform: translateZ(0) !important;
		transform: translateZ(0) !important;
		-webkit-backface-visibility: hidden !important;
		backface-visibility: hidden !important;
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
	}
	
	/* 모든 가능한 메뉴 선택자에 강제 불투명 적용 */
	html.gnb_on .header .gnb,
	html.gnb_on .header .gnb *,
	html.gnb_on .header .container .gnb,
	html.gnb_on .header .container .gnb * {
		background-color: #ffffff !important;
		background: #ffffff !important;
		opacity: 1 !important;
		-webkit-transform: translateZ(0) !important;
		transform: translateZ(0) !important;
		-webkit-backface-visibility: hidden !important;
		backface-visibility: hidden !important;
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
	}
	
	html.gnb_on .header .btn_menu {
		background: url("../../images/20231009/btn-topmenu-hamburger.svg") no-repeat center / 24px;
		position:fixed;
		z-index: 35;
		right: 20px;
    top: 16px;
		width:30px;
		height:30px;
		/* 닫기 버튼 색상 */
		filter: brightness(0) saturate(100%) invert(20%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
	}
	html.gnb_on .header .gnb a {
		color: #000000 !important;
    width: 100% !important;
    max-width: initial !important;
    text-align: left !important;
    padding-left: 38px !important;
		border-bottom: 1px solid #E5E5E5 !important;
		border-radius: 0 !important;
		margin: 0 !important;
		line-height: 46px !important;
		font-size: 16px !important;
		font-weight: 500 !important;
		/* 드롭다운 메뉴 스타일 */
		background-color: #ffffff !important;
		background: #ffffff !important;
		opacity: 1 !important;
		transition: background-color 0.2s ease;
		text-decoration: none !important;
		/* 반투명 방지 */
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
		/* 강제 불투명화 */
		transform: none !important;
		filter: none !important;
		/* 항상 표시 */
		display: block !important;
		visibility: visible !important;
		/* 호버 없이도 표시 */
		opacity: 1 !important;
		pointer-events: auto !important;
		/* 강제 표시 */
		position: relative !important;
		z-index: 1 !important;
		/* 완전 불투명 강제 */
		-webkit-transform: translateZ(0) !important;
		transform: translateZ(0) !important;
		-webkit-backface-visibility: hidden !important;
		backface-visibility: hidden !important;
		/* 강제 불투명 배경 */
		background-image: none !important;
		background-attachment: scroll !important;
		background-clip: border-box !important;
		background-origin: padding-box !important;
		background-position: 0% 0% !important;
		background-repeat: repeat !important;
		background-size: auto !important;
	}
	
	/* 데스크톱에서는 원래 스타일 유지 */
	@media (min-width: 1024px) {
		html.gnb_on .header .gnb a {
			color: #fff !important;
			width: auto !important;
			max-width: none !important;
			text-align: center !important;
			padding: 0 36px !important;
			border-bottom: none !important;
			border-radius: 0 !important;
			margin: 0 !important;
			line-height: 48px !important;
			font-size: 18px !important;
			font-weight: normal !important;
			background-color: transparent !important;
			background: transparent !important;
			opacity: 1 !important;
			transition: all 0.3s !important;
			text-decoration: none !important;
			backdrop-filter: none !important;
			-webkit-backdrop-filter: none !important;
			transform: none !important;
			filter: none !important;
		}
	}
	
	/* 더 구체적인 선택자로 강제 적용 */
	html.gnb_on .header .container .gnb a {
		background-color: #ffffff !important;
		background: #ffffff !important;
		opacity: 1 !important;
		display: block !important;
		visibility: visible !important;
	}
	html.gnb_on .header .gnb a:hover {
		background-color: #f8f9fa !important;
		color: #000000;
	}
	html.gnb_on .header.fixed .gnb a.on {
		color:#1a365d;
		font-weight: 600;
		background-color: #e6f3ff !important;
		border-left: 3px solid #2F67FB;
	}
	html.gnb_on .header .gnb a:first-child {
		border-top:1px solid #F0F0F0;
	}
	html.gnb_on .header .gnb .go_cocoble {
		order: unset;
		color: #000000 !important;
		width: 100% !important;
		max-width: initial !important;
		text-align: left !important;
		padding-left: 38px !important;
		border-bottom: 1px solid #E5E5E5 !important;
		border-radius: 0 !important;
		margin: 0 !important;
		line-height: 46px !important;
		font-size: 16px !important;
		font-weight: 500 !important;
		background-color: #ffffff !important;
		background: #ffffff !important;
		opacity: 1 !important;
		display: block !important;
		visibility: visible !important;
		position: relative !important;
		z-index: 1 !important;
		pointer-events: auto !important;
		-webkit-transform: translateZ(0) !important;
		transform: translateZ(0) !important;
		-webkit-backface-visibility: hidden !important;
		backface-visibility: hidden !important;
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
		/* 기존 특별 스타일 제거 */
		justify-content: unset !important;
		align-items: unset !important;
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
	}
	html.gnb_on .header .gnb .go_cocoble:hover {
		background-color: #f8f9fa !important;
		background: #f8f9fa !important;
		color: #000000 !important;
	}
	html.gnb_on .header .gnb .go_cocoble:after {
		display: none;
	}
	
	/* 로그인/로그아웃 링크 스타일 - 다른 메뉴와 동일하게 */
	html.gnb_on .header .gnb .login-link,
	html.gnb_on .header .gnb .logout-link {
		color: #000000 !important;
		width: 100% !important;
		max-width: initial !important;
		text-align: left !important;
		padding-left: 38px !important;
		border-bottom: 1px solid #E5E5E5 !important;
		border-radius: 0 !important;
		margin: 0 !important;
		line-height: 46px !important;
		font-size: 16px !important;
		font-weight: 500 !important;
		background-color: #ffffff !important;
		background: #ffffff !important;
		opacity: 1 !important;
		display: block !important;
		visibility: visible !important;
		position: relative !important;
		z-index: 1 !important;
		pointer-events: auto !important;
		-webkit-transform: translateZ(0) !important;
		transform: translateZ(0) !important;
		-webkit-backface-visibility: hidden !important;
		backface-visibility: hidden !important;
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
		/* 기존 특별 스타일 제거 */
		order: unset !important;
		border: none !important;
		justify-content: unset !important;
		align-items: unset !important;
	}
	html.gnb_on .header .gnb .login-link:hover,
	html.gnb_on .header .gnb .logout-link:hover {
		background-color: #f8f9fa !important;
		background: #f8f9fa !important;
		color: #000000 !important;
	}
	
	/* aside */
	.aside_btns {
		justify-content:center;
		width:calc(100% - 40px);
		max-height:70px;
		padding:0;
	}
	.aside_btns .left {
		flex:1;
		max-width:30%;
		margin-left:0;
	}
	.aside_btns .left img {
		width:100%;
	}
	.aside_btns .right {
		flex:0 0 auto;
		padding:0 0 20px;
	}
	.aside_btns .right p {
		flex-direction:column; align-items: flex-start;
	}
	.aside_btns .right p span {
		transform:none;
		font-size:17px; line-height:1.4;
	}
	.aside_btns .right p img {
		height:26px;
	}
	.aside_btns .right p a {display:none;}
	.aside_btns .right .link_btn {
		width:40px; height:40px;
		margin:0 3px;
	}
	.btn_scroll {
		right:20px; 
		align-items: center;
	}
	.btn_scroll.on {
		bottom:90px;
	}

	.btn_scroll .go_cocoble {
		width:78px;
		height:78px;
	}
	.gotop {
		transform:translate(2px,-5px);
		width:52px;
	}

	/* section_01 */
	[class ^= "section_"].section_01 {
		padding-bottom: 0;
	}

	.section_01 .title_wrap {
		text-align: center;
	}
	.section_01 .title_wrap .title {
		font-size: 7vw;
		overflow: visible;
	}
	.section_01 .title_wrap .title.lg {
		font-size: 12vw;
	}
	
	.swiper-slide .title.lg img {
		max-width:12vw;
		width:12vw;
		max-height:initial
	}
	 
	.section_01 .title_wrap .title.visual_bounce {
		padding-top: 0;
		padding-bottom: 5px;
	}

	.section_01 > .container {
		max-width:100%;
	}

	.main_slide .swiper-slide .img {
		text-align: center;
		width:90%;
		margin-top:30px;
		max-width:500px;
	}
	.section_01 .title_wrap .title.visual_bounce {
		justify-content: center;
	}
	.section_01 .title_wrap {
		width:90%;
	}
	.main_slide .swiper-slide:after {
		content:"";
		position:absolute;
		bottom:0;
		left:0;
		background:rgba(255,255,255,0.1);
		height:30%;
		width:100vw;
		clip-path: polygon(100% 6vw, 100% 100%, 0% 100%, 0% 0%);
		z-index: -1;
	}
	.main_slide .swiper-slide.slide-item-1:after {

	}
	.main_slide .visual_btn a {
		font-size: 16px;
		line-height: 50px;
		height:50px;
		padding: 0 32px;
	}
	.main_slide .swiper-slide .img img {
		margin : 0 auto;
		max-width: 100%;
		max-height: 250px;
		width: auto;
		height: auto;
	}



	.visual_bounce span:before {
		width:4px;
		height:4px;
		top:-7px;
	}

	.main_slide .swiper-slide {
		flex-direction: column;
		justify-content: center;
	}
	.visual_btn {
		display: block;
		max-width:250px;
		margin: 30px auto 0;
	}
	/* section_02 */

	.section_02 {
		padding-top: 68px;
	}
	.section_02 .title_wrap {
		margin-bottom: 50px;
	}
	.keywords_wrap img {
		width:311px;
	}
	
	.keywords_wrap.static_ani.show li:nth-child(1),
	.keywords_wrap.static_ani.show li:nth-child(2),
	.keywords_wrap.static_ani.show li:nth-child(3),
	.keywords_wrap.static_ani.show li:nth-child(4),
	.keywords_wrap.static_ani.show li:nth-child(5) {
		font-size: 16px;
		line-height: 1.2em;
		padding:20px 0;
		width:302px;
		margin-bottom: 20px;
	}
	/* section_03 */

	.section_03 .title_wrap {
		height:167px; 
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items : center;
		padding:27px 0 0;
	}
	.section_03 .title_wrap p.title {
		font-size: 14px;
	}
	.section_03 .title_wrap h2.title {
		font-size: 4vw;
	}
	.section_03 .title_wrap .title strong {
		font-size: 5vw;
	}
	
	.interview_wrap .swiper-button-next {
		margin-left: 22.5vw;
		top:50%;
	}
	.interview_wrap .swiper-button-prev {
		margin-left: -22.5vw;
		top:50%;
	}

	.section_05 {
		background-position: right ;
	}
	.section_05 .title_wrap {
		margin-bottom: 36px;
	}

	.section_05 .title_wrap .title:not(.bold) {
		font-weight: normal;
	}
	

	.video_01 .video_wrap {
		margin:0 auto 20px;
	}
	
	/* section_06 */

	.section_06 {
		padding: 66px 0;
		margin-bottom: 0;
	}
	
	.section_06 .title_wrap .title,
	.section_06 .title_wrap .title strong {
		font-size: 5vw;
	}
	.section_06 .title_wrap .title {
		font-weight: normal;
	}
	
	.card_list_01 ul li {
		width:100%;
		border-radius: 8px;
		margin-bottom: 10px;
	} 
	
	.card_list_01 ul li p {
		font-size: 19px;
		width:65%;
	}


	.section_06 { /* 여기 */

	}
	.section_06 .box {
		max-width:70%;
		flex-direction: column;
	}

	.section_06 .title_wrap .sticky {
		transform:translateY(0);
		margin-bottom: 32px;
	}
	.card_list_01 {
		margin-top: 0;
	}	
	.card_list_01 ul {
		margin-top: 0;
	}
	.card_list_01 ul li {
		margin : 0  0 40px;
	}
	.section_06.active .title_wrap .sticky,
	.section_06.bottom_fixed .title_wrap .sticky {
		position: static !important;
	}

	/* section_07 */

	.section_07 {
		padding:77px 0 200px;
	}
	.section_07 .title_wrap {
		margin-bottom: 36px;
	}
	.section_07 .title_wrap .title {
		font-weight: normal;
	}

	.section_07 .title strong {
		font-size: 24px;
	}

	.card_list_02 {
		flex-direction: column;
	}
	.card_list_02 ul {
		flex-direction: column;
	}
	.card_list_02 ul li {
		width: 100% !important;
		margin-right: 0;
		margin-bottom: 20px;
		min-height: auto;
	}
	.card_list_02 ul li.on {
		width: 100% !important;
		min-height: auto;
	}
	.card_list_02 ul li p strong {
		font-size: 20px;
	}
	.card_list_02 ul li img {
		max-height: 200px;
	}
	
	/* section_08 */
	.section_08 {
		padding-bottom: 0;
	}
	.section_08 .container{
		max-width:100%;
		padding:0;
	}
	.section_08 .title_wrap .desc {
		width:76%;
		margin:20px auto;
	}
	.section_08 .title_wrap .desc br{
		display: none;
	}
	.section_08 .title_wrap .title {
		font-weight: normal;
	}
	.section_08 .slider_01 .slide-1-bullet > li {
		font-size: 14px;
	}
	.slider_01 .slick-track {
		padding:65px 0;
	}
	.slider_01 .slide-item {
		/* width: 252px;
    height: 258px; */
		height:auto;
		width:70vw;
    border-radius: 20px;
    padding: 7px;
		max-width:450px;
	}
	.slider_01 .slide-item.slick-center {
		transform:scale(1.2);
	}


/* section_081 */
.section_081 {
	padding-bottom: 0;
}
.section_081 .container{
	max-width:100%;
	padding:0;
}
.section_081 .title_wrap .desc {
	width:76%;
	margin:20px auto;
}
.section_081 .title_wrap .desc br{
	display: none;
}
.section_081 .title_wrap .title {
	font-weight: normal;
}
.section_081 .slider_081 .slide-1-bullet > li {
	font-size: 14px;
}
.slider_081 .slick-track {
	padding:65px 0;
}
.slider_081 .slide-item {
	/* width: 252px;
height: 258px; */
	height:auto;
	width:70vw;
border-radius: 20px;
padding: 7px;
	max-width:450px;
}
.slider_081 .slide-item.slick-center {
	transform:scale(1.2);
}


/* section_082 */
.section_082 {
	padding-bottom: 0;
}
.section_082 .container{
	max-width:100%;
	padding:0;
}
.section_082 .title_wrap .desc {
	width:76%;
	margin:20px auto;
}
.section_082 .title_wrap .desc br{
	display: none;
}
.section_082 .title_wrap .title {
	font-weight: normal;
}
.section_082 .slider_082 .slide-1-bullet > li {
	font-size: 14px;
}
.slider_082 .slick-track {
	padding:65px 0;
}
.slider_082 .slide-item {
	/* width: 252px;
height: 258px; */
	height:auto;
	width:70vw;
border-radius: 20px;
padding: 7px;
	max-width:450px;
}
.slider_082 .slide-item.slick-center {
	transform:scale(1.2);
}


	/* section_09 */

	.section_09 {
		padding:92px 0;
	}
	.section_09 .container {
		max-width:100%;
		padding:0;
		/* overflow: hidden; */
	}
	.section_09 .title_wrap .title {
		font-weight: normal;
	}
	.section_09 .title_wrap .desc {
		color:#404040;
	}
	.section_09 .title_wrap .title strong:nth-child(2) {
		color:#000;
		font-weight: normal;
	}

	.section_09 .slider_thumb .content h3 {
		font-size: 16px;
	}
	.section_09 .slider_thumb .content h3 span {
		font-size: 12px;
		width: 28px;
    line-height: 28px;
    height: 34px;
	}
	.section_09 .slider_thumb .content p {
		font-size: 14px;
		width:80%;
		margin:0 auto;
	}
	.section_09 .slider_thumb .content p br {
		display: none;
	}
	.section_09 .slider_thumb .slide_item {
		width:334px; 
		filter:none;
		border-radius: 30px;
		margin: 0 8px;
	}

	.section_09 .slider_thumb .slide_item.on {
		transform:scale(1);
	}
	.section_09 .slider_thumb .slide_item.point .content {
		flex :1;
	}
	.section_09 .slider_thumb .thumb {
		border-radius: 30px;
		padding:8px;
	}
	.slide-thumb-bullet {
		display: flex !important;
		justify-content: center;
		margin-top:20px;
	}
	.slide-thumb-bullet li {
		width:8px;
		height:8px;
		border-radius: 50%;
		background:#DAF1FD;
		margin:0 2px;
		text-indent: -999999em;
	}
	.slide-thumb-bullet li.slick-active {
		background:#1EAEFC;
	}
	/* section_10 */

	.section_10 {
		padding:100px 0;
	}
	.section_10 .slider_02 .icon.gif {
		max-width:23vw;
	}
	.slider_02 .slide_title {
		font-size: 2.2vw;
		width:100%;
		background:#0000001F;
		margin-bottom:20px;
	}
	.slider_02 {
		padding:0 80px;
	}
	.slider_02 .swiper-button-next, 
	.slider_02 .swiper-button-prev {
		top:9px;
	}
	.slider_02 .slide_title + .img {
		border-width: 5px;
		border-radius: 25px;
		margin-bottom: 35px;
	}
	.slider_02 .icon {
		max-width:25vw;
		right:-80px;
		bottom:0;
	}
	/* section_11 */

	.section_11 {
		padding:100px 0;
	}
	.section_11 .title_wrap {

	}
	.section_11 .title_wrap .title strong {

	}
	.list_style_01 {

	}
	.card_list_03 ul {
		flex-direction:column;
		align-items:center;
	}
	.card_list_03 ul li {
		width:90%; 
		max-width:500px;
		margin:22px 0 0;
		height:auto;
	}
	.card_list_03 ul li:first-child {
		margin-top:0;
	}
	.card_list_03 ul li .img {
		height:187px;
	}
	.card_list_03 ul li strong {
		font-size: 18px;
	}
	.card_list_03 ul li p {
		height:auto;
		padding:27px 0;
	}
	/* section_12 */

	.section_12 {
		padding:37px 0;
	}



	/* section_13 */

	.section_13 {
		padding-top:14vw;

	}
	.section_13 .title_wrap {
		margin-left: 44px;
	}
	.section_13 .title_wrap .title,
	.section_12 .title_wrap .title strong {
		font-size: 5vw;
	}
	.section_13 .chat {
		bottom: -11px;
    right: -54px;
    width: 66px;
	}
	.chat_list {

	}
	.chat_list ul {
		
	}
	.chat_list ul li ~ li {
		margin-top: 45px;
	}
	.chat_list ul li .chat_content {
		font-size: 14px;
		padding:14px 16px;
		border-radius: 12px 12px 0 12px;
	}
	.chat_list ul li.chat_left {
		margin-bottom: 0;
	}
	.chat_list ul li.chat_left .chat_content {
		border-radius: 0 20px 20px 20px;
	}
	.chat_list ul li.chat_left .chat_thumb {
		position:absolute;
		max-width:77px;
		left:0;
		top:-30px;
		margin-left:0;
	}
	.chat_list ul li.chat_right .chat_thumb {
		max-width:47px;
	}
	.chat_list ul li.chat_left .chat_text p {
		font-size: 16px;
		padding-left: 20px;
	}
	.section_13:after {
		bottom:120px;
	}
	.section_13:before {
		height:155px;
	}
	.section_13 .info {
		width:100%;
		bottom:0;
		text-align: center;
	}

	/* section_14 */

	.section_14:before {
		height:11.7vh;
	}
	.section_14:after {
		height:8vh;
	}
	.section_14 .info {
		padding:41px 20%;
		font-size: 2.2vw;
	}
	
	/* section_16 */
	.section_16 {
		padding:114px 0; 
		overflow: hidden;
	}
	.section_16 .title_wrap .title {
		font-size: 5vw;
	}
	.section_16 .title_wrap > p {
		font-size: 3vw;
	}
	.section_16 .title_wrap .title strong:after {
		left:-50px;
	}
	.interview_wrap {
		width:100%;
		position: relative;
	}
	.interview_card dl {
		margin: 0;
		
	}
	.interview_card dl.swiper-slide-active + .swiper-slide {
		opacity: 0.8;
    transform: scale(1);
		margin: 0;
	}
	.interview_card dl.swiper-slide-active {
		opacity: 1;
		transform:scale(1.15);
		z-index: 2;
	}

	.interview_card p {
		font-size: 14px;
	}

	.section_17 .count_area {
		padding:40px 0 35px;
		margin-bottom: 70px;
	}
	.section_17 .count_area .count_wrap {
		font-size: 28px;
	}
	.section_17 .count_area .sub_title {
		margin-bottom: 0;
	}
	/* .section_17 .count_area .sub_title {
		font-size: 16px;
		font-weight: 300;
		margin-bottom : 27px;
		width:50%;
	}
	.section_17 .count_area .count_wrap {
		font-size: 20px;
	}
	.section_17 .count_area #count {
		font-size: 44px;;
	} */
	.section_17 .count_area:after {
		border-top: 24px solid #1EAEFC;
    border-right: 35px solid transparent;
    border-left: 35px solid transparent;
	}
	.section_17 .mouse {
		max-width:100px;
		transform:translate(4%,10%);
	}
	.notice_marquee {
		width:80%;
		height:auto;
	}
	.notice_marquee .peedback_wrap {
		width:100%;
		height:350px;
		margin:0 auto;
	}
	.notice_marquee .bg {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	}
	.peedback_wrap ul {
		height:250px;
	}
	.peedback_wrap li {
		font-size: 17px;
		min-width:352px;
	}
	.section_main .right .girl {
		top: 30%;
    right: -50%;
    width: 302px;
	}

	.section_main {
		background:url("../../images/20231009/sectionmain-bg-mobile.png") no-repeat center / cover;
	}

	.section_main .container {
		max-width:80%;
		padding:60px 0 260px;
	}
	.section_main span {
		max-height:35px;
	}
	.section_main span img {
		max-width:167px;
	}
	.section_main .right .bg_img  {
		width:158px;
	}
	.section_main .right .bg_img:nth-child(2) {
		left:calc(47% + 158px);
	}
	.section_main .right .bg_img:nth-child(3) {
		left:calc(46% + 316px);
	}
	.section_main .right .bg_img:nth-child(4) {
		left:calc(46% + 474px);
	}
	.section_main .right .bg_img:nth-child(5) {
		left:calc(46% + 632px);
	}

	.section_main span:after {
		bottom: -7px;
    height: 3px;
	}
	.section_main .right {
		position: absolute;
    left: -74%;
    top: 73px;
    width: 100vw;
    height: 100%;
	}

	.link_btns {
		flex-direction: column;
		align-items: center;
		padding:32px 0;
	}
	.link_btns a {
		height:54px;
		margin: 8px 0;;
	}
	.link_btns a img {
		height:100%;
	}

	footer .container {
		padding:0;
	}

	.device_slider .finger {
		max-width:23vw;
	}
	.device_ctrl {
		margin:40px 0;
	}
	.device_ctrl > button {
		font-size: 18px;
		padding:10px 28px;
	}
	.section_09 .slider_thumb .thumb .img > *{
		/* height:auto; */
		width:100%;
	}
	#motion_txt2 img {
		height:6vw;
	}	
	.section_09 .card_slide {
		/* margin-left: auto;
		margin-right :0 ;
		width:85%; */
	}
	.section_09 .card_slide .card {
		transform:scale(1);
		max-width:initial;
		width:44%;
		
	}
	.section_09 .card_slide .card.on {
		transform:scale(1) !important;
		box-shadow: none;
	}
	.section_09 .card_slide .content p {
		width:70%;
	}
	.section_09 .card_slide .card:last-child .content p {
		width:90%;
	}

	.section_09 .card_slide.mgl .card:first-child {
		/* margin-left:26vw; */
	}
	/* 개인정보처리방침, 약관 */
	.terms_header_btn {padding:20px 0 10px 20px;}
	.terms_header .logo {flex:0 0 auto; height:40px; margin-left:0;}
	.terms_header h2 {margin-bottom:10px;}
	.tab_01 ul {margin-right:15px;}

	/* 학습플랜 */
	body.page_plan {padding-bottom:0;}
	.plan_01 {min-height:570px;}
	.plan_01 .container {flex-direction:column; justify-content:flex-end; max-width:100%; padding:0;}
	.plan_01 .title_wrap {flex:none; width:100%; text-align:center;}
	.plan_01 .title_wrap .sub_title {font-size:24px;}
	.plan_01 .title_wrap .title {font-size:42px; background-position:right 2% bottom; background-size:29%;}
	.plan_01 .title_wrap p:last-of-type {font-size:16px; font-weight:500; line-height:1.4; margin-top:16px;}
	.plan_01 .plan_visual {order:0; max-width:400px; transform:translate(-8%, 4%); margin-top:9%;}
	.plan_01 .plan_visual_bg img:first-child {width:46%; left:-9%;}
	.plan_01 .plan_visual_bg img:nth-child(2) {width:33%; left:30%;}
	.plan_01 .plan_visual_bg img:nth-child(3) {width:39%; right:-23%;}	

	.plan_02 {margin-bottom:0;}
	.plan_02 .container {max-width:100%;padding:35px 27px 44px;}
	.plan_tab {display:flex;}
	.plan_item {width:100%; padding-bottom:112px; border-radius:0 0 10px 10px;}
	.plan_item h2 {font-size:16px; margin:20px 0 10px;}
	.plan_item h2 img {display:none;}
	.plan_item h3 {font-size:14px; margin:12px 0;}
	.plan_item h3 img {width:67px;}
	.plan_item ul li h4 {font-size:12px; margin-left:4%;}
	.plan_item ul li h4 strong {font-size:14px;}
	.plan_item ul li h4 span {font-size:12px; margin-top:5px;}
	.plan_item ul li img {max-width:147px; margin-right:0;}
	.plan_item ul li.plan_more::before {width:20px; height:20px;}
	.plan_item ul li.plan_more div {padding:17px 0;}
	.plan_price {padding:15px;}
	.plan_price img {width:72px;}
	.plan_price p {font-size:12px; padding:10px;}
	[data-plan="2"] {display:none;}
	.plan_btn a {font-size:14px; line-height:44px;}

	.form_element {font-size:16px;}
	.form_element input[type="text"],
	.form_element select,
	.form_element textarea {height:36px; padding-left:12px;}
	.form_element select {padding-right:17px; background-position: right center; background-size: 17px;}
	.form_element textarea {height:68px;}

	.form_input_btn {margin:-4px -8px;}
	.form_element input[type="radio"] + label {margin:4px 8px; padding-left:24px; line-height:24px; background-size:24px;}
	.form_element ul li {padding:7px;}
	.form_element ul li > p {font-size:18px; margin-bottom:10px;}

	.form_phone select {width:60px;}
	.form_phone input[type="text"] {width:90px;}

	.agree_wrap {margin-top:13px; padding:20px 0 30px; margin-bottom:0;}
	.agree_wrap > p {font-size:18px;}
	.agree_wrap .scrollBox {font-size:12px; padding:12px;}
	.agree_wrap .scrollBox h5 {font-size:14px;}

	/* 레이어팝업 - 공통 */
	.layer_header {padding:16px 20px;}
	.layer_header .layer_title {font-size:20px;}
	.layer_header .btn_close {top:50%; right:16px; width:20px; height:20px; transform:translateY(-50%); background-size:20px;}
	.layer_body {height:calc(100% - 62px); padding-top:10px; padding-bottom:30px;}

	.btn_blue_lg {max-width:198px; font-size:16px; line-height:40px;}
	/* // 학습플랜 */

	/* 무료상담신청 완료 */
	.section_confirm .container {max-width:90%;}
	.section_confirm .title_wrap .title {font-size:30px;}
	.section_confirm .title_wrap p {font-size:20px;}

	/* 이벤트 */	

	.event_info li {margin-bottom: 20px;}
	.event_info li:last-child br {	display: none;}
	.event_info li .tt {line-height: 1.2em; height:1.2em; padding:0; margin-right:30px; flex: 0 0 81px;}
	.event_info li {margin-bottom: 15px;}
	.event_info li:last-child br {	display: inline-block;}
	.event_info li,
	.event_info li .ct {font-size: 14px; padding-right: 0;}
	.event_info li .tt {flex: 0 0 70px; font-size:14px; margin-right:15px;}
	.event_info li .ct span.info {font-size:11px; margin-top: 7px;}
	.event_noti {padding:28px 20px; margin:0 auto;}
	.event_noti h5 {font-size: 14px;}
	.event_noti p {font-size: 12px; padding-left:6px; word-break:keep-all;}
	.event_noti p::before {margin-left:-6px;}
	/* 7월 */
	.event_202307 {padding:66px 0 0 !important; background-image : url("../../images/img-section15-bg-mobile.png");}
	.event_202307 .container {padding:0;}
	.event_202307 .phone_wrap {width:100%; margin:0;}
	.event_202307 .phone_wrap .phone {margin:0;}
	.event_202307 .content_wrap .container {display:block; width:100%; max-width:100%; padding-left:10%; padding-right:10%;}
	.event_202307 .event_info {width:100%;}
	.event_202307 .event_noti .container {max-width:none;}
	.event_202307 .content_wrap img.phone {max-width:400px;}	
	/* 8월 */
	.event_202308 .content_wrap {background:url("../../images/event/event_cool_bg_m.jpg") no-repeat center top / cover;}
	.event_202308 .title_wrap .title img {width:87%; max-width:336px;}
	.event_202308 .title_wrap .desc {font-size:18px; line-height:1.56; padding:50px 0; margin-top:50px;}
	.event_202308 .title_wrap .desc img {height:17px; margin-top:3px;}
	.event_202308 .title_wrap .desc span.show_m {display:inline-block;}
	.event_202308 .deco_wrap img.deco_ball1 {left:auto; top:57%; right:-12px; width:80px;}
	.event_202308 .event_info {padding:45px 32px;}
	.event_202308 .event_info li ~ li {margin-top:16px;}
	.event_202308 .event_info li .tt {flex:0 0 56px;}
	.event_202308 .event_info li .ct {padding-left:14px;}
	.event_202308 .event_noti {padding:32px 0;}
	.event_202308 .event_noti h5 {margin-bottom:4px;}

	/* 9월 */
	.event_202309 {padding-top:67px; background:url("../../images/event/event_09_bg_m.png") no-repeat top / 100% auto;}

	.event_202309 .maple1 { top: -70px; width:10%; }
	.event_202309 .event_info {transform:translateZ(0); border-width:6px;}
	.event_202309 .event_noti:before {content:""; width:100%; height:550px; background:#372418; position:absolute; bottom:99%; left:0; clip-path: polygon(0 60px, 100% 0%, 100% 100%, 0 100%);}
	.event_202309 .title_wrap .title {    margin-bottom: 65vw;}
	.event_202309 .event_noti {padding:400px 42px 73px; margin-top:-300px;}
	.event_202309 .latte_m {width: 60%; position: absolute; top: 300px; left: 53%; transform: translateX(-50%);}
	.event_202309 .desc {color:#E8DED0; font-size: 30px; line-height: 45px;}
	.event_202309 .desc em:after {display: none;}
	.event_202309 .event_info_tt { border-bottom:none; margin-bottom: 30px; justify-content: center; display: flex;}
	.event_202309 .event_info_tt h4 {position:relative; color:#CEC1B9; font-size: 25px; text-align: center; font-family: "GmarketSans", sans-serif; font-size: 35px; }
	.event_202309 .event_info_tt h4:before, 
	.event_202309 .event_info_tt h4:after {content:""; width:8px; height:8px; background:#EFE8E0;   display: inline-block; position:absolute; top:44%; transform:translateY(-50%) rotate(45deg); }
	.event_202309 .event_info_tt h4:before {left:-30px;}
	.event_202309 .event_info_tt h4:after {right:-30px;}

	.event_202309 .event_info li .tt {margin-right:30px;}
	.event_202309 .desc em {color:#EDA720;}
	.event_202309 .event_info li .tt {margin-top: 0.5vw;}

} /* 767px responsive  */

@media screen and (max-width: 580px) {
	.online_counsel_wrap {height:100%; margin:0; border-radius: 0 !important;		padding:25px 20px !important; 
		overflow-y:scroll; max-height:initial}
}

@media screen and (max-width : 500px) {

	.slider_01 .slide-1-bullet {
		width:100%;
	}

	.section_09 .card_slide .content p br {
		display: none;
	}

	.section_09 .card_slide .content h3 {
		font-size: 16px;
	}
	.section_09 .card_slide .content p {
		font-size: 13px;
	}
	footer address .add {
		display: block;
	}
	footer .add em:last-child {
		margin-left: 0;
	}
	.slider_02 .change_img .icon.gif img:nth-child(2) {
    left: 1px;
    top: -3px;
	}
	.title_wrap .title {
		font-size: 24px;
		font-weight: normal;
	}
	.title_wrap .title strong,
	.title_wrap .title.bold,
	.title_wrap .title .bold {
		font-weight: bold;
	}
	.interview_wrap dl {
		min-width:initial;
	}
	.section_03 {
		margin-top: -50px;
	}
	.main_slide .swiper-slide .img {
		max-height:initial;
		max-width:90%;
		width:100%;
		height:38vh;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.main_slide .swiper-slide:after {
		clip-path: polygon(100% 20vw, 100% 100%, 0% 100%, 0% 0%);
		height:36vh;
	}
	.main_slide .swiper-slide .img img {
		width:100%; 
		max-height:initial;
	}
	.visual_btn {
		margin-top: 30px;
	}
	.section_02 {
		padding-bottom : 0
	}
	.device_ctrl > button {
		font-size: 14px;
		padding:5px 18px;
	}
	.section_13 .title_wrap .title,
	.section_12 .title_wrap .title strong {
		font-size: 7vw;
	}
	.chat_list {
		margin-bottom: 150px;
	}
	.chat_list ul li.chat_left .chat_thumb {
		left:-16px;
	}
	.title_wrap .title_label {
		height:22px;
	}
	.card_list_03 ul li p {
		padding: 27px;
	}
	.section_14 {
		padding:100px 0;
	}
	.section_14 .title_wrap .sub_title {
		font-family: "Noto Sans Kr",sans-serif;
	}
	.btn_scroll {
		right:10px
	}
	.slider_02 {
		padding:0 5%;
	}
	.slider_02 .slide_title {
		font-size: 15px;
	}
	.slider_thumb {
		margin:32px 0;
	}
	.slider_thumb .slick-track {
		padding:30px 0;
	}
	.section_09 .title_wrap {
		margin-bottom: 0;
	}
	.section_09 .slider_thumb .slide_item,
	.section_09 .slider_thumb .slide_item.on {
		box-shadow: 4px 8px 20px #00000014;
		width:90vw;
		min-width:280px;
		/* margin: 0; */
	}
	.section_09 .slider_thumb .slide_item.point {
		margin-left:30px;
	}
	.section_09 .slider_thumb .slide_item.point .content {
		padding:40px 20px;
	}
	.section_09 .slider_thumb .content p {
		width:100%;
	}
	.keywords_wrap .img {
		max-width:311px;
	}
	.section_03 .title_wrap .sub_title {
		font-size: 14px ;
	}
	.slider_02 .icon {
		right:-10vw;
		top:62%;
	}
	.slider_02 .swiper-button-next {
		right:20px;
	}
	.slider_02 .swiper-button-prev {
		left:20px;
	}
	
	.section_13:after {
		height: calc(100% - 37vw - 150px);
    width: calc(100% - 20px);
		border-radius: 80px 0 0 0;
		bottom:70px;
	}
	.aside_btns {
		width:100%;
	}


	input[name^=txtMobile] {width:80px;}
	.homepage .boardWrite th {background:#fff;}
	.aside_btns .right p a {display:none;
		font-size: 23px;
    line-height: 26px;
		color:#00346b;
	}
	.aside_btns .right p a:before {
		content:"";
		width:65%;
		height:70px;
		position:absolute;
		left:0;
		bottom:0;
		/* background:#ccc; */
	}
	
	.aside_btns .right p img {
		height:20px;
	}
	.aside_btns .left img {
		width: 130%;
    margin-left: -20%;
	}
	.aside_btns .right p span em:after {
		top:-4px;
		width:2px;
		height:2px;
	}

	.section_01 .title_wrap .title {
		font-size: 37px;
	}
	.section_01 .title_wrap .title.lg {
		font-size: 63px;
	}
	.title_wrap .sub_title.lg {
		font-size: 16px;
	}
	.swiper-slide .title.lg img {
		max-width:initial;
		width:auto;
		height:63px;
		max-height:initial;
		position: initial;
	}
	.title_wrap .sub_title {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.main_slide .swiper-slide.slide-item-1 .img {
		max-width:100%;
		width:80%;
	}
	
	.notice_marquee {
		width:85%;
	}
	.notice_marquee .peedback_wrap {
		height:250px;
	}
	.notice_marquee .peedback_slider {
		width:80%;
	}
	.peedback_wrap:after {
		background:linear-gradient( #fff 6% , transparent 50%, #fff 85%, #fff );
	}
	.peedback_wrap ul {
		height:220px;
	}
	.peedback_wrap li {
		font-size: 12px;
		text-align: center;
		min-width:100%;
	}
	.section_03 .title_wrap p.title {
		font-size: 14px;
	}
	.section_03 .title_wrap h2.title {
		font-size: 18px;
	}
	.section_03 .title_wrap .title strong {
		font-size: 22px;
	}
	.video_01 [poster],
	.video_01 .video_wrap {
		height:168px;
		width:298px;
		border-radius: 8px;
	}
	.video_btn {
		width:35px;
		height:35px;
	}
	.video_01 p {
		font-size: 14px;
	}
	.section_06 .box,
	.section_07 .container {
		max-width:80%;
		width:80%;
	}
	.card_list_02 ul li img {
		border-radius: 12px;
	}
	.section_06 .title_wrap .title,
	.section_06 .title_wrap .title strong {
		font-size: 24px;
	}
	.card_list_01 ul li {
		margin-bottom: 10px;
	}
	.card_list_01 ul li p {
		font-size: 14px;
	}
	.card_list_01 ul li p strong {
		font-size: 24px;
	}
	.section_13 .info {
		font-size: 11px;
		height:70px;
	}

	.section_16 .title_wrap .title {
		font-size: 28px;
	}
	.section_16 .title_wrap > p {
		font-size: 16px;
	}

	.title_wrap .desc {
		font-size: 14px;
	}
	.card_list_02 ul li, 
	.card_list_02 ul li.on {
		padding: 20px;
	}
	.device_slider > div .finger,
	.device_slider > div.mobile .finger {
		max-width:100px;
	} 
	#motion_txt2 img {
		height:7.5vw;
	}
	.interview_wrap {
		width:70%;
		overflow: visible;
	}
	.section_17 .mouse {
		max-width:51px;
		transform:translate(0);
		right: -17px;
    bottom: 20px;
	}
	.section_17 .count_area .count_wrap {
		line-height: 1.1em;
		margin-top: 10px;
	}
	.section_17 {
		padding-top:0;
	}
	.section_07 {
		padding-bottom:100px;
	}
	.section_08 {
		padding:80px 0 0;
	}
	.section_09 .slider_thumb .slide_item:after {
		display: none;	
	}
	.interview_wrap .swiper-button-next,
	.interview_wrap .swiper-button-prev {
		top:50%;
		transform:translateY(-50%);
		margin:0;
		left:auto;
	}
	.interview_wrap .swiper-button-next {
		right:-50px;
	}
	.interview_wrap .swiper-button-prev {
		left:-50px;
	}

	/* 이벤트 */

	.event_202307 .deco_wrap {
		height:360px;
		transform:translate(-10%, -10%);
	}
	.event_202307 .content_wrap img.phone {
		height: 360px;
		width:auto;
		max-width:initial;
	}
	.event_202307 .phone_wrap img.step1,
	.event_202307 .phone_wrap img.step2 {
		width:200px;
	}
	.event_202307 .phone_wrap img.btn {
		width:254px;
	}
	.event_202307 .content_wrap .container {
		padding-left: 6%;
		padding-right: 6%;
	}

	/* 9월 */
	.event_202309 .maple1 {top: -130px; width: 55px; left: 40px;}
	.event_202309 .maple2 {width:32px; left: 35px; top: 150px;}
	.event_202309 .maple3 { top: 77px; width: 56px; right:20px;}
	.scroll_ani.show .maple1 { animation:fallingLeaves1Mobile 1.5s forwards ease-in-out;}
	.scroll_ani.show .maple2 {animation:fallingLeaves2Mobile 1.5s forwards ease-in-out;}
	.scroll_ani.show .maple3 { animation:fallingLeaves3Mobile 1.5s forwards ease-in-out;}

	.event_202309 .event_noti {padding:335px 20px 35px;}
	.event_202309 .event_noti:before { height:58%; }
	.event_202309 .event_noti p {font-size: 10px; letter-spacing: -0.3px; color:#EFEBE5; word-break: break-all;}
	.event_202309 .title_wrap .title { margin-bottom: 55vw;}
	.event_202309 .latte_m { top: 44vw;}
	.event_202309 .desc {font-size: 18px; line-height: 26px;;}
	.event_202309 .event_info_tt h4 {font-size: 22px;}
	.event_202309 .event_info_tt h4:before, 
	.event_202309 .event_info_tt h4:after {width:5px; height:5px;}
	.event_202309 .event_info_tt h4:before {left:-20px;}
	.event_202309 .event_info_tt h4:after {right:-20px;}
	.event_202309 .event_info {padding:29px 29px 16px; margin-top:32px;}
	.event_202309 .event_info li {padding-bottom:10px; margin-bottom:10px;}
	.event_202309 .event_info li .tt {font-size: 15px; flex:0 0 60px; margin-right:19px; margin-top: 2px;}
	.event_202309 .event_info li .ct {font-size: 14px; line-height: 20px;     letter-spacing: -0.63px;}
	.event_202309 .latte_m {left:56%; width:56%;}
}


@keyframes fallingLeaves1Mobile {
  0% {opacity: 0; transform: translate3d(0, 30px, 0) rotate(0) ;  }
  30% {opacity: 0.5; transform: translate3d(-20px, 50px, 0) rotate(45deg);}
	60% {opacity: 0.8; transform: translate3d(20px, 70px, 0) rotate(0);}
  100% {opacity: 1; transform: translate3d(-20px, 90px, 0) rotate(45deg);}
}

@keyframes fallingLeaves2Mobile {
  0% {opacity: 0; transform: translate3d(0, 0, 0) rotate(0deg);  }
  30% {opacity: 0.2; transform: translate3d(10px, 20px, 0) rotate(20deg);}
	60% {opacity: 0.5; transform: translate3d(-10px, 40px, 0) rotate(-20deg);}
  100% {opacity: 1; transform: translate3d(10px, 60px, 0) rotate(0);}
}

@keyframes fallingLeaves3Mobile {
  0% {opacity: 0; transform: translate3d(0, 0, 0) rotate(0deg);  }
  30% {opacity: 0.5; transform: translate3d(-20px, 30px, 0) rotate(15deg);}
	60% {opacity: 0.8; transform: translate3d(20px, 60px, 0) rotate(-15deg);}
  100% {opacity: 1; transform: translate3d(20px, 90px, 0) rotate(0);}
}

@-webkit-keyframes fallingLeaves1Mobile {
  0% {opacity: 0; transform: translate3d(0, 30px, 0) rotate(0) ;  }
  30% {opacity: 0.5; transform: translate3d(-20px, 50px, 0) rotate(45deg);}
	60% {opacity: 0.8; transform: translate3d(20px, 70px, 0) rotate(0);}
  100% {opacity: 1; transform: translate3d(-20px, 90px, 0) rotate(45deg);}
}

@-webkit-keyframes fallingLeaves2Mobile {
  0% {opacity: 0; transform: translate3d(0, 0, 0) rotate(0deg);  }
  30% {opacity: 0.2; transform: translate3d(10px, 20px, 0) rotate(20deg);}
	60% {opacity: 0.5; transform: translate3d(-10px, 40px, 0) rotate(-20deg);}
  100% {opacity: 1; transform: translate3d(10px, 60px, 0) rotate(0);}
}

@-webkit-keyframes fallingLeaves3Mobile {
  0% {opacity: 0; transform: translate3d(0, 0, 0) rotate(0deg);  }
  30% {opacity: 0.5; transform: translate3d(-20px, 30px, 0) rotate(15deg);}
	60% {opacity: 0.8; transform: translate3d(20px, 60px, 0) rotate(-15deg);}
  100% {opacity: 1; transform: translate3d(20px, 90px, 0) rotate(0);}
}