html,
body {
	height: 100%;
}

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

/************		크롬 안내 문구		***************/
#checkChrome {
	display: block;
	width: 100%;
	position: absolute;
	top: 120px;
	z-index: 150000;
}
#checkChrome #ChromeInfo {
	position: relative;
	width: 90%;
	margin: 10px auto;
	padding: 15px;
	border: 1px solid #ff0000;
	border-radius: 5px;
	box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2);
	background-color: #fff;
}
#checkChrome #ChromeInfo .BT_closeChromeInfo {
	position: absolute;
	bottom: 15px;
	right: 15px;
	border-radius: 5px;
}
@media (min-width: 768px) {
	#checkChrome #ChromeInfo {
		width: 600px;
	}
}

/************		bootstrap 호환		***************/
.form-horizontal .row {
	margin-bottom: 10px;
}

/*
 * Component: Box
 * --------------
 */

.box-row {
	margin-right: -30px !important;
	margin-left: -30px !important;
}
.box {
	position: relative;
	border-radius: 3px;
	background: #ffffff;
	border-top: 3px solid #d2d6de;
	margin-bottom: 20px;
	width: 100%;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.box-primary,
.box-info,
.box-danger,
.box-warning,
.box-success,
.box-default {
}
.box.box-primary {
	border-top-color: #3c8dbc;
}
.box.box-info {
	border-top-color: #00c0ef;
}
.box.box-danger {
	border-top-color: #dd4b39;
}
.box.box-warning {
	border-top-color: #f39c12;
}
.box.box-success {
	border-top-color: #00a65a;
}
.box.box-default {
	border-top-color: #d2d6de;
}
.box.collapsed-box .box-body,
.box.collapsed-box .box-footer {
	display: none;
}
.box .nav-stacked > li {
	border-bottom: 1px solid #f4f4f4;
	margin: 0;
}
.box .nav-stacked > li:last-of-type {
	border-bottom: none;
}
.box.height-control .box-body {
	max-height: 300px;
	overflow: auto;
}
.box .border-right {
	border-right: 1px solid #f4f4f4;
}
.box .border-left {
	border-left: 1px solid #f4f4f4;
}
.box.box-solid {
	border-top: 0;
}
.box.box-solid > .box-header .btn.btn-default {
	background: transparent;
}
.box.box-solid > .box-header .btn:hover,
.box.box-solid > .box-header a:hover {
	background: rgba(0, 0, 0, 0.1);
}
.box.box-solid.box-default {
	border: 1px solid #d2d6de;
}
.box.box-solid.box-default > .box-header {
	color: #444444;
	background: #d2d6de;
	background-color: #d2d6de;
}
.box.box-solid.box-default > .box-header a,
.box.box-solid.box-default > .box-header .btn {
	color: #444444;
}
.box.box-solid.box-primary {
	border: 1px solid #3c8dbc;
}
.box.box-solid.box-primary > .box-header {
	color: #ffffff;
	background: #3c8dbc;
	background-color: #3c8dbc;
}
.box.box-solid.box-primary > .box-header a,
.box.box-solid.box-primary > .box-header .btn {
	color: #ffffff;
}
.box.box-solid.box-info {
	border: 1px solid #00c0ef;
}
.box.box-solid.box-info > .box-header {
	color: #ffffff;
	background: #00c0ef;
	background-color: #00c0ef;
}
.box.box-solid.box-info > .box-header a,
.box.box-solid.box-info > .box-header .btn {
	color: #ffffff;
}
.box.box-solid.box-danger {
	border: 1px solid #dd4b39;
}
.box.box-solid.box-danger > .box-header {
	color: #ffffff;
	background: #dd4b39;
	background-color: #dd4b39;
}
.box.box-solid.box-danger > .box-header a,
.box.box-solid.box-danger > .box-header .btn {
	color: #ffffff;
}
.box.box-solid.box-warning {
	border: 1px solid #f39c12;
}
.box.box-solid.box-warning > .box-header {
	color: #ffffff;
	background: #f39c12;
	background-color: #f39c12;
}
.box.box-solid.box-warning > .box-header a,
.box.box-solid.box-warning > .box-header .btn {
	color: #ffffff;
}
.box.box-solid.box-success {
	border: 1px solid #00a65a;
}
.box.box-solid.box-success > .box-header {
	color: #ffffff;
	background: #00a65a;
	background-color: #00a65a;
}
.box.box-solid.box-success > .box-header a,
.box.box-solid.box-success > .box-header .btn {
	color: #ffffff;
}
.box.box-solid > .box-header > .box-tools .btn {
	border: 0;
	box-shadow: none;
}
.box.box-solid[class*="bg"] > .box-header {
	color: #fff;
}
.box .box-group > .box {
	margin-bottom: 5px;
}
.box .knob-label {
	text-align: center;
	color: #333;
	font-weight: 100;
	font-size: 12px;
	margin-bottom: 0.3em;
}
.box > .overlay,
.overlay-wrapper > .overlay,
.box > .loading-img,
.overlay-wrapper > .loading-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.box .overlay,
.overlay-wrapper .overlay {
	z-index: 50;
	background: rgba(255, 255, 255, 0.7);
	border-radius: 3px;
}
.box .overlay > .fa,
.overlay-wrapper .overlay > .fa {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -15px;
	margin-top: -15px;
	color: #000;
	font-size: 30px;
}
.box .overlay.dark,
.overlay-wrapper .overlay.dark {
	background: rgba(0, 0, 0, 0.5);
}
.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after {
	content: " ";
	display: table;
}

.box-header:after,
.box-body:after,
.box-footer:after {
	clear: both;
}
.box-header {
	color: #444;
	display: block;
	padding: 10px;
	position: relative;
}
.box-header.with-border {
	border-bottom: 1px solid #f4f4f4;
}
.collapsed-box .box-header.with-border {
	border-bottom: none;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion,
.box-header .box-title {
	display: inline-block;
	font-size: 18px;
	margin: 0;
	line-height: 1;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion {
	margin-right: 5px;
}
.box-header > .box-tools {
	position: absolute;
	right: 10px;
	top: 5px;
}
.box-header > .box-tools [data-toggle="tooltip"] {
	position: relative;
}
.box-header > .box-tools.pull-right .dropdown-menu {
	right: 0;
	left: auto;
}
.btn-box-tool {
	padding: 5px;
	font-size: 12px;
	background: transparent;
	color: #97a0b3;
}
.open .btn-box-tool,
.btn-box-tool:hover {
	color: #606c84;
}
.btn-box-tool.btn:active {
	box-shadow: none;
}
.box-body {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	padding: 10px;
}
.no-header .box-body {
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}
.box-body > .table {
	margin-bottom: 0;
}
.box-body .fc {
	margin-top: 5px;
}
.box-body .full-width-chart {
	margin: -19px;
}
.box-body.no-padding .full-width-chart {
	margin: -9px;
}
.box-body .box-pane {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 3px;
}
.box-body .box-pane-right {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 0;
}
.box-footer {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top: 1px solid #f4f4f4;
	padding: 10px;
	background-color: #ffffff;
}
.chart-legend {
	margin: 10px 0;
}
@media (max-width: 991px) {
	.chart-legend > li {
		float: left;
		margin-right: 10px;
	}
}
.box-comments {
	background: #f7f7f7;
}
.box-comments .box-comment {
	padding: 8px 0;
	border-bottom: 1px solid #eee;
}
.box-comments .box-comment:before,
.box-comments .box-comment:after {
	content: " ";
	display: table;
}
.box-comments .box-comment:after {
	clear: both;
}
.box-comments .box-comment:last-of-type {
	border-bottom: 0;
}
.box-comments .box-comment:first-of-type {
	padding-top: 0;
}
.box-comments .box-comment img {
	float: left;
}
.box-comments .comment-text {
	margin-left: 40px;
	color: #555;
}
.box-comments .username {
	color: #444;
	display: block;
	font-weight: 600;
}
.box-comments .text-muted {
	font-weight: 400;
	font-size: 12px;
}

/*	icheckbox */
.icheckbox {
}

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

/*-----------------------------------
	투명도
-----------------------------------*/
.opacity10 {
	opacity: 0.1;
	filter: Alpha(Opacity=10);
}
.opacity20 {
	opacity: 0.2;
	filter: Alpha(Opacity=20);
}
.opacity30 {
	opacity: 0.3;
	filter: Alpha(Opacity=30);
}
.opacity40 {
	opacity: 0.4;
	filter: Alpha(Opacity=40);
}
.opacity50 {
	opacity: 0.5;
	filter: Alpha(Opacity=50);
}
.opacity60 {
	opacity: 0.6;
	filter: Alpha(Opacity=60);
}
.opacity70 {
	opacity: 0.7;
	filter: Alpha(Opacity=70);
}
.opacity80 {
	opacity: 0.8;
	filter: Alpha(Opacity=80);
}
.opacity90 {
	opacity: 0.9;
	filter: Alpha(Opacity=90);
}

/*-----------------------------------
	최대폭 100%
-----------------------------------*/
.auto-width {
	max-width: 100%;
	height: auto;
}

/*-----------------------------------
	TEXT
-----------------------------------*/
.black {
	color: #000;
}
.white {
	color: #fff;
}
.red {
	color: #f00;
}
.orange {
	color: #f60;
}
.green {
	color: #5eac60;
}
.blue {
	color: #4562df;
}
.purple {
	color: #f0f;
}
.yellow {
	color: #ff0;
}
.gray {
	color: #ccc;
}
.underline {
	text-decoration: underline;
}

.text-lg {
	font-size: 16pt;
}
.text-md {
	font-size: 11pt;
}
.text-sm {
	font-size: 9pt;
}
.text-xs {
	font-size: 8pt;
}

.text-lg,
.text-md,
.text-sm,
.text-xs {
	line-height: 1.6em;
}
.text-lg p,
.text-md p,
.text-sm p,
.text-xs p {
	margin-bottom: 1.6em;
}

h2,
h3,
h4,
h5,
h6 {
	font-weight: bold;
}

@media (min-width: 768px) {
	.text-lg {
		font-size: 20pt;
	}
	.text-md {
		font-size: 14pt;
	}
	.text-sm {
		font-size: 11pt;
	}
	.text-xs {
		font-size: 9pt;
	}
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}

/*-----------------------------------
	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;
}

/*-----------------------------------
	border color
-----------------------------------*/
.border-black {
	border-color: #000 !important;
}
.border-white {
	border-color: #fff !important;
}
.border-red {
	border-color: #f00 !important;
}
.border-orange {
	border-color: #f60 !important;
}
.border-green {
	border-color: #7ebd38 !important;
}
.border-blue {
	border-color: #09f !important;
}
.border-purple {
	border-color: #f0f !important;
}
.border-yellow {
	border-color: #ff0 !important;
}

/*-----------------------------------
	margin
-----------------------------------*/
.margin-bottom-10 {
	margin-bottom: 10px;
}
.margin-bottom-20 {
	margin-bottom: 20px;
}
.margin-bottom-30 {
	margin-bottom: 30px;
}
.margin-bottom-50 {
	margin-bottom: 50px;
}
.margin-bottom-100 {
	margin-bottom: 100px;
}
.margin-bottom-150 {
	margin-bottom: 150px;
}
.margin-bottom-200 {
	margin-bottom: 200px;
}
.margin-bottom-250 {
	margin-bottom: 250px;
}
.margin-bottom-300 {
	margin-bottom: 300px;
}

/*-----------------------------------
	Header
-----------------------------------*/
#Wrapper #top_header {
	color: #424242;
	background-color: rgba(255, 255, 255, 0.99);
    /*background: url(https://www.espot.co.kr/images/event/Btype/header_bg.png) no-repeat center top;*/
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
	vertical-align: baseline;
	height: 90px;
	position: fixed;
	top: 0;
	width: 100%;
}
#top_header .container {
	padding: 0;
}
#top_header #header_menu {
	background-color: rgba(43, 44, 46, 0.95);
	padding: 0 15px;
	height: 25px;
}
#top_header #header_menu ul {
	float: right;
	margin: 0;
	padding: 0;
}
#top_header #header_menu ul li {
	display: inline-block;
}
#top_header #header_menu ul li a {
	color: #fff;
	font-size: 9pt;
	font-family: "Nanum Gothic", sans-serif;
	padding: 3px 10px;
}
#top_header #header_menu2 {
	height: 55px;
}
#top_header #header_menu2 #header_logo {
	display: block;
	padding: 10px 0 0 0;
	position: absolute;
	top: 20px;
	left: 1em;
}
#top_header #header_menu2 nav {
}
#top_header #header_menu2 nav #topnav-toggle {
	display: block;
	position: absolute;
	width: 24px;
	height: 24px;
	top: 33px;
	right: 1em;
	font-size: 24px;
	color: #06f;
	cursor: pointer;
}
/*
	top nav
*/
#top_header #header_menu2 nav > * {
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
#top_header #header_menu2 nav #main_menu {
	margin: 80px 0 0 0;
	padding: 15px 15px 95px 15px;
	width: 100%;
	height: 100vh;
	overflow: scroll;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: -110%;
	border-top: solid 3px #e3e3e3;
	font-size: 11pt;
	font-weight: bold;
}
#top_header #header_menu2.active nav #main_menu {
	left: 0;
}
#top_header #header_menu2 nav #main_menu > ul {
	margin: 0;
	padding: 0;
	height: 100%;
	overflow: scroll;
}
#top_header #header_menu2 nav #main_menu > ul > li {
	width: 12.5%;
	display: block;
	border-bottom: solid 1px #e3e3e3;
	padding: 0;
}
#top_header #header_menu2 nav #main_menu > ul > li:last-child {
	border-bottom: none;
}
#top_header #header_menu2 nav #main_menu > ul > li > a {
	color: #424242;
	display: block;
	padding: 18px 10px;
	text-decoration: none;
	position: relative;
	border: none;
}
#top_header #header_menu2 nav #main_menu > ul > li > a::after {
	content: " ";
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	top: 18px;
	right: 10px;
	background-color: transparent;
	border-top: solid 8px transparent;
	border-left: solid 8px transparent;
	border-right: solid 8px #e3e3e3;
	border-bottom: solid 8px transparent;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
#top_header #header_menu2 nav #main_menu > ul > li.active > a {
	border-bottom: solid 1px #e3e3e3;
}
#top_header #header_menu2 nav #main_menu > ul > li.active > a::after {
	top: 22px;
	right: 6px;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
#top_header #header_menu2 nav #main_menu > ul > li > ul.subNav {
	max-height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0 0 0 10px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
#top_header #header_menu2 nav #main_menu > ul > li.active > ul.subNav {
	max-height: 600px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
#top_header #header_menu2 nav #main_menu > ul > li > ul.subNav > li {
	display: block;
	border-bottom: solid 1px #f1f1f1;
}
#top_header #header_menu2 nav #main_menu > ul > li > ul.subNav > li:last-child {
	border-bottom: none;
}
#top_header #header_menu2 nav #main_menu > ul > li > ul.subNav > li > a {
	display: block;
	color: #424242;
	padding: 18px 10px;
	font-weight: 400;
}
#TopSearchBar {
	display: block;
	margin-bottom: 10px;
	padding: 15px 0;
	position: relative;
	width: 100%;
	overflow: hidden;
}
#TopSearchBar #SearchKey {
	display: block;
	width: 100%;
	border-radius: 23px;
	padding: 10px 50px 10px 20px;
	border: solid 3px #f90;
}
#TopSearchBar #SearchButton {
	position: absolute;
	right: 0;
	top: 50%;
	background-color: #e88b01;
	border: none;
	cursor: pointer;
	font-size: 2em;
	color: #fff;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin: 0;
	padding: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-otransform: translateY(-50%);
	transform: translateY(-50%);
}
@media (min-width: 768px) {
	#top_header #header_menu2 .container {
		position: relative;
	}
	#top_header #header_menu2 #header_logo {
		top: 0;
		left: 0;
	}
	#top_header #header_menu2 nav #topnav-toggle {
		left: -200%;
	}
	#top_header #header_menu2 nav #main_menu {
		margin: 0;
		padding: 0 0 0 150px;
		width: 100%;
		height: auto;
		overflow: visible;
		background-color: transparent;
		position: static;
		top: 0;
		left: -110%;
		border-top: none;
		font-size: 11pt;
		font-weight: bold;
	}
	#top_header #header_menu2 nav #main_menu > ul {
		margin: 0;
		padding: 0;
		height: 100%;
		overflow: visible;
		list-style: none;
	}
	#top_header #header_menu2 nav #main_menu > ul > li {
		display: inline-block;
		border-bottom: none;
		padding-right: 0px;
		position: relative;
		float: left;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
	}
	#top_header #header_menu2 nav #main_menu > ul > li > a {
		min-width: 80px;
	}
	#TopSearchBar {
		margin-bottom: 0;
		padding: 0;
		position: relative;
		width: 36px;
		overflow: hidden;
		-webkit-transform: translateY(25%);
		-moz-transform: translateY(25%);
		-ms-transform: translateY(25%);
		-o-transform: translateY(25%);
		transform: translateY(25%);
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
	}
	#TopSearchBar #SearchKey {
		display: block;
		width: 100%;
		border-radius: 19px;
		padding: 5px 50px 5px 20px;
		border: solid 3px transparent;
	}
	#TopSearchBar #SearchButton {
		position: absolute;
		right: 0;
		top: 50%;
		background-color: #e88b01;
		border: none;
		cursor: pointer;
		font-size: 1.5em;
		color: #fff;
		width: 36px;
		height: 36px;
		border-radius: 18px;
		margin: 0;
		padding: 0;
		opacity: 0.5;
		filter: Alpha(Opacity=50);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
	}
	#TopSearchBar.active {
		width: 100%;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
	}
	#TopSearchBar.active #SearchKey {
		border: solid 3px #f90;
	}
	#TopSearchBar.active #SearchButton {
		opacity: 1;
		filter: Alpha(Opacity=100);
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
	}
	#top_header #header_menu2 nav #main_menu > ul > li > ul.subNav {
		position: absolute;
		top: 56px;
		left: 0;
		max-height: 0;
		min-width: 120px;
		overflow: hidden;
		margin: 0;
		padding: 0;
		background-color: #fff;
		box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	}
	#top_header #header_menu2 nav #main_menu > ul > li.active > ul.subNav {
		max-height: 600px;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
	}
}
@media (min-width: 992px) {
	#top_header #header_menu2 nav #main_menu > ul > li > a {
		min-width: 100px;
	}
}
@media (min-width: 1200px) {
	#top_header #header_menu2 nav #main_menu > ul > li > a {
		min-width: 120px;
	}
}


