@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 {
	background-color: #2f2f2f;
	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_row {
	border: 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;
}

#Wrapper header #header_row #header_logo_box,
#Wrapper header #header_row #header_block,
#Wrapper header #header_row #header_search_box,
#Wrapper header #header_row #header_submit_box {
	width: 100%;
}
#Wrapper header #header_row #header_logo_box {
	margin: 0;
	width: 100%;
	height: 55px;
}
#Wrapper header #header_row #header_logo_box .home_link {
	display: block;
	width: 200px;
	margin: 0 auto;
	padding-top: 15px;
}

#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;
}
body.open_nav #Wrapper header #headerNav {
	left: 0;
}

#Wrapper header #headerNav #header_menu {
	padding: 15px 0;
}


/*  헤더 메뉴   */
#Wrapper header #headerNav #header_menu {
	font-size: 9pt;
}
#Wrapper header #header_menu p {
	display: block;
}
#Wrapper header #header_menu ul {
	list-style: none;
	padding: 0;
	display: table;
	width: 100%;
}
#Wrapper header #header_menu ul > li {
	display: table-cell;
	width: 50%;
}
#Wrapper header #header_menu ul > li.headermenu_login {
	padding-right: 8px;
}
#Wrapper header #header_menu ul > li.headermenu_join {
	padding-left: 8px;
}
#Wrapper header #header_menu ul > li.headermenu_login a,
#Wrapper header #header_menu ul > li.headermenu_join a {
	display: block;
	width: 100%;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	padding: 10px;
}
#Wrapper header #header_menu ul > li.headermenu_login a {
	background-color: #4482e9;
}
#Wrapper header #header_menu ul > li.headermenu_join a {
	background-color: #404040;
}
#Wrapper header #header_menu ul > li.headermenu_customer {
	display: none;
}

/*  헤더 검색   */

#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 #headerNav nav > ul > li {
	display: block;
	height: 23px;
	margin-bottom: 15px;
	overflow: hidden;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
#Wrapper header #headerNav nav > ul > li.open_sub {
	height: 120px;
}
#Wrapper header #headerNav nav .nav_title {
	font-size: 12pt;
	font-weight: bold;
	position: relative;
	cursor: pointer;
}
#Wrapper header #headerNav nav .nav_title::after {
	display: block;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f104";
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
#Wrapper header #headerNav nav > ul > li.open_sub .nav_title::after {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

#Wrapper header #headerNav nav .nav_body {
	font-size: 11pt;
}
#Wrapper header #headerNav nav .nav_body a {
	color: #8d8d8d;
	padding: 8px;
	display: block;
}
#Wrapper header #headerNav nav .customer_link {
	border-top: solid 1px #e7e7e7;
	height: auto;
}
#Wrapper header #headerNav nav .customer_link a {
	display: block;
	width: 100%;
	padding: 15px 0;
}

@media (min-width: 768px) {
	#Wrapper header #header_row {
		height: 75px;
		border-bottom: solid 1px #e7e7e7;
	}
	#Wrapper header #header_row .container {
		position: relative;
	}
	#Wrapper header #header_row .btn_mobile_nav_toggle {
		display: none;
	}
	
	#Wrapper header #header_row #header_logo_box .home_link {
		width: 100%;
		margin: 0;
		padding: 0;
	}
    #Wrapper header #header_row #header_logo_box .home_link img {
        max-width: 100%;
        height: auto;
    }
	#Wrapper header #headerNav {
		height: auto;
		width: 100%;
		position: relative;
		left: auto;
		top: auto;
		overflow-x: visible;
	}
	#Wrapper header #headerNav .container {
		position: relative;
		margin-left: 150px;
		margin-right: 150px;
		padding: 0;
		width: auto;
		border: 0;
	}
	#Wrapper header #headerNav #header_menu {
		right: 10px;
		top: -95px;
		text-align: right;
	}
	#Wrapper header #headerNav #header_menu p {
		display: none;
	}

	#Wrapper header #headerNav #header_search_box {
		left: 15px;
		top: -80px;
		padding: 20px 30px 0 0;
	}

	#Wrapper header #header_menu ul > li {
		width: auto;
	}

    #Wrapper header #header_menu ul > li.headermenu_login {
        padding-right: 0;
    }
    #Wrapper header #header_menu ul > li.headermenu_join {
        padding-left: 0;
    }
    
	#Wrapper header #header_menu ul > li.headermenu_login a,
	#Wrapper header #header_menu ul > li.headermenu_join a {
		width: auto;
		background-color: transparent;
		color: #8d8d8d;
		display: block;
		font-size: 8pt;
		font-family: "Nanum Gothic", sans-serif;
		padding: 0 10px;
		font-weight: normal;
	}
	#Wrapper header #header_menu ul li a {
		color: #8d8d8d;
		display: block;
		font-size: 8pt;
		font-family: "Nanum Gothic", sans-serif;
		padding: 0 10px;
	}
	#Wrapper header #header_menu ul > li.headermenu_customer {
		display: inline-block;
	}

	#Wrapper header #header_menu ul {
		float: right;
		margin: 0;
		padding: 16px 0;
	}
	#Wrapper header #header_menu ul > li {
		display: inline-block;
	}

    /*  헤더 검색   */
    #Wrapper header #headerNav #header_search_box #header_search_form {
        display: block;
        width: 100%;
        margin: 0;
        padding: 7px 10px;
        border: solid 1px #72646f;
        border-radius: 20px;
        position: relative;
		background-color: #e7e7e7;
    }
    #Wrapper header #headerNav #header_search_box #header_search_form #header_search_text {
        border: 0;
        width: 100%;
        padding-right: 30px;
        color: #6e6e6e;
    }
    #Wrapper header #headerNav #header_search_box #header_search_form #header_search_text:focus,
    #Wrapper header #headerNav #header_search_box #header_search_form #header_search_text::selection {
        border: none;
    }
    #Wrapper header #headerNav #header_search_box #header_search_form #header_search_button {
        position: absolute;
        top: 7px;
        right: 10px;
        background: transparent;
        font-size: 16px;
        border-left: solid 2px #e7e7e7;
        border-top: none;
        border-right: none;
        border-bottom: none;
    }


	#Wrapper header #headerNav nav {
		border-right: solid 1px #e7e7e7;
		height: 52px;
		margin: 0;
		overflow: hidden;
		-webkit-transition: 1s;
		-o-transition: 1s;
		transition: 1s;
	}
	#Wrapper header #headerNav:hover nav {
		height: 195px;
		-webkit-transition: 1s;
		-o-transition: 1s;
		transition: 1s;
	}
	#Wrapper header #headerNav nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		display: table;
		width: 100%;
	}
	#Wrapper header #headerNav nav > ul > li {
		display: table-cell;
		width: 16.666%;
		text-align: center;
	}
	#Wrapper header #headerNav nav > ul > li .nav_title {
		margin: 0;
		padding: 16px 0;
		font-size: 14px;
		color: #393939;
		font-weight: bold;
	}
	#Wrapper header #headerNav nav .nav_title::after {
		display: none;
	}
	#Wrapper header #headerNav nav > ul > li:hover .nav_title {
		background-color: #f5f5f5;
	}
	#Wrapper header #headerNav nav > ul > li .nav_body {
		padding: 15px;
		border: 0;
	}
	#Wrapper header #headerNav nav > ul > li .nav_body > ul > li a {
		display: block;
		width: 100%;
		padding: 10px 0;
		font-size: 12px;
		color: #8d8d8d;
	}
	#Wrapper header #headerNav nav .customer_link {
		display: none;
	}
}
@media (min-width: 992px) {
    #Wrapper header #header_row {
		height: 105px;
		border-bottom: solid 1px #e7e7e7;
	}
	#Wrapper header #header_row .container {
		position: relative;
	}
	#Wrapper header #header_row .btn_mobile_nav_toggle {
		display: none;
	}
	#Wrapper header #header_row #header_logo_box .home_link {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#Wrapper header #headerNav {
		height: auto;
		width: 100%;
		position: relative;
		left: auto;
		top: auto;
		overflow-x: visible;
	}
	#Wrapper header #headerNav .container {
		position: relative;
		margin-left: 150px;
		margin-right: 150px;
		padding: 0;
		width: auto;
		border: 0;
	}
	#Wrapper header #headerNav #header_menu {
		right: 10px;
		top: -130px;
		text-align: right;
	}
	#Wrapper header #headerNav #header_menu p {
		display: none;
	}

	#Wrapper header #headerNav #header_search_box {
		left: 15px;
		top: -100px;
		padding: 25px 30px 0 0;
	}
	#Wrapper header #header_menu ul > li {
		width: auto;
	}
	#Wrapper header #header_menu ul > li.headermenu_login a,
	#Wrapper header #header_menu ul > li.headermenu_join a {
		width: auto;
		background-color: transparent;
		color: #8d8d8d;
		display: block;
		font-size: 9pt;
		font-family: "Nanum Gothic", sans-serif;
		padding: 0 10px;
		font-weight: normal;
	}
	#Wrapper header #header_menu ul li a {
		color: #8d8d8d;
		display: block;
		font-size: 9pt;
		font-family: "Nanum Gothic", sans-serif;
		padding: 0 10px;
	}
	#Wrapper header #header_menu ul > li.headermenu_customer {
		display: inline-block;
	}

	#Wrapper header #header_menu ul {
		float: right;
		margin: 0;
		padding: 16px 0;
	}
	#Wrapper header #header_menu ul > li {
		display: inline-block;
	}
	#Wrapper header #header_menu ul > li + li > a {
		border-left: solid 1px #e7e7e7;
	}

	#Wrapper header #headerNav nav {
		border: 0;
		height: 58px;
		margin: 0;
		overflow: hidden;
	}
	#Wrapper header #headerNav:hover nav {
		height: 206px;
	}
	#Wrapper header #headerNav nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		display: table;
		width: 100%;
	}
	#Wrapper header #headerNav nav > ul > li {
		display: table-cell;
		width: 16.666%;
		text-align: center;
		border-left: solid 1px #e7e7e7;
	}
	#Wrapper header #headerNav nav > ul > li .nav_title {
		padding: 18px 0;
		font-size: 16px;
	}
	#Wrapper header #headerNav nav > ul > li .nav_body {
		padding: 15px;
	}
	#Wrapper header #headerNav nav > ul > li .nav_body > ul > li a {
		padding: 10px 5px;
		font-size: 13px;
	}
}
@media (min-width: 1200px) {

	#Wrapper header #header_top {
		padding-top: 6px;
		padding-bottom: 6px;
		margin-bottom: 20px;
		background-color: #f9f9f9;
	}

	#Wrapper header #header_top .container {
		position: relative;
		width: auto;
		margin-left: 150px;
		margin-right: 150px;
	}

	#Wrapper header #header_top #header_menu {
		width: auto;
		
	}

	#Wrapper header #header_top #header_menu ul {
		width: auto;
	}

	#Wrapper header #header_top #header_menu ul li{
		width: auto;
		font-size: 12px;
	}

	#Wrapper header #header_row {
		text-align: center;
		width: 100%;
		border:0;
	}

	#Wrapper header #header_row .container{
		position: relative;
		width: auto;
		margin-left: 150px;
		margin-right: 150px;
		display: flex;
  		justify-content: space-between;
  		align-items: center;
	}

	#Wrapper header #header_row #header_logo_box,
	#Wrapper header #header_row #header_search_box,
	#Wrapper header #header_row #header_submit_box{
		display: inline-block;
		vertical-align: middle;
	}

	#Wrapper header #header_row #header_logo_box a{
		text-align: left;
	}

	#Wrapper header #header_row #header_logo_box {
		width: 300px;
	}

	#Wrapper header #header_row #header_submit_box {
		width: 300px;
	}

	#Wrapper header #header_row #header_search_box {
		width: 590px;
		height: 50px;
	}

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

	#Wrapper header #header_row #header_submit_box .carts{
		text-align: left;
	}

	#Wrapper header #header_row #header_submit_box .logins a,
	#Wrapper header #header_row #header_submit_box .carts a{
		border: 0;
		padding-top: 20px;
		padding-bottom: 0;
	}

	#Wrapper header #header_row #header_search_box #header_search_form {
		width: 590px;
		height: 60px;
		background-color: #f9f9f9;
		border-radius: 24px;
	}

	#Wrapper header #header_row #header_search_box #header_search_form #header_search_text,
	#Wrapper header #header_row #header_search_box #header_search_form #header_search_button{
		display: inline-block;
		background-color: #f9f9f9;
		border: 0;
	}
	#Wrapper header #header_row #header_search_box #header_search_form #header_search_text{
		line-height: 55px;
		width: 400px;
	}

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

	

	#Wrapper header #headerNav .container {
		position: relative;
		margin-left: 150px;
		margin-right: 150px;
		padding: 0;
		width: auto;
		border: 0;
	}

	#Wrapper header #headerNav #header_menu {
		right: 10px;
		top: -130px;
		text-align: left;
	}
	#Wrapper header #headerNav #header_menu p {
		display: none;
	}

	#Wrapper header #headerNav #header_search_box {
		left: 15px;
		top: -100px;
		padding: 25px 30px 0 0;
	}
	#Wrapper header #header_menu ul > li {
		width: auto;
	}
	#Wrapper header #header_menu ul > li.headermenu_login a,
	#Wrapper header #header_menu ul > li.headermenu_join a ,
	#Wrapper header #header_menu ul > li.headermenu_customer a{
		width: auto;
		background-color: transparent;
		color: #8d8d8d;
		display: block;
		font-size: 12px;
		font-family: "Nanum Gothic", sans-serif;
		padding: 0 10px;
		font-weight: normal;
	}

	#Wrapper header #headerNav #header_menu{
		display: inline-block;
		position: absolute;
		width: 200px;
	}

	#Wrapper header #header_menu ul {
		float: right;
		margin: 0;
		padding: 0;
		width: 200px;
	}
	#Wrapper header #header_menu ul > li {
		display: inline-block;
	}
	#Wrapper header #header_menu ul > li + li > a {
		border-left: solid 1px #e7e7e7;
	}

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

	#Wrapper header #headerNav nav {
		height: 66px;
		margin: 0;
		overflow: hidden;
	}
	#Wrapper header #headerNav:hover nav {
		height: 256px;
	}
	#Wrapper header #headerNav nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		display: table;
		width: 100%;
		border: 0;
	}
	#Wrapper header #headerNav nav > ul > li {
		display: table-cell;
		width: 14.258%;
		text-align: center;
		border-left: solid 1px #e7e7e7;
	}
	#Wrapper header #headerNav nav > ul > li .nav_title {
		padding: 20px 0;
		font-size: 18px;
	}
	#Wrapper header #headerNav nav > ul > li .nav_body {
		padding: 15px;
	}
	#Wrapper header #headerNav nav > ul > li .nav_body > ul > li a {
		padding: 15px 15px;
		font-size: 16px;
	}
}

