@charset "utf-8";

@media all and (min-width:951px){
	.mobile_dim, .mobile_wrp {display:none !important;}
}

.mobile_dim {
	position:fixed;
	inset:0;
	background:rgba(0,0,0,0.25);
	opacity:0;
	visibility:hidden;
	pointer-events:none;
	transition:opacity .35s ease, visibility .35s ease;
	z-index:2990;
}
.mobile_dim.is-open {
	opacity:1;
	visibility:visible;
	pointer-events:auto;
}
.mobile_wrp {
	display:block;
	width:280px;
	height:100%;
	position:fixed;
	top:0;
	right:0;
	background:rgba(16,24,32,.96);
	z-index:3000;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	transform:translateX(100%);
	visibility:hidden;
	opacity:0;
	pointer-events:none;
	transition:transform .38s ease, opacity .3s ease, visibility .3s ease;
	box-shadow:-18px 0 40px rgba(0,0,0,.22);
}
.mobile_wrp.is-open {
	transform:translateX(0);
	visibility:visible;
	opacity:1;
	pointer-events:auto;
}

.mobile_wrp li p {
	color:#eee;
	font-weight:600;
	display:block;
	white-space:nowrap;
}
.mobile_wrp li {
	text-align:left;
	width:100%;
	height:45px;
	line-height:45px;
	border-bottom:1px solid #7eb9a1;
	text-indent:22px;
	font-size:18px;
}
.mobile_wrp li a {color:#fff; display:block;}
.sm_box {margin-top:60px;}
.sm_box .sm_title p { 
	width:100%; color:#fff; display:inline-block; line-height:45px; font-size:1.2rem;
	background:url('../images/q.jpg') no-repeat 5px center; 
	box-sizing: border-box; border-bottom:1px dotted #bbb; text-align:left;
	text-indent:20px;
}
.sm_box .sm_sub {display:none; border-bottom:1px solid var(--green); box-sizing:border-box;}
.sm_box .sm_sub.is-current {background:var(--green);}

.menu_top {
	display:none;
	padding:5px 0;
}
.menu_list {
	position:absolute;
	top:50px;
	right:15px;
	width:45px;
	height:45px;
	background:url("../image/common/menu_list.png") no-repeat;
	background-size:cover;
	cursor:pointer;
	z-index:3101;
}
.menu_home {
	position:absolute; top:20px; right:55px; 
	width:38px; height:38px; 
	background:url("../image/common/menu_home.png") no-repeat;background-size:cover; 
}
.menu_close {
	position:absolute; top:15px; right:15px; 
	width:38px; height:38px; 
	background:url("../image/common/menu_close.png") no-repeat;background-size:cover; 
	z-index:3102;
	cursor:pointer;
}
.tel_bn {
	margin:30px auto 0;
	padding:12px;
	background:#fff;
	width:78%;
	font-size:1.1em;
	font-weight:bold;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}
.mobile_wrp li a {
	transition:color .25s ease, transform .25s ease;
}
.mobile_wrp li a:hover,
.mobile_wrp li a:focus{
	color:var(--lgreen);
	font-weight:700;
	transform:translateX(5px);
}
.sm_sub li.active,
.sm_sub li.active a {
	color:#fff;
	font-weight:700;
}
.sm_sub li.active {
	background:transparent;
}
.sm_sub li.active a::before {
	content:'➤';
	display:inline-block;
	margin-right:6px;
}
.menu_list:hover, .menu_close:hover {
	transform:scale(1.05);
	opacity:.9;
}
.mb_bn {	display:none;}
#footer_mobile {
	border-top:1px solid #ddd;
	padding:10px 0;
	display:none;
}