/*-----------------------------
	본문
-----------------------------*/
#ContentBody {
	margin-top: 80px;
	position: relative;
}

/*-----------------------------
	Footer
-----------------------------*/
footer {
	margin: 0px 0 0 0;
}
footer .footerRow1 {
	background-color: #202020;
	color: #fff;
	padding: 15px 0;
}
footer .footerRow2 {
	background-color: #151515;
	color: #919191;
	padding: 15px 0;
}
footer .footerRow1 header {
	margin-bottom: 0;
	padding-bottom: 15px;
	border-bottom: solid 2px #ffffff2e;
}
footer .footerRow1 header h4 {
	position: relative;
	margin: 0;
	padding: 8px 0 8px 50px;
	font-weight: bold;
}
footer .footerRow1 header h4 i {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 40px;
	color: #ffffff2e;
	opacity: 0.6;
	filter: Alpha(Opacity=60);
}
footer .footerRow1 ul {
	margin: 0 0 30px 0;
	padding: 15px;
	list-style: none;
	min-height: 160px;
}
footer .footerRow1 ul li {
	border-bottom: 1px dotted #e3e3e3;
}
footer .footerRow1 ul li:last-child {
	border-bottom: none;
}
footer .footerRow1 ul li a {
	display: block;
	padding: 5px 0;
	color: #ccc;
}
footer .footerRow2 ul {
	margin-bottom: 20px;
	padding: 15px 0 0 0;
	list-style: none;
	border-bottom: solid 1px #353535;
}
footer .footerRow2 ul li {
	display: block;
	width: 50%;
	float: left;
}
footer .footerRow2 ul li a {
	color: #ccc;
	display: block;
	padding: 0 25px 15px 0;
	font-size: 12pt;
	font-weight: bold;
}
footer .footerContent p {
	margin-bottom: 5px;
	line-height: 1.6em;
}
@media (min-width: 768px) {
	footer .footerRow2 ul li {
		display: inline-block;
		width: auto;
	}
}

/**********************************
	공통 세션
**********************************/
.section,
.section-fluid,
.section-emphasis {
	padding-top: 50px;
	padding-bottom: 70px;
	position: relative;
}
.section {
	background-color: #fff;
}
.section-fluid {
	background-color: #f4f5f7;
}
.section-fluid hr {
	border-top: 1px solid #ccc;
}
.section-emphasis {
	background-color: #242d37;
	color: #fff;
}
.section-emphasis hr {
	border-top: 1px solid #fff;
}

.section h2 {
	margin-bottom: 50px;
	font-weight: bold;
}

.section-bg-img {
	position: absolute;
}
.section-bg-img.left {
	left: 0;
}
.section-bg-img.center {
	left: 0;
	margin-left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.section-bg-img.right {
	right: 0;
}
.section-bg-img.top {
	top: 0;
}
.section-bg-img.bottom {
	bottom: 0;
}

.relative {
	position: relative;
}
.section .container.relative .section-bg-img.top {
	top: -50px;
}
.section .container.relative .section-bg-img.bottom {
	bottom: -70px;
}

.section ol,
.section ul {
	padding: 0;
	margin: 0;
}

/* 리스트 스타일 제거	*/
.list-style-no {
	list-style: none;
}

/* 버튼 xs 사이즈에서는 블럭	*/
.btn-auto {
	display: block;
	width: 100%;
}
@media (min-width: 768px) {
	.btn-auto {
		display: inline-block;
		width: auto;
	}
}

/*-----------------------------
	바뀐 서브 페이지 디자인
-----------------------------*/
#ContentBody {
}
#KeepLoginFrame {
	position: absolute;
	top: 0;
}

/* location */
#ContentBody #pageLocation {
	text-align: right;
	margin: 0;
	padding: 10px 0;
}
#ContentBody #pageLocation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#ContentBody #pageLocation ul li {
	display: inline-block;
}
#ContentBody #pageLocation ul li a {
	font-size: 12pt;
	padding: 5px;
	cursor: pointer;
}
#ContentBody #pageLocation ul li:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f105";
	color: #337ab7;
	display: inline-block;
	margin: 0 5px;
}
#ContentBody #pageLocation ul li:last-child:after {
	content: " ";
	margin: 0 0 0 5px;
}

/*	page_header	*/
#ContentBody .page_header {
}
#ContentBody .page_header .page_header_bg1,
#ContentBody .page_header .page_header_bg2,
#ContentBody .page_header .page_header_bg3 {
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center bottom;
}

#ContentBody section p {
	line-height: 2em;
}

/*	에듀라이브 소개	*/
#ContentBody .page_header.info_service {
	background-color: #fc0;
}
#ContentBody .page_header.info_service .page_header_bg1 {
	background-image: url(/images/page_headers/info_service/bg1.png);
	background-size: 45em;
}
#ContentBody .page_header.info_service .page_header_bg2 {
	background-image: url(/images/page_headers/info_service/bg2.png);
	background-size: 35em;
}
#ContentBody .page_header.info_service .page_header_bg3 {
}

/*	이용안내 소개	*/
#ContentBody .page_header.info {
	background-color: #fc0;
}
#ContentBody .page_header.info .page_header_bg1 {
	background-image: url(/images/page_headers/info_service/bg1.png);
	background-size: 45em;
}
#ContentBody .page_header.info .page_header_bg2 {
	background-image: url(/images/page_headers/info_service/bg2.png);
	background-size: 35em;
}

#ContentBody .info_section {
	background: url('/images/info/info/sub_banner.png') center center;
	position: relative;
}

#ContentBody .info_section .section_title{
	text-align: center;
	padding-top: 30px;
	padding-bottom: 50px;
}

#ContentBody .info_section .section_title h1{
	font-weight: 600;
	color: #fff;
}

#ContentBody .info_section .section_mid{
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	top: 120px;
}

#ContentBody .info_section .section_mid a{
	width: 45%;
	font-weight: 600;
	padding: 15px 0;
}

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

#ContentBody .info_section_content .section_content{
	text-align: center;
	padding-bottom: 50px;
}

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

#ContentBody .info_section_content .section_content ul li{
	width: 8.3333%;
	float: left;
	font-weight: 900;
}

#ContentBody .info_section_content2 .section_title{
	padding: 50px 0;
}

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

#ContentBody .info_section_content2 .section_head .section_title h2 b{
	color: #0080c3;
}

#ContentBody .info_section_content2 .section_button{
	text-align: center;
}

#ContentBody .info_section_content2 .section_button button{
	width: 20%;
	border-radius: 30px;
	font-weight: 600;
}

#ContentBody .info_section_content2 #section_body1{
	padding: 50px 0;
}

#ContentBody .info_section_content2 #section_body1 .content1,
#ContentBody .info_section_content2 #section_body1 .content2,
#ContentBody .info_section_content2 #section_body1 .content3,
#ContentBody .info_section_content2 #section_body1 .content4,
#ContentBody .info_section_content2 #section_body1 .content5{
	padding: 20px 0;
}

#ContentBody .info_section_content2 #section_body1 .content1 .image1,
#ContentBody .info_section_content2 #section_body1 .content2 .image2,
#ContentBody .info_section_content2 #section_body1 .content3 .image3,
#ContentBody .info_section_content2 #section_body1 .content4 .image4{
	background-color: #fff;
	text-align: center;
	padding: 30px 150px;
	border-radius: 20px;
	height: auto;
}

#ContentBody .info_section_content2 #section_body1 .content5 .image5 {
	background-color: #fff;
	text-align: center;
	padding: 30px 30px;
	border-radius: 20px;
	height: 470px;
}

#ContentBody .info_section_content2 #section_body1 .content2 .image2 img,
#ContentBody .info_section_content2 #section_body1 .content3 .image3 img,
#ContentBody .info_section_content2 #section_body1 .content4 .image4 img,
#ContentBody .info_section_content2 #section_body1 .content5 .image5 img{
	border: solid 1px #e9e9e9;
	width: 100%;
}

#ContentBody .info_section_content2 #section_body1 .content1 .image1 img{
	border: solid 1px #e9e9e9;
}

#ContentBody .info_section_content2 #section_body1 .content1 .text1,
#ContentBody .info_section_content2 #section_body1 .content2 .text2,
#ContentBody .info_section_content2 #section_body1 .content3 .text3,
#ContentBody .info_section_content2 #section_body1 .content4 .text4,
#ContentBody .info_section_content2 #section_body1 .content5 .text5{
	font-size: 18px;
	font-weight: 900;
	padding: 150px 0;

}

#ContentBody .info_section_content2 #section_body1 .content1 .text1 p,
#ContentBody .info_section_content2 #section_body1 .content2 .text2 p,
#ContentBody .info_section_content2 #section_body1 .content3 .text3 p,
#ContentBody .info_section_content2 #section_body1 .content4 .text4 p,
#ContentBody .info_section_content2 #section_body1 .content5 .text5 p{
	font-size: 14px;
	font-weight: 400;
	text-align: left;
}


#ContentBody .info_section_content2 #section_body2{
	padding: 50px 0;
}

#ContentBody .info_section_content2 #section_body2 .content1,
#ContentBody .info_section_content2 #section_body2 .content2,
#ContentBody .info_section_content2 #section_body2 .content3,
#ContentBody .info_section_content2 #section_body2 .content4,
#ContentBody .info_section_content2 #section_body2 .content5{
	padding: 20px 0;
}

#ContentBody .info_section_content2 #section_body2 .content1 .image1,
#ContentBody .info_section_content2 #section_body2 .content2 .image2,
#ContentBody .info_section_content2 #section_body2 .content3 .image3,
#ContentBody .info_section_content2 #section_body2 .content4 .image4,
#ContentBody .info_section_content2 #section_body2 .content5 .image5{
	background-color: #fff;
	text-align: center;
	padding: 30px 30px;
	border-radius: 20px;
	height: 470px;
}

#ContentBody .info_section_content2 #section_body2 .content2 .image2 img,
#ContentBody .info_section_content2 #section_body2 .content3 .image3 img,
#ContentBody .info_section_content2 #section_body2 .content4 .image4 img,
#ContentBody .info_section_content2 #section_body2 .content5 .image5 img{
	border: solid 1px #e9e9e9;	
	width: 100%;
}

#ContentBody .info_section_content2 #section_body2 .content1 .image1 img{
	border: solid 1px #e9e9e9;	
}


#ContentBody .info_section_content2 #section_body2 .content1 .text1,
#ContentBody .info_section_content2 #section_body2 .content2 .text2,
#ContentBody .info_section_content2 #section_body2 .content3 .text3,
#ContentBody .info_section_content2 #section_body2 .content4 .text4,
#ContentBody .info_section_content2 #section_body2 .content5 .text5{
	font-size: 18px;
	font-weight: 900;
	padding: 150px 0;

}

#ContentBody .info_section_content2 #section_body2 .content1 .text1 p,
#ContentBody .info_section_content2 #section_body2 .content2 .text2 p,
#ContentBody .info_section_content2 #section_body2 .content3 .text3 p,
#ContentBody .info_section_content2 #section_body2 .content4 .text4 p,
#ContentBody .info_section_content2 #section_body2 .content5 .text5 p{
	font-size: 14px;
	font-weight: 400;
	text-align: left;
}


#ContentBody .info_section_content2 #section_body3{
	padding: 50px 0;
}

#ContentBody .info_section_content2 #section_body3 .content1,
#ContentBody .info_section_content2 #section_body3 .content2,
#ContentBody .info_section_content2 #section_body3 .content3,
#ContentBody .info_section_content2 #section_body3 .content4,
#ContentBody .info_section_content2 #section_body3 .content5{
	padding: 20px 0;
}

#ContentBody .info_section_content2 #section_body3 .content1 .image1,
#ContentBody .info_section_content2 #section_body3 .content2 .image2,
#ContentBody .info_section_content2 #section_body3 .content3 .image3,
#ContentBody .info_section_content2 #section_body3 .content4 .image4,
#ContentBody .info_section_content2 #section_body3 .content5 .image5{
	background-color: #fff;
	text-align: center;
	padding: 30px 30px;
	border-radius: 20px;
	height: 470px;
}


#ContentBody .info_section_content2 #section_body3 .content2 .image2 img,
#ContentBody .info_section_content2 #section_body3 .content3 .image3 img,
#ContentBody .info_section_content2 #section_body3 .content4 .image4 img,
#ContentBody .info_section_content2 #section_body3 .content5 .image5 img{
	border: solid 1px #e9e9e9;
	width: 100%;
}

#ContentBody .info_section_content2 #section_body3 .content1 .image1 img{
	border: solid 1px #e9e9e9;
}

#ContentBody .info_section_content2 #section_body3 .content1 .text1,
#ContentBody .info_section_content2 #section_body3 .content2 .text2,
#ContentBody .info_section_content2 #section_body3 .content3 .text3,
#ContentBody .info_section_content2 #section_body3 .content4 .text4,
#ContentBody .info_section_content2 #section_body3 .content5 .text5{
	font-size: 18px;
	font-weight: 900;
	padding: 150px 0;

}

#ContentBody .info_section_content2 #section_body3 .content1 .text1 p,
#ContentBody .info_section_content2 #section_body3 .content2 .text2 p,
#ContentBody .info_section_content2 #section_body3 .content3 .text3 p,
#ContentBody .info_section_content2 #section_body3 .content4 .text4 p,
#ContentBody .info_section_content2 #section_body3 .content5 .text5 p{
	font-size: 14px;
	font-weight: 400;
	text-align: left;
}


/*	수강료 안내	 */
#ContentBody .price_section_head {
	background: url('/images/info/info/sub_banner.png') center center;
	position: relative;
	padding-top: 30px;
	padding-bottom: 50px;
}

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

#ContentBody .price_section_head .section_title h1{
	color: #fff;
	font-weight: 600;
}

#ContentBody .price_section_head .section_mid{
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	top: 120px;
}

#ContentBody .price_section_head .section_mid a{
	width: 45%;
	font-weight: 600;
	padding: 15px 0;
}

#ContentBody .price_section .section_title{
	padding-top: 50px;
	padding-bottom: 30px;
	text-align: center;
}

#ContentBody .price_section .section_button{
	text-align: center;
}

#ContentBody .price_section .section_button button{
	width: 20%;
	border-radius: 30px;
	font-weight: 600;
}

#ContentBody .price_section .section_body{
	padding-top: 50px;
	padding-bottom: 150px;
}

#ContentBody .price_section .section_body #content1,
#ContentBody .price_section .section_body #content2,
#ContentBody .price_section .section_body #content3{
	text-align: center;
}

#ContentBody .price_section .section_body #content1 .title{
	padding-top: 20px;
	padding-bottom: 30px;
}


#ContentBody .price_section .section_body #content1 .table #liveTable {	
	border-collapse: collapse;
	border-radius: 10px;
	border-style: hidden;
	box-shadow: 0 0 0 1px #999;  
}

#ContentBody .price_section .section_body #content1 .table #liveTable thead th{
	text-align: center;
	background-color: #f9f9f9;
}

