@charset "utf-8";

html,
body {
	height: 100%;
}

body {
	color: #424242;
	font-family: "Nanum Gothic", sans-serif;
}
#Wrapper {
	position: relative;
}

/*-----------------------------------
	bootstrap 호환
-----------------------------------*/

.form-horizontal .row {
	margin-bottom: 10px;
}

/*	list-check */
.list-check {
	list-style: none;
}
.list-check li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f00c";
	margin-left: -30px;
	width: 29px;
	display: inline-block;
	color: #7ebd38;
}

/*-----------------------------------
	z-index
-----------------------------------*/
header {
	z-index: 1000;
}
#ContentBody {
	z-index: 100;
}
footer {
	z-index: 500;
}
.modal {
	z-index: 9999;
	top: 100px;
}
/*-----------------------------
	색상
-----------------------------*/

a,
a:hover {
	color: #4482e9;
}

html,
body {
	background-color: #ffffff;
}
header {
	background-color: #ffffff;
	color: #767676;
}
#ContentBody {
	background-color: #ffffff;
	color: #3c3c3c;
}
footer {
	
	color: #898989;
}


dd .price {
    color:#ffd64e;
    font-size: 1.4em;
}
.price {
    color: orangered;
    font-size: 1.2em;
}

/****************
	Header
*****************/
/* 헤더 고정 */
#Wrapper header {
	color: #424242;
	vertical-align: baseline;
	position: fixed;
	top: 0;
	width: 100%;
}

#Wrapper header #header_top{
	background-color: #f9f9f9;
}

#Wrapper header #header_top #header_menu ul {
	list-style: none;
	padding: 0;
	float: right;
}

#Wrapper header #headerNav {
	height: calc(100vh - 56px);
	width: 100vw;
	background-color: #ffffff;
	position: fixed;
	left: -100%;
	top: 56px;
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
	overflow-x: scroll;
}

#Wrapper header #headerNav nav  {
	margin-top: 15px;
	margin-bottom: 15px;

}

#Wrapper header #headerNav nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#Wrapper header #headerNav nav ul li {
	border-bottom: 0;
	border-top: 0;
	border-left: 0;
	border-right: 0;
}

#Wrapper header #header_row .btn_mobile_nav_toggle {
	display: block;
	position: absolute;
	width: 24px;
	height: 24px;
	top: 10px;
	left: 1em;
	font-size: 24px;
	cursor: pointer;
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}
body.open_nav #Wrapper header #header_row .btn_mobile_nav_toggle {
	left: calc(100vw - 50px);
	-webkit-transform: rotate(180deg);
	-webkit-transform-origin: 50% 50%;
	transform: rotate(180deg);
	transform-origin: 50% 75%;
}

#Wrapper header #header_row .btn_mobile_nav_toggle a {
	color: #404040;
}


/*-----------------------------
	본문
-----------------------------*/
#ContentBody {
	position: relative;
	padding-top: 190.14px;
	padding-bottom: 100px;
}

@media (min-width: 768px) {
	#Wrapper header #header_top #header_menu ul {
		list-style: none;
		padding: 0;
		margin: 0;
		float: right;
	}

	#Wrapper header #header_top #header_menu ul li{
		float: left;
		padding-top: 6px;
		padding-bottom: 6px;
	}

	#Wrapper header #header_top #header_menu ul li a{
		color: #8d8d8d;
		padding-right: 5px;
		padding-left: 5px;
		font-size: 12px;
	}

	#Wrapper header #header_top #header_menu ul .headermenu_login a{
		border-right: solid 1px #8d8d8d;
	}

	#Wrapper header #header_top #header_menu ul .headermenu_customer a{
		border-left: solid 1px #8d8d8d;
	}

	#Wrapper header #header_row {
		padding-top: 10px;
	}

	#Wrapper header #header_row .header_boxs {
		width: 100%;
	}

	#Wrapper header #header_row #header_logo_box,
	#Wrapper header #header_row #header_search_box,
	#Wrapper header #header_row #header_submit_box{
		vertical-align: top;
		width: 33.3333333%;
		float: left;
	}

	#Wrapper header #header_row #header_search_box .header_search {
		background-color: #f9f9f9;
		border-radius: 30px;
		padding: 15px 15px;
	}

	#Wrapper header #header_row #header_search_box .header_search #header_search_form #header_search_text{
		width: 80%;
		background-color: #f9f9f9;
		border: 0;
	}
	#Wrapper header #header_row #header_search_box .header_search #header_search_form #header_search_button{
		width: 20%;
		background-color: #f9f9f9;
		border: 0;
		float: right;
	}




	#Wrapper header #header_row #header_submit_box .header_submit{
		text-align: right;
	}

	#Wrapper header #header_row #header_submit_box #login_bt,
	#Wrapper header #header_row #header_submit_box #cart_bt{
		display: inline-block;
	}

	#Wrapper header #header_row #header_submit_box #login_bt a,
	#Wrapper header #header_row #header_submit_box #cart_bt a{
		border: 0;
		padding: 15px;
	}




	#Wrapper header #headerNav {
		height: auto;
    	width: 100%;
    	position: relative;    	
    	left: auto;
    	top: auto;
    	overflow-x: visible;
    	border: 0;
	}

	#Wrapper header #headerNav .container {
		position: relative;
	}

	#Wrapper header #headerNav nav {
		height: 70px;
		margin: 0;
		overflow: hidden;
		width: auto;
	}
	#Wrapper header #headerNav:hover nav {
		height: 300px;
	}
	#Wrapper header #headerNav nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		display: flex;
		width: 100%;
	}
	#Wrapper header #headerNav nav > ul > li {
		width: 14.258%;
		text-align: center;
		border: 0;
	}
	#Wrapper header #headerNav nav > ul > li .nav_title {
		padding: 20px 0;
		font-size: 12px;
		font-weight: 600;
	}

	#Wrapper header #headerNav nav > ul > li .nav_title img {
		position: absolute;
		margin-top: -10px;
	}

	#Wrapper header #headerNav nav > ul > li .nav_body {
		padding: 15px;
	}
	#Wrapper header #headerNav nav > ul > li .nav_body > ul {
		display: table;
		text-align: center;
		width: 100%;
	}
	#Wrapper header #headerNav nav > ul > li .nav_body > ul > li{
		text-align: center;
		width: 100%;
		padding: 10px 0;
	}

	#Wrapper header #headerNav nav > ul > li .nav_body > ul > li a {
		font-size: 9px;
		color: #898989;
		font-weight: 600;
	}

	#Wrapper header #header_row .btn_mobile_nav_toggle{
		display: none;
	}
}


@media (min-width: 992px) {

	#Wrapper header #header_row .btn_mobile_nav_toggle{
		display: none;
	}
	
	#Wrapper header #header_top #header_menu ul {
		list-style: none;
		padding: 0;
		margin: 0;
		float: right;
	}

	#Wrapper header #header_top #header_menu ul li{
		float: left;
		padding-top: 6px;
		padding-bottom: 6px;
	}

	#Wrapper header #header_top #header_menu ul li a{
		color: #8d8d8d;
		padding-right: 5px;
		padding-left: 5px;
		font-size: 12px;
	}

	#Wrapper header #header_top #header_menu ul .headermenu_login a{
		border-right: solid 1px #8d8d8d;
	}

	#Wrapper header #header_top #header_menu ul .headermenu_customer a{
		border-left: solid 1px #8d8d8d;
	}

	#Wrapper header #header_row {
		padding-top: 10px;
	}

	#Wrapper header #header_row .header_boxs {
		width: 100%;
	}

	#Wrapper header #header_row #header_logo_box,
	#Wrapper header #header_row #header_search_box,
	#Wrapper header #header_row #header_submit_box{
		vertical-align: top;
		width: 33.3333333%;
		float: left;
	}

	#Wrapper header #header_row #header_search_box .header_search {
		background-color: #f9f9f9;
		border-radius: 30px;
		padding: 15px 15px;
	}

	#Wrapper header #header_row #header_search_box .header_search #header_search_form #header_search_text{
		width: 80%;
		background-color: #f9f9f9;
		border: 0;
	}
	#Wrapper header #header_row #header_search_box .header_search #header_search_form #header_search_button{
		width: 20%;
		background-color: #f9f9f9;
		border: 0;
		float: right;
	}




	#Wrapper header #header_row #header_submit_box .header_submit{
		text-align: right;
	}

	#Wrapper header #header_row #header_submit_box #login_bt,
	#Wrapper header #header_row #header_submit_box #cart_bt{
		display: inline-block;
	}

	#Wrapper header #header_row #header_submit_box #login_bt a,
	#Wrapper header #header_row #header_submit_box #cart_bt a{
		border: 0;
		padding: 15px;
	}




	#Wrapper header #headerNav {
		height: auto;
    	width: 100%;
    	position: relative;    	
    	left: auto;
    	top: auto;
    	overflow-x: visible;
    	border: 0;
	}

	#Wrapper header #headerNav .container {
		position: relative;
	}

	#Wrapper header #headerNav nav {
		height: 70px;
		margin: 0;
		overflow: hidden;
		width: auto;
	}
	#Wrapper header #headerNav:hover nav {
		height: 300px;
	}
	#Wrapper header #headerNav nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		display: flex;
		width: 100%;
	}
	#Wrapper header #headerNav nav > ul > li {
		width: 14.258%;
		text-align: center;
		border: 0;
	}
	#Wrapper header #headerNav nav > ul > li .nav_title {
		padding: 20px 0;
		font-size: 16px;
		font-weight: 800;
	}

	#Wrapper header #headerNav nav > ul > li .nav_title img {
		position: absolute;
		margin-top: -10px;
	}

	#Wrapper header #headerNav nav > ul > li .nav_body {
		padding: 15px;
	}
	#Wrapper header #headerNav nav > ul > li .nav_body > ul {
		display: table;
		text-align: center;
		width: 100%;
	}
	#Wrapper header #headerNav nav > ul > li .nav_body > ul > li{
		text-align: center;
		width: 100%;
		padding: 10px 0;
	}

	#Wrapper header #headerNav nav > ul > li .nav_body > ul > li a {
		font-size: 14px;
		color: #898989;
		font-weight: 600;
	}
}


@media (min-width: 1200px) {
	
	#Wrapper header #header_top #header_menu ul {
		list-style: none;
		padding: 0;
		margin: 0;
		float: right;
	}

	#Wrapper header #header_top #header_menu ul li{
		float: left;
		padding-top: 6px;
		padding-bottom: 6px;
	}

	#Wrapper header #header_top #header_menu ul li a{
		color: #8d8d8d;
		padding-right: 5px;
		padding-left: 5px;
		font-size: 12px;
	}

	#Wrapper header #header_top #header_menu ul .headermenu_login a{
		border-right: solid 1px #8d8d8d;
	}

	#Wrapper header #header_top #header_menu ul .headermenu_customer a{
		border-left: solid 1px #8d8d8d;
	}

	#Wrapper header #header_row {
		padding-top: 10px;
	}

	#Wrapper header #header_row .header_boxs {
		width: 100%;
	}

	#Wrapper header #header_row #header_logo_box,
	#Wrapper header #header_row #header_search_box,
	#Wrapper header #header_row #header_submit_box{
		vertical-align: top;
		width: 33.3333333%;
		float: left;
	}

	#Wrapper header #header_row #header_search_box .header_search {
		background-color: #f9f9f9;
		border-radius: 30px;
		padding: 15px 15px;
	}

	#Wrapper header #header_row #header_search_box .header_search #header_search_form #header_search_text{
		width: 90%;
		background-color: #f9f9f9;
		border: 0;
	}
	#Wrapper header #header_row #header_search_box .header_search #header_search_form #header_search_button{
		width: 10%;
		background-color: #f9f9f9;
		border: 0;
		float: right;
	}




	#Wrapper header #header_row #header_submit_box .header_submit{
		text-align: right;
	}

	#Wrapper header #header_row #header_submit_box .logins,
	#Wrapper header #header_row #header_submit_box .carts{
		display: inline-block;
	}

	#Wrapper header #header_row #header_submit_box .logins a,
	#Wrapper header #header_row #header_submit_box .carts a{
		border: 0;
		padding: 15px;
	}




	#Wrapper header #headerNav {
		height: auto;
    	width: 100%;
    	position: relative;    	
    	left: auto;
    	top: auto;
    	overflow-x: visible;
    	border: 0;
	}

	#Wrapper header #headerNav .container {
		position: relative;
	}

	#Wrapper header #headerNav nav {
		height: 70px;
		margin: 0;
		overflow: hidden;
		width: auto;
	}
	#Wrapper header #headerNav:hover nav {
		height: 300px;
	}
	#Wrapper header #headerNav nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		display: flex;
		width: 100%;
	}
	#Wrapper header #headerNav nav > ul > li {
		width: 14.258%;
		text-align: center;
		border: 0;
	}
	#Wrapper header #headerNav nav > ul > li .nav_title {
		padding: 20px 0;
		font-size: 20px;
		font-weight: 800;
	}

	#Wrapper header #headerNav nav > ul > li .nav_title img {
		position: absolute;
		margin-top: -10px;
	}

	#Wrapper header #headerNav nav > ul > li .nav_body {
		padding: 15px;
	}
	#Wrapper header #headerNav nav > ul > li .nav_body > ul {
		display: table;
		text-align: center;
		width: 100%;
	}
	#Wrapper header #headerNav nav > ul > li .nav_body > ul > li{
		text-align: center;
		width: 100%;
		padding: 10px 0;
	}

	#Wrapper header #headerNav nav > ul > li .nav_body > ul > li a {
		font-size: 16px;
		color: #898989;
		font-weight: 600;
	}
}


/****************
	본문
*****************/