/*-----------------------------
	본문
-----------------------------*/
#ContentBody {
	position: relative;
	padding-top: 223px;
}
#ContentBody .sub_section {
    margin-bottom: 15px;
    /* 56+146+15 */
    min-height: calc(100vh - 217px);
}
#ContentBody .sub_section .pageTitle {
    height: 100px;
    text-align: center;
    color: #ffffff;
    position: relative;
}
#ContentBody .sub_section .pageTitle h2 {
    font-size: 14pt;
    font-weight: 900;
    margin-top: 30px;
    margin-bottom: 5px;
}
#ContentBody .sub_section .pageTitle p {
    margin: 0;
    font-size: 9pt;
}
#ContentBody .sub_section .pageTitle .pageTitleSubMenu {
    position: absolute;
    bottom: 0px;
    width: 100%;
}
#ContentBody .sub_section .pageTitle .pageTitleSubMenu > ul {
    padding: 0;
    margin: 0 auto;
    list-style: none;
    display: table;
    width: 90%;
}
#ContentBody .sub_section .pageTitle .pageTitleSubMenu > ul > li {
    width: 50%;
    display: table-cell;
}
#ContentBody .sub_section .pageTitle .pageTitleSubMenu > ul > li a {
    display: block;
    padding: 4px;
    text-align: center;
    background-color: rgba(51, 133, 256, 0.5);
    color: #ffffff;
    font-size: 9pt;
}
#ContentBody .sub_section .pageTitle .pageTitleSubMenu > ul > li a.active {
    background-color: #ffffff;
    color: #09f;
}
@media (min-width: 768px) {
    #ContentBody .sub_section .pageTitle .pageTitleSubMenu > ul {
        width: 400px;
    }
    #ContentBody .sub_section .pageTitle .pageTitleSubMenu > ul > li a {
        padding: 8px;
        font-size: 9pt;
    }
    
}
@media (min-width: 992px) {
    #ContentBody .sub_section .pageTitle .pageTitleSubMenu > ul {
        width: 600px;
    }
    #ContentBody .sub_section .pageTitle .pageTitleSubMenu > ul > li a {
        padding: 9px;
        font-size: 11pt;
    }
}
@media (min-width: 1200px) {

	/* 메인 */

	#ContentBody .main_section {
		padding: 0;
		height: 500px;
		position: relative;
		margin-bottom: 30px;

	}

	#ContentBody .main_section .container {
		position: relative;
		margin-left: 150px;
		margin-right: 150px;
		padding: 0;
		width: auto;
		border: 0;
	}

	#ContentBody .main_section .main_box {
		width: 30%;
		text-align: center;
	}

	#ContentBody .main_section .main_img{
		text-align: right;
		width: 50%;
	}

	#ContentBody .main_section .main_img img {
		padding-top: 60px;
		width: auto;
	}

	#ContentBody .main_section .main_box #main_box_group {
		list-style: none;
		padding-top: 50px;
		padding-bottom: 50px;
		padding-left: 0;
		width: 250px;
	}
	#ContentBody .main_section .main_box #main_box_group li{
		background-color: #fff;
		width: 250px;
		height: 100px;
	}

	#ContentBody .main_section .main_box #main_box_group li .text{
		padding-top: 30px;
		padding-bottom: 30px;
	}


	#ContentBody .main_section .main_box #main_box_group li img{
		padding-left: 7px;
	}

	#ContentBody .main_section .main_box #main_box_group li a{
		color: #000;
		font-weight: 400;
	}

	#ContentBody .section_options {
		padding: 0px;
		margin-bottom: 40px;
	}

	#ContentBody .section_options .container {
		position: relative;
		margin-left: 150px;
		margin-right: 150px;
		padding: 0;
		width: auto;
		border: 0;
	}

	#ContentBody .section_options .link_option {
		background-color: #f9f9f9;
		border-radius: 20px;
		width: 100%;
		padding: 0;
	}

	#ContentBody .section_options .option_group #options {
		width: 100%;
		list-style: none;
	}
	#ContentBody .section_options .option_group ul li {
		width: 12.5%;
		float: left;
	}
	
	#ContentBody .section_options .option_group ul li a p{
		color: #000;
		font-size: 14px;
		font-weight: 600;
	}
	
	#ContentBody .section_options .option_group {
		text-align: center;
	}

	#ContentBody .sub_section .list_box #pro_class_list .img_teacher1 {
		background: url('/images/teachers/dldlstjd0823_titlephoto.png');

	}

	#ContentBody .sub_section .proclass_section,
	#ContentBody .sub_section .liveclass_section,
	#ContentBody .sub_section .videoclass_section {
		margin-bottom: 50px;
		width: 100%;
	}

	#ContentBody .sub_section .proclass_section .pros .list_box #proclass_list{
		padding: 0;
	}

	#ContentBody .sub_section .proclass_section .pros {
		width: 100%;
		height: 500px;
	}

	#ContentBody .sub_section .proclass .list_box {
		height: 300px;
		width: 100%;
		text-align: left;
	}

	#ContentBody .sub_section .proclass .list_box ul{
		list-style: none;
		height: auto;
	}

	#ContentBody .sub_section .proclass .list_box ul li{	
		float: left;
		border-radius: 20px;
		padding: 20px;
		width: 20%;
	}

	#ContentBody .sub_section .proclass .list_box ul .pro1 .text,
	#ContentBody .sub_section .proclass .list_box ul .pro2 .text,
	#ContentBody .sub_section .proclass .list_box ul .pro3 .text,
	#ContentBody .sub_section .proclass .list_box ul .pro4 .text,
	#ContentBody .sub_section .proclass .list_box ul .pro5 .text{
		padding-left: 20px;
		padding-right: 20px;
	}

	#ContentBody .sub_section .proclass .list_box ul .pro1{
		background-color: #f5f2d1;
		padding-top: 20px;
		border-radius: 20px;
	}

	#ContentBody .sub_section .proclass .list_box ul .pro1 .image img,
	#ContentBody .sub_section .proclass .list_box ul .pro2 .image img,
	#ContentBody .sub_section .proclass .list_box ul .pro3 .image img,
	#ContentBody .sub_section .proclass .list_box ul .pro4 .image img,
	#ContentBody .sub_section .proclass .list_box ul .pro5 .image img{
		width: 100%;
	}
	#ContentBody .sub_section .proclass .list_box ul .pro2{
		background-color: #f5f2d1;
		padding-top: 20px;
		border-radius: 20px;
	}

	#ContentBody .sub_section .proclass .list_box ul .pro3{
		background-color: #b7f7f0;
		padding-top: 20px;
		border-radius: 20px;
	}

	#ContentBody .sub_section .proclass .list_box ul .pro4{
		background-color: #eaebeb;
		padding-top: 20px;
		border-radius: 20px;
	}

	#ContentBody .sub_section .proclass .list_box ul .pro5{
		background-color: #c8fddc;
		padding-top: 20px;
		border-radius: 20px;
	}

	#ContentBody .sub_section .proclass .list_box ul .pro1 .title,
	#ContentBody .sub_section .proclass .list_box ul .pro2 .title,
	#ContentBody .sub_section .proclass .list_box ul .pro3 .title,
	#ContentBody .sub_section .proclass .list_box ul .pro4 .title,
	#ContentBody .sub_section .proclass .list_box ul .pro5 .title{
		font-weight: 600;
		font-size: 18px;
		width: 100%;
	}

	#ContentBody .sub_section .proclass .list_box ul li .pro_name p{
		width: 70px;
		background-color: #000;
		color: #fff;
		border-radius: 20px;
		text-align: center;
	}

	#ContentBody .sub_section .proclass .list_box ul li .pro_title p{
		font-weight: 600;
		font-size: 12px;
	}

	#ContentBody .sub_section .proclass .list_box ul li .pro_price {
		font-size: 12px;
	}

	#ContentBody .sub_section .proclass .list_box ul li .RatingStar{
		padding-bottom: 10px;
	}

	#ContentBody .sub_section .books .books_box .box_content ul{
		list-style: none;
	}

	#ContentBody .sub_section .books .books_box .box_content ul li{
		padding-right: 16px;
		float: left;
	}

	#ContentBody .sub_section .books .books_box .box_content ul li .book_img img{
		width: 100px;
	}

	/* 메인. */


	/* 고객센터 */
	#ContentBody .head_section_customer .customer_head h2{
		color: #fff;
		text-align: center;
		font-weight: 600;
	}

	#ContentBody .mid_section_customer .button_group {
		text-align: center;
	}

	#ContentBody .mid_section_customer .button_group a{
		width: 200px;
		border-radius: 0px;
	}

	#ContentBody .customer_section {
		text-align: center;
		padding-top: 80px;
		padding-bottom: 80px;
	}
	
	#ContentBody .customer_section .headbox {
		padding-bottom: 50px;
	}
	
	#ContentBody .customer_section .headbox h2 {
		font-weight: 800;
	}
	
	#ContentBody .customer_section .headbox b {
		color: #7a7a7a;
	}
	
	#ContentBody .customer_section .imgbox {
		text-align: right;
	}
	
	#ContentBody .customer_section .imgbox img {
		width: 400px;
	}
	
	#ContentBody .customer_section .textbox {
		text-align: left;
	}
	
	#ContentBody .customer_section .textbox h4 {
		font-weight: 700;
	}
	
	#ContentBody .customer_section .textbox p {
		color: #5171e6;
		font-size: 30px;
		font-weight: 600;
	}
	
	#ContentBody .customer_section .textbox b {
		color: #7a7a7a;
	}
	
	#ContentBody .customer_section .box1 {
		padding-bottom: 50px;
	}

	#ContentBody .customer_section .textbox .bt_board {
		padding-top: 20px;
	}
	
	#ContentBody .customer_section #bt_go {
		color:#fff;
		border-radius: 20px;
		background-color: #5171e6;
		padding: 10px;
		font-weight: 600;
		width: 180px;
	}
	/* 고객센터. */


	#ContentBody .Agreement_section .text_box h2 {
		font-weight: 600;
	}

	#ContentBody .Agreement_section .text_box p {
		font-size: 15px;
	}


    #ContentBody .sub_section .pageTitle .pageTitleSubMenu > ul > li a {
        padding: 12px;
        font-size: 12pt;
    }

	#ContentBody .sub_section {
		width: auto;
	}


	#ContentBody .sub_section .container {
		position: relative;
		margin-left: 150px;
		margin-right: 150px;
		padding: 0;
		width: auto;
	}

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

	/****** 메인. ******/
		#ContentBody .live_section .container {
			position: relative;
			margin-left: 150px;
			margin-right: 150px;
			padding: 0;
			width: auto;
		}


		#ContentBody .live_section .live_section_title h4  {
			font-weight: 600;
		}

		#ContentBody .live_section .live_class .class_list_box #live_class_list {
			margin: 0;
		}

		#ContentBody .video_section .container {
			position: relative;
			margin-left: 150px;
			margin-right: 150px;
			padding: 0;
			width: auto;
		}

		#ContentBody .video_section .class_list_box {
			padding-top: 10px;
		}

		#ContentBody .video_section .video_section_title h4  {
			font-weight: 600;
		}

		#ContentBody .sub_section .teachers {
			width: 450px;
			background-color: #e7e7e7;
			border-radius: 20px;
			padding-top: 20px;
			margin-bottom: 20px;
		}

		#ContentBody .sub_section .teachers .teachers_box .box_title h4{
			font-weight: 600;
		}

		#ContentBody .sub_section .books{
			width: 450px;
			padding: 30px 20px 30px 20px;
			border: solid 1px #e7e7e7;
			border-radius: 20px;
			margin-bottom: 20px;
		}

		#ContentBody .sub_section .books .books_box .box_title {
			margin-bottom: 20px;
		}

		#ContentBody .sub_section .books .books_box .box_title h4 {
			font-weight: 600;
		}

		#ContentBody .sub_section .books .books_box .box_title .more {
			float: right;
			margin-top: 10px;
			margin-bottom: 10px;
			text-align: right;
		}

		#ContentBody .sub_section .books .books_box .box_title .more a{
			color: #898989;
		}

		#ContentBody .sub_section .test{
			width: 450px;
			padding: 15px 30px 15px 30px;
			border: solid 1px #e7e7e7;
			border-radius: 20px;
		}
		
		#ContentBody .sub_section .test .test_box .test_title h4 {
			font-weight: 600;
		}

		#ContentBody .sub_section .test .test_box .test_title .more {
			float: right;
			margin-top: 10px;
			margin-bottom: 10px;
			text-align: right;
		}

		#ContentBody .sub_section .test .test_box .test_title .more a{
			color: #898989;
		}


		#ContentBody .sub_section .notice{
			width: 450px;
			padding: 30px;
			border: solid 1px #f7f7f7;
			border-radius: 20px;
			margin-bottom: 20px;
		}

		#ContentBody .sub_section .notice .notice_box .notice_title{
			margin-bottom: 20px;
		}

		#ContentBody .sub_section .notice .notice_box .box_content #notice_list {
			padding-left: 30px;
		}

		#ContentBody .sub_section .notice .notice_box .notice_title h4{
			font-weight: 600;
		}

		#ContentBody .sub_section .notice .notice_box .notice_title .more {
			float: right;
			margin-top: 10px;
			margin-bottom: 10px;
			text-align: right;
		}

		#ContentBody .sub_section .notice .notice_box .notice_title .more a{
			color: #898989;
		}

		#ContentBody .sub_section .notice .notice_box .box_content #notice_list li{
			padding-top: 15px;
			padding-bottom: 10px;
			border-bottom: solid 1px #f7f7f7;
			list-style: none;
		}

		#ContentBody .sub_section .notice .notice_box .box_content #notice_list li a{
			color: #000;
		}
		

		#ContentBody .sub_section .video_class .video_class_title h4{
			font-weight: 600;
			padding-bottom: 30px;
		}

		#ContentBody .sub_section .live_class .live_class_title h4{
			font-weight: 600;
			padding-bottom: 30px;
		}



	/****** 메인. ******/	

	/****** 이용약관. ******/
		#ContentBody .head_section_agreement .Agreement_head h1 {
			color: #fff;
			text-align: center;
			font-weight: 600;
		}

		#ContentBody .mid_section {
			padding: 10px;
			font-size: 18px;
		}
	/****** 이용약관. ******/

	/****** 개인정보이용방침. ******/
		#ContentBody .head_section_privacy .privacy_head h1 {
			color: #fff;
			text-align: center;
			font-weight: 600;
		}


		#ContentBody .Privacy_section .text_box .sub_title h1 {
			text-align: center;
			font-weight: 600;
			padding: 60px;
		}

		#ContentBody .Privacy_section .text_box h2 {
			font-weight: 600;
		}

		#ContentBody .Privacy_section .text_box p {
			font-size: 17px;
		}

		#ContentBody .Privacy_section .text_box {
			padding-left: 80px;
			padding-right: 80px;
		}
	/****** 개인정보이용방침. ******/

	/****** 로그인. ******/
		#ContentBody  .head_section_login .login_head h1 {
			color: #fff;
			text-align: center;
			font-weight: 600;
		}

		#ContentBody .login_section .login_logo p{
			font-weight: 600;
		}

		#ContentBody .login_section {
			text-align: center;
			padding-top: 60px;
		}

		#ContentBody .login_section p {
			font-size: 24px;
			padding: 30px;
			margin: 0;
		}

		#ContentBody .login_section b {
			color: #0072bc;
		}

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

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

		#ContentBody .login_section2 .login_option ul {
			list-style: none;
			margin-left: 380px;
			display: flex;
			text-align: center;
			
		}

		#ContentBody .login_section2 .login_option ul li {
			padding-top: 10px;
			padding-left: 10px;
			padding-right: 10px;
		}

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

		#ContentBody #BT_login {
			width: 600px;
			color: #fff;
			background-color: #0072bc;
			border-radius: 20px;
			border: 0;
		}

		#ContentBody .login_section2 .simple_login {
			border-top: solid 1px #000;
		}

		#ContentBody .login_section2 .simple_login p{
			padding-top: 30px;
			padding-bottom: 30px;
			font-size: 18px;
			font-weight: 600;
		}

		#ContentBody .login_section2 .simple_login a{
			margin-bottom: 20px;
		}

		#ContentBody .login_section2 .simple_login .simple_kakao a{
			width: 568px;
			border-radius: 20px;
			background-color: yellow;
			font-weight: 600;
			text-align: center;
		}

		#ContentBody .login_section2 .simple_login .simple_naver a {
			width: 568px;
			border-radius: 20px;
			background-color: #35c704;
			font-weight: 600;
			text-align: center;
		}
		
	/****** 로그인. ******/

	/****** 회원가입. ******/
		#ContentBody .head_section_register {
			text-align: center;
			color: #fff;
		}

		#ContentBody .head_section_register h2 {
			font-weight: 600;
		}
	/****** 회원가입. ******/

	/****** 교재안내. ******/
		#ContentBody .sub_section .head_Books_info {
			text-align: center;
		}

		#ContentBody .sub_section .head_Books_info h2{
			color: #fff;
			font-weight: 600;
		}
	/****** 교재안내. ******/

	/****** 교재구매. ******/
		#ContentBody .sub_section .head_Books {
			text-align: center;
		}

		#ContentBody .sub_section .head_Books h2{
			color: #fff;
			font-weight: 600;
		}
	/****** 교재구매. ******/


	/****** 장바구니. ******/
		#ContentBody .sub_section .head_cart {
			text-align: center;
			padding-top: 60px;
		}

		#ContentBody .sub_section .head_cart h2 {
			color: #000;
			font-weight: 600;
		}

		#ContentBody .sub_section .body_cart {
			padding-right: 150px;
			padding-left: 150px;
		}

		#ContentBody .sub_section .body_cart .del_bt {
			float: right;
		}

		#ContentBody .sub_section .body_cart .tables {
			padding-bottom: 60px;
		}

		#ContentBody .sub_section .body_cart .table_name {
			border-bottom: solid 2px;
		}

		#ContentBody .sub_section .body_cart .table_name h4 {
			font-weight: 600;
		}

		#ContentBody .sub_section .body_cart #priceTable {
			border-top: solid 2px;
		}

		#ContentBody .sub_section .body_cart #class_cart_list th {
			text-align: center;
			font-size: 18px;
		}
		#ContentBody .sub_section .body_cart #class_cart_list td {
			text-align: center;
			font-size: 18px;
		}

		#ContentBody .sub_section .body_cart #books_cart_list th {
			text-align: center;
			font-size: 18px;
		}
		#ContentBody .sub_section .body_cart #books_cart_list td {
			text-align: center;
			font-size: 18px;
		}

		#ContentBody .sub_section .body_cart #priceTable th {
			text-align: center;
			font-size: 18px;
		}
		#ContentBody .sub_section .body_cart #priceTable td {
			text-align: center;
			font-size: 18px;
		}

		#ContentBody .sub_section .foot_cart {
			text-align: center;
		}

		#ContentBody .sub_section .foot_cart #BT_All {
			margin: 15px;
			width: 200px;
			border-radius: 20px;
			font-weight: 600;
		}

		#ContentBody .sub_section .foot_cart #BT_Part {
			font-weight: 600;
			color: #0072bc;
			margin: 15px;
			width: 200px;
			border-radius: 20px;
			border: solid 2px #0072bc;
		}
	/****** 장바구니. ******/

	/****** 에듀라이브 소개. ******/

		#ContentBody .head_section_introdution .container{
			width: 100%;
			position: relative;
		}

		#ContentBody .head_section_introdution .introdution_head h2{
			color: #fff;
			font-weight: 600;
		}

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

		#ContentBody .head_section_introdution .introdution_head h2{
			margin-bottom: 30px;
		}

		#ContentBody .head_section_introdution .options{
			text-align: center;
			padding-left: 200px;
			padding-right: 200px;
			padding-top: 15px;
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_introdution .options .btn-group{
			width: 100%;
		}

		#ContentBody .head_section_introdution .options .btn-group a{
			width: 33.333%;
			height: 70px;
			line-height: 40px;
			font-weight: 600;
		}

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

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

		#ContentBody .introdution_section .container {
			padding-top: 60px;
			padding-bottom: 60px;
		}

		#ContentBody .introdution_section .section_head .head_title {
			text-align: center;
			padding-bottom: 30px;
		}

		#ContentBody .introdution_section .section_head .head_title h3{
			font-weight: 600;
			margin-top: 50px;
		}

		#ContentBody .introdution_section .section_head .head_title h3 strong{
			color: #4482e9;
		}

		#ContentBody .introdution_section .section_head .head_content .img {
			text-align: center;
		}

		#ContentBody .introdution_section .section_head .head_content .text .text-box{
			margin-top: 40px;
			margin-left: 150px;
		}
		#ContentBody .introdution_section .section_head .head_content p{
			font-weight: 500;
		}

		#ContentBody .introdution_section .section_head .head_content p strong{
			font-weight: 600;
		}


		#ContentBody .mid_section{
			padding-top: 0px;
		}

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

		#ContentBody .introdution_section2 .container{
			padding-top: 60px;
			padding-bottom: 60px;
		}

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

		#ContentBody .introdution_section2 .section_head .section_title h3{
			font-weight: 600;
			margin-top: 0;
			margin-bottom: 30px;
		}

		#ContentBody .introdution_section2 .section_head .section_title h3 strong{
			color: #06c;
		}

		#ContentBody .introdution_section2 .section_content .subject {
			background-color: #fff;
			padding: 30px 30px 60px 30px;
			border-radius: 20px;
			left: 80px;
		}

		#ContentBody .introdution_section2 .section_content .content_title{
			text-align: center;
		}

		#ContentBody .introdution_section2 .section_content .content_title h4{
			font-weight: 600;
		}

		#ContentBody .introdution_section2 .section_content .subject .content_title h4{
			margin-bottom: 43px;
		}

		#ContentBody .introdution_section2 .section_content .icon_box li{
			list-style: none;
			width: 20%;
			float: left;
		}

		#ContentBody .introdution_section2 .section_content .grade {
			background-color: #fff;
			padding: 30px;
			border-radius: 20px;
			left: 120px;
		}
		
		#ContentBody .introdution_section2 .section_content .grade .content_body{
			text-align: center;
		}

		#ContentBody .introdution_section3 {
			padding-top: 60px;
			padding-bottom: 60px;
		}

		#ContentBody .introdution_section3 .section_head .section_title {
			text-align: center;
		}
		#ContentBody .introdution_section3 .section_head .section_title h3{
			font-weight: 600;
		}
		#ContentBody .introdution_section3 .section_head .section_title h3 strong{
			color: #0072bc;
		}

		#ContentBody .introdution_section3 .body{
			background-color: #eeebeb;
			padding: 30px;
			border-radius: 20px;
		}


		#ContentBody .introdution_section3 .body .content_text{
			top : 30px;
		}

		#ContentBody .introdution_section3 .body .content_img{
			left: 60px;
		}

		#ContentBody .introdution_section4 {
			background-color: #eeebeb;
		}

		#ContentBody .introdution_section4 .container{
			padding-top: 30px;
			padding-bottom: 50px;
		}
		#ContentBody .introdution_section4 .section_head .section_title{
			text-align: center;
			padding-bottom: 30px;
		}
		#ContentBody .introdution_section4 .section_head .section_title h3{
			font-weight: 600;
		}
		#ContentBody .introdution_section4 .section_head .section_title h3 strong{
			color: #0072bc;
		}
		#ContentBody .introdution_section4 .section_body {
			padding: 30px;
		}

		#ContentBody .introdution_section4 .section_body .section_content{
			text-align: center;
		}

		#ContentBody .introdution_section4 .section_body .section_content ul{
			padding-left: 20px;
		}
		
		#ContentBody .introdution_section4 .section_body .section_content .mic{
			background-color: #fff;
			border-radius: 20px;
			padding-top: 20px;
			padding-bottom: 20px;
			text-align: center;
			width: 280px;
			left: 40px;
			
		}
		#ContentBody .introdution_section4 .section_body .section_content .mic .title_img{
			padding-bottom: 10px;
		}

		#ContentBody .introdution_section4 .section_body .section_content .calendar{
			background-color: #fff;
			border-radius: 20px;
			padding-top: 20px;
			padding-bottom: 20px;
			text-align: center;
			width: 280px;
			left: 80px;
		}
		#ContentBody .introdution_section4 .section_body .section_content .calendar .title_img{
			padding-bottom: 10px;
		}

		#ContentBody .introdution_section4 .section_body .section_content .chart{
			background-color: #fff;
			border-radius: 20px;
			padding-top: 20px;
			padding-bottom: 20px;
			text-align: center;
			width: 280px;
			left: 120px;
		}
		#ContentBody .introdution_section4 .section_body .section_content .chart .title_img{
			padding-bottom: 10px;
		}
				
	/****** 에듀라이브 소개. ******/

	/****** 방송강의 소개 ******/
		#ContentBody .head_section_liveintro .liveintro_head {
			text-align: center;
		}
		#ContentBody .head_section_liveintro .liveintro_head h2{
			color: #fff;
			font-weight: 600;
			margin-bottom: 30px;
		}

		#ContentBody .head_section_liveintro .container{
			width: 100%;
			position: relative;
		}

		#ContentBody .head_section_liveintro .options{
			text-align: center;
			padding-left: 200px;
			padding-right: 200px;
			padding-top: 15px;
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_liveintro .options .btn-group{
			width: 100%;
		}

		#ContentBody .head_section_liveintro .options .btn-group a{
			width: 33.333%;
			height: 70px;
			line-height: 40px;
			font-weight: 600;
		}

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

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

		#ContentBody .liveintro_section {
			padding-bottom: 80px;
		}

		#ContentBody .liveintro_section .section_head .head_title {
			text-align: center;
		}

		#ContentBody .liveintro_section .section_head .head_title h3{
			margin-top: 50px;
			margin-bottom: 40px;
			font-weight: 600;
		}
		#ContentBody .liveintro_section .section_head .head_title h3 b{
			color: #5171e6;
		}

		#ContentBody .liveintro_section .section_head {
			padding-top: 50px;
		}

		#ContentBody .liveintro_section .section_body .text{
			padding-top: 20px;
			padding-left: 60px;
		}

		#ContentBody .liveintro_section2 {
			background-color: #f9f9f9;
		}

		#ContentBody .liveintro_section2 .section_head2 .head_title2 {
			text-align: center;
		}

		#ContentBody .liveintro_section2 .section_head2 .head_title2 h3{
			margin-bottom: 60px;
			font-weight: 600;
		}

		#ContentBody .liveintro_section2 .section_head2 .head_title2 h3 b{
			color: #5171e6;
		}

		#ContentBody .liveintro_section2 .section_body2 .contents {
			text-align: center;
		}

		#ContentBody .liveintro_section2 .section_body2 .contents .content{
			width: 33.333%;
			float: left;
			background-color: #fff;
			padding: 20px;
		}

		#ContentBody .liveintro_section2 .section_body2 .contents .content .content_head{
			padding-bottom: 10px;
			
		}

		#ContentBody .liveintro_section2 .section_body2 .contents .content .content_head h5{
			font-weight: 600;
			font-size: 16px;
		}

		#ContentBody .liveintro_section2 .section_body2 .contents .content .content_body .text-group{
			padding-left: 120px;
		}

		#ContentBody .liveintro_section2 .section_body2 .contents .content .content_body .text-group li{
			text-align: left;
		}

		#ContentBody .liveintro_section3 .groups{
			padding-left: 150px;
			padding-right: 150px;
		}

		#ContentBody .liveintro_section3 .section_head3 .head_title3 {
			text-align: center;
		}

		#ContentBody .liveintro_section3 .section_head3 .head_title3 h3{
			margin-bottom: 60px;
			font-weight: 600;
		}

		#ContentBody .liveintro_section3 .section_head3 .head_title3 h3 b{
			color: #5171e6;
		}

		#ContentBody .liveintro_section3 .section_body3 {
			background-color: #f9f9f9;
			border-radius: 20px;
			padding-top: 30px;
		}

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

		#ContentBody .liveintro_section3 .section_body3 .text{
			padding-top: 50px;
		}

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


	/****** 동영상강의 소개 ******/
		#ContentBody .head_section_videointro .videointro_head {
			text-align: center;
		}

		#ContentBody .head_section_videointro .videointro_head h2 {
			font-weight: 600;
			color: #fff;
		}

		#ContentBody .head_section_videointro .container{
			width: 100%;
			position: relative;
		}


		#ContentBody .head_section_videointro .options{
			text-align: center;
			padding-left: 300px;
			padding-right: 300px;
			padding-top: 15px;
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_videointro .options .btn-group{
			width: 100%;
		}

		#ContentBody .head_section_videointro .options .btn-group a{
			width: 50%;
			height: 70px;
			line-height: 40px;
			font-weight: 600;
		}

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

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



		#ContentBody .videointro_section .section_head{
			text-align: center;
			margin-bottom: 40px;
		}
		#ContentBody .videointro_section .section_head h3{
			font-weight: 550;
		}
		#ContentBody .videointro_section .section_head h3 b{
			color: #5171e6;
		}

		#ContentBody .videointro_section .section_body {
			margin-bottom: 40px;
		}

		#ContentBody .videointro_section .section_head2 {
			text-align: center;
			margin-bottom: 40px;
		}
		#ContentBody .videointro_section .section_head2 h3{
			font-weight: 550;
		}

		#ContentBody .videointro_section .section_body2 .subject {
			text-align: center;
		}

		#ContentBody .videointro_section .section_body2 .subject .subject_body .subjects{
			text-align: center;
			padding: 0;
		}

		#ContentBody .videointro_section .section_body2 .subject .subject_body .subjects li{
			list-style: none;
			float: left;
			width: 20%;
		}

		#ContentBody .videointro_section .section_body2 .grade {
			text-align: center;
		}

		#ContentBody .videointro_section .section_body2 .grade .grade_body .grades{
			padding: 0;
			text-align: center;
		}

		#ContentBody .videointro_section .section_body2 .grade .grade_body .grades li{
				list-style: none;
				float: left;
				width: 50%;
		}

		#ContentBody .videointro_section .section_body2 .grade .grade_body .grades .el{
			padding-left: 100px;
		}
		#ContentBody .videointro_section .section_body2 .grade .grade_body .grades .ml{
			padding-right: 100px;
		}

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

	/****** 전문과외 소개 ******/
		#ContentBody .head_section_prointro .prointro_head {
			text-align: center;
		}

		#ContentBody .head_section_prointro .prointro_head h2{
			color: #fff;
			font-weight: 600;
		}

		#ContentBody .head_section_prointro .container{
			width: 100%;
			position: relative;
		}

		#ContentBody .head_section_prointro .mid_options .options{
			text-align: center;
			padding-left: 300px;
			padding-right: 300px;
			padding-top: 15px;
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_prointro .options .btn-group{
			width: 100%;
		}

		#ContentBody .head_section_prointro .options .btn-group a{
			width: 33.3333%;
			height: 70px;
			line-height: 40px;
			font-weight: 600;
		}

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

		#ContentBody .head_section_prointro .options .btn-group .teacher{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}
		
		#ContentBody .prointro_section .section_head,
		#ContentBody .prointro_section2 .section_head2,
		#ContentBody .prointro_section3 .section_head3 {
			text-align: center;
			padding-top: 100px;
			padding-bottom: 60px;
		}

		#ContentBody .prointro_section .section_head h3,
		#ContentBody .prointro_section2 .section_head2 h3,
		#ContentBody .prointro_section3 .section_head3 h3{
			font-weight: 600;
		}

		#ContentBody .prointro_section .section_head h3 b,
		#ContentBody .prointro_section2 .section_head2 h3 b,
		#ContentBody .prointro_section3 .section_head3 h3 b{
			color: #5171e6;
		}

		#ContentBody .prointro_section2 .section_body2 .subject {
			text-align: center;
		}
		#ContentBody .prointro_section2 .section_body2 .subject .subject_head h4{
			font-weight: 600;
		}

		#ContentBody .prointro_section2 .section_body2 .subject .subject_body .subjects{
			text-align: center;
			padding: 0;
		}

		#ContentBody .prointro_section2 .section_body2 .subject .subject_body .subjects li{
			list-style: none;
			float: left;
			width: 20%;
		}

		#ContentBody .prointro_section2 .section_body2 .grade {
			text-align: center;
		}

		#ContentBody .prointro_section2 .section_body2 .grade .grade_head h4{
			font-weight: 600;
		}

		#ContentBody .prointro_section2 .section_body2 .grade .grade_body .grades{
			padding: 0;
			text-align: center;
		}

		#ContentBody .prointro_section2 .section_body2 .grade .grade_body .grades li{
				list-style: none;
				float: left;
				width: 50%;
		}

		#ContentBody .prointro_section2 .section_body2 .grade .grade_body .grades .el{
			padding-left: 100px;
		}
		#ContentBody .prointro_section2 .section_body2 .grade .grade_body .grades .ml{
			padding-right: 100px;
		}

		#ContentBody .prointro_section3 .section_body3 .content{
			width: 33.333%;
			float: left;
			text-align: center;
		}

		#ContentBody .prointro_section3 .section_body3 .content .content_body ul {
			list-style: none;
		}

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

	/****** 교재안내 ******/
		#ContentBody .head_section_bookinfo .bookinfo_head {
			text-align: center;
		}

		#ContentBody .head_section_bookinfo .bookinfo_head h1{
			font-weight: 600;
			color: #fff;
		}

		#ContentBody .head_section_bookinfo .container{
			width: 100%;
			position: relative;
		}

		#ContentBody .head_section_bookinfo .mid_options .options{
			text-align: center;
			padding-left: 300px;
			padding-right: 300px;
			padding-top: 15px;
			position: absolute;
			width: 100%;
		}

		#ContentBody .head_section_bookinfo .options .btn-group{
			width: 100%;
		}

		#ContentBody .head_section_bookinfo .options .btn-group a{
			width: 50%;
			height: 70px;
			line-height: 40px;
			font-weight: 600;
		}

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

		#ContentBody .head_section_bookinfo .options .btn-group .money{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}

		#ContentBody .bookinfo_section {
			padding-top: 100px;
			margin-bottom: 60px;
		}

		#ContentBody .bookinfo_section .section_head .section_title{
			margin-bottom: 20px;
		}

		#ContentBody .bookinfo_section .section_head .section_title h2{
			margin-bottom: 20px;
			font-weight: 600;
		}
		#ContentBody .bookinfo_section .section_head .section_title h2 b{
			color: #5171e6;
		}

		#ContentBody .bookinfo_section2 {
			margin-bottom: 60px;
		}

		#ContentBody .bookinfo_section2 .section_head{
			text-align: center;
			margin-bottom: 20px;
		}

		#ContentBody .bookinfo_section2 .section_head h2{
			font-weight: 600;
		}

		#ContentBody .bookinfo_section3 .section_head {
			text-align: center;
			margin-bottom: 20px;
		}

		#ContentBody .bookinfo_section3 .section_head h2{
			font-weight: 600;
		}

		#ContentBody .bookinfo_section3 .section_foot{
			text-align: center;
			padding: 60px;
		}

		#ContentBody .bookinfo_section3 .section_foot a{
			width: 400px;
			height: 60px;
			line-height: 35px;
		}
	/****** 교재안내. ******/
	

	/****** 회사 소개. ******/
		#ContentBody .head_section_about .about_head {
			text-align: center;
		}

		#ContentBody .head_section_about .about_head h2 {
			color: #fff;
			font-weight: 600;
		}

		#ContentBody .about_section .section1{
			text-align: center;
			padding-bottom: 30px;
		}

		#ContentBody .about_section .section1 h3{
			font-weight: 600;
		}

		#ContentBody .about_section .section2{
			text-align: center;
			padding-bottom: 30px;
		}

		#ContentBody .about_section .section2 #about_table th{
			text-align: center;
		}

		#ContentBody .about_section .section3{
			text-align: center;
			padding-bottom: 30px;
		}
		#ContentBody .about_section .section3 h3{
			font-weight: 600;
		}
	/****** 회사 소개. ******/

	/****** 수강료 안내 ******/
		#ContentBody .head_section_tuition .tuition_head {
			text-align: center;
		}

		#ContentBody .head_section_tuition .tuition_head h2{
			color: #fff;
			font-weight: 600;
		}

		#ContentBody .mid_section_tuition .options {
			text-align: center;
		}
		#ContentBody .mid_section_tuition .options a{
			width: 200px;
			border-radius: 0px;
			font-weight: 600;
		}

		#ContentBody .mid_section_tuition .options .btn-group{
			border-radius: 10px;
		}

		#ContentBody .mid_section_tuition .options .btn-group .intro{
			border-top-left-radius: 10px;
			border-bottom-left-radius: 10px;
		}

		#ContentBody .mid_section_tuition .options .btn-group .play{
			border-top-right-radius: 10px;
			border-bottom-right-radius: 10px;
		}

		#ContentBody .tuition_section .tuition_head {
			text-align: center;
			padding: 30px;
		}
		#ContentBody .tuition_section .tuition_head h3{
			font-weight: 600;
		}

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

		#ContentBody .tuition_section .tuition_bt button{
			border-radius: 20px;
			border: solid 2px #000;
			width: 120px;
		}

		#ContentBody .video_price_section .video_title {
			text-align: center;
			padding: 30px;
		}

		#ContentBody .video_price_section .video_title h4 {
			font-weight: 600;
		}

		#ContentBody .video_price_section .video_content #video_price_table th,
		#ContentBody .video_price_section .video_content #video_price_table td{
			text-align: center;
		}

		#ContentBody .live_price_section .live_title {
			text-align: center;
			padding: 30px;
		}

		#ContentBody .live_price_section .live_title h4{
			font-weight: 600;
		}

		#ContentBody .live_price_section .live_content #live_price_table th,
		#ContentBody .live_price_section .live_content #live_price_table td{
			text-align: center;
		}

		#ContentBody .pro_price_section .pro_title {
			text-align: center;
			padding: 30px;
		}

		#ContentBody .pro_price_section .pro_title h4{
			font-weight: 600;
		}

		#ContentBody .refund_section .refund_title{
			text-align: center;
			padding: 30px;
		}

		#ContentBody .refund_section .refund_title h4{
			font-weight: 600;
		}
	/****** 수강료 안내 ******/

	/****** 공지 사항 , 이벤트. ******/
		#ContentBody .head_section_board .board_head{
			text-align: center;
		}

		#ContentBody .head_section_board .board_head h2{
			color: #fff;
			font-weight: 600;
		}

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

		#ContentBody .mid_section_board .button_group {
			text-align: center;
		}

		#ContentBody .mid_section_board .button_group a{
			width: 200px;
			border-radius: 0px;
			font-weight: 600;
		}

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

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

		#ContentBody .board_section .board_top {
			padding: 30px;
		}

		#ContentBody .board_section .board_option{
			text-align: center;
		}

		#ContentBody .board_section .board_option .board_box a{
			width: 200px;
			border-radius: 20px;
			font-weight: 600;
		}
	/****** 공지 사항 , 이벤트. ******/

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

	#ContentBody .head_section_iniquiry .iniquiry_head h2{
		color: #fff;
		font-weight: 600;
	}

	#ContentBody .mid_section_iniquiry .button_group { 
		text-align: center;
	} 

	#ContentBody .mid_section_iniquiry .button_group a{
		width: 200px;
		border-radius: 0px;
		font-weight: 600;
	}

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

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

	#ContentBody .iniquiry_section .buttons a{
		float: right;
		width: 100px;
	}
	/* 문의 게시판. */

	/* 문의 작성 */
		#ContentBody .head_section_riniquiry .riniquiry_head {
			text-align: center;
		}

		#ContentBody .head_section_riniquiry .riniquiry_head h2{
			color: #fff;
			font-weight: 600;
		}

		#ContentBody .riniquiry_section .riniquiry_title {
			text-align: center;
			padding: 30px;
		}

		#ContentBody .riniquiry_section .riniquiry_title h3{
			font-weight: 600;
		}
	/* 문의 작성. */


	

}

