.fs60 {font-size:60px}
	.fs30 {font-size:30px}
	.fs22 {font-size:22px;}
	.fs20 {font-size:20px;}
	.fs16 {font-size:16px;}
	.fs18 {font-size:18px;}
	.fs24 {font-size:24px;}
	.mt20 {margin-top:20px}
	.mt60 {margin-top:60px}
	.line_text {    text-decoration: line-through;    color: #888;}
	.red_btn {background:#ae4b4f; font-size:16px; font-weight:bold; color:white; border-radius:100px;font-family: 'NanumSquare', sans-serif;    width: 105px;
    padding: 9px 0;
    margin: 0 auto; transition:all 0.3s;}


	.section1 .fs60 { font-family: 'GMarketSans'; position:relative;padding-top:50px;}
	.section1 .fs60:after { content:'';
	position:absolute;
	top:20px;
	left:2px;
	width:90px;
	height:12px;
	background:#ae4b4f;
	}
	.section1  .grid_wrap {
		display:grid;
		gap:20px;
		margin-top:25px;
		grid-template-columns: 1fr 1fr;
	}
	.section1 .grid_wrap.grid3 {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.section1 .grid_wrap.row_grid {
	grid-template-columns: 1fr;
	}
	
	.section1  .grid_wrap .grid_box {
		background:#f5f5f5;
		padding:10px 16px;
		font-weight:600;
	}
	.section1  .grid_wrap .grid_box .fs20 span {
		background: black;
    color: white;
    border-radius: 100px;
    font-weight: bold;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
	margin-right:5px;
	}
	section { margin-bottom:60px;
    letter-spacing: -1.5px;}
	.section_title {
    font-weight: 900;
    margin-bottom: 10px;
    padding-left: 10px;
	position:relative;
}
	.section_title:after {
    content: '';
    position: absolute;
    left: 0px;
    width: 4px;
    height: 24px;
    top: 1px;
    background: #ae4b4f;
	}


	table td { font-size:16px;font-family: 'NanumSquare', sans-serif; color:#222;}


	.table1 {
		border-top:1px solid black;
		text-align:center;
	}
	.table1 .gray_back {
		background:#f5f5f5;
		font-weight:bold;
		
	}
	.table1  .black_back {
		background:black;
		color:white;
		font-weight:bold;
	}
	.table1  .black_back td {color:white;}
	.table1  td {border-bottom:1px solid #ccc; padding:16px; border-right:1px solid #ccc;}
	.table1 .wrap {display:grid; gap:10px;}
	
	.table1 .wrap img {    margin: 0 auto;
    }
	.table1 .wrap .down_arrow {transform: rotate(90deg);}
	
	.table1  tr td:first-child {border-left: none;}
	.table1  tr td:last-child {border-right: none;}
	.red_text {color:#ae4b4f;}
	
	.section3 .grid_wrap {
		display:grid;
		gap:20px;
		grid-template-columns: repeat(6, 1fr);
	}
	.section3 .grid32 > div:nth-child(1),
	.section3 .grid32 > div:nth-child(2),
	.section3 .grid32 > div:nth-child(3) {
	grid-column: span 2;
	}
	.section3 .grid32 > div:nth-child(4),
	.section3 .grid32 > div:nth-child(5) {
	   grid-column: span 3;
	}
	.section3 .grid_wrap .grid_box {
		background: #f5f5f5;
		padding: 16px;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
	}
	.section3 .grid_wrap.grid4 {
		    grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	 .section3 .grid_box .fs16.bold {
		font-weight:900;
		margin: 5px 0;
		font-size:18px;
	}
	.section3 .grid_wrap.grid4 .bold {
    font-weight: 900;
    line-height: 2;
    font-size: 18px;
	}
	.section3 .grid_wrap.grid3 {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.section3 .grid_wrap .grid_box.span3 {
	    grid-column: span 3;
    display: flex;
    gap: 10px;
    padding: 25px 20px;
	}


	.table2 .gray_back { background:#f5f5f5;font-weight: bold;}
	.table2 td {padding:20px; border:1px solid #ccc;}
	.table2 td:first-child {border-left:none;}
	.table2 td:last-child {border-right:none;}
	.table2 tr:first-child td {border-top:1px solid black;}
	.table1 .fs24 {    font-family: 'GMarketSans'; font-weight:bold; margin-top:-10px;}


	.num_section { background:black; color:white;text-align: center;
    padding: 20px;}
	.num_section .fs30 {font-family: 'GMarketSans';}
	.num_section .fs20 {    line-height: 1.5;} 

	
	.hcom .section4 .table1.table1_1 .wrap {
    align-items: center;
    grid-template-columns: 120px 1fr;
    gap: 40px;
    padding-left: 30px;
	}
	.hcom .section4 .table1.table1_1 .text_wrap {
	text-align: left;
	}
	.hcom .section4 .table1.table1_1 .text_wrap ul {
		display:grid;
		gap:5px;
		margin-top:10px;
	}
	.hcom .section4 .table1.table1_2 .wrap {
		display:flex;
	}
	.hcom .section4 .table1.table1_2 .wrap .wrap_box {
		flex:1;
	}
	.hcom .section4 .table1.table1_2  .text_wrap .bold {
		margin-bottom:3px;
		margin-top:5px;
	}
	.hcom .section4 .table1.table1_3 .wrap {
		display:flex;
	}
	.hcom .section4 .table1.table1_3 .wrap .wrap_box {
		flex:1;
	}
	.finish .book3 {
		    margin: 0 auto;
    display: block;
    margin-top: 25px;
	}
	.finish .table1 .fs24 {
		margin-top:0;
	}
	.membership .table1 .fs24 {
		margin-top:0;
	}
	.tc_img {
		margin: 0 auto;
    display: block;
    margin-top: 25px;
	}
   


	.simple .pv_tab ul {
		display:flex;
		font-size:16px;
		font-weight:bold;
		margin-top:20px;
	}
	.simple .pv_tab li {
    float: none;
    width: auto;
    flex: 1;
    align-items: center;
    text-align: center;
	background:#222;
	color:white;
		border:1px solid #dbdbdb;
		line-height: 50px;
		box-sizing: border-box;
		border-right:none;
	}
	.simple .pv_tab li:last-child {
		border-right:1px solid #dbdbdb;
	}
	.simple .pv_tab li.tab_on {
		padding-top:0;
		background:#ae4b4f;
		color:white;
		height:auto;
		font-size:16px;
	}
	.simple .lecTbl  {}
	.simple .lecTbl table {
		border-top:none;
	}
	.simple .lecTbl table td {font-size:16px;}
	.simple .lecTbl table td:first-child {
	    font-weight: 900;
    color: #222;
	}

	.simple .order_backet {
    width: auto;
    height: auto;
    background: #f5f5f5;
    border-bottom: 1px solid #dbdbdb;
    padding: 25px 0;
	display: flex;
    justify-content: space-between;
    align-items: center;
	}

	.simple .order_backet .order_sum {
		width:auto;
		float:none;
		font-size:18px;
	    padding-top: 0;
	}
	.simple .order_backet .order_button {
    float: none;
    width: auto;
    background: #ae4b4f;
    color: white;
    font-weight: bold;
    padding: 0px;
    border-radius: 100px;
	margin-right:60px;
	}
	.simple .order_backet .order_button a{
		color:white;
		font-size:18px;
	 padding: 10px 22px 8px;
	 display:block;
	}
	
	.simple .boldred {
		color:#ae4b4f;
	}

	.section_under .flex_wrap {
		display:flex;
		text-align:center;
	}
	.section_under .flex_wrap .flex_box {
		flex:1;
	}
	.section_under .flex_wrap .color_back {
		background:black;
		color:white;
		font-size:16px;
		padding:16px;
		border-right: 1px solid white;
	}
	.section_under .flex_wrap .flex_box:last-child .color_back {
	border-right:none;
	}

	.section_under .flex_wrap .white_back {
		font-size:16px;
		padding:16px;
		border-right:1px solid #ccc;
		border-bottom:1px solid #ccc;
	}
	.section_under .flex_wrap .flex_box:last-child .white_back {
		border-right:none;
	}
	.section_under .flex_wrap .flex_box {
		cursor:pointer;
	}


	.part3 .class_flex {
		display: flex;
		gap: 10px;
	}
	.part3 .class_box {
		border: 2px solid black;
		flex: 1;
	}
	.part3 .class_box .flex {
    display: flex;
    justify-content: space-between;
    padding: 10px 0 10px 10px;
    position: relative;
}
	.part3 .class_box .teacher_name {
    background: black;
    color: white;
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    padding: 2px 5px;
}
.part3 .class_box .flex .detail_text {
    font-size: 16px;
    margin: 10px 0 70px;
}
.part3 .class_box img {
    position: absolute;
    bottom: 0;
    right: 0;
}
.part3 .yellow_back {
    background: #f5f5f5;
    text-align: center;
    padding: 12px;
}
.part3 .class_box .detail_text span {
    font-weight: 900;
}
.part3 .class_box .yellow_back {
	font-size:16px;
}

.snbasic .section2 .grid_wrap {
	display:grid;
	    margin-top: 40px;
    border-top: 2px solid black;
    padding-top: 16px;
}
.snbasic .section2 .grid_box {
display: flex;
    gap: 40px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 16px;
    padding-bottom: 16px;
	align-items:center;
    margin: 0 20px 16px;
}
.snbasic .section2 .img_border {
	width:120px;
	height:120px;
	border:4px solid black;
	border-radius:120px;
	overflow:hidden;
	position:relative;
	margin-bottom:30px;
}
.snbasic .section2 .img_border img {
position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -37%);
    width: 190px;
	
	}
.snbasic .section2 .img_wrap {

	position:relative;

}
.snbasic .section2 .img_wrap .fs16 {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    transform: translate(-50%, 0px);
    text-align: center;
}
.snbasic .section2 .text_wrap {
	display:grid;
	gap:6px;
}
.snbasic .section2 .text_wrap .fs14 {
    font-size: 14px;
    color: #777;
}
.snbasic .section2 .text_wrap .fs16.bold {
	font-size:18px;
}




.english  table td {
	padding:10px;
}
.english  table .black_back {
	position:relative;
}
.english  table .black_back  td {
	padding:16px
}
.english  table .black_back a {
color: black;
    background: white;
    font-weight: 900;
    border-radius: 100px;
    position: absolute;
    right: 16px;
    top: 12px;
    padding: 5px 13px;
}
.english  table .red_btn {
width: 90px;
    padding: 7px 0;
}

.english .table1 .wrap {
	gap:5px;
}
.english  table .img_td {
	padding:20px;
}
.english  table .img_td img{
	 margin:0 10px;

}
.english  table .fs18 {
	font-weight:900;
}


.free .btn_wrap {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin: 30px;
}
.free .btn_wrap button {
	background: black;
    color: white;
    font-size: 18px;
    font-weight: 900;
    padding: 16px 30px;
    border-radius: 100px;
}


.discount section .grid_wrap .grid_box{
background: #f5f5f5;
padding: 16px 10px;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
}
.discount section .grid_wrap .grid_box.black_back {
	background:black;
	color:white;
}
.discount section .grid_wrap .grid_box.black_back .white_back {
    background: white;
    color: black;
    border-radius: 100px;
    font-weight: 900;
    padding: 7px 10px 4px;
    flex-shrink: 0;
}
.discount section .grid_wrap .grid_box.black_back .fs18 {
display: flex;
    align-items: center;
    gap: 10px;
	line-height: 1.4;
    word-break: keep-all;
}
.discount section .grid_wrap {
	display:grid;
	gap:20px;
}

.discount .section3 .grid_wrap{
grid-template-columns: none;
}

.discount .section2 .grid_wrap {
    grid-template-columns: 1fr 1fr;
}
.discount .section8 .grid_wrap {
    grid-template-columns: 1fr 1fr;
}
.discount .section8 .grid_wrap  .black_back {
grid-column:  span 2;
}
.discount  .num_section .fs16 {
text-align: left;
    display: inline-block;
    line-height: 1.5;
    font-size: 14px;
}



.discount .num {
    background: black;
    color: white;
    border-radius: 100px;
    font-weight: bold;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    margin-right: 0;
    font-size: 14px;
}





	@media (hover: hover) {
	.red_btn:hover {background:#803336;}
	}