@media (min-width: 768px) {

	/******** 메인 ********/
		#ContentBody .main_section {
			padding: 50px 0;
			position: relative;
			height: 500px;
		}

		#ContentBody .main_section .banner_content {
			width: 100%;
			height: 400px;
			position: relative;
			display: flex;
		}
		#ContentBody .main_section .banner_content .banner_bt {
			background-color: #fff;
			width: fit-content;
		}

		#ContentBody .main_section .banner_content .banner_bt ul {
			list-style: none;
			padding: 0;
		}

		#ContentBody .main_section .banner_content .banner_bt ul li {
			width: 250px;
			height: 100px;
		}

		#ContentBody .main_section .banner_content .banner_bt ul li button {
			width: 100%;
			height: 100%;
			border-radius: 0;
		}
		#ContentBody .main_section .banner_content .banner_bt ul li button .img {
			height: 100%;
		}

		#ContentBody .main_section .banner_content .banner_bt ul li button .img img{
			width: 100%;
			height: 100%;
		}

		#ContentBody .main_section .banner_content .banner_bt ul li button .text {
			width: 50%;
			font-size: 14px;
			padding-top: 20px;
		}

		#ContentBody .main_section .banner_content .banner_img,
		#ContentBody .main_section .banner_content .banner_img2,
		#ContentBody .main_section .banner_content .banner_img3,
		#ContentBody .main_section .banner_content .banner_img4{
			display: contents;
		}

		#ContentBody .main_section .banner_content .banner_img img,
		#ContentBody .main_section .banner_content .banner_img2 img,
		#ContentBody .main_section .banner_content .banner_img3 img,
		#ContentBody .main_section .banner_content .banner_img4 img{
			padding-left: 100px;
		}

		

		#ContentBody .main_section2 {
			padding: 50px 0;
		}

		#ContentBody .main_section2 .option-group {
			background-color: #f9f9f9;
			border-radius: 20px;
		}

		#ContentBody .main_section2 .option-group ul{
			list-style: none;
			padding: 0;
		}
		#ContentBody .main_section2 .option-group ul li {
			width: 12%;
			text-align: center;
			display: inline-block;
		}

		#ContentBody .main_section2 .option-group ul li a{
			color: #000;
		}

		/* 메인 (전문 과외) */
		#ContentBody .main_proclass {
			padding: 50px 0;
		}

		#ContentBody .main_proclass .section_title h4{		
			font-weight: 600;
		}
		
		#ContentBody .main_proclass .section_body .list_box ul{
			list-style: none;
			padding: 0;
			width: 100%;
		}
		#ContentBody .main_proclass .section_body .list_box ul li{
			width: 20%;
			float: left;
		}

		#ContentBody .main_proclass .section_body .list_box ul li .pro1 .image1 .proclass_img,
		#ContentBody .main_proclass .section_body .list_box ul li .pro2 .image2 .proclass_img,
		#ContentBody .main_proclass .section_body .list_box ul li .pro3 .image3 .proclass_img,
		#ContentBody .main_proclass .section_body .list_box ul li .pro4 .image4 .proclass_img,
		#ContentBody .main_proclass .section_body .list_box ul li .pro5 .image5 .proclass_img,
		#ContentBody .main_proclass .section_body .list_box ul li .pro1 .image1 .proclass_img img,
		#ContentBody .main_proclass .section_body .list_box ul li .pro2 .image2 .proclass_img img,
		#ContentBody .main_proclass .section_body .list_box ul li .pro3 .image3 .proclass_img img,
		#ContentBody .main_proclass .section_body .list_box ul li .pro4 .image4 .proclass_img img,
		#ContentBody .main_proclass .section_body .list_box ul li .pro5 .image5 .proclass_img img{
			width: 100%;
		}

		/* 메인 (방송 강의) */
		#ContentBody .main_liveclass {
			padding: 50px 0;
		}

		#ContentBody .main_liveclass .section_title h4{
			font-weight: 600;
		}

		/* 메인 (강사 모집) */
		#ContentBody .class_group .main_proteacher{
			padding: 50px 0;
		}

		#ContentBody .class_group .main_proteacher .teacher_box {
			background-color: #f9f9f9;
			padding: 20px 15px;
			border-radius: 20px;
		}
		#ContentBody .class_group .main_proteacher .teacher_box .teacher_title h4{
			font-weight: 600;
		}

		#ContentBody .class_group .main_proteacher .teacher_box img {
			width: 100%;
		}

		/* 메인 (강의 교재) */
		#ContentBody .class_group .main_books {
			padding: 50px 0;
		}

		#ContentBody .class_group .main_books .books_box {
			padding: 20px;
			border: solid 1px #000;
			border-radius: 20px;
		}
		#ContentBody .class_group .main_books .books_box .section_head {
			padding-bottom: 15px;
		}

		#ContentBody .class_group .main_books .books_box .section_head .head_title h4{
			font-weight: 600;
		}

		#ContentBody .class_group .main_books .books_box .section_head .head_more {
			text-align: right;
		}
		#ContentBody .class_group .main_books .books_box .section_head .head_more a {
			color: #767676;
		}

		#ContentBody .class_group .main_books .books_box .section_body ul{
			list-style: none;
			padding: 0;
		}

		#ContentBody .class_group .main_books .books_box .section_body ul li {
			width: 33.333%;
			float: left;
		}

		#ContentBody .class_group .main_books .books_box .section_body ul li .book_box {
			width: 100%;
		}

		#ContentBody .class_group .main_books .books_box .section_body ul li .book_box .book_img,
		#ContentBody .class_group .main_books .books_box .section_body ul li .book_box .book_img img,
		#ContentBody .class_group .main_books .books_box .section_body ul li .book_box .book_info,
		#ContentBody .class_group .main_books .books_box .section_body ul li .book_box .book_price,
		#ContentBody .class_group .main_books .books_box .section_body ul li .book_box .RatingStar{
			width: 100%;
		}

		/* 메인 (소식) */
		#ContentBody .class_group .main_notice {
			padding: 50px 0;
		}
		#ContentBody .class_group .main_notice .notice_box {
			border: solid 1px #000;
			border-radius:  20px;
			padding: 20px;
		}

		#ContentBody .class_group .main_notice .notice_box .section_head {
			padding-bottom: 15px;
		}

		#ContentBody .class_group .main_notice .notice_box .section_head .head_title h4 {
			font-weight: 600;
		}

		#ContentBody .class_group .main_notice .notice_box .section_head .head_more {
			text-align: right;
		}
		#ContentBody .class_group .main_notice .notice_box .section_head .head_more a {
			color: #898989;
		}

		#ContentBody .class_group .main_notice .notice_box .section_body #notice_list ul{
			list-style: none;
			padding: 0;
		}

		#ContentBody .class_group .main_notice .notice_box .section_body #notice_list ul li {
			padding: 5px 0;
			border-bottom: solid 1px #898989;
		}

		#ContentBody .class_group .main_notice .notice_box .section_body #notice_list ul li a {
			color: #898989;
		}

		/* 메인 (진단평가) */ 
		#ContentBody .class_group .main_test {
			padding: 50px 0;
		}

		#ContentBody .class_group .main_test .test_box {
			padding: 20px;
			border: solid 1px #000;
			border-radius: 20px;
		}

		#ContentBody .class_group .main_test .test_box .section_head .head_title h4 {
			font-weight: 600;
		}

		#ContentBody .class_group .main_test .test_box .section_head .head_more {
			text-align: right;
		}
		#ContentBody .class_group .main_test .test_box .section_head .head_more a {
			color: #898989;
		}

		#ContentBody .class_group .main_test .test_box .section_body #test_list ul{
			list-style: none;
			padding: 0;
		}
		
		/* 메인 (동영상 강의) */
		#ContentBody .main_videoclass {
			padding: 50px 0;
		}
		
		#ContentBody .main_videoclass .section_title h4{
			font-weight: 600;
		}
	/******** 메인. ********/

	/******** 로그인 ********/
		#ContentBody .head_section_login {
			background: url('/images/login/sub_banner.png') center center;
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_login .login_head {
			text-align: center;
		}

		#ContentBody .head_section_login .login_head h1{
			font-weight: 600;
			color: #fff;
		}

		#ContentBody .login_section {
			padding: 50px 0;
		}

		#ContentBody .login_section .login_logo {
			text-align: center;
		}

		#ContentBody .login_section .login_logo p{
			font-size: 24px;
			font-weight: 600;
		}
		#ContentBody .login_section .login_logo p b {
			color: #4482e9;
		}

		#ContentBody .login_section2 {
			text-align: center;
		}

		#ContentBody .login_section2 #singinForm .form-group{
			padding-left: 150px;
			padding-right: 150px;
		}

		#ContentBody .login_section2 .login_option ul {
			list-style: none;
			text-align: center;
			padding: 20px 250px;
		}

		#ContentBody .login_section2 .login_option ul li {
			width: 33.3333%;
			float: left;
		}

		#ContentBody .login_section2 .login_option ul li a {
			color: #676767;
		}

		#ContentBody .login_section2 .login_bts{
			padding: 0 100px;
		}

		#ContentBody #BT_login {
			width: 100%;
			padding: 18px 16px;
			font-weight: 600;
			color: #fff;
			background-color: #0072bc;
			border-radius: 20px;
			border: 0;
		}

		#ContentBody .simple_login .simple_login_head {
			text-align: center;
		}

		#ContentBody .simple_login .simple_login_head h4 {
			font-weight: 600;
		}

		#ContentBody .simple_login .simple_login_body ul{
			list-style: none;
			padding: 0 150px;
		}

		#ContentBody .simple_login .simple_login_body ul li{
			width: 33.3333%;
			float: left;
		}

		#ContentBody .simple_login .simple_login_body ul li a {
			border: 0;
		}

	/******** 로그인. ********/

	/********  회원가입 ********/
		#ContentBody .head_section_Register {
			background: url('/images/Register/sub_banner.png');
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_Register .Register_head{
			text-align: center;
		}
		#ContentBody .head_section_Register .Register_head h1{
			font-weight: 600;
			color: #fff;
		}

		#ContentBody .step_section {
			padding: 50px 0;
		}	

		#ContentBody .step_section .join_step1,
		#ContentBody .step_section .join_step2,
		#ContentBody .step_section .join_step3{
			text-align: -webkit-center;
		}

		#ContentBody .step_section .text ul{
			list-style: none;
			padding: 0 380px;
			margin: 0;
		}

		#ContentBody .step_section .text ul li {
			width: 33.333%;
			float: left;
			text-align: center;
			font-weight: 600;
		}

	/********  회원가입. ********/

	/********  장바구니 ********/
		#ContentBody .sub_section .head_cart h2{
			text-align: center;
		}
	/********  장바구니. ********/

	/******** 에듀라이브 소개 ********/
		#ContentBody .head_section_introdution {
			background: url('/images/introdution/sub_banner.png') center center;
			padding: 35px 0;
			position: relative;
		}

		#ContentBody .head_section_introdution .introdution_head{
			text-align: center;
		}

		#ContentBody .head_section_introdution .introdution_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_introdution .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_introdution .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_introdution .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_introdution .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_introdution .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
		}

		#ContentBody .head_section_introdution .mid_option .options .btn-group .play{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .introdution_section,
		#ContentBody .introdution_section2,
		#ContentBody .introdution_section3,
		#ContentBody .introdution_section4 {
			padding: 50px 0;
		}

		#ContentBody .introdution_section .content_title,
		#ContentBody .introdution_section2 .content_title,
		#ContentBody .introdution_section3 .content_title,
		#ContentBody .introdution_section4 .content_title{
			text-align: center;

		}

		#ContentBody .introdution_section .content_title h3,
		#ContentBody .introdution_section2 .content_title h3,
		#ContentBody .introdution_section3 .content_title h3,
		#ContentBody .introdution_section4 .content_title h3{
			font-weight: 600;
			margin-bottom: 100px;
		}
		#ContentBody .introdution_section .content_title h3 b,
		#ContentBody .introdution_section2 .content_title h3 b,
		#ContentBody .introdution_section3 .content_title h3 b,
		#ContentBody .introdution_section4 .content_title h3 b {
			color: #4482e9;
		}

		#ContentBody .introdution_section .content_body .text{
			padding-left: 50px;
			font-size: 16px;
		}

		#ContentBody .introdution_section2 {
			background-color: #f9f9f9;
			padding: 30px 0;
		}

		#ContentBody .introdution_section2 .content_body .subject {
			text-align: center;
			background-color: #fff;
			border-radius: 20px;
			padding: 50px 0;
			border: solid 3px #f7f7f7;
		}

		#ContentBody .introdution_section2 .content_body .grade {
			background-color: #fff;
			border-radius: 20px;
			padding: 50px 0;
			border: solid 3px #f7f7f7;
			margin-left: 70px;
		}

		#ContentBody .introdution_section2 .content_body .subject .subject_title h4 {
			font-weight: 600;
		}

		#ContentBody .introdution_section2 .content_body .grade .grade_title h4{
			font-weight: 600;
			text-align: center;
		}



		#ContentBody .introdution_section2 .content_body .subject .subject_body ul,
		#ContentBody .introdution_section2 .content_body .grade .grade_body ul{
			list-style: none;
			padding: 0;
		}

		#ContentBody .introdution_section2 .content_body .grade .grade_body ul li {
			width: 50%;
			float: inline-start;
		}

		#ContentBody .introdution_section2 .content_body .grade .grade_body ul li{
			text-align: center;
		}

		#ContentBody .introdution_section2 .content_body .subject .subject_body ul li{
			width: 20%;
			float: inline-start;
		}
		

		#ContentBody .introdution_section2 .content_body .subject .subject_body ul li img {
			background-color: #f9f9f9;	
			padding: 15px;
			border-radius: 50px;
		}

		#ContentBody .introdution_section2 .content_body .subject .subject_body ul li .text{
			font-weight: 600;
		}

		#ContentBody .introdution_section3 .content_body .img {
			text-align: right;
		}

		#ContentBody .introdution_section3 .content_body .text ul{
			list-style: none;
			padding: 0;
		}

		#ContentBody .introdution_section3 .content_body .text ul li{
			font-size: 16px;
			padding: 10px 0;
		}

		#ContentBody .introdution_section4 .content_body .content .img {
			text-align: center;
			margin-bottom: 20px;
		}

		#ContentBody .introdution_section4 .content_body .content .text ul {
			margin-left: 60px;
		}

		#ContentBody .introdution_section4 .content_body .content .text ul li {
			padding: 5px 0;
		}
	/******** 에듀라이브 소개. ********/

	/******** 이용안내 ********/
		#ContentBody .head_section_tuition {
			background: url('/images/introdution/sub_banner.png') center center;
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_tuition .tuition_head {
			text-align: center;
		}

		#ContentBody .head_section_tuition .tuition_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_tuition .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_tuition .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_tuition .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_tuition .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_tuition .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
		}

		#ContentBody .head_section_tuition .mid_option .options .btn-group .play{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .tuition_section {
			padding: 50px 0;
		}

		#ContentBody .tuition_section .section_title{
			text-align: center;
		}

		#ContentBody .tuition_section .section_title h2{
			font-weight: 600;
		}

		#ContentBody .tuition_section .section_content{
			text-align: center;
			padding: 30px 0;
		}

		#ContentBody .tuition_section2 {
			padding: 50px 0;
		}

		#ContentBody .tuition_section2 .section_title{
			text-align: center;
		}

		#ContentBody .tuition_section2 .section_title h2{
			font-weight: 600;
		}

		#ContentBody .tuition_section2 .section_title h2 b{
			color: #4482e9;
		}

		#ContentBody .tuition_section2 .section_content .content_bt{
			text-align: center;
		}

		#ContentBody .tuition_section2 .section_content .content_bt button {
			border-radius: 20px;
			width: 30%;
			font-weight: 600;
			margin: 0 10px;
		}

	/******** 이용안내. ********/

	/******** 방송강의 소개 ********/
		#ContentBody .head_section_liveintro {
			background: url('/images/liveintro/sub_banner.png') center center;
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_liveintro .liveintro_head{
			text-align: center;
		}

		#ContentBody .head_section_liveintro .liveintro_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_liveintro .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_liveintro .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_liveintro .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_liveintro .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_liveintro .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
			
		}

		#ContentBody .head_section_liveintro .mid_option .options .btn-group .teacher{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .liveintro_section {
			padding: 50px 0;
		}

		#ContentBody .liveintro_section .section_title{
			text-align: center;
			padding: 30px 0;
		}

		#ContentBody .liveintro_section .section_title h2 {
			font-weight: 600;
		}
		#ContentBody .liveintro_section .section_title h2 b {
			color: #4482e9;
		}

		#ContentBody .liveintro_section .section_content .text{
			padding-left: 150px;
		}

		#ContentBody .liveintro_section2 {
			padding: 50px 0;
			background-color: #f7f7f7;
		}

		#ContentBody .liveintro_section2 .section_title {
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .liveintro_section2 .section_title h2 {
			font-weight: 600;
		}
		#ContentBody .liveintro_section2 .section_title h2 b {
			color: #4482e9;
		}

		#ContentBody .liveintro_section2 .section_content .contents_ul{
			list-style: none;
			padding: 0;
		}
		#ContentBody .liveintro_section2 .section_content .contents_ul .contents_li {
			width: 25%;
			float: left;
			padding: 20px;
			background-color: #fff;
			border-radius: 20px;
			height: 247.8px;
			margin: 4.1666%;
		}

		#ContentBody .liveintro_section2 .section_content ul  .contents_li .img,
		#ContentBody .liveintro_section2 .section_content ul .contents_li .text {
			text-align: center;
		}

		#ContentBody .liveintro_section2 .section_content ul .contents_li .text .title h4{
			font-weight: 600;
		}



		#ContentBody .liveintro_section2 .option ul li {
			text-align: left;
			padding: 5px 0;
		}

		#ContentBody .liveintro_section2 .section_content ul .contents .text .title h4{
			font-weight: 600;
		}



		#ContentBody .liveintro_section4 {
			padding: 50px 0;
		}

		#ContentBody .liveintro_section4 .section_title {
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .liveintro_section4 .section_title h2 {
			font-weight: 600;
		}
		#ContentBody .liveintro_section4 .section_title h2 b {
			color: #4482e9;
		}

		#ContentBody .liveintro_section4 .section_content .contents_ul{
			list-style: none;
			padding: 0;
		}
		#ContentBody .liveintro_section4 .section_content .contents_ul .contents_li {
			width: 25%;
			float: left;
			padding: 20px;
			background-color: #f7f7f7;
			border-radius: 20px;
			height: 247.8px;
			margin: 4.1666%;
		}

		#ContentBody .liveintro_section4 .section_content ul .contents_li .text {
			text-align: center;
		}

		#ContentBody .liveintro_section4 .section_content ul .contents_li .text .title h4{
			font-weight: 600;
		}



		#ContentBody .liveintro_section4 .option ul li {
			text-align: left;
			padding: 5px 0;
		}

		#ContentBody .liveintro_section4 .section_content ul .contents .text .title h4{
			font-weight: 600;
		}


		#ContentBody .liveintro_section3 {
			padding: 50px 0;
			background-color: #f7f7f7;
		}

		#ContentBody .liveintro_section3 .section_title {
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .liveintro_section3 .section_title h2 {
			font-weight: 600;
		}

		#ContentBody .liveintro_section3 .section_title h2 b {
			color: #4482e9;
		}

		#ContentBody .liveintro_section3 .section_content {
			background-color: #fff;
			border-radius: 20px;
		}

		#ContentBody .liveintro_section3 .section_content .img {
			text-align: right;
		}

		#ContentBody .liveintro_section3 .section_content .text{
			padding: 80px 0;
			font-weight: 600;
		}

		#ContentBody .liveintro_section3 .section_content .text ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}

		#ContentBody .liveintro_section3 .section_content .text ul li {
			padding: 4px 0;
		}

	/******** 방송강의 소개. ********/

	/******** 방송강의 ********/
		#ContentBody .head_section_liveclass{
			background: url('/images/liveclass/sub_banner.png') center center;
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_liveclass .liveclass_head{
			text-align: center;
		}

		#ContentBody .head_section_liveclass .liveclass_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_liveclass .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_liveclass .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_liveclass .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_liveclass .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_liveclass .mid_option .options .btn-group .play{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
			
		}

		#ContentBody .head_section_liveclass .mid_option .options .btn-group .pay{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .liveclass_section{
			padding: 50px 0;
		}

		#ContentBody .liveclass_section #Q_form {
			padding: 20px;
			border: solid 1px #767676;
			border-radius: 20px;
		}

		#ContentBody .liveclass_section #Q_form button{
			margin: 0 5px;
			border-radius: 20px;
		}

		#ContentBody .liveclass_section .search_bt{
			text-align: right;
			padding: 20px 0;
		}

		#ContentBody .liveclass_section .search_bt button{
			padding: 10px 30px;
		}



		#ContentBody .liveclass_section .class_list_box{
			display: block;
			width: 100%;
		}

		#ContentBody .liveclass_section .class_list_box .class_list{
			width: 100%;
		}

		#ContentBody .liveclass_section .class_list_box .class_list li {
			display: inline-block;
			width: 25%;
			color: #ffffff;
			margin: 0;
			padding: 0 15px;
			position: relative;
			overflow: hidden;
		}

		#ContentBody .liveclass_section .class_paging {
			text-align: center;
			padding: 10px 0;
		}

	/******** 방송강의. ********/

	/******** 방송강의 상세 ********/
		#ContentBody .Classdetail_section {
			padding-top: 50px 0;
			border-bottom: solid 1px #e7e7e7;
		}

		#ContentBody .Classdetail_section #BT_back {
			font-weight: 600;
			border: 0;
		}

		#ContentBody .Classdetail_section .ClassTitle{
			border-bottom: solid 1px #e7e7e7;
		}

		#ContentBody .Classdetail_section .ClassTitle h4{
			font-weight: 600;
			margin: 0;
			padding-bottom: 20px;
		}

		#ContentBody .Classdetail_section .ClassPrice {
			border-bottom: solid 1px #e7e7e7;
		}

		#ContentBody .Classdetail_section .ClassPrice h4{
			font-weight: 600;
			margin: 0;
			color: #4482e9;
			padding: 20px 0;
		}

		#ContentBody .Classdetail_section #ClassNav {
			bottom: 0;
			left: 0;
			right: 0;
			width: 100%;
			padding-top: 40px;
		}

		#ContentBody .Classdetail_section #ClassNav ul {
			list-style: none;
			margin: 0;
			padding: 0;
			display: table;
			width: 100%;
			height: 30px;
			background-color: #e7e7e7;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
		}

		#ContentBody .Classdetail_section #ClassNav ul li{
			display: table-cell;
			width: 20%;
		}

		#ContentBody .Classdetail_section #ClassNav ul li a{
			display: block;
			text-align: center;
			color: #000;
			padding: 10px 0;
			font-size: 9pt;
			cursor: pointer;
			font-weight: 600;
		}

		#ContentBody .Classdetail_section .dl-horizontal{
			padding: 20px 0;
			border-bottom: solid 1px #e7e7e7;
		}

		#ContentBody .Classdetail_section dl {
			margin: 0;
			padding: 3px 0;
		}

		#ContentBody .Classdetail_section dl dt {
			text-align: left;
			width: fit-content;
		}

		#ContentBody .Classdetail_section dl dd{
			margin-left: 100px;
		}

		#ContentBody .Classdetail_section .order_bt{
			padding: 20px 0;
		}

		#ContentBody .Classdetail_section .order_bt button {
			width: 40%;
			float: left;
			margin: 0 5px;
			border-radius: 20px;
		}

		#ContentBody .Classdetail_section .order_bt #BT_Order{
			border: solid 1px #4482e9;
			color: #fff;
			background-color: #4482e9;
			font-weight: 600;
		}

		#ContentBody .Classdetail_section .order_bt #BT_cart {
			border: solid 1px #4482e9;
			color: #4482e9;
			font-weight: 600;
		}

		#ContentBody #ClassTables .section_title h3{
			font-weight: 600;
		}

		#ContentBody #ClassTables .section_content #ClassTable thead tr th{
			text-align: center;
		}

		#ContentBody #ClassTables .section_content #ClassTable {
			text-align: center;
		}
		#ContentBody #ClassInfo .section_title{
			padding: 20px 0;
		}

		#ContentBody #ClassInfo .section_title h3 {
			font-weight: 600;
		}

		#ContentBody #ClassInfo .section_content #ClassContentHTML p{
			font-size: 12px;
		}

		#ContentBody #ClassInfo .section_content #ClassContentHTML h3{
			font-size: 14px;
		}

		#ContentBody #ClassFile .section_title h3{
			font-weight: 600;
		}
	/******** 방송강의 상세. ********/




	/******** 동영상강의 소개 ********/
		#ContentBody .head_section_videointro {
			background: url('/images/videointro/sub_banner.png');
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_videointro .videointro_head{
			text-align: center;
		}

		#ContentBody .head_section_videointro .videointro_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_videointro .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_videointro .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_videointro .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_videointro .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_videointro .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
		}

		#ContentBody .head_section_videointro .mid_option .options .btn-group .play{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .videointro_section {
			padding: 50px 0;
		}
		#ContentBody .videointro_section .section_title {
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .videointro_section .section_title h2 {
			font-weight: 600;
		}

		#ContentBody .videointro_section .section_title h2 b {
			color: #4482e9;
		}

		#ContentBody .videointro_section .section_content .text{
			padding-left: 150px;
		}

		#ContentBody .videointro_section2 {
			padding: 50px 0;
			background-color: #f9f9f9;
		}

		#ContentBody .videointro_section2 .section_title {
			text-align: center;
		}

		#ContentBody .videointro_section2 .section_title h2 {
			font-weight: 600;
		}

		#ContentBody .videointro_section2 .section_content .subject,
		#ContentBody .videointro_section2 .section_content .grade{
			padding: 20px 15px 40px 15px;
			background-color: #fff;
			margin: 10px;
			border-radius: 20px;
		}

		#ContentBody .videointro_section2 .section_content .subject .subject_title,
		#ContentBody .videointro_section2 .section_content .grade .grade_title {
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .videointro_section2 .section_content .subject .subject_title h4,
		#ContentBody .videointro_section2 .section_content .grade .grade_title h4{
			font-weight: 600;
		}

		#ContentBody .videointro_section2 .section_content .subject .subject_content ul,
		#ContentBody .videointro_section2 .section_content .grade .grade_content ul {
			list-style: none;
			padding: 0;
		}

		#ContentBody .videointro_section2 .section_content .grade .grade_content ul li {
			width: 50%;
			float: left;
		}

		#ContentBody .videointro_section2 .section_content .subject .subject_content ul li{
			width: 20%;
			float: left;
		}

		#ContentBody .videointro_section2 .section_content .subject .subject_content ul li .img,
		#ContentBody .videointro_section2 .section_content .subject .subject_content ul li .text {		
			text-align: center;
		}

		#ContentBody .videointro_section2 .section_content .grade .grade_content ul li .img,
		#ContentBody .videointro_section2 .section_content .grade .grade_content ul li .text {		
			text-align: center;
		}

	/******** 동영상강의 소개. ********/

	/******** 동영상강의 ********/
		#ContentBody .head_section_videoclass{
			background: url('/images/videointro/sub_banner.png');
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_videoclass .videoclass_head {
			text-align: center;
		}

		#ContentBody .head_section_videoclass .videoclass_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_videoclass .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_videoclass .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_videoclass .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_videoclass .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_videoclass .mid_option .options .btn-group .play{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
		}

		#ContentBody .head_section_videoclass .mid_option .options .btn-group .pay{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .videoclass_section {
			padding: 50px 0;
		}

		#ContentBody .videoclass_section #Q_form {
			padding: 20px 0;
			border: solid 1px #000;
			border-radius: 20px;
		}

		#ContentBody .videoclass_section #Q_form button{
			margin: 0 5px;
			border-radius: 20px;
			padding: 6px 20px;
		}

		#ContentBody .videoclass_section .search_bt {
			padding: 10px 0;
			text-align: right;
		}

		#ContentBody .videoclass_section .search_bt button{
			padding: 10px 30px;
		}

		#ContentBody .videoclass_section .class_list_box{
			display: block;
			width: 100%;
			padding: 30px 0;
		}

		#ContentBody .videoclass_section .class_list_box .class_list{
			width: 100%;
		}

		#ContentBody .videoclass_section .class_list_box .class_list li {
			display: inline-block;
			width: 25%;
			color: #ffffff;
			margin: 0;
			padding: 0 15px;
			position: relative;
			overflow: hidden;
		}

		#ContentBody .videoclass_section .class_paging {
			text-align: center;
		}


	/******** 동영상강의. ********/


	/******** 전문과외 소개 ********/
		#ContentBody .head_section_prointro {
			background: url('/images/prointro/sub_banner.png');
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_prointro .prointro_head{
			text-align: center;
		}

		#ContentBody .head_section_prointro .prointro_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_prointro .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_prointro .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_prointro .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_prointro .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_prointro .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
		}

		#ContentBody .head_section_prointro .mid_option .options .btn-group .play{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .prointro_section {
			padding: 50px 0;
		}

		#ContentBody .prointro_section .section_title {
			text-align: center;
			padding: 20px 0;
		}
		#ContentBody .prointro_section .section_title h2{
			font-weight: 600;
		}
		#ContentBody .prointro_section .section_title h2 b{
			color: #4482e9;
		}

		#ContentBody .prointro_section .section_content .text{
			padding-left: 30px;
			padding-top: 80px;
			font-size: 16px;
		}

		#ContentBody .prointro_section2 {
			padding: 50px 0;
			background-color: #f9f9f9;
		}

		#ContentBody .prointro_section2 .section_title {
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .prointro_section2 .section_title h2{
			font-weight: 600;
		}

		#ContentBody .prointro_section2 .section_content .subject,
		#ContentBody .prointro_section2 .section_content .grade{
			background-color: #fff;
			padding: 20px 15px 40px 15px;
			margin: 10px;
			border-radius: 20px;
		}

		#ContentBody .prointro_section2 .section_content .subject .subject_title,
		#ContentBody .prointro_section2 .section_content .grade .grade_title{
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .prointro_section2 .section_content .subject .subject_title h4,
		#ContentBody .prointro_section2 .section_content .grade .grade_title h4{
			font-weight: 600;
		}

		#ContentBody .prointro_section2 .section_content .subject .subject_content ul,
		#ContentBody .prointro_section2 .section_content .grade .grade_content ul{
			list-style: none;
			padding: 0;
		}

		#ContentBody .prointro_section2 .section_content .subject .subject_content ul li{
			width: 20%;
			float: left;
		}

		#ContentBody .prointro_section2 .section_content .subject .subject_content ul li .img,
		#ContentBody .prointro_section2 .section_content .subject .subject_content ul li .text{
			text-align: center;
		}

		#ContentBody .prointro_section2 .section_content .grade .grade_content ul li{
			width: 50%;
			float: left;
		}

		#ContentBody .prointro_section2 .section_content .grade .grade_content ul li .img,
		#ContentBody .prointro_section2 .section_content .grade .grade_content ul li .text {
			text-align: center;
		}

		#ContentBody .prointro_section3 {
			padding: 50px 0;
		}

		#ContentBody .prointro_section3 .section_title {
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .prointro_section3 .section_title h3 {
			font-weight: 600;
		}
		#ContentBody .prointro_section3 .section_title h3 b {
			color: #4482e9;
		}

		#ContentBody .prointro_section3 .section_content .content_ul {
			list-style: none;
		}

		#ContentBody .prointro_section3 .section_content .content_ul .content_li {
			width: 25%;
			float: left;		
			padding: 20px;
			border-radius: 20px;
		}
		#ContentBody .prointro_section3 .section_content .content_ul .content_li .content_box {
			background-color: #f9f9f9;
			border-radius: 20px;
			padding: 10px;
		}

		#ContentBody .prointro_section3 .section_content .content_ul .content_li .img,
		#ContentBody .prointro_section3 .section_content .content_ul .content_li .text{
			text-align: center;
		}

		#ContentBody .prointro_section3 .section_content .content_ul .content_li .text .t_title h4{
			font-weight: 600;
		}

		#ContentBody .prointro_section3 .section_content .content_ul .content_li ul {
			padding-left: 50px;
		}

		#ContentBody .prointro_section3 .section_content .content_ul .content_li ul li{
			text-align: left;
		}

		#ContentBody .prointro_section4 {
			padding-top: 50px;
			background-color: #f9f9f9;
		}

		#ContentBody .prointro_section4 .section_title {
			text-align: center;
			padding: 20px 0;

		}

		#ContentBody .prointro_section4 .section_title h3 {
			font-weight: 600;
		}

		#ContentBody .prointro_section4 .section_title h3 b {
			color: #4482e9;
		}

		#ContentBody .prointro_section4 .section_content .img {
			text-align: right;
		}

		#ContentBody .prointro_section4 .section_content .text {
			padding-top: 60px;

		}
	/******** 전문과외 소개. ********/

	/******** 전문과외  ********/
		#ContentBody .head_section_proclass{
			background: url('/images/prointro/sub_banner.png') center center;
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_proclass .proclass_head {
			text-align: center;
		}

		#ContentBody .head_section_proclass .proclass_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_proclass .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_proclass .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_proclass .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_proclass .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_proclass .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
			
		}

		#ContentBody .head_section_proclass .mid_option .options .btn-group .play{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .proclass_section {
			padding: 50px 0;
		}

		#ContentBody .proclass_section #Q_form {
			padding: 20px;
			border: solid 1px #767676;
			border-radius: 20px;
		}

		#ContentBody .proclass_section .search_bt{
			text-align: right;
			padding: 20px 0;
		}


		#ContentBody .proclass_section #Q_form button{
			margin: 0 5px;
			border-radius: 20px;
		}

	/******** 전문과외.  ********/


	/******** 공지사항 ********/
		#ContentBody .head_section_board {
			background: url('/images/prointro/sub_banner.png') center center;
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_board .board_head{
			text-align: center;
		}

		#ContentBody .head_section_board .board_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_board .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_board .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_board .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_board .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_board .mid_option .options .btn-group .notice{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
		}

		#ContentBody .head_section_board .mid_option .options .btn-group .event{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .board_section {
			padding: 50px 0;
		}

		#ContentBody .board_section .section_head {
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .board_section .section_head h3{
			font-weight: 600;
		}

		#ContentBody .board_section #BoardListTable th,
		#ContentBody .board_section #BoardListTable td{
			text-align: center;
		}

		#ContentBody .board_section #Pagination {
			text-align: center;
		}
	/******** 공지사항. ********/

	/******** 문의게시판 ********/
		#ContentBody .head_section_iniquiry {
			background: url('/images/Board/sub_banner.png') center center;
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_iniquiry .iniquiry_head{
			text-align: center;
		}

		#ContentBody .head_section_iniquiry .iniquiry_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .iniquiry_section {
			padding: 50px 0;
		}

		#ContentBody .iniquiry_section .iniquiry_head{
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .iniquiry_section .iniquiry_head h3{
			font-weight: 600;
		}

		#ContentBody .iniquiry_section .iniquiry_content #BoardListTable th,
		#ContentBody .iniquiry_section .iniquiry_content #BoardListTable td {
			text-align: center;
		}

		#ContentBody .iniquiry_section .iniquery_bt {
			text-align: right;
			padding: 20px 30px;
		}

		#ContentBody .iniquiry_section #Pagination {
			text-align: center;
		}
	/******** 문의게시판. ********/


	/******** 강의교재 소개 ********/
		#ContentBody .head_section_booksinfo {
			background: url('/images/Bookinfo/sub_banner.png') center center;
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_booksinfo .booksinfo_head {
			text-align: center;
		}

		#ContentBody .head_section_booksinfo .booksinfo_head h1 {
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_booksinfo .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_booksinfo .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_booksinfo .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_booksinfo .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_booksinfo .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
		}

		#ContentBody .head_section_booksinfo .mid_option .options .btn-group .play{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .booksinfo_section {
			padding: 50px 0;
		}

		#ContentBody .booksinfo_section .title {
			padding: 20px 0;
		}

		#ContentBody .booksinfo_section .title h3 {
			font-weight: 600;
		}

		#ContentBody .booksinfo_section .title h3 b {
			color: #4482e9;
		}

		#ContentBody .booksinfo_section .text {
			font-size: 16px;
		}

		#ContentBody .booksinfo_section2 {
			padding: 50px 0;
		}
		#ContentBody .booksinfo_section2 .section_head,
		#ContentBody .booksinfo_section2 .section_body {
			padding: 10px 0;
		}

		#ContentBody .booksinfo_section2 .section_head .title {
			text-align: center;
			padding: 20px 0;
		}
		#ContentBody .booksinfo_section2 .section_head .image {
			text-align: center;
		}

		#ContentBody .booksinfo_section2 .section_head .title h3,
		#ContentBody .booksinfo_section2 .section_body .body-content h4{
			font-weight: 600;
		}

		#ContentBody .booksinfo_section2 .section_body .body-icon,
		#ContentBody .booksinfo_section2 .section_body .body-content {
			text-align: center;
		}

		#ContentBody .booksinfo_section3 {
			padding: 50px 0;
		}

		#ContentBody .booksinfo_section3 .section_head .title,
		#ContentBody .booksinfo_section3 .section_head .content,
		#ContentBody .booksinfo_section3 .section_head .image{
			text-align: center;
			padding: 10px 0;
		}

		#ContentBody .booksinfo_section3 .section_head .title h3{
			font-weight: 600;
		}

		#ContentBody .booksinfo_section3 .section_body {
			padding: 20px 200px;
		}

		#ContentBody .booksinfo_section3 .section_body ul {
			list-style: none;
			padding: 0;
		}
		#ContentBody .booksinfo_section3 .section_body ul li {
			padding: 3px 0;
		}	

		#ContentBody .booksinfo_section3 .section_foot {
			padding: 20px 0;
			text-align: center;
		}

		#ContentBody .booksinfo_section3 .section_foot a{
			padding: 15px 80px;
			background-color: #4482e9;
			color: #fff;
			border-radius: 20px;
		}
	/******** 강의교재 소개. ********/

	/******** 강의교재  ********/
		#ContentBody .head_section_book {
			background: url('/images/Bookinfo/sub_banner.png');
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_book .book_head {
			text-align: center;
		}

		#ContentBody .head_section_book .book_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_book .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_book .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_book .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_book .mid_option .options .btn-group a{
			padding: 15px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_book .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
		}

		#ContentBody .head_section_book .mid_option .options .btn-group .play{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .book_section {
			padding: 50px 0;
		}

		#ContentBody .book_section #Q_form {
			border: solid 1px #b4b4b4;
			padding: 15px;
			border-radius: 20px;
		}

		#ContentBody .book_section .search_bt {
			text-align: right;
			padding: 10px 0;
		}

		#ContentBody .book_section .search_bt button{
			padding: 5px 30px;
		}

		#ContentBody .book_section .class_list_box{
			display: block;
			width: 100%;
		}

		#ContentBody .book_section .class_list_box .class_list{
			width: 100%;
		}

		#ContentBody .book_section .class_list_box .class_list li {
			display: inline-block;
			width: 25%;
			color: #ffffff;
			margin: 0;
			padding: 0 15px;
			position: relative;
			overflow: hidden;
		}
	/******** 강의교재.  ********/


	/******** 진단평가 소개  ********/
		#ContentBody .head_section_testintro {
			background: url('/images/testintro/sub_banner.png');
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_testintro .testintro_head {
			text-align: center;
		}

		#ContentBody .head_section_testintro .testintro_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_testintro .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_testintro .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_testintro .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_testintro .mid_option .options .btn-group a{
			padding: 15px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_testintro .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
		}

		#ContentBody .head_section_testintro .mid_option .options .btn-group .play{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .testintro_section {
			padding: 50px 0;
		}

		#ContentBody .testintro_section2 {
			padding: 50px 0;
			background-color: #f9f9f9;
		}

		#ContentBody .testintro_section .section_head,
		#ContentBody .testintro_section2 .section_head{
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .testintro_section .section_head h3,
		#ContentBody .testintro_section2 .section_head h3{
			font-weight: 600;
		}

		#ContentBody .testintro_section .section_head h3 b{
			color: #4482e9;
		}	

		#ContentBody .testintro_section2 .section_content #testinfoTable {
			border-radius: 20px;
			border: 1px;
		}

		#ContentBody .testintro_section2 .section_content #testinfoTable th {
			text-align: center;
		}

		#ContentBody .testintro_section2 .section_content #testinfoTable td {
			background-color: #fff;
		}
	/******** 진단평가 소개.  ********/

	/******** 진단평가 ********/
		#ContentBody .head_section_test {
			background: url('/images/testintro/sub_banner.png');
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_test .test_head {
			text-align: center;
		}

		#ContentBody .head_section_test .test_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_test .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_test .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_test .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_test .mid_option .options .btn-group a{
			padding: 15px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_test .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
		}

		#ContentBody .head_section_test .mid_option .options .btn-group .play{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .test_section {
			padding: 50px 0;
		}

		#ContentBody .test_section .section_head {
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .test_section .section_head h3 {
			font-weight: 600;
		}

		#ContentBody .test_section .section_body #testListTable th,
		#ContentBody .test_section .section_body #testListTable td {
			text-align: center;
		}
	/******** 진단평가. ********/

	/******** 강사 소개 ********/
		#ContentBody .head_section_teachers {
			background: url('/images/liveintro/sub_banner.png');
			padding: 33px 0;
			position: relative;
		}


		#ContentBody .head_section_teachers .teacher_head{
			text-align: center;
		}

		#ContentBody .head_section_teachers .teacher_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_teachers .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_teachers .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_teachers .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_teachers .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 33.3333%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_teachers .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
			
		}

		#ContentBody .head_section_teachers .mid_option .options .btn-group .teacher{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}
	/******** 강사 소개. ********/

	/******** 고객 지원 ********/
		#ContentBody .head_section_customer {
			background: url('/images/Support/sub_banner.png') center center;
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_customer .customer_head {
			text-align: center;
		}

		#ContentBody .head_section_customer .customer_head h1 {
			font-weight: 600;
			color: #fff;
		}

		#ContentBody .head_section_customer .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_customer .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_customer .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_customer .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_customer .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
			
		}

		#ContentBody .head_section_customer .mid_option .options .btn-group .teacher{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .customer_section {
			padding: 50px 0;
		}

		#ContentBody .customer_section .section_head {
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .customer_section .section_head h3 {
			font-weight: 600;
		}
		#ContentBody .customer_section .section_body .image {
			text-align: center;
		}

		#ContentBody .customer_section .section_body .text{
			text-align: center;
			padding: 30px;
			font-weight: 600;
		}

		#ContentBody .customer_section .section_body .text b{
			font-size: 20px;
		}

		#ContentBody .customer_section .section_body .text h3{
			font-size: 28px;
			color: #4482e9;
			font-weight: 600;
		}

		#ContentBody .customer_section .section_body .text a{
			margin: 10px 0;
		}
	/******** 고객 지원. ********/

	/******** 원격 지원 ********/
		#ContentBody .head_section_remote{
			background: url('/images/customer/sub_banner.png') center center;
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_remote .remote_head{
			text-align: center;
		}

		#ContentBody .head_section_remote .remote_head h1{
			font-weight: 600;
			color: #fff;
		}

		#ContentBody .head_section_remote .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_remote .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_remote .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_remote .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_remote .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
			
		}

		#ContentBody .head_section_remote .mid_option .options .btn-group .teacher{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .Remote_section {
			padding: 50px 0;
		}

		#ContentBody .Remote_section .section_head {
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .Remote_section .section_head h2 {
			font-weight: 600;
			padding: 10px 0;
		}

		#ContentBody .Remote_section .section_head b {
			color: #898989;
		}

		#ContentBody .Remote_section2 .section_content {
			text-align: center;
			padding: 30px 0;
			background-color: #f7f7f7;
			border-radius: 20px;
		}

		#ContentBody .Remote_section2 .section_content p {
			font-weight: 600;
		}

		#ContentBody .Remote_section2 .section_content h2{
			font-weight: 600;
			color: #4482e9;
		}

		#ContentBody .Remote_section2 .allowimg {
			width: 50%;
			float: left;
			text-align: center;
			padding: 30px 0;
		}

		#ContentBody .Remote_section3 .download1,
		#ContentBody .Remote_section3 .download2{
			text-align: center;
			padding: 30px 0;
			height: 186px;
			background-color: #f7f7f7;
			border-radius: 20px;
		}

		#ContentBody .Remote_section3 .download1 a,
		#ContentBody .Remote_section3 .download2 a{
			margin-top: 10px;
			background-color: #4482e9;
			font-weight: 600;
			color: #fff;
			border-radius: 20px;
			width: 150px;
		}

		#ContentBody .Remote_section3 .allowimg {
			width: 50%;
			float: left;
			text-align: center;
			padding: 30px 0;
		}

		#ContentBody .Remote_section3 .text2 {
			padding: 20px 0;
			border-radius: 20px;
			background-color: #f7f7f7;
			text-align: center;
		}

		#ContentBody .Remote_section3 .allowimg2 {
			text-align: center;
			padding: 30px;
		}

		#ContentBody .Remote_section3 .section_content2 {
			padding: 30px 0;
			text-align: center;
			background-color: #f7f7f7;
			border-radius: 20px;
		}

		#ContentBody .Remote_section3 .section_content2 .text {
			padding-bottom: 20px;	
		}
	/******** 원격 지원. ********/
}