/* 본문 제목 이미지 */

	/* 교재 안내 */
	#ContentBody .head_section_bookinfo {
		background: url('/images/liveintro/sub_banner.png') center center;
		padding: 50px;
	}

	/* 전문 과외 소개 */
	#ContentBody .head_section_prointro {
		background: url('/images/liveintro/sub_banner.png') center center;
		padding: 50px;
	}

	/* 동영상 강의 소개 */
	#ContentBody .head_section_videointro {
		background: url('/images/liveintro/sub_banner.png') center center;
		padding: 50px;
	}

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

	/* 문의 작성 */
	#ContentBody .head_section_riniquiry{
		background: url('/images/Support/sub_banner.png') center center;
		padding: 30px;
	}

	/* 문의 게시판 */
	#ContentBody .head_section_iniquiry{
		background: url('/images/Support/sub_banner.png') center center;
		padding: 30px;
	}

	/* 공지 사항 , 이벤트 */
	#ContentBody .head_section_board{
		background: url('/images/Support/sub_banner.png') center center;
		padding: 30px;
	}

	/* 회사 소개 */
	#ContentBody .head_section_about {
		background: url('/images/BG/board_setting.jpg') center center no-repeat;
		padding: 30px;
	}

	/* 수강료 안내 */
	#ContentBody .head_section_tuition {
		background: url('/images/sub_banner/sub_banner_introdution.png') center center ;
		padding: 30px;
		object-fit: cover;
	}

	/* 에듀라이브 소개 */
	#ContentBody .head_section_introdution {
		background: url('/images/sub_banner/sub_banner_introdution.png') center center;
		background-color: #5453536f;
		padding: 50px;
	}

	/* 교재 구매 */
	#ContentBody .sub_section .head_Books {
		background: url('/images/BG/board_setting.jpg') center center no-repeat;
		padding: 30px;
	}

	/* 교재 안내 */
	#ContentBody .sub_section .head_Books_info {
		background: url('/images/BG/board_setting.jpg') center center no-repeat;
		padding: 30px;
	}

	/* 회원가입 */
	#ContentBody .head_section_register {
		background: url('/images/BG/board_setting.jpg') center center no-repeat;
		padding: 30px;
	}

	/* 로그인 */
	#ContentBody .head_section_login {
		background: url('/images/BG/board_setting.jpg') center center no-repeat;
		padding: 30px;
	}

	/* 고객센터 */
	#ContentBody .head_section_customer {
		background: url('/images/Support/sub_banner.png') center center;
		padding: 30px;
	}

	/* 이용약관 */
	#ContentBody .head_section_agreement {
		background: url('/images/BG/board_setting.jpg') center center no-repeat;
		padding: 30px;
	}

	/* 개인정보이용방침 */
	#ContentBody .head_section_privacy {
		background: url('/images/BG/board_setting.jpg') center center no-repeat;
		padding: 30px;
	}


	/* 메인 */
	#ContentBody .main_section {
		background: url('/images/Main/main_banner01_bg.png') center center;
		padding: 0;
	}


	.pageTitle.member_join {
		background: url('/images/BG/board_setting.jpg') center center no-repeat;
		background-size: cover;
	}
	.pageTitle.member_login {
		background: url('/images/pageHeaders/titleBG_login_xs.png') center center no-repeat;
		background-size: cover;
	}
	.pageTitle.info_use {
		background: url('/images/pageHeaders/titleBG_1_xs.png') center center no-repeat;
		background-size: cover;
	}
	.pageTitle.info_guide {
		background: url('/images/pageHeaders/titleBG_0_xs.png') center center no-repeat;
		background-size: cover;
	}
	.pageTitle.lectures {
		background: url('/images/pageHeaders/titleBG_3_xs.png') center center no-repeat;
		background-size: cover;
	}
	.pageTitle.lectures.m {
		background: url('/images/pageHeaders/titleBG_4_xs.png') center center no-repeat;
		background-size: cover;
	}
	.pageTitle.teacher {
		background: url('/images/pageHeaders/titleBG_5_xs.png') center center no-repeat;
		background-size: cover;
	}
	.pageTitle.info_books {
		background: url('/images/pageHeaders/titleBG_6_xs.png') center center no-repeat;
		background-size: cover;
	}
	.pageTitle.book_buy {
		background: url('/images/pageHeaders/titleBG_7_xs.png') center center no-repeat;
		background-size: cover;
	}
	.pageTitle.info_ai {
		background: url('/images/pageHeaders/titleBG_8_xs.png') center center no-repeat;
		background-size: cover;
	}

	.pageTitle.eval_info {
		background: url('/images/pageHeaders/titleBG_10_xs.png') center center no-repeat;
		background-size: cover;
	}
	.pageTitle.eval_unit {
		background: url('/images/pageHeaders/titleBG_11_xs.png') center center no-repeat;
		background-size: cover;
	}
	.pageTitle.eval_sim {
		background: url('/images/pageHeaders/titleBG_12_xs.png') center center no-repeat;
		background-size: cover;
	}

	.pageTitle.board_6 {
		background: url('/images/pageHeaders/titleBG_13_xs.png') center center no-repeat;
		background-size: cover;
	}
	.pageTitle.board_9 {
		background: url('/images/pageHeaders/titleBG_14_xs.png') center center no-repeat;
		background-size: cover;
	}
	.pageTitle.board_10 {
		background: url('/images/pageHeaders/titleBG_15_xs.png') center center no-repeat;
		background-size: cover;
	}

	.pageTitle.customer {
		background: url('/images/pageHeaders/titleBG_customer_xs.png') center center no-repeat;
		background-size: cover;
	}
	.pageTitle.Terms {
		background: url('/images/pageHeaders/Terms_xs.png') center center no-repeat;
		background-size: cover;
	}
	.pageTitle.Refund {
		background: url('/images/pageHeaders/Refund_xs.png') center center no-repeat;
		background-size: cover;
	}


	#ContentBody .sub_section .pageContent {
		padding: 30px 0;
	}