#ContentBody .price_section .section_body #content1 .table #liveTable thead .discount{
	background: #06f;
	color: #fff;
}

#ContentBody .price_section .section_body #content1 .table #liveTable tbody{
	border-top: 0;
}

#ContentBody .price_section .section_body #content1 .table #liveTable tbody .weeks{
	padding: 50px 0;
}

#ContentBody .price_section .section_body #content1 .table #liveTable tbody .grades{
	padding: 50px 0;
}

#ContentBody .price_section .section_body #content1 .table #liveTable tbody .o_price{
	font-weight: 900;
}

#ContentBody .price_section .section_body #content1 .table #liveTable tbody .price{
	color: #06f;
	font-weight: 800;
}

#ContentBody .price_section .section_body #content1 .table #liveTable tbody .l_price{
	color: #666;
	text-decoration: line-through;
}

/*  에듀라이브 수강료 ( 장기 수강 초등 )  */
#ContentBody .price_section .section_body #content0 .title{
	text-align: center;
	padding: 20px 0;
}

#ContentBody .price_section .section_body #content0 .table #longTable_e{
	border-collapse: collapse;
	border-radius: 10px;
	border-style: hidden;
	box-shadow: 0 0 0 1px #999;
}

#ContentBody .price_section .section_body #content0 .table #longTable_e thead th{
	text-align: center;
	background-color: #f9f9f9;
}

#ContentBody .price_section .section_body #content0 .table #longTable_e tbody td{
	text-align: center;
}

#ContentBody .price_section .section_body #content0 .table #longTable_e thead .discount{
	background: #06f;
	color: #fff;
}

#ContentBody .price_section .section_body #content0 .table #longTable_e tbody .price{
	color: #06f;
	font-weight: 800;
}

#ContentBody .price_section .section_body #content0 .table #longTable_e tbody .grades{
	padding: 40px 0;
}


#ContentBody .price_section .section_body #content0 .table #longTable_m{
	border-collapse: collapse;
	border-radius: 10px;
	border-style: hidden;
	box-shadow: 0 0 0 1px #999;
}

/*  에듀라이브 수강료 ( 장기 수강 중등 )  */


#ContentBody .price_section .section_body #content0 .table #longTable_m thead th{
	text-align: center;
	background-color: #f9f9f9;
}

#ContentBody .price_section .section_body #content0 .table #longTable_m tbody td{
	text-align: center;
}

#ContentBody .price_section .section_body #content0 .table #longTable_m thead .discount{
	background: #06f;
	color: #fff;
}

#ContentBody .price_section .section_body #content0 .table #longTable_m tbody .grades{
	padding: 40px 0;
}

#ContentBody .price_section .section_body #content0 .table #longTable_m tbody .price{
	color: #06f;
	font-weight: 800;
}




#ContentBody .price_section .section_body #content2 .title{
	padding: 30px 0;
}


#ContentBody .price_section .section_body #content2 .table_e #videoTable_e {	
	border-collapse: collapse;
	border-radius: 10px;
	border-style: hidden;
	box-shadow: 0 0 0 1px #999;  
}

#ContentBody .price_section .section_body #content2 .table_e #videoTable_e thead th{
	text-align: center;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	background-color: #f9f9f9;
}

#ContentBody .price_section .section_body #content2 .table_e #videoTable_e thead .discount{
	background: #06f;
	color: #fff;
}

#ContentBody .price_section .section_body #content2 .table_e #videoTable_e tbody{
	border-top: 0;
}

#ContentBody .price_section .section_body #content2 .table_e #videoTable_e tbody .grades{
	padding: 50px 0;
}

#ContentBody .price_section .section_body #content2 .table_e #videoTable_e tbody .o_price{
	font-weight: 900;
}

#ContentBody .price_section .section_body #content2 .table_e #videoTable_e tbody .price{
	color: #06f;
	font-weight: 800;
}

#ContentBody .price_section .section_body #content2 .table_e #videoTable_e tbody .l_price{
	color: #666;
	text-decoration: line-through;
}

#ContentBody .price_section .section_body #content2 .table_m #videoTable_m {	
	border-collapse: collapse;
	border-radius: 10px;
	border-style: hidden;
	box-shadow: 0 0 0 1px #999;  
}

#ContentBody .price_section .section_body #content2 .table_m #videoTable_m thead th{
	text-align: center;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	background-color: #f9f9f9;
}

#ContentBody .price_section .section_body #content2 .table_m #videoTable_m thead .discount{
	background: #06f;
	color: #fff;
}

#ContentBody .price_section .section_body #content2 .table_m #videoTable_m tbody{
	border-top: 0;
}

#ContentBody .price_section .section_body #content2 .table_m #videoTable_m tbody .grades{
	padding: 50px 0;
}

#ContentBody .price_section .section_body #content2 .table_m #videoTable_m tbody .o_price{
	font-weight: 900;
}

#ContentBody .price_section .section_body #content2 .table_m #videoTable_m tbody .price{
	color: #06f;
	font-weight: 800;
}

#ContentBody .price_section .section_body #content2 .table_m #videoTable_m tbody .l_price{
	color: #666;
	text-decoration: line-through;
}

#ContentBody .price_section .section_body #content3 {
	padding: 20px 0;
}

#ContentBody .price_section .section_body #content3 .title{
	padding-top: 30px;
}

#ContentBody .price_section .section_body #content3 .table1,
#ContentBody .price_section .section_body #content3 .table2{
	padding: 20px 0;
}

#ContentBody .price_section .section_body #content3 .table1 #refundTable,
#ContentBody .price_section .section_body #content3 .table2 #refundTable2{
	border-collapse: collapse;
	border-radius: 10px;
	border-style: hidden;
	box-shadow: 0 0 0 1px #999;  
}

#ContentBody .price_section .section_body #content3 .table1 #refundTable thead th,
#ContentBody .price_section .section_body #content3 .table2 #refundTable2 thead th{
	text-align: center;
	background-color: #f9f9f9;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}


#ContentBody .price_section .section_body #content3 .table1 #refundTable tbody td b{
	font-weight: 600;
}

#ContentBody .price_section .section_body #content3 .table2 p{
	color: #f00;
}

#ContentBody .price_section .section_body #content3 .table1 {
	padding: 15px 250px;
}

#ContentBody .price_section .section_body #content3 .table1 .text{
	text-align: center;
	padding-bottom : 20px;
}


/*	 공지사항	*/
#ContentBody .notice_section_head{
	background: url('/images/sub_banner.png') center center;
	position: relative;
}

#ContentBody .notice_section_head .section_title{
	text-align: center;
	padding-top: 30px;
	padding-bottom: 50px;
}

#ContentBody .notice_section_head .section_title h1{
	font-weight: 600;
	color: #fff;
}

#ContentBody .notice_section_head .section_mid{
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	top: 120px;
}

#ContentBody .notice_section_head .section_mid a{
	width: 45%;
	font-weight: 600;
	padding: 15px 0;
}

#ContentBody .notice_section{
	padding-top: 100px;
	padding-bottom: 50px;
}

#ContentBody .notice_section .pagenations{
	text-align: center;
}

/*	 이벤트	  */
#ContentBody .event_section_head{
	background: url('/images/sub_banner.png') center center;
	position: relative;
}

#ContentBody .event_section_head .section_title{
	text-align: center;
	padding-top: 30px;
	padding-bottom: 50px;
}

#ContentBody .event_section_head .section_title h1{
	font-weight: 600;
	color: #fff;
}

#ContentBody .event_section_head .section_mid{
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	top: 120px;
}

#ContentBody .event_section_head .section_mid a{
	width: 45%;
	font-weight: 600;
	padding: 15px 0;
}

#ContentBody .event_section{
	padding-top: 100px;
	padding-bottom: 50px;
}

#ContentBody .event_section .pagenations{
	text-align: center;
}

/*	 문의게시판	 */
#ContentBody .inquiry_section_head{
	background: url('/images/sub_banner.png') center center;
	position: relative;
}

#ContentBody .inquiry_section_head .section_title{
	text-align: center;
	padding-top: 30px;
	padding-bottom: 50px;
}

#ContentBody .inquiry_section_head .section_title h1{
	color: #fff;
	font-weight: 600;
}

#ContentBody .inquiry_section_head .section_mid{
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	top: 120px;
}

#ContentBody .inquiry_section_head .section_mid a{
	width: 50%;
	font-weight: 600;
	float: left;
	padding: 15px 0;
}

#ContentBody .inquiry_section {
	padding-top: 100px;
	padding-bottom: 50px;
}

/*	  학습후기 	  */
#ContentBody .review_section_head{
	background: url('/images/sub_banner.png') center center;
	position: relative;
}

#ContentBody .review_section_head .section_title{
	text-align: center;
	padding-top: 30px;
	padding-bottom: 50px;
}

#ContentBody .review_section_head .section_title h1{
	color: #fff;
	font-weight: 600;
}

#ContentBody .review_section{
	padding: 100px 0;
}


/*	  FAQ	 */
#ContentBody .faq_section_head{
	background: url('/images/sub_banner.png') center center;
	position: relative;
}

#ContentBody .faq_section_head .section_title{
	text-align: center;
	padding-top: 30px;
	padding-bottom: 50px;
}

#ContentBody .faq_section_head .section_title h1{
	color: #fff;
	font-weight: 600;
}

#ContentBody .faq_section_head .section_mid{
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	top: 120px;
}

#ContentBody .faq_section_head .section_mid a{
	width: 50%;
	font-weight: 600;
	float: left;
	padding: 15px 0;
}

#ContentBody .faq_section {
	padding-top: 100px;
	padding-bottom: 50px;
}

/*	  원격지원    */
#ContentBody .remote_section_head{
	background: url('/images/sub_banner.png') center center;
	position: relative;
}

#ContentBody .remote_section_head .section_title{
	text-align: center;
	padding-top: 30px;
	padding-bottom: 50px;
}

#ContentBody .remote_section_head .section_title h1{
	color: #fff;
	font-weight: 600;
}

#ContentBody .remote_section_head .section_mid{
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	top: 120px;
}

#ContentBody .remote_section_head .section_mid a{
	width: 33.333%;
	font-weight: 600;
	padding: 15px 0;
	float: left;
}

#ContentBody .remote_section{
	padding-top: 100px;
	padding-bottom: 50px;
}

#ContentBody .remote_section .section_head {
	background-color: #e9e9e9;
	padding: 30px;
	margin-bottom: 50px;
	border-radius: 30px;
}

#ContentBody .remote_section .section_head .text1,
#ContentBody .remote_section .section_head .text2{
	text-align: center;
	font-size: 16px;
}

#ContentBody .remote_section .section_head .text2 {
	padding: 20px 0;
}

#ContentBody .remote_section .section_head .text2 b{
	font-weight: 900;
}

#ContentBody .remote_section .section_head .text2 h2{
	color: #0072bc;
	font-weight: 600;
}

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

#ContentBody .remote_section .section_body .text3{
	padding: 50px 0;
	font-size: 18px;
}

#ContentBody .remote_section .section_body .text3 b{
	font-weight: 900;
}

#ContentBody .remote_section .section_body .program1{
	padding: 50px 0;
	background-color: #e9e9e9;
	margin: 10px 0;
	border-radius: 30px;
	
}

#ContentBody .remote_section .section_body .program1 .text{
	font-size: 18px;
}

#ContentBody .remote_section .section_body .program1 .text b{
	font-weight: 900;
}

#ContentBody .remote_section .section_body .program1 .buttons{
	padding: 20px 0;
}

#ContentBody .remote_section .section_body .program2{
	padding: 20px 0;
	background-color: #e9e9e9;
	margin: 10px 0;
	border-radius: 30px;
}

#ContentBody .remote_section .section_body .program2 .text{
	font-size: 18px;
}

#ContentBody .remote_section .section_body .program2 .text b{
	font-weight: 900;
}

#ContentBody .remote_section .section_body .program2 .buttons{
	padding: 20px 0;
}

#ContentBody .remote_section .section_body .program3{
	padding: 50px 0;
	background-color: #e9e9e9;
	padding: 20px;
	border-radius: 30px;
	margin: 30px 0;
}

#ContentBody .remote_section .section_body .program3 .text{
	font-size: 18px;
}

#ContentBody .remote_section .section_body .program3 .text b{
	font-weight: 900;
}

#ContentBody .remote_section .section_body .program3 .image{
	padding: 30px 0;
}

#ContentBody .remote_section .section_body .text3{
	background-color: #e9e9e9;
	padding: 30px;
	margin: 20px 0;
	border-radius: 30px;
}

/*	고객센터  */
#ContentBody .customer_section_head{
	background: url('/images/sub_banner.png') center center;
	position: relative;
}

#ContentBody .customer_section_head .section_title{
	text-align: center;
	padding-top: 30px;
	padding-bottom: 50px;
}

#ContentBody .customer_section_head .section_title h1{
	color: #fff;
	font-weight: 600;
}

#ContentBody .customer_section_head .section_mid{
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	top: 120px;
}


#ContentBody .customer_section_head .section_mid a{
	width: 33.333%;
	font-weight: 600;
	padding: 15px 0;
	float: left;
}

#ContentBody .customer_section{
	padding-top: 100px;
	padding-bottom: 150px;
	text-align: center;
}

#ContentBody .customer_section .customer_content{
	background-color: #f9f9f9;
	border-radius: 20px;
}

#ContentBody .customer_section .image{
	text-align: center;
}

#ContentBody .customer_section .image img{
	width: 100%;
}

#ContentBody .customer_section .content{
	text-align: center;
}

#ContentBody .customer_section .content .text{
	padding-top: 50px;
	padding-bottom: 30px;
}

#ContentBody .customer_section .text h2{
	color: #06c;
}

#ContentBody .customer_section .content .buttons{
	padding: 0 150px;
}

#ContentBody .customer_section .content .buttons a{
	width: 100%;
	border-radius: 30px;
	font-weight: 600;
}

/*	 해결도우미	  */
#ContentBody .help_section_head{
	background: url('/images/sub_banner.png') center center;
	position: relative;
}

#ContentBody .help_section_head .section_title{
	text-align: center;
	padding-top: 30px;
	padding-bottom: 50px;
}

#ContentBody .help_section_head .section_title h1{
	color: #fff;
	font-weight: 600;
}

#ContentBody .help_section_head .section_mid{
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	top: 120px;
}

#ContentBody .help_section_head .section_mid a{
	width: 33.333%;
	font-weight: 600;
	padding: 15px 0;
	float: left;
}

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

/*	 화상프로그램	*/
#ContentBody .program_section_head {
	background: url('/images/sub_banner.png') center center;
	position: relative;
}

#ContentBody .program_section_head .section_title{
	text-align: center;
	padding-top: 30px;
	padding-bottom: 50px;
}

#ContentBody .program_section_head .section_title h1{
	color: #fff;
	font-weight: 600;
}

#ContentBody .program_section_head .section_mid{
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	top: 120px;
}


#ContentBody .program_section_head .section_mid a{
	width: 33.333%;
	font-weight: 600;
	padding: 15px 0;
	float: left;
}

#ContentBody .program_section{
	padding-top: 100px;
	padding-bottom: 150px;
	text-align: center;
}

#ContentBody .program_section .section_Test{
	padding-bottom: 50px;
}

#ContentBody .program_section .section_title{
	padding: 30px 0;

}

#ContentBody .program_section .section_title .sub_title{
	text-align: left;
	padding: 30px 0;
}

#ContentBody .program_section .section_title .sub_title .alert{
	padding: 30px 30px 30px 90px;
	border-radius: 30px;
}

#ContentBody .program_section .section_title .sub_title .alert ul{
	list-style-type: square;
}

#ContentBody .program_section .section_title .sub_title .alert ul li{
	padding:  10px 0;
}

#ContentBody .program_section .section_image ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#ContentBody .program_section .section_image ul li{
	width: 8.3333%;
	float: left;
	font-weight: 900;
}

#ContentBody .program_section .section_image{
	padding: 30px 0;
}

#ContentBody .program_section .option_button button{
	padding: 15px 50px;
	border-radius: 30px;
	font-weight: 600;
}

#ContentBody .program_section .option_content{
	padding: 50px 0;
}

#ContentBody .program_section .option_content #Chrome .title{
	text-align: center;
	padding: 50px 0 100px 0;
}


#ContentBody .program_section .option_content #Chrome .contents{
	padding: 10px;
}


#ContentBody .program_section .option_content #Chrome .contents .content1 img,
#ContentBody .program_section .option_content #Chrome .contents .content2 img,
#ContentBody .program_section .option_content #Chrome .contents .content3 img,
#ContentBody .program_section .option_content #Chrome .contents .content4 img{
	width: 80%;
}