@media (min-width: 992px) {

	/******** 메인 ********/
		#ContentBody .main_section {
			padding: 50px 0;
			position: relative;
			height: 500px;
		}

		#ContentBody .main_section .banner_content {
			width: 100%;
			height: 400px;
			position: relative;
			display: flex;
		}
		#ContentBody .main_section .banner_content .banner_bt {
			background-color: #fff;
			width: fit-content;
		}

		#ContentBody .main_section .banner_content .banner_bt ul {
			list-style: none;
			padding: 0;
		}

		#ContentBody .main_section .banner_content .banner_bt ul li {
			width: 250px;
			height: 100px;
		}

		#ContentBody .main_section .banner_content .banner_bt ul li button {
			width: 100%;
			height: 100%;
			border-radius: 0;
		}
		#ContentBody .main_section .banner_content .banner_bt ul li button .img {
			height: 100%;
		}

		#ContentBody .main_section .banner_content .banner_bt ul li button .img img{
			width: 100%;
			height: 100%;
		}

		#ContentBody .main_section .banner_content .banner_bt ul li button .text {
			width: 50%;
			font-size: 14px;
			padding-top: 20px;
		}

		#ContentBody .main_section .banner_content .banner_img,
		#ContentBody .main_section .banner_content .banner_img2,
		#ContentBody .main_section .banner_content .banner_img3,
		#ContentBody .main_section .banner_content .banner_img4{
			display: contents;
		}

		#ContentBody .main_section .banner_content .banner_img img,
		#ContentBody .main_section .banner_content .banner_img2 img,
		#ContentBody .main_section .banner_content .banner_img3 img,
		#ContentBody .main_section .banner_content .banner_img4 img{
			padding-left: 100px;
		}

		

		#ContentBody .main_section2 {
			padding: 50px 0;
		}

		#ContentBody .main_section2 .option-group {
			background-color: #f9f9f9;
			border-radius: 20px;
		}

		#ContentBody .main_section2 .option-group ul{
			list-style: none;
			padding: 0;
		}
		#ContentBody .main_section2 .option-group ul li {
			width: 12%;
			text-align: center;
			display: inline-block;
		}

		#ContentBody .main_section2 .option-group ul li a{
			color: #000;
		}

		/* 메인 (전문 과외) */
		#ContentBody .main_proclass {
			padding: 50px 0;
		}

		#ContentBody .main_proclass .section_title h4{		
			font-weight: 600;
		}
		
		#ContentBody .main_proclass .section_body .list_box ul{
			list-style: none;
			padding: 0;
			width: 100%;
		}
		#ContentBody .main_proclass .section_body .list_box ul li{
			width: 20%;
			float: left;
		}

		#ContentBody .main_proclass .section_body .list_box ul li .pro1 .image1 .proclass_img,
		#ContentBody .main_proclass .section_body .list_box ul li .pro2 .image2 .proclass_img,
		#ContentBody .main_proclass .section_body .list_box ul li .pro3 .image3 .proclass_img,
		#ContentBody .main_proclass .section_body .list_box ul li .pro4 .image4 .proclass_img,
		#ContentBody .main_proclass .section_body .list_box ul li .pro5 .image5 .proclass_img,
		#ContentBody .main_proclass .section_body .list_box ul li .pro1 .image1 .proclass_img img,
		#ContentBody .main_proclass .section_body .list_box ul li .pro2 .image2 .proclass_img img,
		#ContentBody .main_proclass .section_body .list_box ul li .pro3 .image3 .proclass_img img,
		#ContentBody .main_proclass .section_body .list_box ul li .pro4 .image4 .proclass_img img,
		#ContentBody .main_proclass .section_body .list_box ul li .pro5 .image5 .proclass_img img{
			width: 100%;
		}

		/* 메인 (방송 강의) */
		#ContentBody .main_liveclass {
			padding: 50px 0;
		}

		#ContentBody .main_liveclass .section_title h4{
			font-weight: 600;
		}

		/* 메인 (강사 모집) */
		#ContentBody .class_group .main_proteacher{
			padding: 50px 0;
		}

		#ContentBody .class_group .main_proteacher .teacher_box {
			background-color: #f9f9f9;
			padding: 20px 15px;
			border-radius: 20px;
		}
		#ContentBody .class_group .main_proteacher .teacher_box .teacher_title h4{
			font-weight: 600;
		}

		#ContentBody .class_group .main_proteacher .teacher_box img {
			width: 100%;
		}

		/* 메인 (강의 교재) */
		#ContentBody .class_group .main_books {
			padding: 50px 0;
		}

		#ContentBody .class_group .main_books .books_box {
			padding: 20px;
			border: solid 1px #000;
			border-radius: 20px;
		}
		#ContentBody .class_group .main_books .books_box .section_head {
			padding-bottom: 15px;
		}

		#ContentBody .class_group .main_books .books_box .section_head .head_title h4{
			font-weight: 600;
		}

		#ContentBody .class_group .main_books .books_box .section_head .head_more {
			text-align: right;
		}
		#ContentBody .class_group .main_books .books_box .section_head .head_more a {
			color: #767676;
		}

		#ContentBody .class_group .main_books .books_box .section_body ul{
			list-style: none;
			padding: 0;
		}

		#ContentBody .class_group .main_books .books_box .section_body ul li {
			width: 33.333%;
			float: left;
		}

		#ContentBody .class_group .main_books .books_box .section_body ul li .book_box {
			width: 100%;
		}

		#ContentBody .class_group .main_books .books_box .section_body ul li .book_box .book_img,
		#ContentBody .class_group .main_books .books_box .section_body ul li .book_box .book_img img,
		#ContentBody .class_group .main_books .books_box .section_body ul li .book_box .book_info,
		#ContentBody .class_group .main_books .books_box .section_body ul li .book_box .book_price,
		#ContentBody .class_group .main_books .books_box .section_body ul li .book_box .RatingStar{
			width: 100%;
		}

		/* 메인 (소식) */
		#ContentBody .class_group .main_notice {
			padding: 50px 0;
		}
		#ContentBody .class_group .main_notice .notice_box {
			border: solid 1px #000;
			border-radius:  20px;
			padding: 20px;
		}

		#ContentBody .class_group .main_notice .notice_box .section_head {
			padding-bottom: 15px;
		}

		#ContentBody .class_group .main_notice .notice_box .section_head .head_title h4 {
			font-weight: 600;
		}

		#ContentBody .class_group .main_notice .notice_box .section_head .head_more {
			text-align: right;
		}
		#ContentBody .class_group .main_notice .notice_box .section_head .head_more a {
			color: #898989;
		}

		#ContentBody .class_group .main_notice .notice_box .section_body #notice_list ul{
			list-style: none;
			padding: 0;
		}

		#ContentBody .class_group .main_notice .notice_box .section_body #notice_list ul li {
			padding: 5px 0;
			border-bottom: solid 1px #898989;
		}

		#ContentBody .class_group .main_notice .notice_box .section_body #notice_list ul li a {
			color: #898989;
		}

		/* 메인 (진단평가) */ 
		#ContentBody .class_group .main_test {
			padding: 50px 0;
		}

		#ContentBody .class_group .main_test .test_box {
			padding: 20px;
			border: solid 1px #000;
			border-radius: 20px;
		}

		#ContentBody .class_group .main_test .test_box .section_head .head_title h4 {
			font-weight: 600;
		}

		#ContentBody .class_group .main_test .test_box .section_head .head_more {
			text-align: right;
		}
		#ContentBody .class_group .main_test .test_box .section_head .head_more a {
			color: #898989;
		}

		#ContentBody .class_group .main_test .test_box .section_body #test_list ul{
			list-style: none;
			padding: 0;
		}
		
		/* 메인 (동영상 강의) */
		#ContentBody .main_videoclass {
			padding: 50px 0;
		}
		
		#ContentBody .main_videoclass .section_title h4{
			font-weight: 600;
		}
	/******** 메인. ********/

	/******** 로그인 ********/
		#ContentBody .head_section_login {
			background: url('/images/login/sub_banner.png') center center;
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_login .login_head {
			text-align: center;
		}

		#ContentBody .head_section_login .login_head h1{
			font-weight: 600;
			color: #fff;
		}

		#ContentBody .login_section {
			padding: 50px 0;
		}

		#ContentBody .login_section .login_logo {
			text-align: center;
		}

		#ContentBody .login_section .login_logo p{
			font-size: 24px;
			font-weight: 600;
		}
		#ContentBody .login_section .login_logo p b {
			color: #4482e9;
		}

		#ContentBody .login_section2 {
			text-align: center;
		}

		#ContentBody .login_section2 #singinForm .form-group{
			padding-left: 150px;
			padding-right: 150px;
		}

		#ContentBody .login_section2 .login_option ul {
			list-style: none;
			text-align: center;
			padding: 20px 250px;
		}

		#ContentBody .login_section2 .login_option ul li {
			width: 33.3333%;
			float: left;
		}

		#ContentBody .login_section2 .login_option ul li a {
			color: #676767;
		}

		#ContentBody .login_section2 .login_bts{
			padding: 0 100px;
		}

		#ContentBody #BT_login {
			width: 100%;
			padding: 18px 16px;
			font-weight: 600;
			color: #fff;
			background-color: #0072bc;
			border-radius: 20px;
			border: 0;
		}

		#ContentBody .simple_login .simple_login_head {
			text-align: center;
		}

		#ContentBody .simple_login .simple_login_head h4 {
			font-weight: 600;
		}

		#ContentBody .simple_login .simple_login_body ul{
			list-style: none;
			padding: 0 150px;
		}

		#ContentBody .simple_login .simple_login_body ul li{
			width: 33.3333%;
			float: left;
		}

		#ContentBody .simple_login .simple_login_body ul li a {
			border: 0;
		}

	/******** 로그인. ********/

	/********  회원가입 ********/
		#ContentBody .head_section_Register {
			background: url('/images/Register/sub_banner.png');
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_Register .Register_head{
			text-align: center;
		}
		#ContentBody .head_section_Register .Register_head h1{
			font-weight: 600;
			color: #fff;
		}

		#ContentBody .step_section {
			padding: 50px 0;
		}	

		#ContentBody .step_section .join_step1,
		#ContentBody .step_section .join_step2,
		#ContentBody .step_section .join_step3{
			text-align: -webkit-center;
		}

		#ContentBody .step_section .text ul{
			list-style: none;
			padding: 0 380px;
			margin: 0;
		}

		#ContentBody .step_section .text ul li {
			width: 33.333%;
			float: left;
			text-align: center;
			font-weight: 600;
		}

	/********  회원가입. ********/

	/********  장바구니 ********/
		#ContentBody .sub_section .head_cart h2{
			text-align: center;
		}
	/********  장바구니. ********/

	/******** 에듀라이브 소개 ********/
		#ContentBody .head_section_introdution {
			background: url('/images/introdution/sub_banner.png') center center;
			padding: 35px 0;
			position: relative;
		}

		#ContentBody .head_section_introdution .introdution_head{
			text-align: center;
		}

		#ContentBody .head_section_introdution .introdution_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_introdution .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_introdution .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_introdution .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_introdution .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_introdution .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
		}

		#ContentBody .head_section_introdution .mid_option .options .btn-group .play{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .introdution_section,
		#ContentBody .introdution_section2,
		#ContentBody .introdution_section3,
		#ContentBody .introdution_section4 {
			padding: 50px 0;
		}

		#ContentBody .introdution_section .content_title,
		#ContentBody .introdution_section2 .content_title,
		#ContentBody .introdution_section3 .content_title,
		#ContentBody .introdution_section4 .content_title{
			text-align: center;

		}

		#ContentBody .introdution_section .content_title h3,
		#ContentBody .introdution_section2 .content_title h3,
		#ContentBody .introdution_section3 .content_title h3,
		#ContentBody .introdution_section4 .content_title h3{
			font-weight: 600;
			margin-bottom: 100px;
		}
		#ContentBody .introdution_section .content_title h3 b,
		#ContentBody .introdution_section2 .content_title h3 b,
		#ContentBody .introdution_section3 .content_title h3 b,
		#ContentBody .introdution_section4 .content_title h3 b {
			color: #4482e9;
		}

		#ContentBody .introdution_section .content_body .text{
			padding-left: 50px;
			font-size: 16px;
		}

		#ContentBody .introdution_section2 {
			background-color: #f9f9f9;
			padding: 30px 0;
		}

		#ContentBody .introdution_section2 .content_body .subject {
			text-align: center;
			background-color: #fff;
			border-radius: 20px;
			padding: 50px 0;
			border: solid 3px #f7f7f7;
		}

		#ContentBody .introdution_section2 .content_body .grade {
			background-color: #fff;
			border-radius: 20px;
			padding: 50px 0;
			border: solid 3px #f7f7f7;
			margin-left: 70px;
		}

		#ContentBody .introdution_section2 .content_body .subject .subject_title h4 {
			font-weight: 600;
		}

		#ContentBody .introdution_section2 .content_body .grade .grade_title h4{
			font-weight: 600;
			text-align: center;
		}



		#ContentBody .introdution_section2 .content_body .subject .subject_body ul,
		#ContentBody .introdution_section2 .content_body .grade .grade_body ul{
			list-style: none;
			padding: 0;
		}

		#ContentBody .introdution_section2 .content_body .grade .grade_body ul li {
			width: 50%;
			float: inline-start;
		}

		#ContentBody .introdution_section2 .content_body .grade .grade_body ul li{
			text-align: center;
		}

		#ContentBody .introdution_section2 .content_body .subject .subject_body ul li{
			width: 20%;
			float: inline-start;
		}
		

		#ContentBody .introdution_section2 .content_body .subject .subject_body ul li img {
			background-color: #f9f9f9;	
			padding: 15px;
			border-radius: 50px;
		}

		#ContentBody .introdution_section2 .content_body .subject .subject_body ul li .text{
			font-weight: 600;
		}

		#ContentBody .introdution_section3 .content_body .img {
			text-align: right;
		}

		#ContentBody .introdution_section3 .content_body .text ul{
			list-style: none;
			padding: 0;
		}

		#ContentBody .introdution_section3 .content_body .text ul li{
			font-size: 16px;
			padding: 10px 0;
		}

		#ContentBody .introdution_section4 .content_body .content .img {
			text-align: center;
			margin-bottom: 20px;
		}

		#ContentBody .introdution_section4 .content_body .content .text ul {
			margin-left: 60px;
		}

		#ContentBody .introdution_section4 .content_body .content .text ul li {
			padding: 5px 0;
		}
	/******** 에듀라이브 소개. ********/

	/******** 이용안내 ********/
		#ContentBody .head_section_tuition {
			background: url('/images/introdution/sub_banner.png') center center;
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_tuition .tuition_head {
			text-align: center;
		}

		#ContentBody .head_section_tuition .tuition_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_tuition .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_tuition .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_tuition .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_tuition .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_tuition .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
		}

		#ContentBody .head_section_tuition .mid_option .options .btn-group .play{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .tuition_section {
			padding: 50px 0;
		}

		#ContentBody .tuition_section .section_title{
			text-align: center;
		}

		#ContentBody .tuition_section .section_title h2{
			font-weight: 600;
		}

		#ContentBody .tuition_section .section_content{
			text-align: center;
			padding: 30px 0;
		}

		#ContentBody .tuition_section2 {
			padding: 50px 0;
		}

		#ContentBody .tuition_section2 .section_title{
			text-align: center;
		}

		#ContentBody .tuition_section2 .section_title h2{
			font-weight: 600;
		}

		#ContentBody .tuition_section2 .section_title h2 b{
			color: #4482e9;
		}

		#ContentBody .tuition_section2 .section_content .content_bt{
			text-align: center;
		}

		#ContentBody .tuition_section2 .section_content .content_bt button {
			border-radius: 20px;
			width: 30%;
			font-weight: 600;
			margin: 0 10px;
		}

	/******** 이용안내. ********/

	/******** 방송강의 소개 ********/
		#ContentBody .head_section_liveintro {
			background: url('/images/liveintro/sub_banner.png') center center;
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_liveintro .liveintro_head{
			text-align: center;
		}

		#ContentBody .head_section_liveintro .liveintro_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_liveintro .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_liveintro .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_liveintro .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_liveintro .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_liveintro .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
			
		}

		#ContentBody .head_section_liveintro .mid_option .options .btn-group .teacher{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .liveintro_section {
			padding: 50px 0;
		}

		#ContentBody .liveintro_section .section_title{
			text-align: center;
			padding: 30px 0;
		}

		#ContentBody .liveintro_section .section_title h2 {
			font-weight: 600;
		}
		#ContentBody .liveintro_section .section_title h2 b {
			color: #4482e9;
		}

		#ContentBody .liveintro_section .section_content .text{
			padding-left: 150px;
		}

		#ContentBody .liveintro_section2 {
			padding: 50px 0;
			background-color: #f7f7f7;
		}

		#ContentBody .liveintro_section2 .section_title {
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .liveintro_section2 .section_title h2 {
			font-weight: 600;
		}
		#ContentBody .liveintro_section2 .section_title h2 b {
			color: #4482e9;
		}

		#ContentBody .liveintro_section2 .section_content .contents_ul{
			list-style: none;
			padding: 0;
		}
		#ContentBody .liveintro_section2 .section_content .contents_ul .contents_li {
			width: 25%;
			float: left;
			padding: 20px;
			background-color: #fff;
			border-radius: 20px;
			height: 247.8px;
			margin: 4.1666%;
		}

		#ContentBody .liveintro_section2 .section_content ul  .contents_li .img,
		#ContentBody .liveintro_section2 .section_content ul .contents_li .text {
			text-align: center;
		}

		#ContentBody .liveintro_section2 .section_content ul .contents_li .text .title h4{
			font-weight: 600;
		}



		#ContentBody .liveintro_section2 .option ul li {
			text-align: left;
			padding: 5px 0;
		}

		#ContentBody .liveintro_section2 .section_content ul .contents .text .title h4{
			font-weight: 600;
		}



		#ContentBody .liveintro_section4 {
			padding: 50px 0;
		}

		#ContentBody .liveintro_section4 .section_title {
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .liveintro_section4 .section_title h2 {
			font-weight: 600;
		}
		#ContentBody .liveintro_section4 .section_title h2 b {
			color: #4482e9;
		}

		#ContentBody .liveintro_section4 .section_content .contents_ul{
			list-style: none;
			padding: 0;
		}
		#ContentBody .liveintro_section4 .section_content .contents_ul .contents_li {
			width: 25%;
			float: left;
			padding: 20px;
			background-color: #f7f7f7;
			border-radius: 20px;
			height: 247.8px;
			margin: 4.1666%;
		}

		#ContentBody .liveintro_section4 .section_content ul .contents_li .text {
			text-align: center;
		}

		#ContentBody .liveintro_section4 .section_content ul .contents_li .text .title h4{
			font-weight: 600;
		}



		#ContentBody .liveintro_section4 .option ul li {
			text-align: left;
			padding: 5px 0;
		}

		#ContentBody .liveintro_section4 .section_content ul .contents .text .title h4{
			font-weight: 600;
		}


		#ContentBody .liveintro_section3 {
			padding: 50px 0;
			background-color: #f7f7f7;
		}

		#ContentBody .liveintro_section3 .section_title {
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .liveintro_section3 .section_title h2 {
			font-weight: 600;
		}

		#ContentBody .liveintro_section3 .section_title h2 b {
			color: #4482e9;
		}

		#ContentBody .liveintro_section3 .section_content {
			background-color: #fff;
			border-radius: 20px;
		}

		#ContentBody .liveintro_section3 .section_content .img {
			text-align: right;
		}

		#ContentBody .liveintro_section3 .section_content .text{
			padding: 80px 0;
			font-weight: 600;
		}

		#ContentBody .liveintro_section3 .section_content .text ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}

		#ContentBody .liveintro_section3 .section_content .text ul li {
			padding: 4px 0;
		}

	/******** 방송강의 소개. ********/

	/******** 방송강의 ********/
		#ContentBody .head_section_liveclass{
			background: url('/images/liveclass/sub_banner.png') center center;
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_liveclass .liveclass_head{
			text-align: center;
		}

		#ContentBody .head_section_liveclass .liveclass_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_liveclass .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_liveclass .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_liveclass .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_liveclass .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_liveclass .mid_option .options .btn-group .play{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
			
		}

		#ContentBody .head_section_liveclass .mid_option .options .btn-group .pay{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .liveclass_section{
			padding: 50px 0;
		}

		#ContentBody .liveclass_section #Q_form {
			padding: 20px;
			border: solid 1px #767676;
			border-radius: 20px;
		}

		#ContentBody .liveclass_section #Q_form button{
			margin: 0 5px;
			border-radius: 20px;
		}

		#ContentBody .liveclass_section .search_bt{
			text-align: right;
			padding: 20px 0;
		}

		#ContentBody .liveclass_section .search_bt button{
			padding: 10px 30px;
		}



		#ContentBody .liveclass_section .class_list_box{
			display: block;
			width: 100%;
		}

		#ContentBody .liveclass_section .class_list_box .class_list{
			width: 100%;
		}

		#ContentBody .liveclass_section .class_list_box .class_list li {
			display: inline-block;
			width: 25%;
			color: #ffffff;
			margin: 0;
			padding: 0 15px;
			position: relative;
			overflow: hidden;
		}

		#ContentBody .liveclass_section .class_paging {
			text-align: center;
			padding: 10px 0;
		}

	/******** 방송강의. ********/

	/******** 방송강의 상세 ********/
		#ContentBody .Classdetail_section {
			padding-top: 50px 0;
			border-bottom: solid 1px #e7e7e7;
		}

		#ContentBody .Classdetail_section #BT_back {
			font-weight: 600;
			border: 0;
		}

		#ContentBody .Classdetail_section .ClassTitle{
			border-bottom: solid 1px #e7e7e7;
		}

		#ContentBody .Classdetail_section .ClassTitle h4{
			font-weight: 600;
			margin: 0;
			padding-bottom: 20px;
		}

		#ContentBody .Classdetail_section .ClassPrice {
			border-bottom: solid 1px #e7e7e7;
		}

		#ContentBody .Classdetail_section .ClassPrice h4{
			font-weight: 600;
			margin: 0;
			color: #4482e9;
			padding: 20px 0;
		}

		#ContentBody .Classdetail_section #ClassNav {
			bottom: 0;
			left: 0;
			right: 0;
			width: 100%;
			padding-top: 40px;
		}

		#ContentBody .Classdetail_section #ClassNav ul {
			list-style: none;
			margin: 0;
			padding: 0;
			display: table;
			width: 100%;
			height: 30px;
			background-color: #e7e7e7;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
		}

		#ContentBody .Classdetail_section #ClassNav ul li{
			display: table-cell;
			width: 20%;
		}

		#ContentBody .Classdetail_section #ClassNav ul li a{
			display: block;
			text-align: center;
			color: #000;
			padding: 10px 0;
			font-size: 9pt;
			cursor: pointer;
			font-weight: 600;
		}

		#ContentBody .Classdetail_section .dl-horizontal{
			padding: 20px 0;
			border-bottom: solid 1px #e7e7e7;
		}

		#ContentBody .Classdetail_section dl {
			margin: 0;
			padding: 3px 0;
		}

		#ContentBody .Classdetail_section dl dt {
			text-align: left;
			width: fit-content;
		}

		#ContentBody .Classdetail_section dl dd{
			margin-left: 100px;
		}

		#ContentBody .Classdetail_section .order_bt{
			padding: 20px 0;
		}

		#ContentBody .Classdetail_section .order_bt button {
			width: 40%;
			float: left;
			margin: 0 5px;
			border-radius: 20px;
		}

		#ContentBody .Classdetail_section .order_bt #BT_Order{
			border: solid 1px #4482e9;
			color: #fff;
			background-color: #4482e9;
			font-weight: 600;
		}

		#ContentBody .Classdetail_section .order_bt #BT_cart {
			border: solid 1px #4482e9;
			color: #4482e9;
			font-weight: 600;
		}

		#ContentBody #ClassTables .section_title h3{
			font-weight: 600;
		}

		#ContentBody #ClassTables .section_content #ClassTable thead tr th{
			text-align: center;
		}

		#ContentBody #ClassTables .section_content #ClassTable {
			text-align: center;
		}
		#ContentBody #ClassInfo .section_title{
			padding: 20px 0;
		}

		#ContentBody #ClassInfo .section_title h3 {
			font-weight: 600;
		}

		#ContentBody #ClassInfo .section_content #ClassContentHTML p{
			font-size: 12px;
		}

		#ContentBody #ClassInfo .section_content #ClassContentHTML h3{
			font-size: 14px;
		}

		#ContentBody #ClassFile .section_title h3{
			font-weight: 600;
		}
	/******** 방송강의 상세. ********/




	/******** 동영상강의 소개 ********/
		#ContentBody .head_section_videointro {
			background: url('/images/videointro/sub_banner.png');
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_videointro .videointro_head{
			text-align: center;
		}

		#ContentBody .head_section_videointro .videointro_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_videointro .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_videointro .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_videointro .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_videointro .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_videointro .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
		}

		#ContentBody .head_section_videointro .mid_option .options .btn-group .play{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .videointro_section {
			padding: 50px 0;
		}
		#ContentBody .videointro_section .section_title {
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .videointro_section .section_title h2 {
			font-weight: 600;
		}

		#ContentBody .videointro_section .section_title h2 b {
			color: #4482e9;
		}

		#ContentBody .videointro_section .section_content .text{
			padding-left: 150px;
		}

		#ContentBody .videointro_section2 {
			padding: 50px 0;
			background-color: #f9f9f9;
		}

		#ContentBody .videointro_section2 .section_title {
			text-align: center;
		}

		#ContentBody .videointro_section2 .section_title h2 {
			font-weight: 600;
		}

		#ContentBody .videointro_section2 .section_content .subject,
		#ContentBody .videointro_section2 .section_content .grade{
			padding: 20px 15px 40px 15px;
			background-color: #fff;
			margin: 10px;
			border-radius: 20px;
		}

		#ContentBody .videointro_section2 .section_content .subject .subject_title,
		#ContentBody .videointro_section2 .section_content .grade .grade_title {
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .videointro_section2 .section_content .subject .subject_title h4,
		#ContentBody .videointro_section2 .section_content .grade .grade_title h4{
			font-weight: 600;
		}

		#ContentBody .videointro_section2 .section_content .subject .subject_content ul,
		#ContentBody .videointro_section2 .section_content .grade .grade_content ul {
			list-style: none;
			padding: 0;
		}

		#ContentBody .videointro_section2 .section_content .grade .grade_content ul li {
			width: 50%;
			float: left;
		}

		#ContentBody .videointro_section2 .section_content .subject .subject_content ul li{
			width: 20%;
			float: left;
		}

		#ContentBody .videointro_section2 .section_content .subject .subject_content ul li .img,
		#ContentBody .videointro_section2 .section_content .subject .subject_content ul li .text {		
			text-align: center;
		}

		#ContentBody .videointro_section2 .section_content .grade .grade_content ul li .img,
		#ContentBody .videointro_section2 .section_content .grade .grade_content ul li .text {		
			text-align: center;
		}

	/******** 동영상강의 소개. ********/

	/******** 동영상강의 ********/
		#ContentBody .head_section_videoclass{
			background: url('/images/videointro/sub_banner.png');
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_videoclass .videoclass_head {
			text-align: center;
		}

		#ContentBody .head_section_videoclass .videoclass_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_videoclass .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_videoclass .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_videoclass .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_videoclass .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_videoclass .mid_option .options .btn-group .play{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
		}

		#ContentBody .head_section_videoclass .mid_option .options .btn-group .pay{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .videoclass_section {
			padding: 50px 0;
		}

		#ContentBody .videoclass_section #Q_form {
			padding: 20px 0;
			border: solid 1px #000;
			border-radius: 20px;
		}

		#ContentBody .videoclass_section #Q_form button{
			margin: 0 5px;
			border-radius: 20px;
			padding: 6px 20px;
		}

		#ContentBody .videoclass_section .search_bt {
			padding: 10px 0;
			text-align: right;
		}

		#ContentBody .videoclass_section .search_bt button{
			padding: 10px 30px;
		}

		#ContentBody .videoclass_section .class_list_box{
			display: block;
			width: 100%;
			padding: 30px 0;
		}

		#ContentBody .videoclass_section .class_list_box .class_list{
			width: 100%;
		}

		#ContentBody .videoclass_section .class_list_box .class_list li {
			display: inline-block;
			width: 25%;
			color: #ffffff;
			margin: 0;
			padding: 0 15px;
			position: relative;
			overflow: hidden;
		}

		#ContentBody .videoclass_section .class_paging {
			text-align: center;
		}


	/******** 동영상강의. ********/


	/******** 전문과외 소개 ********/
		#ContentBody .head_section_prointro {
			background: url('/images/prointro/sub_banner.png');
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_prointro .prointro_head{
			text-align: center;
		}

		#ContentBody .head_section_prointro .prointro_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_prointro .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_prointro .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_prointro .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_prointro .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_prointro .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
		}

		#ContentBody .head_section_prointro .mid_option .options .btn-group .play{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .prointro_section {
			padding: 50px 0;
		}

		#ContentBody .prointro_section .section_title {
			text-align: center;
			padding: 20px 0;
		}
		#ContentBody .prointro_section .section_title h2{
			font-weight: 600;
		}
		#ContentBody .prointro_section .section_title h2 b{
			color: #4482e9;
		}

		#ContentBody .prointro_section .section_content .text{
			padding-left: 30px;
			padding-top: 80px;
			font-size: 16px;
		}

		#ContentBody .prointro_section2 {
			padding: 50px 0;
			background-color: #f9f9f9;
		}

		#ContentBody .prointro_section2 .section_title {
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .prointro_section2 .section_title h2{
			font-weight: 600;
		}

		#ContentBody .prointro_section2 .section_content .subject,
		#ContentBody .prointro_section2 .section_content .grade{
			background-color: #fff;
			padding: 20px 15px 40px 15px;
			margin: 10px;
			border-radius: 20px;
		}

		#ContentBody .prointro_section2 .section_content .subject .subject_title,
		#ContentBody .prointro_section2 .section_content .grade .grade_title{
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .prointro_section2 .section_content .subject .subject_title h4,
		#ContentBody .prointro_section2 .section_content .grade .grade_title h4{
			font-weight: 600;
		}

		#ContentBody .prointro_section2 .section_content .subject .subject_content ul,
		#ContentBody .prointro_section2 .section_content .grade .grade_content ul{
			list-style: none;
			padding: 0;
		}

		#ContentBody .prointro_section2 .section_content .subject .subject_content ul li{
			width: 20%;
			float: left;
		}

		#ContentBody .prointro_section2 .section_content .subject .subject_content ul li .img,
		#ContentBody .prointro_section2 .section_content .subject .subject_content ul li .text{
			text-align: center;
		}

		#ContentBody .prointro_section2 .section_content .grade .grade_content ul li{
			width: 50%;
			float: left;
		}

		#ContentBody .prointro_section2 .section_content .grade .grade_content ul li .img,
		#ContentBody .prointro_section2 .section_content .grade .grade_content ul li .text {
			text-align: center;
		}

		#ContentBody .prointro_section3 {
			padding: 50px 0;
		}

		#ContentBody .prointro_section3 .section_title {
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .prointro_section3 .section_title h3 {
			font-weight: 600;
		}
		#ContentBody .prointro_section3 .section_title h3 b {
			color: #4482e9;
		}

		#ContentBody .prointro_section3 .section_content .content_ul {
			list-style: none;
		}

		#ContentBody .prointro_section3 .section_content .content_ul .content_li {
			width: 25%;
			float: left;		
			padding: 20px;
			border-radius: 20px;
		}
		#ContentBody .prointro_section3 .section_content .content_ul .content_li .content_box {
			background-color: #f9f9f9;
			border-radius: 20px;
			padding: 10px;
		}

		#ContentBody .prointro_section3 .section_content .content_ul .content_li .img,
		#ContentBody .prointro_section3 .section_content .content_ul .content_li .text{
			text-align: center;
		}

		#ContentBody .prointro_section3 .section_content .content_ul .content_li .text .t_title h4{
			font-weight: 600;
		}

		#ContentBody .prointro_section3 .section_content .content_ul .content_li ul {
			padding-left: 50px;
		}

		#ContentBody .prointro_section3 .section_content .content_ul .content_li ul li{
			text-align: left;
		}

		#ContentBody .prointro_section4 {
			padding-top: 50px;
			background-color: #f9f9f9;
		}

		#ContentBody .prointro_section4 .section_title {
			text-align: center;
			padding: 20px 0;

		}

		#ContentBody .prointro_section4 .section_title h3 {
			font-weight: 600;
		}

		#ContentBody .prointro_section4 .section_title h3 b {
			color: #4482e9;
		}

		#ContentBody .prointro_section4 .section_content .img {
			text-align: right;
		}

		#ContentBody .prointro_section4 .section_content .text {
			padding-top: 60px;

		}
	/******** 전문과외 소개. ********/

	/******** 전문과외  ********/
		#ContentBody .head_section_proclass{
			background: url('/images/prointro/sub_banner.png') center center;
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_proclass .proclass_head {
			text-align: center;
		}

		#ContentBody .head_section_proclass .proclass_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_proclass .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_proclass .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_proclass .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_proclass .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_proclass .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
			
		}

		#ContentBody .head_section_proclass .mid_option .options .btn-group .play{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .proclass_section {
			padding: 50px 0;
		}

		#ContentBody .proclass_section #Q_form {
			padding: 20px;
			border: solid 1px #767676;
			border-radius: 20px;
		}

		#ContentBody .proclass_section .search_bt{
			text-align: right;
			padding: 20px 0;
		}


		#ContentBody .proclass_section #Q_form button{
			margin: 0 5px;
			border-radius: 20px;
		}

	/******** 전문과외.  ********/


	/******** 공지사항 ********/
		#ContentBody .head_section_board {
			background: url('/images/prointro/sub_banner.png') center center;
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_board .board_head{
			text-align: center;
		}

		#ContentBody .head_section_board .board_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_board .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_board .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_board .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_board .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_board .mid_option .options .btn-group .notice{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
		}

		#ContentBody .head_section_board .mid_option .options .btn-group .event{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .board_section {
			padding: 50px 0;
		}

		#ContentBody .board_section .section_head {
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .board_section .section_head h3{
			font-weight: 600;
		}

		#ContentBody .board_section #BoardListTable th,
		#ContentBody .board_section #BoardListTable td{
			text-align: center;
		}

		#ContentBody .board_section #Pagination {
			text-align: center;
		}
	/******** 공지사항. ********/

	/******** 문의게시판 ********/
		#ContentBody .head_section_iniquiry {
			background: url('/images/Board/sub_banner.png') center center;
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_iniquiry .iniquiry_head{
			text-align: center;
		}

		#ContentBody .head_section_iniquiry .iniquiry_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .iniquiry_section {
			padding: 50px 0;
		}

		#ContentBody .iniquiry_section .iniquiry_head{
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .iniquiry_section .iniquiry_head h3{
			font-weight: 600;
		}

		#ContentBody .iniquiry_section .iniquiry_content #BoardListTable th,
		#ContentBody .iniquiry_section .iniquiry_content #BoardListTable td {
			text-align: center;
		}

		#ContentBody .iniquiry_section .iniquery_bt {
			text-align: right;
			padding: 20px 30px;
		}

		#ContentBody .iniquiry_section #Pagination {
			text-align: center;
		}
	/******** 문의게시판. ********/


	/******** 강의교재 소개 ********/
		#ContentBody .head_section_booksinfo {
			background: url('/images/Bookinfo/sub_banner.png') center center;
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_booksinfo .booksinfo_head {
			text-align: center;
		}

		#ContentBody .head_section_booksinfo .booksinfo_head h1 {
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_booksinfo .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_booksinfo .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_booksinfo .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_booksinfo .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_booksinfo .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
		}

		#ContentBody .head_section_booksinfo .mid_option .options .btn-group .play{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .booksinfo_section {
			padding: 50px 0;
		}

		#ContentBody .booksinfo_section .title {
			padding: 20px 0;
		}

		#ContentBody .booksinfo_section .title h3 {
			font-weight: 600;
		}

		#ContentBody .booksinfo_section .title h3 b {
			color: #4482e9;
		}

		#ContentBody .booksinfo_section .text {
			font-size: 16px;
		}

		#ContentBody .booksinfo_section2 {
			padding: 50px 0;
		}
		#ContentBody .booksinfo_section2 .section_head,
		#ContentBody .booksinfo_section2 .section_body {
			padding: 10px 0;
		}

		#ContentBody .booksinfo_section2 .section_head .title {
			text-align: center;
			padding: 20px 0;
		}
		#ContentBody .booksinfo_section2 .section_head .image {
			text-align: center;
		}

		#ContentBody .booksinfo_section2 .section_head .title h3,
		#ContentBody .booksinfo_section2 .section_body .body-content h4{
			font-weight: 600;
		}

		#ContentBody .booksinfo_section2 .section_body .body-icon,
		#ContentBody .booksinfo_section2 .section_body .body-content {
			text-align: center;
		}

		#ContentBody .booksinfo_section3 {
			padding: 50px 0;
		}

		#ContentBody .booksinfo_section3 .section_head .title,
		#ContentBody .booksinfo_section3 .section_head .content,
		#ContentBody .booksinfo_section3 .section_head .image{
			text-align: center;
			padding: 10px 0;
		}

		#ContentBody .booksinfo_section3 .section_head .title h3{
			font-weight: 600;
		}

		#ContentBody .booksinfo_section3 .section_body {
			padding: 20px 200px;
		}

		#ContentBody .booksinfo_section3 .section_body ul {
			list-style: none;
			padding: 0;
		}
		#ContentBody .booksinfo_section3 .section_body ul li {
			padding: 3px 0;
		}	

		#ContentBody .booksinfo_section3 .section_foot {
			padding: 20px 0;
			text-align: center;
		}

		#ContentBody .booksinfo_section3 .section_foot a{
			padding: 15px 80px;
			background-color: #4482e9;
			color: #fff;
			border-radius: 20px;
		}
	/******** 강의교재 소개. ********/

	/******** 강의교재  ********/
		#ContentBody .head_section_book {
			background: url('/images/Bookinfo/sub_banner.png');
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_book .book_head {
			text-align: center;
		}

		#ContentBody .head_section_book .book_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_book .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_book .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_book .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_book .mid_option .options .btn-group a{
			padding: 15px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_book .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
		}

		#ContentBody .head_section_book .mid_option .options .btn-group .play{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .book_section {
			padding: 50px 0;
		}

		#ContentBody .book_section #Q_form {
			border: solid 1px #b4b4b4;
			padding: 15px;
			border-radius: 20px;
		}

		#ContentBody .book_section .search_bt {
			text-align: right;
			padding: 10px 0;
		}

		#ContentBody .book_section .search_bt button{
			padding: 5px 30px;
		}

		#ContentBody .book_section .class_list_box{
			display: block;
			width: 100%;
		}

		#ContentBody .book_section .class_list_box .class_list{
			width: 100%;
		}

		#ContentBody .book_section .class_list_box .class_list li {
			display: inline-block;
			width: 25%;
			color: #ffffff;
			margin: 0;
			padding: 0 15px;
			position: relative;
			overflow: hidden;
		}
	/******** 강의교재.  ********/


	/******** 진단평가 소개  ********/
		#ContentBody .head_section_testintro {
			background: url('/images/testintro/sub_banner.png');
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_testintro .testintro_head {
			text-align: center;
		}

		#ContentBody .head_section_testintro .testintro_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_testintro .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_testintro .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_testintro .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_testintro .mid_option .options .btn-group a{
			padding: 15px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_testintro .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
		}

		#ContentBody .head_section_testintro .mid_option .options .btn-group .play{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .testintro_section {
			padding: 50px 0;
		}

		#ContentBody .testintro_section2 {
			padding: 50px 0;
			background-color: #f9f9f9;
		}

		#ContentBody .testintro_section .section_head,
		#ContentBody .testintro_section2 .section_head{
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .testintro_section .section_head h3,
		#ContentBody .testintro_section2 .section_head h3{
			font-weight: 600;
		}

		#ContentBody .testintro_section .section_head h3 b{
			color: #4482e9;
		}	

		#ContentBody .testintro_section2 .section_content #testinfoTable {
			border-radius: 20px;
			border: 1px;
		}

		#ContentBody .testintro_section2 .section_content #testinfoTable th {
			text-align: center;
		}

		#ContentBody .testintro_section2 .section_content #testinfoTable td {
			background-color: #fff;
		}
	/******** 진단평가 소개.  ********/

	/******** 진단평가 ********/
		#ContentBody .head_section_test {
			background: url('/images/testintro/sub_banner.png');
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_test .test_head {
			text-align: center;
		}

		#ContentBody .head_section_test .test_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_test .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_test .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_test .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_test .mid_option .options .btn-group a{
			padding: 15px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_test .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
		}

		#ContentBody .head_section_test .mid_option .options .btn-group .play{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .test_section {
			padding: 50px 0;
		}

		#ContentBody .test_section .section_head {
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .test_section .section_head h3 {
			font-weight: 600;
		}

		#ContentBody .test_section .section_body #testListTable th,
		#ContentBody .test_section .section_body #testListTable td {
			text-align: center;
		}
	/******** 진단평가. ********/

	/******** 강사 소개 ********/
		#ContentBody .head_section_teachers {
			background: url('/images/liveintro/sub_banner.png');
			padding: 33px 0;
			position: relative;
		}


		#ContentBody .head_section_teachers .teacher_head{
			text-align: center;
		}

		#ContentBody .head_section_teachers .teacher_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_teachers .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_teachers .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_teachers .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_teachers .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 33.3333%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_teachers .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
			
		}

		#ContentBody .head_section_teachers .mid_option .options .btn-group .teacher{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}
	/******** 강사 소개. ********/

	/******** 고객 지원 ********/
		#ContentBody .head_section_customer {
			background: url('/images/Support/sub_banner.png') center center;
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_customer .customer_head {
			text-align: center;
		}

		#ContentBody .head_section_customer .customer_head h1 {
			font-weight: 600;
			color: #fff;
		}

		#ContentBody .head_section_customer .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_customer .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_customer .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_customer .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_customer .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
			
		}

		#ContentBody .head_section_customer .mid_option .options .btn-group .teacher{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .customer_section {
			padding: 50px 0;
		}

		#ContentBody .customer_section .section_head {
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .customer_section .section_head h3 {
			font-weight: 600;
		}
		#ContentBody .customer_section .section_body .image {
			text-align: center;
		}

		#ContentBody .customer_section .section_body .text{
			text-align: center;
			padding: 30px;
			font-weight: 600;
		}

		#ContentBody .customer_section .section_body .text b{
			font-size: 20px;
		}

		#ContentBody .customer_section .section_body .text h3{
			font-size: 28px;
			color: #4482e9;
			font-weight: 600;
		}

		#ContentBody .customer_section .section_body .text a{
			margin: 10px 0;
		}
	/******** 고객 지원. ********/

	/******** 원격 지원 ********/
		#ContentBody .head_section_remote{
			background: url('/images/customer/sub_banner.png') center center;
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_remote .remote_head{
			text-align: center;
		}

		#ContentBody .head_section_remote .remote_head h1{
			font-weight: 600;
			color: #fff;
		}

		#ContentBody .head_section_remote .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_remote .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_remote .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_remote .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_remote .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
			
		}

		#ContentBody .head_section_remote .mid_option .options .btn-group .teacher{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .Remote_section {
			padding: 50px 0;
		}

		#ContentBody .Remote_section .section_head {
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .Remote_section .section_head h2 {
			font-weight: 600;
			padding: 10px 0;
		}

		#ContentBody .Remote_section .section_head b {
			color: #898989;
		}

		#ContentBody .Remote_section2 .section_content {
			text-align: center;
			padding: 30px 0;
			background-color: #f7f7f7;
			border-radius: 20px;
		}

		#ContentBody .Remote_section2 .section_content p {
			font-weight: 600;
		}

		#ContentBody .Remote_section2 .section_content h2{
			font-weight: 600;
			color: #4482e9;
		}

		#ContentBody .Remote_section2 .allowimg {
			width: 50%;
			float: left;
			text-align: center;
			padding: 30px 0;
		}

		#ContentBody .Remote_section3 .download1,
		#ContentBody .Remote_section3 .download2{
			text-align: center;
			padding: 30px 0;
			height: 186px;
			background-color: #f7f7f7;
			border-radius: 20px;
		}

		#ContentBody .Remote_section3 .download1 a,
		#ContentBody .Remote_section3 .download2 a{
			margin-top: 10px;
			background-color: #4482e9;
			font-weight: 600;
			color: #fff;
			border-radius: 20px;
			width: 150px;
		}

		#ContentBody .Remote_section3 .allowimg {
			width: 50%;
			float: left;
			text-align: center;
			padding: 30px 0;
		}

		#ContentBody .Remote_section3 .text2 {
			padding: 20px 0;
			border-radius: 20px;
			background-color: #f7f7f7;
			text-align: center;
		}

		#ContentBody .Remote_section3 .allowimg2 {
			text-align: center;
			padding: 30px;
		}

		#ContentBody .Remote_section3 .section_content2 {
			padding: 30px 0;
			text-align: center;
			background-color: #f7f7f7;
			border-radius: 20px;
		}

		#ContentBody .Remote_section3 .section_content2 .text {
			padding-bottom: 20px;	
		}
	/******** 원격 지원. ********/	
}