#ContentBody .sub_section .pageContent .text-center img {
    margin: auto;
}
#ContentBody .sub_section .pageContent .document{
    width: 100%;
    margin: 0;
}

@media (min-width: 768px) {
	#ContentBody {
		padding-top: 128px;
	}
    #ContentBody .sub_section {
        margin-bottom: 30px;
        /* 128+369+30 */
        min-height: calc(100vh - 526px);
    }
    #ContentBody .sub_section .pageTitle {
        height: 130px;
    }
    #ContentBody .sub_section .pageContent {
        padding: 30px 0;
    }
    #ContentBody .sub_section .pageContent .document{
        width: 100%;
        margin: 0;
    }
}
@media (min-width: 992px) {
	#ContentBody {
		padding-top: 164px;
	}
    #ContentBody .sub_section {
        margin-bottom: 40px;
        /* 164+423+40 */
        min-height: calc(100vh - 628px);
    }
    #ContentBody .sub_section .pageTitle {
        height: 180px;
    }
    #ContentBody .sub_section .pageTitle h2 {
        font-size: 22pt;
        margin-top: 65px;
        margin-bottom: 10px;
    }
    #ContentBody .sub_section .pageTitle p {
        font-size: 11pt;
    }
    .pageTitle.member_join {
        background: url('/images/BG/board_setting.jpg') center center no-repeat;
    }
    .pageTitle.member_login {
        background: url('/images/pageHeaders/titleBG_login_md.png') center center no-repeat;
    }
    .pageTitle.info_use {
        background: url('/images/pageHeaders/titleBG_1_md.png') center center no-repeat;
        background-size: cover;
    }
    .pageTitle.info_guide {
        background: url('/images/pageHeaders/titleBG_0_md.png') center center no-repeat;
        background-size: cover;
    }
    .pageTitle.lectures {
        background: url('/images/pageHeaders/titleBG_3_md.png') center center no-repeat;
        background-size: cover;
    }
    .pageTitle.lectures.m {
        background: url('/images/pageHeaders/titleBG_4_md.png') center center no-repeat;
        background-size: cover;
    }
    .pageTitle.teacher {
        background: url('/images/pageHeaders/titleBG_5_md.png') center center no-repeat;
        background-size: cover;
    }
    .pageTitle.info_books {
        background: url('/images/pageHeaders/titleBG_6_md.png') center center no-repeat;
        background-size: cover;
    }
    .pageTitle.book_buy {
        background: url('/images/pageHeaders/titleBG_7_md.png') center center no-repeat;
        background-size: cover;
    }
    .pageTitle.info_ai {
        background: url('/images/pageHeaders/titleBG_8_md.png') center center no-repeat;
        background-size: cover;
    }

    


    .pageTitle.eval_info {
        background: url('/images/pageHeaders/titleBG_10_md.png') center center no-repeat;
        background-size: cover;
    }
    .pageTitle.eval_unit {
        background: url('/images/pageHeaders/titleBG_11_md.png') center center no-repeat;
        background-size: cover;
    }
    .pageTitle.eval_sim {
        background: url('/images/pageHeaders/titleBG_12_md.png') center center no-repeat;
        background-size: cover;
    }

    .pageTitle.board_6 {
        background: url('/images/pageHeaders/titleBG_13_md.png') center center no-repeat;
        background-size: cover;
    }
    .pageTitle.board_9 {
        background: url('/images/pageHeaders/titleBG_14_md.png') center center no-repeat;
        background-size: cover;
    }

    .pageTitle.board_10 {
        background: url('/images/pageHeaders/titleBG_15_md.png') center center no-repeat;
        background-size: cover;
    }
    
    .pageTitle.customer {
        background: url('/images/pageHeaders/titleBG_customer_md.png') center center no-repeat;
        background-size: cover;
    }

    .pageTitle.Terms {
        background: url('/images/pageHeaders/Terms_md.png') center center no-repeat;
        background-size: cover;
    }
    .pageTitle.Refund {
        background: url('/images/pageHeaders/Refund_md.png') center center no-repeat;
        background-size: cover;
    }
    
    #ContentBody .sub_section .pageContent {
        padding: 30px 0;
    }    
    #ContentBody .sub_section .pageContent .document{
        width: 90%;
        margin: 0 auto;
    }
}
@media (min-width: 1200px) {
	#ContentBody {
		padding-top: 280px;
	}
    #ContentBody .sub_section {
        margin-bottom: 50px;
        /* 172+433+50 */
        min-height: calc(100vh - 655px);
    }

    #ContentBody .sub_section .pageTitle h2 {
        font-size: 32pt;
        margin-top: 60px;
    }
    #ContentBody .sub_section .pageTitle p {
        font-size: 11pt;
    }


    .pageTitle.member_join {
        background: url('/images/BG/board_setting.jpg') center center no-repeat;
    }
    .pageTitle.member_login {
        background: url('/images/pageHeaders/titleBG_login_lg.png') center center no-repeat;
    }
    .pageTitle.info_use {
        background: url('/images/pageHeaders/titleBG_1_lg.png') center center no-repeat;
        background-size: cover;
    }
    .pageTitle.info_guide {
        background: url('/images/pageHeaders/titleBG_0_lg.png') center center no-repeat;
        background-size: cover;
    }
    .pageTitle.lectures {
        background: url('/images/pageHeaders/titleBG_3_lg.png') center center no-repeat;
        background-size: cover;
    }
    .pageTitle.lectures.m {
        background: url('/images/pageHeaders/titleBG_4_lg.png') center center no-repeat;
        background-size: cover;
    }
    .pageTitle.teacher {
        background: url('/images/pageHeaders/titleBG_5_lg.png') center center no-repeat;
        background-size: cover;
    }
    .pageTitle.info_books {
        background: url('/images/pageHeaders/titleBG_6_lg.png') center center no-repeat;
        background-size: cover;
    }
    
    .pageTitle.book_buy {
        background: url('/images/pageHeaders/titleBG_7_lg.png') center center no-repeat;
        background-size: cover;
    }
    .pageTitle.info_ai {
        background: url('/images/pageHeaders/titleBG_8_lg.png') center center no-repeat;
        background-size: cover;
    }
    .pageTitle.eval_info {
        background: url('/images/pageHeaders/titleBG_10_lg.png') center center no-repeat;
        background-size: cover;
    }

    .pageTitle.eval_unit {
        background: url('/images/pageHeaders/titleBG_11_lg.png') center center no-repeat;
        background-size: cover;
    }
    .pageTitle.eval_sim {
        background: url('/images/pageHeaders/titleBG_12_lg.png') center center no-repeat;
        background-size: cover;
    }

    .pageTitle.board_6 {
        background: url('/images/pageHeaders/titleBG_13_lg.png') center center no-repeat;
        background-size: cover;
    }
    .pageTitle.board_9 {
        background: url('/images/pageHeaders/titleBG_14_lg.png') center center no-repeat;
        background-size: cover;
    }

    .pageTitle.board_10 {
        background: url('/images/pageHeaders/titleBG_15_lg.png') center center no-repeat;
        background-size: cover;
    }
    
    .pageTitle.customer {
        background: url('/images/pageHeaders/titleBG_customer_lg.png') center center no-repeat;
        background-size: cover;
    }
    .pageTitle.Terms {
        background: url('/images/pageHeaders/Terms_lg.png') center center no-repeat;
        background-size: cover;
    }
    .pageTitle.Refund {
        background: url('/images/pageHeaders/Refund_lg.png') center center no-repeat;
        background-size: cover;
    }
    
    #ContentBody .sub_section .pageContent {
        padding: 30px 0;
    }
    #ContentBody .sub_section .pageContent .document{
        width: 80%;
        margin: 0 auto;
    }
}