#ContentBody .program_section .option_content #Chrome .contents .content1 .text,
#ContentBody .program_section .option_content #Chrome .contents .content2 .text,
#ContentBody .program_section .option_content #Chrome .contents .content3 .text,
#ContentBody .program_section .option_content #Chrome .contents .content4 .text{
	padding: 100px 0;
}

#ContentBody .program_section .option_content #Chrome .contents .content1,
#ContentBody .program_section .option_content #Chrome .contents .content2,
#ContentBody .program_section .option_content #Chrome .contents .content3,
#ContentBody .program_section .option_content #Chrome .contents .content4{
	padding: 30px 0;
	background-color: #f9f9f9;
	margin: 20px 0;
	border-radius: 20px;
}

#ContentBody .program_section .option_content #NaverWhale .title{
	text-align: center;
	padding: 50px 0 100px 0;
}

#ContentBody .program_section .option_content #NaverWhale .contents{
	padding: 10px;
}

#ContentBody .program_section .option_content #NaverWhale .contents .content1,
#ContentBody .program_section .option_content #NaverWhale .contents .content2,
#ContentBody .program_section .option_content #NaverWhale .contents .content3,
#ContentBody .program_section .option_content #NaverWhale .contents .content4{
	padding: 30px 0;
	background-color: #f9f9f9;
	margin: 20px 0;
	border-radius: 20px;
}

#ContentBody .program_section .option_content #NaverWhale .contents .content1 .text,
#ContentBody .program_section .option_content #NaverWhale .contents .content2 .text,
#ContentBody .program_section .option_content #NaverWhale .contents .content3 .text,
#ContentBody .program_section .option_content #NaverWhale .contents .content4 .text{
	padding: 100px 0;
}

#ContentBody .program_section .option_content #NaverWhale .contents .content1 img,
#ContentBody .program_section .option_content #NaverWhale .contents .content2 img,
#ContentBody .program_section .option_content #NaverWhale .contents .content3 img,
#ContentBody .program_section .option_content #NaverWhale .contents .content4 img{
	width: 80%;
}



#ContentBody .program_section .option_content #MicrosoftEdge .title{
	text-align: center;
	padding: 50px 0 100px 0;
}

#ContentBody .program_section .option_content #MicrosoftEdge .contents {
	padding: 10px;
}

#ContentBody .program_section .option_content #MicrosoftEdge .contents .content1,
#ContentBody .program_section .option_content #MicrosoftEdge .contents .content2,
#ContentBody .program_section .option_content #MicrosoftEdge .contents .content3,
#ContentBody .program_section .option_content #MicrosoftEdge .contents .content4,
#ContentBody .program_section .option_content #MicrosoftEdge .contents .content5{
	padding: 30px 0;
	background-color: #f9f9f9;
	margin: 20px 0;
	border-radius: 20px;
}

#ContentBody .program_section .option_content #MicrosoftEdge .contents .content1 .text,
#ContentBody .program_section .option_content #MicrosoftEdge .contents .content2 .text,
#ContentBody .program_section .option_content #MicrosoftEdge .contents .content3 .text,
#ContentBody .program_section .option_content #MicrosoftEdge .contents .content4 .text,
#ContentBody .program_section .option_content #MicrosoftEdge .contents .content5 .text{
	padding: 100px 0;
}

#ContentBody .program_section .option_content #MicrosoftEdge .contents .content1 img,
#ContentBody .program_section .option_content #MicrosoftEdge .contents .content2 img,
#ContentBody .program_section .option_content #MicrosoftEdge .contents .content3 img,
#ContentBody .program_section .option_content #MicrosoftEdge .contents .content4 img{
	width: 80%;
}

#ContentBody .program_section .option_content #MicrosoftEdge .contents .content5 img{
	width: 80%;
}

/*	해결도우미  */
#ContentBody .support_section_head {
	background: url('/images/sub_banner.png') center center;
	position: relative;
}

#ContentBody .support_section_head .section_title{
	text-align: center;
	padding-top: 30px;
	padding-bottom: 50px;
}

#ContentBody .support_section_head .section_title h1{
	color: #fff;
	font-weight: 600;
}

#ContentBody .support_section_head .section_mid{
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	top: 120px;
}


#ContentBody .support_section_head .section_mid a{
	width: 33.333%;
	font-weight: 600;
	padding: 15px 0;
	float: left;
}

#ContentBody .support_section{
	padding: 100px 0;
}


#ContentBody .about_section_head{
	background: url('/images/about/sub_banner.png')center center;
	position: relative;
}

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

#ContentBody .about_section_head .section_title h1{
	font-weight: 600;
	color: #fff;
}

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

#ContentBody .about_section .section_content{
	padding: 0 200px;
}

#ContentBody .about_section .section_content #contentTable th{
	text-align: right;
	padding: 15px 20px;
}

#ContentBody .about_section .section_content #contentTable td{
	text-align: left;
}


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

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

#ContentBody .about_section3 .section_title{
	text-align: left;
	padding: 50px 200px;
}

#ContentBody .about_section3 .section_content .content1,
#ContentBody .about_section3 .section_content .content2,
#ContentBody .about_section3 .section_content .content3,
#ContentBody .about_section3 .section_content .content4,
#ContentBody .about_section3 .section_content .content5,
#ContentBody .about_section3 .section_content .content6,
#ContentBody .about_section3 .section_content .content7,
#ContentBody .about_section3 .section_content .content8{
	margin: 20px 200px;
	padding: 20px 20px;
	border: solid 1px #e9e9e9;
	border-radius: 20px;
}


#ContentBody .about_section4{
	padding-bottom: 100px;
}

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

#ContentBody .about_section4 .section_content {
	padding: 50px 150px;
}

#ContentBody .about_section4 .section_content thead th{
	text-align: center;
}

#ContentBody .about_section4 .section_content tbody th{
	text-align: center;
	vertical-align: middle;
	padding: 0;	
}

#ContentBody .about_section4 .Patentlist {
	list-style: none;
	padding-bottom: 50px;
}

#ContentBody .about_section4 .Patentlist li{
	width: 20%;
	float: left;
	padding: 10px 0;
}







/*	방송강의 소개	*/
#ContentBody .page_header.broadcast {
	background-color: #7ecce5;
}
#ContentBody .page_header.broadcast .page_header_bg1__ {
	background-image: url(/images/page_headers/broadcast/bg_img_lg.png);
	background-size: 45em;
}
#ContentBody .page_header.broadcast .page_header_bg2 {
	background-image: url(/images/page_headers/broadcast/bg_img_lg.png);
	background-size: 35em;
}


/*	방송강의 일정	*/
#ContentBody .page_header.timatable1 {
	background-color: #7ecce5;
}
#ContentBody .page_header.timatable1 .page_header_bg1__ {
	background-image: url(/images/page_headers/timetable1/bg_img_lg.png);
	background-size: 45em;
}
#ContentBody .page_header.timatable1 .page_header_bg2 {
	background-image: url(/images/page_headers/timetable1/bg_img_lg.png);
	background-size: 35em;
}
#ContentBody .page_header.timatable1 .page_header_bg3 {
}

/*	방송강의 수강료안내	*/
#ContentBody .page_header.broadcastprice {
	background-color: #7ecce5;
}
#ContentBody .page_header.broadcastprice .page_header_bg1__ {
	background-image: url(/images/page_headers/broadcastprice/bg_img_lg.png);
	background-size: 45em;
}
#ContentBody .page_header.broadcastprice .page_header_bg2 {
	background-image: url(/images/page_headers/broadcastprice/bg_img_lg.png);
	background-size: 35em;
}
#ContentBody .page_header.broadcastprice .page_header_bg3 {
}

/*	전문강의 소개	*/
#ContentBody .page_header.professional {
	background-color: #ffcdbf;
}
#ContentBody .page_header.professional .page_header_bg1__ {
	background-image: url(/images/page_headers/professional/bg_img_lg.png);
	background-size: 45em;
}
#ContentBody .page_header.professional .page_header_bg2 {
	background-image: url(/images/page_headers/professional/bg_img_lg.png);
	background-size: 35em;
}
#ContentBody .page_header.professional .page_header_bg3 {
}

/*	전문강의 수강료안내	*/
#ContentBody .page_header.professionalprice {
	background-color: #ffcdbf;
}
#ContentBody .page_header.professionalprice .page_header_bg1__ {
	background-image: url(/images/page_headers/professionalprice/bg_img_lg.png);
	background-size: 45em;
}
#ContentBody .page_header.professionalprice .page_header_bg2 {
	background-image: url(/images/page_headers/professionalprice/bg_img_lg.png);
	background-size: 35em;
}
#ContentBody .page_header.professionalprice .page_header_bg3 {
}

/*	동영상강의 소개	*/
#ContentBody .page_header.videoclass {
	background-color: #f6bb58;
}
#ContentBody .page_header.videoclass .page_header_bg1__ {
	background-image: url(/images/page_headers/videoclass/bg_img_lg.png);
	background-size: 45em;
}
#ContentBody .page_header.videoclass .page_header_bg2 {
	background-image: url(/images/page_headers/videoclass/bg_img_lg.png);
	background-size: 35em;
}
#ContentBody .page_header.videoclass .page_header_bg3 {
}

/*	동영상강의 소개	*/
#ContentBody .page_header.videoclass {
	background-color: #f6bb58;
}
#ContentBody .page_header.videoclass .page_header_bg1__ {
	background-image: url(/images/page_headers/videoclass/bg_img_lg.png);
	background-size: 45em;
}
#ContentBody .page_header.videoclass .page_header_bg2 {
	background-image: url(/images/page_headers/videoclass/bg_img_lg.png);
	background-size: 35em;
}
#ContentBody .page_header.videoclass .page_header_bg3 {
}

/*	진단평가 안내	*/
#ContentBody .page_header.test {
	background-color: #ffe274;
}
#ContentBody .page_header.test .page_header_bg1_ {
	background-image: url(/images/info/test/bg_img_lg.png);
	background-size: 45em;
}
#ContentBody .page_header.test .page_header_bg2 {
	background-image: url(/images/info/test/bg_img_lg.png);
	background-size: 35em;
}
#ContentBody .page_header.test .page_header_bg3 {
}

/*	전문강사진	*/

#ContentBody .page_header.teachers {
	background-color: #ffcdbf;
}
#ContentBody .page_header.teachers .page_header_bg1__ {
	background-image: url(/images/page_headers/teachers/bg_img_lg.png);
	background-size: 45em;
}
#ContentBody .page_header.teachers .page_header_bg2 {
	background-image: url(/images/page_headers/teachers/bg_img_lg.png);
	background-size: 35em;
}
#ContentBody .page_header.teachers .page_header_bg3 {
}

/*	고객지원	*/
#ContentBody .page_header.customer_support {
	background-color: #44c693;
}
#ContentBody .page_header.customer_support .page_header_bg1 {
	background-image: url(/images/page_headers/customer_support/bg1.png);
	background-size: 45em;
}
#ContentBody .page_header.customer_support .page_header_bg2 {
	background-image: url(/images/page_headers/customer_support/bg2.png);
	background-size: 35em;
}
#ContentBody .page_header.customer_support .page_header_bg3 {
}

/*	강의 안내	*/
#ContentBody .page_header.info_class {
	background-color: #4cb2da;
}
#ContentBody .page_header.info_class .page_header_bg1 {
	background-image: url(/images/page_headers/customer_support/bg1.png);
	background-size: 45em;
}
#ContentBody .page_header.info_class .page_header_bg2 {
	background-image: url(/images/page_headers/timetable/bg.png);
	background-size: 35em;
}
#ContentBody .page_header.info_class .page_header_bg3 {
}

/*	교재 안내	*/
#ContentBody .page_header.info_books {
	background-color: #8fb9e2;
}
#ContentBody .page_header.info_books .page_header_bg1 {
	background-image: url(/images/books/bg_img_lg.png);
	background-size: 45em;
}
#ContentBody .page_header.info_books .page_header_bg2__ {
	background-image: url(/images/books/bg_img_xs.png);
	background-size: 35em;
}
#ContentBody .page_header.info_books .page_header_bg3 {
}

#ContentBody .page_header .title_box {
	width: 200px;
	height: 200px;
	margin: 40px auto;
	text-align: center;
	border-radius: 50%;
	border: solid 5px #ff6600;
	position: relative;
	overflow: hidden;
}
#ContentBody .page_header .title_box .title_bg {
	width: 100%;
	height: 100%;
	background-color: #fff;
}
#ContentBody .page_header .title_box .title {
	position: absolute;
	top: 46%;
	left: 50%;
	-webkit-transform: translate(-50%, -55%) scale(0.7);
	-moz-transform: translate(-50%, -50%) scale(0.7);
	-ms-transform: translate(-50%, -50%) scale(0.7);
	-o-transform: translate(-50%, -50%) scale(0.7);
	transform: translate(-50%, -50%) scale(0.7);
}

#ContentBody .page_header .title_box.text {
	width: 80%;
	height: 80px;
	margin: 20px auto;
	border-radius: 20px;
	border: solid 5px #ff6600;
}


@media (min-width: 768px) {
	#ContentBody .page_header .page_header_bg1,
	#ContentBody .page_header .page_header_bg2,
	#ContentBody .page_header .page_header_bg3 {
		height: 100%;
		width: 100%;
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: auto !important;
	}
	#ContentBody .page_header .title_box {
		width: 300px;
		height: 300px;
		margin: 40px auto;
	}
	#ContentBody .page_header .title_box.text {
		width: 50%;
		height: 80px;
		margin: 30px auto;
	}
	#ContentBody .page_header .title_box .title {
		-webkit-transform: translate(-50%, -55%) scale(1);
		-moz-transform: translate(-50%, -50%) scale(1);
		-ms-transform: translate(-50%, -50%) scale(1);
		-o-transform: translate(-50%, -50%) scale(1);
		transform: scale(1) translate(-50%, -50%);
	}
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}

/*-----------------------------------
	정사각형
-----------------------------------*/
.square {
	position: relative;
}
.square:after {
	content: " ";
	display: block;
	padding-bottom: 100%;
}
.square .square-inner {
	position: absolute;
	width: 100%;
	height: 100%;
}
.square .square-inner img {
	max-width: 100%;
	height: auto;
}
.square .square-inner svg {
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
}

/*-----------------------------------
	원형 테두리
-----------------------------------*/
.circle-box {
	border: solid 5px #e3e3e3;
	padding: 0;
	border-radius: 50%;
	background-color: #fff;
	overflow: hidden;
}

/*-----------------------------
	메인
-----------------------------*/
#Main_Title {
	width: 100%;
	margin: 0 0 30px 0;
}
#Main_Title .row {
	margin: 0;
}
#Main_Banner {
	width: 100%;
	margin: 0;
	overflow: hidden;
	height: 300px;
}
#Main_Banner ul {
	margin: 0;
	padding: 0;
	width: 200%;
	height: 100%;
	list-style: none;
	position: relative;
	overflow: hidden;
}
#Main_Banner ul li {
	display: inline-block;
	padding: 0;
	width: 50%;
	height: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	-webkit-transition: 1.5s;
	-o-transition: 1.5s;
	transition: 1.5s;
}
#Main_Banner ul li .bn_box {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: translate(50%, 50%);
	-ms-transform: translate(50%, 50%);
	transform: translate(50%, 50%);
}
#Main_Banner ul li .bn_box img {
	position: absolute;
	top: 0;
	left: 0;
	height: auto;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#Main_Banner ul li .bn_box_1 a {
	position: absolute;
	top: 160px;
	left: -550px;
	display: block;
	width: 250px;
	height: 50px;
	font-size: 18px;
	border-radius: 20px;
	padding-top: 10px;
	font-weight: 600;
	background-color: #6c7ae0;
	color: #fff;
}

#Main_Banner ul li .bn_box_2 a{
	position: absolute;
	top: 140px;
	left: -550px;
	display: block;
	width: 250px;
	height: 50px;
	font-size: 18px;
	border-radius: 20px;
	padding-top: 10px;
	font-weight: 600;
	background-color: #6c7ae0;
	color: #fff;
}

#Main_Banner #Main_Banner_Arrow {
	height: 0;
	position: relative;
	opacity: 0;
	-webkit-transition: 1.5s;
	-o-transition: 1.5s;
	transition: 1.5s;
}
#Main_Banner:hover #Main_Banner_Arrow {
	opacity: 0.5;
}
#Main_Banner #Main_Banner_Arrow a.left {
	position: absolute;
	top: -300px;
	left: 20px;
	cursor: pointer;
}
#Main_Banner #Main_Banner_Arrow a.right {
	position: absolute;
	top: -300px;
	right: 20px;
	cursor: pointer;
}

/* 후기 배너 2023-11-14 정준영*/

#ContentBody .Rolling {
	background: url('/images/main/main_roller_bg.png') center center;
	padding: 30px 0;
}

#ContentBody .Rolling .R_title h2{
	font-weight: 900;
	color: #000;
}

#ContentBody .Rolling .R_title p{
	color: #000;
}