@media (min-width: 1200px) {

	/******** 메인 ********/
		#ContentBody .main_section {
			padding: 50px 0;
			position: relative;
			height: 500px;
		}

		#ContentBody .main_section .banner_content {
			width: 100%;
			height: 400px;
			position: relative;
			display: flex;
		}
		#ContentBody .main_section .banner_content .banner_bt {
			background-color: #fff;
			width: fit-content;
		}

		#ContentBody .main_section .banner_content .banner_bt ul {
			list-style: none;
			padding: 0;
		}

		#ContentBody .main_section .banner_content .banner_bt ul li {
			width: 250px;
			height: 100px;
		}

		#ContentBody .main_section .banner_content .banner_bt ul li button {
			width: 100%;
			height: 100%;
			border-radius: 0;
		}
		#ContentBody .main_section .banner_content .banner_bt ul li button .img {
			height: 100%;
		}

		#ContentBody .main_section .banner_content .banner_bt ul li button .img img{
			width: 100%;
			height: 100%;
		}

		#ContentBody .main_section .banner_content .banner_bt ul li button .text {
			width: 50%;
			font-size: 14px;
			padding-top: 20px;
		}

		#ContentBody .main_section .banner_content .banner_img,
		#ContentBody .main_section .banner_content .banner_img2,
		#ContentBody .main_section .banner_content .banner_img3,
		#ContentBody .main_section .banner_content .banner_img4{
			display: contents;
		}

		#ContentBody .main_section .banner_content .banner_img img,
		#ContentBody .main_section .banner_content .banner_img2 img,
		#ContentBody .main_section .banner_content .banner_img3 img,
		#ContentBody .main_section .banner_content .banner_img4 img{
			padding-left: 100px;
		}

		

		#ContentBody .main_section2 {
			padding: 50px 0;
		}

		#ContentBody .main_section2 .option-group {
			background-color: #f9f9f9;
			border-radius: 20px;
		}

		#ContentBody .main_section2 .option-group ul{
			list-style: none;
			padding: 0;
		}
		#ContentBody .main_section2 .option-group ul li {
			width: 12%;
			text-align: center;
			display: inline-block;
		}

		#ContentBody .main_section2 .option-group ul li a{
			color: #000;
		}

		/* 메인 (전문 과외) */
		#ContentBody .main_proclass {
			padding: 50px 0;
		}

		#ContentBody .main_proclass .section_title h4{		
			font-weight: 600;
		}
		
		#ContentBody .main_proclass .section_body .list_box ul{
			list-style: none;
			padding: 0;
			width: 100%;
		}
		#ContentBody .main_proclass .section_body .list_box ul li{
			width: 20%;
			float: left;
		}

		#ContentBody .main_proclass .section_body .list_box ul li .pro1 .image1 .proclass_img,
		#ContentBody .main_proclass .section_body .list_box ul li .pro2 .image2 .proclass_img,
		#ContentBody .main_proclass .section_body .list_box ul li .pro3 .image3 .proclass_img,
		#ContentBody .main_proclass .section_body .list_box ul li .pro4 .image4 .proclass_img,
		#ContentBody .main_proclass .section_body .list_box ul li .pro5 .image5 .proclass_img,
		#ContentBody .main_proclass .section_body .list_box ul li .pro1 .image1 .proclass_img img,
		#ContentBody .main_proclass .section_body .list_box ul li .pro2 .image2 .proclass_img img,
		#ContentBody .main_proclass .section_body .list_box ul li .pro3 .image3 .proclass_img img,
		#ContentBody .main_proclass .section_body .list_box ul li .pro4 .image4 .proclass_img img,
		#ContentBody .main_proclass .section_body .list_box ul li .pro5 .image5 .proclass_img img{
			width: 100%;
		}

		/* 메인 (방송 강의) */
		#ContentBody .main_liveclass {
			padding: 50px 0;
		}

		#ContentBody .main_liveclass .section_title h4{
			font-weight: 600;
		}

		/* 메인 (강사 모집) */
		#ContentBody .class_group .main_proteacher{
			padding: 50px 0;
		}

		#ContentBody .class_group .main_proteacher .teacher_box {
			background-color: #f9f9f9;
			padding: 20px 15px;
			border-radius: 20px;
		}
		#ContentBody .class_group .main_proteacher .teacher_box .teacher_title h4{
			font-weight: 600;
		}

		#ContentBody .class_group .main_proteacher .teacher_box img {
			width: 100%;
		}

		/* 메인 (강의 교재) */
		#ContentBody .class_group .main_books {
			padding: 50px 0;
		}

		#ContentBody .class_group .main_books .books_box {
			padding: 20px;
			border: solid 1px #000;
			border-radius: 20px;
		}
		#ContentBody .class_group .main_books .books_box .section_head {
			padding-bottom: 15px;
		}

		#ContentBody .class_group .main_books .books_box .section_head .head_title h4{
			font-weight: 600;
		}

		#ContentBody .class_group .main_books .books_box .section_head .head_more {
			text-align: right;
		}
		#ContentBody .class_group .main_books .books_box .section_head .head_more a {
			color: #767676;
		}

		#ContentBody .class_group .main_books .books_box .section_body ul{
			list-style: none;
			padding: 0;
		}

		#ContentBody .class_group .main_books .books_box .section_body ul li {
			width: 33.333%;
			float: left;
		}

		#ContentBody .class_group .main_books .books_box .section_body ul li .book_box {
			width: 100%;
		}

		#ContentBody .class_group .main_books .books_box .section_body ul li .book_box .book_img,
		#ContentBody .class_group .main_books .books_box .section_body ul li .book_box .book_img img,
		#ContentBody .class_group .main_books .books_box .section_body ul li .book_box .book_info,
		#ContentBody .class_group .main_books .books_box .section_body ul li .book_box .book_price,
		#ContentBody .class_group .main_books .books_box .section_body ul li .book_box .RatingStar{
			width: 100%;
		}

		/* 메인 (소식) */
		#ContentBody .class_group .main_notice {
			padding: 50px 0;
		}
		#ContentBody .class_group .main_notice .notice_box {
			border: solid 1px #000;
			border-radius:  20px;
			padding: 20px;
		}

		#ContentBody .class_group .main_notice .notice_box .section_head {
			padding-bottom: 15px;
		}

		#ContentBody .class_group .main_notice .notice_box .section_head .head_title h4 {
			font-weight: 600;
		}

		#ContentBody .class_group .main_notice .notice_box .section_head .head_more {
			text-align: right;
		}
		#ContentBody .class_group .main_notice .notice_box .section_head .head_more a {
			color: #898989;
		}

		#ContentBody .class_group .main_notice .notice_box .section_body #notice_list ul{
			list-style: none;
			padding: 0;
		}

		#ContentBody .class_group .main_notice .notice_box .section_body #notice_list ul li {
			padding: 5px 0;
			border-bottom: solid 1px #898989;
		}

		#ContentBody .class_group .main_notice .notice_box .section_body #notice_list ul li a {
			color: #898989;
		}

		/* 메인 (진단평가) */ 
		#ContentBody .class_group .main_test {
			padding: 50px 0;
		}

		#ContentBody .class_group .main_test .test_box {
			padding: 20px;
			border: solid 1px #000;
			border-radius: 20px;
		}

		#ContentBody .class_group .main_test .test_box .section_head .head_title h4 {
			font-weight: 600;
		}

		#ContentBody .class_group .main_test .test_box .section_head .head_more {
			text-align: right;
		}
		#ContentBody .class_group .main_test .test_box .section_head .head_more a {
			color: #898989;
		}

		#ContentBody .class_group .main_test .test_box .section_body #test_list ul{
			list-style: none;
			padding: 0;
		}
		
		/* 메인 (동영상 강의) */
		#ContentBody .main_videoclass {
			padding: 50px 0;
		}
		
		#ContentBody .main_videoclass .section_title h4{
			font-weight: 600;
		}
	/******** 메인. ********/

	/******** 로그인 ********/
		#ContentBody .head_section_login {
			background: url('/images/login/sub_banner.png') center center;
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_login .login_head {
			text-align: center;
		}

		#ContentBody .head_section_login .login_head h1{
			font-weight: 600;
			color: #fff;
		}

		#ContentBody .login_section {
			padding: 50px 0;
		}

		#ContentBody .login_section .login_logo {
			text-align: center;
		}

		#ContentBody .login_section .login_logo p{
			font-size: 24px;
			font-weight: 600;
		}
		#ContentBody .login_section .login_logo p b {
			color: #4482e9;
		}

		#ContentBody .login_section2 {
			text-align: center;
		}

		#ContentBody .login_section2 #singinForm .form-group{
			padding-left: 150px;
			padding-right: 150px;
		}

		#ContentBody .login_section2 .login_option ul {
			list-style: none;
			text-align: center;
			padding: 20px 250px;
		}

		#ContentBody .login_section2 .login_option ul li {
			width: 33.3333%;
			float: left;
		}

		#ContentBody .login_section2 .login_option ul li a {
			color: #676767;
		}

		#ContentBody .login_section2 .login_bts{
			padding: 0 100px;
		}

		#ContentBody #BT_login {
			width: 100%;
			padding: 18px 16px;
			font-weight: 600;
			color: #fff;
			background-color: #0072bc;
			border-radius: 20px;
			border: 0;
		}

		#ContentBody .simple_login .simple_login_head {
			text-align: center;
		}

		#ContentBody .simple_login .simple_login_head h4 {
			font-weight: 600;
		}

		#ContentBody .simple_login .simple_login_body ul{
			list-style: none;
			padding: 0 150px;
		}

		#ContentBody .simple_login .simple_login_body ul li{
			width: 33.3333%;
			float: left;
		}

		#ContentBody .simple_login .simple_login_body ul li a {
			border: 0;
		}

	/******** 로그인. ********/

	/********  회원가입 ********/
		#ContentBody .head_section_Register {
			background: url('/images/Register/sub_banner.png');
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_Register .Register_head{
			text-align: center;
		}
		#ContentBody .head_section_Register .Register_head h1{
			font-weight: 600;
			color: #fff;
		}

		#ContentBody .step_section {
			padding: 50px 0;
		}	

		#ContentBody .step_section .join_step1,
		#ContentBody .step_section .join_step2,
		#ContentBody .step_section .join_step3{
			text-align: -webkit-center;
		}

		#ContentBody .step_section .text ul{
			list-style: none;
			padding: 0 380px;
			margin: 0;
		}

		#ContentBody .step_section .text ul li {
			width: 33.333%;
			float: left;
			text-align: center;
			font-weight: 600;
		}

	/********  회원가입. ********/

	/********  장바구니 ********/
		#ContentBody .sub_section .head_cart h2{
			text-align: center;
		}
	/********  장바구니. ********/

	/******** 에듀라이브 소개 ********/
		#ContentBody .head_section_introdution {
			background: url('/images/introdution/sub_banner.png') center center;
			padding: 35px 0;
			position: relative;
		}

		#ContentBody .head_section_introdution .introdution_head{
			text-align: center;
		}

		#ContentBody .head_section_introdution .introdution_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_introdution .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_introdution .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_introdution .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_introdution .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_introdution .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
		}

		#ContentBody .head_section_introdution .mid_option .options .btn-group .play{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .introdution_section,
		#ContentBody .introdution_section2,
		#ContentBody .introdution_section3,
		#ContentBody .introdution_section4 {
			padding: 50px 0;
		}

		#ContentBody .introdution_section .content_title,
		#ContentBody .introdution_section2 .content_title,
		#ContentBody .introdution_section3 .content_title,
		#ContentBody .introdution_section4 .content_title{
			text-align: center;

		}

		#ContentBody .introdution_section .content_title h3,
		#ContentBody .introdution_section2 .content_title h3,
		#ContentBody .introdution_section3 .content_title h3,
		#ContentBody .introdution_section4 .content_title h3{
			font-weight: 600;
			margin-bottom: 100px;
		}
		#ContentBody .introdution_section .content_title h3 b,
		#ContentBody .introdution_section2 .content_title h3 b,
		#ContentBody .introdution_section3 .content_title h3 b,
		#ContentBody .introdution_section4 .content_title h3 b {
			color: #4482e9;
		}

		#ContentBody .introdution_section .content_body .text{
			padding-left: 50px;
			font-size: 16px;
		}

		#ContentBody .introdution_section2 {
			background-color: #f9f9f9;
			padding: 30px 0;
		}

		#ContentBody .introdution_section2 .content_body .subject {
			text-align: center;
			background-color: #fff;
			border-radius: 20px;
			padding: 50px 0;
			border: solid 3px #f7f7f7;
		}

		#ContentBody .introdution_section2 .content_body .grade {
			background-color: #fff;
			border-radius: 20px;
			padding: 50px 0;
			border: solid 3px #f7f7f7;
			margin-left: 70px;
		}

		#ContentBody .introdution_section2 .content_body .subject .subject_title h4 {
			font-weight: 600;
		}

		#ContentBody .introdution_section2 .content_body .grade .grade_title h4{
			font-weight: 600;
			text-align: center;
		}



		#ContentBody .introdution_section2 .content_body .subject .subject_body ul,
		#ContentBody .introdution_section2 .content_body .grade .grade_body ul{
			list-style: none;
			padding: 0;
		}

		#ContentBody .introdution_section2 .content_body .grade .grade_body ul li {
			width: 50%;
			float: inline-start;
		}

		#ContentBody .introdution_section2 .content_body .grade .grade_body ul li{
			text-align: center;
		}

		#ContentBody .introdution_section2 .content_body .subject .subject_body ul li{
			width: 20%;
			float: inline-start;
		}
		

		#ContentBody .introdution_section2 .content_body .subject .subject_body ul li img {
			background-color: #f9f9f9;	
			padding: 15px;
			border-radius: 50px;
		}

		#ContentBody .introdution_section2 .content_body .subject .subject_body ul li .text{
			font-weight: 600;
		}

		#ContentBody .introdution_section3 .content_body .img {
			text-align: right;
		}

		#ContentBody .introdution_section3 .content_body .text ul{
			list-style: none;
			padding: 0;
		}

		#ContentBody .introdution_section3 .content_body .text ul li{
			font-size: 16px;
			padding: 10px 0;
		}

		#ContentBody .introdution_section4 .content_body .content .img {
			text-align: center;
			margin-bottom: 20px;
		}

		#ContentBody .introdution_section4 .content_body .content .text ul {
			margin-left: 60px;
		}

		#ContentBody .introdution_section4 .content_body .content .text ul li {
			padding: 5px 0;
		}
	/******** 에듀라이브 소개. ********/

	/******** 이용안내 ********/
		#ContentBody .head_section_tuition {
			background: url('/images/introdution/sub_banner.png') center center;
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_tuition .tuition_head {
			text-align: center;
		}

		#ContentBody .head_section_tuition .tuition_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_tuition .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_tuition .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_tuition .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_tuition .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_tuition .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
		}

		#ContentBody .head_section_tuition .mid_option .options .btn-group .play{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .tuition_section {
			padding: 50px 0;
		}

		#ContentBody .tuition_section .section_title{
			text-align: center;
		}

		#ContentBody .tuition_section .section_title h2{
			font-weight: 600;
		}

		#ContentBody .tuition_section .section_content{
			text-align: center;
			padding: 30px 0;
		}

		#ContentBody .tuition_section2 {
			padding: 50px 0;
		}

		#ContentBody .tuition_section2 .section_title{
			text-align: center;
		}

		#ContentBody .tuition_section2 .section_title h2{
			font-weight: 600;
		}

		#ContentBody .tuition_section2 .section_title h2 b{
			color: #4482e9;
		}

		#ContentBody .tuition_section2 .section_content .content_bt{
			text-align: center;
		}

		#ContentBody .tuition_section2 .section_content .content_bt button {
			border-radius: 20px;
			width: 30%;
			font-weight: 600;
			margin: 0 10px;
		}

	/******** 이용안내. ********/

	/******** 방송강의 소개 ********/
		#ContentBody .head_section_liveintro {
			background: url('/images/liveintro/sub_banner.png') center center;
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_liveintro .liveintro_head{
			text-align: center;
		}

		#ContentBody .head_section_liveintro .liveintro_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_liveintro .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_liveintro .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_liveintro .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_liveintro .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_liveintro .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
			
		}

		#ContentBody .head_section_liveintro .mid_option .options .btn-group .teacher{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .liveintro_section {
			padding: 50px 0;
		}

		#ContentBody .liveintro_section .section_title{
			text-align: center;
			padding: 30px 0;
		}

		#ContentBody .liveintro_section .section_title h2 {
			font-weight: 600;
		}
		#ContentBody .liveintro_section .section_title h2 b {
			color: #4482e9;
		}

		#ContentBody .liveintro_section .section_content .text{
			padding-left: 150px;
		}

		#ContentBody .liveintro_section2 {
			padding: 50px 0;
			background-color: #f7f7f7;
		}

		#ContentBody .liveintro_section2 .section_title {
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .liveintro_section2 .section_title h2 {
			font-weight: 600;
		}
		#ContentBody .liveintro_section2 .section_title h2 b {
			color: #4482e9;
		}

		#ContentBody .liveintro_section2 .section_content .contents_ul{
			list-style: none;
			padding: 0;
		}
		#ContentBody .liveintro_section2 .section_content .contents_ul .contents_li {
			width: 25%;
			float: left;
			padding: 20px;
			background-color: #fff;
			border-radius: 20px;
			height: 247.8px;
			margin: 4.1666%;
		}

		#ContentBody .liveintro_section2 .section_content ul  .contents_li .img,
		#ContentBody .liveintro_section2 .section_content ul .contents_li .text {
			text-align: center;
		}

		#ContentBody .liveintro_section2 .section_content ul .contents_li .text .title h4{
			font-weight: 600;
		}



		#ContentBody .liveintro_section2 .option ul li {
			text-align: left;
			padding: 5px 0;
		}

		#ContentBody .liveintro_section2 .section_content ul .contents .text .title h4{
			font-weight: 600;
		}



		#ContentBody .liveintro_section4 {
			padding: 50px 0;
		}

		#ContentBody .liveintro_section4 .section_title {
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .liveintro_section4 .section_title h2 {
			font-weight: 600;
		}
		#ContentBody .liveintro_section4 .section_title h2 b {
			color: #4482e9;
		}

		#ContentBody .liveintro_section4 .section_content .contents_ul{
			list-style: none;
			padding: 0;
		}
		#ContentBody .liveintro_section4 .section_content .contents_ul .contents_li {
			width: 25%;
			float: left;
			padding: 20px;
			background-color: #f7f7f7;
			border-radius: 20px;
			height: 247.8px;
			margin: 4.1666%;
		}

		#ContentBody .liveintro_section4 .section_content ul .contents_li .text {
			text-align: center;
		}

		#ContentBody .liveintro_section4 .section_content ul .contents_li .text .title h4{
			font-weight: 600;
		}



		#ContentBody .liveintro_section4 .option ul li {
			text-align: left;
			padding: 5px 0;
		}

		#ContentBody .liveintro_section4 .section_content ul .contents .text .title h4{
			font-weight: 600;
		}


		#ContentBody .liveintro_section3 {
			padding: 50px 0;
			background-color: #f7f7f7;
		}

		#ContentBody .liveintro_section3 .section_title {
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .liveintro_section3 .section_title h2 {
			font-weight: 600;
		}

		#ContentBody .liveintro_section3 .section_title h2 b {
			color: #4482e9;
		}

		#ContentBody .liveintro_section3 .section_content {
			background-color: #fff;
			border-radius: 20px;
		}

		#ContentBody .liveintro_section3 .section_content .img {
			text-align: right;
		}

		#ContentBody .liveintro_section3 .section_content .text{
			padding: 80px 0;
			font-weight: 600;
		}

		#ContentBody .liveintro_section3 .section_content .text ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}

		#ContentBody .liveintro_section3 .section_content .text ul li {
			padding: 4px 0;
		}

	/******** 방송강의 소개. ********/

	/******** 방송강의 ********/
		#ContentBody .head_section_liveclass{
			background: url('/images/liveclass/sub_banner.png') center center;
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_liveclass .liveclass_head{
			text-align: center;
		}

		#ContentBody .head_section_liveclass .liveclass_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_liveclass .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_liveclass .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_liveclass .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_liveclass .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_liveclass .mid_option .options .btn-group .play{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
			
		}

		#ContentBody .head_section_liveclass .mid_option .options .btn-group .pay{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .liveclass_section{
			padding: 50px 0;
		}

		#ContentBody .liveclass_section #Q_form {
			padding: 20px;
			border: solid 1px #767676;
			border-radius: 20px;
		}

		#ContentBody .liveclass_section #Q_form button{
			margin: 0 5px;
			border-radius: 20px;
		}

		#ContentBody .liveclass_section .search_bt{
			text-align: right;
			padding: 20px 0;
		}

		#ContentBody .liveclass_section .search_bt button{
			padding: 10px 30px;
		}



		#ContentBody .liveclass_section .class_list_box{
			display: block;
			width: 100%;
		}

		#ContentBody .liveclass_section .class_list_box .class_list{
			width: 100%;
		}

		#ContentBody .liveclass_section .class_list_box .class_list li {
			display: inline-block;
			width: 25%;
			color: #ffffff;
			margin: 0;
			padding: 0 15px;
			position: relative;
			overflow: hidden;
		}

		#ContentBody .liveclass_section .class_paging {
			text-align: center;
			padding: 10px 0;
		}

	/******** 방송강의. ********/

	/******** 방송강의 상세 ********/
		#ContentBody .Classdetail_section {
			padding-top: 50px 0;
			border-bottom: solid 1px #e7e7e7;
		}

		#ContentBody .Classdetail_section #BT_back {
			font-weight: 600;
			border: 0;
		}

		#ContentBody .Classdetail_section .ClassTitle{
			border-bottom: solid 1px #e7e7e7;
		}

		#ContentBody .Classdetail_section .ClassTitle h4{
			font-weight: 600;
			margin: 0;
			padding-bottom: 20px;
		}

		#ContentBody .Classdetail_section .ClassPrice {
			border-bottom: solid 1px #e7e7e7;
		}

		#ContentBody .Classdetail_section .ClassPrice h4{
			font-weight: 600;
			margin: 0;
			color: #4482e9;
			padding: 20px 0;
		}

		#ContentBody .Classdetail_section #ClassNav {
			bottom: 0;
			left: 0;
			right: 0;
			width: 100%;
			padding-top: 40px;
		}

		#ContentBody .Classdetail_section #ClassNav ul {
			list-style: none;
			margin: 0;
			padding: 0;
			display: table;
			width: 100%;
			height: 30px;
			background-color: #e7e7e7;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
		}

		#ContentBody .Classdetail_section #ClassNav ul li{
			display: table-cell;
			width: 20%;
		}

		#ContentBody .Classdetail_section #ClassNav ul li a{
			display: block;
			text-align: center;
			color: #000;
			padding: 10px 0;
			font-size: 9pt;
			cursor: pointer;
			font-weight: 600;
		}

		#ContentBody .Classdetail_section .dl-horizontal{
			padding: 20px 0;
			border-bottom: solid 1px #e7e7e7;
		}

		#ContentBody .Classdetail_section dl {
			margin: 0;
			padding: 3px 0;
		}

		#ContentBody .Classdetail_section dl dt {
			text-align: left;
			width: fit-content;
		}

		#ContentBody .Classdetail_section dl dd{
			margin-left: 100px;
		}

		#ContentBody .Classdetail_section .order_bt{
			padding: 20px 0;
		}

		#ContentBody .Classdetail_section .order_bt button {
			width: 40%;
			float: left;
			margin: 0 5px;
			border-radius: 20px;
		}

		#ContentBody .Classdetail_section .order_bt #BT_Order{
			border: solid 1px #4482e9;
			color: #fff;
			background-color: #4482e9;
			font-weight: 600;
		}

		#ContentBody .Classdetail_section .order_bt #BT_cart {
			border: solid 1px #4482e9;
			color: #4482e9;
			font-weight: 600;
		}

		#ContentBody #ClassTables .section_title h3{
			font-weight: 600;
		}

		#ContentBody #ClassTables .section_content #ClassTable thead tr th{
			text-align: center;
		}

		#ContentBody #ClassTables .section_content #ClassTable {
			text-align: center;
		}
		#ContentBody #ClassInfo .section_title{
			padding: 20px 0;
		}

		#ContentBody #ClassInfo .section_title h3 {
			font-weight: 600;
		}

		#ContentBody #ClassInfo .section_content #ClassContentHTML p{
			font-size: 12px;
		}

		#ContentBody #ClassInfo .section_content #ClassContentHTML h3{
			font-size: 14px;
		}

		#ContentBody #ClassFile .section_title h3{
			font-weight: 600;
		}
	/******** 방송강의 상세. ********/




	/******** 동영상강의 소개 ********/
		#ContentBody .head_section_videointro {
			background: url('/images/videointro/sub_banner.png');
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_videointro .videointro_head{
			text-align: center;
		}

		#ContentBody .head_section_videointro .videointro_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_videointro .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_videointro .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_videointro .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_videointro .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_videointro .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
		}

		#ContentBody .head_section_videointro .mid_option .options .btn-group .play{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .videointro_section {
			padding: 50px 0;
		}
		#ContentBody .videointro_section .section_title {
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .videointro_section .section_title h2 {
			font-weight: 600;
		}

		#ContentBody .videointro_section .section_title h2 b {
			color: #4482e9;
		}

		#ContentBody .videointro_section .section_content .text{
			padding-left: 150px;
		}

		#ContentBody .videointro_section2 {
			padding: 50px 0;
			background-color: #f9f9f9;
		}

		#ContentBody .videointro_section2 .section_title {
			text-align: center;
		}

		#ContentBody .videointro_section2 .section_title h2 {
			font-weight: 600;
		}

		#ContentBody .videointro_section2 .section_content .subject,
		#ContentBody .videointro_section2 .section_content .grade{
			padding: 20px 15px 40px 15px;
			background-color: #fff;
			margin: 10px;
			border-radius: 20px;
		}

		#ContentBody .videointro_section2 .section_content .subject .subject_title,
		#ContentBody .videointro_section2 .section_content .grade .grade_title {
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .videointro_section2 .section_content .subject .subject_title h4,
		#ContentBody .videointro_section2 .section_content .grade .grade_title h4{
			font-weight: 600;
		}

		#ContentBody .videointro_section2 .section_content .subject .subject_content ul,
		#ContentBody .videointro_section2 .section_content .grade .grade_content ul {
			list-style: none;
			padding: 0;
		}

		#ContentBody .videointro_section2 .section_content .grade .grade_content ul li {
			width: 50%;
			float: left;
		}

		#ContentBody .videointro_section2 .section_content .subject .subject_content ul li{
			width: 20%;
			float: left;
		}

		#ContentBody .videointro_section2 .section_content .subject .subject_content ul li .img,
		#ContentBody .videointro_section2 .section_content .subject .subject_content ul li .text {		
			text-align: center;
		}

		#ContentBody .videointro_section2 .section_content .grade .grade_content ul li .img,
		#ContentBody .videointro_section2 .section_content .grade .grade_content ul li .text {		
			text-align: center;
		}

	/******** 동영상강의 소개. ********/

	/******** 동영상강의 ********/
		#ContentBody .head_section_videoclass{
			background: url('/images/videointro/sub_banner.png');
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_videoclass .videoclass_head {
			text-align: center;
		}

		#ContentBody .head_section_videoclass .videoclass_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_videoclass .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_videoclass .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_videoclass .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_videoclass .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_videoclass .mid_option .options .btn-group .play{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
		}

		#ContentBody .head_section_videoclass .mid_option .options .btn-group .pay{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .videoclass_section {
			padding: 50px 0;
		}

		#ContentBody .videoclass_section #Q_form {
			padding: 20px 0;
			border: solid 1px #000;
			border-radius: 20px;
		}

		#ContentBody .videoclass_section #Q_form button{
			margin: 0 5px;
			border-radius: 20px;
			padding: 6px 20px;
		}

		#ContentBody .videoclass_section .search_bt {
			padding: 10px 0;
			text-align: right;
		}

		#ContentBody .videoclass_section .search_bt button{
			padding: 10px 30px;
		}

		#ContentBody .videoclass_section .class_list_box{
			display: block;
			width: 100%;
			padding: 30px 0;
		}

		#ContentBody .videoclass_section .class_list_box .class_list{
			width: 100%;
		}

		#ContentBody .videoclass_section .class_list_box .class_list li {
			display: inline-block;
			width: 25%;
			color: #ffffff;
			margin: 0;
			padding: 0 15px;
			position: relative;
			overflow: hidden;
		}

		#ContentBody .videoclass_section .class_paging {
			text-align: center;
		}


	/******** 동영상강의. ********/


	/******** 전문과외 소개 ********/
		#ContentBody .head_section_prointro {
			background: url('/images/prointro/sub_banner.png');
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_prointro .prointro_head{
			text-align: center;
		}

		#ContentBody .head_section_prointro .prointro_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_prointro .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_prointro .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_prointro .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_prointro .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_prointro .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
		}

		#ContentBody .head_section_prointro .mid_option .options .btn-group .play{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .prointro_section {
			padding: 50px 0;
		}

		#ContentBody .prointro_section .section_title {
			text-align: center;
			padding: 20px 0;
		}
		#ContentBody .prointro_section .section_title h2{
			font-weight: 600;
		}
		#ContentBody .prointro_section .section_title h2 b{
			color: #4482e9;
		}

		#ContentBody .prointro_section .section_content .text{
			padding-left: 30px;
			padding-top: 80px;
			font-size: 16px;
		}

		#ContentBody .prointro_section2 {
			padding: 50px 0;
			background-color: #f9f9f9;
		}

		#ContentBody .prointro_section2 .section_title {
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .prointro_section2 .section_title h2{
			font-weight: 600;
		}

		#ContentBody .prointro_section2 .section_content .subject,
		#ContentBody .prointro_section2 .section_content .grade{
			background-color: #fff;
			padding: 20px 15px 40px 15px;
			margin: 10px;
			border-radius: 20px;
		}

		#ContentBody .prointro_section2 .section_content .subject .subject_title,
		#ContentBody .prointro_section2 .section_content .grade .grade_title{
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .prointro_section2 .section_content .subject .subject_title h4,
		#ContentBody .prointro_section2 .section_content .grade .grade_title h4{
			font-weight: 600;
		}

		#ContentBody .prointro_section2 .section_content .subject .subject_content ul,
		#ContentBody .prointro_section2 .section_content .grade .grade_content ul{
			list-style: none;
			padding: 0;
		}

		#ContentBody .prointro_section2 .section_content .subject .subject_content ul li{
			width: 20%;
			float: left;
		}

		#ContentBody .prointro_section2 .section_content .subject .subject_content ul li .img,
		#ContentBody .prointro_section2 .section_content .subject .subject_content ul li .text{
			text-align: center;
		}

		#ContentBody .prointro_section2 .section_content .grade .grade_content ul li{
			width: 50%;
			float: left;
		}

		#ContentBody .prointro_section2 .section_content .grade .grade_content ul li .img,
		#ContentBody .prointro_section2 .section_content .grade .grade_content ul li .text {
			text-align: center;
		}

		#ContentBody .prointro_section3 {
			padding: 50px 0;
		}

		#ContentBody .prointro_section3 .section_title {
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .prointro_section3 .section_title h3 {
			font-weight: 600;
		}
		#ContentBody .prointro_section3 .section_title h3 b {
			color: #4482e9;
		}

		#ContentBody .prointro_section3 .section_content .content_ul {
			list-style: none;
		}

		#ContentBody .prointro_section3 .section_content .content_ul .content_li {
			width: 25%;
			float: left;		
			padding: 20px;
			border-radius: 20px;
		}
		#ContentBody .prointro_section3 .section_content .content_ul .content_li .content_box {
			background-color: #f9f9f9;
			border-radius: 20px;
			padding: 10px;
		}

		#ContentBody .prointro_section3 .section_content .content_ul .content_li .img,
		#ContentBody .prointro_section3 .section_content .content_ul .content_li .text{
			text-align: center;
		}

		#ContentBody .prointro_section3 .section_content .content_ul .content_li .text .t_title h4{
			font-weight: 600;
		}

		#ContentBody .prointro_section3 .section_content .content_ul .content_li ul {
			padding-left: 50px;
		}

		#ContentBody .prointro_section3 .section_content .content_ul .content_li ul li{
			text-align: left;
		}

		#ContentBody .prointro_section4 {
			padding-top: 50px;
			background-color: #f9f9f9;
		}

		#ContentBody .prointro_section4 .section_title {
			text-align: center;
			padding: 20px 0;

		}

		#ContentBody .prointro_section4 .section_title h3 {
			font-weight: 600;
		}

		#ContentBody .prointro_section4 .section_title h3 b {
			color: #4482e9;
		}

		#ContentBody .prointro_section4 .section_content .img {
			text-align: right;
		}

		#ContentBody .prointro_section4 .section_content .text {
			padding-top: 60px;

		}
	/******** 전문과외 소개. ********/

	/******** 전문과외  ********/
		#ContentBody .head_section_proclass{
			background: url('/images/prointro/sub_banner.png') center center;
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_proclass .proclass_head {
			text-align: center;
		}

		#ContentBody .head_section_proclass .proclass_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_proclass .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_proclass .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_proclass .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_proclass .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_proclass .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
			
		}

		#ContentBody .head_section_proclass .mid_option .options .btn-group .play{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .proclass_section {
			padding: 50px 0;
		}

		#ContentBody .proclass_section #Q_form {
			padding: 20px;
			border: solid 1px #767676;
			border-radius: 20px;
		}

		#ContentBody .proclass_section .search_bt{
			text-align: right;
			padding: 20px 0;
		}


		#ContentBody .proclass_section #Q_form button{
			margin: 0 5px;
			border-radius: 20px;
		}

	/******** 전문과외.  ********/


	/******** 공지사항 ********/
		#ContentBody .head_section_board {
			background: url('/images/prointro/sub_banner.png') center center;
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_board .board_head{
			text-align: center;
		}

		#ContentBody .head_section_board .board_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_board .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_board .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_board .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_board .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_board .mid_option .options .btn-group .notice{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
		}

		#ContentBody .head_section_board .mid_option .options .btn-group .event{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .board_section {
			padding: 50px 0;
		}

		#ContentBody .board_section .section_head {
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .board_section .section_head h3{
			font-weight: 600;
		}

		#ContentBody .board_section #BoardListTable th,
		#ContentBody .board_section #BoardListTable td{
			text-align: center;
		}

		#ContentBody .board_section #Pagination {
			text-align: center;
		}
	/******** 공지사항. ********/

	/******** 문의게시판 ********/
		#ContentBody .head_section_iniquiry {
			background: url('/images/Board/sub_banner.png') center center;
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_iniquiry .iniquiry_head{
			text-align: center;
		}

		#ContentBody .head_section_iniquiry .iniquiry_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .iniquiry_section {
			padding: 50px 0;
		}

		#ContentBody .iniquiry_section .iniquiry_head{
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .iniquiry_section .iniquiry_head h3{
			font-weight: 600;
		}

		#ContentBody .iniquiry_section .iniquiry_content #BoardListTable th,
		#ContentBody .iniquiry_section .iniquiry_content #BoardListTable td {
			text-align: center;
		}

		#ContentBody .iniquiry_section .iniquery_bt {
			text-align: right;
			padding: 20px 30px;
		}

		#ContentBody .iniquiry_section #Pagination {
			text-align: center;
		}
	/******** 문의게시판. ********/


	/******** 강의교재 소개 ********/
		#ContentBody .head_section_booksinfo {
			background: url('/images/Bookinfo/sub_banner.png') center center;
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_booksinfo .booksinfo_head {
			text-align: center;
		}

		#ContentBody .head_section_booksinfo .booksinfo_head h1 {
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_booksinfo .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_booksinfo .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_booksinfo .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_booksinfo .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_booksinfo .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
		}

		#ContentBody .head_section_booksinfo .mid_option .options .btn-group .play{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .booksinfo_section {
			padding: 50px 0;
		}

		#ContentBody .booksinfo_section .title {
			padding: 20px 0;
		}

		#ContentBody .booksinfo_section .title h3 {
			font-weight: 600;
		}

		#ContentBody .booksinfo_section .title h3 b {
			color: #4482e9;
		}

		#ContentBody .booksinfo_section .text {
			font-size: 16px;
		}

		#ContentBody .booksinfo_section2 {
			padding: 50px 0;
		}
		#ContentBody .booksinfo_section2 .section_head,
		#ContentBody .booksinfo_section2 .section_body {
			padding: 10px 0;
		}

		#ContentBody .booksinfo_section2 .section_head .title {
			text-align: center;
			padding: 20px 0;
		}
		#ContentBody .booksinfo_section2 .section_head .image {
			text-align: center;
		}

		#ContentBody .booksinfo_section2 .section_head .title h3,
		#ContentBody .booksinfo_section2 .section_body .body-content h4{
			font-weight: 600;
		}

		#ContentBody .booksinfo_section2 .section_body .body-icon,
		#ContentBody .booksinfo_section2 .section_body .body-content {
			text-align: center;
		}

		#ContentBody .booksinfo_section3 {
			padding: 50px 0;
		}

		#ContentBody .booksinfo_section3 .section_head .title,
		#ContentBody .booksinfo_section3 .section_head .content,
		#ContentBody .booksinfo_section3 .section_head .image{
			text-align: center;
			padding: 10px 0;
		}

		#ContentBody .booksinfo_section3 .section_head .title h3{
			font-weight: 600;
		}

		#ContentBody .booksinfo_section3 .section_body {
			padding: 20px 200px;
		}

		#ContentBody .booksinfo_section3 .section_body ul {
			list-style: none;
			padding: 0;
		}
		#ContentBody .booksinfo_section3 .section_body ul li {
			padding: 3px 0;
		}	

		#ContentBody .booksinfo_section3 .section_foot {
			padding: 20px 0;
			text-align: center;
		}

		#ContentBody .booksinfo_section3 .section_foot a{
			padding: 15px 80px;
			background-color: #4482e9;
			color: #fff;
			border-radius: 20px;
		}
	/******** 강의교재 소개. ********/

	/******** 강의교재  ********/
		#ContentBody .head_section_book {
			background: url('/images/Bookinfo/sub_banner.png');
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_book .book_head {
			text-align: center;
		}

		#ContentBody .head_section_book .book_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_book .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_book .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_book .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_book .mid_option .options .btn-group a{
			padding: 15px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_book .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
		}

		#ContentBody .head_section_book .mid_option .options .btn-group .play{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .book_section {
			padding: 50px 0;
		}

		#ContentBody .book_section #Q_form {
			border: solid 1px #b4b4b4;
			padding: 15px;
			border-radius: 20px;
		}

		#ContentBody .book_section .search_bt {
			text-align: right;
			padding: 10px 0;
		}

		#ContentBody .book_section .search_bt button{
			padding: 5px 30px;
		}

		#ContentBody .book_section .class_list_box{
			display: block;
			width: 100%;
		}

		#ContentBody .book_section .class_list_box .class_list{
			width: 100%;
		}

		#ContentBody .book_section .class_list_box .class_list li {
			display: inline-block;
			width: 25%;
			color: #ffffff;
			margin: 0;
			padding: 0 15px;
			position: relative;
			overflow: hidden;
		}
	/******** 강의교재.  ********/


	/******** 진단평가 소개  ********/
		#ContentBody .head_section_testintro {
			background: url('/images/testintro/sub_banner.png');
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_testintro .testintro_head {
			text-align: center;
		}

		#ContentBody .head_section_testintro .testintro_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_testintro .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_testintro .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_testintro .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_testintro .mid_option .options .btn-group a{
			padding: 15px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_testintro .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
		}

		#ContentBody .head_section_testintro .mid_option .options .btn-group .play{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .testintro_section {
			padding: 50px 0;
		}

		#ContentBody .testintro_section2 {
			padding: 50px 0;
			background-color: #f9f9f9;
		}

		#ContentBody .testintro_section .section_head,
		#ContentBody .testintro_section2 .section_head{
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .testintro_section .section_head h3,
		#ContentBody .testintro_section2 .section_head h3{
			font-weight: 600;
		}

		#ContentBody .testintro_section .section_head h3 b{
			color: #4482e9;
		}	

		#ContentBody .testintro_section2 .section_content #testinfoTable {
			border-radius: 20px;
			border: 1px;
		}

		#ContentBody .testintro_section2 .section_content #testinfoTable th {
			text-align: center;
		}

		#ContentBody .testintro_section2 .section_content #testinfoTable td {
			background-color: #fff;
		}
	/******** 진단평가 소개.  ********/

	/******** 진단평가 ********/
		#ContentBody .head_section_test {
			background: url('/images/testintro/sub_banner.png');
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_test .test_head {
			text-align: center;
		}

		#ContentBody .head_section_test .test_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_test .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_test .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_test .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_test .mid_option .options .btn-group a{
			padding: 15px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_test .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
		}

		#ContentBody .head_section_test .mid_option .options .btn-group .play{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .test_section {
			padding: 50px 0;
		}

		#ContentBody .test_section .section_head {
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .test_section .section_head h3 {
			font-weight: 600;
		}

		#ContentBody .test_section .section_body #testListTable th,
		#ContentBody .test_section .section_body #testListTable td {
			text-align: center;
		}
	/******** 진단평가. ********/

	/******** 강사 소개 ********/
		#ContentBody .head_section_teachers {
			background: url('/images/liveintro/sub_banner.png');
			padding: 33px 0;
			position: relative;
		}


		#ContentBody .head_section_teachers .teacher_head{
			text-align: center;
		}

		#ContentBody .head_section_teachers .teacher_head h1{
			font-weight: 600;
			color: #fff;
			margin: 0;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_teachers .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_teachers .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_teachers .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_teachers .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 33.3333%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_teachers .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
			
		}

		#ContentBody .head_section_teachers .mid_option .options .btn-group .teacher{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}
	/******** 강사 소개. ********/

	/******** 고객 지원 ********/
		#ContentBody .head_section_customer {
			background: url('/images/Support/sub_banner.png') center center;
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_customer .customer_head {
			text-align: center;
		}

		#ContentBody .head_section_customer .customer_head h1 {
			font-weight: 600;
			color: #fff;
		}

		#ContentBody .head_section_customer .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_customer .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_customer .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_customer .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_customer .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
			
		}

		#ContentBody .head_section_customer .mid_option .options .btn-group .teacher{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .customer_section {
			padding: 50px 0;
		}

		#ContentBody .customer_section .section_head {
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .customer_section .section_head h3 {
			font-weight: 600;
		}
		#ContentBody .customer_section .section_body .image {
			text-align: center;
		}

		#ContentBody .customer_section .section_body .text{
			text-align: center;
			padding: 30px;
			font-weight: 600;
		}

		#ContentBody .customer_section .section_body .text b{
			font-size: 20px;
		}

		#ContentBody .customer_section .section_body .text h3{
			font-size: 28px;
			color: #4482e9;
			font-weight: 600;
		}

		#ContentBody .customer_section .section_body .text a{
			margin: 10px 0;
		}
	/******** 고객 지원. ********/

	/******** 원격 지원 ********/
		#ContentBody .head_section_remote{
			background: url('/images/customer/sub_banner.png') center center;
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_remote .remote_head{
			text-align: center;
		}

		#ContentBody .head_section_remote .remote_head h1{
			font-weight: 600;
			color: #fff;
		}

		#ContentBody .head_section_remote .mid_option {
			position: relative;
			text-align: center;
		}

		#ContentBody .head_section_remote .mid_option .options{
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_remote .mid_option .options .btn-group{
			width: 80%;
			text-align: center;
		}

		#ContentBody .head_section_remote .mid_option .options .btn-group a{
			padding: 20px 0;
			width: 50%;
			border: 0;
			font-weight: 600;
			border: solid 1px #b4b4b4
		}

		#ContentBody .head_section_remote .mid_option .options .btn-group .intro{
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
			
		}

		#ContentBody .head_section_remote .mid_option .options .btn-group .teacher{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .Remote_section {
			padding: 50px 0;
		}

		#ContentBody .Remote_section .section_head {
			text-align: center;
			padding: 20px 0;
		}

		#ContentBody .Remote_section .section_head h2 {
			font-weight: 600;
			padding: 10px 0;
		}

		#ContentBody .Remote_section .section_head b {
			color: #898989;
		}

		#ContentBody .Remote_section2 .section_content {
			text-align: center;
			padding: 30px 0;
			background-color: #f7f7f7;
			border-radius: 20px;
		}

		#ContentBody .Remote_section2 .section_content p {
			font-weight: 600;
		}

		#ContentBody .Remote_section2 .section_content h2{
			font-weight: 600;
			color: #4482e9;
		}

		#ContentBody .Remote_section2 .allowimg {
			width: 50%;
			float: left;
			text-align: center;
			padding: 30px 0;
		}

		#ContentBody .Remote_section3 .download1,
		#ContentBody .Remote_section3 .download2{
			text-align: center;
			padding: 30px 0;
			height: 186px;
			background-color: #f7f7f7;
			border-radius: 20px;
		}

		#ContentBody .Remote_section3 .download1 a,
		#ContentBody .Remote_section3 .download2 a{
			margin-top: 10px;
			background-color: #4482e9;
			font-weight: 600;
			color: #fff;
			border-radius: 20px;
			width: 150px;
		}

		#ContentBody .Remote_section3 .allowimg {
			width: 50%;
			float: left;
			text-align: center;
			padding: 30px 0;
		}

		#ContentBody .Remote_section3 .text2 {
			padding: 20px 0;
			border-radius: 20px;
			background-color: #f7f7f7;
			text-align: center;
		}

		#ContentBody .Remote_section3 .allowimg2 {
			text-align: center;
			padding: 30px;
		}

		#ContentBody .Remote_section3 .section_content2 {
			padding: 30px 0;
			text-align: center;
			background-color: #f7f7f7;
			border-radius: 20px;
		}

		#ContentBody .Remote_section3 .section_content2 .text {
			padding-bottom: 20px;	
		}
	/******** 원격 지원. ********/

	/******** 회사 소개 ********/
		#ContentBody .head_section_about {
			background: url('/images/footer/sub_banner.png') center center;
			padding: 33px 0;
			position: relative;
		}

		#ContentBody .head_section_about .about_head {
			text-align: center;
		}

		#ContentBody .head_section_about .about_head h1{
			color: #fff;
			font-weight: 600;
		}

		#ContentBody .about_section {
			padding: 50px 0;
		}

		#ContentBody .about_section .section_title{
			text-align: center;
		}

		#ContentBody .about_section .section_title h2{
			font-weight: 600;
		}

		#ContentBody .about_section2 {
			padding: 50px 0;
		}

		#ContentBody .about_section2 .section_title{
			text-align: center;
			padding: 30px 0;
		}

		#ContentBody .about_section2 .section_title h2{
			font-weight: 600;
		}

		#ContentBody .about_section2 .section_content{
			text-align: center;
		}

		#ContentBody .about_section3 {
			padding: 50px 0;
		}

		#ContentBody .about_section3 .section_title {
			text-align: center;
			padding: 30px 0;
		}

		#ContentBody .about_section3 .section_title h2{
			font-weight: 600;
		}

		#ContentBody .about_section3 .section_content .timeline{
			list-style: none;			
		}

		#ContentBody .about_section3 .section_content .timeline .timeline_li{
			border: solid 1px #f7f7f7;
			border-radius: 20px;
			padding-bottom: 30px;
			padding-left: 50px;
			padding-right: 50px;
			margin: 20px 0;
		}

		#ContentBody .about_section3 .section_content .timeline .timeline_li .content_head h3{
			font-weight: 600;
			color: #4482e9;
		}

		#ContentBody .about_section3 .section_content .timeline .timeline_li .content_body ul {
			padding: 0;
		}
	/******** 회사 소개. ********/

}