/*-----------------------------
	Footer
-----------------------------*/
footer {
	margin: 0;
	padding: 20px 0 0 0;
}
footer .footer_left,
footer .footer_right {
	padding: 0 15px;
}

footer .footer_link {
	padding: 0;
	margin: 0;
	list-style: none;
	margin-bottom: 10px;
}
footer .footer_link li {
	display: inline-block;
}
footer .footer_link li a {
	display: block;
	padding: 5px 0;
	color: #ffffff;
	font-weight: 600;
}
footer .footer_link li + li a {
	margin-left: 10px;
}

footer .corp_info {
	font-size: 9pt;
	color: #898989;
	margin-bottom: 10px;
}

footer .corp_info dl {
	width: 100%;
	margin-bottom: 0;
	display: table;
}
footer .corp_info dl dt,
footer .corp_info dl dd {
	display: inline-block;
}
footer .corp_info dl dt {
	padding-right: 4px;
}
footer .corp_info dl dt::after {
	display: inline-block;
	content: ":";
	padding: 0 3px;
}
footer .corp_info dl dd {
	padding-right: 8px;
}
footer .footer_copyright {
	text-align: left;
	padding-bottom: 5px;
}

@media (min-width: 768px) {
	footer {
		padding: 40px 0;
	}
	footer .row {
		position: relative;
	}
	footer .footerNav {
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: solid 1px #656565;
	}
	footer .footerNav ul {
		list-style: none;
		display: table;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	footer .footerNav ul > li {
		display: inline-block;
		width: 20%;
		padding: 0 8px;
	}
	footer .footerNav ul > li .nav_title {
		font-weight: 900;
		color: #ffffff;
		text-align: center;
        font-size: 9pt;
		border-bottom: solid 1px #656565;
		padding-bottom: 9px;
		margin-bottom: 9px;
	}
	footer .footerNav ul > li .nav_body ul li {
		width: 100%;
	}
	footer .footerNav ul > li .nav_body ul li a {
		color: #898989;
		display: block;
		padding: 6px;
		text-align: center;
        font-size: 8pt;
	}
	footer .footer_left {
		position: absolute;
		left: 0;
		top: 0;
	}
	footer .footer_left .footer_logo_box {
		padding-top: 8px;
	}
    footer .footer_left .footer_logo_box img {
        width: 160px;
    }
	footer .footer_right {
		width: 100%;
		padding-left: 240px;
	}
	footer .footer_right .row {
		border-left: solid 1px #656565;
	}
}
@media (min-width: 992px) {
    footer {
		padding: 40px 0;
	}
	footer .row {
		position: relative;
	}
	footer .footerNav {
		margin-bottom: 40px;
		padding-bottom: 40px;
		border-bottom: solid 1px #656565;
	}
	footer .footerNav ul {
		list-style: none;
		display: table;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	footer .footerNav ul > li {
		display: inline-block;
		width: 20%;
		padding: 0 8px;
	}
	footer .footerNav ul > li .nav_title {
        font-size: 11pt;
		padding-bottom: 16px;
		margin-bottom: 16px;
	}

	footer .footerNav ul > li .nav_body ul li {
		width: 100%;
	}
	footer .footerNav ul > li .nav_body ul li a {
		color: #898989;
		display: block;
		padding: 8px;
		text-align: center;
        font-size: 9pt;
	}
	footer .footer_left {
		position: absolute;
		left: 0;
		top: 0;
	}
	footer .footer_left .footer_logo_box {
		padding-top: 8px;
	}
    footer .footer_left .footer_logo_box img {
        width: 160px;
    }
	footer .footer_right .row {
		border-left: solid 1px #656565;
	}
}
@media (min-width: 1200px) {

	footer {
		background-color: #fff;
		border-top: solid 1px #9c9c9c;
		margin-top: 60px;
	}


	footer .container {
		width: auto;
	}

	footer .footerNav {
		width: 100%;
		border-bottom: solid 0px;
	}

	footer .footerNav ul li .nav_title {
		font-size: 24px;
		color: #4c4949;
		padding: 16px;
		margin: 0;
		border: solid 0px;
	}

	footer .footerNav ul li .nav_body {
		padding: 10px;
	}

	footer .footerNav ul li .nav_body ul li a {
		font-size: 16px;
		font-weight: 400;
		color: #444;
	}

	footer .footerNav .nav_body ul > li  {
		text-align: center;
	}

	footer .footerNav .nav_body ul > li p  {
		font-size: 22px;
		font-weight: 800;
	}

	footer .footer_text {
		color: #9c9c9c;
	}
	
}

/**********************************
	세션
**********************************/
.main_section,
.main_liveclass_section,
.main_videoclass_section {
	padding: 40px 0;
}

.main_section {
	background: url("/images/main/main_bg_xs.png") top center no-repeat;
	background-size: 835px;
	height: 300px;
}
.main_section .col-main_text {
	width: 100%;
	height: 190px;
	margin: 0;
	padding: 0 15px;
}
.main_section .col-main_box {
	width: 100%;
	margin: 0;
	padding: 0;
	display: table;
}
.main_section .col-main_box .visible-xs {
    display: inline-block !important;
}
.main_section .col-main_box .menu_round_box {
	display: inline-block;
	width: calc(50vw - 30px);
	color: #ffffff;
	margin: 0 15px;
	padding: 8px 20px;
	border-radius: 20px;
	position: relative;
}
.main_section .col-main_box .menu_round_box .title {
	display: inline;
	margin: 0;
	font-weight: 900;
}
.main_section .col-main_box .menu_round_box .text {
	display: none;
}
.main_section .col-main_box .orange {
	background-color: #ff8329;
}
.main_section .col-main_box .blue {
	background-color: #4482e9;
}
.main_section .col-main_box .menu_round_box .menu_round_box_icon {
	display: block;
	position: absolute;
	top: 5px;
	right: 20px;
	font-size: 18px;
}

/*  main notice */





/*  main_liveclass_section  */
.main_liveclass_section,
.main_videoclass_section {
	background-color: #ffffff;
}
.main_liveclass_section .main_liveclass_section_title,
.main_videoclass_section .main_videoclass_section_title {
	margin-bottom: 20px;
	position: relative;
}
.main_liveclass_section .main_liveclass_section_title h3,
.main_videoclass_section .main_videoclass_section_title h3 {
	margin: 0;
	font-size: 14pt;
	font-weight: 900;
}
.main_liveclass_section .main_liveclass_section_title p,
.main_videoclass_section .main_videoclass_section_title p {
	display: none;
}
.main_liveclass_section .main_liveclass_section_title .button_box,
.main_videoclass_section .main_videoclass_section_title .button_box {
	display: block;
	position: absolute;
	top: -4px;
	right: 15px;
	padding: 0;
}
.main_liveclass_section .main_liveclass_section_title .button_box a,
.main_videoclass_section .main_videoclass_section_title .button_box a {
	display: inline-block;
	font-size: 9pt;
	color: #8d8d8d;
	padding: 4px 4px;
	cursor: pointer;
}



.main_class_info {
	display: none;
}
.main_videoclass_section {
	background-color: #4482e9;
}
.main_videoclass_section .main_videoclass_section_title h3 {
	color: #ffffff;
}
.main_videoclass_section .main_videoclass_section_title .button_box a {
	color: #dfdfdf;
}

@media (min-width: 768px) {
    .main_section,
    .main_liveclass_section,
    .main_videoclass_section {
        padding: 60px 0;
    }
    .main_section {
        background: url("/images/main/main_bg_md.png") top center no-repeat;
        background-size: 1115px;
        height: 400px;
    }
	.main_section .col-main_text {
		width: 330px;
		height: 260px;
		margin: 0 15px;
		display: block;
		float: left;
		position: relative;
		min-height: 1px;
		padding: 0;
	}
	.main_section .col-main_box {
		width: 360px;
		margin: 0 15px;
		display: block;
		float: left;
		position: relative;
		min-height: 1px;
	}
    .main_section .col-main_box .visible-xs {
        display: none !important;
    }
    .main_section .col-main_box #mainNotice ul {
        padding: 0 0 0 15px;
        margin: 0;
    }
    .main_section .col-main_box #mainNotice ul li {

    }
    .main_section .col-main_box #mainNotice ul li a {
        color: #ffffff;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 100%;

    }


	.main_section .col-main_box .menu_round_box {
		width: 280px;
		display: block;
		margin-left: 80px;
		margin-bottom: 15px;
		padding: 20px;
	}
	.main_section .col-main_box .menu_round_box .title {
		display: block;
		margin-bottom: 10px;
		font-size: 13pt;
	}
	.main_section .col-main_box .menu_round_box .text {
		display: block;
        font-size: 9pt;
	}
	.main_section .col-main_box .menu_round_box .menu_round_box_icon {
		position: static;
		font-size: 30px;
		text-align: right;
		margin-top: -20px;
	}
	.main_class_info {
		display: block;
		padding: 0;
		background-color: #f5f5f5;
	}
    .main_class_info .container {
        width: 100%;
    }
	.main_class_info1,
	.main_class_info2,
	.main_class_info3 {
		padding: 50px 20px;
		margin: 0 -15px;
		text-align: center;
        height: 340px;
        overflow: hidden;
        background-size: cover;
	}
	.main_class_info1 {
		background: url("/images/main/content2_bg01_md.png") center center no-repeat;
	}
	.main_class_info2 {
		background: url("/images/main/content2_bg02_md.png") center center no-repeat;
	}
	.main_class_info3 {
		background: url("/images/main/content2_bg03_md.png") center center no-repeat;
	}
    .main_class_info h3 {
        font-size: 16pt;
        font-weight: 900;
        color: #ffffff;
        margin: 0 0 15px 0;
    }
    .main_class_info h3 + p {
        display: block;
        color: #b4b4b4;
        margin-bottom: 20px;
        font-size: 9pt;
    }
    .main_class_info .info_box {
        display: block;
        width: 80%;
        margin: 0 auto;
    }
    .main_class_info .info_box a {
        display: block;
        color: #ffffff;
        padding: 10px;
    }
    .main_class_info .info_box a+a {
        margin-top: 10px;
    }
    .main_class_info .main_class_info1 a {
        background: rgba(255, 131, 40, 0.6);
    }
    .main_class_info .main_class_info2 a {
        background: rgba(68, 232, 0, 0.68);
    }
    .main_class_info .main_class_info3 a {
        background: rgba(151, 151, 151, 0.7);
    }

	/*  강의세션 제목 */
	.main_liveclass_section .main_liveclass_section_title,
	.main_videoclass_section .main_videoclass_section_title {
		margin-bottom: 20px;
		position: relative;
	}
	.main_liveclass_section .main_liveclass_section_title h3,
	.main_videoclass_section .main_videoclass_section_title h3 {
		margin-bottom: 10px;
		font-size: 16pt;
		font-weight: 900;
        display: block;
	}
	.main_liveclass_section .main_liveclass_section_title p,
	.main_videoclass_section .main_videoclass_section_title p {
		display: inline;
		color: #b4b4b4;
		margin-bottom: 0;
	}
	.main_liveclass_section .main_liveclass_section_title .button_box,
	.main_videoclass_section .main_videoclass_section_title .button_box {
		display: block;
		position: absolute;
		padding: 0;
        top: 0;
        right: 20px;
	}
	.main_liveclass_section .main_liveclass_section_title .button_box a,
	.main_videoclass_section .main_videoclass_section_title .button_box a {
		display: block;
		font-size: 9pt;
		padding: 10px;
		cursor: pointer;
		border: none;
		color: #4482e9;
	}
	.main_liveclass_section .main_liveclass_section_title .button_box a + a,
	.main_videoclass_section .main_videoclass_section_title .button_box a + a {
        margin-left: 10px;
    }
	.main_videoclass_section {
		background-color: #4482e9;
	}
	.main_videoclass_section .main_videoclass_section_title h3 {
		color: #ffffff;
	}
	.main_videoclass_section .main_videoclass_section_title .button_box a {
		color: #ffffff;
		border: none;
	}

	.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;
	}
}
@media (min-width: 992px) {
	.main_section {
		background: url("/images/main/main_bg_md.png") top center no-repeat;
		height: 460px;
	}
	.main_section .col-main_text {
		width: 500px;
		height: 320px;
		margin: 0 15px;
		display: block;
		float: left;
		position: relative;
		min-height: 1px;
		padding: 0;
	}
	.main_section .col-main_box {
		width: 410px;
		margin: 0 15px;
		display: block;
		float: left;
		position: relative;
		min-height: 1px;
	}
	.main_section .col-main_box .menu_round_box {
		width: 310px;
		display: block;
		margin-left: 100px;
		margin-bottom: 20px;
		padding: 25px;
	}
	.main_section .col-main_box .menu_round_box .title {
		display: block;
		margin-bottom: 15px;
		font-size: 14pt;
	}
	.main_section .col-main_box .menu_round_box .text {
		display: block;
	}
	.main_section .col-main_box .menu_round_box .menu_round_box_icon {
		position: static;
		font-size: 40px;
		text-align: right;
		margin-top: -20px;
	}
    .main_class_info .container {
        width: 100%;
    }
	.main_class_info1,
	.main_class_info2,
	.main_class_info3 {
		padding: 70px 30px;
        height: 380px;
        background-size: cover;
	}
    .main_class_info h3 {
        font-size: 24pt;
        font-weight: 900;
        color: #ffffff;
        margin: 0 0 20px 0;
    }
    .main_class_info h3 + p {
        display: block;
        color: #b4b4b4;
        margin-bottom: 20px;
    }
    .main_class_info .info_box {
        display: block;
        width: 80%;
        margin: 0 auto;
    }
    .main_class_info .info_box a {
        display: block;
        color: #ffffff;
        padding: 10px;
    }
    .main_class_info .info_box a+a {
        margin-top: 10px;
    }
	/*  강의세션 제목 */
	.main_liveclass_section .main_liveclass_section_title h3,
	.main_videoclass_section .main_videoclass_section_title h3 {
		margin-bottom: 10px;
		font-size: 22pt;
		font-weight: 900;
	}
	.main_liveclass_section .main_liveclass_section_title p,
	.main_videoclass_section .main_videoclass_section_title p {
		display: block;
		color: #b4b4b4;
		margin-bottom: 20px;
	}
	.main_liveclass_section .main_liveclass_section_title .button_box,
	.main_videoclass_section .main_videoclass_section_title .button_box {
		display: block;
		position: static;
		padding: 0;
	}
	.main_liveclass_section .main_liveclass_section_title .button_box a,
	.main_videoclass_section .main_videoclass_section_title .button_box a {
		display: inline;
		font-size: 12pt;
		color: #8d8d8d;
		padding: 10px;
		cursor: pointer;
		border: solid 1px #4482e9;
		width: 120px;
		text-align: center;
		color: #4482e9;
		border-radius: 10px;
	}
	.main_liveclass_section .main_liveclass_section_title .button_box a + a,
	.main_videoclass_section .main_videoclass_section_title .button_box a + a {
        margin-left: 10px;
    }
    .main_videoclass_section {
		background-color: #4482e9;
	}
	.main_videoclass_section .main_videoclass_section_title h3 {
		color: #ffffff;
	}
	.main_videoclass_section .main_videoclass_section_title .button_box a {
		color: #ffffff;
		border: solid 1px #ffffff;
	}

	.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: 1200px) {
	.main_section,
	.main_liveclass_section,
	.main_videoclass_section {
		padding: 120px 0;
	}

	
	.main_section .col-main_text {
		width: 600px;
		height: 420px;
		margin: 0 15px;
		display: block;
		float: left;
		position: relative;
		min-height: 1px;
		padding: 0;
	}
	.main_section .col-main_box {
		width: 510px;
		margin: 0 15px;
		display: block;
		float: left;
		position: relative;
		min-height: 1px;
	}
	.main_section .col-main_box .menu_round_box {
		width: 310px;
		display: block;
		margin-left: 200px;
		margin-bottom: 20px;
		padding: 30px;
	}
	.main_section .col-main_box .menu_round_box .title {
		display: block;
		margin-bottom: 20px;
		font-size: 14pt;
	}
	.main_section .col-main_box .menu_round_box .text {
		display: block;
	}
	.main_section .col-main_box .menu_round_box .menu_round_box_icon {
		position: static;
		font-size: 50px;
		text-align: right;
		margin-top: -20px;
	}

    .main_class_info .container {
        width: 100%;
    }
	.main_class_info1,
	.main_class_info2,
	.main_class_info3 {
		padding: 140px 30px;
        height: 540px;
        background-size: cover;
	}

}