#ContentBody .Rolling .R_banner{
	width: 100%;
    height: 150px;
    position: relative;
    overflow: hidden;
}

#ContentBody .Rolling .R_banner #R_rolling_list{
	width: 100%;
    height: auto;
    list-style: none;
    position: absolute;
    top: 0;
    animation: none;
}

#ContentBody .Rolling .R_banner #R_rolling_list li{
	width: 100%;
	height: 150px;
	line-height: 50px;
}

#ContentBody .Rolling .R_banner #R_rolling_list li a img{
	width: 100%;
}


/* 애니메이션 키프레임 설정 */
@keyframes animate {
	0% { top: 0; } /* 초기 위치 */
	100% { top: -500px; } /* 원하는 롤링 이동 거리 (종료 위치) */
}

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

/*	강사 배너	*/
#T_Banner {
	padding: 0;
	position: relative;
	margin: 30px -30px;
}
#T_Banner .T_Left {
	display: none;
}
#T_Banner .T_Banners {
	margin-left: 0;
	overflow: hidden;
}
#T_Banner .T_Banners #T_BannersList {
	width: 200%;
	height: 150px;
	margin: 0;
}
#T_Banner .T_Banners #T_BannersList li {
	width: 136px;
	display: inline-block;
	margin: 0;
	padding: 0;
	text-align: center;
	-webkit-transition: 2s;
	-o-transition: 2;
	transition: 2s;
}
#T_Banner .T_Banners #T_BannersList li a {
	display: block;
	width: 120px;
	height: 150px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}
#T_Banner .T_Banners #T_BannersList li a .img-box {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: translate(50%, 50%);
	-ms-transform: translate(50%, 50%);
	transform: translate(50%, 50%);
}
#T_Banner .T_Banners #T_BannersList li a .img-box img {
	position: absolute;
	top: 0;
	left: 0;
	height: auto;
	-webkit-transform: translate(-50%, -65%);
	-ms-transform: translate(-50%, -65%);
	transform: translate(-50%, -65%);
}
#T_Banner .T_Banners #T_BannersList li a:hover .img-box img {
	width: 130px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
#T_Banner .T_Banners #T_BannersList li a span.ct_Name,
#T_Banner .T_Banners #T_BannersList li a span.t_Name {
	display: block;
	text-align: center;
	position: absolute;
	width: 100%;
	background-color: #878afd;
	color: #fff;
	margin: 0;
	padding: 5px;
}
#T_Banner .T_Banners #T_BannersList li a span.ct_Name {
	bottom: 20px;
}
#T_Banner .T_Banners #T_BannersList li a span.t_Name {
	bottom: 0px;
	font-weight: bold;
}

@media (min-width: 768px) {
	#Main_Banner {
		height: 450px;
	}
	#T_Banner {
		padding: 0;
		position: relative;
		margin: 30px -30px 0 -30px;
	}
	#T_Banner .T_Left {
		position: absolute;
		left: 0;
		top: 0;
		width: 250px;
		height: 100%;
		display: block;
	}
	#T_Banner .T_Left .tb_box {
		width: 50%;
		display: inline-block;
		float: left;
	}
	#T_Banner .T_Banners {
		margin-left: 250px;
		overflow: hidden;
	}
	#T_Banner .T_Banners #T_BannersList {
		width: 200%;
		height: 150px;
	}
	#T_Banner .T_Banners #T_BannersList li {
		width: 164px;
		display: inline-block;
		margin: 0;
		padding: 0;
		text-align: center;
		-webkit-transition: 2s;
		-o-transition: 2s;
		transition: 2s;
	}
	#T_Banner .T_Banners #T_BannersList li a {
		display: block;
		width: 120px;
		height: 150px;
		position: relative;
		overflow: hidden;
		border-radius: 10px;
	}
	#T_Banner .T_Banners #T_BannersList li a .img-box {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		-webkit-transform: translate(50%, 50%);
		-ms-transform: translate(50%, 50%);
		transform: translate(50%, 50%);
	}
	#T_Banner .T_Banners #T_BannersList li a .img-box img {
		position: absolute;
		top: 0;
		left: 0;
		height: auto;
		-webkit-transform: translate(-50%, -65%);
		-ms-transform: translate(-50%, -65%);
		transform: translate(-50%, -65%);
	}
	#T_Banner .T_Banners #T_BannersList li a:hover .img-box img {
		width: 130px;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
	}
	#T_Banner .T_Banners #T_BannersList li a span.ct_Name,
	#T_Banner .T_Banners #T_BannersList li a span.t_Name {
		display: block;
		text-align: center;
		position: absolute;
		width: 100%;
		background-color: #878afd;
		color: #fff;
		margin: 0;
		padding: 5px;
	}
	#T_Banner .T_Banners #T_BannersList li a span.ct_Name {
		bottom: 20px;
	}
	#T_Banner .T_Banners #T_BannersList li a span.t_Name {
		bottom: 0px;
	}
}
@media (min-width: 992px) {
	#Main_Banner {
		height: 450px;
	}
	#T_Banner .T_Banners #T_BannersList li {
		width: 144px;
	}
}

@media (min-width: 1200px) {
	#Main_Banner {
		height: 450px;
	}
	#T_Banner .T_Banners #T_BannersList li {
		width: 152px;
	}
}

/*********	배너	**********/
#MainBanner {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 30px;
}
#MainBanner:before,
#MainBanner:after {
	display: table;
	content: " ";
}
#MainBanner:after {
	clear: both;
}
#MainBanner #MainBannerLeft {
	width: 100%;
	overflow: hidden;
	position: relative;
	float: none;
}
#MainBanner #MainBannerLeft img {
	width: 100%;
}
#MainBanner #MainBannerLeft #MRollBanner {
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	min-height: 200px;
	list-style: none;
	z-index: 55;
}
#MRollBanner li {
	position: absolute;
	display: block;
	float: none;
	background: #fff;
}
#MRollNumber {
	position: absolute;
	width: 100%;
	height: 30px;
	bottom: -10px;
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
	z-index: 59;
}
#MRollNumber li {
	display: inline-block;
	margin: 0 3px;
}
#MRollNumber li a {
	background: #666;
	display: block;
	height: 16px;
	width: 16px;
	border-radius: 8px;
	text-indent: 1000px;
}
#MRollNumber li a.mreActive {
	background: #f90;
}

#MainBanner #MainBannerRight {
	display: none;
}
#MainBanner #MainBannerRight .BennerR {
	width: 50%;
	display: inline-block;
	float: left;
	overflow: hidden;
	background: #fff;
}
#MainBanner #MainBannerRight #MainTeacher {
	width: 100%;
	overflow: hidden;
	position: relative;
	float: left;
}
#MainBanner #MainBannerRight #MainBanner:before,
#MainBanner #MainBannerRight #MainBanner:after {
	display: table;
	content: " ";
}
#MainBanner #MainBannerRight #MainTeacher #TBanners {
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	list-style: none;
	z-index: 55;
}
#MainBanner #MainBannerRight #MainTeacher #TBanners li {
	position: absolute;
	display: block;
	float: none;
	background: #fff;
}
#MainBanner #MainBannerRight #MainTeacher #TRollNumber {
	position: absolute;
	width: 100%;
	height: 30px;
	bottom: -10px;
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
	z-index: 59;
}
#MainBanner #MainBannerRight #MainTeacher #TRollNumber li {
	display: inline-block;
	margin: 0 3px;
}
#MainBanner #MainBannerRight #MainTeacher #TRollNumber li a {
	background: #666;
	display: block;
	height: 16px;
	width: 16px;
	border-radius: 8px;
	text-indent: 1000px;
}
#MainBanner #MainBannerRight #MainTeacher #TRollNumber li a.mreActive {
	background: #f90;
}

#MainBanner .banner_xl {
	display: none;
}
#MainBanner .banner_md {
	display: none;
}
#MainBanner .banner_sm {
	display: none;
}
#MainBanner .banner_xs {
	display: block;
	width: 100% !important;
}

@media (min-width: 768px) {
	#MainBanner {
		width: 750px;
		height: 450px;
		overflow: hidden;
	}
	#MainBanner #MainBannerLeft {
		width: 750px;
		height: 300px;
		float: left;
	}
	#MainBanner #MainBannerRight {
		display: block;
		width: 750px;
		height: 150px;
		float: left;
	}
	#MainBanner #MainBannerRight .BennerR {
		width: 50%;
		height: 150px;
		display: inline-block;
		float: left;
	}
	#MainBanner #MainBannerRight #MainTeacher #TBanners li {
		width: 375px;
		height: 150px;
		overflow: hidden;
	}
	#MainBanner #MainBannerRight #MainTeacher {
		width: 50%;
		overflow: hidden;
		position: relative;
		float: left;
	}
	#MainBanner .banner_xl {
		display: none;
	}
	#MainBanner .banner_md {
		display: none;
	}
	#MainBanner .banner_sm {
		display: block;
	}
	#MainBanner .banner_xs {
		display: none;
	}
}
@media (min-width: 992px) {
	#MainBanner {
		width: 970px;
		height: 400px;
	}
	#MainBanner #MainBannerLeft {
		width: 670px;
		height: 400px;
		float: left;
	}
	#MainBanner #MainBannerRight {
		width: 300px;
		height: 400px;
		float: right;
	}
	#MainBanner #MainBannerRight .BennerR {
		width: 100%;
		height: 200px;
	}
	#MainBanner #MainBannerRight #MainTeacher #TBanners li {
		width: 300px;
		height: 200px;
	}
	#MainBanner #MainBannerRight #MainTeacher {
		width: 100%;
	}
	#MainBanner .banner_xl {
		display: none;
	}
	#MainBanner .banner_md {
		display: block;
	}
	#MainBanner .banner_sm {
		display: none;
	}
	#MainBanner .banner_xs {
		display: none;
	}
}

@media (min-width: 1200px) {
	#MainBanner {
		width: 1170px;
		height: 400px;
	}
	#MainBanner #MainBannerLeft {
		width: 870px;
		height: 400px;
		float: left;
	}
	#MainBanner #MainBannerRight {
		width: 300px;
		height: 400px;
		float: right;
	}
	#MainBanner #MainBannerRight .BennerR {
		width: 100%;
		height: 200px;
	}
	#MainBanner #MainBannerRight #MainTeacher #TBanners li {
		width: 300px;
		height: 200px;
	}

	#MainBanner .banner_xl {
		display: block;
	}
	#MainBanner .banner_md {
		display: none;
	}
	#MainBanner .banner_sm {
		display: none;
	}
	#MainBanner .banner_xs {
		display: none;
	}
}

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

.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;
}

.LectureBox2 {
	display: block;
	position: relative;
}

.LectureBox .LectureImage {
	display: block;
	overflow: hidden;
	padding: 1px;
	background-color: #e3e3e3;
	width: 100%;
	height: 100px;
}

.LectureBox2 .LectureImage2 {
	display: block;
	overflow: hidden;
	padding: 1px;
	background-color: #e3e3e3;
	border-radius: 10px;
	width: 100%;
}

.LectureBox .LectureImage img {
	width: 100%;
}

.LectureBox2 .LectureImage2 img {
	width: 100%;
}

.LectureBox .LectureBody h5 {
	display: block;
	overflow: hidden;
	height: 15px;
	/* [disabled]white-space: nowrap; */
	font-weight: bold;
}

.LectureBox2 .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;
}

.LectureBox2 .LectureBody .teacherName span {
	display: block;
	color: #09f;
	white-space: nowrap;
}

.LectureBox .LectureBody .explanation {
	color: #666;
	display: block;
	height: 40px;
	overflow: hidden;
}

.LectureBox2 .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);
}

.LectureBox2 .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;
}

.LectureBox2: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;
}

.LectureBox2 .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;
}

.LectureBox2 .LectureLink a:active,
.LectureBox2 .LectureLink a:hover,
.LectureBox2 .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;
}

/*-----------------------------
	서브
-----------------------------*/
#pageHeader {
	margin: 0 0 30px 0;
	padding: 0;
	height: 60px;
	overflow: hidden;
	position: relative;
}
#pageHeader .container {
	position: relative;
	height: 100%;
}
.pageheader_01 {
	background: url(/images/pageheaders/pageheader_01.jpg) repeat-x center center;
}
.pageheader_02 {
	background: url(/images/pageheaders/pageheader_02.png) repeat-x center center;
}
.pageheader_03 {
	background: url(/images/pageheaders/pageheader_03.png) repeat-x center center;
}
.pageheader_04 {
	background: url(/images/pageheaders/pageheader_04.png) repeat-x center center;
}
.pageheader_05 {
	background: url(/images/pageheaders/pageheader_05.png) repeat-x center center;
}

.pageheader_51 {
	background: url(/images/pageheaders/pageheader_51.png) repeat-x center center;
}
.pageheader_52 {
	background: url(/images/pageheaders/pageheader_52.png) repeat-x center center;
}
.pageheader_53 {
	background: url(/images/pageheaders/pageheader_53.png) repeat-x center center;
}
.pageheader_54 {
	background: url(/images/pageheaders/pageheader_54.png) repeat-x center center;
}

#pageHeader .headerTitle {
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	position: absolute;
	bottom: 20px;
	left: 20px;
	text-shadow: 2px 2px rgba(255, 255, 255, 0.5);
}
@media (min-width: 768px) {
	#pageHeader {
		height: 80px;
	}
	#pageHeader .headerTitle {
		font-size: 32px;
	}
}
@media (min-width: 992px) {
	#pageHeader {
		height: 80px;
	}
	#pageHeader .headerTitle {
		font-size: 36px;
	}
}
@media (min-width: 1200px) {
	#pageHeader {
		height: 80px;
	}
	#pageHeader .headerTitle {
		font-size: 40px;
	}
}

/***********	info	****************/
.info {
	padding: 15px;
}
.info dl {
	display: block;
	margin: 15px 0;
}
.info dl:before,
.info dl:after {
	display: table;
	content: " ";
}
.info dl:after {
	clear: both;
}
.info dl dt {
	display: block;
	width: 100%;
	text-align: left;
	font-weight: 600;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
}
.info dl dd {
	display: block;
	line-height: 1.6em;
}
.infoTable {
	border: none;
}
.infoTable tbody th {
	font-weight: bold;
	text-align: right;
	padding: 10px;
	vertical-align: top;
	border-top: none;
	border-right: none;
	border-bottom: 1px dotted #e3e3e3;
	border-left: none;
}
.infoTable tbody td {
	padding: 10px;
	border-top: none;
	border-right: none;
	border-bottom: 1px dotted #e3e3e3;
	border-left: none;
}
.infoTable2 {
	border: none;
}
.infoTable2 thead th {
	font-weight: bold;
	text-align: center;
	padding: 10px;
	border-top: none;
	border-right: none;
	border-bottom: 2px solid #e3e3e3;
	border-left: none;
}
.infoTable2 tbody th {
	font-weight: bold;
	text-align: right;
	padding: 10px;
	vertical-align: top;
	border-top: none;
	border-right: none;
	border-bottom: 1px dotted #e3e3e3;
	border-left: none;
}
.infoTable2 tbody td {
	padding: 10px;
	border-top: none;
	border-right: none;
	border-bottom: 1px dotted #e3e3e3;
	border-left: none;
}

.MemberInfo {
	padding: 15px;
}
.MemberInfo dl {
	display: block;
	margin: 15px 0;
}
.MemberInfo dl:before,
.MemberInfo dl:after {
	display: table;
	content: " ";
}
.MemberInfo dl:after {
	clear: both;
}
.MemberInfo dl dt {
	display: block;
	width: 100%;
	text-align: left;
	font-weight: 600;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
}
.MemberInfo dl dd {
	display: block;
	line-height: 1.6em;
}

.MemberInfoMenu {
	padding: 0;
	margin: 0;
	list-style: none;
}
.MemberInfoMenu li {
	display: inline-block;
}

@media (min-width: 768px) {
	.info dl dt {
		display: inline-block;
		width: 150px;
		text-align: right;
	}
	.info dl dd {
		display: inline-block;
	}

	.MemberInfo dl dt {
		display: inline-block;
		width: 100px;
		text-align: right;
	}
	.MemberInfo dl dd {
		display: inline-block;
	}
}
@media (min-width: 992px) {
}

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

/*	Alert */
.alert.alert-danger,
.alert.alert-info,
.alert.alert-success {
	position: relative;
	padding: 70px 15px 15px 15px;
	min-height: 100px;
}

.alert.alert-danger:before {
	position: absolute;
	left: 15px;
	top: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f071";
	font-size: 2em;
	line-height: 2em;
	color: #ee8588;
}
.alert.alert-info:before {
	position: absolute;
	left: 15px;
	top: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f05a";
	font-size: 2em;
	line-height: 2em;
	color: #7ecaf2;
}
.alert.alert-success:before {
	position: absolute;
	left: 15px;
	top: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f058";
	font-size: 2em;
	line-height: 2em;
	color: #8abd8b;
}