/*********** Media (All) *************/
@media all and (max-width:950px){
html, body {font-size:18px !important;}
#wrap .inner {width:100%;}
#wrap #header {min-height:100px; top:0; left:0; margin:0; width:100%;}
#header .gnb_wrap{display:none;}
#header h1 {padding-left:15px; display:block;}
.tnb ul {width:100%; font-weight:500;}
.m_none {display:none !important;}
.none {display:inline-block !important;}
.mb_bn {	display:block; 	width:100%; padding:0px; margin:0 auto; text-align:center; background:url('../image/sub/m_bk.jpg') repeat-x top center;}
.mb_bn img{width:96%; max-width:480px;  height: auto; padding:0px; display: block; margin:0 auto;}
#container {margin-top:100px;}
#container #main_img {width:100%;height:240px; }
#container #slides li {background-size:cover;}
#container #main_img .arrow1, #container #main_img .arrow2 {width:22px; height:42px;}
#wrap .menu_top {display:block;}
#container .main_quick {display:none; padding:15px 0; border-bottom:1px solid #ddd;}
.t_logo {padding-top:10px;}
.main_quick ul {width:90%;  flex-direction: column; margin:0 auto;}
.main_quick li {width:100%; padding:0px; }
.main_quick li img {object-fit: contain ;}
.m_column .inner{flex-direction: column;	gap:0px; padding:0px; line-height:1.5rem;}
.m_column { background: linear-gradient(to bottom, #fff 50%, #eee 50%); border-top:1px solid #ddd;}
.m_column .main_con1 {width:90%; clear:both; float:none; margin:0 auto 30px;}
.m_column .main_con2 {width:90%; clear:both; float:none; margin:30px auto 35px;}
#container .main_con3 {display:none; width:100%; clear:both; float:none; margin:0 0 20px 0;}
#container .main_con1 dt {display:none;}
#container .main_con1 {width:90%; margin:10px auto 30px; clear:both; float:none;}
#container .main_con3 img {width:100%;}
#container .m_banner div {width:100%;}
#container .contents {width:99%; margin:0 auto 20px;}
#container .conbox {width:95%; margin:0 auto; float:none;}
#container #sub_top {display:none;}
#container .left_menu {display:none;}
#container .mb_sub_menu h2 {display:none;}
#container .location {display:none;}
#footer div {display:flex; flex-wrap: wrap;}
.ft_copy, .ft_count, .ft_tel {padding:18px; flex-direction: column; width:100%; }
.ft_tel {order: 1;}
.ft_count {order: 2;}
.ft_copy {order: 3;}
#wrap #footer_mobile {display:block}
.n_main_like div{width:90%; margin:0 auto; font-size:18px; line-height:1.6em; white-space: normal; word-break: keep-all; max-width:340px;}
.n_main_like p img {width:94%;  object-fit: contain;}
.n_main_like p {padding:20px 0 25px;}
.mn2026 {width:100%; aspect-ratio: 3 / 2; min-height:300px; background-color:#2c2926;	position:relative;}
.you_bg {width:100%; aspect-ratio: 3 / 2; min-height:300px;}
.main_noti, .main_noti dd {width:100%;}
.mnt01 img{width:100%; }
.mnt01 {left:0px;margin:0px; top:40px;}
.mnt02 {bottom:8%}
.pt60 {padding-top:40px !important;}

/* SUB 관련*/

.mb3r {margin-bottom:2.5rem;} 
.mb5r { margin-bottom: 4rem; }
.mb6r {margin-bottom:5.5rem;} 
.sub_inner {width:92% !important; margin:40px auto;}
#container #sub_img {display:none}
#container .condesign {margin:0 auto; text-align:center}
#container .contents h3 {margin-top:15px; margin-bottom:20px;}
.sub_menu {min-width:325px;}
.sub_menu ul {gap:10px 13px; font-size:0.95rem; font-weight:700; letter-spacing:0rem !important;}
.sub_menu li {padding:16px 0 13px; line-height:1.2rem; flex-shrink: 0;}
.sub_menu li:first-child {margin-left:15px; }
.sub_menu li:last-child {margin-right:15px; }
.sub_title {font-size:3.5rem; overflow:hidden; margin-top:100px;}
.sub_you_bg {width:100%; aspect-ratio: 3 / 2; min-height:300px; max-height:320px; }

.point_t2 {font-size:2.5rem;line-height:2.5rem; margin-bottom:}
.about_txt {margin-top:10px;}
.about_pros, .about_vod {width:90%; margin:0 auto; overflow:hidden;}
.about_txt .inner {flex-direction: column; padding:40px 0;}
.about_pros {font-size:1.1rem; font-weight:600; gap:10px 0;}
.nomore {position:relative; font-size:3.5rem; margin:20px 0; line-height:3.2rem !important;}
.about_vod img {max-width:424px; max-height:501px; width:100%; height:100%;}

.video_modal {padding:18px;}
.video_modal_dialog {width:100%; padding-top:56.25%; border-radius:12px;}
.video_modal_close {top:12px; right:12px; width:46px; height:46px; line-height:46px; font-size:22px;}
.about_vod_trigger::after {width:64px; height:64px; line-height:64px; font-size:24px;}

.sub_inner2 {flex-direction: column; margin-top:40px;}
.tc_txt {width:90%; margin:0 auto; position:relative; top:0px;}
.tc_t2 {font-size:2.2rem; line-height:2.0rem; }
.teacher_intro, .column_intro {width:90%; margin:0 auto; padding:30px 0 0; margin-top:20px; border-top:1px solid #ddd; border-left:0px;}
.review-section {padding:20px;}
.bubble {padding:12px;}
.teacher_intro dl {
	margin-bottom:2.5rem;
}
.teacher_intro ol li:first-child {
	width:100% !important;
}
.teacher_intro ol li {
width:50%;
min-width:120px;
border-bottom:1px dotted #ccc;
text-align:left !important;
}
.teacher_intro ol {
	border-bottom:1px solid #ccc
}
.teacher_intro ol li:last-child {
	border-bottom:0px dotted #ccc;
}
.infor, .onsite, .notice {
	width:90%;
	margin:40px auto 60px;
}
.infor dt {
	font-weight:700;
	font-size:1.2rem;
}
.infor dl {
	flex-direction: column;
}
.infor span {
font-weight:700;
}

.over_title {
	font-size:3.8rem;
	top:150px;
}
.over_inner {
 margin-top:200px;
}
.fade_title {
	top:150px;
	height:160px;
}
.over_inner div img {max-width:100%}
.about_hans { flex-direction: column; width:100%; gap:10px 0; margin:0 auto;}
.about_hans_pht {width:80%; text-align:center; margin:0 auto;}
.about_hans_pht img {
object-fit:contain;
width:90%;
max-width:300px;}

.column_b1 {text-align:center;}

.img100 img{width:100%;}

.class_bd {display:none;}
.class_txt {line-height:1.4rem;}
.class_txt div {padding-top:35px;}
.class_wrap {top:100px;}
.class_btn_small {
	width:100%;
	gap:8px;
	margin-bottom:16px;
}
.class_btn_small p {
	flex:1 1 calc(33.333% - 8px);
	font-size:0.92rem;
	padding:9px 6px;
}
.class_txt div {
	scroll-margin-top:155px;
}

.guide_wrp {
	flex-direction: column;
	gap:25px;
}
.guide_wrp div {
	margin:0 auto;
	width:90%;
	max-width:500px;
	min-width:310px;
}

.anchor-board-table thead {
	display:none;
}


.onsite_wrp dl {
	margin:1.2rem auto;
	display:flex;	
	flex-direction: column;
	padding-bottom:1.5rem !important;
	border-bottom:1px solid #ddd;
}

.anchor-board-field input,
.anchor-board-field textarea,
.anchor-board-secret-box input {
  padding: 8px;
}

anchor-board-field label {
  margin-bottom: 3px;
  font-weight: 500;
}

	.anchor-board-btn,
	.anchor-board-actions a,
	.anchor-board-actions button {
		min-width:96px;
		padding:6px 14px;
	}

	.anchor-board-info,
	.anchor-board-card {
		padding:20px;
		box-sizing: border-box;
	}

.notice_btn {
	line-height:1.3rem !important; 
	display:block;
	max-width:45px;
	text-align:center;
	margin-bottom:4px;
}
.anchor-board-table th,
.anchor-board-table td {
	padding:10px 0px;
	line-height:1.2rem !important;
}

.anchor-board-field label {
  margin-bottom: 3px;
}
.leveltest-main {
	border-top:2px solid #333;
}
.mb40 {margin-bottom:30px !important;}
.leveltest-guide ul {width:88%;}
.sc_wrp {justify-content: flex-start; font-size:0.88rem;}
.add, .b_register, .b_close, .b_most, .b_new {margin-right:6px !important;}
.mb_ft1 {font-size:1.1rem !important;}
}


/*********** Media (~410px) *************/
@media all and (min-width:1px) and (max-width:409px){
	#wrap #container .agree, #container .info_text, #container .txa_01 { width:91%; padding:10px; }
	#container .info_text .in_03 {width:20%}
	.ft_copy .st500 {max-width:207px; !important; word-wrap: break-word;}
	.anchor-reply-badge {display:block; width:70px; text-align:center; max-width:70px; margin:5px 0 0 30px;}
}

/*********** Media (All) *************/
@media only screen and (min-width: 700px) and (max-width: 950px){
	html, body {font-size:20px !important;}
	.mn2026 {width:100%; aspect-ratio: 3 / 2; min-height:300px; max-height:450px !important; background-color:#2c2926;	position:relative;}
	.you_bg {width:100%; aspect-ratio: 3 / 2; min-height:300px; max-height:450px !important;}
	.main_quick ul {width:96%; flex-direction: row !important; }
	.main_quick li img {object-fit: scale-down ;}
	.ft_tel {width:50%; box-sizing: border-box;}
	.ft_count {width:50%; box-sizing: border-box;}
	.sub_title {font-size:80px; overflow:hidden; margin-top:140px;}
	.teacher_intro ol li {width:33% !important; border:0px}
	.sub_menu li:first-child {margin-left:25px !important; }
	.sub_menu li:last-child {margin-right:25px !important; }
	#container .n_main_like div{width:90%; margin:0 auto; font-size:18px; line-height:1.6em; white-space: normal; word-break: keep-all; max-width:700px !important;}
	.sub_you_bg {width:100%; aspect-ratio: 3 / 2; min-height:300px; max-height:400px; }
	.fade_title {	top:150px;height:170px; }
}



	.anchor-board-head h3 {
		font-size:1.1rem;
	}

	.anchor-board-table {
	}