@media (min-width: 768px) {
	.btn-auto {
		display: inline-block;
		width: auto;
	}
}

/************
    수업 리스트 페이징
************/
.class_paging { text-align: center;}
.class_paging .pagination>.active>a,
.class_paging .pagination>.active>a:focus,
.class_paging .pagination>.active>a:hover,
.class_paging .pagination>.active>span,
.class_paging .pagination>.active>span:focus,
.class_paging .pagination>.active>span:hover {
    border: none;
    background-color: #FF8329;
    color: #ffffff;
    border-radius: 3px;
    font-weight: 900;
}
.class_paging .pagination>li>a,
.class_paging .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin: 0;
    line-height: 1.42857143;
    color: #686868;
    text-decoration: none;
    background-color: #fff;
    border: none;
    font-size: 9pt;
}
@media (min-width: 768px) {
    .class_paging .pagination>li>a,
    .class_paging .pagination>li>span {
        font-size: 11pt;
        margin: 0 3px;
    }
}
@media (min-width: 992px) {
    .class_paging .pagination>li>a,
    .class_paging .pagination>li>span {
        font-size: 11pt;
        margin: 0 5px;
    }
}
@media (min-width: 1200px) {
    .class_paging .pagination>li>a,
    .class_paging .pagination>li>span {
        font-size: 12pt;
        margin: 0 8px;
    }
}

/******************
    강의 상세정보
******************/
.pageTitle.Class {
    background-color: #35363b;
    color: #c0c0c2;
    height: auto !important;
    position: relative;
    padding-bottom: 70px;
}
.pageTitle.Class h3 {
    margin-bottom: 15px;
    text-align: left;
    font-size: 11pt;
}
.pageTitle.Class .eClassImage {
    margin-bottom: 15px;
}
.pageTitle.Class .dl-horizontal {
    text-align: left;
    font-size: 9pt;
}
.pageTitle.Class .dl-horizontal dl {
    margin-bottom: 7px;
    display: table;
    width: 100%;
}
.pageTitle.Class .dl-horizontal dl dt ,
.pageTitle.Class .dl-horizontal dl dd {
    display: table-cell;
    vertical-align: top;
}
.pageTitle.Class .dl-horizontal dl dt {
    width: 25%;
    font-weight: 600;
}
.pageTitle.Class .dl-horizontal dl dd {
    width: 75%;
    font-weight: normal;
}
.pageTitle.Class .dl-horizontal dl dd a {
    display: inline-block;
    color: #ffffff;
    background-color: #09f;
    padding: 6px 10px;
    border-radius: 4px;
    margin: -6px 0;
    font-size: 9pt;
}
.pageTitle.Class .ClassOrderButton {
    padding-top: 15px;
}
.pageTitle.Class .ClassOrderButton button {
    background-color: #ff6160;
    border: none;
    border-radius: 0;
    font-weight: bold;
}
.pageTitle.Class .ClassNav {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
}
.pageTitle.Class .ClassNav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: table;
    width: 100%;
    height: 30px;
    background-color: #3e6abc;
}
.pageTitle.Class .ClassNav ul li {
    display: table-cell;
    width: 20%;
}
.pageTitle.Class .ClassNav ul li a {
    display: block;
    text-align: center;
    color: #ffffff;
    padding: 10px 0;
    font-size: 9pt;
    cursor: pointer;
}
.pageTitle.Class .ClassNav ul li a.active {
    color: #3e6abc;
    background-color: #ffffff;
}
/* 강의 소개 */
.classSection {
    padding: 0px 0 50px 0;
}
.classSection .noDatas {
    text-align: center;
    padding: 40px 0;

}
.classSection > h3 {
    display: none;
}
.classSection .explanation {
    background-color: #e7e7e7;
    color: #151515;
    padding: 15px;
    margin-bottom: 30px;
    border-radius: 15px;
}
.classSection .ClassContentHTML {
    font-size: 9pt;
    padding: 15px;
}
.classSection .ClassContentHTML h3 {
    font-size: 11pt;
}

.classSection #ClassTable,
.classSection #homeworkTable {
    font-size: 9pt;
}
/* 강의 자료 */

.classSection .eClassFile {
    display: block;
    width: 100%;
    border: solid 1px #e3e3e3;
    border-radius: 15px;
    padding: 15px;

}
.classSection #Class_Reference {
    list-style: none;
    padding: 0;
    min-height: 100px;
}
.classSection #Class_Reference li {
    display: inline-block;
    width: 50%;
    margin-bottom: 15px;
    margin-top: 15px;
}
.classSection #Class_Reference li.emptyFileLI {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}
.classSection #Class_Reference li .emptyFileBox {
    display: block;
    margin: 15px;
    padding: 50px 15px;
    text-align: center;
    font-size: 9pt;
    border: solid 1px #e3e3e3;
    border-radius: 15px;
    background-color: #fdfdfd;
}
.classSection #Class_Reference li .rFileBox {
    display: block;
    width: 100%;
    position: relative;
    padding-left: 80px;
}
.classSection #Class_Reference li .rFileBox .rFileNo {
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 16pt;
    font-weight: bold;
    color: #c7c7c7;
}
.classSection #Class_Reference li .rFileBox .rFileIcon {
    position: absolute;
    top: 5px;
    left: 25px;
}
.classSection #Class_Reference li .rFileBox .rFileIcon i {
    font-size: 50px;
    color: #3e6abc99;
}
.classSection #Class_Reference li .rFileBox .rFileInfo div {
    font-size: 9pt;
    margin-bottom: 3px;
}
.classSection #Class_Reference li .rFileBox .rFileInfo .rFileName {
    color: #151515;
}
.classSection #Class_Reference li .rFileBox .rFileInfo .rFileSize {
    color: #535353;
    font-size: 0.6em;
}
.classSection #Class_Reference li .rFileBox .rFileDown button {
    font-size: 9pt;
    border: none;
    background-color: #FF8329;
    color: #ffffff;
}

/* 강의 과제 */
#homeworkTable div.notDatas {
    display: block;
    margin: 15px;
    padding: 50px 15px;
    text-align: center;
    font-size: 9pt;
}


@media (min-width: 768px) {
    .pageTitle.Class h3 {
        margin-bottom: 15px;
        font-size: 12pt;
    }
    .pageTitle.Class .eClassImage {
        margin-bottom: 0;
    }
    .pageTitle.Class .dl-horizontal {
        font-size: 10pt;
    }
    .pageTitle.Class .dl-horizontal dl {
        margin-bottom: 7px;
    }
    .pageTitle.Class .dl-horizontal dl dt {
        width: 80px;
        text-align: left;
        font-weight: 600;
    }
    .pageTitle.Class .dl-horizontal dl dd {
        width: 327px;
        font-weight: normal;
    }

    .pageTitle.Class .ClassNav ul li a {
        padding: 10px 0;
        font-size: 10pt;
        font-weight: bold;
    }
    .classSection #Class_Reference li .emptyFileBox {
        font-size: 11pt;
        font-weight: bold;
    }
    .classSection #Class_Reference li {
        width: 33.333%;
        margin-bottom: 30px;
    }
}
@media (min-width: 992px) {
    .pageTitle.Class h3 {
        margin-bottom: 15px;
        font-size: 15pt;
    }
    .pageTitle.Class .eClassImage {
        margin-bottom: 0;
    }
    .pageTitle.Class .dl-horizontal {
        font-size: 10pt;
    }
    .pageTitle.Class .dl-horizontal dl {
        margin-bottom: 8px;
    }
    .pageTitle.Class .dl-horizontal dl dt {
        width: 100px;
        text-align: left;
        font-weight: 600;
    }
    .pageTitle.Class .dl-horizontal dl dd {
        width: 355px;
        font-weight: normal;
    }
    .classSection #Class_Reference li {
        width: 25%;
        margin-bottom: 30px;
    }


}
@media (min-width: 1200px) {
    .pageTitle.Class h3 {
        margin-bottom: 15px;
        font-size: 18pt;
    }
    .pageTitle.Class .eClassImage {
        margin-bottom: 0;
    }
    .pageTitle.Class .dl-horizontal {
        font-size: 11pt;
    }
    .pageTitle.Class .dl-horizontal dl {
        margin-bottom: 10px;
    }
    .pageTitle.Class .dl-horizontal dl dt {
        width: 90px;
        text-align: left;
        font-weight: 900;
    }
    .pageTitle.Class .dl-horizontal dl dd {
        width: 465px;
        font-weight: normal;
    }


}






/************
    로그인
************/
.singinForm {
    width: 90%;
    display: block;
    margin: 15px auto;
}
.singinForm .form-row {
    margin-bottom: 15px;
    position: relative;
}
.loginButtons {
    list-style: none;
    margin: 0;
    padding: 0;
    display: table;
    width: 100%;
}
.loginButtons li {
    display: table-cell;
    width: 50%;
}
@media (min-width: 768px) {
    .singinForm {
        width: 400px;
    }
}
@media (min-width: 992px) {
    .singinForm {
        width: 400px;
    }
}
@media (min-width: 1200px) {
    .singinForm {
        width: 400px;
    }
}

/************
    회원가입
************/
body.join_step1 .join_step1 { display: block; }
body.join_step1 .join_step2 { display: none; }
body.join_step1 .join_step3 { display: none; }
body.join_step2 .join_step1 { display: none; }
body.join_step2 .join_step2 { display: block; }
body.join_step2 .join_step3 { display: none; }
body.join_step3 .join_step1 { display: none; }
body.join_step3 .join_step2 { display: none; }
body.join_step3 .join_step3 { display: block; }

.join_step {
    margin: 30px 0;
}
.join_step img { margin: 0 auto;}


@media (min-width: 768px) {

}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}

/************
    강사 시간표
************/

/************		강의 시간표		******************/
#teacher_select {
	margin-top: 5px;
	list-style: none;
    padding: 0;
    min-height: 100px;
}
#teacher_select li {
	display: inline-block;
	width: 80px;
	text-align: center;
	margin-right: 5px;
}
#teacher_select .teacher_select {
}
#teacher_select .teacher_select .teacherPhoto {
	margin-bottom: 5px;
	border-radius: 50%;
	overflow: hidden;
}
#teacher_select .teacher_select .teacherPhoto img {
	width: 100%;
	height: auto;
	cursor: pointer;
}
#teacher_select .teacher_select .teacherName {
}

#ClassLists {
	background-color: #fff;
}
#ClassListTable {
	margin: 0;
}
#ClassListTable thead tr th {
	text-align: center;
}
#ClassListTable tbody tr td {
	position: relative;
}

#ClassListTable .WeekdayBox {
	margin: -7px;
	padding: 0;
}
#ClassListTable .WeekdayBox .Weekday {
	display: inline-block;
	width: 20%;
	margin: 0;
	padding: 3px;
	background-color: #ccc;
	color: #666;
	text-align: center;
}
#ClassListTable .WeekdayBox .Weekday.active {
	background-color: #06c;
	color: #fff;
}

#ClassListTable .Class_Info {
	display: none;
	font-size: 1em;
	/*
position:absolute;
bottom:0;
left:15px;
*/
	cursor: help;
	margin-top: 5px;
	border: solid 1px #a94442;
	background-color: #ffffff;
	padding: 10px;
	border-radius: 3px;
}
#ClassListTable tr:hover .Class_Info {
	display: block;
}

#ClassListTable .ClassTimeBarBox {
	margin: -7px;
	padding: 0;
	position: relative;
}
#ClassListTable .ClassTimeBarBox .ClassTimeBarBG {
	width: 100%;
}
#ClassListTable .ClassTimeBarBox .ClassTimeBarBG span {
	display: inline-block;
	width: 16.66666666%;
	margin: 0;
	padding: 3px;
	background-color: #e9e9e9;
	color: $000;
	text-align: center;
}
#ClassListTable .ClassTimeBarBox .ClassTimeBar {
	position: absolute;
	background-color: #f60;
	top: 0;
	left: 0;
	width: 30px;
	height: 25px;
	background-color: #ff04d8;
	overflow: hidden;
	font-size: 0px;
}
#ClassListTable .ClassTimeBarBox .ClassTimeBarText {
	display: none;
	font-size: 12pt;
	font-weight: bold;
	color: #333;
}
#ClassListTable tr:hover .ClassTimeBarBox .ClassTimeBarText {
	display: block;
}