@media (min-width: 768px) {
	.alert.alert-danger,
	.alert.alert-info,
	.alert.alert-success {
		padding: 15px 15px 15px 80px;
		min-height: 80px;
	}
	.alert.alert-danger:before {
		position: absolute;
		left: 20px;
		top: 5px;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f071";
		font-size: 2.5em;
		line-height: 2em;
		color: #ee8588;
	}
	.alert.alert-info:before {
		position: absolute;
		left: 20px;
		top: 5px;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f05a";
		font-size: 2.5em;
		line-height: 2em;
		color: #7ecaf2;
	}
	.alert.alert-success:before {
		position: absolute;
		left: 20px;
		top: 5px;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f058";
		font-size: 2.5em;
		line-height: 2em;
		color: #8abd8b;
	}
}

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

.regiAggre {
}

/************		상세 페이지		******************/
.headerTitleImage {
	padding: 0;
	margin: 0;
	font-size: 36pt;
	font-weight: bold;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
}
.headerTitleImage img {
	max-height: 250px;
}

@media (min-width: 768px) {
	.headerTitleImage img {
		max-height: 300px;
	}
}
@media (min-width: 992px) {
	.headerTitleImage img {
		max-height: 350px;
	}
}

@media (min-width: 1200px) {
	.headerTitleImage img {
		max-height: 400px;
	}
}

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

.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%;
	}
}

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

.teacher_page_header {
	width: 100%;
	height: 150px;
	position: relative;
	overflow: hidden;
	margin: -19px 0 30px 0;
}
.teacher_page_header .teacher_header_img_box {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: translate(50%, 50%);
	-ms-transform: translate(50%, 50%);
	transform: translate(50%, 50%);
}
.teacher_page_header .teacher_header_img_box img {
	position: absolute;
	top: 0;
	left: 0;
	height: auto;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.teacher_title,
.teacher_greeting {
	margin-bottom: 30px;
}
.teacher_title img {
	width: 100%;
	max-height: auto;
	margin-bottom: 15px;
	border: solid 1px #e3e3e3;
}
.teacher_title .teacher_title_name {
	font-size: 16pt;
	text-align: center;
}
.teacher_title .teacher_title_name strong {
	margin-right: 20px;
}
.teacher_title .teacher_title_name a {
	font-weight: 900;
}
.teacher_greeting {
	padding: 15px;
	border: solid 1px #e3e3e3;
	line-height: 1.6em;
	font-size: 11pt;
	background-color: #f1f1f1;
	border-radius: 5px;
}

.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 {
}
.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: #d2d6de;
	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: #f39c12;
	padding: 5px 10px;
	border-radius: 5px;
	border: 1px solid #f39c12;
	margin: 5px 0 0 0;
	color: #fff;
}

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

/*	강의 상세	*/

#eTeacherInfo a {
	color: #0080c3;
}
#eTeacherInfo .media-body {
	padding-left: 20px;
	line-height: 2em;
}
#eTeacherInfo h4 {
	font-size: 24px;
	margin-bottom: 20px;
}
#eTeacherInfo h4 small {
	margin-left: 15px;
}
#eTeacherInfo .media-body i,
#eTeacherInfo .media-body svg {
	margin-right: 10px;
}
#eTeacherInfo .teacherSNS,
#eTeacherInfo .teacherSNS a {
	color: #0080c3;
}
.well.count {
	color: #4b525d;
}
.well.count strong {
	margin-left: 15px;
	font-size: 24px;
	font-weight: bold;
}
.well.count i,
.well.count svg {
	color: #7ec239;
}
.eClassDetail img {
	max-width: 100%;
	height: auto;
}

.SNSbuttons .fa-youtube-square {
	color: #f00;
}
.SNSbuttons .fa-facebook-square {
	color: #4267b2;
}
.SNSbuttons .fa-twitter-square {
	color: #1da1f2;
}
.SNSbuttons .fa-instagram {
	color: rgb(38, 38, 38);
}

/*	상세정보	*/
.ClassContentHTML {
	position: relative;
	overflow: hidden;
	height: auto;
	min-height: 200px;
	padding-bottom: 50px;
}
.ClassContentHTML.mimView {
	height: 300px;
}
.ClassContentHTML .ClassContentFooter {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
}
.ClassContentHTML .ClassContentFooter a {
	font-size: 14pt;
	padding: 10px;
	width: 100%;
	cursor: pointer;
	display: block;
	background-color: #ffffff70;
	text-decoration: none;
}
.ClassContentHTML img {
	max-width: 100%;
	height: auto !important;
}

.lectureDetailInfo {
	display: block;
}

/*
.lectureDetailInfo dl { display: table-row; }
.lectureDetailInfo dl dt, .lectureDetailInfo dl dd { display:table-cell; padding:7px; }

.lectureDetailInfo dl dd { text-align: right; }
*/
.lectureDetailInfo dl {
	margin-bottom: 15px;
}
.lectureDetailInfo dl dt {
	text-align: left;
}
.lectureDetailInfo dl dd {
	padding-left: 10px;
}

.lecture_info {
	border: 1px solid #e3e3e3;
	border-radius: 6px;
	padding: 15px;
	margin: 20px 0;
	min-height: 80px;
}
.lectureDetailInfo .btn-box {
	padding: 15px 0;
}

/*	결제 모달	*/
#paymentModal {
	top: 100px;
}

/**************************		강의 동영상 재생바		***************************/
.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;
}

/************		강의 시간표		******************/
#teacher_select {
	margin-top: 5px;
	list-style: none;
}
#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) {
}

table caption {
	position: absolute;
	left: -200%;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/*	priceTable 	*/
.tablePrice {
	border: none;
	font-size: 9pt;
	margin-bottom: 50px;
	font-size: 14pt;
	line-height: 1.6em;
}
.tablePrice thead {
	background-color: #fff;
}
.tablePrice thead th {
	padding: 15px 0;
	font-size: 2em;
	color: #333;
}
.tablePrice thead th.student {
	border-bottom: solid 5px #0c6;
}
.tablePrice thead th.adult {
	border-bottom: solid 5px #01afe8;
}
.tablePrice thead td {
	font-weight: 400;
}
.tablePrice tbody {
	border-top: solid 3px #ddd;
}
.tablePrice tbody tr {
}
.tablePrice tbody th {
}
.tablePrice tbody td {
	border-left: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	font-weight: 400;
}
.tablePrice tbody th,
.tablePrice tbody td {
	padding: 15px 5px;
}
.tablePrice thead th,
.tablePrice thead td,
.tablePrice tbody th,
.tablePrice tbody td,
.tablePrice tfoot td,
.tablePrice tfoot th {
	text-align: center;
}
.tablePrice tfoot {
	border-top: solid 3px #ddd;
}
.tablePrice tfoot tr {
}
.tablePrice tfoot th {
}
.tablePrice tfoot td {
}
.tablePrice tfoot th,
.tablePrice tfoot td {
	padding: 15px 5px;
}
.tablePrice tbody .won {
	font-weight: 600;
	color: #333;
}
.tablePrice tbody .fa-check {
	font-size: 1.2em;
	color: #01afe8;
}
.tablePrice tbody .fa-times {
	font-size: 1.2em;
	color: #999;
}
.tablePrice tfoot .buttonRow {
	display: none;
}
.tablePrice tfoot .won {
	color: #01afe8;
	font-weight: 600;
	font-size: 1.3em;
}

/****************************	문서	*****************************/
.document {
	font-size: 14px;
	color: #444;
}
.document ul,
.document ol {
	list-style: none;
	padding: 0 5px 25px 15px;
	margin: 0;
}
.document p {
	padding: 3px 5px;
}

.document p.header {
	font-weight: bold;
}

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

.singinMenu {
	padding: 0;
	margin: 0 0 30px 0;
	list-style: none;
	text-align: right;
}
.singinMenu li {
	display: inline-block;
	padding: 5px;
	margin: 0;
}

/*************	main Popup	**************/
#PopModal {
	position: absolute;
	width: 100%;
	top: 110px;
	z-index: 1800;
}
#PopModal .popo-box {
	width: 402px;
	margin: 0 auto;
	border: solid 1px #e3e3e3;
}
#PopModal .popo-box .pop-header {
	margin: 0;
	padding: 5px 13px;
	background: #fff;
	border-bottom: 1px solid #e3e3e3;
}
#PopModal .popo-box .pop-body {
}

#PopModal .popo-box .pop-footer {
	text-align: right;
	padding: 5px;
	margin: 0;
	padding: 5px 13px;
	background: #fff;
}

/*************	회사소개 Popup	**************/
.certificateList {
	list-style: none;
	padding: 0;
	margin: 30px 0;
	position: relative;
}

.certificateList li {
	display: inline-block;
	width: 32.5%;
	height: 280px;
	padding: 0 5px;
	vertical-align: top;
}

.certificateList li .certificateIMG {
	border: 1px solid #e3e3e3;
	margin: 0 0 15px 0;
	padding: 5px;
}
.certificateList li .certificateIMG img {
	width: 100%;
}
.certificateList li .certificateName {
	font-size: 11px;
	font-weight: normal;
	color: #666;
	text-align: center;
	height: 60px;
}

@media (min-width: 768px) {
	.certificateList li {
		width: 24%;
	}
}
@media (min-width: 992px) {
	.certificateList li {
		width: 12%;
	}
}

@media (min-width: 1200px) {
	.certificateList li {
		width: 12%;
	}
}

/**************************************
	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;
	}
}

/*************	메인 페이지	**************/
@media (min-width: 1200px) {
	#ContentBody .section2{
		padding: 30px 0;
	}

	#ContentBody .section2 .reviews{
		border: solid 2px #000;
		border-radius: 20px;
		padding: 10px;
	}

	#ContentBody .section2 .reviews h4{
		padding-left: 30px;
	}

	#ContentBody .section2 .reviews li{
		padding: 5px 0;
	}

	


}



/*************	.메인 페이지	**************/

/*************	my info	**************/
.table .titleText {
	font-weight: bold;
	color: #333;
	font-size: 10pt;
}
.table .titleText .smallText {
	margin-left: 15px;
	font-size: 9pt;
	font-weight: normal;
	color: #666;
}
.table .dateText {
	font-size: 9pt;
	font-weight: normal;
	color: #666;
}

.coupon_code_input {
}
.coupon_code_input .input-group-addon {
	border: none;
	font-weight: bold;
}
.coupon_code_input input {
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	text-transform: uppercase;
}
.couponUseHistory {
	cursor: pointer;
}

/*************	시험 등록	**************/

#TestRagiForm {
	margin-bottom: 30px;
}

#TestQuestion,
#TestItemRagi {
	padding-top: 20px;
	margin-bottom: 30px;
}

#TestQuestion header,
#TestItemRagi header {
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 15px;
}
#TestQuestion header h6,
#TestItemRagi header h6 {
	font-size: 12pt;
	font-weight: bold;
	color: #000;
}

#TestItems {
	margin: 15px 0;
	padding: 15px;
	border: solid 1px #e3e3e3;
	background-color: #fcfafa;
}
#TestItems .TestItem {
	padding: 0 0 20px 0;
	border-bottom: 1px solid #e3e3e3;
}
#TestItems .TestItem .TestItemHeder {
	border-bottom: 1px solid #f4f4f4;
	position: relative;
	padding: 10px 0;
}
#TestItems .TestItem .TestItemHeder .TestItem_Title {
	font-weight: bold;
	padding: 7px 0;
	font-size: 11pt;
}
#TestItems .TestItem .TestItemHeder .box-tools {
	position: absolute;
	top: 10px;
	right: 5px;
}

#TestItems .TestItem .TestItemBody {
	margin-bottom: 15px;
}
#TestItems .TestItem .TestItemBody .TestItem_Questions,
#TestItems .TestItem .TestItemFooter .TestItem_Explanation {
	padding: 15px;
	margin: 15px;
	border: 1px solid #d2d6de;
	border-radius: 5px;
}
#TestItems .TestItem .TestItemBody .TestItem_Questions {
	background-color: #fff;
}
#TestItems .TestItem .TestItemBody .TestItem_Example {
}
#TestItems .TestItem .TestItemBody .TestItem_Example .TestItem_Examples {
}

#TestItems .TestItem .TestItemBody .TestItem_Example .TestItem_Examples:before,
#TestItems .TestItem .TestItemBody .TestItem_Example .TestItem_Examples:after {
	content: " ";
	display: table;
}
#TestItems .TestItem .TestItemBody .TestItem_Example .TestItem_Examples:before {
	clear: both;
}
#TestItems .TestItem .TestItemBody .TestItem_Example .TestItem_Examples li {
	display: inline-block;
	margin: 5px 10px;
}
#TestItems .TestItem .TestItemBody .TestItem_Answer {
	text-align: right;
	font-size: 12pt;
	font-weight: bold;
	padding: 8px 16px;
}

#TestItems .TestItem .TestItemFooter {
}
#TestItems .TestItem .TestItemFooter .TestItem_Explanation {
	background: #d2d6de;
	color: #444;
}

/*************	텍스트	**************/
.info-text {
	color: #34c8ff;
	padding: 15px;
	margin: 15px 0;
	border: 1px solid #e3e3e3;
}

#payment {
	/* [disabled]border-top: 3px solid #0C0; */
	padding: 5px;
}

/************	Form	**************/
.Number {
	text-align: right;
}

.max-img img {
	max-width: 100%;
	height: auto;
	margin-bottom: 15px;
}

/************	큰 사이즈 이미지 테이블	**************/
.table-img-box {
	text-align: center;
	overflow-x: scroll;
	position: relative;
}
.table-img-box i,
.table-img-box svg {
	display: block;
	font-size: 80px;
	color: #0066ff;
	opacity: 0.3;
	position: absolute;
	top: 50%;
	left: 50%;
}
.table-img-box img {
	margin: 0 auto;
}

@media (min-width: 768px) {
	.table-img-box {
		text-align: center;
		overflow-x: auto;
	}
	.table-img-box i,
	.table-img-box svg {
		display: none;
	}
	.table-img-box img {
		max-width: 100%;
	}
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}

.dltable {
	padding: 15px;
	width: 80%;
	margin: 0 10% 30px 10%;
}
.dltable dl {
	display: block;
	margin: 2px 0;
	background-color: #ffffff;
}
.dltable dl:before,
.dltable dl:after {
	display: table;
	content: " ";
}
.dltable dl:after {
	clear: both;
}
.dltable dl dt {
	display: table-cell;
	width: 100px;
	text-align: center;
	font-weight: 600;
	margin: 0;
	padding: 10px;
	border-right: solid 2px #f4f5f7;
	background-color: #404040;
	color: #ffffff;
}
.dltable dl dd {
	display: table-cell;
	line-height: 1.6em;
	padding-left: 15px;
	color: #404040;
}

/******************************
    new mypage
******************************/
#mp_body {
	position: relative;
	padding-left: 0;
}
#mp_body #mp_nav {
	position: absolute;
	top: 0;
	left: 0;
}
#mp_body #mp_content {
}

@media (min-width: 768px) {
	#mp_body {
		position: relative;
		padding-left: 250px;
		min-height: calc(100vh - 250px);
		margin-bottom: 15px;
	}
	#mp_body #mp_nav {
		position: absolute;
		top: 0;
		left: 0;
		width: 250px;
		padding: 10px;
	}

	#mp_body #mp_nav .mp_title {
		margin-top: 10px;
		border-bottom: solid 3px #00c0ef;
		padding: 0 10px 10px 10px;
	}
	#mp_body #mp_nav #mp_menu {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#mp_body #mp_nav #mp_menu li {
		margin: 10px;
	}
	#mp_body #mp_nav #mp_menu li a {
		display: block;
		padding: 5px;
		font-size: 1.2em;
	}
	#mp_body #mp_nav #mp_menu li.division {
		margin: 0;
		border-bottom: solid 1px #e3e3e3;
	}

	#mp_body #mp_content {
		width: 100%;
		height: 100%;
		background-color: #fff;
		padding: 0 15px;
		border-left: solid 1px #e3e3e3;
		min-height: calc(100vh - 250px);
		margin-bottom: 30px;
	}
	#mp_body #mp_content .mp_box {
		display: none;
	}
	#mp_body #mp_content .mp_box.active {
		display: block;
	}

	#mp_body #mp_content .mp_box .fc table {
		border-left: solid 1px #e3e3e3;
		border-right: solid 1px #e3e3e3;
	}
	#mp_body #mp_content .mp_box .mp-header {
	}
	#mp_body #mp_content .mp_box .mp-header .mp-title {
		border-bottom: solid 3px #00c0ef;
		padding-bottom: 10px;
	}
	#mp_body #mp_content .mp_box .mp-body {
		min-height: 200px;
		margin-bottom: 15px;
	}
	#mp_body #mp_content .mp_box .mp-body table {
		/*
        border-left: solid 1px #e3e3e3;
        border-right: solid 1px #e3e3e3;
        */
	}
	#mp_body #mp_content .mp_box .mp-footer {
		padding: 10px 0;
		border-top: solid 1px #e3e3e3;
	}
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}

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