/****************
	footer
*****************/
@media (min-width: 768px) {
	#Wrapper footer {
		padding: 40px 0;
	}

	#Wrapper footer .footerNav ul {
		list-style: none;
		display: table;
		width: 100%;
		padding: 0;
		margin: 0;
	}

	#Wrapper footer .footerNav ul li {
		display: inline-block;
		width: 20%;
	}

	#Wrapper footer .footerNav .nav_title {
		text-align: center;
		font-size: 20px;
		padding-bottom: 20px;
		font-weight: 600;
	}

	#Wrapper footer .footerNav .nav_body ul li{
		width: 100%;
		text-align: center;
	}
	#Wrapper footer .footerNav .nav_body ul li a {
		color: #898989;
	}
}


@media (min-width: 992px) {
	#Wrapper footer {
		padding: 40px 0;
	}

	#Wrapper footer .footerNav ul {
		list-style: none;
		display: table;
		width: 100%;
		padding: 0;
		margin: 0;
	}

	#Wrapper footer .footerNav ul li {
		display: inline-block;
		width: 20%;
	}

	#Wrapper footer .footerNav .nav_title {
		text-align: center;
		font-size: 20px;
		padding-bottom: 20px;
		font-weight: 600;
	}

	#Wrapper footer .footerNav .nav_body ul li{
		width: 100%;
		text-align: center;
	}
	#Wrapper footer .footerNav .nav_body ul li a {
		color: #898989;
	}
}