@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}



/************		강사 소개 페이지		******************/

.teacher_list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.teacher_list:after {
	clear: both;
}
.teacher_list li {
	width: 100%;
	float: left;
	margin-bottom: 30px;
}
.teacher_list li .teacher_box {
	margin: 10%;
	padding: 0;
	border: solid 2px #ccc;
	background-color: #fff;
}
.teacher_list li .teacher_box .teacherPhoto {
}
.teacher_list li .teacher_box .teacherPhoto img {
	max-width: 100%;
	height: auto;
}
.teacher_list li .teacher_box .teacherInfoDL {
	border-top: solid 2px #ccc;
}
.teacher_list li .teacher_box .teacherInfoDL .teacherCategory {
	text-align: left;
	color: #666;
}
.teacher_list li .teacher_box .teacherInfoDL .teacherName {
	text-align: right;
	color: #0072bc;
}
.teacher_list li .teacher_box .teacherInfoDL .teacherCategory,
.teacher_list li .teacher_box .teacherInfoDL .teacherName {
	display: inline-block;
	width: 50%;
	padding: 10px;
	font-size: 11pt;
	font-weight: bold;
}

.teacher_list li .teacher_box:hover {
	border: solid 2px #0072bc;
}
.teacher_list li .teacher_box:hover .teacherInfoDL {
	border-top: solid 2px #0072bc;
}

@media (min-width: 768px) {
	.teacher_list li {
		width: 50%;
	}
}
@media (min-width: 992px) {
	.teacher_list li {
		width: 33.3333%;
	}
}
@media (min-width: 1200px) {
	.teacher_list li {
		width: 25%;
	}
}

/************		강사 상세 페이지		******************/

.pageTitle.Class h3 .classCategory {
    display: inline-block;
    font-weight: bold;
}
.pageTitle.Class h3 .teacherName {
    display: inline-block;
    margin-left: 30px;
    font-size: 1.2em;
}

.eClassImage.teacher {
    background-color: #ffffff;
}

.teacher_greeting {
    line-height: 1.6em;
    font-size: 11pt;
    text-align: left;
}
.teacher_greeting p {
    line-height: 1.8em;
}
.teacherInfo {
	margin: 45px 0 20px 0;
	position: relative;
	padding: 60px 20px 20px 20px;
	border: solid 3px #e3e3e3;
	background: #fff;
}
.teacherInfo:before,
.teacherInfo:after {
	display: table;
	content: " ";
}
.teacherInfo:after {
	clear: both;
}
.teacherInfo .teacherPhoto {
	width: 90px;
	position: absolute;
	top: -45px;
	left: 50%;
	margin-left: -45px;
}
.teacherInfo .teacherPhoto img {
	border: 5px solid #fff;
}
.teacherInfo .teacherInfoDL {
	float: left;
	display: block;
}
.teacherInfo .teacherInfoDL dl {
	display: table-row;
}
.teacherInfo .teacherInfoDL dl dt,
.teacherInfo .teacherInfoDL dl dd {
	display: table-cell;
	padding: 3px 0;
}
.teacherInfo .teacherInfoDL dl dd {
	padding-left: 5px;
}
.teacherInfo .teacherInfoDL .sns {
}
.teacherInfo .teacherInfoDL .sns:before,
.teacherInfo .teacherInfoDL .sns:after {
	display: table;
	content: " ";
}
.teacherInfo .teacherInfoDL .sns:after {
	clear: both;
}
.teacherInfo .teacherInfoDL .sns a {
	float: left;
	margin: 0 5px;
	font-size: 16pt;
	vertical-align: top;
}

/************		강사 상세 질문답변		******************/
.Teacher_Query {
}
.Teacher_Query .Teacher_Query_list {
    font-size: 9pt;
    margin-bottom: 15px;
    padding: 15px;
    border: solid 1px #e3e3e3;
    border-radius: 15px;
    min-height: 100px;
}
.Teacher_Query .Teacher_Query_list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.Teacher_Query .Teacher_Query_list ul li {
	display: block;
	margin: 3px 0 6px 0;
}
.Teacher_Query .Teacher_Query_list .board_question {
	padding: 0 100px 15px 0;
}
.Teacher_Query .Teacher_Query_list .board_question .member {
	display: block;
	margin-bottom: 3px;
	padding: 0 5px;
}
.Teacher_Query .Teacher_Query_list .board_question .member .q_Name {
	font-weight: bold;
	margin: 0 10px 0 0;
	color: #444;
}
.Teacher_Query .Teacher_Query_list .board_question .member .q_date {
	color: #999;
	font-size: 9pt;
}
.Teacher_Query .Teacher_Query_list .board_question .question {
	background: #f3f4f6;
	padding: 5px 10px;
	border-radius: 5px;
	border: 1px solid #d2d6de;
	margin: 5px 0 0 0;
	color: #444;
}
.Teacher_Query .Teacher_Query_list .board_answer {
	padding: 5px 0 0 100px;
}
.Teacher_Query .Teacher_Query_list .board_answer .teacjer {
	text-align: right;
	padding: 0 5px;
}
.Teacher_Query .Teacher_Query_list .board_answer .teacjer .t_Name {
	font-weight: bold;
	margin: 0 10px 0 0;
	color: #444;
}
.Teacher_Query .Teacher_Query_list .board_answer .teacjer .a_date {
	color: #999;
	font-size: 9pt;
}
.Teacher_Query .Teacher_Query_list .board_answer .answer {
	background: #ffefd7;
	padding: 5px 10px;
	border-radius: 5px;
	border: 1px solid #f39c12;
	margin: 5px 0 0 0;
	color: #454545;
}


/*********	강의 리스트	**********/

.QueryBox {
	margin: 15px 0 5px 0;
}

.box header p {
	display: none;
}
.box header h3,
.box header h4,
.box header h5,
.box header h6 {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
.box header h3 {
	font-size: 13pt;
}
.box header h4 {
	font-size: 12pt;
}
.box header h5 {
	font-size: 11pt;
}
.box header h6 {
	font-size: 10pt;
}
.box header p {
	font-size: 9pt;
}

.LectureList {
	list-style: none;
	padding: 0;
	margin: 0;
}
.LectureList:after,
.LectureList:before {
	display: table;
	content: " ";
}
.LectureList:after {
	clear: both;
}
.LectureList li {
	display: inline-block;
	padding: 15px;
	float: left;
	width: 50%;
}
.LectureBox {
	display: block;
	position: relative;
}
.LectureBox .LectureImage {
	display: block;
	overflow: hidden;
	padding: 1px;
	background-color: #e3e3e3;
	width: 100%;
	height: 100px;
}
.LectureBox .LectureImage img {
	width: 100%;
}
.LectureBox .LectureBody {
}
.LectureBox .LectureBody h5 {
	display: block;
	overflow: hidden;
	height: 15px;
	/* [disabled]white-space: nowrap; */
	font-weight: bold;
}
.LectureBox .LectureBody .teacherName span {
	display: block;
	color: #09f;
	white-space: nowrap;
}
.LectureBox .LectureBody .explanation {
	color: #666;
	display: block;
	height: 40px;
	overflow: hidden;
}
.LectureBox .LectureLink {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.4);
}
.LectureBox:hover .LectureLink {
	display: block;
}
.LectureBox .LectureLink a {
	font-size: 40px;
	text-decoration: none;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	display: block;
	padding: 30% 40%;
	color: #fff;
}
.LectureBox .LectureLink a:active,
.LectureBox .LectureLink a:hover,
.LectureBox .LectureLink a:focus {
	text-decoration: none;
}
.moreList {
	display: block;
	margin: 25px 15px;
	padding: 5px;
	text-align: center;
	color: #666;
	background: #f1f1f1;
	border: 1px solid #e3e3e3;
}
.moreList:hover {
	text-decoration: none;
}

@media (min-width: 768px) {
	.LectureList li {
		width: 33.333%;
	}
	.LectureBox .LectureImage {
		height: 150px;
	}
}
@media (min-width: 992px) {
	.LectureList li {
		width: 25%;
	}
	.LectureBox .LectureImage {
		height: 130px;
	}
}
@media (min-width: 1200px) {
	.LectureList li {
		width: 25%;
	}
	.LectureBox .LectureImage {
		height: 150px;
	}
}

.LectureList + .NotData {
	padding: 60px 0;
	text-align: center;
	font-size: 11pt;
	color: #999;
}






/******************************
    초등 강의
******************************/
.ElementarySchool {

}
.ElementarySchool #q_t_idxs,
.ElementarySchool #q_c_grades  {
    width: 100%;
}
.ElementarySchool #q_t_idxs button {
    width: 16.666%;
}
.ElementarySchool #q_c_grades button {
    width: 25%;
}
.ElementarySchool #q_c_grades.english button {
    width: 20%;
}
.ElementarySchool #q_t_idxs button.btn-primary,
.ElementarySchool #q_c_grades button.btn-primary  {
    color: #fff;
    background-color: #FF8329;
    border-color: #FF8329;
}
.ElementarySchool #q_t_idxs button.btn-default,
.ElementarySchool #q_c_grades button.btn-default  {
    color: #333;
    background-color: #FFFFFF;
    border-color: #E7E7E7;
}

@media (min-width: 768px) {
    .ElementarySchool #q_c_grades.english button {
        width: 10%;
    }
    

}
@media (min-width: 992px) {
    .ElementarySchool #q_c_grades.english button {
        width: 10%;
    }
    

}
@media (min-width: 1200px) {
    .ElementarySchool #q_c_grades.english button {
        width: 10%;
    }
    

}






/******************************
    교재 구매
******************************/

.BooksListbox {
	display: block;
	margin-top: 30px;
	margin-bottom: 30px;
}
#BooksList {
	list-style: none;
	padding: 0;
	margin: 0;
}
#BooksList li {
	margin-bottom: 50px;
}
#BooksList .bookBox {
    display: block;
    width: 100%;
}
#BooksList .bookBox .bookHeader {
    display: table-cell;
    width: 45%;
    text-align: center;
    padding-right: 15px;
    margin-bottom: 10px;
}
#BooksList .bookBox .bookHeader img {
    border: solid 1px #e3e3e3;
    max-width: 100%;
}
#BooksList .bookBox .bookHeader .informationView {
    display: block;
    width: 100;
    cursor: pointer;
}

#BooksList .bookBox .bookBody {
    display: table-cell;
    vertical-align: top;
    width: 55%;
}
#BooksList .bookBox .bookBody .bookTitle {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
}
#BooksList .bookBox .bookBody .bookPrice {
    display: block;
    font-size: 1.6em;
    text-align: center;
    font-weight: bold;
    color: orange;
    margin-bottom: 10px;

}
#BooksList .bookBox .bookBody .bookBuyQua {
    text-align: center;
    margin-bottom: 20px;
}
#BooksList .bookBox .bookBody .bookBuyQua .qua_group {
    border: solid 1px #e3e3e3;
    padding: 0;
    width: 110px;
    margin: 0 auto;
    overflow: hidden;
}
#BooksList .bookBox .bookBody .bookBuyQua .qua_group .addon {
    background-color: #f3f3f3;
    display: inline-block;
    padding: 0 5px;
}
#BooksList .bookBox .bookBody .bookBuyQua .qua_group .addon a {
    cursor: pointer;
}
#BooksList .bookBox .bookBody .bookBuyQua .qua_group input {
    width: 60px;
    text-align: center;
    border-left: solid 1px #e3e3e3;
    border-right: solid 1px #e3e3e3;
    border-top: none;
    border-bottom: none;
}
#BooksList .bookBox .bookBody .bookbuttons {
    display: inline-block;
    width: 100%;
}
#BooksList .bookBox .bookBody .bookbuttons button + button {
    margin-left: 10px;
}

#informationContent img {
    max-width: 100%;
    height: auto;
}

@media (min-width: 768px) {
    #BooksList .bookBox .bookHeader {
        display: block;
        width: 100%;
        text-align: center;
        padding-right: 15px;
    }
    #BooksList .bookBox .bookBody {
        display: block;
        width: 100%;
    }
    #BooksList .bookBox .bookBody .bookTitle,
    #BooksList .bookBox .bookBody .bookPrice,
    #BooksList .bookBox .bookBody .bookBuyQua,
    #BooksList .bookBox .bookBody .bookbuttons {
        text-align: center;
    }
    
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}



/*
    장바구니
*/

section.cart .cart_title,
section.order .order_title,
section.result .result_title {
    text-align: center;
    font-size: 2.5em;
    margin-bottom: 40px;
}

.cart_icon {
    margin-bottom: 30px;
    text-align: center;
}
.cartTables {
    margin-bottom: 30px;
}
.cartTables .cartSelectAll {
    font-size: 1.2em;
}

#cartListTable {
    margin-bottom: 15px;
}
#cartListTable thead { }
#cartListTable thead tr {}
#cartListTable thead tr th {
    font-size: 14pt;
    text-align: center;
    border-bottom: solid 1px #aeaeae;
    border-top: solid 1px #aeaeae;
    padding: 15px;
}
#cartListTable tbody {}
#cartListTable tbody tr {}
#cartListTable tbody tr td {
    padding: 10px;
}
#cartListTable tbody tr td.middle {
    vertical-align: middle;
}

#cartListTable tbody tr td .cartItemPrice {
    font-size: 16pt;
    color: #151515;
    text-align: right;
    display: block;
    padding-right: 10px;
}
#cartListTable tfoot {}
#cartListTable tfoot tr {}
#cartListTable tfoot tr td {
    font-size: 14pt;
    font-weight: bold;
    border-bottom: solid 1px #aeaeae;
    border-top: solid 1px #aeaeae;
    background-color: #e3e3e3;
    padding: 30px 20px;
}

#cartTotalPrice {
    text-align: right;
    color: #ff5200;
    font-size: 20pt !important;
}
.cartButtons {}
.cartButtons {
    margin-bottom: 20px;
}
.orderAllItemsBox {
    text-align: center;

}
.orderAllItemsBox #bt_allOrder {
    border: solid 1px #333;
    background-color: #151515;
    color: #fff;
}
.cartItem {
    display: table;
    width: 100%;
}
.cartItem .cartItemImg {
    display: table-cell;
    width: 200px;
}
.cartItem .cartItemImg img {
    border: solid 1px #e3e3e3;

}
.cartItem .cartItemInfo {
    display: table-cell;
    vertical-align: middle;
}
.cartItem .cartItemInfo .cartItemTitle {
    margin-bottom: 15px;
    font-size: 1.6em;
    font-weight: 600;
}

.cartItem .cartItemInfo .cartItemQua {
    text-align: center;
    margin-bottom: 20px;
}
.cartItem .cartItemInfo .cartItemQua .qua_group {
    border: solid 1px #e3e3e3;
    padding: 0;
    width: 110px;
    overflow: hidden;
}
.cartItem .cartItemInfo .cartItemQua .qua_group .addon {
    background-color: #f3f3f3;
    display: inline-block;
    padding: 0 5px;
}
.cartItem .cartItemInfo .cartItemQua .qua_group .addon a {
    cursor: pointer;
}
.cartItem .cartItemInfo .cartItemQua .qua_group input {
    width: 60px;
    text-align: center;
    border-left: solid 1px #e3e3e3;
    border-right: solid 1px #e3e3e3;
    border-top: none;
    border-bottom: none;
}




/*****************
    결제
*****************/

.orderProducts {
    display: block;
    width: 550px;
    max-width: 100%;
    margin: 0 auto;
    border-top: solid 1px #e3e3e3;
    padding-top: 30px;
}
.orderProducts .product_img {
    width: 250px;
    display: table-cell;
}
#product_img { max-width: 200px; height: auto; border: solid 1px #e3e3e3;}
.orderProducts .product_info {
    width: 300px;
    display: table-cell;
    vertical-align: top;
}
.orderProducts .product_info #product_price {
    font-size: 20pt;
    font-weight: bold;
    color: #ff5200;
}