.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) {

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

		#ContentBody .service_section3 .section_content .content1 img,
		#ContentBody .service_section3 .section_content .content2 img,
		#ContentBody .service_section3 .section_content .content3 img,	
		#ContentBody .service_section4 .section_content img,
		#ContentBody .service_section5 .section_content .content1 img,
		#ContentBody .service_section5 .section_content .content2 img,
		#ContentBody .service_section6 .section_content img,
		#ContentBody .service_section7 .section_content .content1 img,
		#ContentBody .service_section7 .section_content .content2 img,
		#ContentBody .service_section9 .section_content .content1 img,
		#ContentBody .service_section9 .section_content .content2 img,
		#ContentBody .service_section9 .section_content .content3 img{
			width: 100%;
		}



		#ContentBody .service_section1 {
			background: url('/images/info/service/01/bg.png') center center;
			height: 80vh;
			max-height: 80vh;
			background-size: cover;
			width: 100%;
		}
		
		#ContentBody .service_section1 .section_title {
			text-align: center;
			width: 100%;
			padding-top: 400px;
			padding-bottom: 50px;
		}

		#ContentBody .service_section1 .section_title img{
			width: 100%;
		}

		#ContentBody .service_section2 .section_title {
			text-align: center;
			width: 100%;
			padding-top: 50px;
			padding-bottom: 20px;
		}

		#ContentBody .service_section2-1{
			background: url('/images/info/service/02/bg.png') center center;
			background-size: cover;
			width: 100%;
		}

		#ContentBody .service_section2-1 .section_content1 {
			text-align: center;
			width: 100%;
		}
		
		#ContentBody .service_section2-1 .section_content2 {
			text-align: center;
			width: 100%;
			padding: 50px;
		}

		#ContentBody .service_section2-1 .section_content2 img{
			max-width: 800px;
		}

		#ContentBody .service_section3{
			background: url('/images/info/service/03/bg.png') center center;
			background-size: cover;
			width: 100%;
		}

		#ContentBody .service_section3 .section_title {
			text-align: center;
			width: 100%;
			padding: 50px 0;
		}

		#ContentBody .service_section3 .section_content {
			padding-bottom: 30px;
		}

		#ContentBody .service_section3 .section_content .content1,
		#ContentBody .service_section3 .section_content .content2,
		#ContentBody .service_section3 .section_content .content3{
			text-align: center;
			padding: 30px 0;
		}

		#ContentBody .service_section4{
			background: url('/images/info/service/04/bg.png') center center;
			background-size: cover;
			width: 100%;
		}

		#ContentBody .service_section4 .section_title {
			text-align: center;
			width: 100%;
			padding: 50px 0;
		}

		#ContentBody .service_section4 .section_content {
			padding-bottom: 70px;
			text-align: center;
		}

		#ContentBody .service_section5 {
			background-color: #cee29a;
		}

		#ContentBody .service_section5 .section_title{
			text-align: center;
			width: 100%;
			padding: 50px 0;
		}

		#ContentBody .service_section5 .section_content{
			text-align: center;
			padding-bottom: 150px;
		}

		#ContentBody .service_section5 .section_content .content2{
			padding-top: 150px;
			text-align: right;
		}

		#ContentBody .service_section5 .section_content .content2 img{
			width: 100%;
		}

		#ContentBody .service_section6 {
			background: url('/images/info/service/06/bg.png') center center;
			background-size: cover;
			width: 100%;
		}

		#ContentBody .service_section6 .section_title{
			text-align: center;
			width: 100%;
			padding: 50px 0;
		}

		#ContentBody .service_section6 .section_title img{
			max-width: 800px;
		}

		#ContentBody .service_section6 .section_content{
			text-align: center;
			padding-bottom: 550px;
		}

		#ContentBody .service_section7 {
			background: url('/images/info/service/07/bg.png') center center;
			background-size: cover;
			width: 100%;
		}

		#ContentBody .service_section7 .section_title{
			text-align: center;
			width: 100%;
			padding: 40px 0;
		}

		#ContentBody .service_section7 .section_content {
			padding-bottom: 300px;
		}

		#ContentBody .service_section7 .section_content .content1{
			padding-bottom: 25px;
			text-align: center;
		}

		#ContentBody .service_section7 .section_content .content2{
			text-align: center;
		}

		#ContentBody .service_section8 {
			background: url('/images/info/service/08/bg.png') center center;
			background-size: cover;
			width: 100%;
		}

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

		#ContentBody .service_section8 .section_content .image-slider{
			overflow: hidden;
			display: flex;
			padding-bottom: 50px;
		}

		#ContentBody .service_section8 .section_content .image-slider img {
			width: 100%;
			animation: roll 20s linear infinite;
		}

		@keyframes roll {
			0% {
				transform: translateX(0);
			}
			100% {
				transform: translateX(-100%);
			}
		}

		#ContentBody .service_section9{
			background: url('/images/info/service/09/bg.png') center center;
			background-size: cover;
			width: 100%;
		}

		#ContentBody .service_section9 .section_title{
			text-align: center;
			padding: 50px;
			width: 100%;
		}

		#ContentBody .service_section9 .section_content .content1,
		#ContentBody .service_section9 .section_content .content2,
		#ContentBody .service_section9 .section_content .content3{
			text-align: center;
			padding-bottom: 50px;
		}
	/********	.에듀라이브 소개	**********/

	/********	교재소개	**********/
		#ContentBody .book_section{
			background: url('/images/book/01/bg.png')center center;
			background-size: cover;
			height: 900px;
		}

		#ContentBody .book_section .section_content{
			padding-top: 500px;
			padding-left: 80px;
		}

		#ContentBody .books_section1{
			background: url('/images/books/01/bg.png') center center;
			background-size: contain;
			width: 100%;
		}

		#ContentBody .books_section1 .section_head{
			padding-bottom: 150px;
		}

		#ContentBody .books_section1 .section_head .section_top {
			text-align: center;
			height: 200px;
		}

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

		#ContentBody .books_section1 .section_head .section_title img{
			width: 100%;
			padding: 0 50px;
		}

		#ContentBody .books_section2 {
			background: url('/images/book/02/bg.png') center center;
			background-size: cover;
		}

		#ContentBody .books_section2 .section_content {
			text-align: center;
			padding: 50px 0;
		}
		#ContentBody .books_section2 .section_content2 {
			text-align: center;
			padding: 50px 0;
		}

		#ContentBody .books_section2 .section_content img {
			width: 100%;
			padding: 0 50px;
		}

		#ContentBody .books_section2 .section_content2 img{
			width: 100%;
			padding: 0 50px;
		}

		#ContentBody .books_section2 .section_title{
			text-align: center;
			padding: 0 200px;
			padding-bottom: 100px;
		}

		#ContentBody .books_section2 .section_title img{
			width: 100%;
		}

		#ContentBody .books_section2 .section_title img{
			width: 100%;
		}

		#ContentBody .books_section3_1 {
			background-color: #c5def7;
		}

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

		#ContentBody .books_section3_1 .section_title img{
			width: 100%;
			padding: 0 200px;
		}

		#ContentBody .books_section3_1 .section_content{
			padding-bottom: 50px;
		}

		#ContentBody .books_section3_1 .section_content img{
			width: 100%;
		}

		#ContentBody .books_section3_2 {
			background-color: #c5def7;
		}

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

		#ContentBody .books_section3_2 .section_title img{
			width: 100%;
			padding: 0 200px;
		}

		#ContentBody .books_section3_2 .section_content .content{
			padding: 30px 0;
		}

		#ContentBody .books_section3_2 .section_content .content img{
			width: 100%;
		}

		#ContentBody .books_section3_2 .section_content{
			padding-bottom: 50px;
		}

		#ContentBody .books_section3_3{
			background-color: #c5def7;
		}

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

		#ContentBody .books_section3_3 .section_title img{
			width: 100%;
			padding: 0 200px;
		}

		#ContentBody .books_section3_3 .section_content{
			text-align: center;
			padding-bottom: 100px;
		}

		#ContentBody .books_section3_3 .section_content img{
			width: 100%;
		}

		#ContentBody .books_section3_3 .section_content2{
			padding: 0;
		}

		#ContentBody .books_section3_3 .section_content2 .text img{
			width: 100%;
			padding: 0;
		}

		#ContentBody .books_section3_3 .section_content2 .image img{
			width: 70%;
			padding: 0;
		}

		#ContentBody .books_section4 .section_title{
			text-align: center;
		}
	
		#ContentBody .books_section4 .section_title img{
			width: 100%;
		}

		#ContentBody .books_section4 .section_content {
			text-align: center;
			padding-top: 50px;
			padding-bottom: 100px;
		}

		#ContentBody .books_section4 .section_content img{
			width: 100%;
		}

		#ContentBody .books_section5{
			background-color: #e3f1ff;
		}

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

		#ContentBody .books_section5 .section_title img{
			width: 100%;
			padding: 0 150px;
		}

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

		#ContentBody .books_section5 .section_content img{
			width: 100%;
		}

		#ContentBody .books_section5 .section_button{
			text-align: center;
			padding: 50px 0;
		}

		#ContentBody .books_section5 .section_button a{
			width: fit-content;
		}

		#ContentBody .books_section5 .section_button img{
			width: 100%;
			padding: 0 300px;
		}

		#ContentBody .books_section5 .section_footer{
			text-align: center;
			padding-bottom: 100px;
		}

		#ContentBody .books_section5 .section_footer img{
			width: 100%;
			padding: 0 150px;
		}




	/********	.교재소개	**********/

	/********	진단평가	**********/
		#ContentBody .test_section1{
			background: url('/images/test/01/bg.png') center center;
			background-size: cover;
			height: 100vh; /* 기본값으로 전체 화면 높이 */
			max-height: 100vh; /* 최대 화면 높이 */
		}

		#ContentBody .test_section1 .section_title {
			padding: 250px 0;
		}

		#ContentBody .test_section1 .section_title img{
			width: 100%;
		}

		#ContentBody .test_section2{
			background: url('/images/test/02/bg.png') center center;
			background-size: cover;
			height: 200vh; /* 기본값으로 전체 화면 높이 */
			max-height: 200vh; /* 최대 화면 높이 */
		}

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

		#ContentBody .test_section2 .section_footer{
			text-align: center;
			margin-top: 130%;
		}


		#ContentBody .test_section3{
			background: url('/images/test/03/bg.png') center center;
			background-size: cover;
			padding-bottom: 50px;
		}

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

		#ContentBody .test_section3 .section_content .content1,
		#ContentBody .test_section3 .section_content .content2,
		#ContentBody .test_section3 .section_content .content3{
			text-align: center;
			padding: 30px 0;
		}

		#ContentBody .test_section3 .section_content .content1 img,
		#ContentBody .test_section3 .section_content .content2 img,
		#ContentBody .test_section3 .section_content .content3 img{
			width: 100%;
		}

		#ContentBody .test_section4{
			background: url('/images/test/04/bg.png') center center;
			background-size: cover;
		}		

		#ContentBody .test_section4 .section_title {
			padding: 50px 0;
			text-align: center;
		}
		
		#ContentBody .test_section4 .section_content {
			text-align: center;
			padding-bottom: 100px;
		}

		#ContentBody .test_section4 .section_content img {
			width: 100%;
		}

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

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

		#ContentBody .test_section5 .section_content .content1{
			padding-bottom: 30px;
		}

		#ContentBody .test_section5 .section_content .content1 img{
			width: 100%;
		}

		#ContentBody .test_section5 .section_content .content2{

		}

		#ContentBody .test_section5 .section_content .content2 img{
			width: 100%;
		}

		#ContentBody .test_section6{
			background-color: #3c5b5a;
		}

		#ContentBody .test_section6 .section_title{
			padding: 50px 150px;
			text-align: center;
		}

		#ContentBody .test_section6 .section_title img{
			width: 100%;
		}

		#ContentBody .test_section6 .section_button{
			text-align: center;
		}

		#ContentBody .test_section6 .section_content{
			padding-bottom: 100px;
		}

		#ContentBody .test_section6 .section_content img{
			width: 100%;
		}
	

	/********	.진단평가	**********/

	/********	방송강의소개	**********/
		#ContentBody .liveinfo_section1{
			background: url('/images/liveinfo/01/bg.png') center center;
			background-size: cover;
			
		}

		#ContentBody .liveinfo_section1 .section_title{
			text-align: center;
			padding-top: 10%;
		}

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

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

		#ContentBody .liveinfo_section2 .section_footer{
			text-align: center;
			padding-top: 20px;
			padding-bottom: 100px;
		}

		#ContentBody .liveinfo_section3{
			background: url('/images/liveinfo/03/bg.png') center center;
			background-size: cover;

		}

		#ContentBody .liveinfo_section3 .section_title{
			padding: 50px;
			text-align: center;
		}

		#ContentBody .liveinfo_section3 .section_footer{
			padding: 50px;
			text-align: center;
		}

		#ContentBody .liveinfo_section3 .liveclass_roll .image-slider{
			overflow: hidden;
			display: flex;
			padding-bottom: 50px;
		}

		#ContentBody .liveinfo_section3 .liveclass_roll .image-slider img {
			width: 100%;
			animation: roll 20s linear infinite;
		}

		@keyframes roll {
			0% {
				transform: translateX(0);
			}
			100% {
				transform: translateX(-100%);
			}
		}

		#ContentBody .liveinfo_section4{
			background: url('/images/liveinfo/04/bg.png') center center;
			background-size: cover;
		}

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

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

		#ContentBody .liveinfo_section4 .section_footer{
			text-align: center;
			padding: 100px 0;
		}

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

		#ContentBody .liveinfo_section5 .section_content{
			padding-bottom: 100px;
		}

		#ContentBody .liveinfo_section5 .section_content .content1,
		#ContentBody .liveinfo_section5 .section_content .content2,
		#ContentBody .liveinfo_section5 .section_content .content3{
			text-align: center;
		}

		#ContentBody .liveinfo_section6{
			background: url('/images/liveinfo/06/bg.png') center center;
			background-size: cover;
		}

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

		#ContentBody .liveinfo_section6 .section_content{
			padding-bottom: 100px;
		}

		#ContentBody .liveinfo_section6 .section_content .content1,
		#ContentBody .liveinfo_section6 .section_content .content2,
		#ContentBody .liveinfo_section6 .section_content .content3{
			text-align: center;
			padding: 30px 0;
		}

		#ContentBody .liveinfo_section6 .section_content .content1 img,
		#ContentBody .liveinfo_section6 .section_content .content2 img,
		#ContentBody .liveinfo_section6 .section_content .content3 img{
			width: 100%;
		}

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

		#ContentBody .liveinfo_section7 .section_title2{
			text-align: center;
			padding: 50px 0;
		}

		#ContentBody .liveinfo_section7 .section_content{
			text-align: center;
			width: 100%;
		}

		#ContentBody .liveinfo_section7 .section_content2{
			text-align: center;
			width: 100%;
			padding: 50px 0;
		}

		#ContentBody .liveinfo_section7 .section_content3{
			text-align: center;
			width: 100%;
			padding-bottom: 100px;
		}

		#ContentBody .liveinfo_section8{
			background: url('/images/liveinfo/08/bg.png') center center;
			background-size: cover;
		}

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

		#ContentBody .liveinfo_section8 .section_content img{
			width: 100%;
		}
		#ContentBody .liveinfo_section8 .section_content {
			padding-bottom: 100px;
			text-align: center;
		}

		#ContentBody .liveinfo_section9{
			background: url('/images/liveinfo/09/bg.png') center center;
			background-size: cover;
			height: 160vh; /* 기본값으로 전체 화면 높이 */
			max-height: 160vh; /* 최대 화면 높이 */
		}

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

		#ContentBody .liveinfo_section9 .section_content{
			text-align: center;
			padding: 50px 0;
		}

		#ContentBody .liveinfo_section9 .section_footer .footer1{
			text-align: left;
		}

		#ContentBody .liveinfo_section9 .section_footer .footer2{
			text-align: right;
		}

		#ContentBody .liveinfo_section10{
			background: url('/images/liveinfo/10/bg.png') center center;
			background-size: cover;
			height: 150vh;
			max-height: 150vh;
		}

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



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

	/********	동영상소개	**********/
		#ContentBody .videoinfo_section1{
			background: url('/images/videoinfo/01/bg.png') center center;
			background-size: cover;
		}

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

		#ContentBody .videoinfo_section2{
			background: url('/images/videoinfo/02/bg.png') center center;
			background-size: cover;
		}

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


		#ContentBody .videoinfo_section2 .videoclass_roll .image-slider{
			overflow: hidden;
			display: flex;
			padding-bottom: 50px;
		}

		#ContentBody .videoinfo_section2 .videoclass_roll .image-slider img {
			width: 100%;
			animation: roll 20s linear infinite;
		}

		@keyframes roll {
			0% {
				transform: translateX(0);
			}
			100% {
				transform: translateX(-100%);
			}
		}

		#ContentBody .videoinfo_section3{
			background: url('/images/videoinfo/03/bg.png') center center;
			background-size: cover;
		}

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

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

		#ContentBody .videoinfo_section3 .section_content .content1,
		#ContentBody .videoinfo_section3 .section_content .content2,
		#ContentBody .videoinfo_section3 .section_content .content3{
			text-align: center;
			padding: 30px;
		}

		#ContentBody .videoinfo_section3 .section_content .content1 img,
		#ContentBody .videoinfo_section3 .section_content .content2 img,
		#ContentBody .videoinfo_section3 .section_content .content3 img{
			width: 100%;
		}
		
		#ContentBody .videoinfo_section4{
			background: url('/images/videoinfo/04/bg.png') center center;
			background-size: cover;
			height: 160vh;
			max-height: 160vh;
		}

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

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

		#ContentBody .videoinfo_section4 .section_footer{
			padding-top: 40px;
		}

		#ContentBody .videoinfo_section4 .section_footer .image1{
			text-align: left;
		}

		#ContentBody .videoinfo_section4 .section_footer .image2{
			text-align: right;
		}

		#ContentBody .videoinfo_section5{
			background: url('/images/videoinfo/05/bg.png') center center;
			background-size: cover;
		}

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

		#ContentBody .videoinfo_section5 .section_content{
			padding-bottom: 100px;
		}

		#ContentBody .videoinfo_section5 .section_content .image1,
		#ContentBody .videoinfo_section5 .section_content .image2{
			text-align: center;
			padding: 30px;
		}

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

		#ContentBody .videoinfo_section5 .section_content2{
			padding-bottom: 100px;
		}
		
		#ContentBody .videoinfo_section5 .section_content2 .image3,
		#ContentBody .videoinfo_section5 .section_content2 .image4{
			text-align: center;
			padding: 30px;
		}

		#ContentBody .videoinfo_section6{
			background: url('/images/videoinfo/06/bg.png') center center;
			background-size: cover;
		}

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

		#ContentBody .videoinfo_section6 .section_button{
			text-align: center;
		}

		#ContentBody .videoinfo_section6 .section_content{
			text-align: center;
			padding: 80px;
		}

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


	/********	전문과외 소개	**********/
		#ContentBody .proinfo_section1{
			background: url('/images/info/proclass/01/bg.png') center center;
			background-size: cover;
		}

		#ContentBody .proinfo_section1 .section_title{
			padding-bottom: 100px;
		}

		#ContentBody .proinfo_section1 .section_title .title{
			padding: 100px 0;
		}

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

		#ContentBody .proinfo_section2{
			background: url('/images/info/proclass/02/bg.png') center center;
			background-size: cover;
			height: 90vh;
			max-height: 90vh;
		}

		#ContentBody .proinfo_section2 .section_title{
			padding: 50px 0;
		}

		#ContentBody .proinfo_section2 .section_title .title1{
			text-align: left;
		}
		#ContentBody .proinfo_section2 .section_title .title2{
			text-align: right;
		}

		#ContentBody .proinfo_section3{
			background-color: #f5f5f5;
		}

		#ContentBody .proinfo_section3 .section_title{
			text-align: center;
			padding: 50px 300px;
		}

		#ContentBody .proinfo_section3 .section_title img{
			width: 100%;
		}

		#ContentBody .proinfo_section3 .section_content{
			text-align: center;
			padding-bottom: 100px;
		}
		#ContentBody .proinfo_section3 .section_content .content{
			padding: 0 50px;
		}

		#ContentBody .proinfo_section3 .section_content .content img{
			width: 100%;
		}

		#ContentBody .proinfo_section4 .section_title{
			text-align: center;
			padding: 50px 300px;
		}

		#ContentBody .proinfo_section4 .section_title img{
			width: 100%;
		}

		#ContentBody .proinfo_section4 .section_content{
			text-align: center;
			padding-bottom: 50px;
		}

		#ContentBody .proinfo_section4 .section_footer{
			text-align: center;
			padding-bottom: 100px;
		}

		#ContentBody .proinfo_section5 {
			background-color: #eaf0f5;
		}

		#ContentBody .proinfo_section5 .section_title{
			padding: 50px 300px;
			text-align: center;
		}

		#ContentBody .proinfo_section5 .section_title img{
			width: 100%;
		}

		#ContentBody .proinfo_section5 .proinfo_roll .image-slider{
			overflow: hidden;
			display: flex;
			width: 100%;
			padding-bottom: 100px;
		}

		#ContentBody .proinfo_section5 .proinfo_roll .image-slider img {
			width: 100%;
			animation: roll 20s linear infinite;
		}

		@keyframes roll {
			0% {
				transform: translateX(0);
			}
			100% {
				transform: translateX(-100%);
			}
		}

		#ContentBody .proinfo_section6{
			background-color: #334a61;
		}

		#ContentBody .proinfo_section6 .section_title{
			text-align: center;
			padding: 50px 300px;
		}

		#ContentBody .proinfo_section6 .section_title img{
			width: 100%;
		}

		#ContentBody .proinfo_section6 .section_content .content1{
			text-align: center;
			padding: 40px 0;
		}

		#ContentBody .proinfo_section6 .section_content .content1 img{
			width: 100%;
		}

		#ContentBody .proinfo_section6 .section_content .content2{
			text-align: center;
		}
		#ContentBody .proinfo_section6 .section_content .content2 img{
			width: 100%;
		}


		#ContentBody .proinfo_section7{
			background-color: #ebebeb;
		}

		#ContentBody .proinfo_section7 .section_title{
			text-align: center;
			padding: 50px 300px;
		}

		#ContentBody .proinfo_section7 .section_content .content1{
			text-align: center;
			padding: 0 50px 50px 50px;
		}

		#ContentBody .proinfo_section7 .section_content .content1 img{
			width: 100%;
		}
		
		#ContentBody .proinfo_section7 .section_content .content2{
			text-align: center;
			padding: 0 50px 100px 50px;
		}

		#ContentBody .proinfo_section7 .section_content .content2 img{
			width: 100%;
		}

		#ContentBody .proinfo_section8 .section_title{
			text-align: center;
			padding: 50px 300px;
		}

		#ContentBody .proinfo_section8 .section_title img{
			width: 100%;
		}

		#ContentBody .proinfo_section8 .section_content .content1{
			padding-bottom: 30px;
		}

		#ContentBody .proinfo_section8 .section_content .content2{
			padding-bottom: 100px;
		}

		#ContentBody .proinfo_section8 .section_content .content1 img,
		#ContentBody .proinfo_section8 .section_content .content2 img{
			width: 100%;
		}

		#ContentBody .proinfo_section9{
			background: url('/images/info/proclass/09/bg.png') center center;
			background-size: cover;
			height: 150vh;
			max-height: 150vh;
		}

		#ContentBody .proinfo_section9 .section_title{
			text-align: center;
			padding: 50px 50px;
		}

		#ContentBody .proinfo_section9 .section_title img{
			width: 100%;
		}

		#ContentBody .proinfo_section9 .section_button{
			text-align: center;
			padding: 0 300px;
		}

		#ContentBody .proinfo_section9 .section_button img{
			width: 100%;
		}

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