@media (min-width: 1200px) {
	#Wrapper footer {
		padding: 40px 0;
	}

	#Wrapper footer .footerNav ul {
		list-style: none;
		display: table;
		width: 100%;
		padding: 0;
		margin: 0;
	}

	#Wrapper footer .footerNav ul li {
		display: inline-block;
		width: 20%;
	}

	#Wrapper footer .footerNav .nav_title {
		text-align: center;
		font-size: 20px;
		padding-bottom: 20px;
		font-weight: 600;
	}

	#Wrapper footer .footerNav .nav_body ul li{
		width: 100%;
		text-align: center;
	}
	#Wrapper footer .footerNav .nav_body ul li a {
		color: #898989;
	}
}


@media (min-width: 992px) {
	.class_list_box {
		display: block;
        min-height: 300px;
	}
	.class_list {
		padding: 0;
		margin: 0;
		width: 100%;
		display: table;
	}
	.class_list li {
		display: inline-block;
		width: 33.333%;
		color: #ffffff;
		margin: 0;
		padding: 0 15px;
		position: relative;
		overflow: hidden;
	}
	.class_list li .class_box .class_header a img {
		width: 100%;
		height: auto;
	}
	.class_list li .class_box .class_body {
		border-top: solid 1px #e7e7e7;
		padding: 10px;
		margin-top: 1px;
	}
	.class_list li .class_box .class_body a {
		display: block;
	}
	.class_list li .class_box .class_body a .class_title {
		font-weight: 900;
		text-align: left;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		margin-bottom: 10px;
		color: #3c3c3c;
	}
	.class_list li .class_box .class_body a .class_intro {
		line-height: 1.2em;
		font-size: 9pt;
		color: #b4b4b4;
		text-align: center;
		text-overflow: ellipsis;
		overflow: hidden;
        height: 30px;
	}

	.class_list li .class_box .class_footer {
		padding: 0 10px;
	}
	.class_list li .class_box .class_footer .class_teacher {
		border-top: solid 2px #e7e7e7;
		padding: 10px 0;
	}
	.class_list li .class_box .class_footer .class_teacher a {
		display: block;
		text-align: center;
		font-size: 9pt;
		width: 100%;
		cursor: pointer;
		color: #4482e9;
	}

}