#orderForm {}
#orderForm .orderBox { margin-bottom: 50px;}
#orderForm .orderBoxTitle { padding-bottom: 0px; margin-bottom: 15px; border-bottom: solid 1px #e3e3e3;}
#orderForm .orderBox .form-group {
    padding-bottom: 15px;
    border-bottom: solid 1px #e3e3e3;
    margin-left: 0;
    margin-right: 0;
}
#orderForm .orderBox .form-group.no-line {
    border-bottom: none;
}
#orderForm .orderBox .form-group label {
    text-align: left;
}
#orderForm .orderBox #bt_address {
    text-decoration: none;
    cursor: pointer;
    color: #151515;
}
#orderForm .orderBox #buytupeCard {
    display: none;
}
#payTotalPrice {
    font-size: 1.2em;
    font-weight: bold;
    color: #ff5200;
}

#orderForm .orderBox #buy_aggre {

}
#orderForm .orderBox .form-line {
    padding-bottom: 5px;
}

/*****************
    결제 결과
*****************/

.orderItemsTable {
    font-size: 16pt;
    color: #151515;
    border-top: solid 2px #151515;
}
.orderItemsTable td {
    text-align: center;
}
.orderItemsTable tfoot {
    background-color: #e3e3e3;
}

/*****************
    고객센터, 원격
*****************/

.remoteContent {
    display: block;
    width: 100%;
    margin: 0 auto;
    font-size: 9pt;
    line-height: 1.6em;
}
.remoteContent ol {
    padding-left: 20px;
}
.remoteContent li {
    margin-bottom: 15px;
}

.remoteContent li img {
    display: block;
    max-width: 100%;
    height: auto;
}
@media (min-width: 768px) {
    .remoteContent {
        width: 80%;
        margin: 0 auto;
        font-size: 11pt;
    }
    .remoteContent li {
        margin-bottom: 20px;
    }
        
}
@media (min-width: 992px) {
    .remoteContent {
        width: 80%;
        margin: 0 auto;
        font-size: 11pt;
    }
    .remoteContent li {
        margin-bottom: 30px;
    }

}
@media (min-width: 1200px) {
    .remoteContent {
        width: 80%;
        margin: 0 auto;
        font-size: 11pt;
    }
    .remoteContent li {
        margin-bottom: 30px;
    }

}



/*****************
    마이페이지
*****************/
#ContentBody .sub_section.myPage {
    background: url("/images/pageHeaders/mypage_banner_xs.png") top center no-repeat;
    background-size: auto 100px;
}

#myBody #OrderTable,
#myBody #OrderMovieTable,
#myBody #CouponsTable ,
#myBody #qBoard,
#myBody #bOrdersTable {
    font-size: 9pt;
}

#myHeader {
    padding-top: 30px;
    padding-bottom: 10px;
    color: #ffffff;
}
#myHeader a {
    color: #ffffff;
}
#myHeader #myHeaderBox {
    position: relative;
    height: 32px;
    overflow: hidden;
}
#myHeader #myHeaderBox #myNoticeBT {
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    border: solid 1px #ffffff;
    border-radius: 16px;
    font-size: 9pt;
    padding: 3px 10px;
}
#myHeader #myHeaderBox #myNotice {
    padding-left: 60px;
}
#myHeader #myHeaderBox #myNotice ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#myHeader #myHeaderBox #myNotice ul li {
    height: 26px;
    padding: 3px 0;
    overflow: hidden;
}
#myHeader h3 {
    font-size: 11pt;
    text-align: right;
    margin: 0;
    padding-top: 3px;
}
#myBody {
    background-color: #ffffff;
    margin: 0;
    padding: 0;
}
#myBody #ContentSections {
    padding: 0;
}

#myBody .myMenu,
#myBody .myContent {
    margin-top: 20px;
}

#myBody .myMenu .userCard {
    min-height: 100px;
    position: relative;
    padding-left: 115px;
    margin-bottom: 15px;
}
#myBody .myMenu .myPhoto {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    padding-left: 15px;
}
#myBody .myMenu .myPhoto .userPhoto {
    width: 80px;
    height: 80px;
    border-radius: 40px;
    overflow: hidden;
}
#myBody .myMenu .myPhoto .userPhoto img {
    max-width: 100%;
}
#myBody .myMenu .myName {
    margin-bottom: 10px;
}
#myBody .myMenu .myName #userName {
    font-size: 14pt;
    font-weight: bold;
    line-height: 1em;
}
#myBody .myMenu .myinfoNav {

}
#myBody .myMenu .myinfoNav ul {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
}
#myBody .myMenu .myinfoNav ul li {
    display: inline-block;
}
#myBody .myMenu .myinfoNav ul li + li {
    border-left: solid 2px #b8b8b8;
}
#myBody .myMenu .myinfoNav ul li > a {
    display: block;
    padding: 0 8px 0 0;
    color: #9c9c9c;
    line-height: 1em;
    font-weight: bold;
}
#myBody .myMenu .myinfoNav ul li + li > a {
    padding-left: 8px;
}
#myBody .myMenu .myNav {
    min-height: 40px;
}
#myBody .myMenu .myNav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
    border-left:  solid 1px #e7e7e7;
    border-top:  solid 1px #e7e7e7;
}
#myBody .myMenu .myNav ul li {
    display: inline-block;
    width: 50%;
    margin: 0;
}
#myBody .myMenu .myNav ul li a {
    display: block;
    height: 34px;
    width: 100%;
    padding: 10px;
    line-height: 1em;
    border-right: solid 1px #e7e7e7;
    border-bottom: solid 1px #e7e7e7;
    position: relative;
    background-color: #ffffff;
    color: #676767;
}
#myBody .myMenu .myNav ul li a::after {
    display: block;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";
    position: absolute;
    right: 10px;
    top: 50%;
    line-height: 0;
}
#myBody .myMenu .myNav ul li a.active {
    color: #4482e9;
}
#myBody #calendar {
    padding: 10px 0;
}
#myBody #calendar .fc-toolbar {
    font-size: 9pt;
}

#myBody #calendar h2 {
    font-size: 11pt;
    margin: 15px 0 0 0;
}
#OrderMovieTable .progress {
    margin-bottom: 0;
}
#OrderMovieTable .titleText .smallText {
    font-size: 9pt;
    color: #35363b;
    display: inline-block;
    padding-left: 15px;
}


#myBody #regi_coupon {
    margin: 15px 0;
}
#myBody #regi_coupon .form-group {
    margin-bottom: 0;
}
#myBody #regi_coupon .coupon_code_input {
    display: table;
}
#myBody #regi_coupon .coupon_code_input input {
    display: table-cell;
    text-align: center;
    font-size: 12pt;
    color: #0072bc;
    font-weight: bold;
}
#myBody #regi_coupon .coupon_code_input span {
    border: none;
    background-color: #ffffff;
    padding: 2px;
}


#myCoupons .CouponInfo {
    display: block;
    text-align: center;
    font-size: 16pt;
    padding: 40px 15px;
    line-height: 0;
    width: 100%;
}
#myCoupons .CouponInfo #activeCoupon {
    display: inline-block;
    font-weight: bold;
    color: #0072bc;
    line-height: 0;
    font-size: 1.4em;
}
#myCoupons .CouponButtons {
    width: 100%;
    text-align: center;
    padding-bottom: 15px;
}

@media (min-width: 768px) {
    #ContentBody .sub_section.myPage {
        background: url("/images/pageHeaders/mypage_banner_md.png") top center no-repeat;
        background-size: auto 180px;
    }
    #myHeader h3 {
        font-size: 13pt;
        font-weight: 900;
    }
    #myBody .myMenu {
        display: block;
        width: 200px;
        float: left;
        padding: 0 15px 15px 15px;
    }
    #myBody .myContent {
        display: block;
        border-left: solid 2px #e7e7e7;
        width: 520px;
        float: left;
        padding: 0 15px 30px 15px;
        min-height: 500px;
    }
    #myBody #ContentSections {
        padding: 0 15px;
    }
    

    #myBody .myMenu .userCard {
        padding-left: 0;
        margin-bottom: 25px;
    }
    #myBody .myMenu .myPhoto {
        position: relative;
        width: 100%;
        padding-left: 0;
    }
    #myBody .myMenu .myPhoto .userPhoto {
        width: 80px;
        height: 80px;
        border-radius: 40px;
        overflow: hidden;
        margin: 0 auto 15px auto;
    }
    #myBody .myMenu .myName {
        margin-bottom: 10px;
        text-align: center;
    }
    #myBody .myMenu .myName #userName {
        font-size: 14pt;
        font-weight: bold;
        line-height: 1em;
    }
    #myBody .myMenu .myinfoNav ul li a {
        font-size: 9pt;
    }

    
    #myBody .myMenu .myNav ul {
        border-left: none;
        border-top: none;
    }
    #myBody .myMenu .myNav ul li {
        display: block;
        width: 100%;
        margin: 0;
    }
    #myBody .myMenu .myNav ul li a {
        border-right: none;
        padding: 20px 10px;
        height: auto;
    }
    #myBody #calendar {
        padding: 10px;
    }
    #myBody #calendar .fc-toolbar {
        font-size: 10pt;
    }
    #myBody #calendar h2 {
        font-size: 14pt;
        margin: 5px 0 0 0;
    }

}
@media (min-width: 992px) {
    #ContentBody .sub_section.myPage {
        background: url("/images/pageHeaders/mypage_banner_md.png") top center no-repeat;
        background-size: auto 180px;
    }
    #myHeader h3 {
        font-size: 22pt;
    }

    #myBody .myMenu {
        width: 220px;
    }
    #myBody .myContent {
        width: 720px;
    }


}
@media (min-width: 1200px) {
    #ContentBody .sub_section.myPage {
        background: url("/images/pageHeaders/mypage_banner_lg.png") top center no-repeat;
        background-size: auto 280px;
    }
    #myHeader h3 {
        font-size: 25pt;
    }
    #myBody .myMenu {
        width: 250px;
    }
    #myBody .myContent {
        width: 890px;
    }
    
}






/***    마이페이지 홈   ***/
#myClassInfo,
#myliveClass {
    width: 100%;
    margin-bottom: 30px;
}
.roundBox {
    border: solid 2px #e7e7e7;
    border-radius: 25px;
    padding: 10px;
}
.roundBox ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: table;
    width: 100%;
 }
.roundBox ul li {
    display: table-cell;
    width: 33.333%;
}
.roundBox ul li + li {
    border-left: solid 2px #e7e7e7;
}
.roundBox ul li .myClassInfoBox {
    padding: 10px 15px;
    text-align: center;
}
.roundBox ul li .myClassInfoBox .myClassInfoBoxTitle {
    color: #000000;
    font-size: 9pt;
    font-weight: normal;
}
.roundBox ul li .myClassInfoBox .myClassInfoBoxBody {
    padding-top: 10px;
}
.roundBox ul li .myClassInfoBox .myClassInfoBoxBody span {
    font-size: 9pt;
}
.roundBox ul li .myClassInfoBox .myClassInfoBoxBody #myLiveClassCount,
.roundBox ul li .myClassInfoBox .myClassInfoBoxBody #myVideoClassCount,
.roundBox ul li .myClassInfoBox .myClassInfoBoxBody #myCoupon {
    font-size: 16pt;
    font-weight: bold;
    line-height: 1em;
}
#myliveClass {}
#myliveClass h4 {
    text-align: center;
}
#myliveClass .myliveClassBox {

}
#myliveClass .myliveClassBox ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#myliveClass .myliveClassBox ul li {
    height: 40px;
}
#myliveClass .myliveClassBox ul li + li {
    border-top: solid 1px #e7e7e7;
}
#myliveClass .myliveClassBox ul li a {
    display: block;
    padding: 0 15px;
}
#myliveClass .myliveClassBox ul li a .classDatetime {
    display: inline-block;
    min-width: 120px;
    margin-right: 20px;
    line-height: 40px;
}
#myliveClass .myliveClassBox ul li a .classTitle {
    display: inline-block;
    line-height: 40px;
}

#myliveClass .myliveClassBox ul li:nth-child(1) a {
    background-color: #35363b;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.2em;
}
#myliveClass .myliveClassBox ul li:nth-child(2) a {
    opacity: 0.8;
}
#myliveClass .myliveClassBox ul li:nth-child(3) a {
    opacity: 0.7;
}
#myliveClass .myliveClassBox ul li:nth-child(4) a {
    opacity: 0.6;
}
#myliveClass .myliveClassBox ul li:nth-child(5) a {
    opacity: 0.4;
}


@media (min-width: 768px) {
    .roundBox ul li .myClassInfoBox .myClassInfoBoxTitle {
        font-size: 10pt;
        font-weight: bold;
    }
    .roundBox ul li .myClassInfoBox .myClassInfoBoxBody span {
        font-size: 10pt;
    }
    .roundBox ul li .myClassInfoBox .myClassInfoBoxBody #myLiveClassCount,
    .roundBox ul li .myClassInfoBox .myClassInfoBoxBody #myVideoClassCount,
    .roundBox ul li .myClassInfoBox .myClassInfoBoxBody #myCoupon {
        font-size: 20pt;
    }

}
@media (min-width: 992px) {



}
@media (min-width: 1200px) {
    #myClassInfo {
        width: 80%;
        margin: 0 auto 30px auto;
    }
    .roundBox ul li .myClassInfoBox .myClassInfoBoxTitle,
    .roundBox ul li .myClassInfoBox .myClassInfoBoxBody span {
        font-size: 11pt;
    }
    .roundBox ul li .myClassInfoBox .myClassInfoBoxBody #myLiveClassCount,
    .roundBox ul li .myClassInfoBox .myClassInfoBoxBody #myVideoClassCount,
    .roundBox ul li .myClassInfoBox .myClassInfoBoxBody #myCoupon {
        font-size: 26pt;
    }






}


/**************************		강의 동영상 재생바		***************************/
.videoPlayStateBar {
	background-color: #e3e3e3;
	width: 100%;
	height: 5px;
	overflow: hidden;
	padding: 0;
	margin: 5px 0 2px 0;
}
.videoPlayStateBar .VideoPlayTimeBar {
	background-color: #f60;
	height: 5px;
	margin: 0;
	padding: 0;
}

/**************************************
	MoviePlayer
***************************************/
#MoviePlayer {
	background: #000;
	display: block;
	border: 1px solid #e3e3e3;
	width: 100%;
	min-height: 200px;
	position: relative;
}
#MoviePlayer video {
	width: 100%;
	height: auto;
}
#MoviePlayer #palyICON {
	padding: 200px 0 0 50%;
}
#MoviePlayer #palyICON i {
	width: 90px;
	height: 90px;
	font-size: 90px;
	margin: -45px 0 0 -45px;
}
@media (min-width: 768px) {
	#MoviePlayer {
		min-height: 300px;
	}
}
@media (min-width: 992px) {
	#MoviePlayer {
		min-height: 400px;
	}
}

@media (min-width: 1200px) {
	#MoviePlayer {
		min-height: 400px;
	}
}

/*
#myCoupons .tablediv {
    text-align: center;
    padding: 20px 0;
}
#myCoupons .CouponInfo {
    margin-bottom: 15px;
    font-size: 16pt;
    font-weight: 900;
}

#myCoupons .CouponInfo #activeCoupon {
    color: #f87000;

}
*/

/* 마이페이지 수강신청 내역 */
#myClassOrders #notPayData .alert {
    text-align: center;
    padding: 30px 15px;
    min-height: 300px;
}
.myPaymentListBox {
    border-top: solid 2px #0072bc;
    padding-top: 8px;
}
.myPaymentListBox #myPaymentList {
    list-style: none;
    margin: 0 0 30px 0;
    padding: 0;
}
.myPaymentListBox #myPaymentList li {

}
.myPaymentListBox #myPaymentList .paymentBox {
    margin-bottom: 15px;
    padding: 15px;
    border: solid 1px #e3e3e3;
    border-radius: 8px;
}
.myPaymentListBox #myPaymentList .paymentBox dl {
    display: table-row;
}
.myPaymentListBox #myPaymentList .paymentBox dl dt {
    display: table-cell;
    width: 100px;
    width: 100px;
    padding: 4px;
}
.myPaymentListBox #myPaymentList .paymentBox dl dd {
    display: table-cell;

}




@media (min-width: 768px) {

}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}



/******************************/

@media (min-width: 768px) {

}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}