@media (min-width: 768px) {
	/********	에듀라이브 소개	**********/

		#ContentBody .service_section3 .section_content .content1 img,
		#ContentBody .service_section3 .section_content .content2 img,
		#ContentBody .service_section3 .section_content .content3 img,	
		#ContentBody .service_section4 .section_content img,
		#ContentBody .service_section5 .section_content .content1 img,
		#ContentBody .service_section5 .section_content .content2 img,
		#ContentBody .service_section6 .section_content img,
		#ContentBody .service_section7 .section_content .content1 img,
		#ContentBody .service_section7 .section_content .content2 img,
		#ContentBody .service_section9 .section_content .content1 img,
		#ContentBody .service_section9 .section_content .content2 img,
		#ContentBody .service_section9 .section_content .content3 img{
			width: 100%;
		}



		#ContentBody .service_section1 {
			background: url('/images/info/service/01/bg.png') center center;
			background-size: cover;
			width: 100%;
		}
		
		#ContentBody .service_section1 .section_title {
			text-align: center;
			width: 100%;
			padding-top: 400px;
			padding-bottom: 50px;
		}

		#ContentBody .service_section1 .section_title img{
			max-width: 800px;
		}

		#ContentBody .service_section2 .section_title {
			text-align: center;
			width: 100%;
			padding-top: 50px;
			padding-bottom: 20px;
		}

		#ContentBody .service_section2-1{
			background: url('/images/info/service/02/bg.png') center center no-repeat;
			width: 100%;
		}

		#ContentBody .service_section2-1 .section_content1 {
			text-align: center;
			width: 100%;
		}
		#ContentBody .service_section2-1 .section_content2 {
			text-align: center;
			width: 100%;			
		}

		#ContentBody .service_section2-1 .section_content2 img{
			max-width: 800px;
		}

		#ContentBody .service_section3{
			background: url('/images/info/service/03/bg.png') center center;
			background-size: cover;
			width: 100%;
		}

		#ContentBody .service_section3 .section_title {
			text-align: center;
			width: 100%;
			padding: 50px 0;
		}

		#ContentBody .service_section3 .section_content {
			padding-bottom: 30px;
		}

		#ContentBody .service_section3 .section_content .content1,
		#ContentBody .service_section3 .section_content .content2,
		#ContentBody .service_section3 .section_content .content3{
			text-align: center;
			padding: 30px 0;
		}

		#ContentBody .service_section4{
			background: url('/images/info/service/04/bg.png') center center;
			background-size: cover;
			width: 100%;
		}

		#ContentBody .service_section4 .section_title {
			text-align: center;
			width: 100%;
			padding: 50px 0;
		}

		#ContentBody .service_section4 .section_content {
			padding-bottom: 70px;
			text-align: center;
		}

		#ContentBody .service_section5 {
			background-color: #cee29a;
		}

		#ContentBody .service_section5 .section_title{
			text-align: center;
			width: 100%;
			padding: 50px 0;
		}

		#ContentBody .service_section5 .section_content{
			text-align: center;
			padding-bottom: 50px;
		}

		#ContentBody .service_section5 .section_content .content2{
			padding-top: 50px;
			text-align: right;
		}

		#ContentBody .service_section5 .section_content .content2 img{
			width: 100%;
		}

		#ContentBody .service_section5 .section_content .content2 .image2_2{
			padding-top: 50px;
		}

		#ContentBody .service_section5 .section_content .content2 .image2_2 img{
			width: 100%;
		}

		#ContentBody .service_section6 {
			background: url('/images/info/service/06/bg.png') center center no-repeat;
			background-color: #daebfb;
		}

		#ContentBody .service_section6 .section_title{
			text-align: center;
			width: 100%;
			padding: 50px 0;
		}

		#ContentBody .service_section6 .section_title img{
			max-width: 800px;
		}

		#ContentBody .service_section6 .section_content{
			text-align: center;
			padding-bottom: 550px;
		}

		#ContentBody .service_section7 {
			background: url('/images/info/service/07/bg.png') center center;
			background-size: cover;
			width: 100%;
		}

		#ContentBody .service_section7 .section_title{
			text-align: center;
			width: 100%;
			padding: 40px 0;
		}

		#ContentBody .service_section7 .section_content {
			padding-bottom: 300px;
		}

		#ContentBody .service_section7 .section_content .content1{
			padding-bottom: 25px;
			text-align: center;
		}

		#ContentBody .service_section7 .section_content .content2{
			text-align: center;
		}

		#ContentBody .service_section8 {
			background: url('/images/info/service/08/bg.png') center center;
			background-size: cover;
			width: 100%;
		}

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

		#ContentBody .service_section8 .section_content .image-slider{
			overflow: hidden;
			display: flex;
			padding-bottom: 50px;
		}

		#ContentBody .service_section8 .section_content .image-slider img {
			width: 100%;
			animation: roll 20s linear infinite;
		}

		@keyframes roll {
			0% {
				transform: translateX(0);
			}
			100% {
				transform: translateX(-100%);
			}
		}

		#ContentBody .service_section9{
			background: url('/images/info/service/09/bg.png') center center;
			background-size: cover;
			width: 100%;
		}

		#ContentBody .service_section9 .section_title{
			text-align: center;
			padding: 50px;
			width: 100%;
		}

		#ContentBody .service_section9 .section_content .content1,
		#ContentBody .service_section9 .section_content .content2,
		#ContentBody .service_section9 .section_content .content3{
			text-align: center;
			padding-bottom: 50px;
		}
	/********	.에듀라이브 소개	**********/

	/********	교재소개	**********/
		#ContentBody .books_section1{
			background: url('/images/books/01/bg.png') center center;
			background-size: cover;
			width: 100%;
		}

		#ContentBody .books_section1 .section_head{
			padding-bottom: 150px;
		}

		#ContentBody .books_section1 .section_head .section_top {
			text-align: center;
			height: 200px;
		}

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

		#ContentBody .books_section1 .section_footer img{
			width: 100%;
		}

		#ContentBody .books_section2{
			background: url('/images/books/02/bg.png') center center;
			background-size: cover;
			width: 100%;
		}

		#ContentBody .books_section2 .section_content {
			text-align: center;
			padding: 50px 0;
		}

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

		#ContentBody .books_section3 {
			background: url('/images/books/03_3/bg.png')center center;
			background-size: cover;
			width: 100%;
		}

		#ContentBody .books_section3 .section_title {
			text-align: center;
			padding: 50px 0;
		}
		
		#ContentBody .books_section3 .section_content3 .content2{
			text-align: center;
		}

	/********	.교재소개	**********/

	/********	진단평가	**********/
	#ContentBody .test_section1{
		background: url('/images/test/01/bg.png') center center;
		  background-size: cover;
		height: 100vh; /* 기본값으로 전체 화면 높이 */
		max-height: 100vh; /* 최대 화면 높이 */
	}

	#ContentBody .test_section1 .section_title {
		padding: 250px 0;
	}

	#ContentBody .test_sectison1 .section_title img{
		width: 100%;
	}

	#ContentBody .test_section2{
		background: url('/images/test/02/bg.png') center center;
		  background-size: cover;
		height: 200vh; /* 기본값으로 전체 화면 높이 */
		max-height: 200vh; /* 최대 화면 높이 */
	}

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

	#ContentBody .test_section2 .section_footer{
		text-align: center;
		margin-top: 130%;
	}


	#ContentBody .test_section3{
		background: url('/images/test/03/bg.png') center center;
		  background-size: cover;
		padding-bottom: 50px;
	}

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

	#ContentBody .test_section3 .section_content .content1,
	#ContentBody .test_section3 .section_content .content2,
	#ContentBody .test_section3 .section_content .content3{
		text-align: center;
		padding: 30px 0;
	}

	#ContentBody .test_section3 .section_content .content1 img,
	#ContentBody .test_section3 .section_content .content2 img,
	#ContentBody .test_section3 .section_content .content3 img{
		width: 100%;
	}

	#ContentBody .test_section4{
		background: url('/images/test/04/bg.png') center center;
		background-size: cover;
	}		

	#ContentBody .test_section4 .section_title {
		padding: 50px 0;
		text-align: center;
	}
	
	#ContentBody .test_section4 .section_content {
		text-align: center;
		padding-bottom: 100px;
	}

	#ContentBody .test_section4 .section_content img {
		width: 100%;
	}

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

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

	#ContentBody .test_section5 .section_content .content1{
		padding-bottom: 30px;
	}

	#ContentBody .test_section5 .section_content .content1 img{
		width: 100%;
	}

	#ContentBody .test_section5 .section_content .content2{

	}

	#ContentBody .test_section5 .section_content .content2 img{
		width: 100%;
	}

	#ContentBody .test_section6{
		background-color: #3c5b5a;
	}

	#ContentBody .test_section6 .section_title{
		padding: 50px 150px;
		text-align: center;
	}

	#ContentBody .test_section6 .section_title img{
		width: 100%;
	}

	#ContentBody .test_section6 .section_button{
		text-align: center;
	}

	#ContentBody .test_section6 .section_content{
		padding-bottom: 100px;
	}

	#ContentBody .test_section6 .section_content img{
		width: 100%;
	}
	

/********	.진단평가	**********/


	


}


@media (min-width: 360px) {


}



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



/*
    장바구니
*/

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;
}