@media (min-width: 768px) {
	.class_list_box {
		display: block;
        min-height: 300px;
	}
	.class_list {
		padding: 0;
		margin: 0 -7.5px;
		width: 735px;
		display: table;
	}
	.class_list li {
		display: inline-block;
		width: 33.333%;
		color: #ffffff;
		margin: 0;
		padding: 0 7.5px;
		position: relative;
		overflow: hidden;
	}
	.main .class_list li {
		width: 33.333%;
	}

    .class_list li .class_box .class_header a img {
		width: 100%;
		height: auto;
	}
	.class_list li .class_box .class_body {
		border-top: solid 1px #e7e7e7;
		padding: 10px;
		margin-top: 1px;
	}
	.class_list li .class_box .class_body a {
		display: block;
	}
	.class_list li .class_box .class_body a .class_title {
		font-weight: 900;
		text-align: left;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		margin-bottom: 10px;
		color: #3c3c3c;
	}
	.class_list li .class_box .class_body a .class_intro {
		line-height: 1.2em;
		font-size: 9pt;
		color: #b4b4b4;
		text-align: center;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.class_list li .class_box .class_footer {
		padding: 0 10px;
	}
	.class_list li .class_box .class_footer .class_teacher {
		border-top: solid 2px #e7e7e7;
		padding: 10px 0;
	}
	.class_list li .class_box .class_footer .class_teacher a {
		display: block;
		text-align: center;
		font-size: 9pt;
		width: 100%;
		cursor: pointer;
		color: #4482e9;
	}

}